/* start: hub page */

#wrapper #page .content, 
#wrapper #page #hubcontent {
	margin-left:0px;
	float:left;
	position:relative;
	width:556px;
	margin-right:0px;
	padding:0px;
}
#hubcontent #mainimg {
	width:762px; /* +1px as img was just short, fix in photoshop later */
}

#video {
	width:762px;
	height:349px;
	background: url('/images/50Mb/home-replace-bg.jpg');
}

#video p {
	color: #ffffff;
}

#video a {
color: #ffffff;
}

#video #home-replace {
	position: relative;
}

#video #home-replace span {
	display: none;
}

#video #home-replace ul {
	margin: 0;
	padding: 0;
}

#video #home-replace ul li {
	margin: 0;
	padding: 0;	
	list-style: none;
}

#video #home-replace p {
	position: absolute;
	top: 300px;
	left: 200px;
	width: 500px;
}

#video #home-replace .hub1 a {
	width: 111px;
	height: 95px;
	display: block;
	top: 122px;
	left: 80px;
	position: absolute;
	background: url('/images/50Mb/replace-home1.jpg');
}

#video #home-replace .hub2 a {
	width: 111px;
	height: 95px;
	display: block;
	top: 122px;
	left: 245px;
	position: absolute;
	background: url('/images/50Mb/replace-home2.jpg');
}

#video #home-replace .hub3 a {
	width: 111px;
	height: 95px;
	display: block;
	top: 122px;
	left: 415px;
	position: absolute;
	background: url('/images/50Mb/replace-home3.jpg');
}

#video #home-replace .hub4 a {
	width: 111px;
	height: 95px;
	display: block;
	top: 122px;
	left: 570px;
	position: absolute;
	background: url('/images/50Mb/replace-home4.jpg');
}

#videoAd {
	width:525px;
	height:314px;
	background: url('/images/50Mb/holder.jpg') no-repeat;
}

#videoDown {
	width:550px;
	height:245px;
}

.hubboxes {
	margin: 15px 0 30px 15px;
	width: 740px;
}

.hubboxes .home-box { 
	background: url('/images/50Mb/home-panel.jpg');
	float:left;
	width: 213px;
	height: 133px;
	margin: 0 5px 0 0;
	padding: 15px 15px 0 13px;
}

.hubboxes .home-box h3 { 
	text-align:left;
	font-size:15px;
	margin-bottom:3px;
}

.hubboxes .home-box h3.last {
	margin-bottom: 0;
}

.hubboxes .home-box p {
	font-size: 14px;
	text-align:left;
	color: #333333;
}

.hubboxes .home-box p.last {
	margin-bottom: 10px;
}

.hubboxes .bigRed {
	font-size: 18px;
	font-weight: bold;
	color: #CC0000;
}

.hubboxes .home-box a { 
	display:block;
}

.hubboxes .box #postcodeCheckerLeftNavBox { 
	margin: 10px 0 0 0;
}

.HunderImg {
	padding: 15px 0 0 0;
}

#hubcontent .copy p.extra {
	font-size: 11px;
	color: #666666;
	margin: 0 0 60px 28px;
}

/* end: hub page */

/* Acord Sub Nev */

.leftbar .leftnav .subnav {
	padding: 0;
}

.leftbar .leftnav .subnav li a {
	background: none;
	font-weight: normal;
}

#lb_3_1 .leftnav  .subnav li a#ln_3_1,
#lb_3_2 .leftnav  .subnav li a#ln_3_2,
#lb_3_3 .leftnav  .subnav li a#ln_3_3,
#lb_3_4 .leftnav  .subnav li a#ln_3_4,
.leftbar .leftnav .subnav li a:hover {
	background: transparent none repeat scroll 0;
	color: #c00;
}

#lb_1 .leftnav li a#ln_1,
#lb_2 .leftnav li a#ln_2,
#lb_3 .leftnav li a#ln_3,
#lb_4 .leftnav li a#ln_4,
#lb_5 .leftnav li a#ln_5,
#lb_6 .leftnav li a#ln_6,
#lb_7 .leftnav li a#ln_7,
#lb_8 .leftnav li a#ln_8 {
	background-color: transparent;
	background-image: url(/images/arrow_black.gif);
	background-position: 0 4px;
	color: #CC0000;
}

/* start: why 50mb page */
.content h1 { 
}

.content h2 { 
	width:400px;
	font-size:14px;
}

.content #grid { 
	/*width:551px;*/
	display:relative;
}

.content #fibre-grid { 
}

.content #fibre-grid .box-larger { 
	float:left;
	width:269px;
	margin-right: 5px;
	margin-bottom: 20px;
	display:relative;
}


.content #grid .box { 
	float:left;
	width:176px;
	margin-right:7px;
	padding-bottom:30px;
	display:relative;
}

.content #grid .box-larger { 
	float:left;
	width:269px;
	margin: 0 5px 15px 0;
	display:relative;
}

.content #grid .box-hub { 
	float:left;
	width:269px;
	margin-right: 5px;
	display:relative;
}

.content #grid .box-hub h2 { 
	color: #CC0000;
	width: 200px;
	margin: 0 0 5px 0;
	font-style: italic;
}

.content #grid .box-broadband-options{
	float:left;
	width:125px;
	margin-right:12px;
	display:relative;
}

.content #grid .box img { 
	width:176px;
}
.content #grid .box-larger img { 
	width:260px;
}
.content #grid .box h3 { 
	font-size:13px;
	margin-bottom:5px;
} 
/* end: why 50mb page */

.content { 
	
}

#graphs {
	font-style:italic;
	border:solid 1px #e7e7e7;
	padding:10px;
	margin:20px 0 0 0;
}

.downloads {
	position:relative;
	height:15px;
	background:#ff0000;
	float:left;
	margin:0 7px 7px 0;
}

#downloads-1 {
	width:200px;
}

#downloads-2 {
	width:100px;
}

#downloads-3 {
	width:50px;
}

.clear {
	clear:both;
}

/***	PRICING		***/
table {
	border:solid 1px #e7e7e7;
	width:100%;
	padding-bottom:15px;
}

table tr td {
	padding:5px;
}

table th {
	font-weight:bold;
	padding:5px;
}

table tr td.no-border {
	border:none;
}

.img-right {
	float:right;
	padding:0 0 10px 20px;
}

.copy {
	padding:0 0 20px 0;
}

.copy-border {
	padding:10px;
	margin-bottom:10px;
	border:solid 1px #e7e7e7;
}

.content #grid .box-broadband-options h3{
	font-style:normal;
	font-weight:bold;
	font-size:100%;
}

.content #grid .box-broadband-options p{
	font-weight:bold;
}

#img-map {
	position:relative;
	margin-top:50px;
	float:right;
}

form #frm-region {
	float:right;
	padding:0 10px 0 10px;
}

#media_holder {
	width:535px;
	height:215px;
	background:#666666;
}

#benefits_overview {
	position:relative;
}


/*** faq ***/
.tr-red {
	background-color:#CC0000;
	color:#ffffff;
	font-weight:bold;
}

.tr-grey {
	background-color:#e7e7e7;
}

/*** benefits ***/
#benefits_overview .thumb {
	float:left;
	padding-right:1px;
	
}

#benefits_overview .thumb a img {
	border:2px solid #ffffff;
}

#benefits_overview .thumb a:hover img {
	border:2px solid #CC0000;
}

#benefits_overview .thumb p {
	margin-left:2px;
}

#benefits_overview .arrow_left {
	position:absolute;
	top:20px;
	left:0px;
}

#benefits_overview .arrow_right {
	position:absolute;
	top:20px;
	left:390px;
}

.bold {
	font-weight:bold;
}

/*** future page ***/
.futureboxes { 
	margin-top:15px;
	width:552px;
}

.futureboxes .right-pad {
	margin-right: 7px;
}
.futureboxes .box { 
	border: 1px solid #cccccc;
	margin-bottom: 40px;
	float:left;
	width: 176px;
	height: 190px;
}

.futureboxes .box h3 { 
	text-align:left;
	font-size:14px;
	padding: 2px 0 2px 4px;
	text-transform:normal;
}

.futureboxes a  { 
	text-decoration: none;
}

.futureboxes .box p { 
	font-size: 11px;
	text-align: left;
	padding: 4px;
}

.futureboxes .box a { 
	display:block;
}

.futureboxes .box img {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.red {
	color:#cc0000;
}


/* FROM VIRGINS TEMPLATES */


#page h2 {
font-size:127%;
font-weight:bold;
font-style:normal;
}

.copy-border {
border:1px solid #E7E7E7;
margin-bottom:10px;
padding:10px;
}

.float-right {
margin-left:463px;
}

#body .legal-stuff a:visited{
color:#787878;
}

#body .copy-border h2 {
font-style:normal;
font-size:98%;
}

sup{
height: 0;
line-height: 1;
vertical-align: baseline;
_vertical-align: bottom;
position: relative;
	
}

sup {
bottom: 1ex;
}

#content {
	display: inline;
	font-size: small;
}

#content ul {
	margin-left: 0;
}

#content h1 {
	font-family: arial,helvetica,clean,sans-serif;
	font-weight: bold;
	font-size: 148%;
}

#content h2 {
	font-style: normal;
}

#content h3 {
	font-size: 125%;
}

#content ul{
	padding-left: 0;
}

#content .legal-stuff a{
color:#787878;
}

#content .leftbar .leftnav {
	padding-left: 0;
}

.content {
	font-size:93%;
	margin:8px 10px 8px auto;
	margin-right:0;
	width:556px;
}

.fourItem {
	width: 536px;
	padding: 2px 0 10px 0;
}

.fourItem .item {
	display: block;
	float: left;
	clear: none;
	margin: 0 6px 0 auto;
	width: 128px;
}

.boxed {
	float: right;
	display: inline;
	border: 4px solid #e9e9e9;
	padding: 5px;
	margin: 4px 10px 15px 0;
}

.boxedContent {
	width: 528px;
	float: right;
}

.boxed .leftSide {
	width: 255px;
}

.boxed .hr {
	float: left;
	display: block;
	clear: both;
	width: 527px;
	height: 1px;
	border-top: 1px solid #e2e2e2;
	margin: 1px 0 3px 0;
	padding: 0;
	line-height: 1px;
	font-size: 1pt;
}

#productInfo{
	background-image: url(/images/ShadowBoxes/shadowbox_548x204.png);
	background-repeat: no-repeat;
	border: 0px none;
	margin: 4px 0 5px 0;
	padding-top: 8px;
}

#productInfo .boxedContent {
	width: 546px;
}

#productInfo h3 img {
	vertical-align: middle;
}

#productInfo .note {
	display: block;
	float: left;
	font-size: 90%;
}

#postcodeBox .leftSide{
	width: 250px;
	float: left;
	padding-right: 10px;
}

.narrowish {
	width: 150px;
	float: left;
	font-size: 80%;
}

.narrowest {
	width: 110px;
	float: left;
	font-size: 80%;
	padding: 23px 0 0 0;
}

.narrowish h3,
.narrowest h3 {
	padding-bottom: 8px;
}

.boxed .rightSide {
	width: 255px;
	margin: 0 auto 0 0;
}

br.clearer {
	line-height: 1px;
	clear: both;
}

#wireless {
	float: right;
}

#wireless .leftSide,
#wireless .rightSide {
	float: left;
}

.bundleElementPlus {
	display: inline;
	float: left;
	width: 115px;
	padding: 4px 42px 0 8px;
	background-color: #ddeeff;
	background: url(/images/buttons/plus_sign.gif);
	background-repeat: no-repeat;
	background-position: 135px 20px;
}

.bundleElementEquals {
	display: inline;
	float: left;
	width: 115px;
	padding: 4px 42px 0 8px;
	background-color: #eeffdd;
	background: url(/images/buttons/equals_small.gif);
	background-repeat: no-repeat;
	background-position: 135px 20px;
}

#solusXXL {
	margin-left: 165px;
	display: inline;
	padding-bottom: 4px;
}

.bundlePrice {
	float: left;
	width: 55px;
	padding: 2px 5px 10px 10px;
}

.price {
	font-size: 200%;
	font-weight: bold;
	color: #c00;
}

.bundleCTA {
	padding: 3px 10px 10px 5px; 
}

.bundleCTA p {
	float: left;
	margin: 0;
}

.bundleTripleCTA {
	float: left;
	display: inline;
	margin: 4px 0 0 276px;
}

.bundleTripleCTA p {
	float: left;
}

.bundleTripleCTA p.newtovm {
	width: 126px;
}

.content .basket {
	display: inline;
	background-color: #FFE600;
	padding: 3px 0;
}

.basket a {
	text-decoration: none;
	padding: 3px 16px;
}

.proceed {
	float: left;
	width: 535px;
	padding: 8px 0 12px 0;
}

.proceed h3{
    width: 118px;
    float: left;
    font-size: 108%;
    margin-left: 15px;
    padding: 2px 2px 2px 8px;
}

.proceed h3.first {
    margin: 0;
    width: 142px;
    padding-left: 2px 2px 2px 8px;
}

.proceed form {
	float: left;
}

.clearer {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}

#productInfo #save {
	float: left;
	margin: 0 6px;
	width: 520px;
}

#content .legal-stuff h3 {
	font-size: 100%;
}

#content .legal-stuff p {
	padding:0 10px 7px 0;
}

#modemBox {
	position: relative;
	padding: 0 0 0 10px;
}

#modemBox .boxedContent p,
#modemBox .boxedContent ul {
	float: left;
	padding-right: 240px;
}

#modemBox .imageProp {
	float: right;
	height: 180px;
}

#modemBox img.right {
	position: absolute;
	bottom: 0;
	right: 0;
}

#introImg {
	margin-bottom: 10px;
}

.contentProduct .red {
	color: #cc0000;
	float: left;
}

.contentProduct .legal-stuff {
	float: left;
}

a.hubPA {
	text-decoration: underline;
	font-size: 11px;
	line-height: 20px;
}

