/* mimick /wales contentBlock */




/*
	These two styles offset the carousel so that it is centered in a 306px contentBlock
*/
.carousel-window { margin-top: 10px; }

.contentBlock-carousel-container{
	width: 306px;
	overflow: hidden;
}
.contentBlock-carousel{
	position: relative;
	width: 450px;
}

* html .contentBlock-carousel {margin-left:-86px;}

#wales-lastest-carousel, #lastest-carousel {left:-86px;}

* html #wales-lastest-carousel, * html #lastest-carousel {margin-left:-86px;}


/*.iplayerBlock .contentBlock-carousel-container .contentBlock-carousel .pageNav {left:-310px;}*/
.iplayerBlock .contentBlock-carousel-container .contentBlock-carousel .pageNav {margin-left:145px !important;}

#content .iplayerBlock .contentBlock ul  {border-top:none;}

.iplayerBlock .carousel-light {overflow:hidden;}

.contentBlock-carousel li {
	height:84px;
	margin:0 3px;
	width: 150px;
}
.contentBlock-carousel li h4 {
	margin:0;
}
.contentBlock-carousel li h4 a {
	cursor:pointer;
	float:left;
	height:84px;
	position:relative;
	width:150px;
}
.contentBlock-carousel li h4 a {
	cursor:pointer;
}
.contentBlock-carousel li a img {
	padding: 0px;
	background-color:#A4A4A4;
	left:0;
	position:absolute;
	top:0;
	width:150px;
	z-index:0;
}
.contentBlock-carousel li span.ly {
	/*background-image:url(http://wwwimg.bbc.co.uk/home/release-29-7/img/sprite.png);*/
	background-position:left top;
	background-repeat:no-repeat;
	bottom:4px;
	height:13px;
	left:4px;
	position:absolute;
	width:17px;
	z-index:100;
}
.contentBlock-carousel span.title {
	background-color:#FFFFFF;
	color:#4D4D4D;
	cursor:pointer;
	float:left;
	font-weight:normal;
	height:21px;
	line-height:1.6;
	margin:-4px 0 0 -4px;
	/* For IE */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	/* For IE end */
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	overflow:visible;
	padding:0 10px 0 10px;
	position:relative;
	width:150px;
	z-index:-1;
}

.contentBlock-carousel span.titlebullet {
	background:url(/staticarchive/9dac23c705b13636ed8303dfff69a0d8394db23b.gif) left top no-repeat;
	width:20px;
	height:18px;
	margin-top:3px;
	display:block;
	float:left;
}



* html .contentBlock-carousel span.ly  {
	margin:-4px 0 -4px -4px !important;
	display:block;

}

* html .contentBlock-carousel span.title {
	margin-left:-4px !important;
	width:140px;
	height:21px !important;
	overflow:hidden;
	display:block;
	padding:3px 10px 0 8px;
}



.contentBlock-carousel a:hover .rollover {
	left:0;
}
.contentBlock-carousel a .rollover {
	background-color:#FFFFFF;
	color:#4D4D4D;
	cursor:pointer;
	display:block;
	font-weight:normal;
	height:55px;
	left:-2000em;
	/* For IE */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	/* For IE end */
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;	overflow:hidden;
	padding:4px 8px;
	position:absolute;
	top:0;
	width:140px;
}
.contentBlock-carousel a .episode {
	float:left;
	font-weight:bold;
	padding:3px 0;
	width:140px;
}



.contentBlock-carousel-container .contentBlock-carousel .pageNav{
	padding: 10px 0px; border-top: none; left:-86px;
}
* html .contentBlock-carousel-container .contentBlock-carousel .pageNav {left:0px;}

.contentBlock-carousel .pageNav li:hover .dotActive{
	background-position:-20px -20px;
}

/*carousel styling*/

.carousel-light .carousel-window  {width:390px;}


/*IE 6 fixes */
* html .contentBlock-carousel-container {width:90px; margin-left:86px;}
* html .carousel-light .carousel-window.paged  {width:386px !important; margin-left: -80px! important;}
* html .pageNav {margin-left:70px !important;}