#mediaScroller {
	background: transparent url(/modules/media/images/scroller/mediaScrollerBG.png) 0 0 no-repeat;
	height: 365px;
	overflow: hidden;
	position: relative;
}
	#mediaScroller .fade {
		background: transparent url(/modules/media/images/scroller/fades.png) 0 0 no-repeat;
		display: block;
		height: 250px;
		position: absolute;
		top: 30px;
		width: 245px;
	}
	#mediaScroller .fade.left {left: 0;}
	#mediaScroller .fade.right {
		background-position: 0 -250px;
		right: -2px;
	}
	#mediaScroller .control {
		background: transparent 0 0 no-repeat;
		display: block;
		height: 20px;
		line-height: 20px;
		margin: 0;
		padding: 0;
		position: absolute;
		text-indent: -9999em;
		top: 105px;
		width: 22px;
	}
	#mediaScroller .control:hover {background-position: 0 -20px;}
	#mediaScroller #scrollerPrevious {
		background-image: url(/modules/media/images/scroller/previous.png);
		left: 0;
	}
	#mediaScroller #scrollerNext {
		background-image: url(/modules/media/images/scroller/next.png);
		right: 0;
	}
	#mediaScroller ul.scroller-items {
		height: 220px;
		overflow: hidden;
		position: absolute;
		top: 30px;
	}
		#mediaScroller ul.scroller-items li.scroller-item {
			display: block;
			float: left;
			font-weight: bold;
			height: 230px;
			padding: 0 12px;
			text-align: center;
			width: 292px;
		}
			#mediaScroller ul.scroller-items li.scroller-item a {
				color: #fff;
				display: block;
			}
				#mediaScroller ul.scroller-items li.scroller-item a img {
					border: 1px solid #ccc;
					display: block;
					height: 160px;
					margin: 0 0 15px;
					width: 290px;
				}
			#mediaScroller ul.scroller-items li.scroller-item h3 {
				color: #fff;
				font-size: 1.225em;
				margin: 0;
			}
			#mediaScroller ul.scroller-items li.scroller-item p {
				color: #999;
				font-size: 0.875em;
				margin: 0;
			}
	#mediaScroller ul.media-categories {
		bottom: 55px;
		color: #fff;
		left: 0;
		position: absolute;
	}
		#mediaScroller ul.media-categories li#currentMediaCategoryTitle {
			display: block;
			font-weight: bold;
			left: 0;
			position: absolute;
			top: -45px;
		}
		#mediaScroller ul.media-categories li.media-category {
			display: block;
			float: left;
			height: 20px;
			margin: 0 4px;
			width: 22px;
		}
		#mediaScroller ul.media-categories li.icon-1 {margin-top: 0;}
		#mediaScroller ul.media-categories li.icon-2 {margin-top: -6px;}
		#mediaScroller ul.media-categories li.icon-3 {margin-top: -12px;}
		#mediaScroller ul.media-categories li.icon-4 {margin-top: -18px;}
		#mediaScroller ul.media-categories li.icon-5 {margin-top: -24px;}
		#mediaScroller ul.media-categories li.icon-6 {margin-top: -30px; margin-left: 34px;}
			#mediaScroller ul.media-categories li.media-category a {
				background: transparent url(/modules/media/images/scroller/categorySprite.png) 0 0 no-repeat;
				color: #fff;
				display: block;
				font-size: 0.85em;
				font-weight: bold;
				height: 20px;
				line-height: 20px;
				text-align: center;
				width: 22px;
			}
			#mediaScroller ul.media-categories li.media-category a:hover {background-position: 0 -20px;}
			#mediaScroller ul.media-categories li.media-category a.current {
				color: #000;
				background-position: 0 -40px;
			}