﻿/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 542px;
	height:200px;/*Altezza che non deve andare sopra ai botton e link sotto, altrimenti nei browser diversi da IE non vanno i link*/
	top:0px;
}
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}
.items div {
	float:left;
}
/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}
.scrollGroup{
	width:542px;
}
.sliderBox{
	background:url('../Images/Sprite_Common.png') no-repeat 0 -963px;
	height: 6px;
	width:173px;
	margin:3px;
	z-index:90;
}
.sliderContenuto{
	border-left:2px solid #F2F2F2;
	border-right:2px solid #F2F2F2;
	padding:5px;
	width:159px;
	margin-top:6px;
	text-align:center;
	position:relative;

}
	.sliderContenuto a:link, .sliderContenuto a:visited, .sliderContenuto a:hover{
		color:#0071BC;
		text-decoration:none;
	}
	div.sliderCopertina{
		margin-top:-6px;
		float:none !important;
	}
	div.sliderCopertina img{
		width:130px;
		height:183px;
		border:0px;
	}
	.sliderTesto{
		text-align:left;
	}
	.sliderTesto .rollSpacer{
		margin-top:4px;
		height:1px;
		display:block;
	}
		.sliderTesto p, .sliderTesto ul, .sliderTesto ol{
			margin:0px;
		}
		
.sliderAcquistoScript {
	color:#c20000;
	font-weight:bold;
	background-color:#fff;
	width:159px;
}
.sliderAcquistoScript .rollCosto{
	float:left;
	position:absolute;
	bottom:0px;
}
.rollCostoPromozione2{
	margin-top:15px;
}
.rollCostoIntero{
	margin-top:15px;
}
.sliderAcquistoScript .rollIcone{
 	float:right;
 	width:70px;
 	text-align:right;
 }
.sliderAcquistoScript IMG {
	cursor:pointer;
}
.sliderBottom{
	background:url('../Images/Sprite_Common.png') no-repeat 0 -952px;
	width:173px;
	height:6px;
}
.sliderButtons{
	height:30px;
}

/*Altezza fissa*/
div.scrollContainer{
	height:350px /*slider fisso*/
}
.scrollable {
	height:350px /*slider fisso*/;
}
div.scrollGroup{
	*padding-left:8px;/*Only for IE 7*/
	height:350px;
}
.sliderContenuto{/*slider fisso*/
	overflow:hidden;
	height:315px;
}
.sliderAcquistoScript{
	position:absolute;
	bottom:0px;
}

/*Rollup ricambi meno alto*/
div.BoxSliderRicambi div.scrollContainer{
	height:135px /*slider fisso*/
}
div.BoxSliderRicambi .scrollable {
	height:135px /*slider fisso*/;
}
div.BoxSliderRicambi div.scrollGroup{
	*padding-left:8px;/*Only for IE 7*/
	height:135px;
}
div.BoxSliderRicambi .sliderContenuto{/*slider fisso*/
	overflow:hidden;
	height:100px;
}
/*Rollup Materiali correlati meno alto*/
div.BoxSliderCorrelati div.scrollContainer{
	height:310px /*slider fisso*/
}
div.BoxSliderCorrelati .scrollable {
	height:310px /*slider fisso*/;
}
div.BoxSliderCorrelati div.scrollGroup{
	*padding-left:8px;/*Only for IE 7*/
	height:310px;
}
div.BoxSliderCorrelati .sliderContenuto{/*slider fisso*/
	overflow:hidden;
	height:275px;
}

