.bannercontainer {
    border: 1px solid #CCCCCC;
    height: 93px;
    position: relative;
    width: 223px;
}
#mainpage.hp .bannercontainer {
    margin: 0 4px 0 0;
}
#mainpage.hpsezione .bannercontainer {
    margin: 0 10px 0 1px;
}
.bannerlink {
    color: #000000;
    font-family: Arial;
    text-decoration: none;
}
.bannerlink p {
    margin: 0;
    padding: 0;
}
.bannerlink a, .bannerlink a:hover, .bannerlink a:link {
    color: #000000;
}
.bannertext {
    position: absolute;
    right: 5px;
    text-align: left;
}
.bannerimage {
    float: none;
}
.clear {
    clear: both;
}


/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(./img/slider_white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:512px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(./img/slider_close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/*
a.browse {
	display:block;
	width:17px;
	height:34px;
	float:left;
	margin:35px 5px 0px 5px;
	cursor:pointer;
	font-size:1px;
}
*/

a.browse {
	display:block;
	width:17px;
	height:34px;
	float:left;
	
	cursor:pointer;
	font-size:1px;
}

#mainpage.hp a.browse {
	margin:35px 1px 0px 2px;
}

#mainpage.hpsezione a.browse {
	margin:35px 3px 0px -2px;
}


a.right { 
	background:url(./img/right.png) no-repeat; 
	clear:right; 
	margin-left: 5px;
	margin-top: 29px; 
}

a.left { 
	background:url(./img/left.png) no-repeat; 
	margin-right: 5px;
	margin-top: 29px; 
}

a.disabled { visibility:hidden !important; } 	
.scrollable {
	position:relative;	
	height:95px;
	float:left;
	overflow:hidden;
	width:869px;
}

#mainpage.hp .scrollable {
    width: 912px;
}

#mainpage.hpsezione .scrollable {
	width: 704px;
}

.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
}

.scrollable .bannerimage {
    float:left;
    margin: 0px 2px 0px 0px;
    background-color:#fff;
    height: 86px;
    width:208px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}


#mainpage.hp .bannerimage {
	/*width:221px;*/
}

#mainpage.hpsezione .bannerimage{
	/*width:228px;*/
}

/*
.scrollable .bannerimage {
    float:left;
    margin: 0px 2px 0px 0px;
    background-color:#fff;
    border:0px solid #ccc;
    width:224px;
    height:94px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}


.scrollable img {
    border:0px solid #ccc;
}
*/
.bannercontainer { 
	height: 86px;
    	width: 208px;
	position:relative; 
	border:1px solid #ccc; 
	margin-right:10px;
	/*height:92px;*/
}

#mainpage.hp .bannercontainer{
    margin: 0px 4px 0px 0px;
}

#mainpage.hpsezione .bannercontainer{
    	margin: 0px 10px 0px 1px;
}


/*
.bannercontainer { position:relative; width:224px; margin: 0px 2px 0px 0px; }
*/

.bannerlink { text-decoration:none; font-family:Arial; font-size:11; color:#000000 }


.bannerlink p {
	margin:0px;
	padding:0px;
}

.bannerlink a, .bannerlink a:hover, .bannerlink a:link {
	color:#000000;
}

.bannertext { position:absolute; right:5px; text-align:left; }

.bannerimage { float:none; }

.clear { clear:both; }
