/*VISUALISER~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



div#visualiser{
	Padding:40px 0 10px 0;
}

img#heightControl{width:80%;float:left;}

@media screen and (max-width: 1300px) {
	img#heightControl{width:100%;float:left;}
}
div#bodyColour, div#shadow, div#wheels{
	clear:both;
	width:100%;
	position:absolute;
	left:-40px;
}

div#bodyColour img, div#wheels img, div#shadow img{
	width:95%;
	max-width:1050px;
	margin:0 auto 0 auto;
	max-height:329px;
}

@media screen and (max-width: 1300px) {
	div#bodyColour, div#shadow, div#wheels{
	left:0;
}
}

@media screen and (max-width: 1500px) {
	div#controls{padding-top:30px;}
}

@media screen and (max-width: 900px) {
	div#controls{padding-top:0;}
}

@media screen and (max-width: 500px) {
	div#bodyColour img, div#wheels img, div#shadow img{
	width:80%;
	max-width:1050px;
	margin:0 auto 0 auto;
	max-height:329px;
}
}

/*BODY COLOR SELECT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#bodyColourControls{
	float:left;
	width:45%;	
	padding:1% 0 30px 0;
	text-align:center;
}

div.bodycolorSelect{
	max-width:95px;
	text-align:center;
	display:inline-block;
	cursor:url(../v/spraycan.png), pointer;
	width:18%;
	margin:0 .5% 0 0;
	color:#6886a9;
	font: 11px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div.bodycolorSelect img{
	width:100%;
	max-width:95px;
}

@media screen and (max-width: 800px) {
div#bodyColourControls{
	float:none;
	width:100%;	
	padding:3% 30px 0 0;
	clear:both;
	margin-bottom:20px;
	text-align:center;
}
}

/*WHEEL SELECT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


div#wheelSelection{
	width:45%;
	float:right;	
	padding:1% 0 30px 0;
}


div.wheelcolorSelect{
	max-width:95px;
	text-align:center;
	display:inline-block;
	cursor:url(../v/wheel-icon.png), pointer;
	width:18%;
	margin:0 .5% 0 0;
	color:#6886a9;
	font: 11px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div.wheelcolorSelect img{
	width:100%;
	max-width:95px;
}


@media screen and (max-width: 800px) {
	div#wheelSelection{
	float:none;
	width:100%;	
	padding:3% 30px 0 0;
	clear:both;
	margin-bottom:20px;
	text-align:center;
}
}