/*
// Jewellery piece carousel
*/

#body .jcarousel-item {
	/* We set the width/height explicitly. No width/height causes infinite loops. */
	width: 300px; height: 339px;
}

/*
// Views
*/

#body .view {
	position: absolute;
	right: 0; top: 0;
	width: 500px; height: 339px;
	text-align: center;
	background: url('../images/spinner.gif') no-repeat 50%;
}

#body .screen {
	position: absolute;
	left: 0; right: 0; top: 0; bottom: 0;
	background: url('../images/piece-screen.png') repeat-x 50%;
	z-index: 2;
}

#body .title {
	width: 576px;
	background: url('../images/collection-title.png') no-repeat 50%;
	color: white;
	text-transform: uppercase;
	text-align: center;
}

#body .title h2 {
	position: absolute;
	left: 0; bottom: 190px;
	width: 526px;
	margin: 25px 25px 0;
	font-size: 48px;
	font-weight: normal;
	letter-spacing: 8px;
}

#body .title .copy {
	position: absolute;
	left: 0; bottom: 60px;
	width: 476px;
	margin: 25px 50px 0;
	font-size: 11px;
	letter-spacing: 3px;
	
}

#body .piece a {
	cursor: pointer;
}