﻿#showroom, #showroom .car img
{
	width:100%;
}

#showroom .car
{		
	color:#000;
	cursor:pointer;
	background-color:#ee6b23;
	opacity:0.8;
}

#showroom .car:hover
{
	opacity:1;
}

#showroom .pos0
{	
	margin-left:0;
}

#showroom h2
{	
	float:left;
	width:70%;
	padding:5px 2% 7px 2%;	
}

#showroom h3
{	
	float:right;
	width:24%;
	color:#000;
	padding:5px 2% 7px 0;	
}

#showroom ul
{
	clear:both;
	width:100%;
	border-top:2px solid #000;
}

#showroom li
{	
	height:15px;
	padding:5px 0 3px 5px;
}

#showroom p
{
	width:98%;
	min-height:14px;
	padding:5px 0 3px 5px;
	border-top:2px solid #000;
}

/* card details */

#cardetailsbox, #enquiryform, #ctl00_textPL_productlist1_pageId
{
	display:none;
}

#information h1
{
	font-size:1.4em;
}

#information h2, #enquiryform h2
{
	color:#EE6B23;
}

#details
{		
	margin:20px 0;
	font-size:1.2em;
	line-height:1.5em;
	overflow:auto;
}

a.linkbutton
{		
	background-color:#EE6B23;		
}

body.cardetails
{
	background:#000;
}

#backbtn
{
	display:block;
	padding-bottom:20px;
	text-align:right;
}

@media screen and (min-width:951px) 
{
	#showroom li
	{
		float:left;
	}

	#showroom li:first-child
	{
		width:calc(52% - 9px);
		border-right:2px solid #000;
		border-bottom:2px solid #000;
	}	

	#showroom li:nth-child(2)
	{
		width:47%;
		border-bottom:2px solid #000;	
	}

	#showroom li:nth-child(3), #showroom li:nth-child(4) , #showroom li:nth-child(5)
	{
		width:calc(31% - 2px);
		border-right:2px solid #000;	
	}

	#showroom li:nth-child(5)
	{
		border-right:0;
	}

	#showroom p
	{
		clear:both;
	}
}

@media screen and (max-width:950px) 
{
	#showroom li
	{
		width:100%;		
		border-bottom:2px solid #000;
	}	

	#showroom li:nth-child(5)
	{
		border-bottom:0;
	}
}

@media screen and (min-width:730px) 
{
	#showroom .car
	{	
		float:left;
		width:32%;	
		height:400px;	
		margin:0 1% 3px 0;		
	}	
	
	/* car details */	
	#cardetails
	{
		display:table;
		width:100%;
		max-width:850px;
		height:500px;
		margin:50px auto;	
	}

	#slideshow
	{
		float:left;
		width:68%;
		height:450px;
		margin-right:2%;
	}

	#information, #enquiryform
	{
		float:left;
		width:30%;
		height:450px;
	}

	#information
	{
		float:left;	
	}
}

@media screen and (max-width:729px) 
{
	#showroom .car
	{			
		width:100%;		
		margin-bottom:15px;		
	}

	/* car details */	
	#cardetails
	{		
		width:100%;		
		margin-top:50px;	
	}

	#slideshow
	{		
		width:100%;			
		margin-bottom:20px;
	}

	#information, #enquiryform
	{
		width:90%;
		margin:0 auto;	
	}	
}