/* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.0 */ body{color:#4D4D4D;background:#FFF;} body,div,dl,dt,dd,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} 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;} sup{vertical-align:text-top;} sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} /** * Percents could work for IE, but for backCompat purposes, we are using keywords. * x-small is for IE6/7 quirks mode. */ body {font:11px/1.22 verdana,arial,helvetica,clean,sans-serif;} * html body{font-size: 11px;} *:first-child+html body{font-size: 11px;} table {font-size:inherit;font:100% arial,helvetica,clean,sans-serif;} /** * Bump up IE to get to 13px equivalent */ pre,code,kbd,samp,tt {font-family:monospace;line-height:99%;} /* pre,code,kbd,samp,tt {font-family:verdana;font-size:9px;} */ * html pre{font-size:9px;} * html code{font-size:108%;} * html kbd{font-size:108%;} * html samp{font-size:108%;} * html tt{font-size:108%;} *:first-child+html pre{font-size:108%;} *:first-child+html code{font-size:108%;} *:first-child+html kbd{font-size:108%;} *:first-child+html samp{font-size:108%;} *:first-child+html tt{font-size:108%;} /** * End of Yahoo! reset */ /* h1,h2,h3,h4,h5,h6,p,ol,ul,li { } */ /** * August 3, 2007 02:28:02 PM * Osman Gormus */ /** * Scroll bar fix for Mozilla browsers * * note: since the site is not center align we don't need this hack. Thus, display:none */ #sbf{position:absolute;top:0;bottom:-0.1px;width:1em;z-index:-1;display:none;} strong{font-weight:bold;} em{font-style:italic;} .clear{clear:both;}br.clear{height:0;} .hide{display:none;} body { background: #FFF url(../images/bg-body.gif) no-repeat top left;padding-bottom:40px; } a { color: #4D4D4D;text-decoration:underline; } a:hover { color: inherit;text-decoration:none; } /** * Layout */ #sun{width:925px;margin:0 0 0 25px;} /* Homepage #36 */ .home div#col-main{float:right;width:725px} .home div#col-nav{float:left;width:200px;} .home div#col-extra{float:right;width:725px} .home div#col-extra-content{clear:both;} .home div#footer{clear:both;width:100%} /* Sub pages #13 */ .sub div#col-main-w{float:left;width:100%} .sub div#col-main{margin: 0 200px} .sub div#col-main-content { padding: 27px 20px; } .sub div#col-nav{float:left;width:200px;margin-left:-100%} .sub div#col-extra{float:left;width:200px;margin-left:-200px;} .sub div#footer{clear:left;width:100%} .sub div#col-extra-content { padding: 35px 10px; font-size: 10px; } .other div#col-main{float:right;width:725px} .other div#col-main-content { padding: 35px 220px 35px 20px; } .other div#col-nav{float:left;width:200px;} .other div#col-extra{float:right;width:725px} .other div#col-extra-content{clear:both;} .other div#footer{clear:both;width:100%} #container { background: #FFF url(../images/bg-col-home.gif) repeat-y;border-bottom: 1px solid #B3B8B1;min-height: 425px; height: auto; } * html #container{ height:425px; } .sub #container { background-image: url(../images/bg-col-sub.gif)} .bucket{clear:both;overflow:hidden;background:#FFF url(../images/dots-h.gif) repeat-x 0 0;margin:0;padding:30px 0 10px 0;width:180px} .bucket .bucket-content{margin:0;padding:0px 0 10px 0;border:0;clear:both;font-size:10px;} .bucket img { padding: 0px 4px 4px 0; } /** * Theme: SunPower */ #header { background:#4D4D4D url(../images/bg-header.gif) no-repeat 100% 100%;padding-bottom:15px;position: relative;z-index:100} #header h1 {margin:0;padding:0;} #de-DE #header #header_cta { display: none; } #es-ES #header #header_cta { display: none; } #it-IT #header #header_cta { display: none; } #fr-FR #header #header_cta { display: none; } #en #header #header_cta a { display: block; width: 100%; height: 100%; text-indent:-999px} #en #header #header_cta { display:block; position: absolute; left: 421px; height: 20px; width: 500px; margin:15px 3px 0px 0px; background: url(../images/header_cta_071209.gif) no-repeat top right;border: 0px white solid;} #en #header .home #header_cta { display: block; } #header h1 a { display: block; width: 213px; height: 71px; background: #4D4D4D url(../images/logo-lofsolar.gif) no-repeat top left;outline:0 none; } #header h1 a span { display: none; } #header ol { margin: 0; padding: 0; list-style: none; display: block; position: absolute; left: 265px; top: 47px; width: 525px; } #header li { display: inline; margin: 0; padding: 0; } #header li a { display: block; height: 24px; background-color: #4D4D4D; background-position: 100% 100%; background-repeat: no-repeat; float: right; margin-left: 20px; outline: 0 none; } #header li a span { display: none; } /* EN-US only */ #EN-US #header LI#n1 A { BACKGROUND-IMAGE: url(../images/en-n1-contact-us.gif); WIDTH: 52px } #EN-US #header LI#n2 A { BACKGROUND-IMAGE: url(../images/en-n1-login.gif); WIDTH: 25px } #EN-US #header LI#n3 A { BACKGROUND-IMAGE: url(../images/en-n1-investors.gif); WIDTH: 44px } #EN-US #header LI#n4 A { BACKGROUND-IMAGE: url(../images/en-n1-worldwide.gif); WIDTH: 88px } #EN-US #header LI#n1 A:hover { BACKGROUND-IMAGE: url(../images/en-n1-contact-us-over.gif) } #EN-US #header LI#n2 A:hover { BACKGROUND-IMAGE: url(../images/en-n1-login-over.gif) } #EN-US #header LI#n3 A:hover { BACKGROUND-IMAGE: url(../images/en-n1-investors-over.gif) } #EN-US #header LI#n4 A:hover { BACKGROUND-IMAGE: url(../images/en-n1-worldwide-over.gif) } #EN-US #header LI#n1 A.selected { BACKGROUND-IMAGE: url(../images/en-n1-contact-us-down.gif) } #EN-US #header LI#n2 A.selected { BACKGROUND-IMAGE: url(../images/en-n1-login-down.gif) } #EN-US #header LI#n3 A.selected { BACKGROUND-IMAGE: url(../images/en-n1-investors-down.gif) } #EN-US #header LI#n4 A.selected { BACKGROUND-IMAGE: url(../images/en-n1-worldwide-down.gif) } #EN-US1 #header li#n1 a { width: 52px; background-image: url(../images/en-n1-contact-us.gif); } #EN-US1 #header li#n1 a { width: 52px; background-image: url(../images/en-n1-contact-us.gif); } #EN-US1 #header li#n2 a { width: 25px; background-image: url(../images/en-n1-login.gif); } #EN-US1 #header li#n3 a { width: 44px; background-image: url(../images/en-n1-investors.gif); } #EN-US1 #header li#n4 a { width: 88px; background-image: url(../images/en-n1-worldwide.gif); } #EN-US1 #header li#n1 a:hover { background-image: url(../images/en-n1-contact-us-over.gif); } #EN-US1 #header li#n2 a:hover { background-image: url(../images/en-n1-login-over.gif); } #EN-US1 #header li#n3 a:hover { background-image: url(../images/en-n1-investors-over.gif); } #EN-US1 #header li#n4 a:hover { background-image: url(../images/en-n1-worldwide-over.gif); } #EN-US1 #header li#n1 a.selected { background-image: url(../images/en-n1-contact-us-down.gif); } #EN-US1 #header li#n2 a.selected { background-image: url(../images/en-n1-login-down.gif); } #EN-US1 #header li#n3 a.selected { background-image: url(../images/en-n1-investors-down.gif); } #EN-US1 #header li#n4 a.selected { background-image: url(../images/en-n1-worldwide-down.gif); } /* en-GB */ #en-GB #header li#n1 a { width: 52px; background-image: url(../images/en-n1-contact-us.gif); } #en-GB #header li#n1 a { width: 52px; background-image: url(../images/en-n1-contact-us.gif); } #en-GB #header li#n2 a { width: 25px; background-image: url(../images/en-n1-login.gif); } #en-GB #header li#n3 a { width: 44px; background-image: url(../images/en-n1-investors.gif); } #en-GB #header li#n4 a { width: 88px; background-image: url(../images/en-n1-worldwide.gif); } #en-GB #header li#n1 a:hover { background-image: url(../images/en-n1-contact-us-over.gif); } #en-GB #header li#n2 a:hover { background-image: url(../images/en-n1-login-over.gif); } #en-GB #header li#n3 a:hover { background-image: url(../images/en-n1-investors-over.gif); } #en-GB #header li#n4 a:hover { background-image: url(../images/en-n1-worldwide-over.gif); } #en-GB #header li#n1 a.selected { background-image: url(../images/en-n1-contact-us-down.gif); } #en-GB #header li#n2 a.selected { background-image: url(../images/en-n1-login-down.gif); } #en-GB #header li#n3 a.selected { background-image: url(../images/en-n1-investors-down.gif); } #en-GB #header li#n4 a.selected { background-image: url(../images/en-n1-worldwide-down.gif); } /* #EN */ #en #header LI#n1 A { BACKGROUND-IMAGE: url(../images/en-n1-languageeng.jpg); WIDTH: 55px } #en #header LI#n2 A { BACKGROUND-IMAGE: url(../images/en-n1-contact-us.gif); WIDTH: 60px } #en #header LI#n3 A { BACKGROUND-IMAGE: url(../images/en-n1-login.gif); WIDTH: 30px } #en #header LI#n4 A { BACKGROUND-IMAGE: url(../images/en-n1-investors.gif); WIDTH: 50px } #en #header LI#n1 A:hover { BACKGROUND-IMAGE: url(../images/en-n1-language-overeng.jpg) } #en #header LI#n2 A:hover { BACKGROUND-IMAGE: url(../images/en-n1-contact-us-over.gif) } #en #header LI#n3 A:hover { BACKGROUND-IMAGE: url(../images/en-n1-login-over.gif) } #en #header LI#n4 A:hover { BACKGROUND-IMAGE: url(../images/en-n1-investors-over.gif) } #en #header LI#n1 A.selected { BACKGROUND-IMAGE: url(../images/en-n1-language-downeng.jpg) } #en #header LI#n2 A.selected { BACKGROUND-IMAGE: url(../images/en-n1-contact-us-down.gif) } #en #header LI#n3 A.selected { BACKGROUND-IMAGE: url(../images/en-n1-login-down.gif) } #en #header LI#n4 A.selected { BACKGROUND-IMAGE: url(../images/en-n1-investors-down.gif)} /* de-DE only */ #de-DE #header li#n1 a { width: 52px; background-image: url(../images/de-de-n1-contact-us.gif); } #de-DE #header li#n2 a { width: 58px; background-image: url(../images/de-de-n1-login.gif); } #de-DE #header li#n3 a { width: 55px; background-image: url(../images/de-de-n1-investors.gif); } #de-DE #header li#n4 a { width: 100px; background-image: url(../images/de-de-n1-worldwide.gif); } #de-DE #header li#n1 a:hover { background-image: url(../images/de-de-n1-contact-us-over.gif); } #de-DE #header li#n2 a:hover { background-image: url(../images/de-de-n1-login-over.gif); } #de-DE #header li#n3 a:hover { background-image: url(../images/de-de-n1-investors-over.gif); } #de-DE #header li#n4 a:hover { background-image: url(../images/de-de-n1-worldwide-over.gif); } #de-DE #header li#n1 a.selected { background-image: url(../images/de-de-n1-contact-us-down.gif); } #de-DE #header li#n2 a.selected { background-image: url(../images/de-de-n1-login-down.gif); } #de-DE #header li#n3 a.selected { background-image: url(../images/de-de-n1-investors-down.gif); } #de-DE #header li#n4 a.selected { background-image: url(../images/de-de-n1-worldwide-down.gif); } /* es-ES only */ #es-ES #header li#n1 a { width: 52px; background-image: url(../images/es-es-n1-contact-us.gif); } #es-ES #header li#n2 a { width: 70px; background-image: url(../images/es-es-n1-login.gif); } #es-ES #header li#n3 a { width: 55px; background-image: url(../images/es-es-n1-investors.gif); } #es-ES #header li#n4 a { width: 100px; background-image: url(../images/es-es-n1-worldwide.gif); } #es-ES #header li#n1 a:hover { background-image: url(../images/es-es-n1-contact-us-over.gif); } #es-ES #header li#n2 a:hover { background-image: url(../images/es-es-n1-login-over.gif); } #es-ES #header li#n3 a:hover { background-image: url(../images/es-es-n1-investors-over.gif); } #es-ES #header li#n4 a:hover { background-image: url(../images/es-es-n1-worldwide-over.gif); } #es-ES #header li#n1 a.selected { background-image: url(../images/es-es-n1-contact-us-down.gif); } #es-ES #header li#n2 a.selected { background-image: url(../images/es-es-n1-login-down.gif); } #es-ES #header li#n3 a.selected { background-image: url(../images/es-es-n1-investors-down.gif); } #es-ES #header li#n4 a.selected { background-image: url(../images/es-es-n1-worldwide-down.gif); } /* it-IT only */ #it-IT #header li#n1 a { width: 52px; background-image: url(../images/it-it-n1-contact-us.gif); } #it-IT #header li#n2 a { width: 35px; background-image: url(../images/it-it-n1-login.gif); } #it-IT #header li#n3 a { width: 55px; background-image: url(../images/it-it-n1-investors.gif); } #it-IT #header li#n4 a { width: 125px; background-image: url(../images/it-it-n1-worldwide.gif); } #it-IT #header li#n1 a:hover { background-image: url(../images/it-it-n1-contact-us-over.gif); } #it-IT #header li#n2 a:hover { background-image: url(../images/it-it-n1-login-over.gif); } #it-IT #header li#n3 a:hover { background-image: url(../images/it-it-n1-investors-over.gif); } #it-IT #header li#n4 a:hover { background-image: url(../images/it-it-n1-worldwide-over.gif); } #it-IT #header li#n1 a.selected { background-image: url(../images/it-it-n1-contact-us-down.gif); } #it-IT #header li#n2 a.selected { background-image: url(../images/it-it-n1-login-down.gif); } #it-IT #header li#n3 a.selected { background-image: url(../images/it-it-n1-investors-down.gif); } #it-IT #header li#n4 a.selected { background-image: url(../images/it-it-n1-worldwide-down.gif); } /* fr-FR only */ #fr-FR #header li#n1 a { width: 44px; background-image: url(../images/fr-fr-n1-contact-us.gif); } #fr-FR #header li#n2 a { width: 53px; background-image: url(../images/fr-fr-n1-login.gif); } #fr-FR #header li#n3 a { width: 64px; background-image: url(../images/fr-fr-n1-investors.gif); } #fr-FR #header li#n4 a { width: 135px; background-image: url(../images/fr-fr-n1-worldwide.gif); } #fr-FR #header li#n1 a:hover { background-image: url(../images/fr-fr-n1-contact-us-over.gif); } #fr-FR #header li#n2 a:hover { background-image: url(../images/fr-fr-n1-login-over.gif); } #fr-FR #header li#n3 a:hover { background-image: url(../images/fr-fr-n1-investors-over.gif); } #fr-FR #header li#n4 a:hover { background-image: url(../images/fr-fr-n1-worldwide-over.gif); } #fr-FR #header li#n1 a.selected { background-image: url(../images/fr-fr-n1-contact-us-down.gif); } #fr-FR #header li#n2 a.selected { background-image: url(../images/fr-fr-n1-login-down.gif); } #fr-FR #header li#n3 a.selected { background-image: url(../images/fr-fr-n1-investors-down.gif); } #fr-FR #header li#n4 a.selected { background-image: url(../images/fr-fr-n1-worldwide-down.gif); } /* Drop downs for worldwide */ #header ol ol{position:absolute;top:-999em;left:430px;width:125px;display:block;background:#4D4D4D none;z-index:1001;border-top:1px solid #B3B8B1;} #header ol li:hover ol,#header ol li.sfHover ol {top:24px;} #header ol ol li{display:list-item;margin:0;padding:0;} #header ol ol li a {display:block;float:none;background:#4D4D4D none!important;margin:0;padding:0;} #header ol ol li a span{display:block;color:#B3B8B1;padding:3px 0 0 5px;} #header ol ol li a:hover span{color:#FFF} #header ol ol li a span img{padding-right:5px;} #header ol ol li ol { position:absolute; left:-999em; width:125px;} #header ol ol li.english:hover ol, #header ol ol li.sfHover ol {left:125px; top:-1px; width:125px; } *html #header ol ol li.english {margin-bottom:0px; border:1px solid #4D4D4D; width:125px;} #header ol ol li ol li {display:list-item;margin:0;padding:0;} #header ol ol li ol li a {display:block;float:none;background:#000 none!important;margin:0;padding:0;} #header ol ol li ol li a span{display:block;color:#B3B8B1;padding:3px 0 0 5px;} #header ol ol li ol li a:hover span{color:#FFF} #header ol ol li ol li a span img{padding-right:5px;} #header fieldset { display: block; position: absolute; right: 0; top: 47px; width: 121px; height: 16px; } #header fieldset #txt-search { display: block; width: 100px; height: 16px; border: 0 none; margin: 0; padding: 0; background: #000 url(../images/bg-search.gif) no-repeat top left; color: #B3B8B1; padding-left: 5px; position: absolute; top: 0; left: 0; font-size: 10px; line-height: 16px; } #header fieldset #btn-search { display: block; width: 16px; height: 16px; border: 0 none; margin: 0; padding: 0; background: #000 url(../images/bg-search.gif) no-repeat 100% 100%; color: #B3B8B1; overflow: hidden; position: absolute; top: 0; left: 100px; cursor: pointer; font-size: 1%; } #header fieldset .txt-search { display: block; width: 100px; height: 16px; border: 0 none; margin: 0; padding: 0; background: #000 url(../images/bg-search.gif) no-repeat top left; color: #B3B8B1; padding-left: 5px; padding-top: 1px; position: absolute; top: 0; left: 0; font-size: 10px; line-height: 16px; } #header fieldset .btn-search { display: block; width: 16px; height: 16px; border: 0 none; margin: 0; padding: 0; background: #000 url(../images/bg-search.gif) no-repeat 100% 100%; color: #B3B8B1; overflow: hidden; position: absolute; top: 0; left: 104px; cursor: pointer; font-size: 1%; } #footer { position: relative; font-size: 10px; padding: 10px 0;} #footer fieldset { display: block; position: absolute; right: 140px; top: 12px; width: 236px; height: 16px; } #en #footer fieldset label { display: block; background: #FFF url(../images/label-free-email-newsletter.gif) no-repeat; width: 180px; height: 16px; position: absolute; top: 0; left: 0; text-indent: -10000px; } #de-DE #footer fieldset label { display: block; background: #FFF url(../images/de-DE-free-email-newsletter.gif) no-repeat; width: 180px; height: 16px; position: absolute; top: 0; left: 0; text-indent: -10000px; } #es-ES #footer fieldset label { display: block; background: #FFF url(../images/es-ES-free-email-newsletter.gif) no-repeat; width: 180px; height: 16px; position: absolute; top: 0; left: 0; text-indent: -10000px; } #it-IT #footer fieldset label { display: block; background: #FFF url(../images/it-IT-free-email-newsletter.gif) no-repeat; width: 180px; height: 16px; position: absolute; top: 0; left: 0; text-indent: -10000px; } #fr-FR #footer fieldset label { display: block; background: #FFF url(../images/it-IT-free-email-newsletter.gif) no-repeat; width: 180px; height: 16px; position: absolute; top: 0; left: 0; text-indent: -10000px; } #footer fieldset #txt-email { display: block; width: 170px; height: 16px; border: 0 none; margin: 0; padding: 0; background: #FFF url(../images/bg-email.gif) no-repeat top left; color: #B3B8B1; padding-left: 5px; position: absolute; top: 0; left: 185px; font-size: 10px; line-height: 16px; } #it-IT #footer fieldset .btn-email, #fr-FR #footer fieldset .btn-email, #es-ES #footer fieldset .btn-email, #de-DE #footer fieldset .btn-email { display: block; width: 16px; height: 16px; border: 0 none; margin: 0; padding: 0; background: #FFF url(../images/bg-email.gif) no-repeat 100% 100%; color: #B3B8B1; overflow: hidden; position: absolute; top: 0; left: 360px; cursor: pointer; font-size: 1%; } #footer p { margin: 0; padding: 2px 0; color: #B3B8B1; } #footer a { color: #B3B8B1; margin-right: 10px; } #footer a:hover { text-decoration: none; } /* new RFI form for EN site */ #footer fieldset .btn-email { display: none; } #en #footer fieldset a { display: block; position: absolute; top: 0; left: 197px; } .separator { display: block; clear: both; background: #FFF url(../images/dots-h.gif) repeat-x 0 0; height: 21px; font-size: 1%; } /** * Left column navigation */ ul#main-nav, ul#main-nav ul {margin:0;padding:0;list-style:none;} ul#main-nav{padding:18px 0;} ul#main-nav ul {display: none; padding-bottom: 13px} ul#main-nav li { margin: 0; padding: 0; display: inline; } ul#main-nav li a { display: inline; background: transparent url(../images/n2-divider.gif) no-repeat 100% 0%; outline: 0 none; color: #FFF; text-decoration: none; } ul#main-nav li ul li a { background-image: none; } ul#main-nav li a span { display: block; height: 30px; text-indent: -10000px;cursor:pointer; } ul#main-nav li a:hover { background-color: #CADC68; } #EN-US ul#main-nav #n1 a span { background-image: url(../images/en-n2-smarter-solar.gif); } #EN-US ul#main-nav #n2 a span { background-image: url(../images/en-n2-for-homes.gif); } #EN-US ul#main-nav #n3 a span { background-image: url(../images/en-n2-for-businesses.gif); } #EN-US ul#main-nav #n4 a span { background-image: url(../images/en-n2-for-power-plants.gif); } #EN-US ul#main-nav #n5 a span { background-image: url(../images/en-n2-products-services.gif); } #EN-US ul#main-nav #n6 a span { background-image: url(../images/en-n2-about-us.gif); } #en-GB ul#main-nav #n1 a span { background-image: url(../images/en-n2-smarter-solar.gif); } #en-GB ul#main-nav #n2 a span { background-image: url(../images/en-n2-for-homes.gif); } #en-GB ul#main-nav #n3 a span { background-image: url(../images/en-n2-for-businesses.gif); } #en-GB ul#main-nav #n4 a span { background-image: url(../images/en-n2-for-power-plants.gif); } #en-GB ul#main-nav #n5 a span { background-image: url(../images/en-n2-products-services.gif); } #en-GB ul#main-nav #n6 a span { background-image: url(../images/en-n2-about-us.gif); } #en UL#main-nav #n1 A SPAN { BACKGROUND-IMAGE: url(../images/00000.jpg) } #en UL#main-nav #n2 A SPAN { BACKGROUND-IMAGE: url(../images/11111.jpg) } /* #en UL#main-nav #n1 A:hover SPAN {BACKGROUND-IMAGE: url(../images/en-n2-candy-solar-over.gif) } */ #en UL#main-nav #n3 A SPAN { BACKGROUND-IMAGE: url(../images/22222.jpg) } /* #en UL#main-nav #n2 A:hover SPAN {BACKGROUND-IMAGE: url(../images/en-n2-for-consumer-over.gif) } */ #en UL#main-nav #n4 A SPAN { BACKGROUND-IMAGE: url(../images/33333.jpg) } /* #en UL#main-nav #n3 A:hover SPAN { BACKGROUND-IMAGE: url(../images/en-n2-for-homes-business-over.gif) } */ #en UL#main-nav #n5 A SPAN { BACKGROUND-IMAGE: url(../images/44444.jpg) } /* #en UL#main-nav #n4 A:hover SPAN { BACKGROUND-IMAGE: url(../images/en-n2-for-government-over.gif) } */ #en UL#main-nav #n6 A SPAN { BACKGROUND-IMAGE: url(../images/55555.jpg) } /* #en UL#main-nav #n5 A:hover SPAN { BACKGROUND-IMAGE: url(../images/en-n2-resources-over.gif) } */ #en UL#main-nav #n7 A SPAN { BACKGROUND-IMAGE: url(../images/66666.jpg) } /* #en UL#main-nav #n6 A:hover SPAN { BACKGROUND-IMAGE: url(../images/en-n2-about-us-over.gif) } */ #de-DE ul#main-nav #n1 a span { background-image: url(../images/de-de-n2-smarter-solar.gif); } #de-DE ul#main-nav #n2 a span { background-image: url(../images/de-de-n2-for-homes.gif); } #de-DE ul#main-nav #n3 a span { background-image: url(../images/de-de-n2-for-businesses.gif); } #de-DE ul#main-nav #n4 a span { background-image: url(../images/de-de-n2-for-power-plants.gif); } #de-DE ul#main-nav #n5 a span { background-image: url(../images/de-de-n2-products-services.gif); } #de-DE ul#main-nav #n6 a span { background-image: url(../images/de-de-n2-about-us.gif); } #es-ES ul#main-nav #n1 a span { background-image: url(../images/es-es-n2-smarter-solar.gif); } #es-ES ul#main-nav #n2 a span { background-image: url(../images/es-es-n2-for-homes.gif); } #es-ES ul#main-nav #n3 a span { background-image: url(../images/es-es-n2-for-businesses.gif); } #es-ES ul#main-nav #n4 a span { background-image: url(../images/es-es-n2-for-power-plants.gif); } #es-ES ul#main-nav #n5 a span { background-image: url(../images/es-es-n2-products-services.gif); } #es-ES ul#main-nav #n6 a span { background-image: url(../images/es-es-n2-about-us.gif); } #it-IT ul#main-nav #n1 a span { background-image: url(../images/it-it-n2-smarter-solar.gif); } #it-IT ul#main-nav #n2 a span { background-image: url(../images/it-it-n2-for-homes.gif); } #it-IT ul#main-nav #n3 a span { background-image: url(../images/it-it-n2-for-businesses.gif); } #it-IT ul#main-nav #n4 a span { background-image: url(../images/it-it-n2-for-power-plants.gif); } #it-IT ul#main-nav #n5 a span { background-image: url(../images/it-it-n2-products-services.gif); } #it-IT ul#main-nav #n6 a span { background-image: url(../images/it-it-n2-about-us.gif); } #fr-FR ul#main-nav #n1 a span { background-image: url(../images/fr-fr-n2-smarter-solar.gif); } #fr-FR ul#main-nav #n2 a span { background-image: url(../images/fr-fr-n2-for-homes.gif); } #fr-FR ul#main-nav #n3 a span { background-image: url(../images/fr-fr-n2-for-businesses.gif); } #fr-FR ul#main-nav #n4 a span { background-image: url(../images/fr-fr-n2-for-power-plants.gif); } #fr-FR ul#main-nav #n5 a span { background-image: url(../images/fr-fr-n2-products-services.gif); } #fr-FR ul#main-nav #n6 a span { background-image: url(../images/fr-fr-n2-about-us.gif); } ul#main-nav li.selected ul { display: block; background-color: #CADC68; } ul#main-nav li.selected ul li ul { display: none;} ul#main-nav li.selected ul li.selected ul { display: block;} ul#main-nav li.selected a {background-color: #CADC68; } /*ul#main-nav li a.at {background: #CADC68 url(../images/n2-selected.gif) no-repeat 100% 50%;}*/ ul#main-nav li a.at {background: #CADC68 no-repeat 100% 50%;} /*ul#main-nav li.selected li a span { background-image: none!important; text-indent: 0; text-align: right; padding: 2px 20px 2px 0; height: auto; } */ UL#main-nav LI.selected LI A SPAN { BACKGROUND-IMAGE: none! important; PADDING-RIGHT: 20px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; TEXT-INDENT: 0px; PADDING-TOP: 2px; HEIGHT: auto; TEXT-ALIGN: right } ul#main-nav li li { font-size: 10px; font-weight: bold; } ul#main-nav li li li { font-size: 10px; font-weight: normal; } ul#main-nav li.selected li a:hover { background-color: #CADC68; } ul#main-nav li.selected li ul li a { color: #986E0C; /*background-color: #F3C65A;*/ } ul#main-nav li.selected li ul li a:hover { background-color: transparent; color: #C28D0E; } /** * HOMEPAGE */ /** * hero images */ #hero {width:724px;min-height:235px;overflow:visible;position:relative;z-index:1} #hero ul{display: block; margin: 0; padding: 0; list-style: none;z-index:1} #hero ul li{margin: 0; padding: 0; list-style: none;} #hero map{position:relative;z-index:10} /** * news ticker */ #news { display: block; margin: 0; padding: 0; list-style: none!important; border-bottom: 1px solid #B3B8B1; height: 24px; background-color: transparent; background-position: top left; background-repeat: no-repeat;overflow:hidden; } #news li { margin: 0; padding: 0 0 10px 0; list-style: none!important; line-height: 23px; color: #000000; font-size: 14px; } #news li span {padding-right:10px;} #news li a {color: #000000; text-decoration: none; } #news li a:hover {text-decoration: underline; } #EN-US #news { background-image: url(../images/en-us-h3-news.gif); } #en #news { background-image: url(../images/en-us-h3-news.gif); padding-left: 80px; } #de-DE #news { background-image: url(../images/de-de-h3-news.gif); padding-left: 121px; } #es-ES #news { background-image: url(../images/es-es-h3-news.gif); padding-left: 95px; } #it-IT #news { background-image: url(../images/it-it-h3-news.gif); padding-left: 85px; } /** * boxes */ #home-boxes { clear: both; background: transparent url(../images/bg-home-boxes.gif) repeat-y;min-height:145px;height:auto; } * html #home-boxes {height:145px;} #home-boxes .home-box { padding: 10px 10px 10px 10px; float: left; margin-right: 1px; } #home-boxes #home-box1 { width: 201px; } #home-boxes #home-box2 { width: 231px; } #home-boxes #home-box3 { width: 223px; } #home-boxes .home-box-content {clear:both;margin:0 auto;padding:0; } #home-boxes .home-box-content img { display: block; } #home-boxes .home-box-content a { text-decoration: none; } /** * SUB PAGES */ img.hero-sub { padding-right: 15px; padding-bottom: 5px; } h1 { color: #0076BD; font-size: 18px; /* text-transform: uppercase; */ margin-top: 0px; } /* Right Column sections */ .section { padding-bottom: 15px; clear: both; } .section img { /*padding-right: 5px;*/ } #col-main-content li { list-style-type: disc; } #col-main-content table td { padding: 5px; } /** * Products + Services */ h2 { /* color: #b3c5cb; */ color: #F0AB00; font-size: 15px; font-weight: bold; text-transform: uppercase; padding-top: 20px; } /* * Teasers */ .body-section-large-container{clear:both} .body-section-large{clear:both;background-color:#B3C5CB;margin-bottom:8px;margin-top:8px;min-height:100px;height:auto} * html .body-section-large{height:100px} .body-section-large img{float:left} .body-section-large .section-copy{float:right;width:274px;padding:20px 13px 0 13px} .body-section-large .section-copy h3 a{font-size:16px;color:#FFF;text-transform:uppercase;text-decoration:none} .body-section-small-container{clear:both;min-height:1px;height:auto; padding-top: 20px;padding-bottom: 10px;} * html .body-section-small-container{height:1px} .body-section-small{width:235px;float:left;padding-left:14px;min-height:50px;height:auto;background:#FFF url(../images/dots-v.gif) repeat-y 0 0} * html .body-section-small{height:50px} .section-copy { font-size: 10px; } .section-copy p { margin-top: 0; } h3.headline { display: block; clear: both; margin: 0; padding: 0; } h3.headline a { font-weight: bold; color: #000; text-decoration: none; text-transform: uppercase; } h3.headline a:hover { color: #9EA39B } h3.headline img { float: none; } div.smarter_detail { width: 120px; padding: 0 0px 20px 0px; height: 180px; float: left; } div.smarter_detail p { padding-top:1px; } div.smarter_detail_foot { width: 120px; padding: 0 0px 20px 0px; height: 110px; float: left; } div.smarter_detail_foot p { padding-top:1px; } /** * Table layout */ .sub th { padding: 10px 0 0px 0; font-weight: bold; text-transform: uppercase; color: #F0AB00; background:#FFF url(http://www.sunpowercorp.com/theme/sunpower/images/dots-h.gif) repeat-x top; } .sub td a { display: block; } .sub th .th { width: 100%; background:#FFF url(http://www.sunpowercorp.com/theme/sunpower/images/dots-h.gif) repeat-x bottom; padding: 0 0 10px 0; } .sub td { vertical-align: top; } .sub .nobr { white-space: nowrap; } /* * lists */ .sub div#col-main-content li { list-style-image: url(/theme/sunpower/images/li_bullet.gif); } .sub div#col-main-content ul { margin-left: 1em; padding-left: 1em; margin-top: 2px; padding-top: 0px; } .sub div#col-main-content ul.normal_list li { padding-left:0px; margin-left: 0px; list-style-image: none; } .sub div#col-main-content ul.normal_list { padding-left: 130px; margin-left: 130px; } /* * case study list */ #case_study_index img { vertical-align: middle; padding-right: 5px; } /** * Photo Galleries */ .PG-container{width:403px;border:1px solid #DDD;padding:0 40px;margin:0 auto;position:relative;clear:both} .PG-container a.button{border:0;background-color:#FFF;color:#CCC;font-weight:normal;font-size:24px;position:absolute;top:30px;width:40px;text-decoration:none;text-align:center} .PG-container a.button:hover{background-color:#FFF;color:#F0AB00} .PG-container a.disabled{pointer:default} .PG-container .next{right:0;} .PG-container .prev{left:0;} .PG li{display:block;padding:10px 7px} .PG li a{display:inline;outline:0 none} .PG li a img{display:block;padding:4px;border:1px solid #EEE;clear:both} .PG li a:hover img{border:1px solid #F0AB00} .PG-container br{clear:both!important;height:0;} H2.gallery_heading {padding: 0; margin: 0px 0 10px 0; display: block;} /** * SalesForce Lead form */ #sf { margin: 0px 0px 0px 0px; } #sf { padding: 0px 0px 0px 0px; } #sf {border: 0px #DDDDDD solid} #sf {clear:both} #sf br{display:block;clear:both;line-height:10px} #sf .label, #sf .input, #sf .select, #sf .textarea{float:left;margin-bottom:10px;padding:3px} #sf .label{display:block;width:160px;padding-left:0} #sf .input, #sf .select, #sf .textarea, .button{border:1px solid #B3B8B1} #sf .textarea{float:none;width:300px;height:235px} .button{float:right;margin:15px 15px 15px 0;padding:3px 10px;background-color:#F3BC33;color:#FFF;font-weight:bold;border-color:#F0AB00} #sf .checkboxlist label{padding-left:4px;padding-right:15px} #sf #stateNote { display: none; } #sf .required { font-weight:bold; } #sf .checkboxleft {float:left; } #sf .checkboxright {float:left; } #sf .checkboxright p { padding: 0px 0px 0px 0px; margin:0px 0px 5px 0px; } #sf .bottomnote {float:left; font-style:italic;margin:15px 0px 0px 0px;} /** * SPOTS Lead form */ #SPOTS_form { margin: 0px 0px 0px 0px; } #SPOTS_form { padding: 0px 0px 0px 0px; } #SPOTS_form {border: 0px #DDDDDD solid} #SPOTS_form {clear:both} #SPOTS_form br{display:block;clear:both;line-height:10px} #SPOTS_form .label, #SPOTS_form .input, #SPOTS_form .select, #SPOTS_form .textarea{float:left;margin-bottom:10px;padding:3px} #SPOTS_form .label{display:block;width:160px;padding-left:0} #SPOTS_form .input, #SPOTS_form .select, #SPOTS_form .textarea, .button{border:1px solid #B3B8B1} #SPOTS_form .textarea{float:none;width:300px;height:235px} .button{float:right;margin:15px 15px 15px 0;padding:3px 10px;background-color:#F3BC33;color:#FFF;font-weight:bold;border-color:#F0AB00} #SPOTS_form .checkboxlist label{padding-left:4px;padding-right:15px} #SPOTS_form #stateNote { display: none; } #SPOTS_form .required { font-weight:bold; } #SPOTS_form .checkboxleft {float:left; } #SPOTS_form .checkboxright {float:left; } #SPOTS_form .checkboxright p { padding: 0px 0px 0px 0px; margin:0px 0px 5px 0px; } #SPOTS_form .bottomnote {float:left; font-style:italic;margin:15px 0px 0px 0px;} #SPOTS_form .label, #SPOTS_form input, #SPOTS_form select, #SPOTS_form textarea {float:none;margin-bottom:0px;padding:0px;} #SPOTS_form br{display:block;clear:both;line-height:0px;} #SPOTS_form .button{cursor:pointer;float:right;margin:15px 0px 0px 0px;padding:5px 5px 5px 5px;background-color:#F3BC33;color:#FFF;font-weight:bold;border-color:#F0AB00;font-size:14px} #SPOTS_form .label{display:block;width:150px;padding-left:0px;margin-left:0px;margin-top:3px;} #SPOTS_form table td { padding: 0px; } #SPOTS_form table td {padding-right:20px; height:25px;} #SPOTS_form table {font-size:inherit;font:100% arial,helvetica,clean,sans-serif;} #SPOTS_form .checkbox { padding-left:0;margin-left:0;width:15px; } #SPOTS_form select { font-size: 11px; } /* * global */ img.padded{padding-right:10px;padding-bottom:8px} /* * How to Buy */ .howtobuy { background-color: #ACC0C6; padding: 10px 10px 10px 210px; margin-bottom: 20px; } .sub div#col-main-content .howtobuy li { padding: 2px 0 2px 0; list-style-image: none; } #en #howtobuy_res_1 { background: #ACC0C6 url(~/media/69FF31ED83FB44AFA4109C16A160356B.ashx) no-repeat 10px center; } #en #howtobuy_res_2 { background: #ACC0C6 url(~/media/817940C5742843C78E6A2D1F28D54A10.ashx) no-repeat 10px center; } #en #howtobuy_res_3 { background: #ACC0C6 url(~/media/1BD92AF04B874CDD96286439DC47619E.ashx) no-repeat 10px center; } #en #howtobuy_res_4 { background: #ACC0C6 url(~/media/E8BC54AC89B74D2690D084881718E78C.ashx) no-repeat 10px center; } #en #howtobuy_bus_1 { background: #ACC0C6 url(~/media/11E866D394404EADB2E742A8FEA8B7CE.ashx) no-repeat 10px center; } #en #howtobuy_bus_2 { background: #ACC0C6 url(~/media/04E5785F28754E64A6F44A22AC821363.ashx) no-repeat 10px center; } #en #howtobuy_bus_3 { background: #ACC0C6 url(~/media/D7F9B5BC4DD643979E309099B35C1A65.ashx) no-repeat 10px center; } #en #howtobuy_bus_4 { background: #ACC0C6 url(~/media/23D2C652B563462CA085968DD3683900.ashx) no-repeat 10px center; } #en #howtobuy_pow_1 { background: #ACC0C6 url(~/media/11E866D394404EADB2E742A8FEA8B7CE.ashx) no-repeat 10px center; } #en #howtobuy_pow_2 { background: #ACC0C6 url(~/media/04E5785F28754E64A6F44A22AC821363.ashx) no-repeat 10px center; } #en #howtobuy_pow_3 { background: #ACC0C6 url(~/media/BC19FD7784ED47648FF02209579C04DA.ashx) no-repeat 10px center; } #en #howtobuy_pow_4 { background: #ACC0C6 url(~/media/33F9AA02FCB04F0195884CA63286618C.ashx) no-repeat 10px center; } /* German How to Buy */ #de-DE #howtobuy_res_1 { background: #ACC0C6 url(/theme/sunpower/images/de-de-htb-res-1.gif) no-repeat 10px center;} #de-DE #howtobuy_res_2 { background: #ACC0C6 url(/theme/sunpower/images/de-de-htb-res-2.gif) no-repeat 10px center;} #de-DE #howtobuy_res_3 { background: #ACC0C6 url(/theme/sunpower/images/de-de-htb-res-3.gif) no-repeat 10px center;} #de-DE #howtobuy_res_4 { background: #ACC0C6 url(/theme/sunpower/images/de-de-htb-res-4.gif) no-repeat 10px center;} #de-DE #howtobuy_bus_1 { background: #ACC0C6 url(/theme/sunpower/images/de-de-htb-bus-1.gif) no-repeat 10px center;} #de-DE #howtobuy_bus_2 { background: #ACC0C6 url(/theme/sunpower/images/de-de-htb-bus-2.gif) no-repeat 10px center;} #de-DE #howtobuy_bus_3 { background: #ACC0C6 url(/theme/sunpower/images/de-de-htb-bus-3.gif) no-repeat 10px center;} #de-DE #howtobuy_bus_4 { background: #ACC0C6 url(/theme/sunpower/images/de-de-htb-bus-4.gif) no-repeat 10px center;} #de-DE #howtobuy_pow_1 { background: #ACC0C6 url(/theme/sunpower/images/de-de-htb-pow-1.gif) no-repeat 10px center;} #de-DE #howtobuy_pow_2 { background: #ACC0C6 url(/theme/sunpower/images/de-de-htb-bus-2.gif) no-repeat 10px center;} #de-DE #howtobuy_pow_3 { background: #ACC0C6 url(/theme/sunpower/images/de-de-htb-bus-3.gif) no-repeat 10px center;} #de-DE #howtobuy_pow_4 { background: #ACC0C6 url(/theme/sunpower/images/de-de-htb-bus-4.gif) no-repeat 10px center;} /* Spanish How to Buy */ #es-ES #howtobuy_res_1 { background: #ACC0C6 url(/theme/sunpower/images/es-es-htb-res-1.gif) no-repeat 10px center;} #es-ES #howtobuy_res_2 { background: #ACC0C6 url(/theme/sunpower/images/es-es-htb-res-2.gif) no-repeat 10px center;} #es-ES #howtobuy_res_3 { background: #ACC0C6 url(/theme/sunpower/images/es-es-htb-res-3.gif) no-repeat 10px center;} #es-ES #howtobuy_res_4 { background: #ACC0C6 url(/theme/sunpower/images/es-es-htb-res-4.gif) no-repeat 10px center;} #es-ES #howtobuy_bus_1 { background: #ACC0C6 url(/theme/sunpower/images/es-es-htb-bus-1.gif) no-repeat 10px center;} #es-ES #howtobuy_bus_2 { background: #ACC0C6 url(/theme/sunpower/images/es-es-htb-bus-2.gif) no-repeat 10px center;} #es-ES #howtobuy_bus_3 { background: #ACC0C6 url(/theme/sunpower/images/es-es-htb-bus-3.gif) no-repeat 10px center;} #es-ES #howtobuy_bus_4 { background: #ACC0C6 url(/theme/sunpower/images/es-es-htb-bus-4.gif) no-repeat 10px center;} #es-ES #howtobuy_pow_1 { background: #ACC0C6 url(/theme/sunpower/images/es-es-htb-pow-1.gif) no-repeat 10px center;} #es-ES #howtobuy_pow_2 { background: #ACC0C6 url(/theme/sunpower/images/es-es-htb-bus-2.gif) no-repeat 10px center;} #es-ES #howtobuy_pow_3 { background: #ACC0C6 url(/theme/sunpower/images/es-es-htb-bus-3.gif) no-repeat 10px center;} #es-ES #howtobuy_pow_4 { background: #ACC0C6 url(/theme/sunpower/images/es-es-htb-bus-4.gif) no-repeat 10px center;} /* Italian How to Buy */ #it-IT #howtobuy_res_1 { background: #ACC0C6 url(/theme/sunpower/images/it-it-htb-res-1.gif) no-repeat 10px center; } #it-IT #howtobuy_res_2 { background: #ACC0C6 url(/theme/sunpower/images/it-it-htb-res-2.gif) no-repeat 10px center; } #it-IT #howtobuy_res_3 { background: #ACC0C6 url(/theme/sunpower/images/it-it-htb-res-3.gif) no-repeat 10px center; } #it-IT #howtobuy_res_4 { background: #ACC0C6 url(/theme/sunpower/images/it-it-htb-res-4.gif) no-repeat 10px center; } #it-IT #howtobuy_bus_1 { background: #ACC0C6 url(/theme/sunpower/images/it-it-htb-bus-1.gif) no-repeat 10px center; } #it-IT #howtobuy_bus_2 { background: #ACC0C6 url(/theme/sunpower/images/it-it-htb-bus-2.gif) no-repeat 10px center; } #it-IT #howtobuy_bus_3 { background: #ACC0C6 url(/theme/sunpower/images/it-it-htb-bus-3.gif) no-repeat 10px center; } #it-IT #howtobuy_bus_4 { background: #ACC0C6 url(/theme/sunpower/images/it-it-htb-bus-4.gif) no-repeat 10px center; } #it-IT #howtobuy_pow_1 { background: #ACC0C6 url(/theme/sunpower/images/it-it-htb-pow-1.gif) no-repeat 10px center; } #it-IT #howtobuy_pow_2 { background: #ACC0C6 url(/theme/sunpower/images/it-it-htb-bus-2.gif) no-repeat 10px center; } #it-IT #howtobuy_pow_3 { background: #ACC0C6 url(/theme/sunpower/images/it-it-htb-bus-3.gif) no-repeat 10px center; } #it-IT #howtobuy_pow_4 { background: #ACC0C6 url(/theme/sunpower/images/it-it-htb-bus-4.gif) no-repeat 10px center; } /* * Contact Us */ .address { float: left; width: 200px; padding: 0 20px 20px 0; } #esp div { display: none; } #esp #esp_get_started { display: block; } .sub div#col-main-content .numbered-list li { list-style-type: decimal; list-style-image: none; } /* Partners Table */ #partners_table p { padding-left: 20px; } #partners_table td { padding: 15px 0px 15px 0px !important; vertical-align: middle; } #partners_table .leftcol { text-align: center; } /* Podcasts */ #podcast_listing, #newsroom_listing { padding: 10px 0px 10px 0px; } .podcast_item { padding: 10px 0px 10px 0px; margin-left:0px; } .podcast_separator, .item_separator { width: 100%; height:30px; background:#FFF url(/theme/sunpower/images/dots-h.gif) repeat-x center; } #subscribe_to_podcast { float:right; } /* Newsroom directives */ #newsroom_feature { width: 485px; } #newsroom_feature img { float:left; } #newsroom_feature h2 { padding:0px 0px 0px 0px; margin: 10px 0px 0px 0px; } .body-section-newsroom {width: 156px; float:left;background-color:#B3C5CB;margin-bottom:8px;margin-top:30px;padding: 0px 0px 0px 0px;margin: 30px 0px 8px 0px;height:130px} * html .body-section-newsroom {height:130px} .body-section-newsroom img{float:left} .body-section-newsroom .section-copy{float:left;width:130px;padding:5px 13px 0px 0px; margin:0px 0px 0px 0px;} .body-section-newsroom .section-copy h3 a{font-size:12px;color:#FFF;text-transform:uppercase;text-decoration:none;} .body-section-newsroom .section-copy p {margin-left:12px;} #newsroom_listing .thumbnail { float: right; } #blue_sub_header { font-size:18px; text-transform:uppercase; color:#0076B6; padding-bottom:5px } /* na_b2c_signup page specific styles */ #b2c_image { margin:-33px 0 10px -15px; } #b2c_required { color:#999999; font-size:10px; font-style:italic; } #b2c_disclaimer { color:#999999; font-size:10px; font-style:italic; margin-top:90px; }