/*   scrollable */

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

	/* required settings */
position: relative;
overflow: hidden;
width: 100%;
height: 406px;
z-index: 11;
margin: 0px 0px;
}

/*
root element for scrollable items. Must be absolutely
positioned and it should have a extremely large width
to accommodate 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:20000em;
	position:absolute;
}

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

a.browse {
display: block;
position: absolute;
margin-top: 86px;
width: 27px;width: 50px; top: 182px;
height: 50px;
color: #000;
cursor: pointer; z-index: 12;
}

a.prev {
left: 158px; background: url('../img/left.png');
}

a.next {
left: 209px; background: url('../img/right.png');
}

a.disabled {
/*background: rgba(247, 247, 247, 1);*/ cursor: default; opacity: 0.8;
}