#nav {
	height: 33px;
	background: url(../images/nav.gif) repeat-x;
	z-index: 0;
	position: relative;
	float: left;
	width: 100%;
}

#nav .wrap {
	height: 33px;
	position: relative;
}

#nav ul.left {
	position: absolute;
	top: -11px;
	left: -35px;
	margin-left: 5px;
}

#nav ul.right {
	position: absolute;
	top: -11px;
	right: 5px;
	margin-right: 5px;
}

#nav ul li {
	float: left;
	display: block;
}

#nav ul.left li {
	margin-right: 1px;
}

#nav ul.right li {
	margin-left: 1px;
}

#nav ul li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 33px;
}

#nav ul li.extras a {
	width: 56px;
	background: url(../images/extras.gif) no-repeat;
}

#nav ul li.reports a {
	width: 64px;
	background: url(../images/reports.gif) no-repeat;
}

#nav ul li.outlets a {
	width: 60px;
	background: url(../images/outlets.gif) no-repeat;
}

#nav ul li.products a {
	width: 71px;
	background: url(../images/products.gif) no-repeat;
}

#nav ul li.history a {
	width: 60px;
	background: url(../images/history.gif) no-repeat;
}

#nav ul li.help a {
	width: 45px;
	background: url(../images/help.gif) no-repeat;
}

#nav ul li.twitter a {
	width: 76px;
	background: url(../images/twitter.gif) no-repeat;
}

#nav ul li.facebook a {
	width: 95px;
	background: url(../images/facebook.gif) no-repeat;
}

#nav ul li.logout a {
	width: 60px;
	background: url(../images/logout.gif) no-repeat;
}

#nav ul li.order a {
	width: 52px;
	background: url(../images/order.gif) no-repeat;
}

#nav ul li.theme a {
	width: 58px;
	background: url(../images/theme.gif) no-repeat;
}

#nav ul li.details a {
	width: 57px;
	background: url(../images/details.gif) no-repeat;
}

#nav ul li.dashboard a {
	width: 82px;
	background: url(../images/dashboard.gif) no-repeat;
}

#nav ul li.contact a {
	width: 65px;
	background: url(../images/contact.gif) no-repeat;
}

#nav ul li.favourites a {
	width: 81px;
	background: url(../images/favourites.gif) no-repeat;
}

#nav ul li.terms a {
	width: 55px;
	background: url(../images/terms.gif) no-repeat;
}

#nav ul li.vendors a {
	width: 68px;
	background: url(../images/vendors.gif) no-repeat;
}

#nav ul li.main a {
	width: 47px;
	background: url(../images/main.gif) no-repeat;
}

#nav ul li.activity a {
	width: 64px;
	background: url(../images/activity.gif) no-repeat;
}

#nav ul li.whatsnew a {
	width: 94px;
	background: url(../images/whatsnew.gif) no-repeat;
}

#nav ul li.send a {
	width: 49px;
	background: url(../images/send.gif) no-repeat;
}

#nav ul li a:hover, #nav ul li a.selected {
	background-position: 0 -33px;
}