/*

**************************
Will be integrated wehn complete,
so as not to conflict with other cooks in the kitchen
**************************
	
	WEB COLORS USED FOR THIS SITE
	---------------------------------------------------------------------
	#01437d		Haier Blue		Used for: logo
	#5990c6		Dusty Blue		Used for: body background color
	#bce8ff		Poweder Blue	Used for: body background color (NEW)
	#0054a5		Bright Blue1	Used for: sidebar background color
	#09b5e3		Bright Blue2	Used for: sidebar active background color
	#ea3733		Bright Red		Used for: nav background / hi-lights 
	#000000		Color			Used for: 
	#000000		Color			Used for: 
	#000000		Color			Used for: 	
	---------------------------------------------------------------------
*/

/*	Custom Styles Begin For Decision tree  */


#content #copy .decisionintro {
	margin: 20px auto;
	padding-bottom:10px;
	width: 700px;
	background-color: #e2edf3;
}

#content #copy .decision,
#content #copy #troubleshooting {
	margin: 20px auto;
	width:700px;
	background: #fff url(gui/desicion-formbg.gif) left top repeat-y;
}

#content #copy .decision .decisions {
	float:left;
	padding-bottom:20px;
	width: 200px;
}

#content #copy .decision select,
#content #copy #troubleshooting select {
	margin: 8px 20px 0 20px;
	padding: 3px;
	width: 186px;
	font-size: 11px;
	color: #666;
	background-color: white;
	border: solid 1px #999;
}

#content #copy .decision #models {
	float:right;
	width: 440px;
}

#content #copy .decision #models .modelstemp h1,
#content #copy .decision #models .modelstemp p{
	padding-left:0px;
	width:400px;
}

#content #copy .decision #models .modelstemp {
	background-color:#21bde6;
	width:100%;
	padding:20px 0;
	text-align:center;
}

#content #copy .decision #models table {
	width:440px;
	border-collapse:collapse;
	line-height:14px;
	background:#fff;
}

#content #copy .decision #models .decisionmodel {
	vertical-align: top;
	padding:3px 10px 3px 3px;
	font-weight:bold;
	color:#03447e;
	border-bottom:1px solid #ccc;	
}

#content #copy .decision #models .decisionmodel a {
	background: transparent url(gui/bg-featuerBenefit.gif) top left no-repeat;
	padding-left:13px;
}

#content #copy .decision #models .decisionname {
	vertical-align: top;
	padding:3px 5px;
	border-bottom:1px solid #ccc;	
}

#content #copy .decision h1,
#content #copy .decisionintro h1 {
	margin: 0px;
	font-size: 16px;
	width:200px;
	color: #333;
	font-weight:normal;
	padding: 20px 20px 0px 20px;
}


#content #copy .decisionintro h1 {
	font-size:20px;
	font-weight:normal;
	color:#21bde6;	
	color: #03447e;
}

#content #copy .decision h2 {
	margin: 0 20px;
}

#content #copy .decision p,
#content #copy .decisionintro p {
	color: #333;
	display:block;
	padding: 0px 20px 10px 20px;
	margin: 10px 0;
	padding-top:0;
}

#content #copy .decisionintro .left {
	float:left;
	width:225px;
	margin-top:10px;
	padding-right:10px;
	margin-right:5px;
	background:transparent url(images/support/step_bg.gif) right  no-repeat;
}


#content #copy .decisionintro .last,
#content #copy .decisionintro .last p{
	background:none;
	padding-right:0px;
	width:190px;
}

#content #copy .decisionintro .left b {

	font-weight:normal;
	font-size:16px;
}

/*************** HVAC SECTION *****************/


.hvac .links{
	padding:12px 20px;
	background-color:#f1f1f1;
}

.hvac .hints {
	border-bottom:1px dashed #fff;
	background:#21bde6;
}

.hvac a {
	display:block;
	padding-left:12px;
	margin:3px 0;
	background: transparent url(gui/bg-featuerBenefit.gif) no-repeat left top;
}

.hvac .hints h1 {
	margin: 10px 0 0 0;
	padding:0;
	font-size: 18px;
	font-weight: normal;
	background:none;
	color: #fff;
}

.hvac .hints p a{
	display:inline;
	padding-left:0;
	margin:0;
	color:#fff;
	background: none;
	text-decoration:underline;
}

.hvac .hints p {
	padding: 0 0px 0 44px;
	margin-top:10px;
	color:#fff;
	background: transparent url(gui/bg-pdf.gif) no-repeat top left;
}


#left.hvac p {
	width:470px;
	margin:20px;
	color:#333;
	line-height:15px;
	display:block;
}

#left.hvac p .left {
	float:left;
	margin:0 20px 20px 0;
}

#left.hvac p .right {
	float:right;
	margin:0 0px 20px 20px;
}

/**************** Static List **********************/

#content #copy #categoryDetails.hvac {
	background-color:#fff;
	float:right;
	width:210px;
	margin-right:20px;
	display:inline;
}


#content #copy #categoryDetails {
	background-color:#f1f1f1;
	margin-bottom:20px;
}

#content #copy #categoryDetails #staticList {
	float: left;
	width: 510px;
	padding: 0 0 0px 0;
	margin: 0;
	border-right: solid 10px #fff;

}

#content #copy #categoryDetails #staticList .categoryHeader {
	background-color: #dbe7ee;
	border-bottom: solid 1px #c7c7c7;
	border-right: solid 1px #c7c7c7;
}

#content #copy #categoryDetails #staticList .categoryHeader .compare {
	float: right;
	width: 75px;
	padding: 0;
	margin: 0;
	display: block;
	height: 30px;
	text-align: center;
	border-left: solid 1px #ccc;
}

#content #copy #categoryDetails #staticList .categoryHeader .compare p {
	color: #666;
	padding: 4px 8px;
}

#content #copy #categoryDetails #staticList .categoryHeader .compare input {
	margin: 0 auto;
	margin-top: 5px;
	display: block;
	padding: 0 2px 3px 2px;
	width: 59px;
	height: 24px;
	font-size: 10px;
	color: #666;
	background: transparent url(gui/button-compareUp.jpg) no-repeat;
	border: solid 0 #666;
}

#content #copy #categoryDetails #staticList .categoryHeader .compare input:hover {
	color: black;
	background: transparent url(gui/button-compareOver.jpg) no-repeat;
}

#content #copy #categoryDetails #staticList .categoryHeader .options {
	float: left;
	padding: 0 0 0 6px;
	margin: 0;
	width: 418px;
	font-size: 16px;
	background-color: #dbe7ee;
}

#content #copy #categoryDetails #staticList .categoryHeader .options h2 {
	color: #0054a5;
	font-size: 14px;
	line-height: 30px;
}

#content #copy #categoryDetails #staticList .categoryHeader .options h2 b {
	font-weight: normal;
}

#content #copy #categoryDetails #staticList .categoryHeader .options a {
	color: #186a9c;
}

#content #copy #categoryDetails #staticList h1 {
	padding: 0 0 0 6px;
	margin: 0;
	line-height: 29px;
	color: #666;
	font-size: 11px;
	font-weight: normal;
	background-color: #F0F0F0;
	border-top: solid 1px white;
	border-bottom: solid 1px #c7c7c7;
	border-right: solid 1px #c7c7c7;
}

#content #copy #categoryDetails #staticList h1 b {
}

#content #copy #categoryDetails #staticList .categoryProduct {
	margin: 0;
	padding: 0 0 6px 0;
	background: #fff;
	border-bottom: solid 1px #c7c7c7;
	border-right: solid 1px #c7c7c7;
}


#content #copy #categoryDetails #staticList .categoryProduct .thumbnail {
	float: left;
	margin: 0;
	padding: 0 0 6px 0;
	width: 100px;
	text-align: center;
	background-color: #fff;
}

#content #copy #categoryDetails #staticList .categoryProduct .details {
	float: left;
	margin: 0;
	padding: 0;
	width: 324px;	
}

#content #copy #categoryDetails #staticList .categoryProduct .details h1 {
	margin: 6px 0;
	padding: 14px 25px 0 10px;
	line-height: 15px;
	font-size: 14px;
	font-weight: normal;
	color: #333;
	border:none;
	background-color: white;
}

#content #copy #categoryDetails #staticList .categoryProduct .details h1 a {
	color: #333;
}

#content #copy #categoryDetails #staticList .categoryProduct .details p {
	margin: 0;
	width:360px;
	padding: 6px 10px 6px 10px;
	color: #333;
}

#content #copy #categoryDetails #staticList .categoryProduct .details a {
	display:block;
	margin: 10px;
	padding:10px 0px 10px 36px;
	background: transparent url(images/category/hvac/bg-pdf-small.jpg) left center no-repeat;
}

#content #copy #categoryDetails #staticList .categoryProduct .details .colors {
	margin: 8px 0 0 8px;
	padding: 0;
}

#content #copy #categoryDetails #staticList .categoryProduct .details .colors .color {
	float: left;
	width: 10px;
	margin: 0 1px 0 0;
	padding: 0;
	display: block;
	height: 10px;
	border: double 3px white;
}

#content #copy #categoryDetails #staticList .categoryProduct .selector {
	float: left;
	margin: 0;
	padding: 0;
	width: 76px;
	text-align: center;	
}

#content #copy #categoryDetails #staticList .categoryFooter {
	margin: 0 0 0px 0;
	padding: 0;
	text-align: right;
	font-size: 11px;
	line-height: 29px;
	background-color: #F0F0F0;
	border-top: solid 1px #CCC;
}

#content #copy #categoryDetails #staticList .categoryFooter a {
	margin: 0 10px 0 0;
	padding: 0 0 0 12px;
	color: #186a9c;
	background: transparent url(gui/bg-featuerBenefit.gif) no-repeat left;
}

#content #copy #categoryDetails #staticList .categoryFooter a:hover {
	text-decoration: underline;
}

.hvacside img{
	margin:10px;
}

.underline {
	border-bottom: 1px dashed #ccc;
	margin-bottom:10px;
}

.hvacside p {
	margin: 0 0 0 6px;
	padding: 10px 15px;
	font-size: 14px;
	font-weight: normal;
	color: #09b5e3;
	background: transparent url(gui/bg-featuerBenefit.gif) no-repeat 4px 0px;
}

.hvacside p {
	padding: 0 20px 10px 20px;
	font-size: 11px;
	color: #333;
}

/*AC BTU FORM */

#btuform {
	margin:20px;
}

#btuform fieldset {
	border:0;
	margin:20px 0 10px 0;
	padding-top:0px;
}

#btuform ol {
	list-style:none;
	padding-top:10px;
	border-top: solid 1px #ddd;
}

#btuform ol.form {
	width:420px;
	float:left;
	background:#fff;
	border-right: solid 1px #ddd;
	
}


#btuform ol.directions {
	width:279px;
	float:right;
	background:none;
}

#btuform ol.directions li {
	padding: 0 10px;
	color:#333;
}

#btuform ol.directions li b {
	display:block;
	font-weight:bold;
	color:#333;
}

#btuform ol.form li{
	margin-bottom:10px;
	padding-bottom:3px;
}

#btuform ol.form li label{
	display:inline;
}

#btuform input {
	padding:4px;
	border:1px solid #ccc;
	margin-right:4px;
	font-size:12px;
	font-family:arial, helvetica, sans, sans-serif;
	color:#333;
}

#btuform input:focus, #btuform select:focus {
	border:1px solid #777;
	background-color:#fff9c9;
}


#btuform b {
	padding-right:10px;
	color:red;
}

#btuform label {
	display:block;
	color:#333;
	font-weight:bold;
	padding-bottom:2px;
}

#btuform select {
	padding:3px;
	border:1px solid #ccc;
	font-size:12px;
	margin-right:4px;
	font-family:arial, helvetica, sans, sans-serif;
	color:#333;

}

#btuform fieldset div.holder {
	background:#fff url(images/support/hvac-btucalc-bg.gif) top left repeat-y;
	border-bottom: solid 1px #ddd;
	padding-bottom:20px;
}



#btuform fieldset legend{
	padding:0;
	font-size:15px;
	color:#09b5e3;
	display:block;
	width:100%;
}

#qfrequired {
	font-weight:normal;
}
#qfrequired em{
	color:red;
}

.hvacmap {
	background:white;
	padding-bottom:20px;
}

.hvacmap .logo h1 {
	padding:30px 0 5px 0;
	display:block;
}

.hvacmap .logo p {
	padding:0px 0 5px 0;
	margin-left:30px;
	display:block;
}

.hvacmap .logo img{
	float:left;
	margin-right:30px;
	padding: 6px 40px 6px 6px;
	border-right:1px solid #ccc;
}

.hvacmap img {
	clear:both;
	display:block;
}

/******************* TROUBLE SHOOTINGS ******************************/

#troubleshooting {
 padding:20px 0;
}

#troubleshooting #reset {
	padding:4px;
	border:none;
	border-right:2px solid #a42623;
	border-bottom:2px solid #a42623;
	margin-right:4px;
	font-size:12px;
	font-family:arial, helvetica, sans, sans-serif;
	color:#fff;
	background-color:#ea3733;
	margin-left:20px;
	outline:#ea3733;
}

#troubleshooting #reset:active {
	border:0;
	border-left:2px solid #a42623;
	border-top:2px solid #a42623;
	outline:#ea3733;
}

#troubleshootingfilter {
	float:left;
	width:200px;
}

#troubleshootingfilter h2 {
	padding: 10px 20px 0px 20px;
}

#troubleshooting #questions,
#troubleshooting #questionstemp {
	width:440px;
	float:right;
}

#troubleshooting #questions h2,
#troubleshooting #questionstemp h2 {
	font-size:16px;
	font-weight:normal;
	color:#333;
	margin-bottom:10px;
}

#troubleshooting #questionstemp p {
	width:250px;
	margin:0 0 10px 0;
}

#troubleshooting #questions dl {
	width:440px;
	border-bottom:1px solid #999;
}

#troubleshooting #questions dl dt {
	padding:4px 4px 4px 14px;
	border-top:1px solid #999;
	font-size:12px;
	font-weight:bold;
	background: transparent url(gui/bg-featuerBenefit.gif) 0px 4px no-repeat;
}

#troubleshooting #questions dl dd {
	background:#fff;
}

#troubleshooting #questions dl dd div {
}

#troubleshooting #questions dl dd p{
	padding:4px 4px 4px 14px;
	border-top:#ccc dashed 1px;
	border-bottom:#ccc dashed 1px;
	line-height:15px;
	color:#333;
}

#troubleshooting #questions dl dd b {
	padding:4px 4px 4px 14px;
	display:block;
}

#troubleshooting #questions dl dd a {
	display:block;
	text-transform:capitalize;
	padding: 2px 4px 2px 14px;
}

#troubleshooting #questions dl dd a.yesno {
	display:block;
	margin:6px 4px 4px 14px;
	padding:4px;
	border-right:2px solid #a42623;
	border-bottom:2px solid #a42623;
	text-transform:capitalize;
	font-family:arial, helvetica, sans, sans-serif;
	color:#fff;
	background-color:#ea3733;
	float:left;
	margin-bottom:10px;
}

#troubleshooting #questions dl dd a.yesno:active {
	border:0;
	border-left:2px solid #a42623;
	border-top:2px solid #a42623;
}

#troubleshooting #questions dl dd a.closelink {
	margin-right:0;
	float:right;/*
	padding-left:20px;
	background: #ea3733 url(images/support/close_bg.gif) 4px 3px no-repeat;*/
}

/* recall */

#content #copy .support a.recallbulletLink {
	margin: 0;
	padding: 3px 3px 3px 12px;
	background: transparent url(gui/bg-features-active.jpg) 0 3px no-repeat;
}

#content #copy .support a.recallbulletLink:hover {
	text-decoration: underline;
}

body.print #site {
	padding: 0;
	width: 700px;
}

body.print #footer {
	margin: 10px auto;
	padding: 0;
	display:none;
	width: 700px;
	height: 70px;
	color: #9cc0d2;
	background: transparent url(gui/bg-footer.jpg) no-repeat;
}

body.print {
	background-color: #bce8ff;
	background-image: none;
	font-family: Arial;
	font-size: 11px;
	text-align:left;
	padding: 0 0 50px 0;
}
	
body.print #header #navBox {
	float: left;
	margin: 0;
	padding: 0;
	width: 700px;
	height: 100px;
	background-color: white;
	border-bottom: solid 1px #CCC;
}

body.print #content #copy {
	float: left;
	margin: 0;
	padding: 0 20px 20px 20px;
	width: 660px;
	background-color: white;

}

body.print #content #copy #specBanner,
body.print #content #copy .backLink {
    width: 660px;
}

body.print #content #copy #specsChart {
	margin: 0 auto;
	padding: 0;
	width: 660px;
}

.sitemap {
	padding:20px;
}

body.print #content #copy #specsChart h2 {
	margin: 0 auto;
	padding: 6px;
	width: 648px;
	font-size: 12px;
	background-color: #F1F1F1;
	border-bottom: solid 1px #ccc;
	
}

body.print #content #copy #left {
	width: 660px;
	margin: 0;
	padding: 0;
}

body.print #content #copy #specsChart .left {
	float: left;
	margin: 0;
	padding: 6px;
	width: 220px;
	color: #666;
}

body.print #content #copy #specsChart .right {
	float: left;
	margin: 0;
	padding: 6px;
	width: 400px;
	color: #0054a5;
}


.sitemap h1{
	margin-bottom: 0;
	padding: 0;
	font-size: 19px;
	font-weight: normal;
	color: #27b1d5;
}

.productsmap {
	padding:20px 0 20px 20px;
	background:#e2edf3;
	margin-bottom:20px;
}


.sitemaprow2 {
	margin-top:20px;
	background:#f1f1f1;
}

.aboutmap, .supportmap {
	padding:20px;
	float:left;
	width:300px;
	background:#f1f1f1;
}

.supportmap {
	margin-right:20px;
}


.sitemap dl {
	padding-top:20px;
	display:inline;
	width:205px;
	float:left;
	margin-right:20px;
}

.sitemap dl.first {
	margin-left:0;
	clear:left;
}

.sitemap dt a{
	font-size:14px;
}

.sitemap dt a:hover {
	color:#01437d;
	text-decoration:underline;
}

.sitemap dt {
	border-bottom:1px solid #5990c6;
}

.sitemap dd {
	display:block;
	margin: 5px;
}

.sitemap dd a:hover {
	text-decoration:underline;
	color:#01437d;
}

body.print #header #navBox dd#printThis {
	display:block;
	float:right;
	padding:0 20px 0 25px;
	margin-top:60px;
	height:26px;
	background:transparent url(gui/printthis.gif) left center no-repeat;
}

body.print #header #navBox dd#printThis a:hover {
	background:none;
	color:#630f0e;
}