.unslider{overflow:auto;margin:0;padding:0}.unslider-wrap{position:relative}.unslider-wrap.unslider-carousel>li{float:left}.unslider-vertical>ul{height:100%}.unslider-vertical li{float:none;width:100%}.unslider-fade{position:relative}.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}.unslider-fade .unslider-wrap li.unslider-active{z-index:10}.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}

.unslider-arrow{
    position:absolute;
    left:20px;
    z-index:2;
    cursor:pointer
}

.unslider-arrow.next{
    left:auto;
    right:20px;
}

/* Change the arrow styles
You could also use an image instead
*/
.unslider-arrow { 
visibility: hidden;	/* Hide the default arrows */
}
		
/* Use dynamic content to add in a different character and show it */
  .unslider-arrow:before {
  visibility: visible;
}
.unslider-arrow.prev:before {
    display: inline-block;
    width: 30px;
    height: 30px;
    content: "";
    background: url("../img/arrow_LeftLight.png") no-repeat 0 0;
    background-size: 100%;
}

.unslider-arrow.next:before {
    display: inline-block;
    width: 30px;
    height: 30px;
    content: "";
    background: url("../img/arrow_RightLight.png") no-repeat 0 0;
    background-size: 100%;
}