/*	Styles for the Home Page Banner Carousel 
	----------------------------------------
	Class Name:	.homepageBanner
	
	Contains:	
*/
@media screen, projection {
/* Presets */
.homepageBanner {
	margin								: 0 0 20px 0;
	padding								: 0;
}


.mainBanner 
{
    height                              : 265px;
    width                               : 640px;

	-webkit-border-radius				: 90px 10px 10px 10px;
	-moz-border-radius					: 90px 10px 10px 10px;
	border-radius						: 90px 10px 10px 10px;
	
	behavior							: url(/platform/sites/_base/scripts/css3pie/PIE.htc); /* for ie compatability */
}

.homepageBanner h2 
{
    margin                              : 0;
    padding                             : 0;
}

/* Left Side */
.homepageBanner .grid_11 {

	position							: relative;
	height								: 265px;

	-webkit-border-radius				: 90px 10px 10px 10px;
	-moz-border-radius					: 90px 10px 10px 10px;
	border-radius						: 90px 10px 10px 10px;
	
	/*behavior							: url(/platform/sites/_base/scripts/css3pie/PIE.htc); /* for ie compatability */
}

.homepageBanner .grid_5 {
	height								: 265px;
}


/* Temp CSS */


/*--Main Image Preview--*/
.main_image {
	width								: 640px;
	height								: 265px;

	position							: relative;
	overflow							: hidden;
	color								: #000;
}
.main_image h2 {
	font-size							: 24px;
	margin								: 0 0 5px 0;
	padding								: 0;
	color								: #00aaee;
	background							: #fff;
	border                              : none;
}

.main_image .desc{
	position							: absolute;
	bottom								: 20px;
	left								: 0;
	width								: 100%;
	display								: none;
}

.main_image .block{
	width								: 70%;
	background							: #fff;
	padding								: 15px 25px;
	
	-webkit-border-radius				: 0 10px 10px 0;
	-moz-border-radius					: 0 10px 10px 0;
	border-radius						: 0 10px 10px 0;
	
	-pie-poll							: true;
	behavior							: url(/platform/sites/_base/scripts/css3pie/PIE.htc); /* for ie compatability */

}
.main_image br {margin                  : 0 0 10px 0;}
.main_image a {color                    : #00aaee;}
.main_image a:hover {color              : #666;}

.image_thumb a 
{
    color                               : #666;
    cursor                              : pointer;
}

.image_thumb a:hover {color             : #00aaee;}

.image_thumb img {
	height								: 38px;
	position							: absolute;
	top									: 0px;
	left								: 0px;
	display								: none;
}

.image_thumb span.glassbox {

	position							: absolute;
	top									: 0;
	left								: 60px;
	
	
	/* _left								: 55px; /* IE6 FIX */
	/* _height                             : 36px; /* IE6 FIX */
	/* _overflow                            : hidden; /* IE6 FIX */
	
	width								: 204px;
	padding								: 0 0 0 14px;
	
	cursor								: pointer;
	
	-webkit-border-radius				: 10px 5px 5px 10px / 20px 5px 5px 20px;
	-moz-border-radius					: 10px 5px 5px 10px / 20px 5px 5px 20px;
	border-radius						: 10px 5px 5px 10px / 20px 5px 5px 20px;
	border								: none; /* Disables border inherited from GlassBox */
    /*_border                             : #dbdbdb solid 1px; /* IE6 FIX */

    -pie-poll							: true;
    
    _background							: #fff url(img/navBG.jpg) repeat-x bottom left !important;
    height                              : auto;
}

.image_thumb ul {
	background                          : #fff;
	list-style                          : none;
	_top                                : -1px;
	_position                           : relative;
}

.image_thumb li  {
	margin-top							: 4px;
	overflow							: hidden;
	_margin-top                         : 0px; /* IE 6 FIX */
	_margin-bottom                      : 1px;
	_border                             : #fff solid 1px; /* IE 6 FIX */
}

*+html .image_thumb li {margin-top      : 2px;} /* IE 7 FIX */




.image_thumb li  .thumbHolder { 

	position							: relative;

	height								: 38px;
	overflow                            : hidden;
	line-height							: 38px;
	border								: #dbdbdb solid 1px;
	

	-webkit-border-radius				: 5px;
	-moz-border-radius					: 5px;
	border-radius						: 5px;

	cursor								: pointer;
	
	-webkit-box-shadow					: #f2f2f2 0px 1px 1px;
	-moz-box-shadow						: #f2f2f2 0px 1px 1px;
	box-shadow							: #f2f2f2 0px 1px 1px;
	
	-pie-poll							: true;
	behavior							: url(/platform/sites/_base/scripts/css3pie/PIE.htc); /* for ie compatability */
}

/*.image_thumb li:first-child {margin:0;}*/

html .image_thumb li :first-child {margin:0 !important;}

.image_thumb h2 {display                : none;}

.image_thumb ul li.hover {cursor        : pointer;}
.image_thumb ul li.active {
	background							: #fff;
	cursor								: default;
}

.image_thumb ul li.active a {color:#00aaee;}
	
.image_thumb ul li p{display: none;}

.rounded-img {
	width								: 100px;
	height								: 20px;
	display								: inline-block;
	-webkit-border-radius				: 5px;
	-moz-border-radius					: 5px;
	border-radius						: 5px;

	/*behavior							: url(/platform/sites/_base/scripts/css3pie/PIE.htc); /* for ie compatability : NOTE This enables a bug in PIE so is disabled for now*/
}

}