/* star rating
    ---------------------------- */

.rating {
float: left;
}
.rating > ul {
list-style: none;
float: left;
padding: 0;
margin: 0;
}
.rating > ul > li {
float: left;
margin-left: 2px;
background: url(src/star-rating.gif) no-repeat;
width: 25px;
height: 25px;
cursor: pointer;
}
.rating > ul > li:first-child {
margin-left: 0;
}
.rating > ul > li.hover {
background-position: -25px;
}
.rating > ul > li.active {
background-position: -50px;
}
.rating > span.less {
cursor: pointer;
background: url(src/star-rating.gif) -75px no-repeat;
display: block;
float: left;
height: 25px;
width: 25px;
}