/* Stylesheet: C:/Inetpub/wwwroot/vectrix/shared/css/global.css */
* {
	margin:0;
	padding:0;
}
a:focus { outline: none; }
a img {
	border:0;
}

body {
	background:#000;
	color: #888;
	font-family: Arial, sans-serif;
	text-align: center;
}

#content {
	width: 950px;
	margin:0 auto;
	text-align: left;
}

#header {
	padding:0 30px;
}

.toplogo {
	padding:17px 0 13px 0;
}
.toplogolink:focus {
	outline: none;
}

/* Top Nav */
#header ul {
	list-style-type:none;
	float:right;
	padding:83px 0 0 0;
	line-height:1em;
}

#header ul li {
	display:inline;
	padding:0 0 0 20px;
}

#header ul li a {
	color:#fff;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

#header ul li.active a {
	color:#a7a9ac;
}

/* Footer */
#footer {
	background: url("/img/console/footer-bkgd.jpg");
	width:950px;
	height:100px;
	text-align:center;
	color:#646464;
	float:left;
}

#footer ul {
	list-style-type:none;
	font-size:11px;
	padding:17px 0 13px 0;
	border-top:2px solid #646464;
	margin:0 12px;
}

#footer ul li {
	display:inline;
	padding:0 12px 0 0;
}

#footer ul li a {
	color:#646464;
	font-size:10px;
	text-decoration:none;
}

#footer p.copyright {
	font-size:9px;
	margin:15px 0 0 0;
}

#isite {
	float:right; 
	position:relative; 
	top: -28px; 
	right:26px;
}

#social {
	float:left; 
	position:relative; 
	top: 4px; 
	left:12px;
	margin-right: -220px;
}


/* Stylesheet: C:/Inetpub/wwwroot/vectrix/shared/css/tip.css */
.tooltip_tip .tl {
	width: 20px;
	height: 20px;
	font-size: 1px;
	background-image: url('/img/widgets/tip/tl.png');
	#background-image: url('/img/widgets/tip/tl.gif');
}
.tooltip_tip .top {
	height: 20px;
	font-size: 1px;
	background-image: url('/img/widgets/tip/top.png');
	#background-image: url('/img/widgets/tip/top.gif');
}
.tooltip_tip .tr {
	width: 39px;
	height: 20px;
	font-size: 1px;
	background-image: url('/img/widgets/tip/tr.png');
	#background-image: url('/img/widgets/tip/tr.gif');
}
.tooltip_tip .left {
	width: 20px;
	font-size: 1px;
	background-image: url('/img/widgets/tip/left.png');
	#background-image: url('/img/widgets/tip/left.gif');
}
.tooltip_tip .right {
	height: 39px;
	font-size: 1px;
	background-image: url('/img/widgets/tip/right.png');
	#background-image: url('/img/widgets/tip/right.gif');
}
.tooltip_tip .bl {
	width: 20px;
	height: 39px;
	font-size: 1px;
	background-image: url('/img/widgets/tip/bl.png');
	#background-image: url('/img/widgets/tip/bl.gif');
}
.tooltip_tip .bottom {
	height: 20px;
	font-size: 1px;
	background-image: url('/img/widgets/tip/bottom.png');
	#background-image: url('/img/widgets/tip/bottom.gif');
}
.tooltip_tip .br {
	width: 39px;
	height: 39px;
	font-size: 1px;
	background-image: url('/img/widgets/tip/br.png');
	#background-image: url('/img/widgets/tip/br.gif');
}
.tooltip_tip .call {
	/* position: relative;
	top: 0;
	left: 0; */
}
.tooltip_tip .call div {
	background-image: url('/img/widgets/tip/call.png');
	#background-image: url('/img/widgets/tip/call.gif');
	background-position: 100% 50%;
	background-repeat: no-repeat;
	width: 35px;
	height: 35px;
	position: relative;
	left: 2px;
}
.tooltip_tip {
	color: #333333;
	font: 8pt Arial;
	z-index: 200;
}
.tooltip_tip h1 {
	color: #55B948;
	font: 8pt Arial bold;
	margin: 0;
	padding: 0 0 0.25em;
	text-transform: uppercase;
}
.tooltip_tip .tip {
	width: 200px;
	background-color: white;
}
.tooltip {
	cursor: pointer;
	#cursor: hand;
	text-transform: uppercase;
}

/* Stylesheet: C:/Inetpub/wwwroot/vectrix/shared/css/eco-tool.css */
#econresult #step1 {
	width: 950px;
	height: 317px;
	background-image: url('/img/specific/eco-step1a.jpg');
	display: block;
	position: relative;
}
.load-bar, .load-wrap {
	height: 27px;
	background-image: url('/img/specific/eco-load-progress.gif');
	background-repeat: no-repeat;
}
.load-wrap {
	width: 352px;
	background-position: 0 0;
	margin: 0 auto;
	text-align: left;
}
.load-bar {
	background-position: 0 -28px;
	width: 4px;
}
#econresult #national_gas {
	position: absolute;
	left: 650px;
	top: 121px;
	width: 24px;
	height: 11px;
	color: #C5F611;
	font: 9px Arial Narrow;
	line-height: 9px;
	text-align: center;
}
#econresult #loader {
	width: 950px;
	height: 317px;
	display: none;
	background-image: url('/img/specific/eco-load-bike.jpg');
	background-position: 732px 50%;
	background-repeat: no-repeat;
}
#econresult #loader tbody, #econresult #loader td {
	width: 100%;
	height: 100%;
	color: black;
}
#econresult #loader tr {
	width: 100%;
	height: 50%;
	color: black;
}
#econresult #step2 {
	width: 950px;
	height: 317px;
	display: none;
}
.currency {
	position: absolute;
	left: 115px;
	top: 3px;
	width: 59px;
	height: 37px;
	text-align: right;
	font-size: 9px;
	font-weight: bold;
}
.currency select {
	font: 8px Arial;
	font-weight: bold;
	border: 2px solid #646464;
	background-color: white;
	height: 18px;
}
.currency select option {
	font: 8px Arial;
	font-weight: bold;
	padding: 2px 0;
	height: 10px;
}
.gas_price {
	position: absolute;
	left: 188px;
	top: 0;
	width: 104px;
	height: 49px;
	text-align: right;
}
.gas_edit {
	position:relative;
	top:2px;
}
.properties {
	position: absolute;
	left: 300px;
	top: 4px;
	width: 170px;
	/*height: 47px;*/
	line-height: 1.25em;
	vertical-align: top;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
}
.properties select {
	font: 9px Arial;
	font-weight: bold;
	border: 2px solid #646464;
	background-color: white;
	height: 18px;
	vertical-align: bottom;
	#position: relative;
	#top: -6px;
}
.properties select option {
	text-align: right;
	padding-right: 5px;
}
.properties input {
	border: 2px solid #a7a9ac;
	font: 9px Arial;
	font-weight: bold;
	height: 10px;
	padding: 2px 2px;
	line-height: 14px;
	vertical-align: bottom;
	text-align: right;
	#position: relative;
	#top: -6px;
}
.properties .inputs {
	margin-top: 12px;
}
.properties div {
	#position: relative;
	#top: 6px;	
}
.properties .miles {
	width: 23px;
}
.properties .zip {
	width: 39px;
}
.go {
	left: 480px;
	top: 36px;
}
#data, #summary {
	background-color: white;
	color: black;
	height: 100%;
	font-size: 10px;
}
#summary {
	padding-top:10px;
}
#fin_sum {
	width: 100%;
}
.vms {
	background-color: #e1e1e1;
}
td.vms, td.vgt, th.vms, th.vgt {
	text-align: right;
	padding: 0 10px;
	width: 15%;
}
#data {
	padding: 14px;
}
#data #complete {
	display: none;
}
.vehicle {
	width: 100%;
	margin-bottom: 20px;
}
.toggler {
	font: 16px Arial Narrow;
	font-weight: bold;
	padding-left: 20px;
	background-image: url('/img/specific/togglein.gif');
	background-position: 0 50%;
	background-repeat: no-repeat;
}
.toggler_out {
	background-image: url('/img/specific/toggleout.gif');
}
@media print {
	#header {
		display: none;
	}
	#footer {
		display: none;
	}
	body {
		background-color: white;
	}
	#dash {
		display: none;
	}
}
.separator .first {
	border-bottom: 1px solid #CCC; 
}
.separator .second {
	border-bottom: 1px solid #FFF; 
}
.separator .third {
	border-bottom: 1px dashed #333; 
}
.separator td {
	height: 0px; 
	overflow: hidden; 
	margin: 0; 
	padding: 0	
}

/* Stylesheet: C:/Inetpub/wwwroot/vectrix/shared/css/digit.css */
.digitus, .digitus .digit, .digitus .dot {
	background-image: url('/img/console/digit.png');
	background-repeat: no-repeat;
}
.digitus {
	background-position: 0 0;
	width: 104px;
	height: 38px;
	position: relative;
	float: right;
}
.digitus .digit {
	width: 16px;
	height: 32px;
	position: absolute;
	top: 0px;
}
.digitus .pos1 { left: 13px; }
.digitus .pos2 { left: 29px; }
.digitus .pos3 { left: 53px; }
.digitus .pos4 { left: 69px; }
.digitus .pos5 { left: 84px; }
.digitus .num0 { background-position: -104px 0px; }
.digitus .num1 { background-position: -120px 0px; }
.digitus .num2 { background-position: -136px 0px; }
.digitus .num3 { background-position: -152px 0px; }
.digitus .num4 { background-position: -168px 0px; }
.digitus .num5 { background-position: -184px 0px; }
.digitus .num6 { background-position: -200px 0px; }
.digitus .num7 { background-position: -216px 0px; }
.digitus .num8 { background-position: -232px 0px; }
.digitus .num9 { background-position: -248px 0px; }
.digitus .num_ { background: none; }
.digitus .dot { 
	width: 8px;
	height: 32px;
	position: absolute;
	top: 0;
	left: 45px; 
	background-position: -264px 0px;
}
.digitus .value {
	position: absolute;
	top: 0;
	left: 0;
	width: 104px;
	height: 38px;
	font-size: 27px;
	border: none;
	line-height: 38px;
	text-align: right;
	padding-top: 2px;
	padding-right: 3px;
	opacity: 0;
	filter: alpha(opacity=0);
}
#nat_price {
	position: relative;
	top: 40px;
	right: 40px;
}
.digitus input {
	background: transparent;
	border: none;
	font-size: 3em;
	text-align: right;
	width: 95%;
	padding-top: 2px;
}

/* Stylesheet: C:/Inetpub/wwwroot/vectrix/shared/css/console_dash.css */
#dash {
	position: relative;
	top: -10px;
	left: 0;
	margin-bottom: -10px;
	width: 950px;
	height: 88px;
	background-image: url('/img/console/dash.gif');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	line-height:1.2em;
}
#dash .eco_toolButton, #dash .rangeButton, #dash .interact, #dash .gallery {
	position: absolute;
	top: 31px;
	width: 63px;
	height: 48px;
	opacity: 0;
	#filter: alpha(opacity=0);
	background-color: #353734;
}
#dash .eco_toolButton {
	background-image: url('/img/console/economics_over.gif');
}
#dash .rangeButton {
	background-image: url('/img/console/range_over.gif');
}
#dash .interact {
	background-image: url('/img/console/interact_over.gif');
}
#dash .gallery {
	background-image: url('/img/console/gallery_over.gif');
}
#dash .eco_toolButton { left: 8px; }
#dash .rangeButton { left: 81px; }
#dash .interact { left: 802px; }
#dash .gallery { left: 875px; }
#dash .content {
	position: absolute;
	left: 165px;
	top: 20px;
	width: 619px;
	height: 53px;
	color: #CCC;
}

#main {
	color: white;
}

#tools_range .rangeButton, #tools_eco_nomics .eco_toolButton, #tools .eco_toolButton {
	opacity: 0.75;
	#filter: alpha(opacity=75);	
	background-image: none;
}
#dash .position {
	position: relaative;
}

#dash .content a {
	text-decoration: none;
	color: #c5fb11;
}
#dash .content a:hover {
	text-decoration: underline;
	color: #1cc970;
}

.downloads {
	position: absolute;
	top: 5px;
	left: 8px;
	width: 100px;
	font-weight: bold;
}
.left_vr {
	position: absolute;
	overflow: hidden;
	left: 112px;
	top: 5px;
	width: 1px;	
	height: 47px;
	background-color: #000000;
	border-left: 1px solid #48484b;
	border-right: 1px solid #262626;
}
.right_vr {
	position: absolute;
	overflow: hidden;
	left: 504px;
	top: 5px;
	width: 1px;	
	height: 47px;
	background-color: #000000;
	border-right: 1px solid #48484b;
	border-left: 1px solid #262626;
}
#dash .content {
	color: white;
	font: 9px Arial;
	text-transform: uppercase;
}
.print, .share, .bookmark {
	width: 58px;
	height: 11px;
	position: absolute;
	left: 528px;
}
.print:focus, .share:focus, .bookmark:focus {
	outline: none;
}
.print {
	top: 10px;
	background-image: url('/img/console/print.gif');
}
.share {
	top: 25px;
	background-image: url('/img/console/share.gif');
}
.bookmark {
	top: 40px;
	background-image: url('/img/console/bookmark.gif');
}
.go {
	display: block;
	position: absolute;	
	overflow: hidden;
	width: 16px;
	height: 16px;
	background-image: url('/img/console/go.gif');	
}
.go:focus {
	outline: none;
}


/* Stylesheet: C:/Inetpub/wwwroot/vectrix/shared/css/console.css */
/* Main content Area */
#experience_gallery #main {
	height: 390px;
}
#main {
	background:#666;
	background-image: url('/img/console/main-bkgd.jpg');
}

#index #main {
	height:511px;
}

#experience_interact #main {
	height:390px;
}

/* Promo Area */
#promos {
	padding:10px 0 0 13px;
	background-color:#191919;
	height:148px;
}

#leftpromo {
	width:277px;
	height:128px;
	background:url(/img/console/promo-left.jpg) no-repeat 0 0;
	float:left;
	padding:10px;
}
#rightpromo {
	width:281px;
	height:128px;
	background:url(/img/console/promo-right.jpg) no-repeat 0 0;
	float:left;
	padding:10px;
}
.openQuote {
	float: left;
}
#leftpromo .openQuote {
	padding:0;
}
#rightpromo .openQuote {
	padding:0 0 0 30px;
}
.closeQuote {
	position: relative; 
	bottom: 13px; 
	float: right;	
}
#leftpromo .closeQuote {
	padding: 30px;
}
.promo h2{
	color:#FFF;
	font-family:"arial black", arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin:0 0 15px 0;
	line-height:1.2em;
}
.faq p {
	margin: 10px 0 0 5px;
	width: 230px !important;
}
.faq h2 {
	margin: 1px 0 0 46px;
	padding: 9px 0 0;
}
#leftpromo .testimonials h2 {
	padding:0 0 35px 0px;	
	margin: 0 0 0 29px;
}
#rightpromo .testimonials h2 {
	padding: 0 0 35px 63px;
}
.faq p a {
	padding-left: 0;
}
.promo h1 {
	color:#1DB35A;
	float:left;
	width:35px;
	font-family: arial, sans-serif;
	font-size:36px;
	padding:0 0 0 0;
	margin: 0 0 0 0;
}

.testimonials {
	margin-top:10px;
}

.testimonials p {
	width: 212px !important;
	position: relative;
}
#leftpromo .testimonials p {
	margin: 0 0 0 28px;
}
#rightpromo .testimonials p {
	margin: 0 0 0 63px;
}

.promo p {
	color:#A7A9AC;
	font-family:arial, sans-serif;
	font-size:11px;
	font-weight:normal;
	padding:0 0 7px 0;
	width:260px;
	line-height:1.2em;
}

.promo p a {
	color:#1DB35A;
	font-family:arial, sans-serif;
	font-size:9px;
	font-weight:bold;
	text-decoration:none;
	
}
.promo {
	position: relative;
}
.promo a.out {
	color:#1DB35A;
	font-family:Arial Black, Arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	position: absolute;
	bottom: 15px;
}
.promo .faq a.out {
	left: 17px;
}

#leftpromo .testimonials a.out {
	left: 38px;
}
#rightpromo .testimonials a.out {
	left: 72px;
}

#rightpromo .environment {
	margin:0 0 0 30px;
}

#ridebuy {
	width:200px;
	height:110px;
	float:left;
	background:#000;
	padding: 18px 63px;
}

#console_flash {
	height: 100%;
}
#console_center, #console_center .pos {
	position: relative;
}
#console_center .abs {
	position: absolute; 
	top: 0; 
	left: 0;
}
#console_center .size {
	position: relative; 
	width: 200px; 
	height: 110px;
}
#console_center #road {
	position: absolute; 
	top: 49px; 
	left: 62px;
	width: 48px;
	height: 44px;
	overflow: hidden;
}
#console_center #road_fore {
	position: absolute; 
	top: 0px; 
	left: -32px;
}
#console_center .control {
	position: absolute; 
	top: 43px; 
	left: -10px;	
}
#console_center .control select, #console_center .control input {
	font-size: 10px; 
	font-family: Arial Narrow, Arial;
}
#console_center .control .test_ride {
	position: relative; 
	top: 3px;
}
#console_center .control .test_ride:focus, #console_center .control .buy:focus {
	outline: none;
}
#console_center .control .buy {
	display: block; 
	position: absolute; 
	top: 20px; 
	left: 0px; 
	width: 78px; 
	height: 14px;	
}
#home_center {
	position: relative;
	width: 950px;
	margin: 0 auto;
}
#home_center #ridebuy {
	position: absolute; 
	top: -153px; 
	left: 373px;
	display: none;
	background-color: none;
	padding:14px 12px;
}
div.cmf-skinned-select {
    background: url('/img/console/flex_select.png') top right no-repeat ;
    border: none;
	width: 80px;
}
div.cmf-skinned-text {
	line-height: 20px;
	background: url('/img/console/flex_select.png') top left no-repeat;
	left: 0;
	text-align: center;
	font-family: Terbuchet MS, Arial;
	color: #666666;
}
#manual option {
	text-align: center;
	font-family: Trebuchet MS, Arial;
	color: #666666;
}