#slides {  position: relative;}

#slides .slides-container {  display: none;}

#slides .scrollable {  *zoom: 1;  position: relative;  top: 0;  left: 0;  overflow-y: auto;  -webkit-overflow-scrolling: touch;  height: 100%;}

#slides .scrollable:after {  content: "";  display: table;  clear: both;}

.slides-navigation {  margin: 0 auto;  position: absolute;  z-index: 3;  top: 46%;  width: 100%;}

.slides-navigation a {  position: absolute;  display: block;}

.slides-navigation a.prev {  left: 0;}

.slides-navigation a.next {  right: 0;}

.slides-pagination {  position: absolute;  z-index: 3;  bottom: 50px;  left:50px;  width: 100%;}

.slides-pagination a {  border: 1px solid white; border-radius: 15px;  width: 10px;  height: 10px;  display: -moz-inline-stack;  display: inline-block;  vertical-align: middle;  *vertical-align: auto;  zoom: 1;  *display: inline; background-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII="); margin: 2px;  overflow: hidden;  text-indent: -100%;}

.slides-pagination a.current {  background: white;}