.lof-slidecontent, .lof-slidecontent a { color: #FFF; }
    .lof-slidecontent a.readmore { color: #58B1EA; font-size: 95%; }
.lof-slidecontent { position: relative; width: 420px; height: 280px; }
    .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(../img/load-indicator.gif) no-repeat scroll 50% 50%; }
.lof-main-outer { position: relative; height: 100%; z-index: 3; overflow: hidden; margin-bottom: 15px; }
.lof-main-item-desc { z-index: 100; position: absolute; bottom: 50px; left: 0; width: 350px; background: url(../img/bg_trans.png); height: 100px; padding: 10px; }
    .lof-main-item-desc p { margin: 0 8px; padding: 8px 0; }
    .lof-main-item-desc h3 { margin: 0; padding: 0; }
    .lof-main-item-desc h2 { margin: 15px 0 0; padding: 0; }
    .lof-main-item-desc h3 a { background: #C01F25; font-size: 75%; font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif; text-transform: uppercase; text-decoration: none; margin: 0; padding: 2px 3px; }
        .lof-main-item-desc h3 a:hover { text-decoration: underline; }
    .lof-main-item-desc h3 i { font-size: 70%; }
ul.lof-main-wapper { background: transparent url(../img/load-indicator.gif) no-repeat scroll 50% 50%; position: absolute; overflow: hidden; margin: 0; padding: 0; }
    ul.lof-main-wapper li { overflow: hidden; float: left; position: relative; max-height: 280px; margin: 0; padding: 0; }
.lof-opacity li { position: absolute; top: 0; left: 0; float: inherit; }
ul.lof-main-wapper li img { height: 280px; width: 420px; padding: 0; }
.lof-navigator-wapper { position: absolute; left: 0; width: 100%; }
.lof-navigator-outer { position: relative; z-index: 100; height: auto!important; width: 420px!important; color: #FFF; float: left; min-height: 45px; display: table; }
ul.lof-navigator { top: 0; position: absolute; width: 100%!important; margin: 0; padding: 0; }
    ul.lof-navigator li { cursor: pointer; list-style: none; margin-left: 0; overflow: hidden; float: left; display: block; padding: 0; text-align: center; margin-right: 12px; margin-bottom: 12px; }
        ul.lof-navigator li:nth-child(6n+6), ul.lof-navigator li:last-child { margin-right: 0px; }
        ul.lof-navigator li img { height: 40px; width: 60px; }
.lof-navigator-wapper .lof-next, .lof-navigator-wapper .lof-previous { display: block; width: 34px; height: 35px; color: #FFF; cursor: pointer; position: absolute; top: -100px; }
.lof-navigator-wapper .lof-next { float: left; text-indent: -999px; margin-right: 0; margin-top: 14px; background: url(../img/ar1.png) no-repeat right center; right: 10px; }
.lof-navigator-wapper .lof-previous { float: right; text-indent: -999px; margin-left: 0; background: url(../img/ar2.png) no-repeat left center; right: 37px; }


.lof-navigator-wapper .lof-next, .lof-navigator-wapper .lof-previous { display: none; }