/*******************************/
/*                             */
/*  written by mike mcgonagle  */
/*  july-25-2008               */
/*                             */
/*******************************/

/* ---------- */
/* AMENDMENTS */
/* ---------- */

/* OCT-03-2008: ANTI-PIXEL BUTTONS ADDED TO MENU PANEL */





/* --------------- */
/* Menu Panel Code */
/* --------------- */


.menu-panel a:link,
.menu-panel a:visited {
	margin: 0px 0px 0px 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 2px;
	color: #FFFFFF;
	cursor: pointer;
	text-decoration: none;
	display: block;
	text-align: left;
	background-color: #0D94D5
}


.menu-panel a:hover,
.menu-panel a:focus,
.menu-panel a:active {
	color: #FFFFFF;
	cursor: pointer;
	text-decoration: none;
	display: block;
	background-color: #666666
}



.menu-panel {
	float: left;
	position: relative;
	clear: both;
	width: 100%;
	margin-bottom: 5px;
	text-align: left;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}


.box-ads {
	float: left;
	margin-top: 10px;
	margin-left: 5px;
}


.anti-pixel-button-area {
	float: left;
	position: relative;
	margin: 8px 0px 0px 25px;
}



.anti-pixel-buttons {
	max-height: 15px;
	padding: 0px 0px 0px 0px;
	margin: 4px 0px 0px 0px;
}



/* --------------- */
/* Index Page Code */
/* --------------- */


/* BBC UK */
/* ------ */


.ch-menu-links-bbcuk {
	font-family: Arial;
	font-size: 10pt;
	color: #000000;
	line-height: 130%;
}


.ch-menu-links-bbcuk a:link,
.ch-menu-links-bbcuk a:visited {
	color: #000000;
	text-decoration: none;
}


.ch-menu-links-bbcuk a:active,
.ch-menu-links-bbcuk a:hover {
	color: #E40000;
	text-decoration: none;
	background-color: transparent;
	border-color: #E40000;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: solid;
}



.ch-menu-channel-name-bbcuk {
	font-family: Arial;
	font-size: 12pt;
	color: #E40000;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	background-color: #FFDDDD;
	float: left;
	position: relative;
}

.ch-menu-horizontal-line-bbcuk {
	border-bottom: 1px solid #FFDDDD;
	margin: 0px 0px 5px 0px;
	height: 29px;
}

.ch-menu-text-area-bbcuk {
	font-family: Arial;
	font-size: 10pt;
	border-left: 1px solid #FFDDDD;
}

.ch-menu-vertical-line-bbcuk {
	border-left: 1px solid #FFDDDD;
}




/* BBC International */
/* ----------------- */

.ch-menu-links-bbcinter {
	font-family: Arial;
	font-size: 10pt;
	color: #000000;
	line-height: 130%;
}


.ch-menu-links-bbcinter a:link,
.ch-menu-links-bbcinter a:visited {
	color: #000000;
	text-decoration: none;
}


.ch-menu-links-bbcinter a:active,
.ch-menu-links-bbcinter a:hover {
	color: #E49F00;
	text-decoration: none;
	background-color: transparent;
	border-color: #E49F00;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: solid;
}


.ch-menu-channel-name-bbcinter {
	font-family: Arial;
	font-size: 12pt;
	color: #E49F00;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	background-color: #FFF5DD;
	float: left;
	position: relative;
}

.ch-menu-horizontal-line-bbcinter {
	border-bottom: 1px solid #FFF5DD;
	margin: 0px 0px 5px 0px;
	height: 29px;
}

.ch-menu-text-area-bbcinter {
	font-family: Arial;
	font-size: 10pt;
	border-left: 1px solid #FFF5DD;
}

.ch-menu-vertical-line-bbcinter {
	border-left: 1px solid #FFF5DD;
}




/* ITV */
/* --- */

.ch-menu-links-itv {
	font-family: Arial;
	font-size: 10pt;
	color: #000000;
	line-height: 130%;
}


.ch-menu-links-itv a:link,
.ch-menu-links-itv a:visited {
	color: #000000;
	text-decoration: none;
}


.ch-menu-links-itv a:active,
.ch-menu-links-itv a:hover {
	color: #779F43;
	text-decoration: none;
	background-color: transparent;
	border-color: #779F43;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: solid;
}


.ch-menu-channel-name-itv {
	font-family: Arial;
	font-size: 12pt;
	color: #779F43;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	background-color: #DCEAC7;
	float: left;
	position: relative;
}

.ch-menu-horizontal-line-itv {
	border-bottom: 1px solid #DCEAC7;
	margin: 0px 0px 5px 0px;
	height: 29px;
}

.ch-menu-text-area-itv {
	font-family: Arial;
	font-size: 10pt;
	border-left: 1px solid #DCEAC7;
}

.ch-menu-vertical-line-itv {
	border-left: 1px solid #DCEAC7;
}





/* Channel 4 */
/* --------- */

.ch-menu-links-ch4 {
	font-family: Arial;
	font-size: 10pt;
	color: #000000;
	line-height: 130%;
}


.ch-menu-links-ch4 a:link,
.ch-menu-links-ch4 a:visited {
	color: #000000;
	text-decoration: none;
}


.ch-menu-links-ch4 a:active,
.ch-menu-links-ch4 a:hover {
	color: #0090B1;
	text-decoration: none;
	background-color: transparent;
	border-color: #0090B1;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: solid;
}


.ch-menu-channel-name-ch4 {
	font-family: Arial;
	font-size: 12pt;
	color: #0090B1;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	background-color: #C1E0E7;
	float: left;
	position: relative;
}

.ch-menu-horizontal-line-ch4 {
	border-bottom: 1px solid #C1E0E7;
	margin: 0px 0px 5px 0px;
	height: 29px;
}

.ch-menu-text-area-ch4 {
	font-family: Arial;
	font-size: 10pt;
	border-left: 1px solid #C1E0E7;
}

.ch-menu-vertical-line-ch4 {
	border-left: 1px solid #C1E0E7;
}





/* Five */
/* ---- */

.ch-menu-links-five {
	font-family: Arial;
	font-size: 10pt;
	color: #000000;
	line-height: 130%;
}


.ch-menu-links-five a:link,
.ch-menu-links-five a:visited {
	color: #000000;
	text-decoration: none;
}


.ch-menu-links-five a:active,
.ch-menu-links-five a:hover {
	color: #F366AC;
	text-decoration: none;
	background-color: transparent;
	border-color: #F366AC;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: solid;
}


.ch-menu-channel-name-five {
	font-family: Arial;
	font-size: 12pt;
	color: #F366AC;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	background-color: #FED3E9;
	float: left;
	position: relative;
}

.ch-menu-horizontal-line-five {
	border-bottom: 1px solid #FED3E9;
	margin: 0px 0px 5px 0px;
	height: 29px;
}

.ch-menu-text-area-five {
	font-family: Arial;
	font-size: 10pt;
	border-left: 1px solid #FED3E9;
}

.ch-menu-vertical-line-five {
	border-left: 1px solid #FED3E9;
}




/* Sky */
/* --- */

.ch-menu-links-sky {
	font-family: Arial;
	font-size: 10pt;
	color: #000000;
	line-height: 130%;
}


.ch-menu-links-sky a:link,
.ch-menu-links-sky a:visited {
	color: #000000;
	text-decoration: none;
	background-color: transparent;
}


.ch-menu-links-sky a:active,
.ch-menu-links-sky a:hover {
	color: #944CCF;
	text-decoration: none;
	background-color: transparent;
	border-color: #944CCF;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: solid;
}


.ch-menu-channel-name-sky {
	font-family: Arial;
	font-size: 12pt;
	color: #944CCF;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	background-color: #EFE4F8;
	float: left;
	position: relative;
}

.ch-menu-horizontal-line-sky {
	border-bottom: 1px solid #EFE4F8;
	margin: 0px 0px 5px 0px;
	height: 29px;
}

.ch-menu-text-area-sky {
	font-family: Arial;
	font-size: 10pt;
	border-left: 1px solid #EFE4F8;
}

.ch-menu-vertical-line-sky {
	border-left: 1px solid #EFE4F8;
}




/* UKTV */
/* ---- */

.ch-menu-links-uktv {
	font-family: Arial;
	font-size: 10pt;
	color: #000000;
	line-height: 130%;
}


.ch-menu-links-uktv a:link,
.ch-menu-links-uktv a:visited {
	color: #000000;
	text-decoration: none;
}


.ch-menu-links-uktv a:active,
.ch-menu-links-uktv a:hover {
	color: #B62D9E;
	text-decoration: none;
	background-color: transparent;
	border-color: #B62D9E;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: solid;
}


.ch-menu-channel-name-uktv {
	font-family: Arial;
	font-size: 12pt;
	color: #B62D9E;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	background-color: #F8E4F5;
	float: left;
	position: relative;
}

.ch-menu-horizontal-line-uktv {
	border-bottom: 1px solid #F8E4F5;
	margin: 0px 0px 5px 0px;
	height: 29px;
}

.ch-menu-text-area-uktv {
	font-family: Arial;
	font-size: 10pt;
	border-left: 1px solid #F8E4F5;
}

.ch-menu-vertical-line-uktv {
	border-left: 1px solid #F8E4F5;
}




/* Other UK Channels */
/* ----------------- */

.ch-menu-links-otheruk {
	font-family: Arial;
	font-size: 10pt;
	color: #000000;
	line-height: 130%;
}


.ch-menu-links-otheruk a:link,
.ch-menu-links-otheruk a:visited {
	color: #000000;
	text-decoration: none;
	background-color: transparent;
}


.ch-menu-links-otheruk a:active,
.ch-menu-links-otheruk a:hover {
	color: #3B5FA1;
	text-decoration: none;
	background-color: transparent;
	border-color: #3B5FA1;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: solid;
}


.ch-menu-channel-name-otheruk {
	font-family: Arial;
	font-size: 12pt;
	color: #3B5FA1;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	background-color: #E2E8F4;
	float: left;
	position: relative;
}

.ch-menu-horizontal-line-otheruk {
	border-bottom: 1px solid #E2E8F4;
	margin: 0px 0px 5px 0px;
	height: 29px;
}

.ch-menu-text-area-otheruk {
	font-family: Arial;
	font-size: 10pt;
	border-left: 1px solid #E2E8F4;
}

.ch-menu-vertical-line-otheruk {
	border-left: 1px solid #E2E8F4;
}




/* Irish Channels */
/* -------------- */

.ch-menu-links-irish {
	font-family: Arial;
	font-size: 10pt;
	color: #000000;
	line-height: 130%;
}


.ch-menu-links-irish a:link,
.ch-menu-links-irish a:visited {
	color: #000000;
	text-decoration: none;
}


.ch-menu-links-irish a:active,
.ch-menu-links-irish a:hover {
	color: #3DA683;
	text-decoration: none;
	background-color: transparent;
	border-color: #3DA683;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: solid;
}


.ch-menu-channel-name-irish {
	font-family: Arial;
	font-size: 12pt;
	color: #3DA683;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	background-color: #E6F6F1;
	float: left;
	position: relative;
}

.ch-menu-horizontal-line-irish {
	border-bottom: 1px solid #E6F6F1;
	margin: 0px 0px 5px 0px;
	height: 29px;
}

.ch-menu-text-area-irish {
	font-family: Arial;
	font-size: 10pt;
	border-left: 1px solid #E6F6F1;
}

.ch-menu-vertical-line-irish {
	border-left: 1px solid #E6F6F1;
}





/* Miscellaneous */
/* ------------- */

.ch-menu-links-misc {
	font-family: Arial;
	font-size: 10pt;
	color: #000000;
	line-height: 130%;
}


.ch-menu-links-misc a:link,
.ch-menu-links-misc a:visited {
	color: #000000;
	text-decoration: none;
}


.ch-menu-links-misc a:active,
.ch-menu-links-misc a:hover {
	color: #0D94D5;
	text-decoration: none;
	background-color: transparent;
	border-color: #0D94D5;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: solid;
}


.ch-menu-channel-name-misc {
	font-family: Arial;
	font-size: 12pt;
	color: #0D94D5;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	background-color: #D2EEFB;
	float: left;
	position: relative;
}

.ch-menu-horizontal-line-misc {
	border-bottom: 1px solid #D2EEFB;
	margin: 0px 0px 5px 0px;
	height: 29px;
}

.ch-menu-text-area-misc {
	font-family: Arial;
	font-size: 10pt;
	border-left: 1px solid #D2EEFB;
}

.ch-menu-vertical-line-misc {
	border-left: 1px solid #D2EEFB;
}





/* Index Links */
/* ----------- */

.ch-menu-links a:link,
.ch-menu-links a:visited {
	font-family: Arial;
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
	line-height: 130%;
}



.ch-menu-links a:active,
.ch-menu-links a:hover {
	font-family: Arial;
	font-size: 10pt;
	color: #000000;
	text-decoration: underline;
}




/* -------------------------- */
/* Global Page Structure Code */
/* -------------------------- */


html {
	margin: 0px; 
	padding: 0px; 
}


body {
	background-color: #E3E3E3;
	background-image: url('http://design.thetvroom.com/images-global/backing.gif');
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0px; 
	padding: 0px;
}



.page-width { 
	max-width: 960px;
	background-color: #FFFFFF;
	margin-left: auto; 
	margin-right: auto;
}



.header {
	background-image: url('http://design.thetvroom.com/images-global/site-header.jpg');
	position: relative;
	float: left;
	height: 80px; 
	background-color: #FFFFFF; 
	width: 960px;
}



.header-left {
	width: 300px;
	float: left;
	position: absolute; 
	left: 0px;
	padding: 23px 0px 20px 23px;
}



.header-right {
	width: 175px;
	padding: 15px 0px 0px 0px;
	float: left;
	position: absolute; 
	left: 765px;
}



.header-right-front {
	width: 234px;
	float: left;
	position: absolute; 
	left: 725px;
}



.ticker {
	background-image: url('http://design.thetvroom.com/images-global/top-news-bar.gif');
	position: relative;
	float: left;
	height: 25px; 
	width: 960px;
}



.ticker-headline {
	font-family: Arial;
	font-size: 10pt;
	font-style: normal;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}



.ticker-date {
	font-family: Arial;
	font-size: 10pt;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
}



.ticker-part-1 {
	background-image: url('http://design.thetvroom.com/images-global/news-bar.gif');
	height: 25px;
	width: 135px; 
	float: left; 
	position: absolute; 
	left: 0px;
}



.ticker-part-2 {
	width: 500px; 
	float: left; 
	position: absolute; 
	left: 135px;
	padding: 2px 0px 0px 5px;
}



.ticker-part-3 {
	background-image: url('http://design.thetvroom.com/images-global/tvrplus-right-gold.gif');
	height: 25px;
	width: 135px; 
	float: left; 
	position: absolute; 
	left: 639px;
}

.ticker-part-3 a:link,
.ticker-part-3 a:visited,
.ticker-part-3 a:hover,
.ticker-part-3 a:focus,
.ticker-part-3 a:active {
	cursor: pointer;
	display: block;
	text-decoration: none;
}



.ticker-part-4 {
	background-image: url('http://design.thetvroom.com/images-global/icon-facebook.gif');
	width: 93px;
	height: 25px; 
	float: left; 
	position: absolute; 
	left: 774px;
}

.ticker-part-4 a:link,
.ticker-part-4 a:visited,
.ticker-part-4 a:hover,
.ticker-part-4 a:focus,
.ticker-part-4 a:active {
	cursor: pointer;
	display: block;
	text-decoration: none;
}



.ticker-part-5 {
	background-image: url('http://design.thetvroom.com/images-global/icon-twitter.gif');
	width: 93px;
	height: 25px; 
	float: left; 
	position: absolute; 
	left: 867px;
}

.ticker-part-5 a:link,
.ticker-part-5 a:visited,
.ticker-part-5 a:hover,
.ticker-part-5 a:focus,
.ticker-part-5 a:active {
	cursor: pointer;
	display: block;
	text-decoration: none;
}

.banner {
	width: 960px;
	position: relative;
	float: left;
	height: 60px; 
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
}



.wrapper {
	background-color: #FFFFFF; 
}


.menu-column {
	width: 130px; 
	float: left; 
	position: relative; 
	background-color: #FFFFFF; 
	margin: 10px 0px 0px 10px;
}


.content-column {
	width: 800px; 
	float: right; 
	position: relative; 
	margin: 10px 10px 10px 10px;
}


.content-footer-part-1a {
	width: 150px; 
	float: left; 
	position: relative;
}



.content-footer-part-1b {
	width: 760px; 
	text-align: center;
	font-family: Arial;
	font-size: 10pt;
	line-height: 130%;
	color: #FFFFFF;
	background-color: #0094D5;
	padding: 10px 20px 10px 20px;
	margin: 0px 10px 0px 0px;
	float: right; 
	position: relative;

}



.content-footer-part-1b a:link,
.content-footer-part-1b a:visited {
	color: #FFFFFF;
	text-decoration: none;
	background-color: transparent;
	border-color: #FFFFFF;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: dotted;
}


.content-footer-part-1b a:active,
.content-footer-part-1b a:hover {
	color: #B3E8FF;
	text-decoration: none;
	background-color: transparent;
	border-color: #B3E8FF;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: solid;
}



.content-footer-part-2a {
	width: 150px; 
	float: left; 
	position: relative;
}



.content-footer-part-2b {
	width: 760px; 
	text-align: center;
	font-family: Arial;
	font-size: 10pt;
	line-height: 130%;
	color: #FFFFFF;
	background-color: #0094D5;
	padding: 10px 20px 10px 20px;
	margin: 5px 10px 10px 0px;
	float: right; 
	position: relative;
}



.content-footer-part-2b a:link,
.content-footer-part-2b a:visited {
	color: #FFFFFF;
	text-decoration: none;
	background-color: transparent;
	border-color: #FFFFFF;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: dotted;
}


.content-footer-part-2b a:active,
.content-footer-part-2b a:hover {
	color: #B3E8FF;
	text-decoration: none;
	background-color: transparent;
	border-color: #B3E8FF;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: solid;
}



.footer {
	background-color: #B3E8FF;
	font-family: Arial;
	font-size: 8pt;
	color: #000000;
	text-align: center;
	line-height: 150%;
	padding: 20px 20px 20px 20px;
	width: 920px;
} 


.footer a:link,
.footer a:visited {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: transparent;
	border-color: #000000;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: dotted;
}


.footer a:active,
.footer a:hover {
	font-weight: bold;
	color: #0094D5;
	text-decoration: none;
	background-color: transparent;
	border-color: #0094D5;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: solid;
}


 

 
/* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix {
	display: inline-block;
}



/* BEGIN Hide from IE-mac */

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* END Hide from IE-mac */  



/* ---------------- */
/* control printing */
/* ---------------- */

/* Do not display left column on printed output */
 

@media print { 

#left-col {
	display:none;
} 


#right-col {
	width:100%; float:none;
}

}