html, body, * { margin: 0; padding: 0; }
body { background: #00002c url("../_images/background.jpg") 0 0 repeat-x; color: #fff; font: .75em/1.75em Arial, Helvetica, sans-serif; }
#header,#content,#slideshow,.wrap { width: 920px; margin: 0 auto; }

/*
### OTHER TAGS ### */
p,li,dt,dd { word-spacing: 1px; }
p { margin: 1em 0 1.5em 0; }
hr { display: none; }
blockquote { margin: 0; padding: 0 0 0 30px; background: url("../_images/quotes.gif") 0 0 no-repeat; }
blockquote p { font-size: 15px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; margin: 0; padding: 5px 0; }
blockquote cite { display: block; text-align: right; font-size: 12px; color: #B4B9BE; }
a { color: #8bb3ff; }
a:visited { color: #5f8adb; }
a:hover { color: #bdd4ff; }
a img { border-width: 0; }


/*
### HEADINGS ### */
h1,h2,h3,h4,h5{line-height:normal;font-family:Corbel, Arial, Helvetica, sans-serif;font-weight:normal;color:#fff;}
h1 { margin: 1em 0 .65em 0; font-size: 34px; }
h1 span { color: #F8C925; display: block; text-transform: uppercase; font-size: .65em; margin-bottom: -4px; }
h2 { margin: 1.5em 0 10px 0; font-size: 26px; color: #F8C925; }
.box h2 { font-size: 20px; margin-top: 10px; font-weight: bold; }
.box h2 a { color: #F8C925 !important; }
h2.smalltext { font-size: 18px; }
h2.tinytext { color: #888; font-size: 10px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; background: url("../_images/div_line.gif") bottom left repeat-x; padding-bottom: 3px; }
h3 { margin: 1.5em 0 .625em 0; font-size: 18px; font-weight: bold; color: #fff; }
h3.smalltext { font-size: 16px; margin-bottom: -.5em; }


/*
### LISTS ### */
#col-1 ul, ul.list { margin: 1.5em 0 1.5em 20px; padding: 0; }
#col-1 ul li, ul.list li { background: url("../_images/bullet.gif") 0 .55em no-repeat; padding-left: 20px; list-style-type: none; margin: 0; }
#col-2 ul.list { margin-left: 10px; }
#col-2 ul.list li { background-image: url("../_images/bullet2.gif"); }
#col-1 ul ul, ul.list ul { margin-top: 0; margin-bottom: 0; }
#content ol { margin: 1.5em 0 1.5em 35px; padding: 0; }
#content ol li { padding: 0 0 0 5px; margin: 0; }

.thumbs { clear: both; margin: 10px 0 !important; }
#col-1 .thumbs li, .thumbs li { list-style-type: none; float: left; margin: 5px 13px !important; padding: 15px 0; list-style-image: none !important; background-image: none; }
#col-1 .thumbs li.portrait { padding: 0; }
.thumbs li a img { border: 4px solid #333356; }
.thumbs li a:hover img { border-color: #333399; }

.albums { border-top: 1px solid #CCD6EA; overflow: hidden;}
#col-1 .albums li, .albums li { float: left; width: 100%; margin: 0 !important; padding: 10px; border-bottom: 1px solid #CCD6EA; list-style-image: none !important; }
#col-1 .albums li.odd { background-color: #EFF3FF; }
#side .albums li { height: 78px; }
#side .albums li { padding: 10px 0; }
.albums a { float: left; margin-right: 15px; }
#side .albums a { margin-right: 10px; }
.albums .title { float: none; background: none; height: auto; width: auto; display: inline; font-size: 14px; font-weight: bold; padding: 0; }
.albums .title:hover { background: none; }

.webster dt { font-weight: bold; }
.webster dd { margin-bottom: 1.25em; }
.webster dd dl { margin: 1.25em 0 0 30px; }

dl.inline-bold dt { font-weight: bold; float: left; margin: 0 5px 0 0; }
dl.inline-bold dd { margin: 1.5em 0; }

dl.meta { font-size: 11px; line-height: 2.5em; height: 2.5em; margin: -1.25em 0 2em 0; border: 1px solid #ddd; border-width: 1px 0; }
dl.meta dt, dl.meta dd { float: left; }
dl.meta dt { margin-right: 5px; font-weight: bold; }	dl.meta dd { margin-right: 20px; }

#content .alphabet { padding: 3px 0; margin: 1.5em 0; text-align: center; border: 1px solid #c9c1c1; border-width: 1px 0; }
#content .alphabet li { margin: 0; display: inline; padding: 0 4px 0 5px; background: none; }

#col-1 #testimonials, #col-1 ul.testimonials { margin: 1.5em 0; padding: 0; }
#testimonials { width: 450px; float: left; }
#col-1 #testimonials li, #col-1 .testimonials li { padding: 0; margin: 0; background: none; }
#col-1 .testimonials li { margin: 2em 0; }

#home .checklist { float: right; width: 400px; }
#col-1 .checklist li { font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 23px; background: url("../_images/bullet_check.gif") 0 .45em no-repeat; padding: 10px 0 10px 30px; }

#home-links { padding: 20px 0; float: left; width: 100%; }
#home-links li { float: left; margin: 0 53px 0 0; list-style-type: none; }

#content ol.numbers { margin: 0; }
#content ol.numbers li { margin: 0; padding: 0 0 0 50px; background: url("../_images/ol_numbers.gif") 0 10px no-repeat; list-style-type: none; }
#content ol.numbers div { padding: 1.125em 0; }
ol.numbers h2 { margin: -5px 0; }
ol.numbers h3 { margin: 0 0 -5px 0; }
ol.numbers strong { font-weight: normal; font-size: 18px; padding-top: 2px; display: block; }
ol.numbers p { margin-bottom: 0; }
#content ol.numbers .li-02 { background-position: 0 -90px; }
#content ol.numbers .li-03 { background-position: 0 -190px; }
#content ol.numbers .li-04 { background-position: 0 -290px; }
#content ol.numbers .li-05 { background-position: 0 -390px; }
#content ol.numbers .li-06 { background-position: 0 -490px; }
#content ol.numbers .li-07 { background-position: 0 -590px; }
#content ol.numbers .li-08 { background-position: 0 -690px; }
#content ol.numbers .li-09 { background-position: 0 -790px; }
#content ol.numbers .li-10 { background-position: 0 -890px; }
#content ol.numbers .li-11 { background-position: 0 -990px; }
#content ol.numbers .li-12 { background-position: 0 -1090px; }
#content ol.numbers .li-13 { background-position: 0 -1190px; }
#content ol.numbers .li-14 { background-position: 0 -1290px; }


/*
### HEADER ### */
#header { height: 179px; overflow: hidden; margin-bottom: 11px; }

#logo { width: 430px; height: 95px; margin: 25px 0 26px 0; float:left; }
#logo a, #logo span { display: block; height: 100%; width: 100%; background: url("../_images/logo_screen.gif") 0 0 no-repeat; text-indent: -9114px; overflow: hidden; padding: 0; }
#header p { float: right; margin: 6px 15px 0 0; }

#navigation { height: 33px; overflow: hidden; clear: both; }
#navigation li { float: left; list-style-type: none; margin: 0 5px 0 0; display: inline; }
#navigation a { height: 33px; float: left; background: url("../_images/nav_sprite.gif") 0 0 no-repeat; overflow: hidden; font-size: 18px; font-weight: bold; color: #fff; text-indent: -9114px; }

#nav-home a { width: 73px; }										#nav-home a:hover { background-position: 0 -34px; }				#nav-home.current a { background-position: 0 -68px !important; }
#nav-products a { width: 139px; background-position: -78px 0; }	#nav-products a:hover { background-position: -78px -34px; }		#nav-products.current a { background-position: -78px -68px !important; }
#nav-why a { width: 169px; background-position: -223px 0; }			#nav-why a:hover { background-position: -223px -34px; }			#nav-why.current a { background-position: -223px -68px !important; }
#nav-energy a { width: 137px; background-position: -397px 0; }		#nav-energy a:hover { background-position: -397px -34px; }		#nav-energy.current a { background-position: -397px -68px !important; }
#nav-warranty a { width: 166px; background-position: -539px 0; }		#nav-warranty a:hover { background-position: -539px -34px; }			#nav-warranty.current a { background-position: -539px -68px !important; }
#nav-financing a { width: 99px; background-position: -710px 0; }		#nav-financing a:hover { background-position: -710px -34px; }		#nav-financing.current a { background-position: -710px -68px !important; }
#nav-contact a { width: 106px; background-position: -814px 0; }		#nav-contact a:hover { background-position: -814px -34px; }		#nav-contact.current a { background-position: -814px -68px !important; }
#nav-contact { margin: 0 !important; }

#masthead { background-color: #fff; padding: 30px; }
#mast-1 { float: left; margin: 0 10px 0 0; }
#mast-2 { margin: 0 0 10px 0; float: right; }
#mast-3 { float: right; }
#masthead a, #masthead img { display: block; }

/*
### LAYOUT ### */
#content { }
#main-wrap { width: 100%; float: left; padding: 0; }

.lyt-12 #col-1 { margin: 0 300px 0 0; }
.lyt-21 #col-1 { margin: 0 0 0 300px; }
.lyt-312 #col-1, .lyt-213 #col-1 { margin: 0 340px; }
.lyt-1 #col-1 { margin: 0; }

#col-2 { margin-left: -260px; }
.lyt-21 #col-2 { margin-left: -940px; }
#col-3 { margin-left: -960px; }
#col-2,#col-3 { width: 230px; float: left; }
#col-1 { height: auto !important; height: 300px; min-height: 300px; }
#col-2 { padding-top: 40px; }
#col-3 { }
#col-1,#col-2,#col-3 { padding-bottom: 70px !important; }

#home #col-1 { margin: 0 !important; padding-bottom: 0 !important; }
#home #col-2 { width: 100%; margin: 0 !important; padding-bottom: 0 !important; }


/*
### PAGINATION ### */
.pager { border: 1px solid #517DD2; background-color: #153286; padding: 10px 10px 0 10px; height: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.cap { border-width: 0 0 1px 0; margin-bottom: 10px; }
.base { border-width: 1px 0 0 0; padding: 0 10px 10px 10px; clear: both; margin-top: 10px; }
.pager div { float: right; line-height: 1.5em; }
.pager .status { float: left; }
.pager a { text-decoration: none; padding: 0 1px; color: #F8C925 !important; }
.pager .current { font-weight: bold; color: #fff !important; border: 2px solid #fff; }
.cap .current { border-width: 0 0 2px 0; }
.base .current { border-width: 2px 0 0 0; }
.pager input { width: 87%; }

/*
### REGULAR PAGINATION ### */
.paging, .post-nav { border: 1px solid #517DD2; background-color: #153286; }
.paging { padding: 10px 10px 0 10px; height: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.cap { border-width: 0 0 1px 0; margin-bottom: 10px; }
.base { border-width: 1px 0 0 0; padding: 0 10px 10px 10px; clear: both; margin-top: 10px; }
.paging div { float: right; line-height: 1.5em; }
.paging .status { float: left; }
.paging a { text-decoration: none; padding: 0 1px; color: #4A6EA0 !important; }
.paging .current { font-weight: bold; border: 2px solid #4A6EA0; }
.cap .current { border-width: 0 0 2px 0; }
.base .current { border-width: 2px 0 0 0; }
.paging input { width: 93%; }



/*
### FOOTER ### */
#footer { background-color: #fff; color: #333; }
#footer p { margin: 1.5em 67px 1.5em 0; float: left; }
ul.logos { clear: both; border-top: 1px solid #e5e5e5; text-align: justify; padding: 1em 0; }
ul.logos li { display: inline; list-style-type: none; }
ul.logos img { margin-right: 58px; }


/*
### PPGS ### */
#footer #PPGS { text-align: left; }
#footer #PPGS a { display: block; height: 19px; width: 94px; border-width: 0 !important; background: url("../_images/ppgs.gif") 0 0 no-repeat; overflow: hidden; text-indent: -9114px; position: absolute; top: 35px; right: 1px; }
#footer #PPGS a:hover { background-position: 0 -19px; }


/*
### FORM STYLES ### */
form { width: 100%; }
form p { margin: 10px 0 !important; padding: 0; }
form p span { display: block; float: left; width: 49%; margin-right: 9px; }
form div.multi-2 { width: 100%; overflow: hidden; margin: 10px 0; }
form div.multi-2 p { width: 49.2%; float: left; margin: 0 10px 0 0 !important; }
form div.multi-2 .last { margin-right: 0 !important; }
#col-2 form p span { width: 48.4%; }
.end { margin-right: 0 !important; }
fieldset { border-width: 0; margin: 20px 0; clear: both;}

form.box { border: 6px solid #EBE8E1; background-color: #F5F4F0; margin: 15px 0; }
form.box p { padding-left: 15px !important; }
form.box fieldset p { padding-left: 0 !important; }
form.box fieldset { padding: 0 15px; }
form.box p.action { background-color: #FDF3C6; margin-left: 15px !important; margin-right: 15px !important; }

form h1 { padding: 0 15px; }
legend { display: block; padding: 0; font-weight: bold; font-size: 16px; line-height: 1.5em; color: #574A1E; height: 31px; }
legend span { display: block; width: 595px; height: 1.5em; padding: 2px 0 5px 0; color: #574A1E; border-bottom: 1px solid #A7986A; }
label { display: block; line-height: 1.2em; }
label.inline { display: inline; vertical-align: middle; padding-left: 4px; }
label em { color: #ff4b4f; font-weight: normal !important; }
.box label { color: #f1FFFF; }
input, textarea, select { margin:0; font-size: 13px; font-family: Arial, Helvetica, sans-serif; border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; background:#fff url("../_images/fieldbg.gif") repeat-x top !important; color:#333; padding: 4px 0 4px 2px; width: 99%; }
input.radio, input.checkbox, input.btn { width: auto; border-width: 0 !important; background: none !important; vertical-align: middle; }
input.btn { padding: 0; }
p.optlist label { font-size: 11px; font-family: Arial; display: inline; }
p.optlist span { width: 33%; margin: 0; }
textarea { height: 50px; }
.auto { width: auto; }
.twochar { width: 25px; }
.fourchar { width: 40px; }
.sixchar { width: 55px; }
.xsmall { width: 25%; }
.small { width: 33%; }
.medium { width: 50%; }
.large { width: 100%; }
.tall { height: 100px; }
.taller { height: 150px; }


.missing { background-color: #ff4b4f; padding: 5px !important; }
span.missing { margin: 0; padding: 5px 2px !important; width: 47.5%; }
#frm-error { border: 2px solid #ff4b4f; background-color:#FF9999; color: #333; padding: 10px 5%; text-align: center; margin: 10px 15px !important; }

.cells dl { clear: both; padding: 10px 0; border-bottom: 1px solid #333356; height: 1%; overflow: hidden; }
.cells dt { float: left; width: 25%; font-weight: bold; padding-top: 5px; }
.cells dd { float: left; width: 75%; }
.cells dd.missing { width: 73%; }
#robot-check { position: absolute; left: -9114px; }

.button { background: #C8C8C8 url("../_images/button_hilite.gif") 0 0 repeat-x; border-width: 1px; border-style: solid; border-color: #a3a3a3 #818181 #818181 #a3a3a3; color: #1A484D; font-family: "lucida grande", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding: 2px 5px 3px 5px; cursor: pointer; vertical-align: top; width: auto !important; width: 1; overflow: visible; }
* html .button { padding: 0 5px 1px 5px; vertical-align: baseline; }
.button:hover { background-color: #d1d1d1; }
.button span { width: auto !important; background: url("../_images/button_arrow.gif") right 4px no-repeat; padding: 0 10px 0 0; margin: 0 !important; float: none; display: inline; cursor: pointer; }



/*
### VCARD STYLES ### */
.vcard { margin: 2em 0; }
.vcard dt, .vcard dd { line-height: 1.5em; }
.vcard dt { display: none; font-weight: normal; }
.vcard .show { float: left; display: block; padding-right: 4px; }
.vcard .fn { font-weight: bold; }
.vcard .adr { padding-bottom: 5px; }
.vcard .email { padding-top: 5px; }

p.location { background: url("/_images/marker.png") 0 0 no-repeat; padding-left: 30px; }

/*
### INFOBOX STYLE ### */
.box { background: url("../_images/back_menu.png") 0 0 repeat; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 1px 15px; margin-bottom: 2em; }
.box a { color: #BDD4FF !important; }

div.menu { padding: 1px 0 10px 1px; }
.menu h2 { padding: 0 15px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #9C4300; font-weight: bold; }
.menu h2 a { color: #C1E6F8; text-decoration: none; }
ul.menu { border-top: 1px solid #DBD5CE; }
.menu li { list-style-type: none; }
.menu ul a { display: block; font-size: 14px; line-height: 1.2em; font-weight: bold; color: #01298B !important; padding: 7px 15px; text-decoration: none; background: #bfe5f8 url("../_images/menu_arrow.gif") right 5px no-repeat; border-bottom: 1px solid #8dd4f3; }
.menu ul a:hover { color: #5f8adb !important; }
.menu .open a { background: #846B55 url("../_images/menu_arrow.gif") right -55px no-repeat !important; color: #fff !important; }

.menu li ul, .menu li.open li ul { display: none; visibility: hidden; }
.menu li.open { }
.menu li.open ul { height: 1%; border-bottom: 1px solid #8dd4f3; }
.menu li.open li { font-weight: normal; }
.menu li.open a { background: #517dd2 url("../_images/menu_arrow.gif") right -55px no-repeat !important; }
/*.menu li.open ul a:hover { background-color: #B7AB9D !important; }*/
.menu li.open ul a { font-size: 12px; color: #01298B !important; padding-left: 25px; border-color: #4ebcec; background-color: #8dd4f3 !important; }
.menu li.open li.open a { background-color: #4EBCEC !important; color: #fff !important; }
.menu li.open li.open ul a { padding-left: 35px; font-weight: normal; }

.menu li.current { font-weight: bold !important; }
.menu li.open li.open li.current a { color: #fff; }

.menu li.open ul, .menu li.open ul li.open ul { display: block; visibility: visible; }


/*
### TABLES ### */
/* tables */
table.data {
	margin: 10px 0;
	width: 100%;
	text-align: left;
	line-height: 1.5em;
	border-collapse: collapse;
}
table.data th, table.data td { padding: 7px 6px; text-align: center; line-height: 1em; border-bottom: 1px solid #1A1A42; }
table.data th {
	background-color: #517DD2;
	color: #fff;
}
table th.row {
	background-color: transparent;
}
table .odd th.row { 
	background-color:#000;
}



/*
### COMMON STYLES ### */
.right { float: right; margin: 0 0 20px 20px; }
.left { float: left; margin: 0 20px 20px 0; }
img.right,img.left { border: 1px solid #000; }
p.right { text-align: right; float: none; margin: 10px 0 1.5em 0; }
span.right { float: right !important; margin-left: 10px; width: auto !important; }
img.noframe { border-width: 0 !important; }
img.frame { border: 1px solid #000; }
.center { text-align: center; }
.caps { letter-spacing: .05em; }
.hidden { position: absolute; left: -9114px; }
.last { border-width: 0 !important; margin-right: 0 !important; background: none !important; }
.clear { clear: both; float: none !important; height: 1px; line-height: 1px; font-size: 1px; overflow: hidden; }
.intro, .intro-n { font-size: 1.33em; line-height: 1.5em; }
.intro { color: #fff; }
.fineprint { font-size: .91em; color: #999; }
.action { border-top: 1px solid #CF9901; background-color: #F4BA00; padding: 10px; margin-top: 3em !important; clear: both; }
.action .fineprint { font-size: 12px; padding-left: 10px; color: #808080; }
.red { color: #c00; }
.GMapEZ { height: 350px; color: #333; }
.half { width: 50%; float: left; }
.half img { display: block; margin: 0 auto 10px auto; }
.half h2 { margin-top: 10px; }

/*
### ICONS ### */
.icon { padding-left: 20px; padding-bottom: 1px; background-repeat: no-repeat; }
.icon.big { font-size: 14px; font-weight: bold; }
.ico-info { background-image: url("../_images/icon_info.gif"); }
.ico-edit { background-image: url("../_images/icon_edit.gif"); }
.ico-email { background-image: url("../_images/icon_email.gif"); }
.ico-clock { background-image: url("../_images/icon_clock.gif"); }
.ico-comment { background-image: url("../_images/icon_comment.gif"); }
.ico-date { background-image: url("../_images/icon_date.gif"); }
.ico-folder { background-image: url("../_images/icon_folder.gif"); }
.ico-next { background: url("../_images/icon_next.gif") top right no-repeat; padding: 0 20px 0 0; }
.ico-prev { background-image: url("../_images/icon_prev.gif"); }
.ico-page { background-image: url("../_images/icon_page.gif"); }
.ico-rss { background-image: url("../_images/icon_rss.gif") !important; }
.ico-tag { background-image: url("../_images/icon_tag.gif"); }
.ico-user { background-image: url("../_images/icon_user.gif"); }