/*CSS BY PHASE NEW MEDIA

-- colours

anav grey border: #454545
grey border: #5C5C5C
dark grey: #333333
light grey: #999999
green: #006699
red: #C51015
bg grey: #DBDBDB

*/
/* **************************************************************** */
/* ********************** 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: #DBDBDB; 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 10px 0px; color: #666666; line-height: 180%; }
h1 { margin: 0px; padding: 0px 0px 25px 0px; color:#C51015; font-size:100%; text-transform:uppercase;}
h2 {  margin: 0px; padding: 20px 0px 10px 0px; font-size:90%; color:#333333;}
h3 {color: #800600; font-size: 90%; margin: 0px; padding: 20px 0px 10px 0px;}
h4 {padding:0 0 0 15px; color: #333333; font-size:80%; text-transform:uppercase; line-height:100%;}
h5 { font-size: 70%; margin: 0px; padding: 0px 0px 5px 0px; color: #333333; line-height: 180%;font-style:italic;font-weight:bold;}
h6 {padding:0; color: #fff; font-size:80%; line-height:100%;}

.float_left { float: left; }
.float_right {float: right; padding:5px 0px 10px 20px; clear:both; }

.thumb {float: right; margin:5px 0px 10px 20px; clear:both; border:4px solid #ccc; }
/* Centre page */
#centrer { width: 834px; margin: 0px auto; padding:0px 8px; text-align:left; background:#fff;} /* fix alignment of page */
#centrer a:link, #centrer a:visited { text-decoration:none;border-bottom:none;}
#centrer a:hover, #centrer a:active { text-decoration:none;border-bottom:none;}

/* **************************************************************** */
/* ************************ header styles ************************* */
/* **************************************************************** */
#header { padding: 0; position: relative; height: 140px; width:834px; margin: 0px; } /* the relative position here helps the absolute positioning for containing elements. */
#truscotts { position:absolute; top:55px; left:0px; }
#toyota { position:absolute; top:55px; right:0px; }
#phone { position:absolute; top:90px; right:0px;}

/* **************************************************************** */
/* ************************** Hero Area **************************** */
/* **************************************************************** */
#default-hero { width:580px; height:346px; padding:4px 0px; margin:0px; float:left;}
#banners {float:right; width:246px; }
#banners ul { list-style-type:none; list-style: none; padding: 0px; margin:0px; padding:4px 0px 0px 0px;}
#banners li { display: block; margin: 0px; padding: 0px 0px 1px 0px;/* height:115px; border:1px solid pink;*/ }
#banners {padding: 0px; margin: 0px;}
#hero { width:580px; height:227px; float:left; padding:4px 0px;}

/* **************************************************************** */
/* **************************** Anav  ***************************** */
/* **************************************************************** */
#anav { display: block; width:836px; height:36px; padding:0px; margin:0px; border-top:1px dashed #454545; border-bottom:1px dashed #454545; 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 -3px 0px 0px; padding:0px;}
#anav a img {border:none;}

/* **************************************************************** */
/* **************************** Bnav  ***************************** */
/* **************************************************************** */
#bnav { width:247px; float:right;}
#bnav ul {height:30px; list-style: none; padding: 0px; margin:0px;}
#bnav li { display: inline;  padding:0px; margin: 0px;}

/* **************************************************************** */
/* **************************** Cnav  ***************************** */
/* **************************************************************** */
#cnav { margin: 0px; padding:10px 0px 0px 0px; width:246px; float:right; }
#cnav ul { list-style:none; display:block; padding: 0px 0px 18px 0px; margin: 0px; background:url(../images/cnav-btm.gif) no-repeat bottom #666666; }
#cnav li { display: block; padding: 0px; margin: 0px;}
#cnav li img { padding: 0px 0px 2px 0px; margin: 0px; border:none;}
/*#weekend-ad { margin: 0px; padding:10px 0px 0px 0px; width:246px; float:right; }*/
#weekend-ad { margin: 0px; padding:10px 0px 0px 0px; width:246px; float:right; }

/* **************************************************************** */
/* ************************  Content  ***************************** */
/* **************************************************************** */
#content { padding:4px 0 15px 0; margin: 0px; border-top:#C51015 1px dashed;}
#content-col {width:530px;  padding:0px 50px 0px 0px; margin: 0px; float:left;}
.col1 { width:250px;float:left; margin:0; padding:0; }
.col2 { width:250px;float:right; margin:0; padding:0;}
#content-col ul { list-style: none; padding: 0px 0px 30px 0px; margin:0px;font-size: 70%; color: #666666; line-height: 150%; }
#content-col li { margin: 0px; padding: 0px 0px 7px 10px; background: url(../images/bullet.jpg) no-repeat left 5px; list-style:none;}
#content-col a:link, #content-col a:visited { text-decoration:underline; font-weight:bold; margin: 0px; padding: 0px; color: #C51015;}
#content-col a:hover, #content-col a:active { text-decoration:underline; font-weight:bold; margin: 0px; padding: 0px; color: #FF6600;}
.terms { font-size: 60%;line-height:120%; margin: 0px; }
.terms a:link, .terms a:visited { text-decoration:underline; font-weight:bold; margin: 0px; padding: 0px; color: #C51015; line-height: 120%;}
.terms a:hover, .terms a:active { text-decoration:underline; font-weight:bold; margin: 0px; padding: 0px; color: #FF6600; line-height: 120%;}
.vehicleinfo-col {width:330px; float:left;}
.vehicleimgs-col {width: 168px; float:right;}
#phone-right { width:246px; padding:0px 0 0 0; position:absolute; right:560px; top:417px;}
.line { border-top:#C51015 1px dashed; margin:10px 0 15px 0; }

/* **************************************************************** */
/* ************************ Default Cols  ************************* */
/* **************************************************************** */
#col1 { width:219px; height:195px; float:left; background:#333333 url(../images/default-usedsearch-hdr.gif) no-repeat top; margin:0px 8px 0px 0px; /*border:1px solid pink;*/}
#col2 { width:353px; height:195px; float:left; background:#333333 url(../images/default-usedspecials-hdr.gif) no-repeat top; margin:0px 4px 0px 0px;}
#col3-row2 { padding:35px 0px 0px 35px; float:right; width:211px; height:127px;}
.col3turscotts {color:#333333; font-size:90%; font-weight:bold;}
.col3red {color:#C51015; font-size:110%; font-weight:bold;}
.col3address {color:#666666; font-size:80%;}

/* **************************************************************** */
/* ************************ New Content  ************************* */
/* **************************************************************** */
#new { width:586px;  padding:0px; margin: 0px; float:left;}
#new ul { display: block; list-style:none; padding: 0px; margin: 0px;}
#new li { display: inline; padding: 0px; margin: 0px;}
#new li img { padding: 0px 10px 20px 0px; margin: 0px;}
#range { margin: 0px; padding:10px 0px 0px 0px; width:246px; float:right; }
#range ul { list-style:none; display:block; padding: 0px 0px 25px 0px; margin: 0px; background:url(../images/new-range-btm.gif) no-repeat bottom #EAEAEA; }
#range li { display: block; padding: 0px; margin: 0px;}
#range p { padding:0 0 0 15px; line-height:90%; color:#666666;}
#range h1 {padding:0 0 0 10px; color: #333333; font-size:80%; text-transform:uppercase;}
.rangeimg {padding:15px 0 15px 15px;}
.parts-thumb {width:123px; height:200px; float:left; margin:0 9px 12px 0;}

/* **************************************************************** */
/* *************************** Footer  **************************** */
/* **************************************************************** */
#footer { height:60px; padding:10px 0px; margin: 0px; border-top:1px dashed #5C5C5C;}
#footer p { color: #999999; line-height:120%;} 
#footer-left { float:left; width:200px;}
#footer-left ul { list-style: none; padding: 0px; margin: 0px;}
#footer-left li { padding: 0; margin: 0px; }
#footer-left a:link, #footer-left a:visited { text-decoration:none; font-weight:normal; margin: 0px; padding: 0px; color: #999999; border-bottom:1px dashed #999999;}
#footer-left a:hover, #footer-left a:active { text-decoration:none; font-weight:normal; margin: 0px; padding: 0px; color: #800600; border-bottom:1px dashed #800600;}
#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; }
a.right:link, a.right:visited { text-decoration:none; font-weight:normal; margin: 0px; padding: 0px; color: #999999; border-bottom:1px dashed #999999;}
a.right:hover, a.right:active { text-decoration:none; font-weight:normal; margin: 0px; padding: 0px; color: #800600; border-bottom:1px dashed #800600;}
a.phase:link, a.phase:visited { text-decoration:none; font-weight:bold; margin: 0px; padding: 0px; color: #006699;border-bottom:1px dashed #fff;}
a.phase:hover, a.phase:active { text-decoration:none; font-weight:bold; margin: 0px; padding: 0px; color: #006699; border-bottom:1px dashed #006699;}


/* **************************************************************** */
/* ************************ Specials Content  ********************* */
/* **************************************************************** */
.end { margin:20px 0px 0 0; border-bottom:1px dashed #800600;}

/* **************************************************************** */
/* ************************ Price List Table  ********************* */
/* **************************************************************** */
#pricelist table { padding:0px; margin:0px; }
#pricelist th { padding: 10px 5px 10px 12px; background: #333;color:#fff;}
#pricelist td { padding:8px 5px 8px 12px; margin:0px; text-align:left; color:#666666; font-size:70%; line-height:130%;}
.head2 { padding:5px 5px 5px 10px; margin:0px; text-align:left;}
#pricelist tr  { padding:12px 0px 12px 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: #666666; 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:#C51015; 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;}

/* **************************************************************** */
/* ********************  Finance Calculator  ********************** */
/* **************************************************************** */
#calculator_container {width:246px; padding:0px 0 0 0px; float:right;}
form#fincalc { width:245px; padding:0px 0 0 1px; margin:0; overflow:hidden; color:#666666; font-size:70%;}
form#fincalc label {display:block; float:left; width:100px; padding:0; margin:0 10px 6px 0; overflow:hidden; color:#666666;}
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:#666666}
form#fincalc br {clear:left;}
form#fincalc .disclaimer {font-size:90%;}
.finbutton { background-color:#C51015; border:none; color: #fff!important; font-size:90%; 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; }


/* ************************ Preowned System Content  ************************* */
/* **************************************************************** */
.maincontentpreowned {font-size:11px !important;}
.maincontentpreowned b {font-weight:bold; color:#C61116; font-size:11px !important;}
.CPColTitle, .CPListingText, .CPFormText, .CPPlainText, .CPNavTree {font-family: Arial,Helvetica,sans-serif; font-size:11px !important; padding:1px;}
.CPNavTree a {color:#C61116 !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;}