/*
.jssorn01 div           (normal)
.jssorn01 div:hover     (normal mouseover)
.jssorn01 .av           (active)
.jssorn01 .av:hover     (active mouseover)
.jssorn01 .dn           (mousedown)
*/
.jssorn01 div, .jssorn01 div:hover, .jssorn01 .av
{
    filter: alpha(opacity=70);
    opacity: .7;
    overflow:hidden;
    cursor: pointer;
    border: #000 1px solid;
}
.jssorn01 div { background-color: red; }
.jssorn01 div:hover, .jssorn01 .av:hover { background-color: #d3d3d3; }
.jssorn01 .av { background-color: #fff; }
.jssorn01 .dn, .jssorn01 .dn:hover { background-color: #555555; }


/* jssor slider direction navigator skin 05 css */
/*
.jssord05l              (normal)
.jssord05r              (normal)
.jssord05l:hover        (normal mouseover)
.jssord05r:hover        (normal mouseover)
.jssord05ldn            (mousedown)
.jssord05rdn            (mousedown)
*/
.jssord05l, .jssord05r, .jssord05ldn, .jssord05rdn
{
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(../Images/Site/arrows.png) no-repeat;
    overflow:hidden;
}
.jssord05l { background-position: -10px -40px; }
.jssord05r { background-position: -70px -40px; }
.jssord05l:hover { background-position: -130px -40px; }
.jssord05r:hover { background-position: -190px -40px; }
.jssord05ldn { background-position: -250px -40px; }
.jssord05rdn { background-position: -310px -40px; }