body {
	background: #DBAE34 url(../webimages/gradiantBg_blue.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.6em;
	color: #3e3e3e;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0 0 12px 0;
}	

h1 {
	color: #3E3E3E;
	font-size: 18px;
	line-height: 1.4em;
}

h2 {
	font-size: 12px;
	padding-bottom: 5px;
}	

p {
	margin: 0;
	padding: 0 0 14px 0;
}

p.field {
	padding: 0 0 12px 0;
}

a img {
	border: none;
}
:focus {
	outline: none;
}
.left {float: left;}
.right {float: right;}

table.left {
	float: left;
	margin: 0 15px 15px 0;
}
table.right {
	float: right;
	margin: 0 0 15px 15px;
}

.bold {font-weight: bold;}

p.highlight,
table.highLight {
	background-color: #F0F4F9;
	border-bottom: 1px solid #B3B7BE;
	border-top: 1px solid #B3B7BE;
	color: #6E6E6E;
	padding: 5px;
	margin-bottom: 14px;
}
table.highLight p {
	padding: 0;
}
table.left {
	float: left;
	margin: 0 5px 5px 0;
}

table.left {
	float: right;
	margin: 0 0 5px 5px;
}

a.readMore {
	background: url(../webimages/button_doubleCarrot.gif) right 1px no-repeat;
	color: #585858;
	line-height: 8px;
	padding-right: 12px;
	font-size: 8px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#rightCol .mainContent p.highlight a, 
a.redLink {
	color: #74150A;
}

hr {
	display: block;
	height: 1px;
	border: none;
	background: #A1A1A1;
	padding: 0;
	margin: 0 0 10px;
}

#gradiantBg {
	background: url(../webimages/shadow_wrap.gif) center top repeat-y;
}

#wrap {
	background: url(../webimages/tree_bg.jpg) center top no-repeat;

}
	#header {
		overflow: hidden;
		padding: 0 19px 0 18px;
		width: 958px;
		margin: 0 auto;
	}
	#headerBg {
		background: #74150a url(../webimages/header_bottom_line.gif) left bottom repeat-x;
		overflow: hidden;
		padding: 8px 0 10px;
		position: relative;
		zoom: 1;
	}
		#logo {
			display: block;
			width: 195px;
			margin-left: 19px;
			margin-bottom: 18px;
		}
			#logo img {
				display: block;
			}
		#preUtility {
			position: absolute;
			top: 20px;
			right: 20px;
			color: #fff;
			right: 19px;
		}
			#search {
				float: left;
				background: url(../webimages/searchBg.gif) left top no-repeat;
				height: 20px;
				width: 163px;
				margin-left: 4px;
				overflow: hidden;
			}
				#search input {
					border: none;
					background: none;
					padding: 3px 5px 0;
					width: 130px;
					float: left;
					
				}
				#search a {
					float: left;
					display: inline-block;
					width: 16px;
					height: 14px;
					margin-top: 4px;
					background: url(../webimages/search_submit.gif) left top no-repeat;
					text-indent: -99999px;
				}
			#preUtility ul {
				float: left;
				margin: 1px 0 0 0;
				padding: 0;
				list-style: none;
			}
				#preUtility ul li {
					float: left;
					display: inline;
					padding: 0 6px;
				}
				#preUtility ul li.first {
					background: url(../webimages/utilityBorder.gif) right 5px no-repeat;
					padding-right: 8px;
				}
					#preUtility ul li a {
						color: #fff;
						font-weight: bold;
						text-decoration: none;
					}
						#preUtility ul li a span {
							font-weight: normal;
						}
					#preUtility ul li a:hover {
						color: #dbae34;
					}	
			#utilityContain {
		        width: 655px;
				height: 18px;
				overflow: hidden;
				position: absolute;
				right: 19px;
				bottom: 23px;
		    }		
			#utility {
			    float: right;
				margin: 0;
				padding: 0;
				list-style: none;
			}
				#utility li {
					float: left;
					background: url(../webimages/utilityBorder.gif) left 5px no-repeat;
					padding-left: 8px;
					margin-right: 6px;
				}
				#utility li.first {
					background: none;
				}
				#utility li.last {
					margin-right: 0;
				}
					#utility li a {
						color: #E0E0E0;
						text-decoration: none;
					}
					#utility li a:hover {
						color: #dbae34;
					}
			#primaryNav {
				width: 958px;
				margin: 0 auto 10px;
				overflow: hidden;
				padding: 0 19px 0 18px;
			}
				#primaryNav ul {
					margin: 0;
					padding: 0;
					list-style: none;
				}
					#primaryNav ul li {
						float: left;
						text-align: center;
						width: 137px;
					}
						#primaryNav ul li:first-child {
							width: 136px;
						}
						#primaryNav ul li a {
							display: block;
							color: #545454;
							height: 25px;
							line-height: 25px;
							text-decoration: none;
							text-transform: uppercase;
							font-size: 12px;
							border-right: 1px solid #8e8e8e;
							border-left: 1px solid #ebebeb;
							background: url(../webimages/main_nav_bg.gif) left top repeat-x;
						}
						#primaryNav ul li a:hover {
							background-position: bottom;
							color: #fff;
						}	
	#contentWrap {
		overflow: hidden;
		width: 958px;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	#contentWrap.home {
		overflow: visible;
	}

.homeslide {
	position: relative;
	height: 364px;
	width: 958px;
	overflow: hidden;
	margin: 0 0 12px;
}
	.homeslide .slides {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		.homeslide .slide {
			position: absolute;
			top: 0;
			left: 958px;
		}
			.homeslide .slide:first-child {
				left: 0;
			}
		.homeslide .content {
			display: none;
			position: absolute;
			top: 0;
			left: 609px;
			width: 349px;
			height: 364px;
			overflow: hidden;
			font-size: 12px;
			line-height: 15px;
			color: #fff;
			/*background: rgba(0,0,0,.3);*/
			background: url(../webimages/homeslide_content.png) no-repeat left top;
		}
			.homeslide .content a {
				color: #fff;
			}
			.homeslide .slide:first-child .content {
				display: block;
			}
			.homeslide .item {
				width: 349px;
				text-align: center;
			}
			.homeslide .details {
			    position: absolute;
			    left: 0;
				top: 263px;
			    padding: 10px 13px 0 26px;
			    width: 310px;
			}
			.homeslide h2 {
				margin: 0;
				padding: 0 0 4px;
				font-weight: normal;
				font-size: 24px;
				line-height: 24px;
			}
				.homeslide .content ul {
					margin: 0;
					padding: 0 0 3px;
					list-style: none;
				}
				.homeslide .content li {
					display: inline-block;
					width: 140px;
					padding: 0 0 0 8px;
					background: url(../webimages/homeslide_bullet.png) no-repeat left center;
				}
				.homeslide .readMore a {
					display: inline-block;
					background: #dc3f22;
					font-weight: bold;
					padding: 2px 8px;
					text-decoration: none;
				}
	.homeslide .leftArrow {
		position: absolute;
		top: 118px;
		left: 0;
		width: 19px;
		height: 67px;
		background: #777 url(../webimages/homeslide_leftArrow.png) no-repeat 2px center;
		cursor: pointer;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		opacity: .80;
	}
	.homeslide .rightArrow {
		position: absolute;
		top: 118px;
		right: 0;
		width: 19px;
		height: 67px;
		background: #777 url(../webimages/homeslide_rightArrow.png) no-repeat 6px center;
		cursor: pointer;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
		.homeslide .leftArrow:hover, .homeslide .rightArrow:hover {
			box-shadow: 0 0 3px 1px #fff;
		}

		.box {
			width: 295px;
			float: left;
			margin-left: 9px;
			overflow: hidden;
		}
		.firstBox {
			margin-left: 0;
		}
			.box .boxTop, .box .boxBottom {
				display: block;
				width: 295px;
				height: 6px;
				font-size: 0; /* to fix for IE6 */
				background: url(../webimages/boxTopRounded.gif) left top no-repeat;
			}
			.box .boxBottom {
				background: url(../webimages/boxBottomRounded.gif) left top no-repeat;
			}
			.box .boxContent {
				background: #e7e7e7;
				padding: 0 10px;
				border-left: 1px solid #bab9b9;
				border-right: 1px solid #bab9b9;
			}
	    .lastBox {
	        width: 350px;
	    }
		.largeBox {
			width: 356px;
			float: left;
			position: relative;
			top: -3px;
			right: -7px;
		}
			.largeBox .boxTop,
			.largeBox .boxBottom {
				display: block;
				width: 356px;
				height: 11px;
				font-size: 0; /* to fix for IE6 */
				background: url(../webimages/largeBoxTopRounded.gif) left top no-repeat;
			}
			.largeBox .boxBottom {
				background: url(../webimages/largeBoxBottomRounded.gif) left top no-repeat;
			}
			.largeBox .frame {
				background: url(../webimages/largeBoxFrame.gif) left top repeat-y;
			}
				.largeBox .boxContent {
					background: #d6d6d7 url(../webimages/largeBoxGradiantBg.gif) left top repeat-x;
					margin: 0 5px 0 3px;
					padding: 2px 7px;
					zoom: 1;
				}
					.largeBox .boxContent h1 {
						width: 167px;
						height: 40px;
						position: relative;
						margin: 0;
						padding: 0;
						top: -8px;
					}
					.largeBox .boxContent ul {
						margin: 0;
						padding: 0;
						list-style: none;
					}
						.largeBox .boxContent ul li {
							background: url(../webimages/reportBullet.gif) left 5px no-repeat;
							padding: 0 12px;
							margin-bottom: 7px;
							line-height: 1.3em;
						}
							.largeBox .boxContent ul li a {
								color: #333;
								text-decoration: none;
							}
							.largeBox .boxContent ul li a:hover {
								color: #000;
								text-decoration: underline;
							}
		.contentArea {
			padding-top: 12px;
			clear: both;
		}
		.standOut {
			width: 941px;
			height: 29px;
			color: #333;
			font-size: 12px;
			font-weight: bold;
			line-height: 26px;
			padding-left: 17px;
			background: url(../webimages/standOutBg.gif) left top no-repeat;
		}
		#leftCol {
			width: 222px;
			float: left;
		}
		#leftColPad {
			padding: 1px;
			border: 1px solid #e6e6e6;
			width: 194px;
			overflow: hidden;
			zoom: 1;
		}
			#nav {
				margin: 0;
				padding: 4px 0;
				list-style: none;
				font-size: 12px;
				font-weight: bold;
				background: #f2f2f2;
				overflow: hidden;
			}
				#nav li {
					border-top: 1px solid #B9B9B9;
					background: #f2f2f2;
					margin: 0 10px;
					zoom: 1;
					width: 174px;
					overflow: hidden;
					display:-moz-inline-stack;
					display:inline-block;
					zoom:1;
					*display:inline;
				}
				#nav li.first {
					border-top: none;
				}
				#nav li.last {
					border-bottom: none;
				}
					#nav li a {
						color: #4C4C4C;
						padding: 5px 0;
						text-decoration: none;
						display:-moz-inline-stack;
						display:inline-block;
						zoom:1;
						*display:inline;
						width: 174px;
					}
					#nav li a:hover {
						background: #dadada;
						padding-left: 5px;
						color: #fff;
						width: 169px;
					}
						#nav li.selected ul li a {
							color: #333;
							font-size: 11px;
						}	
					#nav li ul {
						list-style: none;
						margin: 0 0 10px 10px;
						padding: 0;
						display: none;
					}
						#nav li ul li {
							padding: 0 0 0 10px;
							margin: 0;
							border: none;
							background: url(../webimages/2nd_lvl_li_marker.gif) left 7px no-repeat;
						}
							#nav li ul li a {
								padding: 0;
							}
							#nav li ul li a:hover {
								color: #74150a;
								background: none;
								padding: 0;
							}
							#nav li ul li ul {
								border-left: 1px solid #b9b9b9;
								padding: 2px 0;
								margin-left: 0;
							}
							#nav li ul li ul li {
								padding-left: 9px;
								background: url(../webimages/bullet_leftNavNested.gif) left 8px no-repeat;
							}
								#nav li ul li ul li a {
									font-weight: normal;
								}
									#nav li.selected ul li ul li ul {
										display: none;
									}
									#nav li.selected ul li ul li.selected ul {
										display: block;
									}
					#nav li.selected ul {
						display: block;
					}	
		#rightCol {
			width: 736px;
			float: right;
		}
		#rightCol.wide {
			width: 958px;
			float: right;
		}
			#rightCol.contact label,
			#rightCol.contact .field {
				color: #6E6E6E;
			}
			#rightCol.contact .checkboxes input {
				float: left;
				clear: left;
			}
			#rightCol.contact .checkboxes label {
				margin-left: 0;
			}
			#rightCol.contact .field input,
			#rightCol.contact .field textarea {
				margin: 0 5px 0 9px;
				width: 250px;
				border: 1px solid #B3B7BE;
				color: #666;
				font-size: 11px;
				padding: 3px;
				font-family: verdana, helvetica, arial, sans-serif;
			}
			#rightCol.contact .field textarea {
				margin-bottom: 10px;
			}
			.submitButton, .cancelButton {
				background: url(../webimages/button_submit.gif) left top no-repeat;
				border: medium none;
				cursor: pointer;
				height: 22px;
				width: 68px;	
			}
			.cancelButton {
				background: url(../webimages/button_clear.gif) left top no-repeat;
			}
			#rightCol.contact .field .required {
				color: #DB241F;
			}			
			#bannerImage {
				border: 1px solid #8b8b8b;
				padding: 3px;
				background: #fff;
				margin-bottom: 18px;
			}
				#bannerImage img {
					display: block;
				}
			#rightCol .mainContent {
				width: 363px;
				padding-right: 20px;
				float: left;
			}
			#rightCol.contact .mainContent {
				width: 363px;
				padding-bottom: 25px;
			}
			#rightCol .mainContent a {
				color: #000;
			}
			#rightCol .callOuts {
				width: 353px;
				float: left;
			}
				.callOutBox {
					width: 347px;
					padding: 2px;
					border: 1px solid #8a8a8a;
					background: #fff;
					color: #4F4F4F;
					margin-bottom: 5px;
					line-height: 1.5em;
				}
					.callOutBox h2 {
						background: #B4BAC1;
						color: #fff;
						margin-bottom: 2px;
						font-size: 11px;
						padding: 5px 8px;
						text-transform: uppercase;
					}
					.callOutBox .callOutContent {
						background: #e9e9e9;
						padding: 10px;
						overflow: hidden;
						zoom: 1;
					}
						.callOutBox .callOutContent p {
							padding-bottom: 8px;
						}
						.callOutBox .callOutContent a {
							color: #4F4F4F;
						}
						.callOutBox .callOutContent a.redLink {
							color: #74150A;
						}
						.callOutBox .callOutContent a.readMore {
							float: right;
						}
						.callOutBox .callOutContent ul {
							margin: 0;
							padding: 0 0 5px 0;
							list-style: none;
						}
							.callOutBox .callOutContent ul li {
								background: url(../webimages/bullet_carrot.gif) left 6px no-repeat;
								padding: 0 0 0 10px;
								margin: 5px 0;
							}
			#rightCol ul#newsListing {
				float: left;
				padding: 0 0 20px 0;
			}
				#rightCol ul#newsListing {
					margin: 0 0 0 5px;
					padding: 0;
					list-style: none;
				}		
					#rightCol ul#newsListing li a {
						color: #6E6E6E;
					}
						ul#newsListing li h2 {
							padding-bottom: 1px;
						}
							ul#newsListing li h2 a {
								font-size: 11px;
								color: #6E6E6E;
							}
		#rightCol .callOutCol {
			display: none;
		}
			#rightCol .rightImage {
				float: right;
				width: 222px;
				border: 1px solid #8b8b8b;
				padding: 3px;
				background: #fff;
				margin-bottom: 18px; 
			}
			#contentWrap.bothCallOuts #rightCol .rightImage {
				margin: 0 auto 18px;
				float: none;
			}
			#contentWrap.imageOnly #rightCol .callOutCol,
			#contentWrap.bothCallOuts #rightCol .callOutCol {
				display: block;
			}
			#contentWrap.bothCallOuts #rightCol .callOutCol {
				width: 353px;
				overflow: hidden;
			}
			#rightCol .content {
				color: #6E6E6E;
				width: 735px;
				float: left;
			}
			#rightCol.wide .content {
				color: #6E6E6E;
				width: 957px;
				float: left;
			}
			#contentWrap.imageOnly #rightCol .content {
				width: 485px;
			}
			#contentWrap.imageOnly #rightCol.wide .content {
				width: 707px;
			}
			#contentWrap.bothCallOuts #rightCol .content {
				width: 363px;
				margin-right: 20px;
			}
			#contentWrap.bothCallOuts #rightCol.wide .content {
				width: 585px;
				margin-right: 20px;
			}
			#rightCol.full .content {
				width: 675px;
			}
			#rightCol.full .content {
				width: 897px;
			}
				#rightCol .content a {
					color: #74150A;
				}
				#rightCol .content a:hover {
					color: #DBAE34;
				}
				#rightCol .content ul {
					margin: 0 0 14px 40px;
					padding: 0;
				}

#footer {
	width: 998px;
	margin: 0 auto;
	padding: 16px 0 0 0;
	background: url(../webimages/footer_cap.gif) center top no-repeat;
}
	#footerLinks {
		width: 400px;
		margin: 0 auto;
		text-align: center;
	}
		#footerLinks ul {
			list-style: none;
			margin: 0 auto 3px;
			padding: 0 0 3px 0;
			overflow: hidden;
			border-bottom: 1px dotted #794E10;
			text-align: center;
		}
			#footerLinks ul li {
				display: -moz-inline-stack;
				display: inline-block;
				zoom: 1;
				*display:inline;
				padding: 0 10px;
				background: url(../webimages/footerBullets.gif) left 7px no-repeat;
			}
			#footerLinks ul li.first {
				background: none;
			}
				#footerLinks ul li a {
					color: #794E10;
					text-decoration: none;
					text-transform: uppercase;
				}
				#footerLinks ul li a:hover {
					color: #74150A;
				}
			#footerLinks div {
				clear: left;
				color: #794E10;
			}
	html #footer div#joCorpBrandFooterContainer {
		border-top: 1px solid #717171;
		margin-top: 0;
		padding-top: 10px;
	}
	    #LinksUL li a {
	        color: black !important;
	    }
	
/*Dealer locator*/
#locator {
	margin: 10px auto;
	width: 661px;
	padding: 12px 20px;
	border: 1px solid #d4d0cf;
	overflow: hidden;
}
	#locator table {
		margin: 0;
		table-layout: fixed;
	}
	#locator td {
		padding: 3px 20px 3px 0;
	}
		#locator input.textbox {
			width: 320px;
			padding: 2px 0 2px 4px;
			border-top: 1px solid #777;
			border-right: 1px solid #bcbcbc;
			border-bottom: 1px solid #e4e4e4;
			border-left: 1px solid #bcbcbc;
		}
a.findDealers {
	display: -moz-inline-stack;
	display: inline-block;
	height: 23px;
	margin: 8px 0 0;
	background: url(../webimages/submitButton.gif) no-repeat left top;
	color: #54443e;
	font-size: 12px;
	line-height: 1.2em;
	text-decoration: none;
}
	a.findDealers span {
		display: -moz-inline-stack;
		display: inline-block;
		height: 21px;
		padding: 2px 10px 0 8px;
		cursor: pointer;
		background: url(../webimages/submitButton.gif) no-repeat right -23px;
	}
		
.locatorMap {
	margin: 0 auto;
	padding: 25px 0 15px;
	width: 701px;
	overflow: hidden;
}

#map_canvas {
	float: left;
	width: 350px;
	height: 375px;
	border: 0;
}
.dealers {
	float: right;
	width: 345px;
	overflow: hidden;
}
	.dealerLabel {
		height: 85px;
		overflow: hidden;
	}
		.dealerLabel h3 {
			padding: 4px 10px;
			font-size: 12px;
			line-height: 18px;
			color: #000;
			background: #ddd;
		}
		.dealerLabel p {
			padding: 4px 10px;
		}
#dealer_list {
	position: relative;
	float: left;
	display: none;
	padding: 0 0 0 10px;
	border: 0;
	width: 335px;
	height: 290px;
	overflow: auto;
}
	#dealer_list .DealerInfo {
		padding: 15px 20px 5px 20px;
		border-bottom: 1px solid #d4d0cf;
	}
	#dealer_list .SelectedDealer {
		background: #eefeef;
	}
	#dealer_list .DealerInfo:last-child {
		border: 0;
	}
		.DealerInfo .Icons {
			display: none;
		}
		.DealerInfo p {
			padding: 0;
		}
			.DealerInfo p.Comp {
				color: #524340;
				font-weight: bold;
			}
			.DealerInfo p.City, .DealerInfo p.State, .DealerInfo p.ZIP {
				display: inline;
			}
			.DealerInfo p.Comp, .DealerInfo p.Str1, .DealerInfo p.Str2, .DealerInfo p.City {
				text-transform: capitalize;
			}
			.DealerInfo p.State {
				text-transform: uppercase;
			}
			#map_canvas .DealerInfo p.Comp, #dealer_list .SelectedDealer p.Comp {
				color: #000;
			}

.EktronAjaxLoading { display: none; }

.popup #header {
    background: #74150A;
    padding: 20px;
    width: 100%;
}
.popup #header .logo {
  
}
.popup .content {
    width: 500px;
    margin: 0 auto;
}

