#lancerContainer
{
	width: 100%;
	border-top: 1px solid #000000;
	background: #000000 url('/images/lancer/bg-main.jpg') no-repeat top center;
}

/*--------*/
/* header */

#lancerHead
{
	height: 148px;
	border-bottom: 1px solid #999999;
}
	#lancerHead .lancerHeadContent
	{
		width: 942px;
		height: 148px;
		position: relative;
		margin: 0px auto;
	}
		#lancerHead .lancerHeadText
		{
			position: absolute;
			bottom: 0px;
			left: 0px;
		}
			
		#lancerHead #lancerQ32years
		{
			height: 148px;
			background: #e8e8e8 url('/images/special-offers/vehicle-section-headers-bg.jpg') no-repeat top center;
			width: 100%;
			position: absolute;
			z-index: 30;
		}
	
		#lancerHead #lancerQ3deposit
		{
			height: 148px;
			background: #e8e8e8 url('/images/special-offers/vehicle-section-headers-bg.jpg') no-repeat top center;
			width: 100%;
			position: absolute;
			z-index: 20;
		}
				

/* // header */
/*-----------*/

#lancerContentContainer
{
	width: 942px;
	margin: 0px auto;
	overflow: hidden;
	position: relative;
}

/*---------*/
/* sidenav */

#lancerMenuLeft
{
	float: left;
	margin-top: 46px;
	width: 180px;
}
	#lancerMenuLeft ul
	{
		height: 363px;
		overflow: hidden;
	}
	
	#lancerMenuLeft li
	{
		float: left;
		display: block;
	}
		#lancerMenuLeft li a
		{
			width: 180px;
			/*height: 121px;*/
			display: block;
			background: url('/images/lancer/bg-sidenav.gif') no-repeat 0px 0px;
			
		}
			#lancerMenuLeft li a span
			{
				display: none;
			}
	/*-------------*/
	/* menu states */
	/* normal */
	#lancerMenuLeft a#sideLink4Door{ height: 121px; background-position: 0px 0px; }
	#lancerMenuLeft a#sideLinkHatchback{ height: 119px; background-position: 0px -122px; }
	#lancerMenuLeft a#sideLinkRalliart{ height: 123px; background-position: 0px -244px; }

	/* hover */
	#lancerMenuLeft a#sideLink4Door:hover{ background-position: -181px 0px; }
	#lancerMenuLeft a#sideLinkHatchback:hover{ background-position: -181px -122px; }
	#lancerMenuLeft a#sideLinkRalliart:hover{ background-position: -181px -244px; }

	/* active */
	/* 4 door */
	.lancer4DoorHome #lancerMenuLeft a#sideLink4Door,
	.lancer4DoorHighlights #lancerMenuLeft a#sideLink4Door
	{ 
		background-position: -362px 0px; 
	}
	/* hatchback */
	.lancerHatchbackHome #lancerMenuLeft a#sideLinkHatchback,
	.lancerHatchbackHighlights #lancerMenuLeft a#sideLinkHatchback
	{ 
		background-position: -362px -122px; 
	}
	/* ralliart */
	.lancerRalliartHome #lancerMenuLeft a#sideLinkRalliart,
	.lancerRalliartHighlights #lancerMenuLeft a#sideLinkRalliart
	{ 
		background-position: -362px -244px;
	}
	
	/* // menu states */
	/*----------------*/
	
/* //sidenav */
/*-----------*/

#lancerMainContent
{
	width: 761px;
	float: left;
}

/*---------*/
/* top nav */

#lancerTopnav
{
	height: 46px;
	display: block;
	margin: 1px 0px;
}
	#lancerTopnav li
	{
		float: left;
		margin: 0px;
		padding: 0px;
		list-style: none;
		border: 1px solid #999999;
		border-right: 0px;
		border-top: 0px;
	}
	#lancerTopnav li.last
	{
		border-right: 1px solid #999999;
	}
		#lancerTopnav li a
		{
			height: 46px;
			width: 151px;
			display: block;
			background: url('/images/lancer/bg-topnav.gif') no-repeat top left;
		}
			#lancerTopnav li a span
			{
				display: none;
			}
			
		/* normal states */
		#lancerTopnav a.topLinkTech{ background-position: 0px 0px; }
		#lancerTopnav a.topLinkSpec{ background-position: -151px 0px; }
		#lancerTopnav a.topLinkBrochure{ background-position: -302px 0px; }
		#lancerTopnav a.topLinkTestdrive{ background-position: -453px 0px; }
		#lancerTopnav a#topLinkGallery{ background-position: -604px 0px; }
		
		/* hover states */
		#lancerTopnav a.topLinkTech:hover{ background-position: 0px -46px; }
		#lancerTopnav a.topLinkSpec:hover{ background-position: -151px -46px; }
		#lancerTopnav a.topLinkBrochure:hover{ background-position: -302px -46px; }
		#lancerTopnav a.topLinkTestdrive:hover{ background-position: -453px -46px; }
		#lancerTopnav a#topLinkGallery:hover{ background-position: -604px -46px; }
		
		/* active states */
		.lancerTech #lancerTopnav a.topLinkTech{ background-position: 0px -92px; }
		.lancerSpec #lancerTopnav a.topLinkSpec{ background-position: -151px -92px; }
		.lancerBrochure #lancerTopnav a.topLinkBrochure{ background-position: -302px -92px; }
		.lancerTestdrive #lancerTopnav a.topLinkTestdrive{ background-position: -453px -92px; }
		.lancerGallery #lancerTopnav a#topLinkGallery{ background-position: -604px -92px; }
		.lancerBrochureInteractive #lancerTopnav a.topLinkBrochure{ background-position: -302px -92px; }
		.hatchbackBrochureInteractive #lancerTopnav a.topLinkBrochure{ background-position: -302px -92px;}
		.ralliartBrochureInteractive #lancerTopnav a.topLinkBrochure{ background-position: -302px -92px;}	
/* //top nav */
/*-----------*/

/*------------*/
/* second nav */

#lancerSecondNav
{
	text-align: center;
	background-color: #000000;
	width: 740px;
	padding: 15px 9px 15px 10px;
	clear: both;
	height: 60px;
	border: 1px solid #999999;
	border-bottom: 0px;
}
	#lancerSecondNav a, 
	#lancerSecondNav p
	{
		color: #fff;
		float: left;
		font-size: 12px;
		font-weight: bold;
		display: block;
		width: 239px;
		text-align: center;
		line-height: 20px;
	}	

	#lancerSecondNav a:hover
	{
		text-decoration: underline;
	}	

/* // second nav */
/*---------------*/

#lancerContent
{
	background: #ffffff;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	overflow: hidden;
}

/*-----------*/
/* homepage  */

.lancerHome #lancerContent
{
	height: 573px;
	width: 759px;
	background: url('/images/lancer/bg-home.jpg') no-repeat top left;
	float: left;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	position: relative;
}
	.lancerHome #lancerContent h2
	{
		font-size: 20px;
	}
	.lancerHome #lancerContent #price
	{
		margin-top: 20px;
	}
		.lancerHome #lancerContent #price p
		{
			font-size: 18px;
			float: right;
			clear: right;
			padding: 5px;
		}
		.lancerHome #lancerContent #price .typeHeader
		{
			background: #000000;
			color: #ffffff;
		}
		.lancerHome #lancerContent #price .priceHeader
		{
			background: #ffffff;
			color: #9a9a9a;
		}
			.lancerHome #lancerContent #price .priceHeader span
			{
				font-size: 28px;
				font-weight: bold;
				color: #000000;
			}
	.lancerHome #lancerContent #homeContent
	{
		width: 400px;
		position: absolute;
		left: 20px;
		top: 120px;
		text-align: justify;
		font-size: 12px;
	}
	.lancerHome #lancerContent #callToActions
	{
		position: absolute;
		bottom: 30px;
		left: 45px;
		color: #ff0000;
		font-size: 14px;
	}
		.lancerHome #lancerContent #callToActions h2
		{
			font-size: 16px;
			text-transform: uppercase;
			margin-top: 10px;
		}
		.lancerHome #lancerContent #callToActions a
		{
			color: #ffffff;
		}
		.lancerHome #lancerContent #callToActions a:hover
		{
			text-decoration: underline;
		}
		.lancerHome #lancerContent #callToActions p
		{
			color: #ffffff;
			padding-left: 16px;
		}


/* // homepage */
/*-------------*/

/*--------------*/
/* 4 door home  */

.lancer4DoorHome #lancerContent
{
	height: 573px;
	width: 759px;
	background: url('/images/lancer/bg-4door.jpg') no-repeat top left;
	float: left;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	position: relative;
}
	.lancer4DoorHome #lancerContent h1
	{
		font-size: 40px;
		font-weight: bold;
		text-transform: uppercase;
		float: right;
		clear: both;
		padding: 0px 10px;
		margin: 10px 0px 0px 0px;
		color: #000000;
		background: #ffffff;
	}
	.lancer4DoorHome #lancerContent #subtitle
	{
		font-size: 20px;
		font-weight: bold;
		text-transform: uppercase;
		float: right;
		clear: both;
		padding: 0px 5px;
		margin: -8px 0px 0px 0px;
		color: #ffffff;
		background: #000000;
	}
	.lancer4DoorHome #lancerContent #homeContent
	{
		width: 400px;
		position: absolute;
		right: 20px;
		top: 95px;
		text-align: justify;
		font-size: 12px;
	}
	.lancer4DoorHome #lancerContent #msp
	{
		position: absolute;
		top: 210px;
		right: 20px;
	}
		.lancer4DoorHome #lancerContent #msp a
		{
			width: 300px;
			height: 42px;
			display: block;
			background: url('/images/msp/variant-box.gif') no-repeat left top;
			text-transform: uppercase;
			font-weight: bold;
		}
			.lancer4DoorHome #lancerContent #msp a span
			{
				position: absolute;
				left: 60px;
				top: 10px;
				color: #ffffff;
				font-size: 16px;
			}
		.lancer4DoorHome #lancerContent #msp a:hover
		{
			background-position: 0px -42px;
		}
			.lancer4DoorHome #lancerContent #msp a:hover span
			{
				color: #ffffff;
			}
	.lancer4DoorHome #lancerContent #variants
	{
		position: absolute;
		top: 280px;
		right: 20px;
	}
		.lancer4DoorHome #lancerContent #variants h2
		{
			font-size: 14px;
			color: #ffffff;
			width: 217px;
			height: 25px;
			padding: 10px 15px 0 20px;
			background: #000000;
		}
		.lancer4DoorHome #lancerContent #variants a.variant
		{
			background: #b7b7b7 url('/images/l200/variants-bg.gif') repeat-y top left;
			font-size: 12px;
			color: #000;
			font-weight: bold;
			width: 217px;
			height: 25px;
			padding: 10px 15px 0 20px;
			display: block;
			border-top: 1px solid #fff;
			text-align: right;
			word-spacing: 5px;
		}
		.lancer4DoorHome #lancerContent #variants a.variant:hover
		{
			background: #b7b7b7 url('/images/l200/variants-bg-hover.gif') repeat-y top left;
			cursor: pointer;
		}
			.lancer4DoorHome #lancerContent #variants a.variant .trim
			{
				float: left;
			}
			.lancer4DoorHome #lancerContent #variants a.variant .price
			{
				font-size: 14px;
				color: #e10000;
			}

/* // 4 door home */
/*----------------*/

/*-----------------*/
/* hatchback home  */

.lancerHatchbackHome #lancerContent
{
	height: 573px;
	width: 759px;
	background: url('/images/lancer/bg-hatchback.jpg') no-repeat top left;
	float: left;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	position: relative;
}
	.lancerHatchbackHome #lancerContent h1
	{
		font-size: 40px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		float: right;
		clear: both;
		padding: 0px 10px;
		margin: 10px 0px 0px 0px;
		color: #000000;
		background: #ffffff;
	}
	.lancerHatchbackHome #lancerContent #subtitle
	{
		font-size: 20px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		float: right;
		clear: both;
		padding: 0px 5px;
		margin: -8px 0px 0px 0px;
		color: #ffffff;
		background: #000000;
	}
	.lancerHatchbackHome #lancerContent #homeContent
	{
		width: 450px;
		position: absolute;
		right: 30px;
		top: 90px;
		text-align: justify;
		font-size: 11px;
		color: #ffffff;
	}
	.lancerHatchbackHome #lancerContent #ncap
	{
		position: absolute;
		top: 80px;
		left: 90px;
		width: 158px;
	}
		/*
		.lancerHatchbackHome #lancerContent #ncap a span
		{
			display: block;
			font-size: 10px;
			text-align: justify;
			color: #000000;
		}
		.lancerHatchbackHome #lancerContent #ncap a:hover span
		{
			text-decoration: underline;
		}*/
	.lancerHatchbackHome #lancerContent #msp
	{
		position: absolute;
		top: 250px;
		left: 30px;
	}
		.lancerHatchbackHome #lancerContent #msp a
		{
			width: 300px;
			height: 42px;
			display: block;
			background: url('/images/msp/variant-box.gif') no-repeat left top;
			text-transform: uppercase;
			font-weight: bold;
		}
			.lancerHatchbackHome #lancerContent #msp a span
			{
				position: absolute;
				left: 60px;
				top: 10px;
				color: #ffffff;
				font-size: 16px;
			}
		.lancerHatchbackHome #lancerContent #msp a:hover
		{
			background-position: 0px -42px;
		}
			.lancerHatchbackHome #lancerContent #msp a:hover span
			{
				color: #ffffff;
			}
	.lancerHatchbackHome #lancerContent #variants
	{
		position: absolute;
		top: 180px;
		right: 40px;
	}
		.lancerHatchbackHome #lancerContent #variants h2
		{
			font-size: 14px;
			color: #ffffff;
			width: 217px;
			height: 25px;
			padding: 10px 15px 0 20px;
			background: #000000;
		}
		.lancerHatchbackHome #lancerContent #variants a.variant
		{
			background: #b7b7b7 url('/images/l200/variants-bg.gif') repeat-y top left;
			font-size: 12px;
			color: #000;
			font-weight: bold;
			width: 217px;
			height: 25px;
			padding: 10px 15px 0 20px;
			display: block;
			border-top: 1px solid #fff;
			text-align: right;
			word-spacing: 5px;
		}
		.lancerHatchbackHome #lancerContent #variants a.variant:hover
		{
			background: #b7b7b7 url('/images/l200/variants-bg-hover.gif') repeat-y top left;
			cursor: pointer;
		}
			.lancerHatchbackHome #lancerContent #variants a.variant .trim
			{
				float: left;
			}
			.lancerHatchbackHome #lancerContent #variants a.variant .price
			{
				font-size: 14px;
				color: #e10000;
			}

/* // hatchback home */
/*-------------------*/

/*----------------*/
/* ralliart home  */
.lancerRalliartHome #lancerContent
{
	height: 574px;
	width: 759px;
	background: url('/images/lancer/bg-ralliart.jpg') no-repeat top left;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	position: relative;
}
	.lancerRalliartHome #lancerContent h1
	{
		font-size: 40px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: right;
		padding: 0px 10px;
		float: right;
		margin: 10px 0px 0px 0px;
		color: #000000;
		background: #ffffff;
	}
		.lancerRalliartHome #lancerContent #subtitle
	{
		font-size: 20px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: right;
		padding: 0px 10px;
		float: right;
		margin: -8px 0px 0px 0px;
		color: #ffffff;
		background: #000000;
	}
	.lancerRalliartHome #lancerContent #homeContent
	{
		width: 230px;
		position: absolute;
		left: 20px;
		bottom: 110px;
		text-align: justify;
		font-size: 11px;
		color: #ffffff;
	}
	.lancerRalliartHome #lancerContent #msp
	{
		position: absolute;
		top: 100px;
		left: 10px;
	}
		.lancerRalliartHome #lancerContent #msp a
		{
			width: 300px;
			height: 42px;
			display: block;
			background: url('/images/msp/variant-box.gif') no-repeat left top;
			text-transform: uppercase;
			font-weight: bold;
		}
			.lancerRalliartHome #lancerContent #msp a span
			{
				position: absolute;
				left: 60px;
				top: 10px;
				color: #ffffff;
				font-size: 16px;
			}
		.lancerRalliartHome #lancerContent #msp a:hover
		{
			background-position: 0px -42px;
		}
			.lancerRalliartHome #lancerContent #msp a:hover span
			{
				color: #ffffff;
			}
	.lancerRalliartHome #lancerContent #variants
	{
		position: absolute;
		top: 190px;
		left: 10px;
	}
		.lancerRalliartHome #lancerContent #variants h2
		{
			font-size: 14px;
			color: #ffffff;
			width: 217px;
			height: 25px;
			padding: 10px 15px 0 20px;
			background: #000000;
		}
		.lancerRalliartHome #lancerContent #variants a.variant
		{
			background: #b7b7b7 url('/images/l200/variants-bg.gif') repeat-y top left;
			font-size: 12px;
			color: #000;
			font-weight: bold;
			width: 217px;
			height: 25px;
			padding: 10px 15px 0 20px;
			display: block;
			border-top: 1px solid #fff;
			text-align: right;
			word-spacing: 5px;
		}
		.lancerRalliartHome #lancerContent #variants a.variant:hover
		{
			background: #b7b7b7 url('/images/l200/variants-bg-hover.gif') repeat-y top left;
			cursor: pointer;
		}
			.lancerRalliartHome #lancerContent #variants a.variant .trim
			{
				float: left;
			}
			.lancerRalliartHome #lancerContent #variants a.variant .price
			{
				font-size: 14px;
				color: #e10000;
			}

/* // ralliart home */
/*------------------*/

/*------------------*/
/* highlights pages */

.lancer4DoorHighlights #lancerContent,
.lancerHatchbackHighlights #lancerContent,
.lancerRalliartHighlights #lancerContent
{
	width: 759px;
	background: #ffffff;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	position: relative;
}
	.lancer4DoorHighlights #lancerContent #headerTitle,
	.lancerHatchbackHighlights #lancerContent #headerTitle,
	.lancerRalliartHighlights #lancerContent #headerTitle
	{
		font-size: 65px;
		text-transform: uppercase;
		font-weight: bold;
		text-align: left;
		color: #dedede;
	}
	.lancerRalliartHighlights #lancerContent #headerTitle
	{
		font-size: 45px;
	}
	.lancer4DoorHighlights #variantOptions,
	.lancerHatchbackHighlights #variantOptions,
	.lancerRalliartHighlights #variantOptions
	{
		width: 680px;
		height: 251px;
		border: 1px solid #dbdbdb;
		margin: 30px auto;
		padding: 10px;
	}	
		.lancer4DoorHighlights #variantOptions h1,
		.lancerHatchbackHighlights #variantOptions h1,
		.lancerRalliartHighlights #variantOptions h1
		{
			padding-bottom: 10px;
			font-size: 20px;
		}
			.lancer4DoorHighlights #variantOptions h1 span,
			.lancerHatchbackHighlights #variantOptions h1 span,
			.lancerRalliartHighlights #variantOptions h1 span
			{
				display: inline;
			}
			
		.lancer4DoorHighlights #variantOptions h2,
		.lancerHatchbackHighlights #variantOptions h2,
		.lancerRalliartHighlights #variantOptions h2
		{
			position: absolute;
			top: 45px;
			right: 0px;
			font-size: 20px;
			text-transform: uppercase;
			color: #b4b4b4;
		}
		.lancerRalliartHighlights #variantOptions h2
		{
			top: 25px;
		}
	.lancer4DoorHighlights #variantDropdown,
	.lancerHatchbackHighlights #variantDropdown,
	.lancerRalliartHighlights #variantDropdown
	{
		width: 759px;
		height: 38px;
		background: #262626 url('/images/l200/variants/bg-choose-variant.gif') no-repeat top right;
		text-align: right;
		margin-top: -7px;
	}
		.lancer4DoorHighlights #variantDropdown select,
		.lancerHatchbackHighlights #variantDropdown select,
		.lancerRalliartHighlights #variantDropdown select
		{
			margin-right: 8px;
			width: 200px;
			margin-top: 8px;
		}
		.lancer4DoorHighlights #variantOptions .leftFloat,
		.lancerHatchbackHighlights #variantOptions .leftFloat,
		.lancerRalliartHighlights #variantOptions .leftFloat
		{
			width: 340px;
		}	
	.lancer4DoorHighlights #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_TrimColours img,
	.lancerHatchbackHighlights #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_TrimColours img,
	.lancerRalliartHighlights #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_TrimColours img
	{
		margin-right: 5px;
		margin-top: 10px;
	}
	.lancer4DoorHighlights .VariantTitle,
	.lancerHatchbackHighlights .VariantTitle,
	.lancerRalliartHighlights .VariantTitle
	{
		color: #000000;
		font-weight: bold;
		font-size: 12px;
	}
	.lancer4DoorHighlights a.VariantTitle:hover,
	.lancerHatchbackHighlights a.VariantTitle:hover,
	.lancerRalliartHighlights a.VariantTitle:hover
	{
		text-decoration: underline;
	}
	.lancer4DoorHighlights .variantPrice,
	.lancerHatchbackHighlights .variantPrice,
	.lancerRalliartHighlights .variantPrice
	{
		font-size: 12px;
		margin-bottom: 10px;
	}
	.lancer4DoorHighlights .VariantCVPrice,
	.lancerHatchbackHighlights .VariantCVPrice,
	.lancerRalliartHighlights .VariantCVPrice
	{
		font-size: 12px;
		color: #666666;
	}
	.lancer4DoorHighlights #variantHighlights,
	.lancerHatchbackHighlights #variantHighlights,
	.lancerRalliartHighlights #variantHighlights
	{
		width: 680px;
		/*height: 160px;*/
		border: 1px solid #dbdbdb;
		margin: 30px auto;
		padding: 10px;
		overflow:auto; /* this is to make the border box expand to surround float elements inside */
	}
		.lancer4DoorHighlights #variantHighlights img,
		.lancerHatchbackHighlights #variantHighlights img,
		.lancerRalliartHighlights #variantHighlights img
		{
			float: left;
		}

		.lancer4DoorHighlights #variantHighlights ul,
		.lancerHatchbackHighlights #variantHighlights ul,
		.lancerRalliartHighlights #variantHighlights ul
		{
			padding-left: 50px;
			float: left;
			line-height: 20px;
			font-size: 12px;
		}

/* //highlights pages */
/*--------------------*/


/*-----------*/
/* spec page */

/* over the spec */
.lancerSpec img#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_trimImg
{
	float: right;
	clear: right;
	margin-right: 50px;
	margin-bottom: 15px;
}
/* over the variants */
.xlancerSpec img#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_trimImg
{
	float: left;
	clear: left;
	padding-left: 20px;
	margin-bottom: 15px;
}

.lancerSpec #lancerContent
{
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	background: #ffffff;
	position: relative;
}
	.lancerSpec #lancerContent #headerTitle
	{
		font-size: 55px;
		text-transform: uppercase;
		font-weight: bold;
		text-align: left;
		color: #dedede;
	}
	.lancerSpec #lancerContent h1
	{
		text-align:right;
		font-size: 20px;
		width: 100%;
		font-weight: bold;
		margin-bottom: 5px;
		text-transform: uppercase;
		margin-top: -7px;
	}
		.lancerSpec #lancerContent h1 span
		{
			display: inline;
		}
	.lancerSpec #lancerContent h2
	{
		position: absolute;
		font-size: 30px;
		font-weight: bold;
		top: 25px;
		right: 0px;
		text-transform: uppercase;
		color: #b4b4b4;
	}
	.lancerSpec #lancerContent .leftFloat
	{
		font-size: 12px;
		float: left;
		clear: left;
		padding-left: 10px;
		width: 350px;
	}
		.lancerSpec #lancerContent .leftFloat .VariantsList
		{
			margin-bottom: 5px;
			margin-left: 10px;
		}
			.lancerSpec #lancerContent .leftFloat a.VariantTitle
			{
				font-weight: bold;
				color: #000000;
				font-size: 12px;
			}
			.lancerSpec #lancerContent .leftFloat a.VariantTitle:hover
			{
				text-decoration: underline;
			}
			.lancerSpec #lancerContent .leftFloat .variantPrice
			{
				font-size: 10px;
				padding-left: 10px;
			}
			.lancerSpec #lancerContent .leftFloat .VariantCVPrice
			{
				color: #666666;
			}
	.lancerSpec #lancerContent #categoriesList
	{
		float: right;
		clear: right;
		margin: 0 20px 10px 0;
	}
		.lancerSpec #lancerContent .dlCategories td
		{
			border: 1px solid #888888;
		}
			.lancerSpec #lancerContent .dlCategories td h4
			{
				background: #eaeaea url('/images/global/bg_spec_title.gif') no-repeat left center;
				font-size: 12px;
				width: 370px;
			}
				.lancerSpec #lancerContent .CategoryTitle
				{
					display: block;
					/*background: #eaeaea url('/images/global/bg_spec_title.gif') no-repeat center left;*/
					padding: 2px 0px 2px 20px;
				}
			.lancerSpec #lancerContent .dlCategories td td
			{
				border: 0px;
				font-size: 12px;
				line-height: 1.1;
				border-top: 1px solid #888888;
				
				width: 370px;
			}
			.lancerSpec #lancerContent .dlCategories td .ItemList
			{
				display: block;
			}
				.lancerSpec #lancerContent .dlCategories td .ItemList .ItemText1,
				.lancerSpec #lancerContent .dlCategories td .ItemList .ItemText2,
				.lancerSpec #lancerContent .dlCategories td .ItemList .ItemValue
				{
					float: left;
					margin: 3px 0 3px 2px;
				}
				.lancerSpec #lancerContent .dlCategories td .ItemList .ItemText1
				{
					font-weight: bold;
					max-width: 310px;
				}
				.lancerSpec #lancerContent .dlCategories td .ItemList .ItemText2
				{
					color: #555555;
				}
				.lancerSpec #lancerContent .dlCategories td .ItemList .ItemValue
				{
					float: right;
					margin-right: 5px;
				}
				
		.lancerSpec #lancerContent table#featureTable
		{
			clear: both;
			width: 729px;
			margin: 20px auto 20px auto;
			border: 1px solid #000000;
			font-size: 10px;
		}
			.lancerSpec #lancerContent table#featureTable th
			{
				background: #b3b3b3;
				color: #000000;
				border: 1px solid #000000;
				padding: 3px;
				font-size: 12px;
			}
			.lancerSpec #lancerContent table#featureTable .model td
			{
				background: #d3d3d3;
			}
			.lancerSpec #lancerContent table#featureTable .subtitle td
			{
				background: #d3d3d3;
			}
			.lancerSpec #lancerContent table#featureTable td
			{
				border: 1px solid #000000;
				padding: 3px;
				font-size: 12px;
				text-align: center;
				width: 8%;
			}
			.lancerSpec #lancerContent table#featureTable td.feature
			{
				text-align: left;
				width: 36%;
				background: #eeeeee;
			}
			.lancerSpec #lancerContent table#featureTable .blank,
			.lancerSpec #lancerContent table#featureTable .model .blank
			{
				background: #ffffff;
				border: 0px;
			}
			
.lancerSpec #variants4door,
.lancerSpec #variantsHatchback,
.lancerSpec #variantsRalliart
{
	background-color: #00618f;
	width: 285px;
	border-left: 5px solid #fff;
	padding: 3px 0 5px 0;
}

a#exp4door,
a#expHatchback,
a#expRalliart
{
	display: block;
	width: 290px;
	height: 55px;
	cursor: default;
}

a#exp4door span,
a#expHatchback span,
a#expRalliart span
{
	display: none;
}

a#exp4door
{
	background: url('/images/lancer/spec-4door.jpg') no-repeat top left;
}	

a#expHatchback
{
	background: url('/images/lancer/spec-hatchback.jpg') no-repeat top left;
}	

a#expRalliart
{
	background: url('/images/lancer/spec-ralliart.jpg') no-repeat top left;
}	

.lancerSpec #variants4door table,
.lancerSpec #variantsHatchback table,
.lancerSpec #variantsRalliart table
{
	background: #fff;	
	margin: 0 0 0 5px;	
	width: 275px;
}
			
/* // spec page */
/*--------------*/

/*--------------*/
/* gallery page */
.lancerGallery #lancerContent
{
	background: #000000;
	padding: 0px;
	margin: 0px;
}
	.lancerGallery #lancerContent h1
	{
		color: #fff;
		text-transform: uppercase;
		font-size: 56px;
		font-style: italic;
		width: 759px;
		text-align: center;
		position: absolute;
	}
	.lancerGallery #lancerContent h2
	{
		color: #ffffff;
		margin-left: 32px;
		text-transform: uppercase;
	}
	.lancerGallery #lancerContent p
	{
		color: #ffffff;
		margin: 0px 32px;
		font-size: 12px;
	}
	.lancerGallery #lancerContent .wallpaper
	{
		float: left;
		width: 150px;
		margin: 10px 0px 0px 32px;
		padding-bottom: 10px;
	}
		.lancerGallery #lancerContent .wallpaper ul
		{
			text-align: center;
			list-style-type: none;
			font-size: 11px;
		}
			.lancerGallery #lancerContent .wallpaper a
			{
				color: #ffffff;
			}
			.lancerGallery #lancerContent .wallpaper a:hover
			{
				text-decoration: underline;
			}
			
	.lancerGallery #lancerVidBox
	{
		width: 696px;
		margin: 0px auto 10px auto;
		background: #000;
	}
		.lancerGallery #lancerVidBox h2
		{
			text-align: center;
			margin: 0;
		}
		.lancerGallery #lancerPromo
		{
			background-color: #000;
		}

	.lancerGallery #shade
	{
		position: absolute;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100%;
		background: #000000;
		display: none;
		opacity: 0.7;
	}
	.lancerGallery #wallpaperImg
	{
		position: absolute;
		top: 10px;
		left: 10px;
		display: none;
		background: #000000;
		border: 1px solid #dddddd;
	}
		.lancerGallery #wallpaperImg img
		{
			border: 1px solid #777777;
		}

/* //gallery page */
/*----------------*/

/*-----------*/
/* tech page */

.lancerTech #lancerContent
{
	background: #ffffff url('/images/lancer/tech/bg.jpg') repeat-x left top;
	color: #000000;
}
	.lancerTech #lancerContent
	{
		
	}
		.lancerTech #lancerContent h1
		{
			text-align: center;
			text-transform: uppercase;
		}
	
		.lancerTech #lancerContent #techWrapper
		{
			border: 1px solid #000000;
			overflow: hidden;
			width: 729px;
			margin: 10px auto 20px auto;
			position: relative;
			height: 3425px;
			background: #d6d6d6 url('/images/lancer/tech/bg_main.jpg') no-repeat center center;
		}
			.lancerTech #lancerContent #modelButtons
			{
				width: 100%;
				height: 35px;
				display: block;
				clear: both;
				display: none;
			}
				.lancerTech #lancerContent #modelButtons li
				{
					float: left;
					margin: 0px;
					padding: 0px;
					list-style: none;
					text-transform: uppercase;
					font-weight: bold;
					border-right: 1px solid #ffffff;
				}
					.lancerTech #lancerContent #modelButtons li a
					{
						width: 242px;
						height: 35px;
						line-height: 35px;
						text-align: center;
						background: #000000;
						color: #ffffff;
						display: block;
					}
					.lancerTech #lancerContent #modelButtons li a:hover,
					.lancerTech #lancerContent #modelButtons li a.active
					{
						background: #0036af url('/images/lancer/tech/bg_btnModelActive.jpg') repeat-x left top;
						color: #ffffff;
					}
			.lancerTech #lancerContent #trimButtons
			{
				display: block;
				margin-top: 1px;
				display: none;
			}
				.lancerTech #lancerContent #trimButtons ul
				{
					float: left;
					list-style: none;
				}
					.lancerTech #lancerContent #trimButtons li
					{
						float: left;
					}
					.lancerTech #lancerContent #trimButtons li a
					{
						display: block;
						text-align: right;
						font-size: 14px;
						font-weight: bold;
						font-family: Arial, Sans-Serif;
						height: 25px;
						line-height: 25px;
						text-align: center;
						background: #000000;
						color: #ffffff;
						width: 120px;
						border-right: 1px solid #ffffff;
					}
					.lancerTech #lancerContent #trimButtons #btnListHatchback li a
					{
						width: 80px;
					}
					.lancerTech #lancerContent #trimButtons li a:hover,
					.lancerTech #lancerContent #trimButtons li a.active
					{
						background: #0036af url('/images/lancer/tech/bg_btnTrimActive.jpg') repeat-x left top;
						color: #ffffff;
					}

			.lancerTech #lancerContent #mainContent
			{
				position: relative;
				display: none;
			}
			
				.lancerTech #lancerContent #mainContent #imgLancer
				{
					height:215px;
					width: 413px;
					position: absolute;
					top: 115px;
					left: 170px;
				}
				.lancerTech #lancerContent #mainContent #itemBlocks
				{
				}
					.lancerTech #lancerContent #mainContent #itemBlocks .itemBlock
					{
						width: 160px;
						height: 33px;
						font-size: 10px;
						text-transform: uppercase;
						background: #ffffff;
						color: #505050;
						font-weight: bold;
						position: absolute;
						background: transparent url('/images/lancer/tech/boxes.png') no-repeat left top;
						height: 33px;
						text-align: center;
						line-height: 30px;
						display: none;
					}
					/*.lancerTech #lancerContent #mainContent #itemBlocks #itemsteering
					{
						line-height: 14px;
					}*/
					/*.lancerTech #lancerContent #mainContent #itemBlocks .itemBlock span
					{
						display: block;
						position: absolute;
						left: 0px;
						width: 160px;
						
					}*/
						.lancerTech #lancerContent #mainContent #itemBlocks #itemsuspension1	{ top: 390px; left: 15px; }
					.lancerTech #lancerContent #mainContent #itemBlocks #itemsuspension2{ top: 390px; left: 15px; }
					.lancerTech #lancerContent #mainContent #itemBlocks #itemabs		{ top: 350px; left: 15px; }
						.lancerTech #lancerContent #mainContent #itemBlocks #itemmastc1		{ top: 310px; left: 15px; }
					.lancerTech #lancerContent #mainContent #itemBlocks #itemmastc2		{ top: 310px; left: 15px; }
						.lancerTech #lancerContent #mainContent #itemBlocks #itemcvt		{ top: 270px; left: 15px; }
					.lancerTech #lancerContent #mainContent #itemBlocks #itemsst		{ top: 270px; left: 15px; }
					.lancerTech #lancerContent #mainContent #itemBlocks #itemsst2		{ top: 230px; left: 15px; }
					.lancerTech #lancerContent #mainContent #itemBlocks #itemawc		{ top: 190px; left: 15px; }
					.lancerTech #lancerContent #mainContent #itemBlocks #itemengine		{ top: 150px; left: 15px; }
					
					.lancerTech #lancerContent #mainContent #itemBlocks #itemairbags	{ top:  40px; right: 15px; }
					.lancerTech #lancerContent #mainContent #itemBlocks #itemess		{ top:  80px; right: 15px; }
					.lancerTech #lancerContent #mainContent #itemBlocks #itemhid		{ top: 120px; right: 15px; }
					.lancerTech #lancerContent #mainContent #itemBlocks #itemsensors	{ top: 160px; right: 15px; }
					
					.lancerTech #lancerContent #mainContent #itemBlocks #itemice		{ top: 270px; right: 15px; }
					.lancerTech #lancerContent #mainContent #itemBlocks #itemmmcs		{ top: 310px; right: 15px; }
						.lancerTech #lancerContent #mainContent #itemBlocks #itemsteering1	{ top: 350px; right: 15px; }
					.lancerTech #lancerContent #mainContent #itemBlocks #itemsteering2	{ top: 350px; right: 15px; }
					.lancerTech #lancerContent #mainContent #itemBlocks #itemmp3		{ top: 390px; right: 15px; }
					
			.lancerTech #lancerContent #infoBoxes
			{
				position: absolute;
				top: 15px;
				left: 15px;
				width: 100%;
			}
				.lancerTech #lancerContent .infoBox
				{
					height: 375px;
					width: 348px;
					background: #000000;
					border: 1px solid #888888;
					color: #ffffff;
					text-align: center;
					float: left;
				}
					.lancerTech #lancerContent .infoBox h2
					{
						font-size: 14px;
						padding: 10px;
						padding-bottom: 10px;
						text-align: center;
						text-transform: uppercase;
					}
					.lancerTech #lancerContent .infoBox p
					{
						font-size: 11px;
						padding: 10px;
						padding-top: 5px;
						text-align: justify;
					}
			
/* //tech page */
/*-------------*/


/*-------*/
/* terms */

#terms
{
	clear: both;
	font-size: 8px;
	padding-bottom: 10px;
	text-align: center;
	font-family: Verdana, Arial, Sans-Serif;
	color: #777777;
}

/* // terms */
/*----------*/

/* ------------------------------ */
/* lancer Brochure Interactive */

.lancerBrochureInteractive #lancerMainContent,
.ralliartBrochureInteractive #lancerMainContent,
.hatchbackBrochureInteractive #lancerMainContent
{
	background: #000;
}

.lancerBrochureInteractive #fbContents,
.ralliartBrochureInteractive #fbContents,
.hatchbackBrochureInteractive #fbContents
{
	width: 210px;
	float: left;
	padding: 10px 10px 10px 180px;
}