#contentWrap
{
	background: #ffffff url('/images/homepage/bg/2011q4-day.jpg') no-repeat top center;
}
#container
{
	border-left: 1px solid #7e7e7e;
	border-right: 1px solid #7e7e7e;
	width: 942px;
	margin: 0px auto;
	font-size: 12px;
	position: relative;
	background: #ffffff;
}

.clearer
{
	clear: both;
}

/*-------------------*/
/* top panel styling */
#topPanel
{
	position: relative;
	height: 381px; /* this is a fix for ie8 -- need to keep an eye on if it breaks anything else */
}
	#promoTop
	{
		height: 381px;
		background: url("/images/contract-hire/header-bg.png") no-repeat 0px 0px;
	}
	
	#promoMain
	{
		position: absolute;
		top: 0;
		right: 0;
		width: 500px;
		height: 258px;
	}
	
		#promoMain .panel h2
		{
			color: #07313e;
			font-size: 40px;
			text-transform: uppercase;
			position: absolute;
			top: 40px;
			left: 0;
			line-height: 35px;
		}
		
		#promoMain .panel h2 span
		{
			color: #fff;
			text-transform: uppercase;
			font-weight: bold;
			font-size: 28px;
			
		}
		
			#promoMain .panel h2 span span
			{
				font-size: 16px;
			}
			
		#promoMain .panel a.button
		{
			position: absolute;
			top: 160px;
			left: 0;
		}
		
		#promoMain .panel img.carLarge
		{
			position: absolute;
			top: 85px;
			right: 30px;
		}
		
	#otherOffers
	{
		position: absolute;
		bottom: 0;
		right: 10px;
		width: 697px;
		height: 113px;
	}
	
		#otherOffers h3
		{
			color: #fff;
			text-transform: uppercase;
			border-bottom: #1e4957 1px solid;
			width: 697px;
		}
	
		#otherOffers ul
		{
			width: 697px;
			border-top: #9ab6bf 1px solid;
			padding-top: 10px;
		}
	
			#otherOffers ul li,
			#otherOffers ul li a,
			#otherOffers ul li p 
			{
				float: left;
				list-style-type: none;
				color: #fff;
			}
			
			#otherOffers ul li
			{
				padding-right: 15px;
			}
			
			#otherOffers ul li img
			{
				padding-right: 5px;
			}
			
			#otherOffers ul li a span.vehicleName
			{
				text-transform: uppercase;
				font-weight: bold;
				font-size: 14px;
			}
			
			#otherOffers ul li a span.vehiclePrice
			{
				color: #1e4957;
				font-weight: bold;
				font-size: 24px;
				line-height: .9em;
			}
			

/* ----------- */
/* nav styling */
#navWrap
{
	position: relative;
}
	#mainNav
	{
		background: #ffffff url('/images/contract-hire/nav-bg.gif') no-repeat top left;		
		height: 30px;
		font-size: 14px;
		z-index: 501;
		position: relative;
	}
		#mainNav li
		{
			float: left;
			list-style: none;
			margin: 0px 0px 0px 5px;
		}
			#mainNav li a
			{				
				color: #fff;
				height: 22px;
				padding: 8px 10px 0px 10px;
				display: block;
				font-weight: bold;
				text-transform: uppercase;
			}
			#mainNav li a:hover
			{
				color: #8eabb4;
			}
/* nav styling */
/*-------------*/

/*-----------------------*/
/* content panel styling */
#contentPanel
{
	overflow: hidden;
	background: #ffffff url('/images/vehicle/content-bg.gif') repeat-y 0px 0px;
}
	#h1Wrap
	{
		border-bottom: 1px solid #9f9f9f;
	}
		#h1Wrap h1
		{
			font-size: 34px;
			font-weight: bold;
			text-align: right;
			position: relative;
			margin: 0px 0px -0.25em 0px;
			padding: 0px 10px 0px 0px;
			color: #555555;
		}
	#contentPanel a
	{
		color: #fff;
	}
		#contentPanel a:hover
		{
			color: #910000;
			text-decoration: underline;
		}
/* content panel styling */
/*-----------------------*/

/*----------------------------- */
/* CTA right bar button styling */
#cta
{
	width: 200px;
	float: right;
	overflow: hidden;
	padding: 10px 9px 0px 9px;
	font-size: 11px;
}
	#cta h2
	{
	}
	#cta ul
	{
	}
		#cta li
		{
			list-style: none;
		}
			#cta li a
			{
				width: 197px;
				height: 94px;
				line-height: 30px;
				display: block;
				margin: 0px 0px 10px 0px;
				padding: 0px 0px 0px 5px;
				color: #4f4f4f;
				font-size: 11px;
			}
			#cta li a.ctaContactUs		{ background: url('/images/contract-hire/cta/contact-us.gif') no-repeat 0px 0px; }
			#cta li a.ctaFindDealer		{ background: url('/images/contract-hire/cta/find-dealer.jpg') no-repeat 0px 0px; }
			#cta li a:hover
			{
				background-position: 0px -94px;
			}
				#cta li a span
				{
					display: none;
				}
				
	#cta .benefitBox
	{
		border-bottom: 10px solid #fff;
		float: left;
	}
	
		#cta .benefitBox img
		{
			float: left;
			border-right: 8px solid #fff;
		}
		
		#cta .benefitBox .text
		{
			float: left;
			width: 115px;
			clear: right;
		}
		
			#cta .benefitBox .text h3
			{
				font-size: 11px;
			}
			
			#cta .benefitBox .text p
			{
				color: #6a6a6a;
			}
/* CTA right bar button styling */
/*----------------------------- */