body {background:#fff; color: #6e6e6e;} a:active{background-color: #cceffc;} select:focus {background: #fff;} h1 {color: #129adb;} h2, h3, h4, h5, h6 {color: #646361;} h1 sup{color:#129ADB;} a {color: #0270b9; text-decoration: none;} a:hover{ color: #003399; text-decoration: underline;} a:focus {color: #003399; background-color: #cceffc; text-decoration: none;} h1 sup{color:#129ADB;} sup {color:#d2006d;} /* IE7 overlay navigation fix */ a.overlay-fix,a.overlay-fix:focus,a.overlay-fix:hover{color:#fff;text-decoration:none;background:none;cursor:default} /*divider*/ .shadow-divider{background:url(/etc/designs/centrica/bgas/images/account-bottom-shadow.jpg) no-repeat center top;} .shadow-long-divider{background:url(/etc/designs/centrica/bgas/images/reg-centerbg.jpg) no-repeat center top;} .shadow-long-divider2{background:url(/etc/designs/centrica/bgas/images/account-complete-shadow.jpg) no-repeat center top;} .dotted-divider{background:url(/etc/designs/centrica/bgas/images/dotted-bg.gif) repeat-x center top;} .shadow-small-divider, .separator-gradient{background:url(/etc/designs/centrica/bgas/images/account-small-shadow.jpg) no-repeat center top;} .shadow-medium-divider{background:url(/etc/designs/centrica/bgas/images/help-shadow.jpg) no-repeat center top;} .shadow-divider-left{background:url(/etc/designs/centrica/bgas/images/account-bottom-shadow-small.png) no-repeat left top;} .vertical-divider{background: url(/etc/designs/centrica/bgas/images/vertical-separator.png) no-repeat 0 0;} .vertical-long-divider{background: url(/etc/designs/centrica/bgas/images/vertical-separator2.png) no-repeat 0 0;} .vertical-dotted-divider{border-right: dotted 1px #c9c9c9;} .shadow-long-divider3{background:url(/etc/designs/centrica/bgas/images/separator-gradient-806.png) no-repeat center top;} /*divider*/ /* forms.css*/ label, legend, p.small{color: #646361;} /* Text Color */ .phone-number, .txt-terti-color, .large-blue, .primary-number-blue, .secondary-number-blue, .primary-phone-number-blue, .secondary-phone-number-blue, .tertiary-number-blue{color: #207cba;} .txt-prim-color{color:#139adc;} .txt-sec-color, .primary-number-black, .primary-phone-number-black, .secondary-number-black, .secondary-phone-number-black, .tertiary-number-black, .payment-mode{color:#434343;} .txt-sec-color, .primary-number-white, .primary-phone-number-white, .secondary-number-white, .secondary-phone-number-white, .tertiary-number-white, .payment-mode{color: #fff;} /* Text Color */ /*For IE select box border issue*/ .select-box-error.error-field, .select-box-error-sm.error-field{border:2px solid #c1056f;} input.txt-box.info-field{border:2px solid #139ada;} /*For IE select box border issue*/ /*error*/ .error,.alert,.notice,.success,.info,.info-color{border:1px solid;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px} .remove-borders{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;} .error, .alert, .info {border-color: #c2c2c2;} .error, .alert {background: url(/etc/designs/centrica/bgas/images/warning-icon.png) no-repeat 20px 10px; background-color: #ffffff;} .panelcontainer .error{background-color: #ffffff;} .notice {background: #fff6bf; color: #514721; border-color: #ffd324;} .success {background: #e6efc2; color: #264409; border-color: #c6d880;} .info {background: url(/etc/designs/centrica/bgas/images/info-icon.png) no-repeat 19px 8px;} .info-small{background: url(/etc/designs/centrica/bgas/images/info-icon-sm.png) no-repeat 19px 10px;} .notice a {color: #514721;} .success a {color: #264409;} .info a {color: #205791;} html .error h3.error-text, html h3.error-text p, html .error h3.error-msg{color: #c1056f;} .info p.info-text, .info-color ul li , .error ul li, .info ul li , p.error-txt-small{color: #646361;} .info-color{background: url(/etc/designs/centrica/bgas/images/info-icon.png) no-repeat 18px 8px;border-color:#e5f6fd;background-color:#e5f6fd;-moz-box-shadow: inset 0 0 5px 5px #d9f4fd;-webkit-box-shadow:inset 0 0 10px 10px #d9f4fd;box-shadow: inset 0 0 10px 10px #d9f4fd;border-radius:5px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} /*error*/ /*button*/ .btn-input span, .btn-img span, .list-link span{background: url(/etc/designs/centrica/bgas/images/divider.png) no-repeat left center;} .btn-input a:focus, .btn-img a:focus, .ie7 .btn-img a:active, .ie7 .btn-input a:active, .list-link span.no-image{background: none;} .btn-img span a:focus, .ie7 .btn-img span a:active, .btn-input span a:focus, .ie7 .btn-input span a:active{background: #cceffc} .btn-img a:focus img{border:1px dotted #000} /*button*/ /*form fields*/ input[type ="text"], input[type = "password"], input[type = "number"], input.text, input.title, textarea, select {border: 1px solid;} input[type = text], input[type = password], input[type = number], input.text, input.title, textarea {border-color: #bbb; color: #3b3b3a;} input[type = text]:focus, input[type = password]:focus, input[type = number]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color: #666;} select {border-color:#bbb;} @media(-webkit-min-device-pixel-ratio:0) { select[disabled]{background-color:#ebebe4;} } input[disabled="disabled"] { background-color: #f0f0f0;} input[type ="checkbox"][disabled="disabled"] { background:none;} input.error-field, input.error-field:focus, select.error-field, select.error-field:focus, textarea.error-field:focus, textarea.error-field{border: 2px solid #c1056f;} .txt-box, .select-box{border:1px solid #c2c2c2; color:#3b3b3a;} .txt-box-disabled, .pound-box-small.txt-box-disabled, .bill-amount.txt-box-disabled, .textarea-disabled, .disabled-txt{background-color:#f0f0f0;border:1px solid #f0f0f0; color: #3b3b3b;} input.no-border{ border:none;} .pound-box-small, .bill-amount{background:url(/etc/designs/centrica/bgas/images/pound-small.png) #fff no-repeat 5px 6px;} .ie7 .pound-box-small, .ie7 .bill-amount{background-position:2px 2px;} .choose-group label,.field-cont .choose-group span{color:#3b3b3a;} .disabled-space{background:#f0f0f0;border: 1px solid #f0f0f0} .pound-box-large{background: url(/etc/designs/centrica/bgas/images/pound-icon.png) #fff no-repeat 4px 12px;} .ie7 .pound-box-large{background: url(/etc/designs/centrica/bgas/images/pound-icon.png) #fff no-repeat 3px 7px;} /*form fields*/ /*registration*/ .alternate {background-color: #f1f1f1;} .field-cont span{color:#626262} .tooltip{text-decoration:none;border-bottom:1px dotted #037dcc;color:#0060ae;} .tooltip:hover{text-decoration:none;color:#003399;border-bottom:1px dotted #003399;} .nectar-logo{background: url(/etc/designs/centrica/bgas/images/reg-nectar.png) no-repeat 530px 10px;} .nectar-logo-wide{background: url(/etc/designs/centrica/bgas/images/reg-nectar.png) no-repeat 710px 10px ;} .field-cont a.no-border, .field-cont a.no-border:hover, .field-cont .btn-img a.img-button,.field-cont .btn-img a:hover, .tooltip-link{border:none} /*registration*/ /* Nectar Widgets */ .nectar-card-bg{background: url(/etc/designs/centrica/bgas/images/nectar-card.png) no-repeat 0 0;} .nectar-card-bg p{color: #333;} .nectar-points{color:#6d2c91;} .nectar-points-bg{background: url(/etc/designs/centrica/bgas/images/nectar-points-big.png) no-repeat 31px 0;color:#fff} /* Nectar Widgets Ends */ /*bullets*/ ul li span.tick{color:#6e6e6e;background:url(/etc/designs/centrica/bgas/images/tickmark.png) no-repeat 0 3px;} ul li span.bullet{color:#6e6e6e;background:url(/etc/designs/centrica/bgas/images/bullet.png) no-repeat 3px 5px;} ul li span.white-tick{color:#fff;background:url(/etc/designs/centrica/bgas/images/tickmark-white.png) no-repeat 0 3px;} ul li span.tick-black {color:#6e6e6e; background: url(/etc/designs/centrica/bgas/images/tick-black.png) no-repeat left 3px;} ul li span.cross {color:#6e6e6e; background: url(/etc/designs/centrica/bgas/images/cross.png) no-repeat left 3px;} ul li span.gap-cross {color:#6e6e6e; background: url(/etc/designs/centrica/bgas/images/NewGrey_DESKTOP.png) no-repeat left 3px;} ul li span.circle {color:#6e6e6e;background: url(/etc/designs/centrica/bgas/images/grey-bullet.png) no-repeat 3px 5px;} .txt-highlight{color:#097BC1;} /*bullets*/ /*navigation link*/ .primary-link {cursor: pointer;color:#0270B9; background: url(/etc/designs/centrica/bgas/images/arrow.png) no-repeat left center ;text-decoration:none;} .primary-link-back {cursor: pointer;color:#0270B9; background: url(/etc/designs/centrica/bgas/images/arrow-back.png) no-repeat left center ;text-decoration:none;} .primary-link a,.secondary-link a, .tertiary-link a, .primary-link-back a, .fourth-level-link a {text-decoration:none;} .primary-link :focus,.primary-link :active,.secondary-link :focus,.secondary-link :active, .tertiary-link:focus,.tertiary-link:active, .primary-link-back :focus,.primary-link-back :active, .fourth-level-link :focus, .fourth-level-link :active {background-color: #cceffc;text-decoration:none;} .primary-link :hover,.secondary-link :hover, .tertiary-link :hover, .primary-link-back :hover, .fourth-level-link :hover {text-decoration:underline;} .secondary-link, .secondary-link-combo {cursor: pointer;color:#0270B9; background: url(/etc/designs/centrica/bgas/images/primary-caveat.png) no-repeat left 3px;text-decoration:none;} .tertiary-link, .tertiary-link-combo, .tertiary-aligned-to-secondarylink, .tertiary-aligned-to-secondarylink {cursor: pointer;background: url(/etc/designs/centrica/bgas/images/mediumChevron.png) no-repeat left 3px;text-decoration:none;} .fourth-level-link {cursor: pointer;background: url(/etc/designs/centrica/bgas/images/smallChevron.png) no-repeat left 3px;text-decoration:none;} .primary-link.disabled{background: url(/etc/designs/centrica/bgas/images/arrow-disabled.png) no-repeat left center;color:#bdbdbd;text-decoration:none;} /*navigation link*/ /*Get a quote styles start*/ .inactive-title h2{color:#bdbdbd;} .step-done h2{color:#646361;} .gradient-filler{ background: url("/etc/designs/centrica/bgas/images/grey-bg-gaq.jpg") repeat-y scroll center top transparent; } .edit-details, .edit-detail{background:transparent url(/etc/designs/centrica/bgas/images/icon-edit.png) no-repeat left top;} .step-process .info-block .info-value{background-color:#f0f0f0;color:#585858;} .step-process .info-block .addr-info-value{background-color:#cdcdcd;color:#585858;} .blue-gradient-box{-moz-box-shadow: inset 0 0 10px 10px #dbf4fd;-webkit-box-shadow:inset 0 0 10px 10px #dbf4fd;box-shadow: inset 0 0 10px 10px #dbf4fd;background-color:#f7fdff;border:1px solid #dbf4fd;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} .ie8 .blue-gradient-box, .ie7 .blue-gradient-box{background: #fff url(/etc/designs/centrica/bgas/images/linear-blue-gradient.png) repeat-x left top; border:1px solid #c7c7c7;} .gaq-widget-full .vertical-divider,.gaq-widget-full .vertical-long-divider, .info-firstbox.vertical-divider,.info-firstbox.vertical-long-divider{background-position:305px 0;} .small sup,.gaq-sup-color{color:#d2006d;} .gaq-color1{color:#042d56;} .gaq-color2{color:#9fc53e;} .quote-step .txt-box-disabled, .quote-step .pound-box-small .txt-box-disabled, .quote-step .textarea-disabled, .quote-step .disabled-txt{border:1px solid #bbb;} .pdf-icon{background: url(/etc/designs/centrica/bgas/images/pdf_icon.gif) no-repeat 0 0; } .row-wrapper.row-highlite{background-color:#EFF7FF;} /*Get a quote styles end*/ /*Login n Logout*/ .login-nb-box{border:1px solid #e3e1e1; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .login-nb-box h2{color:#444342;background: -webkit-linear-gradient(top, #fff, #f0f0f0) repeat 0 0 ;background: -moz-linear-gradient(center top , #fff, #f0f0f0) repeat 0 0 ;background: -ms-linear-gradient(center top, #fff, #f0f0f0) repeat 0 0 ;background: -o-linear-gradient(center top, #fff, #f0f0f0) repeat 0 0 ;background: linear-gradient(center top, #fff, #f0f0f0) repeat 0 0 ;background-color:#f0f0f0;border-bottom: 1px solid #cfcfcf;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;} .login-nb-regbox{color:#fff;background-color:#1f7bba;box-shadow:inset 0 0 10px 10px #1466a8;-moz-box-shadow:inset 0 0 5px 5px #1466a8;-webkit-box-shadow:inset 0 0 10px 10px #1466a8;-moz-border-radius: 0 0 5px 5px;} .login-nb-regbox h2{background:none;color:#fff;border:none;} .login-nb-regbox a, .login-nb-regbox a span {color:#fff;} .login-nb-regbox ul li span.bullet {color:#fff;background:url(/etc/designs/centrica/bgas/images/bullet-white.png) no-repeat 3px 5px;} .blue-promo a, .blue-promo a span {color:#0b64c7;} /*Login n Logout*/ /*logout-time- details*/ .session-logout p{color:#7a7a7a;} .logout-time p{color:#5b5b5b;} .logout-time span{color:#129adb;} /*logout-time- details*/ /*view bill details starts*/ .mtreading{background:#f0f0f0;} .energy-cal span.values{background:url(/etc/designs/centrica/bgas/images/bill-calc-bg.png) no-repeat;} .energy-cal span.values-blue {background:url(/etc/designs/centrica/bgas/images/workout-bg.png) no-repeat;color:#fff;} .table-with-alternate-row td.noborder-l{border-left:0px} .table-with-alternate-row td.noborder-r{border-right:0px} /* view bill details ends*/ /*----------------------------------------------------------------------static component---------------------------------------------*/ /*Rich Text Editor*/ .small-nectar-point{color:#a62292;} /*Rich Text Editor*/ /*accordian*/ .accordion-head ,.accordion-head-chi {background: url(/etc/designs/centrica/bgas/images/icons/icon-plus.png) no-repeat 0 0;color:#0270B9;} .plus {background-position: 0 0;} .minus {background: url(/etc/designs/centrica/bgas/images/icons/icon-minus.png) no-repeat 0 0;} a.accordian-head:focus,a.accordian-head-chi:focus {background-color:transparent;} /*accordian*/ /* Left Menu Navigation */ .left-nav {color: #393939; background-color:#fbfbfb;} .left-nav a{color:#6b6b6b;} .left-hand-gradient {background: url(/etc/designs/centrica/bgas/images/left-hand-gradient.png) repeat-x left top #fafafa;} .left-nav .current{background-color: #f3f3f3;} .left-nav .top-page > a:first-child, .left-nav .top-page > .current:first-child{border-bottom:1px solid #c7c7c7;} .left-nav .top-page > a:first-child{background:url(/etc/designs/centrica/bgas/images/left-nav-arrow.png) no-repeat 0 8px;} .as_leftnav .left-nav .top-page > a:first-child, .left-nav .top-page > .current:first-child a{background-color: #f3f3f3} .stmt-leftnav .left-nav ul ul ul li:first-child{background-color: #f3f3f3} /* Left Menu Navigation */ /* Breadcrumb Starts for Color.CSS */ #breadcrumb ul li.active-page {color:#646361;} #breadcrumb ul li a.home {background:transparent url(/etc/designs/centrica/bgas/images/breadcrumb_home.gif) no-repeat scroll 0 0;} #breadcrumb ul li a.home:hover {background:url(/etc/designs/centrica/bgas/images/breadcrumb_home_hover.gif);} #breadcrumb ul li a.home:focus {background:url(/etc/designs/centrica/bgas/images/breadcrumb_home_focus.gif);} /* Breadcrumb Ends Color.CSS */ /* Progress Bar Starts for Color.CSS */ #progress-bar.step-1 ul li.step-1 span, #progress-bar.step-2 ul li.step-2 span, #progress-bar.step-3 ul li.step-3 span,#progress-bar.step-4 ul li.step-4 span,#progress-bar.step-5 ul li.step-5 span,#progress-bar.step-6 ul li.step-6 span {color:#0270B9;} #progress-bar ul{background: url(/etc/designs/centrica/bgas/images/progress-dotted.png) no-repeat 22px 32px ;} #progress-bar ul li span {color:#737373; } #progress-bar ul li.step-1 span{ background:url(/etc/designs/centrica/bgas/images/progressbar_1.png) no-repeat 50% 0;} #progress-bar ul li.step-2 span{ background:url(/etc/designs/centrica/bgas/images/progressbar_2.png) no-repeat 50% 0; } #progress-bar ul li.step-3 span{ background:url(/etc/designs/centrica/bgas/images/progressbar_3.png) no-repeat 50% 0; } #progress-bar ul li.step-4 span{ background:url(/etc/designs/centrica/bgas/images/progressbar_4.png) no-repeat 50% 0; } #progress-bar ul li.step-5 span{ background:url(/etc/designs/centrica/bgas/images/progressbar_5.png) no-repeat 50% 0; } #progress-bar ul li.step-6 span{ background:url(/etc/designs/centrica/bgas/images/progressbar_6.png) no-repeat 50% 0; } #progress-bar.step-1 ul li.step-2 span,#progress-bar.step-1 ul li.step-3 span,#progress-bar.step-1 ul li.step-4 span,#progress-bar.step-1 ul li.step-5 span,#progress-bar.step-2 ul li.step-3 span,#progress-bar.step-2 ul li.step-4 span,#progress-bar.step-2 ul li.step-5 span,#progress-bar.step-3 ul li.step-4 span,#progress-bar.step-3 ul li.step-5 span,#progress-bar.step-4 ul li.step-5 span{background-position:50% 0;} #progress-bar.step-1 ul li.step-6 span,#progress-bar.step-2 ul li.step-6 span,#progress-bar.step-3 ul li.step-6 span,#progress-bar.step-4 ul li.step-6 span,#progress-bar.step-5 ul li.step-6 span{background-position:50% 0;} #progress-bar.step-1 ul li.step-1 span,#progress-bar.step-2 ul li.step-2 span,#progress-bar.step-3 ul li.step-3 span,#progress-bar.step-4 ul li.step-4 span,#progress-bar.step-5 ul li.step-5 span,#progress-bar.step-6 ul li.step-6 span{background-position:50% -111px;} #progress-bar.step-2 ul li.step-1 span,#progress-bar.step-3 ul li.step-1 span,#progress-bar.step-4 ul li.step-1 span,#progress-bar.step-5 ul li.step-1 span,#progress-bar.step-6 ul li.step-1 span{background-position:50% -226px;} #progress-bar.step-3 ul li.step-2 span,#progress-bar.step-4 ul li.step-2 span,#progress-bar.step-4 ul li.step-3 span,#progress-bar.step-5 ul li.step-2 span,#progress-bar.step-5 ul li.step-3 span,#progress-bar.step-5 ul li.step-4 span,#progress-bar.step-6 ul li.step-2 span,#progress-bar.step-6 ul li.step-3 span,#progress-bar.step-6 ul li.step-4 span,#progress-bar.step-6 ul li.step-5 span{background-position:50% -226px;} /*#progress-bar.step-1 ul li.step-1 span, #progress-bar.step-2 ul li.step-2 span, #progress-bar.step-3 ul li.step-3 span,#progress-bar.step-4 ul li.step-4 span,#progress-bar.step-5 ul li.step-5 span,#progress-bar.step-6 ul li.step-6 span {font-weight:700;}*/ /* Progress Bar Ends for Color.CSS */ /* Modal & non Modal overlay */ .ui-widget.ui-dialog .ui-dialog-titlebar-close{background: url(/etc/designs/centrica/bgas/images/overlay-close.png) no-repeat 0 0;} .ui-widget.ui-dialog .ui-dialog-titlebar-close:focus{border:1px dotted #c2c2c2;} .btn-bar .btn a.confirm-txt {color:#fff;background:none;} .ui-dialog .ui-widget-header .ui-icon{background:none;} /* Modal & non Modal overlay */ /*separator*/ .separator-gradient, .hero-panel #primary-content-medium .separator-gradient{background:url(/etc/designs/centrica/bgas/images/account-bottom-shadow.jpg) no-repeat center top;} #primary-content-full .separator-gradient{background:url(/etc/designs/centrica/bgas/images/shadow-gradient-970.png) no-repeat center top;} #primary-content-hygiene .separator-gradient,.hero-panel .separator-gradient{background:url(/etc/designs/centrica/bgas/images/shadow-gradient-860.png) no-repeat center top;} #primary-content-narrow .separator-gradient,#primary-content .separator-gradient{background:url(/etc/designs/centrica/bgas/images/shadow-gradient-560.png) no-repeat center top;} #primary-content-wide .separator-gradient{background:url(/etc/designs/centrica/bgas/images/account-bottom-shadow.jpg) no-repeat center top;} .home-log-content .separator-gradient,#right-promo .separator-gradient,.secondary-promo .separator-gradient{background:url(/etc/designs/centrica/bgas/images/shadow-gradient-202.png) no-repeat center top;} .separator-left{background:url(/etc/designs/centrica/bgas/images/account-bottom-shadow.jpg) no-repeat center top;} .separator-full{background:url(/etc/designs/centrica/bgas/images/separator-full.jpg) no-repeat center top;} .divider-1 {background: url(/etc/designs/centrica/bgas/images/dotted-bg.gif) repeat-x top left;} .divider-2 {border-top:1px solid #c7c7c7;} /*Hna Featured widget*/ .featuredMaster .separator-gradient{background:url(/etc/designs/centrica/bgas/images/shadow-gradient-202.png) no-repeat center top;} /*separator*/ .phone-number{color: #207cba;} /*widget- panel container*/ .widget-1,.widget-2,.widget-3,.round-corners,.gradient-box,.nectar-box,.blue-promo,.grey-promo,.widget-4,.widget-5, .widget-6{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} .widget-1 {background: #fff url(/etc/designs/centrica/bgas/images/linear-gradient.png) repeat-x left top;border:1px solid #c7c7c7;} .widget-2 {border:1px solid #c7c7c7;} .widget-3 {background:#fff;border:5px solid #DDD;} .widget-4 {background:#fff url(/etc/designs/centrica/bgas/images/reverse-gradient.png) repeat-x left bottom;border:none;}/*Padding added here deliberately - Prahlad*/ .widget-5 {background:#f0f0f0 url(/etc/designs/centrica/bgas/images/nectar-sparkeling-points-bg.png) no-repeat right bottom;} .widget-6 {background: #fff url(/etc/designs/centrica/bgas/images/linear-gradient-reverse.png) repeat-x left bottom;border:1px solid #DDDDDD;} .subheader-1 {background:#742590 url(/etc/designs/centrica/bgas/images/nectar-bg2.jpg) no-repeat top right; border: 1px solid #fff; border-bottom: none; border-top-left-radius: 3px; border-top-right-radius: 3px; -moz-border-top-left-radius:3px; -moz-border-top-right-radius:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px;} .subheader-1 h3 {color: #f8ed07;} .nectar-content p span.points{color:#73288f;} .nectar-widget{background:url(/etc/designs/centrica/bgas/images/linear-gradient.png) repeat-x left top #fff; border:1px solid #c7c7c7;} .nectar-widget .nectar-header {background: url(/etc/designs/centrica/bgas/images/nectar-bg.jpg) no-repeat 0 0 ;} .nectar-widget .nectar-header h3 {color: #fff;} .divider-long .divider-middle, .divider-long .left-divider-middle{background:url(/etc/designs/centrica/bgas/images/vertical-middle.png) repeat-y right top;} .divider-medium .divider-middle, .divider-medium .left-divider-middle{background:url(/etc/designs/centrica/bgas/images/vertical-middle-medium.png) repeat-y right top;} .divider-short .divider-middle, .divider-short .left-divider-middle{background:url(/etc/designs/centrica/bgas/images/vertical-middle-short.png) repeat-y right top;} .divider-long .divider-top, .divider-long .left-divider-top{background:url(/etc/designs/centrica/bgas/images/vertical-top.png) no-repeat right top; } .divider-long .divider-bottom, .divider-long .left-divider-bottom{background:url(/etc/designs/centrica/bgas/images/vertical-bottom.png) no-repeat right bottom;} .divider-medium .divider-top, .divider-medium .left-divider-top{background:url(/etc/designs/centrica/bgas/images/vertical-top-medium.png) no-repeat right top; } .divider-medium .divider-bottom, .divider-medium .left-divider-bottom{background:url(/etc/designs/centrica/bgas/images/vertical-bottom-medium.png) no-repeat right bottom;} .divider-short .divider-top, .divider-short .left-divider-top{background:url(/etc/designs/centrica/bgas/images/vertical-top-short.png) no-repeat right top; } .divider-short .divider-bottom, .divider-short .left-divider-bottom{background:url(/etc/designs/centrica/bgas/images/vertical-bottom-short.png) no-repeat right bottom;} .divider-long .left-divider-middle, .divider-medium .left-divider-middle, .divider-short .left-divider-middle, .divider-long .left-divider-top, .divider-medium .left-divider-top, .divider-short .left-divider-top{background-position:left top; } .divider-long .left-divider-bottom, .divider-medium .left-divider-bottom, .divider-short .left-divider-bottom{background-position:left bottom;} .cq-colctrl-lt0-c0 .left-divider-middle, .cq-colctrl-lt1-c0 .left-divider-middle, .cq-colctrl-lt2-c0 .left-divider-middle, .cq-colctrl-lt3-c0 .left-divider-middle, .cq-colctrl-lt4-c0 .left-divider-middle, .cq-colctrl-lt5-c0 .left-divider-middle, .cq-colctrl-lt6-c0 .left-divider-middle, .cq-colctrl-lt0-c0 .left-divider-top, .cq-colctrl-lt1-c0 .left-divider-top, .cq-colctrl-lt2-c0 .left-divider-top, .cq-colctrl-lt3-c0 .left-divider-top, .cq-colctrl-lt4-c0 .left-divider-top, .cq-colctrl-lt5-c0 .left-divider-top, .cq-colctrl-lt6-c0 .left-divider-top, .cq-colctrl-lt0-c0 .left-divider-bottom, .cq-colctrl-lt1-c0 .left-divider-bottom, .cq-colctrl-lt2-c0 .left-divider-bottom, .cq-colctrl-lt3-c0 .left-divider-bottom, .cq-colctrl-lt4-c0 .left-divider-bottom, .cq-colctrl-lt5-c0 .left-divider-bottom, .cq-colctrl-lt6-c0 .left-divider-bottom , .cq-colctrl-lt0-c1 .divider-middle, .cq-colctrl-lt1-c2 .divider-middle, .cq-colctrl-lt2-c3 .divider-middle, .cq-colctrl-lt3-c3 .divider-middle, .cq-colctrl-lt4-c4 .divider-middle, .cq-colctrl-lt5-c1 .divider-middle, .cq-colctrl-lt6-c3 .divider-middle, .cq-colctrl-lt0-c1 .divider-top, .cq-colctrl-lt1-c2 .divider-top, .cq-colctrl-lt2-c3 .divider-top, .cq-colctrl-lt3-c3 .divider-top, .cq-colctrl-lt4-c4 .divider-top, .cq-colctrl-lt5-c1 .divider-top, .cq-colctrl-lt6-c3 .divider-top, .cq-colctrl-lt0-c1 .divider-bottom, .cq-colctrl-lt1-c2 .divider-bottom, .cq-colctrl-lt2-c3 .divider-bottom, .cq-colctrl-lt3-c3 .divider-bottom, .cq-colctrl-lt4-c4 .divider-bottom, .cq-colctrl-lt5-c1 .divider-bottom, .cq-colctrl-lt6-c3 .divider-bottom {background: none;border:none;} .panelcontainer a h2, .panelcontainer a h3, .panelcontainer a h4{color:#0270b9;} .panelcontainer a h2:hover, .panelcontainer a h3:hover, .panelcontainer a h4:hover{color: #003399; text-decoration: underline;} .panelcontainer a h2:focus, .panelcontainer a h3:focus, .panelcontainer a h4:focus{color: #003399; background-color: #cceffc; text-decoration: none;} .panelcontainer a h2:active, .panelcontainer a h3:active, .panelcontainer a h4:active{background-color: #cceffc;} .ie7 .centerWhite-promo, .ie8 .centerWhite-promo{background-color:#fff;} .centerWhite-promo {border:1px solid #eaeaea;background-color:#fff;-moz-box-shadow: inset 0 0 42px 22px #f6f6f6;-webkit-box-shadow:inset 0 0 42px 22px #f6f6f6;box-shadow: inset 0 0 42px 22px #f6f6f6;} .panelcontainer .home-log-head a h2, .panelcontainer .home-log-head a h3, .panelcontainer .home-log-head a h4{color:#fff;} .panelcontainer .home-log-head a h2:hover, .panelcontainer .home-log-head a h3:hover, .panelcontainer .home-log-head a h4:hover{color:#fff;text-decoration:none;} .panelcontainer .home-log-head a h2:focus, .panelcontainer .home-log-head a h3:focus, .panelcontainer .home-log-head a h4:focus{color: #003399; background-color: #cceffc; text-decoration: none;} .panelcontainer .home-log-head a h2:active, .panelcontainer .home-log-head a h3:active, .panelcontainer .home-log-head a h4:active{background-color:transparent;} .panelcontainer .home-log-head a:hover{text-decoration:none;} .ie7 .panelcontainer a:active{background-color:transparent;} .panelcontainer .bluepanel{background-color: #e7f5fe;border-radius:5px;} /*widget- panel container*/ /* Carousel starts */ .carousel ul li .content-holder {color:#6e6e6e;} .arrow-holder.prev {background: url(/etc/designs/centrica/bgas/images/carousel-prev.png) no-repeat left center;} .arrow-holder.next {background: url(/etc/designs/centrica/bgas/images/carousel-next.png) no-repeat right center;} .prev:focus, .next:focus, .prev:active, .next:active {background-color:#fef6e1;} .carousel-container .carousel-pagination a{background: url(/etc/designs/centrica/bgas/images/page-button.png) no-repeat scroll left center transparent;} .carousel-container .carousel-pagination .pageactive{background: url(/etc/designs/centrica/bgas/images/page-button-active.png) no-repeat scroll left center transparent;} .arrow-holder.prev.disabled {background: url(/etc/designs/centrica/bgas/images/carousel-prev-disabled.png) no-repeat left center;} .arrow-holder.next.disabled {background: url(/etc/designs/centrica/bgas/images/carousel-next-disabled.png) no-repeat right center;} /* Carousel Ends */ /* Table Component 1 */ table.normal-type{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} table.normal-type, table.normal-type tr, table.normal-type tr td,.ie7 table.normal-type tr th.th-border{border-collapse:collapse;border:1px solid;} table.normal-type, table.normal-type tr, table.normal-type tr td{border-color:#cdcdcd;} table.normal-type tr td, table.normal-type tr th.no-bg{background-color: #fff;} table.normal-type tr th, table.normal-type tr.alternate td{background-color: #f1f1f1;} /* Table Component 1 */ /* -- Table Component -- */ .text table.inner-table,.text table.inner-table td:first-child{border-left:none;} .text table.inner-table td{border-left: 1px dotted #c7c7c7;} .text table table.inner-table tr, .cssgradients .table-gradient table.inner-table tr:first-child, .table-gradient table.inner-table tr:first-child{background:none;} table table .bott-border{border-bottom: 1px dotted #c7c7c7} table table .top-border{border-top: 1px dotted #c7c7c7;} .text table{border-collapse:collapse;} table.table-headcolor,table.table-headcolor th,table.table-headcolor td{border-collapse:separate;} table.table-component{background:#fcfcfc;border:1px solid #d6d6d6;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} table.table-component th{background:#f6f6f6;} table.table-component td{border:1px solid #e0e0e0;} table.table-component tbody tr:first-child{box-shadow:0 2px 2px 1px #efefef} table.table-component tbody tr th:first-child{border-radius:3px 0 0 0;} table.table-component tbody th{color:#3b3b3b;background: #efefef;background: -moz-linear-gradient(top, #fff 0%, #efefef 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#efefef));background: -webkit-linear-gradient(top, #fff 0%,#efefef 100%);background: -o-linear-gradient(top, #fff 0%,#efefef 100%);background: -ms-linear-gradient(top, #fff 0%,#efefef 100%);background: linear-gradient(top, #fff 0%,#efefef 100%);} table.table-component tbody td p .large{color:#6e6e6e;} table.table-component tbody th.last-col, table.table-component tbody td.last-col p{color:#494a4a;} table.table-component tbody td sup{color:#d2006d;} table.table-component tr td{color:#737373;} /*-- Table Component -- */ /* Table component with Colored head */ table.table-headcolor th {color:#fff;background: url(/etc/designs/centrica/bgas/images/head-divider.png) no-repeat right center ;border-top:1px solid #289AE0; } table.table-headcolor th span.small sup{color:#fff;} .cssgradients table.table-headcolor tbody > tr:first-child {background:-ms-linear-gradient(top,#33C1FF, #289AE0);background:-moz-linear-gradient(top,#33C1FF, #289AE0);background: -webkit-gradient(linear, left top, left bottom, from(#33C1FF), to(#289AE0));background: -o-linear-gradient(#33C1FF, #289AE0);} .no-cssgradients table.table-headcolor tbody > tr:first-child{ background: url(/etc/designs/centrica/bgas/images/table-head-bg.jpg) repeat-x left bottom ;} table.table-headcolor tr td {color:#494a4a;border-right:1px solid #e0e0e0;border-bottom:1px dashed #e0e0e0;} table.table-headcolor tr .row-alternate {border-bottom:1px dashed #e0e0e0;} table.table-headcolor tr td:first-child{border-left:1px solid #e0e0e0;} table.table-headcolor tbody th:first-child{border-left:1px solid #289AE0;border-radius:3px 0 0 0;} table.table-headcolor tbody th:last-child{border-right:1px solid #289AE0;background:none;} .ie7 table.table-headcolor tbody th, .ie8 table.table-headcolor tbody th{ background: url(/etc/designs/centrica/bgas/images/table-head-bg.jpg) repeat-x left bottom ; border-right:1px solid #289AE0;} .borderradius table.table-headcolor tbody th:first-child{-moz-border-radius-topleft:5px;border-top-left-radius:5px;-webkit-border-top-left-radius:5px;} table.table-headcolor tbody th:last-child{-moz-border-radius-topright:5px;border-top-right-radius:5px;-webkit-border-top-right-radius:5px;} .borderradius table.table-headcolor{-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;} /* Table component with Colored head */ /* Table component with Alternate row */ table.table-with-alternate-row {background:#fbfbfb;border:1px solid #d6d6d6;} .ie7 table.table-with-alternate-row{border:none;} table .row-alternate {background:#f6f6f6;} table .row-alternate2 {background:#fbfbfb;} table .row-alternate3 {background:#fff;} table.table-with-alternate-row td {border:1px solid #e0e0e0;} table.table-with-alternate-row tbody th, table.table-with-alternate-row thead th {color:#3b3b3b;background: #efefef;background: -moz-linear-gradient(top, #fff 0%, #efefef 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#efefef));background: -webkit-linear-gradient(top, #fff 0%,#efefef 100%);background: -o-linear-gradient(top, #fff 0%,#efefef 100%);background: -ms-linear-gradient(top, #fff 0%,#efefef 100%);background: linear-gradient(top, #fff 0%,#efefef 100%);} table.table-with-alternate-row tr td {color:#494a4a;} /* Table component with Alternate row */ /* Table component with Gradient head */ .table-gradient{border:solid 1px #e6e6e6;} .cssgradients .table-gradient tr:first-child{background: -ms-linear-gradient(top,#fefefe 0%, #fff 77%, #fafafa 96%, #fff 97%, #efefef 98%, #fcfcfc 100%);background: -moz-linear-gradient(top,#fefefe 0%, #fff 77%, #fafafa 96%, #fff 97%, #efefef 98%, #fcfcfc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(77%,#fff), color-stop(96%,#fafafa), color-stop(97%,#fff), color-stop(98%,#efefef), color-stop(100%,#fcfcfc)); background: -webkit-linear-gradient(top, #fefefe 0%,#fff 77%,#fafafa 96%,#fff 97%,#efefef 98%,#fcfcfc 100%); background: -o-linear-gradient(top, #fefefe 0%,#fff 77%,#fafafa 96%,#fff 97%,#efefef 98%,#fcfcfc 100%); background: linear-gradient(top, #fefefe 0%,#fff 77%,#fafafa 96%,#fff 97%,#efefef 98%,#fcfcfc 100%); } .no-cssgradients .table-gradient tr:first-child{background: #fefefe;} .table-gradient th{background:url(/etc/designs/centrica/bgas/images/table-head-grad.png) no-repeat right center; } .table-gradient tbody th:last-child{background:none;} .no-cssgradients table.table-gradient tbody th{ background: url(/etc/designs/centrica/bgas/images/tariff-table-head-bg.png) repeat-x left bottom #fefefe; border-right:1px solid #e6e6e6;border-bottom:1px solid #f7f7f7;} /* Table component with Gradient head */ /*for tables in draggable component starts here*/ .bluebg-table-sidekick .table-history thead tr th{border-bottom:0;} /*for tables in draggable component ends here*/ /* Energy tariff table Table component with gradient head */ .text .table-gradient{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-collapse:separate;} .borderradius table.table-gradient tbody th:first-child{-moz-border-radius-topleft:5px;border-top-left-radius:5px;-webkit-border-top-left-radius:5px;} table.table-gradient tbody th:last-child{-moz-border-radius-topright:5px;border-top-right-radius:5px;-webkit-border-top-right-radius:5px;} /*Box Shadow*/ .boxshadow .blue-promo{-moz-box-shadow: inset 0 0 10px 10px #c9f4fb;-webkit-box-shadow:inset 0 0 10px 10px #c9f4fb;box-shadow: inset 0 0 10px 10px #c9f4fb;} .boxshadow .grey-promo, .boxshadow .gradient-box{-moz-box-shadow: inset 0 0 10px 10px #f6f6f6;-webkit-box-shadow:inset 0 0 10px 10px #f6f6f6;box-shadow: inset 0 0 10px 10px #f6f6f6;} .boxshadow .nectar-box {-moz-box-shadow: inset 0 0 10px 10px #00a2e7;-webkit-box-shadow:inset 0 0 10px 10px #00a2e7;box-shadow: inset 0 0 10px 10px #00a2e7;} .ie7 .secondary-panel-hd, .ie8 .secondary-panel-hd{background-color:#f6f6f6;} .ie7 .grey-promo, .ie8 .grey-promo{background-color:#F9F9F9;} /*Promo Box*/ .blue-promo{background-color: #def7fc;} .blue-promo hr, .blue-promo .divider-2{border-bottom: 1px solid #fff; border-top: 1px solid #B9E8FA; border-left:none; border-right:none;} .grey-promo{background-color: #fafafa;} .grey-promo hr, .grey-promo .divider-2{border-bottom: 1px solid #fff; border-top: 1px solid #CCC; border-left:none; border-right:none;} /*static right promo box*/ .grey-promo {background-color:#fafafa;-moz-box-shadow: inset 0 0 10px 10px #f6f6f6;-webkit-box-shadow:inset 0 0 10px 10px #f6f6f6;box-shadow: inset 0 0 10px 10px #f6f6f6;} .white-promo {background-color:#fff;-moz-box-shadow: inset 0 0 10px 10px #fcfcfc;-webkit-box-shadow:inset 0 0 10px 10px #fcfcfc;box-shadow: inset 0 0 10px 10px #fcfcfc;} /*static right promo box*/ /*Content Promo*/ div.cq-colctrl-lt0-c1 .benefit-box,div.cq-colctrl-lt1-c2 .benefit-box,div.cq-colctrl-lt2-c3 .benefit-box,div.cq-colctrl-lt3-c3 .benefit-box,div.cq-colctrl-lt4-c4 .benefit-box,div.cq-colctrl-lt5-c1 .benefit-box,div.cq-colctrl-lt6-c3 .benefit-box{border:none;} .gradient-box {background-color: #fafafa;} .benefit-box {border-right:1px solid #c7c7c7;} .nectar-box {color:#fff; background-color:#00aced;} .nectar-box h4{color:#fff;} .nectar-box a:focus {background-color:transparent;} /*Static - Nectar Points*/ .nectar-points, .nectar-point-style {color:#6d2c91;} .nectar-comp-large .nectar-points{ background: url(/etc/designs/centrica/bgas/images/nectar-pts-bg-large.png) no-repeat left top;} .nectar-comp-medium .nectar-points{ background: url(/etc/designs/centrica/bgas/images/nectar-pts-bg-medium.png) no-repeat left top;} .nectar-comp-small .nectar-points{ background: url(/etc/designs/centrica/bgas/images/nectar-pts-bg-small.png) no-repeat left top;} /*Static - Nectar Points*/ /*nectar expand collapse component*/ .accordion-head-nectar{color:#fff;border:1px solid #6d2c91;border-bottom:1px solid #d3d3d3;} .cssgradients .accordion-head-nectar{background:-ms-linear-gradient(top left,#762c91,#b12e91);background:-moz-linear-gradient(top left,#762c91,#b12e91); background: -webkit-gradient(linear, left top, left bottom, from(#762c91), to(#b12e91)); background: -o-linear-gradient(#762c91, #b12e91);} .accordion-head-nectar p,.accordion-head-nectar a, .accordion-head-nectar .icon-image{color:#fff;} .no-cssgradients .accordion-head-nectar{background:#b12e91 url(/etc/designs/centrica/bgas/images/accordian-nectar-bg.png) repeat-y top left;} .borderradius .accordion-head-nectar, .borderradius .accordion-content-nectar{-moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; -o-border-radius: 5px} .accordion-head-nectar .plus{background: url(/etc/designs/centrica/bgas/images/icons/icon-plus-yellow.png) no-repeat top right;} .accordion-head-nectar .minus{background: url(/etc/designs/centrica/bgas/images/icons/icon-minus-white.png) no-repeat top right;} .accordion-content-nectar{background-color:#fbfafb;} /*nectar expand collapse component*/ /*banner component*/ .banner-title{color:#fff200;} .banner-content, .banner-nectar .banner-section-right, .banner-nectar .banner-section-right a,.banner-nectar .phone-number, .banner-common .banner-section-right, .banner-common .phone-number, .banner-common .banner-section-right a, .banner-blue p, .banner-blue a span, .banner-blue .banner-title,.banner-blue a, .banner-nectar h3, .banner-nectar .tertiary-link a, .banner-common .tertiary-link a, .banner-white .banner-title, .banner-white .banner-content {color: #fff;} .banner-energy .banner-title{color:#1e78b3;} .banner-energy .banner-content, .banner-general .banner-content{color: #6e6e6e;} .banner-nectar .tertiary-link , .banner-common .tertiary-link {background: url(/etc/designs/centrica/bgas/images/mediumChevron-white.png) no-repeat left 3px;text-decoration:none;} .banner-general .banner-title{color:#646361;} .banner-general2 .banner-section-right {color:#767676;} /*banner component*/ /*Column control Layout*/ div.cq-colctrl-lt5-c1{border-left:1px solid #e6e6e6;} /* static component for tariff panels */ .tariff-panel{background:url(/etc/designs/centrica/bgas/images/websaver-vertical-separator.png) no-repeat right center;} .tariff-panel-left{background:url(/etc/designs/centrica/bgas/images/websaver-vertical-separator.png) no-repeat left center;} .cq-colctrl-lt0-c0 .tariff-panel-left, .cq-colctrl-lt1-c0 .tariff-panel-left, .cq-colctrl-lt2-c0 .tariff-panel-left, .cq-colctrl-lt3-c0 .tariff-panel-left, .cq-colctrl-lt4-c0 .tariff-panel-left, .cq-colctrl-lt5-c0 .tariff-panel-left, .cq-colctrl-lt6-c0 .tariff-panel-left{background: none;border:none;} .cq-colctrl-lt0-c1 .tariff-panel, .cq-colctrl-lt1-c2 .tariff-panel, .cq-colctrl-lt2-c3 .tariff-panel, .cq-colctrl-lt3-c3 .tariff-panel, .cq-colctrl-lt4-c4 .tariff-panel, .cq-colctrl-lt5-c1 .tariff-panel, .cq-colctrl-lt6-c3 .tariff-panel{background: none;border:none;} #primary-wrapper .tariff-panel .separator-gradient{background:url(/etc/designs/centrica/bgas/images/websaver-horizontal-separator.png) no-repeat center center;} /* static component for tariff panels */ /* Smart Meter Progress Bar starts */ .smartprogressbar {background:url(/etc/designs/centrica/bgas/images/smartmeter-progbar-bg.png) repeat-x;} .smartprogressbar .progress-value{color:#0270B9;} .progress-value-field{color:#000;} .target-value{color:#000;} .progress-range-container{color:#646361;background:url(/etc/designs/centrica/bgas/images/smartmeter-progbar-range-bg.png) no-repeat right top;} .progress-range{background:url(/etc/designs/centrica/bgas/images/smartmeter-progbar-range-bg.png) no-repeat right top;} .progress-range.no-bg{background:none;} .smartprogressbar .ui-progressbar .ui-progressbar-value {background-color:#33c1ff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33c1ff), to(#289ae0)); background-image: -webkit-linear-gradient(top, #33c1ff, #289ae0); background-image: -moz-linear-gradient(top, #33c1ff, #289ae0); background-image: -ms-linear-gradient(top, #33c1ff, #289ae0); background-image: -o-linear-gradient(top, #33c1ff, #289ae0); } .smartprogressbar .ui-widget-content { background:url(/etc/designs/centrica/bgas/images/smartmeter-progbar-value-bg.png) no-repeat;} .ui-progressbar .ui-corner-left {border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;} .smartprogressbar .ui-widget-content{border:none;} #jquery-lightbox a img {border: none;} /* Icon Carousel starts */ .carou-log-gallery{background: #efefef;background: -moz-linear-gradient(top, #fefefe 0%, #f2f2f2 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#F2F2F2));background: -webkit-linear-gradient(top, #fefefe 0%,#f2f2f2 100%);background: -o-linear-gradient(top, #fefefe 0%,#f2f2f2 100%);background: -ms-linear-gradient(top, #fefefe 0%,#f2f2f2 100%);background: linear-gradient(top, #fefefe 0%,#f2f2f2 100%);} .carou-log-gallery{border:1px solid #d6d2d3; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px; background-color:#fefefe; -moz-box-shadow: inset 0 0 5px 5px #e5e5e5;-webkit-box-shadow:inset 0 0 5px 5px #e5e5e5;box-shadow: inset 0 0 5px 5px #e5e5e5; } .carou-log-menu{background-color:#fefefe; box-shadow:inset 1px 6px 3px -2px #e5e5e5;-moz-box-shadow:inset 1px 6px 3px -2px #E5E5E5;-webkit-box-shadow:inset 1px 6px 3px -2px #e5e5e5; border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;} .ie7 .carou-log-menu{background:#fefefe url(/etc/designs/centrica/bgas/images/caro-thumb-panel-bg.png) repeat-x top;} .carou-log-menu .menu-item.act {background:url(/etc/designs/centrica/bgas/images/caro-active_bg.png) no-repeat top center;} .carou-log-menu .menu-item a{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:4px; background-color:#018ed6; -moz-box-shadow: inset 0 0 5px 5px #0571b9; -webkit-box-shadow:inset 0 0 5px 5px #0571b9;box-shadow: inset 0 0 5px 5px #0571b9; color:#fff;} .carou-gallery{color:#fff;border:1px solid #d6d2d3; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px; background:#077CCB url(/etc/designs/centrica/bgas/images/caro-slide-panel-bg.png) repeat;} .carou-gallery .carou-log-menu {-moz-box-shadow: inset 0 0 4px 4px #e5e5e5;-webkit-box-shadow:inset 0 0 4px 4px #e5e5e5;box-shadow: inset 0 0 4px 4px #e5e5e5; background-image: none;} .carou-gallery .carou-log-menu .menu-item.act, .carou-gallery .carou-log-menu .menu-item.act:hover{background:url(/etc/designs/centrica/bgas/images/caro-active_bg2.png) no-repeat top center;} .carou-gallery .carou-log-menu .menu-item.act a, .carou-log-menu .menu-item.act a{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px; background-color:#018ed6; -moz-box-shadow: inset 0 0 5px 5px #0571b9; -webkit-box-shadow:inset 0 0 5px 5px #0571b9;box-shadow: inset 0 0 5px 5px #0571b9; color:#fff; } .carou-gallery .carou-log-menu .menu-item a, .carou-log-menu .menu-item a{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px; background-color:#f7f7f7; -moz-box-shadow: inset 0 0 5px 5px #e5e5e5; -webkit-box-shadow:inset 0 0 5px 5px #e5e5e5;box-shadow: inset 0 0 5px 5px #e5e5e5; color:#8b8b8b; } .carou-gallery .carou-log-slide-content h3 {color:#fff;} .carou-gallery.transparent, .carou-gallery.transparent .carou-log-slide-content h3{background:none; color:#000;} /* psoverview */ .cq-colctrl-lt0-c1 .psoverview-product, .cq-colctrl-lt1-c2 .psoverview-product, .cq-colctrl-lt2-c3 .tariff-panel, .cq-colctrl-lt3-c3 .psoverview-product, .cq-colctrl-lt4-c4 .psoverview-product, .cq-colctrl-lt5-c1 .psoverview-product, .cq-colctrl-lt6-c3 .psoverview-product{background: none;} .psoverview-product {background:url(/etc/designs/centrica/bgas/images/websaver-vertical-separator.png) no-repeat right center;} .psoverview-home{ background-color:#fafafa;} .boxshadow .psoverview-home{-moz-box-shadow: inset 0 0 10px 10px #f6f6f6;-webkit-box-shadow:inset 0 0 10px 10px #f6f6f6;box-shadow: inset 0 0 10px 10px #f6f6f6;} /*HTML5 Video player skin*/ .video-controls {color:#fff; opacity:0.8;} .video-timeline{border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;background-color:#272727;} .video-play a {background: url(/etc/designs/centrica/bgas/images/video-buttons.png) no-repeat center -76px #272727;} .small .video-play a, .smaller .video-play a {background: url(/etc/designs/centrica/bgas/images/video-buttons.png) no-repeat center -83px #272727;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .video-play a:hover,.video-play a:focus{ background-color: #1aa3e0;} .video-play a.active { background-position: center 11px; } .small .video-play a.active, .smaller .video-play a.active { background-position: center 4px; } .video-progress-bar, .video-play a.active:hover, .video-sound:hover,.video-sound:focus, .video-sound a:focus{ background-color: #1aa3e0; } .video-progress-bar{border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .video-progress{background-color:#434343;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .video-sound {border-left:1px solid #434343;} .video-sound a{background: url(/etc/designs/centrica/bgas/images/video-buttons.png) no-repeat center -52px;} .video-sound:hover{border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0;} .video-sound a.active{background-position:center -35px;} .video-sound .video-sound-volume {background: url(/etc/designs/centrica/bgas/images/volume-level.png) repeat-x right -16px;} .video-sound .video-sound-volume-bar {background: url(/etc/designs/centrica/bgas/images/volume-level.png) repeat-x right top;} .video-icon{background: url(/etc/designs/centrica/bgas/images/camera.png) no-repeat left top ;} .article_maq .video-icon-small,.youtube .video-icon-small{background: url(/etc/designs/centrica/bgas/images/camera_small.png) no-repeat left center;} /*Tab Component*/ .tabcomponent .tabs{border:none;} .tabcomponent .ui-state-hover a:hover,.tabcomponent .ui-state-active a,.tabcomponent .ui-state-focus a,.tabcomponent .ui-state-active a:link,.tabcomponent .ui-state-active a:visited{color:#6e6e6e;background:#FFF;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;} .tabcomponent .ui-tabs .ui-tabs-nav li{background: #e5e5e5;background: -moz-linear-gradient(-45deg, #fff 0%, #fff 50%, #e5e5e5 100%);background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fff), color-stop(50%,#fff), color-stop(100%,#e5e5e5));background: -webkit-linear-gradient(-45deg, #fff 0%,#fff 50%,#e5e5e5 100%);background: -o-linear-gradient(-45deg, #fff 0%,#fff 50%,#e5e5e5 100%);background: -ms-linear-gradient(-45deg, #fff 0%,#fff 50%,#e5e5e5 100%);background: linear-gradient(-45deg, #fff 0%,#fff 50%,#e5e5e5 100%);} .tabcomponent .horizontal.ui-tabs .tab-content,.tabcomponent .vertical.ui-tabs .tab-content{border:1px solid #ddd;-moz-box-shadow:0 0 2px 2px #f7f7f7;-webkit-box-shadow:0 0 2px 2px #f7f7f7;box-shadow:0 0 2px 2px #f7f7f7;} .tabcomponent .horizontal.ui-tabs .ui-tabs-nav li{border-bottom:none;} .tabcomponent .horizontal.ui-tabs .ui-state-hover,.tabcomponent .horizontal.ui-tabs .ui-state-active,.tabcomponent .horizontal.ui-tabs .ui-state-focus{border:1px solid #DDD;-moz-box-shadow:0 -2px 2px 2px #f7f7f7;-webkit-box-shadow:0 -2px 2px 2px #f7f7f7;box-shadow:0 -2px 2px 2px #f7f7f7;} .tabcomponent .horizontal.ui-tabs .ui-tabs-nav li.ui-tabs-selected{background:#fff;} .tabcomponent .horizontal.ui-corner-top{border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;} .tabcomponent .vertical.ui-tabs .ui-state-hover,.tabcomponent .vertical.ui-tabs .ui-state-active,.tabcomponent .vertical.ui-tabs .ui-state-focus{border:1px solid #DDD;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} .tabcomponent .vertical.ui-tabs .ui-tabs-nav li{border:1px solid #DDD;box-shadow:-2px -1px 2px 1px #f7f7f7;-moz-box-shadow:-2px -1px 2px 1px #f7f7f7;-webkit-box-shadow:-2px -1px 2px 1px #f7f7f7;} .tabcomponent .vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected{background:#fff;border-right:none;} .tabcomponent .vertical.ui-tabs .tab-content{border-radius:3px 5px 5px 3px;-moz-border-radius:3px 5px 5px 3px;-webkit-border-radius:3px 5px 5px 3px;} .tabcomponent .vertical.ui-tabs .ui-corner-top{border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;} /*Facebook widget*/ .facebook .widget{ border:2px solid #fff;} /* Home Carousel starts */ .left-menu .carou-home{background:none;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;} .carou-home-slide-content h2{color:#fff;} .left-menu .carou-home-menu{border-radius:6px 0 0 6px;-moz-border-radius:6px 0 0 6px;-webkit-border-radius:6px 0 0 6px;z-index:99} .left-menu .carou-home-menu{background-color:#2c4e84; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#216f86), to(#213a62)); background-image: -webkit-linear-gradient(top, #216f86, #213a62); background-image: -moz-linear-gradient(top, #216f86, #213a62); background-image: -ms-linear-gradient(top, #216f86, #213a62); background-image: -o-linear-gradient(top, #216f86, #213a62);opacity:0.9;} .left-menu .carou-home-menu .menu-item a{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;} .left-menu .carou-home-menu .menu-item a,.left-menu .carou-home-menu .menu-item a:focus{background:url(/etc/designs/centrica/bgas/images/caro-home-slide-menu-divider.png) no-repeat center bottom ; color:#fff;} .left-menu .carou-home-menu .menu-item.act,.left-menu .carou-home-menu .menu-item.act:hover{background:url(/etc/designs/centrica/bgas/images/caro-home-active-bg.png) no-repeat right;} .left-menu .carou-home-menu .menu-item.act a{border-radius:6px;-moz-border-radius:6px;} .left-menu .carou-home-menu .menu-item.act a{-moz-box-shadow: inset 0 0 5px 5px #144959; -webkit-box-shadow:inset 0 0 5px 5px #144959;box-shadow: inset 0 0 5px 5px #144959; background-color:#175b70;color:#fff; background-image:none; } .slide-toggle.play {background: url(/etc/designs/centrica/bgas/images/play-pause.png) no-repeat 0 0; } .slide-toggle.pause{background: url(/etc/designs/centrica/bgas/images/play-pause.png) no-repeat 0 -24px; } .slide-toggle {border:none} .left-menu .carou-home-menu{border-radius:6px 0 0 6px;} .bottom-circle .carou-home-menu .menu-item.act a:hover,.bottom-circle .carou-home-menu .menu-item.act a{background:url("/etc/designs/centrica/bgas/images/dark-grey-circle.png") no-repeat scroll 0 0 transparent;} .bottom-circle .carou-home-menu .menu-item a{background:url("/etc/designs/centrica/bgas/images/light-grey-circle.png") no-repeat scroll 0 0 transparent;} /*compare-tariffs*/ .icon-section{border-right:1px solid #dedede;} /*Download Component*/ .download span.type_pdf{background: url(/etc/designs/centrica/bgas/images/pdf_icon.gif) no-repeat top left;} /*Cobolt Carousel*/ .coboltcarousel .pagination li a {background:url(/etc/designs/centrica/bgas/images/pagination.png) no-repeat 0 2px;} .coboltcarousel .pagination li.current a {background-position:0 -8px;} .focus-field{color:#3b3b3a;} .idle-field{color:#6e6e6e;} .product-progress .vertical-long-divider{background-position:100% 0;} .disable-product label, .disable-product select[disabled]{color:#ccc;} .disable-product select[disabled]{background:#f0f0f0;} #property{background:#ccc;} /*----------------------------------------------------------------------header footer templates---------------------------------------------*/ /*header- current*/ /* header section styles start */ #main-header{background: url(/etc/designs/centrica/bgas/images/header-gradient.png) repeat-x left bottom ;} .topnav ul li{background: url(/etc/designs/centrica/bgas/images/topnav-divider.png) no-repeat 0 2px} .topnav ul li.first , .footer-lft ul li.first{ background:none} .welcome-msg a .tertiary-link, .welcome-msg a:hover .tertiary-link{ color:#0270B9} .topnav ul li a, .main-menu ul li a.active {color:#6e6e6e;} .topsrch {background: url(/etc/designs/centrica/bgas/images/btn-input-search.png) no-repeat 0 0;} input.srchbox { border:0 none; background:transparent} #main-header .logoutmsg-altheader a{text-decoration:underline;} #footer-wrap{background: url(/etc/designs/centrica/bgas/images/footer-gradient.png) repeat-x left top;} .ft-links ul li{background: url(/etc/designs/centrica/bgas/images/topnav-divider.png) no-repeat 0 3px} .ft-links-rgt ul.social li a.rss, .ft-links ul.social li a.rss{background:url(/etc/designs/centrica/bgas/images/rss-icon.png) no-repeat 0 0;} .ft-links-rgt ul.social li a.facebook, .ft-links ul.social li a.facebook, .facebook h4{background:url(/etc/designs/centrica/bgas/images/facebook-icon.png) no-repeat 0 0;} .ft-links-rgt ul.social li a.twitter,.ft-links ul.social li a.twitter, .twitter h4{background:url(/etc/designs/centrica/bgas/images/twitter-icon.png) no-repeat 0 0;} .ft-links-rgt ul.social li a.youtube, .ft-links ul.social li a.youtube{background:url(/etc/designs/centrica/bgas/images/youtube-icon.png) no-repeat 0 0;} .ie7 input.srchbox{border:0 none; background: url(/etc/designs/centrica/bgas/images/btn-input-search.png) no-repeat 0 0;} .main-menu ul li a.more { background: url(/etc/designs/centrica/bgas/images/main-menu-more.png) no-repeat 100% 50%;} .logout{background: url(/etc/designs/centrica/bgas/images/topnav-divider.png) no-repeat right 2px} .logoutmsg-altheader .logout{background:none;} #logo a{background:none;} /* header section styles ends */ /*----------------------------------------------------------------------header footer templates---------------------------------------------*/ /*datatable*/ .dataTables_length ul li {background:#fff url(/etc/designs/centrica/bgas/images/entry-divider.jpg) no-repeat 0 50%;} .dataTables_length ul li.first {background:none;} .dataTables_length ul li a.selected, .dataTables_info, .dataTables_paginate{color:#6e6e6e;} .dataTables_wrapper table th a{color:#fff;} .dataTables_filter input{border:1px solid #8f8f8f;} .dataTables_filter input.trans-search{border:0;} .dataTables_paginate span.previous{color:#0270B9;background: url(/etc/designs/centrica/bgas/images/ac-arrow-lft.png) no-repeat 0 3px;} .dataTables_paginate span.next{color:#0270B9;background: url(/etc/designs/centrica/bgas/images/ac-arrow-rgt.png) no-repeat right center;} .dataTables_paginate span span.paginate_button {border:1px solid #c2c2c2; color:#0270B9; background: url(/etc/designs/centrica/bgas/images/paginate-btn.jpg) repeat-x 0 0;} .dataTables_paginate span span.paginate_active {border:1px solid #c2c2c2; color:#6e6e6e; background: url(/etc/designs/centrica/bgas/images/paginate-btn-click.jpg) repeat-x 0 0;} .dataTables_paginate span.previous.paginate_button_disabled{background: url(/etc/designs/centrica/bgas/images/gray-arrow-lft.png) no-repeat 0 3px;color:#bdbdbd;} .dataTables_paginate span.next.paginate_button_disabled{background: url(/etc/designs/centrica/bgas/images/gray-arrow-rt.png) no-repeat right 3px;color:#bdbdbd;} .dataTables_paginate span a,.dataTables_paginate span a:focus{background:none;} .borderradius .table-history thead th.first{-moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-left-radius:4px;} .borderradius .table-history thead th.last{-moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-top-right-radius:4px;} .table-history{border-collapse:collapse;} .table-history thead tr th{color:#fff;background-color:#00aeef;border-bottom:5px solid #fff;} .table-history thead tr th{background:#00aeef url(/etc/designs/centrica/bgas/images/ac_separator.png) no-repeat 100% 50%;} .table-history thead tr th:last-child{background-image:none;} .table-history thead tr th a.sorting_desc{background: url(/etc/designs/centrica/bgas/images/sorter-up.png) no-repeat right center #00aeef;} .table-history thead tr th .sorting-all,.table-history thead tr th a.sorting_asc{background: url(/etc/designs/centrica/bgas/images/sorter-down.png) no-repeat right center #00aeef;} .table-history td{border-bottom: 1px dashed #dedede; border-left: 2px solid #dedede;} .table-history tbody tr {background:#f0f0f0;} .table-history tbody tr.odd {background:#fff;} .table-history tbody tr td:first-child{ border-left:none;} .table-history tbody tr:hover, table.table-history tbody tr.odd:hover{background:#dff5ff;} .table-history td.dataTables_empty{border:1px solid #d3d3c8} .table-history td.dataTables_empty:first-child{border-left:1px solid #d3d3c8} .dataTables_filter input.trans-search{border:0;} #tableMessages_wrapper .table-history td {border-bottom: 1px solid #DEDEDE;} /*datatable*/ /*pagination*/ .paginate {color:#6e6e6e;} .paginate span.previouspg-disable a, .paginate span.previouspg-disable a:hover{background: url(/etc/designs/centrica/bgas/images/gray-arrow-lft.png) no-repeat 0 3px;color:#bdbdbd;} .paginate span.next-disable a ,.paginate span.next-disable a{background: url(/etc/designs/centrica/bgas/images/gray-arrow-rt.png) no-repeat right 3px;color:#bdbdbd;} .paginate span.previouspg a,.paginate span.previouspg a:hover{color:#0270B9;background: url(/etc/designs/centrica/bgas/images/blue-arrow-lft.png) no-repeat 0 3px;} .paginate span.nextpg a,.paginate span.nextpg a:hover{color:#0270B9;background: url(/etc/designs/centrica/bgas/images/blue-arrow-rt.png) no-repeat right center;} .paginate span span.paginate-button {border:1px solid #c2c2c2; color:#0270B9; background: url(/etc/designs/centrica/bgas/images/paginate-btn.jpg) repeat-x 0 0;} .paginate span span.paginate-active {border:1px solid #c2c2c2; color:#6e6e6e; background: url(/etc/designs/centrica/bgas/images/paginate-btn-click.jpg) repeat-x 0 0;} /*pagination*/ /*edit icon*/ .edit-icon{background:url(/etc/designs/centrica/bgas/images/icon-edit.png) no-repeat 0 0;} /*------------------------------------------------------- Custom.css Colors -------------------------------------------------------*/ /*energysmartpaymentoption*/ .payment-overlay-padding{background:url(/etc/designs/centrica/bgas/images/info-icon.png) no-repeat left top;} /* EnergySmart - City comparison */ .ec-color1{background-color:#df2600;} .ec-color2{background-color:#f1c603;} .ec-color3{background-color:#468e3d;} .ec-color4{background-color:Orange;} .gaq-color1,.egy-cmpn .energy-smart-message h2,.egy-cmpn .energy-smart-message .intro-content p{color:#042d56;} .gaq-color2,.egy-cmpn .energy-smart-message h2 span, .egy-cmpn .energy-smart-message h2 sup{color:#9fc53e;} .egy-cmpn .gradient-box1{background-color:#fafafa;-moz-box-shadow: inset 0 0 5px 1px #c9c9c9;-webkit-box-shadow:inset 0 0 5px 1px #c9c9c9;box-shadow: inset 0 0 5px 1px #c9c9c9;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} .egy-cmpn .gradient-box2{background-color:#fff;-moz-box-shadow: inset 0 0 5px 1px #c9c9c9;-webkit-box-shadow:inset 0 0 5px 1px #c9c9c9;box-shadow: inset 0 0 5px 1px #c9c9c9;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} .egy-cmpn .no-shadow{-moz-box-shadow:0 0;-webkit-box-shadow:0 0;box-shadow:0 0;} .egy-cmpn .summary-container{border:1px solid #d6d3d3;-moz-box-shadow:0 0;-webkit-box-shadow:0 0;box-shadow:0 0;} .egy-cmpn .paginate-caption{color:#1383ce;} .egy-cmpn sup{color:#6e6e6e;} .ie7 .egy-cmpn .gradient-box1, .ie8 .egy-cmpn .gradient-box1, .ie7 .egy-cmpn .gradient-box2, .ie8 .egy-cmpn .gradient-box2{border: 1px solid #D6D3D3;} .ie7 .egy-cmpn .outer-box,.ie8 .egy-cmpn .outer-box{border:none;} .ie7 .egy-cmpn .gradient-box1 .gradient-box2, .ie8 .egy-cmpn .gradient-box1 .gradient-box2{border-top:1px solid #D6D3D3;border-bottom:none;border-left:none;border-right:none;} .ie7 .egy-cmpn .gradient-box1 .summary-container, .ie8 .egy-cmpn .gradient-box1 .summary-container{border:1px solid #D6D3D3;} /* EnergySmart - City comparison */ /* EnergySmart - UK comparison */ .egy-cspn .gradient-box1{background-color:#fff;-moz-box-shadow: inset 0 0 5px 1px #e6e6e6;-webkit-box-shadow:inset 0 0 5px 1px #e6e6e6;box-shadow: inset 0 0 5px 1px #f6f6f6;border:1px solid #dbd9d9;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px} .egy-cspn .gradient-box2{-moz-box-shadow: inset 0 0 5px 1px #e6e6e6;-webkit-box-shadow:inset 0 0 5px 1px #e6e6e6;box-shadow: inset 0 0 5px 1px #f6f6f6;border:1px solid #dbd9d9;background:#f9f9f9;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} .egy-cspn .gradient-box1 div.avg-usg h4 span{color:#127aca;} .egy-cspn .gradient-box1 div.avg-usg h4 em{color:#6e6d6c} .colorblue{color:#2283ce;} .cspn-sidepromo{border:1px solid #e5e5e5;} .gradient-box2 .grey-promo .promo-padding h2{color:#003366;} .gradient-box2 .grey-promo .promo-padding h2 span,.gradient-box2 .grey-promo .promo-padding h2 sup{color:#669900;} .ie7 .egy-cmpn .gradient-box1 .cspn-sidepromo,.ie8 .egy-cmpn .gradient-box1 .cspn-sidepromo{border:1px solid #d6d3d3;} /* EnergySmart - UK comparison */ /* Range Slider */ .slider-holder{background: url(/etc/designs/centrica/bgas/images/slider-bg.png) no-repeat 5px 5px;} .fd-slider{border:0 none;} .focused .fd-slider-inner{border:0px solid #aaa;} .fd-slider-handle{background: url(/etc/designs/centrica/bgas/images/slider.png) no-repeat 0 0;} .fd-slider-handle:focus{border:0 none;} button.fd-slider-handle:focus::-moz-focus-inner{border-color:transparent;} /* Range Slider */ /* Loading Msg */ .ui-widget.ui-dialog .ui-dialog-titlebar-no-close{background:none;} /* Loading Msg */ /*Auto complete */ .auto-complete-list{background:none repeat 0 0 #fff;border:#000 1px solid;} /*-- Energy Shop repair widget starts --*/ .promo-widget-cont {-moz-border-radius: 5px; background: -moz-linear-gradient(center top , #0099ff, #0066cc) repeat 0 0 #0066cc;border-bottom: 1px solid #cfcfcf; color: #fff;background-color:#0099ff;} .promo-widget-cont h3, .promo-widget-cont label, .promo-widget-cont a{color:#fff;} /*-- Energy Shop new blue color widget ends --*/ /* Home insulation starts here */ .sup-blk, .sub-blk{color:#6e6e6e;} .sup-blue{color:#0270b9;} .sup-blue:hover{color:#003399;} .call-no { color:#207cba;} /* Home insulation ends here */ .white-arrow{background: url(/etc/designs/centrica/bgas/images/white-arrow.png) no-repeat left 3px;} /* Search styles*/ .comment {background: url(/etc/designs/centrica/bgas/images/btn-send-orange.png) no-repeat 0 0 ;} .yes {background: url(/etc/designs/centrica/bgas/images/btn-yes.png) no-repeat 0 0 ;} .no {background: url(/etc/designs/centrica/bgas/images/btn-no.png) no-repeat 0 0 ;} .helpsearch_button {background: url(/etc/designs/centrica/bgas/images/search-btn-help.png) no-repeat;} .hppagination-number {background: url(/etc/designs/centrica/bgas/images/icons/help_search_pagination.png) no-repeat;} .paginate .hppagination-prev a.disabled {background: url(/etc/designs/centrica/bgas/images/gray-arrow-lft.png) no-repeat left 2px;color: #bdbdbd;} .paginate .hppagination-prev a.previous-link {background: url(/etc/designs/centrica/bgas/images/blue-arrow-lft.png) no-repeat left 2px;} .paginate .hppagination-next a.disabled {background: url(/etc/designs/centrica/bgas/images/blue-arrow-rt.png) no-repeat right 2px;color: #bdbdbd;} .paginate .hppagination-next a.next-link {background: url(/etc/designs/centrica/bgas/images/blue-arrow-rt.png) no-repeat right 2px;} .hpcurrent-number{background-position:0 -27px;} .ac_results li.ac_over{color:#fff;background:-moz-linear-gradient(top,#535352,#686666);background: -webkit-gradient(linear, left top, left bottom, from(#535352), to(#686666));background-color:#535352;} .ac_odd {background-color: #cceffc;} .ac_even {background-color: #fff;} /*Home Login Panel Component*/ .home-log { border-radius: 6px 6px 6px 6px;border:1px solid #d5d2d2;} .home-log-head {border-bottom:1px solid #316c94;background: linear-gradient(bottom, rgb(1,120,200) 39%, rgb(5,129,206) 65%, rgb(1,160,228) 85%);background-image: -o-linear-gradient(bottom, rgb(1,120,200) 39%, rgb(5,129,206) 65%, rgb(1,160,228) 85%);background-image: -moz-linear-gradient(bottom, rgb(1,120,200) 39%, rgb(5,129,206) 65%, rgb(1,160,228) 85%);background-image: -webkit-linear-gradient(bottom, rgb(1,120,200) 39%, rgb(5,129,206) 65%, rgb(1,160,228) 85%);background-image: -ms-linear-gradient(bottom, rgb(1,120,200) 39%, rgb(5,129,206) 65%, rgb(1,160,228) 85%);background-color:#0079c8;border-radius: 5px 5px 0 0; } .home-log-head h2 {color:#fff;} /*Map Component*/ .googlemap{background:#f0f0f0; border-radius:3px;} .googlemap .direction{background: url(/etc/designs/centrica/bgas/images/directions.png) no-repeat 400px center; } /* Account summary & overview panel container */ .no-border-radius{border-radius:0 0 0 0;-moz-border-radius:0 0 0 0;-webkit-border-radius:0 0 0 0;} .panel-widget-layout{border:1px solid #d7d4d4;border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;} .section-container, .clsd-acc-ovrvw{border-top: 1px solid #cfcfcf;} .primary-panel-hd{color:#fff;background:-moz-linear-gradient(center top , #01abfb, #027aca) repeat 0 0 ;background-color:#027aca;border-bottom: 1px solid #d7d4d4;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;} .secondary-panel-hd{color:#fff;background:-moz-linear-gradient(center top , #fff, #f0f0f0) repeat 0 0 ;background-color:#f0f0f0;border-bottom: 1px solid #cfcfcf;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;} .acc-summ-gradient{background-color:#e5f7fd;-moz-box-shadow: inset 0 0 25px 0px #daeaf0;-webkit-box-shadow:inset 0 0 25px 0px #daeaf0;box-shadow: inset 0 0 25px 0px #daeaf0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #c9c9c9;} .ie7 .acc-summ-gradient, .ie8 .acc-summ-gradient{background-color:#e5f7fd;} .ie7 .acc-summ-pnlpad, .ie8 .acc-summ-pnlpad{background-color:#fafafa;} .ie7 .secondary-panel-hd, .ie8 .secondary-panel-hd{background-color:#f6f6f6;} .ie8 .acc-summ-pnlpad.grey-promo,.ie8 .acc-summ-widget .grey-promo{border:none;} .accsumm-inactive, .accsumm-inactive:hover{border-bottom:1px dotted #0270B9;text-decoration:none;} /* Account overview */ .missing-accsumm, .missing-accsumm:hover{color:#fff;border-bottom:1px dotted #fff;text-decoration:none;} .cust-info h3,.nectar-info h4{color:#0060ae} .primary-panel-hd h2.color-white, .primary-panel-hd .missing-acc-link{color:#fff;} /* Account summary */ .accsumm-meter-value span{background-color:#f0f0f0;color:#585858;} /*-- Table Component for view bill -- */ table.table-component-viewbill{background:#fcfcfc;border:1px solid #d6d6d6;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} table.table-component-viewbill tbody tr.oddrow {background-color:#f5f5f5;} /*Price finder tool - Error color */ .error-inline{color: #c1056f;} /*Site map*/ .site-map ul.level-1 li.level-3{box-shadow: 0 0 10px 10px #f6f6f6 inset; background-color: #fafafa; } /*-- Energy Shop repair widget starts --*/ .promo-widget-cont {-moz-border-radius: 5px;} /*-- Energy Shop new blue color widget ends --*/ /* Right promo box for Get a quote journey in BGS Newshop*/ .promo-mid-divider { background:url(/etc/designs/centrica/bgas/images/promo-mid-bg.png) no-repeat bottom center; } .call-no { color:#207cba;} /* Right promo box for Get a quote journey in BGS Newshop*/ /*get a quote - result pages - */ .link-width .primary-link{background-position:left 0} /*get a quote - result pages - */ /*------------------------------------------------------- Custom.css Colors -------------------------------------------------------*/ /*------------------------------------------------------- custom.css cq component--------------------------------------------*/ /*datatable starts here*/ #dt-wrap a.fourth-level-link{background: url("/etc/designs/centrica/bgas/images/smallChevron.png") no-repeat scroll 6px 7px transparent;} /*datatable ends here*/ /*New Shop Price finder Component*/ .od-tip-bubble {background-color:#f7f7f7;border: 1px solid #c1c1c1;} .od-map-area.od-active {border-bottom: 1px dotted #d4d4d4;border-top: 1px dotted #d4d4d4;} .error-postcode{color:#c1056f;} .od-tip-bubble {border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px;} .od-map .od-bubble-text {background: none !important;} /*New Shop Price finder Component*/ /*button component - starts here*/ button { background:none; border:none;} button.btn-comp:focus{outline:1px dotted;} button.btn-comp span span, .genericNextButton button.btn-comp span span {background-position:right -41px;} button.btn-comp span span span, .genericNextButton button.btn-comp span span span {background-position:left -83px; background-repeat:repeat-x;} .btn-comp-img a{background:url(/etc/designs/centrica/bgas/images/divider.png) no-repeat left center ;} button.btncomp-primary span{background: url(/etc/designs/centrica/bgas/images/btn-comp-primary.png) no-repeat left top ;color: #fff;} button.btncomp-secondary span, button.btncomp-inactive span{background: url(/etc/designs/centrica/bgas/images/btn-comp-disabled.png) no-repeat left top ; color:#137abe;} button.btncomp-inactive span{color: #bdbdbd;} .genericNextButton button.btncomp-secondary span{background: url(/etc/designs/centrica/bgas/images/btn-comp-next.png) no-repeat left top ;color: #0060ae; } /*button component - ends here*/ /*grey table header for data table starts here*/ .table-history .table-grey-header tr th{background:url(/etc/designs/centrica/bgas/images/grey-table-head_separator.png) no-repeat scroll 100% 50% #F6F6F6; color:#3B3B3B;} .table-history thead.table-grey-header tr th a.sorting_desc{background:url("/etc/designs/centrica/bgas/images/sorter-grey-up.png") no-repeat scroll right center #F6F6F6;} .table-history thead.table-grey-header tr th a.sorting_asc{background:url("/etc/designs/centrica/bgas/images/sorter-grey-down.png") no-repeat scroll right center #F6F6F6;} /*grey table header for data table ends here*/ .focus-field{color:#3b3b3a;} .idle-field{color:#6e6e6e;} span.error-inline span{color:#c1056f;background:url(/etc/designs/centrica/bgas/images/error-pt-field.png) no-repeat 0 6px ;} span.error-nxtline span{color:#c1056f;background:url(/etc/designs/centrica/bgas/images/error-pt-field-up.png) no-repeat 0 10px ;} .field-cont .error-nxtline span,.field-cont .error-inline span{color:#c1056f;} /*-ve value color text*/ .credit-note{color:#c1056f;} /*--------------------------------------- custom.css cq component--------------------------------------------------------------------*/ /* Cancel Appointment */ .bgcalender{background:url(/etc/designs/centrica/bgas/images/bg_calendar.png) no-repeat;} /* Cancel Appointment */ /*Newshop GAQ inline quote*/ ul.bolier-heat li {background: url(/etc/designs/centrica/bgas/images/boilertype-sml.png) no-repeat;} ul.plum-drain-cover li {background: url(/etc/designs/centrica/bgas/images/plumbing-sml.png) no-repeat;} ul.plum-drain-repair li {background: url(/etc/designs/centrica/bgas/images/plum-and-drain-repair-sml.png) no-repeat;} ul.gas-app li {background: url(/etc/designs/centrica/bgas/images/Gas-appliance-sml.png) no-repeat;} ul.kitchen-app li {background: url(/etc/designs/centrica/bgas/images/kitchen-appliance-sml.png) no-repeat;} ul.home-elec li {background: url(/etc/designs/centrica/bgas/images/Home-electrics-sml.png) no-repeat;} .central-price {color:#227bb7; } .grey-gradient-box { background:#fff url(/etc/designs/centrica/bgas/images/grey-box-bg.png) repeat-x 0 0; border:1px solid #d2d2d2; -moz-border-radius: 5px ; } .central-step-process .gradient-filler{background: url(/etc/designs/centrica/bgas/images/grey-bg-inline-gaq.png) repeat-y center top ;} .note-head{color:#027aca;} /*Newshop GAQ inline quote*/ /* ----------- Emergencies component design --------- */ .emergency-component-error-info{color:#ff0000;} /* ----------- Left Tab CSS for Breakdown starts ---------- */ ul.tabs-breakdown li {background:url(/etc/designs/centrica/bgas/images/left-tab.png);} ul.tabs-breakdown li.active {background:#fff;} ul.tabs-breakdown li.active a,ul.tabs-breakdown li.active a sup.sup-blue{color:#6e6e6e;} ul.tabs-breakdown li.active:focus{border:1px solid #f00} .breakdown-bg{background:url(/etc/designs/centrica/bgas/images/ActiveBG-breakdown-gray.png) no-repeat;} .blueactive{background:url(/etc/designs/centrica/bgas/images/selectedBG-breakdown-blue.png) no-repeat;} .noimagecls{background:url(/etc/designs/centrica/bgas/images/emptyIMG.png);} ul.tabs-breakdown{border-right:1px solid #d8d8d8;} ul.tabs-breakdown li {border:1px solid #d8d8d8;-moz-border-radius-bottomleft: 5px;-khtml-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;-khtml-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;border-right:0px;} ul.tabs-breakdown li.active {border:1px solid #d8d8d8;border-right:0px;-khtml-bord-moz-border-radius-bottomleft: 5px;-khtml-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;-khtml-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;} .tab-container {background: none repeat 0 0 #fff;} /* ----------- Left Tab CSS for Breakdown ends ---------- */ /*view diary styles*/ .grey-promo-br{border:1px solid #dcdcdc;} .grey-promo-br .grey-promo{border:none;} /*view diary styles*/ /*ASV Appointment Booking*/ #calendarpaging a.prev,#calendarpaging a.prevPage,#calendarpaging .a#prev,#calendarpaging .a#prevPage,#paging-errormsg a.prev,#paging-errormsg a.prevPage {background:url(/etc/designs/centrica/bgas/images/nav-top-1.png) 70px -12px no-repeat;/*border:1px solid #fff;border-right:none;*/} #calendarpaging a.next,#calendarpaging a.nextPage,#calendarpaging .a#next,#calendarpaging .a#nextPage,#paging-errormsg a.next,#paging-errormsg a.nextPage {background:url(/etc/designs/centrica/bgas/images/nav-bottom-1.png) 70px -11px no-repeat;border:1px solid #fff;border-left:none;} #appointment-calendar td ,#prefappointment-calendar td{border:1px solid #fff;} .ie7 #appointment-calendar td ,.ie7 #prefappointment-calendar td{border:1px solid #fff; border-right:0px;} #calendarLoader,#prefcalendarLoader {color: #fff;} #appointment-calendar table tbody tr td ,#prefappointment-calendar table tbody tr td{background: url(/etc/designs/centrica/bgas/images/appointment-vanleft.png) 0 -108px no-repeat;} #appointment-calendar table tbody tr td.slot5 , #prefappointment-calendar table tbody tr td.slot5{background: url(/etc/designs/centrica/bgas/images/appointment-vanleft-5slot.png) 0 -108px no-repeat;} #appointment-calendar table tbody tr td.slot6, #prefappointment-calendar table tbody tr td.slot6{background: url(/etc/designs/centrica/bgas/images/appointment-vanleft-6slot.png) 0 -108px no-repeat;} span.ui-radio {background:url(/etc/designs/centrica/bgas/images/appointment-vanleft.png) 0 -72px no-repeat;} span.ui-radio-state-hover {background-position:0px 0px} #calendarpaging a.disabled,#paging-errormsg a.disabled{background-position:70px 2px; } span.ui-radio-state-checked-disabled-hover,span.ui-radio-state-checked-disabled,span.ui-radio.ui-radio-state-checked,span.ui-radio.ui-radio-state-checked-hover {background-position:0 -36px} .slot5 .ui-radio {background:url(/etc/designs/centrica/bgas/images/appointment-vanleft-5slot.png) 0 -72px no-repeat;} .slot5 .ui-radio-state-hover {background-position:0px 0px} .slot5 .ui-radio-state-checked-disabled-hover,.slot5 .ui-radio-state-checked-disabled,.slot5 .ui-radio.ui-radio-state-checked,.slot5 .ui-radio.ui-radio-state-checked-hover {background-position:0 -36px} .slot6 .ui-radio {background:url(/etc/designs/centrica/bgas/images/appointment-vanleft-6slot.png) 0 -72px no-repeat;} .slot6 .ui-radio-state-hover {background-position:0px 0px} .slot6 .ui-radio-state-checked-disabled-hover,.slot5 .ui-radio-state-checked-disabled,.slot5 .ui-radio.ui-radio-state-checked,.slot5 .ui-radio.ui-radio-state-checked-hover {background-position:0 -36px} .calendar-legend-section div.selected{background: url(/etc/designs/centrica/bgas/images/calendar-legend.png) no-repeat scroll 0pt 0px transparent;} .calendar-legend-section div.available{background: url(/etc/designs/centrica/bgas/images/calendar-legend.png) no-repeat scroll 0pt -15px transparent;} .calendar-legend-section div.unavailable{background: url(/etc/designs/centrica/bgas/images/calendar-legend.png) no-repeat scroll 0pt -30px transparent;} /*Job Tracker Off Appointment Section*/ #appointment-calendar.joboff{background:url(/etc/designs/centrica/bgas/images/bg-date.png) repeat-x 0 1px;} #prefappointment-calendar.joboff{background:url(/etc/designs/centrica/bgas/images/bg-date.png) repeat-x 0 1px;} /*Job Tracker Off Appointment Section*/ /*Job Tracker On Appointment Section*/ .cal-sec-jobon{/*border-top:1px solid #cacaca;*/border-bottom:1px solid #cacaca;} .asv-footer-cont-jobon{border-top:1px solid #cacaca} .asv-jobtracker-cal{border-right:1px dotted #d2d2d2} /*Job Tracker On Appointment Section*/ /*ASV Appointment Booking*/ /* Login template */ /* Account summary - BGS */ .promo-three-col-txt{border:1px solid #fdfdfd;} .progressbarbg{border-top:1px solid #c7c7c7;} .step0{background:url(/etc/designs/centrica/bgas/images/step-indicator-new.png) no-repeat 0 0;} .step1{background-position:0 0;} .step2{background-position:0 -53px;} .step3{background-position:0 -106px;} .step4{background-position:0 -159px;} .step5{background-position:0 -212px;} .step6{background-position:0 -265px;} .step7{background-position:0 -318px;} .step8{background-position:0 -371px;} .panel-grey{background-color:#cbc9c9;border: 1px solid #E3E1E1;border-radius: 5px 5px 5px 5px;} .panel-white{background-color: #fff;} .panel-white-inner{background-color: #fff;} .panel-white-rgt{border-left:1px solid #ccc;} .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{color:#666;} .inprogress-sched .step1, .inprogress-pend .step1, .inprogress-alloc .step2, .inprogress-disp .step2, .inprogress-hold .step2, .inprogress-route .step3, .inprogress-site .step3, .inprogress-comp .step4{color:#0e8fcc;} .inprogress-na .step4, .inprogress-na1 .step4, .inprogress-na2 .step4, .inprogress-naw .step4{color:#ff0000;} .accsumm-stepindi, .accsumm-sched, .accsumm-pend, .accsumm-alloc, .accsumm-disp, .accsumm-hold, .accsumm-route, .accsumm-site, .accsumm-comp, .accsumm-na, .accsumm-na1, .accsumm-na2, .accsumm-naw{background:url(/etc/designs/centrica/bgas/images/step-indicator-new.png) no-repeat;border:0;} .mid-accsum-box-bg{border:1px solid #e3e1e1; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;color:#444342;} .mid-accsum-box, .mid-accsum-box-lft{color:#444342;background:-moz-linear-gradient(center top , #fff, #f0f0f0) repeat 0 0 ;background-color:#f0f0f0;border-bottom: 1px solid #cfcfcf;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;} .accsumm-sched, .accsumm-pend{background-position: 0 0} .accsumm-alloc, .accsumm-disp, .accsumm-hold{background-position: 0 -53px} .accsumm-route, .accsumm-site{background-position: 0 -106px} .accsumm-comp{background-position: 0 -158px} .accsumm-na, .accsumm-na1, .accsumm-na2, .accsumm-naw{background-position: 0 -212px} /* Account summary - BGS */ /*search invoice component starts here*/ .searchInvoices{background: url(/etc/designs/centrica/bgas/images/small-divider.png) no-repeat right 63px ;} /*search invoice component ends here*/ /*combined fields error msg*/ span.error-nxtline span.combined-fields{background-position:0 68px;} /*-------------*/ /*simple-menu starts here*/ .simple-menu ul li a.current-section{color:#9b9b9b;} .simple-menu ul li a:hover{color:#FFFFFF;background-color:#0589d2; background:-moz-linear-gradient(top, #0589d2, #0484cf); background:-webkit-gradient(linear, left top, left bottom, from(#0589d2), to(#0484cf));-moz-border-radius:5px 5px 0 0;border-radius: 5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;box-shadow: #777 0 1px 5px 0;-moz-box-shadow:#777 0 1px 5px 0;-webkit-box-shadow: #777 0 1px 5px 0;} /*simple-menu ends here*/ /* added for breakdownappinment page */ .leftfault span{border-right:solid 1px #767676;} /*AC summary - BGS*/ .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{color:#666} /*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{color:#0e8fcc;} /*In progress Step red color text - AC summary*/ .inprogress-na .step4, .inprogress-na1 .step4, .inprogress-na2 .step4, .inprogress-naw .step4{color:#ff0000} /* Step indicator image color text - AC summary*/ .accsumm-stepindi, .accsumm-sched, .accsumm-pend, .accsumm-alloc, .accsumm-disp, .accsumm-hold, .accsumm-route, .accsumm-site, .accsumm-comp, .accsumm-na, .accsumm-na1, .accsumm-na2, .accsumm-naw{background:url(/etc/designs/centrica/bgas/images/step-indicator-new.png) no-repeat;border:0;} .mid-accsum-box-bg{border:1px solid #e3e1e1; -moz-border-radius: 5px 5px 5px 5px;color:#444342;} .appointment-box sup.TMsuper{color: #646361;} .mid-accsum-box, .mid-accsum-box-lft{color:#444342;background:-moz-linear-gradient(center top , #fff, #f0f0f0) repeat 0 0 ;background-color:#f0f0f0;border-bottom: 1px solid #cfcfcf;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;} .accsumm-sched, .accsumm-pend{background-position: 0 0;} .accsumm-alloc, .accsumm-disp, .accsumm-hold{background-position: 0 -53px;} .accsumm-route, .accsumm-site{background-position: 0 -106px;} .accsumm-comp{background-position: 0 -158px;} .accsumm-na, .accsumm-na1, .accsumm-na2, .accsumm-naw{background-position: 0px -212px;} /*AC summary - BGS*/ /*--------------- End of Custom.css Colors ---------------**/ /*bullet*/ .list-square-bullet ul li, ul li span.bullet-sq{color:#6e6e6e;background:url(/etc/designs/centrica/bgas/images/bullet.png) no-repeat 0 5px;} .list-tick-bullet ul li, ul li span.tick, ul li span.voucher-tick-list{color:#6e6e6e;background:url(/etc/designs/centrica/bgas/images/NewGreen_DESKTOP.png) no-repeat 0 3px;} .list-voucher-bullet ul li, ul li span.voucher-list{color:#6e6e6e;background:url(/images/bgs-voucher.png) no-repeat 0 3px;} .list-number-bullet ol li, ol li{color:#6e6e6e;} .callbackGrayBox {background-color:#f0f0f0;} /*----------------static confirmation Promo box ----------------------*/ .online-box {-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;-moz-border-radius-topleft:6px; -moz-border-radius-topright:6px;} /*----------------static confirmation Promo box ----------------------*/ /*static confirmation Promo box - neeeds to removed after cq implementation*/ .online-box p, p.promo-header {color:#0270B9;} .manage-acc-detail {background: url(/etc/designs/centrica/bgas/images/reg-view-acc-detail.png) no-repeat center bottom;} .manage-payment {background: url(/etc/designs/centrica/bgas/images/manage-payment.png) no-repeat center bottom;} .manage-direct-debit{background:url(/etc/designs/centrica/bgas/images/reg-direct-debit.png) no-repeat 55% 95%;} .monitor-energy-usage{background:url(/etc/designs/centrica/bgas/images/reg-monitor-usage.png) no-repeat 55% 95%;} .collect-nectar-points{background:#00A2E6 url(/etc/designs/centrica/bgas/images/reg-collect-nectar.png) no-repeat 45% 95%;} .reg-online-account span {background: url(/etc/designs/centrica/bgas/images/reg-online-topbg.jpg) no-repeat left bottom;} .collect-nectarpoints {background: url(/etc/designs/centrica/bgas/images/reg-nectar.png) no-repeat 55% 95%;} .online-box ul li, ul.promo-list-content li {background: url(/etc/designs/centrica/bgas/images/reg-tickmark.png) no-repeat 0 12px;} .start-online {background: url(/etc/designs/centrica/bgas/images/account-complete-shadow.jpg) no-repeat center top;} .manage-account {background: url(/etc/designs/centrica/bgas/images/manage-account.png) no-repeat 55% 95%;} .reg-online-account span.bottom-bg {background: url(/etc/designs/centrica/bgas/images/reg-online-botbg.jpg) no-repeat left top;} .online-box {background: url(/etc/designs/centrica/bgas/images/reg-online-actbg.jpg) repeat-x center top;border:1px solid #00A2E6;} .nectaronline-box p.nect-head, .nectaronline-box p.nect-txt {color: #fff;} /*static confirmation Promo box - neeeds to removed after cq implementation*/ /* column control layouts*/ div.parsys_column{border:0} /*Form control*/ .multiselbox-l{border:1px solid #bbb;} .promo-col{border-right: 1px dotted #d2d2d2} /*sainsbury home Page - go to custom.css - sainsbury*/ #home-page .tariff-panel{border-right:1px dashed #cfcfcf;background:none;} #home-page.cq-colctrl-lt0-c1 .tariff-panel,#home-page .cq-colctrl-lt1-c2 .tariff-panel,#home-page .cq-colctrl-lt2-c3 .tariff-panel,#home-page .cq-colctrl-lt3-c3 .tariff-panel,#home-page .cq-colctrl-lt4-c4 .tariff-panel,#home-page .cq-colctrl-lt5-c1 .tariff-panel,#home-page .cq-colctrl-lt6-c3 .tariff-panel {border:none;} .right-banner{border-radius:5px; -moz-border-radius:5px;-webkit-border-radius:5px;} /* Google Mini page styles starts*/ #google_mini_content .content_sep{border-top:dotted 1px #C7C7C7;} .ac_results{border: 1px solid #E0E0E0;} #google_mini_content .resultDesc {border-bottom: 1px dotted #C7C7C7;} .ac_results li.ac_over{background-color:#cceffc;} .ac_odd {background-color: #F3F7F9;} /* Help and Advice starts */ .no, .yes, .comment {border:none;} .helpsearch_button{border: 0 none;} /*SMR Journey*/ .meter-complete input.sbmt-complt {background:#f0f0f0; border:0 none; color: #585858 !important;} .dial-info{background-color:#f6f6f6;} .info-cont-box a{color:#0270B9;} /* footer section styles start */ .ft-links ul li:first-child{background:none} /*Image Light box Component*/ #lightbox-container-image-box ,#lightbox-container-image-data-box {background-color: #fff;} #lightbox-container-image-data {color: #666;} /* GAQ result page in rewrite */ p.best-deal{background:#00a6e7;color:#fff;} .price-gaq{color: #0270B9;} .gap-price-box , .btd-price-box {-moz-box-shadow:inset 0 0 25px #efefef;-webkit-box-shadow: inset 0 0 25px #efefef;box-shadow:inset 0 0 25px #efefef; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #efefef; } .text table .row-back {background:#EFF7FF;} .borderradius table.table-gaqhead{-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;} table.table-gaqhead,table.table-gaqhead th,table.table-gaqhead td{border-collapse:collapse;} .borderradius table.table-gaqhead tbody th:first-child{-moz-border-radius-topleft:5px;border-top-left-radius:5px;-webkit-border-top-left-radius:5px;} table.table-gaqhead tbody th:last-child{-moz-border-radius-topright:5px;border-top-right-radius:5px;-webkit-border-top-right-radius:5px;} table.table-gaqhead th {color:#fff;border-top:1px solid #0094de} table.table-gaqhead th span.small sup{color:#fff;} .cssgradients table.table-gaqhead tbody > tr:first-child {background:-ms-linear-gradient(top,#0094de, #007bc6);background:-moz-linear-gradient(top,#0094de, #007bc6);background: -webkit-gradient(linear, left top, left bottom, from(#33C1FF), to(#289AE0));background: -o-linear-gradient(#33C1FF, #289AE0);} .no-cssgradients table.table-gaqhead tbody > tr:first-child{background: url(/etc/designs/centrica/bgas/images/table-gaq-head.jpg) repeat-x 0 0;} table.table-gaqhead tr td {color:#494a4a;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;} table.table-gaqhead tr .row-alternate {border-bottom:1px solid #e0e0e0;} table.table-gaqhead tr td:first-child{border-left:1px solid #e0e0e0;} table.table-gaqhead tbody th:first-child{border-left:1px solid #289AE0;border-radius:3px 0 0 0;} table.table-gaqhead tbody th:last-child{border-right:1px solid #289AE0;background:none;} .ie7 table.table-gaqhead tbody th, .ie8 table.table-gaqhead tbody th{ background: url(/etc/designs/centrica/bgas/images/table-gaq-head.jpg) repeat-x scroll left bottom transparent;} .gapr .fuel-type{color:#434343;} /* GAQ result page in rewrite */ /* landlord package section */ .info-bg{background-color:#fff;} .landlordGAQ .formstep2 .gradient-filler{background:none;} .landlordGAQ .formstep2 .gradient-filler .gradient-filler{background: url("/etc/designs/centrica/bgas/images/grey-bg-gaq.jpg") repeat-y scroll center top transparent;} .btnimg-comp a{background:url(/etc/designs/centrica/bgas/images/divider.png) no-repeat left center ;} /* landlord package section */ /*SWAT Boiler Make and Model Changes*/ .selectbox4{border:1px solid #bbb;} .selectbox_img{background: url(/etc/designs/centrica/bgas/images/bg_selectbox.gif) no-repeat top right;border:1px solid #bbb;} #boilerMakeAndModel{background-color: #FFFFFF;} /*SWAT Boiler Make and Model Changes end*/ .minus-rt{background: url("/etc/designs/centrica/bgas/images/icons/icon-minus.png") no-repeat scroll right 0 transparent;} .plus-rt {background: url(/etc/designs/centrica/bgas/images/icons/icon-plus.png) no-repeat scroll right 0 transparent;} /* submit meter read info message */ .info-cont-box a{color:#0270B9;} .disable-dial{background-color:#f0f0f0;} /* submit meter read info message */ /* Smart insight predict next bill starts here*/ .grey-panel-content{background-color:#fafafa;} .disable-content{background: none repeat scroll 0 0 #FFFFFF; opacity: 0.6; filter: alpha(opacity=50);} .content .lastmeterread{background-color:#f0f0f0;} .currentpay .description {color: #646361;} .pnbContainer .primary-panel-hd .tooltip, .pnbContainer .primary-panel-hd a.tooltip:hover{border-bottom:1px dotted #FFFFFF; color:#FFFFFF;} /* Smart insight predict next bill ends here*/ /* Large quote box*/ .ending-quote{ background: url(/etc/designs/centrica/bgas/images/icons/ending-quote.png) no-repeat bottom right;} .starting-quote{ background: url(/etc/designs/centrica/bgas/images/icons/starting-quote.png) no-repeat top left;} /* Large quote box*/ /* countdown component - start*/ .countdown-container,.countdown-bannertext,.countdown-pretextheading,.countdown-pretext,.countdown-posttext{color:#FFFFFF;} /* countdown component - ends */ /*Better Deal changes*/ .betdeal-header{border: 1px dotted #C9C9C9;border-width: 1px 0} /*Energy Smart Your Tariff - starts*/ .energySmartYourTariff span.tertiary-link,.energySmartYourTariff span.tertiary-link:hover{color:#0270B9;} /*Energy Smart Your Tariff - ends*/ /*Consumption Graph - starts*/ .toggle-button ul{background-image: -o-linear-gradient( top , #E6E6E6, #FFFFFF) repeat scroll 0 0 transparent;background: -moz-linear-gradient( top , #E6E6E6, #FFFFFF) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#ffffff));border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px;-webkit-border-radius: 7px 7px 7px 7px;-o-border-radius: 7px 7px 7px 7px;} .toggle-button li a, .toggle-button li a:focus,.toggle-button li a:active,.toggle-button li a:hover{color:#38383A;background:none;text-decoration:none;} .toggle-button .off a,.toggle-button .off a:focus,.toggle-button .off a:active,.toggle-button .off a:hover{color:#fff;} .on{background:#e6e6e6;box-shadow:0 0 13px 2px #B8B8B8 inset;-moz-box-shadow:0 0 13px 2px #B8B8B8 inset;-webkit-box-shadow:0 0 13px 2px #B8B8B8 inset;-o-box-shadow:0 0 13px 2px #B8B8B8 inset;} .off{background:#0079C8;box-shadow: none; background-image: -moz-linear-gradient(center bottom , #0178C8 39%, #0581CE 65%, #01A0E4 85%);background-image: -webkit-linear-gradient(bottom, #0178C8 39%, #0581CE 65%, #01A0E4 85%); background-image: -o-linear-gradient(bottom, #0178C8 39%, #0581CE 65%, #01A0E4 85%);background-image: -ms-linear-gradient(bottom, #0178C8 39%, #0581CE 65%, #01A0E4 85%);} .graph-container{background:#fff;} .ie7 .graph-container, .ie8 .graph-container{background-color:#fff;border:2px solid #F6F6F6;} .graphoptions{background-color:#f1f2f2;} .options-panel{background-color: #EFEFEF; -moz-box-shadow: 0px 0px 10px 0px #C2C2C2 inset; -webkit-box-shadow: 0px 0px 10px 0px #C2C2C2 inset;-o-box-shadow: 0px 0px 10px 0px #C2C2C2 inset;box-shadow: 0px 0px 10px 0px #C2C2C2 inset; border-radius: 4px; -moz-border-radius: 4px; } .legendIcon { border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px;} .legendCont { background-color:#fafafa; border: 1px solid #EDEDED; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkitborder-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; color:#333333; } .legendCont ul li .legendTxt{background:url("/etc/designs/centrica/bgas/images/divider.png") no-repeat scroll right center transparent; } .legendCont ul li .legendTxt.last{background:none;} .graph-arrow-holder a:focus,.graph-arrow-holder a:hover, .graph-arrow-holder a:active{background:none;cursor: auto;} .graph-arrow-holder.arrowEnabled a:focus,.graph-arrow-holder.arrowEnabled a:hover, .graph-arrow-holder.arrowEnabled a:active{cursor: pointer;} .energyUsage .graph-arrow-holder.prev { background: url("/etc/designs/centrica/bgas/images/leftArrowDisabled.png") no-repeat scroll left center transparent;} .energyUsage .graph-arrow-holder.next { background: url("/etc/designs/centrica/bgas/images/rightArrowDisabled.png") no-repeat scroll left center transparent;} .energyUsage .graph-arrow-holder.prev.arrowEnabled { background: url("/etc/designs/centrica/bgas/images/leftArrowEnabled.png") no-repeat scroll left center transparent;} .energyUsage .graph-arrow-holder.next.arrowEnabled { background: url("/etc/designs/centrica/bgas/images/rightArrowEnabled.png") no-repeat scroll left center transparent;} .graphoptions .dividerPath .separator-gradient{background:url("/etc/designs/centrica/bgas/images/account-small-shadow.jpg") no-repeat scroll center top transparent;} .winter{background:url("/etc/designs/centrica/bgas/images/winter.png") no-repeat center top;border-bottom: 2px solid #85C2FF;} .spring{background:url("/etc/designs/centrica/bgas/images/spring.png") no-repeat center top;border-bottom: 2px solid #78D178;} .summer{background:url("/etc/designs/centrica/bgas/images/summer.png") no-repeat center top;border-bottom: 2px solid #FFDE58;} .autumn{background:url("/etc/designs/centrica/bgas/images/autumn.png") no-repeat center top;border-bottom: 2px solid #A5886A;} .view-bill-history table p a:active span{ background:none ;} .energyUsage .view-bill-history table th,.energyUsage table tbody > tr:first-child{background:#f3fdff;} .energyUsage .view-bill-history table th,.energyUsage table td{border:1px solid #EFEFEF;} .energyUsage .view-bill-history table td.active a{color:#fff;} .energyUsage .view-bill-history table tr td.active{background:#1897e6; color:#000;border: 1px solid #139ADC;} .arrow{background:url("/etc/designs/centrica/bgas/images/view-bill-arrow.png") no-repeat top ;} .energyUsage .view-bill-history table .arrow td{border-top:medium none;} .view-bill-history table p a:active{ background:none ;} .jqplot-highlighter-tooltip { background: #fff; border: 1px solid #CCCCCC; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px;} .graphInclude .separator-gradient{background:url("/etc/designs/centrica/bgas/images/account-bottom-shadow.jpg") no-repeat scroll center top transparent;} .jqplot-highlighter-tooltip .graphTooltipContent{background: #fff; border: 2px solid #F3F3F1;border-radius:4px;} .jqplot-highlighter-tooltip{border:none;background:none;} .jqplot-highlighter-tooltip .tooltip-arrow{background: url("/etc/designs/centrica/bgas/images/actual_tooltiparrow.png") no-repeat 50% top transparent; border:none;} .jqplot-highlighter-tooltip .tooltip-arrow.showRight{background-position:right top;} .ie7 .graph-container, .ie8 .graph-container{background-color:#fff;border:1px solid #F6F6F6;} .graph-arrow-holder a:hover, .graph-arrow-holder a:active, .graph-arrow-holder a:focus{outline: none;} .ie7 .graph-arrow-holder a, .ie8 .graph-arrow-holder a{cursor:none ;} .ie7 .graph-arrow-holder.arrowEnabled a,.ie8 .graph-arrow-holder.arrowEnabled a{cursor:pointer;} .energyUsage table tbody > tr.row-active td.active:first-child {border-width:1px 0 0;} .ie7 .energyUsage table tbody tr.row-active td, .ie8 .energyUsage .view-bill-history table td, .ie8 .energyUsage .view-bill-history table .row-active td, .ie7 .energyUsage .view-bill-history table .arrow td{border-bottom: 1px solid #EFEFEF;} .ie8 .energyUsage .view-bill-history table .row-active td.active{border-width:1px 1px 1px 1px;border-color:#139ADC;} .ie8 .energyUsage .view-bill-history table .row-active td:first-child.active{border-bottom: 1px solid #139ADC;} .ie7 .energyUsage table tbody tr.row-active td.active{border-bottom:1px solid #139ADC;} .ie7 .energyUsage .view-bill-history table td{border-bottom:2px solid #EFEFEF;} /*Consumption Graph - ends*/ /*Get a quote table ie 8*/ .ie8 .table-gaqhead{border:1px solid #c2c2c2} /*dd monthly payment - starts*/ input.red_text {background-color: #FFF;border: 2px solid #C1056F;} .rangeField {color: #C1056F;} .grey-payment-box{background:none repeat scroll 0 0 #FAFAFA;-moz-box-shadow:0 0 10px 10px #F6F6F6 inset;-moz-border-radius:3px;-webkit-box-shadow: inset 0 0 10px 10px #F6F6F6;box-shadow: inset 0 0 10px 10px #F6F6F6;-webkit-border-radius:4px;} .blue-current-payment-box{background: #129ADB;-moz-box-shadow:0 0 10px 10px #068cc9 inset;-moz-border-radius:4px;color:#fff;-webkit-box-shadow: inset 0 0 10px 10px #068cc9;box-shadow: inset 0 0 10px 10px #068cc9;-webkit-border-radius:4px;} .blue-current-payment-box label,.blue-current-payment-box span{color:#FFF;} .blue-payment-success-box{background: #DEF7FC url("/etc/designs/centrica/bgas/images/green-tick.png") no-repeat scroll 80% center;-moz-box-shadow:0 0 10px 10px #C9F4FB inset;-moz-border-radius:4px;-webkit-box-shadow: inset 0 0 10px 10px #C9F4FB;box-shadow: inset 0 0 10px 10px #C9F4FB;-webkit-border-radius:4px;} .blue-payment-missed-box{background: #DEF7FC url("/etc/designs/centrica/bgas/images/red-cross-big.png") no-repeat scroll 80% center;-moz-box-shadow:0 0 10px 10px #C9F4FB inset;-moz-border-radius:4px;-webkit-box-shadow: inset 0 0 10px 10px #C9F4FB;box-shadow: inset 0 0 10px 10px #C9F4FB;-webkit-border-radius:4px;} .customized-monthly-payment{background:none repeat scroll 0 0 #FAFAFA;-moz-box-shadow:0 0 10px 10px #F6F6F6 inset;-moz-border-radius:3px;} #flexiPlanChange INPUT[disabled][type='text']{background-color:#F0F0F0;border-color:#BBBBBB;color:#3B3B3A;} /*dd monthly payment - ends*/ /* Login page email white label */ .genericTextField.emailAddress1.genericEmail p label{color:#fff} /*ASV Appointment Booking*/ #calendarpaging a:focus{color:#0270B9} #calendarpaging a.disabled,#paging-errormsg a.disabled{color:#949494} /* landlord Updates */ .btnimg-comp a{background:url(/etc/designs/centrica/bgas/images/divider.png) no-repeat left center} /* Account summary step indicator starts */ .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,.inprogress-sched .step4, .inprogress-pend .step4, .inprogress-alloc .step4, .inprogress-disp .step4, .inprogress-hold .step4, .inprogress-route .step4, .inprogress-site .step4{color:#666} .minus-rt{background: url("/etc/designs/centrica/bgas/images/icons/icon-minus.png") no-repeat scroll right 0 transparent;} .plus-rt {background: url(/etc/designs/centrica/bgas/images/icons/icon-plus.png) no-repeat scroll right 0 transparent;} /* submit meter read info message */ .info-cont-box a{color:#0270B9} /*Image maps ? qTip*/ .ui-tooltip,.qtip{border-width:1px;border-style:solid} #qtip-overlay div{background-color:#000} .ui-tooltip-shadow{-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,0.15);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,0.15);box-shadow:1px 1px 3px 1px rgba(0,0,0,0.15)} .ui-tooltip-rounded,.ui-tooltip-tipsy,.ui-tooltip-bootstrap{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px} .ui-tooltip .ui-tooltip-tip{color:#123456;background:transparent;border:0 dashed transparent} .ui-tooltip-tipsy{background:#fff; color:#6E6E6E;border:3px solid #9E9E9E} /*Reduce Your Bill*/ .rybTopHearder{background:url('/etc/designs/centrica/bgas/images/ryb_background_tab.png') no-repeat} .rybContentCentre {border:2px solid #e1e1e1; border-top:none; background:none; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px; border-bottom-left-radius: 5px} .rybContentContainer{background:url('/etc/designs/centrica/bgas/images/ryb-bg.png') repeat-x; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px} .rybPigLogo{background:url('/etc/designs/centrica/bgas/images/rybPig.png') no-repeat} #gasSliderContainer, #elecSliderContainer{background: url('/etc/designs/centrica/bgas/images/rybSlider.png') no-repeat 100px -600px} #gas_slider_value, #elec_slider_value{ background:#ffffff; border: 1px solid #CCC; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px} #gasSliderContainer .ui-slider-horizontal, #elecSliderContainer .ui-slider-horizontal {background: none; border:none} #gasSliderContainer .ui-slider .ui-slider-handle, #elecSliderContainer .ui-slider .ui-slider-handle{background:url('/etc/designs/centrica/bgas/images/rybSlideHandler.png') no-repeat; border:none} .saving1Cont{background:url('/etc/designs/centrica/bgas/images/rybSavings1.png') no-repeat} .saving2Cont{background:url('/etc/designs/centrica/bgas/images/rybSavings2.png') no-repeat} #gasSaving1, #elecSaving1, #gasSaving2, #elecSaving2{color: #FFFFFF} .colorMonitor{background:url('/etc/designs/centrica/bgas/images/colormonitor.png') no-repeat} .rybElecSetTariffDual{background:url('/etc/designs/centrica/bgas/images/rybSetTariffsDual.png') no-repeat} .rybElecSetTariffSingle{background:url('/etc/designs/centrica/bgas/images/rybSetTariffsSingle.png') no-repeat} #newDayTariff, #newSingleTariff, #newNightTariff{color:#fff} .rybVideoCont{border:2px solid #f5f5f5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background:#f1f6f8} .rybGasTipsCont{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{border:2px solid #f5f5f5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background:#f1f6f8} .sliderTopLabelsCont{color:#9b9899} .sliderTopLabelsMarkers{border-left:1px solid #9b9899; border-right:1px solid #9b9899} .rybOverlayContent{background:#FFF; border-left: 8px solid #017aca;border-right: 8px solid #017aca; border-bottom: 8px solid #017aca} #rybLoading{background:url(/etc/designs/centrica/bgas/images/loading.gif) no-repeat center} .rybSavingsText{color:#000} .rybTopHearder{ background:url('/etc/designs/centrica/bgas/images/ryb_background_tab.png') no-repeat} .rybPigLogo{ background:url('/etc/designs/centrica/bgas/images/rybPig.png') no-repeat} /*Reduce Your Bill - ends*/ /* View bill - starts */ div.cq-colctrl-lt14-c0{border-right: dotted 1px #c9c9c9 !important;} /*calendar - tab component*/ #appointment-slot #appointment-calendar.joboff, #appointment-slot #prefappointment-calendar.joboff{background:none;} #appointment-slot .ui-widget-content{border:0px;} #appointment-slot #tab-1, #appointment-slot #tab-2{border:1px solid #DDDDDD;} /* DD consumption graph - starts*/ #tableCont .tablesorter thead tr th, #tableCont .tablesorter tfoot tr th { background-color: #FAFAFA;border: 0px solid #FFF;} #tableCont .tablesorter thead tr .header {background-repeat: no-repeat;background-position: center right;} #tableCont .tablesorter tbody tr.even td {background-color:#efefef;} #tableCont .tablesorter thead tr .headerSortUp {background-image: url(/etc/designs/centrica/bgas/images/asc.gif);} #tableCont .tablesorter thead tr .headerSortDown {background-image: url(/etc/designs/centrica/bgas/images/desc.gif);} #tableCont .tablesorter thead tr .headerSortDown, #tableCont .tablesorter thead tr .headerSortUp { background-color: #8dbdd8;} #tooltip{background:transparent;} /* DD consumption graph - Ends*/ /* DD dashboard - Starts*/ /*DD recommendations*/ .ie7 .adjust-button{background:url(/images/ddcps/adjustbutton.gif) no-repeat;} .ie7 .adjust-button-text{color:#fff;} .ie7 .adjust-button-text div p{color:#fff;} .ie7 .adjust-button-text div{color:#fff;} .adjust-button {background: url("/etc/designs/centrica/bgas/images/ddrecommendations-button.gif") no-repeat scroll 0 0 transparent;} .adjust-button-text div {color: #FFFFFF;} .adjust-button-text div p {color: #FFFFFF;} .circle{background:url("/etc/designs/centrica/bgas/images/dd_legend.png") no-repeat 0px 3px;} /*DD highlights*/ .dd-calendar{background: url('/etc/designs/centrica/bgas/images/ddcalendar.png') no-repeat scroll 0 0 transparent;} .dd-calendar div{color:#2AAEE4;} #timeSlots.error-field{border: 2px solid #C1056F;} /* DD plan status */ .dd-plan-ExtremeCredit,.dd-plan-OnTarget,.dd-plan-SlightCredit,.dd-plan-ExtremeCredit sup,.dd-plan-OnTarget sup,.dd-plan-SlightCredit sup{color:#8cc000;} .dd-plan-ExtremeDebit,.dd-plan-ExtremeDebit sup{color:#c43e3d;} .dd-plan-SlightDebit,.dd-plan-SlightDebit sup{color:#f18c2b;} .dd-plan-ExtremeCredit .status{background: url('/etc/designs/centrica/bgas/images/ExtremeCredit_indicator.gif') no-repeat center center;} .dd-plan-OnTarget .status{background: url('/etc/designs/centrica/bgas/images/OnTarget_indicator.gif') no-repeat center center;} .dd-plan-SlightCredit .status{background: url('/etc/designs/centrica/bgas/images/SlightCredit_indicator.gif') no-repeat center center;} .dd-plan-ExtremeDebit .status{background: url('/etc/designs/centrica/bgas/images/ExtremeDebit_indicator.gif') no-repeat center center;} .dd-plan-SlightDebit .status{background: url('/etc/designs/centrica/bgas/images/SlightDebit_indicator.gif') no-repeat center center;} /* DD Recommendations */ .adjust-button{background: url("/etc/designs/centrica/bgas/images/ddrecommendations-button.gif") no-repeat scroll 0 0 transparent;} .adjust-button-text div{color:#FFFFFF;} /* Consumption graph */ .meterread{border:2px solid #DDD;background-color:#fff;-moz-border-radius:6px;} .black-tooltip{background-color:#333;border:1px solid #333;-moz-border-radius:4px;} .tableOuter thead tr th{color:#003399;} .season-cont ul li{background-position:center;} #tableList .blacktxt{ color:#000;} .meterread ul{ background-color:#fff; } .jqplot-highlighter-tooltip { border:0px solid #666666; background-color:#333333; border-radius:4px; } .whitetxt {color:#ffffff;} #chart2 .jqplot-point-label {color:#333;} .tableOuter{background-color:#CDCDCD;} .tableOuter thead{background-color:#FAFAFA;} table.tablesorter thead tr .header { background-position: 99% 26%; background-repeat: no-repeat; } .tableOuter tbody{ background-color:#FAFAFA; } .ddlegendCont{ border:1px solid #e0e0e0; background-color:#fafafa; border-radius:3px;-moz-border-radius:5px; } .legendKey{color:#333333;} .legendIcon{border-radius:2px;-moz-border-radius:2px;} .ddlegendTxt{color:#333333;} .on-roundcorner{-moz-border-radius:6px 0px 0px 6px;} .off-roundcorner{-moz-border-radius:0px 6px 6px 0px;} .graphHeader .on{-moz-box-shadow:0 0 13px 2px #B8B8B8 inset;background:#e6e6e6;} .graphHeader .off{border:1px solid #0061af;background:#0079C8;background-image: -moz-linear-gradient(center bottom , #0178C8 39%, #0581CE 65%, #01A0E4 85%);background-image: -webkit-linear-gradient(bottom, #0178C8 39%, #0581CE 65%, #01A0E4 85%);background-image: -ms-linear-gradient(bottom, #0178C8 39%, #0581CE 65%, #01A0E4 85%);} .on a{color:#000;} .off a{color:#fff;} #chart2 .jqplot-event-canvas{border-bottom:1px solid #cccccc;} /* Flex your payment plan*/ .vertical-line-separator{border-right:1px solid #d4d7d9;} .grey-section{-moz-box-shadow:0 0 10px 10px #F6F6F6 inset;background-color:#FAFAFA;-moz-border-radius:3px;} /* DD recalculate*/ .error-highlight{color:#C1056F;} .after-highlight{color:#3B3B3B;} /* DD dashboard - Ends*/ /*BGB - downloadReport Component*/ .ms-report-table-sec thead th{background-color:#009fe9;} .ms-report-table-sec .report-table tbody tr.odd{background-color:#f0f0f0;} .ms-report-table-sec .report-table td{border-color:#c7c7c7;} .ms-report-table-sec th .rpt-desc{border-color:#027aca;} .ms-report-table-sec td .rpt-desc{border-color:#cacaca;} .ms-report-table-sec th .rpt-name, .ms-report-table-sec th .rpt-desc{color:#fff;} /*BGB - downloadReport Component*/ /* Homepage Login box */ .home-log-head h3,.home-log-head h4{color: #fff;} /* Homepage Login box */ /* Boiler quote calculator*/ #beforeQuote .field-cont .edit-details span{color:#0270B9} /* SMR - One And Done */ .meter-complete-payment-success h3{background:url(/etc/designs/centrica/bgas/images/tickmark.png) no-repeat 0 7px;} .meter-complete-payment-failed h3{background:url(/etc/designs/centrica/bgas/images/cross.png) no-repeat 0 7px} span.payment-success-details2{background:#FFF;} .meter-complete-whats-next-content h5{background:url(/etc/designs/centrica/bgas/images/tickmark.png) no-repeat scroll 0 7px transparent;} /* SMR - One And Done */ /* Consumption comparison */ .egy-loading{ border: 2px solid #646361; background:#fff} /* Consumption comparison ends */ /* Login-Register Header*/ #loginregister li.text a{color:#6E6E6E} #loginregister a:focus , #loginregister a:active {background:#CCEFFC;} .loginregister {background: url("/etc/designs/centrica/bgas/images/topnav-divider.png") no-repeat scroll right 2px transparent;} #loginregister li.first{background:none repeat scroll 0 0 transparent;} #loginregister ul li a{text-decoration: underline;} /* Login-Register Header*/ /* Login-Register Header*/ h3.deeplinkenergytype{color:#0060AE;} /* Login-Register Header*/ /* Appointment booking - calendar Loading image*/ #calendarLoader {background:#fff url(/images/loading.gif) no-repeat center center;} /*BGB - downloadReport Component*/ .ms-report-table-sec .report-table thead th{border-radius: 4px 4px 0 0; border-bottom:none; } .ms-report-table-sec .report-table td{border-bottom:1px dotted;} .rpt-desc{border-left:1px solid; } /*BGB - downloadReport Component*/ /* Diagnosis tool askDave */ table.diagnosis-table,.diagnosis-table-data{border-collapse: collapse;} .diagnosis-table td{border:1px solid #ccc;border-collapse: collapse;color: #129adb;} .diagnosis-table-data td{border:1px solid #ccc;border-collapse: collapse;} .medium-tick{background: url(/etc/designs/centrica/bgas/images/tick-medium.png) no-repeat left 0;} #questionInputRadio label{color: #646361;} /* Diagnosis tool askDave */ /* Results Search askDave */ .searchBoxContainer{border:1px solid #cfcfcf; background: #f1f1f1; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f1f1f1 0%, #f7f7f7 20%, #f7f7f7 80%, #f1f1f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(20%,#f7f7f7), color-stop(80%,#f7f7f7), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f1f1f1 0%,#f7f7f7 20%,#f7f7f7 80%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f1f1f1 0%,#f7f7f7 20%,#f7f7f7 80%,#f1f1f1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f1f1f1 0%,#f7f7f7 20%,#f7f7f7 80%,#f1f1f1 100%); /* IE10+ */ background: linear-gradient(to bottom, #f1f1f1 0%,#f7f7f7 20%,#f7f7f7 80%,#f1f1f1 100%); /* W3C */ } .newSearchBtn{background:url(/etc/designs/centrica/bgas/images/newSearchBtn.png) no-repeat;} table#newSearchList tr td{border-bottom:1px dotted #c7c7c7;} .searchItemThumb{border:6px solid #fff; background:#CCC; box-shadow: 0px 0px 10px 4px rgba(233, 233, 233, 0.75); -moz-box-shadow: 0px 0px 10px 4px rgba(233, 233, 233, 0.75); -webkit-box-shadow: 0px 0px 10px 4px rgba(233, 233, 233, 0.75); } #searchResultsContainer .dataTables_paginate span a.paginate_button, #searchResultsContainer .dataTables_paginate span a.paginate_active{ border: 1px solid #dadada; -webkit-box-shadow: 0px -1px 1px rgba(120, 120, 120, 0.5); -moz-box-shadow: 0px -1px 1px rgba(120, 120, 120, 0.5); box-shadow: 0px -1px 1px rgba(120, 120, 120, 0.5); background: #eaeaea; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNiUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGVkZWRlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #ffffff 26%, #dedede 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(26%,#ffffff), color-stop(100%,#dedede)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 26%,#dedede 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 26%,#dedede 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 26%,#dedede 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 26%,#dedede 100%); /* W3C */ } #searchResultsContainer .dataTables_paginate .paginate_button:focus, #searchResultsContainer .dataTables_paginate .paginate_active:focus{background:#cceffc} #searchResultsContainer .dataTables_paginate span a.paginate_active{background:none; color:#646361; border:none;-webkit-box-shadow: none;-moz-box-shadow:none;box-shadow:none} form[name=newSearchForm] input[type=text]{border-color:#c2c2c2; -webkit-box-shadow: inset 1px 1px 6px 0px rgba(228,228,228,1); -moz-box-shadow: inset 1px 1px 6px 0px rgba(228,228,228,1); box-shadow: inset 1px 1px 6px 0px rgba(228,228,228,1);} #searchtermlargeresult ul.ui-autocomplete{border-top:none;background:#f1f1f1;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0;-moz-border-radius-topleft:0;-moz-border-radius-topright:0;border-top-left-radius:0;border-top-right-radius:0;border-color:#cfcfcf;} #searchtermmediumresult ul.ui-autocomplete{border:1px solid #cfcfcf; border-top:none;} #searchtermmediumresult ul.ui-autocomplete{border:1px solid #cfcfcf; border-top:none;;background:#f6f6f6;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0;-moz-border-radius-topleft:0;-moz-border-radius-topright:0;border-top-left-radius:0;border-top-right-radius:0;} #searchtermsmallresult ul.ui-autocomplete{background:#f1f1f1;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;border-top-left-radius:4px;border-top-right-radius:4px;} input#searchtermmedium{border-color:#c2c2c2; color:#999999; -webkit-box-shadow: inset 1px 1px 6px 0px rgba(228,228,228,1); -moz-box-shadow: inset 1px 1px 6px 0px rgba(228,228,228,1); box-shadow: inset 1px 1px 6px 0px rgba(228,228,228,1);} .newSearchButtonSmall{background:url(/etc/designs/centrica/bgas/images/btn-search-input.png) no-repeat} .newSearchBtnMedium{background:url(/etc/designs/centrica/bgas/images/newSearchBtnBlue.png) no-repeat;} ul.ui-autocomplete li.ui-menu-item{border:1px solid #c2c2c2;background:#fff} ul.ui-autocomplete li.ui-menu-item a{color:#646361} .noBottomLeftRadius{-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0} #newSearchList_paginate .paginate_button_disabled{text-decoration:none;color:#646361} ul.ui-autocomplete #featuredPrediction0{border-top:1px dotted #c7c7c7;} ul.ui-autocomplete li.featured a{color:#646361;text-decoration:none} ul.ui-autocomplete li.featured .blue-promo:hover{background:#b9edfe} #searchtermsmall{color:#999999} .searchBoxContainerMedium .panel-padding{border:1px solid #cfcfcf;} .searchVideoLength{color: #fff;background: url("/etc/designs/centrica/bgas/images/videoplay_white.png") no-repeat 0px -2px;background-color:rgba(0,0,0,0.7);} .ie7 .searchVideoLength, .ie8 .searchVideoLength{background-color:#000000} .ie7 #searchResultsContainer .dataTables_paginate span a.paginate_button:focus, .ie8 #searchResultsContainer .dataTables_paginate span a.paginate_button:focus{background:#cceffc} .ie7 #searchResultsContainer .dataTables_paginate span a.paginate_button, .ie8 #searchResultsContainer .dataTables_paginate span a.paginate_button{background:#eaeaea} .ie7 #searchtermmediumresult ul.ui-autocomplete, .ie8 #searchtermmediumresult ul.ui-autocomplete{background:#f9f9f9;} /* Results Search askDave */ /*askDave vertical divider */ .right-pointer-divider .pointer-divider-middle{background: url(/etc/designs/centrica/bgas/images/vertical-middle-medium.png) repeat-y right top;} .right-pointer-divider .pointer-divider-top{background: url(/etc/designs/centrica/bgas/images/vertical-top-medium.png) no-repeat right top;} .right-pointer-divider .pointer-divider-bottom{background: url(/etc/designs/centrica/bgas/images/vertical-bottom-medium.png) no-repeat right bottom;} /* askDave vertical divider */ /* tags component askDave */ .tagsDiv a{color: #129adb;} /* tags component askDave */ /* askdave rating */ .ratings .largeempty {background-image:url("/etc/designs/centrica/bgas/images/ratings_star_large_empty.png");} .ratings .largefull {background-image:url("/etc/designs/centrica/bgas/images/ratings_star_large_full.png");} .ratings .mediumempty{background-image:url("/etc/designs/centrica/bgas/images/ratings_star_medium_empty.png");} .ratings .mediumfull{background-image:url("/etc/designs/centrica/bgas/images/ratings_star_medium_full.png");} .ratings .smallempty{background-image:url("/etc/designs/centrica/bgas/images/ratings_star_small_empty.png");} .ratings .smallfull{background-image:url("/etc/designs/centrica/bgas/images/ratings_star_small_full.png");} .ratings-bar {background-repeat:repeat-x;} .ratings-star {background-repeat:no-repeat;} .average-rating{color:#027aca;} .rating-number{color: #6e6e6e;} .rating-textarea textarea:focus::-webkit-input-placeholder { color: transparent;} .rating-textarea textarea:focus::-moz-placeholder { /* Firefox 19+ */ color: transparent; } .rating-textarea textarea:focus:-moz-placeholder { /* Firefox 18- */color: transparent; } /* askdave rating */ /* askdave informative carousel */ .container-div{border: 2px solid #129adb;border-radius: 5px;} .prev-info-carousel{background: url(/etc/designs/centrica/bgas/images/nav-left-1.png) right no-repeat;background-position: 11px;border-left: 1px solid #cfcfcf;border-right: 1px solid #cfcfcf;background-color: #f1f1f1;} .next-info-carousel{background: url(/etc/designs/centrica/bgas/images/nav-right-1.png) left no-repeat;background-position: 11px;border-left: 1px solid #cfcfcf;border-right: 1px solid #cfcfcf;background-color: #f1f1f1;} /*play pause*/ .playsingle { background: url("/etc/designs/centrica/bgas/images/play.png") no-repeat scroll 11px 56% #F1F1F1;} .pausesingle{ background: url("/etc/designs/centrica/bgas/images/pause.png") no-repeat scroll 9px 56% #F1F1F1; } /*end play pause*/ .info-profile p{color: #003399;} .iconsContainer span{background:#b8b8b8;} .iconsContainer span.iconsHighlight{background:#9fbccb;} /* askdave informative carousel */ /* Build your own*/ table.byo-table tr th, table.byo-table tr td{border:1px solid #E0E0E0;color: #494A4A;} /*Featured Master*/ .featuredratings .smallempty {background-image: url("/etc/designs/centrica/bgas/images/ratings_star_small_empty.png");} .ratings-bar{background-repeat: repeat-x;} .featuredratings .smallfull { background-image: url("/etc/designs/centrica/bgas/images/ratings_star_small_full.png");} /*Ask dave help and advice*/ .lt-blue-promo {border: 1px solid #5fa5d3;box-shadow: inset 0 0 10px 10px #ecfaff;-webkit-box-shadow: inset 0 0 10px 10px #ecfaff;-moz-box-shadow: inset 0 0 10px 10px #ecfaff;} .hna-item-selected {background-color: #3bb1e2;box-shadow: inset 0 0 20px 5px #2b8ec6;-webkit-box-shadow: inset 0 0 20px 5px #2b8ec6;-moz-box-shadow: inset 0 0 20px 5px #2b8ec6;} .hna-item-text {color: #0270b9;} .hna-divider-top{background: url(/etc/designs/centrica/bgas/images/hna-top-medium.png) no-repeat right top;} .hna-divider-bottom{background: url(/etc/designs/centrica/bgas/images/hna-bottom-medium.png) no-repeat right bottom;} .light-blue-panel-head {border-bottom:1px solid #d5d5d5; background-image: linear-gradient(bottom, rgb(45,154,219) 31%, rgb(53,165,233) 65%, rgb(81,199,234) 79%); background-image: -o-linear-gradient(bottom, rgb(45,154,219) 31%, rgb(53,165,233) 65%,rgb(81,199,234) 79%); background-image: -moz-linear-gradient(bottom, rgb(45,154,219) 31%, rgb(53,165,233) 65%,rgb(81,199,234) 79%); background-image: -webkit-linear-gradient(bottom, rgb(45,154,219) 31%, rgb(53,165,233) 45%, rgb(81,199,234) 79%); background-image: -ms-linear-gradient(bottom, rgb(45,154,219) 31%, rgb(53,165,233) 65%, rgb(81,199,234) 79%); background-color:#35a5e9;border-radius: 5px 5px 0 0;} .light-blue-panel{box-shadow:inset 0px 0px 27px 4px #EAEAE9;-webkit-box-shadow:inset 0px 0px 27px 4px #EAEAE9;-moz-box-shadow:inset 0px 0px 27px 4px #EAEAE9;} .hna-item-selected .hna-item-text ,.light-blue-panel-head h4,.link_bg span a{color: #fff;} .link_bg{background:#0A5F7B;} .link_bg span{background-image:url(/etc/designs/centrica/bgas/images/smallChevronWhite.png)} .link_bg .fourth-level-link > a:active {background-color:transparent;} .link_bg .fourth-level-link:active {background-color:transparent;} .default-message{background: url(/etc/designs/centrica/bgas/images/left-nav-arrow.png) no-repeat left 3px;} .hna-category .active{background-color:#0270b9;box-shadow: inset 0 0 20px 5px #025085;-webkit-box-shadow: inset 0 0 20px 5px #025085;color:#fff;} li.active .hna-item-text,li.active a.hna-item-text:focus{color:#fff; background:none} .hna-items-last .hna-divider-top {background: none;} .hna-items-last .hna-divider-bottom{background: none;} /* Energy Cost Calculator */ #energyCostCalculator .txt-box-disabled{border: 1px solid #BBBBBB} /* Energy Cost Calculator */ /* ASV/IB */ .grey-btn{color:#129adb; background-color:#efefef;border:1px solid #e0e0e0} .dashed-hr{border-top: 1px dashed #e0e0e0} ul.product-item li{-moz-box-shadow:inset 0 0 10px 10px #f6f6f6;-webkit-box-shadow:inset 0 0 10px 10px #f6f6f6;box-shadow: inset 0 0 10px 10px #f6f6f6;color:#0270b9;} ul.problem-items li.active{background-color:#0270b9;box-shadow: inset 0 0 20px 5px #025085;-webkit-box-shadow: inset 0 0 20px 5px #025085;color:#fff;} .hna-divider-right {background : url("/etc/designs/centrica/bgas/images/hna-right-medium.png") no-repeat 60% bottom} .hna-divider-left {background : url("/etc/designs/centrica/bgas/images/hna-left-medium.png") no-repeat 40% bottom} .problem-items .hna-items:first-child + .hna-items + .hna-items + .hna-items + .hna-items + .hna-items + .hna-items .hna-divider-top, .problem-items .hna-items:first-child + .hna-items + .hna-items + .hna-items + .hna-items + .hna-items + .hna-items .hna-divider-bottom {background:none} .light-grad-container{background: #f5f5f5; background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #f5f5f5 0%,#ffffff 100%); background: -o-linear-gradient(top, #f5f5f5 0%,#ffffff 100%); background: -ms-linear-gradient(top, #f5f5f5 0%,#ffffff 100%); background: linear-gradient(to bottom, #f5f5f5 0%,#ffffff 100%); border: 1px solid #cdcdcd} /*cross-sell*/ .cross-sell-wrapper { border: 1px solid #ccc; } .loading-img { background: url("/etc/designs/centrica/bgas/images/loading.gif") no-repeat center; } .bookingAppointmentCalendar .btn-comp-img a#Back { background: none; } /*dropdown style starts*/ .drop-down-icon{background:url("/etc/designs/centrica/bgas/images/drop-down-arrow.png") no-repeat 95% center} .dayselector .drop-down {background:#fff; border:1px solid #ccc; color: #999} .dayselector .drop-down li.active{background: url("/etc/designs/centrica/bgas/images/grey-checkbox-ticked.png") no-repeat 5px center} .slot-options li.dayselector a{color: #434343} .slot-options li.dayselector a:active, .slot-options li.dayselector a:focus{background-color: transparent} .select-slot .slot-options li.dayselector { border: #cecaca 1px solid; background: #e2dfdf; background: -moz-linear-gradient(top, #e2dfdf 0%, #d2d2d2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2dfdf), color-stop(100%,#d2d2d2)); background: -webkit-linear-gradient(top, #e2dfdf 0%,#d2d2d2 100%); background: -o-linear-gradient(top, #e2dfdf 0%,#d2d2d2 100%); background: -ms-linear-gradient(top, #e2dfdf 0%,#d2d2d2 100%); background: linear-gradient(to bottom, #e2dfdf 0%,#d2d2d2 100%);} /*calendar table styles starts*/ table.book-appointment-table { border-collapse:separate; background: #fafafa; } table.book-appointment-table tr td{ background: none repeat scroll 0 0 #FFF} table.book-appointment-table tbody tr > td:first-child {background:none; border:none; color: #434343} table.book-appointment-table thead tr > td:first-child {border:none; background:none} table.book-appointment-table thead tr th .slot-wrapper { background: #0071bc; /* Old browsers */ background: -moz-linear-gradient(top, #0071bc 0%, #025d9a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0071bc), color-stop(100%,#025d9a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0071bc 0%,#025d9a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0071bc 0%,#025d9a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0071bc 0%,#025d9a 100%); /* IE10+ */ background: linear-gradient(to bottom, #0071bc 0%,#025d9a 100%); /* W3C */ } table.book-appointment-table tr td { border: 1px solid #fafafa; } table.book-appointment-table tr td.available-false{background:#e4e4e4;} .table-container, .select-slot { background: #fafafa; } table.book-appointment-table tr th .slot-head { color: #025f9d; background: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; } table.book-appointment-table tr th .slot-wrapper .slot-sep{ background: url("/etc/designs/centrica/bgas/images/calendar-head-separator.png") no-repeat 0 8px; } .table-container .pinned { border: none;} table.book-appointment-table thead tr th:nth-child(2) {background:none;} table.book-appointment-table tr td.available-true .slot span{ background: url("/etc/designs/centrica/bgas/images/available-slot-tick.png") left 95% no-repeat;} .calendar-panel {border: 1px solid #ccc} .pinned table.book-appointment-table tr th .slot-head {background: none;} .calendar-panel div.table-wrapper { border: none; } .table-container div.table-wrapper div.scrollable{border: none; } .table-container table.book-appointment-table tr td.active {background-color: #0270B9; box-shadow: 0 0 20px 5px #025085 inset; color: #FFFFFF;} .calendar-panel #prev-nav{background-color: #c4c3c3} .calendar-panel #next-nav, .calendar-panel #prev-nav {background:url("/etc/designs/centrica/bgas/images/calendar-trans-background.png") repeat;} .calendar-panel #next-nav .nav-btn{background:url("/etc/designs/centrica/bgas/images/cal-next-button.png") no-repeat scroll 50% 50%;} .calendar-panel #prev-nav .nav-btn{background:url("/etc/designs/centrica/bgas/images/cal-prev-button.png") no-repeat scroll 50% 50%;} .requestacallback .tertiary-link, .requestacallback .tertiary-link:hover{color: #0270B9;} .green-button{background: none repeat scroll 0 0 #75BA07;border: 1px solid #71A715;color: #FFF} .slider h3, .slider h2{color: #646361} .appoinmentslider .tab-slider {color:#666; background: url("/etc/designs/centrica/bgas/images/carousel_separator.png") no-repeat scroll 52% 65% transparent} .appointment-available-wrapper .view-available-dates, .slider .flexslider{background:url("/etc/designs/centrica/bgas/images/linear-gradient.png") repeat-x scroll left top white;border: 1px solid #C7C7C7; border-radius: 0; box-shadow: none;} .slider .flex-direction-nav .flex-next{background:url("/etc/designs/centrica/bgas/images/next-button.png") no-repeat scroll right center transparent; right:18px;} .slider .flex-direction-nav .flex-prev{background:url("/etc/designs/centrica/bgas/images/prev-button.png") no-repeat scroll left center transparent; left:18px;} .slider .flexslider .flex-control-paging li a{ border: 1px solid #ccc; } .slider .h1-style { color: #129ADB; } .slider h2 { color: #646361; } .bookingSlider .appoinmentslider .loading-img{background:url("/etc/designs/centrica/bgas/images/loading.gif") no-repeat center;} /*Radio to button*/ .button-radio-style .button-radio + label{border: 1px solid #ccc;background: rgb(255,255,255);background: -moz-linear-gradient(top, rgba(255,255,255,1) 41%, rgba(230,230,230,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(41%,rgba(255,255,255,1)), color-stop(100%,rgba(230,230,230,1)));background: -webkit-linear-gradient(top, rgba(255,255,255,1) 41%,rgba(230,230,230,1) 100%);background: -o-linear-gradient(top, rgba(255,255,255,1) 41%,rgba(230,230,230,1) 100%);background: -ms-linear-gradient(top, rgba(255,255,255,1) 41%,rgba(230,230,230,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,1) 41%,rgba(230,230,230,1) 100%);color: #0270B9;} .button-radio-style .button-radio.button-radio-active + label{background:#cacaca;background:-moz-linear-gradient(top,#cacaca 0,#e2e2e2 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#cacaca),color-stop(100%,#e2e2e2));background:-webkit-linear-gradient(top,#cacaca 0,#e2e2e2 100%);background:-o-linear-gradient(top,#cacaca 0,#e2e2e2 100%);background:-ms-linear-gradient(top,#cacaca 0,#e2e2e2 100%);background:linear-gradient(to bottom,#cacaca 0,#e2e2e2 100%);-webkit-box-shadow:0 1px 2px rgba(50,50,50,0.2) inset;-moz-box-shadow:0 1px 2px rgba(50,50,50,0.2) inset;box-shadow:0 1px 2px rgba(50,50,50,0.2) inset;color:#434343;} .panelcontainer-dashed-border{border:2px dashed #d2d0e2;border-radius:3px} .vertical-dotted-divider-left {border-left: 1px dotted #C9C9C9;} .voucher-in-table{background: #007BC6; border-radius: 2px 2px 2px 2px; color: #FFFFFF;} /*Services Email starts*/ .regedit-details{background:transparent url(/etc/designs/centrica/bgas/images/icon-edit.png) no-repeat left top;} /*Services Email ends*/ .landlords-assumptions{color:#3b3b3a} /* Energy Cost Calculator */ #energyCostCalculator .txt-box-disabled{border: 1px solid #BBBBBB} /* Energy Cost Calculator */ /* Pagination Component */ .jq-pagination a.prev.active-button{color:#0270b9;background:url(/etc/designs/centrica/bgas/images/ac-arrow-lft.png) no-repeat 0 3px;border:none} .jq-pagination a.next.active-button{color:#0270b9;background:url(/etc/designs/centrica/bgas/images/ac-arrow-rgt.png) no-repeat right center;border:none} .jq-pagination a.active-button {border:1px solid #c2c2c2;color:#0270b9;background:url(/etc/designs/centrica/bgas/images/paginate-btn.jpg) repeat 0 0} .jq-pagination span.current {border:1px solid #c2c2c2;color:#6e6e6e;background:url(/etc/designs/centrica/bgas/images/paginate-btn-click.jpg) repeat 0 0} .jq-pagination span.prev{background:url(/etc/designs/centrica/bgas/images/gray-arrow-lft.png) no-repeat 0 3px;color:#bdbdbd} .jq-pagination span.next{background:url(/etc/designs/centrica/bgas/images/gray-arrow-rt.png) no-repeat right 3px;color:#bdbdbd} .jq-pagination span.prev.current,.jq-pagination span.next.current{border:none} /* Pagination Component */ /*Banner component Enhancement*/ .banner-home-text, .banner-home-text h2,.banner-home-text h3, .banner-home-text h4, .banner-home-text h5, .banner-home-text h6{color:#FFF} /* Link Button */ .primary-home-button{background:#96c10e;background: -moz-linear-gradient(top, #96c10e 0%, #94bd0d 45%, #89b00b 62%, #709401 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96c10e), color-stop(45%,#94bd0d), color-stop(62%,#89b00b), color-stop(100%,#709401)); background: -webkit-linear-gradient(top, #96c10e 0%,#94bd0d 45%,#89b00b 62%,#709401 100%); background: -o-linear-gradient(top, #96c10e 0%,#94bd0d 45%,#89b00b 62%,#709401 100%); background: -ms-linear-gradient(top, #96c10e 0%,#94bd0d 45%,#89b00b 62%,#709401 100%); background: linear-gradient(to bottom, #96c10e 0%,#94bd0d 45%,#89b00b 62%,#709401 100%);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;color: #fff; border-radius: 4px 4px 4px 4px;} .secondary-home-button{background:#02a0e3;background: -moz-linear-gradient(top, #02a0e3 0%, #0293db 45%, #0285d1 62%, #027dc9 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#02a0e3), color-stop(45%,#0293db), color-stop(62%,#0285d1), color-stop(100%,#027dc9)); background: -webkit-linear-gradient(top, #02a0e3 0%,#0293db 45%,#0285d1 62%,#027dc9 100%); background: -o-linear-gradient(top, #02a0e3 0%,#0293db 45%,#0285d1 62%,#027dc9 100%); background: -ms-linear-gradient(top, #02a0e3 0%,#0293db 45%,#0285d1 62%,#027dc9 100%); background: linear-gradient(to bottom, #02a0e3 0%,#0293db 45%,#0285d1 62%,#027dc9 100%); border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;color: #fff; border-radius: 4px 4px 4px 4px;} .panel-dotted-left-border{border-left:1px dotted #c7c7c7} /*informative carousel*/ #info-carousel-slides ul { color: #003399; } /*Home Page Tab*/ #home-page-tabs .tabcomponent .ui-tabs .ui-tabs-nav li {background: none;border:none;} #home-page-tabs .tabcomponent .homepagebanner-title ul li.ui-state-active,.tabcomponent .homepagebanner-title ul li.ui-state-active:hover{background: url("/etc/designs/centrica/bgas/images/down-arrow-white1.png") no-repeat bottom center transparent;} .panelwhitebg{background:#FFF} #home-page-tabs .tabcomponent .homepage-cookie-text a,#home-page-tabs .tabcomponent .homepage-cookie-text a:link,#home-page-tabs .tabcomponent .homepage-cookie-text a:visited{color: #0270B9;} .tabcomponent .hometabs{border:none;} /* OAM Lite */ .oamLitePrj .overlay p a{border-bottom:1px dotted #003399;} /* OAM Lite */ .login-nb-box .login-nb-regbox {border-radius: 0 0 5px 5px;} /* Blue gradient panel */ .blue-gradient { background: linear-gradient(to bottom, #0066cc, #00ccff); box-shadow:none} .subject-style { color: #0270b9;} .blue-gradient .tertiary-link{background:url("/etc/designs/centrica/bgas/images/bgb/tetris/arrow-white.png") no-repeat left 2px} .blue-gradient .secondary-link{background: url(/etc/designs/centrica/bgas/images/mediumChevronWhite.png) no-repeat left 3px;} .blue-gradient h1,.blue-gradient h2,.blue-gradient h3,.blue-gradient h4,.blue-gradient p,.blue-gradient a,.blue-gradient h5,.blue-gradient span,.blue-gradient span.tick{color:#fff} /*Pricefinder*/ .login-nb-regbox .pricefinder a{color:#0270B9;} .login-nb-regbox .panelcontainer {color: #646361;} .til-content{background: none repeat scroll 0 0 #EFEFEF;} .row-wrapper.selected-tariff {background:#EFF7FF;} .tcr-content{background: #fff; border: 1px solid #ccc;} .row-wrapper.header {background: url(/etc/designs/centrica/bgas/images/table-gaq-head-1.jpg) repeat-x 0 0 transparent; color:#fff;border-top-left-radius: 5px; border-top-right-radius: 5px;} .row-wrapper.header .td-detail {background: url("/etc/designs/centrica/bgas/images/ac_separator.png") no-repeat scroll 100% 0;} .row-wrapper.header .td-detail.last {background:none;} .row-wrapper.result, .row-wrapper.til-accordion,.row-wrapper.til-generate-pdf {border-color: #D7D4D4; border-style: solid; border-left-width:1px; border-right-width: 1px;} .row-wrapper.til-accordion {border-bottom:1px dotted #D7D4D4;} .row-wrapper.til-accordion .accordion-content .panel-widget-layout {border-width: 1px 0; border-radius:0;} .ie7 table.book-appointment-table tr th, .ie7 .table-container table.book-appointment-table tr td{border: 0 none} .ie7 .table-container table.book-appointment-table tr th{border-right: 0px solid transparent; border-bottom: 7px solid transparent} .ie7 .table-container table.book-appointment-table tr td div.slot{border-right: 2px solid #FAFAFA; border-bottom: 2px solid #FAFAFA} #priority-panel .genericRadioGroup:first-child label{border-top-right-radius: 0; border-bottom-right-radius: 0} #priority-panel .genericRadioGroup:last-child label{border-top-left-radius: 0; border-bottom-left-radius: 0} .button-radio-style .button-radio + label{border-radius:5px;} ul.fault-items li.last-row .hna-divider-left, ul.fault-items li.last-row .hna-divider-right{background: none} /* Book CHI appointment */ .chitooltip .non-modal a, .chitooltip .overlay a{border-bottom: 1px dotted #02709B} /* SmartPrePay Vend */ .smartPPpaymentdetails .findAddressPanel, .smartppvend .vendCode, .smartppvend #oneSCN .oneSCNmodule , .smartppvend .reviewValue{background-color: #f0f0f0} .smartppvend #errmsg {color: #c1056f} .smartppvend .reviewValue.nobackground {background-color: #fff;} .smartPPpaymentdetails .btncomp-inactive.btncomp-deviceinactive {background-color: #f0f0f0;opacity: 0.5;filter: alpha(opacity=50);} .smartppvend #scnTxtField span.error-inline span{ background: url(/etc/designs/centrica/bgas/images/error-pt-field-up.png) no-repeat 0 10px; } .smartPPpaymentdetails .amountToPayDropDown span.error-nxtline span {background-image: url("/etc/designs/centrica/bgas/images/error-pt-field.png")} /* SmartPrePay Vend */ /*Tube Map*/ #main-tubemap li{border:1px solid #BDBDBD;border-width:0 0 2px 0;} #main-tubemap li:first-child{border-width:0 0 2px 0;} #main-tubemap .even{border-width:0 0 2px 0;} .tubemap-open {border-right:5px solid #BDBDBD;} .tubemap-close {border-right:5px solid #fff;} .tubemap-open-line {border-right: 5px solid #BDBDBD;} .tubemap-close-line {border-right: 5px solid #5D9B00;} .right-curve{border:2px solid #BDBDBD;border-width:2px 2px 2px 0;-moz-border-radius:0 40px 40px 0;-webkit-border-radius:0 40px 40px 0;border-radius:0 40px 40px 0;} .left-curve{border:2px solid #BDBDBD;border-width:2px 0 2px 2px;-moz-border-radius:40px 0 0 40px;-webkit-border-radius:40px 0 0 40px;border-radius:40px 0 0 40px;} .first-left-curve{border:2px solid #BDBDBD;border-width:0 0 2px 2px;-moz-border-radius:0 0 0 30px;-webkit-border-radius:0 0 0 30px;border-radius:0 0 0 30px;} #main-tubemap h2,.TubemapQuestionButton1 .primary-link{color : #1499DA;} #main-tubemap .tubemap-smart-head,#banner-control .primary-link,.tubemap_odd,.nectar-box h3,.nectar-box label{color:#fff;} #main-tubemap .smart-head-no{background:url('/etc/designs/centrica/bgas/images/number_bullet.png') 0 0 no-repeat;} #main-tubemap .smart-head-tick{background:url('/etc/designs/centrica/bgas/images/cir-tick.png') 0 0 no-repeat;} #main-tubemap .left-dot{background:url('/etc/designs/centrica/bgas/images/curve_bullet.png') 0 0 no-repeat;} #main-tubemap .right-dot-img{background:url('/etc/designs/centrica/bgas/images/normal_bullet.png') 0 0 no-repeat;} #main-tubemap .right-tick-img{background:url('/etc/designs/centrica/bgas/images/tick.png') 0 0 no-repeat;} .odd .tubemap-gradian-img {background: url("/etc/designs/centrica/bgas/images/gradient.png") repeat-y scroll 0 0 transparent;} .even .tubemap-gradian-img {background: url("/etc/designs/centrica/bgas/images/gradient-flipped.png") repeat-y scroll 0 0 transparent;} .gray-white-promo {background-color: #FFFFFF;box-shadow: 0 0 10px 10px #F6F6F6 inset;} #main-tubemap .tubemap-extand-line{border-bottom: 2px solid #BDBDBD;} /*Tube Map*/ /*bolier efficiency */ #a-boiler,#a2-boiler{ background-color: #00753d;} #b-boiler,#b2-boiler{ background-color: #01a235;} #c-boiler,#c2-boiler{background-color: #b7d100;} #d-boiler,#d2-boiler{background-color: #ffcf00;} #e-boiler,#e2-boiler{background-color: #ffae5f;} #f-boiler,#f2-boiler{background-color: #ff8307;} #g-boiler,#g2-boiler{background-color: #ff273c;} #x2-boiler{background-color: #999999;} .flextohtml .primary-panel-hd h2{color: #FFFFFF;} .flextohtml .primary-panel-hd span sup{color: #FFFFFF;} #a-boiler p, #b-boiler p, #c-boiler p, #d-boiler p, #e-boiler p, #f-boiler p, #g-boiler p { color:#FFF; } #a2-boiler p, #b2-boiler p, #c2-boiler p, #d2-boiler p, #e2-boiler p, #f2-boiler p, #g2-boiler p, #x2-boiler { color:#FFF; } #a2-boiler, #b2-boiler, #c2-boiler, #d2-boiler, #e2-boiler, #f2-boiler, #g2-boiler,#x2-boiler { background-position: left; background-repeat: no-repeat; background-image: url(/etc/designs/centrica/bgas/images/arrow-mask-left.png); } #a-boiler, #b-boiler, #c-boiler, #d-boiler, #e-boiler, #f-boiler, #g-boiler { background-image: url(/etc/designs/centrica/bgas/images/arrow-mask-right.png); background-position: right center; background-repeat: no-repeat; } /*registration*/ #registrationPersonalDetails #editEmail span{color: #0270B9;} /* City Comparision */ .acc-summ-pnlpad .info-small, .acc-summ-pnlpad .info {background-color:#fff !important} /* cookies component */ .globalCookieMessage p a {color: #FFFFFF; text-decoration:underline;} .globalCookieMessage p a:focus{background-color:transparent;} .ie7 .globalCookieMessage a{background-color:transparent;} .globalCookieMessage p {color: #FFFFFF;} .bgrcookiemessage { background-color: #636261; } /* New Breadcrumb for Model Sales Starts */ #breadcrumb ul.modelSales li a.home {background-color:#ddd} #breadcrumb ul.modelSales li a.home:hover {background-image: none; } #breadcrumb ul.modelSales li a, #breadcrumb ul.modelSales li.active-page {color: #3b3b3a;text-decoration: none; background: #ddd;} #breadcrumb ul.modelSales li a:after, #breadcrumb ul.modelSales li.active-page:after{border-top: 50px solid transparent; border-bottom: 50px solid transparent;border-left: 30px solid #ddd;} #breadcrumb ul.modelSales li a:before { border-top: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 32px solid #fff;} #breadcrumb ul.modelSales li.active-page{background:#129adb} #breadcrumb ul.modelSales li.active-page strong {font-weight:normal; color:#fff} #breadcrumb ul.modelSales li.active-page:after { border-left-color: #129adb; } #breadcrumb ul.modelSales li:last-child a {background: #fff !important;color: black} #breadcrumb ul.modelSales li a:hover { background: #129adb; color:#fff} #breadcrumb ul.modelSales li a:hover:after { border-left-color: #129adb !important; } /* Alternative breadcrumb for ie7-ie 8*/ .ie7 #breadcrumb ul.modelSales li a, .ie7 #breadcrumb ul.modelSales li.active-page, .ie8 #breadcrumb ul.modelSales li a, .ie8 #breadcrumb ul.modelSales li.active-page, .ie7 #breadcrumb ul.modelSales li a.home:hover, .ie8 #breadcrumb ul.modelSales li a.home:hover{ color: #3b3b3a;text-decoration: none; background-image: url(/etc/designs/centrica/bgas/images/bcTriangle.png); background-color:#ddd;} .ie7 #breadcrumb ul.modelSales li.last-trail-page a.home:hover, .ie8 #breadcrumb ul.modelSales li.last-trail-page a.home:hover{ background-image: url(/etc/designs/centrica/bgas/images/bcTriangleLast.png)} .ie7 #breadcrumb ul.modelSales li a:hover, .ie8 #breadcrumb ul.modelSales li a:hover, .ie7 #breadcrumb ul.modelSales li a.home:hover, .ie8 #breadcrumb ul.modelSales li a.home:hover{color:#129adb} .ie7 #breadcrumb ul.modelSales li.active-page, .ie8 #breadcrumb ul.modelSales li.active-page{ background-image: url(/etc/designs/centrica/bgas/images/bcTriangleActive.png); background-color:#129adb;} .ie7 #breadcrumb ul.modelSales li.last-trail-page a, .ie8 #breadcrumb ul.modelSales li.last-trail-page a{ background-image: url(/etc/designs/centrica/bgas/images/bcTriangleLast.png); background-color:#ddd;} /* Digital service and repair*/ .cmshint{color:#c1056f;} /* New Breadcrumb for Model Sales Ends */ /*landlords mutlipremise */ .flexslider{background:none;border:none;} .summary-options{border-right:1px dotted #000000;} /* Landlords - Contract Summary*/ .pagination-top .dataTables_length ul li a.selected, .pagination-top .dataTables_info,.pagination-top .dataTables_paginate{color: #0270B9;} .contractSummary .section-container{border-top:0 none;} .contractSummary .product-details sup{color:#6e6e6e} /* Landlords - Your Jobs*/ .dataTables_paginate a.previous{color:#0270B9;background: url(/etc/designs/centrica/bgas/images/ac-arrow-lft.png) no-repeat 0 3px;} .dataTables_paginate a.next{color:#0270B9;background: url(/etc/designs/centrica/bgas/images/ac-arrow-rgt.png) no-repeat right center;} .dataTables_paginate span a.paginate_button {border:1px solid #c2c2c2; color:#0270B9; background: url(/etc/designs/centrica/bgas/images/paginate-btn.jpg) repeat-x 0 0;} .dataTables_paginate span a.paginate_active {border:1px solid #c2c2c2; color:#6e6e6e; background: url(/etc/designs/centrica/bgas/images/paginate-btn-click.jpg) repeat-x 0 0;} .dataTables_paginate a.previous.paginate_button_disabled{background: url(/etc/designs/centrica/bgas/images/gray-arrow-lft.png) no-repeat 0 3px;color:#bdbdbd;} .dataTables_paginate a.next.paginate_button_disabled{background: url(/etc/designs/centrica/bgas/images/gray-arrow-rt.png) no-repeat right 3px;color:#bdbdbd;} .table-history thead tr th.sorting_desc a{background: url(/etc/designs/centrica/bgas/images/sorter-up.png) no-repeat right center #00aeef;} .table-history thead tr th.sorting a,.table-history thead tr th.sorting_asc a{background: url(/etc/designs/centrica/bgas/images/sorter-down.png) no-repeat right center #00aeef;} .dataTables_paginate span a,.dataTables_paginate span a:focus{background:none;} /* Landlords - domestic gas safety status*/ .txt-overdue{color:#AD0000;} .txt-dueless{color:#E77903;} .txt-notdue{color:#1F8F01;} /* domestic landlords your-jobs*/ #land-cont .table-history .jobtype-title span span{color:#AD0000} #land-cont .table-history .accord-text{color:#0270b9;} /* domestic landlords GSS*/ .land-gss-container{background: none repeat scroll 0 0 #f6f6f6;border: 1px solid #c7c7c7;border-radius: 3px;} /*Smart Vend Phase 2*/ .SmartMeterAccountSummary .smart-meter-promo .grey-promo{border:1px solid #dedede;} /*Manage payment card*/ table#retrieveCardsTable .card-expired{color:#C1056F} #retrieveCardsTable tbody tr.radio-selected-expired{background:#C1056F;color:#fff;border-top:3px solid #C1056F;border-bottom:3px solid #C1056F;} #retrieveCardsTable tbody tr.radio-selected-expired p,#retrieveCardsTable tbody tr.radio-selected-expired p a,.radio-selected p,.radio-selected p a{color:#fff;} .PaymentTransactionHistory #divHistoryTable .table-history thead tr th,table#retrieveCardsTable tr,#retrieveCardsTable tr th{border-bottom:none;} table#retrieveCardsTable tbody tr{background:none;} table#retrieveCardsTable td{border-bottom:none;border-top:2px solid #DEDEDE;border-left:none;} .cardtable{border-bottom:1px solid #DEDEDE;border-right:1px solid #DEDEDE;border-left:1px solid #DEDEDE;background:#F0F0F0;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;} #retrieveCardsTable tbody tr.radio-selected:first-child td,table#retrieveCardsTable tbody tr:first:child td{border-top:none;} #retrieveCardsTable tbody tr.radio-selected{background:#0270B9;color:#fff;border-top:3px solid #0270B9;border-bottom:3px solid #0270B9;} table#retrieveCardsTable a {border-bottom: 1px dotted;} #manualAmount .manual-input-disable{background-color:#D4D0C8;border:1px solid #bbb;} /*Transaction History*/ .PaymentTransactionHistory #divHistoryTable #payment-history-table table tr th:nth-child(1){border-radius:5px 0 0 0} .PaymentTransactionHistory #divHistoryTable #payment-history-table table tr th:last-child{border-radius:0 5px 0 0} .PaymentTransactionHistory #divHistoryTable .table-history tbody tr td:first-child{border-left:2px solid #DEDEDE;} .PaymentTransactionHistory #divHistoryTable .table-history tbody tr td:last-child{border-right:2px solid #DEDEDE} .PaymentTransactionHistory #divHistoryTable .table-history tbody tr:last-child td:nth-child(1){border-radius:0 0 5px 0} .PaymentTransactionHistory #divHistoryTable .table-history tbody tr:last-child td:last-child{border-radius:0 0 0 5px} .PaymentTransactionHistory #divHistoryTable .table-history tbody tr:last-child{border-bottom:1px solid #DEDEDE;} .PaymentTransactionHistory #divHistoryTable .table-history td{border-bottom:none;border-left:none;} /*Smart Vend Phase 2*/ /*Model Sales*/ .model-sales .basket-checkout-btn button{background: #5D9B00 url("/etc/designs/centrica/bgas/images/primary-btn-arrow.png") no-repeat scroll 68px 8px} .model-sales .wrapper-detail-empty-basket button{background: #5D9B00 url("/etc/designs/centrica/bgas/images/primary-btn-arrow.png") no-repeat scroll 18px 8px} .disabled-text{color:#cfccd5} /*Model Sales*/ /*carousel component changes Starts */ .flexview-carousel-box .flex-control-paging li a {background: white;} .flexview-carousel-box .flex-direction-nav a.flex-next:before {background-color: #0270B9;color: white;} .flexview-carousel-box .flex-direction-nav a:before {background-color: #0270B9;color: white;} .flexview-carousel-box .flex-control-paging li a.flex-active {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);cursor: default;} .flex-caption {background: none repeat scroll 0 0 #68acda;bottom: 0;color: #FFFFFF;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);} .flex-caption h3,.flex-caption h2,.flex-caption h4{color: #FFFFFF;} .flexview-carousel-box .flex-direction-nav a {background: url("/etc/designs/centrica/bgas/images/flexarrowprev.png") no-repeat scroll 0 0;color: rgba(0, 0, 0, 0.8);text-decoration: none;text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);} .flexview-carousel-box .flex-direction-nav .flex-prev {background-color: #2087cb;background: #2087cb url("/etc/designs/centrica/bgas/images/flexarrowprev.png") no-repeat scroll 6px 8px;} .flexview-carousel-box .flex-direction-nav .flex-next {background-color: #2087cb;background: #2087cb url("/etc/designs/centrica/bgas/images/flexarrownext.png") no-repeat scroll 10px 8px;} /*carousel component changes Ends */ /*Generic button Primary & secondary device changes starts*/ button.btnboxview.btncomp-primarydevice {background-color: #5D9B00;} .btnboxview a, button.btnboxview.btncomp-inactive {background:none;background-color: #EFEFEF;} button.btnboxview.btncomp-secondarydevice {background-color: #9A9A9A;} /*Green Button-Primary-device*/ button.btnboxview.btncomp-primarydevice{background-color: #5d9b00;color: #fff;background-image:none;} button.btnboxview.btncomp-primarydevice{background-image: none; border: 0 none} /*Gray Button-Secondary-device*/ button.btnboxview.btncomp-secondarydevice{background-color: #9a9a9a;color: #fff;} button.btnboxview.btncomp-secondarydevice{background-image: none; border: 0 none} /*Generic button Primary & secondary device changes ends*/ button.btnboxview.btncomp-inactive{ background: none repeat scroll 0 0 #efefef;color: #bdbdbd;} .genericNextButton button.btnboxview, .genericButton button.btnboxview,.btnboxview a,button.btnboxview {border-radius: 5px;} /* Primary link changes*/ .primary-link-Boxview a, .primary-link-Boxview a:hover, .primary-link-Boxview a:active, a.primary-link-Boxview:hover, a.primary-link-Boxview:active, a.primary-link-Boxview, a span.primary-link-Boxview:hover, a span.primary-link-Boxview:active, a span.primary-link-Boxview {color: #fff;} .primary-link-Boxview, .primary-link-Boxview:hover, .primary-link-Boxview:active, .primary-link-Boxview:focus {background: #5D9B00 url("/etc/designs/centrica/bgas/images/primary-btn-arrow.png") no-repeat scroll 9px 9px;color: #fff;color: #fff;} .darkblue-text{color:#042e6f;} .primary-link-Boxview {border-radius: 7px;} #loginsection .registerrhsbutton button{background: none repeat scroll 0 0 #9A9A9A;} #reviewYourOrder .grey-promo{border: 1px solid #d2d2d2;} .divider-leftsolid{border-left:1px solid #d7d4d4;} #vendHistoryErrorInfo{ border: 1px solid #dedede;} #loginsection .login-lesspadding{background:#FFF;border:1px solid #d7d4d4;border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;} .quickAddressContainer .loginRegisterQuickAddressParsys #loginsection .login-lesspadding{background:none;border:none;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;} /*SMART VEND Phase 1*/ .smartppvend .vendCode, .smartppvend .vendAmount{background:#f0f0f0;} .borderradius .managePaymentCard table#retrieveCardsTable thead th.first,.borderradius .managePaymentCard table#retrieveCardsTable thead th.last{border:none;} .managePaymentCard table#retrieveCardsTable thead tr th{background:#F6F6F6 url(/etc/designs/centrica/bgas/images/table-dotted-header.png) no-repeat 100% 50%;color:#6E6E6E} .managePaymentCard table#retrieveCardsTable thead tr th:nth-child(6){background:#F6F6F6} /*SMART VEND Phase 1*/ /* Model sales Tabbed styles */ .tabbedApplication .tabs {background: #fff;border: solid 1px #e6e6e6;} .tabbedApplication .tabs h2 ,.tabbedApplication .tabs h3{color:#426ca0} .tabbedApplication .tabs ul.nav li.tabitem { border:none;border-radius: 0px;background-color:#f4f4f4;} .tabbedApplication .tabs ul.nav li.tabitem a {color:#666666;text-decoration: none;} .tabbedApplication .tabs ul.nav li.tabitem.active { background:#219BD8; } .tabbedApplication .tabs ul.nav li.tabitem.active .navContent {color:#ffffff} .tabbedApplication .tabs ul.nav li.tabitem a.active { text-decoration: none;color:#ffffff;} .tabbedApplication .tabs ul.nav li.tabitem a.disabled { color:#999999;} .tabbedApplication .tabs ul.nav li.tabitem a:hover, .tabbedApplication .tabs ul.nav li.tabitem a:focus{background:none;} .tabbedApplication .tabs ul.nav li.tabitem .navContent {color: #666666;} .tabbedApplication .tabs .tab-content-container { background: #fff;} .tabbedApplication .tabs .tab-content-container .panel-step {background: #f2f2f2;border-radius: 5px;} .tabbedApplication .tabs .navigator .next {background:none;background-color:#5d9b00;color:#ffffff;border:none;} .tabbedApplication .tabs .navigator .back {border-radius:5px;background-color:#efefef;color:#199cdb;border:none;} .tabbedApplication .tabs .navigator button.btncomp-inactive{background-color: #EFEFEF; color: #BDBDBD} .thankYouBox{border:1px solid #000; background-color:#fff;} #addedToBasket .newquote{background-color:#E7F5FE;} #addedToBasket .active,#addedToBasket .active .newquote{background-color:#219BD8;color:#fff;} #addedToBasket .active td{color:#fff;} /* New Breadcrumb for Model Sales Starts */ .ie7 #breadcrumb ul.modelSales li.active-page, .ie8 #breadcrumb ul.modelSales li.active-page{ background-repeat:no-repeat;background-position:right 0;background-attachment:scroll;} .ie7 #breadcrumb ul.modelSales li.last-trail-page a, .ie8 #breadcrumb ul.modelSales li.last-trail-page a{ background-repeat:no-repeat;background-position:right 0;background-attachment:scroll;} .ie7 #breadcrumb ul.modelSales li a, .ie7 #breadcrumb ul.modelSales li.active-page, .ie8 #breadcrumb ul.modelSales li a, .ie8 #breadcrumb ul.modelSales li.active-page, .ie7 #breadcrumb ul.modelSales li a.home:hover, .ie8 #breadcrumb ul.modelSales li a.home:hover { line-height:10px; padding: 10px 35px 10px 0px;position: relative;display: block;float: left;background-repeat:no-repeat; background-position:right 0;background-attachment:scroll;} /* New Breadcrumb for Model Sales Starts */ /*Manuals result*/ .searchManualsForm .dataTables_paginate a.paginate_button_disabled{color:#bdbdbd; background:none; cursor:default; text-decoration:none;} .searchManualsForm #resultSearch .table-history{border-collapse:separate;border:0px solid #dedede;} .searchManualsForm #resultSearch .table-history tbody tr {background-color:#fff; text-decoration:none;} .searchManualsForm #resultSearch .table-history td{border:solid #dedede; border-width:0px 1px;} .searchManualsForm #resultSearch .table-history tbody tr:hover{background:transparent} .searchManualsForm #resultSearch .table-history thead tr th {-moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0;border-bottom:none;} .searchManualsForm .dataTables_wrapper .dataTables_paginate .paginate_active{background:#fff; border:none; color:#6e6e6e;text-decoration:none;} .searchManualsForm .dataTables_paginate span a.paginate_active, .searchManualsForm .dataTables_paginate a.paginate_button{background:none;} .ie7 .searchManualsForm .table-history, .ie8 .searchManualsForm .table-history{border-bottom:1px solid #dedede;} .searchManualsForm #resultSearch .table-history tr:last-child td{border-bottom:1px solid #dedede;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;} .savedManualsTable .table-history{border-collapse:separate;} .savedManualsTable .table-history th{border-bottom:none;} .savedManualsTable .table-history .anchorlinks{border-left:none;} .savedManualsTable .table-history th:first-child{border-top-left-radius:4px;} .savedManualsTable .table-history thead tr th:not(:first-child){border-top-right-radius:4px;} .savedManualsTable .table-history tbody tr td:first-child {border-left:1px solid #dedede;} .savedManualsTable .table-history td{border: 1px solid #dedede;border-top: 1px dashed #dedede;border-bottom: none;} .savedManualsTable .table-history tr:first-child td{border-top:none;} .savedManualsTable .table-history tr:last-child td, .ie7 .savedManualsTable .table-history, .ie8 .savedManualsTable .table-history{border-bottom:1px solid #dedede;} .savedManualsTable .table-history tr:last-child td:first-child{border-bottom-left-radius:4px;} .savedManualsTable .table-history tr:last-child td:last-child{border-bottom-right-radius:4px;} /*your appointment*/ .yourappointmentgradient{ background: -moz-linear-gradient(top, #feffff 69%, #ddf1f9 125%, #a0d8ef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(69%,#feffff), color-stop(125%,#ddf1f9), color-stop(100%,#a0d8ef)); background: -webkit-linear-gradient(top, #feffff 69%,#ddf1f9 125%,#a0d8ef 100%); background: -ms-linear-gradient(top, #feffff 69%,#ddf1f9 125%,#a0d8ef 100%); } /* Jquery ui css*/ /* Interaction states*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(/etc/designs/bgas/images/ui-lightness/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;color: #1c94c4; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } .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 {border:none; background: #fdf5ce url(/etc/designs/centrica/bgas/images/ui-lightness/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;color: #000; } .ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #ccc; background: #ffffff url(/etc/designs/centrica/bgas/images/ui-lightness/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;color: #000; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #CCC; background: #ffe45c url(/etc/designs/centrica/bgas/images/ui-lightness/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #b81900 url(/etc/designs/centrica/bgas/images/ui-lightness/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {opacity: .7; filter: Alpha(Opacity = 70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity = 35);background-image: none; } /* Icons*/ .ui-icon {background-image: url(/etc/designs/centrica/bgas/images/ui-lightness/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon { background-image: url(/etc/designs/centrica/bgas/images/ui-lightness/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon { background-image: url(/etc/designs/centrica/bgas/images/ui-lightness/ui-icons_ef8c08_256x240.png); } .ui-state-default .ui-icon { background-image: url(/etc/designs/centrica/bgas/images/ui-lightness/ui-icons_ef8c08_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(/etc/designs/centrica/bgas/images/ui-lightness/ui-icons_ef8c08_256x240.png); } .ui-state-active .ui-icon { background-image: url(/etc/designs/centrica/bgas/images/ui-lightness/ui-icons_ef8c08_256x240.png); } .ui-state-highlight .ui-icon { background-image: url(/etc/designs/centrica/bgas/images/ui-lightness/ui-icons_228ef1_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(/etc/designs/centrica/bgas/images/ui-lightness/ui-icons_ffd27a_256x240.png); } /*account summary*/ #asvnodue .info-small{background: url(/etc/designs/centrica/bgas/images/info-icon-sm.png) no-repeat 1px 10px;} /*New smart meter upgrade*/ #landingChanelBaner .gray-white-promo{background-color:transparent;} #landingChanelBaner{color:#FFFFFF;border: 2px solid #eaeaea;border-radius: 8px;} #landingChanelBaner h4{color:#FFFFFF;} #landingChanelBaner .non-modal a,#landingChanelBaner .non-modal a:hover{color:#ffffff; border-bottom: 1px dotted #ffffff;} #bgmoXml #questionSectionRadio .grey-promo,#xmldata #questionSectionRadio .grey-promo{box-shadow: 0 0 10px 10px #c9f4fb inset;background-color: #def7fc;} .recommended-best p{background: #00a6e7;color: #fff;} /* Progress Indicator - CAPP */ .currentsteptitle h4,.currentsteptitle p{color:#042e6f;} .progress-indicator-completed{background:url('/etc/designs/centrica/bgas/images/progress_indicator_complete.png') no-repeat;} .progress-indicator-current{background:url('/etc/designs/centrica/bgas/images/progress_indicator_currentstep.png') no-repeat;} .progress-indicator-next{background:url('/etc/designs/centrica/bgas/images/progress_indicator_nextstep.png') no-repeat;} .progress-indicator-incomplete{background:url('/etc/designs/centrica/bgas/images/progress_indicator_incomplete.png') no-repeat;} .progress-line{border-bottom:2px solid #afafaf;} .progress-indicator .centersteps{background-position:center 0;} .progress-indicator .rightstep{background-position:right center;} .progress-line .progress-indicator-incomplete{background-position:1px 0px;} .progress-indicator .desktooltip{width: 60%;margin-top: 110px;color: #ffffff;} .progress-indicator #tooltipText{background: #042e6f;color: #ffffff;border-radius:2px;} #landingChanelBaner .genericRadioGroup label{color:#ffffff;} .SmartMeterStepprocessParsys .progress-indicator .rightstep{background-position: 1px 0;} .progress-line .rightstep{background-position:2px 0px;} .progress-indicator #tooltipText{background: #042e6f;color: #ffffff;border-radius:2px;} /*Revoo ratings*/ #reevoomark .embedded .comment{background-image: none;background: none;} /*Map stored card*/ .mapstoredisable{background-color:#DEDEDE;border:1px solid #ABADB3;} /*feedback widget*/ .targetfeedback{border-left :1px solid #003399; border-top: 1px solid #003399; border-bottom: 1px solid #003399;} #salesBusinessDetails .txt-box-disabled{border-color:#c2c2c2;} /* Broker portal*/ #tender-landing-tender-table-div .table-history,#tender-search-result-div .table-history{border : 1px solid #ccc;} /* Broker portal*/ /*Tabbed with Image component starts*/ .tabcomponent .tabbedimageStyle.horizontal.ui-tabs .ui-tabs-nav li.ui-state-active{box-shadow: 0 -5px 2px 2px #f7f7f7;} /*Tabbed with Image component ends*/ /*EMS navigation links starts*/ .primary-link-green {background: url("/content/dam/bgbusiness/icons/smallChevron-black.png") no-repeat scroll 15px 13px #b3e001; border-radius: 20px;cursor: pointer;padding: 10px 20px 10px 30px;text-decoration: none;} .primary-link-green a{color:#000;} .primary-link-feedback {background: url("/content/dam/bgbusiness/icons/smallChevron-feeback.png") no-repeat scroll 40px 13px; border: 2px solid #0099ff;border-radius: 20px;cursor: pointer;padding: 10px 40px 10px 50px;text-decoration: none;} .primary-link-feedback a{color:#0099ff;} /*EMS navigation links ends*/ /*BGB Panelcontainer dark blue pod starts*/ .panelcontainerwithdarkbluebg {background-color:#132b6e;} .panelcontainerwithdarkbluebg{margin-right: 10px;padding: 10px;} .globalmegamenu #mega-menu .sf-menu li .panelcontainer .panelcontainerwithdarkbluebg h2, .globalmegamenu #mega-menu .sf-menu li .panelcontainer .panelcontainerwithdarkbluebg h3, .globalmegamenu #mega-menu .sf-menu li .panelcontainer .panelcontainerwithdarkbluebg h4, .globalmegamenu #mega-menu .sf-menu li .panelcontainer .panelcontainerwithdarkbluebg h5, .globalmegamenu #mega-menu .sf-menu li .panelcontainer .panelcontainerwithdarkbluebg h6, .globalmegamenu #mega-menu .sf-menu li .panelcontainer .panelcontainerwithdarkbluebg p{color:#fff;} .globalmegamenu #mega-menu .sf-menu .panelcontainer .tertiary-link { background: transparent url("/etc/designs/centrica/bgas/images/mediumChevron-white.png") no-repeat scroll left 8px; } .globalmegamenu #mega-menu .sf-menu li .panelcontainer .panelcontainerwithdarkbluebg a{color:#fff;} /*BGB Panelcontainer dark blue pod ends*/ /*Wave payment details */ #InfoPanelNoCC .info-color {background: url("/etc/designs/centrica/bgas/images/info-icon.png") no-repeat scroll 12px 8px #e5f6fd}; /*Wave payment details */ /*Wave manage cards starts*/ #manageTable.table-history tbody { border: 1px solid #ccc; } #manageTable.table-history tbody tr { background: #fff; } #manageTable.table-history tbody tr:hover, table#manageTable.table-history tbody tr.odd:hover { background: #f0f0f0; } #manageTable.table-history thead tr th { border-bottom: none; } #manageTable.table-history { margin: 10px 0; border-collapse:separate; } #managetable-mobile input[type="radio"]{display:block;} #managetable-mobile { background: #fff; border: 1px solid #ccc; padding: 10px; overflow: hidden; border-radius: 5px 5px 0 0; } #managetable-mobile .mobile-radio { margin-top: 5%; } #managetable-mobile .mobile-cardDetails { padding: 0 0 5px 7px; } #managetable-mobile .mobile-cardDetails p { margin-bottom: 5px; } .editOptions { border: 1px solid #ccc; border-radius: 0 0 5px 5px; border-top: none; margin-bottom: 10px; } .editOptions span.edit-manage{ margin-left: 11%; display: inline-block; padding: 10px; border-right: 1px solid #ccc; width: 34%; } .editOptions span.edit-manage a, .editOptions span.delete-manage a{ border-bottom: dotted #0270b9; } .editOptions span.delete-manage{ width: 25%; float: right; padding: 10px; } #managetable-mobile .mobile-radio.rb-wrapper .genericRadioGroup label, #managetable-mobile input[type="radio"] + label { height: 0; } #managetable-mobile .mobile-radio.rb-wrapper { border: none; border-radius: 0; background: none; } #managetable-mobile .mobile-radio.rb-wrapper .genericRadioGroup:first-child:nth-last-child(1) label { width:0; } .noSavedCards { background: #fff; border: 1px solid #ccc; border-radius: 5px; } .noSavedCards p{ padding: 25px 15px; text-align: center; font-weight: bold; } .editOptions-desk { padding:1px; } .editOptions-desk a{ text-decoration: underline; cursor: pointer; } #manageTable.table-history table, .table-history th, .table-history td { vertical-align:middle; } .noSavedCardDesk p{ font-size: 1em; } /* Wave manage cards ends*/ /*payment page color*/ .ddfontblock {color:#323F48;} .ddfontblue {color:#0099ff;} .ddfontpink {color: #DC1371;} /*Gas and Electricity Complaints new design form */ .complaints-form {background: #fefefe;box-shadow: 0 0 10px 10px #f4f4f4 inset;} /* Consolidated form fields changes */ .newsuccess{ border: 2px solid #658D1B!important;} .newerror{border: 2px solid #c1056f!important;} /*MUMV view user */ .btn-comp-img a#deactivateLearnmore {background:transparent;padding:0;font-size:1.3em;border-bottom:none;} .btn-comp-img a#deactivateLearnmore:hover {text-decoration:underline;} .btn-comp-img a#deactivateLearnmore:focus {color: #003399;background-color: #cceffc;text-decoration: none;}