/*-- GLOBAL ELEMENTS --*/

body {background: url(page_bg.jpg) repeat-x #fcfaf8;  font:10px "trebuchet ms", sans-serif; color:#2F3237; margin:0; padding:0; }

a:link, a:visited { text-decoration:none; color:#000000; }
a:hover, a:active {	text-decoration:underline; color:#983E00; } 

a:link.rev, a:visited.rev { text-decoration:none; color:#ffffff; }
a:hover.rev, a:active.rev {	text-decoration:underline; color:#E9E9E9; } 

a:link.topnav, a:visited.topnav { text-decoration:none; color:#000000; }
a:hover.topnav, a:active.topnav {	text-decoration:underline; color:#983E00; } 

a:link.navbar, a:visited.navbar { text-decoration:none; color:#ffffff; }
a:hover.navbar, a:active.navbar {	text-decoration:underline; color:#000000; } 

a:link.navbarev, a:visited.navbarev { text-decoration:none; color:#000000; }
a:hover.navbarev, a:active.navbarev {	text-decoration:underline; color:#9D3F00; } 

a:link.navsub, a:visited.navsub { text-decoration:none; color:#2A2E31; }
a:hover.navsub, a:active.navsub { text-decoration:underline; color:#983E00; } 

a:link.base, a:visited.base { text-decoration:none; color:#000000; }
a:hover.base, a:active.base {	text-decoration:underline; color:#983E00; } 

a:link.back, a:visited.back { text-decoration:none; color:#983E00; }
a:hover.back, a:active.back { text-decoration:underline; color:#000000; } 

form { padding:0; margin:0; }
img { border:0; }


label{ background:#F9F9F7; float:left; font:11px "trebuchet ms", sans-serif; padding:4px 10px 6px 0; width: 90px; text-align:right; margin:1px 2px 0 0; color:#000000; }
label.clear {background: none; width: 90px;}

h1 { font:bold 14px  "trebuchet ms", sans-serif; color:#983E00; margin:0 32px 10px 10px; padding:4px 0 4px 0; border-bottom:1px solid #983E00; }
h2 { font:bold 11px "trebuchet ms", sans-serif; color:#983E00; margin-bottom:5px; padding:0;}

/*-- HEADER ELEMENTS --*/

#topbx {background: url(page_bg.jpg) repeat-x;  width:800px; height:90px; padding-top:10px; margin-right:auto; margin-left:auto; margin-bottom:0; margin-top:0;}
#logo { float:left; padding:0; margin:0; }
#dda { float:right; margin:0; padding:60px 10px 0 0;}

#topnav {background: url(topnav_bg.gif) no-repeat #CCCCCC; font:12px "trebuchet ms", sans-serif; 
width: 800px; height:47px; padding:0; margin-right:auto; margin-left:auto; margin-bottom:0; margin-top:0; }

#toplink {float:left; margin:0; padding:15px 0 0 14px; width:500px;}

#headercontainer { width:800px; margin-right:auto; margin-left:auto;}
#headers { width:800px; margin-right:auto; margin-left:auto;}

#searchbox {float:right; padding:14px 14px 0 0;}

input.sea { border:#983E00 1px solid; height:14px; color:#000000; font:9px verdana, sans-serif; width:120px; margin:0; vertical-align:middle; padding:1px 0 0 4px;}

input.btnsea { font:bold 10px  "trebuchet ms", sans-serif; color:#ffffff; background-color:#983E00; border:0; height:17px; padding:0 2px 1px 2px; margin:1px 0 1px 3px; vertical-align:middle;}
label.seal {background:none; width:45px; color:#ffffff; vertical-align:top; padding:4px 5px 0 0;}

#pagecontainer { background:#ffffff; width:800px; margin-right:auto; margin-left:auto; overflow:hidden;}


/*-- LEFT NAV OPTIONS --*/

#leftnav { width:120px; float:left; margin:20px 0 0 20px; padding:0;}


ul.subcat {padding:0; margin:0; }
li.subcat { list-style: square inside; padding:4px 0 4px 5px; margin:0;  border-bottom: 1px dotted #983E00; color:#983E00; }

li.subcat:hover { list-style: square inside; background: #ededed; padding-left:5px; color:#000000; }

ul.topcat { list-style: none;  padding:0; margin:0; }
li.topcat { padding:5px 0 5px 5px; margin:10px 0 0 0; background: url(main_cat_bg.jpg) no-repeat #8E3902;}
li.topcat:hover { background: url(main_cat_bg_hov.jpg) no-repeat #c27036;}
.catlist { font: 11px verdana,sans-serif;}

#joinbox { background: url(join_bg.jpg) repeat-x; float:left; margin:15px 0 0 0; padding:5px 5px 15px 5px; width:110px;}
.joinhd { font: bold 11px "trebuchet ms", sans serif; color:#ffffff; text-align:left ; }
.jointxt { font:9px "trebuchet ms", sans serif; color:#000000; text-align : left ; margin-top:6px; }

input.join {background-image: url(box_bg.gif); border:1px solid #983E00; height:16px; color:#000000; 
font:10px verdana, sans-serif; width:101px; margin:4px 0 0 0; padding:3px 0 0 4px;}

input.btn { font:10px "trebuchet ms", sans-serif; color:#ffffff; background-color:#983E00; border:none; padding:0 1px 0 1px; margin:5px 0 5px 0;}

.brandbox { background: url(brand_bg.jpg) repeat-x; height:47px; width:109px; margin-top:10px; padding:7px 5px 0 6px; color:#ffffff;}
select.brands { width:82px; font-size:10px; height:19px; vertical-align:middle; margin:0px; }
 
input.gobrands { font:bold 10px "trebuchet ms",  sans-serif; color:#983E00; background-color:#ffffff; margin: 0 0 0 1px; padding:1px; border: 0; height:19px; vertical-align:middle; }

/*-- CART SUM ELEMENTS --*/

.carttable { width:98%; border-collapse:collapse;}
.carttable th { padding:8px 0 5px 0; color:#000000; }
.carttable td { padding:1px 0 1px 0;}
.tcright {text-align:right; font: 9px  "trebuchet ms",  sans-serif; width:100px;}

#cartbox { background: url(cart_bg.jpg) no-repeat; width:106px; height:75px; padding:5px 7px 5px 7px; text-align:center; color:#983E00;}
.carttop { background: url(carttop.jpg) no-repeat; height:21px; padding:5px 0 0 27px; font: 12px "trebuchet ms", sans-serif; color:#443828; margin:0px;  }

.cartbase {  background: url(cart_base.gif) no-repeat; height:19px; text-align:right; font: 10px "trebuchet ms", sans-serif; padding:6px 10px 0 0; height:22px ; }



/*-- INPUT ELEMENTS --*/

.smbtns { padding-top:5px;}

input.btn2 { font:9px  "trebuchet ms", sans-serif; color:#ffffff; background-color:#983E00; border:none; margin:0; height:17px; vertical-align:middle;}

input.vouch { border:1px solid #983E00; height:13px; color:#000000; 
font:10px  "trebuchet ms", sans-serif; width:85px; margin:0; vertical-align:middle;}


select.qty { font:bold 10px "trebuchet ms", sans-serif; color:#983E00; height:19px; vertical-align:middle; margin:0px; }
select.ship { font:bold 10px "trebuchet ms",sans-serif; color:#983E00; height:19px; vertical-align:middle; margin:0px;}

#contactform { padding:20px; }
.message { font: bold 11px  "trebuchet ms",sans serif; color:#9B0B03; text-align:left; padding:10px 0 5px 10px; }
.mesjoin { font: bold 10px  "trebuchet ms",sans serif; color:#9B0B03; text-align:left; padding:5px 0 5px 0; }


#linkspage {padding:5px 0 10px 10px; margin-right:20px; border-bottom:1px dashed #cdcdcd; color:#983E00; }

textarea.cnt { background-image: url(txt_bg.gif); border:#C7C8CB 1px solid; color:#000000; font: 11px verdana, sans-serif; padding: 6px;  }

input.contact {	background-image: url(txt_bg.gif); height: 18px; width: 170px; margin-bottom: 5px;
				border:#C7C8CB 1px solid; color:#000000; font: 11px verdana, sans-serif; padding:2px 0 0 6px; }


/*-- PAGE ELEMENTS --*/

.txtpad { padding:0 5px 0 11px; font:10px "trebuchet ms", sans-serif; color:#282A2E; margin-right:20px; }
.pagehds { font:bold 14px  "trebuchet ms", sans-serif; color:#983E00; margin:0 32px 10px 10px; padding:4px 0 4px 0; border-bottom:1px solid #983E00; }
.pagehds2 { font: 11px  "trebuchet ms",  sans-serif; color:#4c555c; }

.listview { border-collapse:collapse; border-bottom:1px dotted #cdcdcd; margin-top:10px; width:620px; }
.listview td { padding:10px;}

.listhds { font:bold 11px "trebuchet ms", sans-serif; color:#983E00; margin-bottom:5px; padding:0;}

.detqty {font:bold 11px "trebuchet ms", sans-serif; color:#282A2E; padding-right:1px; }
.thumb { background-image: url(thumb_bg.jpg);  padding:6px; border-bottom:1px solid #d4d4d4;}


/*-- PROD DETAILS --*/

.mainpic { background: url(main_image_bg.jpg) no-repeat; padding:8px; width:300px; float:left; margin-left:10px;  border-bottom: 1px solid #d2d2d2;}

.zoom { text-align:right; padding:7px 2px 0 0; }
#infosumcontainer { background: url(inf_sum_bg.jpg) no-repeat;  float:left;  width:227px; margin-left:20px;}
#infosum { padding:10px; background:#ffffff; width:205px; margin-left:1px; }
.sumhds { font:10px "trebuchet ms",  sans-serif; color:#666666; line-height:25px; }
.mainprice {font: bold 16px "trebuchet ms", sans-serif; color:#983E00; padding:0;}
.sumtitle { font:bold 11px "trebuchet ms", sans-serif; color:#3C3225; padding:7px 0 7px 10px;  border-bottom: 1px solid #d2d2d2;}
.sumback {background:#EDEDED; font:bold 11px "trebuchet ms", sans-serif; color:#3C3225; padding:7px 0 7px 10px;  border: 1px solid #d2d2d2;}

.bigad { padding:0; vertical-align:middle; }
.pdqty {  background-image: url(txt_bg.gif); width:30px; border:1px solid #B1B1B1; height:22px; margin-right:10px; padding-top:5px; text-align:center; vertical-align:top;}

.optdrop {font:11px "trebuchet ms", sans-serif; vertical-align:middle; background-color:#F5F4F0;}
 
.sku {color:#000000;}

/*-- CHECKOUT ELEMENTS --*/
.checktable { font: 11px "trebuchet ms", sans-serif; color:#000000; margin:30px 20px 30px 20px; border-collapse:collapse; width:90%;}
.checktable td { padding:6px 4px 4px 3px; border-bottom: 1px solid #cdcdcd;}
.checktable th { background-color:#ECEDEF; font:bold 10px "trebuchet ms", sans-serif; letter-spacing:2px; padding:5px 0 5px 4px; color:#000000; text-align:left; border-bottom: 1px solid #983E00; }

th.right { background-color:#ECEDEF; font:bold 10px  "trebuchet ms", sans-serif;letter-spacing:2px; padding:5px 5px 5px 4px; color:#000000; text-align:right; border-bottom: 1px solid #983E00;  }

th.tot { font:bold 12px  "trebuchet ms", sans-serif; letter-spacing:2px; padding:5px 3px 5px 4px; color:#ffffff; text-align:right; border-bottom: 1px solid #312A20; background-color:#983E00; }

.remove {padding-left: 10px;}

#pagebody { width:640px; float:left; margin:20px 0 20px 20px; padding:0; }


/*-- FEATURES --*/

.homefeat { width:640px; float:left; margin:0; padding:0;  }
.itembox { float:left; text-align: left; width:134px; margin:10px 10px 0 10px; background: url(fprod_bg.jpg) no-repeat; padding:0;}
.itembox img { border :1px solid #cdcdcd;  margin:6px 5px 5px 6px; }

.sumhdtxt { font:bold 10px "trebuchet ms", sans-serif; color:#983E00; padding:0 5px 5px 5px; height:26px; overflow:hidden;}
.summarytxt { padding:0 5px 5px 5px; height:56px; overflow:hidden;}
.featureprice { font: bold 16px "trebuchet ms",  sans-serif; color:#983E00; padding: 0 5px 5px 0; text-align:right; }
		
.sumtxtopts { background:url(sum_opt_bg.jpg) repeat-x #983E00; padding:6px 5px 0 5px; width:124px; height:23px; overflow:auto;   }
.dettxt { font:10px  verdana,  sans-serif; color:#000000; text-align:left; float:left; padding:1px 0 0 0;}
.addtxt { text-align:right; float:right; padding:2px 0 0 0;}


/*-- BOUGHT THIS --*/

.featable { margin:5px 0 0 5px; border-collapse:collapse; border-bottom: 1px solid #cdcdcd; width:620px;}
.featable td { padding:5px;}
.smbtnsbox {padding:0; margin:0; width:190px; }
.listinfobox {width:265px; padding-right:13px; margin:0;  border-right: 1px solid #cdcdcd;}
.thumbpic { width:96px;  background: url(thumb_bg.jpg) no-repeat;  border-bottom: 1px solid #d4d4d4; padding:6px; }
.btright { text-align:right;}


/*-- STOCK NOTIFICATIONS --*/

.instk { color:#2d893f; font:bold 10px "trebuchet ms", sans-serif; text-align:right; }
.nostk { color:#9B0B03; font:bold 10px "trebuchet ms",  sans-serif; text-align:right; }
.instr { color:#000000; font:bold 10px "trebuchet ms",  sans-serif; text-align:right; }

.rrp { color:#000000; font: 10px "trebuchet ms", sans-serif; text-align:right; text-decoration: line-through; }
.incv { color:#6f6f6f; font:9px  "trebuchet ms", sans-serif;}
.dvcode { color:#484848; font:10px  "trebuchet ms", sans-serif;}

.nav { font: 10px verdana,sans serif; color:red; text-align:left;}
.title { font:bold 10px verdana,sans serif; color:red; text-align:left ; }


  
/*-- PAGING --*/

#pagefix {margin-right:20px; }
#pagingbox {width:100%; margin-right:auto; margin-left:auto; overflow:hidden; text-align:center; margin-top:20px; letter-spacing:2px; font-size:11px;}
#paging { vertical-align:top; padding:5px 0 5px 0; }
#numbers { background-color:#FBFBFB; font:bold 12px  "trebuchet ms",  sans-serif; color:#983E00; padding:4px 0 4px 0; margin-right:0px; border-top:1px solid #983E00;}


/*-- FOOTER --*/
  
#footcontainer { background: url(footspan.jpg) repeat-x #ffffff; width:100%; }

#footer { width:800px; background: url(footer_bg.gif) no-repeat; margin-right:auto; margin-left:auto; margin-top:0; height:47px; }

.footxt { padding:14px 15px 0 0; text-align:right;}

#userfoot { font: 10px  "trebuchet ms", sans-serif; text-align:center; padding:10px 0 5px 0;}
#defaultfoot { font: 9px  "trebuchet ms", sans-serif; text-align:center; padding-bottom:20px; color:#656464;}