/*------------------------------------------------
Main Style Sheet

Version:	1.0
Author:		Michael Walsh
Website:	www.enov8.co.uk
Created:	12/12/06
------------------------------------------------*/

/*HTML TAGS*/

body {
  margin:0;
  padding:0;
  color:#000;
  font:70% Arial, Helvetica, sans-serif;
  background:#134AEF;
  text-align:center;
  padding-bottom:25px;
}

html {
     overflow: -moz-scrollbars-vertical;
}

#header {
	width:780px;
	position:relative;
	height:280px;
	background:#FFF url(../images/interface/header.gif) no-repeat;
}

h1 {
	position: absolute;
	top: 20px;
	left: 20px;
	margin: 0;
	font-size: 2px;
}

h1 a {
	display: block;
	text-indent: -700em;
	text-decoration: none;
	height:56px;
	width:142px;
	background:url(../images/interface/logo.gif) no-repeat;
}

p, h3, h4 {
	border:0;
	margin:0;
	padding-top:1em;
}

h3, h4 {
	text-align:left;
}

table {
	margin-top:1.4em;
	margin-bottom:0.4em;
}

h2 {
	margin:0;
	border:0;
	font-size:1.6em;
	color:#0080FF;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	color:#0080FF;
	font-size:1.2em;
	font-weight:bold;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	color:#999;
	font-size:1.1em;
	font-weight:bold;
}

abbr, acronym {
  border-bottom: 1px dotted #CCC;
  cursor: help;
}

blockquote {
	padding:12px 20px 14px 100px;
	margin:0;
	margin-top:1.4em;
	font-style:italic;
	overflow:visible;
	height:1%;
	border:1px solid #5E5E5E;
	background:#545454 url(../images/interface/blockquote_bg.gif) top left no-repeat;
}

blockquote p {
	padding-top:0;
}

cite {
	font-style:normal;
	font-weight:bold;
	font-size:0.9em;
	margin-top:1em;
	color:#999;
	display:block;
}

img {
	border: 0px none; 
}

/*ACCESSIBILITY*/

.skipLink {
	position: absolute;
	left: -999px;
	width: 990px;
}

.hide {
	display:none;
	clear:both;
}

/* CLASSES */

.image {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	margin-top:0.4em;
}

.center {
	text-align: center;
}

.clear {
	clear:both;
}

.datatable {
	width:100%;
	line-height:normal;
	border:1px solid #0078FF;
}

.datatable th {
	background:#0078FF url(../images/interface/table-heading.gif) top repeat-x;
	font-size:1em;
	padding:0.5em 0.8em;
	vertical-align:top;
	font-weight:bold;
	color:#FFF;
	text-align:left;
	border:0;
}

.datatable td {
	background-color:#FFF;
	font-size:1em;
	padding:0.5em 0.8em;
	vertical-align:top;
	text-align:left;
	color:#000;
	border:1px solid #CCC;
	border-color:#CCC #999 #999 #CCC;
}

.datatable th a {
	color:#FFF !important;
	text-decoration:none;
}

.datatable th a:hover{
	color:#B2D15B !important;
}

/* HEADER */

#header ul {
	width: auto;
	position:absolute;
	margin: 0;
	padding: 0;
	list-style: none;
	top:99px;
	right:0;
	padding-right:30px;
}

#header li {
	padding: 0;
	margin: 0;
	float:left;
}

#header ul a {
	float: left;
	font-weight:bold;
	padding:19px 6px 0 26px;
	background:url(../images/interface/nav-groove.gif) left no-repeat;
	color:#FFF;
	font-size:1.3em;
	text-decoration:none;
	height:56px;
	voice-family: "\"}\""; voice-family:inherit;
	height:37px; /*box model hack for IE5*/
}
#header ul a:hover, #header .current, #header .current:hover {
	color:#BFDFFF;
	text-decoration:underline;
}

/* IDs */
	
#wrapper, #wrapperwide {
	width:780px;
	margin:0 auto;
	text-align:left;
	position:relative;
	
}

#bodywrapper {
	height:1%;
	width:780px;
	float:left;
	background-color:#FFF;
}

#mBody {
	float:left;
	padding:0 40px;
	padding-bottom:40px;
	height:1%;
	min-height:150px;
	width:780px;
	font-size:1.1em;
	line-height:1.6;
	text-align:justify;
	color:#000;
	voice-family: "\"}\""; voice-family:inherit;
	width:700px; /*box model hack for IE5*/
}

* html #mBody {height:150px;} 

#mBody ul {
	list-style-type:none;
	/*text-align:left;*/
	margin-bottom:0;
	margin-top:1em;
}

#mBody ul ul {margin-top:0;}

#mBody ul li {
	padding-left:15px;
	background:url(../images/interface/bullet.gif) no-repeat 0 0.6em;
	margin-left:-15px;
}

#mBody ol li {
	padding-left:0;
	margin-left:-15px;
}

#mBody a {
	color:#0080FF;
	text-decoration:none;
	font-weight:bold;
}

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

/*FOOTER*/

#footer {
	padding:0 40px;
	padding-right:34px;
	background:url(../images/interface/footer.gif) no-repeat;
	height:86px;
	width:780px;
	clear:both;
	voice-family: "\"}\""; voice-family:inherit;
	width:706px;
}

#footer h3 {
	position: absolute;
	left: -9999px;
	width: 990px;
	background:none;
}

#footer a {
	color:#FFF;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
	color:#FFF;
}

#backtotop {
	float:right;
	background:url(../images/interface/btt.gif) no-repeat;
	display:block;
	width:152px;
	padding: 43px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:43px; /* for IE5/Win */
}

#backtotop:hover {
	background-position:0 -100px;
}

#footer ul {
	float:left;
	width: auto;
	margin:0;
	padding:0;
	border:0;
	list-style: none;
	padding-top:13px;
}

#footer li {
	float:left;	
}

#footer ul a {
	float: left;
	display: block;
	padding-right: 10px;
}

#copyright {
	clear:both;
	padding-top:15px;
	padding-bottom:10px;
	color:#999;
	height:1%;
	text-align:center;
}

#copyright a {
	color:#999;
	text-decoration:none;
}

#copyright a:hover {
	color:#999;
	text-decoration:underline;
}

/* FAQS */

.question, .questionon {
	background-color:#3B99FF;
	background-image:url(../images/interface/tile-faq-heading.gif);
	border:1px solid #0078FF;
	color:#FFF !important;
	text-align:left;
	padding:2px 8px;
	margin-bottom:0px;
	margin-top:12px;
	display:block;
	text-decoration:none !important;
}

.question:hover, .questionon {
	background-image:none;
	background-color:#0181FF;
	border:1px solid #0078FF;
}

.answer {
	padding:15px;
	padding-top:0;
	border:1px solid #3B99FF;
	border-top:0;
	background-color:#FFF;
	color:#333;
}

/* HOMEPAGE */

#contents {
	padding-top:1.5em;
}

#contents #plus, #contents #hd {
	display:block;
	width:287px;
	padding: 86px 0 0 0 !important; 
	margin-right:20px;
	margin-top:-0.5em;
	float:left;
	overflow: hidden;
	height: 0px !important; 
	height /**/:86px; /* for IE5/Win */
}

#contents a:hover, #order:hover {
	background-position:0 -100px;
}

#contents p {
	clear:both;
	height:86px;
}

#contents p.order {
	clear:both;
	height:66px;
}

#hd {background:url(../images/buttons/sky-hd.gif) no-repeat;}
#plus {background:url(../images/buttons/sky-plus.gif) no-repeat;}
#digital {background:url(../images/buttons/sky-digital.gif) no-repeat;}

.left {float:left; width:340px}
.right {float:right; width:340px}

#order {
	display:block;
	background:url(../images/buttons/order.gif) no-repeat;
	width:287px;
	padding: 66px 0 0 0 !important; 
	overflow: hidden;
	float:right;
	margin-top:1em;
	margin-left:20px;
	height: 0px !important; 
	height /**/:66px; /* for IE5/Win */
}

p.order #order {
	margin:0;
	margin-right:20px;
	margin-top:-0.5em;
	float:left;
}

#ancillary {
	background:url(../images/interface/home-divider.gif) top no-repeat;
	padding-top:2em;
	clear:both;
	margin-top:2em;
}

#vpn {
	background:url(../images/interface/home-divider.gif) top no-repeat;
	padding-top:2em;
	clear:both;
	border-top:2em solid #FFF;
}

#ancilliary a {
	color:000;
	font-weight:normal;
}

#pricelist {
	width:287px;
	float:left;
}

#selfinstall {
	width:393px;
	float:right;
}

#selfinstall img {
	float:right;
	margin-left:1em;
}

#pricelist h3, #selfinstall h3, #vpn h3 {
	margin:0;
	border:0;
	padding:0;
	font-size:1.6em;
	color:#0080FF;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
}

#pricelist p, #selfinstall p, #vpn p {
	padding-top:0.25em;
}

#vpn img {
	float:left;
	padding-right:21px;
}

/* CALL ME BACK */

#callmeback a {
	position:absolute;
	top:20px;
	/*top:317px;*/
	right:20px;
	color:#FFF;
	font-weight:bold;
	font-size:1em;
	padding-top:12px;
	padding-left:60px;
	padding-right:20px;
	width:62px;
	height:44px;
	background:url(../images/interface/call.gif) no-repeat;
	text-align:center;
	line-height:1.3;
	text-decoration:none;
}

#callmeback a:hover {
	background-position:0 -100px;
	color:#737373;
	text-decoration:none;
}