/* Page Structure*/

@import url("content.css");

/* TOC

1: - Global Styles

2: - Header

3: - Main Nav

4: - Content

5: - Footer

*/


/* 1 :-------- Global Styles ------------ */

	body {
		margin: 0;
		padding: 0;
		background: #1B1B1B url(../images/generic/body_bg.jpg) 0 0 repeat-x;
		}
		
	.skipLink {
		position: absolute;
		margin-top: -999px;
		}
		
	.container {
		position: relative;
		width: 780px;
		min-height: 445px;
		padding: 0 19px;
		margin: 0 auto 40px;
		background: url(../images/generic/container_bg.gif) 0 0 repeat-y;
		}
		
	.homePage .container {
		background: url(../images/generic/container_bg-home.gif) 0 0 repeat-y;
		}
				
	.leftShadow {
		position: absolute;
		width: 9px;
		height: 420px;
		top: 23px;
		left: 0;
		background: url(../images/generic/shadow_bg_left.gif) 0 0 no-repeat;
		}
		
	.rightShadow {
		position: absolute;
		width: 9px;
		height: 420px;
		top: 23px;
		right: 0;
		background: url(../images/generic/shadow_bg_right.gif) 0 0 no-repeat;
		}

	.clear {
		display: block;
		clear: both;
		}

/* 2 :-------- Header ------------ */

	.header {
		height: 79px;
		margin: 0 -19px;
		background: url(../images/generic/shadow_bg_top.gif) 50% 0 no-repeat;
		}
		
	.mainLogo {
		position: absolute;
		width: 211px;
		height: 38px;
		margin: 27px;
		text-indent: -9999px;
		background: url(../images/generic/mainLogo.gif) 0 0 no-repeat;
		}
		
	.searchBar {
		float: right;
		text-align: right;
		margin: 10px;
		}
		
	.searchText {
		border: 1px solid #ccc;
		font-size: .95em;
		margin-right: 5px;
		vertical-align: top;
		}
		
	.searchButton {
		border: 1px solid #ccc;
		font-size: .95em;
		vertical-align: top;
		}

/* 3 :-------- Main Nav ------------ */

	#mainNav {
		height:29px;
		}
	
	#mainNav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
	#mainNav li {
		float: left;
		margin: 0;
		padding: 0;
		}
			
	#mainNav a {
		display: block;
		height: 29px;
		text-indent: -9999px;
		overflow:hidden;
		background-position: 0 0;
		background-repeat: no-repeat;
		}
		
	#mainNav a:hover {
		background-position: 0 -29px;
		}
		
	#mainNav li.level01On a {
		background-position: 0 -58px!important;
		}
				
/* nav backgrounds */
			
	#mainNav .nav1 {width: 92px; background-image: url(../images/nav/nav1.gif);}
	#mainNav .nav2 {width: 100px; background-image: url(../images/nav/nav2.gif);}
	#mainNav .nav3 {width: 149px; background-image: url(../images/nav/nav3.gif);}
	#mainNav .nav4 {width: 156px; background-image: url(../images/nav/nav4.gif);}
	#mainNav .nav5 {width: 105px; background-image: url(../images/nav/nav5.gif);}
	#mainNav .nav6 {width: 178px; background-image: url(../images/nav/nav6.gif);}

	
	
/* 4 :-------- Content ------------ */

	#homeFlash{
		width:774px;
		height:251px;
	}
	
	.headerImage {
		width: 774px;
		height: 235px;
		padding: 0 3px 3px;
		overflow: hidden;
		background: url(../images/generic/headerImage_bg.jpg) 0 0 repeat-x;
		}
		
	.headerImage h1 {
		position: absolute;
		margin: 25px;
		font-size: 2.1em;
		font-weight: normal;
		color: #fff;
		}
	
	.leftCol {
		float: left;
		padding: 10px 0 30px;
		width: 190px;
		}
		
	.homePage .leftCol {
		width: 155px;
		padding: 15px 0 20px;
		}
		
	#content {
		float: left;
		width: 555px;
		padding: 30px 0 20px 25px;
		}
		
	.homePage #content {
		float: none;
		width: auto;
		padding: 16px 0;
		padding-left: 177px;
		border-bottom: 1px solid #1A1A1A;
		}

	.dealersPage #content {
		float: none;
		width: auto;
		padding: 43px 16px 50px;
		background: url(../images/generic/twoColB_bg.jpg) 423px 0 repeat-y;
		}
		
	.dealersPage .twoColumnPanelA {
		float: left;
		width: 380px;
		padding-right: 25px;
		}
		
	.dealersPage .twoColumnPanelB {
		float: left;
		width: 300px;
		padding-left: 25px;
		}
		
	.contentFooter {
		position: relative;
		background: url(../images/elements/contentFooter_bg.gif) 0 0 repeat-x;
		margin: 0 -20px -20px -225px;
		padding: 30px 20px 40px 218px;
		}
		
	.sideNav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
	.sideNav li {
		display: block;
		margin: 0;
		padding: 0;
		list-style: none;
		background: url(../images/nav/sideNav_li-on.gif) 4px 15px no-repeat;
		}
		
	.sideNav li.level01{
		background: url(../images/nav/sideNav_li-li.gif) 4px 14px no-repeat !important;
	}
		
	.sideNav li a {
		display: block;
		padding: 9px 10px 9px 18px;
		text-decoration: none;
		text-transform: uppercase;
		background: url(../images/generic/dottedLine.gif) 0 100% repeat-x;
		}
		
	.sideNav li li {
		background: url(../images/nav/sideNav_li-li.gif) 24px 14px no-repeat;
		}
		
	.sideNav li li.level02On {
		background: url(../images/nav/sideNav_li-li-on.gif) 24px 14px no-repeat;
		}
			
	.sideNav li li a {
		padding-left: 38px;
		}

	.sideNav li.level01On li a {
		color: #666;
		}	
		
	.sideNav li a:hover {
		color: #fff!important;
		}

	.sideNav li.level01On a,
	.sideNav li.level01On li.level02On a {
		color: #fff;
		}
	

/* See content.css */

/* 5 :-------- Footer ------------ */

	.footer {
		clear: both;
		padding: 15px 0 8px;
		color: #6F6F6F;
		text-align: right;
		font-size: .85em;
		background-color: #000;
		}
	
	.footer ul {
		float: left;
		margin: 0;
		padding: 0;
		}
	
	/*.footer li {
		float: left;
		display: inline;
		margin: 0;
		padding: 0 7px;
		border-left: 1px solid #6F6F6F;
		list-style: none;
		background: none;
		}*/
	
	.footer li {
		float: left;
		margin: 0;
		padding: 0;
		display: inline;
		list-style: none;
		background: none;
		}
		
		
	.footer a {
		color: #6F6F6F;
		padding: 0 7px;
		border-left: 1px solid #6F6F6F;
		text-transform: uppercase;
		}

	.footer .first{
		padding-left: 0;
		border: 0px;
	}