﻿/*******************************************************
Uvl Container Form Styles
********************************************************/
form.uvl
{	
    width : 725px;
    margin : 0px;
    padding : 0px;
   
}

img.uvl.header
{
    margin : 0 0 -2px 0;
}

img.uvl.footer
{
    display : block;
    clear : both;
    margin : 0;
}

span.error
{
	display:block;
	color:#ff0000;	
}

/********************************************************/

/*******************************************************
Uvl Commercial Quick Search Panel Styles
********************************************************/
div.divCommercialQuickSearch
{
	width : 725px;
	height : 30px;
	background-color : #1D3C8F;
}
div.divCommercialQuickSearch ul
{
	list-style-image : none;
	list-style-position : outside;
	list-style-type : none;		
	margin : 0px;
	padding : 6px 0px 0px 0px;
	width : 725px;
	height : 30px;
}
div.divCommercialQuickSearch ul li.first
{
	padding-left : 12px;
}
div.divCommercialQuickSearch ul li
{
	float : left;
	padding : 0px 10px;
	margin : 0px;
	border-right : solid 1px white;
}
div.divCommercialQuickSearch ul li.last
{
	border-right : none;
}
div.divCommercialQuickSearch ul li a
{
	text-decoration : none;
	color : White;
	font-size : 12px;
	font-weight : bold;
}

/*******************************************************
Uvl Quick/Search Panel Styles
********************************************************/
div.searchpanel
{
    margin : 0;
    padding : 0;    
    font-weight : normal;    
    width : 100%;        
    color : White;
    border-bottom:solid 2px white;
    overflow:hidden;
}
div.quicksearchpanel
{
    margin : 0;
    padding : 0;    
    font-weight : normal;    
    width : 250px;        
    color:#3F4A67;
    border-bottom:solid 2px white;
    overflow:hidden;
}
div.quicksearchpanel p
{
	text-align : center;
	font-size : 14px;
	font-weight : bold;
	line-height : 18px;
	width : 95%;
}
div.searchpanel div.topsection
{
    margin : 0;
    padding : 0;    	
    width : 100%;        
    height : 30px;
    background-image : url('/assets/Vospers/images/uvl/uvl.search.bkgd.top.gif');
    background-repeat : no-repeat;
}
div.searchpanel div.middlesection
{
    margin : 0;
    padding : 0;    	
    width : 100%;        
    background-image : url('/assets/Vospers/images/uvl/uvl.search.bkgd.middle.gif');
    background-repeat : repeat-y;
}
div.searchpanel div.bottomsection
{
    margin : 0;
    padding : 0;    	
    width : 100%;        
    height : 10px;
    background-image : url('/assets/Vospers/images/uvl/uvl.search.bkgd.bottom.gif');
    background-repeat : no-repeat;
}

div.searchpanel div.divUVLTitle,
div.quicksearchpanel div.divUVLTitle
{	
	font-size : 10pt;	
	width : 99%;		
	background-color : #D8DCD2;
	color:Gray;
	text-align:left;
	padding:3px 0 3px 115px;
	border-bottom:solid 2px white;
}

div.searchpanel img
{
    display : block;
    float : left;
    vertical-align : middle;
}

div.searchpanel div.label,
div.quicksearchpanel div.label
{
    float : left;
    width : 91px;
    height : auto;
    margin : 16px 0 auto 10px;
    font-size : 7pt;
}
div.searchpanel fieldset,
div.quicksearchpanel fieldset
{
	width : 99%;
	border-width : 0px;
    margin : 0;
    padding : 5px 0 0 5px;
}
div.searchpanel fieldset
{
	padding-top : 10px;
}

div.searchpanel legend,
div.quicksearchpanel legend
{
    display : none;
}

div.searchpanel label,
div.quicksearchpanel label
{
    float : left;
}

div.searchpanel fieldset.panel.search div,
div.quicksearchpanel fieldset.panel.search div
{
	margin-bottom:10px;
}
div.searchpanel fieldset div select,
div.quicksearchpanel fieldset div select
{
	float : right;
}

div.searchpanel select,
div.searchpanel input,
div.quicksearchpanel select,
div.quicksearchpanel input
{
    width : 105px;
    font-size : 10px;
    color : #333;
    font-weight : normal;
}

div.searchpanel div
{
	padding : 0 5px 0 7px;
	margin : 0;    
    float : left;
    width : 222px;
    text-align : left;    
}

div.searchpanel div.colour
{
	clear : both;
	width : 700px;
	border-top : solid 1px #3B6A88;
	border-bottom : solid 1px #3B6A88;
	padding-top : 5px;
	padding-bottom : 5px;
}
div.searchpanel div.colour span
{
	float : left;
	clear : both;
	padding-top : 5px;
}
div.searchpanel div.colour span div
{
	width : 80px;
	margin : 0px;
	padding : 0px;
}
div.searchpanel div.colour span div input
{
	float : left;
	width : 10px;
	height : 10px;
	margin : 0px 5px 0px 0px;
	padding : 0px;
}
div.searchpanel div.colour span div label
{
	float : left;
	width : 60px;
	height : 10px;
	display : block;
	vertical-align : bottom;
}


div.quicksearchpanel div
{
	padding : 0px;
	margin : 0px;    
    float : left;
    width : 95%;
    text-align:left;        
}

div.searchpanel fieldset.panel.buttons,
div.quicksearchpanel fieldset.panel.buttons
{	
    margin : 0px;
    padding : 0 0 5px 0;
    width : 99%;
}
div.searchpanel fieldset.panel.buttons input,
div.quicksearchpanel fieldset.panel.buttons input { cursor : pointer; }
div.searchpanel fieldset.panel.buttons a.reset
{
	background-color : #3B6A88;
	color : White;
	text-decoration : none;
	padding : 1px 10px;
	display : block;
	width : 32px;
	height : 15px;
	margin-left : 650px;	
} 
div.searchpanel fieldset.panel.buttons a.search
{
	background-color : #3B6A88;
	color : White;
	text-decoration : none;
	padding : 1px 10px;
	display : block;
	width : 32px;
	height : 15px;
	margin-left : 159px;	
} 
div.quicksearchpanel fieldset.panel.buttons a.search
{
	background-color : #3B6A88;
	color : White;
	text-decoration : none;
	padding : 1px 10px;
	display : block;
	width : 40px;
	height : 15px;
	margin-left : 178px;	
	text-align : center;
} 

div.searchpanel fieldset.panel.buttons a.reset:hover,
div.quicksearchpanel fieldset.panel.buttons a.search:hover
{
	background-color : #C0C0C0;
}

div.searchpanel input.button,
div.quicksearchpanel input.button
{
    width : auto;
    height : auto;    
}
/********************************************************/


/*******************************************************
Uvl Results Panel Styles
********************************************************/
div.resultspanel
{
    margin : 0;
    width : 100%;        
}

div.resultspanel img
{
    border-width : 0px;
}

div.resultspanel div.panel,
div.resultspanel fieldset.panel
{
    border-width : 0;
    float : left;
    clear : left;
    background : none;
}
div.resultspanel div.pagination.footer div.panel.pages { clear : none; }

div.resultspanel div.panel.information
{
    margin : 6px 0 0 9px;
    width : auto;
}

div.resultspanel div.panel.pages
{
    text-align : center;
    margin : 12px 0 0 9px;
    width : auto;
}
div.resultspanel div.pagination.footer div.panel.pages
{
	margin : 6px 0 0 7px;
}
div.resultspanel div.panel.pages a.page
{
	font-size : 9px;
	font-weight : normal;
}

div.resultspanel fieldset.panel.configuration
{
    padding : 5px 2px 0 0;
    float : right; 
    width:auto;   
}

div.resultspanel fieldset.panel.configuration select,
div.resultspanel fieldset.panel.configuration input
{
    color : Black;
    width : 130px;
    font-size : 10px;
    font-weight : normal;
    font-family : Arial, Helvetica, Sans-Serif;
    border : 1px solid White;
}

div.resultspanel fieldset.panel.configuration div
{
    margin : 0 0 5px 0;
	clear : left;
	float : left;    
}
div.resultspanel fieldset.panel.configuration div.pagesize,
div.resultspanel fieldset.panel.configuration div.sortorder
{
	width : 235px;
}
div.resultspanel fieldset.panel.configuration div.pagesize select,
div.resultspanel fieldset.panel.configuration div.sortorder select
{
	float : right;
}

div.resultspanel fieldset.panel.configuration label
{
    display : block;
    float : left;
    margin : 1px 10px 0px 5px;
}

div.resultspanel div.pagination
{
    margin : 0;
    color : White;
    background-color:#3B6A88;
    height : 51px;
    font-weight : normal;
    font-size : 9px;
    clear:left;
}
div.resultspanel div.pagination.footer 
{  
	width : 100%;
	height : 26px;
	background-image : none;	
}

div.resultspanel div.pagination a
{
    color : White;
    text-decoration : none;
}

div.resultspanel div.pagination a.page
{
    padding : 0 1px;
    font-weight : normal;
    font-size : 11px;
}

div.resultspanel div.pagination a:hover
{
    text-decoration : none;
}

div.resultspanel div.pagination a.active
{
    font-weight : bold;
    color : #999;
}

div.resultspanel div.results
{
    padding-top : 5px;
    display : block;
    clear : both;
    min-height : 354px;
}
div.resultspanel div.results div.column.one
{
	width : 100%;
	float : left;		
}
div.resultspanel div.results div.column.two
{
	position : absolute;
	width : 150px;
	left : 700px;	
}

div.results div.item
{   
    margin : 0px;
    padding : 0px;
    height : 145px; 
	background-image : url(/assets/vospers/images/uvl/uvl.item.vehicle.bkgd.gif);
	background-repeat : no-repeat;
	background-position : left bottom;
	border-top : solid 1px #D5DDE4;
}
div.results div.item.ex-demo
{
	background-image : url(/assets/vospers/images/uvl/uvl.item.vehicle.ex.bkgd.jpg);
}
div.results div.item.ex-demo.non-approved,
div.results div.item.non-approved
{
	background-image : url(/assets/vospers/images/uvl/uvl.item.vehicle.vvv.bkgd.jpg);
}
#divUsedCommercialLocator div.results div.item
{
    margin : 0px 0px 5px 0px;
    padding : 0px;
    height : 145px; 
	background-image : none;
	border : solid 1px #1D3C8F;
}

div.results div.item div.thumbnail
{
	width:199px;
	height : 145px;
	float:left;		
}
div.results div.item div.detailsRightBorder
{
	float:left;
	width:5px;
}
div.results div.item img.thumbnail
{
    width : 170px;
    height : 113px;
    margin-top : 13px;    
    margin-left : 12px;
}
div.results div.item div.details
{
    float : left;    
    width : 515px;
    height : 145px;      
    overflow:hidden;    
}
div.results div.item div.details.reduced
{
	background : transparent url('/assets/Vospers/images/uvl/special_offer.jpg') no-repeat top right;
	padding-right : 9px;
}
div.results div.ex-demo div.details.reduced,
div.results div.non-approved div.details.reduced { background : none; }

div.results div.item div.title
{
    padding : 10px 0 0 0;
    font-weight : bold;
    font-size : 12px;
    height : 12px;
}

div.results div.item div.title div.distance
{
    float : right;
    font-size : 9px;
    color : #476B07;
    text-decoration : none;
}

div.results div.item div.title a
{
    float : left;
    display : block;
    color : #1D3C8F;
    text-decoration : none;
}

div.results div.item div.title a:hover
{
    text-decoration : underline;
}

div.results div.item p
{
    color : Black;
    margin-left : 0px;
    margin-bottom:0;
    font-size : 10px;
}
#divUsedCommercialLocator div.results div.item p { color : #1D3C8F; }

div.results div.item div.details ul
{
    color : Black;
    margin : 5px 0 0 0;
    font-weight : bold;
    font-size : 10px;
    padding : 0;
    list-style : none;
}
div.results div.item div.details ul li
{	
	float : left;			
	width : 40%;
}
div.results div.item div.details span.price 
{ 
	font-size : 18px; 
	font-weight : bold;
	clear : left;
	float : right;
	margin : 0px 0px 0px 0px;	
	padding : 0px;
	color : #7D92A7;
}
div.results div.item div.details span.was,
div.results div.item div.details span.save
{
	font-size : 12px;
	color : Red;
}
#divUsedCommercialLocator div.results div.item div.details span.price { color : #1D3C8F; }
div.results div.item div.details ul li a { cursor : text; color : Black; }
#divUsedCommercialLocator div.results div.item div.details ul li a { color : #1D3C8F; }
div.results div.item div.details ul li a.lblDetails
{
	float:left;	
	font-weight:normal;
	width:85px;	
}
div.results div.item div.details ul li.availabilitydate a.lblDetails,
div.results div.item div.details ul li.availabilitydate a.txtDetails
{
	color:#3F4A67;
}

div.results div.item ul li
{
    float : left;
    height : 15px;    
    padding : 0px;
    white-space : nowrap;
}
div.results div.item div.details ul li.telephone
{
	width : 60%;
}

/********************************************************/


/*******************************************************
Uvl Timeout Panel Styles
********************************************************/
div.timeoutpanel { color : Black; padding : 10px; }
div.timeoutpanel h1,
div.timeoutpanel a { color : #92A596; }
/********************************************************/


/*******************************************************
Uvl Vehicle Panel Styles
********************************************************/
div.vehiclepanel
{
    width : 727px;
     position: relative;
     display: block;
     height: auto;
}

div.vehiclepanel div.headerSection
{
    height : 30px;
    background : url(/assets/Vospers/images/uvl/vehicleTitleMiddle.gif) repeat-x;
    clear : left;
}
div.vehiclepanel.ex-demo div.headerSection
{
	background : url(/assets/Vospers/images/uvl/vehicleTitleMiddle.ex.gif) repeat-x 0px 27px;
	height : 57px;
}
div.vehiclepanel.ex-demo.non-approved div.headerSection,
div.vehiclepanel.non-approved div.headerSection
{
	background : url(/assets/Vospers/images/uvl/vehicleTitleMiddle.vvv.gif) repeat-x 0px 27px;
	height : 57px;
}
div.vehiclepanel.ex-demo div.headerSection div.ex-demo
{
	width : 727px;
	height : 26px;
	border-top : solid 1px #D5DDE4;	
	background-color : #66CC9A;	
}
div.vehiclepanel.ex-demo div.headerSection div.ex-demo span
{
	padding : 5px 10px;
	color : white;
	font-size : 14px;
	font-weight : bold;
	display : block;	
}

div.vehiclepanel.ex-demo.non-approved div.headerSection div.value,
div.vehiclepanel.non-approved div.headerSection div.value
{
	width : 727px;
	height : 26px;
	border-top : solid 1px #D5DDE4;	
	background-color : #FFF500;	
}
div.vehiclepanel.ex-demo.non-approved div.headerSection div.value span,
div.vehiclepanel.non-approved div.headerSection div.value span
{
	padding : 5px 10px;
	color : #333333;
	font-size : 14px;
	font-weight : bold;
	display : block;
}

div.vehiclepanel div.headerSection img.titleBgLeft { float : left; width : 10px; height : 30px; }
div.vehiclepanel div.headerSection img.titleBgRight { float : right; width : 10px; height : 30px; }

div.vehiclepanel div.headerSection h1
{
    font-size : 14px;
	font-weight : bold;
	color : White;
	margin : 0px;
	padding : 6px 0px 0px 0px;
	background : none;
}
div.vehiclepanel.ex-demo div.headerSection h1
{
	padding-left : 10px;
}
div.vehiclepanel.ex-demo.non-approved div.headerSection h1,
div.vehiclepanel.non-approved div.headerSection h1
{
	color : #333333;
	padding-left : 10px;
}

div.vehiclepanel div.headerSection h1.model { float : left; }
div.vehiclepanel div.headerSection h1.price { float : right; font-size : 20px; padding : 1px 5px 0px 0px; }

div.vehiclepanel div.column
{
    float : left;
}

div.vehiclepanel div.column.one 
{    
    width : 484px;
    padding : 0;
    margin : 0;
}
div.vehiclepanel div.column.one h1
{
	color: Black;
	margin : 0px;
	font-size : 10pt;
	clear : both;
	padding : 10px 0px;
	background : none;
}
div.vehiclepanel div.column.one div.images,
div.vehiclepanel div.column.one div.images img 
{
	width : 100%;
	height : 316px;
}
div.vehiclepanel div.column.one div.zoomButton
{
	position : relative;
    left : 10px;
    top : -333px;
    margin : 0px;
    padding : 0px;
    z-index : auto;
    width: 19px;
    height: 19px;	
}
div.vehiclepanel div.column.one div.zoomButton img.zoom
{	
	
    border : solid 1px white;
    width: 14px;
    height: 14px;
    padding : 5px;
    margin-right : 0px;
    background-color : #348593;
    cursor : pointer;
}
div.vehiclepanel div.column.one div.images img { float : left; }


div.vehiclepanel div.column.two
{
	position: absolute;
	right: 0px;
	}


div.vehiclepanel div.column.two, 
div.vehiclepanel div.column.two div.images
{
    width : 242px;
    height : 316px;
    padding : 0;
    margin : 0;

}

div.vehiclepanel div.column.two div.images img 
{
	width : 242px;
	height : 158px;	
}
div.vehiclepanel div.column.two div.images img { float : left;}


div.vehiclepanel ul.vehicle
{
    padding : 10px 0px 0px 0px;
    margin : 0px;    
    list-style : none;
    clear : left;
    width : 100%;
}
div.vehiclepanel ul.vehicle li
{
    
    float : left;
    clear : both;
    text-align : left;
    font-weight : bold;    
    font-size : 11px;
    color : #666;
    padding : 7px 0px; 
    border-top : 1px solid #D5DDE4;
    width : 95%;
}
div.vehiclepanel ul.vehicle li a { cursor : Text; }
div.vehiclepanel ul.vehicle li a.lblDetails
{
	width : 100px;
	float:left;
	color: Black;
	font-weight : normal;
}
div.vehiclepanel ul.vehicle li a.txtDetails
{
	color:Black;
	float : left;
}
div.vehiclepanel ul.vehicle li span
{
    display : block;
    font-size : 10px;
    font-weight : normal;
}
div.vehiclepanel ul.vehicle li.price
{
    width : 85px;
    padding-top : 6px;
    font-size : 16px;
    color : #fff;
}
div.vehiclepanel ul.vehicle li.price span { display : none; }


div.vehiclepanel ul.equipment
{       
    margin : 0px;
    padding : 10px 0px 0px 0px;
    width : 100%;
}
div.vehiclepanel ul.equipment li
{   	
	background-image: url(/assets/Vospers/images/bullet.jpg); 
	background-repeat : no-repeat;
	background-position : left;	
	list-style : none;
    text-align : left;
    font-weight : normal;    
    font-size : 11px;
    color : Black;
    padding : 2px 5px 0px 0px;    
    width : 235px;  
    float : left;     
}
div.vehiclepanel ul.equipment li.category
{
	margin-top : 15px;
	padding : 0;
	margin-bottom : 5px;
	background : none;
	font-size : 14px;
	font-weight : bold;
	width : 95%;
	height : 20px;
	color : Black;
	border-bottom : 1px solid #D5DDE4;
}

div.vehiclepanel.linkview div.buttons { display : none; }
div.vehiclepanel div.buttons
{
	width : 100%;
	height : auto;
	margin : 0px;	
}
div.vehiclepanel div.column.one div.buttons
{
	background : url(/assets/vospers/images/vehicle.buttons.inactive.bkgd.gif) repeat-x;
}
div.vehiclepanel div.column.one div.buttons a
{
	color : White;	
	padding : 7px 0 0 0;	
	border-right : solid 1px #C0C0C0;
	text-decoration : none;	
	font-size : 13px;
	width : 160px; 
	float : left;
	height : 23px;
	text-align : center;
}
div.vehiclepanel.ex-demo.non-approved div.column.one div.buttons a,
div.vehiclepanel.non-approved div.column.one div.buttons a { color : #333333; }

div.vehiclepanel div.column.one div.buttons a.back { width : 161px; }
div.vehiclepanel div.column.one div.buttons a:hover 
{ 
	background : url(/assets/vospers/images/vehicle.buttons.active.bkgd.gif) no-repeat;
}
div.vehiclepanel.ex-demo div.column.one div.buttons a:hover
{ 
	background : url(/assets/vospers/images/vehicle.ex.buttons.active.bkgd.gif) no-repeat;
}
div.vehiclepanel.ex-demo.non-approved div.column.one div.buttons a:hover,
div.vehiclepanel.non-approved div.column.one div.buttons a:hover 
{ 
	background : url(/assets/vospers/images/vehicle.vvv.buttons.active.bkgd.gif) no-repeat;
}

div.vehiclepanel div.column.one div.buttons a.hide { color : #2D5378; cursor : default; }
div.vehiclepanel.ex-demo div.column.one div.buttons a.hide { color : #66CC9A; }
div.vehiclepanel.ex-demo.non-approved div.column.one div.buttons a.hide,
div.vehiclepanel.non-approved div.column.one div.buttons a.hide { color : #FEFF5C; cursor : default; }

div.vehiclepanel div.column.one div.buttons a.hide:hover 
{ 
	background : url(/assets/vospers/images/vehicle.buttons.inactive.bkgd.gif) no-repeat;	
}
div.vehiclepanel.ex-demo div.column.one div.buttons a.hide:hover
{
	background : url(/assets/vospers/images/vehicle.ex.buttons.inactive.bkgd.gif) no-repeat;	
}
div.vehiclepanel.ex-demo.non-approved div.column.one div.buttons a.hide:hover,
div.vehiclepanel.non-approved div.column.one div.buttons a.hide:hover
{
	background : url(/assets/vospers/images/vehicle.vvv.buttons.inactive.bkgd.gif) no-repeat;	
}


div.vehiclepanel div.column.two div.buttons 
{ 
	width : 100%;
	background : url(/assets/vospers/images/vehicle.buttons.inactive.bkgd.gif) repeat-x;
	margin: 0 0 6px 0;
}
div.vehiclepanel div.column.two div.buttons a
{	
	color : White;	
	padding : 7px 0 0 0;
	text-decoration : none;	
	font-size : 13px;
	width : 100%; 
	float : left;
	height : 23px;
	text-align : center;	
}
div.vehiclepanel div.column.one div.buttons a.back,
div.vehiclepanel div.column.two div.buttons a.fav
{
	margin-right : -3px;
}
div.vehiclepanel.ex-demo.non-approved div.column.two div.buttons a,
div.vehiclepanel.non-approved div.column.two div.buttons a { color : #333333; }

div.vehiclepanel div.column.two div.buttons a:hover 
{ 
	background : url(/assets/vospers/images/vehicle.buttons.active.bkgd.gif) no-repeat;
}
div.vehiclepanel.ex-demo div.column.two div.buttons a:hover
{
	background : url(/assets/vospers/images/vehicle.ex.buttons.active.bkgd.gif) no-repeat;
}
div.vehiclepanel.ex-demo.non-approved div.column.two div.buttons a:hover,
div.vehiclepanel.non-approved div.column.two div.buttons a:hover
{
	background : url(/assets/vospers/images/vehicle.vvv.buttons.active.bkgd.gif) no-repeat;
}
div.vehiclepanel div.column.two div.buttons a.fav,
div.vehiclepanel div.column.two div.buttons a.comp
{ 
	border-top : solid 1px #C0C0C0; 
	margin-top : -1px;
}
div.vehiclepanel.ex-demo.non-approved div.column.two div.buttons a,
div.vehiclepanel.non-approved div.column.two div.buttons a
{
	border-top : none;
	margin-top : 0px;
}

div.vehiclepanel div.buttons img
{
   display : block;
   float : left;   
}

div.vehiclepanel div.column.one div.details 
{
	width : 100%;
	padding-bottom : 20px;
}

div.vehiclepanel div.vehicle
{
    margin-right : 10px;
}

div.vehiclepanel div.vehicle h2
{
    margin : 5px 0 5px 0; 
    font-size : 12px;  
}

div.vehiclepanel div.vehicle p
{
    font-size : 9px; 
}
/********************************************************/

/*******************************************************
Uvl Vehicle Panel Image Styles
********************************************************/
div.vehiclepanel div.images div.thumbnails
{
    width : 495px;
    text-align : right;
    position : absolute;
    z-index : 2;
}

div.vehiclepanel div.images div.thumbnails img
{
    cursor : pointer;
    width : 90px;
    height : 60px;
    
    border : 1px solid #fff;
    border-top-width : 0px;
    border-right-width : 0px;
}

div.vehiclepanel div.images img#mainimage
{
    border-width : 0px;
    width : 495px;
    height : 330px;
}

div.vehiclepanel div.images div.thumbnails img.zoom.none
{
    display : none;
}

div.vehiclepanel div.images div.thumbnails img.zoom.one
{
    top : 3px;
}
/********************************************************/

/*******************************************************
Uvl Vehicle Form Panel Styles
********************************************************/
div.vehiclepanel.form
{
	width : 735px;	
}
div.vehiclepanel.form div.header
{
	background : none;
}
div.vehiclepanel.form div.header h1
{
    font-size : 14px;
	font-weight : bold;
	color : Black;
	padding : 5px 0 5px 12px;
}
div.vehiclepanel.form div.column
{
    float : left;
}

div.vehiclepanel.form div.column.one
{    
    width : 120px;
    height : 90px;
    padding-left : 10px;
}
div.vehiclepanel.form div.column.one h1
{
	color:#666666;
	margin:0px 10px 0 0;
	font-size:10pt;
	clear : both;
	padding-top : 10px;
}
div.vehiclepanel.form div.column.one div.images,
div.vehiclepanel.form div.column.one div.images img
{
	width : 120px;
	height : 80px;	
	float : left; 
}
div.vehiclepanel.form div.column.two
{    
    height : 90px;
}

div.vehiclepanel.form div.column.two table
{
	border-collapse : collapse;	
	margin : 0 0 0 10px;
}
div.vehiclepanel.form div.column.two table tbody tr th
{
	color : Black;
	width : 100px;
	font-weight : normal;
}
div.vehiclepanel.form div.column.two table tbody tr td
{
	color : Black;
	font-weight : bold;
}
div.vehiclepanel.form div.footer { float : left; width : 690px; }
div.vehiclepanel.form div.footer div.vehicle
{
	padding : 0 0 20px 10px;
	margin : 0;
	text-align : right;
}
div.vehiclepanel.form div.footer div.vehicle h2 
{ 
	color : Black; 
	font-size : 14px; 
	text-align : left;
}
div.vehiclepanel.form div.footer div.vehicle p 
{ 
	color : Black; 
	font-size : 11px;	
}
div.vehiclepanel.form div.footer div.vehicle a
{
	background-color: #C0C0C0;
	color:White;
	font-size:10pt;
	margin-right:1px;
	padding:5px 10px;
	text-decoration:none;
	width:167px;
	height : 27px;
}
div.vehiclepanel.form div.footer div.vehicle a:hover { background-color : #3F4A67; }
/********************************************************/

/*******************************************************
Uvl Compare Vehicle Table Styles
********************************************************/
div.noComparePanel { color : Black; padding : 10px; }
div.noComparePanel h1,
div.noComparePanel a { color : Black; }

div.comparepanel table.compare,
div.comparepanel table.compare tbody tr td table
{	
	float : left; 
	border : 0; 
	margin : 0; 
	padding : 0;
	font-weight : normal;	
	font-size : 10pt;
	border-collapse : collapse;
}
div.comparepanel table.compare tbody tr td { margin-top : 0px; }
div.comparepanel table.compare tr.head { cursor : pointer; }
div.comparepanel table.compare tr.head.Title { background-color : #338593; height : 20px; }
div.comparepanel table.compare tr.head.Title:hover { background-color : #5FC1CA; }
div.comparepanel table.compare tr.head.Title th a { color : White; padding-left : 5px; }
div.comparepanel table.compare tr.head.Title th.anchor { text-align : right; padding-right : 5px; }
div.comparepanel table.compare tbody { margin-bottom : 10px; }
div.comparepanel table.compare.one,
div.comparepanel table.compare.one tbody tr td table { width : 335px; } 
div.comparepanel table.compare.two,
div.comparepanel table.compare.two tbody tr td table { width : 465px; } 
div.comparepanel table.compare.three,
div.comparepanel table.compare.three tbody tr td table { width : 595px; }
div.comparepanel table.compare.four,
div.comparepanel table.compare.four tbody tr td table { width : 725px; }
div.comparepanel table.compare tbody tr td table tbody tr td img { width : 130px; height : 87px; margin : 0; padding : 0; }
div.comparepanel table.compare tbody tr td table tbody tr td a { width : 130px; height : 87px; display : block; color : #728976; text-decoration : none; }
div.comparepanel table.compare tbody tr td table tbody tr.Actions td a 
{ 
	width : 100%; 
	height : 100%; 
	display : block; 
	border-left : solid 1px #C0C0C0; 
	padding-top : 7px;
}
div.comparepanel table.compare tbody tr td table tbody tr.Actions td.first a { border-left : none; }
div.comparepanel table.compare tbody tr td table tbody tr td.odd a:hover { color : #F5F6E9; }
div.comparepanel table.compare tbody tr td table tbody tr td.even a:hover { color : #E2E6BF; }
div.comparepanel table.compare tbody tr td table tbody tr { color : Black; }
div.comparepanel table.compare tbody tr td table tbody tr th,
div.comparepanel table.compare tbody tr td table tbody tr td { padding-bottom : 5px; }
div.comparepanel table.compare tbody tr td table tbody tr th { width : 205px; }
div.comparepanel table.compare tbody tr td table tbody tr td { width : 130px; text-align : center; vertical-align : middle; }
div.comparepanel table.compare tbody tr td table tbody tr td.odd { background-color : #DBE8F1; }
div.comparepanel table.compare tbody tr td table tbody tr td.even { background-color : #F7F7F7; }
div.comparepanel table.compare tbody tr.header.Content td table tbody tr.Title { background-color : Transparent; }
div.comparepanel table.compare tbody tr.header.Content td table tbody tr.Title th { font-weight : bold; border-bottom : none; padding : 0; background-color : Transparent; }
div.comparepanel table.compare tbody tr.header.Content td table tbody tr.Title td 
{ 
	font-weight : bold; 
	border-bottom : none; 
	padding : 10px 0px; 
	color : White;
	background : url(/assets/Vospers/images/uvl/compareTitleBg.png) no-repeat;
	background-color : #2C5278;
}

div.comparepanel table.compare tbody tr.header.Content td table tbody tr.Title td.even { border-left : solid 1px white; border-right : solid 1px white; }
div.comparepanel table.compare tbody tr.header.Content td table tbody tr.Media th { border-bottom : none; }
div.comparepanel table.compare tbody tr.header.Content td table tbody tr.Media td { margin : 0px; padding : 0px; }
div.comparepanel table.compare tbody tr.header.Content td table tbody tr.Actions
{	
	height : 23px;
}
div.comparepanel table.compare tbody tr.header.Content td table tbody tr.Actions.Favourites td
{
	background : url(/assets/vospers/images/vehicle.buttons.inactive.bkgd.gif) repeat-x;
}
div.comparepanel table.compare tbody tr.header.Content td table tbody tr.Actions.Other
{
	background : url(/assets/vospers/images/vehicle.buttons.inactive.bkgd.gif) repeat-x;
}

div.comparepanel table.compare tbody tr.header.Content td table tbody tr.Actions th 
{ 	
	background-color : White;	
	width : 205px; 
}
div.comparepanel table.compare tbody tr.header.Content td table tbody tr.Actions td.first { width : 205px; }
div.comparepanel table.compare tbody tr.header.Content td table tbody tr.Actions td { width : 130px; height : 23px; margin : 0px; padding : 0px; }
div.comparepanel table.compare tbody tr.header.Content td table tbody tr.Actions a 
{ 
	font-weight : normal;
	color : White; 	
}
div.comparepanel table.compare tbody tr.header.Content td table tbody tr.Actions a:hover
{
	background : url(/assets/vospers/images/vehicle.buttons.active.bkgd.gif) repeat-x;
}
div.comparepanel table.compare tbody tr td table tbody tr th { font-weight : normal; border-bottom : solid 1px #CCCCCC; padding-left : 5px; }
div.comparepanel table.compare tbody tr td table tbody tr td { font-weight : bold; border-bottom : solid 1px #CCCCCC; color : Black; }
div.comparepanel table.compare tr.backToResults 
{ 
	background : url(/assets/vospers/images/vehicle.buttons.inactive.bkgd.gif) repeat-x;
	height : 29px;
}
div.comparepanel table.compare tr.backToResults:hover
{
	background : url(/assets/vospers/images/vehicle.buttons.active.bkgd.gif) repeat-x;
}
div.comparepanel table.compare tr.backToResults td { width : auto; text-align : center; }
div.comparepanel table.compare tr.backToResults a { color : White; text-decoration : none; }
/********************************************************/

/*******************************************************
Uvl Favourites Vehicle Table Styles
********************************************************/
div.favouritespanel,
div.noFavouritesPanel
{ width : 848px; }
div.noFavouritesPanel { color : Black; padding : 10px; }
div.noFavouritesPanel h1,
div.noFavouritesPanel a { color : Black; }
div.favouritespanel table 
{ 
	width : 278px; 
	float : left; 
	border : 0; 
	margin : 0 10px 10px 0; 
	padding : 0;
	font-weight : normal;	
	font-size : 10pt;
}
div.favouritespanel table thead tr.Title 
{ 
	background-color : #92A596; 
	background : url(/assets/Vospers/images/uvl/favTitleBg.png) no-repeat;
	width : 278px;
	height : 40px; 
}
div.favouritespanel table thead tr.Title th { padding-left : 5px; text-align : center; vertical-align : middle; }
div.favouritespanel table thead tr.Title th a { color : White; text-decoration : none; }
div.favouritespanel table thead tr.Image td img { width : 278px; height : 187px; border : 0; padding : 0; margin : 0; display : block; }
div.favouritespanel table tr { color : #728976; height : 20px; }
div.favouritespanel table tr.Buttons td 
{ 
	background : url(/assets/vospers/images/vehicle.buttons.inactive.bkgd.gif);
	width : 50%; 
	text-align : center; 
	height : 23px; 
	border : solid 1px #C0C0C0; 
}
div.favouritespanel table tr.Buttons td.Remove { border-left : none; }
div.favouritespanel table tr.Buttons a 
{ 	
	text-decoration : none;
	display : block;
	width : 100%;
	height : 23px;
	padding-top : 6px;
	color : White;
}
div.favouritespanel table tr.Buttons a:hover
{	
	background : url(/assets/vospers/images/vehicle.buttons.active.bkgd.gif);
}
/********************************************************/


/*******************************************************
Uvl - Compare and Favourite Compact Styles
/********************************************************/
#comparepanel div.list.vehicles,
#favpanel div.list.vehicles
{
	width : 178px;
	margin : 0px;
	padding : 0px;
}
#comparepanel div.list.vehicles div,
#favpanel div.list.vehicles div
{
	float : left;
}
#comparepanel div.list.vehicles div.item img,
#favpanel div.list.vehicles div.item img
{
	width : 75px;
	height : 50px;
	margin : 0px;
	padding : 3px 7px;
}

#comparepanel div.button a,
#favpanel div.button a
{
	background-image:url(/assets/vospers/images/uvl/wishlist.btn.gif);
	background-repeat:no-repeat;
	clear:left;
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:10px;
	height:24px;
	margin:2px 0pt 0pt 6px;
	padding-left:9px;
	padding-top:5px;
	text-decoration:none;
	width:150px;	
}

/********************************************************/

/*******************************************************
Uvl Print Panel Styles
********************************************************/
body.print
{
	background : none;
	background-color : White;
}
div.divPrintBody div.content 
{
	float : none;
	margin : 0px;
	width : 100%;
}
div.divPrintBody div.content form { width : 100%; }
div.printpanel
{
    width : 645px;
    padding : 0;    
    margin : 0px auto 0px auto;
    text-align : left;
}
div.printpanel div.headerLogo,
div.printpanel div.headerLogo img.logo
{
	width : 300px;
	height : 46px;
	margin : 10px 0px;
	padding : 0px;
}
div.printpanel.car div.headerTitle h1
{
	background-image : none;
	margin : 5px 0px;
	padding : 0px;
	color : Black;
	font-size : 18px;	
}
div.printpanel div.header h1
{
    font-size : 14px;
	font-weight : bold;
	color : White;
	padding : 4px 15px 4px 10px;
	margin : 0;
}
div.printpanel div.headerLogo h1
{
	font-size : 38px;
	font-weight : normal;
}
div.printpanel div.column
{
    float : left;    
}

div.printpanel div.column.one
{    
    width : 430px;
    min-height : 800px;
}

div.printpanel div.column.one h1
{
	color : Black;
	margin : 0px;
	font-size : 10pt;
	padding : 10px 0px;
	background : none;
}

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
{
    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;		
	margin : 0;
	color : White; 
	padding : 0; 
	height : 500px;	
	background-color : #012863;
}
div.printpanel.ex-demo div.column.two div.address
{
	color : white;
	background-color : #66CC9A;
}
div.printpanel.ex-demo.non-approved div.column.two div.address,
div.printpanel.non-approved div.column.two div.address
{
	color : #333333;
	background-color : #FFF500;
}
div.printpanel div.column.two div.address table { margin-top : 300px; text-align : right; }

div.printpanel div.column.two div.address table thead tr.value,
div.printpanel div.column.two div.address table thead tr.ex-demo
{
	color : #1D3C8F;
	font-size : 14px;
	border-top : dotted 1px black;
	border-bottom : dotted 1px black;
}

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 : Black; text-align : left; font-weight : normal; padding : 0; }
div.printpanel div.column.one table tbody tr td { color : Black; font-weight : bold; padding : 0; }

div.printpanel ul.equipment
{       
    margin : 10px 0;
    padding : 0;
    padding-left : 2px;
    width : 420px;
    min-height : 280px;
}
div.printpanel ul.equipment li
{   	
	background-image: url(/assets/Vospers/images/bullet.jpg); 
	background-repeat : no-repeat;
	background-position : left;	
	list-style : none;
    text-align : left;
    font-weight : normal;    
    font-size : 11px;
    color : Black;
    padding : 2px 5px 0px 0px;    
    width : 200px;  
    float : left;     
}
div.printpanel ul.equipment li.category
{
	margin-top : 15px;
	padding : 0;
	margin-bottom : 5px;
	background : none;
	font-size : 14px;
	font-weight : bold;
	width : 95%;
	height : 20px;
	color : Black;
	border-bottom : 1px solid #D5DDE4;
}
/********************************************************/

/*******************************************************
Disclaimer Styles
********************************************************/
div.vehiclepanel div.disclaimer
{
	width : 100%;
	height : 50px;	
	padding : 0px;
	margin : 0px;
	clear : none;
}
div.vehiclepanel div.disclaimer p
{
	float : left;
	margin : 0px;
	padding : 10px 0px 0px 0px;
	font-size : 7pt; 
	color : #1D3C8F;
	width : 95%;
}

div.disclaimer 
{
	width : 480px;	
	clear : left;
	padding : 20px 0 0 10px;
	margin : 0 auto;
	font-size : 7pt; 
	color : #666;
}
div.disclaimer.print 
{
	width : 640px;		
	padding : 20px 0px 0px 0px;
	text-align : left;
}
/********************************************************/