/* $Id$ */ /* to hide the whole document until cufon is completed */ html { display: none; } html.cufon-active { display: block; } /* @group Shortcuts */ .clr {clear:both} .fl {float:left} .fr {float:right} .br {margin-bottom:20px;} .clrfix {clear:both;height:0;width:0;min-height:0;visibility:hidden;overflow:hidden;display:block;} .dn {display:none;} .di {display:inline} .db {display:block} .dib {display: inline-block;} .hand {cursor:pointer} .zne {z-index: -1 !important;} .zi {z-index:1 !important;} .z2 {z-index:2 !important;} .z3 {z-index:3 !important;} .rel {position:relative !important;} .abs {position:absolute !important;} .tac {text-align:center;} .vam {vertical-align:middle;} .nb {border:0 !important;} .np {padding:0 !important;} .npl{padding-left:0 !important;} .npr{padding-right:0 !important;} .nm {margin:0 !important;} .nmt {margin-top: 0 !important;} .nmb {margin-bottom: 0 !important; } .nbac {background:none !important;} .top_margin {margin-top:20px !important;} .bottom_margin {margin-bottom:20px !important;} .top_bottom_margin {margin:20px 0 !important;} .mb15 { margin-bottom: 15px !important; } .mb30 {margin-bottom: 30px !important;} .pb5 {padding-bottom:5px !important;} .pb10 {padding-bottom:10px !important;} .fbold { font-weight: bold; } ul.tight{margin-bottom:8px !important;} /* @end */ /* @group Colour */ .orange {color:#fa9130 !important;} .green {color:#9acf5b !important;} .hybrid_green{color:#bae42b;} .red {color:#e14a25;} /* @end */ /* @group Tags */ input {font-family:Verdana, Geneva, sans-serif;} select {font-family: Verdana, Geneva, sans-serif; } h1, .h1 { font-family: Helvetica, Arial, sans-serif; color:#151515;font-size:38px;font-weight:bold;text-transform:uppercase;margin-bottom:25px;} h1 span {color:#b7b7b7;} h1 sup{font-size:7px; position:relative; top:-20px;} h2, .h2 {color:#d90124;font-weight:bold;font-size:14px;padding-bottom:20px; line-height:18px;} h2.em {font-size:18px;} .h3{font-size: 12px; color: #151515; font-weight: bold; padding-bottom: 15px; line-height:18px;} h4 { font-size: 11px; } h5, div.h5 {font-size:30px;margin-bottom:25px;text-transform:uppercase;font-weight:bold;} h6, div.h6, span.h6 {font-size:12px;margin-bottom:10px;font-weight:bold; line-height:16px;} div.h7{font-size:12px;margin-bottom:10px;font-weight:bold;color:#d90124;} div.h9{font-size:11px; color:#333; font-weight:bold; margin:0; padding:0; line-height:16px;} p {color:#424242;font-size:11px;line-height:16px;padding-bottom:20px;} p.em {font-size:16px;line-height:22px;color:#333;} p.single {padding-bottom:10px !important;font-size:12px !important;} a {text-decoration:none;color:#0d9be4;} a:hover {color:#0d9be4; cursor:pointer !important;} q {list-style-position:inside !important; display:inline-block;} sup{font-size:0.5em;} a.square_btn_grey{height:27px; background:url(../img/layout/square_btn_grey_left.gif) 0 0 no-repeat; padding-left:15px; display:inline-block; text-transform:uppercase; color:#fff; font-weight:bold;} a.square_btn_grey span{height:22px; display:inline-block; background:url(../img/layout/square_btn_grey_right.gif) right 0 no-repeat; padding-right:15px; padding-top:5px;} a.square_btn{height:27px; background:url(../img/layout/square_btn_left.gif) 0 0 no-repeat; padding-left:15px; display:inline-block; text-transform:uppercase; color:#fff; font-weight:bold;} a.square_btn span{height:22px; display:inline-block; background:url(../img/layout/square_btn_right.gif) right 0 no-repeat; padding-right:15px; padding-top:5px;} a.square_btn:hover, a.square_btn_grey:hover{background-position:0 -27px;} a.square_btn_grey:hover span, a.square_btn:hover span{background-position:right -27px;} select.jump_menu{width:479px;} p a:hover, dl.links a:hover, .featured_search_results .read_more a:hover { border-bottom: 1px dotted #0d9be4;} .search_results .url a:hover { border-bottom: 1px dotted #7c7c7c; } .em_bold{font-weight:bold; color:#e72530 !important;} p a.btn { border-bottom: 0; } p a.btn:hover { border-bottom: 0; } dl.links {font-size:11px;} dl.links dd {margin-bottom:5px;} a.red_link{color:#ce0019;} .img_rounded_corners{width:340px; height:205px; background:url(../img/layout/img_rounded_corners.png) 0 0 no-repeat; position:absolute; top:0; left:0;} /* @end */ /* @group Accordian */ .accordian {background:url(../img/layout/list_expand.png) left top no-repeat;height:19px;} /* @end */ /* @group Header styles */ .bar { text-align: left; margin-bottom: 10px; padding: 7px 12px 10px; height:13px; font-size: 11px; color: #d90124; font-weight: bold; background: url(../img/layout/h2_bar_bg.gif) no-repeat left top #fff; text-transform: uppercase; } .bar h2{font-size:11px; padding:0; margin:0;} .bar .check_container{font-size:11px; color:#333; font-weight:normal; text-transform:capitalize;} .bar .check_container .check_type{line-height:16px; margin-right:10px;} .bar .check_container .check_box{padding-top:1px;} .bar .check_container .check_box input{margin:0; padding:0;} .half_bar { background: url(../img/layout/h2_half_bar_bg.gif) no-repeat left top #fff; } .flex_bar { margin-bottom: 10px; padding: 0 0 0 12px; height: 31px; font-size: 11px; color: #d90124; font-weight: bold; background: url(../img/layout/h2_bar_left.gif) left top no-repeat; } .flex_bar select { text-transform: none; } .flex_bar span { text-transform: uppercase; padding: 6px 12px 6px 0; line-height:17px; height: 19px; display: block; background: url(../img/layout/h2_bar_right.gif) right top no-repeat; vertical-align: middle; } .flex_bar span a { display: block; height: 19px; line-height: 18px; padding-left: 28px; background: url(../img/layout/h2_bar_arrow.png) left top no-repeat; color: #d90124; } .flex_bar span a:hover { border-bottom:none;background-position: left bottom; color: #d90124; } .flex_bar span a.selected { background-position: left center !important; color: #d90124; } .honda_plus .flex_bar {margin:0 0 10px;} .honda_plus .flex_bar .inner_flex_bar span {padding:0;background:none;} .honda_plus .flex_bar .th_one{width:349px;} .honda_plus .flex_bar .th_two{width:58px;} .honda_plus .flex_bar .th_three{width:180px;} /* @end */ /* @font styles */ .fine_text {font-size:8px;line-height:12px;color:#333;} .font12{font-size:12px;} .black{color:#000;} .strong{font-weight:bold;} a.icon_small_acrobat_reader {line-height:16px;color:#333;font-weight:bold;font-size:11px;width:175px;min-height:35px;display:block;background:url(../img/layout/icon_small_acrobat_reader.gif) no-repeat;padding-left:50px;} a.icon_small_acrobat_reader_only {width:81px;height:35px;display:block;background:url(../img/layout/icon_small_acrobat_reader.gif) no-repeat;} .disclaimer {display:block;font-size:10px;color:#151515;margin-bottom:15px; line-height:16px;} .section_disclaimer {display:block;font-size:10px;color:#7c7c7c;margin-bottom:15px;line-height:16px;} /* @end */ /* @group Structure */ .wrapper {width:986px;background:url(../img/layout/bg_wrapper_col4.png) repeat-y;margin:0 auto 22px;} .wrapper_homepage {width:986px;background:url(../img/layout/bg_wrapper_col4.png) repeat-y;margin:0 auto;} .iframe_wrapper { overflow: hidden; width: 986px;} .iframe_column_right { overflow: hidden; width: 645px; } /*.wrapper_overlay{width:986px;background:url(../img/layout/bg_wrapper_col4.png) repeat-y;margin:0 auto 0 !important; padding:0; position:relative; z-index: 1; }*/ .wrapper_overlay { position: relative; z-index: 0; } .wrapper_empty{width:980px; margin:0 auto;background:#fff;} .wrapper_extended {width:1000px;background:url(../img/layout/bg_wrapper_col4.png) 7px 0px repeat-y;margin:0 auto 22px;} .wrapper_columns {z-index:2;width:986px;background:url(../img/layout/bg_wrapper_col1_col3.png) repeat-y;margin:0 auto 22px; position:relative;} .wrapper_columns_right_bar {z-index:2;width:986px;background:url(../img/layout/bg_wrapper_col3_col1.png) repeat-y;margin:0 auto 22px; position:relative;} .container {width:980px;margin:0 auto; position:relative;} .inner_container {padding:9px 20px 13px;} .inner_container_civic_hybrid {padding:9px 20px 5px; background:url(../img/layout/civic_hybrid_overlay_footer.gif) top left no-repeat;} .inner_container_cr-v {padding:9px 20px 5px; background:url(../img/layout/crv_image_overlay.gif) right 69px no-repeat;} .content_container {padding:22px 38px 28px;} .content_container {padding:22px 38px 28px;} .wrapper_overlay .wrapper { /* z-index: -2; */} .wrapper_overlay .cap_bottom_default { z-index: -2; } .main_inner_iframe {} .content_section{border-top:1px solid #dedede; padding-top:23px; margin:0;} .content_section_milestones{border-top:1px solid #dedede; padding-top:23px; margin-top:23px;} .content_section h3 { line-height: 17px; } .content_container .image_right { margin-left: 25px; } .content_container .image_left { margin-right: 25px; } .content_container .passage_right { width: 485px; } .first_section{margin:0; padding:0; border:0;} .content_subsection{margin-top:20px;} .content_subsection .inner_three_column {margin-top:0;} .first{margin-top:0;} .top_buttons { margin-top: 10px; } /*.wrapper_overlay .container { position:relative; z-index: 1; }*/ /* @end */ /* @group Content Container */ .editor .h3, .editor h2 {font-weight:bold;border-bottom:1px solid #d6d6d6;font-size:22px;text-transform:uppercase;color:#333;padding-bottom:15px;margin-bottom:30px;} .content_container h3 { font-size: 12px; color: #151515; font-weight: bold; padding-bottom: 15px; line-height:16px; } .pos_heading {margin-top:10px;} /* @end */ /* @group Reviews */ .reviews {} .reviews dd {margin-bottom:35px;} .reviews .image {width:93px;min-height:93px;margin-right:20px;} .reviews .copy {width:530px;margin-top:10px;font-size:11px;} .reviews .copy h6 {font-size:12px;} .reviews .copy a {color:#0d9be4;} .reviews .copy a:hover {text-decoration:underline;} /* @end */ /* @group Awards */ .awards {} .awards dd {margin:0 0 20px 12px;width:152px;min-height:165px;} .awards .image {width:152px;height:90px;margin-bottom:14px;} .awards .copy {} .awards dd.first {margin-left:0px;} .awards dd.clr {width:0;height:0;min-height:0;} /* @end */ /* @group DL Gray List */ dl.gray_list{font-size:11px; color:#424242; line-height:16px;} dl.gray_list dt{font-weight:bold;} dl.gray_list dd{background:url(../img/layout/column_list_gray.gif) 0 5px no-repeat; padding-left:10px;} /* @end */ /* @group Sub Points */ dl.sub_points{color:#424242; font-size:11px; line-height:16px; margin-bottom:20px;} dl.sub_points dt{font-weight:bold;} dl.sub_points dd{} /* @end */ /* @group Feature Area */ #feature_area { } #feature_area .hero {width:1000px;overflow:hidden; position:relative;} #feature_area .hero_video_showcase { width: 950px; margin: 0 auto; padding: 40px 0 0; background-color: #151515; border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; } #feature_area .jquery-reel-overlay{margin:0 auto;} #feature_area .jquery-reel-interface{cursor: url("../img/360/cursor.png"), ew-resize !important;} #feature_area .hero_menu {position:absolute;} #feature_area .hero_menu .hero_menu_left_cap {width:15px; height:70px; background:url(../img/layout/hero_menu_left_cap.png) 0 0 no-repeat;} #feature_area .hero_menu .hero_menu_right_cap {width:15px; height:70px; background:url(../img/layout/hero_menu_right_cap.png) 0 0 no-repeat;} #feature_area .hero_menu .hero_menu_info_bg{width:255px;background:url(../img/layout/hero_menu_bg.png) 0 0 repeat;} #feature_area .hero_menu .hero_menu_info{background:url(../img/layout/hero_menu_divider.png) 0 -8px repeat-x; height:62px;font-weight:bold; font-size:16px; color:#fff;} #feature_area .hero_menu .hero_menu_info .video_showcase{color:#fff;height:22px; padding-bottom:0;margin-top:8px;padding-left:25px;display:block;background:url(../img/layout/hero_menu_play_btn_out.png) 0 2px no-repeat;} #feature_area .hero_menu .hero_menu_info .video_showcase a { color: #fff; } #feature_area .hero_menu .hero_menu_info .video_showcase:hover {background-image:url(../img/layout/hero_menu_play_btn_over.png);} #feature_area .hero_menu .hero_menu_info .video_showcase span{ } #feature_area .hero_menu .hero_menu_info ul{margin-top:6px; padding:4px 0;} #feature_area .hero_menu .hero_menu_info ul li{margin-left:6px; padding-left:8px; background:url(../img/layout/hero_menu_bullet.png) 0 10px no-repeat;} #feature_area .hero_menu .hero_menu_info ul li.first{margin:0; padding:0; background:none;} #feature_area .hero_menu .hero_menu_info ul li a{color:#fff; font-weight:bold; font-size:13px;} #feature_area .hero_menu .hero_menu_info ul li a:hover {border-bottom:1px dotted white;} #feature_area .hero_menu_single {position:absolute;} #feature_area .hero_menu_single .hero_menu_left_cap {width:15px; height:43px; background:url(../img/layout/hero_menu_left_cap_single.png) 0 0 no-repeat;} #feature_area .hero_menu_single .hero_menu_right_cap {width:15px; height:43px; background:url(../img/layout/hero_menu_right_cap_single.png) 0 0 no-repeat;} #feature_area .hero_menu_single .hero_menu_info_bg{width:245px;background:url(../img/layout/hero_menu_bg.png) 0 0 repeat;} #feature_area .hero_menu_single .hero_menu_info{height:37px;font-weight:bold; font-size:16px; color:#fff;} #feature_area .hero_menu_single .hero_menu_info .video_showcase{color:#fff;height:22px; padding-bottom:0;margin-top:8px;padding-left:25px;display:block;background:url(../img/layout/hero_menu_play_btn_out.png) 0 2px no-repeat;} #feature_area .hero_menu_single .hero_menu_info .video_showcase a { color: #fff; } #feature_area .hero_menu_single .hero_menu_info .video_showcase:hover {background-image:url(../img/layout/hero_menu_play_btn_over.png);} #feature_area .hero_menu_single .hero_menu_info .video_showcase span{ } #feature_area .hero_menu_single .hero_menu_info ul{margin-top:6px; padding:4px 0;} #feature_area .hero_menu_single .hero_menu_info ul li{margin-left:6px; padding-left:8px; background:url(../img/layout/hero_menu_bullet.png) 0 10px no-repeat;} #feature_area .hero_menu_single .hero_menu_info ul li.first{margin:0; padding:0; background:none;} #feature_area .hero_menu_single .hero_menu_info ul li a{color:#fff; font-weight:bold; font-size:13px;} #feature_area .hero_menu_single .hero_menu_info ul li a:hover {border-bottom:1px dotted white;} #feature_area .hero object, #feature_area .hero img, #feature_area .hero_default object, #feature_area .hero_default img { margin: 0 auto !important; display: block; } #feature_area .container { margin:15px auto 6px;} #feature_area .buttons { margin: 0 auto; height: 40px; width: 980px;} #feature_area .buttons li {margin-left:15px;background:url(../img/layout/bg_feature_btn.png);width:178px;height:40px;} #feature_area .buttons li.clr {width:0; height:0;overflow:hidden;} #feature_area .buttons li a {padding-top:12px;height:28px;font-weight:bold;font-size:14px;color:white;text-transform:uppercase;text-align:center;overflow:hidden;display:block;width:178px;background:url(../img/layout/feature_btn_blank.png) no-repeat;} #feature_area .buttons li.multi a{padding-top:3px !important;padding-bottom:9px !important;height:28px;font-weight:bold;font-size:14px;color:white;text-transform:uppercase;text-align:center;overflow:hidden;display:block;width:178px;background:url(../img/layout/feature_btn_blank.png) no-repeat;} #feature_area .buttons li a:hover{background-position:0 -40px;} #feature_area .buttons li a.selected {background-position:0 -80px;} #feature_area .buttons li.optional a {padding-top:0;height:40px;background:none;} #feature_area .buttons li.optional a:hover img {margin-top:-40px;} #feature_area .buttons li.optional a.selected img {margin-top:-80px;} #feature_area .buttons li cufon { display: none !important; } #feature_area .buttons li.cufon-ready cufon { display: inline-block !important; } #feature_area .hero_overlay {position: absolute; z-index:2; right: -10000px; bottom: 0; width:950px; background: url(../img/layout/tout_overlay_expanded_bg.png); cursor:pointer; overflow: hidden;} /* negative position to find out height of .details on page load in JS*/ #feature_area .hero_overlay .content, #feature_area .hero_overlay .content p{font-size: 10px; color:white; } #feature_area .hero_overlay .teaser{padding:3px 5px; text-align: center; float: right;} #feature_area .hero_overlay .details{padding:25px; text-align: left; } #feature_area .hero_overlay .corner{position: absolute; bottom:0; width: 5px; height: 5px; font-size:1px; } #feature_area .hero_overlay .left_bottom_corner{left: 0; background: url(../img/layout/tout_overlay_bottom_left_corner.png) no-repeat; display: none;} #feature_area .hero_overlay .right_bottom_corner{right: 0; background: url(../img/layout/tout_overlay_bottom_right_corner.png) no-repeat;} #feature_area .hero_overlay_expanded {cursor:default; } #feature_area .hero_overlay_expanded .left_bottom_corner{display:block;} #feature_area .buttons_expanded { margin: 0 auto; height: 40px;} #feature_area .buttons_expanded li {margin-left:15px;/*background:url(../img/layout/bg_feature_btn_expanded.png);*/width:218px;height:40px;display:inline;} #feature_area .buttons_expanded li.clr {width:0; height:0;overflow:hidden;} #feature_area .buttons_expanded li a {padding-top:12px;height:28px;font-weight:bold;font-size:14px;color:white;text-transform:uppercase;text-align:center;overflow:hidden;display:block;width:218px;background:url(../img/layout/feature_btn_blank_expanded.png) no-repeat;} #feature_area .buttons_expanded li a:hover {background-position:0 -40px;} #feature_area .buttons_expanded li a.selected {background-position:0 -80px;} #feature_area .buttons_expanded li.optional a {padding-top:0;height:40px;background:none;} #feature_area .buttons_expanded li.optional a:hover img {margin-top:-40px;} #feature_area .buttons_expanded li.optional a.selected img {margin-top:-80px;} .tout_information { padding-right: 15px; height: 40px; width: 496px; } dl.tout_information { padding-right: 0; } dl.tout_information dd{width:248px; height:40px; background:url(../img/layout/tout_promo_divider.gif) 0 0 repeat-y; text-align:center;} dl.tout_information dd.first{background:none;} dl.tout_information dd span.tout_container{height:40px; display:inline-block; margin-top:5px;} dl.tout_information dd span.tout_icon{display:inline-block; height:40px;} dl.tout_information dd span.tout_info{display:inline-block; height:40px; margin-left:10px;} dl.tout_information dd span.tout_info span{display:block; text-align:left;} dl.tout_information dd span.tout_info span.tout_bold{font-weight:bold; font-size:14px; color:#333; padding-top:2px;} .tout_caption{width:486px; font-size:11px; color:#696969; padding-top:12px; line-height:18px; text-align:center;} li.updates_sidebar .column_divider{font-size:1px; height:1px; width:210px; margin-bottom:20px; border-bottom:1px solid #dedede;} li.updates_sidebar .required_fields{display:block;font-size:10px;color:#7c7c7c;margin-bottom:10px;line-height:16px;} li.updates_sidebar .field_label{font-size:10px; font-weight:bold; color:#1b1b1b; margin-bottom:5px;} li.updates_sidebar .field_label span{font-weight:normal;} li.updates_sidebar h2{font-size:17px; margin-top:5px;} li.updates_sidebar .h3{padding-bottom:9px;} li.updates_sidebar .input_box{margin-bottom:20px; width:210px;} li.updates_sidebar input{width:203px;} li.updates_sidebar .section_disclaimer{margin-bottom:0;} li.updates_sidebar input[type=checkbox]{margin-right:5px;} li.updates_sidebar label{font-size:10px; color:#1b1b1b; line-height:18px; padding-top:3px;} li.updates_sidebar a.btn{margin-bottom:15px; margin-top:5px;} li.updates_sidebar .checkbox_container{display:block; margin-bottom:10px;} li.updates_sidebar .checkbox_container .check{width:20px;} li.updates_sidebar .checkbox_container .label{display:block; width:200px;} .hero_default{position:relative;} /* @end */ /* @group Trim Selector */ #outer_trim_selector { min-height: 164px; } #outer_trim_selector .loader { display: block; margin: 124px auto 0; } .trim_selector_loading .number { visibility: hidden !important; } #trim_selector {padding:5px 15px; zoom:1;} #trim_selector .trim_selector_indicator {margin-right:20px;width:60px;height:258px;} #trim_selector .choose_your_trim {width:60px;height:258px;} #trim_selector .choose_trim_bg {background:url(../img/layout/choose_your_trim_bg.gif) 0 0 repeat-y; zoom:1; position:relative;} #trim_selector .choose_trim_arrow {background:url(../img/layout/choose_your_trim_arrow.gif) left center no-repeat; position:relative; zoom:1;} #trim_selector .choose_trim_bg .top_cap {width:40px; height:6px; position:absolute; top:0 left:0; background:url(../img/layout/choose_your_trim_top_cap.gif) 0 0 no-repeat;} #trim_selector .choose_trim_bg .bottom_cap {width:40px; height:6px; position:absolute; bottom:0; left:0; background:url(../img/layout/choose_your_trim_bottom_cap.gif) 0 0 no-repeat; zoom:1;background-position:left bottom;} #trim_selector .tabs {width:171px;} #trim_selector .tabs li {position:relative;height:30px;} #trim_selector .tabs li.first {margin-top:4px;} #trim_selector ul.buttons li{display:block;} #trim_selector .tabs li { z-index: 1; } #trim_selector .tabs li.first a.selected {background:url(../img/layout/trim_tab_top_bg.gif) 0 5px no-repeat;} #trim_selector .tabs li a span{padding-left:17px;} #trim_selector .tabs li a {cursor:default !important;top:-9px;height:29px;position:absolute;padding:20px 0 0;width:175px;color:#696969;font-size:11px;font-weight:bold;text-decoration:none;text-transform:uppercase;} #trim_selector .tabs li a.selected {position:absolute;background:url(../img/layout/trim_tab_bg.gif) no-repeat;color:#d90124;} #trim_selector .tabs li a span:hover, #trim_selector .tabs li.special a:hover {color:#d90124; cursor:pointer;} #trim_selector .tabs li.special {border:0px solid black;height:auto;padding:11px 0 11px 17px;} #trim_selector .tabs li.special a {cursor:pointer !important; border:0px solid red;height:auto;background:none;position:static;padding-top:0;top:0;display:inline;} #trim_selector .tabs li.separator {background:url(../img/layout/trim_tab_separator.gif) 15px 0 no-repeat; z-index:0;} #trim_selector .content {width:699px;min-height:258px;background:url(../img/layout/trim_content_middle.gif) repeat-y;} #trim_selector .content_top {background:url(../img/layout/trim_content_top.gif) no-repeat;width:699px;height:10px;} #trim_selector .content_bottom {background:url(../img/layout/trim_content_bottom.gif) no-repeat;width:699px;height:10px; background-position:left bottom;} #trim_selector .content .details {padding:15px 25px;width:340px;} #trim_selector .content .details .specs {margin:0 3px;} #trim_selector .content .details .specs h3 {font-size:12px;margin-bottom:10px;font-weight:bold;} #trim_selector .content .details .price {text-transform:uppercase;width:340px;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #d6d6d6;} #trim_selector .content .details .price .number {margin-top:-7px;letter-spacing:-0.05em;margin-left:3px;color:#151515;font-size:40px;font-weight:bold;font-family: Helvetica, Arial, sans-serif;} #trim_selector .content .details .number sup { font-size: 21px; position: relative; bottom: 10px; } #trim_selector .content .details .price .disclaimer {color:#696969; margin-left:5px; position:relative; top:-5px; font-size:12px;} #trim_selector .content .details .price a.disclaimer span, .offers a.disclaimer span {width:14px; height:14px; display:block; background:url(../img/layout/disclaimer_qmark.gif) 0 0 no-repeat; margin-top:2px;} #trim_selector .content .details .price a.disclaimer:hover span, .offers a.disclaimer:hover span {background-position:0 -14px;} #trim_selector .content .details .transmission {} #trim_selector .content .details .transmission a {display:inline-block; margin-left:5px; width:52px; height:40px;} #trim_selector .content .details .transmission a.active{background-position:0 -80px !important;} #trim_selector .content .details .transmission a.active:hover{background-position:0 -80px !important;} #trim_selector .content .details .transmission a:hover {background-position:0 -40px !important;} #trim_selector .content .details .transmission a.first {margin-left:0;} #trim_selector .content .details .transmission a.manual {background:url(../img/layout/manual_en.gif) 0 0 no-repeat;} #trim_selector .content .details .transmission a.automatic {background:url(../img/layout/automatic_en.gif) 0 0 no-repeat;} #trim_selector .content .details .transmission a.cvt {background:url(../img/layout/cvt_en.gif) 0 0 no-repeat;} #trim_selector .content .details .transmission a.ecvt {background:url(../img/layout/e_cvt_en.gif) 0 0 no-repeat;} #trim_selector .content .specs {color:#333;font-size:11px;} #trim_selector .content .specs h6 {color:#151515;margin-bottom:15px;font-size:12px;} #trim_selector .content .specs ul {list-style-type:disc;line-height:16px;margin-left:15px;} #trim_selector .content .specs .scrollbox .trim-info { float:left;width:315px; } #trim_selector .content .preview {width:292px;margin:5px 15px 0 0;} #trim_selector .content .preview .image { width: 292px; height: 161px; } #trim_selector .content .preview .colour {margin:10px 0 5px;text-align:center;} #trim_selector .content .preview .colour_title {text-align:center; margin-top:10px; color:#696969; text-transform: uppercase; } /*#trim_selector .content .preview .colour dt {color:#696969;text-transform:uppercase;margin:5px 7px 0 0;}*/ #trim_selector .content .preview .colour dd, #trim_selector .content .preview .colour .dd {display:inline-block;padding-bottom:5px; margin-right:3px;} #trim_selector .content .preview .colour dd a, #trim_selector .content .preview .colour .dd a {width:20px;height:20px;display:inline-block;padding:2px;border:1px solid #fff;} #trim_selector .content .preview .colour dd a:hover, #trim_selector .content .preview .colour .dd a:hover, #trim_selector .content .preview .colour .selected a {border:1px solid #d6d6d6;} #trim_selector .content .preview .buttons {margin-left:0; text-align:center;} /* 2011-09-12 trim level compare button changes */ #trim_selector .content .preview .buttons a { margin-left: 10px; } #trim_selector .content .preview .buttons a:first-child { margin-left: 0; } /*#trim_selector .content .preview .buttons li {margin-right:10px;}*/ /*#trim_selector .content .preview .buttons li a {padding-right:0 !important;}*/ /* @end */ /* @group Navigation */ #left_nav {display:block;margin:0;padding:0;list-style-type:none;list-style-position:outside;position:relative;} #left_nav li, .left_nav li {display:block;padding:0 5px 0; border-top:1px solid #d6d6d6;height:38px;margin:0 5px;} #left_nav li.first, .left_nav li.first {border:0px;} .left_nav .dropdown_button_right { padding-top: 5px; padding-left: 4px;} #left_nav li a, .left_nav li a, .left_nav .dropdown_button_right a {display:block;color:#151515; font-size:11px; font-weight:bold;padding-top: 13px;padding-bottom:2px;} #left_nav li a:hover, #left_nav li a.hover, .left_nav li a:hover, .left_nav li a.hover, .left_nav .dropdown_button_right a.hover {color:#d90124;} #left_nav li.selected, .left_nav li.selected {background:transparent url(../img/layout/bg_left_nav_on.gif) left top no-repeat; border:0; position:relative; top:3px; margin:0; padding-left:10px;} #left_nav li.selected a, .left_nav li.selected a {color:#d90124;} #left_nav .second_nav li, .left_nav .second_nav li { display: inline; padding: 0; border-top: 0; height: auto; margin: auto; } #left_nav .second_nav li a, .left_nav .second_nav li a { display: block; color: #151515; font-size: 11px; line-height: 16px; padding: 11px 0 12px; background: url(../img/layout/bg_menu_border.gif) left top repeat-x transparent; font-weight: normal; } #left_nav .second_nav li.first a, .left_nav .second_nav li.first a { background-image: none; padding-top: 0; } #left_nav .second_nav li.last a, .left_nav .second_nav li.last a { padding-bottom: 0; } #left_nav .second_nav li a:hover, .left_nav .second_nav li a:hover { color: #d90124; } #left_nav .second_nav li.selected a, .left_nav .second_nav li.selected a { color: #d90124; } /* @end */ /* @group Layout */ .cap_bottom_feature_area {height:6px;background:url(../img/layout/cap_bottom_feature_area.gif) 7px bottom no-repeat; bottom: -6px; position: relative; } .cap_top_default {height:5px ;background:transparent url(../img/layout/cap_top_default.png) 0 0 no-repeat;position:relative; top:-5px; margin: 0; font-size:1px; } .cap_bottom_default {height: 6px;background:url(../img/layout/cap_bottom_default.png) left bottom no-repeat transparent; padding: 0;position: relative; bottom: -6px; margin: 0; padding: 0; font-size:1px;} .cap_top_columns {height:5px;background:url(../img/layout/cap_top_col1_col3.gif) 0 0 no-repeat; padding:0; margin: 0; position: relative; top: -5px; } .cap_top_columns_right {height:5px;background:url(../img/layout/cap_top_col3_col1.gif) 0 0 no-repeat; padding:0; margin: 0; position: relative; top: -5px; } .cap_bottom_columns {height:6px;background: url(../img/layout/cap_bottom_col1_col3.png) left bottom no-repeat;bottom:-6px;height:6px;position:relative; margin: 0; } .cap_bottom_columns_right {height:6px;background: url(../img/layout/cap_bottom_col3_col1.png) left bottom no-repeat;bottom:-6px;height:6px;position:relative; margin: 0; } .cap_middle_columns {width:256px;height:31px;background:url(../img/layout/cap_middle_col1.gif) 0 0 no-repeat;} .wrapper_extended .cap_bottom_default { background-position: 7px bottom;} /* @end */ /* @group Columns */ .column_left {width:256px;} .column_right {width:721px;margin-left:9px; } .column_container {padding:28px 37px;} /*width:685px*/ .dual_column li {width:450px;} .dual_column li.first {margin-right:30px;} .dual_column li .details {margin:30px 0 0 20px;width:230px;font-size:11px;} .dual_column li .details .h6 {margin-bottom:14px;} .dual_column li .details p {color:#333;} .inner_two_column {margin-bottom:20px; clear: left; } .inner_two_column li {width:310px;margin-left:25px;} .inner_two_column li.first {margin-left:0; clear: left; } .inner_two_column li li {width:auto;} .inner_two_column .h6 {color:#151515;font-weight:bold;margin:15px 0 12px;line-height:16px;} .inner_two_column .h8{color:#151515;font-weight:bold;margin:0 0 12px;line-height:16px;} .inner_two_column .special {margin-top:0;} .inner_two_column p {font-size:11px; padding-bottom:12px; color:#333;line-height:16px !important;} .inner_two_column p.last{padding-bottom:0;} .inner_two_column .notes {font-size:10px !important;color:#696969;font-weight:bold;} .inner_three_column {margin-bottom:10px; margin-top:10px;} .inner_three_column li {width:200px;margin-left:22px;} .inner_three_column li.first {margin-left:0;} .four_column li { margin-left: 28px; width: 140px; display: block; } .four_column li.first { margin-left: 0; } .four_column img { margin-bottom: 20px; display: block; } .four_column h3 { margin-bottom: 15px; } .partners_three_column li { margin-left: 28px; width: 195px; display: block; } .partners_three_column li.first { margin-left: 0; } .partners_three_column img { margin-bottom: 20px; display: block; } .partners_three_column h3 { margin-bottom: 15px; } /* @end */ /* @group Sections */ .section { border-top: 1px solid #d6d6d6; padding-top: 30px; margin-top: 30px; } .section.first { border-top: 0; padding-top: 0; margin-top: 0; } /* @end */ /* @group Tabs */ .extended_tabs {background:url(../img/layout/bg_tab_horzontal.gif) 0 0 no-repeat;height:40px;border-bottom:1px solid #c5c5c5;} .tabs_horizontal {margin:7px 0 0 18px;width:685px;} .tabs_horizontal li {zoom:1;border-bottom:1px solid #c5c5c5;background:url(../img/layout/tabs_horizontal_separator.gif) right top no-repeat;padding-right:2px;} .tabs_horizontal li a {height:29px;padding:11px 20px 0 20px;display:inline-block;font-size:14px;font-weight:bold;color:#424242;text-transform:uppercase;background:url(../img/layout/bg_tab_horzontal.gif) -10px 0 no-repeat;} .tabs_horizontal .dd a {height:29px;padding:11px 5px 0 5px;display:inline-block;font-size:14px;font-weight:bold;color:#424242;text-transform:uppercase;background:url(../img/layout/bg_tab_horzontal.gif) -10px 0 no-repeat;} .tabs_horizontal .dd {zoom:1;} .tabs_horizontal li a:hover {color:#d90124;} .tabs_horizontal li.first {} .tabs_horizontal li.first a {background-position:0 0; width:161px; text-align:center;} .tabs_horizontal li.first a.selected {background-position:left bottom;} .tabs_horizontal li a.selected {background-position:-10px bottom;color:white;} .tabs_horizontal li.last {padding-right:0;} .tabs_horizontal li.last a {background-position:right top;} .tabs_horizontal li.last a.selected {background-position:right bottom;} .tabs_horizontal li.clr {border-bottom:0;background:none;height:auto !important;padding:5px 0;} .tabs_horizontal .tabs_horizontal {text-align:center;width:645px;padding:5px 0;margin: 0 auto;border-bottom:1px solid #c5c5c5;} .tabs_horizontal .dd {display:inline-block;} .tabs_horizontal .dd a {padding-top:10px;padding-bottom:10px;color:#7c7c7c;display:inline-block;background:none;height:auto;line-height:0 !important;} .tabs_horizontal .dd a.selected { color: #424242; } .tabs_horizontal .dd a:hover { color: #d90124; } .tab_container {padding:29px 38px;} .tab_container h1 {font-size:38px;} .tab_container h2 {font-size:16px;margin-bottom:30px;} .tab_container p {font-size:16px;line-height:22px;padding-bottom:20px;} /* @end */ /* @group Icons */ .icon-gray-circle { background: url(../img/layout/icon_view_parts_accessories.gif) left top no-repeat transparent; } /* @end */ /* @group Widgets */ .widgets li {padding:38px 20px 12px; background: url(../img/layout/cap_middle_col1.gif) 0 0 no-repeat; } .widgets li.first {padding-top:7px;background:none;} .widgets li.special {padding-right:13px;padding-left:18px;padding-bottom:10px;} .widgets li ul li {padding:0;background:none;} .widgets li .h4 {font-weight:bold;font-size:22px;text-transform:uppercase;margin:0 0 0 10px; display:block;} .widgets li.yellow .h4 {color:#ffc343;} .widgets li.green .h4 {color:#9acf5b;} .widgets li.gray .h4 {color:#696969;} .widgets li.blue .h4 {color:#53c4ff;} .widgets li.red .h4 {color:#d90124;} .widgets li .heading {margin-bottom:7px;padding:1px 0 0 33px;height:33px;} .widgets li .multiline {margin-bottom:17px !important;padding:1px 0 0 33px !important; display:block !important;height:auto !important;background-position:0 10px;} .widgets li .heading_small .h4 { font-size: 20px; } .widgets li .left_nav_text_only {padding-left:0;height:auto;} .widgets li .content p {font-size:11px;color:#424242;line-height:16px;padding-left:2px;padding-right:2px;} .widgets li.special .tout > a, .widgets li.special .tout > img { margin-top: 20px; display: block; } .widgets li.special .tout > a:first-child, .widgets li.special .tout > img:first-child { margin-top: 0; } .widgets li .content .loading_offers div {color:#666;margin:10px 0 0 10px; width: 216px; } #current_offers_content dd.no_offers, #current_offers_content dd.yes_offers {display:none;} .widgets li.sidebar_nav_special_offers {padding-bottom: 4px;} .widgets li.sidebar_nav_special_offers a {color: #151515; display: block;} .widgets li.sidebar_nav_special_offers a span {background: url("/_Global/img/layout/arrow_circle_right.gif") no-repeat scroll right top transparent; display: block; font-size: 12px; font-weight: bold; height: 22px; line-height: 20px; margin-top: 10px;} .parts_accessories .heading {background:white url(../img/layout/icon_parts_and_accessories.gif) 0 0 no-repeat; color:#a8a8a8;} .owners .heading {background:url("../img/layout/icon_owners.gif") no-repeat scroll 10px 0 #FFFFFF; color:#D90124;} .widgets li.useful_links .heading {color:#a8a8a8; padding: 1px 0 0;} .find_a_dealer .heading {background:url(../img/layout/icon_find_a_dealer.gif) no-repeat; } .honda_dealerships .heading {background:url(../img/layout/icon_honda_dealerships.gif) no-repeat; } .find_a_dealer .content {padding:0 4px;} .find_a_dealer .button {margin-top:-4px;} .your_honda .heading {background:url(../img/layout/icon_your_honda.gif) no-repeat;} .honda_link .heading {background:url(../img/structure/link_icon.png) no-repeat;} .the_latest .heading {background:url(../img/layout/icon_the_latest.gif) no-repeat;} .innovation .heading { background: url(../img/layout/icon_innovation.gif) no-repeat; } .environment .heading { background: url(../img/layout/icon_environment.gif) no-repeat; } .current_offers .heading {background:url(../img/layout/icon_current_offers.gif) no-repeat;} .honda_finance .heading {background:url(../img/layout/icon_honda_finance.gif) no-repeat;} .financing .heading {background:url(../img/layout/icon_honda_finance.gif) no-repeat;} .reviews .heading {background:url(../img/layout/icon_reviews.gif) no-repeat;} .canada .heading {background:url(../img/layout/icon_canada.gif) no-repeat;} .widgets li.hcm .heading {background:url(../img/hcm25/tout-logo.png) no-repeat; height:40px;} .widgets li.hcm .heading .h4 {font-size:21px; padding: 6px 0 0 6px;} .widgets li.hcm p {color:#696969; padding:5px 2px 20px;} .french .widgets li.hcm .heading .h4 {font-size:16px; padding-top:10px;} .widgets li.sidebar_nav_special_offers {padding-bottom: 4px;} .widgets li.sidebar_nav_special_offers a {color: #151515; display: block;} .widgets li.sidebar_nav_special_offers a span {background: url("/_Global/img/layout/arrow_circle_right.gif") no-repeat scroll right top transparent; display: block; font-size: 12px; font-weight: bold; height: 22px; line-height: 20px; margin-top: 10px;} .offer_trim_selector {margin:14px 0 2px; width:216px;} .offers li {padding:15px 6px 15px 2px !important;border-top:1px solid #d6d6d6; } .offers li.first {border-top:none;} .offers li .head {font-size: 12px; text-transform: uppercase; color: #7c7c7c; } .offers li .rate, .offers li .amount{font-family:Arial, sans-serif;font-size:18px;font-weight:bold;color:#151515;width:70px;margin-right:10px;margin-top:6px; margin-bottom:5px;} .offers li .amount{margin-top:-1px;} .offers li .term, .offers li .period{font-family:Verdana, Arial, sans-serif;font-size:10px;color:#333;width:100px;line-height:14px;margin-top:3px; margin-bottom:5px;} .offers li a.btn_right_arrow {margin-top:7px;} .offers li.button {border-top:none;padding:0 !important;} .offers .disclaimer {margin:5px 0 0 0;} .search_options {margin-bottom:20px;border-bottom:1px solid #d6d6d6;} .search_options_testDrive {margin-bottom: 0px; border: none;} .search_options li {padding-bottom:20px !important;} .search_options label {display:block;font-size:12px;color:#151515;text-transform:uppercase;line-height:12px;} .search_options .input_special {background:url(../img/layout/bg_input_special.png) no-repeat;width:112px;height:23px;} .search_options .input_special input {margin:4px 0 0 4px;width:53px;border:0px;outline:none;} .search_options .input_special a {margin-left:10px;padding:4px 0;width:40px;text-align:center;display:block;text-transform:uppercase;text-decoration:none;color:white;} .search_options .button {margin-left:8px;height:23px;width:auto;white-space:nowrap;} .search_options li.search_sub_header label {font-size:14px;color:#9acf5b; text-transform:none;white-space:nowrap; font-family:verdana, arial;} .search_options li.search_sub_header {padding-bottom:10px !important;} .input_box {position:relative;background:url(../img/layout/txt_box_left.gif) no-repeat;height:25px;padding-left:6px;display:block;clear:both;margin-top:8px;} .input_box input, .input_box .input {margin:0;height:23px; border:0;background:url(../img/layout/bg_text_box.gif) repeat-x left top;border-right:1px solid #d6d6d6; } .err_input_box { background-image: url(../img/layout/err_txt_box_left.gif);} .err_input_box input, .err_input_box .input { background-image: url(../img/layout/err_bg_text_box.gif); border-right:1px solid #f2a6b3; } .input_box .input { height: 23px; } .input_box .input input { background: none; height: 21px; border-right: 0; } .input_box a.btn {display:inline-block;height:18px; background: url(../img/layout/btn_secondary_right.gif) no-repeat right top;padding:5px 10px 2px ;} .lt-ie7 .input_box a.btn { width: 15px; } .lt-ie7 .french .input_box a.btn {width: 30px;} .input_box a.btn:hover {background-position:right -27px !important;} .input_box .small_loader {position:absolute;right:6px;top:4px;display:none;} .reviews {} .reviews li {border-top:1px solid #d6d6d6;padding:20px 5px !important;} .reviews li.first {border-top:none;padding-top:0 !important;} .reviews li.last { padding-bottom: 0 !important; } .widgets li .reviews p {padding-bottom:15px;color:#333 !important;} .reviews .author {color:#696969;font-size:10px;} .tout {margin-top:15px;} .parts .heading { background: url(../img/layout/icon_parts_accessories.gif) left top no-repeat transparent; } .parts .meta { font-weight: bold; margin-left: 10px; } .parts select { width: 100%; } .widgets li.the_latest {padding-left:18px; padding-right:18px;;} .the_latest ul#left_nav li{border:none; height:auto; margin:0; padding:0;} .the_latest ul#left_nav li div{padding:0 8px 10px 12px;} .the_latest ul#left_nav li a{font-weight:normal; line-height:16px;} .the_latest ul#left_nav li a strong{display:block;} .the_latest ul#left_nav li.selected {background:#f4f4f4 url(../img/layout/bg_left_nav_on_bottom.gif) left bottom no-repeat;} .the_latest ul#left_nav li.selected div {background:url(../img/layout/bg_left_nav_on_top.gif) left top no-repeat;} /* @end */ /* @group Sitemap */ ul.sitemap{margin-bottom:10px;} ul.sitemap li{margin:0; padding:0 0 5px 0; font-size:11px;} ul.sitemap li .sitemap_divider{background-color:#d6d6d6;height:1px;} .inner_three_column_sitemap {margin-bottom:10px;} .inner_three_column_sitemap li {width:200px;margin-left:22px;} .inner_three_column_sitemap li.first {margin-left:0;} .h10{font-size:22px; color:#d90124; font-weight:bold; padding-bottom:17px;} .h10_underlined{font-size:22px; color:#d90124; border-bottom:1px solid #d6d6d6; font-weight:bold; padding-bottom:20px; margin-bottom:20px;} /* @end */ /* @group Model Family */ .model_list {} .model_list dd {margin-top:50px;min-height:210px;} .model_list dd.first {margin-top:0;} .model_list dd .model_image {width:295px;min-height:130px;margin-right:23px;} .model_list dd .model_specs {width:585px;} .model_list dd .model_specs .h2 {font-size:22px;border-bottom:1px solid #d6d6d6;padding-bottom:15px;text-transform:uppercase;color:#d90124;font-weight:bold;margin-bottom:15px;} .model_list dd .model_specs .h2 a {color:#d90124;} .model_list dd .model_specs .h2 span {font-weight:normal;} .model_list dd .model_specs .specs {width:450px;} .model_list dd .model_specs .specs .h6 {font-size:12px;font-weight:bold;color:#151515;margin-bottom:12px;margin-top:12px;list-style-type:none;} .model_list dd .model_specs .specs .h6:first-child{margin-top:0;} .model_list dd .model_specs .specs ul {list-style-type:disc;font-size:11px;color:#333;line-height:18px;margin-left:15px;} .model_list dd .model_specs .actions {width:125px;text-align:right;} .model_list dd .model_specs .actions a.btn {margin-bottom:10px;} /* @end */ /* @group Content Areas */ .feature_highlight {margin:30px 0;line-height:15px;} .feature_highlight_top {height:4px; background:transparent url(../img/layout/bg_feature_highlight_top.gif) left top no-repeat;} .feature_highlight_content {padding:30px 30px 0;background-color:#f4f4f4;} .feature_highlight_bottom {height:4px; background:transparent url(../img/layout/bg_feature_highlight_bottom.gif) left top no-repeat;} .feature_row {padding-bottom:30px;} .feature_row .three_column {width:187px;margin-right:0;margin-left:12px;color:#333;} .feature_row .first {margin-left:0;} .feature_row .feature_header {color:#151515;} .three_column {width:32%;font-size:11px;margin-right:1%;} .feature_header {font-size:12px;font-weight:bold; display:block;} .three_column .fine_text {display:block;margin-top:10px;} .additional_info {font-size:10px;line-height:16px;color:#696969;margin-top:20px;} .notes {font-size:10px; line-height:16px;color:#696969;padding-bottom:24px;} p.notes {padding-bottom:0 !important;} .section_divider{background-color:#d6d6d6;height:1px;margin:30px 0; position: relative; } .section_divider .or_divider_large { position: absolute; top: -17px; left:50%; margin-left:-17px;} .section_divider_no_mrgn_top{background-color:#d6d6d6;height:1px;margin:10px 0 30px;} .section_divider_dotted{background:url(../img/layout/bg_dotted_line.gif) repeat-x;height:1px;margin:30px 0; position: relative;} .section_divider_dotted .or_divider_large { position: absolute; top: -17px; left:50%; margin-left:-17px;} .two_column {width:48%;margin-right:2%;font-size:11px; line-height:16px;} .one_measure_column {width:180px;height:120px;float:left;margin-right:20px;clear:left;padding-bottom:55px;} .two_measure_column {width:445px;float:left;clear:right;padding-bottom:55px;} /* @end */ /* @group Gallery */ .gallery {} .gallery .viewer { width: 645px; height: 415px; } .gallery .tag-viewer-caption { text-align: center; font-size: 11px; color:#424242; } .gallery .video_player_support { width: 645px; height: 323px; } .gallery .thumbnails {margin-top:15px;padding-top:15px;border-top:1px solid #d6d6d6;} .gallery .thumbnails dd {margin:0 0 11px 11px;} .gallery .thumbnails dd.first {margin-left:0;} /* @end */ /* @group expandable */ .expandable_list {z-index:1;} .expandable_list {display:block;margin:0;padding:0;list-style-type:none;list-style-position:outside;} .expandable_list dd {border:1px solid white;margin:5px 0;padding:20px;background:url(../img/layout/dotted_border_horizontal.gif) left bottom repeat-x;} .expandable_list dd span.top_left, .expandable_list dd span.top_right, .expandable_list dd span.bottom_left, .expandable_list dd span.bottom_right{display:none;} .expandable_list dd.expanded span.top_left, .expandable_list dd.expanded span.top_right, .expandable_list dd.expanded span.bottom_left, .expandable_list dd.expanded span.bottom_right{display:block;} .expandable_list dd.last {background:none;} .expandable_list dd .question {cursor:pointer;font-weight:bold; line-height:18px; color:#151515;padding-left:35px;background:transparent url(../img/layout/list_collapse.png) no-repeat left top;} .expandable_list dd .question:hover, .expandable_list dd div.hover { background-image: url(../img/layout/list_hover.png); } .expandable_list dd .answer {margin-top:20px;} .expandable_list dd.expanded {font-size:11px; color: #333333;z-index:1;background-color:#f4f4f4;background-image:none;padding-top:20px;padding-bottom:20px;position:relative;} .expandable_list dd.expanded .question {font-size:12px;color:#d90124;background:transparent url(../img/layout/list_expand.png) no-repeat left top;} .expandable_list dd.expanded .question p {margin-top:20px;font-weight:normal;} .expandable_list dd.expanded .answer {padding-left:35px;} .expandable_list dd.expanded .answer ul { list-style-type: disc; margin: 0 0 15px 15px; } .expandable_list dd.expanded .answer ul.red { list-style-type: none; margin: 0 0 15px 0; } .expandable_list dd.expanded .answer ol { list-style-type: decimal; margin: 0 0 15px 15px; } .expandable_list dd.expanded .answer li { margin-bottom: 5px; } .classical_ul {display:block;margin:0 20px;list-style: url(../img/layout/bullet_red.gif); list-style-position:outside;} .classical_ul li {font-weight:normal;font-size:11px;color:#333333;border:0;padding:5px 0;line-height:17px;} .no_indent {margin:0 16px;list-style-position:outside;} .no_indent li {padding:0;font-size:11px;} .gray_wall{position:relative; background:#f6f6f6; padding:20px;} .gray_wall span.top_left{display: block; overflow: hidden; position:absolute; top:0; left:0; width:6px; height:6px; background:url(../img/layout/graywall_top_left.gif) 0 0 no-repeat;} .gray_wall span.top_right{display: block; overflow: hidden; position:absolute; top:0; right:0; width:6px; height:6px; background:url(../img/layout/graywall_top_right.gif) 0 0 no-repeat;} .gray_wall span.bottom_left{display: block; overflow: hidden; position:absolute; bottom:0; left:0; width:6px; height:6px; background:url(../img/layout/graywall_bottom_left.gif) 0 0 no-repeat;} .gray_wall span.bottom_right{display: block; overflow: hidden; position:absolute; bottom:0; right:0; width:6px; height:6px; background:url(../img/layout/graywall_bottom_right.gif) 0 0 no-repeat;} .gray_wall_divider{background:url(../img/layout/dotted_divider_gray.gif) 0 0 repeat-x; height:1px; font-size:0; margin:18px 0 18px 0;} .gray_wall ul.three_col{} .gray_wall ul.three_col li.first{margin-left:0;} .gray_wall ul.three_col li{width:185px; margin-left:12px;} .gray_wall ul.img_description li{background:url(../img/layout/dotted_divider_gray.gif) 0 0 repeat-x; padding-top:20px; margin-top:20px; min-height:66px;} .gray_wall ul.img_description li.first{margin-bottom:20px; background:none; padding:0; margin:0;} .gray_wall ul.img_description li .image_honda{width:134px; height:66px; margin-right:22px; background:url(../img/layout/gray_honda_logo.gif) center no-repeat;} .gray_wall ul.img_description li .image_pdf{width:134px; height:66px; margin-right:22px; background:url(../img/layout/gray_pdf_icon.gif) center no-repeat;} .gray_wall ul.img_description li .description{width:427px;} .gray_wall ul.img_description li .date{font-size:10px; color:#7c7c7c;} .gray_wall ul.img_description li p{padding-bottom:14px;} .gray_wall ul.img_description li .file_size{background:url(../img/layout/black_grey_bullet.gif) 0 50% no-repeat; padding-left:11px; margin-left:5px; font-size:12px; color:#1b1b1b;} /* @end */ /* @group Signup */ .signup {padding:30px;margin:20px 0 40px;} .signup p {font-size:11px;color:#333;padding-bottom:0 !important;} .signup .h6 {color:#151515;font-size:12px;font-weight:bold;margin-bottom:15px;} .signup .copy {width:300px;margin-right:20px;} .signup .form {width:250px;} .signup .form .submit {margin-top:10px;} .signup .form input {padding-right:25px;width:225px;} .signup .feedback {font-size:11px;min-height:15px;color:#666;} .signup .feedback dd {display:none;} /* @end */ /* @group Book A Test Drive */ #book_test_drive {background:white;width:716px;} #book_test_drive .h1 {color:#b7b7b7;font-size:38px;font-weight:bold;text-transform:uppercase;margin-bottom:20px;line-height:45px;background:url(../img/layout/honda_logo_small.gif) left 3px no-repeat;padding-left:61px; padding-bottom: 0; } #book_test_drive .h3 {margin:0 0 20px;} #book_test_drive select { width: 175px; } #book_test_drive .sub_heading {color:#151515;font-size:12px;font-weight:bold;margin-bottom:15px;} #book_test_drive .vehicle_of_interest {margin-right:24px;/*width:284px;*/width:345px;} #book_test_drive .dealer_info {/*width:406px;*/width:345px;} #book_test_drive .column_three dd {margin-left:29px; width: 217px; } #book_test_drive .column_three dd.first {margin-left:0;} #book_test_drive .requests .preferred_time {width:350px;margin-right:15px;overflow:hidden;} #book_test_drive .requests .field_set label {width:70px;padding-top:3px;} #book_test_drive .requests .field_set select {width:275px;margin-bottom:5px;} #book_test_drive .requests .comments {width:347px;overflow:hidden; margin-top:25px;} #book_test_drive .controls .btn {padding-right:0;margin-left:8px;} #book_test_drive .preferred_time .field_set {margin-bottom:5px;} /*#book_test_drive .requests .preferred_time .field_set select { width: 120px; }*/ #book_test_drive textarea { resize: none; } .field_error { color: #d90124; font-size: 10px; margin: 5px 0 0 0; } #book_test_drive input.input_large{width:185px;} #book_test_drive span.success{background:url(../img/layout/success_check.gif) 0 0 no-repeat; height:34px; padding-top:5px; padding-left:50px; display:block; width:400px; margin:0 auto; color:#333;} #book_test_drive span.success span{display:block; text-align:left; margin-bottom:3px;} #book_test_drive span.error{background:url(../img/layout/error_x.gif) 0 0 no-repeat; height:34px; padding-top:5px; padding-left:50px; display:block; width:400px; margin:0 auto; color:#333;} #book_test_drive span.error span{display:block; text-align:left; margin-bottom:3px;} #book_test_drive #vehicle, #book_test_drive #dealer_province, #book_test_drive #preferred_dealer {width:325px;} #book_test_drive #contact_province, #book_test_drive #method_of_contact {width: 205px;} /* @end */ /* @group Field Sets */ .field_set {margin-bottom:18px;margin-right:10px;} .field_set label {color:#333;font-size:11px;font-weight:bold;display:block;margin-bottom:10px;} .field_set select {margin:0;} /* @end */ /* @group List styles */ ul.column_list { margin: 0; padding: 0; font-size: 11px; color: #333333; line-height: 16px; } ul.column_list li { margin:0 0 0 0 !important; padding: 0; } ul.bullets {font-size:11px;line-height:16px;color:#333;} ul.bullets li {margin-bottom:5px;margin-left:0 !important;} ul.bullets li ul {margin:8px 0 8px 0;} ul.bullets li ul li {margin-bottom:3px;} .flow { text-align: center; } .flow span { display: inline-block; } .flow img { display: block; } ul.gray li { list-style-image: url(../img/layout/column_list_gray.gif); } ul.red li { background:url(../img/layout/column_list_red.gif) 0 6px no-repeat; padding-left:13px; } /* @group */ /* @group Table */ .tbl { margin-bottom: 20px; } .tbl th, .tbl td { font-size: 11px; padding: 0; text-align: left; border-collapse: collapse; } .tbl th.odd, .tbl td.odd { background-color: #fff; } .tbl th.even, .tbl td.even { background-color: #f4f4f4; } .tbl th { font-weight: bold; color: #696969; } .tbl td { color: #151515; } .tbl td em {color:#696969;padding-left:2px;} .tbl td.first { font-weight: bold; } .tbl th span, .tbl td span { padding: 11px; display: block; line-height: 14px; } .tbl th.sort a {padding-right:12px;display: inline-block !important;background:url(../img/layout/arrow_sort.png) right 4px no-repeat;color:#696969;} .tbl th.desc a {background-image:url(../img/layout/arrow_sort_desc.png);background-position:right 5px;} .tbl th.asc a {background-image:url(../img/layout/arrow_sort_asc.png);} .tbl th.first span, .tbl td.first span { padding-left: 2px; } .tbl td { padding-top: 1px; background:url(../img/layout/tbl_cell_border.gif) left top repeat-x transparent; } .tbl tr.first td, .tbl tr:first-child td { padding-top: 0; background-image: none; } .tbl td.first em { font-weight: normal; font-style: normal; } .tbl tr.top th.even div, .tbl tr.top td.even div { background-image: url(../img/layout/rc4_tl.gif); background-repeat: no-repeat; background-position: left top; } .tbl tr.top th.even span, .tbl tr.top td.even span { background-image: url(../img/layout/rc4_tr.gif); background-repeat: no-repeat; background-position: right top; } .tbl tr.bottom td.even div { background-image: url(../img/layout/rc4_bl.gif); background-repeat: no-repeat; background-position: left bottom; } .tbl tr.bottom td.even span { background-image: url(../img/layout/rc4_br.gif); background-repeat: no-repeat; background-position: right bottom; } .tbl td .input { padding: 9px 13px; } .tbl td .input .input_box { margin-top: 0; vertical-align: middle; display: inline-block; } .specs_outer_container { margin-bottom: 20px; } .specs_container {width: 620px; overflow: hidden; } .tbl_specs { } .tbl_specs tr td, .tbl_specs tr td div { width: 88px; vertical-align: middle; } .tbl_specs th span, .tbl_specs td span { padding: 11px 10px; } .tbl_specs tr td.first, .tbl_specs tr td.first div { width: 187px; } .tbl_specs tr td .check_red { padding: 0; margin: 0; display: inline-block; width: 14px; height: 13px; background: url(../img/layout/red_tick.gif) left top no-repeat; } .tbl_warranty tr td { width: 90px; vertical-align: middle; } .tbl_warranty tr td.first { width: 220px;} #sort_province tr td{vertical-align:middle;} .tableslider_prev { position: absolute; top: 0; left: -15px; width: 15px; overflow: hidden; background: url(../img/layout/bg_tableslider_top.png) left top no-repeat #eeeeee; } .tableslider_next { position: absolute; top: 0; right: -15px; width: 15px; overflow: hidden; background: url(../img/layout/bg_tableslider_top.png) left top no-repeat #eeeeee; } .tableslider:hover .tableslider_prev, .tableslider:hover .tableslider_next { background-color: #b7b7b7; } .tableslider .tableslider_prev:hover, .tableslider .tableslider_next:hover, .tableslider .hover { background-color: #d90124; } .tableslider .disabled { visibility: hidden; } .tableslider_btn_prev { display: block; width: 15px; cursor: pointer; background: url(../img/layout/bg_tableslider_bottom.png) left bottom no-repeat transparent; } .tableslider_btn_next { display: block; width: 15px; cursor: pointer; background: url(../img/layout/bg_tableslider_bottom.png) left bottom no-repeat transparent; } .tableslider_btn_prev span { display: block; width: 15px; height: 100%; background: url(../img/layout/bg_tableslider_arrow.png) right 50% no-repeat transparent; } .tableslider_btn_next span { display: block; width: 15px; height: 100%; background: url(../img/layout/bg_tableslider_arrow.png) left 50% no-repeat transparent; } /* @end */ /* @group Reviews Page */ .reviews_container{width:100%; height:105px; border-bottom:1px solid #cacaca; margin:0; padding:0; background:white;} .reviews_container .reviews_header{width:929px; margin:0 auto;} .reviews_container .reviews_header .reviews_logo{background:url("../img/layout/honda_logo.gif") no-repeat scroll 0 0 transparent; height:58px; width:90px; margin-top:28px;} .reviews_container .reviews_header .reviews_back{margin-top:64px;} .reviews_container .reviews_header .reviews_report{margin-top:64px; margin-right:10px;} /* @end */ /* @group Honda Plus */ .honda_plus{position:relative;z-index:inherit;} .honda_plus .gray_wall {padding:30px;padding-left:134px;font-size:11px;color:#333333;line-height:15px;} .honda_plus .icon-gray-circle {background-position:30px 30px;background-image:url(../img/layout/icon_honda_plus_new_comprehensive.gif);background-repeat:no-repeat;} .honda_plus .honda_plus_logo_icon {background-position:30px 30px;background-image:url(../img/layout/honda_plus_logo_icon.gif);background-repeat:no-repeat; } .honda_plus select{width:464px;} .honda_plus_tbl {width:100%;} .honda_plus_tbl th, .honda_plus_tbl td {font-size:10px;text-align:center;} .honda_plus .bar {margin:30px 0 10px;} .honda_plus_tbl .engine{width:377px;} .honda_plus_tbl .comp{width:58px;} .honda_plus_tbl .waraanty_odd{width:105px;} .honda_plus_tbl .waraanty_even{width:105px;} .honda_plus_tbl .first {font-weight:bold;text-align:left;} .empty_block_sml{padding-left:25px;} .green_block_sml{background:url(../img/layout/block_green.gif) no-repeat left 2px;padding-left:25px;} .blue_block_sml{background:url(../img/layout/block_blue.gif) no-repeat left 2px;padding-left:25px;} .green_block_lrg{background:url(../img/layout/block_green_lrg.gif) no-repeat left 3px;padding-left:80px;font-size:10px;line-height:16px;color:#696969;margin-top:25px;} .blue_block_lrg{background:url(../img/layout/block_blue_lrg.gif) no-repeat left 3px;padding-left:80px;font-size:10px;line-height:16px;color:#696969;margin-top:25px;} .honda_plus .bar .th_one{width:377px;} .honda_plus .bar .th_two{width:58px;} .honda_plus .bar .th_three{width:180px;} .maintenance_tbl {width:100%;} .maintenance_tbl .recommended{width:230px;} .maintenance_tbl .additional{width:435px;} .maintenance_narrow_tbl {width:100%;} .maintenance_narrow_tbl .km {width:103px;} .maintenance_narrow_tbl .months{width:103px;} .maintenance_narrow_tbl .required{width:103px;} .maintenance_narrow_tbl th.first span, .maintenance_narrow_tbl td.first span {padding-left:11px;} .maintenance_divider{background:url(../img/layout/maintenance_calc_or.png) 0 0 no-repeat; width:604px; height:27px; margin:15px 0;} /* @end */ /* @group Content Container */ .find_dealer_container { padding: 22px 35px 28px; } .find_dealer_container h1 { text-align: center; } .find_dealer_container h1 img { vertical-align: middle; display: inline; padding-right: 10px; } .find_dealer_container h1 span { color: black; display: inline-block; height:43px; vertical-align: middle; padding-left:60px;background:url(../img/layout/icon_find_a_dealer_large.gif) left 2px no-repeat; } .find_dealer_subheading { text-align: center; margin: 0 auto 29px; font-size: 22px; font-weight: bold; color: #9acf5b; text-transform: uppercase; padding: 0; } .find_dealer_container .wide_three_column .content { height: 95px; } .find_dealer_container .wide_three_column .zi { z-index: auto !important; } .find_dealer_container .wide_three_column .gray_wall { z-index: auto !important; } .dealer_detail h2.detail { font-size: 22px; text-transform: uppercase; font-weight: bold; color: #333333; padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #cccccc; } .dealer_detail .subsection{position:relative;} .dealer_detail .subsection .h3 { font-weight: bold; font-size: 12px; color: #151515; } .dealer_detail .subsection .copy {width:275px;} .dealer_detail .subsection a.btn:hover { text-decoration: none; } .dealer_detail .section { border-top: 0; margin-top: 0; padding-top: 0;} .lt-ie7 .dealer_detail .section { display: inline;zoom: 1; } .dealer_detail .section img { margin: 0 20px 30px 0; } .dealer_detail .subsection img { margin-right: 20px; } .hours_section .subsection .h3 { font-size: 11px; padding-left: 2px; } .hours_section .contact_info { padding-left: 2px; color: #333333; padding-bottom: 0; } .dealer_detail .subsubsection { width: 460px; overflow:hidden; } .dealer_detail .subsubsection p {font-size:11px;line-height:16px;color:#333;} .find_a_dealer_or { width: 41px; height: 41px; background: url(../img/layout/find_a_dealer_or.gif) left top no-repeat transparent; position: absolute; left: -26px; top: 50%; margin-top: -20px; z-index: 9; } li.express label { display: inline; padding-left: 5px;} .dealer_popup { width: 295px; min-height: 60px; } .dealer_popup .copy { width: 175px; } .dealer_popup .image { width: 90px; } .dealer_popup .address { line-height: 16px; } .dealer_popup .phone { margin-top: 8px; } .dealer_popup .website { margin-top: 8px; } /* @end */ /* @group Feedback */ .sorry { font-weight: bold; color: #d90124; } /* @end */ /* @group Rounded */ .rc4 { display: block; background: url(../img/layout/rounded_corner_4px.gif) no-repeat top left transparent; width: 4px; height: 4px; position: absolute; overflow: hidden; } .rc4_tl { top: 0; left: 0; } .rc4_tr { top: 0; right: 0; background-position: -4px 0; } .rc4_bl { bottom: 0; left: 0; background-position: 0 -4px; } .rc4_br { bottom: 0; right: 0; background-position: -4px -4px; } /* @end */ /* @group Columns */ #home_touts .wide_three_column { width: } .wide_three_column li { width: 294px; margin-left: 13px; } .wide_three_column li.first { margin-left: 0; } .wide_three_column li.clr { display: block; width: 0; height: 0; } .wide_three_column li img { margin-bottom: 10px; } .wide_three_column li .h6 a { color: #424242; text-decoration: none; } .wide_three_column li p a { display: block; margin-top: 3px; } .wide_three_column li p a:last-child { text-decoration: none; border-bottom: 0; } .wide_three_column .cap { background: url(../img/layout/cap_top_wide_three_column.gif) no-repeat left top transparent; width: auto; height: 4px; } .wide_three_column .content { padding: 29px 42px; } .wide_three_column .cap_top {} .wide_three_column .cap_bottom { background-image: url(../img/layout/cap_bottom_wide_three_column.gif); } .wide_three_column .form_item { margin: 0; padding: 0 0 14px; width: 200px; } .wide_three_column .form_item .input_box { margin-top: 0; } .wide_three_column label { font-size: 11px; color: #333333;} .wide_three_column label.head { font-size: 14px; font-weight: bold; font-size: 13px;} /* @end */ /* @group Table Extended */ .proximity .name { width: 160px; } .proximity .address { width: 170px; } .proximity .phone { width: 110px; } .proximity .city { width: 110px; } .proximity .distance { width: 90px; } .province .name { width: 210px; } .province .address { width: 205px; } .province .phone { width: 110px; } .province .city { width: 115px; } .province .select img { margin-top: 4px; margin-right: 8px; display: block; } .province a {color:#696969;} .hours { width: 195px; margin-right: 30px; } .hours td { color: #333333; } .hours td.first { font-weight: normal; } .hours.last { margin-right: 0; } .hours .day { width: 95px; } .hours .time { width: 90px;} /* @end */ /* @group Maps */ .gmap_result_list { position: relative; width: 645px; height: 355px; margin-bottom: 20px; } .gmap_result_list .bg_t { position: absolute; top: 0; left: 0; z-index: 9; width: 645px; height: 3px; background: url(../img/layout/bg_map_large_top.png) left top no-repeat transparent; } .gmap_result_list .bg_l { position: absolute; top: 10px; left: 0; z-index: 9; width: 3px; height: 342px; background: url(../img/layout/bg_map_large_l.png) left top repeat-y transparent; } .gmap_result_list .bg_r { position: absolute; top: 10px; right: 0; z-index: 9; width: 3px; height: 342px; background: none left top repeat-y transparent; } .gmap_result_list .bg_bl { position: absolute; bottom: 0; left: 0; z-index: 9; width: 3px; height: 3px; background: url(../img/layout/bg_map_large_bl.png) left top no-repeat transparent; } .gmap_result_list .bg_br { position: absolute; bottom: 0; right: 0; z-index: 9; width: 3px; height: 3px; background: url(../img/layout/bg_map_large_br.png) left top no-repeat transparent; } .gmap_result_list #gmap { zoom: 1; width: 645px; height: 355px; } .gmap_result_detail { position: relative; width: 340px; height: 195px; margin: 0 20px 20px 0; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .gmap_result_detail .bg { position: absolute; z-index: 9; width: 340px; height: 195px; background: url(../img/layout/bg_map_small.png) left top no-repeat transparent; display: none; } .gmap_result_detail #gmap { position: absolute; z-index: 5; width: 340px; height: 195px; } /* @end */ /* @group Compare Tool Containers */ .select_honda_container { padding: 22px 10px 28px; } .select_honda_container .h3 { text-transform: uppercase; font-size: 11px; color: #555555; font-weight:bold;} .select_honda_container .flow span { margin-bottom: 25px; } /* @end */ /* @group Compare Tool Trim Selector */ .trim_selector_container ul.tabs { margin-top: 34px; } .trim_selector_container .h2 { font-size:22px;padding-bottom:0;text-transform:uppercase;font-weight:bold;margin-bottom:20px; } .trim_selector_container #trim_selector .tabs li.first a.selected {background-image:url(../img/layout/trim_tab_bg.gif); background-position: left top;} .trim_selector_container .content { margin-bottom: 11px; } .trim_selector_container .button_group { width: 699px; padding-bottom: 23px; } .trim_selector_container .button_group a.btn_group_three { margin-left: 13px; } .trim_selector_container .button_group a.first { margin-left: 0; } .trim_selector_container .button_group a.btn_group_three span { width: 199px; } .trim_selector_container .button_group a.btn_group_one span { width: 536px; } .trim_selector_container .head_compare_links { margin-top: 42px; font-size: 14px; } .trim_selector_container .head_compare_links a { font-size: 14px; color: #9acf5b; font-weight: bold; } .trim_selector_container .compare_links { margin-bottom: 15px; } .trim_selector_container .compare_links a { display: inline-block; padding: 0 25px; font-size: 12px; font-weight: bold; color: #151515; border-left: 1px solid #d6d6d6; height: 14px; } .trim_selector_container .compare_links a.first { border-left: 0; } .back_button { position: absolute; left: 15px; top: 11px; } /* @end */ /* @group Compare Tool Compare Your Honda */ .compare_your_honda { background:url(../img/layout/compare_your_honda.png) no-repeat; } .compare_honda_container h1, .compare_honda_container .h1 { margin-left: 15px; margin-top: 7px; } .compare_honda_container .top_buttons { margin-top: 20px; } .compare_honda_container .remove_tr { width: 19px; height: 19px; overflow: hidden; margin-right: 9px; background: url(../img/layout/remove_tr.png) left top no-repeat; } .compare_honda_container .target { text-align: center; width: 280px; height: 218px; padding: 0 9px 0 10px; margin-bottom: 15px; } .compare_honda_container .info_top { height: 56px; padding: 10px 10px 0 15px; } .compare_honda_container .info_car { height: 117px; margin-bottom: 25px; } .compare_honda_container .target .info_car { text-align: left; } .compare_honda_container .target .buttons { text-align: left; } .compare_honda_container .compare, .compare_honda_container .select { text-align: center; margin-left: 12px; width: 176px; height: 258px; margin-bottom: 15px; padding: 0; } .compare_honda_container .model, .compare_honda_container .msrp { text-align: left; } .compare_honda_container .target .model { font-size: 14px; line-height: 20px; font-weight: bold; width: 200px; } .compare_honda_container .target .msrp { font-size: 14px; line-height: 20px; font-weight: normal; width: 200px; } .compare_honda_container .compare .model { font-size: 11px; line-height: 18px; font-weight: bold; width: 100px; } .compare_honda_container .compare .msrp { font-size: 11px; line-height: 18px; font-weight: normal; width: 100px; } .compare_honda_container .select .btn { margin-top: 114px; } .compare_honda_container .button_group { width: 560px; } .compare_honda_container .button_group a.btn_group_one { font-size: 16px; font-weight: bold; } /* @end */ /* @group Compare Tool Compare Your Honda Results */ .compare_container_top .button_group { width: auto; } .compare_container_top a.btn { padding-right: 6px; } .compare_container_top .button_group a.btn_group_three { margin-left: 18px; } .compare_container_top .button_group a.first { margin-left: 0; } .compare_container_top .button_group a.btn_group_three span { width: 280px; } .compare_container_top .button_group a.selected { background: url(../img/layout/btn_large_green_left.gif) left top no-repeat; } .compare_container_top .button_group a.selected span { background: url(../img/layout/btn_large_green_right.gif) right top no-repeat; } .compare_result_container { width: 950px; margin: 5px auto; } .compare_result_container .tabs_horizontal { width: 950px; margin: 0 0 20px 0; } .compare_result_container .tabs_horizontal li.selected { border-bottom: 1px solid #fff; } .compare_result_container .tabs_horizontal li a { text-align: center; width: 134px; padding: 10px 0 1px 0; display:block;font-weight:bold;background:url(../img/layout/bg_tab_horizontal_alt.gif) -10px 0 no-repeat; color: #333333; } .compare_result_container .tabs_horizontal li a:hover { color:#d90124; } .compare_result_container .tabs_horizontal li a.selected { background-position: -10px bottom; } .compare_result_container .tabs_horizontal li a.selected:hover { color: #333333; } .compare_result_container .tabs_horizontal li.first a { background-position: left top; } .compare_result_container .tabs_horizontal li.first a.selected { background-position: left bottom; } .compare_result_container .tabs_horizontal li.last a { background-position: right top; } .compare_result_container .tabs_horizontal li.last a.selected { background-position: right bottom; } .tbl_compare_result .name div { width: 178px; } .tbl_compare_result .target div { width: 180px; } .tbl_compare_result .spacer div { width: 13px; } .tbl_compare_result .compare_1 div { width: 180px; } .tbl_compare_result .compare_2 div { width: 180px; } .tbl_compare_result .compare_3 div { width: 180px; } .tbl_compare_result th.first span, .tbl_compare_result td.first span { padding-left: 10px; } .tooltip_compare_result p { padding-bottom: 10px; } .compare_container{width:700px; line-height:16px; font-size:11px; color:#424242; margin-top:14px; background:url(../img/layout/compare_tool_divider.gif) 0 0 repeat-y;} .compare_container .col{width:200px; padding:3px 15px; margin-bottom: 15px; } .compare_container a, .compare_container a:hover{color:#424242;} /* @end */ /* @group Compare Tool Compare Advantages */ .compare_advantages_container { width: 950px; margin: 5px auto; } .compare_advantages_container li.advantage { padding: 20px 18px; border-top: 1px solid #d6d6d6; } .compare_advantages_container li.first { border-top: 0; padding-top: 5px; } .advantage_list { margin: 0 10px; } .advantage_image { margin-right: 25px; } .advantage_content .h3 {font-weight:bold;} .advantage_content .column_list {margin-left:13px;} /* @end */ /* @group All Models */ .all_models{padding:15px 32px;} .all_models h2{font-size:22px;} .all_models .models_section{width:916px;} .all_models .models_section ul{border-top:1px solid #dedede; padding-bottom:34px;} .all_models .models_section ul li{padding-top:20px; width:163px; margin-left:25px;display: block;} .all_models .models_section ul li a{display:block; position:relative; zoom:1; color:#424242 !important; text-transform:uppercase;} .all_models .models_section ul li.first{margin-left:0;} .all_models .models_section ul li span{display:block;} .all_models .models_section ul li .model_image {position: relative;width: 140px;height: 87px;overflow: hidden;} .all_models .models_section ul li img { display: block;position: absolute; } .all_models .models_section ul li span.model_title{font-size:17px; color:#424242; font-weight:bold; margin-bottom:3px;} .all_models .models_section ul li span.model_price span.price{font-size:13px; color:#7c7c7c; font-weight:bold;} .all_models .models_section ul li span.model_price span.msrp{font-size:9px; color:#7c7c7c; padding-top:3px; margin-left:5px;} /* @end */ /* @group Current Offers */ .current_offers_page{padding:22px 35px;} .current_offers_page .heading{ background:url(../img/layout/current_offers_large.png) 0 10px no-repeat; padding-left: 75px; } .current_offers_page .h1{/*background:url(../img/layout/icon_current_offers.gif) 0 10px no-repeat; padding-left:50px; padding-bottom:19px;*/} .current_offers_page h2{ padding:10px 0 8px 0; } .current_offers_page .gray_wall{margin-top:5px;} .current_offers_page .current_offers_select {padding-top:75px;} .current_offers_page .current_offers_map {width:425px;} .current_offers_page .current_offers_form .find_current_offer{ border-top: 1px solid #DEDEDE; margin: 0 5px 0 75px; padding-top: 25px; /*background:#f6f6f6 url(../img/layout/icon_current_offers_find_offer.gif) 0 50% no-repeat;*/} .current_offers_page .current_offers_form .current_offer_divider{width:361px; height:55px; background:url(../img/layout/current_offers_divider.gif) 0 0 no-repeat;} .current_offers_page .current_offers_form .find_dealer{padding-left:65px; background:#f6f6f6 url(../img/layout/icon_current_offers_find_dealer.gif) 0 50% no-repeat;} .current_offers_page .current_offers_form .h2{color:#424242;} .current_offers_page .current_offers_form .find_current_offer .h2{padding-bottom:10px;} .current_offers_page .current_offers_form label{display:block; font-size:11px; color:#424242; padding-bottom:8px;} .current_offers_page .current_offers_form li{padding-bottom:10px;} .current_offers_page .current_offers_form .input_box{margin-top:0;} .current_offers_footer_tout { background: url("/_Global/img/layout/current_offers_tout_bg.png") no-repeat scroll 0 0 transparent; height: 70px; margin: 20px 30px; padding: 20px 30px; } .current_offers_footer_tout .h1 { border-bottom: 1px solid #D5D5D5; font-size: 24px; margin-bottom: 8px; padding-bottom: 13px; width: 460px; } .current_offers_footer_tout .h1 span { color: #B7B7B7; } .current_offers_footer_tout .btn_more a { background: url("/_Global/img/layout/arrow_circle_right_transparent.gif") no-repeat scroll top right transparent; color: #797979; display: block; font-size: 14px; font-weight: bold; height: 22px; line-height: 18px; padding-right: 30px; } .current_offers_footer_tout .btn_more a:hover { background: url("/_Global/img/layout/arrow_circle_right_transparent.gif") no-repeat scroll right -22px transparent; } * html .current_offers_page .current_offers_form { padding-left: 37px; } * html .current_offers_footer_tout { height: 110px; } * html .current_offers_footer_tout .h1 { font-size: 21px; margin-bottom: 12px; width: 475px; } * + html .current_offers_footer_tout .h1 { font-size: 21px; margin-bottom: 12px; width: 475px; } * html .current_offers_footer_tout .btn_more a { font-size: 11px; } * + html .current_offers_footer_tout .btn_more a { font-size: 11px; } .current_offers_parts_list li { margin: 20px 0 25px 0; } .current_offers_parts_list .current_offer_image_thumb { margin-top: 30px; } .current_offers_parts_list .current_offer_copy { width: 425px; } .current_offers_parts_list .current_offer_copy .h6 { color: #151515; } .current_offers_parts_list .current_offer_copy p { color: #333333; } .current_offers_parts_list .current_offer_copy p strong { border-right: 1px solid #D6D6D6; color: #7C7C7C; margin-right: 5px; padding-right: 10px; } /* @end */ /* @group Compare Tool Comparably Equipped */ .tbl_comparably_equipped td.first span { color: #151515; } .tbl_comparably_equipped tr.important td span { color: #d90124; font-weight: bold; } /* @end */ /* @group tooltip */ .tooltip_compare_result p { padding-bottom: 10px; } .tooltip_comparably_equipped { font-size: 11px; } .tooltip_comparably_equipped h6 { margin-bottom: 15px; } .tooltip_comparably_equipped li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #d6d6d6; } .tooltip_comparably_equipped li.total { font-weight: bold; margin-bottom: 0; border-bottom: 0; color: #d90124; } /* @end */ /* @group dropdown */ .vehicle_list .dropdown_section { margin-top: 10px; padding-top: 10px; border-top: 1px solid #d6d6d6; text-align: left; font-size: 11px; line-height: 16px; } .vehicle_list .first { margin: 0; padding: 0; border-top: 0; } .vehicle_list select { width: 205px; font-size: 11px; } .vehicle_list dt { float: left; width: 45px; clear: both; display: block; margin-bottom: 8px; height: 16px; } .vehicle_list dd { float: right; width: 205px; display: block; margin-bottom: 8px; height: 16px; } /* @end */ /* @group Finance Calculator */ .finance_calc_container .tabs_horizontal { margin: 7px 0 20px; width: 645px; } .finance_calc_container .tabs_horizontal li { width: 213px; } .finance_calc_container .tabs_horizontal li a { display: block; text-align: center; width: auto !important; } .finance_calculator .name { width: 353px; } .finance_calculator .lease { width: 140px; } .finance_calculator .lease { width: 148px; } .finance_calculator span .error {color:#d90124;font-weight:normal;padding:0 !important;margin:0;} .finance_calculator span .note {font-weight:normal;padding:0 !important;margin:0;} .financial_summary .type div { width: 455px; } .financial_summary .value div { width: 190px; } .financial_summary tr.grouped td { background-image: none; } .financial_summary tr.grouped_item td { background-image: none; } .financial_summary tr.grouped_item td .bold { font-weight: normal; } .financial_summary tr.grouped_item td span { padding-top: 2px; padding-bottom: 2px; font-size: 10px; } .financial_summary tr.grouped_item td .bold span { background-image: url(../img/layout/column_list_gray.gif); background-repeat: no-repeat; background-position: 10px 8px; padding-left: 20px; } .financial_summary tr.bottom td span { padding-bottom: 11px; } #finance_calculator .calc { width: 223px; margin: 0 0 30px 10px; padding: 15px 10px 7px; } #finance_calculator .calc dl { color: #333333; font-size: 12px; } #finance_calculator .calc dl.total { font-size:14px;padding-top: 17px; margin-top: 7px; border-top: 1px solid #d6d6d6; } #finance_calculator .calc dt, .calc dd { padding-bottom: 10px; display: inline; } #finance_calculator .calc dt { font-size: 11px; clear: both; float: left; font-weight: normal; padding-top: 1px; width: 105px; text-align: left; } #finance_calculator .calc dd { float: right; font-weight: bold; width: 90px; text-align: right; } #finance_calculator .calc .total dt { font-size: 12px; font-weight: bold; } #finance_calculator .calc .total dd { color: #d90124; } #finance_calculator .field_set { margin-bottom: 20px; } #finance_calculator .field_set label, #finance_calculator .field_set input, #finance_calculator .field_set select { display: block; } #finance_calculator .field_set label { font-weight: bold; margin-bottom: 10px; } /* @end */ /* @group Terms & Conditions */ ul.terms_conditions{margin-left:20px;} ul.terms_conditions li{list-style-type:decimal; line-height:18px; padding-bottom:20px;} /* @end */ /* @group Homepage */ .homepage_menu{padding-bottom:15px;} .homepage_menu ul{ margin-left: 18px; width: 950px; } .homepage_menu ul li a{ display: block; height: 80px; width: 136px; } .homepage_menu ul li.honda a{ background: url(../img/layout/homepage_nav_logos.gif) 0 0 no-repeat; width: 135px; } .homepage_menu ul li.acura a{ background: url(../img/layout/homepage_nav_logos.gif) -135px 0 no-repeat; } .homepage_menu ul li.honda_power_equipment a{ background: url(../img/layout/homepage_nav_logos.gif) -271px 0 no-repeat;} .homepage_menu ul li.honda_motorcycles a{ background: url(../img/layout/homepage_nav_logos.gif) -407px 0 no-repeat;} .homepage_menu ul li.honda_atvs a{ background: url(../img/layout/homepage_nav_logos.gif) -543px 0 no-repeat;} .homepage_menu ul li.honda_marine a{ background: url(../img/layout/homepage_nav_logos.gif) -679px 0 no-repeat;} .homepage_menu ul li.honda_engines a{ background: url(../img/layout/homepage_nav_logos.gif) -815px 0 no-repeat; width: 135px; } .homepage_dropout{position:relative; margin:0; padding:0;} .homepage_dropout a{font-size:14px; font-weight:bold; color:#696969; display:block; background:url(../img/layout/list_dropout_up.gif) 0 0 no-repeat; padding-left:37px; margin-left:10px; padding-bottom:3px;} .homepage_dropout a:hover, .homepage_dropout a.selected {background-position:0 -20px; color:#696969;} .homepage_dropout a span{color:#b7b7b7;} .dropout_list{width:906px; position:absolute; top:-457px; left:18px; height:408px; padding:20px 22px; background:url(../img/layout/homepage_dropout_bg.png) 0 0 no-repeat; z-index: 100; } .dropout_list a{background:none; padding:0; margin:0; font-weight:normal; font-size:11px; color:white; line-height:16px; display:inline;} .dropout_list a:hover{color:#0d9be4;} .dropout_list ul li{width:141px; margin-right:10px;} .dropout_list ul li.last{width:131px; padding-left:10px;} .dropout_list dl{margin-bottom:15px;} .dropout_list dl dt{font-weight:bold; color:white; font-size:11px; padding-bottom:2px;} .tout_nav{width:950px; margin-left:25px; text-align:center;} /* @end */ /* @group Modal Window */ #modal_window {position:absolute;z-index:1005;} #modal_window_top_left {float:left;background:url(../img/layout/modal_window_top_left.png) no-repeat;width:12px;height:13px;overflow:hidden;} #modal_window_top_right {float:left;background:url(../img/layout/modal_window_top_right.png) right top no-repeat;height:13px;width: 756px;overflow:hidden;} #modal_window_content {background:url(../img/layout/modal_window_left.png) left top repeat-y; padding-left: 12px; } #modal_window_inner_content {padding:15px 26px 15px 14px; width: 716px; background:url(../img/layout/modal_window_right.png) right top repeat-y; overflow: hidden;} #modal_window_bottom_left {float:left;background:url(../img/layout/modal_window_bottom_left.png) no-repeat;width:12px;height:13px;overflow:hidden;} #modal_window_bottom_right {float:left;background:url(../img/layout/modal_window_bottom_right.png) right top no-repeat;height:13px;width: 756px;overflow:hidden;} .modal_window_loader { background: url(../img/layout/loader_black_bg.png) left top no-repeat; height: 48px; width: 64px; padding-top: 16px; position: absolute; } .modal_window_loader_ani { background: url(../img/layout/loader_black.gif) center top no-repeat; height: 32px; width: 32px; margin: auto;} .modal_window_success { background: url(../img/layout/loader_black_success.gif) center top no-repeat; height: 32px; width: 32px; margin: auto;} .modal_window_fail { background: url(../img/layout/loader_black_fail.gif) center top no-repeat; height: 32px; width: 32px; margin: auto;} /* @end */ /* @group sponsorships */ .sponsorships .sponsor_container{border-bottom:1px dotted #9c9c9c; margin-bottom:20px;} .sponsorships .sponsor_container .sponsor_image{width:210px; text-align:right;} .sponsorships .sponsor_container .sponsor_info{width:435px;} /* @end */ /* @group breadcrumb */ .cap_top_breadcrumb { height: 3px; background: url(../img/layout/cap_top_breadcrumb.gif) left top no-repeat #ebebeb; } .cap_bottom_breadcrumb { height: 3px; background: url(../img/layout/cap_bottom_breadcrumb.gif) left top no-repeat #ebebeb; padding-bottom: 11px; } .breadcrumb_container { width: 986px; background: url(../img/layout/bg_breadcrumb_left.gif) left top no-repeat #ebebeb; padding-left: 18px; } .breadcrumb { height: 35px; width: 968px; background: url(../img/layout/bg_breadcrumb_right.gif) left top no-repeat #ebebeb; } .breadcrumb li { display: block; float: left; height: 35px; background: url(../img/layout/bg_breadcrumb_item.gif) left top no-repeat #ffffff; padding: 0 15px 0 23px; } .breadcrumb li.home { background-image: none; padding: 0; } .breadcrumb li a { display: inline-block; line-height: 35px; height: 35px; vertical-align: middle; font-size: 11px; color: #999999; } .breadcrumb li.home a { display: inline-block; width: 106px; background: url(../img/layout/breadcrumb_home.gif) left top no-repeat; } /* @end */ /* @group Home Touts */ #home_touts { margin-bottom: 22px; } #home_touts .container { padding: 8px 18px; width: 954px; } #home_touts .wide_three_column li { width: 306px; margin-left: 16px; } #home_touts .wide_three_column li.first { margin-left: 0; } #home_touts .wide_three_column .content { padding: 0; } /* @end */ /* @group Honda Canada Contents*/ #canada_contents{margin-bottom:22px;} #canada_contents .container { padding:0; } /* @end */ /* @group Web Properties */ .web_properties { margin:5px 0 3px 5px; } .web_properties li { border-right: 1px solid #ddd; display:block; } .web_properties li.last { border:0; } .web_properties li a { display:block; width:160px; height:75px; } .web_properties li.honda a { background: url(../img/btn/btn_honda_new_logo.gif) 0 0 no-repeat; } .web_properties li.acura a { background: url(../img/btn/btn_acura_logo.gif) 0 0 no-repeat; } .web_properties li.mc a { background: url(../img/btn/btn_mc_logo.gif) 0 0 no-repeat; } .web_properties li.atvs a { background: url(../img/btn/btn_atvs_logo.gif) 0 0 no-repeat; } .web_properties li.honda_marine a { background: url(../img/btn/btn_honda_marine_logo.gif) 0 0 no-repeat; } .web_properties li.honda_power_equipment a { background: url(../img/btn/btn_honda_pe_logo.gif) 0 0 no-repeat; } .web_properties li.honda_engines a { background: url(../img/btn//btn_honda_engines_logo.gif) 0 0 no-repeat; } .web_properties li a:hover { background-position:0 -75px !important; } /* @end */ /* @group pagination */ .content_container.search_container { padding-bottom: 13px; } .section.pagination_section { padding-top: 20px; } .pagination { margin-left: 190px; } .pagination .prev_next_btns { margin: 0 6px; } .pagination a.prev { width: 58px; height: 24px; display: inline-block; background: url(../img/layout/btn_page_prev.gif) left top no-repeat transparent; } .pagination a.next { width: 57px; height: 24px; display: inline-block; background: url(../img/layout/btn_page_next.gif) left top no-repeat transparent; } .pagination a.prev:hover, .pagination a.next:hover {background-position:left bottom;} .pagination .page_numbers li { margin-left: 3px; } .pagination .page_nubmers li.first { margin-left: 0; } .pagination .page_numbers a { display: inline-block; height: 24px; width: 24px; vertical-align: middle; text-align: center; font-size: 11px; line-height: 22px; font-weight: bold; color: #7c7c7c; padding: 0; margin: 0; } .pagination .page_numbers a.selected { background:url(../img/layout/bg_page_number.gif) left top no-repeat transparent; color: #e72530; } .pagination .page_numbers a:hover { background:url(../img/layout/bg_page_number.gif) left top no-repeat transparent; } /* @end */ /* @ roll overs */ /* @group dropdown box */ .corp_landing_box { margin-top: 3px; z-index: 700; } .corp_landing_honda { margin-left: 3px; } .corp_landing_acura { margin-left: 4px; } .corp_landing_honda_power_equipment { margin-left: 3px; } .corp_landing_honda_motorcycles { margin-left: 2px; } .corp_landing_honda_atvs { margin-left: 5px; } .corp_landing_honda_marine { margin-left: 4px; } .corp_landing_honda_engines { margin-left: 2px; } .corp_landing_box .corp_landing_honda_engines { margin-left: 1px; } .corp_landing_box .dropdown_button { width: 135px; height: 73px; overflow-y: hidden; cursor: pointer; } .corp_landing_box .dropdown_content { width: 135px; position: relative; z-index: 700; top: 0; overflow: hidden; } .corp_landing_box .dropdown_content_mid { background: url(../img/layout/btn_corp_landing_mid.png) repeat-y left top transparent; width: 135px; } .corp_landing_box .dropdown_content_bottom { background: url(../img/layout/btn_corp_landing_bottom.png) repeat-y left top transparent; height: 10px; overflow: hidden; width: 135px; } .corp_landing_box .img_thumb { border-bottom: 1px solid #DEDEDE; margin: 0 5px; padding: 0 10px 10px; } .corp_landing_honda .dropdown_button { background: url("/_Global/img/layout/landing_dd_honda.png") no-repeat scroll 0 0 transparent; } .corp_landing_acura .dropdown_button { background: url("/_Global/img/layout/landing_dd_acura.png") no-repeat scroll 0 0 transparent; } .corp_landing_honda_power_equipment .dropdown_button { background: url("/_Global/img/layout/landing_dd_honda_power_equipment.png") no-repeat scroll 0 0 transparent; } .corp_landing_honda_motorcycles .dropdown_button { background: url("/_Global/img/layout/landing_dd_honda_motorcycles.png") no-repeat scroll 0 0 transparent; } .corp_landing_honda_atvs .dropdown_button { background: url("/_Global/img/layout/landing_dd_honda_atv.png") no-repeat scroll 0 0 transparent; } .corp_landing_honda_marine .dropdown_button { background: url("/_Global/img/layout/landing_dd_honda_marine.png") no-repeat scroll 0 0 transparent; } .corp_landing_honda_engines .dropdown_button { background: url("/_Global/img/layout/landing_dd_honda_engines.png") no-repeat scroll 0 0 transparent; } .landing_menu .h6 { text-align: center; text-transform: uppercase; font-size: 18px; color: #424242; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #dedede; font-weight: bold; } .landing_menu .h6 a { color: #424242; } .landing_menu ul { margin-top: 9px; padding: 0 18px 7px; } .landing_menu li { font-size: 11px; line-height: 17px; } .landing_menu li.first { font-weight: bold; } .landing_menu li a { color: #424242; } .landing_menu img { margin-top: 10px; } .menu_box { z-index: 700; width: 440px; } .menu_box .dropdown_button { left: -216px; float: left; width: 216px; display: block; height: 51px; position: relative; z-index: 800; background: url(../img/layout/btn_menu_overlay_button.png) left top no-repeat transparent; padding-left: 8px; } .menu_box .dropdown_button_right { height: 51px; width: 216px; display: inline-block; background: url(../img/layout/btn_menu_overlay_button_right.png) right top no-repeat transparent; } .menu_box .dropdown_button a { visibility: hidden; } .menu_box .dropdown_content { float: left; left: -217px; width: 211px; position: relative; z-index: 700; } .menu_box .dropdown_content_top { height: 9px; width: 211px; background: url(../img/layout/btn_menu_overlay_top.png) left top no-repeat transparent; margin: 0; padding: 0; overflow: hidden; } .menu_box .dropdown_content_mid { width: 163px; background: url(../img/layout/btn_menu_overlay_mid.png) left top repeat-y transparent; padding: 7px 23px 15px 25px; margin: 0; } .menu_box .dropdown_content_bottom { width: 211px; height: 10px; background: url(../img/layout/btn_menu_overlay_bottom.png) left top no-repeat transparent; margin: 0; padding: 0; overflow: hidden; } input.dropdown_autocomplete { font-weight: bold; } .dealer_region_box {} .dealer_region_box .dropdown_button { float: left; width: auto; background-image: url(../img/layout/btn_overlay_region_button_left.png); width: 196px; } .dealer_region_box .dropdown_button_right { width: 194px !important; background-image: url(../img/layout/btn_overlay_region_button_right.png); } .dealer_region_box .dropdown_content { float: left; width: 216px !important; top: 0; left: 0; } .dealer_region_box .dropdown_content_top_l { display: none; } .dealer_region_box .dropdown_content_mid_l { } .dealer_region_box .dropdown_content_mid_r { width: 177px !important; padding-bottom: 10px; } .dealer_region_box .dropdown_content_bottom_l { } .dealer_region_box .dropdown_content_bottom_r { width: 196px !important; } /* Autocomplete ----------------------------------*/ .loader_small { background-image: url(../img/layout/loader_small.gif) !important; background-position: right center !important; background-repeat: no-repeat !important; width: 16px; height: 16px; display: inline-block; } .loader_small_gray { background-image: url(../img/layout/loader_small_gray.gif) !important; background-position: right center !important; background-repeat: no-repeat !important; width: 16px; height: 16px; display: inline-block; } .ui-autocomplete { position: absolute; cursor: default; } .autocomplete-loading { background-image: url(../img/layout/loader_small.gif) !important; background-position: right center !important; background-repeat: no-repeat !important; } /* Menu ----------------------------------*/ .ui-menu { list-style:none; padding: 0; margin: 0; display:block; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; float: left; clear: left; display: block; } .ui-menu .ui-menu-item a { padding: 0; margin: 0; text-decoration:none; display:block; zoom:1; color: #333; font-size: 11px; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; background-color: #e2e2e2; } /* city dropdown in the dealer page */ .dropdown_dealer_city { width: 211px; background: url(../img/layout/btn_overlay_autocomplete_bottom.png) left bottom no-repeat transparent; padding-bottom: 12px; } .dropdown_dealer_city .ui-menu-item { width: 211px; background: url(../img/layout/btn_overlay_autocomplete_mid.png) right top repeat-y transparent; } .dropdown_dealer_city .ui-menu-item a { margin:0 6px 0 4px; padding: 10px; } .dropdown_dealer_city .ui-menu-item a.ui-state-hover, .dropdown_dealer_city .ui-menu-item a.ui-state-active { background-color: #e2e2e2; } .dropdown_dealer_city_sidebar { width: 165px; background-image: url(../img/layout/btn_overlay_sidebar_autocomplete_bottom.png); } .dropdown_dealer_city_sidebar .ui-menu-item { width: 165px; background-image: url(../img/layout/btn_overlay_sidebar_autocomplete_mid.png); } .search_box { width: 344px; } .search_box .search-box-cap-top { width: 344px; background: url(../img/layout/btn_overlay_search_top.png) left top no-repeat transparent; padding: 0; margin: 0; height: 48px; float: left; clear: left; } .search_box .ui-menu-item, .search_box .search-box-group, .search_box .search-box-button { width: 344px; background: url(../img/layout/btn_overlay_search_mid.png) left top repeat-y transparent; padding: 0; margin: 0; clear: left; float: left; } .search_box .ui-menu-item { width: 296px; padding: 0 19px; } .search_box .search-box-button { width: 316px; padding: 9px 14px 5px; } .search_box .search-box-cap-bottom { width: 344px; background: url(../img/layout/btn_overlay_search_bottom.png) left top no-repeat transparent; padding: 0; margin: 0; height: 11px; float: left; clear: left; } .search_box .ui-menu-item a { padding: 4px 5px 5px; width: 286px; display: block; } .search_box .ui-menu-item a.ui-state-hover, .search_box .ui-menu-item a.ui-state-active { background: url(../img/layout/bg_result_item.gif) left top no-repeat transparent; } /* @group Search */ .search_box .h5a { font-weight: bold; font-size: 12px; color: #d90124; border-bottom: 1px solid #d6d6d6; margin: 0 34px 10px 24px; padding: 12px 0 8px; } .search_box .h6 { font-weight: bold; font-size: 11px; margin-bottom: 10px; } .search_box .image { margin-right: 10px; } .search_box .content { width: 186px; } .search_box .content p { font-size: 10px; padding-bottom: 0; } /* @end */ /* @end */ /* @group tooltip */ .tooltip_arrow { overflow: hidden; background: none left top no-repeat transparent; padding: 0; margin: 0; } .tooltip_bottom .tooltip_content_top { width: 315px; height: 18px; overflow: hidden; background: url(../img/layout/bg_tooltip_bottom_top.png) left top no-repeat transparent; } .tooltip_bottom .tooltip_content_mid { width: 288px; background: url(../img/layout/bg_tooltip_bottom_mid.png) left top repeat-y transparent; padding: 5px 13px 5px 14px; } .tooltip_bottom .tooltip_content_bottom { width: 315px; height: 9px; overflow: hidden; background: url(../img/layout/bg_tooltip_bottom_bottom.png) left top no-repeat transparent; } .tooltip_vin .tooltip_content_top { background-image: url(../img/layout/bg_tooltip_vin_top.png); } .tooltip_right_medium { width: 332px; } .tooltip_right_medium .tooltip_arrow { float: left; position: relative; z-index: 900; width: 24px; margin-top: 52px; height: 21px; background-image: url(../img/layout/bg_tooltip_arrow_left.png); } .tooltip_right_medium .tooltip_content { position: relative; float: left; left: -10px; z-index: 800; } .tooltip_right_medium .tooltip_content_top { width: 308px; height: 9px; overflow: hidden; background: url(../img/layout/bg_tooltip_top.png) left top no-repeat transparent; } .tooltip_right_medium .tooltip_content_mid { width: 281px; background: url(../img/layout/bg_tooltip_mid.png) left top repeat-y transparent; padding: 5px 13px 5px 14px; } .tooltip_right_medium .tooltip_content_bottom { width: 308px; height: 9px; overflow: hidden; background: url(../img/layout/bg_tooltip_bottom.png) left top no-repeat transparent; } .compare_result_tooltip { width: 304px; } .compare_result_tooltip .tooltip_arrow { float: left; position: relative; z-index: 900; width: 24px; margin-top: 32px; height: 21px; background-image: url(../img/layout/bg_tooltip_arrow_left.png); } .compare_result_tooltip .tooltip_content { position: relative; float: left; left: -10px; z-index: 800; } .compare_result_tooltip .tooltip_content_top { width: 280px; height: 9px; overflow: hidden; background: url(../img/layout/compare_result_tooltip_top.png) left top no-repeat transparent; } .compare_result_tooltip .tooltip_content_mid { width: 253px; background: url(../img/layout/compare_result_tooltip_mid.png) left top repeat-y transparent; padding: 5px 13px 5px 14px; } .compare_result_tooltip .tooltip_content_bottom { width: 280px; height: 9px; overflow: hidden; background: url(../img/layout/compare_result_tooltip_bottom.png) left top no-repeat transparent; } .accessory_tooltip_white { width: 332px; } .accessory_tooltip_white .tooltip_arrow { float: left; position: relative; z-index: 900; width: 24px; margin-top: 32px; height: 21px; background-image: url(../img/layout/accessory_tooltip_arrow.png); } .accessory_tooltip_white .tooltip_content { position: relative; float: left; left: -10px; z-index: 800; } .accessory_tooltip_white .tooltip_content_top { width: 308px; height: 10px; overflow: hidden; background: url(../img/layout/accessory_tooltip_top.png) left top no-repeat transparent; } .accessory_tooltip_white .tooltip_content_mid { width: 281px; background: url(../img/layout/accessory_tooltip_mid.png) left top repeat-y transparent; padding: 3px 13px 5px 14px; } .accessory_tooltip_white .tooltip_content_bottom { width: 308px; height: 18px; overflow: hidden; background: url(../img/layout/accessory_tooltip_bottom.png) left top no-repeat transparent; } .compare_equipped_tooltip { width: 384px; } .compare_equipped_tooltip .tooltip_arrow { float: left; position: relative; z-index: 900; width: 24px; margin-top: 32px; height: 21px; background-image: url(../img/layout/bg_tooltip_arrow_left.png); } .compare_equipped_tooltip .tooltip_content { position: relative; float: left; left: -10px; z-index: 800; } .compare_equipped_tooltip .tooltip_content_top { width: 350px; height: 9px; overflow: hidden; background: url(../img/layout/compare_equipped_tooltip_top.png) left top no-repeat transparent; } .compare_equipped_tooltip .tooltip_content_mid { width: 323px; background: url(../img/layout/compare_equipped_tooltip_mid.png) left top repeat-y transparent; padding: 5px 13px 5px 14px; } .compare_equipped_tooltip .tooltip_content_bottom { width: 350px; height: 9px; overflow: hidden; background: url(../img/layout/compare_equipped_tooltip_bottom.png) left top no-repeat transparent; } /* @end */ /* @group js misc */ .dd_content { display: none; } .dropdown_list { color: #000; } .dropdown_list dt { font-weight: bold; font-size: 12px; margin-bottom: 15px; } .dropdown_list dd { font-weight: normal; font-size: 11px; line-height: 11px; margin-top: 8px; } .dropdown_list a { color: #000; } .dropdown_list a:hover { border-bottom: 1px dotted #000; } .tooltip { display: none; } .tooltip_text { font-weight: normal; text-transform: none; font-size: 10px; line-height: 14px; color: #696969; } a.tooltip_button { color: inherit; } /* @end */ /* @group Payment Calculator */ .payment_calculator_total{width:100%;} .payment_calculator_total .field {background:url(../img/layout/dotted_vertical_line.gif) 0 0 repeat-y; height:35px; padding:11px 20px 0 20px;} .payment_calculator_total .first{padding:6px 20px 6px 0; border:0; background:none;} .payment_calculator_total .field span{display:block;} .payment_calculator_total .field span.title{font-size:11px; color:#424242;} .payment_calculator_total .field span.price{font-weight:bold; color:#e72530; font-size:14px;} .payment_calculator_total .recalculate{margin-top:11px;} /* @end */ /* @group Error Messages */ .error_container{width:604px; font-size:10px; color:#d90124;} .error_container .error_message{width:288px; padding-top:10px;} /* @end */ /* @group Contact Us */ a.dial{color:#333;} a.dial:hover{text-decoration:none; border-bottom:0;} .inner_two_column .vcard p a.btn{display:none;} .contact_us .vcard .org {font-weight:bold;margin-bottom:10px; line-height:16px;} .ask_a_question input{background:url(../img/layout/input_field_bg.gif) top left no-repeat; border:1px solid #dedede; height:21px; padding:0 6px 0 6px;} .ask_a_question .description{font-size:10px; color:#1b1b1b; font-weight:bold; margin-top:6px;} .ask_a_question .field_type{width:113px;} .ask_a_question .contact_number input{width:115px; margin:0 30px 0 12px;} .ask_a_question .ext input{width:39px; margin:0 0 0 12px;} .ask_a_question .postal_code input{width:79px; margin:0 0 0 12px;} .ask_a_question .additional_questions .field_type{width:197px;} .ask_a_question .additional_questions label, input[type="radio"]{vertical-align:middle;} .ask_a_question .register_box{margin:26px 0 26px 22px;} .ask_a_question .register_box .heading{font-size:10px; color:#1b1b1b; font-weight:bold; margin-bottom:10px;} .ask_a_question .register_box .my_honda{width:220px; margin-right:27px;} .ask_a_question .register_box .my_honda p{color:#1b1b1b; line-height:14px; font-size:10px;} .ask_a_question .register_box .my_honda ul{margin-bottom:15px;} .ask_a_question .register_box .my_honda ul li{color:#1b1b1b; font-size:10px; margin:0 0 7px 0; padding:0 0 0 24px; line-height:14px; background:url(../img/layout/red_check.gif) 0 1px no-repeat;} .ask_a_question .register_box .once_a_member{width:370px;} .ask_a_question .register_box .once_a_member ul li{color:#1b1b1b; font-size:10px; margin:0 0 10px 0; line-height:14px; background:url(../img/layout/column_list_red.gif) 0 5px no-repeat; padding:0 0 0 10px;} .ask_a_question .contact{position:relative;} .ask_a_question .contact .type{width:112px;} .ask_a_question .contact .type .heading{font-size:10px; color:#1b1b1b; font-weight:bold; margin:4px 0 30px 0;} .ask_a_question .contact .input{width:360px;} .ask_a_question .contact .input .contact{clear:both; margin-top:20px; width:340px; height:130px; max-width:340px; max-height:130px; font-family:verdana, sans-serif; color:#696969; line-height:14px; font-size:10px; padding:10px; background:url(../img/layout/multiline_textbox_bg.gif) top left no-repeat; border:1px solid #dedede;} .ask_a_question .contact .submit a{position:absolute; bottom:20px; right:20px;} .ask_a_question .owner{margin:20px 0;} .ask_a_question .owner .field_type{width:157px;} .ask_a_question .owner .first_radio{margin-right:10px;} .ask_a_question .owner .radio{margin-right:5px; position:relative; top:-2px; background:none; border:0;} .contact-hint { font-size: 10px; font-weight: bold; padding: 0; color: #000; } .contact-notes { font-size: 9px; font-weight: bold; padding: 0; color: #000; } .white_wall{display:block; padding:20px;-moz-border-radius:6px; /*FF */-webkit-border-radius:6px; /* Safari and chrome */ -khtml-border-radius:6px; /* Linux browsers */border-radius:6px; /* CSS3 */behavior:url(/clients/honda/html/css/border-radius.htc); /* IE */background-color:white; border:1px solid white;} .contact_no{margin-bottom:20px;} .contact_no .heading{font-size:10px; color:#1b1b1b; font-weight:bold;} .contact_no .select select{margin-top:10px;} .contact_no .select label{display:block;} .contact_no .select .province{margin-right:28px;} .contact_no .select .province select{width:154px;} .contact_no .select .city{margin-right:28px;} .contact_no .select .city select{width:154px;} .contact_no .select .dealer select{width:234px;} .contact_no .address_container{margin-top:25px; font-size:10px; line-height:14px;} .contact_no .address_container .heading{margin-bottom:10px;} .contact_no .address_container .address{width:154px; margin-right:28px;} .contact_no .address_container .contact_info{padding-top:23px;} /* @end */ /* @group FAQ */ .faq_navigation{font-weight:bold; font-size:10px; border-top:1px solid #d6d6d6; padding-top:28px;} .faq_navigation a{color:#696969; display:block;} .faq_navigation .previous a{background:url(../img/layout/faq_previous_arrow.gif) 0 0 no-repeat; padding-left:16px;} .faq_navigation .next a{background:url(../img/layout/faq_next_arrow.gif) 100% 0 no-repeat; padding-right:16px;} .faq_navigation .next a:hover{color:#d90124; background-position:100% -10px;} .faq_navigation .previous a:hover{color:#d90124; background-position:0 -10px;} /* @end */ /* @group Vin */ .vin_lookup .gray_wall{margin-bottom:20px; text-align:center;} .vin_lookup .gray_wall a{vertical-align:middle; margin-left:10px; position:relative; top:-1px;} .vin_lookup .gray_wall span.type{margin-right:15px; font-size:10px; color:#1b1b1b; font-weight:bold;} .vin_lookup ol li{border-bottom:1px solid #dedede; padding-bottom:23px; margin-bottom:23px;} .vin_lookup ol li p{width:590px;} .vin_lookup ol li.last{border:0; padding:0; margin:0;} .vin_lookup .number{width:33px; height:32px; padding:2px 0 0 1px; text-align:center; background:url(../img/layout/vin_number_bg.gif) 0 0 no-repeat; font-size:22px; color:white; margin-right:16px;} .vin_tooltip_heading{font-weight:bold; font-size:10px; color:#424242; padding-bottom:10px;} /* @end */ /* @group Bluetooth Sidebar */ .bluetooth .heading {background:url(../img/layout/bluetooth_icon.gif) 10px 3px no-repeat;} /* @end */ /* @group Bluetooth Content */ .bluetooth_logo{margin-top:4px;} .being_tested ul.inner_two_column{*margin-bottom:10px;} .setup_results ul.phones{*padding-top:20px !important;} /* @end */ /* @group Bluetooth Form */ .step_form .row_one{background:url(../img/layout/row_01.gif) left center no-repeat; padding-left:50px;} .step_form .row_two{background:url(../img/layout/row_02.gif) left center no-repeat; padding-left:50px;} .step_form .row_three{background:url(../img/layout/row_03.gif) left center no-repeat; padding-left:50px;} .step_form .row_four{background:url(../img/layout/row_04.gif) left center no-repeat; padding-left:50px;} .step_form .row_five{background:url(../img/layout/row_05.gif) left center no-repeat; padding-left:50px;} .step_form .row_six{background:url(../img/layout/row_06.gif) left center no-repeat; padding-left:50px;} .step_form select{width:232px;} .or_divider{background:url(../img/layout/or.gif) center no-repeat; width:85px; height:43px;} .or_divider_large {background:url(../img/layout/or_lrg.gif) center no-repeat; width: 35px; height: 35px; } .step_form .title{font-size:11px; color:#424242; margin-bottom:10px;} .step_form .submit{text-align:center; margin-top:30px;} .certified_used_form { margin-bottom: 30px; } .certified_used_form select { font-size: 11px; } .certified_used_form .row_one label { display: block; margin-bottom: 10px; font-size: 11px; color: #333333; } .certified_used_form .row_one select { width: 152px; } .certified_used_form .row_one .col { width: 152px; margin-left: 15px; } .certified_used_form .row_one .first_col { margin-left: 0; } .certified_used_form .row_one .or_divider { width: 40px; } .certified_used_form .models input { margin-top: 15px; } .certified_used_form .models li { width: 140px; margin-left: 50px; margin-bottom: 15px; } .certified_used_form .models li.first { margin-left: 0; } .certified_used_form .models img { margin-bottom: 5px; } .certified_used_form .name { text-align: center; font-size: 11px; color: #333333; } .certified_used_form .years li { width: 80px; font-size: 11px; color: #333333; } .certified_used_form .row_three {margin-bottom: 20px; } .certified_used_form .buttons { text-align: center; } .certified_used_results_form { margin-bottom: 20px; } .certified_used_results_form .col_dealer { width: 200px; } .certified_used_results_form .col_dealer select { width: 215px; } .certified_used_results_form .years li { width: 70px; margin-bottom: 10px; } .certified_used_results_form .col_models li { font-size: 11px; color: #333333; } .certified_used_results_form .options li.col { margin-left: 15px; margin-bottom: 15px; } .certified_used_results_form .options li.first { margin-left: 0; } .certified_used_results_form .col_models { width: 160px; } .certified_used_results_form .col_models li { width: 80px; margin-bottom: 10px; } .certified_used_results_form .col_transmission, .certified_used_results_form .col_transmission select { width: 115px; } .certified_used_results_form .col_max_kms, .certified_used_results_form .col_max_kms select { width: 135px; } .certified_used_results_form .col_max_price, .certified_used_results_form .col_max_price select { width: 145px; } .certified_used_results_form .col_years { width: 420px; } .certified_used_results_form .buttons {} .tbl_certified_used_results { height: 100%; } .tbl_certified_used_results td { height: 88px; vertical-align: top; } .tbl_certified_used_results td div { vertical-align: middle; line-height: 88px; height: 88px; } .tbl_certified_used_results th span, .tbl_certified_used_results td span { font-size: 10px; vertical-align: middle; padding: 8px; } .tbl_certified_used_results td span { display: inline-block; } .tbl_certified_used_results .year div { width: 44px; } .tbl_certified_used_results .model div { width: 72px; } .tbl_certified_used_results .trim div { width: 128px; } .tbl_certified_used_results .kms div { width: 72px; } .tbl_certified_used_results .price div { width: 72px; } .tbl_certified_used_results .retailer div { width: 148px; } /* @end */ /* @group Match Your Honda Needs */ #match_needs{width:950px; margin:2px 0 6px 18px; background:url(../img/layout/match_honda_bg.jpg) 0 0 no-repeat;} #match_needs h1{text-align:center; margin:30px 0;} #match_needs .top_cap{background:url(../img/layout/match_honda_top_bg.png) 0 0 no-repeat; width:950px; height:5px; font-size:1px;} #match_needs .bottom_cap{background:url(../img/layout/match_honda_bottom_bg.png) 0 0 no-repeat; width:950px; height:5px; font-size:1px;} #match_needs .navigation{margin:0 auto;} #match_needs .navigation .match_buttons{text-align:center;} #match_needs .navigation .match_buttons a{display:inline-block; height:29px; background:url(../img/layout/match_btn_left.gif) 0 0 no-repeat; margin-left:6px;text-transform:uppercase;font-weight:bold;} #match_needs .navigation .match_buttons a.first{margin-left:0;} #match_needs .navigation .match_buttons a.active{background-position:0 -29px;} #match_needs .navigation .match_buttons a.active span{background-position:100% -29px;} #match_needs .navigation .match_buttons a em { font-style: normal; font-family: sans-serif; } #match_needs .navigation .match_buttons a sup { font-size: 0.8em; vertical-align: super; } #match_needs .navigation .match_buttons a:hover{background-position:0 -29px;} #match_needs .navigation .match_buttons a:hover span{background-position:100% -29px;} #match_needs .navigation .match_buttons a span{display:inline-block; height:22px; margin-left:15px; padding:7px 15px 0 0; background:url(../img/layout/match_btn_right.gif) 100% 0 no-repeat;} #match_needs .navigation .match_buttons a.has_super span { padding-top: 4px; } #match_needs .navigation .match_buttons a { color: #696969; } #match_needs .navigation .match_buttons a:hover { color: #fff; } #match_needs .navigation .match_buttons a.active { color: #fff !important; } #match_needs .navigation .match_disclaimer{text-align:center; font-size:9px; color:#7c7c7c; padding:20px 0; line-height:13px;} #match_needs .match_content .match_cars { min-height: 482px; } #match_needs .match_content .match_cars .match_row{text-align:center; } #match_needs .match_content .match_cars .match_row .match_vehicle{display:inline-block; text-align:left; margin-left:20px;margin-top:40px;} #match_needs .match_content .match_cars a{display:inline-block;} #match_needs .match_content .match_cars a.match_btn{width:140px; height:87px; display:block; overflow:hidden;position: relative;} #match_needs .match_content .match_cars a.match_btn img{position:relative;} #match_needs .match_content .hover a.match_btn img {top:-87px;} #match_needs .match_content .match_cars .match_vehicle span.h3{font-size:17px; color:#424242; display:block; font-weight:bold; text-transform:uppercase; padding-bottom:1px;} #match_needs .match_content .match_cars .hover span.h3 { color: #d90124; font-family: Verdana, Arial, sans-serif; } #match_needs .match_content .match_cars span.h3 strong { font-size: 0.8em; vertical-align: top; } #match_needs .match_content .match_cars .match_vehicle span.price{font-size:13px; color:#7c7c7c; display:block; font-weight:bold;} #match_start, #match_landing{width:950px; height:330px; background:url(../img/layout/match_landing.gif) 0 0 no-repeat; margin:2px 0 6px 18px; text-align:center; padding-top:110px;} #match_landing h3{font-size:38px; color:#1b1b1b; text-transform:uppercase; font-weight:bold;} #match_landing span.match_postal_code span{display:block;} #match_landing span.match_postal_code span a{margin-top:15px;} #match_landing span.match_postal_code span.h3{font-size:18px; font-weight:bold; color:#d90124;} #match_landing span.match_postal_code span.error { visibility: hidden; font-size: 10px; color: #d90124; height: 16px; width: 100%; line-height: 16px; } #match_landing span.match_postal_code span input.match_postal{border:1px solid #dedede; width:119px; height:33px; text-align:center; background:url(../img/layout/input_field_bg_shadow.gif) repeat-x scroll left top transparent;text-transform:uppercase;} #match_landing span.match_postal_code{padding:0 35px; display:block; width:315px; margin:20px auto; background:url(../img/layout/match_landing_divider.gif) 0 0 repeat-x; padding-top:25px;} /* @end */ /* @group jquery.honda_match */ .honda_match_slider { height: 10px; background: url(../img/layout/match_slider_empty.png) no-repeat; width: 430px; position: relative; margin: 80px auto 35px; } .honda_match_slider .ui-slider-range { background: url(../img/layout/match_slider_full.png) repeat-x left 2px; height: 10px; position: absolute; } .honda_match_slider .ui-slider-handle { display: block; position: absolute; } .honda_match_slider .ui-slider-handle span { background: url(../img/layout/match_bubble.png) no-repeat left top; padding-top: 10px; height: 38px; padding-right: 2px; width: 113px; display: block; position: absolute; top: -42px; left: -57px; text-align: center; color: #fff; font-weight: bold; font-size: 10px; cursor: pointer; } .honda_match_model { display: block; } /*.honda_match_model_disabled img { opacity: 0.25; filter: alpha(opacity=25); }*/ /* @end */ /* @group Lease & Finance */ .lease_finance_header{background:url(../img/layout/honda_financial_services.gif) 100% 10px no-repeat; padding-bottom:20px;} /* @end */ /* @group Setup Your Phone */ .setup_video{margin-top:30px;} .setup_video .info{margin-right:20px; width:145px;} .setup_video .video{width:479px;} .setup_video ul{background:url(../img/layout/dotted_divider_white.gif) 0 100% repeat-x; padding-bottom:1px;} .setup_video li{display:block; background:url(../img/layout/dotted_divider_white.gif) 0 0 repeat-x; padding-top:1px;} .setup_video li.first{} .setup_video li a{font-weight:bold; font-size:10px; color:#1b1b1b; display:block; padding:15px 0 15px 10px;} .setup_video li a:hover{background:#f6f6f6 url(../img/layout/setup_video_icon.gif) 100% 1px no-repeat;} .setup_video li a.selected{background:#f6f6f6 url(../img/layout/setup_video_icon.gif) 100% 1px no-repeat;} .setup_results .gray_wall{margin-bottom:20px;} .setup_results .gray_wall .title{font-weight:bold; color:#424242; font-size:11px; margin-bottom:10px;} .setup_results .gray_wall select{width:185px;} .setup_results .gray_wall a{font-size:11px; margin-top:15px;} .setup_results ul.phones{margin-top:10px;} .setup_results ul.phones li{width:141px; padding:0 10px 40px 10px; text-align:center; line-height:16px;} .setup_results ul.phones li a{font-size:12px; font-weight:bold; color:#1b1b1b;} .setup_results ul.phones li span{display:block;} .setup_results ul.phones li span.img{margin-bottom:3px;} /* @end */ /* @group Setup Your Phone */ ol.pairing_instructions{list-style-type:decimal; margin-bottom:23px; padding-left:26px; font-size:11px; font-weight:bold; color:#424242;} ol.pairing_instructions li{line-height:16px; padding-bottom:8px;} ol.pairing_instructions li span{font-weight:normal;} ol.pairing_instructions li.no_bullet{list-style-type:none;} /* @end */ /* @group Leasing Options */ .recall_notifications{font-size:10px; color:#7c7c7c;} .your_vin{margin-right:95px;} .your_honda{} .your_vin .title, .your_honda .title{font-weight:bold; font-size:12px; color:#1b1b1b; padding-bottom:5px;} /* @end */ /* @group Parts & Accessories */ .parts_accessories_sub_menu{border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:19px 0 19px 0; margin-bottom:30px; text-align:center;} .parts_accessories_sub_menu span{font-size:14px; color:#424242; font-weight:bold; display:inline-block; padding:0 5px 0 5px;} .parts_accessories_sub_menu span a{color:#7c7c7c;} .parts_accessories_sub_menu span a:hover{color:#424242;} .parts_accessories_sub_menu span a.active{color:#424242;} /* @end */ /* @group Parts Overview */ ul.parts_overview{margin-bottom:30px;} ul.parts_overview{text-align:center;} /* @end */ /* @group Leasing Options */ .leasing_options .heading{font-weight:bold; font-size:12px; color:#1b1b1b; margin-bottom:3px;} /* @end */ /* @group Owner's Website */ .owners_website ul{margin-bottom:20px;} ol.collision{list-style-type:decimal; margin-left:21px;} ol.collision li{font-weight:bold; padding-bottom:10px;} ol.collision li span{font-weight:normal; font-size:11px; color:#333; line-height:16px;} /* @end */ /* @group Image Description */ ul.image_description li{padding-bottom:20px;} ul.image_description li .image{width:198px; margin-right:26px;} ul.image_description li .description{width:421px;} /* @end */ /* @group honda in canada */ .proudly_canadian_overlay { position: relative; top: -320px; height: 30px; } .honda_in_canada_sub_menu{border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:19px 0 19px 0; margin-bottom:30px; text-align:center;} .honda_in_canada_sub_menu span{font-size:14px; color:#424242; font-weight:bold; display:inline-block; padding:0 15px 0 15px;} .honda_in_canada_sub_menu span a{color:#7c7c7c;} .honda_in_canada_sub_menu span a:hover{color:#424242;} .honda_in_canada_sub_menu span a.active{color:#424242;} .honda_in_canada .column_list li { padding-bottom: 20px; } .honda_in_canada .column_list li a.active{border-bottom:1px dotted #00abe8; padding-bottom:1px;} .canada_partners_programs{margin-bottom:30px;} ul.partners_programs{margin:0 25px 0 12px; padding-bottom:20px;} /* @end */ /* @group related links */ .related_links {padding-bottom: 20px; } .related_links a { display: inline-block; height: 14px; line-height: 10px; margin-left: 10px; border-left: 1px solid #d6d6d6; padding-left: 10px; font-size: 11px; } .related_links :first-child, .related_links .first { margin-left: 0; border-left: 0; padding-left: 0; } /* @end */ /* @group certified used */ .certified_used_title { background: url(../img/layout/certified_used_form_logo.gif) right 10px no-repeat transparent; } .cuv_gallery { width: 354px; overflow: hidden; } .cuv_gallery img { display: block; } .cuv_thumbnails li { margin: 6px 0 0 6px; } .cuv_thumbnails li.first { margin-left: 0; } .cuv_thumbnails a { display: block; } .cuv_dealer { width: 270px; margin-left: 20px; overflow: hidden; } .cuv_dealer .tabs_horizontal { margin: 0; } .cuv_dealer .tabs_horizontal a { padding-left: 16px; padding-right: 16px; } .tbl_cuv { margin-top: 10px; } .tbl_cuv td { font-size: 10px; } .tbl_cuv td.first div { width: 140px; } .tbl_cuv td.last div { width: 140px; } .cuv_extra_links li { width: 170px; text-align: center; margin-left: 60px; } .cuv_extra_links li.first { margin-left: 0; } .cuv_price_estimate { font-size: 11px; padding-top: 10px; padding-bottom: 10px; } .cuv_price_estimate li { margin-left: 20px; height: 50px; overflow: hidden; } .cuv_price_estimate li.first { margin-left: 0; } .cuv_price_estimate label { display: block; font-weight: bold; } .cuv_price_estimate select { margin-top: 10px; } .cuv_price_estimate .sales_tax select { width: 150px; } .cuv_price_estimate .term select { width: 60px; } .cuv_price_estimate .price { padding: 15px 30px 0 0; height: 35px; border-right: 1px dotted #aeaeae; margin-right: 30px; } .cuv_price_estimate .price label { display: inline; } .cuv_price_estimate .price span { font-weight: bold; font-size: 14px; color: #d90124;} .cuv_price_estimate .cash_trade { margin-left: 0; } .cuv_notes { margin-top: 20px; margin-bottom: 30px; } .cuv_notes .notes { text-indent: -11px; margin-left: 30px; margin-top: 10px; width: 500px; } .cuv_other_vehicles { margin-bottom: 30px; } .cuv_other_vehicles li { width: 150px; margin-left: 15px; text-align: center; } .cuv_other_vehicles li.first { margin-left: 0; } .cuv_other_vehicles .h6 { font-size: 11px; } .cuv_other_vehicles .price { font-size: 11px; } .cuv_other_vehicles .image { margin-bottom: 10px; } .cuv_contact .postal_code_container { width: 288px; } .cuv_contact select { width: 173px; } .cuv_contact .postal_code_1 { margin-right: 5px; } .cuv_contact .contact_me_by { margin-top: 5px; } .cuv_contact .contact_me_by input { background: none; margin: 0 10px 0 0; padding: 0; height: auto; display: inline-block; } .cuv_contact .contact_me_by label { display: inline-block; margin-right: 30px; font-size: 11px; vertical-align: top;} /* @end */ /* @group owner's maintenance calculator */ .maintenance_calculator .h3 {padding-bottom:5px;} .owners_calc { margin-bottom: 20px; } .owners_calc .col { margin-right: 30px; } .owners_calc .col label { font-weight:normal; margin-bottom: 10px; display:block; color: #424242; font-size:11px;} .owners_calc .col_year, .owners_calc .col_year select { width: 155px; } .owners_calc .col_model, .owners_calc .col_model select { width: 195px; } .owners_calc .col_tri, .owners_calc .col_trim select { width: 115px; } .owners_calc .col_kms { width: 250px;} .owners_calc .col_kms .input_box {margin-top: 0;} .owners_calc .col_kms label{margin-top: 4px; } .owners_calc_results { margin-bottom: 20px; } .owners_calc_results .col {margin-right: 30px; width: 155px; } .owners_calc_results .col select {width: 155px;} .owners_calc_rseults .col .input_box { margin-top: 0; } .owners_calc_results .col label {display: block; font-weight: bold; color: #424242; margin-bottom: 5px; } .owners_calc_results .col_submit {width:auto; margin-right: 0; margin-top:20px; } .owners_calc_results .col_submit .btn {margin-right: 0;} /* @end */ /* @group scrollpanes */ .car_box .hscrollpane_enabled { width: 915px; } .car_box .tracker-container { padding: 4px 5px 4px 5px; width: 901px; height: 13px; position: absolute; bottom: 15px; left: 0; background: url(../img/layout/bg_hscrollbar.gif) left top no-repeat white; overflow: hidden; } .car_box .tracker { width: 90px; height: 13px; background: url(../img/layout/hscrollbar.gif) left top no-repeat transparent; overflow: hidden; } .car_box .tracker-hover { background-position: left -14px; } /* @end */ /* @group scrollbox - general styles */ .scrollbox {overflow: hidden; position:relative; float:none; } .scrollbox .subview { padding: 0 25px 5px 0; position: absolute; } .scrollbox .commonlib-scrollview-pane-h {display: none;} .scrollbox .commonlib-scrollview-pane { margin-right: 5px; } .scrollbox .commonlib-scrollview-pane-inner { background: url("../img/layout/scrollbox-bg.png") repeat-y 5px top transparent; display: block;width: 5px; position: relative; padding: 0 5px; } /* Three lines below fixing this issue http://stackoverflow.com/questions/5791886/jquery-draggable-shows-helper-in-wrong-place-when-scrolled-down-page */ .scrollbox .commonlib-scrollview-pane-inner { overflow: auto; } * html .scrollbox .commonlib-scrollview-pane-inner { overflow: hidden; } *+html .scrollbox .commonlib-scrollview-pane-inner { overflow: hidden; } .scrollbox .commonlib-scrollview-pane-inner .commonlib-scrollview-handle { background: url("../img/layout/scrollbox-handle.png") no-repeat scroll right top transparent; cursor: pointer; display: block; height: 31px; left: -5px; overflow: hidden; position: relative; width: 14px; } * html .scrollbox .commonlib-scrollview-pane-inner .commonlib-scrollview-handle { background: url("../img/layout/scrollbox-handle.gif") no-repeat scroll right top transparent; left: -7px; } /* @end */ /* @group scrollbox - trim selector styles */ .details .specs .scrollbox .commonlib-scrollview-pane-v {height: 145px; display: block;} .details .specs .scrollbox .commonlib-scrollview-pane-inner { height: 145px; } .details .specs .scrollbox {clear:both; height: 145px; width: 340px;} /* @end */ /* @end */ /* @group future vehicles */ #hero_photos { position: relative; height: 400px; } #feature_area #hero_video { padding-bottom: 30px; } .honda_future_vehicles .image-slideshow-buttons { position: absolute; background: url(../img/layout/image-slideshow-background.png) no-repeat left top transparent; width: 165px; height: 53px; top: 50%; left: 50%; margin-left: -82px; margin-top: -26px; } .honda_future_vehicles .image-slideshow-buttons .prev { top: 15px; left: 15px; display: block; position: absolute; background: url(../img/layout/image-slideshow-control-left.png) no-repeat left top transparent; width: 16px; height: 22px; overflow: hidden; } .honda_future_vehicles .image-slideshow-buttons .next { top: 15px; right: 15px; display: block; position: absolute; background: url(../img/layout/image-slideshow-control-right.png) no-repeat left top transparent; width: 16px; height: 22px; overflow: hidden; } .honda_future_vehicles .image-slideshow-buttons a:hover { background-position: left bottom; } .honda_future_vehicles .image-slideshow-buttons .desc { position: absolute; top: 20px; left: 30px; width: 104px; text-align: center; color: #fff; font-size: 10px; } .honda_future_vehicles .image-slideshow-buttons .desc .index { font-weight: bold; } .honda_future_vehicles .image-slideshow-buttons .desc .total { font-weight: bold; } /* @end */ /* @group no flash */ .flash_disabled { text-align: center; display: none; padding-top: 90px; margin: 0 auto; } .flash_logo { background: url(../img/layout/flash_logo.png) no-repeat center top transparent; padding-top: 75px; } .flash_disabled .message { font-size: 18px; color: #7b7b7b; } #feature_area .flash_disabled { width: 950px; height: 265px; padding-top: 135px; background: url(../img/layout/bg_hero_no_flash.jpg) no-repeat left top transparent; } /*body.no-flash #feature_area .hero { background-color: transparent; background-image: none; height: 400px !important; }*/ /* @end */ .coming-soon { color: #D90124 !important; text-transform: uppercase; } /* @group bluetooth related styles for HandFreeLink iframe pages */ body.bluetooth { background-color: #fff; } body.bluetooth .column_right { width: 645px; } body.bluetooth .content_container { padding: 0; } body.bluetooth h1 sup { top: 0px; } body.bluetooth .bluetooth_form .row_one{background:url(../img/layout/row_01.gif) left center no-repeat; padding-left:50px;} body.bluetooth .bluetooth_form .row_two{background:url(../img/layout/row_02.gif) left center no-repeat; padding-left:50px;} body.bluetooth .bluetooth_form .row_three{background:url(../img/layout/row_03.gif) left center no-repeat; padding-left:50px;} body.bluetooth .bluetooth_form .row_four{background:url(../img/layout/row_04.gif) left center no-repeat; padding-left:50px;} body.bluetooth .bluetooth_form .row_five{background:url(../img/layout/row_05.gif) left center no-repeat; padding-left:50px;} body.bluetooth .bluetooth_form .row_six{background:url(../img/layout/row_06.gif) left center no-repeat; padding-left:50px;} body.bluetooth .bluetooth_form select{width:232px;} body.bluetooth .or_divider{background:url(../img/layout/or.gif) center no-repeat; width:85px; height:43px;} body.bluetooth .or_divider_large {background:url(../img/layout/or_lrg.gif) center no-repeat; width: 35px; height: 35px; } body.bluetooth .bluetooth_form .title{font-size:11px; color:#424242; margin-bottom:10px;} body.bluetooth .bluetooth_form .submit{text-align:center; margin-top:30px;} /* @end */ /* @group Featured Video Vehicle Header */ /* @group Automotive Landing */ .auto-landing{margin-bottom:0; width:950px; margin:15px auto 6px;} .home-page .auto-landing { margin: 0 auto; } .auto-landing .news-events dd, .auto-landing dl.landing-touts dd{margin-left:10px;} .auto-landing dl.landing-touts dd a{width:230px; height:131px; display:block;} .auto-landing .news-events dd:first-child, .auto-landing dl.landing-touts dd:first-child{margin-left:0;} .auto-landing .news-events{margin:15px 0 0 0;} .auto-landing .news-events .heading-container{margin:0 0 26px 0; padding:0 0 0 10px;} .auto-landing .news-events .heading-container h2{text-transform:uppercase; font-size:17px; color:#c40020; font-weight:bold; margin:0; padding:0; line-height:27px; background:url("../img/layout/icon_the_latest.gif") 0 0 no-repeat; padding:3px 0 0 42px;} .auto-landing .news-events .heading-container ul{margin-top:4px;} .auto-landing .news-events .heading-container li{padding:6px 0;} .auto-landing .news-events .heading-container li:first-child{background:url("../img/layout/dotted_divider_white.gif") right 0 repeat-y; margin-right:20px; padding-right:20px;} .auto-landing .news-events .heading-container a{text-transform:uppercase; font-weight:bold; font-size:12px; color:#565656; background:url("../img/layout/icons_prev_next.png") 0 0 no-repeat; line-height:1; padding:0; margin:0; display:inline-block;} .auto-landing .news-events .heading-container a.prev{background-position:0 2px; padding:0 0 0 13px;} .auto-landing .news-events .heading-container a.next{background-position:right -61px; padding:0 13px 0 0;} .auto-landing .news-events .heading-container a.prev:hover{background-position:0 -19px;} .auto-landing .news-events .heading-container a.next:hover{background-position:right -40px;} .auto-landing .news-events .heading-container a:hover{color:#c40020;} .auto-landing .news-events dd{height:auto; background:none; padding:0 10px; width:210px;} .auto-landing .news-events dd .heading{font-family:verdana, arial, sans-serif; font-size:12px; color:#151515; font-weight:bold; line-height:16px; margin-bottom:8px;} .auto-landing .news-events dd a{margin:6px 0 4px; display:block;} .auto-landing .news-carousel { position: relative;overflow: hidden;} .auto-landing .news-carousel .items { position: relative;width: 2000em; } /* @end */ .featured_video{background:url(../img/layout/feature_video_bg.gif) 0 0 no-repeat; position:absolute; top:0; left:26px; height:366px; padding:36px 30px 0;} .featured_video .model, .featured_video .title{color:#455560; text-transform:uppercase;} .featured_video .model{font-size:22px; line-height:1;} .featured_video .title{font-size:28px; font-weight:bold; margin-bottom:30px; line-height:20px;} .featured_video .additional_links{text-align:center; border-top:2px solid #8d754e; padding:14px 0 0 0;} .featured_video .additional_links ul{display:inline-block;} .featured_video .additional_links ul li{display:inline-block; background:url("../img/layout/dot_divider.png") 0 center no-repeat; padding-left:16px; margin-left:6px;} .featured_video .additional_links ul li:first-child{background:none; padding-left:0;} .featured_video .additional_links ul li a{font-weight:bold; color:#455560; font-size:13px; text-transform:uppercase;} .featured_video .additional_links ul li a:hover {color:#283138;} .featured_video .video_gallery{position:relative;} .featured_video .video_gallery a.btn_prev, .featured_video .video_gallery a.btn_next{width:16px; height:22px; position:absolute; top:74px; display:block;} .featured_video .video_gallery a.btn_prev{left:-12px; background:url("../img/layout/btn_gallery_arrow_prev.png") 0 0 no-repeat;} .featured_video .video_gallery a.btn_next{right:-12px; background:url("../img/layout/btn_gallery_arrow_next.png") 0 0 no-repeat;} .featured_video .video_gallery a.btn_next:hover, .featured_video .video_gallery a.btn_prev:hover{background-position:0 -22px;} .featured_video .video_gallery a.image{width:299px; height:169px; margin:0 auto 12px; display:block;} .featured_video .video_gallery .navigation{text-align:center; margin-bottom:15px;} .featured_video .video_gallery .navigation ul{display:inline-block;} .featured_video .video_gallery .navigation ul li{display:inline-block; margin:0 2px;} .featured_video .video_gallery .navigation ul li a{width:8px; height:8px; display:block; background:url("../img/layout/scroller_progress_dots.png") 0 0 no-repeat;} .featured_video .video_gallery .navigation ul li a.active, .featured_video .video_gallery .navigation ul li a:hover{background-position:0 -8px;} .auto-landing .news-carousel { position: relative;overflow: hidden;} .auto-landing .news-carousel .items { position: relative;width: 2000em; } /* .web-properties{background:url("../img/automotive/wrapper_alt_top.png") center 0 no-repeat; padding:5px 0 0 0;} .web-properties .wrapper{background:url("../img/automotive/wrapper_alt_bottom.png") 3px bottom no-repeat; padding:10px 0 15px 0;} .web-properties dl{margin:0 0 0 7px;} .web-properties dd{border-left:1px solid #696969; height:75px; padding:0 53px;} .web-properties dd a{display:block;} .web-properties dd:first-child{border-left:0;} .web-properties dd.acura a{background:url("../img/automotive/lgoo_acura.png") center 0 no-repeat; width:82px; height:45px; margin-top:15px;} .web-properties dd.honda-mc a{background:url("../img/automotive/logo_honda_motorcycles.png") center 0 no-repeat; width:67px; height:55px; margin-top:10px;} .web-properties dd.honda-marine a{background:url("../img/automotive/logo_honda_marine.png") center 0 no-repeat; width:99px; height:28px; margin-top:23px;} .web-properties dd.honda-pe a{background:url("../img/automotive/logo_honda_power_equipment.png") center 0 no-repeat; width:93px; height:46px; margin-top:14px;} .web-properties dd.honda-engines a{background:url("../img/automotive/logo_honda_engines.png") center 0 no-repeat; width:96px; height:28px; margin-top:23px;} .web-properties dd a:hover{background-position:0 bottom;} */ /* @end */ /* @group popup-video */ .popup-video { width: 610px; height: 343px; position: absolute; z-index: 10; top: -30px; left: 15px; } .popup-video .close { display: block; position: absolute; top: -20px; right: -20px; width: 42px; height: 42px; z-index: 2; background: url(/_Global/img/layout/close-button.png) no-repeat left top transparent; } /* @end */ .third-party-links { margin-top: 20px; } .facebook_tagline { font-size: 12px; } /* @end */ /* @group Legal Editor */ body .wrapper_columns .legal-editor h3, body .wrapper_columns .legal-editor h2{font-size:14px; color:#db131b; margin-bottom:6px; padding-bottom:0; line-height:22px;} body .wrapper_columns .legal-editor h2.alt{text-transform:uppercase; margin-bottom:10px; font-size:16px;} body .wrapper_columns .legal-editor h3{color:#151515;} body .wrapper_columns .legal-editor p{margin-bottom:20px; font-size:12px; line-height:18px;} body .wrapper_columns .legal-editor ul{margin:0 0 20px 20px; width:px;} body .wrapper_columns .legal-editor ul li{list-style-type:disc; margin-bottom:10px; line-height:18px;} /* @end */ /* float clear fix */ .fc:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; } @media screen and (-webkit-min-device-pixel-ratio: 0) { a.btn_brochure cufon { top: -2px; } body.bluetooth h1 sup { top: -5px; } } /* Added by Roberto for Pixel Tracking Code */ .center-tracking {text-align:center;} .center-tracking #TrackingWidget {text-align:center;} /*End of Added by Roberto */