/* 
    elemento raiz para o scrollable. 
    simula um iframe, fica parado.
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 890px; 
    height:310px; 
} 
 
/* 
	elemento de raiz para os itens de rolagem. Deve ser absolutamente posicionado
    e deve ter uma largura muito grande para acomodar os itens de rolagem.
    largura e altura devem ser definidas no elemento anterior,
    não para esse elemento.
*/ 
div.scrollable div.items { 
    /* não pode ser muito grande */ 
    width:30000px; 
    position:absolute; 
} 
 
/* 
	cada item que terá no scroll, é o elemento mais estilizado, basta colocar dentro do elemento ITEM

*/ 
div.scrollable div.items div { 
    float:left; 
} 
 


/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../imagens/imoveis_seta_esquerda.png) no-repeat;
	display:block;
	width:48px;
	height:303px;
	float:left;
	cursor:pointer;
	font-size:1px;
}

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

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../imagens/imoveis_seta_esquerda.png) no-repeat;
	display:block;
	width:48px;
	height:303px;
	float:left;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 		{ background:url(../imagens/imoveis_seta_direita.png) no-repeat; clear:right; margin-right: 0px;}
a.right:hover	{ background-position: -48px 0px; }
a.right:active	{ background-position: 0px 0px; }

/* left */
a.left			{ background:url(../imagens/imoveis_seta_esquerda.png) no-repeat; margin-left: 0px; } 
a.left:hover	{ background-position: -48px 0px; }
a.left:active	{ background-position: 0px 0px; }


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