/* Body & Layout */

body { font-family: arial, verdana; background: #FFFFFF; height: 100%; font-size: 12px; }
h4 { font-weight: bold; margin: 0px 0px 5px 0px; }
.right { float: right; }
.left { float: left; }
.center { text-align:center; }

/*** Page Container ***/
#container { width: 781px; margin: 0px auto 0px auto;}

/*** Top Navigation ***/
#top { margin: 10px 0px 10px 0px; }
/*
#menu { float: right; margin-top: 39px;}
 CHANGED BELOW TO LINE UP WITH THE LOGO BASELINE:
*/
#menu { float: right; margin-top: 37px;}
.menu_button { float: left; }
.menu_button a { float: left; padding: 0px 0px 0px 9px; margin-left: 3px; background: url(../_image/menu_dot_off.jpg) no-repeat center left;}
.menu_button a:hover { background: url(../_image/menu_dot_on.jpg) no-repeat center left; }

/*** Banner ***/
#banner_bottom { background: url(../_image/honda_banner_bottom.jpg) no-repeat top left; height: 167px; width: 781px;}
#promo_banner1 { float: left; position: relative; top: 0; left: 51px;}
#promo_banner2 { float: left; position: relative; top: 0; left: 66px;}

/*** Content ***/
#content { height: auto;}
#content_top { background: url(../_image/horizontal.jpg) repeat-x top left; margin-top: 10px; width: 100%; height: 21px;}
#content_bottom { background: url(../_image/horizontal_bottom.jpg) repeat-x bottom left; margin-bottom: 10px; width:100%; height: 21px;}
#content_left { background: url(../_image/vertical_left.jpg) repeat-y top left; height: 830px; width: 510px;float: left; padding: 0 5px 0 15px; min-height: 830px;}
#content_right { height: 830px; background: url(../_image/vertical_right.jpg) repeat-y top right; width: 211px; float: right; padding: 0 15px 0 5px; min-height: 830px;}
/*** Left content ***/
.content_detail { border-bottom: 1px dotted #666666; margin: 20px; }
.detail_image { float: left; width: 24%; }
.detail_description { float: right; width: 75%; }
.detail_link { margin-left: auto; width: 27px; height: 25px;}
#the_difference { margin-left: 17px; }
.difference_img { float: left; margin-right: 15px; }
.difference_img a:hover img{ filter:alpha(opacity=70); opacity: 0.7; -moz-opacity:0.7; }
/*** Right content ***/
/* Old solid blue deviding line:
#right_side { border-left: 1px solid #00aeef; height: 100%;}
*/
/* New dotted black deviding line: */
#right_side { border-left: 1px dotted #000000; height: 100%;}
.subtitle { margin: 0px 10px 10px 10px; padding-left: 20px; font-weight: bold; background: url(../_image/subtitle_btn.gif) no-repeat left; line-height: 15px; }
.information { margin: 15px 20px 15px 20px; }
.information p { margin-bottom: 15px; }
table.hours { width: 100%; }
.information .feedback { font-size: 90%; color: #999999; }

/*** Footer ***/
#footer {text-align: center; }
#footer #address { font-size: 90%;}
#address h5 { text-transform: uppercase; font-weight: bold; margin: 15px 0px 3px 0px;}
#footer ul { margin: 10px 0px 5px 65px;}
#footer ul a { color: #00aeef; text-decoration: none; text-transform: uppercase; margin: 0px 6px 0px 6px; line-height: 120%;}
#footer ul a:hover { text-decoration: underline; }
#footer li { color: #00aeef; display: block; float: left; font-size: 90%; font-weight: bold;}
#footer #copyright { font-size: 80%; color: #999999; }
/* Fonts */
.text_white
{
     text-decoration: none;
     font-weight: normal;
     font-size: 12px;
     color: #FFFFFF;
     padding-left: 3px;
     padding-right: 3px;
}

.text_black
{
     text-decoration: none;
     font-weight: normal;
     font-size: 12px;
     color: #000000;
}

.text_small
{
     text-decoration: none;
     font-weight: normal;
     font-size: 11px;
     color: #999999;
}

.address
{
     text-decoration: none;
     font-weight: normal;
     font-size: 12px;
     color: #333333;
     padding: 5px;
}

.large
{
     text-decoration: none;
     font-weight: normal;
     font-size: 18px;
     color: #FFFFFF;
}

.headings
{
     text-align: left;
     padding-left: 0px 0px 0px 15px;     
     text-decoration: none;
     font-weight: bold;
     font-size: 15px;
     color: #CA2026;
	background-color: #FFFFFF;
}


/* Tables & Data */
.tableheader
{
     text-align: left;
     text-decoration: none;
     font-weight: bold;
     font-size: 12px;
     color: #000000;
	height: 20px;
     background-color: #FFFFFF;
}

.datatable
{
     background-color: #636363;
}

.colheader
{
     text-align: left;
     padding-left: 20px;     
     text-decoration: none;
     font-weight: bold;
     font-size: 12px;
     color: #000000;
	height: 20px;
	background-color: #FFFFFF;
}

.nodata
{
     text-decoration: none;
     font-weight: bold;
     font-size: 12px;
     color: #000000;
}

.rowheader
{
     font-weight: bold;
}

.row0
{
     text-align: left;
     padding-left: 20px;     
     text-decoration: none;
     font-weight: normal;
     font-size: 11px;
     color: #000000;
	background-color: #EEEEEE;
}

.row1
{
     text-align: left;
     padding-left: 20px;     
     text-decoration: none;
     font-weight: normal;
     font-size: 11px;
     color: #000000;
	background-color: #EEEEEE;
}

.tinted
{
     text-align: left;
     padding: 10px 10px 10px 20px;     
     text-decoration: none;
     font-weight: bold;
     font-size: 12px;
     color: #000000;
	height: 180px;
	background-color: #EEEEEE;
}


/* Forms */
.formheader
{
     text-align: left;
     text-decoration: none;
     font-weight: bold;
     font-size: 16px;
     color: #000000;
}

.formfield
{
     text-decoration: none;
     font-weight: bold;
     font-size: 12px;
     color: #000000;
}

input, textarea, select, option
{
	font-family: arial;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
}


/* Specials */
.first
{
     font-size: 22px;
     color: #333333;
     font-family: arial;
     font-weight: bold;
     }

.second
{
     font-size: 22px;
     color: #CA2026;
     font-family: arial;
     font-weight: bold;
}

.stroke
{
     font-size: 12px;
     color: #999999;
     font-family: arial;
     font-weight: normal;
     text-decoration: line-through;
}


/* Links */
.footerlink, .footerlink:Link, .footerlink:Active, .footerlink:Visited, .footerlink:Hover
{
     text-decoration: none;
     font-weight: bold;
     font-size: 11px;
     color: #00aeef;
}

.footerlink:Visited
{
     color: #00aeef;
     text-decoration: none;
}

.footerlink:Hover
{
     color: #ooaeef;
     text-decoration: underline;
}

.mainlink, .mainlink:Link, .mainlink:Active, .mainlink:Visited, .mainlink:Hover
{
     text-decoration: none;
     font-weight: bold;
     font-size: 12px;
     color: #ooaeef;
}

.mainlink:Visited
{
     color: #ooaeef;
     text-decoration: none;
}

.mainlink:Hover
{
     color: #ooaeef;
     text-decoration: underline;
}

a, a:Link, a:Visited, a:Hover
{
     text-decoration: none;
     font-weight: bold;
     color: #00aeef;
}

a:Visited
{
     color: #00aeef;
     text-decoration: none;
}

a:Hover
{
     color: #00aeef;
	#text-decoration: underline;
}

/* Status Styles */
.notready
{
     font-size: 18px;
     color: #000000;
     font-family: arial;
     font-weight: bold;
     background-color: #EEEEEE;
}

.notready2
{
     font-size: 18px;
     color: #666666;
     font-family: arial;
     font-weight: bold;
     background-color: #EEEEEE;
}

.ready
{
     font-size: 18px;
     color: #003300;
     font-family: arial;
     font-weight: bold;
     background-color: #CCFF99;
}

.hold
{
     font-size: 18px;
     color: #660000;
     font-family: arial;
     font-weight: bold;
     background-color: #FFCCCC;
}