.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 682px;
	height: 231px;
}

.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
	text-align: center;
}

.items div {
	float:left;
	width: 682px;
	height: 210px;
	text-align: center;
	margin-right: 10px;
}
.items div.me-plugin {
	float: none;
	width: 978px;
	margin: 0;
}
.items div.mejs-overlay-button {
	float: none;
	width: 100px;
	left: 35%;
	top: 30%;
	margin: 50px 0 0 50px;
	height: 100px;
}
.items div img { width: 227px; text-align: center; margin: 0 auto; }
/* single scrollable item */
.scrollable img {
	float:left;
}

/* active item */
.scrollable .active {
	position:relative;
	cursor:default;
}

.scrollable { float:left; }

a.browse {
	background: none; 
	border: 3px solid #000;
	position: relative;
	z-index: 10;
}

a.disabled { visibility:hidden !important; } 	

.navi {
	width: 682px;
	height: 21px;
	overflow: hidden;
	background: rgba(0,0,0,0.5);
	z-index: 99;
	padding: 10px 0;
}
.navi a {
	width:54px;
	height:38px;
	float:left;
	display: inline-block;
	margin:0 0 0 30px;
	display:block;
	opacity: 0.5;
	text-align: center !important;
}
.navi a.first {
	margin: 0;
}
.navi a img {
	width: 34px !important;
	margin: 0 auto;
	text-align: center !important;	
	float: none !important;
}
/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	opacity: 1;
}