@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, form, input {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #5a5a5a;
}

body {
	background: url(../images/bg-gradient.jpg) repeat-x #e1e1e1;
	color: #5a5a5a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
	overflow-x: hidden;
}

h1, h2, h3
{
	text-transform: uppercase;	
	font-family: "Century Gothic",Arial,Helvetica,sans-serif;
	float: left;
}

h1
{
	font-size: 20px;
	color: #32A3CC;
	margin-bottom: 10px;
	line-height: normal;
}

h2
{
	font-size: 14px;
	margin-top: 10px;
}

h3
{
	font-size: 14px;
	margin-bottom: 10px;
}

a, img
{
	outline: none;	
}

a
{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
	cursor: pointer;
	color: #000;
}

ul, li
{
	list-style: outside disc;
	float: left;
	clear: left;
	font-size: 12px;
}

.clear {clear: both; height: 0}

.body-text ul, .right-content ul, .counties-content ul, .dealer-content ul
{
	width: 440px;
	margin-left:20px;
	margin-bottom:15px;
	text-align: justify;
}

.right-content ul li,  .counties-content ul li, .dealer-content ul li{
	margin-bottom:5px;
}

a:hover
{
	text-decoration: underline;
}

div#login-links a
{
	float: left;
	color: #32a3cc;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
}


label
{
	padding-top: 4px;	
	margin-right: 3px;
	font-size: 12px;
}

a.main-link, a.main-link-inline
{
	float: left;
	clear: both;
	color: #32a3cc;
	text-transform: uppercase;
	background: url(../images/link-arrow.png) no-repeat;
	background-position: right top;
	padding-right: 12px;
	min-height: 15px;
	font-size: 11px;
	font-weight: bold;
}

a.main-link-inline
{
	float: none;
}

.left-content a.main-link
{
	background-position: left top;
	padding-left: 15px;
}

p, p span
{
	padding-bottom: 10px;
	float: left;
	clear: left;
	font-size: 12px;
}

p.small-print
{
	font-size: 9px;
	color: #ccc;
	margin-bottom: 5px;
}

.left
{
	float: left;	
}

.right
{
	float: right;	
}

#outer-wrapper
{
	width: 974px;
	position: relative;
	margin: 0 auto 0 auto;
}	

#content-main
{
	width: 974px;	
	float: left;
	background: #FFF;
	padding-bottom: 9px;
	min-height: 300px;
}

#header
{
	margin: 14px 0 14px 0;
	float: left;
	width: 974px;
}

div#login-links
{
	float: right;
	margin-top: 16px;
	margin-right: 14px;
	display: none;
}

div#login-links .link-divider
{
	float: left;
	height: 14px;
	color:#CCC;
	border-right: 1px solid #CCC;
	margin: 0 5px 0 5px;
}

a#logo
{
	float: left;
	margin-left: 14px;
}

div#top-navigation
{
	background: url(../images/nav-bar.png) no-repeat;
	width: 974px;
	/*height: 38px;*/
	float: left;
}

ul#nav li
{
	float: left;	 
}

ul#nav li a
{
	color: #FFF;
	text-transform: uppercase;	
	font-family: "Century Gothic",Arial,Helvetica,sans-serif;
	font-size:14px;
	padding: 9px 8px 10px 8px;
	float: left;
	border-right: 1px solid #999;
}

.cufon-active ul#nav li a
{
	padding: 14px 8px 10px 8px;
}

ul#nav li a:hover, ul#nav li a.selected
{
	text-decoration: none;	
	background: url(../images/nav-bar-selected.png) no-repeat -200px 0px;
}

ul#nav li.first a
{
	padding-left: 14px;
}

ul#nav li.first a:hover, ul#nav li.first a.selected
{
	background-position: 0px 0px;
}

ul.sub-nav
{
	z-index:10;
	position: absolute;
	margin-top: 38px;
	background-image: none;
}

ul#nav li ul.sub-nav li a
{
	padding: 6px 6px 6px 4px;	
	border-right: none;
	font-size: 12px;	
}

.cufon-active ul#nav li ul.sub-nav li a
{
	padding: 8px 6px 6px 6px;	
}

ul#nav li ul.sub-nav li a.selected, ul#nav li ul.sub-nav li a:hover, ul#nav li ul.sub-sub-nav li a.selected, ul#nav li ul.sub-sub-nav li a:hover
{
	background: url(../images/sub-nav-selected.jpg) repeat-x;
}

ul.sub-nav li
{
	clear: left;
	border-bottom:1px solid #999999;
}

ul.sub-nav li a
{
	background-color: #202020;
	/*margin-top: 1px; */
}

ul.sub-sub-nav
{
	z-index: 20;
	float: right;
	margin-left: 1px;
}


/**************** addditional nav styles ********************/

#nav, #nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative; 
}

#nav a{
	display:block;
}

#nav li{
	float:left;
	position:relative;
	clear: none;
	list-style: none;
}

#nav ul {
	position:absolute;
	display:none;
	width:200px;
	top: 38px;
}

#nav li ul a{
	width:200px;
	height:auto;
	float:left;
}

#nav ul ul{
	top:auto;
}	

#nav li ul ul {
	left:213px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

/*****************end additional nav styles****************/

#site-search
{
	float: right;
	margin: 7px 4px 0 0;
}

.content-home, .content-customer-details
{
	background:url(../images/hero1.jpg) no-repeat;
	height: 372px;
	width: 974px;
	margin-bottom: 14px;
}

.content-dealer-home
{
	background:url(../images/dashboard.jpg) no-repeat;
	height: 380px;
	width: 974px;
	margin-bottom: 14px;
}

.content-home h1, .content-dealer-home h1
{
	margin: 60px 0 1px 0;
	width: 452px;
	float: left;
	padding: 14px;
	background: url(../images/grey-image-overlay.png) repeat;
	color: #32a3cc;
}

.content-dealer-home h1
{
	width: 692px;
	margin: 35px 0 1px 0;
}

.content-dealer-home .text .dealer-links
{
	float: right;
	width: 200px;
}

.content-dealer-home .text .dealer-links a
{
	float: left;
	clear: left;
	font-size: 14px;
	background-position: right center;
	margin-bottom: 3px;
}

.text p, .text dd, .text dt, .text span, .text li
{
	color: #fff;
}

.content-home .text, .content-dealer-home .text
{
	width: 452px;
	clear: left;
	float: left;
	padding: 14px;
	background: url(../images/grey-image-overlay.png) repeat;
	color: #fff;
}

.content-dealer-home .text
{
	width: 692px;
}

.content-dealer-home .text p
{
	width: 460px;
	float: left;
	text-align: justify;
}

#bottom-panels
{
	float: left;
	padding: 18px 0 0 0;
	background: url("../images/bottom-panels-divider.jpg") no-repeat 14px 0;
}

.article-panel
{
	float: left;
	position: relative;
	margin: 0 0 0 14px;
	border: 1px solid #CCC;
}

.article-panel-text
{
	background:url("../images/panel-text-bg.png") repeat;
	bottom: 3px;
	height:130px;
	left: 3px;
	padding: 3px 10px 3px 10px;
	position:absolute;
	width:198px;
}

.article-panel-text h2
{
	color: #545454;
	border-bottom: 1px dotted #999;
	margin-bottom: 5px;
	padding-bottom: 3px;
	width:194px;
}

.article-panel-text p
{
	color: #292929;
	padding-bottom: 5px;
}

.article-panel-text form
{
	margin-bottom: 10px;
	float: left;
}

.article-panel div#WeatherWidget {
	position:relative;
}

.article-panel div#WeatherWidget div#weather {
	position:absolute;
	top:20px;
	left:3px;
}

.article-panel iframe {
	width:223px;
	height:225px;
}

input.standard-search, input.standard-text
{
	background:url(../images/input-field.png) no-repeat;
	width: 162px;
	height: 18px;
	padding: 3px;
	float: left;
}

select
{
	width: auto;
	height: 18px;
}

input.small-search
{
	background:url(../images/input-field-small.png) no-repeat;
	width: 69px;
	height: 18px;
	padding: 3px;
}

input.submit
{
	background:url(../images/btn-search.png) no-repeat;
	width: 24px;
	height: 24px;
	margin-left: 3px;
	float: left;
}

input.submit:hover
{
	cursor: pointer;
}

.horizontal-panel
{
	float: left;
	width: 924px;
	background: #fff;
	margin: 14px 0 14px 14px;
	padding: 10px;
	border: 1px solid #CCC;
}

.horizontal-panel h2
{
	color: #32A3CC;
}

#footer
{
	float: left;	
	width: 974px;
	margin-top: 10px;
}

#footer-navigation
{
	float: left;	
}

#Footer-navigation
{
		
}

.footer-link, .footer-link-first, .footer-link-last
{
	float: left;
	padding: 0 5px 0 5px;
	border-right: 1px solid #999;
}

.footer-link-last
{
	border-right: none;	
}

#footer-text
{
	float: right;	
	margin-right: 5px;
}

#footer-text p
{
	float: right;	
	clear: both;
}

/*************************** customer details styles ***************************/

.content-customer-details h2
{
	color: #32a3cc;
	margin-bottom: 10px;
}

.content-customer-details .text
{
	width: 932px;
	clear: left;
	float: left;
	padding: 14px;
	background: url(../images/grey-image-overlay.png) repeat;
	color: #fff;
	margin-top: 14px;
}


.content-customer-details .text .text-column, .content-customer-details .text .text-column-last
{
	width: 218px;
	padding: 0 10px 10px 0;
	float: left;
	border-right: 1px dotted #FFF;
	margin-right: 14px;
	min-height: 270px;
}

.content-customer-details .text .text-column-last
{
	border-right: none;
	width: 416px;
}

.text-column form, .text-column-last form
{
	float: left;
	clear: left;
	margin-bottom: 10px;
}

.text-column form label, .text-column-last form label
{
	color:#FFF;
	width: 130px;
	float: left;
	padding-top: 4px;
}

.content-customer-details dl
{
	margin-bottom: 14px;	
	clear: both;
}

.content-customer-details dl dt, .next-car-column dl dt
{
	float: left;
	width: 100px;
	clear: both;
	margin-bottom: 7px;
}

.content-customer-details dl dd, .next-car-column dl dd
{
	float: left;
	width: 103px;
	margin-left: 5px;
	margin-bottom: 7px;
}

.sub-header
{
	font-weight: bold;
	clear: both;
	text-transform: uppercase;
	margin-bottom: 7px;
	float: left;
}

.text-column ul li
{
	float: left;
	clear: left;
}


.settlement-figure
{
	clear: both;	
	font-weight: bold;
}


.horizontal-panel .next-car-column
{
	width: 211px;
	padding: 10px 10px 10px 0;
	float: left;
	border-right: 1px dotted #9a9a9a;
	margin-right: 14px;
	min-height: 150px;
}

.next-car-column dl
{
	margin-bottom: 14px;	
	clear: both;
}

#future-price-prediction input.small-search
{
	
}
/*************************** end - customer details styles *********************/

/*************************** start - general content styles *********************/

.left-content
{
	float: left;
	width: 226px;
	padding: 14px 0 14px 14px;
}


.left-content h2
{
	color: #32a3cc;
	margin-bottom: 14px;
	border-bottom: 1px dotted #CCCCCC;
	width: 226px;
	padding-bottom: 5px;
	margin-top: 3px;
}

.left-content a.main-link 
{
	margin-bottom: 7px;
}

.right-content
{
	float: left;
	width: 702px;
	margin: 14px 0 14px 14px;
	/*border-left: 1px dotted #9a9a9a;*/
}

.right-content .right-column
{
	position:absolute;
	right:14px;
	top:115px;	
}

.right-content .right-column img
{
	height: auto;
	width: auto;
	border: none;
	
}

.counties-content, .dealer-content {
	float: left;
	margin: 14px;
	padding: 0;
	width: 946px;
}

.body-text p, .right-content p, .counties-content p, .dealer-content p
{
	width: 466px;	
	text-align: justify;
	line-height: 140%;
}

.counties-content p, .dealer-content p {
	float: left;
}

.counties-content h2, .dealer-content h2{
	float: left;
	width: 466px;
}

.body-text form, .right-content form, .counties-content form, .dealer-content form
{
	clear: left;
	float: left;	
	margin-bottom: 20px;
}

.body-text p.breadcrumbs, .right-content p.breadcrumbs, .counties-content p.breadcrumbs, .dealer-content p.breadcrumbs
{
	text-align: left;	
}

p.breadcrumbs a
{
	float: left;
	font-size: 11px;
	font-weight: bold;	
	text-transform: uppercase;
	margin-right: 10px;
	color: #CCC;
	background: url(../images/link-arrow-grey.png) no-repeat;
	background-position: right 1px;
	padding-right: 12px;
	min-height: 15px;
	font-size: 11px;
	font-weight: bold;
}

p.breadcrumbs
{
	color: #CCC;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
	
}

.right-content h1, .counties-content h1, .dealer-content h1
{
	width: 460px;
	color: #32a3cc;
	margin-bottom: 14px;
}

.right-content img, .counties-content img, .dealer-content img
{
	float: left; 
	clear: left; 
	border: 1px solid #cccccc; 
	margin-bottom: 14px; 
	width: 464px;
}

.counties-content img, .dealer-content img
{
	float: right;	
}

.right-content img.inline, .counties-content img.inline, .dealer-content img.inline
{
	float: left;
	border: none;
}

.button, .button-large, input.submit-large
{
	background:url("../images/main-button.png") no-repeat scroll center bottom transparent;
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;
	height:19px;
	padding:0;
	width:153px;
	text-align: center;
	float: left;
	color: #FFF;
	padding-top: 7px;
	clear: left;
}

input.submit-large:hover
{
	cursor: pointer;
}

input.number-radio
{
	position: absolute;
	left: 65px;
	margin-top: 5px;
}

input.submit-large
{
	height: 24px;
	padding-top: 0;
}

.button-large
{
	background:url("../images/main-button-large.png") no-repeat scroll center bottom transparent;	
	width: 230px;
}

.button:hover
{
	text-decoration: none;	
}
/*************************** end - general content styles *********************/

/*************************** start - customer services styles *********************/
.proprequest{
	height: 120px;
	width: 410px;
}

.question-form-row p{
	float: left;
	clear: none;
}

.content-customer-services
{
	
}

.content-customer-services .body-text
{
	width: 450px;
	float: left;
	padding: 14px;	
}

.content-customer-services .video-player
{
	float: right;
	width: 427px;
	height: 277px;
	margin: 14px 14px 0 14px;
}

.content-customer-services .question-section
{
	clear: both;
	float: left;
	
}

.question-form-row
{
	float: left;	
	width: 450px;
	clear: left;
	margin-bottom: 10px;
}

.question-form-row label
{
	width: 215px;	
	float: left;
}

.content-customer-services .question-form-row select
{
	float: left;	
	font-family:inherit;
	font-size: 11px;
	margin-right: 2px;
}

.content-customer-services .question-form-row textarea
{
	width: 208px;	
}

#payment {
	background:url("../images/input-field-small.png") no-repeat scroll 0 0 transparent;
	margin:0 4px;
	width:75px;
}

.question-form-row p {
	margin-right: 2px;
}

.fields-left
{
	float: left;	
	width: 462px;
	
}

.fields-right
{
	float: left;	
	width: 440px;
	margin-left: 14px;
}

.videos-container
{
	float: left;
	margin: 14px 0 0 14px;
	padding-top: 14px;
	border-top: 1px dotted #CCC;
	width: 946px;
}

.videos-container .secondary-video
{
	float: left; 
	width: 305px;
	border-right: 1px dotted #CCC;
	padding-right: 7px;
	height: 125px;
	margin-left: 7px;
}

.videos-container .secondary-video#first-video
{
	margin-left: 0;
}

.videos-container .secondary-video#last-video
{
	border-right: none;
	width: 305px;
	padding-right: 0;
}

.videos-container .secondary-video a.video-link
{
	float: right;
}

.videos-container .secondary-video h2
{
	width: 300px;
	margin-bottom: 10px;
	color: #32A3CC;
}	

.videos-container .secondary-video p
{
	float: left;
	width: 152px;
}

/************* styles for 4 videos thumbnails on page (2 ros of 2) *******************/

.videos-container-2x2
{
	float: left;
	margin: 14px 0 14px 14px;
	padding-top: 14px;
	border-top: 1px dotted #CCC;
	width: 946px;
}

.videos-container-2x2 a img
{
	float: left;
	margin-left: 10px;
}

.videos-container-2x2 .secondary-video
{
	float: left; 
	width: 460px;
	border-right: 1px dotted #CCC;
	padding-right: 7px;
	height: 125px;
	margin-left: 7px;
}

.videos-container-2x2 .secondary-video#first-video, .videos-container-2x2 .secondary-video#third-video
{
	margin-left: 0;
}

.videos-container-2x2 .secondary-video#second-video, .videos-container-2x2 .secondary-video#fourth-video
{
	border: none;	
}

.videos-container-2x2 .secondary-video#last-video
{
	border-right: none;
	width: 305px;
	padding-right: 0;
}

.videos-container-2x2 .secondary-video a.video-link
{
	float: right;
}

.videos-container-2x2 .secondary-video h2
{
	width: 450px;
	margin-bottom: 10px;
	color: #32A3CC;
}	

.videos-container-2x2 .secondary-video p
{
	float: left;
	width: 300px;
}

p.error-message
{
	color: #F00;	
}

/*************************** end - customer services styles *********************/

/*************************** start - one off page styles *******************/
.one-off-page{
	float: left;
	padding: 14px;
}
/*************************** end - one off page styles *********************/
/*************************** start - account manager styles *******************/
.AccountManager, .dealer-details
{
	float: left;
	clear: left;
	margin-top: 14px;
	width: 464px;
	border-bottom:1px dotted #CCCCCC;
}
/*************************** end - one off page styles *********************/

#TrafficWidgetHeadlines
{
	width: 198px;
	height: 100px;
	overflow-y: scroll;
	float: left;
}

#WeatherWidgetResults
{
	float: left;	
}

#WeatherWidgetResults img
{
	float: right;	
}

#WeatherWidgetResults dl
{
	float:left;
	margin-right:10px;
	width: 124px;
}

#WeatherWidgetResults dt
{
	float: left;
	clear: left;
}

#WeatherWidgetResults dd
{
	float: left;
	font-weight: bold;
	margin-left: 3px;
}

#WeatherWidgetResults dd.first
{
	margin-left: 0;	
}

#WeatherWidgetResults a
{
	float: left;	
	margin-top: 5px;
}

div#TrafficWidgetHeadlines a#changeTrafficLocation
{
	margin-bottom: 10px;	
}

#VRNorANselect {
	margin-right: 8px;
}

#Q1select, #VRNorANselect, #Q3select, #Q5select {
	width: 210px;
}

/******************** SEARCH RESULT STYLES *******************/
.xsltsearch_result_title { font-size:16px; font-weight:bold; padding-bottom:0; }
a.xsltsearch_title { color:#32A3CC; }
span.xsltsearch_description strong { background-color:#D9F5FF; font-weight:bold; padding:2px 4px; }

div.search-results h1 { float:none; }

div#xsltsearch, div#xsltsearch_results { width:100%; }
p.xsltsearch_result_description { width:100%; }


/** Form validation errors **/
#repayment-questions .error {border: 1px solid #F00}
#repayment-questions .error p {color: #F00}

#error-list span {color: #F00}





















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */