#slides{ position: fixed; }
#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; width:64px; height:64px; overflow:hidden; text-indent:-9999px; background-image: url(images/nextprev.png); opacity: .4; }
.slides-navigation a.prev{ left: 0; background-position:left top; }
.slides-navigation a.next{ right: 0; background-position: right top; }
.slides-navigation a:hover{ opacity: 1;}
.slides-pagination{ position: absolute; z-index: 3; bottom: 0; text-align: center; width: 100%; }
.slides-pagination a{ border: 2px solid #222; 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: #222; }