/*** The Essential Code ***/

body {margin: 0; width: 100%;}

h2 { font-weight: bold; font-size: 13px; }


#wrapper {margin: 0 auto; width: 840px; }

.column {
	position: relative;
	float: left;
}

#center {
	left:148px;
	padding: 0 10px 0 17px;
	width: 478px;
}

#left {
	width: 126px;       
	padding: 0 10px 0 10px;     
	right: 505px;          
	margin-bottom: 15px;
}

#right {width: 165px; padding: 0 10px 0 10px; margin-right: -850px;}

#footer {clear: both;}




/*** Just for Looks ***/

body {background: #502e20; font-size: 12px; font-family: Arial, sans-serif}

#wrapper {background: #fff url(../img/header-shadow.gif); background-position:  0 206px; background-repeat: repeat-x}
.column {padding-top: 1em;text-align: left; margin-bottom: 15px}
strong {font-weight: bold}


/*header*/
#header {padding-bottom: 7px; margin-bottom: 35px; width: 840px; background: #e8e18b url(../img/info-bar-background.gif) bottom repeat-x}
#header #logo {height: 206px; width: 165px; float: left; background-color: #98002e}
#header #header-offer {height: 158px; width: 213px; float: right; margin-bottom: 8px; background: #98002e url(../img/header-offer-stripes.jpg) repeat-y;
						text-align: center; padding-top: 22px}
#header #header-offer a {color: #fff; text-decoration: none}					
#header #header-offer h2 {font-size: 21px; background-color: #84afba; padding: 25px 0 4px 0}
#header #header-offer h3 {font-size: 14px; font-weight: bold; background-color: #84afba}
#header #header-offer h1 {font-size: 45px; font-weight: normal; background-color: #84afba; padding:  4px 0  23px 0}
#header #header-offer h1 .dollar{font-size: 20px; font-weight: bold; position: relative; top: -10px}

#header #header-image {height: 180px; width: 462px; float: right; margin-bottom: 8px}
#header #info-bar {text-align: right; color: #585858; font-size: 11px}

#header #ordering-help {float: left; text-align: left; padding-left: 5px}
#header #account-info {padding-right: 5px; }
#header #account-info a {font-weight: bold; }

a {color: #98002e}

#center h1 {color: #98002e; font-size: 20px; font-weight: normal; letter-spacing: .025em; margin: 0; line-height: 25px}

/*left*/
#left {margin-bottom: 0}
#left h4 {font-weight: bold; font-size: 11px; line-height: 11px; text-transform: uppercase; margin: 20px 0 0 0; padding-left: 12px; }
#left h4.product-search {color: #98002e; background: url(../img/pointer-red.gif) no-repeat 0 .15em; margin: 11px 0 11px 0}

#left h4.product-catagory {color: #64959c; background: url(../img/pointer-teal.gif) no-repeat 0 .15em }
#left h4 a {text-decoration: none;color: #64959c; }
#left ul {font-size: 11px; padding: 0 0 0 12px; margin: 0 0 1.5em}
#left ul li {list-style-type: none; margin: 7px 0}
#left ul li.view-all a {padding-top: 5px; color: #444444}
#left ul li a {color: #6f6f6f}
#left ul li a:hover {text-decoration: none}

#left input {color: #585858; border: solid 1px #afafaf; margin-left: 12px; font-size: 11px}
#left input#search {width: 88px; border-right: none; }
#left input.butn {color:#fff; margin: 0; background-color: #b02b33; border-color: #b02b33; width: 16px; text-align: center}

/*\*/
html*div#left input.butn{
border: 0; line-height: 12px /*for safari*/
}/**/


/*center*/
#center {border-left: dotted #9fccd2 1px; border-right: dotted #9fccd2 1px; }

/*right*/

#right {margin-bottom: 0}
#right h4 {font-weight: bold; font-size: 11px; line-height: 15px; margin: .80em 0 0 0; padding-left: 12px; background: url(../img/pointer-yellow.gif) no-repeat 0 .34em; }
#right .monthly-special h4 {padding-left: 0; background: none;}
#right .monthly-special h4 img {margin: 0 5px 1px 0;}
#right .monthly-special a {text-decoration: none;}
#right .monthly-special p{margin-bottom: 3px;}
#right hr {border: 0; border: none; }
#right hr {border-bottom: dotted #9fccd2 1px; margin:12px 10px; height: 1px}
#right p {font-size: 11px; line-height: 15px; margin: 0 0 1em 12px;}

#right input {color: #585858; border: solid 1px #afafaf; margin-left: 12px; font-size: 11px}
#right input#email {width: 125px; margin-bottom: 1em}
#right input#password {width: 76px; border-right: none}
#right input.butn { margin: 0; background-color: #f2e18b; border-color: #f2e18b; width: 50px; text-align: center}

/*\*/
html*div#right input.butn{
border: 0; line-height: 12px /*for safari*/
}/**/

/*footer*/
#footer {background: #e8e18b url(../img/footer-stripe.gif) no-repeat center 23px; text-align: center; margin-top: 10px; padding-top: 27px; border-bottom: solid 10px #502e20}
#footer p{background: #502e20; margin: 0; padding-top: 8px; color: #bbb3b0; font-size: 10px; line-height: 15px; }
#footer a {color: #f2e18b}

/*index*/
.intro {font-size: 12px; line-height: 25px; letter-spacing: .025em; padding-right: 5px}
.intro p {}
.learn-more {text-align: right; float: right; margin-right: 12px; }




#featured-products {margin: 4px 0 2px; clear: both}
#featured-products h2{border-bottom: dotted #9fccd2 1px; text-transform: uppercase; margin: 20px 10px 10px 0; color: #64959c; font-size: 13px; font-weight: normal;}
.featured-product {width: 138px; float: left; margin: 0 20px 0 0; font-size: 11px ; line-height: 15px; letter-spacing: 0; }
.featured-product img {margin: 4px 0 ;}
#last.featured-product {width: 132px; float: left; margin: 0 0 0 0;}
.featured-product h3{color: #98002e; font-size: 15px; font-weight: normal; letter-spacing: .015em; margin: 0 0 3px 0; line-height: 15px}

#video {margin: 4px 0; clear: both} /* could only get bottom morder to display when IDed with featured-products */
#video #movie {border-top: dotted #9fccd2 1px;}
#video h2{border-bottom: dotted #9fccd2 1px; text-transform: uppercase; margin: 20px 10px 10px 0; color: #64959c; font-size: 13px; font-weight: normal;}
#featured-products p {margin-top: 5px}

/* ams: universal notice layout */
.notice {
  background-color: #98002E;
  color: #FFF;
  font-weight: bold;
  padding: 3px;
  text-align: center;
}

/* ams: universal form layout */
label { width: 120px; float: left; margin-top: 5px; font-weight: bold }
.formField { font-size: 11px; width: 203px; }
input.formField { width: 200px; float: left; margin-top: 7px; border: 1px solid #666; }
select.formField { float: left; margin-top: 7px; border: 1px solid #666 }
.value { width: 200px; float: left; margin-top: 7px; }

form div.formRow label { width: 250px; }
form div.formRow label.error, form div.formRow input.submit, label.error { font-weight: bold; color: #98002e; margin-left: 120px; }
form div.formRow input.error, form div.formRow select.error, form div.formRow textarea.error { background-color: #abcacf; }
.submitButton { background-color: #9e112c; padding: 2px 5px 2px 5px; width: 60px; text-align: center; float: left; margin-top: 7px; margin-left: 3px; }

.product { padding: 10px auto; }
.product .product_name { font-weight: bold; padding-bottom: 3px; }
.product .product_image { padding-right: 20px; padding-bottom: 20px; float: left; }
.product .product_detail { width: 280px; float: left; }
.product .product_description { padding-bottom: 10px; }
.product_price { padding-bottom: 3px; }
.product_price div, .product_price input, .product_price select { float: left; }
.product_quantity_input { width: 20px; font-size: 11px; }
.product_price  .product_price_description { width: 80px; float: left; }
.product_price  .product_price_price {
	width: 61px;
	text-align: right;
	padding-right: 10px;
	float: left;
}
.product_price  .product_price_price_strike {
	width: 30px;
	text-align: right;
	padding-right: 10px;
	float: left;
}
.product_price  .product_price_price_sale {
	width: 61px;
	text-align: right;
	padding-right: 10px;
	float: left;
	color: #F00;
}
.product_price .product_price_quantity { width: 96px; float: left; }
.product_price  input.formField { width: 20px; text-align: right; float: left; }

.cart { margin-bottom: 40px; }
.cart_header { font-weight: bold;   color: #64959C;   border-bottom: dotted 1px #64959C;   margin-bottom: 5px;   float: left; } 
.cart_item_name {   width: 130px;   float: left;   }
.cart_item_sku {   padding-right: 5px;   width: 60px;   float: left; }
.cart_item_unit_price {   padding-right: 5px;   width: 60px;   float: left;   text-align: right; } 
.cart_item_unit_price_sale {
	padding-right: 5px;
	width: 60px;
	float: left;
	text-align: right;
	color: #F00;
} 
.cart_item_quantity { padding-right: 5px;   width: 60px;   float: left;   text-align: right; }
.cart_item_giftwrap {   padding-right: 5px;   width: 30px;   float: left;   text-align: right; }
.cart_item_total_price {   padding-right: 10px;   width: 55px;   float: left;   text-align: right; }
.cart_item_remove {   padding-right: 0px;   width: 20px;   font-size: 10px;   padding-top: 2px;   float: left;   text-align: right; }

#productSearchResults { width: 472px; padding:0; margin:0;}
.productSearchResult { width: 132px; padding: 0 25px 25px 0; margin: 0; float: left; }
.productSearchResult .productPricingDescription { width: 90px; float: left; }
.productSearchResult .productPricingDescriptionSale {
	width: 90px;
	float: left;
	color: #F00;
}
.productSearchResult .productPricingPrice { float: left; }      
.productSearchResult .productPricingPriceSale {
	float: left;
	color: #F00;
}      

.searchSummary { padding: 5px; width: 472px; height: 16px; }
.searchSummary .summaryDetails { float: left; width: 236px; height: 16px; }
.searchSummary .summaryNavigation { float: left; width: 236px; height: 16px; text-align: right; }

#registrationBox {
  padding-top: 10px;
}

.clear-left { clear: left; }
.clear { clear: both; }

.debugging { color: #502E20; }