/* Television X Now Page CSS
Theme Name: Television X Now
Version: 1.0.
Author: Jay Hughes
*/

/* Global Styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
* {
	margin: 0;
	padding: 0;
	outline: none;
}
/* Global Styles End */

/* Body and Main elements */
body {
	color: #fff;
	background: #000;
	font-size:0.7em;
	font-family: arial, verdana, helvetica, sans-serif;
}
div#landing-television {
	float:right;
	margin:12px 0 0;
	width:500px;
}
div.ucs {
	margin: 200px 0 0 0!important;
}
div.tv-terms {
	color:#FFFFFF;
	float:left;
	padding:10px 36px 20px 30px;
	width:482px;
}
div.tv-terms p, div.tv-terms strong {
	margin:5px 0;
	float:left;
	width: 100%;
}
div.tv-terms ul, div.tv-terms li {
	width:482px!important;
}
div.tv-terms a {
	color: #fff;
	text-decoration: underline;
}
div.tv-terms a:hover {
	color:#ff0000;
}
div.tv-terms h2 {
	margin: 5px 0;
	font-size: 1.7em;
	text-transform: uppercase;
}
div.tv-terms h3 {
	margin: 5px 0;
	font-size: 1.3em;
}
#container {
	margin:43px auto;
	width:100%;
	position:absolute;
}

#content-tv {
	float:left;
	width:960px;
	position: relative;
	float:left;
}

#header-tv {
	background:transparent url(/images/menu-top.gif) repeat-x scroll 0 0;
	float:left;
	height:48px;
	margin:0;
	position:absolute;
	width:100%;
}

#content-tv div#content-main {
	float:left;
	min-height:625px;
	padding:0;
	width:960px;
	_height: 625px;
	}
#content-tv div#content-main div#logo-bg {
	float:left;
	margin:0 0 0;
}
#content-tv div.home {
	background:transparent url(/images/tv-landing-page.jpg) repeat-x scroll 0 0 !important;
}
#content-tv  div.schedule {
	background:transparent url(/images/tv-schedule-page.jpg) repeat-x scroll 0 0 !important;
}
#content-tv div.join {
	background:transparent url(/images/tv-sjoin-page.jpg) repeat-x scroll 0 0 !important;
}
#content-tv div.terms {
	background:transparent url(/images/tv-terms.jpg) repeat-x scroll 0 0 !important;
}
#content-tv div.package-blank {
	background:transparent url(/images/platform-base-1.jpg) no-repeat bottom left !important;
}
#content-tv div.package-full {
	background:transparent url(/images/platform-base-2.jpg) no-repeat bottom left !important;
	padding: 2px 0 0 0!important;
}
#content-tv div.package-terms {
	background:transparent url(/images/terms-background.jpg) no-repeat top right !important;
	padding: 2px 0 0 0!important;
}
#content-tv div#content-main div#logo-bg ul {
	width: 250px;
	float:left;
}
div#packages {
	float:right;
	margin:0;
	padding:120px 0 0 21px;
	position:relative;
	width:553px;
}
div#packages ul.ultimate {
	margin:0 !important;
	padding:50px 0 0;
}
div#packages ul.premier {
	margin: 15px 0 0 0!important;
}
div#packages ul.virgin {
	margin: 85px 0 0 0!important;
}
div#packages ul.vision {
	margin: 85px 0 0 0!important;
}
div#packages ul#red-hot li {
	float:left;
	margin:0;
	padding:6px 0;
	width:100%;
}
div#packages ul#red-hot li a.subscribe {
	background:url(/images/subscribe-button.gif) no-repeat scroll 0 0;
	width: 154px;
	height: 35px;
	float:left;	
}
div#packages ul#red-hot li a.register {
	background:url(/images/register-button.gif) no-repeat scroll 0 0;
	width: 154px;
	height: 35px;
	float:left;	
}
div#packages ul#red-hot li a.terms {
	margin: 10px 0 0 10px;
	float:left;
}
div#packages ul#red-hot li a, div#packages ul#red-hot li h4 {
	color: #ff0000;
}
div#packages ul#red-hot h3 {
	color:#fff;
	font-weight:600;
	font-size: 0.9em;
	text-transform: uppercase;
	margin: 0;
}
div#packages ul#red-hot li.sub {
	font-size:0.9em;
	color:#f33330;
}
div#packages ul#red-hot a.link {
	float:right;
	text-decoration: underline;
	color:#f33330;
	font-size:0.9em;
}
h1.seo-hide, h2.seo-hide {
	margin: 0;
	padding: 0;
	font-size: 0.1em;
	position: absolute;
	left: -9999px;
}
div#packages h2 {
	margin:77px 0 0 25px;
	padding: 0;
	font-size: 1.9em;
	font-weight: normal;
}
div#packages h3 {
	color:#000000;
	font-size:1.5em;
	font-weight:500;
	margin:14px 40px 0 0;
	padding:0;
	float:left;
}
div#packages ul {
	float:left;
	margin:72px 0 0;
	padding: 0;
	width: 510px;
}
div#packages ul li {
	margin: 10px 0;
	padding: 0;
}
div#packages ul li ul.package-box {
	width: 475px;
	margin: 10px 0;
	padding: 0;
}
div#packages ul li ul.package-box li p {
	float:left;
	color: #000;
	width: 300px;
}
div#packages ul li ul.package-box li p span {
	color: #ff0000;
	font-weight: bold;
}
div#packages ul li ul.package-box li a.subscribe-online {
	margin: 20px 0 0 0;
	float:left;
}
div#packages ul li ul.package-box li img {
	float:left;
}
div#packages ul li ul.package-box li img.no-hug {
	float:none;
}
div#packages ul li ul.package-box li img.hug-right {
	float:right;
}
div#packages ul li ul.package-box li img.mouse {
	margin: 10px 0 0 0;
}
div#packages ul li ul.package-box li {
	margin: 0;
	width: 475px;
}
div#packages ul li ul.package-box li.box-left {
	background: url(/images/platform-option-left.png) no-repeat scroll 0 0;
	width: 25px;
	height: 111px;
	float:left;
}
div#packages ul li ul.large li.box-left {
	background: url(/images/platform-option-left-large.png) no-repeat scroll 0 0!important;
	height: 183px !important;
}
div#packages ul li ul.package-box li.box-right {
	background: url(/images/platform-option-right.png) no-repeat scroll 0 0;
	width: 25px;
	height: 111px;
	float:left;
}
div#packages ul li ul.large li.box-right {
	background: url(/images/platform-option-right-large.png) no-repeat scroll 0 0!important;
	height: 183px !important;
}
div#packages ul li ul.package-box li.box-main {
	background: #fff;
	width: 425px;
	float:left;
	margin: 0;
	padding: 0;
	height: 111px;
}
div#packages ul li ul.large li.box-main {
	height: 183px !important;
}
div#packages ul .virgin {
	width: 472px;
	margin: 0;
	padding: 0;
	position:relative;
	color: #000;
}
div#packages ul.virgin li.main h3 {
	color:#000000;
	float:left;
	font-size:1.2em;
	font-weight:500;
	margin:14px 191px 0 25px;
	padding:0;
}
div#packages ul.virgin li.main h3.bt-vision {
	margin: 14px 191px 15px 25px
}
div#packages ul.virgin li.header {
	background: url(/images/platform-2-header.jpg) no-repeat scroll 0 0;
	width: 472px;
	height: 22px;
	float:left;
	margin: 0;
}
div#packages ul.virgin li.main {
	width:472px;
	float:left;
	margin: 0;
	padding: 0;
	background: #fff;
	color: #000;
}
div#packages ul.virgin li.main ul {
	margin: 0;
}
div#packages ul.virgin p {
	padding:15px 0 15px 42px;
	width: 364px;
}
div#packages ul.virgin li.main ul li {
	margin: 3px 0;
	padding: 0 0 0 40px;
	width: 432px;
}
div#packages ul.virgin li.main img {
	margin: 0 0 0 45px;
}
div#packages ul.virgin li.footer-virgin {
	background: url(/images/virgin-base.png) no-repeat scroll 0 0;
	width: 472px;
	height: 157px;
	float:left;
	margin: 0;
	color: #000;
}
div#packages ul.virgin li.footer-bt-vision {
	background:url("/images/bt-vision-base.png") no-repeat scroll 0 0 transparent;
	color:#000000;
	float:left;
	height:155px;
	margin:0;
	padding:15px 0 0;
	width:472px;
}
div#packages ul.virgin li.footer-bt-vision p {
	padding:2px 0 15px 42px;
	width:364px;
}
div#packages ul.virgin li.footer-virgin span {
	font-weight: bold;
}
div#packages ul.virgin li.footer-virgin table {
	width: 300px;
	margin: 0 0 0 99px;
}
div#packages ul.freeview {
	width: 315px;
	float:left;
	margin:0;
}
div#packages ul.freeview li {
	margin: 0;
	padding: 0;
	float:left;
	width: 315px;
}
div#disclaimer {
	bottom:59px;
	font-size:0.8em;
	position:absolute;
	right:17px;
	text-align:right;
}
div#disclaimer a {
	color: #fff;
	text-decoration: underline;
}
div#disclaimer a:hover {
	color: #000;
}
div#package-description {
	float:left;
	margin:212px 0 0;
	padding:0 0 0 20px;
	width:200px;
}
div#package-description p {
	margin: 10px 0;
}
div#channel-descriptions-package-1 {
	width: 134px;
	height: 339px;
	float:left;
}
div.sky1 {
	background:url(/images/option-1-sky.png) no-repeat scroll 0 0;
}
div.sky2 {
	background:url(/images/option-2-sky.png) no-repeat scroll 0 0;
}
div.bt {
	background:url(/images/option-3-bt.png) no-repeat scroll 0 0;
}
div.virgin {
	background:url(/images/option-4-virgin.png) no-repeat scroll 0 0;
}
div#channel-descriptions-package-1 ul li p.top {
	text-align: center;
}
div#channel-descriptions-package-1  {
	float:left;
	padding:0 0 0 9px;
	position:relative;
	width:188px;
}
div#channel-descriptions-package-1 ul{
	margin:75px 0 0;
	padding:0;
	position:relative;
	width:178px;
	float:left;
}
div#channel-descriptions-package-1 ul li {
	float:left;
	width:98%;
}
div#channel-descriptions-package-1 ul li.red-hot-logo {
	float:left;
	height:46px;
	margin:97px 36px 20px 26px;
	width:136px;
	background: url(/images/platform-redhot-logo.jpg) no-repeat scroll 0 0;
}
div#channel-descriptions-package-1 ul li.package-2 {
	float:right;
}
div#channel-descriptions-package-1 ul li.package-3 {
	margin:15px 0 0 100px;
}
div#channel-descriptions-package-1 ul li.package-3 table {
	float:right;
	width: 200px
}
div#channel-descriptions-package-1 table {
	float:right;
	margin:10px 0 0 10px;
	width: 165px;
}
div#channel-descriptions-package-1 table tr td.td-right {
	text-align: center;
}
div#channel-descriptions-package-1 table tr td span {
	margin: 30px 0;
}
div#widget {
	background:none repeat scroll 0 0 #000000;
	height:436px;
	margin:73px 30px 0 0;
	width:421px;
}
div#channelbuttons {
	background:transparent url(/images/tv-schedule--header.jpg) no-repeat scroll 0 0;
	float:left;
	font-size:14px;
	height:31px;
	padding:20px 0 0 172px;
	width:250px;
}
div#channelbuttons div a {
	float:left;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	margin: 0 22px;
	width: 47px;
}
div#channelbuttons div a:hover {
	text-decoration: underline;
}
div#channelbuttons div#channel_date {
	float:left;
	font-weight: bold;
}
div#channel-container {
	background:transparent url(/images/tv-schedule--back.jpg) repeat-x scroll 0 0;
	float:left;
	height:322px;
	overflow:auto;
	width:421px;
}
div#schedule-footer {
	background:transparent url(/images/tv-schedule--footer.jpg) no-repeat scroll 0 0;
	float:left;
	height:41px;
	width:421px;
}
div.programmetitle, div.timetitle  {
	background:#FFFFFF none repeat scroll 0 0;
	color:#000000;
	font-weight: bold;
	font-size:13px;
	font-weight:bold;
	margin:3px 0 0;
	
}
div.programmetitle {
	float:left;
	padding:5px 0 5px 12px;
	width:240px;
}
div.programme {
	float:left;
	padding:5px 0 5px 12px;
	width:215px;
}
div.timetitle, div.time {
	float:right;
	padding:5px 0;
	width:169px;
}
div.channelitem {
	float:left;
	width: 401px;
}


#header-tv ul {
	width: 419px;
	margin: auto 0;
}
#header-tv ul li {
	float:left;
	margin:0;
	height:15px;
	padding:14px 45px;
}
#header-tv ul li.none {
	width: 1px;
	padding: 0!important;
	height: 41px;
}
#header-tv ul li a {
	font-weight: bold;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
#header-tv div#menu-align {
	width: 960px;
	margin: 0 auto;
	
}
div#join-container {
	margin: 0;
	padding: 0;
	float:left;
}

div#join-container div#join-header {
	padding: 100px 0 0 30px;
	float:left;
	position: relative;
}
div#join-container div#join-header h2 {
	font-weight: normal;
	font-size: 1.9em;
}
div#tvx-transparent-logo {
	background: url(/images/tvx-logo.png) no-repeat scroll 0 0;
	width: 428px;
	height: 183px;
	float:right;
	position: absolute;
	top:11px;
	right:4px;
	z-index: 30;
}
div#join-container div#join-choices {
	float:left;
	position:relative;
	margin:30px 0 0 0px;
	padding: 0;
	z-index:20;
}
div#join-container div#join-choices ul li {
	float:left;
	height:248px;
	width:192px;
	margin: 0 3px 0 0;
}
div#join-container div#join-choices ul li a {
	float:left;
	height:248px;
	width:192px;
}
div#join-container div#join-choices ul {
	float:left;
	margin:230px 0 0 5px;
}
div#join-container div#join-choices ul li a#sky-1 {
	background: url(/images/platform-button-1.png) no-repeat scroll 0 0;
}
div#join-container div#join-choices ul li a#sky-2 {
	background: url(/images/platform-button-2.png) no-repeat scroll 0 0;
}
div#join-container div#join-choices ul li a#freeview {
	background: url(/images/platform-button-3.png) no-repeat scroll 0 0;	
}
div#join-container div#join-choices ul li a#virgin {
	background: url(/images/platform-button-4.png) no-repeat scroll 0 0;
}
div#join-container div#join-choices ul li a#bt {
	background: url(/images/platform-button-5.png) no-repeat scroll 0 0;
}
div#more-info {
	bottom:220px;
	margin:0;
	padding:0;
	position:absolute;
	right:0;
	width:190px;
}
div#more-info ul {
	padding: 0;
}
div#more-info ul li {
	float:left;
	width: 175px;
}
div#more-info ul li.last {
	width: 300px;
}
select#dropChannel {
	margin:20px 0 0 36px;
}

#xplicit-tv-footer span {
	color: #ff0000;
}
#xplicit-tv-footer ul li {
	float: left;
	margin: 0 10px 0 0;
}
#xplicit-tv-footer ul li#restrict {
	color:#FF0000;
	margin:0 0 15px 0;
	padding:8px 0 0;
	vertical-align:bottom;
}
div.splash-footer {
	margin:140px 0 0 28px;
}
#xplicit-tv-footer ul li a {
	color: #fff;
	text-decoration: none;
}
#xplicit-tv-footer ul li a:hover {
	text-decoration: underline;
}
#channel_selector {
	padding: 0;
	margin: 0;
	text-align:left;
	float:right;
}