/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 570px;	
	height:340px;	
	
	/* custom decorations */
	padding: 0;	
	
			
}

/* 
	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 {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	
	/* decoration */
	height: 380px; margin: 0 2px 0 0; padding: 0; 
}

/* single scrollable item */
div.scrollable div.items div {	
	/* custom decoration */
	
}

/* active item */
div.scrollable div.items div.active {
	border:1px inset #ccc;		
	background-color:#fff;
}

/* BOX formatting */
.items .box				{ margin-right: 3px }
.items div				{ width: 128px; height: 250px; border: 1px solid #c9cbc9; padding: 2px 5px; overflow: hidden; }
.items div strong		{ font-size: 10px; line-height: 20px; color: #959595; display: block; }
.items div strong span 	{ color: #ed1c24; letter-spacing: -1px}
.items div img 			{ display: block; }
.items div h3			{ font-size: 14px; color: #000; line-height: 14px; margin: 2px 0 8px; }
.items div h3 span		{ font-size: 11px; line-height: 11px; }
.items div p			{ font-size: 11px; color: #000; line-height: 14px; margin: 0; }