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

html{background:url("../images/background-gradient.jpg") repeat-x;}

body{font-size:75%;}
.bkgdform{background:none;}
div.wrapper{}

a{color:#336a83;outline:none;}

div.header{width:100%;height:100px;}
div.headerContainer{z-index:100;outline:none;}

div.mainContent{width:100%;}
div.pushpanel{width:200px;height:110px;position: absolute;z-index:1;}

div#p1{left:0;}
div#fl1{height:110px;width:200px;}

div.link a{background:url("../images/temp_images/push-transparent2.png") no-repeat 10px 10px;position:relative;height:110px;width:200px;display:block;}

div#p2{left:0;top:300px;}
div#p3{top:120px;}
div#p4{top:300px;}


div.mainPanelHolder{width:780px;margin:auto; margin-bottom:100px;z-index:100;}/*height:506px; specify height of content panel	*/


/* additional styles - from aftersales style.css */

.fl{float:left; display:inline;}
.fr{float:right; display:inline;}

/* generic styles */

.mr1{margin-top:10px;}
.mr2{margin-right:10px;}
.mr3{margin-bottom:10px;}
.mr4{margin-left:10px;}
.mr5{margin-top:20px;}

.mr27{margin-left:27px;}



/* generic padding */ 

div.mrgn1 {padding:5px 13px 10px 13px;}
.mrgn2 {margin-top:4px;}
div.mrgn3 {padding:8px; }
div.paddingrangeText{padding:5px 13px 5px 13px;}



p{ }
a{text-decoration:none;}
.hilite1{color:#d53c40;} /* main hilite red */
.hilite2{color:#1f506a;} 
.bold{font-weight:bold;}

.underline{border-bottom:1px solid #3492c2; padding-bottom:3px; margin-bottom:5px;}





div.price{ width:235px; height:20px; margin-bottom:10px; }
div.price p{margin-bottom:0;}
div.price p.prc, div.readMore p.prc{margin-left:13px; margin-top:3px; float:left; display:inline; padding-left:10px; background:url("../images/graphics-common/arrow-right-price.gif") left center no-repeat; color:#1f506a;}

p.prc a {color:#1f506a;}
p.prc a:hover {color:#1480b8;}



.arrLink{
	background:transparent url(../images/graphics-common/arrow-right-price.gif) no-repeat scroll right center;
	margin-right:10px;
	padding-right:10px;
}


p.homeLoginP{margin-top:5px;}

.error {display:block; margin-top:5px; height:28px; min-height:28px;}
.error span{
	float:left; display:inline; color:#F60; font-size:85%;
	
}

div.error{float:left; clear:both;} 

.regNow{margin-top:5px;}
.btnhomeSubmit{margin-top:5px;}

form.loginIndex label{width:75px;}
form.loginIndex input{/*width:80px;*/}
input.loginfield{width:125px;}




ul.breadcrumb li{display:inline; float:left; font-size:77%;}

p.logOut{float:right; display:inline; margin-right:30px;}


/* end additional styles - from aftersales style.css */



/* additional styles */


div.moduleHolders{
	float:left;
	margin-bottom:40px;
	display:inline;	
	width:100%;
}



table.genericTable, table.genericTable td, table.genericTable th{}
table.genericTable{width:100%; margin-top:20px;}
table.genericTable th{border-bottom:2px solid #3d3d3d; text-align:left}
table.genericTable td, table.genericTable th{padding:10px;}
table.genericTable tr td{border-bottom:1px solid #9e9e9e;}
table.genericTable td.nb{border-bottom:0;}


.subTxt{font-size:78%;}


div.contentAFeatIndent{margin:0px 28px 0 27px;} /* was 10px on top - removed to include breadcrumb */

ul.contentUL{}
div.lftPan ul{margin:10px 0; width:470px;} /* added width for ul list in fixed-price-servicing - to stop the accordion from wrapping. */ 
											/* This may have affected other uls on the site - please rework if so. */
ul.contentUL li, div.lftPan li{background:url("../images/graphics-common/target-li.gif") 0 3px no-repeat; margin-left:20px; display:block; padding-left:15px;}

ul.nbUL{font-size:75%;}
ul.nbUL li {margin-top:10px;}

span.lnkArrow{padding-right:7px; background:url("../images/graphics-common/arrow-bcrumb.gif") right center no-repeat;}

table thead th span, table tr td span {
	font-size:70%;	
}

table#fixed_repair_prices thead th{
	border: 1px solid #000000;
	text-align: center;		
	font-weight: bold;
	background-color: #BFBFBF;	
	padding:1px;
}

table#fixed_repair_prices td {
	text-align: right;	
	border: 1px solid #000000;	
	padding:1px;
}

table#fixed_repair_prices td.part_title {
	text-align: left;
	font-weight:bold;	
}

/* end additional styles */

/* styles imported from aftersales v2 */

div.lftPan h1, h1{font-size:110%; font-weight:bold;}

div.lftPan h2, h2 {
	font-size:93%;
	font-weight:bold;
}

div.lftPan p{margin-top:10px;margin-bottom:10px;}

a.openBtn{background:url(../images/graphics-common/arrow-bcrumb.gif) no-repeat scroll right center;  margin-left:5px; margin-right:5px; padding-right:10px; }


div.segment{margin:20px 0 10px 0;}
p.introTextP{margin-top:5px;}

p.openBtn {color:#336a83; font-weight:bold; float:left;}
.closeBtn {
background:transparent url(../images/graphics-common/arrow-up.gif) no-repeat scroll right center;
color:#336a83;
font-weight:bold;
margin-left:5px;
margin-right:5px;
padding-right:10px;
}


.disclaimer{
	color:#666666;
	font-size:.8em;
	
		
}

ul.disclaimer li{
	background:transparent url(../images/graphics-common/li-bg-small.gif) no-repeat scroll 0 3px;
}


div.hidden{float:left; display:block;}


  /* accessories - imported */
  
  
  

  
div.glow ul {
display:block;
float:left;
margin-left:20px;
width:80%;
}


.result-actions ul li {
background:transparent none repeat scroll 0 0;
color:#999999;
float:left;
margin:0 0.3em 0 0;
min-height:inherit;
padding:0;
}

ul.image-listing {
clear:both;
margin-right:10px;
/*width:560px;*/

}

ul.image-listing li { 
	background:none;
	margin-left:0;
	padding-left:0;
	position:relative;	
	clear:both;
	zoom:1;
}

ul.image-listing li h2 {
font-weight:bold;
margin-top:0;
padding:0 0 4px;
}

ul.image-listing li img {
float:left;
margin-right:20px;
}

ul.image-listing li h2 {
font-weight:bold;
margin-top:0;
padding:0 0 4px;
}


ul.image-listing li p {
padding-right:150px;
padding-left:130px;
padding-top:0;
}


ul.image-listing li p a img {

position:absolute;
right:0;

/* this works in all browsers apart from ie 6 
left:350px;
bottom:10px;
position:absolute;
clear:left;
*/

}


 p.results-message {
clear:both;
float:left;
margin-bottom:5px;
width:90%;
font-size:120%;
}


div.sep_acc {
margin-bottom:20px;
margin-top:10px;
}

div.sep_acc3 {
margin-bottom:10px;
margin-top:40px;
}

div.separator {
border-bottom:1px dashed #CCCCCC;
float:left;
line-height:1px;
position:relative;
width:100%;
}


div.bookNow img.bookNow {
bottom:0;
display:block;
height:17px;
left:0;
margin:0;
position:absolute;
top:-34px;
width:144px;
}
/*
ul.image-listing li p, ul.image-listing li h2 {
margin-left:120px;

}
*/
 
 
div.result-actions {

margin-bottom:20px;
clear:both;
display:block;
}



table.accTable {
width:100%;
}

table.accTable th, table.accTable td {
padding:5px;
text-align:right;
}


/* end styles imported from aftersales v2 */

/* contact form */ 

form.contactus {margin:40px 10px 10px 10px;}
form.contactus label{display:block;}
form.contactus input{/*width:163px;*/}

form.contactus ul li{margin:10px 0; }
ul.logIn{}
label.remember_me{margin-left:100px;}
label#remember_me{float:left; }
input.formInput{width:163px;}

a.forgot_pass{font-size:75%;  font-weight:bold;}
li.rememberMe{padding-top:20px; }
input#remember_me{margin-left:10px; }

div.cntactleft{width:195px; /* padding:20px; */ margin:20px 30px 20px 20px;  }
div.cntactright{width:480px !important;   background:url("../images/backgrounds/bkgd-lines-header.jpg") 0 0 no-repeat;  }
div.formleft{width:223px; margin-left:20px;}
div.formleft2{width:203px;}
div.formHolder{float:left; background:url("../images/backgrounds/bkgd-lines-footer.jpg") 0 bottom no-repeat; width:100%; padding-bottom:20px; position: relative; }
.inline{float:left; display:inline;}
form.contactus input.radio{width:10px; margin:0 10px;}
p.radioButtons{margin-top:10px}


.cntactleft P STRONG {
	font-weight: bold;
}

.formHolder LI {
	padding: 4px 0;
}

/*
.formHolder P {
	margin-bottom: 10px;
}
*/
.formHolder LABEL {
	font-weight: bold;

}

.formHolder #user_title {
	display: block;
}

input.tick{width:10px !important; display:inline; float:left;}
label.tickblock { float:left; padding-left:20px; width:70%; }
p.tickpolicy{clear:both; margin:10px 0 10px 0; }

div.submitArea{position:relative; float:left;  clear:both; width:100%;}
img.formTitle{margin:10px;}
.formsubmit{margin-top:30px; margin-left:30px; float:right;}


p.pRequiredField{left:0; font-size:75%; position:absolute; left:10px; bottom:10px;}






/* content area */

div.contArea{display:inline;}
div.indentCt{margin:13px 28px 0 27px; /* width:520px;  */ /* should be 512px */float:left;	display:inline;}

div.indentCtSub{float:left;display:inline;width:100%;position:relative; /* allows main image to vertically align bottom */ }
div.filtrBar{background:url("../images/bkgd-filterbar-grad.png") no-repeat;	width:153px;float:right;margin:9px 40px 0 0;display:inline;}



/* end content area */

div#div{}
div#divH{}



div.footerNav{float:left;display:block;bottom:0;width:100%;height:36px;}





/* main backgrounds **/

div.bgRange{background: url("../images/grad-large-shadow.jpg") no-repeat bottom;padding:0 0 28px 0;}
div.bg404{background: url("../images/grad-large-shadow.jpg") no-repeat bottom;padding:0 0 80px 0;}
div.bgShdw{background: url("../images/grad-large-shadow.jpg") no-repeat bottom;padding:0 0 80px 0;}
		/* override main background style. fine tune the position of the shadow */
div.bgVehle{padding:0 0 38px 0;}
div.bgVehleconds{padding:0 0 0 50px;}
div.bgVehle2{padding: 0 0 75px 0;}
/*div.bgVehle2{padding: 0 0 75px 0;}*/



/***** range *****/
img.tb{}
div.pDets{background: url('../images/sprite-card.jpg')  -20px -178px no-repeat ;width:163px;height:31px;}
div.pDets h3 a, div.pDets p a{text-decoration:none;}

div.pDets h3{margin-left:5px;font-weight:bold;color:#4d4e4f;}
div.pDets p{margin-left:5px;color:#4d4e4f;font-size:85%;}

div.crHolder{float:left;display:inline; margin-top:0px;}
div.ovr{margin:5px 0 0 0;padding:3px 4px 3px 3px;float:left;display:inline;} 
p.flLeft{text-align:left;width:70px;display:inline;float:left;}
p.flRight{text-align:right;width:69px;display:inline;float:right;margin-right:5px;}





div.filtrContent{margin:9px 9px 0 9px;}
div.filtrBar h2{font-size:90%;color:#576b7e;font-weight:bold;padding-bottom:7px;}
div.filtrBar h3{font-size:88%;color:#576b7e;font-weight:bold;background:url('../images/line-divider.jpg') no-repeat;padding-top:10px;}


div.minmax {margin-bottom:10px;}
div.minmax span.spmin {float:left;font-size:85%;}
div.minmax span.spmax {float:right;width:67px;font-size:85%;}


/* set in ie */
div.filtrBar li {font-size:74%;	margin:10px 0 10px 0px;}


div.filtrBar li label{margin:0;	padding:0;}
div.filtrBar li input{vertical-align: middle;margin:0px;padding:0;display:inline;width:14px;}
div.filtrBar li span{margin-left:5px;}


div.ui-slider{position: relative;}
div#rangeslider { margin: 10px; border:0; height:10px; position:relative; } /* !important */
.rangeslider-handle-left{background:url(../images/arrow-left.png) no-repeat !important;	border:0 !important;}
.rangeslider-handle-right{background:url(../images/arrow-right.png) no-repeat !important;border:0 !important;}
.ui-widget-content{background:#FFFFFF url(../images/bkgd-slider-1.gif) repeat-x scroll 50% 50%;}
.ui-widget-header{background:#ffffff url(../images/bkgd-slider-2.gif) repeat-x scroll 50% 50%;}


/* additional styles - to try and sort out the layering problem with the dropdown and slider **/

.ui-slider-range {}
ui-widget-header {}













/* Backgrounds. These vary depending on the page and content -      -- */

.bkgdAcc{background:url("../images/backgrounds/bkgd-accessories.png") no-repeat 35px 0 ;}
.bkgSfe{background:url("../images/backgrounds/bkgd-safety.png") no-repeat 35px 0 ;}
.bkgCom{background:url("../images/backgrounds/bkgd-compare.png") no-repeat 273px 0 ;}


/* separators  --------------------------------------   */

.rghtLinkTot0{}
.rghtLinkTot4{background:url("../images/bkgd-link-divider.png") no-repeat bottom;}
.rghtLinkTot5{background:url("../images/bkgd-link-divider-5.png") no-repeat bottom;}


/*  --------------------------------------------------------------   */



/*** right links **/

div.rghtLinks{height:97px;margin-top:10px;margin-bottom:0px;position:relative;}
div.noheight{height:auto;}
div.linkdivheight1{height:60px;}
div.rghtLinks ul.options{position:absolute;bottom:0;margin-bottom:15px;}
div.rghtLinks ul.options li{
	background:url("../images/arrow-red-small-car-li.gif") no-repeat;
	margin:0 0 0 8px;
	padding:0;
	font-size:0.8em;
	display:block;
	/*line-height:10px;*/
	/*height:10px;*/}
div.rghtLinks ul.options li a{
	margin-left:10px;padding:0;letter-spacing:.1em; /* to render the same width as the flash */
	text-indent:-3000em;
	display:block;	
	width:150px;
	/*height:10px;*/
}


/* space each link individually */


#rghtLink1{margin-bottom:4px;}
#rghtLink2{margin-bottom:7px;}
#rghtLink3{margin-bottom:7px;}
#rghtLink4{margin-bottom:7px;}
#rghtLink5{margin-bottom:5px;}


div.rghtLinks ul.options li.titlefinancequote{background:url("../images/titles-rightlinks.png") 0 0 no-repeat; }
div.rghtLinks ul.options li.titleprintdata{background:url("../images/titles-rightlinks.png") 0 -20px no-repeat; }
div.rghtLinks ul.options li.titlebookdrive{background:url("../images/titles-rightlinks.png") 0 -40px no-repeat; }
div.rghtLinks ul.options li.titledownloadbrochure{background:url("../images/titles-rightlinks.png") 0 -60px no-repeat;}



/* for separate links - used in accessories pages etc. */


/* applies in ie */
div.se{
	background:url("../images/bkgd-2rightlinks.png") -20px 2px no-repeat;	
}


div.rghtLinks ul.options li.titlecity {background:url("../images/titles-models.png") 0 0 no-repeat;}
div.rghtLinks ul.options li.titlecrossover {background:url("../images/titles-models.png") -0px -20px no-repeat;}
div.rghtLinks ul.options li.titlesport {background:url("../images/titles-models.png") -0px -40px no-repeat;}
div.rghtLinks ul.options li.title4x4 {background:url("../images/titles-models.png") -0px -60px no-repeat;}
div.rghtLinks ul.options li.titlelcv {background:url("../images/titles-models.png") -0px -80px no-repeat;}


/******* sub / vehicle pages **/
.lftPan{width:480px;border:0px solid #cccccc; /** this keeps the width on the table cell - please check */	
	float:left;	vertical-align:bottom;	/*height:100px; */ display: table;  margin-right:10px;}

div.lftPan2{width:255px;float:left;	display:inline;	margin:10px 0 20px 38px;}
div.lftCont2{}

img.pShot{height:270px;	width:455px; position:absolute;	bottom:0;}
div.rghtPan{width:235px; float:right; display:inline; margin-left:0px; }
div.bCrumb{	float:left;	clear:both;	font-size:73%;	color:#999999;	font-weight:bold; margin:0px 0 0 0; height:20px; width:100%;}
div.bCrumb ul{float:left;}
div.bCrumb p, div.bCrumb ul{ margin-top:5px; }
div.bCrumb ul li{ background:url("../images/graphics-common/arrow-bcrumb.gif") 2px 3px no-repeat;float:left;	display:inline;	padding-left:10px; margin-right:5px; }
div.bCrumb ul li.fst{background:none; margin-left:20px;	padding-left:10px;}

div.rghtHeader, div.lftHeader{	background:url("../images/line-divider-2.png") no-repeat 8px bottom;}

div.rghtHeader h1, div.lftHeader h1{width:200px;height:22px;text-indent:-3000em;margin: 10px 0 0 8px;}

h1.micra{background:url("../images/sprite-titles.png") -20px -20px no-repeat;}
h1.pixo{background:url("../images/sprite-titles.png") -20px -50px no-repeat;}
h1.note{background:url("../images/sprite-titles.png") -20px -80px no-repeat;}
h1.qashqai{background:url("../images/sprite-titles.png") -20px -110px no-repeat;}
h1.qashqai2{background:url("../images/sprite-titles.png") -20px -140px no-repeat;}
h1.murano{background:url("../images/sprite-titles.png") -20px -170px no-repeat;}
h1.z370{background:url("../images/sprite-titles.png") -20px -200px no-repeat;}
h1.xtrail{background:url("../images/sprite-titles.png") -20px -230px no-repeat;}
h1.navara{background:url("../images/sprite-titles.png") -20px -260px no-repeat;}
h1.pathfinder{background:url("../images/sprite-titles.png") -20px -290px no-repeat;}
h1.primastar{background:url("../images/sprite-titles.png") -20px -320px no-repeat;}
h1.interstar{background:url("../images/sprite-titles.png") -20px -350px no-repeat;}
h1.cabstar{background:url("../images/sprite-titles.png") -20px -380px no-repeat;}

div.inf{margin:8px 0 8px 0;}

div.rghtHeader h2, div.lftPan2 div.lftHeader h2{color:#576b7e;	font-size:70%;	margin:3px 0 8px 8px; font-weight:bold;}
div.lftCont2 p{	font-size:80%;	margin:16px 0 0 8px; }
div.rghtCont{ margin-bottom:30px; }
div.rghtCont h2, div.rghtCont p{ margin-left:8px; color:#424242; }

div.rghtCont h2{
	/*display:inline;  -- will be needed when info button is included */ 
	display:block;	font-weight:bold;	font-size:90%;	color:#576b7e;	margin:10px 0 10px 8px;}

div.rghtCont span img.info{	display:inline;	vertical-align:middle;	margin:3px 3px 3px 8px;}



.sve{ font-size:90%; font-weight:bold;}
.pct{ font-size:120%; font-weight:bold;}
.dpt{ font-size:80%; font-weight:bold;}

.frm{font-size:80%;	font-weight:bold; margin-top:10px;}
.tt3{font-size:90%;	font-weight:bold;}
.intro{	margin-top:10px; font-size:85%;}




/** Accessories **/
p.pce{margin-top:10px;}
.cavs{font-size:75%; margin-left: 8px;}
ul.cavs li{	margin:0;}



/** Compare **/

div.comTop{	position:absolute;left:40px;top:10px;width:170px;height:72px;z-index:10;}
h1.compare{	background:url("../images/sprite-titles-sections.png") -20px -20px no-repeat; height:18px;width:128px;text-indent:-3000em;}
div.lftHeader h1.spc10{	margin-bottom:10px; }
div.comOpts form p input{height:10px;width:10px;margin:0px 0 0 10px;vertical-align:middle;line-height:1.2em;}
.btnactive{	background:url("../images/btn-input-on.jpg") no-repeat;	}
.btnInactive{background:url("../images/btn-input-off.jpg") no-repeat;}
.viewDetailsBtn{margin-top:15px;}
div.comtable{background:url("../images/backgrounds/bkgd-compare-blocks-default.png") 28px 0px no-repeat;}
div.comOpts p{	font-size:80%;	font-weight:bold;	color:#0a3557;	line-height:1.2em;	border:0px solid purple;	margin-top:5px;}
div.comOpts span{	margin-left:5px;	font-size:85%;	line-height:1.2em;}


table.comTable{width:753px;font-size:85%;margin-top:10px;margin-bottom:20px;}
table.comTable td{border:0px solid #cccccc;	background-color:transparent;}
table.comTable th h2, table.comTable th h3, table.comTable th h4{margin-left:15px;}
table.comTable th h2{font-weight:bold;color:#0a3557;font-size:123.1%;}
table.comTable col{	/*width:180px;*/}
table.comTable col.col1{width:213px;}
table.comTable td {	background:url("../images/divider-compare.jpg") bottom center no-repeat;}
table.comTable td p{text-align:center;}
table.comTable td.col1{	margin:15px 0 15px 0; background:url("../images/divider-compare.jpg") 50px bottom  no-repeat;}
table.comTable td.col1 p{margin:10px 0 10px 50px;color:#0a3557;	font-weight:bold;font-size:85%;	text-align:left;}
table.comTable col.col2{width:176px;}
table.comTable col.col3{width:176px;} 
table.comTable col.col4{}
table.comTable th{position:relative;height:80px;}
table.comTable tr.topRow  {	margin:10px; }
table.comTable tr.tablefooter td {	background:none;}


/* also specified in ie only */
div.imgholder{	position:absolute;	width:90px;	height:51px; margin:0px 0 0 0px;}

img.comPshot{width:90px;height:51px;left:100px;	position:absolute; }

table.comTable tr.rowApr td p {	font-size:150%;	font-weight:bold;}


img.btn-x{	float:right;margin:-8px 7px 0 0;}

table.comTable th.col4 img.btn-x{	margin:-8px 18px 0 0;}



/* generic styles **/


.hite-1{color:#CE1D23;	font-weight:bold;}
ul.mainList{}
ul.mainList li {background:url("../images/dot-red.gif") 0 4px no-repeat;margin-left:10px;margin-top:3px;padding-left:10px;font-size:75%;}



p.errorText{color:#CD1F20; margin-top:10px;}
p.confirmation{margin-top:10px;}



/* carousel */

div.carousel{
	float:left;
	margin-left:50px; /* should be 40px - 11px (accounts for shadow on div) */ 
	
	margin-top:20px;
	display:inline;
	/*background:url("../images/bkgd-carousel-gradient.jpg") no-repeat;	*/
	width:680px;
	height:112px;
	}
	
div.carouselTabs ul{
	margin-left:5px;
}

div.carouselTabs ul li{
	display:inline;
	float:left;	
	font-size:85%;
	font-weight:bold;
	background:url("../images/carousel-nav-grad.gif") bottom left no-repeat;
	height:25px;
	padding-left:1px;
	/*position:relative;*/
}

div.carouselTabs ul li p{
	/*margin:1px;*/
}
	
div.carouselTabs ul li#nav1{
	width:134px;
}

div.carouselTabs ul li p a{
	height:25px;
	display:block;
	text-decoration:none;
	text-indent:-3000em;
}


div.carouselTabs ul li#nav1 p a{
	background:url("../images/sprite-titlescarousel-nav.jpg") -20px 0px no-repeat;
	width:134px;

}


div.carouselTabs ul li#nav1 p a:hover{
	background:url("../images/sprite-titlescarousel-nav.jpg") -200px 0 no-repeat;
}


div.carouselTabs ul li#nav2{
	width:104px;	
}


div.carouselTabs ul li#nav2 p a{
	width:104px;
	background:url("../images/sprite-titlescarousel-nav.jpg") -20px -40px no-repeat;
}


div.carouselTabs ul li#nav2 p a:hover{
	width:104px;
	background:url("../images/sprite-titlescarousel-nav.jpg") -200px -40px no-repeat;
}



div.carouselTabs ul li#nav3 p{
	position:relative;
}


div.carouselTabs ul li#nav3 p a{
	width:136px;
	background:url("../images/sprite-titlescarousel-nav.jpg") -20px -80px no-repeat;
}


div.carouselTabs ul li#nav3 p a:hover{
	background:url("../images/sprite-titlescarousel-nav.jpg") -200px -80px no-repeat;
}



div.carouselTabs ul li#nav3 p span{
	font-weight:bold;
	position:absolute;
	top:6px;
	right:5px;
}


	
div.carouselHtml{
	float:left;
	display:inline;	
	background:url("../images/bkgd-carousel-gradient.png") no-repeat;
	width:680px;
	height:112px;
}
	
	
	
div.carouselMargin {
	width:670px;
	height:125px; /* was 90px in psd - need to adjust according to specs */
	margin:5px 0 0 0px;
	/*overflow-x:scroll;*/
	overflow:auto;
	position:relative;
}
	
div.carsWidth{
	width:2000px;
	float:left;
	display:inline;
}
		
	
div.carouselCont{
	background:#ffffff;
	height:100px;	/* set to provide a white background and fill scrollbar */
	margin-right:6px;
	float:left;
	display:inline;	
	position:relative;
}



/* used for the last container div within the carousel - removes the 6px right border */

div.carouselContLast{
	margin-right:0px;
}
	
	
img.carcrnLeft{
	position:absolute;
	top:0;
	left:0;
}
	
	
img.carcrnRight{
	position:absolute;
	top:0;
	right:0;
}
		

div.carouselSubSect{
	float:left;
	display:inline;
	background:url("../images/carousel/divider.gif") left no-repeat;
	padding:2px 1px 0 2px;
	margin:5px 0px 0 0px;
}


/* used for each carousel first subsection - removes the right separator grey line  */
div.carouselSubSectFirst{
	background:none;
	margin-left:5px;
}



carouselSubSectLast{
}

div.carouselSubSect h3 {
	/*background:url("../images/carousel/bars.gif") 0 0 no-repeat;*/
}




/* carousel titles */

div.carouselSubSect h3{
	width:95px;
	height:10px;	
	display:block;
	text-indent:-3000em;	
	line-height:10px;
}

div.carouselSubSect h4{
	width:56px;
	height:10px;
	background:no-repeat;
	text-indent:-3000em;
	line-height:10px;
}

div.carouselSubSect h3.features{
	background:url("../images/carousel/titles-carousel.jpg") 0 0 no-repeat;
}

div.carouselSubSect h3.intext{
	background:url("../images/carousel/titles-carousel-sub.gif") 0 0 no-repeat;	
}

div.carouselSubSect h3.technology{
	background:url("../images/carousel/titles-carousel-sub.gif") 0 -10px no-repeat;	
}

div.carouselSubSect h3.safety{
	background:url("../images/carousel/titles-carousel-sub.gif") 0 -20px no-repeat;
	
}

div.carouselSubSect h3.equipment{
	background:url("../images/carousel/titles-carousel-sub.gif") 0 -30px no-repeat;	
}





div.carouselSubSect h4.micravisia{
	background:url("../images/carousel/titles-carousel-models.gif") 0 0 no-repeat;
}










/* default styles */






.holder {
	margin: 0;
	display: block;
	/* TEMP */
	margin-bottom: 20px;
}
.scroll-pane {
	/*width: 200px;*/
	/*background: #ccc;*/
	float: left;
	padding: 0;
}
#pane1 {
	height: 100px;
	width: 250px;
	padding: 0;
	display: block;
	_overflow: hidden;
}

#pane5 {
	height: 200px;
	width: 40%;
	padding: 0;
	display: block;
	_overflow: hidden;
}

a.jScrollArrowLeft {
	background: url(../images/carousel/arrw-left.gif) no-repeat 0 0;
}
a.jScrollArrowLeft:hover {
	background-position: 0 -15px;
}
a.jScrollArrowRight {
	background: url(../images/carousel/arrw-right.gif) no-repeat 0 0;
}
a.jScrollArrowRight:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, 
a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

.jScrollPaneTrack {
	/*background: #f60;*/
	
	background: #00f url(../images/carousel/bkgd-scroll-track.gif);
}
.jScrollPaneDrag {
	background: #ccc url(../images/carousel/drag_grab.gif)  50% 50%;
}
.scroll-pane {
	
	/*background: #00f url(../images/carousel/drag_grab.gif) ;*/
}






















div.bdivdr{
	float:left;
	display:inline;
	padding-top:4px;
}

div.bdcl1{
	background:url("../images/carousel/sprite-carousel-colour-bars.gif") 0 0 no-repeat; 
}


div.bdcl2{
	background:url("../images/carousel/sprite-carousel-colour-bars.gif") -150px 0 no-repeat; 
}


div.bdcl3{
	background:url("../images/carousel/sprite-carousel-colour-bars.gif") -300px 0 no-repeat; 
}

div.bdcl4{
	background:url("../images/carousel/sprite-carousel-colour-bars.gif") -450px 0 no-repeat; 
}




div.conds{	float:left;	font-size:70%;	margin-left:50px; margin-top:20px;}
a.uline{text-decoration:underline;}





/** Warranty **/
.data-table TD,
.data-table TH {
	border-bottom: 1px solid #CCC;
	padding: 8px 0;
}

.data-table TH {
	font-weight: bold;
	border-bottom: 1px solid #000;
}

.data-table TH STRONG {
	font-weight: bold;
}

TH.data-table-years,
TH.data-table-miles {
	width: 100px;
	text-align: center;
}

.smalltext {
	font-size: 11px;
}



/** spacing **/

.spct-10{margin-top:10px;}
.spct-15{margin-top:15px;}
.spct-20{margin-top:20px;}



/** Book a test Drive form **/


.wrapperForm{	
	margin:15px 0px 0px 15px;  /* ie specific */
	width:680px; /* ! tweaked  ! was 660px */	
	margin:10px;
}


.wrapperFormMargin1{
	margin:15px 10px 0 40px;
}


.wrapperFormMargin2{
	margin:15px 10px 0 40px;
	width:700px;
}

p, span{color:#000000;	font-size:100%;}
input.inputTxt{	width:144px;height:20px;}
h1.tDrive{background:url("../images/titles-forms.gif") 0 0 no-repeat;width:220px;height:21px;text-indent:-3000em;margin-bottom:10px;}
div.lfrm{width:319px;float:left; margin-top:13px; margin-bottom:20px; margin-left:20px;}
div.rfrm{ width:300px;	float:left;	margin:10px 0px 20px 10px;	padding-left:30px;	background:url("../images/divider-form.gif") no-repeat;	background-position:left center;}
div.lfrm ul{float:left;	margin-top:10px;}
.lfrm ul li{clear:both;	margin-top:3px;	float:left;	width:100%;}
span.fl{float:left;}
span.fr{float:right;}
span.w1{width:142px;border:1px none #ffffff;display:inline-block;float:left;}
span.w2{width:129px;border:1px none #ffffff;display:inline-block;float:left;}
span.star{color:#CD1C22;float:left;	margin:7px 0 0 6px;}
span.middle{vertical-align:middle;	display:block;	line-height:100px; /* this equals height of ul with margin, to align vertically in the middle. */
	margin:0;
}







/* ie specific */
ul.blockLine{border-right:1px solid #CD1F20;float:left;	margin:13px 5px 0 0; padding-right:5px;	}




ul.blockLine li.first{	margin-top:0;}
select.carselect{ width: 156px; /* should be 186px */ float:left; display:inline;}
select.month{width:173px;}
select.year{width:108px;}
div.rfrm p{	margin-top:20px;}

div.rfrm p.replace{	clear:both;	margin-top:10px; margin-bottom:10px; float:left;}
div.prefrno{clear:both; margin-top:10px;}
div.prefrno input{ float:left;}
div.prefrno p{ display:inline-block;margin: 0px 0 0 5px;width:250px;}
div.rfrm input{	margin-top:10px; margin-right:10px;}
input.formsubmit{float:right;}
p.smalltype{clear:both;	font-size:77%;}
span.spc1{	margin:0 10px 0 3px;}





/* Download Ebrochure */
h1.tBrochure{
	background:url("../images/titles-forms.gif") -2px -29px no-repeat; /* -2px -30px no-repeat; */
	width:314px;	height:23px;	text-indent:-3000em;	margin-bottom:10px;}




/* Finance Calculator */


div.calculatorArea{
	/*border:1px solid orange;*/
}

div.noline{	background:none;}

div.optsHolder{	width:20%;	float:left;	display:inline;	}
div.options{margin-top: 10px;	padding-top:10px;	clear:both;	background:url("../images/divider-horizontal.gif") top center no-repeat;}
div.options h2{	margin-bottom:5px;}
input.brochuresubmit{float:right; margin-top:20px;	margin-bottom:20px;}
.hlite{	color:#CD1F20;}
.hlite2{ font-weight:bold;}
h1.sif{	font-size:200%;	color:#C60;}
form.ebrochure{	margin-top:10px;}
div.options p{ margin-top:10px;	margin-bottom:10px;}


/* Terms and Conditions */
h1.tTandCs{	background:url("../images/titles-forms.gif") -2px -59px no-repeat; /* -2px -30px no-repeat; */
	width:239px; height:18px; text-indent:-3000em; 	margin-bottom:15px;}

div.tandcs p{ font-size:100%; margin:9px 0 9px 0; }
div.tandcs p.p2{ margin:9px 0 0 0;}
div.tandcs p.p3{ margin:0px 0 0px 0;}


/* 404 */

/* Terms and Conditions */
div.rghtHeader h1.pagenotfound{	background:url("../images/titles-forms.gif") -2px -89px no-repeat; width:137px; height:16px; text-indent:-3000em; margin-bottom:15px;}
p.mar1{	margin-top:15px;}





/* finance explained */
h1.tDFinanceExplained{background:url("../images/titles-forms.gif") -2px -119px no-repeat;width:230px;height:21px;text-indent:-3000em;margin-bottom:10px;}
p.pspacerHighlight{border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; margin:16px 0 21px 0 29px; padding:21px 0 21px 0; }
div.financefl{float:left; width:250px; border-right:1px solid #e6e6e6; text-align:right; padding: 0 43px 0 43px; margin-top:40px; }
div.financefr{float:left; width:250px; text-align:left; margin: 40px 0 0 43px; }
p.finHilite{ color: #d53c40; font-weight:bold; font-size:78%; margin:5px 0;}
div.heightExtender{height:130px;}



/* tooltips  */

#tip{
	position:absolute;
	background:#f7f5d1;
	/*padding:2px 5px;*/
	width:85px;
	height:27px;
	color:#ffffff;
	display:none;
	background:url("../images/graphics-common/bkgd-tooltip.png");
	text-align:center;
	font-weight:bold;
	}




/* register enquiry form */

table.enqResults{width:100%; margin-top:20px;}
table.enqResults tr.header{background:url("../images/graphics-common/bkgd-table-header.gif") repeat; border:1px solid d7d9da; }

table.enqResults td, table.enqResults th{border:1px solid #d7d9da; text-align:center; height:22px;}
table.enqResults th{border-top:0;}
p.contBrowsing{margin-top:15px; float:right;}
p.formSpacing{margin-left:10px; margin-top:13px;}
p.responseStatement{margin-top:50px; margin-left:40px; width:350px;}
p.returnBrowsing{margin-top:50px; float:right; margin-right:10px;}

form.registerForm ul li input{width:160px; }
form.registerForm ul li LABEL {display:block;} 

/* forgot password page */


p.passCheck{float:left; width:222px; margin:30px 20px 50px 10px;}
form.passwordForm{margin-top:35px;}
p.confirmation{margin-left:10px; float:left; font-weight:bold; margin-bottom:10px;}
div.loginConfirm{float:left; width:100%;}


/* javascript errors */
div.errorCont{color:#ff0a26; background:url("../images/graphics-common/error-lines-2.gif") repeat; clear:both; margin-left:10px; padding:5px; margin:10px; display:none; }

 

div.errorCont ol {width:100%;}
div.errorCont p, div.errorCont ol li{color:#ff0a26; background:url("../images/graphics-common/error-lines-1.gif") repeat; padding:5px; margin:0;}
.excMark{display:none;}
label.error{display:inline !important; } /* needs to override js produced block element */ 

input.btnSubmitPass{margin-top:12px; margin-left:20px;}


#flash-notice{color:#cc1e1d;;  clear:both; margin-left:10px; padding:5px; margin:10px;}


li.validateHidden{display:none;}


/* used to return variables from the server */
#flash-error{color:#cc1e1d;}


.clear{
	clear:both;
}


/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both;  visibility: hidden; border:0px; }




/* brochure styles

div#brochure_personal_details {
	float:left;
	display: block;
	width:100%;

}

div#brochure_column {
	padding:10px 20px 0px 0px;
	float:left;
	display:block;	
	width:210px;
	height:150px;
}

form#brochure_download label{	
	float:left;
	width:200px;

	font-weight:bold;

}

form#brochure_download input, select{	
	float:left;
	width:200px;
	clear:left;
}

div#brochure_title_select {
	padding:0px;
	
}

label.email_opt_label {
	font-size:70%;
	font-weight:normal;
	
}

input.input_no_float {
	float:none;
	
	}

label.radio_label {
	float:none;
	clear:none;
	width:25px;
	
}
div.brochure_radio_wrapper {
	float:left;	
}

div#brochure_model_wrapper {
	width:690px;
	float:left;
	clear:both;
}

div#brochure_model_column {
	width:135px;
	float:left;
	display:block;
}



div#brochure_model_column ul li {
	display:block;
	clear:both;
	float:left;
	padding:0 0 0 5px;
	width:130px;
}

div#brochure_model_column ul li label {
	width:110px;
	height:20px;
	padding:0;
	margin:0;			
}

div#brochure_model_column ul li input {
	
	width:10px;
			
}





 */

























/*Download Brochure*/

.module-header-text hr{
color:#50a0cb;
width:97%;
}

.brochure-container{
padding: 10px 10px 10px 30px;
color: #333333;
}

.brochure-container p.lead{
font-weight:bold;
padding-bottom:10px;
}
form.bForm label.bname{
font-size: 90%;
font-weight:bold;
padding-left:3px;
}

form.bForm label.txt {
float:left;
display:block;
font-size: 100%;
width: 80px;
text-align: left;
margin-right: 10px;
padding-bottom:3px;
}
div.b-moreinfo {
font-size:80%;
color:#333333;
padding:30px 0 5px 10px;
}
div.b-moreinfo a{
color:#042131;
text-decoration:none;
font-weight:bold;
}
div.b-moreinfo p.download-button{
float:right;
text-align:center;

padding:0 10px 10px 10px;
}
div.b-moreinfo p.download-button img{
background-color:#042131;
padding:5px 15px; 
}
.downloads-container {
background-color: #E3F5FF;
padding: 10px 100px 10px 10px;
color: #333333;
}

form.dlForm {
margin-top: 20px;
}
form.dlForm p {
padding-top: 5px;
padding-bottom: 5px;
}
form.dlForm input[type="text"], select {
font-size: 100%;
width: 150px;
}
form.dlForm select#dlmonth {
width:175px;
}
form.dlForm select#dlyear {
width:100px;
}
form.dlForm label.txtlong {
font-weight:bold;
font-size:12px;
padding:0 5px 5px 5px;
float:left;
display:block;
}
form.dlForm label.txt {
float:left;
display:block;
font-size: 100%;
width: 80px;
text-align: left;
margin-right: 10px;
}

form.dlForm .dl_submit {
display:inline;
width: 130px;
height: 17px;
}
form.dlForm table {
width: 600px;
}
form.dlForm table td {
font-size: 85%;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
}
form.dlForm table td.space {
width: 155px;
}
form.dlForm table td.dl_policy {
font-weight: bold;
font-size:85%;
color: #042131;
}
form.dlForm table td.dl_policy a {
text-decoration: none;
color: #042131;
}
form.dlForm table td.dl_policy a:hover {
text-decoration: none;
color: #042131;
}
form.dlForm table td.smallText {
font-size: 75%;
color: #4a4a4a;
}
/* Validation style */
form#dlForm label.error{
color:#FF0000; 
font-size: 100%;
margin-left: 160px;
margin-top:3px;
margin-bottom:3px;
border: none;
width: 300px;
text-align: left;
display:block;
}
div.d-moreinfo {
text-align:right;
padding:5px;
font-size:11px;
}
div.d-moreinfo a{
color:#042131;
text-decoration:none;
font-weight:bold;
}

/*Download Thanks */

.downloads-thx-container {
padding: 10px 10px 5px 10px;
color: #333333; 
}
.downloads-thx-container h1{
color:#3894c3;
font-size:14px;
font-weight:bold;
}
div.d-thx-moreinfo {
font-size:12px;
color:#333333;
padding:10px 0 5px 10px;
}


/* 2 Column Download */
.cols .col {
float: left;
display: inline;
width: 47.99%;
margin-left: 3.9%;
height:400px;
}
.cols .col.first {
margin-left: 0;
}

/* 3 Column Download*/
.cols.three .col {
width: 31.99%;
margin-left: 1.9%;
}
.cols.three .col.first {
margin-left: 0;
}

div.cols h3{
font-weight:bold;
text-align:center;
padding:30px 10px 10px 10px;
}
div.cols p.download-button{
text-align:center;
padding:0 10px 10px 10px;
}
div.cols p.download-button img{
background-color:#042131;
padding:5px 10px; 
}

div.insurance_promo {
	margin:0;
	padding:0;
	width:235px; 
	float:right;
	display:inline;
}

form.accessory_form {
	float:left;
}



/* Site Map */

#sitemap{
	margin-top:5px;
	width:725px;
}
#sitemap H1 {
	border-bottom: 1px solid #D5D5D5;
	font-size:160%;
	padding-bottom:5px;
}
#sitemap H2 {
	font-size:100%;
	padding-bottom:3px;
}
#sitemap .column  {
	float:left;
	line-height:150%;
	padding-bottom:30px;
	padding-top:20px;
	width:240px;
}
#sitemap .first  {
	clear:left
}
#sitemap A:hover {
	text-decoration:underline;
}