/*	Styles for the Banner Carousel 
	------------------------------
	Class Name:	.bannerCarousel
	
	Contains:	Introduction		(.intro)
				Which holds...
					Title			(h1)
					Description		(.description)
				Banner Holder		(.bannerHolder)
				Which holds...
					Images x5		(img)
*/
@media screen, projection {
/* Presets */
.bannerCarousel {
	margin								: 0 0 20px 0;
	padding								: 0;
	
	position							: relative;
	
	-webkit-border-radius				: 50px 20px;
	-moz-border-radius					: 50px 20px;
	border-radius						: 50px 20px;
	
	border								: red solid 0px;
}

.bannerCarousel .intro {
	position							: absolute;
	bottom								: 20px;
	left								: 0;
	z-index								: 100;
	padding								: 15px 20px;
	
	margin-right                        : 60px; /* Page Editor Fix */
	max-width                           : 350px;

	background							: rgb(255, 255, 255) transparent;
	background							: rgba(255, 255, 255, 0.95);   
    -pie-background						: rgba(255, 255, 255, 0.95); /* for ie compatability */
	
	-webkit-border-radius				: 0 10px 10px 0;
	-moz-border-radius					: 0 10px 10px 0;
	border-radius						: 0 10px 10px 0;
	
	behavior							: url(/platform/sites/_base/scripts/css3pie/PIE.htc);
}

.bannerCarousel h1 {
	font-size							: 1.8em;
	font-weight							: normal;
	margin								: 0 0 5px 0;
	/*color								: #00aaee;*/
	border:none;
}

.bannerCarousel .description {
	font-size							: 1.2em;
}

.bannerHolder div {
	width								: 460px;
	height								: 240px;
	overflow							: hidden;
	
	
	-webkit-border-radius				: 50px 20px;
	-moz-border-radius					: 50px 20px;
	border-radius						: 50px 20px;	
	
}

.ieBannerMask { /* This is a fix for IE8 and belows' lack of intelligent radial corners */
	width								: 460px;
	height								: 240px;
	z-index								: 99;
	background							: url(img/ieBannerMask.png) no-repeat top left;
	position							: absolute;
	top									: 0;
	left								: 0;
	
	-pie-png-fix						: true;
	behavior							: url(/platform/sites/_base/scripts/css3pie/PIE.htc);
}

/* Editor Tool */
.bannerCarousel .imageThumbs {
	position							: absolute;
	top									: 0;
	z-index								: 300;
	background							: #fff;
	padding								: 10px 10px 10px 0;
	margin-left							: 220px;
	
	-webkit-border-radius				: 0 0 4px 4px;
	-moz-border-radius					: 0 0 4px 4px;
	border-radius						: 0 0 4px 4px;
	
	behavior							: url(/platform/sites/_base/scripts/css3pie/PIE.htc);
	
}

.bannerCarousel .imageThumbs img {
	width								: 30px; 
	height								: 25px;
	margin-left							: 10px;
}

/* Default two-thirds @ Container 16: Grid_8 */

.grid_8 .bannerCarousel {
	height								: 240px;
	overflow							: hidden;
}





div.grid_12 div.channelBanners{
	height: 255px;
	width: 700px;
	overflow: hidden;
}

div.grid_12 div.channelBanners img.bannerimage{
	width: 700px;
	height: auto;
}