html, body{ margin:0; padding:0; text-align:center; background:url(img/bg.jpg) repeat-x #7097D2; font-family: verdana;} 

#page{ width:960px; text-align:left; margin-left:auto; margin-right:auto; background:url(img/page.jpg) no-repeat; } 

#pagewidth{ width:960px; text-align:left; margin-left:auto; margin-right:auto; background:url(img/page_bg.gif) repeat-y; } 
 
#header{ position:relative; height:192px; width:900px; background:url(img/header.jpg) no-repeat; padding: 0px 30px 0px 30px; overflow:hidden;} 
#header h1{margin:0px 0px 0px 0px;padding:0px;float:left;width:570px;}
#header h1 a{display:block;width:570px;height:120px;}
#header h1 a:hover{display:block;width:570px;height:120px;}
#header h1 span{display:none;} 

#basket{display:block; float:right; clear:right; width:330px; height:35px; padding: 85px 0px 0px 0px; text-align:right;}
#baskettext{display:block; float:left; clear:left; width:200px; padding: 8px 0px 0px 0px; text-align:right; font-family: "Times New Roman"; font-size: 15px; color:#FFFFFF;}

#cartbutton{display:block; float:right; clear:right; width:130px; height:32px; padding:0px; margin:0px; overflow:hidden;}
#cartbutton a{display:block;width:130px;height:32px; background:url(img/cart.jpg) no-repeat; }
#cartbutton a:hover{ display:block; background-repeat: no-repeat; background-position: -130px 0px; background-image:url(img/cart.jpg);}
#cartbutton span{display:none;} 


#account{display:block; float:left; clear:left; width:120px; height:34px; padding:0px; margin:0px; overflow:hidden;}
#account a{display:block;width:120px; height:34px; background:url(img/account.jpg) no-repeat; }
#account a:hover{ display:block; background-repeat: no-repeat; background-position: 0px -34px; background-image:url(img/account.jpg);}
#account span{display:none;} 


#register{display:block; float:left; width:80px; height:34px; padding:0px; margin:0px; overflow:hidden;}
#register a{display:block;width:80px; height:34px; background:url(img/register.jpg) no-repeat; }
#register a:hover{ display:block; background-repeat: no-repeat; background-position: 0px -34px; background-image:url(img/register.jpg);}
#register span{display:none;} 

#search{display:block; float:right; clear:right; width:400px; height:34px; padding:2px 10px 0px 0px; margin:0px; overflow:hidden; text-align:right;}

.submit{ border:1px solid #666666; color:#666666; background-color:#FFFFFF; margin: 4px 0px 0px 0px; }
.textbox{ border:1px solid #666666; color:#666666; background-color:#FFFFFF; margin: 0px 0px 0px 0px;padding: 2px;}


#tabs { font-size:100%; display:block; line-height:normal; padding: 8px 0px 0px 0px; width:900px; height: 30px; text-align:right; clear:both;}
#tabs ul { margin:0; padding:0px 0px 0px 0px; list-style:none;float:right; font-family: "Times New Roman"; font-size: 15px;}
#tabs li { display:inline; margin:0; padding:0;}
#tabs a { float:left; background:url("img/tab.gif") no-repeat left top; margin:0px 1px 0px 0px; padding:0 0 0 11px; text-decoration:none; }
#tabs a span { float:left; display:block; background:url("img/tab2.gif") no-repeat right top; padding:7px 18px 6px 6px; color: #333333; }
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
 /* End IE5-Mac hack */
#tabs a:hover span { color: #000000; }
#tabs a:hover { background-position:0% -43px; color: #000000; }
#tabs a:hover span { background-position:100% -43px; color: #000000; }
#tabs #current a { background-position:0% -43px; }
#tabs #current a span { background-position:100% -43px;}

 
#leftcol{ width:175px; float:left; position:relative; padding: 2px 2px 2px 32px;}

#leftcol h2{margin:0px 0px 2px 0px;padding:0px;float:left;width:175px; height:34px; background: url(img/products_header.jpg) top left;}
#leftcol h2 span{display:none;} 
#leftcol h3{margin:0px 0px 2px 0px;padding:0px;float:left;width:175px; height:34px; background: url(img/featured_header.jpg) top left;}
#leftcol h3 span{display:none;} 
#leftcol h5{margin:0px 0px 2px 0px;padding:0px;float:left;width:175px; height:34px; background: url(img/currency_header.jpg) top left;}
#leftcol h5 span{display:none;} 

#featuredproduct {margin:0px;float:left;width:155px; padding: 10px; text-align:center; display:block; height: 170px;}
#featuredproduct img{margin:0px;padding: 0px; text-align:center; border:0px;}
#featuredproduct h4{margin:0px; color:#223E68; font-family: "Times New Roman"; font-size: 22px; padding: 0px 0px 0px 0px; margin: 0px; font-style:italic; font-weight:normal; }
#featuredproduct a{color:#223E68; text-decoration:none;}
#featuredproduct a:hover{color:#BBBBBB; }



#menu, #menu ul { /* all lists */ padding: 0; margin: 0; list-style: none; float : left; width : 175px; } 
#menu li { /* all list items */ position : relative; float : left; line-height : 1.75em; margin-bottom : 0px; width: 175px; font-family: verdana; font-size: 12px; height: 1%;}
 
#menu li ul { /* second-level lists */ position : absolute; left: -999em; margin-left : 175px; margin-top : -23px; background-color:#FFFFFF;}
 
#menu li ul ul { /* third-and-above-level lists */ left: -999em; }
 
#menu li a { width: 162px; display : block; font-weight : bold; text-decoration : none; background-color:#345C97; padding: 0px 5px 0px 8px; text-decoration:none; color:#FFFFFF;margin: 0px 0px 2px 0px;vertical-align: bottom; }
 
#menu li a:hover { width: 162px; display : block; font-weight : bold; text-decoration : none; background-color:#89A9DA; padding: 0px 5px 0px 8px; text-decoration:none; color:#FFFFFF;margin: 0px 0px 2px 0px;vertical-align: bottom; }
 
#menu li ul li a { width: 160px; display : block; font-weight : bold; text-decoration : none; background-color:#89A9DA; border-left:2px solid #FFFFFF; padding: 0px 5px 0px 8px; text-decoration:none; color:#FFFFFF;margin: 0px 0px 2px 0px;vertical-align: bottom; }
 
#menu li ul li a:hover { width: 160px; display : block; font-weight : bold; text-decoration : none; background-color:#89A9DA; border-left:2px solid #FFFFFF; padding: 0px 5px 0px 8px; text-decoration:none; color:#223E68;margin: 0px 0px 2px 0px;vertical-align: bottom; }

#menu li ul li ul li a { width: 160px; display : none; font-weight : bold; text-decoration : none; background-color:#345C97; border-left:2px solid #FFFFFF; padding: 0px 5px 0px 8px; text-decoration:none; color:#FFFFFF;margin: 0px 0px 2px 0px;vertical-align: bottom; }
 
#menu li ul li ul li a:hover { width: 160px; display : none; font-weight : bold; text-decoration : none; background-color:#89A9DA; border-left:2px solid #FFFFFF; padding: 0px 5px 0px 8px; text-decoration:none; color:#FFFFFF;margin: 0px 0px 2px 0px;vertical-align: bottom; }



#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul { left: -999em; }
 
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul { /* lists nested under hovered list items */ left: auto; }







#maincol{ float: right; display:inline; position: relative; width:661px; padding: 40px 50px 20px 40px; font-family: verdana; font-size: 13px; color:#333333;}
#maincol h1, #maincol h2, #maincol h3, #maincol h4 { color:#223E68; font-family: "Times New Roman"; font-size: 28px; padding: 0px 0px 0px 0px; margin: 0px; font-style:italic; font-weight:normal;}
#maincol p{ color:#333333; font-size: 13px; line-height:1.7em; font-family: verdana; }
#maincol a{ color:#333333; }
#maincol a:hover{ color:#333333; text-decoration:none;}
#maincol ul{ color:#333333; font-size: 13px; line-height:1.7em;}
#maincol ol{ color:#333333; font-size: 13px; line-height:1.7em;}
#home img{ float:right; padding: 0px 0px 10px 10px; border:0px; clear:right;} 

#cards {margin:30px 10px 0px 10px;padding:0px;float:right;width:306px; height:21px; background: url(img/cards.gif) top left; clear:both; display:block;}

#currency {margin:0px;float:left;width:155px; padding: 10px; text-align:center; display:block; clear:both;}



#footer{ height:63px; clear:both; background:url(img/footer.jpg) no-repeat;width:876px; text-align:left; margin-left:auto; margin-right:auto; padding: 57px 42px 0px 42px; font-family: "Times New Roman"; font-size: 16px; color:#FFFFFF; font-style:italic;} 
#footer a{ color:#FFFFFF; font-style:italic; text-decoration:none;} 
#footer a:hover{ color:#222222; font-style:italic; text-decoration:none;} 
 
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


#footernav{ clear:both; color:#EEEEEE; width: 500px; padding: 10px 0px 10px 0px; font-size: 11px; margin-left:auto; margin-right:auto; font-family:verdana; }
#footernav a { color:#EEEEEE; font-size: 11px; text-decoration:none;}
#footernav a:hover { color:#FFFFFF; font-size: 11px; text-decoration:none; }

#footertext { clear:both; color:#EEEEEE; width: 500px; padding: 10px 0px 10px 0px; font-size: 11px; margin-left:auto; margin-right:auto; font-family:verdana; }
#footertext a { color:#EEEEEE; font-size: 11px; text-decoration:none;}
#footertext a:hover { color:#FFFFFF; font-size: 11px; text-decoration:none; }

#productscontainer{width:100%; padding: 20px 0px 20px 0px; clear:both; display:block;}
div.producticon{ float: left; margin: 0px 10px 0px 0px; display: block; text-align: center; width:150px; height: 240px;}
div.producticon a { text-decoration:none; display:block;padding: 10px 10px 10px 10px; border:1px solid #FFFFFF;}
div.producticon a:hover { text-decoration:none; background:#E4E8F1; color:#FFCC00;border:1px solid #A2B7D5;}
div.producticon a img { text-decoration:none; border:0px;}
div.producticon :hover img { text-decoration:none; border:0px;}
div.product h5{color:#FF9900; padding:0px; margin:5px 0px 5px 0px;}
div.product {color:#333333; font-weight:bold;}


#catscontainer{width:529px; padding: 20px 0px 20px 20px; float:left; clear:both;}
div.caticon{ float: left; margin: 0px 20px 20px 20px; display: block; text-align: center; width:122px; overflow:hidden;}
div.caticon a { text-decoration:none; display:block;padding: 10px 10px 10px 10px; border:1px solid #FFFFFF;}
div.caticon a:hover { text-decoration:none; background:#E4E8F1; color:#FFCC00;border:1px solid #A2B7D5;}
div.caticon a img { text-decoration:none; border:0px;}
div.caticon :hover img { text-decoration:none; border:0px;}
div.cat h5{color:#FF9900; padding:0px; margin:5px 0px 5px 0px;}
div.cat {color:#333333; font-weight:bold;}


#catproductscontainer{width:99%; padding: 0px 0px 20px 0px; float:left; clear:both; line-height:1.7em;}
div.catproducticon{ float: left; margin: 0px 10px 20px 0px; display: block; text-align: left; width:290px; height:120px;}
div.catproducticon a { text-decoration:none; display:block;padding: 10px 10px 10px 10px; border:1px solid #FFFFFF;width:270px; height:100px; overflow:hidden;}
div.catproducticon a:hover { text-decoration:none; background:#E4E8F1; color:#FFCC00;border:1px solid #A2B7D5; }
div.catproducticon a img { text-decoration:none; border:0px; float:left; clear:left; padding: 0px 10px 0px 0px;}
div.catproducticon :hover img { text-decoration:none; border:0px;float:left; clear:left;}
div.catproduct h5{color:#FF9900; padding:0px; margin:0px 0px 5px 0px; font-size:14px;}
div.catproduct {color:#333333; font-weight:bold;}



.searchBtn {font-family: Verdana;color: #000000;font-size:11px;border: 1px solid #7F9DB9;width: 40px;background-color: #FFFFFF;margin: 0px 0px 0px 0px;}

.mailingbutton {font-family: Verdana;color: #000000;font-size:11px;border: 1px solid #7F9DB9;background-color: #FFFFFF;margin: 5px 0px 0px 0px; padding: 2px;}

.searchBox {background-color: #FFFFFF;border: 1px solid #7F9DB9;font-family: Verdana;font-size: 11px;color: #000000; margin: 0px 12px 0px 0px;}


.textboxDisabled {background-color: #FFFFFF;border: none;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #000000;}


form, ol, ul {margin: 0px;padding: 0px;}


li.bullet {list-style-type: square;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 70%;color: #000000;}


li.num {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 70%;color: #000000;}

li.account {list-style-type: square;padding-top: 5px;padding-bottom: 5px;}

.txtSession {font-family: Arial, Helvetica, sans-serif;font-size: 95%;color: #6B6B6B;text-decoration: none;}

a.txtSession {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 70%;color: #3366CC;text-decoration: none;} 
a.txtSession:hover {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 70%;color: #F9931D;text-decoration: underline;} 
.txtSessionGrey {color:#6B6B6B;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 70%;}

.txtCopy {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 70%;color: #05549E;}

a.txtButton {font-family: Arial, Helvetica, sans-serif;font-weight: bold;color: #000000;padding: 3px;line-height: 20px;text-align: center;text-decoration: none; border: 1px solid #CCCCCC;}

a.txtButton:hover {font-family: Arial, Helvetica, sans-serif;font-weight: bold;color: #000000;background-color: #DDEEFF;padding: 3px;line-height: 20px;text-align: center;text-decoration: none;border: 1px solid #CCCCCC;}

.boxContent{color:#000000;}

.txtOldPrice {text-decoration: line-through;}

.txtSale {
 color: #FF0000;}

.txtOutOfStock {color: #FF0000;}

.txtSiteDocs, a.txtSiteDocs {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #FFFFFF;text-decoration: none;}

a.txtSiteDocs:hover {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #FFFFFF;text-decoration: underline;}

.txtDefault, a.txtDefault, a.txtLink, a.txtLocation {font-family: Verdana, Arial, Helvetica, sans-serif;color: #0E51A3;text-decoration:none;}

a.txtDefault:hover, a.txtLink:hover, a.txtLocation:hover {
 font-family: Verdana, Arial, Helvetica, sans-serif;color: #FF3300;text-decoration:none;}

.txtContentTitle {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 120%;font-weight: bold;color: #05549E;padding-bottom: 4px;}

.txtBoxSave {color: #F90707;padding-left: 16px;}

.tblList {}

.tdListTitle {font-family: Arial, Helvetica, sans-serif;font-weight: bold;color: #0E51A3;border-bottom: 0px}

.tdEven {}

.tdOdd {}

.txtCartPrice {float: right;color: #FF0000;padding-right: 3px;}

.txtCart {font-family: Arial, Helvetica, sans-serif;font-size: 100%;color: #0E51A3;}

.cartTotal {padding-top: 2px;margin-top: 3px;}

a.txtCartProduct:active, a.txtCartProduct:link, a.txtCartProduct:visited {text-decoration: none;color: #0E51A3;}

a.txtCartProduct:hover {text-decoration: none;color: #FF3300;}

a.txtviewCart:active, a.txtviewCart:link, a.txtviewCart:visited {font-family: Arial, Helvetica, sans-serif;font-size: 100%;font-weight: bold;color: #FFFFFF;background-color: #51A8FF;text-decoration: none;font-weight: bold;padding: 2px;border: 1px solid #7F9DB9;}

a.txtviewCart:hover {background-color: #66CC33;color: #FFFFFF;}

.cartProgress {font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal;color: #000000;padding: 4px;width: 350px;margin: auto;}

.txtcartProgressCurrent {color: #51A8FF;font-weight: bold;}

.quickBuy {text-align: center;font-family: Verdana, Arial, Helvetica, sans-serif;color: #000000;}

.tdcartTitle {font-weight: bold;color: #000000;}

.tdcartEven {background-color: #EBEDFE;}

.tdcartOdd {}

.tdCartSubTotal {padding-top: 10px;border-top: 1px solid #000000;}

a.txtCheckout {font-family: Arial, Helvetica, sans-serif;font-weight: bold;color:#000000;text-decoration: none;font-weight: bold;padding: 2px 4px 2px 4px;border: 1px solid #7F9DB9;}

a.txtUpdate {font-family: Arial, Helvetica, sans-serif;font-weight: bold; color:#000000;text-decoration: none;font-weight: bold;padding: 2px 4px 2px 4px;border: 1px solid #7F9DB9;}

a.txtCheckout:hover{background-color: #EEEEEE;color:#888888;}

a.txtUpdate:hover {background-color: #EEEEEE; color:#888888;}


.txtStockWarn {font-size: 100%;color: #FF0000;}

.txtError {font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;color: #050F72;background-color: #FFCECE;border: 1px solid #FF0000;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;}

.dropDown {width: 120px;}

.txtCat {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #FFFFFF;text-decoration: none;}