.scroller .bt-left,
.scroller .bt-right
{
    float: left;
	height: 70px;
	width: 21px;
	top: 0px;
}

.scroller .bt-left
{
	left: 0px;
	background: url(../images/widgets_scroller/bg_bt_left.gif) no-repeat;
}

.scroller .bt-left:hover,
.scroller .bt-right:hover
{
    background-position: -21px 0;
}

.scroller .bt-limit:hover
{
    background-position: 0 0;
}

.scroller .bt-right
{
	right: 0px;
	background: url(../images/widgets_scroller/bg_bt_right.gif) no-repeat;
}

.scroller .scroller-window
{
    position: relative;
}

.scroller .scroller-panel
{
    position: absolute;
    left: 0px;
    width: 9999em; /* This is the ONLY way to ensure the browser doesn't try to wrap the panel element, which makes the whole concept fail */
}