#ratings{clear:both; padding:0 0 0 0; }
#ratings .ratemod{float:left; position:relative; height:30px; margin:0; }
#ratings img{vertical-align:bottom; }
#ratings small{font-size:92%; }
#ratings strong{font:100% verdana; font-weight:bold; color:#999; }
#ratings p{margin:0; padding:0; font:11px arial; color:#666; }
#ratings .action{margin:0; padding:0; }
#ratings .ratestars{display:block; }
#ratings .action{display:block; font-family:arial; margin:0; padding:0; }
#ratings .cola{/*width:150px;*/ }
#ratings .colb{width:120px; padding-left:100px;}
#rating .colc {width: 140px; padding:15px 0 0 10px; }
#rater1 fieldset{display:none; }
#ratingswrap {padding-left: 70px}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


div.stars {
/*	width:140px;*/
	float:left;/*necessary if not strict type */
	clear:both;/*necessary if not strict type */
}
div.stars a {
	cursor:pointer;
	margin:0px;
	float:left;
	display:block;
	width:14px;
	w\idth:14px;
	height:12px;
	padding:0;
	background-image: url(images/stars2.gif);
	background-repeat: no-repeat;
	background-position: 1px 0;
}
div.stars a.over {
	background-position: 1px -26px;
}
div.stars a.selected {
	background-position: 1px -52px;
}
div.stars a.selectedover {
	background-position: 1px -39px;
}
div.stars a.selectedless {
	background-position: 1px -13px;
}
div.stars p {
	/*margin:0 0 2px; padding:0;
	font:85% arial;
	color:#666;*/
}


/* hide from mac ie5 \*/
div.checks, div.stars, div.halfstars, div.smiley {
	height:1%;
}
/* end hack */

div.clr {
	clear: both;
	line-height: 0px;
}
html>body div.clr {
	height:.01em;
}

@media only screen and (max-device-width: 560px) {
	#ratingswrap {
		padding-left:30px;
	}
	
	#ratings .colb {
		padding-left:20px;
	}
}