/**
 * $ModDesc
 * 
 * @version		$Id: helper.php $Revision
 * @package		modules
 * @subpackage	$Subpackage.
 * @copyright	Copyright (C) Dec 2009 LandOfCoder.com <@emai:landofcoder@gmail.com>.All rights reserved.
 * @license		GNU General Public License version 2
 */
@charset "utf-8";
/* CSS Document */
.lof-articlessroller{
	position:relative;
}

.lof-articlessroller .lof-container{
	height:100%;
	width:100%;
	position:relative;
	display: grid;
}

.lof-articlessroller .lof-row {
	float:left;
	position:relative;
}

/* main flash */
.lof-articlessroller .lof-main-wapper{
	padding:0px;
	margin:0px;
	position:relative;
	z-index:1;
	display: grid;
	grid-area: 1/1;
}
.lof-articlessroller .lof-main-wapper .lof-main-item{
	padding:0px;
	margin:0px;
	height:100%;
	width:100% !important;
	grid-area: 1/1;

}
/** BULLETS NAVIGATOR **/
.lof-articlessroller ul.lof-navigator{top:0;padding:0;margin:0;position:absolute;width:10000;}

.lof-articlessroller .lof-navigator-outer{
	position: relative;
	overflow: hidden;
	z-index: 3;
	margin: 0 auto;
	text-align: center;
	grid-area: 1/1;
	align-self: end;
	}

.lof-articlessroller .lof-navigator li{	
	background:none!important;padding:0!important;margin:0!important;
	height:20px!important;	width:23px!important;
	text-indent:9999px;
	cursor:hand;
	cursor:pointer;
	float:left;
	list-style:none;
}
.lof-articlessroller .lof-navigator li span{
	border: 1px solid #707070;
	background-color: #FFF;
	height: 10px;
	width: 10px;
	border-radius: 100%;
	display:block;
	margin: 4px 5px;
}

.lof-articlessroller .lof-navigator li.active span{
	background-color: #707070;
}
/** BUTTON CONTROL **/
.lof-articlessroller .lof-next, .lof-articlessroller .lof-previous{
	position:absolute;
	z-index:10;
	top:47%;
	height:36px;
	width:36px;	
	display:block;
	text-indent:-999999px;
	overflow:hidden;
}
.lof-articlessroller .lof-next{	background:url(images/arrow-right.png)  no-repeat; right:-14px; }
.lof-articlessroller .lof-next:hover{ background:url(images/arrow-right.png) no-repeat; }
.lof-articlessroller .lof-previous{	background:url(images/arrow-left.png)  no-repeat; left:-13px; }
.lof-articlessroller .lof-previous:hover{ background:url(images/arrow-left.png)  no-repeat; }
.lof-articlessroller .lof-vertical .lof-next{ top:-13px; right:45%;	background:url(images/arrow-top.png) }
.lof-articlessroller .lof-vertical .lof-previous{ top:auto; left:auto; bottom:-13px; right:45%;	background:url(images/arrow-bottom.png) }
/**  NAVIGATOR - BOTTOM alignment **/
.lof-articlessroller .lof-bottom .lof-navigator-outer{}
/** NAVIGATOR - TOP alignment  **/
.lof-articlessroller .lof-top .lof-navigator-outer{	position:absolute;	right:10px;	top:10px;}
/**  NAVIGATOR - RIGHT alignment **/
.lof-articlessroller .lof-right .lof-navigator-outer{position:absolute;	right:0px;	top:10px;}
/**  NAVIGATOR - LEFT alignment **/
.lof-articlessroller .lof-left .lof-navigator-outer{position:absolute;	left:10px;	top:10px;}
/** THUMBNAIL - LEFT alignment **/
.lof-articlessroller .lof-thumbleft .lof-inner .lof-title{ clear:none; float:none; padding:0}
.lof-articlessroller .lof-thumbleft a.lof-image-link { float:left; padding:0 20px 10px 0}
.lof-articlessroller .lof-thumbleft img.lof-image { float:left;}
/** THUMBNAIL - RIGHT alignment **/
.lof-articlessroller .lof-thumbright .lof-inner .lof-title{ clear:none; float:none; padding:0}
.lof-articlessroller .lof-thumbright a.lof-image-link { float:right; padding:0 20px 10px 0}
.lof-articlessroller .lof-thumbright img.lof-image { float:right;}
/*** CSS STYLE FOR ITEM ****/
.lof-articlessroller .lof-inner {}
	
.lof-articlessroller .lof-clearfix{}
.lof-articlessroller .lof-inner:hover{}
.lof-articlessroller .lof-inner img.lof-image{}
.lof-articlessroller .lof-inner .lof-title{

		}
.lof-articlessroller .lof-inner a{}