/*--- CSS Reset ---*/

* 												{ margin: 0; padding: 0; }
ul, ol 										{ list-style: none; }
h1, h2, h3, h4, h5 						{ font-weight: normal; }
a img 										{ border:none; }
												
												
/*--- General Styles ---*/				
												
body, html 									{ height: 100%; }
body 											{ font: 62.5% arial, sans-serif; color: #595959; background: #E7E6E1; }
p												{ font-size: 1.2em; }
a												{ color: #000; text-decoration: none; border-bottom: 1px dotted #595959; }
a:hover										{ color: #ED1814; border-bottom: 1px solid #ED1814; }
.clear 										{ clear: both; height: 0px; overflow: hidden; }
.left											{ float: left; }
.right										{ float: right; }
												
												
												
/*--- Structure ---*/					
												
.container 									{ margin: 0 auto; width: 960px; }
												
#masthead									{ z-index:100;width:100%;overflow: hidden; padding: 10px 0;background:#fff; position: fixed; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 10px 10px 10px #000; }
#main											{ background: url("/img/bg/main-repeat.jpg") repeat-x; }
#main_inner									{ padding-top:150px;background: url("/img/bg/main.jpg") 50% 0 no-repeat; }
#content										{ padding: 30px; border-top: 1px solid #A8A7A3; }
												
.split-main									{ float: left; width: 640px; }
.split-support								{ float: right; width: 190px; padding: 20px; }

.col											{ width: 190px; margin-right: 15px; float: left; }
.col.last									{ margin-right: 0; }
												
												
/*--- Header ---*/						
												
#logo 										{ float: left; margin-left: 5px; border: 0; }
												
#global_nav									{ float: right; padding: 40px 0 0 0; }
#global_nav li								{ display: inline; float: left; margin-left: 8px; }
#global_nav li a							{ display: block; float: left; padding: 7px 10px; background: #F8F7F5; color: #595959;
										  		  font-size: 1.2em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0; }
#global_nav li a:hover					{ color: #000; }
												
.s-newvehicles #global_nav li.n-newvehicles a,
.s-usedvehicles #global_nav li.n-usedvehicles a,
.s-service #global_nav li.n-service a,
.s-specials #global_nav li.n-specials a,
.s-parts #global_nav li.n-parts a,
.s-fleet #global_nav li.n-fleet a,
.s-finance #global_nav li.n-finance a,
.s-contact #global_nav li.n-contact a,
.s-about #global_nav li.n-about a
												{ background: #F6BF00; color: #fff; }
												
												
/*--- Sidebar ---*/						
												
.split-support								{ background: url("/img/bg/section-side.png") no-repeat; }
												
#local_nav									{ border-top: 1px solid #A8A7A3; margin-bottom: 20px; list-style: none !important; }
#local_nav li								{ background: url("/img/bg/bullet.gif") 0 18px no-repeat; margin: 0 !important; }
#local_nav li a							{ display: block; padding: 15px; color: #595959;
										  		  border-bottom: 1px solid #A8A7A3; }
#local_nav li a:hover					{ color: #ED1814; }
.n-1 #local_nav li.n-1,					
.n-2 #local_nav li.n-2,					
.n-3 #local_nav li.n-3,					
.n-4 #local_nav li.n-4,					
.n-5 #local_nav li.n-5,					
.n-6 #local_nav li.n-6,					
.n-7 #local_nav li.n-7,					
.n-8 #local_nav li.n-8,					
.n-9 #local_nav li.n-9,					
.n-10 #local_nav li.n-10				{ background-position: 0 -74px;}

												
												
/*--- Footer ---*/						
												
#footer										{ clear: both; border-top: 1px solid #A8A7A3; padding: 15px; }
#footer ul									{ float: left; margin-bottom: 10px; }
#footer li									{ display: inline; float: left; font-size: 1.1em; margin-right: 10px; padding-right: 10px;
										  		  border-right: 1px solid #B3B3B3; }
#footer li.last							{ border: 0; }
#footer li a								{ color: #666; border: 0; }
#footer li a:hover						{ color: #ED1814; }
												
#footer p									{ clear: both; color: #B3B3B3; font-size: 1.1em; }
#logo_tbone									{ float: right; border: 0; }
												
										  		
/*--- Headings ---*/						
												
h1, h2, h3, h4 							{ color: #ED1814; font-style: italic; }
h1 											{ font-size: 3em; font-weight: bold; padding: 30px; }
h2												{ font-size: 2.2em; margin-bottom: 10px; }
h3, .split-support h2					{ font-size: 1.7em; margin-bottom: 5px; }
h4												{ font-size: 1.3em; }
												
												
/*--- Buttons ---*/						

.button										{ height: 32px; }										
a.btn											{ display: block; background: url("/img/buttons/buttons.png") no-repeat; margin-right: 15px;
										  		  float: left; height: 32px; text-indent: -999em; overflow: hidden; border: 0 !important; }
a.btn-view									{ background-position: -142px 0px; width: 75px; }
a.btn-view:hover							{ background-position: -142px -33px; }
a.btn-submit								{ background-position: 0 0; width: 75px; }
a.btn-submit:hover						{ background-position: 0 -33px; }
a.btn-go										{ background-position: -86px 0; width: 45px; }
a.btn-go:hover								{ background-position: -86px -33px; }
a.btn-value									{ background-position: -1042px 0; width: 119px; }
a.btn-value:hover							{ background-position: -1042px -33px; }
a.btn-enquirenow							{ background-position: -228px 0; width: 119px; }
a.btn-enquirenow:hover					{ background-position: -228px -33px; }
a.btn-fc										{ background-position: -1294px 0px; width: 159px; }
a.btn-fc:hover								{ background-position: -1294px -33px; }
a.btn-list									{ background-position: -358px 0; width: 75px; }
a.btn-list:hover							{ background-position: -358px -33px; }
a.btn-search								{ background-position: -444px 0; width: 75px; }
a.btn-search:hover						{ background-position: -444px -33px; }
a.btn-download								{ background-position: -530px 0; width: 101px; }
a.btn-download:hover						{ background-position: -530px -33px; }
a.btn-viewmore								{ background-position: -642px 0; width: 162px; }
a.btn-viewmore:hover						{ background-position: -642px -33px; }
a.btn-downloadapplication				{ background-position: -815px 0; width: 224px; }
a.btn-downloadapplication:hover		{ background-position: -815px -33px; }
a.btn-back									{ background-position: -1463px 0; width: 60px; }
a.btn-back:hover							{ background-position: -1463px -33px; }

.heading-btn								{ margin: 35px 30px 0 0; float: right; }
.value-btn									{ margin: 35px 0px 0 0; float: right; }

												
										  		
/*--- Homepage ---*/						
												
.s-home #content							{ padding: 30px 0; }
.s-home #main_inner						{ background-image: url("/img/bg/main-home.jpg"); }
.s-home h1									{ display: none; }
.s-home h2									{ margin-left: 50px; position: relative; z-index: 2; }
.s-home h3									{ margin-left: 20px; }
												
#home_banner								{ background: #E7E6E1; }
#home_banner a								{ border: 0; }
												
#home_hero									{ background: url("/img/bg/hero-section.png") 530px 49px no-repeat; padding: 0 30px; position: relative; margin-bottom: 20px; }
#home_hero img								{ position: relative; top: 10px; left: 20px; }
#hero_area									{ position: absolute; top: 80px; right: 76px; width: 280px; }
#hero_area a.btn							{ float: right; display: inline; margin-right: 20px; }
												
.home_panel									{ position: relative; }
.home_panel a.more-link					{ position: absolute; top: 3px; right: 0px; font-size: 1.1em; color: #666; border: 0;
										  		  font-style: italic; }
.home_panel a.more-link:hover			{ color: #ED1814; }
#tvcs											{ float: left; display: inline; margin-left: 30px; }
#tvcs p										{ position: relative; margin: 0 !important; }
#tvcs p img									{ display: block; }
#tvcs p a									{ position: absolute; bottom: 0px; left: 0px; background: #fff; border: 0; display: block;
										  		  padding: 5px 10px; color: #666; opacity: 0.8; }
#tvcs a.more-link							{ right: 20px; }
												
#feature_vehicle							{ float: right; width: 420px; display: inline; margin-right: 30px; }
#feature_vehicle img						{ float: left; margin-right: 5px; }
#feature_vehicle .car_name				{ display: block; font-size: 1.1em; font-weight: bold; margin-bottom: 10px; }
#feature_vehicle .price					{ font-size: 1.2em; }
#feature_vehicle .price i				{ position: relative; top: -10px; color: #ED1814; }
#feature_vehicle .price strong		{ font-size: 2.4em; font-weight: normal; color: #ED1814; font-style: italic;
												  padding-right: 5px; }
#feature_vehicle ul						{ font-size: 1.1em !important; list-style-position: inside; }
#feature_vehicle li						{ color: #666; margin: 0 !important; }
#feature_vehicle .btn					{ position: absolute; bottom: 22px; right: 12px; }
												
												
												
/*--- Content Page ---*/				
												
.section										{ background: url("/img/bg/section-large.png") no-repeat; padding: 20px 20px 0 20px; margin-bottom: 20px; }
.split-main .section						{ background-image: url("/img/bg/section.png"); }
										  		
.img_holder img							{ border: 1px solid #A8A7A3; }
.img_holder a								{ border: 0; }
.content_thumb								{ float: right; background: url("/img/bg/thumb-shadow.png"); width: 191px; height: 149px;
										  		  position: relative; top: -18px; }
.content_thumb a							{ position: absolute; top: 17px; left: 17px; border: 0; border: 1px solid #A8A7A3; }
.content_thumb a:hover					{ border: 1px solid #666; }
.content_thumb img						{ display: block; }
												
#content p 									{ margin: 5px 0 20px 0; line-height: 1.5em; }
												
#content ul, #content ol				{ margin-bottom: 20px; font-size: 1.2em; line-height: 1.5em; }
#content ul									{ list-style-type: disc; }
#content ol									{ list-style-type: decimal; }
#content ul li, #content ol li		{ margin: 0 0 5px 30px; }
#content ul ul								{ margin: 5px 0 10px 0; list-style-type: circle; }
#content ol ol								{ margin: 5px 0 10px 0; list-style-type: lower-roman; }
#content li li 							{ font-size: 0.85em; }
												
blockquote									{ background: url("/img/bg/quote.png") no-repeat; padding-left: 30px; }

.iframe										{ width: 100%; height: 500px; border: 1px solid #A8A7A3; }

			
/*--- Google Maps ---*/

a.map											{ border: 1px solid #A8A7A3; display: block; }
a.map img									{ display: block; }

.s-map body									{ padding: 0;}
												
												
/*--- Vehicle Scroller ---*/			
												
#vehicle_scroller							{ background: url("/img/bg/scroller-shadow.png"); width: 936px; height: 135px;
										  		  margin: -20px auto 20px auto; position: relative; }
#scroll_control							{ display: none; }
#scroller									{ width: 915px; height: 99px; overflow: auto; }
#jFlowSlide, #scroller					{ position: absolute; top: 18px; left: 18px; }
#jFlowSlide	#scroller					{ position: static; top: auto; left: auto; }

.scroll_button								{ display: block; background: url("/img/buttons/scroller_nav.gif");	width: 18px;
												  height: 24px; text-indent: -999em; overflow: hidden; position: absolute; top: 54px;
												  z-index: 2; border: 0 !important;	cursor: pointer; }
.scroll_button:focus						{ outline: 0; }
.jFlowPrev									{ left: -10px; }
.jFlowNext									{ right: -10px; background-position: -21px 0; }

.jFlowSlideContainer						{ background: #F4F4F4; }
.scroll_panel a							{ position: relative; display: block; float: left; overflow: hidden; border: 0; padding: 0 8px; }
.scroll_panel a img						{ margin-top: -8px; }
.scroll_panel a span						{ position: absolute; bottom: 0; left: 0px; font-size: 1.1em; color: #666; width: 163px;
												  text-align: center; font-style: italic; }
.scroll_panel a:hover span				{ color: #000; }


/*--- Vehicle List ---*/

.thumb-list									{ overflow: hidden; margin: -15px 0 0 -57px; width: 960px; padding-bottom: 10px; }
.thumb-list .thumb						{ float: left; width: 199px; height: 137px; margin-right: -10px; background: url("/img/bg/vehicle-thumb-shadow.png"); 
												  position: relative; }
.thumb a										{ border: 1px solid #A8A7A3; display: block; position: absolute; top: 17px; left: 17px;  }
.thumb a:hover								{ border: 1px solid #666; }
.thumb span									{ font-size: 1.4em; color: #666; font-style: italic; position: absolute; bottom: -20px; left: 0; width: 163px;
												  text-align: center; }
.thumb a:hover span						{ color: #000; }

/*--- Table ---*/

.data											{ width: 100%; font-size: 1.2em; margin: 0.5em 0 1em 0; }
.data th, .data td						{ border-top: 1px solid #A8A7A3; padding: 10px; vertical-align: top; }
.data td										{  }
.data th										{ color: #ED1814; font-style: italic; font-weight: normal;text-align:center;
												  width: 91px; height: 20px; background: #DBD8D4; }

.runout										{ width: 100%; font-size: 1.2em; margin: 0.5em 0 1em 0;}											
.runout th, .data td						{ color: #595959; height: 30px; font-weight: normal; text-align: center; padding: 10px; }
.runout th									{ color: #ED1814; font-style: italic; font-weight: bold; text-align: center;
												  background: #DBD8D4; }

		
/*--- Form ---*/

input, select, textarea					{ padding: 4px; border: 1px solid #A8A7A3; font-size: 1.3em; font-style: italic;
												  font-family: "Georgia", "Times New Roman", serif; -moz-border-radius: 3px;
												  -webkit-border-radius: 3px; -moz-box-shadow: 1px 1px #AFAFAF; -webkit-box-shadow: 1px 1px #AFAFAF; }
.s-home input								{ padding: 8px; color: #959595; width: 180px; }

.form											{ width: 100%; }
.form th, .form td						{ border-top: 1px solid #A8A7A3; padding: 10px 0; vertical-align: top; }
.form td										{  }
.form th										{ font-size: 1.5em; margin-bottom: 5px; color: #ED1814; font-style: italic; font-weight: normal;
												  text-align: right; padding: 13px 20px 0 0; width: 91px; }
.form label									{ font-size: 1.2em; }

.form input									{ width: 140px; }
.form input.chk							{ width: auto; border: 0; }
.form input.imgbutton					{ width: auto; border: 0; }
.form select								{ width: 150px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.form textarea								{ width: 150px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.form #rblLocation input				{ width: auto; margin-right: 5px; top: 2px; }

.form input.full							{ width: 426px; }
.form select.full							{ width: 436px; }
.form textarea.full						{ width: 426px; height: 150px }


.form .inputlist 							{ width: 100%; }
.form .inputlist td,
.form .inputlist th						{ border: 0; padding-top: 5px; padding-right: 20px; width: 50%; }

.focus										{ border-color: #F6BF00 !important; background: #F6F2E0; }


p.form label								{ font-size: 1em; font-weight: bold; margin-bottom: 3px; display: block; }
p.form input								{ margin-bottom: 10px; width: 180px; }
p.form a.btn								{ margin: 10px 10px 0 0; }

#dcDate_Reset								{ width:auto; padding-top: 3px; border: 0; -moz-box-shadow:none; -webkit-box-shadow:none; }
td.ajax__calendar_other				   { padding: 0px 0px;} 
.ajax__calendar_days td,
.ajax__calendar_days th					{ padding: 0px 0px;} 

.form span.chk								{ width: auto; border: 0; }
.form span.chk input  					{ width: auto;}

.form .errorInput, .form .errorSelect { background: #FFC5C6; border-color: #A70000; }
.radiobutton input { width: 15px!important; padding:3px; margin-left:40px; }