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

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


dl.vehicle-summary h2
{
	margin-bottom: 5px;
}

h3, h3 a
{
	font-size: 11px;
	color: #2D2D2D;	
	display: block;
	width: 578px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
}
h3 a
{
	border: none;
}

h4
{
	font-size: 11px;
	padding: 3px 0 3px 7px;
	float: left;
	width: 550px;
	font-weight: bold;
}

/*fieldset.panel legend
{
	display: block;
}*/

fieldset.advancedcriteria legend
{
	display: none;	
}

fieldset.clearfix 
{
	margin-bottom:30px;
}

div.main-content h1 
{
 	margin-top: 0px;
}

div.vehicle-view-container
{
	float: left;
	width: 100%;
}

div.vehicle-view-container div.header
{
	width: 100%;
	height: 32px;
	border-bottom: 2px solid #2D2D2D;
	float: left;
}

/* Styled links */

div.vehicle-view-container a.results
{	
	background: url(../images/back-to-results-btn.png) no-repeat;
	height: 18px;
	width: 106px;
	height: 24px;
	text-align: center;
	float: left;
	color: black;
	padding-top: 4px;
}

div.vehicle-view-container a.results:hover
{
	background: url(../images/back-to-results-hover-btn.png) no-repeat;
}

div.vehicle-view-container a.next-favourites
{
	background: url(../images/next-btn.gif) no-repeat right;
	height: 18px;
	width: auto;
	float: right;
	padding: 1px 25px 0 5px;
	margin: 6px 15px 0 15px;
}
div.vehicle-view-container a.next-vehicle
{
	background: url(../images/next-btn.gif) no-repeat right;
	height: 18px;
	width: auto;
	float: right;
	padding: 1px 25px 0 5px;
	margin: 6px 15px 0px;
}
div.vehicle-view-container a.next-favourites:hover,
div.vehicle-view-container a.next-vehicle:hover
{
	background: url(../images/next-hover-btn.gif) no-repeat right;
}

div.vehicle-view-container a.previous-favourites
{
	background: url(../images/previous-btn.gif) no-repeat;
	height: 18px;
	width: auto;
	float: right;
	padding-left: 25px;
	padding-top: 1px;
	margin-top: 6px;	
}
div.vehicle-view-container a.previous-vehicle
{
	background: url(../images/previous-btn.gif) no-repeat;
	height: 18px;
	width: auto;
	float: right;
	padding-left: 25px;
	padding-top: 1px;
	margin-top: 6px;
}
div.vehicle-view-container a.previous-favourites:hover,
div.vehicle-view-container a.previous-vehicle:hover
{
	background: url(../images/previous-hover-btn.gif) no-repeat;
}

div.vehicle-view-container a.next-compare
{
	background: url(../images/next-btn.gif) no-repeat right;
	height: 18px;
	width: 84px;
	float: right;
	padding: 1px 15px 0 5px;
	margin: 6px 15px 0 15px;
}

div.vehicle-view-container a.next-compare:hover
{
	background: url(../images/next-hover-btn.gif) no-repeat right;
}

div.vehicle-view-container a.previous-compare
{
	background: url(../images/previous-btn.gif) no-repeat;
	height: 18px;
	width: 100px;
	float: right;
	padding-left: 21px;
	padding-top: 1px;
	margin-top: 6px;	
}

div.vehicle-view-container a.previous-compare:hover
{
	background: url(../images/previous-hover-btn.gif) no-repeat;
}

/* End of styled links */

div.vehicle-images
{
	float: left;
	padding: 10px 0 10px 0; 
}

div.vehicle-images img.carMainImage
{
    width:384px;
    height:254px;
}


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

div.thumbnails img
{
	float: left;
	margin: 7px 7px 0 0; 
	width: 122px;
	height: 81px;
	cursor: pointer;
}

div.thumbnails img.last
{
	margin-right: 0;
}

a.zoom
{
	background: url(../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: 190px;
	padding-top: 15px;
	margin-left: 10px;
	height: 242px;
}

div.vehicle-details h2
{
	font-size: 12px;
}

div.vehicle-details dt
{
	float: left;
	width: 90px;
	height: auto;
}

div.vehicle-details dd
{
	float: left;
	width: 100px;
	height: auto;
}
div.vehicle-details dd.price
{
	font-weight : bold;
	color : #374B6A;
	font-size : 12px;
}
div.vehicle-details dd.price span
{
	float : left;
	padding-right : 5px;
	font-size : 10px;
}
div.vehicle-details dd.price span.price-was
{
	font-weight : normal;
}


div.navigation-buttons
{
	float: left;
	margin-top: 10px;
}

/* Navigation buttons */

div.navigation-buttons a
{
	padding-left: 45px;
	padding-top: 12px;
	height: 38px;
	display: block;
	font-size: 9px;
	float: left;
	margin-right: 0px;
	width : 105px;
}

div.navigation-buttons a:hover
{
}

div.navigation-buttons a.compare
{
	background: url(../../assets/images/compare-icon.png) no-repeat;
}

div.navigation-buttons a.compare-remove
{
	background: url(../../assets/images/remove-compare-icon.png) no-repeat;
}

div.navigation-buttons a.favourites
{
	background: url(../../assets/images/favourites-icon.png) no-repeat;
}

div.navigation-buttons a.favourites-remove
{
	background: url(../../assets/images/remove-favourites-icon.png) no-repeat;
}

div.navigation-buttons a.finance
{
	background: url(../../assets/images/finance-icon.png) no-repeat;
}

div.navigation-buttons a.print
{
	background: url(../../assets/images/print-icon.gif) no-repeat;
}

/* End of navigation buttons */

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: 590px;
}

ul.ui-accordion li.header
{
	float: left;	
	width: 100%;
	padding-bottom: 0;
	margin-bottom: 0;
}

ul.ui-accordion li h3
{
	background: #d6d6d6 url(../images/acc-plus.gif) no-repeat right 5px;
	color: #2D2D2D;
	padding: 3px 5px;
}

div.dealer-details h3
{
	background: url(../../assets/images/accordion-hdr-selected.jpg) repeat-x;
	padding: 1px 0 0 7px;
	height: 18px;
}

ul.ui-accordion li h3.selected
{
	border-bottom: 1px solid #bbb;
	background: #d6d6d6 url(../images/acc-minus.gif) no-repeat right 5px;
	color: #2D2D2D;
}

ul.ui-accordion li.first
{
	border-top: 1px solid #bbb;
}

ul.ui-accordion li.last h3.selected
{
	border-top: none;
}

div.dealer-details ul 
{
	padding: 3px;
	height: 112px;
}

ul.ui-accordion div.content	
{
	height: 130px;
	width: 588px;
	overflow-y: scroll;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
}

ul.ui-accordion div.content	ul
{
	list-style: inside disc;
	padding-left: 15px;
	padding-bottom: 15px;	
}

ul.ui-accordion div.content	ul li
{
	line-height: 18px;
	height : auto;
	width: 45%;
	float: left;
	display : block;
}

div.cta-list
{
	float: left;
	margin: 15px 0 0;	
}

div.cta-list ul 
{
	width: 590px;	
}

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 a.test-drive
{
	background: url(../../assets/images/book-a-test-drive.png) no-repeat;	
	height: 41px;
	display: block;
	padding: 12px 0 0 45px;
	margin-left: 5px;
}

div.cta-list li a.send-friend
{
	background: url(../../assets/images/envelope-icon.png) no-repeat;	
	height: 41px;
	display: block;
	padding: 12px 0 0 45px;
}

div.cta-list li a.print
{
	background: url(../../assets/images/print-icon.png) no-repeat;	
	height: 41px;
	display: block;
	padding: 12px 0 0 52px;
}

div.cta-list li a.enquiry
{
	background: url(../../assets/images/enquire-icon.png) no-repeat;	
	height: 41px;
	display: block;
	padding: 12px 0 0 50px;
}

div.cta-list li.telephone
{
	background: url(../../assets/images/phone-icon.png) no-repeat;	
	height: 41px;
	display: block;
	padding: 12px 0 0 35px;
	margin-left: 10px;
}

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

/****** Finance Styles *******/

div.vehicle-view-container div.pe-finance-option-container
{
	clear:both;	
	border-top:solid 1px #DADADA;
}

div.vehicle-view-container div.pe-finance-option-container form h3
{
	border:none;
	width:155px;	
}

div.vehicle-view-container div.pe-finance-option-container form td h3
{
	border:none;
	width:120px;
	display:block;	
	/*background-color:#f3f3f3;*/
	
}

div.vehicle-view-container div.pe-finance-option-container pe-finance-data-mode form h3
{
	border:none;
	width:170px;
	background-color:#000;	
}



div.vehicle-view-container div.pe-finance-option-container form h3 a.ApplyForFinanceBtn
{
	width:100px;
	float:right;
}

div.pe-finance-state table
{
	margin-top:20px;
	
	}

div.pe-finance-state table tr th,
div.pe-finance-state table tr td
{
		text-align:center;
}



div.pe-finance-state table tr th
{
	font-weight:bold;
}

div.pe-finance-state p.apr
{
	font-size:1.5em;
	color:#2a2576;
	font-weight:bold;
}

.pe-finance-hidden
{
	display:none;
}


/* ================================================ */

.logo-img {
float:left;
height:50px;
width:110px;
}

div.insurance-row div.keyfact-img 
{
	padding-top:10px;
	margin-top:-5px;
	float:left;
	height:45px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}




	div.vehicle-view-container div.pe-finance-state form
	{
		position : relative;
		}
		
		div.vehicle-view-container div.pe-finance-state table
		{
			margin-top : 0px;
			table-layout : fixed;
			
			}
			
		div.vehicle-view-container div.pe-finance-state table.pe-finance-data-detail-mode
		{
			display:block;
			width: 100%;
			margin:0;
			height:auto;
			}
			
			
			/* TABLE LAYOUT */
				
				div.vehicle-view-container div.pe-finance-option-container form th
				{
					border-right:1px solid #ccc;
					}
								
					
				div.vehicle-view-container div.pe-finance-option-container div.pe-finance-data-0 form th.column-1,	
				div.vehicle-view-container div.pe-finance-option-container div.pe-finance-data-1 form th.column-1,
				div.vehicle-view-container div.pe-finance-option-container div.pe-finance-data-2 form th.column-1
				{
					width:120px;
				}
							
																
				div.vehicle-view-container div.pe-finance-option-container form td
				{
					text-align: center;
					width: 60px;
					padding: 0 3px 5px 3px;
					height: 30px;
					background-color:#f3f3f3;
					border-right:1px solid #ccc;
					}
				
				

				div.vehicle-view-container div.pe-finance-option-container div.pe-finance-data-1 form td 
				{
					background-color:#fff;
					}
			
		
		
		/* ELEMENTS WITHIN THE TABLES */	
			
			/* CLEAR DEFAULT LINK STYLES */
			div.vehicle-view-container div.pe-finance-option-container form .ApplyForFinanceBtn
			{
				background-image: none;
				float:none;
				height:auto;
				padding:0px;
				text-align:center;
				width:auto;
				}

			div.vehicle-view-container div.pe-finance-option-container form td input
			{
				background:transparent url(../images/btn-submit.png) no-repeat scroll 0 0;
				border:0;
				height:auto;
				width:56px;
				cursor:pointer;
				color:#000;
				line-height : 12px;
				padding : 2px 0px 5px 0px
				}
			
			div.vehicle-view-container div.pe-finance-state p.pe-average-apr 
			{
				top:0px;
				left:0;
				position:absolute;
				clear:both;
				display:block;
				padding : 0px;
				margin : 0px;
				}
		
		
		/* STATE SPECIFIC STYLES / SWITCHES */
		div.vehicle-view-container div.vehicle-view-container div.pe-finance-option-container div.pe-finance-data-1,
		div.vehicle-view-container div.vehicle-view-container div.pe-finance-option-container div.pe-finance-data-2
		{
			margin-top:0px;
			}
			
			div.vehicle-view-container div.pe-finance-option-container div.pe-finance-data-1 tr.header_row,
			div.vehicle-view-container div.pe-finance-option-container div.pe-finance-data-2 tr.header_row ,
			div.vehicle-view-container div.pe-finance-data-1 span.apr,
			div.vehicle-view-container div.pe-finance-data-2 span.apr
			
			{
				display:none;
				}
				
			div.vehicle-view-container div.pe-finance-data-0 span.apr
			{
				bottom:100px;
				display:block;
				width:100px;
				position:absolute;
				
			}
			
			div.vehicle-view-container div.pe-finance-data-0 span.abbr
		{
		position:absolute;
		left:92px;
		top:-10px;
		color:#2A2576;
		font-size:1.2em;
		font-weight:bold;
		margin-top:10px;
	
		}

/* ================================================ */



/****** End of Finance Styles *******/

/****** Insurance Styles *******/

div.vehicle-view-container div.insurance.vehicle-view
{
	clear:both;
	margin-top:30px;
	border-top:1px solid #DADADA;
	padding-top:10px;
}

div.vehicle-view-container div.insurance.vehicle-view a
{
	font-weight:bold;
}

div.vehicle-view-container div.insurance.vehicle-view div.header-row div,
div.vehicle-view-container div.insurance.vehicle-view div.pe-insurance-results-content div
{
	float:left;
	/*margin-bottom:10px;*/
}

div.vehicle-view-container div.insurance.vehicle-view div.header-row div
{
	height:50px;
	line-height:50px;
}

div.vehicle-view-container div.insurance.vehicle-view div.pe-insurance-results-content,
div.vehicle-view-container div.insurance.vehicle-view div.header-row
{
	margin-top:10px;
	background-color:#ccc;
}


div.vehicle-view-container div.insurance.vehicle-view div.header-row div
{
	margin-top:15px;
	font-weight:bold;
}


div.vehicle-view-container div.insurance.vehicle-view div.header-row div.logo
{
	width:160px;	
}

div.vehicle-view-container div.insurance.vehicle-view div.logo
{
	width:110px;
	height:50px;
	text-align:center;
	border-bottom:1px solid #ccc;
}

div.vehicle-view-container div.insurance.vehicle-view div.provider
{
	width:100px;
	height:50px;
	text-align:center;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	display:none;
}

div.vehicle-view-container div.insurance.vehicle-view div.header-row div.provider
{
	width:100px;
	height:50px;
	text-align:center;
	border-right:1px solid #fff;
	display:none;
	}

div.vehicle-view-container div.insurance.vehicle-view div.annual-premium,
div.vehicle-view-container div.insurance.vehicle-view div.monthly-premium
{
	width:120px;
	height:50px;
	text-align:center;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

div.vehicle-view-container div.insurance.vehicle-view div.header-row div.annual-premium
{
	width:120px;
	height:50px;
	text-align:center;
	border-right:1px solid #fff;
	
}

div.vehicle-view-container div.insurance.vehicle-view div.header-row div.select {
border-bottom:1px solid #ccc;
height:50px;
text-align:center;
width:70px;
color:#fff;
}

div.vehicle-view-container div.insurance.vehicle-view div.pe-insurance-results-content
{
	width:590px;	
	background-color:#fff;
}

div.vehicle-view-container div.insurance.vehicle-view div.pe-insurance-results-content div.select
{
	width:56px;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #ccc;
	padding:10px;
}

div.vehicle-view-container div.insurance div.pe-insurance-results-content div.select input
{
	
	background:transparent url(../images/btn-submit.png) no-repeat scroll 0 0;
	border:0;
	width:56px;
	height:20px;
	cursor:pointer;
	outline:none;
	color:#000;
	
}

div.pe-insurance-result div.header-row div.provider,
div.pe-insurance-result div.header-row div.monthly-premium

{
	background-color:#ccc;
	width:100px;
}

div.pe-insurance-result div.header-row div.annual-premium
{
	background-color:#ccc;
	width:150px;
}




/****** End of Insurance Styles *******/

.pe-finance-data-mode
{
	margin:0;
}

div.vehicle-view-container div.pe-finance-option-container div.pe-finance-data-0 div.clearfix,
div.vehicle-view-container div.pe-finance-option-container div.pe-finance-data-1 div.clearfix,
div.vehicle-view-container div.pe-finance-option-container div.pe-finance-data-2 div.clearfix

{
	clear:both;
	}

.proliteSubmit
{
	position:relative;
}


*:first-child+html div.vehicle-view-container div.pe-finance-option-container div.pe-finance-data-0 table
	{
		display:block;
		margin-left:-5px;
	}