.star-rating {
    background-position: left top;
    height: 17px;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 55px;
    background: url("../img/star4.png") repeat-x
}

.star-rating .current-rating {
    background-position: left center;
    z-index: 1;
}

.star-rating a, .star-rating .current-rating {
    border: medium none;
    height: 17px;
    left: 0;
    line-height: 17px;
    outline: medium none;
    overflow: hidden;
    position: absolute;
    text-indent: -1000em;
    top: 0;
}

.star-rating a:hover, .star-rating a:active, .star-rating .current-rating {
    background: url("../img/star4.png") repeat-x scroll left transparent;
}

.star-rating li { display: inline }

.star-rating a.one-star {
	width: 20%;
	z-index: 6;
}

.star-rating a.two-star {
	width: 40%;
	z-index: 5;
}

.star-rating a.three-star {
	width: 60%;
	z-index: 4;
}

.star-rating a.four-star {
	width: 80%;
	z-index: 3;
}

.star-rating a.five-star {
	width: 100%;
	z-index: 2;
}

.star-rating a:hover {
	background-position: left bottom;
}

.star-rating2 {
    background-position: left top;
    height: 12px;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 35px;
    background: url("../img/star3.png") repeat-x
}

.star-rating2 .current-rating2 {
    background-position: left center;
    z-index: 1;
}

.star-rating2 a, .star-rating2 .current-rating2 {
    border: medium none;
    height: 12px;
    left: 0;
    line-height: 12px;
    outline: medium none;
    overflow: hidden;
    position: absolute;
    text-indent: -1000em;
    top: 0;
}

.star-rating2 a:hover, .star-rating2 a:active, .star-rating2 .current-rating2 {
    background: url("../img/star3.png") repeat-x scroll left bottom transparent;
}

.star-rating2 li { display: inline }