#slider-code {
	height: 77px;
	overflow: hidden;
	margin-left: 45px;
}

#slider-code .viewport {
	width: 780px;
	height: 77px;
	float: left;
	overflow: hidden;
	position: relative;
}

#slider-code .buttons { width: 25px; height: 25px; display: block;}
#slider-code .prev { background: url(../images/arrow-left.gif) 0 -25px; }
#slider-code .next {background: url(../images/arrow-right.gif) 0 -25px; }
#slider-code .disable { visibility: hidden; }

#slider-code .next:hover {
	background: url(../images/arrow-right.gif) 0 -25px;
}

.arrow-left, .arrow-right {
	margin-top: 23px;
}

.arrow-left {
	width: 25px;
	height: 25px;
	background: url(../images/arrow-left.gif) 0 0;
	float: left;
	margin-right: 25px;
}

.arrow-right {
	width: 25px;
	height: 25px;
	background: url(../images/arrow-right.gif) 0 0;
	float: left;
	margin-left: 25px;
}

#slider-code .overview {list-style: none; position: absolute; padding: 0; margin: 0; left: 0 top: 0; }

#slider-code .overview li {
	width: 130px;
	height: 77px;
	margin: 0 0px 0 0;
	float: left;
	text-align: center;
}