/* GLOBAL */
html{
font-size: small;
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
body {
font-family: Arial, Helvetica, sans-serif;
line-height:1.3em;
margin: 38px;
padding: 0;
background: url(graphics/en-US/new/body_tile.gif) repeat-x #fff;
}
a {
color: #666;
}
h1 { font: normal 1.7em Tahoma, helvetica, arial, sans-serif; line-height:1em; padding: 0; color:#659c41; }
h2, h3, h4 { padding: 0; margin: 0; font-family: Tahoma, helvetica, arial, sans-serif; }
h5, div, form, td, table { padding: 0; margin: 0; }
h1, p, ul, ol { margin-top: 0; margin-bottom: 14px; }
img { border: 0; }
h2, h3, h4, h5 { font-size: 1em; }
h5 { display: inline; }
form {
display:inline;
}
select {
margin-bottom: 3px;
}
#content {
float:right;
width: 660px;
}
#content_home {
float:right;
width: 660px;
}
#login {
line-height:25px;
width: 265px;
}
#mainbody {
width: 868px;
background: url(graphics/en-US/new/bottom_content.gif) no-repeat bottom;
padding: 60px 34px 34px 34px;
font-size:95%;
clear:both;
margin: 0 auto;
}
#mainbody_account {
width: 868px;
background: url(graphics/en-US/new/bottom_content.gif) no-repeat bottom;
padding: 60px 34px 34px 34px;
font-size:95%;
clear:both;
margin: 0 auto;
}
#topbar {
background: url(graphics/en-US/new/header_background.png) no-repeat #4876A5;
width: 868px;
margin:0 auto;
padding: 10px 34px 0 34px;
border-bottom: 12px solid #efd392;
}
.clear {
clear:both;
}
.floatleft {
float: left;
}
.floatright {
float:right;
}
/* NAVBAR */
#affiliatelink {
font-size: 95%;
margin-left: 15px;
}
#affiliatelink a {
font-weight:bold;
font-size: 95%;
color: #4395d1;
}
#currenttab {
list-style: none;
float:right;
background: url(graphics/en-US/new/current_tab_tile.gif) repeat-x top left #fff;
height:49px;
margin: 34px 0 0 3px;
width:auto;
}
#currenttab h3{
background: url(graphics/en-US/new/current_tab_left.gif) top left no-repeat;
padding: 16px 0 16px 25px;
white-space:nowrap;
color:#88b5e1;
font-size:1.4em;
}
#currenttab b {
height: 49px;
vertical-align:top;
text-align:center;
padding-right: 25px;
display:block;
background:url(graphics/en-US/new/current_tab_right.gif) top right no-repeat;
}
#loginlink {
font-size: 95%;
}
#loginlink a {
font-weight:bold;
font-size: 95%;
color: #4395d1;
}
#logo {
display:block;
height: 53px;
}
#logobar{
height: auto;
margin: 0 auto;
}
#search {
position: absolute;
top: 210px;
width: 870px;
}
#search .searchbutton {
vertical-align:bottom;
position: absolute;
top: 0;
left: 630px;
}
#searchfield {
margin: 0 2px 0 10px;
border: 1px solid #999;
color: #666;
font-size: .9em;
padding: 2px;
height:14px;
width: 150px;
position: absolute;
top: 0;
left: 700px;
}
.hiddentab {
list-style:none;
float:right;
background: url(graphics/en-US/new/hidden_tab_tile.gif) repeat-x top left #fff;
height:49px;
margin: 34px 0 0 3px;
width:auto;
}
.hiddentab b {
height: 49px;
vertical-align:top;
text-align:center;
padding-right: 25px;
display:block;
background:url(graphics/en-US/new/hidden_tab_right.gif) top right no-repeat;
}
.hiddentab h3{
background: url(graphics/en-US/new/hidden_tab_left.gif) top left no-repeat;
padding: 16px 0 16px 25px;
white-space: nowrap;
font-size:1.4em;
}
.hiddentab b h3 a {
color: #88b5e1;
text-decoration:none;
}
.hiddentab b h3 a:hover {
text-decoration:underline;
}
/* CTGY */
#nextbutton {
margin-top: 25px;
clear:right;
float:right;
}
#prevbutton {
margin-top: 25px;
clear:right;
float:left;
}
.catrow {
float:right;
margin: 10px 0;
width:590px;
}
.prodbutton {
margin: 7px auto;
}
.prodcolumn { float:left; width:280px; padding-right: 10px; text-align:center; }
.prodcolumn h2 { background: url(graphics/en-US/new/prodname_top.gif) top no-repeat #659c41; margin: 5px auto; width:105px; }
.prodcolumn h2 a { background: url(graphics/en-US/new/prodname_bottom.gif) bottom no-repeat; color: #fff; display:block; text-decoration:none; padding: 3px; line-height:1.2em; }
.prodcolumn h2 a:hover { text-decoration:underline; }
.thumb {
margin-right: 15px;
display:block;
margin: 10px auto;
}
/* ACCOUNT PAGES */
.account_column {
width: 50%;
float:left;
}
.account_column h5 { width: 180px; clear: both; }
.account_column input { margin-bottom: 3px; display:block; margin-left: 180px; }
.account_column select { margin-bottom: 3px; display:block; margin-left: 180px; }
.paymentdetail {
width: 130px;
display:block;
height: 26px;
float:left;
}
.invalid {
color: #FF0000;
}
.pad {
margin-top: 25px;
}
/* BASKET */
#total {
padding: 10px 0 0 10px;
text-align:right;
}
.baskettext_left{
padding: 3px 15px 0 10px;
vertical-align: top;
}
.baskettext_right{
padding: 3px 0 0 10px;
text-align: right;
vertical-align: top;
}
.baskettext_left h4, .baskettext_right h4 { margin: 1px 0 2px 0; }
.priceeach {
text-align:right;
width: 80px;
margin-left: 5px;
float:right;
}
/* PRODUCT PAGES */
h1#prodname {
font-size: 1.5em;
margin-bottom: 5px;
line-height:1.2em;
}
#prodadd {
display:inline;
position:relative;
top: 9px;
}
.prodimage {
margin-right: 20px;
float:left;
}
/* PRODUCT LIST */
.alt_row_color {
background:#ebf5e5;
}
.listheader {
background-color: #efd392;
color: #fff;
height:20px;
padding: 4px 5px;
}
.productlist_row {
padding: 4px 6px;
width: 648px;
float:right;
}
.productlist_row form { display:inline; float:right; }
.productrow_text{
width: 460px;
padding-top: 2px;
float:left;
}
.productrow_text .floatleft { max-width: 350px; width:expression(document.body.clientWidth > 352? "350px": "auto" ); }
/* SUBNAV - CATTREE */
ul#first{
width:172px;
margin: 0;
padding: 0;
border-top: 1px solid #efd392;
list-style:none;
}
#subnav{
float:left;
width: 172px;
border-bottom:none;
font: bold 1.1em tahoma, Arial, Helvetica, sans-serif;
}
#subnav li h5 { color:#efd392; background: url(graphics/en-US/new/subnav_bullet.gif) 5% no-repeat #f7e9c8; padding: 5px 6px 5px 20px; display:block; }
#subnav li { border-bottom:1px solid #efd392; width:172px; margin: 0 auto; }
#subnav li a { color: #efd392; text-decoration:none; display: block; height:100%; padding: 5px; }
#subnav li a:hover { text-decoration: underline; }
#subnav li ul { margin: 0 0 5px 0; padding-left: 0; list-style:none; }
#subnav li.subcategory { padding: 0; margin: 0; border:none; width: 131px; font-size:.9em; text-transform:capitalize; }
#subnav li.subcategory a { color: #efd392; padding: 2px 4px 2px 20px; }
#subnav li.subcategory a:hover { text-decoration:underline; }
#subnav li.subcategory h5 { color: #e1b12e; padding: 2px 4px 2px 20px; background:none; display:block; }
#footer {background-color: #efd392; text-align: center; padding-top: 20px; padding-bottom: 20px; clear: both !important;}
#footer ul {list-style-type: none; margin: 15px 0 5px 0; padding: 0; text-indent: 0; font-size:14px; font-weight:bold;}
#footer ul.maincats1 {margin: 15px 0 5px 0;}
#footer ul.maincats2 {margin: 0;}
#footer ul li {display: inline; padding-right: 7px; margin-right: 3px; background: transparent url(graphics/footer_pipe.gif) no-repeat center right;}
#footer ul li.last {margin-right: 0; padding-right: 0; background: none;}
#footer ul li a:link,
#footer ul li a:visited {font-weight: normal; text-decoration: none; color: #88b5e1;}
#footer ul li a:hover,
#footer ul li a:active {font-weight: normal; text-decoration: underline; color: #88b5e1;}
#footer p {font-size: 14px; margin: 0; padding: 0; color: #88b5e1; display: inline;}