/* ==================== */
/* GENERIC STYLES       */
/* ==================== */

{
	margin: 0;
	padding: 0;
}
body
{
	font-family: Arial, sans-serif;
}


a:link, 
a:visited
{
	text-decoration: none;
}
a img
{
	border: 0px;
}
table
{
	border-collapse: collapse;
}

sub
{
	position: relative;
	vertical-align: baseline;
	top: 0.5ex;
	font-size: 0.7em;
}
sup
{
	position: relative;
	vertical-align: baseline;
	top: -1ex;
	font-size: 0.7em;
}



/* ==================== */
/* USEFUL STYLES        */
/* ==================== */


h1 span
{
	display: none;
}	




		h1 span
		{
			display:none;
		}
		li
		{
			list-style-type: none;
		}
		ul#ctaNav
		{
			padding: 5px 0 0 20px;
			overflow: hidden;
		}
			ul#ctaNav li
			{
				float: left;
			}
		.hidden
		{
			display: none;
		}
		
		
		#introText
		{
			color: #ffffff;
			width: 400px;
		}
			#introText .hideme
			{
				display: none;
			}
			#introText h2, #introText p, #introText a
			{
				font-size: 12px;
				padding: 0px 15px;
				margin: 10px 0px;
			}
			#introText h2
			{
				font-size: 18px;
			}

					
/* overall generics*/
#specialBorder
{
	border: 0px;
	border-top: 1px solid #7E7E7E;
	width: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
	#specialContainer
	{
		width: 930px;
		margin: 0 auto;
		background: url('../../img/reasons/background-home.gif') repeat-x top left;
		position: relative;
		border-left: solid 1px #7e7e7e;
		border-right: solid 1px #7e7e7e;
	}
		h1 span
		{
			display:none;
		}
		li
		{
			list-style-type: none;
		}
		ul#ctaNav
		{
			padding: 10px 0 0 10px;
			overflow: hidden;
		}
			ul#ctaNav li
			{
				float: left;
				margin-right: 10px;
			}
		.hidden
		{
			display: none;
		}

/* footer */
#specialFooter
{
	position: absolute;
	bottom: -3px;
	left: 0px;
	width: 942px;
	background: transparent;
}
	#bottomNav 
	{
		height: 99px;
		width: 942px;
		background: url('../../img/reasons/btmgradsmall.gif') repeat-x bottom left;
	}
		#specialFooter a.termsLink
		{
			display: block;
			background: #606060;
			padding: 3px;
			font-size: 10px;
			font-weight: bold;
			color: #551f49;
			position: absolute;
		}
		#bottomNav li
		{
			float: left;
			margin-right: 10px;
		}
		#bottomNav ul#bottomCta
		{
			margin-left: 10px;
		}
		#bottomNav #bottomCta li
		{
			padding: 45px 0px 0px 0px;
		}
		#bottomNav #vehicleNav
		{
			float: right;
			padding: 0 10px 10px 0;
		}
			.specialLancer #bottomNav #linkLancer,
			.specialColt #bottomNav #linkColt,
			.specialOutlander #bottomNav #linkOutlander,
			.specialL200 #bottomNav #linkL200,
			.specialShogun #bottomNav #linkShogun
			{
				display: none;
			}
		#terms
		{
			font-size: 8px;
			font-family: Verdana, Arial, Sans-Serif;
			color: #cccccc;
			background: #606060;
			padding: 10px;
			text-align: justify;
		}
			#terms a
			{
				color: #cccccc;
				text-decoration: underline;
			}
			.fuelnco2
			{
				font-size: 150%;
			}
/* end footer */

/* home content styles */
.specialHomepage #specialContainer
{
	height: auto;
}
	.specialHomepage #homeContent
	{
		height: 560px;
	}
		#specialHeader
		{
			position: absolute;
			top: 78px;
			left: 155px;
		}
		#introText
		{
			color: #6e6e6e;
			width: 640px;
			padding: 130px 0px 0px 140px;
		}
		#introText #specialSubHeader
		{
			margin: 0px 0px 0px 15px;
			padding: 0px;
		}
			#introText p
			{
				font-size: 14px;
				padding: 0px 15px;
				margin: 10px 0px;
			}
			#introText a
			{
				font-size: 12px;
				padding: 0px 15px;
				margin: 10px 0px;
			}
			#introText h2 span
			{
				display: none;
			}
		#cars
		{
			width: 942px;
			display: block;
			position: absolute;
			top: 400px;
			left: 20px;
			z-index: 5;
		}
			.carPromo
			{
				width: 180px;
				float: left;
				font-size: 10px;
				position: relative;
				z-index: 5;
			}
				.carPromo .img
				{
					position: relative;
					z-index: 2;
					width: 168px;
				}
				.carPopup
				{
					width: 180px;
					position: absolute;
					top: -260px;
					left: 0px;
					z-index: 1;
					display: none;
				}
					.carPopup ul, .carPopup h4, .carPopup h3, .carPopup p
					{
						position: relative;
						z-index: 2;
						margin: 5px;
						color: #ffffff;
					}
					.carPopup h3
					{
						font-size: 13px;
						text-align: center;
						text-transform: uppercase;
					}
					.carPopup p
					{
						text-align: left;
						margin: 70px 5px 0px 10px;
						font-size: 9px;
					}
					#popupColt p			{ margin-top: 65px; }
					#popupLancer p			{ margin-top: 65px; }
					#popupOutlander p		{ margin-top: 65px; }
					#popupL200 p			{ margin-top: 65px; }
					#popupShogun p			{ margin-top: 90px; }
					#popupColt p.payment,
					#popupLancer p.payment,
					#popupOutlander p.payment,
					#popupShogun p.payment,
					#popupL200 p.payment
					{
						margin: 5px 5px 0px 10px;
					}
					#popupColt p.link,
					#popupLancer p.link,
					#popupOutlander p.link,
					#popupShogun p.link,
					#popupL200 p.link
					{
						margin: 10px 5px 0px 10px;
						font-weight: bold;
						font-size: 10px;
						text-decoration: underline;
					}
						
					.carPopup ul
					{
						width: 160px;
					}
						.carPopup li
						{
							color: #ffffff;
							list-style-type: disc;
							margin-left: 15px;
							font-size: 9px;
						}
					.carPopup .img
					{
						position: absolute;
						top: 0px;
						left: 0px;
						z-index: 1;
						width: auto;
					}
					.carPopup .colClickPrompt
					{
						font-weight: bold;
						position: absolute;
						font-size: 14px;
						top: 220px;
						left: 0;
						display: none;
					}
					sub
					{
						font-size: .6em;
					}
		.specialHomepage #specialFooter
		{
			background: url('../../img/reasons/btmgrad.gif') repeat-x top left;
			position: absolute;
			bottom: 0px;
			left: 0px;
			height: 160px;
			z-index: 1;
		}
			.specialHomepage #enviroblocks
			{
				position: absolute;
				right: 330px;
				bottom: 20px;
				font-size: 10px;
				width: 310px;
				height: 50px;
				display: none;
			}
				.specialHomepage #enviroblocks p
				{
					position: absolute;
					bottom: 0px;
					right: 0px;
					background: #fff;
					border: 1px solid #551f49;
					padding: 5px;
					display: none;
				}
			.specialHomepage #envirologos
			{
				position: absolute;
				right: 10px;
				bottom: 10px;
				overflow: hidden;
			}
				.specialHomepage #envirologos div
				{
					float: left;
					margin-left: 3px;
				}
			#specialFooter a.termsLink
			{
				position: absolute;
				bottom: 0px;
				background: transparent;
			}

/* Vehicle pages generic styles */
#specialBorder
{
}
	.specialLancer #specialContainer,
	.specialColt #specialContainer
	{
		height: 790px;
		overflow: hidden;
	}
	#specialContainer
	{
		height: 790px;
		overflow: hidden;
	}
	#finance
	{
		width: 500px;
		position: absolute;
		top: 60px;
		left: 10px;
	}
		#finance h2
		{
			font-size: 18px;
			color:#551f49;
		}
		#finance p
		{
			color: #6e6e6e;
			font-size: 14px;
			padding-top: 10px;
		}
			
		#lrgImg
		{
			position: absolute;
			right: 50px;
			top: 170px;
		}
		.specialOutlander #lrgImg
		{
			position: absolute;
			right: 50px;
			top: 200px;
		}
		#textIntro
		{
			position: absolute;
			top: 0px;
			right: 20px;
			width: 364px;
			height: 195px;
			overflow: hidden;
		}
			#copyBgImage
			{
				position: absolute;
				top: 0px;
				left: 0px;
			}
			#textIntro h1,
			#textIntro p
			{
				position: relative;
				z-index: 2;
				font-size: 11px;
				margin: 45px 15px 0px 15px;
			}
				#textIntro p span
				{
					display: none;
				}
			/*#priceCar
			{
				text-align: center;
				display: block;
				width: 364px;
				position: absolute;
				left: 0px;
				bottom: 0px;
			}*/
		#vehicleDetails
		{
			width: 939px;
			height: 198px;
			overflow: hidden;
			position: absolute;
			left: 0px;
			bottom: 110px;
			font-size: 10px;
		}
			#featureBoxBg
			{
				position: absolute;
				left: 0px;
				top: 0px;
				z-index: 1;
			}
			#featureNav
			{
				position: relative;
				z-index: 2;
				float: left;
				margin: 20px 10px 0px 20px;
			}
				#featureNav li
				{
					margin: 0px 0px 5px 0px;
				}
					#featureNav a
					{
						font-size: 16px;
						color: #4d4d4d;
						font-weight: bold;
					}
					#featureNav a:hover
					{
						color: #551f49;
						cursor: default;
					}
			#features
			{
				position: relative;
				z-index: 2;
				float: left;
				width: 730px;
				margin: 20px 10px 0px 10px;
			}
				.infoItem
				{
					height: 160px;
					width: 700px;
					display: none;
					float: left;
					color: #4d4d4d;
				}
					#infoFinance #financeText
					{
						width: 430px;
						float: left;
						padding-right: 20px;
						font-size: 11px;
					}
						#infoFinance #financeText p
						{
							padding: 0px 0px 10px 0px;
							margin: 0px 0px 0px 0px;
							font-size: 12px;
						}
						#financeText .vathold
						{
							font-weight: bold;
						}
					#financeTable
					{
						width: 370px;
						height: 170px;
						background: #fff;
						border: solid 1px #551f49;
						position: absolute;
						top: 280px;
						left: 10px;
					}
					#financeTable table
					{
						width: 350px;
						margin: 10px;
						font-size: 12px;
					}
						#financeTable table tr
						{
								height: 25px;
						}
							#financeTable table td
							{
								text-align: center;
								border: 1px solid #551f49;
								background-color: #fff;
							}
					.specialOutlander #infoSpec ul,
					.specialL200 #infoSpec ul
					{
						width: 300px;
					}
					#infoSpec ul
					{
						float: left;
						width: 240px;
						font-size: 12px;
						margin-right: 20px;
					}
						#infoSpec ul .model
						{
							font-weight: bold;
						}
					#infoEnvironment ul
					{
						font-size: 12px;
					}
					#infoSafety ul
					{
						font-size: 12px;
					}
					#infoMSP p
					{
						padding-bottom: 10px;
						font-size: 14px;
					}
						#infoMSP li
						{
							padding-top: 15px;
							float: left;
							width: 200px;
							font-weight: bold; 
							font-size: 14px;
						}
		.specialLancer #priceCar
		{
			text-align: center;
			display: block;
			width: 384px;
			position: absolute;
			right: 65px;
			top: 430px;
		}

				.specialLancer #infoSpec ul
				{
					float: left;
					width: 210px;
					font-size: 12px;
					margin: 0px;
				}
				.specialLancer #infoMSP p
				{
					font-size: 12px;
				}
					.specialLancer #infoMSP ul
					{
						float: left;
						width: 300px;
					}
						.specialLancer #infoMSP li
						{
							padding-top: 0px;
							float: none;
							width: auto;
							font-weight: normal; 
							font-size: 12px;
						}
						.specialLancer #infoMSP li.firstMSP
						{
							font-weight: bold;
						}
		.specialColt #textIntro
		{
			height: 210px;
		}
		.specialLancer #paymentTable,
		.specialColt #paymentTable
		{
			position: absolute;
			top: 230px;
			left: 10px;
			width: 462px;
		}
		.specialLancer #table1,
		.specialLancer #table2,
		.specialColt #table1,
		.specialColt #table2
		{
			width: 220px;
			height: 230px;
			background-color: #fff;
			float: left;
			border: solid 1px #fff;
		}
		.specialLancer #table2,
		.specialColt #table2
		{
			margin-left: 10px;
		}
		.specialLancer #paymentTable table,
		.specialColt #paymentTable table
		{
			width: 210px;
			background-color: #fff;
			color: #7e7e7e;
			font-size: 11px;
			margin: 10px 0px 10px 10px;
		}
		.specialLancer #paymentTable tr.purple,
		.specialColt #paymentTable tr.purple
		{
			color: #551f49;
			font-size: 13px;
			font-weight: bold;
		}
		.specialLancer #paymentTable tr.bold,
		.specialColt #paymentTable tr.bold
		{
			font-weight: bold;
			font-size: 12px;
		}
		.specialLancer #paymentTable tr.depositBold,
		.specialColt #paymentTable tr.depositBold
		{
			font-weight: bold;
		}
		.specialLancer #paymentTable tr.aprTypical,
		.specialColt #paymentTable tr.aprTypical
		{
			font-weight: bold;
			font-size: 16px;
		}
		.specialLancer #paymentTable td sup,
		.specialColt #paymentTable td sup
		{
			font-size: 9px;
		}
		.specialColt #lrgImg
		{
			position: absolute;
			right: 50px;
			top: 170px;
		}
		.specialColt #priceCar
		{
			text-align: center;
			display: block;
			width: 384px;
			position: absolute;
			right: 65px;
			top: 430px;
		}
		.specialShogun #priceCar,
		.specialL200 #priceCar
		{
			text-align: center;
			display: block;
			width: 364px;
			position: absolute;
			right: 65px;
			top: 430px;
		}
		.specialOutlander #priceCar
		{
			text-align: center;
			display: block;
			width: 416px;
			position: absolute;
			right: 65px;
			top: 450px;
		}
		
/* terms page */
body#specialOffersTerms
{
	/*background: url('/images/special-offers/background-home.gif') repeat-x top left;*/
}
	body#specialOffersTerms #specialContainer
	{
		width: 940px;
		margin: 0 auto;
		background: url('../../img/reasons/background-home.gif') repeat-x top left;
		position: relative;
		border: solid 1px #7e7e7e;
	}
		body#specialOffersTerms h1
		{
			color: #551f49;
			text-align: center;
			margin: auto auto;
		}
		body#specialOffersTerms #terms
		{
			clear: both;
			padding: 20px 20px;
			font-size: 12px;
			background: transparent;
			color: #000000;
		}
		body#specialOffersTerms #fuelnco2
		{
			font-size: 18px;
		}
			body#specialOffersTerms #terms a, 
			body#specialOffersTerms #terms ol, 
			body#specialOffersTerms #terms h2
			{
				color: #000000;
			}
			body#specialOffersTerms #terms h2
			{
				font-size: 14px;
				text-transform: uppercase;
			}
			body#specialOffersTerms #terms ol
			{
				margin: 20px;
				font-size: 12px;
			}
				body#specialOffersTerms #terms ol li
				{
					margin-top: 10px;
				}