/* ---
	Site: Common GVL3
	Author: Ben Copping
	Version: 2010.21.06
---*/

/*-- reset --*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, object,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	}

body #blq-main {font-family:Helvetica Neue, Arial, Sans-serif !important;
font-size:10px;}
body,
#blq-acc-links	{background:none;}

#gvl3-fullBg {background:#F3F3F3;}

p {font-size:1.3em}
p cite {font-size:1em;font-weight:bold;}

/*-- remove the standard background styles --*/
#blq-container {background:none;float:none;}

#blq-container-inner,
body #blq-main,
#blq-container.blq-gvl-3  {background-color: transparent !important;}

#blq-acc,
#blq-mast-home  {width:976px;}


#blq-container-inner {
	margin:0 auto;
	width:976px;
	}

#blq-pre-mast {
	width:100%;
	margin:0 auto;
}	
#blq-acc-links {background-color:none; }

body #blq-main {
	line-height:1.6em;
	font-family:arial,verdana,helvetica,sans-serif;
	}


a,
a img,
a:hover img {text-decoration:none;border:none;}
a:hover,
a:focus {text-decoration:underline;}

a:img, img {text-decoration:none;border:none;display:block;}

/* ----- banner ----- */
#masthead p.mHeading,#masthead h1.mHeading {
	font-size:4.8em;
	font-weight:normal;
	font-family: Gill Sans MT, Gill Sans, Arial;
	line-height:1em;
	padding:16px 0 0 0;
	margin:0 0 0 12px;
	text-transform: uppercase;
	color: #CCC;
	display:block;
	height:64px;
	}
	
#masthead p.mHeading a {color:#FFF;}
#masthead p.mHeading a:hover {text-decoration:none;}

/*
#mainNav,
#subNav {
	height:32px;
	background: #000;
	}

#mainNav ul li,
#subNav ul li {
	display:inline-block;
	float:left;
	}

#mainNav ul li a,
#subNav ul li a {
	display:inline-block;
	float:left;
	height:28px;
	font-size:1.3em;
	color:#FFF;
	padding: 4px 10px 0 10px;
	margin:0 1px 0 0;
	}

#mainNav ul li.active a,
#subNav ul li.active a {
	background: #FFF;
	color:#000;
	}
		*/
	

/*-- sprite image (play icon, left right carousel icons etc) --*/
#clips-outer-container a.carNext,
#clips-outer-container a.carPrev,
a.carNext,
a.carPrev,
a span.play {background-image: url('images/vanilla_sprite.png');}

/*-- play icon - utilised on carousel and img thmb links --*/	
a span.play {
	display:block;
	height:32px;
	width:32px;
	background-position: -158px -10px;
	background-repeat:no-repeat;
	position:absolute;		
	left:0;
	z-index:10;
	display:none;		
	}
	

/*-- listen icon - utilised on carousel and img thmb links --*/
#audio-clips-carousel a span.play {
	background-position: -402px -10px;		
	}
#audio-clips-carousel a:hover span.play, #audio-clips-carousel a:focus span.play {
	background-position: -434px -10px;
	}

/*-- position in carousel thmb links --*/
#clips .clip-promo a span.play {top:0;}

#clips-carousel div.carVisible a span.play,
#introResource a.playMedia span.play {display:block;}
#introResource a.playMedia span.play { background-position: -142px -10px } 
	
/*-- sprite sound icon --*/
#cb-clips-carousel.listen li a span.play,

/*-- hide the play text --*/	
#clips div.clip-promo a span.play em,
.col-b .box .box-content ul.thmbLinksSml li span.play em,
#cb-clips-carousel li a span.play em,
#introResource a.playMedia span.play em {margin-left:-900000px;}

/*-- active clip play btn hover position --*/		


/*-- lead row - carousel hero img Vidoe etc --*/
#lead-row {
	width:976px;
	overflow:hidden;
	position:relative;
	background:#666;
	}

#lead-row-message {
	left:0;
	padding:10px;
	position:absolute;
	top:0;
	width:550px;
	}	
	
	#lead-row #lead-row-message p {font-size:1.4em;}
	
	#lead-row #lead-row-message a {
	    color:#ffffff;
	    text-decoration:underline;
		}

#lead-row-image {width:640px;float:left;position:relative;}
#lead-row-image img {display:block;}	
	
	/*-- large play media button - overlayed on media (video/audio) if media is loaded on the page first --*/
	#lead-row-image a.playMedia:hover span.play {background-position: -312px -10px}
	#lead-row-image a.playMedia {position: absolute;top:88px;left:0;display: block;z-index: 5;cursor: default;}	
	#lead-row-image a.playMedia:hover {text-decoration: none}	
	#lead-row-image a.playMedia:hover span.mediaDesc {text-decoration: underline}
		
		#lead-row-image a.playMedia span.play {
			height: 72px;
			width: 80px;
			background-position: -232px -10px;
			position:relative;
			display:block;
			cursor:pointer;
			}
		
		#lead-row-image a.playMedia span.play em {margin-left: -9000px}
		
		#lead-row-image a.playMedia b.mediaTitle {
			font-size: 2.8em;
			display: block;
			color: #FFF;
			line-height: 1.4em;
			padding:0 22px 10px 22px;
			background: url('images/blackOpacity-65.png') 0 0 repeat;
			cursor: pointer;
			}
		
		#lead-row-image a.playMedia b.mediaTitle span {
			font-size: 13px;
			display: block;
			max-width:220px;
			line-height: 1.3em;
			font-weight:normal;
			}

/*-- lead row copy frame - this gets replaced when we select a video from the carousel --*/			
#lead-row-copy-frame {width:304px;padding:0 16px;float:left;color:#FFF;position:relative;}
	#lead-row-copy-frame #lead-row-header {padding:0 0 10px 0;margin:0 0 10px 0;}
	#lead-row-copy-frame #lead-row-header h1 {font-size:2.4em;line-height:1em;font-weight:normal;padding:12px 0 0 0;font-weight:bold;}
	#lead-row-copy-frame #lead-row-header span {display:block;color:#a9a9a9;font-size:2em;line-height:1.2em;font-weight:bold;padding:10px 0 0 0;}
	
	#lead-row-copy h2{padding:0 0 10px 0;font-size:1.6em;font-weight:bold;}
	#lead-row-copy p {line-height:1.2307em;}
	
	/*-- clip from - appears in lead row copy area once you select a video --*/
	#lead-row-copy #clipFromProg {		
		position: absolute;
		bottom: 8px;
		}
	
		#lead-row-copy #clipFromProg ul {position: relative;}
		
		#lead-row-copy #clipFromProg ul li {
			padding: 10px 0;
			padding-left:95px;
			display:block;
			width:206px;
			}
			
			#lead-row-copy #clipFromProg ul li a:hover {text-decoration: none}
			
			#lead-row-copy #clipFromProg ul li a img {position: absolute;left:0;}
		
			#lead-row-copy #clipFromProg ul li span,
			#lead-row-copy #clipFromProg ul li b {font-size: 1.3em;line-height:1.3em;}
			#lead-row-copy #clipFromProg ul li span.link {font-size: 1.3em;line-height:1em;padding:3px 0 1px 0;display: inline-block;font-weight: bold;}
			#lead-row-copy #clipFromProg ul li a.watchNow {display:block;}
			#lead-row-copy #clipFromProg ul li a.watchNow span {display:inline-block;margin:6px 5px 0 0;width:76px;height:15px;padding:2px 0 0 25px;text-transform:uppercase;background: url('images/watchNowBg.png') 0 0 no-repeat;font-size:11px;line-height:1.1em;font-weight:bold;color:#FFF;}
			#lead-row-copy #clipFromProg ul li a em {color:#FFF;font-style:italic;font-size:11px;}
			#lead-row-copy #clipFromProg ul li a:hover span.link {text-decoration: underline}
			
					
/*-- content --*/

.row {
	overflow: hidden;
	zoom: 1;
	clear: both;
	background: #FFF;
	}

.col-a,
.col-b {margin:16px 0;float: left;}

.col-fw {margin:8px 0;}

/*-- GVL3 Full BG cols --*/
#gvl3-fullBg .col-a {
	width: 608px;
	margin: 16px 16px 0 16px;
	}
	
#gvl3-fullBg .col-b {width: 320px;}
	
/*-- GVL3 Banner BG cols --*/
#gvl3-bannerBg .col-a {
	width: 624px;
	padding: 0 16px 0 0;
	}
	
#gvl3-bannerBg .col-b {width: 336px;}

/*-- even split cols inside col a in banner bg --*/
#gvl3-bannerBg .col-a .ca-cols2-even {width:624px;overflow:hidden;}

#gvl3-bannerBg .col-a .ca-cols2-even .box {float:left;width:304px;}

#gvl3-bannerBg .col-a .ca-cols2-even .box .ca-cols2-even .box .box-content h4 a img {margin-bottom:-4px;}
#gvl3-bannerBg .col-a .ca-cols2-even .box .ca-cols2-even .box .box-content h4 a span {display:block; font-size:1em; padding:4px 0 2px;}
#gvl3-bannerBg .col-a .ca-cols2-even .box .ca-cols2-even .box .box-content h4 a span:hover {text-decoration:underline;}

#gvl3-bannerBg .col-a .ca-cols2-even .bLast {padding-left:16px;}	

/*-- box styles --*/
.box {margin-bottom: 16px;}

/*-- acknowledgements --*/
.acknowledgement {color:#888;}

/*-- column a --*/
.col-a .box h2,
.col-fw .box h2 {font-size:2.4em;line-height:1em;padding:4px 0 10px 0;font-weight:bold;}

.col-a .box h2 span,
.col-fw .box h2 span {font-size:0.87em;display:block;font-weight:normal;}
.box h2 span.count {font-size:0.9em;display:inline-block;}
.col-a .box .box-heading {border-bottom:1px solid #dcdcdc;margin:0 0 8px 0;position:relative;}

.col-a .relatedThumbs {border-top:1px solid #dcdcdc; padding-top:10px;}

.col-a .box .box-content p,
.col-fw .box .box-content p {line-height:1.2307em;padding:0 0 16px 0;}
.col-a .box .box-content h3,
.col-fw .box .box-content h3 {font-size:2em;line-height:1.2em;font-weight:bold;margin:0;}

/*-- content links with thumbnail images (small & large) floated left --*/
.col-a .box .box-content ul.thmbLinksLrg,
.col-a .box .box-content ul.thmbLinksSml,
.col-a .box .box-content ul.thmbLinksLrg li.tll-hero  {width:608px;overflow:hidden;height:auto !important;padding:0 0 16px 0;}

/*-- set the width for full width thumb links --*/
.col-fw .box .box-content ul.thmbLinksSml  {width:946px;overflow:hidden;margin:16px 0;}

.col-a .box .box-content ul.thmbLinksLrg li.th-last  {border-bottom:1px solid #DCDCDC;}

/*-- hero link img and text --*/	
.col-a .box .box-content ul.thmbLinksLrg li.tll-hero .theImg	{float:left;width:211px;}
.col-a .box .box-content ul.thmbLinksLrg li.tll-hero .theCopy	{float:left;width:397px;}
.col-a .box .box-content ul.thmbLinksLrg li.tll-hero .theCopy h3 {line-height:1.1em;font-size:1.6em;}

/*-- large thumbnail links list --*/		
.col-a .box .box-content ul.thmbLinksLrg li			{width:201px;float:left;margin:0 2px 0px 0;position:relative;height:145px;cursor:pointer;}
.col-a .box .box-content ul.thmbLinksLrg li.last	{margin:0 0 10px 0;}
	
	/*-- date rollover for the large thumbnail link list --*/
	.col-a .box .box-content ul.thmbLinksLrg li a.ddyy {display:block;}
	.col-a .box .box-content ul.thmbLinksLrg li a.ddyy span		{display:none;position:absolute;top:0;left:0;background:url('images/thmbLinksLrgDivBg.png') 0 0 repeat;color:#FFF!important;height:113px;width:201px;font-size:22px;}
	.col-a .box .box-content ul.thmbLinksLrg li a.ddyy span b	{margin:10px 0 0 10px;font-size:30px;line-height:1em;display:inline-block;font-weight:bold;position:relative;}
	.col-a .box .box-content ul.thmbLinksLrg li a.ddyy:hover {text-decoration:none;}
	.col-a .box .box-content ul.thmbLinksLrg li a.ddyy:hover h3 {text-decoration:underline;}
	.col-a .box .box-content ul.thmbLinksLrg li a img {display:block;position:relative;}
	
/*-- small thumbnail links list --*/			
.col-a .box .box-content ul.thmbLinksSml li,
.col-fw .box .box-content ul.thmbLinksSml li	{width:144px;float:left;display:inline;margin:0 10px 10px 0;line-height:1.3em;cursor:pointer;}

/*-- adjust margin for col-fw --*/
.col-fw .box .box-content ul.thmbLinksSml li	{margin:0 16px 0px 0;padding:0 0 16px 0;}	

	ul.thmbLinksSml li img {display:block;}
	ul.thmbLinksSml li span	{font-size:1em;line-height:1.3em;font-weight:bold;display:block;}
	ul.thmbLinksSml li.last {margin:0 0 10px 0 !important;}

	/*-- thumb links h3 --*/
	.col-a .box .box-content ul.thmbLinksLrg li h3,
	.col-a .box .box-content ul.thmbLinksSml li h3,
	.col-b .box .box-content ul.thmbLinksSml li h3,
	.col-fw .box .box-content ul.thmbLinksSml li h3 {font-size:1.3em;line-height:1.3em;padding:0;margin:-3px 0 0 0;}
	
	.col-a .box .box-content ul#tll-events.thmbLinksLrg li h3 {margin:0;}
		
/*-- large & small thumbnail link styles --*/

/*-- thumb links --*/
#gvl3-bannerBg .col-a .box .box-content ul.thmbLinksSml {width:624px;}
#gvl3-bannerBg .col-a .box .box-content ul.thmbLinksSml li {margin:0 16px 10px 0;}
#gvl3-bannerBg .col-a .box .box-content ul.thmbLinksSml li.last {margin:0 0 10px 0;}

/*-- box indented styles --*/
.col-a .boxIndented,
.col-fw .boxIndented {background: #efefef;padding:10px 15px}
.col-a .boxIndented .box-heading,
.col-fw .boxIndented .box-heading {margin:0;}

.col-a .boxIndented .box-content h2,
.col-fw .boxIndented .box-content h2 {border-bottom: 1px solid #dcdcdc;margin:0 0 16px 0;}

/*-- box indented thumb links --*/
#gvl3-bannerBg .col-a .boxIndented .box-content ul.thmbLinksSml {width:594px;padding:0 0 8px 0;}
#gvl3-bannerBg .col-a .boxIndented .box-content ul.thmbLinksSml li {margin:0 6px 0 0;padding:0 0 16px 0;}
		
/*-- clear the thumb links --*/
ul.thmbLinksSml li.breaker,
ul.thmbLinksLrg li.breaker {width:100% !important;padding:0 !important;margin:0 !important;overflow:hidden !important;}
ul.thmbLinksSml li.breaker hr,
ul.thmbLinksLrg li.breaker hr {
	background:none repeat scroll 0 0 transparent;
	border-color:transparent;
	clear:both;
	display:block;
	height:1px;
	line-height:1px;
	margin-top:-1px;
	overflow:hidden;
	position:relative;
	visibility:hidden;
	}

/*-- prev & next content links (features in history) --*/

.col-a .prevNextSection {background: #232a2f;color:#FFF;width:608px;overflow:hidden;margin:0 0 16px 0;}

.col-a .prevNextSection .pnHeader {
	padding:10px 15px;
	height:51px;
	margin:0 0 12px 0;
	border:none;
	background:#7194ce
	}	
	
	.col-a .prevNextSection h2 {color:#FFF;line-height:1em;padding-bottom:4px;}
	.col-a .prevNextSection h2 a {color:#FFF !important;}
	.col-a .prevNextSection h2 a:hover {text-decoration:underline;}
	.col-a .prevNextSection span {font-size:1.3em;color:#232a2f;}

	.col-a .box-content .prevNextSection h3 {margin:0 0 8px 0;padding:0 0 12px 0;border-bottom: 1px solid #919597;font-size:16px}
	
		.col-a .prevNextSection .col-before,
		.col-a .prevNextSection .col-next	{float:left;width:280px;overflow:hidden;padding:0 0 16px 0;}
		.col-a .prevNextSection .col-before	{padding:0 0 16px 16px;}
		.col-a .prevNextSection .col-next	{padding:0 16px 16px 16px;}
		
		.col-a .prevNextSection .col-before .theImg,
		.col-a .prevNextSection .col-next .theImg {float:left;width:128px;}
		
		.col-a .prevNextSection .col-before .theCopy,
		.col-a .prevNextSection .col-next .theCopy {float:left;width:152px;}
		.col-a .prevNextSection .theCopy p {padding:0 0 8px 0;font-weight:bold;}
		.col-a .prevNextSection .theCopy p span {border-bottom:1px solid #919597;font-size:1em;color:#FFF;}
		.col-a .prevNextSection .col-before p a,
		.col-a .prevNextSection .col-next p a {font-weight:bold;}
				
		.col-a .prevNextSection .theCopy h3 {line-height:1.3em;font-size:1.3em;font-weight:bold;border:none;}
		.col-a .prevNextSection .theCopy h3 a {color:#9abecf !important;}
		.col-a .prevNextSection p a	{font-size:1em;color:#9abecf !important;}

/*-- 2 column thumb links - image and copy --*/		
.col-a ul.thmbLinks-2col {
	width:624px;
	overflow:hidden;
	border-bottom:1px solid #eaeaea;
	margin:0 0 8px 0;
	}

.col-a ul.thmbLinks-2col li {float:left;display:inline-block;width:143px;padding: 0 16px 16px 145px;overflow:hidden;margin-right:16px;}
.col-a ul.thmbLinks-2col li.last {margin:0;}
.col-a ul.thmbLinks-2col li a img {margin-left:-145px;float:left;display:inline-block;}

/*-- overwrite p and h3 styles for 2 col thumb links --*/
.col-a .box .box-content ul.thmbLinks-2col li p {padding:0}
.col-a .box .box-content ul.thmbLinks-2col li h3  {font-weight:bold;font-size:1.3em;line-height:1.2em;margin:-2px 0 0 0;}

/*-- featured events --*/
.col-a #featuredEvents img {
	display:block;
	margin:0 0 5px;
	position:relative;
	}

/*-- column b --*/			
.col-b .box {background: #F0F0F0;}	

.col-b .box .box-heading {padding:12px 16px 12px 16px;}
.col-b .box .box-heading h2 {font-size:2em;line-height:1em;font-weight:bold;}	
.col-b .box .box-content {padding:0 16px 10px 16px;}
.col-b .box .box-content p {padding:2px 0 0 0;line-height:1.2307em;}	

/*-- related news link list header --*/
.col-b .box#relatedNews .box-heading h2 {background: url('images/col-b-bbcHeader.gif') 0 1px no-repeat; padding:0 0 0 64px;}
.col-b .box#relatedNews ul.thmbLinksSml li a span,
.col-b .box#relatedNews h5 {font-size:1.3em;line-height:1.3em;font-weight:bold;}
.col-b .box#relatedNews .rn-hero {overflow:hidden;padding:0 0 16px 0;}
.col-b .box#relatedNews .rn-hero h5 a {font-weight:bold;line-height:1.3em;}
.col-b .box#relatedNews .rn-hero h5 a img {float:left;display:inline-block;margin:0 8px 0 0;}

/*-- coming soon (short - with overlay text)--*/
.col-b .box#comingSoon  .box-content {padding:0;position:relative;height:180px;}
.col-b .box#comingSoon  .box-content .progCopy {position:relative;}

	.col-b .box#comingSoon  .box-content .progCopy h3 {
		font-size:2em;
		line-height:1.1em;
		display:block;
		color:#FFF;
		font-weight:bold;
		padding:0;
		}
	
	.col-b .box#comingSoon  .box-content .progCopy h3 a {position:relative;display:block;}
	
	.col-b .box#comingSoon  .box-content .progCopy h3 a b {
		position:absolute;
		bottom:0;
		left:0;
		background:url('images/blackOpacity-65.png') 0 0 repeat;
		display:block;
		padding:5px 60px 5px 10px;
		width:250px;
		}	
		
	.col-b .box#comingSoon  .box-content .progCopy h3 a {color:#FFF;}
	.col-b .box#comingSoon  .box-content .progCopy h3 a:hover span {text-decoration:underline !important;}
	.col-b .box#comingSoon  .box-content .progCopy h3 span {display:block;font-size:0.6em;}
	.col-b .box#comingSoon  .box-content .progCopy img.progChannel {position:absolute;right:5px;top:6px;}

/*-- coming soon full --*/
.col-b #comingSoon-full.box .box-content {padding:0;}
	.col-b #comingSoon-full.box .box-content img.prgHero {position:relative;display:block;margin:0 0 10px 0;}
	.col-b #comingSoon-full.box .box-content h3.prgTitle span {font-size:2em;line-height:1em;font-weight:bold;padding:0 59px 16px 16px;display:block;}
	
	/*-- set background image for specific channels --*/
	a.channel_logo {display:block !important;width:49px;height:36px;float:right;margin-top:-40px;margin-right:10px;overflow:hidden;text-indent:-9999px;}
	a.channel_logo#bbc_one {background: url('images/brands/bbc_one.gif') 97% 0 no-repeat;}
	a.channel_logo#bbc_two {background: url('images/brands/bbc_two.gif') 97% 0 no-repeat;}
	a.channel_logo#bbc_three {background: url('images/brands/bbc_three.gif') 97% 0 no-repeat;}
	a.channel_logo#bbc_four {background: url('images/brands/bbc_four.gif') 97% 0 no-repeat;}
	a.channel_logo#bbc_hd {background: url('images/brands/bbc_hd.gif') 97% 0 no-repeat;}
	a.channel_logo#radio2 {background: url('images/brands/radio2.gif') 97% 0 no-repeat;}
	a.channel_logo#radio3 {background: url('images/brands/radio3.gif') 97% 0 no-repeat;}
	a.channel_logo#radio4 {background: url('images/brands/radio4.gif') 97% 0 no-repeat;}
	a.channel_logo#radio7 {background: url('images/brands/radio7.gif') 97% 0 no-repeat;}
	
	
	.col-b #comingSoon-full.box .box-content h3.prgTitle a:hover {text-decoration:none;}
	.col-b #comingSoon-full.box .box-content h3.prgTitle a:hover span {text-decoration:underline;}
	.col-b #comingSoon-full.box .box-content #prgDesc {margin:-8px 0 0 0;border-bottom:1px solid #CCC;padding-right:50px;}
	.col-b #comingSoon-full.box .box-content #prgDesc p {padding:2px 0 16px 16px;}
	.col-b #comingSoon-full.box .box-content ul.thmbLinksSml {margin:16px;padding:0 0 10px 0;}
	
/*-- column b cross site links lists --*/
.col-b .box .box-content ul.plainLinks {list-style:disc outside; padding:0 0 10px 10px;}
.col-b .box .box-content ul.plainLinks li {padding: 10px 0 0 0;color:#175C5F;}	
.col-b .box .box-content ul.plainLinks li a {padding:0;display:block;font-weight:bold;font-size:1.3em;line-height:1.3em;}
	
/*-- column b cross site links hero (img and text) --*/
.col-b .box .box-content ul.thmbLinksSml {position:relative;display:block;width:288px;}
.col-b .box .box-content ul.thmbLinksSml li {list-style-type:none;padding:0 0 16px 120px;clear:both;display:block;overflow:hidden;position:relative;}
.col-b .box .box-content ul.thmbLinksSml li a img {margin-left:-120px;float:left;display:inline-block;}
.col-b .box .box-content ul.thmbLinksSml li a {background:none;font-weight:bold;}
.col-b .box .box-content ul.thmbLinksSml li a span.play {top:0;}
.col-b .box .box-content ul.thmbLinksSml li p {padding:0;}

/*-- related iplayer --*/
.col-b .box#relatedIplayer .box-heading {background: #DCDCDC;padding:8px 16px 0px 16px;height:38px;}
.col-b .box#relatedIplayer .box-heading h2 {background: url('images/bbcIplayerIco-dark.gif') 0 0 no-repeat;height:22px;width:130px;float:left;margin-top: 8px}
.col-b .box#relatedIplayer .box-heading h2 span {position:absolute;left:-9000px;}
.col-b .box#relatedIplayer .box-content {padding:16px 16px 10px 16px;}
		
/*-- iplayer tv & radio tabs --*/
.col-b .box#relatedIplayer .box-heading .tabHeader {
	float:right;
	display: inline-block;
	}
	
	#relatedIplayer .tabHeader a {font-size:1.4em;font-weight:bold;line-height: 1.4em;padding:6px 15px 13px 15px;display:inline-block;color:#909090;outline: none}
	#relatedIplayer .tabHeader a.active {background: #f0f0f0;color:#323232;cursor:default;}
	#relatedIplayer .tabHeader a.active:hover {text-decoration:none;}
	
		
/*-- top clips --*/
#topClips.box ol li {
	position:relative;
	overflow:hidden;
	border-bottom:1px solid #FFF;
	display:block;
	height:102px;
	list-style:none;
	cursor:pointer;
	}

#topClips.box ol li span,
#topClips.box ol li img {position:absolute;}
#topClips.box ol li img {z-index:0;}

#topClips.box ol li p {color:#FFF;z-index:11;position:relative;}

#topClips.box ol li div.mp-desc {
	z-index:15;
	display:none;
	position:absolute;
	height:84px;
	padding:18px 16px 0 80px;
	z-index:10;
	top:0;
	left:0;
	color:#FFF;
	background:#CCC;
	}

#topClips.box ol li a {
	z-index:20;
	position:absolute;
	display:block;
	height:102px;
	width:100px;
	z-index:20;
	top:0;
	left:0;
	}

#topClips.box ol li a:focus {display:none;}

#topClips.box ol li a span {text-indent:-90000px;}

#topClips.box ol li span.mp-no {font-size:9em;color:#FFF;left:0;top:0px;line-height:1em;z-index:15;font-weight:bold;
	background-position: 0 0;
	background-repeat: repeat-y;
	display:block;
	float:left;
	padding:5px 10px 0 12px;
	height:102px;
	width:135px;
	}

#topClips.box ol li span#mp-no-noBg.mp-no {background-image:none;}

#topClips.box .box-heading {margin:0;}
#topClips.box .box-heading .tabHeader {display:block;height:19px;padding:2px 0 4px 8px;background-color:#F0F0F0;margin:8px 0 0 0;}
#topClips.box .box-heading .tabHeader a {display:inline-block;border-right:1px solid #8d8d8d;padding:0 8px;font-size:1.2em;line-height:1em;font-weight:normal;outline:none;}
#topClips.box .box-heading .tabHeader a.active {color:#505050;cursor:default;}
#topClips.box .box-heading .tabHeader a.active:hover {text-decoration:none;}

/*-- Top clips col a custom fit --*/
.col-a #topClips.box ol li,
.col-a #topClips.box ol li a {width:304px;}
.col-a #topClips.box ol li div.mp-desc {width:208px;}

/*-- Top clips col b custom fit --*/
.col-b #topClips.box {background:none;}
.col-b #topClips.box .box-content,
.col-b #topClips.box .box-heading {padding:0;}
.col-b #topClips.box ol li,
.col-b #topClips.box ol li a {width:336px;}
.col-b #topClips.box ol li div.mp-desc {width:240px;}
.col-b #topClips.box ol li div.mp-desc h3 {font-size:2em;font-weight:bold;line-height:1.2em;margin:0;}



/*-- Accordion --*/
.jsAccordion h4 {
	cursor:pointer;
	height:24px;
	font-size:1.8em;
	line-height:1em;
	padding:6px 16px 0 16px;
	margin:0 0 2px 0;
	font-weight:bold;
	color:#FFF;
	background-color: #226B78;
	background-position: 97% 10px;
	background-repeat:no-repeat;
	background-image: url('images/accordionArrow.png');
	}

.jsAccordion h4.closed-accordion {background-color: #CCC;background-position: 97% -26px;}
.jsAccordion h4.hover {background-color:#999 !important;}


/*-- ACCORDION HEADER STYLES --*/
.jsAccordion h4 {background-color: #226B78;}
.jsAccordion h4.closed-accordion {background-color: #90918c;}
.jsAccordion h4.hover {background-color:#4EAEBF;}

.jsAccordion .accor-content {display:block;}
.jsAccordion .ac-closed {display:none !important;}

/*-- col b - related links when inside accordion --*/
.col-b #relatedLinks.box .box-content {padding:0;}
.col-b #relatedLinks.box .box-content ul.thmbLinksSml {margin:0 0 0 16px;padding:16px 0 8px 0;}