/*
GE EV WattStation Site
- Base Styles
- Created: 2010-06-30
*/

/* Global Styles */
* { margin: 0; padding: 0; }
html, body { height: 100%; }
img, address { display: block; border: none; outline: none; }
body { font: normal 62.5% Arial, Helvetica, sans-serif; color: #333; background: #fff; position: relative; }
p { color: #333; }
a { text-decoration: none; outline: none; color: #333; }
a:hover { color: #333; text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { font-size: 1.0em; }
fieldset, legend { border: none; }
input.text, textarea { outline: none; }
a.button { display: block; overflow: hidden; text-indent: -9999px; }

/* Clear Fix */
.clear:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/* Cufon Adjustments */
cufon {}

/* Layout */
#container { width: 978px; padding: 0 24px; margin: 0 auto; position: relative; }
#header { height: 107px; clear: both; }
	#logo { width: 155px; height: 56px; margin: 0 0 0 22px; position: relative; top: 26px; overflow: hidden; text-indent: -9999px; }
#content { width: 100%; }
#content .banner { width: 100%; margin: -25px 0 23px 0; position: relative; }
#content .banner .caption { width: 440px; position: absolute; left: 47px; bottom: 67px; }
#content .banner .caption h2 { margin: 0 0 -5px 0; color: #fff; font-size: 4.2em; line-height: 42px; }
#content .banner .caption p { margin: -5px 0 0 0; color: #fff; font-size: 1.5em; line-height: 16px; }
#content .banner .caption p strong { font-size: 1.1em; font-weight: bold; }
#content .banner .caption p sup { position: relative; bottom: -7px; left: -2px; font-size: 0.8em !important; }
#content .upsell { margin: 0 0 29px 0; padding: 0 0 0 24px; }
#content .upsell .col { width: 294px; padding: 0 24px 0 0; float: left; overflow: hidden; }
#content .upsell .col .article { height: 222px; margin: 0 0 5px 0; border-bottom: 1px solid #c1c3c3; }
#content .upsell .col h3 { position: relative; top: -1px; font-size: 1.2em; color: #333; line-height: 17px; }
#content .upsell .col p { font-size: 1.2em; color: #333; line-height: 17px; }
#content .upsell .col p a { color: #08a5e1; }
	/* WattStation Image Gallery */
	.wattstation-gallery { width: 100%; }
	.wattstation-gallery .view { width: 292px; height: 209px; margin: 0 0 11px 0; border: 1px solid #c1c3c3; position: relative; overflow: hidden; clear: both; }
	.wattstation-gallery .view img { position: absolute; }
	.wattstation-gallery .thumbnails { width: 100%; }
	.wattstation-gallery .thumbnails ul { width: 1000px; display: block; list-style: none; }
	.wattstation-gallery .thumbnails ul li { margin: 0 12px 0 0; float: left; position: relative; display: block; }
	.wattstation-gallery .thumbnails ul li img { border: 1px solid #c1c3c3; display: block; }
	.wattstation-gallery .thumbnails ul li a:hover, .wattstation-gallery .thumbnails ul li.active a { width: 84px; height: 55px; border: 3px solid #08a5e1; display: block; overflow: hidden; }
	.wattstation-gallery .thumbnails ul li a:hover img, .wattstation-gallery .thumbnails ul li.active a img { border: none; position: relative; top: -2px; left: -2px; display: block; }
	/* Features List */
	ul.features-list { width: 100%; list-style: none; }
	ul.features-list li { padding: 0 0 20px 59px; clear: both; }
	ul.features-list li h3 { margin: 0 0 2px 0; font-size: 10px !important; font-variant: small-caps; text-transform: uppercase; color: #000; }
	ul.features-list li p { font-size: 1.2em; line-height: 17px; }
	ul.features-list li.signal { background: url(img/signal.gif) no-repeat 7px 13px; }
	ul.features-list li.charge { background: url(img/charge.gif) no-repeat 3px 13px; }
	ul.features-list li.modular { background: url(img/modular.gif) no-repeat 4px 13px; }
	
#servicemagic p { width:135px; float:left; clear:left; }
#servicemagic img { float:right; clear:none; margin-right:10px; }
#servicemagic h3 { width:135px float:left; clear:none; }
#content .more-info { margin: 0 0 24px 0; padding: 0 0 0 24px; }
#content .more-info h3 { margin: 0 0 6px 0; position: relative; top: -1px; font-size: 1.5em; color: #0d0d0e; line-height: 17px; }
#content .more-info p { margin: 0 0 8px 0; font-size: 1.2em; color: #0d0d0e; line-height: 17px; }
#content .more-info p a { color: #08a5e1; }
#content .more-info .ev-drivers, #content .more-info .ge-show { width: 265px; height: 91px; margin: 0 24px 0 0; padding: 18px 165px 18px 23px; background: #e8ebef; float: left; position: relative; }
#content .more-info .ev-drivers .teaser { width: 135px; padding: 18px 12px 0 12px; border-left: 1px solid #c1c8cb; position: absolute; top: 18px; right: 0; }
#content .more-info .ev-drivers .teaser h4 { margin: 0 0 10px 0; font-size: 1.5em; }
#content .more-info .ev-drivers .teaser p { position: relative; }
#content .more-info .ge-show .teaser, #content .more-info .road-trip .teaser { width: 135px; padding: 0 12px; border-left: 1px solid #c1c8cb; position: absolute; top: 18px; right: 0; }
#content .more-info .ge-show .teaser p, #content .more-info .road-trip .teaser p { position: relative; margin-bottom:0; }
#content .more-info .ge-show .teaser img, #content .more-info .road-trip .teaser img { margin-bottom:4px; }
#content .more-info .road-trip { width: 265px; height: 91px; padding: 18px 165px 18px 23px; background: #e8ebef; float: left; position:relative; }
#content .more-info .business-owners { width: 315px; height: 91px; padding: 18px 115px 18px 23px; background: #e8ebef url(img/illistration.ev-car.gif) no-repeat 330px 100%; float: left; }
#content .more-info .business-owners a.request-more-info { width: 165px; height: 16px; background: url(img/btn.request-more-info.gif) no-repeat 0 0; }
#footer { padding: 20px 24px; border-top: 12px solid #e8ebef; }
#footer ul.footer-links { margin: 0 0 5px 0; list-style: none; display: block; clear: both; line-height: 12px; }
#footer ul.footer-links li { padding: 0 7px 0 0; display: inline; color: #999; }
#footer ul.footer-links li a { margin: 0 7px 0 0; position: relative; bottom: -1px; font-size: 1.1em; color: #333; }
#footer p.copyright { padding: 5px 0 0 0; font-size: 1.1em; color: #666; }

.ui-widget-overlay { background: #fff; opacity: 0.75; filter: Alpha(opacity=75); position: absolute; top: 0; left: 0; }
.ui-dialog { padding: 25px; border: 3px solid #08a5e1; background: #fff; }
.ui-dialog-titlebar { width: 100%; position: absolute; top: 0; left: 0; }
.ui-dialog-title { display: none; color: #000; font-size: 1.5em; }
.ui-dialog-titlebar-close { width: 14px; height: 16px; background: url(img/btn.close.x.gif) no-repeat 0 0; display: block; overflow: hidden; position: absolute; top: 21px; right: 22px; text-indent: -9999px; }

/* Contact Dialog */
#contact-dialog p { margin: 0 0 25px 0; color: #333; font-size: 1.2em; }
#contact-dialog .contact-form h4 { margin: 0 0 5px 0; color: #000; font-size: 1.5em; }
#contact-dialog .contact-form div.errors { margin: 0 0 25px 0; }
#contact-dialog .contact-form form { width: 100%; display: block; }
#contact-dialog .contact-form fieldset { width: 266px; height: 40px; margin: 0 24px 20px 0; display: block; float: left; }
#contact-dialog .contact-form fieldset.even { margin: 0 0 20px 0; }
#contact-dialog .contact-form fieldset.last { height: auto; margin: 0; }
#contact-dialog .contact-form label { margin: 0 0 2px 0; display: block; clear: both; font-size: 1.2em; font-weight: bold; }
#contact-dialog .contact-form label span { font-weight: normal; }
#contact-dialog .contact-form label.error { color: #f00; }
#contact-dialog .contact-form div.errors label { margin: 0 0 5px 0; color: #f00; font-weight: normal; }
#contact-dialog .contact-form input.text { width: 255px; height: 15px; padding: 4px 5px; background: #fff; border: 1px solid #c1c8cb; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; color: #666; }
#contact-dialog .contact-form select { width: 265px; height: 21px; padding: 1px 0; background: #fff; border: 1px solid #c1c8cb; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; color: #666; }
#contact-dialog .contact-form .submit { width: 55px; height: 16px; background: url(img/btn.submit.gif) no-repeat 0 0; border: none; overflow: hidden; cursor: pointer; }
#contact-dialog .contact-form iframe { width: 0; height: 0; border: none; display: none; }
#contact-dialog .thank-you { display: none; }
#contact-dialog .thank-you h4 { margin: 0 0 5px 0; color: #000; font-size: 3.0em; }

/* External Site Frame */
.external-site { width: 100%; height: 600px; padding: 0 0 0 0; }
.external-site input.address-bar { width: 525px; height: 15px; margin: -5px 0 15px 0; padding: 4px 0; background: #fff; border: 1px solid #c1c8cb; position: relative; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; color: #666; }
.external-site input.address-bar:focus { border-color: #666; color: #333; }
.external-site iframe { width: 100%; height: 380px; margin: 0; padding: 0; border: 1px solid #c1c8cb; display: block; clear: both; }
.external-site iframe:focus { border-color: #666; }