html, body{
height:100%;
}
body{
margin:0 auto;
background:#d3d7c2;
padding:0;
color:#303030;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
line-height:1.6;
text-align:center;
}
#pageBG{
margin:3px auto 0 auto;
background:#d3d7c2 url(../styleImages/backgrounds/pageBG.gif) center top repeat-y;
width:960px;
}
p{
padding:0;
margin:0 0 14px 0;
}
#pageSurround{
width:861px;
background:#fff;
margin:0 auto;
padding:12px 0 0 0;
text-align:left;
min-height:500px;
height:auto !important;
height:500px;
}
#thWrapper{
height:151px;
background:#78aa42 url(../styleImages/backgrounds/headerBg.gif) center -1px repeat-x;
}
#topHeader{
width:960px;
height:143px;
margin:0 auto;
background:#78aa42 url(../styleImages/backgrounds/headerContentBg.jpg) center top no-repeat;
min-width:960px;
}
#footerWrapper{
height:114px;
background:#303030 url(../styleImages/backgrounds/footerBg.gif) repeat-x center -10px;
}
#footer{
text-align:left;
width:840px;
margin:0 auto;
padding:26px 56px 34px 64px;
height:54px;
background:#303030 url(../styleImages/backgrounds/footerContentBg.gif) center top repeat-x;
min-width:840px;
color:#acacac;
}
#footer #siteNavContainer #siteNavList{
float:left;
width:22em;
}
#footer a{
color:#ACACAC;
}
#footer a:hover{
color:#fff;
}
#siteBy{
float:left;
width:300px;
margin:11px 0 0 0;
}
#siteBy a, #siteBy a:hover{
color:#acacac;
}
#footer p{
margin:0 0 3px 0;
padding:0;
}
#myAccount{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:right;
padding:3px 51px 0 0;
}
#siteNavContainer{
float:right;
margin:33px 0 0 0;
padding:0 51px 0 0;
}
#siteNavList li{
display: inline;
list-style-type: none;
padding-left: 10px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
}
#siteNavList li a{
color:#303030;
}
#siteNavList li a:hover{
color:#111;
}
#homeTopPanel{
margin:0 0 11px -14px;
}
#homePageIntro{
font-size:16px;
margin:0 0 32px -14px;
padding:0 0 0 16px;
width:585px;
line-height:22px;
}
#homePageIntro h1{
margin:10px 0 16px 0;
}
#homePageIntro p{
margin:0 0 16px 0;
padding:0;
}
#sagePay{
margin:0 0 12px -14px;
}
#infoPanel{
margin:0 0 12px -14px;
}
#homeCategoriesContainer{
width:660px;
margin:0 0 21px -14px;
}
#BreadCrumb{
padding:0 0 14px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:uppercase;
color:#acacac;
}
#BreadCrumb a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:uppercase;
color:#acacac;
text-decoration:underline;
}
#catDescription{
width:398px;
padding:16px 6px 16px 0;
float:left;
line-height:26px;
font-size:16px;
}
#catDescription p{
margin:0 0 26px 0;
}
#subCats{
float:right;
width:200px;
padding:17px 0 16px 11px;
text-align:left;
margin:0 0 0 10px;
color:#78aa42;
font-size:16px;
}
#subCatTitle{
border-bottom:1px solid #bbd4a0;
padding:0 0 0 14px;
}
#subCats ul{
list-style-type:disc;
margin:7px 0 10px 29px;
}
#subCats ul li{
text-align:left;
list-style-type:disc;
line-height:26px;
font-size:16px;
}
#subCats ul li a:hover{
text-decoration:underline;
}
.CurrentCatImage{
margin:0 0 0 -14px;
}
.catContainer{
float:left;
display:inline;
width:137px;
border:1px solid #e4dfda;
margin:0 5px 5px 0;
padding:9px 10px;
}
.catContainer p{
font-size:13px;
line-height:19px;
margin:6px 0 7px 0;
padding:0;
}
#sortOptions{
text-align:right;
width:30%;
float:right;
margin:0 0 10px 0;
}
#footer #siteNavContainer{
float:left;
width:15.5em;
overflow:hidden;
margin:11px 0 0 0;
}
#footer #siteNavList{
margin:0 0 0 -9px;
}
#footer #siteNavList li{
display:inline;
list-style-type: none;
padding:0 0 0 7px;
margin:0 0 0 3px;
text-align:right;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:normal;
text-transform:capitalize;
background:url(../styleImages/backgrounds/footerSeperator.gif) left 2px no-repeat;
}
#footer #siteNavList li a{
color:#acacac;
}
#footer #siteNavList li a:hover{
color:#fff;
}
#searchBar{
line-height:32px;
color:#fff;
width:866px;
margin:-51px auto 0 auto;
}
.boxTitleLeft, .boxTitleRight, .boxTitleProducts, .boxTitleCart{
color:#787878;
padding:10px 15px;
font-weight:bold;
background:#e3e3e3;
font-size:12px;
}
.boxTitleProducts{
color:#fff;
background:#78aa42;
}
.boxTitleCart{
color:#fff;
background:#0092b2;
}
.shoppingArea{
width:170px;
background:#d8edf2;
color:#0092b2;
padding:8px 9px 8px 14px;
border:1px solid #bfe3eb;
border-top:0;
margin:0 0 10px 0;
}
.checkoutArea{
background:#d8edf2;
color:#0092b2;
border:1px solid #bfe3eb;
border-top:0;
margin:0 0 10px 0;
}
#viewBasketButt{
margin:14px 0 2px 0;
}
.mailingListArea, .downloadPDFArea{
width:170px;
background:#f5f5f5;
padding:8px 9px 8px 14px;
border:1px solid #f1f1f1;
border-top:0;
margin:0 0 10px 0;
}
#mailingListButt, #downloadPDFButt{
margin:14px 0 2px 0;
width:164px;
height:30px;
}
#itemsContainer{
width:100%;
}
#totalContainer{
width:100%;
margin:6px 0 0 0;
}
.boxContentLeft, .boxContentRight{
background:#f5f5f5;
border:1px solid #f1f1f1;
border-top:0;
padding:0;
text-align:left;
margin:0 0 10px 0;
}
.searchPadding{
padding-top:5px;
padding-left:5px;
}
.colRight{
position:relative;
z-index:5;
left:0;
width:195px; 
float:left;
}
.colMid{
position:relative;
left:0px;
width:656px;
float:right;
padding:0;
margin:-1px 0 0 0;
}
* html .colMid{
left:10px;
}
.boxContent{
font-size:16px;
margin:0 6px 40px 14px;
position:inherit;
}
/* CHECKOUT PAGES */
.colLeftCheckout{
position:relative;
left:0;
width:160px; 
padding-left:15px;
padding-right:5px;
float:left;
}
.colMainCheckout{
position:relative;
width:568px;
float:left;
}
/* END CHECK OUT PAGES */
#prodDetailContainer{
width:100%;
border-top:1px solid #eaeaea;
padding:10px 0;
margin:4px 0 20px 0;
}
#prodDetailBuy{
background:#daeff4;
/*border:1px solid #eaeaea;*/
width:360px;
height:92px;
position:absolute;
bottom:-46px;
left:139px;
text-align:center;
color:#0092B2;
padding:0;
}
* html #prodDetailBuy{
position:relative;
top:94px;
left:0px;
}
#mainPrice{
color:#fff;
background:#0092b2;
border-bottom:1px solid #bfe3eb;
width:auto;
height:30px;
/*position:absolute;
top:-28px;
left:206px;*/
padding:2px 10px 14px 10px;
text-align:center;
font-size:26px;
}
* html #mainPrice{
padding:2px 10px 4px 10px;
}
#addToBasket{
margin:10px auto 0 auto;
width:250px;
}
#addToBasketQuantity{
float:left;
width:140px;
}
#addToBasketButton{
float:right;
width:108px;
}
#prodDetailInfo{
float:left;
width:425px;
margin:0 26px 0 0;
padding:0;
font-size:16px;
}
#prodDetailInfo p{
margin:0 0 14px 0;
}
#prodDetailInfo strong{
font-size:11px;
text-transform:uppercase;
color:#acacac;
}
#prodDetailImage{
float:right;
text-align:right;
width:181px;
border:2px solid #ccc;
vertical-align:middle;
}
/*
#prodDetailBuy table{
height:46px;
}
#prodDetailBuy table td{
color:#0092b2;
}
#prodDetailPrice{
font-size:26px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-weight:normal;
padding:0 0 0 8px;
}
#prodDetailQuantity{
font-size:14px;
text-align:right;
padding:0 8px 0 0;
}
#prodDetailQuantity input{
width:38px;
border:1px solid #b6e3f5;
text-align:right;
padding:2px 1px;
}
#prodDetailAddToBasket{
width:116px;
padding:0 8px 0 0;
}
*/
#prodOptions{
margin:30px auto 0 auto;
text-align:center;
border:1px solid #EAEAEA;
position:relative;
padding:10px 0 50px 0;
}
#prodOptions strong{
font-size:11px;
text-transform:uppercase;
color:#acacac;
}
#checkoutTotal{
height:46px;
text-align:right;
background:#daeff4;
border:1px solid #bfe3eb;
width:100%;
color:#0092b2;
}
.siteDocs{
text-align:center;
margin-top:10px;
}
.pagination{
text-align:right;
padding-top:5px;
padding-bottom:5px;
margin:0 0 -40px 0;
}
.subCat{
text-align:center;
padding:8px;
float:left;
width:110px;
}
.regSep{
padding:10px 0px 10px 0px;
margin:10px 0px 10px 0px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
#imgThumbSpace{
line-height:0;
}
#imgThumbSpace img{
padding-right:3px;
padding-bottom:3px;
}
div.latestProds{
text-align:center;
width:126px;
height:200px;
float:left;
overflow:hidden;
}
/* Start Cross-Browser DHTML Menu */
.clear{
clear:both;
}
#mainmenu-nav{
margin:0 0 10px 0;
/*padding:0 0 6px 0;*/
padding:0;
border:1px solid #bbd4a0;
border-top:0;
background:#e5edde;
height:1%;
}
.li-nav a{
background:#e7efe0;
width:163px;
display:block;
color:#303030;
text-decoration:none;
margin:0;
padding:8px 16px 8px 14px;
font-size:12px;
}
.li-nav a:hover{
background:#b0cd91;
color:#fff;
}
.ul-nav, .li-nav{
display:block;
list-style:none;
}
.ul-nav{
width:195px;
padding:0;
}
.li-nav{
float:left;
}
.li-nav .ul-nav {
width:193px;
display:none;
position:absolute;
margin-left:180px;
margin-top:-30px;
border:1px solid #bbd4a0;
z-index:99;
}
.li-nav .ul-nav .li-nav{
width:161px;
}
a.hassubmenu{
}
/* End Cross-Browser DHTML Menu */
.wrapper{
float:left; 
width:150px; 
height:215px; 
padding:5px;
position:relative;
}
.catimage{
position:relative;
width:150px; 
height:130px; 
}
.catimage:hover{
}
.cattitle{
height:70px; 
overflow:hidden; 
width:140px; 
text-align:center;
background:#F7F7F7;
border-bottom:1px solid #E6E6E6;
color:#666666;
padding:5px;
}
.salePrice{
position:absolute;
bottom:-2px;
right:-2px;
width:48px;
height:48px;
background:url(../styleImages/sale.gif) no-repeat bottom right;
padding:0;
}
.salePricebig{
position:absolute;
bottom:180px;
right:0;
width:96px;
height:96px;
background:url(../styleImages/salebig.gif) no-repeat bottom right;
padding:0;
}
.OutOfStock{
 z-index:5;
position:absolute;
bottom:-2px;
right:-2px;
width:48px;
height:48px;
background:url(../styleImages/sold.gif) no-repeat bottom right;
padding:0;
}
.OutOfStockbig{
 z-index:5;
position:absolute;
bottom:180px;
right:0;
width:96px;
height:96px;
background:url(../styleImages/soldbig.gif) no-repeat bottom right;
padding:0;
}
#yourAccount td{
line-height:1.3;
}
#searchFormContainer{
width:372px;
float:right;
}
#orderStatus{
margin:0 0 50px 0;
width:520px;
}
#orderStatus li{
margin:0 0 12px 0;
}
.searchSurround{
background:url(../styleImages/backgrounds/search.gif) no-repeat;
float:right;
width:313px;
height:38px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}  /* for IE/Mac */
.flLeft{
width:50%;
float:left;
}
.taLeft{
text-align:left;
}
.flRight{
width:48%;
float:left;
}
.taRight{
text-align:right;
}
.taCenter{
text-align:center;
}
.noMarginR{
margin-right:0;
}
.narrowContent{
width:520px;
font-size:14px;
}