/** SLIDER **/

/** DO NOT CHANGE (use sub-part "Skin" for styling)
*************************************************************/
.scrollableWrapper{
  	width: 100%;
}

.scrollable {
    /* required settings */
    position:relative;
    overflow:hidden;
    width: 100%;
}
/* JS fallback -> hide all items except 1st one */
.scrollable .items div{
	display: none;
}
.scrollable .items div:first-child{
	display: block;
}
/*
   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 the width and height for the root
   element and not for this element.
*/


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

/** BUTTONS **/


.slidesjs-slide{ overflow: hidden; /* prevent displaying content from other slides in current one */ }




/*********************/
/**   SKIN          **/
/*********************/


/** NAVIGATOR **/

.slidesjs-navigation {
    height:		20px;
  	width:		20px;
    margin-top:	-16px;
    top:		50%;
    position:	absolute;
    left:		0;
    padding: 	0;
    z-index:	110;
  	text-indent:-9999em;
  	background:	green;
}
.slidesjs-next,
.slidesjs-previous{
	height: 32px;
	width: 32px;	
}

.slidesjs-next{
	left:		auto;
	right:		0;
	background: url(../images/slidesjs/arrow-right.png) transparent center top;
}
.slidesjs-previous{
	background: url(../images/slidesjs/arrow-left.png) transparent center top;
}
.slidesjs-next:hover,
.slidesjs-previous:hover{
	background-position: 0px -32px;
}

.slidesjs-stop,
.slidesjs-play{
	display:none;
}

/** PAGINATOR **/
.slidesjs-pagination {
  margin: 6px 0 0 !important;
  float: right;
  list-style: none;
}

.slidesjs-pagination li {
	float: left;
	padding: 0 !important;
	margin: 0 1px !important;
	background: none !important;
}

.slidesjs-pagination li a {
  display: block;
  width: 13px;
  height: 0;
  padding-top: 13px;
  background-image: url(../images/slidesjs/slidesjs-pagination.png);
  background-position: 0 0;
  float: left;
  overflow: hidden;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
  background-position: 0 -13px
}

.slidesjs-pagination li a:hover {
  background-position: 0 -26px
}