#navCol {float: left; width: 224px !important; overflow: hidden !important;}

#bbpContentCol {height: 100%; margin-left: 225px; margin-top: 1px; background-color: #CADDEE; font-family: Arial, Verdana, Sans-Serif  !important; font-size: 12px !important; color: #0171b3;}

* html #navCol {float: left; width: 204px !important; overflow: hidden !important;}

* html #bbpContentCol {height: 100%; margin-left: 205px; margin-top: 1px; background-color: #CADDEE; font-family: Arial, Verdana, Sans-Serif; font-size: 12px; color: #0171b3;}

#bbpContentColMob {height: 100%; width: 738px !important;margin-top: 6px !important;font-family: Arial, Verdana, Sans-Serif; font-size: 12px; color: #0171b3;text-align:left !important;}

.bbpBgWhite {background-color: #FFF !important;}

a.lnkToggle { font-weight:bold; margin: 0 0 12px 0; cursor:pointer;}

#bbpContentCol a {color: #0171b3; text-decoration: underline;}

h3 { font-size:18px!important; font-weight:normal!important; color:#0171B3; margin:12px 0!important;}

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;}

.bbpTR ul.faqs { margin:20px 0 20px -20px!important;}
.bbpTR ul.faqs li.question { list-style-type:none!important;font-weight:bold; margin-bottom:4px; background:url(../../img/faqQuestion.gif) no-repeat 0 2px!important; padding-left:16px;  }
.bbpTR ul.faqs li.answer {  list-style-type:none!important; margin-bottom:15px; background:url(../../img/faqAnswer.gif) no-repeat 0 2px!important; padding-left:16px; }

* html #bbpContentCol {margin-left: 0px; overflow: hidden; width: 738px;}

* html #bbpContentColMob {margin-left: 0px; overflow: hidden; width: 738px;}

.bbpImgContainer {overflow:hidden; height: 136px;}

#bbpTopStrap {background-color: #FFF;height: 68px;}

#bbpTopStrap div.bbpStrapTextNewLong2{float:left; width: 705px; height: 45px; padding: 17px 0 0px 17px;background-color: #FFF;}

#bbpTopStrap div.bbpStrapTextNewLong{float:left; width: 705px; height: 45px; padding: 17px 0 0px 20px;background-color: #FFF;}

#bbpTopStrap div.bbpStrapTextNew{float:left; width: 516px; height: 45px; padding: 17px 0 0px 20px;background-color: #FFF;}

#bbpTopStrap div.bbpStrapText{float:left; width: 516px; height: 38px; padding: 17px 0 11px 21px; background-color: #FFF;}

#bbpTopStrap div.bbpStrapText3{float:left; width: 516px; height: 38px; padding: 17px 0 11px 17px; background-color: #FFF;}

#bbpTopStrap div.bbpStrapText2{float:left; width: 516px; height: 38px; padding: 22px 0 5px 21px; background-color: #FFF;}

#bbpTopStrap div.bbpStrapTextfull{padding: 14px 0 14px 21px; background-color: #FFF;}

#bbpTopStrap div.bbpHomeStrap{padding: 1px 0px 1px 20px; background-color: #FFF;}

#bbpLblue {background-color: #CADDEE;}

#bbpLwhite {background-color: #FFF;}

#bbpRightCol {float: right; width: 188px; background-color: #CADDEE;text-decoration:none !important;}

#bbpRightColMob {float: right;background-color: #FFF;}

.bbpRightColBox {background-color: #359ACD; padding: 10px 2px 8px 12px; color: #FFF; margin-bottom: 1px; line-height: 15px;}

.bbpRightColBox a {color: #FFF !important;}

#bbpContentArea {float: left; width: 550px !important; /*_width: 546px*/; background-color: #FFF; padding-bottom: 10px;}

#bbpContentAreaMob {float: left; width: 738px !important;background-color: #FFF; padding-bottom: 10px;margin-top:6px;}

.bbp3panel {float: left; width: 170px;}

.bbp2mainpanel {float: left; width: 350px;}

.bbp3panelTop {height: 60px; padding: 8px 0 0 13px; color: #FFF;}

.bbp3panelTopMob {height: 98px; padding: 8px 0 0 13px; color: #FFF;}

.bbp3panelCenter {padding: 4px 5px 0 9px; border-left: solid 1px #bfb7b4; border-right: solid 1px #bfb7b4;}

div.bbpWBoxBleft {display: block; height: 10px; background: url('../../img/BOX_White.gif') bottom left no-repeat;padding-left:2px;}

div.bbpWBoxBright {display: block; background: url('../../img/BOX_White.gif') bottom right no-repeat; height: 10px; margin-left: 10px; margin-top: 0;}

.bbpLeftPad {padding-left: 12px;}

.bbpLeftPad2 {padding-left: 8px;}

.bbpLeftPad3 {padding-left: 11px;}

.bbpFreePad {padding: 8px 20px 0 23px;}

.MobileTerms {clear:both;margin:15px !important;padding:0 !important;text-align:justified;width:708px !important;}



.MobileTerms a {text-decoration: bold !important;text-align:justified;}

.MobileTerms a:hover {text-decoration: underline !important;}

.bbpHomePanel {width: 350px; float: left;}

.bbpHomePanelTop {height: 78px; padding: 28px 0 0 16px; color: #FFF;}

.bbpHomePanelTop a {color: #FFF !important; text-decoration: none !important;}

.bbpHomePanelCenter {padding: 14px 13px 5px 16px; border-left: solid 1px #bfb7b4; border-right: solid 1px #bfb7b4; height: 165px; overflow: hidden;}

.bbpHomePanel div.terms{padding: 8px 2px;}



.bbpHomePanel2 {width: 230px; float: left;}

.bbpHomePanelTop2 {height: 77px; padding: 20px 0 0 16px; color: #FFF;}

.bbpHomePanelTop2 h2{font-weight:bolder}

.bbpHomePanelTop2 a {color: #FFF !important; text-decoration: none !important;}

.bbpHomePanelCenter2 {padding: 14px 0px 5px 16px; border-left: solid 1px #bfb7b4; border-right: solid 1px #bfb7b4;}

.bbpHomePanel2 div.terms{padding: 8px 2px;}



table#bbpPackages {margin-left: 12px;}

table#bbpPackages td {font-size: 11px; padding: 12px 0;}

table#bbpPackages td.leftcol {padding-right: 8px; border-left: solid 1px #bfb7b4;}

* html .bbph1Spacing {padding:10px 0px 0px 17px; float:left; width: 516px; height: 38px; background-color: #FFF;}

.bbpButtonSpacer{padding-bottom:58px;}

* html .bbpButtonSpacer{padding-top:43px;}

*:first-child+html .bbpButtonSpacer{padding-top:43px;}

.bbph1Spacing {padding:0px 0px 20px 17px; float:left; width: 516px; height: 38px; background-color: #FFF;}

.bbpTableTitle{width:150px;}

.bbpTablePanelCenter{padding-top: 5px; border-left: solid 1px #bfb7b4; border-right: solid 1px #bfb7b4;}

.bbpTableCell{padding: 5px 4px;}

.bbpFontTerms {font-size: 10px;}

.bbpFontTerms1 {font-size: 10px;}

.bbpFontTerms a {text-decoration: bold !important;}

.bbpFontTerms a:hover {text-decoration: underline !important;}

.bbpFont1 {font-size: 11px; line-height: 9px;}

.bbpFont1Mob {font-size: 11px; line-height: 9px;color:#0171b3;}

.bbpFont1Mob a:hover{text-decoration:underline !important;color:#0171b3;}

.bbpFont1Mob a{text-decoration: bold !important;color:#0171b3;}

.bbpFont13 {font-size: 10px;}

.bbpFont2 {font-size: 13px !important;text-decoration:none !important;}

.bbpFont22 h1{font-size:23px; margin:0px;!important;text-decoration:none !important;}

.bbpFont2 a:hover{text-decoration:underline !important;}

.bbpFont3 {font-size: 15px;}

.bbpFont4 {font-size: 18px;}

.bbpFont4 h2 {font-size: 18px;}

.bbpFont5 {font-size: 22px; letter-spacing: 1px;}

.bbpFont5a {font-size: 21px; letter-spacing: 1px;}

.bbpFont6 {font-size: 24px; letter-spacing: -1px;}

.bbpFont6a {font-size: 23px; letter-spacing: -1px;}

.bbpFont7 {font-size: 14px;}

.bbpFont8 {font-size: 12px;color:#0171b3;}

.bbpFont8 a{text-decoration:underline;}

.bbpFont9 {font-size: 17px;}

.bbpFont10 {font-size: 9px !important; line-height: 9px;}

.bbpFont11 {font-size: 24px;}

.bbpFont12 {font-size: 20px;}

.bbpSpac1a {height: 1px; font-size: 1px; width: 100%;}

.bbpSpac1 {height: 2px; font-size: 2px; width: 100%;}

.bbpSpac2 {height: 4px; font-size: 4px; width: 100%;}

.bbpSpac3 {height: 6px; font-size: 6px; width: 100%;}

.bbpSpac4 {height: 10px; font-size: 10px; width: 100%;}

.bbpSpac5 {height: 14px; font-size: 10px; width: 100%;}

.bbpSpac6 {height: 24px; font-size: 10px; width: 100%;}

.bbpSpac6a {height: 20px; font-size: 10px; width: 100%;}

.bbpSpac7 {height: 13px; font-size: 10px; width: 100%;}

.bbpSpac8 {height: 30px; font-size: 10px; width: 100%;}

.bbpSpac9 {height: 12px; font-size: 10px; width: 100%;}

.bbpTextPos1 {position: relative; top: -4px;}

.bbpTextPos2 {position: relative; top: -1px;}

.datesup{font-size: 8px;font-weight:bold;}



.bbpWhite {color: #FFF}

.clear {line-height: 0px; height: 0px; overflow: hidden; visibility: hidden; font-size: 0px;} 

.bbpClearR {clear: right;}



.bbpredbuttonarea {float:right; width: 183px; padding: 17px 5px 8px 0;}

.bbpredbuttonarea2{float:right; width: 183px; padding: 58px 5px 8px 0;}

* html .bbpredbuttonarea2{float:right; width: 183px; padding: 43px 5px 8px 0;}

.bbpmobbuttarea {float:right; width: 183px; padding: 16px 5px 8px 0;background-color:#FFF;}

.bbpredbutton {width: 183px; height: 41px; background: url('../../img/BUTTON_GetO2BB.jpg') no-repeat;}

.bbpredbutton a {text-decoration: none !important; color: #FFF !important;}

.bbpredbuttonL {float: left; width: 140px; padding: 8px 0 0 11px;}

* html .bbpredbuttonL {padding-top: 7px !important;}

.bbpredbuttonR {float: left; width: 20px; padding-top: 8px;}



.bbpBullet {background: url('../../img/BULLET.gif') no-repeat top left; padding-left: 35px; margin-top: 15px;}



.bbpBox div.bbpTL {display: block;background: url('../../img/BOX_White.gif') top left no-repeat white;padding: 10px 0 0 10px;}

* html .bbpBox div.bbpTL {height: 10px;}

.bbpBoxClear div.bbpTL {display: block; padding: 0 0 0 10px;}

* html .bbpBoxClear div.bbpTL {height: 10px;}

.bbpBox div.bbpTR {display: block;background: url('../../img/BOX_White.gif') top right no-repeat white;margin: -10px 0 0 0px;}

.bbpBox div.bbpBL {display: block;height: 10px;/*margin-top: -10px;*/background: url('../../img/BOX_White.gif') bottom left no-repeat white;}

.bbpBox div.bbpBR {display: block;background: url('../../img/BOX_White.gif') bottom right no-repeat white;height: 10px;margin-left: 10px;margin-top:-0;}

.bbpPadding1 {padding: 9px 10px 0 2px;}

.bbpPadding2 {padding: 18px 15px 16px 9px;}

.bbpPadding3 {padding: 10px 10px 10px 4px;}



.bbpBlueBox div.bbpTL,.bbpBlueBox div.bbpTR, .bbpBlueBox div.bbpBL, .bbpBlueBox div.bbpBR {background-image: url('../../img/BOX_Blue.gif') !important;}

.bbpPanelFullWidth {width: 523px;}

.bbpPanelTerms {width: 712px;}

.bbp2panel {float: left; width: 348px;}



.bbpTR>div.bbpffFloat {float:left;}



.nounderline a {text-decoration: none !important;}

.underline a{text-decoration:underline !important;}

.bbpRegFrmCont {width:418px;}

.bbpRegFrmItem {margin-bottom: 4px; width: 100%;}

.bbpRegFrmLbl {float: left; padding: 4px;}

.bbpRegFrmLblDub {float: left; padding: 4px; line-height: 12px;}

.bbpRegFrmInput {float: right; padding: 4px;}

.bbpRegFrmTextBox {width: 152px;}

.bbpRegFrmSelect {width: 158px;}

.bbpRegFrmSubmit {width: 426px;}

.bbpRegFrmInSubmit {float: right; padding: 10px 4px 4px 4px;}

.bbpRight {text-align: right;}

.bbpPanelButton {height: 165px; overflow: hidden;}

.bbpPanelR {width: 155px; margin-left: 15px; float: right;}

.bbpPanelL {width: 145px;}



.bbpTblRcell {border-right: solid 1px #bfb7b4; background-color: #f5f5f5;}

.bbpTbl1cell {border-left: solid 1px #bfb7b4; border-right: solid 1px #bfb7b4;}

.bbpTblPad {padding: 10px 0 5px 0;}

.bbpTblBg {background-color: #f5f5f5;}

.bbpTblBL {background: url('../../img/BOX_White.gif') bottom left no-repeat white; border: none; padding-right: 8px;}

.bbpTblB {border-bottom: solid 1px #bfb7b4;}





/*IE Only */

* html .bbpHomePanelCenter2 {padding: 14px 0px 5px 20px; border-left: solid 1px #bfb7b4; border-right: solid 1px #bfb7b4;}

* html div.bbpWBoxBright {display: block; background: url('../../img/BOX_White.gif') bottom right no-repeat; height: 12px; margin-left: 10px; margin-top: 0;}

* html .bbpSpac9 {height: 8px;}

* html .bbpHomePanelCenter2 {width:208px;height:200px;}







#content{width:945px !important;}

* html #content{width:964px !important;background : #fff url(../../img/lhnbgrIE6.gif) 4px 0px repeat-y !important;}

#navCol {margin:0 !important;float:left;width: 218px !important;}

* html #navCol {margin:0px 0 0 2px !important;float:left;width: 218px !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;}/*  */







/*------------- Testimonial Broadband -------------*/

.testOuterGrid{width:177px; padding-left:7px; padding-top:4px;}

.testHeadModPiece{width:176px; height:32px; background:url(../../img/titleOption.gif) no-repeat;}

.testMidPiece{width:176px; background:url(../../img/bgwash.gif);}

.testBodyText{font-size:12px; font-family:arial; color:#383a3c; margin:0px 9px 0px 15px; padding-top:2px;}

.testBodyTextLower{font-size:12px; font-family:arial; color:#52c6ed; font-weight:bold; margin:0px 0px 0px 12px; padding-top:7px;}

.testFooterPiece{width:176px; height:7px; background:url(../../img/bgbot.gif) no-repeat;}

/*------------- Testimonial Broadband -------------*/



/* 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}
