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





a:link.squareBL, a:visited.squareBL{

color: #FFFFFF; /*button text color*/

font-weight:bold;

font-family:Arial, Helvetica, sans-serif;

font-size:12px

}



a.squareBL span{

background: transparent url('/inventory/images/new/litr_BAbtn.gif') no-repeat top right;

display: block;

padding: 4px 15px 4px 0px; /*Set 9px below to match value of 'padding-left' value above*/

}



a.squareBL:hover, a:active.squareBL{ /* Hover state CSS */

background-position: bottom left;

}



a.squareBL:hover span, a:active.squareBL span{ /* Hover state CSS */

background-position: bottom right;

color: #000000;

font-weight:bold;

font-family:Arial, Helvetica, sans-serif;

}



.Matchmaker {



	font: normal 12px arial,helvetica;



	text-align: left;



	color:#333333;



}







.Matchmaker a {



	color: #003366;



}



.Matchmaker a:link {



	color: #003366;



}



.Matchmaker a:visited {



	color: #003366;



}



.Matchmaker a:hover {



	color: #003366;



}



.Matchmaker a:active {



	color: #003366;



}







a.Matchmaker {



	font: normal 12px arial,helvetica;



	text-align: left;



	color:#333333



}



a.Matchmaker:link {



	color: #333333;



	font-weight: bold;



	font-size: 12px;



	font-family: Arial, Helvetica, sans-serif



}



a.Matchmaker:visited {



	color: #CCCCCC;



	font-weight: bold;



	font-size: 12px;



	font-family: Arial, Helvetica, sans-serif



}



a.Matchmaker:hover {



	color: #999999;



	font-weight: bold;



	font-size: 12px;



	font-family: Arial, Helvetica, sans-serif



}



a.Matchmaker:active {



	text-decoration: none;



	color: #999999;



}











.Matchmaker dd {



	font: normal 14px verdana,arial,helvetica;



}



.Matchmaker .app_title {



	color: #666666;



	font: bold 20px arial,helvetica;



	text-align: left;



}



.Matchmaker #loading {



	display: none;



	position: absolute;



	background: #666;



	font: bold 30px arial,helvetica;



	color: #FFFFFF;



	text-align: center;



	-moz-opacity: .35;



	opacity: .35;



	filter: alpha(opacity=35);



}



.Matchmaker #mm_control {



	background: #122464;



	height: 25px;



	overflow: hidden;



}



.Matchmaker #mm_control form {



	margin: 0px;



}



.Matchmaker #mm_control dl {



	text-align: center;



	width: 100%;



	margin: 2px 0px 0px 0px;



}



.Matchmaker #mm_control dl dt {



	display: inline;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 12px;



	color: #FFFFFF;



	font-weight:bold;



	margin: 0px 0px 0px 10px;



}



.Matchmaker #mm_control dl dd {



	display: inline;



	margin: 0px;



}



.Matchmaker #mm_control dl dd select {



	font: normal 12px arial,helvetica;



}



.Matchmaker .resultlist {



	background: #ffffff;



	text-align: left;



	border-bottom: solid 1px #999;



	border-left: solid 1px #999;



	border-right: solid 1px #999;



	padding: 5px;



}



.Matchmaker .carlist {



	width: 100%;



	background: #eee;



	text-align: left;



	border-bottom: solid 1px #999;



	padding: 5px;



}



.Matchmaker .price {



	font: bold 15px arial,helvetica;



	color: #993333;



}



.Matchmaker .payment {



	font: bold 20px arial,helvetica;



	color: #900;



}



.Matchmaker .mileage {



	font: bold 15px arial,helvetica;



	color: #122464;



}



.Matchmaker #pages {



	background: #eee;



	width: 100%;



	color:#333333;



	text-align: center;



	padding-bottom: 10px;



	font-family: Arial, Helvetica, sans-serif;



font-size: 18px;  



}



.Matchmaker #pages a: { 







font-family: Arial, Helvetica, sans-serif;



font-size: 18px;  



text-align: left; 



color:#333333 ;



} 



.Matchmaker #pages a:link {  



color: #333333;  



font-weight: bold;  



font-size: 18px;  



font-family: Arial, Helvetica, sans-serif 



} 



.Matchmaker #pages a:visited {  



color: #CCCCCC;  



font-weight: bold;  



font-size: 18px; 



font-family: Arial, Helvetica, sans-serif 



} 



.Matchmaker #pages a:hover {  



color: #999999;



font-size: 18px; 



}







.Matchmaker #pages input {



	font: normal 18px arial,helvetica;



	color:#333333;



}



.Matchmaker .carname {



	font-family: Arial, Helvetica, sans-serif;



	color: #666666;



	font-weight: bold;



	font-size: 18px;



	cursor: pointer;



}



.Matchmaker .prefetch {



	font: normal 10px arial,helvetica;



	color: #122464;



}



.Matchmaker .subtext {



	font: normal 10px arial,helvetica;



	color: #122464;



}



.Matchmaker .huge {



	font: bold 50px arial,helvetica;



}



.Matchmaker .prevstep {



	float: left;



	font: bold 15px arial,helvetica;



	color: #000;



	margin-left: 5px;



	margin-bottom: 3px;



}



.Matchmaker .nextstep {



	float: right;



	font: bold 15px arial,helvetica;



	color: #000;



	margin: 0px 2px 0px 0px;



}



.Matchmaker .tablink {



	background: #666666;



	height: 20px;



	font: bold 12px arial,helvetica;



	color: #fff;



	cursor: pointer;



}



.Matchmaker .expand {



	float: right;



	background-color: #ccc;



	font: normal 12px arial,helvetica;



	cursor: pointer;



}



.Matchmaker .expand_active {



	float: right;



	background-color: #ccc;



	font: normal 12px arial,helvetica;



	cursor: pointer;



}



.tool-text {



    width: 250px;



    background: #122464;



    font: normal 10px arial,helvetica;



    color: #666;



    border: dashed 1px #666;



    padding: 4px 8px 8px;



    z-index: 1000;



}



.Matchmaker .cardetail {



	position: relative;



}



.Matchmaker .cardetail dl {



	width: 100%;



	margin: 0px;



}



.Matchmaker .cardetail dt {



	float: left;



	margin: 2px 2px 0px 0px;



	cursor: pointer;



}



.Matchmaker .cardetail dd {



	position: absolute;



	width: 100%;



	top: 32px;



	left: 0px;



	font: normal 12px arial,helvetica;



	border-top: solid 1px #666;



	margin: 0px;



}



.Matchmaker .cardetail dd li {



	margin: 0px 0px 0px 20px;



}



.Matchmaker .detail_button {



	margin: 10px 0px 0px 0px;



	cursor: pointer;



}



.Matchmaker .calculator {



	position: relative;



	width: 200px;



	border: solid 2px #122464;



	margin: 10px 0px 0px 0px;



}



.Matchmaker .location {



	position: relative;



	width: 300px;



	font: 15px arial,helvetica;



	text-align: left;



	padding: 10px 0px 0px 0px;



}







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



	0 = white



	30 = grey



	60 = blue



	90 = purple



*/



.Matchmaker #mm_menu dl dt a .tab_left {



	background: #fff url(appletabs.gif) no-repeat left top;



	background-position: 0px -30px;



	padding: 0px 0px 0px 15px;



}



.Matchmaker #mm_menu dl dt a .tab_right {



	background: #fff url(appletabs.gif) no-repeat right top;



	background-position: 100% -30px;



	font: bold 15px arial,helvetica;



	color: #ffffff;



	text-decoration: none;



	text-align: center;



	white-space: nowrap;



	padding: 8px 15px 4px 0px;



}



.Matchmaker #mm_menu dl dt a:hover .tab_left {



	background-color: #fff;



	background-position: 0px -90px;



	color: #ffffff;



}



.Matchmaker #mm_menu dl dt a:hover .tab_right {



	background-color: #fff;



	background-position: 100% -90px;



}



.Matchmaker #mm_menu dl dt.current a .tab_left,



.Matchmaker #mm_menu dl dt.current a:hover .tab_left {



	background-color: #fff;



	color: #ffffff;



	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: #ffffff;



}



.Matchmaker .summary_left {



	background: #fff url(appletabs.gif) no-repeat left top;



	background-position: 0px -60px;



	padding: 0px 0px 0px 15px;



}



.Matchmaker .summary_right {



	background: #fff url(appletabs.gif) no-repeat right top;



	background-position: 100% -60px;



	font: bold 15px arial,helvetica;



	color: #ffffff;



	text-align: center;



	text-decoration: none;



	white-space: nowrap;



	padding: 8px 15px 4px 0px;



}



.Matchmaker .label_left {



	background: #ddd url(bottomtab.gif) no-repeat left top;



	background-position: 0px -60px;



	padding: 0px 0px 0px 10px;



}



.Matchmaker .label_right {



	background: #ddd url(bottomtab.gif) no-repeat right top;



	background-position: 100% -60px;



	font: bold 18px arial,helvetica;



	color: #FFFFFF;



	text-align: center;



	text-decoration: none;



	white-space: nowrap;



	padding: 8px 10px 4px 0px;



}



.Matchmaker .cardetail dt a .detail_left {



	background: #ddd url(bottomtab.gif) no-repeat left top;



	background-position: 0px 0px;



	padding: 0px 0px 0px 10px;



}



.Matchmaker .cardetail dt a .detail_right {



	background: #ddd url(appletabs.gif) no-repeat right top;



	background-position: 100% 0px;



	font: bold 15px arial,helvetica;



	color: #FFF;



	text-align: center;



	text-decoration: none;



	white-space: nowrap;



	padding: 8px 10px 4px 0px;



}







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



.TwoRowTab {



	position: relative;



	width: 850px;



	border: solid 1px #000;



}



.TwoRowTab #mm_result {



	position: absolute;



	top: 90px;



	width: 850px;



}



.TwoRowTab #mm_menu {



	position: relative;



	width: 850px;



}



.TwoRowTab #mm_menu dl {



	width: 100%;



	margin: 0px;



}



.TwoRowTab #mm_menu dt {



	float: left;



	margin: 2px 2px 0px 0px;



	cursor: pointer;



}



.TwoRowTab #mm_menu dd {



	display: none;



	position: absolute;



	background: #eee;



	top: 64px;



	left: 0px;



	width: 100%;



	margin: 0px;



}



.TwoRowTab #mm_menu dd.current {



	display: block;



	border: 1px solid #666;



}



.TwoRowTab #Summary .summary_left {



	margin-left: 324px;



	}







/* ========== Vertical Tab ========== */



.VerticalTab {



	position: relative;



	width: 750px;



}



.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: #999999;



	font-weight: bold;



	font-size: 11px;



	font-family: Arial, Helvetica, sans-serif



}



a.TwoRowTab:visited {



	color: #CCCCCC;



	font-weight: bold;



	font-size: 11px;



	font-family: Arial, Helvetica, sans-serif



}



a.TwoRowTab:hover {



	color: #999999;



	font-weight: bold;



	font-size: 11px;



	font-family: Arial, Helvetica, sans-serif



}







a.TwoRowTab:active {



	text-decoration: none;



	color: #999999;



}







a.TwoRowTab {font-size: 11px;



}



.tool-title {



    display: none;



}



.Matchmaker .intro_text {}



.Matchmaker .disclaimer {}



.Matchmaker .map_button {}



.Matchmaker .location .title {



    font: bold 10px arial,helvetica;



    color: #000;



}



.Matchmaker .button {



    float: left;



}



.Matchmaker .button a .button_left {



    background: #ccc url(/AF2/images/button_bg.gif) no-repeat left top;



    padding: 0px 0px 0px 10px;



}



.Matchmaker .button a .button_right {



    height: 17px;



    background: #ccc url(/AF2/images/button_bg.gif) no-repeat right top;



    font: bold 11px arial,helvetica;



    color: #333;



    text-decoration: none;



    text-align: center;



    white-space: nowrap;



    padding: 3px 10px 0px 0px;



    cursor: pointer;



}



.Matchmaker .button a:hover .button_left {



    background-color: #fff;



    background-position: 0px -20px;



}



.Matchmaker .button a:hover .button_right {



    background-color: #fff;



    background-position: 100% -20px;



}  



.Matchmaker .big_button {

	padding-left: 5px;

}



.Matchmaker .big_button a .button_left {



    background: #ccc url(/AF2/images/button_big_bg.gif) no-repeat left top;



    padding: 0px 0px 0px 10px;



}  



.Matchmaker .big_button a .button_right {



    height: 25px;



    background: #ccc url(/AF2/images/button_big_bg.gif) no-repeat right top;



    font: bold 15px arial,helvetica;



    color: #333;



    text-decoration: none;



    text-align: center;



    white-space: nowrap;



    padding: 8px 10px 0px 0px;



    cursor: pointer;



}   



.Matchmaker .big_button a:hover .button_left {



    background-color: #fff;



    background-position: 0px -32px;



}



.Matchmaker .big_button a:hover .button_right {



    background-color: #fff;



    background-position: 100% -32px;



}
a.squareBA
{
background-color: transparent;
background-image: url(/css/inventory/images/new/litr_BAbtn_edge.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
display: block;
float: left;
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 12px;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;
line-height: 21px;
height: 29px;
padding-left: 15px;
text-decoration: none;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 10px;
}
a.squareBA:link, a.squareBA:visited
{
color: #ffffff;
font-weight: bold;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
}
a.squareBA:hover, a.squareBA:active
{
background-position: left bottom;
}