.image-scroller { padding:20px 50px 40px;}
.scrollable {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BACKGROUND: url(/img/global/gradient/h300.png) repeat-x; OVERFLOW: hidden; BORDER-LEFT: #ccc 1px solid; WIDTH: 490px; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; HEIGHT: 102px
}
.scrollable .items {
	CLEAR: both; WIDTH: 20000em; POSITION: absolute
}
.items DIV {
	FLOAT: left; WIDTH: 490px;
}
.scrollable IMG {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 2px; FLOAT: left; PADDING-BOTTOM: 2px; MARGIN: 10px 5px 10px 10px; BORDER-LEFT: #ccc 1px solid; WIDTH: 100px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 75px; BACKGROUND-COLOR: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px
}
.scrollable .active {
	BORDER-RIGHT: #000 2px solid; BORDER-TOP: #000 2px solid; BORDER-LEFT: #000 2px solid; CURSOR: default; BORDER-BOTTOM: #000 2px solid; POSITION: relative
}


.scrollable {
	FLOAT: left
}
A.browse {
	DISPLAY: block; FONT-SIZE: 1px; BACKGROUND: url(../images/scroller/hori_large.png) no-repeat; FLOAT: left; MARGIN: 40px 10px; WIDTH: 25px; CURSOR: pointer; HEIGHT: 25px
}
A.right {
	CLEAR: right; BACKGROUND-POSITION: 0px -25px; MARGIN-RIGHT: 0px
}
A.right:hover {
	BACKGROUND-POSITION: -25px -25px
}
A.right:active {
	BACKGROUND-POSITION: -50px -25px
}
A.left {
	MARGIN-LEFT: 0px
}
A.left:hover {
	BACKGROUND-POSITION: -25px 0px
}
A.left:active {
	BACKGROUND-POSITION: -50px 0px
}
A.disabled {
	VISIBILITY: hidden! important
}