body {
	background: url(../webimages/shadow_bodyBG.gif) center top repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.6em;
	color: #363636;
	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: #DB241F;
}

hr {
	display: block;
	height: 1px;
	border: none;
	background: #A1A1A1;
	padding: 0;
	margin: 0 0 10px;
}

#gradiantBg {
	background: url(../webimages/gradiantBg_blue.gif) left top repeat-x;
}

#wrap {
	background: url(../webimages/shadow_wrap.png) 1px top no-repeat;
	width: 996px;
	margin: 0 auto;
	padding: 0 4px;
	min-height: 500px;
}
	#header {
		overflow: hidden;
		margin-bottom: 16px;
		padding: 14px 19px 0 18px;
		position: relative;
	}
	.popup #header {
	    /*background: #ccdaef;*/
	    background: #ee2a24;
	    padding: 35px 0 10px 0;
	}
	    .popup #header .logo {
	        width: 500px;
	        margin: 0 auto;
	    }
	    .popup .content {
	        width: 500px;
	        margin: 0 auto;
	    }
		#logo {
			display: block;
			width: 209px;
			height: 45px;
			float: left;
		}
		#preUtility {
			position: absolute;
			top: 29px;
			right: 17px;
		}
			#search {
				float: left;
				height: 28px;
			}
				#searchContain {
					float: left;
				}	
				#searchBg {
					width: 203px;
					height: 22px;
					padding: 6px 0 0 5px;
					background: url(../webimages/searchBg.gif) left top no-repeat;
				}
					#searchBg input {
						width: 190px;
						font-size: 11px;
						color: #363636;
						padding-left: 4px;
						border: #fff 1px dotted;					
					}
					#search a {
						display: block;
						width: 38px;
						height: 28px;
						float: left;
						text-indent: -9999px;
						margin-left: 3px;
						background: url(../webimages/button_search.gif) left top no-repeat;
					}
			#preUtility ul {
				float: left;
				margin: 6px 0 0 0;
				padding: 0;
				list-style: none;
			}
				#preUtility ul li {
					float: left;
					margin-right: 21px;
					display: inline;
				}
					#preUtility ul li a {
						color: #363636;
						font-size: 11px;
						padding: 2px 0;
						text-decoration: none;
					}
					#preUtility ul li a:hover {
						color: #db2420;
					}
					#preUtility ul li.cart a {
						padding-left: 25px;
						background: url(../webimages/icon_cart.gif) left top no-repeat;
					}
					#preUtility ul li.account a {
						padding-left: 10px;
						background: url(../webimages/icon_myAccount.gif) left 6px no-repeat;
					}
		#primaryNav {
			width: 958px;
			height: 61px;
			margin: 0 auto 12px;
			position: relative;
			background: url(../webimages/primaryNav_subBg.gif) left bottom no-repeat;
		}
		    #utilityContain {
		        width: 655px;
				height: 18px;
				overflow: hidden;
				position: absolute;
				right: -1px;
				top: 8px;
		    }
			#utility {
				margin: 0;
				padding: 0;
				float: right;
				list-style: none;
			}
				#utility li {
					float: left;
					background: url(../webimages/utility_border.gif) left 6px no-repeat;
					padding-left: 15px;
					margin-right: 15px;
				}
				#utility li.first {
					background: none;
				}
				#utility li.last {
					margin-right: 0;
				}
					#utility li a {
						color: #363636;
						text-decoration: none;
					}
					#utility li a:hover {
						color: #db2420;
					}
			#primaryNav #main {
				list-style: none;
				margin: 0;
				padding: 2px 0 0 0;
				overflow: hidden;
			}
			#primaryNav #main {
				list-style: none;
				margin: 0;
				padding: 2px 0 0 0;
				overflow: hidden;
			}
			#primaryNav #main.tech4oSelected {
				padding-top: 0;
			}
			#primaryNav #main.silvaSelected {
				padding-top: 0;
			}
				#main li {
					float: left;
				}
				#main.tech4oSelected #silva,
				#main.silvaSelected #tech4o {
					padding-top: 2px;
				}
					#main li ul {
						display: none;
					}
						#main li a {
							color: #6e8eb2;
							font-size: 12px;
							font-weight: bold;
							text-decoration: none;
							text-align: center;
						}
						#main li#tech4o a,
						#main li#silva a {
							width: 148px;
							height: 34px;
							display: block;
							line-height: 34px;
							font-size: 14px;
							background: url(../webimages/primaryNavNoneSelected_tech4o.jpg) left top no-repeat;
						}	
						#main li#silva a {
							width: 149px;
							border-left: none;
							background: url(../webimages/primaryNavNoneSelected_silva.jpg) left top no-repeat;
						}
						#main.tech4oSelected li#silva a {
							background: url(../webimages/primaryNavtech4oSelected_silva.jpg) left top no-repeat;
						    font-size: 12px;
						}
						#main.tech4oSelected li#tech4o a {
							width: 148px;
							height: 36px;
							line-height: 36px;
							color: #fff;
							display: block;
							background: url(../webimages/primaryNavtech4oSelected_tech4o.jpg) left top no-repeat;
						}
						#main.tech4oSelected li#silva a:hover,
						#main.silvaSelected li#tech4o a:hover,
						#main li a:hover{
							color: #3d5b7f;
						}
							#main.tech4oSelected li#tech4o ul,
							#main.silvaSelected li#silva ul {
								display: block;
								margin: 0;
								padding: 0;
								list-style: none;
								position: absolute;
								bottom: 3px;
								left: 0;
								overflow: hidden;
								height: 25px;
							}
								#main.tech4oSelected li#tech4o ul li a,
								#main.silvaSelected li#silva ul li a {
									background: none;
									width: auto;
									height: auto;
									line-height: 26px;
									padding: 0 25px;
									font-size: 12px;
								}
								#main.tech4oSelected li#tech4o ul li a:hover,
								#main.silvaSelected li#silva ul li a:hover {
									color: #ffd8dc;
								/*	background: url(../webimages/primarySubNav_hoverBg.gif) left top repeat-x;
								*/}
						#main.silvaSelected li#tech4o a {
							background: url(../webimages/primaryNavSilvaSelected_tech4o.jpg) left top no-repeat;
						    font-size: 12px;
						}
						#main.silvaSelected li#silva a {
							width: 148px;
							height: 36px;
							line-height: 36px;
							color: #fff;
							display: block;
							background: url(../webimages/primaryNavtech4oSelected_tech4o.jpg) left top no-repeat;
						}
	#contentWrap {
		overflow: hidden;
		width: 958px;
		margin: 0 auto;
	}
	#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: #d13b3a 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: #d13b3a 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;
			zoom: 1;
			overflow: hidden;
		}
			.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;
				zoom: 1;
				overflow: hidden;
				width: 356px;
				position: relative;
			}
				.largeBox .boxContent {
					background: #d6d6d7 url(../webimages/largeBoxGradiantBg.gif) left top repeat-x;
					margin: 0 5px 0 3px;
					padding: 2px 7px;
					zoom: 1;
					overflow: hidden;
					position: relative;
				}
					.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;
			overflow: hidden;
			zoom: 1;
			width: 958px;
		}
		.standOut {
			width: 941px;
			height: 22px;
			overflow: hidden;
			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;
		}
			#nav {
				margin: 0;
				padding: 0;
				list-style: none;
				font-size: 13px;
				font-weight: bold;
				background: #f7f7f7;
				width: 194px;
				overflow: hidden;
				border: 1px solid #e6e6e6;
			}
				#nav li {
					border-bottom: 1px solid #e6e6e6;
					border-top: 1px solid #fff;
					zoom: 1;
				}
				#nav li.first {
					border-top: none;
				}
				#nav li.last {
					border-bottom: none;
				}
					#nav li a {
						padding: 8px 11px;
						display: inline-block;
						width: 172px;
						color: #333;
						text-decoration: none;
					}
					#nav li a:hover, #nav li.selected a {
						background: #e6e6e6;
					}
					#nav li.selected ul li a:hover, #nav li.selected ul li.selected a {
						color: #DB241F;
					}
						#nav li.selected ul li a {
							color: #333;
							background: none;
							font-size: 11px;
						}	
					#nav li ul {
						list-style: none;
						margin: 0;
						padding: 0;
						font-weight: normal;
						display: none;
					}
						#nav li ul li {
							padding: 0 0 0 8px;
							margin: 5px 0;
							border: none;
							background: url(../webimages/bullet_leftNav.gif) left 7px no-repeat;
						}
							#nav li ul li a {
								display: block;
								padding: 0;
							}
							#nav li ul li a:hover {
								background: none;
								padding: 0;
							}
							#nav li.selected ul li ul {
								display: none;
							}
							#nav li ul li.selected ul {
								padding-left: 0;
								display: block;
								border-left: 1px solid #e6e6e6;
							}
							#nav li ul li ul li {
								padding-left: 9px;
								background: url(../webimages/bullet_leftNavNested.gif) left 8px no-repeat;
							}
					#nav li.selected ul {
						display: block;
						padding-left: 11px;
					}	
		#rightCol {
			width: 736px;
			float: right;
			overflow: hidden;
		}
			#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;
				overflow: hidden;
			}
				#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: url(../webimages/gradiantBg_callOutHeader.gif) left top repeat-y;
						color: #fff;
						margin-bottom: 2px;
						font-size: 11px;
						padding: 5px 8px;
						text-transform: uppercase;
					}
					.callOutBox .callOutContent {
						background: #d3e2f4;
						padding: 10px;
						overflow: hidden;
						zoom: 1;
					}
						.callOutBox .callOutContent p {
							padding-bottom: 8px;
						}
						.callOutBox .callOutContent a {
							color: #4F4F4F;
						}
						.callOutBox .callOutContent a.redLink {
							color: #DB241F;
						}
						.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; 
				overflow: hidden;
			}
			#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;
			}
			#contentWrap.imageOnly #rightCol .content {
				width: 485px;
			}
			#contentWrap.bothCallOuts #rightCol .content {
				width: 363px;
				margin-right: 20px;
			}
			#rightCol.full .content {
				width: 675px;
			}
				#rightCol .content a {
					color: #DB241F;
				}
				#rightCol .content ul {
					margin: 0 0 14px 40px;
					padding: 0;
				}

#footer {
	width: 958px;
	margin: 12px auto;
	border-top: 1px solid #d9d9d9;
	overflow: hidden;
	padding: 6px 0 20px 0;
}
	#footer p {
		padding: 0 4px 6px;
		color: #333;
	}
	#footer ul.footerNav {
		float: left;
		margin: 0;
		padding: 0;
	}
	#footer ul.footerNav li {
		color: #848D98;
		display: inline;
		font-size: 10px;
		list-style: none;
		padding: 0 7px;
		background: url(../webimages/footerNav_border.gif) right 1px no-repeat;
	}
	#footer ul.footerNav li.last {
		background: none;
	}
	#footer ul.footerNav li a:hover {
		color: #db2420;
	}	
	#footer ul li a
/*	#footer #joCorpBrandFooterContainer ul li a */{
		color: #333;
		text-decoration: none;
	}
	html #footer div#joCorpBrandFooterContainer {
		border-top: 1px solid #d9d9d9;
		margin-top: 0;
		padding-top: 10px;
	}
	
	
/*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; }
