@charset "UTF-8";
/* CSS Document */

@import "reset.css";
@import "text.css";
@import "superfish.css";
@import "superfish-vertical.css";
@import "products.css";


/* Basic Styles
-------------------------*/

body {
	background: url(../images/bg.png) repeat-x 0 0 #d2d2d2;
}
#main {
	width:960px;
	margin:0 auto;
	background-color:#fff;
}
a, a:visited {
	color:#e44c23;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	color:#334a9f;
	text-decoration:none;
}
a:focus {
	outline:none;
}
a.button, a.button:visited {
	background:transparent url(../images/button-bg.png) no-repeat left top;
	display:inline-block;
	height:36px;
	line-height:36px;
	color:#fff !important;
	text-transform:uppercase;
	padding-left:20px;
	width:auto;
	cursor:pointer;
	overflow:hidden;
	text-decoration:none;
	font-size:17px;
	font-weight:bold;
}
a.button:hover {
	background-position:left -36px;
}
a.button span, a.button:visited span {
	background:transparent url(../images/button-bg.png) no-repeat right top;
	display:inline-block;
	height:36px;
	line-height:36px;
	padding-right:20px;
	width:auto;
	cursor:pointer;
	overflow:hidden;
	text-decoration:none;
}
a.button:hover span {
	background-position:right -36px;
}
.right {
	float:right;
	padding-left:20px;
}
.small {
	font-size:.8em;
	line-height:normal;
}
.left {
	float:left;
	padding-right:20px;
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix {
	display:inline-block
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}
ul.checklist li {
	background:url("../images/check.png") no-repeat scroll left 1px transparent;
	padding-left:24px;
	list-style:none;
}
a.plain, a.plain:visited, a.plain:hover {
	font-weight:normal !important;	
}

/* Form Stuff
-------------------------*/

.form_bor h6{
	padding-left:20px;
}
.form_area {
	margin-bottom:60px;
}
.form_area form {
    float:left;
    width:598px;
    padding-bottom:0;
}
.form_area label {
    float:left;
    width:120px;
    color:#000000;
    font-size:14px;
    line-height:16px;
    padding-right:11px;
    text-align:right;
    padding-top:9px;
}
.form_area label.short {
	width:auto;
	padding-left:10px;
}
.form_area input, .form_area textarea {
    float:left;
    width:333px;
	padding:3px;
    font-size:14px;
    line-height:16px;
    color:#000000;
}
.form_area small {
    float:left;
    width:15px;
	display:inline;
	vertical-align:middle;
	padding:0 5px;
}
.form_area small input {
    border:0;
    width:15px;
    height:15px;
    padding:0;
    margin:0;
    background:none;
}
.form_area input.button {
    float:left;
    margin:8px 0 0 120px;
	width:auto;
	font:inherit;
}
.form_area input.button_over {
    float:left;
    margin:8px 0 0 120px;
	width:auto;
	font:inherit;
}
.form_area .form_row {
    float:left;
    width:570px;
    padding:6px 0;
}
form h4 {
	margin-bottom:0;
}
form td {
	padding:3px 0;
}
.form_area .form_row .indent {
	padding-left:40px;
}
.form_area .form_row .indent .row{
	width:100%;
	float:left;
	margin-bottom:2px;
}
.form_area .form_row .indent .first-row{
	margin-top:5px;
}
.form_area .form_row .indent input, .form_area .form_row .indent span {
	float:left;
	padding-right:8px;
	width:auto;
}
.form_area .form_row1 {
    float:left;
    width:570px;
    padding-top:6px;
}
.form_area .form_row1 label {
    padding-top:0;
    text-align:left;
    padding-right:0;
    padding-left:16px;
}
.form_area .form_row1 span {
    float:left;
    padding:0 10px 0 6px;
}
.form_row span textarea {
	margin:0 20px;
	width:95%;
}
.form_row table {
	margin-left:10px;
}
.form_row td input {
	width:auto;
}

/* Site-Specific Stuff
-------------------------*/

#header {
	width:977px;
	height:197px;
	display: block;
	margin:20px auto 0;
	background: transparent url(../images/header-bg.png) no-repeat center 0;
}
#header-inner {
	width:100%;
	margin:0;
	padding:20px;
}
#logo a{
	width: 304px;
	height: 165px;
	display: block;
	float: left;
	cursor:pointer;
	border:0;
	text-decoration:none;
	background: transparent url(../images/comfort-zone-heating-cooling-logo.png) no-repeat center 0;
	text-indent:-9999px;
	margin:16px 0 0 24px;
}
a#service-request, a#service-request:visited {
	width: 467px;
	height: 61px;
	display: block;
	float: right;
	cursor:pointer;
	border:0;
	text-decoration:none;
	background: transparent url(../images/free-system-quote.png) no-repeat center 0;
	text-indent:-9999px;
	margin:20px 24px 0 0;
	overflow:hidden;
	clear:right;
}
a#service-request:hover {
	background-position: 0 -61px;
}
#phone {
	width: 402px;
	height: 118px;
	display: block;
	float: right;
	border:0;
	text-decoration:none;
	background: transparent url(../images/phone-number-box.png) no-repeat center 0;
	text-indent:-9999px;
	margin:-7px 20px 0 0;
	overflow:hidden;
}
#slogan {
	width: 999px;
	height: 36px;
	display:block;
	margin: 0 auto;
	background: transparent url(../images/slogan-bg.png) no-repeat center 0;
}
#slogan h3 {
	height:36px;
	line-height: 34px !important;
	font: 21px Geogfia, Georgia, "Times New Roman", Times, serif;
	color: #fff;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	text-transform:none;
	margin:0;
}
#content-wrap {
	width: 999px;
	margin: 0 auto;
	background: transparent url(../images/slogan-corners.png) no-repeat center top;
}
#content {
	width: 977px;
	margin: 0 auto;
	background: transparent url(../images/content-bg.png) repeat-y center 0;
}
/*
#content-inner {
	padding: 20px 30px 0 285px;
}
*/
#content-inner {
	float:left;
	width:666px;
	padding: 20px 30px 20px 20px;
}
#footer {
	width: 897px;
	margin: 0 auto 20px;
	padding:28px 40px;
	background: transparent url(../images/content-bottom.png) no-repeat center top;
	font-size: .85em;
}
#footer p {
	margin:8px 0 30px;
}
#sidebar {
	float:left;
	width:252px;
	margin-left:9px;
}
#sidebar #sidebar-images {
	text-align:center;
}
#sidebar #sidebar-images img {
	margin:0 auto 10px;
}
#home-copy {
	font: 17px/1.65 Arial, Helvetica, sans-serif ;
}
#home-copy img:first-child {
	margin-bottom:25px;
}
.red {
	font-weight:bold;
	color:#e44c23;
}
.blue {
	font-weight:bold;
	color:#334a9f;
}
a#tcs, a#tcs:visited {
	width: 100px;
	height: 100px;
	display: block;
	cursor:pointer;
	border:0;
	text-decoration:none;
	background: transparent url(../images/tcs-trane-comfort-specialist-dealer.png) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
}
a#tcs:hover {
	background-position: 0 -100px;
}