div.rating {
float: left;
}
div.rating-star {
width: 80px; height: 16px; margin: 0; padding: 0; list-style: none !important; clear: both; position: relative; background: url(/images/stars.gif) no-repeat 0 0;
}
div.rating-star ul.star0 {
background-position: 0 0
}
div.rating-star ul.star1 {
background-position: 0 -16px
}
div.rating-star ul.star2 {
background-position: 0 -32px
}
div.rating-star ul.star3 {
background-position: 0 -48px
}
div.rating-star ul.star4 {
background-position: 0 -64px
}
div.rating-star ul.star5 {
background-position: 0 -80px
}
div.rating-star ul li {
cursor: pointer; float: left; text-indent: -999em;
}
div.rating-star li a {
position: absolute; left: 0; top: 0; width: 16px; height: 16px; text-decoration: none; z-index: 200;
}
div.rating-star li a:hover {
z-index: 2; width: 80px; height: 16px; overflow: hidden; left: 0; background: url(/images/stars.gif) no-repeat 0 0
}
div.rating-star li.star1 a {
left: 0
}
div.rating-star li.star2 a {
left: 16px;
}
div.rating-star li.star3 a {
left: 32px;
}
div.rating-star li.star4 a {
left: 48px;
}
div.rating-star li.star5 a {
left: 64px;
}
div.rating-star li.star1 a:hover {
background-position: 0 -96px;
}
div.rating-star li.star2 a:hover {
background-position: 0 -112px;
}
div.rating-star li.star3 a:hover {
background-position: 0 -128px;
}
div.rating-star li.star4 a:hover {
background-position: 0 -144px;
}
div.rating-star li.star5 a:hover {
background-position: 0 -160px;
}