﻿/*--------*/
/* global */
/*--------*/
td
{
	font-size: 10px;
}
body, p
{
	margin:0px;
	padding:0px;
}
#bodyContent
{
	width: 745px;
}
#container
{
	
	width: 745px;
	text-align: justify;
	margin-bottom: 5px;
	float: left;
}
#blurb
{
	padding: 5px 10px 0px 10px;
	height: 205px;
	background: #ffffff url('images/bg_blurb.jpg') no-repeat top left;
	text-align: center;
}
#blurb p
{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	margin-bottom: 20px;
	font-size: 110%
}
#blurb #rightvan
{
	background:url('../images/careers/pdf.gif') no-repeat; 
	padding-left:20px; 
	height:16px; 
	display: block;
}
h2
{
	background: url('images/header.jpg') no-repeat;
	display: block;
	width: 716px;
	height: 50px;
	margin-top: 10px;
}
h2 span
{
	display: none;
}
.subtitle
{
	margin-top: 5px;
	font-weight: bold;
	font-size: 120%;
}
p, ul
{
	margin-top: 10px;
	margin-bottom: 10px;
}
a,
a:link,
a:active,
a:visited,
a:hover
{
	color: #063e0c;
}
.hidden{ display:none; }
.block{ display: block; }

/*---------*/
/* buttons */
/*---------*/
.tabButton span,
.tabButtonActive span,
.findoutmore span,
.findoutmoreActive span
{
	display: none;
}

ul#tabs, ul#tabs li
{
	margin:0px;
	padding: 0px;
}
ul#tabs li
{
	list-style: none;
	float: left;
	width: 235px;
	height: 50px;
	margin-left: 7px;
}
ul#tabs li.first
{
	margin-left: 0px;
}
.tabButton
{
	float: left;
	width: 235px;
	height: 50px;
	background-position: 0px 0px;
}

#tabVehicles
{
	background: #ffffff url('images/button_vehicles.jpg') no-repeat;
}
#tabTechnology
{
	background: #ffffff url('images/button_technology.jpg') no-repeat;
}
#tabDriving
{
	background: #ffffff url('images/button_driving.jpg') no-repeat;
}
.findoutmore
{
	width: 171px;
	height: 27px;
	display: block;
	background: url('images/button_findoutmore.gif') no-repeat;
	background-position: 0px 0px;
	margin-top: 5px;
	position:absolute;
	bottom: 60px;
	left: 50%;
	margin-left:-85px;
}

#btnFuture 
{
	background: url('/lowemissions/images/button_futuremodels.jpg') no-repeat scroll left top;
	height: 50px;
	width: 235px;
	display: block;
	position: absolute;
	bottom: 10px;
	left: 255px;
}

a#btnFuture:hover
{
	background-position: 0 -50px;
} 

#envirologos
{
	top:240px;
	overflow:hidden;
	position:absolute;
	right:10px;
}

#envirologos div
{
	float: left;
	margin-left: 2px;
}

#enviroblocks
{
	position: absolute;
	right: 10px;
	top: 210px;
	font-size: 10px;
	width: 310px;
	height: 50px;
}
#enviroblocks p
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	background: #ecf9ef;
	border: 1px solid #000000;
	padding: 5px;
	display: none;
}


/*---------------------*/
/* index/vehicles page */
/*---------------------*/
#contentVehicles
{
	clear: both;
	width: 745px;
	height: 480px;
	background: #ffffff url('images/bg_vehicles.jpg') no-repeat;
	margin-top: 20px;
	position: relative;
}

#contentVehicles p
{
	height: 240px;
}

#contentVehicles ul, #contentVehicles li
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#contentVehicles ul
{
	position: absolute;
	bottom: 100px;
}
	
#colt, #outlander, #miev
{
	float: left;
	padding: 20px 0px;
	width: 227px;
	height: 430px;
	text-align: center;
	position: relative;
	margin-left: 15px;
}
.text
{
	font-size: 90%;
	text-align: justify;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
#mievdisclaimer
{
	font-size: 80%;
	color: #565656;
}
/*-----------------*/
/* technology page */
/*-----------------*/
#contentTechnology
{
	clear: both;
	width:745px;
	height: 680px;
	background: #ffffff url('images/bg_technology.jpg') no-repeat;
	margin-top: 20px;
}
.left
{
	float: left;
	width: 53%;
	margin-left: 20px;
	margin-top: 30px;
}
.right
{
	float: right;
	width: 38%;
	margin-right: 20px;
	margin-top: 20px;
}
#tecmiev
{
	clear: both;
	padding: 20px;
}

/*--------------*/
/* driving page */
/*--------------*/
#contentDriving
{
	clear: both;
	width:745px;
	height: 480px;
	background: #ffffff url('images/bg_driving.jpg') no-repeat;
	text-align: center;
	margin-top: 20px;
}
#contentDriving .text
{
	width: 93%;
	padding-top: 10px;
	text-align:justify;
}
#contentDriving .text p
{
	font-size:110%;
}
#contentDriving .subtitle
{
	font-size: 100%;
}