@charset "UTF-8";
/*
----------------------------------------------------------------------------
Title: Pages Stylesheet
Last Updated: 2008-04-11 by RS
Description: inside pages stylesheet
----------------------------------------------------------------------------
*/

/*
----------------------------------------------------------------------------
Import Master Stylesheet
----------------------------------------------------------------------------
*/

@import url("master.css");

/*
----------------------------------------------------------------------------
Branding Area - Home and Main Sub Pages
----------------------------------------------------------------------------
*/

#pageBranding {
	clear: both;
	position: relative;
	width: 920px;
	height: 150px;
	float: left;
	}	

/*
----------------------------------------------------------------------------
Content Wrapper
----------------------------------------------------------------------------
*/

#contentWrapper {
	position: relative;
	width: 920px;
	height: auto;
	float: left;
	background-color: #FFFFFF;
	clear: both;
	}

/*
----------------------------------------------------------------------------
Page Navigation
----------------------------------------------------------------------------
*/

#pageNavWrapper {
	position: relative;
	width: 184px;
	height: auto;
	float: left;
	background-color: #FFFFFF;
	}

#pageNav {
	display: block;
	width: 184px;
	height: auto;
	list-style-type: none;
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	text-decoration: none;
	}

#pageNav ul {
	margin: 0px;
	padding: 0px;
	}


#pageNav li a {
	display: block;
	width: 164px;
	height: 25px;
	line-height: 25px;
	padding: 3px 10px;
	color: #00377A;
	background-color: #E9F1F7;
	text-decoration: none;
	border-bottom: #BCD5E7 solid 1px;
	}

#pageNav li a:hover {
	background: #FFFFFF url(../images/nav/pagenav_hover_bg.gif) top left no-repeat;
	}

#pageNav li span a,
#pageNav li span a:hover {
	background: #BCD5E7 url(../images/nav/pagenav_section_bg.gif) top left no-repeat;
	}

/* Highlight page we are on */
#engineering #pageNav .engineering a,
#large #pageNav .large a,
#small #pageNav .small a,
#mounting #pageNav .mounting a,
#binding #pageNav .binding a,
#about #pageNav .about a,
#careers #pageNav .careers a,
#management #pageNav .management a,
#applications #pageNav .applications a,
#web #pageNav .web a,
#recovery #pageNav .recovery a,
#credit #pageNav .credit a,
#books #pageNav .books a,
#client #pageNav .client a,
#new #pageNav .new a,
#used #pageNav .used a,
#service #pageNav .service a,
#drivers #pageNav .drivers a {
	background: #FFFFFF url(../images/nav/pagenav_on_bg.gif) top left no-repeat;
	}

/*
----------------------------------------------------------------------------
Page Content
----------------------------------------------------------------------------
*/

#pageContent {
	position: relative;
	width: 716px;
	height: auto;
	float: right;
	padding: 10px 0px 10px 20px;
	background: none;
	color: #666666;
	font: 12px/16px Arial, Helvetica, sans-serif;
	}

#pageContent p {
	margin: 6px 0px 6px 0px;
	}

#pageContent img {
	margin: 0px;
	padding: 10px 10px 10px 10px;
}

.rightImage {
	margin: 10px 0px 0px 30px;
	background-color: #EFEFEF;
	border: #CCCCCC solid thin;
	float: right;
	}

.leftImage {
	margin: 10px 30px 0px 0px;
	background-color: #EFEFEF;
	border: #CCCCCC solid thin;
	float: left;
	}

.caption {
	font-style: italic;
	padding: 0px 10px 10px 10px;
	}

#slideshow {
	padding: 0px 0px 10px 0px;
	width: 354px;
	height: 240px;
	float: right;
	}


/*
----------------------------------------------------------------------------
Page Column Layouts
----------------------------------------------------------------------------
*/

.columnWrapper {
	float: left;
	height: auto;
	width: auto;
	}

.leftColumn {
	float: left;
	width: 180px;
	height: auto;
	}

.rightColumn {
	float: right;
	width: 510px;
	height: auto;
	}

.column1 {
	float: left;
	width: 200px;
	height: auto;
	padding: 0px 10px 0px 10px;
	}

.column2 {
	float: left;
	width: 200px;
	height: auto;
	padding: 0px 10px 0px 10px;
	}

.column3 {
	float: left;
	width: 200px;
	height: auto;
	padding: 0px 10px 0px 10px;
	}

.column2b {
	float: right;
	width: 400px;
	height: auto;
	}

.rightColumn img {
	padding: 10px 0px 10px 10px;
	}

.leftColumn img {
	padding: 10px 10px 10px 0px;
	}

/*
----------------------------------------------------------------------------
Chart Wrapper
----------------------------------------------------------------------------
*/

#chartWrapper {
	position: relative;
	width: 600px;
	height: auto;
	float: left;
	}	

.chartContent {
	position: relative;
	width: 600px;
	height: auto;
	float: right;
	margin: 0px 0px;
	background: none;
	border-bottom: #CCCCCC solid 1px;
	}

.chartHeading {
	color: #999999;
	font-weight: bold;
	font: 12px/14px Arial, Helvetica, sans-serif;
	width: 200px;
	margin: 8px 0px;
	float: left;
	}

.chartText {
	color: #666666;
	font: 12px/16px Arial, Helvetica, sans-serif;
	margin: 8px 0px;
	width: 400px;
	float: right;
	}