/* CSS Document */

BODY, HTML {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #e3e8bf;
}

#container {
	width: 831px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	background-image: url(/images/page_extend.gif);
	background-repeat: repeat-y;
}
#main {
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 59px;
	margin-right: 31px;
	padding-top: 35px;
	padding-bottom: 10px;
}
#header {
	margin-right: auto;
	margin-left: auto;
	height: 27px;
	width: 831px;
}
#energylogic {
	line-height: 43px;
	position: relative;
	height: 43px;
	width: 214px;
	top: -10px;
	clear: both;
	float: right;
	right: 30px;
}
#menu {
	height: 24px;
	background: url(/images/menubar.gif) no-repeat;
	text-align: left;
	line-height: 24px;
	color: #FFFFFF;
	width: 739px;
	margin-bottom: 20px;
}
a {
	color: #b54f14;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #b54f14;
	text-decoration: underline;
	font-weight: bold;
}
.home_box-bkg {
	background: url(/images/home_box-bkg.gif) repeat-y 0px 0px;
	padding-left: 10px;
	padding-right: 10px;
}
.welcome {
	height: 27px;
	margin-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #b04203;
}
#menulist li {
	display: inline;
	list-style-type: none;
	margin-right: 2px;
}

#menu a {
	font: bold 12px/24px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

#menu a:hover {
	font: bold 12px/24px Arial, Helvetica, sans-serif;
	color: #fecc7d;
	text-decoration: none;
}
#main h1 {
	margin-left:0px;
	font-size:10px;
	text-transform:uppercase;
	background: url(/images/menubar.gif) no-repeat;
	color: #FFFFFF;
	line-height: 24px;
	height: 24px;
}
#main h1 span {
	border-left:1px solid #000;
	color:#b2e55a;
	margin-left:15px;
	padding-left:15px;
}
#main h3 {
	margin-left:0px;
	font-size:10px;
	text-transform:uppercase;
	line-height: 24px;
	height: 24px;
}
#main h3 span {
	border-left:1px solid #000;
	color:#2b3e28;
	margin-left:15px;
	padding-left:15px;
}
#main #content #col1 { float:left; width:330px; }
#main #content #col2 { margin-left:355px; }
#content {
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
	vertical-align: top;
}
#content td {
	vertical-align: top;
}
.tenleft {
	margin-left: 30px;
	margin-right: 20px;
}
.clear { clear: both; }
.right { text-align:right; }

th { text-align:right; padding-right:10px; }

table.horizontal { width:100%; }
table.horizontal tr th {
	background-color:#2b3e28;
	text-align:center;
	padding-right:0px;
	border:1px solid #3c5738;
	color: #FFFFFF;
}
table.horizontal tr td { text-align:center; }
table.horizontal tr td a { color:#b54f14; text-decoration:underline; display:block; }

#warranty table th { width:250px; font-weight:normal; }
#warranty table td { vertical-align:top; }

#diagram { position:relative; }
.hotspot { position:absolute; }
.hotspot:hover { border:1px solid #f00; cursor:pointer; }

#cart tr td { text-align:center; }
#flashcontent {
	height: 237px;
	width: 295px;
}

.big {
	font-size: 18px;
	font-weight: bold;
}

.blk {
	background-color:#2b3e28;
	color: #FFF;
}
div#main .normal { font-weight: normal; }
.tableHead {
	background: #000;
	color: #FFF;
}

.error {
	color: #FF0000;
	font-weight: bold;
}

.hide { display: none; }

td.roi_logo { width: 125px; text-align: center; vertical-align: top; }
div.roi_calc { width: 50%; text-align: left; float: left; padding: 15px 0 0 0; }
div.begin_analysis { width: 45%; text-align: right; float: right; padding: 20px 0 0 0; }
div.begin_analysis img { border: 0; }
img.calculator { border: 0; float: left; margin-bottom: 20px; }
a.new-quote { display: block; float: right; margin-top: 25px; overflow: hidden; }
a.new-quote img { border: 0; }
table#roitable { clear: both; width: 100%; }
table#roitable .center { text-align: center; }
table#roitable { background: none; }
table#roitable th { background: url('/images/roitablebg.gif') 0 0 repeat-x; border: 0; color: #fff; font-weight: normal; font-size: 11px; font-weight: bold; padding: 5px; text-align: left; line-height: 11px; }
table#roitable th a { color: #fff;}
table#roitable tr { border: 0; }
table#roitable tr:nth-child(even) { background: #f8fef3; }
table#roitable td { font-size: 11px; text-align: left; }
table#roitable a.roi, table#roitable a.roi:visited { color: #609802; }

.input1 { border: 1px solid #999; width: 200px; font-size: 12px; font-family: arial, verdana, sans-serif; }
.textarea1 { border: 1px solid #999; font-size: 12px; font-family: arial, verdana, sans-serif; }
.bg1 { background: #fff; }
.bg2 { background: #f8fef3; }
#main .csf { display: none; }

#nav-sec { float: right; margin: -15px 12px 0 0; padding: 0; width: auto; }
#nav-sec li { float: left; margin: 0 0 0 12px; padding: 0; list-style-type: none; }
#nav-sec li a, #nav-sec li a:visited { display: inline; margin: 0; line-height: 14px; color: #609802; }

#pos-wrap { position: relative; }
#ajax-msg { width: 240px; margin: 0 auto; text-align: left; padding: 8px; background: #eee; position: absolute; top: 48px; right: 5px; line-height: 20px; color: #000; }

table#roitable th a.sort {
	padding-right: 15px;
	background: url('/images/sort-sprite.png') 100% 2px no-repeat;
}
table#roitable th a.ascending {
	background-position: 100% -11px;
}
table#roitable th a.descending {
	background-position: 100% -23px;
}
.action {
	color: #b54f14;
	display: block;
	cursor: pointer;
	font-weight: bold;
}
.action:hover {
	text-decoration: underline;
}
#pagination {
	width: 100%;
	text-align: center;
	margin-top: 30px;
	padding-top: 30px;
	border-top: solid 1px #ddd;
}
#pagination a {
	margin: 0 2px;
}
#activepage {
	color: #222;
}