body, html {
margin:0;
padding:0;
}
#superContainer {
height:100%;
position:relative;
}
.section{
position: relative;
}
.slide {
float: left;
}
.slide, .slidesContainer {
height: 100%;
display: block;
}
.slides {
overflow: hidden;
position: relative;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.section.table{
display:table;
width:100%;
}
.tableCell{
display:table-cell;
vertical-align: middle;
width:100%;
height: 100%;
}
.slidesContainer {
float: left;
position: relative;
}
.controlArrow{
position:absolute;
top:50%;
cursor:pointer;
wdth: 0px;
height: 0px;
border-style: solid;
margin-top: -38px;
}

.controlArrow.prev{
left:15px;
width: 0px;
border-width: 38.5px 34px 38.5px 0;
border-color: transparent #fff transparent transparent;
}
.controlArrow.next{  
right:15px;
border-width: 38.5px 0 38.5px 34px;
border-color: transparent transparent transparent #fff;
}
.scrollable{
overflow:scroll;
}
.easing{
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
.navWrapper{
position:fixed;
top:0;
left:0;
height: 40px;
z-index: 70;
width: 100%;
padding: 0;
margin:0;
}