/*CSS BY PHASE NEW MEDIA

-- colours

dark blue: #0A2365
lighter blue: #13387F
lightest blue: #1B53BA
orange: #FF6600
grey: #333333

*/
/* **************************************************************** */
/* ********************** 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: url(../images/bg.jpg) #333333 repeat; 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: 70%; margin: 0px; padding: 0px 0px 8px 0px; color: #6089A5; line-height: 140%; }
h1 { margin: 0px; padding: 0px 0px 10px 0px; color:#FF6600; font-size:90%;}
h2 {  margin: 0px; padding: 20px 0px 10px 0px; font-size:90%; color:#FF6600;}
h3 {color: #6089A5; font-size: 70%; margin: 0px; padding: 10px 0px 5px 0px; line-height:100%;}
h4 {color: #003E6A; padding: 30px 0px 5px 8px; margin: 0px; line-height:100%; font-size: 70%; font-weight:bold;}
h5 {color: #fff; padding: 0px; margin: 0px; line-height:100%; font-size: 70%; font-weight:bold;}
h6 {color: #fff; padding: 0px; margin: 0px; line-height:100%; font-size: 70%; font-weight:bold;}
.float_left { float: left; }
.float_right {float: right; clear:both; padding:0 0 20px 20px;}
.float_right2 {float: right; clear:both; width:200px; text-align:right;}

/* Centre page */
#centrer { width: 850px; margin: 0px auto; padding:0px; text-align:left; background:#fff;} /* fix alignment of page */

/* **************************************************************** */
/* ************************ header styles ************************* */
/* **************************************************************** */
#header { padding: 0 0 2px 0; position: relative; height: 119px; width:850px; margin: 0px; } /* the relative position here helps the absolute positioning for containing elements. */
#logo { float:left; }
#phone { position:absolute; bottom:25px; right:25px; color:#13387F; font-size:90%;}
/* **************************************************************** */
/* ************************** Hero img **************************** */
/* **************************************************************** */
#hero { width:850px; height:290px; padding:2px 0px 2px 0px; margin:0px;}

/* **************************************************************** */
/* **************************** Anav  ***************************** */
/* **************************************************************** */
#anav { display: block; width:850px; height:61px; padding:0px; margin:0px; overflow:hidden;}	
#anav ul { list-style: none; padding: 0; margin: 0; display:block;}
#anav li { display: inline; padding: 0; margin: 0px;}
#anav li img {margin:0px 0px 0px 0px; padding:0px; float:left; }

/* **************************************************************** */
/* **************************** Bnav  ***************************** */
/* **************************************************************** */
#bnav { width:395px; height:13px; margin:0px; padding:0px; position:absolute; top:25px; right:25px; font-size:70%; text-align:right; }	
#bnav ul { display: block; list-style:none; padding: 0px; margin: 0px;}
#bnav li { display: inline;  padding:0px 0px 0px 30px; margin: 0px;}

/* **************************************************************** */
/* **************************** Cnav  ***************************** */
/* **************************************************************** */
#cnav { float:left; width: 218px;  margin: 0px; padding:0px; }
#cnav ul { list-style:none; padding: 0px; margin: 0px;}
#cnav li { display: block; padding: 0px 0px 1px 0px; margin: 0px; height:23px;overflow:hidden; }
#cnav li img { padding: 0px; margin: 0px; border:none;}

/* **************************************************************** */
/* ************************  Content  ***************************** */
/* **************************************************************** */
#content { width:850px;  padding:0px; margin: 0px 0px 2px 0px;}
#content-col {width:579px;  padding:25px; margin: 0px 0px 0px 2px; float:right;}
.features-col1 {width:260px; float:left;padding: 0px 0px 20px 0px;}
.features-col2 {width:260px; float:right;padding: 0px 0px 20px 0px;}
#content-col ul { list-style-type:none; list-style: none; margin:0px; font-size: 70%; margin: 0px; padding: 0px 0px 8px 0px; color: #6089A5; line-height: 140%;}
#content-col li { margin: 0px; padding: 0px 0px 0px 20px; background: url(../images/bullet.jpg) no-repeat left 4px;}
#content-col li img {padding: 0px; margin: 0px;}
#content-col a:link, #content-col a:visited { text-decoration:underline; font-weight:bold; margin: 0px; padding: 0px; color: #6089A5;}
#content-col a:hover, #content-col a:active { text-decoration:underline; font-weight:bold; margin: 0px; padding: 0px; color: #FF6600;}
#title {float:left; padding:0px 0px 2px 0px; width:218px; height:41px;}
.terms { font-size: 60%; margin: 0px; }
.terms a:link, .terms a:visited { text-decoration:underline; font-weight:bold; margin: 0px; padding: 0px; color: #6089A5; line-height: 120%;}
.terms a:hover, .terms a:active { text-decoration:underline; font-weight:bold; margin: 0px; padding: 0px; color: #FF6600; line-height: 120%;}
#gallery {float:left; width:218px;}
.end {border-bottom:1px dashed #FF6600; margin:20px 0;}
.contact-col1{width:260px; float:left;}

/* **************************************************************** */
/* ************************ Default Cols  ************************* */
/* **************************************************************** */
#col1 { width:350px; height:200px; float:left; background:#0A2365; margin:0px 2px 0px 0px;}
#col1 ul { list-style: none; padding: 0px; margin: 0px;}
#col1 li { padding: 0; margin: 0px; }
#col1 li img { padding: 0; margin: 0px; }

#col2 { width:248px; height:200px; float:left; background:#13387F; margin:0px 2px 0px 0px;}
#col2 ul { list-style: none; padding: 0px; margin: 0px;}
#col2 li { padding: 0; margin: 0px; }
#col2 li img { padding: 0; margin: 0px; }

#col3 { width:248px; height:200px; float:left;}
#col3 p { color:#fff; padding:0px 20px 0px 21px;}

#col3-row1 { width:248px; height:99px; background:#1B53BA; margin:0px 0px 2px 0px; position:relative;}
#col3-row1 ul { list-style: none; padding: 0px; margin: 0px;}
#col3-row1 li { padding: 0; margin: 0px; }
.btn { position: absolute; bottom:10px; right:10px; height:20px;}

#col3-row2 { width:248px; height:99px; background:#1B53BA url(../images/default-col2-row2.jpg); position:relative;}
#col3-row2 ul { list-style: none; padding: 0px; margin: 0px;}
#col3-row2 li { padding: 0; margin: 0px; }

/* **************************************************************** */
/* ************************ New Content  ************************* */
/* **************************************************************** */
#new { width:604px;  padding:25px 0px 25px 25px; margin: 0px 0px 0px 2px; float:right;}
#new ul { display: block; list-style:none; padding: 0px; margin: 0px;}
#new li { display: inline; padding: 0px; margin: 0px;}
#new li img { padding: 0px 30px 30px 0px; margin: 0px;}

/* **************************************************************** */
/* *************************** Footer  **************************** */
/* **************************************************************** */
#footer { background:#0A2365; height:35px; width:800px; padding:25px; margin: 0px;}
#footer p { color: #fff; line-height:120%;} 
#footer a:link, #footer a:visited { text-decoration:none; font-weight:normal; margin: 0px; padding: 0px; color: #fff; border-bottom:1px dotted #fff;}
#footer a:hover, #footer a:active { text-decoration:none; font-weight:normal; margin: 0px; padding: 0px; color: #FF6600; border-bottom:1px dotted #FF6600;}
#footer-left { float:left; width:200px;}
#footer-left ul { list-style: none; padding: 0px; margin: 0px;}
#footer-left li { padding: 0; margin: 0px; }
#footer-right { float:right; width:250px; text-align:right;}
#footer-right ul { list-style: none; padding: 0px; margin: 0px;}
#footer-right li { padding: 0; margin: 0px; }



/* **************************************************************** */
/* ************************ Price List Table  ********************* */
/* **************************************************************** */
#pricelist table { padding:0px; margin:0px; }
#pricelist th { padding: 12px 5px 12px 12px; background: #769AB1;color:#fff;}
#pricelist td { padding:5px 5px 5px 12px; margin:0px; text-align:left; color:#6089A5; font-size:70%;}
.head2 { padding:5px 5px 5px 10px; margin:0px; text-align:left;}
#pricelist tr  { padding:10px 0px 0 12px; margin:0px; text-align:left;}
.model { background:#A2BACA; color:ffffff; padding: 8px 5px 8px 10px; font-weight:bold;}

/* **************************************************************** */
/* ************************ Terms  ******************************** */
/* **************************************************************** */
/*.terms { font-size: 60%; margin: 0px; padding: 10px 0px 10px 0px; color: #212F3C; line-height: 120%; display:block; }
.terms a:link, a:visited { text-decoration:underline; font-weight:bold; margin: 0px; padding: 0px; color: #212F3C; line-height: 120%;}
.terms a:hover, a:active { text-decoration:underline; font-weight:bold; margin: 0px; padding: 0px; color: #359AEA; line-height: 120%;}

/* **************************************************************** */
/* ************************ Forms  ******************************** */
/* **************************************************************** */
.form input, form textarea, form select { font-family: Arial, Helvetica, sans-serif; background-color: #F0F0F0;}
.form { padding:10px;}
.formcell { width: 157px; display: block; float: left; margin: 3px 10px 15px 0px; text-decoration: none;}
.newcar_hdr {color: #6089A5; font-weight:bold; font-size:70%;}
.field{ height:20px; background-color: #F0F0F0; border:none; width:157px; border:1px solid #6089A5; }
.select { border:none; width:147px; padding:5px; border:1px solid #6089A5;}
.button { background-color:#FF6E01; color:#fff; border:none; font-size:80%; padding:5px; width:70px;}
.dropdown {height:26px; background-color: #F0F0F0; width:157px;} 
.selectwide { border:none; padding:5px; border:1px solid #6089A5;}


/* ************************ 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; }

/* **************************************************************** */
/* ********************  Finance Calculator  ********************** */
/* **************************************************************** */
#calculator_container {width:200px; padding:0px 0 0 10px;}
form#fincalc { width:198px; padding:0px 0 0 1px; margin:0; overflow:hidden; color:#6089A5; font-size:70%;}
form#fincalc label {display:block; float:left; width:100px; padding:0; margin:0 10px 6px 0; overflow:hidden; color:#6089A5;}
form#fincalc select, form#fincalc input {display:block; float:left; width:80px; margin-bottom:8px; font-family: Arial, Helvetica, sans-serif; color: #6F5F51;}
form#fincalc input.submit {width:100px; height:40px;}
form#fincalc input.repay {background-color:#FFF; border:0; font-size:1em; font-weight:bold; color:#6089A5}
form#fincalc br {clear:left;}
form#fincalc .disclaimer {font-size:90%;}
.finbutton { background-color:#FF6E01; border:none; color: #fff!important; font-size:90%; padding:5px;margin:10px 0 0 0; }

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

#col1_specials {width:350px; height:170px; overflow:hidden; margin:0; padding:0; text-align:center;}
#col1_specials iframe {width:310px; height:150px; margin:auto; padding:0; overflow:hidden;}

#col2_search {width:248px; height:170px; overflow:hidden; margin:0; padding:0; text-align:center;}
#col2_search iframe {width:208px; height:150px; margin:auto; padding:0; overflow:hidden;}