/*CSS BY PHASE NEW MEDIA

this page is broken into six section :

-- universal styles
-- header - including bnav and logo
-- hero img
-- anav
-- main content - for a number of cols
-- footer 

-- colours

dark grey: #1A1F23
ligth grey: #1E2428
blue: #05528F
pink: #990134

*/
/* **************************************************************** */
/* ********************** universal styles ************************ */
/* **************************************************************** */

/* 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) repeat; 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; color: #fff; line-height: 140%; }
h1 { margin: 0px; padding: 0px 0px 10px 0px; line-height:100%; float:left; position:absolute;}
h2 {  margin: 0px; padding: 0px 0px 10px 0px; font-size:90%; color:#05528F; text-transform:uppercase;}
h3 {color: #fff; margin: 0px; padding: 20px 0px 10px 0px; line-height:100%;}
h4 {color: #990134; margin: 0px auto 0px auto; line-height:100%; font-size: 70%; font-weight:bold;}
.float_left { float: left; }
.float_right {float: right; padding: 20px 0px 20px 20px; }

/* Centre page */
#centrer { width: 950px; margin: 0px auto; text-align:left; background: url(../images/header_bg.jpg) top no-repeat #1A1F23; position: relative;} /* fix alignment of page */

/* **************************************************************** */
/* ************************ header styles ************************* */
/* **************************************************************** */

#header { padding: 0; position: relative; height: 152px;} /* the relative position here helps the absolute positioning for containing elements. it also allows you to use height */
#logo { position: absolute; padding: 35px 0px 0px 25px; }

/* **************************************************************** */
/* **************************** Anav  ***************************** */
/* **************************************************************** */
#anav { display: inline; float:right; width:701px; height:130px;}	
#anav ul { list-style: none; padding: 0; margin: 0;}
#anav li { display: inline; padding: 0; margin: 0px 19px 0px 0px;}

/* **************************************************************** */
/* **************************** Bnav  ***************************** */
/* **************************************************************** */
#bnav { float:left; width:250px; height:308px; margin:0px; padding:0px;}	
#bnav ul { display: block; list-style:none; padding: 0px; margin: 0px;}
#bnav li { display: inline; padding: 0px; margin: 0px;}
#bnav li img {padding: 0px; margin: 0px -2px 0px 0px;}

/* **************************************************************** */
/* **************************** Cnav  ***************************** */
/* **************************************************************** */
#cnav { height:308px; width:40px; margin:0px; padding:0px; position:absolute; right:0px; top:560px;}	
#cnav ul { display: block; list-style:none; padding: 0px; margin: 0px;}
#cnav li { display:inline; padding: 0px; margin: 0px;}
#cnav li img {padding: 0px; margin: 0px -2px 0px 0px;}

/* **************************************************************** */
/* ************************** Hero img **************************** */
/* **************************************************************** */
#hero {background:url(../images/hero_bg.jpg) bottom repeat-x; height:316px; width:950px; margin: 0px 0px 20px 0px;}
#hero_img { border: none; padding:0px; margin: 0px; float:right; width:698px;}

/* **************************************************************** */
/* ************************ Home Content  ************************* */
/* **************************************************************** */
#homecol1 { float: left; width: 236px; height:290px; margin: 0px 6px 0px 0px; padding:10px 0px 0px 10px; background:#1E2428;}
#homecol2 { float: left; width: 335px; height:290px; margin: 0px; padding:10px 0px 0px 10px; background:#1E2428;}
#homecol2 ul { display: block; list-style:none; padding: 0px; margin: 0px;}
#homecol2 li { display: inline; padding: 0px; margin: 0px;}
#homecol2 li img { padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px;}
#homecol3 { float: right; width: 337px; height:280px; margin: 0px; padding:10px 0px 10px 10px; background:#1E2428;}
#flashhours {width:236px; padding:0px 0px 13px 0px; margin:0px;}
#heading {padding:0px 0px 5px 0px; margin:0px;}

/* **************************************************************** */
/* ************************ Main Content    *********************** */
/* **************************************************************** */
#content { width:568px; float:right;  padding:0px 130px 0px 0px;}
#content ul { list-style-type:none; list-style: none;}
#content li { display: block; margin: 0px; padding: 5px 0px 0px 15px; background: url(../images/bullet.jpg) no-repeat left 11px;}
#content a:link, a:visited { text-decoration:underline; font-weight:bold; margin: 0px; padding: 0px; color: #fff; line-height: 110%;}
#content a:hover, a:active { text-decoration:underline; font-weight:bold; margin: 0px; padding: 0px; color: #05528F; line-height: 110%;}
#contentwide { padding:35px 0px 15px 75px;}
#contentwide a:link, a:visited { text-decoration:underline; font-weight:bold; margin: 0px; padding: 0px; color: #fff; line-height: 110%;}
#contentwide a:hover, a:active { text-decoration:underline; font-weight:bold; margin: 0px; padding: 0px; color: #05528F; line-height: 110%;}

/* **************************************************************** */
/* ************************ New Content  ************************* */
/* **************************************************************** */
#newrow { padding:35px 0px 15px 75px;}
#newrow ul { display: block; list-style:none; padding: 0px; margin: 0px;}
#newrow li { display: inline; padding: 0px; margin: 0px;}
#newrow li img { padding: 0px 30px 14px 0px; margin: 0px;}
#modelinfo { width:560px; float:right;  padding:0px 100px 0px 0px;}
#modelrange { width:226px; padding:10px; position:relative; margin:168px 0 0 0; background-color:#1E2428;}
.model { padding: 0px 0px 3px 0px;}

/* **************************************************************** */
/* ************************ Demo Content  ************************* */
/* **************************************************************** */
.demo {float:left; background:#1E2428; padding:10px; margin:0px 30px 30px 0px; height:300px; width:226px;}
.demo a { display: block; margin: 0px; padding: 5px 0px 0px 15px; background: url(../images/bullet.jpg) no-repeat left 8px;}
.demo a:hover { display: block; margin: 0px; padding: 5px 0px 0px 15px; background: url(../images/bullet.jpg) no-repeat left 8px;}

/* **************************************************************** */
/* ************************ Specials Content  ********************* */
/* **************************************************************** */
.specials {float:left; background:#1E2428; padding:10px; margin:0px 30px 30px 0px; width:360px;}
.specialsright {float:right; background:#1E2428; padding:10px; margin:0px 80px 30px 0px; width:360px;}
.specials a { display: block; margin: 0px; padding: 5px 0px 0px 15px; background: url(../images/bullet.jpg) no-repeat left 8px;}
.specials a:hover { display: block; margin: 0px; padding: 5px 0px 0px 15px; background: url(../images/bullet.jpg) no-repeat left 8px;}

/* **************************************************************** */
/* ************************ Contact  ****************************** */
/* **************************************************************** */
#infocol1{float:left; display:block; width:180px;}
#infocol2{float:left; display:block; width:180px;}
#infocol3{float:left; display:block; width:180px;}

/* **************************************************************** */
/* ************************ Terms  ******************************** */
/* **************************************************************** */
.terms { font-size: 60%; margin: 0px; padding: 30px 0px 0px 0px; color: #fff; line-height: 120%; display:block; }
.terms a:link, a:visited { text-decoration:underline; font-weight:bolder; margin: 0px; padding: 0px; color: #fff; line-height: 120%;}
.terms a:hover, a:active { text-decoration:underline; font-weight:bolder; margin: 0px; padding: 0px; color: #05528F; line-height: 120%;}

/* **************************************************************** */
/* *************************** Footer  **************************** */
/* **************************************************************** */
#footer { background:url(../images/footer_bg.jpg) repeat-y; height:30px; padding:20px 20px 0px 20px; margin: 30px 0px 0px 0px; position:relative; color: #fff; font-size: 70%; }
#footer a { color: #666; }
#footer a:hover { color: #999; }
#footer ul { display: block; list-style:none; padding: 0px; margin: 0px;}
#footer li { display: inline; padding: 0px 8px 0px 0px; margin: 0px;}
#footer li img { padding: 0px; margin: 0px;}
#copy { position: absolute; width:300px; top:10px; text-align:right; right:20px; }
#buttons {position: absolute; width:120px; top:10px; left:260px;}
#pridisc { position: absolute; width:180px; top:20px; left:360px;}

/* **************************************************************** */
/* ************************ Forms  ******************************** */
/* **************************************************************** */
.form input, form textarea, form select{ font-family: Arial, Helvetica, sans-serif; color: #ffffff; }
.form { padding:10px;}
.formcell { width: 157px; display: block; float: left; margin: 3px 10px 15px 0px; text-decoration: none;}
.newcar_hdr {color: #fff;}
.field{ height:20px; background-color: #1E2428; border:none; width:157px; color: #ffffff; }
.select { background-color: #1E2428; border:none; color: #ffffff; width:147px; padding:5px; font-size:70%;}
.button { background-color:#05528F; border:none; color: #fff; font-size:90%; padding:5px;}