/*             styles for the star rater                */
	.star-rating{
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 60px;
	height: 10px;
	position: relative;
	overflow: hidden;
	background: url('images/rating.gif') repeat-x left
top;
}
	.star-rating li{
		padding:0px;
		margin:0px;
		width:12px;
		height:10px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:12px;
		height: 10px;
		line-height:10px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
		overflow:hidden;
	}
	.star-rating li a:hover{
		border-style: none;
	border-color: inherit;
	border-width: medium;
	background: url('images/rating.gif') left bottom;
	z-index: 2;
			left: 0px;
		}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:12px;
	}
	.star-rating a.two-stars{
		left:12px;
	}
	.star-rating a.two-stars:hover{
		width: 24px;
	}
	.star-rating a.three-stars{
		left: 24px;
	}
	.star-rating a.three-stars:hover{
		width: 36px;
	}
	.star-rating a.four-stars{
	left: 36px;
	color: #8A877C;
}
	.star-rating a.four-stars:hover{
		width: 48px;
	}
	.star-rating a.five-stars{
		left: 48px;
	}
	.star-rating a.five-stars:hover{
		width: 60px;
	}
	.star-rating li.current-rating{
	background: url('images/rating.gif') left
center;
	position: absolute;
	height: 10px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

	/* remove halo effect in firefox   */
	a:active{
		outline: none;
	}