/*CSS BY PHASE NEW MEDIA

-- colours

body grey: #191919
content grey: #171717
red: #E90004
body txt: #CCCCCC

*/

/* **************************************************************** */
/* ********************** 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; color:#8C8C8C;}
* {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:url(../images/top-bg.jpg) no-repeat top center #191919; margin:0 auto; font-size: 1em; font-family:Arial, Helvetica, sans-serif; padding: 0px 0 0 0; text-align:center;}
img { border: none; padding:0px; margin:0px; }
p { font-size: 79%; margin: 0px; padding: 0px 0px 15px 0px; color: #666; line-height: 155%; }
h1 { margin: 0px; padding: 0px 0px 20px 0px; color:#CC0000; font-size:100%; text-transform:uppercase;}
h2 {  margin: 0px; padding: 20px 0px 10px 0px; font-size:90%; color:#999; line-height:120%; text-transform:uppercase;}
h3 {color: #CC0000; font-size: 75%; margin: 0px; padding: 15px 0px 10px 0px; line-height:120%; text-transform:uppercase;}
h4 {color: #CC0000; padding: 15px 0 10px 0; margin: 0px; line-height:100%; font-size: 70%; font-weight:bold; text-transform:uppercase; /*width:400px;*/}
h5 {color: #CC0000; padding: 15px 0px 10px 0px; margin: 0px; line-height:100%; font-size: 70%; font-weight:bold; text-transform:uppercase; /*width:400px;*/}
h6 {color: #CC0000; padding: 20px 0 10px 0; margin: 0px; line-height:100%; font-size: 75%; font-weight:bold; width:177px; } /* Quicklinks only */
a img { border: none;}
.float_left { float: left; }
.float_right {float: right; text-align:right;}
.float_right3 {float: right; text-align:right; padding:0px 0 0px 20px;}
.float_left2 { float: left; line-height:155%; padding:0px; }
.float_right2 {float: right; text-align:left; line-height:155%; padding:0px 0 8px 0;}
.terms { font-size:65%; color:#919191;}
.terms a {text-decoration:none; margin: 0px; padding: 0px; color: #CCCCCC; border-bottom:1px solid #333333; }
.newterms { font-size:80%; color:#919191;}

/* Centre page */
#centrer1 { width: 1002px; margin: 0px auto; padding:0px 0px; text-align:left; } /* bg top*/
#centrer2 { width: 1002px; background:url(../images/mid-bg.jpg) repeat-y; margin: 0px auto; padding:0px; text-align:left; } /* bg mid */

/* **************************************************************** */
/* ************************ header styles ************************* */
/* **************************************************************** */
#header { padding: 0px 0 0 0; height: 113px; width:920px; margin: 0px auto; text-align:left; background:#F1F1F1;  } 
#phone { float:right; padding:37px 21px 0 0; height:20px; width:500px; font-size:75%; text-align:right;}
.dark {color:#666666;}
.light { color:#999999;}
#logo { float:left; }

/* **************************************************************** */
/* **************************** Bnav  ***************************** */
/* **************************************************************** */
#bnav { display: block; width:485px; height:33px; padding:0px; margin:0px 0px 0 0; float:right; /*overflow:hidden;*/ }	
#bnav ul { list-style: none; padding: 0; margin: 0; display:block; }
#bnav li { display: inline; padding: 0; margin: 0px 0px 0 0; height:33px; float:left;}
#bnav li img {margin:0px 0px 0 0; padding:0px 0px 0px 0px; }

/* **************************************************************** */
/* **************************** Anav  ***************************** */
/* **************************************************************** */
#anav { display: block; width:920px; height:44px; padding:0px; margin: 0px auto; }	
#anav ul { list-style: none; padding: 0; margin: 0; display:block; }
#anav li { display: inline; padding: 0; margin: 0px 0px 0 0; height:44px; float:left;}
#anav li img {margin:0px 0px 0 0; padding:0px 0px 0px 0px; overflow:hidden;}

/* **************************************************************** */
/* **************************** Cnav  ***************************** */
/* **************************************************************** */
#cnav { display: block; width:883px; height:50px; padding:0px 0px 20px 0; margin: 0px auto; text-transform:uppercase; text-align:right; font-size:70%; }	
#cnav ul { list-style: none; padding: 0; margin: 0; display:block;}
#cnav li { display: inline; padding: 0px 0px 0px 0; margin: 0 0px 0 0px; padding:0 0px; }
#cnav li img {margin:0px -4px 0 0; padding:0px 0px 0px 0px; }
#cnav li a:link, #cnav li a:visited { text-decoration:none; color: #fff; background:url(../images/bnav-btn.jpg) no-repeat; display:block; float:right; width:162px; text-align:center; padding:13px 0px; margin:0 5px 0 0; }
#cnav li a:hover, #cnav li a:active { text-decoration:none; color: #fff; background:url(../images/bnav-btn2.jpg) no-repeat; display:block; float:right; width:162px; text-align:center; padding:13px 0px; margin:0 5px 0 0; }

/* **************************************************************** */
/* **************************** Hero  ***************************** */
/* **************************************************************** */
#hero { height:320px; border-bottom:#2B2B2B 5px solid; width:920px; margin: 0px auto; position:relative;}

/* **************************************************************** */
/* **************************** Content  ************************** */
/* **************************************************************** */
#content { padding:20px 20px 0px 20px; width:880px; margin:0 auto;}
#content p a:link, #content p a:visited { border-bottom:1px solid #cfcfcf; text-decoration:none; color: #333; }
#content p a:hover, #content p a:active { border-bottom:1px solid #E90004; text-decoration:none; color: #333; }
.link ul { list-style: none; padding: 0 0 0 0px; margin: 0; }
.link li { display: block; padding: 0px; margin: 0px 0px 5px 0; background:url(../images/bullet.jpg) no-repeat right;}
.table { color: #999; font-size:75%; line-height:150%; margin:-10px 0 0 0;}
.breadcrumbs { font-size:70%; color:#666;}
#newcontent { padding:20px 20px 0px 20px; width:880px; margin:0 auto;}
#newcontent p a:link, #newcontent p a:visited { border-bottom:1px solid #333333; text-decoration:none; color: #999; }
#newcontent p a:hover, #newcontent p a:active { border-bottom:1px solid #E90004; text-decoration:none; color: #999; }

/* **************************************************************** */
/* **************************** Default  ************************** */
/* **************************************************************** */
#default-col1 { width:235px; float:left; padding:0 22px 20px 0;}
#default-col2 { width:260px; float:left; padding:0 22px 20px 0;}
#default-col1 h4, #default-col2 h4 {color: #CC0000; padding: 0px 0 10px 0; margin: 0px; line-height:100%; font-size: 70%; font-weight:bold; text-transform:uppercase; width:200px;}
#default-col1 h5, #default-col2 h5 {color: #CC0000; padding: 15px 0px 10px 0px; margin: 0px; line-height:100%; font-size: 70%; font-weight:bold; text-transform:uppercase; width:200px;}
#default-col3 { width:335px; float:left;}
.default-col3-extras { width:335px; float:left; border:1px solid #DADADA; background: url(../images/default-specials.jpg) #fff; overflow:hidden;}
#promo a:link, #promo a:visited, #promo a:hover, #promo a:active { border:none; }
#promo { padding:0 0 10px 0; }
#promo2 a:link, #promo2 a:visited, #promo2 a:hover, #promo2 a:active { border:none; }
#promo2 { padding:15px 0 10px 0; }
#promo3 a:link, #promo3 a:visited, #promo3 a:hover, #promo3 a:active { border:none; }
#promo3 { padding:0px 0 0px 0; }
.tab-content-col1 { float:left; width:590px; padding:0 40px 44px 0px; } 
.tab-content-col2 { float:left; width:246px; padding:0 0 44px 0px;  } 
.new {padding: 0px 0 10px 20px;  color:#999;}
.new ul { list-style:none;  margin: 0px; }
.new li { list-style:none; color:#666; padding: 0px 0 0 20px; margin: 0px 0px 5px 0; line-height:155%; font-size: 75%; background:url(../images/bullet.gif) no-repeat left 5px; }
.share {font-size:75%; padding:0px; width:250px; height:25px; text-align:left; position:absolute; top:400px; right:20px;}
.share2 {font-size:75%; padding:0px; width:250px; height:25px; text-align:left; position:absolute; top:390px; right:20px;}
.share3 {font-size:75%; padding:0px; width:250px; height:25px; text-align:left; position:absolute; top:620px; right:60px;}

/*.p7ABtrig {background-image:url(../images/inv-col-button.gif); padding-left:20px; margin:0px; padding-top:0px; text-decoration:none; border:none;}
.h {padding-bottom:5px; color: #CC0000; font-size: 95%; margin: 0px; padding: 20px 0px 28px 0px; line-height:120%;}
.h a {border-bottom:0px !important;}
#p7ABW1 {width:430px;}*/

/* **************************************************************** */
/* **************************** New  ****************************** */
/* **************************************************************** */
#new { padding:0px 0 40px 0px; float:left; width:565px; }
#new ul { list-style: none; padding: 0 0 0 0px; margin: 0;}
#new li { display:inline; list-style: none; width:252px; height:134px;}
#new li img { display:inline; border:none; list-style: none; padding: 0 20px 20px 0; margin:0 -4px 0 0;}
#new a:link, #new a:visited, #new a:hover, #new a:active { border:none; }
#newterms {text-decoration:none; margin: 0px; padding: 0px; color: #CCCCCC; border-bottom:1px solid #333333; }


/* **************************************************************** */
/* ********************** Brochures  ****************************** */
/* **************************************************************** */
#brochures { padding:20px 0 40px 0px; float:left; width:550px; }
#brochures ul { list-style: none; padding: 0 0 0 0px; margin: 0;}
#brochures li { display:inline; list-style: none; width:252px; height:134px;}
#brochures li img { display:inline; border:none; list-style: none; padding: 0 20px 20px 0; margin:0 -4px 0 0;}
#brochures a:link, #brochures a:visited, #brochures a:hover, #brochures a:active { border:none; }
#brochuresterms {text-decoration:none; margin: 0px; padding: 0px; color: #CCCCCC; border-bottom:1px solid #333333; }


/* **************************************************************** */
/* **************************** Content Col *********************** */
/* **************************************************************** */
#content-col { padding:0px 40px 40px 0px; float:left; width:590px; }
#content-col2 { padding:20px 40px 40px 0px; float:left; width:520px; } /* Pages containing forms */
#content-col ul, #content-col2 ul { list-style:none; padding: 0px 0 5px 20px; margin: 0px; font-size: 79%; color:#666; line-height:155%;}
#content-col li, #content-col2 li { list-style:none; padding: 0px 0 0 15px; margin: 0px 0px 5px 0; background:url(../images/bullet.gif) no-repeat left 5px;}
#content-col li img, #content-col2 li img { display:inline; border:none; list-style: none; padding: 0 20px 20px 0; margin:0 -4px 0 0;}
/*#content-col a:link, #content-col a:visited, #content-col a:hover, #content-col a:active { border:none; }*/

.description-left { width:415px; float:left; padding:0 20px 0 0;}
.thumb-right { border:1px solid #999; float:right;}
.description-right { width:415px; float:right; padding:0 0 0 20px;}
.thumb-left { border:1px solid #999; float:left;}

/* **************************************************************** */
/* **************************** Specials ************************** */
/* **************************************************************** */
.specials { width:509px; padding:0px 0px 0 0px; margin:30px 0px 0 0; background:url(../images/specials-bg.jpg) top no-repeat #FFF; }
.specials-btm {background:#fff; width:469px; padding:0px 20px 20px 20px; }
.head { margin: 0px; padding: 20px 20px 20px 20px; color:#CC0000; font-size:85%; font-weight:bold; text-transform:uppercase;}
.txt-col { float:left; width:230px; }
.txt-col2 { float:left; width:230px; }

/* **************************************************************** */
/* **************************** Gallery *************************** */
/* **************************************************************** */
#gallery {padding:65px 0 40px 0px; width:880px; float:left;} /* For gallery pages */
#gallery ul { list-style:none; padding:0px 0px 0px 0px; }
#gallery li { display:inline; list-style: none; width:100px; height:100px; }
#gallery li img { display:inline; border:none; list-style: none; border:1px solid white; margin: 0px 19px 20px 0px;}
#gallery a:link, #gallery a:visited, #gallery a:hover, #gallery a:active { border:none; }

/* **************************************************************** */
/* **************************** Banner **************************** */
/* **************************************************************** */
#banners { padding:0px 0 0px 0px; float:right; width:246px; }
#banners ul { list-style:none; padding: 0px 0 0px 0; margin: 0px;}
#banners li { display:block; list-style: none; width:246px; height:128px; padding: 0 0px 20px 0;}
#banners li img { display:inline; border:none; list-style: none; margin:0 -4px 0 0;}
#banners a:link, #banners a:visited, #banners a:hover, #banners a:active { border:none; }

/* **************************************************************** */
/* **************************** forms col ************************* */
/* **************************************************************** */
#forms { padding:20px 0 40px 0px; float:right; width:320px; }
#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 15px 15px 0px; text-decoration: none;}
.formcell2 { width: 160px; display: block; float: left; margin: 3px 0px 15px 0px; text-decoration: none; }
.formcell3 { width: 200px; display: block; float: left; margin: 3px 10px 10px 0px; text-decoration: none;}
.formcell4 { width: 137px; display: block; float: left; padding: 3px 0px 15px 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 #B20002; margin:0 0 10px 0; text-transform:uppercase;}
.form_hdr3 {color: #666; font-size:70%;padding: 5px 0 5px 0; font-weight:bold;}
.form_hdr4 {color: #666; font-size:90%;padding: 0 0 5px 0; font-weight:bold; }
.form_hdr5 {color: #666; font-size:90%;padding: 0 0 5px 0; font-weight:bold; border-bottom:1px solid #B20002; margin:0 0 10px 0; text-transform:uppercase;}
.field{ height:20px; border:none; width:130px; border:1px solid #CCC; }
.select { border:none; width:130px; padding:5px; border:1px solid #B4BAA0;}
.button { background-color:#B20002; color:#fff; border:none; font-size:80%; padding:5px; width:70px;}
.dropdown {height:22px; width:130px; border:1px solid #B4BAA0;} 
.selectwide { border:none; padding:5px; border:1px solid #B4BAA0;}
.comments{ border:none; width:298px; padding:5px; border:1px solid #B4BAA0; }
#careersform {padding:0 0 40px 0; float:left !important; width:470px !important;}

/* **************************************************************** */
/* ************************** Quick Links ************************* */
/* **************************************************************** */
#quicklinks { height:280px; width:880px; background:url(../images/quicklinks-bg.jpg) no-repeat;}
#quicklinks p { color:#999;padding:0 0 15px 0; line-height:100%;}
#quicklinks ul { margin:0px; padding:0px 0 10px 0px;font-size:70%;line-height:130%;list-style:none;}
#quicklinks li {margin:0px; padding:0px 0 5px 20px;background: url(../images/bullet.gif) no-repeat left 2px;list-style:none; color:#666;}
#quicklinks li a:link, #quicklinks li a:visited {text-decoration: none; border-bottom: 1px solid #ccc; color:#666;}
#quicklinks li a:hover, #quicklinks li a:active {text-decoration: none; border-bottom: 1px solid #666; color:#666;}
.links1, .links2, .links3 { float: left; width:206px; padding:0px 0 0 20px; background:url(../images/line.jpg) no-repeat right; height:280px;}
.links4 { float: right; width:180px; padding:0px 0 0 20px; height:280px;}
.notice { color:#666666; font-size:111%;font-weight:normal; padding:7px 0 0 0;}
.date { color:#666666; font-size:70%; font-weight:normal; margin:-12px 0 10px 0;}
.update { color:#666666; font-size:70%; font-weight:normal; padding:0px 0 20px 0;}

/* **************************************************************** */
/* ************************** Footer ****************************** */
/* **************************************************************** */
#footer {background:url(../images/btm-bg.jpg) no-repeat; width: 922px; padding: 40px 40px 0px 40px; margin:0 auto;color:#ffffff;  line-height:140%; text-align:left; }
#footer ul, #footer li { list-style:none;padding:0px;margin:0px;}
#footer a:link, #footer a:visited { border-bottom:1px solid #333333; text-decoration:none; color: #999; }
#footer a:hover, #footer a:active { border-bottom:1px solid #E90004; text-decoration:none; color: #999; }



/* **************************************************************** */
/* ************************* Inventory **************************** */
/* **************************************************************** */

#inventory-finance label {font-size:8pt;}
p.disclaimer {font-size:7pt; color:#999999;}
#inventory-finance input, #inventory-finance select {width:150px; margin-bottom:6px;}
#finance-calc input, #finance-calc select {width:100px; display:block; float:left; margin-bottom:10px;}
#fincalc2 label {width:160px !important; font-size:8pt; display:block; float:left; margin-bottom:5px; color:#999;}
#inventory-finance input.repay {background-color:#1B1B1B; border:0 none; color:#cccccc; font-size:1em; font-weight:bold; width:170px;}
#finance-calc input.repay { border:0 none; color:#cc0000; font-size:1em; font-weight:bold; width:170px;}
input.finbutton {background-color:#cc0000; border:medium none; color:#CCCCCC; padding:5px; font-size:8pt; font-weight:bold;}

.price { width: 800px;font-size: 90%; padding:0 0 20px 0; margin: 0px; background-color: #1B1B1B; }
.price th { color: #cc0000; text-transform: uppercase; text-align: left; padding:8px;  background:#212121;}
.price td { font-size: 75% !important; color: #cccccc; padding:8px;color: #ffffff;border-bottom:1px solid #212121;  }

.CPListingText, .CPFormText, .maincontentpreowned, .CPCategoryTree {font-size:10pt;}
.CPColTitle  { font-size:10pt; font-weight:bold; color:#CCCCCC; }
.CPColTitle b {color:#CCCCCC !important;}
.maincontentpreowned b {color:#CCCCCC !important;}
.CPNavTree a {border-bottom:1px dotted #CC0000; color:#CC0000; text-decoration:none;}
.CPListingText a {border-bottom:1px dotted #CC0000; color:#CC0000; text-decoration:none;}
.CPListingText a:hover {border-bottom:1px dotted #FFF; color:#FFF; text-decoration:none;}
.CPPlainText { font-size:10pt; font-weight:bold; color:#CC0000; }
.CPPlainText b{ color:#8C8C8C; }
.CPPlainText a {border-bottom:1px dotted #CC0000; color:#CC0000; text-decoration:none;}
.CPPlainText a:hover {border-bottom:1px dotted #FFF; color:#FFF; text-decoration:none;}
.CPDetailsTable td {height:20px;}
.tr-inventory td {border-bottom:1px solid #CCCCCC;line-height:140%;}
.tr-inventory2 td {border-bottom:1px solid #CCCCCC;padding:5px;line-height:140%;}.
.XUDLink, .XUDLink p {font-size:9pt !important;}
.ftr {font-size:8pt;}
.CPListingText img a , .CPFormText img a, .maincontentpreowned img a, .CPCategoryTree img a, .CPPlainText img a, .CPColTitle img a, .XUDLink img a, .specs td img a, .specs img a, .specs th img a {!important border:none;}
.buildfooter {font-size: 80%; color: #777777; margin-bottom: 15px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }
.inventory-tablerow td {border-bottom:1px solid #333; padding-top:10px; padding-bottom:6px;}

/* **************************************************************** */
/* ************************* Cars **************************** */
/* **************************************************************** */

#cars h1 { color:#fff; font-weight:bold; text-transform:uppercase; margin:10px 0px 15px 0px; line-height:100%; width:440px !important; display:block; float:left; }

.CPPlainText { font-size:10pt; color:#444444; }
.CPPlainText b { color:#333; }
.CPPlainText a { border-bottom:1px solid #666; color:#999; text-decoration:none; }
.CPPlainText a:hover { border-bottom:1px solid #333; color:#333333; text-decoration:none; }

#cars-actions { float:left; clear:both; height:45px; }
/*#cars-actions a, a#jump-to-details { text-decoration:none !important; float:left; color:#fff !important; font-size:11px !important; font-weight:bold; margin-right:14px; border:none; padding:5px 8px; background:#9F0515; overflow:visible;}
#cars-actions a:hover, a#jump-to-details:hover { color:#DDD !important; border-bottom:none; }*/

#cars-sort { display:block; float:right; margin:0px 0px 5px 0px; padding:4px 0px 0px 0px; height:20px; font-size:11px; font-weight:bold; color:#333333; }
#cars-sort a { color:#333333; margin-left:8px; text-decoration:none; border-bottom:1px solid #333333; }
#cars-sort a:hover, #cars-sort a.cars-sorted { color:#9F0515; border-bottom:1px solid #9F0515; }

#cars-list-div { padding:0px; margin:0px; display:block; width:900px; overflow:hidden; position: relative; }
#cars-list-div ul, #cars-list-div li{ margin:0; padding:0; list-style:none; }
#cars-list-div li{ width:960px; height:720px; overflow:hidden; }
.cars-box { display:block; float:left; padding:0; margin:5px 5px 0px 0px; width:212px; height:305px; background:#EAEAEA; overflow:hidden; border:2px solid #EAEAEA; }
.boxhover { background:#DDDDDD !important; }
.cars-list-photo { display:block; clear:both; margin: 12px 0px 0px 10px; width:190px; border:0px; }
.cars-list-title { display:block; clear:both; margin:0px; float:left; width:190px; padding:12px 0px 0px 10px !important;}
.cars-list-title2 { display:block; clear:both; margin:0px; float:left; width:190px; height:40px; padding:12px 0px 0px 10px !important; font-size:11px; font-weight:bold; color:#111; text-transform:uppercase;}
.cars-list-details { display:block; clear:both; margin: 0px 0px 0px 10px; font-size:10px; color:#333333; line-height:160%; height:50px; }
.cars-list-details a { font-size:10px; color:#333333; text-decoration:none; border:0px; }
.cars-list-price { font-size:11px; font-weight:bold;}
.cars-list-details-stockno { color:#555; font-size:10px; }
.cars-list-bottom { display:block; clear:both; margin: 12px 0px 0px 0px; border-top:1px solid #CCC; }
.cars-list-enquire { display:inline; float:left; margin: 3px 0px 10px 10px; color:#555555; line-height:125%;}
.cars-list-enquire a, a.carslink { color:#9F0515; font-size:11px; font-weight:bold; border-bottom:0px solid #333333; text-decoration:none; }
.cars-list-enquire a:hover, a.carslink:hover { color:#333; border-bottom:0px solid #DDD; }
.cars-list-check { display:inline; float:right; margin:10px 13px 0px 0px; }
.cars-list-check label { font-size:11px; font-weight:normal; color:#333333; cursor:pointer; }
.l-last { margin-right:0px !important; }
#controls { margin:0px; position:relative; }