@charset "utf-8";

/* CSS Document */

.lof-slidecontent{

	position:relative;

	overflow:hidden;

	border:#F4F4F4 solid 1px;

	width:620px;

	height:300px;

  font-size:70%;

}

.lof-slidecontent .preload{

	height:100%;

	width:100%;

	background:#FFF;

	position:absolute;

	top:0;

	left:0;

	z-index:100000;

	color:#0043b7;

	text-align:center

}

.lof-slidecontent .preload div{

	height:100%;

	width:100%;

	background:transparent url(images/load-indicator.gif) no-repeat scroll 50% 50%;

}

/* main flash */

.lof-main-wapper{

	margin-right:auto;

	overflow:hidden;

	background:transparent url(images/load-indicator.gif) no-repeat scroll 50% 50%;

	padding:0px;

	height:100%;

	width:600px;

	position:relative;

	overflow:hidden;

}



.lof-main-wapper .lof-main-item{

	overflow:hidden;

	padding:0px;

	margin:0px;

	height:100%;

	width:100%;

	position:absolute;

}

.lof-main-wapper .lof-main-item img{

	padding:0px;	

	width:450px;

}



.lof-main-item-desc{

	z-index:100px;

	position:absolute;

	top:150px;

	left:40px;

	width:300px;

	background:url(images/transparent_bg.png);



	/* filter:0.7(opacity:60) */

}

.lof-main-item-desc p{

	color:#000;

	margin:0 8px;

	padding:8px 0

}

.lof-main-item-desc h3 a{

	color:#000;	

	margin:0;

	font-size:130%;

	padding:20px 0px 2px;

	font-family:"Arial",Trebuchet,Arial,Verdana,sans-serif;
	
	text-align: center;

}

.lof-main-item-desc h3 a:hover{

	color:#009532;

	text-decoration:underline;

}





/* item navigator */

ul.lof-navigator{

	top:0;

	padding:0;

	margin:0;

	position:absolute;

	width:100%;

}

ul.lof-navigator li{

	cursor:hand; 

	cursor:pointer;

	list-style:none;

	width:100%;

	padding:0;

	margin:0;

	overflow:hidden;

}

.lof-navigator-outer{

	position:absolute;

	right:0;

	top:00px;

	z-index:100;

	height:100px;

	width:100%;

	overflow:hidden;

	color:#FFF

}

.lof-navigator li.active{

	background:url(images/arrow-bg.png) no-repeat scroll left center; 

	color:#FFF

}

.lof-navigator li:hover{

	

}





.lof-navigator li h3{

	color:#FFF;

	font-size:100%;

	margin:0;
	
	text-align:	left;



}


.lof-navigator li div{

	background:url(images/transparent_bg.png) !important;

	color:#FFF;

	height:100%;
	
	text-align:left;

	position:relative;

	border:1px solid #E1E1E1;

}



.lof-navigator li.active div{

	background:url(images/grad-bg.gif) !important; 

	color:#FFF;

}

.lof-navigator li img{

	height:60px;

	width:100px;

	margin:15px 10px 10px 0px;

	float:left;

	padding:3px;

	border:#C5C5C5 solid 1px;

}

.lof-navigator li.active img{

	border:##6C8E5C  solid 1px;

}

.lof-navigator li.active h3{

	color:#000;

}

.lof-next{

	position:absolute;

	top:0;

	height:30px;

	background:#F9F9F9;

	display:block;

	width:100%;

}

.lof-previous{

	position:absolute;

	bottom:0;

	height:30px;

	background:#F9F9F9;

	display:block;

	width:100%;

}





/** css for override **/

	/* move the main wapper to the right side */

	.lof-snleft .lof-main-wapper{

		margin-left:auto;

		margin-right:inherit;

		clear:both;

		height:300px;

	}

	.lof-snleft .lof-main-item img {

		float: left;;		

	}	

	/* move the navigator to the left  side */

	.lof-snleft .lof-navigator-outer{

		left:0;

		top:0;

		right:inherit;

		text-align:left;

	}

	.lof-snleft .lof-main-item-desc{

		left:inherit;

		right:50px;

	}

	.lof-snleft .lof-navigator .active{

		background:url(images/arrow-bg2.gif) center right no-repeat;

	}

	.lof-snleft .lof-navigator li div{

		margin-left:inherit;

		margin-right:18px;

	}

	

	.lof-snleft .lof-navigator li.active div{

		margin-left:inherit;

		margin-right:18px;

		background:url(images/grad-bg2.gif)

		

	}