@charset "UTF-8";
/* CSS Document */
#mainCarrouselContainer{
	width:630px;
	padding-right:11px;
	background:#E3E3E3 !important;
	border-bottom: 11px solid #E3E3E3;
	float:left;
	position:relative;
}

#mainCarrouselContainer #mainCarrousel{overflow:hidden;} 

#mainCarrousel{
	height:344px;
	width:440px;
	position:relative;
	float:left;
	}
.slide-shadow{
	width:420px;
	height:214px;
	border-top: solid black 10px;
	border-left: solid black 10px;
	border-right: solid black 10px;
	border-bottom: solid black 120px;
	position:absolute;
	z-index:2;
	opacity:0.5;
	filter:alpha(opacity=50);
	top:0;
border-right-width: 15px;
border-bottom-width: 130px;
}
.slide-content{
		position:absolute;
		z-index:3;
		width:420px;
		height:120px;
		top:223px;
		padding:0 10px;
	}
.slide-content h1{
	line-height:1.15em;
	color:white;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:23px;
	padding:0 0 0 2px;
	margin-top:8px;
	text-transform:none;
	color:#D0EAF7;
	letter-spacing:2px;
	}
.slide-content .slide-description{
	color:white;
	font-size:11px;
	display:block;
	padding:0 3px;
	/*margin-bottom:5px;*/
	margin-top:3px;
	height:37px;
	overflow:hidden;
	}
.slide-content .slide-links li{display:inline; background-color:rgba(0,0,0,0.4); padding:0px 5px 0 18px; }
.slide-content .slide-links li:hover {background-color:#CBBC28; }	
.slide-content .slide-links li a{color:white; text-transform:uppercase; font-size:9px; }
.slide-content .slide-links .readmore{/*background:rgba(0,0,0,0.4) url(/media/slides/readmore.png)  3px center no-repeat;*/}
.slide-content .slide-links .watchvideo{background:rgba(0,0,0,0.4) url(/media/slides/watchvideo.png)  3px center no-repeat;}
.slide-content .slide-links li.readmore{!background: url('/media/slides/readmore.png')  3px center no-repeat; !padding-left:17px;}
.slide-content .slide-links li.watchvideo{!background: url('/media/slides/watchvideo.png')  3px center no-repeat; !padding-left:17px;}
.slide-content .slide-links .fa-arrow-right 
{
    position: absolute;
    bottom: 6px;
    margin-left: -12px;
    transform: rotate(45deg);
    color: white;
    font-size: 8px;
}
.slide-img{
	position:relative;}
#pagerContainer{
	width:190px;
	float:left;
	height:344px;
	}
#mainCarrouselPager{background:black; position:relative; z-index:999;margin-top:1px !important; }	
#mainCarrouselPager li{
	display:block;
	height:75px;
	border-bottom:solid 1px grey;
	background:black;
	padding-left:10px;
	padding-top:10px;
	margin-top:0;
	}
#mainCarrouselPager .mainCarrouselPager-category{
	display:block;
	text-transform:uppercase;
	color:white;
	font-size:9px;
	letter-spacing:2px;
	margin-bottom:4px;
	margin-top:-3px;
	}
#mainCarrouselPager li a{
	color:#444444;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	line-height:1.4em;
	}
#mainCarrouselPager li{	
 padding-right: 5px;	
	}
#mainCarrouselPager li.activeSlide, #mainCarrouselPager li:hover
{
	background:#CBBC28;
	
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	margin-left:-5px;
	border-bottom:none;
	margin-bottom:1px;
	margin-top:-1px;
	padding-top:11px;
	padding-left:15px;
	}
#mainCarrouselPager li:hover{}
#mainCarrouselPager li.activeSlide a,#mainCarrouselPager li:hover a {
	color:white;
	}	
#mainCarrouselPager li.activeSlide .mainCarrouselPager-category, #mainCarrouselPager li:hover .mainCarrouselPager-category{
	color:black;
	}
#pagerContainer{height:344px; background-color:black;}	

@media \0screen{
	#mainCarrouselPager li.activeSlide, #mainCarrouselPager li:hover{
		background: url(../media/slides/yellow-bg.png) no-repeat;
		margin-bottom:0;
		margin-top:0;
		border-bottom:grey solid 1px;
		
		}
	#mainCarrouselPager{margin-top:0px;}
	#mainCarrouselPager li{margin-top:0px; zoom:0; height:75px;}
	#mainCarrouselPager li.activeSlide{height:76px !important; border:none;}
	#mainCarrouselPager li:hover{height:75px; border:none;}
.slide-content .slide-links .readmore{background:url(/media/slides/link-bg.png) repeat-x;}
.slide-content .slide-links .watchvideo{background:url(/media/slides/link-bg.png) repeat-x; }
.slide-content .slide-links li{padding:0 5px 0 0;}
.slide-content .slide-links li a{padding-left:18px;}
.slide-content .slide-links .readmore a{background: url(/media/slides/readmore.png)  3px center no-repeat;}
.slide-content .slide-links .watchvideo a{background: url(/media/slides/watchvideo.png)  3px center no-repeat;}
	}
	/*to hide content before it is loaded*/
#mainCarrousel	div.slide-container{
	display:none;
}
#mainCarrousel	div.first{
	display:block;
}
#carrouselControls{
	position:absolute;
	bottom:-13px;
}

#mainCarrousel .slide-container img{/*margin-top:-46px; height:439px;*/ height:344px;}

/* ie7 ie8 fixes*/

#mainCarrousel .slide-container { height/*\**/: 345px\9; }
#mainCarrousel #carrouselControls { z-index/*\**/: 999\9; }
#mainCarrousel #carrouselControls { left/*\**/: 0px\9; }
#mainCarrousel #pagerContainer #mainCarrouselPager{top/*\**/: -1px\9}

#mainCarrousel .slide-container { *height: 345px;  }
#mainCarrousel #carrouselControls{z-index:999 !important; *left:0px !important;}

#mainCarrousel .slide-container .slide-shadow, #mainCarrousel .slide-container .slide-content{*left:0px !important;}

/* end ie7 ie8 fixes*/
	