/* styles for the star rater */  
.star-rating {
    list-style:none;
    margin: 0px;
    font-size: 1px;
    padding:0px;
    width: 65px;
    height: 13px;
    position: relative;
    background: url(/images/layout/star_rating.gif) top left repeat-x;     
}
.star-rating li {
    padding:0px;
    margin:0px;
    /*\*/
    float: left;
    /* */
}
.star-rating li a {
    display:block;
    width:13px;
    height: 13px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 20;
    position: absolute;
    padding: 0px;
}
.star-rating li a:hover {
    background: url(/images/layout/star_rating.gif) left center;
    z-index: 2;
    left: 0px;
}
.star-rating li a:focus { 
    -moz-outline-style: none;
}
.star-rating a.one-star {
    left: 0px;
}
.star-rating a.one-star:hover {
    width:13px;
}
.star-rating a.two-stars {
    left:13px;
}
.star-rating a.two-stars:hover {
    width: 26px;
}
.star-rating a.three-stars {
    left: 26px;
}
.star-rating a.three-stars:hover {
    width: 39px;
}
.star-rating a.four-stars {
    left: 39px;
}   
.star-rating a.four-stars:hover {
    width: 52px;
}
.star-rating a.five-stars {
    left: 52px;
}
.star-rating a.five-stars:hover {
    width: 65px;
}
.star-rating li.current-rating {
    background: url(/images/layout/star_rating.gif) left bottom;
    position: absolute;
    height: 13px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
}
/* styles for the box rater */  
.box-rating {
    list-style:none;
    margin: 0px;
    font-size: 1px;
    padding:0px;
    width: 100px;
    height: 10px;
    position: relative;
    background: url(/images/layout/box_rating.gif) top left repeat-x;     
}
.box-rating li {
    padding:0px;
    margin:0px;
    /*\*/
    float: left;
    /* */
}
.box-rating li a {
    display:block;
    width:10px;
    height: 10px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 20;
    position: absolute;
    padding: 0px;
}
.box-rating li a:hover {
    background: url(/images/layout/box_rating.gif) left center;
    z-index: 2;
    left: 0px;
}
.box-rating li a:focus { 
    -moz-outline-style: none;
}
.box-rating a.one-box {
    left: 0px;
}
.box-rating a.one-box:hover {
    width:10px;
}
.box-rating a.two-boxes {
    left:10px;
}
.box-rating a.two-boxes:hover {
    width: 20px;
}
.box-rating a.three-boxes {
    left: 20px;
}
.box-rating a.three-boxes:hover {
    width: 30px;
}
.box-rating a.four-boxes {
    left: 30px;
}   
.box-rating a.four-boxes:hover {
    width: 40px;
}
.box-rating a.five-boxes {
    left: 40px;
}
.box-rating a.five-boxes:hover {
    width: 50px;
}
.box-rating a.six-boxes {
    left: 50px;
}
.box-rating a.six-boxes:hover {
    width: 60px;
}
.box-rating a.seven-boxes {
    left: 60px;
}
.box-rating a.seven-boxes:hover {
    width: 70px;
}
.box-rating a.eight-boxes {
    left: 70px;
}
.box-rating a.eight-boxes:hover {
    width: 80px;
}
.box-rating a.nine-boxes {
    left: 80px;
}
.box-rating a.nine-boxes:hover {
    width: 90px;
}
.box-rating a.ten-boxes {
    left: 90px;
}
.box-rating a.ten-boxes:hover {
    width: 100px;
}
.box-rating li.current-box-rating {
    background: url(/images/layout/box_rating.gif) left bottom;
    position: absolute;
    height: 10px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
}
/* added a new type specifically for the images */
.box-rating-image {
    list-style:none;
    margin: 0px;
    font-size: 1px;
    padding:0px;
    width: 100px;
    height: 10px;
    position: relative;
    background: url(/images/layout/box_rating_3.gif) top left repeat-x;
}
.box-rating-image li {
    padding:0px;
    margin:0px;
    /*\*/
    float: left;
    /* */
}
.box-rating-image li a {
    display:block;
    width:10px;
    height: 10px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 20;
    position: absolute;
    padding: 0px;
}
.box-rating-image li a:hover {
    background: url(/images/layout/box_rating_3.gif) left center;
    z-index: 2;
    left: 0px;
}
.box-rating-image li a:focus {
    -moz-outline-style: none;
}
.box-rating-image a.one-box {
    left: 0px;
}
.box-rating-image a.one-box:hover {
    width:10px;
}
.box-rating-image a.two-boxes {
    left:10px;
}
.box-rating-image a.two-boxes:hover {
    width: 20px;
}
.box-rating-image a.three-boxes {
    left: 20px;
}
.box-rating-image a.three-boxes:hover {
    width: 30px;
}
.box-rating-image a.four-boxes {
    left: 30px;
}
.box-rating-image a.four-boxes:hover {
    width: 40px;
}
.box-rating-image a.five-boxes {
    left: 40px;
}
.box-rating-image a.five-boxes:hover {
    width: 50px;
}
.box-rating-image a.six-boxes {
    left: 50px;
}
.box-rating-image a.six-boxes:hover {
    width: 60px;
}
.box-rating-image a.seven-boxes {
    left: 60px;
}
.box-rating-image a.seven-boxes:hover {
    width: 70px;
}
.box-rating-image a.eight-boxes {
    left: 70px;
}
.box-rating-image a.eight-boxes:hover {
    width: 80px;
}
.box-rating-image a.nine-boxes {
    left: 80px;
}
.box-rating-image a.nine-boxes:hover {
    width: 90px;
}
.box-rating-image a.ten-boxes {
    left: 90px;
}
.box-rating-image a.ten-boxes:hover {
    width: 100px;
}
.box-rating-image li.current-box-rating {
    background: url(/images/layout/box_rating_3.gif) left bottom;
    position: absolute;
    height: 10px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
}