/* =BODY
---------------------------------------------------------------------------------------------------*/
body { margin:0px; padding:0px; font-size:12px; text-align:left; font-family:Arial, sans-serif; background:#f85556 url(../images/layout/bg.jpg) repeat-x; color:#000; }

/* misc */
h1, h2, h3, p, ul { padding:0; margin:0; }
h1 { font-size:20px; font-weight:normal; color:#000; }
h2 { font-size:20px; font-weight:normal; }
h3 { font-size:12px; font-weight:bold; display:block; line-height:170%; margin-top:3px; }
.t1 { font-size:20px; font-weight:normal; color:#000; }
.t2 { font-size:20px; font-weight:normal; color:#000; }
a { color:#000; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; }
img { border:none; padding:0; margin:0; display:block; }
fieldset { border:0; margin:0; padding:0; }
input,
textarea { font-size:12px; font-family:Arial, sans-serif; }
p { line-height:140%; }
.clear { clear:both; }
.float { float:left; }
.floatRight { float:right; }
ul li { list-style:none; line-height:130%; }
.wrap { width:1200px; margin:0 auto; }

/* =TOP
---------------------------------------------------------------------------------------------------*/
.top { height:46px; }
.top .top-list li { float:left; line-height:46px; font-size:15px; padding:0 25px; color:#A0A0A0; background:url(../images/layout/divider-top.gif) no-repeat top left; }
.top .top-list li.first { background:none; padding-left:0; }

/* =HEADER
---------------------------------------------------------------------------------------------------*/
.header { width:1200px; height:250px; position:relative; background:url(../images/layout/bg-header.jpg) no-repeat; }
.header a.logo { width:352px; height:134px; display:block; position:absolute; top:54px; left:30px; }

/* =MAIN-MENU
---------------------------------------------------------------------------------------------------*/
ul.main-menu { width:1200px; height:50px; overflow:hidden; background:url(../images/layout/bg-menu.gif); }
ul.main-menu li { float:left; background:url(../images/layout/divider-menu.gif) no-repeat top right; padding-right:2px; }
ul.main-menu li.rear { background:none; padding-right:0; }
ul.main-menu li.m0 a { width:181px; }
ul.main-menu li.m1 a { width:182px; }
ul.main-menu li.m2 a { width:182px; }
ul.main-menu li.m3 a { width:215px; }
ul.main-menu li a { line-height:50px; height:50px; float:left; display:block; color:#fff; text-align:center; font-size:20px; text-decoration:none; background:url(../images/layout/bg-menu.gif); background-position:top; background-color:#696969; }
ul.main-menu li a:hover { background-position:center; background-color:#7A7A7A; }
ul.main-menu li a.active,
ul.main-menu li a.active:hover { background-position:bottom; background-color:#000; }

/* =CONTENT
---------------------------------------------------------------------------------------------------*/
.content { padding-top:20px; background:#fff url(../images/layout/bg-content.gif) repeat-x top; }
.content.join { padding-top:1px; background:#fff; }
.content .text { width:1150px; padding:0 30px 10px 30px; }
.content h1 { margin-bottom:10px; }
.content .between-box { width:1200px; padding:15px 25px; font-size:16px; background:url(../images/layout/bg-between-box.gif) repeat-x top; }
.content .between-box a { font-weight:bold; }
.content .black-box { width:1198px; margin:0 auto; padding:15px 0; background:#000; text-align:center; }
.content .black-box.title { height:50px; padding:0; }
.content .black-box h1 { line-height:50px; color:#E6E6E6; font-weight:bold;  }

/* =EPISODE BOX
---------------------------------------------------------------------------------------------------*/
.episode-box { width:998px; margin:0 1px; }
.episode-box a img { float:left; margin:0 1px 1px 0; }
* html .episode-box a img { display:inline; }
.episode-box a.rear img { margin-right:0px; }
.episode-box .title { padding:0 30px; margin-bottom:1px; height:50px; background:#000; color:#DEDEDE; }
.episode-box .title h2 { line-height:50px; float:left; }
.episode-box .itslive {
	margin-left:11px;
	padding:17px 5px 10px 5px;
	width:250px;
	height:23px;
	float:left;
	font-style:normal;
}
.episode-box .itslive a {
	background-color:#E8E8E8;
	color:#000;
	font-size:13px;
	font-weight: 700;
	font-style: normal;
	text-decoration:none;
	height:35px;
	padding: 6px 5px 6px 5px;
}
.episode-box .itslive2 {
	margin-left:1px;
	padding:17px 5px 10px 5px;
	width:240px;
	height:23px;
	float:left;
	font-style:normal;
}
.episode-box .itslive2 a {
	background-color:#E8E8E8;
	color:#000;
	font-size:13px;
	font-style: normal;
	font-weight: 700;
	text-decoration:none;
	height:35px;
	padding: 6px 5px 6px 5px;
}
.episode-box .title .info-out { float:right; background:url(../images/layout/bg-info-box-left.gif) no-repeat 0 10px; }
.episode-box .title .info { float:left; background:url(../images/layout/bg-info-box-right.gif) no-repeat top right; margin-right:1px; }
.episode-box .title .info li { float:left; line-height:50px; padding:0 10px; }
.episode-box .left-box { float:left; width:502px; overflow:hidden; padding-bottom:1px; }
.episode-box .right-box { float:right; width:495px; overflow:hidden; }
.episode-box .descr-box { width:452px; height:88px; float:left; padding:15px 25px; overflow:hidden; }
.episode-box a.join-now { width:998px; height:50px; font-size:26px; font-weight:bold; color:#fff; line-height:50px; text-decoration:none; float:left; display:block; text-align:center; background:url(../images/layout/button-join-now.gif); background-position:top; background-color:#7A7A7A;  }
.episode-box a.join-now:hover { background-position:bottom; background-color:#696969; }

/* =LIST-BOX
---------------------------------------------------------------------------------------------------*/
ul.list-box {
	width:1200px;
	margin:0 auto;
	padding:1px 0 0 0px;
}
ul.list-box li { float:left; background:#4C4C4C; width:299px; margin:0 1px 1px 0px; text-align:center; color:#fff; }
ul.list-box li img { margin-left:1px; }
ul.list-box li div { padding:5px 0; display:block; }
ul.list-box li div h2 { float:left; font-size:12px; font-weight:bold; padding:0 0 4px 0; }
ul.list-box li div span.category { color:#8F8F8F; font-size:10px; text-transform:uppercase; float:right; padding:0 0 4px 0; }
ul.list-box li div p { clear:both; line-height:125%; height:45px; overflow:hidden; }
ul.list-box li.rear { margin-right:0; float:left; }
ul.list-box.network-sites li div { text-align:left; padding:10px; }
ul.list-box.network-sites .sites { text-align:left; padding:10px; margin-left:30px; margin-right:30px}

ul.features-list { width:1160px; padding:20px 0; float:left; margin-left:120px;  }
ul.features-list li { float:left; width:460px; padding-right:20px;  }
ul.features-list li img { float:left; margin-right:10px; }
ul.features-list li h2 { font-size:12px; font-weight:bold; margin-bottom:3px; }
ul.features-list li p {
	height:45px;
	overflow:hidden;
	line-height:130%;
}

/* =PAGINATE
---------------------------------------------------------------------------------------------------*/
.paginate { width:401px; height:30px; margin:0 auto; background:url(../images/layout/bg-paginate.gif) no-repeat; }
.paginate a { color:#DEDEDE; margin:0 4px; line-height:30px; }
.paginate a.active { color:#8E8E8E; text-decoration:none; }
.paginatelong { width:601px; height:30px; margin:0 auto; background:url(../images/layout/bg-paginate2.gif) no-repeat; }
.paginatelong a { color:#DEDEDE; margin:0 4px; line-height:30px; }
.paginatelong a.active { color:#8E8E8E; text-decoration:none; }
/* =BUTTONS
---------------------------------------------------------------------------------------------------*/
.buttons { padding:20px 0; background:url(../images/layout/bg-buttons-box.gif) repeat-x top; }
.buttons ul { width:600px; margin:0 auto; }
.buttons ul li { float:left; margin-right:15px; }
.buttons ul li.rear { margin-right:0; }
.buttons ul li a { width:190px; height:50px; display:block; float:left; text-align:center; line-height:50px; font-size:23px; color:#fff; text-decoration:none; background:url(../images/layout/bg-buttons.gif); background-position:top; background-color:#000; }
.buttons ul li a.join { background:url(../images/layout/bg-buttons-join.gif); background-color:#7A7A7A; }
.buttons ul li a:hover { background-position:bottom; background-color:#696969; }

ul.button { padding:20px 0; display:block; clear:both; background:url(../images/layout/bg-between-box.gif) repeat-x top; }
ul.button li { width:967px; margin:0 auto; }
ul.button li a { width:967px; height:50px; line-height:50px; display:block; font-size:23px; color:#fff; text-decoration:none; text-align:center; background:url(../images/layout/button-join-now-medium.gif); background-position:top; background-color:#000; }
ul.button li a:hover { background-position:bottom; background-color:#696969; }

/* =JOIN PAGE
---------------------------------------------------------------------------------------------------*/
.form-left { float:left; width:500px; height:566px; overflow:hidden; margin:1px 0; background:url(../images/layout/bg-join-left.jpg) no-repeat; }
.form-left .info-join { width:201px; height:532px; font-size:14px; color:#fff; padding:35px 20px 0 25px; float:right; background:url(../images/layout/join-list.png); }
.form-left .info-join .title-join { font-size:20px; display:block; padding-bottom:15px; margin-bottom:8px; background:url(../images/layout/divider-join.gif) no-repeat bottom; }
.form-left .info-join ul { float:left; }
.form-left .info-join ul li { padding-left:15px; margin-bottom:8px; background:url(../images/layout/bullet.gif) no-repeat 0 5px; }
form { float:right; width:430px; height:512px; padding:15px 40px 5px 30px; overflow:hidden; margin-top:1px;  height:100%; }/*
form h2 { text-align:center; margin-bottom:15px; }
form label { float:left; font-size:16px; font-weight:bold; line-height:37px; margin:7px 0; }
form .field { width:323px; height:37px; margin:7px 0; float:right; background:url(../images/layout/bg-input.gif) no-repeat; }
form .field input { float:right; border:0; width:317px; height:25px; padding:10px 0 0 6px; background:transparent; }
form select { width:323px; margin:15px 0 20px; float:right; }
form .submit { margin:0 0 20px 108px;}*/
form .space { margin-bottom:5px; height:97px; overflow:hidden; }
form ul.form-button { width:430px; float:left; }
form ul.form-button li { float:left; margin:0 15px; }
form ul.form-button li.rear { margin-right:0; }
.colourbigtext {
	color:#D60131;
	font-size:16px;
	font-weight:bold;
}
.form-button { width:500px; float:left; padding:0 0 0 40px; }
.form-button li { float:left; margin:0 15px; }
.form-button li.rear { margin-right:0; }
.joinbg { background:url(../images/layout/bg-join-right.gif) no-repeat 500px 0; height:100%; overflow:hidden}
/* =FOOTER
---------------------------------------------------------------------------------------------------*/
.footer { width:1200px; clear:both; float: inherit; background:#fff url(../images/layout/bg-footer.gif) repeat-x bottom; }
.footer .wraper {  width:1000px; float:none }
.footer img { float:left; }
.footer ul { float:left; padding:25px 0 20px 0; margin-left:323px; } 
.footer ul li { float:left; height:21px; background:url(../images/layout/divider-footer.gif) no-repeat top left; }
.footer ul li.first { background:none; }
.footer ul li a {  font-weight:bold; line-height:21px; padding:0 15px; }
.footer .copy { clear:both; text-align:center; padding-bottom:25px; line-height:150%; color:#636363; }

.style_watch {font-size: 23px}
.textfooter1 {
	font-size: 11px;
	line-height: normal;
    margin:0}
	
.textfooter2 {
	font-size: 12px;
	line-height: normal;
	}
.else  {float:inherit;width:998px; height:47px;text-align:center;}
.textCenter { width:320px; margin:0 auto;text-align:center; }


/* =FOOTER JOIN
---------------------------------------------------------------------------------------------------*/
.footerj { width:1200px; clear:both; float:inherit; background:#fff url(../images/layout/bg-footer.gif) repeat-x bottom; }
.footerj .wraperj { margin-left:100px; padding-top:1px; width:1000px; float:none }
.footerj img { float:left; }
.footerj ul { float: left; padding:25px 0 20px 0; margin-left:430px;; text-align:center; } 
.footerj ul li { float:left; height:21px; background:url(../images/layout/divider-footer.gif) no-repeat top left; }
.footerj ul li.first { background:none; }
.footerj ul li a {  font-weight:bold; line-height:21px; padding:0 15px; }
.footerj .copy { clear:both; text-align:center; padding-bottom:25px; line-height:150%; color:#636363; }

/* =WARNING PAGE
---------------------------------------------------------------------------------------------------*/
body.warning { background:#f85556 url(../images/layout/bg.jpg) repeat-x; color:#000; padding:33px 0;}
body.warning .wrap { width:999px; }
body.warning .header { height:195px; background:none; overflow:hidden; }
body.warning .header img { float:left; }
body.warning .top-button { padding-bottom:35px; background:#fff url(../images/layout/bg-buttons-top.gif) repeat-x bottom; }

body.warning .buttons { padding-top:25px; }
body.warning .buttons ul { width:440px; margin:0 auto; float:none; }
body.warning .buttons ul li.center { width:25px; margin-right:17px; font-size:25px; padding-top:27px; color:#828282; }
body.warning .buttons ul li { width:190px; overflow:hidden; background:none;  text-align:center; }
body.warning .buttons ul li span { font-size:15px; color:#828282; padding-bottom:4px; display:block; }
body.warning .footer { width:999px; }
body.warning .footer .buttons { padding:5px 0 0 0; margin:0; }
body.warning .footer .buttons ul li { height:70px; }
body.warning .footer .buttons ul li a { width:190px; height:50px; line-height:50px; padding:0; }

body.warning .warning-text { background:#000; color:#fff; padding:25px 25px 10px 25px; border-left:1px solid #fff; border-right:1px solid #fff; }
body.warning .warning-text h1 { font-size:20px; color:#CACACA; margin-bottom:10px; }
body.warning .warning-text p.desc { color:#CACACA; margin-bottom:30px; }
body.warning .warning-text p { margin-bottom:15px;  line-height:150%; }
body.warning .warning-text ul { margin-bottom:15px; }
body.warning .warning-text ul li { list-style:disc; margin:0 0 10px 20px; }
body.warning .warning-text a{ list-style:disc; margin:0 0 10px 20px; color:#CACACA;   }

/* =FLash player
---------------------------------------------------------------------------------------------------*/
a.trlply {
	display:block;
	width: 502px;
	height:377px; 
	text-align:center;
}
a.trlply img {
	margin:140px 0 0 220px;
	border:0px;
}

/* =thumb updates + items
---------------------------------------------------------------------------------------------------*/

.thumbs-updates {width: 1200px; margin: 0 0 0 0px;}
.thumbs-updates .item {width:377px; float: left; margin: 11px;  }
.thumbs-updates .item a img{
	border:2px; border-style:solid;
	color:#777
}
.thumbs-updates .item a:hover .overlay {position: absolute;  height: 285px; width: 381px; background: url('../images/layout/play_movie.gif') top center no-repeat;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	filter: alpha(opacity=50);

	-moz-opacity: 0.5;

	-khtml-opacity: 0.5;

	opacity: 0.5;


}

.extillink {
	padding:7px 5px;
	margin:8px 8px 0 5px;
	text-align:center;
	background-color: #222;
}
.extillink a {
	font-size:22px;
	font-weight:bold;
	color: #FFF;
}

	

.thumbs-updates .textthumb
{ font-size: 12px; width:124px; float: left; padding:2px 5px 0 5px; }
.thumbs-updates .textthumbr
{ font-size: 12px; width:98px; float: right; padding:2px 5px 0 5px; }
.thumbs-updates .wmw 
{float: left;width:16px; height:16px;background:url(../images/layout/WMV-logo.png) top; margin-top:1px}
.thumbs-updates .h264 
{float: left;width:27px; height:16px;background:url(../images/layout/h264logo.png) top; margin-top:1px; margin-left:5px}
.thumbs-updates .flash 
{float: left;width:16px; height:16px;background:url(../images/layout/FlashLogo.png) top; margin-top:1px; margin-left:5px}
.thumbs-updates .html5 
{float: left;width:11px; height:16px;background:url(../images/layout/HTML5.png) top; margin-top:1px; margin-left:5px}
.thumbs-updates .ios 
{float: left;width:25px; height:16px;background:url(../images/layout/ios.png) top; margin-top:1px; margin-left:5px}
.thumbs-updates .between-boxx { width:1154px; padding:15px 21px 5px 25px; font-size:16px; background:url(../images/layout/bg-between-box.gif) repeat-x top; }
.thumbs-updates .between-boxx a { font-weight:bold; }