/** DEFAULT STYLES **/
body
{
	color				: #FFFFFF;
	background-color	: #333333;
	font-family			: Verdana, Arial, Helvetica, Sans-Serif;
	font-size			: 11px;
	margin				: 0px;
	padding				: 0px;
	height				: 100%;
	width				: 100%;
}

a:link, a:active, a:visited, a:hover
{
	color				: #FF7000;
}

body, p, a, table, h1, h2, h3, h4, h5, h6, ul, ol
{
	color				: #FFFFFF;
	font-family			: Verdana, Arial, Helvetica, Sans-Serif;
}

form
{
	margin				: 0px;
	padding				: 0px;
}

p
{
	margin				: 0px;
	padding				: 0px;
}

table, td
{
	border-collapse		: collapse;
	border				: 0px;
	height				: auto;
	width				: auto;
}

h1
{
	color				: #FFFFFF;
	font-weight			: bold;
	font-size			: 30px;
	font-style			: normal;
	margin				: 0px;
	padding				: 0px;
}

h2
{
	color				: #FFFFFF;
	font-weight			: bold;
	font-size			: 26px;
	font-style			: normal;
	margin				: 0px;
	padding				: 0px;
}

h3
{
	color				: #FFFFFF;
	font-weight			: bold;
	font-size			: 18px;
	font-style			: italic;
	margin				: 0px;
	padding				: 0px;
}

h4
{
	color				: #FFFFFF;
	font-family			: Verdana, Arial, Helvetica, Sans-Serif;
	font-size			: 12px;
	font-weight			: bold;
	margin				: 0px;
	padding				: 0px;
}

hr
{
	color				: #666666;
	/*
	border				: 1px solid #FFFFFF;
	border-top			: 1px solid #666666;
	*/
	margin				: 0px;
	padding				: 0px;
	height				: 1px;	
}


/** COMMON LAYOUT CLASSES **/
.block_left
{
	clear				: left;
	display				: block;
	float				: left;
	margin				: 0px;
	padding				: 0px;
}

.block_right
{
	clear				: left;
	display				: block;
	float				: right;
	margin				: 0px;
	padding				: 0px;
}

.inline_left
{
	float				: left;
	margin				: 0px;
	padding				: 0px;
}

.inline_right
{
	float				: right;
	margin				: 0px;
	padding				: 0px;
}

/** TOP LEVEL LAYOUT CLASSES: These classes are used only once to define the basic page layout **/
#body
{
	background-color	: #000000;
	clear				: left;
	display				: block;
	float				: left;
	position			: absolute;
	top					: 170px;
	left				: 50%;
	margin				: 0px 0px 0px -385px;
	width				: 770px;
	height				: auto;
	padding				: 0px;
}

/* top area */
.PageHeader
{
	background-image	: url(../../images/Set2/bgSiteHeader.gif);
	background-position	: top right;
	background-repeat	: no-repeat;
	clear				: left;
	display				: block;
	float				: left;
	position			: absolute;
	top					: 50px;
	left				: 50%;
	margin				: 0px 0px 0px -385px;
	width				: 770px;
	height				: 120px;
	padding				: 0px;
}

/* left area */
.NavigationArea
{
	clear				: left;
	display				: block;
	float				: left;
	width				: 100%;
	height				: 25px;
	margin				: 0px;
	padding				: 0px;
}


/* content area */
.PageContent
{
	clear				: left;
	display				: block;
	float				: left;
	width				: 740px;
	height				: auto;
	margin				: 0px;
	padding				: 15px 15px 50px 15px;
}

/* bottom area */
.PageFooter
{
	background-color	: #333333;
	border-top			: 3px solid #666666;
	clear				: left;
	color				: #FFFFFF;
	display				: block;
	float				: left;
	clear				: left;
	font-family			: Verdana, Arial, Helvetica, Sans-Serif;
	font-size			: 10px;
	margin				: 0px;
	padding				: 10px 0px 50px 0px;
	width				: 100%;	
}

.PageFooter a:link, .PageFooter a:active, .PageFooter a:visited, .PageFooter a:hover
{
	color				: #FFFFFF;
	font-family			: Verdana, Arial, Helvetica, Sans-Serif;
	font-size			: 10px;
	font-weight			: normal;
	text-decoration		: underline;
}


/*	The following classes are used only once to style content contained 
	in either of the top level layout areas defined above	*/

/** BRANDING AND COMPANY INFO: specific to the top/branding area **/
div#CompanyLogo
{
	float				: left;
	width				: 156px;
	height				: 103px;
	padding				: 20px 0px 0px 12px;
}

div#CompanyInfo
{
	color				: #FFFFFF;
	float				: left;
	font-family			: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight			: normal;
	font-size			: 12px;
}

div#CompanyInfo h3
{
	padding				: 15px 0px 0px 0px;
}


/** NAVIGATION MENU: specific for left menu; used to style .Net Navigation Menu object **/
.NavMenu
{
	border				: 0px;
	border-collapse		: collapse;
	float				: left;
	margin				: 0px;
	padding				: 0px;
	height				: auto;
	width				: 100%;
}

.NavMenu, .NavMenu a:link, .NavMenu a:active, .NavMenu a:visited, .NavMenu a:hover
{
	color				: #333333;
	font-weight			: bold;
	font-family			: Verdana, Arial, Helvetica, Sans-Serif;
	font-size			: 10px;
	text-decoration		: none;
	text-transform		: uppercase;
	margin				: 0px;
	padding				: 0px;
}

.NavMenuItem_Off, .NavMenuItem_On
{
	background-image	: url(../../images/Set2/orange/bgMenu_Off.gif);
	background-position	: top left;
	background-repeat	: repeat-x;
	border				: 0px;
	border-collapse		: collapse;
	height				: 25px;
	margin				: 0px;
	padding				: 0px;
	text-align			: center;
	width				: 100%;
}

.NavMenuItem_On
{
	background-image	: url(../../images/Set2/orange/bgMenu_On.gif);
}

.NavSubLvl table
{
	background-image	: none;
	border-collapse		: collapse;
	background-color	: Transparent;
    border-top			: 2px solid #666666;
    border-right		: 1px solid #666666;
    border-bottom		: 1px solid #666666;
    border-left			: 1px solid #666666;
	margin				: 0px;
	padding				: 0px;
	height				: auto;
	width				: 140px;
}

/* nested tables should have no borders */
.NavSubLvl table table
{
	border				: none;
}

.NavSubLvl td
{
	background-image	: none;
	background-color	: #999999;
	border-collapse		: collapse;
	border				: none;
	height				: auto;
	width				: 100%;
	margin				: 0px;
	text-align			: left;
	padding				: 3px;
}

/* only nested cells should have borders */
.NavSubLvl td td
{
	border-bottom		: 1px solid #BBBBBB;
}

/** navigation menu link styles **/
.NavMenu a:link, .NavMenu a:active, .NavMenu a:visited, .NavMenu a:hover,
.NavMenuItem_Off a:link, .NavMenuItem_Off a:active, .NavMenuItem_Off a:visited, .NavMenuItem_Off a:hover
.NavMenuItem_On a:link, .NavMenuItem_On a:active, .NavMenuItem_On a:visited, .NavMenuItem_On a:hover,
.NavSubLvl a:link, .NavSubLvl a:active, .NavSubLvl a:visited, .NavSubLvl a:hover
{
	background-image	: none;
	background-color	: Transparent;
	padding				: 0px;
	margin				: 0px;
	
	color				: #333333;
	font-weight			: bold;
	font-family			: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	font-size			: 10px;
	text-decoration		: none;
	text-transform		: uppercase;
}

.NavMenuItem_Off a:link, .NavMenuItem_Off a:active, .NavMenuItem_Off a:visited, .NavMenuItem_Off a:hover
{
	padding				: 5px 0px 0px 10px;
	display				: block;
	text-align			: justify;
}

.NavMenuItem_On a:link, .NavMenuItem_On a:active, .NavMenuItem_On a:visited, .NavMenuItem_On a:hover
{
	color				: #FFFFFF;
	padding				: 5px 0px 0px 10px;
	display				: block;
	text-align			: justify;
}

.NavSubLvl a:link, .NavSubLvl a:active, .NavSubLvl a:visited, .NavSubLvl a:hover
{
	color				: #000000;
	font-weight			: normal;
	text-transform		: none;
}

.NavSubLvl a:hover
{
	color				: #FF5500;
}


/** INTRODUCTION: specific to Content Area of home page **/
.Introduction
{
	clear				: left;
	display				: block;
	float				: left;
	width				: 100%;
}

.Introduction p
{
	font-family			: Verdana, Arial, Helvetica, Sans-Serif;
	font-size			: 11px;
	font-weight			: normal;
	line-height			: 18px;
	margin				: 0px;
	padding				: 5px 0px;
}

.Introduction h2
{
	color				: #FFFFFF;
	padding				: 25px 0px 0px 0px;
}

/** LATEST VEHICLES: specific to Content Area of home page **/
.LatestVehicles
{
	display				: block;
	clear				: left;
	float				: left;
	width				: 100%;
	height				: auto;
}

.LatestVehicles .Vehicle
{
	color				: #FFFFFF;
	float				: left;
	font-family			: Verdana, Arial, Helvetica, Sans-Serif;
	font-size			: 11px;
	width				: 33%;
	padding				: 0px;
	margin				: 0px;
}

.LatestVehicles .Vehicle img
{
	border				: 1px solid #FFFFFF;
	clear				: left;
	display				: block;
	float				: left;
	width				: 150px;
	height				: 110px;
}

.LatestVehicles .Vehicle a:link, .LatestVehicles .Vehicle a:active, .LatestVehicles .Vehicle a:visited, .LatestVehicles .Vehicle a:hover
{
	color				: #FF7000;
	font-family			: Verdana, Arial, Helvetica, Sans-Serif;
	font-size			: 11px;
	font-weight			: normal;
	text-decoration		: none;
}


/** QUICK SEARCH BOX & FILTER BOX: specific for left menu **/
.QuickSearch, .FilterResults
{
	color				: #000000;
	display				: block;
	font-family			: Verdana, Arial, Helvetica, Sans-Serif;
	font-size			: 10px;
	margin				: 0px;
	padding				: 0px;
	float				: right;
}

.QuickSearch, .FilterResults,
.QuickSearch_Top, .Filter_Top,
.QuickSearch_Middle, .Filter_Middle,
.QuickSearch_Bottom, .Filter_Bottom
{
	height				: auto;
	margin				: 0px;
	padding				: 0px;
	width				: 205px;
}

.QuickSearch_Top, .Filter_Top
{
	background-color	: #FF7000;
	font-weight			: bold;
	line-height			: 20px;
	text-align			: center;
	text-transform		: uppercase;
	margin				: 0px 0px 3px 0px;
	padding				: 0px 0px 0px 0px;
	height				: 20px;
}

.Filter_Top
{
	margin				: 3px 0px 3px 0px;
}

.QuickSearch_Middle, .QuickSearch_Bottom, .Filter_Middle
{
	background-color	: #E1E1E1;
	clear				: left;
	display				: block;
	float				: left;
	margin				: 0px 0px 0px 0px;
	padding				: 10px 0px 10px 17px;
	width				: 188px;
}

.Filter_Middle
{
	font-size			: 11px;
	line-height			: 16px;
}

.QuickSearch form
{
	margin				: 0px;
	padding				: 0px;
}

.QuickSearch_Bottom a:link, .QuickSearch_Bottom a:active, .QuickSearch_Bottom a:visited, .QuickSearch_Bottom a:hover
{
	color				: #000000;
	font-family			: Verdana, Arial, Helvetica, Sans-Serif;
	font-size			: 10px;
	font-weight			: bold;
	text-align			: center;
	text-decoration		: none;
	text-transform		: uppercase;
}

.QuickSearch label, .FilterResults label, .QuickSearch #VehiclePriceTo, .QuickSearch #VehicleYearTo
{
	color				: #000000;
	clear				: left;
	display				: block;
	font-family			: Verdana, Arial, Helvetica, Sans-Serif;
	font-size			: 11px;
	font-weight			: bold;
	margin				: 0px;
	padding				: 10px 0px 5px 0px;
	width				: 100%;
}

.QuickSearch select, .QuickSearch input
{
	font-family			: Verdana, Arial, Helvetica, Sans-Serif;
	font-size			: 10px;
	font-weight			: normal;
	margin				: 0px 0px 10px 0px;
}

.QuickSearch #VehicleType select, .QuickSearch #VehicleMake select
{
	float				: left;
	margin				: 0px;
	padding				: 0px;
	width				: 160px;
}

.QuickSearch #VehiclePriceMin select, .QuickSearch #VehiclePriceMax select
{
	float				: left;
	margin				: 0px;
	padding				: 0px;
	width				: 105px;
}

.QuickSearch #VehiclePriceTo, .QuickSearch #VehicleYearTo
{
	padding				: 3px 0px;
	font-weight			: normal;
}

.QuickSearch #VehicleYearMin select, .QuickSearch #VehicleYearMax select
{
	float				: left;
	margin				: 0px;
	padding				: 0px;
	width				: 105px;
}


/** SEARCH RESULTS: specific of Content Area of Results.aspx **/
.SearchResultContainer
{
	float				: left;
	margin				: 0px;
	padding				: 0px;
	height				: auto;
	width				: 520px;
}

.SearchResults
{
	display				: block;
	clear				: left;
	float				: left;
	width				: 520px;
	height				: auto;
	text-align			: center;
	margin-bottom		: 3px;
}

.SearchResults .SearchResultHeader
{
	background-color	: #FF7000;
	border				: 0px;
	color				: #FFFFFF;
	font-family			: Verdana, Arial, Helvetica, Sans-Serif;
	font-size			: 10px;
	font-weight			: bold;
	line-height			: 20px;
	margin				: 0px;
	padding				: 0px;
	text-align			: center;
	text-transform		: uppercase;
	width				: 100%;
	height				: 20px;
}

.SearchResults .VehMakeModel,
.SearchResults .VehYear,
.SearchResults .VehKilometers,
.SearchResults .VehPrice
{
	background-color	: #E1E1E1;
	border				: 0px;
	display				: block;
	float				: left;
	height				: 45px;
	margin				: 0px 3px 0px 0px;
	padding				: 30px 0px 0px 0px;
	
	color				: #000000;
	font-family			: Arial, Verdana, Helvetica, Sans-Serif;
	font-size			: 12px;	
	text-align			: center;
}

.SearchResults .VehMakeModel
{
	width				: 40%;
}

.SearchResults .VehMakeModel img
{
	border				: 0px;
	width				: 100px;
	height				: 75px;
	margin				: 0px;
	padding				: 0px;
}

.SearchResults .VehYear
{
	width				: 19%;
}

.SearchResults .VehKilometers
{
	width				: 20%;
}

.SearchResults .VehPrice
{
	width				: 19%;
}

.SearchResults .VehMakeModel a:link, .SearchResults .VehMakeModel a:active, .SearchResults .VehMakeModel a:visited, .SearchResults .VehMakeModel a:hover
{
	color				: #3E3E3E;
	font-family			: Arial, Verdana, Helvetica, Sans-Serif;
	font-size			: 12px;
	font-weight			: bold;
	text-decoration		: underline;
}


/** VEHICLE DETAILS: specific to the Content Area of Details.aspx **/
.VehDet_PageHeader
{
	clear				: left;
	display				: block;
	float				: left;
	padding				: 5px 95px 5px 95px;
	margin				: 0px;
	text-align			: center;
	height				: 47px;
	width				: 550px;
}

.VehDet_PageHeader .Title
{
	color				: #FFFFFF;
	float				: left;
	font-family			: Verdana, Arial, Helvetica, Sans-Serif;
	font-size			: 15px;
	font-weight			: bold;
	line-height			: 24px;
	margin				: 0px;
	padding				: 0px 15px 0px 0px;
}

.VehDet_PageHeader .Links
{
	float				: left;
	border-left			: 1px solid #FF7000;
	color				: #FF7000;
	font-family			: Verdana, Arial, Helvetica, Sans-Serif;
	font-size			: 9px;
	font-weight			: bold;
	line-height			: 14px;
	margin				: 0px;	
	padding				: 0px 0px 0px 15px;
	text-align			: left;
	text-decoration		: none;
	text-transform		: uppercase;
	white-space			: nowrap;
}

.VehDet_PageHeader .Links a:link, .VehDet_PageHeader .Links a:active, .VehDet_PageHeader .Links a:visited, .VehDet_PageHeader .Links a:hover
{
	color				: #FFFFFF;
	font-family			: Verdana, Arial, Helvetica, Sans-Serif;
	font-size			: 10px;
	font-weight			: bold;
	text-decoration		: underline;
	text-transform		: uppercase;
}

.VehDet_ImageViewer
{
	clear				: left;
	display				: block;
	float				: left;
	width				: 551px;
	padding				: 0px 0px 0px 95px;
}

.VehDet_ImageViewer .VehMakeTitle, .VehDet_ImageViewer .VehPriceTitle
{
	float				: left;
	font-family			: Arial, Verdana, Helvetica, Sans-Serif;
	font-size			: 20px;
	font-weight			: normal;
	padding				: 0px 0px 8px 0px;
}

.VehDet_ImageViewer .VehPriceTitle
{
	float				: right;
}

.VehDet_Header
{
	background-color	: #FF7000;
	clear				: left;
	color				: #FFFFFF;
	display				: block;
	float				: left;
	font-family			: Arial, Verdana, Helvetica, Sans-Serif;
	font-size			: 14px;
	font-weight			: bold;
	height				: 20px;
	line-height			: 20px;
	margin				: 10px 0px 5px 0px;
	text-transform		: uppercase;
	text-align			: center;
	width				: 100%;
}

.VehDet_PairedData
{
	border-bottom		: 1px dashed #BBBBBB;
	clear				: left;
	display				: block;
	float				: left;
	height				: 25px;
	line-height			: 25px;
	width				: 100%;
}

.VehDet_PairedData .inline_left
{
	width				: 50%;
}

.VehDet_MiscData
{
	clear				: left;
	color				: #d8d8d8;
	display				: block;
	float				: left;
	line-height			: 18px;
	padding				: 5px 0px;
	width				: 100%;
}

.VehDet_MiscData .inline_left
{
	width				: 33%;
}


/** MISC CLASSES: specicfic to general content **/
.PageDivider
{
	border-top			: 1px solid #666666;
	border-bottom		: 1px solid #666666;
	color				: #FFFFFF;
	font-family			: Verdana, Arial, Helvetica, Sans-Serif;
	font-size			: 12px;
	font-weight			: bold;
	margin				: 20px 0px 10px 0px;
	padding				: 8px 0px;
	width				: 100%;
}	

.PageTitle
{
	border-bottom		: 1px solid #666666;
	border-top			: 1px solid #666666;
	color				: #FFFFFF;
	font-family			: Verdana, Arial, Helvetica, Sans-Serif;
	font-size			: 17px;
	font-weight			: bold;
	text-transform		: uppercase;
	margin				: 0px 0px 10px 0px;
	padding				: 8px 0px;
	width				: 100%;
}

.PageSubTitle
{
	border-bottom		: 1px solid #666666;
	color				: #FFFFFF;
	font-family			: Verdana, Arial, Helvetica, Sans-Serif;
	font-size			: 10px;
	font-weight			: bold;
	margin				: 0px 0px 3px 0px;
	padding				: 0px 0px 5px 0px;
	text-transform		: uppercase;
	width				: 100%;
}

.PageSubTitle a:link, .PageSubTitle a:active, .PageSubTitle a:visited, .PageSubTitle a:hover
{
	color				: #FFFFFF;
	text-decoration		: none;
}


/** CALCULATOR **
.Calculator
{
	color				: #333333;
	background-color		: #ffffff;	
	font-family			: Verdana, Arial, Helvetica, Sans-Serif;
	font-size			: 11px;
	font-weight			: bold;
	border-collapse			: collapse;
	border-width			: 1px;
	border-color			: #FF7000;
	border-style			: solid;
	position			: absolute;
	left				: 300px;
	top				: 250px;	
	padding				: 5px;
	width				: 300px;
	height				: 260px;
}

.Calculator .VehDet_Header
{
	width				: 300px;
}


.Calculator .VehDet_PairedData
{
	width				: 300px;
}
*/