/* Contenitore Principale */
#makeMeScrollable{
	float:left;
	width:970px;
	height:412px;
	position:relative;}

/* Elementi del contenitore principale */		
#makeMeScrollable div.scrollableArea img{
	position:relative;
	float:left;
	margin:0;
	padding:0;}
	

/* Invisible left hotspot */
div.scrollingHotSpotLeft{
	min-width:58px;
	width:58px;
	height:412px;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(/images/prevciclabile.png);
	background-repeat:no-repeat;
	background-position:center left;
	position:absolute;
	z-index:999;
	left:0;
	display:block;}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible{
	min-width:58px;
	width:58px;
	height:412px;
	background-image:url(/images/prevciclabile.png);
	background-repeat:no-repeat;
	position:absolute;
	z-index:999;
	left:0;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity:0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter:alpha(opacity = 35); /* Opacity for Internet Explorer. */}

/* Invisible right hotspot */
div.scrollingHotSpotRight{
	min-width:58px;
	width:58px;
	height:412px;
	background-image: url(/images/nextciclabile.png);
	background-repeat:no-repeat;
	background-position:center right;
	position:absolute;
	z-index:999;
	right:0;
	display:block;}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible{
	min-width:58px;
	width:58px;
	height:412px;
	background-image:url(/images/nextciclabile.png);
	background-repeat:no-repeat;
	dposition:absolute;
	z-index:999;
	right:0;
	opacity:0.35;
	filter:alpha(opacity = 35);
	-moz-opacity:0.35;}

div.scrollWrapper{
	float:left;
	width:970px;
	height:100%;
	position:relative;
	overflow:hidden;}

div.scrollableArea{
	position:relative;
	width:2300px;
	height:100%;}