/* CSS Document */



/* CSS Document */

/*CSS BY PHASE NEW MEDIA

this page is broken into six section :

-- universal styles
-- header and logo
-- hero
-- page nav including anav and bnav
-- main content - for a number of cols
-- footer 
-- colours


*/
/* **************************************************************** */
/* ********************** 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;}
* { margin:0;padding:0; }/*universal selector for a global whitespace reset */
/* Add scrollbars */
html { height: 101%; } /* add scrollbars to browsers that do not have them - this eliminates page shift between long and short pages */ 
.clear { clear: both; }
body { background:#0C0D11; margin:0px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1em;line-height:130%; color:#FFFFFF;}
img { border: none; padding: 0px; margin: 0px; }
p { font-size: 70%; color:#FFFFFF; line-height: 170%; padding: 0px 0px 12px 0px; }
h1 { font-size: 100%; color: #FFFFFF; line-height: 100%; padding: 15px 0px 15px 0px;}
h1 a {color: #32a6e7; text-decoration: none; border-bottom: 1px dashed #32a6e7;}
h1 a:hover {color:#ffffff;}
h2 {font-size: 90%; color:#FF3300; line-height: 120%; padding: 15px 0px 15px 0px; }
h3 {font-size: 80%; color:#32A6E7; line-height: 120%; padding: 10px 0px 10px 0px; }
h4 {font-size: 80%; color:#32A6E7; line-height: 120%; padding: 0px 0px 10px 0px; }
h5 {font-size: 80%; color:#8BCDF1; line-height: 120%; padding: 10px 0px 10px 0px; }
h6 {font-size: 80%; color:#8BCDF1; line-height: 120%; padding: 10px 0px 4px 0px; }
a {color: #ffffff;}
a:hover {color:#32a6e7;}
img a:link, img a:active, img a:hover, img a:visited {!important border:none;}

.breadcrumbs { padding:0px 0 25px 0;margin:0px;font-size:70%; }
.breadcrumbs-hm { padding:0px 0 25px 5px;margin:0px;font-size:70%; }
.breadcrumbs-hm a:link { text-decoration: none; border-bottom: 1px solid #666; }
.breadcrumbs a:link {text-decoration: none; border-bottom: 1px solid #666;}

#default_container {background:url(../images/body_bg.jpg) repeat-x top #111D29; text-align:center;}

#content_container {background:url(../images/body_bg2.jpg) repeat-x top #111D29; text-align:center;}

#wrapper {margin: 0px auto; text-align:left; width: 913px; padding:0px; }

.float-left { float: left;}
.float-right { float: right; padding:0px 0px 7px 7px;}

#sitemap { width:895px; margin:0px 0 20px 0; padding:8px 0 10px 20px;background:#1D2934;color:#999;}
#sitemap p { color:#999;padding:0 0 15px 0; line-height:100%;}
#sitemap ul { margin:0px; padding:0px 0 10px 0px;font-size:70%;line-height:130%;list-style:none;}
#sitemap li { margin:0px; padding:0px 0 5px 20px;background: url(../images/bullet3.gif) no-repeat left 4px;list-style:none;}
#sitemap li a {text-decoration: none; border-bottom: 1px solid #666;}
#sitemap li a:hover, #sitemap li a:active {text-decoration: none; border-bottom: 1px solid #32A6E7;}
.links1, .links2, .links3 { float: left; width:225px; padding:0px;}
.links4 { float: right; width:200px; padding:0px;}
/* **************************************************************** */
/* ********************** header ********************************** */
/* **************************************************************** */

#header { width:913px; height:207px; margin: 0px; padding: 0px; position: relative;}
#header img {padding:0px; margin:0px;}


#logo {padding: 0px; position: absolute; top:45px; left: 0px; margin:0; height:100px;}
#phone {padding: 0px; position: absolute; top:90px; right: 0px; margin:0; text-align:right; color:#8BCCF1; }
#seemap { position:absolute; top:81px; left:215px; font-size:70%; }

/* **************************************************************** */
/* ********************** bnav ************************************ */
/* **************************************************************** */

#bnav {width: 468px; float: right; text-align:right; margin: 0px; padding: 0; }
#bnav ul { list-style: none; padding: 0px; margin: 0px;}
#bnav li { display: inline; padding: 0; margin: 0px;}
#bnav li img {padding: 0px; margin: 0px 0px 0px -3px; }



/* **************************************************************** */
/* ********************** anav ************************************ */
/* **************************************************************** */

#anav {width: 915px; height: 62px; position: absolute; top: 145px; left: 0px; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:right; overflow:hidden;}
#anav ul { list-style: none; padding: 0px; margin: 0px;}
#anav li { display: inline; padding: 0; margin: 0px;}
#anav li img {padding: 0px; margin: 0px 0px 0px -6px; }


/* **************************************************************** */
/* ******************* hero images ******************************** */
/* **************************************************************** */

#default-hero {padding: 4px 5px 5px 5px; margin: 0px; width: 905px; height: 340px;}
#hero {padding:4px 5px 5px 5px; margin: 0px; width: 905px; height: 285px;}

/* **************************************************************** */
/* ******************* home page btns ***************************** */
/* **************************************************************** */

#hm-coll {float:left; width: 672px;padding:25px 0 25px 0px;}
#hm-coll h1 {padding:15px 0px 15px 5px; }
#hm-colr {float:right; width: 206px;padding:25px 0 25px 0px;}


#brochure-coll {float:left; width: 575px;padding:25px 0 25px 0px;}
#brochure-colr {float:right; width: 323px;padding:25px 0 25px 0px;}

#qlinks, #qlinks2 { padding:20px 0 0px 0px;}
#qlinks ul,#qlinks2 ul { list-style: none; padding: 0px; margin: 0 auto; }
#qlinks li, #qlinks2 li { display: inline; padding: 0 10px 0 0; margin: 0px 0px 0px 0px;}
/*#qlinks li img {margin: 0px 0px 0px 0px; padding: 0px 22px 0px 0px; }*/

.hm-heading {padding:0 0 0 5px; }

#homeblurb1 { width:667px; padding:10px 0px 17px 5px; margin:0px;}
#homeblurb1 ul { width:667px; padding:0px; margin:0px;list-style:none;}
#homeblurb1 li { padding:10px 0px 0px 0px; margin:0px;list-style:none;}
#homeblurb1 li img { padding: 5px 0px 0px 0px;}
#homeblurb1 p {padding:0px 10px 0 0;line-height:190%; }
.homeright1 {width:350px; float:right;}
.homeleft1 {width:300px; float:left;}
.homecentre {width:650px; float:left;}

#homeblurb2 {float:right; width: 206px;padding:25px 0 25px 0px;}

#homeblurb { width:905px; padding:10px 5px 30px 5px; margin:0px;}
#homeblurb ul { width:905px; padding:0px; margin:0px;list-style:none;}
#homeblurb li { padding:0px; margin:0px;list-style:none;}
#homeblurb p {padding:15px 160px 0 0;line-height:190%; }
.homeright {width:575px; float:left;}
.homeleft {width:300px; float:left; }

#homeblurbl {float:left; width: 400px; padding:25px 55px 25px 5px;}
#homeblurbr {float:left; width: 400px; padding:25px 0 25px 0px;}
#homeblurbl p,#homeblurbr p {padding:0px 15px 15px 0px;line-height:190%; }

/* **************************************************************** */
/* ******************* page footer ******************************** */
/* **************************************************************** */


#footer {background:#0C0D11; width: 893px; padding: 20px 10px 0px 10px; margin:0 auto;color:#ffffff; font-size:65%; line-height:140%; }
#footer ul, #footer li { list-style:none;padding:0px;margin:0px;}
#footer a:link, #footer a:visited { text-decoration:none; margin: 0px; padding: 0px; color: #32A6E7; }
#footer a:hover, #footer a:active { text-decoration:none; margin: 0px; padding: 0px; color: #ffffff; }

#copyright {margin:0px; padding: 0px 0px 0px 0px; float:left;color:#284862;}
#copyright ul { list-style:none;padding:0px;margin:0px;}
#copyright li { list-style:none;padding:10px 0 15px 0;margin:0px;}



/* **************************************************************** */
/* ******************* new car page ******************************* */
/* **************************************************************** */

#newbtn { padding:20px 0 0px 5px;}
#newbtn ul { list-style: none; padding: 0px 0px 0px 0px; margin: 0 auto; }
#newbtn li { display: inline; padding: 0 18px 0px 0px; margin: 0px 0px 0px 0px;}
#newbtn li img {margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; }

/* **************************************************************** */
/* ******************* brochure page ****************************** */
/* **************************************************************** */

#brochurebtn { padding:0px 0 0px 20px;}
#brochurebtn ul { list-style: none; padding: 0px 0px 0px 0px; margin: 0 auto; }
#brochurebtn li { display: inline; padding: 0 15px 0px 0px; margin: 0px 0px 0px 0px;}
#brochurebtn li img {margin: 0px 0px 0px 0px; padding: 0px 0px 16px 0px; }

/* **************************************************************** */
/* ******************* cnav (RH list) ***************************** */
/* **************************************************************** */


#cnavcontainer {float:right; width: 206px;padding:90px 0 25px 0px;margin:0px;}
#cnavcontainer img {padding:30px 0 30px 0px;margin:0px;}
.ie7 #cnavcontainer {float:right; width: 206px;padding:89px 0 25px 0px;margin:0px;}
.cnav_hdr {float: left; width: 200px; height: 14px; background: url(../images/cnav-top.jpg) no-repeat #0E1821; margin: 0px; padding: 0px 0px 0px 0px; }
.cnav_ftr {float: left; width: 200px; height: 14px; background: url(../images/cnav-bottom.jpg) no-repeat; margin: 0px; }
#cnav { width:185px; margin:0px; padding: 3px 0px 0px 15px; float:left; background: #0E1821; display:inline;}	
#cnav ul { display: block; list-style:none; padding: 0px 0 8px 0; margin: 0px;}
#cnav li {list-style: none; background:url(../images/bullet.gif) no-repeat left 6px; display:block;  padding: 5px 0px 5px 20px; font-size:75%; line-height:100%;}
#cnav li a {color:#ffffff; text-decoration: none; }
#cnav li a:hover {color:#32A6E7;}

/*0E1821*/


/* **************************************************************** */
/* ******************* main content******************************** */
/* **************************************************************** */
#coll {float:left; width: 672px;padding:25px 0 25px 5px;}
#coll a:link, #coll a:visited {text-decoration: none; border-bottom: 1px solid #666;}
#coll a:hover, #coll a:active {text-decoration: none; border-bottom: 1px solid #32a6e7; }
#colr {float:right; width: 206px;padding:25px 0 25px 0px;}

#coll ul { list-style-type:none; list-style: none; margin:0px; font-size: 70%; margin: 0px; padding: 0px 0px 0px 0px; color: #ffffff; line-height: 130%;}
#coll li { margin: 0px; padding: 0px 0px 10px 15px; background: url(../images/bullet2.gif) no-repeat left 4px; }

.col1 { width:318px; float:left; padding: 0px 0px 0px 0px; }
.col2 { width:318px; float:right; padding: 0px 0px 0px 0px;}
.col3 { width:550px; float:left; padding: 0px 0px 0px 0px;}  /* Used Vehicle Satisfaction Survey */

.thumb { width:100px; height:70px; border:2px solid #1D2935; float:right; margin:4px 0 15px 15px;}
.terms { font-size:60%; line-height:120%; color:#999999;}

/* **************************************************************** */
/* ******************* cnav list ********************************** */
/* **************************************************************** */



/* **************************************************************** */
/* ******************* new car buttons **************************** */
/* **************************************************************** */

/* **************************************************************** */
/* ******************* specials boxes****************************** */
/* **************************************************************** */
.specials {}

/* **************************************************************** */
/* ******************* forms ************************************** */
/* **************************************************************** */

.form input, form textarea, form select { font-family: Arial, Helvetica, sans-serif; }
.form { padding:10px;}
.formcell { width: 140px; display: block; float: left; margin: 3px 10px 10px 0px; text-decoration: none;}
.formcell2 { width: 140px; display: block; float: left; margin: 3px 0px 10px 0px; text-decoration: none;}
.formcell_wide { width: 240px; display: block; float: left; margin: 3px 10px 15px 0px; text-decoration: none;}
.form_hdr {color: #ffffff; font-size:70%;padding: 0 0 5px 0;}
.field{ height:20px; border:none; width:140px; border:1px solid #B4BAA0; }
.select { border:none; width:137px; padding:5px; border:1px solid #B4BAA0;}
.button { background-color:#32A6E7; color:#fff; border:none; font-size:80%; padding:5px; width:70px;}
.dropdown {height:22px; width:140px; border:1px solid #B4BAA0;} 
.selectwide { border:none; padding:5px; border:1px solid #B4BAA0;}

.price { font-size: 90%; padding:0 0 20px 0; margin: 0px; background-color: #111D29; }
.price th { color: #32A6E7; text-transform: uppercase; text-align: left; padding:8px;  background:#1D2934;}
.price td { font-size: 75%!important;color: #666666; padding:8px;color: #ffffff;border-bottom:1px solid #1D2934;  }


.specs { width: 600px;background-color: #111D29;font-size: 90%; padding:0 0 10px 0; margin: 20px 0 5px 10px; background-color: #111D29; }
.specs th { color: #32A6E7; text-transform: uppercase; text-align: left; padding:5px 0 5px 13px;  background:#111D29;}
.specs td { font-size: 75%!important;color: #666666; padding:5px 0 10px 15px;color: #ffffff;  }

.CPListingText, .CPFormText, .maincontentpreowned, .CPCategoryTree {font-size:10pt;}
.CPPlainText { font-size:10pt; font-weight:bold; color:#8BCDF1; }
.CPColTitle  { font-size:10pt; font-weight:bold; color:#32A6E7; }
.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;}

#col-inventory {float:left; width: 690px;padding:25px 0 25px 5px;}
#col-inventory img a:link, #col-inventory img a:visited {text-decoration: none; border-bottom: none;}
#col-inventory img a:hover, #col-inventory img a:active {text-decoration: none; border-bottom: none; }


#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;}
#fincalc2 label {width:180px !important; font-size:8pt; display:block; float:left; margin-bottom:5px;}
#inventory-finance input.repay {background-color:#0E1821; border:0 none; color:#8BCDF1; font-size:1em; font-weight:bold; width:170px;}
#finance-calc input.repay {background-color:#111D29; border:0 none; color:#8BCDF1; font-size:1em; font-weight:bold; width:170px;}
input.finbutton {background-color:#32A6E7; border:medium none; color:#FFFFFF; padding:5px; font-size:8pt; font-weight:bold;}

.p7ABtrig {background-image:url(../images/inv-col-buttonm.gif); padding-left:20px; margin:0px; padding-top:0px; text-decoration:none; border:none;}
.p7ABtrig h3 {padding-top:17px; padding-bottom:22px;}
.p7ABtrig h3 a {border-bottom:0px !important;}