@charset "utf-8";
/* CSS Document */
.lof-slidecontent, .lof-slidecontent a {
    color:#FFF;    
}
.lof-slidecontent a.readmore{
    color:#58B1EA;
    font-size:95%;
    
}
.lof-slidecontent{
    position:relative;
    overflow:hidden;
    border:#F4F4F4 solid 1px;
}
.lof-slidecontent .preload{
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:100000;
    text-align:center;
    background:#FFF
}
.lof-slidecontent .preload div{
    height:100%;
    width:100%;
    background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
}
.lof-main-outer{
    position:relative;
    height:100%;
    z-index:3;
}
/* main flash */
ul.lof-main-wapper{
    /* margin-right:auto; */
    background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
    padding:0px;
    margin:0;
    position:relative;
}

.lof-main-wapper li.active{z-index:30000} 

ul.lof-main-wapper li{
    overflow:hidden;
    padding:0px;
    margin:0px;
    position:absolute;
}
.lof-opacity  li{
    position:absolute;
    top:0;
    left:0;
    float:inherit;
}
ul.lof-main-wapper li img{
    padding:0px;    
}

/* item navigator */
.lof-navigator-wapper {
}
.lof-navigator-outer{
    position:relative;
    z-index:100;
    overflow:hidden;
    color:#FFF;
    width:90px!important;
    margin:-20px auto 0;
}
ul.lof-navigator{
    top:0;
    padding:0;
    margin:0;
    width:100%;
}
ul.lof-navigator li{
    /*cursor:hand;*/ 
    cursor:pointer;
    list-style:none;
    padding:0;
    margin-left:0px;
    overflow:hidden;
    float:left;
    display:block;
    background:url(../images/slider-nav.png) top left no-repeat;
    width:12px;
    height:12px;
    text-align:center;
    margin-right:3px;
}
ul.lof-navigator li.active{
    background:url(../images/slider-nav-active.png) top left no-repeat;
    width:12px;
    height:12px;
}
ul.lof-navigator li span{
    width:12px;
    height:12px;
    float:left;
    text-indent:-999em;
}
ul.lof-navigator li img{
    border:#666 solid 3px;    
}
ul.lof-navigator li.active img, ul.lof-navigator li:hover img {
    border:#A8A8A8 solid 3px;
}
.lof-main-outer .lof-next,  .lof-main-outer .lof-previous{
    display:block;
    width:24px;
    color:#FFF;
    cursor:pointer;
    position:absolute;
    height:100%;
    z-index:3;
    top:0;
    text-indent:-999em;

}
.lof-main-outer .lof-next {
    right:-24px;
    background:url(../images/arrow-next.png) no-repeat right center;
}
.lof-main-outer .lof-previous {
    left:-24px;
    background:url(../images/arrow-prev.png) no-repeat left center;
}