/* 
   Constables Mobility
   Screen CSS
   Built by Ollie Battams
   FreshEgg.com
*/

@font-face{
  font-family:"vegur";
  src:url(/css/fonts/Vegur.eot);
  src:local("Vegur"), url(/css/fonts/Vegur.ttf) format("truetype");}

@font-face{
  font-family:"vegurbold";
  src:url(/css/fonts/VegurBold.eot);
  src:local("VegurBold"), url(/css/fonts/VegurBold.ttf) format("truetype");}

/** Reset **/
*{border:none; color:#036; font:1em/1.3em "trebuchet ms", arial, helvetica, sans-serif; margin:0; outline:none; padding:0;}
html{font-size:1em; height:100%;}
body{background:url(/graphics/site-repeat-bg.png) repeat-y 50% 0 !important; font-size:62.5%; height:100%; width:100%;}
a{color:#036; font-weight:bold;}
a:hover/*,a:visited*/{color:#39C;}
br{clear:left;}
em{font-style:italic;}
em a{font-style:italic;}
form{float:left; margin:0; padding:0; width:100%;}
h1{font-family:"vegur", "trebuchet ms", arial; font-size:2.8em; font-weight:bold;}
#homeLeftCol h1{font-size:2em !important;}
h2{font-family:"vegurbold", "trebuchet ms", arial; font-size:2em;}
.homeIntro h2{font-family:"vegur", "trebuchet ms", arial; font-size:2.8em; font-weight:bold;}
h3{font-family:"vegurbold", "trebuchet ms", arial; font-size:1.6em;}
h2,h3,h4,h5,h6,
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong{color:#036;font-weight:bold;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:bold;}
img{border:none;}
input,select,textarea{border:none; margin:0; padding:0;}
p,address{font-size:1.2em; line-height:1.5em; padding-bottom:15px;}
strong{font-weight:bold;}

/** Page Structure **/
#bgWrap{	
	background:url(/graphics/site-bg.png) no-repeat 50% 0;
	margin:0 auto;
	width:100%;}

#divCenter{
	min-height:600px;
	margin:0 auto;
	width:990px;}

#header{
	float:left;
	width:990px;
	position:relative;}

#header a{
	cursor:pointer;
	display:block;}

#header p{
	float:left;
	line-height:1em;
	padding:0 !important;}

#header p.logo{
	float:left;
	padding-bottom:14px;
	width:321px;}
	
#header p.logo img{
	height:125px;
	width:321px;}

#header p.telno{
	float:left;
	height:139px;
	width:669px;}

#header p.telno strong,
#header p.telno span,
#header p.telno a{
	display:block;
	float:left;
	height:0;
	overflow:hidden;}

#header p.telno strong{
	background:url(/graphics/header-contact-telephone-number.gif) no-repeat;
	padding:66px 0 0;
	width:669px;}

#header p.telno span{
	background:url(/graphics/header-text-or-alternatively.gif) no-repeat;
	padding:33px 0 0;
	width:484px;}

#header p.telno a{
	background:url(/graphics/header-btn-send-us-a-question.png) no-repeat;
	padding:33px 0 0;
	width:164px;}

#header p.telno a:hover{
	background-position:0 -53px;}

/*#header a.calltrack2165{background:url(/graphics/header-tel-contact2165.gif) no-repeat;}
#header a.calltrack2166{background:url(/graphics/header-tel-contact2166.gif) no-repeat;}
#header a.calltrack2167{background:url(/graphics/header-tel-contact2167.gif) no-repeat;}*/

div.clear{clear:both;}

/* top navigation */
#topNav{
	padding:0 0 0 45px;
	width:945px;}

#topNav ul{
	list-style:none;
	width:945px;}

#topNav li{
	float:left;
	position:relative;
	z-index:3000;}

#topNav a.nav1,
#topNav a.nav2,
#topNav a.nav3,
#topNav a.nav4,
#topNav a.nav5,
#topNav a.nav6{
	display:block;
	height:0;
	overflow:hidden;
	padding:43px 0 0 0;}

#topNav li:hover a, #topNav li a:hover{
	background-position:0 -93px;}

#topNav li:hover a.nav2, #topNav li a.nav2:hover{
	background-position:0 -185px !important;}

#topNav a.nav1{background:url(/graphics/btn-nav-home.gif) no-repeat left top; width:135px;}
#topNav a.nav2{background:url(/graphics/btn-nav-product-range.gif) no-repeat left top; width:177px;}
#topNav a.nav3{background:url(/graphics/btn-nav-about.gif) no-repeat left top; width:161px;}
#topNav a.nav4{background:url(/graphics/btn-nav-benefits.gif) no-repeat left top; width:155px;}
#topNav a.nav5{background:url(/graphics/btn-nav-contact.gif) no-repeat left top; width:131px;}
#topNav a.nav6{background:url(/graphics/btn-nav-mobility.png) no-repeat left top; width:161px;}

#Nav1 #topNav .nav1,
#Nav2 #topNav .nav2,
#Nav3 #topNav .nav3,
#Nav4 #topNav .nav4,
#Nav5 #topNav .nav5,
#Nav6 #topNav .nav6{
	background-position:0 -93px;
	cursor:default;}

#Nav2 #topNav .nav2{
	cursor:pointer;}

#topNav ul ul{
	background:url(/graphics/drop-down-bg.png) no-repeat left bottom;
	clear:both;
	display:none;
	float:left;
	left:-130px;
	list-style:none;
	padding:0 0 9px 9px;
	position:absolute;
	top:43px;
	width:895px;}

#topNav ul li:hover ul{
	display:block !important;}

#topNav ul li li{
	/*background:url(/graphics/drop-down-top-bg.gif) no-repeat -9px 0;*/
	float:left;
	height:140px;
	margin:0;
	padding:0 0 9px;
	width:219px;}
	
#topNav ul li li.veh2,
#topNav ul li li.veh3,
#topNav ul li li.veh4{
	background-position:right top;
	border-left:1px solid #D8EBF3;
	border-top:1px solid #D8EBF3;}
#topNav ul li li.veh1{
	border-top:1px solid #D8EBF3;}

#topNav ul li li.veh1 a{background:url(/graphics/drop-down-vehicle-peugeot-expert.jpg) no-repeat center 4px !important;}
#topNav ul li li.veh2 a{background:url(/graphics/drop-down-vehicle-peugeot-partner.jpg) no-repeat center 4px !important;}
#topNav ul li li.veh3 a{background:url(/graphics/drop-down-vehicle-renault-kangoo.jpg) no-repeat center 4px !important;}
#topNav ul li li.veh4 a{background:url(/graphics/drop-down-vehicle-nissan-nv200.jpg) no-repeat center 4px !important;}

#topNav ul li li a{
	color:#036;
	cursor:pointer !important;
	font-size:1.4em;
	font-weight:bold;
	height:auto;
	overflow:visible !important;
	padding:112px 0 0;
	text-align:center;
	text-decoration:none;
	width:219px !important;}

#topNav ul li li a:hover{color:#E00;}

/* Homepage */
#homeCols{
	background:url(/graphics/home-right-col-bg.gif) repeat-y 705px 0;
	float:left;
	padding:0 25px;
	width:940px;}

#homeBanners{
	float:left;
	width:938px;}

.homeIntro{
	background:#C2DFED url(/graphics/home-intro-repeat-bg.png) repeat-x;
	border:1px solid #C4E1EE;
	float:left;
	min-height:305px;
	width:938px;}

.homeIntro img{
	float:right;}

.homeIntro h2,
.homeIntro p{
	float:left;
	padding:30px 0 10px 30px;
	width:320px;}

.homeIntro p{
	padding:0 0 20px 30px;}

.homeIntro h2{
	line-height:1em;}

.homeIntro h2 strong{
	display:block;
	font-family:"vegurbold", "trebuchet ms", arial;
	font-size:1.2em;
	line-height:1.1em;}

.homeIntro p{
	font-size:1.4em;}

a.btnIntroDemo{
	background:url(/graphics/btn-intro-demonstration.png) no-repeat;
	display:block;
	float:left;
	height:0;
	overflow:hidden;
	padding:44px 0 0;
	width:290px;}

a.btnIntroDemo:hover{
	background-position:0 -92px;}

#homeLeftCol{
	background:#FFF url(/graphics/home-intro-bottom-shadow.png) no-repeat;
	float:left;
	padding:25px 0 0;
	width:680px}

#homeLeftCol h1{
	font-family:"vegur", "trebuchet ms", arial;
	padding:0 0 15px;}

#homeLeftCol h1 strong{
	font-family:"vegurbold", "trebuchet ms", arial;}

#homeLeftCol hr{
	background:#C6DCED;
	color:#C6DCED; /*oh ie!*/
	float:left;
	height:1px;
	text-align:left;
	width:640px;}

.homeVehicle{
	float:left;
	width:660px}

.homeVehicle h3,
.homeVehicle p{
	float:left;
	width:380px;}

.homeVehicle p.img{
	float:left;
	width:252px;}

.homeVehicle h3{
	font-size:2em;
	margin:20px 0 5px;}

.homeVehicle h3 a{
	color:#E00;
	font-family:"vegurbold", "trebuchet ms", arial;
	text-decoration:none;}

.homeVehicle p.link a{
	background:url(/graphics/btn-find-out-more.png) no-repeat;
	display:block;
	float:left;
	height:0;
	overflow:hidden;
	padding:33px 0 0;
	width:133px;}

.homeVehicle p.link a:hover{
	background-position:0 -52px;}

#homeRightCol{
	background:url(/graphics/home-intro-bottom-shadow.png) no-repeat right top;
	float:left;
	padding:20px 15px 0;
	width:230px;}

#homeRightCol h3{
	padding:15px 0 5px;}

.btnUsedCars a{
	background:url(/graphics/btn-right-col-used-cars.png) no-repeat;
	display:block;
	height:0;
	overflow:hidden;
	padding:41px 0 0;
	width:230px;}

.btnUsedCars a:hover{
	background-position:0 -92px;}

#homeRightCol hr{
	background:#A2C7E1;
	color:#A2C7E1; /*oh ie!*/
	float:left;
	height:1px;
	text-align:left;
	width:230px;}

.testimonialPhoto{
	background:#FFF url(/graphics/testimonial-photo-caption-bg.gif) no-repeat right top;
	height:74px;
	width:230px;}

.testimonialPhoto p{
	float:right;
	font-size:1em;
	padding:15px 5px 0;
	text-align:center;
	width:75px;}

.testimonialPhoto strong{
	display:block;}

.testimonialPhoto img{
	float:left;}

p.testimonialText{
	font-size:1.4em;
	font-style:italic;
	padding:10px 0;}

.btnReadTestimonials a{
	background:url(/graphics/btn-read-more-testimonials.png) no-repeat;
	display:block;
	height:0;
	overflow:hidden;
	padding:30px 0 0;
	width:192px;}

.btnReadTestimonials a:hover{
	background-position:0 -50px;}

.btnReadBlog a{
	background:url(/graphics/btn-read-blog.png) no-repeat;
	display:block;
	height:0;
	overflow:hidden;
	padding:30px 0 0;
	width:130px;}

.btnReadBlog a:hover{
	background-position:0 -50px;}

#homeRightCol ul{
	list-style:none;
	width:230px;}

#homeRightCol li{
	background:url(/graphics/home-right-col-blog-bg.gif) no-repeat;
	margin-bottom:10px;
	padding:5px 0 0;}

#homeRightCol li a{
	background:url(/graphics/home-right-col-blog-bg.gif) no-repeat left bottom;
	display:block;
	font-size:1.2em;
	padding:0 5px 5px;
	text-decoration:none;
	width:220px;}

/* global content structure */
#pageCols{
	float:left;
	padding:0 25px;
	width:940px;}

#breadcrumbs{
	background:url(/graphics/breadcrumb-bg.png) repeat-y right top;
	border:1px solid #C4E1EE;
	float:left;
	font-size:1.1em;
	list-style:none;
	width:938px;}

#breadcrumbs li{
	float:left;
	padding:0 0 0 10px;}

#breadcrumbs li a{
	background:url(/graphics/breadcrumb-separator.gif) no-repeat right center;
	display:block;
	font-style:italic;
	font-weight:normal;
	padding:9px 25px 9px 0;}

#breadcrumbs li span{
	display:block;
	font-weight:bold;
	padding:9px 0;}

#breadcrumbs li a:hover{color:#E00;}

.leftNavBg{background:url(/graphics/left-nav-bg.png) repeat-y;}

#leftNav{
	float:left;
	padding:20px 0 200px;
	width:232px;}

#leftNav ul{
	float:left;
	list-style:none;
	width:232px;}
	
#leftNav li{
	border-bottom:2px solid #FFF;
	float:left;
	width:232px;}

#leftNav a{
	display:block;
	float:left;
	font-size:1.2em;
	font-weight:normal;
	padding:10px 0 10px 10px;
	text-decoration:none;
	width:222px;}

#leftNav a:hover{color:#E00;}

.subnav1 #leftNav .sub1,
.subnav2 #leftNav .sub2,
.subnav3 #leftNav .sub3,
.subnav4 #leftNav .sub4,
.subnav5 #leftNav .sub5,
.subnav6 #leftNav .sub6,
.subnav7 #leftNav .sub7,
.subnav8 #leftNav .sub8,
.subnav9 #leftNav .sub9,
.subnav10 #leftNav .sub10{
	background:url(/graphics/left-nav-link-bg-selected.png) no-repeat;
	border-bottom:0 none;}

.subnav1 #leftNav .sub1 a,
.subnav2 #leftNav .sub2 a,
.subnav3 #leftNav .sub3 a,
.subnav4 #leftNav .sub4 a,
.subnav5 #leftNav .sub5 a,
.subnav6 #leftNav .sub6 a,
.subnav7 #leftNav .sub7 a,
.subnav8 #leftNav .sub8 a,
.subnav9 #leftNav .sub9 a,
.subnav10 #leftNav .sub10 a{
	color:#39C;
	cursor:default;
	font-weight:bold;
	padding:14px 0 13px 10px;}

#leftNav .mainpage a{color:#E00; font-weight:bold;}

#rightCol{
	float:right;
	padding:20px 0 20px 20px;
	width:688px;}

#rightCol h1{font-family:"vegurbold", "trebuchet ms", arial;}
#rightCol h2{border-bottom:1px solid #CCC; clear:left; color:#09C; margin:4px 0 7px;}

.finance h2{border-bottom:0 none !important; margin:0 0 7px !important;}

#rightCol ul{
	font-size:1.2em;
	padding:0 0 15px 30px;}

#rightCol li{
	margin:0 0 5px;}

.bulletedLink{
	background:url(/graphics/bullet-general-link.gif) no-repeat 0 0;
	display:block;
	font-size:1.2em;
	padding:3px 0 4px 30px;}

.qualitypage .bulletedLink,
.faqpage .bulletedLink{
	margin:10px 0 0;}

img.imgfloat{
	float:right;
	margin:0 0 15px 15px;}

#fullCol{
	float:left;
	padding:15px 0 20px;
	width:940px;}

#fullCol h1{font-family:"vegurbold", "trebuchet ms", arial;}

.floatingPageImg{
	float:right;}

.divClear{clear:both;}

/* Vehicle page */
#vehicleleftCol{
	float:left;
	width:410px;}

#vehicleleftCol h1{
	line-height:1.2em;}

#vehiclerightCol{
	float:right;
	width:510px;}

a.btndemonstration{
	background:url(/graphics/btn-arrange-free-nationwide-demo.png) no-repeat;
	display:block;
	height:0;
	overflow:hidden;
	padding:44px 0 0;
	width:389px;}

a.btndemonstration:hover{
	background-position:0 -92px;}

ul.features{
	font-size:1.2em;
	list-style:none;
	padding-bottom:15px;}

ul.features li{
	background:url(/graphics/bullet-features.gif) no-repeat 5px 50%;
	padding:4px 0 3px 25px;}

#financeImages{height:345px;}

.enlargeText{
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;}

#tabBtns{
	background:url(/graphics/tab-vehicle-top-border-bg.gif) repeat-x 0 100%;
	display:none;
	font-size:1.2em;
	height:33px;
	list-style:none;
	width:510px;}

#tabBtns li{
	float:left;
	padding-top:6px;}

#tabBtns span{
	background:#C4E1EE url(/graphics/bullet-tab-closed.gif) no-repeat 15px 50%;
	border-color:#FFF;
	border-style:solid;
	border-width:0 2px 0 0;
	cursor:pointer;
	display:block;
	padding:5px 15px 5px 29px;
	white-space:nowrap;}

#tabBtns span:hover{
	color:#09C;}
	
#tabBtns .tabSelected{
	background:url(/graphics/tab-vehicle-selected.gif) no-repeat;
	margin-right:2px;
	padding:0 0 0 31px;}

#tabBtns .tabSelected span{
	background:url(/graphics/tab-vehicle-selected.gif) no-repeat right top;
	border:0 none;
	cursor:default;
	font-size:1.2em;
	font-weight:bold;
	padding:8px 16px 7px 0;}

#tabBtns .tabSelected span:hover{
	color:#036;}

.tabpanelSelected{
	border-color:#A5D1E4;
	border-style:solid;
	border-width:0 1px 1px;
	display:block;
	padding:10px;
	width:488px;}

.tabpanelClosed{
	display:none;}

#specTableSimple{
	font-size:1.1em;
	margin:0 0 15px;
	width:488px;}

#specTableSimple th,
#specTableSimple td{
	padding:4px;
	text-align:center;}

#specTableSimple th{
	background:#036;
	color:#FFF;
	font-weight:bold;
	vertical-align:top;}

#specTableSimple th.col1{
	width:25%;}

#specTableSimple th strong{
	color:#FFF;
	white-space:nowrap;}

#specTableSimple th ul{
	list-style:none;
	padding:5px 0 0;}

#specTableSimple th li{
	background:url(/graphics/bullet-list-blue-bg.gif) no-repeat 2px 4px;
	color:#FFF;
	padding:0 0 0 8px;}

#specTableSimple td{
	background:#DDD;}

#specTableSimple .left{text-align:left;}

.pdfLink{
	border:1px solid #CCC;
	margin-bottom:15px;
	padding:5px;}

.pdfLink a{
	background:url(/graphics/logo-adobe-reader.gif) no-repeat;
	display:block;
	padding:0 0 0 95px;
	text-decoration:none;}

#vehicle1,
#vehicle2,
#vehicle3,
#vehicle4{
	border-right:1px solid #CCC;
	float:left;
	width:227px;
	padding:0 40px 0 0;
	margin-bottom:30px;}
#vehicle4{
	padding:0 40px 0 10px;}

#vehicle2,
#vehicle4{
	border:none;}
	
#vehicle1 p,
#vehicle2 p,
#vehicle3 p,
#vehicle4 p{
	padding:0;}

#vehicle1 p.text,
#vehicle2 p.text,
#vehicle3 p.text,
#vehicle4 p.text{
	background:url(/graphics/vehicle-intro-bg.jpg) repeat-x;
	padding:10px;}

#vehicle1 h2,
#vehicle2 h2,
#vehicle3 h2,
#vehicle4 h2{
	border:0 none;}

#vehicle1 h2 a,
#vehicle2 h2 a,
#vehicle3 h2 a,
#vehicle4 h2 a{
	font-family:"vegurbold", "trebuchet ms", arial;
	text-decoration:none;}

#vehicle1 h2 a,
#vehicle2 h2 a{
	background:url(/graphics/logo-peugeot-small.gif) no-repeat;
	display:block;
	min-height:50px;
	padding:0 0 0 55px;
	width:120px;}

#vehicle2 h2 a{
	background-position:15px 0;
	padding:0 0 0 70px;
	width:125px;}

#vehicle3 h2 a{
	background:url(/graphics/logo-renault-small.gif) no-repeat 15px 0;
	display:block;
	min-height:50px;
	padding:0 0 0 70px;
	width:80px;}

#vehicle1 h2 a{
	background:url(/graphics/logo-peugeot-small.gif) no-repeat;
	display:block;
	height:50px;
	padding:0 0 0 55px;
	width:120px;}

#vehicle4 h2 a{
	background:url(../graphics/bullet-nissan-small.gif) no-repeat;
	display:block;
	height:35px;
	padding:15px 0 0 55px;
	width:120px;}
	
#tabpanel2 ul{
	font-size:1.2em;
	padding:0 0 15px 20px;}
		
/* Ask Question Form
   Note: .AskQuestionForm class added by Liam since ID styles (#askQuestion) will
		 not take to a form element with runat="server" hence a specific class
		 was required. The .AskQuestionForm class is similar to the ID style (#askQuestion)
		 but with a few additions.
*/

.AskQuestionForm{
	background:url(/graphics/ask-expert-form-bg.gif) no-repeat left bottom;
	float:left;
	margin-bottom:15px;
	padding:0 0 12px;
	width:407px;}
	
.AskQuestionForm fieldset{
	background:url(/graphics/ask-expert-form-bg.gif) no-repeat;
	float:left;
	padding:85px 14px 0;
	width:379px;}

.generic fieldset{
	background:url(/graphics/ask-expert-form-generic-bg.gif) no-repeat;
	padding-top:135px;}

	
.AskQuestionForm label{
	float:left;
	font-size:1.2em;
	width:280px;}
	
.AskQuestionForm input,
.AskQuestionForm textarea, .AskQuestionForm select{
	border:4px solid #ccc;
	color:#666;
	float:left;
	font-size:1.2em;
	margin-bottom:6px;
	padding:3px;
	width:260px;}
	
.AskQuestionForm textarea{
	width:350px;}

.AskQuestionForm input:focus,
.AskQuestionForm textarea:focus,
.AskQuestionForm input:hover,
.AskQuestionForm textarea:hover{
	border:4px solid #E00;}

.AskQuestionForm .error{
	border:1px solid #C00;}
	
.AskQuestionForm .errorText{
	color:#C00;}

.AskQuestionForm .submit{
	background:url(/graphics/btn-submit-your-question.png) no-repeat scroll left top;
	border:0 none !important;
	cursor:pointer;
	display:block;
	float:right !important;
	height:33px;
	overflow:hidden;
	padding:33px 0 0 !important;
	width:190px !important;}

.AskQuestionForm .submit:hover{
	background-position:0 -50px;}
	
.AskQuestionForm label.error{color:#F00;}

.AskQuestionForm input.error,
.AskQuestionForm textarea.error,
.AskQuestionForm select.error{
	color:#F00;
	border:4px solid #E00;}	
	
#askQuestion{
	background:url(/graphics/ask-expert-form-bg.gif) no-repeat left bottom;
	float:left;
	padding:0 0 12px;
	width:407px;}

#askQuestion fieldset{
	background:url(/graphics/ask-expert-form-bg.gif) no-repeat;
	float:left;
	padding:85px 14px 0;
	width:379px;}

#askQuestion label{
	float:left;
	font-size:1.2em;
	width:280px;}

#askQuestion input,
#askQuestion textarea{
	border:4px solid #ccc;
	color:#666;
	float:left;
	font-size:1.2em;
	margin-bottom:6px;
	padding:3px;
	width:260px;}

#askQuestion textarea{
	width:350px;}

#askQuestion input:focus,
#askQuestion textarea:focus,
#askQuestion input:hover,
#askQuestion textarea:hover{
	border:4px solid #E00;}

#askQuestion .error{
	border:1px solid #C00;}

#askQuestion .submit{
	background:url(/graphics/btn-submit-your-question.png) no-repeat scroll left top;
	border:0 none !important;
	cursor:pointer;
	display:block;
	float:right !important;
	height:33px;
	overflow:hidden;
	padding:33px 0 0 !important;
	width:190px !important;}

#askQuestion .submit:hover{
	background-position:0 -50px;}


/* Used Cars */
.usedCars #features{
	padding:0 0 15px;}

.usedCars .row{
	border-top:1px solid #CCC;
	float:left;
	padding:15px 0;
	width:940px;}

.usedCars .item{
	float:left;
	width:470px;}

.usedCars .item .img{
	float:left;
	width:200px;}

.usedCars .item h2,
.usedCars .item p{
	float:right;
	padding:0 10px 0 0;
	width:250px;}

.usedCars p.link{
	padding-top:5px;}

.usedCars p.link a{
	background:url(/graphics/btn-find-out-more.png) no-repeat;
	display:block;
	float:left;
	height:0;
	overflow:hidden;
	padding:33px 0 0;
	width:133px;}

.usedCars p.link a:hover{
	background-position:0 -52px;}
	
.usedCars .ad-gallery .ad-image-wrapper{height:360px !important;}

#specTableUsedCar{
	font-size:1.1em;
	margin:0 0 15px;
	width:410px;}

#specTableUsedCar th,
#specTableUsedCar td{
	padding:4px;
	text-align:left;}

#specTableUsedCar th{
	background:#036;
	color:#FFF;
	font-weight:bold;
	vertical-align:top;}

#specTableUsedCar th.col1{
	width:25%;}

#specTableUsedCar td.col1,
#specTableUsedCar td.col2{
	width:50%;}

#specTableUsedCar th strong{
	color:#FFF;
	white-space:nowrap;}

#specTableUsedCar td{
	background:#DDD;}

#specTableUsedCar .left{text-align:left;}

a.btnenquireusedcar{
	background:url(/graphics/btn-enquire-about-vehicle.png) no-repeat;
	display:block;
	height:0;
	overflow:hidden;
	padding:44px 0 0;
	width:252px;}

a.btnenquireusedcar:hover{
	background-position:0 -92px;}

/* Site Map */
#sitemapLeft{
	float:left;
	width:325px;}

#sitemapRight{
	float:right;
	width:325px;}

.sitemap h2{
	font-size:1.6em;
	font-weight:bold;}

.sitemap ul a,
.sitemap ul span{}

.sitemap ul span{
	color:#900;}

.sitemap ul{
	font-size:1.4em !important;
	list-style:none;
	padding:0 0 10px 10px !important;}

.sitemap ul li{
	padding:0 0 7px 10px;
	background:url(/graphics/bullet-faq-up.gif) no-repeat 0 5px;}

.sitemap ul li a{
	font-weight:bold;}

.sitemap ul ul{
	font-size:.9em !important;
	padding:0 0 0 25px;}

.sitemap ul ul li{
	padding:0 0 0 10px !important;}

.sitemap ul ul li a{
	font-weight:normal;}

/* Standard Form */
.StandardForm{
	border-top:1px solid #ccc;
	float:left;
	margin-bottom:15px;
	padding-top:15px;
	width:655px;}

.tabpanelSelected .StandardForm{
	border-top:0 none;
	padding-top:0;
	width:488px;}
	
.StandardForm em{
	float:left;
	font-size:1.2em;
	padding-top:5px;
	padding-left:5px;
	color:#F00;}

.StandardForm label{
	float:left;
	font-size:1.2em;
	padding-top:5px;
	width:30%;}

.tabpanelSelected .StandardForm label{
	width:50%;}

.StandardForm input,
.StandardForm select,
.StandardForm textarea{
	border:4px solid #ccc;
	color:#666;
	float:left;
	font-size:1.4em;
	margin-bottom:6px;
	padding:3px;
	width:50%;}

.tabpanelSelected .StandardForm input,
.tabpanelSelected .StandardForm select{
	width:70%;}

.tabpanelSelected .StandardForm textarea{
	width:90%;}

.StandardForm input:focus,
.StandardForm select:focus,
.StandardForm textarea:focus,
.StandardForm input:hover,
.StandardForm select:hover,
.StandardForm textarea:hover{
	border:4px solid #E00;}

.StandardForm select{
	width:51%;}

.StandardForm p{
	padding-bottom:0;}

strong.required{
	color:red;
	cursor:help;
	font-family:Verdana;}

input.submit{
	border:none !important;
	float:right;
	margin:10px 0 0;
	padding:0;
	width:auto;}

.StandardForm label.error{color:#F00;}

.StandardForm input.error,
.StandardForm textarea.error,
.StandardForm select.error{
	color:#F00;
	border:4px solid #E00;}

.btnSubmitEnquiry{
	background:url(/graphics/btn-submit-enquiry.png) no-repeat scroll left top;
	border:0 none !important;
	cursor:pointer;
	display:block;
	float:right !important;
	height:44px;
	overflow:hidden;
	padding:44px 0 0 !important;
	width:238px !important;}

.btnSubmitEnquiry:hover{
	background-position:0 -92px;}

/* Contact Us */
address.contact{padding-top:15px;}

.contact strong{
	font-size:1.4em;}

.telno strong{
	font-size:1.4em;}

#map{
	border:5px solid #ccc;
	margin:10px 0 15px;
	float:left;
	width:678px;
	height:380px;}

/* Useful Links */
.linkspage h2{
	font-size:1.8em;
	padding-bottom:6px;}

.linkspage h2 a{
	color:#09C;}

.linkspage h2 a:hover{
	color:#E00;}

/* Testimonials */
.testimonials blockquote{
	border-bottom:1px solid #CCC;
	float:left;
	padding:10px 0;
	width:688px;}

.testimonials blockquote p.img{
	float:right;
	width:156px;}

.testimonials blockquote img{
	border:3px solid #CCC;}

.testimonials blockquote p{
	padding:0;
	width:520px;}

.testimonials blockquote p q{
	font-size:1.2em;
	font-style:italic;
	line-height:1.8em;}

.testimonials blockquote p.customer{
	font-size:1.4em;
	font-weight:bold;
	text-align:right;}

/* Quality Page */
.qualitypage p{
	border-bottom:1px solid #CCC;
	float:left;
	padding-top:15px;
	width:688px;}

.qualitypage p.nopad{
	padding-top:0;}

.qualitypage p span{
	float:right;
	line-height:1.5em;
	width:473px;}

.qualitypage p img{
	float:left;}

/* Design Production */
.ad-image-description span{
	text-align:center;
	display:block;
	font-weight:bold;
	}

/* History */
#photoArchive{
	padding:10px 0 0;}
	
#photoArchive .ad-gallery {width:688px;}

#photoArchive .ad-gallery .ad-nav {
	background:none;
	width:680px;}

#photoArchive .ad-gallery .ad-image-wrapper {
	margin-bottom: 15px;}

#photoArchive .ad-gallery .ad-image-wrapper .ad-image {
  left:0 !important;
	width:688px !important;}

/* History Timeline */
.timeline p{
	background:url(/graphics/timeline-horz-line.gif) repeat-y;
	border-bottom:1px solid #CCC;
	float:left;
	padding-top:15px;
	width:688px;}

.timeline p:hover{
	background-color:#EEE;}

.timeline p:hover strong{
	border-color:#09C;
	color:#036;}

.timeline strong,
.timeline em{
	display:block;
	float:left;}

.timeline strong{
	background:#FFF;
	border:4px solid #CCC;
	color:#09C;
	font-size:1.8em;
	line-height:1em;
	letter-spacing:1px;
	padding:6px 4px;}

.timeline em{
	float:right;
	font-size:1.2em;
	font-style:normal;
	font-weight:bold;
	padding:5px 0;
	width:595px;}

/** Footer **/
#footerContainer{
	background:url(/graphics/footer-bg.jpg) no-repeat 25px 0;
	float:left;
	padding:0 25px 30px;
	width:940px;}

#footerContainer #footerLeft{
	float:left;
	padding:0;
	width:475px;}

#footerContainer #footerRight{
	float:right;
	padding:0;
	width:460px;}

#footerLeft ul{
	float:left;
	font-size:1.2em;
	list-style:none;
	padding:20px 0 0 25px;
	width:210px;}

#footerLeft li{
	float:left;}

#footerLeft li a{
	background:url(/graphics/footer-link-bullet.gif) no-repeat 0 3px;
	display:block;
	float:left;
	font-weight:normal;
	padding:4px 0 3px 17px;
	text-decoration:none;
	width:193px;}

#footerLeft li a:hover{
	color:#E00;}

#footerRight p.telno{
	float:left;
	width:460px;}

#footerRight p.telno strong,
#footerRight p.telno span,
#footerRight p.telno a{
	display:block;
	float:left;
	height:0;
	overflow:hidden;}

#footerRight p.telno strong{
	background:url(/graphics/footer-contact-telephone-number.png) no-repeat;
	padding:71px 0 0;
	width:460px;}

#footerRight p.telno span{
	background:url(/graphics/footer-text-or-alternatively.png) no-repeat;
	padding:30px 0 0;
	width:288px;}

#footerRight p.telno a{
	background:url(/graphics/footer-btn-send-us-a-question.png) no-repeat;
	padding:33px 0 0;
	width:164px;}

#footerRight p.telno a:hover{
	background-position:0 -53px;}

#footerRight ul{
	border-top:1px solid #FFF;
	float:left;
	list-style:none;
	padding:15px 0 0;
	
	width:450px;}

#footerRight li{
	display:inline;}

#footerRight img{
	margin:0 3px;}

/* jquery slide panel */

h2.panel{
	background:url(/graphics/bullet-faq-up.gif) no-repeat left 12px;
	cursor:pointer;
	font-size:1.8em;
	padding:6px 0 6px 12px;}

h2.panel:hover,
h2.panel-down{
	color:#E00 !important;}

h2.panel-down{
	background:url(/graphics/bullet-faq-down.gif) no-repeat left 12px;}

p.panel-closed{
	display:none;}

/* jq tabs by http://stilbuero.de/jquery/tabs_3/ */

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
	display:none;}
}

/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav {
	display:none;}
}

/* Landing Page Skin */

#infoTabs .ui-tabs-nav{
	list-style:none;
	margin:0 0 0 10px;
	padding:0;}

#infoTabs .ui-tabs-nav:after{ /* clearing without presentational markup, IE gets extra treatment */
	display:block;
	clear:both;
	content:" ";}

#infoTabs .ui-tabs-nav li{
	float: left;
	margin: 0 1px 0 0;
	/*min-width:84px;  be nice to Opera */}

#infoTabs .ui-tabs-nav a, #infoTabs .ui-tabs-nav a span{
  display:block;
  padding:0 10px;
  background:url(/graphics/jq-tab-bg.gif) no-repeat;}

#infoTabs .ui-tabs-nav a{
	margin:0 0 0; /* position: relative makes opacity fail for disabled tab in IE */
	padding-left:0;
	color:#FFF !important;
	font-size:1.2em;
	line-height:1.2;
	text-align:center;
	text-decoration:none;
	white-space:nowrap; /* required in IE 6 */    
	outline:0; /* prevent dotted border in Firefox */
	position:relative;
	top:4px;}

#infoTabs .ui-tabs-nav .ui-tabs-selected a{
	font-size:1.4em;
	top:0;}

#infoTabs .ui-tabs-nav a span{
	height:20px; /* IE 6 treats height as min-height */
	min-height:20px;
	padding-top:6px;
	padding-right:0;
	color:#FFF !important;}

#infoTabs .ui-tabs-nav .ui-tabs-selected a span{
	height:24px; /* IE 6 treats height as min-height */
	min-height:24px;}

*>.ui-tabs-nav a span { /* hide from IE 6 */
	width:auto;
	height:auto;}

/* hovers, actives and other bites */
#infoTabs .ui-tabs-nav .ui-tabs-selected a span{padding-bottom:1px;}
#infoTabs .ui-tabs-nav .ui-tabs-selected{border:none;}
#infoTabs .ui-tabs-nav .ui-tabs-selected a, #infoTabs .ui-tabs-nav a:hover, #infoTabs .ui-tabs-nav a:focus, #infoTabs .ui-tabs-nav a:active{background-position:100% -150px !important;}
#infoTabs .ui-tabs-nav a, #infoTabs .ui-tabs-nav .ui-tabs-disabled a:hover, #infoTabs .ui-tabs-nav .ui-tabs-disabled a:focus, #infoTabs .ui-tabs-nav .ui-tabs-disabled a:active{background-position:100% -100px !important;}
#infoTabs .ui-tabs-nav .ui-tabs-selected a span, #infoTabs .ui-tabs-nav a:hover span, #infoTabs .ui-tabs-nav a:focus span, #infoTabs .ui-tabs-nav a:active span{background-position:0 -50px !important;}
#infoTabs .ui-tabs-nav a span, #infoTabs .ui-tabs-nav .ui-tabs-disabled a:hover span, #infoTabs .ui-tabs-nav .ui-tabs-disabled a:focus span, #infoTabs .ui-tabs-nav .ui-tabs-disabled a:active span{background-position:0 0;}
#infoTabs .ui-tabs-nav .ui-tabs-selected a:link, #infoTabs .ui-tabs-nav .ui-tabs-selected a:visited, #infoTabs .ui-tabs-nav .ui-tabs-disabled a:link, #infoTabs .ui-tabs-nav .ui-tabs-disabled a:visited{cursor:text;}
#infoTabs .ui-tabs-nav .ui-tabs-selected a span{font-weight:bold;}
#infoTabs .ui-tabs-nav a:hover, #infoTabs .ui-tabs-nav a:focus, #infoTabs .ui-tabs-nav a:active,
#infoTabs .ui-tabs-nav .ui-tabs-unselect a:hover, #infoTabs .ui-tabs-nav .ui-tabs-unselect a:focus, #infoTabs .ui-tabs-nav .ui-tabs-unselect a:active{cursor: pointer;}
#infoTabs .ui-tabs-disabled{
	opacity:.4;
	filter:alpha(opacity=40);}
.padBottom{
	padding-bottom:10px;
	display:block;
	font-size:1.2em;}

/* Read Our Blog Btn on the header */
.btnReadBlog{
	position:absolute;
	top:66px;
	right:408px;
	}

.btnReadBlog a{
	background:url("/graphics/btn-read-our-blog.png") no-repeat 0 0;
	display:block;
	height:0;
	overflow:hidden;
	padding:33px 0 0;
	width:169px;
	}
.btnReadBlog a:hover{
	background-position:0 -53px;
	}