.pages {
  position: fixed;
  list-style: none;
}

.vertical.pages {
  width:30px;
  height:180px;
  right:135px;
  top:50%;
  margin-top:-80px;
  z-index:9999;
}

.horizontal.pages {
  left: 50%;
  bottom: 10px;
}

.pages li {
  height:30px;
  width: 30px;
  cursor: pointer;
  background:url("../../img/common/nav_dot.png") no-repeat center;
}

.horizontal.pages li {
  display: inline-block;
  vertical-align: middle;
}

.pages li.active {
  background:url("../../img/common/nav_dot_on.png") no-repeat center;
  margin-left: 0;
}