.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating {
  background: url(../img/star.gif) left -1000px repeat-x;
}
.star-rating{
  position:relative;
  width:125px;
  height:25px;
  overflow:hidden;
  list-style:none;
  margin:0;
  padding:0;
  background-position: left top;
}
.star-rating li{
  display: inline;
}
.star-rating a,
.star-rating .current-rating{
  position:absolute;
  top:0;
  left:0;
  text-indent:-1000em;
  height:25px;
  line-height:25px;
  outline:none;
  overflow:hidden;
  border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
  background-position: left bottom;
}
.star-rating a.one-star{
  width:20%;
  z-index:6;
}
.star-rating a.two-stars{
  width:40%;
  z-index:5;
}
.star-rating a.three-stars{
  width:60%;
  z-index:4;
}
.star-rating a.four-stars{
  width:80%;
  z-index:3;
}
.star-rating a.five-stars{
  width:100%;
  z-index:2;
}
.star-rating .current-rating{
  z-index:1;
  background-position: left center;
}

.small-star {
  width:50px;
  height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating {
  background-image: url(../img/star_small.gif);
  line-height: 10px;
  height: 10px;
}