.slider_widget {

	width: 801px;
	height: 292px;
	margin: 0 auto;
	position: relative;
}

.slide .item {	
	width: 624px; 
	position: absolute;
	top: 5px;
	left: 256px;
	overflow:hidden;
	padding: 1px;
	margin: 1px;
}

.underimage_text {
	text-align: right;
	color: black;
	text-align: center;
	margin: 2px;
	padding: 1px;
	
}

.item_descr .item {
	position: absolute;
	width: 333px;
	height: 222px;
	top: 5px;
	left: 3px;
	margin: 3px;
	color: black;
	padding: 1px;
	text-align: left;
	font-size: 15px;
}

.navbar {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	left: 7px;
	top: 180px;
	bottom: 33px;
}

.navbar .navbar_btn {	
	border: 1px solid #33CCCC; /*#6F849C*/
	color: #ffffff;
	float: left;
	width: 77px;
	padding: 1px;
	margin: 0px 1px;
	cursor: pointer;
}

.rrSWnavBtnOn {
	background-color: #103869;
}

/* The sizes will have to be customized */
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 333px;
	height: 88px;  /* for this height to be valid, nav buttons had better be of fixes size (e.g. images) */
}

/* 
    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 width and height for the root element and 
    not for this element. 
*/ 
.scrollable .items {
	/* this cannot be too large */ 
    width:840px;
	position:absolute;
	left: 0px;
	top: 16px;
}