/* CSS Document */ body { margin: 0px auto; padding: 0px 0px; background: url(../images/bg_x.gif) repeat-x top center #1a2428; font-family: Helvetica, Arial, sans-serif } #container { width: 936px; padding: 0px 0px; margin: 9px auto 0px auto;} /* Mast Head Divs */ #header { padding: 0px 0px; margin: 0px 0px; height:89px;} #header #pageHead { padding: 0px 0px; margin: 0px 0px; float:left; height:89px; vertical-align:text-bottom; overflow-y: hidden;} #header #logo { padding: 0px 21px 0px 0px; margin: 0px 0px; float:right;} /* End Mast Head Divs */ /* Main Nav Divs */ #mainnav { padding: 0px 0px 0px 0px; margin: 9px 0px 0px 0px; width: 936px;} #mainnav #main { height:38px; background:#003a69;} #mainnav #sub { height:38px; background:#246395;} /* End Main Nav Divs */ /* Start Home Template Divs */ #homeflash { padding: 0px 0px; margin: 0px 0px 14px 0px;} #homepods { margin: 0px 0px 24px 0px;} #homepods .home1col { width:306px; float:left; margin: 0px 9px 0px 0px; overflow:hidden; background:url(../images/homepods_bg_x.gif) repeat-x; padding: 0px 0px;} #homepods .home2col { width:621px; float:left; margin: 0px 9px 0px 0px; overflow:hidden; background:url(../images/homepods_bg_x.gif) repeat-x;} #homepods .home2col #homeintro { float:left; overflow:hidden; width:186px; padding: 12px 0px 12px 10px;} #homepods .home2col #hometext { float:left; overflow:hidden; width:386px; padding: 12px 0px 12px 15px;} /* End Home Template Divs */ #colcontent { background: url(../images/content_bg_y.gif) repeat-y; width:936px; padding: 0px 0px 15px 0px;} #colcontent #breadsearch { padding: 0px 0px; margin: 0px 0px; background: url(../images/crumbs_bg.gif) no-repeat top; height:15px;} #colcontent #crumbs { font-size:12px; color:#717f81; width:696px; float:left; padding: 0px 15px 10px 15px; margin: 0px 11px 0px 0px; overflow:hidden;} #colcontent #search { width: 188px; float:left; margin: 0px 11px 0px 0px; padding: 0px 0px; overflow:hidden;} /*////////////////////////////////////////// Large Column Divs - These styles are duplicated because they are dependant on the widthof thier column. /////////////////////////////////////////*/ #colcontent #cola { width:711px; float:left; padding: 0px 0px 175px 15px; overflow:hidden;} /* Changed width from 696px and padding from 0 0 175 15 */ #colcontent #cold { width:568px; float:left; padding: 0px 15px 0px 15px; overflow:hidden;} /*-- Banner Styles --*/ #colcontent #cola #banner { margin: 0px 0px 14px 0px; padding: 0px 0px;} #colcontent #cold #banner { margin: 0px 0px 14px 0px; padding: 0px 0px;} /*-- Text Styles --*/ #colcontent #cola #textHighlight { margin: 0px 0px 14px 0px; padding: 0px 0px 0px 0px; width:590px;} #colcontent #cold #textHighlight { margin: 0px 0px 14px 0px; padding: 0px 0px 0px 0px;} /*-- Pod Row Styles --*/ #colcontent #cola #contentpods { width:696px; background:url(../images/contentpod_bg_x.gif) repeat-x; padding: 8px 0px; margin: 8px 0px 16px 0px; overflow:hidden; } #colcontent #cold #contentpods { width:568px; background:url(../images/contentpod_bg_x.gif) repeat-x; padding: 8px 0px; margin: 8px 0px 16px 0px; overflow:hidden; } /*-- Pod Column Styles --*/ #colcontent #cola .prodFlash { width:230px; padding: 10px 0px 0px 0px; margin-right: 3px; float:left; overflow:hidden;} #colcontent #cola .prodFlashLast { width:230px; padding: 10px 0px 0px 0px; margin-right: 0px; float:left; overflow:hidden;} #colcontent #cola #contentpods #contentpod { width:333px; padding: 0px 0px 0px 0px; margin: 0px 7px 0px 8px; float:left; overflow:hidden;} #colcontent #cold #contentpods #contentpod { width:269px; padding: 0px 0px 0px 0px; margin: 0px 7px 0px 8px; float:left; overflow:hidden;} #colcontent #cola #contentpods #contentpod #podHead { cursor:pointer; width:311px; padding: 2px 11px; margin: 4px 0px 0px 0px; background: #758384; color:#FFFFFF; font-size:18px; font-weight:normal; text-decoration:none;} #colcontent #cold #contentpods #contentpod #podHead { cursor:pointer; width:247px; padding: 2px 11px; margin: 4px 0px 0px 0px; background: #758384; color:#FFFFFF; font-size:18px; font-weight:normal; text-decoration:none;} #colcontent #cola #contentpods #contentpod #podHead img { padding: 0px 4px 3px 0px;} #colcontent #cold #contentpods #contentpod #podHead img { padding: 0px 4px 3px 0px;} #colcontent #cola #contentpods #contentpod .podLink { text-decoration:none;} #colcontent #cold #contentpods #contentpod .podLink { text-decoration:none;} #colcontent #cola #contentpods #contentpod .podImg { float:left;} #colcontent #cold #contentpods #contentpod .podImg { float:left;} #colcontent #cola #contentpods #contentpod .podImg p { padding: 8px 0px 0px 0px; margin: 0px;} #colcontent #cold #contentpods #contentpod .podImg p { padding: 8px 0px 0px 0px; margin: 0px;} #colcontent #cola #contentpods #contentpod p { padding: 8px 25px 8px 8px; } #colcontent #cold #contentpods #contentpod p { padding: 8px 25px 8px 8px; } #colcontent #cola #contentpods #contentpod img { padding: 0px 8px 8px 8px; } #colcontent #cold #contentpods #contentpod img { padding: 0px 8px 8px 8px; } /*-- Download Pod Styles --*/ #colcontent #cola #contentpods #downloadpod img { padding: 0px 8px 8px 8px; } #colcontent #cola #contentpods #downloadpod { width:180px; padding: 8px 25px 8px 8px; margin: 12px 7px 0px 8px; float:left; overflow:hidden;} #colcontent #cold #contentpods #downloadpod img { padding: 0px 8px 8px 8px; } #colcontent #cold #contentpods #downloadpod { width:236px; padding: 8px 25px 8px 8px; margin: 12px 7px 0px 8px; float:left; overflow:hidden;} /*-- Article Pod Styles - 3 column Template --*/ #colcontent #cold #contentpods a #articlepod { width:517px; padding: 8px 0px; margin: 5px 0px 15px 21px; overflow:hidden; cursor: pointer; text-decoration:none;} #colcontent #cold #contentpods a:hover #articlepod { background-color: #d2d8d9;} #colcontent #cold #contentpods a:visited #articlepod { text-decoration:none;} #colcontent #cold #contentpods a:active #articlepod { text-decoration:none;} #colcontent #cold #contentpods a #articlepod #articleimg { width:96px; overflow:hidden; float:left; padding: 0px 0px 0px 8px; margin: 0px 15px 0px 0px; } #colcontent #cold #contentpods a #articlepod #articletxt { width:390px; overflow:hidden; float:left; padding: 0px 8px 0px 0px; } #colcontent #cold #contentpods a #articlepod #articletxt h3 { padding: 2px 0px 2px 0px; } #colcontent #cold #contentpods a #articlepod #articletxt p { padding: 2px 0px 4px 0px; font-size:12px;} #colcontent #cold #contentpods a #articlepod #articletxt p span.link { font-family:Arial, Helvetica, sans-serif; color:#003a69; font-size:13px; text-decoration:underline; } #colcontent #cold #contentpods a:hover #articlepod #articletxt p span.link { color: #246395;} /*-- Article Pod Styles & Search Resuls - 2 column Template --*/ #colcontent #cola #contentpods #searchresults { width:517px; margin: 0px 30px;} #colcontent #cola #contentpods a #articlepod { width:517px; padding: 8px 8px; margin: 5px 0px 15px 21px; overflow:hidden; cursor: pointer; text-decoration:none;} #colcontent #cola #contentpods a:hover #articlepod { background-color: #d2d8d9;} #colcontent #cola #contentpods a:visited #articlepod { text-decoration:none;} #colcontent #cola #contentpods a:active #articlepod { text-decoration:none;} #colcontent #cola #contentpods a #articlepod #articleimg { width:96px; overflow:hidden; float:left; padding: 0px 0px 0px 0px; margin: 0px 15px 0px 0px; } #colcontent #cold #contentpods a #articlepod #articletxt { width:390px; overflow:hidden; float:left; padding: 0px 0px 0px 0px; } #colcontent #cola #contentpods a #articlepod #articletxt h3 { padding: 2px 0px 2px 0px; } #colcontent #cola #contentpods a #articlepod #articletxt p { padding: 2px 0px 4px 0px; font-size:12px;} #colcontent #cola #contentpods a #articlepod #articletxt p span.link { font-family:Arial, Helvetica, sans-serif; color:#003a69; font-size:13px; text-decoration:underline; } #colcontent #cola #contentpods a:hover #articlepod #articletxt p span.link { color: #246395;} /*-- Pagination Styles --*/ #colcontent #cola #contentpods #pagination { padding: 0px 16px 4px 16px; text-align:right; color:#246395; font-size:10px;} #colcontent #cold #contentpods #pagination { padding: 0px 16px 4px 16px; text-align:right; color:#246395; font-size:10px;} #colcontent #cola #contentpods #pagination a { font-size:10px; color:#246395; text-decoration:underline; font-weight:bold; } #colcontent #cold #contentpods #pagination a { font-size:10px; color:#246395; text-decoration:underline; font-weight:bold; } #colcontent #cola #contentpods #pagination span.active { font-size:10px; color:#313d42; font-weight:bold;} #colcontent #cold #contentpods #pagination span.active { font-size:10px; color:#313d42; font-weight:bold;} #colcontent #cola #contentpods #pagination a:hover { color:#313d42; text-decoration:none; } #colcontent #cold #contentpods #pagination a:hover { color:#313d42; text-decoration:none; } /*-- Download Select Table Styles --*/ #colcontent #cola #contentpods #downloadSelect { margin: 20px 20px;} #colcontent #cold #contentpods #downloadSelect { margin: 20px 20px;} #colcontent #cold #contentpods #downloadSelect .steps { font-family:Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#b4b9ba; width:100px; padding: 0px 0px 16px 0px; } #colcontent #cold #contentpods #downloadSelect .action { font-family:Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#5b6569; width:220px; padding: 0px 0px 16px 0px; } #colcontent #cold #contentpods #downloadSelect .select { font-family:Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#b4b9ba; padding: 0px 0px 16px 0px; } #colcontent #cold #contentpods #downloadSelect .select select { width:130px;} /*-- Form Seperator Styles --*/ #colcontent #cola #formsep { padding: 0px 0px 0px 10px; margin: 0px 0px 16px 0px; font-size:24px; color:#313d42; font-weight:bold;} #colcontent #cold #formsep { padding: 0px 0px 0px 10px; margin: 0px 0px 16px 0px; font-size:24px; color:#313d42; font-weight: bold;} /*-- FAQ Column Styles --*/ .intcolcontent { width:540px; padding: 15px 0px 0px 0px;} .colc { float:left; width:210px; padding: 0px 0px 0px 40px;} .cold { float:left; width:210px; padding: 0px 0px 0px 20px;} /*-- Site Map Styles --*/ #sitemap { padding:0px 0px; margin: 0px 0px; list-style-position:outside; list-style:none;} #sitemap li { padding:1px 0px; margin: 0px 0px 16px 0px; list-style-position:outside; list-style:none;} #sitemap li ul { padding:0px 0px; margin: 0px 12px; list-style-position:outside; list-style:none;} #sitemap li ul li { padding:0px 0px; margin: 0px 0px; list-style-position:outside; list-style:none;} #sitemap li ul li ul { padding:0px 0px; margin: 0px 14px; list-style-position:outside; list-style:none;} #sitemap li ul li ul li { padding:0px 8px; margin: 0px 0px; list-style-position:outside; list-style-type: none; background: url(../images/dash-bullet.gif) no-repeat 0px 8px;} #sitemap li a { color:#246395; font-family:Helvetica, Arial, sans-serif; font-weight:bold; font-size:14px; text-decoration:none;} #sitemap li ul li a { color:#1a2428; font-family:Helvetica, Arial, sans-serif; font-weight:bold; font-size:11px; text-decoration:none;} #sitemap li ul li ul li a { color:#1a2428; font-family:Helvetica, Arial, sans-serif; font-weight:normal; font-size:11px; text-decoration:none;} #sitemap a:hover { text-decoration:underline;} /*////// END Large Column Divs ///////*/ /*////////////// Right Column Divs /////////////*/ #colcontent #colb { width: 188px; float:left; margin: 0px 11px 0px 11px; overflow:hidden; } #colcontent #colb #colbpod { padding: 15px 0px 15px 0px; border-bottom: 1px solid #9da6a8 ;} #colcontent #colb #colbpod ul.enroll li { font-size:10px; line-height:14px; padding: 2px 0px; } /* End General Two-Column Template Divs */ /*////////////////////////////////////////// Product Sort Page /////////////////////////////////////////*/ #sortCat ul { list-style:none; padding: 0px 0px; margin: 8px 0px 0px 0px; width:698px; height:38px; } #sortCat ul li { list-style:none; padding: 0px 0px; margin: 0px 1px 0px 0px; float:left; height:38px; width:138px;} #sortCat ul li a {padding: 0px 0px; margin: 0px 0px; height:38px; width:138px; display:block; background-position: 0px 0px; background-repeat:no-repeat;} #sortCat ul li a:hover { background-position: 0px -38px;} #sortCat ul li a.on { background-position: 0px -76px;} #sortCat ul li a.siding { background-image: url(../images/siding_nav.jpg);} #sortCat ul li a.vivyl { background-image: url(../images/vinyl_nav.jpg);} #sortCat ul li a.shake { background-image: url(../images/shake_nav.jpg);} #sortCat ul li a.insulated { background-image: url(../images/insulated_nav.jpg);} #sortCat ul li a.profile { background-image: url(../images/profile_nav.jpg);} #sortCat ul li a.soffas { background-image: url(../images/soffit_fascia_nav.jpg);} #sortCat ul li a.vinylsof { background-image: url(../images/vinyl_soffit_nav.jpg);} #sortCat ul li a.alumsof { background-image: url(../images/aluminum_soffit_nav.jpg);} #sortCat ul li a.alumfas { background-image: url(../images/aluminum_fascia_nav.jpg);} #sortCat ul li a.sofprof { background-image: url(../images/soffit_profile_nav.jpg);} #psMenu { font-family:Helvetica, sans-serif, Arial; font-size:11px; color:#545454; margin-bottom:4px;} #psMenu a { font-family:Helvetica, sans-serif, Arial; font-size:11px; color:#545454; margin-bottom:4px;} #psMenu #psName { float:left; width:275px; padding: 0px 0px 0px 120px; overflow:hidden; } #psMenu #psSort { float:left; width:98px; overflow:hidden; } a #psRow { width: 672px; overflow:hidden; vertical-align:top; padding: 9px 9px; border-bottom: 1px solid #ffffff; margin: 0px 0px 10px 0px; text-decoration:none; cursor:pointer; display:block;} a:hover #psRow { background-color: #d2d8d9;} a #psRow .psImg { width:100px; overflow:hidden; vertical-align:top; float:left; margin-right: 9px;} a #psRow .psImg img { border: 2px solid #ffffff;} a #psRow .psImg .link { font-size:11px; text-decoration:underline; display:block; text-align:center;} a:hover #psRow .psImg .link { text-decoration:none;} a #psRow .psTitle { width:267px; margin-right:9px; overflow:hidden; vertical-align:top; float:left;} a #psRow .psThick { width:51px; margin-right:40px; overflow:hidden; vertical-align:top; float:left; padding: 15px 0px 0px 0px; text-align:center;} a #psRow .psWind { width:68px; margin-right:9px; overflow:hidden; vertical-align:top; float:left; padding: 15px 0px 0px 0px; text-align:center;} a #psRow .psDade { width:119px; overflow:hidden; vertical-align:top; float:left; padding: 15px 0px 0px 0px; text-align:center;} /*////////////////////////////////////////// CAD Drawing Page /////////////////////////////////////////*/ #dlMenu { font-family:Helvetica, sans-serif, Arial; font-size:11px; color:#545454; margin-bottom:4px;} #dlMenu #dlName { float:left; width:315px; padding: 0px 0px 0px 120px; } #dlMenu #dlFile { float:left; } #dlRow { width: 550px; overflow:hidden; vertical-align:top; padding: 9px 9px; border-bottom: 1px solid #ffffff; margin: 0px 0px 10px 0px;} #dlRow .dlImg { width:100px; overflow:hidden; vertical-align:top; float:left; margin-right: 9px;} #dlRow .dlImg img { border: 2px solid #ffffff;} #dlRow .dlTitle { width:285px; overflow:hidden; vertical-align:top; float:left; margin-right:30px;} #dlRow .dlIcon { width:23px; overflow:hidden; vertical-align:top; float:left; padding:4px 0px; margin-right:8px; text-align:center;} /*////////////////////////////////////////// Product Detail Page /////////////////////////////////////////*/ #colcontent #cola #productpods { padding: 0px 0px 10px 0px;} #colcontent #cola #productpods #prodcola { width:388px; background:#ffffff; padding: 3px 3px; margin: 0px 0px; float:left;} #colcontent #cola #productpods #prodcola #prodlinks { padding: 4px 0px 0px 0px; margin: 0px 0px;} #colcontent #cola #productpods #prodcolb { width:288px; padding: 0px 0px; margin: 0px 0px 0px 10px; float:left;} #colcontent #cola #productpods #prodcolb .prodintrotext { margin: 0px 0px 8px 0px;} #colcontent #cola #productpods #prodcolb #prodbullets { margin: 10px 0px 0px 0px; width:288px;} #colcontent #cola #productpods #prodcolb #prodbullets .bulletcol { width:137px; padding: 0px 0px 0px 0px; margin-right:7px; float:left;} #colcontent #cola #productpods #prodcolb #prodbullets .bulletcol img {padding: 0px 0px 3px 0px;} #colcontent #cola #contentpods #prodcolc { width:80px; float:left; overflow:hidden; margin: 6px 0px 0px 6px; padding: 0px 0px; } #colcontent #cola #contentpods #prodcold { width:390px; float:left; overflow:hidden; margin: 0px 0px 0px 12px; padding: 0px 0px; font-size:11px; color:#1a2428; } #colcontent #cola #contentpods #prodcole { width:176px; float:left; overflow:hidden; margin: 6px 0px 0px 25px; padding: 0px 0px; } #colcontent #cola #contentpods #prodcole img { padding: 0px 0px 4px 0px;} /*/////////////////////////////////// Window Replacement Pages ///////////////////////////////////*/ .intro_heading { font-weight:bold;} .wr_banner { border:none; margin-bottom:16px;} .wr_wrapper_gen { min-height:600px;} .wr_wrapper_gen p { font-size:16px; line-height:19px; margin:0px; padding:0px 0px 12px 0px;} .wr_wrapper_3000 { background:url(../images/corner_cut_3000.jpg) no-repeat top right; min-height:600px; margin-top:20px; position: relative; } .wr_wrapper_3000 .wr_info .wr_icon { width:48px;} .wr_wrapper_4000 { background:url(../images/corner_cut_4000.jpg) no-repeat top right; min-height:600px; margin-top:20px; position: relative; } .wr_wrapper_4000 .wr_info .wr_icon { width:48px;} .wr_wrapper_5000 { background:url(../images/corner_cut_5000.jpg) no-repeat top right; min-height:600px; margin-top:20px; position: relative; } .wr_wrapper_5000 .wr_info .wr_icon { width:48px;} .wr_cert { position:absolute; right:10px; top:515px; text-align:right;} .wr_wrapper_gen .bg-window { float:right; overflow:hidden;} .wr_info { margin-bottom:18px; overflow:hidden;} .wr_info h3 { text-transform:uppercase; padding:0;} .wr_icon { float:left; width:106px; text-align:right; overflow:hidden; margin-right:16px;} .wr_txt { float:left; width:420px; overflow:hidden;} .wr_txt_less { float:left; width:320px; overflow:hidden;} /* Used on main series pages, not inside pages */ .wr_txt_171 { float:left; width:168px; overflow:hidden;} .wr_txt_199 { float:left; width:199px; overflow:hidden;} .wr_txt_215 { float:left; width:215px; overflow:hidden;} .wr_txt_208 { float:left; width:208px; overflow:hidden;} .wr_txt_232 { float:left; width:232px; overflow:hidden;} .wr_txt_250 { float:left; width:250px; overflow:hidden;} .wr_txt_264 { float:left; width:264px; overflow:hidden;} .wr_txt_287 { float:left; width:287px; overflow:hidden;} .wr_txt_300 { float:left; width:300px; overflow:hidden;} .wr_txt_full { float:left; width:570px; overflow:hidden;} .wr_lower_nav { margin-top:36px; margin-bottom:120px;} #colcontent #cola h1 { text-transform:uppercase; margin-bottom:20px; font-weight:normal;} #colcontent #cola h1 span { font-weight:bold;} #colcontent #cola h2 { font-size:22px; font-weight:regular; text-transform:uppercase; color:#000000; border:none; margin-top:22px; margin-bottom:21px;} #colcontent #cola .window-nav { height:105px; width:698px; } #colcontent #cola .window-nav ul { padding:0px; margin:0px;} #colcontent #cola .window-nav ul li { float:left; display:block; list-style-type:none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 6px; } #colcontent #cola .window-nav ul li a { display:block; padding: 0px 0px; margin: 0px 0px; overflow: hidden; height:105px; background-position: 0px 0px; background-repeat:no-repeat; } #colcontent #cola .window-nav ul li a:hover, #colcontent #cola .window-nav ul li a.active { background-position: 0px -105px;} #colcontent #cola .window-nav ul li a span { display:none;} #colcontent #cola .window-nav ul li.blue-3000 { width:29px; height:78px; background-image:url(../UploadedImages/Products/Windows/left-blue-border-3000.gif); margin-left:0px; } #colcontent #cola .window-nav ul li.double-hung-3000 a { background-image:url(../UploadedImages/Products/Windows/double-hung-3000.gif); width:77px; } #colcontent #cola .window-nav ul li.sliding-window-3000 a { background-image:url(../UploadedImages/Products/Windows/sliding-window-3000.gif); width:77px; } #colcontent #cola .window-nav ul li.casement-3000 a { background-image:url(../UploadedImages/Products/Windows/casement-3000.gif); width:77px; } #colcontent #cola .window-nav ul li.awning-3000 a { background-image:url(../UploadedImages/Products/Windows/awning-3000.gif); width:77px; } #colcontent #cola .window-nav ul li.sliding-door-3000 a { background-image:url(../UploadedImages/Products/Windows/sliding-door-3000.gif); width:77px; } #colcontent #cola .window-nav ul li.blue-4000 { width:29px; height:78px; background-image:url(../UploadedImages/Products/Windows/left-blue-border-4000.gif); margin-left:0px; } #colcontent #cola .window-nav ul li.double-hung-4000 a { background-image:url(../UploadedImages/Products/Windows/double-hung-4000.gif); width:77px; } #colcontent #cola .window-nav ul li.sliding-window-4000 a { background-image:url(../UploadedImages/Products/Windows/sliding-window-4000.gif); width:77px; } #colcontent #cola .window-nav ul li.casement-4000 a { background-image:url(../UploadedImages/Products/Windows/casement-4000.gif); width:77px; } #colcontent #cola .window-nav ul li.awning-4000 a { background-image:url(../UploadedImages/Products/Windows/awning-4000.gif); width:77px; } #colcontent #cola .window-nav ul li.bay-4000 a { background-image:url(../UploadedImages/Products/Windows/bay-4000.gif); width:77px; } #colcontent #cola .window-nav ul li.bow-4000 a { background-image:url(../UploadedImages/Products/Windows/bow-4000.gif); width:77px; } #colcontent #cola .window-nav ul li.sliding-door-4000 a { background-image:url(../UploadedImages/Products/Windows/sliding-door-4000.gif); width:77px; } #colcontent #cola .window-nav ul li.blue-5000 { width:29px; height:78px; background-image:url(../UploadedImages/Products/Windows/left-blue-border-5000.gif); margin-left:0px; } #colcontent #cola .window-nav ul li.double-hung-5000 a { background-image:url(../UploadedImages/Products/Windows/double-hung-5000.gif); width:77px; } #colcontent #cola .window-nav ul li.sliding-window-5000 a { background-image:url(../UploadedImages/Products/Windows/sliding-window-5000.gif); width:77px; } #colcontent #cola .window-nav ul li.casement-5000 a { background-image:url(../UploadedImages/Products/Windows/casement-5000.gif); width:77px; } #colcontent #cola .window-nav ul li.awning-5000 a { background-image:url(../UploadedImages/Products/Windows/awning-5000.gif); width:77px; } #colcontent #cola .window-nav ul li.bay-5000 a { background-image:url(../UploadedImages/Products/Windows/bay-5000.gif); width:77px; } #colcontent #cola .window-nav ul li.bow-5000 a { background-image:url(../UploadedImages/Products/Windows/bow-5000.gif); width:77px; } #colcontent #cola .window-nav ul li.garden-5000 a { background-image:url(../UploadedImages/Products/Windows/garden-5000.gif); width:77px; } #colcontent #cola .window-nav ul li.sliding-door-5000 a { background-image:url(../UploadedImages/Products/Windows/sliding-door-5000.gif); width:77px; } #colcontent #cola .wr_wrapper_gen .options h2 { color:#757575; margin-top:30px; margin-bottom:2px;} #colcontent #cola .wr_wrapper_gen .options h3 { color:#000000; text-transform:uppercase; margin:5px 0px 9px 0px;} #colcontent #cola .wr_wrapper_gen .options .wr_colors { margin-top:22px;} #colcontent #cola .wr_wrapper_gen .options .wr_colors .colors { padding-right:16px; margin-right:16px; border-right:dotted #a7a9ac medium; float:left;} #colcontent #cola .wr_wrapper_gen .options .wr_colors .colors h3 { margin:0px 0px 9px 0px; padding:0;} #colcontent #cola .wr_wrapper_gen .options .wr_colors .last { border:none; margin-right:0; padding-right:0;} /*////////////// Left Column Nav /////////////*/ #colcontent #colc { width: 128px; float:left; padding: 4px 0px; margin: 12px 0px 0px 0px; overflow:hidden; background: url(../images/leftcol_bg_y.gif) repeat-y ;} #colcontent #colc ul { padding: 0px 0px; margin: 0px 0px;} #colcontent #colc ul li { padding: 0px 0px; margin: 0px 0px; list-style:none;} #colcontent #colc ul li a { padding: 10px 6px 6px 10px; margin: 0px 0px; display:block; color:#3d484d; text-decoration:none; font-size:12px; line-height:14px; } #colcontent #colc ul li a:hover { background-color:#c9cfd0; color:#000000; } #colcontent #colc ul li a.active { background: url(../images/leftnav_bg_over.gif) no-repeat top #246395; color:#FFFFFF; font-weight:bold; text-decoration:none; } /*////////////// Footer Divs /////////////*/ #footer { background: #232e34; padding: 8px 13px 18px 13px; margin: 0px 0px 0px 0px; width:910px; color:#bfbfbf; font-size:11px; font-family: Helvetica, Arial, sans-serif; position:relative; } #footer #footerlogo { position:absolute; right:20px; bottom:30px;} #footer #footercol { width:92px; overflow:hidden; float:left; margin: 0px 9px 0px 0px; padding: 0px 0px 2px 0px;} #footer #footercol ul { padding: 0px 0px; margin: 0px 0px;} #footer #footercol ul li { padding: 1px 0px 5px 0px; margin: 0px 0px; list-style:none; line-height:11px;} #footer #footercol ul li a { color:#58666f;} #footer #footercol ul li a:hover { color:#7c8b96; text-decoration:none;} #footer #footercol ul li:first-child a { color:#58666f; font-weight:bold; text-transform:uppercase; font-size:12px; line-height:14px;} #footer #con_footer { height:70px; overflow:hidden; margin: 0px 9px 0px 0px; padding: 0px 0px 2px 0px;} #footer #con_footer ul { padding: 0px 0px; margin: 0px 0px;} #footer #con_footer ul li { padding: 1px 0px 5px 0px; margin: 0px 14px; list-style:none; line-height:11px; float:left;} #footer #con_footer ul li a { color:#58666f; font-weight:bold; text-transform:uppercase; font-size:12px; line-height:14px;} #footer #con_footer ul li a:hover { color:#7c8b96; text-decoration:none;} /*////////////////////////////////////////// Light Box Content /////////////////////////////////////////*/ #lb_container { margin: 0px; padding: 0px; background:#dfe5e6;} #lb_container .lb_img { margin: 0px; padding: 0px;} #lb_container .lb_header { margin: 0px; padding: 10px; background: url(../images/lb_bg_x.gif) #dfe5e6 repeat-x top;} #lb_container .lb_header h1 { font-family:Helvetica, Arial, sans-serif; color:#313d42; font-size:13px; font-weight:bold; padding:0px; margin:0px; line-height:normal;} #lb_container .lb_copy { margin: 0px; padding: 0px 10px;} /*////////////// Main Nav Styles /////////////*/ .nav { display:none;} #main ul { float:left; list-style-type:none; padding: 0px 0px 0px 0px; margin: 0px 0px; } #main li{ float:left; list-style-type:none; padding: 0px 0px 0px 0px; margin: 0px 0px; } #main li a { float:left; display:block; overflow:hidden; height:38px; background-position: 0px 0px; background-repeat:no-repeat; } #main li a:hover { background-position: 0px -38px;} #main li a.on { background-position: 0px -38px;} #main li a span { display:none;} /* End Main Nav Styles */ /*////////////// Sub Nav Styles /////////////*/ #sub ul { float:left; list-style-type:none; padding: 0px 0px 0px 0px; margin: 0px 0px; width: 936px; background:#246395; } #sub li{ float:left; list-style-type:none; padding: 0px 0px 0px 0px; margin: 0px 0px; } #sub li a { color:#c2e4ff; font-family: Helvetica, Arial, sans-serif; font-size:12px; text-decoration:none; font-weight:bold; background:#246395; padding: 11px 16px; display:block; float:left;} #sub li a:hover { color:#FFFFFF; text-decoration:underline;} #sub li a.active { color:#FFFFFF;} /* End Sub Nav Styles */ /*////////////// Headings /////////////*/ h1 { font-family:Helvetica, Arial, sans-serif; color:#003a69; font-size:30px; line-height:32px; font-weight:bold; margin: 0px 0px; padding:15px 0px 4px 0px; } h2 { font-family:Helvetica, Arial, sans-serif; color:#003a69; font-size:24px; line-height:22px; font-weight:bold; margin: 15px 0px 0px 0px; padding: 12px 0px 8px 0px; border-top: 1px solid #ffffff; width:605px; } h3 { font-family:Helvetica, Arial, sans-serif; color:#336699; font-size:16px; line-height:16px; font-weight:bold; margin:0px 0px; padding: 12px 0px 0px 0px; } h4 { font-family:Helvetica, Arial, sans-serif; color:#313d42; font-size:14px; line-height:16px; font-weight:bold; margin:0px 0px; padding: 2px 0px 2px 10px; } h5 { font-family:Helvetica, Arial, sans-serif; color:#ffffff; font-size:12px; font-weight:normal; margin:0px 0px; padding: 2px 0px 8px 10px; } h6 { font-family:Helvetica, Arial, sans-serif; color:#003a69; font-size:18px; line-height:16px; font-weight:bold; margin: 0px 0px; padding: 2px 0px 2px 0px; } #pageHead h1 { font-family:Helvetica, Arial, sans-serif; color:#717f81; font-size:48px; line-height:44px; font-weight:bold; margin: 0px 0px; padding: 0px 0px; } #colbpod h6 { padding: 2px 3px;} #psRow h3 { padding: 0px 0px 0px 0px;} #dlRow h3 { padding: 0px 0px 0px 0px;} #colb h4 { padding: 2px 0px 12px 0px;} .prodHead { font-family:Helvetica, Arial, sans-serif; color:#003a69; font-size:24px; line-height:22px; font-weight:bold; margin: 0px 0px; padding: 0px 0px 4px 0px; display:block;} .prodSubHead { font-family:Helvetica, Arial, sans-serif; color:#336699; font-size:24px; line-height:22px; font-weight:bold; margin: 0px 0px; padding: 0px 0px 4px 0px; display:block;} .smallBlue { font-family:Helvetica, Arial, sans-serif; color:#313d42; font-size:14px; font-weight:bold; } .smallGray { font-family:Helvetica, Arial, sans-serif; color:#666666; font-size:14px; font-weight:bold; } /* End Headings */ /*////////////// Lists /////////////*/ ul { padding: 0px 0px; margin: 0px 0px 8px 15px;} li { font-family:Arial, Helvetica, sans-serif; color:#364348; font-size:13px; line-height:16px; padding: 4px 0px 3px 0px; margin: 0px 0px;} ul.nobullet { list-style:none;} .nobullet li { list-style:none; padding: 3px 2px;} .threeCol ul { margin: 0px 0px; padding: 0px 0px;} .threeCol li { margin: 0px 0px 0px 10px; padding: 4px 0px; line-height:14px; } /* End Lists */ /*////////////// Links /////////////*/ a { font-family:Arial, Helvetica, sans-serif; color:#003a69; font-size:13px; text-decoration:underline; } a:hover { color:#246395; text-decoration:underline;} #footer a { font-family: Helvetica, Arial, sans-serif; font-size:11px; text-decoration:none; color:#45525b;} #footer a:hover { text-decoration:underline;} #footertopnav a { font-weight:bold; font-family: Helvetica, Arial, sans-serif; color:#45525b; text-decoration:none;} #footertopnav a:hover { text-decoration:underline;} #crumbs a { font-weight:normal; font-family: Helvetica, Arial, sans-serif; color:#717f81; text-decoration:none;} #crumbs a:hover { text-decoration:underline;} #crumbs a.active { color:#1a2428;} .smalltext a { font-size:11px; text-decoration:underline;} #prodlinks a { display:block; float:left; overflow:hidden; width:182px; height:20px; background:#717f81; color:#FFFFFF; font-weight:bold; text-decoration:none; padding: 3px 0px 0px 10px; margin: 0px 0px; } #prodlinks a:hover { text-decoration:underline;} #prodlinks a.rmargin { margin: 0px 4px 0px 0px;} a.smalllink { font-size:11px; text-decoration:underline; } /* End Links */ /*////////////// Paragraphs /////////////*/ p { font-family:Helvetica, Arial, sans-serif; color:#364348; font-size:12px; line-height:15px; padding: 4px 0px 9px 0px; margin: 0px 0px; } p.TilteQuestion { font-family:Helvetica, Arial, sans-serif; color:#003a69; font-size:16px; line-height:22px; font-weight:bold; margin: 0px 0px 6px 0px; padding: 30px 0px 8px 0px; border-bottom: 1px solid #ffffff; } p.introtext { font-family: verdana, Helvetica, Arial, sans-serif; font-size:13px; line-height:18px; color:#183C68; padding: 4px 0px 6px 0px; } p.callout { font-family: Helvetica, Arial, sans-serif; font-size:13px; line-height:18px; color:#465257; padding: 2px 0px 6px 0px; } p.small { font-size:11px; padding: 2px 0px 6px 0px; } #homeintro p { color:#FFFFFF; font-size:15px; line-height:18px;} #hometext p { color:#b6c0c1; line-height:18px;} #contentpod p { font-size:13px; line-height:18px;} #colbpod p { font-size:14px; line-height:16px; padding: 0px 3px;} #colbpod p.small { font-size:11px; padding: 2px 0px 6px 0px; } .imgtext p { padding: 0px 10px; width:auto; display:block;} .faqs p { font-size:11px; width:540px;} .prodintrotext p{ font-family: Helvetica, Arial, sans-serif; font-size:15px; line-height:18px; color:#313d42; padding: 0px 0px 6px 0px; } /* End Paragraphs */ /*////////////// Form Styles /////////////*/ fieldset { border:none; padding: 0px 0px; margin: 0px 0px;} input { margin: 0px 0px 0px 0px;} input.smbox { border: 0px solid; color:#869597; height:20px; padding: 4px 4px 0px 8px; margin: 0px 0px 6px 0px; width:100px;} input.medbox { border: 0px solid; color:#869597; height:20px; padding: 4px 4px 0px 8px; margin: 0px 0px 6px 0px; width:140px;} input.lrgbox { border: 0px solid; color:#869597; height:20px; padding: 4px 4px 0px 8px; margin: 0px 0px 6px 0px; width:287px;} input.searchboxdark { border: 0px solid; color:#869597; height:20px; background:#334045; padding: 4px 4px 0px 8px; margin: 0px 0px;} #downloadpod label { font-family:Helvetica, Arial, sans-serif; color:#364348; font-size:12px;} input#conzip { margin-right:30px;} .conForm { padding: 0px 0px 0px 10px;} .conForm label { font-family: Helvetica, Arial,sans-serif; color:#364348; font-size:14px; font-weight:bold; display:block; padding: 8px 0px 2px 0px; margin: 0px 0px; } .conForm textarea { font-family: Helvetica, Arial,sans-serif; color:#364348; font-size:12px; padding: 4px 4px; border: 0px solid; width:300px; height:80px; } .conForm-submit { margin:8px 10px 0px 0px;} .contactForm label { font-family: Helvetica, Arial,sans-serif; color:#364348; font-size:12px; } .contactForm textarea { font-family: Helvetica, Arial,sans-serif; color:#364348; font-size:12px; padding: 4px 4px; border: 0px solid; } input.contactBox { font-family: Helvetica, Arial,sans-serif; color:#364348; font-size:12px; padding: 4px 4px; border: 0px solid; } label.notrequired { color:#575c63;} label.radio { float:none; display:block; font-size:12px; font-weight:normal; margin:2px 0px 3px 8px;} label.check { float:none; display:block; font-size:12px; font-weight:normal; margin:2px 0px 3px 8px;} .formTable { padding: 0px 0px; margin: 0px 0px;} .desc { font-size:10px; color:#364348;} /* End Form Styles */ /*//////////////////////////////////// Contractor Enrollment Form Styles ////////////////////////////////////*/ .contactForm .cmsForm{ padding:8px; margin:0px;} .contactForm .cmsForm label { font-family: Helvetica, Arial,sans-serif; color:#364348; font-size:14px; font-weight:bold; display:block; padding: 8px 0px 2px 0px; margin: 0px 0px; clear:both; } .contactForm .cmsForm input { border: 0px solid; color:#869597; height:20px; padding: 4px 4px 0px 8px; margin: 0px 0px 6px 0px; width:240px;} .contactForm .cmsForm ol { padding: 0px; margin: 0px; list-style-type:none; overflow:hidden;} .contactForm .cmsForm ol li { display:block; float:left; width:130px; margin: 0px 5px 3px 0px;} .contactForm .cmsForm ol li label { font-family: Helvetica, Arial,sans-serif; color:#364348; font-size:12px; font-weight:normal; display:inline; padding: 8px 0px 2px 0px; margin: 0px 0px 0px 5px; } .contactForm .cmsForm ol li input { border: 0px solid; color:#869597; height:auto; padding: 2px; margin: 0px; width:auto;} .contactForm .cmsForm .con_submit { display:block;} .contactForm .cmsForm .con_submit input { border: 0px solid; color: #869597; height: auto; padding: 0px; margin: 0px; width: auto;} .contactForm .cmsForm .con_signature { display: none; border-top: 1px solid #000000; margin: 60px 0px 20px 0px; padding-top: 2px;} .contactForm .cmsForm .con_signature ul { margin: 0px; padding: 0px; list-style: none;} .contactForm .cmsForm .con_signature ul li { margin: 0px; padding: 0px; list-style: none; float: left;} /* End Form Styles */ /* Misc Styles */ .imgPod { padding: 10px 0px; display:block;} .capttext { display:block; font-size:11px; line-height:16px; color:#717f81; padding: 0px 10px 0px 10px; margin: 0px 0px;} .smalltext { font-size:11px; line-height:16px; color:#717f81; padding: 0px 0px 9px 0px;} .imgtext { display:block; font-size:16px; line-height:20px; color:#465257; padding: 0px 0px 0px 0px; margin: 0px 0px; width:696px;} .largetext { font-size:18px;} /* End Misc Styles */ /* Warranty Register Styles */ #colcontent #cola #warrantyForm { font-family: Helvetica, Arial, sans-serif; font-size:12px; color:#313d42;} #colcontent #cola #warrantyForm .formPods { background: #c4cbcc; padding: 15px; margin: 4px 0px; width:auto;} #colcontent #cola #warrantyForm .formPods .prodSect { background: #a1acad; padding: 6px; margin: 3px 0px; width:auto;} #colcontent #cola #warrantyForm .formPods .prodSect tr { margin: 0px; padding: 0px 6px;} #colcontent #cola #warrantyForm .formPods .prodSect .title { font-weight:bold; display:block; padding:4px 0px;} #colcontent #cola #warrantyForm .formPods .prodSect input { font-size:13px; font-family:Arial, Helvetica, sans-serif;} #colcontent #cola #warrantyForm .formPods .prodSect select { font-size:11px; font-family:Arial, Helvetica, sans-serif;} #colcontent #cola #warrantyForm .step { font-size:14px; color:#246395; margin-right:25px; font-weight:bold;} #colcontent #cola #warrantyForm .stepDesc { font-size:14px; font-weight:bold;} #colcontent #cola #warrantyForm label { font-weight:bold; margin-right:10px;} #colcontent #cola #warrantyForm label.radio { font-weight:normal; margin-right:10px; font-size:11px;} #colcontent #cola #warrantyForm span.desc { font-weight:bold; padding:10px 0px 6px 0px; display:block;} .btn { display:block; height:25px; overflow:hidden; width:245px; padding: 0px 0px 0px 0px; margin:4px 0px;} .btn:hover input { margin-top:-25px;} input.txt_1 { border: 0px solid; color:#869597; height:20px; padding: 4px 4px 0px 8px; margin: 2px 0px 2px 0px; width:54px;} input.txt_2 { border: 0px solid; color:#869597; height:20px; padding: 4px 4px 0px 8px; margin: 2px 0px 2px 0px; width:101px;} input.txt_3 { border: 0px solid; color:#869597; height:20px; padding: 4px 4px 0px 8px; margin: 2px 0px 2px 0px; width:175px;} input.txt_4 { border: 0px solid; color:#869597; height:20px; padding: 4px 4px 0px 8px; margin: 2px 0px 2px 0px; width:226px;} input.txt_5 { border: 0px solid; color:#869597; height:20px; padding: 4px 4px 0px 8px; margin: 2px 0px 2px 0px; width:287px;} input.txt_1b { border: 1px solid #cecece; color:#818181; height:16px; padding: 1px 4px 1px 4px; margin: 2px 0px 2px 0px; width:42px;} input.txt_2b { border: 1px solid #cecece; color:#818181; height:16px; padding: 1px 4px 1px 4px; margin: 2px 0px 2px 0px; width:102px;} input.txt_3b { border: 1px solid #cecece; color:#818181; height:16px; padding: 1px 4px 1px 4px; margin: 2px 0px 2px 0px; width:179px;} input.txt_4b { border: 1px solid #cecece; color:#818181; height:16px; padding: 1px 4px 1px 4px; margin: 2px 0px 2px 0px; width:230px;} input.txt_5b { border: 1px solid #cecece; color:#818181; height:16px; padding: 1px 4px 1px 4px; margin: 2px 0px 2px 0px; width:291px;} /* End Warranty Register Styles */ /* Find a Contractor Styles */ .form-col { float:left; width:335px; padding: 0px 10px;} #contractorResults { font-family:Helvetica, Arial, sans-serif; font-size:11px; line-height: 16px; margin: 10px 0px 0px 12px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #c3cacb; color:#1a2428; } #contractorResults a { font-family: Helvetica, Arial, sans-serif; font-size:11px; color:#246395;} #contractorResults .companyCol { vertical-align:top; width:190px;} #contractorResults .companyCol span.bold { font-size:11px; font-weight:bold; display:block;} #contractorResults .milesCol { vertical-align:top; width:95px; text-align:left;} #contractorResults .milesCol span.bold { font-size:11px; font-weight:bold; display:block; color:#246395; } #contractorResults .contactCol { vertical-align:top; width:180px;} #contractorResults .contactCol span.bold { font-weight:bold; color:#246395; display:block;} #contractorResults .contactCol a { font-size:10px; color:#246395;} #contractorResults .certCol { vertical-align:top; width:105px; text-align:left;} #contractorResults .certCol span.bold { font-weight:bold; color:#246395; } #contractorResults .spacerCol { width:20px;} /* End Find a Contractor Styles */ span.tooltip { cursor:help;} #homepods .last, #prodbullets .last, #cola .last { margin:0px 0px 0px 0px;} #textHighlight .lpad { padding: 0px 0px 0px 12px;} .padLeft { padding: 0px 0px 0px 12px;} .clear { clear:both;} .flashtext { display:none;} .noshow { display:none;} .catName { display:none;} .left {float:left;}