@charset "utf-8";
/* CSS Document */

/****** Styles for vehicle-view page *******/

div.large-panel div.body
{
	clear: none;	
}

div.large-panel div.body div.inner-content div.navigation-panel
{
	height: 23px;
	background-color: #d8d8d8;
	border-bottom: 1px solid #999999;
	margin-bottom: 15px;
	margin-top: -15px;
	padding-top: 7px;
	padding-bottom: 0;
}

div.body div.inner-content div.navigation-panel a 
{
	float: right;
	height: 18px;
	margin: 0;
	padding-top: 1px;
}

div.body div.inner-content div.navigation-panel a.results
{
	float: left;
	display: block;
	width: 78px; 
}
	
div.body div.inner-content div.navigation-panel a.next-vehicle, div.body div.inner-content div.navigation-panel a.next-vehicle:hover
{
	background-position: right 0px;
	padding-right: 19px;
	display: block;
	width: 63px; 
}

div.body div.inner-content div.navigation-panel a.previous-vehicle
{
	display: block;
	width: 82px; 
}

div.large-panel div.body div.inner-content div.vehicle-images
{
	float: left;
	padding-bottom: 0;
	height: 247px;
}

a.zoom
{
	position: absolute;
	top: 77px;
	left: 260px;
	background: url(/theme2/assets/images/magnifying-glass.png) no-repeat;
	height: 30px;
	width: 30px;
}

div.vehicle-images img
{
	border: 1px solid #999999;
}

div.vehicle-images img.main
{
	
}

div.large-panel div.body div.inner-content div.vehicle-images div.thumbnails
{
	margin: 7px 0 0 0;
	padding: 0;
}

div.vehicle-images div.thumbnails img
{
	cursor : pointer;
	float: left;
	margin-left: 7px;
	width : 84px;
	height : 56px;
}

div.vehicle-images div.thumbnails img.first
{
	margin-left: 0;
}

div.vehicle-images div.thumbnails img.selected
{
	opacity: 0.5;
}

div.large-panel div.body div.inner-content div.vehicle-details
{
	float: left;
	position: relative;
	padding-left: 0;
	width: 271px;
	height: 247px;
}

div.large-panel div.body div.inner-content div.vehicle-details dl h2
{
	margin-bottom: 5px;
	padding: 0;
}

div.vehicle-details dl.vehicle-summary dt
{
	clear: left;
	float: left;
	min-height: 18px;
	width: 90px;
}

div.vehicle-details dl.vehicle-summary dd
{
 	float: left;
 	min-height: 18px;
	height: auto;
	width: 170px;
}

div.vehicle-details div.buttons
{
	position: absolute;
	bottom: 15px; 
}

div.vehicle-details div.buttons span
{
	height: 26px;
	margin-top: 4px;
	width: 130px;
	display: block;
	float: left;
}

div.vehicle-details div.buttons a
{
	height: 20px;
	padding: 6px 0 0 30px;
	display: block;
	float: left;
	margin: 0;
}

a.print
{
 	background: url(/theme2/assets/images/print-btn.png) no-repeat;
}

a.print:hover
{
 	background: url(/theme2/assets/images/print-hover-btn.png) no-repeat;
}

a.enquiry
{
 	background: url(/theme2/assets/images/enquiry-btn.png) no-repeat;
}

a.enquiry:hover
{
 	background: url(/theme2/assets/images/enquiry-hover-btn.png) no-repeat;
}

a.send-friend
{
 	background: url(/theme2/assets/images/send-to-friend-btn.png) no-repeat;
}

a.send-friend:hover
{
 	background: url(/theme2/assets/images/send-to-friend-hover-btn.png) no-repeat;
}

a.test-drive
{
 	background: url(/theme2/assets/images/test-drive-btn.png) no-repeat;
}

a.test-drive:hover
{
 	background: url(/theme2/assets/images/test-drive-hover-btn.png) no-repeat;
}

div.large-panel div.body div.inner-content div.vehicle-details div.buttons
{
	clear: left;
	float: left;
	padding: 0;
}	

div.large-panel div.body div.inner-content div h4
{
	font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;
	color: #306796;
}

div.large-panel div.body div.inner-content div.detail-panel h4
{
	background: url(/theme2/assets/images/detail-panel-header.jpg) no-repeat;
	height: 19px;
	padding: 4px 0 0 7px;
}

div.large-panel div.body div.inner-content div.detail-panel
{
	background: url(/theme2/assets/images/small-divider.gif) no-repeat bottom;
	background-color: #EBEBEB;
}

div.large-panel div.body div.inner-content div.dealer-details
{
	clear: left;
	float: left;
	width: 272px;
	padding: 0;
	margin-left: 15px; 
}

div.large-panel div.body div.inner-content div.delivery
{
	bottom: 10px;
	left: 4px;
	position: absolute;
	width: 272px;
}

div.large-panel div.body div.inner-content div.delivery p
{
	padding: 0;
}


div.large-panel div.body div.inner-content div.vehicle-equipment
{
	float: right;
	width: 271px;
	padding: 0;
	margin: 0 15px 0 0; 
}

div.large-panel div.body div.inner-content div.dealer-details ul
{
	padding: 3px 0 5px 7px;
}

div.large-panel div.body div.inner-content div.dealer-details ul li.tel
{
	font-weight: bold;
}

div.large-panel div.body div.inner-content div.vehicle-equipment div
{
	height: 200px;
	width: 249px;
	padding-left: 7px;
	margin-bottom: 2px;
	overflow-y: scroll;
	overflow-x: hidden;
}

div.large-panel div.body div.inner-content div.vehicle-equipment ul
{
	padding: 0 0 3px 15px;	
	border-bottom: 1px solid #b7b7b7;
}

div.large-panel div.body div.inner-content div.vehicle-equipment ul li
{
	width: 218px;
	line-height: 20px;
	list-style: outside disc;
}

div.large-panel div.body div.inner-content div.vehicle-equipment ul li.last
{
	
}

div.large-panel div.body div.inner-content div.vehicle-equipment ul li.header
{
	list-style: none;
	padding-left: 0;
}

div.large-panel div.body div.inner-content div.vehicle-equipment h5
{
	font-size: 11px;
	padding: 5px 0 5px 0;
}

/* set min-hetit so panel doesn't jump when preloader appears after criteria has changed */
.page-container .search-panel div.body div.inner-content
{
	min-height: 360px;
}

/****** End of styles for vehicle-view page *******/