@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }
body {font: 11px arial, verdana, helvetica, sans-serif;color: #333;}
a {	outline:none;}
a:link,a:visited {	color: #1a4897;	text-decoration: underline;	}
a:hover,a:active,a:focus {color: #0064aa;	text-decoration: none;	}
/* -----------------------------------------------------------------------------------  typography*/
p, blockquote { line-height: 1.2em; margin: 0.55em 0; }
p.black { color: black; margin: 0 0 28px 0; line-height: 1.3; }
h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.0em; }
sup {font-size: 0.8em;}
label { float: none; }

#wrapper{ width:582px; _width:590px; background: #fff url(img/bg-shadow-inside.jpg) no-repeat; background-position:top center;}
#wrapper a.term {
	text-decoration: none;
	border-bottom: 1px dotted #0064aa;
	cursor: help;
	}
#wrapper a.rss {
	width: 200px;
	padding: 15px 0 15px 23px;
	margin: 20px auto;
	text-align:center;
	width: 70px;
	display:block;
	background: #fff url(img/icn-rss.jpg) no-repeat 0 50%;
	}
#wrapper h1 {
	font-size: 1.8em;
	font-weight: normal;
	color: #0f50b4;
	margin: 15px 0 0 0;
	margin-left: -28px;
	padding: 10px 0 10px 28px;
	background: transparent url(img/img-notch.gif) no-repeat 0 50%;
	}
#wrapper h2 {margin-bottom: 10px;font-size: 1.2em;color: #105cb4;}
#wrapper h2. {font-size: 1.2em;color: black; font-weight:bold;}
#wrapper h2.hblackalt {font-size: 1.2em;margin: 0 0 0 0;color: black;}
#wrapper h3 {	font-size: 1.1em;	color: black;	}
#insidewrapper img.heading {margin: 10px 0 20px 0;}
#insidewrapper.lgproducts #productpromotionoverview label { width:182px;float:left;color:#364867;margin-top:5px;}
#productdetail p.compare a:hover, #productdetail p.compare a:active, #productdetail p.compare a:focus,
#insidewrapper p.compare a:hover, #insidewrapper p.compare a:active, #insidewrapper p.compare a:focus,
#insidewrapper div.compare a:hover, #insidewrapper div.compare a:active, #insidewrapper div.compare a:focus  
{ border: 1px solid #a7cbdf; color: #0064aa;}
#insidewrapper h1 {font-size: 1.8em;font-weight: normal;color: #0f50b4;margin-left:11px; _margin-left:15px;padding: 10px 0 10px 38px;background: transparent url(img/img-notch.gif) no-repeat 0 50%}
#insidewrapper h2 {margin-bottom: 10px; font-size: 1.2em; color: #105cb4;}
#insidewrapper h2.hblack {font-size: 1.2em; margin: 0 0 0 0; color:black;}
#insidewrapper h3 {font-size: 1.1em;color: black;	}
/* --------------------------------------------------------------------------------------  breadcrumbs*/
#breadcrumbs{font-family:Arial, Helvetica, sans-serif;font-size: 0.9em;color: #666;height:20px; padding-top:20px; padding-left:36px; margin-bottom: 15px;}
#breadcrumbs a:link,
#breadcrumbs a:visited {color: #666;text-decoration: underline;}
#breadcrumbs a:hover,
#breadcrumbs a:active,
#breadcrumbs a:focus,
#breadcrumbs a.currentcrumb:link,
#breadcrumbs a.currentcrumb:visited {color: #333;text-decoration: none;}
a.currentcrumb { cursor: default; }

/*-- hybrid heat --*/
#hybridheat {
	text-align:left;
	margin-left:42px;
	_margin-left:42px;
}
.puron {width:510px; }
#img-puron .puron {float:left; width:335px; _width:328px; }
#container-image { clear:both; height:160px; width:525px;}
#container-image .floatrightbrd {float:right; }
.listing{ width:504px; }
#hybridheat form {margin-top:25px;}
p.cool-hash{ width:510px;}
#hybridheat input.find {width:94px;height:40px;margin:0 0 0 10px;padding:0;top:-10px;position:relative;}
#hybridheat p.sysblack {padding-top:10px;padding-bottom:25px;background: #fff url(img/bg-dots.gif) repeat-x bottom left;}.sysblack { 
padding-left:0px;width:500px;}
#hybridupgrade {width:504px;margin-bottom:30px;font-size: 11px;background: #fff url("img/hybupgrade-bg.jpg") bottom left repeat-x;}
#hybridupgrade div {width:230px;padding:10px;min-height:138px;float:left;border-bottom:1px solid #efefef;border-right:1px solid #efefef;}
#hybridupgrade div.alt {border-right:none;}
#hybridupgrade div.last {border-bottom:none;}
#hybridupgrade p, #hybridupgrade h3 {float:right;width:104px;}
#hybridupgrade img {width:auto;float:left;}
#hybridupgrade h3 {color:#333;font-size:1.3em;}
.ftnt {color:#666;}
#hybridheat h2, #hybridheat h2.hybplus  {font-size: 2.0em;font-weight: normal;color: #0f50b4;margin: 10px 0 0 0;padding: 10px 0 5px 0;}
#hybridheat h2.hybplus  {padding: 10px 0 20px 38px;background: transparent url("img/hyb-plus.gif") 0 30% no-repeat;}
.required {margin: 0 0 10px 0;font-size: 1.2em;color:#4F9D21;}
#hybnav {border-top:1px solid #fff;}
#hybridheat strong {margin: 2px 0 11px 0;color: black;}
#hybnav ul	{width: 504px;height: 45px;position:relative;background: transparent url("img/hybridnav.jpg") top left no-repeat;}
#hybnav ul, #hybnav ul li { margin: 0; padding: 0; }
#hybnav ul li	{list-style: none;position: absolute;}
#hybnav ul li, #hybnav a {height: 45px;display: block;}
#hybnav ul li a {text-indent: -9999em;text-decoration: none;}
#hybnav1 {left: 0; width: 74px; }
#hybnav2 {left: 75px; width: 89px;}
#hybnav3 {left: 165px; width: 120px;}
#hybnav4 {left: 286px; width: 106px;}
#hybnav5 {left: 393px; width: 111px;}
#hybnav1 a:hover, #hybnav1 a.current, #hybnav1 a.current:hover {background: transparent url("img/hybridnav.jpg") 0 -45px no-repeat;}
#hybnav2 a:hover, #hybnav2 a.current, #hybnav2 a.current:hover {background: transparent url("img/hybridnav.jpg") -75px -45px no-repeat;}
#hybnav3 a:hover, #hybnav3 a.current, #hybnav3 a.current:hover {background: transparent url("img/hybridnav.jpg") -165px -45px no-repeat;}
#hybnav4 a:hover, #hybnav4 a.current, #hybnav4 a.current:hover {background: transparent url("img/hybridnav.jpg") -286px -45px no-repeat;}
#hybnav5 a:hover, #hybnav5 a.current, #hybnav5 a.current:hover {background: transparent url("img/hybridnav.jpg") -393px -45px no-repeat;}
#hybridheat form strong {font-size: 1.0em;color: #105CB4!important;display:block;margin-top:10px;}
#hybridheat form input.button {cursor: pointer;}
#hybridheat form ul {list-style:none;}
#hybridheat form ul li {margin:5px 0;}
#hybridheat .defaultinput {width:100px;}
#hybridheat .floatleft p,
#hybridheat .floatleftbrd p,
#hybridheat .floatright p,
#hybridheat .floatleftbrd,
#hybridheat .floatrightbrd {margin-top:10px; margin-right:15px;}
.floatright{ margin-right:45px; _margin-right:25px; margin-top:5px; #margin-top:18px; }
.cool-right{ margin-right:45px; _margin-right:25px; margin-top:0px; #margin-top:18px; }
.cool-right img {
	padding: 0;
	}

#picture{ width:350px;}
#howit {padding-right:20px;}
#comfort {padding-right:30px;}
.floatleft p i{ padding-right:6px; }
#hybridheat small {font-style:italic;	color:#666}
.productgallery, .productbg p, .productbg { float:left; }
#wrapper .productgallery h2 {font-weight: bold;margin-bottom: 5px;margin-top: 0;font-size:1.2em;	}
#wrapper .productgallery h2 a:link,
#wrapper .productgallery h2 a:visited { color: #1a4897;text-decoration: none;}
#wrapper .productgallery h2 a:hover,
#wrapper .productgallery h2 a:active,
#wrapper .productgallery h2 a:focus {color: #0064aa;text-decoration: none;}
.productgallery { margin-bottom: 8px; }
.products .productgallery { min-height: 130px; }
.productgallery a { text-decoration: none; }
#startbtn, #fwdbckbuttons {
	clear:both;
	width:504px;
	padding-top:10px;
	_margin-bottom:12px; 
}
#startbtn a {
	width:176px;
	float:right;
	height:47px;
	display:block;
	text-indent:-9999em;
	background:#fff url("img/hybrid-save-btn.jpg") 0 0 no-repeat;
}

#startbtn a:hover {
	background:#fff url("img/hybrid-save-btn.jpg") 0 -47px no-repeat;
}
#fwdbckbuttons {
	padding-top:20px;
	margin-left:48px;
}

#fwdbckbuttons ul {
	list-style:none;
	display:block; /*-- for IE --*/ 
}

#fwdbckbuttons li {
	display:block;
	float:left
}

#fwdbckbuttons li#fwd {
	float:right;
}

#fwdbckbuttons a {
	font-size: 1.4em;
	font-weight: normal;
	color: #0f50b4;
	text-decoration: none;
	width: 215px;
	height:40px;
	display:block;
	line-height:40px;
	text-indent:35px;
	text-align:right;
	padding-right:35px;
	text-outline:none;
	background:#fff url("img/arrow-fwd.jpg") 100% 0 no-repeat;
}

#fwdbckbuttons li#fwd a:hover {
	background:#fff url("img/arrow-fwd.jpg") 100% -40px no-repeat;
}

#fwdbckbuttons li#bck a {
	text-indent:35px;
	text-align:left;
	background:#fff url("img/arrow-bck.jpg") 0 0 no-repeat;
}

#fwdbckbuttons li#bck a:hover {
	background:#fff url("img/arrow-bck.jpg") 0 -40px no-repeat;
}

#comfort_text{ width:260px; _width:280px;}
#howitkworks_text{ width:280px; _width:300px;}
.right_text{width:505px; #width:320px; #padding-top:10px; }
.knowledgebg a img { margin: 6px 0 0 0; float:left;padding-bottom: 6px;}
.knowledgebg ul {font-size: 1.0em;margin: 0;padding: 5px 10px 0 5px;width: 150px;display:block;list-style:none;float:left;}
.knowledgebg ul li { padding: 2px 0; }
.knowledgebg ul li a:visited {color: #1a4897;text-decoration: none;}

.productbg p, .productbg ul, .knowledgebg ul {font-size: 1.0em;margin: 0;padding: 0 10px 0 15px;width: 137px;list-style:none;float:left;	}
.productbg ul.overviewbullets, .knowledgebg ul.overviewbullets { list-style-type: none;  }
.productbg ul li {	margin-left: 15px;	list-style-image: url(../images/img-arrow-blueon.gif);	}
.productbg ul.detailinks li, .knowledgebg ul.detailinks li { margin: 6px 0 2px 3px; list-style: none;  background: none; }
.productbg ul.detailinks li a, .knowledgebg ul.detailinks li a { list-style-img: none;  }
.productbg p.overviewlead, .knowledgebg p.overviewlead {padding: 5px 10px 5px 15px;}
.blackalt{width:500px;}

.innovation{clear:both; width:505px; margin-bottom:10px; height:88px;}
.innovation img, .promotion img {float: left; margin-bottom:10px; margin-bottom:0px; vertical-align:bottom;}
.innovation h2.hblack, .promotion h2.hblack {float:right; width:410px;}
.innovation p, .promotion p {float:right;width:410px;} 
.innovation p a.nextarrow, .promotion p a.nextarrow {padding-right: 5px;}
.innovation h2 a, .promotion h2 a {text-decoration: none; }
.innovation h2 a:hover,.innovation h2 a:active,.innovation h2 a:focus{color: #0064aa;}
.fuck{font-size:1.2em; font-weight:bold; padding-left:10px; }
.fuck a{text-decoration:none;}
a.nextarrow {padding-right: 10px;background: transparent url(img/img-arrow.gif) no-repeat 100% 50%;}
#titleh2{color:black; font-weight:bold; font-size:1.2em;}
.glossalpha {font-size: 1.2em;text-transform: uppercase;text-align:center;margin-bottom: 20px;}
.glossalpha a { padding: 0 2px; }
a.top {padding-left: 10px;background: transparent url(img/img-arrow-up.gif) no-repeat 0 100%;}
#glossarylink { padding-top: 0; line-height:normal; }
#glossarylink a {padding: 0 0 10px 20px;background: #fff url(img/bg-icon-gloss.gif) no-repeat top left;}
.glossarypop strong {font-size: 1.1em;margin: 0 12px;color:#105cb4;text-transform: uppercase;}
a.term {text-decoration: none;border-bottom: 1px dotted #0064aa;cursor: help;}
.definition, #glossarylink {padding: 8px 12px 12px 12px;color: black;line-height: 1.3em;}
#glossarylink { padding-top: 0; line-height:normal; }
.pop {background-color:#105cb4; text-align:right;margin-bottom: 12px;cursor: move;}
.pop a { cursor: pointer;}
.definition, #glossarylink {padding: 8px 12px 12px 12px;color: black;line-height: 1.3em;}
h2#title{ font-size:1.2em; font-weight:bold;}