.ratingblock {
    display: block;
/*    border: 1px solid #fff; */
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.unit-rating { /* the UL */
    list-style: none;
    margin: 0 auto;
    padding: 0;
    height: 18px;
    position: relative;
    background: url('../images/starrating.png') top left repeat-x;
}

.unit-rating li {
    text-indent: -90000px;
    padding: 0;
    margin: 0;
    float: left;
}
    
.unit-rating li a {
    outline: none;
    display: block;
    width: 18px;
    height: 18px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 20;
    position: absolute;
    padding: 0;
    margin: 0;
}
    
.unit-rating li a:hover {
    background: url('../images/starrating.png') left center;
    z-index: 2;
    left: 0px;
}

.unit-rating a.r1-unit {left: 0px;}
.unit-rating a.r1-unit:hover {width:18px;}
.unit-rating a.r2-unit {left:18px;}
.unit-rating a.r2-unit:hover {width: 36px;}
.unit-rating a.r3-unit {left: 36px;}
.unit-rating a.r3-unit:hover {width: 54px;}
.unit-rating a.r4-unit {left: 54px;} 
.unit-rating a.r4-unit:hover {width: 72px;}
.unit-rating a.r5-unit {left: 72px;}
.unit-rating a.r5-unit:hover {width: 90px;}
.unit-rating a.r6-unit {left: 90px;}
.unit-rating a.r6-unit:hover {width: 108px;}
.unit-rating a.r7-unit {left: 108px;}
.unit-rating a.r7-unit:hover {width: 126px;}
.unit-rating a.r8-unit {left: 126px;}
.unit-rating a.r8-unit:hover {width: 144px;}
.unit-rating a.r9-unit {left: 144px;}
.unit-rating a.r9-unit:hover {width: 162px;}
.unit-rating a.r10-unit {left: 162px;}
.unit-rating a.r10-unit:hover {width: 180px;}

.unit-rating li.current-rating {
    background: url('../images/starrating.png') left bottom;
    position: absolute;
    left: 0;
    height: 18px;
    display: block;
    text-indent: -9000px;
    z-index: 0;
}