/*  _______________________________________

	01 SLIDER
    _______________________________________  */
	
/* Container / frame surrounding the slider */
.genericslider.lib1
{
	position: relative;
	width :960px; /* set width via option */
	height :360px; /* set height via option */
    margin: 0 auto;
	border: 15px solid #fafafa;
	padding: 5px;
	padding-right: 0;
	background :#d3d3d3;
	overflow : visible ;
	
	/* shadow */
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5)";
    filter: progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5);  
}

/* Content preloader */
.genericslider.lib1 .contentLoader
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background: #000 url("lib1/spinner.gif") no-repeat center;
}

/* You can set up the border of the dl element here  */
.genericslider.lib1 dl
{
	border: 0;
}

/*
Slider title bar.

The title bar are rotated, so you will need to swap your directions.
To change the width of the title bar, you will need to modify the height property.
You will also need to make sure that any background imagery used is rotated horizontally.

To give unique custom appearance for each title, you can give a unique class for each title, for example:
	.genericslider dt.slide_1
	.genericslider dt.slide_2
	.genericslider dt.slide_3
	etc...
*/ 
.genericslider.lib1 dt
{
	height : 45px;
    color :#4e4e4e;
    font-family :Arial , Verdana;
    font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing :1px;
	line-height: 40px;
	text-align : left;
	padding-left: 70px;
    background: #d3d3d3 url('lib1/title_bar.png') no-repeat;
    
    /* text shadow */
	text-shadow: -1px 1px 1px #9f9f9f;
}

/* The hover state of the title bar */ 
.genericslider.lib1 dt:hover
{
	cursor :pointer ;
}

/* The active state of the title bar */
.genericslider.lib1 dt.active
{
	cursor :default;
}

/* 
The slide content area

The width and height will automatically be defined by the plugin.
*/
.genericslider.lib1 dd 
{
	background: #fff;
}


/*  _______________________________________

	02 TOGGLE ICON/INDEX
    _______________________________________  */

/* 
The toggle icon of title bar.

You can specify the position of the icon by setting its left and top position.
You can set the toggle icon for the default, hover, and active state via the background property.
To display index, set the showToggleIndex plugin option to true.
*/
.genericslider.lib1 dt .toggle_icon
{
	left : 5px;
	top: 0;
	width: 40px;
	height: 40px;
	font-family: Arial, Verdana ;
    font-size: 18px;
	font-weight: bold;
	color :#4e4e4e;
	text-align: center ;
	
	/* text shadow*/
	text-shadow: 0 1px 1px #9f9f9f;	
}

/* Toggle icon position for ie8+  */
.genericslider.lib1 dt .toggle_icon.ie 
{
	left: 0;
	top: auto;
	bottom: 5px;
}

/* The hover state of the toggle icon */ 
.genericslider.lib1 dt:hover .toggle_icon
{
	color: #4e4e4e;
}

/* The active state of the toggle icon */
 
.genericslider.lib1 dt.active .toggle_icon
{
	color : #4e4e4e;
}


/*  _______________________________________

	03 DIRECTION NAVIGATION
    _______________________________________  */

/* The arrow next */
.genericslider.lib1 .arrow_next 
{
	position :absolute ;
	right : 10px;
	top : 150px;
	width : 35px;
	height : 34px;
	background : url('lib1/arrows.png') no-repeat -35px 0;
	cursor : pointer ;
	margin :0;
	padding :0;
	border : 0;
	text-decoration: none;
}

/* The hover state of the arrow next */
.genericslider.lib1 .arrow_next:hover
{
	cursor: pointer;
}

/*
The state of the arrow next on the last item 
when the loop option is set to false. 
*/
.genericslider.lib1 .arrow_next.last
{
	cursor: default ; 
}

/* The arrow prev */
.genericslider.lib1 .arrow_prev 
{
	position :absolute ;
	left: 10px;
	top: 150px;
	width: 35px;
	height: 34px;
	background : url('lib1/arrows.png') no-repeat 0 0;
	cursor :pointer ;
	margin :0;
	padding :0;
	border :none;
	text-decoration: none;
}

/* The hover state of the arrow prev */
.genericslider.lib1 .arrow_prev:hover 
{
	cursor: pointer;
}

/* 
The state of the arrow prev on the first item,
when the loop option is set to false. 
*/
.genericslider.lib1 .arrow_prev.first
{
	cursor :default ;
}


/*  _______________________________________

	04 CONTROL NAVIGATION (BULLETS, THUMBNAILS, ROTATOR)
    _______________________________________  */

/* The container of the control if set to outside */
.genericslider.lib1 .outer_control
{
	margin: 0;
	padding: 0;
	border: 0;
	background: #fafafa;
}

/* Control navigation container */
.genericslider.lib1 .controlNav 
{
	left : 10px;
	bottom : 10px;
	margin :0;
	border : 0;
}

.genericslider.lib1 .control_wrapper 
{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* Control list */
.genericslider.lib1 .controlNav ul 
{
	overflow: visible;
	margin: 0;
	padding: 0;
	border: 0;
}

/* The bullets control */
.genericslider.lib1 .controlNav li.bullets 
{
	width : 20px;
	height : 20px;
	margin : 5px;
	padding :0;
	border :none;
	background : #eee;
	overflow: visible;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	color: #4e4e4e;
}

/* Bullet last item */
.genericslider.lib1 .controlNav li.bullets.last 
{
}

/* The hover state of the bullets control */
.genericslider.lib1 .controlNav li.bullets:hover
{
	background: #4e4e4e;
	color: #fafafa;
}

/* The active state of the bullets control */
.genericslider.lib1 .controlNav li.bullets.active 
{
	background: #4e4e4e;
	color: #fafafa;
}

/* Thumbnails control */
.genericslider.lib1 .controlNav li.thumbnails 
{
	width : 113px;
	height : 72px;
	margin : 5px;
	padding :0;
	border :none;
	background : #eee;
	overflow: visible;
}

/* Thumbnail last item */
.genericslider.lib1 .controlNav li.thumbnails.last 
{
}

/* The hover state of the thumbnail item */
.genericslider.lib1 .controlNav li.thumbnails:hover
{
	background: #4e4e4e;
}

/* The active state of the thumbnail */
.genericslider.lib1 .controlNav li.thumbnails.active 
{
	background: #4e4e4e;
}

/* Overlay effect */
.genericslider.lib1 .controlNav li.thumbnails .overlay 
{
	background-color: #FFF;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

/* The hover state of the overlay effect */
.genericslider.lib1 .controlNav li.thumbnails:hover .overlay
{
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/* The active state of the overlay effect */
.genericslider.lib1 .controlNav li.thumbnails.active .overlay 
{
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}


/* Rotator list navigation */
.genericslider.lib1 .controlNav li.rotator 
{
	width : 200px;
	height : 80px;
	margin : 5px;
	padding :0;
	border :none;
	background : #eee;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	color: #4e4e4e;
}

/* Rotator last item */
.genericslider.lib1 .controlNav li.rotator.last 
{
}

/* Rotator list thumbnails */
.genericslider.lib1 .controlNav li.rotator img 
{
	width: 60px;
	height: 60px;
	float: left;
	margin: 10px;
}

/* Rotator title */
.genericslider.lib1 .controlNav li.rotator p
{
	margin-top: 5px;
	text-align: left;
}

.genericslider.lib1 .controlNav li.rotator p span.title
{
	display: block;
	font-weight: bold;
}

.genericslider.lib1 .controlNav li.rotator p span.date
{
	display: block;
	font-style: italic ;
}

/* The hover state of the rotator list */
.genericslider.lib1 .controlNav li.rotator:hover
{
	cursor: pointer;
}

/* The active state of the rotator list */
.genericslider.lib1 .controlNav li.rotator.active 
{
	cursor : default ;
}


/*  _______________________________________

	05 PLAY/PAUSE BUTTON
    _______________________________________  */

/* Play button container */
.genericslider.lib1 .control_autoplay
{
	top: 10px;
	right: 10px;
	width: 22px;
	height: 22px;
	background: #fafafa;
	border: solid 1px #d9d9d9;
}

/* Play button position on accordion mode */
.genericslider.lib1 dd .control_autoplay
{
	top: 5px;
	right: 5px;
}

/* Pause button */
.genericslider.lib1 .pause_button 
{
    width: 22px;
    height: 22px;
    background: url('lib1/play.png') no-repeat -22px 0;
    cursor: pointer;
}

/* Play button */
.genericslider.lib1 .play_button 
{
    width: 22px;
    height: 22px;
    background: url('lib1/play.png') no-repeat 0 0 ;
    cursor: pointer ;
}


/*  _______________________________________

	06 CONTENT
    _______________________________________  */

/* Image container */
.genericslider.lib1 .generoImage 
{
	background: #000 url("lib1/spinner.gif") no-repeat center;
}

.genericslider.lib1 .generoImage .videoOverlay
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("lib1/video.png") no-repeat center;
	cursor: pointer;
}

/* Video container */
.genericslider.lib1 .generoVideo 
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000 url("lib1/spinner.gif") no-repeat center;
}

/* Embed object container */
genericslider.lib1 .generoEmbed 
{
	background-color: #000;
}

genericslider.lib1 dd .generoEmbed img
{
	max-width: 100%;
	height: 100%;
}


/*  _______________________________________

	07 TEXT DESCRIPTION
    _______________________________________  */

/* Overlay text */
.genericslider.lib1 .generoText.overlay 
{
	left: 10px;
	bottom: 10px;
	width: 630px;
	height: 70px;
	color: #4e4e4e;
	background: #fff;
	padding: 10px 20px;

	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.genericslider.lib1 .generoText.overlay h3 {
	font-size: 16px;
	padding-bottom: 5px;
	color: #4e4e4e;
	margin-bottom: 0;
	font-weight: bold;
}

.genericslider.lib1 .generoText.overlay p {
	padding-bottom: 0px;
	padding-top: 5px;
	color: #4e4e4e;
}

/* Partial left */
.genericslider.lib1 .generoText.partialleft 
{
	width: 250px;
	background-color: #FAFAFA;
	padding: 20px;
}

.genericslider.lib1 .generoText.partialleft h3 {
	font-size: 16px;
	padding-bottom: 5px;
	margin-bottom: 0;
	font-weight: bold;
	color: #4e4e4e;
}

.genericslider.lib1 .generoText.partialleft p {
	color: #4e4e4e;
	line-height: 2em;
}

.genericslider.lib1 .generoText.partialleft .button {
	font-size: 12px;
	color: #f7f7f7;
	padding: 5px 10px;
	background: #db7030;
	display: inline-block;
	margin-top: 15px;
	text-transform: uppercase;	
	text-decoration: none;
}

.genericslider.lib1 .generoText.partialleft .button:hover {
	background: #565656;
	text-decoration: none;
}

/* Partial right */
.genericslider.lib1 .generoText.partialright 
{
	width: 250px;
	background-color: #FAFAFA;
	padding: 20px;
}

.genericslider.lib1 .generoText.partialright h3 {
	font-size: 16px;
	padding-bottom: 5px;
	margin-bottom: 0;
	font-weight: bold;
	color: #4e4e4e;
}

.genericslider.lib1 .generoText.partialright p {
	padding-top: 5px;
	color: #4e4e4e;
	line-height: 2em;
}

.genericslider.lib1 .generoText.partialright .button {
	font-size: 12px;
	color: #f7f7f7;
	padding: 5px 10px;
	background: #db7030;
	display: inline-block;
	margin-top: 15px;
	text-transform: uppercase;	
	text-decoration: none;
}

.genericslider.lib1 .generoText.partialright .button:hover {
	background: #565656;
	text-decoration: none;
}

/* Outer text */
.genericslider.lib1 .outerText 
{
	width: 250px;
	background-color: #FAFAFA;
	padding: 20px;
}

.genericslider.lib1 .outerText h3 {
	font-size: 16px;
	padding-bottom: 5px;
	margin-bottom: 0;
	font-weight: bold;
	color: #4e4e4e;
}

.genericslider.lib1 .outerText p {
	padding-bottom: 0px;
	padding-top: 5px;
	color: #4e4e4e;
}

/************************** lib2 **********************/
 
/*  _______________________________________

	01 SLIDER
    _______________________________________  */
	
/* Container / frame surrounding the slider */
.genericslider.lib2
{
	position: relative;
	width :960px; /* set width via option */
	height :360px; /* set height via option */
    margin: 0 auto;
	border: 15px solid #f8f8f8;
	padding: 0;
	padding-bottom: 60px;
	background :#f8f8f8;
	overflow : visible ;
	
	/* shadow */
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5)";
    filter: progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5);  
}

/* Content preloader */
.genericslider.lib2 .contentLoader
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background: #000 url("lib2/spinner.gif") no-repeat center;
}

/* You can set up the border of the dl element here  */
.genericslider.lib2 dl
{
	border: 0;
	overflow: visible;
}

/*
Slider title bar.

The title bar are rotated, so you will need to swap your directions.
To change the width of the title bar, you will need to modify the height property.
You will also need to make sure that any background imagery used is rotated horizontally.

To give unique custom appearance for each title, you can give a unique class for each title, for example:
	.genericslider dt.slide_1
	.genericslider dt.slide_2
	.genericslider dt.slide_3
	etc...
*/ 
.genericslider.lib2 dt
{
	height : 45px;
    color :#4e4e4e;
    font-family :Arial , Verdana;
    font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing :1px;
	line-height: 40px;
	text-align : left;
	padding-left: 70px;
    background: #4e4e4e url('../demo11/title_bar.png') no-repeat;
    
    /* text shadow */
	text-shadow: -1px 1px 1px #9f9f9f;
}

/* The hover state of the title bar */ 
.genericslider.lib2 dt:hover
{
	cursor :pointer ;
	color: #4e4e4e;
}

/* The active state of the title bar */
.genericslider.lib2 dt.active
{
	color: #4e4e4e;
	background: #4e4e4e url('../demo11/title_bar.png') no-repeat;
	cursor :default;
}

/* 
The slide content area

The width and height will automatically be defined by the plugin.
*/
.genericslider.lib2 dd 
{
	background: #fff;
	overflow: auto;
}


/*  _______________________________________

	02 TOGGLE ICON/INDEX
    _______________________________________  */

/* 
The toggle icon of title bar.

You can specify the position of the icon by setting its left and top position.
You can set the toggle icon for the default, hover, and active state via the background property.
To display index, set the showToggleIndex plugin option to true.
*/
.genericslider.lib2 dt .toggle_icon
{
	left : 5px;
	top: 0;
	width: 40px;
	height: 40px;
	font-family: Arial, Verdana ;
    font-size: 18px;
	font-weight: bold;
	color :#4e4e4e;
	text-align: center ;
	
	/* text shadow*/
	text-shadow: 0 1px 1px #9f9f9f;	
}

/* Toggle icon position for ie8+  */
.genericslider.lib2 dt .toggle_icon.ie 
{
	left: 0;
	top: auto;
	bottom: 5px;
}

/* The hover state of the toggle icon */ 
.genericslider.lib2 dt:hover .toggle_icon
{
	color: #4e4e4e;
}

/* The active state of the toggle icon */
 
.genericslider.lib2 dt.active .toggle_icon
{
	color : #4e4e4e;
}


/*  _______________________________________

	03 DIRECTION NAVIGATION
    _______________________________________  */

/* The arrow next */
.genericslider.lib2 .arrow_next 
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	position :absolute;
		right : 10px;
		top : 150px;
		width : 35px;
		height : 34px;
	background : url('../demo11/arrows.png') no-repeat -35px 0;
		cursor : pointer;
		margin :0;
		padding :0;
		text-decoration: none;
}

/* The hover state of the arrow next */
.genericslider.lib2 .arrow_next:hover
{
	cursor: pointer;
}

/*
The state of the arrow next on the last item 
when the loop option is set to false. 
*/
.genericslider.lib2 .arrow_next.last
{
	cursor: default ; 
}

/* The arrow prev */
.genericslider.lib2 .arrow_prev 
{
	border-style: none;
	border-color: inherit;
	border-width: medium;
	position :absolute;
		left: 10px;
		top: 150px;
		width: 35px;
		height: 34px;
	background : url('../demo11/arrows.png') no-repeat 0 0;
		cursor :pointer;
		margin :0;
		padding :0;
		text-decoration: none;
}

/* The hover state of the arrow prev */
.genericslider.lib2 .arrow_prev:hover 
{
	cursor: pointer;
}

/* 
The state of the arrow prev on the first item,
when the loop option is set to false. 
*/
.genericslider.lib2 .arrow_prev.first
{
	cursor :default ;
}


/*  _______________________________________

	04 CONTROL NAVIGATION (BULLETS, THUMBNAILS, ROTATOR)
    _______________________________________  */

/* The container of the control if set to outside */
.genericslider.lib2 .outer_control
{
	margin: 0;
	padding: 0;
	border: 0;
	background: #d3d3d3;
}

/* Control navigation container */
.genericslider.lib2 .controlNav 
{
	right : 0px;
	bottom : 5px;
	margin :0;
	border : 0;
}

.genericslider.lib2 .control_wrapper 
{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* Control list */
.genericslider.lib2 .controlNav ul 
{
	overflow: visible;
	margin: 0;
	padding: 0;
	border: 0;
}

/* The bullets control */
.genericslider.lib2 .controlNav li.bullets 
{
	width : 23px;
	height : 23px;
	margin : 5px;
	padding :0;
	border :none;
	overflow: visible;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	color: #4e4e4e;
	background: url(  "lib2/bullets.png" ) no-repeat;
}

/* Bullet last item */
.genericslider.lib2 .controlNav li.bullets.last 
{
}

/* The hover state of the bullets control */
.genericslider.lib2 .controlNav li.bullets:hover
{
	background: url(  "lib2/bullets.png" ) no-repeat -29px 0;
	color: #fafafa;
}

/* The active state of the bullets control */
.genericslider.lib2 .controlNav li.bullets.active 
{
	background: url(  "lib2/bullets.png" ) no-repeat -29px 0;
	color: #fafafa;
}

/* Thumbnails control */
.genericslider.lib2 .controlNav li.thumbnails 
{
	width : 113px;
	height : 72px;
	margin : 5px;
	margin-bottom: 0;
	padding :0;
	border :none;
	background : #eee;
	overflow: visible;
}

/* Thumbnail last item */
.genericslider.lib2 .controlNav li.thumbnails.last 
{
	margin-bottom: 5px;
}

/* The hover state of the thumbnail item */
.genericslider.lib2 .controlNav li.thumbnails:hover
{
	background: #4e4e4e;
}

/* The active state of the thumbnail */
.genericslider.lib2 .controlNav li.thumbnails.active 
{
	background: #4e4e4e;
}

/* Overlay effect */
.genericslider.lib2 .controlNav li.thumbnails .overlay 
{
	background-color: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

/* The hover state of the overlay effect */
.genericslider.lib2 .controlNav li.thumbnails:hover .overlay
{
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/* The active state of the overlay effect */
.genericslider.lib2 .controlNav li.thumbnails.active .overlay 
{
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}


/* Rotator list navigation */
.genericslider.lib2 .controlNav li.rotator 
{
	width : 200px;
	height : 85px;
	margin : 0;
	margin-bottom: 2px;
	padding: 5px 10px;
	border :none;
	background : #eee;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
}

/* Rotator last item */
.genericslider.lib2 .controlNav li.rotator.last 
{
	margin-bottom: 0;
}

/* Rotator list thumbnails */
.genericslider.lib2 .controlNav li.rotator img 
{
	width: 60px;
	height: 60px;
	float: left;
	margin: 10px;
}

/* Rotator title */
.genericslider.lib2 .controlNav li.rotator p
{
	margin-top: 5px;
	text-align: left;
}

.genericslider.lib2 .controlNav li.rotator p span.title
{
	display: block;
	font-weight: bold;
	margin-top: 10px;
}

.genericslider.lib2 .controlNav li.rotator p span.date
{
	display: block;
	color: #db7030;
	font-size: 11px;
}

/* The hover state of the rotator list */
.genericslider.lib2 .controlNav li.rotator:hover
{
	cursor: pointer;
}

/* The active state of the rotator list */
.genericslider.lib2 .controlNav li.rotator.active 
{
	cursor : default ;
}

.genericslider.lib2 .controlNav li.rotator.active span.title
{
	color: #db7030;
}

.genericslider.lib2 .controlNav li.rotator.active span.date
{
}


/*  _______________________________________

	05 PLAY/PAUSE BUTTON
    _______________________________________  */

/* Play button container */
.genericslider.lib2 .control_autoplay
{
	top: 10px;
	right: 10px;
	width: 22px;
	height: 22px;
	background: #fafafa;
	border: solid 1px #d9d9d9;
}

/* Play button position on accordion mode */
.genericslider.lib2 dd .control_autoplay
{
	top: 5px;
	right: 5px;
}

/* Pause button */
.genericslider.lib2 .pause_button 
{
    width: 22px;
    height: 22px;
    background: url('../demo11/play.png') no-repeat -22px 0;
    cursor: pointer;
}

/* Play button */
.genericslider.lib2 .play_button 
{
    width: 22px;
    height: 22px;
    background: url('../demo11/play.png') no-repeat 0 0 ;
    cursor: pointer;
}


/*  _______________________________________

	06 CONTENT
    _______________________________________  */

/* Image container */
.genericslider.lib2 .generoImage 
{
	background: #000 url("spinner.gif") no-repeat center;
}

.genericslider.lib2 .generoImage .videoOverlay
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("lib2/video.png") no-repeat center;
	cursor: pointer;
}

/* Video container */
.genericslider.lib2 .generoVideo 
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000 url("lib2/spinner.gif") no-repeat center;
}

/* Embed object container */
genericslider.lib2 .generoEmbed 
{
	background-color: #000;
}

genericslider.lib2 dd .generoEmbed img
{
	max-width: 100%;
	height: 100%;
}


/*  _______________________________________

	07 TEXT DESCRIPTION
    _______________________________________  */

/* Overlay text */
.genericslider.lib2 .generoText.overlay 
{
	left: 0px;
	bottom: -55px;
	padding: 0px;
	width: 750px;
	text-align: left;
}

.genericslider.lib2 .generoText.overlay h3 {
	padding-bottom: 5px;
	color: #4e4e4e;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: bold;
}

.genericslider.lib2 .generoText.overlay p {
	color: #4e4e4e;
	font-size: 12px;
}

/* Partial left */
.genericslider.lib2 .generoText.partialleft 
{
	width: 250px;
	background-color: #FAFAFA;
	padding: 20px;
}

.genericslider.lib2 .generoText.partialleft h3 {
	font-size: 14px;
	padding-bottom: 5px;
	margin-bottom: 0;
	font-weight: bold;
	color: #4e4e4e;
}

.genericslider.lib2 .generoText.partialleft p {
	padding-bottom: 0px;
	padding-top: 5px;
	color: #4e4e4e;
}

/* Partial right */
.genericslider.lib2 .generoText.partialright 
{
	width: 250px;
	background-color: #FAFAFA;
	padding: 20px;
}

.genericslider.lib2 .generoText.partialright h3 {
	font-size: 14px;
	padding-bottom: 5px;
	margin-bottom: 0;
	font-weight: bold;
	color: #4e4e4e;
}

.genericslider.lib2 .generoText.partialright p {
	padding-bottom: 0px;
	padding-top: 5px;
	color: #4e4e4e;
}

/* Outer text */
.genericslider.lib2 .outerText 
{
	width: 250px;
	background-color: #FAFAFA;
	padding: 20px;
}

.genericslider.lib2 .outerText h3 {
	font-size: 16px;
	padding-bottom: 5px;
	margin-bottom: 0;
	font-weight: bold;
	color: #4e4e4e;
}

.genericslider.lib2 .outerText p {
	padding-bottom: 0px;
	padding-top: 5px;
	color: #4e4e4e;
}

/********************* lib 3 ****************************/

/*
Evo Slider Pro v2.1.0 - jQuery slideshow and content slider plugin
http://genericslider.com

Copyright 2012, Fikri Rakala

Skin Name: Cycle
*/ 

/*
TABLE OF CONTENTS

01 SLIDER
02 TOGGLE ICON/INDEX
03 DIRECTION NAVIGATION
04 CONTROL NAVIGATION (BULLETS, THUMBNAILS, ROTATOR)
05 PLAY/PAUSE BUTTON
06 CONTENT
07 TEXT DESCRIPTION
*/
 
 
/*  _______________________________________

	01 SLIDER
    _______________________________________  */
	
/* Container / frame surrounding the slider */
.genericslider.lib3
{
	position: relative;
	width :960px; /* set width via option */
	height :360px; /* set height via option */
    margin: 0 auto;
	border: 5px solid #fafafa;
	padding: 0px;
	background :#d3d3d3;
	overflow : visible ;
	
	/* shadow */
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5)";
    filter: progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5);  
}

/* Content preloader */
.genericslider.lib3 .contentLoader
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background: #000 url("lib3/spinner.gif") no-repeat center;
}

/* You can set up the border of the dl element here  */
.genericslider.lib3 dl
{
	border: 0;
}

/*
Slider title bar.

The title bar are rotated, so you will need to swap your directions.
To change the width of the title bar, you will need to modify the height property.
You will also need to make sure that any background imagery used is rotated horizontally.

To give unique custom appearance for each title, you can give a unique class for each title, for example:
	.genericslider dt.slide_1
	.genericslider dt.slide_2
	.genericslider dt.slide_3
	etc...
*/ 
.genericslider.lib3 dt
{
	height : 45px;
    color :#4e4e4e;
    font-family :Arial , Verdana;
    font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing :1px;
	line-height: 40px;
	text-align : left;
	padding-left: 70px;
    background: #d3d3d3 url(lib3/'title_bar.png') no-repeat;
    
    /* text shadow */
	text-shadow: -1px 1px 1px #9f9f9f;
}

/* The hover state of the title bar */ 
.genericslider.lib3 dt:hover
{
	cursor :pointer ;
}

/* The active state of the title bar */
.genericslider.lib3 dt.active
{
	cursor :default;
}

/* 
The slide content area

The width and height will automatically be defined by the plugin.
*/
.genericslider.lib3 dd 
{
	background: #fff;
}


/*  _______________________________________

	02 TOGGLE ICON/INDEX
    _______________________________________  */

/* 
The toggle icon of title bar.

You can specify the position of the icon by setting its left and top position.
You can set the toggle icon for the default, hover, and active state via the background property.
To display index, set the showToggleIndex plugin option to true.
*/
.genericslider.lib3 dt .toggle_icon
{
	left : 5px;
	top: 0;
	width: 40px;
	height: 40px;
	font-family: Arial, Verdana ;
    font-size: 18px;
	font-weight: bold;
	color :#4e4e4e;
	text-align: center ;
	
	/* text shadow*/
	text-shadow: 0 1px 1px #9f9f9f;	
}

/* Toggle icon position for ie8+  */
.genericslider.lib3 dt .toggle_icon.ie 
{
	left: 0;
	top: auto;
	bottom: 5px;
}

/* The hover state of the toggle icon */ 
.genericslider.lib3 dt:hover .toggle_icon
{
	color: #4e4e4e;
}

/* The active state of the toggle icon */
 
.genericslider.lib3 dt.active .toggle_icon
{
	color : #4e4e4e;
}


/*  _______________________________________

	03 DIRECTION NAVIGATION
    _______________________________________  */

/* The arrow next */
.genericslider.lib3 .arrow_next 
{
	position :absolute ;
	right : 10px;
	top : 150px;
	width : 35px;
	height : 34px;
	background : url('lib3/arrows.png') no-repeat -35px 0;
	cursor : pointer ;
	margin :0;
	padding :0;
	border : 0;
	text-decoration: none;
}

/* The hover state of the arrow next */
.genericslider.lib3 .arrow_next:hover
{
	cursor: pointer;
}

/*
The state of the arrow next on the last item 
when the loop option is set to false. 
*/
.genericslider.lib3 .arrow_next.last
{
	cursor: default ; 
}

/* The arrow prev */
.genericslider.lib3 .arrow_prev 
{
	position :absolute ;
	left: 10px;
	top: 150px;
	width: 35px;
	height: 34px;
	background : url('lib3/arrows.png') no-repeat 0 0;
	cursor :pointer ;
	margin :0;
	padding :0;
	border :none;
	text-decoration: none;
}

/* The hover state of the arrow prev */
.genericslider.lib3 .arrow_prev:hover 
{
	cursor: pointer;
}

/* 
The state of the arrow prev on the first item,
when the loop option is set to false. 
*/
.genericslider.lib3 .arrow_prev.first
{
	cursor :default ;
}


/*  _______________________________________

	04 CONTROL NAVIGATION (BULLETS, THUMBNAILS, ROTATOR)
    _______________________________________  */

/* The container of the control if set to outside */
.genericslider.lib3 .outer_control
{
	margin: 0;
	padding: 0;
	border: 0;
	background: #fafafa;
}

/* Control navigation container */
.genericslider.lib3 .controlNav 
{
	left : 40%;
	bottom : -50px;
	margin :0;
	border : 0;
}

.genericslider.lib3 .control_wrapper 
{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* Control list */
.genericslider.lib3 .controlNav ul 
{
	overflow: visible;
	margin: 0;
	padding: 0;
	border: 0;
}

/* The bullets control */
.genericslider.lib3 .controlNav li.bullets 
{
	width : 20px;
	height : 20px;
	margin : 3px;
	padding :0;
	border :none;
	overflow: visible;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	color: #7f7f7f;
	font-weight: bold;
	background : url("lib3/bullets.png") no-repeat;
}

/* Bullet last item */
.genericslider.lib3 .controlNav li.bullets.last 
{
}

/* The hover state of the bullets control */
.genericslider.lib3 .controlNav li.bullets:hover
{
	background: url("lib3/bullets.png") no-repeat -24px 0;
	color: #fafafa;
}

/* The active state of the bullets control */
.genericslider.lib3 .controlNav li.bullets.active 
{
	background: url("lib3/bullets.png") no-repeat -24px 0;
	color: #fafafa;
}

/* Thumbnails control */
.genericslider.lib3 .controlNav li.thumbnails 
{
	width : 113px;
	height : 72px;
	margin : 5px;
	padding :0;
	border :none;
	background : #eee;
	overflow: visible;
}

/* Thumbnail last item */
.genericslider.lib3 .controlNav li.thumbnails.last 
{
}

/* The hover state of the thumbnail item */
.genericslider.lib3 .controlNav li.thumbnails:hover
{
	background: #4e4e4e;
}

/* The active state of the thumbnail */
.genericslider.lib3 .controlNav li.thumbnails.active 
{
	background: #4e4e4e;
}

/* Overlay effect */
.genericslider.lib3 .controlNav li.thumbnails .overlay 
{
	background-color: #FFF;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

/* The hover state of the overlay effect */
.genericslider.lib3 .controlNav li.thumbnails:hover .overlay
{
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/* The active state of the overlay effect */
.genericslider.lib3 .controlNav li.thumbnails.active .overlay 
{
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}


/* Rotator list navigation */
.genericslider.lib3 .controlNav li.rotator 
{
	width : 200px;
	height : 80px;
	margin : 5px;
	padding :0;
	border :none;
	background : #eee;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	color: #4e4e4e;
}

/* Rotator last item */
.genericslider.lib3 .controlNav li.rotator.last 
{
}

/* Rotator list thumbnails */
.genericslider.lib3 .controlNav li.rotator img 
{
	width: 60px;
	height: 60px;
	float: left;
	margin: 10px;
}

/* Rotator title */
.genericslider.lib3 .controlNav li.rotator p
{
	margin-top: 5px;
	text-align: left;
}

.genericslider.lib3 .controlNav li.rotator p span.title
{
	display: block;
	font-weight: bold;
}

.genericslider.lib3 .controlNav li.rotator p span.date
{
	display: block;
	font-style: italic ;
}

/* The hover state of the rotator list */
.genericslider.lib3 .controlNav li.rotator:hover
{
	cursor: pointer;
}

/* The active state of the rotator list */
.genericslider.lib3 .controlNav li.rotator.active 
{
	cursor : default ;
}


/*  _______________________________________

	05 PLAY/PAUSE BUTTON
    _______________________________________  */

/* Play button container */
.genericslider.lib3 .control_autoplay
{
	top: 10px;
	right: 10px;
	width: 22px;
	height: 22px;
	background: #fafafa;
	border: solid 1px #d9d9d9;
}

/* Play button position on accordion mode */
.genericslider.lib3 dd .control_autoplay
{
	top: 5px;
	right: 5px;
}

/* Pause button */
.genericslider.lib3 .pause_button 
{
    width: 22px;
    height: 22px;
    background: url('lib3/play.png') no-repeat -22px 0;
    cursor: pointer;
}

/* Play button */
.genericslider.lib3 .play_button 
{
    width: 22px;
    height: 22px;
    background: url('lib3/play.png') no-repeat 0 0 ;
    cursor: pointer ;
}


/*  _______________________________________

	06 CONTENT
    _______________________________________  */

/* Image container */
.genericslider.lib3 .generoImage 
{
	background: #000 url("lib3/spinner.gif") no-repeat center;
}

.genericslider.lib3 .generoImage .videoOverlay
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("lib3/video.png") no-repeat center;
	cursor: pointer;
}

/* Video container */
.genericslider.lib3 .generoVideo 
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000 url("lib3/spinner.gif") no-repeat center;
}

/* Embed object container */
genericslider.lib3 .generoEmbed 
{
	background-color: #000;
}

genericslider.lib3 dd .generoEmbed img
{
	max-width: 100%;
	height: 100%;
}


/*  _______________________________________

	07 TEXT DESCRIPTION
    _______________________________________  */

/* Overlay text */
.genericslider.lib3 .generoText.overlay 
{
	left: 0px;
	top: 0px;
	width: 300px;
	height: 370px;
	color: #fff;
	background: #000;
	padding: 30px;

	opacity: 0.7;
	/*
	-ms-filter: alpha(opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.genericslider.lib3 .generoText.overlay h3 {
	font-size: 16px;
	padding-bottom: 5px;
	color: #f7f7f7;
	margin-bottom: 0;
	font-weight: bold;
}

.genericslider.lib3 .generoText.overlay p {
	padding-top: 5px;
	color: #bcbcbc;
	line-height: 2em;
}

.genericslider.lib3 .generoText.overlay .button {
	font-size: 12px;
	color: #f7f7f7;
	padding: 5px 10px;
	background: #db7030;
	display: inline-block;
	margin-top: 15px;
	text-transform: uppercase;	
	text-decoration: none;
}

.genericslider.lib3 .generoText.overlay .button:hover {
	background: #565656;
	text-decoration: none;
}

/* Partial left */
.genericslider.lib3 .generoText.partialleft 
{
	width: 300px;
	background-color: #eee;
	padding: 30px;
	border-right: solid 5px #fafafa
}

.genericslider.lib3 .generoText.partialleft h3 {
	font-size: 16px;
	padding-bottom: 5px;
	margin-bottom: 0;
	font-weight: bold;
	color: #4e4e4e;
}

.genericslider.lib3 .generoText.partialleft p {
	padding-top: 5px;
	color: #4e4e4e;
	line-height: 2em;
}

.genericslider.lib3 .generoText.partialleft .button {
	font-size: 12px;
	color: #f7f7f7;
	padding: 5px 10px;
	background: #db7030;
	display: inline-block;
	margin-top: 15px;
	text-transform: uppercase;	
	text-decoration: none;
}

.genericslider.lib3 .generoText.partialleft .button:hover {
	background: #565656;
	text-decoration: none;
}

/* Partial right */
.genericslider.lib3 .generoText.partialright 
{
	width: 300px;
	background-color: #eee;
	padding: 30px;
	border-left: solid 5px #fafafa;
}

.genericslider.lib3 .generoText.partialright h3 {
	font-size: 16px;
	padding-bottom: 5px;
	margin-bottom: 0;
	font-weight: bold;
	color: #4e4e4e;
}

.genericslider.lib3 .generoText.partialright p {
	padding-top: 5px;
	color: #4e4e4e;
	line-height: 2em;
}

.genericslider.lib3 .generoText.partialright .button {
	font-size: 12px;
	color: #f7f7f7;
	padding: 5px 10px;
	background: #db7030;
	display: inline-block;
	margin-top: 15px;
	text-transform: uppercase;	
	text-decoration: none;
}

.genericslider.lib3 .generoText.partialright .button:hover {
	background: #565656;
	text-decoration: none;
}

/* Outer text */
.genericslider.lib3 .outerText 
{
	width: 250px;
	background-color: #FAFAFA;
	padding: 20px;
}

.genericslider.lib3 .outerText h3 {
	font-size: 16px;
	padding-bottom: 5px;
	margin-bottom: 0;
	font-weight: bold;
	color: #4e4e4e;
}

.genericslider.lib3 .outerText p {
	padding-bottom: 0px;
	padding-top: 5px;
	color: #4e4e4e;
}

/********************** lib 4 *****************************/

/*
Evo Slider Pro v2.1.0 - jQuery slideshow and content slider plugin
http://genericslider.com

Copyright 2012, Fikri Rakala
http://codecanyon.net/user/genericslider
CodeCanyon Regular License

Skin Name: Rotation
*/ 

/*
TABLE OF CONTENTS

01 SLIDER
02 TOGGLE ICON/INDEX
03 DIRECTION NAVIGATION
04 CONTROL NAVIGATION (BULLETS, THUMBNAILS, ROTATOR)
05 PLAY/PAUSE BUTTON
06 CONTENT
07 TEXT DESCRIPTION
*/
 
 
/*  _______________________________________

	01 SLIDER
    _______________________________________  */
	
/* Container / frame surrounding the slider */
.genericslider.lib4
{
	position: relative;
	width :960px; /* set width via option */
	height :360px; /* set height via option */
    margin: 0 auto;
	border: 10px solid #f8f8f8;
	padding: 5px;
	background :#f8f8f8;
	overflow : visible ;
	
	/* shadow */
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5)";
    filter: progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5);  
}

/* Content preloader */
.genericslider.lib4 .contentLoader
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background: #000 url("lib4/spinner.gif") no-repeat center;
}

/* You can set up the border of the dl element here  */
.genericslider.lib4 dl
{
	border: 0;
}

/*
Slider title bar.

The title bar are rotated, so you will need to swap your directions.
To change the width of the title bar, you will need to modify the height property.
You will also need to make sure that any background imagery used is rotated horizontally.

To give unique custom appearance for each title, you can give a unique class for each title, for example:
	.genericslider dt.slide_1
	.genericslider dt.slide_2
	.genericslider dt.slide_3
	etc...
*/ 


.genericslider.lib4 dt
{

	width:100%;
    color :#4e4e4e;
    font-family :Arial , Verdana;
    font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing :1px;
	line-height: 40px;
	text-align : left;
	padding-left: 70px;
    background: #4e4e4e url('../demo11/title_bar.png') no-repeat;
    
    /* text shadow */
	text-shadow: -1px 1px 1px #9f9f9f;
}

/* The hover state of the title bar */ 
.genericslider.lib4 dt:hover
{
	cursor :pointer ;
	color: #4e4e4e;
}

/* The active state of the title bar */
.genericslider.lib4 dt.active
{
	color: #4e4e4e;
	background: #4e4e4e url('../demo11/title_bar.png') no-repeat;
	cursor :default;
}

/* 
The slide content area

The width and height will automatically be defined by the plugin.
*/
.genericslider.lib4 dd 
{
	background: #fff;
}


/*  _______________________________________

	02 TOGGLE ICON/INDEX
    _______________________________________  */

/* 
The toggle icon of title bar.

You can specify the position of the icon by setting its left and top position.
You can set the toggle icon for the default, hover, and active state via the background property.
To display index, set the showToggleIndex plugin option to true.
*/
.genericslider.lib4 dt .toggle_icon
{
	left : 5px;
	top: 0;
	width: 40px;
	height: 40px;
	font-family: Arial, Verdana ;
    font-size: 18px;
	font-weight: bold;
	color :#4e4e4e;
	text-align: center ;
	
	/* text shadow*/
	text-shadow: 0 1px 1px #9f9f9f;	
}

/* Toggle icon position for ie8+  */
.genericslider.lib4 dt .toggle_icon.ie 
{
	left: 0;
	top: auto;
	bottom: 5px;
}

/* The hover state of the toggle icon */ 
.genericslider.lib4 dt:hover .toggle_icon
{
	color: #4e4e4e;
}

/* The active state of the toggle icon */
 
.genericslider.lib4 dt.active .toggle_icon
{
	color : #4e4e4e;
}


/*  _______________________________________

	03 DIRECTION NAVIGATION
    _______________________________________  */

/* The arrow next */
.genericslider.lib4 .arrow_next 
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	position :absolute;
		right : 10px;
		top : 150px;
		width : 35px;
		height : 34px;
	background : url('../demo11/arrows.png') no-repeat -35px 0;
		cursor : pointer;
		margin :0;
		padding :0;
		text-decoration: none;
}

/* The hover state of the arrow next */
.genericslider.lib4 .arrow_next:hover
{
	cursor: pointer;
}

/*
The state of the arrow next on the last item 
when the loop option is set to false. 
*/
.genericslider.lib4 .arrow_next.last
{
	cursor: default ; 
}

/* The arrow prev */
.genericslider.lib4 .arrow_prev 
{
	border-style: none;
	border-color: inherit;
	border-width: medium;
	position :absolute;
		left: 10px;
		top: 150px;
		width: 35px;
		height: 34px;
	background : url('../demo11/arrows.png') no-repeat 0 0;
		cursor :pointer;
		margin :0;
		padding :0;
		text-decoration: none;
}

/* The hover state of the arrow prev */
.genericslider.lib4 .arrow_prev:hover 
{
	cursor: pointer;
}

/* 
The state of the arrow prev on the first item,
when the loop option is set to false. 
*/
.genericslider.lib4 .arrow_prev.first
{
	cursor :default ;
}


/*  _______________________________________

	04 CONTROL NAVIGATION (BULLETS, THUMBNAILS, ROTATOR)
    _______________________________________  */

/* The container of the control if set to outside */
.genericslider.lib4 .outer_control
{
	margin: 0;
	padding: 0;
	border: 0;
	background: #dfdfdf;
}

/* Control navigation container */
.genericslider.lib4 .controlNav 
{
	left : 10px;
	bottom : 10px;
	margin :0;
	border : 0;
}

.genericslider.lib4 .control_wrapper 
{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* Control list */
.genericslider.lib4 .controlNav ul 
{
	overflow: visible;
	margin: 0;
	padding: 0;
	border: 0;
}

/* The bullets control */
.genericslider.lib4 .controlNav li.bullets 
{
	width : 20px;
	height : 20px;
	margin : 5px;
	padding :0;
	border :none;
	background : #eee;
	overflow: visible;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	color: #4e4e4e;
}

/* Bullet last item */
.genericslider.lib4 .controlNav li.bullets.last 
{
}

/* The hover state of the bullets control */
.genericslider.lib4 .controlNav li.bullets:hover
{
	background: #4e4e4e;
	color: #fafafa;
}

/* The active state of the bullets control */
.genericslider.lib4 .controlNav li.bullets.active 
{
	background: #4e4e4e;
	color: #fafafa;
}

/* Thumbnails control */
.genericslider.lib4 .controlNav li.thumbnails 
{
	width : 113px;
	height : 72px;
	margin : 5px;
	margin-bottom: 0;
	padding :0;
	border :none;
	background : #eee;
	overflow: visible;
	
	/* shadow */
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5)";
    filter: progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5); 
}

/* Thumbnail last item */
.genericslider.lib4 .controlNav li.thumbnails.last 
{
	margin-bottom: 5px;
}

/* The hover state of the thumbnail item */
.genericslider.lib4 .controlNav li.thumbnails:hover
{
	background: #4e4e4e;
}

/* The active state of the thumbnail */
.genericslider.lib4 .controlNav li.thumbnails.active 
{
	background: #4e4e4e;
}

/* Overlay effect */
.genericslider.lib4 .controlNav li.thumbnails .overlay 
{
	background-color: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

/* The hover state of the overlay effect */
.genericslider.lib4 .controlNav li.thumbnails:hover .overlay
{
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/* The active state of the overlay effect */
.genericslider.lib4 .controlNav li.thumbnails.active .overlay 
{
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}


/* Rotator list navigation */
.genericslider.lib4 .controlNav li.rotator 
{
	width : 235px;
	height : 85px;
	margin : 0;
	margin-bottom: 2px;
	padding: 5px 10px;
	padding-left: 5px;
	border :none;
	background : #f0f0f0;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
}

/* Rotator last item */
.genericslider.lib4 .controlNav li.rotator.last 
{
	margin-bottom: 0;
}

/* Rotator list thumbnails */
.genericslider.lib4 .controlNav li.rotator img 
{
	width: 70px;
	height: 60px;
	float: left;
	margin: 10px;
	margin-left: 5px;
	border: solid 2px #dfdfdf; 
}

/* Rotator title */
.genericslider.lib4 .controlNav li.rotator p
{
	margin-top: 5px;
	text-align: left;
}

.genericslider.lib4 .controlNav li.rotator p span.title
{
	display: block;
	font-weight: bold;
	margin-top: 7px;
}

.genericslider.lib4 .controlNav li.rotator p span.date
{
	display: block;
	color: #db7030;
	font-size: 11px;
}

/* The hover state of the rotator list */
.genericslider.lib4 .controlNav li.rotator:hover
{
	cursor: pointer;
}

/* The active state of the rotator list */
.genericslider.lib4 .controlNav li.rotator.active 
{
	cursor : default ;
}

.genericslider.lib4 .controlNav li.rotator.active span.title
{
	color: #db7030;
}

.genericslider.lib4 .controlNav li.rotator.active span.date
{
}

.genericslider.lib4 .controlNav li.rotator.active img 
{
	border: solid 2px #db7030;
}


/*  _______________________________________

	05 PLAY/PAUSE BUTTON
    _______________________________________  */

/* Play button container */
.genericslider.lib4 .control_autoplay
{
	top: 10px;
	right: 10px;
	width: 22px;
	height: 22px;
	background: #fafafa;
	border: solid 1px #d9d9d9;
}

/* Play button position on accordion mode */
.genericslider.lib4 dd .control_autoplay
{
	top: 5px;
	right: 5px;
}

/* Pause button */
.genericslider.lib4 .pause_button 
{
    width: 22px;
    height: 22px;
    background: url('../demo11/play.png') no-repeat -22px 0;
    cursor: pointer;
}

/* Play button */
.genericslider.lib4 .play_button 
{
    width: 22px;
    height: 22px;
    background: url('../demo11/play.png') no-repeat 0 0 ;
    cursor: pointer;
}


/*  _______________________________________

	06 CONTENT
    _______________________________________  */

/* Image container */
.genericslider.lib4 .generoImage 
{
	background: #000 url("lib4/spinner.gif") no-repeat center;
}

.genericslider.lib4 .generoImage .videoOverlay
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("lib4/video.png") no-repeat center;
	cursor: pointer;
}

/* Video container */
.genericslider.lib4 .generoVideo 
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000 url("lib4/spinner.gif") no-repeat center;
}

/* Embed object container */
genericslider.lib4 .generoEmbed 
{
	background-color: #000;
}

genericslider.lib4 dd .generoEmbed img
{
	max-width: 100%;
	height: 100%;
}


/*  _______________________________________

	07 TEXT DESCRIPTION
    _______________________________________  */

/* Overlay text */
.genericslider.lib4 .generoText.overlay 
{
	left: 0px;
	bottom: 0px;
	width: 675px;
	height: 60px;
	background: #000;
	padding: 10px;
	
	opacity: 0.5;
	filter: alpha(opacity=90);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.genericslider.lib4 .generoText.overlay h3 {
	color: #a1a37f;
	padding-bottom: 5px;
	color: #f7f7f7;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: bold;
}

.genericslider.lib4 .generoText.overlay p {
	color: #fafafa;
}

/* Partial left */
.genericslider.lib4 .generoText.partialleft 
{
	width: 250px;
	background-color: #FAFAFA;
	padding: 20px;
}

.genericslider.lib4 .generoText.partialleft h3 {
	font-size: 14px;
	padding-bottom: 5px;
	margin-bottom: 0;
	font-weight: bold;
	color: #4e4e4e;
}

.genericslider.lib4 .generoText.partialleft p {
	padding-bottom: 0px;
	padding-top: 5px;
	color: #4e4e4e;
}

/* Partial right */
.genericslider.lib4 .generoText.partialright 
{
	width: 250px;
	background-color: #FAFAFA;
	padding: 20px;
}

.genericslider.lib4 .generoText.partialright h3 {
	font-size: 14px;
	padding-bottom: 5px;
	margin-bottom: 0;
	font-weight: bold;
	color: #4e4e4e;
}

.genericslider.lib4 .generoText.partialright p {
	padding-bottom: 0px;
	padding-top: 5px;
	color: #4e4e4e;
}

/* Outer text */
.genericslider.lib4 .outerText 
{
	width: 250px;
	background-color: #FAFAFA;
	padding: 20px;
}

.genericslider.lib4 .outerText h3 {
	font-size: 16px;
	padding-bottom: 5px;
	margin-bottom: 0;
	font-weight: bold;
	color: #4e4e4e;
}

.genericslider.lib4 .outerText p {
	padding-bottom: 0px;
	padding-top: 5px;
	color: #4e4e4e;
}


/*  _______________________________________

	05 SLIDER
    _______________________________________  */
	

.genericsliderf.lib5 dt
{
width:100%;
text-align:left;
cursor: pointer;
padding-top:2px;
padding-bottom:3px;
padding-left:5px;
}

.genericsliderf.lib5 dd
{
width:100%;
text-align:left;
padding-bottom:3px;
word-wrap: break-word; /* or "normal" */
overflow-wrap: break-word;
margin-left: 0px;
}


/* Container / frame surrounding the slider */


.genericslider.lib5
{
	position: relative;
	width :960px; /* set width via option */
	height :360px; /* set height via option */
    margin: 0 auto;
	border: 15px solid #fafafa;
	padding: 5px;
	padding-right: 0;
	background :#d3d3d3;
	overflow : visible ;
	
	/* shadow */
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5)";
    filter: progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5);  
}

/* Content preloader */
.genericslider.lib5 .contentLoader
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background: #000 url("lib5/spinner.gif") no-repeat center;
}

/* You can set up the border of the dl element here  */
.genericslider.lib5 dl
{
	border: 0;
}

/*
Slider title bar.

The title bar are rotated, so you will need to swap your directions.
To change the width of the title bar, you will need to modify the height property.
You will also need to make sure that any background imagery used is rotated horizontally.

To give unique custom appearance for each title, you can give a unique class for each title, for example:
	.genericslider dt.slide_1
	.genericslider dt.slide_2
	.genericslider dt.slide_3
	etc...
*/ 
.genericslider.lib5 dt
{
	height : 45px;
    color :#4e4e4e;
    font-family :Arial , Verdana;
    font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing :1px;
	line-height: 40px;
	text-align : left;
	padding-left: 70px;
    background: #d3d3d3 url('lib5/title_bar.png') no-repeat;
    
    /* text shadow */
	text-shadow: -1px 1px 1px #9f9f9f;
}

/* The hover state of the title bar */ 
.genericslider.lib5 dt:hover
{
	cursor :pointer ;
}

/* The active state of the title bar */
.genericslider.lib5 dt.active
{
	cursor :default;
}

/* 
The slide content area

The width and height will automatically be defined by the plugin.
*/
.genericslider.lib5 dd 
{
	background: #fff;
}


/*  _______________________________________

	02 TOGGLE ICON/INDEX
    _______________________________________  */

/* 
The toggle icon of title bar.

You can specify the position of the icon by setting its left and top position.
You can set the toggle icon for the default, hover, and active state via the background property.
To display index, set the showToggleIndex plugin option to true.
*/
.genericslider.lib5 dt .toggle_icon
{
	left : 5px;
	top: 0;
	width: 40px;
	height: 40px;
	font-family: Arial, Verdana ;
    font-size: 18px;
	font-weight: bold;
	color :#4e4e4e;
	text-align: center ;
	
	/* text shadow*/
	text-shadow: 0 1px 1px #9f9f9f;	
}

/* Toggle icon position for ie8+  */
.genericslider.lib5 dt .toggle_icon.ie 
{
	left: 0;
	top: auto;
	bottom: 5px;
}

/* The hover state of the toggle icon */ 
.genericslider.lib5 dt:hover .toggle_icon
{
	color: #4e4e4e;
}

/* The active state of the toggle icon */
 
.genericslider.lib5 dt.active .toggle_icon
{
	color : #4e4e4e;
}


/*  _______________________________________

	03 DIRECTION NAVIGATION
    _______________________________________  */

/* The arrow next */
.genericslider.lib5 .arrow_next 
{
	position :absolute ;
	right : 10px;
	top : 150px;
	width : 35px;
	height : 34px;
	background : url('lib5/arrows.png') no-repeat -35px 0;
	cursor : pointer ;
	margin :0;
	padding :0;
	border : 0;
	text-decoration: none;
}

/* The hover state of the arrow next */
.genericslider.lib5 .arrow_next:hover
{
	cursor: pointer;
}

/*
The state of the arrow next on the last item 
when the loop option is set to false. 
*/
.genericslider.lib5 .arrow_next.last
{
	cursor: default ; 
}

/* The arrow prev */
.genericslider.lib5 .arrow_prev 
{
	position :absolute ;
	left: 10px;
	top: 150px;
	width: 35px;
	height: 34px;
	background : url('lib5/arrows.png') no-repeat 0 0;
	cursor :pointer ;
	margin :0;
	padding :0;
	border :none;
	text-decoration: none;
}

/* The hover state of the arrow prev */
.genericslider.lib5 .arrow_prev:hover 
{
	cursor: pointer;
}

/* 
The state of the arrow prev on the first item,
when the loop option is set to false. 
*/
.genericslider.lib5 .arrow_prev.first
{
	cursor :default ;
}


/*  _______________________________________

	04 CONTROL NAVIGATION (BULLETS, THUMBNAILS, ROTATOR)
    _______________________________________  */

/* The container of the control if set to outside */
.genericslider.lib5 .outer_control
{
	margin: 0;
	padding: 0;
	border: 0;
	background: #fafafa;
}

/* Control navigation container */
.genericslider.lib5 .controlNav 
{
	left : 10px;
	bottom : 10px;
	margin :0;
	border : 0;
}

.genericslider.lib5 .control_wrapper 
{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* Control list */
.genericslider.lib5 .controlNav ul 
{
	overflow: visible;
	margin: 0;
	padding: 0;
	border: 0;
}

/* The bullets control */
.genericslider.lib5 .controlNav li.bullets 
{
	width : 20px;
	height : 20px;
	margin : 5px;
	padding :0;
	border :none;
	background : #eee;
	overflow: visible;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	color: #4e4e4e;
}

/* Bullet last item */
.genericslider.lib5 .controlNav li.bullets.last 
{
}

/* The hover state of the bullets control */
.genericslider.lib5 .controlNav li.bullets:hover
{
	background: #4e4e4e;
	color: #fafafa;
}

/* The active state of the bullets control */
.genericslider.lib5 .controlNav li.bullets.active 
{
	background: #4e4e4e;
	color: #fafafa;
}

/* Thumbnails control */
.genericslider.lib5 .controlNav li.thumbnails 
{
	width : 113px;
	height : 72px;
	margin : 5px;
	padding :0;
	border :none;
	background : #eee;
	overflow: visible;
}

/* Thumbnail last item */
.genericslider.lib5 .controlNav li.thumbnails.last 
{
}

/* The hover state of the thumbnail item */
.genericslider.lib5 .controlNav li.thumbnails:hover
{
	background: #4e4e4e;
}

/* The active state of the thumbnail */
.genericslider.lib5 .controlNav li.thumbnails.active 
{
	background: #4e4e4e;
}

/* Overlay effect */
.genericslider.lib5 .controlNav li.thumbnails .overlay 
{
	background-color: #FFF;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

/* The hover state of the overlay effect */
.genericslider.lib5 .controlNav li.thumbnails:hover .overlay
{
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/* The active state of the overlay effect */
.genericslider.lib5 .controlNav li.thumbnails.active .overlay 
{
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}


/* Rotator list navigation */
.genericslider.lib5 .controlNav li.rotator 
{
	width : 200px;
	height : 80px;
	margin : 5px;
	padding :0;
	border :none;
	background : #eee;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	color: #4e4e4e;
}

/* Rotator last item */
.genericslider.lib5 .controlNav li.rotator.last 
{
}

/* Rotator list thumbnails */
.genericslider.lib5 .controlNav li.rotator img 
{
	width: 60px;
	height: 60px;
	float: left;
	margin: 10px;
}

/* Rotator title */
.genericslider.lib5 .controlNav li.rotator p
{
	margin-top: 5px;
	text-align: left;
}

.genericslider.lib5 .controlNav li.rotator p span.title
{
	display: block;
	font-weight: bold;
}

.genericslider.lib5 .controlNav li.rotator p span.date
{
	display: block;
	font-style: italic ;
}

/* The hover state of the rotator list */
.genericslider.lib5 .controlNav li.rotator:hover
{
	cursor: pointer;
}

/* The active state of the rotator list */
.genericslider.lib5 .controlNav li.rotator.active 
{
	cursor : default ;
}


/*  _______________________________________

	05 PLAY/PAUSE BUTTON
    _______________________________________  */

/* Play button container */
.genericslider.lib5 .control_autoplay
{
	top: 10px;
	right: 10px;
	width: 22px;
	height: 22px;
	background: #fafafa;
	border: solid 1px #d9d9d9;
}

/* Play button position on accordion mode */
.genericslider.lib5 dd .control_autoplay
{
	top: 5px;
	right: 5px;
}

/* Pause button */
.genericslider.lib5 .pause_button 
{
    width: 22px;
    height: 22px;
    background: url('lib5/play.png') no-repeat -22px 0;
    cursor: pointer;
}

/* Play button */
.genericslider.lib5 .play_button 
{
    width: 22px;
    height: 22px;
    background: url('lib5/play.png') no-repeat 0 0 ;
    cursor: pointer ;
}


/*  _______________________________________

	06 CONTENT
    _______________________________________  */

/* Image container */
.genericslider.lib5 .generoImage 
{
	background: #000 url("lib5/spinner.gif") no-repeat center;
}

.genericslider.lib5 .generoImage .videoOverlay
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("lib5/video.png") no-repeat center;
	cursor: pointer;
}

/* Video container */
.genericslider.lib5 .generoVideo 
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000 url("lib5/spinner.gif") no-repeat center;
}

/* Embed object container */
genericslider.lib5 .generoEmbed 
{
	background-color: #000;
}

genericslider.lib5 dd .generoEmbed img
{
	max-width: 100%;
	height: 100%;
}


/*  _______________________________________

	07 TEXT DESCRIPTION
    _______________________________________  */

/* Overlay text */
.genericslider.lib5 .generoText.overlay 
{
	left: 10px;
	bottom: 10px;
	width: 630px;
	height: 70px;
	color: #4e4e4e;
	background: #fff;
	padding: 10px 20px;

	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.genericslider.lib5 .generoText.overlay h3 {
	font-size: 16px;
	padding-bottom: 5px;
	color: #4e4e4e;
	margin-bottom: 0;
	font-weight: bold;
}

.genericslider.lib5 .generoText.overlay p {
	padding-bottom: 0px;
	padding-top: 5px;
	color: #4e4e4e;
}

/* Partial left */
.genericslider.lib5 .generoText.partialleft 
{
	width: 250px;
	background-color: #FAFAFA;
	padding: 20px;
}

.genericslider.lib5 .generoText.partialleft h3 {
	font-size: 16px;
	padding-bottom: 5px;
	margin-bottom: 0;
	font-weight: bold;
	color: #4e4e4e;
}

.genericslider.lib5 .generoText.partialleft p {
	color: #4e4e4e;
	line-height: 2em;
}

.genericslider.lib5 .generoText.partialleft .button {
	font-size: 12px;
	color: #f7f7f7;
	padding: 5px 10px;
	background: #db7030;
	display: inline-block;
	margin-top: 15px;
	text-transform: uppercase;	
	text-decoration: none;
}

.genericslider.lib5 .generoText.partialleft .button:hover {
	background: #565656;
	text-decoration: none;
}

/* Partial right */
.genericslider.lib5 .generoText.partialright 
{
	width: 250px;
	background-color: #FAFAFA;
	padding: 20px;
}

.genericslider.lib5 .generoText.partialright h3 {
	font-size: 16px;
	padding-bottom: 5px;
	margin-bottom: 0;
	font-weight: bold;
	color: #4e4e4e;
}

.genericslider.lib5 .generoText.partialright p {
	padding-top: 5px;
	color: #4e4e4e;
	line-height: 2em;
}

.genericslider.lib5 .generoText.partialright .button {
	font-size: 12px;
	color: #f7f7f7;
	padding: 5px 10px;
	background: #db7030;
	display: inline-block;
	margin-top: 15px;
	text-transform: uppercase;	
	text-decoration: none;
}

.genericslider.lib5 .generoText.partialright .button:hover {
	background: #565656;
	text-decoration: none;
}

/* Outer text */
.genericslider.lib5 .outerText 
{
	width: 250px;
	background-color: #FAFAFA;
	padding: 20px;
}

.genericslider.lib5 .outerText h3 {
	font-size: 16px;
	padding-bottom: 5px;
	margin-bottom: 0;
	font-weight: bold;
	color: #4e4e4e;
}

.genericslider.lib5 .outerText p {
	padding-bottom: 0px;
	padding-top: 5px;
	color: #4e4e4e;
}








/******* sliderlib.css ***********/

.genericslider
{
	overflow: auto;
}

.genericslider .slideWrapper
{
	position: relative;
}

.genericslider dl
{
	position :relative ;
    width : 100%;
    list-style :none ;
    overflow: hidden ;
    margin: 0;
    padding: 0;
    border: 0;
}

/*
Title bar.
*/ 
.genericslider dt
{
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

/* The hover state of the title bar */ 
.genericslider dt:hover
{
	cursor :pointer ;
}

/* The active state of the title bar */
.genericslider dt.active
{
	cursor :default;
}

.genericslider dt .ieFix 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

.genericslider dt .ieFix .box
{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: Gray;
	opacity: 0; 
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/* 
The slide content area
*/
.genericslider dd 
{
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	border: 0;
    overflow: hidden;
}

.genericslider dd .generoImage img
{
	width: 100%;
	height: 100%;
}


/*  _______________________________________

	02 TOGGLE ICON/INDEX
    _______________________________________  */

/* 
The toggle icon of title bar
*/
.genericslider dt .toggle_icon
{
	position: absolute;
}


/*  _______________________________________

	03 CONTROL NAVIGATION (BULLETS, THUMBNAILS, ROTATOR)
    _______________________________________  */

/* The container of the control if set to outside */
.genericslider .outer_control
{
	position: relative;
	overflow: hidden;	
}

/* Control navigation container */
.genericslider .controlNav 
{
	position :absolute ;
}

.genericslider .control_wrapper 
{
	position: relative;
}

/* Control list */
.genericslider .controlNav ul 
{
	position: relative;
	list-style: none;
}

/* The bullets control */
.genericslider .controlNav li.bullets 
{
	position :relative;
	float: left ;
	cursor: pointer ;
}

/* The hover state of the bullets control */
.genericslider .controlNav li.bullets:hover
{
	cursor: pointer;
}

/* The active state of the bullets control */
.genericslider .controlNav li.bullets.active 
{
	cursor : default ;
}

/* Thumbnails carousel */
.genericslider .controlNav li.thumbnails 
{
	position :relative;
	float: left ;
	cursor: pointer ;
}

.genericslider .controlNav li.thumbnails img 
{
	width: 100%;
	height: 100%;
}

/* The hover state of the thumbnail item */
.genericslider .controlNav li.thumbnails:hover
{
	cursor: pointer;
}

/* The active state of the thumbnail */
.genericslider .controlNav li.thumbnails.active 
{
	cursor : default ;
}

/* Overlay effect */
.genericslider .controlNav li.thumbnails .overlay 
{
	position: absolute ;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Rotator list navigation */
.genericslider .controlNav li.rotator 
{
	position :relative;
	float: left ;
	cursor: pointer ;
	overflow: hidden;
}

/* Rotator list thumbnails */
.genericslider .controlNav li.rotator img 
{
	position: relative;
	display:inline-block;
}

.genericslider .controlNav li.rotator p
{
	position: relative;
}

/* The hover state of the rotator list */
.genericslider .controlNav li.rotator:hover
{
	cursor: pointer;
}

/* The active state of the rotator list */
.genericslider .controlNav li.rotator.active 
{
	cursor: default ;
}


/*  _______________________________________

	04 PLAY/PAUSE BUTTON
    _______________________________________  */

/* Play button container */
.genericslider .control_autoplay
{
	position:absolute;
}

/* Pause button */
.genericslider .pause_button 
{
	position: absolute ;
	display:block ;
	top: 0;
	left: 0;
    cursor: pointer;
}

/* Play button */
.genericslider .play_button 
{
	position: absolute ;
	display: block;
	top: 0;
	left: 0;
    cursor: pointer ;
}

/*  _______________________________________

	05 CONTENT
    _______________________________________  */

/* Image container */
.genericslider .generoImage 
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	float: left;
}

.genericslider .generoImage a
{
	position: relative;
}

/* Video container */
.genericslider .generoVideo 
{
	position: relative;
	width: 100%;
	height: 100%;
	float: left;
}

/* Embed object container */
genericslider .generoEmbed 
{
	position: relative;
	width: 100%;
	height: 100%;
	float: left;
}


/*  _______________________________________

	06 TEXT DESCRIPTION
    _______________________________________  */

/* Overlay text */
.genericslider .generoText.overlay 
{
	position: absolute;
}

/* Partial left */
.genericslider .generoText.partialleft 
{
	position: relative;
	float: left;
}

/* Partial right */
.genericslider .generoText.partialright 
{
	position: relative;
	float: left;
}

.genericslider .generoText.none 
{
	display: none;
}

/* Outer text */
.genericslider .outerText 
{
	position: relative;
}

.genericslider .outerText ul 
{
	position: relative;
	list-style: none;
	width: 100%;
	height: 100%;
}

.genericslider .outerText ul li 
{
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}