@charset "utf-8";

/* CSS Document */

.lof-ass{

	

	

/*	border:#F4F4F4 solid 1px; */

	

}

.lof-ass .lofass-container{

	width:345px;

	height:auto	;

	overflow:hidden;

	position:relative;

	padding: 0px 15px;

}

.lof-ass li {

	list-style-type:none!important;	

}

.lof-ass h4 {

	text-transform:inherit;

	margin:0!important;

	background:none!important

}

.lof-ass .preload{

	height:100%;

	width:100%;

	background:#E9E9E9;

	position:absolute;

	top:0;

	left:0;

	z-index:100000;

	color:#FFF;

	text-align:center

}

.lof-ass .preload div{

	height:100%;

	width:100%;

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

}

/* main flash */

.lof-ass .lof-main-wapper{

	overflow:hidden;

	padding:0px;

	height:100%;

	width:600px;

	position:relative;

	overflow:hidden;

	background: #FFFFFF;

}



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

	overflow:hidden;

	padding:0px;

	margin:0px;

	height:100%;

	width:100%;

	position:absolute;

}

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

	padding:0px;	

}



.lof-ass .lof-description{

	z-index:3;

	position:absolute;

/*	top:150px;

	left:50px;

	width:400px;

	background:url(images/transparent_bg.png);*/

	width:100%;



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

}

.lof-ass .lof-description p{

/*	color:#FFF; */

	margin:0 8px;

	padding:1px 0

}


.lof-ass .lof-description h4 a{

	margin:0;
	padding:20px 8px 20px 30px;
	font-size:23px:};

}



.lof-ass .lof-description h4 a:hover{

/*	color:#FF6;
	text-decoration:underline;*/

}





/* item navigator */

.lof-ass ul.lof-navigator{

	top:0;

	padding:0;

	margin:0;

	position:absolute;

	width:100%;

}

.lof-ass ul.lof-navigator li{

	cursor:hand; 

	cursor:pointer;

	list-style:none;

	width:100%;

	padding:0!important;

	margin:0!important;

	overflow:hidden;

	background:none!important;

}

.lof-ass .lof-navigator-outer{

	position:absolute;

	right:0;

	top:0px;

	z-index:3;

	height:300px;

	width:310px;

	overflow:hidden;

	color:#FFF;

	margin-right: 10px;

}

.lof-ass .lof-navigator li.active{

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

	color:#FFF

}

.lof-navigator li:hover{

	

}





.lof-ass .lof-navigator li h4{

	color:#FFF;

	/*font-size:100%;*/

	padding:15px 0 0 !important;





}

.lof-ass .lof-navigator li div{

	background:url(images/bullet_white_inactive.png) no-repeat scroll left top;

	color:#FFF;

	height:11px;

	width: 11px;

	position:relative;

/*	margin-left:15px;

	padding-left:15px; 

	border-top:1px solid #E1E1E1; */

}



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

	background:url(images/bullet_white_active.png) no-repeat scroll left top;

	color:#FFF;

	height:11px;

	width: 11px;

}

.lof-ass .lof-navigator li img{

	margin:15px 15px 10px 0px;

	float:left;

	border:#F5F5F5 solid 2px;

}



.lof-ass .lof-navigator li.active h4{

	color:#FFF;

}

.lof-ass .lof-next{

	position:absolute;

	top:0;

	height:30px;

	background:#F9F9F9;

	display:block;

	width:100%;

}

.lof-ass .lof-previous{

	position:absolute;

	bottom:0;

	height:30px;

	background:#F9F9F9;

	display:block;

	width:100%;

}

/**

 * Theme setting

 */

 /* grey theme */

.lof-ass	.grey{

		border:1px solid #C5C5C5;	

	}

.lof-ass  .grey .lof-navigator li{

		background:none!important;   

   }

.lof-ass  .grey .lof-navigator li div{

		border-top:	1px solid #C5C5C5;

	}



   

.lof-ass   .grey .lof-navigator li.active div{

	/*background:url(images/grey/grad-bg.png) repeat-x !important;  */

	color:#FFF

   }

 /* blue */

 .lof-ass 	.blue{

		border:1px solid #D9E1E7;	

	}

.lof-ass 	.blue .lof-navigator li{

		background:none!important;	

	}

 .lof-ass   .blue .lof-navigator li div{

		background:#F3F8FB;

   }



   

 .lof-ass  .blue .lof-navigator li.active div{

	background:url(images/blue/grad-bg.png) repeat-x  !important; 

	color:#FFF

   }

 .lof-ass  .blue .lof-navigator h4{

		color:#3B6197  

  }

.lof-ass   .blue .lof-navigator li div{

  	color:#676767;

	border-top:1px solid #D9E1E7;

  }

  /**

   * red

   */

.lof-ass  	.red{

		border:1px solid #E5D7F1;	

	}

.lof-ass    .red .lof-navigator li{

		background:none!important;   

   }

.lof-ass     .red .lof-navigator li div{

		border-top:	1px solid #C5C5C5;

	}

  

   

  .red .lof-navigator li.active div{

	background:url(images/red/grad-bg.png) repeat-x !important; 

	color:#FFF

   } 

/**

   * purple

   */

.lof-ass   	.purple{

		border:1px solid #E5D7F1;	

	}

.lof-ass    .purple .lof-navigator li{

		background:none!important;   

   }

 .lof-ass    .purple .lof-navigator li div{

		border-top:	1px solid #E5D7F1;

		background:#F9F6FD;

		  	color:#676767;

	}

   

   

.lof-ass   .purple .lof-navigator li.active div{

	background:url(images/purple/grad-bg.png) repeat-x  !important;  

	color:#FFF

   }  

.lof-ass 	.purple .lof-navigator h4{

		color:#662072  

	}

	

    /**

   * purple

   */

.lof-ass   	.pink{

		border:1px solid #E5D7F1;	

	}

.lof-ass    .pink .lof-navigator li{

		background:none!important;   

   }

.lof-ass     .pink .lof-navigator li div{

		border-top:	1px solid #E5D7F1;

		background:#F9F6FD;

		  	color:#676767;

	}

  

   

.lof-ass   .pink .lof-navigator li.active div{

	background:url(images/pink/grad-bg.png) repeat-x !important;  

	color:#FFF

   }  

.lof-ass 	.pink .lof-navigator h4{

		color:#b40c81  

	}

   

  /** css for override **/

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

.lof-ass 	.lof-snleft .lof-main-wapper{

		margin-left:auto;

		margin-right:inherit;

		clear:both;

		height:300px;

	}

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

		float:right;		

	}	

	/* move the navigator to the left  side */

.lof-ass 	.lof-snleft .lof-navigator-outer{

		left:0;

		top:0;

		right:inherit;

		text-align:left;

	}

.lof-ass 	.lof-snleft .lof-description{

		left:auto;

		right:50px;

	}

.lof-ass 	.lof-snleft .lof-navigator .active{

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

	}

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

		margin-left:inherit;

		margin-right:18px;

	}

	

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

		margin-left:inherit;

		margin-right:18px;

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

		

	}

 

 

/** CSS3 **/

.lof-ass .lof-css3 .lof-description {

/*	-moz-box-shadow:0 0 1px #333;

	-webkit-box-shadow:0 0 1px #333;

	box-shadow: 0px 0px 1px #333;*/

}

.lof-ass .lof-css3 , .lof-ass  .lof-css3 .preload {

/*	 -moz-box-shadow:0 0 10px #333;-webkit-box-shadow:0 0 10px #333;

	 box-shadow: 0px 0px 10px #333;*/

	 margin-bottom: -1px;

}