﻿/*******************************************************************
Global Styles
*******************************************************************/
body 
{
	margin:0; 
	padding:0; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}
img { border:0; }
a, a:active, a:hover { border:0; text-decoration:0; }
.clearfix { clear:both; }
.none { display:none; }
/*******************************************************************
UVL Container Styles
*******************************************************************/
div.uvlContainer
{
	width:570px;
	background-color:#fff;
	height:1450px;
	padding-top:15px;
	padding-left:5px;
}
div.vehiclecontainer
{
	display:block;
	background-color:#fff;
	margin:0;
	padding:0;
	border:0;
}
/*******************************************************************
UVL Criteria Styles
********************************************************************/
fieldset.panel.search
{
	border:0;
	margin:0 0 0 0;
	padding:10px 0px 10px 0px;
	background-color:#f1f1f1;
	color:#554f70;
	border-top:solid 1px #000;
	border-left:solid 1px #000;
	border-right:solid 1px #000;
	width:545px;
}
fieldset.panel.search legend
{	
	display:none;
}
fieldset.panel.search div
{
	width:240px;
	float:left;
	margin:1px 12px 5px 12px;
}
fieldset.panel.search div label
{
	display:block;	
	float:left;
	width:100px;
	padding:2px;
	font-weight:bold;
}
fieldset.panel.search div select
{
	display:block;
	float:left;
	width:125px;
	font-size:0.8em;
}
fieldset.panel.buttons
{
	border:0;
	margin:0;
	padding:0;	
	background-color:#f1f1f1;
}
fieldset.panel.buttons a.reset
{
	float:right;
	margin:-25px 68px 0px 0px;
	display:block;
	position:relative;
	color:#554f70;
	text-decoration:none;
}
div.searchpanel div.topsection
{
	margin:0;
	padding:0;	
	width:545px;
	height:30px;
	border-top:solid 1px #000;
	border-right:solid 1px #000;
	border-left:solid 1px #000;
}
div.searchpanel div.topsection span
{
	display:block;
	float:left;
	width:272px;
	text-align:center;	
	background-color:#f1f1f1;
	margin:0;
	padding:0;
	height:30px;
}
div.searchpanel div.topsection span a
{
	display:block;
	background-color:#f1f1f1;
	text-align:center;
	color:#554f70;
	text-decoration:none;
	font-weight:bold;
	margin-top:8px;
}
div.searchpanel div.middlesection
{
	clear:both;	
}
/*******************************************************************
UVL Paging & SortBy Styles
********************************************************************/
div.resultspanelTop
{
	border:solid 1px #000;
	height:46px;	
	width:545px;
	background-color:#f1f1f1;
	margin:0;
	margin-top:-2px;
}
fieldset.panel.configuration
{
	display:block;
	width:236px;
	float:right;
	margin:14px 14px 6px 0;
	padding:0;
	border:0;
}
fieldset.panel.configuration label
{
	font-weight:bold;
	margin-right:18px;
}
fieldset.panel.configuration select
{
	font-size:0.8em;
	width:150px;
}
div.pagination
{
	display:block;
	width:45%;
	float:left;
	margin:8px 0 7px 20px;
	padding:0;
}
div.pagination div.panel.information
{
	margin-bottom:5px;	
}
div.pagination div.panel.pages a.page,
div.pagination div.panel.pages a
{
	color:#554f70;
	text-decoration:none;
}
div.pagination div.panel.pages a.page.active
{
	font-weight:bold;	
}
div.pagination.footer
{
	border:solid 1px #000;
	margin:0;
	padding:5px 0 5px 0;
	display:block;
	width:545px;
	text-align:center;
	background-color:#f1f1f1;
}
/*******************************************************************
UVL Results Styles
********************************************************************/
div.results
{
	width:545px;
	clear:both;
}
div.results div.column.one div.item
{
	border:0;
	border-bottom:solid 1px #000;
	clear:both;
	padding:5px 0 5px 0;
	margin:0;
	width:545px;
	height:113px;
}
div.results div.column.one div.item.selected
{
	border:0;
	border-bottom:solid 1px #000;
	clear:both;
	padding:5px 0 5px 0;
	margin:0;
	width:545px;
	height:113px;
	background-color:#f1f1f1;
}
div.results div.column.one div.item.last
{
	border:0;	
}
div.results div.column.one div.item div.thumbnail
{
	width:175px;
	height:113px;
	float:left;	
}
div.results div.column.one div.item div.details
{
	float:left;
	width:370px;
}
div.results div.column.one div.item div.details div.title
{
	margin:5px 0 0 0;
	height : 16px;
	overflow : hidden;
}
div.results div.column.one div.item div.details div.title a
{
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	font-size:1.1em;
}
div.results div.column.one div.item div.details p.finish
{
	margin:0;
	padding:0;
	height:25px;
	overflow : hidden;
}
div.results div.column.one div.item div.details span.leftCol
{
	float:left;	
}
div.results div.column.one div.item div.details ul.left
{
	float:left;	
	margin:5px 0 0 0;
	padding:0 0 0 15px;
	clear:none;
	float:left;
}
div.results div.column.one div.item div.details ul.right
{
	float:left;	
	margin:5px 0 0 0;
}
div.results div.column.one div.item div.details ul.right li.telno,
div.results div.column.one div.item div.details ul.right li.location
{
	width:100px;
}
div.results div.column.one div.item div.details span.comingsoon
{
	float:left;
	clear:left;	
	margin:1px 0 0 0;
	font-weight:bold;
	display:block;
	width:200px;
	padding:0;
}
div.results div.column.one div.item div.details span.price
{
	display:block;
	float:right;
	width:138px;	
	height:78px;
	clear:none;
}
div.results div.column.one div.item div.details span.price span.image
{
	float:right;
}
div.results div.column.one div.item div.details span.price span.image.new
{
	height:45px;
	float:right;
	display:block;
}
div.results div.column.one div.item div.details span.price span.image img
{
	float:right;
}
div.results div.column.one div.item div.details span.price span.image span
{
	float:right;
	clear:both;		
}
div.results div.column.one div.item div.details span.price span.oldPrice,
div.results div.column.one div.item div.details span.price span.saving
{
	display:block;
	float:right;
	clear:both;
}
div.results div.column.one div.item div.details span.price span.realPrice
{
	float:right;
	clear:both;
	font-weight:bold;
	font-size:1.1em;	
}
div.results div.column.one div.item div.details span.price span.image span.padder
{
	display:block;
	height:20px;
	width:40px;
}
/*******************************************************************
UVL Vehicle View Styles
********************************************************************/
div.vehiclecontainer div.headersection
{
	margin:0;
	padding:0;	
	clear:both;
}
div.vehiclecontainer div.headerSection div h1.model
{
	margin:10px;
	color:#554f70;
	font-size:2.0em;
	clear:both;
	text-align:center;
}
div.vehiclecontainer div.buttons
{
	width:98%;
	position:relative;
	height:30px;
	background-color:#f1f1f1;
	border-left:solid 1px #554f70;
	border-right:solid 1px #554f70;
	border-top:solid 1px #554f70;
}
div.vehiclecontainer div.moreButtons
{
	width:98%;
	position:relative;
	height:30px;
	background-color:#f1f1f1;
	border-left:solid 1px #554f70;
	border-right:solid 1px #554f70;
	border-bottom:solid 1px #554f70;
}	
div.vehiclecontainer div.moreButtons span
{
	display:block;
	float:left;
	width:272px;
	text-align:center;	
	background-color:#f1f1f1;
	margin:0;
	padding:0;
	height:30px;
}
div.vehiclecontainer div.moreButtons span a
{
	display:block;
	background-color:#f1f1f1;
	text-align:center;
	color:#554f70;
	text-decoration:none;
	font-weight:bold;
	margin-top:8px;
}
div.vehiclecontainer div.buttons a
{
	display:block;
	background-color:#f1f1f1;
	text-align:center;
	color:#554f70;
	text-decoration:none;
	font-weight:bold;
	float:left;
	margin:5px 0 0 5px;
	cursor:pointer;
}
div.vehiclecontainer div.buttons a span
{
	float:left;
	clear:none;
	display:block;
	margin-top:3px;
	margin-left:4px;
	margin-right:4px;
	cursor:pointer;
}
div.vehiclecontainer div.buttons a img
{
	float:left;
	clear:none;
	display:block;	
	cursor:pointer;
}
div.vehiclecontainer div.buttons a.nextVehicle
{
	position:absolute;
	left:440px;
	width:110px;	
	cursor:pointer;
}
div.vehiclecontainer div.buttons a.backToResults
{
	position:absolute;
	left:228px;
	margin-top:8px;
	cursor:pointer;
}

div.vehiclecontainer div.navButtons
{
	margin:0 10px 10px 10px;
}
div.vehiclecontainer div.imageContainer
{
	position:relative;
	margin:0 10px 0 35px;	
}
div.vehiclecontainer div.imageContainer div.subimages
{
	position:absolute;
	margin:0;
	padding:0;
	top:0;
	left:290px;
}
div.vehiclecontainer div.imageContainer div.subimages img
{
	width:100px;
	height:70px;	
	margin:0;
	padding:0;
}
div.vehiclecontainer div.imageContainer div.mainimage img#imgMain
{
	width:490px;
	height:328px;
}
div.vehiclecontainer div.imageContainer div.zoom
{
	position:absolute;
	top:0;
	background-color:#fff;
	width:18px;
	height:18px;
	padding:3px 0 0 3px;
	margin:5px 0 0 5px;
}
div.vehiclecontainer div.imageContainer div.zoom img
{
	cursor:pointer;
}
div.vehiclecontainer div.column.one
{
	margin:10px 0 0 0;
	padding:0 0 0 0;
	border-top:solid 1px #000;	
	width:98%;
}
div.vehiclecontainer div.column.one div.bottomRow
{
	margin:0;
	padding:0;
	border-bottom:solid 1px #000;
	border-right:solid 1px #000;
	border-left:solid 1px #000;
	padding-bottom:10px;
	background-color:#f1f1f1;
}
div.vehiclecontainer div.column.one div.bottomRow div.details
{
	display:block;
	width:300px;
	float:left;
	margin:0;
	padding:0;
}
div.vehiclecontainer div.column.one div.bottomRow div.details h1,
div.vehiclecontainer div.column.one div.furtherInfo div.options h1,
div.vehiclecontainer div.column.one div.furtherInfo div.techSpec h1
{
	font-size:1.5em;	
	margin:10px 0 10px 20px;
	display:block;
	float:left;
}
div.vehiclecontainer div.column.one div.bottomRow div.details ul
{
	list-style-type:none;
	margin:10px 0 0 20px;
	padding:0;
	clear:left;
}
div.vehiclecontainer div.column.one div.bottomRow div.details ul li
{
	clear:both;	
	line-height:1.4;
}
div.vehiclecontainer div.column.one div.bottomRow div.details ul li.price
{
	font-weight:bold;
	font-size:1.5em;
	margin-top:10px;
}	
div.vehiclecontainer div.column.one div.bottomRow div.details ul a.lblDetails
{
	display:block;
	float:left;
	width:120px;
}
div.vehiclecontainer div.column.one div.bottomRow div.details ul a.txtDetails
{
	display:block;
	float:left;
	width:100px;
	text-transform:capitalize;
}
div.vehiclecontainer div.column.one div.bottomRow div.vehicleButtons
{
	float:left;
	display:block;
	height:300xp;
	padding-top:5px;
	text-align:left;
	width:245px;
}	
div.vehiclecontainer div.column.one div.bottomRow div.vehicleButtons a
{
	display:block;
	background-color:#f1f1f1;
	padding:5px;
	color:#554f70;
	text-decoration:none;
	font-weight:bold;
	float:left;
	clear:both;
	cursor:pointer;
}
div.vehiclecontainer div.column.one div.bottomRow div.vehicleButtons a img
{
	float:left;
	display:block;
	width:30px;
	cursor:pointer;
}
div.vehiclecontainer div.column.one div.bottomRow div.vehicleButtons a span
{
	display:block;
	float:left;
	width:200px;
	clear:none;
	margin:7px 0 0 5px;
	cursor:pointer;
}
div.vehiclecontainer div.column.one div.bottomRow div.vehicleButtons div.telno a,
div.vehiclecontainer div.column.one div.bottomRow div.vehicleButtons div.telno a img,
div.vehiclecontainer div.column.one div.bottomRow div.vehicleButtons div.telno a span
{
	cursor:text;
}
div.vehiclecontainer div.column.one div.furtherInfo
{
	margin:0;
	padding:0 0 10px 0;
	width:98%;
}
div.vehiclecontainer div.column.one div.furtherInfo div.options,
div.vehiclecontainer div.column.one div.furtherInfo div.techspec
{
	width:50%;
	float:left;	
}
div.vehiclecontainer div.column.one div.furtherInfo div.options ul
{
	margin:0 0 0 20px;
	padding:0;
	clear:left;
	list-style-type:none;
}
div.vehiclecontainer div.column.one div.furtherInfo div.options ul li.category
{
	margin-top:10px;
	list-style-type:none;
	font-weight:bold;
}

div.vehiclecontainer div.column.one div.furtherInfo div.techSpec ul
{
	display:block;
	margin:0 0 0 20px;
	padding:0;
	float:left;
	list-style-type:none;
	width:250px;
}
div.vehiclecontainer div.column.one div.furtherInfo div.techSpec ul li
{
	display:block;
	float:left;
	clear:both;
	line-height:1.7;
	width:250px;
}
div.vehiclecontainer div.column.one div.furtherInfo div.techSpec ul li span.subHeading
{
	display:block;
	float:left;
	width:160px;
}
div.vehiclecontainer div.column.one div.furtherInfo div.techSpec ul li span.data
{
	display:block;
	float:left;
}
div.vehiclecontainer div.column.one div.disclaimer
{
	display:block;
	width:550px;
	padding:0 0 0 10px;	
	text-align:center;
}
/*******************************************************************
UVL Favourites View Styles
********************************************************************/
div.favouritespanel
{
	width:570px;
	margin:0;
	padding:0;
}
div.favouritespanel table.favList
{
	border:solid 1px #000;	
	float:left;
	margin:10px;
}
div.favouritespanel table.favList tr.Title th
{
	background-color:#f1f1f1;
	padding:2px;
	border-bottom:solid 1px #000;	
}
div.favouritespanel table.favList tr.Title th a
{
	text-decoration:none;
	border:0;	
	font-size:1.2em;
	color:#554f70;
}
div.favouritespanel table.favList tr.Buttons td
{
	background-color:#f1f1f1;
	padding:2px;
	border-top:solid 1px #000;	
}
div.favouritespanel table.favList tr.Buttons td a
{
	text-decoration:none;
	border:0;	
	color:#554f70;
}
div.favouritespanel table.favList tr.Buttons td.Remove
{
	text-align:right;
}
div.favouritespanel table.favList tr.Image td
{
	height:165px;	
	margin:0;
	padding:0;
}
div.favouritespanel table.favList img
{
	width:250px;	
	margin:0;
	padding:0;
}
div.noFavouritesPanel h1
{
	font-size:2.0em;
	width:100%;
}	
/*******************************************************************
UVL Comparison Styles
********************************************************************/
div.comparepanel
{
	width:570px;
}
div.comparepanel table.compare.three
{	
	width:554px;
}
div.comparepanel table.compare.two
{	
	width:423px;
}
div.comparepanel table.compare.one
{	
	width:292px;
}
div.comparepanel table.compare tr.header.Content td table tr.Title th.SubTitle
{
	border-right:solid 1px #AAA;
	width:160px;
}
div.comparepanel table.compare tr.header.Content td table tr.Title td.odd,
div.comparepanel table.compare tr.header.Content td table tr.Title td.even
{
	background-color:#b6b9bb;
	color:#666666;
	font-weight:bold;
	text-align:center;
	border-right:solid 1px #AAA;
	border-bottom:solid 1px #AAA;
	border-top:solid 1px #AAA;
	padding:2px;
	width:120px
}
div.comparepanel table.compare tr.header.Content td table tr.Media td
{
	width:130px;
	height:87px;
	margin:0;
	padding:0;	
	border-right:solid 1px #AAA;
}
div.comparepanel table.compare tr.header.Content td table tr.Media td a img
{
	width:130px;	
	height:87px;
}
div.comparepanel table.compare tr.header.Content td table tr.Media th,
div.comparepanel table.compare tr.header.Content td table tr.Actions.Favourites th
{
	border-right:solid 1px #AAA;
}
div.comparepanel table.compare tr.header.Content td table tr.Actions.Favourites td
{
	border-right:solid 1px #AAA;
	border-top:solid 1px #AAA;
	background-color:#b6b9bb;
	text-align:center;
}
div.comparepanel table.compare tr.header.Content td table tr.Actions.Favourites td a,
div.comparepanel table.compare tr.header.Content td table tr.Actions.Other td a,
div.comparepanel table.compare tr.header.Content td table tr.Actions.Other td.first a
{
	color:#fff;
	text-decoration:none;
	border:0;
	font-weight:bold;
}
div.comparepanel table.compare tr.header.Content td table tr.Actions.Other td
{
	border-right:solid 1px #AAA;
	border-top:solid 1px #AAA;
	border-bottom:solid 1px #AAA;
	background-color:#b6b9bb;
	text-align:center;
}
div.comparepanel table.compare tr.header.Content td table tr.Actions.Other td.first
{
	border-top:solid 1px #AAA;
	border-left:solid 1px #AAA;
	border-right:solid 1px #AAA;
	color:#fff;
	text-align:center;
	background-color:#b6b9bb;
}
div.comparepanel table.compare tr.head.Title th
{
	border-left:solid 1px #AAA;
	border-bottom:solid 1px #AAA;
	background-color:#b6b9bb;
	cursor:pointer;
}
div.comparepanel table.compare tr.head.Title th.anchor
{	
	border:0;
	border-right:solid 1px #AAA;
	border-bottom:solid 1px #AAA;
}
div.comparepanel table.compare tr#tblSpecification td table,
div.comparepanel table.compare tr#tblOptions0 td table,
div.comparepanel table.compare tr#tblOptions1 td table,
div.comparepanel table.compare tr#tblOptions2 td table,
div.comparepanel table.compare tr#tblOptions3 td table,
div.comparepanel table.compare tr#tblOptions4 td table,
div.comparepanel table.compare tr#tblOptions5 td table,
div.comparepanel table.compare tr#tblOptions6 td table
{
	border-left:solid 1px #AAA;
}
div.comparepanel table.compare tr#tblSpecification td table tr th.SubTitle,
div.comparepanel table.compare tr#tblOptions0 td table tr th.SubTitle,
div.comparepanel table.compare tr#tblOptions1 td table tr th.SubTitle,
div.comparepanel table.compare tr#tblOptions2 td table tr th.SubTitle,
div.comparepanel table.compare tr#tblOptions3 td table tr th.SubTitle,
div.comparepanel table.compare tr#tblOptions4 td table tr th.SubTitle,
div.comparepanel table.compare tr#tblOptions5 td table tr th.SubTitle,
div.comparepanel table.compare tr#tblOptions6 td table tr th.SubTitle
{
	width:160px;
	background-color:#f1f1f1;
	border-bottom:solid 1px #AAA;
	border-right:solid 1px #AAA;
	text-align:left;
	padding-left:2px;
}
div.comparepanel table.compare tr#tblSpecification td table tr td
{
	width:131px;
	border-bottom:solid 1px #AAA;
	text-align:left;
	border-right:solid 1px #AAA;
	padding-left:2px;
}
div.comparepanel table.compare tr#tblOptions0 td table tr td,
div.comparepanel table.compare tr#tblOptions1 td table tr td,
div.comparepanel table.compare tr#tblOptions2 td table tr td,
div.comparepanel table.compare tr#tblOptions3 td table tr td,
div.comparepanel table.compare tr#tblOptions4 td table tr td,
div.comparepanel table.compare tr#tblOptions5 td table tr td,
div.comparepanel table.compare tr#tblOptions6 td table tr td
{
	width:131px;
	border-bottom:solid 1px #AAA;
	text-align:center;
	border-right:solid 1px #AAA;
}
div.comparepanel table.compare tr.backToResults td
{
	padding:10px;	
}
div.comparepanel table.compare tr.backToResults td a
{
	color:#554f70;
	text-decoration:none;
	border:0;
	font-weight:bold;
}
div.noComparePanel h1
{
	font-size:1.9em;
	width:100%;
}	

div.bottomsection
{
	position:relative;
}

div.loading
{
	position:absolute;
	margin:2px;
	top:-145px;
	left:0px;
	background-color:#f1f1f1;
	width:530px;
	height:130px;
}
div.loading img
{
	display:block;
	float:left;
	margin-top:60px;
	margin-left:190px;
}
div.loading span
{
	display:block;
	float:left;
	margin-top:65px;
	margin-left:5px;
}