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

body {
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    margin:0;
    padding:0;
    background:url(body-bg.jpg);
    color:#a1a39a;
}





h1{
    margin-bottom: 0px !important;
}

#outerWrapper{
    width:100%;
    margin:0;
    padding:0;
}

#header{
    background:url(header-bg.jpg) no-repeat center bottom #3a3a3a;
    height:130px;
    width:100%;
    position:relative;
        font-family: 'Open Sans', Arial, sans-serif;
}

#header .content{
    width:1060px;
    margin:0 auto;
    padding:0;
    position:relative;

}
#header .content01{
padding-top: 4px;
}

#phone{
    height:25px;
    width:121px;
    font-size:14px;
    color:#fff;
    position:absolute;
    left:800px;
    text-align:right;
    background:url(phone-symbol.png) no-repeat;
}

#email{
    height:25px;
    width:223px;
    font-size:14px;
    color:#fff;
    position:absolute;
    left:801px;
    top:31px;
    text-align:right;
    background:url(email-symbol.png) no-repeat;
}

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

#email a:hover{
    color:#fff;
    text-decoration:underline;
}

#logo{
    position:absolute;
    width:399px;
    height:88px;
    top: 4px;
    text-align: left;
    float: left;
}
#search{
    position:absolute;
    left: 800px;
    top: 61px;
}

#dwSearchBox {
    background:#dbdbdb;
    width:175px;
    height:18px;

}
#search-btn{
    position:absolute;
    width:46px;
    height:25px;
    left: 166px;
    top: 0px;
}

#topnav {
    position:absolute;
    width:1060px;
    background:url(catnav-topnav.jpg) no-repeat center;
    height:53px;
    padding:0;
    z-index:20;
    left: 0px;
    top: 101px;
    font-size:14px;
    margin:0;
}

#topnav ul li{
    float:left;
    list-style-type:none;
    width:132.3px;
    text-align:center;
    text-transform:uppercase;
}
#topnav ul{
    padding:0;
    margin:0;
}

#topnav ul li a{
    display:block;
    padding:15px 1em;
    color:#c74d1b;
    text-decoration:none;
    margin:0;
    background:url(top-nav-border.png) right no-repeat;

}
#topnav ul li a:hover{
    background:url(top-hav-hover.png);
    color:#fff;
}

#topnav ul li a.two-lines {
    padding:5px 0px;
}

#topnav ul li.login a{
    padding:5px 1em;
    background:url(top-nav-login.png) no-repeat;
    color:#fff;
}

#topnav ul li.login a:hover {
    background:url(top-nav-login-hover.jpg);
}

#banner{
    background:url(banner-bg-repeat.jpg) repeat-x;
    height:327px;
    position:relative;
    margin:0;
    padding:0;
    width:100%;
}

#banner .image{
    width:1060px;
    margin:0 auto;
    padding:20px 0 0 0;
}

#contentWrapper{
    width:100%;
    margin:0 auto;
    position:relative;
        z-index:10;
        padding:0;

}
#content {
    width:1060px;
    margin:20px auto 0 auto;
    padding:0 10px;
    position:relative;
}


#leftNavs {
    position:relative;
    float:left;
    width:240px;
    margin:20px  0;
    padding:0;
    font-family: 'Open Sans', Arial, sans-serif;
}

#blog-feed {
    position:relative;
    float:left;
    width:240px;
    margin:20px 0 0 0;
    padding:0;
    font-family: 'Open Sans', Arial, sans-serif;
}

#blog-feed{
    position:relative;
    width:220px;
    background:url(leftnav-bg.png) bottom no-repeat;
    float:left;
    font-size:13px;
}

#blog-feed ul{
    padding:0;
    margin:0;
}

#blog-feed ul li{
    list-style-type:none;
    padding:0;
    margin:0;
}

#blog-feed ul li a{
    display:block;
    padding:0.5em .9em;
    color:#a1a39a;
    text-decoration:none;
}

#blog-feed ul li a:hover{
    background:#f5572c;
    color:#000;
}

#blog-feed .header{
    width:220px;
    background:url(leftnav-header-bg.png) no-repeat;
    color:#fff;
    font-size:14px;
    text-align:center;
    text-transform:uppercase;
    padding:.5em 0;
    font-weight:600;
}

#leftNav{
    position:relative;
    width:220px;
    background:url(leftnav-bg.png) bottom no-repeat;
    float:left;
    font-size:13px;
}

#leftNav a, #blog-feed a{
    color:#fff;
    text-decoration:none;
}

#leftNav a:hover, #blog-feed a:hover{
    text-decoration:underline;
}

#leftNav ul{
    padding:0;
    margin:0;
    text-align: left;
}

#leftNav ul li{
    list-style-type:none;
    padding:0;
    margin:0;
}

#leftNav ul li a{
    display:block;
    padding:0.5em .9em;
    color:#a1a39a;
    text-decoration:none;
    *padding-top: 6px;
}

#leftNav ul li a:hover{
    background:#f5572c;
    color:#000;
    text-decoration:none;
}

#leftNav .header{
    width:220px;
    background:url(leftnav-header-bg.png) no-repeat;
    color:#fff;
    font-size:14px;
    text-align:center;
    text-transform:uppercase;
    padding:.5em 0;
    font-weight:600;
}
@media \0screen {
  #leftNav .header { padding-bottom: 7px}
}

#mainText {
    width:820px;
    position:relative;
    float:left;
    margin:0;
    padding:15px 0px 0px 0px;
}

.bucket{
    width:340px;
    height:190px;
    position:relative;
    background:url(bucket-bg.png) no-repeat center;
    color:#000;
    font-size:11px;
}

.bucket .see-more{
    position:absolute;
    width:96px;
    height:17px;
    left: 217px;
    top: 149px;
}

.bucket #evolution-high-efficiency{
    position:absolute;
    height:189px;
    width:107px;
    left: 27px;
}

.bucket #title-evolution-high-efficiency{
    position:absolute;
    height:189px;
    width:107px;
    left: 27px;
}

.bucket #evolution-condensing{
    position:absolute;
    height:193px;
    width:116px;
    left: 27px;
}

.bucket #solaris{
    position:absolute;
    height:145px;
    width:177px;
    left: 2px;
    top: 54px;
}

.bucket #TSBC{
    position:absolute;
    height:148px;
    width:149px;
    left: 2px;
    top: 53px;
}

.bucket .bkt-title{
    font-size:14px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight:600;
    line-height:16px;
}

.bucket .bkt-title a{
    color:#000;
    text-decoration:none;
}
.bucket .bkt-title a:hover{
    text-decoration:underline;
}

.bucket .list1{
    width:180px;
    position:absolute;
    left: 137px;
    top: 21px;
    height: 122px;
}

.bucket .list1 ul{
    margin:5px 0 0 10px;
    padding:0;
    position:relative;
}

.bucket .list2{
    width:169px;
    position:absolute;
    left: 147px;
    top: 17px;
}

.bucket .list2 ul{
    margin:5px 0 0 10px;
    padding:0;
}

.bucket .list3{
    width:291px;
    position:absolute;
    left: 25px;
    top: 17px;
}

.bucket .list3 ul{
    margin:5px 0 0 10px;
    padding:0;
    position:relative;
    float:right;
}
.bucket .list4{
    width:287px;
    position:absolute;
    left: 29px;
    top: 19px;
}

.bucket .list4 ul{

    padding:0;
    position:relative;
    float:right;
}

#footer{
    width:100%;
    position:relative;
    background:url(footer-bg.jpg) no-repeat center #3a3a3a;
    height:220px;
    clear:both;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size:13px;
    color:#fff;
    text-align: left;
}
#footerText{
    width:1060px;
    position:relative;
    margin:0 auto;
}

#footerText ul {
    margin:0;
    padding:0;
}

#footerText ul li{
    list-style-type:none;
    padding:2px 0;
}
.footer-title{
    font-size:18px;
    color:#f5572c;
}

#footer .pages{
    position:absolute;
    width:200px;
    height:200px;
    font-size:12px;
}
#footer .pages a{
    color:#fff;
    text-decoration:none;
}

#footer .pages a:hover{
    text-decoration:underline;
}
#footer .product-categories{
    position:absolute;
    width:200px;
    height:200px;
    font-size:12px;
    left:210px;
}
#footer .product-categories a{
    color:#fff;
    text-decoration:none;
}
#footer .product-categories a:hover{
    text-decoration:underline;
}

#footer .product-categories p.notopmargin{
    margin:0 auto auto auto;
}

#footer .contact-info{
    position:absolute;
    width:247px;
    height:200px;
    font-size:12px;
    left:828px;
}

#footer .contact-info a{
    text-decoration:none;
}

#footer .contact-info a:hover{
    text-decoration:underline;
}

.orangeText{
    color:#f5572c;
}

.whiteText, a.whiteText{
    color:#fff;
}

.orangeText a,
.orangeText a:link,
.orangeText a:visited {
    color:#f5572c;
    text-decoration:underline;
}


.orangeText a:hover {
    text-decoration:none;
    color:#f5ba2c;
}