﻿/* All three CSS files above will be loaded from
   this single document. */
@import url('../css/mobile_shop.css');
@import url('../css/jquery-ui-1.8.20.custom.css');

   
/*------------ Global Reset Styles----------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body {
	background: url("../images/o2_mainBgRepeat.png") top left repeat-x;
	margin:0 !important;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong {
	font-weight:bold;
	/*color: #000000;*/
}



a:hover {text-decoration:underline !important;}
input[type="radio"], td.specialRadio input {
	width:30px;
	border:0 !important;
}
input.genRadio, input.genCheckbox {
	width:30px;
	border:0 !important;
}
.browserIE9 input.genRadio, input.genCheckbox {
	width: 17px;
}
.landline_sectiondiv input[type="radio"], .broadband_sectiondiv input[type="radio"] {
	float:left;
}
.fruitiger {
	font-family: 'Frutiger45LightRegular', verdana, sans-serif;;
}
@font-face {
    font-family: 'Frutiger45LightRegular';
    src: url('../fonts/frutiger-light-webfont.eot');
    src: url('../fonts/frutiger-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/frutiger-light-webfont.woff') format('woff'),
         url('../fonts/frutiger-light-webfont.ttf') format('truetype'),
         url('../fonts/frutiger-light-webfont.svg#Frutiger45LightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* New header styling in co-ordance with business shop update 25-05-2012 */

/******** Header **********/
.o2header { height: 123px; padding: 0 22px 17px; clear: both; color: #fff; }
.o2header #quickLinks {height:32px; width:100%; }
.o2header #quickLinks ul {float:right; margin:0; padding-right:47px; }
.o2header #quickLinks ul li {height:1em; display:block; padding:7px 0 0 5px; float:right; color:#efefef;}
.o2header #quickLinks ul li a, .o2header #quickLinks ul li a:hover {color:#efefef !important; font-size:0.846em;}
.o2header #logo { float: left; width: 100px; }
.o2header #logo img { height: 95px; width: 97px; }
.o2header .row { display: block; height: 60px; overflow: hidden; padding-left: 95px; }
.o2header .row1 { height: 30px; padding-bottom: 10px; }
.o2header .row2 { height: 68px; }
.o2header .welcome { color: #9299A1; float: left; margin-left: 5px; } 
.o2header .welcome .username { display: inline; display: none; }
.o2header .welcome .signin { color: #fff; }
.o2header .welcome a, .o2header .welcome a:link, .o2header .welcome a:visited { color: #8CF; text-decoration: none; }
.o2header .welcome a:hover { text-decoration: underline; }
.o2header .search { float: right; }
#compact_search_form fieldset {padding:0;}
#compact_search_form label { display: none; }
#compact_search_form input:focus { outline: none; }
#compact_search_form input[type="text"] { color: #000; border: none; background-color: #fff; width: 180px; height: 28px; padding: 0px 10px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; }
.js #compact_search_form input[type="text"] { color: #ccc; }
#compact_search_form input[type="text"].active { color: #000; }
#compact_search_form input[type="submit"] { background: transparent url(../images/searchbg_new.gif) 0 -28px no-repeat; height: 28px; width: 28px; border: none; text-indent: -999px; cursor: default; margin: 0 0 0 10px; float: none; vertical-align: top; }
.js #compact_search_form input[type="submit"] { background-position: left 0; }
#compact_search_form input[type="submit"].active { background-position: left -28px; cursor: pointer; }

/* top menu styling */
.o2header .mainnav { padding: 0px 0 0 0; /*95px;*/ float: left; width: 640px; margin: 6px 0 0 0; }
.o2header .mainnav li { list-style: none inside none; float: left; margin-right: 20px; height: 62px; padding-right: 5px; background: transparent url(../images/mainnav_tabbg_r.png) right top no-repeat; background-position: right 62px; }
.o2header .mainnav li.nav_myo2 { float: right; margin-right: 40px; }
.o2header .mainnav li div { height: 22px; padding: 20px 0 20px 5px; background: transparent url(../images/mainnav_tabbg_l.png) left top no-repeat; background-position: left 62px; }
.o2header .mainnav li, .o2header .mainnav li div { transition: background-position 0.2s; -webkit-transition: background-position 0.2s; -moz-transition: background-position 0.2s; -o-transition: background-position 0.2s; line-height: 1em; }
.o2header .mainnav li:hover { background-position: right 0px; }
.o2header .mainnav li:hover div { background-position: left 0px; }
.o2header .mainnav li.active { background-position: right -62px; }
.o2header .mainnav li.active div { background-position: left -62px; }
.o2header .mainnav a.nav_label { font-family: sans-serif; font-size: 19pt; font-weight: 400; float: left; color: #88ccff; text-decoration: none; text-indent: -99999px; background-position: left top; background-repeat: no-repeat; background-color: transparent; height: 26px; }
.o2header .mainnav a.nav_explore { background-image: url(../images/mainnav_explore.png); width: 83px; }
.o2header .mainnav a.nav_shop { background-image: url(../images/mainnav_shop.png); width: 58px; }
.o2header .mainnav a.nav_support { background-image: url(../images/mainnav_support.png); width: 87px; }
.o2header .mainnav a.nav_myo2 { background-image: url(../images/mainnav_myo2.png); width: 68px; }
.o2header .mainnav a.nav_business { background-image: url(../images/mainnav_business.png); width: 100px; }
.o2header .mainnav a.nav_enterprise { background-image: url(../images/mainnav_enterprise.png); width: 114px; }

.o2header .mainnav a sub { font-size: 0.5em; line-height: 1em; vertical-align: baseline; }
.o2header .mainnav a.expand { height: 15px; width: 15px; background: transparent url(../images/mnu_arrow.png) 0 0 no-repeat; margin: 2px 0 0 10px; float: left; }
.o2header .mainnav a.expand:hover { background-position: 0 -15px; }
.o2header .mainnav li.active a.expand { background-position: 0 -30px; }
.o2header .mainnav a.nav_label:hover { color: #fff; background-position: 0 -26px; }

.o2header .mainnav li.active a.nav_label { color: #032b5a; background-position: 0 -52px; }
.o2header .mainnav li.active a.nav_label:hover { color: #166EAE; background-position: 0 -78px; }
.o2header .mainnav a.expand { display: none; }
.js .o2header .mainnav a.expand { display: block; }
.o2header .switchtype { float: left; width: 90px; padding-top: 25px; }
.o2header .switchtype a.btn { color: #fff; height: 22px; display: block; float: right; background: transparent url(../images/hdr_button_r.png) right top no-repeat; padding: 0 5px 0 0; white-space: nowrap; }
.o2header .switchtype a.btn span { background: transparent url(../images/hdr_button_l.png) 0 0 no-repeat; padding: 0 0 0 5px; line-height: 22px; display: block; }
.o2header .switchtype a.btn:hover { text-decoration: none; }
/******** End Header **********/  

/******** Level 2 Navigation **********/
.navdrawer { clear: both; height: auto; overflow: hidden; background-color: #fff; display: none; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0px 0px 12px 0px; }
.navdrawer .menu { display: none; height: auto; overflow: hidden; margin: 12px; padding: 12px; background-color: #EAF3FB; border: 1px solid #C8E3FD; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.navdrawer .menu .col1 { width: 690px; float: left; }
.navdrawer .menu .col2 { width: 230px; float: left; }
.navdrawer ul { clear: both; margin: 0 0 20px 0; padding: 0; height: auto; overflow: hidden; }
.navdrawer li { display: block; float: left; width: 210px; margin: 0; padding: 0 20px 0 0; }
.navdrawer ul a { font-size: 1.154em; line-height: 1.308em; }
.navdrawer ul ul { margin: 0; }
.navdrawer ul ul li { margin: 0; }
.navdrawer ul ul a { font-size: 0.923em; color: #515559; }
.navdrawer ul ul a:hover { color: #0086C3; }
.navdrawer p { font-size: 0.923em; color: #515559; margin: 0; } 
.navdrawer .menu .col2 li { line-height: 1.308em; }
/******** End Level 2 Navigation **********/

/******** New Global Nav *********/
.GNmenu { margin: 0; padding: 0; width: 580px; margin: 14px 0 0 100px; height: auto; }
  /* Tabs */
.GNmenu li { list-style-type: none; float: left; margin-right: 20px; padding-right: 5px; position: relative; background: transparent url('../images/gnav_tab_bkg_r.png') no-repeat scroll right top; }
.GNmenu li .GNtab { background: transparent url('../images/gnav_tab_bkg_l.png') no-repeat scroll left top; height: 54px; }
.GNmenu li, .GNmenu li .GNtab { border-radius: 5px 5px 0 0; transition: background-position 0.4s; -webkit-transition: background-position 0.4s; -moz-transition: background-position 0.4s; -o-transition: background-position 0.4s; line-height: 1em; }
.GNmenu li:hover { background-position: right -54px; }
.GNmenu li:hover .GNtab { background-position: left -54px; }
.GNmenu li#GNtab1 { width: 103px; }
.GNmenu li#GNtab2 { width: 78px; }
.GNmenu li#GNtab3 { width: 107px; margin-right: 143px; }
.GNmenu li#GNtab4 { width: 88px; margin-right: 0; }
/* Tab links */
.GNmenu li a:link, .GNmenu li a:visited { display: block; text-decoration: none; padding: 10px; margin: 0; height: 34px; }
.GNmenu li a:hover { text-decoration: underline; }
.GNmenu li a.tabLink { background-color: transparent; background-position: 12px top; background-repeat: no-repeat; color: #88CCFF; font-family: Sans-Serif; font-size: 19pt; font-weight: 400; text-decoration: none; text-indent: -99999px; }
.GNmenu li a.tabLink:hover, .GNmenu li a.tabLink.active { background-position: 12px -54px; }
.GNmenu li a.tab_explore { background-image: url('../images/gnav_explore.png'); width: 83px; }
.GNmenu li a.tab_shop { background-image: url('../images/gnav_shop.png'); width: 58px; }
.GNmenu li a.tab_support { background-image: url('../images/gnav_support.png'); width: 87px; }
.GNmenu li a.tab_myo2 { background-image: url('../images/gnav_myo2.png'); width: 68px; }
  /* SubNav drop down areas */
.GNmenu li #GNSub1 { left: -222px; }
.GNmenu li #GNSub2 { left: -350px; }
.GNmenu li #GNSub3 { left: -453px; }
.GNmenu li #GNSub4 { left: -708px; }
.GNmenu li ul { margin: 0 0 20px; padding: 0; float: left; height: auto; overflow: hidden; }
.GNmenu li ul li { float: none; margin: 0; padding: 0; background-image: none; }
.GNmenu li .GNsubLinks { background-color: #FFFFFF; background-image: none; border-radius: 10px 10px 10px 10px; height: auto; width: 972px; margin: 0 0 12px; overflow: hidden; display: none; position: relative; }
.GNmenu li .GNsubLinks .menu { background-color: #EAF3FB; background-image: none; border: 1px solid #C8E3FD; border-radius: 5px 5px 5px 5px; margin: 12px; padding: 12px; height: auto; overflow: hidden; }
.GNmenu li .GNsubLinks .menu .col1 { background: none; float: left; width: 690px; }
.GNmenu li .GNsubLinks .menu .col2 { background: none; float: left; width: 230px; }
  /* SubNav links */
.GNmenu li .GNsubLinks ul li { display: block; float: left; margin: 0; padding: 0 20px 0 0; width: 210px; }
.GNmenu li .GNsubLinks ul li a:link, .GNmenu li .GNsubLinks ul li a:visited { background-image: none; padding: 0; height: auto; }
.GNmenu li .GNsubLinks ul li a { font-size: 1.154em; line-height: 1.308em; }
.GNmenu li .GNsubLinks ul li p { line-height: 1.25em; color: #515559; font-size: 0.923em; margin: 0; }
.GNmenu li .GNsubLinks ul li ul { float: none; margin: 0; }
.GNmenu li .GNsubLinks ul li ul a { color: #515559; font-size: 0.923em; }
/******** End New Global Nav *********/



/*------------ 948px grid system 12 Columns ~ Margin left: 12px ----------------*/

/* clearfix */
.clearfix:after, .row:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix, .row {
	display:inline-block;
} /*Those two .clearfix have to be separate!)*/
.clearfix, .row {
	display:block;
}
/* gridframework */
.newRow {
	position:relative;
	margin-left:-12px;
}
.oneCol .row {
	width: 80px;
}
.twoCol .row {
	width: 160px;
}
.threeCol .row {
	width: 240px;
}
.fourCol .row {
	width: 320px;
}
.fiveCol .row {
	width: 400px;
}
.sixCol .row {
	width: 480px;
}
.sevenCol .row {
	width: 560px;
}
.eightCol .row {
	width: 640px;
}
.nineCol .row {
	width: 720px;
}
.tenCol .row {
	width: 800px;
}
.elevenCol .row {
	width: 880px;
}
.twelveCol .row {
	width: 960px;
}
.newCol {
	padding-left:12px;
	float:left;
	position:relative;
}
.newColMargin {
	margin-left:12px;
	float:left;
	position:relative;
}
.oneCol {
	width: 68px;
}
.twoCol {
	width: 148px;
}
.threeCol {
	width: 228px;
}
.fourCol {
	width: 308px;
}
.fiveCol {
	width: 388px;
}
.sixCol {
	width: 468px;
}
.sevenCol {
	width: 548px;
}
.eightCol {
	width: 628px;
}
.nineCol {
	width: 708px;
}
.tenCol {
	width: 788px;
}
.elevenCol {
	width: 868px;
}
.twelveCol {
	width: 948px;
}
.left {
	float:left;
	position:relative;
}
.noRightMargin {
	margin-right:0 !important;
}
.bgWhite {
	background: #ffffff !important;
}
.noLeftMargin {
	margin: 0 0 50px 238px;
}
/*------------- New menu styling in co-ordance with new moble shop release 20/02/2012 -------------------*/

.bizShopNav {
	float:left;
	position:relative;
	width: 100%;
	z-index:1000; /*fixes zindex issue in ie7 drop downs sitting behind page content*/
	margin-bottom:15px;
}
.bizShopNav ul {    
    background: url("../images/subNavBg.png") no-repeat scroll left top transparent;
    height: 50px;
    list-style-type: none;
    margin: 0 0 10px 12px;
    padding: 0;
    width: 948px;
}

.bizShopNav ul.subNav li {
	background: url("../images/navDivLine.png") top right no-repeat;
    color: #0086C3;
    float: left;
    font-size: 13px;
    padding: 16px 0 0 0;
    position: relative;
	margin:0 !important;
	height:34px;
}
.bizShopNav ul.subNav li a {
    color: #005896;
    display: block;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    z-index: 100;
	height:34px;
}
.bizShopNav ul.subNav li:hover {
	color: #0086C3;
	background: url("../images/navHov.png") top left repeat-x;
}
.bizShopNav ul.subNav li.subNavLast {
	background:none;
}

.bizShopNav ul.subNav li.subNavLast:hover {
	background:none;
	border-radius: 0px 7px 7px 0px;
	background: url("../images/navHov.png") top left repeat-x !important;
}
/*Nav Link 1*/
.bizShopNav ul.subNav li.subLnkOne, .bizShopNav ul.subNav li.subLnkOne a {
	width:112px;
}
.bizShopNav ul.subNav li.subLnkOne:hover {
	border-radius: 7px 0px 0px 7px;
}
/*Nav Link 2*/
.bizShopNav ul.subNav li.subLnkTwo, .bizShopNav ul.subNav li.subLnkTwo a {
	width:107px;
}
/*Nav Link 3*/
.bizShopNav ul.subNav li.subLnkThree, .bizShopNav ul.subNav li.subLnkThree a {
	width:107px;
}
/*Nav Link 4*/
.bizShopNav ul.subNav li.subLnkFour, .bizShopNav ul.subNav li.subLnkFour a {
	width:123px !important;
}
/*Nav Link 5*/
.bizShopNav ul.subNav li.subLnkFive, .bizShopNav ul.subNav li.subLnkFive a {
	width:103px !important;
}
/*Nav Link 6*/
.bizShopNav ul.subNav li.subLnkSix, .bizShopNav ul.subNav li.subLnkSix a {
	width:135px;
}
/*Nav Link 7*/
.bizShopNav ul.subNav li.subLnkSeven, .bizShopNav ul.subNav li.subLnkSeven a {
	width:144px;
}
/*Nav Link 8*/
.bizShopNav ul.subNav li.subLnkEight, .bizShopNav ul.subNav li.subLnkEight a {
	width:114px;
}


.bizShopNav ul.subNav li ul.subNavSub {
	background: url("../images/hoverPullTop.png") top left repeat-x #FFF;
    border-top: 0;
	border-bottom: 1px solid #C8E3FD;
	border-left: 1px solid #C8E3FD;
	border-right: 1px solid #C8E3FD;
    border-radius: 0px 0px 7px 7px;
    display: none;
    height: auto;
    right: 0;
    margin: 0;
    padding: 19px 0 10px 0;
    position: absolute;
    top: 50px;
    width: 153px;
    z-index: 90;
}
/*Nav Link sub 6*/
.bizShopNav ul.subNav li.subLnkSix ul.subNavSub {
	width:183px !important;
}
/*Nav Link sub 7*/
.bizShopNav ul.subNav li.subLnkSeven ul.subNavSub {
	width:173px !important;
}
.bizShopNav ul.subNav li ul.subNavSub li {
    background: none repeat scroll 0 0 transparent;
    clear: both;
    float: left;
    padding: 0;
	height:25px;
   /* width: 153px;*/
}
.bizShopNav ul.subNav li ul.subNavSub li a {
	background:none !important;
    color: #3498d4;
    font-size: 12px !important;
    padding: 0 0 0 24px;
    text-align: left;
    width: 100%;
	height:15px;
}
.bizShopNav ul.subNav li ul.subNavSub li a:hover {
    color: #005896;
	}
.topMenuSeparator {
	width:110px;
}

/*------------- Existing CSS Styles for Salesforce Shop prior 02/09/2011 -------------------*/
.rowcontainer {
	display: none;
}
.button-blue-long, .button-blue-long:hover {
	display:inline-block;
	background: url(../images/o2businessbg-long.png) no-repeat;
	background-position:0px -22px;
	width:180px;
	height:22px;
	color:white;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	padding-top:3px;
}
.align-right {
	float:right;
}
.align-left {
	float:left;
}
.white {
	color:#fff;
}
.input-table th, #provide-type-panel th, #o2-customer th, .checkout-input-table th, .checkout-summary-table th {
	text-align:left;
	border:none;
	color: #787878;
	font-size: 0.9em;
}
.input-table td, #provide-type-panel td, #o2-customer td, .checkout-input-table td, .checkout-summary-table td {
	border:none;
	vertical-align:middle;
}
.checkout-summary-table td {
	padding-left:8px;
	font-weight:bold;
}
.apexmessages {
	padding:15px;
	color:red;
	background:#fffac1;
	border:1px solid #ffbd3d;
	list-style-type:none;
	font-size:11px;
	max-width:494px;
}
.errorcontainer {
	width:708px;
}
.errorcontainer ul {
	-khtml-border-radius: 10px;
	background-color: #FFF2F1;
    border: 1px solid #FEB4B3;
    border-radius: 10px 10px 10px 10px;
    color: #BF2D20;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    padding: 20px;
}
.noscriptMessage {
	float:left;
	margin-bottom: 10px;
	padding: 20px;
	background-color:#FFF2F1;
	color:#bf2d20;
	border:1px solid #feb4b3;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
}
.errorcontainer ul li, .noscriptMessage ul li {
	padding:5px 0 10px 30px;
	background: url(../images/errorBg.png) no-repeat left 4px;
	font-size:12px;
}
.noscriptMessage {
	float:none !important;
}
/* the following line ensures that all UI field error messages are not displayed */
.errorMsg {
	display:none;
}
#rightNavCollapse {
	float: left;
    margin: 118px 0 0 12px;
    position: relative;
}
.rgt-basket-products {
	padding-bottom:8px;
}
.rgt-basket .basket-link-nofloat {
	padding:14px 0px 10px 14px;
	color:#fff;
}
.basket-product {
	float: left;
    font-size: 14px;
    margin: 0;
	padding: 0;
	width: 702px;
}

.basket-ctrl {
	float:left;
	font-weight:bold;
	color:#004999;
}
.basket-ctrl .show {
	display:inline-block;
}
.basket-ctrl .hide {
	display:none;
}
.basket-product-detail {
	display:none;
	float:none;
	clear:both;
	padding-top:8px;
}
.miniBasketContain .basket-remove {
	width:50px;
}
.miniBasketContain .basket-product {
	margin: 10px 0 20px;
}
.basket-remove {
	display:block;
	float:right;
	padding-left:8px;
	font-size:12px;
	width:100px;
}
.basket-remove div {
    float: right;
    padding: 0 0 0 5px;
	color: #0086C3;
}
.ui-dialog-titlebar {
	display:none;
}
.basket-subtotal {
	font-size:0.75em;
	font-weight:bold;
	padding:0px 8px 0px 8px;
	text-align:right;
}
.basket-subtotal-title {
	font-size:0.75em;
	font-weight:bold;
	padding:0px 8px 0px 8px;
	border-bottom:2px solid #909090;
}
.basket-totals-title {
	background:#505050;
	color:#fff;
	font-weight:bold;
	padding:8px;
	font-size:14px;
}
.basket-totals {
	background:#e0e0e0;
}
a.viewBasket {
	color: #005896;
	font-size: 0.8em;
	position: absolute;
	right: 10px;
	text-decoration: none;
	top: 5px;
	display:none;
}
#basket-config-table {
	width:100% !important;
}
#basket-config-table th, #basket-subtotal-table th, #basket-total-table th {
	text-align:left;
	padding:0px 8px 0px 8px;
}
#basket-subtotal-table th {width:50px;}
#basket-config-table td, #basket-subtotal-table td, #basket-total-table td {
	text-align:left;
}
#basket-subtotal-table td {
	font-weight:bold;
	padding:0px 8px 0px 8px;
}
#basket-total-table td {
	font-weight:bold;
	padding:4px 8px 4px 8px;
}
.requiredField {
	color: #B30000;
	float: left;
	padding: 3px 7px 0 0;
}
.browserIE7 .landline_sectiondiv td {
	vertical-align: middle;
}
.browserIE7 .landline_sectiondiv#screenlayout__3 td {
	vertical-align:top;
}
.landline_sectiondiv .requiredField {
	padding: 3px 4px 0;
}
.landline_sectiondiv#screenlayout__3 .requiredField {
	padding: 8px 4px 0;
}
.genCheckbox {
	padding: 0;
}
p.formIntroTxt {
	font-size:11px;
}
p.formIntroTxt span {
	color:#b30000;
}
tr.sectionDirectDebit td {
	font-size: 11px;
	padding: 15px 0 0;
}
tr.sectionDirectDebit td input {
	float:left;
	margin: 3px 10px 10px 0;
	border:none!important;
	padding-left: 0!important;
	width:14px;
}
.browserIE tr.sectionDirectDebit td input {
	padding-top: 2px;
}
table.busTypeSelTab {
	margin:21px 0 0 0;
}
.spacer {
	width:30px;
	display:inline-block;
	float:right;
}
.vspacer {
	height:10px;
	display:block;
}
#tooltip {
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	font-size:10px;
	width:100px;
	overflow:auto;
}
.tooltip {
	display:inline-block;
	margin: 0 0 -3px 5px;
}
p#tooltip {
	padding: 10px;
	color:#4f5357;
	border: 1px solid #b5cfe7;
	margin:0 0 0 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	background: #e8f0f6;
	z-index: 100;
}

/* Minute Bolt On's  */


table#destMin {
	width: 100%;
	float:left;
	margin: 10px 0;
}
table#destMin table td#minTypes {
	float:left;
	width:100%;
}
table#destMin td#minTypes table td label, table#destMin td#minTypes table td input {
	float:left;
}
table#destMin td#minTypes table td {
	width: 400px;
}
td#minNumber {
	width: 112px;
	padding: 0 0 0 0;
}
td#minNumber table td {
	padding: 6px 0;
}
.boldPrice {font-weight:bold;}
/* This probably needs to be implemented across all browsers, I've targeted firefox now for development purposes 17-11-2011 */
.browserFirefox td#minNumber table td {
	padding: 0;
}
.browserIE9 td#minNumber table td {
	padding: 1px 0;
	vertical-align:middle;
}
.browserIE9 td#minNumber table td label {
	padding: 2px 0 0;
}
td#minNumber table label {
	margin: 0;
	font-size:12px;
}
td#minNumber input {
	margin: 0;
}
td#bolts1 table:first-child {
	height: 26px;
}
td#bolts1 {
	vertical-align: top;
	font-size: 12px;
	color:#b6b6b6;
}
td#ukLandline, td#o2Mobile, td#llandMob, d#minNumber {
	height:10px;
}

td#ukLandline, td#o2Mobile, td#llandMob {
	padding: 6px 0;
	width:30%;
	font-size: 12px;
}
td#ukLandline span, td#o2Mobile span, td#llandMob span {
	padding: 1px 0 0 0;
}
.bundles .bundle-tariff-white {
	background: url(../images/bundle-tariff-bg-white.png) no-repeat;
	padding: 10px 15px 0 20px;
	width: 460px;
	overflow: hidden;
}
.bundles .bundle-tarrif-white-bot {
	width: 494px;
	height: 5px;
	overflow: hidden;
	background: url(../images/bundle-tariff-bg-white-bot.png) no-repeat;
}
.bundles .bundle-tariff-2col-white {
	background: url(../images/bundle-tariff-bg-white-2col.png) no-repeat;
	padding: 10px 15px 0 20px;
	width: 280px;
}
.bundles .bundle-tarrif-2col-white-bot {
	width: 280px;
	height: 5px;
	background: url(../images/bundle-tariff-bg-white-2col-bot.png) no-repeat;
}
.controlhidden {
	display:hidden;
}
/*.bundle-2col {height:163px !important; margin-right:8px; float:left;}*/
.clear {
	clear:both;
	float:none;
}
.static-text {
	font-size:12px;
	font-weight:normal;
	color:#505050;
}
.checkout-section {
	float:none;
}
.checkout-section-heading {
	font-size:16px;
	font-weight:bold;
	color:#505050;
	width:100%;
	border-bottom:2px solid #505050;
}
.checkout-section-content {
	padding:20px 0px 20px 40px;
}
.checkout-content-link {
	float:right;
	font-size:14px;
	font-weight:normal;
}
.checkout-content-link-body {
	color: #0086C3;
	padding-right: 3px;
	text-decoration: none;
}
#online-util-toolbar {
	float:right;
}
/*------------- Added styles from reskin.css - Major site elements -------------------*/

.top-banner {
	overflow: hidden;
	background:transparent url(../images/topcorners.gif) no-repeat scroll left bottom;
	font-family:verdana, sans-serif;
	font-size:70%;
	height:148px;
	width:100%;
	margin: 0 0 0 0;
}
.top-banner h1 {
	margin: 0;
	padding: 0;
}
.top-banner #top_row {
	margin-left: 261px;
	height: 43px;
	padding-right: 0px;
	padding-top: 31px;
	font-size: 1.05em;
}
.top-banner #bottom_row {
	margin-left: 252px;
	height: 65px;
}
.top-banner #logo {
	width: 100px;
	height: 140px;
	float: left;
	padding-left: 20px;
	background: none;
}
.top-banner #logo a {
	display:block;
	width:100%;
	height:100%;
	background: url(../images/o2logo.gif) center 32px no-repeat;
}
.top-banner #logo a span {
	display: none;
}
.top-banner #welcome {
	float: left;
	color: white;
}
.top-banner #welcome span {
	display:block;
	color: #9299a1;
}
.top-banner a {
	color: #0086c3;
	text-decoration: none;
}
.top-banner a:hover {
	color: #0086c3 !important;
	text-decoration: underline;
}
.top-banner #searchsite {
	float: right;
	width:350px;
	margin-right: 11px;
}
.top-banner fieldset {
	height: 31px;
	overflow:hidden;
	float:right;
	border: 0;
	position: relative;
	top: -3px;
}
.js .top-banner #searchsite fieldset {
	width:225px !important;
}
.top-banner .gsearch_form label {
	display:none;
}
.top-banner .gsearch_form input {
	width: 180px;
	padding: 5px 2px;
	margin:1px;
	float:left;
}
.top-banner .gsearch_form .search_input {
	border:none;
	margin-right: 12px;
	color: #ccc;
}
.top-banner .gsearch_form .search_btn {
	width: auto;
	height:26px;
	padding: 2px 4px;
	background: #419eda;
	border: none;
	color: white;
}
.top-banner .gsearch_form .submit_img {
	float: right;
	width:28px;
	height:28px;
	background: url(../images/searchbg.gif) top left no-repeat;
}
.top-banner .gsearch_form .submit_img span, .top-banner .gsearch_form .submit_img, .top-banner .js .gsearch_form .search_btn {
	display:none;
}
.top-banner .gsearch_form .search_btn, .top-banner .js .gsearch_form .submit_img {
	display:none;
}
.top-banner #main_nav {
	height: 100%;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}
.top-banner #main_nav li {
	float: left;
	height: 64px;
	margin-right: 19px;
	background-position: 0px 65px;
	background-repeat: no-repeat;
	overflow:hidden;
	list-style-type: none;
}
.top-banner #main_nav li:hover, #main_nav li.sfhover {
	background-position: 0px 0px;
}
.top-banner #main_nav li.pad_right {
	margin-right: 12px;
}
.top-banner #main_nav li.no_right_marg, .top-banner #main_nav li.last {
	margin-right: 0;
	font-size: 1.05em;
	height: 64px;
}
.top-banner #main_nav li.last {
	float: right;
	margin-right: 12px;
}
.top-banner #main_nav li.l1 {
	width: 182px;
	background-image: url(../images/200-tabs.png);
}
.top-banner #main_nav li.l2 {
	width: 144px;
	background-image: url(../images/corporate-tabs.png);
}
.top-banner #main_nav li.l3 {
	width: 122px;
	background-image: url(../images/support-tabs.png);
}
.top-banner #main_nav li.l4 {
	width: 104px;
	background-image: url(../images/myo2-tabs.png);
}
.top-banner #main_nav li:hover a {
	background-position: 0px -65px;
}
.top-banner #main_nav li a {
	display: block;
	float: left;
	height: 100%;
	line-height: 28px;
	padding: 0 3px;
	margin-left:4px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.top-banner #main_nav li a span {
	display:none;
}
.top-banner #main_nav li.l1 a {
	width: 149px;
	background-image: url(../images/200-sprite.png);
}
.top-banner #main_nav li.l2 a {
	width: 111px;
	background-image: url(../images/corporate-sprite.png);
}
#destinationOfMinutes td:first-child label {
	float: right;
	padding: 0 5px 0 0;
}
.top-banner #main_nav li.l3 a {
	width: 89px;
	background-image: url(../images/support-sprite.png);
}
.top-banner #main_nav li.l4 a {
	width: 71px;
	background-image: url(../images/myo2-sprite.png);
}
.top-banner #main_nav li.last a {
	color: #fff;
	width:94px;
	height:22px;
	line-height:22px;
	padding:0;
	margin-top:18px;
	text-align: center;
	background-image: url(../images/o2businessbg.png);
	background-position:0 0;
	background-repeat: no-repeat;
}
.top-banner #main_nav li.last a:hover {
	text-decoration:none;
	color: #fff !important;
}
.top-banner #main_nav li.last a span {
	display:block;
}
.navbgOn {
	background-position: 0 0 !important;
}
#foot_banner {
	height: 52px;
	font-size: 0.8em;
	margin: 9px 0 45px 0;
	background: url(../images/footer-bg.gif) no-repeat top left;
 *margin-top:15px;
	_margin-top:5px;
	float:left;
	width:100%;
}
#footer {
	float:left;
	padding: 0 0 20px 20px;
	margin:0;
	width: 933px;
}
#foot_banner ul {
	float:left;
	height: 52px;
	margin: 0 0 0 20px;
	padding: 0;
}
#foot_banner li {
	float:left;
	font-size: 1.1em;
	padding-right:10px;
	padding-left: 15px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	background: url(../images/footer-dots.gif) no-repeat scroll 0px 24px;
}
#foot_banner li.l1 {
	background: none;
	padding-left: 0;
}
#foot_banner .last a:after {
	content: "";
}
#foot_banner a {
	display:block;
	color: #9299a1;
	line-height: 52px;
	text-decoration: none;
}
#foot_banner a:hover {
	text-decoration: underline;
	color: #0086c3;
}
#foot_banner p {
	display:none;
}
#footer p {
	float: right; /*line-height: 28px; */
	font-size: 0.8em;
	padding-top: 4px;
}
#footer p a {
	padding-left:8px;
	color: #0086c3;
	text-decoration: none;
}
#footer p a:hover {
	color: #0086c3;
	text-decoration: underline;
}
#footer #brand_tag {
	display: block;
	float:left;
	width: 195px;
	height: 28px;
	line-height: 28px;
	background: url(../images/telefonica.gif) no-repeat top left;
}
#footer #brand_tag span {
	display:none;
}
input.inputbtn {
	width: 28px !important;
	height: 28px;
	padding: 0 0 5px 0 !important;
}
.o2-left-nav a.nolink:hover {
	color: #004999 !important;
	text-decoration: none !important;
}
/*------------- Added styles from global.css - Major site elements -------------------*/



/* Major elements and surrounding divs */

body, body.telesales {
	padding:0px;
	color:#000;
	font:100% Verdana, Geneva, sans-serif;
}
.container {
	position:relative;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.holder {
	display:block;
	color:#000;
}
img {
	border:none;
}
#outer {
	float:none;
	width:972px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
#keyline, #keylineCheckout {
	width:100%;
	float:left;
	background: url(../images/keylinebg.gif) repeat-x 0px 148px;
}
/*--------------------- Left hand navigation -------------------------------------------*/

/*Unordered List*/

ul.o2-left-nav li {
	color:#99ccff;
}
ul.o2-left-nav li.border {
	border-bottom:1px solid #99ccff;
	line-height:120%;
}
ul.o2-left-nav .on {
	color:#99ccff;
	font-size:80%;
	text-decoration:none;
	display:block;
	width:100%;
	padding:0.2em 0 0.25em 0.15em;
}
/*List Items*/

ul.o2-left-nav li.sub, ul.o2-left-nav li.sub_mid {
	border-top: 0;
	padding: 0 0 0 0px;
	margin: 0;
	position: relative;
	top: -6px;
	font-size: 85%;
}
ul.o2-left-nav li.sub_top, ul.o2-left-nav li.sub_mid {
	padding-left: 0;
}
ul.o2-left-nav li.sub_top {
	font-size: 85%;
}
ul.o2-left-nav li.level-2 {
	padding-left:1.25em;
	font-weight:normal;
	line-height:110%;
}
ul.o2-left-nav li {
	border-top: 1px #f2f2f2 solid;
	padding: 4px 0 6px 0;
}
/*Links*/

ul.o2-left-nav a {
	font-size:80%;
	text-decoration:none;
	display:block;
}
ul.o2-left-nav a.hm {
	font-weight:bold;
	color:#fff;
}
ul.o2-left-nav a.hm:hover {
	text-decoration:underline;
}
ul.o2-left-nav a {
	color:#999;
	padding:3px 0 3px 13px;
}
ul.nopad, ul.nopad a, ul.nopad li {
	padding-top:2px !important;
	padding-bottom:2px !important
}
ul.bottom-links a, ul.bottom-links a:hover {
	font-size:70%
}
ul.o2-left-nav li strong {
	color:#9cf;
	font-size:80%;
}
ul.home {
	border-top:1px solid #fff;
}
ul.o2-left-nav {
	width: 228px;
	padding:0;
	list-style-type:none;
	font-size:1.2em;
	font-family: Verdana, Geneva, sans-serif;
}
/* Changed for reskin */
ul.o2-left-nav li.sub_top a, ul.o2-left-nav li.sub_mid a {
	color: #0D488E;
}
ul.o2-left-nav li.sub_top a:hover, ul.o2-left-nav li.sub_mid a:hover {
	color:#666;
	text-decoration: underline;
}
/* Changed for reskin */
ul.o2-left-nav a.home {
	color: #0d488e;
}
ul.o2-left-nav a.sml {
	font-weight: normal;
	font-size: 70%;
	padding: 0;
	margin: 0;
	color: #004999;
}
ul.o2-left-nav li.sub a.sml {
	color: #9299a1;
}
ul.o2-left-nav a.home:hover, ul.o2-left-nav a.sml:hover {
	color: #333;
	text-decoration: underline;
}
ul.o2-left-nav a.minor {
	font-weight:normal;
	font-size:70%;
	padding:3px 0 3px 13px;
}
ul.o2-left-nav li.sp {
	font-size: 80%;
	padding:3px 0 3px 13px;
}
ul.o2-left-nav a:hover, ul.o2-left-nav a:active, ul.o2-left-nav a.on {
	color:#666;
}
/*Form blocks, rounded edges, keylines, bg and non-bg layouts */

.mask {
	background:#EEF5FB;
}
.maskAlt {
	background:#9cf;
}
h1 {
	/* background: url("../images/o2_shopNav_greyDotted.png") repeat-x scroll 0 bottom transparent; */
	color: #1C5FAC;
	font-size: 1.25em;
	font-weight: normal;
	margin: 0 0 16px;
	padding: 0 0 16px;
	float:left;
	width:100%;
}
h1.noPad {
	margin-bottom:0;
}
h2, legend {
	color:#363636;
	font-size:18px;
	margin:0 0 0.35em 0;
	font-weight:normal;
}
.grey {
	color:#666;
}
.grey3 {
	color:#333;
}
/*general table styles*/
ul.error {
	color:red;
	margin:0.4em 0 0.8em 0.9em;
}
table {
	border:0;
	color:#666;
	width:100%;
	float:left;
}
table.two, table.bolt-on {
	border-bottom:solid 3px #caddee;
}
table.bolt-on strong {
	color:#000;
	font-size:1em;
}
table.bolt-on span.ex-lrg strong {
	color:#54B6E7;
	font-size:1em;
}
table td.error {
	border:0 !important;
	margin:0 !important;
	padding:0!important;
}
table td {
	color:#333;
	position:relative;
}
table td:first-child {
	vertical-align: top;
	width: 240px;
}
/* #screenlayout__0  table td:first-child, #screenlayout__1 table td:first-child {
	width: 160px;
}
fieldset.genGreyDash table td {
	width: 200px;
} */
table a {
	color:#004999;
	text-decoration:none;
}
table a:hover {
	color:#333;
	text-decoration:underline;
}
table tbody th a {
	color:#004999;
	font-size:110%;
}
table th {
	text-align:left;
	color:#333;
	font-weight:normal;
}
table thead th.lrg, table .lrg {
	font-size:110%;
}
table td.padd {
	padding:0 0 0 3.9em;
}
table tfoot td {
	border-bottom:0;
}
table tfoot td {
	border-bottom:0 !important;
}
table th.sm {
	font-size:90% !important;
}
table thead th.no-br-btm {
	border-bottom:0 !important;
}
table td.a-rgt {
	font-size:70%;
	text-align:right;
	width:14%;
}
table td.a-rgt input {
	padding:0 0 0.4em 0;
	margin-bottom:6px;
}
table td.empty, table th.empty {
	width:.8em;
	border:0 !important;
}
table td.last {
	border-bottom:solid 1px #caddee !important;
}
/* Main Shop Elements */

a.button-blue-new {
    bottom: 0;
    color: #FFFFFF;
    float: left;
    left: 0;
    position: absolute;
    text-decoration: none;
    width: 35%;
}
a.long {
	width:31%;
}
a.button-blue-new:hover {
	text-decoration: underline !important;
}
a.button-blue-new span {
    background: url("../images/o2_btnRepeat.png") repeat-x scroll 0 0 transparent;
    float: left;
    font-size: 1em;
    height: 23px;
    padding: 6px 2px 1px;
}
a.button-blue-new span:hover {
	text-decoration:underline;
}
a.button-blue-new span.btnLeft, a.button-blue-new span.btnRight {
	width: 6px;
	height: 30px;
	float:left;
	padding: 0;
}
a.button-blue-new span.btnLeft {
	background: url("../images/o2_btnLeft.png") repeat-x scroll 0 0;
}
a.button-blue-new span.btnRight {
	background: url("../images/o2_btnRight.png") repeat-x scroll 0 0;
}
ul.listTick {
	margin:0 !important;
}
ul.listTick li {
	background: url("../images/o2_bundle_tick.png") 0 2px no-repeat;
	padding: 1px 0 3px 23px;
	margin: 3px 0;
	font-size:12px;
	width:210px; 
	float:left;
}
.landlineLandingHeader ul.listTick li {width:217px !important;}
.broadbandLandingHeader ul.listTick li {width:208px !important; height:30px;}

.shaded {
	background: url("../images/o2_shopNav_bgBottom_Shaded.png") no-repeat scroll left bottom transparent!important;
}
.bundleStatement h4 {
	font-size: 13px;
    font-weight: normal;
}
.bundleStatement h5 {
	font-weight: bold;
	font-size: 0.9em;
}
.bundleStatement h4, .bundleStatement h5 {
}
.standardInfo {
	background: url("../images/landing-blue-fade-NEW.jpg") bottom left repeat-x !important;
	padding-bottom:10px;
	width: 212px;
	padding-right: 16px!important;
}
.standardInfoLarge {
	background: url("../images/landing-blue-fade-NEW.jpg") bottom left no-repeat transparent;
}

.broadbandLandingHeader h1, .landlineLandingHeader h1 {font-size:30px; color:#000; margin:0; padding:0 0 0 10px;}
.broadbandLandingHeader h2, .landlineLandingHeader h2 {font-size:18px; color:#717982; margin:0; padding:0 0 14px 10px;}
.landline-header, .broadband-header {
	display:none;
}
.broadbandProductHeader, .landlineProductHeader {
	/*width: 708px;
	float:left;
	height: 70px;
	position:relative;
	margin: 0 0 5px 0;
	*/
	display:none;
}
.overviewBasket {
    float: left;
    margin: 0;
    position: relative;
}
/*.overviewBasketHeader {
	background: url("../images/overview-basket-header.png")  no-repeat scroll 0 0 transparent;
}*/
.overviewBasketHeader h1, .emailConf h1 {
	color: #000000;
    font-size: 30px;
    padding:0 0 0 20px;
	position: absolute;
    top: 10px;
    z-index: 20;
	}
.titleCheckout {
	background: url("../images/checkout-basket-header.png")  no-repeat scroll 0 0 transparent;
}
.titleCheckout h1 {
	display:none;
}
.landline-header, .broadband-header, .overviewBasketHeader, .titleCheckout {
    height: 100px;
    position: relative;
    width: 708px;
}
.broadbandLandingHeader, .landlineLandingHeader, .mllLandingHeader { 
	position:relative;
	float:left;
	width: 708px;
	padding-bottom:21px;

}

.bbhead {background: url("../images/broadband-landing-new-header.jpg") bottom left no-repeat; height:304px;}
	
.llhead {background: url("../images/landline-landing-new-header.jpg") bottom left no-repeat; height:235px; text-indent:-9000px;}
.mllhead {background: url("../images/mobile-landline-new-header.jpg") bottom left no-repeat; height:169px;}
	

.landlineTop, .broadbandTop {
	float: left;
    font-size: 12px;
    margin: 0;
    position: relative;
    width: 100%;
	background:url("../images/o2_shopNav_greyDotted.png") repeat-x scroll left bottom;
}
.landlineTop p, .broadbandTop p {
    float: left;
    font-size: 12px;
    line-height: 15px;
    padding: 0 0 15px;
    width: 100%;
}

ul.landlineUl {
	float:left;
	position:relative;
}
ul.landlineUl li {
	background: url("../images/o2_bundle_tick.png") no-repeat scroll left 0 transparent;
	margin: 7px 30px 5px 0;
	padding: 0 0 0 20px;
}
.StandardInfoStatment {
	border-bottom: 1px dashed #656565;
	margin: 0 0 10px;
	padding: 0 10px 0 0;
	width: 438px;
}
ul.bundleStatement {
	padding: 0;
}
ul.bundleStatement li.curves {
	height: 7px;
	padding: 0;
	width: 206px;
}
ul.bundleStatement li {
	margin: 0;
}
/* centre page content styling */
#contentCol {
	color: #4F5357;
}
#contentCol label {
	font-size:14px;
	color:#787878;
}
#contentCol #screenlayout__3 label {
	float:left;
	padding: 5px 0 0;
	width: 140px;
}
.browserIE7 #contentCol #screenlayout__3 label {
	width: 120px;
}
#contentCol #screenlayout__3 table:first-child td {
	width: 140px;
}
div.landline_sectiondiv#screenlayout__0 label, div.broadband_sectiondiv#screenlayout__0 label {
	float: left;
	width: 80%;
}
.browserIE6 div.landline_sectiondiv#screenlayout__0 label, .browserIE6 div.broadband_sectiondiv#screenlayout__0 label {
	margin-right:-3px; /*fix ridiculous ie6 ghost text bug*/
}
.browserIE7 div.landline_sectiondiv#screenlayout__0 td {
	padding: 5px 0;
}
#contentCol .inpageFwdBack {
	padding-top:20px;
}
#contentCol .flipTable {
	margin-top:20px;
}
#contentCol .flipTable label {
	float:right;
}
#contentCol .flipTable input {
	border:1px solid #bbbbbb;
	padding:3px;
	height:16px;
	width:200px;
}
#contentCol fieldset {
	padding-bottom:20px;
	margin-bottom:20px;
}
.landline_sectiondiv .genericGreyDotted {
	background: url("../images/o2_shopNav_greyDotted.png") repeat-x scroll 0 top transparent;
}
.genericGreyDotted {
	background: url("../images/o2_shopNav_greyDotted.png") repeat-x scroll 0 bottom transparent;
}
.genericGreyDotted table td, .genericGreyDotted table th {
	vertical-align:middle;
}
/* Product Button*/

ul.productButton {
	padding: 5px;
	margin: 10px 0;
	list-style: none;
	float: left;
}
ul.productButton li {
	float: left;
	display: inline; /*ignore double margin in IE6*/
	margin: 0 10px;
}

.btnCheckFade, .btnContinueFade {
	background: url(../images/o2_productButtonDis.png) no-repeat top right !important;
	cursor:auto !important;
}
.btnCheckFade span:hover, .btnContinueFade span:hover {text-decoration:none !important;} /*remove text decoration on hover of disabled button*/


.btnCheckFade span, .btnContinueFade span {
	background: url(../images/o2_productButtonDis.png) no-repeat top left !important;
}


ul.productButton li a.productDisabled {
	background-position: bottom right !important;
}
ul.productButton li a.productDisabled span {
	background-position: bottom left !important;
}
/*right hand side*/

 div.helper-head {
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}
#helper-content {
	overflow: hidden;
	display:block;
	margin:10px 0 0 0;
}
.helper-panel-title {
	background:#909090;
	color:#fff;
	font-weight:bold;
	padding:8px;
	font-size:14px;
}
.helper-panel-body {
	background:#e0e0e0;
	border:1px solid #909090;
	padding:8px;
	color:#505050;
}
.helper-panel {
	color: #656565;
	padding: 0;
	line-height: 1em;
}
.helper-panel-last {
	background:none !important;
}
.genLinkBlue, .crossSell a, .comingSoon a {
	color:#0087c3;
	text-decoration:none;
}

.helper-panel .button-blue-thin, .crossSell .button-blue-thin, .comingSoon .button-blue-thin {
	float:left;
	margin: 10px 0 0 10px;
}

.helper-panel h4 {
	font-size:0.9em;
	font-weight:bold;
}
.crossSell p, .helper-panel p, .bundle-3col p, .crossSell ul li, .helper-panel ul li, .comingSoon p {
	font-size: 14px;
	margin: 0;
}
.crossSell ul li, .helper-panel ul li {
	list-style-type:disc;
	color:#0086C3;
}
.crossSell ul li span, .helper-panel ul li span {
	color:#4f5357 !important;
}
/* Shop help/basket nav bundle boxes */

#rightNavCollapse h3, .bundles h4, #rightNavCollapse h3 a {
	color: #005896;
	width: 206px;
	text-decoration:none;
	font-size:16px;
}
.bundles h4 span {
	font-weight:bold;
}
.bundles h4 {
	margin: 0 0 15px 0;
}
.bundles ul.bundleList {
	float:left;
	margin: 5px 0;
}
.bundles ul.bundleList li {
	font-size: 12px;
	margin: 0 0 5px;
	padding: 0 0 5px;
	text-align: left;
	width: 210px;
}
.bundles ul.bundleList li:first-child {
	border-bottom: 1px dashed grey;
}
.bundles ul li span {
	color: #017F7D;
	float: right;
	font-weight: bold;
	padding: 0 10px 0 0;
	text-align: right;
}
.bundles h5 {
	font-size: 14px;
	font-weight:bold;
	color:#4f5357;
	float:left;
	width: 100%;
}
.bundle-3col {
	float: left;
	margin: 0 0 10px;
	position: relative;
}
.helperHighlight {
	background-position:top right !important;
}
a.helpToggle {
	float:right;
	width: 10px;
	height: 10px;
	background: blue;
	position:absolute;
	top: 5px;
	right: 5px;
}
.bundleBox {
    border-bottom: 1px solid #DFE2E5;
    border-right: 1px solid #DFE2E5;
    border-top: 1px solid #DFE2E5;
    float: left;
    height: 382px;
    padding: 0  0 0 20px;
    position: relative;
    width: 208px;
}
.bundleBroadband .bundleBox {
	height: 330px;
} 
.bundleBroadband 
.bundleBox span.bold {
	font-weight: normal;
	font-size: 0.75em;
}
.bundleBroadband .bundleBox {
}
.bundleBoxLarge {
    background: url("../images/landing-blue-fade-NEW.jpg") repeat-x scroll left bottom transparent;
    height: 382px;
    padding: 0 0 0 20px;
    width: 457px;
}
.bundleBoxLarge dt {
	color: #0086c3;
	font-size: 28px;
	padding: 15px 0 0 0;
}
.bundleBoxLarge dd {
	background: url("../images/o2_shopNav_greyDotted.png") repeat-x scroll left bottom transparent;
    font-size: 13px;
    margin: 0;
    padding: 10px 0;
}
/* .browserFirefox .bundleBoxLarge dd {
	padding: 9px 0 15px;
} */
#screenlayout__2.landline_sectiondiv div.requiredDescText {
	position:absolute;
	top:55px;
	left:0;
}
.bundleBox ul, .bundleBox p {
    font-size: 13px;
    position: relative;
}
.bundleBox p {
	float: left;
    font-size: 12px;
    line-height: 18px;
    margin: 15px 0 0;
}
span.black {
	color:#000;
}
.bundleBox p.bundleSub {
	margin: 7px 0 0 !important;
	float:left;
}
.bundleBox ul.pullList {
	font-size: 13px;
}
.bundleBox ul {
	float: left;
    margin: 13px 0 0;
}
.bundleBroadband .bundleBox ul {
	margin: 10px 0 0;
	padding: 0 14px 0 0;
}
.bundleBox ul li {
	padding-bottom:8px;
}
.bundleBox a.button-blue-new {
	margin:20px;
	font-size:0.9em;
}
.bundleBox a.button-blue-new:hover {
	text-decoration:underline !important;
}
.bundleBox h2 {
    display: block;
    font-size: 28px;
    padding-top: 0;
    position: relative;
}
.bundleBox h2 span {
    color: #0086C3;
    display: block;
    padding: 15px 0 0;
}
.bundleBox h3 {
	position: relative;
	padding: 10px 0 10px 0;
	font-size: 13px;
}
.bundleBox h3.titleTwoLine {
	color: #000000;
    padding: 0 0 5px;
}
.bundleBox dl.standardInfoLargeTop {
    margin: 0;
	width: 440px;
}
.bundleLanding, .bundleBroadband {
  /*  border-left: 1px solid #DFE2E5;*/
    float: left;
    margin: 0 0 15px;
    position: relative;
    width: 708px;
}
.browserIE7 .bundleLanding {
	top: 10px;
}


.bundleLanding dl, .bundleBroadband dl {
	float:left;
	height:130px;
	border-right:1px solid #e3e3e3;
	padding:20px 20px 0 20px;
	width:195px;
}
.bundleLanding dl.lastDL, .bundleBroadband dl.lastDL {
	border-right:none !important;
}
.bundleLanding dl dt, .bundleBroadband dl dt{
	font-size:22px;
}
.bundleLanding dl dd, .bundleBroadband dl dd{
	font-size:13px;
	padding-top:15px;
}
.quotePullref {
	background: url("../images/o2_shopNav_greyDotted.png") repeat-x scroll left top transparent;
	display: block;
    float: left;
	width: 708px;
	margin:10px 0;
	position:relative;
	}
.quotePullref p {
	background: url("../images/o2_shopNav_greyDotted.png") repeat-x scroll left bottom transparent;
	display: block;
    float: left;
    padding: 30px 0 30px 200px;
    width: 508px;
	font-size:13px;
	position:relative;
	}
.quotePullref a {position:absolute; top:25px; left:30px;}

.landingBase {
	float:left;
	position:relative;
}
.browserIE7 .landingBase {
	margin: 15px 0 0 0;
}
.landingBase p {
	font-size: 12px;
    line-height: 1.5em;
    padding: 0 0 15px 0;
	width: 640px;
}
.landingBase a, .landingLink a {
	color:#0086c3;
	text-decoration:none;
}
.rightNavInternalTop {
	background: url("../images/o2_shopNav_bgTop.png") top right no-repeat;
	padding:7px 0 9px 0;
}
.rightNavInternal {
	margin-left:-12px;
	background: url("../images/o2_shopNav_bgBottom.png") bottom right no-repeat;
}
#rightpane {
	float: right;
	margin: 20px 0 0;
	padding: 0;
	position: relative;
	width: 228px;
}
.needHelp, .crossSell {
    border: 1px solid #d0d0d0;
    float: left;
    margin: 0 0 10px;
    padding: 20px;
    width: 186px;
}
.needHelp h2 {
	color:#0086C3;
	font-size:22px;
	line-height:1em;
}

.crossSell h2, .comingSoon h2 {
	color:#0086C3;
	font-size:22px;
	line-height:1.2em;
}
.helperItemOne {line-height:1.4em;}
.helperItemTwo {margin-top:3px !important;}
.needHelp ul, .crossSell ul {
	margin-left: 10px;
	padding: 0;
	float:left;
}
.browserIE7 .needHelp ul, .browserIE7 .crossSell ul {
	margin-left: 0;
	padding-left: 20px;
	float:left;
}
.needHelp ul li, .crossSell ul li {
	padding:5px 0;
}
/*.needHelp ul li, .crossSell ul li {
	background: url("../images/o2_shopNav_bgRepeat.png") repeat-y;
	width: 218px;
	float:left;
	margin: 0;
	padding: 0 0 0 10px;
}
.needHelp ul li.top, .crossSell ul li.top {
	background: url("../images/o2_shopNav_bgTop.png") no-repeat scroll 0 0 #fff;
	width: 228px;
	height: 7px;
	margin: 0;
}
.crossSell ul li.bottom, .needHelp ul li.bottom {
	background: url("../images/o2_shopNav_bgBottom.png") no-repeat scroll 0 0 #fff;
	width: 228px;
	height: 9px;
}
.crossSell ul li.bottom, .needHelp ul li.bottom {
	background: url("../images/o2_shopNav_crossSellBottom.jpg") no-repeat scroll 0 0 #fff;
	height: 107px;
	width: 228px;
}*/
.crossSell div.btnSm {float:left;}
.crossSell .bundles {margin:0 !important; padding:0 !important; width:215px !important; background:none !important;}
.crossSell .bundles h4 {margin: 0 0 6px !important;}
.needHelp p.helperItemTwo {margin: 0 0 9px !important;}
.helperItemTwo .button-blue-thin {width:174px;}
.userMessage {
	margin: 10px 0;
	float:left;
	width: 100%;
	padding: 0;
	line-height: 18px;
}
.userMessage ul {
	margin: 0 0 10px 15px;
	padding: 20px;
	background-color: #deeefe;
	color: #BF2D20;
	border: 1px solid #a2d6fe;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
	float:left;
	width: 90%;
}
.userMessage ul li {
	padding: 0px 0 0px 30px;
	background: url("../images/bgLineCheck.png") no-repeat left 4px;
	color: #84898D;
	font-size: 12px;
	width: 93%;
	float: left;
	margin: 5px 0;
}
.screenlast .userMessage ul li {
	background: none;
}
#checkResultText {
	color:#84898d;
	font-size: 12px;
	width: 93%;
	float:left;
	text-align:left;
	font-weight:normal;
}
.userMessage ul li:first-child {
	background: none!important;
}
.userMessage ul li img {
	text-align:center;
	margin: 10px 0;
}
.userMessage ul li a, #checkResultText a {
	color:#2b9ad1;
}
.userMessage ul li.bottom {
	display:none;
}
.userMessage ul li.top {
	display:none;
}
#lineCheckLoading {
	width: 90%;
	text-align:center;
}
.bundle-3col ul li {
	background: none;
}
.landline_sectiondiv .errorcontainer, .broadband_sectiondiv .errorcontainer {
	float:left;
	clear:both;
}
div.broadband_sectiondiv fieldset.genGreyDash {
	margin: 0!important;
	padding: 0!important;
}
.broadband_sectiondiv h2, .landline_sectiondiv h2 {
	width: 700px;
	float:left;
	margin: 5px 0;
	clear:both;
}
/* Progress Bar */

.landline_sectiondiv div.progressBar {
    background: url("../images/o2_progressBar.png") no-repeat scroll 0 0 transparent;
    height: 60px;
    left: -5px;
    margin: 10px auto 0;
    position: relative;
    top: -15px;
    width: 468px;
}
.broadband_sectiondiv div.progressBar {
	background: url("../images/o2_progressBar2.png") no-repeat scroll 0 0 transparent;
    height: 60px;
    left: -5px;
    margin: 10px auto 0;
    position: relative;
    top: -15px;
    width: 468px;
}
div.progressBarCheckout {
    background: url("../images/o2_progressBarCheckout.png") no-repeat scroll 0 0 transparent !important;
    height: 78px;
    left: -5px;
    margin: 10px auto 0;
    position: relative;
    top: -15px;
    width: 489px;
}
div.progressBar ul {
	position:absolute;
	left: -9999px;
	top: 0;
}

div.second {
	background-position: 0 -66px !important;
}
div.third {
	background-position: 0 -132px !important;
}
div.fourth {
	background-position: 0 -198px !important;
}
div.fifth {
	background-position: 0 -280px;
}
/*div.fifth {
	top: -10px!important;
	left: -3px!important;
}*/
/*** O2 Online Product Final Page ***/

div.btnSm {
	display:block;
}
.btnSm a span {
	background: url('../images/o2_productButton.png') repeat-y scroll -10px -60px;
	height: 15px;
	float:left;
	font-size: 0.8em;
	padding: 3px 7px 4px 7px;
}
.btnSm a span.btnLeft {
	background: url('../images/o2_productButton.png') no-repeat scroll left -60px;
}
.btnSm a span.btnRight {
	background: url('../images/o2_productButton.png') no-repeat scroll right -60px;
}
.btnSm a span.btnRight, .btnSm a span.btnLeft {
	width: 4px;
}
div.productTop {
	width: 100%;
	float: left;
	background: url('../images/o2_basketLarge-top.jpg') no-repeat scroll right top;
	height: 5px;
	margin: 0;
}
div.basket-product-container div.rgt-basketTop * {
	float:left;
}
div.productContainer {
	width: 702px;
	float: left;
	margin: 5px 0;
	font-size: 0.8em;
}
div.basket-product-container {
	width: 702px;
	position: relative;
	padding: 0;
	float: left;
	min-height: 190px;
	_height: 190px;
}


.overviewBasket h1 {
background: url("../images/topHeader-btmBorder.gif") no-repeat scroll left bottom white;
color:#969696;
font-size:20px;
padding-left:20px;
width: 684px;
}
div.overviewBasket div.productContainer {
	padding: 5px 0 0 0;
}
.basket-product-container .vspacer {
	display:none;
}
.browserIE7 div.basket-product-container {
	z-index: 20;
}
div.basketTop, div.basketBottom {
	float:left;
	width: 100%;
}
div.basketTop {
    background: url("../images/landline_grad.png") no-repeat scroll right top transparent;
    height: 27px;
    margin: 0;
    position: relative;
}
div.basketBottom {
    background: url("../images/landline_grad.png") no-repeat scroll right bottom transparent;
    bottom: 30px;
    height: 199px;
    left: 0;
    position: absolute;
    z-index: 10;
}
div.basket-totals {
	float:left;
}
div#leftpane, #rgt-basket-products {
	float:left;
	width: 100%;
}
#rgt-basket-products .basket-product-name {
	padding-left:24px;
	width:178px;
}
.overviewBasket #rgt-basket-products .basket-product-name {
	width: 91%;
}
.basket-totals-title, .basket-totals {
	background: none;
}
span.border {
	background: url("../images/o2_shopNav_greyDotted.png") repeat-x scroll 0 top;
	height: 2px;
	width: 100%;
	float: left;
}

#basket-config-table td, #basket-config-table th, #basket-subtotal-table td, #basket-subtotal-table th {
	padding: 5px 0 5px 23px;
}
table#basket-config-table tr td:first {
	padding: 5px 10px 5px 23px;
}
#basket-config-table th, #basket-subtotal-table th {
    text-align: left;
    width: 348px;
	/* padding: 5px 20px; */
}
.editBasket {
	float:left;
	padding: 0 0 10px 0;
}
div.confirmMsg {
	float:left;
	margin: 30px 0 25px;
}
div.MyBasket_upd3 {
    clear: both;
    float: left;
    position: relative;
    width: 100%;
    z-index: 20;
}
.miniBasketContain div.MyBasket_upd3 span.basket-remove {
	padding-right: 22px;
}

.MyBasket_upd3 h3 {
	display:none;
}
.basket-totals-title {
	color: #4F5357;
	font-weight: bold;
	font-size: 14px;
	margin: 20px 0 16px 0;
	padding: 0;
}
table#basket-total-table {
	width: 421px;
	margin: 0 0 20px 0;
}
table#basket-total-table td, table#basket-total-table th {
	padding: 7px 0;
}
.basket-product-container td {
	color: #4F5357;;
}
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	overflow: hidden;
	clear: both;
}
landline_sectiondiv .toggle_container {
	margin: 0 0 5px;
	padding: 0;
	overflow: hidden;
	clear: both;
	top: -11px;
	position: relative;
}
.basket-product-detail {
	float: left;
	padding-top: 8px;
}


.bundles {
	float: left;
	width: 708px;
	background: url("../images/o2_shopNav_greyDotted.png") repeat-x scroll 0 bottom;
	margin: 10px 0 10px 0;
	padding: 0 0 25px 0;
	font-size: 1.0em;
}
.landline_sectiondiv .bundles, .broadband_sectiondiv .bundles {
	padding: 0 0 10px 0;
}
.broadband_sectiondiv {float:left;}
div.care-packages a.trigger {
	color: #0086C3;
	font-size: 12px;
	text-decoration: none;
	padding: 0 0 0 11px;
	background: url('../images/formToggleArrows.gif') no-repeat scroll left 4px;
	height: 12px;
	float: left;
	width: 80%;
	top: -10px;
	margin: 5px 0 10px 0;
}
div.care-packages a:hover {
	text-decoration:underline;
}
div.care-packages a.active {
	background: url('../images/formToggleArrows.gif') no-repeat scroll left -40px;
}
div.care-packages div.form p {
	color: #4F5357;
    float: left;
    font-size: 12px;
    margin: 10px 0 10px 11%;
    width: 89%;
}
div.care-packages div.form p span {
	float:left;
	width: 100%;
	font-weight: bold;
	margin: 0 0 5px 0;
}
span.lineSpeed {
	font-weight:bold;
	color:#027e7e;
}
div.dummy_override {
	font-size: 0.8em;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
}
.basketTable {
	float: left;
	position: relative;
	top: -12px;
}
/* Checkout */



.landline_sectiondiv table tr {
	padding: 5px 0;
}
.landline_sectiondiv #screenlayout__0 label {
	width: 80%;
	float:left;
}
.landline_sectiondiv table input, .broadband_sectiondiv table input, .landline_sectiondiv table select, .broadband_sectiondiv table select {
	margin: 3px 0 14px;
	vertical-align: top;
}
.landline_sectiondiv#screenlayout__2 div.extraServices table input, .landline_sectiondiv #destinationOfMinutes td#minTypes input {
	margin: 0 0 14px;
}
.landline_sectiondiv fieldset.genGreyDash, .broadband_sectiondiv fieldset.genGreyDash {
	float:left;
	position:relative;
}
.landline_sectiondiv fieldset.genGreyDash td, .broadband_sectiondiv fieldset.genGreyDash td {
	float:left;
	margin: 0 0 10px 0;
}
.landline_sectiondiv fieldset.genGreyDash table:first-child td, .broadband_sectiondiv fieldset.genGreyDash table:first-child td {
	width: 100%;
}
.landline_sectiondiv div#o2-customer td {
	margin: 0 0 10px 0;
	float:left;
}
.landline_sectiondiv p, .broadband_sectiondiv p {
	float:left;
	width: 100%;
	font-size: 12px;
	margin: 5px 0 0 0;
}
div#InstallChoice {
    display: block;
    float: left;
    margin: 10px 0;
    width: 100%;
}
div#InstallChoice label {
    width: 400px !important;
	line-height:2em;
}
div#InstallChoice input {
	margin: 8px 0 0 0;
}
div#screenlast ul li {
	background: none!important;
	padding: 0!important;
}
div#screenlast ul {
	margin: 3px 0 0;
}
.landline_sectiondiv fieldset.genGreyDash img.tooltip, .broadband_sectiondiv fieldset.genGreyDash img.tooltip {
	margin: 3px 0 0 0;
}
table input, table select {
	border: 1px solid #BBBBBB;
	margin: 7px 0;
	padding: 6px;
}
table input {
	width: 248px;
	font-size: 14px;
	color: black;
}
table select {
	width:262px;
}
.greyTxt {
	color:#4f5357 !important;
}
table select.smallerSelect {
	width:124px;
}
table select.dateSelect {
	margin-right: 2px;
	text-transform: lowercase;
	width: 90px;
}
table select.dobSelect {
	margin-right: 2px;
	text-transform: lowercase;
	width: 86px;
}
table input.inputSmaller {
	width: 110px !important;
}
/* Checkout Complete */
.checkoutForm .chkOutPrice {
	color:#128886;
	font-weight:bold;
}
.checkoutComplete p {
	font-size:0.8em;
	margin-bottom:10px;
}
.checkoutComplete a {
	font-size:0.8em;
	color:#0086c3;
	text-decoration:none;
}
.checkoutComplete dl {
	border:1px solid #c6c6c6;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
	width:228px;
	float:left;
}
.checkoutComplete dl dt {
	font-size: 0.9em;
	font-weight: bold;
	padding: 10px 0 0 67px;
}
.checkoutComplete dl dd {
	font-size: 0.7em;
	padding: 5px 0 0 67px;
}
.checkoutComplete dl.completeOfferTwo dt {
	padding: 10px 0 0 79px !important;
}
.checkoutComplete dl.completeOfferTwo dd {
	padding: 5px 0 0 79px !important;
}
.checkoutComplete dl dd a {
	display: block;
	font-size: 0.95em !important;
	padding-top: 10px;
	text-decoration:none;
}
.checkoutComplete dl {
	min-height:113px;
}
.checkoutComplete dl.completeOfferOne {
	background: url(../images/o2_final_offer1.png) left 2px no-repeat;
	margin: 30px 8px 0 0;
}
.checkoutComplete dl.completeOfferTwo {
	background: url(../images/o2_final_offer2.png) left 2px no-repeat;
	margin: 30px 0 0 0;
}
.offerOneBg {
	background: url(../images/thankyouOffer1.jpg) top left no-repeat;
	width:230px;
	height:296px;
	display:block;
	float:left;
	text-indent:-9000px;
	margin-top:25px;
}
.offerTwoBg {
	margin-top:25px;
	background: url(../images/thankyouOffer2.jpg) top left no-repeat;
	width:230px;
	height:296px;
	margin-left:8px;
	display:block;
	float:left;
	text-indent:-9000px;
}
/*** Landline Specific Styling ***/

.landline_sectiondiv {
	float:left;
	position:relative;
}
#screenlayout__0.landline_sectiondiv #provide-type-panel fieldset {
	margin: 0;
	padding: 0;
}
#screenlayout__0.landline_sectiondiv span.requiredField, #screenlayout__0.broadband_sectiondiv span.requiredField {
	display:none;
}
#screenlayout__0.landline_sectiondiv div#provide-type-panel table:first-child, #screenlayout__0.broadband_sectiondiv div#provide-type-panel table:first-child, #screenlayout__0.landline_sectiondiv div#o2-customer table, #screenlayout__0.broadband_sectiondiv div#o2-customer table {
	float: right;
	margin: 8px 0 0;
	width: 67%;
}
#screenlayout__0.landline_sectiondiv div#o2-customer table.input-table, #screenlayout__0.broadband_sectiondiv div#o2-customer table.input-table {
	float:left!important;
	width:100%!important;
}
#screenlayout__1.landline_sectiondiv table td, #screenlayout__1.broadbad_sectiondiv table td {
  position: relative;
	vertical-align: top;
}
#screenlayout__1.landline_sectiondiv table td.last {
	border:none!important;
}
#screenlayout__1.landline_sectiondiv table td.last span {
	font-size: 14px;
	color: #787878;
}
#screenlayout__1.landline_sectiondiv table, #screenlayout__1.broadband_sectiondiv table {
	float: left;
    margin: 10px 0 0 15px;
    position: relative;
    width: 96%;
}
#screenlayout__1.landline_sectiondiv table:last-child label {
	position:absolute;
	right: 0;
	top:20px;
}
#screenlayout__1.landline_sectiondiv div.care-packages, #screenlayout__1.broadband_sectiondiv div.care-packages {
	float: left;
	width: 100%;
	margin: 0 0 4px 0;
}
.browserIE7 #screenlayout__1.landline_sectiondiv div.care-packages, .browserIE7 #screenlayout__1.broadband_sectiondiv div.care-packages {
	padding: 0 0 4px 0;
}
#screenlayout__2.landline_sectiondiv label {
	left: 0;
	top: -2px;
}
#screenlayout__1.landline_sectiondiv div.formProgressButtons {
	background: url("../images/o2_shopNav_greyDotted.png") repeat-x scroll 0 top transparent;
	padding: 10px 0 0 0;
}
#screenlayout__1.landline_sectiondiv table tr {
	width: 100%;
	float: left;
}
.browserIE7 #screenlayout__1.landline_sectiondiv table tr {
	margin: 10px 0;
}
.landline_sectiondiv div#relatedSeq.key h2 {
	margin: 10px 0;
	float: left;
	width: 100%;
}
.landline_sectiondiv div#relatedSeq.key p {
	font-size: 12px;
}
div.directory_services {
	position: relative;
	font-size: 0.8em;
	background: url("../images/o2_shopNav_greyDotted.png") repeat-x scroll 0 top transparent;
	float: left;
	padding: 10px 0;
	margin: 10px 0 0 0;
}
div.directory_services h2 {
	float: left;
	width: 100%;
	font-size: 1.6em;
	margin: 10px 0;
}
.landline_sectiondiv div#findInstallLoading, .broadband_sectiondiv div#findInstallLoading, .landline_sectiondiv div#selectInstallAddress, .broadband_sectiondiv div#selectInstallAddress, .broadband_sectiondiv div#findRouterLoading {
	color: #419EDA;
	height: 0;
	padding: 9px 0 0 10px;
	position: relative;
}
div#screenlayout__2.landline_sectiondiv ul {
	float: left;
	margin: 10px 0 0 130px;
}
div#screenlayout__2.landline_sectiondiv ul li {
	font-weight: normal;
	font-size: 0.8em;
	background: url("../images/o2_bundle_tick.png") no-repeat scroll left 0 transparent;
	margin: 7px 15px 5px 0;
	padding: 0 0 0 20px;
	width: 200px;
	float:left;
}
input.cfgCtrl {
	border: none;
	background: none;
}
div#screenlayout__2.landline_sectiondiv ul li span, div#screenlayout__2.broadband_sectiondiv ul li span {
	float:left;
	font-weight: normal;
	color: #656565;
}
.extraServices table {
	margin: 10px 0 0 135px;
	float: left;
	width:74%;
}
.extraServices table tr td:first-child {
	width: 20px;
}
.extraServices table tr td:first-child * {
	width: 10px;
}
#destinationOfMinutes td#minTypes table td {
	width: 80%;
}
#destinationOfMinutes td#minTypes label {
	float: right;
	padding: 0 5px 0 0;
	width: 200px;
}
#destinationOfMinutes td:first-child label {
	float: left;
    padding: 0;
    width: 83px;
}
#destinationOfMinutes td#minTypes {
	padding: 0;
}
#screenlayout__1.landline_sectiondiv div.care-packages input, #screenlayout__1.landline_sectiondiv label, #destinationOfMinutes td#minTypes table td input, #destinationOfMinutes td#minTypes table td label, .landline_sectiondiv .destinationOfMinutes table td:first-child span.requiredField, div#screenlayout__2.landline_sectiondiv table input.inputSmaller, #screenlayout__1.broadband_sectiondiv div.care-packages input, #screenlayout__1.broadband_sectiondiv label, #destinationOfMinutes td#minTypes table td input, #destinationOfMinutes td#minTypes table td label, .broadband_sectiondiv .destinationOfMinutes table td:first-child span.requiredField, div#screenlayout__2.broadband_sectiondiv table input.inputSmaller {
	float:left;
	position:relative;
}
.landline_sectiondiv table#numberOfMinutes, .broadband_sectiondiv table#numberOfMinutes {
	margin: 20px 0;
}
/*** Broadband specific styles ***/

.broadband_sectiondiv#screenlayout__1 {
	float: left;
	padding: 0 0 0;
}
.broadband_sectiondiv#screenlayout__1 .formProgressButtons {
	background: url("../images/o2_shopNav_greyDotted.png") repeat-x scroll 0 top transparent;
	padding: 10px 0 0 0;
}
.broadband_sectiondiv#screenlayout__1 h2 {
	margin: 0 0 20px 0;
	float:left;
	width: 100%;
}
div#macKeyDesc {
	font-size: 12px;
}

div.requiredDescText {
	font-size:11px;
	float:left;
	margin:10px 0;
	clear:both;
}
.browserIE6 div.requiredDescText {
	width: 468px;
}
div#requiredDescText {
	float:left;
	width: 468px;
}
.browserIE7 div.extraServices table input {
	width: 20px;
	margin: 0 5px 0 0;
}
.browserIE7 div.extraServices table td {
	vertical-align:top;
}
.broadband_sectiondiv#screenlayout__1 .clear {
	position: relative;
	top: 40px;
	width: 100%;
}
.broadband_sectiondiv#screenlayout__1 .formProgressButtons div {
	float:right;
}
.broadband_sectiondiv#screenlayout__1 .formProgressButtons div.backBtn {
	margin: 0 20px 0 0;
}
.broadband_sectiondiv#screenlayout__1 div {
	float: left;
	margin: 0 0 10px;
}
.broadband_sectiondiv#screenlayout__1 div.progressBar {
	float:none !important;
	margin: 10px auto 0 !important;
}
.broadband_sectiondiv#screenlayout__1 div table td:first-child {
	vertical-align:top;
}
.broadband_sectiondiv#screenlayout__1 div table td div {
	width: 100%;
}
.broadband_sectiondiv#screenlayout__1 div table td div label, .broadband_sectiondiv#screenlayout__1 div table td div input {
	float:left;
}
/*** Mini Basket ***/
div#sfproduct_empty {
	min-height: 120px;
	_height: 120px;
}
div#sfproduct_empty div.basket-product-name {
	margin-left: 0;
}
.threeCol .productContainer {
    background: none repeat scroll 0 0 white;
    border: 1px solid #C3C8CF;
    width: 94%;
}
.threeCol .basket-totals {
	width: 100%;
}
.threeCol div.basketBottom {
	bottom: 0;
	z-index: 10;
}
.threeCol table#basket-total-table {
	font-size: 14px;
	width: 95%;
}
.threeCol div.basket-product-container {
    padding: 0 0 0 12px;
    width: 95%;
}
.threeCol div.basketTop {
    background: url("../images/o2_bundle_bgStandardInfoTop.png") no-repeat scroll 0 -10px transparent;
    width: 228px;
}
.threeCol div.basketBottom {
	background: url('../images/o2_basketbottomOuter.png') no-repeat scroll right bottom;
}
.threeCol div.productTop {
	background: url('../images/o2_baskettop.png') no-repeat scroll left top;
}
.threeCol #sfproduct_empty {
	width: 100%;
	float:left;
	padding: 0 0 10px 0;
}
.threeCol #basket-subtotal {
	margin: 20px 0 0 0;
}
.threeCol .vspacer {
	height: 1px;
}
.overviewButtons {
	float: left;
	width: 97%;
	position: relative;
	top: 15px;
	padding: 0 0 10px 13px;
}
.overviewButtons .vspacer {
	display:none;
}
.overviewButtons a:first-child {
	float:left;
}
.overviewButtons a {
	float:right;
}
th.basketSubHeading {
	font-weight:bold;
}
div.trigger {
	background: url("../images/o2toggleBtn.png") no-repeat scroll 0 0;
	width: 32px;
	height: 22px;
	float: left;
	margin: 0 0 0 20px;
	cursor:pointer;
}

div#rgt-basket-products a {
	color: #0086C3;
	position: relative;
	text-decoration: none;
}
div.basketBottom {
	margin: 0 0 0 0;
}
div.trigger {
	background: url("../images/o2toggleBtn.png") no-repeat scroll 0 0;
	width: 32px;
	height: 22px;
	float: left;
	margin: 0;
	cursor: pointer;
	position: relative;
	top: -17px;
	left: 20px;
}
div.active {
	background: url("../images/o2toggleBtn.png") no-repeat scroll -32px 0!important;
}
.basket-product-name {
	color: #4F5357;
	float: left;
	font-weight: bold;
	line-height: 0.9em;
	margin: 2px 0 0 40px;
	width: 55%;
}
.threeCol div#rgt-basket-products a {
	color: #0086C3;
	position: relative;
	right: 21px;
	text-decoration: none;
}
p.thanksText {
	font-size:0.9em;
	margin-bottom:10px;
}
p.thanksText a {
	color:#0086c3 !important;
	text-decoration:none;
}
div#btnContinue_0, div#btnContinue_0_disabled {
	margin: 0 10px 0 20px;
}
table.lookupTable td.lookupTableFirst {
	width:245px;
}
/* Landline/Broadband address select animation */

.landline_sectiondiv table.lookupTable td.lookupTableFirst, .broadband_sectiondiv table.lookupTable td.lookupTableFirst, .landline_sectiondiv table.lookupTableBusType td:first-child, .broadband_sectiondiv table.lookupTableBusType td:first-child {
	width: 262px!important;
}
.landline_sectiondiv .lookupTable td, .landline_sectiondiv .lookupTableBusType td, .broadband_sectiondiv .lookupTable td, .broadband_sectiondiv .lookupTableBusType td {
	float:left;
	width: 30px!important;
}

table.lookupTableBusType select {
	height: 33px;
}
.landline_sectiondiv table.lookupTable td {
	vertical-align: top!important;
}
table.lookupTable td .button-blue-thin, table.lookupTableBusType td .button-blue-thin {
	margin: 11px 0 0;
}
.landline_sectiondiv#screenlayout__3 td .button-blue-thin, .broadband_sectiondiv#screenlayout__2 td .button-blue-thin {
	margin: 7px 0 0;
}
table.lookupTable td #addrPostalCodeLoading, table.lookupTableBusType td #busTypeStatusLoading, table.lookupTableBusType td #addrPostalCodeLoading, table.lookupTable td #addrPrePostalCodeLoading, table.lookupTableRegAdd td #addrPanelStatusLoading, table.lookupTableBusType td #savedRegisteredAddressesStatusLoading, table.lookupTableBusType td #addressListStatusLoading, table.lookupTableBusType td #SavedDPreAddressStatusLoading {
	margin-left:10px;
}
table.lookupTableRegAdd td {
	vertical-align:top !important;
}
table.lookupTableRegAdd {
	margin-bottom:10px;
}
table.lookupTableRegAdd td #addrPanelStatusLoading {
	float:right;
	padding-right:70px;
}
table.lookupTableRegAdd td:first-child {
	width:350px !important;
}
table.lookupTableBusType td:first-child {
	width:220px !important;
}
.requiredFieldInline {
	color: #B30000;
}
.tableFinal {
	font-size:0.9em !important;
}
.tableFinal th, .tableFinal td {
	padding: 0 20px 15px 0;
	vertical-align: top;
}
input[type="checkbox"] {
	width:30px;
}
.landline_sectiondiv input[type="checkbox"], .broadband_sectiondiv input[type="checkbox"] {
	border: none!important;
	background: none;
}
.infoTxt {
	color:#000 !important;
}
.finalProductBox {
	width:424px;
	float:left;
	margin: 10px 0;
	padding: 20px;
	background-color:#fff;
	color:#bf2d20;
	border:1px solid #DFE2E5;
	/*-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-khtml-border-radius: 7px;*/
}
.absoluteLegend {
	font-weight:bold;
	padding:20px 0 10px;
	float:left;
}
.threeCol .basket-product-name, .threeCol .basket-product-name {
	margin:2px 0 0 -3px !important;
}
.miniBasketContain {
    background: url("../images/mini-basket-grad.png") repeat-x scroll 0 bottom transparent;
    border: 1px solid #DFE2E5;
    display: block;
    float: left;
    margin-bottom: 10px;
    padding: 10px 0 0;
    width: 226px;

}

/*------------ IE8 & IE9 ----------------*/

body.browserIE8 td.specialRadio input {
	width:20px !important;
}
.browserIE8 .landline_sectiondiv input[type="checkbox"] {
	width: 10px;
	height: 10px;
}
.browserIE8 .landline_sectiondiv#screenlayout__3 td .button-blue-thin {
	margin: 2px 0 0;
}
.browserIE8 .broadband_sectiondiv#screenlayout__2 td .button-blue-thin {
	margin: 3px 0 0;
}
.browserIE8 .landline_sectiondiv div#selectInstallAddress, .browserIE8 .broadband_sectiondiv div#selectInstallAddress {
	padding: 7px 0 0 10px!important;
}
.browserIE8 .landline_sectiondiv div#findInstallLoading, .browserIE8 .broadband_sectiondiv div#findInstallLoading, .browserIE8 .landline_sectiondiv div#selectInstallAddress, .browserIE8 .broadband_sectiondiv div#selectInstallAddress {
	padding:5px 0 0 10px;
}
.browserIE8 fieldset.genGreyDash table, .browserIE7 fieldset.genGreyDash table {
	margin: 8px 0 15px 0!important;
}
.browserIE8 .landline_sectiondiv div#o2-customer td, .browserIE7 .landline_sectiondiv div#o2-customer td {
	margin: 0;
}
.browserIE7 .landline_sectiondiv div#o2-customer td:first-child, .browserIE8 .landline_sectiondiv div#o2-customer td:first-child, .browserIE9 .landline_sectiondiv div#o2-customer td:first-child {
	width: 100%;
}
.browserIE7 .landline_sectiondiv div#o2-customer table.input-table td:first-child, .browserIE8 .landline_sectiondiv div#o2-customer table.input-table td:first-child, .browserIE9 .landline_sectiondiv div#o2-customer table.input-table td:first-child {
	width: 33%;
}
.browserIE7 .landline_sectiondiv table input, .browserIE8 .landline_sectiondiv table input {
	margin: 0;
	padding: 3px 6px 6px 6px;
}
.browserIE7 .landline_sectiondiv #screenlayout__2 table input, .browserIE8 .landline_sectiondiv #screenlayout__2 table input {
	padding: 3px 6px 4px 6px;
}
.browserIE7 .landline_sectiondiv fieldset.genGreyDash td, .browserIE8 .landline_sectiondiv fieldset.genGreyDash td, .browserIE8 .broadband_sectiondiv fieldset.genGreyDash td, .browserIE7 .broadband_sectiondiv fieldset.genGreyDash td {
	margin: 0;
}
.browserIE8 #screenlayout__2 .requiredField, .browserIE7 #screenlayout__2 .requiredField {
	padding: 3px 7px 0 0;
}
.browserIE8 .landline_sectiondiv .requiredField, .browserIE8 .broadband_sectiondiv .requiredField {
	padding: 1px 4px 0;
}
.browserIE8 .landline_sectiondiv#screenlayout__3 .requiredField {
	padding: 8px 4px 0;
}
.browserIE8 div.care-packages a.trigger {
	margin: 0px 0 0 41px;
}
.browserIE8 td#minNumber table td {
	padding: 2px 0;
}
/*------------ IE7 & IE6 ----------------*/

body.browserIE7 td.specialRadio input, body.browserIE6 td.specialRadio input {
	width:30px !important;
	border:0 !important;
}
body.browserIE7 td.specialRadio input, body.browserIE6 td.specialRadio input, body.browserIE7 td.specialRadio label, body.browserIE6 td.specialRadio label {
	float:left;
}
body.browserIE7 td.specialRadio label, body.browserIE6 td.specialRadio label {
	padding-top:8px;
}
body.browserIE7 .threeCol div.basket-product-container, body.browserIE6 .threeCol div.basket-product-container {
	margin-left:-1px;
}
body.browserIE6 .genRadio input {
	width:30px;
	border:0;
}
 body.browserIE7 table.lookupTable td .button-blue-thin, body.browserIE7 table.lookupTableBusType td .button-blue-thin {
	margin: -40px 0 0 0 !important;
}

.browserIE #screenlayout__1.landline_sectiondiv div.care-packages, .browserIE #screenlayout__1.broadband_sectiondiv div.care-packages {
	width: 285px!important;
}
.browserIE .broadband_sectiondiv h2, browserIE .landline_sectiondiv h2 {
	width: 468px!important;
}
.browserIE #screenlayout__2.landline_sectiondiv label {
	left: 0;
	top: 2px;
}
body.browserIE6 .checkoutComplete dl {
	height:113px;
}
.browserIE .landline_sectiondiv table input, .browserIE .broadband_sectiondiv table input, .browserIE .landline_sectiondiv table select, .browserIE .broadband_sectiondiv table select {
	margin: 0 0 14px;
	vertical-align:middle;
}

.browserIE6 .landline_sectiondiv table input, .browserIE6 .broadband_sectiondiv table input, .browserIE6 .landline_sectiondiv table select, .browserIE6 .broadband_sectiondiv table select {
	margin: 0 0 20px 0;
	vertical-align:middle;
	float:left;
}
body.browserIE6 table.lookupTable td.lookupTableFirst {
	width:265px !important;
}
body.browserIE6 .landline_sectiondiv div.progressBar {
	width:100% !important;
}
.browserIE .toggle_container {
	margin: 0 0 5px 10px;
}
body.browserIE6 .bundleBox H2.standardTop {
	margin-right:-26px;
}
body.browserIE6 .bundleBox {
	height:333px !important;
	width:208px !important;
	margin-right:0 !important;
}
body.browserIE6 .bundleBoxLarge {
	height:400px !important;
}
body.browserIE6 .bundleBoxLarge p {width:400px !important;}
body.browserIE7 .bundleBox ul.pullList, body.browserIE6 .bundleBox ul.pullList {
	width:195px;
}
body.browserIE7 .bundleBox h2, body.browserIE6 .bundleBox h2 {
	position: relative !important;
}
body.browserIE7 .bundleBox h3, body.browserIE6 .bundleBox h3 {
	font-weight:normal !important;
	margin-top:-20px !important;
}
body.browserIE7 .bundleBox p.bundleSub, body.browserIE6 .bundleBox p.bundleSub {
	margin: -10px 0 15px !important;
}
body.browserIE6 .bundleBox h2 span {
	width:200px !important;
}
body.browserIE6 .bundleBox h3.titleTwoLine, body.browserIE7 .bundleBox h3.titleTwoLine {
	padding: 9px 0 5px 0;
}
body.browserIE7 ul.bundleStatement, body.browserIE6 ul.bundleStatement {
	margin-bottom:-8px !important;
}
body.browserIE7 .button-blue-new, body.browserIE6 .button-blue-new {
	cursor:pointer !important;
}
body.browserIE7 ul.bundleStatement li {
	margin: 0;
}
.browserIE6 .newColMargin {
	margin-left:8px;
}
body.browserIE6 ul.bundleStatement li {
	margin: 0;
}
body.browserIE6 ul.bundleStatement li.content, body.browserIE7 ul.bundleStatement li.content {
	margin: 0;
}
body.browserIE6 ul.bundleStatement li.top {
	background-position: bottom right;
}
body.browserIE7 ul.bundleStatement li.bottom {
	background-position: top left;
	position:relative;
	top:-9px;
	left:0;
}
body.browserIE6 ul.bundleStatement, body.browserIE7 ul.bundleStatement {
	margin: 0;
	padding: 0;
	float:left;
}
body.browserIE6 .StandardInfoLarge {
	padding: 0 !important;
}
body.browserIE6 .top-banner #main_nav li.last {
	float: left;
	margin-right: 0px;
	margin-left: 5px;
}
body.browserIE6 .top-banner .gsearch_form input {
	height: 26px;
}
body.browserIE6 .top-banner #main_nav li.l2 a {
	width: 117px;
	background-image: url(../images/corporate-sprite.gif);
}
body.browserIE6 .top-banner #main_nav li.l1 a {
	width: 155px;
	background-image: url(../images/200-sprite.gif);
}
body.browserIE6 .top-banner #main_nav li a:hover {
	background-position: 0px -65px;
}
body.browserIE6 .top-banner #main_nav li.l4 {
	width: 104px;
	background-image: url(../images/myo2-tabs.gif);
}
body.browserIE6 .top-banner #main_nav li.l3 {
	width: 128px;
	background-image: url(../images/support-tabs.gif);
}
body.browserIE6 .top-banner #main_nav li.l2 {
	background-image: url(../images/corporate-tabs.gif);
}
body.browserIE6 .top-banner #main_nav li.l1 {
	background-image: url(../images/200-tabs.gif);
}
body.browserIE6 .top-banner #main_nav li.l3 a {
	width: 95px;
	background-image: url(../images/support-sprite.gif);
}
body.browserIE6 .top-banner #main_nav li.l4 a {
	width: 77px;
	background-image: url(../images/myo2-sprite.gif);
}
body.browserIE6 .top-banner #main_nav li.last a {
	background-image: url(../images/o2businessbg.gif);
}
body.browserIE6 .top-banner #main_nav li.last a:hover {
	background-position: 0 0;
}
.browserIE7 ul.o2-left-nav li a  {
	display: inherit;
}



.browserIE7 td#bolts1 table {border-collapse: collapse;}
.browserIE7 td#minTypes table td {margin: 0 0 5px 0;}
.browserIE7 .basket-product-name {padding-bottom:5px;}
/*------------ Chrome ----------------*/

.browserChrome .landline_sectiondiv div#selectInstallAddress, .browserChrome .broadband_sectiondiv div#selectInstallAddress {
	padding: 6px 0 0 10px;
}
.browserChrome select#Monthly_Tariff_0 {
	float: left;
	top: -4px;
	vertical-align: top;
	position: relative;
}
.browserChrome .button-blue span {
	padding: 4px 8px 8px 18px;
}

/* ------------------------ Minute Bolt On's Dev Work ------------------------------------- */

ul li#checkResultText p span {
	text-align:left;
	float:none;
}
ul li#checkResultText p {
	float:left;
	width: 100%;
	margin: 0 0 10px 0;
}

.browserFirefox #screenlayout__2.landline_sectiondiv div.extraServices table input, .landline_sectiondiv #destinationOfMinutes td#minTypes input {
	margin: 2px 0 14px 0;
}
table#boltOn_titles tr:first-child td {
	font-size: 12px;
}
table#numberOfMinutes td {
	height: 30px;
	vertical-align: middle;
	padding: 0;
	width: auto;
}
td#minNumber {
    padding: ;
    width: 112px;
}
td#minNumber table td {
	padding: 0!important;
}
table#numberOfMinutes td.boltOnFieldLabel, #destinationOfMinutes td:first-child {
	vertical-align: top;
	width: 130px;
}
td.bolts1 {
	border:none;
}
td#bolts1, td#minNumber {
    border: medium none !important;
}
td.ukLandline, td.o2Mobile, td.llandMob {
    padding: 0 10px 0 0 !important;
    text-align: right;
    width: 60px !important;
}
td.ukLandline div, td.o2Mobile div, td.llandMob div {
	font-size: 12px;
	color: #4f5357;
}
.browserIE8 td#minNumber {
	width: 79px!important;
}
td#minNumber {
    padding: 29px 0 0 !important;
    width: 76px !important;
}
td#bolts1 table {
	border-collapse: separate;
	border-spacing: 6px 0;
}
.browserIE td#minNumber table td {
	vertical-align: bottom;
}
.browserChrome td#minNumber, .browserIE td#minNumber {
	padding: 31px 0 0 !important 
}
table#boltOn_titles td label {
	font-size: 10px;
}
table#boltOn_titles td {
	text-align:center;
	width: 70px;
}
div.minuteOptionbg {
	display:none;
}
div#minuteBoltOnsContainer {
	position:relative;
}
table#numberOfMinutes {
	z-index: 20;
	position:relative;
	background:none;
}
div.CallstoO2Mobiles, div.CallstoUKLandlines, div.CallstoUKLandlinesandMobiles {
	background: #ededed; 
	width: 143px;
	position:absolute;
	z-index: 10;
	bottom: 20px;
	height: 285px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
}
.browserIE7 div.CallstoO2Mobiles {
	bottom: 6px;
}
div.CallstoO2Mobiles {
	right: 6px;
}
div.CallstoUKLandlines {
	right: 169px;
}
div.CallstoUKLandlinesandMobiles {
	right: 341px;
}
td#minTypes table tr td label {padding-top:2px !important;}

div.pricesDescText {
    float: left !important;
    font-size: 10px;
    margin: 0 0 25px;
    position: relative;
}
div.broadband_sectiondiv#screenlayout__1 td {
	font-size: 12px;
}

/*form field that looks like text*/

input#Online_Line_Charge_0 {border:0 !important; background-color:#fff !important; color:#787878; margin: -6px 0 14px !important; font-size:14px !important;}

.browserChrome input[disabled="disabled"] {color:#3d3d3d !important;}

BODY.browserIE6 input#Online_Line_Charge_0, BODY.browserIE7 input#Online_Line_Charge_0, BODY.browserIE8 input#Online_Line_Charge_0 {margin: -3px 0 14px !important;}



BODY.browserIE6 #screenlayout__1.broadband_sectiondiv table {width:440px;}
h1.titleCheckout {float:none !important; text-indent: -9999px;n}
/* styling related to contact page and ie6 not supported message */ 
.contactMessage p {font-size:13px;}
#notSupported p {font-size:13px; padding-bottom:10px;}
#notSupported p a {text-decoration:none; color:#0086c3;}
#notSupported p a:hover {color:#0086c3;}
#notSupported {padding-bottom:20px;}
.headUnderline {background:url(../images/o2_shopNav_greyDotted.png) bottom left repeat-x;}
#notSupported h1 span {background:url(../images/errorBg.png) 5px left no-repeat; padding-left:25px;}
BODY.browserIE6 .checkbox {border:0 !important; width:20px !important;}
BODY.browserIE6 .contactMessage {width:500px !important;}


/* re-styled landline & broadband */

.broadbandTop p {background: url("../images/busHomeDotted.png") top left repeat-x !important;}

.broadbandTop p, .broadbandTop ul {padding:0 0 0 10px;}

.broadbandLandingHeader p, .landlineLandingHeader p {padding:30px 0 29px 10px !important; line-height:1.4em; font-size:13px; float:left;}
.mllLandingHeader p {
	float:left;
	width: 100%;
	position:realtive;
	line-height:1.4em; font-size:13px;
}
.broadbandLandingHeader p br, .landlineLandingHeader p br, .mllLandingHeader p br  {padding-top:8px;}
ul.listTick {float:left; padding:0 0 0 10px;}


.standardOptionBox {position:relative; float:left; width:100%;}
.standardOptionBox .button-blue-thin {position:absolute; top:94px; left:30px;}
.standardOptionBox h2 {font-size:28px; color:#5d6164 !important; margin:0 !important; padding:0 0 0 10px;}


.standardOptionBox p {font-size:14px; color:#000 !important; padding:5px 0 0 10px;}
.standardOptionBox .bundleSub {font-size:14px !important; padding-bottom:20px;}
.standardOptionBox ul {
	background-color:#f4f4f4;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	padding:20px;
	margin:20px 0 40px 0;
	line-height:1.4em;
}
.standardOptionBox ul li {
	padding-left:125px; 
	font-size:13px;
}

.standardOptionBox ul li .spaceProdLast {
	display:block; 
	padding-top:10px;
}

#sessionBasket {
	width: 225px;
	padding: 0;
	margin-bottom: 30px;
	background: url("../images/miniBasketMainBG.png") bottom left repeat-x; /*amended image added cs 03/05/2012*/
	font-size:13px;
}
#sessionBasket a {
	text-decoration:none;
	color:#0086C3;
	margin:0;
}
#basketQuantity {
	float:left;
	padding:10px 0 11px 42px;
	margin:0;
}

#basketImage {
	background: url("../images/mobileBskt.png") 5px 6px no-repeat;
	float: left;
	margin: 0;
    padding: 0;
}
.bskNotEmpty {
	background: url("../images/mobileBskt2.png") 5px 6px no-repeat !important;
}
/* make ll & bb buttons bigger */
.formProgressButtons .button-blue, .overviewBasket .button-blue {
	background: url("../images/o2_productButtonLBlue.png") no-repeat top right;
	text-decoration: none !important;
	color: #fff !important;
	cursor: pointer !important;
	margin:11px 4px 0 15px !important;
}
.formProgressButtons .button-blue span,  .overviewButtons .button-blue span {
	background: url("../images/o2_productButtonLBlue.png") no-repeat top left;
	margin: 0 10px 0 -10px !important;
	padding: 5px 8px 7px 18px !important;
	position: relative !important; /*fix IE6 not displaying prob*/
	float:left !important;
	height:18px !important;
	color:white !important;
	font-size:14px !important;
}
.formProgressButtons .button-blue span:hover, .overviewButtons .button-blue span:hover {
	text-decoration:underline !important;
}

.formProgressButtons {
	width: 100%;
	float:left;
	position:relative;
}
.backBtn span {
	background-position: 0 -30px !important;
	height: 18px;
	cursor: pointer;
}
.backBtn {
	cursor: pointer;
	background-position: 100% -30px !important;
	position: relative;
	float: right;
}

.bbLanding .standardOptionBox .button-blue-thin {
	top: 113px;
}

#provide-type-panel {float:left; width:702px;}

#emailConf h2 {font-size:14px; font-weight:bold;}
#emailConf p {font-size:14px;}
.checkout_sectiondiv {float:left;}
.checkout_sectiondiv .formIntroTxt {margin:0 0 20px 0;}


/* Mobile Landline Landing Changes 16-10-2012 - Jay Hughes */

.mllLandingHeader p {
    float: left;
    font-size: 13px;
    line-height: 1.4em;
    padding: 7px 0 7px 10px !important;
    width: 100%;
}
.mllLandingHeader ul.listTick li {
    float: left;
    font-size: 12px;
    margin: 3px 0 10px;
    padding: 1px 0 3px 23px;
    width: 325px;
}
.mllLandingHeader h2 {
    color: #5D6164 !important;
    float: left;
    font-size: 28px;
    margin: 20px 0 !important;
    padding: 0 0 0 10px;
    width: 100%;
}
.mllLandingHeader {
    padding-top: 10px;
}
.mllLandingHeader dl {
    border-right: 1px solid #F6F6F6;
    float: left;
    margin: 0 0 0 14px;
    padding: 0 6px 0 0;
    width: 30%;
}
.mllLandingHeader dl.lastDL {
    border: medium none;
    margin: 0 0 0 14px;
}
.browserIE7 .mllLandingHeader dl {
	width: 215px!important;
}
.mllLandingHeader dd {
    float: left;
    padding: 0 0 0 5%;
    width: 95%;
}
.browserIE7 .mllLandingHeader dd {
	padding: 0;
}
.mllLandingHeader dt.fruitiger {
    float: left;
    font-size: 17px;
    padding: 0 0 20px;
    width: 100%;
}
.mllLandingHeader ul.mllBullets {
	float:left;
	width: 100%;
}
.mllLandingHeader ul.mllBullets li {
    float: left;
    font-size: 12px;
    list-style-type: none;
    margin: 3px 0 10px;
    padding: 1px 0 3px;
	color: #0086C3;
    list-style-type: disc;
	width: 100%;
}
.browserIE7 .mllLandingHeader ul.mllBullets {

	list-style-type:disc !important;
}
.browserIE7 .mllLandingHeader ul.mllBullets li {
	float:none !important;
	text-align:left !important;
	margin-left:15px !important;
	width: 190px;
}
.mllLandingHeader ul.mllBullets li span {
	width: 190px;
}

.mllLanding 
.standardOptionBox {
    background-color: #F4F4F4;
    border-bottom: 1px dotted #999999;
    border-top: 1px dotted #999999;
    line-height: 1.4em;
    margin: 20px 0 40px;
    padding: 20px;
	width: 94%;
}

.mllLanding .standardOptionBox ul {
    border: medium none;
    margin: 0;
    padding: 0 0 0 25px;
}
.mllLanding .standardOptionBox ul li {
    font-size: 13px;
    padding: 5px 0 5px 125px;
}
.mllLandingHeader ul.mllBullets li span {
	color: #4F5357 !important;
}
.browserIE7 .mllLandingHeader ul.mllBullets li span {
	float:left !important;
}
.browserIE7 .mllLandingHeader dd {
	width: 210px;
}
.browserIE7 .mllLandingHeader ul.mllBullets li {
	
}

.mllLanding 
.standardOptionBox p {
    color: #000000 !important;
    font-size: 14px;
    padding: 5px 0 0 10px;
}

h3#mllProductBlue {
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 0 0;
    width: auto;
}
.standardOptionBox .button-blue-thin {
    left: 30px;
    position: absolute;
    top: 136px;
}
.mllLanding  .button-blue-thin {
	top: 44px!important;
}
.mllLanding .button-blue-thin span {
    padding: 2px 2px 1px 14px;	
}
.mllSteps, .mmlFaqContainer, .mll_any_questions, .mml_faq_container {
	float:left;
	font-size: 13px;
	border-bottom: 1px dotted #999999;
	padding: 0 0 25px 0;
	width: 96%;
}
.mll_a {
	float:left;
	width: 100%;
	margin: 10px 0;
}
.mll_a p {
	width: 100%;
}
.mll_any_questions {
	padding-top: 20px;
	border-bottom: none!important;
}
.mml_faq_content  .mml_faq_container {
	float:left;
	position:relative;
}
ul.mml_faq_content li {
	margin: 10px 0;
}
.mll_q_collapsible {
	color:#0086C3;
	text-decoration:underline;
	cursor:pointer;
}
.mllSteps p {
	padding: 15px 0;
}
.mllSteps p.fruitiger, .mllLegal h2, .mmlFaqContainer h2 {
	font-size: 20px;
	font-weight:normal;
}
.mllLegal, .mmlFaqContainer {
	padding: 20px 0;
	float:left;
}
.mllLegal {
	font-size: 11px;
	color:#808081;
}
.newColMargin .mll p {
	font-size: 13px;
	margin: 5px 0;
}

.newColMargin .mll a.mllVideoLink {
    background: url("../images/mobile-landline-video-button.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    height: 111px;
    left: -8px;
    position: relative;
    top: 5px;
    width: 200px;
}

/*O2OnlineInMaintenancePage - custom look and feel*/

.oopsPage {
	width:530px;
	height:530px;
	background:url(../images/oops.png) top left no-repeat;
	margin:-8px 0 0 0;
	padding:258px 0 0 0;
	font-size:11px;
	line-height:1.6em;
}
.oopsPage p {
	display:block;
	width:284px;
	background: url("../images/o2_shopNav_greyDotted.png") repeat-x scroll 0 bottom transparent;
	margin:0 auto 0 104px;
	min-height: 23px;
    padding: 10px 0;
}
.oopsLinkLeft {float:left;}
.oopsLinkRight {float:right;}
.oopsPage p.oopsNoBord {background-image:none !important;}

.o2FootDisclaim, .footSlim, .extraFoot {
	color: #999999;
    font-size: 11px;
    padding: 20px 20px 0 11px;
	}
