/*
// Jewellery piece carousel
*/

div#body {
	position: absolute;
	width: 950px; height: 339px;
	left: 0; top: 86px;
}

#body .jcarousel-container {
	position: absolute;
	left: 0; top: 0;
	width: 900px; height: 339px;
	margin: 0;
	padding: 0 25px;
}

#body .jcarousel-clip {
	z-index: 2;
	position: relative;
	width: 900px; height: 339px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#body .jcarousel-list {
	z-index: 1;
	position: relative;
	left: 0px; top: 0px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#body .jcarousel-item {
	position: relative;
	float: left;
	list-style: none;
}

#body .jcarousel-prev {
	z-index: 3;
	display: none;
	position: absolute;
	left: 0px; top: 132px;
	width: 25px; height: 75px;
	cursor: pointer;
	background: transparent url('../images/filmstrip-left.png') no-repeat 0px 0px;
}

#body .jcarousel-prev:hover,
#body .jcarousel-prev:active {
	background-position: -25px 0;
}

#body .jcarousel-prev-disabled,
#body .jcarousel-prev-disabled:hover,
#body .jcarousel-prev-disabled:active {
	cursor: default;
	background-position: -50px 0;
}

#body .jcarousel-next {
	z-index: 3;
	display: none;
	position: absolute;
	right: 0px; top: 132px;
	width: 25px; height: 75px;
	cursor: pointer;
	background: transparent url('../images/filmstrip-right.png') no-repeat 0px 0px;
}

#body .jcarousel-next:hover,
#body .jcarousel-next:active {
	background-position: -25px 0;
}

#body .jcarousel-next-disabled,
#body .jcarousel-next-disabled:hover,
#body .jcarousel-next-disabled:active {
	cursor: default;
	background-position: -50px 0;
}

/*
// Thumbnail carousel
*/

#filmstrip .jcarousel-container {
	position: relative;
	width: 896px; height: 75px;
	margin: 0;
	padding: 0px 27px;
}

#filmstrip .jcarousel-clip {
	z-index: 2;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	width: 896px; height: 75px;
}

#filmstrip .jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	left: 0px; top: 0px;
	margin: 0;
	padding: 0;
}

#filmstrip .jcarousel-item {
	float: left;
	list-style: none;
	display: block;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
	width: 71px; height: 75px;
	margin: 0 4px 0 0;
}

/*
// Previous/next buttons
*/

#filmstrip .jcarousel-prev {
	z-index: 3;
	display: none;
	position: absolute;
	left: 0px; top: 0px;
	width: 25px; height: 75px;
	cursor: pointer;
	background: transparent url('../images/filmstrip-left.png') no-repeat 0px 0px;
}

#filmstrip .jcarousel-prev:hover,
#filmstrip .jcarousel-prev:active {
	background-position: -25px 0;
}

#filmstrip .jcarousel-prev-disabled,
#filmstrip .jcarousel-prev-disabled:hover,
#filmstrip .jcarousel-prev-disabled:active {
	cursor: default;
	background-position: -50px 0;
}

#filmstrip .jcarousel-next {
	z-index: 3;
	display: none;
	position: absolute;
	right: 0px; top: 0px;
	width: 25px; height: 75px;
	cursor: pointer;
	background: transparent url('../images/filmstrip-right.png') no-repeat 0px 0px;
}

#filmstrip .jcarousel-next:hover,
#filmstrip .jcarousel-next:active {
	background-position: -25px 0;
}

#filmstrip .jcarousel-next-disabled,
#filmstrip .jcarousel-next-disabled:hover,
#filmstrip .jcarousel-next-disabled:active {
	cursor: default;
	background-position: -50px 0;
}

/*
// Thumbnails
*/

#filmstrip ul.thumbs a {
	display: block;
	border: 2px solid #D1D1D3;
	cursor: pointer;
}

#filmstrip ul.thumbs img {
	display: block;
}