﻿/* GLOBAL SETUP ----------------------------------------------------------- */

body,html {
    margin: 0; padding: 0;
	background: #ffffff;
    font-family: Verdana, Arial, Tahoma, Helvetica;
    font-size: 12px;
	color: #010000; }

img { border:0; }
a { color: #86140A; }
.clear { clear: both; height:1px; line-height:1px; font-size:1px; }

.font10 { font-size:10px; }
.font12 { font-size:12px; }
.font14 { font-size:14px; }
.font16 { font-size:16px; }
.font18 { font-size:18px; }

h4 {width:720px;padding:0 0 5px 0;margin:5px 0 10px -205px;position:relative;font-weight:bold;color:#6E0D07;font-size:14px;display:block;}
h5 {width:720px;padding:0 0 5px 0;margin:20px 0 10px -205px;border-bottom:1px solid #000;position:relative;font-weight:bold;color:#6E0D07;font-size:16px;display:block;}
h6 {width:450px;padding:0 0 0 0;margin:0 0 15px 0;font-weight:normal;position:relative;font-size:11px;display:block;}

/* MASTER PAGE STYLES ----------------------------------------------------- */

#logo {
	height: 109px;
	width: 254px;
	vertical-align: bottom;
	text-align: left; }
#subheader {
	vertical-align: top;
	text-align: right;
	font-size: 16px;
	color: #696969; }
#subheader img { padding-top: 2px; }
#ctl00_ctlSearch_pnlSearch { float: right; }
#subheader input.searchbox { 
	border: 1px solid #9fa9b1;
	font-size: 12px; color: #959595;
	padding: 4px 5px 4px 5px; }
#footer {
	height: 44px;
	line-height: 44px;
	text-align: center;
	font-size: 11px;
	color: #9a9a9a; }

/* Navigation */
#nav { height: 39px; }
#secondary-nav {
	height: 76px;
	line-height: 76px;
	text-align: right;
	font-size: 11px;
	color: #d7d7d7; }
#secondary-nav a:link, #secondary-nav a:visited {
	color: #5e5e5e;
	text-decoration:none; }
#secondary-nav a:hover, #secondary-nav a:active {
	text-decoration:underline; }	
#footer-nav {
	height: 31px;
	line-height: 31px;
	background: url(../images/footernav-bg.gif) 0 0 repeat-x;
	text-align:center;
	font-size: 10px;
	color: #904742; }
#footer-nav a:link, #footer-nav a:visited {
	color: #ffffff;
	text-decoration:none; }
#footer-nav a:hover, #footer-nav a:active {
	text-decoration:underline; }

/* HOME PAGE STYLES ------------------------------------------------------- */

.flash { z-index:0; }
.home-header {
	width: 823px;
	background: url(../images/header-home.jpg) 0 0 no-repeat;
	font-size: 10px;
	color: #ffffff; }
.home-header div { padding: 8px 0 0 156px; }
.home-header a { color: #ffffff; }

.home-categories { height: 191px; background: url(../images/home-categorybg.jpg) 0 0 no-repeat; }
.home-categories td { text-align: center; line-height: 8px; }

.home-spotlights {
	height: 422px;
	min-height: 422px;
	padding-top: 20px;
	vertical-align: top;
	line-height: 18px;
	background: url(../images/home-spotlightbg.jpg) bottom left repeat-x; }
.home-spotlights td { padding-bottom: 20px; }	
.home-spotlights h2 {
	padding-bottom: 1px;
	margin-bottom: 20px;
	border-bottom: 2px solid #cc706a;
	font-size: 16px;
	color: #2d2d2d; }
.home-spotlights img {
	float: right; padding-left: 10px; }
.home-spotlights a {
	color: #000000; }	

.emailsignup { float: left; font-size: 11px; }	
.error { color: red; font-size: 11px; }
.input-emailsignup { width: 180px; }	
.button-emailsignup { 
	margin-top: 3px;
	padding: 2px 6px 2px 6px;
	color: #ffffff;
	background-color: #693E1C;
	border: 0; }

/* CONTENT PAGE STYLES ---------------------------------------------------- */

.fullcolumn { padding: 0; }

#content { width: 100%; }
#content td {
	min-height: 450px;
	height: 450px;
	background: url(../images/home-spotlightbg.jpg) bottom left repeat-x; }

#pagecontent .howToBuild { 
	background-color: #404040;
	text-align: center; }	
#pagecontent .content {
	padding: 10px 27px 24px 27px;
	}
#pagecontent .howToBuild .content {
	padding: 52px 27px 52px 27px;
	border-left: 1px solid #ffffff; }
	 
#pagecontent .content h2 { 
	border-bottom: 1px solid #CACACA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px; }
	
#pagecontent .content div { line-height: 1.5em; }
#pagecontent .content div img { margin: 0 0 15px 15px; }
#pagecontent .content h3, #pagecontent h3 { 
	color: #771514;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif; }
#pagecontent .content a:link, #pagecontent .content a:visited { color: #6D0C07; } 
#pagecontent .content a:active, #pagecontent .content a:hover { color: #6D0C07; } 

.table-top-l { background: url("../images/table-top.jpg") 0 0 no-repeat; }
.table-top-r { background: url("../images/table-top.jpg") top right no-repeat; }
.table-bottom-l { background: url("../images/table-bottom.jpg") bottom left no-repeat; }
.table-bottom-r { background: url("../images/table-bottom.jpg") bottom right no-repeat; }

.table-content { clear: both; }
.table-content ul { margin:0; padding:0; }
.table-content li { 
	background: url("../images/arrow-red.jpg") 0 8px no-repeat;
	padding-left: 8px;
	list-style: none; }
#pagecontent .table-content a:link, #pagecontent .table-content a:visited, 
#pagecontent .table-content a:hover, #pagecontent .table-content a:active { color: #000000; }

.repairCompany .repairHeader {
	border-top: 1px dotted #CACACA;
	font-weight: bold;
	font-size: 12px;
	padding:10px 0 0 0;
	vertical-align:top; 
	}
.repairCompany .repairContent {
	border-top: 1px dotted #CACACA;
	padding: 10px;
	vertical-align:top; }
	
.buttonNext {
	background: url(../images/button-next.jpg) 0 0 no-repeat; 
	height: 31px;
	width: 265px;
	display: block;
	line-height: 31px; 
	padding-left: 26px;}
.buttonNext a { color: #86140A; }

.comparison td { border-left:1px solid #E9E9E9; border-right:1px solid #E9E9E9; border-bottom:1px solid #E9E9E9; }
.troubleshooting td { border-left:1px solid #E9E9E9; border-right:1px solid #E9E9E9; border-bottom:1px solid #E9E9E9; padding-left:6px; }

.news-table td { padding: 1px 0 1px; vertical-align:top; }

/* Owners Manuals */
ul.ownersmanuals { margin: 14px 0 14px 0; padding:0; }
ul.ownersmanuals li 
{
    margin: 0 0 4px 0; padding:2px 0 2px 25px;
    background: #ededed url("../images/subnav-arrow-red.gif") 10px 8px no-repeat;
    list-style-type: none; }
	
/* Employment */
.employment ul { margin: 14px 0 14px 0; padding:0; }
.employment ul li 
{
    margin: 0 0 4px 0; padding:3px 0 3px 25px;
    background: #ededed url("../images/subnav-arrow-red.gif") 10px 8px no-repeat;
    list-style-type: none; }	
	
/* Sitemap */
.sitemap h5 { font-size: 13px; margin: 0 0 6px 0; padding:0; width: 360px; }
.sitemap h5 a:link, .sitemap h5 a:visited { text-decoration: none; }
.sitemap h5 a:hover, .sitemap h5 a:active { text-decoration: underline; }
.sitemap ul { margin: 4px 0 4px 0; }
.sitemap ul li {
	list-style: none; 
	background: url("../images/arrow-red.jpg") 0 8px no-repeat;
	padding: 1px 0 0 10px; }

/* BROWSE PAGE STYLES ----------------------------------------------------- */

#browse { 
	border-bottom: 1px solid #ffffff;
}

/* Breadcrumbs */
.breadcrumb1 {
	background: url("../images/breadcrumb-bg.jpg") top left no-repeat;
	height: 32px;
	padding-left: 14px;
	line-height: 32px;
	font-weight: bold;
	font-size: 11px; }
.breadcrumb2 {
	background: url("../images/breadcrumb-bg.jpg") top right no-repeat;
	padding-left: 14px;
	height: 32px;
	line-height: 32px;
	font-size: 11px;
}
.breadcrumb2 a:link, .breadcrumb2 a:visited { color: #515050; }
.breadcrumb2 a:active, .breadcrumb2 a:hover { color: #000000; }

.productCategoryHdrBrowse {width:720px;padding:5px 30px;margin:1px 0 0 1px;font-weight:bold;color:#FFFFFF;background:#404040;}
.productCategoryBG {width:780px;height:580px;margin:0 0 0 1px;background:url(../images/category-landing-browse-bg.jpg) no-repeat;}
.productCategoryBG td {padding:10px 30px; height:100%; min-height:100%;}
.productCategoryBG table tr td {text-align:center;padding:15px 20px;color:#FFFFFF;font-size:11px; vertical-align:top;}
.productCategoryBG table tr td a {color:#FFFFFF;font-size:14px;}
.productCategoryBG table tr td img {margin-bottom:10px;}

/* Side nav */
.sidenav {
	background: url("../images/nav-bg.jpg") 0 0 repeat-y; }
	
	/* Headers */
	.sidenav .header {
		height: 26px;
		line-height: 26px;
		padding-left: 30px;
		color: #ffffff;
		font-size: 11px;
		background: url(../images/nav-header.jpg) 0 0 no-repeat; }
	
	/* Navigation */
	.leftNavContainer .offState {
		height: 26px;
		line-height: 26px;
		padding-left: 24px; 
		border-bottom: 1px solid #ffffff;
		background: url(../images/nav-grayselected.jpg) 0 0 no-repeat;
		color: #ffffff; }
	.leftNavContainer .onState {
		line-height: 26px;
		padding-left: 24px; 
		border-bottom: 1px solid #ffffff;
		background: url(../images/nav-redselected.jpg) 0 0 no-repeat;
		color: #ffffff; }		
	
	.leftNavContainer .onState .indented .offState, .leftNavContainer .onState .indented .onState {
		background: none;
		background: url(../images/subnav-arrow.gif) left center no-repeat;
		border-bottom: 1px solid #cccccc;
		padding-left: 12px; }
	.leftNavContainer .onState .indented .onState {
		font-weight: bold; }		
		
	.leftNavContainer a:link, .leftNavContainer a:visited { color: #ffffff; text-decoration: none; }
	.leftNavContainer a:hover, .leftNavContainer a:active { color: #ffffff; text-decoration: underline; }
	.leftNavContainer .indented a:link, .leftNavContainer .indented a:visited { color: #404040; text-decoration: none; }
	.leftNavContainer .indented a:hover, .leftNavContainer .indented a:active { color: #404040; text-decoration: underline; }	
	
	/* Product Filter */
	.sidenav .filter { padding: 15px 27px; color: #870F08; font-weight: bold; }
	.sidenav .filter .dropdown { width: 150px; margin: 4px 2px 0px 0; padding: 0 0 1px 0; font-size: 11px; }
	.filterStatus { font-weight: bold; color: #870F08; float: left; }
	.pagination { float: right; padding-right: 20px; font-size: 14px; font-weight: normal; }
	.pagination b {  }
	
	/* Additional Info */
	.sidenav .additional-info {
		background-image:url(../images/nav-additionalinfo-bg.jpg);
		font-size: 12px;
		height: 266px; }
	.sidenav .additional-info ul { padding:14px 0 0 51px; margin:0; }
	.sidenav .additional-info ul li {
		list-style: none;
		padding: 0 0 24px 0; }
	.sidenav .additional-info a:link, .sidenav .additional-info a:visited {
		color: #383838;
		text-decoration: none; }
	.sidenav .additional-info a:hover, .sidenav .additional-info a:active {
		color: #000000;
		text-decoration: underline; }		
		
	/* Newsletter */
	.sidenav .newsletter { height: 130px; padding-top: 10px; text-align: center; }
	.newsletterHome .labelColumn { visibility: hidden; width:20px; }
	.newsletterHome td { padding:0 0 3px 0; }
		
/* Main page content */		
#browse .content {
	background: #D6D6D6 url(../images/category-textbg.jpg) 0 0 no-repeat;
	padding: 24px 27px 24px 27px;
	border-left: 1px solid #ffffff;
	}
#browse .content h2 { 
	border-bottom: 1px solid #CACACA;
	font-family: Arial, Helvetica, sans-serif; }
#browse .content div { line-height: 1.5em; }
#browse .content div img { border: 1px solid #A2A2A2; margin-left: 15px; display: inline; }
#browse .content h3 { 
	padding:0 0 2px 0;
	border-bottom: 1px solid #CACACA;
	clear:both;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif; }
#browse .content a:link, #browse .content a:visited { color: #6D0C07; } 
#browse .content a:active, #browse .content a:hover { color: #6D0C07; } 

/* Divider */
#browse .divider {
	height: 26px;
	padding-left: 27px;
	line-height: 26px;
	color: #000000;
	font-weight: bold;
	font-size: 11px; }
	
/* Category: Products */
#browse #main {
	min-height: 300px;
	color: #490500;
}	
.productListing { clear:both; }
.productListing .product
{ 
	background: url(../images/product-thumbnail-frame.gif) top center no-repeat;
	min-height: 160px;
	margin-top: 10px;
	padding: 7px 10px;
	width: 172px;
	text-align: center;
	line-height: 15px;
	font-size: 11px;
}
.productListing .product a { color: #490500; text-decoration: none; }
.productListing .product img { margin: 0px 0 10px 0; }
.subcategory_header{ padding-left: 6px; }	
	
#main a:link, #main a:visited, #main a:hover, #main a:active { color: #490500; }
#main .subcategory_header a:link, #main .subcategory_header a:visited, #main .subcategory_header a:hover, #main .subcategory_header a:active {
	color: #404040;
	font-weight: bold; }
	
/* VIEW PAGE STYLES ------------------------------------------------------- */	

#view { border-bottom: 1px solid #ffffff; }	
#view #main {
	padding: 24px 0 0 10px;
	min-height: 300px; }

.productInfo select { width: 350px; padding: 2px; margin-top: 2px; }
.productInfo .features { }
.productInfo .features ul { margin: 0; padding: 10px 0 0 20px; }
.productInfo .features ul li { padding: 2px 0; }
.productInfo .SKU { }
.productInfo .quantity { }
.productInfo .disclaimer { }
.productInfo .description { }
.productInfo .pricing { }
.productInfo .outofstock { }


.categoryTitle { font-size: 14px; font-weight: bold; color: #000000; font-family: verdana; padding: 0 0 10px 0; }
.pricing { color: #6E0D07; }
.categorySubtitle { padding-bottom: 20px; }
.largeImg { border: 0; width: 329px; height: 342px; }
.ImageView { background: url(../images/product-thumbnail-frame-lrg.gif) top left no-repeat; }
#main .largeImg a:link, #main .largeImg a:visited { color: #9F9E9E; text-decoration: none; }
#main .largeImg a:hover, #main .largeImg a:active { color: #9F9E9E; text-decoration: underline; }

.enlargePhoto { font-family: Arial, Helvetica, sans-serif; }

.ivThumb { float: left; width: 107px; height: 137px; background-image: url(../images/product-thumbnail-frame-tin.gif); margin: 1px; }
.ivThumb .smallImg { padding: 11px 11px 0 11px; }
.ivThumb .text { text-align: center; font-size: 10px; padding: 0px 9px; }

.customizationTable td { padding-bottom: 14px; }
.customizationTable td b { color: #410400; }

.relatedProducts { margin: 14px 20px 0 10px; border-top: 1px dotted #410400; }
.relatedProducts h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #410400; }
.relatedProducts .product { float: left; padding: 10px;  }
.relatedProducts .product img { border: 1px solid #DDDDDD; }

/* SHOPPING CART STYLES --------------------------------------------------- */

#cart { border-bottom: 1px solid #ffffff; }	
#cart .displayProducts {}
#cart #main {
	padding: 24px 0 14px 27px;
	min-height: 300px; }

.cartPage { width: 730px; }
#cart .cartPage td { vertical-align: top; padding-bottom: 14px; }	

.cartHeader { font-size: 14pt; font-weight: bold; color: #6E0D07; padding-bottom: 14px; }

.cartControl {  }
.cartControl .removeColumn { width: 35px; text-align: center; }
.cartControl .quantityColumn { width: 60px; text-align: center; }
.cartControl .nameColumn { width: 400px; }
.cartControl .unitPriceColumn { width: 60px; }
.cartControl .totalPriceColumn { width: 60px; text-align: right; }

.enterDiscount { padding-top: 40px; }
.enterDiscount .discountBox { width: 100px; }

#main .cartPage a:link, #main .cartPage a:visited, #main .cartPage a:hover, #main .cartPage a:active { color: #333333; }

/* PRECHECKOUT STYLES ----------------------------------------------------- */

#precheckout { border-bottom: 1px solid #ffffff; }	
#precheckout .displayProducts { }
#precheckout #main {
	padding: 24px 0 14px 27px;
	min-height: 300px; }
	
/* FORM STYLES ------------------------------------------------------------ */
.labelColumn {
	width: 200px;
	vertical-align: top; }
.fieldColumn input, .fieldColumn select, .fieldColumn textarea {
	width: 180px;
	padding: 2px; }
.fieldColumn textarea {
	width: 325px;
	height: 110px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; }

/* E-STORE STYLES --------------------------------------------------------- */

/* CHECKOUT */
/* is used for all input fields */
input.inputBox { width: 220px; font-family: Arial; font-size: 10pt; }
select.inputBox { width: 224px; font-family: Arial; font-size: 10pt; }
textarea.inputBox { width: 220px; font-family: Arial; font-size: 10pt; }

.checkoutTermsAndConditions { width: 95%; height: 200px; overflow: auto; border:1px gray solid; padding:5px; }

/* AJAX SEARCH FUNCTION */
.ajaxResult { width: 215px; position: absolute; left: 0; top: 25px; border: 1px solid black; background-color: white; z-index:5;  }
.ajaxResult .header { border-bottom: 1px dotted Gray; font-weight: bold; text-align: left; padding: 5px; margin-top: 5px; font-size: 14px; }
.ajaxResult .item { text-align: left; font-size: 9pt; padding: 2px 5px; overflow: auto; }
.ajaxResult .item .sku { font-size: 8pt; font-weight: bold; }
.ajaxResult .item img { float: left; margin: 0 5px 15px 0; }

/* CHECKOUT PAGE */

.checkoutHeader { font-size: 16px; font-weight: bold; color:#ffffff;margin:10px 0;padding:5px;background:#6E0D07;}
.checkoutSubHeader { font-size: 14px; font-weight: bold; margin-bottom:5px;border-bottom:1px solid #000000;}
.checkoutChange a {font-size:10px;font-weight:normal;}

.checkoutArea .expDate { width: 100px; }
.checkoutArea .securityCode { width: 50px; }
.checkoutArea .cardError { color: Red; }
.checkoutArea .comments { width: 300px; }
.loginOption { padding: 15px;  }
.validation { padding-left: 15px; }
.blackTab { background-color: Black; color: White; padding: 2px 2px 2px 10px; width: 200px; }

.checkoutCartControl .cartBox { margin: 10px; padding: 5px; background-color: #EEEEEE; }
.checkoutCartControl .cartBox .productName { }
.checkoutCartControl .cartBox .properties { padding: 0px 0px 5px 95px; }
.checkoutCartControl .cartBox .discount { text-align: right; padding-right: 10px; color: Red; }
.checkoutCartControl .cartBox .cartTotal { text-align: right; border-top: 1px solid black; padding-right: 10px; }

