﻿@charset "utf-8";

.lof-slidecontent { border:0px; position: relative; overflow: hidden; }
.lof-slidecontent .preload { z-index: 100000; position: absolute; text-align: center; width: 100%; background: #fff; height: 100%; 
	top: 0px; left: 0px; }
.lof-slidecontent .preload div { width: 100%; background: url(../images/load-indicator.gif) no-repeat 50% 50%; height: 100%; }
.lof-slidecontent .sliders-wrapper { position: relative; width: 960px; height: 100%; overflow: hidden; }
.lof-slidecontent ul.sliders-wrap-inner { position: absolute; padding:0px; margin: 0px; 
	background: url(../images/load-indicator.gif) no-repeat 50% 50%; overflow: hidden; }
.lof-slidecontent ul.sliders-wrap-inner li { position: relative; padding:0px; margin: 0px; float: left; overflow: hidden; }
.lof-slidecontent .lof-opacity li {
	position: absolute; float: inherit; top: 0px; left: 0px
}

ul.sliders-wrap-inner li img {
	padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width:960px; height:275px; border:0px;
}
.lof-slidecontent .slider-description a.readmore {
	color: #58b1ea; font-size: 95%
}
.lof-slidecontent .slider-description a {
	color: #fff
}
.lof-slidecontent .slider-description {
	position: absolute; padding-bottom: 10px; padding-left: 10px; width: 350px; bottom: 50px; padding-right: 10px; background: url(../images/bg_trans.png); height: 100px; color: #fff; padding-top: 10px; left: 0px
}
.lof-slidecontent .slider-description h4 {
	padding-bottom: 0px; margin: 10px 0px; padding-left: 0px; padding-right: 0px; font-size: 14px; padding-top: 0px
}
.lof-slidecontent .slider-description .slider-meta a {
	padding-bottom: 2px; text-transform: uppercase; margin: 0px; padding-left: 3px; padding-right: 3px; font-family: "trebuchet ms", trebuchet, arial, verdana, sans-serif; background: #c01f25; font-size: 75%; text-decoration: none; padding-top: 2px
}
.lof-slidecontent .item-meta a:hover {
	text-decoration: underline
}
.lof-slidecontent .item-meta i {
	font-size: 70%
}

.lof-slidecontent .navigator-content { position: absolute; padding:0px  0px 0px 0px; bottom: 3px; right:440px; }
.lof-slidecontent .navigator-wrapper { z-index: 10; position: relative; width: 510px; float: left; height: 280px; color: #fff; overflow: hidden; }
.lof-slidecontent ul.navigator-wrap-inner {	position: absolute; padding:0px; margin: 0px; width: 100%; top: 0px; }

.navigator-wrapper { z-index: 100; position: relative; width: 510px; float: left; height: 280px; color: #ffffff; overflow: hidden; }
.navigator-wrap-inner { position: absolute; padding-bottom: 0px; margin: 0px; padding-left: 0px; width: 100%; padding-right: 0px; top: 0px; padding-top: 0px; }
.lof-slidecontent ul.navigator-wrap-inner li { float:left; list-style:none; height:20px; width:20px; background:url(../images/icon_no.jpg) no-repeat left; cursor:pointer; }
.lof-slidecontent ul.navigator-wrap-inner li span { padding:0px; position: relative; line-height: 0.5em; display: block; cursor:pointer; }
.lof-slidecontent ul.navigator-wrap-inner li.active { display: block; -moz-transition: background-color 0.8s;
	background:url(../images/icon_yes.jpg) no-repeat left; }
.lof-slidecontent ul.navigator-wrap-inner li:hover { display: block; -moz-transition: background-color 0.8s; }

.lof-slidecontent .button-next { z-index: 40; position: absolute; text-indent: -999px; width: 20px; display: block; height: 100%; color: #fff; top: 0px; cursor: pointer; }
.lof-slidecontent .button-previous { z-index: 40; position: absolute; text-indent: -999px; width: 20px; display: block; height: 100%; color: #fff; top: 0px; cursor: pointer; }
.lof-slidecontent .button-next { background: url(../images/next.png) no-repeat right center; right: 0px; }
.lof-slidecontent .button-previous { background: url(../images/previous.png) no-repeat left center; left: 0px; }
.lof-slidecontent .button-control { width: 30px; float: left; height: 27px; cursor: pointer; }
.lof-slidecontent .action-start { background: url(../images/play.png) #fff no-repeat center center; }
.lof-slidecontent .action-stop { background: url(../images/pause.png) #fff no-repeat center center; }