/* 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-color: #DCD2BE;
		}
		
	.skipLink {
		position: absolute;
		margin-top: -999px;
		}
		
	.container {
		position: relative;
		width: 769px;
		padding: 0 24px;
		margin: 0 auto 50px;
		background: url(../images/generic/container_bg.gif) 0 0 repeat-y;
		}
		
	.homePage .container,
	.dealersPage .container {
		background: url(../images/generic/container_bg-home.gif) 0 0 repeat-y;
		}
		
	.clear {
		display: block;
		clear: both;
		}

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

	.header {
		height: 60px;
		margin: 0 -14px;
		background: #fff url(../images/generic/shadow_bg_top.gif) 0 0 repeat-x;
		}
		
	.mainLogo {
		position: absolute;
		width: 101px;
		height: 64px;
		margin: 17px 22px;
		text-indent: -9999px;
		background: url(../images/generic/mainLogo.gif) 0 0 no-repeat;
		}

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

	#mainNav {
		background-color: #fff;
		padding-left: 122px;
		padding-bottom: 17px;
		}
	
	#mainNav ul {
		margin: 0;
		height: 14px;
		padding: 0;
		list-style: none;
		}
		
	#mainNav li {
		float: left;
		margin: 0;
		padding: 0;
		}
			
	#mainNav a {
		display: block;
		height: 14px;
		text-indent: -9999px;
		background-position: 0 0;
		background-repeat: no-repeat;
		overflow:hidden;
		}
		
	#mainNav a:hover {
		background-position: 0 -14px;
		}
		
	#mainNav li.level01On a {
		background-position: 0 -28px!important;
		}
				
/* nav backgrounds */
			
	#mainNav .nav1 {width: 58px; background-image: url(../images/nav/nav1.gif);}
	#mainNav .nav2 {width: 67px; background-image: url(../images/nav/nav2.gif);}
	#mainNav .nav3 {width: 127px; background-image: url(../images/nav/nav3.gif);}
	#mainNav .nav4 {width: 120px; background-image: url(../images/nav/nav4.gif);}
	#mainNav .nav5 {width: 71px; background-image: url(../images/nav/nav5.gif);}
	#mainNav .nav6 {width: 116px; background-image: url(../images/nav/nav6.gif);}

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

	.headerImage {
		width: 774px;
		height: 235px;
		padding: 0 3px 3px;
		overflow: hidden;
		background: url(../images/generic/headerImage_bg.jpg) 0 0 repeat-x;
		}
	
	.leftCol {
		float: left;
		padding: 10px 0 30px;
		width: 170px;
		}
		
	.homePage .leftCol {
		width: 171px;
		padding: 15px 0 20px;
		}
		
	#content {
		float: left;
		display: inline;
		width: 560px;
		padding: 30px 0 20px 38px;
		}
		
	.homePage #content {
		float: none;
		display: block;
		width: auto;
		padding: 16px 0;
		padding-left: 177px;
		}

	.dealersPage #content {
		float: none;
		display: block;
		width: auto;
		padding: 0 16px;
		}
		
	.dealersPage .twoColumnPanelA {
		float: left;
		width: 380px;
		padding-right: 25px;
		margin: 44px 0;
		}
		
	.dealersPage .twoColumnPanelB {
		float: left;
		width: 300px;
		padding-left: 25px;
		margin: 44px 0;
		}
		
	.contentFooter {
		position: relative;
		background: url(../images/elements/contentFooter_bg.gif) 0 0 repeat-x;
		margin: 0 -10px -20px -215px;
		padding: 30px 20px 40px 216px;
		}
		
	.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-li.gif) 4px 10px no-repeat;
		}
		
	.sideNav li.level01On {
		background: url(../images/nav/sideNav_li-on.gif) 2px 11px no-repeat;
	}	
		
	.sideNav li a {
		display: block;
		color: #5C5C5C;
		padding: 6px 10px 6px 18px;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		background: url(../images/generic/dottedLine.gif) 0 100% repeat-x;
		}
		
	.sideNav li li {
		background: url(../images/nav/sideNav_li-li.gif) 24px 9px no-repeat;
		}
		
	.sideNav li li.level02On {
		background: url(../images/nav/sideNav_li-li-on.gif) 24px 9px no-repeat;
		}

	.sideNav li.level01On li a {
		color: #5C5C5C;
		}	
		
	.sideNav li a:hover {
		color: #2E6FAF!important;
		}
				
	.sideNav li.level01On a,
	.sideNav li.level01On li.level02On a {
		color: #2E6FAF;
		}
						
	.sideNav li li a {
		padding-left: 38px;
		}
	

/* See content.css */

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

	.footer {
		clear: both;
		padding: 20px 19px 0;
		margin: 0 -24px;
		color: #878278;
		text-align: right;
		font-size: .85em;
		background: #DCD2BE url(../images/generic/footer_bg.gif) 0 0 no-repeat;
		}
		
	.homePage .footer,
	.dealersPage .footer {
		background: #DCD2BE url(../images/generic/footer_bg-home.gif) 0 0 no-repeat;
		}
			
	.footer ul {
		float: left;
		margin: 0;
		padding: 0;
		}
	
	/*.footer li {
		float: left;
		display: inline;
		margin: 0;
		padding: 0 7px;
		border-left: 1px solid #a39e95;
		list-style: none;
		background: none;
		}*/
	
	.footer li {
		float: left;
		margin: 0;
		padding: 0;
		display: inline;
		list-style: none;
		background: none;
		}
		
		
	.footer a {
		color: #878278;
		padding: 0 7px;
		border-left: 1px solid #a39e95;
		text-transform: uppercase;
		}
		
	.footer li.on a {
		color: #454443;
		text-decoration: underline!important;
		}

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