/*

	-- -- -- -- -- -- --
	css sprites2
	nav style, no scripted elements

	http://www.alistapart.com/articles/sprites2
	-- -- -- -- -- -- --
	
*/


/*Top nav Sprites*/

.nav {
	width: 520px;
	height: 73px;
	background: url(../images/topnav_sprite.jpg) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 22px;
	height: 50px;
	text-indent: -9000px;
	overflow: hidden;z-index: 10;
	
}
	.nav .products a:link, .nav .products a:visited {
		left: 0px;
		width: 168px;
	}
	.nav .products a:hover, .nav .products a:focus {
		background: url(../images/topnav_sprite.jpg) no-repeat -0px -92px;
	}
	.nav .products a:active {
		background: url(../images/topnav_sprite.jpg) no-repeat -0px -92px;
	}
	.current-products .products a:link, .current-products .products a:visited {
		background: url(../images/topnav_sprite.jpg) no-repeat -0px -92px;
	}
	.nav-products, .nav-products-click {
			position: absolute;
			top: 22px;
			left: 0px;
			width: 168px;
			height: 50px;
			background: url(../images/topnav_sprite.jpg) no-repeat -0px -92px;
		}
		.nav-products-click {
			background: url(../images/topnav_sprite.jpg) no-repeat -0px -92px;
		}



	.nav .about a:link, .nav .about a:visited {
		left: 182px;
		width: 66px;
	}
	.nav .about a:hover, .nav .about a:focus {
		background: url(../images/topnav_sprite.jpg) no-repeat -182px -92px;
	}
	.nav .about a:active {
		background: url(../images/topnav_sprite.jpg) no-repeat -182px -92px;
	}
	.current-about .about a:link, .current-about .about a:visited {
		background: url(../images/topnav_sprite.jpg) no-repeat -182px -92px;
		cursor: default;
	}
	.nav-about, .nav-about-click {
			position: absolute;
			top: 22px;
			left: 182px;
			width: 66px;
			height: 50px;
			background: url(../images/topnav_sprite.jpg) no-repeat -182px -92px;
		}
		.nav-about-click {
			background: url(../images/topnav_sprite.jpg) no-repeat -182px -92px;
		}


	.nav .help a:link, .nav .help a:visited {
		left: 261px;
		width: 124px;
	}
	.nav .help a:hover, .nav .help a:focus {
		background: url(../images/topnav_sprite.jpg) no-repeat -261px -92px;
	}
	.nav .help a:active {
		background: url(../images/topnav_sprite.jpg) no-repeat -261px -92px;
	}
	.current-help .help a:link, .current-help .help a:visited {
		background: url(../images/topnav_sprite.jpg) no-repeat -261px -92px;
		cursor: default;
	}
	.nav-help, .nav-help-click {
			position: absolute;
			top: 22px;
			left: 261px;
			width: 124px;
			height: 50px;
			background: url(../images/topnav_sprite.jpg) no-repeat -261px -92px;
		}
		.nav-help-click {
			background: url(../images/topnav_sprite.jpg) no-repeat -261px -92px;
		}

	
	.nav .contact a:link, .nav .contact a:visited {
		left: 392px;
		width: 93px;
	}
	.nav .contact a:hover, .nav .contact a:focus {
		background: url(../images/topnav_sprite.jpg) no-repeat -392px -92px;
	}
	.nav .contact a:active {
		background: url(../images/topnav_sprite.jpg) no-repeat -392px -92px;
	}
	.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url(../images/topnav_sprite.jpg) no-repeat -392px -92px;
		cursor: default;
	}
	.nav-contact, .nav-contact-click {
			position: absolute;
			top: 22px;
			left: 392px;
			width: 93px;
			height: 50px;
			background: url(../images/topnav_sprite.jpg) no-repeat -392px -92px;
		}
		.nav-contact-click {
			background: url(../images/topnav_sprite.jpg) no-repeat -392px -92px;
		}
	
/*Top Nav Sprites end here*/

/*Footer Nav Sprites*/




/*Category menu*/

.categorymenu {margin:25px 0 0px 0; height:100px;  padding:20px 0 0 20px; background: url('../images/footer_bg.jpg') no-repeat; border-top:solid 5px #173700;}

.categorymenu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: left; //set value to "left", "center", or "right"*/
}

.categorymenu ul li{
display: inline;
}


.categorymenu ul li a{
font-size:12px; font-weight:bold; /*font-family: 'georgia', 'times new roman';*/
color: #7e976a;
padding: 8px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 25px; /*spacing between each menu link*/
text-decoration: none;
}

.categorymenu ul li a:hover, .categorymenu ul li a.selected{
color:#fff;}

.categorymenu ul li a.active {border:none; padding:8px; background:#173700; color:#fff;}
