#container #content{padding: 15px;}
#content ul.product-grid-nav li.view-all{ margin:0 10px 0 0}
#content #product-grid{ margin-top: 17px; margin-left:-14px; width:723px; height:567px; background: #333}
#content ul.product-grid-nav{ list-style-type:none; float:right; margin:-10px -20px 0 0}
#content ul.product-grid-nav#bottom{ margin:17px -20px 10px 0}
#content ul.product-grid-nav li{ display:inline; padding:0; margin:0 2px 0 0}
#content ul.product-grid-nav li a{ border:0; width:auto}
#content a.btn_viewproduct{ margin:0; padding:0 69px 0 0; width:73px; height:13px; background:url(/images/wa/btn_viewproduct.gif?1169247773) 0 0 no-repeat}
#content a.btn_viewproduct:hover{ border:none; background-position:0 -13px}
#content #product-grid div.product_item{ float:left; margin:0; padding:24px 6px 0 24px}
#content #product-grid div.product_item h5{ color:#808080; padding:0; margin:5px 0 0 0}
#content #product-grid div.product_item a{ color:#808080}
#content #product-grid div.product_item p{ color:#fff; font-size:10px; padding:0; margin:0}
#content #product-grid div.product_item a.img{ border:0}
#content ul.product-grid-nav a.btn_previous{ margin:0; padding:0 4px 0 0; width:38px; height:13px; background:url(/images/wa/btn_previous.gif?1169247773) 0 0 no-repeat}
#content ul.product-grid-nav a.btn_previous:hover{ border:none; background-position:0 -13px}
#content ul.product-grid-nav a.btn_1_selected{ margin:0; padding:0 6px 0 0; width:13px; height:13px; background:url(/images/wa/btn_1_selected.gif?1169247772) 0 0 no-repeat}
#content ul.product-grid-nav a.btn_1_selected:hover{ cursor:default}
#content ul.product-grid-nav a.btn_2{ margin:0; padding:0 6px 0 0; width:13px; height:13px; background:url(/images/wa/btn_2.gif?1169247772) 0 0 no-repeat}
#content ul.product-grid-nav a.btn_2:hover{ border:none; background-position:0 -13px}
#content ul.product-grid-nav a.btn_3{ margin:0; padding:0 6px 0 0; width:13px; height:13px; background:url(/images/wa/btn_3.gif?1169247772) 0 0 no-repeat}
#content ul.product-grid-nav a.btn_3:hover{ border:none; background-position:0 -13px}
#content ul.product-grid-nav a.btn_next{ margin:0; padding:0 7px 0 0; width:32px; height:13px; background:url(/images/wa/btn_next.gif?1169247772) 0 0 no-repeat}
#content ul.product-grid-nav a.btn_next:hover{ border:none; background-position:0 -13px}
#content ul.product-grid-nav a.btn_view-all{ margin:0; padding:0 6px 0 0; width:44px; height:13px; background:url(/images/wa/btn_viewall.gif?1169247773) 0 0 no-repeat}
#content ul.product-grid-nav a.btn_view-all:hover{ border:none; background-position:0 -13px}
#content .hero{ width:750px; height:330px}
#content .hero .promo{ position:absolute}
#content .herol1{ position:relative; background:url(/images/wa/products_l1_hero.jpg?1169247775)}
.orderbyphone{ font-size:12px; color:#b5b5b5; position:absolute; top:-20px; right:2px; margin:0}
.orderbyphone span.darker{ color:#808080}
#content .herol1 .herotext{ position:absolute; top:253px; left:269px; width:260px; line-height:13px}
#content .herol1 .herotext h4{ color:#333; font-weight:normal; font-size:16px; margin:0 0 5px 0; padding:0}
#content .herol1 .herotext p{ color:#333; margin:0; padding:0}
#content .hero-productcategory{ position: relative; background:url(/images/wa/product_category.jpg?) no-repeat}
#content #extra{ padding:20; width:auto; height:auto; background-image:none}
#content #extra #featureleft{ float:left; width:425px; font-size:1px}
#content #extra #featureleft a{ border:0; text-decoration:none}
#content #extra #featureleft .featureimage{margin-right: 3px;}
#content #extra #featureleft a .activeimage{border: 1px solid #000;}
#content #extra #featureleft a:hover .activeimage{ border: 1px solid #900}
#content #extra #featureright{ float:right; margin:0 0 0 0; padding:24px 20px 0 24px; width:275px; height:146px; color:#666; background: url(/images/wa/products_extra_bg.gif?1170956654) repeat-x}
#content #extra #featureright .featureimage{ float:left; clear:left; padding:0 16px 5px 0}
#content #extra #featureright .featureimage a, #content #extra #featureright p a{ border:none !important}
#content #extra #featureright h4{ padding:0; margin:0; color:#fff}
#content #extra #featureright p{ padding:0; margin:6px 0 0 0}
#content #extra #featureright .featureimage h4{ padding:4px 0 0 0; margin:0; color:#fff; font-size:9px}
#content #extra #featureright .featureimage p{ padding:0; margin:0; font-size:9px; width:98px}
#content .herol2{ margin:20px 0 17px -32px; padding:0; background:url(/images/wa/products_l2_hero.jpg?); width:753px; height:330px}
#content .herol2 .orderbyphone{ font-size:12px; color:#666; position:absolute; top:55px; right:15px; margin:0; padding:0}
#content .herol2 .orderbyphone span.darker{ color:#505050}
#content .herol2 .herotext{ position:absolute; top:103px; left:247px; width:200px; line-height:13px}
#content .herol2 .herotext h4{ color:#fff; font-weight:normal; font-size:16px; margin:0 0 5px 0; padding:0}
#content .herol2 .herotext p{ color:#fff; margin:0; padding:0}
#content #extra #featurerightl2{ float:right; margin:0; padding:12px 15px 0 0; width:275px; height:210px; color:#666; background:url(/images/wa/products_l2_extra_bg.gif?1169247775) repeat-x 0 0}
#content #extra #featurerightl2 .featureimage{ padding:0 0 5px 11px; margin:0; clear:left}
#content #extra #featurerightl2 .featureimage a{ border:0}
#content #extra #featurerightl2 .featureimage a img{ padding-right:0; padding-bottom:0; margin-right:16px; margin-bottom:10px}
#content #extra #featurerightl2 .featureimage h4{ padding:0; margin:0; color:#fff}
#content #extra #featurerightl2 .featureimage p{ clear:none; color:#fff; font-size:9px; padding:0; margin:0 0 8px 0}
#content #extra #featurerightl2 .featureimage img{ float:left; padding:0 0 8px 0}
#content #extra #featureleftl2{ float:left; width:450px; height:200px; margin:0; padding:0}
#content #extra #featureleftl2 .textarea{ float:right; width:200px; color:#505050; margin:0 10px 0 0; padding:0}
#content #extra #featureleftl2 .textarea p{ font-size:9px; margin:0; padding:0 8px 0 0}
#content #extra #featureleftl2 .textarea h4{ color:#505050; margin:20; padding:0}
#content #extra #featureleftl2 a{ border:0; clear:both; text-decoration:none; color:#505050}
#content #extra #featureleftl2 a:hover{ text-decoration:underline}
#content #extra #featureleftl2 p.more{ width:225px; height:20px; margin:180px 0 0 200px; padding:0 10px 0 0; background:url(/images/wa/right_arrow.gif?1169247775) right 4px no-repeat transparent}
#herowrap{ width:750px; height:345px}
#herowrap a, #herowrap a:hover{border: none;}
#content #extra #featureleft2{ float:left; width:455px; padding:0; background:url(/images/wa/products_extra_bg.gif?1170956654) repeat-x 0 bottom; margin:20px 0 0 0}
#content #extra #featureleft2 h1{ z-index:50}
#container #extra #featureleft2 ul.column{ height:135px; list-style-type:none; font-size:10px; border-right:1px dotted #2c2c2c; padding:10px 18px 0 18px; margin:14px 0 0 0; float:left}
#container #extra #featureleft2 ul li{ padding:0; margin:4px 0 0 0; list-style: none; line-height: 1em}
#container #extra #featureleft2 ul.last{ border-right:0}
#container #extra #featureleft2 ul.column ul{ margin:0; padding:0 0 0 3px; list-style-type:none}
#container #extra #featureleft2 ul.column ul li.closed{ background:url(/images/wa/right_arrow.gif?1169247775) 0 3px no-repeat; padding:0 0 0 9px}
#container #extra #featureleft2 ul.column li a{ color:#808080; text-decoration:none; border:0}
#container #extra #featureleft2 ul.column li a:hover{ color:#900}
#container #extra #featureright2{ float:right; width:290px; color:#666; margin:20px -5px 0 0}
#container #extra #featureright2 h1{ margin:0; padding:0}
#container #extra #featureright2 a{ border-bottom:0}
#container #extra #featureright2 img{ margin:6px 0 0 0}
#container #extra #featureright2 a:hover img{ }
#container #extra #featureright2 img.first{ margin:5px 0 0 0}
#container #extra #featureright2 img.last{ margin:5px 0 0 0; padding:0}
#stories_prev{ margin-left:-11px}
#stories_next{ margin-right:-18px}
#content #extra a.forward{ border:0; font-size:10px; color:#4b4b4b; float:right; margin:17px 0 0 0; padding:0 10px 20px 0; background:url(/images/wa/right_arrow.gif?1169247775) right 4px no-repeat transparent}
#content #extra a.back:hover, #content #extra a.forward:hover{ text-decoration:underline}
#content #extra a.forward#products_roller{ width:50px; height:20px; margin: 135px 40px 0 0; padding: 0; background:url(/images/wa/right_arrow.gif?1169247775) right 3px no-repeat transparent}
#container #extra #featureleft2 h1{ margin:0; padding:0}
.rollerwrap{ margin:0 0 0 16px; width:720px; height:124px; overflow:hidden; position:relative}
ul#products_roller{ position:absolute; top:0; left:0; background:none; margin: 0 0 0 3px; padding: 0; height:124px}
#products_roller li{ border:0; width:134px; padding-left:1px; padding:0 10px 0 0; margin:1px 0 0 0; position:relative}
#products_roller li a{ display: block; font-size: 10px; text-align:right; height:120px; margin:0; border:1px solid #0f0f0f}
#products_roller li a span{ position:absolute; bottom:0; left:0; width:122px; height:15px; padding:2px 6px; background:url(/images/wa/drawers_back.png?1169247773) 0 0; line-height: 1.3em}
#products_roller li a:hover{ border:1px solid #900}
#container #extra.stories .previous{ display:block; position:absolute; top: 0; left:-15px; width:39px; height:120px; text-decoration:none; border: none; text-indent:-9999px; background:url(/images/wa/stories_arrow-left.gif?1169247775) 27px 45% no-repeat}
#container #extra.stories .previous:hover{background-position: -73px 45%;}
#container #extra.stories .previous:active{ background-position: -173px 45%}
#container #extra.stories .disabled-previous, .stories .disabled-previous:hover{ background-position: -273px 45%}
#container #extra.stories .next{ display:block; position:absolute; top: 0; right: 0; width: 31px; height: 120px; text-decoration: none; text-indent: -9999px; border: none; background: url(/images/wa/stories_arrow-right.gif?1169247776) 0 45% no-repeat}
#container #extra.stories .next:hover{ background-position: -100px 45%}
#container #extra.stories .next:active{ background-position: -200px 45%}
#container #extra.stories .disabled-next, .stories .disabled-next:hover{ background-position: -300px 45%}
.stories{ overflow: hidden; padding: 0 0 20px 0; position: relative}
#extra.stories{ margin-top:0}
.stories ul.items{ width: 10000px}
.stories ul.items li{ float: left; list-style: none; overflow: hidden}
p.more{ margin-top:10px; margin-right:20px; padding-right:10px; background: url(/images/wa/arrow_right-small.gif?1169247771) no-repeat 100% 5px; padding-bottom:10px; text-align: right}
#featureleft .activeimage{ margin-right: 3px}

.padding{
	padding: 4px;
}
.offblackbg {
	background-color: #141414;
}
