#seriesnav {
	display: block;
	list-style: none;
}

#seriesnav li {
  float: left;
  width: 300px;
  height: 176px;
  overflow: visible;
}
#seriesnav li.navleftfix {
  margin-left: -56px;
  width: 322px !important;
}
#seriesnav li.navleftfix2 {
  margin-left: -59px;
}

#seriesnav a {
	position: relative;
  display: inline-block;
  z-index: 0;
}

#seriesnav a * {
  display: none;
}

#seriesnav a.selected {
  z-index: 4 !important;
  height: 220px !important;
}

#seriesnav a,
#seriesnav a .hover {
	height: 176px;
	width: 300px;
	display: inline-block;
	background: url("../images/series/esys/series_esys-headnav.png") 0 0 no-repeat;
}

/* individual navigation items */
#seriesnav a#dslrnav {
  background-position: 0 0;
}

#seriesnav .highlight a#dslrnav:hover,
#seriesnav a#dslrnav .hover {
  background-position: 0 -176px;
}

#seriesnav a#dslrnav.selected{
	background-position: 0px -352px;
}

#seriesnav a#pennav {
  background-position: -305px 0;
  width: 322px;
}

#seriesnav .highlight a#pennav:hover,
#seriesnav a#pennav .hover {
  background-position: -305px -176px;
}

#seriesnav a#pennav.selected{
	background-position: -305px -352px;
}

#seriesnav a#lensnav {
  background-position: right 0;
}

#seriesnav .highlight a#lensnav:hover,
#seriesnav a#lensnav .hover {
  background-position: right -176px;
}

#seriesnav a#lensnav.selected{
	background-position: right -352px;
}

#seriesnav a#dslrnav.selected,
#seriesnav a#dslrnav.selected:hover{
	background-position: 0px -352px;
}

#seriesnav a#pennav.selected,
#seriesnav a#pennav.selected:hover{
	background-position: -305px -352px;
}

#seriesnav a#lensnav.selected,
#seriesnav a#lensnav.selected:hover{
	background-position: right -352px;
}