@charset "utf-8";
/* CSS Document */

/****** Styles for vehicle-view page *******/

dl.vehicle-summary h2
{
    color : #575757;
    font-weight : bold;
    font-size : 14px;
    line-height : 18px;
    margin-bottom : 8px;
}

h3, h3 a
{
	font-size: 12px;	
}

h4
{
	font-size: 11px;
	padding: 3px 0 3px 3px;
}

div.vehicle-view-container
{
	float: left;
	width: 100%;
}

div.vehicle-view-container a.button:hover
{
	color: #000000;
}

div.vehicle-view-container a.results
{
    height : 17px;
    float: left;
	margin: 4px 0 0 15px;
    padding : 3px 0 0 23px;
    background : transparent url(/theme3/assets/images/arrow-left.gif) no-repeat scroll 0 -44px;
}

div.vehicle-view-container a.results:hover
{
    background : transparent url(/theme3/assets/images/arrow-left.gif) no-repeat scroll 0 -22px;
}

div.vehicle-view-container a.results:active
{
    background : transparent url(/theme3/assets/images/arrow-left.gif) no-repeat scroll 0 0;
}

div.vehicle-view-container a.next-vehicle 
{
    height:17px;
    text-align : right;
    float: right;
	margin: 4px 15px 0 30px;
    padding : 3px 23px 0 0;
    background : transparent url(/theme3/assets/images/arrow-right.gif) no-repeat scroll right -44px;
}

div.vehicle-view-container a.next-vehicle:hover 
{
    background : transparent url(/theme3/assets/images/arrow-right.gif) no-repeat scroll right -22px;
}

div.vehicle-view-container a.next-vehicle:active
{
    background : transparent url(/theme3/assets/images/arrow-right.gif) no-repeat scroll right 0;
}

div.vehicle-view-container a.previous-vehicle 
{
    height : 17px;
    float: right;
	margin-top: 4px;
    padding : 3px 0 0 23px;
    background : transparent url(/theme3/assets/images/arrow-left.gif) no-repeat scroll 0 -44px;
}

div.vehicle-view-container a.previous-vehicle:hover 
{
    background : transparent url(/theme3/assets/images/arrow-left.gif) no-repeat scroll 0 -22px;
}

div.vehicle-view-container a.previous-vehicle:active 
{
    background : transparent url(/theme3/assets/images/arrow-left.gif) no-repeat scroll 0 0;
}

div.vehicle-view-container a.next-compare
{
    height:17px;
    text-align : right;
    float: right;
	margin: 4px 15px 0 30px;
    padding : 3px 23px 0 0;
    background : transparent url(/theme3/assets/images/arrow-right.gif) no-repeat scroll right -44px;
}

div.vehicle-view-container a.next-compare:hover
{
	background : transparent url(/theme3/assets/images/arrow-right.gif) no-repeat scroll right -22px;
}

div.vehicle-view-container a.previous-compare
{
    height : 17px;
    float: right;
	margin-top: 4px;
    padding : 3px 23px 0 23px;
    background : transparent url(/theme3/assets/images/arrow-left.gif) no-repeat scroll 0 -44px;
}

div.vehicle-view-container a.previous-compare:hover
{
	background : transparent url(/theme3/assets/images/arrow-left.gif) no-repeat scroll 0 -22px;
}

div.vehicle-view-container a.next-favourites
{
    height:17px;
    text-align : right;
    float: right;
	margin: 4px 15px 0 30px;
    padding : 3px 23px 0 0;
    background : transparent url(/theme3/assets/images/arrow-right.gif) no-repeat scroll right -44px;
}
div.vehicle-view-container a.next-favourites:hover
{
	background : transparent url(/theme3/assets/images/arrow-right.gif) no-repeat scroll right -22px;
}
div.vehicle-view-container a.previous-favourites
{
    height : 17px;
    float: right;
	margin-top: 4px;
    padding : 3px 23px 0 23px;
    background : transparent url(/theme3/assets/images/arrow-left.gif) no-repeat scroll 0 -44px;
}
div.vehicle-view-container a.previous-favourites:hover
{
	background : transparent url(/theme3/assets/images/arrow-left.gif) no-repeat scroll 0 -22px;
}

div.vehicle-images
{
	float: left;
	padding: 15px 0 15px 15px; 
}

div.main-content.vehicle-view div.vehicle-images img
{
    background-color : #ededed;
}

div.vehicle-images img.carMainImage
{
    width:359px;
    height:235px;
}

div.thumbnails img
{
	float: left;
	margin: 7px 7px 0 0; 
	width:115px;
	height:75px;
	cursor: pointer;
}

div.thumbnails img.last
{
	margin-right: 0;
}

a.zoom
{
	background: url(/theme1/assets/images/magnifying-glass.png) no-repeat;	
	display:block;
	height:31px;
	position:absolute;
	top: 46px;
	left: 344px;
	width:29px;
	height: 31px;
	z-index:50;
}

div.vehicle-details
{
	float: left;
	width: 376px;
	padding-top: 15px;
	padding-left : 25px;
	/*height: 242px;*/
	height: auto;
}

div.main-content div.vehicle-details dl
{
    width : 376px;
    height : 100%;
    padding-left : 0;
}
    
div.main-content div.vehicle-details dt
{
	float: left;
	clear :left;
	width: 100px;
	min-height:20px;
	height: auto;
	padding-bottom : 0;
}

div.main-content div.vehicle-details dd
{
    float:left;
    min-height:20px;
    height:auto;
    padding-bottom:0;
    width:270px;
}

div.main-content div.vehicle-details dd.price
{
	color : #1E61A7;
	font-size : 12px;
	font-weight : bold;
}

div.vehicle-view-container div.navigation-buttons 
{
    margin : 10px 0px 15px 0px;
    height : 52px
}

div.navigation-buttons
{
	float: left;
	margin-top: 20px;
}

div.navigation-buttons a
{
	padding-left: 25px;
	height: 23px;
	display: block;
	font-size: 9px;
	float: left;
	margin-right: 15px;
}

div.navigation-buttons a.compare
{
    display:block;
    height:27px;
    padding:10px 0 0 40px;
    margin-right:15px;
	background: url(/theme3/assets/images/compare-icon.png) no-repeat;
}
div.navigation-buttons a.compare-remove
{   
    display:block;
    height:27px;
    padding:10px 0 0 40px;
    margin-right:15px;
	background: url(/theme3/assets/images/remove-compare-icon.png) no-repeat;
}

div.navigation-buttons a.favourites
{
    display:block;
    height:27px;
    padding:10px 0 0 48px;
	background: url(/theme3/assets/images/favourites-icon.png) no-repeat;
}
div.navigation-buttons a.favourites-remove
{
    display:block;
    height:27px;
    padding:10px 0 0 48px;
	background: url(/theme3/assets/images/remove-favourites-icon.png) no-repeat;
	margin-right : 0px;
}

div.dealer-details
{
	clear: left;
	float: left;
	margin-left: 15px;
	width: 359px;
	background-color: #F4F4F4;
	border-bottom: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
}

ul.ui-accordion 
{
    width : 392px;
    height : 222px;
    margin : 0 15px 15px 0;
    float: right;
	background-color: #F4F4F4;
    border : 1px solid #E5E5E5;
}

ul.ui-accordion li.header
{
	float: left;	
}

ul.ui-accordion li.technical-specification div.content
{
	padding-left : 3px;	
}

ul.ui-accordion li h3
{
    width: 386px;
    height : 17px;
    cursor : pointer;
    padding : 3px 0 0 6px;
    border-bottom : 1px solid #E5E5E5;
    background : transparent url(/theme3/assets/images/accordion-unselected.jpg) no-repeat scroll 0 0;
}

div.dealer-details h3
{
	background: url(/theme1/assets/images/dealer-details-header.jpg) no-repeat;
	padding: 1px 0 0 3px;
	height: 18px;
	border-bottom: 1px solid #d6d6d6;	
}

ul.ui-accordion li h3.selected 
{
    border-bottom : 1px solid #E5E5E5;
    background : transparent url(/theme3/assets/images/accordion-selected.jpg) no-repeat scroll 0 0;
}

ul.ui-accordion li h3 a
{
	display : block;
}

ul.ui-accordion li.last h3
{
	border-top : 1px solid #E5E5E5;
	border-bottom: none;
}

ul.ui-accordion li.last h3.selected
{
	border-top: none;
	border-bottom: none;
}

div.dealer-details ul 
{
	padding: 3px;
	height: 112px;
}

ul.ui-accordion div.content	
{
	height: 180px;
	width : 392px;
	overflow-y: scroll;
}

ul.ui-accordion div.content	ul
{
	list-style: inside disc;
	padding-left: 15px;
}

ul.ui-accordion div.content	ul li
{
	line-height: 18px;	
	height : auto;
}

div.cta-list
{
	float: left;
	margin: 0 0 0 15px;	
	padding-bottom : 15px;
	width: 359px;
}
div.cta-list span
{
	float: left;
	width: 165px;	
	height: 50px;	
}
div.cta-list span a
{
	font-size : 9px;
}
div.cta-list a.print
{	
	background: url(/theme3/assets/images/print-icon.png) no-repeat;	
	height: 41px;
	display: block;
	padding: 12px 0 0 52px;	
}
div.cta-list a.vehicle-enquiry
{	
	background: url(/theme3/assets/images/enquire-icon.png) no-repeat;	
	height: 41px;
	display: block;
	padding: 12px 0 0 50px;
}
div.cta-list a.send-friend
{	
	background: url(/theme3/assets/images/envelope-icon.png) no-repeat;	
	height: 41px;
	display: block;
	padding: 12px 0 0 45px;
}
div.cta-list a.test-drive
{	
	background: url(/theme3/assets/images/book-a-test-drive.png) no-repeat;	
	height: 41px;
	display: block;
	padding: 12px 0 0 45px;
	margin-left: 5px;
}
div.cta-list a.telephone
{	
	background: url(/theme1/assets/images/phone-icon.png) no-repeat;	
	height: 28px;
	display: block;
	padding: 12px 0 0 35px;
	margin-left: 10px;
    cursor: default;
}


div.cta-list ul 
{
	width: 359px;	
}
div.cta-list li
{
	float: left;
	width: 165px;	
	height: 50px;
}
div.cta-list li.enquire
{
	width: 180px;	
}
div.cta-list li a
{
	font-size: 9px;
}
div.cta-list li.test-drive a
{
	background: url(/theme1/assets/images/speedometer_icon.png) no-repeat;	
	height: 41px;
	display: block;
	padding: 12px 0 0 45px;
	margin-left: 5px;
}
div.cta-list li.send-to-friend a
{
	background: url(/theme1/assets/images/envelope-icon.png) no-repeat;	
	height: 41px;
	display: block;
	padding: 12px 0 0 45px;
}
div.cta-list li.print a
{
	background: url(/theme1/assets/images/print-icon.png) no-repeat;	
	height: 41px;
	display: block;
	padding: 12px 0 0 52px;
}
div.cta-list li.enquire a
{
	background: url(/theme1/assets/images/enquire-icon.png) no-repeat;	
	height: 41px;
	display: block;
	padding: 12px 0 0 50px;
}
div.cta-list li.telephone
{
	background: url(/theme1/assets/images/phone-icon.png) no-repeat;	
	height: 28px;
	display: block;
	padding: 12px 0 0 35px;
	margin-left: 10px;
}

div.dealer-details 
{
    width : 357px;
    border:1px solid #E5E5E5;
}

div.dealer-details h3 
{
    border-bottom : 1px solid #E5E5E5;
    padding : 3px 0 0 5px;
    background : transparent url(/theme3/assets/images/accordion-unselected.jpg) no-repeat scroll 0 0;
}

div.dealer-details ul 
{
    padding : 3px 3px 3px 5px;
}

span.disclaimer
{
    float : left;
    clear : both;
    padding : 5px 15px;
    width : 760px;
    text-align : center;
}
/****** End of styles for vehicle-view page *******/


