/*CSS BY PHASE NEW MEDIA

-- colours

body grey: #1B1B1B
red: #CC0000
body txt: #CCCCCC

*/

/* **************************************************************** */
/* ********************** 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; color:#8C8C8C;}
* {padding:0px; margin:0px;}
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.gif) repeat-x top #000; margin:0 auto; font-size: 1em; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; padding: 0px 0 0 0; text-align:center;}
img { border: none; padding:0px; margin:0px; }
p { font-size: 79%; margin: 0px; padding: 0px 0px 15px 0px; color: #333; line-height: 155%; }
h1 { margin: 0px; padding: 0px 0px 20px 0px; color:#CC0000; font-size:100%; }
h2 { margin: 0px; padding: 0px 0px 20px 0px; font-size:90%; color:#CC0000; line-height:120%;}
h3 {color: #CC0000; font-size: 90%; margin: 0px; padding: 25px 0px 20px 0px; line-height:120%;}
h4 {color: #CC0000; padding: 15px 0px 10px 0px; margin: 0px; line-height:100%; font-size: 70%; font-weight:bold;}
h5 {color: #CC0000; padding: 0px 0 10px 0; margin: 0px; line-height:120%; font-size: 75%; font-weight:bold;}
h6 {color: #CC0000; padding: 20px 0 10px 0; margin: 0px; line-height:100%; font-size: 75%; font-weight:bold;}
a img { border: none;}
.float_left { float: left; }
.float_right {float: right;}
.terms { font-size:65%; color:#919191;}
.terms a {text-decoration:none; margin: 0px; padding: 0px; color: #CCCCCC; border-bottom:1px solid #333333; }

.bigh2red { margin: 0px; padding: 0px 0px 0px 0px; font-size:125%; color:#CC0000; line-height:120%; font-weight:bold; }
.bigh2white { margin: 0px; padding: 0px 0px 20px 0px; font-size:110%; color:#000; line-height:120%; }

/* Centre page */
#centrer { width: 920px; margin: 0px auto; padding:0px; text-align:left; } /* fix alignment of page */

/* **************************************************************** */
/* ************************ header styles ************************* */
/* **************************************************************** */
#header { padding: 22px 0 0 28px; position: relative; height: 82px; width:892px; margin: 0px;} /* the relative position here helps the absolute positioning for containing elements. */
#phone { float:right; font-size:75%; padding:35px 12px 0 0; }
.dark {color:#6A6A6A; padding:0px 0px 0 22px;}
.light {color:#2C2D30;}
#holden { float:right; margin:0 0 32px 0;}
#e { position:absolute; left:-168px; top:0px; }
#logo { position:absolute; left:0px; width:411px; height:72px; }

/* **************************************************************** */
/* **************************** Anav  ***************************** */
/* **************************************************************** */
#anav { display: block; width:920px; height:32px; padding:1px; margin:0px 0 0px 0; /*overflow:hidden;*/ }	
#anav ul { list-style: none; padding: 0 1px 0 0; margin: 0 0px 0 0; display:block; float:right; overflow:hidden; width:391px; height:32px; text-align:right; background: url(../images/anav-bg.jpg) repeat-x;}
.ie6 #anav ul { list-style: none; padding: 0 0px 0 0; margin: 0 0px 0 0; display:block; float:right; overflow:hidden; width:403px; height:32px; text-align:right; background: url(../images/anav-bg.jpg) repeat-x;}
#anav li { display: inline; padding: 0; margin: 0px; height:32px;}
#anav li img {margin:0px -4px 0px 0px; padding:0px; }

/* **************************************************************** */
/* **************************** Anav2  ***************************** */
/* **************************************************************** */
#anav2 { display: block; width:920px; height:45px; padding:0px; margin:0px 0px 0 0; overflow:hidden; background: url(../images/anav2-bg.jpg) repeat-x; }	
#anav2 ul { list-style: none; padding: 0; margin: 0; display:block; width:835px; float:left;height:45px; }
#anav2 li { display: inline; padding: 0; margin: 0px -4px 0px 0; height:45px;}
#anav2 li img {margin:0px 0px 0 0; padding:0px 0px 0px 0px; }
.about { float:left;}

/* **************************************************************** */
/* **************************** Dnav  ***************************** */
/* **************************************************************** */
#bnav { display: block; width:243px; height:310px; padding:0px; margin:0px 0px 0 0; /*overflow:hidden;*/ float:left; color:#A6A6A6; font-size:75%; background:#F9F9F9; position:relative; }	
#bnav li a:link, #bnav li a:visited { border-bottom:1px solid #ccc; text-decoration:none; margin: 0px; padding: 0px; color: #fff; text-decoration:none; display:inline-block; }
#bnav li a:hover, #bnav li a:active { border-bottom:1px solid #fff; text-decoration:none; margin: 0px; padding: 0px; color: #fff; text-decoration:none; display:inline-block; }
#bnav ul { list-style: none; padding: 0 0 0 18px; margin: 0; width:222px; float:left;height:45px;}
#bnav li { display: block; padding: 12px 0 0 20px; margin: 0px 0px 5px 0; height:28px; width:187px; background:url(../images/bnav-bg.jpg) no-repeat;}
#bnav li img {margin:0px 1px 0 0; padding:0px 0px 0px 0px; }



/* **************************************************************** */
/* ************************** Container  ************************** */
/* **************************************************************** */
#container {background: #F9F9F9 url(../images/anav2-bg.jpg) repeat-x top; margin:0;}

/* **************************************************************** */
/* *************************** Hero  ****************************** */
/* **************************************************************** */
#default-hero { background:#F9F9F9; width:920px; height:310px;}
#hero {width:663px; height:310px; float:right; padding:0 14px 0 0; background:#F9F9F9; }

/* **************************************************************** */
/* ************************** Content  **************************** */
/* **************************************************************** */
#content {padding:18px; background:#F9F9F9; }
#content2 {padding:18px 0 18px 18px; background:#F9F9F9;} /* For gallery pages */
#gallery ul { list-style:none; padding:16px 0px 44px 0px; }
#gallery li { display:inline; list-style: none; width:100px; height:100px; }
#gallery li img { display:inline; border:none; list-style: none; border:1px solid white; margin: 0px 22px 22px 0px;}
.content-col1 { float:left; width:400px; padding:0 40px 44px 0px; } 
.tab-content-col1 { float:left; width:600px; padding:0 40px 44px 0px; } 
.tab-content-col2 { float:left; width:240px; padding:0 0 44px 0px;  } 
.content-col2 { float:left; width:400px; padding:0 0 44px 0px;  } 
.content-col1 a:link, .content-col2 a:link, .content-col1 a:visited, .content-col2 a:visited { text-decoration:none; margin: 0px; padding: 0px; color: #333; border-bottom:1px solid #CC0000; }
.content-col1 a:hover, .content-col2 a:hover, .content-col1 a:active, .content-col2 a:active { text-decoration:none; margin: 0px; padding: 0px; color: #999; border-bottom:1px solid #CC0000; }
.content-col1 ul, .content-col2 ul, .newlist ul, .tab-content-col2 ul { list-style:none; padding: 0px 0 10px 0px; margin: 0px; color: #333;  font-size: 79%;}
.content-col1 li, .content-col2 li, .newlist li, .tab-content-col2 li {list-style: none; background:url(../images/bullet.gif) no-repeat left 8px;  padding: 3px 0px 3px 20px; line-height:150%;}
.content-col2 ul { list-style:none; padding: 0px 0 10px 0px; margin: 0px; color: #333;  font-size: 79%;}
.content-col2 li {list-style: none; background:url(../images/bullet.gif) no-repeat left 8px;  padding: 3px 0px 3px 20px; line-height:150%;}
.breadcrumbs a:link, .breadcrumbs a:visited { text-decoration:none; margin: 0px; padding: 0px; color: #999; border-bottom:1px solid #CC0000; }
.breadcrumbs a:hover, .breadcrumbs a:active { text-decoration:none; margin: 0px; padding: 0px; color: #999; border-bottom:1px solid #CC0000; }
.thumb { float:right; border:1px solid white; margin:10px 0 10px 10px; clear:both;}
.newlist { }
.new { }
.new ul { list-style:none; padding: 0px 0 5px 20px; margin: 0px; font-size: 70%; color:#333; line-height:155%; }
.new li { list-style:none; padding: 0px 0 0 20px; margin: 0px 0px 5px 0; background:url(../images/bullet.gif) no-repeat left 5px; }
.col1 p a:link, .col1 p a:visited { text-decoration:none; margin: 0px; padding: 0px; color: #666; border-bottom:1px solid #ccc; }
.col1 p a:hover, .col1 p a:active { text-decoration:none; margin: 0px; padding: 0px; color: #333; border-bottom:1px solid #333; }

/* **************************************************************** */
/* **************************** New  ****************************** */
/* **************************************************************** */
#new { padding:0px 0 0 25px; position:relative;}
#new ul { list-style:none; padding: 0px 0 0px 0; margin: 0px;}
#new li { display:inline; list-style: none;}
#new li img { display:inline; border:none; list-style: none; padding: 0px 40px 40px 0px; }
#new img {border:none; outline:none;}
#new a:link, #new a:visited { text-decoration:none; margin: 0px; padding: 0px; color: #CCCCCC; border-bottom:none; }
#new a:hover, #new a:active { text-decoration:none; margin: 0px; padding: 0px; color: #CCCCCC; border-bottom:none; }


/* **************************************************************** */
/* **************************** brochures  ************************ */
/* **************************************************************** */

.brochures {float:left; width:450px; padding:0 40px 44px 0px; }
.brochures ul { list-style:none; padding: 0px 0 0px 0; margin: 0px;}
.brochures li { display:inline; list-style: none;}
.brochures li img { display:inline; border:none; list-style: none; padding: 0px 40px 40px 0px; }
.brochures img {border:none; outline:none;}
.brochures a:link, .brochures a:visited { text-decoration:none; margin: 0px; padding: 0px; color: #CCCCCC; border-bottom:none; }
.brochures a:hover, .brochures a:active { text-decoration:none; margin: 0px; padding: 0px; color: #CCCCCC; border-bottom:none; }

.brochures2 { float:left; width:350px; padding:0 0 44px 0px;  } 

.share {font-size:75%; padding:0px; width:235px; height:25px; text-align:left; position:absolute; top:370px; right:-663px;}
.share2 {font-size:75%; padding:0px; width:235px; height:25px; text-align:left; position:absolute; top:-45px; right:0px;}
.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;}

/* **************************************************************** */
/* ************************** Default  **************************** */
/* **************************************************************** */
.col1 { float:left; width:265px; padding:0 0 44px 0;} 
.col1 a:link, .col1 a:visited { text-decoration:none; margin: 0px; padding: 0px; color: #CCCCCC; border-bottom:0px; }
.col1 a:hover, .col1 a:active { text-decoration:none; margin: 0px; padding: 0px; color: #CCCCCC; border-bottom:0px; }
.col2 { float:left; width:265px; padding:0 0 44px 44px;} /* Promo 2 & 3 */
.col3 { float:left; width:265px; padding:0 0 44px 44px;} /* Promo 2 & 3 */
.col4 { float:left; width:410px; padding:0 0 44px 0px;} /* Home page testimonials section */
.col5 { float:left; width:410px; padding:0 0 44px 44px;} /* Home page testimonials section */
.col6 { float:left; width:550px; padding:0;} /* Used Vehicle Satisfaction Survey */
.name { color:#919191; font-size:95%; font-style:italic;}

/* **************************************************************** */
/* ************************** Quick Links ************************* */
/* **************************************************************** */
#quicklinksfleet { position:relative; height:250px; width:885px;}
#quicklinks { position:relative; height:300px; width:885px;}
#quicklinks p, #quicklinksfleet p { font-size:70%; line-height:100%; padding:0px 0 5px 0;}
#quicklinks ul, #quicklinksfleet ul { list-style:none; padding: 0px 0 0px 0; margin: 0px; color:#666666;}
#quicklinks li, #quicklinksfleet li {list-style: none; padding: 3px 0px 3px 0px; font-size:70%; line-height:100%;}
.dark-col { background:#E5E5E5; width:200px; height:280px; padding:20px 0 0 20px; float:left;}
.dark-col li a:link, .dark-col li a:visited, .light-col li a:link, .light-col li a:visited { text-decoration:none; margin: 0px; padding: 0px; color: #CC0000; border-bottom:1px solid #999; }
.dark-col li a:hover, .dark-col li a:active, .light-col li a:hover, .light-col li a:active { text-decoration:none; margin: 0px; padding: 0px; color: #CC0000; border-bottom:1px solid #CC0000; }
.light-col { background:#D7D7D7; width:200px; height:280px; padding:20px 0 0 20px; float:left;}
.dark-col2 { background:#E5E5E5; width:200px; height:280px; padding:20px 0 0 20px; float:left;}
.dark-col2 li a:link, .dark-col2 li a:visited { text-decoration:none; margin: 0px; padding: 0px; color: #333; border-bottom:1px solid #999; }
.dark-col2 li a:hover, .dark-col2 li a:active { text-decoration:none; margin: 0px; padding: 0px; color: #333; border-bottom:1px solid #CC0000; }
.notice { color:#666666; font-size:111%;font-weight:normal; padding:0px 0 0 0; line-height:180%;}
.date { color:#CC0000; font-size:111%; font-weight:normal;}
.lion {position:absolute; bottom:-18px; right:-16px;}
.dark-colfleet { background:#191919; width:200px; height:230px; padding:20px 0 0 20px; float:left; border-left:#1B1B1B 1px solid;}
.light-colfleet { background:#212121; width:200px; height:230px; padding:20px 0 0 20px; float:left;}

/* **************************************************************** */
/* **************************** Specials ************************** */
/* **************************************************************** */
#specials ul { list-style:none; padding:16px 0px 44px 0px; }
#specials li { display:inline; list-style: none; width:100px; height:100px; }
#specials li img { display:inline; border:none; list-style: none; border:1px solid #ccc; margin: 0px 24px 24px 0px;}
.pdf {float: right; padding:0 18px 0 0;}

.specials { float:left; width:420px; padding:0 20px 0px 0px; height:350px; } 
.specials2 { float:left; width:420px; padding:0 0px 0px 20px; height:350px; } 
.specials ul, .specials2 ul { list-style:none; padding: 0px 0 10px 0px; margin: 0px; color: #CCCCCC;  font-size: 79%;}
.specials li, .specials2 li {list-style: none; background:url(../images/bullet.gif) no-repeat left 10px;  padding: 3px 0px 3px 20px; line-height:150%;}
.specials-thumb { float:right; padding:0px 0px 0px 20px; clear:both;}

.float_specials { float: left; margin: 5px 5px 10px 5px;}

/* **************************************************************** */
/* **************************** Footer **************************** */
/* **************************************************************** */
#footer {width:920px; padding:20px 0; height:100px; }
#footer p { font-size:75%; color:#ccc; }
#phase {float:right; font-size:75%; color:#ccc;}
#phase a:link, #phase a:visited { text-decoration:none; margin: 0px; padding: 0px; color: #CC0000; }
#phase a:hover, #phase a:active { text-decoration:none; margin: 0px; padding: 0px; color: #FF0F0F;  }
#left { float:left; line-height:140%;}
#left a:link, #left a:visited { text-decoration:none; margin: 0px; padding: 0px; color: #ccc; border-bottom:1px solid #333333; }
#left a:hover, #left a:active { text-decoration:none; margin: 0px; padding: 0px; color: #ccc; border-bottom:1px solid #CC0000; }

/* **************************************************************** */
/* **************************** Forms ***************************** */
/* **************************************************************** */

.form input, form textarea, form select { font-family: Arial, Helvetica, sans-serif;}
.form { padding:10px;}
.formcell { width: 150px; display: block; float: left; margin: 3px 10px 10px 0px; text-decoration: none;}
.formcell2 { width: 150px; display: block; float: left; margin: 3px 0px 10px 0px; text-decoration: none;}
.formcell_wide { width: 240px; display: block; float: left; margin: 3px 10px 15px 0px; text-decoration: none;}
.formcell_wide2 { width: 190px; display: block; float: left; margin: 3px 10px 15px 0px; text-decoration: none;}
.form_hdr {color: #999; font-size:70%;padding: 0 0 5px 0;}
.field{ height:20px; border:none; width:140px; border:1px solid #ccc; }
.select { border:none; width:137px; padding:5px; border:1px solid #ccc;}
.comments { border:none; width:300px; padding:5px; border:1px solid #ccc;}
.button { background-color:#CC0000; color:#fff; border:none; font-size:80%; padding:5px; width:70px;}
.dropdown {height:22px; width:140px; border:1px solid #B4BAA0;} 
.selectwide { border:none; padding:5px; border:1px solid #B4BAA0;}


/* **************************************************************** */
/* **************************** Inventory  ****************************** */
/* **************************************************************** */
#inventory { padding:0px; position:relative; width:884px;}
#inventory ul { list-style:none; padding: 0px 0 0px 0; margin: 0px;}
#inventory li { display:inline; list-style: none;}
#inventory li img { display:inline; border:none; list-style: none; padding: 0px 40px 40px 0px; }
#inventory img {border:none; outline:none;}
#inventory a:link, #inventory a:visited { text-decoration:none; margin: 0px; padding: 0px; color: #C00; border-bottom:none; }
#inventory a:hover, #inventory a:active { text-decoration:none; margin: 0px; padding: 0px; color: #333; border-bottom:none; }

img.invbutton {margin-right:0px;}

#inventory-finance label {font-size:8pt;}
p.disclaimer {font-size:7pt !important; color:#999999;}
#inventory-finance input, #inventory-finance select {width:150px; margin-bottom:6px;}
#finance-calc input, #finance-calc select {width:100px; display:block; float:left; margin-bottom:10px;}
#fincalc2 label {width:210px !important; font-size:10pt; font-weight:bold; display:block; float:left; margin-bottom:5px; color:#333;}
#inventory-finance input.repay {background-color:#1B1B1B; border:0 none; color:#333; font-size:1em; font-weight:bold; width:170px;}
#finance-calc input.repay {background-color:#fff; border:0 none; color:#333; font-size:1em; font-weight:bold; width:170px; border:1px solid #ccc;}
input.finbutton {background-color:#cc0000; border:medium none; color:#fff; padding:5px; font-size:8pt; font-weight:bold;}


.price { width: 800px;font-size: 90%; padding:0 0 20px 0; margin: 0px; background-color: #1B1B1B; }
.price th { color: #cc0000; text-transform: uppercase; text-align: left; padding:8px;  background:#212121;}
.price td { font-size: 75% !important; color:#444; padding:8px; border-bottom:1px solid #212121;  }

.CPListingText, .CPFormText, .maincontentpreowned, .CPCategoryTree {font-size:10pt;}
.CPListingText { color:#444; }
.CPColTitle  { font-size:10pt; font-weight:bold; color:#444; }
.CPColTitle b {color:#444 !important;}
.maincontentpreowned b {color:#444 !important;}
.CPNavTree a {border-bottom:1px dotted #CC0000; color:#CC0000; text-decoration:none;}
.CPListingText a {border-bottom:1px solid #CC0000 !important; text-decoration:none;}
.CPListingText a:hover {border-bottom:1px solid #000 !important; text-decoration:none;}
.CPPlainText { font-size:10pt; font-weight:bold; color:#444; }
.CPPlainText b{ color:#777; }
.CPPlainText a {border-bottom:1px dotted #CC0000; color:#CC0000; text-decoration:none;}
.CPPlainText a:hover {border-bottom:1px dotted #000; color:#000; text-decoration:none;}
.CPDetailsTable td {height:20px;}
.tr-inventory td {border-bottom:1px solid #444; line-height:140%;}
.tr-inventory2 td {border-bottom:1px solid #444; padding:5px; line-height:140%;}
.XUDLink, .XUDLink p {font-size:9pt !important;}
.ftr {font-size:8pt;}
.CPListingText img a , .CPFormText img a, .maincontentpreowned img a, .CPCategoryTree img a, .CPPlainText img a, .CPColTitle img a, .XUDLink img a, .specs td img a, .specs img a, .specs th img a {border:0px none !important;}
.buildfooter {font-size: 80%; color: #777; margin-bottom: 15px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }
.inventory-tablerow td {border-bottom:1px solid #BBB; padding-top:10px; padding-bottom:6px;}

/*.p7ABtrig {background-image:url(../images/accordionbg.gif); padding-left:20px; margin:0px; padding-top:0px; text-decoration:none; border:none;}
.h {padding-bottom:5px; color: #CC0000; font-size: 90%; margin: 0px; padding: 17px 0px 28px 0px; line-height:120%;}
.h a {border-bottom:0px !important;}*/
