@charset "utf-8";
/* CSS Document */

BODY {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color:#000000;
}
H1 {
	font-weight: normal;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	font-style: normal;
	color: #FFFFFF;
}
H2 {
	font-weight: bold;
	font-size: 95%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	font-style: normal;
	color: #000000;
}
.small-x-line {
	text-transform: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	line-height:90%;
	font-weight: normal;
	font-variant: normal;
	color:#000000
}
.smallhead {
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}
.descBold {
	font: bold normal 12px/normal Verdana, Arial, Helvetica, sans-serif;
}
.descItalic {
	font: italic normal 12px/normal Verdana, Arial, Helvetica, sans-serif;
}
.descItBld {
	font: italic bold normal 12px/normal Verdana, Arial, Helvetica, sans-serif;
}
.hd {
	font: italic bold normal 10px/normal Verdana, Arial, Helvetica, sans-serif;
	color:#990000;
}
.general {
	font: normal 12px/normal Arial, Helvetica, sans-serif;
}
.largeHead {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
.descbold-under {
	font: bold normal 14px/normal Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.largeheadnorm {
	font: normal 16px Verdana, Arial, Helvetica, sans-serif;
}
.small {
	text-transform: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color:#000000
}
.smallcond {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color:#000000
}
.class1 {
	color: #458AE3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
.class1 a:link {
	color:#458AE3;
	text-decoration:none;
}
.class1 a:visited {
	color:#458AE3;
	text-decoration:none;
}
.class1 a:hover {
	color:#0000ff;
	text-decoration:underline overline;
	cursor:auto;
}
.class1 a:active {
	color:#458AE3;
	text-decoration:underline;
}
.class2 a:link {
	color:#cccccc;
	text-decoration:none;
}
.class2 a:visited {
	color:#FFf123;
	text-decoration:underline;
}
.class2 a:hover {
	color:#000000;
	text-decoration:underline overline;
	cursor:default;
}
.class2 a:active {
	color:#FFFFFF;
	text-decoration:none;
}
.class4 a:link {
	color:#0000ff;
	text-decoration:underline;
}
.class4 a:visited {
	color:#0000ff;
	text-decoration:none;
}
.class4 a:hover {
	color:#000000;
	text-decoration:underline;
	cursor:auto;
}
.class4 a:active {
	color:#0000ff;
	text-decoration:none;
}
.class5 {
	font-size:11pt;
	font-weight:bold;
	color: red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.class5 a:visited {
	color: blue;
	text-decoration: none;
}
.class5 a:active {
	color: red;
	text-decoration: none;
}
.class5 a:hover {
	color: blue;
	text-decoration: none;
}
.timesmall {
	font: normal 8pt Georgia, "Times New Roman", Times, serif;
	color: #000000;
}
.letterspace {
	letter-spacing: 5px;
	font: normal 12px/normal Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
.texta {
	background-color: #ffffff;
	border: 1px solid #458AE3;
}
.btn {
	background-color: #1d22c6;
	color:#FFFFFF
}
.tiny {
	font: lighter normal xx-small Verdana, Arial, Helvetica, sans-serif;
}
.inputValue {
	background-color: #ffffff;
	border: 2px solid #458AE3;
}
.inputText {
	background-color: #ffffff;
	border: 1px solid #458AE3;
}
.inputButton {
	background-color: #1d22c6;
	color:#FFFFFF;
}
.title2 {
	font: italic bold 16px Georgia, "Times New Roman", Times, serif;
	color: #458AE3;
}
.title {
	font: italic bold 18px Georgia, "Times New Roman", Times, serif;
	color: #458AE3;
}
.blue {
	color: #458AE3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.red {
	color:#FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
}
.description-blue {
	color: #458AE3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
.description {
	font-family: normal 12px Verdana, Arial, Helvetica, sans-serif;
}
.terms {
	font: normal 11px Arial, Helvetica, sans-serif;
}
.termsb {
	font: bold 11px Arial, Helvetica, sans-serif;
}
.termsi {
	font: italic 11px Arial, Helvetica, sans-serif;
}
.termsbi {
	font: italic bold 11px Arial, Helvetica, sans-serif;
}
.class3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #ff0000;
}
.class3 a:link {
	color: red;
	text-decoration: none;
}
.class3 a:visited {
	color: red;
	text-decoration: none;
}
.class3 a:active {
	color: red;
	text-decoration: none;
}
.class3 a:hover {
	color: black;
	text-decoration: none;
}
.supscript {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	vertical-align:top;
	color: #ff0000;
}
.clasp {
	background-color:#458AE3;
	text-align:left;
	margin-top:5px;
	line-height: 16px;
}
.clasp a:link {
	color: white;
	text-decoration: none;
}
.clasp a:visited {
	color: white;
	text-decoration: none;
}
.clasp a:active {
	color: white;
	text-decoration: none;
}
.clasp a:hover {
	color: black;
	text-decoration: none;
}
#page_content .clasp a, #page_content .clasp a:hover {
	text-decoration:none;
	color:white;
}
.lunchbox {
	display:none;
	font-size:11px;
	color:#000000;
	text-align:left;
}
.timer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#000000;
}
.timer2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#0000FF;
}
.timer3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color:#000000
}
.style11 {
	color: #000080;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}
.style5 {
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
}
.style12 {
	color: #FF0000;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}
.style10 {
	color: #000080;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}
.style13 {
	color: #000080;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}
.style9 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.floatleft {
	margin: 5px;
	float: left;
	clear: left;
	padding-top:0px;
}
.floatleft12px {
	float: left;
	clear: left;
	padding-right:12px;
	padding-bottom:12px;
}
.table {
	border: solid 1px #DCDCDC;
	border-collapse: collapse;
	font-weight: bold;
	font-size: 10px;
	width: 100%;
}
.ie .table {
	border: solid 0px #DCDCDC;
}
.table .odd {
	white-space: nowrap;
	text-align: center;
	background-color: #ffffff;
}
.table .even {
	white-space: nowrap;
	background-color: #F1F1F1;
}
.table .odd.left {
	text-align: left;
}
.table tr td.noborder {
	border-top: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
}
.table th {
	white-space: nowrap;
	text-align: center;
	color: #000099;
}
.table tr.header th {
	font-weight: normal;
}
.table td {
	text-align: center;
	color: #262626;
	vertical-align: middle;
}
.table td.position {
	text-align: left;
	vertical-align: middle;
}
.table td.position div {
	float: left;
}
.float {
	margin: 5px;
	float: left;
	clear: left;
	padding-top:0px;
}
.float10px {
	float: left;
	clear: left;
	padding-right:10px;
	padding-bottom:0px;
	padding-top:0px;
}
.linksborder {
	border: solid 1px #CCCCCC;
	border-collapse: collapse;
	width: 95%;
	padding: 12px;
	height: 88px
}
.spacer {
	height: 12px;
	width: 95%;
}
#navcontainer {
	background: #006699;  /* background color surrounding the buttons. If change the hover state will show this color because ul list is set to transparent*/
	width: 120px;   /* stretches everything, except text */
	margin: 0px auto;   /* moves whole menu to a fixed position */
	padding: 0 0;   /* padding (background): first figure increases top/bottom and second figure crops */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;  /* font size determines button size */
	text-align: center;
	text-transform: none;   /* makes text behave differintly to the case typed*/
}
ul#navlist {
	text-align: left;
	list-style: none;
	padding: 0px;
	margin: 0 auto;   /* moves the buttons into a different position on the background */
	width: 120px;  /* stretches buttons covering the back ground if increased */
}
ul#navlist li {
	display: block;
	margin: 0;  /* space between the buttons */
	padding: 0;  /* space between the buttons */
}
ul#navlist li a {
	display: block;
	width: 114px;  /* stretches or shrinks buttons */
	padding: 1px 1px 1px 4px;  /* top right bottom left padding either side of text on buttons. By changing this you can control the size of button */
	border-width: 2px;  /* increasing this gives a 3d effect on buttons */
	border-color: #ffe #aaab9c #ccc #fff;  /* top right bottom left border on buttons */
	border-style: solid;  /* style of edges of buttons */
	color: #000000;  /* colour of text on buttons in ther default state */
	text-decoration: none;  /* set for how the text looks on hover, etc. */
	background: #f3f5e9;   /* colour of buttons */
}
#navcontainer>ul#navlist li a {
	width: auto;
}
ul#navlist li a:hover, ul#navlist li#active a:hover {
	color: #ffffff;  /* text colour of hover state of button */
	background: transparent;  /* by changing this it makes background colour on all buttons change to a different colour */
	border-color: #aaab9c #fff #fff #ccc;  /* top right bottom left border (hover state of buttons */
}
#home li.home a, #map li.map a, #dates li.dates a, #news li.news a, #freeviewhd li.freeviewhd a, #comments li.comments a, #bt li.bt a, #freeview li.freeview a, #freesat li.freesat a, #sky li.sky a, #topup li.topup a, #virgin li.virgin a, #aerials li.aerials a, #connections li.connections a, #hdtv li.hdtv a, #reviews li.reviews a, #led li.led a, #oled li.oled a, #hdswitch li.hdswitch a, #plasma li.plasma a, #threed li.threed a, #requirements li.requirements a, #links li.links a, #privacy li.privacy a, #contact li.contact a, #buyersguide li.buyersguide a, #sitemap li.sitemap a {
	background: #006699;  /* background colour of active button */
	color: #ffffff;  /* text colour of active button */
}
ul#navlist li.home a {
}
ul#navlist li.map a {
}
ul#topnav li.dates a {
}
ul#topnav li.news a {
}
ul#topnav li.freeviewhd a {
}
ul#topnav li.comments a {
}
ul#topnav li.bt a {
}
ul#topnav li.freeview a {
}
ul#topnav li.freesat a {
}
ul#topnav li.sky a {
}
ul#topnav li.topup a {
}
ul#topnav li.virgin a {
}
ul#topnav li.aerials a {
}
ul#topnav li.connections a {
}
ul#topnav li.hdtv a {
}
ul#topnav li.reviews a {
}
ul#topnav li.led a {
}
ul#topnav li.oled a {
}
ul#topnav li.plasma a {
}
ul#topnav li.requirements a {
}
ul#topnav li.threed a {
}
ul#topnav li.requirements a {
}
ul#topnav li.links a {
}
ul#topnav li.privacy a {
}
ul#topnav li.contact a {
}
ul#topnav li.hdswitch a {
}
ul#topnav li.buyersguide a {
}
ul#topnav li.sitemap a {
}
.label {
	background: #1d22c6;
	width: 138px;
	height: 18px;
	border: none;
}
.bg_label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#FFFFFF;
	font-weight:bold;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.blank {
	background: #f3f5e9;
	width: 100px;
	height: 6px;
	border: none;
}
.table2 {
	border: solid 1px #DCDCDC;
	border-collapse: collapse;
	font-weight: normal;
	font-size: 10px;
	width: 99%;
}
.ie .table2 {
	border: solid 0px #DCDCDC;
}
.table2 .heading {
	white-space: nowrap;
	text-align: center;
	background-color: #1d22c6;
	font-size:12px;
	color:#FFFFFF;
	border-top: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
}
.table2 .heading2 {
	white-space: nowrap;
	text-align: center;
	color:#FFFFFF;
	background-color: #1d22c6;
	font-size:12px;
}
.table2 .blank {
	background-color: #ffffff;
	border-left: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
}
.table2 .odd {
	white-space: normal;
	text-align: center;
	background-color: #ffffff;
}
.table2 .odd1 {
	white-space: nowrap;
	text-align: center;
	background-color: #ffffff;
}
.table2 .position {
	text-align: left;
	vertical-align: middle;
}
.table2 .even {
	white-space: normal;
	background-color: #F1F1F1;
	text-align: center;
}
.table2 .even1 {
	white-space: nowrap;
	background-color: #F1F1F1;
	text-align: center;
}
.table2 .even2 {
	white-space:normal;
	background-color: #F1F1F1;
	text-align: left;
	vertical-align: middle;
}
.table2 .odd.left {
	text-align: left;
}
.table2 tr td.noborder {
	border-top: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
}
.table2 th {
	white-space: nowrap;
	text-align: center;
	color: #000099;
}
.table2 tr.header th {
	font-weight: normal;
}
.table2 td {
	text-align:left;
	color: #262626;
	vertical-align: middle;
}
.table2 td.odd2 {
	white-space: normal;
	background-color: #ffffff;
	text-align: left;
	vertical-align: middle;
}
.table2 td.position div {
	float: left;
}
.indent {
	padding-left:25px;
}
.indent1 {
	padding-left:15px;
}
.indent2 {
	padding-left:0px;
}
.indent3 {
	padding-left:8px;
}
.anchor {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color:red
}
.anchor a:link {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color:red
}
.anchor a:visited {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color:red
}
.anchor a:active {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color:red
}
.anchor a:hover {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color:red
}
.hds {
	background-image: url(../images/hd.jpg);
	background-repeat:no-repeat;
}
.tick {
	background-image: url(../images/greentick.gif);
	background-position: center;
	background-repeat: no-repeat;
}
.background {
	background-image:url(../images/button.jpg);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:3px;
}
.background2 {
	background-image:url(../images/on-off4.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:71px;
	height:19px;
}
.condfont {
	font-family:Impact, fantasy;
}
.li-indent {
	/* the rules that do the indenting margin: -2em;	margin: -2em; xxtext-indent: -1em; */
margin-left: -2em;
}
.indexnews {
	width:255px;
	padding-bottom:10px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}