﻿div#listRegion
{
    width: 760px;
    float: left;
}

div#listRegion h1
{
    margin: 10px 0px 0px 0px;
}


div#OrgOptions
{
	border: solid 1px black; background-color: #ddd; 
	position: relative; height: 45px;
}

div#SortOptions { position: absolute; left: 10px; top: 10px; }
div#ShowDepositOption { position: absolute; left: 335px; top: 14px; }
	div#ShowDepositOption input { position: absolute; left: 125px; top: -2px; }
div#JumpToStock { position: absolute; right: 15px; top: 13px; }
	div#JumpToStock input.JumpTextBox { height: 15px; width: 50px; font-size: 11px; padding: 0; margin: 0; line-height: 15px; }
	div#JumpToStock input.JumpButton { position: absolute; top: -1000px; }
	
div#sideBar
{
    border-left: solid 1px #660000;
    float: right;
    width: 195px;
    padding: 0px 0px 0px 5px;
    margin: 0px 0px 0px 5px;
}

ul#VehicleList
{
	margin: 0; padding: 0; list-style: none;
}

ul#VehicleList li.GroupHeader
{
	margin: 10px 0 10px 0;
}

ul#VehicleList li.VehicleRow
{
	position: relative; height: 18px; 
	border-bottom: solid 1px #ddd;
	border-top: solid 1px #ddd;
	margin: 2px 0 2px 0;
	clear: both;	
}

ul#VehicleList li.DiscountedVehicleRow
{
	height: 55px;
}

ul#VehicleList li.alternatingItem
{
	background-color: #d0d0d0;
}

/* --------------  Vehicle Field Headers ------------------ */
li.ColumnTitles div
{
	font-weight: bold; float: left; margin: 5px 0;
}

li.ColumnTitles div.StockNumber
{
	width: 80px;
}

li.ColumnTitles div.YearMakeModel
{
	width: 250px;
}

li.ColumnTitles div.Color
{
	width: 125px;
}

li.ColumnTitles div.Conversion
{
	width: 85px;
}

li.ColumnTitles div.Miles
{
	text-align: right; float: right;
}

li.ColumnTitles div.Price
{
	float: right; text-align: right; width: 65px;
}

/* ------------------  Vehicle Fields --------------------- */
ul#VehicleList li.VehicleRow div.StockNumber
{
	position: absolute; overflow: hidden; width: 55px;
	top: 0; left: 0; height: 16px;
}

ul#VehicleList li.VehicleRow div.YearMakeModel
{
	position: absolute; overflow: hidden; width: 250px;
	top: 0; left: 80px; height: 16px;
}

ul#VehicleList li.VehicleRow div.YearMakeModel div.Year,
ul#VehicleList li.VehicleRow div.YearMakeModel div.Make
{
	float: left; width: auto; padding-right: 4px;
}

ul#VehicleList li.VehicleRow div.Color
{
	position: absolute; overflow: hidden; width: 15px;
	top: 1px; left: 335px; height: 15px;
}

ul#VehicleList li.VehicleRow div.ColorName
{
	position: absolute; overflow: hidden; width: 100px;
	top: 0; left: 360px;
}

ul#VehicleList li.VehicleRow div.Color div.ColorSwatchSmall
{
	width: 13px; height: 13px; font-size: 1px; border: solid 1px black;
}

ul#VehicleList li.VehicleRow div.Conversion
{
	position: absolute; overflow: hidden; width: 145px;
	top: 0; right: 155px; height: 15px;
}

ul#VehicleList li.VehicleRow div.Miles
{
	position: absolute; overflow: hidden; width: 65px;
	top: 0; right: 75px; height: 15px; text-align: right;
}

ul#VehicleList li.VehicleRow div.Price, ul#VehicleList li.VehicleRow div.PriceDiscounted
{
	position: absolute; overflow: hidden; width: 155px;
	top: 0; right: 0; height: 15px; text-align: right;
}

ul#VehicleList li.VehicleRow div.PriceDiscounted
{
	font-weight: bold; color: Blue; line-height: 18px;
	height: 54px; width: 560px;
}

ul#VehicleList li.VehicleRow div.DiscountExplanation
{
	font-weight: bold; color: Blue; line-height: 18px;
	position: absolute; overflow: hidden; width: 450px;
	top: 18px; right: 50px; height: 37px; text-align: left;
}

ul#VehicleList li.VehicleRow:hover div.PriceDiscounted,
ul#VehicleList li.VehicleRow:hover div.DiscountExplanation
{
	color: White;
}