/*
Colours Used in Site

BG:#1B1B1B
red:#990000
mid red: #C60000
dark red:#2E0000

*/

/* 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. */
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0;	outline: 0; }
/* The body is the outermost layout component and contains the visible page content. Setting properties for the body element will help to create consistent styling of the page content and more manageable CSS. Besides using the body element to set global properties, it is common to use the body element to set the background color of the page and create a centered container for the page content to display. */
body {	background-color:#1B1B1B; margin: 0px auto; }
html {	height:101%; margin: 0px auto; font-family:Arial, Helvetica, sans-serif; font-size:1em; line-height:130%; color:#FFFFFF;}
.clear{	clear:both; }

td {  }
td a:link, td a:visited, td a:active { color:#FF0000; text-decoration:none; border-bottom:1px dashed #C60000;}
td a:hover { color:#FFF; text-decoration:none; border-bottom:1px dashed #FFF;}
/******************************************************************************************/
/*************************************** Img **********************************************/
/******************************************************************************************/
img {margin:0px;padding:0px;border: 0px;}

/******************************************************************************************/
/*************************************** Text *********************************************/
/******************************************************************************************/
p { font-size:75%;padding:0px 0 12px 0; margin:0px; }
h1 {font-size:95%; color:#990000;text-transform:uppercase;padding:15px 0 5px 0;}
h2 {font-size:95%; color:#990000;text-transform:uppercase;padding:0px 0 5px 0;}
h3 { font-size:80%; color: #666; padding:10px 0 8px 0;}
h4 { font-size:80%; color: #C60000; padding:10px 0 5px 0;}
h5 { }
h6 { font-size:75%; color: #999; padding:10px 0 3px 0;}

p a:link, p a:visited, p a:active { color:#FF0000; text-decoration:none; border-bottom:1px dashed #C60000;}
p a:hover { color:#FFF; text-decoration:none; border-bottom:1px dashed #FFF;}

#pricelist table { padding:0px; margin:0px 0 15px 0;font-size:75%;}
#pricelist th { padding:10px 5px 5px 5px; margin:0px; text-align:left; background:#2E0000;font-size:80%;} 
#pricelist td { padding:2px 5px 2px 5px; margin:0px; text-align:left;font-size:75%;}
#pricelist tr  { padding:10px 0px 0 0px; margin:0px; text-align:left;background:#1B1B1B;}  
.pricelist_highlight td { background-color:#303030; padding:0px; margin:0px;border-top:1px solid #fff;} 

#text { margin:0px 170px 0 20px;padding:0px;}

#text2 { margin:0px 50px 0 20px;padding:0px;}
#text ul, #text2 ul {padding: 0px 0 10px 0px; margin:0px; list-style:none; display:block;}
#text li, #text2 li {padding: 0px 0px 4px 20px; margin: 0px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position:left 6px;font-size:75%;}
#text a:link, #text2 a:link, #text a:visited, #text2 a:visited, #text a:active, #text2 a:active { color:#FF0000; text-decoration:none; border-bottom:1px dashed #C60000;}
#text a:hover, #text2 a:hover{ color:#FFF; text-decoration:none; border-bottom:1px dashed #FFF;}
.bold_red { font-weight:bold; color:#C60000;}
.text_col1 { width:220px; float:left; }
.text_col2 { width:220px; float:right; }

#form_container { margin:0px 20px 0 20px;padding:0px;}

#text_po { clear:both;margin:0px 20px 0 20px;padding:0px;}
#text_new { margin:0px 110px 0 20px;padding:0px;}

.thumb { width:170px; padding:15px 0px 10px 15px; float:right;}

#offers-form1, #offers-form2, #offers-form3, #offers-form4, #offers-form5, #offers-form6, #offers-form7, #offers-form8, #offers-form9, #offers-form10, #offers-form11, #offers-form12, #offers-form13, #offers-form14, #offers-form15 { margin:0px 20px 0 0px;padding:0px; width:380px; display: none;}
#offers-button { margin:0px 0px 0 0px;padding:10px 0 20px 0; width:550px; position:relative;}
#offers-button img { text-decoration:none; border:none;}
#offers-button img a:link, #offers-button img a:visited, #offers-button img a:active { text-decoration:none; border:none;}
#offers-button img a:hover { color:#FFF; text-decoration:none; border:none;}


.conditions { font-size:65%;line-height:110%; color:#999;}
.top { font-size:70%;float:right;}
/******************************************************************************************/
/************************************ Structure *******************************************/
/******************************************************************************************/
#container { width: 850px; margin: 0px auto; background-color:#000000;border-bottom:35px solid #2E0000;}
#header { height:133px; border-top:10px solid #990000;padding:0px; margin:0px; position:relative; }
#logo { width:250px; padding:31px 18px 18px 18px; position:absolute; }
#honda_logo { padding:25px 18px 18px 18px; width:130px; position:absolute; left: 683px; text-align:right; }
#content { padding:0px; margin:0px 0 10px 0; height:100%; background-image: url(../images/left_col_bg2.gif); background-repeat:repeat-y; background-position:bottom left;}
#hero { width:642px;height:328px; padding:0px;margin:0px; float:right;}
#hero2 { width:642px;height:183px; padding:0px;margin:0px; float:right;}
#hero3 { width:642px;height:245px; padding:0px;margin:0px; float:right;}
#titles { width:200px; float:right; height:85px; text-align:right; padding:0px 10px 0px 0px; margin:0px;}

#crumbs { width:400px; float:left; text-align:left; padding:25px 10px 0px 20px; margin:0px; font-size:80%;}
#crumbs a:link, #crumbs a:visited, #crumbs a:active { color:#FF0000; text-decoration:none; border-bottom:1px dashed #FF0000;}
#crumbs a:hover { color:#FFF; text-decoration:none; border-bottom:1px dashed #FFF;}

#left_col { width:188px;float:left; padding:10px;}
#right_col { width: 642px;float:right; }

#footer {height:40px;background-image: url(../images/left_col_bg.gif); background-repeat: no-repeat; background-position:bottom left;padding:0px 18px 0 218px; margin:25px 0 0 0;}
#footer ul {padding: 0px; margin:0px; list-style:none; }
#footer li {padding: 0px; margin:0px; display:inline;list-style:none; }
#footer li img { padding: 20px 0px 0 0; }

.float_left { float:left;}
.float_right { float:right; }

#text_preowned {font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:120%; color:#FFFFFF; }
#text_preowned a:link, #text_preowned a:visited, #text_preowned a:active { color:#FF0000; text-decoration:none; border-bottom:1px dashed #C60000;}
#text_preowned a:hover { color:#FFF; text-decoration:none; border-bottom:1px dashed #FFF;}
#text_preowned ul {padding: 0px 0 10px 0px; margin:0px; list-style:none; display:block;}
#text_preowned li {padding: 0px 0px 10px 20px; list-style:none;margin: 0px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position:left 6px;font-size:100%;line-height:130%;}

/******************************************************************************************/
/************************************ Bread Crumbs *******************************************/
/******************************************************************************************/
#breadcrumb { height:22px;background:url(../images/breadcrumb_bg.gif) repeat-x; padding:8px 18px 0px 18px; margin:0px; color:#FF0000; font-size:70%; line-height:0%; }
#breadcrumb a:link, #breadcrumb a:visited { padding: 0px; margin: 0px; color:#FF0000; text-decoration:none; height:25px;}
#breadcrumb a:hover { margin: 0px;padding:0px; color:#fff;border:none; outline:none;}
#breadcrumb ul {padding: 0px; margin:0px; list-style:none; }
#breadcrumb li {padding: 0px; margin:0px; display:inline;list-style:none; }
#breadcrumb li img { padding: 0px 5px 0px 5px; }
.highlight { color:#FFFFFF; }

/******************************************************************************************/
/************************************ ANAV *******************************************/
/******************************************************************************************/
#anav { float: right; width:470px;margin:95px 0 0 0; padding:0px }
#anav ul {padding: 0px; margin:0px; list-style:none; }
#anav li {padding: 0px; margin:0px; display:inline;list-style:none; }
#anav li img { padding: 10px 6px 6px 6px; }

/******************************************************************************************/
/************************************ BNAV *******************************************/
/******************************************************************************************/
#bnav { float: left; width:208px;margin:0px;padding:0px; background-color:#4F4F4F;}
#bnav ul {padding: 0px; margin:0px; list-style:none; display:block;}
#bnav li {height:41px; display: inline; padding: 0px; margin: 0px;}
#bnav li img { padding: 0px; display:block; margin:0px;}

#whats-this a:link, #whats-this a:visited { color:#FF0000; font-size:70%; text-decoration:none; border-bottom:1px dashed #C60000;}
#whats-this a:hover, #whats-this a:active { color:#333; font-size:70%; text-decoration:none; border-bottom:1px dashed #333;}

/******************************************************************************************/
/************************************ QuickLinks *******************************************/
/******************************************************************************************/
#quicklinks { float: left; width:188px;margin:0px;padding:0px; background-color:#2E0000; font-size: 80%; color:#ffffff; overflow:hidden; }
#quicklinks a:link, #quicklinks a:visited {display: block; padding: 0px; margin: 0px; color:#ffffff; text-decoration:none; }
#quicklinks a:hover {display: block; margin: 0px;padding:0px; color:#fff;border:none; text-decoration:underline; outline:none;}
#quicklinks ul {padding: 5px 0 0px 5px; margin:0px; list-style:none; display:block;}
#quicklinks li {padding: 6px 10px 0px 10px; margin: 0px; background-image: url(../images/quick-links-bg.gif); background-repeat: no-repeat; height:35px;}
/*#quicklinks li {padding: 0px 10px 3px 20px; margin: 0px; background-image: url(../images/bullet_quicklinks.gif); background-repeat: no-repeat; background-position:left 8px;}*/
#quicklinks li img { padding: 0px; display:block; margin:0px;}
#quicklinks h1 { padding: 20px 10px 10px 10px; margin:3px; background:#999; line-height:0%;}

/******************************************************************************************/
/************************************ Colour Picker *******************************************/
/******************************************************************************************/
#colourpicker { float: left; width:188px;margin:10px 0 0 0;padding:0px; height:207px; overflow:hidden; }

/******************************************************************************************/
/************************************ Pricing *******************************************/
/******************************************************************************************/
#new-price { float: left; width:188px;margin:0px 0 0 0;padding:0px; font-size: 100%; color:#999; overflow:hidden; }
/*#new-price { float: left; width:182px;margin:10px 0 0 0;padding:3px; background-color:#2E0000; font-size: 100%; color:#999; overflow:hidden; }*/
/*#new-price a:link, #new-price a:visited {display: block; padding: 0px; margin: 0px; color:#999999; text-decoration:none; }
#new-price a:hover {display: block; margin: 0px;padding:0px; color:#fff;border:none; outline:none;}
#new-price ul {padding: 5px 0 10px 10px; margin:0px; list-style:none; display:block;}
#new-price li {padding: 0px 10px 3px 20px; margin: 0px; background-image: url(../images/bullet_quicklinks.gif); background-repeat: no-repeat; background-position:left 8px;}
#new-price li img { padding: 0px; display:block; margin:0px;}
#new-price h1 { padding: 20px 10px 10px 10px; margin:0px; background:#999; line-height:0%;}*/

.price-terms { font-size:95%; color:#999;}

/******************************************************************************************/
/************************************ Home Buttons *******************************************/
/******************************************************************************************/

#home_btns { float: right; margin:0px;padding:0px;}
#home_btns ul {padding: 0px 8px 0 8px; margin:0px; list-style:none;}
#home_btns li { display:inline; padding: 0px; margin: 0px;}
#home_btns li img { padding: 10px 2px; margin:0px;}

/******************************************************************************************/
/************************************ New Buttons *******************************************/
/******************************************************************************************/

#new_btns { float: right; margin:0px;padding:0px;}
#new_btns ul {padding: 0px 8px 0 8px; margin:0px; list-style:none;}
#new_btns li { display:inline; padding: 0px; margin: 0px;}
#price ul {padding:0px;margin:0px;float:right;}
#price li {float:right; display:block;width:193px;font-size:75%; color:#FFFFFF;padding:5px 5px 20px 10px;margin:0px;text-align:right; }
#new_btns li img { padding: 8px 3px 0 3px; margin:0px;}



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

/* **************************************************************** */
/* ************************ Specials  ******************************** */
/* **************************************************************** */

#specials { clear:both;margin:0px 20px 0 20px;padding:0px;font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:120%; color:#FFFFFF;}
#specials p a:link, #specials p a:visited, #specials p a:active { color:#FF0000; text-decoration:none; border-bottom:1px dashed #C60000;}
#specials p a:hover { color:#FFF; text-decoration:none; border-bottom:1px dashed #FFF;}
#specials ul {padding: 0px 0 10px 0px; margin:0px; list-style:none; display:block;}
#specials li {font-size:80%;padding: 0px 0px 10px 20px; list-style:none;margin: 0px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position:left 5px;line-height:130%;}
.specials { width:300px; padding:0px 0px 20px 20px; float:right;}

#newsletter { float:left; padding:20px 0 0 0; margin:0px;}
#newsletter a:link, #newsletter a:visited, #newsletter a:active { color:#FF0000; text-decoration:none; border:none;}
#newsletter a:hover { color:#FFF; text-decoration:none; border:none;}

.white { color:#fff; font-weight:bold;}

.LPContainer {width:178px; height:245px; background-color:#ffffff; padding:10px 0 0 10px; margin-top:10px; float:left;}
.LPform { width:150px; height:79px; padding-left: 3px; border:1px solid black; font-family:Arial, Helvetica, sans-serif; font-size: 11px; }

#LPsubmit { width: 75px; height: 22px; }
#whats-this { float:right; padding-top:10px;}

.grey { color:#999; padding:15px 0 0px 0; }
.intro { font-size:95%; }

/* **************************************************************** */
/* ************************ Cars  ******************************** */
/* **************************************************************** */

.carstable { font-size:12px; }
.carstable td { vertical-align:top !important; }