* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } html, body { height:100%; width:100%; } .container_all { min-height:100%; height:auto !important; height:100%; text-align:center; min-width:1000px; width:100%; padding-top:15px;} html, body, h1, h2, h3, h4, h5, h6, dl, dt, dd, .container_all form, .container_all ul, .container_all ol, .container_all li, .container_all p, .container_all div, .container_all input, .container_all_table { margin:0; padding:0; } .container_all a { color:inherit; color:expression(this.parentNode.currentStyle['color']); cursor:pointer; outline:none; border:none; text-decoration:underline; } .container_all a:hover { text-decoration:none; } .container_all a img { border:none; } .container_all ul, .container_all li { list-style:none;} .container_all .u { text-decoration:underline;} .clear{ padding:0; margin:0; width:100%; clear:both; float:none; font-size:0; line-height:0; } body { background:#f0f0f0; } .table { border:none; border-collapse:collapse; } .td { padding:0; } .container_all .td { border:none 0; } .va_t { vertical-align:top; } .va_b { vertical-align:bottom; } .td_1, .td_2, .td_3, .td_4, .td_5 { padding:0; } .w100 { width:100%; } .w50 { width:50%; } .w33 { width:33%; } .f_left { float:left; } a.mail { color:#56b9df; font-weight:normal; } #ca_table { width:100%; text-align:left; } .container_all .ca_indent { padding-bottom:20px; } .container_all, .container_all td, .container_all .text, .container_all input, .container_all select, .container_all textarea, .container_all li, #content ul.listing li.li, dd, dt, h1, h2, h3, h4, h5, h6 { font-family:Verdana, Helvetica, sans-serif; font-size:14px; line-height:18px; color:#787674; } /* |_________________________\ ALL /______________________| */ /* |_________________________\ HEADER /___________________| */ #languages_id_decor { position:relative; text-transform:none; width:100%; height:0; } #languages_id_decor .lid_1 { position:absolute; top:8px; right:10px; } #languages_id_decor .lid_2 { position:relative; } #languages_id_decor .select_arrow { position:absolute; right:0px; top:-1px; width:18px; height:20px; background:url(images/select_arrow.png) no-repeat 0 0; } #languages_id_decor:hover .select_arrow { background-position:0 -20px; } #languages_id_decor:active .select_arrow { background-position:0 bottom; } #languages_id_decor .currentSiteLanguagesSelect { display:block !important; position:absolute; z-index:1; border:solid 1px #7dbc07; background:none; width:100%; height:20px; padding-left:2px; line-height:18px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#787674; } #languagesSelect { opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter:alpha(Opacity=0); height:21px !important; display:block; position:relative; z-index:2 !important; color:#000; cursor:pointer; font-size:13px; } #languagesSelect options { height:20px; line-height:20px; } /* |_________________________\ Header /______________________| */ #header { width:100%; } #header .h_table { height:112px; } #header .h_table .td_left { width:39%; } #header .h_table .td_right { width:61%; } /* |_________________________\ company_name /______________________| */ /* |_________________________\ menu /_________________________| */ #footer .menu { position:relative; } #footer .menu ul { float:right; } #footer .menu ul li { float:left; font-size:12px; padding:0 15px; } #footer .menu ul li.last { padding-right:110px; background:none; } #footer .menu ul li a { text-decoration:none; } #footer .menu ul li a:hover, #footer .menu ul li a.active { text-decoration:underline; } /* |_________________________\ h1..h6 /_________________________| */ h1 { line-height:100%; } h1, h2, h3, h4, h5, h6{ display:block; overflow:hidden; } h1, h2, h3 { line-height:100%; font-size:100%; } h1 span, h2 span, h3 span, h4 span { display:inline-block; height:100%; vertical-align:middle; } .container_all h1 { white-space:nowrap; text-align:left; display:block; position:relative; overflow:visible; font-size:0; line-height:0; } .container_all h1 a { text-decoration:none; display:block; } .container_all h1 a em { display:inline-block; vertical-align:middle; } .container_all h1 a b { display:block; margin-top:-29px; position:relative; } .container_all h1 img { display:inline-block; vertical-align:middle; } #content h4, h4 { color:#ff761c; font-weight:normal; font-size:14px; line-height:18px; font-style:italic; padding-bottom:4px; } #content h4 a { text-decoration:none; color:#ff761c; } #content h5, h5, #content ul.listing li.li h5 { font-size:15px; line-height:20px; color:#7dbc07; font-weight:normal; } #content h6, h6 { color:#7dbc07; font-size:15px; line-height:20px; font-weight:bold; font-family:Arial; } #content dt { font-weight:bold; } #content strong { color:#3d2b2a; font-size:13px; } #content h6 a, #content dt a, #content h5 a { text-decoration:none; } #content ul.listing li.li h5 a, #content ul.listing li.li h6 a { text-decoration:none; } #content h6 a:hover, #content dt a:hover, #content h5 a:hover { text-decoration:underline; } /* |_________________________\ header_picture /_________________________| */ /* __________________________|FOOTER|_________________________ */ #footer .tLeft { width:32.5%; } #footer .tRight { width:67.5%; } #footer { width:100%; text-align:center; font-size:12px; padding-bottom:20px; } #footer .tIndent { padding:5px 0; } #footer .tRight .table { float:right; } #footer .tRight .tIndent { padding:0; overflow:hidden; } #footer .tLeft a b { display:block; margin-top:-20px; position:relative; } #footer .table { } #footer .tRight .table td { padding:5px 0px 0 10px; font-weight:normal; font-size:12px; } #footer .table td a { font-size:12px; } #footer .table td a:hover { text-decoration:none; } #footer img { vertical-align:middle; } /* |________________\Headers/_______________| */ #content .ib_header { padding:0 0 0 10px; height:30px; border-bottom:solid 1px #666; } #content .ib_header td { vertical-align:middle; } #content .ib_header h3, #content .ib_header h4 { font-size: 20px; font-weight: normal; } #content .ib_header h3 img, #content .ib_header h4 img { display:block; } /* __________________________|CONTENT|________________________ */ #content { width:100%; text-align:center; background:#fff; padding-top:50px;} #content .tIndent { padding:10px 0 20px 0; } #content .td_left, #content .td_right { vertical-align:top; } #content .ib_all { padding-bottom:20px; } #content .ib_content { padding:25px 0px 0 10px; } #content dd { padding-bottom:15px; text-indent:0; } #content dd p { text-indent:0; } #content dd.last { padding-bottom:0; } #content .date, .date { color:#ff761c; margin:0 0px 0 0; font-weight:normal; font-style:italic; } #content .picture { text-align:center; float:left; padding:0 15px 15px 0; } #content .picture img { display:block; margin:0 auto; } #content .picture_2 { text-align:center; padding:0 0 10px 0; text-align:center; } #content .picture_2 img { display:block; margin:0 auto; } /* |____________________________\ DECOR /_____________________________| */ #content .decor_1 { padding:15px 30px 0 30px; } #content .decor_1 .more_div { } #content .decor_1 .text { line-height:21px; } #content .decor_1 h6 { padding-bottom:10px; } #content .decor_2 { } #content .decor_2 .ib_header { background:url(../images/ph_decor.png) repeat-x left top; } #content .decor_2 .ib_header .table .td { height:41px; padding:0 15px; } #content .decor_2 .ib_content { padding-top:13px; } /* |____________________________\ loopedSlider /______________________| */ /* |____________________________\ image_class /_______________________| */ .image_top_left { margin:0 15px 15px 0; float:left; display:block; } .image_top_right { margin:0 0px 15px 15px; float: right; display:block; } .image_top_mid { margin:0 auto; margin-bottom:15px; display:block; } .image_mid_left { margin:15px 15px 15px 0; float:left; display:block; } .image_mid_right { margin:15px 0px 15px 15px; float:right; display:block; } .image_bottom_left { margin:15px 15px 0px 0; float:left; display:block; } .image_bottom_right { margin:15px 0px 0px 15px; float:right; display:block; } /* |_________________________\ page_texts_wrm /_________________________| */ #content .page_texts_wrm .default_tempate .picture { float:none; text-align:left; margin:0; padding-top:90px; background-position:left top; background-repeat:no-repeat; } #content .page_texts_wrm .default_tempate .picture img { margin:0; } /* |_________________________\ uls /_________________________| */ #content ul { overflow:hidden;} #content ul li { font-size:14px; line-height:25px; color:#787674; font-weight:normal; padding-left:14px; list-style: disc inside;} #content ul li h5, #content ul.listing li.li ul li h5 { color:#787674; font-size:14px; line-height:27px; font-weight:normal; } #content ul li h5 a, #content ul.listing li.li ul li a { text-decoration:underline; } #content ul li h5 a:hover { text-decoration:none; } #content ul.listing { margin:0; padding:0; } #content ul.listing li.li { background:url(images/empty.gif) no-repeat left top; padding:0; width:100%; display:block; overflow:hidden; font-weight:normal; } /* |_________________________\ loopedSlider /_________________________| */ #loopedSlider .table { } #loopedSlider .slides li { background-position:center; } #loopedSlider .previous { position:absolute; width:54px; height:95px; margin-top:-36px; top:50%; left:0; background:url(images/slider_arrow_l.png) } #loopedSlider .next { position:absolute; width:55px; height:95px; margin-top:-36px; top:50%; right:0; background:url(images/slider_arrow_r.png) } #loopedSlider .table td { padding:0 55px 0 55px; vertical-align:middle; height:476px; } #loopedSlider h2 { width:100%; position:relative; } #loopedSlider h2 .left { width:49%; display:inline-block; text-align:left; vertical-align:middle; } #loopedSlider h2 .right { width:49%; display:inline-block; text-align:right; vertical-align:middle; } #loopedSlider h2 img { position:relative; } /* |_________________________\ more /_________________________| */ .container_all .backLink { text-align:right; } .more_div { text-align:right; } .more_page .more_div { text-align:right; } .container_all .more_div { padding-top:18px; text-align:left; width:100%; overflow:hidden; } .container_all .more { font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:16px; text-decoration:none; text-transform:none; display:block; background:url(images/more_l.png) no-repeat left top; float:left; width:auto; padding-left:6px; font-style:italic; } .container_all .more span.png { display:block; float:left; background:url(images/more_r.png) no-repeat right top; padding-right:6px; } .container_all .more em { display:block; float:left; background:url(images/more_m.png) repeat-x left top; text-decoration:none; height:29px; line-height:27px; padding:0 3px; font-size:16px; color:white;} .container_all .more em:hover { color:black; } .container_all .backLink { float:right; } .container_all .backLink a {} .container_all .more:hover, .backLink a:hover { text-decoration:none; } .container_all .listing .more, .container_all .backLink a { display:inline-block; background:url(images/ul_arrow.png) no-repeat left 4px; vertical-align:top; font-size:18px; line-height:21px; color:#ff761c; text-decoration:none; padding-left:18px; } .container_all .listing .more span.png { background:none; padding:0; display:inline; } .container_all .listing .more em { background:none; padding:0; display:inline; line-height:21px; font-size:18px; } #content .tForm .more { background-image:url(images/fb_l.png); } #content .tForm .more span.png { background-image:url(images/fb_r.png); } #content .tForm .more em { background-image:url(images/fb_m.png); } /* |_________________________\ testimonials /______________________________| */ #content .testimonials .featured h6 { padding-top:5px; } #content .testimonials .featured h6 a { text-decoration:none; } #content .testimonials .featured h6 a:hover { text-decoration:underline; } #content .testimonials .featured ul.listing li.li { background-image:none; margin-bottom:0; } #content .testimonials .featured ul.listing li.last { padding-bottom:0; } #content .testimonials .default_template ul.listing li.li .text { padding-top:0; } #content .testimonials .featured .picture { } #content .testimonials .author { text-align:right; } #content .testimonials .author a { text-decoration:none; } #content .testimonials .author a:hover { text-decoration:underline; } /* |_________________________\ listing_texts /______________________________| */ #content .listing_texts ul.listing li.li { padding-bottom:20px; background:none; display:block; list-style:none; } #content .listing_texts ul.listing li.last { margin-bottom:0px; padding:0; } #content .listing_texts {} #content .listing_texts .ib_content { } #content .listing_texts .picture { float:left; margin-right:15px; margin-bottom:0; background-position:center center; background-repeat:no-repeat; text-align:center; } /* |_________________________\ producing /__________________________________| */ #content .producing .featured ul.listing li.li { width:50% !important; width:49.9%; float:left; padding-bottom:45px; } #content .producing .featured ul.listing li.last { padding-bottom:0; } #content .producing .featured ul.listing li.left .tIndent { padding:0 25px 0 0; } #content .producing .featured ul.listing li.right .tIndent { padding:0 0 0 25px; } #content .producing .featured ul.listing li.li .more_div { text-align:right; } /* |_________________________\ producing /__________________________________| */ #content .solutions_showcase .featured ul.listing li.li { padding-bottom:45px; } #content .business .featured ul.listing li.li { padding-bottom:30px; } #content .solutions_showcase .featured ul.listing li.last { padding-bottom:0 !important; } /* |_________________________\ news_letter /_________________________________| */ #content .news_letter .ib_header { height:auto; padding-bottom:9px; } #content .news_letter .ib_content { padding-top:17px; } #content .news_letter .tForm input { width:188px; display:inline-block; vertical-align:middle; } #content .news_letter .tForm .ide_1 { width:188px; height:24px; display:inline-block; vertical-align:middle; float:left; margin-top:4px; } #content .news_letter .tForm .ide_1 input { width:100%; } #content .news_letter .tForm .unsubscribe { color:#7dbc07; font-size:13px; } #content .news_letter .tForm .more_div { text-align:left; padding-top:9px; } #content .news_letter .tForm .submit { background:url(images/submit_l.png) no-repeat left center; padding-left:6px; display:inline-block; vertical-align:middle; text-decoration:none; color:#fff; height:29px; } #content .news_letter .tForm .submit span.png { background:url(images/submit_r.png) no-repeat right center; padding-right:6px; display:inline-block; } #content .news_letter .tForm .submit em { background:url(images/submit_m.png) repeat-x left center; padding:0 6px; display:inline-block; line-height:29px; font-size:16px; } #content .news_letter .tForm .more_div { clear:both; } /* |_________________________\ copyrightTemplate /__________________________| */ .container_all div.copyrightTemplate { text-align:right; padding-top:5px; font-size:12px; } /* |_________________________\ projects /___________________________________| */ #content .projects .best h6 { display:inline; width:auto; padding:0; } #content .projects .search .line { width:100%; overflow:hidden; padding:2px 0; } #content .projects .search .line label { width:49%; float:left; padding:0; } #content .projects .search .line input, #content .projects .search .line select { width:49%; float:right; line-height:normal; } /* |_________________________\ our_location /_______________________________| */ #content .our_location dt { padding-bottom:0px; } #content .our_location dd { padding-bottom:15px; } #content .our_location dd.last { padding-bottom:0; } /* |_________________________\ faq /______________________________| */ #content .faqTemplate dl.block { margin-top:15px; padding-top:15px; border-top:solid 1px #ddd; } /* |_________________________\ news /_____________________________| */ #content .news {} #content .news .picture { float:left; display:block; margin:0 15px 0px 0; } #content .news .picture img { display:block; } #content .news ul.listing li.li { padding-bottom:17px; display:block; } #content .news ul.listing li.last { padding-bottom:0; } #content .news h3 span { display:inline-block; vertical-align:middle; } #content .news h3 img { vertical-align:middle; } #content .news h3 a { margin-left:10px; } #content .news h6 { clear:both; } #content .news h5 a { text-decoration:none; } #content .news h5 a:hover { text-decoration:underline; } rss description, rss title { display:block; margin:20px 0; } /* |_________________________\ contactForm /_________________________| */ #content .tForm input, #content .tForm select, #content .tForm textarea, #content .tForm label, #content .tForm{ width:100%; } #content .tForm input, #content .tForm select, #content .tForm textarea { background:#f5f5f5; border:solid 1px #808080; border-bottom-color:#d9d9da; border-right-color:#d9d9da; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; font-size:11px; } #content .tForm input:focus, #content .tForm textarea:focus { border:solid 1px #808080; border-top-color:#d9d9da; border-left-color:#d9d9da; } #content .tForm input, #content .tForm select { height:24px; line-height:normal; padding:0; display:block; } #content .tForm input, .tForm textarea { padding:0 3px; } #content .tForm label { display:block; font-weight:normal; color:#979592; font-size:11px; padding-top:5px; } #content .tForm textarea { height:70px; overflow:auto; margin:0; } #content .tForm .td_left .indent { padding:0 5px 0 0; } #content .tForm .td_right .indent { padding:0 2px 0 5px; } #content .tForm div.more_div { text-align:right; padding-top:10px; padding-right:1px; } #content .tForm .more { margin:0 0 0 10px; float:right; } #content .tForm .bottom .indent { padding-bottom:0; } #content .tForm img { display:block; } #content .tForm .captcha { padding:10px 0; } #content .tForm .ide_1 { background:url(images/in_l.png) no-repeat left top; padding-left:6px; } #content .tForm .ide_2 { background:url(images/in_r.png) no-repeat right top; padding-right:6px; } #content .tForm .ide_3 { background:url(images/in_m.png) repeat-x left top; height:24px; width:100%; } #content .tForm .ide_1 input { border:none; background:none; line-height:24px; } #content .tForm .ta_de_1 { background:url(images/ta_tl.png) no-repeat left top; padding-left:6px; line-height:0; font-size:0; } #content .tForm .ta_de_1_1 { background:url(images/ta_tr.png) no-repeat right top; padding-right:6px; } #content .tForm .ta_de_1_2 { background:url(images/ta_tm.png) repeat-x left top; height:6px; width:100%; } #content .tForm .ta_de_2 textarea { border:none; background:none; line-height:24px; position:relative; } #content .tForm .ta_de_2 { padding-right:1px; background:url(images/ta_brl.png) repeat-y right top; position:relative; z-index:2; } #content .tForm .ta_de_2_1 { width:100%; background:url(images/ta_brd.gif) repeat-y left top #f5f5f5; padding:1px 0; } #content .tForm .ta_de_2_2 { margin:-6px 0; position:relative; width:100%; } #content .tForm .ta_de_3 { background:url(images/ta_bl.png) no-repeat left top; padding-left:6px; line-height:0; font-size:0; position:relative; z-index:1; } #content .tForm .ta_de_3_1 { background:url(images/ta_br.png) no-repeat right top; padding-right:6px; } #content .tForm .ta_de_3_2 { background:url(images/ta_bm.png) repeat-x left top; height:6px; width:100%; } /* |_________________________| LAYOUTS |_________________________| */ #content .layout_table { } #content .columnIndent { } .tWidth { width:1000px; margin:0 auto !important; text-align:left; } .lt_td_left, .lt_td_right { vertical-align:top; } /* |_________________________\ layout_index /_________________________| */ #layout_index { } #layout_index .td { text-align:left; } #layout_index .lt_td_left { width:32%; vertical-align:top; background:url(images/column_sep.gif) repeat-y right top; } #layout_index .lt_td_mid { width:34%; vertical-align:top; background:url(images/column_sep.gif) repeat-y right top; } #layout_index .lt_td_right { width:32%; vertical-align:top; } #layout_index .lt_td_left .columnIndent { padding:0 25px 0px 0px; } #layout_index .lt_td_mid .columnIndent { padding:0 24px 0px 24px; } #layout_index .lt_td_right .columnIndent { padding:0 0px 0px 25px; } /* |_________________________\ layout_1_2 /_________________________| */ #layout_1_2 { } #layout_1_2 .td { text-align:left; } #layout_1_2 .lt_td_left { width:36%; vertical-align:top; } #layout_1_2 .lt_td_right { width:64%; vertical-align:top; } #layout_1_2 .lt_td_left .columnIndent { padding:0 25px 0px 0px; } #layout_1_2 .lt_td_right .columnIndent { padding:0 0px 0px 25px; } /* |_________________________\ layout_1_2 /_________________________| */ #layout_2_1 { } #layout_2_1 .td { text-align:left; } #layout_2_1 .lt_td_left { width:68%; vertical-align:top; vertical-align:top; background:url(images/column_sep.gif) repeat-y right top; } #layout_2_1 .lt_td_right { width:32%; vertical-align:top; } #layout_2_1 .lt_td_left .columnIndent { padding:0 25px 0px 0px; } #layout_2_1 .lt_td_right .columnIndent { padding:0 0px 0px 25px; } /* |_________________________\ layout_subPage /_________________________| */ #layout_subPage { text-align:left; } #layout_subPage .columnIndent { padding:1px; } #layout_subPage .ib_all { padding:0px; } .displayitem { background: #fff; } #ecologo { } #ecologo img { } #ecomenu { float: right; height: 60px; margin: 50px 30px 0 0; } .ecomenuitem { float: left; height: 50px; } .ecomenuitem a img { float: left; height: 50px; } #menu-products, #menu-products a img { width: 105px; } #menu-products { background: url(images/menu-products.png) top center no-repeat; } #menu-products:hover { background: url(images/menu-products.png) bottom center no-repeat; } #menu-customer-service, #menu-customer-service a img { width: 178px; } #menu-customer-service { background: url(images/menu-customer-service.png) top center no-repeat; } #menu-customer-service:hover { background: url(images/menu-customer-service.png) bottom center no-repeat; } #menu-free-rate-quote, #menu-free-rate-quote a img { width: 178px; } #menu-free-rate-quote { background: url(images/menu-free-rate-quote.png) top center no-repeat; } #menu-free-rate-quote:hover { background: url(images/menu-free-rate-quote.png) bottom center no-repeat; } #menu-contact-us, #menu-contact-us a img { width: 128px; } #menu-contact-us { background: url(images/menu-contact-us.png) top center no-repeat; } #menu-contact-us:hover { background: url(images/menu-contact-us.png) bottom center no-repeat; } #menu-about-us, #menu-about-us a img { width: 105px; } #menu-about-us { background: url(images/menu-about-us.png) top center no-repeat; } #menu-about-us:hover { background: url(images/menu-about-us.png) bottom center no-repeat; } ol.installsteps { } ol.installsteps li { list-style: decimal; list-style-position: outside; margin-left: 30px; margin-bottom: 9px; } .questions a { text-decoration: none; color: #0068b7; } .questions a:hover { text-decoration: underline; } .questions a.btt { font-weight: normal; font-family: Verdana; font-size: 11px; } #litsection .lititem { float: left; width: 160px; height: 260px; margin: 30px; padding: 5px; text-align: center; color: #0068b7; } #litsection .lititem a{ display: block; width: 160px; text-decoration: none; } ul.aboutlist { list-style: disc; background: #fff; } #footer .menu #register-link { position: absolute; top: -72px; left: -22px; height: 82px; width: 177px; } #footer .tIndent { overflow: visible; } #footer .tIndent .tIndent { overflow: visible; } .addbold { font-weight: bold; } #apply-now { height: 40px; width: 281px; margin-top: 20px; background: url(images/apply-now.png) no-repeat top center; } #apply-now:hover { background: url(images/apply-now.png) no-repeat bottom center; } #apply-now img { height: 40px; width: 281px; } .certlink, .certlink img { height: 135px; width: 175px; } #bluecert { background: url(images/cert-blue.png) bottom center no-repeat; } #bluecert:hover { background: url(images/cert-blue.png) top center no-repeat; } #goldcert { background: url(images/cert-gold.png) bottom center no-repeat; } #goldcert:hover { background: url(images/cert-gold.png) top center no-repeat; } #platcert { background: url(images/cert-plat.png) bottom center no-repeat; } #platcert:hover { background: url(images/cert-plat.png) top center no-repeat; } #links p { margin: 12px 0; } #links a { color:#0078ae; text-decoration: none; } #links a:hover { color:#787674; text-decoration: underline; }