html {background-image:url(library/salebg.gif); background-repeat:repeat;}
/* fixes for annoying defaults */
form,ul,li,table,tr,td,h1,h2,h3,p {margin:0px;padding:0px;}
p {margin-bottom:5px;}
img {border:none;}
table{border-collapse:collapse;}
/* positioning and styling of structural elements */
body {
width:82.92em;/* equivalent to 995px - this allows text-size changes to work better in IE6 */
margin:10px auto;
color:#333;/*4a5295;*/
font-family:Arial, Helvetica, sans-serif;
background-color:#fff;
}
div.clear {clear:both;} /* this div makes the one below behave better in IE6 - prevents its background-color from spilling upwards */
div#header {
float:left;
background-image:none;
height:8.25em;
margin:0;
}
/* header columns */
div#headerleft {float:left;width:303px;border-left:5px solid #d60000;padding-left:22px; background-color:#d60000;}
div#headermiddle {float:left;text-align:right;width:437px;margin:0;/* calculated by subtracting everything else from body's width */padding-left:12px;padding-right:15px;text-align:center;}
div#headerright {float:left;width:186px;height:91px;border-right:6px solid #d60000;background-image:url(library/searchbg.gif);background-repeat:repeat-x;padding-left:10px;padding-top:8px; color:#fff;}
div#headermain{margin:0; border:0; padding:0;}
/* top navigation bar and footer */
div#navigation,div#footer {color:#ffffff;background-color:#d60000;}
/* top navigation bar */
div#navigation {
padding:7px 0px; /* IE7 doubles the top padding - see simplysupplements_surround_ie7.css for override */
text-align:center;
clear:both;
background-image:url(images/nav-bg-sliver.gif);
/*margin:0px 5px 7px;*/
margin-bottom:7px;
border-left:5px #d60000 solid;
border-right:5px #d60000 solid;
}
div#navigation,td#footerleft,td#footermiddle,td#footerright {background-color:#749160;background-repeat:repeat-x;}
div#navigation li {
display:inline;
white-space:nowrap;
}
div#navigation li a {
padding:0px 21px 0px 23px/* right 2px less than left because of border-right */;
border-right:2px solid #ffffff;
text-decoration:none;
font-size:0.92em;
color:#ffffff;
font-weight:bold;
}
div#navigation li.final a {
border-right:none;
}
/* prime columns */
div#leftcolumn {float:left;width:201px;}
div#middlecolumn {float:left;width:570px;padding-left:12px;padding-right:8px; /* padding-top:7px; */ padding-top:2px; }
div#rightcolumn {float:left;width:201px;}
/* sideboxes */
div.sidebox {background-image:url(images/sidebox-bg-sliver.gif);background-repeat:repeat-y;padding:0px 5px;clear:both;}
div.sidebox_heading {background-color:#749160;color:#ffffff;background-image:url(images/heading-bg-sliver.gif);background-repeat:repeat-x;text-align:center;padding:5px 0px 4px 0px;}
div.sidebox_content {padding:7px 7px;}
div.sidebox_content.with-internal-heading {padding-top:0px;padding-bottom:0px;}
div.sidebox-border-top {width:201px;height:12px;background-image:url(images/sidebox-border-top.gif);background-repeat:no-repeat;overflow:hidden;/*fixes problem with IE refusing to allow the div to be less than line-height high*/}
div.sidebox-border-bottom {width:201px;height:12px;background-image:url(images/sidebox-border-bottom.gif);background-repeat:no-repeat;margin-bottom:2px;overflow:hidden;/*fixes problem with IE refusing to allow the div to be less than line-height high*/}
div.sidebox_heading.standalone {margin:4px 5px;padding:2px 0px 0px 0px;vertical-align:middle;}
div.sidebox_noborder {
clear: both;
margin-top: 10px;
}
/* lists in sideboxes */
div.sidebox ul {margin:4px 0px 0px 14px;}
div.sidebox li,ul#articles li {
list-style:none;
}
div.sidebox li a,div#brochure-request a,ul#articles a {
display:block;
text-decoration:none;
background-image:url(images/li-bullet.gif);
background-repeat:no-repeat;
background-position:center left;
padding-left:11px;
margin-bottom:3px;
}
div.sidebox li a:hover,div#brochure-request a:hover {
text-decoration:underline;
}
/* sideboxes internal headings */
div.sidebox-internal-heading {
font-size:1.08em;
font-weight:bold;
margin-bottom:5px;
}
/* tab headers */
ul.tabheader li {
background-image:url(images/tabheader-sliver.gif);
background-position:top;
list-style:none;
float:left;
cursor: pointer;
}
ul.tabheader li.focussed {
background-image:url(images/tabheader-focussed-sliver.gif)
}
ul.tabheader a {
background-image:url(images/tabheader-left.gif);
background-position:top left;
background-repeat:no-repeat;
display:block;
float:left;
text-decoration:none;
text-align:center;
}
ul.tabheader li.focussed a {
background-image:url(images/tabheader-focussed-left.gif);
cursor: pointer;
}
ul.tabheader span {
background-image:url(images/tabheader-right.gif);
background-position:top right;
background-repeat:no-repeat;
display:block;
float:left;
padding:5px 5px;
color:#144b36;
cursor: pointer;
}
ul.tabheader li.focussed span {
background-image:url(images/tabheader-focussed-right.gif);
color:#ffffff;
cursor: pointer;
}
/* heading for ailments/best sellers area */
div#ailment_bestsellers_tab_bar {
/*height:26px;*/
padding-left:5px;
}
/* brochure request sidebox */
div#brochure-request {
padding-bottom:7px;
}
div#brochure-request a {
margin-left:14px;
}
/* forms in sideboxes */
div.sidebox form {font-size:0.92em;}
div.sidebox form p {color:#8f181b;padding:0px;margin:0px 0px 10px 0px;}
div.sidebox form th {text-align:left;font-weight:bold;width:1%;}
div.sidebox form td {padding:0px 0px 0px 5px;text-align:right;}
div.sidebox input.text {width:125px;}
form#brochure_request {/*background-image:url(images/img-brochure-request.gif);background-repeat:no-repeat;background-position:0px 3px; padding-top:90px;*/}
div#notes,div#brochure-request {font-size:0.92em;}
div#notes ul,div#notes li,div#brochure-request ul,div#brochure-request li {margin:0px;padding:0px;}
div#notes li,div#brochure-request li {border-bottom:1px solid #d5dbe0;background-image:none;padding:9px 0px;position:relative;} /* stating position to be relative dodges an IE bug whereby the content in these LIs doesn't render. Even though the default is relative... This solves a lot of IE problems... */
div#notes li.first,div#brochure-request li.first {padding-top:0px;}
div#notes li.final,div#brochure-request li.final {border-bottom:none;padding-bottom:0px;}
div#notes div.heading,div#brochure-request div.heading {font-size:1.09em;font-weight:bold;margin-bottom:4px;}
td#footerleft,td#footermiddle,td#footerright {
background-image:url(images/footer-bg-sliver.gif);
margin-bottom:10px;
height:5.8em;
}
div#footer {
/* padding-top:7px;*/
margin-top:7px;
padding-left:8px;
padding-right:5px;
padding:0;
}
div#footer td {padding-top:4px;padding-bottom:4px;}
td#footerleft {
width:177px;
padding-left:19px;
text-align:left;
/*border-left:5px solid #ffffff; if this is done as a margin, Opera (9.something) and Safari don't do it. IE7 appears to add a padding-top of the same amount! Could incorporate the white into the background-image instead. */
}
td#footermiddle {
width:566px;
text-align:center;
padding-left:12px;
padding-right:15px;
border-left:1px solid #6a935a;
border-right:1px solid #6a935a;
}
td#footerright {
width:193px;
padding-right:13px;
text-align:right;
/*border-right:5px solid #ffffff; if this is done as a margin, Opera (9.something) and Safari don't do it. IE7 appears to add a padding-top of the same amount! Could incorporate the white into the background-image instead. */
}
td#footerleft,td#footerright {font-size:0.92em;}
td#footermiddle {font-size:0.83em;}
td#footermiddle li {display:inline;border-right:1px solid #ffffff;padding-left:10px;padding-right:10px;}
td#footermiddle li.final {border-right:none;}
td#footerright li {list-style:none;}
div#footer a {color:#ffffff;text-decoration:none;}
div#footer a:hover {text-decoration:underline;}
/* text styling etc within structural elements */
/* global styles */
a {color:#144b36;text-decoration:underline;}
/* quicksearch form */
form#quicksearch {margin-bottom:12px;}
form#quicksearch label {display:block;font-weight:bold;}
form#quicksearch input#keyword {width:139px;}
form#quicksearch input#quicksearch-go {margin-left:6px;}
div#quickbasket {text-align:center;}