@charset "UTF-8";
/*-----------------------------------------------------------
 Stylsheet for O2 Broadband Learn Pages ( All browsers )
 
 Version: 2.0
 Updated: 15th December 2009
 Author: N Lamb
 Website: http://www.o2.co.uk/broadband
-----------------------------------------------------------*/

body {font-family:Verdana, Geneva, sans-serif!important;}

#navCol ul.bbShopLhn{margin:10px 0px 0px 10px !important;width:190px !important;}
* html #navCol ul.bbShopLhn{width:190px !important;}
/* LHN Fix(bbShopFx.css) */

#navCol {margin-top:10px !important; font-family:Verdana, Geneva, sans-serif!important; }
#navCol ul.bbShopLhn {border-top:1px solid #dedede;padding:8px !important;margin:10px 0px 0px 5px !important; width:190px!important;}
#navCol ul.bbShopLhnBtm {border-bottom:1px solid #dedede;}
#navCol ul.bbShopLhn li{margin:1px 0 1px 0 !important; font-size:17px;}
#navCol a.mnbbShopL{font-size:105% !important;}
#navCol ul.bbShopLhn li a { color: #1155aa;}
#navCol ul.bbShopLhn li ul {margin-top:8px !important;}
#navCol a.mnBBSlinks{ color: #909090 !important; font-size:.82em !important; }

/*--- Main Head Mast BG Image, Breadcrumbs and H1 Title for Q1 ---*/
#bbHeaderMastBg { position:relative; background:#FFF; width:972px; height:150px; margin-top:-6px; margin-bottom:10px; border-bottom:1px solid #DEDEDE;}
::root #bbHeaderMastBg { margin-top:-6px;} /*---Safari hack for top masterhead banner---*/
#bbHeaderMastBg .intern { text-align:left; margin-left:20px; width:100%; padding:12px 0;}
* html #bbHeaderMastBg .intern { width: 948px; }
#bbHeaderMastBg p.title { margin-top:8px; font-size:32px; font-family:"Frutiger", Arial, Helvetica, sans-serif!important}
/*#bbHeaderMastBg p.breadcrumb { color:#fff!important;}
#bbHeaderMastBg a {color:#fff !important;}*/

/*--- Main Head Mast BG Image, Breadcrumbs and H1 Title for Niggles and Narks ---*/
#masterHeadChange #bbNigglesNarksHeaderMastBg { position:relative; background:#fff; width:972px; height:150px; margin-top:-6px; margin-bottom:10px; border-bottom:1px solid #DEDEDE;}
#bbNigglesNarksHeaderMastBg { position:relative; background:#fff; width:972px; height:150px; margin-top:-6px; margin-bottom:10px; border-bottom:1px solid #DEDEDE;}
::root #bbNigglesNarksHeaderMastBg  { margin-top:-6px;} /*---Safari hack for top masterhead banner---*/
#bbNigglesNarksHeaderMastBg  .intern { text-align:left; margin-left:20px; width:100%; padding:12px 0;}
* html #bbNigglesNarksHeaderMastBg  .intern { width: 948px; }
#bbNigglesNarksHeaderMastBg  p.title { margin-top:8px; font-size:32px; font-family:"Frutiger", Arial, Helvetica, sans-serif; !important;}
#bbNigglesNarksHeaderMastBg  p.breadcrumb { color:#000!important;}

/*--- Main Head Mast BG Image, Breadcrumbs and H1 Title for Snow Patrol Launch ---*/
#bbHeaderMastBgHomePhone { position:relative; background:url(../../img/bb_MasterHeadBgHomePhone.jpg) no-repeat 0 0; width:972px; margin-top:-6px}
::root #bbHeaderMastBgHomePhone  { margin-top:-6px;} /*---Safari hack for top masterhead banner---*/
#bbHeaderMastBgHomePhone  .intern { text-align:left; margin-left:20px; width:100%; padding:12px 0;}
* html #bbHeaderMastBgHomePhone  .intern { width: 948px; }
#bbHeaderMastBgHomePhone  p.title { color:#000!important; margin-top:8px; font-size:32px; font-family:"Frutiger", Arial, Helvetica, sans-serif; !important;}
#bbHeaderMastBgHomePhone  p.breadcrumb { color:#000!important;}

#bbpContentCol {height: 100%; margin-left: 225px; background-color:#FFF !important; font-family: Arial, Verdana, Sans-Serif !important; font-size: 12px !important; color: #000000!important;}
* html #bbpContentCol {height: 100%; margin-left: 205px; margin-top: overflow: hidden; width: 738px; 1px; background-color:#FFF !important; font-family: Arial, Verdana, Sans-Serif; font-size: 12px; color: #0171b3;}

#bbpContentArea {float: left; width: 526px !important; /*_width: 522px*/; background-color: #FFF; padding-right:12px;}
#bbpContentArea h1 { margin-bottom:14px!important;}
#bbpContentAreaFullWidth h1 { margin-bottom:14px!important;}
#bbpContentCol a {color: #0171b3; text-decoration: underline;}

#bbpRightCol {float: right; width: 188px; text-decoration:none !important; padding-right:10px; background-color:#FFF !important; padding-top:45px;}
.bbpRightColBox { width:162px; margin-left:7px;}
.bbpRightColBoxHead { height:6px; width:178px; margin-left:7px; background:url(../../img/bbpRightColBoxHead.gif) no-repeat left bottom; }
.bbpRightColBoxFoot { height:6px; width:178px; margin-left:7px; background:url(../../img/bbpRightColBoxFoot.gif) no-repeat 0 0; margin-bottom:8px; margin-top:-1px; }

#bbpContentAreaFullWidth {float: left; width: 714px !important; /*_width: 710px*/; background-color: #FFF; padding-right:12px;}
#bbpContentAreaFullWidthNoTopBanner {float: left; width: 714px !important; /*_width: 710px*/; background-color: #FFF; padding:0px 12px 12px 12px;}

h1 { font-size:24px !important; font-family:"Frutiger", Arial, Helvetica, sans-serif; font-weight:bold !important;}
h1 span { font-size:14px !important; font-weight:normal;}
h2 { font-size:16px !important; font-family:"Frutiger", Arial, Helvetica, sans-serif; margin-bottom:10px !important; font-weight:bold !important;}
h2.7DaysBanner { background:url(../../img/7DayGuaranteeBgBanner.jpg) no-repeat 0 0; color:#FFF; line-height:60px; text-align:left; padding:0px 25px 0px 80px; width:420px; height:70px}	
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; line-height:1.4em; color:#515559;font-size:14px}
p.btnRow { margin-bottom:24px !important; margin-right:60px!important;}

/*-- Full width curved box construction - both highlight colours - white, blue and  grey --*/

/*-- White box --*/
.bbpBoxTopWhite { background:url(../../img/bbpBoxTopWhite.gif) no-repeat bottom; height:10px; margin-top:12px; width:526px; }
.bbpBoxContentWhite { background:#FFF; border-left: 1px solid #999999; border-right: 1px solid #999999; width:500px; padding:12px 12px 0px;}
.bbpBoxContentWhite img { float:left; margin-right:12px; margin-bottom:6px;}

.bbpBoxContentWhite ul { margin-left:100px !important; margin-bottom:14px;}
.bbpBoxContentWhite ul li { list-style-type:disc !important;}
.bbpBoxBottomWhite {  background:url(../../img/bbpBoxBottomWhite.gif) no-repeat top; height:10px; margin-bottom:16px; width:526px; }

/*-- Grey box --*/
.bbpBoxTopGrey { background:url(../../img/bbpBoxTopGrey.gif) no-repeat bottom; height:10px; margin-top:12px; width:526px;}
.bbpBoxContentGrey {background:#ebebeb; border-left: 1px solid #999999; border-right: 1px solid #999999; width:500px; padding:12px 12px 0px;}
.bbpBoxContentGrey img { float:left; margin-right:12px;  margin-bottom:6px;}

.bbpBoxContentGrey ul { margin-left:100px !important; margin-bottom:14px;}
.bbpBoxContentGrey ul li { list-style-type:disc !important;}
.bbpBoxBottomGrey { background:url(../../img/bbpBoxBottomGrey.gif) no-repeat top; height:10px; margin-bottom:16px; width:526px;}

/*--Blue box --*/
.bbpBoxTopBlue { background:url(../../img/bbpBoxTopBlue.gif) no-repeat bottom; height:10px; margin-top:12px; width:526px;}
.bbpBoxContentBlue {background:#d5ebf8; border-left: 1px solid #999999; border-right: 1px solid #999999; width:500px; padding:12px 12px 0px;}
.bbpBoxContentBlue img { float:left; margin-right:12px;  margin-bottom:6px;}
.bbpBoxContentBlue ul { margin-left:100px !important; margin-bottom:14px;}
.bbpBoxContentBlue ul li { list-style-type:disc !important;}
.bbpBoxBottomBlue { background:url(../../img/bbpBoxBottomBlue.gif) no-repeat top; height:10px; margin-bottom:16px; width:526px;}

/*-- Left image margin bottom fix--*/
 img.marginBot15 { margin-bottom:15px!important; float:left; margin-right:12px; }
 img.marginBot35 { margin-bottom:35px!important; float:left; margin-right:12px; }
 img.marginBot70 { margin-bottom:70px!important; float:left; margin-right:12px; }
 img.marginBot100 { margin-bottom:100px!important; float:left; margin-right:12px; }
 img.marginBot130 { margin-bottom:130px!important; float:left; margin-right:12px; }
 img.marginBot165 { margin-bottom:165px!important; float:left; margin-right:12px; }
 img.marginBot200 { margin-bottom:200px!important; float:left; margin-right:12px; }
 img.marginBot400 { margin-bottom:400px!important; float:left; margin-right:12px; }

/*-- FAQs --*/
ul.faqs { margin-left:10px!important; }
ul.faqs li.question { list-style-type:none!important;font-weight:bold; padding-bottom:20px; background:url(../../img/icon_Question.gif) no-repeat 0 2px!important; padding-left:30px;  }
ul.faqs li.answer {  list-style-type:none!important; margin-bottom:15px; background:url(../../img/icon_Answer.gif) no-repeat 0 2px!important; padding-left:30px;padding-bottom:8px; }

ul.generalBullets {  margin: 0px 0px 14px 52px; font-family:Verdana, Geneva, sans-serif!important; font-size:14px; color:#515559}
ul.generalBullets li  { list-style-type:inherit; margin-bottom:8px;}

/*-- Lefthand Icon Bottom Margin Fix --*/


a.lnkToggle { font-weight:bold; margin: 0 0 12px 0; cursor:pointer;}

#bbpContentCol a {color: #0171b3; text-decoration: underline;}

ol.terms strong { font-weight:bold!important; font-size:11px!important}
ol.terms ul strong { font-weight:bold!important; font-size:11px!important}
ol.terms { margin-left:20px!important;margin-top:12px!important; font-size:9px;}
ol.terms li { list-style-type:decimal !important; margin:1px 0!important;}
.bbpTR ol.terms ul { margin:5px 20px!important;} 
ol.terms ul li { list-style-type:disc !important;}


.bbpBullet {background: url('../../img/BULLET.gif') no-repeat top left; padding-left: 35px; margin-top: 15px;}


#content{width:945px !important;background:#fff !important;background-image:none !important;}
* html #content{width:964px !important;background : #fff url(../../img/lhnbgrIE6.gif) 4px 0px repeat-y !important;background:#fff !important;background-image:none !important;}
#navCol {margin:0 !important;float:left;width: 218px !important;background:#fff !important;background-image:none !important;}
* html #navCol {margin:0px 0 0 2px !important;float:left;width: 218px !important;background:#fff !important;background-image:none !important;}
#bbpContentCol{width: 738px !important;margin:6px 0 0 0 !important;float:left;text-align:left !important;}

.bbpTR ul{margin:20px !important;}
.bbpTR ul li{list-style-type:disc;margin-left:20px !important;}/*  */


/* buttons  */
.call_to_action {padding-top:0; height:auto;}
.call_to_action a {padding:0 8px 0  0; color:#fff !important;text-decoration:none !important;font-weight:bold; font-size:1em; float: left; display:block; height:22px;  background: url(http://www.o2.co.uk/bluedawn-theme/images/buttons/primary_btn_sml_r.gif) no-repeat top  right;}
.call_to_action a span {padding:0 0 0 8px; display:block;  height:22px; line-height:22px; background:  url(http://www.o2.co.uk/bluedawn-theme/images/buttons/primary_btn_sml_l.gif) no-repeat top left;  cursor:pointer;}
.call_to_action a:hover {color:#fff !important;  text-decoration:none;}
*html .call_to_action {width:95px !important}

.bbpFontTermsStart { border-top:1px #999 solid; font-size:10px; padding-top:10px; text-align:left;}

/*------Mootools Tabbed Content Styles--------*/
/*outer planes*/
#bbLcontent { padding-top:8px;}
#heading {display: block;width:526px;}
#heading ul {margin:0px;padding:0px;}
#panes {float:left; width:513px; border-left:6px #d5ebf8 solid; border-right:6px #d5ebf8 solid; margin:0px; padding:0px;}
#panes div div {overflow: hidden;}
#panes .tblBroadband { margin-left:12px;}
#panes h3{ margin-left:15px; }
#panes p { margin-left:15px; margin-right:20px;  }
#panes ul { margin-left:60px; margin-right:20px; margin-bottom:14px;}
#panes ul li { list-style-type:disc;}
.tabsBgFoot { height:15px; background: #d5ebf8 url(../../img/tab_paneBGFoot.gif) no-repeat; width:525px; margin-bottom:12px;}
.tabsBgHead { height:15px; background: #d5ebf8 url(../../img/tab_paneBGHead.gif) no-repeat; width:525px;}
* html .tabsBgHead { margin-top:-6px;}
.discount { color:#F00; text-decoration:line-through;}

.bbpRightColHeadBox {line-height:15px;margin-bottom:1px;padding-bottom:8px;padding-left:12px;padding-right:2px;padding-top:10px;}

/*tabs*/
#buttons {float:left; height: 40px; width:526px; margin: 0px; padding :0;}
#buttons li	{margin: 0; padding: 0; display: inline; list-style-type: none; text-align:center;}
#buttons a{ padding:6px 10px; float: left; background:url(../../img/tab_paneBtnBg.gif) no-repeat; font-size:14px; text-decoration: none!important; text-align:center;color:#073e77; width:140px; height:28px;cursor:pointer; font-weight:bold;}
#buttons a:hover { background:url(../../img/tab_paneBtnBgSelect.gif) no-repeat; cursor:pointer;text-decoration: none!important;}
#buttons li.active a{ background:url(../../img/tab_paneBtnBgSelect.gif) no-repeat; color:#073e77!important;}

/* Default Table Construction*/
table.tblBroadband{
	text-align: center;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-weight: normal;font-size: 11px; color: #fff;
    background-color: #f5f5f5;border: 0px;border-collapse: collapse;border-spacing: 0px;margin: 6px 0 14px 0;}

table.tblBroadband td{
	background-color: #f5f5f5;
    color: #000;padding: 7px 5px;text-align: left;border: 2px #fff solid;text-align: center;}

table.tblBroadband td.footLeft{
    background:url(../../img/tblFootGreyLeftCorner.gif) no-repeat bottom left;
    color: #000;padding: 4px;text-align: left;border: 2px #fff solid;text-align: center;}

table.tblBroadband td.footRight{
	background:url(../../img/tblFootGreyRightCorner.gif) no-repeat bottom right;
    color: #000;padding: 4px;text-align: left;border: 2px #fff solid;text-align: center;}

table.tblBroadband a{
    color: #000;text-decoration: none;}

table.tblBroadband a:hover{
    color: #000;text-decoration: underline;}

table.tblBroadband td.highlight{
    background: #990000 url(../../img/tbl_bgHighlight.jpg) repeat-x bottom;color: #fff;padding: 8px 5px;text-align: left;border-bottom: 2px #fff solid;font-size: 12px;font-weight: bold;text-align: center;}

table.tblBroadband th{
    background-color: #d5ebf8;color: #000; padding: 8px 5px;border-bottom: 2px #fff solid;font-size: 12px;font-weight: bold;text-align: center;}

table.tblBroadband th.headRight{
    background: #d5ebf8 url(../../img/tblHeadBlueRightCorner.gif) no-repeat top right;
    color: #000;padding: 8px 5px;border-bottom: 2px #fff solid;font-size: 12px;font-weight: bold;text-align: center;}

table.tblBroadband th.headLeft{
	background: #d5ebf8 url(../../img/tblHeadBlueLeftCorner.gif) no-repeat top left;
    color: #000;padding: 8px 5px;border-bottom: 2px #fff solid;font-size: 12px;font-weight: bold;text-align: center;}
	
/* Tabbed Table Construction Header*/

#panes table.tblBroadband th{
    background-color: #999999;color: #fff; padding: 8px 5px;border-bottom: 2px #fff solid;font-size: 12px;font-weight: bold;text-align: center;}

#panes table.tblBroadband th.headRight{
    background: #999999 url(../../img/tblHeadGreyRightCorner.gif) no-repeat top right;
    color: #fff;padding: 8px 5px;border-bottom: 2px #fff solid;font-size: 12px;font-weight: bold;text-align: center;}

#panes table.tblBroadband th.headLeft{
	background: #999999 url(../../img/tblHeadGreyLeftCorner.gif) no-repeat top left;
    color: #fff;padding: 8px 5px;border-bottom: 2px #fff solid;font-size: 12px;font-weight: bold;text-align: center;}
	
/* NEW RIGHT COL MOBILE BROADBAND LINKS */	

ul#buyBtn { margin:0 0 12px 0px!important;}
#buyBtn li { margin-bottom:6px; list-style-type:none!important; text-align:center; width:190px}
#buyBtn li a { background:url(http://www.o2.co.uk/assets2/home_broadband/buttons/btn_buyBg_190.jpg) no-repeat 0 0; line-height:29px; color:#FFF; text-decoration:none; height:29px; display:block;}
#buyBtn li a:hover { color:#FFF!important; text-decoration:none;}

ul#ticks { margin:0 0 0px 12px!important; color:#515559; font-size:14px;}
#ticks li { margin-bottom:12px; background:url(http://www.o2.co.uk/assets2/home_broadband/redesign/25_16x17.gif) no-repeat 0 0; padding-left:26px; }

#supportBtn   { margin:0 0 16px 0px!important;}
#supportBtn li { list-style-type:none!important; margin-bottom:6px;}
#supportBtn li.lnk1 a { background:url(http://www.o2.co.uk/assets2/home_broadband/buttons/btn_greySelectGrid.gif) 0 0 no-repeat; width:190px; height:55px; display:block; }
#supportBtn li.lnk2 a { background:url(http://www.o2.co.uk/assets2/home_broadband/buttons/btn_greySelectGrid.gif) 0 -55px no-repeat; width:190px; height:55px; display:block; }
#supportBtn li.lnk3 a { background:url(http://www.o2.co.uk/assets2/home_broadband/buttons/btn_greySelectGrid.gif) 0 -110px no-repeat; width:190px; height:55px; display:block; }

#supportBtn li.lnk4 a { background:url(http://www.o2.co.uk/assets2/home_broadband/buttons/btn_greySelectGrid.gif) 0 -165px no-repeat; width:190px; height:55px; display:block; }
#supportBtn li.lnk5 a { background:url(http://www.o2.co.uk/assets2/home_broadband/buttons/btn_greySelectGrid.gif) 0 -220px no-repeat; width:190px; height:55px; display:block; }

#supportBtn li.lnk1 a:hover { background:url(http://www.o2.co.uk/assets2/home_broadband/buttons/btn_greySelectGrid.gif) -190px 0 no-repeat;}
#supportBtn li.lnk2 a:hover { background:url(http://www.o2.co.uk/assets2/home_broadband/buttons/btn_greySelectGrid.gif) -190px -55px no-repeat;}
#supportBtn li.lnk3 a:hover { background:url(http://www.o2.co.uk/assets2/home_broadband/buttons/btn_greySelectGrid.gif) -190px -110px no-repeat;}
#supportBtn li.lnk4 a:hover { background:url(http://www.o2.co.uk/assets2/home_broadband/buttons/btn_greySelectGrid.gif) -190px -165px no-repeat;}
#supportBtn li.lnk5 a:hover { background:url(http://www.o2.co.uk/assets2/home_broadband/buttons/btn_greySelectGrid.gif) -190px -220px no-repeat;}

.dottedDivider { height:10px; border-top:1px dotted #CCCCCC; margin-left:10px;}