* { margin: 0; padding: 0; }
html { width: 100%; }
body { width: 100%; background: #FFFFFF; }
img { border: 0px; }
div#page_container {
position: relative;
margin: 0 auto;
width: 850px;
}
div#flash_header {
position: relative;
height: 141px;
}
div#navigation {
position: relative;
height: 125px;
}
div#content_area {
padding-bottom: 25px;
}
div#one_column {
padding: 0px 15px 0px 15px;
font-family: Arial, sans-serif;
font-size: 12px;
/*height: 300px;
min-height: 300px;*/
}
div#search_resuls {
width: 100%;
border-top: 1px solid #333333;
margin: 10px 0px 10px 0px;
padding: 10px 0px 10px 0px;
}
div#left_column {
float: left;
width: 174px;
padding-left: 11px;
font-family: Arial, sans-serif;
font-size: 11px;
}
div#left_column img.box_footer {
display: block;
padding: 0px;
margin: 0px;
position: absolute;
bottom: 0px;
}
div#promo_box {
position: relative;
margin-bottom: 12px;
width: 174px;
background: url("../images/promo_box_sides.png") repeat-y;
}
div#promo_box div#promo_box_content {
position: relative;
padding: 0px 8px 15px 8px;
width: 158px;
}
div#promo_box div#promo_box_content p{
text-align: left !important;
}
div#search_box {
position: relative;
margin-bottom: 12px;
width: 174px;
background: url("../images/search_box_sides.png") repeat-y;
}
div#search_box div#search_box_content {
position: relative;
padding: 0px 8px 15px 8px;
width: 158px;
}
div#search_box_content input#search {
margin-top: 5px;
float: left;
width: 127px;
font-family: Verdana, sans-serif;
font-size: 12px;
}
div#right_column {
position: relative;
float: right;
width: 650px;
font-family: Arial, sans-serif;
font-size: 12px;
}
div#right_column img.frame {
display: block;
}
div#home_box_1, div#home_box_2, div#home_box_3 {
position: relative;
float: left;
padding-right: 7px;
width: 206px;
height: 330px;
font-family: Verdana, sans-serif;
font-size: 11px;
line-height: 130%;
text-decoration: none;
cursor:pointer;
cursor: hand;
}
div#home_box_1 div.content {
background-color: #D4EFDD;
padding: 15px 6px 6px 6px;
color: #26B055;
height: 185px;
}
div#home_box_2 div.content {
background-color: #CCDEE8;
padding: 15px 6px 6px 6px;
color: #005B8C;
height: 185px;
}
div#home_box_3 div.content {
background-color: #F5E4D8;
padding: 15px 6px 6px 6px;
color: #CC773B;
height: 185px;
}
div#home_box_1 p { text-align: left !important; }
div#home_box_2 p { text-align: left !important; }
div#home_box_3 p { text-align: left !important; }
div#right_column div#content {
width: 633px;
}
div#footer {
position: relative;
height: 55px;
background: url("../images/footer_bg.jpg") no-repeat;
font-family: Arial, sans-serif;
font-size: 12px;
}
div#footer div#copyright {
position: absolute;
top: 10px; left: 255px;
font-family: Arial, sans-serif;
font-size: 11px;
color: #7B7B7B;
}
div#footer div#links {
position: absolute;
top: 5px; left: 690px;
}
div#links a {
font-family: Arial, sans-serif;
font-size: 11px;
color: #7B7B7B;
text-decoration: none;
padding: 0px 3px 0px 3px;
position: relative;
top: -10px;
}
div#links div#phone {
display: inline;
font-family: Arial, sans-serif;
font-size: 11px;
color: #7B7B7B;
text-decoration: none;
padding: 0px 3px 0px 3px;
position: relative;
top: -10px;
}
div#links a:hover {
color: #005b8c;
text-decoration: underline;
}
div#links a.current {
color: #005b8c !important;
}
div#clearer {
display:block;
clear: both;
font-size: 0px;
}
/* TABBED NAVIGATION START */
div#tab_navigation {
position: absolute;
top: 0px; left: 0px;
height: 37px;
}
div#tab_navigation img#tab_0 {
width: 11px; height: 37px;
}
div#tab_navigation img#tab_1 {
position: absolute;
left: 836px; top: 0px;
width: 14px; height: 37px;
}
div#tab_navigation a { position: absolute; }
div#tab_navigation a.current { background-position: 0 -37px !important; }
div#tab_navigation a#tab_humidifiers { width: 140px; height: 37px;
left: 11px; top: 0px;
background: url("../images/navigation/tab_humidifiers.png") no-repeat; }
div#tab_navigation a#tab_humidifiers:hover { background-position: 0 -37px; }
div#tab_navigation a#tab_air_cleaners { width: 137px; height: 37px;
left: 151px; top: 0px;
background: url("../images/navigation/tab_air_cleaners.png") no-repeat; }
div#tab_navigation a#tab_air_cleaners:hover { background-position: 0 -37px; }
div#tab_navigation a#tab_dehumidifiers { width: 137px; height: 37px;
left: 288px; top: 0px;
background: url("../images/navigation/tab_dehumidifiers.png") no-repeat; }
div#tab_navigation a#tab_dehumidifiers:hover { background-position: 0 -37px; }
div#tab_navigation a#tab_thermostats { width: 137px; height: 37px;
left: 425px; top: 0px;
background: url("../images/navigation/tab_thermostats.png") no-repeat; }
div#tab_navigation a#tab_thermostats:hover { background-position: 0 -37px; }
div#tab_navigation a#tab_zcc { width: 137px; height: 37px;
left: 562px; top: 0px;
background: url("../images/navigation/tab_zcc.png") no-repeat; }
div#tab_navigation a#tab_zcc:hover { background-position: 0 -37px; }
div#tab_navigation a#tab_ventilation { width: 137px; height: 37px;
left: 699px; top: 0px;
background: url("../images/navigation/tab_ventilation.png") no-repeat; }
div#tab_navigation a#tab_ventilation:hover { background-position: 0 -37px; }
/*active tabs */
div#tab_navigation a#active_tab_humidifiers { width: 140px; height: 37px;
left: 11px; top: 0px;
background: url("../images/navigation/tab_humidifiers.png") no-repeat; background-position: 0 -37px;}
div#tab_navigation a#active_tab_air_cleaners { width: 137px; height: 37px;
left: 151px; top: 0px;
background: url("../images/navigation/tab_air_cleaners.png") no-repeat; background-position: 0 -37px; }
div#tab_navigation a#active_tab_dehumidifiers { width: 137px; height: 37px;
left: 288px; top: 0px;
background: url("../images/navigation/tab_dehumidifiers.png") no-repeat; background-position: 0 -37px; }
div#tab_navigation a#active_tab_thermostats { width: 137px; height: 37px;
left: 425px; top: 0px;
background: url("../images/navigation/tab_thermostats.png") no-repeat; background-position: 0 -37px; }
div#tab_navigation a#active_tab_zcc { width: 137px; height: 37px;
left: 562px; top: 0px;
background: url("../images/navigation/tab_zcc.png") no-repeat; background-position: 0 -37px; }
div#tab_navigation a#active_tab_ventilation { width: 137px; height: 37px;
left: 699px; top: 0px;
background: url("../images/navigation/tab_ventilation.png") no-repeat; background-position: 0 -37px; }
/* TABBED NAVIGATION END */
/* SUB NAVIGATION START */
div#sub_navigation {
position: absolute;
top: 37px; left: 0px;
height: 31px;
}
div#sub_navigation img#sub_0 {
width: 15px; height: 31px;
}
div#sub_navigation img#sub_1 {
position: absolute;
left: 830px; top: 0px;
width: 7px; height: 31px;
}
div#sub_navigation a { position: absolute; }
div#sub_navigation a#sub_partners { width: 116px; height: 31px;
left: 15px; top: 0px;
background: url("../images/navigation/sub_partners.png") no-repeat; }
/*div#sub_navigation a#sub_partners:hover { background-position: 0 -31px; }*/
div#sub_navigation a#sub_promotions { width: 128px; height: 31px;
left: 131px; top: 0px;
background: url("../images/navigation/sub_promotions.png") no-repeat; }
div#sub_navigation a#sub_promotions:hover { background-position: 0 -31px; border-bottom: 3px solid #f1f1f1;}
div#sub_navigation a#sub_literature { width: 138px; height: 31px;
left: 259px; top: 0px;
background: url("../images/navigation/sub_literature.png") no-repeat; }
div#sub_navigation a#sub_literature:hover { background-position: 0 -31px; }
div#sub_navigation a#sub_artwork { width: 150px; height: 31px;
left: 397px; top: 0px;
background: url("../images/navigation/sub_ads_materials.png") no-repeat; }
/*div#sub_navigation a#sub_artwork:hover { background-position: 0 -31px; }*/
div#sub_navigation a#sub_ads { width: 119px; height: 31px;
left: 547px; top: 0px;
background: url("../images/navigation/sub_ads.png") no-repeat; }
div#sub_navigation a#sub_ads:hover { background-position: 0 -31px; }
div#sub_navigation a#sub_marketing { width: 165px; height: 31px;
left: 666px; top: 0px;
background: url("../images/navigation/sub_programs.png") no-repeat; }
/*div#sub_navigation a#sub_marketing:hover { background-position: 0 -31px; }*/
div a#menu2_t_4 { width: 116px; height: 31px;
left: 15px; top: 0px;
background: url("../images/navigation/sub_partners.png") no-repeat;}
div a#menu2_t_4:hover { background-position: 0 -31px; border-bottom: 3px solid #f1f1f1;}
div a#menu1_t_4 { width: 176px; height: 31px;
left: 654px; top: 0px;
background: url("../images/navigation/sub_programs.png") no-repeat; }
div a#menu1_t_4:hover { background-position: 0 -31px; border-bottom: 3px solid #f1f1f1;}
div a#menu3_t_4 { width: 149px; height: 31px;
left: 398px; top: 0px;
background: url("../images/navigation/sub_ads_materials.png") no-repeat; }
div a#menu3_t_4:hover { background-position: 0 -31px; border-bottom: 3px solid #f1f1f1;}
/*active tabs*/
div#sub_navigation a#active_sub_partners { width: 116px; height: 31px;
left: 15px; top: 0px;
background: url("../images/navigation/sub_partners.png") no-repeat; background-position: 0 -31px;}
div#sub_navigation a#active_sub_promotions { width: 128px; height: 31px;
left: 131px; top: 0px;
background: url("../images/navigation/sub_promotions.png") no-repeat; background-position: 0 -31px;}
div#sub_navigation a#active_sub_literature { width: 138px; height: 31px;
left: 259px; top: 0px;
background: url("../images/navigation/sub_literature.png") no-repeat; background-position: 0 -31px;}
div#sub_navigation a#active_sub_artwork { width: 150px; height: 31px;
left: 397px; top: 0px;
background: url("../images/navigation/sub_ads_materials.png") no-repeat; background-position: 0 -31px;}
div#sub_navigation a#active_sub_ads { width: 119px; height: 31px;
left: 547px; top: 0px;
background: url("../images/navigation/sub_ads.png") no-repeat; background-position: 0 -31px;}
div#sub_navigation a#active_sub_marketing { width: 176px; height: 31px;
left: 654px; top: 0px;
background: url("../images/navigation/sub_programs.png") no-repeat; background-position: 0 -31px;}
/* SUB NAVIGATION END */
/* SUB FOOTER START */
div#sub_footer {
position: absolute;
top: 68px; left: 0px;
background: url("../images/navigation/sub_footer_bg.jpg") no-repeat;
height: 57px; width: 850px;
}
div#sub_footer div#links {
position: absolute;
top: 5px; /*left: 380px;*/
right: 22px;
}
/* SUB FOOTER END */