/*setup*/  
html, body, div, h1, h3, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, input, fieldset, table, th, td { margin:0; padding:0; }
* { outline:none; }
body { margin:0 20px 0 20px; background:white; color:#333; font-family:'Helvetica Neue', Arial, sans-serif; font-size:11px; }
a { color:black; text-decoration:none; }
a:hover { text-decoration:underline; font-style:normal; }
a:active { outline:none; }
img { outline:none; border:0; }
img.centered { display:block; margin:0 auto; vertical-align:middle; }
.clear { clear:both; }
h1 { font-size:14px; font-weight:normal; line-height:normal; color:grey; }
h2 { font-size:18px; font-weight:normal; line-height:normal; color:#82cc00; }
h2 a { color:#82cc00; }
h3 { font-size:12px; font-style:italic; font-weight:normal; line-height:normal; color:#666; margin:10px 0 2px 0; }
h4 { font-size:11px; font-weight:normal; line-height:normal; display:inline; }
h5 { font-size:14px; font-weight:normal; color:#689edc; margin:0 0 5px 0; }
h6 { font-size:14px; font-weight:normal; color:#F7941E; margin:0 0 5px 0; }
small { font-size:9px; color:#aaa; line-height:120%; }
.details { color:#bbb; font-style:italic; margin:5px 0 0 0; }
.num { color:#82cc00; font-weight:bold; }
.indent { margin:0 0 0 15px; }
.indent2 { margin:0 0 0 18px; }
.butt { 
	width:110px; height:15px; padding:5px 5px 9px 5px;
	color:white; font-weight:bold; font-size:14px; text-align:center; 
	border-radius:15px; -moz-border-radius:15px; -khtml-border-radius:15px; -webkit-border-radius:15px;
}
.butt2 {
	width:110px; height:60px; padding:12px 5px 0 5px;
	color:#333; font-weight:bold; font-size:18px; text-align:center; 
	border-radius:15px; -moz-border-radius:15px; -khtml-border-radius:15px; -webkit-border-radius:15px;
}
.green { background:#82cc00; }
.blue { background:#689edc; }
.grey { background:#444; }
.orange { background:#F7941E; }
.yellow { background:#ffe93a; }
input { border:1px solid #bbb; outline:none; margin:10px 0 0 0; font-size:16px; font-weight:bold; color:#666; }
input.button { cursor:pointer; }
input.button:hover { color:grey; }
.button {
	background:white; padding:0 2px 0 2px; margin:20px 0 0 1px;
	color:grey; font-weight:bold; font-size:16px; text-align:center; border:1px solid #bbb;
}
.button:hover { background:#eee; } 
/*top*/
#top { width:1064px; height:132px; margin:0 auto; background:url('../gfx/header.jpg'); z-index:0; }
#header {  }
#logo { float:left; padding:30px 0 0 30px; }
#truck { float:right; margin:52px 30px 0 0; }
#lhs { position:relative; top:84px; left:4px; }
/*content*/
#cols { width:1024px; margin:0 auto; }
#left { float:left; }
#intro { 
	margin:0 0 20px 0; padding:5px 20px 20px 20px; width:604px; font-size:12px; color:#666; background:white; line-height:150%; z-index:10001;
	border-radius:15px; -moz-border-radius:15px; -khtml-border-radius:15px; -webkit-border-radius:15px;
	box-shadow:0 0 20px #ccc; -moz-box-shadow:0 0 20px #ccc; -khtml-box-shadow:0 0 20px #ccc; -webkit-box-shadow:0 0 20px #ccc;
}
#right { margin:0 0 0 664px; }
/*calculator*/
#calc {  
	padding:5px 20px 0 20px; border:none; width:320px; background-color:white; overflow:hidden; z-index:10010;
	border-radius:15px; -moz-border-radius:15px; -khtml-border-radius:15px; -webkit-border-radius:15px;
	box-shadow:0 0 20px #ccc; -moz-box-shadow:0 0 20px #ccc; -khtml-box-shadow:0 0 20px #ccc; -webkit-box-shadow:0 0 20px #ccc;
}
#system-size { float:left; margin:0 40px 0 0; }
#system-price { float:left; }
#slider-range-min { float:left; margin:10px 15px 0 0; width:220px; }
#amount { font-size:14px; float:left; margin:7px 0 0 0; }
#ppa { float:left; margin:0 40px 0 0; font-size:16px; color:#689edc; }
#lease { float:left; font-size:16px; color:#F7941E; }
#open-contact { margin-top:15px; width:275px; cursor:pointer; }
#open-contact:hover { font-style:normal; background:#92da1f; }
#calc-footer { font-size:9px; color:#bbb; text-align:center; margin:20px 0 0 0; padding:0 0 5px 0; }
/*contact form*/
#info {
	display:none; margin:20px 0 0 0; padding:5px 20px 0 20px; border:none; width:320px; background-color:white;
	border-radius:15px; -moz-border-radius:15px; -khtml-border-radius:15px; -webkit-border-radius:15px;
	box-shadow:0 0 20px #ccc; -moz-box-shadow:0 0 20px #ccc; -khtml-box-shadow:0 0 20px #ccc; -webkit-box-shadow:0 0 20px #ccc;
}
#info-main { margin:0 0 0 0; }
#error { margin:20px 0 20px 0; color:red; }
#info-footer { font-size:9px; color:#bbb; text-align:center; margin:30px 0 2px 0; padding:0 0 5px 0; }
/*disclaimer*/
#bottom {
	width:984px; height:40px; margin:0 auto; background-color:white; padding:10px 20px; font-size:10px; text-align:center;
	border-radius:15px; -moz-border-radius:15px; -khtml-border-radius:15px; -webkit-border-radius:15px;
	box-shadow:0 0 20px #ccc; -moz-box-shadow:0 0 20px #ccc; -khtml-box-shadow:0 0 20px #ccc; -webkit-box-shadow:0 0 20px #ccc;
}
#disclaimer { width:984px; margin:20px auto; }
#disclaimer ul { list-style-type:upper-roman; }
/*tooltips*/
#tooltip { 
	position:absolute; z-index:3000; opacity:1; margin:0 0 0 0;
	width:240px; height:170px;
}
#tooltip.ppa-tool-back { background:url('../gfx/ppa-tip.png') no-repeat; }
#tooltip.lease-tool-back { background:url('../gfx/lease-tip.png') no-repeat; }
#ppa-tool, #lease-tool { cursor:pointer; }