.star-off {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url("star.png") no-repeat 0 0;
}
.star1-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url("star.png") no-repeat 0 -14px;
}
.star2-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url("star.png") no-repeat 0 -28px;
}
.star3-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url("star.png") no-repeat 0 -42px;
}
.star4-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url("star.png") no-repeat 0 -56px;
}
.star5-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url("star.png") no-repeat 0 -70px;
}
.star6-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url("star.png") no-repeat 0 -84px;
}
.star7-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url("star.png") no-repeat 0 -98px;
}
.star8-on {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  background: url("star.png") no-repeat 0 -112px;
}