
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	font: 12px normal Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	color: #303030;
	line-height: 150%;
	background: url(../img/bodybg.png) repeat-y 8% -63px #ffffff;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, fieldset, table, pre {
	margin: 0;
	padding: 0;
}

ul { list-style: none;}

a, a:active {
	color: #1888cc;
	outline: none;
	text-decoration: none;
}

a:hover { text-decoration: underline;}

a img { border: none;}

#container {
	width: 930px;
	height: 100%;
	margin: 0 auto 0 auto;
}

html>body #container { min-height: 100%; height: auto!important;}

/* header area */

#header {
	width: 930px;
	height: 127px;
	overflow: hidden;
}

#logo {
	float: left;
	display: inline;
	margin: 8px 0 0 2px;
}

#hright {
	float: right;
	width: 420px;
	overflow: hidden;
	margin-top: 25px;
}

.slogan { float: right;}

.phone {
	float: right;
	margin: 8px 0 12px 0;
	color: #1888cc;
	font-size: 24px;
}

#headnav {
	float: right;
	width: 352px;
	overflow: hidden;
}

#headnav li {
	float: left;
	color: #1a171b;
	border-right: 1px solid #1a171b;
}

#headnav li.last { border-right: none;}

#headnav li a {
	color: #1a171b;
	padding: 0 10px 0 10px;
	line-height: 16px;
	text-decoration: none;
}

#headnav li a:hover { text-decoration: underline;}

#headnav li.last a { padding: 0 0 0 10px;}

#topnav {
	width: 930px;
	overflow: hidden;
	margin-bottom: 10px;
}

#topnav li {
	float: left;
	width: 186px;
	height: 32px;
	overflow: hidden;
}

#topnav li a {
	display: block;
	width: 186px;
	height: 32px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	background: url(../img/topnav_btn.png) no-repeat left top;
}

#topnav li a:hover, #topnav li a.active { background: url(../img/topnav_btn.png) no-repeat left bottom;}

#topbnr {
	width: 930px;
	height: 93px;
	margin-bottom: 10px;
}

/* main content area */

#content_hold {
	width: 930px;
	overflow: hidden;
	padding-bottom: 40px;
}

#main_content {
	float: left;
	width: 771px;
	overflow: hidden;
}

#content_box {
	width: 771px;
	overflow: hidden;
	position: relative;
	margin-bottom: 15px;
	background: url(../img/mcont_holdboxbg.gif) repeat-y left top;
}

#icons {
	width: 40px;
	position: absolute;
	top: 0;
	left: 0;
}

#icons li a {
	display: block;
	width: 40px;
	text-indent: -10000px;
}

#ico_home a { height: 35px; background: url(../img/icons_set.png) left top;}
#ico_sun a { height: 34px; background: url(../img/icons_set.png) left -35px;}
#ico_rainbow a { height: 35px; background: url(../img/icons_set.png) left -69px;}
#ico_leaves a { height: 34px; background: url(../img/icons_set.png) left -104px;}
#ico_clouds a { height: 34px; background: url(../img/icons_set.png) left bottom;}

#ico_home a:hover, #ico_home a.active { height: 35px; background: url(../img/icons_set.png) right top;}
#ico_sun a:hover, #ico_sun a.active { height: 34px; background: url(../img/icons_set.png) right -35px;}
#ico_rainbow a:hover, #ico_rainbow a.active { height: 35px; background: url(../img/icons_set.png) right -69px;}
#ico_leaves a:hover, #ico_leaves a.active { height: 34px; background: url(../img/icons_set.png) right -104px;}
#ico_clouds a:hover, #ico_clouds a.active { height: 34px; background: url(../img/icons_set.png) right bottom;}

#content {
	width: 736px;
	overflow: hidden;
	margin-left: 35px;
	background: url(../img/mcont_boxbg.gif) no-repeat right bottom;
	border-top: 1px solid #c9cbcb;
}

#content .pic {
	float: left;
	display: inline;
	margin: 70px 30px 10px 30px;
}

#content .txt {
	float: left;
	width: 310px;
	padding-top: 30px;
}

#content .txt h1 {
	font-size: 20px;
	color: #f19300;
	margin-bottom: 25px;
}

#content .txt h2 {
	font-size: 14px;
	color: #d3007a;
	margin-bottom: 16px;
}

.required {
	font-weight: bold;
}

#content .txt p { margin-bottom: 18px;}

#sidenav {
	width: 141px;
	position: absolute;
	right: 0;
	top: 0;	
}

#sidenav li { float: left;}

#comparative_table {
	width: 769px;
	overflow: hidden;
	margin: 0 0 12px 2px;
	background: url(../img/table_bg.gif) repeat-y left top;
}

#table_top {
	width: 769px;
	background: url(../img/table_topbg.gif) no-repeat left top;
}

#comparative_table h3 {
	color: #ffffff;
	line-height: 120%;
	font-size: 28px;
	text-align: center;
	padding: 20px 0 15px 0;
}

#comparative_table ul {
	width: 769px;
	overflow: hidden;
}

#comparative_table ul.last {
	background: url(../img/table_btm.gif) no-repeat left bottom;
}

#comparative_table ul li {
	float: left;
	width: 153px;
	color: #344694;
	line-height: 120%;
	text-align: center;
	padding: 5px 0 5px 0;
	border-right: 1px solid #d8d9d9;
	border-bottom: 1px solid #d8d9d9;
}

#comparative_table ul li.nbrd {
	border-right: none;
	border-bottom: 1px solid #d8d9d9;
}

#comparative_table ul li.nbrd2 {
	border-right: none;
	border-bottom: none;
}

#comparative_table ul li.nbrd3 {
	border-right: 1px solid #d8d9d9;
	border-bottom: none;
}

#comparative_table ul li.pink { color: #d3007a;}

#comparative_table ul li.first {
	width: 143px;
	color: #1a171b;
	text-align: right;
	padding: 5px 10px 5px 0;
}

#comparative_table ul li.top {
	height: 24px;
	padding: 12px 0 5px 0;
}

#comparative_table ul li.ftop {
	width: 154px;
	height: 24px;
	padding: 12px 0 5px 0;
}

/* right column */

#right_column {
	float: right;
	width: 142px;
}

#calculator {
	width: 142px;
	margin-bottom: 15px;
}

#signup {
	width: 142px;
	height: 175px;
	margin-bottom: 15px;
	position: relative;
	background: url(../img/signupbox_bg.png) no-repeat left top;
}

#signup p.top {
	margin: 0 20px 18px 10px;
	padding-top: 5px;
	font-size: 19px;
	color: #ffffff;
}

#signup p.btm {
	margin: 0 0 0 10px;
	font-size: 12px;
	font-weight: bold;
	color: #1a171b;
}

#signup a.btn {
	width: 54px;
	height: 56px;
	position: absolute;
	right: 2px;
	bottom: 2px;
	text-indent: -10000px;
	background: url(../img/signup_btn.png) no-repeat left top;
}

#signup a.btn:hover, #signup a.btn:active {
	background: url(../img/signup_btn.png) no-repeat left bottom;
}

#request_call {
	width: 142px;
	height: 211px;
	margin-bottom: 15px;
	position: relative;
	background: url(../img/callbrbox_bg.png) no-repeat left top;
}

#request_call p.top {
	margin: 0 14px 10px 10px;
	padding-top: 5px;
	font-size: 19px;
	color: #ffffff;
}

#request_call form { border: none;}

#request_call form p { margin: 0 10px 8px 10px;}
#request_call form p.submit { margin: 30px 10px 8px 10px;}

#request_call form label { display: block; margin-bottom: 2px; font-weight: bold; color: #1a171b;}

#request_call form input.txt {
	font: 12px normal Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	color: #7d7d7d;
	width: 118px;
	padding: 2px;
	border: 0;
}

#request_call input.btn {
	width: 54px;
	height: 56px;
	position: absolute;
	right: 2px;
	bottom: 2px;
	background: url(../img/callbr_btn.png) no-repeat left top;
}

#request_call input.btn:hover, #request_call input.btn:active {
	background: url(../img/callbr_btn.png) no-repeat left bottom;
}

#rss {
	width: 142px;
	margin-bottom: 12px;
	background: url(../img/rssboxbg.png) repeat-y left top;
}

#rss h2 {
	width: 142px;
	height: 35px;
	position: relative;
	font-size: 14px;
	color: #ffffff;
	background: url(../img/rssboxtop.png) no-repeat left top;
}

#rss h2 span {
	display: block;
	padding: 10px 0 0 5px;
}

#rss h2 .ico {
	position: absolute;
	top: 9px;
	right: 5px;
}

#rss ul {
	padding: 10px 7px 5px 7px;
	background: url(../img/rssboxbtm.png) no-repeat left bottom;
}

#rss ul li {
	margin-bottom: 10px;
	padding-bottom: 7px;
	border-bottom: 1px solid #c5c6c8;
}

#rss ul li h3 {
	font-size: 14px;
	margin-bottom: 6px;
}

#rss ul li p { margin-bottom: 5px;}

#rss ul li h3 a, #rss ul li p a { color: #f19300; text-decoration: none;}
#rss ul li h3 a:hover, #rss ul li h3 a:active, #rss ul li p a:hover, #rss ul li p a:active { text-decoration: underline;} 

/* footer area */

#footer {
	width: 930px;
	clear: both;
	height: 40px;
	margin: -40px auto 0 auto;
	background: url(../img/footerbg.png) no-repeat left top;
}

.copy {
	float: left;
	padding: 5px 0 0 15px;
	font-size: 11px;
}

/* signup page */

#sform {
	width: 90%;
	margin: 12px;
	
}

#sform form { border: 0;}

#sform form p { padding-bottom: 32px; margin: 0; overflow: hidden;} /* ie6 only */

html>body #sform form p { margin-bottom: 12px; padding: 0; overflow: hidden;}

#sform form label {
	display: block;
	width: 35%;
	float: left;
	text-align: right;
	line-height: 1.7em;
	padding-right: 5px;
}

#sform input.txt {
	font: 12px normal Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	color: #7d7d7d;
	width: 216px;
	padding: 2px;
	border: 1px solid #c5c6c8;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#sform input.txt2 {
	font: 12px normal Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	color: #7d7d7d;
	width: 116px;
	padding: 2px;
	border: 1px solid #c5c6c8;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#sform input.txt3 {
	font: 12px normal Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	color: #7d7d7d;
	width: 80px;
	padding: 2px;
	border: 1px solid #c5c6c8;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#sform h1 {
	font-size: 20px;
	color: #f19300;
	margin-left: 50px;
	margin-right: 100px;
	margin-bottom: 25px;
}

#sform h2 {
	font-size: 14px;
	color: #d3007a;
	margin-left: 50px;
	margin-right: 100px;
	margin-bottom: 16px;
}

#sform p {
	font: 12px normal Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	color: #303030;
	line-height: 150%;
	margin-left: 50px;
	margin-right: 100px;
	margin-bottom: 16px;
}

#sform form div.addr { margin-bottom: 15px;}
#sform form div.addr p { padding-bottom: 25px; overflow: hidden;}
html>body #sform form div.addr p { margin-bottom: 5px;padding: 0; overflow: hidden;}
	
#sform input.btn {
	padding: 2px 4px 4px 4px;
	margin-left: 28%;
	font-size: 14px;
	cursor: pointer;
	border: 1px solid #c5c6c8;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #53b8a7;
}

html>body #sform input.btn { margin-left: 36%;}

#sform select {
	font: 12px normal Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	color: #7d7d7d;
}

#sform textarea {
	font: 12px normal Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	color: #7d7d7d;
	padding: 2px;
	border: 1px solid #c5c6c8;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#sform p.note {
	padding: 0;
	font-size: 11px;
	font-style: italic;
	color: #2E2E2E;
}

/* faq */

#faqs { margin-bottom: 15px;}

#faqs ul { display: none;}

#faqs li { margin-bottom: 15px;}

#faqs li li { margin-top: 7px;}

#faqs li a { font-weight: bold; text-decoration: underline;}

/* bolt ons boxes */

#boltbox_hold {
	width: 700px;
	overflow: hidden;
	clear: both;
	margin: 0 0 18px 30px;
}

#boltbox_hold p.txt2 {
	clear: both;
	padding: 18px 0 0 0;
}

.boltbox {
	width: 180px;
	height: 160px;
	float: left;
	display: inline;
	position: relative;
	margin-right: 30px;
	margin-left: 20px;
	padding-bottom: 5px;
	background: url(../img/boxbg.gif) no-repeat left bottom;
}

.boltbox h2 {
	width: 180px;
	height: 25px;
	color: #ffffff;
	font-size: 14px;
	background: url(../img/boxtop.gif) no-repeat left top;
}

.boltbox h2 span {
	display: block;
	padding: 4px 0 0 10px;
}

.boltbox div {
	width: 162px;
	overflow: hidden;
	padding: 10px 9px 5px 9px;
}

.boltbox div p.ptxt {
	width: 48%;
	float: left;
	font-size: 11px;
}

.boltbox div p.ptxt .prc {
	font-weight: bold;
	font-size: 14px;
}

.boltbox div p.ppic {
	width: 48%;
	float: right;
}

.boltbox p.signup {
	position: absolute;
	left: 10px;
	bottom: 9px;
}


