/*CSS BY PHASE NEW MEDIA

-- colours

body grey: #CBCCCE
orange: #F47200
dark blue: #3953A3
light blue: #4765BE
red: #811022

*/

/* **************************************************************** */
/* ********************** universal styles ************************ */
/* **************************************************************** */

/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p { margin: 0px; padding: 0px; border: 0px; outline: 0px;}
.facebook-button {
	background-color: #FFF;
}
* {padding:0px; margin:0px;}
html { height: 101%; } /* add scrollbars to borwsers that do not have them - this eliminates page shift between long and short pages */ 
.clear { clear: both;  }
body {background:#313237; margin:0 auto; font-size: 1em; font-family:Arial, Helvetica, sans-serif; padding: 0px 0 0px 0; text-align:center;}
img { border: none; padding:0px; margin:0px; }
p { font-size: 79%; margin: 0px; padding: 0px 0px 20px 0px; color: #666; line-height: 170%; }
h1 {  margin: 5px 0 20px 0; padding: 0px 0px 2px 0px; font-size:100%; color:#40372F; line-height:120%;; text-transform:uppercase; border-bottom:1px dashed #3953A3;}
h2 {  margin: 5px 0 20px 0; padding: 0px 0px 2px 0px; font-size:100%; color:#3953A3; line-height:120%; text-transform:normal; border-bottom:1px dashed #3953A3;}
h3 {color: #151E3B; font-size: 80%; margin: 0px; padding: 0px 0px 10px 0px; line-height:120%; text-transform:normal; width:300px;}
h4 {color: #151E3B; padding: 15px 0 10px 0; margin: 0px; line-height:100%; font-size: 80%; font-weight:bold; text-transform:normal; width:400px;}
/* h5 {color: #151E3B; padding: 10px 0px 10px 0px; margin: 0px; line-height:100%; font-size: 80%; font-weight:bold; text-transform:normal;} */
/* h6 {color: #151E3B; padding: 20px 0 10px 0; margin: 0px; line-height:100%; font-size: 75%; font-weight:bold; } */
.h5 {color: #151E3B; padding: 10px 0px 10px 0px; margin: 0px; line-height:100%; font-size: 80%; font-weight:bold; text-transform:normal;}
.h6 {color:#F47200;padding:0 0 3px 0; line-height:100%; text-transform:none; font-size:70%; font-weight:normal; border-bottom:1px dashed #F47200; margin:0 0 5px 0;width:145px; }
h1.carTitle {border:0 !important; width:500px;}
h5 {color: #151E3B; font-size: 80%; margin: 0px; padding: 0px 0px 10px 0px; line-height:120%; text-transform:normal;}
h6 {color:#F47200;padding:0 0 3px 0; line-height:100%; text-transform:none; font-size:70%; font-weight:normal; border-bottom:1px dashed #F47200; margin:0 0 5px 0; }
h1 a:link, h1 a:visited {border-bottom:none;text-decoration:none;color: #3F5CB0;font-weight:bold;}
h1 a:hover, h1 a:active { border-bottom:none; text-decoration:none; color: #3953A3; font-weight:bold; }
a img { border: none;}
.float_left { float: left; }
.float_right {float: right; text-align:right;}
.terms { font-size:65%; color:#919191;}
.terms a {text-decoration:none; margin: 0px; padding: 0px; color: #666; border-bottom:1px solid #333333; }
.small { font-size:10px !important; }

.brochure-title {font-weight:bold; color:#F60; font-size:100% !important; }

/* Centre page */
#centrer { width: 942px; margin: 0px auto; padding:0px 18px 0px 18px; text-align:left; background:url(../images/body-bg.jpg) repeat-y; position:relative; z-index:0; } /* bg top*/
#stripes { background: url(../images/stripes.jpg); position:absolute; width:358px; height:348px; z-index:1; left:-340px; top:300px;}

/* **************************************************************** */
/* ************************ header styles ************************* */
/* **************************************************************** */
#header { padding: 38px 0px 0px 15px; height: 109px; width:925px; margin: 0px; text-align:left; background:url(../images/header-bg.jpg) no-repeat; position:relative;} 
#logo { float:left; }
#new-logo {padding:50px 0 0 0; text-align:center;}

/* **************************************************************** */
/* **************************** Anav  ***************************** */
/* **************************************************************** */
#anav { display: block; width:218px; height:394px; margin:0px; padding: 0px 0 0 0px; float:left; background:url(../images/anav-bg.jpg) repeat-x; }	
#anav ul { list-style: none; padding: 0px 0 0 0; margin: 9px 0 0 0 ; display:block; height:394px;}
#anav li { display: block; padding: 0; margin: 0px 0px 0 0; height:35px;}
#anav li img {margin:0px -4px -2px 0; padding:0px 0px 0px 0px; }

/* **************************************************************** */
/* **************************** Bnav  ***************************** */
/* **************************************************************** */
#bnav { display: block; width:660px; height:29px; padding:0px 0 0px 0; margin:0px 0px 0px 0; position:absolute; top:100px; right:35px; text-align:right; /*bottom:18px;float:right; */overflow:hidden; }	
#bnav ul { list-style: none; padding: 0; margin: 0; display:block; height:29px; }
#bnav li { display: inline; padding: 0; margin: 0px 0px 0 0; height:29px; }
#bnav li img {margin:0px 0px 0 0px; padding:0px 0px 0px 0px; }

/* **************************************************************** */
/* **************************** Content *************************** */
/* **************************************************************** */
#content { width:687px; background:url(../images/content-bg-btm.jpg) bottom no-repeat #fff; float:left; margin:0 0 0 0px; padding:0px 0px 15px 15px; }
.col-wide { width:670px; margin: 0px; padding:0 15px 0px 0; }
.col-narrow { width:500px; margin: 0px; padding:0 0px 0px 0; }
.teaser-col { width:450px; float:left; }
.teaser-col p {  font-size:90%; color:#333; font-style:italic; }
.teaser-logo { width:200px; float:left; }
.col-left { width:320px; float:left; }
.col-right { width:320px; float:left; padding:0 0px 0 30px; }
.col-left ul, .col-left ul, ul.list, .teaser-col ul, .teaser-col2 ul, .col-wide ul { margin:0px; padding:5px 0 15px 10px;font-size:79%;line-height:170%;list-style:none;}
.col-left li, .col-left li, ul.list li, .teaser-col li, .teaser-col2 li, .col-wide li {margin:0px; background: url(../images/bullet.jpg) no-repeat left 5px; padding:0 0 10px 20px; list-style:none; color:#666; }
.teaser-col2 { width:320px; float:left; }
.teaser-col2 p {  font-size:90%; color:#333; font-style:italic; }
.teaser { font-size:90%; color:#333; font-style:italic; line-height:170%;  }
#default { width:670px; margin: 0px; padding:15px 15px 0px 0; }
#default h1 {  margin: 5px 0 20px 0; padding: 0px 0px 2px 0px; font-size:90%; color:#40372F; line-height:170%; border-bottom:none; text-transform:none; font-weight:normal;}

/*#content ul { list-style: none; padding: 35px 0 35px 0; margin: 0; display:block; height:122px; }
#content li { display: inline; padding: 0 15px 0 0; margin: 0px 0px 0 0; height:122px; width:154px;}
#content li img {margin:0px -4px 0 0; padding:0px 0px 0px 0px; }*/
/*#bg-right { width:20px; background:url(../images/anav-bg.jpg) repeat-x; float:left; height:394px;}*/
#bg-right { width:21px; background:url(../images/anav-bg.jpg) repeat-x; height:394px; position:absolute; right:19px; top:148px;}
.content-ul li {font-size:0.75em; color:#666; padding-left:10px; margin-left:50px;}

/* **************************************************************** */
/* **************************** Hero  ***************************** */
/* **************************************************************** */
#hero { height:268px; width:672px; margin: 0px; padding:0 0 17px 0;}
#hero-home { /*height:268px;*/ height:378px; width:672px; margin: 0px; padding:0 0 17px 0;}

/* **************************************************************** */
/* **************************** Logos ***************************** */
/* **************************************************************** */
.logos { background:url(../images/logos-bg.jpg) no-repeat; width:150px; height:160px; padding:14px 10px 6px 12px; float:left;}
.logos-right { background:url(../images/logos-bg.jpg) no-repeat; width:150px; height:160px; padding:14px 0px 6px 12px; float:left;}
.logos h1, .logos-right h1 { font-size:70%; color:#fff; line-height:100%; padding:0 0 15px 0; margin:0px; text-transform:uppercase; border:none;}
.logos p, .logos-right p { font-size:70%; color:#fff; line-height:130%; padding:0; margin:0px; text-transform:uppercase;}
.logos a:link, .logos a:visited, .logos-right a:link, .logos-right a:visited { border-bottom:1px #F47200 dashed; text-decoration:none; color: #fff; font-weight:bold; }
.logos a:hover, .logos a:active, .logos-right a:hover, .logos-right a:active { border-bottom:1px #fff dashed; text-decoration:none; color: #fff; font-weight:bold; }
.bullet { width:5px; height:5px; background:url(../images/logos-bullet.jpg) no-repeat;}


/* **************************************************************** */
/* **************************** New ***************************** */
/* **************************************************************** */
#new { width:672px;}
#new ul, .new ul { list-style: none; padding: 0px 0 0 0; margin: 0px 0 30px 0 ; display:block;}
#new li, .new li { display: inline; padding: 0; margin: 0px 0px 0 0; width:162px; height:162px; }
#new li img {margin:0px 2px 2px 0; padding:0px 0px 0px 0px; }
#new h1, .new h1 {  margin: 5px 0 20px 0; padding: 0px 0px 2px 0px; font-size:100%; color:#3953A3; line-height:120%; text-transform:normal; border-bottom:1px dashed #3953A3;}

#newcontent { width:672px;}
.new { width:664px;}
.new li img {margin:0px 0px 2px 0; padding:0px 0px 0px 0px; }

/* **************************************************************** */
/* **************************** Default Used ********************** */
/* **************************************************************** */
#used-specials {float:left;}
#used-search {float:right; padding:0 15px 0 0;}

/* **************************************************************** */
/* **************************** Tabs ********************** */
/* **************************************************************** */

/* **************************************************************** */
/* ************************** Colour Picker *********************** */
/* **************************************************************** */
#colourpicker { display:block; width:188px; height:183px; margin:30px auto 0 auto; }	

#colourpicker * {
		margin:0;
		padding:0;
		}
		
#colourpickerNew {
	width:177px;
	height:171px;
	border:6px solid #3D3E45;
	clear:both;
	margin:40px 0 0 15px;
	padding:0;
	}


	

/* **************************************************************** */
/* **************************** Models **************************** */
/* **************************************************************** */
.models { background:#474850; width:188px; margin: 10px auto 0 auto; padding:0 0 10px 0;  }
.models p { padding:5px; color:#FFF; font-size:70%; line-height:120%;}
.models-title { background:#5F606B; width:178px; padding:5px 5px 5px 5px; height:20px; border-bottom:2px solid #313237; color:#FFF; text-transform:uppercase; font-size:70%; line-height:150%; font-weight:bold; margin:0 0 5px 0;}

/* **************************************************************** */
/* ************************ specs Table  ********************* */
/* **************************************************************** */
#specstable table { padding:0px; margin:0px; }
#specstable th { padding: 12px 5px 12px 12px; background: #3953A3;color:#fff; font-size:70%;}
#specstable td { padding:5px 5px 5px 12px; margin:0px; text-align:left; color:#666; font-size:70%;}
#specstable h5 {  margin: 15px 0 5px 0; padding: 0px 0px 2px 0px; font-size:100%; color:#151E3B; line-height:120%; border:none; text-transform:uppercase;}
.head2 { padding:5px 5px 5px 10px; margin:0px; text-align:left; color:#FFF;}
#specstable tr  { padding:10px 0px 0 12px; margin:0px; text-align:left;}

/* **************************************************************** */
/* ************************** Quick Links ************************* */
/* **************************************************************** */
#quicklinks { height:270px; width:672px; background:#3E3E42 url(../images/quicklinks-bg-btm.jpg) bottom no-repeat; margin:15px 0 0 0;}
#quicklinks p { color:#999;padding:0 0 15px 0; line-height:100%;}
#quicklinks h1 { color:#F47200;padding:0 0 3px 0; line-height:100%; text-transform:none; font-size:70%; font-weight:normal; border-bottom:1px dashed #F47200; margin:0 0 5px 0;width:145px;}
#quicklinks ul { margin:0px; padding:5px 0 15px 0px;font-size:70%;line-height:130%;list-style:none;}
#quicklinks li {margin:0px; padding:0px 0 2px 10px;background: url(../images/quicklinks-bullet.jpg) no-repeat left 5px;list-style:none; color:#999; display:block;  }
#quicklinks li a {text-decoration: none; /*border-bottom: 1px solid #333333;*/ color:#CCCCCC;}
#quicklinks li a:hover, #quicklinks li a:active {text-decoration: none; border-bottom: 1px solid #666;}
#quicklinks-hdr {height:39px;}
.links { float: left; width:152px; padding:15px 0px 0 15px; display:block;}
.quicklinks-line { border-bottom:1px dashed #F47200; margin:0 0 5px 0;}
.links-right { float: right; width:180px; padding:0px 0 0 20px; height:290px;}
.notice { color:#666666; font-size:111%;font-weight:normal; padding:7px 0 0 0;}
.date { color:#999; font-size:70%; font-weight:normal; margin:0px 0 5px 0; line-height:80%;}
.update { color:#999; font-size:70%; font-weight:normal; padding:0px 0 20px 0;}

/* **************************************************************** */
/* ************************** Footer ****************************** */
/* **************************************************************** */
#footer-bg { background:url(../images/bg-btm.jpg) bottom no-repeat; width: 980px; padding: 0px 0px 0px 0px; height:50px; margin:0 auto;color:#ffffff; text-align:left; }
#footer ul, #footer li { list-style:none;padding:0px;margin:0px;}
#footer-left a:link, #footer-left a:visited, #footer-right a:visited, #footer-right a:link { border-bottom:1px dashed #4673B4; text-decoration:none; color: #fff; }
#footer-left a:hover, #footer-left a:active, #footer-right a:hover, #footer-right a:active { border-bottom:1px dashed #F57300; text-decoration:none; color: #fff; }
#footer-left { color:#fff; font-size:70%; float:left; padding:10px 0 50px 218px; line-height:150%;}
#footer-right { color:#fff; font-size:70%; float:right; text-align:right; padding:10px 21px 50px 0px; line-height:150%;}

/* **************************************************************** */
/* **************************** forms col ************************* */
/* **************************************************************** */
#forms { padding:0px 0 0px 0px; float:right; width:300px; }
#forms ul { list-style:none; padding: 0px 0 0px 0; margin: 0px;}
#forms li { display:block; list-style: none; width:246px; height:128px; padding: 0 0px 20px 0;}
#forms li img { display:inline; border:none; list-style: none; margin:0 -4px 0 0;}
#forms a:link, #forms a:visited, #forms a:hover, #forms a:active { border:none; }
.descriptioncell { margin:0 0 10px 0;}
.formcell { width: 145px; display: block; float: left; padding: 3px 10px 10px 0px; text-decoration: none;}
.formcell2 { width: 145px; display: block; float: left; margin: 3px 0px 10px 0px; text-decoration: none; }
.formcell3 { width: 200px; display: block; float: left; margin: 3px 10px 10px 0px; text-decoration: none;}
.formcell4 { width: 300px; display: block; float: left; padding: 3px 10px 10px 0px; text-decoration: none;}
.formcell_wide { width: 240px; display: block; float: left; margin: 3px 10px 15px 0px; text-decoration: none;}
.form_hdr {color: #666; font-size:70%;padding: 0 0 5px 0; font-weight:bold;}
.form_hdr2 {color: #666; font-size:75%;padding: 20px 0 0px 0; font-weight:bold; border-bottom:1px solid #F57301; margin:0 0 10px 0; text-transform:uppercase;}
.form_hdr3 {color: #666; font-size:75%;padding: 0px 0 0px 0; font-weight:bold; border-bottom:1px solid #F57301; margin:0 0 10px 0; text-transform:uppercase;}
.field{ height:20px; border:none; width:130px; border:1px solid #CCC; }
.upload{ height:20px; border:none; width:220px; border:1px solid #CCC; }
.select { border:none; width:130px; padding:5px; border:1px solid #B4BAA0;}
.button { background-color:#4673B4; color:#fff; border:none; font-size:75%; padding:5px; width:70px; text-transform:uppercase;}
.dropdown {height:22px; width:130px; border:1px solid #B4BAA0;} 
.dropdown2 {height:22px; width:200px; border:1px solid #B4BAA0;} 
.selectwide { border:none; padding:5px; border:1px solid #B4BAA0;}
.comments{ border:none; width:298px; padding:5px; border:1px solid #B4BAA0; }

/* **************************************************************** */
/* ************************* finance calc ************************* */
/* **************************************************************** */
#inventory-finance input, #inventory-finance select { width:150px; margin-bottom:6px; }
#fincalc2 input, #fincalc2 select { width:100px; display:block; float:left; }
#fincalc2 label { clear:left; width:180px !important; padding-left:15px; font-size:79%; color:#666; display:block; float:left; margin-bottom:10px; }
#submit1 { margin-bottom:12px !important; }
#fincalc2 input.repay { background-color:#EEE; border:0 none; color:#222; font-size:1em; font-weight:bold; width:100px; }

/* **************************************************************** */
/* ************************** cars system ************************* */
/* **************************************************************** */
.CPListingText, .CPFormText { color:#555555; font-size:0.8em; }
.ftr { clear:left; color:#000; font-size:0.7em; }
.carNotes { color:#555; font-weight:bold; font-size:10pt; }
.carNotesLink { font-size:8px; color:#09F; }
.carSmallLinks { color:#F57301; font-size:9px; }
.CPListingText a { color:#4673B4; }
.CPColTitle { font-size:10pt; color:#333; font-weight:bold; }
.mylistbutton { font-size:11px; font-weight:bold; overflow:visible; padding-left:4px; padding-right:4px; }
.mylistRemove { padding-left:4px; }
.mylistRemove a { padding:2px; background-color:#0099FF; color:#FFFFFF; font-size:9px; font-weight:bold; text-decoration:none; }
.CPPagingNav { font-size:10pt; font-weight:bold; color:#333333; }
.CPPagingNav a { color:#09F; }
a.splashMore { color:#F57301; text-decoration:none; }
a.splashMore:hover { text-decoration:underline; }
#cars-specials { float:left; height:216px; width:456px; overflow:hidden; background-image:url(../images/cars-specials-bg.jpg); }
#cars-specials-frame { margin:45px 0px 0px 15px; width:425px; height:160px; overflow:hidden; }
#cars-search { float:right; height:216px; width:199px; overflow:hidden; padding:0 15px 0 0; background-image:url(../images/cars-search-bg.jpg); }
#cars-search-frame { margin:45px 0px 0px 15px; width:169px; height:165px; overflow:hidden; }
#testimonial{float:right;margin-right:-10px;margin-top:8px;}
.euro-btn { width:188px; margin: 10px auto 0 auto; padding:0 0 10px 0;  }