/* CSS Document */ @charset "utf-8"; #doc-main { background: url(../images/bghome.jpg) repeat-x left top; width: 100%; height: auto; } #doc-main #hd { height: 119px; width: 976px; margin-right: auto; margin-left: auto; position: relative; } #hd #topsrch { float: right; height: 39px; width: 561px; background: url(../images/topsrchbg.png) no-repeat center top; margin-right: 37px; } #hd #topsrch #srchbox { float: left; height: 23px; width: 203px; margin-top: 8px; margin-left: 63px; background: url(../images/Srchbg.gif) no-repeat center top; margin-right: 40px; text-align: left; } .txtfield { height: 15px; width: 124px; margin-top: 3px; float: left; margin-left: 21px; } #hd #topsrch p { font: bold 10px Arial, Helvetica, sans-serif; color: #ffffff; margin: 14px 0px 0px; padding: 0px; float: left; } #hd #topsrch a { font: bold 10px Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none; } .srchbtn { float: left; height: 23px; width: 51px; } #hd #topsrch a:hover { font: bold 10px Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: underline; } #hd #topsrch a:visited { font: bold 10px Arial, Helvetica, sans-serif; color: #ffffff; } #hd #topsrch .flag { float: left; height: 12px; width: 80px; margin-left: 48px; margin-top: 13px; } #hd #topsrch .flag img { margin-left: 9px; float: left; height: 12px; width: 17px; } #hd #logoatomes { height: 77px; width: 220px; float: left; margin-top: 22px; } a {outline:none;} .clearfix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } #navigation { background: transparent; margin-left: 316px; padding: 0; width: 614px; height: 62px; position: absolute; left: 0; top: 51px; } #navigation li { float: left; list-style-type: none; } #navigation li a { display: block; text-indent: -9999px; } #navigation li a#navtopone { background: url(../images/navatomes_01.png) no-repeat top left; width:81px; height:62px; } #navigation li a#navtopone:hover { background-position: bottom left; } #home #navigation li a#navtopone { background-position: bottom left; } #navigation li a#navtoptwo { background: url(../images/navatomes_02.png) no-repeat top left; width:111px; height:62px; } #navigation li a#navtoptwo:hover { background-position: bottom left; } #profile #navigation li a#navtoptwo { background-position: bottom left; } #navigation li a#navtopthree { background: url(../images/navatomes_03.png) no-repeat top left; width:104px; height:62px; } #navigation li a#navtopthree:hover { background-position: bottom left; } #biotech #navigation li a#navtopthree { background-position: bottom left; } #navigation li a#navtopfour { background: url(../images/navatomes_04.png) no-repeat top left; width:79px; height:62px; } #navigation li a#navtopfour:hover { background-position: bottom left; } #products #navigation li a#navtopfour { background-position: bottom left; } #navigation li a#navtopfive { background: url(../images/navatomes_05.png) no-repeat top left; width:109px; height:62px; } #navigation li a#navtopfive:hover { background-position: bottom left; } #divisions #navigation li a#navtopfive { background-position: bottom left; } #navigation li a#navtopsix { background: url(../images/navatomes_06.png) no-repeat top left; width:130px; height:62px; } #navigation li a#navtopsix:hover { background-position: bottom left; } #business #navigation li a#navtopsix { background-position: bottom left; } #doc-main #bd { height: auto; width: 976px; margin-right: auto; margin-left: auto; } #doc-main #bd #topbanner { background: url(../images/homebgbluebanner.png) no-repeat center center; height: 256px; width: 976px; margin-right: auto; margin-left: auto; } #doc-main #bd #topbanner #thumb { height: 105px; width: 150px; float: left; margin-top: 126px; margin-left: 315px; margin-right: 8px; } #doc-main #bd #topbanner #topbannerrightbox { height: 120px; width: 390px; float: left; margin-top: 124px; } #topbannerrightbox h2 { font: bold 14px Arial, Helvetica, sans-serif; color: #99ff00; margin: 0px 0px 7px; padding: 0px; } #topbannerrightbox p { font: 12px/16px Arial, Helvetica, sans-serif; color: #ffffff; } #topbannerrightbox #btnbox { height: 43px; width: 307px; margin-top: 10px; } #topbannerrightbox #btnbox a#btn { background: url(../images/btn_homebanner.gif) no-repeat top left; width:307px; height:43px; display: block; text-indent: -9999px; } #topbannerrightbox #btnbox a#btn:hover { background-position: bottom left; } #doc-main #bd #greenbanner { background: url(../images/greenbanbg.jpg) no-repeat center top; height: 550px;; width: 976px; margin-top: 5px; margin-right: auto; margin-left: auto; } #greenbanner #vertibanner { height: auto; width: 263px; background: transparent; margin: 0px; padding: 0px; color: #ffffff; float: left; } #greenbanner #vertibanner #top { background: url(../images/vertibanner_01.png) no-repeat center top; height: 19px; width: 263px; margin-top: 30px; } #greenbanner #vertibanner #contents { background: transparent url(../images/vertibanner_02.png) repeat-y center bottom; height: auto; width: 263px; } #vertibanner #vertibannerft { background: url(../images/vertibanner_04.png) no-repeat center center; height: 107px; width: 263px; } #vertibanner #contents h1 { font: 24px Arial, Helvetica, sans-serif; color: #006699; margin: 0px 0px 0px 23px; padding: 0px; } #vertibanner #vertibannerft #vertbanftbox { height: auto; width: 196px; margin-left: 22px; padding-top: 14px; } #vertibanner #vertibannerft #vertbanftbox h2 { font: 14px Arial, Helvetica, sans-serif; color: #006699; margin: 0px; padding: 0px; } #vertibanner #vertibannerft #vertbanftbox p { font: 12px/14px Arial, Helvetica, sans-serif; color: #000000; margin-top: 8px; } #vertibanner #contents h2 { font: bold 18px Arial, Helvetica, sans-serif; color: #006699; margin-left: 22px; margin-top: 16px; } #vertibanner #contents #prodimg { height: auto; width: 220px; margin-left: 18px; padding-bottom: 10px; border-bottom: 3px double #cccccc; margin-top: 15px; text-align: center; } #vertibanner #contents .vertbanbox { height: auto; width: 196px; margin-left: 22px; padding-top: 14px; border-bottom: 1px dotted #999999; padding-bottom: 14px; } #vertibanner #contents .vertbanbox h2 { font: 14px Arial, Helvetica, sans-serif; color: #006699; margin: 0px; padding: 0px; } #vertibanner #contents .vertbanbox p { font: 12px/14px Arial, Helvetica, sans-serif; color: #000000; margin-top: 8px; } #greenbanner #toolstooling { height: 231px; width: 288px; background: transparent; float: left; margin-left: 50px; padding-top: 39px; } #greenbanner #toolstooling h2 { background: url(../images/toolstooling.png) no-repeat center top; height: 29px; width: 214px; float: left; text-indent: -9999px; display: block; margin-right: 50px; margin-bottom: 15px; } #greenbanner #toolstooling img { margin-right: 12px; float: left; } #greenbanner #toolstooling p { font: 12px/16px Arial, Helvetica, sans-serif; color: #000000;} #greenbanner #toolstooling #btnlrnmorebox { float: left; height: 34px; width: 120px; margin-top: 18px; margin-left: 145px; } #toolstooling #btnlrnmorebox a#btnlrnmore { background: url(../images/btn_learnmore.gif) no-repeat top left; width:120px; height:34px; display: block; text-indent: -9999px; } #toolstooling #btnlrnmorebox a#btnlrnmore:hover { background-position: bottom left; } #greenbanner #testimonials { float: left; height: 270px; width: 350px; margin-left: 20px; background: url(../images/testimonialfem.png) no-repeat left bottom; } #greenbanner #testimonials h2 { background: url(../images/tit_testi.png) no-repeat center top; height: 24px; width: 148px; margin-top: 52px; margin-left: 203px; text-indent: -9999px; } #greenbanner #testimonials p { font: 14px/18px Arial, Helvetica, sans-serif; color: #000000; margin-top: 26px; margin-left: 220px; } #greenbanner #testimonials #btnlrnsomorebox { float: left; height: 34px; width: 120px; margin-top: 30px; margin-left: 221px; } #testimonials #btnlrnsomorebox a#btnlrnsomore { background: url(../images/lrnsomore.gif) no-repeat top left; width:120px; height:34px; display: block; text-indent: -9999px; } #testimonials #btnlrnsomorebox a#btnlrnsomore:hover { background-position: bottom left; } #greenbanner #featured { float: left; height: 215px; width: 400px; margin-top: 43px; margin-left: 35px; } #greenbanner #featured h2 { font: bold 18px Arial, Helvetica, sans-serif; color: #006699; padding: 0px; margin-top: 20px; margin-left: 0px; } #greenbanner #featured img { float: right; margin-left: 20px; margin-top: 10px; } #greenbanner #featured p { font: 12px/18px Arial, Helvetica, sans-serif; margin-top: 10px; margin-bottom: 20px; } #greenbanner #featured span { font: 16px/24px Arial, Helvetica, sans-serif; color: #242424; } #greenbanner #newsletterwrap { background: url(../images/newsletter_02.gif) repeat-y; height: auto; width: 242px; float: left; margin-top: 42px; margin-left: 30px; } #greenbanner #newsletterwrap #newslettertop { background: url(../images/newsletter_01.gif) no-repeat center center; height: 15px; width: 242px; } #greenbanner #newsletterwrap #newslettercont { width: 242px; } #greenbanner #newsletterwrap #newsletterft { background: url(../images/newsletter_04.gif) no-repeat center center; height: 60px; width: 242px; } #greenbanner #newsletterwrap #newslettercont h2 { font: bold 18px Arial, Helvetica, sans-serif; color: #006699; margin-left: 19px; } #greenbanner #newsletterwrap #newslettercont p { font: bold 14px/18px Arial, Helvetica, sans-serif; color: #666666; margin-left: 19px; margin-top: 10px; margin-bottom: 12px; } #greenbanner #newsletterwrap #newsletterft .btnnewsletter { height: 34px; width: 215px; margin-right: auto; margin-left: auto; padding: 0px; } #doc-main #ft { width: 976px; margin-right: auto; margin-left: auto; padding-top: 15px; border-top: 1px solid #cccccc; margin-top: 25px; font: bold 10px/14px Arial, Helvetica, sans-serif; color: #999999; height: 60px; position: relative; } #ft a { color: #666666; text-decoration: none; } #ft a:hover { text-decoration: underline; } #ft span { position: absolute; top: 15px; right: 0px; text-align: right; } /* COMPANY PROFILE */ #doc-bg01 { background: url(../images/bg01.jpg) repeat-x left top; width: 100%; height: auto; } #doc-bg01 #hd { height: 119px; width: 976px; margin-right: auto; margin-left: auto; position: relative; } #doc-bg01 #bd { height: auto; width: 976px; margin-right: auto; margin-left: auto; } #doc-bg01 #bd #topbanner { background: url(../images/company-profile.png) no-repeat center center; height: 257px; width: 976px; margin-right: auto; margin-left: auto; position: relative; } #doc-bg01 #bd #topbanner p { font: 16px/24px Arial, Helvetica, sans-serif; color: #fff; left: 20px; top: 110px; position: absolute; margin: 0px; padding: 0px; } #doc-bg01 #ft { width: 976px; margin-right: auto; margin-left: auto; padding-top: 15px; border-top: 1px solid #cccccc; margin-top: 25px; font: bold 10px/14px Arial, Helvetica, sans-serif; color: #999999; height: 60px; position: relative; } #doc-bg01 #bd #companyprofilewrap { width: 976px; background: transparent; height: auto; } #doc-bg01 #bd #thankyouwrap { width: 976px; background: transparent; height: auto; } #profile #doc-bg01 #bd #thankyouwrap h2 { font: 18px Arial, Helvetica, sans-serif; color: #333; margin-top: 75px; } /* TESTIMONIALS */ #doc-bg01 #bd #testibanner { background: url(../images/testibg.jpg) no-repeat center center; height: 257px; width: 976px; margin-right: auto; margin-left: auto; position: relative;} #doc-bg01 #bd #testiwrap { width: 976px; background: transparent; height: auto; padding-top: 40px; padding-bottom: 20px; } #doc-bg01 #bd #testiwrap h2 { font: 18px/28px Arial, Helvetica, sans-serif; color: #8c2c19; margin-top: 15px; margin-left: 3px; } #doc-bg01 #bd #testiwrap p { font: 12px/18px Arial, Helvetica, sans-serif; color: #333; margin-top: 3px; margin-left: 3px; } /* BIOTECHNOLOGY */ #doc-bg01 #bd #topbiotechbanner { background: url(../images/biotechnology.png) no-repeat center center; height: 257px; width: 976px; margin-right: auto; margin-left: auto; position: relative;} #doc-bg01 #bd #topbiotechbanner h1 { font-size: 34px; margin: 0px; text-indent: -9999px; padding-top: 24px; } #doc-bg01 #bd #topbiotechbanner p { font: 18px/28px Arial, Helvetica, sans-serif; color: #FFFFFF; margin-top: 15px; margin-left: 3px; } #doc-bg01 #bd #biotechwrap { width: 976px; background: transparent; height: auto; padding-top: 60px; padding-bottom: 20px; } #bd #biotechwrap .pdf { background: url(../images/icon_acrobat.gif) no-repeat left top; height: 25px; padding-left: 23px; padding-top: 3px; font: 12px Arial, Helvetica, sans-serif; color: #333; } #doc-bg01 #bd #biotechwrap #pageWrap .pageContent { height: auto; margin-bottom: 20px; } #doc-bg01 #bd #biotechwrap #clear { clear: both; } /* SPANISH */ #doc-bg01 #bd #productosbanner { background: url(../images/ProductosBanner.png) no-repeat center center; height: 257px; width: 976px; margin-right: auto; margin-left: auto; position: relative; } /* PRODUCTS & SERVICES */ #doc-bg01 #bd #topproductbanner { background: url(../images/imgmain-products.jpg) no-repeat center center; height: 257px; width: 976px; margin-right: auto; margin-left: auto; position: relative; } #biotechwrap h1 { background: #FFFFFF url(../images/Tit-Prod.jpg) no-repeat left bottom; height: 95px; display: block; text-indent: -9999px; margin-top: 15px; margin-left: 20px; margin-bottom: 20px; } #biotechwrap #productswrap { padding-bottom: 20px; padding-left: 20px; height:285px; width: auto; position: relative; } #biotechwrap #productswrap p { font: 12px/16px Arial, Helvetica, sans-serif; color: #333333; margin-top: 10px; } #biotechwrap #productswrap #left { width: 460px; float: left; height: auto; } #biotechwrap #productswrap #left ul { font: 12px Arial, Helvetica, sans-serif; color: #333; list-style-position: outside; list-style-type: disc; margin-left: 20px; margin-top: 5px; } #biotechwrap #productswrap #left ul li { font: 12px/16px Arial, Helvetica, sans-serif; color: #333; margin-bottom: 3px; } #biotechwrap #productswrap #right { width: 440px; float: left; margin-left: 20px; height: auto; } #biotechwrap #productswrap #right ul { font: 12px Arial, Helvetica, sans-serif; color: #333; list-style-position: outside; list-style-type: disc; margin-left: 20px; margin-top: 5px; margin-bottom: 20px; } #biotechwrap #productswrap #right ul li { font: 12px/16px Arial, Helvetica, sans-serif; color: #333; margin-bottom: 3px; } /* BIOXY S DIVISION */ #doc-bg01 #bd #bioxysbanner { background: url(../images/BioxySbanner.gif) no-repeat center center; height: 257px; width: 976px; margin-right: auto; margin-left: auto; position: relative;} /* ATOMES DIVISION */ #doc-bg01 #bd #topdivisionbanner { background: url(../images/divisionsbg.jpg) no-repeat center center; height: 257px; width: 976px; margin-right: auto; margin-left: auto; position: relative;} /* BUSINESS PARTNERS */ #doc-bg01 #bd #topbizpartnerbanner { background: url(../images/biz-partnerbanner.jpg) no-repeat center center; height: 257px; width: 976px; margin-right: auto; margin-left: auto; position: relative;} #doc-bg02 #bd #resultswrap { width: 916px; background: transparent; height: auto; padding-top: 70px; padding-bottom: 20px; margin-right: auto; margin-left: auto; } /* CONTACT */ #doc-bg02 { background: url(../images/bg02.jpg) repeat-x left top; width: 100%; height: auto; } #doc-bg02 #hd { height: 119px; width: 976px; margin-right: auto; margin-left: auto; position: relative; } #doc-bg02 #bd { height: auto; width: 976px; margin-right: auto; margin-left: auto;} #doc-bg02 #bd #contactwrap { width: 916px; background: transparent; height: 615px; padding-top: 60px; padding-bottom: 20px; margin-right: auto; margin-left: auto; padding-left: 60px; } #bd #contactwrap p { font: 14px Arial, Helvetica, sans-serif; margin-bottom: 15px; } #doc-bg02 #ft { width: 976px; margin-right: auto; margin-left: auto; padding-top: 15px; border-top: 1px solid #cccccc; margin-top: 25px; font: bold 10px/14px Arial, Helvetica, sans-serif; color: #999999; height: 60px; position: relative; } #doc-bg02 #bd #contactwrap #clear { clear: both; } /* CONTACT */ #doc-bg02 #bd #thankswrap { width: 916px; background: transparent; height: 200px; padding-top: 100px; padding-bottom: 20px; margin-right: auto; margin-left: auto; padding-left: 60px; } #bd #thankswrap p { font: 14px Arial, Helvetica, sans-serif; margin-bottom: 15px; } .btnnewsletter .btnnwsltr { background: transparent url(../images/btn-newsletter_01.png) no-repeat center center; float: left; height: 25px; width: 161px; font-size: 12px; color: #666666; font-family: Arial, Helvetica, sans-serif; padding-left: 10px; border: none; padding-top: 9px; } .btnnewsletter .submitbtnnwsltr { float: left; height: 34px; width: 39px; margin: 0px; padding: 0px; } /* TOOLS AND TOOLING */ #doc-bg02 #bd #toolswrap { width: 600px; background: transparent; height: 500px; padding-top: 80px; margin-right: auto; margin-left: auto; } #toolswrap p { font: 14px/18px Arial, Helvetica, sans-serif; margin-bottom: 15px; } #toolswrap #slideshow { height: 400px; width: 600px; margin-right: auto; margin-left: auto; } #doc-bgBioxyS { background: url(../images/bgBioxyS.jpg) repeat-x left top; width: 100%; height: auto; } #doc-bgBioxyS #hd { height: 119px; width: 976px; margin-right: auto; margin-left: auto; position: relative; } #doc-bgBioxyS #bd { height: auto; width: 976px; margin-right: auto; margin-left: auto;} #doc-bgBioxyS #bd #contactwrap { width: 916px; background: transparent; height: 615px; padding-top: 60px; padding-bottom: 20px; margin-right: auto; margin-left: auto; padding-left: 60px; } #doc-bgBioxyS #bd #contactwrap p { font: 14px Arial, Helvetica, sans-serif; margin-bottom: 15px; } #doc-bgBioxyS #ft { width: 976px; margin-right: auto; margin-left: auto; padding-top: 15px; border-top: 1px solid #cccccc; margin-top: 25px; font: bold 10px/14px Arial, Helvetica, sans-serif; color: #999999; height: 60px; position: relative; } #doc-bgBioxyS #bd #contactwrap #clear { clear: both; } /* BIOXY S CSS TABLE */ #comparisonwrap .tablecont { display: table; } .row { display: table-row; clear: both; } .cell { display: table-cell; width: 240px; padding: 5px; height: 45px; border: 1px solid #999999; float: left; } .cell h4 { font: bold 16px Arial, Helvetica, sans-serif; color: #333; padding: 0px; margin-top: 15px; text-align: center; } .cell h5 { font: bold 16px Arial, Helvetica, sans-serif; color: #333; padding: 0px; margin: 0px; text-align: center; } .cell p { font: 12px/16px Arial, Helvetica, sans-serif; color: #333; margin: 0px; padding: 0px; text-align: center; } .hilite { background: #FFFF66; } #profile #doc-bg01 #bd #thankyouwrap p { font: 14px Arial, Helvetica, sans-serif; color: #333; margin-top: 25px; margin-bottom: 200px; }