/* Undo HTML */ h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;} ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;} a img,:link img,:visited img {border: none;} address {font-style: normal;} ul,ol,dl,li { list-style-type: none; } /* Basics */ html { height: 100%; margin-bottom: 1px; } body { background: #FFF; font: 12px Arial, Helvetica, Verdana, sans serif; } a:link, a:visited, a:hover, a:active { color: #DF5E34; } .clear { clear: both; } /* Formatting */ #content {color: #838182; font-size: 12px; line-height: 14px;} h2 {height: 28px; margin: 0 0 10px 0; border-bottom: 1px solid #ccc; background-repeat: no-repeat; color: #838182;} h3 {font-weight: normal; font-size: 20px; line-height: 24px; margin: 0 0 18px 0; color: #565050;} h3 .highlight {color: #DF5E34;} h5 {font-weight: bold; margin-bottom: 14px;} h6 {font-weight: bold; color: #DF5E34; margin: 0 0 4px 0;} h6 a {color: #DF5E34;} p {margin: 0 0 20px 0; color:#838182;} .highlight { color: #000;} .center {text-align:center;} ul.plus-list li {list-style:inside url('../images/plus-gray.gif');} /* Global Page Layout */ body {background: #fff url('../images/bg-gradient-gray.jpg') repeat-x top left;} #wrapper {margin: 0 auto; width:960px; position:relative;} #siteHead {width:940px; height:90px; padding:0 10px 10px 10px; margin:0 auto; background-color:#fff;} #pageHead {width:940px; margin:0 auto; padding:0 10px; min-height:40px; background-color:#fff;} .subnav { margin: 10px 0;} #content { width: 940px; min-height:200px; margin:0 auto; padding: 0 10px; background-color:#fff;} /* Top Level Navigation */ #siteHead dt { float: left; width:104px; min-height:90px;} #siteHead dt a { display: block; overflow: hidden; width: 100px; height: 0; padding-top: 90px; background: url('../images/topnav.gif') no-repeat top left; } #siteHead dd { height: 90px; background: #fff url('../images/topnav.gif') no-repeat top right; } #siteHead li { float: left; } #siteHead li a { display: block; overflow: hidden; width: 98px; height: 0; padding-top: 90px; } #siteHead li.current a, #siteHead li a:hover { background: url('../images/topnav.gif') no-repeat 0 -100px; } #siteHead li.current a.technology, #siteHead li a.technology:hover { background-position: -105px -100px; } #siteHead li.current a.applications, #siteHead li a.applications:hover { background-position: -203px -100px; } #siteHead li.current a.products, #siteHead li a.products:hover { background-position: -301px -100px; } #siteHead li.current a.news, #siteHead li a.news:hover { background-position: -399px -100px; } #siteHead li.current a.company, #siteHead li a.company:hover { background-position: -497px -100px; } /* Page Headers */ #siteHead dd #ir-cu { font-size:9px; padding-left:800px; padding-top:10px; position:absolute; } #pageHead dl.page-head {height:0; width:940px; /*padding-top set below*/ overflow:hidden; margin:0 auto; background-repeat:no-repeat; background-position:top center;} #pageHead dl.home {padding-top:350px; background-image:url('../images/pagehead/home.jpg')} #pageHead dl.technology {padding-top:350px; background-image:url('../images/pagehead/technology.jpg');} #pageHead dl.power {padding-top:350px; background-image:url('../images/pagehead/power.jpg');} #pageHead dl.safety {padding-top:350px; background-image:url('../images/pagehead/safety.jpg');} #pageHead dl.life {padding-top:350px; background-image:url('../images/pagehead/life.jpg');} #pageHead dl.products {padding-top:120px; background-image:url('../images/pagehead/products.jpg');} #pageHead dl.news {padding-top:120px; background-image:url('../images/pagehead/news.jpg');} #pageHead dl.company {padding-top:260px; background-image:url('../images/pagehead/company.jpg');} #pageHead dl.investors {padding-top:260px; background-image:url('../images/pagehead/investors.jpg');} #pageHead dl.investor-relations {padding-top:120px; background-image:url('../images/investor-relations.jpg');} #pageHead dl.contact {padding-top:260px; background-image:url('../images/pagehead/contact.jpg');} #pageHead dl.careers {padding-top:260px; background-image:url('../images/pagehead/careers.jpg');} #pageHead dl.applications {padding-top:350px; background-image:url('../images/pagehead/applications.jpg')} #pageHead dl.transportation {padding-top:350px; background-image:url('../images/pagehead/transportation.jpg')} #pageHead dl.hybrid-electric {padding-top:350px; background-image:url('../images/pagehead/hybrid-electric.jpg');} #pageHead dl.plug-in-hybrid {padding-top:350px; background-image:url('../images/pagehead/plug-in-hybrid.jpg');} #pageHead dl.electric-vehicles {padding-top:350px; background-image:url('../images/pagehead/electric-vehicles.jpg');} #pageHead dl.heavy-duty {padding-top:350px; background-image:url('../images/pagehead/heavy-duty.jpg');} #pageHead dl.aviation {padding-top:350px; background-image:url('../images/pagehead/aviation.jpg');} #pageHead dl.portable-power {padding-top:350px; background-image:url('../images/pagehead/portable-power.jpg');} #pageHead dl.back-up-power {padding-top:350px; background-image:url('../images/pagehead/back-up-power.jpg');} #pageHead dl.grid-stabilization {padding-top:350px; background-image:url('../images/pagehead/grid-stabilization.jpg');} #pageHead dl.government {padding-top:350px; background-image:url('../images/pagehead/government.jpg');} #pageHead dl.team {padding-top:260px; background-image:url('../images/pagehead/team.jpg');} #pageHead dl.team-vieau {padding-top:260px; background-image:url('../images/pagehead/team-vieau.jpg');} #pageHead dl.team-chang {padding-top:260px; background-image:url('../images/pagehead/team-chang.jpg');} #pageHead dl.team-chiang {padding-top:260px; background-image:url('../images/pagehead/team-chiang.jpg');} #pageHead dl.team-fulop {padding-top:260px; background-image:url('../images/pagehead/team-fulop.jpg');} #pageHead dl.team-golato {padding-top:260px; background-image:url('../images/pagehead/team-golato.jpg');} #pageHead dl.team-johnson {padding-top:260px; background-image:url('../images/pagehead/team-johnson.jpg');} #pageHead dl.team-pyenson {padding-top:260px; background-image:url('../images/pagehead/team-pyenson.jpg');} #pageHead dl.team-riley {padding-top:260px; background-image:url('../images/pagehead/team-riley.jpg');} #pageHead dl.team-rubino {padding-top:260px; background-image:url('../images/pagehead/team-rubino.jpg');} #pageHead dl.team-sanders {padding-top:260px; background-image:url('../images/pagehead/team-sanders.jpg');} #pageHead dl.team-zheng {padding-top:260px; background-image:url('../images/pagehead/team-zheng.jpg');} #pageHead dl.team-cole {padding-top:260px; background-image:url('../images/pagehead/team-cole.jpg');} #pageHead dl.board-of-directors {padding-top:260px; background-image:url('../images/pagehead/board-of-directors.jpg');} #pageHead dl.board-deshpande {padding-top:260px; background-image:url('../images/pagehead/board-deshpande.jpg');} #pageHead dl.board-goldstein {padding-top:260px; background-image:url('../images/pagehead/board-goldstein.jpg');} #pageHead dl.board-haroian {padding-top:260px; background-image:url('../images/pagehead/board-haroian.jpg');} #pageHead dl.board-jacobs {padding-top:260px; background-image:url('../images/pagehead/board-jacobs.jpg');} #pageHead dl.board-mccarthy {padding-top:260px; background-image:url('../images/pagehead/board-mccarthy.jpg');} #pageHead dl.board-anderson {padding-top:260px; background-image:url('../images/pagehead/board-anderson.jpg');} #pageHead dl.board-dapra {padding-top:260px; background-image:url('../images/pagehead/board-dapra.jpg');} #pageHead dl.board-howard {padding-top:260px; background-image:url('../images/pagehead/board-howard.jpg');} #pageHead dl.board-kim {padding-top:260px; background-image:url('../images/pagehead/board-kim.jpg');} #pageHead dl.board-mabbs {padding-top:260px; background-image:url('../images/pagehead/board-mabbs.jpg');} #pageHead dl.board-little {padding-top:260px; background-image:url('../images/pagehead/board-little.jpg');} #pageHead dl.board-moritz {padding-top:260px; background-image:url('../images/pagehead/board-moritz.jpg');} #pageHead dl.board-trbovich {padding-top:260px; background-image:url('../images/pagehead/board-trbovich.jpg');} #pageHead dl.board-vieau {padding-top:260px; background-image:url('../images/pagehead/board-vieau.jpg');} /*-----2nd Level Navigation-----*/ #pageHead .subnav dd { display: none; } #pageHead .subnav a { display: block; overflow: hidden; height: 0; padding-top: 25px; } #pageHead .subnav li { float: left; position: relative; z-index:10;} #pageHead .subnav li dd { position: absolute; bottom: 25px; left: 0; } #pageHead .subnav li.on dd { display: block; } #pageHead .subnav li li { float: none; margin: 0; border-bottom: 1px solid #fff; } /* Applications Nav */ #applicationsNav a { background: url('../images/nav/subnav-applications.gif') no-repeat 0 0; } #applicationsNav a.transportation { width: 229px; background-position: 0 -130px; } #applicationsNav a.transportation:hover, #applicationsNav li.on .transportation, #applicationsNav li.current .transportation { background-position: 0 -156px; } #applicationsNav a.portable-power { width: 233px; background-position: -229px -130px; } #applicationsNav a.portable-power:hover, #applicationsNav li.current .portable-power { background-position: -229px -156px; } #applicationsNav a.back-up-power { width: 259px; background-position: -456px -130px; } #applicationsNav a.backup-power, #applicationsNav li.current .back-up-power { background-position: -456px -156px; } #applicationsNav a.grid-stabilization { width: 243px; background-position: -462px -130px; } #applicationsNav a.grid-stabilization:hover, #applicationsNav li.current .grid-stabilization { background-position: -462px -156px; } #applicationsNav a.government { width: 235px; background-position: -705px -130px; } #applicationsNav a.government:hover, #applicationsNav li.current .government { background-position: -705px -156px; } #applicationsNav a.hybrid-electric { width: 229px; background-position: 0 0; } #applicationsNav a.hybrid-electric:hover, #applicationsNav li.current li.current .hybrid-electric { background-position: -229px 0; } #applicationsNav a.plug-in-hybrid { width: 229px; background-position: 0 -26px; } #applicationsNav a.plug-in-hybrid:hover, #applicationsNav li.current li.current .plug-in-hybrid { background-position: -229px -26px; } #applicationsNav a.electric-vehicles { width: 229px; background-position: 0 -52px; } #applicationsNav a.electric-vehicles:hover, #applicationsNav li.current li.current .electric-vehicles { background-position: -229px -52px; } #applicationsNav a.heavy-duty { width: 229px; background-position: 0 -78px; } #applicationsNav a.heavy-duty:hover, #applicationsNav li.current li.current .heavy-duty { background-position: -229px -78px; } #applicationsNav a.aviation { width: 229px; background-position: 0 -104px; } #applicationsNav a.aviation:hover, #applicationsNav li.current li.current .aviation { background-position: -229px -104px; } /* Technology Nav */ #technologyNav a { background: url('../images/nav/subnav-technology.gif') no-repeat 0 0; } #technologyNav a.overview {width:249px; background-position:0 0;} #technologyNav a.overview:hover, #technologyNav li.current .overview {background-position:0 -26px;} #technologyNav a.power {width:206px; background-position:-250px 0;} #technologyNav a.power:hover, #technologyNav li.current .power {background-position:-250px -26px;} #technologyNav a.safety {width:259px; background-position:-456px 0;} #technologyNav a.safety:hover, #technologyNav li.current .safety {background-position:-456px -26px;} #technologyNav a.life {width:226px; background-position:-715px 0;} #technologyNav a.life:hover, #technologyNav li.current .life {background-position:-715px -26px;} /* Company Nav */ #companyNav a { background: url('../images/nav/subnav-company.gif') no-repeat 0 0;} #companyNav a.overview {width:152px; background-position:0 0;} #companyNav a.overview:hover, #companyNav li.current .overview {background-position:0 -26px;} #companyNav a.team {width:122px; background-position:-152px 0;} #companyNav a.team:hover, #companyNav li.current .team {background-position:-152px -26px;} #companyNav a.board-of-directors {width:218px; background-position:-274px 0;} #companyNav a.board-of-directors:hover, #companyNav li.current .board-of-directors {background-position:-274px -26px;} #companyNav a.investors {width:155px; background-position:-492px 0;} #companyNav a.investors:hover, #companyNav li.current .investors {background-position:-492px -26px;} #companyNav a.contact {width:143px; background-position:-647px 0;} #companyNav a.contact:hover, #companyNav li.current .contact {background-position:-647px -26px;} #companyNav a.careers {width:150px; background-position:-790px 0;} #companyNav a.careers:hover, #companyNav li.current .careers {background-position:-790px -26px;} /*-----end 2nd level nav-----*/ /* Image Replace Headers */ #wrapper .image-replace {height:0; overflow:hidden; background-repeat:no-repeat; background-position:top left; background-color:transparent;} #wrapper h2.product-features {padding-top:30px; background-image:url('../images/headers/product-features.gif');} #wrapper h2.charts-graphs {padding-top:30px; background-image:url('../images/headers/charts-graphs.gif');} #wrapper h2.get-started {padding-top:30px; background-image:url('../images/headers/get-started.gif');} #wrapper h2.transportation-applications {padding-top:30px; background-image:url('../images/headers/transportation-applications.gif');} #wrapper h2.electric-vehicles-details {padding-top:30px; background-image:url('../images/headers/electric-vehicles-details.gif');} #wrapper h2.heavy-duty-details {padding-top:30px; background-image:url('../images/headers/heavy-duty-details.gif');} #wrapper h2.aviation-details {padding-top:30px; background-image:url('../images/headers/aviation-details.gif');} #wrapper h2.cordless-details {padding-top:30px; background-image:url('../images/headers/cordless-details.gif');} #wrapper h2.portable-power-details {padding-top:30px; background-image:url('../images/headers/portable-power-details.gif');} #wrapper h2.back-up-power-details {padding-top:30px; background-image:url('../images/headers/grid-stabilization-details.gif');} #wrapper h2.government-details {padding-top:30px; background-image:url('../images/headers/government-details.gif');} #wrapper dt.cells {padding-top:20px; background-image:url('../images/headers/cells.gif');} #wrapper h2.explore-our-news {padding-top:20px; background-image:url('../images/headers/explore-our-news.gif'); width:123px;} #wrapper h2.pr-contact {padding-top:20px; background-image:url('../images/headers/pr-contact.gif'); width:93px;} #wrapper h2.logo-download {padding-top:20px; background-image:url('../images/headers/logo-download.gif'); width:110px;} #wrapper h2.press-releases {padding-top:28px; background-image:url('../images/headers/press-releases.gif'); width:144px; border:none;} #wrapper h2.in-the-news {padding-top:28px; background-image:url('../images/headers/in-the-news.gif'); width:144px; border:none;} #wrapper h2.headquarters {padding-top:30px; background-image:url('../images/headers/headquarters.gif');} #wrapper h2.core-competencies {padding-top:30px; background-image:url('../images/headers/core-competencies.gif');} #wrapper h2.management-team {padding-top:30px; background-image:url('../images/headers/management-team.gif');} #wrapper h2.board-of-directors {padding-top:30px; background-image:url('../images/headers/board-of-directors.gif');} #wrapper h2.divisions {padding-top:30px; background-image:url('../images/headers/divisions.gif');} #wrapper h1.product-evaluation {padding-top:51px; background-image:url('../images/headers/product-evaluation.gif');} #wrapper h1.legal-copyright {padding-top:51px; background-image:url('../images/headers/legal-copyright.gif');} #wrapper h1.privacy-policy {padding-top:51px; background-image:url('../images/headers/privacy-policy.gif');} /*-----Content Area Layouts-----*/ #wrapper div.grass {background:url('../images/grass.jpg') #fff no-repeat center bottom; padding-bottom: 65px;} /* "CLC" (copy-list-callout) Layout */ .layout-clc .copy-content {width:420px; padding:10px 10px; float:left;} .layout-clc .list-content {width:270px; padding:5px 24px 10px; float:left;} .layout-clc .fused-content {width:750px; padding:10px; float:left;} .layout-clc .callout-content {width:158px; padding:5px 0 10px; float:left;} .layout-clc .copy-content {font-size: 12px; line-height: 15px;} .layout-clc .copy-content ul {margin-bottom: 20px;} .layout-clc .copy-content .smText {font-size: 12px; line-height: 14px;} .layout-clc .copy-content .smText p {margin: 0 0 14px 0;} .layout-clc .list-content ul {margin: 0 0 12px 0;} .layout-clc .list-content li {font-size: 11px; margin: 0 0 2px 0; line-height: 14px;} .layout-clc .list-content .link-list li {background:url('../images/atom.gif') 0 0 no-repeat; padding-left:25px;} .layout-clc .list-content .link-list li.hover {background-image:url('../images/atom.gif'); background-position:0 -500px;} .layout-clc .list-content .link-list li li {background:none; padding-left:0;} .layout-clc .list-content .link-list li a {color:#88a123;} .layout-clc .list-content .people-list li.active a {font-weight:bold; color:#565050;} .layout-clc .callout-content .contactOpts {border-bottom: 1px solid #ccc;} .layout-clc .callout-content .contactOpts li {height: 25px; background-repeat: no-repeat; padding: 0 0 0 25px; color: #565050; line-height: 20px; vertical-align: middle;} .layout-clc .callout-content .contactOpts li a {color: #9BB02F;} .layout-clc .callout-content .contactOpts .email {background-image: url('../images/icon-email.gif');} .layout-clc .callout-content .contactOpts .phone {background-image: url('../images/icon-phone.gif');} .layout-clc .callout-content .contactOpts .fax {background-image: url('../images/icon-fax.gif');} .layout-clc .callout-content .dirLink {display: block; font-size: 11px; margin: 5px 0 0 0;} .layout-clc .callout-content address {font-size: 11px; margin: 10px 0 0 0;} /* "SNC" (subnav-content) Layout */ .layout-snc .subnav-content {width:155px; padding:10px 15px 10px 55px; float:left; text-align:left;} .layout-snc .copy-content {width:660px; padding: 10px 30px 10px 25px; float:left; text-align:left;} .layout-snc .subnav-content h2 {height: 20px; margin: 0 0 0 0; border: none; background-repeat: no-repeat; color: #838182;} .layout-snc .subnav-content ul {margin: 10px 0 18px 3px;} .layout-snc .subnav-content li {font-size: 11px; padding: 0 0 6px 0;} .layout-snc .subnav-content li a.active {padding: 0 0 0 12px; background-image: url('../images/arrow-orange.gif'); background-repeat: no-repeat; color: #565050;} .layout-snc .subnav-content .callouts {border-top: 1px solid #CCCCCC; margin: 10px 0 0 0; padding: 6px 0 0 0;} .layout-snc .subnav-content .callouts li {padding-left: 0;} .layout-snc .copy-content p {font-size: 12px; line-height: 15px; text-align:left;} .layout-snc .copy-content h2.oHead {margin: 0;} .layout-snc .copy-content .barNav {background-color: #ea7411; height: 16px;} .layout-snc .copy-content .barNav li {float: left; padding: 0;} .layout-snc .copy-content .barNav li a {display: block; padding: 0 0 0 10px; margin: 1px 0 0 10px; text-decoration: none; font-weight: bold; background-image: url('../images/news/arrowRight_orangebg.gif'); background-repeat: no-repeat; background-position: left center; color: #F2D3B8;} .layout-snc .copy-content .barNav li a.active {background-image: url('../images/news/arrowDown_orangebg.gif'); color: #fff;} .layout-snc .copy-content .newsList {margin-top: 10px;} .layout-snc .copy-content .newsList li {margin: 0 0 16px 0; clear: both; overflow: hidden; background-repeat: no-repeat; background-position: 35px top;} .layout-snc .copy-content .newsList h6 {float: left; width: 80px; color: #000; padding-top: 10px;} .layout-snc .copy-content .newsList h6.dateFull {width: 95px;} .layout-snc .copy-content .newsList .img {float: left; width: 85px; text-align: center;} .layout-snc .copy-content .newsList a, .layout-snc .copy-content .newsList .nolink {display: block; float: left; width: 450px; margin: 5px 0 5px 0px; text-decoration: none; color: #838182;} .layout-snc .copy-content .newsList .item {float: left; width: 450px; margin: 5px 0 15px 20px; line-height: 12px;} .layout-snc .copy-content .newsList .item a {float: none;} .layout-snc .copy-content h4 {font-weight: normal; font-size: 16px; line-height: 20px; margin: 25px 0 25px 0;} .layout-snc .copy-content .newsList a:hover {text-decoration: underline;} .layout-snc .copy-content p {margin-bottom: 15px;} .layout-snc .copy-content.articleContent p {font-size: 12px; line-height: 17px;} .layout-snc .copy-content .newsTools a {text-decoration: none; text-transform: uppercase; color: #838182; font-weight: bold; font-size: 11px;} /* Two-column Layout */ .layout-twocolumn .column {width:430px; padding:20px; float:left;} /* Callouts */ #wrapper .callouts li {padding-bottom: 9px; margin-bottom: 10px; border-bottom: 1px solid #ccc;} #wrapper .callouts a {display: block; height:0; overflow:hidden; width: 158px; background-position: top left; background-repeat: no-repeat;} #wrapper .callouts a:hover {background-position: top right;} /* Graphs */ #wrapper div.graph-content {height:570px; width:940px; padding:0; display:none; position:absolute; top:100px; left:10px; background-color:#fff;} div.graph-content div.graph-header {height:140px; overflow:hidden;} div.graph-content div.graph-image {float:left; width:580px; padding-left:20px;} div.graph-content div.graph-copy {float:right; width:280px; padding-right:40px;} /*div.graph-content a.graph-hide {z-index:11; display:block; background:transparent; position:absolute; right:55px; top:75px;}*/ div.graph-content div.graph-nav {width:250px; z-index:11; background:transparent; position:absolute; right:55px; top:75px;} div.graph-content div.graph-nav h6 {display:block; width:auto; float:right; margin-right:4px; font-size:15px; line-height:15px; color:#838182; font-weight:normal;} div.graph-content div.graph-nav a, div.graph-content div.graph-nav span.graph-next, div.graph-content div.graph-nav span.graph-previous {display:block; float:right; margin:0 2px; height:0; width:15px; padding-top:15px; overflow:hidden; background:transparent url('../images/nav/graph-nav.gif') no-repeat 0 0;} div.graph-content div.graph-nav img {display:block; float:right; margin:0 2px;} div.graph-content div.graph-nav a.graph-close {background-position:-15px 0;} div.graph-content div.graph-nav a.graph-close:hover {background-position:0 0;} div.graph-content div.graph-nav span.graph-next {background-position:0 -15px} div.graph-content div.graph-nav a.graph-next {background-position:-15px -15px;} div.graph-content div.graph-nav span.graph-previous {background-position:0 -30px} div.graph-content div.graph-nav a.graph-previous {background-position:-15px -30px;} /*----Specific Page Styles----*/ /* Homepage */ div.layout-homepage div.home-copy {width:285px; padding:20px 12px; float:right;} div.layout-homepage div.home-news {width:630px; float:left;} div.layout-homepage div.home-news ul {width:275px; padding:20px; float:left;} div.layout-homepage div.home-news ul li {background:transparent left center no-repeat; font-size:11px; margin:0 0 0; padding:0 0 10px 76px;} div.layout-homepage div.home-news ul li a {display: block; color: #838182; text-decoration: none;} div.layout-homepage div.home-news ul li a:hover {text-decoration: underline;} div.layout-homepage div.home-news p.disclaimer {padding-top: 10px; color:#999999; font-size: 10px; clear:both;} /* Products Page */ #wrapper div.layout-products div.product-content {width:425px; margin:10px 20px 10px 40px; padding-top:20px; float:left; border-top:1px solid #ccc; color:#808080;} #wrapper div.layout-products div.product-callout {width:155px; margin:10px 10px; float:right; border-top:1px solid #ccc;} #wrapper .layout-products h2.product-name {margin:0 10px 0 40px; color: #838182; font-size:20px; line-height:26px; border:none;} #wrapper .products-list li.current { list-style:url('../images/arrow-orange.gif') outside; } #wrapper .products-list li.current a {color:#565050;} div.product-content dt {display:inline; font-weight:bold;} div.product-content dd {display:inline; } div.product-callout ul.product-stats, .product-callout .features ul {padding:10px 0 0 20px; list-style:url('../images/arrow-gray.gif') outside; font-size:11px; color:#565050;} div.product-callout ul.product-stats li, .product-callout .features ul li {margin-bottom:10px;} div.product-callout .order-text, .layout-products .product-callout .orderText {font-size: 12px; line-height: 16px; margin: 10px 0 3px 0; border:none;} div.product-callout .button-downloadspecs {display:block; height:0; overflow:hidden; padding-top:30px; background:url('../images/button-downloadspecs.gif') 0 0 no-repeat} /* News Page */ .news .subnav-content li {text-align:left;} .news .subnav-content li.current {padding-left:12px; background:url('orange-arrow.gif') center left no-repeat;} /*Footer layout*/ #footer {clear:both; width:940px; padding:0; margin:0 auto; border-top:1px solid #ccc;} #footer #cp { font-weight: bold; font-size: 11px; color: #aaa; height: 38px; line-height: 38px; text-align: center; } #footer #bug { float: right; } #footer a { color: #aaa; text-decoration: none; } #footer a:hover { text-decoration: underline; } /*--Headers--*/ h2#headCharts { background-image: url('../images/header-charts.gif'); } #content .contain { overflow: hidden; } /*--Technology--*/ h2#headFeatures { background-image: url('../images/technology/header_features.gif'); } h2#headGetStarted { background-image: url('../images/technology/header_getstarted.gif'); margin-bottom: 10px; } h2#headPowerCharts { background-image: url('../images/technology/header_powercharts.gif'); } h2#headSafetyCharts { background-image: url('../images/technology/header_safetycharts.gif'); } h2#headLifeCharts { background-image: url('../images/technology/header_lifecharts.gif'); } /*--Applications--*/ h2#headHybridElec { background-image: url('../images/applications/header_hybridelectric.gif'); } h2#headHybridPlugin { background-image: url('../images/applications/header_hybridplugin.gif'); } h2#headHeavyduty { background-image: url('../images/applications/header_heavyduty.gif'); } h2#headCordless { background-image: url('../images/applications/header_cordless.gif'); } h2#headAviation { background-image: url('../images/applications/header_aviation.gif'); } h2#headGovernment { background-image: url('../images/applications/header_government.gif'); } h2#headBackup { background-image: url('../images/applications/header_backup.gif'); } /*--Products--*/ h2#headCells { background-image: url('../images/products/header_cells.gif'); } h2#headPacks { background-image: url('../images/products/header_packsandsystems.gif'); } h2#headCells26650 { background-image: url('../images/products/header_prodCells26650.gif'); } h2#headCells32series { background-image: url('../images/products/header_prodCells32series.gif'); } h2#headMVseries { background-image: url('../images/products/header_prodmvseries.gif'); } /*--News--*/ h2#headExploreNews { background-image: url('../images/news/header_explorenews.gif'); } h2#headPRcontacts { background-image: url('../images/news/header_contacts.gif'); } h2#headPressReleases { background-image: url('../images/news/header_pressreleases.gif'); border-bottom: none; } h2#headInTheNews { background-image: url('../images/news/header_newsarticles.gif'); border-bottom: none; } /*--Company--*/ h2#headCoreCompetencies { background-image: url('../images/company/header_corecompetencies.gif'); } h2#headHQ { background-image: url('../images/company/header_hq.gif'); } h2#headDivisions { background-image: url('../images/company/header_divisions.gif'); } h2#headBoard { background-image: url('../images/company/header_board.gif'); } h2#headManagement { background-image: url('../images/company/header_management.gif'); } /*Callouts*/ #wrapper a.callout-tellus { background-image: url('../images/callout-tellus.gif'); padding-top:45px; } #wrapper a.callout-devtoolkit{ background-image: url('../images/callout-devtoolkit.gif'); padding-top:45px; } .plus{ color:#DF5E34; font-size:26px; } /* Nav Stack Styles */ ul.nav-stack { width:216px; } ul.nav-stack a span { display:block; width:9px; height:5px; background-image:url('../images/toggle.gif'); background-position:0 0; outline:0; position:absolute; right: 10px; bottom: 10px; } ul.nav-stack a span.on { background-position: 0 -5px; } ul.nav-stack li a.corp-gov, ul.nav-stack li a.news, ul.nav-stack li a.eve-pres, ul.nav-stack li a.fin-sec, ul.nav-stack li a.stock-info, ul.nav-stack li a.share-serv, ul.nav-stack li a.faqs, ul.nav-stack li a.inv-home, ul.nav-stack li a.contact { position:relative; display:block; width:216px; height:26px; float:left; background-image: url('../images/subnav-investors.gif'); text-indent:-9999px; outline: 0; } ul.nav-stack li a.corp-gov { background-position: 0 0; } ul.nav-stack li a.corp-gov:hover, ul.nav-stack li a.corp-gov.on { background-position: 0 -26px; } ul.nav-stack li a.news { background-position: -217px 0; } ul.nav-stack li a.news:hover, ul.nav-stack li a.news.on { background-position: -217px -26px; } ul.nav-stack li a.eve-pres { background-position: -434px 0; } ul.nav-stack li a.eve-pres:hover, ul.nav-stack li a.eve-pres.on { background-position: -434px -26px; } ul.nav-stack li a.fin-sec { background-position: -651px 0; } ul.nav-stack li a.fin-sec:hover, ul.nav-stack li a.fin-sec.on { background-position: -651px -26px; } ul.nav-stack li a.stock-info { background-position: -868px 0; } ul.nav-stack li a.stock-info:hover, ul.nav-stack li a.stock-info.on { background-position: -868px -26px; } ul.nav-stack li a.share-serv { background-position: -1519px 0; } ul.nav-stack li a.share-serv:hover, ul.nav-stack li a.share-serv.on { background-position: -1519px -26px; } ul.nav-stack li a.faqs { background-position: -1085px 0; } ul.nav-stack li a.faqs:hover, ul.nav-stack li a.faqs.on { background-position: -1085px -26px; } ul.nav-stack li a.inv-home { background-position: -1302px 0; } ul.nav-stack li a.inv-home:hover, ul.nav-stack li a.inv-home.on { background-position: -1302px -26px; } ul.nav-stack li a.contact { background-position: -1736px 0; } ul.nav-stack li a.contact:hover, ul.nav-stack li a.contact.on { background-position: -1736px -26px; } ul.nav-stack li ul { clear: left; padding: 10px 0 10px 15px; } ul.nav-stack li ul li a { color: #88A123; font-size: 14px; line-height: 18px; text-decoration: none; } /* Clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */