/* 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: #375436; }



.clear { clear: both; }

.flashLogo{ border:1px solid red; width:100px;}

/* 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: #375436;}

h5 {font-weight: bold; margin-bottom: 14px;}

h6 {font-weight: bold; color: #375436; margin: 0 0 4px 0;}

h6 a {color: #375436;}

p {margin: 0 0 20px 0; color:#838182;}

.highlight { color: #000;}

.center {text-align:center;}

ul.plus-list li {list-style:inside url('../img/plus-gray.gif');}





/* Global Page Layout */

body {background: #fff url('../img/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; position:relative;}

.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('../img/nav/topnav.gif') no-repeat top left; }

#siteHead dd { height: 90px; background: #fff url('../img/nav/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('../img/nav/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; }



#siteHead dd #ir-cu { position: absolute; padding-top: 10px; padding-left: 880px; font-size:9px; }





/* Page Headers */

#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('../img/pagehead/home.jpg')}

#pageHead dl.technology {padding-top:350px; background-image:url('../img/pagehead/technology.jpg');}

#pageHead dl.compatibility {padding-top:350px; background-image:url('../img/pagehead/compatibility.jpg');}

#pageHead dl.performance {padding-top:350px; background-image:url('../img/pagehead/performance.jpg');}

#pageHead dl.green {padding-top:350px; background-image:url('../img/pagehead/green.jpg');}

#pageHead dl.products {padding-top:350px; background-image:url('../img/pagehead/products.jpg');}

#pageHead dl.news {padding-top:350px; background-image:url('../img/pagehead/news.jpg');}

#pageHead dl.company {padding-top:350px; background-image:url('../img/pagehead/company.jpg');}

#pageHead dl.investors {padding-top:350px; background-image:url('../img/pagehead/investors.jpg');}

#pageHead dl.contact {padding-top:350px; background-image:url('../img/pagehead/contact.jpg');}

#pageHead dl.careers {padding-top:350px; background-image:url('../img/pagehead/careers.jpg');}

#pageHead dl.management {padding-top:350px; background-image:url('../img/pagehead/management.gif');}

#pageHead dl.scientific {padding-top:350px; background-image:url('../img/pagehead/scientific-advisor.gif');}



#pageHead dl.applications {padding-top:350px; background-image:url('../img/pagehead/applications.html')}

#pageHead dl.OLED {padding-top:350px; background-image:url('../img/pagehead/OLED.jpg')}

#pageHead dl.hybrid-electric {padding-top:350px; background-image:url('../img/pagehead/hybrid-electric.jpg');}

#pageHead dl.plug-in-hybrid {padding-top:350px; background-image:url('../img/pagehead/plug-in-hybrid.jpg');}

#pageHead dl.electric-vehicles {padding-top:350px; background-image:url('../img/pagehead/electric-vehicles.jpg');}

#pageHead dl.heavy-duty {padding-top:350px; background-image:url('../img/pagehead/heavy-duty.jpg');}

#pageHead dl.aviation {padding-top:350px; background-image:url('../img/pagehead/aviation.jpg');}

#pageHead dl.organic-solar {padding-top:350px; background-image:url('../img/pagehead/organic-solar.jpg');}

#pageHead dl.back-up-power {padding-top:350px; background-image:url('../img/pagehead/back-up-power.jpg');}

#pageHead dl.organic-transistors {padding-top:350px; background-image:url('../img/pagehead/organic-transistors.jpg');}

#pageHead dl.conducting {padding-top:350px; background-image:url('../img/pagehead/conducting.jpg');}



#pageHead dl.team {padding-top:260px; background-image:url('../img/pagehead/team.jpg');}

#pageHead dl.team-vieau {padding-top:260px; background-image:url('../img/pagehead/team-vieau.jpg');}

#pageHead dl.team-chang {padding-top:260px; background-image:url('../img/pagehead/team-chang.jpg');}

#pageHead dl.team-chiang {padding-top:260px; background-image:url('../img/pagehead/team-chiang.jpg');}

#pageHead dl.team-fulop {padding-top:260px; background-image:url('../img/pagehead/team-fulop.jpg');}

#pageHead dl.team-golato {padding-top:260px; background-image:url('../img/pagehead/team-golato.jpg');}

#pageHead dl.team-johnson {padding-top:260px; background-image:url('../img/pagehead/team-johnson.jpg');}

#pageHead dl.team-pyenson {padding-top:260px; background-image:url('../img/pagehead/team-pyenson.jpg');}

#pageHead dl.team-riley {padding-top:260px; background-image:url('../img/pagehead/team-riley.jpg');}

#pageHead dl.team-rubino {padding-top:260px; background-image:url('../img/pagehead/team-rubino.jpg');}

#pageHead dl.team-sanders {padding-top:260px; background-image:url('../img/pagehead/team-sanders.jpg');}

#pageHead dl.team-zheng {padding-top:260px; background-image:url('../img/pagehead/team-zheng.jpg');}

#pageHead dl.team-cole {padding-top:260px; background-image:url('../img/pagehead/team-cole.jpg');}



#pageHead dl.board-of-directors {padding-top:260px; background-image:url('../img/pagehead/board-of-directors.jpg');}

#pageHead dl.board-deshpande {padding-top:260px; background-image:url('../img/pagehead/board-deshpande.jpg');}

#pageHead dl.board-goldstein {padding-top:260px; background-image:url('../img/pagehead/board-goldstein.jpg');}

#pageHead dl.board-haroian {padding-top:260px; background-image:url('../img/pagehead/board-haroian.jpg');}

#pageHead dl.board-jacobs {padding-top:260px; background-image:url('../img/pagehead/board-jacobs.jpg');}

#pageHead dl.board-mccarthy {padding-top:260px; background-image:url('../img/pagehead/board-mccarthy.jpg');}

#pageHead dl.board-anderson {padding-top:260px; background-image:url('../img/pagehead/board-anderson.jpg');}

#pageHead dl.board-dapra {padding-top:260px; background-image:url('../img/pagehead/board-dapra.jpg');}

#pageHead dl.board-howard {padding-top:260px; background-image:url('../img/pagehead/board-howard.jpg');}

#pageHead dl.board-kim {padding-top:260px; background-image:url('../img/pagehead/board-kim.jpg');}

#pageHead dl.board-mabbs {padding-top:260px; background-image:url('../img/pagehead/board-mabbs.jpg');}

#pageHead dl.board-little {padding-top:260px; background-image:url('../img/pagehead/board-little.jpg');}

#pageHead dl.board-moritz {padding-top:260px; background-image:url('../img/pagehead/board-moritz.jpg');}

#pageHead dl.board-trbovich {padding-top:260px; background-image:url('../img/pagehead/board-trbovich.jpg');}

#pageHead dl.board-vieau {padding-top:260px; background-image:url('../img/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('../img/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('../img/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.compatibility {width:206px; background-position:-250px 0;}

#technologyNav a.compatibility:hover,  #technologyNav li.current .power {background-position:-250px -26px;}

#technologyNav a.performance {width:259px; background-position:-456px 0;}

#technologyNav a.performance:hover,  #technologyNav li.current .safety {background-position:-456px -26px;}

#technologyNav a.green {width:226px; background-position:-715px 0;}

#technologyNav a.green:hover,  #technologyNav li.current .green {background-position:-715px -26px;}



/* No menu */

#noNav { background-color: #003466; width:100%; height: 22px;}



/* Applications Nav */

#applicationsNav a { background: url('../img/nav/subnav-applications.gif') no-repeat 0 0; }

#applicationsNav a.overview {width:249px; background-position:0 0;}

#applicationsNav a.overview:hover, #applicationsNav li.current .overview {background-position:0 -26px;}

#applicationsNav a.power {width:206px; background-position:-250px 0;}

#applicationsNav a.power:hover,  #applicationsNav li.current .power {background-position:-250px -26px;}

#applicationsNav a.safety {width:259px; background-position:-456px 0;}

#applicationsNav a.safety:hover,  #applicationsNav li.current .safety {background-position:-456px -26px;}

#applicationsNav a.life {width:226px; background-position:-715px 0;}

#applicationsNav a.life:hover,  #applicationsNav li.current .green {background-position:-715px -26px;}



/* Company Nav */

#companyNav a { background: url('../img/nav/subnav-company.gif') no-repeat 0 0;}

#companyNav a.overview {width:187px; background-position:0 0;}

#companyNav a.overview:hover, #companyNav li.current .overview {background-position:0 -26px;}

#companyNav a.team {width:187px; background-position:-187px 0;}

#companyNav a.team:hover, #companyNav li.current .team {background-position:-187px -26px;}

#companyNav a.investors {width:187px; background-position:-374px 0;}

#companyNav a.investors:hover, #companyNav li.current .investors {background-position:-374px -26px;}

#companyNav a.contact {width:187px; background-position:-561px 0;}

#companyNav a.contact:hover, #companyNav li.current .contact {background-position:-561px -26px;}

#companyNav a.careers {width:187px; background-position:-748px 0;}

#companyNav a.careers:hover, #companyNav li.current .careers {background-position:-748px -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('../img/headers/product-features.gif');}

#wrapper h2.product-downloads {padding-top:30px; background-image:url('../img/headers/product-downloads.gif');}

#wrapper h2.charts-graphs {padding-top:30px; background-image:url('../img/headers/charts-graphs.gif');}

#wrapper h2.get-started {padding-top:30px; background-image:url('../img/headers/get-started.gif');}

#wrapper h2.transportation-applications {padding-top:30px; background-image:url('../img/headers/transportation-applications.gif');}

#wrapper h2.electric-vehicles-details {padding-top:30px; background-image:url('../img/headers/electric-vehicles-details.gif');}

#wrapper h2.heavy-duty-details {padding-top:30px; background-image:url('../img/headers/heavy-duty-details.gif');}

#wrapper h2.aviation-details {padding-top:30px; background-image:url('../img/headers/aviation-details.gif');}

#wrapper h2.cordless-details {padding-top:30px; background-image:url('../img/headers/cordless-details.gif');}

#wrapper h2.portable-power-details {padding-top:30px; background-image:url('../img/headers/portable-power-details.gif');}

#wrapper h2.back-up-power-details {padding-top:30px; background-image:url('../img/headers/grid-stabilization-details.html');}

#wrapper h2.government-details {padding-top:30px; background-image:url('../img/headers/government-details.gif');}

#wrapper dt.cells {padding-top:20px; background-image:url('../img/headers/cells.gif');}

#wrapper h2.explore-our-news {padding-top:20px; background-image:url('../img/headers/explore-our-news.gif'); width:123px;}

#wrapper h2.pr-contact {padding-top:20px; background-image:url('../img/headers/pr-contact.gif'); width:93px;}

#wrapper h2.logo-download {padding-top:20px; background-image:url('../img/headers/logo-download.gif'); width:110px;}

#wrapper h2.press-releases {padding-top:28px; background-image:url('../img/headers/press-releases.gif'); width:144px; border:none;}

#wrapper h2.in-the-news {padding-top:28px; background-image:url('../img/headers/in-the-news.gif'); width:144px; border:none;}

#wrapper h2.headquarters {padding-top:30px; background-image:url('../img/headers/headquarters.gif');}

#wrapper h2.core-competencies {padding-top:30px; background-image:url('../img/headers/core-competencies.gif');}

#wrapper h2.management-team {padding-top:30px; background-image:url('../img/headers/management-team.gif');}

#wrapper h2.board-of-directors {padding-top:30px; background-image:url('../img/headers/board-of-directors.gif');}

#wrapper h2.divisions {padding-top:30px; background-image:url('../img/headers/divisions.gif');}

#wrapper h2.career-ops {padding-top:30px; background-image:url('../img/headers/career-ops.gif');}



#wrapper h1.product-evaluation {padding-top:51px; background-image:url('../img/headers/product-evaluation.gif');}

#wrapper h1.legal-copyright {padding-top:51px; background-image:url('../img/headers/legal-copyright.gif');}

#wrapper h1.privacy-policy {padding-top:51px; background-image:url('../img/headers/privacy-policy.gif');}





/*-----Content Area Layouts-----*/

#wrapper div.grass {background:#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('../img/atom.gif') 0 0 no-repeat; padding-left:25px;}

.layout-clc .list-content .link-list li.hover {background-image:url('../img/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:#003366;}



.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('../img/icon-email.gif');}

.layout-clc .callout-content .contactOpts .phone {background-image: url('../img/icon-phone.gif');}

.layout-clc .callout-content .contactOpts .fax {background-image: url('../img/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;}



div.layout-homepage div.news-copy {width:185px; padding:20px 12px; float:right;}

.layout-homepage .callout-content .contactOpts {border-bottom: 1px solid #ccc;}

.layout-homepage .callout-content .contactOpts li {height: 25px; background-repeat: no-repeat; padding: 0 0 0 25px; color: #565050; line-height: 20px; vertical-align: middle;}

.layout-homepage .callout-content .contactOpts li a {color: #9BB02F;}

.layout-homepage .callout-content .contactOpts .email {background-image: url('../img/icon-email.gif');}

.layout-homepage .callout-content .contactOpts .phone {background-image: url('../img/icon-phone.gif');}

.layout-homepage .callout-content .contactOpts .fax {background-image: url('../img/icon-fax.gif');}

.layout-homepage .callout-content .dirLink {display: block; font-size: 11px; margin: 5px 0 0 0;}

.layout-homepage .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('../img/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('../img/news/arrowRight_orangebg.html'); background-repeat: no-repeat; background-position: left center; color: #F2D3B8;}

.layout-snc .copy-content .barNav li a.active {background-image: url('../img/news/arrowDown_orangebg.html'); 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('../img/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:295px; padding-left:20px; padding-top: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 36px;}

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('../img/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('../img/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('../img/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.html') center left no-repeat;}





/*Footer layout*/

#footer {clear:both; width:940px; padding:0; margin:0 auto; border-top:1px solid #ccc;display:none}



#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('../img/header-charts.html');

}



#content .contain {

	overflow: hidden;

}





/*--Technology--*/

h2#headFeatures {

	background-image: url('../img/technology/header_features.html');

}

h2#headGetStarted {

	background-image: url('../img/technology/header_getstarted.html');

	margin-bottom: 10px;

}

h2#headPowerCharts {

	background-image: url('../img/technology/header_powercharts.html');

}

h2#headSafetyCharts {

	background-image: url('../img/technology/header_safetycharts.html');

}

h2#headgreenCharts {

	background-image: url('../img/technology/header_greencharts.html');

}



/*--Applications--*/

h2#headHybridElec {

	background-image: url('../img/applications/header_hybridelectric.html');

}

h2#headHybridPlugin {

	background-image: url('../img/applications/header_hybridplugin.html');

}

h2#headHeavyduty {

	background-image: url('../img/applications/header_heavyduty.html');

}

h2#headCordless {

	background-image: url('../img/applications/header_cordless.html');

}

h2#headAviation {

	background-image: url('../img/applications/header_aviation.html');

}

h2#headGovernment {

	background-image: url('../img/applications/header_government.html');

}

h2#headBackup {

	background-image: url('../img/applications/header_backup.html');

}



/*--Products--*/

h2#headCells {

	background-image: url('../img/products/header_cells.html');

}

h2#headPacks {

	background-image: url('../img/products/header_packsandsystems.html');

}

h2#headCells26650 {

	background-image: url('../img/products/header_prodCells26650.html');

}

h2#headCells32series {

	background-image: url('../img/products/header_prodCells32series.html');

}

h2#headMVseries {

	background-image: url('../img/products/header_prodmvseries.html');

}



/*--News--*/

h2#headExploreNews {

	background-image: url('../img/news/header_explorenews.html');

}



h2#headPRcontacts {

	background-image: url('../img/news/header_contacts.html');

}



h2#headPressReleases {

	background-image: url('../img/news/header_pressreleases.html');

	border-bottom: none;

}



h2#headInTheNews {

	background-image: url('../img/news/header_newsarticles.html');

	border-bottom: none;

}



/*--Company--*/

h2#headCoreCompetencies {

	background-image: url('../img/company/header_corecompetencies.html');

}



h2#headHQ {

	background-image: url('../img/company/header_hq.html');

}



h2#headDivisions {

	background-image: url('../img/company/header_divisions.html');

}



h2#headBoard {

	background-image: url('../img/company/header_board.html');

}



h2#headManagement {

	background-image: url('../img/company/header_management.html');

}



/*Callouts*/

#wrapper a.callout-tellus {

	background-image: url('../img/callout-tellus.gif');

	padding-top:45px; 

}

#wrapper a.callout-devtoolkit{

	background-image: url('../img/callout-devtoolkit.gif');

	padding-top:45px; 

}



.plus{

	color:#375436;

	font-size:26px;

}





/* 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 */

