/**************************************************************************************
******* COMMON STYLES
***************************************************************************************/
body {
	background: #6fd1f6 url(/elements/images/global/bgPage.jpg) 0 0 repeat-x;
	color: #000000;
	font: normal 12px/12px Arial, Helvetica, sans-serif;
}
a, a:link, a:active, a:focus, a:hover {
	border: none;
	outline: none;
	text-decoration: none;
}
#container {
	background: transparent url(/elements/images/global/bgContainer.png) center center repeat-y;
	margin: 0 auto;
	position: relative;
	width: 862px;
}
/**************************************************************************************
******* HEADER AREA STYLES
***************************************************************************************/
#header {
	width: 862px;
	background: transparent url(/elements/images/global/header.png) 0 0 no-repeat;
	height: 140px;
	position: relative;
}
	#header a#logo {
		display: block;
		height: 110px;
		left: 50%;
		margin: 0 0 0 -90px;
		position: absolute;
		text-indent: -9999em;
		top: 17px;
		width: 175px;
	}
	#header .dealer-info {
		position: absolute;
		right: 25px;
		text-align: right;
		text-decoration: none;
		top: 30px;
		width: 300px;
	}
		#header .dealer-info strong,
		#header .dealer-info .links {
			color: #fff;
			font-weight: bold;
			line-height: 20px;
		}
		#header .dealer-info .links {margin: 0 -5px 0 0;}
			#header .dealer-info .links a {
				color: #fff;
				display: inline-block;
				opacity: 0.6667;
				padding: 0 5px;
			}
			#header .dealer-info .links a:hover {opacity: 1;}
		#header .dealer-info form {
			float: right;
			margin: 0 0 0 10px;
		}
		#header .dealer-info input {
			background: #fff;
			border: 1px solid #aaa;
			display: block;
			font: bold 11px/17px Arial, Helvetica, sans-serif;
			margin: 0 0 5px;
		}
		#header .dealer-info input.text {
			height: 17px;
			padding: 3px 5px 0;
			width: 150px;
		}
		#header .dealer-info input.hidden {display: none;}
		#header .dealer-info input.button {
			background: #8ad64f;
			border-color: #6cd813;
			color: #fff;
			cursor: pointer;
			font-weight: bold;
			float: right;
			height: 22px;
			padding: 0 20px;
		}
		#header .dealer-info input.button:hover,
		#header .dealer-info input.button:active,
		#header .dealer-info input.button:focus {
			background: #67ca15;
			margin-top: 1px;
			outline: none;
		}
	/**************************************************************************************
	******* NAVIGATION AREA STYLES
	***************************************************************************************/
	#navigation ul {
		margin: 0 0 0 9px;
		padding: 0;
		z-index: 999;
	}
		#navigation li {
			float: left;
			position: relative;
			z-index: 999;
		}
		#navigation li a {
			background: transparent url(/elements/images/global/nav1.png) right 0 no-repeat;
			color: #fff;
			display: block;
			font-weight: bold;
			height: 24px;
			line-height: 24px;
			text-align: center;
			text-decoration: none;
			width: 169px;
		}
		#navigation li a.left {
			background-image: url(/elements/images/global/nav1.png);
			background-position: 0 0;
		}
		#navigation li a.left {width: 169px;}
		#navigation li a.right {width: 167px;}
		#navigation li a.right {background-image: url(/elements/images/global/nav2.png);}
		#navigation ul li:hover a,
		#navigation ul li.hover a,
		#navigation ul li.current a,
		#navigation ul li a:hover {background-position: right -24px;}
		#navigation ul li.left:hover a,
		#navigation ul li.left.hover a,
		#navigation ul li.left.current a,
		#navigation ul li.left a:hover {background-position: 0 -24px;}
		#navigation ul li ul {
			border: 1px solid #568b46;
			border-top: none;
			left: -99999em;
			margin: 0;
			padding: 0;
			position: absolute;
			top: 24px;
			width: 185px;
			z-index: 999;
		}
		#navigation ul li:hover ul,
		#navigation ul li.hover ul {
			left: auto;
			margin: 0 0 0 0;
		}
			#navigation ul li ul li {

			}
				#navigation ul li ul li a {
					background: #a2c90e;
					border-top: 1px solid #558abd;
					height: auto;
					line-height: 1;
					padding: 10px;
					text-align: left;
					width: 165px;
				}
				#navigation ul li ul li a:hover {background: #558abd;}
/**************************************************************************************
******* CONTENT AREA STYLES
***************************************************************************************/
#contentWrapper {
	margin: 0 0 20px auto;
	padding: 0 0 0;
	width: 836px;
}
	/**************************************************************************************
	******* PRIMARYCONTENT AREA STYLES
	***************************************************************************************/
	#primaryContent {
		float: left;
		margin: 20px 0 0 0;
		padding: 0;
		width: 826px;
	}
		#primaryContent .navigation {
			background: #e5edf0;
			border: solid 1px #c4d3dc;
			float: left;
			margin: 0 0 0;
			padding: 10px;
			width: 118px;
		}
			#primaryContent .navigation ul {margin: 0;}
				#primaryContent .navigation ul li a {
					color: #457fad;
					display: block;
					font-size: 1em;
					font-weight: bold;
					line-height: 1.5em;
					text-transform: uppercase;
				}
				#primaryContent .navigation ul li.current a,
				#primaryContent .navigation ul li a:hover {color: #689bc3;}
				#primaryContent .navigation ul li ul {
					list-style: disc;
					margin: 0 0 0.25em 2em;
				}
					#primaryContent .navigation ul li ul li {color: #457fad;}
					#primaryContent .navigation ul li ul li a,
					#primaryContent .navigation ul li.current ul li a,
					#primaryContent .navigation ul li ul li.current ul li a {
						color: #769820;
						line-height: 1.25em;
						margin: 0 0 0.5em;
						text-transform: none;
					}
					#primaryContent .navigation ul li ul li a:hover,
					#primaryContent .navigation ul li ul li.current a,
					#primaryContent .navigation ul li ul li.current ul li a:hover {color: #9fbf4c;}
		#primaryContent .content {
			float: left;
			margin: 0;
		}
			#primaryContent .content * {clear: left;}
			#primaryContent .content p,
			#primaryContent .content .section_caption,
			#primaryContent .content .messageBox {
				line-height: 1.5em;
				margin: 0 0 1.333em;
			}
			#primaryContent .content h1 {
				color: #71ad63;
				font: bold 22px/22px Avenir, Arial, Helvetica, sans-serif;
				height: 22px;
				margin: 0 0 20px;
			}
			#primaryContent .content h2 {
				color: #457fad;
				font: bold 16px/16px Avenir, Arial, Helvetica, sans-serif;
				height: 16px;
				margin: 0 0 5px;
			}
			#primaryContent .content h1,
			#primaryContent .content h2 {
				float: left;
				width: 615px;
			}
			#primaryContent .content h2.multi-line {margin: 0;}
			#primaryContent .content a {
				color: #457fad;
				font-weight: bold;
			}
			#primaryContent .content a:hover {color: #689bc3;}
			#primaryContent .content a.interface-link {
				display: block;
				width: auto;
			}
			#primaryContent .content a.back-to-top {
				border-bottom: 1px solid #457fad;
				margin: 0 0 4em;
				padding: 0 0 1em;
				text-align: right;
			}
			#primaryContent .content ul {
				list-style: disc;
				margin: 0 0 1.333em 2em;
			}
			#primaryContent .content li {line-height: 1.5em;}

			#primaryContent .content img.left {float: left; padding-right: 10px;}
			#primaryContent .content img.right {float: right; padding-left: 10px;}
			#primaryContent .content table {
				border: 1px solid #689bc3;
				border-width: 0 0 1px 1px;
				margin: 0 0 1.333em;
			}
				#primaryContent .content table th,
				#primaryContent .content table td {
					border: 1px solid #689bc3;
					border-width: 1px 1px 0 0;
					padding: 5px;
				}
				#primaryContent .content table th {
					background: #689bc3;
					color: #fff;
				}
				#primaryContent .content table td {}
				#primaryContent .content table td.activity,
				#primaryContent .content table td.effects {text-align: center;}
					#primaryContent .content table td ul {margin: 0 0 0 1em;}
			#primaryContent p.testimony {
				border-left: 2px solid #457fad;
				font-style: italic;
				padding: 0.5em 0 0.5em 1em;
			}
			#primaryContent p.site-map {margin: 0;}
				#primaryContent p.site-map a.level-1 {margin-left: 0;}
				#primaryContent p.site-map a.level-2 {margin-left: 2em;}
				#primaryContent p.site-map a.level-3 {margin-left: 4em;}
				#primaryContent p.site-map a.level-4 {margin-left: 6em;}
				#primaryContent p.site-map a.level-5 {margin-left: 8em;}
	/**************************************************************************************
	******* SECONDARYCONTENT AREA STYLES
	***************************************************************************************/
	#primaryContent .content #secondaryContent {
		background: #e5edf0;
		border: solid 1px #c4d3dc;
		clear: none;
		float: right;
		margin: 0 0 0 20px; 
		padding: 10px;
		width: 150px;
	}
		#primaryContent .content #secondaryContent ul.buttons {
			margin: 0;
			padding: 0;
		}
			#primaryContent .content #secondaryContent ul.buttons li {
				display: block;
				height: 24px;
				margin: 0 0 5px;
			}
				#primaryContent .content #secondaryContent ul.buttons li a {
					background-position: 50% 0;
					background-repeat: no-repeat;
					display: block;
					height: 24px;
					text-indent: -99999em;
				}
				#primaryContent .content #secondaryContent ul.buttons li a:active,
				#primaryContent .content #secondaryContent ul.buttons li a:focus,
				#primaryContent .content #secondaryContent ul.buttons li a:hover {background-position: 50% -24px;}
				#primaryContent .content #secondaryContent ul.buttons li.locate-a-dealer a {background-image: url(/elements/images/global/sidebar/locateADealer.png);}
				#primaryContent .content #secondaryContent ul.buttons li.become-a-dealer a {background-image: url(/elements/images/global/sidebar/becomeADealer.png);}
				
				#primaryContent .content #secondaryContent .login {
					color:#fff;
					font-weight: bold;
					margin-bottom: 8px;
				}
					#primaryContent .content #secondaryContent .formBoxes {
						margin-bottom: 8px;
					}
					
				#quote {
						margin: 20px 0 20px 0;
						line-height: normal;
				}
					#quote .quote {
						color: #666;
						font-weight: bold;
					}
						#quote .quotename {
							color: #718e01;
							font-weight: bold;
							text-align: right;
							margin-top: 10px;
						}
							#quote .company {
								text-align: right;
								font-style: italic;
								color:#999;
							}
				#dealerLoginBox {
					background: #6499c5 url(/elements/images/global/footerBG.jpg) 0 0 repeat-x;
					border: solid 1px #c4d3dc;
					clear: none;
					padding: 10px;
					width: 150px;
					margin: -11px 0 0 -11px;
					color: #fff;
					line-height:normal;
				}
					#secondaryContent #dealerLoginBox .links a {
						color: #fff;
						font-weight:normal;
					}
					#secondaryContent #dealerLoginBox .links a:hover {
						text-decoration:underline;
						
					}
	#primaryContent .content #tertiaryContent {
		background: #e5edf0;
		border: solid 1px #c4d3dc;
		float: right;
		margin: 0 0 0 20px; 
		padding: 10px;
		width: 150px;
		position: absolute;
		right: 10px;
		top: 545px;
	}
/**************************************************************************************
******* FOOTER AREA STYLES
***************************************************************************************/
#footer {
	background: #6499c5 url(/elements/images/global/footerBG.jpg) 0 0 repeat-x;
	clear: both;
	color: #fff;
	margin: 0 auto;
	width: 844px;
	line-height:normal;
	position: relative;
}
	#footer a {color: #fff;}
	#footer a:hover {text-decoration: underline;}
	#footerBox {
		background: #6499c5 url(/elements/images/global/footerBG.jpg) 0 0 repeat-x;
		padding: 10px;
		border: solid 1px #315f81;
	}
	#footerSides {
		border: 1px solid #000;
		border-width: 0 1px;
	}
	#footerBottom {
		background: transparent url(/elements/images/global/footerBottom.png) 0 0 no-repeat;
		height: 16px;
		margin: 0 auto 15px;
		width: 854px;
	}
		#footerLeft {
			float: left;
			margin: 0px;
			width: 180px;
		}
			#footerLeft li {
				color: #00fff6;
				display: inline;
				margin: 0 3px 0 0;
				text-transform: lowercase;
			}
				#footerLeft li a {margin: 0 5px 0 0;}
		#footerImages {
			background: #FFFFFF;
			width: 362px;
			margin: 0 auto;
			text-align: center;
		}
		
		#footerImages img {
			padding: 3px 0 3px 10px;
		}
		
		#footerImages img:first-child {
			padding-left: 0;
		}
		#footerRight {
			top: 10px;
			right: 10px;
			text-align: right;
			width: 200px;
			position: absolute;
			margin: 0;
		}
			#footerRight p {
				margin: 0;
				padding: 0;
			}
				#footerRight p strong {display: block;}
				#footerRight p span {color: #00fff6;}