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

.scrollable-gallery{
	margin: auto;
	text-align: center;

}

.scrollable{
    /* required settings */ 
    position:relative; 
    overflow:hidden;          
    height:120px;
    margin: auto;
    width: 80%;     
  
} 
 
.scrollable .items{
    /* this cannot be too large */ 
    width:20000em;     
    position:absolute;
    left: 0px;
} 
 
.items a{
    float:left;
}

.scrollable .items img{
	width: 120px;
	float: left;
	margin: 12px;
}
 
/* you may want to setup some decorations to active item */ 
.items .active{ 
}

.prevPage, .nextPage, .scrollable{
	float: left;
	padding: 0 1%;
}

.prevPage, .nextPage{
	width: 5%;
	background: transparent url('img/lbutton.png') no-repeat center;
	width: 25px;
	height: 25px;
	cursor: pointer;
	position: relative; top: 50px;
}

.nextPage{
	background: transparent url('img/rbutton.png') no-repeat center;
}