/* slider layout */
.lof-slidecontent { overflow: hidden; position: relative; }
.lof-slidecontent .preload {
background: #FFF;
height: 100%;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: 100000;
}
.lof-slidecontent .preload div { height: 100%; width: 100%; }

.lof-slidecontent  .sliders-wrapper {
height: 100%;
overflow: hidden;
position: relative;
width: 900px;
z-index: 3px;
}
.lof-slidecontent  ul.sliders-wrap-inner {
margin: 0;
overflow: hidden;
overflow: hidden;
padding: 0px;
position: absolute;
}
.lof-slidecontent  ul.sliders-wrap-inner li {
float: left;
height: 338px;
margin: 0px;
overflow: hidden;
padding: 0px;
position: relative;
width: 600px;
}
.lof-slidecontent  .lof-opacity  li {
float: inherit;
left: 0;
position: absolute;
top: 0;
}


.lof-slidecontent  .navigator-content {
background: rgba(255,255,255,0.8);
background: #ffffff;
height: 338px;
padding: 0px;
position: absolute;
right: 0px;
top: 0px;
width: 159px;
}
.lof-slidecontent  .navigator-wrapper {
color: #FFF;
float: left;
height: 180px;
position: relative;
top: 4px;
width: 158px !important;
z-index: 10;
}
.lof-slidecontent  ul.navigator-wrap-inner {
left: 10px !important;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 158px !important;
}
.lof-slidecontent  ul.navigator-wrap-inner li {
cursor: hand;
cursor: pointer;
display: block;
display: table-cell;
float: left;
list-style: none;
margin-left: 0px;
overflow: hidden;
padding: 0;
text-align: center;
text-align: center;
vertical-align: middle;
}

/*******************************************************/

ul.sliders-wrap-inner li img { height: auto; padding: 0px; width: 600px; }

.lof-slidecontent .slider-description a.readmore {
-webkit-box-shadow: 0 1px 0 #cccccc;
-moz-box-shadow: 0 1px 0 #cccccc;
/background: #fafafa;
background: #fafafa;
background: -moz-linear-gradient(top,  #fafafa 2%, #ececec 100%);
background: -ms-linear-gradient(top,  #fafafa 2%,#ececec 100%);
background: -o-linear-gradient(top,  #fafafa 2%,#ececec 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#fafafa), color-stop(100%,#ececec));
background: -webkit-linear-gradient(top,  #fafafa 2%,#ececec 100%);
background: linear-gradient(to bottom,  #fafafa 2%,#ececec 100%);
border-top: 1px solid #e1e1e1;
box-shadow: 0 1px 0 #cccccc;
color: #505050;
display: block;
float: right;
font-size: 13px;
font-weight: bold;
margin: 0 0 8px 0;
padding: 2px 3px 2px 6px;
position: relative;
right: 0;
text-shadow: 1px 1px 0 #ffffff;
top: 0;
width: 100px;
}

html>/**/body .lof-slidecontent .slider-description a.readmore { background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); }

.lof-slidecontent .slider-description a.readmore:hover {
-webkit-box-shadow: 0 1px 0 #dddddd;
-moz-box-shadow: 0 1px 0 #dddddd;
background: #dddddd;
border-top: 1px solid #dddddd;
box-shadow: 0 1px 0 #dddddd;
text-decoration: none;
}
.lof-slidecontent .info_btn {
filter: alpha(opacity=70);        /* ie 6 7 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
background: url(../img/top/icon_arrow_white_bottom.png) no-repeat 80% 60% #000\9;
background: url(../img/top/icon_arrow_white_bottom.png) no-repeat 80% 60% rgba(0,0,0,.7);
bottom: 90px;
color: rgba(255,255,255,.8);
color: #ffffff\9;
cursor: pointer;
font-size: 11px;
padding: 2px 18px 0px 5px;
position: absolute;
right: 0;
text-align: center;
width: 43px;
z-index: 20;
}
.lof-slidecontent .info_btn:hover { /background: url(../img/top/icon_arrow_white_bottom.png) no-repeat 80% 60% #000; background: url(../img/top/icon_arrow_white_bottom.png) no-repeat 80% 60% rgba(40,40,40,.9); }

.lof-slidecontent .info_btn.htbdfwp_active {
/background: url(../img/top/icon_arrow_white_top.png) no-repeat 80% 60% #000;
background: url(../img/top/icon_arrow_white_top.png) no-repeat 80% 60% rgba(0,0,0,.7);
bottom: 0px;
position: absolute;
right: 0;
}
.lof-slidecontent .info_btn:hover.htbdfwp_active { /background: url(../img/top/icon_arrow_white_top.png) no-repeat 80% 60% #000; background: url(../img/top/icon_arrow_white_top.png) no-repeat 80% 60% rgba(40,40,40,.9); }

.lof-slidecontent .slider-description a.readmore span { background: url(../img/top/icon_arrow_gray_right.png) no-repeat 96% 50%; padding: 0 20px 0 0; }
.lof-slidecontent .slider-description a { color: #FFF; }
.lof-slidecontent .slider-description {
filter: alpha(opacity=70);        /* ie 6 7 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
background: #000\9;
background: rgba(0,0,0,.7);
bottom: 0px;
color: #FFF;
height: 73px;
left: 0px;
padding: 10px 10px 7px;
position: absolute;
width: 580px !important;
z-index: 100px;
}
.lof-slidecontent .slider-description h2 {
float: left;
font-size: 14px;
line-height: 1.9em;
padding: 0;
width: 470px;
}
.lof-slidecontent .slider-description p { /clear: none; clear: both; font-size: 0.9em; }
.lof-slidecontent .slider-description .slider-meta a {
background: #C01F25;
font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
font-size: 75%;
margin: 3px 0;
padding: 2px 3px;
text-decoration: none;
text-transform: uppercase;
}
.lof-slidecontent  .item-meta a:hover { text-decoration: underline; }
.lof-slidecontent  .item-meta i { font-size: 70%; }

/* item navigator */

.lof-slidecontent ul.navigator-wrap-inner li img { border: rgba(255,255,255,.7) solid 4px; }
.lof-slidecontent ul.navigator-wrap-inner li.active img,
.lof-slidecontent ul.navigator-wrap-inner li:hover img { -moz-transition: border-color  ease-in-out 0.4s; border: #93BA08 solid 4px; }
.lof-slidecontent .navigator-content .button-next,
.lof-slidecontent .navigator-content .button-previous {
color: #FFF;
cursor: pointer;
display: none;
height: 0px;
width: 0px;
}
.lof-slidecontent .navigator-content .button-next { float: left; text-indent: -999px; }
.lof-slidecontent .navigator-content .button-previous { float: left; margin-left: 5px; text-indent: -999px; }

.lof-slidecontent .button-control {
cursor: hand;
cursor: pointer;
height: 20px;
position: absolute;
right: 10px;
top: 10px;
width: 20px;
}

.lof-slidecontent .button-control span { display: block; height: 100%; width: 100%; }