/*bookanappointment*/
.book-appointment{margin:0 0 10px 0}
.book-appointment p img{margin: 0 17px 0 0;}
.phone-number strong{padding:0 0 5px 0;width:100%;}
.acc-info-lft{float:left; width:210px;}
.submit-meter {float: left; width: 340px;}
.promo-narrow{ float:left; width:280px; margin:0 0 5px 0;}
.choose-width{float:left; width:500px;}
.appointment-details{float:left; width:240px; margin:0 0 0 10px;}
.appointment-slot{float:left; width:220px; margin:0 0 0 10px;}
.ie7 .appointment-details{width:238px;} 
#appointment-slot .panel-widget-layout{width:640px;} /*ASV Changes*/
/*for right promo*/
.grey-promo p.txtspace{margin:0 0 5px 0;}
.choose-group p.slotvalue{margin:0 0 0 23px; width:255px;font-size:1.3em;}
.cont-edit{margin:4px 0 0 70px;}
.ie7 .ratingdate{margin:-17px 0 0 0}
.ratingdate{font-size:0.8em}
/*bookanappointment*/
/*feedbacksecondpage*/
.accordion-box-cont{margin:10px 0 0 0;}
.accordion-cont{padding:0 0 20px 0;font-size:1.3em;}
.rightpromo-space{margin:0 0 10px 0;}
.promo-list-height{height:70px;}
.chevron-content{margin:0 0 15px 0;}
.chigraph {margin:10px 0 0 10px;}
.phonenumber-spacing{margin:0 0 5px 10px}
.graphpromo-padding{padding:5px;}
/*feedbacksecondpage*/
.fieldset-twocol { width:50%; }
/*modal overlay with confirm button-appointmentbooking*/
.confirm-cont {width:100%;}
.confirm-cont-lft {margin:0 10px 0 0;width:100px;text-align:right}
.confirm-cont-rgt  {width:289px;word-wrap:break-word}
/*energysmart meter details*/                               
.meterread-btn{ margin:0 0 0 274px;}                             
.nectaronline-box p.nect-head{font-size:2em;font-weight:bold;line-height:21px;text-decoration:none;padding:22px 10px 5px 25px;}
.nectaronline-box p.nect-txt{font-size:1.2em;line-height:16px;text-decoration:none;padding:5px 15px 5px 25px;}
/* EnergySmart */
.ext-cstmr-section .btn-input, .bullet-space{padding:5px 0 0 0}
.tooltip-space{margin:0 0 0 10px;}
.es-intro-space p, .es-content-space p{padding:0;}
.choose-group div.content-space{padding:3px 0 3px 22px;}
.bullet-space ul li:last-child{margin:3px 0 0 0;}
.review-edit{margin-top:-30px}
/*energysmartpaymentoptions*/
.ndash-rgt{margin:9px 8px 0 0;}
.ie7 .ndash-rgt{margin:5px 8px 0 0;}
.payment-overlay-padding{padding:0 0 0 70px;}
/*energysmartpaymentoptions*/
/* EnergySmart - Comparison */
.egy-cmpn .gradient-box1 h2{padding:20px 0 0 15px;}
.egy-cmpn .gradient-box2 .error, .egy-cmpn .gradient-box2 .info, .egy-cmpn .gradient-box2 .info-color{margin:10px 15px;width:660px;}
.egy-cmpn .map-container{margin:0 15px 20px 0;padding:20px 0 0 20px;}
.egy-cmpn .map-width{width:510px;margin:0 15px 0 0;}
.egy-cmpn .data-container{width:250px;padding:15px 0 0 0;}
.map-container .map-canvas{width:510px;height:594px;}
.data-container .table-history,.data-container .dataTables_wrapper{width:250px;}
.data-container .dataTables_paginate{float:none;margin:20px 0;}
.data-container .previous, .data-container .next{display:none;}
.data-container .table-history td input{float:left;margin:0 10px 0 0;}
.data-container .table-history td label{font-size:1.0em;float:left;margin:-1px 0 0 0;}
.ie7 .data-container .table-history td label, .ie8 .data-container .table-history td label{margin:1px 0 0 0;}
.data-container .table-history tr th.first{width:150px;}
.data-container .table-history tr th.last{width:60px;}
.egy-cmpn .shadow-long-divider{margin:0 0 -7px 5px;width:95%;}
.egy-cmpn .no-shadow{width:99%;margin:0 5px 5px 5px;}
.egy-cmpn .summary-container{margin:15px;padding:10px;}
.egy-cmpn table.normal-type{width:100%;margin:10px 0 0 0;}
.egy-cmpn table.normal-type tr td.marker{padding:0 2px 0 5px;cursor:pointer;}
.egy-cmpn table.normal-type tr td.marker div{width:30px;height:46px;}
.egy-cmpn table.normal-type tr td.marker img{padding:19px 0 0 10px;}
.egy-cmpn .energy-smart-meter{padding:10px;}
.egy-cmpn .energy-smart-message{padding:10px;width:350px;}
.egy-cmpn .promo-container{padding:20px;margin:20px 0 0 0;}
.egy-cmpn .grey-promo-width{width:765px;}
.egy-cmpn .paginate-caption{float:left;padding:2px 5px 0 0;}
.egy-cmpn .grey-promo .intro-content p{font-size:1.5em;padding:0 0 20px;}
.egy-cmpn sup{font-size:1em;}
.ie7 .egy-cmpn .no-shadow, .ie8 .egy-cmpn .no-shadow{margin:0 3px 3px 3px;}
.ie7 .egy-cmpn .no-shadow{padding-bottom:15px;width:797px;}
.ie7 .egy-cmpn .gradient-box1 .gradient-box2{padding-bottom:3px;}
.ie7 .map-container .map-canvas{height:624px;}
.ie7 .egy-cmpn .dataTables_wrapper{margin:0;}
/* EnergySmart - Comparison */
/* EnergySmart - UK comparision */
.egy-cspn .gradient-box1 div.avg-usg{text-align:center;margin-top:15px; width:479px;}
.egy-cspn .gradient-box1 div.avg-usg h4 span{padding-right:6px;}
.google-map-div{height:325px;width:510px;margin:10px 0 0 0;}
/*added for temporary */
.margin-top13px{margin-top:16px;}
.margin-top20px{margin-top:20px;}
.margin-20px{margin-top:-23px;}
.margin-113px {margin-left: 113px;}
.avg-usage-kwh{font-size:1.3em;font-weight:bold;}
/*End of added for temporary */
.or-sptr{ margin-right:10px; margin-top:30px; font-size:12px;}
.ie7 .or-sptr{margin-top:25px;}
.cspn-sidepromo{width:223px;padding: 10px 10px 0;margin: 20px 15px 10px 0;}
.cspn-sidepromo .grey-promo .promo-padding .promo-content img.imgleft20px, .uk-usage h2{ margin-left:20px;}
.gradient-box2  .grey-promo .promo-padding  img.Pound-adv{display:block;margin: 0 40px; }
.gradient-box2 .grey-promo .promo-padding h2 span{font-weight:bold;}
.gradient-box2 .grey-promo .promo-padding h2 sup{ font-size:10px;font-weight:bold;}
.cspn-sidepromo .grey-promo,.cspn-sidepromo .blue-promo{margin:0 0 10px  0;}
.ie7 .egy-cmpn .gradient-box1 .cspn-sidepromo,.ie8 .egy-cmpn .gradient-box1 .cspn-sidepromo{width:221px;}
.egy-cspn .accordion-content {padding: 10px 0 0 0;}
.promo-container .tick-bullet{ padding: 20px 0 15px;}
.promo-container .tick-bullet input{padding:30px 0 0 0;}
.cspn-sidepromo .content-area{padding:0 0 10px 0;}
.cspn-sidepromo .content-area p{padding:5px 0 0 0;}
/* EnergySmart - UK comparision */
/*Auto complete */
.auto-complete-list{position:absolute;width:143px;font-size:1.3em;padding:0 0 0 5px;}
/* Range Slider */
.slider-holder{padding:0;width:305px;}
.fd-slider{position:relative;width:100%;height:20px;text-align:center;text-decoration:none;display:block;-moz-user-select:none;-khtml-user-select:none;cursor:pointer;}
.fd-slider-inner{position:relative;display:block;}
.fd-slider-handle{position:absolute;display:block;margin:-3px 0 0;padding:0;top:0;left:0;z-index:3;width:19px;height:30px;outline:0px none;-moz-user-select:none;-moz-user-focus:none;-moz-outline:0px none;}
.fd-slider-handle:focus{outline:0 none;-moz-user-focus:normal;}
/* Range Slider */
/* Loading Message */
.load-section{padding:15px 15px 15px 40px;font-size:1.3em;}
/* Loading Message */
/*-- Energy Shop repair widget starts --*/
.promo-widget{width:623px;position:relative;}
.promo-widget-cont {width:550px;-moz-border-radius: 5px;padding:10px 10px 20px;margin:20px 0 20px 0}
.promo-widget-cont p{font-size:1.3em;padding:10px 0 5px 17px;}
.promo-widget-cont h3{padding:15px 0 0 17px;}
.promo-widget-cont ul{margin:10px 10px 20px 20px;}
.promo-widget-cont label, .error .error-list-a {font-size:1em}
.promo-widget-cont a{font-size:0.8em;text-decoration:underline}
.promo-widget-cont a:hover{font-size:0.8em;text-decoration:none}
.promo-widget-cont .choose-group p{padding:5px 0 2px 17px;margin:0;width:500px;float:left;}
/*-- Energy Shop new blue color widget ends --*/
/*Home Insulation - Results Page*/
.home-insulation{width: 100%; font-size: 1.3em; margin:0;}
.check-insulation-lft{width:6%;}
.check-insulation-lft img{margin: 3px 0 0 0;}
.check-insulation-lft span{width:40px;padding-bottom:4px;float:left}
.check-insulation-rgt {width:80%;padding-left: 20px;}
/*Home Insulation - Results Page*/
/* Right promo box for Get a quote journey in BGS Newshop*/
.promo-mid-divider {height:4px; width:100%; margin:15px 0; }
.call-no {font-weight:600; }
.strike-cls {text-decoration:line-through }
ul.pay-gate li{float:left; margin:0 10px 0 0;}
ul.card-type li{float:left; margin:10px 3px 0 0;}
.choose-group-right{margin-left:22px;}
/* Right promo box for Get a quote journey in BGS Newshop*/
/*get a quote  - result pages -  */
#postCode-details{display:inline-block;}
.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%}
#gaskwhColor,#electricitykwhColor{width:100px;padding:7px 0;font-size:1.3em;}
.ie7 #gaskwhColor,.ie7 #electricitykwhColor{padding:3px;}
.step-process-btn{margin:20px 0;padding:0;}
.price-container1{width:250px; padding:0 30px 0 20px;}
.info-firstbox-height, .create-scroll{height:250px;}
.result-header .info-firstbox{width:295px;}
.result-header .price-container1{padding: 0 25px 0 40px;}
.link-width{width:285px;}
.blue-gradient-box{margin:5px;padding:20px;}
.blue-gradient-box.notopspace{margin:0 5px 5px;}
.divider-position{margin: 15px 0 5px 20px;width:540px;}
.recommended-holder{margin:15px 0;}
.other-tariff-holder{margin:5px;padding:0 20px;}
.rec-anchor-holder{padding:25px 0 0 0;}
.anchor-holder1{padding:20px 0 0 0;}
.anchor-holder2{padding:47px 0 0 0;}
.rpad-20 {padding:0 20px 0 0;}
.link-separator{margin:0 5px 0 0;padding:0 7px 0 0;}
.nctr-pts{width:274px;height:42px;padding:15px 20px;}
.gaq-widget-accordionholder {float: right;margin: 5px 0 0;padding: 0 30px 0 0;width:540px;}
.gaq-widget-accordionholder  h4 span.description{font-size: 0.7em;font-weight:normal;}
.gaq-widget-accordionholder .accordion-container{width:440px;}
.gaq-widget-accordionholder table{width:406px;}
.result-header p{padding:0 0 3px 0;}
#fuelType-details .choose-group .choose-desc{padding: 2px 0 0 5px;}
.info-block span.description, .quote-step .content p span{font-size:11px;}
.gaq-left-pos {margin:20px 0 20px 125px;}
.notes-section sup{font-size:11px}
p.best-deal{font-size: 1.3em;}p .button-radio + label .dualfuelradiosele{width: 250px;margin-bottom:10px;}
/*get a quote  - result pages -  */
/* CHI feedback */
.accordion-content-link {position: relative; font-size: 1.3em; margin-top: -30px;}
/* CHI feedback */
/* Login page email white label */
.genericTextField.emailAddress1.genericEmail p label{clear:right;display: block;margin: 0 0 5px;}
/* Login page email white label */
/* Nectar NON OAM */
.nectar-logo-widetxt1 {padding-bottom: 5px; width: 710px;}
/* Nectar NON OAM */
/*----------------------------------------------------------------------cq component--------------------------------------------------------*/
/*datatable starts here*/
.table-txt-rgt{text-align:right; padding-right:5px;}
#dt-wrap{width:auto;}
#dt-wrap a.fourth-level-link{font-size:1.3em; cursor: pointer; display: block; line-height: 23px; text-decoration: none; margin-left:5px;}
#noMargin table{margin-top:0px;}
#dt-white-header_wrapper{margin-top:10px;}
#dt-wrap p.sub-head{font-size:1.8em;}
/*datatable ends here*/
/*for tables in draggable component starts here*/
.bluebg-table-sidekick .table-history{border-collapse:separate;}
.ie7 .bluebg-table-sidekick .table-history{border-collapse:collapse;}
.bluebg-table-sidekick .table-history thead tr th{border-bottom:0;}
/*for tables in draggable component ends here*/
/*New Shop Price finder Component*/
.od-tip-bubble {font-size: 1.3em;width: 255px;padding:10px;display:block;overflow:hidden;float:left;}
.od-map-area.od-active {margin: 15px 0;padding: 19px 0 0;}
.od-map {width: 222px;height: 308px;margin-top: -40px;position: relative;float:right;display:block;opacity: 0;}
#od-map {width: 222px;height: 308px;display: block;position: absolute;top: 20px;}
.od-map .od-bubble-text {position: absolute;width: 165px;padding:10px;right: 0;top: 0;font-weight: normal;font-size:12px;}
.od-map .od-bubble-text strong {display: block;margin-bottom: 3px;}
.od-map-area {height: 0;overflow: hidden;position: relative;}
.od-map .od-area-a0 {right: 30px;top: 132px;}
.od-map .od-area-a1 {right: 29px;top: 195px;}
.od-map .od-area-a2 {right: 23px;top: 93px;}
.od-map .od-area-a3 {right: 10px;top: 104px;}
.od-map .od-area-a4 {right: 35px;top: 131px;}
.od-map .od-area-a5 {right: 26px;top: 157px;}
.od-map .od-area-a6 {right: 13px;top: 136px;}
.od-map .od-area-a7 {right: 9px;top: 159px;}
.od-map .od-area-a8 {right: 0px;top: 140px;}
.od-map .od-area-a9, .od-map .od-area-a11 {right: 25px;top: 90px}
.od-map .od-area-a10 {right: 29px;top: 63px}
.od-map .od-area-a12 {right: 34px;top: 189px}
.od-map.boiler .od-area-a0, .od-map.boiler .od-area-a14{right: 26px;top: 190px;}
.od-map.boiler .od-area-a1 {right: 13px;top: 104px;}
.od-map.boiler .od-area-a2 {right: 9px;top: 135px;}
.od-map.boiler .od-area-a3 {right: 10px;top: 117px;}
.od-map.boiler .od-area-a4 {right: 13px;top: 145px;}
.od-map.boiler .od-area-a5 {right: 13px;top: 144px;}
.od-map.boiler .od-area-a6 {right: 10px;top: 119px;}
.od-map.boiler .od-area-a7 {right: 21px;top: 152px;}
.od-map.boiler .od-area-a8 {right: 19px;top: 57px;}
.od-map.boiler .od-area-a9 {right: 10px;top: 47px;}
.od-map.boiler .od-area-a10 {right: 21px;top: 64px;}
.od-map.boiler .od-area-a11 {right: 18px;top: 90px;}
.od-map.boiler .od-area-a12,  .od-map.boiler .od-area-a15{right: 25px;top: 190px;}
.od-map.boiler .od-area-a13 {right: 18px;top: 91px;}
.error-postcode{display:none;font-size:11px;}
/* Static Component Bottom Promo Contianer for non-cq pages */
.promo-height{min-height:255px;position:relative}
.promo-image-bot{text-align:center;bottom: 20px;position:absolute;width:197px;clear:both;}
/* Static Component Bottom Promo Contianer for non-cq pages */
/*button component - starts here*/
.genericNextButton{margin:5px 0 20px;}
button {cursor:pointer; padding:0;width: auto;overflow: visible;white-space:nowrap; display:inline-block}
button.btn-comp span {display: block; height: 41px;}
button.btn-comp span span span {font-size: 1.19em; font-weight: bold; line-height:40px; margin: 0 1.3em; min-width:50px; font-family: arial;  white-space: nowrap;}
.btn-comp-img div{float:left;}
.btn-comp-img a{float: left; font-size: 1.3em; margin: 11px 0 0 15px; padding: 0 0 0 15px;}
.btn-comp-img-smr-a{float: right; font-size: 1.3em; margin: 5px 0 0 15px; padding: 0 0 0 12px;}
button.btncomp-primary span, button.btncomp-secondary span, button.btncomp-inactive span{padding:0;}
.ui-widget button.btn-comp{font-size: 1.334em;}
/*button component - ends here*/
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:292px;}
.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;}
.generic-comp{display:block;overflow:hidden;clear:both;}
.error-txt-wrap{width: 210px; word-wrap: break-word;}
div.termsAndConditions label, div.paperlessCorrespondance label {width:96%;}
.ui-dialog span.error-inline span, .ui-dialog span.error-nxtline span{font-size:1em;}
/*Added for DRC move to generic fix*/
.ui-dialog #passwordSection span.error-inline span, .ui-dialog #passwordSection span.error-nxtline span{font-size: 1.3em;}
.quote-step .quote-step{width:100%;}
.quote-step .quote-step.inactive-title{padding:13px 0;}
.product-progress .package{width:250px; min-height:270px;}
.ie7 .product-progress .package{min-height:250px;}
.product-progress .inspected{width:185px; min-height:270px; padding:0 5px 0 15px;}
.ie7 .product-progress .inspected{min-height:250px;}
.ie7 .product-progress .inspected{padding-top:3px;}
.product-progress .prod-price{padding:30px 0 0 21px;}
.product-pack{width:220px;}
.product-appl{width:237px;}
.product-cost{margin:15px 0 0 24px;}
.quote-step-primarylink{margin-top:80px;}
.sessionTimeout{margin: 0 auto; width: 970px; clear:both;}
/*---------------------------------------------------------------------- cq component---------------------------------------------------*/
/* Cancel Appointment */
.cancel-date{margin:0 0 0 50px}
/* Cancel Appointment */
/*header logout*/
.logout a{text-decoration:underline;}
/*header logout*/
/*Newshop GAQ inline quote*/
ul.bolier-heat li, ul.plum-drain-cover li,  ul.plum-drain-repair li, ul.gas-app li , ul.kitchen-app li ,  ul.home-elec li { float:left; padding:5px 0 5px 41px; width:140px; margin:10px 0; }
.central-price { font-size:4em; margin:0 5px 0 0;}
.price-period-lft { width:55%;}
.price-period-rgt { width:40%;}
.price-decalre { padding:0 0 0 52px; }
.prod-inner-sml { width:136px; }
.prod-inner-mid, .prod-inner-rgt { width:185px; }
ul.intro-img li { padding:0; }
ul.intro-img li img, ul.bolier-type li img  { vertical-align:middle; padding:0 15px 0 0; }
ul.bolier-type li { padding:0 0 5px 20px; }
.grey-gradient-box {padding:20px; }
.central-step-process{margin:20px 0;}
.central-step-process .quote-step{width:70%;}
.central-step-process .step-process h2{width:85%;}
.homecare a{text-decoration:underline;}
.gaq-btn{margin:10px 0;}
.price-period-rgt .primary-link, .price-period-rgt .primary-link:hover{margin:0;}
.step-process .shadow-medium-divider{height:6px; margin:0;}
.central-step-process .shadow-long-divider,.central-step-process .dotted-divider{clear:both;height:3px;width:100%;margin:0;}
.note-content p{margin:5px 0 0 0; float:left; clear:both; width:100%;}
.icon-spacing{ margin:10px 0 0 0;}
.step-process-nectar{position:absolute; margin:0 0 0 470px}
/*Newshop GAQ inline quote*/
/* ----------- Emergencies component design --------- */
.emergency-component{width:100%;}
.emergency-component-leftcol{ width:62%; float:left;}
.emergency-component-rightcol{ width:38%; float:left;}
.emergency-component-textfield{margin-top:5px;}
.ie7 .emergency-component-textfield{margin-top:8px;}
.emergency-component-promo-leftcol{ width:310px; float:left;}
.emergency-component-promo-rightcol{ width:200px; float:left; padding:5px 0 0 0;}
/* ----------- Emergencies component design --------- */
/* ----------- Left Tab CSS for Breakdown starts ---------- */
.lefttab {float:left;width: 652px;margin-bottom:15px;height:auto;}
ul.tabs-breakdown{float:left;width:146px;height:auto;}
ul.tabs-breakdown li {height: 53px;width:146px;margin-bottom:5px;display:block;}
ul.tabs-breakdown li a {display: block;font-size: 1.1em;font-weight:bold;padding:7px ;text-decoration: none;height:38px}
.tab-container {float: left;height: auto;padding-left: 10px;width: 495px;}
.breakdown-bg{width:109px;height:109px; margin:0 14px 15px 0;text-align:center;}
.breakdown-bg span{ width:100%;display:block; margin:17px 0 2px 0;}
.breakdown-bg  label{vertical-align:top;}
.breakdown-bg input{vertical-align: middle;}
.ie7 .breakdown-bg input{ margin-top: -2px;}
.noimagecls{width:109px; height:109px;}
.printheadholder{width:530px;}
.faq-overlay{height: 300px;overflow-y: auto;width: 682px;}
.tabs-breakdownbottom{margin-top:200px;}
/* ----------- Left Tab CSS for Breakdown ends ---------- */
/*view diary styles*/
.grey-promo-br{padding:0; margin:0 0 10px 0;}
.grey-promo-br .dotted-divider, .grey-promo-br .divider-2{margin:0;padding:0;overflow:hidden}
.grey-promo-br .inner-cont{padding:15px; margin:0; display:block; overflow:hidden}
.print-icon{margin:3px 0;}
.three-column .appointment-details {float: left; margin: 0 0 0 10px;width:auto;}
.head-desc {float:left;padding:3px 0 0 5px;font-size:1.1em;}
.center-padding {height:16px; vertical-align:middle; }
.content-width{width:408px;}
/*view diary styles*/
/* RHN space Fixed for UAT */
.rhn-space .content-area{clear:none;width:75%;}
.rhn-space span.no-space,.field-cont span.no-mrgn-space{margin:0;}
.rhn-space p.no-space{padding:0;}
.rhn-space .space-top{padding:5px 0 0 0;}
.info .top-space-info{padding:4px 0 7px 0;}
.space-btm{display:inline-block; padding: 0 0 5px 0;}
.rhn-space .tariff{padding: 0 0 5px 0;}
.overlay-choose-group-width p{width: 95%;}
.ie7 .btn-input a, .ie7 .btn-input a{outline-style:none;}
/* customer feedback */
.btn-nospace{padding-bottom:0;}
.btn-mnospace, .btn-mnospace:hover{margin-bottom:0;}
/* customer feedback */
/*Fast Track Booking Appointment details widget*/
.apt-install-det{font-size: 1.3em; padding: 8px 15px;display:block;}
.apt-desc{display:inline;font-size:11px;}
.address-conf, .choose-group p label.mobile-num,.choose-group p span.span-input{padding:5px 0;}
.choose-group p label.mobile-num{width:100px;}
.choose-group span.contacts{padding:0 0 0 10px;}
/*Fast Track Booking Appointment details widget*/
/*ASV Appointment Booking*/
.earlier{margin-bottom:-36px;z-index:1000;position:relative;}
#appointment-calendar .earlier{padding:10px 10px 0}
#prefappointment-calendar .earlier{padding:16px 10px 0}
.laterdate{padding:10px;}
#calendarpaging{height: 15px;float:left;width:100px;}
#calendarpaging a.prev,#calendarpaging a.prevPage,#calendarpaging .a#prev,#calendarpaging .a#prevPage,#paging-errormsg a.prev,#paging-errormsg a.prevPage {float:left;cursor:pointer;display:block;width:89px;height:14px;font-size:13px;}
#calendarpaging a.next,#calendarpaging a.nextPage,#calendarpaging .a#next,#calendarpaging .a#nextPage,#paging-errormsg a.next,#paging-errormsg a.nextPage {float:left;cursor:pointer;display:block;width:67px;height:14px;font-size:13px;padding-right:20px;text-align:right;}
.date-section{padding:0 10px;width:auto;font-size:1.7em;font-weight:bold;text-align:center}
.today-date{margin:3px 0 0 0;font-size:1.3em}
#appointment-calendar,#prefappointment-calendar {float:left;width:100%;height:auto;position:relative;z-index:100}
#appointment-calendar table , #prefappointment-calendar table {border-collapse:collapse;caption-side:top;table-layout:auto;width:629px;z-index:10} /*ASV Changes*/
#appointment-calendar td ,#prefappointment-calendar td{text-align:center;font-size:1.3em;}
#appointment-calendar th, #prefappointment-calendar th{padding:10px 0 10px 0;text-align:center;font-size:1.2em} 
#calendarLoader,#prefcalendarLoader {display: block; width: 642px; height:100%;margin:0; padding:0;position:absolute;top:0;left:0;z-index:1000;}
#appointment-calendar table thead tr , #prefappointment-calendar table thead tr{height:53px;}
#appointment-calendar table thead tr th:first-child,#appointment-calendar table tbody tr th:first-child  , #prefappointment-calendar table thead tr th:first-child, #prefappointment-calendar table tbody tr th{width:auto;height:0}
#appointment-calendar table tbody tr td , #prefappointment-calendar table tbody tr td{text-align:center}
span.ui-radio {display:block;float:left;width:133px;height:36px;cursor:pointer}
#calendarpaging a.disabled,#paging-errormsg a.disabled{cursor:default;text-decoration:none;}
#dateSlot, #timeSlot {display: inline;font-weight:bold}
.highlightdt{font-weight:bold}
#appointment-calendar-errormsg {margin:0 auto;width:95%;height:auto}
#paging-errormsg{float:left;width:180px}
.date-section-errormsg{width:154px;text-align:center}
.scroll-arrow{width:23px}
#appointment-calendar table tbody tr td, #prefappointment-calendar table tbody tr td {min-width: 133px;}
#appointment-calendar table tbody tr td.slot5, #prefappointment-calendar table tbody tr td.slot5 {min-width: 103px;}
#appointment-calendar table tbody tr td.slot6, #prefappointment-calendar table tbody tr td.slot6 {min-width: 84px;}
#appointment-slot .tabcomponent {padding:0}
.calendar-legend{height: 32px; float: right; width:78%;}
.calendar-legend-section{width:30%;float:left;padding:10px 7px;}
.calendar-legend-section div{width: 15px; height: 15px; float: left;}
.calendar-legend-section p{font-size:1.3em;padding:1px 0 0 28px;}
/*Job Tracker Off Appointment Section*/
.cal-sec-joboff{margin:0 0 10px 0;width:642px}
.asv-footer-cont-joboff{padding:20px 0 20px 15px;width:628px;font-size:1.3em;}
#appointment-calendar.joboff{float:left;width:100%;height:auto;position:relative;z-index:100}
/*Job Tracker Off Appointment Section*/
/*Job Tracker On Appointment Section*/
.cal-sec-jobon{/*margin:15px 0 0 0;*/padding:5px 25px 15px 5px;width:613px;}
.asv-footer-cont-jobon{padding:20px 0 20px 15px;font-size:1.3em;} /*ASV Changes - removed width:628px;*/
.asv-jobtracker-cont{padding:10px 0 0 15px;width:627px}
.asv-jobtracker-cal{margin:0 15px;width:auto;}
.asv-jobtracker-date{margin:0 15px;font-size:1.3em}
.btn-input.no-space-btm{padding-bottom:0}
.asv-padding{padding:15px 0 0; width: 50%;}
/*Job Tracker On Appointment Section*/
/* ASV Changes - Fixed width for the radio buttons labels*/
#contactnumber .genericRadioGroup label{width:120px;}
/*ASV Appointment Booking*/
/* ----------- ASV Review booking page readmore div ------------  */
#detector-col-main{width:642px;}
#detector-col-main.gasapp{margin:9px 0 0 0}
.ie7 #detector-col-main.gasapp{margin:17px 0 0 0}
.detector-col-lft{ float: left; padding: 0 10px 0 10px; width: 80px;}
.detector-col-mid { float: left; width: 395px;}
.detector-col-rgt { float: left; padding-left: 7px; position: relative; width: 140px;}
.promo-overlay-wth{width:250px;}
.gasapp-link{padding-left: 10px; font-size: 0.85em; font-weight: normal}
/* ----------- ASV Review booking page readmore div ------------  */
/* Login template */
.login-wrapper .primary-medium{margin:0;}
.login-wrapper .secondary-promo-narrow{margin:0 11px 0 0;}
/* Added for EShop and ESmart Payment Options */
.choose-sub-para{margin:0 20px;}
.field-cont  legend.content-value{padding: 0 0 10px;}
.ie7 .ji-hgt1{height:44px;}
#BGSAccountSummary .accsumm-incld-repair .details-lft{width:150px;}
#BGSAccountSummary .accsumm-incld-repair .details-rgt{width:225px;}
/* Order summary */
.no-prsnl-info{margin:57px 0 0 0;}
/* Order summary */
/*search invoice starts here*/
.searchInvoices, .searchInvoices div{float:left;}
#searchInvoices-text{margin-right:16px;}
.btn-comp-img{margin:5px 0 20px 0;}
.errorList li ul li span.bullet{font-size:0.9em;}
.find-btn{padding:18px 0 0 0; display:inline-block;}
.btn-comp-img a.createNewUser{margin: 29px 0 0 15px;}
/*search invoice ends here*/
/*combined fields error msg*/
span.error-nxtline span.combined-fields{width:367px;}
/*-------------*/
/*simple-menu starts here*/
.simple-menu{margin-top:27px;}
.login-name{margin: 8px 0 0 0;}
.simple-menu ul li{float:left;font-size:1.6em;font-weight:bold;}
.simple-menu ul li a{padding:9px 15px;display:inline-block;}
/*simple-menu ends here*/
/* added for breakdownappinment page */
.leftfault span{display:inline;margin:0;padding:0 4px 0 4px;font-size:13px;line-height:20px;}
/* Account summary - BGS */
.accsum-lft{padding:20px 5px 0 15px;}
.accsum-lft ul li{width:100%;float:left;/*padding:0 0 5px 0;*/font-size:1.3em}
.accsum-lft ul li span{width:auto;padding:0 8px 0 0;}
.accsum-rgt{padding:10px 5px 0 15px;}
.accsum-rgt .imgcont{padding:5px 15px 0 0;}
.accsum-rgt h3{padding:5px 0 0 0}
.accsum-rgt-cont{width:80%;}
.promo-col{margin:10px 5px 5px 10px;width:259px; min-height:115px;}
.promo-col .appointment-box{padding:0 10px 0 10px;}
.promo-col.last {padding:0;width:auto;border:0px;}
.progressbar{width:auto;padding-top:4px;}
.promo-lft-img{width:533px;}
.promo-rght-width{width:235px;margin-left: 8px;}
.accsumm-ur-engi{margin-left:18px; margin-top:8px;}
.accordcollapse{width:803px;}
.promo-fru-accsum{min-height:25px;}
.findmore{padding:13px 50px 0 0;}
.accsum-compare{margin-top:-10px;}
.accsum-yourapp-lnk{margin-top:10px;}
.accsum-nectar-icontxt{padding:10px 5px 0 8px;}
.accsumm-sched, .accsumm-pend ,.accsumm-route, .accsumm-site ,.accsumm-alloc, .accsumm-disp, .accsumm-hold ,.accsumm-na,
.accsumm-na1, .accsumm-na2, .accsumm-naw ,.accsumm-comp{margin:0 auto}
.inprogress-sched .step2, .inprogress-sched .step3, .inprogress-sched .step4, .inprogress-pend .step2, .inprogress-pend .step3, .inprogress-pend .step4,
.inprogress-alloc .step1, .inprogress-alloc .step3, .inprogress-alloc .step4, .inprogress-disp .step1, .inprogress-disp .step3, .inprogress-disp .step4, .inprogress-hold .step1, .inprogress-hold .step3, .inprogress-hold .step4,
.inprogress-route .step1, .inprogress-route .step2, .inprogress-route .step4, .inprogress-site .step1, .inprogress-site .step2, .inprogress-site .step4,
.inprogress-comp .step1, .inprogress-comp .step2, .inprogress-comp .step3, .inprogress-na .step1, .inprogress-na .step2, .inprogress-na .step3,
.inprogress-na1 .step1, .inprogress-na1 .step2, .inprogress-na1 .step3, .inprogress-na2 .step1, .inprogress-na2 .step2, .inprogress-na2 .step3,
.inprogress-naw .step1, .inprogress-naw .step2, .inprogress-naw .step3{float:left;font-weight:normal;}
/*In progress Step green color text - AC summary*/
.inprogress-sched .step1, .inprogress-pend .step1, .inprogress-alloc .step2, .inprogress-disp .step2, .inprogress-hold .step2, .inprogress-route .step3, .inprogress-site .step3, .inprogress-comp .step4{float: left;font-weight:700;}
/*In progress Step red color text - AC summary*/
.inprogress-na .step4, .inprogress-na1 .step4, .inprogress-na2 .step4, .inprogress-naw .step4{float: left;font-weight:bold;}
/* Account summary step indicator starts */
.step1 span, .step2 span, .step3 span, .step4 span{padding:0 9px 0 3px; margin: 0 auto;}
.step1width{width: 175px; margin: 0 auto;}
.step2width{width: 230px; margin: 0 auto;}
.step3width{width: 200px; margin: 0 auto;}
.step4width{width: 140px; margin: 0 auto;}
.inprogress-sched, .inprogress-pend, .inprogress-alloc, .inprogress-disp, .inprogress-hold, .inprogress-route, .inprogress-site, .inprogress-comp, .inprogress-na, .inprogress-na1, .inprogress-na2, .inprogress-naw{font-size:1.2em;overflow: hidden;}
.inprogress-sched .step1, .inprogress-pend .step1, .inprogress-alloc .step2, .inprogress-disp .step2, .inprogress-hold .step2, .inprogress-route .step3, .inprogress-site .step3{float:left;font-weight:bold;text-align:center;}
.inprogress-comp .step4{float: left;font-weight:bold;text-align:right;}
.inprogress-na .step4, .inprogress-na1 .step4, .inprogress-na2 .step4, .inprogress-naw .step4{float: left;font-weight:bold; text-align:right;}
.inprogress-alloc .step1, .inprogress-disp .step1, .inprogress-hold .step1, .inprogress-route .step1, .inprogress-site .step1, .inprogress-na .step1, .inprogress-na1 .step1,.inprogress-na2 .step1, .inprogress-naw .step1, .inprogress-comp .step1, .inprogress-sched .step2, .inprogress-pend .step2, .inprogress-route .step2, .inprogress-site .step2, .inprogress-comp .step2, .inprogress-na .step2, .inprogress-na1 .step2, .inprogress-na2 .step2,
.inprogress-naw .step2, .inprogress-sched .step3, .inprogress-pend .step3, .inprogress-alloc .step3, .inprogress-disp .step3, .inprogress-hold .step3, .inprogress-comp .step3, .inprogress-na .step3, .inprogress-na1 .step3, .inprogress-na2 .step3,.inprogress-naw .step3{float:left;margin:0 auto; text-align:center;}
.inprogress-sched .step4, .inprogress-pend .step4, .inprogress-alloc .step4, .inprogress-disp .step4, .inprogress-hold .step4, .inprogress-route .step4, .inprogress-site .step4{float: left;margin:0 auto; text-align:right;}
.accordion-head-rt, .accordion-head-rt:hover { cursor: pointer; font-size: 1.3em; padding: 5px 28px 3px 34px;display:block;}
/* Account summary step indicator ends */
/* --------- Account summary - BGS ------------ */
/*----------------static confirmation Promo box -----------------------*/
.start-online {float:left;margin:20px 0 0;overflow:hidden;padding:22px 0 0;width:970px;}
.reg-online-account {float:left;display:inline;margin:14px 1px 15px 15px;width:230px;}
.reg-first-box {margin:14px 0 15px;}
.online-box{float:left;}
.online-box-bg {height:255px;width:230px;font-weight:bold;}
.online-box p, p.promo-header {font-size:1.3em;padding:25px 0 5px 25px;text-decoration:underline;}
.online-box ul li, ul.promo-list-content li {font-size:1.2em;margin:0 0 0 25px;padding:10px 0 3px 20px;width:160px;}
.reg-online-account span.bottom-bg {float:left;height:4px;width:232px;}
.reg-online-account span {display:block;height:4px;width:232px;}
/*----------------static confirmation Promo box ----------------------*/
/*Feedback Styles*/
div#fixme-bottom {position: fixed; bottom: 0; right:0;z-index: 9999;cursor:pointer;width:26px;}
* html div#fixme-bottom { position: absolute;width:26px}
/* submit meter read info message */
.info-cont-box{width:370px;margin: 0 77px 0 0;}
.info-box-left{width:40%;}
.info-box-right{width:55%;}
/* submit meter read info message */
/*  BGS NewShop SWAT Mar 20 Release changes */
.extras-padding{padding-left:90px;}
#manualAddresLink{padding-top:10px;}
#manualAddresLink{padding-top:10px;}
/*boiler make and model*/
#boilerMakeAndModel{font-size: 8pt;padding-right:30px;overflow:hidden;width:435px;}
.selectbox4{padding-right:20px;display : block;text-align:left;height:15px;}
.selectbox_img{display : block;cursor: pointer;height:27px;width:27px;} 
.bgs-boiler-input{width:90%}
.bgs-boiler-img{width:10%}
/*  BGS NewShop SWAT Mar 20 Release changes */
/* GAQ result page in rewrite */
.text table a.primary-link{font-weight:bold;}
/* GAQ result page in rewrite */
#home-page .main-banner{margin:7px 0 0 0;}
.ie7 #home-page .main-banner{margin:5px 0 0 0;}
.edit-detail {clear: none;float: right;height: 20px;margin: 0;padding: 6px 0 0 35px;}
.removelink{margin:5px 0 0 10px;}
/*Consumption Hub - Reskin*/
.ie7 #smart_submit{margin-top: -5px}
.two-column .cons-usage{margin-left:14px}
/* landlord Updates */
.step-process .info-block .addr-info-value{padding:6px 10px;clear:both;max-width:440px;}
.step-process .info-block p.info-value-appl{display:inline;width:94%;}
.step-process .info-block p.info-value-prod{display:inline;width:80%;}
.addpropertylink {display:inline-block;}
#productSelectorSection .gradient-filler{margin-top:-2px;}
.payment-price-size{font-size:2.2em;}
.annual-price{font-size:15px;}
.confirm-quote-button{padding-left:130px;}
#quoteSummary .vertical-divider h4{margin: 4px 0 0;}
.landlord-quote .shadow-long-divider{clear:both;height:3px;width:100%;margin:0;}
#landlordquote-top{padding-top:40px;}
.info-value-fire,.info-value-gashob{width:100px;}
.info-value-cooker{width:80px;}
.step-process .info-block p.info-value-other-appl{display:inline-block;width:30%;}
.posrel{position: relative;}
#boilerInfo{display:inline;}
.ll-price-container{padding: 0 7px 0 35px;width:545px;}
.ll-payment-section{width:390px;}
.ll-ordernow-link-CP12{padding-top:20px;padding-left:15px;width:140px;}
.ll-ordernow-link-HC{padding-top:55px;padding-left:15px;width:140px;}
.ll-ordernow-link-CP12 span{position:absolute;z-index:1;}
.ie7 #quoteSummary.sticky{padding-top:1px;}
.edit-my-quote-link{padding-bottom:10px;}
.between-text{padding-top:10px;padding-bottom:10px;}
.btnimg-comp .genericNextButton,.btnimg-comp .genericButton{margin:5px 0 0; padding:0 0 20px 0;}
.btnimg-comp div {float: left;}
.btnimg-comp a{float: left; font-size: 1.3em; margin: 18px 0 0 15px; padding: 0 0 0 15px;}
.btnimg-comp a.createNewUser{margin: 29px 0 0 15px;}
.btnimg-comp .packageDetails-stepPath{padding:0 0 15px;margin:0px;}
.ie7 .btnimg-comp .packageDetails-stepPath,.ie8 .btnimg-comp .packageDetails-stepPath{padding:0 0 7px; margin:0px;}
.applyAllCheck{padding-top:5px;padding-bottom:5px;}
.property-width{max-width:450px;}
/*Priority Booking fix */
.gac-block{width:300px;}
/* rewrite update for bill amount section */
.bill-amount, .ie7 .bill-amount{padding-left:20px;}
/*Image maps - qTip*/
area, #qtip-overlay.blurs{cursor:pointer}
.ui-tooltip,.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:10.5px;line-height:12px}
#qtip-overlay div{position:absolute;left:0;top:0;width:100%;height:100%}
.ui-tooltip .ui-tooltip-tip{margin:0 auto;overflow:hidden;z-index:10;position:absolute;line-height:.1px;font-size:.1px}
.ui-tooltip-tipsy{font-size:11px;font-family:Arial; line-height:16px}
.ui-tooltip-content{position:relative;padding:5px 9px;overflow:visible;text-align:left;word-wrap:break-word;width: 200px}
/* Smart insight predict next bill starts here*/
.max-height, .averagedailyusage, .lastBilledReads, .latestMeterReads {height:100%;}
.currentpay .fade-out{width:100%;height:100%;}
#thisMonth,.fade-out{position:relative;}
.disable-content{height: 100%; position: absolute; width: 100%; z-index:102; left:0;}
.lastbillamount {padding:0 10px 0 0;}
.pnbdisplay .field-cont p{font-size:1.0em;padding:0;}
.dialInput{width:16px; padding:6px; text-align:center;}  
.meterDial .error-inline{margin-left:8px}
.meterDial .error-inline span {width:200px;} 
.lastdial{margin:0 5px 0 0;}
.width-left{width:9%;}
.width-right{width:78%;}
.meterdial .width-right{width:89%;}
.content .lastmeterread{margin: 0 0 5px;  padding: 0;}
.lastmeterread span{margin:0px; padding:7px 10px; float:left;}
.pnbContainer .secondary-panel-hd,.pnbContainer .primary-panel-hd {height:auto;}
.pnbContainer .primary-panel-hd h2{display:inline;}
.lastbillamount .error,.lastBilledReads .error{padding-left:87px;}
.currentpay .description {font-size: 0.72em; margin: 5px 0 0 5px; font-weight: normal;}
.error-widget{padding:8px;}
.mererReadDetails div.cq-colctrl-lt6-c0{width:66.7%;}
.lastbillamount .tertiary-number-black,.averagedailyusage .tertiary-number-black {font-weight:normal;}
.pnbdisplay .btn-comp-img{margin:0;}
.predictNextBill .accsumm-top-space, .predictNextBill .pnb-top-space {margin: 5px 0 0;}
.pnbdisplay .pnb-bottom-space{margin:0 0 3px;}
.pnbdisplay .elecNightMeter .pnb-bottom-space {margin:5px 0 10px;}
.pnb-bottom-space{margin:10px 0 0;}
.pnbContainer .primary-panel-hd .tooltip, .pnbContainer .primary-panel-hd a.tooltip:hover{margin:8px 0 0 10px;}
.pnbdialog p{font-size:1.5em;}
.pnbdialog p .large-blue{font-size:1em;}
.pnbDisplaySection .tooltip {font-size: 1em;font-weight:700;}
.pnbDisplaySection #resetlink{font-weight: normal; font-size: 1.2em;}
/*.content .registername{width:30%; float:left;}
.content .registermeterread {width:auto; float:left;} */
.currentpay-tou p{font-size:1em;}
.mererReadDetails .currentPayTable > .panelcontainer{margin-bottom: 0}
/* Smart insight predict next bill ends here*/
/* countdown component - starts */
.countdown-container{right:40px;top:47px;}
.countdown-daystogo{width:40px;text-align:center;font-size:39px}
.countdown-pretextheading{right:35px;top:15px;font-size:14px;font-weight:bold;}
.countdown-pretext{right:23px;top:32px;font-size:11px;}
.countdown-posttext{right:47px;top:93px;font-size:11px}
.pos-abs{position:absolute;}
.countdown-bannertext{font-size:2.2em;top:15px;margin:10px;width:400px;}
/* countdown component - ends */
/*Better Deal changes*/
.betdeal-header{padding:10px}
.betdeal-header .cq-colctrl-lt0-c0 .gap-fuel{padding:0 40px 0 0}
.betdeal-header .vertical-dotted-divider{padding-right: 10px; margin-right:10px}
.btd-tarifflft {text-align: right; padding: 5px 0 0;}
.btd-tariffrgt {padding: 5px 0 0 5px;}
.betdeal-header .btd-singlefuel {padding:14px 0} 
.btd-box-tariff{padding:10px 0 10px 10px} 
.btd-box-amt{padding:10px 10px 10px 0}
/*Energy Smart Your Tariff - starts*/
.energySmartYourTariff .choose-group .genericSelectbox p span{width:auto;}
.energySmartYourTariff span.tertiary-link,.energySmartYourTariff span.tertiary-link:hover{padding:0 0 0 15px; width:auto;}
.energySmartYourTariff .choose-group .accordianclose {padding: 0 0 0 21px;}
.energySmartYourTariff .choose-group .accordianclose .text {overflow: hidden; display: block;}
.energySmartYourTariff .accordianclose .genericSelectbox p span {float: none; clear:both; padding: 0; margin: 0 8px 5px 0;} 
.energySmartYourTariff .accordianclose .genericSelectbox p span.error-nxtline span {padding: 7px 0 0 23px;}
.energySmartYourTariff .accordianclose .genericSelectbox span.error-inline span {margin: 0; padding: 6px 0 6px 20px;}
/*Energy Smart Your Tariff - ends*/
/*Energy Smart Make a payment - starts*/
.makePaymentButton {width:300px;margin-left:47%;}
.ie7 .makePaymentButton {width:300px;margin-left:48%;}
.cardDetails .genericCardDate, .payment_acc_par .genericCardDate, .genericCardDate{width:400px;}
.ie7 .payment .mapCardDetails .txtbox-s, .ie7 .payment .mapCardDetails .txtbox-m{width:219px; height:15px;}
.makeAPaymentFields .consumption {width:100%;}
/*Energy Smart Make a payment - ends*/
/*Energy Smart personal details - starts*/
.energyShopPersonalDetails .field-cont .buttonWithLinks span {float:left;}
.ie7 .energyShopPersonalDetails .field-cont .buttonWithLinks button span {float:none;}
/*Energy Smart personal details - ends*/
/*Energy Smart Order detail - starts*/
.field-cont h4 span{display:inline;}
/*Energy Smart Order detail - ends*/
/*Landlord Phase2 Drop1-starts */
#viewcertificate {/*border: 1px solid #CCCCCC;*/margin-bottom: 5px;}
#viewcertificate .pdfcertificate{/*height: 16px;*/padding: 10px 15px 5px 15px;}
/*Landlord Phase2 Drop1-ends*/
/*ASV - starts*/
#faulty-appliance .info { width:371px;}
/*Calendar Component Page*/
#appointment-slot .asv-footer-cont-jobon{padding:20px 0 20px 15px;font-size:1.3em;}
#appointment-slot .asv-jobtracker-cont {padding: 10px 0 0 0;width: 100%;}
/*BookingContactAndProductDetails*/
.choose-group #contactnumber .genericRadioGroup{display:inline;float:left;margin-right:20px;}
.choose-group #contactnumber {margin-bottom:20px;}
/* x-sell display  Page*/
#xselldisplay div.cq-colctrl-lt13-c0{width:80px;float:left;}
#xselldisplay div.cq-colctrl-lt13-c1{width:64%;margin-left:2%;margin-right:2%;}
#xselldisplay div.cq-colctrl-lt13-c2{width:20%;float:right;}
#xselldisplay div.cq-colctrl-lt12-c0{width:75%;float:left;}
#xselldisplay div.cq-colctrl-lt12-c1{float:right;text-align:right;}
#xselldisplay div.cq-colctrl-lt11-c0{width:12%;float:left;}
#xselldisplay div.cq-colctrl-lt11-c1{width:60%;margin-left:2%;margin-right:2%;}
#xselldisplay div.cq-colctrl-lt11-c2{width:24%;float:right;}
#xselldisplay .field-cont .requestacallback span{padding:1px 0 0 20px;margin:0px;}
#xselldisplay #ftadd-mono, #xselldisplay #ftremove-mono {float:right;}
/*Uniform FaultChanges*/
#listbar-sess span:first-child{ padding-left:0px;}
#listbar-sess span.last{ border-right: medium none;}
/*calendar - tab component*/
.otheravlslots {margin:0 15px; display:block;}
#appointment-slot .tabcomponent .horizontal.ui-tabs .tab-content{padding:0px; zoom:1;}          
#prefappointment-calendar .calendar-legend, #appointment-calendar .calendar-legend{float: right;height: 32px;width: 80%;}    
#appointment-slot .asv-jobtracker-cal{width: 45%;}
#appointment-slot .asv-jobtracker-date{width:77%;}
#appointment-slot .asv-jobtracker-date span{display:block;}
/*ASV - ends*/
/*Consumption Graph - starts*/
.toggle-button ul{ margin: 0 0 10px; padding: 5px;}   
.toggle-button li{float:left;padding:10px 20px;}
.toggle-button li a, .toggle-button li a:focus,.toggle-button li a:active,.toggle-button li a:hover {font-weight:bold;font-size:1.3em;}
.toggle-button .accordion-head,.graphoptions .choose-group{margin-top: 10px;}
.toggle-button .accordion-content {padding: 0;display:block;}
.graphbutton{margin: 48px 5px 0 0;width:25%;}
.graphoptions .choose-group{margin-left:60px;}
.options-panel .options-items span, .accountTypeQuartely{display:inline-block;width:150px;padding: 0 5px 5px 0; vertical-align: middle}
.options-panel .options-items span.description{display:inline;width:auto;}
.options-panel .options-items label, .accountTypeQuartely p{float:right;}
.options-panel .options-items .accountTypeQuartely{margin:0;padding: 0 5px 0 0;}
.legendCont { height: 35px;  width: 92%;float:right;}
.legendCont ul li  { float: left;   margin: 5px;}
.legendCont a{margin:8px 10px;}
.legendTxt{padding:0 10px 0 0;}
.legendIcon {float: left;  height: 15px;   margin-right: 4px;  width: 15px;}
.energyUsage .graph-arrow-holder{display: inline-block;height:550px;position:relative;width:35px;}
.graph-arrow-holder a {text-indent: -2000px;   height: 65px;   position: absolute; top: 44%;  width:35px;}
.seasons{margin:15px 0 0 64px;height: 100px;}
.seasons li{width: 24.5%;float:left;margin:0 0 0 1px;}
#graphview .seasons li { padding: 45px 0 10px; text-align: center; height:auto;}
.seasons.five li, .seasons.single li{ width:24.5%;}
.seasons .first{margin:0px;}
.seasons.five .first,.seasons.five .last, .seasons.single .first,.seasons.single .last{width:12.25%;}
.monthly.five.one .first,.monthly.five.two .last{width:8.2%;}
.monthly.five.one .last,.monthly.five.two .first{width:16.3%;}
.jqplot-highlighter-tooltip { padding: 5px;}
.energyUsage table.table-headcolor tr td{vertical-align: top;}
.view-bill-history .bill-row a span{display:block;}
.field-cont .graphoptions p{ padding: 5px 0 0px;}
.consumptiongraph .separator-gradient{ margin: 7px 0 20px;}
.actionLink{padding:10px;}
.energyUsage .txt-ctr{width:100%;height:250px;padding-top:30%;}
.jqplot-highlighter-tooltip .graphTooltipContent{ padding:5px 5px 0; margin:0;display:block;}
.jqplot-highlighter-tooltip .tooltip-arrow{height:15px; position: absolute; top: 97%; width: 100%;}
.jqplot-highlighter-tooltip .tooltip-arrow.showRight{right:5px;}
.actionLink{padding:10px;}
.energyUsage .txt-ctr{width:100%;height:250px;padding-top:30%;}
.arrow{width:5px; height:5px;}
/*Consumption Graph - ends*/
/*Reduce Your Bill*/
.rybTopHearder{width:712px; height:60px; background:url('/etc/designs/centrica/bgas/images/ryb_background_tab.png') no-repeat; padding-top:15px; padding-left:20px;}
.rybTopHeaderContent{width:630px;}
.rybTopHeaderContentTop{width:100%; height:auto; height:30px;}
.rybTopHeaderContentBottom p{white-space: nowrap !important}
.rybComboContainer{width:250px; margin: -33px 31px 0 0}
.rybComboContainer label{line-height:30px; vertical-align: super}
.rybComboContainer select{height:20px !important; padding:0 !important; margin-top:5px !important}
.rybContentCentre {width:701px; height: auto; padding: 5px 0 8px 7px}
.rybContentContainer{width:664px; height:auto; padding:15px}
.rybPigLogo{width:38px; height:40px; padding-right:5px}
#gasSliderContainer, #elecSliderContainer{width:100%; height:50px; margin-bottom:30px}
#gasSliderContainer .ui-slider-horizontal, #elecSliderContainer .ui-slider-horizontal {height: 50px; width: 345px; margin-left:100px}
#gasSliderContainer .ui-slider .ui-slider-handle, #elecSliderContainer .ui-slider .ui-slider-handle{width: 26px; height:39px; margin-top: 40px}
.rybSetTarget{width:100%; height:40px}
#gas_slider_value, #elec_slider_value{width: 80px; height:34px; margin-left:30px; font-size: 1.8em; font-weight: bold; text-align:center; padding-top:14px}
.saving1Cont{width:226px; height:49px}
.saving2Cont{width:240px; height:49px}
#gasSaving1, #elecSaving1, #gasSaving2, #elecSaving2{width: 140px; font-size: 2em; height: 28px; letter-spacing: 16px; text-align: right; }
#gasSaving1, #elecSaving1{margin: 11px 0 0 10px}
#gasSaving2, #elecSaving2{margin: 12px 0 0 30px}
.ie7 #gasSaving1, .ie7 #elecSaving1{width: 130px; margin: 11px 0 0 4px}
.ie7 #gasSaving2, .ie7 #elecSaving2{width: 130px; margin: 12px 0 0 26px}
.ie8 #gasSaving1, .ie8 #elecSaving1, .ie8 #gasSaving2, .ie8 #elecSaving2{letter-spacing: 1.6ex}
.colorMonitor{margin-left:100px; margin-right:30px; width:259px; height:154px}
.rybElecSetTariffDual{width:188px; height:125px}
.rybElecSetTariffSingle{width:187px; height:85px}
#newDayTariff, #newSingleTariff, #newNightTariff{width:40px; height:30px; margin:16px 0 0 16px; letter-spacing:5px; font-weight:bold; font-size:1.5em; text-align:center}
#newNightTariff  {margin-top:11px}
.rybSavingsContainer{width:100%; margin:20px 0 0 73px}
.rybOR{margin:15px 20px 0 20px; font-size:1.4em; font-weight:bold}
.elecHowDoI{ margin:15px 0 0 20px}
.rybVideoCont{width:450px; height:180px; margin:60px 0 0 100px; padding:10px; border:2px solid #f5f5f5;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background:#f1f6f8 }
.rybVideo{width:265px;}
.rybGasTipsCont{width:640px; padding:10px; border:2px solid #f5f5f5;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background:#fefefe }
.rybContentContainer h4, .rybContentContainer h5, .rybTopHearder h3{color:#00218f;}
.rybHaveMeterContainer{width:640px; margin-top:20px; padding:10px; border:2px solid #f5f5f5;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background:#f1f6f8 }
.sliderTopLabelsCont{width:364px; height:15px; margin-left:105px; color:#9b9899; font-size:1.1em;}
.sliderTopLabel0{width:150px; text-align:left;}
.sliderTopLabel25{width:150px; text-align:right;}
.sliderTopLabelsMarkers{width:342px; height:11px; margin-left:110px}
#rybNotEligible{ width:500px; margin:50px 0 50px 83px}
.rybOverlayContent{padding:20px; }
#rybLoading{background:url('/etc/designs/centrica/bgas/images/loading.gif') no-repeat center}
.rybSavingsText{width:66px; font-size: 1.3em; margin-top:15px}
.ie7 .rybSavingsText{margin-left:13px}   
/*Reduce Your Bill - ends*/
/* dd monthly payments - Starts */
.grey-payment-box{padding:10px 0;margin:0 2px 1px 0;height:58px;float:left;zoom: 1;width:100%}
.ie7  .grey-payment-box{display: inline;float: none;}
.grey-payment-box p{margin:5px 10px 10px 10px;}
.grey-payment-box p span{display:inline;}
.customized-monthly-payment{float:left;padding:10px 15px;margin:0 2px 2px 0;width:112px;height:45px;}
.customized-monthly-payment h3 span{display:inline;}    
.flexiPlanChange{margin:1px;}
.ddmonthlypayments{display:inline;clear:both}
.plan-brkdown{width:100%;float:left;}
/* dd monthly payments - Ends */
/* View bill - starts */
.ie7 .cq-colctrl-lt14-c0 p table.text td{font-size: 1em;}
.ie7 .cq-colctrl-lt14-c0 p table.text{margin-top:3px;}
div.cq-colctrl-lt14-c0{ width: 51%}
div.cq-colctrl-lt14-c1{ width: 41%; margin-left:7%}
.mpadd10{padding-bottom:10px;}
.ddNeedsChangeMsg{width:200px; margin:20px 20px 0 0;} 
.myOffset0, .myOffset1, .myOffset2{ height:0; width:100%;}
/* View bill- ends */
/* panel container changes for loginbox */
.home-content .panel-padding{ padding :5px 15px 2px}
.home-content .separator-gradient{padding:10px 0 7px}
/* panel container changes for loginbox */
/*BGS order now*/
#terms_details_edit label label{font-size:13px}
/* DD consumption graph table - starts*/
#tableCont .tablesorter { font-family:arial;width: 100%;text-align: left; border-spacing:1px;}
#tableCont .tablesorter thead tr th, #tableCont .tablesorter tfoot tr th {font-size: 11px;font-weight: bold;padding: 8px 1px 8px 1px;height:50px;font-size: 9pt;vertical-align:middle;}
#tableCont .tablesorter thead tr .header {cursor: pointer;}
/* DD consumption graph table - Ends*/
/* DD dashboard - Starts*/
/*DD recommendations*/
.ie7 .adjust-button{width:306px;height:91px;margin:32px 0 15px 20px;position:relative;float:left;cursor:pointer;}
.ie7 .adjust-button-text{width:200px;font-weight:bolder;font-size:16px;position:absolute;padding-left:20px;height:auto;top: 52%;zoom:1;}
.ie7 .adjust-button-text div{position:relative;top:-48%;zoom:1;font-size:1em;font-weight:bold;}
.adjust-button-text {display: table-cell;line-height: 20px;padding: 0 0 0 25px;vertical-align: middle;width: 200px;}
.adjust-button {display: table;height: 91px;margin: 20px;vertical-align: middle;width: 306px;}
.adjust-button-text div {display: table-cell;position: relative;vertical-align: middle;width: 200px;font-size:12px;font-weight:bold;}
/*DD highlights*/
.dd-calendar{width:74px;height:65px;}
.dd-calendar div{padding:7px 0px 0px 15px;font-weight:bold;padding:10px 0px 0px 22px;}
.dd-calendar div span.date{font-size:24px;}
.dd-calendar div span.month{font-size:13px;}
.margin-zero{margin:0px;}
.next-dd{padding-left:10px;width:690px}
.account-balance{padding-top:9px;}
.creditTooltip, .debitTooltip{display:inline-block;}
.ie7 .creditTooltip{display:inline;zoom: 1;}
.ie7 .debitTooltip{display:inline;zoom: 1;}
/* DD dashboard - Ends*/
.consumption .error ul li {width:100%}
#timeSlots.error-field{overflow: hidden }
.monthlypayments{float:left;width: 24.9%;}
.monthytooltip{float:left;width: 24.9%;}
.monthytooltip .monthlypayments{float:left;width: 100%;}
/* Mega menu - starts */
li.last-menu div.mega-column-new{height:auto;}
/* Mega menu - ends */
/* DD plan status */
.energyExtra{font-size:22px;float:left;padding:0 2px 0 0;}
.dd-plan-ExtremeCredit .status,.dd-plan-OnTarget .status,.dd-plan-SlightCredit .status,.dd-plan-ExtremeDebit .status,.dd-plan-SlightDebit .status{height:50px;margin-right:-9px;}
.dd-plan-ExtremeCredit sup,.dd-plan-OnTarget sup,.dd-plan-SlightCredit sup,.dd-plan-ExtremeDebit sup,.dd-plan-SlightDebit sup{font-size:30px}
.status div{width:78px;text-align:center;margin:55px 0 0;font-size:1.5em;font-weight:bold;}
.owed-amount{font-size:55px;font-weight:bold;text-align:center;}
.fnone{float:none;}
.owed-container{height: 105px; padding: 10px 0pt 0pt;}
/* DD Recommendations */
.adjust-button-text {display: table-cell;line-height: 20px;padding: 0 0 0 25px;vertical-align: middle;width: 200px;}
.adjust-button{display: table;height:91px;margin:20px;vertical-align:middle;width:306px;}
.adjust-button-text div{display:table-cell;position: relative;vertical-align: middle;width: 200px;font-size: 1.6em;font-weight:bold;}
/* DD small graph*/
.smallgraphloading{padding:12% 0 0 45%;display:block;position:absolute;}
.chart2{width:270px;height:165px;margin-top:20px;}
/*DD Consumption graph*/
.maincontainer{ margin:0 auto; } 
.season-cont{width:100%;position:relative; } 
.season-cont ul{ list-style-type:none; margin:0; padding:0; } 
.season-cont ul li{ display:inline-block;height:60px;padding-bottom:20px;} 
#tooltip{position:absolute;z-index:9;display:none;background:transparent;}
.meterread{padding:4px;}
.meterread ul{ margin:0; padding:0px; list-style-type:none; width:100%; } 
.meterread ul li{ line-height:2; font-size:14px; padding:2px; width:90%; } 
.meterread ul li.last{ line-height:1;} 
.whitetxt {font-size:14px;} 
.black-tooltip{padding:4px;}
.graphHeader{margin-top:10px; width:100%;}
.graphProduct{margin:7px 0 0 0; } 
#tableCont{ top:30px; left:20px; height:auto; text-align:center; } 
#chart2 .jqplot-point-label { font-size:11pt; font-weight:bold; font-family:"Arial"; text-align: center; } 
.graphContentArea { position:relative; } 
.smallGraphContent{ position:relative; width:265px;} 
.tableOuter thead{ font-size:15px; font-weight:bold; } 
.tableOuter thead tr th{ cursor:pointer;} 
.ie7 .season-cont ul li { float:left;} 
table.tablesorter thead tr .header { cursor: pointer; vertical-align: top; font-size: 12px; height:35px; } 
table.tablesorter thead tr th, table.tablesorter tfoot tr th{ font-size: 12px; height:35px; } 
.tableOuter tbody#table-content tr td{ height: 55px; padding: 4px; text-align: center; vertical-align: middle; } 
.blacktxt{vertical-align:top;text-align:left; } 
/* DD graph-legend */
.largeLegend{height:35px; margin: 20px 5px 5px 5px; position: relative;} 
.ddlegendCont{width:99%;height:35px;margin-top:10px;}
.ddlegendCont ul{ list-style-type: none; margin: 0 auto; padding:0; text-align:center; } 
.ddlegendCont ul li{ display: inline-block; margin: 5px 4px 5px 5px; text-align: justify;} 
.ie7 .ddlegendCont ul li{display:inline;zoom:1;}
.legendKey{ font:arial,sans-serief; font-size:11pt; font-weight:bold;display:block; padding-top:3px; float:left; } 
.legendIcon{float: left; height: 15px; margin: 3px 4px 0 0; width: 15px;} 
.ddlegendTxt{ font:arial,sans-serief; font-size:11pt;display:block; padding-top:3px; float:left; } 
#smallLegend{ margin-top:10px;} 
/*DD graph-table view toggle button */
.switch label { cursor: pointer; }
.switch input { display: block; }
ul.field{margin:0;padding:0;}
.stich{margin-right:-4px;}
.graphHeader .on{padding:11px 20px;}
.graphHeader .off{padding:10px 20px;}
.on a{font-size:13px;font-weight:bold;font-family:Arial;}
.off a{font-size:13px;font-weight:bold;font-family:Arial;}
.switch li{float:left;list-style:none;}
.switch li a{text-decoration:none;}
/* DD info error message*/
.align-center{text-align:center;}
.graphouterdiv{width:806px;height:auto;min-height:543px;}
#chart1{height:400px;width:100%;}
.season-name{text-align:center;padding:56px 0 0 0;font-size:13px;}
.largegraphloading{padding:18% 0 0 25%;display:block;position:absolute;}
/* DD Flex your payment plan*/
.actual-total{font-size: 2.2em; font-weight: bold; margin-top: -4px;}
.amount{font-size:1.8em;}
.step-title{font-size:2.2em;}
.whyThisAmt,.noPaymentHolidays{display:inline-block;}
.ie7 .noPaymentHolidays{display:inline;zoom: 1;} 
.sum-size{font-size: 1.8em;}
.grey-section{width:100%;}
/* DD recalculate*/
table div.ddfield-value label {font-size:1em;}
table div.ddfield-value span.description{font-size:0.85em;}
table div.ddfield-value .txt-box, a{font-size:1em;}
table div.ddfield-value a{font-size:1em;}
table div.ddfield-value a:hover{font-size:1em;}
.error-highlight{font-weight:bold;}
.after-highlight{font-weight:bold;}
.recomm-amt-padding{padding:15px 0 0 0;}
.ddRecalculate table .error-nxtline span,.ddRecalculate table .error-inline span  {font-size:1em;}
/* DD bankdetailssummary*/
#bankdetailssummary .step-process .info-block{padding:0 0 8px;}
/* SMR - One And Done */
.meter-complete .accsumm-top-space .secondary-panel-hd h3{font-weight:normal !important;}    
.ie7 .meter-complete .secondary-panel-hd{width:699px;}
.meter-complete .promo-padding .icon-holder{width:74px;}
.meter-complete-content{width:692px;}
.meter-complete-whats-next{width:232px; margin-top:6px;}
.meter-complete-whats-next-heading{width:150px;}
.meter-complete-whats-next-content h5{padding-bottom: -5px; padding-left: 25px; padding-top: 5px;}
.meter-complete-whats-next-content p{padding-top: 10px;}
.meter-complete-left-content{width:315px;}
.meter-complete-right-content{width:280px; margin-left:30px;}
.meter-complete-right-content button span span span{font-size:1.05em}
.meter-complete-left-content h3{width:197px; padding-top:10px; }
.meter-complete-left-content .txt-rgt h3{ width:120px; margin:0 }
.meter-complete-right-content .blue-promo{padding:20px 0;}
.meter-complete-right-content h4{padding-top:14px; }
.meter-complete-left-content .txt-rgt, .meter-complete-right-content .txt-rgt{width:118px;}
.meter-complete-payment-success h3{margin-left:20px; padding-left:25px;}
.meter-complete-payment-failed h3{margin-left:20px; padding-left:25px;}
.payment-success-row{width:100%; margin:0 0 0 10px}
.payment-success-row div{width: 135px;}
.payment-success-row .description a{padding-top: 10px;}
span.payment-success-details1{padding: 9px; line-height: 35px;}
span.payment-success-details2{padding: 9px; line-height: 35px; word-wrap: break-word;}
/* SMR - One And Done */
/* BGMO - Appointment Calendar*/
.yourDetails .termCheck label{width:auto;}
.appointmentDetails #appointment-calendar {padding:0 10px 10px 10px;}
.appointmentDetails #appointment-slot .panel-widget-layout {width:100%;}
.appointmentDetails .todayAppointmentDate {float:right; padding-right:10px;}
.appointmentDetails #appointment-calendar table {width: auto; z-index: 10;}
.appointmentDetails #appointment-slot .asv-jobtracker-cal {width: 48%;}
.appointmentDetails #appointment-slot .asv-jobtracker-cont { padding: 10px 0 0 15px; width: 97%;}
.appointmentDetails #appointment-slot .asv-padding {width: 47%;}
.appointmentDetails #appointment-slot .asv-jobtracker-date {width: 80%;}
.appointmentDetails #appointment-calendar table tbody tr td {width:auto;}
.appointmentDetails #calendarLoader {width:97%;}
.yourDetails .sm-overlay{padding: 5px 6px;}
.reviewDetails .field-cont .postcomment span,.reviewDetails .field-cont .precomment span{display:inline;}
.reviewDetails .field-cont .precomment h3{float:left;}
.serviceOrderDetails a.fourth-level-link, .reviewDetails .field-cont .genericTelephone p {font-size:1em}
.serviceOrderDetails .summ-details-lft {width:23%;padding-right:1%;}
.confirmAppointment .grey-promo, .reviewDetails  .grey-promo {margin-bottom:10px;}
.listServiceOrders .account-link{margin: 27px 0 0; padding-left:2px; width:255px}
.listServiceOrders .btn-img a {margin:0 15px 0 15px;} 
.listServiceOrders .cust-info {width:355px;}
.listServiceOrders .bgcalender, .serviceOrderDetails .bgcalender {padding-bottom:10px;}
.listServiceOrders .account-link p,.serviceOrderDetails .summ-details-rgt p{margin-left:34px;}
.listServiceOrders .account-link .bgcalender p,.listServiceOrders .account-link #accountsDiv p , .serviceOrderDetails .summ-details-rgt .bgcalender p,.serviceOrderDetails .summ-details-rgt p.newappointment{margin-left:0}
.ie7 .meterReadingOneandDoneSummaryList  .serviceOrderDetails .summ-details-lft {margin-right: 25px}
.ie7 .meterReadingOneandDoneSummaryList  .serviceOrderDetails .summ-details-rgt p.max-width {clear: both}
/* BGMO - Appointment Calendar*/
/* Boiler cost calculator*/
.newestimate-link{margin: 0 0 15px 17px;padding: 1px 0 0 34px;}
.secondary-link.newestimate-link:hover{margin: 0 0 15px 17px;padding:1px 0 0 34px;}
/* Boiler cost calculator*/
/* BGS View Quote details*/
span.view-quote-assumption{padding:10px 0 10px 20px}
/* BGS View Quote details*/
/*Peea Start*/
#energyUsageLoading img{margin:80px 0 0 80px;}
/*peea Ends*/
/* consumption comparison */
.egy-loading{ position:absolute; left:50%; top:50%; width:200px; height:140px; text-align:center; padding-top:60px; margin:-100px 0 0 -100px; -webkit-border-radius:4px; border-radius:4px; opacity:1.0; filter:alpha(opacity=100);}
/* consumption comparison ends*/
/* SMR JI */
div.jimixedmetersingledial{height:190px;}
div.jimixedmeterdualdial{height:390px;}
div.jimixeddial{height:110px;}
div.jisingledial{height:200px;}
.smraccountdetails{padding-top:2px;}
.smrtoomanyread{padding-top:6px;}
.ie7 .smraccountdetails{padding-top:13px;}
.smrsmrydetails{padding-top:9px;}
.ie7 .smrsmrydetails{padding-top:15px; width:360px}
.oneclickdisp{margin-top:10px;}
/* SMR JI */
/* ONEANDDONE PAYMENT */
.payment-success-extra-row{margin:0 0 0 10px; padding:0 0 0 9px; width:240px;}
/* ONEANDDONE PAYMENT */
/*SMB Starts*/
.secpBlock{margin:10px 0 0 111px;}
/*SMB Ends*/
/* Login-Register Header*/
#loginregister ul li{float:left; padding:0 3px 0 0;}
#loginregister ul li.last{padding:0 10px 0 0;}
/* Login-Register Header*/
/*One click registration*/
.ie7 div#createAccountButton{margin-top:10px;}
/*One click registration*/
/* City Comparision */
.cityconsumptionusagehelpOverlay {margin:15px 0 0 20px;}
/* deeplink details */
.deeplink_details{width:625px;}
.deeplinkenergytype{width:210px}
.deeplink-accountdata{width:300px}
/* deeplink details */
.landlords-assumptions{margin:0 0 0 19px;width:570px}
/* cross sell */
#contactpackages_non_edit .xsell-contact,#xsell-packages-contact .xsell-contact{padding:0 0 5px 0}
#xsell-nectar-details .nectar-logo-position{display:none}
#xsell-nectar-details legend{display:none}
#xsell-packages-payment .field-cont span.ways-to-pay{padding:10px 0 0 0;float:left}
.direct-debeit-xsell{padding:0 65px 0 0} 
.excess-options{padding:0 0 10px 0}
#cross-sell-quote .radio-align{float:left;width:auto;margin-right:25px}
.xsell-payment-left{width:64%}
.xsell-payment-right{width:34%}
/* cross sell */
/* site search - start */
.searchBoxContainer{float:left;width:968px; height:55px; margin-bottom:20px;-webkit-border-radius: 5px;border-radius: 5px;}
.newSearchBtn{width:65px;height:34px;margin:12px 8px 0 0}
table#newSearchList tr td{width:100%;padding:15px 0}
.searchItemTitle{margin:0 0 10px 20px}
.searchItemTitle a{font-size:15px;text-decoration:underline}
.searchItemThumb{float:left; width:181px; height:102px; margin:6px 0 14px 20px;}
.searchItemBcrumb{font-size:11px;margin:0 0 10px 20px}
.searchItemFeatured{padding:15px 0;position:relative;}
.searchItemDesc{width:464px;margin:0 20px 10px 10px}
.searchItemNoThumbDesc{width:665px;margin:0 20px 10px}
.searchItemRatingText{width:12%;height:20px;margin-left:20px}
#relatedSearches p{width:50%;float:left}
#relatedSearches h2{margin-bottom:15px}
#searchResultsContainer .dataTables_paginate{width:100%;text-align:center;margin-bottom:20px}
#searchResultsContainer .dataTables_paginate a{cursor:pointer}
#searchResultsContainer .dataTables_paginate span a.paginate_button, #searchResultsContainer .dataTables_paginate span a.paginate_active{font-size: 0.9em;-webkit-border-radius: 2px;-moz-border-radius: 2px;padding: 2px 5px;margin: 0 3px;cursor: pointer;}
#searchResultsContainer #newSearchList_info {width: 60%;margin: 0 0 12px 0;}
#searchResultsContainer .dataTables_paginate a.next{margin-left:10px}
#searchResultsContainer .dataTables_paginate a.previous{margin-right:10px}
#newSearchList_length {float: right;margin-top: -31px;width: 200px;}
#newSearchList_length select{width:70px;height:31px;font-size:13px;margin:-5px 0 5px 9px;padding:5px}
#newSearchList_length label{font-size:13px}
.ie7 #newSearchList_length{margin:-49px -12px 0 0}
.ie8 #newSearchList_length{margin:-40px -12px 0 0}
form[name=newSearchForm] input[type=text]{margin:12px 0 0 12px; width:862px;}
#searchtermlargeresult{height:20px; margin-top:-31px}
.ie7 #searchtermlargeresult, .ie8 #searchtermlargeresult{margin-top:0;}
#searchtermlargeresult ul.ui-autocomplete, #searchtermmediumresult ul.ui-autocomplete{float:left;width:520px;margin:0;padding:0 12px 12px}
#searchtermsmallresult{margin-top:0}
#searchtermsmallresult ul.ui-autocomplete{float:left;width:400px;margin:0;padding:12px}
input#searchtermmedium{margin:12px 0 0 0; width:588px; }
.ie7 #searchedTerm, .ie8 #searchedTerm{margin: 20px 0;} 
#searchedTerm{margin: 5px 0 20px 0;}
#searchedTerm h3{width:500px}
#searchResultsContainer #newSearchList_wrapper,#searchResultsContainer #searchedTerm{width:100%}
table#newSearchList thead,#searchResultsContainer .dataTables_paginate a.first,#searchResultsContainer .dataTables_paginate a.last{display:none}
.newSearchButtonSmall{width:28px; height:27px}
.newSearchBtnMedium{width:65px;height:34px;margin:12px 8px 0 0}
ul.ui-autocomplete li.ui-menu-item{height:auto;width:100%}
ul.ui-autocomplete li.ui-menu-item a{font-size:14px;line-height:25px;margin:0;word-wrap:break-word} 
ul.ui-autocomplete li.ui-menu-item a:hover{cursor:pointer} 
.ui-menu-item-highlight{font-weight:700}
#searchLeftContainer{width:724px}
#searchRightContainer{width:232px}
#newSearchList_paginate a:hover{text-decoration:none}
#newSearchList_paginate .paginate_button_disabled:hover{cursor:default}
ul.ui-autocomplete #featuredPrediction0{padding-top:10px;font-size:1em}
ul.ui-autocomplete #featuredPrediction1{font-size:1em}
#newSearchList_length ul#ddlDisplayLength{float:right;width:170px;padding:0}
ul.ui-autocomplete li.featured{float:left;min-height:55px;width:100%;margin:10px 0 0}
ul.ui-autocomplete li.featured .blue-promo{padding-left:12px}
.newSearchList_length_select{margin: -18px 0 0 105px;}
.ratings .largeempty {height:20px;}  
.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;} 
.ratingStarText {padding-left: 5px;margin-top:0.5%;}
.ratingNumber{padding: 0px 0px 0px 6px;}
#displayinstance{padding-top:3px;}
.pageratingText{line-height: 12px; padding-bottom: 0;padding-right: 10px;margin-left: 20px;}
.searchVideoLength{position: absolute;width: 55px;padding: 0 5px 0px 0;margin: -21px 0 0 121px;text-align: right;line-height: 18px;
font-weight: bold}
.ie7 .searchVideoLength{margin:84px 0px 0px -64px}
.ie7 .newSearchList_length_select{margin: -14px 0 0 105px;}
.ie7 #searchtermlarge, .ie7 #searchtermmedium{height:21px; padding-top:6px}
.ie7 #searchResultsContainer .dataTables_paginate span a.paginate_button, .ie8 #searchResultsContainer .dataTables_paginate span a.paginate_button{line-height:22px;}
.ie7 .searchBoxContainer, .ie8 .searchBoxContainer{margin-bottom:-11px;}
.ie7 #searchtermlargeresult, .ie8 #searchtermlargeresult{height:20px; margin-top:-1px;}
.ie7 .searchfilter .grey-promo, .ie8 .searchfilter .grey-promo, .ie7 #newSearchList_wrapper, .ie8 #newSearchList_wrapper{margin-top:10px}
.ratingTextArea textarea{width:100%;}
.searchItemRatingStars .rating-searchresults{padding: 2px 0px 0px 15px;}
.searchItemRatingStars .pageratings{margin:0 0 0 20px}
.ie7 .lt-blue-promo, .ie8 .lt-blue-promo{margin-top:10px}
.pdfSearch{font-size:0.8em; font-weight:bold}
/* site search - end */
/* Up Sell */
#upsell-contact-nonedit .upsell-contact,#upsell-packages-contact .upsell-contact{padding:0 0 5px 0}
.payment-block{display:inline-block}
.upsell-extra-amount{padding:10px 0 0 0}
.upsell-payment-left{width:73%}
.upsell-payment-right{width:27%}
/* Up Sell */
/*PDF Changes*/
.pdfdynamichelptext{margin-left:3px}
/*PDF Changes*/
/*QAS*/
label#singleaddNumber{margin-right:3px;}
.ie7 label#singleaddNumber{margin-right:4px;}
/*QAS*/
/* Slingshot Agent Lookupuser RFC 768*/
#usefull-links .blue-promo{margin-left:36px;}
/* Slingshot Agent Lookupuser RFC 768*/
/* Betterdeal Overlay */
.overlayTariffList ul li span{margin:0 7px}
/* Channel Activation */
#questionSectionRadio .radiohorizontal{width:68px; display:inline}
#smartmeterOrderStatus .ordersumm-progress-link div.stages{ padding: 5px 0 10px 39px; width: 13%}
#smartmeterOrderStatus .ordersumm-progress-link div.last { float: right;padding: 5px 0 10px 11px; width: 17%}
#smartmeterOrderStatus .ordersumm-progress-link div.first { padding:5px 0 10px; width: 9%}
#smartmeterOrderStatus .ordersumm-progress{padding: 20px 10px 0 0}
#questionSectionRadio .radiotooltip{width: auto; margin:0 4px 0 0}
#questionSectionCheck .checktooltip{padding: 7px 0 0 4px; width: auto}
#questionSectionRadio  .widthauto, #questionSectionCheck .widthauto{width:auto}
.meterFeedFreqSMU .accordion .panelcontainer {position:static;}
/* Channel Activation */
/* Betterdeal Overlay */
.overlayTariffList ul li span{margin:0 7px}
/*Login component Links for new homepage*/
.homepage-login-link1 p,.homepage-login-link1 h3,.homepage-login-link1 h4,.homepage-login-link1 h5,homepage-login-link2 p, .homepage-login-link2 h3, .homepage-login-link2 h4, .homepage-login-link2 h5{margin:0 0 10px}
/* Home Move */
.step-width{width:98%}
/*Home Move*/
/* PRB00016009 */
.table-history td p.word-wrapper{word-wrap:break-word;width:120px;} 
/* Header Change */
#bg-site-nav{font-size:1.22em} 
/*simple registration journey*/
.alt-text-display{float:left;clear:both;}
.alt-overlay-display{float:left;} 
.crnoverlay a.tooltip{display:inline-block;}
/*view bill*/
.smb-first-bill{margin-right:15px;float:left;}
/*bill history*/
.table-component-viewbill span.download-pdf{margin:0 40px 0 0;}
.table-component-viewbill .download-pdf .pdf-icon{padding: 1px 0 0 14px;text-decoration: underline;font-size: 1.2em;}
.landlords-assumptions{margin:0 0 0 19px;width:570px}
.bookingSlider .appoinmentslider {min-height:60px;}
.energyUsage .view-bill-history table tr td{vertical-align: top;}
/*chi*/
.newBoilerQuoteAppointment .submit-meter{width:315px}
.newBoilerQuoteAppointment #calendar-icon{width:45px;height:45px;}
/* SmartPrePay Vend */
.smartppvend #multipleSCN, .smartppvend #oneSCN {margin-top: 20px}
.smartppvend #oneSCN .oneSCNmodule {width:200px;min-height:117px;padding:0 15px;margin:10px 20px 10px 0;}
.smartppvend #oneSCN .text {margin-right: 15px;min-width: 180px}
.smartppvend #personalMessageCheckbox {margin: 15px 0}
.smartppvend .smartPPVradioBtn .genericRadioGroup {padding-top: 20px;margin-right: 20px;}
.smartppvend .choose-group p.generic-radio-horizontal {margin-left: 1px}
.smartppvend #showYourDetails label, .smartppvend #showYourDetails select, .smartppvend #showYourDetails span {font-size: 1em}
.smartppvend #showYourDetails input {font-size: 1.1em}
.smartppvend #showYourDetails select#scnList {font-size: 1.3em;margin-right: 15px;width: 180px;text-align: center;padding: 3px;}
.smartppvend #showYourDetails.field-cont .genericCheckbox span {display: inline-block;}
.smartppvend #sppBluePanel2 label, .smartppvend #sppBluePanel2 input, .smartppvend #identifyTheirMeter input, .smartppvend #identifyTheirMeter span, .smartppvend #identifyTheirMeter label{font-size: 1em}
.smartppvend .panel-content .ck-panel {width: 242px;}
.smartppvend .blue-toggle-radio-style .genericRadioGroup {width: 140px}
.smartppvend #scnTxtField span.error-nxtline.error-field{font-size:0.75em}	
.smartPPpaymentdetails #desktopPanel label, .smartPPpaymentdetails #desktopPanel input,.smartPPpaymentdetails #desktopPanel select, .smartPPpaymentdetails .amountToPaySection span{font-size: 1em;}
.smartPPpaymentdetails .amountToPaySection {margin: 10px 0 0 15px; width:57%;}
.smartPPpaymentdetails .amountToPayDropDown span.error-nxtline span {line-height: 1.6em;display: inline-block;}
.smartPPpaymentdetails .smartPPpaymentDetRadio {margin-top: 10px;width: auto;}
.smartPPpaymentdetails .sppMinmax {margin-left: 20px;}
.smartPPpaymentdetails #currentAddressTarget {padding-left: 20px;}
.smartPPpaymentdetails #currentAddressContainer p {margin-bottom: 10px;}
.smartPPpaymentdetails .findAddressPanel {padding: 10px}
.smartPPpaymentdetails .findAddressPanel .billingAddressText h3, .smartPPpaymentdetails .findAddressPanel .billingAddressText h4,
.smartPPpaymentdetails .findAddressPanel .billingAddressText h5 { height:25px;}
.smartPPpaymentdetails .findAddressPanel #qasComponentDiv .genericTextField {margin-left:20px}
.smartPPpaymentdetails .findAddressPanel #singleaddress {margin-left:20px;}
.smartppvend .reviewValue {padding: 8px; width: auto;margin-bottom: 15px;display: inline-block;}
.smartppvend .reviewValue.txtbox-m {width: 219px;}
.ie7 .smartppvend .reviewValue{display:inline}
.ie7 .smartppvend .reviewLabel{display:inline-block;}
.smartppvend div.field span a img {vertical-align: middle;}
.smartppvend .error-field-container {padding: 10px 0 0 20px;}
.smartppvend .steps34panel{width:50%}
.smartppvend .steps34panel .whatsthis{margin-top:5px}
.smartppvend .vendCode, .smartppvend .vendAmount{padding:3px; margin-right:15px}
.smartppvend .vendAmount{margin: -10px 0 0 15px;}
.smartppvend .vendAmountTitle{margin:0 0 0 15px}
.smartppvend .infoPanel0 {width:auto;}
.smartppvend .infoPanel1 {width: 38%}
.smartppvend .infoPanel2 {width: 15%;margin-left: 4%;}
.smartppvend .infoPanel3 {width: 25%; margin-left: 4%;}
.smartppvend .vendCode {padding: 7px;}
.smartppvend .vendCodeAndAddress p {font-size: 1.2em}
.smartppvend .vendCodeAndAddressSCN {margin-top: 5px}
.smartppvend .whatsthis .tooltip{font-size:10px; }
.ie7 .smartppvend .rememberscn2.genericCheckbox.checkbox p span{display:inline-block !important;height:15px !important}
.ie7 .smartppvend .smartPPVeditIcon{display:inline-block; margin-top:-48px}
label[for="amountToPaySelect"], label[for="amountToPayManual"] {display: none;}
.amountToPayDropDown .error-inline.error-field, .amountToPayTextfield .error-inline.error-field {display: none;}
/* SmartPrePay Vend */
/*book an Engineer */
#kanaJ .btn-comp-img {margin: 5px 0 5px 0;}
/*bolier efficiency */
.flextohtml .primary-panel-hd{width:auto;}
.flextohtml .primary-panel-hd{height: 35px; padding: 11px 0 0 13px;}
.flextohtml .panel-widget-layout{width:98%}
.boiler-container{width:340px;padding-right:15px}
.flextohtml .annualsavingcontainer{width:31%;}
.homecarerange{width:31%;height:225px}
.flextohtml .annualsavingcontainer .centerWhite-promo{height:auto;}
#a-boiler, #b-boiler, #c-boiler, #d-boiler, #e-boiler, #f-boiler, #g-boiler {height: 23px;margin-top: 2px;}
.homecarerange  button.btn-comp span span span{margin: 0 1.6em;font-size:0.8em;}
.boiler-container .efficientbolier h3{margin:0px;}
.boiler-container .notefficientbolier h3{margin-top:8px;}
#a-boiler{width: 29%;}
#b-boiler{width: 33%;}
#c-boiler{width: 37%;}
#d-boiler{width: 42%;}
#e-boiler{width: 47%;}
#f-boiler{width: 51%;}
#g-boiler{width: 56%;}#a2-boiler, #b2-boiler, #c2-boiler, #d2-boiler, #e2-boiler, #f2-boiler, #g2-boiler{ margin-top: 2px; width: 44%;}
#x2-boiler { bottom: 7px; margin-top: 2px; position: relative; width: 44%;}
#a-boiler p, #b-boiler p, #c-boiler p, #d-boiler p, #e-boiler p, #f-boiler p, #g-boiler p {font-size: 1.1em;padding: 5px 0px 0px 5px;font-weight: bold;} 
#a2-boiler p.rating, #b2-boiler p.rating, #c2-boiler p.rating, #d2-boiler p.rating, #e2-boiler p.rating, #f2-boiler p.rating, #g2-boiler p.rating { font-size: 1.2em; font-weight: bold; padding: 4px 5px 4px 18px;}
#x2-boiler p.rating{ font-size: 1.2em; font-weight: bold; padding: 4px 5px 4px 25px; width: 80px;} 
#a2-boiler p.efficiency, #b2-boiler p.efficiency, #c2-boiler p.efficiency, #d2-boiler p.efficiency, #e2-boiler p.efficiency, #f2-boiler p.efficiency, #g2-boiler p.efficiency, #x2-boiler p.efficiency { font-size: 1.2em; font-weight: bold; padding: 4px 5px 5px 4px;}
.gcnvalue-container .gcn-button{margin:23px 0 0 0}
/*bolier efficiency */
/*Smart Vend Phase 2*/
/*Transaction History*/
.PaymentTransactionHistory #divHistoryTable .dataTables_wrapper .dataTables_filter,.paymentDetails .amountToPayDropDown span label,.paymentDetails #manualAmount .amountToPayTextfield span label{display:none;}
.PaymentTransactionHistory .dataTables_filter{float:left;}
.pymt-history-pdf-cont{width:30%;float:right;}
.pymt-search-cont{width:65%;float:left;}
.PaymentTransactionHistory #divHistoryTable .table-history thead tr th{padding:16px 0}
.PaymentTransactionHistory #payment-history-table{width:100%}
.PaymentTransactionHistory #divHistoryTable .table-history thead tr th:first-child{width:115px;}
.PaymentTransactionHistory #divHistoryTable .table-history thead tr th.col-4{width:210px;}
.PaymentTransactionHistory #divHistoryTable .table-history thead tr th:nth-child(2){width:95px;}
.PaymentTransactionHistory #divHistoryTable .table-history thead tr th,.PaymentTransactionHistory #divHistoryTable .table-history tbody tr td{text-align:center;}
.PaymentTransactionHistory #divHistoryTable .table-history thead tr th:nth-child(3),.PaymentTransactionHistory #divHistoryTable .table-history thead tr th:nth-child(5){width:130px;}
.cardtable table#retrieveCardsTable {margin-bottom: 0;}
.cardtable{display: block;overflow: hidden;}
.PaymentTransactionHistory .transaction-history .content-area a:hover{font-size:1em}
/*Account summary*/
.SmartMeterAccountSummary .topup-history-table .table-history tbody tr,#divHistoryTable .table-history tbody tr{text-decoration:none;}
.card-slot-cont #cardNumberDropDownDiv ,#vendTable #tableLoader img{width:auto}
#ppAccountsDiv p span{display:inline-block}
.SmartMeterAccountSummary .accsumm-crossell .blue-promo span.tertiary-link{margin-left: 20px;padding:0 0 0 33px;}
#ppAccountsDiv p span.secondary-link{margin: 0 0 10px 18px;padding:0 0 0 33px;}
#ppAccountsDiv p span.tertiary-link{margin: 0 0 0 20px;padding:0 0 0 32px;}
#ppAccountsDiv p{padding-bottom:0}
#smartvend .accsumm-crossell .fourth-level-link{margin:0 0 0 38px}
.SmartMeterAccountSummary .acc-summ-widget{width:397px;padding:0 0 15px 0;height:310px;}
.SmartMeterAccountSummary .account-pymt-promo .acc-sum-panelcont{margin:2% 5% 0; padding-top:2%; display:block;width:100%}
.SmartMeterAccountSummary .acc-summ-widget .panel-widget-content{width:auto;height:auto; padding: 0;}
.SmartMeterAccountSummary .acc-summ-widget .panel-widget-content .topup-history-table{width:100%}
.smart-meter-desc{float:right;width:37%}
.smart-meter-promo{float:left;width:60%}
.SmartMeterAccountSummary .acc-summ-pnlpad {padding:15px}
.SmartMeterAccountSummary .table-cont1{height:48px;clear:both;}
.SmartMeterAccountSummary .table-cont2{height:90px;clear:both;}
.SmartMeterAccountSummary .table-cont{clear:both;height:119px;}
div#vendTable .acc-sum-panelcont{padding:8px 15px 0 15px;}
.topup-history-table table#topup-history-table thead tr th:nth-child(1),.topup-history-table table#topup-history-table thead tr th:nth-child(3){width:25%;padding: 17px 0;}
.topup-history-table table#topup-history-table thead tr th:nth-child(2){width:48%;padding: 17px 0;}
#vendTable .table-history tbody tr td{text-align:center;padding:13px 0;}
#vendTable .topup-history-table,#vendTable .table-history{padding-top:15px;margin-top:0}
.SmartMeterAccountSummary .accsumm-mainsell{width:49%}
.SmartMeterAccountSummary .accsumm-crossell{width:49.6%}
#vendTableErrorInfo{padding:5px 15px}
.paymentDetails .topup-option span.error-nxtline span{font-size:1em;}
/*manage cards*/
.managePaymentCard table#retrieveCardsTable tr td:nth-child(6) p{margin-left: 15px;text-align: left;}
.managePaymentCard table#retrieveCardsTable tr td:nth-child(6) span{margin-left: 15px;}
.managePaymentCard table#retrieveCardsTable tr td:nth-child(6){padding: 10px 0}
.managePaymentCard table#retrieveCardsTable thead tr th{padding:16px 0; text-align:center;}
.managePaymentCard table#retrieveCardsTable thead tr th:nth-child(1){width:50px; padding :16px;}
.managePaymentCard table#retrieveCardsTable tbody td:nth-child(4){width:100px;}
.managePaymentCard table#retrieveCardsTable tbody td:nth-child(4) p{width: 140px;}
.managePaymentCard .widget-width{width:776px;}
.transaction-history a:hover{font-size: 1.3em;}
#makeDefaultDiv{overflow:hidden;}
#manualAmount{margin:10px 0 0}
.topup-radiowrap{margin:-11px 0 6px 30px;width:46%;}
.deletepaymentcard .panel-padding p.default {float: left;margin: 10px 10px 0;width: auto;}
.topup-radiowrap .amountToPayTextfield p span.error-nxtline.error-field,.topup-radiowrap .amountToPayDropDown p span.error-nxtline.error-field{display:block;clear:both;margin-top:5px} 
.topup-radio-cont label{font-size: 1.1em;vertical-align: top;}
.topup-radiowrap #manualAmount input#amountToPayManual,.topup-radiowrap select#amountToPaySelect{font-size: 1.1em;}
.card-slot-cont #addCardLinkDivCheck,.card-slot-cont #addCardLinkDiv {display: inline-block;margin-top: 28px;}
#addCardLinkDivCheck span,#addCardLinkDiv span{padding:0 0 0 15px;display:inline-block;}
.paymentComplete div#accoutSummaryLink {margin: 10px 0 0 36px;}
.paymentComplete #accoutSummaryLink p span.tertiary-link{margin-left:37px;}
#vendHistoryErrorInfo{padding: 15px;text-align:center;clear:both}
.paymentDetails  .sppMinmax{margin-left:25px;}
/*Smart Vend Phase 2*/
/*Generic Button changes*/
.selectoptiontext p:nth-child(2) {display: none;}
/* Model sales Tabbed styles */
#tabs {padding:0 .1em .1em 0;}
.tabbedApplication .tabs { position: relative;overflow:hidden;padding-right:0.8em}
.tabbedApplication .tabs ul.nav { padding: 0 .1em 0 0; float: left;width:33.3%;margin:0px}
.tabbedApplication .tabs ul.nav li.tabitem { clear: left; margin: 0 -1px .2em 0;min-height: 80px;margin-bottom: 5px;}
.tabbedApplication .tabs ul.nav li.tabitem:last-child {margin-bottom: 0px;}
.tabbedApplication .tabs ul.nav li.tabitem a { display:block;font-size: 1.3em;white-space: normal;padding:.5em 1em;font-weight: bold}
.tabbedApplication .tabs ul.nav li.tabitem.active { position: relative; left: 1px;}
.tabbedApplication .tabs ul.nav li.tabitem a.active {font-weight: bold;font-size: 1.4em; }
.tabbedApplication .tabs ul.nav li.tabitem .navContent {padding-left: 2em;font-size: 0.8em;}
.tabbedApplication .tabs ul.nav li.tabitem .navContent ul li {font-size:1.5em;}
.tabbedApplication .tabs .tab-content-container {padding-top: 5px; padding-bottom: 52px; float: left; width: 64.5%; margin-left:10px;}
.tabbedApplication .tabs.tablist5  ul.nav li.tabitem {min-height: 62.5px;}
.tabbedApplication .tabs .tab-content-container .panel-step {height:150px;}
.tabbedApplication .tabs .navigator {text-align: center; margin-left: 10px;float:left;width:63%;position:absolute;bottom:1px;left:33.5%;height:50px;} 
.tabbedApplication .tabs .navigator .navBar{position:relative;}
.tabbedApplication .tabs .navigator .nextButton{right:0px;position:absolute;top:5%}
.tabbedApplication .tabs .navigator .backButton{left:0px;position:absolute;top:5%}
.tabbedApplication  img.loader{display:block;margin-left: auto;margin-right: auto}
.tabbedApplication  .price{position: relative; display: inline-block}
.tabbedApplication .monthly-price .price-amount, .tabbedApplication .yearly .yearly-price .price-amount{font-size: 2.8em}
.tabbedApplication .monthly-price .price-term, .tabbedApplication .yearly-price .price-amount, .tabbedApplication .yearly-price .price-term{font-size: 1.3em}
.tabbedApplication .yearly .monthly-price{display: none}
.tabbedApplication .tabs .navigator button.btncomp-inactive{cursor: auto}
.boilerdetailsView,.appliancesView,.excessView,.paymentoptionsView,.PostcodeView{min-height: 161px;}
.tablist5 .boilerdetailsView,.tablist5 .appliancesView,.tablist5 .excessView,.tablist5 .paymentoptionsView,.tablist5 .PostcodeView{min-height: 210px;}
.PostcodeView input{display:block;}
.PostcodeView .genericNextButton, .PostcodeView .globalPostcode{float:left;}
.PostcodeView .genericNextButton{margin:5px 0 10px;}
.PostcodeView .addressDropdown{clear:both;float:left}
.PostcodeView .genericNextButton button{margin:20px 0 0}
.addressView h4,.addressView h5,.addressView p{margin:3px;}
#manualAddressEntryLink{float:left;margin: 13px 0 0 5px;}
.thankYouBox{padding:5px 10px;margin:10px 0 0;}
.successLinks .genericButton{margin:10px 5px 0px 0px;float:left}
#addedToBasket .basket{width:100%;}
#addedToBasket  .basket-body{padding:15px;}
.tabbedApplication .error-field .selbox-ms{width: 131px}
/*Account summary insurance appointment*/
.insuranceappointmentsection .appointmentcalendar-image .cq-dd-image{width:32px;height:32px;}
.insuranceappointmentsection .appointmentcalendar-image{margin:0 0 0 95px;width:42px;}
.insuranceappointmentsection .appointmenttrack {width:200px;margin: 13px 24px 0 0;}
.insuranceappointmentsection .dotted-divider {left: 112px;position: relative;width: 82%;margin: 14px 0 8px;}   
.insuranceappointmentsection .insuranceslotssection .cust-info{margin: 12px 0 0;width:285px;}  
/*Manuals result*/
.searchManualsForm .dataTables_wrapper .dataTables_paginate{float:none; text-align:center;}
.searchManualsForm .dataTables_wrapper .dataTables_paginate  span .paginate_button, .searchManualsForm .dataTables_wrapper .dataTables_paginate .first, .searchManualsForm .dataTables_wrapper .dataTables_paginate .last{display:none;}
.searchManualsForm .dataTables_wrapper .dataTables_length{float:right; margin:0px 0px 5px 0px; font-size:1.1em;}
.searchManualsForm .dataTables_info{width:auto; float:left; margin-top:3px; font-size:1.4em;}
.searchManualsForm .dataTables_wrapper{float:none;}
.searchManualsForm  .dataTables_paginate span a.paginate_active, .searchManualsForm .dataTables_paginate a.paginate_button{float:none;padding:0px 3px;}
.searchManualsForm .dataTables_wrapper .dataTables_paginate .paginate_active{display: inline-block;}
.searchManualsForm  #resultSearch .table-history td{display:block;}
.savedmanualsection .dataTables_wrapper {width:100%;}
.savedManualsTable .type_pdf a{word-wrap:break-word;}
.savedmanualsection .anchorlinks a:first-child{padding-right:10px;}
#anonymousAccountOverlay .loginbtn,#anonymousAccountOverlay .registerbtn{float:left;}
#anonymousAccountOverlay .loginbtn{padding-right:5px;}
/*articlefeedback*/
.articleFeedBack .fbnobtn,.articleFeedBack .fbyesbtn{float:left;}
/* SHAD - Appliance choice*/
.bg-appliance-choice .fault-items li.hna-items{padding:10px 0;width: 180px;}
.bg-appliance-choice .problem-choice-panel {margin-bottom:10px; padding-left:2px;}
.bg-appliance-choice .landscape{padding:10px 0;width: 172px; }
.bg-appliance-choice .portrait{padding:10px 0;width: 183px;}
/*CHI appoint tool*/
.bookingbutton a#Back{margin: 11px 0 0;padding: 0;}
.chooseanappointment #genericError #error p,.chooseanappointment #piErrorCode6 #error p,.chooseanappointment #piErrorCode5 #error p {font-size:1em}
.yourdetails #piErrorCode #error p,.yourdetails #genericError #error p {font-size:1em}
.chooseanappointment .calendar-panel .table-container{padding: 0 15px}
/*CHI appoint tool*/
/* Jquery ui css*/
/* Interaction states*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active  {font-weight: bold;}
.ui-widget :active { outline: none; }
/* Interaction Cues*/
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {font-weight: normal; }
/* Icons */
.ui-icon { width: 16px; height: 16px;}
/*book an Engineer*/
.selectedfaultList ul li{list-style-type:disc;}
.selectedfaultList .faultcontainerlist{padding:0 0 0 15px;}
/*account summary*/
#asvnodue .info-small { padding: 10px 10px 10px 46px;}
/*fastrack landing page overhaul*/
.fasttarackoverhaul p label{font-size: 1.3em;}
/*Digital service & repair*/
#passwordSection .termsAndConditions label{width:95%}
/*revoo rating*/
#reevoomark .embedded .comment{background-image: none; height: auto; background: none; margin: 0; width: auto;cursor:auto;}
#revoo-container .reviews{cursor: pointer;}
.SmartMeterAccountSummary .accsum-heightfix {margin-top: 7px;}
/*Map stored card*/
#mapstoredcard .paydropdown{width:33%;}
#mapstoredcard .paytext {width:23%; margin: 28px 0 0;}
#mapstoredcard .paytext span.tertiary-link{padding: 0 0 5px 15px;}
#mapstoredcard .mapexpiryyear{margin:16px 0 0 0;}
#paymentSummaryForm .storedCardsButtonAlignment{width: 300px;}
/*SER presmart and Smart Account Summary overlay*/
#SmartOverlaydetails img,#PreSmartOverlaydetails img{width:100%;}/*better deal tariff overlay*/
/*better deal tariff overlay*/
#EnergySmartOverlayDialog .overlaydevice span span span{   font-size: 1.19em;  font-weight: bold;  line-height: 40px;  margin: 0 1.3em 0 0;  min-width: 50px;  font-family: arial;  white-space: nowrap;  max-width: 294px;   width: 100%;  height: auto;  }
/*better deal table changes*/
#betterdealcontainer .cq-colctrl-lt1-c1 {width:23%;margin:0 1% 0 1%;}
#betterdealcontainer .cq-colctrl-lt1-c0 {width:28%;}
#betterdealcontainer  div.cq-colctrl-lt1-c2{width:20%}
.personalprojection .better-deal {  font-size: 1.3em; margin: 0 auto;  max-width: 300px;  width: 90%;font-weight: bold;padding: 10px;  text-align: center;}
/*book an engineer*/
.fualt-items-wrapper ul.unconveproducts li{width: 100%;}
.blue-promo #meterereadpreference .select-box{font-size:1em}


/*Tabbed with Image component starts*/
    .tabcomponent li a .image{float:left;margin-right: 10px;}
    .tabcomponent li a span.tabbedImage{display: inline-block;margin-top: 13px;}
    .tabcomponent .tabbedimageStyle.horizontal.ui-tabs .ui-tabs-nav li a{padding:5px 10px;}
    .tabcomponent .tabbedimageStyle.horizontal.ui-tabs .ui-tabs-nav li{margin-top:0px;margin-right: 6px;}
    .tabcomponent .tabbedimageStyle.horizontal.ui-tabs .ui-tabs-nav li.ui-state-active{top:2px\9\0;}
    .ie10 .tabcomponent .tabbedimageStyle.horizontal.ui-tabs .ui-tabs-nav li.ui-state-active{top:2px;}
    .ie7 .tabbedimageStyle .carousel-container .carousel-box{padding-left:50px;}
/*Tabbed with Image component Ends*/  
/*payment page*/
.speedmetefnt1{font-size:16px;line-height: 25px;font-weight: bold;}
.speedmetemidfnt {font-size: 30px; line-height: 50px;font-weight: 700;}
.ddOnTrackAmtTxt1{bottom: 438px; position: relative;}
.ddCustomerStatusTxt1{position: relative;bottom: 150px;left: 82px;width: 50%;text-align: center;height: 80px;}
.ddOverAmtPaidTxt1{position: relative;bottom: 68px;left: 205px;width: 120px;}
.ddLessAmtPaidTxt1{position: relative;bottom: 118px;right: 10px;width: 137px;}
.ie7 .ddCustomerStatusTxt1{left:1px;}
.ie7 .ddOverAmtPaidTxt1{left:110px;}
.ie7 .ddLessAmtPaidTxt1{right:110px;}
#planstatusleftside{text-align:center;height:350px;}
.summarySpace{padding:0px;}
#reassessment .closeImg{height:28px;width:28px;position: relative;bottom: 10px;left: 15px;}
/*Payments Wave*/
.makeAPaymentDetails .makePaymentButton, .makeAPaymentConfirm .makePaymentButton {
    margin-left:0;
}
/*Payments Wave*/

/* DD-Setup Mobile Changes Start*/
.landingpage .dd-radio-cont{float: left; margin-left: 15px;width: 20%;}
.landingpage .dd-text-cont{float: left;width: 75%;}
/* DD-Setup Mobile Changes End*/

/*Gas and Electricity Complaints new design form */
.GasandElectricityComplaints  .complaints-form {background: #fefefe;box-shadow: 0 0 10px 10px #f4f4f4 inset;}
.GasandElectricityComplaints  .complaints-form {border-radius: 5px;padding:25px 15px 20px 15px; margin:15px 0;}
.GasandElectricityComplaints .complaints-form .panelcontainer{width:97%}
/*Account overview changes*/
p.lastLogin-info {font-size: 1.1em;}

input.noerrortick[type="text"] {display: inline-block; background: url("/content/dam/bgbusiness/icons/icon_tick.png") no-repeat scroll 97% 50% / 14px;}
input.errorcross[type="text"] {display: inline-block;   background: url("/content/dam/bgbusiness/icons/icon_cross.png") no-repeat scroll 97% 50% / 14px;}
input:-webkit-autofill{transition: background-color 5000s ease-in-out 0s;}

/*New Header and Footer CSS*/
@font-face {
  font-family:BGFlame;
  src:url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-Regular.eot);
  src:url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-Regular.eot?#iefix) format('embedded-opentype'),url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-Regular.woff2) format('woff2'),url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-Regular.woff) format('woff'),url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-Regular.ttf) format('truetype'),url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-Regular.svg#BGFlameRegular) format('svg');
  font-weight:400;
  font-style:normal
}
@font-face {
  font-family:BGFlame;
  src:url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-Italic.eot);
  src:url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-Italic.eot?#iefix) format('embedded-opentype'),url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-Italic.woff2) format('woff2'),url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-Italic.woff) format('woff'),url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-Italic.ttf) format('truetype'),url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-Italic.svg#BGFlameItalic) format('svg');
  font-weight:400;
  font-style:italic
}
@font-face {
  font-family:BGFlame;
  src:url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-Bold.eot);
  src:url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-Bold.eot?#iefix) format('embedded-opentype'),url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-Bold.woff2) format('woff2'),url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-Bold.woff) format('woff'),url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-Bold.ttf) format('truetype'),url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-Bold.svg#BGFlameBold) format('svg');
  font-weight:700;
  font-style:normal
}
@font-face {
  font-family:BGFlame;
  src:url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-Light.eot);
  src:url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-Light.eot?#iefix) format('embedded-opentype'),url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-Light.woff2) format('woff2'),url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-Light.woff) format('woff'),url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-Light.ttf) format('truetype'),url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-Light.svg#BGFlameLight) format('svg');
  font-weight:300;
  font-style:normal
}
@font-face {
  font-family:BGFlame;
  src:url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-LightItalic.eot);
  src:url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-LightItalic.eot?#iefix) format('embedded-opentype'),url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-LightItalic.woff2) format('woff2'),url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-LightItalic.woff) format('woff'),url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-LightItalic.ttf) format('truetype'),url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-LightItalic.svg#BGFlameLightItalic) format('svg');
  font-weight:300;
  font-style:italic
}
@font-face {
  font-family:BGFlame;
  src:url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-BoldItalic.eot);
  src:url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-BoldItalic.eot?#iefix) format('embedded-opentype'),url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-BoldItalic.woff2) format('woff2'),url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-BoldItalic.woff) format('woff'),url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-BoldItalic.ttf) format('truetype'),url(/etc/designs/britishgas/clientlib/fonts/BGFlameWeb-BoldItalic.svg#BGFlame-BoldItalic) format('svg');
  font-weight:700;
  font-style:italic
}
@font-face {
  font-family:bgIconFont;
  src:url(/etc/designs/britishgas/clientlib/fonts/bg-icon-font.eot);
  src:url(/etc/designs/britishgas/clientlib/fonts/bg-icon-font.eot?#iefix) format('embedded-opentype'),url(/etc/designs/britishgas/clientlib/fonts/bg-icon-font.woff2) format('woff2'),url(/etc/designs/britishgas/clientlib/fonts/bg-icon-font.woff) format('woff');
  font-weight:400;
  font-style:normal
}

.jumpnavigation {  position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip: rect(0, 0, 0, 0);  border: 0;}
#bg-header,#bg-footer{font-family: BGFlame, Helvetica, Arial, 'Helvetica Neue', sans-serif;}
#bg-header #main-header{background: none;border-bottom: 1px solid #eee;padding:0;}
#bg-header .header-topnav{  background:#eee;float:none;clear:both;}
#bg-header .clear{clear:both;}
#bg-header .header-wrapper{width: 970px;margin: 0 auto;}
#bg-header .header-topnav a:focus,#bg-header .header-topnav a:focus{background-color:transparent;}
#bg-header .header-topnav, #bg-header .header-topnav a,#bg-header .header-topnav a:hover {color:#333f48;text-decoration:none;}
#bg-header .header-topnav .site-details .site-links{padding:8px 10px 8px 0;}
#bg-header .header-topnav .site-details span, #bg-header .header-topnav .site-details a{padding: 15px 10px;}
#bg-header .header-topnav .site-details span{background:#fff;}
#bg-header .header-topnav .site-details, #bg-header .header-topnav .login-details, #bg-header .header-topnav .topnav {width:auto;margin:0;font-size: 13px;font-weight: bold;}
#bg-header .header-topnav .loginregister, #bg-header .header-topnav .logout, #bg-header .header-topnav .topnav{padding:8px 0;}
#bg-header .header-topnav .logout{padding-right:8px;background:none;}
#bg-header .header-topnav .loginregister {background: url("/etc/designs/centrica/bgas/images/topnav-divider.png") no-repeat scroll right 12px transparent;}
#bg-header .header-topnav .siteSearch{padding:3px 0;}
#bg-header .header-bottomnav {float:none;clear:both;padding:0;}
#bg-header .header-bottomnav #logo{padding-top:5px;} #bg-header .header-bottomnav .megamenu #mega-menu{float:right;position:static;width: auto;}
#bg-header .header-bottomnav .megamenu .sf-menu li.menuheading{position:static;}
#bg-header .header-bottomnav .megamenu .sf-menu li.last-menu{float:left;}
#bg-header .header-bottomnav .megamenu .sf-sub-indicator, #bg-header .header-bottomnav .megamenu .sf-menu li.sfHover a .sf-sub-indicator, #bg-header .header-bottomnav .megamenu .sf-menu li a.current-page .sf-sub-indicator, #bg-header .header-bottomnav .megamenu .sf-menu li.current-section a .sf-sub-indicator,#bg-header .header-bottomnav .megamenu .sf-menu li a:hover .sf-sub-indicator, #bg-header .header-bottomnav .megamenu .sf-menu li a:focus .sf-sub-indicator, #bg-header .header-bottomnav .megamenu .sf-menu li.sfHover .sf-sub-indicator{background:none;}
#bg-header .header-bottomnav .megamenu .sf-menu li.first-menu a:hover, #bg-header .header-bottomnav .megamenu .sf-menu li.first-menu a:focus,#bg-header .header-bottomnav .megamenu .sf-menu li a:hover, #bg-header .header-bottomnav .megamenu .sf-menu li a:focus, #bg-header .header-bottomnav .megamenu .sf-menu li.sfHover a,#bg-header .header-bottomnav .megamenu .sf-menu ul.mega-menu{border-radius:0;box-shadow:0 0 0 0 #fff;color:#fff;background:#005eb8;text-decoration:none;}
#bg-header .header-bottomnav .megamenu .sf-menu .sf-menu ul .mega-wrapper ul li a{color:#fff;}
#bg-header .header-bottomnav .megamenu .sf-menu a.sf-with-ul{padding:17px 10px;color:#333f48;}
#bg-header .header-bottomnav .megamenu .menuheading ul.mega-menu {top:-912px;}
#bg-header .header-bottomnav .megamenu .sf-menu ul.mega-menu{padding:0px}
#bg-header .header-bottomnav .megamenu .menuheading .megamenusection{width:970px;margin:0 auto;}
#bg-header .header-bottomnav .megamenu .menuheading .mega-column-new{margin:30px 0 30px 0;background:none;height:auto;min-height:19em;}
#bg-header .header-bottomnav .megamenu .menuheading .mega-column-new.border-right{border-right:1px solid #09F;margin-bottom:-9999px;padding-bottom:9999px;}
#bg-header .header-bottomnav .megamenu .menuheading .mega-column-new:nth-last-child(1), #bg-header .header-bottomnav .megamenu .menuheading .mega-column-new:nth-last-child(2){border:none;}
#bg-header .header-bottomnav .megamenu .menuheading:nth-child(1) .max-width .mega-column-new:nth-child(2):nth-last-child(2){border-right: 1px solid #09F;}
#bg-header .header-bottomnav .megamenu .menuheading:nth-child(1) .max-width .mega-column-new:nth-child(1):nth-last-child(3),#bg-header .header-bottomnav .megamenu .menuheading:nth-child(1) .max-width .mega-column-new:nth-child(2):nth-last-child(2){width:27%!important}
#bg-header .header-bottomnav .megamenu .menuheading:nth-child(2) .max-width .mega-column-new:nth-child(1):nth-last-child(4),#bg-header .header-bottomnav .megamenu .menuheading:nth-child(2) .max-width .mega-column-new:nth-child(2):nth-last-child(3),#bg-header .header-bottomnav .megamenu .menuheading:nth-child(2) .max-width .mega-column-new:nth-child(3):nth-last-child(2),#bg-header .header-bottomnav .megamenu .menuheading:nth-child(3) .max-width .mega-column-new:nth-child(1):nth-last-child(3),#bg-header .header-bottomnav .megamenu .menuheading:nth-child(5) .max-width .mega-column-new:nth-child(1):nth-last-child(3){width:30%!important;}
#bg-header .header-bottomnav .megamenu .menuheading:nth-child(1) .max-width .mega-column-new:nth-child(3):nth-last-child(1) {width:45%!important;}
#bg-header .header-bottomnav .megamenu .menuheading:nth-child(2) .max-width .mega-column-new:nth-child(4):nth-last-child(1) {width:9%!important;}
#bg-header .header-bottomnav .megamenu .menuheading:nth-child(3) .max-width .mega-column-new:nth-child(2):nth-last-child(2),#bg-header .header-bottomnav .megamenu .menuheading:nth-child(5) .max-width .mega-column-new:nth-child(2):nth-last-child(2){width:35%!important;}
#bg-header .header-bottomnav .megamenu .menuheading:nth-child(5) .max-width .mega-column-new:nth-child(1):nth-last-child(4),#bg-header .header-bottomnav .megamenu .menuheading:nth-child(5) .max-width .mega-column-new:nth-child(2):nth-last-child(3){width:25%!important;}
#bg-header .header-bottomnav .megamenu .menuheading:nth-child(5) .max-width .mega-column-new:nth-child(4):nth-last-child(1){width:15%!important;}
#bg-header .header-bottomnav .megamenu .menuheading:nth-child(5) .max-width .mega-column-new:nth-child(3):nth-last-child(2),#bg-header .header-bottomnav .megamenu .menuheading:nth-child(5) .max-width .mega-column-new:nth-child(3):nth-last-child(1),#bg-header .header-bottomnav .megamenu .menuheading:nth-child(3) .max-width .mega-column-new:nth-child(3):nth-last-child(1){width:34%!important;}
#bg-header .header-bottomnav .megamenu .menuheading .mega-column-new .mega-column, #bg-header .header-bottomnav .megamenu .menuheading .mega-column-new .login{width:95%;font-size: 13px;margin:0;padding:0 15px 5px 15px;}
#bg-header .header-bottomnav .megamenu .menuheading .menulinks:last-child .mega-column{padding-bottom:0px;}
#bg-header .header-bottomnav .megamenu .menuheading * {color:#fff}
#bg-header .header-bottomnav .megamenu .menuheading .mega-menu li.mega-menu-list{margin-top:0;}
#bg-header .header-bottomnav .megamenu .menuheading .mega-column-content{padding:0;}
#bg-header .header-bottomnav .megamenu .menuheading .mega-column-content .text{display:block;}
#bg-header .header-bottomnav .megamenu .menuheading .mega-column-content .text h3, #bg-header .header-bottomnav .megamenu .menuheading .login .text h3{font-size:1.7em;font-weight:400;}
#bg-header .header-bottomnav .megamenu .menuheading .mega-column-content .text h2, #bg-header .header-bottomnav .megamenu .menuheading .login .text h2{line-height:30px;font-weight:300;}
#bg-header .header-bottomnav .megamenu .menuheading .mega-column-content .text p a, #bg-header .header-bottomnav .megamenu .menuheading .login .text p a{margin-left:1.5em;font-size:0.9em;font-weight:400;padding: 0 0 0 5px;line-height: 22px;vertical-align: middle;}
#bg-header .header-bottomnav .megamenu .menuheading .mega-column-content .text p a:hover,#bg-header .header-bottomnav .megamenu .menuheading .mega-column-content .text p a:focus,#bg-header .header-bottomnav .megamenu .menuheading .mega-column-content .text p a:active, #bg-header .header-bottomnav .megamenu .menuheading .login .text p a:hover,#bg-header .header-bottomnav .megamenu .menuheading .login .text p a:focus#bg-header .header-bottomnav .megamenu .menuheading .login .text p a:active{background:#09F;}
#bg-header .header-bottomnav .megamenu .menuheading .login .text p a.button-links:hover,#bg-header .header-bottomnav .megamenu .menuheading .login .text p a.button-links:focus,#bg-header .header-bottomnav .megamenu .menuheading .login .text p a.button-links:active{background:none;}
#bg-header .header-bottomnav .megamenu .menuheading .login .text p a.button-links{margin-left:0;}
#bg-header .header-bottomnav .megamenu .menuheading .login .text p a.button-links .primary-link-feedback,#bg-header .header-bottomnav .megamenu .menuheading .login .text p a.button-links .primary-link-green {padding:8px 36px 8px 42px!important;font-size:19px;}
#bg-header .header-bottomnav .megamenu .menuheading .login .text p a.button-links .primary-link-feedback{background:none;border:2px solid #fff;}
#bg-header .header-bottomnav .megamenu .menuheading .login .text p a.button-links .primary-link-green{background:#b3e001;color:#333F48;}
#bg-header .header-bottomnav .megamenu .menuheading .login .text p a.button-links .primary-link-green:hover{background:#D3F703;color:#FFFFFF;}
#bg-header .header-bottomnav .megamenu .menuheading .mega-column-content h3,#bg-header .header-bottomnav .megamenu .menuheading .notloggedin h3,#bg-header .header-bottomnav .megamenu .menuheading .loggedin h3{width:auto;font-size:18px;font-weight:700;line-height:24px;vertical-align:middle;padding:0;}
#bg-header .header-bottomnav .megamenu .menuheading .mega-column-content h3 a,#bg-header .header-bottomnav .megamenu .menuheading .login h3 a{font-size:1em;}
#bg-header .header-bottomnav .megamenu .menuheading .mega-column-content ul{margin-left:2em;padding:5px 0 10px 0;width:100%;}
#bg-header .header-bottomnav .megamenu .menuheading .menulinks:last-child .mega-column-content ul{padding-bottom:0px;}
#bg-header .header-bottomnav .megamenu .menuheading .mega-column-content ul li{margin:0;padding:0;line-height:22px;background:none;}
#bg-header .header-bottomnav .megamenu .menuheading .mega-column-content ul li{position:relative;}
#bg-header .header-bottomnav .megamenu .menuheading .mega-column-content ul li:hover, #bg-header .header-bottomnav .megamenu .menuheading .mega-column-content ul li:hover a{background:#09f;}
#bg-header .header-bottomnav .megamenu .menuheading .mega-column-content ul li:before, #bg-header .header-bottomnav .megamenu .menuheading .mega-column-content .text p a:before, #bg-header .header-bottomnav .megamenu .menuheading .login .text p a span:before {content:"\f105";font-family:FontAwesome;font-style:inherit;font-weight:400;text-decoration:none;color:#fff;font-size:16px;position:absolute;top:-1px;left:-16px;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
#bg-header .header-bottomnav .megamenu .menuheading .mega-column-content ul li a{width:auto;font-size: 16px;font-weight: 500;line-height: 22px;padding-left:5px;}
#bg-header .header-bottomnav .megamenu .menuheading .mega-column-content .text p a:before{left:-16px;font-size: 18px;}
#bg-header .header-bottomnav .megamenu .menuheading .login .text p a.button-links span:before {left: 24px;font-size: 22px;top: -1px;font-weight: 200;}
#bg-header .header-bottomnav .megamenu .menuheading .mega-column-content .text p a.black-font span:before,#bg-header .header-bottomnav .megamenu .menuheading .login .text p a.black-font span:before{color:#333F48;}
#bg-header .header-bottomnav .megamenu .menuheading .mega-column-content .text p a.black-font span:hover:before,#bg-header .header-bottomnav .megamenu .menuheading .login .text p a.black-font span:hover:before{color:#FFFFFF;}
#bg-header #breadcrumb ul{padding:10px 0;}
#bg-header #breadcrumb ul{margin:0px;}
#bg-footer {font-size: 16px;font-weight: 400;}
#bg-footer a{color: #fff;text-decoration: none;}
#bg-footer .ft-links .list ul li{background:none;padding:0;line-height:22px;float:none;}
#bg-footer .ft-links ul.social li a{padding-top:0px;padding-bottom:0px;}
#bg-footer .ft-links .parsys.section > div.list,#bg-footer .ft-links .parsys.section > div.contentPrioritization, #bg-footer .ft-links .parsys.section > div.contentPrioritization:nth-child(4) .parsys > div.list, #bg-footer .ft-links .parsys.section > div.contentPrioritization:nth-child(4) .parsys > div.contentPrioritization {float: left;}
#bg-footer .ft-links .parsys.section > div.list:nth-child(2) {width: 25%;}
#bg-footer .ft-links .parsys.section > div.contentPrioritization:nth-child(4) .parsys > div.list:nth-child(1){width: 35%;}
#bg-footer .ft-links .parsys.section > div.contentPrioritization:nth-child(4) {width: 75%;min-height: 350px;position: relative;}
#bg-footer .ft-links .parsys.section > div.contentPrioritization:nth-child(4) .parsys > div.list:nth-child(3){width:64%}
#bg-footer .ft-links .parsys.section > div.contentPrioritization:nth-child(4) .parsys > div.list:nth-child(1) {border-right:1px solid #09F;min-height: 230px;}
#bg-footer #footer-wrap{background:#005EB8;padding: 60px 0px 40px 0px;}
#bg-footer .separator {width: 0%;float: left;display: inline;clear: none;}
#bg-footer .ft-links .parsys.section > div.contentPrioritization:nth-child(4) .parsys > div.list:nth-child(3) ul.social {padding:0 0 0 45px;}
#bg-footer .ft-links .parsys.section > div.contentPrioritization:nth-child(4) .parsys > div.list:nth-child(3) ul li {width: 40%;float: left;padding: 15px 0px 15px 10px;line-height:35px;   }
#bg-footer .ft-links .parsys.section > div.contentPrioritization:nth-child(4) .parsys > div.list:nth-child(3) ul.social li a{padding-left: 45px;}
#bg-footer .ft-links .parsys.section > div.contentPrioritization:nth-child(4) .parsys > div.list:nth-child(3) ul.social li a.rss,#bg-footer .ft-links .parsys.section > div.contentPrioritization:nth-child(4) .parsys > div.list:nth-child(3) ul.social li a.youtube{padding-top:8px;padding-bottom:8px;}
#bg-footer .ft-links .parsys.section > div.contentPrioritization:nth-child(4) .parsys > div.list:nth-child(3) ul.social li a.twitter {background: url("/content/dam/british-gas/beta/svg/Icon_Twitter.svg") no-repeat 0 0;}
#bg-footer .ft-links .parsys.section > div.contentPrioritization:nth-child(4) .parsys > div.list:nth-child(3) ul.social li a.youtube {background: url("/content/dam/british-gas/beta/svg/Icon_YouTube.svg") no-repeat 0 0;}
#bg-footer .ft-links .parsys.section > div.contentPrioritization:nth-child(4) .parsys > div.list:nth-child(3) ul.social li a.facebook {background: url("/content/dam/british-gas/beta/svg/Icon_Facebook.svg") no-repeat 0 0;}
#bg-footer .ft-links .parsys.section > div.contentPrioritization:nth-child(4) .parsys > div.list:nth-child(3) ul.social li a.rss {background: url("/content/dam/british-gas/beta/svg/Icon_News.svg") no-repeat 0 0;}@media screen\0 {#bg-footer .ft-links .parsys.section > div.contentPrioritization:nth-child(4) .parsys > div.list:nth-child(3) ul.social li a.twitter {background: url("/content/dam/british-gas/beta/svg/Icon_Twitter.svg") no-repeat -65px 0;}
#bg-footer .ft-links .parsys.section > div.contentPrioritization:nth-child(4) .parsys > div.list:nth-child(3) ul.social li a.youtube {background: url("/content/dam/british-gas/beta/svg/Icon_YouTube.svg") no-repeat -40px 0;}
#bg-footer .ft-links .parsys.section > div.contentPrioritization:nth-child(4) .parsys > div.list:nth-child(3) ul.social li a.facebook {background: url("/content/dam/british-gas/beta/svg/Icon_Facebook.svg") no-repeat -65px 0;}
#bg-footer .ft-links .parsys.section > div.contentPrioritization:nth-child(4) .parsys > div.list:nth-child(3) ul.social li a.rss {background: url("/content/dam/british-gas/beta/svg/Icon_News.svg") no-repeat -50px 0;}}
#bg-footer .ft-links .parsys.section > div.contentPrioritization:nth-child(4) .parsys > div.image:nth-child(5) {position: absolute;bottom: 45px;right: -20px;color: #fff;}
#bg-footer .ft-links .parsys.section > div.contentPrioritization:nth-child(4) .parsys > div.text:nth-child(6) {position: absolute;bottom: 0;right: 5px;color: #fff;}
#bg-footer .bgfootercookiemessage .bgrcookiemessage{background:rgba(51,63,72,.8);padding:5px 0;opacity: 1;} 
#bg-footer .bgfootercookiemessage .bgrcookiemessage a:hover{text-decoration: underline;}
#bg-footer .bgfootercookiemessage .globalCookieMessage{text-align: center;font-size: 13px;width: 970px;margin: 0 auto;}
#bg-footer .bgfootercookiemessage .globalCookieMessage img{padding-left: 0;display:none;}
#bg-footer .bgfootercookiemessage .globalCookieMessage p{padding-left:0;font-size:16px;}
#bg-footer .bgfootercookiemessage .globalCookieMessage .cookiespolicy .parsys_column div.cq-colctrl-lt8-c0{width:100%}
#bg-footer .bgfootercookiemessage .globalCookieMessage .cookiespolicy .parsys_column div.cq-colctrl-lt8-c1{width:5%;background:none;position:absolute;top:16px;left:18px; width:15px;}
#bg-footer .bgfootercookiemessage .globalCookieMessage .cookiespolicy .parsys_column div.cq-colctrl-lt8-c1 .image-five a,#bg-footer .globalCookieMessage .cookiespolicy .parsys_column div.cq-colctrl-lt8-c1 .image-five a:hover,#bg-footer .globalCookieMessage .cookiespolicy .parsys_column div.cq-colctrl-lt8-c1 .image-five a:focus{text-decoration:none;}
#bg-footer .bgfootercookiemessage .globalCookieMessage .cookiespolicy .parsys_column div.cq-colctrl-lt8-c1 .image-five a:hover,#bg-footer .globalCookieMessage .cookiespolicy .parsys_column div.cq-colctrl-lt8-c1 .image-five a:focus,#bg-footer .globalCookieMessage .cookiespolicy .parsys_column div.cq-colctrl-lt8-c1 .image-five a:active{background-color:transparent;}
#bg-footer .bgfootercookiemessage .globalCookieMessage .cookiespolicy .parsys_column div.cq-colctrl-lt8-c1 .image-five a:before{content: "\f00d";font-family: FontAwesome;font-style: inherit;font-weight: 400;text-decoration: none;color: #fff;font-size: 16px;text-rendering: auto;-moz-osx-font-smoothing: grayscale;}
#bg-footer .bgfootercookiemessage .globalCookieMessage .cookiespolicy .parsys_column div.cq-colctrl-lt8-c0 a{color:#09f;font-weight:400;}
#bg-header .header-topnav .site-details #bg-site-nav{font-size:1em}
#bg-header .header-topnav .site-details #bg-site-nav.site-links .mini-sperator{display:none;}
#bg-header ul.mega-menu{display:none;}
#bg-header .header-bottomnav .megamenu .sf-menu li.first-menu a:hover, #bg-header .header-bottomnav .megamenu .sf-menu li.first-menu a:focus, #bg-header .header-bottomnav .megamenu .sf-menu li a:hover, #bg-header .header-bottomnav .megamenu .sf-menu li a:focus, #bg-header .header-bottomnav .megamenu .sf-menu li.sfHover a, #bg-header .header-bottomnav .megamenu .sf-menu ul.mega-menu{box-shadow: 0 0 0 0 transparent;}
@media (max-width: 768px) {
  #bg-header #main-header, #bg-footer #footer-wrap, #bg-header .header-bottomnav .megamenu .sf-menu ul.mega-menu{width:970px;}
  #bg-header .header-bottomnav #logo, #bg-footer #footer-wrap #footer-cont .ft-links{padding-left:5px;}
  #bg-header .header-bottomnav .megamenu .sf-menu ul.mega-menu .megaCloseBtn{display:none;}
  #bg-footer .ft-links .parsys.section > div.contentPrioritization:nth-child(4) .parsys > div.image:nth-child(5){right:10px}
  #bg-footer .ft-links .parsys.section > div.contentPrioritization:nth-child(4) .parsys > div.text:nth-child(6){right:35px;}
}