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

sup {
font-size: 9px; 
vertical-align: top;
}

.if-not-js-hide {
visibility:hidden;
}

.if-not-js-none {
display:none;
}

.if-js-none {
display:none;
}

.mod7Col .pageContent {
	padding: 18px 25px 0px 25px;
}

.modHeader h2 {
color:#333;
font-size:1.4em;
}

.pageContent p, .pageContent a, .pageContent li {
color:#525252;
}

.pageContent ul {
list-style:disc;
margin-left:13px;
}
.pageContent ul.bulletNumeric {
list-style:decimal;
}
.pageContent ul.grey-arrow-list {
list-style: none;
margin-left: 0;
}

.pageContent li {
margin-bottom:3px;
}

.pageContent p.introduction {
font-size:1.3em;
line-height:1.5em;
margin-bottom:10px;
}

.pageContent h4 {
font-size:1.5em;
margin-bottom:15px;
color:#333333;
line-height:1.3em;
 }

.pageContent h5 {
font-size:1.3em;
margin-bottom:15px;
color:#343434;
 }

.mod3ColleftIcon h4 {
margin-bottom:5px;
}

.mod3ColleftIcon img {
float:left;
 }

.mod3ColleftIcon p {
line-height:1.5em;
margin-left:70px;
margin-bottom:10px;
}

.mod7Col .pageContent h1 {
font:Arial, Helvetica, sans-serif;
color:#525252;
font-size:2.8em;
text-indent:0;
height:auto;
line-height:1.3em;
margin-bottom:10px;
font-weight:bold;
letter-spacing:-.01em;
}

.mod7Col .pageContent h2 {
color:#333;
font-size:1.4em;
}

.mod7Col .pageContent .modBody{
	width: 510px;
	padding: 18px 25px 10px 25px;
}

.whatToDoNext { 
border:1px solid #D2D2D2; 
padding:7px 10px 10px 14px;  
width:485px;
margin-left:0;
min-height:63px;
float:left;
}

.whatToDoNext img{ 
float:left; 
margin-right:13px;
}

.whatToDoNext h4{
margin:12px 0 10px 0;
letter-spacing:-.01em;
  }


.needHelpCTA {
background:url(/mobile-broadband/img/aboutmbb-needhelp-icon.gif) bottom left no-repeat;
height:125px;
padding-left:127px;

}

.needHelpCTA h3 {
color:#333333;
font-size:2.4em;
margin-top:30px;
float:left;
font-weight:bold;
margin-bottom:2px;
letter-spacing:-.01em;

}

.needHelpCTA p {
color:#686868;
font-weight:bold;
font-size:1.1em;
float:left;
clear:left;
letter-spacing:.01em;
}

.contentModRightGraphic {
width:480px;
}

.contentModRightGraphic h4{
padding-top:5px;
margin-bottom:10px;
}

.contentModRightGraphic img{
float:right;
}

.contentModRightGraphic .contentBody {
/*float:left;*/
}


table.speedTable td {
width:200px;
}

table.speedTable td.icon {
width:60px;
}

.contentModFullGraphic { 
clear:both;

}

.contentModFullGraphic .split3 { 
padding-top:5px;
float:left; 
width: 160px; 
}


.contentModFullGraphic .split3 p {
line-height:1.3em;
}

.contentModFullGraphic .split3 img {
margin-bottom:20px;
}

.contentModFullGraphic h6 {
font-weight:bold;
margin-bottom:5px;
 }

.contentModFullGraphic p {
margin:0;
clear:both;
color:#343434;
}

.contentModFullGraphic h2 {
background:#E2E2E2;
font-weight:bold;
padding:10px 0 10px 13px;
margin-bottom:1px;
}

.planChooser { 
float:left;
border:1px solid #ebebeb;
width:488px;
padding-bottom:15px;
}

.split3wayRightBorder{
	border-right:1px solid #D4D4D4;}
	

.planChooser .split3way {
float:left;
width:162px; }

.planChooser .split3way a span { display:none; }


#plan1 a { 
background:url(/mobile-broadband/img/plan1-button.gif) top left no-repeat;
}

#plan2 a { 
background:url(/mobile-broadband/img/plan2-button.gif) top left no-repeat;

}

#plan3 a { 
background:url(/mobile-broadband/img/plan3-button.gif) top left no-repeat;
}

#plan1 a, #plan2 a, #plan3 a {
width:161px;
height:132px;
display:block;
background-position:0px -168px;

}

#plan1 a:hover, #plan2 a:hover, #plan3 a:hover {
background-position:0px 0px;
}

#plan1 a.active, #plan1 a.active:hover, #plan2 a.active, #plan2 a.active:hover, #plan3 a.active, #plan3 a.active:hover {
	background-position:0px 0px;
}


.planChooser .descriptionBox {
clear:both;
padding:10px 25px 35px 25px;
}

#description1, #description3 {
display:none;
}

.coverageChecker {
border:1px solid #ebebeb;
padding:22px;
}

.coverageMapGraphic {
float:left;
border:1px solid #939393;
}

.coverageFields {
float:left;
margin-left:20px;
width:220px;
}

.coverageFields input {
float:left;
background:#ebebeb;
border:1px solid #D2D2D2;
padding:6px;
margin-right:5px;
margin-bottom:10px;
}

.coverageFields ul {
float:left;
list-style:none;
margin:0;
width:110px;
}

.coverageFields li {
margin-bottom:7px;
}

.coverageFields p {
margin-bottom:5px;
}

.helpChooserDialog {
display:block;
clear:both;
height:120px;
}

.helpChooserDialog a {
margin-right:15px;
}

.helpContentTabs {
border:1px solid #ebebeb;
margin-bottom:30px;
}

.tabLeftContent h4 {
padding-left:30px;
background:url(/mobile-broadband/img/help-heading2-icons.gif) 0px 0px no-repeat;
height:28px;
margin-bottom:0px;
}

.tabLeftContent p {
margin-top:0px;
}

.helpContentTabs ul {
list-style:none;
margin:0;
}

.helpContentTabs ol {
list-style:decimal;
margin-left:20px;
}

h4.gettingStarted {
background-position:0px -1px;
} 

h4.helpAddons {
background-position:0px -90px;
} 

h4.helpDevice {
background-position:0px -180px;
} 

h4.helpRoaming {
background-position:0px -267px;
} 

.mbb .quadColumn .singleColumn .modFooter {
height:2px;
}

.deviceFeature { 
padding:8px 22px;
border:1px solid #ebebeb;
min-height:150px;
height:auto !important;
height:150px;
}

.deviceFeature img {
float:left;
margin-right:35px;
}

.deviceFeature div {
display:block;
margin-left:100px;
}

.deviceFeature h5 {
margin-bottom:7px;
}

 .tabLeftContent table td {
text-align:left;
padding:5px;
}

 .tabLeftContent table tr.title-row td {
background:#ebebeb;
font-size:.9em;
}

ul.largerTabs {
height:33px;
margin-left:5px;
}

ul.largerTabs li a:link,
ul.largerTabs li a:visited,
ul.largerTabs li a:hover,
ul.largerTabs li a:active {
   background:#E8E7E7;
	padding-left:10px;
}

ul.largerTabs li a span {
    height: 21px;
	padding:6px 20px 5px 10px;
	background:none;
	font-size:1.1em;
}

ul.largerTabs li.active a:link,
ul.largerTabs li.active a:visited,
ul.largerTabs li.active a:hover,
ul.largerTabs li.active a:active {
border:1px solid #ebebeb;
background:#fff;
border-bottom:0;
}

ul.tabs li a:hover span {
border:none;
background:none;
	padding:5px 19px 5px 9px;

}

ul.tabs li a:hover  {
background:#fff;
border:1px solid #ebebeb;
border-bottom:0;
}



ul.largerTabs  li.active a span {
background:#fff;
    height: 21px;
    cursor: default;
		padding:5px 19px 5px 9px;

}

ul.largerTabs li.active a:hover span {}

.pricingContentTabs {
border:1px solid #ebebeb;
margin-bottom:30px;
background:#fff;
}

.priceExplainer {
background:#E9E9E9;
border:1px solid #efefef;
padding:15px;
margin-bottom:30px;
}

.priceExplainer p {
font-size:1.4em;
margin:0;
line-height:1.3em;
}

h4 a.smallLink {
font-size:.7em;
color:#929292;
font-weight:normal;
}

.additionalInformation {
display:none;
}

.additionalInformation .bodyContent{
position:relative;
background:#FFFEF9 url(/mobile-broadband/img/pricing-additionalInformation-footer.gif) left bottom no-repeat;
padding:5px 25px 25px 25px;
margin-bottom:30px;
}

.additionalInformation .header {
background:url(/mobile-broadband/img/pricing-additionalInformation-header.gif) left top no-repeat;
height:30px;
}

.additionalInformation .header span { display:none; }

.additionalInformation a.close { 
width:20px; 
height:20px; 
background:url(/mobile-broadband/img/pricing-close-button.gif) 0px 0px no-repeat; 
position:absolute;
top:-7px;
right:12px;
}

.pricingContentTabs table {
border:1px solid #efefef;
}

.pricingContentTabs table.newLayoutTable {
border:none;
margin-bottom:30px;
}

.mbb .pricingContentTabs .newLayoutTable  td {
padding:0;
}

.mbb .pricingContentTabs td {
background:#EEEEEE;
border-bottom:1px solid #efefef;
padding:10px;
}

.mbb .pricingContentTabs .mini-heading td {
background:#fff;
border:none;
padding:0;
color:#929292;
text-transform:uppercase;
text-align:left;
}

.mini-heading p {
margin:0 0 2px 0;
font-size:.9em;
}

.mbb .pricingContentTabs td.productImage, .mbb .pricingContentTabs td.productDescription {
background:#fff;
}

.mbb .pricingContentTabs td.largePlus {
background:#fff;
border-right:1px solid #efefef;
}

.mbb .pricingContentTabs td.productImage {
background:#fff;
padding-left:20px;
}

.mbb .pricingContentTabs td.productImage img {
padding:0 10px;
}


.pricingContentTabs td.productImage a{
display:block;
font-size:.9em;
}

.pricingContentTabs td.productImage p {
text-align:left;
margin:0 0 0 35px;
}

.pricingContentTabs td.productImage p span {
font-size:.9em;
display:none;
}

.pricingContentTabs td.addOn {
font-weight:bold;
text-align:left;

}

.pricingContentTabs table .data { color:#000; text-transform:uppercase; font-size:1.5em;} 
.pricingContentTabs table .for { color:#929292; font-size:1.3em;} 
.pricingContentTabs table strong { font-size:1.5em; font-weight:bold;}
 .pricingContentTabs table strong sup { font-size:9px; vertical-align:top;}
.pricingContentTabs table small { display:block;} 

.productDescription { width:150px; }

.productDescription p  { color:#333333; font-size:1.1em; font-weight:bold;}
.productDescription .speed {color:#929292; display:block;}
.productDescription strong {font-size:2em; color#000;}
.productDescription small {color:#525252;}
.productDescription .bonus {color:#4C1638; font-weight:normal;}


.otherOption { border:1px solid #efefef; padding:10px 25px; position:relative; min-height:100px; height:auto !important; heheight:100px;}
.otherOption img {float:left; }
.otherOption div {margin-left:132px;  font-size:.9em}
.otherOption h5 {margin-bottom:5px; }
.otherOption p, .otherOption a { font-size:1em; margin:0;}
.otherOption a.expander,.otherOption a.collaspe { 
width:20px; 
height:20px; 
background:url(/mobile-broadband/img/pricing-expander-button.gif) 0px 0px no-repeat; 
position:absolute;
top:5px;
right:5px;
}
.otherOption a.expander span, .otherOption a.collaspe span, .additionalInformation a.close span{ display:none; }

.otherOption a.expander:hover, .additionalInformation a.close:hover {
background-position:0px -31px;
}
.otherOption a.collaspe { background-position:0px -69px;
}

.otherOption a.collaspe:hover { background-position:0px -100px;
}

.needHelpCTAshort {
height:130px;
width:210px;
background:url(/mobile-broadband/img/aboutmbb-needhelp-icon.gif) left bottom no-repeat;
padding-left:127px;
float:left;

}

.needHelpCTAshort h4 { font-size:2.55em; color:#333333; letter-spacing:-.03em; padding-top:0px; line-height:1em;}

.needHelpCTAshort p { font-weight:bold; color:#686868; font-size:1.2em;}


.getInContactshort {
background:url(/mobile-broadband/img/pricing-internetonMobile-graphic.gif) 13px 13px no-repeat;
padding:10px 0px 0px 120px;
width:284px;
float:left;
 }

.getInContactshort h5 {font-size:1.5em; color:#333333; letter-spacing:-.03em; padding-top:0px; line-height:1.1em; font-weight:bold;}



.whatToDoNext .todoThumb{ width:80px; float:left}
.whatToDoNext .todoContent{ width:380px; float:right}

#account #signInBtn {
margin-top:15px;
margin-bottom:15px;
}

#account .title h2 a, #account .title h2 a:hover, #support .title h2 a, #support .title h2 a:hover, #webmail .title h2, #webmail .title h2 a:hover, #related .title h2, #related .title h2 a:hover, #data_calc .title h2, #data_calc .title h2 a:hover {
cursor:default;
}

.pricingContentTabs table .productRadioList strong {
font-size:1em;
}

.productRadioList p {
text-align:left;
margin-bottom:10px;
}

.productRadioList input {
float:left;
margin-right:10px;
}

input.firstRadio {
margin-top:0;
}

.productImage {
vertical-align:middle;
}

.mbb .pricingContentTabs td.productPrices {
background:#fff;
}


.productImage img {
float:left;
}

.newLayoutTable .buttonLight {
margin-left:12px;
}

.mbb .pricingContentTabs td.productInformation, .mbb .pricingContentTabs td.productRadioList {
border:1px solid #efefef;
border-right:none;
background:#EEE;
height:130px;
}

.mbb .pricingContentTabs td.productInformation {
padding:5px 0;
width:150px;
background:#EEE url(/mobile-broadband/img/greyborder90px.gif) right 25px no-repeat;
font-size:.85em;
}

.mbb .pricingContentTabs td.productRadioList {
padding-left:10px;
}



.productInformation p{
font-size:1.35em;
color:#333;
margin:0 0 6px 0;
}

.pricingContentTabs .productInformation .data {
font-size:1.7em;
display:block;
margin-bottom:11px;
}


.pricingContentTabs .productInformation strong {
color:#000;
font-size:1.8em;
}

.pricingContentTabs .productInformation sup {
font-size:13px;
margin-top:-4px;
position:absolute;
min-width: 0;
}

.pricingContentTabs .productInformation small {
display:inline;
margin-left:25px;
font-size:1.2em;
}

.mbb .pricingContentTabs td.productAdd {
width:114px;
}

.pricingContentTabs .newLayoutTable td.productImage, .pricingContentTabs .newLayoutTable td.productPrices {
border-left:1px solid #efefef;
border-top:1px solid #efefef;
}

.pricingContentTabs .newLayoutTable td.productImage {
background:url(/mobile-broadband/img/pricing-plus-graphic-small.gif) 7px center no-repeat;
height:90px;
}

.pricingContentTabs .newLayoutTable td.productPrices {
width:140px;
}

.newLayoutTable td.productImage img {
margin-top:8px;
}

.otherOptions {
border:1px solid #f2f2f2;
height:90px;
}

.otherOptions .textHolder {
height:100px;
border-left:1px solid #f2f2f2;
float:left;
padding-left:22px;
width:500px;
}

.otherOptions img {
padding:15px;
float:left;
}

.otherOptions h5 {
margin-top:16px;
font-size:1em;
font-weight:bold;
margin-bottom:0px;
}

.otherOptions p {
margin-top:4px;
line-height:1.3em;
}

p.comparison {
margin:-20px 0 40px;
}

.mbbOfferBanner {
*zoom: 1;

}
.mbbOfferBanner img {
float: left;
padding: 0 40px 10px 20px;
}
.mbbOfferBanner h2 {
padding-top: 30px;
}
.siteOverlay .link_list2Col a {
text-decoration: none;
}

/* ONLY TO BE USED TEMPORARILY TO BE REMOVED ONCE NEW STYLE IS INTRODUCED AND MAIN-TRANSFER.CSS IS NO LONGER NEEDED */ 
.mod10Col {
margin-top:3px;
}

/* STYLES FOR /about/corporate-responsibility pages  ---- */

table.contentTable{ border:1px solid #CCCCCC!important; margin-bottom:10px;}
table.contentTable th{ padding:7px; background-color:#DEDEDE; font-weight:bold;}
table.contentTable tr.evenRow{ background-color:#F7F7F7;}
table.contentTable tr td{ border:1px solid #CCCCCC!important; padding:5px!important;}
span.tableCaption{ color:#929292;}


ul.CSRList li{ margin-left:57px; list-style:none}
table.contentTable tr td.green{ color:#62B60E!important;}