@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #eff3f7;
}
a {
	color: #0053a0;
}
a:hover {
	color: #FF0000;
}
#layout {
	margin: auto;
	height: auto;
	width: 1025px;
}
#header {
	margin: auto;
	height: 105px;
	width: 1025px;
	background: url(images/header_background.jpg) no-repeat;
	position: relative;
	border-bottom: 1px solid #729fc9;
}
#header #logo {
	position: absolute;
	left: 35px;
	top: 10px;
	z-index: 1;
}
#header #map {
	position: absolute;
	right: 356px;
	top: 6px;
	z-index: 1;
	background-image: url(images/header_map_bg.gif);
	text-decoration: line-through;
	border: 0px;
}
#header #offices {
	position: absolute;
	top: 6px;
	right: 344px;
	height: 74px;
	width: 230px;
	text-align: left;
	padding: 10px;
	font-size: 14px;
}
#header #offices .back {
	background: #FFF;
	display: block;
	height: 94px;
	width: 250px;
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#header #offices .content {
	position: relative;
	z-index: 99;
	width: 95%;
}
#header #offices .title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
	color: #0053A0;
}
#header #offices .loc {
	margin-bottom: 8px;
	line-height: 20px;
	background: url(images/icon_map.png) no-repeat left center;
	padding-left: 25px;
	white-space: nowrap;
	display: block;
}
#header #offices .phone {
	color: #333;
}
#header #offices a {
	font-weight: bold;
	text-decoration: underline;
	color: #0053a0;
}
#header #offices a:hover {
	color: #c11e1e;
}
#header #promo {
	height: 74px;
	width: 323px;
	position: absolute;
	right: 0px;
	top: 6px;
	text-align: left;
	z-index: 2;
	background: url(images/header_promo_back.jpg) no-repeat left;
	color: #0053a0;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
#header #promo .phonenumber {
	font-size: 26px;
	display: block;
	position: absolute;
	left: 52px;
	top: 10px;
	z-index: 2;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#header #promo .emailus {
	font-size: 13px;
	display: block;
	position: absolute;
	left: 50px;
	top: 55px;
}
#header #promo .emailus a {
	font-weight: bold;
	text-decoration: underline;
	color: #0053a0;
}
#header #promo .emailus a:hover {
	color: #c11e1e;
}
#subhead {
	width: 1025px;
	background: #FFFFFF url(images/subhead_background.jpg) repeat-x;
	text-align: left;
	border-bottom: 1px solid #729fc9;
	height: 115px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#subhead .subbox {
	width: 340px;
	height: 115px;
	text-align: left;
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
}
#subhead .subpad {
	padding-right: 10px;
	padding-left: 115px;
	font-size: 12px;
	color: #808080;
	padding-top: 10px;
	font-weight: bold;
}
#subhead .subpad a {
	color: #666666;
}
#subhead .subpad a:hover {
	color: #FF0000;
}
#subhead .subpad h1 {
	font-size: 20px;
	font-weight: normal;
	color: #333;
	margin: 0px;
	padding: 0px;
}
#subhead #heating_icon {
	position: absolute;
	left: 3px;
	top: 1px;
}
#subhead #cooling_icon {
	position: absolute;
	left: 4px;
	top: 1px;
}
#subhead #service_icon {
	position: absolute;
	left: 15px;
	top: 1px;
}
#subhead #sub1 {
	border-right: 1px solid #729fc9;
}
#subhead #sub2 {
	border-right: 1px solid #729fc9;
}
#main {
	margin: auto;
	text-align: left;
	background-color: #e2e9f1;
	background-position: 0px 10px;
	position: relative;
	min-height:400px;
	height:auto !important;
	height:400px;
	padding-top: 20px;
	padding-left: 10px;
}
#main table {
}
#main table td {
	vertical-align: top;
}
#main #nav {
	background-color: #eff3f7;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	border-top: 4px solid #0053a0;
	height: 360px;
	width: 140px;
	padding: 10px;
}
#main #nav p {
	margin-bottom: 5px;
}
#main #nav ul {
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
}
#main #nav ul li {
	list-style-type: none;
	margin-bottom: 3px;
}
#main #nav a {
	font-size: 12px;
}
#main #newsletter {
	margin-top: 20px;
	margin-bottom: 20px;
}
#main #newsletter .caption {
	font-size: 11px;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
}

#main #newsletter .textbox {
	float: left;
	width: 85px;
}


#main #content {
	width: 800px;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	padding-left: 20px;
	margin-top: 0px;
	padding-top: 0px;
	position: relative;
}
#main #store {
	width: 1025px;
}
#main #content h1 {
	color: #0053a0;
	line-height: 36px;
	font-size: 36px;
	margin-top: 0px;
	padding-top: 0px;
}
#main #contenthome {
	width: 300px;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	left: 220px;
	top: 20px;
	padding-left: 20px;
	float: left;
}
#main #contentpages {
	width: 800px;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	height: auto;
	padding-left: 20px;
	padding-top: 0px;
}
#main #contentpages h1 {
	color: #0053a0;
	line-height: 36px;
}
#main #contentpages h1 .contact_button {
	font-size: 14px;
	text-decoration: none;
	background: #FF3;
	line-height: 36px;
	height: 36px;
	display: block;
	float: right;
	padding-right: 15px;
	padding-left: 15px;
	border: 1px solid #FC0;
	border-radius: 20px;
	box-shadow: 0 2px 0 #999;
}
#main #contentpages h2 {
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #FF0000;
}
#main #contentpages h3 {
	font-size: 15px;
	color: #000;
	font-weight: bold;
}
#main #contentpages h4 {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin: 0px;
	padding: 0px;
}
#main #contentpages h5 {
	font-size: 21px;
	font-weight: bold;
	color: #ff6600;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: right;
	letter-spacing: -0.1em;
}
#main #contentpages .top a {
	text-decoration: none;
}
#main #window {
	left: 530px;
	top: 40px;
	text-align: right;
	padding-left: 20px;
}
#main #contest {
	position: absolute;
	right: 120px;
	bottom: 10px;
}
#main #maintenance {
	position: absolute;
	left: 0px;
	top: 300px;
	display: none;
}

#main #guarantee {
	position: absolute;
	z-index: 6;
	left: 701px;
	top: 255px;
}
#main #contacttable {
	background-position: left;
	margin: 0px;
}
#main #main_phone {
	font: bold 36px Arial, Helvetica, sans-serif;
	color: #0053a0;
	white-space: nowrap;
	text-align: center;
	margin-left: 25px;
}
#main #specials {
	float: right;
	width: 455px;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 25px;
}
#main .special_box {
	width: 400px;
	height: 25px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	border: 1px dotted #FFF;
	background-color: #00539F;
	color: #FFF;
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}
#main .special_box object {
	vertical-align: bottom;
	float: right;
}
#main .strike {
	text-decoration: line-through;
}
#main .sale {
	color: #F00;
	font-style: italic;
}
#main .offices {
	width: 220px;
	text-align: left;
	font-size: 14px;
	background: #EFF3F7;
	margin-bottom: 25px;
	float: left;
	margin-right: 25px;
	padding: 10px 10px 5px;
}
#main .offices .title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
	color: #0053A0;
}
#main .offices .loc {
	margin-bottom: 8px;
	line-height: 20px;
	background: url(images/icon_map.png) no-repeat left 2px;
	padding-left: 25px;
	white-space: nowrap;
	display: block;
}
#main .offices .call {
	margin-bottom: 8px;
	line-height: 20px;
	background: url(images/icon_phone.png) no-repeat 2px 2px;
	padding-left: 25px;
	white-space: nowrap;
	display: block;
}

#main .offices .phone {
	color: #333;
	float: right;
}
#main .offices a {
	font-weight: bold;
	text-decoration: underline;
	color: #0053a0;
}
#main .offices a:hover {
	color: #c11e1e;
}
#main #review_map {
	background: #EFF3F7;
	border: 1px solid #999;
	margin-bottom: 40px;
}

#submain {
	height: 135px;
	width: 1025px;
	margin: auto;
	text-align: left;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 12px;
	padding-top: 0px;
	line-height: 16px;
	padding-bottom: 10px;
	z-index: 1;
	position: relative;
}
#submain #thermo {
	position: absolute;
	z-index: 1;
	top: -10px;
	left: 13px;
}
#submain #store {
	width: 266px;
	border-right: 1px dotted #000099;
	position: absolute;
	left: 120px;
	top: 0px;
	margin-top: 15px;
	padding-right: 10px;
	height: 95px;
}
#submain #store a {
	font-weight: bold;
}
#submain #store .heading {
	font-size: 16px;
	font-weight: bold;
	color: #0053a0;
}
#submain #club {
	width: 320px;
	border-right: 1px dotted #0053a0;
	position: absolute;
	top: 25px;
	padding-right: 20px;
	height: 95px;
	left: 340px;
	padding-left: 20px;
	border-left: 1px dotted #0053a0;
}
#submain #club img {
	vertical-align: text-bottom;
	margin-right: 5px;
}

#submain #club a {
	color: #996600;
	font-weight: bold;
	margin-top: 5px;
}
#submain #club a:hover {
	color: #FF0000;
}
#submain #club .heading {
	font-size: 16px;
	font-weight: bold;
	color: #996600;
	margin-bottom: 8px;
}
#submain #video {
	position: absolute;
	top: 25px;
	right: 20px;
}
#submain #radio {
	position: absolute;
	top: 25px;
	right: 160px;
}
#submain a #maintenance {
	margin-left: 20px;
	margin-top: 15px;
}
#footer {
	background: #00539f url(images/footer_glow.jpg) no-repeat;
	height: 120px;
	position: relative;
	text-align: left;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	width: 1025px;
}
#footer #networx {
	position: absolute;
	left: 261px;
	top: 7px;
	width: 90px;
	z-index: 3;
}
#footer #angieslist {
	position: absolute;
	left: 361px;
	top: 0px;
	height: 90px;
	width: 90px;
}


#footer #cc {
	position: absolute;
	z-index: 1;
	top: 32px;
	right: 10px;
}
#footer #bbb {
	position: absolute;
	z-index: 1;
	top: 18px;
	right: 367px;
}
#footer #nate {
	position: absolute;
	left: 492px;
	top: 9px;
}

#footer #navlinks {
	position: absolute;
	z-index: 2;
	left: 654px;
	top: 10px;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	width: 360px;
	text-align: right;
}
#footer a  {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer a:hover {
	color: #0CF;
}
#footer #links {
	position: absolute;
	z-index: 2;
	left: 10px;
	top: 5px;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	width: 250px;
	text-align: left;
}
#footer #links a {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}
#footer #links a:hover {
	color: #0CF;
}
#footer #footerphone {
	position: absolute;
	bottom: 18px;
	left: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}
#footer #copyright {
	position: absolute;
	bottom: 9px;
	font-size: 10px;
	color: #FFFFFF;
	font-style: italic;
	right: 10px;
	width: 300px;
	text-align: right;
}
#bottom {
	background: #FFFFFF;
	width: 1025px;
	margin: auto;
	padding-top: 8px;
	padding-bottom: 8px;
}
.clear {
	clear: both;
}

.red {
	color: #FF0000;
	font-weight: bold;
}
.bluetext {
	color: #0053a0;
}
.floatleft {
	float: left;
	clear: right;
}
.floatright {
	float: right;
}
.floatright5pad {
	float: right;
	padding-left: 5px;
}
.headerrow {
	background-color: #006699;
	color: #FFFFFF;
	font-weight: bold;
}
.boxsize {
	width: 100%;
}
.visible {
}
.invisible {
	display: none;
}
.alert {
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	background: #FFFF99 url(images/icon_error.png) no-repeat 2px center;
	padding: 2px;
	text-indent: 20px;
}
.coupon {
	background-color: #EFF3F7;
	border: 2px dashed #000;
	text-align: center;
}
.caption {
	font-size: 11px;
}
.large {
	font-size: 16px;	
}
.right_col {
	padding-left: 50px;
	border-left: 1px solid #CCC;
}
#content .msg {
	background: #00539F;
	color: #FFF;
	padding: 8px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#content .msg a {
	color: #6FC;
	font-weight: bold;
	text-decoration: none;
	font-size: 16px;
	text-transform: uppercase;
}
#content .msg img {
	vertical-align: text-bottom;
}
.right_img  {
	float: right;
	margin-left: 25px;
	background: #FFF;
	padding: 4px;
	border: 1px solid #9CC;
	margin-bottom: 25px;
}
.center_img {
	margin: auto;
	text-align: center;
}
.center_img img {
	border: 1px solid #9CC;
}

#home_trane {
	height: 270px;
	background: #EF2F24 url(images/home_trane.jpg) no-repeat right bottom;
	color: #FFF;
	position: relative;
	font-family: "Century Gothic", Arial, sans-serif;
	overflow: hidden;
	margin-bottom: 20px;
}
#home_trane #trane_title {
	position: absolute;
	z-index: 1;
	left: 30px;
	top: 20px;
	width: 500px;
	text-transform: uppercase;
	font-size: 31px;
	line-height: 35px;
	letter-spacing: -2px;
}
#home_trane #trane_bullets {
	position: absolute;
	left: 60px;
	top: 90px;
	z-index: 2;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 21px;
	width: 550px;
}
#home_trane #trane_bullets li {
	margin-bottom: 12px;
}
#home_trane #trane_btn {
	background: #FFF;
	position: absolute;
	right: 10px;
	bottom: 10px;
	padding: 5px 12px;
	font-size: 18px;
	color: #000;
	font-weight: bold;
}
.home_coupon {
	float: left;
	width: 380px;
	text-align: center;
	font-family: "Century Gothic", Arial, sans-serif;
	margin-bottom: 20px;
	margin-right: 10px;
	margin-left: 10px;
	height: 290px;
	position: relative;
	background: #EFF3F7;
}
.home_coupon .coupon_title {
	background: #0053A0;
	padding: 5px;
	font-weight: bold;
	color: #FFF;
	font-size: 18px;
}
.home_coupon .coupon_text {
	padding: 10px 15px;
}
.home_coupon .coupon_link {
	background: #FFF;
	color: #FFF;
	padding: 5px 12px;
	margin-right: -10px;
	border: 1px solid #0053A0;
	margin-top: 10px;
	position: absolute;
	right: 20px;
	bottom: 10px;
}
.home_green {
	background: #86c440;
	padding: 10px 90px 10px 10px;
	margin-bottom: 15px;
	position: relative;
	margin-top: 15px;
}
.home_green .green_text {
	line-height: 22px;
	font-size: 16px;
	font-weight: bold;
	color: #030;
}
.home_green .green_link {
	background: #FFF;
	padding-right: 8px;
	padding-left: 8px;
	line-height: 24px;
	margin-left: 10px;
	position: absolute;
	right: 10px;
	width: auto;
	top: 10px;
	display: block;
}
.box_yellow {
	background: #f6c824;
	padding: 10px;
	position: relative;
}
.box_yellow h1 {
	margin-bottom: 0px;
}
.box_yellow ul {
	width: 400px;
}
.box_yellow li {
	float: left;
	width: 200px;
	font-size: 15px;
}
.box_yellow .msg {
	background: #334ea2;
	padding: 4px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-top: 40px;
}
.box_yellow .contact {
	background: #00539F;
	width: 300px;
	padding: 10px;
	font-size: 16px;
	color: #FFF;
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.box_yellow .contact td {
	font-size: 18px;
	font-weight: bold;
}
.box_yellow .contact a {
	color: #FFF;
	text-decoration: underline;
	font-size: 14px;
	text-align: right;
	display: block;
	float: right;
}

.box_yellow #humidifier {
	position: absolute;
	top: 5px;
	right: 5px;
}
.box_white {
	background: #FFF;
	border: 1px solid #0053A0;
	padding: 10px;
	margin-bottom: 25px;
}
.msg_large {
	background: #00539F;
	padding: 8px;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}



#reviews label {
	background: #EFF3F7;
	display: block;
	float: left;
	padding: 2px 5px;
	margin-right: 5px;
	border-radius: 4px;
	font: 11px/28px Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}
#reviews label input, #reviews label select {
	background: #FFF;
	border: 1px solid #E9E9E9;
	border-radius: 4px;
	max-width: 150px;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 4px;
}
#reviews label select {
	padding: 3px;	
}
#reviews #submit {
	height: 34px;
	float: right;
}

