@charset "UTF-8";
/*-----------------------------------------------------------
 Stylsheet for O2 Broadband Hub Pages ( All browsers )

 Version: 2.0
 Updated: 10th Feb 2010
 Author: N Lamb
 Website: http://www.o2.co.uk/broadband
-----------------------------------------------------------*/

/*---- Hub Pages Header Background Image ----*/
* html { padding:0; margin:0;}
#content { background:#FFFFFF !important;}

/*--- Main Head Mast BG Image, Breadcrumbs and H1 Title for Q1 ---*/
#bbHeaderBgFade { background:#ffffff; width:972px; height:90px;}
#bbHeaderBgFade .intern { text-align:left; margin-left:20px; width:100%; padding:12px 0; color:#FFF;}
* html #bbHeaderBgFade .intern { width: 948px; }
#bbHeaderBgFade p.breadcrumb{ color:#3399cc!important; margin-bottom:0px!important;}
#bbHeaderBgFade p.breadcrumb a { color:#3399cc!important;}
#bbHeaderBgFade p.title { color:#000000; margin-top:8px; font-size:32px; font-family:"Frutiger", Arial, Helvetica, sans-serif !important;}
#bbHeaderBgFade a {color:#fff !important;}

/*--- Main Head Mast BG Image, Breadcrumbs and H1 Title for Q1 ---*/
#bbHomephoneHeaderBgFade { position:relative; top:-6px; background:url(../../img/bb_homephoneHeaderBgFade.jpg) no-repeat 0 0; width:972px; height:300px;}
#bbHomephoneHeaderBgFade .intern { text-align:left; margin-left:20px; width:100%; padding:12px 0;}
* html #bbHomephoneHeaderBgFade .intern { width: 948px; }
#bbHomephoneHeaderBgFade p { color:#0086C3;}
#bbHomephoneHeaderBgFade p.title { color:#fff; margin-top:8px; font-size:32px; font-family:"Frutiger", Arial, Helvetica, sans-serif !important;}
#bbHomephoneHeaderBgFade a {color:#fff !important;}


h2 { font-size:16px !important; font-family:"Frutiger", Arial, Helvetica, sans-serif; font-weight:bold !important;}
h3 { font-size:14px !important; font-family:"Frutiger", Arial, Helvetica, sans-serif; margin-bottom:10px !important; font-weight:bold !important;}
h4 { font-size:12px !important; font-family:"Frutiger", Arial, Helvetica, sans-serif; margin-bottom:10px !important; font-weight:bold !important;}
.cufon {margin-right:-10px!important;}
p { margin-bottom:14px !important;}
.bbpFontTerms { margin: 0 30px; text-align:left;}
.leadPrice { font-weight:bold; font-size:14px;}

.clear {line-height: 0px; height: 0px; overflow: hidden; visibility: hidden; font-size: 0px; clear:both;} 

/*---- Hub Pages Navigation Style ----*/
ul#navHubPage { width:948px; float:left; position:relative; margin:0px 16px 0; } 

* html ul#navHubPage { width:940px; float:left; margin:0 8px 0; }

ul#navHubPage li { float:left;list-style-type:none !important; width:183px; height:56px; background:url(../../img/bb_navHubPageBg.gif) no-repeat; text-align:center; line-height:50px;  margin:0px 2px}  
ul#navHubPage li a { color:#FFFFFF!important; text-decoration:none; display:block;}
ul#navHubPage li a:hover { color:#FFFFFF; width:183px; height:56px;  line-height:50px; background:url(../../img/bb_navHubPageBgActive.gif) no-repeat;}
ul#navHubPage li a.active { color:#FFFFFF; width:183px; height:56px;  line-height:50px; background:url(../../img/bb_navHubPageBgActive.gif) no-repeat}

#hubPageFullWidthBg { margin:0px 12px 0;  float:left;}
* html #hubPageFullWidthBg { margin:0 6px 0; float:left;}

#hubPageFullWidthBgIndex { margin:0px 12px 0; float:left;}
* html #hubPageFullWidthBgIndex { margin:0px 6px 0; float:left;}

#hubPageBgHead { width:948px; height:10px; background:url(../../img/bb_hubPageBgHead.gif) no-repeat 0 0;}


#hubPageBgContent { width:932px; background:#081c3c url(../../img/bb_hubPageBgContent.gif) no-repeat bottom; padding:0 0 0 16px; height:400px;}
* html #hubPageBgContent { margin-top:-6px;}
#bb_Laptops #hubPageBgContent {height:350px;}
#bb_HomeBB #hubPageBgContent {height:480px;}
#bb_Mobile #hubPageBgContent {height:325px;}
#bb_Techies #hubPageBgContent {height:380px;}

#hubMobilePageBgContent { width:932px; background:#081c3c url(../../img/bb_hubPageBgContent.gif) no-repeat bottom; padding:0 0 0 16px; height:325px;}
* html #hubMobilePageBgContent { margin-top:-6px;}

#hubPageBgContent { width:932px; background:#081c3c url(../../img/bb_hubPageBgContent.gif) no-repeat bottom; padding:0 0 0 16px; height:400px;}
* html #hubPageBgContent { margin-top:-6px;}
#bb_Techies #hubPageBgContent { margin-bottom:15px;}

#hubPageBgContentIndex { width:948px; background:#081c3c url(../../img/bb_hubPageBgContent.gif) no-repeat bottom; height:490px;margin-bottom:16px;}
* html #hubPageBgContentIndex { margin-top:-6px;}

ul.bullets { color:#FFFFFF; font-size:11px; padding:0 3px !important; margin:10px !important; text-align:left; }
ul.bullets li{list-style-type:disc !important;}

.gridColPromo { width:320px; float:left; padding:30px 0 0 0;}
.gridColPromo p { color:#FFF!important; text-align:left; font-size:11px!important; margin:0 6px;}

.gridColPromoIndex { width:900px; margin-left:14px;}
* html .gridColPromoIndex { padding-right:12px;}

.cta320Bg { background: #fff url(../../img/320-bgHubPageCta.jpg) no-repeat 0 0; width:300px; height:52px; padding:8px 5px 0 15px; margin:16px 0 0 0; text-align:left;}
#bb_HomeBB .cta320Bg { margin-top:32px;} 
.cta320Bg span { color:#3399cc;}
.cta320Bg img { float:left; margin-right:12px;}

.cta320BgTall { background: #fff url(../../img/320-bgHubPageTallCta.jpg) no-repeat 0 0; width:300px; height:75px; padding:8px 5px 0 15px; margin:16px 0 0 0;}
.cta320BgTall span { color:#3399cc;}
.cta320BgTall img { float:left; margin:0 6px 12px 0;}
.cta320BgTall ul { margin-left:80px!important; text-align:left;}
.cta320BgTall li {list-style-type:disc!important; padding-left:5px;}

.btnRow { text-align:center; position:relative; }
.btnRow a img { height:22px; margin-bottom:4px;}

/*---- WHY O2 ICON MODULE ----*/
#bbWhyO2Module { background:#ebebeb url(../../img/bb_whyo2ModuleFooter.gif) no-repeat bottom; margin-bottom:25px; padding:0px 0px 0px 20px; width:928px;
color:#081c3c; margin-left:12px; text-align:left; }
#bbWhyO2Module img { float:left; margin-right:6px;}
#bbWhyO2Module h3 { float:left; width:325px; font-size:18px!important; margin-top:12px;}
#bbWhyO2Module p { font-weight:bold; margin-bottom:0px!important; margin-top:8px;}


/*---- HUB NEON BOXES HEAD TITLES ----*/

h2#bbPhoneHeadEveWeekend, h2#bbPhoneHeadAnytime, h2#bbLaptopsHeadSamsung, h2#bbLaptopsHeadASUS, h2#bbHomeBBHeadStandard, h2#bbHomeBBHeadPremium, h2#bbHomeBBHeadPro, h2#bbMobileDongles, h2#bbMobileHomeMobile, h2#bbHomeBBHeadHomePhone, h2#bbMobileLaptops, h2#bbMobilePayMonthly, h2#bbMobilePayGo {  margin:0; text-indent:-9999px; }

/*---- HUB PAGE HEADERS HOME PHONE ----*/
h2#bbPhoneHeadEveWeekend { background:url(../../img/bbPhoneHeadEveWeekend.jpg) no-repeat 0 0; height:60px;}
h2#bbPhoneHeadAnytime { background:url(../../img/bbPhoneHeadAnytime.jpg) no-repeat 0 0; height:60px;}

/*---- HUB PAGE HEADERS LAPTOPS ----*/
h2#bbLaptopsHeadSamsung { background:url(../../img/bbLaptopsHeadSamsungN150.jpg) no-repeat 0 0; height:60px;}
h2#bbLaptopsHeadASUS { background:url(../../img/bbLaptopsHeadASUS.jpg) no-repeat 0 0; height:60px;}

/*---- HUB PAGE HEADERS MOBILE ----*/
h2#bbMobileDongles { background:url(../../img/bbMobileHeadDongles.jpg) no-repeat 0 0; height:60px;}
h2#bbMobileHomeMobile{ background:url(../../img/bbMobileHeadHomeMobile.jpg) no-repeat 0 0; height:60px;}
h2#bbMobilePayGo { background:url(../../img/bbMobileHeadPayGo.jpg) no-repeat 0 0; height:60px;}
h2#bbMobilePayMonthly{ background:url(../../img/bbMobileHeadPayMonthly.jpg) no-repeat 0 0; height:60px;}
h2#bbMobileLaptops{ background:url(../../img/bbMobileHeadLaptops.jpg) no-repeat 0 0; height:60px;}

/*---- HUB PAGE HEADERS HOME BROADBAND ----*/
h2#bbHomeBBHeadStandard { background:url(../../img/bbBroadbandHeadStandard.jpg) no-repeat 0 0; height:60px;}
h2#bbHomeBBHeadPremium { background:url(../../img/bbBroadbandHeadPremium.jpg) no-repeat 0 0; height:60px;}
h2#bbHomeBBHeadPro { background:url(../../img/bbBroadbandHeadPro.jpg) no-repeat 0 0; height:60px; margin-top:-16px!important;}
h2#bbHomeBBHeadHomePhone { background:url(../../img/bbBroadbandHeadHubHomePhone.jpg) no-repeat 0 0; height:60px; margin-top:-16px!important;}

/*---- HUB PAGE HEADERS TECHIES ----*/
h2#bbTechiesHome { background:url(../../img/bbTechiesHeadHome.jpg) no-repeat bottom; height:20px; color:#FFF!important; text-align:left; padding:50px 35px 0;}
h2#bbTechiesWork { background:url(../../img/bbTechiesHeadWork.jpg) no-repeat bottom; height:20px; color:#FFF!important; text-align:left; padding:50px 35px 0;}
h2#bbTechiesSetup { background:url(../../img/bbTechiesHead.jpg) no-repeat bottom; height:20px; color:#FFF!important; text-align:left; padding:50px 35px 0;}

/*---- HUB PAGE HEADERS INDEX ----*/
h3#bbIndexHubHeadHome { background:url(../../img/bbIndexHubHeadHome.jpg) no-repeat 0 0; height:20px; color:#FFF!important; text-align:left; padding:65px 30px 0; margin-bottom:0px !important;}
h3#bbIndexHubHeadMobile { background:url(../../img/bbIndexHubHeadMobile.jpg) no-repeat 0 0; height:20px; color:#FFF!important; text-align:left; padding:65px 30px 0; margin-bottom:0px !important;}
h3#bbIndexHubHeadLaptops { background:url(../../img/bbIndexHubHeadLaptops.jpg) no-repeat 0 0; height:20px; color:#FFF!important;text-align:left; padding:65px 30px 0; margin-bottom:0px !important;}
h3#bbIndexHubHeadTechies { background:url(../../img/bbIndexHubHeadTechies.jpg) no-repeat 0 0; height:20px; color:#FFF!important; text-align:left; padding:65px 30px 0; margin-bottom:0px !important;}

.column204 { float:left; width:204px;}
.column204 p { color:#FFFFFF; font-size:11px; text-align:left;}

.column200 { float:left; width:200px;}
.column200 p { color:#000000; font-size:12px;}

.column306 { float:left; width:306px;}
.column306 p { color:#FFFFFF; font-size:11px; text-align:left; margin-bottom:10px;}
.column306 p.start { margin-top:-3px;}
.column306 h3 { color:#FFFFFF; font-size:14px; text-align:left;}
.column306 h2 { color:#FFFFFF; font-size:14px; text-align:left;}

.column237 { float:left; width:237px;}
.column237 p { color:#FFFFFF; font-size:11px; text-align:left;}

.bb204Blue1BoxBg { background:url(../../img/bb204Blue1BoxBg.jpg) no-repeat bottom; height:204px; padding:0 20px 0 30px;}

.bb204Blue2BoxBg { background:url(../../img/bb204Blue2BoxBg.jpg) no-repeat bottom; height:189px; padding:0 20px 0 30px;}

.bb204Blue3BoxBg { background:url(../../img/bb204Blue3BoxBg.jpg) no-repeat bottom; height:204px; padding:0 20px 0 30px;}

.bb204Blue4BoxBg { background:url(../../img/bb204Blue4BoxBg.jpg) no-repeat bottom; height:204px; padding:0 20px 0 30px;}

#bb_Laptops .bb306Blue1BoxBg { height:260px;}
.bb306Blue1BoxBg { background:url(../../img/bb306Blue1BoxBg.jpg) no-repeat 0 100%; float:left; width:236px; padding:10px 35px 0; height:290px;}

#bb_Laptops .bb306Blue2BoxBg { height:260px;}
.bb306Blue2BoxBg { background:url(../../img/bb306Blue2BoxBg.jpg) no-repeat 0 100%; float:left; width:236px;padding:10px 35px 0; height:290px;}

.bb306Blue3BoxBg { background:url(../../img/bb306Blue3BoxBg.jpg) no-repeat 0 100%; float:left; width:236px; padding:10px 35px 0; height:290px;}

.bb237BlueBoxIndexBg { background:url(../../img/bb237BlueBoxBg.jpg) no-repeat 0 100%; float:left; width:182px; height:220px; padding:0 25px 0 30px; }

/*--------*/
.bb306Blue1BoxBg1 { background:url(../../img/bb306Blue1BoxBg.jpg) no-repeat 0 100%; float:left; width:236px; padding:0 35px 0; height:180px;}

.bb306Blue2BoxBg2 { background:url(../../img/bb306Blue2BoxBg.jpg) no-repeat 0 100%; float:left; width:236px; padding:0 35px; height:180px;}

.bb306Blue3BoxBg3 { background:url(../../img/bb306Blue3BoxBg.jpg) no-repeat 0 100%; float:left; width:251px; padding:0 20px 0 35px; height:180px;}

.bb306Blue4BoxBg4 { background:url(../../img/bb306Blue4BoxBg.jpg) no-repeat 0 100%; float:left; width:236px; padding:0 35px; height:180px;}