﻿/* @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{border:0; display:inline-block; background:url(../../img/layout/match_btn_left.gif) 0 0 no-repeat; margin-left:6px;text-transform:uppercase;font-weight:bold; color: #696969;font-size: 10px;}
#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 { vertical-align: top; position: relative; top: -0.5em; font-size:8px; }

#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:block; height:20px; margin-left:13px; padding:9px 13px 0 0; background:url(../../img/layout/match_btn_right.gif) 100% 0 no-repeat;}

#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 .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_needs .match_content .match_cars .match_vehicle span.price_disclaimer { margin-left: 50%;}

.additional-options{padding:0 18px 12px 18px;}
.additional-options .input-wrapper{padding-top:8px;}
.additional-options label{color:#726e6e; font-size:12px; margin-left:4px; font-family:arial, sans-serif; position:relative; top:1px;}

#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 */
