.rating{
    width:115px;
    height:20px;
    margin:0 0 20px 100px;
    padding:0;
    list-style:none;
    clear:both;
    position:relative;
    background: url(../img/star_icon.gif) no-repeat 0 0;
    margin-bottom:3px;
}
ul.rating li {
    cursor: pointer;
    /*ie5 mac doesn't like it if the list is floated but ie6 does\*/
    float:left;
    /* end hide*/
    text-indent:-999em;/* hide text*/
}

li#evaluationtxt{
    text-indent:0em;
	display:block !important;
	font-weight:bold;
	margin:4px 7px 0px -100px;
	float:left;
}

ul.rating li a {
    position:absolute;
    left:0;
    top:0;
    width:23px;
    height:20px;
    text-decoration:none;
    z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:23px;}
ul.rating li.three a {left:46px;}
ul.rating li.four a {left:69px;}
ul.rating li.five a {left:92px;}

.star0 {background-position:0 0}
.star1 {background-position:0 -20px}
.star2 {background-position:0 -40px}
.star3 {background-position:0 -60px}
.star4 {background-position:0 -80px}
.star5 {background-position:0 -100px}
/*.nostar {background-position:0 0}
.onestar {background-position:0 -20px}
.twostar {background-position:0 -40px}
.threestar {background-position:0 -60px}
.fourstar {background-position:0 -80px}
.fivestar {background-position:0 -100px}*/

ul.rating li a:hover {
    z-index:2;
    width:115px;
    height:20px;
    overflow:hidden;
    left:0;
    background: url(../img/star_icon.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -120px;}
ul.rating li.two a:hover {background-position:0 -140px;}
ul.rating li.three a:hover {background-position:0 -160px}
ul.rating li.four a:hover {background-position:0 -180px}
ul.rating li.five a:hover {background-position:0 -200px}