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



img, div.png {
        behavior: url(/iepngfix.htc);
}



a:link {color: #757575; text-decoration: none}
a:visited {color: #666666; text-decoration: none}
a:hover {color: #999999; text-decoration: underline}
a:active {color: #757575; text-decoration: none}

.Matchmaker {

	font: normal 12px arial,helvetica;

	text-align: left;

	color:#333333;

}





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

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

}

.Matchmaker .payment {

	font: bold 20px arial,helvetica;

	color: #900;

}

.Matchmaker .mileage {

	font: bold 15px arial,helvetica;

	color: #006699;

}

.Matchmaker #pages {

	background: #eee;

	width: auto;

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

}

.Matchmaker .subtext {

	font: normal 10px arial,helvetica;

	color: #006699;

}

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

    font: normal 10px arial,helvetica;

    color: #006699;

    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 #03528e;

	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: #ccc url(appletabs.gif) no-repeat left top;

	background-position: 0px -30px;

	padding: 0px 0px 0px 30px;

}

.Matchmaker #mm_menu dl dt a .tab_right {

	background: #ccc 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 30px 4px 0px;

}

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

	background-color: #ddd;

	background-position: 0px -90px;

	color: #ffffff;

}

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

	background-color: #ddd;

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

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

	background-position: 100% -90px;

	color: #ffffff;

}

.Matchmaker .summary_left {

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

	background-position: 0px -60px;

	padding: 0px 0px 0px 30px;

}

.Matchmaker .summary_right {

	background: #ddd 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 30px 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: #000;

	text-align: center;

	text-decoration: none;

	white-space: nowrap;

	padding: 8px 10px 4px 0px;

}



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

.TwoRowTab {

	clear: left;
	position: relative;

	width: 800px;

	border: solid 0px #000;

}

.TwoRowTab #mm_result {

	position: absolute;

	top: 90px;

	width: 900px;

}

.TwoRowTab #mm_menu {

	position: relative;

	width: 900px;

}

.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: 78px;

	}



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

.VerticalTab {

	position: relative;

	width: 750px;

}

.VerticalTab #mm_result {

	position: absolute;

	top: 450px;

	left: 0px;

	width: 750px;

}

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

    background-position: 0px -20px;

}

.Matchmaker .button a:hover .button_right {

    background-color: #ddd;

    background-position: 100% -20px;

}  

.Matchmaker .big_button {

}

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

    background-position: 0px -32px;

}

.Matchmaker .big_button a:hover .button_right {

    background-color: #ddd;

    background-position: 100% -32px;

}
a.squareBA{
background: transparent url('http://www.winterchevrolet.com/inventory/images/new/litr_BAbtn_edge.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 21px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 29px; /* Height of button background height */
padding-left: 15px; /* Width of left menu image */
text-decoration: none;
margin:0px 0px 0px 10px
}

a:link.squareBA, a:visited.squareBA{
color: #FFFFFF; /*button text color*/
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

a.squareBA span{
background: transparent url('http://www.winterchevrolet.com/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*/
margin:0px 0px 0px 0px
}

a.squareBA:hover, a:active.squareBA{ /* Hover state CSS */
background-position: bottom left;
}

a.squareBA:hover span, a:active.squareBA span{ /* Hover state CSS */
background-position: bottom right;
color: #000000;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}