.starRating{
  display        : inline-block;
  position       : relative;
  height         : 12px;
  background     : url('stars3.png') repeat-x 0 0;
  vertical-align : bottom;
}

.starRating div{
  float    : left;
  position : relative;
  height   : 12px;
}

.starRating input{
  position : relative;
  z-index  : 1;
  width    : 12px;
  height   : 12px;
  margin   : 0;
  padding  : 0;
  opacity  : 0;
}

.starRating label{
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 12px;
}

.starRating span{
  display : none;
}

.starRating       input:checked       + label,
.starRating:hover input:checked:hover + label{
  background : url('stars3.png') repeat-x 0 -15px;
}

.starRating:hover input:checked + label{
  background : transparent;
}

.starRating:hover input:hover + label{
  background : url('stars3.png') repeat-x 0 -29px;
}