/*** >>>> rating system <<<< ***/


.ratings {
  width: 77px;
  height: 23px;
  margin: 3px 0 0 0;
}

#columnR .ratings {
  height: 10px;
  width: 64px;
}

.detailRatings .ratings {
	margin:0 0 10px 0;
}

.ratings br {
  clear: both;
}

.stars {
  float: left;
  position: relative;
  z-index: 1;
}

.starsUnder {
  float: left;
  width: 77px;
  height: 23px;
  margin: -23px 0 0 0;
  background: #9f9f9f;
}

#columnR .starsUnder {
  height: 10px;
  width: 64px;
  margin: -10px 0 0 0;
}

.starsUnder div {
  background: #cc0000;
  height: 23px;
}

#columnR .starsUnder div {
  height: 10px;
}

.ratingRollover {
  height:16px;
  width:102px;
  background:url(../imgs/ratingSystem/ratingRolloverNewBg.gif) no-repeat;
  position:relative;
  z-index:1;
}

/*.detailRatings .ratingRollover {
	margin:0 auto;
}*/

.ratingRollover a {
  height:16px;
  display:block;
  margin-top:-16px;
  position:relative;
  z-index:1;
}

.ratingRollover .rate1 {
  width:17px;
}

.ratingRollover .rate1:hover {
  background:url(../imgs/ratingSystem/ratingRolloverNew1.gif) no-repeat top left;
}
  
.ratingRollover .rate2 {
  width:37px;
}

.ratingRollover .rate2:hover {
  background:url(../imgs/ratingSystem/ratingRolloverNew2.gif) no-repeat top left;
}
  
.ratingRollover .rate3 {
  width:58px;
}

.ratingRollover .rate3:hover {
  background:url(../imgs/ratingSystem/ratingRolloverNew3.gif) no-repeat top left;
}
  
.ratingRollover .rate4 {
  width:80px;
}

.ratingRollover .rate4:hover {
  background:url(../imgs/ratingSystem/ratingRolloverNew4.gif) no-repeat top left;
}
  
.ratingRollover .rate5 {
  width:102px;
  margin-top:0;
}

.ratingRollover .rate5:hover {
  background:url(../imgs/ratingSystem/ratingRolloverNew5.gif) no-repeat top left;
}