/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable { position: relative; overflow: hidden; width: 384px; height: 39px; margin: 4px 0 0 12px; _margin: 4px 0 0 8px; }

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items { width: 20000em; position: absolute; clear: both; margin-left: 0; }

/* single scrollable item */
div.scrollable div.items a { float: left; text-align: center; margin-right: 3px; border: 2px solid #FFFFFF; opacity: 0.3; filter: alpha(opacity=30); }
div.scrollable div.items a:hover { opacity: 1; filter: alpha(opacity=100); }

/* active item */
div.scrollable div.items a#act { float: left; text-align: center; margin-right: 3px; border: 2px solid #FFFFFF; opacity: 1; filter: alpha(opacity=100); }