#scrollableWrapper	{ margin-bottom: 12px; }
.scrollable			{ position:relative; overflow:hidden; width: 620px; height:120px; border:1px solid #ccc; background:url(/skin1/images/scrollable/h300.png) repeat-x; }
.scrollable .items 	{ width: 20000em; position: absolute; clear: both; }

/* single scrollable item */
.scrollable a { float:left; margin: 20px 3px 20px 12px; background-color:#fff; padding:2px; border:1px solid #ccc; cursor:pointer; }
.scrollable img { max-height: 75px;  }

/* active item */
.scrollable .active { border:2px solid #000; z-index:9999; position:relative; }

/* this makes it possible to add next button beside scrollable */
.scrollable { float:left; }

/* prev, next, prevPage and nextPage buttons */
a.browse 		{ background:url(/skin1/images/scrollable/hori_large.png) no-repeat; display:block; width: 30px; height: 30px; float:left; margin:40px 10px; cursor:pointer; font-size:1px; }

/* right */
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; } 

/* left */
a.left			{ margin-left: 0px; } 
a.left:hover  	{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}