/*CSS BY PHASE NEW MEDIA

-- colours

orange: #FF5019
p blue: #4C5A6C

*/

/* **************************************************************** */
/* ********************** 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; }
* {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/bg.jpg) repeat #000; 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; }
a img { border: none;}
.float_left { float: left; }
.float_right {float: right; text-align:right;}
.terms { font-size:65% !important; color:#999 !important; line-height:150% !important; font-style:italic;}
.terms a {text-decoration:none; margin: 0px; padding: 0px; color: #ccc; border-bottom:1px solid #333333; }
.models { font-size:65% !important; color:#999 !important; line-height:150% !important; font-style:italic; padding:0 0 0px 0;}

/* Centre page */
#centrer { width: 960px; margin: 0px auto; padding:0px 0px; text-align:left; } 
#nav-col { width:100px; float:left; padding:12px 0 0 0; }
#body-col { width:860px; float:right; background:#191919; }
#sidebanner { padding:40px 0 0 0; }

/* **************************************************************** */
/* ************************ left column ************************* */
/* **************************************************************** */
#logo { width:233px; height:94px; padding:11px 0 0 0; margin:0px; position:absolute; top:0; left:-1px; }	
#honda { padding:0 0 8px 0; margin:0; }
.btmlogos { padding:20px 0 0 0; }

/* **************************************************************** */
/* **************************** Anav  ***************************** */
/* **************************************************************** */
#anav { display: block; width:100px; padding:0px 0 0 0; margin: 0px; height:340px; }	
#anav ul { list-style: none; padding: 0 0 8px 0; margin: 0; }
#anav li { display: block; padding: 0; margin: 0px 0px 3px 0; height:28px; width:100px; overflow:hidden;}
#anav li img {margin:0px -4px 0px 0; padding:0px 0px 0px 0px; }

/* **************************************************************** */
/* **************************** Bnav  ***************************** */
/* **************************************************************** */
#bnav { display: block; width:252px; padding:0px 20px 40px 20px; margin: 0px 0px 35px 0px; background:url(../images/bnav-bg-btm.jpg) no-repeat bottom #2D2D2D; }
#bnav-bg { background:url(../images/bnav-bg-top.jpg) no-repeat bottom; height:8px; padding:0px 0 0 0; margin:0; }
#bnav ul { list-style: none; margin: 0; padding:0px 0 0 0; }
#bnav li { list-style:none; display: block; padding: 25px 0 10px 0; margin: 0px 0px 0px 0; border-bottom:1px solid #666; }
#bnav li img {margin:0px 0px 2px 0; padding:0px 0px 0px 0px; }
#bnav li a:link, #bnav li a:visited { text-decoration:none; color: #ffffff; font-size:100%; font-weight:bold; padding:0 0 0 4px; }
#bnav li a:hover, #bnav li a:active { text-decoration:none; color: #cccccc; font-size:100%; font-weight:bold; padding:0 0 0 4px; }

/* **************************************************************** */
/* **************************** Cnav  ***************************** */
/* **************************************************************** */
#cnav { display: block; width:207px; height:260px; padding:0 0 35px 0; margin: 0px auto; float:right;}	
#cnav ul { list-style: none; padding: 0; margin: 0; display:block;}
#cnav li { display: block; padding: 0px 0px 0px 0; margin: 0; padding:0 0px; height:44px;}
#cnav li img {margin:0px -4px 0px 0; padding:0px 0px 0px 0px; }

/* **************************************************************** */
/* **************************** Hero  ***************************** */
/* **************************************************************** */
#hero { width:858px; height:441px; margin: 0px; padding:0 0 0px 0; border:1px solid black; overflow:hidden; position:relative; } 
#hero-video { width:858px; height:483px; margin: 0px; padding:0 0 0px 0; border:1px solid black; overflow:hidden; position:relative; } 


/* **************************************************************** */
/* **************************** Content  ************************** */
/* **************************************************************** */
#content, #newcontent { padding:40px 30px 50px 30px; width:800px; margin:0;}
/*#content p a:link, #content p a:visited, #newcontent p a:link, #newcontent p a:visited { border-bottom:1px solid #666; text-decoration:none; color: #ccc; }
#content p a:hover, #content p a:active,# newcontent p a:hover, #newcontent p a:active { border-bottom:1px solid #ccc; text-decoration:none; color: #ccc; }*/
#content h1, #newcontent h1 { margin: 0px; padding: 0px 0px 20px 0px; font-size:100%; color:#ffffff; line-height:120%;}
#content h2, #newcontent h2 { margin: 0px; padding: 15px 0px 5px 0px; font-size:100%; color:#999999; line-height:120%; }
#content h3, #newcontent h3 {color: #fff; font-size: 90%; margin: 0px; padding: 20px 0px 10px 0px; line-height:120%;}
#content h4, #newcontent h4 {color: #fff; padding: 0px 0 10px 0; margin: 0px; line-height:100%; font-size: 70%; font-weight:bold; text-transform:uppercase; }
#content h5, #newcontent h5 {color: #fff; padding: 15px 0px 10px 0px; margin: 0px; line-height:100%; font-size: 70%; font-weight:bold; text-transform:uppercase;}
#content h6, #newcontent h6 {color: #fff; padding: 20px 0 10px 0; margin: 0px; line-height:100%; font-size: 75%; font-weight:bold; width:177px; }
/*#content p, */#newcontent p, .content-col p, .content-col2 p, .contacttable { font-size: 79% !important; margin: 0px; padding: 0px 0px 15px 0px; color: #ccc !important; line-height: 155%; }
.red { font-weight:bold; color:#BD0619; }
.numbers-container { width:800px; height:15px; text-align:right; color:#fff; font-size:130%; margin:0 0 30px 0; } 
.numbers { padding:0 0 0 20px; height:15px; float:right; }
#teaser {float:left; width:500px; }
#teaser h1 { margin: 0px; padding: 0px 0px 20px 0px; color:#B8B9CC; font-size:100%; line-height:180%; font-weight:normal; width:500px;}
#teaser-logo { float:right; width:250px; }
#breadcrumbs-container { padding:0 0 2px 0; margin:0 0 15px 0; text-transform:uppercase; }
#breadcrumbs { float:left; width:500px; font-size:70%; color:#fff;}
#breadcrumbs a:link, #breadcrumbs a:visited { text-decoration:none; color: #ccc; }
#breadcrumbs a:hover, #breadcrumbs a:active { text-decoration:none; color: #999; }
#back { float:right; width:100px; font-size:70%; color:#fff; text-align:right; }
#back a:link, #back a:visited { text-decoration:none; color: #ccc; }
#back a:hover, #back a:active { text-decoration:none; color: #999; }
#top { height:10px; text-align:right; }
.content-col { padding:0px 20px 0px 0px; float:left; width:330px; }
.content-col2 { padding:0px 0px 0px 0px; float:right; width:320px; color:#B8B9CC;} /* Pages containing forms */
.content-col ul, .content-col2 ul { list-style:none; padding: 0px 0 5px 20px; margin: 0px; font-size: 79%; color:#B8B9CC; line-height:155%;}
.content-col li, .content-col2 li { list-style:none; padding: 0px 0 0 20px; margin: 0px 0px 5px 0; background:url(../images/bullet.jpg) 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;}
.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;}
.col-narrow { width:500px; }
.hdr { padding:0 0 10px 2px; }
.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;}
#content-wide { float:left; margin:0; padding:0px; width:700px;}
.new { display:block; }
.new ul { list-style:none; padding: 0px 0 5px 20px; margin: 0px; font-size: 79%; color:#ccc; line-height:155%; }
.new li { list-style:none; padding: 0px 0 0 20px; margin: 0px 0px 5px 0; background:url(../images/bullet.gif) no-repeat left 5px; display:block;}
#colourpicker-container { padding:0 0 35px 0;  }
#colourpicker { color:#999; font-size:70%; padding:0 0 15px 0; }
.default-img { padding:0 0 15px 0; }

/* **************************************************************** */
/* *********************** Default Cols *********************** */
/* **************************************************************** */
#default-left { width:495px; float:left; overflow:hidden; }
#new-left { width:495px; float:left; overflow:hidden; }
#other-left { width:495px; float:left; overflow:hidden; }
#default-right { width:292px; float:right; padding:0; overflow:hidden; }
#default-right p { margin: 0px; padding: 0px 0px 15px 0px; color: #ccc; line-height: 150%; font-size: 70%; }
#other-right { width:292px; float:right; padding:0; overflow:hidden; }
#other-right p, #specials-left p, #other-left p { margin: 0px; padding: 0px 0px 15px 0px; color: #ccc; line-height: 150%; font-size: 75%; }
#other-right p a:link, #other-right p a:visited, #new-left p a:link, #new-left p a:visited, #other-left p a:link, #other-left p a:visited, #other-left li a:link, #other-left li a:visited { border-bottom:1px solid #666; text-decoration:none; color: #999; }
#other-right p a:hover, #other-right p a:active, #new-left p a:hover, #new-left p a:active, #other-left p a:hover, #other-left p a:active, #other-left li a:hover, #other-left li a:active { border-bottom:1px solid #333; text-decoration:none; color: #ccc; }
#other-right ul, #build_content ul, #other-left ul { list-style:none; padding: 0px 0 15px 15px; margin: 0px; font-size: 75%; color:#ccc; line-height:140%;}
#other-right li, #build_content li, #other-left li { list-style:none; padding: 0px 0 0px 20px; margin: 0px 0px 5px 0; background:url(../images/bullet.jpg) no-repeat left 5px;}
#specials-left { width:495px; float:left; overflow:hidden; }
#specials-left ul { list-style: none; padding: 20px 0 0px 0px; margin: 0;}
#specials-left li { display:inline; list-style: none; }
#specials-left li img { display:inline; border:none; list-style: none; padding: 0 7px 7px 0; margin:0 0px 0 0;}
.tabsec { width:230px; float:left; }
.tabsec ul { list-style:none; padding: 0px 0 15px 15px; margin: 0px; font-size: 75%; color:#ccc; line-height:140%; }
.tabsec li { list-style:none; padding: 0px 0 0px 20px; margin: 0px 0px 10px 0; background:url(../images/bullet.jpg) no-repeat left 5px;}
.express-service { padding:26px 0 30px 0; }
.container-left { float:left; width:233px; height:395px; padding:0 29px 0 0; }
.container-right { float:left; width:233px; height:395px; padding:0 0px 0 0; }
.container-left2 { float:left; width:233px; height:369px; padding:0 29px 0 0; }
.container-right2 { float:left; width:233px; height:369px; padding:0 0px 0 0; }
.container-left3 { float:left; width:233px; height:139px; padding:0 29px 0 0; }
.container-right3 { float:left; width:233px; height:139px; padding:0 0px 0 0; }
.container-right4 { float:left; width:275px; height:139px; padding:0 0px 0 30px; }
.title { margin: 0px; padding: 0px 0px 15px 0px; color: #ccc; line-height: 130%; font-size: 70%; }
.container-right  p, .container-left p, .container-right2  p, .container-left2 p { margin: 0px; padding: 0px 0px 6px 0px; color: #ccc; line-height: 130%; font-size: 70%; }
.container-right p a:link, .container-right p a:visited, .container-right2 p a:link, .container-right2 p a:visited, .container-left p a:link, .container-left p a:visited, .container-left2 p a:link, .container-left2 p a:visited { border-bottom:1px solid #666; text-decoration:none; color: #ccc; }
.container-right p a:hover, .container-right p a:active, .container-right2 p a:hover, .container-right2 p a:active, .container-left p a:hover, .container-left p a:active, .container-left2 p a:hover, .container-left2 p a:active { border-bottom:1px solid #333; text-decoration:none; color: #ccc; }
.fuel { width:186px; height:134px; padding:5px 0 0 47px; background:url(../images/default-fuel.jpg) no-repeat; }
.white { color:#FFF; font-weight:bold;  }
#new-left p { margin: 0px; padding: 0px 0px 15px 0px; color: #ccc; line-height: 150%; font-size: 75%; }
#awards { padding:0px 0 0px 0; height:400px; }
#awards ul { list-style:none; padding: 0px 0 5px 0px; margin: 0px; font-size: 70%; color:#ccc; line-height:140%;}
#awards li { list-style:none; padding: 0px 0 0 20px; margin: 0px 0px 5px 0; background:url(../images/bullet.jpg) no-repeat left 3px;}
#awards p a:link, #awards p a:visited { border-bottom:1px solid #666; text-decoration:none; color: #ccc; }
#awards p a:hover, #awards p a:active { border-bottom:1px solid #333; text-decoration:none; color: #ccc; }
#awards p { margin: 0px; padding: 0px 0px 2px 0px; color: #ccc; line-height: 130%; font-size: 70%; }
#quote { font-size: 70%; color:#ccc; margin:0 0 10px 0; }
.quote-col { float:left; width:220px; }
.quote-btn { float:right;}
.quote-head { margin: 0px; padding: 10px 0px 15px 0px; font-size:100%; color:#ffffff; line-height:120%; }

#cars-search { margin:0px 0px 35px 0px; /*float:left; padding:0; height:144px; width:280px; overflow:hidden; background-image:url('../images/cars-search-bg.gif'); */}
#cars-search-frame { margin:50px 0px 0px 10px; padding:0; width:264px; height:90px; overflow:hidden; }
#cars-specials { margin:0px 0px 25px 0px; /*float:left; width:280px; overflow:hidden; margin:0; background-image:url('../images/cars-specials-bg.gif');*/ }
#cars-specials-frame { margin:37px 0px 0px 10px; width:264px; height:270px; }

#home-specials { background:#191919 url(../images/default-specials-bg.jpg) top left no-repeat; height:191px; width:292px; overflow:hidden; margin:0px 0px 20px 0px; padding-top:5px;}
#home-search { background:#191919 url(../images/default-search-bg.jpg) top left no-repeat; height:380px; width:292px; overflow:hidden; margin-bottom:25px; padding-left:5px; }

/* **************************************************************** */
/* **************************** Gallery *************************** */
/* **************************************************************** */
#gallery {width:505px; float:left; /*overflow:hidden;*/} /* For gallery pages */
#gallery ul { list-style:none; padding:0px 0px 0px 0px; }
#gallery li { display:inline; list-style: none; width:233px; height:162px; }
#gallery li img { border:none; list-style: none; margin: 0px 15px 20px 0px;}
#gallery a:link, #gallery a:visited, #gallery a:hover, #gallery a:active { border:none; }
#gallery p { margin: 0px; padding: 0px 0px 25px 0px; color: #ccc; line-height: 150%; font-size: 75%; }

/* **************************************************************** */
/* **************************** New  ****************************** */
/* **************************************************************** */
.new-left { float:left; width:233px; height:335px; padding:0 0px 0 0; }
.new-right { float:right; width:233px; height:335px; padding:0 0px 0 0; }
.new-left2 { float:left; width:233px; height:260px; padding:0 0px 0 0; }
.new-right2 { float:right; width:233px; height:260px; padding:0 0px 0 0; }
.new-right2 p a:link, .new-right2 p a:visited, .new-left2 p a:link, .new-left2 p a:visited { border-bottom:1px solid #666; text-decoration:none; color: #ccc; }
.new-right2 p a:hover, .new-right2 p a:active, .new-left2 p a:hover, .new-left2 p a:active { border-bottom:1px solid #333; text-decoration:none; color: #ccc; }
.new-right2 p, .new-left2 p { margin: 0px; padding: 0px 0px 10px 0px; color: #ccc; line-height: 130%; font-size: 70%; }
.new-right p a:link, .new-right p a:visited, .new-left p a:link, .new-left p a:visited { border-bottom:1px solid #666; text-decoration:none; color: #ccc; }
.new-right p a:hover, .new-right p a:active, .new-left p a:hover, .new-left p a:active { border-bottom:1px solid #333; text-decoration:none; color: #ccc; }
.new-right p, .new-left p { margin: 0px; padding: 0px 0px 10px 0px; color: #ccc; line-height: 130%; font-size: 70%; }

/* **************************************************************** */
/* ************************** Quick Links ************************* */
/* **************************************************************** */
#quicklinks { height:280px; width:860px; background:#2D2D2D; margin:0px 0 0 0; padding:0px 0px 0px 0px; }
#quicklinks h1 { color:#ccc; font-size:80%; font-weight:bold; padding:25px 0 0px 0; margin:0 0 10px 0; line-height:100%; text-transform:uppercase;}
#quicklinks p, .contacts { color:#000; font-size:80%; font-weight:normal; padding:0 0 2px 0; margin:0 0 0px 0; line-height:140%; }
#quicklinks ul { margin:0px; padding:0px 0 0px 0px;font-size:70%;line-height:140%;list-style:none;}
#quicklinks li {margin:0px; padding:0px 0 0px 0px; list-style:none; color:#666;}
#quicklinks li a { color:#999; text-decoration: none; /*border-bottom: 1px solid #4D4D4D;*/}
#quicklinks li a:hover, #quicklinks li a:active { color:#999; text-decoration: none; border-bottom: 1px solid #607288;}
.links1 { float: left; width:190px; padding:0px 0 0 25px; /*height:260px;*/}
.notice { color:#000; font-size:111%;font-weight:normal; padding:7px 0 0 0; font-style:italic;}
.date { color:#666; font-size:70%; font-weight:normal; margin:-8px 0 10px 0; font-style:italic;}
.update { color:#999; font-size:70%; font-weight:normal; padding:0px 0 20px 0; font-style:italic;}



/* **************************************************************** */
/* ************************** Footer ****************************** */
/* **************************************************************** */
#footer {background:#191919; width: 860px; height:80px; padding: 20px 0px 0px 0px; margin:0 auto; color:#999;  line-height:140%; text-align:left; text-transform:uppercase; }
#footer p { font-size:70%; font-weight:normal; padding:0 0 10px 0; margin:0 0 0px 0; line-height:130%; }
#footer-left { float:left; padding:0 0 0 25px; width:200px; }
#footer-centre { float:left; text-align:center; padding:0 0px 0 0; width:330px; }
#footer-right { float:right; text-align:right; padding:0 25px 0 0; width:280px; }
#footer a:link, #footer a:visited { border-bottom:1px solid #607288; text-decoration:none; color: #607288; }
#footer a:hover, #footer a:active { border-bottom:1px solid #8998AD; text-decoration:none; color: #8998AD; }
/*#footer-right a:link, #footer-right a:visited { border-bottom:none; text-decoration:none; color: #666; }
#footer-right a:hover, #footer-right a:active { border-bottom:1px solid #607288; text-decoration:none; color: #4C5A6B; }
#footer-left a:link, #footer-left a:visited { border-bottom:1px solid #607288; text-decoration:none; color: #999; }
#footer-left a:hover, #footer-left a:active { border-bottom:1px solid #607288; text-decoration:none; color: #607288; }*/

/* **************************************************************** */
/* **************************** finance cal *********************** */
/* **************************************************************** */
#inventory-finance label {font-size:8pt;}
p.disclaimer {font-size:7pt !important; 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:210px !important; font-size:10pt; font-weight:bold; display:block; float:left; margin-bottom:5px; color:#333;}
#inventory-finance input.repay {background-color:#1B1B1B; border:0 none; color:#333; font-size:1em; font-weight:bold; width:170px;}
#finance-calc input.repay {background-color:#fff; border:0 none; color:#333; font-size:1em; font-weight:bold; width:170px; border:1px solid #ccc;}
input.finbutton {background-color:#cc0000; border:medium none; color:#fff; padding:5px; font-size:8pt; font-weight:bold;}

/* **************************************************************** */
/* **************************** forms col ************************* */
/* **************************************************************** */
#forms { padding:0px 0 0px 0px; font-family:Arial, Helvetica, sans-serif;}
#forms p { margin: 0px; padding: 0px 0px 0px 0px; color: #8493A8; line-height:100%; }
#forms h1 {color: #fff; font-size:75%; padding: 0px 0 2px 0; font-weight:bold; border-bottom:1px solid #175773; margin:0 0 10px 0; text-transform:none; width:auto; line-height:150%;}
#forms h2 {color: #fff; font-size:75%; padding: 10px 0 2px 0; font-weight:bold; border-bottom:1px solid #175773; margin:0 0 10px 0; text-transform:none; width:auto; line-height:120%;}
#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: 140px; height:45px; display: block; float: left; padding: 3px 15px 10px 5px; text-decoration: none; margin:0px 5px 5px 0; background:#2D2D2D; font-size:95%; }
.formcell2 { width: 155px; display: block; float: left; padding: 3px 5px 0px 0px; text-decoration: none; margin:0px 5px 5px 0; background:#2D2D2D; font-size:95%; }
.formcell3 { width: 130px; height:45px; display: block; float: left; padding: 3px 15px 10px 5px; text-decoration: none; margin:0px 5px 5px 0; background:#2D2D2D; font-size:95%; } /*contact page*/
.formcell4 { width: 237px; display: block; float: left; padding: 3px 5px 0px 0px; text-decoration: none; margin:0px 5px 5px 0; background:#2D2D2D; font-size:95%; }
.formcell5 { width: 145px; display: block; float: left; padding: 3px 5px 0px 0px; text-decoration: none; margin:0px 5px 5px 0; background:#2D2D2D; font-size:95%; } /*contact page*/
.formcell_wide { width: 240px; display: block; float: left; margin: 3px 10px 15px 0px; text-decoration: none; background:#2D2D2D;}
.formcell_wide2 { width: 470px; display: block; float: left; margin: 3px 0px 15px 0px; text-decoration: none; background:#2D2D2D; padding: 3px 15px 10px 5px;}
.formcell_long { padding: 3px 5px 0px 0px; text-decoration: none; margin:0px 5px 5px 0;  }
.formcell_long ul { display:block; }
.formcell_long li { list-style:none; font-size:75%; color:#CCC;}
.form_hdr {color: #999; font-size:80%;padding: 0 0 5px 0; font-weight:bold;}
.formcell label, .formcell_wide2 label {color: #999; font-size:80%;padding: 0 0 5px 0; }
.form_hdr2 {color: #ccc; font-size:75%;padding: 20px 0 0px 0; font-weight:bold; border-bottom:1px solid #666; margin:0 0 10px 0; text-transform:uppercase;}
.default { height:17px; width:130px; border:1px solid #333; font-size:8pt; font-family:Arial, Helvetica, sans-serif; background:#fff; color:#333; padding:3px 0 0 3px; }
.field{ height:20px; width:130px; border:1px solid #333; font-size:8pt; font-family:Arial, Helvetica, sans-serif; background:#fff; color:#333; padding:3px 0 0 3px; }
.select { border:none; width:130px; padding:5px; border:1px solid #204A84; font-size:8pt; font-family:Arial, Helvetica, sans-serif; background:#fff; color:#333;}
.button {  background:#F00; color:#fff; border:none; font-size:11px; padding:5px; width:70px;}
.dropdown {height:22px; width:130px; border:1px solid #204A84;  background:#fff; color:#333; font-size:8pt;} 
.selectwide { border:none; padding:5px; border:1px solid #204A84;  background:#fff; color:#333; font-size:8pt;}
#comments{ border:none; width:298px; padding:5px; border:1px solid #204A84;  background:#fff; font-size:8pt; color:#333; font-family:Arial, Helvetica, sans-serif;}
.btn { padding:1px 0 0 0; }
.careers-tbl { color:#ccc; font-size:75%;}

/* **************************************************************** */
/* ************************* finance calc ************************* */
/* **************************************************************** */
#inventory-finance input, #inventory-finance select { width:150px; margin-bottom:6px; }
#fincalc2 input, #fincalc2 select { width:100px !important; display:block; float:left; }
#fincalc2 label { clear:left; width:180px !important; padding-left:0px; display:block; color:#ccc; float:left; margin-bottom:10px; font-size:70%; }
#submit1 { margin-bottom:12px !important; }
#fincalc2 input.repay { background-color:#191919; border:0 none; color:#FFF; font-size:1em; font-weight:bold; width:100px; }
input.finbutton {background-color:#191919; border:medium none; color:#FFFFFF; padding:5px; font-size:8pt; font-weight:bold;}


/* **************************************************************** */
/* ************************* Inventory **************************** */
/* **************************************************************** */
.price { width: 800px;font-size: 90%; padding:0 0 20px 0; margin: 0px; background-color: #1B1B1B; }
.price th { color: #FFFFFF; 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; color:#B8B9CC; }
.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 #FFFFFF; color:#FFFFFF; text-decoration:none;}
.CPListingText a {border-bottom:1px dotted #FFFFFF; color:#FFFFFF; text-decoration:none;}
.CPListingText a:hover {border-bottom:1px dotted #FFF; color:#FFF; text-decoration:none;}
.CPPlainText { font-size:10pt; font-weight:bold; color:#FFFFFF; }
.CPPlainText b { color:#CCC; }
.CPPlainText a {border-bottom:1px dotted #FFFFFF; color:#FFFFFF; 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 { clear:both; font-size:8pt; color:#EEE; }
.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;}

.carTitle { width:600px !important; }
.carNotes { color:#6A7077; font-weight:bold; font-size:10pt; }
.carNotesLink { font-size:8px; color:#09F; }
.carSmallLinks { color:#F57301; font-size:9px; }
.mylistbutton { font-size:11px; font-weight:normal; overflow:visible; padding:5px; background:#175773; color:#FFF; border:medium none;}
.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; }





/* **************************************************************** */
/* ************************* 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:#CCCCCC; }
.CPPlainText b { color:#CCC; }
.CPPlainText a { border-bottom:1px solid #666; color:#999; text-decoration:none; }
.CPPlainText a:hover { border-bottom:1px solid #333; color:#CCCCCC; 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:#CCCCCC; }
#cars-sort a { color:#CCCCCC; margin-left:8px; text-decoration:none; border-bottom:1px solid #CCCCCC; }
#cars-sort a:hover, #cars-sort a.cars-sorted { color:#DDD; border-bottom:1px solid #DDD; }

#cars-list-div { padding:0px; margin:0px; display:block; width:800px; 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:13px 15px 0px 0px; width:246px; height:306px; background:#2D2D2D; overflow:hidden; border:2px solid #2D2D2D; }
.boxhover { border:2px solid #111111 !important; }
.cars-list-photo { display:block; clear:both; margin: 12px 0px 0px 10px; width:227px; border:0px; }
.cars-list-title { display:block; clear:both; margin:0px; float:left; width:217px; padding:12px 0px 0px 10px !important;}
.cars-list-title2 { display:block; clear:both; margin:0px; float:left; width:217px; height:28px; padding:12px 0px 0px 10px !important; font-size:11px; font-weight:bold; color:#FFF; text-transform:uppercase;}
.cars-list-details { display:block; clear:both; margin: 0px 0px 0px 10px; font-size:11px; color:#CCCCCC; line-height:130%; }
.cars-list-details a { font-size:11px; color:#CCCCCC; text-decoration:none; border:0px; }
.cars-list-details-stockno { color:#EEE; font-size:10px; opacity:0.4; filter:alpha(opacity=40); }
.cars-list-bottom { display:block; clear:both; margin: 12px 0px 0px 0px; border-top:1px solid #555555; }
.cars-list-enquire { display:inline; float:left; margin: 10px 0px 0px 10px; color:#555555; }
.cars-list-enquire a, a.carslink { color:#CCCCCC; font-size:11px; font-weight:bold; border-bottom:1px solid #CCCCCC; text-decoration:none; }
.cars-list-enquire a:hover, a.carslink:hover { color:#DDD; border-bottom:1px 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:#CCCCCC; cursor:pointer; }
.l-last { margin-right:0px !important; }
#controls { margin:0px; position:relative; }

#cars .field { width:220px; }
#cars .field3 { height:140px; width:217px; padding:3px 0 0 3px; font-size:8pt; background:#0058B9; border:none/*1px solid #fff*/; color:#fff; font-family:Verdana,Arial,sans-serif; }
#enquiryerror { font-size:11px; font-weight:bold; margin-bottom:10px; color:#FFF; }
.error { color:#FF8A00 !important; font-size:11px; font-weight:bold; }
/*.red { color:#FF8A00 !important; }*/
.content-col .red { color:#FF8A00 !important; }
.content-col #enquiryerror { color:#FF8A00 !important; }

a.splashMore { text-decoration:none !important; font-size:12px !important; font-weight:bold; color:#E0071F; }
a.splashMore:hover { text-decoration:underline; }

#cars-ftr { clear:both; margin:20px 0px; display:block; float:left; }