
div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;
	/* vertical scrollers have typically larger height than width */	
	height:125px;	 
	width: 195px;
	
	/* HORIZONTAL	 	
	width: 660px;	
	height:114px;	*/
				
}

div.scrollable.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

		
}
div.scrollable div.items {	
	/* this cannot be too large */
	/*width:20000em;
	clear:both;		*/
	position:absolute;
	height:20000em;	
	margin:0;
	padding:0;
	
}

/* single scrollable item */
div.scrollable div.items div {
	/*float:left;*/
	float:none;
	margin:0px 0px;
	
	/* custom decoration */
	padding-right:33px;
	text-align: right;
	width:162px;
	height:25px;
	font-size:11px;
	line-height:25px;
	font-family: Tahoma, Arial;
	background:url(../images/fundo_menu.gif) left top no-repeat;
	color:#666666;
	cursor:pointer;
}
/* mouseover state */
div.scrollable div.items div:hover {	
	background:url(../images/fundo_menu.gif) left bottom no-repeat;
	color: #333333;
}
/* active item */
div.scrollable div.items div.active {
	background:url(../images/fundo_menu.gif) left bottom no-repeat;
	color: #333333;
}

/* mouseover state */
div.scrollable div.items div a {
	color: #666666;
	text-decoration:none;
}
div.scrollable div.items div a:hover {
	color: #333333;
	text-decoration:none;
}
/* active item */
div.scrollable div.items div a.active {
	color: #333333;
	text-decoration:none;
}


