/* jssor slider bullet navigator skin 05 css */

/*

    .jssorb05 div           (normal)

    .jssorb05 div:hover     (normal mouseover)

    .jssorb05 .av           (active)

    .jssorb05 .av:hover     (active mouseover)

    .jssorb05 .dn           (mousedown)

    */



.jssorb05 {

    position: absolute;

}



.jssorb05 div,

.jssorb05 div:hover,

.jssorb05 .av {

    position: absolute;

    /* size of bullet elment */

    width: 16px;

    height: 16px;

    background: url('img/b05.png') no-repeat;

    overflow: hidden;

    cursor: pointer;

}



.jssorb05 div {

    background-position: -7px -7px;

}



.jssorb05 div:hover,

.jssorb05 .av:hover {

    background-position: -37px -7px;

}



.jssorb05 .av {

    background-position: -67px -7px;

}



.jssorb05 .dn,

.jssorb05 .dn:hover {

    background-position: -97px -7px;

}

/* jssor slider arrow navigator skin 22 css */

/*

    .jssora22l                  (normal)

    .jssora22r                  (normal)

    .jssora22l:hover            (normal mouseover)

    .jssora22r:hover            (normal mouseover)

    .jssora22l.jssora22ldn      (mousedown)

    .jssora22r.jssora22rdn      (mousedown)

    */



.jssora22l,

.jssora22r {

    display: block;

    position: absolute;

    /* size of arrow element */

    width: 40px;

    height: 58px;

    cursor: pointer;

    background: url('img/a22.png') center center no-repeat;

    overflow: hidden;

}



.jssora22l {

    background-position: -10px -31px;

}



.jssora22r {

    background-position: -70px -31px;

}



.jssora22l:hover {

    background-position: -130px -31px;

}



.jssora22r:hover {

    background-position: -190px -31px;

}



.jssora22l.jssora22ldn {

    background-position: -250px -31px;

}



.jssora22r.jssora22rdn {

    background-position: -310px -31px;

}