@charset "utf-8"; /* CSS Document */ body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #666666; margin: 2px 0 10px 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #000000; background-color: #FFFFFF; background-image: url(bg9.jpg); background-repeat: repeat-x; } #page { width: 900px; text-align: left; background-color: #f3f3f3; border: 1px solid; border-color: #00684F; padding: 0; margin: 2px 0 0 0; min-height: 100%; } #shadow { width: 920px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */ margin: 0 auto; text-align: left; padding: 0; } .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; } #searchbar { height: 31px; background-color: #8E78A7; background-image: url(grad2bg.jpg); } #search { width:310px; background-repeat: no-repeat; float: left; margin: 2px 0 0 5px; border: 0px #01A302 solid; } #links { float: right; margin: 8px 5px 0 0; color: #FFFFFF; font-size: 12px; } #links a { color:#FFFFFF; margin: 4px; } #links a:hover { color:#cccccc; } #header { background-color: #FFFFFF; height: 90px; } #checkout { margin: 5px 5px 0 0; width: 220px; float: right; background-color: #FFFFFF; height: 78px; border: 0px solid; border-color: #624386; background-image: url(checkout4.png); color: #FFFFFF; } #checkout a { color:#FFFFFF } p { font-size:14px; color:#000000; } #logo { float:left; margin: 5px 0 0 5px; padding: 8px; } #marketmessage { float:left; margin: 12px 0 0 5px; } #veiwcart { margin: 1px; padding: 1px 1px 1px 5px; border-bottom:1px #934CAA dashed; font-size:12px; color: #FFFFFF; } #items { font-size: 24px; width:70px; height:30px; border: 0px #000 solid; margin: 0px 0px 0px 7px; text-align: center; color: #FFFFFF; } #buying { margin: 0px 0px 1px 0px; float:right; width:130px; border: 0px #000 solid; height: 30px; padding: 0; color: #FFFFFF; text-align: center; } #details { margin: 0px 0px 1px 0px; font-size: 12px; height:40px; width:130px; } #details a { text-align:center; } #veiwcheckout { margin: 0px 0px 1px 0px; font-size: 14px; height:20px; width:120px; } #main { margin: 5px 0 0 0; } #menu { border: 0px solid; border-color: #00684F; border-left: 0; border-right: 0; border-top: 1px; height: 44px; } #menu a { font-size:12px; color:#FFFFFF; text-decoration:none; } #menu img { border:none; } /* Navigation */ .nav, .nav ul { list-style: none; margin: 0; padding: 0; } .nav { font-family: Arial, Helvetica, sans-serif; z-index: 100; position: relative; width:890px; height:36px; text-align: center; font-size: 14px; float: right; background-repeat: no-repeat; margin: 0 4px 0 0; border-color: #207D22; border-left: 0; border-right: 0; background-image: url(menubarbg5.png); padding: 6px 0 0 0; } .nav li { float: left; margin: 0; padding: 0; position: relative; /*text-align: center;*/ font-weight: bold; color: #FFFFFF; } .nav li a, .nav li a:link, .nav li a:active, .nav li a:visited { display: block; padding-top:0; padding-bottom:5px; text-decoration: none; color: #FFF; height: 30px; font-size: 0.9em; font-weight:bold; } .nav li a:hover { background: #ed2c23; color: #FFF; } #nav-one li:hover a, #nav-one li.sfHover a { color: #CFF3CF; background-color:#604181; } #nav-one li:hover ul a, #nav-one li.sfHover ul a { background: #F2E9F5; color: #00684f; padding:3px 3px 3px 3px; border-bottom:1px solid #F2E9F5; height:15px; border-right: 0px; } #nav-one li:hover ul a:hover, #nav-one li.sfHover ul a:hover { color: #7D3B93; border-bottom:1px solid #7D3B93; background-color: #CFF3CF; } .nav ul { background: #FFF; list-style: none; margin: 0; position: absolute; top: -999em; left: -1px; border: 1px solid #015301; } .nav li:hover ul, .nav li.sfHover ul { top: 30px; } #otherprod { left: -181px; } #nav-one ul li { border: 0; float: none; /*font-size:0.9em;*/ } #nav-one ul a { border-bottom: 0; font-size:0.9em; white-space: nowrap; border:none; } #nav-one li a:hover { border-right:none; background-color: #00684F; } ul#nav-one li ul a { text-align:left; padding:0 0 0 5px; } ul#nav-one li { border-right:0px #207D22 solid; } ul#nav-one li.electro { width:120px; border-left: 0px solid #207D22; } ul#nav-one li.thermal { width:75px; } ul#nav-one li.liquid { width:80px; } ul#nav-one li.store { width:80px; } ul#nav-one li.biomic { width:105px; margin: 0 0 0 10px; border-left: 0px solid; border-color: #207d22; } ul#nav-one li.microplate { width:100px; } ul#nav-one li.other { width:80px; } ul#nav-one li.hybrid { width:120px; } ul#nav-one li.reagents { width:110px; } ul#nav-one li.electro a { width:auto; } ul#nav-one li.thermal a { width:auto; } ul#nav-one li.liquid a { width:auto; } ul#nav-one li.biomic a { width:auto; } ul#nav-one li.microplate a { width:auto; } ul#nav-one li.other a { width:auto; } ul#nav-one li.hybrid a { width:auto; } ul#nav-one li.reagents a { width:auto; } #sidebar-left { float: left; width: 197px; border: 0; margin-left: 5px; } #sidebar-left img { margin: 10px 0 0 0; border: 0; } #sidebar-left-section { float: left; width: 195px; border: 0px solid #999999; margin: 5px 0 0 5px; } #sidebar-right { float: right; width: 175px; /* the background color will be displayed for the length of the content in the column, but no further */ padding: 0px 0px; border: 0px solid #999999; margin-right: 5px; } #main-content { float: left; width: 500px; margin: 0 0 0 5px; } #main-search { height:50px; padding: 10px 10px 0px 200px; margin: 0 0px 0 0; background-image: url(search8bg.jpg); background-repeat: no-repeat; } #main-ad { width:500px; background-color: #870098; height: 155px; margin: 13px 0 0 0; border: 1px solid #772C93; } #prod-foucus { float:left; width: 500px; margin: 5px 0 0 3px; } #suppliers { width:470px; float:right; height: 200px; margin: 5px 5px 0 0; } #banner { height:50%; margin: 0px 0 0 0; } #features { height:50%; } #features div { border: 1px #ccc solid; width: 92px; float:left; height: 100px; } #features div img { } #footer { background:#ffffff; border-top: 2px solid #7c3a9b; bottom: 0px; margin: 5px 0 0 0; } #footer p { margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */ padding: 0px 0 0 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ } #footer table { width: 900px; text-align:left; color: #ED2C27; text-indent: 40px; border-top: 1px solid; } #footer dl { color:#000000; float: left; margin: 0 0 15px 0; } #footer dl#help { width: 154px; } #footer dt { color:#6cbf77; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; margin: 0; } #footer dt a { color:#00684F; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; } #footer dd { color:#99a9bc; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; } #footer dd a { color:#7c3a9b; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; margin: 0 0 0 -40px; } #home { margin-left: 40px; } #home dt { width:100px; } #shopping { margin-left: 20px; } #shopping dt { width:110px; } #resources dt { width:115px; } #help dt { } #resources { margin-left: 20px; } #sections { width:502px; margin: 11px 0 5px 0; background-repeat: no-repeat; background-color: #F2F2F2; } #sections img { width:162px; height:64px; } .sections img:hover { width:162px; } .section { width:162px; height:79px; border: 1px solid; border-color: #00684F; } #left-sec { float:left; width: 165px; } #right-sec { float:right; width: 165px; } #centre-sec { margin:0 0 0 3px; width: 165px; float: left; } #section-one { background-image:url("biomicro.jpg"); } #section-one:hover { background-image:url("biomicro-trans.jpg"); } #section-two { margin:10px 0 10px 0; background-image:url("liquid.jpg"); } #section-two:hover { background-image:url("liquid-trans.jpg"); } #section-three { background-image:url("hybmicro.jpg"); } #section-three:hover { background-image:url("hybmicro-trans.jpg"); } #section-four { background-image:url("block.jpg"); } #section-four:hover { background-image:url("block-trans.jpg"); } #section-five { margin:10px 0 10px 0; background-image:url("microplate.jpg"); } #section-five:hover { background-image:url("microplate-trans.jpg"); } #section-six { background-image:url("other.jpg"); } #section-six:hover { background-image:url("other-trans.jpg"); } #section-seven { background-image: url("electro.jpg"); } #section-seven:hover { background-image:url("electro-trans.jpg"); } #section-eight { background-image:url("sample2.jpg"); } #section-eight:hover { background-image:url("sample2-trans.jpg"); } #section-nine { background-image:url("kits.jpg"); margin: 10px 0 10px 0; } #section-nine:hover { background-image:url("kits-trans.jpg"); } .sec-name { text-align:center; height:15px; border: 0px solid; border-color: #00684F; background-image: url(greenbg.jpg); width: 164px; background-repeat: no-repeat; margin: 0px 0 0 -1px; } .sec-name a { font-size:11px; color:#fff; text-decoration:none; } .sec-name:active { background-image: url(tab4.png); } .sec-name a:hover { text-decoration:underline; color: #FFFFFF; } #footmenu { margin: 0 0 0 217px; width: 500px; } #login { border: 1px solid; border-color:#00684F; color: #000000; } #login table b { color: #7C3C93; } #login table a, #login table td { color: #00684F; } #login table a:hover { color: #7C3C93; } #loginhead { background-color:#00684F; color:#7c3a9b; text-align:center; font-size:16px; width: 195px; background-image: url(gradsmallbg.jpg); border-bottom: 1px solid #7c3a9b; } #left-ad { border: 0px solid; border-color:#00684F; color: #000000; } #quick-order { width:175px; border: 1px solid; border-color:#00684F; color: #000000; text-align: center; margin: 0 0 2px 0; overflow: hidden; } .quick-order { width:175px; border: 1px solid; border-color:#00684F; color: #000000; text-align: center; margin: 0 0 2px 0; overflow: hidden; } .express-order { border: 1px solid; border-color:#00684F; color: #000000; text-align: center; margin: 0 0 2px 0; overflow: hidden; } #quick-order-head { background-color:#00684F; color:#7c3a9b; text-align:center; font-size:16px; width: 175px; background-image: url(gradsmallbg.jpg); margin: 0 0 2px 0; border: 0; border-bottom: 1px solid #7c3a9b; } .quick-order-head { background-color:#00684F; color:#7c3a9b; text-align:center; font-size:16px; width: 175px; background-image: url(gradsmallbg.jpg); margin: 0 0 2px 0; border: 0; border-bottom: 1px solid #7c3a9b; } .express-order-head { background-color:#00684F; color:#7c3a9b; text-align:left; font-size:16px; background-image: url(gradsmallbg.jpg); margin: 0 0 2px 0; border: 0; border-bottom: 1px solid #7c3a9b; background-repeat: no-repeat; } #best { width:175px; border: 1px solid; border-color:#00684F; color: #000000; text-align: center; margin: 0 0 2px 0; overflow: hidden; } #best-head { background-color:#00684F; color:#FFFFFF; text-align:center; font-size:16px; width: 175px; background-image: url(greenbg.jpg); margin: 0 0 2px 0; } #web { float:left; margin: 0px 0 0 7px; font-size: 10px; text-align: center; height: 105px; } #iso { float:right; margin: 5px 15px 0 0px; } ul.fragment { list-style-type:disc; margin: 5px 0 0 20px } ul#font_size { list-style: none; margin: 0; padding: 0; } ul#font_size li { display: inline; float: left; padding: 0; background: none; } b { color:#472158; font-weight: normal; } .find { background-image:url(button.jpg); } .find:hover { background-image:url(buttonhover.jpg); } .maintextboldred { color:#FF0000; font-size:16px; } .poa { color:#7c3a9b; font-size:12px; } ul.bullets { list-style-type:circle; margin: 0 0 0 20px; } .formtablename { background-color:#CCCCCC; width: 490px; font-size: 14px; border: 1px solid #999; } .formtable { background-color:#CCCCCC; width: 490px; font-size: 14px; padding: 0 0 0 20px; border: 1px solid #999; margin: 10px 0 0 0; } .features { color:#7B3B9B; text-align: center; background-color: #E0E0E0; margin: 2px 5px; font-size: 12px; width: 99%; border: 1px solid #000; } .features th { color:#7B3B9B; text-align: center; background-color: #F3F3F3; font-size: 14px; } .features th a { color:#7B3B9B; text-align: center; background-color: #F3F3F3; font-size: 14px; text-decoration:none; } .features td { color:#7B3B9B; text-align: center; max-width: 200px; margin:5px 0; } .rowone { background-color:#EADAF1; } .rowtwo { background-color:#CAFFCA; } h3.sale  { background-image:url("prodsale.jpg"); background-repeat:no-repeat; padding: 5px 0 0 40px; height:30px; } #sign-in { background-image:url(sign-in.jpg); background-repeat:no-repeat; height:40px; width:100%; margin: 0; background-position: top; } #sign-in:hover { background-image:url(sign-in-hover.jpg); background-repeat:no-repeat; } #sign-in-block { background-image:url("sign-in-block.jpg"); background-repeat:no-repeat; padding:0 0 0 27px; margin: 12px 0 0 46px; } #sign-in-block:hover { background-image:url("sign-in-block-hover.jpg"); background-repeat:no-repeat; } #sign-in-block:active { background-image:url("sign-in-block-active.jpg"); background-repeat:no-repeat; } #sign-in img { margin: 0; height: 40px; width: 197px; }