/*  position elements    */

/* BODY
{
margin: 0px;
background: #330033
background: #330033 url(images/globalstrip.gif) repeat-x;
}*/
BODY{
margin: 0px;
background: #FFFFFF url(images/globalstripwhite.gif) repeat-x;
}

BODY.inner
{
margin: 0px;
background: #FFFFFF url(images/globalstripwhite.gif) repeat-x;
}

hr
{
padding:6px;
color: #D1DEE7;
background-color: #D1DEE7;
height: 1px;
}

#wrapper
{
width: 777px;
font-size: 90%;
margin: 0 auto;
font-family: Arial, Helvetica, sans-serif;
padding: 0px;
text-align: center;
background-color:#FFFFFF;
}
		
		
#rightbgwrapper
{
width:100%;
}


#maincontentwrapper
{
width: 100%;
background: #FFFFFF;
}


#rightcolumn
{
float: right;
width: 175px;
padding-right: 15px;
background: #FFFFFF;
text-align: left;
}

#leftcolumn
{
float: left;
width: 575px;
text-align: left;
padding-left: 10px;

background: #FFFFFF;
}

#fullcolumn
{

text-align: left;
padding-left: 10px;
background: #FFFFFF;
margin-left: 130px;
}

#fullcolumn_form
{

text-align: left;
padding-left: 10px;
background: #FFFFFF;
margin-left: 0px;
}

#fullcolumn_form .form_info
{
font-size: 90%;
border-bottom: 1px solid #330033;
}

#fullcolumnright
{

text-align: left;
padding-left: 10px;
background: #FFFFFF;
}

#submenu
{
float:left;
width: 125px;
text-align: left;
font-size: 83%;
background: #FFFFFF;
border-top: 0px;
border-right: 0px;
}

#submenu  ul
{
list-style: none;
padding: 0px;
padding-left: 20px;
padding-top: 30px;
padding-bottom: 20px;
margin: 0px;
}

#submenu  li
{
margin: 0px;
margin-bottom: 8px;
color: #000000;
padding: 5px 5px 5px 20px;
background: #FFFFFF url(images/li_arrow.gif) 5px 7px no-repeat;


}

#submenu  li a
{
font-weight: bold;
color: #000000;
text-decoration: none;
}

#submenu  li a:hover
{
font-weight: bold;
color: #000000;
text-decoration: underline;
}

.clear
{
clear: both;
}


/*  style elements    */

#header
{
background: #330033 url(images/global_header.jpg);
height: 108px;
}

#header .logowhite
{
float: left;
text-align: left;
width: 150px;
padding: 0px;

margin-left: 0px;
}

#header .widgets
{
float: right;
margin-top: 30px;
margin-right: 20px;
}

#header select
{
font-size: 80%;
margin: 5px;
background-color: #FFFFFF;
color: #330033;
}

#menubar
{
position: relative;
clear: both;
background: url(images/menu_bg_line.gif) top left;
padding-top: 0px;
height: 26px;
width: 777px;
border-top: #663366;
z-index: 12;
}

#menubar ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	
}

#menubar li { /* all list items */
	float: left;
	position: relative;
	width: 105px;
	background: #330033 url(images/menu_bg.gif) top left no-repeat;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	
}

li ul { /* second-level lists */
	position: absolute;
	left: -9999px;
	margin-left: 10px;
	margin-top: -21px;

}



#nav li:hover ul,  #nav li.iehover ul { /* lists nested under hovered list items */
	/*display: block;*/
	left: 0;
	}

* html #oldnav li li {
height:1%;
}


#menubar ul ul
{
background-color: none;
font-size: 90%;
padding-right: 0px;

/*
clear:left;
margin-top:expression(14 + "px");*/
}

#menubar li li
{
float: none;
color: #FFFFFF;
background-image: none;
border-top: 1px solid #663366;
border-bottom: 1px solid #000000;
}

#menubar li li a:hover
{
background: #000000;

}





#menubar .menu
{
padding-bottom: 0px;
text-transform: lowercase;
margin-right: 0px;
height: 24px;

}

 #menubar  a:link, #menubar  a:visited, #menubar a:hover, #menubar a:active 
{
	display: block;
	color: #FFFFFF;	
	text-decoration: none;
	line-height: 25px;
	height: 25px;

}

#menubar a.selected:link,.menu a.selected:visited,  .menu a.selected:hover, .menu a.selected:active 
{
	display: block;
	position: relative;
	float: left;
	color: #000000;	
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 25px;
	width: 120px;
	height: 26px;
	background: #000000 url(images/menu_bg_selected.gif) top left no-repeat;
}



/**
 #iframe {
        position: absolute;
        top: 130px;
        left: 473px;
        width: 120px;
        height: 75px;
		border: 0px;
		display: none;
    }
**/

#globalhead
{
background: #FFFFFF ;
border-top: 1px solid #E6E3D0;
clear: left;
}

#searchpanel
{
float: left;
background-color: #FFFFFF;
height: 50px;
}

#searchpanel img
{
float: left;
padding: 5px;
padding-bottom: 0px;
padding-left: 0px;
}

#searchpanel .searchheader
{
float: left;
width: 200px;
margin-top: 2px;
padding-bottom: 10px;
margin-right: 20px;
margin-left: 20px;
}

#searchpanel select
{
font-size: 75%;
width: 200px;

}

#showreelpanel
{
float: right;
margin-top: 10px;
margin-right: 30px;
border-left: 1px solid #330033;
padding-left: 10px;
}

#fullwidthpanel
{
clear: both;
background-color: #E6E3CF;
border-top: 1px solid #330033;
}

#fullwidthpanel .introcopy
{
float: left;
width: 310px;
padding: 17px;
line-height: 20px;
text-align: left;
letter-spacing: 2px;
font-size: 13px;
}

#fullwidthpanel .introcopy h1
{
padding: 0px;
margin: 0px;
margin-bottom: 10px;
font-size: 100%;
}

#fullwidthpanel .flashpanel
{
margin-left: 350px;
width: 420px;
background: #330033;
z-index: 2;
}

#fullwidthpanel .newspanel
{
border-top: 1px solid #330033;
background: #FFFFFF;
min-height: 50px;
color: #000000;
text-align: left;
font-size: 85%;
padding-left: 0px;
padding-top: 5px;
padding-bottom: 5px;
}

#fullwidthpanel .newspanel ul
{
list-style: none;
padding: 0px;
margin: 0px;
}

#fullwidthpanel .newspanel li
{
list-style: none;
padding: 5px 5px 5px 20px;
background: #FFFFFF url(images/li_arrow.gif) 7px 10px no-repeat;
margin: 0px;
color: #000000;
}



#fullwidthpanel .newspanel a
{

color: #330033;
font-weight: bold;
text-decoration: none;
}

#fullwidthpanel .newspanel a:hover
{


text-decoration: underline;
}


#breadcrumb
{
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
color:#000000;
font-weight:normal;
padding: 5px 0px 5px 10px;
letter-spacing: 0.5px;
}

#breadcrumb a:link,  #breadcrumb a:visited, #breadcrumb a:active
{
font-family: Arial, Helvetica, sans-serif;
color: #330033;
font-weight:bold;
text-decoration: none;
}

#breadcrumb a:hover
{
color:#330033;
text-decoration: underline;
}



#leftcolumn h3
{
padding-left: 10px;
margin: 0px;
font-size: 110%;
margin-top: 10px;
}


#leftcolumn .generaltext
{
text-align: left;
font-family: Arial, Verdana;
font-size: 90%;
font-weight: normal;
letter-spacing: 1px;
color: #000000;
padding: 10px;
padding-top: 1px;
padding-right: 2px;
line-height: 2;
}

#leftcolumn .description
{
margin-left: 12px;
font-size: 80%;
}

#leftcolumn a
{

color: #000000;

}

#leftcolumn .blackheader
{
text-align: left;
font-family: Arial, Verdana;
font-size: 105%;
font-weight: bold;
color: #FFFFFF;
background: #000000;
padding: 10px;
padding-right: 2px;
}

#leftcolumn .blackheader h1
{
font-size: 100%;
padding: 0;
margin: 0;
letter-spacing: 1px;
}

#leftcolumn .flashpanel
{
padding-top: 10px;
}

#leftcolumn #clips
{
margin-left: 15px;
}

#leftcolumn .clipgenre
{
width: 180px;
float: left;
display: inline;
}

#leftcolumn .clipgenre img
{
border: 1px solid #330033;
}

#leftcolumn .clipgenre h4
{
padding: 0px;
margin: 0px;
margin-top: 15px;
font-size: 90%;
}

#leftcolumn .boilerplater
{
background: #FFFFFF;
border-top: 1px solid #330033;
margin-top: 10px;
font-size: 75%;
line-height: 2;
padding: 4px;
margin-left: 5px;
}

#leftcolumn .boilerplater a
{
color: #330033;
}

#leftcolumn .boilerplater .panel
{
margin: 5px 0px 5px 0px;
}



#rightcolumn .newsbox
{
width: 200px;
clear:left;
margin-top: 20px;
margin-bottom: 10px;
text-align: left;
font-family: Arial, Verdana;
font-size: 75%;
padding: 5px;
line-height: 1.5;
letter-spacing: 1px;
}

#rightcolumn .boilerplater
{
background: #FFFFFF;
border: 1px solid #330033;
margin-top: 10px;
font-size: 85%;
line-height: 2;
padding: 4px;
}

#rightcolumn .boilerplater a
{
color: #330033;
}

#rightcolumn .boilerplater .panel
{
border-bottom: 1px dotted #000000;
margin: 5px 0px 5px 0px;
}

#leftcontent
{
float: left;
width: 500px;
}



.newssearch
{
background-color: #F5F5E6;
border: 1px solid #330033;
margin-top: 50px;
width: 170px;
}

.newssearch h4
{
padding: 1px;
margin: 1px;
font-size: 90%;
}

.newssearch input, .newssearch select
{
margin: 5px;
font-size: 80%;
}


.newsbox ul
{
list-style: none;
padding: 0px;
padding-top: 5px;
margin: 0px;
}

.newsbox li
{
padding: 6px;
border-bottom: 1px solid #330033;
letter-spacing: 1px;
}


.newsbox a:link, .newsbox a:visited, .newsbox a:active
{
color: #330033;
text-decoration: none;
}

.newsbox a:hover
{
text-decoration: underline;
}

#rightcolumn .showreel
{
width: 200px;
clear:left;
margin-top: 15px;
margin-bottom: 15px;
text-align: left;
font-family: Arial, Verdana;
font-size: 75%;
padding: 5px;
border-left: 3px solid #89E2EF;
border-top: 3px solid #89E2EF;
border-bottom: 3px solid #89E2EF;
line-height: 1.5;
letter-spacing: 1px;
}

#rightcolumn .genrebox
{
width: 200px;
margin-top: 5px;
text-align: left;
font-family: Arial, Verdana;
font-size: 75%;
padding: 5px;
padding-left: 5px;
border-left: 2px solid #00B0C9;
border-top: 2px solid #00B0C9;
border-bottom: 2px solid #00B0C9;
line-height: 2;
}

.genrebox ul
{
list-style: none;
padding: 0px;
padding-left: 15px;
margin: 0px;
}

.genrebox li
{
padding: 4px;
}


.genrebox a:link, .genrebox a:visited, .genrebox a:active
{
padding-left: 10px;
color: #000000;
}
#aboutblock
{
padding: 10px;
padding-top: 0px;

}
#aboutblock h5
{
padding: 0px;


}

#aboutblock ul.search
{
float: left;
list-style: none;
padding: 0px;
padding-top: 10px;
padding-left: 15px;
margin: 0px;
display: inline;
}

#aboutblock ul.search td
{

padding: 4px;

}

#aboutblock ul.search li
{

padding: 10px;

}


#aboutblock ul.search li h1
{

padding: 0px;
font-size: 110%;
margin: 0;

}

#aboutblock ul.search2
{
float: right;
display: inline;
list-style: none;
padding: 0px;
padding-top: 17px;
margin: 0px;
margin-right: 40px;
}

#aboutblock ul.search2 li h1
{
padding: 10px;
padding-left: 0px;
font-size: 110%;
margin: 0;
}

#aboutblock ul.search2 select
{

font-size: 95%;
display: block;

}

#aboutblock .description
{
font-size: 80%;
}


.description a:link,  .description a:visited,  .description a:active
{
font-family: Arial, Helvetica, sans-serif;
color: #330033;
font-weight:bold;
text-decoration: none;
}

.description a:hover
{
color:#000000;
text-decoration: underline;
}

#centerblock
{
float: left;
width: 375px;
margin-left: 5px;
margin-top: 10px;
margin-bottom: 10px;
}

#centerblock .description
{
font-size: 80%;
}

#latestpanel
{
margin-left: 400px;
text-align: center;
background: #FFFFFF;
border: 0px solid #330033;

}

#latestpanel h3
{
padding-left: 0px;
font-size: 85%;
margin: 0;
padding: 3px;
text-align: left;
margin-left: 30px;
}

#latestpanel a:link,  #latestpanel a:visited,  #latestpanel a:active
{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-weight:bold;
text-decoration:none;
}

#latestpanel a:hover
{
color:#000000;
text-decoration: underline;
}


#latestpanel img
{
border: 1px solid #330033;
}

#programblock a:link,  #programblock a:visited,  #programblock a:active
{
font-family: Arial, Helvetica, sans-serif;
color: #330033;
font-weight:bold;
text-decoration: none;
}

#programblock a:hover
{
color:#000000;
text-decoration: underline;
}

#programblock
{
clear: left;
margin: 10px;
margin-left: 0px;
border: 1px solid #330033;
border-left: 0px;
border-right: 0px;
width: 490px;
float:left;
font-size: 108%;

}

#programblock .thumbnails
{
text-align: center;
vertical-align: bottom;
margin-left: -10px;
margin-right: -7px;
margin-top: 10px;
}


#programblock .thumbnails img
{
vertical-align: bottom;
margin-right: 1px;
}

#programblock .programflash
{
text-align: center;
}



#resultsblock a:link,  #resultsblock a:visited,  #resultsblock a:active
{
font-family: Arial, Helvetica, sans-serif;
color: #330033;
font-weight:bold;
text-decoration: none;
}

#resultsblock a:hover
{
color:#000000;
text-decoration: underline;
}

#resultsblock
{
clear: left;
margin: 10px;
border-bottom: 1px dotted #330033;
width: 510px;
float:left;
font-size: 108%;

}

#resultsblock3
{
margin: 10px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
border-bottom: 1px dotted #330033;
float:left;
font-size: 108%;
width: 395px;
}

#resultsblock3 a:link,  #resultsblock3 a:visited,  #resultsblock3 a:active
{
font-family: Arial, Helvetica, sans-serif;
color: #330033;
font-weight:bold;
text-decoration: none;
}

#resultsblock3 a:hover
{
color:#000000;
text-decoration: underline;
}



#programpicture
{
float: left;
width: 160px;
}

#programpicture img
{
border: 0px solid #330033;
}



#newsblock
{
padding: 10px;
font-size: 108%;

}


#newsblock .staffpicture
{
float: left;
width: 150px;
}

#newspicture
{
float: left;
width: 240px;
}


.programmaintitle
{
padding-left: 0px;
padding-top: 5px;
padding-bottom: 5px;
}


#hdlogo1
{
float:left;
margin-left:9px;
margin-top:2px;
}

.programmaintitle h3
{
padding-left: 10px;
margin: 0px;
font-size: 110%;
display: inline;
padding-bottom: 0px;
}
.programmaintitle h4
{
padding-left: 15px;
margin: 0px;
font-size: 105%;
color: #330033;
}

.programmaintitle h5
{
padding-left: 15px;
margin: 0px;
font-size: 105%;
color: #CC0000;
}

#episodes h2
{

margin: 0px;
margin-left: 25px;
font-size: 110% !important;
color: #000000;
padding: 3px;
}
.episodetitle
{
clear: left;
border-bottom: 1px dotted #330033;
margin-left: 15px;
width: 400px;
padding: 5px;
}

.episodetitle h3
{
margin: 0px;
font-size: 90% !important;
color: #330033;
}

.headline
{
background-color: #FFFFFF;
padding-right: 0px;
}

.headline h4
{

padding: 0px;
margin: 0px;
font-size: 115%;
}


#programboilerplate
{
text-align: left;
font-size: 75%;
margin-left: 175px;

}

#programboilerplate .available
{
color:#CC0000;
font-weight: bold;
}

#programboilerplate h2
{
padding: 1px;
padding-bottom: 4px;
margin: 0;
font-size: 130%;
color: #000000;
text-decoration: underline;
}

#programboilerplate h3
{
padding: 1px;
padding-bottom: 4px;
margin: 0;
font-size: 110%;
color:#CC0000;
}

#programblock .promobar
{
border-top: 0px solid #330033;
border-left: 0px solid #330033;
border-right: 0px solid #330033;
text-align: right;
}

#programboilerplate .duration, #programboilerplate .broadcast
{
display: inline;
font-size: 110%;
font-weight: bold;
}

#newsboilerplate
{
text-align: left;
font-size: 75%;
width: 310px;
margin-left: 175px;
padding-bottom: 4px;
}

#newsboilerplate .available
{
color:#CC0000;
font-weight: bold;
}

#newsboilerplate h2
{
padding: 1px;
padding-bottom: 1px;
margin: 0;
font-size: 130%;
color: #000000;
text-decoration: underline;
}

#newsboilerplate h3
{
padding: 1px;
padding-bottom: 4px;
margin: 0;
font-size: 110%;
color:#CC0000;
}

#newsboilerplate .duration, #newsboilerplate .broadcast
{
display: inline;
font-size: 110%;
font-weight: bold;
}


#programmainboilerplate
{
text-align: left;
font-size: 75%;
margin-left: 10px;
margin-right: 5px;
}

#programmainboilerplate h2
{

padding-bottom: 4px;
margin: 0;
font-size: 130%;
color: #000000;
}

#programmainboilerplate .duration, #programmainboilerplate .broadcast
{
display: inline;
font-size: 105%;
}



#staffholder

{
margin-left: 10px;
width: 550px;
margin-bottom: 15px;
}

#staffholder h2

{
text-align: left;
margin: 0px;
padding: 15px;
padding-left: 0px;
font-size: 120%;

}

#staffholder .staffpicture
{
float: right;
width: 150px;
}

#staffboilerplate
{
text-align: left;
font-size: 75%;
margin-right: 165px;
}

#staffboilerplate h2
{
padding: 1px;
padding-bottom: 4px;
margin: 0;
font-size: 130%;
color: #000000;
}

#staffboilerplate .duration, #staffboilerplate .broadcast
{
display: inline;
font-size: 110%;
font-weight: bold;
}

#images
{

margin-top: 80px;
}

#images img
{
margin-left: auto;
margin-right: auto ;
padding-bottom: 20px;
display: block;
}


#images h4
{
padding-bottom: 5px;
font-size: 90%;
}

#images .caption
{
font-size: 75%;
padding-bottom: 15px;
}

#images .logocaption
{
font-size: 75%;
padding-bottom: 5px;
}
#buttons
{
text-align: left;
padding-bottom: 5px;
}

#buttons .button
{
display: inline;
padding-left: 8px;
padding-right: 8px;
padding-top: 3px;
padding-bottom: 3px;
margin: 0;
border: 1px solid #000000;
background-color: #330033;
margin-right: 5px;
letter-spacing: 1.5px;
font-weight: bold;
font-size: 80%;
}

#buttons a:link, #buttons a:visited,  #buttons a:active
{
color: #FFFFFF;
text-decoration: none;
} 

#buttons a:hover
{
text-decoration: underline;
} 


.pager
{
position: relative;
font-size: 80%;
letter-spacing: 1.5px;
font-weight: bold;
background: #FFFFFF;
border: 1px solid #BFBDC0;
padding: 2px;
margin-top: 10px;
text-align:center;
margin-right: 15px;
clear: both;
margin-bottom: 5px;
}

.pager_dist
{
position: relative;
width: 390px;
float: left;
}

.pager a:link, .pager a:visited,  .pager a:active
{
color: #000000;
text-decoration: none;
} 

.pager a:hover
{
text-decoration: underline;
}

.pagernews
{
font-size: 80%;
letter-spacing: 1.5px;
font-weight: bold;
background: #E6E3D0;
width: 100%;
padding: 5px;
padding-right: 0px;
padding-left: 0px;
float: left;
margin-top: 10px;
}

.pagernews a:link, .pagernews a:visited,  .pagernews a:active
{
color: #FFFFFF;
text-decoration: none;
} 

.pagernews a:hover
{
text-decoration: underline;
}

#footer 
{
clear: both;
background: #FFFFFF;
padding: 5px;
font-size: 75%;
color: #094F59;
border-top: 4px solid #330033;
}

#footer .login
{
float: left;
padding-top: -10px;
}

#footer .menuf
{
padding: 10px;
padding-top: 0px;
color: #330033;
text-align: right;
margin-left: 200px;
}

#footer a:link, #footer a:visited,  #footer a:active
{
color: #330033;
text-decoration: none;
font-size: 100%;
} 

#footer a:hover
{
text-decoration: underline;
font-size: 100%;
} 


/** Support for the "iehover-fix.js" **/
#nav iframe {
position: absolute;
left: 0;
top: 0;
z-index: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}
/** end **/


.disclaimer_content
{
padding: 5px;
text-align: justify;
font-size: 12px;
margin-top: 10px;
}

.disclaimer_content h2
{
color: #330033;
}

.gray
{
border-bottom: 1px solid #CCCCCC;
}

.width
{
width: 292px;
}

.age
{
width: 25px;
}

.postcode
{
width: 100px;
}

.form
{
font-size: 90%;
}

.smalltext
{
font-size: 80%;
}

.form_list
{
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 15px;
list-style: outside;
}


h1.family
{
font-size: 120%;
color: #330033;
}