#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: 177px;
	display: inline-block;
	background: url("/cpg_section/images/series/digital/consumer_series_sprite.png") 0 0 no-repeat;
}

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

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

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


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

#seriesnav .highlight a#toughnav:hover,
#seriesnav a#toughnav .hover {
  background-position: -135px -177px;
  width:135px;
}

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


#seriesnav a#snav {
  background-position: -270px 0;
  width: 135px;
}

#seriesnav .highlight a#snav:hover,
#seriesnav a#snav .hover {
  background-position: -270px -177px;
  width:135px;
}

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


#seriesnav a#xnav {
  background-position: -405px 0;
  width: 135px;
}

#seriesnav .highlight a#xnav:hover,
#seriesnav a#xnav .hover {
  background-position: -405px -177px;
  width:135px;
}

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

#seriesnav a#pennav {
  background-position: -540px 0;
  width: 135px;
}

#seriesnav .highlight a#pennav:hover,
#seriesnav a#pennav .hover {
  background-position: -540px -177px;
  width:135px;
}

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

#seriesnav a#esystemnav {
  background-position: -675px 0;
  width: 134px;
}

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

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