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

#seriesnav li {
  float: left;
  height: 178px;
  overflow: visible;
}

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

#seriesnav a * {
  display: none;
}

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

#seriesnav a,
#seriesnav a .hover {
	height: 178px;
	display: inline-block;
	background: url("/cpg_section/images/series/binocular/consumer_series_sprite.png") 0 0 no-repeat;
}

/* individual navigation items */
#seriesnav a#magellannav {
  background-position: 0 0;
  width: 134px;
}

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

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


#seriesnav a#pathfindernav {
  background-position: -134px 0;
  width: 135px;
}

#seriesnav .highlight a#pathfindernav:hover,
#seriesnav a#pathfindernav .hover {
  background-position: -134px -177px;
}

#seriesnav a#pathfindernav.selected,
#seriesnav a#pathfindernav.selected:hover{
  background-position: -134px -354px;
}


#seriesnav a#trackernav {
  background-position: -269px 0;
  width: 135px;
}

#seriesnav .highlight a#trackernav:hover,
#seriesnav a#trackernav .hover {
  background-position: -269px -177px;
}

#seriesnav a#trackernav.selected,
#seriesnav a#trackernav.selected:hover{
  background-position: -269px -354px;
}


#seriesnav a#troopernav {
  background-position: -404px 0;
  width: 135px;
}

#seriesnav .highlight a#troopernav:hover,
#seriesnav a#troopernav .hover {
  background-position: -404px -177px;
}

#seriesnav a#troopernav.selected,
#seriesnav a#troopernav.selected:hover{
  background-position: -404px -354px;
}


#seriesnav a#outbacknav {
  background-position: -539px 0;
  width: 135px;
}

#seriesnav .highlight a#outbacknav:hover,
#seriesnav a#outbacknav .hover {
  background-position: -539px -177px;
}

#seriesnav a#outbacknav.selected,
#seriesnav a#outbacknav.selected:hover{
  background-position: -539px -354px;
}


#seriesnav a#roamernav {
  background-position: -674px 0;
  width: 135px;
}

#seriesnav .highlight a#roamernav:hover,
#seriesnav a#roamernav .hover {
  background-position: -674px -177px;
}

#seriesnav a#roamernav.selected,
#seriesnav a#roamernav.selected:hover{
  background-position: -674px -354px;
}