body {
	margin:0px;
	background:#ffffff;
	background-repeat:repeat-x;
	font-weight:normal;
	font-family: Arial;
}

#header {
	margin:0px;
	padding:0px;
	border:0px;
	text-align:center;
	width:845px;
	height:80px; 
 	background-image: url(http://www.iplayerhd.com/images/header_b.gif); 
 	background-repeat:no-repeat; 
}

#video {
	margin: 0px;
	padding:0px;
	border:0px;
	
	width:845px;
	background-image: url(http://www.iplayerhd.com/images/background_b.gif);
	background-repeat:repeat-y;
}

#video-content {
	margin: 0px;
	padding:0px;
	border:0px;
	
	padding-top:20px;
	width:765px;
}

#foot-video {
	margin: 0px;
	padding:5px 0 0;
	border:0px none;
	
	width:845px;
	height:53px;
	
	background-image:url(http://www.iplayerhd.com/images/background_b.gif);
	background-repeat:repeat-y;

}

#footVideoContent {
	margin: 0px 0px 0px 0px;
	padding:0px;
	border:0px;
	
	width:765px;
}

.foot-video-content-left {
	float:left;
}

#foot-video-content-right {
	float:left;
	text-align:right;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	margin-top:-3px;
	padding-top: 4px;
}

#foot-video-content-right a, #foot-video-content-right a:visited {
	color:#5C5C5C;
	font-weight:bold;
	text-decoration:none;
}

#nowPlayingDiv {
	float:left;
	width:190px;
	text-align:center;
}
#nextPlayingDiv {
	float:left;
	padding-left:5px;
	color:#5C5C5C;
	cursor:pointer;
	text-align:right;
	visibility:hidden;
	width:170px;
}
#prevPlayingDiv {
	float:left;
	padding-right:5px;
	color:#5C5C5C;
	cursor:pointer;
	text-align:left;
	visibility:hidden;
	width:170px;
}
#allChannelDiv {
	clear:both;
	text-align:center;
	padding-top:4px;
	*margin-top:-6px;
}

#allChannelDiv a {
	cursor:pointer;
	color:#149ACD;
	font-size:11px;
	text-decoration:none;
}

#channel {
	margin: 0px;
	padding:0px;
	border:0px;
	
	width:845px;
	
	background-image: url(http://www.iplayerhd.com/images/background_b.gif);
	background-repeat:repeat-y;
}

#tit-demo {

	width:765px;
	margin: 0px;

	margin-bottom:12px;
	
	padding:0px;
	padding-bottom:10px;
	border:0px;
	
	background-image: url(http://www.iplayerhd.com/images/tit-channel.jpg);
	background-repeat:repeat-x;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#demo-left {
	float:left;
	width:728px;
	text-align:left;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:none;
	padding-bottom:10px;
}

#demo-left p{
	padding-top:0px;
	padding-left:15px;
	font-weight:none;
}

#demo-left a {
	text-align:left;
	color:#149ACD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:none;
	text-decoration:none;
}

#demo-left a:hover {
	text-align:left;
	color:#149ACD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:none;
	text-decoration:underline;
}

#demo-left ul{
	
}

#demo-left ul li {
	list-style-image: url(http://www.iplayerhd.com/images/sky_bullet.gif);
}

#demo-singlecol {
	float:left;
	width:765px;
	text-align:left;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:none;
	/*padding-bottom:10px;*/
}

#demo-singlecol p{
	padding-top:0px;
	padding-left:15px;
	font-weight:none;
}

#demo-singlecol a {
	text-align:left;
	color:#149ACD;
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:11px;*/
	font-weight:none;
	text-decoration:none;
}

#demo-singlecol a:hover {
	text-align:left;
	color:#149ACD;
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:11px;*/
	font-weight:none;
	text-decoration:underline;
}

#demo-singlecol ul{
	
}

#demo-singlecol ul li {
	list-style-image: url(http://www.iplayerhd.com/images/sky_bullet.gif);
}

.blueHeader {
	color:#149ACD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding-bottom:0px;
	margin-bottom:0px;
}
	

#demo-right {
	float:right;
	width:236px;
	
	margin-right:15px;
	
	padding-top:10px;
	padding-bottom:10px;
}

.textcol {
	margin:0px;
	padding:0px;
	
	padding-top:5px;
	padding-bottom:20px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:11px;

	vertical-align:top;
}

#tit-channel {
	clear:both;
	margin: 0px;
	padding:0px;
	border:0px;
	
	width:765px;
	
	background-image: url(http://www.iplayerhd.com/images/diagonal.gif);
	background-repeat: repeat-x repeat-y;
}

h1 {
	margin:0px;
	
	padding-top:5px;
	padding-left:15px;
	
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#666666;
	
	border-bottom: 4px solid #31B9EB;
	margin-bottom:10px;
}
/* ---------------------------------------------------------------------------------------------------------*/

#nav-channel{
	margin: 0;
	padding: 0;
	cursor: default;
	width:100%;
	text-align: left;
	overflow:hidden;
}

#nav-channel li{
	width:227px;
	list-style-type: none;
	/*height: 11.5em;*/
	height: 257px;
	
}
#nav-channel li.channel-nodescription{
	height: 187px;
	
}

#nav-channel a {
	text-align:left;
	color:#149ACD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

#nav-channel p {
	text-align:left;
	color:#149ACD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}


#nav-channel p:hover {
	text-decoration:underline;
}

#nav-channel a:hover {
	text-align:left;
	color:#149ACD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}

#nav-channel ul li img {
	border:1px solid #666666;
}

#nav-channel ul li p {
	margin-top:10px;
}

.clickableChannelArea {
	cursor:pointer;
}

/* horizontal positioning: */

.item1, .item4, .item7, .item10
{
	margin-left: -24px;
}
.item2, .item5, .item8, .item11
{
	margin-top: -257px;
	*margin-top: -258px; /* IE6 e IE7 */
	margin-left: 224px;
}
.item3, .item6, .item9, .item12
{
	margin-top: -257px;
	*margin-top: -258px; /* IE6 e IE7 */
	margin-left: 472px;
}
.channel-nodescription2, .channel-nodescription5, .channel-nodescription8, .channel-nodescription11,
.channel-nodescription3, .channel-nodescription6, .channel-nodescription9, .channel-nodescription12
{
	margin-top: -187px;
	*margin-top: -188px; /* IE6 e IE7 */
}

/*
.item1, .item4, .item7, .item10
{
	margin-left: -1.5em;
}
.item2, .item5, .item8, .item11
{
	margin-top: -11.5em;

	margin-left: 14em;
}
.item3, .item6, .item9, .item12
{
	margin-top: -11.5em;
	margin-left: 29.5em;
}

*/


/* ---------------------------------------------------------------------------------------------------------*/
/*
div.module-grey h3, div.moduletable-grey h3 {
	font-family: Helvetica, Arial, Helvetica, sans-serif, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #333;
	margin: -2px -8px 0 -8px;
	border-bottom: 1px solid #cdcdcd;
	padding-left: 10px;
	padding-bottom: 2px;
}
*/

div.module-grey, div.moduletable-grey {
	background: url(http://www.iplayerhd.com/images/jos_box_grey_tl.png) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
}

div.module-grey div, div.moduletable-grey div {
	background: url(http://www.iplayerhd.com/images/jos_box_grey_tr.png) 100% 0 no-repeat;
}

div.module-grey div div, div.moduletable-grey div div {
	background: url(http://www.iplayerhd.com/images/jos_box_grey_bl.png) 0 100% no-repeat;
}

div.module-grey div div div, div.moduletable-grey div div div {
	background: url(http://www.iplayerhd.com/images/jos_box_grey_br.png) 100% 100% no-repeat;
	padding: 8px;
	width: auto !important;
	width: 100%;
}

div.module-grey ul, div.moduletable-grey ul {
margin: 10px 0;
padding-left: 20px;
}

div.module-grey ul li a:link, div.module-grey ul li a:visited {
	font-weight: bold;
}

div.moduletable-grey ul li a:link, div.module-greytable ul li a:visited {
	font-weight: bold;
}

div.module-grey a.mainlevel:link, div.module-grey a.mainlevel:visited  {
	background: none;
	padding-left: 0;
}

div.module-grey ul li a:hover {
	font-weight: bold;
}

div.moduletable-grey ul li a:hover {
	font-weight: bold;
}

ul.submenu ul {
	margin: 0 0 5px 0;
}

#paging {
	text-align:center;
	color:#555555;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding-top:15px;
	padding-bottom:30px;
	border-top: 1px solid #FFFFFF;
	width:765px;
}

#paging a {
	text-align:left;
	color:#149ACD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

#paging a:hover {
	text-align:left;
	color:#149ACD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}

#footer {
	margin: 0px;
	margin-top: 15px;
	padding-top: 10px;
	padding-left: 20px;
		
	height:26px;
	width:745px;
	background-color:#C5C5C5;
	
	text-align:left;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	
	border: 1px solid #E5E5E5;
	
}

#footer a {
	text-align:left;
	color:#149ACD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

#footer a:hover {
	text-align:left;
	color:#149ACD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}

#channelScroller {
	width:10000px;
}

.pageLink {
	text-align:left;
	color:#149ACD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding-right:20px;
	padding-left:20px;
	cursor:pointer;
}


.channelPage {
	float:left;
	padding-right:50px;
}

.hiddenData {
	display:none;
}

.validationError
{
	font-size: 90%;
	color: #c50;
	margin-bottom: 5px;
}

.table-general {
	width:728px;
	text-align:left;
	border:0px solid #000;
	border-collapse:collapse;
	padding-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align: left;
	color:#666666;
}

.table-general a {
	text-align:left;
	color:#149ACD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:none;
	text-decoration:none;
}

.table-general a:hover {
	text-align:left;
	color:#149ACD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:none;
	text-decoration:underline;
}

.channelDescription 
{
	text-align:left;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.channelDescription p
{
	text-align:left;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	margin-left:20px;
}

#login-large {
	float:left;
	width:728px;
	text-align:left;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:none;
	padding-bottom:10px;
}

#login-large p {
	padding-top:0px;
	padding-left:15px;
	font-weight:none;
}

#login-large a {
	text-align:left;
	color:#149ACD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:none;
	text-decoration:none;
}

#login-large a:hover {
	text-align:left;
	color:#149ACD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:none;
	text-decoration:underline;
}

#error_description {
	float:left;
	width:728px;
	text-align:left;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:none;
	padding-bottom:10px;
}

#error_description p{
	padding-top:0px;
	padding-left:15px;
	font-weight:none;
}

#error_description a {
	text-align:left;
	color:#149ACD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:none;
	text-decoration:none;
}

#error_description a:hover {
	text-align:left;
	color:#149ACD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:none;
	text-decoration:underline;
}

#error_description ul{
	
}

#error_description ul li {
	list-style-image: url(http://www.iplayerhd.com/images/sky_bullet.gif);
}

div#up-channel{
	background-image: url('../images/background_b.gif');
	background-repeat: repeat-y;

	width: 845px;
	height: 23px;
}

div#navbar {
padding:8px 0;
width:100%;
}
div#navbar a, div#navbar a:visited {
color:#666666;
font-family:"DINEngschriftStd",Helvetica,Arial;
font-size:17px;
padding:0 5px;
text-decoration:none;
width:100%;
}
div#navbar a:hover {
text-decoration:underline;
}
div#navbar a.selected {
color:#31B9EB;
}
div.hr {
border-color:white white #31B9EB;
border-style:solid;
border-width:0 0 3px;
height:0;
line-height:0;
width:100%;
}
.specs-table {
border:0 solid white;
border-collapse:collapse;
color:#666666;
font-family:Arial;
font-size:13.5px;
width:100%;
}
a.biglink {
color:#149ACD;
font-size:16px;
font-weight:bold;
text-decoration:none;
}
a.biglink:hover {
text-decoration:underline;
}
.specs-table thead tr th, .specs-table thead tr td {
font-size:12px;
font-weight:normal;
padding:5px;
}
.specs-table thead tr td a, .specs-table thead tr td a:visited {
background-color:#F0F0F0;
color:#149ACD;
text-decoration:none;
}
.specs-table thead tr td a:hover {
text-decoration:underline;
}
.specs-table tfoot tr td {
font-size:12px;
padding-top:15px;
text-align:center;
}
.specs-table tfoot tr td a, .specs-table tfoot tr td a:visited {
color:#149ACD;
text-decoration:none;
}
.specs-table tfoot tr td a:hover {
text-decoration:underline;
}
.specs-table tbody tr th, .specs-table tbody tr td {
background-color:white;
}
.specs-table tbody tr.odd th, .specs-table tbody tr.odd td {
background-color:#EEEEEE;
}
.specs-table tbody tr {
background-color:#FF0000;
}
.specs-table tbody tr th, .specs-table tbody tr.odd th {
font-weight:bold;
padding:5px 5px 5px 10px;
text-align:left;
}
.specs-table tbody tr td, .specs-table tbody tr.odd td {
padding:5px;
}