/* STYLES FOR HORIZON BROADBAND */

/* --------------------- <!-- SciNat : Local Colours Stylesheet --> ---------------------- */

/* ----------- Barley Colours ------------ */
/* --- also use   .bbcpageGutter   .bbcpageLocal   .bbcpageServices  ------ */

.BbcpageTopLeftTD a, .BbcpageTopLeftTD a:visited, .BbcpageTopLeftTD a:hover, .BbcpageTopLeftTD {
	background-color: #000000;
	color: #000000;
}

.bbcpageToplefttd a, .bbcpageToplefttd a:visited, .bbcpageToplefttd a:hover, .bbcpageToplefttd {
	background-color: #bcbeb3;
	color: #000000;
}



.bbcpageLocal {
	background-color: #aaaca1;
}

.bbcpageCrumb {
	padding: 0;
	margin: 0;
	border: 0;
	background-color: #bcbeb3;
}

.bbcpageCrumb a, .bbcpageCrumb a:visited, .bbcpageCrumb a:hover {
	color: black;
	text-decoration: none;
}

.bbcpageFooterMargin, .bbcpageFooterMargin a, .bbcpageFooterMargin a:visited {
	color: #000000;
}

.bbcpageFooter {
color: #000000;
}

.homepagebanner, .homepagebanner a {
	color: black;
}

/* ------ Globalnav Colours ------ */

	/* -- Normal State Global Nav Tab -- */
	.navcontainer
	{
	 background-color: #575757;
	}

	/* -- Use this class to control the leftmost tab - ie. to put a left border on */
	a.firstGlobalNavItem
	{
	border-left: 1px solid #aaaaaa;
	}

	.navcontainer a:hover {
		color:		#4D4E40;
		background: #CCCCC4;
	}

	.navcontainer a.scinatglobaltvradio
	{
		color:		#4D4E40;
		background: #CCCCC4;
	}


/* END of banner navigation rules */

/* START of LHN navigation colours - to override global colours and suit local section */
/* ÃÛÑ¿´«Ã½ Services same bg colour as local nav - the bit below the LHN, and LHN to make sure */

#lhncontainer span, .bbcpageServices
{
background-color: #bcbeb3;
color: #000000;
}

#lhncontainer a, #lhnlevel3container a, .leftnavheader, .leftnavheader p, .leftnavheader a
{
color: #000000;
background-color: #aaaca1;
}
.leftnavheader a {
	font-size: 100%;
}

#lhncontainer a:hover
{
color: #333333;
background-color: #ccccc4;
}
	/* START of rules for level 3 nav elements */
	/* -- Rollover State Local Nav Tab -- */
	#lhnlevel3container a:hover
	{
	background-color: #ccccc4;
	color: #1B005D;
	}
	/* START of rules for level 4 nav elements */
	/* -- Rollover State Local Nav Tab -- */
	#lhnlevel4container a:hover
	{
	background-color: white;
	color: #555555;
	}

/* END of LHN navigation rules */

#scinatcrumb
{
padding-left: 1px;
color: #000000;
}

#scinatcrumb a
{
color: #000000;
}

/* END of rules for crumbtrail */

/* global nav specific coloured curve graphic */
.globalcurve {
background-image: url("/staticarchive/b9a50ab602f2559f8270aadae42ced6c8ebab451.gif");
background-position: left;
background-repeat: no-repeat;
}
.globalcurve a:hover {
background-image: url("/staticarchive/83c6d57afbeeb542b95a090a2b8cb4cae84132ee.gif");
background-position: left;
background-repeat: no-repeat;
}
/* Start Horizon Broadband classes */

BODY {
	background-image: url(/staticarchive/378e9edc27bdbe97782ddd22cf62dabac6b16250.gif);
}


#scinatglobalfooter {
	color: #000000;
}
#scinatglobalfooter a {
	color: #000000;
}

TD {
	color: #4D4E40;
}
.toptabs {
	background-image: url(/staticarchive/4d46febaec4aef357e308d2a27c92752f6544f22.gif);
}

a.ph:link {
	color: #FF6600;
}
a.ph:visited {
	color: #FF6600;
}
a.ph:active {
	color: #FF6600;
}
a.ph:hover {
	color: #CC3300;
}

.rhn {
	background-color: #CCCCC4;

}
.rhntop {
	background-color: #CCCCC4;
}
div.rhnblock {
	margin: 0px;
	border: none;
	width: 212px;
	float: left;
}

div.lastBox {
	width: 207px;
}
div.rhnblockhome {
	border-color: #E5E4E5;
}
div.rhnblocktop {
	border-color: #E5E4E5;
}

.rhndesc {
	width: 185px;
	padding-right: 0px!important;
}
.rhntext {
	color: #FFFFFF;
}
.rhnheading a {
	color: #FFFFFF;
}

/* Start related links classes */

.rhn h4 {
	margin: 13px 0 2px 0;
	font-weight: normal;
	font-size: 112%;
}
.rhn h4 span {
	color: #FCFCFC;
	padding: 2px;
}
.rhn .disclaimer
{
	margin: 0;
	padding: 2px 2px 4px 4px;
	background: #E4E4E0;
}

div.rhnlinks {
	background: #E4E4E0;
	padding: 10px 5px 5px 8px;
}
div.rhnlinks a {
	padding: 1px 4px 2px 2px;
	color: #4D4E40;
}
div.rhnlinks a:hover {
	color: #FCFAF8;
}

div.relatedlinks1, div.relatedlinks2, div.relatedlinks3, div.relatedlinks4  {
	padding: 0 0 2px 0;
	border: none;
	width: 207px;
	float: left !important ;
	margin-right: 5px;
}

* html div.relatedlinks1, * html div.relatedlinks2, * html div.relatedlinks3, * html div.relatedlinks4  {
	margin-right: 2px;
}

div.relatedlinks4, * html div.relatedlinks4 {
	margin-right: 0px;
}

/* related links 1 */
div.relatedlinks1 h4 span,
div.relatedlinks1 a:hover {
	background: #98662B;
}
div.relatedlinks1 {
	border-bottom: 1px solid #98662B;
}

/* related links 2 */
div.relatedlinks2 h4 span,
div.relatedlinks2 a:hover {
	background: #EC008C;
}
div.relatedlinks2 {
	border-bottom: 1px solid #EC008C;
}


/* related links 3 */
div.relatedlinks3 h4 span,
div.relatedlinks3 a:hover {
	background: #01A9E8;
}
div.relatedlinks3 {
	border-bottom: 1px solid #01A9E8;
}

/* related links 4 */
div.relatedlinks4 h4 span,
div.relatedlinks4 a:hover {
	background: #98662B;
}
div.webrelated a:hover {
	background: #01A9E8;
}
div.horizonRelated a:hover{
	background: #EC008C;
}
div.relatedlinks4 {
	border-bottom: 1px solid #01A9E8;
}

div.webRelated{
    border-bottom: 1px solid #01A9E8;
}
div.horizonRelated{
	border-bottom: 1px solid #EC008C;
}
div.archiveRelated{
	border-bottom: 1px solid #98662B;
}


/* End related links classes */

/* Start further links classes */
div.further {
	margin: 0px 0px 0px 0px;
	background: #e4e4e0;
}

div.further h4 {
	margin: 0 0 4px 0;
	font-weight: normal;
	font-size: 112%;
	color:
}

div.further h4 span {
	color: #FCFCFC;
	padding: 2px;
}
div.further h4 span, div.further a:hover {
	background: #01A9E8;
}

div.further .furtherlinks {
	background: #E4E4E0;
	padding: 10px 5px 5px 8px;

}
div.further a {
	margin: 0;
	padding: 1px 4px 2px 2px;
	color: #4D4E40;
}
div.further a:hover {
	color: #FCFAF8;
}
div.further .rhndesc {
	margin: 0 0 0 2px;
}
/* End further links classes */

TABLE.maincont {
	background-color: #ccccc4;
}
.gutter {
	background-color: #CCCCC4;
}

td.maincopy {
	padding-top: 8px;
}

h1 {
margin: 0 0 2px 0;
padding: 0 0 3px 0;
color: #ffffff;
}

h1 span {
padding: 0 5px 3px 3px;
background: #EC008C;
}


p.strapline {
	margin: 0 0 0 10px;
}

p.intro {
	margin: 0 0 0 10px;
	font-weight: bold;
}

TD.toptabs {
	color: #FFFFFF;
}
.bannerright {
	background-image: url(/staticarchive/a722f6f7a304e9e0e104f2b22ff39331e71eb620.gif);
}

#bannerWrapper {
	background-image: url(/staticarchive/a722f6f7a304e9e0e104f2b22ff39331e71eb620.gif);
	height: 62px;
}

#bannerWrapper #bannerLeft {
	width: 530px;
	padding-top: 15px;
	float: left;
}

#bannerWrapper #bannerRight {
	width: 105px;
	float: left;
}

#bannerFoot {
	clear: both;
}


.teaser {
	background-color: #E7E6E5;
}
.teaser a {
	color: #545252;
}
.teasertext a {
	color: #545252;
}
IMG.back {

}
IMG.next {

}

TD.topfrill {
	background-color: #CCCCC4;
}
TD.topfrill2 {
	background-color: #CCCCC4;
}
TD.topfrillhome {
	background-image: url(/staticarchive/9f85bc0accea108b8bee1397e96ff6d3bf2562c2.gif);
	background-color: #F3E8E1;
}
TD.imgbox {
	padding: 0;
	background-color: #E4E4E0;
}
TD.imgbox img {
	margin: 0;
}
TD.lbox {
	background-color: #E7E6E5;
}
TD.imgbox .shortdesc {
	color: #333;
	margin-left: 7px;
	margin-right: 7px;
}

TD.imgbox .mediap {
	margin: 2px 0 10px 8px;
}

H2 {

}
LI {
	margin-left: 0px;
	padding-left: 0px;
}
.crumbtrail {
	color: #672803;
}
.crumbtrail a {
	color: #672803;
}
a.ph {
	color: #542102;
	font-weight: normal;
}
a.related {
	color: #FFFFFF;
}
a.further {
	color: #672803;
}
.keyline {
	background-color: #FFFFFF;
}
.doth {
	background-image: url(/staticarchive/c2e372b16d82eed564468cc909b56321a634edb3.gif);
}
.dotvl {
	background-image: url(/staticarchive/8f9dfcfbbd7bbcc7fc36a29d6a6884067b30ef25.gif);
}
.dotvr {
	background-image: url(/staticarchive/731cbc4c462d287a8ac24c3648ac49d2310e3c21.gif);
}
.quote {
	color: #FFFFFF;
	font-size: 130%;
	font-decoration: italic;
}
.quoteline {
	background-color: #A57B63;
}
.quotetext {
	background-color: #BF977F;
	color: #FFFFFF;
}
.quotesource {
	color: #FFFFFF;
	align: right;
}

.inlinequotebott {
	background-image: url(/staticarchive/05e78f7b172f31d963cf5f6daf10517dc989ba1f.gif);
	background-position: left;
	background-repeat: no-repeat;
}
.blockquotebott {
	background-image: url(/staticarchive/3b1e75625e13103de985e3a78d7883e0a4f38c7b.gif);
	background-position: right;
	background-repeat: no-repeat;
}
.frillback {
	background-color: #F3E8E1;
}
.highlights {
	background-color: #C25B2D;
	border-color: #AF4A1E;
	color: #FFFFFF;
}
.highlight {
	background-color: #E5E4E5;
}

div.contents {
	background-image: url(/staticarchive/3b195366bca39884cce5410e2b9bac13be159e0d.gif);
	color: #FFFFFF;
}
strong.subindex {
	color: #5D0000;
}
/* homepage promo's */



.promobg {
background: #E6E7E2;
}

.promobgdark {
background: #ccccc4;
}



.smallpromoheader {
color: #5A2203;
background: #E6E7E2;
}

.smallpromoheader a {
color: #EC018E;
font-weight: bold;
}

.smallpromoheader a:hover {
color: #ffffff;
background: #EC018E;
text-decoration: bold;
}

.smallpromoheader a:visited {
color: #EC018E;
background: #E6E7E2;
text-decoration: bold;
}

.smallpromoheader a:visited:hover {
color: #ffffff;
background: #EC018E;
text-decoration: bold;
}

.smallpromoheaderblue {
color: #5A2203;
background: #E6E7E2;
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
margin: 2px 0 5px 0;
font-weight: bold;
text-decoration: bold;
}

.smallpromoheaderblue a {
color: #01A9E8;
background: #E6E7E2;
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
text-decoration: underline;
text-decoration: bold;
}

.smallpromoheaderblue a:hover {
color: #ffffff;
background: #01A9E8;
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
font-weight: bold;
text-decoration: underline;
text-decoration: bold;
}


.smallpromoheaderblue a:visited {
color: #01A9E8;
background: #E6E7E2;
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
text-decoration: underline;
text-decoration: bold;
}

.smallpromoheaderblue a:visited:hover {
color: #ffffff;
background: #01A9E8;
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
text-decoration: underline;
text-decoration: bold;
}

.smallpromoheaderbrown {
color: #98662B;
background: #E6E7E2;
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
margin: 2px 0 5px 0;
font-weight: bold;
text-decoration: bold;
}

.smallpromoheaderbrown a {
color: #98662B;
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
text-decoration: underline;
text-decoration: bold;
}

.smallpromoheaderbrown a:hover {
color: #ffffff;
background: #98662B;
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
text-decoration: underline;
text-decoration: bold;
}

.smallpromoheaderbrown a:visited {
color: #98662B;
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
text-decoration: underline;
text-decoration: bold;
}

.smallpromoheaderbrown a:visited:hover {
color: #ffffff;
background: #98662B;
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
text-decoration: underline;
text-decoration: bold;
}

.promoborders {
	background : #e6e7e2;
}
.smallpromo {
	color: #333333;
	background: #E6E7E2;
	font-size: 90%;
}
.smallpromo a {
color: #EC018E;
background: #E6E7E2;
}

.smallpromo a:visited {
color: #333333;
background: #E6E7E2;
}

.smallpromo a:hover {
color: #333333;
background: #E6E7E2;
}

.white {
padding: 1px 1px 1px 1px;
	margin-top: 4px;
}

.white a {
	font-size: 90%;
	color: #000000;
	background-color: #ffffff;
	padding: 1px 1px 1px 1px;
	margin-top: 4px;
	text-decoration: none;
}


.white a:hover {
	background-color: #ec018e;
	color: #ffffff;
}



.blue {
padding: 1px 1px 1px 1px;
	margin-top: 4px;
	margin-bottom: 4px;
}

.blue a {
	font-size: 90%;
	color: #000000;
	background-color: #ffffff;
	padding: 1px 1px 1px 1px;
	margin-top: 4px;
	text-decoration: none;
}


.blue a:hover {
	background-color: #01a9e8;
	color: #ffffff;
}




.brown {
padding: 1px 1px 1px 1px;
	margin-top: 4px;
}

.brown a {
	font-size: 90%;
	color: #000000;
	background-color: #ffffff;
	padding: 1px 1px 1px 1px;
	margin-top: 4px;
	text-decoration: none;
}


.brown a:hover {
	background-color: #98662b;
	color: #ffffff;
}



.airbag1	{
background: #c8c8c0;
color: #000000;
padding: 4px 12px 4px 10px;
}

.airbag2	{
background: #e2e2de;
color: #000000;
padding: 4px 12px 4px 10px;
}

/* end homepage promo's */

/* Added for horizon hp*

.pink {
	background: #EC008C;
}

.pinklink a {
	background: #ffffff;
	color: #000000;
	text-decoration: none;
}

.pinklink a:hover {
	background: #EC008C;
	color: #ffffff;
	text-decoration: none;
}

.blue {
	background: #01A9E8;
}

.bluelink a {
	background: #ffffff;
	color: #000000;
	text-decoration: none;
}

.bluelink a:hover {
	background: #01A9E8;
	color: #ffffff;
	text-decoration: none;
}

.brown {
	background: #98662B;
}

.brownlink a {
	background: #ffffff;
	color: #000000;
	text-decoration: none;
}

.brownlink a:hover {
	background: #98662;
	color: #ffffff;
	text-decoration: none;
}

.grey {
	background: #E6E7E2;
	 font-size: 85%;
}

.darkgrey {
	background: #888783;
} */


.contenttable {
	background-image: url(/staticarchive/6b599735e46ed58e7753e60d1e040a24c0f40ad6.gif);
	background-repeat: repeat-x;
}

.texttable {
	background-color: #e2e2de;
}

.texttable p {
	font-size: 90%;
}



.whitelink {
	font-size: 85%;
	color: #000000;
	background-color: #ccccc4;
	padding: 0px 0px 0px 0px;
	padding-left: 60px;
	text-decoration: none;
}

.whitelink a {
	color: #ffffff;
}

.whitelink a:hover {
	color: #ffffff;
}

.bluelink {
	font-size: 85%;
	color: #000000;
	background-color: #ccccc4;
	padding: 0px 0px 0px 0px;
	padding-left: 60px;
	text-decoration: none;
}

.bluelink a {
	color: #ffffff;
}

.bluelink a:hover {
	color: #ffffff;
	background: #01a9e8;
}


.brownlink {
	font-size: 85%;
	color: #000000;
	background-color: #ccccc4;
	padding: 0px 0px 0px 0px;
	padding-left: 60px;
	text-decoration: none;
}

.brownlink a {
	color: #ffffff;
}

.brownlink a:hover {
	color: #ffffff;
	background: #986628;
}



/* end homepage promo's */

/* nonflash hompage classes */

.nfhplargepromo {
width: 320px;
background : #CCCCC4;
}

.nfhpsmallpromo {
width: 297px;
background : #CCCCC4;
}

.nfhpsmallpromo div.blue {
	padding-bottom: 10px;
}

.nfhpgutter {
width: 8px;
background : #CCCCC4;
}

.nfhpgutter_horizontal {
width: 629px;
height: 8px;
background : #CCCCC4;
}

.horizonpromos {
background: #CCCCC4;
padding-top: 4px;
}

.homepagewhite {
padding-top: 4px;
}

.indexpromos {
width: 311px;
background : #CCCCC4;
}

.nonflash {
font-size: 80%;
margin: 0px 0px 0px 0px;
padding: 4px 4px 4px 4px;
background: #e4e4e0;
width: 390px;
min-height: 101px;
}

/* start popup classes */
body.popup {
	background : #CCCCC4;
}

img.popuplogo {
	margin: 12px 0 12px 10px;
}

h1.popup {
	float: right;
	margin: 10px 10px 5px 10px;
	padding: 0;
	color: #4D4E40;
}
.popupimage {
	margin: 5px 0 0 10px;
}

.popup div.captiontext {
	margin: 10px 0 0 10px;
	padding: 0;
	height: 70px;
}

.popup div.ph {
	margin: 0 0 0 10px;
}
.popup a.ph {
	color: #4D4E40;;
}

.popup img.closebutt {
	margin-right: 10px;
}

/* end popup classes */

/* ÃÛÑ¿´«Ã½page specific classes */

.homepage {
	background-color: #ccccc4;
}

/* Transparent .png in IE hack */

trans_box2 {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/sn/tvradio/programmes/horizon/broadband/images/logo.png');
}

/* End Horizon Broadband classes */
.topfrill2 h3 span{
    background: none;
    font-size: 100%;
    font-weight:bold;
    padding: 0 5px 3px 8px;
}
.video div h4{
    font-size:1.3em;
    margin:0px;
}
*html .video div h4{
    float:left;
}
.video h5{
    font-size:1.0em;
}
.video p{
    clear:left;
    padding-top:5px;
}
.question{
    background-color:#E4E4E0;
    padding:8px;

}