/*********************************************************
*		Stylesheet is an extention of the 
*		/api/interface_api/css/slides_scroller.css
*		Class: slides_scroller.css
*		All the changes must be made here, to prevent data loss.
* 	Use '!important' at the end of each rule to overwrite the main class
*********************************************************/

.carousel {
	position: relative;
	height: 80px;
	background: url(/multimedia/skin2008/carousel/background.jpg) no-repeat left top;
}
.carousel p {
	padding: 0px;
	margin: 0px;
}

.carousel .element-slides-scroller {
	width: 550px !important;
	left: 50px !important;
}
.carousel .element-slides-wrapper .element-slides-scroller .element-slides-slider {	
	margin-top: 5px !important;
}
.carousel .element-slides-wrapper .element-slides-button-left, .carousel .element-slides-wrapper .element-slides-button-right {	
	width: 47px !important;
	height: 47px !important;
	top: 18px !important;	
}
.carousel .element-slides-wrapper .element-slides-button-left {
	left: 2px !important;	
}
.carousel .element-slides-wrapper .element-slides-button-right {
	right: 2px !important;
}
.carousel .title-text {
	
}
.carousel .description-text {
	
}
.carousel .block-separator {
	width: 1px;
	height: 50px;
	border-right: 1px solid #000000;
	margin-top:-10px;
}