.scrollable_box {
 position:relative;
}
.scrollable_box_prevnext {
 position:relative;
}
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	background-color:white;
	margin:0;
}
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.scrollable .items .item_one {
	float:left;
}

.scrollable .items .box {
	float:left;
	overflow:hidden;
	position:relative;
}
.scrollable .items .box_link {
	/*cursor:pointer; */
}
.scrollable .item_one .img{
 float:left;
 margin:0;
}
.scrollable .item_one .text{
position:absolute;
bottom:30px;
left:30px;
padding:20px;
background:rgba(213, 211, 191, 0.90);
}

.scrollable_box .navi {
	display:none;
}


/* items inside navigator */
.scrollable_box .navi a {
	width:16px;
	height:16px;
	margin:3px;
	background:url("scrollable/navigator.png") 0 0 no-repeat;
	display:inline-block;
	font-size:1px;
}

/* mouseover state */
.scrollable_box .navi a:hover {
	background-position:0 -16px;
}

/* active state (current page state) */
.scrollable_box .navi a.active {
}

.scrollable_box a.browse {
    background: url("scrollable/hori_large.png") no-repeat scroll 0 0 transparent;
    /*cursor: pointer;*/
    display: block;
    font-size: 1px;
    height: 37px;
    margin: 0;
    width: 20px;
	z-index:10;
}
.scrollable_box a.right {
	 position:absolute;
	 right:5px;
	 top:144px;
    background-position: 0 -37px;
    clear: right;
    margin-right: 0;
}
.scrollable_box a.right:hover {
}
.scrollable_box a.right:active {
}
.scrollable_box a.left {
		position:absolute;
		left:5px;
		top:144px;
 		margin-left: 0;
}
.scrollable_box a.left:hover {
}
.scrollable_box a.left:active {
}

.scrollable_box a.disabled {
    visibility: hidden !important;
}

.scrollable_box .autonavigation {
	display: none;
}