.rating {
background:transparent url(../image/star.gif) no-repeat scroll 0 0;
height:16px;
margin:0 0 20px;
padding:0;
position:relative;
width:80px;
}
.nostar {
background-position:0 0;
}
.onestar {
background-position:0 -16px;
}
.twostar {
background-position:0 -32px;
}
.threestar {
background-position:0 -48px;
}
.fourstar {
background-position:0 -64px;
}
.fivestar {
background-position:0 -80px;
}
ul.rating li {
cursor:pointer;
float:left;
text-indent:-999em;
}
ul.rating li a {
height:16px;
left:0;
position:absolute;
text-decoration:none;
top:0;
width:16px;
z-index:200;
}
ul.rating li.one a {
left:0;
}
ul.rating li.two a {
left:16px;
}
ul.rating li.three a {
left:32px;
}
ul.rating li.four a {
left:48px;
}
ul.rating li.five a {
left:64px;
}
ul.rating li a:hover {
background:transparent url(../image/star.gif) no-repeat scroll 0 0;
height:16px;
left:0;
overflow:hidden;
width:80px;
z-index:2;
}
ul.rating li.one a:hover {
background-position:0 -96px;
}
ul.rating li.two a:hover {
background-position:0 -112px;
}
ul.rating li.three a:hover {
background-position:0 -128px;
}
ul.rating li.four a:hover {
background-position:0 -144px;
}
ul.rating li.five a:hover {
background-position:0 -160px;
}
h3 {
font-size:110%;
margin:0 0 2px;
}