/*  --------------------- HERE COMES THE RATING PART ------------------------  */

ul.rating
{
    list-style: none;position:relative;width:100px;height: 20px;
    background-image: url("images/ratings.png");
    background-position: -100px 0;background-repeat: no-repeat;padding: 0;left:55px;
    margin-left: -50px;overflow: hidden;top:-4px;
    .top:-3px;
    float:left;
}
.rating li {margin: 0;padding: 0;float: left;}
.rating li a {display: block;position: absolute;width: 20px;height: 20px;text-indent: -9999px;overflow: hidden;z-index: 20;}

ul.worst { background-position: -80px 0;}
ul.bad { background-position: -60px 0;}
ul.fair { background-position: -40px 0;}
ul.good { background-position: -20px 0;}
ul.best { background-position: 0 0;}

.rating a.worst { left: 0; }
.rating a.bad { left: 20px; }
.rating a.fair { left: 40px; }
.rating a.good { left: 60px; }
.rating a.best { left: 80px; }

.rating li a:hover {background: transparent url("images/star.png") left top repeat-x;left: 0;z-index: 1;}

.rating a.worst:hover {width: 20px;}	
.rating a.bad:hover {width: 40px;}
.rating a.fair:hover {width: 60px;}
.rating a.good:hover {width: 80px;}
.rating a.best:hover {width: 100px;}


/* -----------------------END RATING ---------------------------------------------- */