@charset "utf-8";

/* Created 3/6/2009 by Ollie Wells ( ollie@2612.co.uk ) */
/* Global layout and decorational styles for ETV site (www.etv.tv) */

/* ********************************* */
/*   BODY - Cross-browser reset			 */
/* ********************************* */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}li{list-style:none;}q:before,q:after{content:'';}abbr,acronym {border:0;}del,ins{text-decoration:none;}

/* ********************************* */
/*   BODY - Main Colours						 */
/* ********************************* */


.mgroup {color:RGB(103,191,89);}
.violet {color:RGB(118,83,126);}
.green {color:RGB(85,185,73);}
.red {color:RGB(237,28,36);}
.orange {color:RGB(230,136,36);}
.blue {color:RGB(0,127,196);}
.lightGray {color: RGB(190,190,190);}
.Gray {color:RGB:(90,90,90);}

/* ********************************* */
/*   BODY - Page layout 						 */
/* ********************************* */
.row{
	clear:both;
	display:block;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	width:1025px;
	padding:0 25px;
	}
.item{
	float:left;	
	left:1050px;
	overflow:hidden;
	position:relative;	
	width:auto;
	}

#site-wrapper{
	background:RGB(255,255,255);
/*	background:#666 url(../img/bg-sitewrapper.gif) no-repeat center -450px;*/
	width:100%;
	margin:0px auto;padding:0px;
	}

/* Header
------------------*/
#header {
	padding-bottom:10px
	}
#logo-main{
	background:url(../img/logo-main_01.gif) 0px 0px; /* logo-main.gif */
	display:block;
	height:64px;
	margin:10px 0 0 -145px;	/* -874 */
	width:117px;
	xfloat:right;
	}
#logo-main:hover{
	background-position:0px -65px
	}
	
/* Body
------------------*/

body {
	/*background:#666 url(../img/bodybg.gif) repeat-y center;*/
	}
	body.brandedcontent #site-wrapper{
		/*background:#666 url(../img/bg-sitewrapper.gif) no-repeat center -50px;*/
		}
		body.layout2 #body-content{
			margin-top:10px
			}	
		body.layout3 #body-content{
			margin-top:10px;
			}
		body.layout3.interactive #body-content{
			background:#fff url(../img/linetemp.gif) no-repeat 0px 90px;
			}
		body.contact #body-content, body.creative #body-content {
			padding-bottom:80px
			}
		body.contact #footer, body.creative #footer {
			padding-bottom:150px;
			margin-top:-80px;
			}	


#body-content{
	margin:0 0 0 -898px;
	width:876px;
	padding:0px 0px 0px 20px;
	}
	#body-content.one-column {
		width:856px;
		padding-right:20px;
		}
		.two-column {
			margin-bottom: 20px;
			}
		.two-column .column1{
			margin:0px 0 0 -1050px;
			padding:0px;
			margin-top: 10px;
			width:415px; 	
			}
		.two-column .column2{
			margin:0px 0 0 -602px;
			margin-top: 10px;			
			width:415px;
			}
		/* INDEX - SOORY THIS IS NOT MY NMESS */
		.tree-column {
				display:block;
				}
		
		.tree-column .column-1 {
			margin:0px 0 0 -1050px;
			padding:0px;
			width:557px; 
			}	
		.tree-column .column-2 {
			margin:0px 0 0 -765px;
			padding:0px;
			width:275px; 
			}	
		.tree-column .column-3 {
			margin:0px 0 0 -480px;
			padding:0px;
			width:275px; 
			}	
	


/* Primary navigation
------------------*/
#primary-navigation {
	text-transform:lowercase;
	background: url("../img/line-horiz-grey.gif") repeat-x 0px 27px


	}	
#primary-navigation{
	margin:50px 0 0px -874px; /* 722 */
	padding:0 0 5px 0;
	width:850px; /* 721 */
	height:30px
	}
#primary-navigation ul li{
	display: block;
	text-decoration: none;
	padding: 5px 4px 5px 14px;
	margin:0px;
	border-bottom: 0;
	float:left;
	background:url(../img/sprites/homepage.gif) no-repeat -3px -8px;
	}	

/* primary nav 1 */
#primary-navigation ul li.first{
	width:76px;
	padding-left:0px;
	background:none
	}
#primary-navigation ul li.first span	{
	background-position:0px 0px;
	width:80px
	}
#primary-navigation ul li.first.selected span	{
	border-bottom:3px solid #54B948;
	}
	
/* primary nav 2 */
#primary-navigation ul li.second{
	width:55px
	}
#primary-navigation ul li.second span	{
	background-position:-93px 0px;
	width:55px
	}
#primary-navigation ul li.second.selected span	{
	border-bottom:3px solid #54B948;
	}
	
/* primary nav 3 */
#primary-navigation ul li.third{
	width:37px
	}
#primary-navigation ul li.third span	{
	background-position:-162px 0px;
	width:40px
	}
#primary-navigation ul li.third.selected span	{
	border-bottom:3px solid #54B948;
	}
	
/* primary nav 4 */
#primary-navigation ul li.fourth{
	width:45px
	}
#primary-navigation ul li.fourth span	{
	background-position:-212px 0px;
	width:45px
	}
#primary-navigation ul li.fourth.selected span	{
	border-bottom:3px solid #54B948;
	}
	
/* primary nav 5 */
#primary-navigation ul li.fifth{
	width:89px
	}
#primary-navigation ul li.fifth span	{
	background-position:-264px 0px;
	width:89px
	}
#primary-navigation ul li.fifth.selected span	{
	border-bottom:3px solid #54B948;
	}
	
/* primary nav 6 */
#primary-navigation ul li.sixth{
	width:140px
	}
#primary-navigation ul li.sixth span	{
	background-position:-428px 0px;
	width:64px
	}
#primary-navigation ul li.sixth.selected span	{
	border-bottom:3px solid #54B948;
	}
	
li ul {
	position: absolute;
	left: 0px; /* Set 1px less than menu width */
	top: 23px;
	display: none;
	width:100px;
	list-style-type: none;
	}
	
ul.accordion li.showreel {
	margin-top:30px
	}
	
/* side-column
------------------*/
#side-column{
	margin:-7px 0 0 -1050px;
	width:156px;
	position:absolute;
	top:0px;
	padding-left:24px;
	z-index:1;
	}

/* contact
------------------*/	
.map iframe {
	float:left;
	margin:10px 0;
	}
.contact-address {
	float:left;
	width:180px;
	padding-left:15px;
	margin-top:10px;
	}
	.contact-address-wide {
		float:left;
		width:200px;
		padding-left:15px;
		margin-top:10px;
		}
	.contact-address-slim {
		float:left;
		width:150px;
		}

#body-content .contact-address p{
	margin-bottom:0px;
	}
	

/* accordion
------------------*/
ul.accordion, ul.accordion ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
	width: 150px;
	}
ul.accordion li {
	margin-top: 1px;
	}
ul.accordion li ul {
	position:static
	}

/* secondary-navigation (accordion)
------------------*/
/* ie6 fix : line height of accordion menu */
#secondary-navigation li{	
	line-height:0.01em  }
#secondary-navigation ul.menu-subitems {
	margin-bottom:10px
	}

.mainframe {	
	margin:0px 0 0 174px;
	height:336px;
	width: 850px;
	display: block;
	margin-bottom: 10px;
	}
	
/* flash */
#flash_aus{	
	margin:0px 0 0 174px;
	xheight:268px;
	width: 850px;
	display: block;
	}
	
#flash{	
	margin:0px 0 0 174px;
	height:268px;
	width: 850px;
	display: block;
	}
#flash_container {
	width:850px;
	}

#flash-home {
	margin-left:156px;
	}

div.video-back-button {
	height:100px;
	}	
	
#myContent {
	left:250px;
	margin:0px 0 10px 174px;
	height: 336px;
	width: 960px;
	display: block;
		}
		
		
/* PRE TAG ADDED BY SATNAAM FOR NEW HOMEPAGE */

.homepage_txt {
	font-family:Century Gothic, Arial, Helvetica, sans-serif; 
	font-size:2.8em; 
	line-height:1.1em; 
	margin:0px 0 0 0; 
	padding:0 0 25px 0;
	}
	
.homepage_txt_02 {
	font-family:Century Gothic, Arial, Helvetica, sans-serif; 
	font-size:2.8em; 
	line-height:1.1em; 
	margin:0 0 0 0; 
	padding:0 0 25px 0;
	}
	
.social_txt {
	font-family:Century Gothic, Arial, Helvetica, sans-serif; 
	font-size:2.2em; 
	line-height:1.2em; 
	margin:15px 0 0 0; 
	padding:0 0 35px 0;
	}
	
.mobile_txt {
	font-family:Century Gothic, Arial, Helvetica, sans-serif; 
	font-size:2.2em; 
	line-height:1.2em; 
	margin:15px 0 0 0; 
	padding:0 0 35px 0;
	}
	
.etv_green {
	color:#54b948;
	}
	
.etv_dark_grey {
	color:#333333;
	}
	
.location {
	font-family:Century Gothic, Arial, Helvetica, sans-serif; 
	font-size:1.2em;
	}
	
/* ********************************* */
/*   BODY - gSlider component 								 */
/* ********************************* */
#slider {
		width: 608px; /* important to be same as image width */
    height: 336px; /* important to be same as image height */
    position: relative; /* important */
		overflow: hidden; /* important */
		display:block;
		}
		#sliderContent {
				width: 709px; /* important to be same as image width or wider */
				position: absolute;
				top: 0;
				margin-left: 0;
				}
				.sliderImage {
						float: left;
						position: relative;
						display: none;
						}
				.sliderImage span {
						position: absolute;
						font: 10px/15px Arial, Helvetica, sans-serif;
						width: 589px;
						background-color: #000;
						filter: alpha(opacity=70);
						-moz-opacity: 0.7;
						-khtml-opacity: 0.7;
						opacity: 0.7;
						color: #fff;
						display: none;
						}
				/* styling */		
				.clear {	clear: both; }
				.sliderImage span strong { font-size: 14px; }
				.top {
						top: 0;
						left: 0;
						display: block;
						padding: 10px;
						}		
				.bottom {	bottom: 0;	left: 0; }
	ul { list-style-type: none;}

/* Heading
------------------*/
.heading {
		border-bottom:thin solid RGB(180,180,180);
		width:850px;
		height:22px;
		margin:10px 0px 5px 0px;
		padding:0px 0px 5px 0px;
		}



/* ********************************* */
/*   BODY - Flickr			 						 */
/* ********************************* */
.gallery ul {
  list-style: none;
}
.gallery ul li {
  display: inline;
  padding: 2px;
}


/* ********************************* */
/*   BODY - wpContent   						 */
/* ********************************* */
a.wpHead {
	font-size: 1.5em;
	font-weight:bold;
	color:RGB(90,90,90);
	display: block;
	border-top: RGB(204,204,204) solid thin;
	padding-top:3px;
	}
.wpComment {
	color:RGB(190,190,190);
	size: 30px;
	}

/* Footer
------------------*/
#footer{
/*	background:url(../img/bg-footer-verticalgreyline.gif) no-repeat scroll 176px bottom;*/
	margin-top:0px;padding-top:20px;width:1023px
	}	
#footer-navigation{
	border-bottom:1px solid #ccc;
	margin:5px 0 20px -874px;
	padding:0 0 4px 0;
	width:850px;
	}
#footer-navigation li{
	float:left;
	margin-right:5px;
	padding:5px 5px 5px 0px;
	width:auto;
	}	
#footer-navigation li.iconlink{
	float:left;
	margin-right:5px;
	padding:0px;
	width:auto;
	}	
#footer-navigation li.textlink{
	float:left;
	margin-right:5px;
	padding:8px 6px 0px 6px;
	width:auto;
	}
#footer-navigation li.textlink.first{
	margin-left:20px
	}	
#footer-navigation p{
	padding-bottom:20px
	}
	  
/* slider
------------------*/

#wrapper {
    width: 760px;
    margin: 0 auto;
}
#slider {
    width: 894px;
    margin: 0 auto;
    position: relative;
	}
.scroll {
    height: 200px;
    width: 894px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
	}
/* different heights of scroll container */
.scroll.big {
    height: 220px;
    width: 894px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
	}
body.brandedcontent div.scroll {
    height: 247px;
	}
body.online div.scroll {
    height: 184px;
	}
body.online div.scroll.thomascookcruiseselector{
    height: 215px;
	}
body.productions div.scroll {
    height: 184px;
	}
body.productions div.scroll.ingoodcompany {
    height: 246px;
	}
body.productions div.scroll.todayon3live {
    height: 231px;
	}
body.interactive div.scroll.glitterball {
    height: 179px;
	}
.scrollContainer div.panel {
    padding: 0px 20px 0 0;
    height: 210px;
    width: 856px;
	}
.scrollContainer div.panel  img{
    padding-bottom:20px
	}
ul.navigation {
    list-style: none;
    margin: 20px 0 20px 0;
    padding: 0 0 6px 0;
    font:bold 1.2em "Century gothic", Arial, Helvetica, "Helvetica Neue", sans-serif;
	text-transform:lowercase;
	border-bottom:1px solid #ccc;	
	}
ul.navigation li {
    display: inline;
    margin-right: 0px;padding:0 0 2px 0;
	}
.hide {
	display: none;
	}
	
/* EXTRA STYLING FOR THE FLASH REPLACEMENT CONTENT */


#left {
	float:left;
	padding:50px 30px 50px 30px;
	
	
	}
	
#right {
	float:right;
	width:430px;
	border-left:1px solid #CCCCCC;
	padding:60px 0 0 30px;
	
	}
	
#right p {
	padding:15px 0 15px 0;
	}
	
.clear {
	clear:both;
	}
	
/*
**************************************************************

**************************************************************
*/