/* fonts */ @font-face { font-family:'DINEng'; src:url('dinengschriftstd-webfont.eot'); src:local('☺'),url('dinengschriftstd-webfont.woff') format('woff'),url('dinengschriftstd-webfont.ttf') format('truetype'),url('dinengschriftstd-webfont.svg#webfontYOLOSK2w') format('svg'); font-weight:400; font-style:normal; text-rendering:optimizeLegibility; } @font-face { font-family:'DINMittel'; src:url('dinmittelschriftstd-webfont.eot'); src:local('☺'), url('dinmittelschriftstd-webfont.woff') format('woff'),url('dinmittelschriftstd-webfont.ttf') format('truetype'),url('dinmittelschriftstd-webfont.svg#webfontN62YFJkD') format('svg'); font-weight:400; font-style:normal; } /* base styles */ body { background:#c1c497; color:#6e6e6e; font-family:Helvetica,Arial,sans-serif; font-size:12px; -webkit-font-smoothing:antialiased; line-height:123%; } body.IFramePage { background-color:#e3dfd5; } a { color:#db5c42; text-decoration:none; } a:hover { text-decoration:underline;} a img { border:0; } h1,h2,h3,h4,h5 { font-weight:700; font-family:'Helvetica,Arial Neue-Bold',Helvetica,Arial,sans-serif; margin-bottom:8px; line-height:1.35; color:#6e938f; } h2 { font-size:26px; font-family:'DINMittel',Helvetica,Arial,sans-serif; font-weight:400; } h3 { font-size:22px; font-family:'DINMittel',Helvetica,Arial,sans-serif; font-weight:400; } h4 { font-size:18px; font-weight:700; } h5 { font-size:14px; font-weight:700; } p, li { margin:8px 0 16px 0; line-height:1.5; } ul { margin-bottom:18px; } li { margin:0 0 8px 16px; list-style:disc; } ol li { list-style:decimal; } em { font-style:italic; } strong { font-weight:700; } blockquote { margin:16px 0; padding-left:16px; font-size:13px; line-height:1.7; font-style:italic; } img.left, img.right, img.center { border:2px solid #b6b3ab; } img.left { float:left; margin:0 20px 10px 0; } img.right { float:right; margin:0 0 10px 20px; } img.center { margin:10px auto; } div.left, div.right, div.center { font-size:11px; text-align:center; } div.left { float:left; margin:0 20px 10px 0; } div.right { float:right; margin:0 0 10px 20px; } div.center { margin:10px auto; } div.hidden { display:none; } .noborder img.left, .noborder img.right, .noborder img.center { border:0; } .site-name, .site-devices, .site-link { margin:0 0 5px; font-weight:400; } #headerwrap, #titlenavwrap, #mainwrap, #footerwrap { min-width:960px; } /* form */ form input.action,form button.action { background:#db5c42; } form input.action:hover,form button.action:hover{ background:#6e938f; } /* columns */ #main { background:transparent url(../images/interior_main_bg.png) 100% 0 repeat-y; } .IFramePage #main { background:transparent none; } #primaryContent { width:720px; margin:0 240px 0 0; } #primaryContent div.innerpad { margin:27px 20px 27px 0; position:relative; } .nosub #primaryContent div.innerpad { margin:20px 10px 20px 0; } #secondaryContent { width:240px; margin:0 0 0 -240px; } #secondaryContent div.innerpad { margin:27px 10px 27px; } .nosub #secondaryContent div.innerpad { margin:20px 10px; } .twoColReversed #main { background-position:0 0; } .twoColReversed #primaryContent { margin:0 0 0 240px; } .twoColReversed #primaryContent div.innerpad { margin:35px 0 35px 70px; } .twoColReversed #secondaryContent { margin:0 0 0 -960px; } .twoColReversed #secondaryContent div.innerpad { margin:20px 20px 35px; } .oneColLayout #main { background:transparent none; } .oneColLayout #primaryContent { width:960px; margin:0; } .oneColLayout #primaryContent div.innerpad { margin:20px 0; } .oneColLayout #secondaryContent { display:none; } iframe { border:10px solid #fff; background:#fff url(../images/loading.gif) 50% 50% no-repeat; } .detail iframe { border:0; visibility:visible !important; } /* header */ #headerwrap { background:#e3dfd5; height:125px; } #headerwrap h1 { margin:0; height:110px; width:160px; background:transparent url(../images/logo_interior.png) 0 0 no-repeat; float:left; } #headerwrap h1 a { display:block; height:110px; width:160px; text-indent:-9999px; } #mainwrap { background:#e3dfd5; } #titlenav, #subnav, #banner { width:960px; margin:0 auto; clear:both; } /* titlenav */ #titlenavwrap { background:#929664 url(../images/banner_bg_default.png) 50% 0 no-repeat; height:100px; border-top:1px solid #d9d6cc; z-index:10; } .nosub #titlenavwrap { border-bottom:1px solid #bacfc8; height:99px; } #titlenav { } #titlenav h1, #titlenav h1 a { display:block; float:left; margin:0; font-size:26px; font-family:'DINMittel',Helvetica,Arial,sans-serif; font-weight:400; line-height:1.1; color:#6e938f; width:940px; } #titlenav h1 { padding:45px 0 0 20px; } #titlenav h1 a { background:transparent none 0 0 no-repeat; } #titlenav h1 a:hover { text-decoration:none; } #titlenav form { background-color:#dbd8ce; padding:2px; float:right; margin-top:44px; margin-right:10px; } #titlenav form * { margin:0; } #titlenav form label { display:none; } #titlenav form fieldset, #titlenav div.Actions { float:left; clear:none; } #titlenav form input.text { border:0; padding:3px; color:#a0c1bd; height:20px; } #titlenav form .action { padding:3px 5px; height:26px; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; width:95px; margin-left:2px; font-weight:400; } #titlenav ul, #titlenav ul li { margin:0; list-style:none; } #titlenav ul { float:right; padding-top:44px; } #titlenav ul li { float:left; height:56px; margin-right:7px; } #titlenav ul li.last { margin-right:17px; } #titlenav ul li a { float:left; display:block; background:transparent url(../images/nav_titlenav_bg.png) 0 -52px no-repeat; line-height:1.23; height:26px; padding:0 0 0 10px; color:#f3f7f6; font-size:13px; font-weight:700; } #titlenav ul li a span { float:left; display:block; background:transparent url(../images/nav_titlenav_bg.png) 100% -52px no-repeat; padding:5px 10px 5px 0; line-height:1.23; height:16px; } #titlenav ul li a:hover { text-decoration:none; background-position:0 -26px; } #titlenav ul li a:hover span { background-position:100% -26px; } #titlenav ul li.current, #titlenav ul li.section { background:transparent url(../images/nav_titlenav_current.png) 50% 100% no-repeat; } #titlenav ul li.current a, #titlenav ul li.section a { text-decoration:none; background-position:0 0; } #titlenav ul li.current a span, #titlenav ul li.section a span { background-position:100% 0; } /* solar */ .solar #titlenavwrap { background-color:#f3d45f; background-image:url(../images/banner_bg_solar.png); } .solar #titlenav h1 { padding:10px 0 0 10px; height:90px; } /* wind */ .wind #titlenavwrap { background-color:#; background-image:url(../images/banner_bg_wind.png); height:109px; } .wind #titlenav h1 { padding:10px 0 0 10px; } .wind #titlenav ul li { height:65px; } .notitle #titlenavwrap { display:none; } /* horizontal subnav */ #subnavwrap { background:#bacfc8 url(../images/nav_subnav_wrap_bg.png) 0 0 repeat-x; height:62px; } #subnav { background:transparent url(../images/nav_subnav_bg.png) 100% 53px no-repeat; height:62px; } .oneColLayout #subnav { background-image:none; } #subnav ul, #subnav ul li { margin:0; list-style:none; height:62px; } #subnav ul li { float:left; } #subnav ul li a { float:left; display:table; *display:block; height:53px; *height:33px; width:100px; *width:80px; padding:0 10px; *padding:10px; background-color:#a0c1bd; color:#f3f0e8; border-left:1px solid #f3f0e8; font-size:12px; font-weight:700; text-align:center; line-height:1.17; } #subnav ul li.first a { border-left:0; } #subnav ul li a:hover { background-color:#84a7a3; text-decoration:none; cursor:pointer; } #subnav ul li a span { display:table-cell; *display:inline; vertical-align:middle; } #subnav ul li.current { background:transparent url(../images/nav_subnav_current.png) 50% 53px no-repeat; } #subnav ul li.current a.current { background-color:#6e938f; } #subnav ul li.model a { width:auto; text-align:left; display:block; height:33px; padding:10px 15px 10px 68px; background-image:url(../images/nav_subnav_icons.png); background-position:0 0; background-repeat:no-repeat; } #subnav ul li.model a span { float:left; display:block; } #subnav ul li.model a span.capacity { clear:left; font-size:16px; font-family:'DINMittel',Helvetica,Arial,sans-serif; font-weight:400; line-height:1.63; } #subnav ul li#model2500 a { background-position:15px -62px; } #subnav ul li#model2500 a:hover { background-position:15px -124px; } #subnav ul li#model2500 a.current { background-position:15px 0; } #subnav ul li#model2500 a span.model-num { font-size:16px; font-family:'DINMittel',Helvetica,Arial,sans-serif; font-weight:400; line-height:1.63; margin-top:6px; } #subnav ul li#modelSeries20 a { background-position:15px -248px; } #subnav ul li#modelSeries20 a:hover { background-position:15px -310px; } #subnav ul li#modelSeries20 a.current { background-position:15px -186px; } #subnav ul li#modelSeries24 a { background-position:15px -434px; } #subnav ul li#modelSeries24 a:hover { background-position:15px -496px; } #subnav ul li#modelSeries24 a.current { background-position:15px -372px; } /* banners */ #bannerwrap { background:#f3f0e8; border-bottom:1px solid #d9d6cc; } #bannertext { color:#777266; } h3#bannerheading { font-size:26px; line-height:1.23; } #bannertext p { margin:0 0 8px; font-size:12px; line-height:1.5; } .solar #banner div.innerpad { margin:10px; } .solar h3#bannerheading { width:225px; float:left; padding:0 20px 0 75px; text-align:right; margin:0; } .solar #bannertext { width:620px; float:left; } .solar #bannertext p { margin:0 0 8px; } .wind #banner { position:relative; height:307px; } .wind #banner img { position:absolute; top:0; right:0; } .wind #banner div.innerpad { margin:10px 20px 10px 10px; float:left; width:390px; } .wind h3#bannerheading { margin:25px 0 5px; line-height:1.17; font-size:36px; } .ProductOverviewPage #bannerwrap { border-top:1px solid #d9d6cc; } .ProductOverviewPage #banner { background:transparent url(../images/banner_product_bg.jpg) 0 0 no-repeat; } .ProductOverviewPage #banner .col { float:left; width:230px; padding:0 250px 24px 0; } #banner #col2 { width:220px; padding-left:20px; padding-right:240px; } .ProductOverviewPage #banner .col h2 { margin:25px 0 20px -10px; } .ProductOverviewPage #banner .col h3 { font-size:22px; line-height:1.1; margin:0; } .ProductOverviewPage #banner a.learn-more { display:block; background:#db5c42 url(../images/button_arrow_reg.png) 100% 50% no-repeat; padding:7px 24px 6px 7px; font-size:11px; color:#f8dcd6; font-weight:700; } .ProductOverviewPage #banner a.learn-more:hover { background:#6e938f url(../images/button_arrow_hover.png) 100% 50% no-repeat; color:#f3f7f6; text-decoration:none; } /* footer */ #footerwrap { padding:30px 0; } #footer { color:#6e704b; background:transparent url(../images/footer_bg.png) 0 0 repeat-y; } #footer .col { float:left; width:330px; } #footer .pad { margin:5px 20px; } #footer h4 { font-size:16px; font-weight:700; color:#6e704b; margin:0 0 10px; } #footer a { color:#6e704b; } #footer a:hover { text-decoration:underline; } #footer #footnav { width:320px; } #footnav .pad { margin:5px 0 30px; } #footnav ul, #footnav ul li { list-style:none; margin:0; line-height:1.38; font-size:13px; } #footnav ul { float:left; width:140px; padding:0 10px; } #footnav a { color:#f7f5ef; } #footnav a:hover { } #footer #newsletter { width:390px; } #newsletter a { display:block; height:52px; width:350px; margin-top:14px; background:transparent url(../images/button_newsletter.png) 0 0 no-repeat; text-indent:-9999px; } #newsletter a:hover { background-position:0 -52px; } #newsletter a.fbfooter{background:transparent url(../images/button_facebook.png) 0 0 no-repeat;} #newsletter a.fbfooter:hover { background-position:0 -52px; } #footer #address { width:250px; line-height:1.38; font-size:13px; } #address .adr { margin-bottom:20px; } #footer #copyright { clear:both; width:300px; padding:5px 10px 5px; font-size:12px; line-height:1.33; } #copyright p { margin:0; font-weight:700; } #copyright p.credit { font-size:10px; font-weight:400; line-height:1.6; } /* nav */ #nav, #utilnav { float:right; } #nav ul, #nav ul li, #utilnav ul, #utilnav ul li { margin:0; list-style:none; } /* utility nav */ #utilnav { margin:35px 0 18px; color:#929664; } #utilnav li { line-height:1.91; font-size:12px; padding:0; } #utilnav li.last { padding-right:0; } #utilnav li a { color:#929664; line-height:1.91; display:inline-block; margin:0 7px; } #utilnav li a:hover { color:#db5c42; text-decoration:none; } #utilnav li a.first { padding-left:26px; background:transparent url(../images/icon_customer.png) 0 0 no-repeat; } #utilnav li a.first:hover { background-position:0 -32px; } #utilnav form .field { background:#dbd8ce; padding:2px; margin:0; } #utilnav form .field * { font-size:11px; } #utilnav form input.text { width:126px; border:0; padding:2px; height:17px; float:left; line-height:1.45; border-right:2px solid #dbd8ce; color:#6e6e6e; } #utilnav form button.action, #utilnav form input.action { float:left; padding:3px; margin:0; -moz-box-sizing:content-box !important; -moz-border-radius:0; -webkit-border-radius:0; line-height:1.45; color:#eaebdc; background-color:#929664; width:50px; display:block; } #utilnav form button.action:hover, #utilnav form input.action:hover { background-color:#db5c42; color:#f8dcd6; } #utilnav a.fbutil {padding-left:24px; background:transparent url(../images/icon_fb.png) 0 0 no-repeat;} #utilnav li a.fbutil:hover { background-position:0 -32px; } /* mainnav */ #nav, #nav ul { height:36px; width:auto; z-index:9999; } #nav { clear:right; width:700px; } #nav ul { float:right; } #nav ul li { height:26px; margin-right:12px; position:relative; padding-bottom:10px; } #nav ul li.last { margin-right:0; } #nav ul li a { display:block; float:left; height:26px; background:transparent url(../images/nav_bg.png) 0 0 no-repeat; text-indent:-9999px; } #nav ul li#nav1 a { width:83px; background-position:0 0; } #nav ul li#nav2 a { width:164px; background-position:-95px 0; } #nav ul li#nav3 a { width:140px; background-position:-1831px 0; } #nav ul li#nav4 a { width:81px; background-position:-420px 0; } #nav ul li#nav5 a { width:95px; background-position:-513px 0; } #nav ul li#nav1 a.dropdown-link, #nav ul li#nav1 a.dropdown-current, #nav ul li#nav1 a.dropdown-section { width:96px; background-position:-620px 0; } #nav ul li#nav2 a.dropdown-link, #nav ul li#nav2 a.dropdown-current, #nav ul li#nav2 a.dropdown-section { width:179px; background-position:-728px 0; } #nav ul li#nav3 a.dropdown-link, #nav ul li#nav3 a.dropdown-current, #nav ul li#nav3 a.dropdown-section { width:155px; background-position:-1664px 0; } #nav ul li#nav4 a.dropdown-link, #nav ul li#nav4 a.dropdown-current, #nav ul li#nav4 a.dropdown-section { width:95px; background-position:-1082px 0; } #nav ul li#nav5 a.dropdown-link, #nav ul li#nav5 a.dropdown-current, #nav ul li#nav5 a.dropdown-section { width:109px; background-position:-1189px 0; } #nav ul li#nav1 a.current, #nav ul li#nav1 a.section { background-position:0 -26px; } #nav ul li#nav2 a.current, #nav ul li#nav2 a.section { background-position:-95px -26px; } #nav ul li#nav3 a.current, #nav ul li#nav3 a.section { background-position:-1831px -26px; } #nav ul li#nav4 a.current, #nav ul li#nav4 a.section { background-position:-420px -26px; } #nav ul li#nav5 a.current, #nav ul li#nav5 a.section { background-position:-513px -26px; } #nav ul li#nav1 a.dropdown-current, #nav ul li#nav1 a.dropdown-section { background-position:-620px -26px; } #nav ul li#nav2 a.dropdown-current, #nav ul li#nav2 a.dropdown-section { background-position:-728px -26px; } #nav ul li#nav3 a.dropdown-current, #nav ul li#nav3 a.dropdown-section { background-position:-1664px -26px; } #nav ul li#nav4 a.dropdown-current, #nav ul li#nav4 a.dropdown-section { background-position:-1082px -26px; } #nav ul li#nav5 a.dropdown-current, #nav ul li#nav5 a.dropdown-section { background-position:-1189px -26px; } #nav ul li#nav1 a:hover { background-position:0 -52px; } #nav ul li#nav2 a:hover { background-position:-95px -52px; } #nav ul li#nav3 a:hover { background-position:-1831px -52px; } #nav ul li#nav4 a:hover { background-position:-420px -52px; } #nav ul li#nav5 a:hover { background-position:-513px -52px; } #nav ul li#nav1 a.dropdown-link:hover, #nav ul li#nav1 a.dropdown-current:hover, #nav ul li#nav1 a.dropdown-section:hover, #nav ul li#nav1 a.dropdown-hover { background-position:-620px -52px; } #nav ul li#nav2 a.dropdown-link:hover, #nav ul li#nav2 a.dropdown-current:hover, #nav ul li#nav2 a.dropdown-section:hover, #nav ul li#nav2 a.dropdown-hover { background-position:-728px -52px; } #nav ul li#nav3 a.dropdown-link:hover, #nav ul li#nav3 a.dropdown-current:hover, #nav ul li#nav3 a.dropdown-section:hover, #nav ul li#nav3 a.dropdown-hover { background-position:-1664px -52px; } #nav ul li#nav4 a.dropdown-link:hover, #nav ul li#nav4 a.dropdown-current:hover, #nav ul li#nav4 a.dropdown-section:hover, #nav ul li#nav4 a.dropdown-hover { background-position:-1082px -52px; } #nav ul li#nav5 a.dropdown-link:hover, #nav ul li#nav5 a.dropdown-current:hover, #nav ul li#nav5 a.dropdown-section:hover, #nav ul li#nav5 a.dropdown-hover { background-position:-1189px -52px; } #nav ul li div { display:none; float:none; padding-top:6px; width:200px; background:transparent url(../images/nav_dropdown_cap.png) 0 0 no-repeat; } #nav ul li.dropdown:hover, #nav ul li.hover { background-color:#d5d1c8; } #nav ul li.dropdown:hover div, #nav ul li.hover div { display:block; position:absolute; top:36px; left:0; z-index:999; } #nav ul li ul { background:transparent url(../images/nav_dropdown_bg.png) 0 100% no-repeat; margin:0; padding:0 8px 6px; width:184px; height:auto; } #nav ul li ul li { float:none; height:auto; margin:0; padding:0; font-size:12px; line-height:1.83; } #nav ul li ul li a { float:none; height:auto !important; width:auto !important; background:transparent none; text-indent:0; font-weight:700; } #nav ul li ul li a:hover { text-decoration:none; color:#3b3a37; } /* sidebar nav */ ul.sidebarnav, ul.sidebarnav li { list-style:none; margin:0; } ul.sidebarnav { margin:0 0 20px; } ul.sidebarnav li a { display:block; background:#db5c42 url(../images/button_sidebar_arrow.png) 184px 13px no-repeat; border-bottom:1px solid #d89584; padding:0 25px 0 0; line-height:1.5; color:#f3f0e8; } ul.sidebarnav li a span { display:block; padding:9px 15px 7px 15px; border-right:1px solid #d89584; } ul.sidebarnav li.last a { border-bottom:0; } ul.sidebarnav li a:hover, ul.sidebarnav li a.current, ul.sidebarnav li a.section { background-color:#c0513a;background-image:url(../images/button_sidebar_hover_arrow.png); background-position:184px 13px; text-decoration:none; } a.backlink { display:block; background:#a0c1bd url(../images/button_back_arrow.png) 184px 9px no-repeat; padding:0 25px 0 0; line-height:1.5; color:#f3f7f6; margin-bottom:14px; } a.backlink span { display:block; padding:6px 15px 4px 15px; border-right:1px solid #bac9c2; } a.backlink:hover { text-decoration:none; } /* interior pages */ #product-overview { padding:17px; border:1px solid #d9d6cc; background-color:#f3f0e8; } #product-overview h3 { margin:0 0 10px; font-size:22px; line-height:1.1; } #product-overview h3 span { display:block; } #product-overview .description { float:left; width:292px; padding-right:20px; } #product-overview .description p { margin-bottom:0; } ul#model-list { float:left; width:362px; margin:0; list-style:none; } ul#model-list li { margin:10px 0 0; list-style:none; } ul#model-list li.first { margin-top:0; } ul#model-list li h4 { margin:0; } ul#model-list li h4 a { background:transparent url(../images/nav_modelnav_bg.png) 0 0 no-repeat; display:block; height:54px; width:150px; padding:4px 142px 0 70px; color:#f3f0e8; } ul#model-list li h4 a:hover { text-decoration:none; } ul#model-list li h4 a span { display:block; } ul#model-list li h4 a span.model-num { font-size:14px; line-height:1.86; } ul#model-list li h4 a span.capacity { font-size:20px; line-height:1.3; font-family:'DINMittel',Helvetica,Arial,sans-serif; font-weight:400; } ul#model-list li#model2500 a { background-position:0 0; } ul#model-list li#model2500 a:hover { background-position:0 -58px; } ul#model-list li#model2500 span.model-num { font-size:20px; line-height:1.3; font-family:'DINMittel',Helvetica,Arial, Arial,sans-serif; font-weight:400; margin-top:17px; } ul#model-list li#modelSeries20 a { background-position:0 -116px; } ul#model-list li#modelSeries20 a:hover { background-position:0 -174px; } ul#model-list li#modelSeries24 a { background-position:0 -232px; } ul#model-list li#modelSeries24 a:hover { background-position:0 -290px; } #primaryContent div.slides { float:left; margin-right:20px; } #primaryContent div.slides img.product { border:solid 2px #b6b3ab; margin-bottom:5px; } #primaryContent div.slides a.slideshow-button { display:block; background:#db5c42 url(../images/button_plus_reg.png) 100% 50% no-repeat; border:3px solid #f3f0e8; padding:7px 24px 6px 7px; font-size:11px; color:#f8dcd6; font-weight:700; } #primaryContent div.slides a.slideshow-button:hover { background:#6e938f url(../images/button_plus_hover.png) 100% 50% no-repeat; color:#f3f7f6; text-decoration:none; } /* interior callouts */ #primaryContent .colwrap { margin-bottom:30px; width:720px; } #primaryContent .colwrap .col { float:left; width:240px; font-size:12px; line-height:1.5; } #primaryContent .col .pad { margin:10px; width:210px; } #primaryContent .col h4 { font-size:18px; margin:0 0 10px; line-height:1.44; } #primaryContent .col p { margin:0; } #primaryContent .callout { float:left; width:360px; } #primaryContent .callout-content { padding:10px; } #primaryContent #product-description { width:400px; } #product-description ul { margin-left:1.2em; } #product-description ul li { margin:0; } #primaryContent #product-list { width:320px; } #product-list h3 { border-bottom:3px solid #cbc8bf; } #product-list ul, #product-list ul li { list-style:none; margin-left:0; font-size:14px; font-weight:700; line-height:1.2; } #product-list ul li span { display:block; } .testimonial { text-align:right; color:#6e938f; font-style:italic; font-family:Georgia,'Times New Roman',Times,serif; font-size:13px !important; } .testimonial .pad { margin:10px 20px 10px 10px !important; } .testimonial blockquote { text-indent:36px; font-size:16px; line-height:1.38; text-align:left; padding-top:10px; position:relative; margin:0 0 15px; padding:0; } .testimonial blockquote span { display:block; position:absolute; top:-5px; left:3px; text-indent:-9999px; height:30px; width:36px; background:transparent url(../images/icon_quote.png) 0 0 no-repeat; } .testimonial span.author, .testimonial span.location { display:block; } .testimonial a.epr-link { font-family:Helvetica,Arial,sans-serif; font-style:normal; font-size:12px; } .testimonial a.epr-link:hover { text-decoration:none; } .testimonial a.epr-link:hover span { text-decoration:underline; } .testimonial a.epr-link img { vertical-align:text-bottom; margin-right:2px; } .testimonial a.readmore { font-style:normal; font-family:Helvetica,Arial,sans-serif; font-size:12px; } #secondaryContent .testimonial { margin-top:20px; } .holder .testimonial { color:#60807c; } .holder .testimonial blockquote { text-indent:0; margin:0 0 10px; } .holder .testimonial blockquote p { margin:0; } .holder .testimonial span.author, .holder .testimonial span.location { display:inline; } #secondaryContent .callout { padding:10px; background-color:#efebe0; margin:0 0 5px; font-size:12px; } #secondaryContent .callout h4 { font-size:16px; line-height:1.1; margin:0; } #secondaryContent .callout ul li, #secondaryContent .callout p { line-height:1.33; margin:3px 0 0; } #secondaryContent .callout ul { margin:4px 0 4px 1.5em; } #secondaryContent .contact { background-color:#e19041; color:#f0d1b3; padding:0; } #secondaryContent .contact a { color:#f0d1b3; padding:10px; display:block; } #secondaryContent .contact a:hover { text-decoration:none; } #secondaryContent .contact a span { font-size:16px; line-height:1.1; margin:0 0 3px; display:block; font-weight:700; } #secondaryContent .events { background-color:#81ada8; color:#d8edeb; } #secondaryContent .events h4, #secondaryContent .events a { color:#d8edeb; } #secondaryContent .events a { text-decoration:underline; } #secondaryContent .report { background-color:#fff4bf; color:#6e938f; font-size:14px; } #secondaryContent .report h4, #secondaryContent .report a { color:#6e938f; } #secondaryContent .report a img { float:left; margin:4px 4px 0 0; } #secondaryContent .other-products { border:1px solid #cbc8bf; } #secondaryContent .other-products span.energy { text-transform:capitalize; } #secondaryContent .other-products img { display:block; margin:-5px 0 3px; } .solar #secondaryContent .other-products img { margin:-5px 0 3px -5px; } #secondaryContent .testimonial .pad { margin:10px !important; } /* tabs */ .tabs { font-size:12px; margin:20px 10px 20px 0; clear:both; } .tabholder { background-color:#f3f0e8; border:1px solid #d9d6cc; border-top:0; padding:24px 13px 13px; } .tab img.left, .tab img.right, .tab img.center { border:0; } /* tab nav */ ul.tabnav, ul.tabnav li { margin:0; list-style:none; height:30px; background:transparent url(../images/tabs_bg.png) 0 0 repeat-x; } ul.tabnav li { float:left; } ul.tabnav li a { float:left; padding:0 0 0 15px; height:30px; display:block; background:transparent url(../images/tabs_bg.png) 0 -60px no-repeat; color:#61827e; font-weight:700; } ul.tabnav li a span { float:left; height:23px; display:block; padding:7px 30px 0 0; background:transparent url(../images/tabs_bg.png) 100% -60px no-repeat; } ul.tabnav li a:hover { background-position:0 -90px; text-decoration:none; color:#f3f0e8; } ul.tabnav li a:hover span { background-position:100% -90px; } ul.tabnav li a.current { background-position:0 -30px; color:#6e6e6e; } ul.tabnav li a.current span { background-position:100% -30px; } /* homepage */ .HomePage #headerwrap { height:127px; z-index:10; *position:relative; } .HomePage #headerwrap h1 { height:120px; width:240px; background-image:url(../images/logo.png); } .HomePage #headerwrap h1 a { height:120px; width:240px; } .HomePage #mainwrap { background:#f3f0e8 none; border-top:1px solid #b9b6ae; border-bottom:2px solid #d2cfc5; height:415px; overflow:hidden; z-index:1; } .HomePage #main { background:transparent url(../images/home_slideshow_edge_bg.png) 0 0 no-repeat; width:980px; height:394px; margin:0 auto; padding:21px 0 0; position:relative; } .slider { width:940px; height:384px; position:relative; margin:0 20px; padding:0; background-color:#f3f0e8; z-index:10; } .nivo-controlNav { position:absolute; width:960px; height:67px; bottom:0; left:-10px; z-index:10; padding:0; background:transparent url(../images/slide_nav_bg.png) 0 0 repeat-x; } .nav-wide { background-image:url(../images/slide_nav_wide_bg.png); } .nivo-controlNav a { display:block; float:left; margin:0 4px 0 0; height:67px; width:236px; text-indent:-9999px; cursor:pointer; } .nav-wide a { width:316px; } a.nivo-nav1 { background:transparent url(../images/aer_logo.png) 50% 0 no-repeat; } a.nivo-nav2 { background:transparent url(../images/allsun_logo.png) 50% 0 no-repeat; } a.nivo-nav3 { background:transparent url(../images/epr_logo.png) 50% 0 no-repeat; } a.nivo-nav4 { text-indent:0; margin:0; text-align:left; width:145px; height:32px; padding:18px 15px 17px 80px; font-size:16px; font-weight:700; font-family:Helvetica,Arial,sans-serif; line-height:1.1; text-decoration:none; background-position:0 67px; background-repeat:no-repeat; background-image:url(../images/slide_icons.png); } .nav-wide a.nivo-nav3 { width:320px; margin:0; } a.sun { background-position:0 0; } a.question-mark { background-position:0 -67px; } a.speech-bubble { background-position:0 -134px; } a.earth { background-position:0 -201px; } a.dollar-sign { background-position:0 -268px; } a.house { background-position:0 -335px; } a.bar-graph { background-position:0 -402px; } .nivo-controlNav a.active { background-color:#f3f0e8; } .HomePage .nivo-html-caption { display:block; position:absolute; left:-9999px; } .HomePage .nivo-imageLink { height:307px; width:940px; position:absolute; top:0; left:0; z-index:10; } .HomePage .nivo-slice { } .HomePage .nivo-caption { position:absolute; top:0; right:0; bottom:0; padding:20px 10px 20px 15px; height:267px; width:200px; background:transparent url(../images/caption_bg.png) 0 0 repeat; color:#fff; z-index:10; } .HomePage .nivo-caption h3 { margin:10px 0 12px; line-height:1.2; color:#fff; } .HomePage .nivo-caption p { margin:0 0 12px; padding:0; font-size:18px; font-weight:500; font-family:'DINMittel',Helvetica,Arial,sans-serif; line-height:1.2; } .HomePage .nivo-caption a.more { display:block; padding:6px 10px; border:2px solid #c8c6bf; background-color:#db5c42; color:#f8dcd6; font-family:Helvetica,Arial,sans-serif; font-size:12px; text-align:center; font-weight:700; } .HomePage .nivo-caption a.more:hover { background-color:#6e938f; color:#fff; text-decoration:none; } #slide-aerslidecaption { top:0; left:240px; right:auto; bottom:auto; height:auto; width:480px; background:transparent none; padding:15px 0; } #slide-aerslidecaption p { margin:0; line-height:1.3; } #slide-eprslidecaption h3 { font-size:16px; font-weight:700; font-family:Helvetica,Arial,sans-serif; padding:0 0 5px 57px; background:transparent url(../images/epr_icon.png) 0 0 no-repeat; line-height:1.3; } #slide-allsunslidecaption h3 { text-indent:-9999px; height:90px; background:transparent url(../images/allsun_logo_lg.png) 50% no-repeat; margin:0 0 12px } /* home callouts */ .HomePage #calloutwrap { background:#e3dfd5; padding:20px 0; } .HomePage #callouts { display:block; width:960px; margin:0 auto; background:transparent url(../images/home_callout_bg.png) 0 100% no-repeat; color:#777266; } .HomePage #callouts .col { border-top:1px solid #d6d2c8; float:left; } .HomePage #callouts .colpad { padding:15px 20px; } .HomePage .col h3 { margin:0 0 10px; padding:0 0 5px; font-family:Helvetica,Arial,sans-serif; font-weight:700; font-size:16px; border-bottom:3px solid #cbc8bf; line-height:1.1; } .HomePage .col h3 a { color:#6e938f; } .HomePage .col p { margin:0 0 8px; } .HomePage .col a.learn-more { text-align:center; display:block; padding:8px 10px; background-color:#db5c42; font-weight:700; color:#f6d6d0; margin:24px 0 0; font-size:13px; } .HomePage .col a.learn-more:hover { background-color:#6e938f; color:#fff; text-decoration:none; } #home-news { width:396px; margin:0 4px 0 8px; } #home-news ul, #home-news li { list-style:none; margin:0; padding:0; } #home-news li { margin:0 0 8px; padding:0 0 8px; border-bottom:1px solid #cbc8bf; } #home-epr { width:310px; font-size:14px; } #home-fact, #home-callout { width:230px; margin:0 8px 0 4px; } #home-fact p { font-family:Georgia,Times,serif; font-size:18px; font-style:italic; line-height:1.2; } #home-callout { font-size:14px; } /* holders & items */ .holder .item { clear:both; padding:20px 0 0; margin:0 0 10px; border-top:1px solid #bfbdb4; position:relative; } .item h2 { padding-right:100px; } .item h2, .item h3 { margin-top:0; } .item a.addthis_button { position:absolute; top:8px; right:0; } .teamholder .first { border-top:0; padding:0; } /* glossary */ .holder .term { padding:8px 0 0; margin:0; } .holder .term h4 { margin:0 0 4px; } .holder .term p { margin:0 0 8px; } /* news overview */ .category { border-top:1px solid #d5d1c8; padding:20px 0 5px; } .single { border:0; padding-top:0; } .category .description, .category .recent { float:left; } .category .description { width:400px; padding-right:20px; } .category .recent { width:210px; } .category h3 { margin-top:0; } .category h3 a { color:#6e938f; } .category ul.recent, .category ul.recent li { list-style:none; margin:0; line-height:1.83; font-size:12px; } .category ul.recent { margin-bottom:10px; } .category ul.recent li { list-style:disc; margin-left:20px; color:#db5c42; line-height:1.5; margin-bottom:3px; } a.file img { vertical-align:text-bottom; background:transparent url(../images/document-text.png) 0 0 no-repeat; height:16px; width:16px; } a.pdf img { background-image:url(../images/document-pdf-text.png); } a.zip img { background-image:url(../images/document.png); } a.event img { background-image:url(../images/calendar-day.png); } a.file:hover { text-decoration:none; } a.file:hover span { text-decoration:underline; } .whitepaperholder a.file img { background-image:url(../images/document-text32.png); height:32px; width:32px; } .whitepaperholder a.pdf img { background-image:url(../images/document-pdf-text32.png); } .whitepaperholder a.zip img { background-image:url(../images/document32.png); } .category ul.icons, .category ul.icons li { list-style:none; margin-left:0; } .category ul.icons li { padding-left:20px; text-indent:-20px; } .category ul.recent li.readmore, .category ul.icons li.readmore { list-style:disc; margin-left:20px; } span.type { text-transform:uppercase; } a.rsslink { position:absolute; top:0; right:10px; height:24px; width:auto; padding-left:28px; background:transparent url(../images/feed.png) 0 50% no-repeat; display:block; font-size:18px; font-family:'DINMittel',Helvetica,Arial,sans-serif; line-height:1.7; } .item h3 { margin-right:80px; } .item a.addthis { position:absolute; top:22px; right:10px; } .item a.detail { top:2px; } .CalendarEvent a.addthis { top:8px; } .NewsOverviewPage div.first { padding:0; border:0; } /* FAQ */ .faq { margin:0 0 10px; clear:both; } .faq .answer { font-size:13px; padding-left:20px; } .faq .answer p { margin:0; } .faq a { padding-left:20px; background:transparent url(../images/toggle_buttons.png) 0 0 no-repeat; } .faq a.open { background-position:-1000px 0; } .toggle-controls { margin:0 0 10px; text-align:right; font-size:10px; text-transform:uppercase; line-height:1; } .toggle-controls a { float:right; display:block; padding:3px 3px 2px; margin-left:5px; border:1px solid #ccc8c0; background-color:#d5d1c8; color:#6e6e6e; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .toggle-controls a:hover { cursor:pointer; background-color:#db5c42; border-color:#db5c42; color:#f8dcd6; text-decoration:none; } /* team member */ img.team-photo, .bio { float:left; } img.team-photo { margin-right:20px; border:2px solid #b6b3ab; } .bio { width:505px; } .teammember { margin:0 0 8px; } .teammember h3 { margin:0; } .teammember h4, .teammember p { margin:0 0 8px; } /* event calendar */ .vevent h3 { padding-right:80px; } .vevent h3, .vevent h4 { margin:0 0 5px; line-height:1.2; } .vevent .dtstart, .vevent .dtend { text-transform:none !important; margin:0 !important; } .vevent p { margin-bottom:12px; } p.time, p.location { margin:0; text-transform:none !important; font-size:12px !important; } /* tooltips */ .imagetip { max-width:250px; *width:250px; } .imagetip .ui-tooltip-wrapper { border-color:#cbc8bf !important; border-width:2px !important; background-color:#efebe0 !important; color:#71695e !important; } .imagetip .ui-tooltip-content { font-size:14px; font-family:Helvetica,Arial,sans-serif; line-height:1.3; text-align:center !important; padding:10px 8px !important; } /* search results */ ul#searchResults, ul#searchResults li { margin:0; list-style:none; } ul#searchResults { border-top:1px solid #d5d1c8; margin:10px 0; } ul#searchResults li { margin:10px 0 0; padding:0 0 10px; border-bottom:1px solid #d5d1c8; } .pageNumbers { } .pageNumbers span span, .pageNumbers a { display:block; float:left; padding:3px 4px; border:1px solid #d5d1c8; margin-right:4px; } span.highlight { font-weight:700; border-bottom:1px dotted; } span.url { font-family:"PanicSans",Monaco,Courier,monospace; margin:8px 0 0; display:block; } span.url span { text-transform:uppercase; }