﻿/*
	content-printable.css
 	Product: TRA Content Pages 
	Description: TRA Content Structure & Layout Stylesheet for Content Elements
	© 2008, Manheim Inc
*/

#content ul		{margin:4px 0px 15px 18px; list-style:outside; padding:0px;}
#content ul li	{margin-top:4px; list-style-type:disc;}

#content a						{color:#5e8931;}
#content a:hover				{color:#005478;}
#content #columnsFrame			{position:relative; z-index:101; float:left;}
#content #columnsFrame .colOne	{position:relative; z-index:101; float:left; width:418px; margin-right:40px;}
#content #columnsFrame .colTwo	{position:relative; z-index:101; float:left; width:418px; margin-left:40px;}

#content .region					{width:170px; padding:0px 6px 20px 6px; float:left; background:url(../images/greenGradient.jpg) top repeat-x; border-left:1px solid #ebebeb;}
#content .region.last				{padding-right:0px; border-right:1px solid #ebebeb;}
#content .region h3					{border-bottom:0px; font-size:13px; font-weight:bold; color:#333; margin:0px 0px 10px 0px; padding:13px 0px 6px 0px;}
#content .region h4					{font-size:11px; color:#333; padding-bottom:0px; margin-bottom:4px;}
#content .region .auctionListing	{margin-left:6px;}
#content .region .auctionDetails	{margin-left:6px;}

#searchBox  {width:300px; float:left;}


/* calendar page uses mostly region page styles*/
#content .region span.date	{padding-left:4px;}
#salePage #content .region p	{padding:0px 0px 6px 3px;}
#content img.margin	{margin-bottom:20px;}

/* cars page */
#carsPage #content #columnsFrame .colOne	{width:292px;
	top: 9px;
	left: 5px;
}
#carsPage #content #columnsFrame .colTwo	{width:517px;
	top: 15px;
	left: 5px;
	height: 700px;
}

/* contact page */
#contactPage #content #columnsFrame .colOne	{width:292px;
	top: 9px;
	left: 5px;
}
#contactPage #content #columnsFrame .colTwo	{width:517px;
	top: 15px;
	left: 5px;
	height: 581px;
}
#contactForm				{width:358px;}
.gradientTable				{background:url(../images/gradientSubtle.jpg) repeat-x top; width:100%; margin:0px;}
.gradientTable tr td		{padding-top:6px;}
.gradientTable tr td span	{font-weight:bold;}


/* home page */
#homePage #contentWrapper #content #columnsFrame .colOne	{width:200px; margin-right:35px;}
#homePage #contentWrapper #content #columnsFrame .colTwo	{width:680px; margin-left:0px;}


/* home page - vehicle type */
#vehicleType ul					{margin:0px; padding:0px 0px 0px 50px; list-style:none; height:37px;}
#vehicleType ul li				{float:left; display:inline; margin:0px; padding:0px;}
#vehicleType ul li span			{display:none;}
#vehicleType ul li a			{display:block; height:37px; background:url(../images/content/vehicle_type.gif) no-repeat;}
#vehicleType ul li.vRV a		{width:29px; background-position:0px 0px;}
#vehicleType ul li.vCS a		{width:47px; background-position:-29px 0px;}
#vehicleType ul li.vBT a		{width:36px; background-position:-76px 0px;}
#vehicleType ul li.vHT a		{width:74px; background-position:-112px 0px;}
#vehicleType ul li.vMT a		{width:66px; background-position:-186px 0px;}
#vehicleType ul li.vIM a		{width:101px; background-position:-252px 0px;}
#vehicleType ul li.vEX a		{width:115px; background-position:-353px 0px;}
#vehicleType ul li.vPU a		{width:54px; background-position:-468px 0px;}
#vehicleType ul li.vBN a		{width:54px; background-position:-568px 0px;}

#vehicleType ul li.vRV a:hover		{width:29px; background-position:0px -39px;}
#vehicleType ul li.vCS a:hover		{width:47px; background-position:-29px -39px;}
#vehicleType ul li.vBT a:hover		{width:36px; background-position:-76px -39px;}
#vehicleType ul li.vHT a:hover		{width:74px; background-position:-112px -39px;}
#vehicleType ul li.vMT a:hover		{width:66px; background-position:-186px -39px;}
#vehicleType ul li.vIM a:hover		{width:101px; background-position:-252px -39px;}
#vehicleType ul li.vEX a:hover		{width:115px; background-position:-353px -39px;}
#vehicleType ul li.vPU a:hover		{width:54px; background-position:-468px -39px;}


#invDetail_wrapper				{width:915px; display:block;overflow:hidden}
#invDetailTitle					{width:100%; font-size: 15px; font-weight: bold; color: #333333; border-bottom:1px solid #999999; margin-bottom:10px ; display:block ;}
#invDetailPhotos				{width:275px; float:left; display:block;}
/* vehicle details */
#invDetailInfo  				{width:285px;float:left;font-size:10px;margin-bottom:35px; padding-bottom:35px;display:block;overflow:hidden;font-size:11px;}
#invDetailInfo div              {width:100%;float:left;overflow:hidden;}
#invDetailInfo div .text        {width:40%;text-align:right;float:left;font-weight:bold}
#invDetailInfo div .value       {width:58%;padding-left:4px;float:left;}


#saleLocation_wrapper			{width:610px; float:right ; display:block ;}
#saleLocationTitle_wrapper		{width:620px; border-bottom:1px solid #999999; margin-bottom:10px ; float:left; display:block ;}
#saleLocationTitle				{width:300px; float:left; font-size: 15px; font-weight: bold; color: #333333; vertical-align: bottom; margin-top:4px ; display:block ;}
#saleLocation_salebutton		{width:100px; float:right; margin-right:140px; margin-bottom:3px; display:block ;}
#saleLocationInfo_wrapper		{width:615px; display:block ;}
#saleLocationInfo				{width:250px; float:left; display:block ;}
#mapArea						{width:400px; float:right; margin-bottom:40px ; display:block ;}


#locationDetail_wrapper				{width:930px; }
#locationDetailTitle				{width:925px; font-size: 15px; font-weight: bold; color: #333333; border-bottom:1px solid #999999; margin-bottom:10px ;}
#locationDetailInfo_wrapper			{width:925px; }
#locationDetailInfo					{width:400px; float:left; }
#locationFeatures_wrapper			{width:930px; }
#upcomingSales						{width:400px; float:left; }
#upcomingSalesTitle					{width:400px; font-size: 15px; font-weight: bold; color: #333333; border-bottom:1px solid #999999; margin-bottom:3px ;}
#upcomingSalesTable					{width:400px; border:1px solid #999999; margin-bottom:40px ;}
#upcomingSalesTable	td				{padding: 5px;}
#upcomingSalesTableHeaders			{font-weight:bold ;}
#featuredVehicles					{width:400px; float:right; margin-right:15px ;}
#featuredVehiclesTitle				{width:400px; font-size: 15px; font-weight: bold; color: #333333; border-bottom:1px solid #999999; margin-bottom:3px ;}
#featuredVehiclesTable				{width:400px; margin-bottom:40px ;}
#featuredVehiclesTable td			{padding: 10px;}


.contentModule				{margin-bottom:20px;}
.contentModule h3			{font-size:14px; font-weight:bold; color:#005478; margin:0px 0px 15px 0px; padding:6px 0px 6px 8px; border-bottom:1px solid #ebebeb; background:url('../images/gradientSubtle.jpg') repeat-x 50% top; 
position:relative;
	top: 6px;
	left: -2px;
}
.contentModule p			{padding:0px 10px;}
.contentModule ul			{margin:0px !important; padding:0px 10px 0px 30px !important;}
.contentModule img.left		{float:left; margin:0px 20px 10px 0px;}
.contentModule img.right	{float:right; margin:0px 0px 10px 20px;}


/* search page */
.searchTips				{width:350px; margin:0px 100px 20px 0px; padding:0px 6px 20px 15px; float:right; background:url(../images/greenGradient.jpg) top repeat-x; border:1px solid #ebebeb;}
/*.searchTips			{margin:0px 100px 20px 0px; width:350px; float:right; border:1px solid #ebebeb;}             */
/*.searchTips	h3			{font-size:14px; font-weight:bold; color:#005478; margin:0px 0px 15px 0px; padding:6px 0px 6px 8px; border-bottom:1px solid #ebebeb; background:url(../images/gradientSubtle.jpg) top repeat-x;} */
.searchTips	h3			{border-bottom:0px; font-size:13px; font-weight:bold; color:#333; margin:0px 0px 10px 0px; padding:13px 0px 6px 0px;}
.searchTips	p			{padding:0px 10px;}
.searchTips	ul			{margin:0px !important; padding:0px 10px 0px 30px !important;}
.searchTips	ol			{padding:0px 15px 0px 30px !important;}
.searchTips	ol li 		{margin-left:-10px; margin-bottom:8px;}
.searchTips	img.left	{float:left; margin:0px 20px 10px 0px;}
.searchTips img.right	{float:right; margin:0px 0px 10px 20px;}

.searchResults 			{border:1px solid #ebebeb;}
.maxRowHeader 			{height: 20px; font-weight:bold;}

/* calendar style */
.calendar 				{background:url(../images/greenGradient.jpg) top repeat-x;}
.calendar a				{color:#999999;	text-decoration: none;}
.calendar a:hover		{color:#999999; text-decoration: none;}
.nextMonth				{width:150px; float:right; margin-right:10px; padding-right:10px; font-weight: bold;}
.nextMonth a			{color:#999999;	text-decoration: none;}
.nextMonth a:hover		{color:#999999; text-decoration: none;}
.prevMonth				{width:150px ; float:left ; margin-left:10px ; padding-left:10px ; font-weight: bold;}
.prevMonth a			{color:#999999;	text-decoration: none;}
.prevMonth a:hover		{color:#999999; text-decoration: none;}
.calendar .week	 		{border-left:1px solid #ebebeb; text-align:center; height:35px; width:125px;}
.calendar .calCell		{background-color:#dee8d3; border-left:2px solid #ebebeb; border-bottom:2px solid #ebebeb; height:125px; width:125px;}
.calendar .calDay		{color:#004765;}
td .non       			{background-color: #999999;}
.calendar td .top       {background-color: #CCCCCC;}


/* print styles */
@media print 			{
.auctionDetails {display:block !important;}
}
