div.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 646px;	/* --> LARGURA */
	height:231px;	/* --> ALTURA  */
	_height:260px;
	*height:260px;
}

div.scrollable div.items {	
	width:20000em;	
	position:absolute;
	clear:both;
	line-height:15px;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	text-align:center;
	width:150px;     /* ----------  LARGURA DOS QUADROS INTERNOS ----------------- */
	height:231px;    /* ----------  ALTURA DOS QUADROS INTERNOS ----------------- */
	_height:260px;
	margin-right:15px;
	margin-top:12px;
	}


/* ---- NAVEGACAO -----------------*/

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

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(left.png) no-repeat;
	float:left;
	margin:60px 7px;
	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

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

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(right.png);
	clear:right;	
}