@charset "utf-8";

* {
margin: 0;
padding: 0;
}

a {
color: #1d4366;
outline: none;
}

a img {
border: 0;
}

table {
border-collapse: collapse;
}

td {
text-align: left;
vertical-align: top;
}

body, html {
background-color: #bfc0c0;
color: #1d4366;
font: 100%/1.25em 'Trebuchet MS', Arial, Helvetica, sans-serif; /* 1.25em * 16px(browser default) = 18px */
}

/* -------------------------------------------------------------- general classes */

.fl {
float: left;
}

.fr {
float: right;
}

.clear {
clear: both;
}

.hidden {
display: none;
}

.visible {
display: block;
}


/* -------------------------------------------------------------- header */

#header_wrap {
background: #fbf0c3 url('../images/header_bg_slice.jpg') bottom left repeat-x;
width: 100%;
}

#header {
background: #fbf0c3 url('../images/header_bg_slice.jpg') bottom left repeat-x;
margin: 0 auto;
text-align: right;
width: 955px;
}

#header .logo {
float: left;
margin: 16px 0 10px 52px;
}

#header h2 {
float: right;
font-size: 1.438em; /* 1.438em * 16px = 23px */
line-height: 1.087em; /* 1.087em * 23 = 25px */
padding: 71px 9px 0 0;
text-transform: uppercase;
}

#header h2 .h2_alt {
color: #ef3f35;
font-style: italic;
text-transform: capitalize;
}

#header h2 a {
background: url('../images/greater_than_lg.gif') center right no-repeat;
display: block;
padding-right: 28px;
text-decoration: none;
}

/* --- topnav */

ul#topnav {
float: left;
list-style-type: none;
margin: 104px 0 0 20px;
}

#topnav li {
display: inline;
}

#topnav a {
float: left;
color: #ef3f35;
font-size: .75em; /* .75em * 16px = 12px; */
margin-left: 15px; 
text-decoration: none;
text-transform: uppercase;
}

/* --- mainnav */

ul#mainnav {
float: left;
list-style-type: none;
}

ul#mainnav li {
float: left;
}

ul#mainnav a {
float: left;
background: #2f587d url('../images/main_nav_bg.gif') bottom left repeat-x;
color: #fff;
display: block;
font-size: .813em; /* .813em * 16px = 13px; */
line-height: 30px;
margin-right: 7px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
/* IE6 */display: inline;
}

ul#mainnav a.last {
margin: 0;
}

ul#mainnav a.santa_advantage {
width: 161px;
}

ul#mainnav a.services {
width: 75px;
}

ul#mainnav a.systems_equipment {
width: 157px;
}

ul#mainnav a.oil_price_protection_plans {
width: 199px;
}

ul#mainnav a.comfort_protection_plans {
width: 212px;
}

ul#mainnav a.payment_plans {
width: 116px;
}

body#santa_advantage ul#mainnav a.santa_advantage,
body#services ul#mainnav a.services,
body#systems_equipment ul#mainnav a.systems_equipment,
body#oil_price_protection_plans ul#mainnav a.oil_price_protection_plans,
body#comfort_protection_plans ul#mainnav a.comfort_protection_plans,
body#payment_plans ul#mainnav a.payment_plans,
ul#mainnav a.active,
ul#mainnav a:hover {
background: #c2d1d5 url('../images/main_nav_bg_active.gif') bottom left repeat-x;
color: #1b4164;
}

/* -------------------------------------------------------------- wrapper */

#wrapper {
margin: 0 auto;
width: 955px;
}

/* -------------------------------------------------------------- subheader */

#subheader {
width: 955px;
}

#subheader h2 {
float: left;
font-size: 1em; /* 1em * 16px = 16px; */
background: url('../images/chat_icon.jpg') top left no-repeat;
margin: 3px 0 0 8px;
}

#subheader h2 a {
float: left;
padding: 10px 0 8px 50px;
text-decoration: none;
}

#subheader h2 .h2_alt {
font-size: .688em; /* .688em * 16px = 11px */
font-style: italic;
}

#subheader #weather {
float: right;
background-color: #fff;
border: 1px solid #1e4568;
font-size: .625em; /* .625em * 16px = 10px */
margin: 5px 0 3px 0;
width: 224px;
}

#subheader #weather td {
font-size: 10px;
vertical-align: middle;
}

#subheader #weather td.col_1 {
padding: 3px 3px 3px 9px;
text-align: center;
width: 48px;
}

#subheader #weather td.col_2 {
padding-right: 6px;
}

#subheader #weather .btn {
border: 1px solid #d5d5d5;
color: #1c4265;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1em; /* 1em * 10px = 10px - this seems redundant, but is necessary */
margin-left: 1px;
padding: 0 5px;
}

/* -------------------------------------------------------------- home_3col_wrap */

#home_3col_wrap {
background: #fff url('../images/home_3col_bg.gif') top left repeat-y;
border: 8px solid #1e4568;
width: 939px;
}

/* --- col_1 */
#home_3col_wrap #col_1 {
float: left;
position: relative;
border: 5px solid #fff;
overflow: hidden;
width: 477px;
height: 331px;
}

#home_3col_wrap #col_1 ul {
float: right;
list-style-type: none;
margin-top: 3px;
padding: 5px 5px 5px 0;
}

#home_3col_wrap #col_1 ul li {
float: left;
display:inline;/* ie6 */
}

#home_3col_wrap #col_1 ul a {
color: #ef3f35;
display: block;
font-size: 14px;
margin: 0 5px;
padding: 0 4px;
text-decoration: none;
}

#home_3col_wrap #col_1 ul a.active {
background-color: #ef3f35;
color: #fff;
}

#home_3col_wrap #col_1 h3,
#home_3col_wrap #col_1 h3 a {
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
}

#home_3col_wrap #col_1 h3 span.alt,
#home_3col_wrap #col_1 h3 span.alt a {
color: #ef3f35;
}

#home_3col_wrap #col_1 #gallery_header {
float: left;
padding: 6px 0 0 6px;
}

#home_3col_wrap #col_1 ul a#prev_pane_link {
background: url('../images/sm_arrow_left.gif') center center no-repeat;
}

#home_3col_wrap #col_1 ul a#next_pane_link {
background: url('../images/sm_arrow_right.gif') center center no-repeat;
}

#home_3col_wrap #col_1 div.gallery_img {
position: absolute;
bottom: 0;
width: 474px;
height: 294px;
}

#home_3col_wrap #col_1 div.img_1 {
left: 0;
}

#home_3col_wrap #col_1 div.img_2 {
left: 477px;
}

/* --- col_2 */

#home_3col_wrap #col_2 {
float: left;
margin: 0 9px 0 9px;
padding: 2px 1px 1px 1px;
width: 215px;
}

#home_3col_wrap #col_2 ul {
list-style-type: none;
}

#home_3col_wrap #col_2 li {
border-bottom: 1px solid #bfc0c0;
margin: 0 6px;
width: 203px;
}

#home_3col_wrap #col_2 li.last {
border-bottom: 0;
}

#home_3col_wrap #col_2 h3 {
font-weight: normal;
font-size: 17px; /* 1.063em * 16px = 17px */
font-style: italic;
line-height: 1.412em; /* 1.412em * 17px = 24px */
}

#home_3col_wrap #col_2 h3 .h3_alt {
display: block;
color: #696969;
font-size: .706em; /* .706em * 17px = 12px; */
font-style: normal;
line-height: 1.167em; /* 1.167em * 12px = 14px */
}

#home_3col_wrap #col_2 a {
background-position: top left;
background-repeat: no-repeat;
display: block;
margin: -1px -6px -1px -6px;
padding: 5px 48px 11px 12px;
text-decoration: none;
width: 155px;
/* IE6 */position: relative;
}

#home_3col_wrap #col_2 a.item_1 {
background-image: url('../images/icons/home_key.gif');
}

#home_3col_wrap #col_2 a.oil {
background-image: url('../images/icons/home_drop.gif');
}

#home_3col_wrap #col_2 a.heating {
background-image: url('../images/icons/home_flame.gif');
}

#home_3col_wrap #col_2 a.air_conditioning {
background-image: url('../images/icons/home_fan.gif');
}

#home_3col_wrap #col_2 a.chimney {
background-image: url('../images/icons/home_chimney.gif');
}

#home_3col_wrap #col_2 a.energy_audit {
background-image: url('../images/icons/home_bank.gif');
}

#home_3col_wrap #col_2 a:hover {
color: #fff;
background-color: #2d557a;
background-position: top right;
}

#home_3col_wrap #col_2 a.one_line {
padding-bottom: 25px;
}

#home_3col_wrap #col_2 li.last a {
margin-bottom: 0;
padding-bottom: 14px;
}

#home_3col_wrap #col_2 a.active .h3_alt,
#home_3col_wrap #col_2 h3 a:hover .h3_alt {
color: #fff;
}

/* --- col_3 */
#home_3col_wrap #col_3 {
float: left;
color: #c2d1d4;
font-size: .625em; /* .625em * 16px = 10px */
line-height: 1.2em; /* 1.2em * 10px = 12px */
padding: 3px 4px 2px 4px;
width: 209px;
}

#home_3col_wrap #col_3 a {
color: #c2d1d4;
}

#home_3col_wrap #col_3 h4 {
color: #fff;
font-size: 1.6em; /* 1.6em * 10px = 16px */
font-weight: normal;
line-height: 1.125em; /* 1.125em * 16px = 18px */
}

#home_3col_wrap #col_3 #sidebar_box1 {
background: #122d4b url('../images/home_col3_box1_bg.jpg') top left no-repeat;
height: 91px;
padding: 5px 8px 0 8px;
width: 193px;
}

#home_3col_wrap #col_3 #sidebar_box1 .inner_wrap {
padding: 0 0 31px 0;
position: relative;
height: 50px;
*height: 58px;
_height: 68px;
}

#home_3col_wrap #col_3 #sidebar_box1 .inner_wrap .form_wrap {
position: absolute;
bottom: -10px;
left: 0;
}

#home_3col_wrap #col_3 #sidebar_box1 h4 {
padding-bottom: 3px;
text-transform: uppercase;
}

#home_3col_wrap #col_3 #sidebar_box1 p {
padding-bottom: 7px;
}

#home_3col_wrap #col_3 #sidebar_box1 .textbox {
border: 1px solid #a9a9a9;
color: #1c4265;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1em; /* 1em * 10px = 10px - this seems redundant, but is necessary */
margin-bottom: 5px;
text-align: center;
}

#home_3col_wrap #col_3 #sidebar_box1 .short_textbox {
margin-right: 3px;
width: 135px;
}

#home_3col_wrap #col_3 #sidebar_box1 .long_textbox {
width: 191px;
}

#home_3col_wrap #col_3 #sidebar_box1 input {
float: left;
}

#home_3col_wrap #col_3 #sidebar_box1 .btn {
border: 1px solid #d5d5d5;
color: #1c4265;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1em; /* 1em * 10px = 10px - this seems redundant, but is necessary */
margin-left: 1px;
padding: 0 5px;
width: 51px;
}

#home_3col_wrap #col_3 #sidebar_box1 .errors {
background-color:#FFCCFF;
border: 1px solid #990000;
font-size: 12px;
margin-bottom: 7px;
color: #990000;
padding: 5px 5px 0 5px;
}

#home_3col_wrap #col_3 h4 span {
background: url('../images/grey_transp_pixel.png') top left repeat;
display: block;
padding: 0 0 1px 5px;
font-size: 1em; /* 1em * 16px = 16px */
line-height: 1.625em; /* 1.625em * 16px = 26px */
}

#home_3col_wrap #col_3 h4 a {
display: block;
color: #fff;
margin-top: 3px;
text-decoration: none;
width: 209px;
}

#home_3col_wrap #col_3 h4.btn1 {
background: url('../images/home_col3_box2_bg.jpg') bottom left no-repeat;
background-position: 0 -1px;
}

#home_3col_wrap #col_3 h4.btn1 a {
padding: 49px 0 0 0;
}

#home_3col_wrap #col_3 h4.btn2 {
background: url('../images/home_col3_box3_bg.jpg') bottom left no-repeat;
background-position: 0 -7px;
}

#home_3col_wrap #col_3 h4.btn2 a {
padding: 49px 0 0 0;
}

#home_3col_wrap #col_3 h4.btn3 {
background: url('../images/home_col3_box4_bg.jpg') bottom left no-repeat;
background-position: 0 0;
}

#home_3col_wrap #col_3 h4.btn3 a {
padding: 50px 0 0 0;
}

/* -------------------------------------------------------------- int_3col_wrap */

#int_3col_wrap {
background: #fff url('../images/int_3col_bg.gif') top left repeat-y;
border: 8px solid #1e4568;
width: 939px;
}

/* --- col_1 */

#int_3col_wrap #col_1 {
float: left;
width: 164px;
}

#int_3col_wrap #col_1 ul {
list-style-type: none;
}

#int_3col_wrap #col_1 li {
float: left;
}

#int_3col_wrap #col_1 a {
background: #d2dee1 url('../images/int_subnav_link_bg.gif') bottom left repeat-x;
display: block;
font-size: .75em; /* .75em * 16px = 12px */
line-height: 1.083em; /* 1.083em * 12px = 13px */
line-height: 13px;
padding: 9px 0 8px 11px;
text-decoration: none;
text-transform: uppercase;
width: 153px;
}

#int_3col_wrap #col_1 a.two_lines {
padding: 2px 0 2px 11px;
}

#int_3col_wrap #col_1 ul.comfort a.comfort,
#int_3col_wrap #col_1 ul.quality a.quality,
#int_3col_wrap #col_1 ul.affordability a.affordability,
#int_3col_wrap #col_1 ul.our_team a.our_team,
#int_3col_wrap #col_1 ul.testimonials a.testimonials,
#int_3col_wrap #col_1 ul.news a.news,
#int_3col_wrap #col_1 ul.consumer_tips a.consumer_tips,
#int_3col_wrap #col_1 ul.testimonials a.testimonials,

#int_3col_wrap #col_1 ul.oil_delivery_service a.oil_delivery,
#int_3col_wrap #col_1 ul.heating_service a.heating,
#int_3col_wrap #col_1 ul.air_conditioning_service a.air_conditioning,
#int_3col_wrap #col_1 ul.chimney_service a.chimney,
#int_3col_wrap #col_1 ul.energy_audit_service a.energy_audit,
#int_3col_wrap #col_1 ul.towns_we_serve a.towns_we_serve,
#int_3col_wrap #col_1 ul.request_service a.request_service,

#int_3col_wrap #col_1 ul.warm_air_furnaces_equip a.warm_air_furnaces_equip,
#int_3col_wrap #col_1 ul.boilers_equip a.boilers_equip,
#int_3col_wrap #col_1 ul.hot_water_equip a.hot_water_equip,
#int_3col_wrap #col_1 ul.air_handlers_equip a.air_handlers_equip,
#int_3col_wrap #col_1 ul.air_conditioning_equip a.air_conditioning_equip,
#int_3col_wrap #col_1 ul.humidifiers_equip a.humidifiers_equip,
#int_3col_wrap #col_1 ul.fuel_tanks_equip a.fuel_tanks_equip,
#int_3col_wrap #col_1 ul.remote_monitoring_equip a.remote_monitoring_equip,
#int_3col_wrap #col_1 ul.radiant_heating_equip a.radiant_heating_equip,
#int_3col_wrap #col_1 ul.request_info a.request_info,

#int_3col_wrap #col_1 ul.warm_air_furnaces a.warm_air_furnaces,
#int_3col_wrap #col_1 ul.boilers a.boilers,
#int_3col_wrap #col_1 ul.hot_water_heaters_storage_tanks a.hot_water_heaters_storage_tanks,
#int_3col_wrap #col_1 ul.air_conditioning a.air_conditioning,
#int_3col_wrap #col_1 ul.humidifiers a.humidifiers,
#int_3col_wrap #col_1 ul.fuel_tanks a.fuel_tanks,

#int_3col_wrap #col_1 ul.become_customer a.become_customer,
#int_3col_wrap #col_1 ul.apply_online a.apply_online,
#int_3col_wrap #col_1 ul.feedback a.feedback,
#int_3col_wrap #col_1 ul.email_signup a.email_signup,
#int_3col_wrap #col_1 ul.refer_friend a.refer_friend,

#int_3col_wrap #col_1 ul.even_pay a.even_pay,
#int_3col_wrap #col_1 ul.direct_pay a.direct_pay,

#int_3col_wrap #col_1 ul.value_flex_plan a.value_flex_plan,
#int_3col_wrap #col_1 ul.pre_buy_plan a.pre_buy_plan,
#int_3col_wrap #col_1 ul.fixed_price_plan a.fixed_price_plan,
#int_3col_wrap #col_1 ul.tru_cap_protection_plan a.tru_cap_protection_plan,

#int_3col_wrap #col_1 a:hover {
background: #c9cbcb url('../images/int_subnav_link_bg_active.gif') bottom left repeat-x;
color: #fff;
}

/* --- col_2 */

#int_3col_wrap #col_2 {
float: left;
margin: 0 6px 0 6px;
width: 695px;
}

#int_3col_wrap #col_2 h2 {
background: #e8eef0 url('../images/header_2_bg.gif') bottom left repeat-x;
font-size: 1.125em; /* 1.125em * 16px = 18px */
font-weight: normal;
line-height: 1.667em; /* 1.667em * 18px = 30px */
padding-left: 14px;
text-transform: uppercase;
}

#int_3col_wrap #col_2 .int_banner {
margin: -11px 0 11px -19px;
}

/* main content */

#int_3col_wrap #col_2 #main_content {
float: left;
font-size: .75em; /* .75em * 16px = 12px */
line-height: 1.334em; /* 1.334 em * 12px = 16px */
padding: 11px 15px 0 19px;
text-align: justify;
width: 501px;
}

#int_3col_wrap #col_2 #main_content img.banner {
margin: -11px 0 7px -19px;
}

#int_3col_wrap #col_2 #main_content h3 {
font-size: 1.083em;
margin-bottom: 16px;
}

#int_3col_wrap #col_2 #main_content p,
#int_3col_wrap #col_2 #main_content ul,
#int_3col_wrap #col_2 #main_content ol {
margin-bottom: 16px;
}

#int_3col_wrap #col_2 #main_content ul,
#int_3col_wrap #col_2 #main_content ol {
margin-left: 35px;
}

#int_3col_wrap #col_2 #main_content .service_map {
margin: 0 0 25px 0;
}

/* equipment table */

#int_3col_wrap #col_2 #equipment {
margin-bottom: 10px;
}

#int_3col_wrap #col_2 #equipment td {
border-bottom: 1px solid #bfc0c0;
padding: 12px 0 12px 0;
}

#int_3col_wrap #col_2 #equipment img {
float: left;
margin: 0 20px 5px 0;
}

#int_3col_wrap #col_2 #equipment tr.last td {
border: 0;
}

#int_3col_wrap #col_2 #equipment h3 {
margin: 0;
}

#int_3col_wrap #col_2 #equipment ul {
padding-left: 15px;
}

#int_3col_wrap #col_2 #equipment a {
font-weight: bold;
}

/* form table */

#int_3col_wrap #col_2 #form_table td {
padding: 0 0 25px 0;
}

#int_3col_wrap #col_2 #form_table td.header {
padding: 0 0 0 0;
}

#int_3col_wrap #col_2 #form_table tr.divider td {
border-top: 1px #1E4568 solid;
padding-top: 25px;
}

#int_3col_wrap #col_2 #form_table input.max_2 {
width: 25px;
}

#int_3col_wrap #col_2 #form_table input.max_4 {
width: 50px;
}

#int_3col_wrap #col_2 .two_col_table .col_1 {
width: 200px;
}

#int_3col_wrap #col_2 .two_col_table .col_2 {
}

/* captcha_wrap */

#int_3col_wrap #col_2 .captcha_wrap {
float: left;
padding: 0 0 25px 0;
}

#int_3col_wrap #col_2 .captcha_wrap .col_1 {
float: left;
width: 210px;
}

#int_3col_wrap #col_2 .captcha_wrap .col_2 {
float: left;
background: #d3e0e3;
margin: 3px 0 0 10px;
padding: 8px 7px 12px 7px;
width: 261px;
}

#int_3col_wrap #col_2 .captcha {
margin: 5px 0 4px 0;
}

#int_3col_wrap #col_2 .captcha_field {
margin: 3px 0 24px 0;
}

#int_3col_wrap #col_2 .reset {
margin: 3px 0 3px 0;
}

#int_3col_wrap #col_2 div#delivery_is_same_wrap {
padding: 0 0 25px 0;
}

#int_3col_wrap #col_2 input.fancy_btn {
border: 0;
background: #1c4265 url('../images/btn_bg_arrow.gif') center right no-repeat;
color: #fff;
font-family: 'trebuchet ms', arial, helvetica, sans-serif;
font-size: 18px;
padding: 11px 0 11px 7px;
text-align: left;
width: 200px;
}

#int_3col_wrap #col_2 input.narrow_btn {
width: 105px;
}

/* sitemap table */

#int_3col_wrap #col_2 table.sitemap td {
padding: 0 25px 0 0;
}

#int_3col_wrap #col_2 table.sitemap h3 {
border-bottom: 1px solid #1D4366;
}

/* errors */

#int_3col_wrap #col_2 #errors {
background-color: #FFCCCC;
border: 1px solid #990000;
color: #990000;
margin-bottom: 16px;
padding: 15px;
}

#int_3col_wrap #col_2 #errors p {
margin: 0;
padding: 0;
}

/* right sidebar */

#int_3col_wrap #col_2 #right_sidebar_wrap {
float: left;
width: 150px;
}

#int_3col_wrap #col_2 #right_sidebar_wrap .btn {
float: left;
display: block;
background: #122d4b url('../images/wave_btn_bg.gif') top left no-repeat;
color: #fff;
font-size: .8125em; /* .813em * 16px = 13px */
line-height: 1.385em; /* 1.385em * 13px = 18px */
margin: 9px 0 0 0;
padding: 7px 0 5px 0;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 150px;
}

#int_3col_wrap #col_2 #right_sidebar_wrap .btn .alt_1 {
text-transform: none;
font-size: 1.462em; /* 1.462em * 13px = 19px */
font-weight: bold;
}

#int_3col_wrap #col_2 #right_sidebar_wrap .btn .alt_2 {
font-size: 1.154em; /* 1.154em * 13px = 15px */
}

#int_3col_wrap #col_2 #right_sidebar_wrap .btn .alt_3 {
float: left;
display: block;
line-height: 1.231em; /* 1.231em * 13px = 18px */
padding-top: 1px;
width: 150px;
}

#int_3col_wrap #col_2 #right_sidebar {
float: left;
background-color: #e2eaec;
font-size: .75em; /* .75em * 16px = 12px */
line-height: 1.334em; /* 1.334 em * 12px = 16px */
margin-top: 9px;
margin-bottom: 15px;
overflow: hidden;
padding: 6px 10px 0 12px;
width: 129px;
}

#int_3col_wrap #col_2 #right_sidebar ul,
#int_3col_wrap #col_2 #right_sidebar ol {
list-style-position: inside;
}

#int_3col_wrap #col_2 #right_sidebar p,
#int_3col_wrap #col_2 #right_sidebar li {
margin-bottom: 15px;
}

#int_3col_wrap #col_2 td {
font-size: 12px;
}

#int_3col_wrap #col_2 td .terms_conditions {
border: 1px solid #1D4366;
padding: 15px;
height: 150px;
overflow-y: scroll; 
text-align: justify;
}

#int_3col_wrap #col_2 td .terms_conditions h5 {
font-size: 1.167em;/* 12px * 1.167em = 14px */
}

#int_3col_wrap #col_2 td .terms_conditions h6 {
display: inline;
font-size: 1em;
}

#int_3col_wrap #col_2 #main_content td .terms_conditions ol {
list-style-position: inside;
margin: 0;
}

#int_3col_wrap #col_2 #main_content td .terms_conditions li {
padding-bottom: 16px;
}

/* --- col_3 */

#int_3col_wrap #col_3 {
float: left;
width: 68px;
}

#int_3col_wrap #col_3 ul {
list-style-type: none;
}

#int_3col_wrap #col_3 li {
/* IE6 - IE7 */float: left; 
/* IE6 - IE7 */display: inline; 
border-bottom: 1px solid #bfc0c0;
margin: 0 5px;
width: 58px;
}

#int_3col_wrap #col_3 li.last {
border: 0;
}

#int_3col_wrap #col_3 a {
display: block;
/* NOTE: this background image's top 1px must be transparent */
background-position: top left;
background-repeat: no-repeat;
font-size: 0.8126em; /* 16px * 0.8126em = 13px;*/
font-weight: bold;
margin: -1px -5px -1px -5px;
width: 68px;
height: 64px;
text-align: center;
text-decoration: none;
/* IE6 */position: relative;
}

#int_3col_wrap #col_3 a span {
display: none;
}

#int_3col_wrap #col_3 a.item_1 {
background-image: url('../images/icons/int_key.gif');
}

#int_3col_wrap #col_3 a.item_2 {
background-image: url('../images/icons/int_drop.gif');
}

#int_3col_wrap #col_3 a.item_3 {
background-image: url('../images/icons/int_flame.gif');
}

#int_3col_wrap #col_3 a.item_4 {
background-image: url('../images/icons/int_fan.gif');
}

#int_3col_wrap #col_3 a.item_5 {
background-image: url('../images/icons/int_chimney.gif');
}

#int_3col_wrap #col_3 a.item_6 {
background-image: url('../images/icons/int_bank.gif');
}

#int_3col_wrap #col_3 a:hover {
background-color: #2d557a;
background-position: top right;
}

#int_3col_wrap #col_3 a:hover span {
float: left;
display: block;
color: #fff;
padding: 39px 0 0 0;
width: 68px;
}

#int_3col_wrap #col_3 a.item_6:hover span {
line-height: 1.077em; /* 13px * 1.077em = 14px */
padding: 27px 0 0 0;
}

/* -------------------------------------------------------------- footer */

#footer {
background: #2f577d url('../images/footer_bg_slice.gif') bottom left repeat-x;
color: #fff;
font-size: .563em; /* .563em * 16px = 9px */
line-height: 1.444em; /* 1.444em * 9px = 13px */
margin: 7px 0;
padding: 4px 8px 6px 10px;
width: 937px;
}

#footer h5 {
float: left;
font-size: 2em; /* 2em * 9px = 18px */
line-height: 1.444em; /* 1.444em * 9px = 26px */
}

#footer a {
color: #fff;
text-decoration: none;
}

#footer ul {
float: right;
list-style-type: none;
padding: 8px 0 5px 0;
text-transform: uppercase;
}

#footer li {
float: left;
}

#footer li a {
border-right: 1px solid #fff;
padding: 0 8px 0 8px;
}

#footer li a.last {
border: 0;
}

#footer .icon {
float: left;
border: 1px solid #fff;
margin: 5px 0 0 10px;
width: 14px;
height: 14px;
}

#footer_sub {
font-size: .625em; /* .625em * 16px = 10px */
line-height: 1.444em; /* 1.444em * 9px = 13px */
text-align: center;
}

#footer_sub img {
padding: 7px 0;
}

/* -------------------------------------------------------------- splash */

#splash #header {
text-align: center;
}

#splash #header .logo {
float: none;
margin: 16px 0 11px 0;
}

#splash_2col_wrap {
background: #fff url('../images/splash_2col_bg.gif') top left repeat-y;
border: 7px solid #1e4568;
padding-bottom: 6px;
text-align: center;
width: 941px;
}

#splash_2col_wrap h2 {
float: right;
font-size: 1.875em; /* 1.875em * 16px = 30px */
line-height: 0.867em; /* 0.867em * 23 = 26px */
padding: 11px 146px 4px 0;
text-transform: uppercase;
}

#splash_2col_wrap h2 .h2_alt {
color: #ef3f35;
font-size: .8em; /* 0.8em * 30px = 24px */
font-style: italic;
text-transform: capitalize;
}

#splash_2col_wrap h2 a {
float: right;
background: url('../images/greater_than_lg.gif') center right no-repeat;
display: block;
padding-right: 28px;
text-decoration: none;
}

#splash_2col_wrap h3 {
float: left;
background-position: bottom left;
background-repeat: no-repeat;
font-size: 0.813em; /* 0.813em * 16px = 13px */
line-height: 1.770em; /* 1.770em * 13px = 23px; */
font-weight: normal;
text-transform: uppercase;
}

#splash_2col_wrap h3 a {
/* ie6 - ie7 */position: relative; 
display: block;
color: #fff;
padding: 206px 0 16px 0;
text-decoration: none;
}

#splash_2col_wrap h4 {
float: left;
font-size: 0.875em; /* 0.875em * 16px = 14px */
}

#splash_2col_wrap h4 a {
display: block;
background: url('../images/splash_key.jpg') top center no-repeat;
margin: 27px 0 0 0;
padding: 19px 0 0 19px;
text-decoration: none;
font-style: italic;
}

#splash_2col_wrap #col_1 {
float: left;
padding: 0 10px 0 4px;
width: 460px;
}

#splash_2col_wrap #col_1 h3 {
background-image: url('../images/splash_residential_bg.jpg');
width: 458px;
}

#splash_2col_wrap #col_2 {
float: left;
padding: 0 0 0 5px;
width: 458px;
}

#splash_2col_wrap #col_2 h3 {
background-image: url('../images/splash_commercial_bg.jpg');
width: 458px;
}

/* -------------------------------------------------------------- datepicker */

/* The wrapper div */
div.datePicker
        {
        position:absolute;
        min-width:24em;
        width:24em;
        z-index:9999;
        text-align:center;

        /* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
        /*font:900 0.8em/0.8em Verdana, Sans-Serif;*/
        
        /* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */
        /* font:900 77%/77% Verdana; */

        /* background:transparent; */

        /* Mozilla & Webkit extensions to stop text-selection. Remove if you wish to validate the CSS */
        -moz-user-select:none;
        -khtml-user-select:none;
        }
/* Styles for the static datePickers */
div.staticDP
        {
        position:relative;
        top:5px;
        left:0;
        }
/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
iframe.iehack
        {
        position:absolute;
        background:#fff;
        z-index:9998;
        padding:0;
        border:0;
        display:none;
        margin:0;
        }
/* The "button" created beside each input for non-static datePickers */
a.date-picker-control:link,
a.date-picker-control:visited,
a.date-picker-control:hover,
a.date-picker-control:active,
a.date-picker-control:focus
        {
        /*position:relative;*/
        /* Moz & FF */
        display: -moz-inline-stack;
        border:0 none;
        padding:0;
        margin:0 0 0 4px;
        background:#fff url(../images/cal.gif) no-repeat 50% 50%;
        min-width:16px;
        line-height:1;
        cursor:pointer;
        visibility:visible;
        text-decoration:none;
        vertical-align:middle;
        }
/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
* html a.date-picker-control
        {
        width:16px;
        }
a.date-picker-control
        {
        /* IE, Safari & Opera. Seperate CSS rule seems to be required. */
        display:inline-block;
        }
a.date-picker-control span
        {
        display:block;
        width:16px;
        height:16px;
        margin:auto 0;
        }
/* The next & previous buttons */
div.datePicker th span
        {
        display:inline;
        padding:0;
        margin:0;
        color:#000;
        text-align:center;
        line-height:1em;
        border-width:0;
        font-family: georgia, times new roman, palatino, times, bookman, serif;
        background:#fff;
        font-weight:bold;
        cursor:pointer;
        }
div.datePicker th span.month-display,
div.datePicker th span.year-display
        {
        text-transform:uppercase;
        letter-spacing:1px;
        font:normal 1.2em Verdana, Sans-Serif;
        cursor:default;
        }
div.datePicker th span.prev-but,
div.datePicker th span.next-but
        {
        font-size:1.8em;
        cursor:pointer !important;
        }

div.datePicker th span.today-but
        {
        text-align:center;
        margin:0 auto;
        font:normal 1em Verdana, Sans-Serif;
        width:100%;
        text-decoration:none;
        line-height:1.6em;
        text-transform:uppercase;
        cursor:pointer !important
        }
div.datePicker thead th span.fd-disabled
        {
        color:#aaa;
        cursor:default !important;
        }
/* The mon, tue, wed etc day buttons */
div.datePicker th span.fd-day-header
        {
        text-align:center;
        margin:0 auto;
        font:900 1em Verdana, Sans-Serif;
        height:1.4em;
        width:2em;
        text-decoration:none;
        text-transform:lowercase;
        line-height:1.4em;
        }
/* The table */
div.datePicker table
        {
        position:relative;
        margin:0;
        padding:0;
        border:1px solid #ccc;
        background:#fff url(../images/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px;
        text-align:center;
        width:100%;
        border-spacing:2px;
        table-layout:fixed;
        border-collapse:separate;
        }
/* Common TD & TH styling */
div.datePicker table td
        {
        border:1px solid #ccc;
        padding:0;
        text-align:center;
        vertical-align:middle;
        /* Opera requires a line-height bigger than 1em in order to redraw properly */
        line-height:1.2em;
        cursor:pointer;
        background:#fff url(../images/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;
        width:3em;
        height:3em !important;
        height:2.8em;
        outline:none;
        }
div.datePicker table th
        {
        border:0 none;
        padding:0;
        line-height:1em;
        font-weight:bold;
        color:#222;
        text-align:center;
        vertical-align:middle;
        }
div.datePicker table td.date-picker-unused
        {
        background:#fff url(../images/backstripes.gif);
        border-color:#dcdcdc;
        padding:0;
        cursor:default !important;
        }
div.datePicker table thead th.date-picker-title
        {
        width:auto;
        height:auto;
        padding:0.4em 0;
        }
/* The "mon tue wed etc" day header button styles */
div.datePicker table th.date-picker-day-header
        {
        text-transform:lowercase;
        width:3em;
        }
div.datePicker table th.date-picker-day-header span
        {
        display:block;
        }
/* The "todays date" style */
div.datePicker table td.date-picker-today
        {
        background:#fff url(../images/bullet2.gif) no-repeat 0 0;
        color:rgb(100,100,100) !important;
        }
/* The "selected date" style */
div.datePicker table td.date-picker-selected-date
        {
        color:#333 !important;
        border-color:#333 !important;
        }
/* the "highlight days" style */
td.date-picker-highlight
        {
        color:#a86666;
        }
/* The date "out of range" style */
div.datePicker table td.out-of-range
        {
        color:#ccc !important;
        font-style:oblique;
        background:#fcfcfc !important;
        cursor:default !important;
        }
/* The "disabled days" style */
div.datePicker table td.day-disabled
        {
        color:#aaa !important;
        background:#fff !important;
        cursor:default !important;
        }
/* The "active cursor" style */
div.datePicker table tbody td.date-picker-hover
        {
        background:#fff url(../images/bg_header.jpg) no-repeat 0 0;
        cursor:pointer;
        border-color:rgb(100,130,170);
        color:rgb(100,130,170);
        }
/*
   Quirksmode necessity?
   ---------------------

   If your HTML document renders in quirksmode (i.e. has no doctype declaration)
   then uncomment the following CSS rule to set a less drastic font-size in IE

div.datePicker table th,
div.datePicker table td
        {
        font-size:100%;
        }
*/

/* Remove the images for Internet Explorer <= v6 using the "* html" hack */
* html div.datePicker table td
        {
        background-image:none;
        }
* html div.datePicker table td.date-picker-unused
        {
        background:#f2f2f2;
        }