/* Capstone Turbine Corporation Default Stylesheet Last Modified: 11/25/2009 By: Rich Acosta, Logiskil */ /* General Styles */ html { background: #f1f1f1 url('/_images/page-bottom.jpg') repeat-x bottom center fixed; font: 12px Arial, Helvetica, sans-serif; color: #000 } body { margin: 0; padding: 0 } #container { width: 1002px; margin: 0 auto; position: relative } #content-box { background: url('/_images/body-repeat.png') repeat-y center; } #footer { background: url('/_images/body-bottom.png') no-repeat top center; min-height: 200px; } .typeface-js { font-weight: normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif } .error { color: #fff; background: #f00; padding: 5px; text-align: center } a img { border: 0 } /* NEW SERVER IDENTIFICATION - REMOVE BEFORE GO-LIVE */ #newServer { text-align: center; position: fixed; bottom: 0; left: 0; right: 0; padding: 3px; background: #faa; font-weight: bold; color: #000; border-top: 1px solid #777 } /* Header */ #header { background: url('/_images/body-top.png') no-repeat bottom center; height: 100px } #header h1 { } #header h1 a { background: url('/_images/capstone-logo.png') no-repeat top left; height: 94px; width: 210px; display: block; margin-left: 5px } #header span { display: none } #search-box, #stock-quote { position: absolute; top: 65px; right: 10px; background: url('/_images/searchbox.png') no-repeat center right; height: 23px; width: 300px; text-align: right; padding-top: 3px } #stock-quote { right: 10px; top: 43px; background: none; color: #1c8e3c } #stock-quote a { color: #1c8e3c } #search-box input { border: 0; padding: 1px; margin: 0; background: transparent } #q { width: 158px } #qs { width: 64px } #qs:active { position: relative; top: 1px; left: 1px } /* Navigation */ #nav-header { background: url('/_images/header.png') no-repeat bottom center; font-family: Arial, sans-serif; } #nav-header ul { margin: 0; padding: 26px 7px 1px 7px; overflow: hidden } #nav-header ul li { display: inline; padding: 0; margin: 0 } #nav-header li a { display: block; color: #fff; font-weight: bold; text-decoration: none text-align: center; padding: 5px 36px; letter-spacing: 1px } #nav-header a:hover { background: url('/_images/green-overlay.png'); } #jsddm { margin: 0; padding: 0 } #jsddm li { float: left; list-style: none } #jsddm li a { display: block; text-decoration: none; white-space: nowrap } #jsddm li ul { margin: 0 0 0 -1px; padding: 0; position: absolute; visibility: hidden; border: 1px solid #000; border-top: 0; z-index: 9999 } #jsddm li ul li { float: none; display: inline } #jsddm li ul li a { width: 165px; background: url('/_images/black-trans.png'); } #jsddm li ul li a:hover { background: url('/_images/green-black-trans.png');} /* Sidebar Navigation */ #page-nav { float: left; width: 220px } #page-nav h3 { border-bottom: 1px solid #1c8e3c; margin: 10px 0 5px 0; padding: 4px; font-size: 18px; font-weight: normal } #page-nav ul, #page-nav li { padding: 0; margin: 0; list-style: none } #page-nav li { display: inline } #page-nav li a { display: block; padding: 6px 4px; margin: 2px 0; text-decoration: none; color: #000 } #page-nav li a:hover { } #page-nav li .page-nav-current { font-weight: bold; color: #1c8e3c } /* Footer */ #footer { padding: 20px 0 0 0; color: #444545; font-size: 11px } #footer a { color: #444545 } #footer ul, #footer li { margin: 0; padding: 0; list-style: none } #footer .footer-section { float: left; margin: 0 55px 0 20px } #copyright { text-align: right; clear: both; padding-top: 20px !important } #copyright img { margin-left: 12px } /* Content */ #content { margin: 0 6px; padding: 10px 15px; background: url('/_images/content-bottom.png') repeat-x bottom; overflow: hidden } #content p { margin: 0; padding: 0 0 1em 0 } #content img[align="right"] { margin: 0 0 20px 20px } #content img[align="left"] { margin: 0 10px 10px 0 } #content h1 { font-size: 32px; margin: 0 0 5px 0; font-weight: normal; border-bottom: 1px solid #1c8e3c; padding: 0 0 3px 0 } #content h2 { font-size: 16px; margin: 0 } #content h2.sub-head { margin-bottom: 1em; } #content h4 { font-size: 12px; margin: 0 } #content h1 span { font-size: 42px; } #homepage-top h2 { font-size: 11px; margin: -5px 0 0 0; font-weight: normal; text-transform: uppercase } #homepage-top h2 span { font-size: 14px; } .has-sidenav { margin-left: 230px } #content a { color: #1c8e3c } .left-img { clear: both } /* Homepage */ .homepage-section { padding-top: 5px; margin-top: 5px; border-top: 1px solid #1c8e3c; clear: both; overflow: hidden } #homepage-top { width: 515px; border-right: 1px solid #1c8e3c; padding-right: 15px } #homepage-top-heading h1 span { font-size: 13px; font-weight: bold } #image-widget, #operating-hours { float: left } #image-widget { margin-right: 3px } #operating-hours { height: 161px; width: 421px; background: url('/_images/operating-hours.png') no-repeat top left; } #operating-hours div { text-align: center; padding-top: 30px; font-size: 53px; color: #fff; text-shadow: 0px 0px 5px black; filter: glow(color=#777777,strength=2); zoom: 1; position: relative } #operating-hours p { visibility: hidden } #homepage-bottom h2 { text-transform: uppercase; font-size: 21px; margin: 0; padding: 0; background: url('/_images/seperator-horizontal.png') no-repeat bottom right } #homepage-bottom h2 span { font-size: 150% } #quicklinks, #press-releases { float: left } #quicklinks { width: 356px; background: url('/_images/seperator-vertical.png') no-repeat center right } #press-releases { margin-left: 30px; width: 574px } #press-releases h2 { background-position: bottom left } #press-releases a { color: #1c8e3c; font-weight: bold; text-decoration: none } #press-releases a:hover { text-decoration: underline } #press-releases td { padding: 5px 0; vertical-align: top } .pr-dates { width: 100px } .pr-date { color: #666 } #quicklinks ul { width: 47%; margin: 0 5px 0 0; padding: 0; float: left } #quicklinks li { display: inline } #quicklinks li a { display: block; padding: 7px; color: #000; text-decoration: none; margin: 2px 0 } #quicklinks li a:hover { background: #fff; color: #1c8e3c; border: 1px solid #ccc; padding: 6px } #content .homepage-section h2 { color: #000 } /* Content Pages */ #content h2, .intro-blurb { color: #1c8e3c } #content .strong { font-weight: bold; } #content .bold-grn { color: #1c8e3c; font-weight: bold; } #content p.nopad { margin: 0; padding: 0; } #content a { text-decoration: none; } #content a:hover { text-decoration: underline } /* Code of Business Conduct page */ #content p.code { padding: 0; /*color: #1c8e3c; font-size: 14px; */ text-decoration: underline; } #content ul.code { margin: 0 0 10px 8px; padding: 0 0 0 8px; } #content div.end-blurb { margin-left: 130px; padding: 1em 0; color: #1c8e3c; font-weight: bold; } /* Locations page */ #content tr td.addr { padding-bottom: 20px; width: 50%; } #content tr td.addr p,.board p { margin: 0; padding: 0; } /* Contact Us page form*/ #content #sform td { padding: 10px 5px; font-weight: bold; } #content #sform td input, textarea { width: 98%; } #content #sform td label { padding: 0; display: block; } #content #sform td.req { color: #f00; } /* Leadership page*/ #content tr td.board { padding-bottom: 20px; width: 50%; } #content tr td.board p { margin: 0; padding: 0; } /* FAQ page*/ #content .faqQ { color: #993300; font-weight: bold; } /* Products page*/ #content #examples th { font-weight: bold; text-decoration: underline; } /* Distributors List Page */ #distTable th, #distTable td { padding: 5px } #distTable th { border-bottom: 2px solid #1c8e3c; text-align: left; font-size: 130% } #distTable td { border-bottom: 1px solid #ccc } /* Articles Page */ #content p.article span { padding-bottom: 4px; display: block; } #content .title { text-decoration: underline; display: inline !important; } /* Video Galley */ .videobox { float: left; width: 233px; background: #f4f4f4; border: 2px solid #e4e4e4; margin: 3px; } #content .videobox p { text-align: left } .videobox div { padding: 5px; overflow: hidden; height: 325px } .videobox a { } .videobox a img { border: 2px solid #808080; text-align: center; width: 210px; height: 210px; -moz-opacity: 0.8; opacity: 0.8; filter:alpha(opacity=80); position: relative } .videobox a:hover img { -moz-opacity: 1.0; opacity: 1.0; filter:alpha(opacity=100); } .videobox a:hover div { display: block; } .videobox strong { color: #008000 } #content .video_small { font-size: 11px; margin-top: 8px; padding: 5px; border-top: 1px dotted #e4e4e4 } #content .video_small a { display: block; float: right } .flvVideo { display: block; text-align: center } #videoInfo { background: url('/_images/video-title.png') no-repeat top center; margin: -5px 0 10px 0 } #videoNavigation { width: 100% } #videoNavigation td { text-align: center; width: 33% } #videoNavigation a { display: block; padding: 10px; font-size: 17px; text-decoration: none; color: #999 } #videoNavigation a:hover { border-bottom: 1px solid #ccc; padding-bottom: 9px; color: #000 } #videoInfo h2 { font-size: 20px; padding: 20px 10px 10px 10px; font-weight: normal; text-align: center } #videoInfo p { padding: 5px 20px } .videoNavGreen { background: url('/_images/video-title-green.png') no-repeat top center !important; } #videoNavigation #videoNavGreenLarge { font-size: 18px; color: #1c8e3c; text-align: left; padding: 15px; width: 75% } .videoNavGreen a { color: #1c8e3c !important } #videoCaseStudy { background: url('/_images/video-banner.png') no-repeat top center; height: 70px; padding: 14px 0 0 95px; font-size: 16px } #videoCaseStudy a { float: right; font-size: 18px; display: block; border: 1px solid #ccc; margin-top: 3px; padding: 5px 15px; border: 1px solid #ccc } #videoCaseStudy a:hover { border-color: #000; text-decoration: none; color: #000 } .vboxwide { float: none; clear: both; width: auto; background: #f0f0f0; overflow: hidden } .vboxwide div { height: auto } .vboxwide a img { height: 50px; width: 50px; float: left; margin: 0 10px 0 0 } .vboxwide div p { margin: 0; padding: 0 } .vboxwide .video_small { padding: 3px 3px 0 3px; margin-top: 8px } /* Google Site Search */ .searchDiv { margin: 20px; padding: 10px; border: 1px solid #ccc; background: #fff; } /* Image Slider */ #slider-wrapper { position: relative } #image-slider { position: relative; overflow: hidden; height: 161px } #image-slider a { position: absolute; width: 180px; /* 176 */ height: 161px; display:none; z-index: 900 } #slider-prev, #slider-next { display: block; height: 161px; background: #ccc; width: 50px; z-index: 1000; text-indent: -1000em; outline: 0; position: absolute; top: 0px } #slider-prev { left: 0; background: url('/_images/slider-prev.png') no-repeat } #slider-next { right: -2px; background: url('/_images/slider-next.png') no-repeat } #image-slider a img { -moz-opacity: 0.90; opacity: 0.90; filter:alpha(opacity=90) } #image-slider a:hover img { -moz-opacity: 1.0; opacity: 1.0; filter:alpha(opacity=100) } /* #image-slider { height: 161px; width: 100% } #image-slider li, #image-slider ul { float: left; margin: 0; padding: 0 } #image-slider a { width: 176px; height: 161px } #image-slider img { margin: 0 8px } #homepage-boxes { position: relative } */ /* Feature Banner */ #feature-banner { float: right; height: 276px; width: 419px; margin: 0 0 10px 10px; position: relative } #feature-banner-images { } #feature-banner-nav { z-index: 9999; background: url('/_images/black-50.png'); color: #fff; font-weight: bold; font-size: 10px; text-align: center; position: absolute; bottom: 0; left: 0; right: 0; padding: 10px 0 } #feature-banner-nav a { padding: 10px 20px; color: #fff; font-size: 1px; background: url('/_images/dot.png') no-repeat center center; text-decoration: none } #feature-banner-nav .activeSlide { color: #1c8e3c !important; background: url('/_images/dot-on.png') no-repeat center center }