@import url(dropmenu.css);


body {background: #fff; margin: 0; padding: 0;}

body, legend {color: #474747;}
body {font-family: Arial, Helvetica, sans-serif;}

legend {font-size: 14px;}
input, select, textarea { font-size:11px; margin: 1px; padding: 0 2px;}
input:focus, textarea:focus { background: #ffc;}

a{ color:#739D4E; text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: 0 none;}
a.hlink {color: #474748;}

h1, h2, h3, h4 { margin: .5em 0; font-weight: bold;}
h1 { font-size:18px;}
h2 { font-size:16px;} /* also used in common files*/
h3 { font-size:12px;}
h4 { font-size:11px;}
hr { height: 1px; color: #666; background: #666;}
form, table {margin: 0; padding: 0;}

p, li, dd { font-size:12px ; line-height: 1.3em; padding: 0;}
p, pre { margin: 1em 0;}
ul, ol, dl {margin: 3px 0 3px 5px !important; margin: 0 2em;}
li ul li { list-style: disc;}
li, dd { margin-left: .25em; }
blockquote { margin: 1em 40px; font-size: 12px;}




#box {width: 760px; left: 50%; margin-left: -380px; border: 1px solid #cecece;padding: 10px;}
#head, #foot {width: 780px; left: 50%; margin-left: -380px;}
#box, #foot {position: relative; /*top: 145px !important;*/ top: 158px;}
#foot {height: 250px;}


	
	#promo {width: 100%; padding: 0; }
	#promo td {padding: 0; margin: 0; vertical-align: top;}
	#promo h1 {padding: 2px 5px; margin: 0; color: #fff; font-size: 14px; width: 195px; /*display: inline;*/}
	#promo .arrow { padding-right: 5px;font-size: 12px; }
	#promo .arrow a {color: #fff; padding-right: 14px; text-align: right; display: block; line-height: 20px;}
		
	#promo .p_lg {border-right: 5px solid #fff; width: 215px; }
	#cycle1, #cycle3 { height: 202px; width: 215px; overflow: hidden;}
	#promo .p_lg h1 { margin: 5px 0 20px 0; }
	
	#cycle1, #cycle2, #cycle3 { z-index: 0;}
	
	.p_msg {background: #f1f7d4; text-align: center;} /* text message top right */
		
	#promo .p_sm { height: 110px; border-top: 5px solid #fff;} /* small text blocks */
	#promo .p_sm #cycle2, #promo .p_sm #cycle3 { height: 115px; width: 115px; overflow: hidden;}
	#promo .p_sm h1 {margin-bottom: 42px; }
	#promo .p_sm img { border-left: 5px solid #fff; height: 115px;}
	
	.blue {background: #66b9cc;}
	.blue .arrow a { background: url(../img_t/arrow_blue.gif) no-repeat 100% 50%;}
	.green { background: #9c6;}
	.green .arrow a { background: url(../img_t/arrow_green.gif) no-repeat 100% 50%;}
	
	.hr { background: url(../img_t/dotsG.gif) repeat-x; margin: 4px 12px 4px 12px; padding: 0; height: 10px;}
	table.home3col {margin-bottom: 7px;}
	.col3 { width: 100%; margin-bottom: 5px;}
	.col3 td {width: 33%; vertical-align: top;padding: 2px 12px;}
	.col3 .dots {background: url(../img_t/dotsB.gif) repeat-y 100% 4px;}
	.col3 h3 { margin: 0 0 10px 0; padding: 0;}
	
	#foot h1 {text-align: center; background: #474747 url(../img_t/icon_phone.gif) no-repeat 142px 5px; color: #fff; 
		font-size: 14px; margin: 3px 0; padding: 3px;}
	#foot td { font-size: 10px;}
	#foot td a {text-decoration: underline; color: #474747;}
	#foot div {text-align: center; margin-bottom: 20px; vertical-align: middle;}
	#foot div img {margin: 0 15px;}
	
#head {position: absolute; top: 0;}
#topnav {margin: 0; padding: 0; list-style: none; z-index: 10; 
	position: absolute; top: 60px; right: 155px; width: 260px;}
	#topnav li {float: right; width: auto; display: inline; 
		margin: 0; padding: 0; list-style: none; /*background: #565656 url(../img_t/topnav_02.gif) repeat-x;*/}
	#topnav a { display: block; line-height: 25px; color: #333; font-size: 11px; padding: 0 10px; /*border-right: 1px solid #fff;*/}
	/*#topnav .myacc {background: url(../img_t/topnav_01.gif) no-repeat 0 0;  }
	#topnav .cart { background: url(../img_t/topnav_03.gif) no-repeat 100% 0; border-right: 0 none; }*/

#logo {padding: 25px 0 0 20px;}
#topbar {clear: both; background: #9c6; position: relative; 
	padding: 5px 5px 0 10px;  margin: 0 5px;
	height: 27px !important; height: 30px;}
	#topbar h1 {font-size: 12px; background: url(../img_t/icon-email.gif) no-repeat 0 2px;
		margin: 4px 0 0 0 !important; margin: 10px 0 0 0; padding: 0 0 0 16px; }
	#topbar h1 a {color: #474748;}
	#topbar h1 a:hover { color: #fff; text-decoration: none;}
	
	
	#topbar .social {
	 background: url(../img_t/icon-email.gif) no-repeat 0 6px; padding-left: 16px;
		 text-transform: uppercase; font-size: 12px; font-weight: bold; line-height: 23px;
		 position: absolute; left: 300px; top: 5px; }
	#topbar .social a {margin-left: 4px; background-image: none;}
	#topbar .social a img {vertical-align: middle;}
	
#search { float: right; width: 220px; text-align: right; background: url(../img_t/icon_search.gif) no-repeat 8px 4px; }
	#search input {vertical-align: middle;}
	#search input.txt {padding: 3px 2px; margin:0 3px 0 0; border: 1px solid #cecece; width: 120px;}
	#search input.search_btn { margin: 0; padding: 0;}
#bnav {font-size: 12px; width: 100%; background: #66b9cc; }
	#bnav td {width: 33%; padding: 6px 0px 6px 12px;}
	#bnav a {display: block; color: #474747; line-height: 18px; font-weight: bold;}
	#bnav .dots { background: url(../img_t/bg_bnav.gif) repeat-y 100% 4px;}
	
#freeship2 { position: absolute; top: 4px; left: 50%; margin-left: 95px; display: block;} 

#cartBtn {position: absolute; top: 25px; left: 50%; margin-left: -130px;}
#cartBtn2 {position: absolute; top: 42px; left: 50%; margin-left: 245px;}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

.clearfix {
display: inline-block;}
/* Hides from IE-mac \*/
.clearfix {
display: block;}
/* End hide from IE-mac */

	
/* subpage styles
-------------------------------------------------------------*/
#sub { min-height: 400px; height: auto !important; height: 400px;}

table.plain {width: 100%;}
table.plain td {text-align: left; vertical-align: top; width: 33%;}

/* buttons
-------------------------------------------------------------*/
.spec_btn, .buy_now {background: #c0ac6f url(../img/bg_btn.png) repeat-x; color: #fff; border: 1px solid #b4ac7e; margin-top: 3px; padding: 2px;
}
span#sharethis_0 { text-align: center;  display: block; margin: 0 auto; width: 100px; font-size: 11px;}
span#sharethis_0 a {color: #666; text-decoration: none;}
span#sharethis_0 a:hover {color: #000; text-decoration: none;}
 
/* image borders
--------------------------------------------------------------*/
.specials img, .cat_imgs img, .product_img {}

/* Subs
--------------------------------------------------------------*/
.pagetitle {font-weight:bold; font-size: 16px; text-align: left;}
.policy_head {font-weight:bold; font-size: 12px; border-bottom: 1px solid #000;}

.breadcrumbs {text-align: right; margin: 10px 10px 0 0;font-size: 10px; }
.breadcrumbs font, font.breadcrumbs {font-size: 10px; }
a.breadcrumbs, .breadcrumbs a { text-decoration: underline; color: #4a4a4a;font-size: 10px;}

.cust {} /* covers entire block*/
p.toplink{font-size: 10px;}

.dtable, .dtable th, .dtable td, .wtable, .wtable th, .wtable td, fieldset  {border-color: #666 !important;}
.dtable th, .wtable th  {background: #ccc !important; color: #333 !important;}

.giftcard {}

/* Cat pages
---------------------------------------------------------------*/
.prod_shelf_none { display: none;}

.cat_image {} /* for top image, not products */
.cat_descript {} /* top description div - font tag wraps content inside div */

.subcat {clear:both} /* hold subcat table */
a.subcat {font-weight:bold; font-size: 16px;}

.paging {}
.click {}

.cat_prod_link {}
.cat_prod_link a {font-size: 12px;}
.prod_sku, .prod_brand {}
.prod_shelf_descript {font-size: 12px; line-height:1.5em;}

.pricetable {}
.cat_price_cell { font-size: 12px;}
.cat_listprice, .cat_ourprice, .cat_saleprice {font-size: 12px;}
.cat_saleprice { color: #333;}

/* Product
-------------------------------------*/
div.product_img_div {} /* div around image */

div.product_name {text-align:center; margin: 8px 0;}
font.product_name {font-weight:bold; font-size: 12px; }

#product_info {} /* table with brand, sku, descript only on original layout*/
div.brand, div.sku {font-size: 11px;}
div.product_descript { margin-top: 8px;}
font.product_descript {font-size: 12px; line-height:1.5em;}

table#prices {}
font.listprice, font.ourprice, font.saleprice, font.priceonrequest, font.saveprice, font.saleprice { font-size:12px;}
font.saveprice {} /*text- amount saved */
font.saleprice { color: #333;}

