@import url("/AF2/css/Matchmaker.css");

.Matchmaker {font:normal 12px; text-align:left; color:#FFF}

.Matchmaker a,.Matchmaker a:link,.Matchmaker a:active {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#ff0400; text-decoration:none}
.Matchmaker a:hover {color:#FFF}

.Matchmaker dd {font:normal 14px verdana,arial,helvetica; background-color:#FFFFFF; color:#000000}

.Matchmaker .app_title {color:#666; font:bold 20px arial,helvetica; text-align:left}

.Matchmaker #loading {display:none; position:absolute; background:#666; font:bold 30px; color:#FFF; text-align:center; -moz-opacity:.35; opacity:.35; filter:alpha(opacity=35)}

.Matchmaker #mm_control {background:#e80000; height:25px; overflow:hidden}

.Matchmaker #mm_control form {margin:0px}

.Matchmaker #mm_control dl {text-align:center; width:100%; margin:2px 0 0 0}

.Matchmaker #mm_control dl dt {display:inline; font-size:12px; color:#FFF; font-weight:bold; margin:0 0 0 10px}

.Matchmaker #mm_control dl dd {display:inline; margin:0}

.Matchmaker #mm_control dl dd select {font:normal 12px}

.Matchmaker .resultlist {background:#FFFFFF; color:#000000; text-align:left; border-bottom:solid 1px #999; border-left:solid 1px #999; border-right:solid 1px #999; padding:5px}

.Matchmaker .carlist {width:90%; background:#eee; text-align:left; border-bottom:solid 1px #999; padding:5px}

.Matchmaker .price {font:bold 13px; color:#ff0400}

.Matchmaker .payment {font:bold 16px; color:#ff0400}

.Matchmaker .mileage {font:bold 13px; color:#ff0400}

.Matchmaker #pages {background:#eee; width:100%; text-align:center; padding-bottom:10px; font-size:16px}

.Matchmaker #pages input {font:normal 16px}

.Matchmaker .carname {color:#000000; font-weight:bold; font-size:18px; cursor:pointer}

.Matchmaker .prefetch {font:normal 10px; color:#ff0400}

.Matchmaker .subtext {font:normal 10px; color:#ff0400}

.Matchmaker .huge {font:bold 50px arial,helvetica}

.Matchmaker .prevstep {float:left; font:bold 15px; color:#000; margin-left:5px; margin-bottom:3px}

.Matchmaker #result_number {font:bold 18px; color:#000}

.Matchmaker .nextstep {float:right; font:bold 15px; color:#000; margin:0 2px 0 0}

.Matchmaker .nextstep span {}

.Matchmaker .tablink {background:#666; height:20px; font:bold 12px; color:#fff; cursor:pointer}

.Matchmaker .expand {float:right; background-color:#ccc; font:normal 12px; cursor:pointer}

.Matchmaker .expand_active {float:right; background-color:#ccc; font:normal 12px; cursor:pointer}

.tool-text {width:250px; background:#ffc; font:normal 10px; color:#666; border:dashed 1px #666; padding:4px 8px 8px; z-index:1000}

.Matchmaker .cardetail {position:relative}

.Matchmaker .cardetail dl {width:100%; margin:0}

.Matchmaker .cardetail dt {float:left; margin:2px 2px 0 0; cursor:pointer}

.Matchmaker .cardetail dd {position:absolute; width:100%; top:32px; left:0px; font:normal 12px; border-top:solid 1px #666; margin:0}

.Matchmaker .cardetail dd li {margin:0 0 0 20px}

.Matchmaker .detail_button {width:200px; background:#eee; font:bold 15px; text-align:center; color:#000; margin:10px 0 0 0; border:solid 2px #666; cursor:pointer}

.Matchmaker .calculator {position:relative; width:200px; border:solid 2px #ff0400}

.Matchmaker .location {position:relative; width:200px; font:15px; text-align:left; padding:10px 0 10px 0; color:#FFF}

/* ========== Added Code ==========*/

.Matchmaker .intro_text {}

.Matchmaker .disclaimer {}

.Matchmaker #disclaimer {color:#333; text-align:left; padding:10px; width:900px}

.Matchmaker .map_button {}

.Matchmaker .location {font:bold 15px; color:#FFF}

.Matchmaker .location .title {font:bold 12px; color:#FFF}

/* ========== Image Tab ==========

	0 = white

	30 = grey

	60 = blue

	90 = purple

*/

.Matchmaker #mm_menu dl dt a .tab_left {
	background:#FFF url(/advanced/appletabs.gif) no-repeat left top;
	background-position:0px -30px;
	padding:0 0 0 22px;
}

.Matchmaker #mm_menu dl dt a .tab_right {
	background:#FFF url(/advanced/appletabs.gif) no-repeat right top;
	background-position:100% -30px;
	font:bold 15px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	white-space:nowrap;
	padding:8px 22px 4px 0;
}

.Matchmaker #mm_menu dl dt a:hover .tab_left {background:#FFF url(/advanced/appletabs.gif) no-repeat left top; background-position:0 -90px; padding:0 0 0 22px}

.Matchmaker #mm_menu dl dt a:hover .tab_right {
	background:#FFF url(/advanced/appletabs.gif) no-repeat right top;
	background-position:100% -90px;
	font:bold 15px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	white-space:nowrap;
	padding:8px 22px 4px 0
}

.Matchmaker #mm_menu dl dt.current a .tab_left,
.Matchmaker #mm_menu dl dt.current a:hover .tab_left {background-color:#FFF; color:#FFF; background-position:0px -90px}
.Matchmaker #mm_menu dl dt.current a .tab_right,

.Matchmaker #mm_menu dl dt.current a:hover .tab_right {background-color:#FFF; background-position:100% -90px; color:#FFF}
.Matchmaker .summary_left {background:#FFF url(/advanced/appletabs.gif) no-repeat left top; background-position:0px -60px; padding:0 0 0 22px}

.Matchmaker .summary_right {
	background:#FFF url(/advanced/appletabs.gif) no-repeat right top;
	background-position:100% -60px;
	font:bold 15px;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
	padding:8px 22px 4px 0
}

.Matchmaker .label_left {background:#FFF url(/advanced/bottomtab.gif) no-repeat left top; background-position:0 -60px; padding:0 0 0 22px}

.Matchmaker .label_right {
	background:#FFF url(/advanced/bottomtab.gif) no-repeat right top;
	background-position:100% -60px;
	font:bold 18px;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
	padding:8px 22px 4px 0
}

.Matchmaker .cardetail dt a .detail_left {background:url(/advanced/bottomtab.gif) no-repeat left top; background-position:0 0; padding:0 0 0 22px}

.Matchmaker .cardetail dt a .detail_right {
	background:url(/advanced/bottomtab.gif) no-repeat right top;
	background-position:100% 0;
	font:bold 15px;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
	padding:8px 22px 4px 0
}

/* ========== TwoRow Tab ========== */

.TwoRowTab {position:relative; width:920px; margin:0 20px 0 20px; padding-bottom:0px}
.TwoRowTab #mm_result {position:absolute; top:90px; width:920px}
.TwoRowTab #mm_menu {position:relative; width:920px}
.TwoRowTab #mm_menu dl {width:100%; margin:0}
.TwoRowTab #mm_menu dt {float:left; margin:2px 2px 0 0; cursor:pointer}
.TwoRowTab #mm_menu dd {display:none; position:absolute; background:#FFFFFF; top:64px; left:0; width:920px; margin:0}
.TwoRowTab #mm_menu dd.current {display:block; border:1px solid #333}
.TwoRowTab #Summary .summary_left {margin-left:5px}

/* ========== Vertical Tab ========== */
.VerticalTab {position:relative; width:920px}
.VerticalTab #mm_result {position:absolute; top:450px; left:0px; width:850px}
.VerticalTab #mm_menu {position:relative; width:210px}
.VerticalTab #mm_menu dl {width:100%}
.VerticalTab #mm_menu dt {float:left; clear:left; width:200px; margin:0px; cursor:pointer}
.VerticalTab #mm_menu dd {display:none; position:absolute; background:#eee; width:548px; top:0px; left:202px; margin:0px}
.VerticalTab #mm_menu dd.current {display:block; border-top:1px solid #666; border-bottom:1px solid #666; border-right:1px solid #666}

a.TwoRowTab:link {color:#999; font-weight:bold; font-size:11px}
a.TwoRowTab:visited {color:#CCC; font-weight:bold; font-size:11px}
a.TwoRowTab:hover {color:#999; font-weight:bold; font-size:11px}
a.TwoRowTab:active {text-decoration:none; color:#999}
a.TwoRowTab {font-size:11px}

.Matchmaker #pages { border-bottom:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC}

.Matchmaker #pages a:{font:Arial, Helvetica, sans-serif 16px; text-align:left; color:#333}
.Matchmaker #pages a:link {color:#333; font-weight:bold; font-size:16px; font-family:Arial, Helvetica, sans-serif}
.Matchmaker #pages a:visited {color:#333; font-weight:bold; font-size:16px; font-family:Arial, Helvetica, sans-serif}
.Matchmaker #pages a:hover {color:#333; font-weight:bold; font-size:16px; font-family:Arial, Helvetica, sans-serif}
.Matchmaker #pages a:active {text-decoration:none; color:#333; font-family:Arial, Helvetica, sans-serif}
.Matchmaker #pages b {text-decoration:none; color:#ff0400}

.tool-title {display:none}
.mm_intro {width:920px; height:265px}
.Matchmaker .button {float:left}
.Matchmaker .button a .button_left {background:#FFFFFF url(/advanced/advantageauto_btn_bg.gif) no-repeat left top; padding:0 0 0 10px}
.Matchmaker .button a .button_right {
    height:17px;
    background:#FFFFFF url(/advanced/advantageauto_btn_bg.gif) no-repeat right top;
    font:bold 11px Arial, Helvetica, sans-serif;
    color:#FFF;
    text-decoration:none;
    text-align:center;
    white-space:nowrap;
    padding:3px 10px 0 0;
    cursor:pointer;
}
.Matchmaker .button a:hover .button_left {background-color:#CCCCCC; background-position:0px -20px; color:#FFF}
.Matchmaker .button a:hover .button_right {background-color:#CCCCCC; background-position:100% -20px; color:#FFF}  
.Matchmaker .big_button {padding:5px; width:240px}
.Matchmaker .big_button a .button_left {background:#FFFFFF url(/advanced/advantageauto_big_bg.gif) no-repeat left top; padding:0 0 0 10px}  
.Matchmaker .big_button a .button_right {
    height:25px;
    background:#FFFFFF url(/advanced/advantageauto_big_bg.gif) no-repeat right top;
    font:bold 15px;
    color:#FFF;
    text-decoration:none;
    text-align:center;
    white-space:nowrap;
    padding:8px 10px 0 0;
    cursor:pointer;
}   
.Matchmaker .big_button a:hover .button_left {background-position:0px -32px}
.Matchmaker .big_button a:hover .button_right {background-position:100% -32px}

#mm_title {width:920px; height:30px}

.result_number {color:#F00}

.button_right a {color:#FFF; font-size:11px; font-family:Arial, Helvetica, sans-serif}
.button_right a:hover {color:#FFF; font-size:11px; font-family:Arial, Helvetica, sans-serif}