/**********************************/
/** TV styles for top navigation **/
/**********************************/
div#tv ul#topNavigation li a {
    width: 154px;}

div#tv ul#topNavigation li.last a {
    width: 155px;}

div#tv ul#topNavigation li.active a {
    width: 152px; font-size:1.3em;}

div#tv ul#topNavigation li.active a.last {
    width: 153px;}
	
/**********************************/
/** TV styles for content panels **/
/**********************************/
	
#panel1, #panel2, #panel3 {   
    height:280px;
	overflow:hidden;
	}
div.panelContent h3{
    text-indent:0;}

/** Styles for the Home panel **/
div#home h2 {
    background: url(../../../library/images/presentation/tv_header_channel_prices.gif) no-repeat;}
    
div#home div.contentContainer div.copy {
    float:left;
    padding-top:5%;
    width:44%;}

div#home div.contentContainer div.copy p {
    margin-bottom:1.2em;}

div#home div.contentContainer img {
    float:right;
    margin:0 3%}

/** Styles for the Channels panel **/
div#panel1 h2 {
    background: url(../../../library/images/presentation/tv_header_entertainment_packages.gif) no-repeat;}

div#panel1 div.contentContainer {
    text-align: center;}

div#panel1 div.contentContainer a.mixLink {
    text-decoration:none;}

div#panel1 div.contentContainer img {
    margin: 0 8px;}

div#panel1 div.contentContainer div.mixContent,
div#panel4 div.contentContainer div.mixContent {
    margin-top: 12px;
	padding-top:8px;
    background: url(../../../library/images/site/site_dotted_border.gif) repeat-x top;
    text-align: left;}

div#panel1 div.contentContainer div.mixContent div.header,
div#panel4 div.contentContainer div.mixContent div.header {
    font-weight: bold;
    overflow: auto;
    height: 30px;
    padding: 6px 10px 0 10px;
    color: #ffffff;
    background: url(../../../library/images/site/site_subcontent_top_background.gif) no-repeat top;}

div#panel1 div.contentContainer div#sportsMixContent div.header, 
div#panel1 div.contentContainer div#moviesMixContent div.header {
    background-image: url(../../../library/images/site/site_subcontent_top_blue_background.gif);}

div#panel1 div.contentContainer div#musicMixContent div.content p{
	text-align:right;
	margin-right:10px;
	clear:left;
}
div#panel1 div.contentContainer div.mixContent div.header h3, 
div#panel4 div.contentContainer div.mixContent div.header h3 {    
    float: left;
    font-size: 1em;
    line-height: 1em;
    margin: 0;}

div#panel1 div.contentContainer div.mixContent div.header p {
    float: right;
    font-size: 0.8em;}

div#panel1 div.contentContainer div.mixContent div.content, 
div#panel4 div.contentContainer div.mixContent div.content {    
    padding: 0 3px 5px 0;
	overflow:hidden;zoom:1;
	/*height: 95px;*/
    text-align: center;
    background: url(../../../library/images/site/site_subcontent_centre_background.gif) repeat-y top;}

div#panel1 div.contentContainer div#sportsMixContent div.content, 
div#panel1 div.contentContainer div#moviesMixContent div.content {
    background-image: url(../../../library/images/site/site_subcontent_centre_blue_background.gif);}

#moviesMixContent p.fr {float: right; padding-right: 15px;}
.borderline {position: absolute; margin-left:436px; }

div#panel1 div.contentContainer div.mixContent div.content img {
   margin: -4px 5px;display:inline;}

div#panel1 div.contentContainer div.mixContent div.footer, 
div#panel4 div.contentContainer div.mixContent div.footer {    
    line-height: 11px;
    padding: 0;
    background: url(../../../library/images/site/site_subcontent_bottom_background.gif) no-repeat bottom;}

div#panel1 div.contentContainer div#sportsMixContent div.footer, 
div#panel1 div.contentContainer div#moviesMixContent div.footer {
    background-image: url(../../../library/images/site/site_subcontent_bottom_blue_background.gif);}

/** Styles for the Prices panel **/

div#panel2 h2 {
    background: url(../../../library/images/presentation/tv_header_costs.gif) no-repeat;}

div#panel2 table {
	width:100%;
	border-spacing:0;
	padding:0;
	margin:0;}

div#panel2 table colgroup.premium {
	background:#ebeff8;}

div#panel2 table tr.mixes td,
div#panel2 table tr.mixes th {
	border-bottom:1px solid #cccccc;}

div#panel2 table tr.mixes th.mix {
	background:#598ab2 url(../../../library/images/site/site_blue_header_background.gif) repeat-x top;
	color:#ffffff;}

div#panel2 table thead th {
	text-align:center;
	background:#ffffff;
	padding:0.3em 0;}

div#panel2 table thead td {
	border:0;}

div#panel2 table tbody td, 
div#panel2 table tbody th {
	text-align:center;
	padding:0.3em 0;
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color:#cccccc;}

div#panel2 table tbody th {
	border-width:0 1px 1px 1px;}
	
/** Styles for the Costs panel **/

div#panel3 h2 {
    background: url(../../../library/images/presentation/tv_header_combinations.gif) no-repeat;}

div#combos p {
	height:135px;
	width:588px;}

div#combos {
	border-width:0 1px 1px 1px;
	border-style:solid;	
	border-color:#cccccc;}

div#combos div {
	border-top:0 solid #cccccc;}
	
div#combos p span {
	position:absolute;
	left:-100em;}	

div#example1 a,
div#example2 a,
div#example3 a {
	display:block;
    text-decoration: none;
	padding:0.3em;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc;
	background: url(../../../library/images/site/site_active_tab_background.gif) repeat-x #ffffff;}

div#example1 a:hover, div#example2 a:hover, div#example3 a:hover {border:1px solid #3E69A2; color:#3E69A2; }

div#example1 p {
	background:url(../../../library/images/presentation/tv_costs_example.jpg) no-repeat;}

div#example2 p {
	background:url(../../../library/images/presentation/tv_costs_48pound_38.jpg) no-repeat;}

div#example3 p {
	background:url(../../../library/images/presentation/tv_costs_48pound.jpg) no-repeat;}
p.cost	{background:none !important;}

/** Styles for the Calculator panel **/

div#panel4 h2 {
    /*position:relative;*/
    background: url(../../../library/images/presentation/tv_header_cost_calculator.gif) no-repeat;}
    
div#panel4 h2 a {
    font-size:0.6em;
    position:absolute;
    right:0;
    top:0;}    

div#panel4 div.contentContainer fieldset {
    border:1px solid #cccccc;
    height:170px;}

div#panel4 div.contentContainer fieldset h3 {
    font-size:1em;
    padding:0.3em 0.5em;
    border-bottom:1px solid #cccccc;
    background:#ffffff url(../../../library/images/site/site_active_tab_background.gif) repeat-x top;}
    
div#panel4 div.contentContainer fieldset ul {
    list-style-type:none;
    margin:0.5em;}
    
div#panel4 div.contentContainer fieldset#entOptions {
    float:left;
    width:160px;}

div#panel4 div.contentContainer fieldset#entOptions ul li {
    height:20px;
    padding:0;
    margin:2px 0;}

div#panel4 div.contentContainer fieldset#entOptions ul li#varietyMix { 
    background:#ffffff url(../../../library/images/presentation/tv_cost_calc_varietycube.gif) no-repeat right;}
    
div#panel4 div.contentContainer fieldset#entOptions ul li#kidsMix { 
    background:#ffffff url(../../../library/images/presentation/tv_cost_calc_kidscube.gif) no-repeat right;}
    
div#panel4 div.contentContainer fieldset#entOptions ul li#musicMix { 
    background:#ffffff url(../../../library/images/presentation/tv_cost_calc_musiccube.gif) no-repeat right;}
    
div#panel4 div.contentContainer fieldset#entOptions ul li#styleMix { 
    background:#ffffff url(../../../library/images/presentation/tv_cost_calc_stylecube.gif) no-repeat right;}
    
div#panel4 div.contentContainer fieldset#entOptions ul li#newsMix { 
    background:#ffffff url(../../../library/images/presentation/tv_cost_calc_newscube.gif) no-repeat right;}
    
div#panel4 div.contentContainer fieldset#entOptions ul li#knowledgeMix { 
    background:#ffffff url(../../../library/images/presentation/tv_cost_calc_knowledgecube.gif) no-repeat right;}
    
div#panel4 div.contentContainer fieldset#premOptions {
    float:left;
    border-left:0;
    background-color:#ebeff8;
    width:160px;}

div#panel4 div.contentContainer fieldset#premOptions h3 {
    border-top-color:#5e8aad;
    color:#ffffff;
    background:url(../../../library/images/site/site_blue_header_background.gif) repeat-x top}

div#panel4 div.contentContainer fieldset#premOptions ul {
    margin:1.8em 0.5em;}

div#panel4 div.contentContainer fieldset#premOptions ul li {
    padding:1.1em 0;}

div#panel4 div.contentContainer fieldset#premOptions ul li span {
    position:absolute;
    left:-100em;}

div#panel4 div.contentContainer fieldset#premOptions ul li#skySports {
    background:url(../../../library/images/presentation/tv_cost_calc_skysports.gif) no-repeat 60% center;}
    
div#panel4 div.contentContainer fieldset#premOptions ul li#skyMovies { 
    background:url(../../../library/images/presentation/tv_cost_calc_skymovies.gif) no-repeat 60% center;}    

div#panel4 div.contentContainer fieldset#equipOptions {
    position:relative;
    float:left;
    width:266px;
    border-left:0;}
    
 div#panel4 div.contentContainer fieldset#equipOptions ul li {
    position:relative;
    display:block;
    height:44px;
    margin:0;}

div#panel4 div.contentContainer fieldset#equipOptions ul li label input {
    float:left;
    margin-top:14px;}
    
div#panel4 div.contentContainer fieldset#equipOptions ul li label span {
    display:block;
    margin-left:12em;
    text-align:center;}    

div#panel4 div.contentContainer fieldset#equipOptions ul li#standardBox {
    background:url(../../../library/images/presentation/tv_cost_calc_skybox.gif) no-repeat 20% center;}
    
div#panel4 div.contentContainer fieldset#equipOptions ul li#skyPlusBox { 
    background:url(../../../library/images/presentation/tv_cost_calc_skyplusbox.gif) no-repeat 20% center;}
    
div#panel4 div.contentContainer fieldset#equipOptions ul li#skyHDBox { 
    background:url(../../../library/images/presentation/tv_cost_calc_skyhdbox.gif) no-repeat 20% center;} 

div#panel4 div.contentContainer p {
    clear:both;
    margin:0;
    text-align:right;}
    
div#panel4 p.terms {
    width:55%;}
    
div#panel4 p#terms {top:225px; }

div#panel4 a.info {
    margin:0 auto;}    
	
.rollovertext {
	margin-top: 10px;
	font-size: 0.8em;
	float: right;
}