/*
Horizontal scroller elements
-------------------------
*/

	#jsActive .horizontalScroller {
		display: block;
		position: relative;
		margin: 0px 20px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 960px;
		height: 215px;
		overflow: hidden;
		-webkit-user-select: none;
		-moz-user-select: none;
		-o-user-select: none;
		-ms-user-select: none;
	}

	#jsActive .horizontalScroller dl {
		display: block;
		position: absolute;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 10000px;
		top: 0px;
		left: 0px;
	}

	#jsActive .horizontalScroller dl dd {
		display: block;
		margin: 0px 20px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: left;
		text-align: center;
	}

	#jsActive .horizontalScroller dl dd a {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-decoration: none;
		text-align: center;
	}

	#jsActive .horizontalScroller dl dd a img {
		margin: 0px 0px 4px 0px;
		padding: 0px 0px 0px 0px;
		border: 1px solid #000000;
	}

	#jsActive .horizontalScroller dl dd a:hover img {
		border: 1px solid #bc0e70;
	}

	#jsActive .horizontalScroller dl dd a strong {
		font-size: 12px;
		line-height: 14px;
		color: #000000;
		font-weight: normal;
		text-decoration: none;
	}
	#jsActive .horizontalScroller dl dd a:hover strong {
		color: #bc0e70;
		text-decoration: underline;
	}

	#jsActive .horizontalScroller div.scrollbarContainer {
		display: block;
		position: absolute;
		top: 180px;
		left: 0px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 960px;
		height: 18px;
		background-color: #d9d9d9;
		border-radius: 5px;
		overflow: hidden;
	}

	#jsActive .iosScroller div.scrollbarContainer {
		height: 8px;
		background-color: transparent;
	}

	#jsActive .horizontalScroller div.scrollbarContainer .scrollbarControl {
		display: block;
		position: absolute;
		top: 2px;
		left: 2px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 100px;
		height: 14px;
		background-color: #ffffff;
		border-radius: 3px;
		overflow: hidden;
		cursor: pointer;
	}

	#jsActive .iosScroller div.scrollbarContainer .scrollbarControl {
		top: 0px;
		left: 0px;
		width: 100px;
		height: 8px;
		background-color: transparent;
	}
	
	#jsActive .horizontalScroller div.scrollbarContainer a.active, #jsActive .horizontalScroller div.scrollbarContainer .scrollbarControl:hover, #jsActive .horizontalScroller.dragging div.scrollbarContainer .scrollbarControl {
		background-color: #bc0e70;
	}

/*
History reset button
-------------------------
*/

	#historyReset {
		margin: 0px 0px 12px 0px;
	}
	#historyReset input {
		font-size: 12px;
	}

/*
Rotation scroller elements
-------------------------
*/
	
	#jsActive .rotationScroller {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		position: relative;
		height: 220px;
		overflow: hidden;
		-webkit-user-select: none;
		-moz-user-select: none;
		-o-user-select: none;
		-ms-user-select: none;
		-webkit-backface-visibility: hidden;
	}
	
	#jsActive .rotationScroller dl {
		position: absolute;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#jsActive .rotationScroller dl dd {
		position: absolute;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#jsActive .rotationScroller dl dd a {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background-color: #ffffff;
		overflow: hidden;
	}
	
	#jsActive .rotationScroller dl dd a img {
		border: 1px solid #000000;
	}
	
	#jsActive .rotationScroller dl dd a img.rollOver, #jsActive .rotationScroller dl dd.rollOver a img {
		border: 1px solid #bc0e70;
	}
	
	#jsActive .rotationScroller p {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		text-align: center;
		font-weight: bold;
	}
	
	#jsActive .rotationScroller p a.rollOver, #jsActive .rotationScroller.rollOver p a {
		color: #bc0e70 !important;
	}