/* Default settings. You will typically overwrite or set special attributes in the head of the page. */
.carousel {
	padding: 0;
	position: relative;
}

/* When the carousel is made of images. */
.carousel img {
	border: none;
	padding: 0px;
	margin: 7px auto 7px auto;
	float: left;
}

/* When the carousel is a list. */
.carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}

/* When the carousel is a list. */
.carousel li {
	padding: 0;
	margin: 6px;
	display: block;
	float: left;
}


a.prev, a.next {
	background: url(/store/pages/skins/sh/images/sprites.png) no-repeat transparent;
	width: 40px;
	height: 48px;
	display: block;
	position: absolute;
	/* to center the prev/next images vertically, depending on the image's height, set the top attribute. */
}

/* These settings don't usually change. */
a.prev {			left: 0px;
					background-position: 0 0; }
a.prev:hover {		background-position: -82px 0; }
a.prev.disabled {	background-position: 0 0 !important; opacity: 0.9; }

a.next {			right: 0px;
					background-position: -41px 0; }
a.next:hover {		background-position: -123px 0; }
a.next.disabled {	background-position: -41px 0 !important; opacity: 0.9;  }
a.prev.disabled, a.next.disabled {
	cursor: default;
}

a.prev span, a.next span {
	display: none;
}

/* Display the prev button at the edge of the image, overwrite the "left" attribute. */
a.prev.overlay {
	z-index: 1;
}

/* Display the next button at the edge of the image. overwrite the "right" attribute. */
a.next.overlay {
	z-index: 1;
}

/* The pagination bar displays centered by default. */
.carousel_pagination {
	text-align: center;
}

/* Align the pagination bar to the left. */
.carousel_pagination.left {
	text-align: left;
}

/* Align the pagination bar to the right. */
.carousel_pagination.right {
	text-align: right;
}

/* Display the pagination over the bottom edge of the image. */
.carousel_pagination.overlay {
	position: relative;
	margin-top: -20px;
}

/* These settings don't usually change. */
.carousel_pagination a {
	background: url(/store/pages/skins/sh/images/sprites.png)-73px -74px no-repeat transparent;
	width: 14px;
	height: 13px;
	margin: 0 5px 0 0;
	display: inline-block;
}
.carousel_pagination a.selected {
	background-position: -56px -74px;
	cursor: default;
}
.carousel_pagination a span {
	display: none;
}