BODY { margin: 0; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: black; }
INPUT, SELECT, TEXTAREA { font-family: Arial, sans-serif; font-size: 12px; color: black; border: solid 1px #8c8c8c; }
INPUT[type="hidden"] { border: none; }
IMG { behavior: url(iepngfix.htc); /* IE5.5 & 6 PNG24 transparency Fix */ }
.min_width { width: 850px; max-width: 846px; }
.min_width_huge { width: 970px; max-width: 1085px; } /* this is messy between the pages - clean it up */
.header { height: 80px; }
.header, .colour_to_right_1 { background: #e2e3e4 url(images/header_bg.gif) repeat-y left top; }
.site_logo { float: left; margin: 19px 0 0 14px; border: none; }
.planit_box { float: right; width: 79px; height: 80px; }
.planit_box IMG { margin: 15px 0 0 12px; display: block; border: none; }
.outer_margin { padding-bottom: 10px; }

.nav_primary { height: 30px; margin-bottom: 10px; }
.nav_primary, .colour_to_right_2 { background: #b7b8b9 url(images/nav_bg.gif) repeat-x left top; }
.nav_primary UL { display: block; margin: 0 0 0 9px; border-left: solid 1px #4d4d4d; border-right: solid 1px #d9d9d9; height: 30px; float: left; padding: 0;}
.nav_primary LI { float: left; display: block; margin: 0; padding: 0;}
.nav_primary A { background-repeat: no-repeat; background-position: left -30px; width: 120px; height: 30px; display: block; }
.nav_primary A.button1 { background-image: url(images/button_products.gif) }
.nav_primary A.button2 { background-image: url(images/button_5yrwarranty.gif) }
.nav_primary A.button3 { background-image: url(images/button_abouthonda.gif) }
.nav_primary A.button4 { background-image: url(images/button_dealers.gif) }
.nav_primary A.button5 { background-image: url(images/button_formulahonda.gif) }
.nav_primary A.button6 { background-image: url(images/button_contactus.gif) }
.nav_primary A:hover { background-position: left 0px; }
.nav_primary A.selected { background-position: left -60px !important; } /* !important is for IE6 */

/* nav vertical directives apply to both seconday and tertiary navs */
.nav_vertical { width: 110px; float: left; }
.nav_vertical UL { list-style: none; margin: 0; padding: 0;}
.nav_vertical LI { display: inline; }
.nav_vertical UL A { display: block; padding: 6px 2px 3px 0; line-height: 20px; font-size: 12px; color: white; text-decoration: none; }
.nav_vertical UL A.last_item { padding-bottom: 4px; border-bottom: none; }

.nav_secondary { padding-left: 15px; }
.nav_secondary UL { background: #666666; padding: 0 5px; margin-bottom: 9px; }
.nav_secondary UL A { border-bottom: solid 1px #333333; }
.nav_secondary UL A:hover { padding-bottom: 1px; border-bottom: solid 3px #333333; }
.nav_secondary_login { padding-top: 3px; }
.nav_secondary .bullet_img { vertical-align: middle; }

.nav_tertiary { margin-left: 10px; }
.nav_tertiary UL { background: #999999; padding: 0 5px; margin-bottom: 10px; }
.nav_tertiary UL A { border-bottom: solid 1px #333333; }
.nav_tertiary UL A:hover { padding-bottom: 1px; border-bottom: solid 3px #333333; }
/* keep this nav_vertical down here to override sec and ter directives */
.nav_vertical UL A.selected { padding-bottom: 1px; border-bottom: solid 3px white;  }

.separator { background: url(images/dot_99grey.gif) top left repeat-x; height: 1px; font-size: 1px; }
.bullet_gt { color: #0099ff; }
/*.bullet_img { vertical-align: top; }*/
.login { color: Black; }

.main { border: solid 1px #8c8c8c; margin-left: 10px; margin-bottom: 10px; padding-bottom: 10px; float: left; }
.with_one_nav { width: 708px; }
.with_one_nav_small { width: 370px; }
.with_two_navs { width: 588px; }

/* copy these to admin.css to make them work in the mceEditor */
H1 { font-size: 38px; font-weight: normal; color: #999999; margin: 0 0 11px 0; }
H2 { font-size: 20px; font-weight: normal; color: #464646; margin: 0 0 11px 0; }
H3 { font-size: 14px; font-weight: normal; color: #999999; margin: 13px 0; }
H4 { font-size: 13px; font-weight: bold; color: black; margin: 13px 0 7px 0; }
H5 { font-size: 16px; font-weight: normal; color: #000066; margin: 0 0 7px 0; }
.main P, .mceContentBody P { line-height: 20px; margin: 0 0 10px 0; font-size: 13px; }
.main UL, .mceContentBody UL { list-style: outside square; margin: 0 0 10px 17px; padding: 0; }
.main OL, .mceContentBody OL { list-style: outside; margin: 2px 0 0 17px; padding: 0; }
.main LI, .mceContentBody LI { margin: 2px 0 4px 0; line-height: 20px;  }
.main A, .mceContentBody A { color: Black; }

.homepage { float: left; margin-left: 10px; }

.breadcrumb { border-bottom: solid 1px #8c8c8c; font-size: 11px; color: #999999; background: #f2f2f2; margin: 0; padding: 9px 0 7px 0; }
.breadcrumb .bullet_img { vertical-align: bottom; margin: 0 9px 2px 12px; }
.breadcrumb A { color: black; text-decoration: none; border-bottom: 2px solid #999999; }

/* textblock pages */
.content { margin: 10px 0 0 0; width: 100%; }
.content TD { vertical-align: top; }
.content .column1 { padding: 0 20px 0 9px; }
.content .column2 { padding: 0 10px; width: 209px;  border-left: solid 1px #8c8c8c; }

P.caption { font-size: 11px; line-height: 15px;}

.content2 { margin: 10px 10px 0 10px; min-height: 324px; } /* content that isn't in a table */

.two_columns { margin-right: 243px; }
.one_column { padding-right: 10px; }
.right_column {  padding-bottom: 10px; }
.right_column IMG { float: left; margin-top: 10px; }

/* product page */
.product_width { width: 970px; max-width: 970px; }

.tab_bar { background: url(images/tab_bar.gif) repeat-x bottom; height: 30px; margin-top: -1px; }
.tab_bar .tab { height: 30px; float: left; }
.tab_bar .end { width: 1px; border-left: solid 1px white; }
.tab_bar .tab A { display: block; width: 108px; height: 20px; padding: 10px 0 0 13px; color: black; text-decoration: none; border-left: solid 1px white; border-right: solid 1px #8c8c8c; /*IE6*/ float: left; }
.tab_bar .selected A { background: white; color: #cc0000; border-right: solid 1px white; }

.product_content { padding: 38px 10px 0 10px; margin: 20px 0 5px 0; width: 338px; border-right: solid 1px #8c8c8c; position: relative; }
.product_content H1 { position: absolute; top: -10px; left: 10px; margin: 0; }
.product_content H1 STRONG { color: #cc0000; }
.product_content H1 .hp { font-size: 22px; font-weight: bold; position: relative; top: -11px; left: 3px; }
.product_content H4 { background: #c4c4c4 url(images/specifications_header_bg.gif) repeat-x; margin: 0; height: 20px; padding: 10px 0 0 6px; }
.product_image { position: absolute; top: -40px; left: 359px; }

.product_content TABLE { width: 100%; margin-bottom: 10px; }
.product_content TABLE TD { background: url(images/dot_99grey_bottom.gif) repeat-x bottom left; font-size: 13px; padding: 6px 0 4px 5px; line-height: 20px;} 
.product_content TABLE .right { text-align: right; padding-right: 5px; } 
.product_content TABLE .alternate TD { background: url(images/dot_99grey_bottom.gif) #f0f0f0 repeat-x bottom left; } 
.product_content TABLE .set_col_width_1 { width: 131px; }
.product_content TABLE .set_col_width_2 { width: 39px; }
.product_content TABLE .set_col_width_3 { width: 198px; }
.dummy_table { height: 10px; }


#tabContents2, #tabContents3, #tabContents4 { display: none; }

/* form elements */
.search_field { width: 100px; height: 17px; border: solid 1px #666666; color: #999999; padding: 1px 4px 0 4px; display: block; float: left; /* this removes 1px top margin in IE */ }
.search_button { width: 55px; height: 20px; border: none; margin: 5px 0 5px 55px; }
.image_button { width: 57px; height: 22px; border-left: 8px solid white!important; float: left; }
.dropdown { width: 215px; margin-bottom: 10px; float: left; margin-right: 2px; /* spaces following buttons out evenly, if there are any */ }

.input_when_label_value { color: #999999; }
.input_when_users_value { color: Black; }

/* contact us */
.contact_us_form { margin-bottom: 4px; }
.contact_us_form INPUT { width: 215px; margin-bottom: 4px; display: inline; }
.contact_us_form TEXTAREA { width: 444px; margin-bottom: 4px; }
.contact_us_form .col1 { margin-right: 10px; }
.inline_select { float: left; margin-right: 1px; }
.contact_us_area .image_button { float: right; }

/* homepage */
.darkpage { background: white; }
.darkpage .nav_secondary UL { background: url(images/home_page_secondary_nav.png) repeat; }
.darkpage .login { color: black; }
.darkpage .search_field { background: #cccccc; }
.darkpage .search_field { border: solid 1px #666666; color: #666666; }
.darkpage .separator { background: url(images/dot.gif) top left repeat-x;}

/* search results page */
.search_results { margin: 2px 0 0 0; width: 689px; }
.search_results TD { background: url(images/dot_99grey.gif) repeat-x top left; padding: 5px 0 2px 0; line-height: 20px; }
.search_results .col1 { width: 257px; padding-right: 5px; }
.search_results .col2 { width: 78px; }
.search_results .col3 { width: 86px; }

.site_search OL { margin: 9px 0 0 35px; }

/* misc */
.right { text-align: right; }
.spacer { clear: both; height: 1px; font-size: 1px; } 
.highlight { color: #0099ff !important; }
.more_link { text-align: left; margin: -5px 0 16px 0; padding-left: 1px;}

/* dealer */
.dealer_page { }
.dealer_page .column1 { width: 360px; }
.dealer_page .column1 H3 { margin-top: 24px; margin-bottom: 4px; }
.dealer_map { margin: 2px 0 0 33px; }

/* testimonials */
HR { width: 100%; height: 1px; border-top: solid 1px #8c8c8c; margin-top: -10px; }
.testimonial_image { float: right; margin-left: 20px; }
.testimonial_form { margin-bottom: 4px; }
.testimonial_form INPUT, .testimonial_form TEXTAREA { width: 274px; margin-bottom: 4px; display: block; }
.testimonial_image_button { margin-left: 223px; }
.testimonial_taster { width: 360px; }
.testimonial_taster STRONG { color: #666666; }
.testimonial_taster A { color: red; }
.testimonial_taster .more_icon { color: red; }