.scrollable {	position:relative;overflow:hidden;width: 490px;height: 180px;border:1px solid #ccc;margin-top:12px;}
.scrollable .items {	/* this cannot be too large */	width:20000em;position:absolute;clear:both;}
.scrollable img {	width:125px;height:90px;}
.scrollable .celview{	float:left;margin:20px 5px 20px 21px;background-color:#fff;padding:2px;border:1px solid #ccc;cursor:pointer;-moz-border-radius:4px;-webkit-border-radius:4px;}
.scrollable .celview:hover{	border:1px solid #999;}
.scrollable .active {	border:1px solid #333;z-index:9999;position:relative;}

.scrollable {	float:left;	}
a.browse{	background: url(./hori_large.png) no-repeat;	display: block;	width: 30px;	height: 30px;	float: left;	margin: 70px 10px 40px 10px;	cursor: pointer;	font-size: 1px;}
a.right 				{ background-position: 0 -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 0; }
a.left:active  	{ background-position:-60px 0; }
a.disabled {	visibility:hidden !important;	}