/*CSS BY PHASE NEW MEDIA

-- colours

light brown: #7A695A
dark brown: #40372F
cream (content area): #F2F0EE
white boxes: #FFFFFF
orange: #FF9933
footer text: #8D8989
text grey: #5A5757

*/
/* **************************************************************** */
/* ********************** 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:#40372F; margin: 0px auto; font-size: 1em; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align:center; } 
img { border: none; padding:0px; margin:0px; }
/* p { font-size: 75%; margin: 0px; padding: 0px 0px 30px 0px; color: #5A5757; line-height: 150%; } */
p { font-size: 83%; margin: 0px; padding: 0px 0px 30px 0px; color: #6F5F51; line-height: 170%; }

p a:link, p a:visited { color:#40372F; text-decoration:none; border-bottom:1px dashed #7A695A;}
p a:hover, p a:active { color:#006600; text-decoration:none; border-bottom:1px dashed #7A695A;}


h1 { margin: 0px; padding: 0px 0px 20px 0px; color:#40372F; font-size:90%; text-transform:uppercase; }
h2 {  margin: 0px; padding: 0px 0px 20px 0px; font-size:70%; color:#006600; text-transform:uppercase;}
h3 {color: #40372F; font-size: 80%; margin: 0px; padding: 10px 0px 5px 0px; line-height:100%;text-transform:uppercase;}
h4 {color:#7A695A; padding: 0px 0 10px 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:10px 0 20px 20px; clear:both;}

/* Centre page */
#centrer { width: 900px; margin: 0px auto; padding:0px; text-align:left; position:relative;} /* fix alignment of page */
#default-container {width:100%; background:  url(../images/body_bg.jpg) repeat-x top #F2F0EE;} /* Repeats header background across the page (PAGES WITH BIGGER HERO IMG ONLY) */
#container {width:100%; background:  url(../images/body_bg2.jpg) repeat-x top #F2F0EE;} /* Repeats header background across the page (PAGES WITH SMALLER HERO IMG ONLY) */
#inventory-container {width:100%; background:  url(../images/body_bg3.jpg) repeat-x top #F2F0EE;} /* Repeats header background across the page (PAGES WITH SMALLER HERO IMG ONLY) */
#bottom-bg {background:url(../images/footer_bg.jpg) repeat-x top; width:100%; height:84px;} /* Repeats bottom background across the page */

/* **************************************************************** */
/* ************************ header styles ************************* */
/* **************************************************************** */
#header { width:900px; height:124px; padding:0; margin:0px;  }	 /* the relative position here helps the absolute positioning for containing elements. */
#logo { position:absolute; left:25px; top:0px; z-index:1000; }

/* **************************************************************** */
/* **************************** Anav  ***************************** */
/* **************************************************************** */
#anav { display: block; width:739px; height:64px; padding:59px 0 0 0; margin:0px; float:right; overflow:hidden; } /* Overflow fixes spacing problem in IE 6*/
#anav ul { list-style: none; padding: 0; margin: 0; display:block; height:64px;}
#anav li { display: inline; padding: 0; margin: 0px; height:32px; line-height:100%;}
#anav li img {margin:0px -4px -3px 0px; padding:0px; }
.ie #anav li img {margin:0px -4px -2px 0px; padding:0px; } 

/* **************************************************************** */
/* ************************** Hero Area *************************** */
/* **************************************************************** */
#hero { width:667px; height:370px; padding: 0px 0 0 0px; margin:0px; float:left; position:relative; z-index:1; } /* Home Page*/
#hero2 { width:667px; height:320px; float:left;} /* New Page*/
#hero3 { width:589px; height:320px; float:left;} /* New Vehicles Pages / Pages containing videos*/
#hero4 { width:468px; height:320px; float:left;} /* Instructional Videos */
#hero5 { width:589px; height:320px; float:left;} /* Interactive Gallery */
/*#hero-hdr {width:77px; height:320px; float:left;} /* New Vehicles Pages / Pages containing videos*/
.ie6 #green { width:200px; height:240px; position:absolute; top:293px; right:0px; z-index:0; }
#green { width:200px; height:240px; position:absolute; top:293px; right:40px; z-index:0; }
/* **************************************************************** */
/* **************************** Bnav  ***************************** */
/* **************************************************************** */
#bnav { width:208px; height:305px; margin:0px; padding:10px 0 0 25px; float:left; color:#A6988C; text-transform:none; font-size:75%; }	 /* Home Page*/
#bnav2 { width:208px; height:255px; margin:0px; padding:35px 0 0 25px; float:left; color:#A6988C; text-transform:none; font-size:75%; } /* New Page*/
#bnav3 { width:286px; height:256px; margin:0px; padding:35px 0 0 25px; float:left; color:#A6988C; text-transform:none; font-size:75%; } /* New Vehicles Pages / Pages containing videos*/
#bnav4 { width:286px; height:256px; margin:0px; padding:35px 0 0 25px; float:left; color:#A6988C; text-transform:none; font-size:75%; } /* New Vehicles Pages / Pages containing videos*/
#bnav a:link,#bnav a:visited,#bnav2 a:link,#bnav2 a:visited,#bnav3 a:link,#bnav3 a:visited,#bnav4 a:link,#bnav4 a:visited { text-decoration:none; margin: 0px; padding: 0px 0 0 0; color: #ffffff;}
#bnav a:hover,#bnav a:active,#bnav2 a:hover,#bnav2 a:active,#bnav3 a:hover,#bnav3 a:active,#bnav4 a:hover,#bnav4 a:active { text-decoration:none;margin: 0px; padding: 0px; color: #999;}
#bnav ul, #bnav2 ul, #bnav3 ul, #bnav4 ul  { display: block; list-style:none; padding: 17px 0 0 0; margin: 0px;}
#bnav li, #bnav2 li, #bnav3 li, #bnav4 li    { display: block;  padding:7px 0px 0px 10px; margin: 0px; background:url(../images/bnav-bg.jpg) no-repeat; height:30px; width:190px;}
.bnav-btn {position:absolute; top:13px; right:95px;} /* Home Page*/
/*.bnav-btn {position:absolute; top:438px;}  Home Page*/
.bnav-btn2 {position:absolute; top:390px;} /* New Page*/
.bnav-btn3 {position:absolute; top:390px;} /* New Vehicles Pages / Pages containing videos*/

#whats-this-hm a:link, #whats-this-hm a:visited { position:absolute; top:22px; right:15px; z-index:999;color:#fff; font-size:70%;text-decoration:none;border-bottom:1px dotted #fff;text-transform:none;}
#whats-this-hm a:hover, #whats-this-hm a:active { position:absolute; top:22px; right:15px; z-index:999;color:#009400; font-size:70%;text-decoration:none;border-bottom:1px dotted #009400;text-transform:none;}
#whats-this-build a:link, #whats-this-build a:visited { position:absolute; top:410px; right:18px; z-index:999;color:#fff; font-size:75%;text-decoration:none;border-bottom:1px dotted #fff;text-transform:none;}
#whats-this-build a:hover, #whats-this-build a:active { position:absolute; top:410px; right:18px; z-index:999;color:#009400; font-size:75%;text-decoration:none;border-bottom:1px dotted #009400;text-transform:none;}
#whats-this a:link, #whats-this a:visited { position:absolute; top:400px; right:125px; z-index:999;color:#fff; font-size:75%;text-decoration:none;border-bottom:1px dotted #fff;text-transform:none;}
#whats-this a:hover, #whats-this a:active { position:absolute; top:400px; right:125px; z-index:999;color:#009400; font-size:75%;text-decoration:none;border-bottom:1px dotted #009400;text-transform:none;}
#whats-this2 a:link, #whats-this2 a:visited { position:absolute; top:400px; right:45px; z-index:999;color:#fff; font-size:75%;text-decoration:none;border-bottom:1px dotted #fff;text-transform:none;}
#whats-this2 a:hover, #whats-this2 a:active { position:absolute; top:400px; right:45px; z-index:999;color:#009400; font-size:75%;text-decoration:none;border-bottom:1px dotted #009400;text-transform:none;}
#whats-this3 a:link, #whats-this3 a:visited { position:absolute; top:400px; right:240px; z-index:999;color:#fff; font-size:75%;text-decoration:none;border-bottom:1px dotted #fff;text-transform:none;}
#whats-this3 a:hover, #whats-this3 a:active { position:absolute; top:400px; right:240px; z-index:999;color:#009400; font-size:75%;text-decoration:none;border-bottom:1px dotted #009400;text-transform:none;}
#whats-this-inventory a:link, #whats-this-inventory a:visited { position:absolute; top:380px; right:125px; z-index:999;color:#fff; font-size:75%;text-decoration:none;border-bottom:1px dotted #fff;text-transform:none;}
#whats-this-inventory a:hover, #whats-this-inventory a:active { position:absolute; top:380px; right:125px; z-index:999;color:#009400; font-size:75%;text-decoration:none;border-bottom:1px dotted #009400;text-transform:none;}
/* **************************************************************** */
/* **************************** Cnav  ***************************** */
/* **************************************************************** */
#cnav { width: 860px; height:183px; margin: 40px 15px 15px 15px; padding:0px; background:url(../images/cnav-bg.gif); }
.cnav-col1 { background:url(../images/cnav-list-bg.gif) no-repeat; height:158px; width:277px; float:left; padding:0px; margin:13px 12px 0 15px;}
.cnav-col2 { height:158px; width:266px; float:left; padding:0px; margin:13px 12px 0 0;}
.cnav-col3 { height:158px; width:266px; float:left; padding:0px; margin:13px 12px 0 0;}

/* **************************************************************** */
/* ************************  Content  ***************************** */
/* **************************************************************** */
#default-content { width:870px;  padding:15px 15px 0px 15px; margin:0; }
.default-col1 { height:158px; width:277px; float:left; padding:0px; margin:0 17px 0 0; overflow:hidden; }
.default-col2 { height:158px; width:277px; float:left; padding:0px; margin:0 17px 0 0; }
.default-col3 { height:158px; width:277px; float:left; padding:0px; margin:0; }
#content { width:840px; padding:30px 30px 30px 30px; margin:0; color:#6F5F51;} /* Rest of the site's content*/
.sifr-h1 { margin: 0px; padding: 0px 0px 20px 0px; color:#40372F; font-size:90%; text-transform:uppercase; }
.breadcrumbs {font-size:75%; margin:0px 0px 25px 0px; width:560px; float:left;}
.breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:active { color:#006600; text-decoration:none; font-weight:bold; border-bottom:1px dashed #7A695A;}
.breadcrumbs a:hover { color:#7A695A; text-decoration:none; border-bottom:1px dashed #7A695A;}

.share {font-size:75%; margin:0px 20px 25px 30px; padding:0px; width:230px; float:left; text-align:left;}
.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;}

#up { width:250px; font-size:75%; position:absolute; text-align:right; right:30px; bottom:250px; }
#up2 { width:250px; font-size:75%; position:absolute; text-align:right; right:30px; bottom:90px; }
#up a:link, #up a:visited, #up a:active, #up2 a:link, #up2 a:visited, #up2 a:active { color:#006600; text-decoration:none; border-bottom:1px dashed #006600;}
#up a:hover, #up2 a:hover { color:#40372F; text-decoration:none; border-bottom:1px dashed #40372F;}

.specialsterms { font-size:70%; line-height:120%;}
#offers-form1 { margin:0px 20px 0 0px;padding:0px; width:550px; display: none;}
#offers-button { margin:0px 0px 0 0px;padding:0px 0 20px 0; width:550px; 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;}
/* **************************************************************** */
/* ************************ New Content  ************************* */
/* **************************************************************** */
#new { width:840px; }
#new ul { display: block; list-style:none; list-style-type:none; padding:0; margin:0 ;}
#new li { display: inline; padding: 0px; margin: 0px;}
#new li img { padding: 0px 13px 0px 0px; margin: 0px -2px 0px 0px;}
.headline { font-size:100%; color:#6F5F51; line-height:170%; padding: 0 0 40px 0;}
.headline2 { font-size:100%; color:#6F5F51; line-height:170%; padding: 0 0 20px 0;}

/************** Tabs ****************/
.new-col { width: 560px; float:left; }
#tabset h1 { padding:20px 0 15px 0; margin:0px; color:#40372F; font-size:95%; }
#tabset h2 { font-size: 83%; margin: 0px; padding: 0px 0px 10px 0px; color: #006600; line-height: 170%; }
.roundbox { padding:0px; margin:0px;}
/*************************************/

/************* New Buttons ************/
.right-col-new { float:right; width:250px;margin:0px 0px 0 0px;padding:0px;}
.model { margin:0px 0px 25px 0px; padding:0px; width:230px; }

#new-btn { width:200px;margin:0px 0px 0 0px;padding:0px; font-size: 80%; color:#ffffff; overflow:hidden; }
#new-btn a:link, #new-btn a:visited {display: block; padding: 0px; margin: 0px; color:#ffffff; text-decoration:none; }
#new-btn a:hover {display: block; margin: 0px;padding:0px; color:#fff;border:none; text-decoration:underline; outline:none;}
#new-btn ul {padding: 0px 0 30px 0px; margin:0px; list-style:none; display:block;}
#new-btn li {padding: 7px 10px 0px 10px; margin: 0px; background-image: url(../images/new-btn-bg.jpg); background-repeat: no-repeat; height:28px;}
/**************************************/


.new-col1 { width:400px; float:left;}
.new-col2 { width:400px; float:right;}
.downloads { width: 410px; display: block; float: left; margin: 0 0 40px 0;padding:4px 0; text-decoration: none;}
.new-col1 ul { list-style-type:none; list-style: none; }
.new-col1 li { font-size:83%; color:#6F5F51; padding: 0 20px 30px;line-height:170% }

/* **************************************************************** */
/* ******************** Instructional Videos  ********************* */
/* **************************************************************** */
#thumbs { display: block; width:100%; padding:0; margin:0px; overflow:hidden; } /* Overflow fixes spacing problem in IE 6*/
#thumbs ul { list-style: none; padding: 0; margin: 0; display:block;}
#thumbs li { display: inline; padding: 0; margin: 0px; height:158px;}
#thumbs li img {margin:0px -4px 0px 0px; padding:0px; }


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


/* **************************************************************** */
/* ************************ Forms  ******************************** */
/* **************************************************************** */
#form_container { background-color:#F2F0EE; }
#form_container a:link, p a:visited, p a:active { color:#40372F; text-decoration:none; border-bottom:1px dashed #7A695A;}
#form_container a:hover { color:#006600; text-decoration:none; border-bottom:1px dashed #7A695A;}
.form input, form textarea, form select{ font-family: Arial, Helvetica, sans-serif; color: #6F5F51; }
.form { padding:0px;}
.formcell { width: 115px; display: block; float: left; margin: 0 10px 0 0;padding:4px 0; text-decoration: none;}
.formcell_long { width: 200px; display: block; float: left; margin:0;padding:4px 0 10px; text-decoration: none; }
.formcell_long ul { margin:-10px 0 0 0;list-style-type:none; list-style: none; }
.formcell_long li { font-size:83%; color:#6F5F51; padding: 0 0 6px 0; }
.formcell_long p { color:#6F5F51; margin:-14px 0 0 0; }
.descriptioncell ul { margin:-10px 0 0 0;list-style-type:none; list-style: none; }
.descriptioncell li { font-size:83%; color:#6F5F51; padding: 0 0 10px 0; }
.descriptioncell p { color:#6F5F51; margin:-14px 0 0 0; }
.field{ height:19px; background-color: #fff; border:1px solid #7F9DB9; width:110px; color: #6F5F51; }
/* .select { height:20px;background-color: #fff; border:none; color: #ffffff; width:120px; padding:5px; font-size:70%;} */
.button { background-color:#006600; border:none; color: #fff; font-size:90%; padding:5px;}
.terms {padding:10px 0; color:#6F5F51; }
.terms2 {padding:0px 0; color:#6F5F51; font-size:70%; }


/* **************************************************************** */
/* ********************  Finance Calculator  ********************** */
/* **************************************************************** */
form#fincalc { width:390px; padding:0; margin:0; overflow:hidden; font-size:83%;line-height:150%; }
form#fincalc label { display:block; float:left; width:180px; padding:0 0 10px; overflow:hidden; font-size:90%; }
form#fincalc select { width:80px; font-size:90%; }
form#fincalc input { color:#6F5F51; }
form#fincalc input.repay { background-color:#F2F0EE; border:0; font-size:120%; font-weight:bold; color:#6F5F51; }
form#fincalc br { clear:left; }
form#fincalc .disclaimer { font-size:80%; }
.finbutton { background-color:#006600; border:none; color: #fff!important; font-size:75%; padding:5px;margin:10px 0 0 0; }



/* ************************ Inventory Content  ************************* */
/* **************************************************************** */
#preowned { width:560px;  padding:20px; margin: 0px 0px 30px 0px; float:right; background:#F8F8F8; font-size: 70%; color: #212F3C; }
#preownedcontent { width:560px;  padding:20px; margin: 0px 0px 30px 0px; float:right; background:#F8F8F8; display: block; line-height: 130%; }
#preownedcontent h1 { clear: both; font-size: 100%; display: block; margin: 0 10px 5px 10px; padding: 0; color: #212F3C; }
#preownedcontent h2 { clear: left; font-size: 90%; margin: 5px 10px; padding: 0; color: #333; text-transform: uppercase; }
#preownedcontent h3 { clear: left; font-size: 70%; display: block; margin: 5px 10px; padding: 0; color: #212F3C; text-transform: uppercase;  }
#preownedcontent p { font-size: 70%; display: block; color: #212F3C; margin: 0; padding: 10px; line-height: 130%; }
#preownedcontent a { color: #212F3C; }
#preownedcontent a:hover { color: #05528F; }
#preownedcontent ul { list-style-type:none; list-style: none; padding:5px 0px 10px 10px; margin:0px;}
#preownedcontent li {  font-size: 70%; color: #212F3C; display: block; margin: 0px; padding: 0px 0px 0px 12px; background: url(../images/bullet.jpg) no-repeat left 8px;}

.preownedwhite { font-size: 12px; color: #212F3C; }

.maincontentpreowned b {font-weight:bold; font-size:11pt; color:#333;}
.CPColTitle, .CPListingText, .CPFormText, .CPPlainText {font-family: Arial,Helvetica,sans-serif; font-size:10pt; padding:1px;}
.CPNavTree {font-size:10pt !important;}
.CPNavTree a {color:#40372F !important;}
div.ftr {display:block; margin:20px 0px; font-size:10pt !important;}

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