@charset "utf-8"; /* CSS Document */ /* The main CSS file for the Everest website */ /* All section's in this document are prefixed by a "=" to make searching easier, therefore if you wanted to find the 'Global' section you could search for "=global" which would take you right to the top of the appropriate section. */ /** =Resets **/ /* In order to get FireFox and IE behaving in a similar fashion it is often useful to set up a standard in the CSS rather than let the browsers have any control, to this end I always set the height of the browser's viewport and I remove any default margins or padding by setting the values to zero. */ /* CSS Document */ html { color:#333; } body,canvas,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,sup,sub { margin:0;padding:0; } table { border-collapse:collapse;border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,th,var { font-style:normal;font-weight:normal; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0;font-variant:normal; } input,textarea,select { font-family:inherit;font-size:inherit;font-weight:inherit; } input,textarea,select { font-size:100%; } legend { color:#000; } a { text-decoration:none; } /* Standard functions */ .float_right { float:right; } .float_left { float:left; } .clear { clear:both;height:10px; } .clearNoHeight { clear:both; } .clearLeft { clear:left;display:block;height:1px;line-height: 0; font-size: 0;} .clearRight { clear:right;display:block;height:1px;line-height: 0; font-size: 0;} .clearBoth { clear:both; display:block;height:1px;line-height: 0; font-size: 0; float: none;} .bold { font-weight:bold; } .strong { font-weight:bolder; } .italic { font-style:italic; } .hidden { display:none;visibility:hidden;height:0; } .block { display:block; } .inline { display:inline; } .fullwidth { width: 100%; } .linkLike { text-decoration:underline;cursor:pointer; } .marginFive { margin: 5px; } .marginTen { margin: 10px; } .plusBox { display:block;float:left;width:9px;height:10px;line-height:10px;text-align:center;border:1px solid #999;margin-right:5px; } .button { cursor: pointer; } /* =Globals */ body { width:100%;height:100%;background:url(/images/main_bg_tile_x.jpg) repeat-x top;font-family:Arial, Helvetica, sans-serif; } #outterWrapper { margin:0 auto 0 auto;height:100%;min-height:100%;background:url(/images/main_bg_notile_center.jpg) no-repeat top center; } #ctl00_wrapper, #ctl00_ctl00_wrapper, #wrapper { position:relative;z-index:200;margin:0 auto;width:977px;height:100%; } #header { position:relative;margin-bottom:10px; } #header.headerEnergy { margin-bottom: 4px;} #header #companyLogo { position:relative;margin-top: 20px;margin-left: 10px; } #header #logoEnergy { margin-left:10px;margin-top:10px;} /*#header #globalNav { position:absolute;top:18px;left:323px;list-style:none;z-index:50000; } #header #globalNav li { position:relative;float:left;margin-right:10px; } #header #globalNav li a { float:left;color:#005daa;font-weight:bolder;font-size:12px;padding: 5px } #header #globalNav li .menu { padding:10px;width:210px;float:left;margin: -8px 8px 0 -8px;*display:none;background: #005daa;z-index:30000;} #header #globalNav li .menu ul { list-style: none; } #header #globalNav li .menuShadow { z-index:25000;padding-bottom:8px;position:absolute;left:-1000000px;top:25px;background: url(/images/black_30_opacity.png) repeat;*padding-bottom:0px;} #header #globalNav li:hover .menu { display:block; } #header #globalNav li:hover { color: #fff;background:#005daa;} #header #globalNav li:hover .menuShadow { left:8px; } #header #globalNav li .menu span { display:block;color:#fff;font-size:16px;margin:-5px 0 10px 5px;} #header #globalNav li .menu ul li { display: inline;position:static;float:left;clear:left;width:97%; } #header #globalNav li .menu ul li a { display: block;font-size: 12px; color:#fff;padding: 2px 0 2px 5px;} #header #globalNav li .menu ul li a:hover { color:#000;background-color: #fff;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;} #header #globalNav li.menuHover { color: #fff;background:#005daa;}*/ /* Global navigation */ #header .globalNav { position:absolute;top:3px;left:340px;list-style:none;z-index:90000; } #header .globalNav li { float:left;position:relative;z-index:10000;} #header .globalNav li.fr { float:right;} #header .globalNav li a { display:block;font-size:12px;color:#999;padding:5px 10px;font-weight:bold; } #header .globalNav li a.selected { color:#005daa; } #header .globalNav li .menu, #header .globalNav li.hover a, #header .globalNav li:hover a, #header .globalNav li a:hover { background:#005daa;color:#fff; } #header .globalNav li .menu { padding:10px;width:210px;float:left;margin:-8px 8px 0 -8px;background:#005daa;z-index:30000;display:inline;} #header .globalNav li .menu ul { list-style:none; } #header .globalNav li .menuShadow { z-index:25000;padding-bottom:8px;position:absolute;left:-1000000px;top:32px;background:url(/images/black_30_opacity.png) repeat;} #header .globalNav li.hover .menu, #header .globalNav li:hover .menu { display:block; } #header .globalNav li.hover .menuShadow, #header .globalNav li:hover .menuShadow { left:8px; } #header .globalNav li .menu span { display:block;color:#fff;font-size:16px;margin:-5px 0 10px 5px;} #header .globalNav li .menu ul li { display:inline;position:static;float:left;clear:left;width:97%; } #header .globalNav li .menu ul li a { display:block;font-size:12px;color:#fff;padding:2px 0 2px 5px;} #header .globalNav li .menu ul li a:hover { color:#000;background-color: #fff;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;} #header .globalSearch { width:268px;height:29px;position:absolute;top:0;right:10px;background:url(/images/Q211/globals/searchBox.gif) no-repeat; } #header .globalSearch .text { height:18px;left:5px;position:absolute;top:5px;width:236px;background:none;border:0;font-size:12px;color:#27418b;text-indent:5px;} #header .globalSearch .button { height:21px;position:absolute;right:5px;top:4px;width:21px;background:none;border:0;font-size:0em;line-height:0em;cursor:pointer;text-indent:-9999px;} #header .globalSearch .button:hover { background:url(/images/Q211/globals/searchButton-hover.gif) no-repeat; } #header #telNo { position:absolute;right:8px;top:75px;width:389px;overflow:hidden; } #header #telNoEnergy { position:absolute;right:8px;top:68px;width:389px;overflow:hidden; } #header #telNo.telephoneNumber { position:absolute;right:10px;top:60px;width:389px; } #header .youCanCallus { font-size:18px;color:#7FB6D4;padding-right:5px;} #header .telephoneNumberBig { font-size:35px;color:#005DAA;font-weight:bolder;margin-top:5px;} /* Old navigation, delete if testing is successful #header ul.topNav { position:relative;list-style: none;padding:0 5px;margin-top:8px; } #header ul.topNav li { position:relative;display: inline;float:left;} #header ul.topNav li .menu .leftCol { width: 50%;float:left; } #header ul.topNav li .menu .rightCol { width: 50%;float:left; } #header ul.topNav li .menu { padding:10px;width:210px;float:left;margin: -8px 8px 0 -8px;*display:none;} #header ul.topNav li .menu ul { list-style:none; } #header ul.topNav li .menuShadow { z-index:250;padding-bottom:8px;position:absolute;left:-1000000px;top:28px;background: url(/images/black_30_opacity.png) repeat;*padding-bottom:0px;} #header ul.topNav li:hover .menu { display:block; } #header ul.topNav li:hover .menuShadow { left:8px; } #header ul.topNav li .menu span { display:block;color:#fff;font-size:16px;margin:-5px 0 10px 5px;} #header ul.topNav li .menu ul li { display: inline;position:static;float:left;clear:left;width:97%; } #header ul.topNav li .menu ul li a { display: block;font-size: 12px; color:#fff;} #header ul.topNav li .menu ul li a:hover { color:#000;background-color: #fff;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;} #header ul.topNav li.menuHover { color: #fff; } #header ul.topNav li.float_right { float:right; } #header ul.topNav li a { display:block;padding:4px 6px;font-weight:bold;font-size: 14px; } #header ul.topNav li a.selected { color: #005DAA; } #header ul.topNav li a { color: #838486; } #header ul.topNav li a.activePage:hover, #header ul.topNav li a.highlight:hover, #header ul.topNav li a.highlight2:hover, #header ul.topNav li a.highlight3:hover, #header ul.topNav li a.highlight4:hover, #header ul.topNav li a.standard:hover, #outterWrapper #header ul.topNav li a.menuHover, #outterWrapper #header ul#globalNav li a.menuHover, #header ul.topNav li a:hover { color: #fff; } #header ul.topNav li a.activePage { color: #fff; } #header ul.topNav li a.highlight { color: #4dc2ef; } #header ul.topNav li a.highlight2 { color: #D69000; } #header ul.topNav li a.highlight3 { color: #6699cc; } #header ul.topNav li a.highlight4 { color: #eb5374; } #header ul.topNav li a.highlightEnergy { color: #00a14b; } #header ul.topNav li a:active, #header ul.topNav li a:active.highlight, #header ul.topNav li a:active.highlight2, #header ul.topNav li a:active, #header ul.topNav li a:active.highlight3, #header ul.topNav li a:active.highlight4 { color: #999;background: none;padding: 4px 6px 4px 6px; } /* Q211 Navigation */ #header .mainNavigation { clear:both;height:25px;z-index:1000;width:980px;} #header .mainNavigation li { float:left;position:relative;z-index:10000;list-style:none;} #header .mainNavigation li.fr { float:right;} #header .mainNavigation li a { display:block;font-size:14px;color:#999;padding:5px 10px;font-weight:bold; } #header .mainNavigation li .menu { padding:10px;width:210px;float:left;margin:-8px 8px 0 -8px;background:#005daa;z-index:30000;display:inline;} #header .mainNavigation li .menu ul { list-style:none; } #header .mainNavigation li .menuShadow { z-index:25000;padding-bottom:8px;position:absolute;left:-1000000px;top:32px;background:url(/images/black_30_opacity.png) repeat;} #header .mainNavigation li.hover .menu, #header .mainNavigation li:hover .menu { display:block; } #header .mainNavigation li.hover .menuShadow, #header .mainNavigation li:hover .menuShadow { left:8px; } #header .mainNavigation li .menu span { display:block;color:#fff;font-size:16px;margin:-5px 0 10px 5px;} #header .mainNavigation li .menu ul li { display:inline;position:static;float:left;clear:left;width:97%; } #header .mainNavigation li .menu ul li a { display:block;font-size:12px;color:#fff;padding:2px 0 2px 5px;} #header .mainNavigation li .menu ul li a:hover{ color:#000;background-color: #fff;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;} /* Navigation highlights */ #header .mainNavigation li a.highlight { color: #7FB6D4; } #header .mainNavigation li a.highlightEnergy { color: #349667; } #header .mainNavigation li a.highlight4 { color: #eb5273; } #header #breadcrumbs { width:947px;height:20px;margin:10px 9px 0 9px;padding:0 5px 0 5px;font-size:11px;line-height:20px;color:#27418b;list-style-type:none; } #header #breadcrumbs.breadcrumbsEnergy { margin: 0 0 2px 9px; } #header #breadcrumbs li { display:inline;float:left } #header #breadcrumbs li a { text-decoration:underline; } #header #breadcrumbs li a:hover { text-decoration:none; } #header #breadcrumbs li.float_right { float:right } #header #hiddenPhone { position: absolute; left: -99999px; } #footer { position:relative;background:url(/images/footer_bg_tile_x.jpg) top repeat-x;padding:5px 10px 0 10px; } #footer ul.topNav { color:#999;list-style-type:none;font-size:11px; } #footer ul.topNav li { display:inline;padding: 4px 3px 4px 0px; } #footer ul.topNav li.float_right { position:relative;} #footer ul.topNav li a { color:#999;display:inline-block; } #footer ul.topNav li a:hover { color:#555;display:inline-block; } #footer ul.topNav li a img { vertical-align: middle; } #footer #parthenon { padding:20px 0 0 0; width:930px; } #footer #parthenon li { display:inline; } #footer #parthenon #columnA { float: left; } #footer #parthenon #columnA h2 { font-size:16px;color:#005daa;margin-bottom: 10px; } #footer #parthenon #columnA #sitemap { width:510px;border:1px solid #999;padding:15px; } #footer #parthenon #columnA #sitemap h3 { color:#77a3cc;font-size:16px;font-weight:normal; } #footer #parthenon #columnA #sitemap .column { float:left;margin-right:35px; } #footer #parthenon #columnA #sitemap .column h4 { font-size:11px;margin-top:10px; } #footer #parthenon #columnA #sitemap .column ul { list-style:none;} #footer #parthenon #columnA #sitemap .column ul li { display:inline;margin:0px;padding:0px;overflow:hidden;height:13px;width:100px;} #footer #parthenon #columnA #sitemap .column ul li a { display:block;font-size:11px;color:#999;height:13px;overflow:hidden;width:100px; } #footer #parthenon #columnA #sitemap .column ul li a:hover { color: #555; } #footer #parthenon #columnA #sitemap .column.one h4.first a { color: #5985aa; } #footer #parthenon #columnA #sitemap .column.two h4.first a { color: #875f5e; } #footer #parthenon #columnA #sitemap .column.two h4.second a { color: #729168; } #footer #parthenon #columnA #sitemap .column.three h4.first a { color: #7f587f; } #footer #parthenon #columnA #sitemap .column.three h4.second a { color: #cc9900; } #footer #parthenon #columnA #sitemap .column.three h4.third a { color: #333; } #footer #parthenon #columnA #sitemap .column.four { margin-right:0; } #footer #parthenon #columnA #sitemap .column.four h4.first a { color: #ba794b; } #footer #parthenon #columnA #sitemap .column.four h4.second a { color: #339966; } #footer #parthenon #columnA #sitemap .column.four h4.third a { color: #989933; } #footer #parthenon #columnA #sitemap .column.four h4.fourth a { color: #923332; } #footer #parthenon #columnA #sitemap .column.one h4.first a:hover { color: #28455D; } #footer #parthenon #columnA #sitemap .column.two h4.first a:hover { color: #3A2423; } #footer #parthenon #columnA #sitemap .column.two h4.second a:hover { color: #31442A; } #footer #parthenon #columnA #sitemap .column.three h4.first a:hover { color: #3F2C3F; } #footer #parthenon #columnA #sitemap .column.three h4.second a:hover { color: #8C6900; } #footer #parthenon #columnA #sitemap .column.three h4.third a:hover { color: #111; } #footer #parthenon #columnA #sitemap .column.four h4.first a:hover { color: #7A4F31; } #footer #parthenon #columnA #sitemap .column.four h4.second a:hover { color: #1E593B; } #footer #parthenon #columnA #sitemap .column.four h4.third a:hover { color: #58591E; } #footer #parthenon #columnA #sitemap .column.four h4.fourth a:hover { color: #521D1C; } #footer #parthenon #columnA #sitemap .column .windows a { color: #5985AA; } #footer #parthenon #columnA #sitemap .column .windows a:hover { color: #28455D; } #footer #parthenon #columnA #sitemap .column .doors a { color: #C01616; } #footer #parthenon #columnA #sitemap .column .doors a:hover { color: #800202; } #footer #parthenon #columnA #sitemap .column .conservatories a { color: #729168; } #footer #parthenon #columnA #sitemap .column .conservatories a:hover { color: #31442A; } #footer #parthenon #columnA #sitemap .column .kitchens a { color: #7F587F; } #footer #parthenon #columnA #sitemap .column .kitchens a:hover { color: #3F2C3F; } #footer #parthenon #columnA #sitemap .column .roofline a { color: #CC6733; } #footer #parthenon #columnA #sitemap .column .roofline a:hover { color: #9a3e0e; } #footer #parthenon #columnA #sitemap .column .flat-roofs a { color: #BA794B; } #footer #parthenon #columnA #sitemap .column .flat-roofs a:hover { color: #7A4F31; } #footer #parthenon #columnA #sitemap .column .garage-doors a { color: #663330; } #footer #parthenon #columnA #sitemap .column .garage-doors a:hover { color: #3c0d0b; } #footer #parthenon #columnA #sitemap .column .drives-patios a { color: #989933; } #footer #parthenon #columnA #sitemap .column .drives-patios a:hover { color: #58591E; } #footer #parthenon #columnA #sitemap .column .security a { color: #923332; } #footer #parthenon #columnA #sitemap .column .security a:hover { color: #521D1C; } #footer #parthenon #columnA #sitemap .column .boilers a { color: #00a14b; } #footer #parthenon #columnA #sitemap .column .boilers a:hover { color: #00DF6A; } #footer #parthenon #columnA #sitemap .column .solarpv a { color: #00a14b; } #footer #parthenon #columnA #sitemap .column .solarpv a:hover { color: #00DF6A; } #footer #parthenon #columnA #sitemap .column .solarthermal a { color: #00a14b; } #footer #parthenon #columnA #sitemap .column .solarthermal a:hover { color: #00DF6A; } #footer #parthenon #columnB { float: left;margin-left: 30px;margin-top:26px; } #footer #parthenon #columnB h3 a { color: #005daa;font-size: 15px;font-weight:lighter;margin-bottom: 10px; } #footer #parthenon #columnB ul { list-style: none;margin-bottom: 20px; } #footer #parthenon #columnB ul li a, #footer #parthenon #columnC ul.second li a { display:block;font-size:11px;color:#999;line-height: 13px; } #footer #parthenon #columnB ul li a:hover, #footer #parthenon #columnC ul li a:hover { color: #555; } #footer #parthenon #columnB ul, #footer #parthenon #columnC ul { list-style:none; } #footer #parthenon #columnC { float:left;margin-left:30px;margin-top:26px; } #footer #parthenon #columnC ul.first li a { display:block;color:#005daa;font-size:15px;font-weight:lighter;margin-bottom:10px; } #footer #parthenon #columnC ul.first li a:hover { color: #555; } /********************************* =colours ************************************ * * * The following colour classes are applied dynamically to pages where required * * * *******************************************************************************/ #header ul.topNav li:hover a.pageHighlight, #header ul.topNav li:hover a {} #header ul.topNav li a:hover, #header ul#globalNav li a:hover, #header ul.topNav li a.keepWhite { color:#fff; } #header ul.topNav li a.pageHighlight:hover , #header ul#globalNav li a.pageHighlight:hover { color: #fff; } /* Needed to keep the hover text white on the main navigation */ #header ul.topNav li a.pageHighlight.keepWhite, #header ul#globalNav li a.pageHighlight.keepWhite { color:#fff;padding:4px 6px 4px 6px; } /* STRUCTURAL =CONTENT FORMATTING STARTS HERE */ #contentWrapper {padding:0 9px;z-index:-1px;} /* Left content box */ #leftContentBox { position:relative;width:780px;overflow:hidden;} #parthenonAB, #leftContentBox .formOutter { background:url(/images/page02_row3_bg_tile_x.jpg) repeat-x top;padding:5px 25px 8px;border-right:1px solid #fff;} #leftContentBox.FullForm .formOutter { padding:5px 10px 5px;} #leftContentBox.FullForm .formInner { width:759px;} #leftContentBox .formOutter { margin-top: 0px } #leftContentBox .scrollingGallery { position:relative; } #leftContentBox .scrollingGallery .slideShow { width:500px;height:300px;} #leftContentBox .scrollingGallery .infoBox { width:230px;position:absolute;right:20px;top:95px;} #leftContentBox .scrollingGallery .infoBox h1 { color:#fff;font-size:32px;margin-bottom:15px; } #leftContentBox .scrollingGallery .infoBox h2 { color:#fff;font-size:20px;} #leftContentBox .scrollingGallery #scrollPodSmall { position:relative;width:500px;height:70px;background:#fff;overflow:hidden;} #leftContentBox .scrollingGallery #scrollPodSmall ul { width:550px;height:70px;overflow:hidden;position:absolute;left:21px;} #leftContentBox .scrollingGallery #scrollPodSmall li { background:#eee;overflow:hidden;margin: 5px 0;list-style:none;height:63px;width:63px;margin-right:12px;} #leftContentBox .scrollingGallery #scrollPodSmall li.active { margin-top:4px;border:1px solid #999; } #leftContentBox .scrollingGallery #scrollPodSmall #scrollBack { position:absolute;left:0;top:5px;width:19px;height:63px;overflow:hidden;text-indent:-9999px;background:url(/images/imgCycleBack.jpg);} #leftContentBox .scrollingGallery #scrollPodSmall #scrollNext { position:absolute;right:0;top:5px;width:19px;height:63px;overflow:hidden;text-indent:-9999px;background:url(/images/imgCycleNext.jpg);} #leftContentBox .scrollingGallery #scrollPodSmall .scrollerContainerSmall {width:500px;} #leftContentBox .scrollingGallery #scrollPodSmall li.active {width:62px;height:62px;border:1px solid #000;} #leftContentBox .scrollingGallery #scrollPodSmall li.active img {width:62px;height:62px;} .formInner .pnlSelectAddress { display: none; } #parthenonAB .imgWrap { position:relative;width:170px;height:212px;margin-left:10px; } #parthenonAB .imgWrap span { position: absolute;color:#fff;bottom:2px;width:165px;height:30px;line-height:30px;padding-left:5px;} #parthenonAB .columnA { background: url(/images/page02_row3_seperator_tile_y.png) repeat-y right;width:356px;padding:10px 0 0 0;float:left;position:relative;} #parthenonAB .columnA.type2 { background:none;margin-right:10px;width:415px} #parthenonAB .columnA .colContent { padding-right:10px;} #parthenonAB .parthenonRow { padding-bottom: 10px;background: url(/images/page02_row3_seperator_tile_y.png) repeat-y center; } #parthenonAB .columnA ol, #parthenonAB .singleCol ol { list-style: inside decimal;} .topContentBox h1, #parthenonAB .singleCol h1, #parthenonAB .singleCol h2 { font-size:36px;font-weight:normal;padding:15px 0 10px 0;} #parthenonAB .columnA h1, #parthenonAB .columnA h2 { font-size:36px;font-weight:normal;padding:0 0 10px 0; } #parthenonAB .columnA h3 { font-size: 16px; } #parthenonAB .columnA.type2 h2 { font-size:28px;font-weight:normal;padding:0 0 10px 0; } #parthenonAB .singleCol h3 { font-weight:normal;padding:10px 0 5px 0; } #parthenonAB .columnA p, #parthenonAB .columnB p { color:#999;padding-bottom:10px;font-size:12px; } #parthenonAB .singleCol p { color:#999;width:730px;padding-bottom:10px;font-size:12px; } #parthenonAB .row1 .singleCol p, #parthenonAB .singleCol .panel p, #parthenonAB .singleCol .result p { width:auto; } #parthenonAB .columnA h3 a, #parthenonAB .columnB h3 a, #parthenonAB .singleCol h3 a { display:inline;text-decoration:underline;background:none;line-height:inherit;border:0;width:auto;padding:0;color:inherit;font-size:inherit;font-weight:inherit;} #parthenonAB .singleCol li a { display:inline;background:none;line-height:inherit;border:0;width:auto;padding:0;font-size:inherit;font-weight:inherit;} #parthenonAB .columnA p a, #parthenonAB .columnB p a, #parthenonAB .singleCol p a, .topContentBox a, .bottomContentBox a { display:inline;text-decoration:underline;background:none;line-height:inherit;border:0;width:auto;padding:0;font-size:12px;font-weight:normal;} #parthenonAB .columnA .textCTA { font-size:16px;margin-top:10px; } #parthenonAB .columnA .textCTA strong { font-weight: bold;color:#4078b8 } #parthenonAB .columnA p a:hover, #parthenonAB .columnB p a:hover, #parthenonAB .singleCol p a:hover { background:none;text-decoration:underline; } #parthenonAB .columnA a, #parthenonAB .columnB a, #parthenonAB .columnA a, #parthenonAB .smallBox a, #parthenonAB .featuredBox a, #parthenonAB .singleCol a { display:block;width:165px;height:20px;line-height:20px;color:#666;font-size:11px;font-weight:bold;border:1px solid #999;padding-left:5px;background:url(/images/tiny-right-arrow3.png) no-repeat 160px 8px; } #parthenonAB .imgWrap a { height: auto; border:0;background:none; } #parthenonAB .singleCol.inSitu img { margin: 5px 15px 10px 15px; } #parthenonAB .singleCol.inSitu h3 { margin: 0 0 10px 0;padding: 10px inherit 5px inherit } #parthenonAB .columnB a { width:auto; } .whiteStripe { background:url(/images/greyBG-topStripe_tile-x.gif) repeat-x top;height:72px;} .whiteStripe img { margin-left:10px; } .whiteStripe p { padding:5px;float:right;margin:15px 15px 0 0;width:300px; } .topContentBox a, .bottomContentBox a { color: #666;} #parthenonAB .singleCol ul li, #parthenonAB .singleCol ol li, #parthenonAB .columnA ul li { color:#999;font-size: 12px;margin-bottom:10px; } #parthenonAB .singleCol ul, #parthenonAB .columnA ul, #parthenonAB .singleCol ol, #parthenonAB .columnA ol { padding:0 0 10px 20px; } #parthenonAB hr { height:2px;width:95%;background:url(/images/page02_row3_seperator_tile_x.png) repeat-x top;border:0;clear:both; } .page44 .row .linkFOM, #parthenonAB .boxes .linkFOM { display:block;margin-top:15px;width:110px;height:auto;line-height:20px;color:#666;font-size:11px;font-weight:bold;border:1px solid #999;padding-left:5px;background:url(/images/tiny-right-arrow3.png) no-repeat 95% 50%; } #parthenonAB .columnB a.linkFOM { display:block;width:110px;height:20px;line-height:20px;color:#666;font-size:11px;font-weight:bold;border:1px solid #999;padding-left:5px;background:url(/images/tiny-right-arrow3.png) no-repeat 95% 8px; } #parthenonAB .columnB { float:right;width:355px;display:inline;position:relative;padding-top:13px; } #parthenonAB .columnB.type2 { width:285px; } #parthenonAB .columnB.type2 h3 { font-size:18px;margin-bottom:10px; } #parthenonAB .columnB h3 { font-size:24px;font-weight:normal;padding: 10px inherit 5px inherit } #parthenonAB .columnB h4 { color:#999;font-size:20px;font-weight:normal;margin-bottom:15px;line-height:20px; } #parthenonAB .columnB h5 { font-size: 18px;font-weight:normal;margin-bottom:5px; } #parthenonAB .columnB .upper { height:110px; } #parthenonAB .columnB .upper p { color:#999;font-size:11px;line-height:14px;margin-bottom:5px;width:230px; } #parthenonAB .columnB .lower { margin-top:10px; } #parthenonAB .columnB .lower p { color:#999;font-size:11px;line-height:14px;margin-bottom:5px;width:80px; } #parthenonAB .columnB .lower .left { width:164px;float:left;border-right:1px solid #dfdfdf; } #parthenonAB .columnB .lower .right { width:164px;float:right;border-left:1px solid #fff; } #parthenonAB .columnB a, #parthenonAB.video2col .columnA { background: none;width:335px; } #parthenonAB.video2col .columnB { padding:10px 0 0 0;width:380px; } #parthenonAB.video2col .columnA a, #parthenonAB.video2col .columnB a { width:auto;margin:auto;background:none } #parthenonAB.video2col .columnA a.linkFOM, #parthenonAB.video2col .columnB a.linkFOM { width:110px; margin-left: 0px; } #parthenonAB .row1 { margin:0;padding:0; } #parthenonAB .row1 div.relatedProducts h3, #parthenonAB .row2 div.relatedProducts h3 { font-size:18px;margin:0;padding: 10px inherit 5px inherit } #parthenonAB .row1 div.relatedProducts h4, #parthenonAB .row2 div.relatedProducts h4 { font-size:14px; } #parthenonAB .row1 div.relatedProducts p, #parthenonAB .row2 div.relatedProducts p { font-size:11px; } #parthenonAB .row1 div.relatedProducts img, #parthenonAB .row2 div.relatedProducts img { float:right;margin-right:5px; } #parthenonAB .row1 div.relatedProducts a, #parthenonAB .row2 div.relatedProducts a { border:0;width:100px;background-position: 95%;padding:0; } #parthenonAB .h3 a { font-size:20px;width:auto;border:0;background:none;margin:0;padding:0; } #parthenonAB .row2 h3, #parthenonAB .row4 h3, #parthenonAB .row6 h3 { font-size:20px;margin-bottom:0px;padding: 15px 0 15px 0;position:inherit;} #parthenonAB .row2 p, #parthenonAB .row4 p, #parthenonAB .row6 p { color:#999;padding-bottom:0px;font-size:12px; } #parthenonAB .row2 img { float: right;margin-left:5px; } #parthenonAB .row2 .imgWrap { margin-left:5px;} #parthenonAB .row2 .columnA { display:inline;background: url(/images/page02_row3_seperator_tile_y.png) repeat-y right;float:left;padding-right:18px; } #parthenonAB .row2 .singleCol { margin-left: 25px; } #parthenonAB .row3 .singleCol { margin-left: 0; } #parthenonAB .testimonials_a .singleCol { margin-left:0px; } #parthenonAB .testimonials_a .singleCol p { width:720px; } #parthenonAB .testimonials_a .columnA { width:297px; } #parthenonAB .testimonials_a .columnA h2 { font-size:18px;padding:0;} #parthenonAB .testimonials_a .columnA h3 { font-size:14px;padding:0;padding-bottom:10px;} #parthenonAB .testimonials_a .columnB object object { margin-bottom:10px; } #parthenonAB .imageContainer { position: relative; } #parthenonAB .imageContainer span { display:block;padding: 3px;margin-bottom: 15px;color:#fff;} #parthenonAB .row2.boxes .singleCol { margin-left: 23px; } #parthenonAB .row2.boxes .singleCol img { float:left;margin: 0 5px 5px 0; } #parthenonAB .row2.boxes .columnA { margin:0;width:350px; } #parthenonAB .row2.boxes .columnB { width:330px;margin:10px 0 0 25px; } #parthenonAB .row2.boxes .row { float: left; margin: 0; padding: 10px 25px 0 0; background: url(/images/page02_row3_seperator_tile_y.png) repeat-y right;clear:left;} #parthenonAB .row2.boxes .altrow { float: left; margin: 0; padding: 10px 0 0 25px; } #parthenonAB .row2.boxes .imgPodContent { width:330px;position:relative;} #parthenonAB .row2.boxes .row h3, #parthenonAB .row2.boxes .altrow h3 { padding:0; } #parthenonAB .row2.testimonials .columnA, #parthenonAB .row2.events .columnA { width:335px;margin:10px 0 0 0; } #parthenonAB .row2.testimonials .columnB, #parthenonAB .row2.events .columnB { width:330px;margin:10px 0 0 20px; } #parthenonAB .row2.testimonials h3.h3 { position: relative;padding:0; } #parthenonAB .row2.events h3 { position: relative;width:160px;padding: 15px inherit 10px inherit } #parthenonAB .row2.testimonials h3.fullWidth { width: auto; } #parthenonAB .row2.testimonials h3 .sup, #parthenonAB .row2.testimonials h3 .sub { font-size:26px;font-weight:bolder; } #parthenonAB .row2.testimonials .columnA a, #parthenonAB .row2.testimonials .columnB a { width:120px;margin:10px 0 0 0;background:url(/images/tiny-right-arrow3.png) no-repeat 95% 8px; } #parthenonAB .row2.testimonials .smallBox { float:left; clear: left; } #parthenonAB .row2.events .smallBox, #parthenonAB .row2.events .featuredBox { float:left; width: 355px; clear: left;} #parthenonAB .row2.events .innerBox { padding: 0 30px 30px 0; } #parthenonAB .row2.events .alt .innerBox { padding: 0 0 30px 30px; } #parthenonAB .row2.events .featuredBox .innerBox p, #parthenonAB .row2.events .featuredBox .innerBox .h3 a { width:140px;float:none } #parthenonAB .row2.events .innerBox .h3 a { border:0;width:auto;float:none;background:none;font-size:14px;padding:0; } #parthenonAB .row2.events .alt { clear: none; } #parthenonAB .row2.testimonials .smallBox a, #parthenonAB .row2.events .smallBox a { float: right; } #parthenonAB .row2.testimonials .smallBox img, #parthenonAB .row2.events .smallBox img { float: left;margin-right:10px; } #parthenonAB .row2.testimonials .smallBox h3, #parthenonAB .row2.events .smallBox h3 { font-size: 14px;width:auto;margin-bottom:0;padding: 0 0 20px 0;} #parthenonAB .row2.testimonials .smallBox p { line-height: 11px; } #parthenonAB .row2.testimonials_a { margin-top: 10px; } #parthenonAB .row2.testimonials_a .columnB { float:left;width:405px;margin:10px 0 0 9px;display:inline; } #parthenonAB .row2.testimonials_a img { float: left;margin: 0 0 10px 0; } #parthenonAB .row2.testimonials_a img.L { margin: 0 10px 10px 0; } #parthenonAB .row2.testimonials_a h3 { position: relative;width:250px;font-weight:bold;} #parthenonAB .row2.testimonials_a h4 { font-size:20px;font-weight:bold;margin-bottom:15px;} #parthenonAB .row2.testimonials_a h3 .sup, #parthenonAB .row2.testimonials_a h3 .sub { font-size:48px;font-weight:bolder; } #parthenonAB .row2.testimonials_a h3 .sup { position: absolute;top: -25px;left:0; } #parthenonAB .row2.testimonials_a h3 .sub { position: absolute;bottom: -20px;right:0; } #parthenonAB .events { background: url(/images/page02_row3_seperator_tile_y.png) repeat-y 355px 0;} #parthenonAB .events .smallBox a, #parthenonAB .events .featuredBox a { width:120px;margin:0;background:url(/images/tiny-right-arrow3.png) no-repeat 95% 8px; } #parthenonAB .events .details, #parthenonAB .events .details { font-size:11px;float:right;color:#999; } #parthenonAB .events .smallBox .details, #parthenonAB .events .smallBox .details a { float:none; } #parthenonAB .events .details a, #parthenonAB .events .details a { width:auto;margin:0;background:none;border:0;display:inline;} #parthenonAB .row2 .columnB { float:left;width:347px;margin:0 0 0 15px; } #parthenonAB .JQPopBox { margin-left:25px; } #parthenonAB .whiteOut { padding:10px;background:#fff; } #parthenonAB .whiteOut .inner { background:url(/images/page39_row3_bg_tile_x.jpg) repeat-x top; } #parthenonAB .whiteOut .inner .quote { position:relative;float:left;width:320px;margin:0 25px 0 25px;} #parthenonAB .whiteOut .inner .quote h3 { position:relative;font-size: 20px;z-index:20; } #parthenonAB .whiteOut .inner .quote .tl { position:absolute;top:-20px;left:-10px;font-size:48px;width:23px;height:44px;z-index:1;background:url(/images/page39-apos-tl.png) no-repeat top left; } #parthenonAB .whiteOut .inner .quote .br { position:absolute;bottom:0;right:0;font-size:48px;width:23px;height:44px;z-index:1;background:url(/images/page39-apos-br.png) no-repeat bottom right; } #parthenonAB .whiteOut .inner .addMargin { margin-right: 25px; } #parthenonAB .whiteOut .inner .landmarkIntro { font-weight:bold;text-align:center;font-style:italic; } #parthenonAB .whiteOut .inner #landmark { background:url(/images/landmark_bg_tile_x.jpg) repeat-x top;border: 1px solid #999;margin: 15px;height: 140px;width:708px; } #parthenonAB .whiteOut .inner #landmark .year { display:block;float:left;width:120px;margin:10px 10px -10px 10px;text-align:center; } #parthenonAB .whiteOut .inner #landmark .year span { display:block;color: #333;font-size:18px; } #parthenonAB .whiteOut .inner #landmark hr { height:2px; background:none;background-color:#6699cc;margin-top: 10px; } #parthenonAB .columnB .highlightBox { background: #fff; padding: 10px; } #parthenonAB .columnB .highlightBox h3 { font-size: 14px;margin-bottom:10px; } #parthenonAB .columnB .highlightBox p { color: #999;font-size:10px;margin-bottom:10px; } #parthenonAB .columnB .highlightBox a { background: none;border:0;width:auto; } #parthenonAB .singleCol.FAQ dt { position:relative;margin:0 0 10px 0; } #parthenonAB .singleCol.FAQ dt a { font-size:12px;text-decoration:underline;padding:0 0 0 20px;border:0;width:auto;height:auto;background:none;display:block;cursor:pointer} #parthenonAB .singleCol.FAQ dt a p { padding-bottom:0px;width:670px;} #parthenonAB .singleCol.FAQ dt span { width:10px;position:absolute;font-size:12px;color: #999;left:0;top:3px;text-decoration:none;} #parthenonAB .singleCol.FAQ dd { font-size:12px;display:block;background-color:#fff;padding:15px;color:#999;margin:0 0 10px 0;} #parthenonAB .singleCol.FAQ a { display:block;width:275px;height:20px;line-height:20px;color:#666;font-size:11px;font-weight:bold;border:1px solid #999;padding-left:5px;background:url(/images/tiny-right-arrow3.png) no-repeat 98% 8px; } #parthenonAB .singleCol.FAQ dd a { display:inline; width:auto;height:auto;line-height:normal;border:0;background:none;font-size:inherit;padding-left:inherit;} #parthenonAB .singleCol.FAQ dd p { width:700px;} #leftContentBox .offersPage #parthenonAB {padding:8px 8px 8px 8px;} #leftContentBox .offersPage #parthenonAB .columnA { width:373px;margin:0 0 0 0;padding-right:10px; } #leftContentBox .offersPage #parthenonAB .columnB { width:373px;margin:0 0 0 0; } #leftContentBox .offersPage #parthenonAB .offer a { border:0;margin:0;padding:0;float:none;background:none } #leftContentBox .offersPage #parthenonAB .offer .text { width:343px;padding: 15px; } #leftContentBox .offersPage #parthenonAB .offer .text p { color: #fff; } #leftContentBox .offersPage #parthenonAB .offer .text h3 { color:#fff;padding-bottom: 10px;font-weight:bold } #leftContentBox .offersPage #parthenonAB .offer .text a { width:100px;color:#fff; } #leftContentBox .offersPage #parthenonAB .columnA .offer { background: #125276; } #leftContentBox .offersPage #parthenonAB .columnB .offer { background: #00853e; } #parthenonAB p.smallprint { font-size: 10px; } #leftContentBox .offersPage #parthenonAB .highlight { font-weight: bold; color: #f0e500 } #parthenonAB .postIt { background: url(/images/post_it_bg_tile_x.png) repeat-x top;padding:10px; } #parthenonAB .postIt .col2 { text-align:right; } #parthenonAB .postIt h4 { display:block;width:75%;text-align:center;color:#479627;font-size:14px;margin:0 auto 5px auto;font-weight:bold;} #parthenonAB .postIt p { color:#000;font-size:10px;font-weight:bold } #parthenonAB .postIt p.smallprint { font-weight:normal } #parthenonAB .postIt .highlight { color:#479627 } #parthenonAB .pagination { padding: 0 0 5px 0; height: 24px;width:350px;overflow:hidden;float:left;} #parthenonAB .pagination ul { padding:0; } #parthenonAB .pagination ul li { list-style:none;float:left;font-size:12px; } #parthenonAB .pagination ul li span { display:block;width:20px;height:20px;border:1px solid #C1C1FF;background:#E7EBF6;text-align:center;line-height:20px;padding:0;margin:2px;color:#263f8b;font-size:11px;font-weight:bold;} #parthenonAB .pagination a.page { display:block;width:20px;height:20px;border:1px solid #999;background:#fff;text-align:center;line-height:20px;padding:0;margin:2px;color:#263f8b;font-weight:normal;} #parthenonAB .pagination a.page:hover { border-color:#c1c1ff;background:#e7ebf8; } #parthenonAB .pagination a.nextPrevPage { display:block;width:20px;height:20px;border:1px solid #04143F;background:url("/images/actions-blue-bg_tile_x.jpg") repeat-x scroll 0 0 transparent;text-align:center;line-height:20px;padding:0;margin:2px;color:#fff} #parthenonAB .pagination a.nextPrevPage:hover { border-color:#fff; } #parthenonAB .pagination a.previous, #parthenonAB .paginationButtons a.previous { border:0; width: auto; height:22px;line-height:20px;padding:0 10px 2px 10px; float: left;background:url(/images/actions-blue-bg_tile_x.jpg) repeat-x; color: #fff;} #parthenonAB .pagination span.previous { display: none;} #parthenonAB .pagination a.next, #parthenonAB .paginationButtons a.next { border:0; width: auto; height:22px;line-height:20px;padding:0 10px 2px 10px; float: right;background:url(/images/actions-blue-bg_tile_x.jpg) repeat-x; color: #fff;} #parthenonAB .pagination span.next { display: none;} #parthenonAB #searchAgain { float:right;font-size:12px;padding-top:2px; } #parthenonAB #searchNewsBox { float:none;font-size:12px; } #parthenonAB #searchAgain input, #parthenonAB #searchNewsBox input { text-indent: 5px;width: 185px;height:20px;border: 1px solid #6699cc;color:#999; } #parthenonAB #searchAgain input.button, #parthenonAB #searchNewsBox input.button { text-indent: 0;width: 100px;height:19px;border: none;color:#fff;line-height:20px;} #parthenonAB .columnB a.rssLink { border:0;width:200px;height:22px;line-height:20px;margin:2px;color:#fff;text-align:center;float:right } #parthenonAB .singleCol .whiteOut ul.resultTypes { list-style:none;margin: -10px 0 0 -20px;height:30px;} #parthenonAB .singleCol .whiteOut .resultTypes li { background:url(/images/form_multipart_step_bg_notile_left.jpg) no-repeat 0px 0px; display: block;width:140px;height:30px;line-height:30px;float:left;text-align:center;font-size:12px;} #parthenonAB .singleCol .whiteOut .resultTypes li a { display: block;width:140px;height:30px;line-height:30px;margin: 0 3px 3px 0;background-color:#f1f1f1;border:0;text-align:center;} #parthenonAB .singleCol .whiteOut .resultTypes li a:hover { background:#dadada; } #parthenonAB .singleCol .whiteOut .result { background:#f4f4f4;padding:20px; } #parthenonAB .singleCol .whiteOut .result.alt { background:#fff; } #parthenonAB .singleCol .whiteOut .result a { width:auto;font-size:16px;background:none;border:0;padding-left: 0;font-weight:normal;} #parthenonAB .columnA .itemWrapper, #parthenonAB .columnB .itemWrapper, #parthenonAB .columnA .itemWrapperNoLinks, #parthenonAB .columnB .itemWrapperNoLinks { float: right; position: relative; width: 170px; height: 210px; margin-left: 5px;} #parthenonAB .columnA .itemWrapper img, #parthenonAB .columnB .itemWrapper img { position: absolute; left: 0; top: 0; width: 170px; height: 210px; margin: 0; } #parthenonAB .columnA .itemWrapper .imgLabel, #parthenonAB .columnB .itemWrapper .imgLabel { position: absolute; left: 0; bottom: 0; width: 170px; height: 25px; text-align: center; border: none;color: #fff; filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8; } #parthenonAB .columnA .itemWrapper a.subPageLink, #parthenonAB .columnB .itemWrapper a.subPageLink { border: none; background: none; display:block; padding: 0; width: 170px; height: 210px;} #parthenonAB .serverError h2 { font-size:20px;} #parthenonAB .columnB .recommended { width:130px;height:141px;position:relative;float:left;margin-right:12px;} #parthenonAB .columnB .recommended a { display:block;width:125px;height:46px;position:absolute;bottom:0;background:url(/images/cornerArrow.png) no-repeat bottom right;border:0;color:#fff;font-size:14px;font-weight:normal;line-height:normal;padding-top:5px;} #parthenonAB .columnA .backBtn { padding-left:15px;background:url("/images/linkArrowBack.gif") no-repeat scroll 5px 7px transparent; } #parthenonAB .columnB .recommended a.bgpeach { background-color:#cc7b51;} #parthenonAB .columnB .recommended a.bggreyBlue { background-color:#77a3cd;} #parthenonAB .columnB .recommended a.bggreyBlue2 { background-color:#005daa;} #parthenonAB .columnB .recommended a.bgblue { background-color:#77a3cd;} #parthenonAB .columnB .recommended a.bggreen { background-color:#8fb18e;} #parthenonAB .columnB .recommended a.bgmauve { background-color:#C01616;} #parthenonAB .columnB .recommended a.bgbrown { background-color:#663330;} #parthenonAB .columnB .recommended a.bgolive { background-color:#989933;} #parthenonAB .columnB .recommended a.bgorange { background-color:#cc6733;} #parthenonAB .columnB .recommended a.bgyellow { background-color:#ddaa23;} #parthenonAB .columnB .recommended a.bgpurple { background-color:#986699;} #parthenonAB .columnB .recommended a.bgburgundy { background-color:#9A0000;} #parthenonAB .columnB .recommended a.bglemon { background-color:#ffcc33;} #parthenonAB .columnB .recommended a.bgpink { background-color:#CC0066;} #parthenonAB .columnB .recommended a.bgenergyGreen { background-color: #00a14b; } #parthenonAB #MCSelector { width:270px;padding:10px;background:#fff;position:relative; } #parthenonAB #MCSelector .opt { width:63px;float:left; } #parthenonAB #MCSelector ul li { height: 110px;} #parthenonAB #MCSelector ul ul { margin-top:10px;} #parthenonAB #MCSelector ul ul li { font-size:9px;list-style:inside square;color:#999;width:auto;height:auto;float:none;margin-bottom:0;margin-right:0;z-index:1000;overflow:visible;} #parthenonAB #MCSelector a { border:none;font-size:auto;font-weight:inherit;height:auto;line-height:normal;padding:0;cursor:default;} #parthenonAB #MCSelector .tabContainer { position:absolute;right:0;top:0;width:100%; } #parthenonAB #MCSelector .tabContainer .tab3up { background:url(/images/tab_bg_tile-x.jpg) repeat-x;color:#fff;font-size:14px;text-align:center;margin-left:1px;float:left;height:40px;width:32.9%;line-height:40px;cursor:pointer; vertical-align: middle; } #parthenonAB #MCSelector .tabContainer .tab3up-active { background:none;color:#333;font-size:14px;text-align:center;margin-left:1px;float:left;height:40px;line-height:40px;width:32.9%; } #parthenonAB #MCSelector .tabContainer .tab4up { background:url(/images/tab_bg_tile-x.jpg) repeat-x;color:#fff;font-size:14px;text-align:center;margin-left:1px;float:left;height:40px;line-height:40px;width:24.6%;cursor:pointer; } #parthenonAB #MCSelector .tabContainer .tab4up-active { background:none;color:#333;font-size:14px;text-align:center;margin-left:1px;float:left;height:40px;line-height:40px;width:24.6%; } #parthenonAB #MCSelector .tabContainer .tab3up:hover, #parthenonAB #MCSelector .tabContainer .tab4up:hover { background:url(/images/tab_bg_tile-x-hover.jpg); } #parthenonAB #MCSelector .tabContents { margin-top:45px; } #parthenonAB #MCSelector .swatchThumbs li .border-d:hover { position:absolute;top:0;left:0;z-index:10000;} /* CSS for Everest energy templates */ .topContentBox { margin: 0 2px 0 10px;} .topContentBox p, .topContentBox li { font-size:12px;color:#999;line-height:16px;margin-bottom:2px; } .topContentBox h1 { margin:0;padding:0; } .topContentBox h2 { font-size:24px;padding:5px 0 10px 0} .topContentBox p, .topContentBox ul { margin-bottom:10px; } .topContentBox ul { margin-left: 25px; } .standaloneActions { height:68px;background:#efefef;overflow:hidden; } .standaloneActions.taller { height:100px;background:#fff;overflow:hidden; } .standaloneActions .cta { width:276px;float:left;padding:12px 20px; } .standaloneActions h3 { font-size:18px;} .standaloneActions a { padding: 2px 5px 2px 5px;margin-top: 3px;display: block;width: 177px;color: #fff;text-align: center;font-size: 12px; } .standaloneActions .cta.one { background:url(/images/standaloneactions1.jpg) 95% no-repeat;border-right:1px solid #cdcdcd; } .standaloneActions .cta.two { background:url(/images/standaloneactions2.jpg) 95% no-repeat;border-right:1px solid #cdcdcd;border-left:1px solid #fff; } .standaloneActions .cta.three { background:url(/images/standaloneactions3.jpg) 95% no-repeat;border-left:1px solid #fff; } #parthenonAB.stripPadding { padding:0;overflow:hidden;border:0; } #parthenonAB .threeUp { width:292px;float:left;padding:13px;position:relative;padding-bottom:20px;display:inline;background:url(/images/energy/divider.gif) repeat-y right;} #parthenonAB .threeUp h3 { color:#fff;font-size:24px;padding: 5px 0 2px 6px; } #parthenonAB .threeUp h3 a { color:#fff; } #parthenonAB .threeUp p { font-size:12px;color:#999;margin: 15px 0 15px 0; } #parthenonAB .threeUp ul { margin-left: 15px; } #parthenonAB .threeUp li { font-size:12px;color:#999;margin: 0 0 2px 0; } #parthenonAB .threeUp a.linkFOM { clear:both;float:right;font-size:11px;border:1px solid;padding:3px 20px 3px 6px; position:absolute;bottom:0;right:12px; } #parthenonAB .threeUp.last { background:none; } .bottomContentBox { padding: 20px;border-top: 1px dotted #999;margin-right:5px; } .bottomContentBox.pt10 { padding-top: 10px; } .bottomContentBox h2 { font-size:28px;margin-bottom:10px; } .bottomContentBox p { margin-bottom:10px;font-size:12px;color:#999; } /* kitchen showroom landing page styles */ #parthenonAB.kitchenShowroom h2 { font-size: 36px;padding:15px 0; } #parthenonAB.kitchenShowroom h3 { font-size: 19px;padding:15px 0 10px; } #parthenonAB.kitchenShowroom p { margin-bottom: 15px; } #parthenonAB.kitchenShowroom p, #parthenonAB.kitchenShowroom li { font-size:12px;color:#999; } #parthenonAB.kitchenShowroom ul { margin: 0 0 15px 30px; } #parthenonAB.kitchenShowroom .mapBox { width:263px;float:right; } #parthenonAB.kitchenShowroom .mapBox a.linkFOM { font-size:12px;float:left;margin-right:15px;padding:10px 20px 10px 0 } #KSActions { margin: 0 auto 0 auto } .JQPopBox.narrow .cta.three { margin-right: 0 } .longBar { display:block;font-size:24px;color:#fff;padding:6px;} /******************************************/ /* */ /* Everest 46th Birthday */ /* */ /******************************************/ /***** Offers & Landing page *****/ #parthenonAB.reducedPadding { padding:15px 11px 8px; } #parthenonAB .row1 .offersPage.variant { width:739px;background:#fff url(/images/46th/bg_yellow-balloon.jpg) no-repeat top right;padding:10px;margin-top:-1px;zoom:1; } .offersPage.variant h2 { font-size:32px;width:467px;padding: 10px 0; } .offersPage.variant li, .offersPage.variant p { font-size:14px;color:#999;padding-bottom:10px;width:500px; } .offersPage.variant ul { margin:10px 0;} .offersPage.variant ul li { padding: 2px 0 3px 25px; list-style:none; background:url(/images/46th/bull-balloon.gif) no-repeat left; } .blueSpan { font-size:20px;width:467px;display:block;padding:10px 0;clear:both; } .page46 #parthenonAB { zoom:1; } .page46 #parthenonAB .birthday { background: url(/images/46th/birthday_landing_balloon.png) no-repeat top right;padding:20px 15px; } .page46 #parthenonAB h2 { font-size:32px;width:367px;padding: 10px 0; } .page46 #parthenonAB li, .page46 #parthenonAB p { font-size:14px;color:#999;padding-bottom:10px;width:405px; } .page46 #parthenonAB ul { margin:10px 0;} .page46 #parthenonAB ul li { padding: 2px 0 3px 25px; list-style:none; background:url(/images/46th/bull-balloon.gif) no-repeat left; } .page46 #parthenonAB img { float:left;margin-right:20px; } .page46 .sideBar .cms { width:230px; } .page45 #parthenonAB .smallprint p, .page46 #parthenonAB .smallprint p { width:100%;font-size:10px;color:#999;margin:10px 15px; } .page46 #parthenonAB .fullwidth { width:100%; } #parthenonAB .row2 .offersPage.variant { width:744px;background:url(/images/46th/35percent-offer-bg.jpg) repeat-x top;height:205px;padding-right:15px; } #parthenonAB .row2 .offersPage.variant img { float:left;margin-right:15px; } #parthenonAB .row2 .offersPage.variant h2 { color:#fff;font-size:18px;width:auto;text-transform:uppercase;padding-top:15px;} #parthenonAB .row2 .offersPage.variant p { color:#fff;width:auto;margin-bottom:10px; } #parthenonAB .row2 .offersPage.variant .linkFOM { color:#fff;border:1px solid #c13659;background:url(/images/46th/linkFOM-arrow.jpg) no-repeat 93%;padding:5px 28px 5px 8px;font-size:14px;font-weight:bold;margin-top:5px;float:left; } #parthenonAB .row2 .offersPage.variant .linkFOM:hover { background:#c52e5b url(/images/46th/linkFOM-arrow-hover.jpg) no-repeat 93%; } #parthenonAB .smallprint { color:#b82b4e;margin:10px 0;} /******************************************************************/ /* Materials and colours page */ /******************************************************************/ .topPictureBox { width:779px;height:298px; } .topPictureBox h1 { color:#fff;font-size:30px;padding: 20px 15px; } .page47 #parthenonAB { padding: 0;margin-top:10px; } .swatches .leftColumn { width:318px;float:left;position:relative; } .swatches .rightColumn { width:441px;float:left;position:relative;padding:60px 10px 5px; } #parthenonAB .swatches .tabContainer { position:absolute;right:0;top:0;width:100%;display:none; } #parthenonAB #MCSelector .tabContainer .tab2up, #parthenonAB .tabContainer .tab2up { background:url(/images/tab_bg_tile-x.jpg) repeat-x;color:#fff;font-size:16px;text-align:center;margin-left:1px;float:left;height:40px;width:49.5%;line-height:40px;cursor:pointer; } #parthenonAB #MCSelector .tabContainer .tab2up-active, #parthenonAB .tabContainer .tab2up-active { background:none;color:#333;font-size:16px;text-align:center;margin-left:1px;float:left;height:40px;line-height:40px;width:49.5%; } #parthenonAB #MCSelector .tabContainer .tab3up, #parthenonAB .tabContainer .tab3up { background:url(/images/tab_bg_tile-x.jpg) repeat-x;color:#fff;font-size:16px;text-align:center;margin-left:1px;float:left;height:40px;width:32.9%;line-height:40px;cursor:pointer; } #parthenonAB #MCSelector .tabContainer .tab3up-active, #parthenonAB .tabContainer .tab3up-active { background:none;color:#333;font-size:16px;text-align:center;margin-left:1px;float:left;height:40px;line-height:40px;width:32.9%; } #parthenonAB #MCSelector .tabContainer .tab4up, #parthenonAB .tabContainer .tab4up { background:url(/images/tab_bg_tile-x.jpg) repeat-x;color:#fff;font-size:16px;text-align:center;margin-left:1px;float:left;height:40px;line-height:40px;width:24.1%;cursor:pointer; } #parthenonAB #MCSelector .tabContainer .tab4up-active, #parthenonAB .tabContainer .tab4up-active { background:none;color:#333;font-size:16px;text-align:center;margin-left:1px;float:left;height:40px;line-height:40px;width:24.1%; } #parthenonAB #MCSelector .tabContainer .tab2up:hover, #parthenonAB #MCSelector .tabContainer .tab3up:hover, #parthenonAB #MCSelector .tabContainer .tab4up:hover, #parthenonAB .tabContainer .tab2up:hover, #parthenonAB .tabContainer .tab3up:hover, #parthenonAB .tabContainer .tab4up:hover { background:url(/images/tab_bg_tile-x-hover.jpg); } .swatches .rightColumn p { font-size:12px;color:#999; } .swatches .detailOuter { background:#fff;width:319px;height:290px;position:relative;overflow:hidden;} .swatches .detailInner { height:290px;position:absolute;top:0;} .detailOuter .arrowLeft { width:19px;height:61px;text-indent:-9999px;overflow:hidden;background:url(/images/homepage_cta-row2-btnPrev.jpg);cursor:pointer;position:absolute;top:50%;left:0;margin-top:-30px;z-index:1000; } .detailOuter .arrowRight { width:19px;height:61px;text-indent:-9999px;overflow:hidden;background:url(/images/homepage_cta-row2-btnNext.jpg);cursor:pointer;position:absolute;top:50%;right:0;margin-top:-30px;z-index:1000; } .detailInner .detail { float:left;width:280px;margin:0 20px;position:relative;} .detailInner .detail .text { position:absolute;top:15px;left:15px;z-index:100; } .detailInner .detail img { margin: 20px 38px; } .detail .text .title { font-size:16px; } .detail .text ul { margin:5px;font-size:12px;color:#666;list-style:inside; } .tabContents { margin-left: 5px; } .swatchThumbs { margin:20px 0; } .swatchThumbs li { position:relative;float:left;list-style:none;width:40px;height:40px;overflow:hidden;margin-right:10px;margin-bottom:10px; } .swatchThumbs li .border-d { position:absolute;top:0;left:0;z-index:10000;width:120px;height:40px;background:url(/images/swatches/swatch/border.gif)} .swatchThumbs li .border-a:hover, .swatchThumbs li .border-d:hover { position:absolute;top:0;left:-40px;z-index:10000;} .swatchThumbs li .border-a { position:absolute;top:0;left:-80px;z-index:10000;width:120px;height:40px;background:url(/images/swatches/swatch/border.gif)} .swatchThumbs li .img { padding:2px;} #parthenonAB #MCSelector .swatchThumbs { margin:20px 0; } #parthenonAB #MCSelector .swatchThumbs li { position:relative;float:left;list-style:none;width:60px;overflow:hidden;margin-right:6px;margin-bottom:10px; } #parthenonAB #MCSelector .swatchThumbs li a { overflow:hidden;width:40px;display:block;} #parthenonAB #MCSelector .swatchThumbs li .border-a, #parthenonAB #MCSelector .swatchThumbs li .border-d { display:none;} #parthenonAB #MCSelector .swatchThumbs ul li { list-style:none;margin:0;padding-left:10px;background:url(/images/grey_square_bullet.gif) no-repeat left 4px;width:50px;} #parthenonAB .youMayAlsoLike a { float:left;margin-right:10px;border:0;height:auto;line-height:normal;padding: 0px;width:auto; } #parthenonAB .youMayAlsoLike a span { } /****************************************************************** =modules ******************************************************************** * * * The following CSS controls modules inside pages which are not part of the * * overall structure * * * ************************************************************************************************************************************************/ /* Main CTA Flash replacement (The main flash image has a html alternative, this is the CSS to style that section) */ .noflashCTA { position:relative;width:958px;margin:0 0 8px 0;z-index:1; } .noflashCTA.noBgImage { background:0;height:auto;} .noflashCTA.noBgImage #textBox { width:auto;background:url("/images/page02_row3_bg_tile_x.jpg") repeat-x scroll center top transparent;padding:10px;} .noflashCTA.noBgImage #actions { visibility:hidden; } .noflashCTA #textBox { width:320px;height:84%;padding:3%;} .noflashCTA #textBox h1 { color:#FFF;font-size:30px;font-weight:normal; } .noflashCTA #textBox h2 { color:#FFF;font-size:23px;line-height:26px;font-weight:normal;width:410px; } .noflashCTA #textBox ul { color:#FFFFFF;font-size:12px;line-height:16px;list-style:square inside none;margin-top:10px; } .noflashCTA #textBox a { margin-top:10px;width:342px;color:#ff0;display:block;font-size:12px;background:url(/images/tiny-right-arrow.png) no-repeat right; } .noflashCTA #textBox p { color:#fff; } .noflashCTA #actions .cta, #KSActions .cta { float:left;margin-right: 20px;display:inline;zoom:1; } #KSActions .cta { margin-right: 25px; } .noflashCTA #actions .cta.one, #KSActions .cta.one { width:270px;background:url(/images/cta-row1-actions-img1.jpg) no-repeat right; } #KSActions .cta.one { margin-left: 40px; } .noflashCTA #actions .cta.two, #KSActions .cta.two { width: 281px;background: url(/images/cta-row1-actions-img2.jpg) no-repeat right; } .noflashCTA #actions .cta.three, #KSActions .cta.three { width: 270px;background: url(/images/cta-row1-actions-img3.jpg) no-repeat right; } .noflashCTA #actions .cta h3, #KSActions .cta h3 { font-weight: normal;font-size: 19px; } .noflashCTA #actions .cta p, #KSActions .cta p { font-size: 10px;width:200px;line-height:9px; } .noflashCTA #actions .cta a, #KSActions .cta a { padding: 2px 5px 2px 5px;margin-top: 3px;display: block;width: 177px;color: #fff;text-align: center;font-size: 12px; } /* Pop up information box */ #contentWrapper #parthenonAB .row2 .JQPopBox {margin-left:0px;} #parthenonAB .JQPopBox { position:relative;float:left;margin-left:9px; display:inline;height:auto; } #parthenonAB .JQPopBox .cta { position:relative;display:block;float:left;width: 232px;height: 170px;margin-right: 9px;margin-bottom: 9px; } #parthenonAB .JQPopBox .inner { position:absolute;bottom:0;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;z-index:2;width:100%;display:block;height:40px;overflow:hidden; } #parthenonAB .JQPopBox .inner h3 { position:static;color: #fff;font-size: 18px;line-height: 18px;font-weight: normal;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity:1; } #parthenonAB .JQPopBox .cta .inner h3 a { color: #fff;line-height:16px;font-weight: normal;margin:0;padding-top:0;;width:auto;border:0;background:none;font-size:18px;margin:0;} #parthenonAB .JQPopBox .inner p { color: #fff;font-size:12px;line-height:14px;filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity: 1.0;margin:0 0 5px 5px; } #parthenonAB .JQPopBox .inner a { display:block;width:130px;color:#fff;line-height:14px;border:1px solid #fff;font-size:11px;font-weight:bold;padding:3px 5px 3px 5px;margin:5px;background:url(/images/tiny-right-arrow2.png) no-repeat 95%; } /*#parthenonAB .JQPopBox .inner .noShow { z-index:3;display:none; }*/ /* Standard information box */ #parthenonAB .standardPodBox { position:relative;float:left; display:block; } #parthenonAB .standardPodBox .cta { display:inline;position:relative;display:block;float:left;width: 232px;height: 155px;margin:0 9px 10px 0; } #parthenonAB .standardPodBox .inner { position:absolute;bottom:0;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;z-index:2;width:100%;display:block;height:40px;overflow:hidden; } #parthenonAB .standardPodBox .inner h3 { color: #fff;line-height: 24px;font-weight: normal;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity:1;margin:6px 5px 6px 5px;padding:0; } #parthenonAB .standardPodBox .cta .inner h3 a { color: #fff;width:auto;margin:0;padding:0;border:0;background:none;font-weight: normal;font-size:14px; } #parthenonAB .standardPodBox .inner p { color: #fff;font-size:12px;line-height:14px;filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity: 1.0;margin:0 0 5px 5px; } #parthenonAB .standardPodBox .inner a { display:block;width:90px;color:#fff;line-height:14px;border:1px solid #fff;font-size:11px;font-weight:bold;padding:3px 5px 3px 5px;margin:5px;background:url(/images/tiny-right-arrow2.png) no-repeat 90px; } #parthenonAB .standardPodBox .inner .noShow { display:none; } /* SideBar */ .sideBar { float:right;width:169px;display:inline;zoom:1;overflow:hidden;} .sideBar .cms { width:169px;overflow:hidden;} .sideBar .cms hr { background:url(/images/page02_row3_seperator_tile_x.png) repeat-x top;border:0; } .sideBar .cms h2 { font-size:18px; } .sideBar .cms h3 { font-size:14px; } .sideBar .cms p { font-size:12px;color:#b3b3b3;line-height:13px; margin-bottom: 7px; } .sideBar .cms a { padding-right:7px;display:block;color:#666;font-size:11px;font-weight:bold;background:url(/images/tiny-right-arrow3.png) no-repeat 99% 57%;margin: 0 0 5px 0; } .sideBar .cms a.imagePod { background:none;} .sideBar .quote { margin-bottom: 10px;text-align:center; } .sideBar .quote p { font-size:14px;line-height:13px;font-weight: bold;display:block; } /* .sideBar #actionsSidebar { float:right;background-color: #ebedf4;height:250px;margin-bottom: 10px; } .sideBar #actionsSidebar .cta { display: block;width:170px; height:67px; } .sideBar #actionsSidebar .cta.one { background:url(/images/cta-row1-actionsSidebar-img1.jpg) no-repeat right; } .sideBar #actionsSidebar .cta.two { background: url(/images/cta-row1-actionsSidebar-img2.jpg) no-repeat right;} .sideBar #actionsSidebar .cta.three { background: url(/images/cta-row1-actionsSidebar-img3.jpg) no-repeat right;} */ .sideBar #actionsSidebar {float:right;background-color: #e9e9e9;height:220px;margin-bottom: 10px; width:169px; padding-top:13px; } .sideBar #actionsSidebar a {display: block; width:169px; text-indent:-9999em;text-transform:uppercase; background:transparent url(/images/rightCTA/everest-rightCTA.jpg) no-repeat 0 0; } .sideBar #actionsSidebar a.one {background-position:-169px 0px; height:65px;} .sideBar #actionsSidebar a.one:hover, .sideBar #actionsSidebar a.one:focus {background-position:0 0px;} .sideBar #actionsSidebar a.two {background-position:-169px -65px; height:76px;} .sideBar #actionsSidebar a.two:hover, .sideBar #actionsSidebar a.two:focus {background-position:0 -65px;} .sideBar #actionsSidebar a.three {background-position:-169px -141px; height:71px;} .sideBar #actionsSidebar a.three:hover, .sideBar #actionsSidebar a.three:focus {background-position:0 -141px;} .sideBar #actionsSidebar .cta h3 { font-weight: normal;font-size: 17px;line-height:17px;width: 90px;margin-left:10px;padding-top: 9px; } .sideBar #actionsSidebar .cta .linklookalike { display:inline; float:left;padding: 2px 5px 2px 5px;color: #fff;text-align: center;font-size: 12px;margin:5px 0 5px 10px } .sideBar #actionsSidebar hr { height:2px;background:url(/images/page02_row3_seperator_tile_x.gif) repeat-x top;border:0;clear:both; } .sideBar .makeAppointment { background: #f6f7fa url(/images/sidebar-appointment-bg-tile-x.jpg) repeat-x top;position:relative; } .sideBar .makeAppointment h2 { margin:0;padding:10px 15px;font-size:17px;} .sideBar .makeAppointment .top-text { font-size:12px;color:#999;padding:10px 80px 5px 15px;font-weight:bold;background:url(/images/cta-row1-actionsSidebar-img1.jpg) no-repeat 90%;} .sideBar .makeAppointment fieldset { padding:10px 15px;} .sideBar .makeAppointment legend, .sideBar .makeAppointment label { font-size:12px;} .sideBar .makeAppointment label { color:#999;} .sideBar .makeAppointment input, .sideBar .makeAppointment select { width:100%;margin:5px 0;background:#fff;border:1px solid #7f9db9;color:#666;text-indent:5px;font-size:12px;height:20px;} .sideBar .makeAppointment select { text-indent: 0; } .sideBar .makeAppointment .input-number { width:43px;margin-right:77px;} .sideBar .makeAppointment .input-postcode { width:76px;} .sideBar .makeAppointment .nextButton { background-position:top;height:20px;width:94px;text-indent:-9999px;font-size:0em;overflow:hidden;padding:0;border:0;float:right;margin-right:15px;} .sideBar .makeAppointment .nextButton:hover { background-position:bottom;} .sideBar .makeAppointment .asterisk-text { font-size:11px;color:#999;clear:both;padding:10px 15px;line-height:12px;} .makeAppointment .error { font-size: 12px; display: block; clear: both; } .errorContainer, #jsErrorContainer { margin: 10px; border: 1px solid #000; background: #F3DA8A; } #jsErrorContainer { display: none; } #appointmentForm2 #jsErrorContainer h3 { padding: 10px 10px 0 10px; color: #333; } #jsErrorMessage, .errorContainer .error { display: block; padding: 10px; color: #333; font-size: 12px; } .formError span { font-size: 12px; color:#c50000!important; } .inputBlock span { font-size: 12px; color:#c50000!important; } .panels { margin-left:30px; } .panels .panel { display:inline;float:left;margin:15px; } #parthenonAB .row2.boxes .singleCol .panels .panel { width: 100px; } .panels .panel p { display:block;clear:left; } /* 4-across squares of information in grid format */ .four-up { margin-bottom:10px; } .four-up .cell { position:relative;width:159px;height:134px;float:left;margin: 10px 10px 0 0; } .four-up .cell a { position:absolute;bottom:15px;width:159px;height:37px;line-height:37px;text-indent:15px;background:white;font-weight:bold;} .four-up .cell.noStrip a { text-indent:-9999px;height:134px;bottom:0;background:none;} /***************************** =ST1 - Structure Type 1 ********************************* * * * The following styles only affect pages with the 'st1' class attached to the wrapper * * * **************************************************************************************/ /* 'Boss' Styles - these styles overwrite existing global styles */ .st1 .contentAndScroller .section1 .cta p { color: #999;font-size: 12px;margin-left: 0; } /* Template specific styles */ .st1 .noflashCTA, .st2 .noflashCTA { margin-left: 0; } .st1 #contentWrapper #cta_row4 { position:relative; } .st1 #contentWrapper #cta_row4 .cta { display:block;width:313px;height:100px;float:left; } .st1 #contentWrapper #cta_row4 .cta a { display:block;width:313px;height:100px; } .st1 #contentWrapper #cta_row4 .cta.one { margin-right:9px; } .st1 #contentWrapper #cta_row4 .cta.two { margin-right:9px; } .st1 #contentWrapper #cta_row5 { position:relative; } .st1 #contentWrapper #cta_row5 .seperator { width:2px;height:124px;float:left;margin:9px 5px 0 5px;background:url(/images/seperator_bg_tile_y.jpg) repeat-y center; } .st1 #contentWrapper #cta_row5 .cta { position:relative;width:230px;height:127px;float:left; } .st1 #contentWrapper #cta_row5 .cta a { position:absolute;font-size:11px;color:#666;font-weight:bold; } .st1 #contentWrapper #cta_row5 .cta.two a, .st1 #contentWrapper #cta_row5 .cta.three a { position:absolute;left:0px; } .st1 #contentWrapper #cta_row5 .cta.four a { position:absolute;left: 10px; } .st1 #contentWrapper #cta_row5 .cta.one h3 { font-size: 18px;color: #343399;font-weight: normal; } .st1 #contentWrapper #cta_row5 .cta.one p { color:#999;font-size:11px;width:150px;float:right;margin-top:14px; } .st1 #contentWrapper #cta_row5 .cta.two h3 { font-size:18px;color:#343399;font-weight:normal; } .st1 #contentWrapper #cta_row5 .cta.two h4 { font-size:14px;color:#343399;font-weight:normal;margin-top: 14px; } .st1 #contentWrapper #cta_row5 .cta.two p { color:#999;font-size:11px;width:150px;float:left; } .st1 #contentWrapper #cta_row5 .cta.three h3 { font-size:18px;color:#4dc2ef;font-weight:normal; } .st1 #contentWrapper #cta_row5 .cta.three h4 { font-size:14px;color:#4dc2ef;font-weight:normal;margin-top:14px; } .st1 #contentWrapper #cta_row5 .cta.three p { color:#999;font-size:11px;width:150px;float:left; } .st1 #contentWrapper #cta_row5 .cta.four p { position:absolute;left:-9999px; } /**************************** =ST2 - Structure Type 2 ********************************* * * * The following styles only affect pages with the 'st2' class attached to the wrapper * * * **************************************************************************************/ /* 'Boss' Styles - these styles overwrite existing global styles */ .st2 #header #breadcrumbs a { color:#fff;text-decoration:underline; } .st2 #header #breadcrumbs, .st2 #header #breadcrumbs a:hover, .forms #header #breadcrumbs { color: #fff;text-decoration: none; } .st2 #cta_row1 { width:780px; } /* Template specific styles */ /*none*/ /**************************** =ST3 - Structure Type 3 ********************************* * * * The following styles only affect pages with the 'st3' class attached to the wrapper * * * **************************************************************************************/ /* 'Boss' Styles - these styles overwrite existing global styles */ .st3 .page12 #header #breadcrumbs a { color:#fff;text-decoration:underline; } .st3 #header #breadcrumbs { color:#fff; } .st3 .noflashCTA, .forms .noflashCTA, .flashBannerContainer, .flashBannerContainer object { width: 779px } .st3 .noflashCTA #textBox a { margin-top:80px;width:170px;line-height: 17px;height:18px;text-indent:5px;border: 1px solid #fff;color:#fff;display:block;font-size:12px;background: url(/images/st3_noflashcontent_a_bg_notile.png) no-repeat right; } .st3 .noflashCTA #textBox a:hover { color:#000;background: url(/images/st3_noflashcontent_a_bg_notile_over.png) no-repeat right; } .st3 #parthenonAB.video2col h1 { } .st3 #midNav { list-style-type:none;margin-left:0;height:42px;margin-bottom:0; } .st3 #midNav li { float:left;width:195px;height:42px;line-height:42px;text-align:center;background-color:#ececec} .st3 #midNav li a { display:block;width:195px;height:42px;line-height:42px;text-align:center;background:url(/images/mid_nav_bg_tile_x.jpg) repeat-x top;color:#fff} .st3 #midNav li a:hover { background:url(/images/mid_nav_bg_tile_x_over.jpg) repeat-x top; } .st3 #midNav li a.selected { display:block;width:195px;height:42px;line-height:42px;text-align:center;background-color:#ececec;background:#ececec;color:#333333} .st3 #cta_row1 { width:780px;overflow:hidden; } /* Template specific styles */ /*none*/ /********************** Page specific styles ******************** * * * the following styles apply only to one page * * * ****************************************************************/ .smallNoFlash .noflashCTA, .smallerFlashBanner .flashBannerContainer { width:780px; margin:0 0 0 0;} .smallerFlashBanner .noflashCTA { margin-bottom:0px;} .smallerFlashBanner .noflashCTA.noBgImage #textBox { background:#ebebeb;padding:20px 25px 10px;width:auto;height:auto;} .flashBannerContainer { width:958px; margin:10px 0 0; position:relative; z-index:1;} .flashBannerContainer object { width:958px; height:351px; } .page44 .noflashCTA { width: 716px; } .page44 #leftContentBox { width: 718px; } .page44 .sideBar { width: 230px; } .page44 #parthenonAB { padding: 10px 15px 8px;} .page44 #parthenonAB h2, .page44 #parthenonAB h2 p { font-size:36px; } .page44 #parthenonAB h2 p a:link, .page44 #parthenonAB h2 p a:hover, .page44 #parthenonAB h2 p a:visited { color: #6699CC } .page45 .noflashCTA { width: 759px;height:338px;text-indent:-9999px;margin-bottom:0; } .page46 .noflashCTA { width: 716px;height:367px;/*text-indent:-9999px;*/margin-bottom:0;position:relative; } .page46 #leftContentBox { width: 718px; } .page46 .sideBar { width: 230px;position:relative; } .page46 .noflashCTA #KSActions { position:absolute;bottom:5px;width:716px;height:78px;z-index:10000;text-indent:0; } .page46 #parthenonAB { padding:0;} .page46 #parthenonAB h2, .page46 #parthenonAB h2 p { font-size:36px; } .page46 #parthenonAB h2 p a:link, .page46 #parthenonAB h2 p a:hover, .page46 #parthenonAB h2 p a:visited { color: #6699CC } .page46 #swfMainBanner, .page46 #swfMainBanner object { width: 716px; height: 366px; } .page01 .noflashCTA #textBox, .page02 .noflashCTA #textBox, .page03 .noflashCTA #textBox, .page05 .noflashCTA #textBox, .page06 .noflashCTA #textBox, .page10 .noflashCTA #textBox, .page44 .noflashCTA #textBox { width:320px;height:100%;padding:0;} .page44 .noflashCTA #textBox { width:310px;height:100%;padding:10px 0 0 10px;} .page01 .noflashCTA #textBox h1, .page02 .noflashCTA #textBox h1, .page03 .noflashCTA #textBox h1, .page05 .noflashCTA #textBox h1, .page06 .noflashCTA #textBox h1, .page10 .noflashCTA #textBox h1, .page44 .noflashCTA #textBox h1 { color:#FFF;font-size:30px;font-weight:normal;padding: 15px 0 5px 15px; } .page44 .noflashCTA #textBox h1 { margin: -10px 0 0 -10px;} .page01 .noflashCTA #textBox h2, .page02 .noflashCTA #textBox h2, .page03 .noflashCTA #textBox h2, .page05 .noflashCTA #textBox h2, .page06 .noflashCTA #textBox h2, .page10 .noflashCTA #textBox h2, .page44 .noflashCTA #textBox h2 { color:#FFF;font-size:23px;line-height:26px;font-weight:normal;padding: 0 0 15px 15px;width:auto; } .page44 .noflashCTA #textBox h2 { margin:0 0 10px -10px;} .page44 .row { margin-top:25px; } .page44 .row.top { background:url(/images/seperator_bg_tile_y.jpg) repeat-x top;padding-top:20px; } .page44 .row h3 { font-size:24px;width:175px;margin-bottom:5px;} .page44 .row p { font-size:12px;color:#999; } .page44 .row img { margin:0 15px; } .page44 .row .linkFOM { margin-top: 10px; } .t46content {padding: 10px 15px; } .t46content h2 { font-size: 28px;font-weight: normal;padding: 0 0 10px;} .t46content p { font-size:12px;padding-bottom:10px;color:#999} .page02 .noflashCTA #textBox h2.smaller, .page03 .noflashCTA #textBox h2.smaller, .page05 .noflashCTA #textBox h2.smaller, .page06 .noflashCTA #textBox h2.smaller, .page10 .noflashCTA #textBox h2.smaller, .page44 .noflashCTA #textBox h2.smaller { font-size:18px;line-height:22px; } .page01 .noflashCTA #textBox ul { margin:10px 0 0 10px;color:#787878;font-size:12px;line-height:16px;list-style:disc inside; } .page02 .noflashCTA #textBox ul, .page03 .noflashCTA #textBox ul, .page05 .noflashCTA #textBox ul, .page06 .noflashCTA #textBox ul, .page10 .noflashCTA #textBox ul, .page44 .noflashCTA #textBox ul { margin-top:10px;color:#787878;font-size:12px;line-height:16px;list-style:disc inside; } .page01 .noflashCTA #textBox a, .page02 .noflashCTA #textBox a, .page03 .noflashCTA #textBox a, .page05 .noflashCTA #textBox a, .page06 .noflashCTA #textBox a, .page10 .noflashCTA #textBox a, .page10 .noflashCTA #textBox a, .page44 .noflashCTA #textBox a { color:#787878;display:block;font-size:12px; } .page44 .noflashCTA #textBox a {background: none;} .page01 .noflashCTA #textBox p { color:#787878;font-size:12px;padding:10px 0 0 10px; } .page02 .noflashCTA #textBox p, .page03 .noflashCTA #textBox p, .page05 .noflashCTA #textBox p, .page06 .noflashCTA #textBox p, .page10 .noflashCTA #textBox p, .page44 .noflashCTA #textBox p { color:#787878;font-size:12px; } .noflashCTA #actions { position: absolute;bottom: 5px;width:908px;padding:5px 0 0 50px;height: 68px;background-color: #fff; } .page03 .noflashCTA #actions, .page06 .noflashCTA #actions, .page07 .noflashCTA #actions, .page09 .noflashCTA #actions, .page11 .noflashCTA #actions { bottom: 10px;height: 68px; } .page44 #KSActions { height:74px;width:686px;background:#fff;padding-left:30px; } .page44 .sideBar .cms, .page44 .sideBar .cms { width:230px } .page12 .contentAndScroller { width: 778px;float:none;margin-bottom:10px; } .page02 .contentAndScroller .section1, .page03 .contentAndScroller .section1, .page04 .contentAndScroller .section1, .page05 .contentAndScroller .section1 { width: 300px;float:left; } .st3.page05 .noflashCTA { width: 958px; } .page01 .contentAndScroller .section1 .cta.one { display:block;width:159px;height: 160px; } .page01 .contentAndScroller .section1 .cta.two { display:block;width:159px;height: 160px; } .page01 .contentAndScroller .section1 .cta.three { display:block;width:159px;height: 160px; } .page02 .contentAndScroller .section1 .seperator { position:absolute;top:0;left:351px;width:2px;height:90%;background:url(/images/seperator_bg_tile_y.jpg) repeat-y center; } .page01 .contentAndScroller .section2 { float:left;width: 460px;margin-top:10px;margin-right:0px; } .page02 .contentAndScroller .section2, .page04 .contentAndScroller .section2 { width: 559px; } .page03 .contentAndScroller .section2 { width: 634px; } .page05 .contentAndScroller .section2 { width: 292px; } .page20 .contentAndScroller .section2 { width: 292px; } .contentAndScroller .section2 h3 { font-size: 16px; } .page01 #cta_row5 img { margin-top: 12px; } .page01 .JQPopBox, .page05 .JQPopBox, .page10 .JQPopBox, .page11 .JQPopBox { position:relative;float:left;display:inline; } .page01 .JQPopBox .cta, .page05 .JQPopBox .cta, .page10 .JQPopBox .cta, .page11 .JQPopBox .cta { position:relative;display:inline;float:left;width: 232px;height: 170px;margin-right: 9px; } .page01 .JQPopBox .inner, .page05 .JQPopBox .inner, .page10 .JQPopBox .inner, .page11 .JQPopBox .inner { position:absolute;bottom:0;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;z-index:2;width:100%;display:block;height:40px;overflow:hidden; } .page32 .JQPopBox .inner h3, .page01 .JQPopBox .inner h3, .page05 .JQPopBox .inner h3, .page10 .JQPopBox .inner h3, .page11 .JQPopBox .inner h3 { color: #fff;font-size: 18px;line-height: 18px;font-weight: normal;margin:0; } .page01 .JQPopBox .inner h3 a, .page05 .JQPopBox .inner h3 a, .page10 .JQPopBox .inner h3 a, .page11 .JQPopBox .inner h3 a { color: #fff; } .JQPopBox .inner .noShow { position: relative;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity: 0;} .page32 .JQPopBox .inner .noShow p, .page01 .JQPopBox .inner .noShow p, .page05 .JQPopBox .inner .noShow p, .page10 .JQPopBox .inner .noShow p, .page11 .JQPopBox .inner .noShow p { color: #fff;font-size:12px;line-height:14px;filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity: 1.0;margin:0 0 0 0;z-index:1; } .page32 .JQPopBox .inner .noShow a, .page01 .JQPopBox .inner .noShow a, .page05 .JQPopBox .inner .noShow a, .page10 .JQPopBox .inner .noShow a, .page11 .JQPopBox .inner .noShow a { display:block;width:125px;color:#fff;line-height:14px;border:1px solid #fff;font-size:11px;font-weight:bold;padding:3px 5px 3px 5px;margin:5px 5px 5px 0;background:url(/images/tiny-right-arrow2.png) no-repeat 95%; } .JQPopBox2 {position:relative;height:160px;width:312px;float:right;} .JQPopBox2 .cta { position:relative;height: 160px; } .JQPopBox2 .inner { width:312px;position:absolute;bottom:0;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;z-index:2;display:block;height:40px;overflow:hidden; } .JQPopBox2 .inner h3 { color: #fff;font-size: 18px;line-height: 18px;font-weight: normal;padding:5px; } .JQPopBox2 .inner h3 a { color: #fff; } .JQPopBox2 .inner .noShow { position: relative;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity: 0;padding:5px;} .JQPopBox2 .inner .noShow p { color: #fff;font-size:12px;line-height:14px;filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity: 1.0;padding:0 0 5px 0;z-index:1; } .JQPopBox2 .inner .noShow a { display:block;width:125px;color:#fff;line-height:14px;border:1px solid #fff;font-size:11px;font-weight:bold;padding:3px 5px 3px 5px;background:url(/images/tiny-right-arrow2.png) no-repeat 95%; } .JQPopBox3 { position:relative;height:160px;} .JQPopBox3 .cta { position:relative;height: 160px;float:left;width:312px;margin-right:11px;display:inline; } .JQPopBox3 .cta.three { margin-right:0px;float:right;} .JQPopBox3 .inner { width:312px;position:absolute;bottom:0;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;z-index:2;display:block;height:40px;overflow:hidden; } .JQPopBox3 .inner h3 { color: #fff;font-size: 18px;line-height: 18px;font-weight: normal;padding:5px; } .JQPopBox3 .inner h3 a { color: #fff; } .JQPopBox3 .inner .noShow { position: relative;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity: 0;padding:5px;} .JQPopBox3 .inner .noShow p { color: #fff;font-size:12px;line-height:14px;filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity: 1.0;padding:0 0 5px 0;z-index:1; } .JQPopBox3 .inner .noShow a { display:block;width:125px;color:#fff;line-height:14px;border:1px solid #fff;font-size:11px;font-weight:bold;padding:3px 5px 3px 5px;background:url(/images/tiny-right-arrow2.png) no-repeat 95%; } .JQPopBox { position:relative;height:170px; } .JQPopBox .cta { position:relative;display:inline;float:left;width: 232px;height: 170px;margin-right: 9px; } .JQPopBox .inner { width:232px;position:absolute;bottom:0;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;z-index:2;display:block;height:40px;overflow:hidden; } .JQPopBox .inner h3 { color: #fff;font-size: 18px;line-height: 18px;font-weight: normal;padding:5px; } .JQPopBox .inner h3 a { color: #fff; } .JQPopBox .inner .noShow { position: relative;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity: 0;padding: 0 5px;} .JQPopBox .inner .noShow p { color: #fff;font-size:12px;line-height:14px;filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity: 1.0;padding:0 0 5px 0;z-index:1; } .JQPopBox .inner .noShow a { display:block;width:125px;color:#fff;line-height:14px;border:1px solid #fff;font-size:11px;font-weight:bold;padding:3px 5px 3px 5px;background:url(/images/tiny-right-arrow2.png) no-repeat 95%; } .page01 .JQPopBox { width:959px;} .page01 .JQPopBox .cta.one { background:url(/images/homepage_cta-row2-1.jpg) no-repeat; } .page01 .JQPopBox .cta.two { background:url(/images/homepage_cta-row2-2.jpg) no-repeat; } .page01 .JQPopBox .cta.three { background:url(/images/homepage_cta-row2-3.jpg) no-repeat; } .page01 .JQPopBox .cta.four { background:url(/images/homepage_cta-row2-4.jpg) no-repeat;margin-left:1px;margin-right:0px;float:right } .JQPopBox .cta .inner.peach { background-color:#cc7b51;} .JQPopBox .cta .inner.greyBlue { background-color:#77a3cd;} .JQPopBox .cta .inner.greyBlue2 { background-color:#005daa;} .JQPopBox .cta .inner.blue { background-color:#77a3cd;} .JQPopBox .cta .inner.green { background-color:#8fb18e;} .JQPopBox .cta .inner.mauve { background-color:#C01616;} .JQPopBox .cta .inner.brown { background-color:#663330;} .JQPopBox .cta .inner.olive { background-color:#989933;} .JQPopBox .cta .inner.orange { background-color:#cc6733;} .JQPopBox .cta .inner.yellow { background-color:#ddaa23;} .JQPopBox .cta .inner.purple { background-color:#986699;} .JQPopBox .cta .inner.burgundy { background-color:#9A0000;} .JQPopBox .cta .inner.pink { background-color:#CC0066;} .JQPopBox .cta .inner.energyGreen { background-color:#00a14b;} .page05 .JQPopBox .cta.one { background:url(/images/page05_popBox1.jpg) no-repeat; } .page05 .JQPopBox .cta, .page10 .JQPopBox .cta, .page11 .JQPopBox .cta { height: 160px;width:310px; } .page10 .JQPopBox .cta.one { background:url(/images/page10_popBox1.jpg) no-repeat; } .page10 .JQPopBox .cta.two { background:url(/images/page10_popBox2.jpg) no-repeat; } .page10 .JQPopBox .cta.three { background:url(/images/page10_popBox3.jpg) no-repeat; } .page11 .JQPopBox .cta.one { background:url(/images/page11_popBox1.jpg) no-repeat; } .page11 .JQPopBox .cta.two { background:url(/images/page11_popBox2.jpg) no-repeat; } .page11 .JQPopBox .cta.three { background:url(/images/page11_popBox3.jpg) no-repeat; } .page12 .contentAndScroller .section2 { width: 760px;height:140px; } .page13 #parthenonAB .JQPopBox { margin-left:0;margin-top:10px;margin-bottom:10px; } .page13 #parthenonAB .row2 .singleCol { margin-left:0px;} .page13 #parthenonAB .singleCol p { width:auto;} .page13 .row3 .JQPopBox .cta.one { background:url(/images/page13_popBox1.jpg) no-repeat; } .page13 .row3 .JQPopBox .cta.two { background:url(/images/page13_popBox2.jpg) no-repeat; } .page13 .row3 .JQPopBox .cta.three { background:url(/images/page13_popBox3.jpg) no-repeat; } .page13 .row5 .JQPopBox .cta.one { background:url(/images/page13_popBox4.jpg) no-repeat; } .page13 .row5 .JQPopBox .cta.two { background:url(/images/page13_popBox5.jpg) no-repeat; } .page13 .row5 .JQPopBox .cta.three { background:url(/images/page13_popBox6.jpg) no-repeat; } .page13 .row5 .JQPopBox .cta.four { background:url(/images/page13_popBox7.jpg) no-repeat; } .page13 .row5 .JQPopBox .cta.five { background:url(/images/page13_popBox8.jpg) no-repeat; } .page13 .row5 .JQPopBox .cta.six { background:url(/images/page13_popBox9.jpg) no-repeat; } .page13 .row5 .JQPopBox .cta.seven { background:url(/images/page13_popBox10.jpg) no-repeat; } .page13 .row7 .JQPopBox .cta.eight { background:url(/images/page13_popBox11.jpg) no-repeat; } .page13 .row7 .JQPopBox .cta.nine { background:url(/images/page13_popBox12.jpg) no-repeat; } .page06 #parthenonAB .row1 .columnA, .page07 #parthenonAB .row1 .columnA, .page08 #parthenonAB .row1 .columnA, .page09 #parthenonAB .row1 .columnA { width:333px;background: none; } .page16 #parthenonAB .columnA { background: none; } .page18 .noflashCTA.noBgImage #textBox { display: none; } .page18 #parthenonAB { margin-top:0; } .page18 #parthenonAB .singleCol { margin-top:0; } .page19 #parthenonAB .singleCol h2 { font-size:22px; } .page24 #parthenonAB .JQPopBox, .page25 #parthenonAB .JQPopBox, .page32 #parthenonAB .JQPopBox { margin-left:25px; } .page24 #parthenonAB .JQPopBox .cta, .page25 #parthenonAB .JQPopBox .cta, .page26 #parthenonAB .JQPopBox .cta, .page32 #parthenonAB .JQPopBox .cta { margin:0 9px 10px 0; } .page27 #parthenonAB .columnB {padding-top:0;} .page33 .formOutter .formInner .fieldSection h3 { font-size:24px; } .page30 #parthenonAB { padding:10px; } .page30 #parthenonAB .columnA { width: 224px;background:none;padding:0; } .page30 #parthenonAB .columnB { width: auto;margin:0; } .page30 #parthenonAB .row4 { margin-left:0; } .page30 #parthenonAB .row4 .cta { position:relative;float: left;width:240px;height:160px;margin-right:10px;padding-bottom:25px; } .page30 #parthenonAB .row4 .cta.three { margin-right:0px; } .page30 #parthenonAB .row4 .cta p.imgSpacing { padding: 0;} .page30 #parthenonAB .row4 .cta img { float: right; } .page30 #parthenonAB .row4 .cta a { position:absolute;bottom:0;left:0;display:block;line-height:20px;color:#666;font-size:11px;font-weight:bold;width:165px;height:20px;border:1px solid #999;padding-left:5px;background:url(/images/tiny-right-arrow3.png) no-repeat 98% 8px; } .page30 #parthenonAB .standardPodBox { margin-left: 10px; } .page30 .noflashCTA.noBgImage #textBox { display:none;} .page31 #parthenonAB .columnA { width: 254px;background:none;padding:0; } .page31 #parthenonAB .columnB { width: auto;margin:0; } .page31 #parthenonAB .row4 { margin-left:20px; } .page31 #parthenonAB .row4 .cta { float: left;width:240px;margin-right:10px; } .page31 #parthenonAB .row4 .cta img { float: right; } .page31 #parthenonAB .row4 .cta a { display:block;width:90px;line-height:20px;color:#666;font-size:11px;font-weight:bold;background:url(/images/tiny-right-arrow3.png) no-repeat 98% 8px;} .page31 #parthenonAB .row4 .cta.one a { width:165px;height:20px;border:1px solid #999;padding-left:5px;background:url(/images/tiny-right-arrow3.png) no-repeat 98% 8px; } .page32 #parthenonAB .JQPopBox .inner h3 a { padding: 0; } .page32 #parthenonAB .JQPopBox .inner h3 { padding: 5px 10px; } .page36 #parthenonAB .columnA, .page37 #parthenonAB .columnA { width:550px;background:none; } .page36 #parthenonAB .columnB { width:170px;margin:0; } .page36 #parthenonAB .columnA a.featureLink, .page36 #parthenonAB .singleCol a.featureLink { display:block;width:200px;border:0;background: url(/images/form_step_blue_bg_tile_x.jpg) repeat-x;color:#fff;text-indent:5px; } .page36 #parthenonAB .singleCol a { border:0;width:auto;background:none;float:none;display:inline;text-indent:0;padding:0; } .page36 #parthenonAB .columnA h2 { width: 330px; float: left; } .page36 #parthenonAB .columnA .contentWrapper { width: 300px; float: left; clear: left; } .page36 #parthenonAB .columnA img { float: right; } .page39 #parthenonAB .singleCol, .page40 #parthenonAB .singleCol { margin:10px; } /*** New Scroller ***/ .scrollPod {position:relative;margin-top:10px;clear:both;} .scrollerContainer {overflow:hidden;height:108px;position:relative;margin:0 19px;} .scroller, .scrollerContainerSmall ul {list-style-type:none;padding:0px;margin:0px;} .scroller li, .scrollerContainerSmall li {float:left;margin:0 5px 0 0;padding:0px;} .scroller li a {display:block;width:129px;height:108px;position:relative;} .scroller li a span.label { display:block;position:absolute;bottom:5px;width:129px;color:#fff;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;font-size:14px;} .scroller li a span.label span { padding:5px;display:block;} .scroller li a.peach span { background-color:#cc7b51;} .scroller li a.greyBlue span { background-color:#77a3cd;} .scroller li a.greyBlue2 span { background-color:#005daa;} .scroller li a.blue span { background-color:#77a3cd;} .scroller li a.green span { background-color:#8fb18e;} .scroller li a.mauve span { background-color:#C01616;} .scroller li a.brown span { background-color:#663330;} .scroller li a.olive span { background-color:#989933;} .scroller li a.orange span { background-color:#cc6733;} .scroller li a.yellow span { background-color:#ddaa23;} .scroller li a.purple span { background-color:#986699;} .scroller li a.burgundy span { background-color:#9A0000;} .scroller li a.lemon span { background-color:#ffcc33;} .scroller li a.pink span { background-color:#CC0066;} .scroller li a.energyGreen span { background-color: #00a14b; } .contentAndScroller .section2 h3 {padding-left:19px;font-weight:bold;} .contentAndScroller .section2 .btn { position:absolute;top:30px;width:19px;height:61px;text-indent:-9999px;overflow:hidden;display:none; } .contentAndScroller .section2 .prev { z-index:100;left:0;background:url(/images/homepage_cta-row2-btnPrev.jpg) no-repeat left; } .contentAndScroller .section2 .next { z-index:100;right:0;background:url(/images/homepage_cta-row2-btnNext.jpg) no-repeat right;} .contentAndScroller .section2 span.seperator { display:none; } /* Content with Scrollor module */ .contentAndScroller { float:left;position:relative;border:1px solid #cacaca;background:url(/images/homepage_cta-row3_bg_tile_x.jpg) repeat-x top;overflow:hidden;width:957px;} .cs2 { width:630px;height:158px;} .contentAndScroller .section1 { width: 483px;float:left; } .contentAndScroller .section1 .cta { float:left; } .contentAndScroller .section1 .cta h2 { font-size:30px;font-weight:normal;margin:10px 0 5px 20px; } .contentAndScroller .section1 .cta p.text, .contentAndScroller .section1 .cta div.text { color:#999;font-size:12px;margin-left:20px; } .contentAndScroller .section1 .cta p.text a, .contentAndScroller .section1 .cta div.text a { color: #666 } .contentAndScroller .section1 .cta p.text a:hover, .contentAndScroller .section1 .cta div.text a:hover { text-decoration: underline; } .contentAndScroller .section1 .hiddenUpper { position:absolute;left: -9999px;display:none; } .contentAndScroller .section1 .cta .lower { position:absolute;top:95px;width:130px;display:block;font-size:11px;padding:10px;color:#999999; } .contentAndScroller .section1 .seperator { width:2px;height:140px;float:left;margin-top:9px;background:url(/images/seperator_bg_tile_y.jpg) repeat-y center; } .contentAndScroller .section2 { float:right;margin-right:10px;margin-top:10px;height:170px; } .cs2 cufon {float:left;} .cs2 .text {clear:left;margin-top:5px;} /* Sitemap */ #sitemap { width:660px; margin:10px 0 0 0;position:relative; } #sitemap ul li { list-style:none;margin: 0;font-size:12px;padding: 5px 0 2px 20px;line-height:14px; } #sitemap ul li a { color: #003F79;padding:0;margin:0; } #sitemap ul li ul li a { color: #999} #sitemap ul li a:hover { color: #666; } #sitemap ul li.colOne { margin-left:0;width:40%; } #sitemap ul li.colTwo { margin-left:50%;width:40%; } #sitemap .toggleBTN { position: relative;left:-5px; } #sitemap li a.peach {color:#cc7b51;} #sitemap li a.greyBlue {color:#77a3cd;} #sitemap li a.greyBlue2 {color:#005daa;} #sitemap li a.blue {color:#77a3cd;} #sitemap li a.green {color:#8fb18e;} #sitemap li a.mauve {color:#C01616;} #sitemap li a.brown {color:#663330;} #sitemap li a.olive {color:#989933;} #sitemap li a.orange {color:#cc6733;} #sitemap li a.yellow {color:#ddaa23;} #sitemap li a.purple {color:#986699;} #sitemap li a.burgundy {color:#9A0000;} #sitemap li a.lemon {color:#ffcc33;} #sitemap li a.pink {color:#CC0066;} /* div#parthenonAB div.row2 ul.sitemap .submenuContainer { list-style-type:none; margin-left:0; } div#parthenonAB div.row2 ul.sitemap li { margin-bottom:4px; } div#parthenonAB div.row2 ul.sitemap .submenuContainer li a { height:25px; font-weight:bold; } div#parthenonAB div.row2 ul.sitemap .submenuContainer li ul li a { height:25px; font-weight:normal; } div#parthenonAB div.row2 ul.sitemap a { color:#000; text-decoration:none; } div#parthenonAB div.row2 ul.sitemap a:hover, ul.sitemap a:focus { color:#D02B2D; text-decoration:underline; } div#parthenonAB div.row2 ul.sitemap li ul.ul1 li ul.ul2 { margin-left:40px; top:-22px; } div#parthenonAB div.row2 ul.sitemap li ul.ul1 li ul.ul3 { margin-left:40px; top:-14px; } div#parthenonAB div.row2 ul.sitemap li ul.ul1 li.main { padding-top:7px; margin-top:7px; } */ /***** [recipe page] *****/ #recipeContent {background:url(/images/page02_row3_bg_tile_x.jpg) repeat-x top; width:780px;} #recipeContentInner {width:740px; margin-left:25px;margin-right:15px;float:left;display:inline;} #recipeContent h1 {font-size:36px;color:#969;margin:23px 0 18px 0;} #recipeContent h2 {font-size:24px;color:#969;margin:14px 0 11px 0;} #recipeVideo {width:563px; height:319px;} #recipeContent .hr {height:1px;background:url(/images/recipeDividerBg.gif) repeat-x top;border:0;clear:both; margin-bottom:13px;} #recipeLeftCol {width:563px; float:left;font-size:12px;color:#999;} #recipeLeftCol p {margin-bottom:15px;} #recipeLeftCol #recipeLeftColA { width:345px; float:left; } #recipeLeftCol #recipeLeftColA h4 { font-weight:bold; margin-bottom:15px; } #recipeLeftCol #recipeLeftColB { width:198px; margin-left:20px; float:left; } #recipeLeftCol #recipeLeftColB h3 { font-weight:bold; font-size:18px; margin-bottom:15px;color:#969; } #recipeLeftCol #recipeLeftColB img { margin-top:0; } #recipeLeftCol #recipeLeftColB .boxout1 { padding:10px; background-color:#f0efeb; } #recipeLeftCol #recipeLeftColB .boxout1 p{ margin-bottom:5px; } #recipeLeftCol #recipeLeftColB .boxout2 { padding:10px; background-color:#987099; } #recipeLeftCol #recipeLeftColB .boxout2 p { color:#fff; } .boxout2 dl {} .boxout2 dt { clear:left; color:#ccc; display:inline; float:left; font-size:12px; font-weight:bold; margin-right:5px; } .boxout2 dd { clear:none; color:#fff; display:block; font-size:12px; font-weight:normal; margin-bottom:0.5em; } #recipeRightCol {width:166px; margin-left:11px; float:left; } #recipeRightCol img {margin-bottom:7px;} /***** [recipe pod] *****/ #videorecipesPod {width:169px;background:none repeat scroll 0 0 #FFFFFF;display:block;margin:0 auto 7px;color:#333;} #videorecipesPod .boxInner {padding:2px 4px 4px 4px;clear:both;font-size:11px;} a.btnStartCooking {background:url("/images/btnRecipe.gif") no-repeat scroll 0 0 transparent;border:0 none;color:#fff;display:block;font-family:Georgia,"Times New Roman",Times,serif;font-size:12px;height:21px;line-height:21px;overflow:hidden;text-align:left;text-decoration:none;text-indent:8px;width:135px;font-weight:bold;margin-left:2px;} a.btnStartCooking:hover {background-position:0 -21px;} /***** [kitchen home page styles] *****/ #kitchenHomePage {width:959px;} #kitchenHomePage #leftContentBox {width:641px;} #kitchenHomePage #parthenonAB {padding:5px 5px 8px 22px; } #kitchenHomePage #parthenonAB.video2col .columnA {width:290px;float:left;display:inline;padding:3px 0 0 0;} #kitchenHomePage #parthenonAB.video2col .columnB {width:312px;height:211px;float:right;display:inline;padding:3px 0 0 0;} #kitchenHomePage .sideBar {width:312px;} #kitchenHomePage .sideBar .cms {width:312px;} #kitchenHomePage .sideBar .cms a {margin-bottom:12px;} #kitchenHomePage .sideBar .cms #videorecipesPod {width:312px;margin-bottom:22px;} #kitchenHomePage .sideBar .cms #videorecipesPod a {margin-bottom:0;background:none;} #kitchenHomePage .sideBar .cms #videorecipesPod p {color:#333; margin-top:7px; margin-bottom:7px;line-height:1.2em;font-weight:normal;} #kitchenHomePage .sideBar .cms #videorecipesPod a.btnStartCooking {background:url("/images/btnRecipe2.gif") no-repeat scroll 0 0 transparent;border:0 none;color:#fff;display:block;font-family:Arial, Helvetica, sans-serif;font-size:12px;height:21px;line-height:21px;overflow:hidden;text-align:left;text-decoration:none;text-indent:8px;width:135px;font-weight:bold;margin-left:2px;} /***** [transform house] *****/ #transform-house-wrapper {width:778px;height:485px;position:relative;} #transform-house {width:780px;height:371px; position:relative;} /* - unused - #transform-house #col1 {position:absolute;top:30px;left:200px;z-index:10;width:150px;color:#115275;} #transform-house #col1 h1 {font-size:25px;} #transform-house #col1 h1 span {font-size:26px;font-weight:bold;} #transform-house #col2 {position:absolute;top:30px;left:366px;z-index:10;width:360px;color:#115275;padding-left:19px;background:transparent url("/images/transform-house/vertDivider.gif") repeat-y top left;} #transform-house #col2 p {font-size:16px;line-height:18px;} #transform-house #col2 p span {display:inline-block;margin-top:-5px;overflow:visible;} #transform-house #col2 p.col2Bold {font-size:16px;font-weight:bold;margin-bottom:6px;} */ #transform-house #copy-wrap { position: absolute; top:0; left: 0; width:780px; } #transform-house #copy-wrap h1 { text-indent:-9999px; width:585px; height:48px; background:url(/images/transform-house/birthdayOfferH1.png) no-repeat top left; } #transform-house #copy-wrap #transformHeader, #transform-house #copy-wrap #lasting-quality { position: absolute; height: 85px; top: 40px; text-indent:-9999px; } #transform-house #copy-wrap #transformHeader { width:375px;background:url(/images/transform-house/christmas11_transform_home.png) no-repeat top left;left:50px; } #transform-house #copy-wrap #lasting-quality { width:310px; background:url(/images/transform-house/christmasOffer2.png) no-repeat top left; left: 440px; } #transform-house #copy-wrap #lasting-quality2 { width:310px; background:url(/images/transform-house/christmasOffer.png) no-repeat top left; left: 440px; } #transform-house #copy-wrap h5 { text-indent:-9999px; width:242px; height:19px; background:url(/images/transform-house/birthdayOfferH5.png) no-repeat top left; } #transform-house #copy-wrap div p { margin: 4px 0 0 20px; width: 450px; height: 44px; overflow: hidden; } #transform-house #theOffer {width:166px;height:171px;text-indent:-9999px;overflow:hidden;position:absolute;top:242px;left:614px;} #transform-house .drag-wrapper {margin:0;padding:0;position:absolute;left:0;bottom:0;width:447px;height:367px;} #transform-house .tomorrow { position:absolute;bottom:-20px;right:50px;background:url(/images/transform-house/offerEndsTomorrow.png) no-repeat bottom right;width:154px;height:126px;color:#a93b30;font-weight:bold;font-size:45px; } #transform-house .today { position:absolute;bottom:-20px;right:50px;background:url(/images/transform-house/offerEndsToday.png) no-repeat bottom right;width:154px;height:126px;color:#a93b30;font-weight:bold;font-size:45px; } #transform-house .offerRoundel { display:block;position:absolute;right:20px;top:13px;text-indent:-9999px;overflow:hidden;width:230px;height:366px;background:url(/images/transform-house/offerBirthdayBalloons.png) no-repeat; } #transform-house .octoberShield { display:block;position:absolute;right:40px;top:130px;text-indent:-9999px;overflow:hidden;width:275px;height:213px;background:url(/images/transform-house/octoberShields.png) no-repeat; } #transform-house .holloweenRoundel { display:block;position:absolute;right:40px;top:150px;text-indent:-9999px;overflow:hidden;width:230px;height:230px;background:url(/images/transform-house/holloween.png) no-repeat; } #transform-house .tenDays { width:214px;height:195px;right:16px;top:122px;background:url(/images/transform-house/offerRoundel.gif) no-repeat; } #transform-house .offerExtendedStamp { display:block;position:absolute; top:54px; right:194px; } #transform-house .christmas11Roundel1 {display:block;position:absolute;right:0;top:0;text-indent:-9999px;overflow:hidden;width:506px;height:486px;background:url(/images/transform-house/christmas11Baubles1.png) no-repeat; } #transform-house .christmas11Roundel2 {display:block;position:absolute;right:0;top:0;text-indent:-9999px;overflow:hidden;width:506px;height:365px;background:url(/images/transform-house/christmas11Baubles2.png) no-repeat; } #transform-house-wrapper #thumbs {width:780px;height:75px;margin:8px 0;line-height:75px;} #transform-house-wrapper #thumbs p {float:left;display:inline;margin-left:80px;font-size:20px;color:#115275;margin-top:26px;} #transform-house-wrapper #thumbs ul {list-style:none;float:right;} #transform-house-wrapper #thumbs li {width:109px;height:75px;position:relative;display:block;float:left;display:inline;margin-right:14px;} #transform-house-wrapper #thumbs li.selected div {width:103px;height:69px;border:3px solid #dc8843;position:relative;overflow:hidden;text-align:center;} #transform-house-wrapper #thumbs li.selected div img {position:relative;margin:-3px;} #transform-house #slider {display:none;cursor:pointer;margin:0;padding:0;z-index:100;position:absolute; left:10px;top:0;width:86px;height:367px;text-indent:-9999px;background:transparent url("/images/transform-house/slider.png") no-repeat top left;} #transform-house #tooltip {display:none;width:90px;height:67px;position:absolute;left:110px;top:130px;text-indent:-9999px;background:transparent url("/images/transform-house/tooltip.png") no-repeat top left;} #transform-house #newHouse {width:55px;height:367px;overflow:hidden;position:relative;} #transform-house #newHouse img {position:absolute;bottom:0;left:0;} #transform-house .draggable-area {width:490px;height:367px;position:relative;} #january-sale {position:relative;width:780px;height:371px;background:url(/images/januarysale/january-sale-tags.jpg) no-repeat center center; } #january-sale #copy-wrap {position:absolute;top:70px;right:0;width:410px;} #january-sale #copy-wrap h1.redText {width:100%;height:62px;margin-bottom:20px;text-indent:-9999px;background:url(/images/januarysale/h1-january-sale-now-on.png) no-repeat center center;} #january-sale #copy-wrap p.redText {display:none;} #january-sale #copy-wrap h2 {width:335px;margin:0 auto; } #january-sale #copy-wrap p {width:335px;margin:0 auto;font-size:13px;color:#606060; } #january-sale #copy-wrap #transformHeader {color:#73a2d0;font-size:26px;width:100%;height:24px;display:block;margin-bottom:20px;text-indent:-9999px;background:url("/images/januarysale/h1-transform-your-home.png") no-repeat center center;} #countdown { position:absolute;top:255px;right:95px;background:url(/images/januarysale/countdown-bg.jpg) no-repeat center center;width:213px;height:79px;display:none;color:#115275;font-weight:bold;font-size:22px; } #countdown .days {position:absolute;top:12px;left:4px;letter-spacing:7px;} #countdown .days span { text-align:center;display:block;width:70px; } #countdown .hours {position:absolute;top:12px;left:68px;letter-spacing:7px;} #countdown .mins {position:absolute;top:12px;left:116px;letter-spacing:7px;} #countdown .secs {position:absolute;top:12px;left:164px;letter-spacing:7px;} /***** [offer form] *****/ #offerFormBg {width:778px;background:#d7ead7 url("/images/transform-house/offerFormBg.jpg") repeat-x top left;} #offerFormBg #leftCol {width:446px;float:left;display:inline;margin:24px 0 0 29px;overflow:hidden;} #offerFormBg #rightCol {width:262px;float:left;display:inline;margin:24px 0 0 20px;overflow:hidden;} #offerFormBg #leftCol h2 {font-size:26px;color:#2b6030;} #offerFormBg #leftCol h2 span {font-size:42px;margin-top:1px;} #offerFormBg #leftCol h3.stepsTitle {margin-top:20px;width:446px;height:90px;display:block;text-indent:-9999px;background:transparent url("/images/transform-house/bookAppointment.gif") no-repeat top left;} .offerPod {width:262px;margin-bottom:10px;} .offerPod a, .offerPod img{margin:0;border:0;padding:0;display:block;} #offerForm {margin-bottom:27px;width:446px;overflow:hidden;} #formFooter {margin:21px 0 30px 30px;width:720px;font-size:11px; } /****************************** [ generic cms content styles ] ******************************/ #offerFormBg #rightCol .cms {width:253px;margin:0 auto;color:#2b6030;clear:left;} #offerFormBg #rightCol .cms p { font-size:12px; line-height: 1.3em; margin-bottom:10px } #offerFormBg #rightCol .cms p.mb0 { margin-bottom:0; } #offerFormBg #rightCol .cms ol { font-size:12px; list-style-type:decimal; margin-left:24px; padding-bottom:5px; } #offerFormBg #rightCol .cms ol p { font-size:1.0em;} #offerFormBg #rightCol .cms ol ol { font-size:1.0em;} #offerFormBg #rightCol .cms ol li { line-height: 1.4em; } #offerFormBg #rightCol .cms ul { font-size:12px; list-style-type:disc; margin-left:18px; padding-bottom:5px; } #offerFormBg #rightCol .cms ul p { font-size:1.0em;} #offerFormBg #rightCol .cms ul ul { font-size:1.0em;} #offerFormBg #rightCol .cms ul li { line-height: 1.4em; } #offerFormBg #parthenonAB, #leftContentBox .formOutter {background-image:none;border:0;padding:0;} #offerForm ul.multipartStep { list-style-type: none; width:446px; height:44px;} #offerForm ul.multipartStep li { display:inline;float:left;height:44px;line-height:44px;text-align:left;text-indent:35px;color:#fff;font-size:12px;color:#457349;font-weight:bold;} #offerForm ul.multipartStep li.step1 {width:124px;height:44px;background:transparent url("/images/transform-house/step1Bg.gif") no-repeat 0 -44px;margin-right:8px; } #offerForm ul.multipartStep li.step2 {width:149px;height:44px;background:transparent url("/images/transform-house/step2Bg.gif") no-repeat 0 -44px;margin-right:8px; } #offerForm ul.multipartStep li.step3 {width:157px;height:44px;background:transparent url("/images/transform-house/step3Bg.gif") no-repeat 0 -44px;} #offerForm ul.multipartStep li.activeStep { background-position:0 0; } #offerFormBg .formOutter .formInner {width:446px;margin:0;border:0;background-color:#7da65c; overflow:hidden;} #offerFormBg .formOutter .formInner .fieldSection {padding:0;background-color:transparent;margin:0;} #offerFormBg .formOutter .formInner .fieldSection h3 {width:382px;font-size:18px;color:#1b3d1e;margin:0 32px 18px 32px; text-shadow: 1px 1px 0 #c5d7b9;} #offerFormBg .formOutter .formInner .fieldSection .col1 {width:446px;} #offerFormBg .formOutter .formInner .inputBlock {width:414px;clear:left;/*display:block;*/margin-left:32px;height:30px;margin-bottom:30px;} #offerFormBg .formOutter .formInner .fieldSection .col1 .inputBlock label {margin:0;color:#fff;float:left;display:inline; width:106px;text-align:right;padding-right:10px;height:30px;margin-top:6px;} #offerFormBg .formOutter .formInner .fieldSection .col1 .inputBlock label.mt0 {margin-top:0;} #offerFormBg .formOutter .formInner .inputBlock select, #offerFormBg .formOutter .formInner .inputBlock textarea {color:#333; border:0;} #offerFormBg .formOutter .formInner select.selectTitle {width:79px;padding:5px;height:30px;} #offerFormBg .formOutter .formInner select.selectPreferred {width:261px;padding:5px;height:30px;} #offerFormBg .formOutter .formInner select.selectAddress {width:261px;padding:5px;height:30px; margin-left:116px;} #offerFormBg .formOutter .formInner .inputSmBg {width:136px;height:30px;background:transparent url("/images/transform-house/inputSmBg.jpg") no-repeat top left;position:relative;float:left;display:inline;} #offerFormBg .formOutter .formInner .inputSmBg input {border:0;position:absolute;top:5px;left:5px;width:126px;color:#333;} #offerFormBg .formOutter .formInner .inputLgBg {width:261px;height:30px;background:transparent url("/images/transform-house/inputLgBg.jpg") no-repeat top left;position:relative;float:left;display:inline;} #offerFormBg .formOutter .formInner .inputLgBg input {border:0;position:absolute;top:5px;left:5px;width:251px;color:#333;} #offerFormBg .formOutter .formInner .btnLookup {width:132px;height:30px; float:left;display:inline;color:#fff;margin:0 0 0 10px;font-weight:bold;} #offerFormBg .formOutter .formInner .btnNext {width:132px;height:31px; background:transparent url("/images/form_step_greyblue_bg_tile_x.jpg") repeat-x top left;font-weight:bold;margin:0 35px 0 0;} #offerFormBg .formOutter .formInner .btnNext:hover { background: #005daa; } #offerFormBg .formOutter .formInner .validationMsg, #offerFormBg .formOutter .formInner .inputBlock span.error, #offerFormBg .errorContainer .error {display:inline-block;clear:both;/*margin-left:115px;*/margin-top:3px;} #offerFormBg .formOutter .formInner p {color:#fff;margin:0 32px 10px 32px;float:left;display:inline;width:382px;} #offerFormBg .formOutter .formInner .confirmationText {color:#fff;margin:0 32px 10px 32px;float:left;width:382px;} #offerFormBg .formOutter .formInner p.required {width:auto;} #offerFormBg .formOutter .formInner .inputBlock .errorIndent {clear:both;margin-left:115px;} #offerFormBg .formOutter .formInner .inputBlock .errorIndent span.error {margin-left:0;clear:both;} #offerFormBg .formOutter .formInner .fieldSection .inputBlock label {color:#fff;} #offerFormBg .formOutter .formInner .formDivider {margin-bottom:24px;width:446px;height:2px;background:transparent url("/images/transform-house/formDivider.gif") no-repeat top left;} #offerFormBg .formOutter .formInner .formTop2 {margin-bottom:18px;width:446px;height:4px;background:transparent url("/images/transform-house/formTop.gif") no-repeat top left;} #offerFormBg .formOutter .formInner .formFooter {margin-top:20px;width:446px;height:4px;background:transparent url("/images/transform-house/formFooter.gif") no-repeat top left;} #offerFormBg .formOutter .formInner .fieldSection .inputBlock label.line {line-height:15px;} #offerFormBg .formOutter .formInner .fieldSection .inputBlock label.wide { margin-left: 10px;text-align: left;width: 365px;} #offerFormBg .formOutter .formInner .btnProcessing {margin:-50px 30px 0 0;} #offerFormBg .formOutter .formInner .fieldSection .interestedProducts {width:388px;margin-left:32px;} #offerFormBg .formOutter .formInner .interestedProducts .inputBlock { width:120px;height:30px;margin:0 74px 10px 0;float:left;display:inline;clear:none;position:relative;} #offerFormBg .formOutter .formInner .interestedProducts .inputBlock label.line {margin:0;display:inline;text-align:right;line-height:25px;height:30px;position:absolute;top:0;left:0;} #offerFormBg .formOutter .formInner .optOut {margin-bottom:50px;} #offerFormBg .formOutter .formInner .interestedProducts .inputBlock span.checkRadio {float:right;} #offerFormBg .formOutter .formInner .fieldSection #pnlCheckboxContainer .validationMsg {margin-bottom:15px;} /****************************** [ appointment form v2 ] ******************************/ #leftFormBox { position:relative;width:780px;overflow:visible;z-index:0;} #appointmentForm2 {background: url("/images/applicationForm2/bg-applicationForrm2.jpg") repeat-x left top transparent; width:780px;overflow:visible;} #appointmentForm2 .columnA {width:auto;} #appointmentForm2 .columnA * {background-color:transparent!important;} #appointmentForm2 .columnB { display:none; } .appointmentForm2-inner {width:741px;/*border:1px solid #f0f;*/margin:0 auto;padding-top:31px;} #appointmentForm2 h2 {color:#005daa;font-size: 36px;font-weight: normal;padding: 0 0 10px;} #appointmentForm2 h3 {color:#005daa;font-size: 20px;font-weight: normal;padding: 0 0 10px;} #appointmentForm2 .cms p { font-size:12px; line-height: 1.3em; margin-bottom:10px; color:#999;} #appointmentForm2 .cms p.mb0 { margin-bottom:0; } #appointmentForm2 .cms ol { font-size:12px; list-style-type:decimal; margin-left:24px; padding-bottom:5px; } #appointmentForm2 .cms ol p { font-size:1.0em;} #appointmentForm2 .cms ol ol { font-size:1.0em;} #appointmentForm2 .cms ol li { line-height: 1.4em; color:#999;} #appointmentForm2 .cms ul { font-size:12px; list-style-type:disc; margin-left:18px; padding-bottom:5px; } #appointmentForm2 .cms ul p { font-size:1.0em;} #appointmentForm2 .cms ul ul { font-size:1.0em;} #appointmentForm2 .cms ul li { line-height: 1.4em; color:#999;} #appointmentForm2 .formOutter .formInner .fieldSection .col1, #appointmentForm2 .formOutter .formInner .fieldSection .col2 {width:333px;} #appointmentForm2 .formOutter .formInner .fieldSection.two .col1, #appointmentForm2 .formOutter .formInner .fieldSection.two .col2, #appointmentForm2 .formOutter .formInner .fieldSection.two .col3 {float: left;width: 33%;} #leftFormBox #appointmentForm2 .formInner {width:741px;margin:0;padding:0;} #leftFormBox #appointmentForm2 .formOutter {padding:0;background-color:transparent;} #leftFormBox #appointmentForm2 .formInner {padding:0;background:transparent;} #appointmentForm2 .formOutter .formInner .fieldSection {padding:0;background-color:transparent;margin:17px;position:relative;} #appointmentForm2 .formOutter .formInner .pnlCheckboxContainer {position:relative;border:1px solid #f0f;} #appointmentForm2 .mb0 {margin-bottom:0!important;} #leftFormBox #appointmentForm2 .bg-form {width:741px; padding:0;background:transparent url("/images/applicationForm2/bg-applicationForm.gif") repeat-y top left;margin-bottom:0;} #leftFormBox #appointmentForm2 .bg-formTop {width:741px;height:2px;background:transparent url("/images/applicationForm2/bg-applicationFormTop.gif") no-repeat top left;overflow:hidden;margin-bottom:18px;} #leftFormBox #appointmentForm2 .bg-formBottom {width:741px;height:13px;background:transparent url("/images/applicationForm2/bg-applicationFormBottom.gif") no-repeat top left;overflow:hidden;} #appointmentForm2 .section1, #appointmentForm2 .section2 {margin-bottom:33px;} #appointmentForm2 .section1 h3 {background:transparent url("/images/applicationForm2/icon-1.gif") repeat-y top left;height:36px;display:block;padding:0 0 0 40px;line-height:36px;width:500px;position:relative;} #appointmentForm2 .section2 h3 {background:transparent url("/images/applicationForm2/icon-2.gif") repeat-y top left;height:36px;display:block;padding:0 0 0 40px;line-height:36px;width:500px;position:relative;} #appointmentForm2 .section3 h3 {background:transparent url("/images/applicationForm2/icon-3.gif") repeat-y top left;height:36px;display:block;padding:0 0 0 40px;line-height:36px;width:500px;position:relative;} #appointmentForm2 h3 span {padding-top:5px;display:inline-block;position:absolute;top:1px;left:40px;} #appointmentForm2 .formOutter .formInner .inputBlock label {margin-bottom:1px;} #appointmentForm2 .formOutter .formInner .inputBlock label span {/*color:#999;*/} #appointmentForm2 .formOutter .formInner .inputBlock select { color: #3a3a3a;font-size: 12px;height: 26px;line-height: 26px;width: 200px; border:1px solid #ccc;padding:3px;} #appointmentForm2 .formOutter .formInner .section1 .inputBlock select.title {width:80px;} #appointmentForm2 .formOutter .formInner .section1 .inputBlock input, #appointmentForm2 .formOutter .formInner .section3 .col1 input, #appointmentForm2 .formOutter .formInner .section3 .col2 input { color: #3a3a3a;font-size: 12px;height: 18px;line-height: 18px;width: 193px; border:1px solid #ccc;padding:3px;} #appointmentForm2 .formOutter .formInner .section3 .fieldSection .inputBlock label.line {line-height:1.3em;margin-top:5px;} #appointmentForm2 .sectionWrapper {margin-left:9px; /*border:1px solid #f0f;*/overflow:visible;min-height:50px;} #appointmentForm2 .formOutter .formInner .btnNext {width:128px;height:26px;text-indent:-99999em;background: url("/images/applicationForm2/btn-submitApplication.gif") no-repeat left top transparent;margin: 10px 0 0 0;float:right;display:inline;} #appointmentForm2 .formError {background: url("/images/applicationForm2/icon-error.gif") no-repeat 200px 17px transparent;} #appointmentForm2 .formValid {background: url("/images/applicationForm2/icon-valid.gif") no-repeat 200px 17px transparent;} #appointmentForm2 .formError .error, #appointmentForm2 .error, #appointmentForm2 .validationMsg {color:#c50000!important;} #appointmentForm2 .tel {color:#005dab;} #appointmentForm2 .formOutter .formInner .section1 .fieldSection .inputBlock label {margin-top:26px;} #appointmentForm2 .formOutter .formInner .section1 .fieldSection .inputBlock label.mt0 {margin-top:0;} #appointmentForm2 .clear {height:1px;} #appointmentForm2 .formOutter .formInner .section1 .formError input, #appointmentForm2 .formOutter .formInner .section3 .formError input, #appointmentForm2 .formOutter .formInner .section3 .formError input {border:1px solid #c50000;} #appointmentForm2 .formError span.postcodeDiv {color: #C50000 !important;font-size: 12px;} #appointmentForm2 .errorBorder {border:1px solid #c50000!important;} #appointmentForm2 .inputBlock {position:relative;} #appointmentForm2 .formRow {border:0;clear:left; /*border:1px solid #f0f;*/} #appointmentForm2 .wide {width:380px!important;} #appointmentForm2 .wide label {margin-top:0!important;} #appointmentForm2 .wide .inputBlock {width:225px;} #appointmentForm2 .wide #postcodeDiv {width:370px;} #appointmentForm2 .wide #postcodeDiv .btnProcessing {margin:5px 0 0 -0;border:1px solid #f0f;} #appointmentForm2 .formOutter .formInner .section1 .col1 .Postcode {float:left;display:inline;} #appointmentForm2 .formOutter .formInner .section1 .col1 .btnLookup {width:128px;height:26px;text-indent:-99999em;background: url("/images/applicationForm2/btn-lookupAddress.gif") no-repeat left top transparent;margin:0; float:left;display:inline;border:0; margin-left:9px;} #appointmentForm2 .formOutter .formInner .section1 .col1 .formValid .btnLookup, #appointmentForm2 .formOutter .formInner .section1 .col1 .formError .btnLookup {border:0!important; margin-left:33px;} #appointmentForm2 .section1 a.help { border: 0 none; background: url('/images/applicationForm2/icon-info.gif') no-repeat 0 0; display: block; text-decoration: none; cursor: pointer; width: 21px; height: 21px; text-indent:-9999em; overflow:hidden;position:absolute;top:-7px;left:182px;} #appointmentForm2 .section2 a.help { border: 0 none; background: url('/images/applicationForm2/icon-info.gif') no-repeat 0 0; display: block; text-decoration: none; cursor: pointer; width: 21px; height: 21px; text-indent:-9999em; overflow:hidden;position:absolute;top:10px;left:680px;} #confirmation div {margin-bottom:20px!important;padding:10px!important;border:1px solid #ccc;} #confirmation div p {width:auto;} /* Tool tip */ #appointmentForm2 .tip { position: absolute; left: 245px; top: 184px; width: 184px; height: 95px; z-index: 100000; background: url("/images/applicationForm2/bg-tooltip.png") no-repeat left bottom transparent;} #appointmentForm2 .tip p { color: #fff; font-size: 11px; line-height: 1.3em; margin: 10px 0 0 20px ; width:155px;} #appointmentForm2 .tooltip1 {position:absolute; top:-45px;left:201px;} #appointmentForm2 .tooltip2 {position:absolute; top:-45px;left:201px;} #appointmentForm2 .tooltip3 {position:absolute; top:-28px;left:699px;} #appointmentForm2 p.required {float:left;display:inline;margin:10px 0 0 26px;} #appointmentForm2 .dots {width:528px;height:1px;background: url("/images/applicationForm2/bg-dots.gif") no-repeat left top transparent;margin:28px 0 20px 26px;} #appointmentForm2 .checkbox {margin-top:10px;} #appointmentForm2 .section3 img {position:absolute;left:207px;top:18px;cursor:pointer;} #appointmentForm2 .section1 h4 {display:none;} /****************************** [ appointment form v2 right-column info pod ] ******************************/ .rightFormInfo {width:169px;background: url("/images/applicationForm2/bg-sidepanel-tile.gif") repeat-x left top #f5f5f6;padding-top:1px;padding-bottom:1px;} .rightFormInfo .rightFormInfo-inner {margin:0 1px 0 1px;background-color:#fff;padding-top:2px; padding-bottom:2px;} .rightFormInfo .rightFormInfo-inner2 {margin:0 2px 0 2px;background-color:#e2e1e1;} .rightFormInfo .rightFormInfo-bottom {clear:both;width:169px;height:4px;background: url("/images/applicationForm2/bg-sidepanelBottom.gif") no-repeat left bottom transparent;overflow:hidden;} .rightFormInfo h2 {width:163px;height:65px;overflow:hidden;text-indent:-9999px;background: url("/images/applicationForm2/bg-sidepanelTop.gif") no-repeat left top transparent;} .rightFormInfo ol {list-style-type:none;font-size:11px;color:#005dab;width:163px;padding-bottom:4px;padding-top:13px;} .rightFormInfo li {padding-bottom:29px;background: url("/images/applicationForm2/bg-sidepanelDivider.gif") no-repeat left bottom transparent;width:144px;} .rightFormInfo li.last {background-image:none;padding-bottom:20px;} .rightFormInfo li div {margin-left:8px;} .rightFormInfo li div.first {background: url("/images/applicationForm2/sidepanel-icon-1.gif") no-repeat left top transparent;} .rightFormInfo li div.second {background: url("/images/applicationForm2/sidepanel-icon-2.gif") no-repeat left top transparent;} .rightFormInfo li div.third {background: url("/images/applicationForm2/sidepanel-icon-3.gif") no-repeat left top transparent;} .rightFormInfo li div.fourth {background: url("/images/applicationForm2/sidepanel-icon-4.gif") no-repeat left top transparent;} .rightFormInfo li span {display:block;margin-left:24px;} /****************************** [ Modal Popup Form ] ******************************/ #overlay {background:#000;height:100%;position:absolute;top:0;left:0;visibility:hidden;width:100%; z-index:1000; opacity: 0.4; filter: alpha(opacity=40);} #postcodeLookup { display: block; border: 1px solid #ccc; background-color: #fff; position: absolute; overflow: hidden; top: 150px; width: 443px; height:289px; margin: 0; z-index: 100001; left: 50%; margin-left:-242px; padding:20px; -moz-box-shadow: 3px 3px 3px #666; -webkit-box-shadow: 3px 3px 3px #666; box-shadow: 3px 3px 3px #666; } #postcodeLookup h3 {font-size:20px;color:#666;} #postcodeLookup select {width:443px;border:1px solid #ccc;font-size:12px;margin-top:13px;padding:3px;} #postcodeLookup .btnClose {width:21px;height:20px;border: 0 none; background: url('/images/applicationForm2/btnClose.gif') no-repeat 0 0; display: block; text-decoration: none; cursor: pointer; text-indent:-9999em; overflow:hidden;position:absolute;top:10px;right:10px;} #postcodeLookup h3 {color: #005daa;font-size: 20px;font-weight: normal;} #postcodeLookup .btnNext {cursor:pointer;border:0;width:126px;height:26px;text-indent:-99999em;background: url("/images/applicationForm2/btn-modalSubmit.gif") no-repeat left top transparent;margin: 10px 0 0 0;float:right;display:inline;text-transform:uppercase;} #postcodeLookup p {font-size:12px;color:#999;margin-top:15px;} #postcodeLookup a.btnCancel {cursor:pointer;color:#999;text-decoration:underline;} .hidden { display: none;} /****************************** [ ticked list styling ] ******************************/ #leftContentBox #parthenonAB .singleCol ul.tickedList, #leftContentBox #parthenonAB .columnA ul.tickedList, #leftContentBox #parthenonAB .singleCol li.tickedlist, #leftContentBox #parthenonAB .columnA li.tickedlist { list-style: none; padding-left:0;} #leftContentBox #parthenonAB .singleCol ul.tickedList li, #leftContentBox #parthenonAB .columnA ul.tickedList li, #leftContentBox #parthenonAB .singleCol li.tickedlist, #leftContentBox #parthenonAB .columnA li.tickedlist { list-style: none; padding-left:29px; background: url(/images/tick.png) no-repeat left center; height:16px;line-height:16px;} /****************************** [ testimonials styling ] ******************************/ .wrapperTestimonials {float:right;display:inline;margin-top:2px;} label.labelTestimonials {font-size:12px;color:#005dab;display:inline;display:inline;} select.filterTestimonials {font-size:12px;width:180px;border:1px solid #6699cc;display:inline;margin-left:10px;} #parthenonAB .testimonials .caption a {background: none;} #parthenonAB .testimonials .caption a.windows {color:#6699cc;background: none;} #parthenonAB .testimonials .caption a.doors {color:#c01616;background: none;} #parthenonAB .testimonials .caption a.conservatories {color:#8fb18e;background: none;} #parthenonAB .testimonials .caption a.kitchens {color:#986699;background: none;} #parthenonAB .testimonials .caption a.roofing, #parthenonAB .testimonials .caption a.roofline {color:#cc6733;background: none;} #parthenonAB .testimonials .caption a.flat, #parthenonAB .testimonials .caption a.flat-roofs {color:#cc7b51;background: none;} #parthenonAB .testimonials .caption a.drives {color:#989933;background: none;} #parthenonAB .testimonials .caption a.garages {color:#663330;background: none;} #parthenonAB .testimonials .caption a.security {color:#9a0000;background: none;} #parthenonAB .testimonials .caption a.solar {color:#00a14b;background: none;} #parthenonAB .testimonials .caption a.handyman {color:#842990;background: none;} #parthenonAB .testimonials .caption a.emergency {color:#e3681b;background: none;} #parthenonAB .testimonials .imageWrapper {float:right;margin-left:5px;width:170px;} #parthenonAB .testimonials .imageWrapper img {float:none;margin:0;} #parthenonAB .testimonials .imageWrapper .caption {font-size:12px;margin-top:4px;color:#666;} #parthenonAB .testimonials .imageWrapper .caption span {font-style:italic;} /****************************** [ T48 glossary styling ] ******************************/ #leftContentBox #parthenonAB .glossary h1 {font-size:32px;} #leftContentBox #parthenonAB .glossary ul.alphabet { list-style: none; padding:0; margin:14px 0 0 0;} #leftContentBox #parthenonAB .glossary ul.alphabet li { list-style: none; background:transparent url("/images/bgGlossary.gif") repeat-x left bottom; height:22px;width:27px; text-align:center; color:#fff;font-size:15px; float:left;display:inline-block; margin:0 1px 0 0; vertical-align:bottom;} #leftContentBox #parthenonAB .glossary ul.alphabet li a {color:#fff;text-decoration:none;padding:0;margin:0; height:22px;width:27px; } #leftContentBox #parthenonAB .glossary ul.alphabet li a span {display:block;margin-top:2px;} #leftContentBox #parthenonAB .glossary ul.alphabet li.selected {width:27px;height:32px;background-color:#fff;background-image:none;margin-top:-10px;} #leftContentBox #parthenonAB .glossary ul.alphabet li.selected a {color:#005dab;font-size:20px;text-decoration:none; line-height:12px;} #leftContentBox #parthenonAB .glossary ul.alphabet li.selected span {display:block;margin-top:10px;} #leftContentBox #parthenonAB .glossary .bg-glossary {width:727px;background-color:#fff;min-height:350px;} #leftContentBox #parthenonAB .glossary dl {width:674px;margin:0 auto;padding-top:42px;} #leftContentBox #parthenonAB .glossary dt {width:674px;font-size:18px; color:#005dab; padding-bottom:5px;background:transparent url("/images/glossary-dots.gif") repeat-x left bottom;margin-bottom:8px;} #leftContentBox #parthenonAB .glossary dd, #leftContentBox #parthenonAB .glossary dd p {width:674px;font-size:12px; color:#999; margin-bottom:18px;} #leftContentBox #parthenonAB .glossary .bg-glossary p.noItems {clear:both;padding:25px 27px;display: none;} #leftContentBox #parthenonAB .glossary .bg-glossary a.anchor {display: none;} /****************************** [ horizontal CTA ] ******************************/ .horizontalCTA {background-color: #e9e9e9;height:60px;width:958px; margin-top:10px; clear:both;} .horizontalCTA a {float:left; display: block; height:60px; text-indent:-99999px; text-transform:uppercase; background:transparent url(/images/Q211/variations/everest-blue-cta-sprite.jpg) no-repeat 0 0; } .horizontalCTA a.first {background-position:0 0; width:317px; } .horizontalCTA a.first:hover, .horizontalCTA a.first:focus {background-position:0 -60px;} .horizontalCTA a.second {background-position:-317px 0; width:320px;} .horizontalCTA a.second:hover, .horizontalCTA a.second:focus {background-position:-317px -60px;} .horizontalCTA a.third {background-position:-637px 0; width:321px; } .horizontalCTA a.third:hover, .horizontalCTA a.third:focus {background-position:-637px -60px;}