/*CSS BY PHASE NEW MEDIA

-- colours

body grey: #333
red: #B20002
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:#333; margin:0 auto; font-size: 1em; font-family:Arial, Helvetica, sans-serif; padding: 0; text-align:center;}
img { border: none; padding:0px; margin:0px; }
p { font-size: 83%; margin: 0px; padding: 0px 0px 25px 0px; color: #333; line-height: 155%; }
p terms {font-size: 70%; }
h1 { margin: 0px; padding: 0px 0px 3px 0px; color:#B20002; font-size:160%; text-transform:uppercase;}
h2 { margin: 0px; padding: 0px 0px 10px 0px; color:#B20002; font-size:140%; text-transform:uppercase;}
h3 {color: #666; font-size: 130%; margin: 0px; padding: 15px 0px 10px 0px; line-height:120%; text-transform:uppercase;}
h4 {color: #666; font-size: 130%; margin: 0px; padding: 20px 0px 15px 0px; line-height:120%; text-transform:uppercase;}
h5 {color: #CC0000; padding: 0px 0 10px 0; margin: 0px; line-height:120%; font-size: 95%; font-weight:bold; text-transform:uppercase;}
h6 {color: #CC0000; padding: 20px 0 10px 0; margin: 0px; line-height:100%; font-size: 75%; font-weight:bold;}
a img { border: none;}
.float_left { float: left; }
.float_right {float: right; text-align:right;}
.terms { font-size:65%; color:#333;}
/* Centre page */
#centrer { width: 920px; margin: 0px auto; padding:0px; text-align:left; } /* fix alignment of page */
#green { z-index:0; margin:0px;}

/* **************************************************************** */
/* **************************** Anav  ***************************** */
/* **************************************************************** */
#anav { display: block; width:920px; height:72px; padding:0px; margin:0px 0 0px 0; /*overflow:hidden; */}	
#anav ul { list-style: none; padding: 0 0px 0 0; margin: 0 0px 0 0; display:block; float:left; overflow:hidden; width:716px; height:72px; background:url(../images/anav-bg.jpg) repeat-x;}
/*.ie6 #anav ul { list-style: none; padding: 0 0px 0 0; margin: 0 0px 0 0; display:block; float:right; overflow:hidden; width:403px; height:30px; text-align:right;}*/
#anav li { display: inline; padding: 0; margin: 0px; height:72px;}
#anav li img {margin:0px -4px 0px 0px; padding:0px; }
#logo { float:left; margin:0 0 0px 0; width:204px;}

/* **************************************************************** */
/* **************************** Bnav  ***************************** */
/* **************************************************************** */
#bnav { background:url(../images/bnav-bg.jpg) repeat-x; display: block; width:920px; height:41px; padding:0px; margin:0px 0px 0 0; overflow:hidden; }	
#bnav ul { list-style: none; padding: 0; margin: 0; display:block; width:380px; float:left;height:41px;}
#bnav li { display: inline; padding: 0; margin: 0px -4px 0 0; height:41px;}
#bnav li img {margin:0px 0px 0 0; padding:0px 0px 0px 0px; }
#phone { float:right; text-transform:uppercase; font-size:75%; padding:15px 15px 0 0; }
.dark { color:#E7B3B5;}
.light { color:#fff;}
.service {color: #F90; font-size: 100%; margin: 0px; padding: 20px 0px 15px 0px; line-height:120%; text-transform:uppercase; font-weight:bold;}

/* **************************************************************** */
/* **************************** Cnav  ***************************** */
/* **************************************************************** */
#cnav { display: block; width:197px; margin:0px 0px 0 0; padding: 24px 0 0 0; background:url(../images/cnav-bg.jpg) no-repeat top; float:left; }	
#cnav ul { list-style: none; margin: 0; }
#cnav li { list-style:none; display: inline; padding: 0; margin: 0px 0px 0 0; overflow:hidden; }
#cnav li img {margin:0px 0px -3px 0; padding:0px 0px 0px 0px; }
#cnav a:link, #cnav a:visited, #cnav a:hover,#cnav a:active {text-decoration:none; margin: 0px; padding: 0px; color: #333; border-bottom:none; }

/* **************************************************************** */
/* **************************** Dnav  ***************************** */
/* **************************************************************** */
#dnav { display: block; width:280px; height:37px; padding:22px 0 0 10px; margin:0px 0px 0 0; overflow:hidden; }	
#dnav ul { list-style: none; padding: 0; margin: 0; display:block;}
#dnav li { display: inline; padding: 0; margin: 0px -4px 0 0; }
#dnav li img {margin:0px 0px 0 0; padding:0px 0px 0px 0px; }

/* **************************************************************** */
/* ******************** New Cars / Heading ************************ */
/* **************************************************************** */
#new-banner { background:url(../images/default-cars-bg.jpg) repeat-x; height:132px;}
#heading { height:50px; background:#FFF; padding:50px 0 0 20px; position:relative;}
#heading h1 { color:#333333; text-transform:uppercase; font-size:160%; font-weight:bold; width:480px; display:block; float:left;}
#heading a:link, #heading a:visited { text-decoration:none; margin: 0px; padding: 0px; color: #333333; }
#heading a:hover, #heading a:active { text-decoration:none; margin: 0px; padding: 0px; color: #999999; }

/* **************************************************************** */
/* *************************** Hero  ****************************** */
/* **************************************************************** */
#default-hero {width:595px; height:324px; float:left;}
#default-intro {width:275px; height:299px; float:left; background:url(../images/default-intro-bg.jpg) no-repeat; padding:25px 25px 0px 25px; }
#default-intro2 {width:325px; height:324px; float:left; padding:0px; background:url(../images/default-intro-bg.jpg) no-repeat; }
#default-intro h1 { margin: 0px; padding: 0px 0px 20px 0px; color:#D8D8D8; font-size:100%; text-transform:uppercase;}
#default-intro p { font-size: 79%; margin: 0px; padding: 0px 0px 15px 0px; color: #fff; line-height: 155%; }
#hero {width:920px; height:137px; padding:3px 0px; background:#CACACA;}
#hero2 {width:920px; height:224px; padding:3px 0px; background:#CACACA;}
#hero3 {width:920px; height:201px; padding:3px 0px; background:#CACACA;}
#hero-inventory-spacing {width:920px; height:150px; padding:0px; background:#FFFFFF;}

/* **************************************************************** */
/* *************************** Home  ****************************** */
/* **************************************************************** */
#default-banners { width:920px; height:146px; overflow:hidden;background:#FFF; }
#default-banners ul { list-style: none; padding: 12px 0 12px 6px; margin: 0; display:block; }
#default-banners li { display: inline; padding: 6px; margin: 0px -4px 0 0; }
#default-search-specials {width:920px; height:200px; overflow:hidden; background:#FFF; padding:12px 0px; margin:0px;}
#default-specials {width:595px; height:200px; padding:0px; margin:0px; background:#FFF; display:block; float:left;}
#default-search {width:325px; height:200px; padding:0px; margin:0px; background:#000000 url('../images/default-search-bg.jpg') repeat-x top left; display:block; float:left;}

/* **************************************************************** */
/* ************************** Content  **************************** */
/* **************************************************************** */
#content {padding:35px 12px 0px 12px; background:#fff;}
.content-col1 p a:link, .content-col1 p a:visited, .content-col2 p a:link, .content-col2 p a:visited {text-decoration:none; margin: 0px; padding: 0px; color: #333; border-bottom:1px solid #999999; }
.content-col1 p a:hover, .content-col2 p a:hover, .content-col1 p a:active, .content-col2 p a:active { text-decoration:none; margin: 0px; padding: 0px; color: #333; border-bottom:1px solid #B20002; }
.content-col1 { float:left; width:319px; padding:0 50px 0px 0px; } 
.content-col2 { float:left; width:310px; padding:0 0 0px 0px;  } 
.content-col3 { float:left; width:200px; padding:0 10px 0px 0px; text-align:right;} 
.content-col32 { float:left; width:200px; padding:0 10px 0px 0px;} 
#left-col { display: block; width:197px; margin:0px 0px 0 0; padding: 0px 0 0 0; float:left; }	
#models { padding:0px 0 0 0; }
.default-col1 { float:left; width:285px; padding:0 20px 0px 0px; } 
.default-col2 { float:left; width:285px; padding:0 20px 0px 0px;  } 
.default-col3 { float:left; width:285px; padding:0 10px 0px 0px; text-align:right;} 
.default-col32 { float:left; width:285px; padding:0 0px 0px 0px;} 

/*.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: #333; font-weight:bold; font-size: 90%; margin: 0px; padding: 20px 0px 28px 0px; line-height:120%;}
.h a {border-bottom:0px !important;}

.content-brochure1 { float:left; width:460px; padding: 0px 100px 0px 20px; } 
.content-brochure2 { float:left; width:100px; padding:0 0 0px 0px;  } 
.share {font-size:75%; padding:0px; width:235px; height:25px; text-align:left; position:absolute; top:50px; right:16px;}
.share2 {font-size:75%; padding:0px; width:235px; height:25px; text-align:left; position:absolute; top:-45px; right:0px;}
.share a:link, .share a:visited, .share a:active { color:#40372F; text-decoration:none; border-bottom:none;}
.share a:hover { color:#006600; text-decoration:none; border-bottom:none;}

.specials { border-bottom:1px dotted #B20002; margin:0 0 20px 0;}
.line { border-bottom: 1px solid #ccc; clear:both; margin:0 0 20px 0;}
#content2 { padding:0px 0 0 0px; float:right; width:680px; }
#content2 ul { list-style:none; padding: 0px 0 20px 0px; margin: 0px; color: #333;  font-size: 83%;}
#content2 li {list-style: none; background:url(../images/bullet.gif) no-repeat left 10px;  padding: 3px 0px 3px 20px; line-height:150%;}
#content2 p a:link, #content2 p a:visited {text-decoration:none; margin: 0px; padding: 0px; color: #333; border-bottom:1px solid #999; }
#content2 p a:hover, #content2 p a:active {text-decoration:none; margin: 0px; padding: 0px; color: #333; border-bottom:1px solid #B20002; }
.thumb { float:right; padding:0px 0 10px 10px; clear:both;}
.content-col1 p a:link, .content-col2 p a:link, .content-col1 p a:visited, .content-col2 p a:visited { text-decoration:none; margin: 0px; padding: 0px; color: #333; border-bottom:1px solid #999; }
.content-col1 p a:hover, .content-col2 p a:hover, .content-col1 p a:active, .content-col2 p a:active { text-decoration:none; margin: 0px; padding: 0px; color: #333; border-bottom:1px solid #B20002; }
.content-col1 ul, .content-col2 ul { list-style:none; padding: 0px 0 10px 0px; margin: 0px; color: #333;  font-size: 83%;}
.content-col1 li, .content-col2 li {list-style: none; background:url(../images/bullet.gif) no-repeat left 10px;  padding: 3px 0px 3px 20px; line-height:150%;}
.top {float:right; margin:20px 0 0 0;}
.padding-top-5px {padding-top:5px !important;}
/*.breadcrumbs a:link, .breadcrumbs a:visited { text-decoration:none; margin: 0px; padding: 0px; color: #CCCCCC; border-bottom:1px solid #333333; }
.breadcrumbs a:hover, .breadcrumbs a:active { text-decoration:none; margin: 0px; padding: 0px; color: #CCCCCC; border-bottom:1px solid #CC0000; }


/* **************************************************************** */
/* **************************** New  ****************************** */
/* **************************************************************** */
#new { padding:0px 0 0 0px; float:right; width:680px; }
#new ul { list-style:none; padding: 0px 0 0px 0; margin: 0px;}
#new li { display:inline; list-style: none;}
#new li img { display:inline; border:none; list-style: none; padding: 0px; margin:0 -4px 0 0;}
.new-line { border-bottom: 1px solid #ccc; clear:both; margin:0 0 0px 0;}


/* **************************************************************** */
/* **************************** Brochures ************************* */
/* **************************************************************** */
#brochures { padding:0px 0 0 0px; float:right; width:900px; }
#brochures ul { list-style:none; padding: 0px 0 0px 0; margin: 0px;}
#brochures li { display:inline; list-style: none;}
#brochures li img { display:inline; border:none; list-style: none; padding: 0px; margin:0 -4px 0 0;}
.new-line { border-bottom: 1px solid #ccc; clear:both; margin:0 0 0px 0;}

/* **************************************************************** */
/* ************************ Features ****************************** */
/* **************************************************************** */
#features table { padding:0px; margin:0px 0 15px 0; }
#features th { padding: 20px 0px 10px 0px; background: #F0F0F0; color:#333; font-size:100%; text-align:center;}
#features td { padding:5px 5px 5px 10px; margin:0px; text-align:left; color:#333; font-size:95%;}
#features tr  { padding:10px 0px 0 10px; margin:0px; text-align:left;  background: #F0F0F0;  color:#333;} 
.cat { background:#ccc; height:20px; line-height:150%;}

/* **************************************************************** */
/* ************************** Quick Links ************************* */
/* **************************************************************** */
#quicklinks { height:271px; width:885px; background:url(../images/quicklinks-bg.jpg) repeat-x #F6F6F6; padding:15px 0 0 10px; margin:50px 0 0 0;}
#quicklinks p { font-size:70%; line-height:140%; padding:0px 0 5px 0; color:#666;}
#quicklinks a:link, #quicklinks a:visited { text-decoration:none; margin: 0px; padding: 0px; color: #333; border-bottom:1px dotted #999; }
#quicklinks a:hover, #quicklinks a:active { text-decoration:none; margin: 0px; padding: 0px; color: #333; border-bottom:1px dotted #B81C1D; }
#quicklinks ul { list-style:none; padding: 10px 0 0px 0; margin: 0px; color:#666666;}
#quicklinks li {list-style: none; background:url(../images/bullet.gif) no-repeat left 5px; padding: 3px 0px 3px 15px; font-size:70%; line-height:100%;}
.quicklinks-col { width:196px; height:270px; padding:0px 0 0 0px; margin:0 30px 0 0; float:left; }
.quicklinks-col2 { width:196px; height:270px; padding:0px 0 0 0px; float:left;}

/* **************************************************************** */
/* **************************** Copyright ************************* */
/* **************************************************************** */
#copyright { height:34px; width:920px; background:url(../images/copyright-bg.jpg) repeat-x;}
#phase {float:right; }

/* **************************************************************** */
/* **************************** Footer **************************** */
/* **************************************************************** */
#footer {width:880px; padding:20px; height:50px; background:#E3E3E3; }
#footer p { font-size:75%; color:#333; line-height:150%; padding:0px; }
.right {float:right; text-align:right;}

/* **************************************************************** */
/* **************************** Forms ***************************** */
/* **************************************************************** */

.form input, form textarea, form select { font-family: Arial, Helvetica, sans-serif; }
.form { width:300px;}
.formcell { width: 145px; display: block; float: left; padding: 3px 10px 10px 0px; text-decoration: none;}
.formcell2 { width: 130px; 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: 145px; display: block; float: left; padding: 3px 10px 10px 0px; text-decoration: none; font-size:85%;}
.descriptioncell { 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 #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; width:300px;}
.comments{ border:none; width:298px; padding:5px; border:1px solid #B4BAA0; }

/* **************************************************************** */
/* ********************* Finance Calculator *********************** */
/* **************************************************************** */

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

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

#inventory-finance label {font-size:8pt;}
#inventory-finance input, #inventory-finance select {width:150px; margin-bottom:6px;}
#inventory-finance input.repay {background-color:#0E1821; border:0 none; color:#8BCDF1; font-size:1em; font-weight:bold; width:170px;}

.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;  }

.CPColTitle b {color:#666666 !important;}
.maincontentpreowned b {color:#666666 !important; font-size:10pt;}
.CPNavTree a {border-bottom:1px dotted #CC0000; color:#CC0000; text-decoration:none;}
.CPListingText a {border-bottom:1px dotted #333; color:#333; text-decoration:none;}
.CPListingText a:hover {border-bottom:1px dotted #000; color:#000; text-decoration:none;}
.CPPlainText a {border-bottom:1px dotted #333; color:#333; text-decoration:none;}
.CPPlainText a:hover {border-bottom:1px dotted #000; color:#000; text-decoration:none;}
.tr-inventory td {border-bottom:1px solid #CCCCCC; line-height:140%;}
.tr-inventory2 td {border-bottom:1px solid #CCCCCC;padding:5px;line-height:140%;}
.inventoryrow td {border-bottom:1px solid #DDDDDD; padding-top:11px; padding-bottom:11px;}
.CPLink , .CPListingText, .CPColTitle , .CPFormText, .CPPlainText {font-size:10pt; color:#333333;}
.ftr {font-size:8pt;}
.CPDetailsTable td {padding:4px 0px 4px 0px;}
.mylistbutton {font-size:11px; font-weight:bold; padding-left:4px; padding-right:4px; overflow:visible;}


/* **************************************************************** */
/* ************************* 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:680px; 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:10px 10px 0px 0px; width:216px; height:300px; 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:195px; border:0px; }
.cars-list-title { display:block; clear:both; margin:0px; float:left; width:195px; padding:12px 0px 0px 10px !important;}
.cars-list-title2 { display:block; clear:both; margin:0px; float:left; width:195px; height:32px; 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:11px; color:#333333; line-height:160%; }
.cars-list-details a { font-size:11px; color:#333333; text-decoration:none; border:0px; }
.cars-list-price { font-size:12px; 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: 10px 0px 0px 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; }