/********************************************************************************************************************/ /********* RESET STYLESHEET IS A MODIFIED VERSION OF ERIC MEYER'S 'RESET RELOADED STYLESHEET ************************/ /********************************************************************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0; outline:0;font-family:inherit;font-size:inherit;line-height:inherit;font-style:inherit;font-weight: normal;text-align:left;} :focus{outline: 0;} ul, ol{list-style:none;} caption{text-align:left;font-weight:normal;} em{font-style:italic;} strong{font-weight:bold;} sup{font-size:0.7em;vertical-align:top;} blockquote:before, blockquote:after, q:before, q:after{content: "";} blockquote, q{quotes:"" "";} /* remove borders from linked images */ a img{border:none;} input, textarea{font-family:Arial, Helvetica, sans-serif; font-size:12px;} /* tables still need cellspacing to match in the markup */ table{border-collapse:separate; table-layout:auto;} th, td{text-align:left;font-weight:normal;vertical-align:top;} /********************************************************************************************************************/ /***************************************** * GLOBAL PREDICTABLE ELEMENTS * ******************************************/ /********************************************************************************************************************/ body{font-size:12px; font-family:Helvetica, sans-serif; color:#554d4a; line-height:1.5em; background-color:#dbd8d3;} label{padding-left:3px;} sup{position:relative; top:-4px;} /* DEFAULT HEADER STYLES ***********************************************************************************************************************/ h1{font-size: 0em;} h2{font-size: 25px; line-height:1.20em; font-weight:bold; letter-spacing:.02em;} h3{font-size: 14px; line-height:1.5em; font-weight:bold; color:#003468;} h4{font-size: 12px; line-height:1.5em; font-weight:bold; font-style:italic; color:#a33038;} h5, h6 {font-size: 1em;} /* DEFAULT LINK STYLES ***********************************************************************************************************************/ a, a:visited, a:focus {color:#65b561;text-decoration:none;} a:hover {text-decoration:underline;} /* DEFAULT TEXT STYLES ***********************************************************************************************************************/ p {margin:8px 0 12px 0;} .caption{font-size: 1.2em;line-height:1.3em;font-family:Trebuchet MS, Tahoma, sans-serif;color:#666;} .note{font-size: .9em;color:#666;} .small{font-size:.8em;} .big{font-size:1.3em;} .large{font-size:16px; color:#aaa498;} .medium{font-size:14px; color:#aaa498;} .hilight{color:#65b561;} .messageText {font-weight:bold;color:#FF0000;padding:0 10px;line-height:25px;} /* DEFAULT IMAGE/BLOCK STYLES ***********************************************************************************************************************/ div.right, img.right {float:right; margin-left:15px;margin-bottom:10px;} div.left, img.left {float:left; margin-right:15px;margin-bottom:10px;} div.right p{width:190px;} div.left p{width:250px;} div.right p.thin{width:100px;} div.clear{width:100%; float:left; display:inline; clear:both;} /********************************************************************************************************************/ /***************************************** GLOBAL LAYOUT ELEMENTS ***************************************************/ /********************************************************************************************************************/ #wrapper{position:relative; z-index:1; width:950px; margin:0 auto 20px auto; overflow:hidden; padding-bottom:20px; background:#fff url(../images/content_bottom.gif) bottom center no-repeat;} /* HEADER *********************************************************************************************************************************/ #header{float:left; display:inline;width:950px; height:112px; background:transparent url(../images/search_bg.gif) top right no-repeat;} #logo{float:left; display:inline;} #logo a{display:block; width:276px; height:83px; background:url(../images/logo.gif) top left no-repeat; text-indent:-1000000px;} #top_nav_contact{float:left; display:inline; width:76px; height:22px; background:url(../images/nav_contact_us.gif) top left no-repeat; text-indent:-1000000px;} #top_nav{position:absolute; top:30px; left:241px; z-index:500; display:block;clear: both;} #top_nav ul{display:none; background:#f1f1f0 url(../images/drop_down_navigation_top_bg.gif) top left repeat-x; position:absolute; top:41px; width:136px; padding:8px 2px 3px 2px; border:1px solid #dbd8d3; border-bottom:3px solid #dbd8d3; z-index:1000;} #top_nav ul li a{display:block; width:130px; padding:4px 3px; color:#56534f; text-decoration:none;} #top_nav ul li a:hover{background-color:#dbd8d3;} #top_nav ul#drop_down_nav_products{left:0px;} #top_nav ul#drop_down_nav_services{left:130px;} #top_nav ul#drop_down_nav_learn{left:260px;} #top_nav ul#drop_down_nav_about{left:390px;} #search_wrapper{display:inline;} #search_wrapper li{float:right; display:inline; vertical-align:middle; height:24px; margin-top:10px; margin-right:4px;} #search_wrapper li p{font-size:14px; color:#FFF; margin-top:6px;} #search_wrapper li .search_text{width:110px;} #section_title{position:absolute; top:71px; left:0; height:39px; width:165px; padding:0; z-index:6;} #section_title h2{float:left; display:inline; height:39px; width:165px;} #section_title h2.svc{background:url(../images/section_title_services.png);} #section_title h2.contactus{background:url(../images/section_title_contact.png);} #section_title h2.abt{background:url(../images/section_title_about.png);} #section_title h2.lrn{background:url(../images/section_title_learn.png);} #section_title h2.prod{background:url(../images/section_title_products.png);} #section_title h2.search{background:url(../images/section_title_search.png);} /* CONTENT ********************************************************************************************************************************/ #content_wrapper{float:left; display:inline; width:760px; margin-top:30px; padding-left:0px; position:relative; z-index:2;} #content_top{float:left; display:inline; clear:both; width:100%; border-bottom:1px solid #666; margin-bottom:10px;} #content_top a{float:right; display:inline; font-weight:bold; color:#65b561; margin-top:12px; text-decoration:none; padding-left:10px; background:url(../images/back_arrow.gif) left 4px no-repeat;} #content_top h2{float:left; display:inline; font-weight:normal; color:#65b561;} #content_top img{float:right;} #main_sub_page_content{float:left; display:inline; width:777px; margin-top:-60px; background:url(../images/left_nav_bg.gif) top left repeat-y;} #headline_image{position:relative; z-index:2;} #main_sub_page_content #content_right{float:left; display:inline; margin-top:10px; width:530px;} #main_sub_page_content #content_right h3{font-size:14px; font-weight:normal; color:#bcb2aa; border-bottom:1px solid #bcb2aa;} #left_nav{float:left; display:inline; width:194px; padding-bottom:0; margin:0; list-style-image:url(../images/left_nav_arrow.gif); position:relative; z-index:1000;} #left_nav li{list-style:outside url(../images/left_nav_arrow.gif); margin:0 0 5px 30px;} #left_nav li a{color:#554d4a; text-transform:capitalize;} #left_nav li a.active{color:#65b561;} #left_nav li.title{list-style:none; list-style-image:none; margin:0; text-indent:15px; font-size:14px; font-weight:bold; border-bottom:1px solid #bcb2aa;} #left_nav li.image{list-style:none; list-style-image:none; margin:0 0 0 10px;} #content_left{float:left; display:inline; width:545px; margin:40px 0 0 20px;} #sub_page_content{float:left; display:inline;width:777px; margin-top:-65px; position:relative; z-index:2; background:url(../images/left_nav_bg.gif) left top repeat-y; height:610px;} html>body #sub_page_content{min-height:610px; height:auto !important;} #sub_page_content #left_nav{margin-top:60px;} #sub_page_content h3{font-size:24px; font-weight:normal; color:#aaa498; border-top:1px solid #aaa498; clear:both; padding:10px;} #sub_page_content h3.bottom{font-size:16px; font-weight:bold; text-transform:uppercase; line-height:1.1em; color:#bcb2aa;border-top:none; padding:0px; border-bottom:1px solid #bcb2aa; margin:33px 0 10px 0;} #sub_page_content h3.no_clear{clear:none;} /* RIGHT COLUMN ***************************************************************************************************************************/ #right_wrapper{float:right; display:inline; vertical-align:top; width:173px; margin-top:-69px;} #right_wrapper img{display:block;} #where_to_buy{float:left; display:inline;margin:0 0 5px 10px;} #where_to_buy .title{background:url(../images/right_title_where.gif); width:134px; height:17px; margin-bottom:10px; text-indent:-1000000px;} #where_to_buy input{float:left; display:inline; margin-right:5px; color:#999;} #where_to_buy input#where_text{width:120px;} #can_we_help{float:left; display:inline; width:170px; height:110px; background:url(../images/can_we_help.jpg); text-indent:-1000000px; margin-bottom:5px;} #product_finder_wrapper{float:left; display:inline;width:160px; background:url(../images/product_matcher_bg.gif) top left repeat-y; margin-left:6px;} #product_finder_wrapper p{margin:8px; line-height:1.1em;} #product_finder_wrapper select{width:130px; margin-left:8px;} #right_product_finder_results{text-align:center; margin:5px 0;} #right_product_finder_results a{color:#000000; font-weight:bold; text-decoration:none;} #right_product_finder_results a:hover{text-decoration:underline;} #banner_wrapper{float:left; display:inline; margin:0px 0 5px 6px; } /* FOOTER *********************************************************************************************************************************/ #footer_wrapper{width:950px; margin:0 auto 20px auto; overflow:hidden; text-align:center;} #footer_wrapper li{display:inline; padding-left:20px;} #footer_wrapper li a{color:#686456; text-decoration:none;} #footer_wrapper li a:hover{text-decoration:underline;} /********************************************************************************************************************/ /****************************************** CHANGING CONTENT FORMATTING *********************************************/ /********************************************************************************************************************/ /* HOME PAGE *****************************************************************************************************************************/ #home_content{margin-top:-60px;} #home_content #flash_wrapper{position:relative; z-index:900; margin-left:10px;} #home_middle{float:left; display:inline; margin:20px 0 20px 5px;} #home_bottom{margin: 0 0 0px; width:768px;} #home_bottom img{float:left; display:inline;} #home_bottom_text{float:right; display:inline; width:430px;} #home_bottom_text p{margin:0 0 10px 0;} /* CONTACT US PAGE ***********************************************************************************************************************/ #contact_us_content{float:left; display:inline; margin-left:7px;margin-top:-60px; width:770px;} #contact_us_content p{font-size:16px;} #contact_us_top_border{float:left; display:inline; border:solid 1px #beb9b1; margin-bottom:6px; position:relative; z-index:2;} #contact_us_top{float:left; display:inline; width:759px; height:181px; background:#f7f6f5 url(../images/service_request_top_right.jpg) top right no-repeat; border:4px solid #fff; position:relative; z-index:2;} #contact_us_top img{float:left; display:inline; margin:65px 0 0 65px;} #contact_us_top p{float:left; display:inline; clear:both; width:350px; margin:30px 0 0 15px;} #contact_bottom_left{float:left; display:inline; margin-right:6px;} #contact_us_content #form_wrapper{float:left; display:inline; background:url(../images/window_finder_mid_bg.gif) bottom left repeat-x; margin-bottom:7px;} #contact_us_content #form_wrapper .next_step{float:right; display:inline; clear:both; margin:-120px 40px 0 0; width:94px; height:94px;} .contact_form{float:right; display:inline; width:729px;} .contact_form label{float:left; display:inline; width:80px; clear:left; text-align:right; padding-right:3px;} .contact_form span{float:left; display:inline;} .contact_form span label{float:none; clear:none; text-align:right; padding-right:3px;} .contact_form input[type=text]{float:left; display:inline; clear:right; width:250px; border:1px solid #ccc; margin-bottom:3px;} .contact_form textarea{float:left; display:inline; clear:left; width:480px; border:1px solid #ccc; margin-bottom:3px;} .contact_form span input{float:none; clear:none;} .contact_form p{font-size:12px !important; width:280px; float:left; display:inline;} .contact_form h2{font-size:16px !important; width:100%; float:left; display:inline; text-transform:capitalize; color:#65b561; margin:10px 0;} .contact_form .contact_left{float:left;width:350px;} .contact_form .contact_left span{clear:left;float:left;width:350px;} .contact_form .contact_right{float:left;width:350px;} .contact_form .contact_right span{clear:left;float:left;width:350px;} .character_counter{float:left; clear:left; width:480px;} /* SERVICES LANDING PAGE *****************************************************************************************************************/ #main_sub_page_content .services{background:url(../images/services_main_bottom.jpg) bottom left no-repeat; margin-left:-52px; height:302px; padding-left:79px;} #main_sub_page_content .services p{margin-left: 120px;} #main_sub_page_content .services h3{margin-left: 140px; padding-left:30px;} #main_sub_page_content .services p.hilight{margin-left: 170px;} /* SERVICE REQUEST PAGE ******************************************************************************************************************/ /*#service_request_content{float:left; display:inline; margin-left:7px;margin-top:-60px; width:770px;} #service_request_content p{font-size:16px;} #service_request_top_border{float:left; display:inline; border:solid 1px #beb9b1; margin-bottom:6px; position:relative; z-index:2;} #service_request_top{float:left; display:inline; width:759px; height:181px; background:#f7f6f5 url(../images/service_request_top_right.jpg) top right no-repeat; border:4px solid #fff; position:relative; z-index:2;} #service_request_top img{float:left; display:inline; margin:65px 0 0 65px;} #service_request_top p{float:left; display:inline; clear:both; width:350px; margin:30px 0 0 15px;} #service_request_bottom_left{float:left; display:inline; margin-right:6px;} #service_request_content #form_wrapper{float:left; display:inline; height:435px; width:415px; background:url(../images/window_finder_mid_bg.gif) bottom left repeat-x; margin-bottom:7px;} #service_request_content #form_wrapper input, #service_request_content #form_wrapper textarea{float:left; display:inline; clear:right; border:1px solid #666; margin-bottom:3px;} #service_request_content #form_wrapper label{float:left; clear:left; display:inline; width:120px; text-align:right; padding-right:3px;} #service_request_content #form_wrapper .next_step{float:right; display:inline; clear:both; margin:10px 10px 0 0; width:94px; height:94px; border:none;}*/ #service_request_form_wrapper{float:left; display:inline; height:435px; width:295px; margin-bottom:7px; position:relative; top:-100px;} #service_request_form_wrapper input{float:left; display:inline; clear:right; border:1px solid #666; width:218px; margin-bottom:3px;} #service_request_form_wrapper textarea{float:left; display:inline; clear:right; border:1px solid #666; width:218px; margin-bottom:3px;} #service_request_form_wrapper label{float:left; clear:left; display:inline; width:50px; text-align:right; padding-right:3px;} #service_request_form_wrapper .next_step{float:right; display:inline; clear:both; margin:10px 10px 0 0; width:94px; height:94px; border:none;} #service_request_form_wrapper .hilight{text-align:right;} /* LEARN LANDING PAGE ********************************************************************************************************************/ #main_sub_page_content .learn{margin-left:30px;} #main_sub_page_content .learn ul.topics{float:left; display:inline; width:540px;margin-top:10px;} #main_sub_page_content .learn ul.topics li{float:left; display:inline; margin-right:7px;} /* LEARN ENERGY EFFICIENCY PAGE **********************************************************************************************************/ .learn_top{width:284px;} .right img.glass_brocure{float:right; display:inline; margin-top:20px;} .right p.glass_brocure{float:left; display:inline; width:100px; margin:60px 0 0 80px;} .right p.glass_brocure img{margin-right:3px;} .learn_energy_table{margin:10px 0;} .learn_energy_table th{width:135px; text-align:right; padding:3px;} .learn_energy_table td{padding:3px 0; vertical-align:middle;} /* LEARN ENERGY TAX DETAIL PAGE **********************************************************************************************************/ #east_west_wrapper{float:left; display:inline; width:769px;} #east_west_top{float:left; display:inline; margin:10px 0 10px 10px;} #east_west_left_wrapper{float:left; display:inline; width:219px; margin-right:10px;} #east_west_left_wrapper img{float:left;} #east_west_left_wrapper div{float:left; margin:5px 0;} #east_west_left_wrapper div img{ margin:0 5px;} #east_west_left_wrapper div p{font-size:11px; float:left; width:80px; margin-top:20px;} #east_west_center_wrapper{float:left; display:inline; width:310px;} #east_west_center_wrapper h1{padding:0 10px 10px 10px; font-size:18px; color:#6ebe69;} #east_west_center_wrapper h2{padding:0 10px 10px 10px; font-size:14px; font-weight:bold; border-bottom:1px solid #707070;} #east_west_center_wrapper p{margin:5px 0 10px 0;} #east_west_center_wrapper h3{font-size:12px; font-style:italic; text-decoration:underline; margin:5px 0 10px 0;} #east_west_center_wrapper ul{list-style:disc; margin-left:20px; margin-bottom:10px;} #east_west_center_wrapper ul li{list-style:disc; margin-bottom:2px; font-weight:bold;} #east_west_center_wrapper table{background:url(../images/tax_claiming_bg.gif); width:100%; height:182px;} #east_west_center_wrapper table td{padding:5px; vertical-align:top;} #east_west_center_wrapper table td strong{ color:#6ebe69;} #east_west_center_wrapper table td.title{font-size:16px; color:#6ebe69; font-weight:bold; padding:10px;} #east_west_center_wrapper .footnote{font-size:11px; margin-top:40px;} /* LEARN CONDENSATION PAGE ***************************************************************************************************************/ .right img.condensation_brocure{float:right; display:inline; margin-top:20px;} .right p.condensation_brocure{float:left; display:inline; width:140px; margin:25px 0 0 40px; position:relative; left:33px;} .right p.condensation_brocure img{margin-right:3px;} /* LEARN ENVIRO PAGE *********************************************************************************************************************/ .right img.enviro_brocure{float:right; display:inline; margin-top:20px;} .right p.enviro_brocure{float:left; display:inline; width:140px; position:relative; left:150px; top:-55px;} .right p.enviro_brocure img{margin-right:3px;} .right img.nahb{float:left; display:inline; clear:both; margin-top:20px;} .right p.nahb{float:left; display:inline; width:280px;} /* PRODUCTS LANDING PAGE *****************************************************************************************************************/ #main_sub_page_content .products{margin-left:30px;} #main_sub_page_content .products div.right{margin-left:0;} /* ABOUT LANDING PAGE ********************************************************************************************************************/ #main_sub_page_content .about{margin-left:0; float:left; display:inline;width:580px !important;} #main_sub_page_content .about #about_main_left{float:left; display:inline; width:399px;} #main_sub_page_content .about #about_main_left p{margin-left:20px;} #main_sub_page_content .about #about_main_right{float:right; display:inline; width:174px;} #main_sub_page_content .about #about_main_right p{margin-left:10px;} #main_sub_page_content .about #about_main_right img{margin-bottom:30px;} #main_sub_page_content .about #about_main_right p a{ margin-bottom:0;} #main_sub_page_content .about #about_main_right p.medium a{float:right; display:inline;background:url(../images/green_arrow.gif) right no-repeat; padding-right:10px;} /* ABOUT SUB PAGES ***********************************************************************************************************************/ #about_sub_page_content{float:left; display:inline;width:777px; margin-top:-65px; position:relative; z-index:2; background:url(../images/left_nav_bg.gif) left top repeat-y;} #about_sub_page_content #left_nav{margin-top:60px;} #content_wrapper div#about_content_right{float:left; display:inline; margin-top:40px; width:570px; background:url(../images/about_page_bg.gif) left 10px repeat;} #about_sub_page_content h2{float:left; display:inline; clear:right; text-align:right; text-transform:uppercase; font-size:18px; border-bottom:none; width:260px; padding-top:15px; font-weight:normal; color:#65b561;} #about_sub_page_content h3{font-size:18px; padding-bottom:15px; font-weight:normal; color:#867d6c; letter-spacing:1px; line-height:1em;} #about_sub_page_content .top_right{float:right; display:inline;} #content_wrapper div.who_we_are .about_left{float:left; display:inline; width:260px; margin:-55px 0 0 20px;} #content_wrapper div.who_we_are .about_right{float:right; display:inline; width:160px; margin:40px 100px 0 0;} #content_wrapper div.who_we_are .bottom_right{float:right; display:inline; margin-top:-40px;} #content_wrapper div.who_we_are .bottom_left{float:left; display:inline; margin-top:60px;} #content_wrapper div.difference{background-repeat:repeat-x !important;} #content_wrapper div.difference .about_left{float:left; display:inline; width:250px; margin:-85px 0px 0 40px;} #content_wrapper div.difference .about_right{float:right; display:inline; width:100px; margin-top:30px;} #content_wrapper div.difference .bottom_right{float:right; display:inline; margin-top:-70px; margin-right:40px;} #content_wrapper div.sustainability .about_left{float:left; display:inline; width:280px; margin:-75px 0px 0 40px;} #content_wrapper div.sustainability .about_right{float:right; display:inline; width:200px; margin-top:40px;} #content_wrapper div.sustainability .about_right a{ padding-right:10px; background:url(../images/green_arrow.gif) right no-repeat;} #content_wrapper div.sustainability .bottom_left{float:left; display:inline; margin:85px 20px;} #content_wrapper div.distribution{background-repeat:repeat-x !important;} #content_wrapper div.distribution .about_left{float:left; display:inline; width:300px; margin:-75px 0px 0 30px;} #content_wrapper div.distribution .about_left p{width:270px;} #content_wrapper div.distribution .about_right{float:right; display:inline; width:180px; margin-top:40px;} #content_wrapper div.distribution .about_right p{margin-top:120px;} #content_wrapper div.distribution .bottom_left{float:left; display:inline; margin:20px 0;} #content_wrapper div.distribution .bottom{float:left; display:inline; width:540px; padding:45px 0 20px 30px; background:url(../images/about_page_bg.gif) left top repeat-x;} #content_wrapper div.distribution .bottom img{float:left; display:inline; } #content_wrapper div.careers{background-repeat:repeat-x !important;} #content_wrapper div.careers .about_left{float:left; display:inline; clear:left; width:240px; margin:60px 0 0 20px;} #content_wrapper div.careers .about_left ol{width:300px; text-indent:0px !important; margin:0 0 0 40px;} #content_wrapper div.careers .about_left ol li{margin:5px 0 7px 0;} #content_wrapper div.careers .about_left ol li .title{color:#65b561; font-style:italic;} #content_wrapper div.careers .about_left ol li a{background:url(../images/green_arrow.gif) right no-repeat; padding-right:10px;} #content_wrapper div.news{background-repeat:repeat-x !important; position:relative;} #content_wrapper div.news .about_left{float:left; display:inline; clear:both; width:270px; margin:30px 0 0 20px;} html>body #content_wrapper div.news .about_left{margin:-130px 0 0 20px;} #content_wrapper div.news .about_left p{margin-bottom:0;} #content_wrapper div.news .about_left ul{float:left; display:inline; width:240px; overflow:auto; height:111px;} #content_wrapper div.news .about_left ul li{padding:2px;} #content_wrapper div.news .about_right{float:left; display:inline; width:550px; margin:10px 0 0 20px;} #content_wrapper div.news .about_right h5{background-color:#867d6c; color:#fff; font-size:1.1em; line-height:1.0em; padding:7px 10px; margin-top:15px;} /* SEARCH RESULTS PAGE *******************************************************************************************************************/ #search_results h3{border:none; margin:0; padding:0;} #search_results h3 a{font-size:16px; color:#867d6c; text-decoration:underline; font-weight:normal; line-height:1em;} #search_results p{margin-top:0; margin-bottom:40px;} #cse-search-results{width:545px;} #cse-search-results iframe{width:545px;} /* CAN WE HELP PAGE *********************************************************************************************************************/ #window_finder_content{float:left; display:inline; margin-left:7px;margin-top:-60px; width:770px;} #window_finder_content p{font-size:16px;} #window_finder_top_border{float:left; display:inline; border:solid 1px #beb9b1; margin-bottom:6px; position:relative; z-index:2;} #window_finder_top_border .door{ background:#f7f6f5 url(../images/window_finder_top_right_door.jpg) top right no-repeat;} #window_finder_top_border .window{ background:#f7f6f5 url(../images/window_finder_top_right_window.jpg) top right no-repeat;} #window_finder_top_border .generic{ background:#f7f6f5 url(../images/window_finder_top_right_generic.jpg) top right no-repeat;} #window_finder_top{float:left; display:inline; width:759px; height:181px; border:4px solid #fff; position:relative; z-index:2;} #window_finder_top img{float:left; display:inline; margin:65px 0 0 65px;} #window_finder_top p{float:left; display:inline; clear:both; width:330px; margin:30px 0 0 15px;} #window_finder_bottom_left{float:left; display:inline; margin-right:6px;} /* STEPS ONE, TWO, AND THREE */ #step_1-2_wrapper{display:block; /*margin-right:5px;*/} #step_1_wrapper{float:left; display:inline; height:135px; width:415px; background:#f6f5f3 url(../images/window_finder_mid_bg.gif) top left repeat-x; margin-bottom:7px;} #step_1_wrapper p{width:330px;font-size:15px;} #step_1_wrapper select,#step_1_wrapper p{float:left; display:inline; clear:left; margin:3px 0 3px 75px;} #step_2_wrapper{float:left; display:inline; height:149px; width:415px; background:url(../images/window_finder_mid_bg.gif) top left repeat-x; margin-bottom:7px; border-top:dotted 2px #beb9b1;} #step_2_wrapper label{font-size:15px;} #step_2_wrapper #replacing{float:left; display:inline; margin:20px 0 0 70px;} #step_1_wrapper img, #step_2_wrapper img, #step_3_wrapper img{float:left; display:inline; margin:20px 0 0 15px;} #step_3_wrapper{float:left; display:inline; height:144px; width:415px; background:url(../images/window_finder_mid_bg.gif) top left repeat-x; margin-bottom:7px; border-top:dotted 2px #beb9b1;} #step_3_wrapper label{font-size:15px;} #step_3_wrapper div{float:left; display:inline; width:300px; margin:5px 0 0 70px;} #step_3_wrapper .next_step{float:right; display:inline; margin:10px 10px 0 0;} /* SERIES */ #product_series_wrapper{float:left; display:inline; width:768px; margin-top:-60px;} #product_series_wrapper div.product_series{float:left; display:inline; position:relative; height:205px; width:768px; background-position:top right; background-repeat:no-repeat; margin-bottom:10px;} #product_series_wrapper div.product_series select{float:right; display:inline; margin:42px 35px 0 0; width:125px;} #product_series_wrapper div.product_series h3, #product_series_wrapper div.product_series p{color:white; margin-left:303px; line-height:1.1em;} #product_series_wrapper div.product_series h3{margin-top:45px; text-transform:uppercase; width:270px;} #product_series_wrapper div.product_series p{font-size:0.9em; width:230px;} #product_series_wrapper div.product_series a{position:absolute; top:180px; left:400px; display:block; height:14px; padding-right:10px; white-space:nowrap; background-position:right 4px; background-repeat:no-repeat;} /* #product_series_wrapper div#east_new_builder{background-image:url(../images/series_bg_east_new_builder.jpg);} #product_series_wrapper div#east_new_builder a{color:#e2d9ab; background-image:url(../images/lrn_more_arrow_yellow.gif);} #product_series_wrapper div#east_new_premium{background-image:url(../images/series_bg_east_new_premium.jpg);} #product_series_wrapper div#east_new_premium a{color:#cfa191; background-image:url(../images/lrn_more_arrow_red.gif);} #product_series_wrapper div#east_new_pro{background-image:url(../images/series_bg_east_new_pro.jpg);} #product_series_wrapper div#east_new_pro a{color:#e4c5a2; background-image:url(../images/lrn_more_arrow_orange.gif);} #product_series_wrapper div#east_replacement_contractor{background-image:url(../images/series_bg_east_replacement_contractor.jpg);} #product_series_wrapper div#east_replacement_contractor a{color:#cec4a4; background-image:url(../images/lrn_more_arrow_gold.gif);} #product_series_wrapper div#east_replacement_premium{background-image:url(../images/series_bg_east_replacement_premium.jpg);} #product_series_wrapper div#east_replacement_premium a{color:#949da1; background-image:url(../images/lrn_more_arrow_blue.gif);} #product_series_wrapper div#east_replacement_pro{background-image:url(../images/series_bg_east_replacement_pro.jpg);} #product_series_wrapper div#east_replacement_pro a{color:#acb1a4; background-image:url(../images/lrn_more_arrow_green.gif);} #product_series_wrapper div#west_new_builder{background-image:url(../images/series_bg_west_new_builder.jpg);} #product_series_wrapper div#west_new_builder a{color:#e2d9ab; background-image:url(../images/lrn_more_arrow_yellow.gif);} #product_series_wrapper div#west_new_premium{background-image:url(../images/series_bg_west_new_premium.jpg);} #product_series_wrapper div#west_new_premium a{color:#cfa191; background-image:url(../images/lrn_more_arrow_red.gif);} #product_series_wrapper div#west_new_pro{background-image:url(../images/series_bg_west_new_pro.jpg);} #product_series_wrapper div#west_new_pro a{color:#e4c5a2; background-image:url(../images/lrn_more_arrow_orange.gif);} #product_series_wrapper div#west_replacement_contractor{background-image:url(../images/series_bg_west_replacement_contractor.jpg);} #product_series_wrapper div#west_replacement_contractor a{color:#cec4a4; background-image:url(../images/lrn_more_arrow_gold.gif);} #product_series_wrapper div#west_replacement_premium{background-image:url(../images/series_bg_west_replacement_premium.jpg);} #product_series_wrapper div#west_replacement_premium a{color:#949da1; background-image:url(../images/lrn_more_arrow_blue.gif);} #product_series_wrapper div#west_replacement_pro{background-image:url(../images/series_bg_west_replacement_pro.jpg);} #product_series_wrapper div#west_replacement_pro a{color:#acb1a4; background-image:url(../images/lrn_more_arrow_green.gif);} */ /* STYLES AND FEATURES */ #style_features_wrapper{display:block;} #style_features_wrapper a.back{float:right; display:inline; padding-left:10px; background:url(../images/grey_back_arrow.gif) left top no-repeat; line-height:1em; color:#beb9b1;} #style_features_top{float:left; display:inline; width:770px;} #style_features_top img{float:left; display:inline;} #style_features_top p{float:right; display:inline; width:270px;} .style_features_box_wrapper_bg{float:left; display:inline; background:url(../images/step_3_box_bg.gif) top left repeat-y; margin:0; padding:0;} .style_features_box_wrapper_bottom{float:left; display:inline; background:url(../images/step_3_box_bottom.gif) bottom left no-repeat;} .style_features_box_wrapper{float:left; display:inline; width:246px; margin-right:10px;} .style_features_box{float:left; display:inline; width:246px; } #style_features_style{padding-bottom:5px; display:inline;} #style_features_style p{margin:18px 0 8px 20px; font-size:14px;line-height:1.3em;} #style_features_style .style_image{margin:20px 0 0 6px;} #style_features_material{padding-bottom:15px;} #style_features_material p{margin:8px 0 8px 12px; font-size:14px;line-height:1.3em;} #style_features_feature{position:relative; padding-bottom:100px;} #style_features_feature p{margin:8px 0 8px 12px; font-size:14px;line-height:1.3em;} #style_features_feature input.submit{position:absolute; z-index:5; bottom:11px; right:10px;} /* PRODUCT RESULT PAGE *****************************************************************************************************************/ #product_results_wrapper{float:left; display:inline; width:768px; margin-top:-60px;} .product_section_title{float:left; display:inline; width:768px; position:relative; z-index:2; margin-bottom:10px;} .product_result_wrapper{float:left; width:746px; background:url(../images/product_result_bg.gif) top left repeat-y; margin-bottom:10px;} .product_result_bg{float:left; width:746px; background:url(../images/product_result_bg_top.gif) top left no-repeat;} .product_result{float:left; width:746px; background:url(../images/product_result_bg_bottom.gif) bottom left no-repeat; position:relative; z-index:2;} .prod_img{float:left; display:inline; margin:11px 0 10px 15px;} .product_result_left{float:left; display:inline; width:260px; margin:15px 0 0 25px;} .product_result_left h3{ color:#867d6c; font-size:16px; font-weight:normal; padding:0; margin:0; line-height:1em;} .product_result_left p{color:#867d6c;} .product_result_mid{float:left; display:inline; width:175px; margin:15px 0 10px 25px;} .product_result_mid h4{color:#867d6c; font-weight:bold; font-style:normal;} .product_result_mid ul{color:#867d6c; list-style:disc; margin-left:15px;} .product_result_mid ul li{list-style:disc;} .product_result a.view{display:block; position:absolute; bottom:5px; right:10px; background:url(../images/prod_view_arrow.gif) right no-repeat; padding:2px 10px 0 0;} .product_result_right{float:left; display:inline; width:90px; margin:10px 0 0 5px; height:100%; position:relative;} .product_result_right img{display:block; width:90px;} /* PRODUCT MATERIALS PAGE **************************************************************************************************************/ #material_left{float:left; display:inline; width:190px;} #material_left h2{float:left; display:inline; width:190px; font-weight:normal; color:#65b561; padding-bottom:0px; margin-bottom:15px; border-bottom:1px solid #666;} #material_right{float:left; display:inline; width:340px; margin-left:7px; table-layout:fixed; border-collapse:collapse;} #material_right td{vertical-align:middle; border:1px solid #c9c0b8; padding:5px} #material_right .alternate td{background-color:#f5f4f3;} #style_left{float:left; display:inline; width:190px;} #style_left h2{float:left; display:inline; width:190px; font-weight:normal; color:#65b561; padding-bottom:0px; margin-bottom:15px; border-bottom:1px solid #666;} #style_right{float:left; display:inline; width:340px; margin-left:7px; table-layout:fixed; border-collapse:collapse;} #style_right td{vertical-align:middle; border:1px solid #c9c0b8; padding:5px} #style_right .alternate td{background-color:#f5f4f3;} /* LEARN STYLES AND MATERIALS PAGE */ .lrn_styles_left{float:left; display:inline; width:190px;} .lrn_styles_left h2{float:left; display:inline; width:190px; font-weight:normal; color:#65b561; padding-bottom:0px; margin-bottom:15px; border-bottom:1px solid #666;} .lrn_styles_right{float:left; display:inline; width:340px; margin-left:7px; table-layout:fixed; border-collapse:collapse;} .lrn_styles_right td{vertical-align:middle; border:1px solid #c9c0b8; padding:5px} .lrn_styles_right .alternate td{background-color:#f5f4f3;} /* PRODUCT DETAIL PAGE *****************************************************************************************************************/ #product_detail_wrapper{float:left; display:inline; width:768px; margin-top:-60px; position:relative; z-index:2;} #product_detail_title{float:left; display:inline; width:768px;} #product_detail_breadcrumb{float:left; display:inline; width:760px; margin:7px 0 0 8px;} #product_detail_breadcrumb li{float:left; display:inline; color:#867d6c; margin-right:5px; font-size:0.8em;} #product_detail_breadcrumb li a{color:#867d6c;} .product_detail_top{float:left; display:inline; width:761px; margin:7px 0 0 10px;} /* PRODUCT TITLE */ .product_detail_top .title{float:left; display:inline; width:759px; border:solid 1px #c9c0b8; background-color:#f1efed; vertical-align:bottom; margin-bottom:15px;} .product_detail_top .title h3{font-size:16px; color:#867d6c; display:inline; float:left; margin-top:10px; margin-bottom:0; padding-left:5px; text-align:left;} .product_detail_top .title p{font-size:12px; color:#867d6c; display:inline; float:right; margin-top:34px; margin-bottom:0; padding-right:5px; text-align:right;} /* LARGE PRODUCT IMAGE */ #product_image_wrapper{float:left; display:inline; margin-left:8px; width:300px;} #product_image{margin-bottom:6px;} #product_image_enlarge{background-color:#cfcbc4; width:100%; height:28px;} #product_image_enlarge a{color:#FFFFFF; vertical-align:middle; text-transform:uppercase; float:right; margin:3px 3px 0 0; text-decoration:none;} #product_image_enlarge img{vertical-align:middle;} /* PRODUCT INFO */ #product_info_wrapper{float:left; display:inline; margin-left:7px; padding:7px; overflow:auto; background-color:#f1efed; width:355px; height:321px; } #product_info_wrapper a{color:#867d6c;} #product_info_wrapper a.back{background:url(../images/prod_detail_back_arrow.gif) left 3px no-repeat; padding-left:10px; float:left; display:inline; margin-bottom:20px;} #product_info_wrapper #desc h3{width:280px; margin:50px 0 15px 30px; color:#867D6C;} #product_info_wrapper #desc p{font-size:14px;color:#aaa498;width:280px; margin:0 0 15px 30px;} /* #product_info_wrapper #links{float:left; display:inline; width:320px; margin:10px 0 0 30px;} #product_info_wrapper #links img{float:left; display:inline;} #product_info_wrapper #links p{float:left; display:inline; margin:0 0 0 10px;} #product_info_wrapper #links p a{float:left; display:inline; clear:left; padding-right:10px; background:url(../images/prod_link_arrow.gif) right 3px no-repeat;} */ .links{float:left; display:inline; width:310px; margin:10px 0 0 30px;} .links img{float:left; display:inline;} .links p{float:left; display:inline; margin:0 0 0 10px;} .links p a{float:left; display:inline; clear:left; padding-right:10px; background:url(../images/prod_link_arrow.gif) right 3px no-repeat;} /* PRODUCT FEAUTRES */ #product_feature_wrapper{float:left; display:inline; margin-left:7px; padding:7px; background-color:#f1efed; width:430px; } #product_feature_wrapper div{float:left; display:inline; width:430px; margin-bottom:10px;} #product_feature_wrapper div img{float:left;} #product_feature_wrapper div p{float:right; width:330px;} /* PRODUCT ICON */ #product_detail_wrapper .product_icon{float:right; display:inline; margin-bottom:-80px; position:relative; z-index:10;} /* PRODUCT GRILLE PAGE */ .product_detail_top .grille_row{float:left; display:inline; width:720px;} .product_detail_top .grille{float:left; display:inline; width:94px; margin:10px 15px 0 0;} .product_detail_top .grille p a{color:#867d6c;} /* PRODUCT PERFORMANCE PAGE */ .product_detail_top #performance_left{float:left; display:inline; width:350px;} .product_detail_top #performance_left img{display:block; margin-bottom:10px;} .product_detail_top #performance_right{float:left; display:inline; width:370px; margin-left:20px;} .product_detail_top #performance_right ul{list-style:disc; margin-left:15px;} .product_detail_top #performance_right ul li{list-style:disc; line-height:1.2em; margin-bottom:10px;} /* PRODUCT GLASS PAGE */ .product_detail_top #glass_upgrades{float:left; display:inline; width:750px;} .product_detail_top #glass_upgrades div{float:left; display:inline; margin-bottom:10px; width:750px;} .product_detail_top #glass_upgrades div img{float:left; display:inline; width:176px;} .product_detail_top #glass_upgrades div p{float:left; display:inline; width:550px; margin:0 0 0 10px;} .product_detail_top #glass_low_e{float:left; display:inline; width:344px; background:url(../images/glass_low-e_bg.jpg) top left no-repeat;} .product_detail_top #glass_low_e h4{float:left; display:inline;font-size:14px; color:#867d6c; margin:30px 0 0 90px; font-style:normal;} .product_detail_top #glass_low_e p{float:left; display:inline;margin:30px 0 0 165px; line-height:1.1em;} .product_detail_top #glass_low_e p.footnote{float:left; display:inline; font-size:0.7em;margin:70px 0 0 20px;} .product_detail_top #glass_options{float:left; display:inline; width:396px; margin:30px 0 0 20px;} .product_detail_top #glass_options img{display:block;} .product_detail_top #glass_options div{float:left; display:inline; border:1px solid #c9c0b8;width:394px; background-color:#f1efed; } .product_detail_top #glass_options div ul{margin:10px 0 10px 30px; list-style:disc;} .product_detail_top #glass_options div ul li{margin:0 0 5px 0; list-style:disc;} /* PRODUCT COLOR PAGE */ .product_detail_top #colors{} .product_detail_top #colors img{display:block;} .product_detail_top #colors ul{float:left; display:inline;} .product_detail_top #colors ul li{float:left; display:inline;} .product_detail_top #colors ul#int{margin-left:40px; } .product_detail_top #colors ul#int li{margin-left:27px; } .product_detail_top #colors ul#ext{padding:0 20px 0 40px; background:url(../images/prod_color_exterior_bg.gif) top left repeat-x; height:84px;} .product_detail_top #colors ul#ext li{margin-left:26px; margin-top:25px;} /* PRODUCT DETAIL NAVIGATION */ #product_detail_nav{float:left; display:inline; width:766px; margin:10px 0 0 7px;} #product_detail_nav li{float:left; display:inline;} #product_detail_nav li a{display:block; height:28px; text-indent:-1000000px;} #product_detail_nav .detail a{width:101px; background:url(../images/product_menu_detail_off.gif) top left no-repeat;} #product_detail_nav .detail a:hover,#product_detail_nav .detail a.active{background:url(../images/product_menu_detail_on.gif) top left no-repeat;} #product_detail_nav .features a{width:117px; background:url(../images/product_menu_feature_off.gif) top left no-repeat;} #product_detail_nav .features a:hover,#product_detail_nav .features a.active{background:url(../images/product_menu_feature_on.gif) top left no-repeat;} #product_detail_nav .grilles a{width:100px; background:url(../images/product_menu_grille_off.gif) top left no-repeat;} #product_detail_nav .grilles a:hover,#product_detail_nav .grilles a.active{background:url(../images/product_menu_grille_on.gif) top left no-repeat;} #product_detail_nav .hardware a{width:123px; background:url(../images/product_menu_hardware_off.gif) top left no-repeat;} #product_detail_nav .hardware a:hover, #product_detail_nav .hardware a.active{background:url(../images/product_menu_hardware_on.gif) top left no-repeat;} #product_detail_nav .glass a{width:86px; background:url(../images/product_menu_glass_off.gif) top left no-repeat;} #product_detail_nav .glass a:hover,#product_detail_nav .glass a.active{background:url(../images/product_menu_glass_on.gif) top left no-repeat;} #product_detail_nav .color a{width:86px; background:url(../images/product_menu_color_off.gif) top left no-repeat;} #product_detail_nav .color a:hover,#product_detail_nav .color a.active{background:url(../images/product_menu_color_on.gif) top left no-repeat;} #product_detail_nav .performance a{width:148px; background:url(../images/product_menu_performance_off.gif) top left no-repeat;} #product_detail_nav .performance a:hover,#product_detail_nav .performance a.active{background:url(../images/product_menu_performance_on.gif) top left no-repeat;} /* RELATED PRODUCTS */ #product_detail_bottom{float:left; display:inline; width:766px; margin:10px 0 0 7px; padding-top:10px; border-top: solid 1px #9A9A9A;} #product_detail_bottom h2{color:#867d6c;} #product_detail_bottom .matching_product{float:left; display:inline; width:100px; margin-right:15px; margin-top:10px;} #product_detail_bottom .matching_product p{text-align:center; width:80px; margin:5px auto; line-height:1.2em;} #product_detail_bottom .matching_product p a{color:#867d6c; text-decoration:none;} .inspiration_table td{padding:0 0 15px 5px;} /* WIDTH OF THE TOOLTIPS */ .tooltip_width{width: 300px;} #tooltip h3{color:#867d6c;} /* INSPIRATION PAGE ********************************************************************************************************************/ #big_img{width:400px; margin:20px auto; clear:both;} #inspiration_slides{display:inline; position:relative;} #inspiration_slides li {float:left; display:inline; margin-right:5px;} #gallery_left{float:left; display:inline; width:40px; margin-top:40px;} #gallery_wrapper{float:left; width:420px; display:inline; overflow:hidden; position:relative; margin-left:25px;} #gallery_right{float:right; display:inline; width:40px; margin-top:40px;} #gallery{width:1000000px;} /* ENERGY TAX PAGE ********************************************************************************************************************/ #energy_tax_top{float:left; display:inline; background:url(../images/energy_tax_top_bg.jpg) top left no-repeat; width:518px; height:237px;} #energy_tax_top img{float:left; display:inline; margin:10px;} #energy_tax_top p{float:left; display:inline; color:#FFF;width:350px;} .energy_tax_enviro_logo{float:right; display:inline; margin-top:-40px;} .energy_tax_windows{float:left; display:inline; margin:15px 20px;} #energy_tax_middle{float:left; display:inline; width:420px; background:url(../images/energy_tax_grey_bg.gif) top left no-repeat;} #energy_tax_middle p{text-align:center;} /* DEALER LOOKUP PAGE *****************************************************************************************************************/ .dealer_left{float:left; display:inline; clear:left; width:272px; margin-bottom:20px; padding-bottom:5px; line-height:1.1em; border-bottom:1px #ccc solid;} .dealer_right{float:right; display:inline; clear:right; width:272px; margin-bottom:20px; padding-bottom:5px; line-height:1.1em; border-bottom:1px #ccc solid;} /* PRODUCT THUMBNAILS */ #product_thumbs_wrapper{float:left; display:inline; width:77px; height:330px;} #product_thumbs_wrapper img{display:block;} #product_thumbs_wrapper div#image_set_wrapper {width:77px; float:left; display:inline;background:url(../images/product_photo_slideshow_bg.gif) repeat-y;} #slider{margin-left:8px;} #slider img{display:block; margin-top:9px;} #slider ul, #slider li{ margin:0; padding:0; list-style:none; } #slider, #slider li{ width:62px; margin-top:5px; height:286px; overflow:hidden; } span#prevBtn a{float:left; display:inline; width:5px; margin:10px 0 0 10px; height:11px; background:url(../images/green_arrow_left.gif) top left no-repeat;} span#nextBtn a{float:right; display:inline; width:5px; margin:10px 10px 0 0; height:11px; background:url(../images/green_arrow_right.gif) top left no-repeat;} #slideshow_bottom{float:left; display:inline;} /* MATCHING PRODUCTS TEXT SIZE */ .matchingProductsText { font-size: 19px; } .service_content{float:left; display:inline; width:100%;} .thin_service{float:left; display:inline; width:395px !important;} .related_documents{float:right; display:inline; width:135px; margin-top:20px; clear:right;}