/*#newsList { float: left; width: 940px; font-family: Arial, Helvetica, sans-serif; }*/ #newsList { list-style-type: none } #newsList li { float: left; width: 100%; padding-top: 15px; padding-bottom: 15px; background-image: url(../images/dotted_line.gif); background-repeat: repeat-x; background-position: left bottom; } #newsList li div { float: left; width: 100%; display: block; } #newsList li div .date { float: left; font-size: 12px; padding-top: 1px; color: #666; font-weight: bold; } #newsList li div .newsUint { font-size: 12px; font-style: normal; font-weight: bold; color: #444; font-family: Verdana, Geneva, sans-serif; background-image: url(../images/bullet_news.png); background-repeat: no-repeat; background-position: left center; display: block; float: left; width: 200px; padding-left: 10px; margin-left: 6px; } #newsList li .headline { float: left; width: 100%; display: block; color: #555; line-height: 20px; font-size: 14px; padding-top: 5px; } #newsList li .headline:hover { color: #999; } .container #paList #recycling { color: #060; padding-right: 20px; padding-left: 20px; } #paList { padding: 20px 0 100px; } .container #paList #privacy { color: #6F706F; padding-right: 20px; padding-left: 20px; } .container #paList #privacy h5{ color: #3F453F; font-size: 14px; font-weight: bold; padding-top: 20px; } #profiles { float: left; width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #555; line-height: 20px; } #profiles .Introduction { font-size: 18px; color: #000; display: block; line-height: 24px; padding-bottom: 20px; } #profiles h3 { margin: 20px 0px 0px; padding: 0px; color: #000; } #profiles ul { padding-top: 5px; padding-bottom: 5px; } #profiles ul li { background-image: url(../images/bullet_download_list.png); background-repeat: no-repeat; background-position: left 4px; padding-left: 10px; margin-top: 8px; margin-bottom: 8px; line-height: 16px; margin-left: 4px; list-style-type: none } #profiles #distributors { margin: 0px; padding: 0px; } #profiles #distributors li { font-size: 0px; line-height: 0px; background-image: none; margin: 0px; padding: 0px; float: left; } #quickFacts { float: right; width: 100%; font-family: Arial, Helvetica, sans-serif; color: #666; } #quickFacts h3 { font-size: 14px; color: #666; border-bottom: 1px solid #979797; padding-bottom: 10px; margin-bottom: 10px; } #quickFacts ul { font-size: 13px; float: left; width: 100%; line-height: 18px; } #quickFacts ul li { float: left; width: 100%; padding-top: 5px; padding-bottom: 5px; } #quickFacts ul li label { float: left; display: block; width: 90px; font-weight: bold; } #quickFacts ul li p { margin: 0px; padding: 0px; float: left; width: 130px; } .contactInfo { float: left; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #333; line-height: 18px; font-weight: bold; height: 100px; /*border-right: 1px solid #CCC;*/ margin-bottom: 20px; padding-top: 15px; padding-bottom: 15px; } .contactInfo figure { float: left; height: 91px; width: 91px; display: block; padding-right: 15px; } .contactInfo h3 { font-family: Verdana, Geneva, sans-serif; font-size: 13px; color: #333333; float: left; margin: 0px; padding: 0px 0px 10px; width: 140px; display: block; line-height: 15px; } .contactInfo p { margin: 0px; padding: 0px; float: left; } .contactLine { float: left; width: 100%; margin: 0px 0px 20px; padding: 0px; font-size: 0px; line-height: 0px; display: block; height: 1px; background-color: #CCC; } .contact1 { width: 720px; margin-right: 20px; } .contact2 { width: 250px; border-width: 0px; border-style: none; } .contact3 { width: 305px; margin-right: 20px; } .contact4 { width: 334px; margin-right: 20px; } .contact5 { border-width: 0px; border-style: none; } .contact5 h3 { padding: 0px; line-height: 16px; margin-top: 29px; } .contact5 h3 a { color: #09C; } .contact5 h3 a:hover { color: #c20; } .contact1 .mailList { float: left; width: 615px; margin: 0px; padding: 0px; display: block; } .contact1 .mailList li { float: left; width: 300px; list-style-type: none; color: #c20; /*background-image: url(../images/bullet_download.gif); background-repeat: no-repeat; background-position: left 5px; padding-left: 7px;*/ line-height: 14px; padding-bottom: 10px; } .contact1 .mailList li a { color: #09C; } .contact1 .mailList li a:hover { color: #c20; } .contact1 .mailList li.fix { width: 180px; } .contact1 .mailList li.fix2 { width: 315px; } .contact2 p { width: 140px; padding-bottom: 5px; display: block; color: #333333; } .contact2 .showMap { float: left; height: 17px; width: 36px; } .contact3 ul { float: left; width: 100px; } .contact3 ul li { padding-bottom: 5px; /*background-image: url(../images/bullet_download.gif); background-repeat: no-repeat; background-position: left 7px; padding-left: 7px;*/ float: left; width: 180px; display: block; color: #333333; } .contact3 ul li a { font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; } .contact4 p { width: 210px; display: block; color: #333333; } i.s1 { width: 94px; height: 91px; background: url(../images/icon_contact1.png) /*no-repeat -5px -3px*/; float: left; margin:0 1em 0 0; } ul.service_grid li.desc { overflow: hidden; } ul.service_grid li.desc h3{ color:#556b72; font-weight:800; font-size:1.1em; text-transform:uppercase; } ul.service_grid li.desc p{ color: #A3B1B6; font-size: 0.85em; line-height: 1.8em; } ul.service_grid li.desc p2{ color: #c20; font-size: 0.85em; line-height: 1.8em; } ul.service_grid li.desc a { color: #09C; /*color: #c20;*/ } ul.service_grid li.desc a:hover { color: #c20; } i.s2{ width: 91px; height: 91px; background: url(../images/icon_contact2.png) /*no-repeat -84px -3px*/; float: left; margin:0 1em 0 0; } i.s3{ width: 91px; height: 91px; background: url(../images/icon_contact3.png) /*no-repeat -166px -3px*/; float: left; margin:0 1em 0 0; } i.s4{ width: 91px; height: 91px; background: url(../images/icon_contact4.png) /*no-repeat -249px -3px*/; float: left; margin:0 1em 0 0; } i.s5{ width: 91px; height: 91px; background: url(../images/icon_contact5.png) /*no-repeat -334px -3px*/; float: left; margin:0 1em 0 0; } /*i.s6{ width: 75px; height: 65px; background: url(../images/icon_contact1.png) no-repeat -411px -5px; float: left; margin:0 1em 0 0; }*/ .tz-title-4 p{ display: block; color: #556b72; font-weight: 800; text-transform: uppercase; line-height: 24px; margin: 0; padding: 25px 0; position: relative; font-size:30px; } /*--------------------------------------------------*/ ul.contact_social { padding: 0; margin: 0; list-style: none; } ul.contact_social li { float: left; margin-right: 5px; } ul.contact_social li a i { width: 25px; height: 25px; display: block; background: url(../images/img_sprite.png)no-repeat; } ul.contact_social li a i.fb { background-position:-178px -173px; } ul.contact_social li a i.tw { background-position:-205px -174px; } ul.contact_social li a i.google{ background-position:-235px -173px; } ul.contact_social li a i.utube{ background-position:-266px -174px; } ul.contact_social li a i.linkedin{ background-position:-296px -174px; } .contact_right input[type="text"], .contact_right textarea { padding: 12px 20px; font-size: 0.85em; margin:5px 0; border: 1px solid #ddeff1; color: #A3B1B6; background: none; outline: none; width: 100%; -webkit-appearance: none; } .contact_right textarea{ height:150px; resize:none; } .contact_right input[type="submit"] { -webkit-appearance: none; cursor: pointer; border: none; outline: none; text-transform: uppercase; font-weight: 700; background:#ff8261; color: #fff; font-size: 13px; padding: 13px 30px; float: right; } .contact_right input[type="submit"]:hover{ background:#4c515b; } .map iframe { width: 100%; min-height: 400px; border: none; margin-bottom: -5px; } .service_grid1 p, .span_2_of_about p, ul.project_box li.desc p, .testimonial_grid p, .blog_top p, ul.single_post1 li.single_post1-desc p, p.text1, .login-left p, .login-right p{ color: #A3B1B6; font-size: 0.85em; line-height: 1.8em; } /*community*/ /*-- banner-bottom --*/ .tips-left-fig{ float:left; width:30%; } .tips-left-fig img{ width: 100%; border: 1px solid #DADADA; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 10px; } .tips-left-text{ float:right; width:65%; } p.amet a{ font-size: 15px; color: #737470; text-decoration: none; margin-left: 0px; } p.amet a:hover{ color: #000; text-decoration: underline; } .tips-left-fig p{ font-size:15px; color:#000; margin:.5em 0 0; line-height:1.8em; } .read1{ margin:3.5em 0 0; } .read1 a{ padding: 13px 40px; border:1px solid #fd5c63; color: #fd5c63; font-size: 13px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; text-decoration:none; } .read1 a:hover{ color:#000; text-decoration:none; } .tips-read{ margin:1.5em 0 0; } .tips-read a{ padding:7px 25px; border:1px solid #938743; color: #938743; font-size: 13px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; text-decoration:none; } .tips-read a:hover{ color:#fff; text-decoration:none; } /*-- //banner-bottom --*/ /*-- team --*/ .tips-left-text p.amet { font-size: 15px; line-height:1.7em; color:#000; margin:0; } .tips-left-text p{ margin: 0; font-size: 15px; line-height: 1.7em; color: #E50202; } /*-- //team --*/ @media (max-width: 320px){ .read a { padding: 6px 25px; } .tips-left-text p, p.amet a, .feature-right p, .about-left-text p, p.laborum, .sample-page-info p, p.molestiae { font-size: 13px; } p.molestiae { margin: 0.5em 0 1.5em; } .tips-left-fig { float: none; width: 100%; margin-bottom: 1em; } .tips-left-text { width: 100%; float: none; text-align: center; } .tips-left-text p { margin: 0 0 5px; } .tips-left h4 { font-size: 1.3em; margin: .5em 0 1em; } .tips { padding: 1em 0 2em; } .tips-left-fig { text-align: center; } .tips-left-fig img { width: 65%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; } } /*----------------sitmap-----------------------*/ #sitemapList { float: left; width: 100%; margin: 0px; padding: 15px 0px 0px; list-style-type:none; } #sitemapList .unit { float: left; width: 260px; padding-right: 25px; padding-left: 25px; } #sitemapList .unit .item h3 { font-size: 16px; margin: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ddd; color: #333; padding-bottom: 5px; font-family: Verdana, Geneva, sans-serif; background-image: url(../images/bullet_download_list.png); background-repeat: no-repeat; background-position: 2px center; padding-left: 12px; padding-top: 5px; float: left; display: block; width: 248px; } #sitemapList .unit .item .itemContent h4 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding: 0px; color: #333; margin: 8px 0px 0px; width: 260px; float: left; } #sitemapList .unit .item .itemContent h4 a { color: #333; background-image: url(../images/dotted_line.gif); background-repeat: repeat-x; background-position: left bottom; width: 260px; float: left; display: block; margin: 0px; padding: 0px 0px 8px; } #sitemapList .unit .item .itemContent h4 a:hover { color: #c20; } #sitemapList .unit .item .itemContent ul { font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px 0px 8px; float: left; width: 260px; background-image: url(../images/dotted_line.gif); background-repeat: repeat-x; background-position: left bottom; list-style-type:none; } #sitemapList .unit .item .itemContent ul li { padding: 0px 0px 0px 8px; margin: 2px 0px; float: left; width: 252px; background-image: url(../images/bullet_download.gif); background-repeat: no-repeat; background-position: 2px center; } #sitemapList .unit .item .itemContent ul li a { color: #555; text-decoration: none; font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; } #sitemapList .unit .item .itemContent ul li a:hover { text-decoration: underline; } /*----------------sitmap------end-----------------*/ /*-----Product Comparison--------------------*/ #productPic { width: 100%; float: left; font-size: 12px; color: #333; font-family: Arial, Helvetica, sans-serif; } #productPic th { width: 139px; border-right: 1px solid #b4b4b4; } #productPic th, #productPic td { padding: 12px; } #productPic td { border-right: 1px solid #b4b4b4; text-align: center; } #productPic .type { text-align: center; display: block; padding-top: 20px; color: #444; } #productPic .type:hover { color: #c20; } #printProductPic { display: none; } #specTop { float: left; width: 390px; margin-top: 30px; } #specTop li { float: left; padding-right: 25px; } #specTop li a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #333; line-height: 18px; height: 18px; background-repeat: no-repeat; background-position: left center; display: block; padding-left: 21px; } #specTop li a:hover { text-decoration: underline; } #specTop #print { background-image: url(../images/icon_spec_print.png); } #specTop #mail { background-image: url(../images/icon_spec_mail.png); } #specTop #download { background-image: url(../images/icon_spec_download.png); } #specExpand { float: right; width: 332px; margin-top: 30px; } #specExpand li { float: left; padding-left: 25px; } #specExpand li a { font-size: 12px; color: #333; font-family: Arial, Helvetica, sans-serif; line-height: 18px; background-repeat: no-repeat; background-position: left 1px; height: 18px; padding-left: 15px; } #specExpand li a:hover { text-decoration: underline; } #specExpand #expandAll { background-image: url(../images/btn_spec_open.png); } #specExpand #collapseAll { background-image: url(../images/btn_spec_close.png); } #specTable { float: left; width: 100%; margin: 7px 0px 0px; padding: 0px; } #specTable .specItem { float: left; width: 100%; margin-bottom: 17px; position: relative; } #specTable .specItem .title { margin: 0px; padding: 0px 0px 0px 11px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 14px; line-height: 33px; background-color: #bdbdbd; height: 33px; float: left; width: 100%; display: block; } #specTable .specItem .title a { background-repeat: no-repeat; background-position: 0px center; color: #333; padding-left: 20px; display: block; float: left; } #specTable .specItem .title .collapse { background-image: url(../images/btn_spec_close.png); } #specTable .specItem .title .expand { background-image: url(../images/btn_spec_open.png); } #specTable .specItem .content { float: left; width: 100%; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; } #specTable .specItem .content th, #specTable .specItem .content td { padding: 4px 12px; border-bottom: 1px solid #b4b4b4; } #specTable .specItem .content th { /*padding: 12px;*/ width: 139px; } #specTable .specItem .content td { border-left: 1px solid #b4b4b4; } #specTable .specItem .energyGuideLabel { position: relative; } #specTable .specItem .energyGuide { position: absolute; left: 0px; top: -10px; z-index: 99; padding: 1px; display: none; background-color: #000; }