/*
   	--- RATING ---
*/

div#rating
{
	margin: 0 auto;
	border: solid 1px #CCCCCC;
	padding: 0;
	position: relative;
	width: 172px;
	height: 21px;
}
div#rating label
{
	display: none;
	width: 150px;
	position: absolute;
	left: -155px;
	top: 3px;
	text-align: right;
	font-weight: bold;
}
div#rating ul
{
	list-style: none;
	margin: 0 0 0 2px;
	padding: 0;
	width: 160px;
	height: 15px;
	position: relative;
	top: 3px;
	background: url('../images/elements/icons_xs/star_grey.png') repeat-x;
}
div#rating ul li
{
	float: left;
	padding: 0px;
	margin: 0px;
	border: none;
}
div#rating ul li a
{
	display: block;
	width: 16px;
	height: 15px;
	text-decoration: none;
	text-indent: 99999px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	overflow: hidden;
}
div#rating ul li a:hover
{
	background: url('../images/elements/icons_xs/star.png') repeat-x;
	z-index: 1;
	left: 0px;
}
div#rating ul a.one {left: 0px;}
div#rating ul a.one:hover {width: 16px;}
div#rating ul a.two {left: 16px;}
div#rating ul a.two:hover {width: 32px;}
div#rating ul a.three {left: 32px;}
div#rating ul a.three:hover {width: 48px;}
div#rating ul a.four {left: 48px;}	
div#rating ul a.four:hover {width: 64px;}
div#rating ul a.five {left: 64px;}
div#rating ul a.five:hover {width: 80px;}
div#rating ul a.six {left: 80px;}
div#rating ul a.six:hover {width: 96px;}
div#rating ul a.seven {left: 96px;}
div#rating ul a.seven:hover {width: 112px;}
div#rating ul a.eight {left: 112px;}
div#rating ul a.eight:hover {width: 128px;}
div#rating ul a.nine {left: 128px;}	
div#rating ul a.nine:hover {width: 144px;}
div#rating ul a.ten {left: 144px;}
div#rating ul a.ten:hover {width: 160px;}