/* Product Page */

.hproduct .upper {
	margin-bottom: 2em;
}

.hproduct .image {
	text-align: center;
	line-height: 25em;
	height: 25em;
}

.hproduct .image a {
	display: block;
}

.hproduct .image img {
	vertical-align: middle;
}

.hproduct .gallery {
	margin: 2em 0;
	text-align: center;
}

.hproduct .gallery a {
	margin: .5em;
	display: inline-block;
	vertical-align: middle;
}

.hproduct .information ul {
	list-style: none;
}

.hproduct .information li {
	margin-bottom: 1em;
}

.hproduct .information li strong,
.hproduct .information li label {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	width: 9em;
}

.hproduct .information li strong:after {
	content: ":";
}

.hproduct .information li span {
	white-space: nowrap;
}

.hproduct .information li .stars {
	display: inline-block;
}

/* Product Reviews */

#read-reviews,
.hreview {
	margin-bottom: 1em;
}

#read-reviews .hreview {
	border: 1px solid #E5E5E5;
}

#read-reviews .hreview .title {
	position: relative;
	display: block;
	padding: 1em;
	background-color: #F2F2F2;
	border-bottom: 1px solid #E5E5E5;
}

#read-reviews .hreview .title .summary {
	float: left;
	margin-right: 10em;
}

#read-reviews .hreview .title .summary:before {
	content: "\201C"; /* Open curly quotes */
}

#read-reviews .hreview .title .summary:after {
	content: "\201D"; /* Close curly quotes */
}

#read-reviews .hreview .wrapper .wrapper {
	padding: 1em;
}

#read-reviews .hreview .content {
	padding: 0;
	margin-bottom: 1em;
}

#read-reviews .hreview .details {
	display: block;
	color: #7F7F7F;
}

#read-reviews .hreview .reviewer {
	text-transform: capitalize;
}

#read-reviews .hreview .rating {
	display: none; /* rating microformat data (1-5) */
}

#read-reviews .hreview .stars {
	position: absolute;
	right: 1em;
	top: 0.833333333em;
	width: 100px;
}

#write-review fieldset {
	margin: 0;
}

#write-review .stars span {
	white-space: nowrap;
}

/* Star Rating */

.rating-cancel,
.star-rating,
.star-on,
.star-off {
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent: -999em;
	overflow: hidden;
}

.rating-cancel,
.star-rating {
	cursor: pointer;
}

.star-rating,
.star-on,
.star-off,
.star-rating a {
	background: url(../images/stars/sprite.png) no-repeat 0 0;
}

.star-rating a {
	display: block;
	width: 20px;
	height: 100%;
	background-position: 0 0;
	border: 0;
}

.star-rating-on a,
.star-on {
	background-position: 0 -20px;
}

.star-rating-hover a {
	background-position: 0 -40px;
}

.star-rating {
	background: transparent;
	overflow: hidden;
}

/* Cloud Zoom */

#wrap {
	width: 100%;
}

.cloud-zoom-lens { /* This is the moving lens square underneath the mouse pointer. */
	border: 4px solid #888;
	margin: -4px; /* Set this to minus the border thickness. */
	background-color: #FFF;	
	cursor: move;		
}

.cloud-zoom-title { /* This is for the title text. */
	position:absolute !important;
	background-color: #000;
	color: #FFF;
	padding: 3px;
	width: 100%;
	text-align: center;	
	font-weight: bold;
	font-size: 10px;
	top: 0px;
}

.cloud-zoom-big { /* This is the zoom window. */
	border: 4px solid #CCC;
	overflow: hidden;
	background-color: #FFF;
}

.cloud-zoom-loading { /* This is the loading message. */
	line-height: 2em;
	color: #FFF;	
	background: #222;
	padding: 3px;
	border: 1px solid #000;
}

.hproduct .hreview-aggregate .item,
.hproduct .hreview-aggregate .rating {
	display: none; /* microformat data */
}

.hproduct .bookmarks > * {
	width: 100%;
	margin-bottom: 1em;
	height: auto !important; /* Fix dumb default style attributes for AddThis */
}

.hproduct .bookmarks > :last-child {
	margin-bottom: 0;
}

.hproduct .information .options span {
	display: block;
}

/* Quantity Spinner */

.spinner {
	display: inline-block;
	position: relative;
	margin-right: 3em;
}

.ie7 .spinner { /* IE7 fix for inline-block */
	zoom: 1; 
	*display: inline;
}

.spinner input.spinner-field {
	width: 2em;
}

.spinner input[type=button] {
	position: absolute;
	width: 50%;
	height: 50%;
	padding: 0;
	margin-left: -1px;
	border: 1px solid #BBBBBB;
	left: 100%;
	font-size: 9px;
	background-color: #EEE;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #FFF, #EEE); /* Chrome 10+, Saf5.1+ */
	background-image: -moz-linear-gradient(top, #FFF, #EEE); /* FF3.6 */
	background-image: -ms-linear-gradient(top, #FFF, #EEE); /* IE10 */
	background-image: -o-linear-gradient(top, #FFF, #EEE); /* Opera 11.10+ */
	background-image: linear-gradient(top, #FFF, #EEE);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#EEEEEE'); /* IE6–IE9 */
}

.spinner input[type=button].decrease {
	border-top-width: 0;
	bottom: 0;
}