/************************************
* Good Products
************************************/

.choose-environment {
    padding: 26px 14px 25px 26px;
    border-bottom: 1px solid #CFCFCF;
    width: 219px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 179px;
}

html>body .choose-environment {
    width: 179px;
}

.choose-environment h1 {
    display: block;
    margin: 0 0 14px 0;
    width: 179px;
    height: 16px;
    overflow: hidden;
    background: url(/images/hdr_choose_env.gif) top left no-repeat;
    text-decoration: none; 
    text-indent: -9999px;
}

.choose-environment ul.list {
    margin-left: 10px;
}

.cool-prod {
    padding: 18px 0 25px 26px;
    width: 219px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 193px;
}

html>body .cool-prod {
    width: 193px;
}

.cool-prod h1 {
    position: relative;
    margin: 0 0 10px 0;
    padding: 56px 0 0 0;
    overflow: hidden;
    display: block;
    color: #FFFFFF;
    background: url(/images/hdr_cool_prod_heart.gif) top left no-repeat;
    text-decoration: none; 
    height: 0px !important;
    height /**/: 56px;/* for ie5.x */
}

.cool-prod select {
    width: 168px;
}

.view-all a {
    position: relative;
    width: 69px;
    margin: 10px 0 0 0;
    padding: 23px 0 0 0;
    overflow: hidden;
    display: block;
    color: #FFFFFF;
    background: url(/images/btn_view_all.gif) top left no-repeat;
    text-decoration: none; 
    height: 0px !important;
    height /**/: 23px;/* for ie5.x */
}

.section-title {
    float: left;
    width: 141px;
}

.section-title h1 {
    position: relative;
    margin: 00;
    padding: 142px 0 0 0;
    overflow: hidden;
    display: block;
    color: #FFFFFF;
    background: url(/images/ttl_good_products.gif) top left no-repeat;
    text-decoration: none; 
    height: 0px !important;
    height /**/: 142px;/* for ie5.x */
}

.section-photo {
    float: left;
    width: 397px;
    border-top: 1px solid #CFCFCF;
    border-left: 1px solid #FFF;
}

.hdr-tagline h2 {
    position: relative;
    margin: 0 0 5px 0;
    padding: 29px 0 0 0;
    overflow: hidden;
    display: block;
    color: #FFFFFF;
    background: url(/images/tagline_good_products.gif) top left no-repeat;
    text-decoration: none; 
    height: 0px !important;
    height /**/: 29px;/* for ie5.x */
}

.hdr-tagline-cool h2 {
    position: relative;
    margin: 0 0 5px 0;
    padding: 29px 0 0 0;
    overflow: hidden;
    display: block;
    color: #FFFFFF;
    background: url(/images/tagline_cool_products.gif) top left no-repeat;
    text-decoration: none; 
    height: 0px !important;
    height /**/: 29px;/* for ie5.x */
}

.hdr-tagline-manufacturers h2 {
    position: relative;
    margin: 0 0 5px 0;
    padding: 29px 0 0 0;
    overflow: hidden;
    display: block;
    color: #FFFFFF;
    background: url(/images/tagline_manufacturers.gif) top left no-repeat;
    text-decoration: none; 
    height: 0px !important;
    height /**/: 29px;/* for ie5.x */
}

.hdr-tagline-coherent h2 {
    position: relative;
    margin: 0 0 5px 0;
    padding: 29px 0 0 0;
    overflow: hidden;
    display: block;
    color: #FFFFFF;
    background: url(/images/tagline_coherent.gif) top left no-repeat;
    text-decoration: none; 
    height: 0px !important;
    height /**/: 29px;/* for ie5.x */
}

.hdr-tagline-environments h2 {
    position: relative;
    margin: 0 0 5px 0;
    padding: 29px 0 0 0;
    overflow: hidden;
    display: block;
    color: #FFFFFF;
    background: url(/images/tagline_environments.gif) top left no-repeat;
    text-decoration: none; 
    height: 0px !important;
    height /**/: 29px;/* for ie5.x */
}

.good-services {
    float: left;
    width: 251px;
}

.good-services h1 {
    position: relative;
    margin: 0;
    padding: 31px 0 0 0;
    overflow: hidden;
    display: block;
    color: #FFFFFF;
    background: url(/images/hdr_good_services.gif) top left no-repeat;
    text-decoration: none; 
    height: 0px !important;
    height /**/: 31px;/* for ie5.x */
}

.services-padding {
    padding: 10px 9px 20px 14px;
}

.services-padding a {
    color: #1C427B;
    font-weight: bold;
    font-size: 10px;
}

.left-detail {
    padding: 15px 21px 15px 0;
}

.cool-listing {
    padding: 10px 0;
}

.cool-listing a {
    font-weight: bold;
    font-size: 10px;
}

.coolproduct-padding {
    padding: 10px;
}

.learn-more {
    float: left;
}

.learn-more a {
    width: 212px;
    height: 158px;
    margin-bottom: 20px;
    display: block;
    background: url(/images/promo_request_visit.gif) top left no-repeat;
    text-decoration: none;
    text-indent: -9999px;
}

.learn-more-left2 a {
    border-top: 1px solid #CFCFCF;
    width: 220px;
    height: 130px;
    display: block;
    background: url(/images/promo_request_visit_left2.gif) top left no-repeat;
    text-decoration: none;
    text-indent: -9999px;
}

.listing-padding ul {
    padding: 10px 10px 10px 10px;
}

.header-left {
    float: left;
    width: 240px;
}

.header-right {
    float: left;
    width: 245px;
}

.category h2 {
    width: 240px;
    height: 31px;
    text-indent: -9999px;
    background: url(/images/hdr_select_cat.gif) top left no-repeat;
}

.we-love h2 {
    width: 245px;
    height: 31px;
    text-indent: -9999px;
    background: url(/images/hdr_cool_products.gif) top left no-repeat;
}

.left-padding {
    padding: 10px 9px 20px 14px;
}

.right-padding {
    padding: 10px 5px 20px 16px;
}

.right-padding strong {
    font-size: 10px;
}

.category-border {
    border-bottom: 1px solid #C1C1C1;
}

#related-services h2 {
    margin-bottom: 5px;
    width: 214px;
    height: 31px;
    background: url(/images/hdr_related_services.gif) top left no-repeat;
    text-indent: -9999px;
}

#related-manufacturers h2 {
    width: 244px;
    height: 31px;
    background: url(/images/hdr_related_manufacturers.gif) top left no-repeat;
    text-indent: -9999px;
}

.related-line {
    border-left: 1px solid #D1D1D1;
    padding: 10px 0 0 17px;
}

.photo-gallery a {
    display: block;
    width: 160px;
    height: 60px;
    background: url(/images/btn_photo_gallery.gif) top left no-repeat;
    text-indent: -9999px;
    text-decoration: none;
}

.row1 {
    background: #F3F3F3;
    padding: 10px;
    text-align: center;
}

.row2 {
    background: #F7F7F7;
    padding: 10px;
    text-align: center;
}

.quote {
    padding-bottom: 8px;
}

.quote strong {
    font-size: 10px;
}

.costruct {
    float: right;
    margin: 10px 0 10px 15px;
}

/************************************
* Logic for Products Subnavigation Selected State
************************************/

body.coolproducts-on #coolproductsmenu {
    background: url(/images/subnav_products.gif) -168px 0 no-repeat;
}

body.manufacturers-on #manufacturersmenu {
    background: url(/images/subnav_products.gif) -168px -26px no-repeat;
}

body.coherent-on #coherentmenu {
    background: url(../images/subnav_products.gif) -168px -52px no-repeat;
}


/************************************
* Product Subnavigation
************************************/

div#subnav { 
    width: 219px; 
    margin: 0; 
    padding: 28px 0 33px 26px; 
    border-top: 1px solid #CFCFCF; 
    border-bottom: 1px solid #CFCFCF;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 193px;
}

html>body div#subnav {
    width: 193px;
}

div#subnav ul#sub-menu { 
    height: 78px; 
    width: 168px; 
    background: url(/images/subnav_products.gif) top left no-repeat; 
    margin: 0; 
    padding: 0; 
    border-bottom: 1px solid #CFCFCF;
    position: relative; 
}

div#subnav ul#sub-menu li { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
    position: absolute; 
}

ul#sub-menu li, ul#sub-menu a { 
    width: 168px; 
    height: 26px;
    display: block; 
}

div#subnav ul#sub-menu li a { 
    text-indent: -9999px; 
    text-decoration: none; 
}

#coolproductsmenu { top: 0px; }
#manufacturersmenu { top: 26px; }
#coherentmenu { top: 52px; }

#coolproductsmenu a:hover { background: url(/images/subnav_products.gif) -168px 0 no-repeat; }
#manufacturersmenu a:hover { background: url(/images/subnav_products.gif) -168px -26px no-repeat; }
#coherentmenu a:hover { background: url(/images/subnav_products.gif) -168px -52px no-repeat; }