@import url("nav.css");

body {margin: 0; padding: 0; color: #333; background: #fff;}
body, textarea {font-family: Arial, Helvetica, sans-serif;}
p, blockquote, li, dd, dt, h4, label, input, select, textarea {font-size:12px;}

a {color:#063; text-decoration: underline; outline: none;}
a:hover {text-decoration: underline;}
img {border: none;}
table, form {margin: 0; padding: 0;}
th, td { vertical-align:top; }

h1, h2, h3 {margin:0 0 .5em 0; font-weight: bold;}
h1 {font-size: 20px;}
h2, .pagetitle { font: bold 20px Palatino, "Times New Roman", Times, serif; color: #063;} 
h3 {font-size: 12px; }
h4 {font-size: 10px; font-style: italic; font-weight: normal; margin: 0;}


p, pre {margin: 1em 0; line-height: 1.4em;}
dd, ul li, ol li {line-height: 1.3em;}
dl, ul, ul li, ol, ol li, blockquote {padding: 0;}
dl {margin: .5em 0;}
dt {font-weight: bold; margin: .25em 0 0 0;}
dd {margin-left: .5em;}
ul {margin: .5em 0 .5em 1.1em;}
ul li {list-style: square; margin:0 0 .25em .5em;}
ol {margin: .5em 0 .5em 1.4em;}
ol li {margin:0 0 0 .5em;}
blockquote {margin: 1em 2em;}

fieldset {padding: 1em; margin: 1em auto; border: 1px solid #ccc; width: 100%;}
legend {font-size: 14px; font-weight: bold; color: #333; padding: 0 5px; margin: 0;}
*:first-child+html legend {margin: 0 0 .5em 0;} /* hack for all IE versions */

input, select, textarea {margin: 1px; padding: 0 2px; vertical-align: middle;}
textarea {vertical-align: top;}
input:focus, textarea:focus, select:focus {background: #ffc;}
label { position: relative; top: 2px; padding-right: 2px;}

.soon {margin: 2em auto; width: 40%; text-align: center;}
.soon img { margin: 1em;}

#wrap {width: 825px; position: relative; margin: 0 auto;  }  

#logo { margin: 15px;}
#cnt { border: 1px solid #ccc; border-width: 0 1px; padding: 10px; min-height: 250px;
	clear: left;}

#htxt {margin-bottom: 10px; }
#htxt h2 { text-align: center;}
#htxt td { padding: 0 10px;}
#htxt td.box1 { width: 155px;}
#htxt td.box3 { width: 236px;}
#htxt td.img {padding: 0; }
#htxt td.img img { border: 1px solid #ccc; padding: 0; float: left;}

#foot1 { background: url(../img_t/bg_foot1.png) no-repeat left bottom; padding-bottom: 1px;
	border-top: 1px solid #ccc;}
.fGreen, .fGray { width: 255px; padding: 10px; }

.fGray { background: #f3f3f3 url(../img_t/bg_fgray.png) no-repeat; }

.fGreen h2#f1 {margin: 0; background: url(../img_t/icon_news.png) no-repeat; padding: 15px 0 0 45px;}
.fGray div.icon {margin: 0; background: url(../img_t/icon_gift.png) no-repeat; padding-left: 45px;}
.fGreen h2 {color: #302e5e;}
.fGray h3, .fGray h2 {margin: 0;}
.fGray p, .fGreen p { font-size: 11px;}
.fGreen input.stxt { width: 150px;}

.fGreen #nav { margin: 0; padding: 0; list-style: none;}
.fGreen #nav li { margin: 0; padding: 0; list-style: none; float: left; width: 255px;}
.fGreen #nav li a { display: block; background: url(../img_t/bg_nav.png) no-repeat 0 7px ; padding: 3px 5px 3px 20px;
	color: #4b724a; font-size: 11px; text-decoration: none;}
.fGreen #nav li a#homepage { position: absolute; left: -999em; width: }
.fGreen #nav li a:hover {color: #000;}

#foot2 {font-size: 11px; font-style: italic; color: #666; margin: 3px 0 20px 0; padding: 0 5px;}
#foot2 span { width: 180px; float: right; text-align: right;}
#foot2 a {color: #666; text-decoration: none;}
#foot2 a:hover { color: #000; text-decoration: none;}



#tnav { position: absolute; top: 15px; right: 10px; text-align: right;}
#tnav a { font-size: 12px; font-style: italic; color: #7f7f7f; text-decoration: none; padding: 0 10px 0 0;}
#tnav a#cart { background: url(../img_t/icon_cart.png) no-repeat  right 0; padding: 0 16px 0 0;}
#tnav a:hover { color: #000; text-decoration: none;}

#search { position: absolute; top: 62px; right: 160px; width: 230px; text-align: right;}
#search input.stxt {width: 120px;}
input.stxt { font-size: 11px; font-style: italic; color: #7f7f7f; padding: 2px 5px; 
	border: 1px solid #ccc;}

#searchPrice { position: absolute; top: 61px; right: 5px; width: 150px; }
#searchPrice select {font-size: 11px; font-style: italic; color: #7f7f7f; padding: 2px; }




/* specials */
#spec h2 { text-align: center;}
.specials {font-size:12px; padding: 0 5px; }
.specials td {text-align: center; padding: 5px; } /* for specials td cells */
.SPECIALS_PRODUCT_NAME { margin: 5px auto;}
.SPECIALS_PRODUCT_NAME a { font-weight: bold; text-decoration: none;}
.SPECIALS_PRODUCT_NAME a:hover { color: #000;}

.SPECIALS_DESCRIPTION, .SPECIALS_PROMOTTEXT, .SPECIALS_LIST_PRICE, .SPECIALS_PRICE, .SPECIALS_SALE_PRICE, 
.spec_order input.spec_btn, .spec_order span, .spec_order input, .spec_order br  { 
	position: absolute; left: -999em; width: 1px; display: none;}




/* subpages */
/* buttons
 -------------------------------------------------------------*/
 .spec_btn, .buy_now {background: #242246; color: #fff; border: 1px solid #242246; margin-top: 3px; padding: 2px;
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 	font: bold italic 14px Palatino, "Times New Roman", Times, serif; 
 	position: absolute; left: -999em; height: 1px; width: 1px;}
 input.emailafriend { background: #fff;  color:#9b0037; border: 0 none; text-align: center; cursor: pointer; }
 
 /* image borders
 --------------------------------------------------------------*/
 .specials img, .cat_imgs img, .product_img { border: 1px solid #ccc;}  
 
 /* Subs
 --------------------------------------------------------------*/
 .pagetitle { text-align: left; } /* same as h2 */
 .policy_head {font-weight:bold; font-size: 12px; border-bottom: 1px dotted #999;}
 
 .breadcrumbs {text-align: right; margin: 10px 10px 0 0; }
 .breadcrumbs font, font.breadcrumbs {font-size: 10px; }
 a.breadcrumbs, .breadcrumbs a { text-decoration: underline; color: #4a4a4a;}
 
 .cust {} /* covers entire block*/
 p.toplink{font-size: 10px;}
 
 .dtable, .dtable th, .dtable td, .wtable, .wtable th, .wtable td {border-color: #ccc !important;}
 .dtable th, .wtable th, .VolumeTable th {background: url(../img_t/bg_cats.png) repeat-x 0 0; color: #fff !important; font-weight: bold; padding: 4px 6px !important;}
 
 .VolumeTable { font-size: 12px; border: 1px solid #ccc; border-width: 1px 1px 0 1px; margin: 0 auto;}
 .VolumeTable th { font-weight: bold; padding: 3px;}
 .VolumeTable td {padding: 0;}
 .VolumeTable table {border: 0 none;}
 .VolumeTable td td {padding: 3px 8px; border-bottom: 1px solid #ccc;}
 
 .cat_table {} /*cat pages only */
 .giftcard {}
 
 /* Cat pages
 ---------------------------------------------------------------*/
 .prod_shelf_none {}
 
 .cat_image {} /* for top image, not products */
 .cat_descript {} /* top description div - font tag wraps content inside div */
 
 .subcat {} /* hold subcat table */
 a.subcat {font-weight:bold; font-size: 16px;}
 
 .paging, .paging font {}
 .hidepage { position: absolute; left: -999em;} /*hides top paging link on 3x3 layout only*/
 .sortby {}
 .click { font-size: 10px;}
 
 .cat_prod_link b { font-weight: normal;}
 .cat_prod_link a {font-size: 12px;}
 .prod_sku, .prod_brand { font-size: 10px;}
 .prod_sku font, .prod_brand font { font-size: 10px;}
 .prod_sku b, .prod_brand b {font-weight: normal;}
 .prod_shelf_descript {font-size: 12px; line-height:1.5em;}
 
 .pricetable {}
 .cat_price_cell { font-size: 12px;}
 .cat_price_cell img { vertical-align: middle;}
 .cat_price_cell span strong {font-weight: normal;}
 .cat_listprice, .cat_ourprice, .cat_saleprice {font-size: 12px;}
 .cat_saleprice { color: #333;}
 
 
 /*#buy { width: 250px; }*/
 
 /* Product
 -------------------------------------*/
 #prodtable1 { margin-top: 15px;}
 div.product_img_div {} /* div around image */
 
 .quantity {}
 
 h2.product_name { /* same as h2 */}
 
 #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;}
 
 .cross_sell {} /* attached with dtable*/
 
 table#prices {}
 .listprice, .ourprice, .saleprice, .priceonrequest {font-size: 11px;}
 .saleprice {color: #A20303;}
 .priceonrequest {} /*text- amount saved-  includes #youSave, #youSaveLabel and #youSavePrice */
 	#youSave span { font: normal normal 11px Arial, Helvetica, sans-serif; color: #333;} /* includes #youSaveLabel and #youSavePrice */

  
 #prices a {color: #333; text-decoration: underline;} /* cover price on request link */
 
 #sharethis_0 {display: block; margin: 0 auto; text-align: center; width: 200px;}
 
 .opt_sku {} /*relates to sku colum on options tables */
 
 .add_btn { text-align: center; margin: 10px 0;}
 
 /* cart page */
 .giftcard { width: 50%; margin: 0 auto; }
  
 /* charities page */
 table.charity { font-size: 12px; width: 90%; margin: 0 auto;}
 table.charity td {padding: 1em 0; border-bottom: 1px dashed #ccc;}
 table.charity img { display: block; margin-right: 10px; width: 150px;}