﻿/*******************************************************
Uvl Container Form Styles
********************************************************/
form.uvl
{	
    width : 100%;
}

form.uvl img
{
    /*border : none;*/
}

img.uvl.header
{
    margin : 0 0 -2px 0;
}

img.uvl.footer
{
    display : block;
    clear : both;
    margin : 0;
}
/********************************************************/

/*******************************************************
Uvl Search Panel Styles
********************************************************/
div.body.UsedCars div.contHeader 
{
	background-image : url(../img/uvl/uvlTop.jpg);
	background-repeat : no-repeat; 
	height : 10px; 
	width : 855px;
	font-size : 0px;
}
div.body.UsedCars div.content { background : url(../img/uvl/uvlMiddle.jpg) repeat-y; width : 855px; }
div.body.UsedCars div.contFooter { background : url(../img/uvl/uvlBottom.jpg) no-repeat; height : 10px; }

div.vehicleSearch
{
    margin : 0 0 0 2px;
    padding : 0;
    font-weight : bold;    
    width : 250px;    
    color : #FFF;
    float : left;        
}
div.vehicleSearch div.divTitle
{	
	font-size : 12px;			
	font-weight : bold;
	color : White;
	text-align : left;
	padding : 5px 0 10px 10px;	
	width : 200px;	
}
div.vehicleSearch fieldset
{	   
	border-width : 0px;
    margin : 0 0 0 10px;
    padding : 0;
    width : 230px;
}
div.vehicleSearch fieldset div 
{
	width : 227px;
	text-align : right;
	padding : 5px 0 0 0;	
	float : left;
}
div.vehicleSearch fieldset div label { float : left; }
div.vehicleSearch fieldset div select { color : Black; width : 140px; }
div.vehicleSearch fieldset div.pricefrom { width : 143px; padding-right : 10px; }
div.vehicleSearch fieldset div.pricefrom select { width : 56px; }
div.vehicleSearch fieldset div.priceto { width : 74px; }
div.vehicleSearch fieldset div.priceto select { width : 56px; }

div.vehicleSearch fieldset div.pagesize 
{
	border-top : solid 1px white; 
	margin-top : 10px;
	padding-top : 10px;
}

div.vehicleSearch fieldset.panel.buttons { text-align : right; }
div.vehicleSearch fieldset.panel.buttons input { margin : 5px 0 0 2px; }

div.vehicleSearch legend { display : none; }

div.resultspanel 
{ 
	float : left;
	width : 580px;
	margin : 0 0 0 10px;
	padding : 0;
}
div.resultspanel fieldset
{
	border-width : 0px;
    margin : 0;
    padding : 0;
    width : 200px;
}
div.resultspanel div.pagination div
{
	float : left;
	margin : 0; 
	padding : 0 0 10px 0;
	height : 10px;
}
div.resultspanel div.pagination div.panel.information { color : Black; width : 207px; }
div.resultspanel div.pagination div.panel.pages a { color : Black; text-decoration : none; font-weight : normal; }
div.resultspanel div.pagination div.panel.pages a.active { color : #999999; font-weight : bold; }

div.results 
{ 
	clear : left; 
	padding : 10px 0; 
	margin : 0; 
}
div.results div.item { background : url(../img/uvl/uvlResultsContentBg.jpg) no-repeat; width : 572px; height : 148px; }
div.results div.item div.thumbnail
{
	float : left;
	width : 172px;
	height : 115px;
	margin : 0;
	padding : 15px 10px 0 15px;	
}
div.results div.item div.thumbnail img 
{
	border-left : solid 2px #D9D9DA;
	border-top : solid 2px #D9D9DA;
	border-right : solid 2px #B5B5B7;
	border-bottom : solid 2px #B5B5B7;
	width : 172px;
	height : 115px;
}
div.results div.item div.details
{
	float : left;
	color : #5F5F5F;
	padding : 15px 0 0 10px;
	width : 230px;	
}
div.results div.item div.details div.title
{
	overflow : hidden;
	height : 14px;
}
div.results div.item div.details div.title a
{
	color : #00529F;
	text-decoration : none;
	font-size : 12px;
}
div.results div.item div.details div.title a:hover { text-decoration : underline; }
div.results div.item div.details p
{
	font-size : 11px;
	height : 14px;
	line-height : 14px;
	margin : 0 0 10px;
	overflow:hidden;
	padding : 0;		
}

div.results div.item div.details ul {		
	list-style-image : none;
	list-style-position : outside;
	list-style-type : none;
	margin : 5px 0 0;
	padding : 0;		
	width : 230px;
}
div.results div.item div.details ul li 
{  
	float : left;
	margin : 2px 0;
}
div.results div.item div.details ul li a.lblDetails 
{
	color : #5B5B5B;	
	font-weight : normal;
	cursor : text;
	float : left;	
}
div.results div.item div.details ul li a.txtDetails 
{	
	color : #5B5B5B;		
	font-weight : bold;	
	cursor : text;
	float : right;
}
div.results div.item div.price
{
	color : #5F5F5F;
	margin : 0;
	padding : 107px 0 0 0;
	width : 120px;		
	float : left;	
	text-align : right;
}
div.results div.item div.price.reduced { margin : 75px 0 0 0; }
div.results div.item div.price ul
{
	list-style-image : none;
	list-style-position : outside;
	list-style-type : none;
	margin : 0;
	padding : 0;		
}
div.results div.item div.price ul li
{
	color : #00529F;
	font-weight : bold;	
	font-size : 17px;
}
div.results div.item div.price.normal ul li.was { display : none; }
div.results div.item div.price.normal ul li.save { display : none; }
div.results div.item div.price ul li.was { font-size : 12px; font-weight : normal; }
div.results div.item div.price ul li.now { font-size : 15px; }
div.results div.item div.price ul li.save { font-size : 12px; font-weight : normal; }

div.vehicleSearchCompact
{
    margin : 7px 0 0 0;
    padding : 0;   
    font-weight : bold;    
    width : 272px;    
    color : #5F5F5F;
    float : left;    
}

div.vehicleSearchCompact div.divCompactTitle
{	
	font-size : 14pt;			
	font-weight : bold;
	color : #00529E;
	text-align : left;
	padding : 0;	
}

div.vehicleSearchCompact div.label
{
    float : left;
    margin : 16px 0 auto 10px;
    font-size : 7pt;
}
div.vehicleSearchCompact fieldset
{	   
	width : 545px;
	border-width : 0px;
    margin : 0;
    padding : 0;
    position : relative;
}

div.vehicleSearchCompact legend
{
    display : none;
}

div.vehicleSearchCompact label
{
    display :inline-block;
}
div.vehicleSearchCompact fieldset.panel.search div
{
	margin-top:10px;	
}
div.vehicleSearchCompact fieldset.panel.search div

div.vehicleSearchCompact fieldset div select
{
	margin-left:10px;
}
div.vehicleSearchCompact div.submit 
{ 
	text-align : right; 
	padding : 30px 0px 10px 0px;
	width : 541px;
}

div.vehicleSearchCompact select,
div.vehicleSearchCompact input
{    
    font-size : 10px;
    color : #333;
    font-weight : normal;
}

div.vehicleSearchCompact div
{
	margin:0;
	padding:0;
    text-align : left;
    width : 250px;    
}
div.vehicleSearchCompact div.derivative 
{ 
	position : absolute;
	top : 0px;
	right : 0px;
}
div.vehicleSearchCompact div.manufacturer label { padding-right : 32px; }
div.vehicleSearchCompact div.range label { padding-right : 28px; }
div.vehicleSearchCompact div.derivative label { padding-right : 8px; vertical-align : top; }
div.vehicleSearchCompact div.pricefrom
{
	float : left;
	width : 145px;
}
div.vehicleSearchCompact div.priceto 
{ 
	float : left; 
	width : 105px;
}
div.vehicleSearchCompact div.pricefrom label { padding-right : 34px; }
div.vehicleSearchCompact div.priceto label { padding-right : 17px; }

div.vehicleSearchCompact div.manufacturer select,
div.vehicleSearchCompact div.range select,
div.vehicleSearchCompact div.derivative select { width : 180px; }
div.vehicleSearchCompact div.derivative select { height : 77px; }

div.vehicleSearchCompact fieldset.panel.buttons
{	
    float : right;        
    text-align : right;    
    margin : -15px 12px 0 0;            
    width : auto;
    height : auto;
}
div.vehicleSearchCompact fieldset.panel.buttons input { cursor : pointer; }
div.vehicleSearchCompact fieldset.panel.buttons a.reset 
{
	border : solid 1px white;	
	background-color : #D8DCD2;
	color : Gray;
	text-decoration : none;
	padding : 1px 10px;
} 

div.vehicleSearchCompact input.button
{
    width : auto;
    height : auto;    
}
/********************************************************/

/*******************************************************
Uvl Vehicle Panel Styles
********************************************************/
div.vehiclepanel
{
    width : 855px;    
}

div.vehiclepanel div.column
{
    float : left;
}

div.vehiclepanel div.column.one
{
    margin : 0;
    padding : 0 0 0 15px;
    width : 235px;
}
div.vehiclepanel div.column.one div.header.one { width : 95%; padding-left : 0px; }
div.vehiclepanel div.column.one div.header.one h1
{
	margin : 5px 0 0 0;
	padding : 0;
	color : White;
	font-size : 17px;
	font-weight : bold;
}

div.vehiclepanel div.column.one div.horizontal.seperator
{
	border-top:1px solid #FFFFFF; 
	width : 225px; 
	height : 1px;	
	margin : 10px 0 0 0;
	padding : 5px 0;
	float : left;	
}
div.vehiclepanel div.column.one ul.vehicle 
{
	list-style-image : none;
	list-style-type : none;
	margin : 5px 0 0 0;
	padding : 0;
}
div.vehiclepanel div.column.one ul.vehicle li
{
	width : 224px;
}
div.vehiclepanel div.column.one ul.vehicle li a.lblDetails
{
	color : #FFF;
	float : left;
	font-weight : normal;
}
div.vehiclepanel div.column.one ul.vehicle li a.txtDetails
{
	color : #FFF;
	float : right;
	text-align : left;
}
div.vehiclepanel div.column.one ul.vehicle li.price a.txtDetails 
{ 
	font-size : 17px; 
	color : White;
}
div.vehiclepanel div.column.one div.buttons 
{ 
	width : 170px;
	margin : 0 auto;
}
div.vehiclepanel div.column.one div.buttons a.prevBtn { float : left; }
div.vehiclepanel div.column.one div.buttons a.nextBtn { float : right; }
div.vehiclepanel div.column.one div.buttons a.prevBtn.noBtn { display : none; } 
div.vehiclepanel div.column.one div.buttons a.nextBtn.noBtn { display : none; } 

div.vehiclepanel.linkview div.buttons a.print { display : none; }

div.vehiclepanel div.column.two
{    
    width : 580px;    
}

div.vehiclepanel ul.vehicle li
{
    width : 123px;
    float : left;    
    font-weight : bold;
    font-size : 11px;
    color : White;
    padding-top : 2px;    
}
div.vehiclepanel ul.vehicle li.price
{
    width : 85px;
    padding-top : 6px;
    font-size : 16px;
    color : #fff;
}


div.vehiclepanel div.vehicle
{
	margin : 0;
	padding : 0;   
    width : 100%;
}
div.vehiclepanel div.vehicle h2
{
    margin : 10px; 
    font-size : 14px;
    color : #00529F; 
}
div.vehiclepanel div.vehicle ul.equipment
{
	list-style-image : none;
	list-style-type : none;
	margin : 10px 0 15px 15px;
	padding : 0;	
}
div.vehiclepanel div.vehicle ul.equipment li.category
{
	border-bottom : 1px solid #C4B99D;
	font-size : 12px;
	font-weight : bold;
	margin : 15px 0 0 0;	
	width : 575px;
	color : #3B3B3B;
}
div.vehiclepanel div.vehicle ul.equipment li
{
	color : #5F5F5F;
	margin : 2px 0;
	width : 250px;
	float : left;
}
/*******************************************************
Uvl Vehicle Panel Image Styles
********************************************************/
div.vehiclepanel div.images
{
	border : solid 1px #5F5F5F;
	width : 570px;
	height : 380px;
	margin : 7px 0 0 10px;
	padding : 0;
}
div.vehiclepanel div.images div.thumbnails img
{
	width : 110px;
	height : 74px;
	margin : 0;
	padding : 0;
	/*border : solid 1px #5F5F5F;*/
	border : solid 1px #fff;
}
div.vehiclepanel div.images div.thumbnails {
	position : absolute;
	text-align : right;
	width : 570px;
	z-index : 2;
}

div.vehiclepanel div.images div.zoom
{
	position : absolute;
	text-align : left;
	width : 570px;
	z-index : 2;
}
div.vehiclepanel div.images div.zoom img.zoom {
	background-color : #00529F;
	border : 1px solid #fff;
	height : 14px;
	width : 14px;
	margin : 5px;
	padding : 5px;
	cursor : pointer;
}

div.vehiclepanel div.images img.mainimage
{
	width : 570px;
	height : 380px;
}
/*******************************************************/

/*******************************************************
Uvl Message Panel Styles
********************************************************/
div.messagepanel
{
	width : 67%;
	float : right;
	margin : 0 15px 0 0;
	padding : 0;
}
/*******************************************************/

/*******************************************************
Uvl Print Panel Styles
********************************************************/
div.divPrintRoot { background-color : White; }
div.printpanel
{
    width : 645px;
    padding : 0;    
    margin : 0px auto 0px auto;
}
div.printpanel div.header.logo
{
	background : url(../img/PageSolidBg.jpg);	
}
div.printpanel div.header.title
{
	background-color : #00529F;
}
div.printpanel div.header h1
{
    font-size : 14px;
	font-weight : bold;
	color : White;
	padding : 4px 15px 4px 10px;
	margin : 0;
}
div.printpanel div.header.logo h1
{
	font-size : 38px;
	font-weight : normal;
}
div.printpanel.car.vauxhall div.header.logo h1 { color : #FF0000; }
div.printpanel.car.chevrolet div.header.logo h1 { color : gold; }
div.printpanel div.column
{
    float : left;    
}

div.printpanel div.column.one
{    
    width : 430px;
    /*height : 800px;    
    overflow : hidden;*/
    min-height : 800px;
}

div.printpanel div.column.one h1
{
	color : #00529F;
	font-size : 14px;
	margin : 5px 10px 0 0;
	padding : 5px 0 5px 1px;
}

div.printpanel div.column.one div.images,
div.printpanel div.column.one div.images img
{
	width : 430px;
	height : 288px;	
}
div.printpanel div.column.one div.images img { float : left; }

div.printpanel div.column.two
{
    /*height : 800px;    
    overflow : hidden;*/
    min-height : 800px;
}

div.printpanel div.column.two div.images
{
    width : 215px;
    height : 288px;
}
div.printpanel div.column.two div.images
{
    overflow : hidden;
}
div.printpanel div.column.two div.address
{ 
	width : 215px; 
	float : left;	
	background-color : #00529F; 
	margin : 0;
	color : #FFF; 
	padding : 0; 
	height : 512px;	
	min-height : 512px;
}
div.printpanel div.column.two div.address table { margin-top : 410px; text-align : right; }
div.printpanel div.column.two div.address table tr td { width : 201px; }
div.printpanel div.column.two div.images img
{
	width : 215px;
	height : 144px;	
}
div.printpanel div.column.two div.images img { float : left;}

div.printpanel div.column.one table,
div.printpanel div.column.one table tbody { width : 420px; }
div.printpanel div.column.one table tbody tr th { color : #5F5F5F; text-align : left; font-weight : normal; padding : 0; }
div.printpanel div.column.one table tbody tr td { color : #5F5F5F; font-weight : bold; padding : 0; }

div.printpanel ul.equipment
{       
    margin : 10px 0;
    padding : 0;
    padding-left : 2px;
    width : 420px;
    min-height : 280px;
	list-style-image : none;
	list-style-type : none;    
}
div.printpanel ul.equipment li
{   	
	color : #5F5F5F;
    text-align : left;
    font-weight : normal;    
    font-size : 11px;
    padding : 2px 5px 0 0;
    width : 190px;  
    float : left;     
}
div.printpanel ul.equipment li.category
{
	margin-top : 5px 0 2px 0;
	padding-left : 0;
	background : none;
	border-bottom : 1px solid #C4B99D;
	color : #3B3B3B;
	font-size : 12px;
	font-weight : bold;
	margin : 10px 0 0 0;
	width : 423px;	
}
/********************************************************/

/*******************************************************
Disclaimer Styles
********************************************************/
div.disclaimer 
{
	width : 645px;	
	clear : left;
	padding : 20px 0 0 2px;
	margin : 0 auto;
	font-size : 7pt; 
	color : #666;
}
div.disclaimer a { font-size : 7pt; color : #666; }
/********************************************************/