@charset "utf-8";
/* CSS Document */
#container {font-size:12px; background:#fff; font-family: 'Open Sans Condensed', sans-serif;}

/* slider layout */
.lof-slidecontent {position:relative; overflow:hidden; border:0px solid red;}
.lof-slidecontent .preload {height:100%; width:100%; position:absolute; top:0; left:0; z-index:100000; text-align:center;}
.lof-slidecontent .preload div {height:100%; width:100%; background:transparent url(images/load-indicator.gif) no-repeat scroll 50% 50%;}

.lof-slidecontent .sliders-wrapper { position:relative; height:100%; width:900px; z-index:3px; overflow:hidden;}
.lof-slidecontent ul.sliders-wrap-inner {overflow:hidden; background:transparent url(images/load-indicator.gif) no-repeat scroll 50% 50%; padding:0px; margin:0; position:absolute; overflow:hidden;}
.lof-slidecontent ul.sliders-wrap-inner li{overflow:hidden;  padding:0px;margin:0px; float:left; position:relative; height:300px;}
.lof-slidecontent .lof-opacity { width:100%; height:100%;}
.lof-slidecontent .lof-opacity li {position:absolute!important; top:0; left:0; float:inherit!important;}

.lof-slidecontent .navigator-content {position:absolute;
  left:0;
  top:00px;
  z-index:9;
  height:300px;
  width:325px;
  overflow:hidden;
  color:#FFF
}
.lof-slidecontent .navigator-wrapper {position:relative; z-index:10;
  height:180px;
  overflow:hidden;
  color:#FFF;
  float:left
}
.lof-slidecontent ul.navigator-wrap-inner {top:0; padding:0; margin:0; position:absolute; width:100%; }
.lof-slidecontent ul.navigator-wrap-inner li {cursor:pointer; cursor:pointer; list-style:none; padding:0; margin-left:0px; overflow:hidden; float:left; display:block; text-align:center;}

/*******************************************************/
 
ul.sliders-wrap-inner li img{ padding:0px; width:100%; vertical-align:middle;}

.lof-slidecontent .slider-description a{ color:#FFF; }
.lof-slidecontent .slider-description{
  z-index:100px;
  position:absolute;
  bottom:50px;
  right:0px;
  width:320px;
  background: rgba(0,0,0,0.3);
  height:120px;
  padding:10px;
  color:#FFF;
}
.lof-slidecontent .slider-description h4 { font-size: 16px; margin: 0px 0px 5px 0px; padding: 0; }
.lof-slidecontent .slider-description p { margin: 0px 0px 5px 0px;}
.lof-slidecontent .slider-description .slider-meta a{ 
  background:#d31014/*red*/;
  font-size:16px;
  font-weight:bold;
  padding:15px;
  text-decoration:none;
position:absolute; right:10px; bottom:10px; display:block;}
.lof-slidecontent .slider-description .slider-meta a:hover{background:#ed1c24; }
.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.active{ }
.lof-slidecontent ul.navigator-wrap-inner li {border-bottom:1px solid #616161;}
.lof-slidecontent ul.navigator-wrap-inner  li H3{
  text-transform: uppercase;
  margin:0px 0 3px 0;
  font-family: 'Open Sans Condensed', sans-serif;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}
.lof-slidecontent ul.navigator-wrap-inner li > div {
  background: rgba(0,0,0,0.4);
  color:#FFF;
  height:100%;
  position:relative;
  padding-left:20px;
  padding-right:5px;
  text-align:left;
  padding-top:19px;
}

.lof-slidecontent ul.navigator-wrap-inner li.active div{
  background: #ed1c24; /* Old browsers */
  background: -moz-linear-gradient(top, #ed1c24 0%, #d31014 99%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed1c24), color-stop(99%,#d31014)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ed1c24 0%,#d31014 99%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ed1c24 0%,#d31014 99%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ed1c24 0%,#d31014 99%); /* IE10+ */
  background: linear-gradient(to bottom, #ed1c24 0%,#d31014 99%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#d31014',GradientType=0 ); /* IE6-9 */
  color:#FFF;
  background:#d31014;
}
.lof-slidecontent ul.navigator-wrap-inner li img{
  height:60px;
  width:60px;
  margin:0px 15px 10px 0px;
  float:left;
}
.lof-slidecontent ul.navigator-wrap-inner li.active img, 
.lof-slidecontent ul.navigator-wrap-inner li:hover img {border:##6C8E5C solid 1px;}
.lof-slidecontent .button-next, 
.lof-slidecontent .button-previous{
  display:block;
  width:40px;
  color:#FFF;
  cursor:pointer;
  position:absolute;
  height:100%;
  z-index:40;
  top:0;
  text-indent:-999px;
}
.lof-slidecontent .button-next {right:0px; background:url(images/next.png) no-repeat right center;}
.lof-slidecontent .button-previous {left:0px; background:url(images/previous.png) no-repeat left center;}
.lof-slidecontent .button-control {
  position:absolute;
  top:10px;
  right:48%;
  height: 20px;
  width: 20px;
  cursor:hand; cursor:pointer;
  background:url(images/transparent_bg.png) repeat;
}
.lof-slidecontent .button-control span {display:block; width:100%; height:100%;}
.lof-slidecontent .action-start span { background:url(images/play.png) no-repeat center center;}
.lof-slidecontent .action-stop span { background:url(images/pause.png) no-repeat center center;}