@charset "utf-8";
/* CSS Document */

/* slider layout */
.lof-slidecontent { position:relative;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-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;}
.lof-slidecontent  .lof-opacity  li{position:absolute;top:0;	left:0;float:inherit; }
.lof-slidecontent  .navigator-content {position:absolute;right:0;top:00px;z-index:9;height:300px;width:310px;overflow:hidden;color:#FFF}
.lof-slidecontent  .navigator-wrapper{position:relative;z-index:10;height:180px;width:310px;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:hand; 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;}

.lof-slidecontent .slider-description a.readmore{color:#58B1EA; font-size:95%; }
.lof-slidecontent .slider-description a{ color:#FFF; }
.lof-slidecontent .slider-description{z-index:100px;position:absolute;bottom:26px;left:0px;width:360px;background:url(../images/bg_trans.png);height:100px;padding:10px;color:#FFF;}
.lof-slidecontent .slider-description h4 {    font-size: 14px;  margin: 10px 0;    padding: 0; }
.lof-slidecontent .slider-description .slider-meta a{margin:0;background:#C01F25;font-size:75%;padding:2px 3px;font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;text-transform:uppercase;text-decoration:none}
.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{background:url(../images/arrow-bg.png) no-repeat scroll left center; color:#FFF}
.lof-slidecontent ul.navigator-wrap-inner  li >  div{/*background:url(../images/transparent_bg.png);*//*background-color:#7E7E7B;*/
background-color:#C7C7C7;color:#000;height:100%;position:relative;margin-left:15px;padding-left:10px;border-top:1px solid #E1E1E1;text-align:left}
.lof-slidecontent ul.navigator-wrap-inner li.active div{/*background:url(../images/grad-bg.gif);*/background-color:#5EA7D8;color:#000;}
.lof-slidecontent ul.navigator-wrap-inner li img{height:60px;width:90px;margin:4px 5px 0px -2px;float:left;padding:2px;border:#C5C5C5 solid 1px;}
.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;}



/* Slider Index
----------------------------------------------- */
.sliders-wrapper {border:1px solid white ;padding:0 ;margin:0 ;width:704px ;background:#333333 ;}
.lof-slidecontent ul.navigator-wrap-inner li  div{background:#37383A ;color:white ; padding-right:10px;font-size:11px; border-bottom:1px solid #282828 ;border-left:0px solid white ; border-right:0px solid white ;border-top:1px solid #3F3F3F ;width:286px;}
.lof-slidecontent ul.navigator-wrap-inner li  > div {border-top:1px solid #444444 ;border-bottom:1px solid #2D2D2D ;height:73px ; border-left:1px solid #2D2D2D ;}
.lof-slidecontent ul.navigator-wrap-inner li.active div {background-color: #2D2D2D ;color: white; border-top:1px solid #212121; border-bottom:1px solid:#161616 ;} 
.lof-slidecontent ul.navigator-wrap-inner li div:hover {background-color: #414346 ;}
.lof-slidecontent ul.navigator-wrap-inner li {width:315px !important;}
.lof-slidecontent ul.navigator-wrap-inner li.active div:hover {background-color: #2D2D2D ;}
.lof-slidecontent ul.navigator-wrap-inner li.active {background: url("ls/images/smdsgn/arrow-bg2.png") no-repeat scroll left center transparent }
.lof-slidecontent .button-previous { background: url("ls/images/smdsgn/previous2.png") no-repeat scroll left center transparent ; left: -19px;z-index:9999;font-size:0px; ;}
.lof-slidecontent .button-next { background: url("ls/images/smdsgn/next2.png") no-repeat scroll left center transparent ; right: -19px; z-index:9999 ;position:absolute ; width:38px ;font-size:0px; ;}
.lof-slidecontent .slider-description h4 {font-weight: bold;}
.lof-slidecontent .slider-description p {font-size: 12px;}
.lof-slidecontent .button-control {display:none} 

.lof-slidecontent .slider-description {margin-left:20px;border-radius:5px; line-height:17px;bottom:20px ;font-size:13px ;overflow:hidden;}
.lof-slidecontent .navigator-wrapper {line-height:16px;;width:316px }
.lof-slidecontent ul.navigator-wrap-inner {width:316px }
.lof-slidecontent ul.navigator-wrap-inner li img { border: 1px solid #212121;float: left;height: 59px ;margin: 6px 5px 0 -2px;padding: 0px ;width: 90px;margin-right:10px;}
ul.sliders-wrap-inner {margin-left:-15px;}
.lof-slidecontent {border:0px solid white ; }
.lof-slidecontent .navigator-wrapper {border:1px solid white; border-left:0px;width:314px !important;}
.lof-slidecontent .slider-description .slider-meta a {background: none repeat scroll 0 0 #FFD831 ; color:black;}
.lof-slidecontent .navigator-content {height: 301px ;width:315px ;}