@charset "utf-8";
/* Created 3/6/2009 by Ollie Wells ( ollie@2612.co.uk ) */
/* Typographical styles for ETV site (www.etv.tv) */

/* colours 
-----------------------------*/
/* media group : 		#67bf59 (green) */
/* branded content : 	#59477b (purple) */
/* online : 			#f18b26 (orange) */
/* productions : 		#1484c6 (blue) */
/* interactive : 		#d12231 (red) */
/* technology : 		#aeb83d (light green) */
/* grey : 				#7e7f81 */
/*-----------------------------*/

body {
	font:normal 62.5% Arial, Helvetica, "Helvetica Neue", sans-serif;color:#7a797e
	}

a:link {
	text-decoration:none;
	}
a:visited {
	text-decoration:none;
	}
	

#body-content h1 {
	border-bottom:1px solid #ccc;
	}
#body-content.one-column h1 {
	padding-right:20px
	}
#body-content  p	{
	font:normal 1.1em Arial, Helvetica, "Helvetica Neue", sans-serif;
	line-height:1.6em;
	margin-bottom:10px
	}
h1, h2{
	margin-bottom:18px;
	}
h1 	{
	font:normal 1.6em "Century gothic", Arial, Helvetica, "Helvetica Neue", sans-serif;
	}	
h2 	{
	font:normal 1.2em "Century gothic", Arial, Helvetica, "Helvetica Neue", sans-serif;
	}
body a{	
	color:#909090
	}
.one-column li, .column1 li, .column2 li {
	font:normal 1.1em Arial, Helvetica, "Helvetica Neue", sans-serif;
	line-height:1.8em;
	margin-left:15px;
	list-style-type:disc;
	list-style-position:outside;
	}
.panel ul li {
	font:normal 1.1em Arial, Helvetica, "Helvetica Neue", sans-serif;
	line-height:1.8em;
	margin-left:15px;
/*	list-style-type:none;*/
	list-style-position:outside;
	}	
#body-content p.border-bottom-1px-grey {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #ccc
	}		
body.layout2 h2.h2-content {
	font:bold 1.2em "Century gothic", Arial, Helvetica, "Helvetica Neue", sans-serif;
	margin:5px 0
	}
body.layout1 h1 {
	margin:0 0 14px 0; padding:0 0 5px 0;
	position:relative;
	width:100%; height:22px;
	overflow:hidden;
	}	
body.layout1 h1 span{
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%; height:22px;
	margin:0; padding:0;
	}	
body.layout2 h1 {
	margin:0 0 14px 0; padding:0 0 5px 0;
	position:relative;
	width:100%; height:22px;
	overflow:hidden;
	}	
body.layout2 h1 span{
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:400px; height:24px;
	margin:0; padding:0;
	}	
body.layout2 h2 {
	margin:0 0 14px 0; padding:0 0 4px 0;
	position:relative;
	width:100%; height:22px;
	overflow:hidden;
	}	
body.layout2 h2 span{
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:400px; height:24px;
	margin:0; padding:0;
	}
body.layout3 h1 {
	margin:10px 0 18px 176px; padding:0 0 5px 0;
	position:relative;
	width:100%; height:22px;
	overflow:hidden;
	}	
body.layout3 h1 span{
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:80%; height:26px;
	margin:0; padding:0;
	}	
#side-column h2	{
	font:normal 1.2em "Century gothic", Arial, Helvetica, "Helvetica Neue", sans-serif;
	}	

/* links
-----------------------------*/	
body.mediagroup a:hover{
	color:#54B948 /* green */
	}
body.brandedcontent a:hover{
	color:#54B948 /* purple */	
	}
body.online a:hover{
	color:#54B948 /* orange */	
	}
body.productions a:hover{
	color:#54B948 /* blue */
	}
body.interactive a:hover{
	color:#54B948 /* red */
	}
body.technology a:hover{
	color:#54B948 /* light green */
	}
	

body.brandedcontent li.selected a, 
body.brandedcontent a.selected {
	color:#59477b
	}
body.online li.selected a,
body.online a.selected{
	color:#54b948
	}
body.productions li.selected a,
body.productions a.selected{
	color:#1484c6
	}
body.interactive li.selected a,
body.interactive a.selected{
	color:#d12231
	}
body.technology li.selected a,
body.technology a.selected{
	color:#aeb83d
	}
	
body.brandedcontent ul.accordion li.showreel a{color:#59477b}
body.online ul.accordion li.showreel a{color:#54b948}


div.video-back-button a{
	font:bold 1.6em "Century gothic", Arial, Helvetica, "Helvetica Neue", sans-serif;
	text-decoration:none
	}
  
body.interactive a.active { 
	color:#D1212E
	}
body.technology a.active {
	color:#aeb83d
	}
	
/* accordion */
ul.accordion a {
  display: block;
  text-decoration: none;
  }

ul.accordion li a {
  background: #fff;
  padding: 0.5em;
  }

ul.accordion li a:hover {
  background: #fff;
  }

ul.accordion li ul li a {
/*  background: #fff url(../img/sprites/homepage.gif) no-repeat 0px -10px;*/
  padding-left: 20px;
}

ul.accordion li ul li a:hover {
/*  background: #fff url(../img/sprites/homepage.gif) no-repeat 0px -10px;*/
  }	
  
/* primary navigation
-----------------------------*/ 
#primary-navigation ul li a{
	display:block;
	position:relative; left:0; top:0; z-index:1;
	width:100%;
	margin:0; padding:0 0 2px 0;
	}
#primary-navigation ul li span{
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%; height:18px;
	margin:0; padding:0 0 2px 0;background: url(../img/primary-nav/navigation.gif) no-repeat;
	overflow:hidden
	}	
#primary-navigation ul li span:hover {
	cursor:pointer;
	border-bottom:3px solid #dfdfdf;
	}
	
/* secondary navigation (accordion)
-----------------------------*/
#secondary-navigation li a{
	font:bold 1.4em "Century gothic", Arial, Helvetica, "Helvetica Neue", sans-serif;text-transform:lowercase;padding-top:3px;padding-bottom:3px;}
#secondary-navigation ul.menu-subitems li a{
	font-size:1.2em;
	}


/* homepage
-----------------------------*/
body.homepage h1 span{      
	background:#fff url("../img/titles/homepage-etvmediagroup.gif") top left no-repeat;
	}
	
body .home div#body-content h1 span{
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:200px; height:22px;
	margin:0; padding:0;
	background:#fff url("../img/titles/homepage-etvmediagroup.gif") top left no-repeat;
	}
	
/* mediagroup
-----------------------------*/
body.mediagroup h2 span{      
	background:#fff url("../img/titles/homepage-h2-industrynews.gif") top left no-repeat;
	}
body.mediagroup #secondary-navigation li.selected a{
	color:#67bf59
	}	
body.mediagroup strong{      
	color:#555
	}	
body.mediagroup h1 span{      
	background:#fff url("../img/titles/landingpage-h1-mediagroup.gif") top left no-repeat;
	}
body.mediagroup h1#whatwedo span{      
	background:#fff url("../../etvonline/mediagroup/img/mediagroup-h1-whatwedo.gif") top left no-repeat;
	}
body.mediagroup h1#whoweare span{      
	background:#fff url("../../etvonline/mediagroup/img/mediagroup-h1-whoweare.gif") top left no-repeat;
	}
body.mediagroup h1#whatwethink span{      
	background:#fff url("../../etvonline/mediagroup/img/mediagroup-h1-whatwethink.gif") top left no-repeat;
	}
body.mediagroup h1#creative span{      
	background:#fff url("../img/titles/landingpage-h1-creative.gif") top left no-repeat;
	}
body.mediagroup h1#h1-contactus span{      
	background:#fff url("../../etvonline/etvbrandedcontent.tv/casestudies/img/h1-mediagroup-contactus.gif") top left no-repeat;
	}
	
/* online
-----------------------------*/
body.online #secondary-navigation ul.menu-subitems li.selected a{
	color:#54B948
	}
body.online #secondary-navigation li a.active{
	color:#54B948
	}
body.online h1 span{      
      background:#fff url("../img/titles/landingpage-h1-online.gif") top left no-repeat;
	}
body.online h1#h1-contactus span{      
      background:#fff url("../img/h1-online-contactus.gif") top left no-repeat;
	}
body.online h1#h1-childreninneed span{      
      background:#fff url("../img/casestudy-h1-childreninneed2009.gif") top left no-repeat;}

body.online h1#h1-rednose span{      
      background:#fff url("../img/casestudy-h1-rednose.gif") top left no-repeat;
	  }
body.online h1#h1-thomascookbanners span{      
      background:#fff url("../img/casestudy-h1-thomascookbanners.gif") top left no-repeat;
	  }	 
body.online h1#h1-londontv span{      
      background:#fff url("../img/casestudy-h1-londontv.gif") top left no-repeat;
	  }	 
	  
body.online h1#h1-iblf span {
	 background:#fff url("../img/casestudy-h1-iblf.gif") top left no-repeat;
	 }
	 
body.online h1#h1-dennis-publishing span {
	background:#fff url("../img/casestudy-h1-dennispublishing.gif") top left no-repeat;
	}
	
body.online h1#h1-blf-iphone span {      
	background:#fff url("../img/casestudy-h1-bfl.gif") top left no-repeat;
	}
	
body.online h1#h1-thomascookinspires span{      
      background:#fff url("../img/casestudy-h1-thomascookinspires.gif") top left no-repeat;
	  }	 	  

body.online h1#h1-etvonline_showreel span{      
      background:#fff url("../showreel/h1-etvonlineshowreel.gif") top left no-repeat;
	  }	
	  
body.online h1#h1-thomascookcruiseselector span{      
      background:#fff url("../img/casestudy-h1-thomascookcruiseselector_01.gif") top left no-repeat;
	  }	 	  
	  
/*  */
/* branded content
-----------------------------*/
body.brandedcontent h1 span{      
      background:#fff url("../img/titles/landingpage-h1-brandedcontent.gif") top left no-repeat;
	}
body.brandedcontent #secondary-navigation ul.menu-subitems li.selected a{
	color:#59477b
	}
body.brandedcontent #secondary-navigation li a.active{
	color:#59477b
	}
body.brandedcontent h1#h1-contactus span{      
      background:#fff url("../../etvonline/etvbrandedcontent.tv/casestudies/img/h1-brandedcontent-contactus.gif") top left no-repeat;
	  }
body.brandedcontent h1#h1-eatcinema span{      
      background:#fff url("../../etvonline/etvbrandedcontent.tv/casestudies/img/casestudy-h1-eatcinema.gif") top left no-repeat;
	  }	  
body.brandedcontent h1#h1-extratime span{      
      background:#fff url("../../etvonline/etvbrandedcontent.tv/casestudies/img/casestudy-h1-extratime.gif") top left no-repeat;
	  }	  
body.brandedcontent h1#h1-ford span{      
      background:#fff url("../../etvonline/etvbrandedcontent.tv/casestudies/img/casestudy-h1-ford.gif") top left no-repeat;
	  }
body.brandedcontent h1#h1-ingoodcompany span{      
      background:#fff url("../../etvonline/etvbrandedcontent.tv/casestudies/img/casestudy-h1-ingoodcompany.gif") top left no-repeat;
	  }
body.brandedcontent h1#h1-londontv span{      
      background:#fff url("../../etvonline/etvbrandedcontent.tv/casestudies/img/casestudy-h1-londontv.gif") top left no-repeat;
	  }	  
body.brandedcontent h1#h1-luxuryunveiled span{      
      background:#fff url("../../etvonline/etvbrandedcontent.tv/casestudies/img/casestudy-h1-luxuryunveiled.gif") top left no-repeat;
	  }
body.brandedcontent h1#h1-seat span{      
      background:#fff url("../../etvonline/etvbrandedcontent.tv/casestudies/img/casestudy-h1-seat.gif") top left no-repeat;
	  }	  
body.brandedcontent h1#h1-thomascook span{      
      background:#fff url("../../etvonline/etvbrandedcontent.tv/casestudies/img/casestudy-h1-thomascook.gif") top left no-repeat;
	  }	  
body.brandedcontent h1#h1-thomascookinspires span{      
      background:#fff url("../../etvonline/etvbrandedcontent.tv/casestudies/img/casestudy-h1-thomascookinspires.gif") top left no-repeat;
	  }
body.brandedcontent h1#h1-todayon3live span{      
      background:#fff url("../../etvonline/etvbrandedcontent.tv/casestudies/img/casestudy-h1-todayon3live.gif") top left no-repeat;
	  }
body.brandedcontent h1#h1-galacoralgroup span{      
      background:#fff url("../../etvonline/etvbrandedcontent.tv/casestudies/img/casestudy-h1-galacoralgroup.gif") top left no-repeat;
	  }

/* interactive
-----------------------------*/
body.interactive h1 span{      
	background:#fff url("../../etvonline/img/interactive/titles/landingpage-h1-interactive.gif") top left no-repeat;
	}
body.interactive #secondary-navigation ul.menu-subitems li.selected a{
	color:#d12231
	}
body.interactive #secondary-navigation li a.active{
	color:#d12231
	}
body.interactive h1#h1-contactus span{      
      background:#fff url("../../etvonline/etvbrandedcontent.tv/casestudies/img/h1-interactive-contactus.gif") top left no-repeat;
	}
body.interactive h1#h1-glitterball span{      
      background:#fff url("../../etvonline/interactive/casestudies/img/casestudy-h1-glitterball.gif") top left no-repeat;
	}
body.interactive h1#h1-playtowin span{      
      background:#fff url("../../etvonline/interactive/casestudies/img/casestudy-h1-playtowin.gif") top left no-repeat;
	}
body.interactive h1#h1-themint span{      
      background:#fff url("../../etvonline/interactive/casestudies/img/casestudy-h1-themint.gif") top left no-repeat;
	}
body.interactive h1#h1-galacoralgroup span{      
      background:#fff url("../../etvonline/interactive/casestudies/img/casestudy-h1-galacoralgroup.gif") top left no-repeat;
	}	

/* productions
-----------------------------*/
body.productions h1 span{      
      background:#fff url("../img/titles/landingpage-h1-productions.gif") top left no-repeat;
	}
body.productions #secondary-navigation ul.menu-subitems li.selected a{
	color:#1484c6
	}
body.productions #secondary-navigation li a.active{
	color:#1484c6
	}
body.productions h1#h1-contactus span{      
	background:#fff url("../../etvonline/etvbrandedcontent.tv/casestudies/img/h1-productions-contactus.gif") top left no-repeat;
	}
body.productions h1#h1-eatcinema span{      
	background:#fff url("../../etvonline/productions/casestudies/img/casestudy-h1-eatcinema.gif") top left no-repeat;
	}
body.productions h1#h1-extratime span{      
	background:#fff url("../../etvonline/productions/casestudies/img/casestudy-h1-extratime.gif") top left no-repeat;
	}		  
body.productions h1#h1-glitterball span{      
	background:#fff url("../../etvonline/productions/casestudies/img/casestudy-h1-glitterball.gif") top left no-repeat;
	}		  
body.productions h1#h1-ingoodcompany span{      
	background:#fff url("../../etvonline/productions/casestudies/img/casestudy-h1-ingoodcompany.gif") top left no-repeat;
	}	  
body.productions h1#h1-luxuryunveiled span{      
	background:#fff url("../../etvonline/productions/casestudies/img/casestudy-h1-luxuryunveiled.gif") top left no-repeat;
	}
body.productions h1#h1-themint span{      
	background:#fff url("../../etvonline/productions/casestudies/img/casestudy-h1-themint.gif") top left no-repeat;
	}
body.productions h1#h1-todayon3live span{      
	background:#fff url("../../etvonline/productions/casestudies/img/casestudy-h1-todayon3live.gif") top left no-repeat;
	}
	
	



/* technology
-----------------------------*/
body.technology #secondary-navigation ul.menu-subitems li.selected a{
	color:#d12231
	}
body.technology h1 span{      
    background:#fff url("../img/titles/landingpage-h1-technology.gif") top left no-repeat;padding-right:242px
	}
body.technology h1#h1-contactus span{      
    background:#fff url("../../etvonline/etvbrandedcontent.tv/casestudies/img/h1-technology-contactus.gif") top left no-repeat;
	}	  
body.technology h1#h1-vauxhallstudios span{      
	background:#fff url("../../etvonline/technology/img/technology-h1-vauxhallstudios.gif") top left no-repeat;
	}
body.technology h1#h1-batterseastudios span{      
    background:#fff url("../../etvonline/technology/img/technology-h1-batterseastudios.gif") top left no-repeat;
	}

/* slider 
-----------------------------*/	
ul.navigation a:focus {
    outline: none;
}
ul.navigation a {
    padding: 5px 0px 0 5px;
	margin:0px 15px 0 0;
    color: #000;
    text-decoration: none;
	position:relative;
}

ul.navigation a.selected {
	margin-right:17px
}
	
ul.navigation a span{
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:110%; height:22px;
	margin:0; padding:0 0 2px 0;
	}

ul.navigation a.selected span{
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:110%; height:26px;
	margin:0; padding:0 0 0px 0;
	}

/
/* slider menu > online
----------------*/	
body.online ul.navigation a#case-background.selected{padding-right:px}
body.online ul.navigation a#case-background.selected span{background:url("../img/casestudy-subnav-background.gif") no-repeat 0px -26px;}
body.online ul.navigation a#case-background span{background:url("../img/casestudy-subnav-background.gif") no-repeat 0px 0px;}
body.online ul.navigation a#case-background span:hover{background:url("../img/casestudy-subnav-background.gif") no-repeat 0px -26px;}

body.online ul.navigation a#case-objectives.selected{padding-right:0px}
body.online ul.navigation a#case-objectives.selected span{background:url("../img/casestudy-subnav-objectives.gif") no-repeat 0px -26px;}
body.online ul.navigation a#case-objectives span{background:url("../img/casestudy-subnav-objectives.gif") no-repeat 0px 0px;}
body.online ul.navigation a#case-objectives span:hover{background:url("../img/casestudy-subnav-objectives.gif") no-repeat 0px -26px;}

body.online ul.navigation a#case-mechanic.selected{padding-right:0px}
body.online ul.navigation a#case-mechanic.selected span{background:url("../img/casestudy-subnav-mechanic.gif") no-repeat 0px -26px;}
body.online ul.navigation a#case-mechanic span{background:url("../img/casestudy-subnav-mechanic.gif") no-repeat 0px 0px;}
body.online ul.navigation a#case-mechanic span:hover{background:url("../img/casestudy-subnav-mechanic.gif") no-repeat 0px -26px;}

body.online ul.navigation a#case-distribution.selected{padding-right:0px}
body.online ul.navigation a#case-distribution.selected span{background:url("../img/casestudy-subnav-distribution.gif") no-repeat 0px -26px;}
body.online ul.navigation a#case-distribution span{background:url("../img/casestudy-subnav-distribution.gif") no-repeat 0px 0px;}
body.online ul.navigation a#case-distribution span:hover{background:url("../img/casestudy-subnav-distribution.gif") no-repeat 0px -26px;}

body.online ul.navigation a#case-results.selected{padding-right:0px}
body.online ul.navigation a#case-results.selected span{background:url("../img/casestudy-subnav-results.gif") no-repeat 0px -26px;}
body.online ul.navigation a#case-results span{background:url("../img/casestudy-subnav-results.gif") no-repeat 0px 0px;}
body.online ul.navigation a#case-results span:hover{background:url("../img/casestudy-subnav-results.gif") no-repeat 0px -26px;}

body.online ul.navigation a#case-programming{padding-right:0px}
body.online ul.navigation a#case-programming.selected{padding-right:0px}
body.online ul.navigation a#case-programming.selected span{background:url("../../etvonline/casestudies/img/casestudy-subnav-programming.gif") no-repeat 0px -26px;}
body.online ul.navigation a#case-programming span{background:url("../../etvonline/casestudies/img/casestudy-subnav-programming.gif") no-repeat 0px 0px;}
body.online ul.navigation a#case-programming span:hover{background:url("../../etvonline/casestudies/img/casestudy-subnav-programming.gif") no-repeat 0px -26px;}

body.online ul.navigation a#case-marketing.selected{padding-right:0px}
body.online ul.navigation a#case-marketing.selected span{background:url("../../etvonline/casestudies/img/casestudies/img/casestudy-subnav-marketing.gif") no-repeat 0px -26px;}
body.online ul.navigation a#case-marketing span{background:url("../../etvonline/casestudies/img/casestudy-subnav-marketing.gif") no-repeat 0px 0px;}
body.online ul.navigation a#case-marketing span:hover{background:url("../../etvonline/casestudies/img/casestudies/img/casestudy-subnav-marketing.gif") no-repeat 0px -26px;}
	
/* footer
-----------------------------*/
#footer-navigation li.textlink a{
	font:normal 1em Arial, Helvetica, "Helvetica Neue", sans-serif;text-decoration:none;color:#7f8082
	}
#footer-navigation li.textlink a:hover{
	text-decoration:underline
	}
#footer p {
	margin:41px 0 20px -874px;width:874px;font:normal 0.9em Arial, Helvetica, "Helvetica Neue", sans-serif;text-decoration:none;color:#b4b4b6;letter-spacing:0.3px
	}