/*  
    root element for the scrollable.  
    when scrolling occurs this element stays still.  
*/ 
div.scrollable { 
	padding-top:0;
	padding-bottom:0;
    /* required settings */ 
    position:relative; 
    overflow:hidden;          
    width: 200px;     
    height:250px;     
}

div#miniScrollable {
	padding-top:0;
	padding-bottom:0;
    /* required settings */ 
    position:relative; 
    overflow:hidden;          
    width: 360px;     
    height:200px; 
}

div.scrollable div.items,
div#miniScrollable div.items {     
    /* this cannot be too large */ 
    height:20000em;     
    position:absolute;
	
}

div#miniScrollable div.items h2 {
	margin:0;
}

div.scrollable div.items div { 
	padding:2px 10px 2px 2px;
	width:188px;
	height:46px;
	cursor:pointer;
}

div#miniScrollable div.items div {
	padding:5px 0;
	width:340px;
	height:55px;
	overflow:hidden;
	background:url(img/streep.gif) bottom left repeat-x;
}

div.items div.active { 
}

div.items div.hoverScrollable{ 

}

div#miniScrollable div.items div.hoverScrollable {

	border:0;
}

.prev, .next { cursor:pointer; }

a.disabled {
	visibility:hidden !important;
}