/*CSS BY PHASE NEW MEDIA*/

/* 

------ Colours 

Orange: #F07124
Green: #B9DE65

*/


/* Global */

html { height:101%; }
body { background:#EDEDED;margin:0;padding:0;font-size:.72em;font-family:Arial,Helvetica,sans-serif;color:#585858;line-height:160%; }
* { margin:0;padding:0; } /*universal selector for a global whitespace reset */
.clear {clear:both;}

#centrer { width:870px;margin:0 auto 20px;background-color:#FFFDF7; }
#header { position:relative;padding:0;height:169px;background:url(../images/header_background.jpg); }

#bnav { position:absolute;top:36px;right:30px;}
#bnav li { list-style:none;display:block; }

#anav { position:absolute;top:145px;left:30px;height:24px; width:700px; }
#anav ul { list-style:none; }
#anav li { display:inline;margin-right:-3px; }

h1 { margin:20px 0 10px;font-size:110%;font-weight:bold;text-transform:uppercase;color:#333; } 
h2 { margin:10px 0 5px;font-size:100%;font-weight:bold;color:#333; } 
h3 {font-size:100%; font-weight:bold; color:#333;}
p { padding:0 29px 12px 0; }

#cnav { margin-top:20px;text-align:right; }
#cnav li { list-style:none;display:block; }

#footer { clear:both;height:169px;background:url(../images/footer_background.jpg);font-size:95%; }
#footer ul { list-style:none;padding:134px 30px 0; }
#footer li { display:inline; }
#footer li:first-child { margin-right:35px; }
.phase { margin-left:300px; }
.phase a { color:#3B3B39; }
.phase a:hover { color:#F07124; }
.terms { padding:10px 0px 0px 0px; line-height:150%;font-size:80%; }
a:link, a:visited { text-decoration:underline; margin: 0px; padding: 0px;}
a:hover, a:active { text-decoration:underline; margin: 0px; padding: 0px; color:#F07124;}
a img { border: 0; }
a:link, a:visited { text-decoration:underline; margin: 0px; padding: 0px; color:#333;}
a:hover, a:active { text-decoration:underline; margin: 0px; padding: 0px; color: #F07124;}

/* Default */

#contentleft { float:left; }
#leftheroes ul { list-style:none; }
#leftheroes li { display:block;margin-bottom:-3px; }
#contentright { float:right;width:242px;height:469px;background:url(../images/default_backgroundright.gif); }
#rightheroes { position:relative;text-align:center; }
#toprighthero { position:absolute;top:-9px;right:6px;}
#rightheroes ul { list-style:none;padding-top:142px; }
#rightheroes li { display:block;margin-top:8px; }
#quicklinks ul { float:left;list-style:none;width:190px;margin:20px 0 0 10px; }
#quicklinks li { float:left;width:95px;padding-top:2px; } 

/* New Vehicles */

#newcontentleft { float:left;width:628px;padding:0 0 40px 30px; }
#newcontentleft ul { list-style:none;margin:40px 0; }
#newcontentleft li { float:left;display:inline;margin:0 29px 25px 0; }
#newcontentright { float:right;padding:48px 30px 0px 0px; }
#newrightheroes { clear:right; }
#newrightheroes ul { float:right;list-style:none;padding:120px 30px 0 0; }
#newrightheroes li { display:block;margin-bottom:30px; }


/* Other */

#othercontentleft {float:left;width:598px;padding:0 30px 40px 30px;}
#othercontentleft ul { list-style-type:none; padding:0px 0px 10px 10px; width:550px;}
#othercontentleft li { margin: 0px; padding: 5px 0px 0px 15px; background: url(../images/bullet.jpg) no-repeat left 10px; display:block;}
#content {width:605px;padding:20px 0px 0px 0px;}
#content a:link, a:visited { text-decoration:underline; margin: 0px; padding: 0px;}
#content a:hover, a:active { text-decoration:underline; margin: 0px; padding: 0px; color: #F07124;}
#content ul { list-style-type:none; padding:0px 0px 10px 10px; width:550px;}
#content li { margin: 0px; padding: 5px 0px 0px 15px; background: url(../images/bullet.jpg) no-repeat left 10px;}


/* Demonsrators */

.demo { padding: 20px 0px 20px 0px; border-bottom: 1px dashed #B9DE65; }
.demo_img {float:left; padding:0px 29px 0px 0px;}
.demo_txt {float:left; width:300px;}

/* Special Offers */
#specialscontentleft {float:left;width:598px;padding:0 30px 40px 30px;}
.specialoffers { padding: 20px 0px 23px 0px; border-bottom: 1px dashed #B9DE65; }
.specialoffers_img {float:left; padding:0px 29px 29px 0px;}
.specialoffers ul { float:right; list-style-type:none; padding:0px 0px 10px 0px; width:380px;}
.specialoffers li { margin: 0px; padding: 5px 0px 0px 15px; background: url(../images/bullet.jpg) no-repeat left 11px;}

/* Accessories */

.accessoriesrange { float: left; width: 120px;	height: 135px; padding: 10px 10px 10px 10px;display: block; margin: 29px 30px 0px 0px; border: 1px solid #EDEDED; background:#fff;}
.accessoriesrange p { line-height:130%;font-size:90%; padding:5px 0px 0px 0px;}


/* Contact Us */

#contactusleft {float:left; width:270px; padding:0px; margin:0px;}
#contactusright {float:right; width:330px; padding:0px; margin:0px;}

/* Service */

#serviceleft {float:left; width:320px; padding:0px; margin:0px;}
#serviceright {float:right; width:270px; padding:0px; margin:0px;}


/* Price List */
#pricelist table { padding:0px; margin:0px 0 15px 0; }
#pricelist th { padding: 8px 5px 8px 10px; background: #D1E898;color:#fff;}
#pricelist td { padding:5px 5px 5px 10px; margin:0px; text-align:left;}
#pricelist tr  { padding:10px 0px 0 10px; margin:0px; text-align:left;} 
.model { background:#DEEFB8; padding: 8px 5px 8px 10px; font-weight:bold;} 
.bodytype { background:#F0F8DE; padding: 8px 5px 8px 10px; font-weight:bold;}


/* Forms */

.form input, form textarea, form select { background-color: #E7ECD9; width:100%;font-family:Arial,Helvetica,sans-serif;}
.form { padding:10px;}
.formcell { width: 157px; display: block; float: left; margin: 3px 10px 15px 0px; text-decoration: none;}
.formcellwide { width: 180px; display: block; float: left; margin: 3px 10px 15px 0px; text-decoration: none;}
.formcellwide2 { width: 210px; display: block; float: left; margin: 3px 10px 15px 0px; text-decoration: none;}
.descriptioncell{ width: 157px; border:1px solid #A9BC78; display: block; float: left; margin: 3px 10px 15px 0px; text-decoration: none;}
.newcar_hdr { font-weight:bold; width: 157px;}
.field{ height:21px ;background-color: #E7ECD9; border:1px solid #A9BC78; width:157px;}
.select { border:none; width:147px; padding:5px; border:1px solid #A9BC78;}
.button { background-color:#BFE070; color:#fff; border:none; font-size:80%; padding:5px; width:70px;}


/* Contact */

.contact_contentleft { float:left;display:inline;width:51px;padding:2px;margin:90px 5px; } 
.contact_content { float:left;display:inline;width:214px;padding:2px;margin:90px 5px;text-align:center; } 
.contact_contentmiddle { float:left;display:inline;width:200px;padding:2px;margin:90px 44px 5px 0;text-align:center; } 

/* Pre owned */

#preowned ul { list-style-type:none; display:block; padding:0px;margin:0px; }
#preowned li { margin: 0px; padding: 5px 0px 0px 15px; background: url(../images/bullet.jpg) no-repeat left 10px;display:block; clear:inherit;}

#preowned2 ul { list-style-type:none; display:block; padding:0px;margin:0px; }
#preowned2 li { margin: 0px; padding: 5px 0px 0px 15px; background: url(../images/bullet.jpg) no-repeat left 10px;display:block; clear:both;}