/*===============================================
                 VLP COLOR SWITCH		
================================================*/	

.image_boxx {
	/*height: 336px; width: 572px;*/
	left: 510px;
	position: absolute;
	top: 120px;	
}
.swatch_circle {
	float:left;
	width: 30px;
	height:30px;
	margin:4px 16px 0 0;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	-webkit-box-shadow: #000 0px 2px 3px;
	-moz-box-shadow: #000 0px 2px 3px;
	box-shadow: #000 0px 2px 3px;
	background: #f9c768;
	/*background-image: #f9c768 url(images/circle_half.png) no-repeat -2px -2px ;
	background-image: url(images/circle_half.png)  no-repeat -2px -2px, -webkit-gradient(linear, 0 0, 0 bottom, from(#f9c768), to(#9d6b0a));
	background-image: url(images/circle_half.png)  no-repeat -2px -2px, -moz-linear-gradient(#f9c768, #9d6b0a);
	background-image: url(images/circle_half.png)  no-repeat -2px -2px, linear-gradient(#f9c768, #9d6b0a);
	-pie-background:  url(images/circle_half.png)  no-repeat -2px -2px , linear-gradient(#f9c768, #9d6b0a);*/
	position:relative;
	behavior: url(/css/PIE.htc);
	overflow:hidden;
}
.swatch_circle_border {
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url(/image/vlp/ring.png) no-repeat 0 0;
}
.swatch_circle_border_thick {
	background:url(/image/vlp/ring_thick.png) no-repeat 0 0;
}


#color_group {
	height:38px;
	width:50%;
	/*margin:0px 0 6px 144px;*/
	margin:0px 0 6px 60px;
	position:relative;
}
#car_color {
/*	z-index:99999;*/
}
#car_color2 {
	width:500px;
	height:270px;
	position:absolute;
	left:500px;
	top: 600px;
}
.color_box {
	/*width:34px;
	height:40px;
	float:left;
	margin:0 2px 0 0;
	text-align:center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(/css/PIE.htc);*/
	cursor:pointer;
}
.color_box a:hover {
	width:34px;
	height:40px;
	float:left;
	margin:0 2px 0 0;
	text-align:center;
	background:url(/image/vlp/active.png) no-repeat 0 0;
	cursor:pointer;
}
.on {
	background:url(/image/vlp/active.png) no-repeat 0 0;
}
.color_box img {
	margin:6px 0 0 2px;
}
#color_name {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	height: 26px;
	left: 0px;
	line-height: 20px;
	padding: 0 8px;
	position: absolute;
	text-transform: uppercase;
	top: -28px;
	background:url(/image/vlp/color_name_bk.png) no-repeat 50% 0;
}