/* Global body styles */
body {background: #FFFFFF; color: #000; font-family: arial, verdana, helvetica, sans-serif; margin-left: 10px; margin-top: 0px; padding: 0px; text-align: left; font-size: 12px; line-height: 1.3;}
#page-x {margin: 0px auto; padding: 0px; width: 942px; overflow: hidden; font-size: 12px;}
td {font-size: 12px;}

/* form, select {zoom: 1;} fix for broken ie peekaboo borders */

/* basic formating */
.access {display: none;}
.ofh {overflow:hidden;}
.field {height:16px;line-height:16px;font-size:11px;}
.noborder {border:0px !important;}
.nowrap {white-space:nowrap;}
form {margin: 0px; display: inline;}
.lhlf {width: 49%; float: left; position: relative;}
.rhlf {width: 49%; float: right; position: relative;}
.md_spc	{height: 10px; clear: both; display: block; font-size: 12px;}
.spacer, .md_clear {clear: both !important; height: 0px; font-size: 0px;}
.cleft {clear: left;}
.clear {clear: both !important;}
.md_brk {height: 10px;}
#hidedir {display: none;}
.no-print {}
.inline {display: inline;}
hr.thinhigh {height: 1px; color: #E5E5E5; position: relative; top: -8px; border-style: solid; font-size: 3px;}

ul.story-wire  {margin: 0px 0px 10px 0px; padding: 0px;}
.story-wire li {margin: 0px; padding: 4px; display: block; border: 1px solid #eeeeee;}
.story-wire img {padding-right: 5px;}

/* positioning */
.posab {position: absolute;}
.posre {position: relative;}
.left, .tal {text-align: left;}
.right, .tar {text-align: right;}
.center, .tac {text-align: center;}
.fleft {float: left; position: relative;}
.fright {float: right; position: relative;}
.static {position: static;}

/* text styles */
a {text-decoration: none; color: #0750D9; background-color: transparent;}
a:hover {text-decoration: underline;}
h1 {font-weight: bold; font-size: 130%; margin-top: 0px; margin-bottom: 10px;} 
h2 {font-weight: bold; font-size: 130%; margin-top: 0px; margin-bottom: 10px;} /* for defining page sections */
h3 {font-weight: bold; font-size: 130%; margin-top: 0px; margin-bottom: 10px;} /* a top story */
h4 {font-weight: bold; font-size: 100%; margin-top: 0px; margin-bottom: 10px;} /* module header */
h5 {font-weight: bold; font-size: 100%; margin-top: 0px; margin-bottom: 10px;}
h4.mdhdr, .mdhdr h4, h5.mdhdr, .mdhdr h5, h3.mdhdr, .mdhdr h3 {margin-bottom: 0px;}
.small {font-size: 9px;}
.large {font-size: 130%; line-height: 150%; white-space: normal;}
.fs1 {font-size:1px;}
.f11 {font-size:90% !important;}
.f12 {font-size:12px !important;}
.fbold {font-weight:bold !important;}
.fnormal {font-weight:normal !important;}

.text {color: #000000; background-color: transparent;}
p {margin-top: 0px;}
.nobul {margin: 0px; padding: 0px;}
.caps {text-transform: capitalize;}
.easyread {line-height: 1.3;} /*  */

/* list styles */
ul {margin-bottom: 0px; margin-top: 0px; padding-left: 8px; margin-left: 8px; border: 0px none;}
ol {margin-bottom: 0px; margin-top: 0px; border: 0px none;}

/* image styles */
img {border: 0px;}
.img_l {float:left; margin-right: 6px;}
.img_r {float:right; margin-left: 6px;}
.img_c {margin-left: 6px; margin-right: 6px;}
.img {float:left; margin-right: 6px;}

/* print style */
.print {display: none;}

/* margins */
.m0 {margin:0px;}
.mt10 {margin-top: 10px;}
.mr15 {margin-right: 15px;}

/* paddings */
.p0 {padding:0px;}
.p4 {padding: 4px;}
.pl15 {padding-left: 15px;}

/* sizing */
.w50 {width: 50px;}
.w300 {width: 300px;}

.top60 {top:60px;}

/* buttons */
.submit-button {float: right; position: relative;}
.col2 .submit-button,.col2-x2 .submit-button, .col3 .submit-button, .col6-x2a .submit-button  {margin-top: 4px;}

/* gen 4 promos */
h4 a, h5 a {display: block;}


.header_comment {margin-right: 45px;}
.header_comment a, .comments_paging a {display: inline;}
.comments_paging .page-num, .comments_paging .current {border: 1px solid #9084BE; margin: 1px 2px; padding: 1px 4px;}
.comments_paging .current {background: #b6addc;}
.comments_paging a.page-num:hover {background: #9084BE; color: #ffffff;}

.p-image, .p-copy {float: left; position: relative;}

#page-x {}
#content {width: 920px; text-align: left; margin: 0px auto;}
#header {width: 922px; text-align: left; margin: 0px auto;}
#header-top {height: 75px; margin-bottom: 1px; position: relative;}
#header-top p {position: absolute; bottom: 5px; right: 0px;}
#header-tabs {height: 40px; margin-bottom: 1px; font-weight: bold;}
#header-tabs a:hover {text-decoration:none;}
#header-subnav {height: 20px; margin-bottom: 1px;}
#header-search-bar {height: 20px; margin-bottom: 6px; font-size: 11px;}

#footer {margin: 0px auto; width: 922px; text-align: center;}
.col3 {width: 300px; overflow: hidden; text-align: left; float: right;}
.col1, .col2 {float: left; position: relative; width: 300px; text-align: left; overflow: hidden;}
.col1 {margin-right: 10px;}
.col12 {float: left; width: 610px; margin-right: 10px; text-align: left; overflow: hidden;}
.col13 {width: 920px; text-align: left; overflow: hidden;}
.small {font-size: 10px;}
p {margin-bottom: 10px;}

h3, h1 {font-weight: strong; font-size: 12px; margin-bottom: 2px; height: 20px; padding-left: 10px; padding-top: 1px;}
h4 {font-weight: strong; font-size: 12px; margin-bottom: 4px;}

/* interactive promos */
.ipromo, .ipromo-l {position: relative; overflow: hidden; margin-bottom: 10px; padding: 0px 3px 3px 3px;}
.ipromo {height: 158px;}
.ipromo-l {height: 269px;}
.ipromo-changing {height:275px; overflow:hidden;position:relative;}
.ipromo-item {position:absolute;top:0;left:0;}
.ipromo .ipromo-channel{height:30px;display:block;}
.promo {overflow: hidden; margin-bottom: 10px; position: relative; padding: 1px;}
.promo a, .ipromo a, .ipromo-l a  {text-decoration: none;}
.promo a:hover, .ipromo a:hover, .ipromo-l a:hover {text-decoration: underline;}
.p6 {padding: 6px;}
.ipromo .content {
  position: absolute;
  top: 95px;
  width: 288px;
  height: 160px;
  margin-left: 3px;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity:0.8;
}

.ipromo .content-fixed {
  position: absolute;
  top: 135px;
  width: 288px;
  height: 160px;
  margin-left: 3px;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity:0.8;
  background: #000;
} /* ipromo with no interaction */

.ipromo-l .content {
  position: absolute;
  top: 200px;
  width: 288px;
  height: 273px;
  margin-left: 3px;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity:0.8;
}
.ipromo-changing .content { position: absolute; top: 200px; width: 288px; height: 273px; margin-left: 3px; filter: alpha(opacity=80); -moz-opacity: 0.8;  background:#000;  color:#fff;opacity:0.8;}
.submit-button {position: absolute; bottom: 6px; right: 6px;}
.disc-buttons {position: absolute; bottom: 8px; right:8px;}
.ipromo-changing .disc-buttons {position: absolute; bottom: 0px; right: 0px; z-index: 100;height:18px;padding-right:8px;}
.ipromo-changing .disc-buttons a{display:block;float:left;width:12px;height:12px;margin:0 2px;background:url('/tv/images/disc-button-wht.gif') no-repeat center center;}

/* header modifications */
.header-1-promo .ipromo {margin-bottom: 0px; height: 150px; padding: 0px; font-size: 11px; line-height: 1.2;}
.header-1-promo .ipromo .content {height: 150px; margin-left: 0px; padding: 0px; width: 360px; top: 105px;}

.header-2-promo .ipromo {margin-bottom: 0px; height: 150px; padding: 0px; font-size: 11px; line-height: 1.2}
.header-2-promo .ipromo .content {height: 150px; margin-left: 0px; padding: 0px; width: 220px; top: 105px;}

.half .ipromo, .quarter .ipromo {height: 86px;} /* for marketing half height promo's */
.half .ipromo .content-fixed, .quarter .ipromo .content-fixed {height: 30px; top: 62px;}
.quarter {width: 150px; overflow: none; float: left;}
.quarter img {width: 136px;} 
.quarter .ipromo .content-fixed {width: 136px; overflow: none;}

.red {color: #ff0000 !important;}

#footer .footerbar {height: 20px; text-align: right; margin-top: 6px;}
#footer .footerbar a, #header-subnav a {font-weight: bold;}
#footer .footerbar li a, .footer-base-links li a, #header-subnav li a {margin:0px 8px 0px 8px;}
#footer .footerbar ul, ul .footer-base-links, #header-subnav ul  {margin:0px; padding:0px; border: 0px none; padding-top: 1px;}
#footer .footerbar li, #header-subnav li {display:inline;}
.footer-base-links li {display:inline;}
.footer-base-links {font-size: 11px; margin-top: 4px;}
.end {border-right: 0px !important;}

#header-tabs a {font-weight: bold;}
#header-tabs a:hover {text-decoration: none;} 
#header-tabs li a {display: block; height: 40px;}
#header-tabs ul  {height: 40px; margin:0px; padding:0px 0px 0px 1px; list-style : none;}
#header-tabs li {float: left; position: relative; width: 114px; height: 40px;  margin: 0px 1px 0px 0px; text-align: center;}
.tab-element {position: relative; top: 12px;}
#header-tabs .sml-tab {width: 113px !important;}

.search-text {font-weight: bold; margin-left: 10px; margin-right: 10px; float: left; position: relative; margin-top: 2px;} 
.search-field {font-size: 11px; width: 328px; margin-top: 1px; margin-right: 5px;}
.button {float: left; position: relative; border: 0px none; width: 49px; height: 16px; text-align:center; cursor:pointer; font-family: arial, verdana, helvetica, sans-serif; white-space: no-wrap; margin-top: 1px; padding: 0px; font-size: 11px;}
.large-but {float: left; position: relative; border: 0px none; width: 97px; height: 17px; text-align:center; cursor:pointer; font-family: arial, verdana, helvetica, sans-serif; white-space: no-wrap; margin-top: 1px; padding: 0px; font-size: 11px;}
a.button, a.large-but {text-decoration: none;}
.search-tab {padding-right: 10px; float: left; position: relative; height: 20px;}
.customise-tab {text-align: center; float: left; position: relative; height: 18px; padding: 2px 10px 0px 10px;}
.login-tab {text-align: center; float: left; position: relative; height: 18px; padding: 2px 10px 0px 10px;}
.date-tab {text-align: center; float: right; position: relative; height: 18px; padding: 2px 10px 0px 10px;}
.customise-tab a, .login-tab a {display: block;}

.heavy-back, .heavy-wide-back {padding: 10px;}

.col3-login {float: left; position: relative; font-size: 11px; width: 220px; margin-right: 10px; margin-bottom: 4px;}

.content-box {padding: 3px;}
.content-box-2 {padding: 6px;}
.content-box .img {float: left; position: relative; margin-right: 10px;}
.greyback-1 {padding: 6px;}
.greyback-2 {padding: 6px;}

.comment {padding: 10px 0 3px 10px;}
.comment h4 {margin-bottom: 3px;}
.comment h4 a{display:inline}
.comtxt {width:464px;margin-left:72px;padding:10px 10px 0px 30px;min-height:40px; height:auto !important;height:40px;color:#000;}
.combottom{height:13px; margin-left:72px;width:505px;font-size:2px;}
.comabuse{text-align:right;font-size:0.8em;height:1.3em;margin-right:10px;}
/* .tvguide a {color: #000;} */

.summary {width: 368px; float: left; position: relative;}

/* rate this show */
ul.rating-chart {float: left; width: 120px; height: 75px; list-style: none; margin:10px 10px 0px 0px; padding: 0px; position: relative;}
.rating-chart li {float: left; width: 25px; margin: 0px; position: absolute; bottom: 0px; font-size: 1px;}
.rank-disp1 {}
.rank-disp2 {left: 27px;}
.rank-disp3 {left: 54px;}
.rank-disp4 {left: 81px;}

dl.table-display {width: 130px; margin: 9px 0px 0px 0px; padding: 0px; float: left; position: relative;}
.table-display dt {width: 60px; float: left; position: relative; margin: 2px; font-weight: bold;}
/* commented backslash hack for mac-ie5 \*/
.table-display dt {clear: both; }
/* end hack */
.table-display dd {float: left; position: relative; width: 40px; margin: 2px;}

.viewer-vote {position: relative;}
.vote-button {position: absolute; right: 0px; bottom: 10px;}
.viewer-vote label {margin-top: 10px;}

/* A to Z list */
.atoz li a {display:block; margin:0px; padding: 0px 5px 0px 5px;}
.atoz ul {margin:0px; padding:0px; border: 0px none; padding-top: 1px; list-style: none;}
.atoz li {display:block; width: 20px; float: left; position: relative;}
.atoz li.num {width: 25px;}
.atoz li.num a {padding: 0px 3px 0px 3px;}
.atoz li.last {border-right: 0px;}

/* tabbed promo box */
#promo-tab-1, #promo-tab-2, #promo-tab-3{width: 90px; float: left; position: relative; height: 20px;}
.promo-tab{width: 90px; float: left; position: relative; height: 20px; text-align:center;line-height:20px;}
.charts .top10s{display:none;}
#promo-tab-1 a, #promo-tab-2 a, #promo-tab-3 a{padding-left: 10px;}

/* Top ten lists */

.certificate {float: right;}

/* results table */
.when-where {width: 90%;}
.when-where td {padding: 2px;}
.when-where td.tool {width: 18px; text-align: center;}

/* iFrame box */
#iframe-ajax {display:none;	position:absolute;left: 0;color:#000;width: 100%;z-index: 160;text-align: center}
#outerDataContainer{position:relative;background:url('/tv/images/busy.gif') center center no-repeat #fff;	border:1px solid #fff; width: 250px;height: 250px; margin: 0 auto;	padding:0;}
#iframe-overlay {position:absolute;top: 0;left: 0;z-index: 150;width: 100%;height: 500px; background-color: #000; display:none}
#frameClose {background:url('/tv/images/lightbox/close_small.gif') right top no-repeat; padding:0;height: 16px;	display:block;	margin:0}
#iframe-box {padding:5px 10px 10px}
.loading-big-white {background:url('/tv/images/busy.gif') center center no-repeat;}
.loading_small{background:url('/tv/images/busy.gif') center center no-repeat;}

/* My Favourites Boxes */
.my-fav-item h4{margin:0px;}
.my-fav-item{width:280px;float:left;margin-top:5px;min-height:75px;height:auto !important;height:75px;}
.home-favs .my-fav-item{min-height:10px; height:auto;clear:left;}
/*.my-fav-item a{font-size:0.9em;}*/
.my-fav-item ul{margin:0;padding:0;}	
.my-fav-item li{list-style:none;font-size:0.95em;}
.my-fav-item img{float:left;margin-right:5px;}
#fav-sortable1 .clear_fav{clear:left;padding-right:14px;}
#fav-sortable1 .my-fav-item{width:286px;}
.expand .content-box {max-height:300px;overflow:auto;}

/* Tool Button */
ul.tool {list-style:none;margin:0px;left:0px; width:250px;padding:0px;}
ul.tool li {display:block;width:30px;float:left;padding:0;position:relative;margin:2px 3px;}
.tool a {display:block; width:30px; height:30px;float:left;overflow:hidden;background: no-repeat top center;line-height:30px;text-align:center;font-size:1px;text-decoration:none;position:relative;margin:2px 3px;}
.tool a img {vertical-align:middle;line-height:30px;}
.tool a:hover {background-position:bottom center;}
.tool a.active{background-position:bottom center;}
.tool a span {display:none;}
.tool a.cast{margin-top:-30px;}
.tv-guide-toolbar{display:none; text-align:right;position:absolute;bottom:3px;right:5px;}
.tv-guide-toolbar a{background: no-repeat center center; width:16px; height:16px; margin:0 3px;float:right;}
.tv-guide-toolbar #record-this{background-image:url('/tv/images/icons/gallery/save-blk.gif');}
.tv-guide-toolbar #add-to-planner{background-image:url('/tv/images/icons/gallery/planner-blk.gif');}
.tv-guide-toolbar #remind-me{background-image:url('/tv/images/icons/gallery/alarm-blk.gif'); width:14px;}
.tv-guide-toolbar #more{font-size:12px;width:auto;}

#number-checker {background:url('/tv/images/uk-image.gif') left 5px no-repeat;padding:0px 0px 0px 65px;min-height:75px;height:auto !important; height:75px;}

.category dt {position: relative; font-weight: bold; margin-bottom: 10px; clear: left; padding: 3px; overflow: none;} 
.category dd {padding: 0px; clear: left; margin: 0px 0px 10px 0px;}
a.category-more {position: absolute; right: 5px; top: 3px;}
.category-heading {padding: 3px;}

.w-fix {width: 100%;} /* width fix for bordered modules */
.double-list li {width: 275px; margin-right: 8px; float: left;}
.double-list li.even {clear: left;}

.header-1-promo {float: left; margin-right: 6px;}
.channel-logos img {margin-right: 10px; margin-bottom: 10px;}

/* Tooltip */
#tooltip-js{display:none;position:absolute;font-size: 11px; color: #000;z-index:1000;}
#tooltip-js span{padding:3px 8px 2px 3px;text-align:center;overflow:hidden;background:url(/tv/images/bk-tooltipjs.png) no-repeat right top;border-left:1px solid #c7c7c7; float:left;display:block;
width:141px;}
#tooltip-js-bottom{height:17px; background:url(/tv/images/bk-tooltipjs.png) no-repeat right bottom;width:153px;font-size:1px;float:left;clear:left;}

.pack-channel-logo{width:80px;height:44px;margin:6px;float:left; background:url(/tv/images/logo-back.png) no-repeat bottom center;text-align:center;font-size:1px;padding-top:6px;}

.tight {line-height: 1.2;}
.video-container {width: 300px; height: 190px;}
#blog-sidebar ul{margin:0px;padding:0px;}

#tooltip-planner{width:250px;position:absolute; height:68px;right:35px;top:210px;z-index:1000;background:url(/tv/images/bk-tooltip-planner.png) no-repeat top left;padding:11px 15px 46px 15px;font-size:12px;overflow:hidden;color:#000;}

/* competitions */
.comp-row {padding:9px; padding-bottom:13px;}
.comp-radio {padding:2px; padding-left:5px;}
.comp-hide {visibility:hidden; position: absolute;}
.comp-textfield {width:286px; float:right; top:-4px;}
.comp-radiofield {float:right;}				
.comp-dropfield {position:relative; top:-4px;}
.comp-dropfield-pad {width:287px; float:right;}				
.comp-tc {position:absolute; visibility:hidden;}

/* buttons */
.submit-button {float: right; position: relative;}
.but-std-left, .but-std-right, .but-std-bg-bdy-submit,  .but-event-bg-bdy-submit, .but-event-bg-bdy-content {height:20px; float:left; padding: 0px; border: 0px; margin: 0px;}
.but-std-left {background: transparent url(//media.tiscali.co.uk/images/gfx/btn/btn-left.gif); width:4px;}
.but-std-right {background: transparent url(//media.tiscali.co.uk/images/gfx/btn/btn-right.gif); width:4px;}
.but-std-bg-bdy-submit {font-family: arial, verdana, helvetica, sans-serif; background: #d0d0d0 url(//media.tiscali.co.uk/images/gfx/btn/btn-bg.gif); white-space: nowrap;}
.but-std-bg-bdy-submit {text-align:center; cursor:pointer;}

.small-button{text-decoration:none;line-height:20px;vertical-align:middle;display:block;text-decoration:none;}
.small-button:hover {text-decoration:none;}
.small-button:hover span{text-decoration:underline;}

.stripcycle5 { width: 534px; height: 108px; overflow: hidden; float:left; margin-left:10px;}
.stripcycle5 div {text-align: left; font-size: 12px;height:102px; overflow:hidden; width:100%}
.stripcycle5 div { top: 0; left: 0;  }

.cycle li a {margin:0px;padding:0px;} 
ul.cycle {margin:0px; padding:0px; border: 0px none;}
.cycle li {display:inline; float:left;width:100px; margin-right:5px;}
.hide {display:none; color:#000}

.cycle-base-bg {width:586px; height:40px; position:relative; top:-12px; z-index:100}
.cycle-base {padding:16px 10px 16px 10px; height:19px;}

.relbox {position: relative; z-index: 10;}
.jcarousel-arrow {position: absolute; width: 21px; height: 12px; top: -6px;}

/* ************* Flash player ************* */

#box-playlist{float:left;height: 314px;overflow:hidden;padding:0px;display:none;position:relative;float:left;background:#f4f2ea}
#playlist{font-size:10px;height:314px;width:116px;}
#playlist a{display:block;border:2px solid #eeece0;width:100px;height:100px;position:relative;text-decoration:none;overflow:hidden;}
.playlist_title{width:100px;bottom:0px;left:0px;background:#000;opacity:0.6;color:#fff;position:absolute;display:block;text-decoration:none;font-weight:bold;padding:2px;}
#playlist a.playing{border-color:#9c9a93;}
#playlist a:hover{border-color:#343432;}


#flashcontent8520{float:left;background:#000}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	border-top:1px solid #000;
	border-left:1px solid #000;	
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #f4f2ea;
}
.jScrollPaneDrag {
	position: absolute;
	background:url("../images/slider.gif") repeat-x bottom left #ebeae9;
	cursor: pointer;
	overflow: hidden;
	border:1px #303030 solid;
	border-left:none;	
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #f4f2ea;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
/* ************* Flash player ************* */

/* ************* Image flow ************* */
#imageflow img {position:absolute; top:0px;	border:none;}
#imgf_images{visibility:hidden;}
#imgf_loading{margin-top:50px;text-align:center;width:100%;	background:url('/tv/images/busy.gif') center center no-repeat;height:20px;}
#imgf_loading2{margin-top:50px;text-align:center;width:100%;background:url('/tv/images/busy.gif') center center no-repeat;height:20px;}
#imgf_captions{	font-weight:bold;position:relative; text-align:center;z-index:10000;color:#fff;}

#imgf_scrollbar{visibility:hidden;position:relative; border-bottom:1px solid #b3b3b3;z-index:10001;}
#imgf_slider{position:absolute;margin-top:-7px;margin-left:-7px;z-index:10002;background-repeat:no-repeat;width:14px;	height:14px;}

/* lightbox */
#lightbox{position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/tv/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/tv/images/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* ************* Image flow ************* */

/* ************* TV GEN ************* */

#page-x{position:relative;}

#tiscalitvguide {
  position: relative;
  overflow: hidden;
}

#grid {
  position: relative;
  overflow: scroll;
  background-color: #888;
  height: 400px;
  z-index: 10;
}

#status {
  float: left;
  width: 120px;
  height: 32px;
  background-color: #555;
  color: #fff;
}

#options {
  line-height: 15px;
  font-size: 12px;
  float: right;
  width: 120px;
  eight: 432px;
  overflow: hidden;
}

#options a {
  color: #fff;
}

#options .tool a {
  position: static;
}

#busy {
  float: right;
  padding: 5px;
  display: none;
}

#clock {
  padding: 5px;
}

#clock a {
  color: #fff;
}

#cast_and_cat {
  position: relative;
  padding: 5px;
}

#cast_and_cat a {
  color: #fff;
}

#cast {
  margin-top: 15px;
  height: 100px;
}

#cats {
  width: 598px;
  height: 45px;
}

#promovid {
  width: 300px;
  height: 190px;
  overflow: hidden;
  text-align: left;
}

#settings {
  background-color: #bbb;
  color: #000;
  margin: 5px 0px;
  display: none;
}

#settings a {
  font-weight: bold;
}

.settingschannel {
  position: relative;
  float: left;
  width: 160px;
  margin-right: 10px;
  border: none;
  background-color: transparent;
}

.progtitle {
  font-weight: bold;
}

.nowrap {
  white-space: nowrap;
}

.details {
  font-size: 13px;
  overflow: hidden;
}

.chanlogo {
  float: right;
  display: none;
}

.fright {
  float: right;
  position: relative;
}

.cat {
  float: left;
  width: 85px;
}

.cat_icons {
  position: relative;
  top: -6px;
  text-align: right;
  white-space: nowrap;
}

.category img {
  margin-left: 2px;
}

.cat_icons img {
  margin-left: 2px;
}

.cat_shows {
  background-color: #48408d;
}

.cat_comedy {
  background-color: #ed267d;
}

.cat_movie {
  background-color: #758427;
}

.cat_realitytv {
  background-color: #00746b;
}

.cat_animation {
  background-color: #ff0;
}

.cat_kids {
  background-color: #fcbe2d;
}

.cat_drama {
  background-color: #ce1e0f;
}

.cat_sciencefiction {
  background-color: #0850df;
}

.cat_sports {
  background-color: #8e8cc9;
}

.cat_lifestyle {
  background-color: #a7da1c;
}

.cat_documentary {
  background-color: #adccf5;
}

.cat_gameshow {
  background-color: #f9f;
}

.cat_education {
  background-color: #ff9706;
}

.cat_news {
  background-color: #795cae;
}

.cat_music {
  background-color: #5dcdd7;
}

.proghilite {
  background-color: #fff;
}

.titlehilite .progtitle {
  color: #a9da1e;
}

.toolsarea {
  height: 30px;
  overflow: hidden;
  text-align: right;
  font-size: 11px;
}

.toolsarea img {
  margin-left: 10px;
}

.block {
  margin-bottom: 10px;
}

.block .hdr {
  font-weight: bold;
}

.castmember {
  width: 186px;
  margin-right: 10px;
  float: left;
}

.castmember a {
  display: block;
  font-size: 11px;
}

.castmember .castimg {
  background-color: #000;
  margin-right: 4px;
  border: solid 1px #3a3a38;
  padding: 1px;
}

.viewtypes {
  clear: right;
  float: right;
  padding: 5px;
  color: #fff;
}

#searchresults {
  position: absolute;
  width: 600px;
  height: 180px;
  overflow: hidden;
  z-index: 10;
  display: none;
  padding:0 5px;
}

#searchresults .scrollarea {
  height: 135px;
  overflow: auto;
}

#searchresults table {
  width: 578px;
}

#searchresults td, #searchresults th {
  margin: 0px;
  text-align: left;
}

#searchresults .pad {
  position: relative;
}

#infobox {
  position: absolute;
  z-index: 300;
  background-color: #fff;
  color: #000;
  overflow: hidden;
  cursor: pointer;
}
#infobox .proginner {
  border-width: 1px;
}

#infobox .nowrap {
  white-space: normal;
}

#infobox .chanlogo {
  float: right;
}

#infobox .cat_icons, #infobox .movieicon {
  display: none;
}

#infoboxshad {
  position: absolute;
  margin: 5px 0px 0px 5px;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  background-color: #000;
  display: none;
  z-index: 299;
}
.chan_num {
  width: 89px;
  height: 18px;
  text-align: right;
  color: #fff;
  float: left;
  margin-right: 5px;
}
.chan_num .txt {
  font-size: 11px;
  padding: 2px 2px 0px 0px;
}
.chan_num_tiscali {
  background: url(/tv/images/channel-logos/channel-number-tiscali.jpg) no-repeat #000;
}
.chan_num_freeview {
  background: url(/tv/images/channel-logos/channel-number-freeview.jpg) no-repeat;
}
.chan_num_sky {
  background: url(/tv/images/channel-logos/channel-number-sky.jpg) no-repeat;
}
.chan_num_virgin {
  background: url(/tv/images/channel-logos/channel-number-virgin.jpg) no-repeat;
}
.chan_num_freesat {
  background: url(/tv/images/channel-logos/channel-number-freesat.jpg) no-repeat;
}
.chan_num_bt {
  background: url(/tv/images/channel-logos/channel-number-bt.jpg) no-repeat;
  color: #000;
}

.progtime {
  font-size: 0.9em;
}

#currenttimeline {
  position: absolute;
  background-color: #f00;
}
/* ************* TV GEN ************* */