/* @override http://onlinelifestyle.site/themes/default/css/screen.css */

html { 
	height:100%; 
}

body {
	background: #2d2f2f url("../images/bg.png");
	font: 75% "Arial", Verdana, sans-serif;
	height: 100%;
}

html>body {
	font-size: 12px;
}

#wrap {
	position:relative;
	min-height:100%;
  	height:auto !important;
	height:100%;
	width:100%;
}


/* @group Header */

#header {
	width: 960px;
	margin: 0 auto;
	padding: 0 20px 0 20px;
}

#header img{
	margin-top: 16px;
	float: left;
}

#header ul#nav {
	float: right;
	background:transparent url(../images/nav.png) no-repeat scroll 0 0;
	height: 31px;
	width: 516px;
	margin-top: 39px;
	position: relative;
}

#header ul#nav li {
	display:block;
	height:31px;
	position:absolute;
	top:0;
}

#header ul#nav li a {
	display:block;
	height:0;
	overflow:hidden;
	padding-top:26px;
}

#nav #nav-home 	{ left: 0; width: 69px; }
#nav-about 		{ left: 69px; width: 98px; }
#nav-broadband 	{ left: 167px; width: 117px; }
#nav-extras 		{ left: 283px; width: 83px; }
#nav-connect 	{ left: 366px; width: 151px; }

#nav #nav-home a:hover 	{ background: url(../images/nav.png) 0 -31px;}
#nav-about a:hover		{ background: url(../images/nav.png) -69px -31px; }
#nav-broadband a:hover 	{ background: url(../images/nav.png) -167px -31px; }
#nav-extras a:hover		{ background: url(../images/nav.png) -283px -31px; }
#nav-connect a:hover 	{ background: url(../images/nav.png) -366px -31px; }

#nav #nav-home.selected a 	{ background: url(../images/nav.png) 0 -62px;}
#nav-about.selected a		{ background: url(../images/nav.png) -69px 31px; }
#nav-broadband.selected a 	{ background: url(../images/nav.png) -167px 31px; }
#nav-extras.selected a		{ background: url(../images/nav.png) -283px 31px; }
#nav-connect.selected a 	{ background: url(../images/nav.png) -366px 31px; }




/* @end */

#front-page {
	
	padding-bottom: 500px;
}

#page {
	 background: transparent url("../images/page-sidebar-bg.png") no-repeat top right;	
	padding-bottom: 500px;
	min-height:500px;
	width:1000px;
	margin: 0 auto;
}

#page #content {
	background: url("../images/page-content-middle.png") repeat;
	width: 720px;
	margin-left: 20px;
}

#page #content #c2 {
	
	background: url("../images/page-content-top.png") no-repeat top;
}

#page #content #c3 {
	background: url("../images/page-content-bottom.png") no-repeat bottom;
	padding: 15px 30px 1px 30px;
}


#page-packages {
	padding-bottom: 500px;
	min-height:500px;
	width:1000px;
	margin: 0 auto;
	
	
	
}

#page-packages #content {
	padding: 7px 17px 1px 17px;
	margin: 20px 0 0 33px;
	
	background-color: #282a2a;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#page-packages #content h1 {
	margin-top: 0;
}




#error-page {
	margin: 0 auto;
	width: 500px;
	padding:80px 0 350px 0;
}


/* @group Front Page */

#banner {
	margin: 0 auto;
	width: 1020px;
}

#fp-box {
	width: 960px;
	margin: 20px auto 0px auto;
	padding: 20px 0 0 0;
	background: #282a2a url("../images/fp-box-bg.png");
}

#fp-box-bottom {
	background: transparent url("../images/fp-box-bottom.png") bottom;
	height: 10px;
	margin: 0 auto;
	width: 960px;
	
}

#fp-row2 {
	width: 960px;
	margin: 0 auto;
	
}

#fp-row2 blockquote p {
	color: #dadada;
	line-height: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-style: italic;
	font-weight: normal;
	
}

.fp-column {
	width: 280px;
	float: left;
	padding: 0 20px;
	
}

.fp-column p {
	padding: 0 10px;
}

.fp-column h2 {
	font-size: 1.7em;
	color: #fff;
	padding: 0px 0px;
	margin-bottom: 1.0em;
}

.fp-column h2 a {
	display:block;
	height:0;
	overflow:hidden;
	padding-top:46px;
}


#learn-more-about-ask4-lnk {
	color: #2c95d6;
}

#packages-and-pricng-lnk {
	color: #e03a71;
}

#connection-guide-lnk {
	color: #85c236;
}
	

/* @end */


/* @group Headings (Image Replacement) */

h1#your-online-lifestyle, h1#packages-and-pricing, h1#how-to-connect, h1#extras, h1#weston-park-hospital-cancer-charity, h1#terms-of-use, h1#code-of-practice   {
	height: 41px;
	font-size: 100%;
	text-indent: -9999px;
	margin: 1em 0 2em 0;
}

h1#your-online-lifestyle {
	background:transparent url(../images/your-online-lifestyle.png) no-repeat scroll 0 0;
}

h1#packages-and-pricing {
	background:transparent url(../images/packages-and-pricing.png) no-repeat scroll 0 0;
}

h1#how-to-connect {
	background:transparent url(../images/how-to-connect.png) no-repeat scroll 0 0;
}

h1#extras {
	background:transparent url(../images/extras.png) no-repeat scroll 0 0;
}

h1#weston-park-hospital-cancer-charity {
	background:transparent url(../images/weston-park-hospital-cancer-charity.png) no-repeat scroll 0 0;
}

h1#terms-of-use {
	background:transparent url(../images/terms-of-use.png) no-repeat scroll 0 0;
}

h1#code-of-practice {
	background:transparent url(../images/code-of-practice.png) no-repeat scroll 0 0;
}

h2#your-online-lifestyle {
	background:transparent url(../images/your-online-lifestyle.png) no-repeat scroll 0 0;
}

h2#packages-and-pricing {
	background:transparent url(../images/packages-and-pricing.png) no-repeat scroll 0 0;
}

h2#how-to-connect {
	background:transparent url(../images/how-to-connect.png) no-repeat scroll 0 0;
}



h2#four-connect {
	background:transparent url(../images/4connect.png) no-repeat scroll 0 0;	
}

h2#four-connect-10 {
	background:transparent url(../images/4connect-10.png) no-repeat scroll 0 0;
}

h2#four-connect-free {
	background:transparent url(../images/4connect-free.png) no-repeat scroll 0 0;
}

h2#four-tv {
	background:transparent url(../images/4tv.png) no-repeat scroll 0 0;
}

h2#four-tv-free {
	background:transparent url(../images/4tv-free.png) no-repeat scroll 0 0;
}

h2#four-tv-25 {
	background:transparent url(../images/4tv-25.png) no-repeat scroll 0 0;
}

h2#four-backup {
	background:transparent url(../images/4backup.png) no-repeat scroll 0 0;
}

h2#four-backup-10 {
	background:transparent url(../images/4backup-10.png) no-repeat scroll 0 0;
}

h2#four-backup-free {
	background:transparent url(../images/4backup-free.png) no-repeat scroll 0 0;
}

h2#four-record {
	background:transparent url(../images/4record.png) no-repeat scroll 0 0;
}

h2#four-record-free {
	background:transparent url(../images/4record-free.png) no-repeat scroll 0 0;
}

h2#four-record-5 {
	background:transparent url(../images/4record-5.png) no-repeat scroll 0 0;
}

img.free-tv {
	margin-bottom: 0.6em;
}


/* @end */

/* @group Content */

p {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.0em;
	color: #b0b0b0;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

.content p {
	padding: 0 20px;
}

.content a {
	color: #b0b0b0;
}

.content a:hover {
	color: #65c6fc;
}

.content small {
	font-size: 0.8em;
}

.content h1 {
	font-size: 2.0em;
	color: #fff;
	margin: 1.0em 0 1.0em 0;
	
}

.content h2 {
	color: #f0f0f0;
	font-size: 1.5em;
	margin: 1.5em 0 0.4em 0;
	padding: 0 20px;
}

.content h3 {
	color: #fff;
	font-size: 1.0em;
	font-weight: bold;
	margin: 0 0 0.2em 0;
}

.content ul {
	list-style-type: disc;
	margin-left: 40px;
	margin-bottom: 1.5em;
}

.content ul li {
	color: #b0b0b0;
	line-height: 1.5em;
}

.content i, .content em {
	font-style: italic;
}

.content strong {
	font-weight: bold;
}

.content ul.checklist {
	list-style-type: none;
	margin: 1em 0 1.5em 22px;
}

.content ul.checklist li {
	background: transparent url("/images/tickedbox.png") no-repeat 0 0;
	padding: 0 0 6px 23px;
}

.four-extra-img-left {
	clear: both;
	float:left;
	margin: 0 20px;	
}

.four-extra-img-right {
	clear: both;
	float:right;
	margin: 0 20px;	
}

.four-extra-service-right {
	float: left;
	width: 290px;
	margin: 40px 0 0 0;
}

.four-extra-service-left {
	float: right;
	width: 290px;
	margin: 40px 0 0 0;
	
}


.four-extra-service-left h2, .four-extra-service-right h2 {
	height:37px;
	font-size: 100%;
	text-indent: -9999px;
	margin: 0 0 0.5em 0;
	padding:0
	
}

.four-extra-service-left p, .four-extra-service-right p{
	width: 290px;
	padding:0;
	
}

hr.dotted {
	width: 90%;
	border: none;
	border-top: 1px dotted #535555;
	height: 0px;
	background-color: #282a2a;
	color: #282a2a;
	overflow: hidden;
}

/* @end */

/* @group Tables */



/* @group Code of Practice */

table.cop {
	background-color: #2d2d2d;
	border: 4px solid #161818;
	margin-bottom: 1.5em;
}

table.cop th {
	border-bottom: 1px solid #161818;
	border-right: 1px solid #161818;
	color: #fff;
	padding: 6px 20px;
}

table.cop th p{
	color: #fff;
	font-weight: normal;
}

table.cop td {
	border-bottom: 1px solid #161818;
	color: #b0b0b0;
	padding: 6px 20px;
}

table.cop td p{
	color: #b0b0b0;
	
}

/* @end */



/* @group Broadband Packages*/

table.broadband-packages {
	background-color: #1c1d1d;
	border: 4px solid #161818;
	margin-bottom: 0.5em;
}

table.broadband-packages th {
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	padding: 3px 0;
	width:210px;
	text-align: center;
}

table.broadband-packages th.odd {
	border-left: 4px solid #161818;
	border-right: 4px solid #161818;
}

table.broadband-packages th#th-super {
	background: url("../images/th-purple.png") repeat-x;
}

table.broadband-packages th#th-elite {
	background: url("../images/th-green.png") repeat-x;
}

table.broadband-packages th#th-max {
	background: url("../images/th-blue.png");
}

table.broadband-packages th#th-base {
	background: url("../images/th-red.png");
}

table.broadband-packages td {
	color: #fff9b7;
	text-align: center;
	padding: 5px 20px;
	width:210px;
	line-height: 1.5em;
}

table.broadband-packages td.odd {
	background-color: #161818;
}

table.broadband-packages td img {
	margin:10px 0;
}

table.broadband-packages tr.price td {
	line-height: 1.8em;
}

table.broadband-packages td span {
	font-size: 2.8em;
	font-weight: bold;
}

table.broadband-packages td strong {
	color:#ffad5c;
	font-weight: bold;
}

table.broadband-packages tr.features td {
	
}

table.broadband-packages tr td a {
	background-color: #3a3a3a;
	color: #b0b0b0;
	padding: 4px 10px;
	display: block;
	text-decoration: none;
}

table.broadband-packages tr td a:hover {
	background-color: #4a4a4a;
	color: #b0b0b0;
}

/* @end */

/* @end */




/* @group Footer */

#footer {
	background: #323434 url("../images/footer-bg.png") no-repeat top center;
	margin-top: 50px;
	position:absolute;
	bottom:0;
	width: 100%;
	
}

#footer-content {
	width: 960px;
	margin: 0 auto;
	padding: 40px 0 20px 0 ;
}

#footer-content h2 {
	color: #fff;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-size: 1.4em;
	margin-bottom: 0.8em;
}

#footer-content a {
	color: #b0b0b0;
}

#footer-content a:hover {
	color: #65c6fc;
}

h2#our-twitter-feed {
	color: #2c95d6;
}

#footer-content .loading {
	line-height: 16px;
	padding-left: 22px;
	background:url("/images/ajax-loader.gif") no-repeat;
}

#footer-content #tweet ul {
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 1.5em;
}

#footer-content #tweet ul li {
	color: #b0b0b0;
	line-height: 1.5em;
}


.twitterTime {
	font-size: 0.8em;
	color: #7a7a7a;
}

h2#other-sites {
	color: #e03a71;
}

h2#weston-park {
	color: #85c236;
}

#footer-content .footer-column {
	width: 280px;
	float: left;
	padding: 0 20px;
}

#footer-content .footer-column ul.website-links {
	list-style-type: none;
	margin: 0;
}

#footer-content .footer-column ul.website-links li {
	padding: 5px 0px;
	margin-bottom: 5px;
}

#footer-content .footer-column ul.website-links li a{
	text-decoration: none;
	background-color: #3a3a3a;
	color: #b0b0b0;
	padding: 5px 10px;
}

#footer-content .footer-column ul.website-links li a:hover{
	background-color: #4a4a4a;
}

#footer-2 {
	background: #262626 url("../images/footer2-bg.png") no-repeat top center;
	text-align: center;
	padding: 70px 0 20px 0;
}

p#legal-info, p#legal-info a {
	color: #929090;
}

p#validation-info, p#validation-info a {
	color: #6e6e6e;
}





/* @end */

.clear-all {
	clear: both;
}

p.smallprint {
	color: #888;
}

.text-center {
	text-align: center;
}

#error-box {	
	background-color: #282a2a;
	padding: 1px 30px 30px 30px;
}