/*CSS BY PHASE NEW MEDIA

-- colours

navy: #02263E
green: #7B8000
light green: #ADB700
green links: #9C8E39
brown text: #897B6E
dark brown: #362C1D
red: #660000

*/
/* **************************************************************** */
/* ********************** 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;}
/* Add scrollbars */
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:#02263E; margin: 0px 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: 75%; margin: 0px; padding: 0px 0px 10px 0px; color: #5A5757; line-height: 160%; }
h1 { margin: 0px; padding: 23px 0 20px 0px; color:#660000; font-size:160%; text-transform:uppercase; font-weight:bolder; }
h2 {  margin: 0px; padding: 10px 0px 10px 0px; font-size:130%; color:#7B8000; text-transform:uppercase;}
h3 {color: #7B8000; font-size: 110%; margin: 0px; padding: 20px 0px 10px 0px; text-transform:uppercase;}
h4 {color:#7A695A; padding: 15px 0 8px 0; margin: 0px; line-height:100%; font-size: 70%; text-transform:uppercase; }
h5 {color: #fff; padding: 0px; margin: 0px; line-height:100%; font-size: 70%; font-weight:bold;}
h6 { padding:0 0 20px 0;}
.float_left { float: left; }
.float_right {float: right; padding:20px 0 20px 20px; clear:both;}

/* Centre page */
#centrer { width: 875px; margin: 0px auto; padding:0px; text-align:left; position:relative; } /* fix alignment of page */
#container {width:100%; background: #FDFDFD url(../images/header_bg.gif) repeat-x top;} 
#bottom-bg {background:url(../images/footer_bg.gif) repeat-x top; width:100%; height:22px;} /* Repeats bottom background across the page */

/* **************************************************************** */
/* ************************ header styles ************************* */
/* **************************************************************** */
#header { height:104px; padding:0; margin:0px; }	 /* the relative position here helps the absolute positioning for containing elements. */
#logo { padding:20px 0 0 0; float:left; }
#talklive { padding:60px 0 0 0; float:right; }
#phone { float:left;}

#whats-this a:link, #whats-this a:visited { position:absolute; top:108px; right:100px; z-index:999;color:#660000; font-size:70%;text-decoration:none;border-bottom:1px dotted #660000;}
#whats-this a:hover, #whats-this a:active { position:absolute; top:108px; right:100px; z-index:999;color:#02263E; font-size:70%;text-decoration:none;border-bottom:1px dotted #02263E;}

/* **************************************************************** */
/* **************************** Anav  ***************************** */
/* **************************************************************** */
#anav { width:206px; height:288px; padding:0; margin:0px; float:left; display:inline;position:relative; z-index:1;} 
#anav ul { list-style: none; padding: 0; margin: 0;}
#anav li { display: block; padding: 0; margin: 0px 0px 1px 0; height:35px; overflow:hidden; } /* Overflow fixes spacing problem in IE 6*/
#anav li img {margin:0px; padding:0px; }
/*.ie #anav li img {margin:0px -4px -2px 0px; padding:0px; } 

/* **************************************************************** */
/* **************************** Bnav  ***************************** */
/* **************************************************************** */
#bnav { width:395px; height:35px; margin:0px; padding:0px; float:right; text-align:right;}	
#bnav a:link, #bnav a:visited { text-decoration:none; font-weight:bold; margin: 0px; padding: 0px; color: #FF9933;}
#bnav a:hover, #bnav a:active { text-decoration:none; font-weight:bold; margin: 0px; padding: 0px; color: #ffffff;}
#bnav ul { display: block; list-style:none; padding: 0px 0 0 0; margin: 0px;}
#bnav li { display: inline;  padding:0px; margin: 0px 0px 0 0;}

/* **************************************************************** */
/* **************************** Cnav  ***************************** */
/* **************************************************************** */
#cnav { width: 660px; height:170px; margin: 10px 0px 0 0; padding:0px; float:right; }
.cnav-col1 { height:170px; width:213px; float:left; padding:0px; margin:0px;}
.cnav-col2 { height:170px; width:229px; float:left; padding:0px; margin:0px;}
.cnav-col3 { height:170px; width:218px; float:left; padding:0px; margin:0px;}

/* **************************************************************** */
/* **************************** Dnav  ***************************** */
/* **************************************************************** */
#dnav { width:204px; margin:0px; padding:0px 0 0 0; float:left; display:inline; font-size:90%;}	
#dnav ul { display: block; list-style:none; padding: 0px 0 0px 0; margin: 0px;}
#dnav li { display: block;  padding: 10px 0px 0px 12px; margin: 0px 0px 2px 0; background:url(../images/dnav-bg.jpg) center no-repeat; height:26px;}
#dnav li a:link, #dnav li a:visited { color:#fff; text-decoration:none; }
#dnav li a:hover, #dnav li a:active { color:#fff; text-decoration:none; border-bottom:1px dotted #fff; }

/* **************************************************************** */
/* ************************** Hero Area *************************** */
/* **************************************************************** */
#hero { width:660px; height:350px; padding: 0px 0 0 0px; margin:0px; float:right; display:inline; } /* Home Page*/
#hero2 { width:660px; height:288px; float:right; background:url(../images/hero-right.gif) right no-repeat;} /* New Page*/
#hero3 { width:589px; height:320px; float:left;} /* New Vehicles Pages / Pages containing videos*/
#green { position:absolute; top: 420px; left:-30px;z-index:0;}
/* **************************************************************** */
/* ************************  Content  ***************************** */
/* **************************************************************** */
#default-content { width:870px;  padding:15px 15px 0px 15px; margin:0; }
#content { padding:0 0 30px 0; margin:0; } /* Rest of the site's content - contains both bnav and content so that both are lined up at the top*/
#content2 { padding:0 0 0px 0; margin:0; } /* Contains both cnav and vehicle locator so that both are lined up at the top*/
#content-text, #new-vehicles { padding:0 0 0px 0; margin:0; width:660px; float:right; } /* Contains both dnav and text so that both are lined up at the top*/
.newlist {}
#content-text ul, .content-text-col1 ul, .content-text-col2 ul, .newlist ul { list-style-type:none; list-style: none; margin:0px; font-size: 75%; margin: 0px; padding: 0px 0px 8px 0px; color: #5A5757; line-height: 160%;}
#content-text li, .content-text-col1 li, .content-text-col2 li, .newlist li { margin: 0px; padding: 0px 0px 10px 15px; background: url(../images/bullet.gif) no-repeat left 4px;}
#content-text ul ul { list-style-type:none; list-style: none; margin:0px; font-size: 100%; margin: 0px; padding: 4px 0px 4px 0px; color: #5A5757; line-height: 160%;}
#content-text li li { margin: 0px; padding: 0px 0px 10px 15px; background: url(../images/bullet2.gif) no-repeat left 4px;}
.content-text-col1 { width:300px; float:left;}
.content-text-col2 { width:300px; float:right;}
#content-text p a:link, #content-text p a:visited, #new-vehicles p a:link, #new-vehicles p a:visited { text-decoration:none; font-weight:normal; margin: 0px; padding: 0px; color: #ADB700; border-bottom:1px dashed #ADB700;}
#content-text p a:hover, #content-text p a:active, #new-vehicles p a:hover, #new-vehicles p a:active { text-decoration:none; font-weight:normal; margin: 0px; padding: 0px; color: #5A5757; border-bottom:1px dashed #5A5757;}
#default-search-stock { position:absolute; left:0px; top:471px;}
#head-area { width:660px; float:right; position:relative;} /* h1 area */
.breadcrumbs a:link, .breadcrumbs a:visited { text-decoration:none; font-weight:normal; margin: 0px; padding: 0px; color: #ADB700; border-bottom:1px dashed #ADB700;}
.breadcrumbs a:hover, .breadcrumbs a:active { text-decoration:none; font-weight:normal; margin: 0px; padding: 0px; color: #5A5757; border-bottom:1px dashed #5A5757;}
#search-stock { float:left; margin: 10px 0 0 0;} /* Rest of the site */
.specials-terms { font-size:70%;line-height:120%;padding:20px 0px 10px 0;margin:0px 0 20px 0; font-style:italic; border-bottom:1px dashed #ADB700;}
#offers-form1 { margin:0px 20px 0 20px;padding:0px; width:600px; display: none;}
#offers-button { margin:0px 0px 0 0px;padding:20px 0 20px 20px; width:600px; position:relative;}
#offers-button img { text-decoration:none; border:none;}
#offers-button img a:link, #offers-button img a:visited, #offers-button img a:active { text-decoration:none; border:none;}
#offers-button img a:hover { color:#FFF; text-decoration:none; border:none;}
.tabs li a:link, .tabs li a:visited, .tabs li a:hover, .tabs li a:active { color:#fff; font-size:110%; }
/*.roundbox { padding:20px 0 0 0;}*/
#left { width:204px; margin:0px; padding:0px 0 0 0; float:left; }
#variants { padding:30px 0 0 0; }



/* **************************************************************** */
/* ************************ New Content  ************************* */
/* **************************************************************** */
#new { width:660px; float:right; }
#new ul { display: block; list-style:none; list-style-type:none; padding: 0px; margin: 0px;}
#new li { display: inline; padding: 0px; margin: 0px;}
#new li img { padding: 0px 15px 13px 0px; margin: 0px;}
.new-col1 { width:370px; float:left;}
.new-col2 { width:370px; float:right;}

.terms { font-size:70%;line-height:120%;padding:20px 0px 10px 0;margin:0px 0 20px 0;}
.offer_img {float: right; padding:0px 0 20px 20px; clear:both;width:350px;}
.breadcrumbs { padding:0px 0 25px 0;margin:0px;font-size:75%;}
/* **************************************************************** */
/* **************** Slideshow (Gallery + Videos) ****************** */
/* **************************************************************** */
#slideshow ul { display: block; list-style:none; list-style-type:none; padding: 0px; margin: 0px;}
#slideshow li { display: inline; padding: 0px; margin: 0px;}
#slideshow li img { padding: 0px; margin: 0px -4px 0 0;}
#slideshow a:link, #slideshow a:visited, #slideshow a:active, #slideshow a:hover {border: none;}

/* **************************************************************** */
/* *************************** Footer  **************************** */
/* **************************************************************** */
#footer { height:20px; padding:15px 0 0 0; margin: 0px; color:#897B6E; font-size:65%; }
#footer a:link, #footer a:visited { text-decoration:underline; font-weight:normal; margin: 0px; padding: 0px; color: #9C8E39; }
#footer a:hover, #footer a:active { text-decoration:underline; font-weight:normal; margin: 0px; padding: 0px; color: #660000; }
#footer-left { float:left; width:280px;}
#footer-right { float:right; width:250px; text-align:right;}


/* **************************************************************** */
/* ************************ 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;}
.newcar_hdr {color: #5A5757; font-weight:bold; font-size:75%;}
.field{ height:20px; border:none; width:140px; border:1px solid #ADB700; }
.select { border:none; width:137px; padding:5px; border:1px solid #ADB700;}
.button { background-color:#ADB700; color:#fff; border:none; font-size:80%; padding:5px; width:70px;}
.dropdown {height:22px; width:140px; border:1px solid #ADB700;} 
.selectwide { border:none; padding:5px; border:1px solid #ADB700;}
.form-col1 { width:340px; float:left;}
.form-col2 { width:300px; float:right;}
.descriptioncell2 {width:140px; display: block; float: left;}


/* **************************************************************** */
/* ********************  Finance Calculator  ********************** */
/* **************************************************************** */
form#fincalc {width:290px; padding:0; margin:0; overflow:hidden;}
form#fincalc label {display:block; float:left; width:135px; padding:0; margin:0 10px 6px 0; overflow:hidden; font-size:0.8em; font-size: 75%; color: #5A5757;}
form#fincalc select, form#fincalc input {display:block; float:left; width:140px; margin-bottom:8px; font-family: Arial, Helvetica, sans-serif; color: #6F5F51;}
form#fincalc input.submit {width:290px; height:40px;}
form#fincalc input.repay {background-color:#FFF; border:0; font-size:1em; font-weight:bold; color:#000}
form#fincalc br {clear:left;}
form#fincalc .disclaimer {font-size:0.7em;}
.finbutton { background-color:#ADB700; border:none; color: #fff!important; font-size:75%; padding:5px;margin:10px 0 0 0; }
.share {font-size:75%; padding:0px; width:233px; height:25px; text-align:left; position:absolute; top:25px; right:0px;}
.share2 {font-size:75%; padding:0px; width:232px; height:25px; text-align:left; position:absolute; top:25px; right:0px;}



/* *************************************************************************** */
/* ************************ Preowned System Content  ************************* */
/* *************************************************************************** */
.maincontentpreowned {font-size:11px !important; line-height:20px;}
.maincontentpreowned b {font-weight:bold; color:#5A5757; font-size:11px !important;}
.CPColTitle, .CPListingText, .CPFormText, .CPPlainText, .CPNavTree {font-family: Arial,Helvetica,sans-serif; font-size:11px !important; padding:1px; line-height:18px;}
.CPNavTree a {color:#02263E !important; font-size:11px !important;}
div.ftr {display:block; margin:20px 0px; font-size:11px !important;}

#col1_search {width:219px; height:150px; overflow:hidden; margin:35px 0px 0px 0px; padding:0; text-align:center;}
#col1_search iframe {width:199px; height:150px; margin:auto; padding:0; overflow:hidden;}

#col2_specials {width:353px; height:150px; overflow:hidden; margin:35px 0px 0px 0px; padding:0; text-align:center;}
#col2_specials iframe {width:333px; height:150px; margin:auto; padding:0; overflow:hidden;}

.CPListingText a:link, .CPListingText a:visited, .CPPlainText a:link, .CPPlainText a:visited, .maincontentpreowned a:link, .maincontentpreowned a:visited {color:#02263E; font-weight:normal; text-decoration:underline;}
.CPListingText a:hover, .CPListingText a:active, .CPPlainText a:hover, .CPPlainText a:active, .maincontentpreowned a:active, .maincontentpreowned a:hover {color:#660000; font-weight:normal; text-decoration:underline;}

#inventory-finance {display:inline;	float:left;	margin:60px 0 0 10px; padding:5px 0 0 0; width:194px; overflow:hidden; font-size:0.8em;}
#inventory-finance label {display:block; float:left; width:80px; padding:0; margin:0 10px 6px 0; overflow:hidden; font-size:11px;}
#inventory-finance select, #inventory-finance input {display:block; float:left; width:70px; margin-bottom:8px; font-family: Arial, Helvetica, sans-serif; color: #6F5F51; font-size:12px;}
#inventory-finance input.submit {width:180px; height:40px;}
#inventory-finance input.repay {background-color:#FFF; border:0; font-size:1em; font-weight:bold; color:#000}
#inventory-finance br {clear:left;}
#inventory-finance .disclaimer {width:150px; font-size:10px;}

#demos table { font-size:80%;}
#demos td {padding:4px 4px 4px 0px; border-bottom:1px solid #6F5F51;font-size:80%;}