/*
	root element for the scrollable.
*/
.scrollable {
	position:relative;
	float:left;		
	overflow:hidden;
	width: 584px;	/* (146*4) = 584 <--> 24 + 584 + 23 = 631 */
	height:146px;
}

.scrollable2 {
	position:relative;
	float:left;		
	overflow:hidden;
	width: 292px;	/* (146*2) = 292 <--> 24 + 292 + 23 = 339 */
	height:146px;
}

/*
	root element for scrollable items. Must be absolutely positioned.
*/
.items {
	width:20000em;
	position:absolute;
	clear:both;
}

/*
	single scrollable item 
*/
.items div {
	float:left;

	width:136px;
	height:146px;

	margin:0px 5px 0px 5px;

	background-color:#fff;
	cursor:pointer;
	
	text-align:center;
}

.items div img 
{	
	background-color:#fff;
	margin:1px;
	border:1px solid #ccc;
	cursor:pointer;
	width:110px;
	height:103px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.items div.active img {
	margin:0px;
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

.items div a 
{
	font-size:10px;
	text-decoration:none;
}

.items div a .leggi 
{
	color:#1186cb;
	font-size:10px;
	font-weight:bold;
	text-decoration:underline;
}

/* -------------------------------- */

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url('../Images/Default/arrowx.png') no-repeat;
	display:block;
	width:20px;
	height:20px;
	float:left;
	cursor:pointer;
}

/* left */
a.left			{ margin:45px 4px 0 0; } 
a.left:hover  	{ background-position:-20px 0; }
a.left:active  	{ background-position:-40px 0; }

/* right */
a.right 		{ background-position: 0 -20px; margin:45px 0 0 3px;}
a.right:hover 	{ background-position:-20px -20px; }
a.right:active 	{ background-position:-40px -20px; } 

/* up */
a.up			{ margin:0 0 0 0; }
a.up:hover  	{ background-position:-20px 0; }
a.up:active  	{ background-position:-40px 0; }

/* down */
a.down 			{ background-position: 0 -20px; margin:0 0 0 0; }
a.down:hover  	{ background-position:-20px -20px; }
a.down:active  	{ background-position:-40px -40px; } 


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