#scroller {
	float: left;
	width: 622px;
	height: 97px;
	margin: 28px 0 0 0;
}

#scroller h2 {
	display: block;
	width: 622px;
	height: 35px;
	background: url(../_img/header-scroller.gif) no-repeat;
}

#scroller-prev,
#scroller-next {
	display: block;
	float: left;
	width: 43px;
	height: 40px;
	outline: none;
	background-position: 0 0;
}

#scroller-prev:hover,
#scroller-next:hover { background-position: 0 -39px; }

#scroller-prev { background: url(../_img/scroller-prev.gif) no-repeat; }
#scroller-next { background: url(../_img/scroller-next.gif) no-repeat; }

#scroller-wrapper {
	float: left;
	width: 536px;
	height: 39px;
	background-color: #e5e5e5;
	overflow: hidden;	
}

#scroller-wrapper ul {
	display: block;
	overflow: auto;
	margin-left: 0;
}

#scroller-wrapper li { 
	display: block;
	float: left;
	width: 134px;
	height: 39px;
	background: url(../_img/scroller-loader.gif) 50% 50% no-repeat;
}

#scroller-wrapper li a {
	display: block;
	text-align: center;
}

#scroller-wrapper li a img { 
	display: block;
	float: left;
	border: none;
}

.overlay-prev,
.overlay-next { 
	position: absolute;
	width: 43px;
	height: 39px;
}

.overlay-prev { background: url(../_img/overlay-prev.gif) no-repeat; }
.overlay-next { 
	margin-left: 579px;
	background: url(../_img/overlay-next.gif) no-repeat; 
}