@charset "UTF-8";
body {
	margin: 0px;
}
#container {
	width: 800px;
	margin: 0px;
}
#container #header {
	background: url(../images/bg_headerUltraTemp.jpg) no-repeat;
	height: 437px;
	width: 800px;
}
#header #leftbar {
	height: 437px;
	width: 170px;
	float: left;
}
#header #leftbar #linkfield {
	height: 338px;
}
#header #leftbar #linkfield .links {
	float: left;
	height: 30px;
	width: 160px;
	margin-left: 10px;
	font: italic bold 8.5pt Verdana;
	color: #0069B2;
}
#leftbar #linkfield .links a {
	font: italic bold 8.5pt Verdana;
	color: #0069B2;
	text-decoration:none;
}
#header #rightInfo {
	float: right;
	height: 377px;
	width: 380px;
	text-align: right;
	padding-top: 60px;
}
#header #rightInfo #textArea {
	text-align: left;
	position: absolute;
	top: 140px;
	left: 462px;
	width: 338px;
}
#container #header #rightInfo #textArea p {
	font: 10pt Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px;
}
#container #header #rightInfo #linkfield {
	position: absolute;
	left: 420px;
	top: 410px;
	height: 20px;
	width: 380px;
	padding-top: 7px;
}
#container #header #rightInfo .links {
	font: 8.5pt Arial, Helvetica, sans-serif;
	margin: 0px 10px 0px 0px;
	text-align: center;
	padding-bottom: 2px;
	border-bottom: 3px solid #9fc54d;
	float: left;
	width: auto;
	padding-right: 2px;
	padding-left: 2px;
	cursor: pointer;
}
#container #header #rightInfo .linksOver {
	font: 8.5pt Arial, Helvetica, sans-serif;
	margin: 0px 10px 0px 0px;
	text-align: center;
	padding-bottom: 2px;
	float: left;
	width: auto;
	padding-right: 2px;
	padding-left: 2px;
	cursor:pointer;
}
#container #mainBody {
	width: 680px;
	margin-left: 120px;
	margin-top: 10px;
	float: none;
}
#mainBody #leftSide {
	width: 330px;
	margin-right: 5px;
	float: left;
}
#mainBody #leftSide #truck {
	height: 308px;
	width: 330px;
	background: url(../images/img_truckUltratemp.jpg) no-repeat;
}
#leftSide #truck .viewMore #plusSign1 {
	position: absolute;
	left: 334px;
	top: 474px;
	height: 20px;
	width: 20px;
	cursor: pointer;
}
#leftSide #truck .viewMore #MoreText1 {
	position: absolute;
	left: 170px;
	top: 520px;
	background: #FFFFFF;
	border: 1px solid #FF0000;
	text-align: center;
	padding: 5px;
	font: 10pt Arial, Helvetica, sans-serif;
	color: #FF0000;
}
#leftSide #truck .viewMore #plusSign2 {
	position: absolute;
	left: 406px;
	top: 484px;
	height: 20px;
	width: 20px;
	cursor: pointer;
}
#leftSide #truck .viewMore #MoreText2 {
	position: absolute;
	left: 170px;
	top: 520px;
	background: #FFFFFF;
	border: 1px solid #FF0000;
	padding: 5px;
	font: 10pt Arial, Helvetica, sans-serif;
	color: #FF0000;
}
#leftSide #truck .viewMore #plusSign3 {
	position: absolute;
	left: 412px;
	top: 528px;
	height: 20px;
	width: 20px;
	cursor: pointer;
}
#leftSide #truck .viewMore #MoreText3 {
	position: absolute;
	left: 170px;
	top: 520px;
	background: #FFFFFF;
	border: 1px solid #FF0000;
	padding: 5px;
	font: 10pt Arial, Helvetica, sans-serif;
	color: #FF0000;
}
#leftSide #truck .viewMore #plusSign4 {
	position: absolute;
	left: 394px;
	top: 560px;
	height: 20px;
	width: 20px;
	cursor: pointer;
}
#leftSide #truck .viewMore #MoreText4 {
	position: absolute;
	left: 170px;
	top: 520px;
	background: #FFFFFF;
	border: 1px solid #FF0000;
	padding: 5px;
	font: 10pt Arial, Helvetica, sans-serif;
	color: #FF0000;
}
#leftSide #truck .viewMore #plusSign5 {
	position: absolute;
	left: 398px;
	top: 608px;
	height: 20px;
	width: 20px;
	cursor: pointer;
}
#leftSide #truck .viewMore #MoreText5 {
	position: absolute;
	left: 170px;
	top: 520px;
	background: #FFFFFF;
	border: 1px solid #FF0000;
	padding: 5px;
	font: 10pt Arial, Helvetica, sans-serif;
	color: #FF0000;
}
#leftSide #truck .viewMore #plusSign6 {
	position: absolute;
	left: 375px;
	top: 624px;
	height: 18px;
	width: 18px;
	cursor: pointer;
}
#leftSide #truck .viewMore #MoreText6 {
	position: absolute;
	left: 170px;
	top: 520px;
	background: #FFFFFF;
	border: 1px solid #FF0000;
	padding: 5px;
	font: 10pt Arial, Helvetica, sans-serif;
	color: #FF0000;
}
#leftSide #truck .viewMore #plusSign7 {
	position: absolute;
	left: 280px;
	top: 745px;
	height: 18px;
	width: 160px;
	font: bold 7pt Arial, Helvetica, sans-serif;
	text-decoration: underline;
	cursor: pointer;
}
#leftSide #truck .viewMore #MoreText7 {
	position: absolute;
	left: 120px;
	top: 470px;
	height: 298px;
	width: 330px;
	background: #CAE7F3;
	border: 1px solid #FF0000;
	z-index: 3;
	text-align: center;
	padding-top: 10px;
	font: 9pt Arial, Helvetica, sans-serif;
}
#leftSide #benefits {
	background: #cae7f3;
	padding-bottom: 10px;
	margin-top: 10px;
}
#leftSide  #benefits  #textArea p {
	font: 10pt Helvetica;
	margin: 0px 0px 5px 5px;
}
#leftSide #timeline {
	text-align: center;
	font: 9pt Helvetica;
	margin-top: 10px;
}
#leftSide #timeline .info {
	font: bold 8pt Helvetica;
	background: url(../images/img_timelineBar.gif) no-repeat;
	height: 29px;
	width: 267px;
	padding-top: 13px;
	margin-right: auto;
	margin-left: auto;
	position: fixed;
	z-index: 2;
}
#leftSide #timeline .info2 {
	font: bold 8pt Helvetica;
	background: url(../images/img_timelineBar.gif) no-repeat;
	height: 34px;
	width: 267px;
	padding-top: 8px;
	margin-right: auto;
	margin-left: auto;
	position: fixed;
}
#mainBody #rightSide {
	float: left;
	width: 330px;
	margin-left: 5px;
}
#rightSide #copy p {
	font: 10pt Helvetica;
	margin: 5px 0px 10px;
}
#rightSide #savings {
	margin-top: 10px;
	background: #F0BB56;
	padding-bottom: 10px;
}
#savings #textArea p {
	font: 10pt Helvetica;
	text-align: left;
	margin-right: 5px;
	margin-left: 5px;
}
#savings #calculator {
	width: 308px;
	margin: 0px 10px;
	border: 1px solid #FFFFFF;
	background: #50b0d7;
	padding-bottom: 10px;
	height: 220px;
}
#rightSide #savings #calculator #areaCal {
	width: 308px;
	height: 180px;
}
#calculator  #areaCal  .field  {
	float: left;
	width: 150px;
	font: 8pt Helvetica;
	padding-left: 2px;
	height: 35px;
	margin-top: 5px;
}
#calculator #areaCal #calculatorForm {
	margin-top: 0px;
	border-top: 1px solid #FFFFFF;
	height: 175px;
	padding: 0px;
}
#calculator  #areaCal .field input  {
	width: 130px;
}
#calculator #areaCal #calculatorForm #calButton {
	width: 300px;
	border-bottom: 1px solid #FFFFFF;
	float: right;
	text-align: center;
	margin: 10px 4px;
	padding-bottom: 10px;
}
#calculator #areaCal #results {
	float: right;
	width: 308px;
	margin-bottom: 10px;
}
#areaCal #calculatorForm #results p {
	margin: 0px 0px 10px;
	text-align: center;
	font: bold 10pt Helvetica;
	color: #FFFFFF;
}
#areaCal #calculatorForm #results .bigger {
	font: bold 16pt Helvetica;
	color: #FFFFFF;
	text-align: center;
}
#calculatorForm #results .bigger input {
	background: #50B0D7;
	border-style: none;
	padding: 0px;
	font: bold 16pt Helvetica;
	color: #FFFFFF;
	text-align: center;
}
#container #mainBody #comparison {
	float: left;
	width: 670px;
	margin-top: 10px;
	background: #CAE7F3;
}
#container #mainBody #comparison .tableStyle {
	font: 9pt Helvetica;
	color: #000000;
	border: 1px solid #FFFFFF;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
}
.titleBar {
	font: 10pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #8EC84E;
	width: 100%;
	text-align: left;
	padding-top: 1px;
	padding-bottom: 1px;
}.titleBar p {
	margin: 2px 0px;
	padding-left: 5px;
}
.headline {
	font: bold 10pt Helvetica;
	margin-top: 5px;
	margin-bottom: 2px;
	padding-left: 5px;
}
#footer {
		font-family:Arial, Helvetica, sans-serif;
		font-size:9px;
		text-align:center;
		margin-left:5px;
		margin-top:5px;
		margin-bottom: 10px;
		width:775px;
		}
		
		#footer img, #footer p {
		float:left;
		}
		
		#footer p {
		margin-top:10px;
		}
		
		#footer a:link {
		text-decoration:none;
		color:#000;
		}
		
		#footer a:hover {
		text-decoration:none;
		color:#000;
		}
		
		#footer a:visited {
		text-decoration:none;
		color:#000;
		}
		
#footer img {
		border-style:none;
		}
		
		a:link {
		color:#036;
		font-weight:bold;
		}
		
		a:hover {
		color:#036;
		font-weight:bold;
		}
		
		a:visited {
		color:#036;
		font-weight:bold;
		}