@charset "UTF-8";

#wrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
	
}

#nav {
	position: absolute;
	top: 62px;
	left: 82px;
	
}

#nav li {
	margin: 0;
 	padding: 0;
}

#nav li a {
	display: block;
 	text-indent: -1000em;
 	margin: 0;
 	padding: 0;
 	width: 117px;
	height: 40px;
}

#nav li.dir li a {
	width: 127px;
	height: 25px;
}

ul.dropdown #nav-home {
	background: url(../images/home.gif) no-repeat top left;
	width: 117px;
	height: 40px;
}

ul.dropdown #nav-home:hover {
	background: url(../images/home_on.gif) no-repeat top left;
}


ul.dropdown #nav-philosophy {
	background: url(../images/philosophy.gif) no-repeat top left;
	width: 144px;
	height: 40px;
}

ul.dropdown #nav-philosophy:hover {
	background: url(../images/philosophy_on.gif) no-repeat top left;
}


ul.dropdown #nav-products {
	background: url(../images/products.gif) no-repeat top left;
	width: 129px;
	height: 40px;
}

ul.dropdown #nav-products:hover {
	background: url(../images/products_on.gif) no-repeat top left;
}

	ul.dropdown #nav-oem {
		background: url(../images/oem.gif) no-repeat top left;
		width: 129px;
 		height: 25px;
	}

	ul.dropdown #nav-oem:hover {
		background: url(../images/oem_on.gif) no-repeat top left;
	}

		ul.dropdown #nav-grips {
				background: url(../images/grips.gif) no-repeat top left;
				width: 129px;
 				height: 25px;
			}

		ul.dropdown #nav-grips:hover {
			background: url(../images/grips_on.gif) no-repeat top left;
		}
			ul.dropdown #nav-grips-dual_density {
					background: url(../images/dual_density.gif) no-repeat top left;
					width: 129px;
					height: 25px;
				}

			ul.dropdown #nav-grips-dual_density:hover {
				background: url(../images/dual_density_on.gif) no-repeat top left;
			}
			
			ul.dropdown #nav-grips-single_density {
					background: url(../images/single_density.gif) no-repeat top left;
					width: 129px;
					height: 25px;
				}

			ul.dropdown #nav-grips-single_density:hover {
				background: url(../images/single_density_on.gif) no-repeat top left;
			}
			
			ul.dropdown #nav-grips-leather {
					background: url(../images/leather.gif) no-repeat top left;
					width: 129px;
					height: 25px;
				}

			ul.dropdown #nav-grips-leather:hover {
				background: url(../images/leather_on.gif) no-repeat top left;
			}
			
			ul.dropdown #nav-grips-cork {
					background: url(../images/cork.gif) no-repeat top left;
					width: 129px;
					height: 25px;
				}

			ul.dropdown #nav-grips-cork:hover {
				background: url(../images/cork_on.gif) no-repeat top left;
			}

		ul.dropdown #nav-lights {
				background: url(../images/lights.gif) no-repeat top left;
				width: 129px;
 				height: 25px;
			}

		ul.dropdown #nav-lights:hover {
			background: url(../images/lights_on.gif) no-repeat top left;
		}

		ul.dropdown #nav-chainguards {
				background: url(../images/chainguards.gif) no-repeat top left;
				width: 129px;
 				height: 25px;
			}

		ul.dropdown #nav-chainguards:hover {
			background: url(../images/chainguards_on.gif) no-repeat top left;
		}

		ul.dropdown #nav-reflectors {
				background: url(../images/reflectors.gif) no-repeat top left;
				width: 129px;
 				height: 25px;
			}

		ul.dropdown #nav-reflectors:hover {
			background: url(../images/reflectors_on.gif) no-repeat top left;
		}

		ul.dropdown #nav-rimtapes {
				background: url(../images/rimtapes.gif) no-repeat top left;
				width: 129px;
 				height: 25px;
			}

		ul.dropdown #nav-rimtapes:hover {
			background: url(../images/rimtapes_on.gif) no-repeat top left;
		}

		ul.dropdown #nav-accessories {
				background: url(../images/accessories.gif) no-repeat top left;
				width: 129px;
 				height: 25px;
			}

		ul.dropdown #nav-accessories:hover {
			background: url(../images/accessories_on.gif) no-repeat top left;
		}
	
	ul.dropdown #nav-industry {
			background: url(../images/industry.gif) no-repeat top left;
			width: 129px;
 			height: 25px;
		}
	
	ul.dropdown #nav-industry:hover {
		background: url(../images/industry_on.gif) no-repeat top left;
	}


ul.dropdown #nav-aftermarket {
	background: url(../images/aftermarket.gif) no-repeat top left;
	width: 148px;
	height: 40px;
	}

ul.dropdown #nav-aftermarket:hover {
	background: url(../images/aftermarket_on.gif) no-repeat top left;
}


	ul.dropdown #nav-herrmans {
		background: url(../images/herrmans.gif) no-repeat top left;
		width: 148px;
 		height: 25px;
		}

	ul.dropdown #nav-herrmans:hover {
		background: url(../images/herrmans_on.gif) no-repeat top left;
	}

	ul.dropdown #nav-dufva {
		background: url(../images/dufva.gif) no-repeat top left;
		width: 148px;
 		height: 25px;
		}

	ul.dropdown #nav-dufva:hover {
		background: url(../images/dufva_on.gif) no-repeat top left;
	}
	
	
ul.dropdown #nav-contact {
	background: url(../images/contact.gif) no-repeat top left;
	width: 127px;
	height: 40px;
	}

ul.dropdown #nav-contact:hover {
	background: url(../images/contact_on.gif) no-repeat top left;
}
	
	ul.dropdown #nav-sales {
		background: url(../images/sales.gif) no-repeat top left;
		width: 127px;
 		height: 25px;
		}

	ul.dropdown #nav-sales:hover {
		background: url(../images/sales_on.gif) no-repeat top left;
	}

	ul.dropdown #nav-agents {
		background: url(../images/agents.gif) no-repeat top left;
		width: 127px;
 		height: 25px;
		}

	ul.dropdown #nav-agents:hover {
		background: url(../images/agents_on.gif) no-repeat top left;
	}

	ul.dropdown #nav-amdistributors {
		background: url(../images/am_distributors.gif) no-repeat top left;
		width: 127px;
 		height: 25px;
		}

	ul.dropdown #nav-amdistributors:hover {
		background: url(../images/am_distributors_on.gif) no-repeat top left;
	}

	ul.dropdown #nav-industrydistributors {
		background: url(../images/industry_distributors.gif) no-repeat top left;
		width: 127px;
 		height: 25px;
		}

	ul.dropdown #nav-industrydistributors:hover {
		background: url(../images/industry_distributors_on.gif) no-repeat top left;
	}

	ul.dropdown #nav-feedback {
		background: url(../images/feedback.gif) no-repeat top left;
		width: 127px;
 		height: 25px;
		}

	ul.dropdown #nav-feedback:hover {
		background: url(../images/feedback_on.gif) no-repeat top left;
	}


ul.dropdown #nav-news {
	background: url(../images/news.gif) no-repeat top left;
	width: 131px;
	height: 40px;
	}

ul.dropdown #nav-news:hover {
	background: url(../images/news_on.gif) no-repeat top left;
}

	ul.dropdown #nav-shows {
		background: url(../images/shows.gif) no-repeat top left;
		width: 131px;
		height: 25px;
		}

	ul.dropdown #nav-shows:hover {
		background: url(../images/shows_on.gif) no-repeat top left;
	}

	ul.dropdown #nav-editorials {
		background: url(../images/editorials.gif) no-repeat top left;
		width: 131px;
		height: 25px;
		}

	ul.dropdown #nav-editorials:hover {
		background: url(../images/editorials_on.gif) no-repeat top left;
	}

	ul.dropdown #nav-general {
		background: url(../images/general.gif) no-repeat top left;
		width: 131px;
		height: 25px;
		}

	ul.dropdown #nav-general:hover {
		background: url(../images/general_on.gif) no-repeat top left;
	}

	ul.dropdown #nav-archive {
		background: url(../images/archive.gif) no-repeat top left;
		width: 131px;
		height: 25px;
		}

	ul.dropdown #nav-archive:hover {
		background: url(../images/archive_on.gif) no-repeat top left;
	}