@charset "utf-8"; /* GOHIL CHEMIST v1.0 2009 -----------------------------------------------------------------------------------------------*/ /* Web Design by Globalgraphics ------------------------------------------------------------------------------------------*/ * { margin:0; padding:0; border:none; outline:none; } html { background:#fff; } body { width:980px; margin:0 auto; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; } h1 { margin:0 0 10px 0; font-size:22px; color:#009999; border-bottom:2px dotted #ccc;  } h2 { margin:0 0 10px 0; font-size:22px; color:#009999; border-bottom:2px dotted #ccc;  } h3 { font-size:13px; color:#333;  } h4 { letter-spacing:-1px; font-size:18px; } h5 { letter-spacing:-1px; font-size:18px; } h5 { font-size:15px; border-bottom:2px dotted #fff; color:#033789; } iframe { border:1px solid #009999; } table { padding:0; border-collapse:collapse; } /* HEADER ------------------------------------------------------------------------------------------*/ #header { width:980px; height:88px; } #header img { float:left; margin:0 0 0 5px; } #header form { width:375px; float:left; padding:30px 0 0 60px; font-size:12px; } #header form fieldset { height:25px; padding:4px 0 0 10px; border:1px solid #9a9a9a; background:url("bg-search.gif") 0 0 repeat-x; } #header form input { float:left; width:276px; padding:2px; margin:0 1px 0 0; border:1px solid #666; } #header form input.button { width:68px; padding:1px 0 0 5px; border:0; margin:0; font-weight:bold; color:#fff; } form input.hide { display:none; } #header #cart { width:120px; padding:0 0 0 50px; margin:20px 0 0 0; float:right; font-size:10px; color:#033789; text-align:center; background:url("basket.gif") 10px 50% no-repeat; border-left:1px solid #033789; } #header #cart ul { list-style:none; } #header #cart ul li { display:inline; } #header #cart a { color:#033789; text-decoration:none; } #header #cart a:hover { color:#033789; text-decoration:underline; } #header #cart p { font-size:14px; font-weight:bold; margin:5px 0; } /* // HEADER ------------------------------------------------------------------------------------------*/ /* FOOTER ------------------------------------------------------------------------------------------*/ #footer { width:780px; margin:0 auto; clear:both; padding:15px 0; color:#033789; text-align:center; font-size:9px; border-top:1px solid #ccc; } #footer ul { list-style:none; margin:0; } #footer li { display:inline; padding:0 5px 0 5px; border-right:1px solid #666; } #footer a:link { color:#033789; text-decoration:none; } #footer a:visited { color:#033789; text-decoration:none; } #footer a:hover { color:#033789; text-decoration:underline; } /* // FOOTER ------------------------------------------------------------------------------------------*/ /* TOP NAVIGATION -----------------------------------------------------------------------------------------------*/ #nav { width:980px; height:36px; clear:both; background:url("bg-nav.gif") 0 0 repeat-x; color:#fff; } #nav p { height:26px; padding:10px 11px 0 20px; font-size:16px; float:left; background:url("bg-browse.gif") 0 0 no-repeat; } #nav ul { padding:0 0 0 0; font-size:14px; font-weight:bold; float:right; list-style:none; background:url("bg-nav-grey.gif") 0 0 repeat-x; } #nav ul li { padding:10px 22px; display:block; float:left; border-left:1px solid #666; border-right:1px solid #fff; } #nav ul li.last { background:url("bg-nav-grey-r.gif") 100% 0 no-repeat; } #nav ul li a { display:block; color:#333; text-decoration:none; } #nav ul li a:hover { color:#fff; text-decoration:none; } /* //TOP NAVIGATION -----------------------------------------------------------------------------------------------*/ /* FRAMING ------------------------------------------------------------------------------------------*/ #wrap { width:788px; float:left; padding:10px 0 0 20px; margin:0 0 10px 0; } #wrap p.tel { margin:0 0 10px 0; display:block; float:right; font-size:16px; font-weight:bold; color:#033789; } #wrap p.tel span { color:#009999; } #aside { width:161px; padding:0 0 0 11px; margin:0 0 10px 0; float:left; clear:both; text-align:center; } #bside { width:133px; padding:0 0 0 12px; float:left; text-align:center; } /* // FRAMING ------------------------------------------------------------------------------------------*/ /* SIDEBAR NAV -----------------------------------------------------------------------------------------------*/ #aside ul { text-align:left; padding:0 0 8px 0; background:url("bg-btm.gif") bottom center no-repeat; } #aside ul { width:159px; list-style:none;  } #aside ul li { width:159px; list-style:none;  } #aside ul li ul { width:159px; list-style:none;  } #aside ul li { float:left; position:relative;  width:100%; background:#f3f3f3; border-left:1px solid #ccc; border-right:1px solid #ccc;  } #aside ul li a.pop { background:url("bg-pop.gif") 95% center no-repeat; } #aside ul li.iehover { z-index: 1000; /* IE z-index bugfix */ } #aside ul li ul { margin:0 0 0 1px; padding:0; background:none; display:none; position:absolute; top: 0; left:100%; z-index:9999; } /* Root Menu */ #aside ul a { border-bottom: 1px dashed #999; padding:6px; display:block; background:#f3f3f3; color:#033789; font-weight:bold; text-decoration:none; } #aside ul li ul li { margin:0 0 1px 0; border-left:5px solid #033789; border-bottom:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; } #aside ul li ul li a { border:0;  } /* Root Menu Hover Persistence */ #aside ul a:hover { background:#033789; color: #FFF; } #aside ul li:hover a { background:#033789; color: #FFF; } #aside ul li.iehover a { background:#033789; color: #FFF; } /* 2nd Menu */ #aside ul li:hover li a  { float: none; background: #f3f3f3; color:#033789; } #aside ul li.iehover li a { float: none; background: #BBB; } /* 2nd Menu Hover Persistence */ #aside ul li:hover li a:hover { background: #033789; color:#fff; } #aside ul li:hover li:hover a { background: #999; } #aside ul li.iehover li a:hover { background: #033789; } #aside ul li.iehover li.iehover a { background: #999; } /* Hover Function - Do Not Move */ #aside ul li:hover ul ul { display: none; } #aside ul li.iehover ul ul { display: none; } #aside ul li:hover ul { display: block; } #aside ul li.iehover ul { display: block; } #aside ul li a.last { border:0; } #aside p { display:block; clear:left; width:151px; height:131px; padding:10px 0 0 10px; font-size:13px; font-weight:bold; color:#033789; margin:10px 0; background:url("cards.jpg") 0 0 no-repeat; text-align:left; } /* // SIDEBAR NAV ------------------------------------------------------------------------------------------------*/ /* CONTENT  -----------------------------------------------------------------------------------------------*/ #content { width:635px; float:left; } #content a.more { padding:0 15px 0 0; float:right; text-decoration:none; color:#033789; font-size:13px; font-weight:bold; background:url("arrow-more.gif") right center no-repeat; } #content a:hover.more { color:#033789; text-decoration:underline; } #content ul { list-style:none; float:left; padding:0 0 10px 0; margin:0 0 20px 0; width:630px; background:url("bg-row.gif") 0 100% repeat-x; border-bottom:1px solid #cdcdcd; } #primary { list-style:none; float:left; padding:10px 0; margin:0 0 20px 0; width:630px; background:url("bg-row.gif") 0 100% repeat-x; border-bottom:1px solid #cdcdcd; } #page { list-style:none; float:left; padding:10px 0; margin:0 0 20px 0; width:630px; background:url("bg-row.gif") 0 100% repeat-x; border-bottom:1px solid #cdcdcd; } #content h1 { display:block; } #content h3 { margin:0 0 10px 0; color:#009999; } #content p { margin-bottom: 10px; } #content ul li p { margin:0 0 10px 0; } #content ul li { display:block; width:137px; padding:0 10px; float:left; text-align:center; } #content ul li a img { width:90px; height:90px; padding:10px; border:1px solid #fff; } #content ul li a:hover img { width:110px; height:110px; padding:0; border:1px solid #039797; } #content ul li ul { float:none; width:auto; margin:0; background:none; border:0; } #content ul li ul li { display:block; width:auto; float:none; } #content ul li ul li.big { font-size:14px; font-weight:bold; } #primary .detail ul li.big { font-size:14px; font-weight:bold; } #content ul li ul li span { color:#ff0000; } #primary .detail ul li span { color:#ff0000; } #content ul li a.buy { display:block; padding:1px 0 0 0; width:100%; height:17px; background:url("buy-now.gif") center 0 no-repeat; color:#fff; text-decoration:none; } #content ul li a.view { display:block; padding:1px 0 0 0; width:100%; height:17px; background:url("buy-now.gif") center 0 no-repeat; color:#fff; text-decoration:none; } #content ul li a:hover.buy { color:#fff; text-decoration:underline; } #content ul li a:hover.view { color:#fff; text-decoration:underline; } #content ul.footprint { display:block; list-style:none; float:left; padding:0; margin:0 0 10px 0; border:none; width:635px; background:none; font-size:11px; } #content ul.footprint li { display:inline; color:#009999; float:none; width:auto; padding:0; text-align:left; } #content ul.footprint li a:link { color:#033789; text-decoration:none; } #content ul.footprint li a:visited { color:#033789; text-decoration:none; } #content ul.footprint li a:hover { text-decoration:underline; } #content form {  float:none; } #content form fieldset legend { display:block; width:100%; margin:0 0 10px 0; color:#033789; font-size:16px; font-weight:bold; border-bottom:2px dotted #ccc; } #content form fieldset label { display:block; } #content form fieldset input { width:208px; display:block; padding:2px; margin:0 0 10px 0; border:1px solid #ccc; } #content form fieldset textarea { width:208px; display:block; padding:2px; margin:0 0 10px 0; border:1px solid #ccc;  } #content form fieldset input[type="image"] { width:68px; height:19px; border:0; float:right; } /* // CONTENT  -----------------------------------------------------------------------------------------------*/ /* OFFERS SECTION -----------------------------------------------------------------------------------------------*/ #bside a { display:block; padding:0 15px 0 0; font-weight:bold; position:absolute; bottom:10px; right:10px; text-decoration:none; color:#fff; } #bside a:hover { color:#fff; text-decoration:underline; } #bside span { display:block; font-size:12px; } #bside #ad1 { position:relative; width:118px; padding:10px 5px 0 10px; margin:0 0 10px 0; text-align:left; } #bside #ad2 { position:relative; width:118px; padding:10px 5px 0 10px; margin:0 0 10px 0; text-align:left; } #bside #ad3 { position:relative; width:118px; padding:10px 5px 0 10px; margin:0 0 10px 0; text-align:left; } #bside #ad4 { position:relative; width:118px; padding:10px 5px 0 10px; margin:0 0 10px 0; text-align:left; } #bside #ad1 { background:url("delivery.jpg") 0 0 no-repeat; height:174px; color: #fff; } #bside #ad1 a { background:url("arrow-bluebg.gif") right center no-repeat; } #bside #ad2 { background:url("dotted-green.jpg") 0 0 no-repeat; height:86px; color:#fff; } #bside #ad2 a { background:url("arrow-greenbg.gif") right center no-repeat; } #bside #ad3 { background:url("coins.jpg") 0 0 no-repeat; height:231px; } #bside #ad3 a { background:url("arrow-greybg.gif") right center no-repeat; color:#333; } #bside #ad3 h4 { color:#033789; } #bside #ad3 h4 span { font-size:14px; letter-spacing:normal; color:#333; } #bside #ad4 { background:url("aqua.jpg") 0 0 no-repeat; height:151px; color:#fff; } #bside #ad4 h5 { color:#fff; } #bside #ad4 span { position:absolute; top:25%; } #bside em { display:block; color:#333; margin:0 0 10px 0; } #bside strong { display:block; } #bside strong span a { color:#009999; position:static; padding:0; } #bside strong span a:hover { color:#009999; text-decoration:underline; } #bside form { position:absolute; bottom:10px; width:110px; } #bside form input { width:110px; margin:0 0 2px 0; border:1px solid #ccc; font-size:10px; } #bside form input[type="submit"] { padding:0 15px 0 0; width:75px; float:right; background:url("arrow-aquabg.gif") right center no-repeat; border:0; font-weight:bold; color:#fff; font-size:12px; } #bside form input[type="submit"]:hover { text-decoration:underline; cursor:pointer; } #social { margin: 0; list-style: none; clear: both; width: 118px; float: left; } #social li { width: 100%; float: left; margin-bottom: 5px; } #bside #social li a { padding: 0; position: static; color: #000; text-align: left; } #social li a, #social li a img, #social li a span  { display: block; } #social li a img, #social li a span { float: left; } #social li a img { margin-right: 10px; } /* // OFFERS SECTION -----------------------------------------------------------------------------------------------*/ /*PAGE ------------------------------------------------------------------------------------------*/ #primary { width:100%; float:left; } #primary .detail { width:400px; padding:0 30px 0 0; float:right; } #primary img { float:left; margin:0 0 0 20px; width:150px; } #primary img.focus { padding:10px 20px; } #primary .detail p { display:block; margin:0 0 10px 0; } #primary .detail strong { display:block; clear:left; margin:0 0 10px 0; } #primary .detail a { color:#009999; text-decoration:none; } #secondary dl dt a { color:#009999; text-decoration:none; } #page a { color:#009999; text-decoration:none; } #primary .detail a:hover { color:#009999; text-decoration:underline; } #secondary dl dt a:hover { color:#009999; text-decoration:underline; } #page a:hover { color:#009999; text-decoration:underline; } #primary .detail ul { margin:0; background:none; border:none; width:auto; float:none;  } #page ul { margin:0; background:none; border:none; width:auto; float:none;  } #primary .detail ul li { width:auto; display:inherit; text-align:left; float:none; } #page ul li { width:auto; display:inherit; text-align:left; float:none; } #primary .detail ul li span { font-weight:bold; } #primary .detail ul li span.blk { color:#000; } #primary .detail form { display:block; clear:both; } #primary .detail form input { display:block; margin:0 0 10px 0; padding:2px; border:1px solid #ccc; } #primary .detail form label { display:block; width:100%; font-weight:bold; } #primary .detail form input[type="submit"] { width:80px; display:inline; padding:0; height:18px; background:url("buy-now.gif") center 0 repeat-y; color:#fff; text-decoration:none; font-size:11px; border:0; } #primary .detail form input[type="submit"]:hover { cursor:pointer; text-decoration:underline; } #primary .detail form small { display:block; margin:0 0 10px 0; font-size:10px; } #primary .detail form small span { color:#ff0000; } #secondary { width:595px; clear:both; padding:0 20px; } #secondary dl { padding:0 0 20px 0; margin:10px 0 0 0; border-bottom:2px dotted #ccc; } #content table.basket { border-collapse:collapse; list-style:none; float:left; padding:10px 0; margin:0 0 20px 0; width:630px; background:url("bg-row.gif") 0 100% repeat-x; border-bottom:1px solid #cdcdcd; } #content table.basket th { padding:3px 0; } #content table.basket td { padding:3px 0; } #content table.basket th {color:#333; border-bottom:1px solid #ccc; } #content table.basket tr.break { border-bottom:1px solid #ccc; } #content table.basket span { font-weight:bold; } #content form input[type="text"] { border:1px solid #ccc; } #content form select { border:1px solid #ccc; } #page { width:590px; padding:0 20px; } #page h3 { display:block; font-size:14px; } #page p {display:block; margin:0 0 10px 0; } #page address {display:block; margin:0 0 10px 0; } #page form { width:220px; float:right; padding:10px; margin:0 0 0 20px; border:1px solid #ccc; background:#efefef; } #page form fieldset legend { display:block; width:100%; margin:0 0 10px 0; color:#033789; font-size:16px; font-weight:bold; border-bottom:2px dotted #ccc; } #page form fieldset label { display:block; } #page form fieldset input { width:208px; display:block; padding:2px; margin:0 0 10px 0; border:1px solid #ccc; } #page form fieldset textarea { width:208px; display:block; padding:2px; margin:0 0 10px 0; border:1px solid #ccc;  } #page form fieldset input[type="image"] { width:68px; height:19px; border:0; float:right; } /* // PAGE ------------------------------------------------------------------------------------------*/ /*GENERAL CLASSES*/ .clear { clear:both; } .bold { font-weight:bold; } .clearfix:after { clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden; } /*END GENERAL CLASSES*/ #results { } #results a:link { color:#033789; text-decoration:none; } #results a:visited { color:#033789; text-decoration:none; } #results a:hover { text-decoration:underline; } #results ul.res { display:block; list-style:none; float:left; padding:0; margin:0 0 10px 0; border:none; width:635px; background:none; font-size:12px; } #results ul.res li { display:block; color:#009999; float:none; width:auto; padding:0; margin:0 0 3px 0; text-align:left; } #results ul.res li a:link { color:#033789; text-decoration:none; } #results ul.res li a:visited { color:#033789; text-decoration:none; } #results ul.res li a:hover { text-decoration:underline; } #results form { width:220px; float:right; padding:10px; margin:0 0 0 20px; border:1px solid #ccc; background:#efefef; } #results form fieldset legend { display:block; width:100%; margin:0 0 10px 0; color:#033789; font-size:16px; font-weight:bold; border-bottom:2px dotted #ccc; } #results form fieldset label { display:block; } #results form fieldset input { width:208px; display:block; padding:2px; margin:0 0 10px 0; border:1px solid #ccc; } #results form fieldset textarea { width:208px; display:block; padding:2px; margin:0 0 10px 0; border:1px solid #ccc;  } #results form fieldset input[type="image"] { width:68px; height:19px; border:0; float:right; } .breaker { margin:0 0 10px 0; } .breaker a:link { color:#033789; text-decoration:none; } .breaker a:visited { color:#033789; text-decoration:none; } .breaker a:hover { text-decoration:underline; } #primary table img { float:none; margin:0; width:auto; } form#prescribe fieldset input.hide, form#pharmacy fieldset input.hide { display:none; border:0 none; } #flash { margin:0 0 20px 0; } .fragment { width: 100%; float: left; clear: both; margin-bottom: 20px; padding: 20px 0; border-bottom: 1px solid #ddd; } .intro { width: 100%; } .intro h2 { border: 0; font-size: 14px; font-style: italic; }