#customerReviews p { clear: both; margin: 0; display: block }
#customerReviews hr { margin: 5px 0 }
#customerReviews ul { margin: 10px 0; clear: both }

ul.review_ratings li { display: block; float: left }
ul.review_ratings li ul li { float: none; line-height: 1.5em }

ul.review_ratings li.rating_categories { width: 40% }
ul.review_ratings li.rating_experiences { width: 60% }

ul.review_ratings li ul li label { display: block; float: left }
ul.review_ratings li ul li span { display: block; float: left }
ul.review_ratings li ul li div { display: block; float: left }

ul.review_ratings li strong
{
	text-transform:	uppercase;
	font-size:		1.2em;
	color:			#555;
}

/* demographics */

#customerReviews ul.demographics { margin: 10px 0 }
#customerReviews ul.demographics li { margin-left: 85px }
#customerReviews ul.demographics li strong
{
	margin-left:	-85px;
	width:			85px;
	display:		block;
	float:			left;
}

/* widths and behaviors for review section headers */

div.review_header div { float: right }
div.review_header div select { font-size: 0.9em; width: auto }
div.review_header { margin:0; border:0 }

div.review_header label
{
	font-size: 1.3em;
	line-height: 1.5em;
	margin: 0;
	float: left;
}

div.review_header em { text-transform: uppercase; font-style: normal }

/* width and behaviors for star ratings */

ul.review_ratings li ul li img { display: block; float: left; margin: 0 5px }
ul.review_ratings li ul li strong { font-size: 1em }
ul.review_ratings li ul li label span { width: 115px }

ul.review_ratings li ul li label span.summary { width: 150px }

#customerReviews div.stars
{
	background:		url(../../images/reviews/stars.png) -90px 0px no-repeat;
	width:			90px;
	height:			16px;
	float:			left;
	margin-right:	5px;
}

/* widths and behaviors for slider ratings */
ul.review_ratings li ul li.slider label { width: 110px }
ul.review_ratings li ul li.slider label span { width: 100px }
ul.review_ratings li ul li.slider label.opposite { width: 110px; float: left }

ul.review_ratings li ul li.slider label.opposite span
{
    margin-left:        10px;
    width:              100px;
    text-align:         left;
}

#customerReviews div.slider
{
	background:		url(http://ajax.googleapis.com/ajax/libs/yui/2.8.2/build/slider/assets/bg-h.gif) 5px -5px no-repeat;
	width:			215px;
	height:			16px;
	margin-right:	5px;
}

#customerReviews div.bar
{
	background:		url(../../images/reviews/bar-bg.png);
	width:			200px;
	height:			16px;
}

/* feedback */

#customerReviews div.helpful { margin: 10px 0 }
#customerReviews div.helpful span.yes .yui-button button
{
	background:         url(../../images/reviews/medal_gold_add.png) 10% 50% no-repeat;
	padding-left:       2.5em;
}

#customerReviews div.helpful span.no .yui-button button
{
	background:         url(../../images/reviews/medal_gold_delete.png) 10% 50% no-repeat;
	padding-left:       2.5em;
}