@charset "utf-8";
/* CSS Document */

*{
    margin:0px;
    padding:0px;
}

html{
    overflow-y:scroll;
}

body{
    background-color:#FFF;
    font-family:Arial, Helvetica, sans-serif;
    font-smooth: always;
    font-stretch: narrower;
}

a{ 
    text-decoration:none;
}

.mainPanel{
    width:960px;
    margin:0px auto;
}

.mainHeader{
    position:relative;
}

.mainHeaderLeft,.mainHeaderRight{
    background:url(../images/mainHeaderLeft.jpg) right no-repeat;
    width:18px;
    height:115px;
    position:absolute;
    top:0px;
}
.mainHeaderLeft{left:-17px;}
.mainHeaderRight{background:url(../images/mainHeaderRight.jpg) no-repeat;right:-16px;}

.footerBack{
    background:url(../images/footerCenter.jpg) bottom repeat-x;
    height:35px;
    position:relative;
    padding-top:10px;
    clear:both;
}

.footerLeft,.footerRight{
    background:url(../images/footerLeft.jpg) right no-repeat;
    width:20px;
    height:50px;
    position:absolute;
    bottom:0px;
}
.footerLeft{left:-18px;}
.footerRight{background:url(../images/footerRight.jpg) no-repeat;right:-17px;}

.footerMenu{padding-top:12px;}

.footerMenu tr td{
    font-size:11px;
    color:#787878;
    padding:0px 19px;
    cursor:pointer;
}

.footerMenu td.footerText{
    color:#0C79B2;
    font-size:11px;
    padding:0px 25px 0px 0px;
    text-align: right;
}

.footerMenu td:hover,.footerMenu td.hoverClass,.footerMenu td.selClass{color:#0D7AB2;}
.footerMenu td a:hover{
    color:#0D7AB2;
}

.acsLogo{
    background:url(../images/acsLogo.gif) no-repeat;
    width:85px;
    height:68px;
    float:left;
    margin:5px 0px 5px 5px;
    cursor: pointer;
}

.acsLetterLogo{
    background:url(../images/ACSLetterLogo.gif) no-repeat;
    width:77px;
    height:52px;
    float:left;
    margin:15px 0px 0px 10px;
    cursor: pointer;
}

.acsProvide{
    background:url(../images/ACSProvides.gif) no-repeat;
    width:228px;
    height:54px;
    float:left;
    margin:15px 0px 0px 10px;
    cursor: pointer;
}

.contactNo{
    background:url(../images/contactNo.gif) no-repeat;
    width:218px;
    height:22px;
    float:right;
    margin:45px 10px 0px 0px;
}

/************************* menu ************************/
.menuContainer{
    background:url(../images/menuBack.jpg) repeat-x;
    height:35px;
    z-index:5px;
    position:relative;
}

.menuSpliter{
    background:url(../images/menuSpiltter.png) no-repeat;
    width:2px;
    height:35px;
    float:left;
}

.menuFirst,.menuSecond,.menuThird,.menuFourth,.menuFifth,.menuSixth{
    background:url(../images/menuNormal.gif) no-repeat;
    height:35px;
    float:left;
    cursor: pointer;
}

.menuHover,.menuSel{background:url(../images/menuHover.png) no-repeat;}

.menuFirst{width:142px;background-position:0px 0px;}

.menuSecond{width:158px;background-position:-144px 0px;}

.menuThird{width:156px;background-position:-304px 0px;}

.menuFourth{width:170px;background-position:-462px 0px;}

.menuFifth{width:148px;background-position:-634px 0px;}

.menuSixth{width:174px;background-position:-784px 0px;}

/************************* menu ************************/
.dataContainer{padding:10px 0px 0px 10px;}
.slideContainer{
    width:940px;
    height:258px;
    overflow:hidden;
}

.slideContainer .slide{float:left;width:940px;}
.acsSlide1{
    background:url(../images/ACSIntroSlide.jpg) no-repeat;
    width:640px;
    height:258px;
}

.slideBotLeft,.slideBotCenter,.slideBotLeftButton,.slideBotRightButton{float:left;}

.slideBotLeft{
    background:url(../images/slideBottomLeft.gif) no-repeat;
    width:10px;
    height:49px;
}

.slideBotCenter{
    background:url(../images/slideBottomCenter.gif) repeat-x;
    height:37px;
    width:710px;
    font-size:20px;
    font-weight:bold;
    color:#545454;
    padding:12px 0px 0px 5px;
    text-align: center;
}

.slideBotLeftButton{
    background:url(../images/slideBtn.gif) no-repeat;
    width:108px;
    height:49px;
}

.slideBotRightButton{
    background:url(../images/slideBtn.gif) -108px 0px no-repeat;
    width:107px;
    height:49px;
}

.btnLeftSelect{
    background:url(../images/slideBtnHover.gif) 0px 0px no-repeat;
    cursor:pointer;
    width:108px;
    height:49px;
}

.btnRightSelect{
    background:url(../images/slideBtnHover.gif)  -108px 0px no-repeat;
    cursor:pointer;
    width:107px;
    height:49px;
}


.ACSNews{
    background:url(../images/ACSNews.jpg) no-repeat;
    width:292px;
    height:307px;
}

.labContent{position:absolute;margin:180px 0px 0px 15px;}
.aero{
    background:url(../images/aero.gif) 0px 3px no-repeat;
    width:150px;
    font-size:13px;
    color:#666;
    padding:0px 0px 8px 15px;
}

.manyMore{color:#666666;padding:3px 0px 15px 15px;font-size:11px;}

.alertLeft,.alertRight{
    background:url(../images/alertLeft.gif) no-repeat;
    width:8px;
    height:35px;
    float:left
}

.alertCenter{
    background:url(../images/alertCenter.gif) repeat-x;
    padding-top:10px;
    height:25px;
    color:#004D8A;
    font-size:13px;
    text-align:center;
    float:left;
    width:925px;
    font-family:Georgia, "Times New Roman", Times, serif;
    cursor: pointer;
}

.alertRight{background:url(../images/alertRight.gif) no-repeat;}

.infoContainer{float:left;padding:12px 10px 0px 0px;}
.infoContainer div{float:left;}
.infoLeft,.infoRight{
    background:url(../images/infoLeft.png) no-repeat;
    width:8px;
    height:35px;
}

.infoCenter{
    background:url(../images/infoCenter.png) repeat-x;
    width:299px;
    height:35px;
}

.infoRight{background:url(../images/infoRight.png) no-repeat;}

.tOffer,.sTips{
    background:url(../images/tradeOffer.gif) no-repeat;
    width:82px;
    height:15px;
    display:inline-block;
    margin:11px 0px 0px 5px;
}

.sTips{background:url(../images/safetyTips.gif) no-repeat;height:18px;}

.infoTop{background:url(../images/infoTop.png) repeat-y;width:315px;clear:both;}

.infoBottom{
    background:url(../images/infoBottom.png) no-repeat;
    width:315px;
    height:36px;
    clear:left;
}
.infoContent{padding:5px 0px 0px 10px;}

.infoContent .blueAero{
    background:url(../images/bAero.gif) 5px 12px no-repeat;
    font-size:13px;
    color:#666;
    padding:9px 0px 9px 22px;
    width:273px;
}

.readMore{
    font-size:11px;
    color:#0D7AB2;
    position:absolute;
    margin:10px 0px 0px 240px;
    cursor: pointer;
}

.advContent div{float:left;}

.advLeft,.advRight{
    background:url(../images/advLeft.png) no-repeat;
    width:15px;
    height:102px;
}

.advCenter{
    background:url(../images/advCenter.png) repeat-x;
    height:102px;
    width:197px; 
    position: relative;
    padding-left: 65px;
}

.advRight{background:url(../images/advRight.png) no-repeat;}

.advCenter div{float:left;}
.acsPriceList{
    position: absolute;
    left: 0px;
    width:65px;
    margin-top:10px;
    margin-bottom: 10px;
}

.acsPriceText{
    color: #666;
    line-height: 22px;
    text-align: center;
    width:164px;
    height:39px;
    margin:20px 0px 0px 13px;
}

.pdfIcon{
    background:url(../images/pdfIcon.gif) no-repeat;
    height:16px;
    padding:2px 0px 0px 18px;
    font-size:11px;
    margin:15px 0px 5px 28px;
}

.pdfIcon a{border-bottom:#0D7AB2 dotted 1px;color:#0D7AB2;}

.acsIsoLogo{
    background:url(../images/acsISOLogo.gif) no-repeat;
    width:110px;
    height:90px;
    margin-top:5px;
}

.acsCertificate{
    background:url(../images/acsCertificate.gif) no-repeat;
    width:132px;
    height:55px;
    margin:24px 0px 0px 15px;
}

/************************* home page complete   *********************************/
.acsLogoBack{
    background:url(../images/acsLogoBack.gif) no-repeat;
    width:203px;
    height:145px;
    position:absolute;
    right:4px;
    top:-7px;
}
.containTop,.containBottom{
    background:url(../images/containTop.gif) no-repeat;
    width:940px;
    height:8px;
}

.containCenter{
    background:url(../images/containCenter.gif) repeat-y;
    width:940px;
}

.containBottom{background:url(../images/containBottom.gif) no-repeat;}

.dataDiv{
    padding:10px 15px;
    position:relative;
}

.aboutUsText,.downloadText,.inquiryText,.contactText{
    background:url(../images/aboutUs.gif) 10px 0px no-repeat;
    height:28px;
    border-bottom:1px dashed #E9E9E9;
    margin-bottom:8px;
}

.downloadText{background:url(../images/downloads.gif) 10px 0px no-repeat;}

.inquiryText{
    background:url(../images/inquiry.gif) 10px 0px no-repeat;
    height:31px;
}

.contactText{background:url(../images/contactUs.gif) 10px 0px no-repeat;}

.content,.downloadContent{
    color:#787878;
    line-height:22px;
    font-size:13px;
    padding:0px 10px 15px 10px;
    text-align:justify;
}

.downloadContent{
    padding:0px 10px 5px 10px;
}

.bottomContent{
    font-size:18px;
    font-weight:bold;
    text-align:center;
    color:#666;
    padding:15px 0px;
}

.form{
    margin:20px 0px 0px 20px;
}

.form tr td{padding-bottom:8px;}

.label{
    font-size:12px;
    font-weight:bold;
    color:#666666;
    height:22px;
    padding-right:20px;
}

.star{color:#F00;padding-left:3px;}

.text{
    font-size:13px;
    padding:5px 5px;
    color:#333;
    background-color:#F9F9F9;
    border:#E5E5E5 solid 1px;
}

.text:focus,textarea:focus,select:focus{border:#0D7AB2 solid 1px;}
.errorText{border: #FF0000 solid 1px;}

.select{padding:3px 3px 2px 5px;}

.btnSubmit{
    background:url(../images/btnSubmit.png) no-repeat;
    height:26px;
    width:100px;
    display:inline-block;
    cursor:pointer;
}

.processing{
    height:20px;
    padding-top: 6px;
    display: none;
    color: #666;
    font-size: 13px;
    font-weight: bold;
}
/************* contact us **************************/
.acsChemical{
    background:url(../images/ACSChemicals.gif) no-repeat;
    width:208px;
    height:14px;
    margin:25px 0px 0px 10px;
}

.adTitle{
    font-size:12px;
    font-weight:bold;
    color:#545454;
    padding:15px 0px 5px 10px;
}

.pointerIcon{
    background:url(../images/locationPointer.gif) no-repeat;
    height:19px;
    padding:3px 0px 0px 18px;
    font-size:11px;
    margin:5px 0px 10px 10px;
    cursor: pointer;
}

.pointerIcon a{border-bottom:#0D7AB2 dotted 1px;color:#0D7AB2;}

.acsEnterprise{
    background:url(../images/ACSEnterprise.gif) no-repeat;
    width:161px;
    height:14px;
    margin:35px 0px 0px 10px;
}

.mapFrame{
    background:url(../images/frame.gif) no-repeat;
    padding:14px;
    margin: 45px 0px 0px 7px;
    float: left;
}
#map{width: 478px;height: 328px;}

/**************** product ******************/
.verticalNavigation{
    background:url(../images/verticalNavigation.jpg) repeat-x;
    width:230px;
    height:474px;
    float:left;
    padding-left:20px;
}

.verticalNavigation div{
    position: relative;
    z-index: 50;
}

.verticalNavigationBorder{
    background:url(../images/verticalNavigationBorder.gif) no-repeat;
    width:1px;
    height:474px;
    float:left;
}

.prodSel{
    background:url(../images/prodSel.png) no-repeat;
    width:261px;
    height:34px;
    left:0px;
    top:7px;
    position:absolute;
    z-index: 10;
}

.proLeftContainer{
    padding-left:1px;
    position:relative;
    float:left;
    width:280px;
}

.proRightContainer{
    width:645px;
    float:left;
}

.productHome,.proLabReg,.proAnalytical,.proHighpurity,.proBiochemical,.proStains,.proAllProduct{
    width: 200px;
    height:34px;
    cursor: pointer;
}

.productHome{background:url(../images/prodHome.gif) 0px 11px no-repeat;	margin-top:8px;}
.navSelproductHome{background:url(../images/prodHomeSel.gif) 12px 11px no-repeat;position:relative;}

.proLabReg{background:url(../images/prodLabReagent.gif) 0px 10px no-repeat;}
.navSelproLabReg{background:url(../images/prodLabReagentSel.gif) 12px 10px no-repeat;position:relative;}

.proAnalytical{background:url(../images/prodAnaReagent.gif) 0px 10px no-repeat;}
.navSelproAnalytical{background:url(../images/prodAnaReagentSel.gif) 12px 10px no-repeat;position:relative;}

.proHighpurity{background:url(../images/prodHipSolvent.gif) 0px 10px no-repeat;}
.navSelproHighpurity{background:url(../images/prodHipSolventSel.gif) 12px 10px no-repeat;position:relative;}

.proBiochemical{background:url(../images/prodBioChemical.gif) 0px 11px no-repeat;}
.navSelproBiochemical{background:url(../images/prodBioChemicalSel.gif) 12px 11px no-repeat;position:relative;}

.proStains{background:url(../images/prodStain.gif) 0px 11px no-repeat;}
.navSelproStains{background:url(../images/prodStainSel.gif) 12px 11px no-repeat;position:relative;}

.proAllProduct{background:url(../images/prodAll.gif) 0px 11px no-repeat;}
.navSelproAllProduct{background:url(../images/prodAllSel.gif) 12px 11px no-repeat;position:relative;}

.proCatalogue{
    background:url(../images/officalpdf.png) no-repeat;
    height:24px;
    color:#0085CF;
    padding:8px 0px 0px 40px;
    font-size:13px;
    margin:8px 0px 0px -3px;
    cursor: pointer;
}
.proCatalogue a{border-bottom:#0085CF dotted 1px;cursor:pointer;}

.searchInput{
    margin:25px 0px 0px 0px;
}

.searchInput div{float:left;}
.searchIcon{background:url(../images/searchIcon.gif) no-repeat;width:33px;height:28px;}
.searchInput input{background:url(../images/searchInputBack.jpg) repeat-x;height:22px;border:none;padding:3px;}
.searchInput .btnSearch a{background:url(../images/btnSearch.png) no-repeat;width:64px;height:28px;float: left;}

.productHomeText,.labRegText,.analyticalText,.hipurityText,.bioText,.stainsText,.allProdListText{
    background:url(../images/productHome.gif) 520px 8px no-repeat;
    height:35px;
    border-bottom:1px dashed #E9E9E9;
    margin-bottom:8px;
}

.labRegText{background:url(../images/laboratoryReagents.gif) 478px 7px no-repeat;}
.analyticalText{background:url(../images/analyticalReagents.gif) 485px 7px no-repeat;}
.hipurityText{background:url(../images/hiPuritySolvents.gif) 448px 7px no-repeat;}
.bioText{background:url(../images/bioChemical.gif) 529px 7px no-repeat;}
.stainsText{background:url(../images/stainsIndi.gif) 500px 7px no-repeat;}
.allProdListText{background:url(../images/allProdList.gif) 511px 7px no-repeat;}

.prodPaddingDiv{
    clear:both;
    height:15px;
}

.prodTitle{
    color:#333;
    font-weight:bold;
    font-size:13px;
    margin:7px 0px 7px 15px;
}

.prodFrame{
    background:url(../images/prodFrame.gif) no-repeat;
    padding:8px;
    float:left;
    margin-left:10px;
}

.lagRegImg,.analyticalImg,.hipurityImg,.bioImg,.stainImg,.sodiumHydroImg,.sodiumChloImg,.basicFuchsinImg,.acetoneImg,.hydrochloricImg,
.sodiumAseniteImg,.vanadiumPentoxideImg,.sulphuricAcidImg,.deionizedWaterImg{
    background:url(../images/labReagentSmall.jpg) no-repeat;
    width:180px;
    height:120px;
}

.analyticalImg{background:url(../images/anaReagentSmall.jpg) no-repeat;}
.hipurityImg{background:url(../images/hipuritySmall.jpg) no-repeat;}
.bioImg{background:url(../images/bioChemSmall.jpg) no-repeat;}
.stainImg{background:url(../images/stainsSmall.jpg) no-repeat;}

.hydrochloricImg{background:url(../images/hydrochloricSmall.jpg) no-repeat;}
.acetoneImg{background:url(../images/acetoneSmall.jpg) no-repeat;}
.basicFuchsinImg{background:url(../images/basicFuchsinSmall.jpg) no-repeat;}
.sodiumChloImg{background:url(../images/sodiumChloSmall.jpg) no-repeat;}
.sodiumHydroImg{background:url(../images/sodiumHydroSmall.jpg) no-repeat;}

.sodiumAseniteImg{background:url(../images/sodiumAseniteSmall.png) no-repeat;}
.vanadiumPentoxideImg{background:url(../images/vanadiumPentoxideSmall.png) no-repeat;}
.sulphuricAcidImg{background:url(../images/sulphuricAcidSmall.png) no-repeat;}
.deionizedWaterImg{background:url(../images/deionizedWaterSmall.png) no-repeat;}

.prodData{
    font-size:12px;
    color:#787878;
    float:left;
    width:405px;
    padding:0px 0px 0px 20px;
    text-align:justify;
    line-height:18px;
}

.prodData span{
    text-align:right;
    display:inline-block;
    float:right;
    color:#0085CF;
    padding-top:5px;
    cursor: pointer;
}

.vp{
    text-align:right;
    color:#0085CF;
    font-size:11px;
    padding:0px 10px 10px 0px;
    cursor: pointer;
}

.prodSlideFrame{
    background:url(../images/slideshow/prodSlideFrame.gif) no-repeat;
    margin:25px 0px 25px 5px;
    padding:8px;
}

.prodSlideContainer{width:610px;overflow:hidden;}

.prodSlideContainer .slide{float:left;}

.paggingContainer{
    margin:10px 0px 0px 10px;
}

.paggingContainer a{
    float:left;
    font-size:11px;
    font-weight:bold;
    color:#787878;
    margin-right:3px;
    background:url(../images/btnNormal.png) no-repeat;
    width:14px;
    height:18px;
    padding:2px 0px 0px 6px;
    cursor:pointer;
}

.paggingContainer .btnSel{background:url(../images/btnSel.png) no-repeat;color: #FFF;}
.paggingContainer .btnDigitSel{background:url(../images/btnNumSel.png) no-repeat;color: #FFF;}

a.digit{
    background:url(../images/btnNumNormal.png) no-repeat;
    width:24px;
    height:16px;
    padding:2px 0px 0px 6px
}

.filterBack{
    background:url(../images/filterBack.jpg) repeat-x;
    height:28px;
    border:#E6E6E6 solid 1px;
    margin:10px 0px 0px 10px;
    padding-top:4px;
}
.filterBack div{float:left;}
.prodSearchIcon{
    background:url(../images/prodListSearchIcon.jpg) 8px 0px no-repeat;
    width:32px;
    height:26px;
    padding-left:8px;
}

.prodSerInput input{
    background:url(../images/prodListInputBack.jpg) repeat-x;
    height:20px;
    border:0px;
    padding:3px;
}
.prodListSer a{
    background:url(../images/btnSearchBlue.png) no-repeat;
    width:64px;
    height:26px;
    float: left;
}
.result{
    font-size:12px;
    color:#545454;
    font-weight:bold;
    padding:4px 10px 0px 0px;
}
.result a{font-size:11px;color:#787878;font-weight:normal;}

.tableContainer{margin-left:10px;clear:both;}
.headerRow td{
    font-size:13px;
    font-weight:bold;
    color:#0085CF;
    background-color:#F9F9F9;
    border-bottom:#E9E9E9 solid 1px;
    height:28px;
}

.record td{
    color:#333;
    font-size:11px;
    height:28px;
    border-bottom:#E9E9E9 solid 1px;
}

.headerRow td.first,.record td.first{padding-left:5px;}

.paging td{
    height:30px;
    border-bottom:#E9E9E9 dotted 1px;
    color:#333;
    font-size:12px;
    background-color: #F9F9F9;
    font-weight: bold;
}

.paging .firstCell{padding:0px;border-bottom:none;}
.paging .page{text-align:center;}
.paging .page span{margin:0px 3px;cursor:pointer;}

.greyFont{color:#666;}

.ltSign,.gtSign{
    background:url(../images/ltSign.png) bottom no-repeat;
    width:18px;
    height:10px;
    display:inline-block;
}

.gtSign{background:url(../images/gtSign.png) bottom no-repeat;}

.ltdSign,.gtdSign{
    background:url(../images/ltdSign.png) bottom no-repeat;
    width:22px;
    height:10px;
    display:inline-block;
}

.gtdSign{background:url(../images/gtdSign.png) bottom no-repeat;}

.norPage,.selPage{
    display:inline-block;
    text-align: center;
    width:22px;
    height:18px;
    font-size:11px;
    padding-top:3px;
}
.selPage{cursor: default;background:url(../images/selPage.png) center no-repeat;color:#FFF;}
.norPage:hover{background:url(../images/pageHover.png) center no-repeat;}
.rAlign{text-align: right;padding-right: 5px;}

.clr{clear:both;}

/**************** pop up *****************/
.popData{
    background-color:#FFFFFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 2px solid #F0F0F0;
    padding:10px;
    margin-top:5px;
    border: 1px solid #EBEBEB;
    margin-top:1px;
    font-size:12px;
}

.popTopL,.popTopR{
    background:url(../images/popTopL.png) no-repeat;
    width:10px;
    height:10px;
}

.popTopC{background:url(../images/popTopC.png) repeat-x;height:10px;}
.popTopR{background:url(../images/popTopR.png) no-repeat;}

.popCenterL,.popCenterR{background:url(../images/popCenterL.png) repeat-y;width:10px;}
.popCenterC{background-color:#FFF;}
.popCenterR{background:url(../images/popCenterR.png) repeat-y;}

.popBottomL,.popBottomR{
    background:url(../images/popBottomL.png) no-repeat;
    width:10px;
    height:10px;
}

.popBottomC{background:url(../images/popBottomC.png) repeat-x;height:10px;}
.popBottomR{background:url(../images/popBottomR.png) no-repeat;}
.popDataContainer{padding:5px 3px 3px 3px;}


.btnCloseBig{
    background:url(../images/btnCloseBig.png) no-repeat;
    width:26px;
    height:24px;
    float:right;
    cursor: pointer;
}

.btnCloseBig:hover{
    background:url(../images/btnCloseBigHover.png) no-repeat;
}

.popServerMsg{
    width: 960px;
    position:absolute;
    top:0px;
    display: none;
    z-index: 1010;
}

.popServerLayer{
    background-color:#000;
    position:fixed;
    top:0%;
    left:0%;
    width:100%;
    height:100%;
    -moz-opacity: 0.25;
    opacity:0.25;
    display: none;
}

.errorIcon,.successIcon{
    background:url(../images/errorIcon.png) no-repeat;
    width:30px;
    height:28px;
}
.successIcon{background:url(../images/successIcon.png) no-repeat;display: inline-block;margin:0px 12px -6px 0px;}

.errorBack,.successBack{color:#666;font-size:22px;padding:8px 0px 10px 10px;}
.errorTable td,.warnTable td{padding-bottom:5px;}
.errorTable td:first-child,.warnTable td:first-child{vertical-align:top;padding-right:8px;}
.errorTable td:last-child,.warnTable td:last-child{line-height:17px;padding-top:3px;}

.successBack{color: green;}

/****************************************/