@charset "utf-8";
.star-rating {
	background: url(../images/star_rating.png) top left repeat-x; 
	margin: 5px; 
	padding: 0px;
display:block;
	width: 125px;
	height: 25px;
	list-style: none;
	position: relative; 
	outline:none;
}

.star-rating li {
	padding: 0px;
	margin: 0px; 
	float: left;
}
.star-rating li a.complete {
	background: url(../images/star_rating.png) left center;
	width: 25px;
	height: 25px; 
	padding: 0px; 
	display: block;
	text-decoration: none; 
	text-indent: -9000px; 
	z-index: 30; 
	position: absolute; 
}
.star-rating li a.partial {
	background: url(../images/star_rating.png) left center;
	width: 25px;
	height: 25px; 
	padding: 0px; 
	display: block;
	text-decoration: none; 
	text-indent: -9000px; 
	z-index: 30; 
	position: absolute; 
}
.star-rating li a.complete:hover {
	background: url(../images/star_rating.png) left center;
	z-index: 1; 
	left: 0px; 
}
.star-rating li a.incomplete {
	background: url(../images/star_rating.png) left top;
	width: 25px;
	height: 25px; 
	padding: 0px; 
	display: block;
	text-decoration: none; 
	text-indent: -9000px; 
	z-index: 30; 
	position: absolute; 
}
.star-rating li a.incomplete:hover {
	background: url(../images/star_rating.png) left top;
	z-index: 1; 
	left: 0px; 
}

.star-rating li a {
	background-image: none; 
	width: 25px;
	height: 25px; 
	padding: 0px; 
	display: block;
	text-decoration: none; 
	text-indent: -9000px; 
	z-index: 30; 
	position: absolute; 
}



.star-rating li a:hover {
	background: url(../images/star_rating.png) left bottom; 
	z-index: 1; 
	left: 0px; 
}

.star-rating a.one-star {
	left: 0px;
}
.star-rating a.one-star:hover {
	width: 25px;
}

.star-rating a.two-stars {
	left: 25px;
}
.star-rating a.two-stars:hover {
	width: 50px;
}

.star-rating a.three-stars {
	left: 50px;
}
.star-rating a.three-stars:hover {
	width: 75px;
}

.star-rating a.four-stars {
	left: 75px;
}
.star-rating a.four-stars:hover {
	width: 100px;
}

.star-rating a.five-stars {
	left: 100px;
}
.star-rating a.five-stars:hover {
	width: 125px;
}