.collectionViewer,
.collectionViewer * {
	-moz-box-sizing:	border-box;
	-webkit-box-sizing:	border-box;
	box-sizing:		border-box;
	-webkit-touch-callout:	none;
	-webkit-user-select:	none;
	-khtml-user-select:	none;
	-moz-user-select:	none;
	-ms-user-select:	none;
	user-select:		none;
}

.collectionViewer {
	position:		relative;
}

/*
 * Loading
 */
.collectionLoadingContainer {
	position:		absolute;
	top:			0;
	left:			0;
	width:			100%;
	height:			100%;
}

.collectionLoadingBG {
	position:		absolute;
	width:			190px;
	height:			41px;
	background:		url(./images/loading_bg.png) bottom left no-repeat;
}

.collectionLoadingFG {
	position:		absolute;
	bottom:			0;
	width:			190px;
	height:			0px;
	background:		url(./images/loading_fg.png) bottom left no-repeat;
}

/*
 * Slider
 */
.collectionSlider {
	height:			500px;
	overflow:		hidden;
	text-align:		center;
	line-height:		0px;
	position:		relative;
}

.collectionSliderPrev,
.collectionSliderNext {
	display:		inline-block;
	width:			43px;
	height:			100%;
	background:		url(./images/slider_buttons.png) top left no-repeat;
	cursor:			pointer;
}

.collectionSliderPrev {
	background-position:	center left;
}

.collectionSliderNext {
	background-position:	center right;
}

.collectionSliderSlider {
	display:		inline-block;
	width:			880px;
	height:			100%;
	position:		relative;
	overflow:		hidden;
	box-shadow:		0 0 40px #c0c0c0;
}

.collectionSliderContent {
	width:			100%;
	height:			100%;
	overflow:		hidden;
}

.collectionSliderSlide {
	width:			100%;
	height:			100%;
	overflow:		hidden;
	position:		absolute;
	top:			0;
}

.collectionSliderSlide img {
	height:			100%;
}

.collectionSliderSlide .hotspot {
	width:			27px;
	height:			27px;
	position:		absolute;
}

.collectionSliderSlide .hotspot.invisible {
	background:		url(./images/hotspot_invisible.png) top left no-repeat;
}

.collectionSliderSlide .hotspot.heart {
	background:		url(./images/hotspot_heart.png) top left no-repeat;
}

/*
 * Bottom
 */
.collectionBottom {
	background:		url(./images/bottom.jpg) top left repeat-x;
	overflow:		auto;
}

.collectionBottomInner {
	width:			960px;
	height:			141px;
	padding:		18px 0;
	margin:			0 auto;
	background-image:	-moz-linear-gradient(left, rgba(44, 0, 26, 0) 0%, rgba(44, 0, 26, 0.3) 10%, rgba(44, 0, 26, 0.8) 50%, rgba(44, 0, 26, 0.3) 90%, rgba(44, 0, 26, 0) 100%);
	background-image:	-webkit-linear-gradient(left, rgba(44, 0, 26, 0) 0%, rgba(44, 0, 26, 0.3) 10%, rgba(44, 0, 26, 0.8) 50%, rgba(44, 0, 26, 0.3) 90%, rgba(44, 0, 26, 0) 100%);
	background-image:	-o-linear-gradient(left, rgba(44, 0, 26, 0) 0%, rgba(44, 0, 26, 0.3) 10%, rgba(44, 0, 26, 0.8) 50%, rgba(44, 0, 26, 0.3) 90%, rgba(44, 0, 26, 0) 100%);
	background-image:	-ms-linear-gradient(left, rgba(44, 0, 26, 0) 0%, rgba(44, 0, 26, 0.3) 10%, rgba(44, 0, 26, 0.8) 50%, rgba(44, 0, 26, 0.3) 90%, rgba(44, 0, 26, 0) 100%);
	background-image:	linear-gradient(left, rgba(44, 0, 26, 0) 0%, rgba(44, 0, 26, 0.3) 10%, rgba(44, 0, 26, 0.8) 50%, rgba(44, 0, 26, 0.3) 90%, rgba(44, 0, 26, 0) 100%);
}

/*
 * Controls
 */
.collectionControls {
	width:			132px;
	height:			105px;
	padding:		18px;
	line-height:		30px;
	text-align:		center;
	float:			left;
}

.collectionZoomToggle,
.collectionOverlay {
	display:		inline-block;
	width:			30px;
	height:			31px;
	background:		url(./images/controls.png);
	cursor:			pointer;
}

.collectionZoomToggle {
	background-position:	top left;
}

.collectionZoomToggle:hover,
.collectionZoomToggle.active {
	background-position:	bottom left;
}

.collectionOverlay {
	background-position:	top right;
}

.collectionOverlay:hover {
	background-position:	bottom right;
}

.collectionCounter {
	font-family:		georgia;
	font-size:		14px;
	font-weight:		bold;
	font-style:		italic;
	color:			#fff;
	text-shadow:		0 1px 1px #000;
}

/*
 * Thumbs
 */
.collectionThumbs {
	width:			828px;
	height:			105px;
	float:			left;
}

.collectionThumbsPrev,
.collectionThumbsNext {
	width:			25px;
	height:			105px;
	float:			left;
	background:		url(./images/thumbs_buttons.png) top left no-repeat;
	cursor:			pointer;
}

.collectionThumbsPrev {
	background-position:	center left;
}

.collectionThumbsNext {
	background-position:	center right;
}

.collectionThumbsSlider {
	width:			778px;
	height:			105px;
	overflow:		hidden;
	float:			left;
	position:		relative;
}

.collectionThumbsSlides {
	width:			9999px;
	height:			105px;
	position:		absolute;
	top:			0;
	left:			0;
}

.collectionThumbsSlides li {
	width:			150px;
	height:			105px;
	margin:			0 7px 0 0;
	background:		#fff;
	float:			left;
	overflow:		hidden;
	opacity:		0.6;
}

.collectionThumbsSlides li.active {
	opacity:		1;
}

.collectionThumbsSlides li img {
	height:			105px;
	cursor:			pointer;
}

/*
 * Zoom
 */
.collectionZoom {
	width:			250px;
	height:			250px;
	padding:		5px;
	background:		#fff;
	position:		fixed;
	border-radius:		50%;
	cursor:			none;
}
.collectionZoomInner {
	width:			100%;
	border-radius:		50%;
	height:			100%;
}

/*
 * overlay
 */
.collectionOverlayContainer {
	width:			935px;
	overflow:		auto;
	padding:		10px;
}

.collectionOverlayContainer li {
	width:			150px;
	height:			105px;
	margin:			0 7px 7px 0;
	background:		#fff;
	float:			left;
	overflow:		hidden;
}

.collectionOverlayContainer li:nth-child(6n) {
	margin-right:		0;
}

.collectionOverlayContainer li img {
	height:			105px;
	cursor:			pointer;
}