.scrollable {
	BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; BORDER-LEFT: #ccc 1px solid; WIDTH: 380px; BACKGROUND: url(scrollgradient.png) repeat-x; HEIGHT: 200px; OVERFLOW: hidden; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid
}
.scrollable .items {
	POSITION: absolute; WIDTH: 20000em; CLEAR: both
}
.items DIV {
	FLOAT: left
}
.scrollable IMG {
	BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BACKGROUND-COLOR: #fff; WIDTH: 75px; HEIGHT: 50px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid
}
.scrollable .active {
	POSITION: relative; CURSOR: default
}
.captions UL {
	PADDING-BOTTOM: 10px; LIST-STYLE-TYPE: none; MARGIN: auto; PADDING-LEFT: 10px; WIDTH: 100px; PADDING-RIGHT: 10px; LIST-STYLE-IMAGE: none; PADDING-TOP: 10px
}
.captions LI {
	TEXT-ALIGN: center; LINE-HEIGHT: 12px; FONT-STYLE: normal; MARGIN: 5px 0px; FONT-FAMILY: Verdana, sans-serif; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: normal
}
.scrollable {
	FLOAT: left
}
A.browse {
	MARGIN: 40px 10px; WIDTH: 30px; DISPLAY: block; BACKGROUND: url(hori_large.png) no-repeat; FLOAT: left; HEIGHT: 30px; FONT-SIZE: 1px; CURSOR: pointer
}
A.right {
	BACKGROUND-POSITION: 0px -30px; CLEAR: right; MARGIN-RIGHT: 0px
}
A.right:hover {
	BACKGROUND-POSITION: -30px -30px
}
A.right:active {
	BACKGROUND-POSITION: -60px -30px
}
A.left {
	MARGIN-LEFT: 0px
}
A.left:hover {
	BACKGROUND-POSITION: -30px 0px
}
A.left:active {
	BACKGROUND-POSITION: -60px 0px
}
A.disabled {
	VISIBILITY: hidden !important
}