#topNavBox {
	position: absolute;
	width: 470px;
	height: 40px;
	margin: 0 auto;
	margin-left: -235px;
	text-align: left;
	left: 50%;
	z-index: 1;
}

#topNavBox ul {
	list-style: none;
}

#topNavBox ul li {
	list-style-type: none;
	display: inline;
	margin-left: 1em;
}

a.homeButton, a.productsButton, a.aboutUsButton, a.dealersButton,
a.photoCocoButton, a.orderButton, a.linksButton, a.helpButton,
a.homeButton:hover, a.productsButton:hover, a.aboutUsButton:hover, a.dealersButton:hover,
a.photoCocoButton:hover, a.orderButton:hover, a.linksButton:hover, a.helpButton:hover,
a.homeButtonActive, a.productsButtonActive, a.aboutUsButtonActive, a.dealersButtonActive, 
a.photoCocoButtonActive, a.orderButtonActive, a.linksButtonActive, a.helpButtonActive,
a.homeButtonActive:hover, a.productsButtonActive:hover, a.aboutUsButtonActive:hover, a.dealersButtonActive:hover,
a.photoCocoButtonActive:hover, a.orderButtonActive:hover, a.linksButtonActive:hover, a.helpButtonActive:hover
{
	position: absolute;
	top: 0;
	height: 30px;
	background-image: url(http://www.scubadorag.com/images/topNavSprite.gif);
	background-repeat: no-repeat;
	z-index: 20;
	border: 0;
}

a.homeButton, a.homeButtonActive {
	left: 0;
	width: 66px;
	background-position: 0 0;
	z-index: 17;
}

a.productsButton, a.productsButtonActive {
	left: 55px;
	width: 80px;
	background-position: -80px 0;
	z-index: 16;
}

a.aboutUsButton, a.aboutUsButtonActive {
	left: 120px;
	width: 90px;
	background-position: -175px 0;
	z-index: 15;
}

a.dealersButton, a.dealersButtonActive {
	left: 195px;
	width: 80px;
	background-position: -280px 0;
	z-index: 14;
}

a.photoCocoButton, a.photoCocoButtonActive {
	left: 263px;
	width: 115px;
	background-position: -375px 0;
	z-index: 13;
}

a.linksButton, a.linksButtonActive {
	left: 370px;
	width: 55px;
	background-position: -590px 0;
	z-index: 11;
}

a.helpButton, a.helpButtonActive {
	left: 415px;
	width: 55px;
	background-position: -665px 0;
	z-index: 10;
}

a.homeButton:hover, a.homeButtonActive:hover { background-position: 0 -50px; }
a.productsButton:hover, a.productsButtonActive:hover { background-position: -80px -50px; }
a.aboutUsButton:hover, a.aboutUsButtonActive:hover { background-position: -175px -50px; }
a.dealersButton:hover, a.dealersButtonActive:hover { background-position: -280px -50px; }
a.photoCocoButton:hover, a.photoCocoButtonActive:hover { background-position: -375px -50px; }
a.orderButton:hover, a.orderButtonActive:hover { background-position: -505px -50px; }
a.linksButton:hover, a.linksButtonActive:hover { background-position: -590px -50px; }
a.helpButton:hover, a.helpButtonActive:hover { background-position: -665px -50px; }

a.homeButtonActive {
	background-position: 0 -90px;
	z-index: 1;
}

a.productsButtonActive {
	background-position: -80px -90px;
	z-index: 1;
}

a.aboutUsButtonActive {
	background-position: -175px -90px;
	z-index: 1;
}

a.dealersButtonActive {
	background-position: -280px -90px;
	z-index: 1;
}

a.photoCocoButtonActive {
	background-position: -375px -90px;
	z-index: 1;
}

a.orderButtonActive {
	background-position: -505px -90px;
	z-index: 1;
}

a.linksButtonActive {
	background-position: -590px -90px;
	z-index: 1;
}

a.helpButtonActive {
	background-position: -665px -90px;
	z-index: 1;
}

/* End topNav Styles*/