/*Default scroll bar will be available in all browsers */ html{overflow-y:scroll} /*font-family set base font size of 10px=1em set */ body{font-family:Arial, sans-serif;font-size:62.5%;} input[type="number"] {-moz-appearance:textfield;} /*Typography */ h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0 0 5px 0;} h1{font-size:4em;letter-spacing:-1px;} h2{font-size:2.2em;letter-spacing:0;} h3{font-size:1.8em;font-weight:bold;} h4{font-size:1.5em;font-weight:bold;} h5,h6{font-size:1.3em;font-weight:bold;} h1 sup{font-size:25px;} #main-cont, #header, #footer, #headerGradient{margin:0 auto;width:100%;} #content-body{margin:0 auto;min-height:300px;width:970px;} .ie7 #content-body{min-height:213px;} .content-wrapper, .column-wrapper{width:970px;float:left;} .column-wrapper{margin:10px 0 0 0;} .normal-txt {font-size: 100%;font-weight: normal;} .big-and-bold {font-size: 120%;font-weight: bold;} .bigger-and-bolder {font-size: 150%;font-weight: bolder;} .big-txt {font-size: 120%;} .bigger-txt {font-size: 150%;} /*separators*/ .shadow-divider, .shadow-long-divider, .shadow-small-divider, .shadow-medium-divider,.shadow-long-divider2,.shadow-long-divider3,.shadow-divider-left{width:100%;height:10px;margin:20px 0;} .dotted-divider{width:100%;height:1px;margin:15px 0;} /*separators*/ /*button*/ .btn-input, .btn-img{padding:5px 0 20px 0;} .btn-input span, .btn-img > span{font-size:1.3em;float:left;margin:12px 0 0 15px;padding:0 0 0 15px;} .list-link span{font-size:1.3em;float:left;margin:5px 0 0 15px;padding:0 0 0 15px;} .list-link span.no-image{padding:0; margin:5px 0 0 0;} .btn-input.reset-tspace, .btn-img.reset-tspace{padding-top:0;} .btn-input.reset-bspace, .btn-img.reset-bspace{padding-bottom:0;} /*button*/ /*error */ .error,.alert,.notice,.success,.info,.info-color{min-height:55px;margin:10px 0;padding:10px 20px 13px 93px;} .info{padding:11px 20px 13px 87px} .info-small{padding:10px 10px 10px 60px;} .info-color{padding:10px 20px 10px 76px;} .error h3.error-text,.error h3.info-text,.info h3.info-text, .info-color h3.info-text{padding:0 0 12px 0;margin:0;} .error p,.error p,.info p, .info-color p{font-size:1.3em;} .error h3.error-msg,.info h3.info-msg, .info-color h3.info-msg{padding:0 0 11px 0;margin:11px 0 5px 0;} .error p.error-txt-small{font-size:1.1em;} .error p,.info p, .info-color ul,.info-color p{padding:0 0 7px;} .error ul li, .info ul li, .info-color ul li{font-size:1.1em;padding:0 0 5px 0;} .display-error{padding:0 0 10px;} /* Remove this line after Error POC*/ .select-box-error.error-field .error-inline.error-field {margin-left:10px;} /*error */ label, .default{font-size:1.3em;} p.large{font-size:1.5em;} p.small{font-size:1.1em;} /*Utility */ .fleft{float:left;} .fright{float:right;} .cb{clear:both;} ul li{list-style:none;} .hidden{text-indent:-1000px;font-size:0;position:relative} .displaynone, .field-cont span.displaynone{display:none;} .displayblock{display:block;} .inline{display:inline;} .center{text-align:center;} sup{font-size:9px;font-weight:normal;vertical-align:text-top;} .ie7 sup, .ie8 sup{position:relative;top:-3px;} .max-width{width:100%} ol li ol[type="a"] li, ol[type="a"] li{list-style-type:lower-alpha;} .normal{font-weight:normal} legend{font-size:1.8em;} .ie7 legend{margin-left:-6px;} .ie7 ol, .ie8 ol{padding-left:3px;} .fsize1{font-size:1em !important;} /*Form control*/ input,select,textarea{font-family:Arial, Helvetica, sans-serif;} input[type ="image"]:focus{outline-color:-moz-use-text-color;outline-style:dotted;outline-width:1px;} .txt-box, .txt-box-disabled{padding:6px 5px 7px 5px;height:auto;margin:0 8px 0 0; font-weight:normal;font-size:1.3em} .textarea-disabled{padding:5px;width:550px;margin:0 9px 0 0;} select.txt-box-disabled, .ie7 .select-box{height:auto;} .ie7 .txt-box-disabled, .ie7 .pound-box-disabled{display:inline;} .ie7 .txt-box {padding:2px 5px 2px 5px;height:15px;} /*ie10 fix*/ .pound-box-small::-ms-clear{display:none;width:0;height:0;} .pound-box-small::-ms-value{padding-top:2px;} .bill-amount::-ms-clear{display:none;width:0;height:0;} .bill-amount::-ms-value{ padding-top:2px;} /*ie10 ends*/ .txtbox-s{width:138px;} .txtbox-m{width:219px;} .txtbox-l{width:301px;} .txtbox-xs{width:70px;} .txtbox-xl{width:350px;} .select-box{height:31px;padding:5px;margin:0 9px 0 0;font-size:1.3em} .selbox-ms{width:135px;} .selbox-s{width:150px;} .selbox-xs{width:70px;} .selbox-xxs{width:105px;} .selbox-m{width:231px;} .selbox-l{width:313px;} .selbox-xl{width:635px;height:100px;} .ie7 .selbox-xl{width:635px;height:auto;} .selbox-xl option{padding:3px 10px;} .multiselbox-l{width:580px; height:100px;padding:5px;margin:0;} .ie7 .multiselbox-l{height:auto;} .text-area{padding:6px 6px 7px;font-size:1.3em} .txtarea-xl{width:550px;height:160px; padding:3px;} /*Form control*/ /* Registration */ .field-cont{width:100%;} .field-cont legend{font-weight:bold;padding: 0 0 5px;} .field-cont span{display:block;padding:0 0 5px 0;} .field-cont span.no-space{padding:0;} .field-cont p{padding: 5px 0 7px;} .field-cont span.description{display:inline;padding:0;font-size:1.1em} .field-cont p.info-link{margin:5px 0;} .field-cont span.txt-disabled, .field-cont span.textarea-disabled{display:table;font-size: 1.3em; padding:4px 6px;} .field-cont span.description a.tooltip-link, .field-cont p.info-link a{font-size:11px;display:inline-block} .field-cont span.hidden-txt{text-indent:-1000px;font-size:0;height:16px} .field-cont span.disabled-txt{padding:5px;margin:0;width:auto;display:inline-block;font-size:1.3em} .field-cont span.secondary-number-black{font-size:2.75em;} .field-cont .btn-input span, .field-cont .btn-img span{padding:0 0 0 15px;} .panelcontainer .field-cont p{font-size:100%;} .disabled-space{width:100px;height:21px} #directDebitSection .accNumberText{margin: 0px 0px 10px 0;} #directDebitSection .bankaccno .accNumberText .txtbox-dial-s{font-size: 1.2em;} .tooltip,.tooltip:hover,.tooltip:active{font-size:11px;cursor:pointer;} .ie7 .tooltip, .ie7 .tooltip:hover, .ie7 .tooltip:active{line-height:1.7em} /*For IE select box border issue */ .field-cont span.select-box-error, .field-cont span.select-box-error-sm{padding:0;margin:0 8px 0 0;display:inline-block} .select-box-error{display:inline-block;padding:0;margin:0;} .field-cont span.select-box-error .select-box, .field-cont span.select-box-error-sm .select-box, .select-box-error .select-box{margin:0;} .content-area, .intro-content{width:100%;clear:both} .intro-content {padding: 0 0 15px;} .content-area p, .intro-content p.normal {padding:5px 0;font-size:1.3em;} .ie7 .content-area p, .intro-content p.normal {padding:3px 0 5px 0;font-size:1.3em;} .content-area p label{padding:0 0 10px 0;font-size:1.0em;} .intro-content p{padding:5px 0;font-size:1.5em;} /*registration*/ /* Nectar Widgets */ .nectar-confirmation{width:900px;margin:15px 0 10px;padding:0 50px 0 0;} .nectar-lft{width:201px;text-align:center;padding:0 20px 0 0;} .nectar-mid{width:500px;} .nectar-mid p, .nectar-card-bg p{font-size:1.3em;} .nectar-rgt{width:106px;margin:10px 11px 0 0;} .nectar-card-bg{height:126px;} .nectar-card-bg p{font-weight:bold;margin:95px 0 0;} .nectar-points-bg{padding:6px 20px 30px 0;font-size:4em;font-weight:bold;text-align:center;} .nectar-logo-widetxt{width:610px; padding-bottom:5px;} /* Nectar Widgets */ /*radio button and check box */ .choose-group p{width:100%;margin:0;padding:4px 0;float:left;} .ie7 .choose-group p{width:100%;margin:0;padding:2px 0 3px 0;float:left;} .choose-group p.choose-head, .choose-group legend.choose-head{font-size:1.3em;margin:0;padding:0 0 4px 0;} .choose-group p span{margin:0;padding:0;width:21px;float:left;} .choose-group p label{width:auto; padding:1px 0 0 0;float:left;} .ie7 .choose-group p label{width:auto; padding:2px 0 0 0;float:left;} .ie7 .choose-group p label,.ie7 .choose-group p label.mobile-num{width:auto; padding:2px 0 0 0;float:left;} .ie7 .choose-group p label.mobile-num{width:100px;} .ie7 .choose-group p span.span-input{padding:0 0 5px 0;} .choose-group p label.long-txt, .choose-group p span.long-txt{width:95%;} .ie7 .choose-group p label.long-txt label, .ie7 .choose-group p span.long-txt label{float:none;} .choose-group p span label{float:none; padding:1px 0 0 0;} .choose-group span input[type="radio"], .choose-group span input[type="checkbox"]{width:15px;float:left;margin:2px 2px 0 0;padding:0;} .ie7 .choose-group span input[type="radio"], .ie7 .choose-group span input[type="checkbox"]{width:15px;float:left;margin:0;padding:0;} .choose-group p span.choose-desc{padding:3px 0 0 5px;width:auto;float:left;font-size:1.1em;} .ie7 .choose-group p span.choose-desc{padding:1px 0 0 5px;line-height: 1.7em;} .opt-group-energy{margin:0 0 5px 0;} .opt-group-movein{margin:0 0 3px 0;} /*radio button and check box */ /*radio and check box for nectar component*/ .field-cont .nectar-content-holder{width:85%;} .field-cont .nectar-logo-position{margin:-15px 0 0 0;} .choose-group p span.nectar-choose-group{width:auto;float:left;} .choose-group p span.nectar-txtbox{position:relative;margin:-6px 2px;width:auto} .ie7 .choose-group p span.nectar-txtbox{margin:-2px 2px;} .choose-group p span.nectar-txtbox label , .choose-group p span.nectar-txtbox a{float:none;margin:0 5px} .choose-group p span.nectar-txtbox input{margin:0} /*radio and check box for nectar component*/ /*page-template*/ .two-column, .three-column, .left-nav-col, .primary-wide, .primary-medium, .secondary-promo, .secondary-promo-narrow, .secondary-wide, .primary, .secondary, .tertiary, .leftnav-normal, .secondary-normal, .teritary-promo, .primary-wide, .secondary-promo, .secondary-promo-medium {float:left;} .two-column .left-nav-col{width:150px;} .two-column .secondary-wide{width:806px; margin:0 0 0 14px;} .two-column .primary-wide{width:724px; margin:0 14px 0 0;} .two-column .secondary-promo, .three-column .secondary-promo{width:232px;} .two-column .primary-medium{width:642px; margin:0 14px 0 0;} .two-column .secondary-promo-narrow, .three-column .tertiary{width:314px;} .three-column .primary, .secondary{width:314px; margin:0 14px 0 0; } .three-column .leftnav-normal{width:150px; margin:0 14px 0 0;} .three-column .primary-wide, .two-column .primary-wide-hygiene{width:560px; margin:0 14px 0 0;} .three-column .primary-medium{width:396px; margin:0 14px 0 0;} .three-column .secondary-promo-medium{width:396px;} /*page-template*/ /*consumption*/ .consumption, .consumption li{width:642px;} .cons-info-lft{width:264px;} .cons-info-lft h3{margin:33px 0 16px;} .icon-cont{width:100px;height:78px;padding:10px 0 0 10px;} .cons-info-rgt{width:378px;} .cons-info{width:300px;} .consumption-info .address{width:250px;} .details-lft-space.address{width:290px;} .details-lft-space.address p.small{white-space:nowrap;} .cons-type{margin:35px 0 0 0;width:170px;} .cons-type label{margin:0 0 0 4px;font-size:1.8em;line-height: 1.1em;} /*consumption*/ /*navigation link*/ .primary-link,.primary-link:hover,.primary-link-back,.primary-link-back:hover{font-size:1.8em; padding:10px 0 10px 51px;margin:0; display:inline-block;} .secondary-link,.secondary-link:hover{font-size:1.6em;font-weight:bold;padding:1px 0 0 20px;margin:0 0 15px 0;} .secondary-link-combo, .secondary-link-combo:hover{font-size:1.6em;font-weight:bold;padding:1px 0 0 36px;margin:0 0 15px 17px;} .tertiary-link,.tertiary-link:hover{ font-size:1.3em;padding:0 0 0 15px;margin:0 0 10px 0;font-weight:bold;} .tertiary-link-combo,.tertiary-link-combo:hover{font-size:1.3em;padding:0 0 0 36px;margin:0 0 10px 18px;font-weight:bold;} .tertiary-aligned-to-secondarylink, .tertiary-aligned-to-secondarylink:hover{ font-size:1.3em;padding:0 0 0 19px;margin:0 0 10px 1px;font-weight:bold;} .fourth-level-link,.fourth-level-link:hover{ font-size:1.3em;padding:0 0 0 16px;margin:0 0 10px 0;} .primary-link:hover,.secondary-link:hover, .secondary-link-combo:hover, .tertiary-link:hover, .tertiary-link-combo:hover, .tertiary-aligned-to-secondarylink, .tertiary-aligned-to-secondarylink:hover, .primary-link-back:hover,.fourth-level-link:hover{text-decoration:underline;} /* for cq components */ p span.primary-link, p span.primary-link:hover, p span.primary-link-back, p span.primary-link-back:hover{font-size:1.4em;} p span.secondary-link, p span.secondary-link:hover, p span.secondary-link-combo, p span.secondary-link-combo:hover{font-size:1.25em;} p span.tertiary-link, p span.tertiary-link:hover, p span.tertiary-link-combo, p span.tertiary-link-combo:hover, p span.tertiary-aligned-to-secondarylink, p span.tertiary-aligned-to-secondarylink:hover, p span.fourth-level-link, p span.fourth-level-link:hover,.overlay p a.fourth-level-link, .overlay p a.fourth-level-link:hover{ font-size:1em;display: inline-block; margin-bottom:0;} /* end of cq components */ /*navigation link*/ /*Input box Pound symbol*/ .pound-box-small, .ie7 .pound-box-small{padding-left:20px;width:123px;} .ie7 .payment .txtbox-s, .ie7 .payment .txtbox-m{width:123px; height:32px;} .pound-box-large, .ie7 .pound-box-large{padding-left:23px; width: 123px;} /*get a quote new approach*/ .gradient-filler-prop{float:left;width:100%;} .gradient-filler-prop .icon-holder{padding:15px 15px 0 15px;} .quote-step{float:left;width:80%;padding:15px 0 0 0;} .step-process h2{width:87%; float:left;font-size:1.7em;font-weight:bold;} .inactive-title{padding:35px 0 0 0;} .step-done{padding:15px 0 0 0;} .step-process .info-block{clear:both;padding:0 0 20px 0;width:100%;float:left;} .step-process .info-block p{clear:both;font-size:1.3em;margin:0 0 5px;width:auto;float:left;} .step-process .info-block .info-value{padding:6px 10px;clear:both} .step-process .shadow-long-divider,.step-process .dotted-divider{clear:both;height:3px;width:95%;margin:0;} .step-process .edit-details{display:none;clear:both;float:right;height:20px;clear:none;margin:0;padding:6px 0 0 35px;} .step-process .plft-space{padding:3px 0 10px 20px;} /*get a quote new approach*/ /* GAQ result page in rewrite */ button#getQuote{display:none; float:left; margin:15px 0 0 130px;} .cq-wcm-edit button#getQuote{display:block; float:left; margin:15px 0 0 130px;} .result-header{margin:0 0 20px;} p.best-deal{padding:10px;font-weight:bold; text-align:center;} .price-gaq{font-size: 2.6em;} .gap-price-container{padding:0 20px;} .text table a.fourth-level-link{font-size:1em; margin:0 0 0 50px;} .text table.table-gaqhead .findoutmore{margin:0 0 0 35px;} .gap-price-box {padding:10px 30px 10px 10px;margin:0 0 0 10px;} table.table-gaqhead{width:100%;} table.table-gaqhead th{padding:15px 10px;font-size:1.2em;font-weight:700;} .text table a.primary-link{font-size:1.5em;} .info-block .text.parbase p, .text.fuelDetailsContent p{padding:0;} .text.fuelDetailsContent{float:left;} .overlay-lft{width:48%; float:left;} .overlay-rgt{width:50%; float:right;} .gapr{margin:11px 0 0;} .gapr .fuel-type{font-size:1.8em;} .result-header .gap-fuel{padding:0 40px 0 0; width:auto;} /* GAQ result page in rewrite */ /*Your quote & GAQ result page*/ .call-no{font-weight:600;} .call-info-container{margin:10px 0 0 50px;} .price-container{width:190px; padding:0 35px 0;} .info-firstbox{padding:0 40px 0 0;width:290px;} .sticky{padding:5px 0 0;} .sticky-holder{position:relative;} .sticky-img{position:absolute; right:0;top:0;} .ie7 .header.row-wrapper{padding-bottom:0px;} #energyusedyes #annualelectricity, #energyusedyes #annualgas{margin:5px 0} .energyusageNextButton #nextEnergy-details, .fuelTypeNextButton #nextFuelType{margin:7px 0 0;} .move-align{padding-left:35px} .ie7 .move-align{padding-left:35px;float:left;white-space: nowrap;} .personalprojection .best-deal {margin:0 auto;max-width: 300px;width: 90%;font-size: 1.3em;} .landlords-assumptions{margin:0 0 0 19px;width:570px} .unitrates .accordion{margin-top:0px;} .mddoverlay {margin-left:5px;} .mddoverlay,.monthlytext{float:left;} #postcode-details-show .field-cont fieldset div.postCode{margin: 0 0 10px;} #postcode-details #gaqlogin #addrSelectbox{margin: 10px 0 15px;} #fuelcheckbox.choose-group .fuelContent p label{float: none} .ie7 .row-wrapper.col-3 .td-detail .genericButton,.ie8 .row-wrapper.col-3 .td-detail .genericButton{margin-left:60px;} .horizontalalign{margin-top:10px;} /*Your quote & GAQ result page*/ /*Login n Logout*/ .login-nb-box{width:303px;} .login-nb-box .field-cont p.info-link{margin:-5px 0 10px 0;} .login-nb-box .no-margin{margin:0;} .login-nb-box .no-margin span.description{padding:0;} .login-nb-box .field-cont{margin:0;padding:5px 0 7px 13px;} .login-nb-box h2{padding:10px 0 10px 13px;height:25px;margin:0 0 5px;} .login-nb-regbox{padding:15px;} .ie7 .login-nb-regbox{padding:20px 13px 6px 13px;} .login-nb-box .login-nb-regbox h2{padding:0;height:auto;} .login-nb-box .btn-input{padding:13px 0 2px 0;margin:0;} .login-nb-regbox a, .login-nb-regbox a:hover {margin:10px 0 15px 0;} .logoutmsg-altheader {margin:14px 0 0 350px;} .info-color.login-info-container{width:854px;} /*Login n Logout*/ /* Get a Quote logout-time- details */ .session-logout{margin:0 15px;} .session-logout p{font-weight:normal;padding:10px 0 0;} .logout-time{width:540px;} .logout-time p{font-size:1.8em;padding:15px 5px 0 0;} .logout-time span{display:block;font-size:4.1em;padding:0 3px;} /*---------------------------------------------------------------------------------------static component---------------------------------------------*/ .text ul li span, .text ul li span:hover,.text p, .choose-group .onclicktermAndConditionsChk p label, .promo-content p, .overlay p, .panel-content p, .content p, .blue-promo p, .blue-promo p label, .grey-promo p, .grey-promo p label, .modalDialog .field-cont p span label, .tariff-section .choose-group p label, .content-area select, .text ol li ol li, ol li ol li{font-size:100%} /*overlay form element*/ .modalDialog .field-cont p span.description{font-size:0.85em} .modalDialog .error ul li{font-size:1.1em} /*overlay form element*/ /*Text Component */ .text{margin-bottom:5px;clear:both;display:inline;} .text p, .promo-content p, .overlay p, .panel-content p,.content p, .blue-promo p,.grey-promo p{font-size:1.3em; padding-bottom:5px;} .text.parbase p {padding-bottom:10px;} .text p a:hover{text-decoration:none;} .text .icon{display:block; clear:both; overflow: visible;} .text .icon img {margin-top:-5px;} /*Rich text Editor */ p .large, p .large-blue{font-size:1.15em;} p .small{font-size:0.85em;} .ie7 p .small{line-height:1.38;} .text td,.text th{font-size:1.3em;} .nectar-point-style{font-size:1.2em;font-weight:bold;} .nectar-point-style b,b .nectar-point-style{font-size:1.5em;} p.MsoNormal > span:first-child{display:inline;text-indent:-1000px;width:10px;} .bt-content ul li, .text ul li, .promo-content ul li, .overlay ul li, .panel-content ul li, .content ul li, .blue-promo ul li,.grey-promo ul li,.text ol li, .promo-content ol li, .overlay ol li, .panel-content ol li, .content ol li,.blue-promo ol li,.grey-promo ol li{padding:3px 0;font-size:1.3em; font-weight:normal; margin-top:0; margin-bottom:0;} /*cq component - bullet*/ h4.list-item{margin:0;padding:20px 0 0 0;width:100%;} ul.list-cont, ol.list-cont{width:100%;} ol.list-cont li{list-style-type:decimal;margin:3px 0 3px 23px;font-size:1.3em; font-weight:normal;} ul.list-item li{margin:3px 0 3px 0;font-size:1.3em;} ul li span.gap-cross, ul li span.tick, ul li span.bullet, ul li span.white-tick, ul li span.tick-black, ul li span.cross,ul li span.voucher-list{padding:0 0 0 22px;display:block;clear:both} ul li span.circle {padding: 0 0 0 22px;display: block;clear: both;} ul li span.voucher-tick-list{padding:0 0 0 22px;display:inline;clear:both} /*cq component*/ /*bullets*/ /* Accordion */ .widget-1{padding:16px 18px;} .accordion{margin:10px 0;} .accordion .promo-padding{padding:0;} .accordion-head-chi,.accordion-head-chi:hover{cursor:pointer;padding:4px 0 14px 34px;font-size:1.3em;} .accordion-content-chi{padding:0 0 22px 0;} .accordion-panel{padding:20px 0;} .accordion-panel-chi{padding:20px 0 0 0;} .accordion-panel ul li, .accordion-panel-chi ul li{margin:0;} .accordion-panel ul li.first, .accordion-panel-chi ul li.first{margin:8px 0 0;} .accordion-panel a, .accordion-panel-chi a{font-weight:normal;} .expand-collapse {padding:5px 0;} .expand-collapse p.accordion-head, .expand-collapse p.accordion-head:hover, a.accordion-head, a.accordion-head:hover{cursor:pointer;padding:5px 0 5px 34px;font-size:1.3em} .accordion-content{padding:10px 0 0 34px;overflow:hidden;display:none;} /* Accordion - New */ /*E Shop*/ .review-edit { margin-top: -30px;} .ndash-rgt{margin:9px 8px 0 0;} .ie7 .ndash-rgt{margin:5px 8px 0 0;} /*overlay*/ .overlay-compo{clear:both;overflow:hidden;padding: 5px 0 7px;} .overlay-compo p{float:left;margin:0;padding:0;} .overlay-compo .overlay-tooltip{float:left;margin:0 0 1px 5px;} .overlay-compo .overlay{display:inline;} .overlay-compo span{clear:both;display:block;} .overlay-compo em{clear:none;} /*overlay*/ /*youtube(yt) overlay - component modification to include thumnails*/ .yt-space{padding:0 14px;} .yt-thumbnaildesc{padding-left:3px;width:151px;} .yt-txtversion{padding-top:14px;padding-bottom:5px;} .yt-othertopics{padding-top:5px;padding-bottom:14px;} .yt-largeplayer{width:560px;height:315px;} .yt-smaller{width:315px;height:177px;} .yt-small{width:273px;height:154px;} .you-tube-video-container{text-align: center; margin: auto; display:block; overflow:hidden;position:relative;-webkit-text-size-adjust:none;} /*Left Menu Navigation - Changed for Left Nav CR */ .left-nav{width:100%;overflow:hidden;display:block;font-size:1.3em;} .left-nav .top-page > a:first-child{padding-left:10px;font-size:11px;width:140px;} .left-nav .top-page > .current:first-child{padding-left:5px;width:140px;} .left-nav ul{margin:0;padding:0;} .left-nav a{float:left;width:100%;text-decoration:none;padding:6px 0 3px 5px;} .left-nav a:hover{text-decoration:underline;} .left-nav .current{display:inline-block;width:100%;padding:6px 5px;font-weight:bold;} .left-nav .current li a{padding:0;} .left-nav li ul li ul{padding-left:5px;} .left-hand-gradient{height:150px;clear:both;margin-left:-5px;} .left-nav .top-page ul li .current, .left-nav .top-page ul li a{width:140px;padding:6px 5px;} .left-nav .top-page ul ul li .current, .left-nav .top-page ul ul li a{margin-left: -5px; padding:6px 5px 6px 10px;width:135px;} .left-nav .top-page ul ul ul li .current, .left-nav .top-page ul ul ul li a{margin-left: -10px; padding:6px 5px 6px 15px;width: 130px;} .left-nav .top-page ul ul ul ul li .current, .left-nav .top-page ul ul ul ul li a{margin-left: -15px; padding:6px 5px 6px 20px;width: 125px;} .left-nav .top-page ul ul ul ul ul li .current, .left-nav .top-page ul ul ul ul ul li a{margin-left: -20px; padding:6px 5px 6px 25px;width: 120px;} .as_leftnav .left-nav .top-page > a:first-child, .left-nav .top-page > .current:first-child a{padding-left:5px; font-weight: 400;} .stmt-leftnav .left-nav ul ul ul li:first-child{width: 100%;padding-left:5px;display:inline-block;font-weight: 400;} /* Left Menu Navigation*/ /* Breadcrumb Starts */ .menu-wrap{padding:0 0 13px 0;} .ie7.menu-warp{padding: 0 ;} #breadcrumb{padding: 0 0 10px;width:970px;float:left;} #breadcrumb ul{margin:0 0 0 5px;padding:0;} #breadcrumb ul li{margin:0 5px 0 0;padding:0;width:auto;float:left;} #breadcrumb ul li.trail-page, #breadcrumb ul li.active-page{width:auto;float:left;} #breadcrumb ul li.active-page{padding:4px 0 0 0;font-size:1.1em} #breadcrumb ul li span{font-size:1.1em;margin-top:3px;width:auto;float:left;} #breadcrumb ul li a{padding:4px 5px 0 0;width:auto;float:left;font-size:1.1em;} #breadcrumb ul li a.home{text-indent:-1000px;display:block;width:14px;} /* Breadcrumb Ends */ /* New Breadcrumb for Model Sales Starts */ #breadcrumb ul.modelSales { list-style: none;overflow: hidden; font: 10px Helvetica, Arial, Sans-Serif;} #breadcrumb ul.modelSales li { float: left; margin:0;padding:0;} #breadcrumb ul.modelSales li span {display:none} #breadcrumb ul.modelSales li a.home {text-indent: 0;width:auto} #breadcrumb ul.modelSales li a, #breadcrumb ul.modelSales li.active-page{padding: 10px 0 10px 40px; position: relative; display: block;float: left;} #breadcrumb ul.modelSales li a:after, #breadcrumb ul.modelSales li.active-page:after{content: " "; display: block; width: 0; height: 0; position: absolute;top: 50%;margin-top: -50px; left: 100%;z-index: 2;} #breadcrumb ul.modelSales li a:before { content: " "; display: block; width: 0; height: 0;position: absolute; top: 50%;margin-top: -50px; margin-left: 1px;left: 100%;z-index: 1;} #breadcrumb ul.modelSales li:first-child a {padding-left: 10px;} #breadcrumb ul.modelSales li:last-child a {cursor: default;} #breadcrumb ul.modelSales li:last-child a:after {border: 0;} .ie8 #breadcrumb ul.modelSales li a:after, .ie8 #breadcrumb ul.modelSales li.active-page:after {display: none;} .ie7 #breadcrumb ul.modelSales li.last-trail-page a.home:hover, .ie8 #breadcrumb ul.modelSales li.last-trail-page a.home:hover{padding-left:20px;} .ie7 #breadcrumb ul.modelSales li a.home, .ie8 #breadcrumb ul.modelSales li a.home, .ie7 #breadcrumb ul.modelSales a.home:hover, ie8 #breadcrumb ul.modelSales a.home:hover {padding-left:20px} .ie8 #breadcrumb ul.modelSales li a:before, .ie8 #breadcrumb ul.modelSales li a:after{display: none;} /* New Breadcrumb for Model Sales Ends */ /* Progress Bar Starts */ #progress-bar {float:left; width:930px; margin:0 20px 15px 20px;} #progress-bar ul {width:100%;float:left;} #progress-bar ul li {float:left; width:auto;} #progress-bar ul li.last {float:right;} #progress-bar ul li span {font-size:1.3em; padding:65px 0 0 0; text-align:center; width:110px;display:block; min-width:75px;} #progress-bar ul.stepcount-3 li.step-1, #progress-bar ul.stepcount-3 li.step-2{width:410px;} #progress-bar ul.stepcount-4 li.step-1, #progress-bar ul.stepcount-4 li.step-2, #progress-bar ul.stepcount-4 li.step-3{width:273px;} #progress-bar ul.stepcount-5 li.step-1, #progress-bar ul.stepcount-5 li.step-2, #progress-bar ul.stepcount-5 li.step-3, #progress-bar ul.stepcount-5 li.step-4 {width:205px;} #progress-bar ul.stepcount-6 li.step-1, #progress-bar ul.stepcount-6 li.step-2, #progress-bar ul.stepcount-6 li.step-3, #progress-bar ul.stepcount-6 li.step-4, #progress-bar ul.stepcount-6 li.step-5{width:164px;} /* Progress Bar Ends */ /* Modal & non Modal overlay*/ .overlay .right img,.overlay .left img{margin:10px;} .overlay a.tooltip,.non-modal a.tooltip{text-decoration:none;} /* Modal & non Modal overlay*/ /* column control layouts*/ div.parsys_column{width:100%;float:left;vertical-align:top;margin:0;padding:0;} div.cq-colctrl-cols{width:100%;float:left;} div.cq-colctrl-default{width:100%;} div.cq-colctrl-lt0, div.cq-colctrl-lt1, div.cq-colctrl-lt2, div.cq-colctrl-lt3, div.cq-colctrl-lt4, div.cq-colctrl-lt5, div.cq-colctrl-lt6, div.cq-colctrl-lt7, div.cq-colctrl-lt8, div.cq-colctrl-lt9, div.cq-colctrl-lt10,div.cq-colctrl-lt11{clear:both;} /* layout 0 : one-half */ div.cq-colctrl-lt0-c0{width:49%;float:left;} div.cq-colctrl-lt0-c1{width:49%;float:right;} /* layout 1 : one-third */ div.cq-colctrl-lt1-c0{width:32%;float:left;} div.cq-colctrl-lt1-c1{width:32%;margin-left:2%;margin-right:2%;} div.cq-colctrl-lt1-c2{width:31.8%;float:right;} /* layout 2: three-small-one-big */ div.cq-colctrl-lt2-c0{width:21%;float:left;} div.cq-colctrl-lt2-c1, div.cq-colctrl-lt2-c2{width:21%;margin-left:1%;} div.cq-colctrl-lt2-c3{width:34%;margin-left:1%;float:right;} /* layout 3: one-forth */ div.cq-colctrl-lt3-c0{width:24%;float:left;} div.cq-colctrl-lt3-c1, div.cq-colctrl-lt3-c2{width:24%;margin-left:1.25%;} div.cq-colctrl-lt3-c3{width:24%;margin-left:1.25%;float:right;} /* layout 4: one-fifth */ div.cq-colctrl-lt4-c0{width:19%;float:left;} div.cq-colctrl-lt4-c1, div.cq-colctrl-lt4-c2, div.cq-colctrl-lt4-c3{width:19%;margin-left:1.25%;} div.cq-colctrl-lt4-c4{width:19%;margin-left:1.25%;float:right;} /* layout 5 : two-col with right Promo */ div.cq-colctrl-lt5-c0{width:560px;float:left;} div.cq-colctrl-lt5-c1{width:215px;float:right;padding-left:15px;} /* layout 6 : one third two-third */ div.cq-colctrl-lt6-c0{width:65%;float:left;} div.cq-colctrl-lt6-c1{width:32%;float:right;} /* layout 7 : one third two-third */ div.cq-colctrl-lt7-c0{width:32%;float:left;} div.cq-colctrl-lt7-c1{width:65%;float:right;} /* layout 8 : three-fourth one-fourth */ div.cq-colctrl-lt8-c0{width:74%;float:left;} div.cq-colctrl-lt8-c1{width:24%;float:right;} /* layout 9 : one-fourth three-fourth */ div.cq-colctrl-lt9-c0{width:24%;float:left;} div.cq-colctrl-lt9-c1{width:74%;float:right;} /* layout 10 : one-fourth half one-fourth */ div.cq-colctrl-lt10-c0{width:24%;float:left;} div.cq-colctrl-lt10-c1{width:48%;margin-left:2%;margin-right:2%;} div.cq-colctrl-lt10-c2{width:24%;float:right;} /* layout 11 : Account Overview cross-sell */ div.cq-colctrl-lt11-c0{width:63%;float:left;} div.cq-colctrl-lt11-c1{width:35%;float:right;} /* layout 12 : one third two-third */ div.cq-colctrl-lt12-c0{width:60%;float:left;margin-right:2%;} div.cq-colctrl-lt12-c1{width:35%;float:right;margin-right:2%;} /*Text Image Component */ .textimage{overflow:hidden;display:block;} /*This gives flexibility to Authors to define margin*/ .fleft.image-five {margin-right:5px;} .fleft.image-ten{margin-right:10px;} .fleft.image-fifteen{margin-right:15px;} .fright.image-five{margin-left:5px;} .fright.image-ten{margin-left:10px;} .fright.image-fifteen{margin-left:15px;} .center.image-five{margin-bottom:5px;} .center.image-ten{margin-bottom:10px;} .center.image-fifteen{margin-bottom:15px;} /*-- Separator component -- */ .separator-gradient, .separator-left, .separator-full{clear:both;width:100%;height:10px;margin:20px 0;} .separator{clear:both;width:100%;display:block;overflow:hidden;} #right-promo .separator-gradient {height:6px;} .separator .top-space{margin:20px 0 0;display:block;height:1px;} .separator .top-space-10{margin:10px 0 0;display:block;height:1px;} .divider-1, .divider-2{margin:15px 0;height:1px;} .content{clear:none;} /*font-type & phone number*/ .font-type5, .primary-number, .primary-number-black, .primary-number-blue{font-size:3em;} .font-type14, .secondary-phone-number, .secondary-phone-number-black, .secondary-phone-number-white, .secondary-phone-number-blue{font-size: 1.5em;} .secondary-phone-number, .secondary-phone-number-black, .secondary-phone-number-white, .secondary-phone-number-blue{font-weight: bold;} .primary-phone-number, .phone-number, .primary-phone-number-black, .primary-phone-number-blue, .primary-phone-number-white{font-size:2em;font-weight:bold;} .secondary-number, .secondary-number-black, .secondary-number-blue{font-size:2.75em;} .tertiary-number, .tertiary-number-black, .tertiary-number-blue{font-size:1.7em;font-weight:bold;} .adinsightNumber6085, .adinsightNumber6086, .adinsightNumber6087, .adinsightNumber6088, .adinsighttelephonetype, .adinsightNumber10323, .adinsightNumber10324{font-weight:bold;font-size: 1.15em;} .fourth-level-link.tooltip,.fourth-level-link.tooltip:hover,.fourth-level-link.tooltip:active, .fourth-level-link.tooltip:focus{font-size:1em;} /*Title Component */ .heading{clear:both;} /*widget- panel container*/ .widget-1{padding:15px 15px;} .widget-1.pad-none{padding:0;} .subheader-1{display:block;height:57px;min-height:57px;padding:10px 21px 0 20px;} .subheader-1 h3{float:left;font-size:1.6em;padding:5px 0 0;} .nectar-content{clear:both;padding:10px 19px 5px;} .divider-bottom{padding: 0 20px 0 0;} .divider-middle, .left-divider-middle{clear: both; display: block; margin:0;} .left-divider-bottom{padding: 0 0 0 20px;} .widget-4{padding:10px 0 20px;} .cq-colctrl-lt0-c0 .left-divider-bottom, .cq-colctrl-lt1-c0 .left-divider-bottom, .cq-colctrl-lt2-c0 .left-divider-bottom, .cq-colctrl-lt3-c0 .left-divider-bottom, .cq-colctrl-lt4-c0 .left-divider-bottom, .cq-colctrl-lt5-c0 .left-divider-bottom, .cq-colctrl-lt6-c0 .left-divider-bottom {padding:0;} .ie8 .centerWhite-promo sup{top: 0;} /*widget*/ /*Carousel starts */ .carousel-container{display:block;overflow:hidden;text-align:center;margin:0 -15px;} .carousel-container h3, .carousel-container h4, .carousel-container p{text-align:left;padding-left:22px;} .carousel-box{display:inline-block;text-align:left;margin:auto;} .carousel-slide{float:left;} .carousel-slide .caurosel-items{float:left;margin:0 3px;} .carousel-slide .caurosel-items .content-holder p{margin:3px 0 0;} .carousel-slide .caurosel-items .content-holder .content p, .carousel-slide .caurosel-items .content-holder .text p, .carousel-container p{font-size:1em;} .carousel-slide .caurosel-items .content-holder a{font-weight:bold;} .prevsingle,.prevdouble,.nextsingle,.nextdouble{width:18px;height:35px;text-indent:-2000px;float:left;} .arrow-holder{float:left;width:18px;cursor:pointer;display:none;} #primary-content .carousel-slide.double .caurosel-items .content-holder,#primary-content-narrow .carousel-slide.double .caurosel-items .content-holder{width:255px;} #primary-content .carousel-slide.single .caurosel-items .content-holder,#primary-content-narrow .carousel-slide.single .caurosel-items .content-holder{width:514px;} #primary-content .tabcomponent .carousel-slide.single .caurosel-items .content-holder,#primary-content-narrow .tabcomponent .carousel-slide.single .caurosel-items .content-holder{width:510px;} #primary-content-medium .carousel-slide.double .caurosel-items .content-holder,#main .carousel-slide.double .caurosel-items .content-holder{width:295px;} #primary-content-medium .carousel-slide.single .caurosel-items .content-holder,#main .carousel-slide.single .caurosel-items .content-holder{width:585px;} #primary-content-medium-with-navigation .carousel-slide.double .caurosel-items .content-holder{width:210px;} #primary-content-medium-with-navigation .carousel-slide.single .caurosel-items .content-holder{width:430px;} #primary-content-wide .carousel-slide.single .caurosel-items .content-holder{width:665px;} #right-promo .carousel-slide.single .caurosel-items .content-holder{width:187px;} #right-promo-narrow .carousel-slide.single .caurosel-items .content-holder,#sub .carousel-slide.single .caurosel-items .content-holder{width:265px;} #right-promo-wide .carousel-slide.single .caurosel-items .content-holder{width:350px;} #primary-content-wide .carousel-slide.double .caurosel-items .content-holder{width:335px;} #primary-content-full .carousel-slide.double .caurosel-items .content-holder, #home-page .bottom-par .carousel-slide.double .caurosel-items .content-holder{width:455px;} #primary-content-full .carousel-slide.single .caurosel-items .content-holder, #home-page .bottom-par .carousel-slide.single .caurosel-items .content-holder{width:910px;} #primary-content-hygiene .carousel-slide.double .caurosel-items .content-holder{width:375px;} #primary-content-hygiene .carousel-slide.single .caurosel-items .content-holder{width:758px;} .carousel-slide .new.section{min-width:150px;display:inline-block;} .ie7 .iconcarousel sup{position:static; top:-5px;} .ie7 #kanaJ sup{position:static;} /* Carousel Ends */ /* Table Component 1 */ table.normal-type th{padding:25px 5px 25px 15px;font-size:1.4em;font-weight:bold;line-height:16px} table.normal-type td{padding:20px 5px 20px 15px;font-size:1.3em;} /* Table Component 1 */ /* -- Table Component -- */ .text table{font-size:1em;margin:0 0 10px;} .text table th{padding:15px;} .text table td,.text .table-gradient table td{padding:10px 15px;} .text table th[valign="top"],.text table td[valign="top"]{vertical-align: top;} .text table th[valign="bottom"],.text table td[valign="bottom"]{vertical-align: bottom;} .text table th[valign="middle"],.text table td[valign="middle"]{vertical-align:middle;} .text table th,.text table td{font-size:1.3em;} .text table td p, .text table td li{font-size:1em;} table.table-component tbody td .large, table.table-component tbody th.last-col {font-size:1.4em;} table.table-component tbody td.last-col .large{font-size:1.6em;} /*-- Table Component -- */ /* Table component with Colored head */ table.table-headcolor th{padding:15px 10px;} /* Energy tariff table Table component with Gradient head */ .table-gradient th .large a, .table-gradient th a .large{font-size:1.8em; padding:0 0 12px;} .text .table-gradient td{padding:0;} .text table.inner-table td,.text table.table-gradient th{font-size:1em;} table.inner-table .large{font-size:1.3em;} /*Promo Component */ .blue-promo,.grey-promo{margin:auto;clear:both;} .promo-padding, .panel-padding{display:block;overflow:hidden;padding:15px;} .blue-promo hr,.grey-promo hr{margin:20px 0;padding:0;} .blue-promo p,.grey-promo p{margin:0;} .promobox{margin:0 0 10px 0;} .promo-image.left,.textimage .fleft{display:block;float:left;} .promo-image.right,.textimage .fright{display:block;float:right;} .promo-content{display:block;} .panelcontainer,.contentpromo{margin-bottom:10px; position:relative;} .panelcontainer .panelcontainer,.panelcontainer .contentpromo,.panelcontainer .tariff-panel,.panelcontainer .tariff-panel-left {margin-bottom:0em;} .panelcontainer .primary-panel-hd {height:auto} .content-container,.panel-image{display:block;overflow:hidden;} .panelcontainer div.cq-colctrl-lt1-c2{width:31.9%} /*Content Promo */ .gradient-box,.nectar-box{padding:15px;} .benefit-box{clear:both;padding-right:20px;margin:15px 0;} .benefit-box .promo-image{margin-top:15px;clear:both;} .content-promo-image{margin-right:10px;} div.cq-colctrl-lt0 .gradient-box .max-width h4{margin-top:15px;} /*Page Templates */ #primary-wrapper{width:100%;clear:both;overflow:hidden;display:block;margin-top:10px;} #left-hand-navigation{width:150px;float:left;display:block;min-height:10px;margin:0 14px 0 0;} #content-wrapper-main {display: block;overflow: hidden;} #primary-content,#primary-content-medium,#primary-content-medium-with-navigation,#primary-content-narrow,#primary-content-narrow-with-navigation,#primary-content-hygiene,#primary-content-full{float:left;overflow:hidden;margin:0;} #primary-content-wide{float:left; margin:0;} #primary-content{width:560px;} #primary-content-wide{width:724px;} #primary-content-medium{width:642px;} #primary-content-medium-with-navigation{width:478px;} #primary-content-narrow{width:560px;} #primary-content-narrow-with-navigation{width:396px;} #primary-content-hygiene{width:806px;} #primary-content-full{width:970px;} #right-promo,#right-promo-narrow,#right-promo-wide{float:right;overflow:hidden;margin:0 0 0 14px;} #right-promo{width:232px;} #right-promo-narrow{width:314px;} #right-promo-wide{width:396px;} /*Static - Nectar Points */ .nectarpoints, .nectar-comp-binder, .nectar-comp-large,.nectar-comp-medium,.nectar-comp-small{display:block;overflow:hidden;width:100%;clear:both;} .nectar-points{text-align:center;} .nectar-points span{font-weight:bold;display:block;} .nectar-comp-large,.nectar-comp-medium,.nectar-comp-small {margin:0 0 12px;} .nectar-comp-large .nectar-points{float:left;font-size:1.5em;width:108px;height:81px;line-height:1.2;padding:2px 15px 0px 0;} .nectar-comp-large .nectar-points span{font-size:2em;} .nectar-comp-medium .nectar-points{float:left;font-size:1.3em;width:77px;height:60px;padding:4px 28px 0 3px; line-height: 1.1;} .nectar-comp-medium .nectar-points span{font-size:1.5em;} .nectar-comp-small{margin:0 0 7px 0; height:53px;} .nectar-comp-small .nectar-points{float:left;font-size:1em;width:50px;height:37px;padding:0 10px 0 0; line-height: 1; font-weight: bold; overflow: hidden;} .nectar-comp-small .nectar-points span{font-size:1.4em;} .nectar-comp-small p{padding-bottom:3px;} /*Static - Nectar Points nectar expand collapse component */ .expand-collapse-nectar{clear:both;display:block;overflow:hidden;margin-bottom:10px;} .accordion-head-nectar p,.accordion-head-nectar a{font-weight:bold;width:88%;padding:5px 30px 0 6px;} .accordion-head-nectar p.no-icon,.accordion-head-nectar a.no-icon{width:93%;} .accordion-head-nectar{cursor:pointer;} .accordion-head-nectar .icon-image{width:28px;height:28px;padding:0;} .accordion-head-nectar,.accordion-content-nectar{width:96%;clear:both;display:block;overflow:hidden;padding:1.5%;} .accordion-head-nectar .plus,.accordion-head-nectar .minus{min-height:20px;vertical-align:middle;display:inline-block;} /*nectar expand collapse component banner component */ .banner p {font-size:1.3em;} .banner-common,.banner-nectar,.banner-energy, .banner-general, .banner-general2,.banner-blue,.banner-white{position:relative;font-size:1em;margin:0 0 10px 0;} .banner-common .banner-text,.banner-nectar .banner-text,.banner-energy .banner-text, .banner-general .banner-text, .banner-general2 .banner-text, .banner-blue .banner-text,.banner-white .banner-text{position:absolute;left:20px;top:35px;width:65%;} .banner-energy .banner-text{top:65px;left:auto;right:35px;} .banner-nectar .banner-text{top:20px;left:25px;} .banner-content{padding:10px 0;} .banner-nectar .banner-title{font-size:3.2em;} .banner-nectar .banner-section-right {position:absolute;right:5px;bottom: 15px;width:25%;} .banner-common .banner-text{top:10px;} .banner-common .banner-section-right {position:absolute;right:5px;top:25px;width:33%;} .banner-nectar .banner-text .phone-number, .banner-common .banner-text .phone-number {font-size: 2em;} .banner-energy .banner-title{font-size:3.5em; font-weight:bold;} .banner-nectar .banner-content,.banner-energy .banner-content{font-size:1em;} .banner-nectar .banner-content p, .banner-general .banner-content p, .banner-general2 .banner-content p, .banner-blue .banner-content p, .banner-nectar .banner-section-right p{font-size:1.5em;} .banner-energy .banner-content p{font-size:1.4em;padding: 0 0 20px 0;} .banner-general .banner-text {width:50%;} .banner-general .banner-text .banner-title{width:530px;} .banner-general .banner-section-right {position:absolute;right:15px;top:25px;width:42%;} .banner-general2 .banner-content {width:22%;line-height:26px;margin:34px 0px 0px 400px;font-size:13px;} .banner-general2 .banner-section-right {position:absolute;top:28%;width:27%;left:63%;line-height:26px;font-size:14px;} .banner-white .banner-title{font-size: 40px;} .banner-white .banner-content{padding:0px; } .banner-white .banner-content p{font-size: 16px;} /*banner component*/ /* Site Map */ .site-map {width:100%;overflow:hidden;display:block;font-size:1.3em;} .site-map ul{margin:0;padding:0;} .site-map a{float:left;width:100%;text-decoration:none;padding:6px 0;} .site-map a:hover{text-decoration:underline;} .site-map li ul ul{padding-left:10px;} .site-map ul.level-1 li.level-3{padding:1em;display: block; overflow:hidden; margin-bottom:1em; } .site-map ul.level-1 li.level-4{display:block;width:31%;float:left;padding-right:10px;margin:10px 0 10px 10px;overflow:hidden;} .site-map li.level-3 a {font-weight:bold; font-size:1.3em;} .site-map li.level-4 a {font-weight:bold; font-size:1em;} .site-map li.level-5 a {font-weight:normal;} /* Site Map*/ /* static component for tariff panels */ .tariff-panel, .tariff-panel-left{width:92%;margin:0 0 10px 0;clear:both;display:block;} .tariff-panel{padding:0 15px 0 0;} .tariff-panel-left{padding:0 0 0 15px;} /* static component for tariff panels*/ /*Text indent starts */ .comp-text-indent-lev1{margin:0 0 0 75px;} .comp-text-indent-lev2{margin:0 0 0 150px;} .comp-text-indent-lev3{margin:0 0 0 225px;} /* Text indent ends*/ /* Nested list starts */ .nestedlist ul{padding-left:15px;} .nestedlist ul li ul li{list-style-type:circle;padding-left:5px;font-size:13px;} .nestedlist ul li{list-style-type:disc;padding-left:5px;font-size:13px;} /* Nested list end */ /*Download PDF*/ .download {font-size:1.3em; display:block;overflow: hidden;} .download span.type_pdf {display:inline-block; float:left; margin:0 9px 10px 0;padding-left:25px;} .panelcontainer .download {font-size:1em;} /*sainsbury home Page - go to custom.css - sainsbury*/ .main-banner{width:724px; float:left;} .your-account {display:block; overflow: hidden; float:left; width:246px;} .rgt-banner-content{padding-right: 10px;width:100%; display: block; overflow: hidden;} .right-banner h2, .right-banner p{margin-bottom:10px;} .sticky-new{margin:0 0 0 3px; position:absolute;right: -4px; top: -3px; z-index: 10;} .sticky-new-right{margin:0; position:absolute;left:0px; top:0px; z-index: 10;} .right-section{position:relative;width:226px; margin:12px 3px 10px 15px;} #home-page .right-section{width:231px;} #home-page .tariff-panel{ margin-bottom:0;} #home-page .banner {margin-top:10px;} #home-page .banner-energy .banner-text{top:35px;width:62%;} #home-page .banner-energy .banner-content p {padding: 0 0 10px;} .energy-promotion{width:315px;display:block; overflow: hidden; float: left; margin-bottom: 20px; padding:5px 0;} .saving-promotion{margin: 0 0 20px 15px; width: 640px; display: block; overflow: hidden; float: left; padding:5px 0;} .saving-promotion .widget-6, .energy-promotion .widget-6{min-height:188px;} .ie7 .saving-promotion .widget-6,.ie7 .energy-promotion .widget-6{height:180px;}/*IE 7 fix as it does not recognise min-height*/ #home-page .panelcontainer {margin-bottom:0px;} .right-banner{position:relative; padding:25px 18px 5px 18px; min-height:186px;} #home-page .promo-padding {padding:15px;} #home-page .home-promotional-content{padding-top:5px;} #home-page .home-promotional-content p{padding-bottom:0px;} #home-page .home-promotional-content .text{margin-bottom:0px;} #home-page .psoverview{margin:5px 0;} .no-boxshadow .right-banner {height:194px;} .right-banner .panel-content{position: absolute; z-index:50; width:184px;} /*sainsbury home Page - go to custom.css - sainsbury*/ /*Terms and Conditions*/ .terms-and-conditions p {margin-bottom:20px;font-size:1.3em;} .terms-and-conditions ol li {margin-left:30px; list-style-type:lower-alpha; line-height:18px;font-size:1.3em;} .terms-and-conditions ol li ul.bullet-list li{font-size:1em;} .terms-and-conditions ul.bullet-list li{list-style-type: disc;font-size:1.3em;} .terms-and-conditions ol[type="1"] li {list-style-type:decimal;} .terms-and-conditions ul.bullet-list {list-style-type: disc;padding-left: 20px;margin:0 0 10px 15px;} /*Terms and Conditions*/ /* Smart Meter Progress Bar starts */ .smartprogressbar {width:100%; display:block; overflow:hidden;} .smartprogressbar .progress-value{float:left; width:60%; height:61px;} .progress-value-field{font-size:2.2em; font-weight:bold; padding:17px 0 0 15px; position: absolute;} .target-value{float:right; font-size:2.2em; width:36%; padding:17px 5px 0 0; text-align:left; font-weight:bold;} .progress-range-container{width:60%; float:left; display:block; margin:7px 0;} .progress-range{float:left; font-size:1em; width:24.9%; font-weight:normal;text-align:center; } .progress-range span{float: left; padding: 12px 0 0 90%;} .smartprogressbar .ui-progressbar .ui-progressbar-value {margin: 0 0 0 5px;} .smartprogressbar .ui-progressbar { height: 61px; text-align: left;} /*Child Page Information Component*/ .childpageinformation {display:block; overflow:hidden; clear:both; margin-bottom:1em;} .panelcontainer .childpageinformation {margin: 0;} .childpageinformation .child-page{float:left; display:block; overflow:hidden; width:47%; padding:5px 5px 5px 0; min-height:105px;} .ie7 .childpageinformation .child-page{height:105px;} /*Image Light box Component*/ .lightbox .image-item {display:inline;} .lightbox .image-item a {display:block; float:left; margin:3px;} .lightbox .image-item a:hover {text-decoration: none;} .lightbox .image-item a:hover em {text-decoration: underline;} #jquery-overlay {position: absolute;top: 0;left: 0;z-index: 2000;width: 100%;height: 500px;} #jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 2100;text-align: center;line-height: 0;} #lightbox-container-image-box {position: relative;width: 250px;height: 250px;margin: 0 auto;} #lightbox-container-image {padding: 10px;} #lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;} #lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;} #lightbox-container-image-box > #lightbox-nav {left: 0;} #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;} #lightbox-nav-btnPrev {left: 0;float: left;} #lightbox-nav-btnNext {right: 0;float: right;} #lightbox-container-image-data-box {font-size: 1.2em;margin: 0 auto;line-height: 1.4em;overflow: auto; width: 100%; padding: 0 10px 0;} #lightbox-container-image-data {padding: 0 10px;} #lightbox-container-image-data #lightbox-image-details {width: 70%;float: left;text-align: left;} #lightbox-image-details-caption {font-weight:bold;} #lightbox-image-details-currentNumber {display: block;clear: left;padding-bottom: 1.0em;} #lightbox-secNav-btnClose {width: 66px;float: right;padding-bottom: 0.7em;} /* Icon Carousel starts */ .iconcarousel{display:block; overflow:hidden; clear:both; margin-bottom:10px;} .iconcarousel .new.section{min-width:90%;display:inline-block;} .carou-log-gallery{ overflow:hidden; text-align:center;position: relative;} .carou-log-slides{overflow:hidden;} .transparent .carou-log-slides{overflow:hidden; padding:0;} .carou-log-slide{float:left; overflow:hidden;line-height:0;} .carou-log-slide-content{float:left; width:100%;text-align:left;} .carou-log-slides .panelcontainer .panel-padding{padding:0;} .transparent .carou-log-slide-content{padding-left:0px;width:100%;} .carou-log-slide-content .text{padding-right: 10px; display:inline-block;} .carou-log-slide-image{float:right; width:240px;} .carou-log-menu{display: block;overflow: hidden; padding:5px 0 15px 0;margin-top: -3px;} .carou-log-menu .menu-wrapper{margin:0; padding:0;} .carou-log-menu .menu-item a{display:inline-block; overflow:hidden; text-align:center; font-size:1.5em;font-weight:bold; margin:15px 15px 0 15px; padding:10px; min-width:50px; min-height:50px; text-decoration: none;} .carou-log-menu .menu-item a:hover{text-decoration: none;} .carou-log-menu .menu-item {display:block; padding:8px 0 0 0; float:left; overflow: hidden; text-align: center;} .carou-log-menu .menu-item.item-1{width:50%} .carou-log-menu .menu-item.item-2{width:33%} .carou-log-menu .menu-item.item-3{width:25%} .carou-log-menu .menu-item.item-4{width:20%} .carou-log-menu .menu-item.item-4 a{margin:0px} .carou-log-slide-content .content{line-height:normal;} .iconcarousel #slide-toggle{position: absolute; top: 235px; right: 10px; height:28px; z-index: 102; padding:0; float:right; height: 24px;width: 24px;} .iconcarousel .label{text-align:left;height:50px;width:100px;padding:0 0 0 6px;} /* new tariff component */ .panel-padding .tariff-panel{padding:0 20px 0 10px; display:block; overflow:hidden;} .tariff-section {display: block; overflow: hidden;clear: both; position:relative;} .tariff-image{margin:0 10px 0 0;display:block; width:30%;} .price-text{margin:0 0 10px 0; width:65%;} .discount-content, .tariff-section .divider-1{clear:both;} .content-verysmall {height:70px;} .content-small {height:85px;} .content-medium {height:105px;} .content-large {height:125px;} .tariff-section .choose-group p label {display:inline; width: auto;} .tariff-section .btn-img a {padding:5px 0 5px 15px} .tariff-section .choose-group p span.description {width:auto;} .tariff-section .three-addons .btn-input, .tariff-section .two-addons .btn-input, .tariff-section .one-addon .btn-input {position:absolute; bottom:0;padding-bottom:5px;} .tariff-section .three-addons{min-height:175px;} .tariff-section .two-addons {min-height:130px;} .tariff-section .one-addon {min-height:100px;} .tariff-section .btn-input span{padding: 0 0 0 11px;margin: 12px 0 0 13px;} #ui-dialog-title-gaselectricity1.ui-dialog-title, #ui-dialog-title-gasonly1.ui-dialog-title, #ui-dialog-title-electricityonly1.ui-dialog-title, #ui-dialog-title-splash_overlay.ui-dialog-title{padding:0;} /* psoverview */ .psoverview{display: block; overflow: hidden;clear: both;margin:10px 0;} .psoverview-product, .psoverview-home{padding:0 15px;display:block;overflow:hidden;} .psoverview-home{padding:15px;} .psoverview-product h3{font-weight:normal;} .cq-colctrl-lt0-c0 .psoverview-product, .cq-colctrl-lt1-c0 .psoverview-product, .cq-colctrl-lt2-c0 .psoverview-product, .cq-colctrl-lt3-c0 .psoverview-product, .cq-colctrl-lt4-c0 .psoverview-product, .cq-colctrl-lt5-c0 .psoverview-product, .cq-colctrl-lt6-c0 .psoverview-product{padding:0 15px 0 0;} .cq-colctrl-lt0-c1 .psoverview-product, .cq-colctrl-lt1-c2 .psoverview-product, .cq-colctrl-lt2-c3 .tariff-panel, .cq-colctrl-lt3-c3 .psoverview-product, .cq-colctrl-lt4-c4 .psoverview-product, .cq-colctrl-lt5-c1 .psoverview-product, .cq-colctrl-lt6-c3 .psoverview-product{padding:0 0 0 15px;} .psoverview img{margin:5px 0;} .psoverview .text{margin:10px 0 0 0;} /*HTML5 Video player skin*/ .ie7 .video_controls{display:none;} .video-controls {height:40px; width:92%; bottom:20px; right:4%; position:absolute; left:4%;font-size:11px; font-weight:bold; font-family:arial;} .small.video-controls, .smaller.video-controls {height:25px;bottom:10px;} .video-timeline{width:87%;float:left; padding:0 0 0 15px;} .small .video-timeline, .smaller .video-timeline{width:84%;padding:0 0 0 10px;} .video-play {width:40px; height:100%; margin-right: 2%;float: left; display:block;} .small .video-play, .smaller .video-play {width:25px;} .video-play a {width:100%; height: 100%;display:block;text-indent:-9999px;} .video-progress{width:66.5%; height: 10px;float: left; margin: 15px 10px 15px 0;} .small .video-progress, .smaller .video-progress{width: 52.5%;margin: 8px 6px 8px 0px;height: 9px; } .video-progress-bar{height:100%; display:block;width:0%;} .video-timer{padding: 12px 15px 0 0; display: inline-block; float: left;} .small .video-timer, .smaller .video-timer{padding:5px 4px 0 0;} .video-sound {position: relative;width:64px; height:18px;float:left; padding:11px 20px 11px 10px;} .small .video-sound, .smaller .video-sound {padding:4px 8px 4px 8px; height:17px;width:45px;} .smaller .video-sound {width:60px;} .video-sound a{display:inline-block; height:16px; width:12px;text-indent:-9999px;} .video-sound .video-sound-volume {display: inline;height: 15px;left: 25px;position: absolute;top: 12px;width: 55px;} .small .video-sound .video-sound-volume, .smaller .video-sound .video-sound-volume {top: 5px;width: 24px;} .smaller .video-sound .video-sound-volume {width:39px;} .video-sound:hover .video-sound-volume {display: block;} .video-sound .video-sound-volume-bar {height: 100%;right: 0;position: absolute;bottom: 0;width: 50%;} .video-icon {padding-left: 20px;} .featuredMaster .video-icon-small{font-size:9px;padding:1px 0 0 16px;margin:10px 0 10px 3px;} .ie7 .featuredMaster .video-icon-small{font-size:9px;padding:1px 0 0 16px;margin:10px 0 0px 3px;} .video-icon-small span{font-size:9px;} /* -------- Get an instant price ------------*/ .price-icon-cont{width:auto;margin:0 0 20px 0;} .cont-det{width:auto;margin:20px 0 0 10px;} .cont-det span{margin:2px 0 0 5px;} .column-spilt{width:49%;} /* --------- Get an instant price ----------*/ /*Tab Component*/ .tabcomponent{margin-bottom:10px;padding-top:10px;} .tabcomponent .tabs{display: block; overflow: hidden;} .tabcomponent .tabs .ui-tabs-nav{padding:0;} .tabcomponent .ui-tabs .ui-tabs-nav li{font-size:1.3em;} .tabcomponent .horizontal.ui-tabs .tab-content,.tabcomponent .vertical.ui-tabs .tab-content{padding:15px;} .tabcomponent .horizontal.ui-tabs .ui-tabs-nav li {margin-top:14px;} .tabcomponent .horizontal.ui-tabs .ui-tabs-nav li a{padding:10px;} .tabcomponent .horizontal.ui-tabs .ui-tabs-nav li.ui-tabs-selected{margin-top:0px;} .tabcomponent .horizontal.ui-tabs .ui-tabs-nav li.ui-tabs-selected a{padding:21px 13px 13px 13px;} .tabcomponent .vertical.ui-tabs .ui-tabs-nav{float:left;display:inline-block;width:185px;} .tabcomponent .vertical.ui-tabs .ui-tabs-nav li{float:none;display:block;overflow:hidden;margin:-1px 0px 5px 10px;} .tabcomponent .vertical.ui-tabs .ui-tabs-nav li a{width:154px;padding:10px; font-weight:normal} .tabcomponent .vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected{margin:-1px 0 5px 0;} .tabcomponent .vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {padding:10px 10px 10px 20px;} .tabcomponent .vertical.ui-tabs .tab-content{float:left;width:339px;margin-left:-1px} /* Excess Component*/ .excesscomponent{display: block; overflow: hidden;clear: both; margin:10px 0;} .excesscomponent label{font-size:1em;} .excess-details{width:48%;padding:0 10px 0 0;float:left;} .icon-image{padding:5px 10px 0 0;width:auto;float:left;} .icon-detail{padding:10px 0 0 0;width:60%;float:left;} .currency-det{margin:10px 0 0 0;} .one-icon{min-height:50px;} .two-icons{min-height:80px;} .three-icons{min-height:120px;} /*Home Login Panel Component*/ .home-log {float: right;width:228px;margin:12px 0;height:25em;} .home-log-head { height:44px;padding:4px 15px 0 0;} .home-log-head img{ float:right; width:40px; height:35px;} .home-log-head h2 { font-size: 2.2em; font-weight:bold; padding: 8px 0 0 15px;float:left; width:140px;} .home-log-content { padding:5px 15px 5px 15px; font-weight:100; } .home-log-content p, .home-log-content .text.parbase p{ padding:0 0 5px 0; } .home-log-content .primary-link{margin:0;} .home-log-content .secondary-link, .home-log-content .tertiary-link{margin-left: 17px; padding-left: 34px;} .home-log-content .separator-gradient{margin:10px 0;} .home-log-content .divider-1{margin:7px 0;} /* Homepage Login box */ .home-log-head h3{padding: 6px 0 0 15px} .home-log-head h4{padding: 8px 0 0 15px} /*Map component*/ .googlemap{padding:15px;margin-bottom:10px;} .googlemap .field-cont span{display:inline-block;} .googlemap .direction{width:100%;} /*Print Component*/ .print{display:block; overflow:hidden;position: relative;} .print .print-icon{padding:0 0 10px 32px; position:absolute; z-index:10; height:20px; display:block;font-size:13px;right:0;top:0;} .print .panelcontainer .print-icon{right:15px;top:15px;} /*Facebook widget*/ .facebook{display:block;overflow: hidden;} .facebook h4{padding-left: 20px;} .facebook .widget{z-index:10;overflow:hidden;position:relative;top:-1px;left:-8px;height: 160px; margin:-5px 0 0 20px;} .facebook iframe{left:-5px;overflow:hidden;position:relative;top:-1px;} /*Twitter Component*/ .twitter{display:block; overflow:hidden;} .twitter h4{padding-left: 20px;} .twitter .widget{margin:-5px 0 0 20px;} .twitter .twtr-bd{padding:0} .twitter .twtr-hd, .twitter .twtr-ft{display:none;} .twitter .twtr-widget .twtr-tweet-wrap{padding:6px 0;} /* Home Carousel starts */ .homecarousel{display:block; overflow:hidden; clear:both; margin-bottom:10px;} .homecarousel .new.section{display:inline-block;width:720px;} .home-carousel{position: relative; display: block; overflow: hidden;} .carou-home{width:720px;overflow:hidden;} .carou-home-slides{width:720px;} .carou-home-slide{float:left; width:720px;} .carou-home-slide-content{float:left;} .carou-home-slide-image{float:right; width:280px; text-align:right;} .left-menu .carou-home-menu{width:112px; height:96.5%; padding: 5px 0 0 5px; position: absolute;z-index:99} .left-menu .carou-home-menu .menu-item {width:110px; float:left; display:block; list-style:none;font-size:1.3em;} .left-menu .carou-home-menu .menu-item a{width:86px; display:inline-block; padding:16px 10px;} .left-menu .carou-home-menu .menu-item a:hover{text-decoration: none;} .left-menu .carou-home-menu .menu-item a small{vertical-align:text-top;} .left-menu .carou-home-menu .menu-item.act,.left-menu .carou-home-menu .menu-item.act:hover{cursor:default; width:110px; padding-right:5px; } .bottom-circle .carou-home-menu .menu-item{margin: 0 6px;display: inline-block;} .ie7 .bottom-circle .carou-home-menu .menu-item{display: inline;} .bottom-circle .carou-home-menu{bottom:10px;margin-bottom:10px;text-align:center;width:100%;position:absolute;z-index:99} .bottom-circle .carou-home-menu .menu-item a{width: 11px;height: 11px;display: block;cursor: pointer;text-indent: -9999px;} .slide-toggle {position: absolute; bottom: 19px; right: 10px; height:28px; z-index: 102; padding:0; float:left; height: 24px;width: 24px;} .homepage-icons{position:absolute;right:11px;z-index:99;top:45px;width:35%} .carou-home .banner-home{margin-bottom:0} /*compare-tariffs*/ .comparetariff{display: block; overflow: hidden;clear: both;margin:10px 0;} .icon-section{width:60%; margin:0 15px 0 0;} .compare-icon-tariff {width:40%;margin:10px;} .compare-content{width:37%;} /*Cobolt Carousel*/ .coboltcarousel{display: block; overflow: hidden;margin-bottom:10px;position:relative;padding:10px 0;z-index:0;} .coboltcarousel .pagination li a {display:block;float:left;height:0;overflow:hidden;padding-top:12px;width:12px;} .coboltcarousel .slides {left:4px;position:absolute;top:15px;z-index:100;width: 100%} .coboltcarousel .slides-container {display:none;overflow:hidden;position:relative;} .coboltcarousel .slides-container .slide-item{display:block;} .coboltcarousel .slides .next, .coboltcarousel .slides .prev {display:block;height:55px;position:absolute;top:107px;width:30px;z-index:101;} .coboltcarousel .slides .prev{left:0;} .coboltcarousel .slides .next {right:3px;} .coboltcarousel .pagination {margin:auto;position:absolute;left:0;bottom:10px;z-index:600;padding:0;} .coboltcarousel .pagination li {float:left;margin:0 1px;} .coboltcarousel .slides ul {list-style-image:none;list-style-position:outside;list-style-type:none;} /*---------------------------------------------------------------------------------------------------------------static component---------------------------------------------*/ /*----------------------------------------------------------------------header footer templates---------------------------------------------*/ /* Jump to main content */ .offleft{left:-9999px;position:absolute;} .jumpnavigation:focus,.jumpnavigation:active{font-size:1.2em;left:10px;position:absolute;text-decoration:none;z-index:10;} /* header section styles start */ #main-header{width:100%; margin:0;float:left;padding:0 0 7px;} #header{margin:5px auto 0} .header-container, #footer-cont{ width:970px; margin:0 auto; } .header-container #logo{padding: 5px 0 12px;width:auto;} #logo {float: left;width:auto;} .header-right{width:750px;margin: 0 0 0 14px;} .welcome-msg{width:354px;margin: 8px 0 0 14px;} .user{margin:0 7px 0 0;} .topnav {width:202px; padding: 8px 10px 8px 0; } .topnav ul li{float:left;padding:0 8px; font-size:1em; } .topsrch {width:168px;} input.srchbox {width:125px;} #site-search-submit{ outline-style:none; outline-width:0;} .topsrch #searchInput{top:0;width:136px;} .logout{padding: 0 8px} input.srchbox{padding:5px 0 5px 7px;} .ie7 input.srchbox{padding:5px 0 9px 7px;} /* header section styles ends */ /* footer section styles start */ #footer-wrap {margin:40px 0 0 0;padding:20px 0 0;float:left;width: 100%;} .ft-links ul li{width:auto;float:left;padding:0px 10px 0 ;margin:0;} .ft-links ul li:first-child{padding:0 10px 0 0;} .ft-links ul li a, .dataTables_length ul li a.selected{text-decoration:none;} .ft-links ul li a:hover, .dataTables_length ul li a{text-decoration:underline;} #footer-wrap p.ft-desc{padding:0 0 5px 0;} .ft-links-rgt li, .ft-links ul.social li, .ft-links ul.social li:first-child{padding:3px 0 0 0; float:left} .ft-links-rgt ul.social li a, .ft-links ul.social li a{padding:1px 10px 1px 18px;} .ft-links-rgt ul.social li a.last, .ft-links ul.social li a.last{padding:1px 0 1px 18px;} .copyrights{padding: 10px 0 0 0;} /* footer section styles ends*/ /*-------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*edit icon*/ .edit-icon{padding:5px 0 5px 30px;} /*edit icon*/ /*datatable */ .dataTables_wrapper{float:left;padding:0 0 2px;margin:0 0 10px 0;} .dataTables_length{font-size:1.3em} .dataTables_length span{float:left;padding: 18px 0 17px 0} .dataTables_length ul{width:200px;float:left;padding:16px 0 0;} .dataTables_length ul li{float:left;padding:3px 8px;} .dataTables_filter{float:right;} .dataTables_filter span{font-size:1.2em;float:left;padding:18px 10px 0 0;} .dataTables_filter label{float:left;padding:18px 10px 0 0;} .ie7 .dataTables_filter label{padding:14px 10px 0 0;} .dataTables_filter input.trans-search{margin:4px 0 0 10px;} .dataTables_filter input{margin:10px 0 0 0;} .dataTables_info{width:300px;float:left;margin:17px 0 0 0;font-size:1.3em} .dataTables_paginate{width:auto;float:right;margin:20px 0 0 0;font-size:1.3em} .dataTables_paginate span span.paginate_active,.dataTables_paginate span.paginate_button{width:auto;float:left;margin:0 5px;padding:1px 5px;} .dataTables_paginate span span.paginate_button{cursor:pointer;} .dataTables_paginate span.previous{text-align:right;cursor:pointer;padding: 0 9px 0 15px} .dataTables_paginate span.next{width:auto;cursor:pointer;padding:1px 16px 1px 10px;} .dataTables_paginate span.first,.dataTables_paginate span.last{display:none;} .table-history{width:100%;margin:10px 0 0;padding:0;font-size:1.3em;} .table-history thead tr th{cursor:pointer;font-weight:bold;padding:16px 0 18px 20px;} .table-history#meterReadhistory thead tr th{cursor:default;font-weight:bold;padding:16px 5px 18px;} .table-history#meterReadhistory tbody tr td:first-child{white-space:nowrap;} .table-history thead tr th a{width:11px;height:7px;display: inline-block;margin:0 0 0 10px} .ie7 .table-history thead tr th a{height:auto;} .table-history .txt-rgt{text-align:right;padding:10px 20px 10px 0;} .txt-rgt{text-align:right;} .txt-ctr{text-align:center;} .table-history td{padding:12px 20px 10px;} .acc-trans{margin:0 0 15px;} .table-history td.dataTables_empty{width:100%;text-align:center;padding:30px 0;} /*pagination*/ .paginate{margin:17px 0;width:auto;font-size:1.2em;font-weight:bold;} .paginate span span.paginate-active, .paginate span.paginate-button {margin:0 5px;padding:1px 4px 1px 5px;width:auto;float:left;cursor:pointer} .paginate span.previouspg a, .paginate span.previouspg-disable a{margin:0 5px;padding: 1px 0 1px 15px;} .paginate span.next-disable a:hover, .paginate span.previouspg-disable a:hover{text-decoration:none;cursor:default;} .paginate span.nextpg a,.paginate span.next-disable a{cursor:pointer;margin:0;padding: 1px 15px 0 5px;width:30px;} /*pagination*/ /* Google Mini page styles starts*/ #google_mini_content .googlemini_wrapper .dataTables_paginate{font-size:1.2em;} #google_mini_content .content_sep{margin-top:18px;} #google_mini_content .googlemini_wrapper .dataTables_paginate{margin:0;} #google_mini_content .solution_content br{display:none;} #google_mini_content .error.gmini_mtop0{margin-top:0;} #google_mini_content .gmini_space{padding-bottom:300px;} .ac_results {overflow: hidden;width: 160px!important;z-index: 99999;} .ac_results li {cursor: default;display: block;line-height: 22px;margin: 0;overflow: hidden;padding: 2px 7px; font-size: 1.3em;} #google_mini_content .mtop-space20{margin:20px 0 0 0;} #google_mini_content .top-space10{margin:10px 0 0 0;} #google_mini_content .resultLink {margin-top: 17px;width: 100%;} #google_mini_content .resultDesc {font-size: 1.3em;padding-bottom: 18px;padding-top: 3px;width: 100%;} #google_mini_content .paginate_active1{font-weight:bold;padding: 0 5px;} #google_mini_content .paginate_button1{padding: 0 5px;} #google_mini_content .previous.paginate_button1{padding: 0 15px 0 10px;} #google_mini_content .next.paginate_button1 {padding: 0 10px 0 15px;} /* Google Mini page styles end */ /* Help and Advice starts */ .help-advice-container .info-color, .help-advice-container .shadow-divider{margin:0 0 20px 0;} .help-advice-container .promo-widget-cont h3 {padding:0;} .help-advice-container .panelcontainer{margin:0 0 25px 0;width:622px;} .help-advice-container .promo-widget-cont{padding:10px;} .help-advice-container .promo-widget-cont p, .help-lvl2-maincontainer {padding:5px 0;} .help-advice-container .promo-widget-cont a {font-size:1em;text-decoration:none;} .help-advice-container .promo-widget-cont ul {margin: 10px 10px 0 3px;} .help-advice-container .promo-widget-cont a:hover, .help-advice-inner-content .grey-promo .tertiary-link, .help-advice-inner-content .grey-promo .tertiary-link:hover, .help-advice-inner-content .grey-promo .fourth-level-link, .help-advice-inner-content .grey-promo .fourth-level-link:hover, .help-advice-inner-content .white-arrow, .help-advice-inner-content .white-arrow a:hover{font-size:1em;} .no, .yes, .comment {cursor: pointer;height:41px;margin:5px 5px 0 0;width: 68px;} .comment {width: 78px;margin:10px 0;} .help-maincontainer {padding: 10px 0 0 0;width: 656px;} .help-module{width:314px;margin:0 14px 15px 0;} .help-module-link, .help-module-text{margin-right: 14px;width: 218px;} .help-module-icon{ width:68px; height:80px;} .help-lvl2-module{width:262px;padding:0 10px 0 0;} .help-lvl2-module-Link{margin:0 14px 5px 0;} .helpsearch_button {cursor: pointer;height: 42px;width: 110px;margin:10px 0 0 0;} .hppagination-number{width:28px;text-align:center;padding:7px 0 6px 0px;cursor:pointer;} .hpresult-link a{font-size:1.3em;font-weight:bold;} .hppagination-next{padding:7px 0;margin:0 0 0 16px;} .hppagination-prev{padding:7px 0;margin:0 16px 0 0;} .hpcurrent-number a{cursor:default;} .help-list li{margin:0 0 8px 0;} .help-advice-inner-content .grey-promo .tertiary-link, .help-advice-inner-content .grey-promo .tertiary-link:hover, .help-advice-inner-content .grey-promo .fourth-level-link, .help-advice-inner-content .grey-promo .fourth-level-link:hover, .help-advice-inner-content .white-arrow, .help-advice-inner-content .white-arrow a:hover{font-size:1em;} .help-advice-inner-content .grey-promo{margin:0 0 15px 0;} .help-advice-inner-content .grey-promo p{padding-bottom:5px;} #solutionContainer .dotted-divider {margin:5px 0;} .hpimg-cont{width:150px;padding:10px 0 0 0;} .hpsolution-content{width:350px;margin:10px 0;} .hp-desc {margin:10px 0;} /* Help and Advice end */ /*Viewbill & Account Summary & Account overview & Account History - starts here*/ .cust-info{width:247px;margin:25px 0 0;} .consumption-info{ margin: 15px 0 0 0;} .consumption-info-lft{ width:47%;} .consumption-info-rgt{ width:53%;} .consumption-icon{margin-left:14px} .icon-pos{margin-top:-6px} .ie7 .icon-pos{margin-top:-16px} .icon-pos-go{margin-top:0px} .ie7 .icon-pos-go{margin-top:-2px} .icon-pos-view{margin-top:15px} .ac-personal-info{margin:10px 0 15px 0;width:100%} .ac-info-asset{padding:0 10px 0 0px;} .ac-info-asset .imgcont{width:auto;padding:0 5px 0 0;} .ac-info-asset p{width:auto;padding:5px 0 0 2px} .details-row{width: 100%} .details-row p{font-size:1.3em;} .details-row p.balsum{padding:20px 0 0 0;} .details-row p.balcal{padding:16px 0 0 0;} .payment-mode{font-size:1.4em;} .details-lft {width: 36%;padding:5px 0} .details-rgt {width: 64%;padding:5px 0} .payment-details-lft {width: 36%;padding:5px 0} .payment-details-rgt {width: 64%;padding:5px 0} .viewbill-details-lft {width: 46%;padding:5px 0} .viewbill-details-rgt {width: 54%;padding:5px 0} .viewbill-accordion-lft {width: 42%;padding:5px 0} .viewbill-accordion-rgt {width: 58%;padding:5px 0} .pound-cont{width:91px;text-align:right;display:block} .pound-accordion{width:94px} .pound-totaladj{width:125px} .pound-subtotal{width:136px} .pound-accordionadj{width:140px} .totaladj-lft{width:150px;display:block} .totaladj-rgt{width:70px;} .pdf-img{margin-right:5px} .ie7 .consumption-info-rgt .info-btn-pos, .ie7 .consumption-info-lft .info-btn-pos{margin:-8px 0 0;} ul.viewbill-piechart{margin:0;padding:30px 0 0 0;} ul.viewbill-piechart li{margin:15px 0 0 0;} ul.viewbill-piechart li span{padding:0 0 0 14px;font-size:1.3em;font-weight:bold;vertical-align:top;} .graph-tspace{margin:15px 0 0 0} .viewbill-table-c1{width:35%;} .viewbill-table-c2{width:60%;} /*Viewbill & Account Summary & Account History - ends here*/ /* Account summary & overview panel container starts*/ .primary-panel-hd,.secondary-panel-hd{height:28px;padding:10px 15px;} #go .genericNextButton button.btn-comp span span span {min-width:20px;} #go .genericNextButton{margin:20px 5px 0 5px;} /* Account summary & overview panel container ends */ /* Account overview starts*/ .account-overview .cust-info{width:200px;} .cust-info h3,.nectar-info h4{font-weight:normal;} .account-balance{width:140px;margin:30px 0 0;} .account-link{margin:15px 0 0;width:257px;} .account-link .secondary-link{margin:17px 0 0 0;} .section-container{padding:0 0 15px 0;width:100%;} .bgs-ovr-info{width:350px;margin:5px 0 0;} .nectar-info{width:315px;margin:25px 0 0;} .account-overview .primary-panel-hd, .account-overview .secondary-panel-hd, .crossell-width{width:692px;} .ie7 .clsd-acct-width{width:722px;} .account-overview .secondary-panel-hd{height:auto;} .account-overview .header.cq-colctrl-lt6-c0{width:61%;} .account-overview .header.cq-colctrl-lt6-c1{width:39%;} .summ-frag-hldr{display:inline-block;} .missing-accsumm{font-size:1.3em; margin:8px 0 0 10px;} .extra-msg{margin:0 0 0 52px; padding: 0 10px 0 0;} .extra-msg .dotted-divider{margin:8px 0;width:75%;} #accountsDiv .extra-msg .dotted-divider {margin: 0 0 10px; width: 75%;} .ie7 .rwd-link{padding-top:2px;} .ac-info-asset.nector-alignleft{margin-left:450px} /* Account overview ends*/ /* Account summary Starts*/ .details-rgt h2,.details-rgt1 h2, .last-bill-balance h2,.account-balance h2, .last-bill-space .tertiary-link, .meter-details-rgt h4, .acc-summ-widget .info-small, .summ-details-rgt .tertiary-link, .account-overview .secondary-panel-hd h3{margin:0;} .acc-summ-pnlpad{padding:15px 15px 5px;} .ie7 .acc-summ-pnlpad{padding:15px;} .widget-width{width:774px;} .bill-due{margin:8px 0 0 10px;} .accsumm-mainsell{width:55%;padding:0 10px 0 0;} .accsumm-crossell{width:43%;} .summ-details-lft {width:24%;padding:0;} .summ-details-rgt {width:76%;padding:0;} .widget-space{margin:0 0 0 7px;} .tariff-text{padding:0 0 8px;max-width:245px;} .see-unit-rates{margin:2px 0 0 5px;} .ie7 .see-unit-rates{margin:-1px 0 0 5px;} .unit-rates{margin:1px 0 0 5px;} .details-row-space1{height:auto;min-height:42px;} .details-row-space2{height:78px;padding:10px 0 0;} .ji-hgt{height:89px;} .ji-hgt1{height:55px;} .ji-dd-hgt{height:123px;} .details-lft-space{margin:7px 0 0 0;} .acc-summ-widget{width:262px} .acc-summ-widget .secondary-panel-hd{height:27px;padding:8px 15px 5px;} .acc-summ-widget .panel-widget-content{width:233px;height:200px;} .acc-summ-widget .ji-panel-hgt{height:240px;} .acc-summ-widget .dotted-divider{margin:5px 0;} .ie7 .acc-summ-widget .dotted-divider{margin:0;padding:5px 0;} .last-bill-space{padding:5px 5px 5px 0;margin:18px 0 18px;} .ie7 .last-bill-space, .ie7 .last-bill-space1{float:left;} .ie7 .last-bill-space{margin:11px 0;} .last-bill-space1{padding:5px 5px 5px 0;margin:7px 0;} .ji-dual-hgt{margin:2px 0;} .accsumm-top-space{margin:7px 0 0 0} .accsumm-balance{margin:22px 0 0;} .details-row p.balance-type{font-size:1.7em;margin:19px 0 0 5px;} .accsumm-overlay{margin:22px 0 0 5px;padding:0 0 0 5px} .ie7 .accsumm-overlay{margin:20px 0 0 5px;} .acc-summ-gradient{margin:2px;} .summ-details-rgt .smart-cus{margin:8px 0 0 8px;} .acc-summ-widget .details-row .details-rgt{width:63%;} .acc-summ-widget .details-row .details-lft{width:37%;} .acc-summ-widget .cq-colctrl-lt6-c1{width:33%;} .acc-summ-widget .details-row .details-lft p,.acc-summ-widget .details-row .details-rgt p,.acc-summ-widget .cq-colctrl-lt6-c0 p, .acc-summ-widget .cq-colctrl-lt6-c1 p{padding:0 0 5px;} .energyusage-text{height:141px;} .energyusage-text1{height:186px;} .accsumm-feature-link{padding:5px 0 0;} .acc-summ-widget .details-lft, .acc-summ-widget .details-rgt{padding:0;} .billdate-change{font-size:11px;} .esmart-win-false{min-height:99px;} .esmart-win-false1{min-height:68px;} .accsumm-inactive{font-size:1.3em; margin:4px 0 0 10px;} .ie7 .section-container .cust-info p.small{padding:0 0 0 1px;} .summ-details-rgt .tariff-details{padding:0 0 8px;} .summ-details-rgt .tariff-details a{margin:2px 0 0 5px;} /* Account summary ends*/ /*order summary */ .ordersumm-progress {padding: 20px 10px 0 30px;} .ordersumm-progress-link div.stages {float: left;font-size: 1.3em;padding: 5px 65px 10px 0;text-align: center;width: 18%;} .ordersumm-progress-link div.last {padding: 5px 10px 10px 20px;width: 13%;} .ordersumm-progress-link div a.tooltip, .ordersumm-progress-link div a.tooltip:hover, .ordersumm-progress-link div a.tooltip:focus {font-size: 13px;} /*order summary */ /* view bill details*/ .usage-cont,.energy-cal{width:806px;} .usage-det{width:403px;} p.mt-units{padding:10px 0 0 0} .usage-info{width:403px;} .usage-info h3{ padding:10px 0 10px 0;} .usage-info p{padding:3px 0 0 0;} .usage-info span.info-det{width:180px;} .usage-info p span{width:133px;} .mt-usage{width:537px; margin:0 0 5px 0;} .usage-det p, .mt-info, .mt-usage p, .mt-price p, .mt-info p, .mt-price-cont p, p.mt-units{font-size:1.3em} .mt-price-cont p.cost, .mt-price p.energy-cost,p.usage-cost,.mtreading{font-size:1.5em} .mt-price p.energy-cost{padding:5px 0 0 0;} .mt-price p.tot-cost{font-size:2.2em;} .mt-info{padding:5px 0 0 0;width:205px;} p.usage-cost{padding:20px 0 0 0px;} .mtreading{text-align:center;font-weight:bold;height:24px;padding:6px 5px 0 15px;letter-spacing:15px;width:auto;float:left;} .ie7 .mtreading{padding:6px 15px 0 15px;} p.mt-units, .mt-price{width:537px;} .mt-price-cont{width:806px; margin:0px 0 0;} .mt-price p, .mt-info p{padding:0 0 5px 0;width:205px;} .mt-price-cont p span{width:49px;} .mt-data p{padding:8px 0 0 10px;font-size:1.1em;width:140px;} .energy-cal table{border-collapse:collapse;width:780px;} .energy-cal span{height:33px;float:left; text-align:center;font-size:1.7em;padding:15px 0 0 0;} .energy-cal.sixcol td{vertical-align:top;width:130px;} .energy-cal.fivecol td{vertical-align:top;width:156px;} .energy-cal span.values, .energy-cal span.values-blue{width:109px;} .energy-cal.fivecol span.symbol {width:47px;text-align:center;} .energy-cal.sixcol span.symbol {width:21px;} .energy-cal p{float:left} .energy-cal.fivecol p.energy-calhd{width:109px;font-size:1.5em;font-weight:bold;height:33px;} .energy-cal.sixcol p.energy-calhd{width:109px;font-size:1.5em;font-weight:bold;height:50px;} .energy-cal.fivecol p.energy-calhd, .energy-cal.fivecol p.energy-caldesc, .energy-cal.sixcol p.energy-calhd, .energy-cal.sixcol p.energy-caldesc{padding:12px 0 0 0;} .energy-cal.fivecol p.energy-caldesc, .energy-cal.sixcol p.energy-caldesc{width:109px;font-size:1.1em;} .energy-cal p.energy-calhd.last,.energy-cal p.energy-caldesc.last{padding-right:0;} .content .registername{width:30%; float:left;} .content .registermeterread {width:auto; float:left;} .content .lastmeterread.def-meterread{margin-left:41px;} /* View bill details ends*/ /*-- Table Component for view bill -- */ table.table-component-viewbill{width:100%;} table.table-component-viewbill td{padding:6px 10px;} /*SMR Journey*/ .ui-dialog .submit-meter{width:285px;} .ui-dialog ul.acc-select li .account-type{float:left;width:260px;} .btn-right-align1{margin:0 0 0 365px;} .btn-right-align2{margin:0 0 0 283px;} .btn-right-align{margin:0 0 0 277px;} .ui-widget .submit-meter input,.submit-meter input{width:15px;font-size:2.5em;font-weight:bold;margin:0 6px 0 0;padding:8px 15px 8px 16px;} .submit-meter input.sap-down {width:134px;font-size:2.5em;font-weight:bold;margin:5px 6px 0 0;padding:8px 15px 8px 20px; letter-spacing:8px;} .acc-type{float:left;width:362px;} .dial-info{padding:5px 0 10px 15px;margin:10px 0 0 0;width:325px;} .dial-info .dial-info-box{width:137px;} /*.mtr-ipt-group p{margin:5px 0;}*/ .mtr-ipt-group{margin:5px 0 5px 0;float:left;width:109%;} .mtr-ipt-group .mtr-type-header p{font-size:1.1em;margin:5px 0;} .info-cont-box{width:523px;} .info-box-left{width:45%;} .info-box-right{width:51%;} .acc-select .select-account{margin:27px 27px 31px 0;} .acc-select .account-type{float:left;} .acc-select .account-type.smeter-type-holder{width:282px;} .ie7 .acc-select .account-type.smeter-type-holder{width:263px;} .acc-select .account-type .icon-holder{width:82px;display:inline;float:left;margin:13px 0 0;} .acc-select .account-type h3{font-weight:normal;margin:24px 0 5px;} .acc-select .account-type h3.sap{font-weight:normal;margin:30px 0 17px;} .acc-select .select-account input, input.cb-element{padding:0px; float:left;margin:0px 7px 0 0;} .ie7 .acc-select .select-account input, .ie7 input.cb-element{padding:0px; float:left;margin:-2px 7px 0 0;} .acc-select .select-account label{font-size:1.3em;float:left;} .acc-select .submit-meter{float:right;width:351px;margin:0;} .ie7 .acc-select .submit-meter, .ie8 .acc-select .submit-meter{width:366px;margin:0;} .acc-select .submit-meter p input{ display: block} .acc-select .submit-meter h6, .acc-selectt label.sap{margin:13px 0 7px;} .acc-select .submit-meter .submit-meter{float:right;} .meter-submit{margin:0 0 0 325px;} .smr {width:632px;padding:0 0 5px;} .smr .meter-type .icon-holder{width:82px;display:inline;float:left;margin:13px 0 0 0;} .smr .meter-type{float:left;width:288px;} .smr .meter-type h3{font-weight:normal;margin:23px 0 16px;} .mread-helpbox{margin:33px 0 0 0;} .smr .nectar-cont p{font-size:1.3em;padding:15px 0 0 0;} .smr .nectar-img-bg p{font-weight:bold;font-size:1.3em;margin:90px 0 0;} .smr-title{margin:4px 0 0;} .smr-title .separator-gradient{margin:8px 0 20px 0;} .meter-complete{width: 100%;margin:10px 0;} .meter-complete h6{font-size:1.3em;font-weight:normal;margin:0 0 7px;} .meter-complete input{width:15px;font-size:2.5em;font-weight:bold;padding:10px 17px 10px 23px;float:left;margin:0;} .meter-complete p{padding:0 0 5px 0} .meter-complete .predict-next-bill {margin: 10px 0 0 82px; clear: left; width:50%;} .meter-complete .spend-to-date {width:628px; clear: left;} .meter-complete .submit-meter {float: left;width: 330px;margin: 0 9px 0 74px} .meter-complete .whats-next{width:314px;} .smr .info-cont-box h3{font-weight:normal;} .yourspend-box1{width:305px;} .yourspend-box2{width:200px;} .yourspend-err{margin-left: 82px;} .MeterReadYourSpend .separator-gradient{margin:10px 0;} /*auto complete*/ /*-- make a payment and paperless billing journey -- */ .title-bar .shadow-long-divider,.title-bar .dotted-divider{margin:10px 0 20px 0;} .pay-info{ margin: 0 0 0 45px;width: 310px;} .cons-info-lft p.pay-hd{width: 310px;} .pay-info p.pay-hd, .cons-info-lft p.pay-hd{font-size:1.5em;font-weight:bold;} .pay-info p.pay-det{margin:31px 0 0 0;font-size:1.3em;width:170px} .pay-info .choose-group{margin:31px 0 0 0;} .cons-info-lft.field-cont p.cus-ref{padding: 5px 0 0;} .secure-code-msg {width: 40%;padding:5px 0;margin-left:55%} .payment-sap-status{width:30%;} /*-------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*bullets*/ .list-square-bullet, .list-tick-bullet, .list-number-bullet{padding:0;} .list-square-bullet h3,.list-square-bullet h4, .list-tick-bullet h3, .list-tick-bullet h4, .list-number-bullet h3, .list-number-bullet h4{padding:15px 0 5px 0} .list-square-bullet ul, .list-tick-bullet ul li, .list-number-bullet ol li{font-size:1.3em; font-weight:normal;} .list-square-bullet ul li, .list-tick-bullet ul li{margin:3px 0 3px 0; padding:0 0 0 20px;display:block;} .list-number-bullet ol li, ol li{list-style-type:decimal;margin:0 0 5px 26px;} /*bullets*/ /* Currency pound */ .currency-s{font-size:1.5em;text-align:right;font-weight:bold;} .currency-m{font-size:2.2em;text-align:right;font-weight:bold;} .currency-l{font-size:3.9em;text-align:right;} /* Currency pound */ /*to be revisited for component*/ .promo-content-lft{width:225px;} .callbackGrayBox {font-size: 1.3em;margin-top: 5px;padding: 10px;width:-moz-max-content;} /*blue info*/ .info-blue h3{padding:10px 0 0 0;} .accept-register{font-size:1.0em;} .accept-cont{margin:0 0 0 5px;} .gaq-widget-full ol li{list-style:decimal;list-style-position:outside;margin-left:25px; padding-top:5px;} /* EnergySmart - City comparison */ .egy-cmpn .summary-container{width:93.5%;} .egy-cspn .gradient-box1{padding:10px 10px 0 10px;} .egy-cspn .gradient-box2{padding:10px;margin:10px 0px;} .egy-cspn .gradient-box2,.egy-cspn .gradient-box1{height:auto;width:490px;} /* Step indicator image color text - AC summary*/ .accsumm-stepindi, .accsumm-sched, .accsumm-pend, .accsumm-alloc, .accsumm-disp, .accsumm-hold, .accsumm-route, .accsumm-site, .accsumm-comp, .accsumm-na, .accsumm-na1, .accsumm-na2, .accsumm-naw{width:716px;height:53px} .mid-accsum-box, .mid-accsum-box-lft{padding:8px;} /* Search styles*/ .paginate .hppagination-prev a.disabled,.paginate .hppagination-prev a.previous-link {padding-left:13px;} .paginate .hppagination-next a.disabled,.paginate .hppagination-next a.next-link {padding-right:13px;} /*Get a quote styles start*/ .pdf-icon,.pdf-icon:hover{padding:0 0 0 20px; margin:0 0 10px;} /*Progressive step styles start*/ .progressivestep{display:block;overflow:hidden;width:100%;clear:both;} .step-process .progressivestep .grey{display:none;} /*Progressive step styles ends*/ /* site search styles start*/ .globalSiteSearch, .globalSiteSearch-container{float:right;width:168px;} /* Phone Finder component*/ .phoneFinder label{display:none;} .phoneFinder button{margin:9px 0 0;} .ie7 .phoneFinder button{margin:0;} /*carousel-pagination*/ .carousel-container .carousel-pagination{width:auto;padding:10px 22px;font-size:1.3em;text-align:left;} .carousel-container .carousel-pagination a{margin:0 0 0 2px;padding:7px;} .carousel-pagination span{margin:0 8px 0 0;} .carousel-container .carousel-pagination .pageactive{padding:7px;} /* rewrite error styles */ .errorlistbox .error ul li a{font-size:1em;} .choose-group p span.select-box-error{width:auto;} .choose-group p span.error-nxtline{width:90%} .choose-group p span.error-nxtline span{width:100%} span.error-inline{clear:none;padding:0;position:absolute;display:none;} span.error-inline.error-field, span.error-nxtline.error-field{display:inline;} span.error-inline span{font-size:1.3em;margin:0; padding:6px 0 6px 20px;width:290px;} .error-inline span.txtbox-xs{width:448px;} .error-inline span.txtbox-s, .error-inline span.selbox-s{width:375px;} .error-inline span.txtbox-m, .error-inline span.selbox-m{width:287px;} .error-inline span.txtbox-l, .error-inline span.selbox-l{width:215px;} span.error-nxtline{padding:0;display:none;clear:both;} span.error-nxtline span{font-size:1.3em;margin:0; padding:7px 0 0 23px;} /* rewrite error styles */ /* energyshop order energy */ .login-radio{margin:20px 0 15px;} .login-radio p span input{float:left;} .login-radio p span{margin: 0;padding: 0;width: 21px;float:left;} .login-radio label{margin:0 0 0 4px;line-height:1.1em;font-size:1.8em;} /* energyshop order energy */ /*GAP personalized component*/ .radio-tooltip{padding:5px} .ie7 .radio-tooltip{padding:0 5px;} .table-baner{margin-left: 8%;margin-top: 10px;width:75%} .ie7 .table-baner{margin-left: 2%} .filter-divider{padding:0 0 0 30px} .filter-padding{display: block;overflow: hidden;padding:0} .filter-heading{margin:0 0 20px;padding:5px 5px 0} .filter-choosegroup{padding:0 0 0 15px;width:22%} .filter-radio p{padding:4px 0} .choose-group p.filter-autowidth{width:auto} .filter-radio p label,.blue-promo .genericRadioGroup p label{font-size:13px} .table-forecost{margin-top:22px} #whole-components h4{padding-bottom:7px} .table-tariff{width:22%} .table-features{width:21%} .table-exit{width:10%} .table-annual-cost{width:8%} .table-annual-saving{width:13%} .table-switch{width:26%} /*Energy Smart - smart meter - radio button position*/ .SMRadioBtn{float: left;width: 120px;} /* on Chrome, remove arrows inside input type "number" */ input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /*ESR*/ #esrpromo{display:none} .field-cont .text .small{display:inline} .ie7 .primary-link sup{display:block; margin-top: -17px; margin-left: 51px;} /*BGB - downloadReport Component*/ .ms-report-table-sec{margin:20px 0;} .ms-report-table-sec .report-table thead th{padding:10px 0; margin:0px;} .ms-report-table-sec .report-table td{padding:0;} .rpt-name{float:left; width:239px; padding:8px 10px 4px;display:block;} .rpt-desc{float:left; width:690px; padding:8px 10px 4px; display:block; } .report-table td .rpt-desc{min-height:20px;} .report-criteria-sec{padding:10px 0 10px 30px; clear:both} .report-criteria-sec .field-cont{display:inline-block; width:100%;} .report-criteria-sec .field-cont div.field-sec{float:left; margin-right:12px;} .report-criteria-sec .field-cont div button{margin-top:20px;} .ms-report-table-sec .genericRadioGroup span input{margin-left:0px;} /*BGB - downloadReport Component*/ /* Survey Component*/ .survey-wrapper{display:block;padding:0 0 20px 0} .sub-question{padding:0 0 0 20px} .survey-wrapper .icon-image{height:70px;width:70px} .survey-wrapper .question-text{width:88%;padding: 8px 0 0} .survey-wrapper h2{font-size:1.7em;font-weight:bold} .survey-autowidth{width:auto} .survey-txtarea{margin:0 8px 0 0} /* Survey Component*/ /* Generic TextArea*/ .genericTextArea .showcount span.inline {display:inline;} .txtarea-xxl{height: 160px;padding: 3px;width: 715px;} /* Generic TextArea*/ /* SMR - One & Done Journey */ .smroneacct{float: left; width: 285px; margin-top: 11px;} .smroneacct h3{margin-top: 12px; font-weight: normal !important;} .smroneacct p{margin-top: 14px;} /* SMR - One & Done Journey */ /*dateRange component starts here*/ .dateRange{float:left;} .dateRange div{float:left;margin-right:10px;} .search-btn{padding:44px 0 0 0; display:inline-block;} .ui-datepicker-trigger{cursor:pointer;float:left;} .dateRange-button-img{margin:45px 0 0 10px;} .watthis{padding:0 0 0 5px;} /*dateRange component ends here*/ /* Registration*/ .OAMRegistration .findoverlay, .OAMRegistration .ddoverlay, .OAMRegistration .crnoverlay, .OAMRegistration .sonoverlay,.emailContentParsys {clear:both; margin-left:5px;} .OAMRegistration .findoverlay a.tooltip, .OAMRegistration .crnoverlay a.tooltip, .OAMRegistration .ddoverlay a.tooltip, .OAMRegistration .sonoverlay a.tooltip {white-space:nowrap; min-width:100px;} .title-dropdown{width:30%;} .other-title-dropdown{width:70%;} /* Registration*/ /* diagnosis tool askDave */ table.diagnosis-table,.diagnosis-table-data{width:100%;margin-bottom:0px;} .diagnosis-table td{font-weight:bold;text-align:center;} .discount-question{padding:0px 10px 5px 0px;font-size:12px; } .question-input label{vertical-align: top;padding: 5px 17px 0px 0px;} .ie7 .question-input label{vertical-align: middle;padding: 5px 17px 0px 0px;} .question-input-span input{margin-right: 1px;} .ie7 .question-input-span input{margin-right: 1px;vertical-align: middle;} .diagnosis-select{padding:40px 0px 0px 0px; } .diagnosis-select select{font-size:1em;} .diagnosis-select p label{font-size: 12px;padding-right: 7px;} .diagnosis-select .genericSelectbox span{font-size:12px;} .diagnosis-spacing{padding:15px 0px 0px 0px;} .ques-text{padding-bottom:10px;} .medium-tick{height: 30px;margin-left: 8px;padding: 0 0 0 36px;display: block;} .question-input .radio-align{float: left;margin-right: 25px;width: auto;padding: 4px 0;} .ie7 #choose-align-left{width:auto;margin:0;padding:2px 25px 3px 0;float:left;} .ie7 #choose-align{width:100%;margin:0;padding:2px 25px 3px 0;float:left;} .DiscountDiagnosisTable .table-wrapper {overflow-x:scroll} /* diagnosis tool askDave */ /* askdave informative carousel */ .container-div{width: 965px;margin-bottom:15px;} .info-icon{width: 40px;height: 40px;text-align:center;} .info-icon img{margin-top: 5px;} .prev-info-carousel,.next-info-carousel{width: 35px;height: 40px;cursor:pointer;} .viewport {overflow: hidden;width: 816px;height: 40px;} /*playpause*/ info-controlcontainer{ display: inline-block;height: 37px; width: 102px;} .play-info-carousel { cursor: pointer; height: 40px; width: 35px;} .info-profile {width: 851px;} .info-profile p{font-weight:bold;font-size:12px;padding-left: 3px;margin-top: 11px;} .icons-container{margin:10px 0 0 0;} .icons-container span{padding: 0 5px;margin:0 5px;cursor:pointer;} /* askdave informative carousel */ /*askdave vertical divider*/ .right-pointer-divider{float:left;} .right-pointer-divider .pointer-divider-bottom{padding: 0 31px 0 0;} .beak-container{float:left;position: absolute;top:40%;right:0;margin-right: -21px;} .parent-div{float:left;position: relative;width:95%;} /*askdave vertical divider*/ /* askdave rating */ #commentsBlock{margin-top:10px;} .ratings .largeempty {height:20px;} .pageratings .largeempty, .pageratings .mediumfull, .pageratings .smallfull{width:0%;} .comments-count .small{width:66px;} .comments-count .medium { width:85px; } .comments-count .large { width:100px; } .ratings-bar {height:20px;} .ratings-stars-large{width:95px;height:25px;} .ratings-stars-medium{width:85px;height:25px;} .ratings-stars-small{width:66px;} .ratings-star {float:left;height:20px;width:20px;} .comments-count .ratings-bar.empty {width:80px;} .comments-count .ratings-stars {width: 95px;} .comments-count .ratings-bar{height:20px;} .comments-count .ratings-bar.full {width:0;} .comment-header .ratings-stars {float:right;height:30px;padding-top:6px;margin-right:5px;} .comment-header .ratings-bar.empty {width:80px;} .average-rating{font-size:11px;} .rating-star-text {padding-left: 5px;margin-top:0.5%;} .rating-number{padding: 0px 0px 0px 6px;} .rating-textarea textarea{width:100%;} #displayinstance{padding-top:3px;} .pageratingText{line-height: 12px; padding-bottom: 0;padding-right: 10px;margin-left: 20px;} /* askdave rating */ /* tags component askDave */ .tagsDiv span{font-size: 13px;font-style: italic;padding:0px 5px 0px 38px;} .tagsDiv a{font-size: 11px;font-style: italic;padding-right: 17px;text-decoration: underline;white-space: nowrap;} .tagswidth{width:80%;} /* tags component askDave */ /* webchat - contactus */ .webchat-width{width:235px;word-wrap: break-word;} #Webchat_box span{padding:0 0 0 15px;} /* livechatbox - askdave */ #hnaChat .primary-link{padding: 10px 0 10px 51px;} /*Cobolt Carousel*/ #property{display:none;} /*Generic Dials component*/ .genericDials .txtbox-dial-xxs{width:7px; padding:4px 3px 4px 3px; font-size: 0.9em; font-weight:normal} .genericDials .txtbox-dial-xs{width:8px; padding:5px 3px 5px 4px; font-size: 1em; font-weight:normal} .genericDials .txtbox-dial-s{width:10px; padding:6px 5px 6px 5px; font-size: 1.3em; font-weight:normal} .genericDials .txtbox-dial-m{width:13px; padding:7px 10px 7px 11px; font-size: 1.7em; font-weight:bold} .genericDials .txtbox-dial-l{width:15px; padding:8px 15px 8px 16px; font-size: 2.5em; font-weight:bold} .genericDials .txtbox-dial-xl{width:18px; padding:9px 18px 9px 18px; font-size: 2.8em; font-weight:bold} /*Generic Dials component ends*/ /*Services Email starts*/ .edit-process { float: left; width: 100%; padding: 5px 0 0 0 } .edit-process p a.revertLnkSingle, .edit-process p a.revertLnkMulti { float: left ; padding: 6px 0 10px 0;} .regedit-details{clear:none; float:right; height:20px; margin:0; padding:6px 0 0 35px;width:52%} div.accountIcon, div.accountIconSingle, div.introAccountIcon { margin: 0 15px 0 0 } div.accsumm-top-space-semail { margin: 7px 0 0 0 } div.latestDocFirstParsys, div.latestDocScndParsys { padding: 50px 0 0 0 } #multi-accnt-list div.accountList p span { clear:both; display: block; padding: 0 0 5px 0; } .subject-style { text-decoration: underline; cursor: pointer; } p#doc-date span#dateTxt { padding: 0 0 0 22px; } p#doc-address a { padding: 0 0 0 5px; } .insurance-repair { padding: 10px 0px 0px 0px; } #multi-accnt-list { padding-top: 15px; } div.multi-accnt-list div.listHeading h3 { padding-bottom: 2px; } div.latest-Document .errorBox { width: 96.8%; } /*Services Email ends*/ /*Build Your Own Component*/ #byo-table-one{padding:10px 0} #byo-table-one p,#byo-table-one label{font-size:1em} .bespoke-cover-price,.bespoke-product-price{display: inline;} .headingfour{margin:0 5px} .bespoke-val{width:65%} #byo-table-one .name-group-check label{width:82%} .bespoke-val .text.parbase p{padding-bottom:0px} .ie7 .bespoke-val .ctprice{padding-bottom:5px} .byo-price-text{width:48%} .byo-price-amount{width:49%} .right-align{text-align: right} .bespoke-align{padding-bottom: 3px} /*Overlay modal content*/ .modal-content p, .confirm-cont p, .modal-content ul li,.modal-content ol li{padding:0 0 10px 0;font-size:1.3em;} .dialog p{font-size:1.3em;} /*horizontal radio*/ .choose-group p.generic-radio-horizontal,.radio-horizontal{width:auto;margin-right:25px;} .choose-group p.generic-radio-horizontal label,.radio-horizontal label{white-space:nowrap} /*Featured Master*/ .featuredratings{height:15px;padding:5px 0 0 0;} .ratingwidth{width: 65px;} .featured-ratings-stars { height: 25px; width:auto;padding:1px 0 0 0;} .featuredMaster .separator-gradient{margin:13px 0;} .article_hfa .cq-colctrl-lt1-c1{width:31.9%;} .videoplay{position:absolute;padding:21% 40%;} .duration-views-width{width:90%;} .ratings-bar{height: 15px;} /*Ask dave help and advice*/ .hna-divider-bottom {padding: 0 8px 0 0;} .light-blue-panel-head {height:40px;width:100%;float:left;} .default-message{padding-left: 10px;} .link_bg{margin-bottom:3px;padding:3px 0px 0px 2px;} .light-blue-panel-head h4{padding:10px 0 0 15px;} .hna-item-text {font-size:1.3em;width:75px;text-align:center;} .hna-category {display:block;overflow-x: hidden;overflow-y: hidden;width: 100%} .hna-items {width: 96.8px;height: 95px;float:left;text-align: center;padding: 10px 0;} .ie8 .hna-items{width: 96.8px;} .ie7 .hna-items-last{width:104px;} ::i-block-chrome,.hna-items-last{width:104px;} .hna-image {height: 64px;cursor:pointer;} .hna-image img {width:60%;} .hna-item-section{padding:0px 11px; width:73px;} .ie8 .hna-item-section{width:71px;} /*.widget-width{width:228px;float:left;margin-bottom:10px;}*/ .loadingstyle{padding:15% 0 0 25%} .loadingstyle2{padding:5% 0 0 40%;} /* Energy Cost Calculator */ #energyCostCalculator p label,#energyCostCalculator p span select,#energyCostCalculator p input,#energyCostCalculator p .error-field span.txtbox{font-size:1em} #gasCalculatorKwhr,#electricityCalculatorKwhr {font-size: 1.3em;padding: 7px 0;} #energyCostCalculator #gasSpend,#energyCostCalculator #electricitySpend {width:42px} #energyCostCalculator #gasSpendType,#energyCostCalculator #electricitySpendType {width:92px} #energyCostCalculator #gasConsumption,#energyCostCalculator #electricityConsumption {width:77px} #priceDisplay .info-padding{padding:6px 10px} #priceDisplay .info-padding span.pound-value{font-size:18px;font-weight:bold} #priceDisplay .info-padding span.month-text{padding:5px 5px 0} #energyCostCalculator span.description{font-size:11px} #costCalculator{margin-top:15px} /* Energy Cost Calculator */ /* ASV/IB */ .grey-btn{padding: 10px 20px;margin-top: 10px; font-weight: bold; display: inline-block} .dashed-hr{margin: 20px 0} ul.item-hr-stack li{float: left} .ibAppliances .faultPicker .product-fault-container{margin: 10px 0} .ibAppliances .faultPicker .product-fault-container .problem-items img{display: block; margin: 0 auto} .faultPicker .problem-items img{width:60px;} .fualt-items-wrapper .faultseperator .separatortype{margin-bottom: 15px} .faultPicker .problem-items .hna-items .hna-divider-right{padding-bottom: 10px} #priority-panel label {width: 25px; float: left} #priority-panel .genericRadioGroup{width: 50px; float: left} #priority-panel .genericRadioGroup span.button-radio{padding-left: 2px} ul.fault-types{margin-left: -1%} ul.fault-types li{margin-left: 1%; margin-bottom: 1%} ul.fault-types li{width: 19%} ul.fault-items li{width: 14.28%; cursor: pointer; height: auto} ul.product-item li{overflow: hidden;cursor: pointer; text-align: center} ul.problem-items li span span, ul.fault-items .hna-divider-bottom{padding: 10px 5px; display: block; text-align: center} ul.problem-items li span span{height: 92px} ul.fault-items .hna-divider-bottom{height: 89px} ul.problem-items li.disabled, ul.problem-items.disabled li, ul.problem-items li.unselectable{ opacity: 0.3; filter: alpha(opacity=30); cursor: auto} ul.problem-items li strong{display: block; padding: 5px 5px 0; line-height: 10px; margin: 0 auto; max-width: 73px} .faultPicker .problem-items img{width:60px;} .fault-items{margin: 10px 0 0; display: none} ul.plumbing-drains-items li{width: auto; float: none} /*Clearfix*/ .clear-fix:before, .clear-fix:after{content:""; display:table} .clear-fix:after{clear:both} /* For IE 6/7 (trigger hasLayout) */ .clear-fix{zoom:1} /*Radio to button*/ .button-radio-style .button-radio input[type=radio]{display:none;} .button-radio-style .button-radio + label{display:inline-block;text-align: left; width: 268px;padding: 0 5px 0 0;line-height: 20px;margin:0;font-weight:800;font-size:1em;cursor: pointer;} .green-button {font-weight: bold; padding: 10px} /*dropdown style starts*/ .select-slot{font-size: 1.2em} .drop-down-icon{padding: 4px 30px 4px 10px; display: inline-block} .select-slot .slot-options li.dayselector{display: inline-block; margin: 0 15px 15px 0; padding: 0 5px 0 0; position: relative; line-height:20px;} .dayselector .drop-down li{display:block; padding: 5px 45px 5px 30px; cursor: pointer; width:65px} .dayselector .drop-down {position: absolute; top: 22px; z-index: 3; left: -1px} .slot-options li.dayselector a:hover { text-decoration : none; } /*dropdown style ends*/ /*dropdown style for ie7 starts*/ .ie7 ul.slot-options li.dayselector{z-index:5;} .ie7 .calendar-panel .table-container{z-index:2;} .ie7 .calendar-panel .select-slot {position:relative;z-index:10;} .ie7 .select-slot .slot-options li.dayselector{position:static;} .ie7 div.slot-options{position:relative;} .ie7 li.dayselector ul.clear-fix {left:15px !important;top:50px!important;} .ie7 li.dayselector ul.drop-down.displaynone{left:112px;top:50px} /*dropdown style for ie7 starts*/ .select-slot { padding: 15px 0 0 15px; } .calendar-panel .table-container{padding: 0 0 0 15px; } /*calendar table styles starts*/ .table-container table.book-appointment-table tr th, .table-container table.book-appointment-table tr td{cursor: pointer;} .table-container table.book-appointment-table tr td .slot-panel{padding:0;} .table-container table.book-appointment-table tr th {padding:5px 0 5px; height:50px; } .table-container table.book-appointment-table tr th, table.book-appointment-table tbody tr > td:first-child { text-align:left; cursor:default; width: 100px; font-size:1.2em; min-width:100px} table.book-appointment-table tbody tr>td:first-child { width:100px; height: 69px} table.book-appointment-table tr th, table.book-appointment-table tr td.available-false{cursor: default;} table.book-appointment-table tr th, table.book-appointment-table thead tr > td:first-child {padding: 5px} .calendar-panel .table-container {overflow-x:hidden; position: relative} .ie7 table.book-appointment-table tr th .slot-wrapper{position: relative} .ie7 .table-wrapper .scrollable, .ie7 .table-wrapper .pinned{margin-top: 7px} .ie7 .table-container table.book-appointment-table tr th{height: auto;} .ie7 .table-container table.book-appointment-table tr th .slot-wrapper{padding-right: 1px;} .ie7 .table-container table.book-appointment-table tr td:first-child ~ td{padding: 0} .ie7 .table-container table.book-appointment-table tr td div.slot{padding: 18px 17px 16px 20px;} .ie7 table.book-appointment-table tbody tr > td:first-child {height: 74px} .responsive-off table.responsive th:first-child, .responsive-off table.responsive td:first-child{display: table-cell} .responsive-off table.responsive th:first-child .slot-head{display: none} table.book-appointment-table tr th .slot-head {height: 20px; line-height: 20px; text-align: center; width: 80%; position:relative; top:7px; margin:0 auto; padding: 1px; font-weight: normal} table.book-appointment-table tr td .slot{ height: 40px; padding:5px 10px; text-align: right; } table.book-appointment-table tr td .slot{ height: 40px; padding:5px 10px; text-align: right; } table.book-appointment-table tr td .slot span{display: inline-block; margin: 30px 0 0; width: 60px;} table.book-appointment-table thead tr th .slot-wrapper { height: 35px; } table.book-appointment-table tr th .slot-wrapper .slot-sep {height:25px;} .calendar-id-panel .scrollable{position: relative; overflow: hidden} .bookingCalendar .show-calendar-panel .calendar-panel { padding: 20px; min-height: 280px} .appointment-available-wrapper .view-available-dates { padding: 15px 20px; } .appointment-available-wrapper .view-available-dates .available-date-text img { width:50px; } .appointment-available-wrapper .view-available-dates .available-date-text .view-available-date-text{ margin:10px 5px; width: 70%; float:left} .appointment-available-wrapper .view-available-dates .available-date-text{ margin: 10px 0 15px 0;} .appointment-available-wrapper .view-available-dates .available-date-text .view-available-date-text .text p { line-height: 20px; } .tab-slider button{margin: 10px 0 0; float:right;} .tab-slider .slide-text .sliderCalendar{float:left} .ie7 table.book-appointment-table tr th .slot-head {width: 85%;} .product-fault-container .fault-items{margin-top: 5px} .bookingAppointmentCalendar .slider .appointmentbookingdisplay {margin: 0 0 15px 0} .appointment-available-wrapper .show-calendar-panel .showcalendartext p{font-weight: bold} .bookingAppointmentCalendar .parsys.separator.bookingSeparator{margin-bottom:18px;} .slider .asv-jobtracker-cont.fleft{margin-bottom: 14px} .reviewPage .separatorpath4.parsys.separator, .reviewPage .separator-gradient{margin-bottom:10px} .reviewPage crossSelldisplay{margin-top: 5px;} .bookingAppointmentConfirmation .promobox{margin-top:18px;} .view-available-date-text{overflow:hidden;} /*calendar table styles ends*/ /*Overlay button spacing*/ .ui-dialog .button-group div.fleft{margin-right:5px} .calendar-id-panel.loading-img{min-height: 150px} .calendar-panel #next-nav, .calendar-panel #prev-nav{position: absolute; top: 60px; bottom: 21px; z-index: 2} .calendar-panel #prev-nav{display: none} .calendar-panel #next-nav, .calendar-panel #next-nav .nav-btn{right: 0} .calendar-panel #prev-nav{left: 114px} .calendar-panel #prev-nav .nav-btn{left: 0} .calendar-panel #next-nav{padding: 5px 0 5px 50px} .calendar-panel #prev-nav{padding: 5px 50px 5px 0} .calendar-panel #next-nav .nav-btn, .calendar-panel #prev-nav .nav-btn{width: 33px; height: 63px; position: absolute; top: 37%; cursor: pointer} /*slider styles starts*/ .bookingAppointmentCalendar p.text-align { padding: 0px 0 15px 0; font-size: 1.2em; font-weight: bold; } .flexslider .flex-control-nav {bottom: -40px;} .appoinmentslider .tab-slider p{margin: 10px; padding: 7px 0; font-size:1.4em; line-height:20px;} .slide-text{ margin:0 5% 0 0; float:left} .appoinmentslider .tab-slider input[type="button"]{cursor: pointer;margin: 1.3% 0;width: 40%} .appoinmentslider .tab-slider{margin: 10px 15px; width:85%} .appoinmentslider .tab-slider img{margin: 6px 0;width: 50px; display: block} .slider .flexslider .flex-control-paging li a{width:11px; height:11px; } .slider .flexslider .flex-control-paging li{margin: 0 3px;} .slider .asv-jobtracker-cont img {width:50px; height:70px; } .slider .asv-jobtracker-cont .asv-jobtracker-date { margin: 10px; } .slider .bookingSlider .flex-direction-nav a{opacity: 1; } .slider .flexslider .flex-viewport{ margin:0 35px;} /*slider styles ends*/ /*scrollable table style starts*/ .table-container .pinned { width: 100px; overflow-x:hidden; } .table-container .pinned table#select-calendar { width:100%;} .table-container div.table-wrapper div.scrollable { margin-left:100px; overflow: hidden} .table-container .responsive table.responsive td, table.responsive th { white-space:normal;} .reviewPage .cross-sell-wrapper .gas-prod-accordion{margin-left:83px} /*scrollable table stle ends*/ /*overlay style starts */ .review-appointment .appointment-info .appointment-details img { width:50px;} .bookingAppointmentConfirmation .review-container h3{margin-bottom:10px} .requestacallback .tertiary-link, .requestacallback .tertiary-link:hover{ padding-left: 15px; padding-bottom: 0; } .fasttrackReviewpage .review-change-button, .fasttrackReviewpage .appointment-details, .fasttrackSummaryDetails .appointment-details{margin:0} .fasttrackReviewpage div.cq-colctrl-lt12-c1, .reviewPage div.cq-colctrl-lt12-c1{float: left; margin-left:85px} .fasttrackReviewpage div.cq-colctrl-lt8-c1 {margin:5px 0 0 0} .fasttrackReviewpage #xselldisplay #ftadd-mono, .fasttrackReviewpage #xselldisplay .cmdremovelink{margin:7px; font-size:1.3em} .fasttrackSummaryDetails .review-container h3, .fasttrackSummaryDetails .review-container .review-appointment h3{margin:10px 0 0 0} /*overlay style starts */ /*Loading image */ .faultPicker .loading-img .faultseperator{display: none} .faultPicker .loading-img, .appoinmentslider .loading-img{min-height: 100px;} .green-button {font-weight: bold; padding: 10px} .light-grad-container{padding: 10px; margin: 15px 0} /*Bgmo*/ .appointmentDetails .table-container .pinned{width:115px;} .appointmentDetails .table-container div.table-wrapper div.scrollable{margin-left:115px;} .appointmentDetails .calendar-panel #prev-nav{left:130px} .appointmentDetails .table-container table.book-appointment-table tr th{ min-width:100px;} /*ToU - Meter read history*/ .meterReadHistory .register span, .meterReadHistory .fuelType span{display:inline;} /*ToU - Meter read history*/ .voucher-image{vertical-align:middle} #incentivePrice1{display:inline;float:none;} .panelcontainer-scissor{position:absolute;margin-top:-14px;height:31px;width:35px;right:13%;z-index:45} .voucher-in-table{padding: 10px;} .energyshoporder-voucher-check{padding: 15px;} /* Pagination Component*/ .jq-pagination{width:auto;float:right;font-size:1.3em} .jq-pagination span.current,.jq-pagination a.active-button{width:auto;float:left;margin:0 5px;padding:1px 5px;} .jq-pagination a.active-button{cursor:pointer;} .jq-pagination span.prev, .jq-pagination a.prev{text-align:right;cursor:pointer;padding: 0 9px 0 15px;margin:2px 0 0 0;} .jq-pagination span.next, .jq-pagination a.next{width:auto;cursor:pointer;padding:1px 16px 1px 10px;margin:2px 0 0 0;} .jq-pagination{float:none} .jq-pagination span.current, .jq-pagination a.active-button {float:none} .ie7 .jq-pagination span.current, .ie7 .jq-pagination a.active-button{position:relative;} /* Pagination Component */ /* ASV Review Page */ .fault-items li.hna-items{padding:10px 0 0 0;} .imgloader{margin:50px 0 0 0;} .review-appointment ul.review-image-container li.review-image-content img{vertical-align: middle; display:inline-block; width: 60px; margin-right:10px} .review-appointment ul.review-image-container li.review-image-content span{display: inline-block; max-width:56%; vertical-align: middle; font-size:1.3em;} .review-appointment .review-image-container{margin: 0;} .review-appointment ul.review-image-container li.review-image-content{ margin:0 15px 15px 0; width:30%} .reviewPage ul.review-image-container li.review-image-content:last-child{margin-right: 0} .review-page-blue-promo .total-price-panel{display: inline-block; min-width: 260px; width:100%;} .cross-sell-wrapper .requestacallback p b span a{margin: 5px 0 0 10px} .cross-sell-wrapper:before {padding:0} .fasttrackReviewpage .review-page-blue-promo .ftmonoxide-detector div p.l-panel a.center-padding{margin: 10px 0 0 5px;} .reviewPage .review-page-blue-promo #gas-leak a{font-size:1.3em; margin:1px} .review-appointment-display h3 {width:63%; margin-bottom:10px; float:left;} .reviewPage #xselldisplay #ftadd-mono, .reviewPage #xselldisplay .cmdremovelink {font-size:1.3em; margin:12px} .review-appointment .review-image-container .review-image-content div p span{ margin: 15px 0 0 10px; float:left;} .telePhoneNumber p span {float: left; font-weight:bold; margin: 0 10px 0 0; line-height:25px;} .review-change-button strong a, .review-change-button strong a:hover{margin: 0; font-size: 1.3em;} .review-change-button {margin: 5px 0 0 0;} .review-appointment .appointment-details .image { float:left; } .cross-sell-wrapper { padding: 15px; } #xselldisplay div.cross-sell-content-wrapper div.cross-sell-wrapper{ width: 95%; } .cross-sell-content-wrapper .cq-colctrl-lt8-c1, #xselldisplay .cross-sell-content-wrapper div.cq-colctrl-lt12-c1{ float:left; width:20%} .cross-sell-content-wrapper div.cq-colctrl-lt12-c1 { margin: 5px 15px 0 87px; } .crossSelldisplay div.cross-sell-content-wrapper div.table-wrapper{ width:96%; } .address-text{ margin-top: 20px;} .bookingAppointmentConfirmation .appointment-info{margin-top:10px} .bookingAppointmentConfirmation .appointment-details{margin-bottom:20px; width:100%} .bookingAppointmentConfirmation .conformationText p{margin-top:10px;} .bookingAppointmentConfirmation .goAccountSummary, .reviewPage .confirm-appointment{margin:20px 0 0 0;} .bookingAppointmentConfirmation .review-container h3, .bookingAppointmentConfirmation .review-container .review-appointment h3{margin:10px 0} /*ASV-Conformation style starts*/ .green-button { padding:10px; font-weight:bold;} .bookingAppointmentConfirmation .conformationSteps .circle{padding:0px 0px 0px 15px;} .review-appointment .conformationAccount h2{margin:15px 0px 0px 0px;} .review-container .review-appointment p span{margin:0px 0px 0px 5px;} .review-appointment .appointment-details, .review-container .review-appointment h3{margin:0} .bookingAppointmentConfirmation .appointment-details{ margin: 0px 0 10px 0px;} .confirm-appoinment-day { margin: 5px 0 0; font-size:1.3em; line-height:20px;} .review-appointment .appointment-details { width:100%; } .review-container .accordion-content { padding-left: 0 } .appointment-details .image .image-five img { width: 50px; } .reviewPage .review-appointment .review-page-blue-promo{margin: 12px 0 20px;} .reviewPage .review-appointment .content-area{margin-top: 5px} .appointment-details .heading p{margin-bottom:10px; font-size:1.3em} .reviewPage .review-page-blue-promo .panel-padding .total-price-panel a.center-padding, .fasttrackReviewpage .review-page-blue-promo .panel-padding .total-price-panel a.center-padding{vertical-align: bottom;} .cross-sell-content-wrapper div.cq-colctrl-lt8-c0{width:100%} .cross-sell-content-wrapper .cq-colctrl-lt8-c0 .textimage{float:left;width:77%;} .cross-sell-wrapper .cq-colctrl-lt8-c0 .image{width:87%;float:left;} #xselldisplay .cross-sell-content-wrapper div.cq-colctrl-lt12-c1{width:15%;float:right; margin:0 5px;} .cross-sell-content-wrapper .cq-colctrl-lt8-c1{width:12%;float:left} #xselldisplay #ftadd-mono, #xselldisplay #ftremove-mono{float:left;} .reviewPage #xselldisplay #ftadd-mono, .reviewPage #xselldisplay .cmdremovelink{margin: 7px;} /*ftbooking reviewpage changes*/ .cross-sell-wrapper #detector-col-main{width:100%} .fasttrackReviewpage .appText h3{float:left; width:75%} /*ASV Payment */ .payment-panel span{ font-size: 1.2em; margin:3px 0;} /*Banner component Enhancement*/ .banner-home{font-size: 1em;margin: 0 0 10px;position:relative} .banner-home-text{left: 20px;position: absolute;top: 30px;width: 95%;padding:5px} .panel-dotted-left-border{padding:0 0 0 20px} /*Informative carousel*/ #info-carousel-slides ul {left: 0;list-style: none outside none;padding: 0;position: relative;top: 0;width:1750px;} #info-carousel-slides li {float: left;height: 250px;width: 816px;} #info-carousel-slides {height:40px;overflow: hidden;position: relative;width:816px;} /*Button Alignment-SMR*/ .smr-button-align{padding:0px 50px 0px 0px;} .smr-button-align .btn-comp-img {width: 311px;} /* Link Button */ .primary-home-button,.secondary-home-button{min-width:200px;} .primary-home-button span,.secondary-home-button span{width:auto;overflow: hidden;} /*Home Page Tab*/ #home-page-tabs .home-tab-list{display:none} #home-page-tabs .tabcomponent .homepagebanner-title ul li:first-child{display:none} #home-page-tabs .tabcomponent .ui-tabs .ui-tabs-panel {padding: 0;} #home-page-tabs .tabcomponent .homepagebanner-title ul li.ui-state-active,.tabcomponent .homepagebanner-title ul li.ui-state-active:hover {padding-bottom: 24px;z-index: 99;} #home-page-tabs .homepagebanner-title{margin-bottom:-20px} #home-page-tabs .tabcomponent{padding-top:7px} #home-page-tabs .homepage-cookie-text{width:53%; margin: 12px 0 0;float:left;padding-bottom:20px} #home-page-tabs .homepage-tab-order{width: 39%;float:right} #home-page-tabs .home-log-head{height: 54px;} #home-page-tabs .home-log-head h3 {padding: 3px 0 0 15px;} #home-page-tabs .tabcomponent .ui-tabs {padding:0} #home-page-tabs .tab-content{display:none} #home-page-tabs .tab-content:first-child{display:block} .tabcomponent .hometabs{display: block; overflow: hidden;} .tabcomponent .hometabs .ui-tabs-nav{padding:0;} /*SMB address selector component*/ .address-dropdown .supplyaddresslist p span { clear: both;display: block;padding: 0 0 5px 0;} .smb-energy-selector .image {width: 100px;height: 78px;padding: 10px 0 0 10px; float: left;} .smb-energy-selector .genericRadioGroup {margin: 35px 0 0 0;float: left;} .smb-energy-selector .genericRadioGroup span{display: inline;} .smb-energy-selector .genericRadioGroup label {margin: 0 0 0 4px;font-size: 1.8em;line-height: 1.1em;} .smb-energy-selector{ padding: 0 0 15px 0 } /*end of SMB address selector component */ /*iframe video component */ .embed-box {position: relative;padding-bottom: 62.25%;padding-top: 30px;height: auto;overflow: hidden;} .embed-box iframe,.embed-box object,.embed-box embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /*iframe video component ends */ .login-nb-box .panelcontainer{margin-bottom:0} .login-nb-box .login-nb-box {margin-bottom:10px} .login-nb-box .login-nb-regbox {padding: 13px 12px 0;} /* OAM Lite */ .oamLitePrj .oamLiteSMRMessage{width: 70%;clear: none;margin-top: 10px;} .oamLitePrj .overlay p a{font-size:11px;} .oamLitePrj .overlay p a:hover{text-decoration:none} /* OAM Lite */ /*contact us confirmation */ .contactusconfirmation-content .enquiry-content{width:560px;} .margintop20px{margin:20px 0px 0px 0px;} /*contact us confirmation ends*/ .view-bill-history table p a:hover span{text-decoration:underline;} /*Pricefinder*/ .pricefinder p {font-size:1em;} .pricefinderoverlay p {font-size:1.3em;} .pricefinder .termsAndConditions span {float:left;} .pricefinder .error ul li {font-size:1.1em;} .pricefinder .choose-group p label {float:none;} /*Tariff details*/ .login-nb-regbox {padding: 13px 12px 13px;} .text table.til-details td,.text table.illustrative-cost td{padding:5px 0; vertical-align:top; line-height: 18px;} .text table.illustrative-cost tr td.cost-label, .text table.til-details td{width:50%; word-break: break-word;} .text table.til-details td li{padding:0;} div.tariff-wide-container{width:100%;} .row-wrapper {clear:both; display:block; overflow:hidden;} .row-wrapper.til-accordion .accordion-head,.row-wrapper.til-generate-pdf p{margin-left: 15px;margin-bottom: 10px; display:inline-block;} .row-wrapper.til-generate-pdf{margin-bottom: 0} .row-wrapper.til-accordion .accordion-content {padding:0;} .row-wrapper.col-3 .td-detail {float:left;width:32%} .row-wrapper.col-4 .td-detail {float:left;width:24%} .row-wrapper .td-detail {float:left;width:19%;word-wrap: break-word;min-height: 32px;} .row-wrapper .td-detail.applypadding {padding-right:10px;} .row-wrapper.til-accordion .expand-collapse,.row-wrapper.til-accordion .accordion {padding:0; margin:0} .tcr-content{display: block; padding: 10px;} .row-wrapper.header {padding:15px 0 0; height:47px;} .row-wrapper.header .td-detail p {padding:0 5px 0 15px;} .row-wrapper.result, .row-wrapper.til-accordion {padding: 15px;} .row-wrapper.til-accordion {margin:0; padding: 0;} .row-wrapper.result .last{float:right; margin-right: 12px;} .row-wrapper.result .genericButton {display: inline-block;} /* MI DATA*/ .MiDataReport .table-with-alternate-row .large-blue {font-weight:bold} .alignclass{padding-top: 27px;} /* Book CHI appointment */ .baaBoilerDetails .field-cont legend.with-tooltip{margin-bottom: 10px; padding: 0 80px 0 0; position: relative} legend.with-tooltip .chitooltip{position: absolute; right: 0; top: -7px} legend.with-tooltip p{padding-top: 0; padding-bottom: 0} .chitooltip .non-modal a, .chitooltip .overlay a.tooltip, .chitooltip .overlay a{font-size: 10px; font-weight: normal; line-height: 18px} .field-cont legend .dialog{font-weight: normal; font-size: 10px} /*Calendar icon*/ .dateRange.DateRange .ui-datepicker-trigger{height:30px;width:30px;} /*TupeMap css */ #tupemap-outer {position:relative;} #landing-promo{padding:12px;height: 181px;} #main-tubemap {padding-right:70px;margin:-3px 20px 0 40px;} #main-tubemap li{position:relative;padding:7px 7px 7px 59px;margin-left:40px;} .ie7 #main-tubemap {margin:0 6px 0 20px;} .ie7 #main-tubemap li{padding:2px 7px 0px 59px;} .ie7 #main-tubemap .even h2,.ie8 #main-tubemap .even h2{text-align:right;margin-right:13px;} .ie8 #main-tubemap li{padding:8px 7px 7px 59px;} .ie9 #main-tubemap li{padding:7px 7px 8px 59px;} .ie9 #main-tubemap .even{padding:7px 61px 8px 7px;} #main-tubemap .smart-head-no{z-index:2;text-align:center;} #main-tubemap .smart-head-tick{text-indent:-99999px;} #main-tubemap .tubemap-smart-head{position:absolute;top:5px;left:-30px;width:46px;height:42px;font-size:30px;padding-top:5px;} #main-tubemap .left-dot{width:12px;height:12px;position:absolute;display:block;text-indent:-99999px;left:-46px;top:43%;z-index:2;} #main-tubemap .right-dot{width:24px;height:23px;position:absolute;display:block;text-indent:-99999px;right:-84px;top:30%;} #main-tubemap h2{text-align:left;font-size:20px;margin:8px 0 10px -40px;} #main-tubemap .even{padding:7px 61px 7px 7px;} .ie7 #main-tubemap .right-dot{right:-86px;} #main-tubemap .even h2{text-align:right;margin-right:-40px;} .tubemap_odd .panel-img-phone {display:none;} #main-tubemap .even .smart-head-no{left:auto;right:-30px;} #main-tubemap .even .left-dot{left:auto;right:-45px;z-index:2;} #main-tubemap .right-curve{width:40px;height:56px;position:absolute;top:-2px;right:-42px;} #main-tubemap .left-curve{width:40px;height:56px;position:absolute;top:-2px;left:-42px;} #main-tubemap .first-left-curve{ width:40px;height:56px;position:absolute;top:0;left:-42px;} #main-tubemap .green-line {display: block;margin: 0 10px 0 40px;padding-right: 70px;position: absolute;right: -84px;text-indent: -99999px;width: 24px;} #main-tubemap .right-line {height: 23px;top: -26%;} #main-tubemap .first-line {height: 14px;top: -5%;} #main-tubemap .remaning-line {height: 30px;top: -28%;} #main-tubemap .tubemap-extand-line{display: inline;left: -7%;position: absolute;top: auto; bottom: -2px; width: 7%;} .TubemapQuestionButton1 .primary-link{padding: 10px 10px 10px 51px;display: inline-block;} #banner-control { top: 16%;width: 50%;height: 56px;padding: 0 20px;position: absolute;} #main-tubemap .tubemap-hide-line{display:none;} #main-tubemap .tubemap_odd{width:450px;display:none; position:relative;} .txtOdd{ left: -38px;top: 0;} .ie7 .txtOdd{ left: -5%} .txtEven{ right: -15%;top: -6px;} .ie8 .txtEven{ right: -4%;} .ie7 .txtEven{ right: -11%;} .banner-img{height:137px;} .cq-colctrl-lt16-c0{width: 40%;} .cq-colctrl-lt16-c1{width: 60%;} .odd .tubemap-gradian-img {right: -24px;} .tubemap-gradian-img { display: none;position: absolute;text-indent: -99999px; top: 0;width: 67px;} .even .tubemap-gradian-img {left:-46px;} .gray-white-promo{padding: 13px; height: 176px;} #newUserLoginpg p{padding-bottom: 0px;} #tubemapQuestionlink1 {display: inline-block; width: auto} .ie7 #main-tubemap li.even{padding-left: 0} #main-tubemap .tubemap_odd.txtEven{max-width: 110%} .AccountPaymentHistory .dataTables_wrapper, .AccountPaymentHistory .dateRange-button-img{margin:25px 0 0 10px;} .ie7 .account-link-smart .fourth-level-link{float: right;width: 200px;} /*TupeMap css */ /*quick register*/ .quickregister-button{margin:20px 0 0 0;} /* cookies component */ .globalCookieMessage p {padding-left:190px;padding-top: 10px;} .globalCookieMessage img{cursor: pointer; padding-left: 45px;} .bgrcookiemessage {opacity: 0.7;padding: 1em; position: fixed; bottom:0; width: 100%; z-index: 55; } .toutariff{float:left;padding:10px 30px 0px 110px} /*Digital service and repair*/ .appliance-type{margin:15px 0 0 25px;} .gassafety-dropdown{width:130px;} .appliance-count span{padding-right:5px;} #oneClickPasswordSection .termsAndConditions label{width:95%;} #oneClickPasswordSection{overflow-y:auto;max-height:500px;} #repairPayiframe .content-wrapper{width:auto;} .paymentCardError,.repairPayment{width:60%;} .repairCoverQuote .text{clear:none;} #passwordSection .termsAndConditions label{display:inline-block} /*DRC move to generic*/ #recaptcha_logo, #recaptcha_privacy{display:none;} /*Tou Smart Meter customer - Free Saturday Tariff */ .toutariff{padding:10px 30px 0px 110px;} .ie7 .toutariff{width:82%} /*landlords mutlipremise - awaiting System testing in landlords*/ #muti-contract-menu .flexslider .slides img{ width:52%; display:inline-block; text-align:center;} #muti-contract-menu .carousel li{margin-right: 2px;} #muti-contract-menu .flexslider{margin:0;} #muti-contract-menu .hna-item-section{width:80%;display:inline-block;} #tab2 .btn-input,#tab2 .btn-img{padding:0px;} #tab2 .divider-1,#tab2 .divider-2{padding:10px 0} .summary-options{padding:0px 15px 0px 0px;} #tab2 .go-button{padding:0 15px 0 0;} .tabcomponent .account-overview .primary-panel-hd{width:657px;} .tabcomponent .account-overview .secondary-panel-hd{width:673px;} .loginAccountsOverview .ui-widget input,.loginAccountsOverview .ui-widget select,.loginAccountsOverview .ui-widget textarea,.loginAccountsOverview .ui-widget button{font-size:1.3em;} ul.product-desc li {font-size: 1em; line-height: 25px; padding: 0 0 0 22px;} /* Landlords - Contract Summary */ .table-pagination{padding:10px 0;} .contractSummary .cust-info{width:265px;margin:25px 0 0;} .upper-align{padding:18px 0px 0px 0px;} .pagination-top .dataTables_info{width: 100%;float: right;padding: 5px 30px 2px 0;} .field-cont .btn-input{padding:5px 0 0 0;} .table-pagination .dataTables_wrapper{float:none;} .table-pagination .table-head1{width:85%} .table-pagination .table-head2{width:15%} .pagination-top .dataTables_length ul li a.selected, .pagination-top .dataTables_info,.pagination-top .dataTables_paginate{text-align: right;} .contractSummary .icon-cont{width: 75px;} /* Landlords - Book ASV */ /* Landlords - Your Document */ .cont-center{display: inline-block;padding: 20px 0 0 0;} .yourDocument .ui-widget .seach-field input, .yourDocument .ui-widget .seach-field select, .yourDocument .ui-widget .seach-field textarea, .yourDocument .ui-widget .seach-field button {font-size: 1.3em;} #book-engineer tbody td.sorting_1{padding-top: 20px;} #gasSafety p.accordion-head{display: inline-block;} /* Landlords - Your Jobs */ .dataTables_paginate span a.paginate_active, .dataTables_paginate a.paginate_button{width: auto;float: left;margin: 0 5px;padding: 1px 5px;} .dataTables_paginate span a.paginate_button{cursor:pointer;} .dataTables_paginate a.previous{text-align:right;cursor:pointer;padding: 0 9px 0 15px} .dataTables_paginate a.next{width:auto;cursor:pointer;padding:1px 16px 1px 10px;} .dataTables_paginate a.first,.dataTables_paginate a.last{display:none;} .table-history .step2width{width:220px;} .table-history td .expand-collapse p.accordion-head,.table-history td .expand-collapse p.accordion-head:hover,.table-history td a.accordion-head,.table-history td a.accordion-head:hover{font-size:1em;} .table-history table, .table-history th, .table-history td {vertical-align: top; } .table-history .inprogress-sched,.table-history .inprogress-pend,.table-history .inprogress-alloc,.table-history .inprogress-disp,.table-history .inprogress-hold,.table-history .inprogress-route,.table-history .inprogress-site,.table-history .inprogress-comp,.table-history .inprogress-na,.table-history .inprogress-na1,.table-history .inprogress-na2,.table-history .inprogress-naw{font-size:1em;} .table-history .progressiveHeads h4{font-size: 1.3em;} .progressiveSCHED h5,.progressivePEND h5, .progressiveALLOC h5, .progressiveROUTE h5, .progressiveCOMP h5, .progressiveNA h5{font-size: 1.1em;} /*domestic your-job -landlords */ #land-cont .conclude-txt{padding:10px 0 0 6px;} #land-cont .table-history .urg-image{position: relative;top: 10px;padding: 0 10px 0 25px;} #land-cont .table-history tbody tr td:nth-child(2),.yourJobs #land-cont .table-history tbody tr td:nth-child(3){padding-top:20px;} #land-cont .table-history .accord-head-list{padding-left:35px;} #land-cont .table-history .expand-collapse p.accordion-head{display: inline-block;} #land-cont .table-history .jobtype-cont {padding-top:10px;} #land-cont .text table td,#land-cont .text .table-gradient table td {padding: 6px 15px;} #tableMessages th.first p{padding-left: 25%;} #tableMessages .book-head{vertical-align:middle;} #gasSafety .safty-bar{padding-top:27px} #tableMessages .select-head{padding-left: 24px;} #tableMessages .input-head{padding-left: 50px;} /*domestic GSS -landlords */ .land-right-content{padding:0 0 0 5px;} .land-gss .accsum-rgt-cont {width: 87%;} .land-gss .content-area .land-right-content p{ font-size: 1.2em;} .land-gss-container{padding:10px;margin: 5px 0;} .accsum-rgt .land-gss h3 {width: 90%;} /*carousel component changes Starts */ .flexview-carousel-box .flex-control-nav {bottom: 13px;font-size: 0;padding-right: 10px;position: absolute;text-align: right;width: 100%;z-index: 100;} .flexview-carousel-box .flex-control-paging li a.flex-active {cursor: default;} .flex-caption {bottom: 0;font-size: 1.2em;left: 0;line-height: 18px;padding-bottom: 8px;padding-left: 10px;padding-top: 8px;position: absolute;text-align: left;width: 100%;z-index: 99;} .flexview-carousel-box .flex-direction-nav a {height: 38px;overflow: hidden;top: 46%;transition: all 0.3s ease 0s;width: 28px;} .flexview-carousel-box:hover .flex-prev { opacity: 0.7; left:0px; } .flexview-carousel-box:hover .flex-next { opacity: 0.7; right:0px; } .flexview-carousel-box{margin:auto;position:relative;text-align: center;} .flexview-carousel-container {margin:0; display: block;overflow: hidden;text-align: center;position:relative} .flexview-carousel-box .carousel-slide {float:none;} .flexview-carousel-box .carousel-slide .caurosel-items { margin: 0 0;} #primary-content-wide .flexview-carousel-box .carousel-slide.single .caurosel-items .content-holder{width:100%;} .flexview-carousel-box .youtube .video-icon a{display:none;} .flexview-carousel-box .youtube .video-icon{visibility:hidden;} /*carousel component changes Ends */ /*Generic button Primary & secondary device changes starts*/ button.btnboxview{display: block;height: 31px;font-size: 1em;line-height: 25px;font-size: 1.3em; font-weight: bold;min-width:50px; font-family: arial; white-space: nowrap; padding: 0px 10px;} .btnboxview{ margin: 5px 0 0;} .buttonWithLinks button.btnboxview{margin: 0 10px 5px 0;} div.btnboxview a#Back {margin-right: 10px;} div.btnboxview a {padding: 4px 17px;width: auto;line-height:23px;font-weight: bold;margin: 0;text-align: center;text-decoration: none;white-space: normal;} /*Generic button Primary & secondary device changes ends*/ /* Primary link changes*/ .primary-link-Boxview a, .primary-link-Boxview a:hover, a.primary-link-Boxview:hover, a.primary-link-Boxview, a span.primary-link-Boxview:hover, a span.primary-link-Boxview{font-weight: bold;font-family: arial;} .primary-link-Boxview {white-space: normal;text-align: left;max-width: 254px;} .primary-link-Boxview:hover, .primary-link-Boxview {display: inline-block;padding: 10px 10px 10px 35px;max-width: 249px;text-decoration: none;} /* Model sales Product summary*/ #selectedProduct #prodList li{padding-bottom:7px;} #selectedProduct #prodList p{padding:3px 0 8px 0;} /*Model sales Your deatil journey css*/ #addressFindBlock .add-finder .postcode{width:40%;float:left;} #addressFindBlock .add-finder #btnimg{float:left;line-height:45px;clear:none;margin-top: 21px;} #addressFindBlock .add-finder .btnimg-comp .genericNextButton {padding:0;margin:0;} #addressFindBlock .add-finder .btnimg-comp .addressselect{float:left} #addressFindBlock .add-finder .addressselect{float:left} #addressFindBlock .add-finder #manualAddresLinkSpan{float:left;margin-top: 34px;padding-bottom: 10px;} #addressFindBlock .add-finder #manualAddresLinkSpan #manualAddressLink{text-decoration: underline;} #addressFindBlock .add-finder #manualAddresLinkSpan #manualAddressLink strong{font-weight:normal;} #addressFindBlock .add-finder #manualAddresLinkSpan span {padding:0;} #addressFindBlock .add-finder #notInUkLinkSpan a{text-decoration: underline;} #addressFindBlock .add-finder #notInUkLinkSpan #notInUkLink strong{font-weight: normal;} #selectedProduct .separator-gradient{background-size: 80% 30%;margin: 10px 0;} #selectedProduct .shadow-long-divider{background-size: 100% 30%; margin: 10px 0;} .buttonSeparator .shadow-long-divider{margin: 10px 0;} .discountSeparator .shadow-long-divider3{background-size: 85% 30%; margin: 10px 0;} .modeloverlay .errorinfo{font-size: 1.3em;} .modeloverlay{padding-bottom: 18px;} .modeloverlay .errorinfo p{margin-top:7px;} #reviewYourOrder .prodcut-list{display:inline-block;margin-left: 5px;margin-bottom: 12px;width:81%;} #reviewYourOrder .pasrsection{width:60px;height:60px;} #reviewYourOrder .pasrsection .prodimage{width:100%;height:100%;} .reviewbuttSeparator .separator-gradient,.reviewbuttSeparator .shadow-long-divider{ margin: 10px 0;} #loginsection .loginrhsbutton button,#loginsection .registerrhsbutton button{width:100%;font-size: 1.4em;} #loginsection .login-lesspadding .promo-padding{padding:10px;} .quickAddressContainer .loginRegisterQuickAddressParsys #loginsection .login-lesspadding .promo-padding,.loginRegisterContainer .loginRegisterQuickAddressParsys #loginsection .login-lesspadding .promo-padding{padding:15px;} #ProdId .nopadding{padding:0;} #ProdId .cq-colctrl-lt7-c0{width:41%;} #ProdId .cq-colctrl-lt7-c1{width:58%;} .flex-caption h3, .flex-caption h2, .flex-caption h4, .flex-caption p {width: 75%;} .divider-leftsolid{padding:0 20px;} .transparent_class {opacity: 0.5;} #logoPart .newloader{display: block;height: 100px;margin: 0 auto;width: 100px;} #loginPanelsection .pwd-section label{font-size:1.3em;} #loginPanelsection .panel-padding{overflow:visible;} #loginPanelsection .panel-content{display:inline-block;width:100%;} #salesdirectdebitsect .field-cont p span label,#salescreditcardSec .field-cont p span label{font-size:1.3em;} .jcisection .jcitext-section h3{padding-top:10px;} /* you tube component background text*/ .dynamictext{display:none} /* MAP changes*/ .makeapaymentwrapper .makeapaymentmap{ margin: 0 136px 0 0;} /*amzon login*/ .oldcustomerlogin .loginFormTitle h3,.newcustomerregister .registernewcustomer h3{margin:15px 0 10px 0;} .nbwrapper .login-nb-box{width:314px;} .nbwrapper .newcustomerregister span.error-nxtline span {padding: 7px 0 0 20px;} /*revoo rating*/ #reevoomark .embedded .comment{height: auto; margin: 0; width: auto;cursor:auto;} /*New smart meter upgrade*/ #landingChanelBaner .gray-white-promo{height:auto;box-shadow:none;} #landingChanelBaner{height:269px;} #landingChanelBaner .cq-colctrl-lt16-c1{width:49%;} #selectedSection .choose-group label{font-size:1.0em;} .recommended-best p{font-size: 1.3em;width:85%;} #smartmeter-readfeed .no-padding{padding:0px;} #smartmeter-readfeed #selectedSection{padding:15px;} #new_usr_journey_pg1,#newUseLoginpg1{margin-top:7px;} #precommentAccor .accordion-content{padding-left:0px;} /* progress Indicator - CAPP*/ .ie7 .progress-indicator{min-height:160px;width:98%;} .progress-indicator{min-height:160px;width:99%;} .progress-line{height:40px;position:relative;width:99%;} .progress-indicator-completed{height:82px;width:98px;} .progress-indicator-current{height:100px;width:85px;} .progress-indicator-next{height:84px;width:98px;} .progress-indicator-incomplete{height:85px;width:85px;} .progress-indicator .steptitle{margin:30px 0 0 0;} .progress-indicator .leftstep h4{padding:0 0 0 15px;} .progress-indicator .leftstep p{padding:0 0 0 17px;} .progress-indicator .rightstep h4{padding:0 18px 0 0;} .progress-indicator .rightstep p{padding:0 25px 0 0;} .progress-indicator .currentsteptitle{margin:45px 0 0 0;} .currentsteptitle p,.steptitle p{font-size:1.5em;} .progress-indicator .centersteps{text-align:center;} .progress-indicator .rightstep{text-align:right;} .progress-line .leftstep img{padding:20px 0px 0 15px;width:56px;height:38px;} .progress-line .centersteps img{padding:20px 2px 0 0px;width:56px;height:38px;} .progress-line .progress-indicator-completed img, .progress-line .progress-indicator-next img{padding-right:10px;} .progress-line .rightstep img{padding:20px 12px 0 0px;width:56px;height:38px;} .progress-line .progress-indicator-completed img.rightmost,.progress-line .progress-indicator-next img.rightmost{padding-right:22px;} .fillers{width:16.14%;height:85px;} .progress-indicator .bt-wrapper{margin-top:30px;} .tooltip-show{overflow:visible;} .progress-line .progress-indicator-completed,.progress-line .progress-indicator-next,.progress-line .progress-indicator-incomplete{padding-bottom:15px;} .progress-line .rightstep{float:right;} .energyShopThankYou #tupemap-inner img{width:100%} #tubeMapContent .primary-link{display:none;} #selectedSection .genericRadioGroup .normal-radio-style,#unselectedSection1 .genericRadioGroup .normal-radio-style,#unselectedSection2 .genericRadioGroup .normal-radio-style{padding-left:17%;} .progress-indicator #tooltipText{width: 70%; margin-top: 106px; margin-left: 12px;padding: 10px;} .progress-indicator #tooltipText{margin-left: 12px;padding: 10px;font-size: 12px;margin-top: -3px; width:100%;} .progress-indicator .desktooltip{width: 60%;margin-top: 110px;} #tubeMap .smuPindicatorSection .progress-indicator{float:left;} .SmartMeterStepprocessParsys .progress-indicator .rightstep{float:left;} #summarystage #smartmeterOrderStatus{padding-left:15px;} #moreoptionaccor .accordion-content{padding-left:0px;} #notInterstsection .primary-link{display: inline-block;margin: 0;padding: 10px 0 10px 51px;} #screenyessection .choose-group span input[type="radio"],#screennosection .choose-group span input[type="radio"]{width:20px;} #loginregSection{padding-right:10px;width:38%;} .tariff-info-pdf{margin:20px 0 5px} .download-pdf{margin: 15px 0 0} /*BGB Mobile web*/ div.cq-colctrl-lt13{clear:both;} div.cq-colctrl-lt13 div.cq-colctrl-lt13-c0{float:left;width:39%;margin-left:6%;margin-right:4%} div.cq-colctrl-lt13 div.cq-colctrl-lt13-c1{float:right;width:39%;margin-right:6%;margin-left:4%} /* CDO */ #customerViewPreference.selbox-m{width:250px;font-size:1.1em} /*Slingshot sales CR */ .home-log-contractHeading h2 { width:100%; } .headingPrint .print{ margin-top: 20px; } .thankYouHeading h1{ float:left; } .thankYouText h2{ clear:both; } .displayinline div, .displayinline p, .displayinline h3{ display:inline;} #sales-right-promo{ margin-top:54px; } .paymentdetailfont { font-size:1.3em; } .hiddenPlaceholderDdGuarantee .tick{ display:inline-block; } #successpanel .promo-padding, #successpanel .panel-padding{ padding:5px; } .address-manually-text, #address-manually p .txt-box { font-size:1.3em; } #business-details-column-1, #contact-details-column-1, #micro-business-details-column-1{width:14%;} #business-details-column-2, #contact-details-column-2, #micro-business-details-column-2{width:84%;float:left;} #isbillingaddressdiv .isBillingAddress p{padding:5px 0 7px;} #billingpanel .promo-padding, #billingpanel .panel-padding, #successpanel .promo-padding, #successpanel .panel-padding{padding:5px;} #billingpanel{width:300px;} #isbillingaddressdiv .isBillingAddress label {width: auto !important;} #editmicrobusinessdetails {padding-bottom:6px; font-size:1.3em;} #editbusinessdetails{font-size:1.3em;} #soapsudsuccess p{ word-wrap:break-word;width:592px; } .grey-promo-padding .panel-padding {padding:10px 10px 0;} #salesBusinessDetails #businessName { width:310px; } #selectBusiness { width:100%; font-size:1em;} #paymentBillingEdit #businessName{width:58%;} #businesscust-no #firstName,#businesscust-no #lastName {width:301px;} #thankyourhnpod {margin-top:57px;} .addressWordWrap { width: 450px; word-wrap: break-word; font-size:13px;} .credit-check-details-fontsize{ font-size:1.3em; } #new-tender-gas-meter-div .anotherattachmentLink .tertiary-link{ padding:0 0 0 15px; } #commissionOptions{ width:220px; height:100px;} #new-tender-gas-meter-div label{font-size:1.3em;} /* .attach-doc-div .genericInputfile .show-browse-button-wrapper{ position: relative; bottom: 5px;} #new-tender-gas-meter-div .genericInputfile .show-browse-button-wrapper{ position: relative; bottom: 8px;} */ #new-tender-gas-meter-div #attach-content-div { margin-bottom:10px; } #attach-content-div .show-browse-val .txt-box{ font-size:1.3em; } .attach-doc-div .authorityDocument .error-nxtline .txtbox{font-size:13px;} div#new-tender-business-address-div #addressfinder label { font-size: 1.3em; } #new-tender-business-address-div #addressfinder .txt-box,#new-tender-business-address-div #businessAddress { font-size: 1.3em; } #tenderInfoColumn{width:50%;} #tender-Info .cq-colctrl-lt0 .cq-colctrl-lt0-c1{ float:left; } #tender-landing-tender-table-div #tenderDetailsTable_filter,#tender-landing-tender-table-div #tenderDetailsTable_info, #tender-landing-tender-table-div #tenderDetailsTable_wrapper .dataTables_filter { display:none; } #hme-page-login-form div.cq-colctrl-lt1-c2{margin-top: 24px;} #tender-landing-tender-table-div .filter-by-status-div { width: 35%; position: relative; top: 40px; margin: -30px 0px 0px 0px; } #tender-landing-tender-table-div #tenderDetailsTable_wrapper{ width:100%; } .tender-landing-search-div #search-panel{font-size:13px;} .status-div div.text{float:left; margin-bottom: 0px;} .status-div div.text p {padding-bottom:0px;} .value-span {float:left;} .parsys_column.cq-colctrl-lt9-c0.query-image-div{ width:10%; } .parsys_column.cq-colctrl-lt9-c1.query-details-div{ width:88%; } #tender-search-result-div #tenderDetailsTable_filter, #tender-search-result-div #tenderDetailsTable_wrapper .dataTables_filter { display:none; } #tender-search-result-div #tenderDetailsTable_wrapper{ width:100%; } #hme-page-login-form div.cq-colctrl-lt1-c2{margin-top: 24px;} #search-panel{font-size:13px;} .DocumentListText { position:absolute;margin-top:15px;} /*Slingshot sales CR */ /*annual summary */ #annlist {margin: 0px 0px 0px 10px;} #annlist .table-component-viewbill td {padding:6px 10px 0;} #annlist{width:75%;} #annlist table.table-component-viewbill{margin: 0 0 10px 0;} /*annual summary */ /*FT and ASV confirmation*/ #bookingAsvControl .promobox {margin-top: 0px;} #bookingAsvControl .promobox ul {margin-bottom: 10px;} #bookingFastrackControl #oamRegistered ,#bookingFastrackControl #oneClick{margin-top:35px;} /* Landlords Get a quote */ .step-process #propertydetail2.info-block {padding:0 0 10px} /* Smart account balance*/ #smartAccountBalance .account-link, #accountIconImage .account-link {width: 235px;} #smartAccountBalance.account-balance,#accountIconImage .account-balance {width: 197px;} #smartAccountBalance .summ-details-rgt {width: 100%;} #accountIconImage .icon-cont{width:80px;} #smartUpgradeAccount.account-balance{width:174px;} /*Wave Registration page*/ #newRegistrationBanner div.cq-colctrl-lt13 div.cq-colctrl-lt13-c0 {margin-left: 2%;} /*quote summary page*/ #savequote_overlay.modalDialog #quoteError .error ul li {font-size: 1.3em;} /*your details page*/ .collectiveOverlay .overlay a.tooltip{font-size: 13px;} /*thank you page super user pb*/ .pb-superUser.cq-colctrl-lt9-c0 { width: 6%; } .pb-superUser.cq-colctrl-lt9-c1 { width: 92%; } /*manage card changes starts*/ #prferredCardOverlay .textimage { border: 1px solid #ccc; border-radius: 5px; padding: 10px; } #prferredCardOverlay .textimage .content { overflow: hidden; } #prferredCardOverlay .textimage .content h3 { font-size:1.4em; } .makeAPaymentDetails .genericRadioGroup.existingCardRadio span, .makeAPaymentDetails .genericRadioGroup.newCardRadio span { display: inline; } #selectedCard.select-box { margin-left:25px; } .makeAPaymentDetails #payment-wrapper .details-lft-space { width:70%; } .makeAPaymentForm .cvvIcon { position: relative; right: 65%; right: 50% \0/IE9; top: 25px; } .makeAPaymentForm .globalSecurityNumber.securityNumber{ float:left; } .printdiv { cursor: pointer; float: right; } .saveCard-tick {padding:3px;} .makeAPaymentConfirm .payment_acc_par .cons-info {width:400px;} .saveCard-tick .content p {font-size:1.2em;} .makeAPaymentUnsuccessful .paymentsuccessText h1 {font-size: 3em;} .makeAPaymentUnsuccessful .paymentsuccessError { border: 1px solid #ccc; border-radius: 5px; margin-top: 20px; padding: 20px; } .paymentsConfirmation.cq-colctrl-lt9-c0 { width: 6%; } .paymentsConfirmation.cq-colctrl-lt9-c1 { width: 92%; } html .make-a-payment-cvv-cont .globalSecurityNumber .globalSecurityNumber{ background-image: url(/content/dam/bgbusiness/icons/cvv.png); background-repeat: no-repeat; background-position: 88px 25px; background-position-x: 98px\9\0; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .makeAPaymentForm .cvvIcon { right: 50%; } html .make-a-payment-cvv-cont .globalSecurityNumber .globalSecurityNumber{ background-position: 98px 25px; } } /*manage card changes ends*/ /* chg for card 11961 Update home link in contact us */ .contactUsPersonalDetails span.movingHomeContainer.inlineblock {display:inline-block;} .contactUsPersonalDetails span.movingHomeContainer.displaynone {display:none;} /*renewals changes starts*/ .onlineDiscountsCont.cq-colctrl-lt9-c0 { width: 10%; } .onlineDiscountsCont.cq-colctrl-lt9-c1 { width: 90%; } .onlineDiscountsSumary.cq-colctrl-lt7-c0 { width: 35%; } .onlineDiscountsSumary.cq-colctrl-lt7-c1 { width: 57%; } /*renewals changes ends*/ /*Meter read changes starts*/ .dueDatePanel.cq-colctrl-lt9-c0 { width: 6%; } .dueDatePanel.cq-colctrl-lt9-c1 { width: 94%; } /*Meter read changes ends*/ /*Registration changes starts*/ .bgbusinessRegistration #setup-online-pod .cq-colctrl-lt7-c0 { width: 40%; } .bgbusinessRegistration #setup-online-pod .cq-colctrl-lt7-c1 { width: 60%; } /*Registration changes ends*/ /* account overview changes starts*/ .newAccountOverview #searchSection .keywordToSearch input#keywordToSearch {text-transform: uppercase;} /* account overview changes starts*/