@charset "utf-8";


/* -------------------------------------------------- Defaults ------------------------------------------------------ */


body { 

	margin:0;
	font: 12px "trebuchet ms", "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
	color:black;
	background: #000 url('/images/bkg_body.gif') repeat-x;
}

ol, ul, li, dl, dt, dd { padding: 0; margin: 0 }

p { margin:0 0 15px 0 }

p.quote { font-style: italic; line-height: 1.8em; margin-bottom: 5px; font-size: 120%; }
p.first { margin-top: 15px; }

h1 { margin:0 0 20px 0; font-size: 22px; }
h2 { margin:0 0 20px 0; font-size: 20px; }
h3 { margin:0 0 13px 0; font-size: 16px; }
h4 { margin:0 0 10px 0; font-size: 15px; }
h5 { margin:0 0 5px 0; font-size: 13px; }

h1, h2, h3, h4 { color:#BC0007; }

h1 em, h2 em, h3 em, h4 em { font-weight: normal; font-size: 12px; }

a { color:#4F3B11}
a:hover { color:#BC0007 }

b, strong { color:black; font-size: 110%; }

img { border: 0px }

.rt { float: right; margin: 0 0 1.0em 1.2em }
.lt { float: left; margin: 0 1.2em 1.0em 0 }
.cb { clear: both }
.p { display: block; margin:0 0 15px 0 }

.lg { font-size: 120%;}
.sm { font-size: 90%;}

.txt-bottom { vertical-align: text-bottom }
.txt-top { vertical-align: text-top }

.highlight { background-color:#EDEDED }
.padded { padding: 5px }

.red { color: #BC0007 !important; }
.white { color: white !important; }
.blue { color: blue; }
.orange { color: #D18A14; }


/* ---------------------------------------------------- page ------------------------------------------------------- */


#page { width:880px; margin:0 auto; background-color: black; }


/* -------------------------------------------------- content ------------------------------------------------------ */


#content { padding: 0 10px 10px 10px; }


/* --------------------------------------------------- header ------------------------------------------------------ */


#header { 
	
	width:860px; 
	height: 100px;
	position: relative;
	clear:both;
	padding: 5px 0; 
	background: #000 url('/images/bkg_header.gif') no-repeat top left;
	font-size: 11px;
	color:white;
}

#header a, 
#header strong { color: white; font-size: 11px; }
#header a:hover { color: #CCC; }

#header ul#nav { 
	
	position: absolute;
	left: 300px;
	top: 37px;
	
}

#header ul#nav li { 
	
	display: inline;
	list-style-type:none;
	text-align:center;
}

#header ul#nav li a { 
	
	float: left;
	text-decoration: none;
	border-left: 1px solid #666;
	padding: 3px 15px;
	font-size: 11px;
}

#header ul#nav li a.first { border-left: 0; }


#page.about #header ul#nav li a#nav-about,
#page.healthy_home #header ul#nav li a#nav-healthy_home,
#page.installation #header ul#nav li a#nav-installation,
#page.service #header ul#nav li a#nav-service,
#page.carpet_cleaning #header ul#nav li a#nav-carpet_cleaning, #page.carpet_cleaning #header ul#nav li a#nav-carpet_cleaning
  { color: #CC3333 }


#header #logo {
	
	position: absolute;
	top: 7px;
	left: 7px;
	width: 260px;
	height: 95px;
/*	background-color: #333;*/
	text-decoration: none;
}

#header #nav-top {
	
	position: absolute;
	top: 5px;
	right: 10px;
}

#header #nav-secondary {
	
	position: absolute;
	top: 77px;
	right: 10px;
}

#header #nav-secondary a { text-decoration: none; font-weight: bold; }


#header #nav-secondary p.button { 
	
	float: right;
	width: 120px; 
	border: 1px solid #666;
	padding: 2px;
	margin-left: 10px;
	text-align: center;
	background: #666 url('/images/header_btn.gif');
}


#header #nav-secondary p#requestQuote {}

#header #nav-secondary p#creditApplication {}

#header #nav-secondary p#shopOnline.button, 
#header #nav-secondary p#view-cart.button { 
	
	background-image: url('/images/header_btn_red.gif');
}



/* ----------------------------------------------------- text ------------------------------------------------------- */


#text { 
	
	width: 852px; 
	clear: both;
	padding: 4px;
	background-color: #333;
}

/* Error Documents */

#page.error #text { height: 400px; background-color: white; }
#page.error #text .copy { padding: 20px; }


/* ---------------------------------------------------- subnav ------------------------------------------------------ */


#subnav { 
	
	width:234px;
	float:left;
	background-color: #333;
}

#subnav ul { float:left; width:100%; }

#subnav ul li { 
	
	width:100%; 
	float:left;
	clear:both;
	list-style-type:none; 
	
}

#subnav ul li a { 
	
	width:214px; 
	float:left;
	border-bottom: 2px solid #333;
	padding: 7px 0 7px 20px;
	color: white;
	font-size: 11px;
	text-decoration: none;
	background: #666 url('/images/subnav.gif') no-repeat 0 0;
}

#subnav ul li a.first { 
	
	text-transform: uppercase; 
	font-weight: bold;
	width: 224px; 
	padding-left: 10px;
}


/*#subnav ul li a.last { margin-bottom: 10px }*/
#subnav ul li a:hover { background-position: 0 -62px; }
#subnav ul li a.first:hover { background-position: 0 0; }

#subnav .subnav_ad { 
	
	float:left;
	clear: both;
	padding-bottom: 2px; 
}


/* About */

#page.about #content.contact #subnav ul li a#subnav-contact, 
#page.about #content.employment #subnav ul li a#subnav-employment, 
#page.about #content.news #subnav ul li a#subnav-news, 
#page.about #content.faqs #subnav ul li a#subnav-faqs, 
#page.about #content.asSeenOnTv #subnav ul li a#subnav-asSeenOnTv, 

/* Healthy Home */

#page.healthy_home #content.allergies #subnav ul li a#subnav-allergies, 
#page.healthy_home #content.benefits #subnav ul li a#subnav-benefits, 
#page.healthy_home #content.greenLiving #subnav ul li a#subnav-greenLiving, 
#page.healthy_home #content.filtration #subnav ul li a#subnav-filtration, 
#page.healthy_home #content.cleaningTips #subnav ul li a#subnav-cleaningTips, 
#page.healthy_home #content.testimonials #subnav ul li a#subnav-testimonials, 

/* Products */

#page.products #content.powerUnits #subnav ul li a#subnav-powerUnits, 
#page.products #content.accessories #subnav ul li a#subnav-accessories, 
#page.products #content.store #subnav ul li a#subnav-store, 
#page.products #content.accessories #subnav ul li a#subnav-store, 
#page.products #content.hoseSystems #subnav ul li a#subnav-hoseSystems, 
#page.products #content.ironAway #subnav ul li a#subnav-ironAway, 
#page.products #content.warranty #subnav ul li a#subnav-warranty, 

/* Service */

#page.service #content.twentypoint #subnav ul li a#subnav-twentypoint, 
#page.service #content.troubleshooting #subnav ul li a#subnav-troubleshooting, 
#page.service #content.faqs #subnav ul li a#subnav-faqs, 
#page.service #content.productManuals #subnav ul li a#subnav-productManuals, 
#page.service #content.serviceRequestForm #subnav ul li a#subnav-serviceRequestForm, 

/* Installation */

#page.installation #content.newConstruction #subnav ul li a#subnav-newConstruction, 
#page.installation #content.remodel #subnav ul li a#subnav-remodel, 
#page.installation #content.existingHomes #subnav ul li a#subnav-existingHomes, 
#page.installation #content.commercial #subnav ul li a#subnav-commercial, 
#page.installation #content.doItYourself #subnav ul li a#subnav-doItYourself, 
#page.installation #content.findContractor #subnav ul li a#subnav-findContractor { background-position: 0 -31px; }


/* -------------------------------------------------- text-main ---------------------------------------------------- */


#text #text-main {
	
	width:614px;
	float:left;
	clear:right;
	margin-left: 4px;
	background-color:white;
	
	/* Min-height Hack for IE6 */
	min-height: 675px;
	height: auto !important;
	height: 675px;
	
}


/* text-main .notice */

#text #text-main .notice {

	display: block;
	background-color: #CC3333;
	margin-bottom: 15px;
	color: white;
	padding: 10px;
	line-height: 1.4em;
}

#text #text-main .notice a, 
#text #text-main .notice b { color: white }

#text #text-main .notice h2 {

	padding: 10px;
	margin: 0;
	color: white;
}
#text #text-main .notice h3 {

	padding: 5px 10px;
	margin: 0;
	color: white;
}

/* text-main .copy */

#text #text-main .copy {

	width:594px;
	float:left;
	clear:both;
	padding: 0 10px;
	line-height: 1.6em;
}

#text #text-main .copy ul, #text #text-main .copy ol { padding-left: 20px; margin-bottom: 15px; }
#text #text-main .copy ol li {}


/* --------------------------------------------- Page Specific (about) --------------------------------------------- */

/*	Page Specific (about:filtration) -- */
#page.healthy_home #content.filtration .info-powerunit { padding-right: 100px; clear: both; }

/*	Page Specific (about:contact) -- */
#page.about #content.contact .baby { background: transparent url('/about/images/van.jpg') no-repeat bottom right;	 }


/* -------------------------------------------- Page Specific (products) ------------------------------------------- */


#products_categories { 
	
	margin: -15px 0 20px 0; 
	padding: 10px; 
	background-color: #333; 
	color: white;
}

#products_categories a { 
	
	border-left: 1px solid white;
	padding: 0 5px;
	color: white;
	
}

#products_categories a.first { border-left: 0; }

	
#page.products #content.store #text #text-main #products h2 { 
	
	clear: both; 
	padding: 10px; 
	color: white;
	background-color: #CC3333;
	
}
	
#page.products #content.store #text #text-main #products h3 { clear: both; }

#page.products #content.store #text #text-main #products ul { margin: 0; padding: 0; }

#page.products #content.store #text #text-main #products ul li { 
	
	width: 130px; 
	height: 180px;
	float: left; 
	margin: 0 15px 20px 0; 
	padding: 0;
	list-style-type: none; 
	text-align: center;
	 position: relative; 
	font-size: 10px;
}

#page.products #content.store #text #text-main #products ul li p { margin-bottom: 8px; } 

#page.products #content.store #text #text-main #products ul li p.price { font-size: 12px; }

#page.products #content.store #text #text-main #products ul li p.addToCart { position: absolute; bottom: 0; left: 20px; margin-bottom: 0;} 

#page.products #content.store #text #text-main #products ul li .btn_addToCart { } 

#page.products #content.store #text #text-main #products ul li a img { margin-bottom: 5px; }

#cart-status a#cart-status-message { color: black; padding: 5px; }


/* ---------------------------------------------------- foot ------------------------------------------------------- */


#foot { 
	
	width:840px; 
	clear:both;
	margin: 0 10px 10px 10px;
	padding: 10px;
	background: transparent url('/images/bkg_foot.gif') no-repeat top center;
	color: #666;
	font-size: 95%;
}

#foot strong { color: #CCC; font-weight: normal; }

#foot .location { float: left; margin-right: 30px; line-height: 1.2em; }


/* ---------------------------------------------- foot-copyright --------------------------------------------------- */


#foot #foot-copyright { width: 220px; float: right; text-align:right; }

#foot #foot-copyright a { color: white; }

#foot #foot-copyright .copyright-text { padding-bottom: 8px; color: #CCC;}


/* --------------------------------------------------- Hacks ------------------------------------------------------- */


.clearfix:after { 

	content: ""; 
	display: block; 
	height:0; 
	clear: both; 
	visibility: hidden
}