@charset "utf-8";
/* CSS Document */

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 980px;
	height: 210px;
}

/*
	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;
}


/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

.scrollable .slide {
	height: 210px;
	float:left;
	width: 980px;
	margin: 0 0 30px 0;
}

.slide img {
	float: left;
	margin: 0 0 0 0;
}

.slide img.final {
	float: right;
	margin: 20px 0 0 0;
}


.slide #presentation {
	width: 600px;
	height: 130px;
	float: left;
	margin: 70px 0 0 15px;
	text-align: left;
}

.slide #presentation img {
	float: left;
	margin: 0 35px 0 0;
}

.slide #presentation p {
	text-align: justify;
	font-size: 13px;
	width: 250px;
	margin: 3px 0 0 0;
	padding: 0;
	float: left;
}

.slide .promotion {
	width: 740px;
	height: 130px;
	float: left;
	margin: 65px 0 0 15px;
	text-align: left;
}

.slide .promotion.special {
	width: 600px;
	margin: 65px 0 0 10px;
}

.slide .promotion img {
	float: left;
	margin: 5px 35px 0 10px;
}

.slide .promotion.special img {
	margin: 5px 25px 0 10px;
}

.slide .promotion p {
	text-align: left;
	font-size: 14px;
	width: 370px;
	margin: 3px 0 0 0;
	padding: 0;
	float: left;
}

.slide .promotion.special p {
	width: 250px;
}

.promotion span.promo {
	display: block;
	width: 240px;
	text-align: center;
	background: #009ee0;
	font-size: 22px;
	letter-spacing: 2px;
	color: #FFF;
	padding: 3px;
	margin-bottom: 5px;

}

.promotion.special span.promo {
	display: block;
	width: 200px;
	text-align: center;
	background: #009ee0;
	font-size: 22px;
	letter-spacing: 2px;
	color: #FFF;
	padding: 3px;
	margin-bottom: 5px;

}

.promotion span.valueadd {
	display: block;
	width: 370px;
	text-align: left;
	font-size: 20px;
	color: #000;
}

.promotion.special span.valueadd {
	margin: 5px 0 0 0;
	width: 250px;
}