@charset "utf-8";

/* CSS Document */

.lof-slidecontent{

	position:relative;

	overflow:hidden;

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

	width:auto;

	height:auto

}

	

.lof-slidecontent li {

	list-style-type:none!important;	

}

.lof-slidecontent h4 {

	text-transform:inherit;

}

.lof-slidecontent .preload{

	height:100%;

	width:100%;

	background:#FFF;

	position:absolute;

	top:0;

	left:0;

	z-index:100000;

	color:#FFF;

	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{

	

	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;	

}



.lof-main-item-desc{

	z-index:3;

	position:absolute;

	top:150px;

	left:50px;

	width:400px;

	background:url(images/transparent_bg.png);



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

}

.lof-main-item-desc p{

	color:#FFF;

	margin:0 8px;

	padding:8px 0

}

.lof-main-item-desc h4 a{

	color:#FFF;	

	margin:0;

	font-size:140%;

	padding:20px 8px 2px;

	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;

}

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

	color:#FF6;

	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!important;

	margin:0!important;

	overflow:hidden;

}

.lof-navigator-outer{

	position:absolute;

	right:0;

	top:00px;

	z-index:3;

	height:300px;

	width:310px;

	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 h4{

	color:#FFF;

	font-size:100%;

	padding:15px 0 0 !important;

	margin:0;



}

.lof-navigator li div{

	background:url(images/transparent_bg.png);

	color:#FFF;

	height:100%;

	position:relative;

	margin-left:15px;

	padding-left:8px;

	border-top:1px solid #E1E1E1;

}



.lof-navigator li.active div{

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

	color:#FFF;

}

.lof-navigator li img{
/*modifica by giuseppe maremonti 18/05/2010*/
	margin:6px 6px 2px 0px;

	float:left;

	padding:3px;

	border:#C5C5C5 solid 1px;

}

.lof-navigator li.active img{

	border:#6C8E5C  solid 1px;

}

.lof-navigator li.active h4{

	color:#FFF;

}

.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%;

}

/**

 * Theme setting

 */

 /* grey theme */

	.grey{

		border:1px solid #C5C5C5;	

	}

   .grey .lof-navigator li{

		background:none!important;   

   }

    .grey .lof-navigator li div{

		border-top:	1px solid #C5C5C5;

	}

   .grey .lof-navigator li.active img{

   		border:1px solid #7A7A7A

   }

   

  .grey .lof-navigator li.active div{

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

	color:#FFF

   }

 /* blue */

 	.blue{

		border:1px solid #D9E1E7;	

	}

	.blue .lof-navigator li{

		background:none;	

	}

   .blue .lof-navigator li div{

		background:#F3F8FB;

   }

   .blue .lof-navigator li.active img{

   		border:1px solid #568AB0

   }

   

  .blue .lof-navigator li.active div{

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

	color:#FFF

   }

  .blue .lof-navigator h4{

		color:#3B6197  

  }

  .blue .lof-navigator li div{

  	color:#676767;

	border-top:1px solid #D9E1E7;

  }

  /**

   * red

   */

  	.red{

		border:1px solid #E5D7F1;	

	}

   .red .lof-navigator li{

		background:none!important;   

   }

    .red .lof-navigator li div{

		border-top:	1px solid #C5C5C5;

	}

   .red .lof-navigator li.active img{

   		border:1px solid #80011e

   }

   

  .red .lof-navigator li.active div{

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

	color:#FFF

   } 

/**

   * purple

   */

  	.purple{

		border:1px solid #E5D7F1;	

	}

   .purple .lof-navigator li{

		background:none!important;   

   }

    .purple .lof-navigator li div{

		border-top:	1px solid #E5D7F1;

		background:#F9F6FD;

		  	color:#676767;

	}

   .purple .lof-navigator li.active img{

   		border:1px solid #551964

   }

   

  .purple .lof-navigator li.active div{

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

	color:#FFF

   }  

	.purple .lof-navigator h4{

		color:#662072  

	}

	

    /**

   * purple

   */

  	.pink{

		border:1px solid #E5D7F1;	

	}

   .pink .lof-navigator li{

		background:none!important;   

   }

    .pink .lof-navigator li div{

		border-top:	1px solid #E5D7F1;

		background:#F9F6FD;

		  	color:#676767;

	}

   .pink .lof-navigator li.active img{

   		border:1px solid #d32c9d

   }

   

  .pink .lof-navigator li.active div{

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

	color:#FFF

   }  

	.pink .lof-navigator h4{

		color:#b40c81  

	}

   

  /** 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:right;		

	}	

	/* 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:auto;

		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)

		

	}

 

 
