@charset "UTF-8";
* {
	margin:0;
	padding:0;
}
a:link {
	color:#2b45c4;
}
a:visited {
	color:#003399;
}
a:hover {
	text-decoration:none;
}
a:active {
	color:#003399;
}
/* Styles for Form Pages */

body.scheduleService {
	background:#e3e0cc;
	background-image:none;
}
.scheduleService form {
	position:relative;
	width:312px;
	margin:0 auto ;
	padding:24px;
	text-align:center;
}
.scheduleService input[type=text] {
	height:21px;
	width:165px;
	line-height:21px;
	padding-left:5px;
}
.scheduleService label {
	display:block;
	width:120px;
	height:21px;
	line-height:21px;
	position:relative;
	float:left;
	clear:left;
	text-align:right;
	margin-bottom:9px;
}
.scheduleService input, .scheduleService select {
	position:absolute;
	left:130px;
}
.scheduleService textarea {
	width:167px;
	padding-left:5px;
	padding-top:5px;
	height:165px;
	position:absolute;
	left:130px;
}
#resetSubmit {
	position:relative;
	float:left;
	clear:left;
	margin-top:150px;
}
#resetSubmit input {
	position:relative;
}

/* Styles for Date Picker */

a.dp-choose-date {
		width: 16px;
		height: 16px;
		margin:2px;
		display: block;
		text-indent: -999px;
		overflow: hidden;
		background: url(../images/calendar.png) no-repeat;
		position:absolute;
		top:2px;
		left:132px;
		line-height:999px;
	}
	a.dp-choose-date.dp-disabled {
		background-position: 0 -20px;
		cursor: default;
	}
	/* makes the input field shorter once the date picker code
	 * has run (to allow space for the calendar icon
	 */
	input.dp-applied {
		width: 140px;
		float: left;
	}
	
/*styles for everything else*/

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
	font-family: Helvetica, Tahoma, Arial;
	font-size: 13px;
	line-height: 1.4em;
}
body.mainPages {
	background-color: #e2dcc6;
	background-attachment: scroll;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

p {
	margin-bottom:1em;
}
h1, h2, h3, h4, h5, h6 {
	margin-top:1em;
	margin-bottom:0.2em;
	color:#252f61;
	display:block;
	height:1.25em;
	line-height:1.25em;
}

h1 {font-size:2em;}
h2 {font-size:1.8em;}
h3 {font-size:1.6em;}
h4 {font-size:1.4em;}
h5 {font-size:1.2em;}
h6 {font-size:1.1em;}

p#phoneNumber {
	font-size:24px;
	text-align:center;
	font-weight:bold;
	margin:24px;
}

#mainContent ul {
	list-style:disc outside;
	margin:1em;
}
#mainContent ul li ul {
	list-style:inside circle;
}
#mainContent ol {
	margin-left:36px;
	margin-right:36px;
	font-weight:bold;
	color:#252f61;
}
#mainContent ol li ol {
	font-weight:normal;
	list-style:lower-alpha;
}
#container {
	position:relative;
	width: 800px; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 48px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	overflow:hidden;
}
#mainContent {
	position:relative;
	float:left;
	display:block;
	overflow:hidden;
	padding: 24px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#topController {
	position:relative;
	width:100%;
	height:424px;
}
#controlScreen {
	position: absolute;
	top:54px;
	left:55px;
	width:540px;
	height:292px;
}
#controlButtons {
	position:absolute;
	top:42px;
	right:32px;
	height:336px;
	width:135px;
}
#controlButtons ul {
	list-style:none;
}
#controlButtons ul li a {
	position:relative;
	float:left;
	clear:left;
	width:135px;
	height:39px;
	line-height:38px;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-size:0.9em;
	background:url(../images/controllButtons.gif) no-repeat 0px 0px;
	margin-top:5px;
}
#controlButtons ul li a:hover {
	background:url(../images/controllButtons.gif) no-repeat 0px -39px;
}
#controlButtons ul li a:active {
	background:url(../images/controllButtons.gif) no-repeat 0px -78px;
}
#controlButtons ul li a.blue {
	background:url(../images/controllButtons.gif) no-repeat 0px -117px;
}
#controlButtons ul li a.blue:hover {
	background:url(../images/controllButtons.gif) no-repeat 0px -156px;
}
#controlButtons ul li a.blue:active {
	background:url(../images/controllButtons.gif) no-repeat 0px -195px;
}
#tempControls {
	position:absolute;
	top:60px;
	right:18px;
	width:48px;
}
#tempControls img {
	margin-top:10px;
}
#promoGraphics {
	position:absolute;
	width:323px;
	height:169px;
	top:63px;
	left:11px;
	overflow:hidden;
	background:none;
}
.sIFR-replaced {
	margin-bottom:0px;
}
.sIFR-replaced span.sIFR-alternate {
	position:absolute;
	display:block;
	visibility:hidden;
}
.controlScreenMenus {
	list-style:none;
	display:block;
	height:50px;
	overflow:hidden;
	background:url(../images/menuBackground.png) repeat-x;
}
.controlScreenMenus li {
	position:relative;
	float:left;
	clear:none;
}
.controlScreenMenus li a{
	position:relative;
	float:left;
	clear:none;
	display:block;
	height:50px;
	overflow:hidden;
	text-align:center;
	line-height:50px;
	background:url(../images/menuBackground.png) top left no-repeat;
	color:#FFFFFF;
	text-decoration:none;
}
.controlScreenMenus li a:hover {
	background-position:0px -50px;
}
.controlScreenMenus li a:active {
	background-position:0px -100px;
}
#menu1 {
	position:absolute;
	top:1px;
	left:0px;
	width:542px;
}
#menu1 a {
	width:126px;
}
#menu2 {
	position:absolute;
	bottom:0px;
	left:0px;
	width:542px;
}
.controlScreenMenus li a.firstLink {
	 background-position: -5px 0px;
}
.controlScreenMenus li a.firstLink:hover {
	 background-position: -5px -50px;
}
.controlScreenMenus li a.firstLink:active {
	 background-position: -5px -100px;
}
#manufacturerLogos {
	position:relative;
	margin:2em auto;
	width:716px;
	height:101px;
	list-style:none;
}
#manufacturerLogos li {
	position:relative;
	float:left;
	clear:none;
	width:179px;
	height:101px;
	text-align:center;
	list-style:none;
}
#manufacturerLogos li a {
	position:relative;
	float:left;
	width:179px;
	height:101px;
	background:url(../images/manuLogos_sprite.gif) no-repeat;
	overflow:hidden;
	text-indent:-999px;
}
#manufacturerLogos li a#carrier {
	background-position:0px 0px;
}
#manufacturerLogos li a#trane {
	background-position:-179px 0px;
}
#manufacturerLogos li a#lennox {
	background-position:-358px 0px;
}
#manufacturerLogos li a#honeywell {
	background-position:-537px 0px;
}
#manufacturerLogos li a#carrier:hover {
	background-position:0px -101px;
}
#manufacturerLogos li a#trane:hover {
	background-position:-179px -101px;
}
#manufacturerLogos li a#lennox:hover {
	background-position:-358px -101px;
}
#manufacturerLogos li a#honeywell:hover {
	background-position:-537px -101px;
}
.inlineButton a{
	position:relative;
	float:right;
	display:inline-block;
	height:50px;
	line-height:50px;
	text-align:center;
	width:162px;
	color:#FFFFFF;
	text-decoration:none;
	background:url(../images/inlineButtonBackground.gif) no-repeat 0px 0px;
}
.inlineButton a:hover {
	background-position:0px -50px;
}
.inlineButton a:active {
	background-position:0px -100px;
}
#mainContent .threeColumn{
	margin:0;
	width:99%;	
}
#mainContent .threeColumn li {
	position:relative;
	float:left;
	clear:none;
	width:224px;
	list-style:none;
	color:#333333;
	margin-right:24px;
}
#mainContent .threeColumn li ul {
	margin:0;
}
#mainContent ul.fourColumn{
	margin:0;
	width:50%;
	padding-left:25%;
	text-align:center;
	overflow:hidden;
}
#mainContent .fourColumn li {
	position:relative;
	float:left;
	clear:none;
	width:185px;
	list-style:none;
	color:#333333;
	text-align:center;
	display:block;
}
#mainContent .fourColumn li ul {
	margin:0;
}
#mainContent dl {
	margin-left:9px;
	margin-right:9px;
}
#mainContent dl dt {
	margin-top:14px;
	font-size:18px;
	font-weight:bold;
	color:#252f61;
}
#footerP {
	position:relative;
	float:left;
	display:block;
	width:800px;
	height:72px;
	line-height:72px;
	text-align:center;
}
#fullContactForm {
	position:relative;
	width:750px;
	padding:18px;
	background:#252f61;
	color:#DDDDDD;
	margin-top:24px;
}
#fullContactForm h1 {
	color:#DDDDDD;
	margin-bottom:24px;
}
#fullContactForm label {
	display:block;
	position:relative;
	height:18px;
	width:72px;
	line-height:18px;
	text-align:right;
	margin-bottom:9px;
}
#fullContactForm input[type=text] {
	position:absolute;
	left:80px;
	width:216px;
	height:16px;
}
#fullContactForm textarea {
	position:absolute;
	left:80px;
	width:216px;
	height:108px;
}

/* styling for localWeather */

#localWeather {
	width:100px;
	height:146px;
	position:absolute;
	top:50px;
	right:90px;
	padding-top:24px;
}
#localWeather img {
	position:relative;
	top:10px;
}
#localWeather td {
	text-align:center;
}

/* styles for Commercial Pages */

body.commercial {
	background:#3c4562 url(../images/commercialBackground.jpg) no-repeat top center;
	color:#DDDDDD;
}
body.commercial h1, body.commercial h2, body.commercial h3, body.commercial h4, body.commercial h5, body.commercial h5 {
	color:#e2dcc6;
}

body.commercial #mainContent a:link, body.commercial #mainContent a:visited, body.commercial #mainContent a:hover, body.commercial #mainContent a:active {
	color:#e2dcc6;
}
body.commercial   #mainContent ul{
	color:#DDDDDD;
}
body.commercial #mainContent ul.threeColumn li {
	color:#DDDDDD;
}
#mainContent #greenAdvBox   {
	display:block;
	list-style:none;
	margin:0;
	padding:18px;
	background:url(../images/greenBox.gif) no-repeat center center;
	width:214px;
}
h4#greenAdvantageH4  {
	color:#006600;
}.threeColumn li ul li { margin-bottom: 1em; }
.mainPages #container #mainContent #greenAdvBox li a { color: #FFF; }