/* ----------------------------------------------------------------------------- ##### Copyright Kleenheat ##### www.Kleenheatng.com.au ##### Author: Sumo Group - Perth Digital Agency - www.sumo.com.au ----------------------------------------------------------------------------- Table of Contents --------------------- - Common Area - Header - Footer - Natural Gas Landing - Banner - Aside - Content - Natural Gas Splash - Natural Gas Landing - Aside - Quick tools - Discover - Plans & Pricing - Business - Common Navigation - Login Page - Forgot password page - Help Centre - Landing - Help Centre - Requests Landing - Help Centre - Help Articles - Help Centre - Spring Board - Retina Styles --------------------- ** Common Area - not logged in - Header --------------------------------------------------------------------------------- */ .p-common-area .block-container { width: 1190px; min-width: 1190px; padding: 0 10px; margin: 0 auto; } .p-common-area #header { background-color: #024071; height: 55px; height: 57px; min-width: 1210px; z-index: 210; position: relative; } .p-common-area h1 { width: 184px; height: 37px; margin: 14px 0 0 0; float: left; } .p-common-area .intro h1 { width: auto; } .p-common-area #logo { position:relative; background: url('/images/standard/landing/kh-ng-logo.png') center left no-repeat; width: 303px; height: 57px; padding-top: 0; margin: 0; } #header #logo { margin-top: 0; } body.express-deployment header #logo, body.local-deployment header #logo, body.dev-deployment header #logo, body.test-deployment header #logo { background-image: url('/images/standard/landing/ng-logo-deploy.png'); } body.express-deployment header #logo { background-position:0 0; } body.local-deployment header #logo { background-position: 0 -58px; } body.dev-deployment header #logo { background-position: 0 -115px; } body.test-deployment header #logo { background-position: 0 -172px; } .p-common-area #header-pannel { font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; font-weight: normal; float: right; } .p-common-area #header-pannel #landing-nav { background: url('/images/standard/landing/heading-seperator.gif') right 16px no-repeat; float: left; } .p-common-area #header-pannel #landing-nav li { margin: 16px 17px 0 0; } .p-common-area #header-pannel #landing-nav a { color: #81a0b8; line-height: 220%; } .p-common-area #header-pannel #landing-nav a:hover, .p-common-area #header-pannel #landing-nav a:focus, .p-common-area #header-pannel #landing-nav .selected a { color: #fff; } .p-common-area #header-pannel #call-us { color: #fff; line-height: 220%; margin: 16px 0 0 7px; padding-left: 28px; background: url('/images/standard/landing/heading-icons.gif') -185px -2px no-repeat; float: left; } .p-common-area #header-pannel #call-us:hover, .p-common-area #header-pannel #call-us:focus { color: #81a0b8; } #ng-menu li { float: left; list-style: none; background: url('/images/standard/landing/heading-seperator.gif') right center no-repeat; padding: 0 20px; } #ng-menu li.last { background: none; } #kh-home, #jump-to { line-height: 456%; color: #fff; float: left; background: url('/images/standard/landing/ng-heading-icons.png') 0 0 no-repeat; padding: 0 0 0 27px; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; } #kh-home { background-position: 0 17px; } #jump-to { background-position: 0 -42px; padding-left: 23px; cursor: pointer; } #kh-home:hover, #jump-to:hover, #kh-home:focus, #jump-to:focus { color: #81a0b8; } .req { color: #DF3C3C; } #nav-btn-help-centre { padding: 0 20px 0 10px; } /* Jump to Dropdown */ #nav-jump-to { position: relative; } #nav-jump-to ul { left: -7px; z-index: 100; display: block; position: absolute; margin: 0; padding: 13px 0 8px; top: 47px; background: url('/images/standard/common/jumpto-dd.png') 0 bottom no-repeat; opacity: 0; display: none; } #nav-jump-to #nav-jump-top { left: 0; position: absolute; background: url('/images/standard/common/jumpto-dd-top.png') 0 0 no-repeat; height: 33px; width: 147px; top: -9px; } #nav-jump-to ul li { display: block; margin: 0; padding: 0 3px; background: none; width: 141px; } #nav-jump-to ul li span { display: block; padding: 9px 0 10px 19px; } #nav-jump-to ul li a { color: #81a0b8; font-size: 12px; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; font-weight: normal; } #nav-jump-to ul li.last { padding-bottom: 8px; } #nav-jump-to ul li a:hover, #nav-jump-to ul li a:focus { color: #90b3cf; } #nav-jump-to #jump-to.hover { color: #81a0b8; } .p-common-area #account-nav { background-image: url('/images/standard/landing/ng-shadow.png'); margin-top: 0px; } .p-common-area #account-nav.multi-nav li#nav-my-account a span { width: 159px; } .p-common-area .cfbtn { border: none; background: none; cursor: pointer; } .p-common-area .cfbtn .cfbtn-out { display: block; } .p-common-area .cfbtn .cfbtn-in { color: #fff; display: block;} .p-common-area #content-container .block-container { width: 960px; min-width: 960px; } /* Social Media Header Buttons */ .header-social-btns { float: left; padding: 0 14px!important; background: url('/images/standard/landing/heading-seperator.gif') right 16px no-repeat!important; margin-right: -10px; } .header-social-btns ul, .header-social-btns li { margin:0; padding:0; list-style:none; } .header-social-btns li { float: left; margin: 16px 7px 0; padding: 0!important; background: none!important; } .header-social-btns li a { display: block; background: url(/images/standard/common/social-links.png) 0 0 no-repeat; width:24px; height:24px; } .header-social-btns li a span { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .header-social-btns li.header-social-tw a { background-position: -40px 0; } .header-social-btns li.header-social-gp a { background-position: -80px 0; } .header-social-btns li.header-social-fb a:hover, .header-social-btns li.header-social-fb a:focus { background-position: 0 -35px; } .header-social-btns li.header-social-tw a:hover, .header-social-btns li.header-social-tw a:focus { background-position: -40px -35px; } .header-social-btns li.header-social-gp a:hover, .header-social-btns li.header-social-gp a:focus { background-position: -80px -35px; } /* Footer --------------------------------------------------------------------------------- */ .p-common-area #footer { background: #fff; padding: 9px 0 10px; min-width: 1210px; } .p-common-area #copyright { width: 259px; float: left; padding: 0; padding-right: 25px; } .p-common-area #footer-logo { background: url('/images/standard/landing/footer-sprite.png') 0 -4px no-repeat; height: 26px; width: 186px; margin-bottom: 18px; padding: 0; } .p-common-area #copyright p { color: #9c9c9c; font-size: 91.7%; line-height: 119.3%; padding-bottom: 13px; } .p-common-area .footer-nav { float: left; border-left: 1px solid #e0e0e1; height: 125px; } .p-common-area .footer-nav ul { list-style: none; margin: -4px 0 0; padding: 0; } .p-common-area .footer-nav li { list-style: none; margin: 0; padding: 0 32px 2px 32px; } .p-common-area .footer-nav li.last { padding-bottom: 0; } .p-common-area .footer-nav a { color: #9c9c9c; font-size: 91.7%; } .p-common-area .footer-nav a:hover, .p-common-area .footer-nav a:focus { color: #878686; } .p-common-area #footer-main-nav a { color: #636363; font-weight: bold; } .p-common-area #footer-main-nav a:hover, .p-common-area #footer-main-nav a:focus { color: #7b7a7a; font-weight: bold; } .p-common-area #footer-affiliates { width: 235px; float: right; } .p-common-area #wesfarmers-logo { background: url('/images/standard/landing/footer-sprite.png') 0 -108px no-repeat; height: 48px; width: 274px; float: right; margin-top: -6px; } .p-common-area #wesfarmers-logo a { display: block; height: 48px; width: 274px; } #sumo-logo { background: url('/images/standard/landing/footer-sprite.png') 0 -38px no-repeat; height: 29px; width: 112px; float: right; margin-top: 60px; } #sumo-logo:hover, #sumo-logo:hover:focus { background-position: 0 -71px; } /* Natural Gas Landing Home Page - Banner --------------------------------------------------------------------------------- */ .p-common-area #banner { background: url('/images/standard/landing/slider-background.jpg') 0 0 repeat-x; height: 447px; overflow: hidden; min-width: 1190px; } .p-common-area #banner .block-container { position: static; clear: none; } .p-common-area #banner .slides-text { background: url('/images/standard/landing/slider-mask.png') right top no-repeat; width: 627px; height: 447px; position: absolute; z-index: 20; } .p-common-area #banner .slides-text .landing-heading { letter-spacing: -0.04em; display: block; color: #fff; font-family: 'FrutigerLTW01-45Light', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 375%; line-height: 104.7%; padding: 38px 0 20px; width: 442px; } .p-common-area #banner .slides-text .landing-copy { letter-spacing: -0.04em; color: #024071; font-family: 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 133.3%; line-height: 123.85%; width:320px; } .p-common-area #banner .slides-text .landing-intro { display: block; } .p-common-area #banner .slides-text .notice { color: #5d8bad; } .p-common-area #banner .slides-text .larger { font-size: 130%; line-height: 130%; } .p-common-area #banner .slides-text ul, .p-common-area #banner .slides-text ul li { margin: 0; padding: 0; list-style: none; } .p-common-area #banner .slides-text ul { margin-bottom: 10px; } .p-common-area #banner .slides-text ul li { background: url('/images/standard/common/banner-tick.png') 0 2px no-repeat; padding: 0 0 0 25px; margin-bottom: 5px; } .p-common-area #banner .slide-img { min-width: 1190px; } .p-common-area #banner .slide-img-wrap { float: right; width: 874px; } .p-common-area #banner .slide-img-wrap img { display: block; } .p-ng-landing #banner { margin-top: -5px; height: 427px; background-image: url('/images/standard/landing/ng-slider-background.png'); } .p-ng-landing #banner-slides { height: 427px; } .p-ng-landing #banner .slides { display: none; opacity: 0; } .p-ng-landing #banner .slides:first-child { display: block; opacity: 1; } .p-ng-landing #banner .slides-text { background-image: url('/images/standard/landing/ng-slider-mask.png'); width: 575px; } .p-ng-landing #banner .slide-img-wrap { width: 884px; } .landing-signup, .landing-switch { background: url('/images/standard/landing/landing-icons.png') 0 1px no-repeat; padding-left: 33px; margin: 33px 40px 0 0; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; color: #638faf; font-size: 13px; float: left; } .landing-signup { background-position: 0 -49px; } /* If title has to be put into slide content */ .p-common-area #banner .slides-text .landing-intro .landing-heading { font-size: 280%; margin-top: -58px; } .fbtn.landing-btn { height: 42px; clear: both; padding-top: 35px; line-height: 100%; display: block; float: left; } .fbtn.landing-btn .fbtn-out { padding-bottom: 0px; display: inline-block; position: static; background: url('/images/standard/landing/landing-btns.png') right -47px no-repeat; padding-right: 29px; line-height: 100%; font-weight: normal; } .fbtn.landing-btn .fbtn-in { min-width: 150px; display: inline-block; font-family: 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif; color: #fff; position: static; background: url('/images/standard/landing/landing-btns.png') 0 -5px no-repeat; padding: 0 6px 0px 22px; line-height: 39px; font-size: 100%; font-weight: normal; } .fbtn.landing-btn:hover .fbtn-out, .fbtn.landing-btn:focus .fbtn-out { background-position: right -131px; } .fbtn.landing-btn:hover .fbtn-in, .fbtn.landing-btn:focus .fbtn-in { background-position: 0 -89px; } /* Home Page - Aside --------------------------------------------------------------------------------- */ .p-common-area .p-landing #aside { width: 234px; float: right; margin-top: -397px; position: relative; z-index: 100; } .p-common-area .p-landing #aside a.arrow { background: url('/images/standard/landing/bullets-small.png') 0 3px no-repeat; font-size: 66.7%; font-weight: bold; color: #81a0b8; font-family: Arial, Helvetica, sans-serif; padding: 0 0 0 10px; } .p-common-area .p-landing #aside a.arrow:hover, .p-common-area .p-landing #aside a.arrow:focus { background-position: 0 -81px; color: #8caec8; } .p-common-area .p-landing #aside li, .p-common-area .p-landing #aside ul { margin: 0; padding: 0; list-style: none; } /* Home Landing - Content --------------------------------------------------------------------------------- */ .p-common-area #main-container { min-width: 1210px; overflow: hidden; } .p-common-area #content { padding: 38px 0 0; background: #f4f5f6; min-width: 1210px; } .p-common-area #content .block-container { border-bottom: 1px solid #e0e0e1; padding-bottom: 25px; } .p-common-area #content h2 { letter-spacing: -0.03em; line-height: 150%; color: #024071; font-size: 183.3%; margin-bottom: 15px; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; font-weight: normal; } .p-common-area #content p { letter-spacing: -0.03em; color: #909090; font-size: 150%; line-height: 122.3%; font-family: 'FrutigerLTW01-45Light', Arial, Helvetica, sans-serif; font-weight: normal; } .p-common-area #content a.arrow { line-height: 150%; background: url('/images/standard/landing/bullets.png') 0 1px no-repeat; font-size: 66.7%; font-weight: bold; color: #81a0b8; font-family: Arial, Helvetica, sans-serif; padding: 0 0 0 13px; } .p-common-area #content a.arrow:hover, .p-common-area #content a.arrow:focus { background-position: 0 -84px; color: #8caec8; } .p-common-area #landing-about { width: 288px; margin-right: 32px; float: left; } .p-common-area #landing-about p { line-height: 140.9%; } .p-common-area #landing-links { width: 200px; margin-right: 95px; float: left; } .p-common-area #landing-links ul { list-style: none; margin: 46px 0 0; padding: 0; } .p-common-area #landing-links li { list-style: none; } .p-common-area #landing-links li a { background: url('/images/standard/landing/bullets.png') 0 3px no-repeat; color: #81a0b8; font-size: 133.4%; line-height: 168.6%; padding-left: 13px; font-family: 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif; font-weight: normal; } .p-common-area #landing-links li a:hover, .p-common-area #landing-links li a:focus { background-position: 0 -81px; color: #8caec8; } .p-common-area #landing-community { width: 290px; margin-right: 56px; float: left; } .p-common-area #landing-community h2 { background: url('/images/standard/landing/landing-icons.png') -2px -96px no-repeat; padding: 0 0 0 35px; } .p-common-area #landing-community p { margin-bottom: 8px; } .p-common-area #content .salvos { height: 35px; display: block; font-size: 100%; line-height: 122%; background: url('/images/standard/landing/landing-icons.png') -2px -208px no-repeat; font-weight: bold; color: #81a0b8; font-family: Arial, Helvetica, sans-serif; padding: 0 0 0 39px; margin: 15px 0; } .p-common-area #landing-safety { width: 220px; float: left; } .p-common-area #landing-safety h2 { background: url('/images/standard/landing/landing-icons.png') -1px -152px no-repeat; padding: 0 0 0 37px; } .p-common-area #landing-safety p { margin-bottom: 8px; } /* Content */ .p-ng-landing #content { background: url('/images/standard/landing/landing-bg.gif') 0 bottom repeat-x #fff; position: relative; z-index: 50; padding: 30px 0 38px; } .p-ng-landing #content .block-container { border: none; padding-bottom: 20px; } .ng-home-promos { float: left; padding-top: 0px; position: relative; width: 390px; padding-left: 33px; border-left: 1px solid #eaeaea; } .ng-home-promos-img { float: left; } .ng-home-promos img {width: 112px; margin-right: 17px; } .ng-home-promos a { color: #00aced; background: url('/images/standard/landing/bullet-lilitblue.png') 0 4px no-repeat; padding-left: 15px; } .ng-home-promos li a { background: none; padding: 0; color: #909090; } .ng-home-promos li a:hover, .ng-home-promos li a:focus { color: #aeaeae; } .ng-home-promos-desc { float: left; width: 255px; } .p-ng-landing #content .ng-home-promos p { margin-bottom: 10px; } .ng-home-promos a:hover { background-position: 0 -81px; } .ng-home-promos.first { width: 390px; padding-left: 0; margin-right: 33px; border-left: none; } .p-ng-landing #content .ng-home-promos.first p { margin-bottom: 5px; } #ng-switch a, #ng-switch-to-kleenheat-in-5-minutes a { color: #00aced; background: url('/images/standard/landing/bullet-ltblue.png') 0 2px no-repeat; padding-left: 18px; } #ng-switch a:hover, #ng-switch-to-kleenheat-in-5-minutes a:hover, #ng-switch a:focus, #ng-switch-to-kleenheat-in-5-minutes a:focus { background-position: 0 -83px; } .p-ng-landing #content #ng-switch p.last { margin-bottom: 0; } #ng-switch-icon, #ng-switch-to-kleenheat-in-5-minutes-icon { background-position: -188px -21px; height: 56px; width: 107px; top: -4px; left: 29px; } .p-ng-landing #content h2 { margin-bottom: 2px; } .p-ng-landing #content p { font-size: 125%; line-height: 152.3%; font-family: 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif; margin-bottom: 5px; } .p-ng-landing #content p a { color: #00aced; font-weight: normal; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; } .p-ng-landing #content p a:hover, .p-ng-landing #content p a:focus { color: #00b9ff; } .p-ng-landing #content .ng-listing { padding: 0; margin: 0; list-style: none; margin-bottom: 5px; } .p-ng-landing #content .ng-listing li { line-height: 172%; color: #909090; background: url('/images/standard/landing/bullet-grey.png') 0 6px no-repeat; padding: 0 0 0 18px; margin: 0; list-style: none; font-size: 125%; font-family: 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif; } /* Natural Gas Splash --------------------------------------------------------------------------------- */ .p-splash #wrapping-container {overflow: hidden; min-width: 1240px; margin: 0 auto; position: relative; } .p-splash .block-container { width: 1080px; min-width: 1080px; padding: 0 10px; margin: 0 auto; } .p-splash #header { background: #fff; height: 53px; min-width: 1210px; } .p-splash #header .block-container { z-index: 5; } .p-splash #header-pannel { float: right; font-weight: normal; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; } .p-splash #logo { background: url('/images/standard/common/ng-splash-logo.png') 0 0 no-repeat; height: 24px; width: 276px; margin-top: 13px; } .p-splash #logo a { position: relative; z-index: 5; } .p-splash #kh-home { background: url('/images/standard/common/ng-splash-icons.png') 0 17px no-repeat; padding: 0 0 0 23px; color: #809fb8; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; } .p-splash #kh-home:hover, .p-splash #kh-home:focus { background-position: 0 -56px; color: #a1bdd0; } .p-splash #main-container { background: url('/images/standard/common/splashbg.jpg') 0 0 repeat-x #fff; overflow: visible; min-width: 1210px; } .p-splash #content { background: 0; padding: 38px 0 0; min-width: 1210px; } .p-splash #content .block-container { border-bottom: 1px solid #e0e0e1; padding-bottom: 25px; } .p-splash #hero-aside { background: url('/images/standard/common/splashhero.png') 0 -7px no-repeat; height: 1006px; width: 448px; left: -49px; top: -48px; } .p-splash #content-details { width: 676px; margin-left: 404px; position: relative; z-index: 3; min-height: 300px; } .p-splash #content-details h2 { color: #024071; font-size: 441.7%; line-height: 58px; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; letter-spacing: -0.03em; margin: 0; padding-top: 10px; min-height: 135px; display: block; } .p-splash #content-details h2 span { color: #fff; } .p-splash #content .copy { width: 357px; float: left; padding-bottom: 5px; color: #024071; font-family: 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif; font-size: 116.7%; line-height: 138%; min-height: 200px; } .p-splash #content .copy p { font-size: 100%; margin-bottom: 10px; color: #024071; font-family: 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif; line-height: 18px; } .p-splash #content .copy ul { margin: 0; padding: 0; list-style: none; } .p-splash #content .copy li { margin: 0; padding: 0 0 0 25px; background: url('/images/standard/account/bullets-article.png') 7px 6px no-repeat; } .p-splash #content .ctas { width: 280px; float: right; overflow: hidden; } .p-splash #content .ctas .cfbtn { display: block; margin-bottom: 10px; } .p-splash #content .ctas .cfbtn .cfbtn-out { background: url('/images/standard/common/ng-splash-btn.png') right -92px no-repeat; display: block; padding-right: 40px; } .p-splash #content .ctas .cfbtn .cfbtn-in { padding: 0 7px 0 0; background: url('/images/standard/common/ng-splash-btn.png') 0 0 no-repeat; color: #fff; line-height: 286%; display: block; padding-left: 25px; font-size: 250%; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; text-shadow: 0 1px 2px #a97816; font-weight: normal; } /* IE Proprietary Filter*/ .p-splash #content .ctas .cfbtn:hover .cfbtn-out, .p-splash #content .ctas .cfbtn:focus .cfbtn-out { background-position: right -276px; } .p-splash #content .ctas .cfbtn:hover .cfbtn-in, .p-splash #content .ctas .cfbtn:focus .cfbtn-in { background-position: 0 -184px; } .p-splash #content #application { color: #5480a2; font-family: 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif; font-size: 116.7%; display: block; background: url('/images/standard/common/ng-splash-icons.png') 0 -161px no-repeat; padding: 6px 44px 5px 24px; float: right; } .p-splash #content #ng-ticking-cta { color: #5480a2; font-family: 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif; font-size: 116.7%; display: block; background: url('/images/standard/landing/ng-splash-tick.png') 0 3px no-repeat; padding: 6px 44px 5px 24px; float: right; } .p-splash #content #application { margin-left: 14px; width: 84px; float: none; float: left; padding: 6px 0px 5px 24px; } .p-splash #content #ng-ticking-cta { margin-left: 10px; width: 105px; float: none; float: left; padding: 6px 0 5px 24px; } #content-tabs, #content-tabs ul, #content-tabs li, .tab-data { border: none; padding: 0; margin: 0; border-radius: 0; background: none; font-weight: normal; } #content-tabs { clear: both; float: left; width: 100%; min-height: 340px; } #content-tabs ul, #content-tabs li { list-style: none; padding: 0; margin: 0; } #tabs { display: block; height: 55px; clear: both; } #tabs li { cursor: pointer; float: left; } #tabs li a { background: url('/images/standard/common/tabs-edge-bg.png') 0 -66px no-repeat; padding-left: 17px; display: block; } #tabs li span { display: block; background: url('/images/standard/common/tabs-bg.png') right -66px no-repeat; padding: 17px 21px 0 4px; color: #fff; line-height: 256%; font-size: 133.3%; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; } #tabs #tabs-products span { min-width: 137px; } #tabs li:hover a, #tabs li:focus a { background-position: 0 -132px; } #tabs li:hover span, #tabs li:focus span { background-position: right -132px; } #tabs li.ui-tabs-active a { background-position: 0 0; } #tabs li.ui-tabs-active span { background-position: right 0; color: #024071; } #content-tabs .tab-data { clear: both; } #tabs #tabs-rule { height: 55px; background: url('/images/standard/common/tabs-rule.png') 0 54px repeat-x; width: 0px; } .tab-data { padding: 35px 0 28px; } #products-data { padding: 25px 0 0; display: none; min-height: 465px; } #faqs-data { padding: 40px 25px 40px 20px; display: none; } #faqs-data dt, #faqs-data dd { margin: 10px 0; } #faqs-data dt { font-family: 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif; color: #5480A2; margin: 25px 0 0; font-size: 125%; line-height: 130%; } #faqs-data dd { color: #909090; line-height: 150%; } #faqs-data dt:first-child { margin-top: 0; } #tab-content { width: 676px; min-height: 199px; position: relative; } #reasons-data li { background: url('/images/standard/common/ng-splash-reasons.png') 31px 0 no-repeat; padding: 98px 0 0; width: 135px; color: #024071; font-weight: bold; text-align: center; float: left; line-height: 140%; position: relative; } #reasons-data #reasons-interruptions { background-position: -122px 0; } #reasons-data #reasons-changes { background-position: -279px 0; } #reasons-data #reasons-appliances { background-position: -432px 0; } #reasons-data #reasons-signup { background-position: -738px 0; } #tab-content td:first-child span{ padding-left: 48px; } #tab-content table { border-collapse: collapse; } #tab-content table .prodhead { font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; font-size: 166.7%; color: #024071; display: block; font-weight: normal; margin-bottom: 5px; } #tab-content table .prodsubhead { font-family: 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif; font-size: 108.3%; color: #40779d; display: block; font-weight: normal; margin-bottom: 10px; } #tab-content td, #tab-content th { border: 1px solid #e4ecf1; border-right: none; border-top: none; } #tab-content td:first-child, #tab-content th:first-child { border-left: none; } #tab-content #prodcontract span, #tab-content #prodbillrec span, #tab-content #proddiscount span, #tab-content #prodbill span, #tab-content #proddd span, #tab-content #prodkbob span { background: url('/images/standard/common/landing-splash-pricing.png') 4px 15px no-repeat; display: block; } #tab-content #prodbill span { background-position: 4px -62px; } #tab-content #prodbillrec span { background-position: 4px -138px; display: block; padding-top: 20px; padding-bottom: 20px; } #tab-content #proddd span { background-position: 4px -215px; padding-top: 20px; height: 20px; } #tab-content #proddiscount span { background-position: 4px -307px; } #tab-content #prodkbob span { background-position: 4px -409px; } #tab-content #sfc-prodcontract span, #tab-content #sfc-prodbillrec span, #tab-content #sfc-proddiscount span, #tab-content #sfc-prodbill span, #tab-content #sfc-proddd span, #tab-content #sfc-prodkbob span { background: url('/images/standard/common/landing-splash-pricing.png') 16px 15px no-repeat; display: block; } #tab-content #sfc-prodbill span { background-position: 16px -65px; padding-top: 20px; height: 20px; } #tab-content #sfc-prodbillrec span { background-position: 16px -138px; display: block; padding-top: 20px; padding-bottom: 20px; } #tab-content #sfc-proddd span { background-position: 16px -215px; padding-top: 20px; height: 20px;} #tab-content #sfc-proddiscount span { background-position: 16px -313px; } #tab-content #sfc-prodkbob span { background-position: 16px -409px; } #tab-content #proddiscount span, #tab-content #sfc-proddiscount span { font-size: 121.4%; } #tab-content #proddiscount span .plan-notice, #tab-content #sfc-proddiscount span .plan-notice { font-size: 65.6%; } #tab-content th { text-align: left; border-bottom: 2px solid #e4ecf1; width: 334px; } #tab-content th span { padding: 2px 0 0 20px; display: block; } #tab-content th:first-child span { padding-left: 9px; } #tab-content td { font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; font-size: 116.6%; color: #40779d; } #tab-content td span { padding: 15px 5px 12px 20px; display: block; } #tab-content td span span.plan-notice { background: none; font-size: 78.6%; color: #40779d; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; background: none!important; padding: 2px 0 0; } #tab-content td { color: #024071; } #tab-content td span { padding-left: 60px; padding-right: 0px; } #tab-content td a { padding: 15px 5px 15px 30px; display: block; color: #40779d; font-size: 78.6%; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background: url('/images/standard/common/bullet-mdksmblue.png') 20px 19px no-repeat; } #tab-content td a:hover, #tab-content td a:focus { color: #8caec8; background-position: 20px -66px; } #tab-content td a { color: #024071; background: url('/images/standard/common/bullet-dksmblue.png') 14px 19px no-repeat; padding-left: 25px;} #tab-content td a:hover { color: #1066aa; background-position: 14px -66px; } .p-splash #fees-tarrifs, .p-splash #homes-only, .p-splash #looking-business { font-family: Arial, Helvetica, sans-serif; font-size: 91.7%; font-weight: bold; color: #81a0b8; float: left; padding: 20px 0 0; } .p-splash #homes-only { float: right; background: url('/images/standard/common/homes.png') 0 14px no-repeat; padding-left: 27px; } .p-splash #looking-business { float: right; clear: both; padding: 8px 0 0 26px; text-align: right; background: url('/images/standard/common/business-ic.png') 0 3px no-repeat; } .p-splash #fees-tarrifs .arrow-link { padding-left: 10px; margin-left: 15px; } #unit-cost { background: url('/images/standard/common/spash-units.png') 2px 11px no-repeat; clear: both; padding: 6px 0 0 82px; } .p-splash #content-details #unit-cost h2 { font-size: 166.7%; color: #024071; margin: 0 0 7px; padding: 0; } .p-splash #content-details #unit-cost p { font-family: Arial, Helvetica, sans-serif; margin-bottom: 12px; font-size: 100%; line-height: 140%; color: #909090; } .p-splash #content .block-container { border: none; } .p-splash #footer { background: #fff; border-top: 1px solid #ececec; padding: 10px 0 20px; position: relative; z-index: 100; min-width: 1210px; } .p-splash #footer-pannel { float: right; width: 675px; padding-top: 15px; } .p-splash #copyright p { color: #afaeae; line-height: 110%; font-size: 100%; padding-bottom: 13px; } .p-splash #footer-affiliates { width: 355px; float: right; } .p-splash #footer-affiliates span { height: 48px; width: 270px; float: right; margin-top: -6px; } .p-splash #footer-affiliates p { font-size: 91.7%; color: #afaeae; text-align: right; margin-bottom: 30px; line-height: 110% } .p-splash #wesfarmers-logo { background: url('/images/standard/common/wesfarmers-splash.png') 0 0 no-repeat; } .p-splash #ng-disclaimer { clear: both; } .p-splash #content p { line-height: 122.3%; } .p-splash #copyright { width: 259px; float: left; padding: 0; padding-right: 25px; } .p-splash #ng-disclaimer p { font-size: 91.7%; color: #afaeae; padding: 30px 0 0 30px; font-family: Arial, Helvetica, sans-serif; letter-spacing: normal; } .p-splash #sumo-logo { margin: 10px 4px 0 0; } /* Natural Gas Landing --------------------------------------------------------------------------------- */ .p-ng-landing { background-color: #fff; } /* Aside */ .p-ng-landing #aside { background-color: transparent!important; width: 304px!Important; right: 0px!Important; margin-top: -405px; z-index: 100; background: #fff; } .p-ng-landing #aside h2 { font-size: 183.3%; margin-bottom: 18px; } .p-ng-landing #aside-top { background: url('/images/standard/landing/aside-top.png') 0 0 no-repeat; height: 3px; } .p-ng-landing #aside-wrap { background: url('/images/standard/landing/aside-mid.png') 0 0 repeat-y; padding: 0 3px; } .p-ng-landing #aside-btm { background: url('/images/standard/landing/aside-btm.png') 0 0 no-repeat; height: 7px;} .p-ng-landing #aside-signup { padding: 18px 0 0 29px; height: 231px; } .p-ng-landing #aside-iconed-ctas { padding: 10px 0 0 29px; height: 121px; background: #fcfcfb; border-top: 1px solid #d9e2e4; } .p-ng-landing #signup-btn { display: block!important; margin: 0 0 20px; line-height: 100%; width: 240px; } .p-ng-landing #signup-btn .cfbtn-out { background: url('/images/standard/landing/ng-buttons.png') right -75px no-repeat; padding-right: 34px; } .p-ng-landing #signup-btn .cfbtn-in { background: url('/images/standard/landing/ng-buttons.png') 0 0 no-repeat; width: auto; font-size: 200%; line-height: 300%; text-align: left; padding: 0 0 0 24px; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; font-weight: normal; } .p-ng-landing #signup-btn:hover .cfbtn-out, .p-ng-landing #signup-btn:focus .cfbtn-out { background-position: right -225px; } .p-ng-landing #signup-btn:hover .cfbtn-in, .p-ng-landing #signup-btn:focus .cfbtn-in { background-position: 0 -150px; } #apply-link, #gas-link, #pay-bill-btn, #gas-value-link { background: url('/images/standard/landing/ng-aside-icons.png') 0 5px no-repeat; color: #81a0b8; font-weight: bold; padding: 12px 0 10px 45px; clear: both; display: block; line-height: 133.4%; } #gas-link, #gas-value-link { background-position: 0 -87px; margin-top: 0px; } #apply-link { margin-bottom: 0px; } #aside-payment { padding: 21px 29px; border: 1px solid #d8e1e3; border-left: none; border-right: none; background: #f9f9f9; } #pay-bill-btn { letter-spacing: -0.05em; padding-left: 45px; background-position: 0 -181px; color: #024071; font-size: 183.3%; font-weight: normal; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; line-height: 100%; } #pay-bill-btn:hover { color: #00AEEF; } /* Aside KBOB */ #aside-home-kbob { background: url('/images/standard/common/kbob-home.png') 0 0 no-repeat; padding: 0 0 0 85px; margin-top: 27px; } #aside-home-kbob h3 { color: #024071; font-size: 20px; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; font-weight: normal; } #aside-home-kbob a { background: url('/images/standard/landing/bullet-lilbluegrey.png') 0 2px no-repeat; color: #81a0b8; font-size: 11px; font-weight: bold; padding-left: 10px; } /* Aside account */ #aside-account { text-align: center; background-color: #f2f2f2; } #aside-account h2 { background: url('/images/standard/landing/ng-aside-icons.png') 0 -265px no-repeat; display: inline; margin: 0 auto!important; padding: 0 0 0 28px; } #aside-account a.aside-my-account { display: block; padding: 22px 0 0; height: 32px; } #aside-account a.aside-register-account { display: block; height: 43px; } #aside-account .blueArrow { margin: 0 auto; display: inline-block; font-size: 91.7%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; padding-left: 10px; } #aside-account a:hover .blueArrow, #aside-account a:focus .blueArrow { background-position: 0 -83px; color: #6d8ea8; } #aside-account a:hover h2, #aside-account a:focus h2 { color: #0860a5; } #aside #quick-tools { margin: 8px 0 0; } #aside #quick-tools h2 { color: #cce2ee; font-weight: normal; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; border-bottom: 1px solid #eaeaea; padding-bottom: 10px; } #aside #quick-tools ul { padding: 0; margin: 0; list-style: none; } #aside #quick-tools li a { color: #024071; display: block; } #aside #quick-tools li { width: 100px; list-style: none; float: left; text-align: center; font-weight: normal; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; font-size: 108.3%; } #aside #quick-tools li .icon { width: 60px; display: block; background: url('/images/standard/landing/ng-contact-icons.png') 0 0 no-repeat; height: 45px; margin: 0 auto 5px; } #aside #quick-tools #icon-faqs .icon { background-position: 0 2px; } #aside #quick-tools #icon-help .icon { background-position: -61px 2px; width: 40px; } #aside #quick-tools #icon-email .icon { background-position: -101px 2px; width: 46px;} #aside #quick-tools #icon-faqs { width: 80px; margin-right: 15px; } #aside #quick-tools #icon-help { width: 105px; margin-right: 2px; } #aside #quick-tools #icon-email { width: 100px; } #aside #quick-tools #icon-faqs a:hover .icon { background-position: 0 -68px; } #aside #quick-tools #icon-help a:hover .icon { background-position: -61px -68px; } #aside #quick-tools #icon-email a:hover .icon { background-position: -101px -68px; } #aside #quick-tools a:hover { color: #00AEEF; } /* Discover / Search Natural Gas */ #discover-content { background: #f4f5f6; padding: 54px 0; } #discover-content .block-container { min-height: 187px; } #Multiple, #NotFound, #FoundAddress, #NotAvailable { display: none; } #discover-icons { width: 445px; float: left; padding-top: 3px; height: 170px; } #discover-icons div { float: left; background: url('/images/standard/landing/ng-big-icons.png') 0 0 no-repeat; height: 115px; width: 115px; margin-right: 18px; } #discover-icons #discover-au { background-position: -118px 0; } #discover-icons #discover-status { background-position: -352px 0; } #discover-message { float: left; width: 600px; } #discover-message h2 { font-size: 333.3%; color: #81a0b8; font-family: 'FrutigerLTW01-45Light', Arial, Helvetica, sans-serif; margin-bottom: 13px; } #discover-message p { color: #024071; font-family: 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif; font-size: 133.3%; line-height: 139%; margin-bottom: 10px; } #discover-message p strong { font-weight: normal; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; } #discover-message p.search-note { clear: both; display: inline-block; color: #b4b5b6; font-size: 116.7%; padding: 5px 0 0 8px; } /* Discover - searching */ .ng-searching #discover-icons #discover-status { background: url('/images/standard/landing/ng-big-icons-searching.gif') 0 -1px no-repeat; } /* Discover - searching select address */ .ng-search-address #discover-icons #discover-status { background-position: -352px 0; } .ng-search-address #discover-icons #discover-notavailable { background-position: -584px 0; } .ng-search-address #discover-icons #discover-multiple { background-position: -700px 0; } .ng-search-address #discover-icons #discover-notfound { background-position: -235px 0; } #discover-addresses { position: relative; } #discover-addresses .overflow-new-add-viewport { overflow: auto; overflow-x: hidden; max-height: 187px; } .discover-addressagain { font-size: 108.3%; margin: 20px 0 0 3px; display: block; float: left; } .p-ng-landing .cfbtn.discover-continue { float: right; margin-right: 0; margin-top: 8px; } .p-ng-landing .cfbtn.discover-continue .cfbtn-in { width: 100px; text-align: center; padding-left: 10px; } .discover-addressagain.arrow-link { color: #00aced; background: url('/images/standard/landing/bullet-lilitblue.png') 0 2px no-repeat; } .discover-addressagain.arrow-link:hover { color: #50caf7; background-position: 0 -83px; } /* Discover - searching spinner */ #discover-addresses-available { width: 400px; height: 120px; } #discover-addresses-available img { display: block; margin: 70px auto 0; } /* Discover - can't locate */ .ng-cant-locate #discover-icons #discover-status { background-position: -235px 0; } /* Discover - multiple */ .ng-multiple #discover-icons #discover-status { background-position: -700px 0; } /* Discover - success */ .ng-success #discover-message h2 { color: #00a818; } .ng-success #discover-icons #discover-status { background-position: -468px 0; } /* Discover - unavailable */ .ng-unavailable #discover-message h2 { color: #a73908; } .ng-unavailable #discover-icons #discover-status { background-position: -585px 0; } .ng-unavailable .considered-lpg { background: url('/images/standard/landing/gasbottle.png') 0 0 no-repeat; padding-left: 70px; margin-top: 30px; margin-left: -7px; } .ng-unavailable .considered-lpg h3 { font-size: 100%; font-weight: bold; color: #024071; margin-bottom: 7px; } .ng-unavailable #discover-message .considered-lpg p { font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #636363; } .ng-unavailable #discover-message .considered-lpg a { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #00aeef; font-weight: bold; margin: 0; background: url('/images/standard/landing/bullet-lilitblue.png') 0 2px no-repeat; padding-left: 10px; margin-bottom: 3px; line-height: 125%; } .ng-unavailable #discover-message .considered-lpg a:hover { background-position: 0 -83px; color: #00b9ff; } .p-ng-landing .btn-go, .p-ng-landing .btn-go .cfbtn-out, .p-ng-landing .btn-go .cfbtn-in { height: 46px; } .p-ng-landing .text-wrap { background: url('/images/standard/landing/ng-form-fields.png') right -42px no-repeat; display: block; padding-right: 10px; float: left; margin-right: 7px; } .p-ng-landing .text-wrap .inner-text-wrap { background: url('/images/standard/landing/ng-form-fields.png') 0 0 no-repeat; display: block; } .p-ng-landing .text-wrap .text { border: none; background: none; padding: 15px 0px 15px 9px; line-height: 100%; font-size: 116.7%; color: #636363; float: none; } .p-ng-landing .text-wrap .watermarked { color: #b1b1b1; } .p-ng-landing .text-wrap #ngStreet { width: 375px; } .p-ng-landing .text-wrap #ngStreet1 { width: 375px; } .p-ng-landing .cfbtn { border: none; margin-right: 6px; background: none; cursor: pointer; } .p-ng-landing .cfbtn .cfbtn-out { background: url('/images/standard/landing/ng-form-btn.png') right -39px no-repeat; padding-right: 10px; display: block; } .p-ng-landing .cfbtn .cfbtn-in { text-align: right; background: url('/images/standard/landing/ng-form-btn.png') 0 3px no-repeat; padding: 0; width: 34px; line-height: 288%; color: #fff; display: block; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, sans-serif; } .p-ng-landing .cfbtn:hover .cfbtn-out { background-position: right -123px; } .p-ng-landing .cfbtn:hover .cfbtn-in { background-position: 0 -81px; } .discover-search { float: left; } .p-ng-landing .greenArrow { display: block; background: url('/images/standard/landing/bullet-green.png') 0 5px no-repeat; font-size: 166.7%; color: #00a818; padding: 0 0 0 15px; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; line-height: 129%; margin-bottom: 15px; } .p-ng-landing .greenArrow:hover { background-position: 0 -79px; color: #02c11d; } .p-ng-landing .blueArrow { display: block; background: url('/images/standard/landing/bullet-lilbluegrey.png') 0 2px no-repeat; font-size: 125%; color: #81a0b8; padding: 0 0 0 15px; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; margin-bottom: 15px; } .p-ng-landing .blueArrow:hover { background-position: 0 -83px; color: #638faf; } /* Plans & Pricing --------------------------------------------------------------------------------- */ .p-products-pricing { background-color: #fff; } .p-products-pricing #content { background: url('/images/standard/common/bg-pricing.jpg') center top no-repeat #fff; margin-top: -5px; z-index: 15; padding: 38px 0 0; } .p-products-pricing #content .block-container { border: none; } .p-products-pricing { background: url('/images/standard/common/bg-pricing-repeat.jpg') 0 0 repeat-x; } #hero-aside { background: url('/images/standard/common/prods-img.png') 0 0 no-repeat; height: 765px; width: 290px; position: absolute; top: 4px; left: -20px; } #content-details { margin-left: 260px; width: 930px; position: relative; z-index: 10; } #content-details.centered { margin:0 auto; } /* Pricing packages panel */ .p-products-pricing #content-details h2 { letter-spacing: -0.03em; line-height: 100%; color: #024071; font-family: 'FrutigerLTW01-45Light', Arial, Helvetica, sans-serif; font-size: 500%; margin: 0 0 18px; } .p-products-pricing #content-details p { letter-spacing: -0.03em; color: #909090; font-size: 166.7%; font-family: 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif; margin-bottom: 22px; line-height: 152.3%; } .pricing-panel-top { background: url('/images/standard/common/pricing-panel-top.png') -2px 0 no-repeat; height: 3px; } .pricing-panel-wrap { background: url('/images/standard/common/pricing-panel-mid.png') -2px 0 repeat-y; padding-bottom: 20px; } .pricing-panel-btm { background: url('/images/standard/common/pricing-panel-btm.png') -2px bottom no-repeat; height: 3px; } .p-products-pricing #ul-products { margin: 0; padding: 0; list-style: none; } .p-products-pricing #ul-products li { list-style: none; float: left; width: 465px; display: block; } .p-products-pricing #ul-products .plan-intro { padding: 26px 0 0; height: 56px; } .p-products-pricing #ul-products li h2 { font-weight: normal; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; color: #024071; font-size: 250%; padding: 0 0 2px; margin-bottom: 0; } .p-products-pricing #ul-products li p { font-family: 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif; color: #40779d; font-size: 133.3%; margin-bottom: 23px; line-height: 150%; } .p-products-pricing #ul-products li h2, .p-products-pricing #ul-products li p { margin-left: 40px; } .p-products-pricing #ul-products li ul { padding: 0; margin: 0 0 10px; border-top: #d8e9f2 1px solid; width: 100%; } .p-products-pricing #ul-products li li { float: none; width: auto; border-top: #d8e9f2 1px solid; color: #024071; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; font-size: 125.0%; padding: 17px 10px 0 40px; line-height: 100%; height: 50px; } .p-products-pricing #ul-products li li.last { border-bottom: #d8e9f2 1px solid; } .p-products-pricing #ul-products .plan-notice { clear: both; display: block; font-size: 76.7%!important; padding: 0; margin: 3px 0 0; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; line-height: 110%; color: #40779d; } #ul-products .cfbtn { width: 230px; margin: 27px 0 9px 40px; display: block!important; height: 45px; overflow: hidden; } #ul-products .cfbtn-out { background: url('/images/standard/common/buttons-pricing.png') right -300px no-repeat; padding-right: 20px; } #ul-products .cfbtn-in { font-weight: normal; background: url('/images/standard/common/buttons-pricing.png') 0 -240px no-repeat; width: auto; text-align: center; padding-left: 20px; font-size: 166.7%; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; line-height: 225%; } #ul-products .cfbtn:hover .cfbtn-out, #ul-products .cfbtn:focus .cfbtn-out { background-position: right -420px; } #ul-products .cfbtn:hover .cfbtn-in, #ul-products .cfbtn:focus .cfbtn-in { background-position: 0 -360px; } .price-arrow { padding: 0 0 0 10px; background: url('/images/standard/landing/bullet-dkmblue.png') 1px 3px no-repeat; font-weight: bold; color: #40779d; line-height: 100%; margin-left: 40px; } .price-arrow:hover, .price-arrow:focus { background-position: 1px -83px; color: #4a8ab6; } /* Monthly Smart Saver */ .p-products-pricing li#package01 ul li { background: url('/images/standard/common/icons-pricing.png') -100px 0 no-repeat; padding-left: 83px; } .p-products-pricing li#package01 ul li#pk-discount { background-position: 39px -462px; } .p-products-pricing li#package01 ul li#pk-24 { background-position: 39px 16px; } .p-products-pricing li#package01 ul li#pk-bills { background-position: 39px -228px; height:35px; padding-top: 19px; } .p-products-pricing li#package01 ul li#pk-payment { background-position: 39px -348px; height:35px; padding-top: 19px; } .p-products-pricing li#package01 ul li#pk-billing { background-position: 39px -106px; height:35px; padding-top: 19px; } .p-products-pricing li#package01 ul li#pk-contract { background-position: 39px 12px; } .p-products-pricing li#package01 ul li#pk-kbob { background-position: 39px -580px; height: 40px; padding-top: 26px; } /* Standard Form Contract */ .p-products-pricing li#package03 ul li { background: url('/images/standard/common/icons-pricing.png') -100px 0 no-repeat; padding-left: 83px; } .p-products-pricing li#package03 ul li#pk-s-discount { background-position: 39px -462px; } .p-products-pricing li#package03 ul li#pk-s-24 { background-position: 39px 16px; } .p-products-pricing li#package03 ul li#pk-s-bills { background-position: 39px -228px; height:35px; padding-top: 19px; } .p-products-pricing li#package03 ul li#pk-s-payment { background-position: 39px -348px; height:35px; padding-top: 19px; } .p-products-pricing li#package03 ul li#pk-s-billing { background-position: 39px -106px; height:35px; padding-top: 19px; } .p-products-pricing li#package03 ul li#pk-s-kbob { background-position: 39px -580px; height: 40px; padding-top: 26px; } /* % first item */ .p-products-pricing #ul-products #pk-discount, .p-products-pricing #ul-products #pk-s-discount { height: 49px; padding-bottom: 0!important; font-size: 166.7%!important; } .p-products-pricing #ul-products #pk-s-discount span { display: block; padding-top: 8px; } .p-products-pricing #ul-products #pk-discount .plan-notice { font-size: 60%!important; } /* Billing - last item */ .p-products-pricing #ul-products li#pk-billing, .p-products-pricing #ul-products li#pk-s-billing { height: 49px; padding-bottom: 0!important;} .p-products-pricing #ul-products li#pk-s-billing { padding-top: 26px; height: 40px; } /* Sign-up Button */ #ul-products li#package01 .cfbtn-out, #ul-products li#package03 .cfbtn-out { background: url('/images/standard/common/buttons-pricing.png') right -60px no-repeat; } #ul-products li#package01 .cfbtn-in, #ul-products li#package03 .cfbtn-in { background: url('/images/standard/common/buttons-pricing.png') 0 0 no-repeat; } #ul-products li#package01 .cfbtn:hover .cfbtn-out, #ul-products li#package03 .cfbtn:hover .cfbtn-out { background-position: right -180px; } #ul-products li#package01 .cfbtn:hover .cfbtn-in, #ul-products li#package03 .cfbtn:hover .cfbtn-in { background-position: 0 -120px; } li#package01 .price-arrow, li#package03 .price-arrow { background: url('/images/standard/landing/bullet-dkblue.png') 1px 3px no-repeat; color: #024071; } li#package01 .price-arrow:hover, li#package03 .price-arrow:hover, li#package01 .price-arrow:focus, li#package03 .price-arrow:focus { background-position: 1px -83px; color: #055492; } .p-products-pricing #ul-products li#package02 ul { border-top: #d8e9f2 1px solid; } .p-products-pricing #ul-products li#package02 ul li { color: #40779d; border-top: #d8e9f2 1px solid; } .p-products-pricing #ul-products li#package02 ul li.last { color: #40779d; border-bottom: #d8e9f2 1px solid; } .p-products-pricing #ul-products li#package03 ul { border-top: #e8f2f7 1px solid; } .p-products-pricing #ul-products li#package03 ul li { border-top: #e8f2f7 1px solid; } .p-products-pricing #ul-products li#package03 ul li.last { border-bottom: #e8f2f7 2px solid; } .p-products-pricing #content-details #fees-tarrifs, .p-products-pricing #content-details #homes-only { line-height: 152.3%; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #81a0b8; font-weight: bold; padding: 10px 0 0; letter-spacing: -0.03em; } .p-products-pricing #content-details #fees-tarrifs { margin: 12px 0 0 41px; } .p-products-pricing #content-details #fees-tarrifs a { padding: 0 0 0 10px; } .p-products-pricing #content-details #homes-only { float: right; margin: 12px 0 0 20px; background: url('/images/standard/common/homes.png') 0 7px no-repeat; padding-left: 30px; } .p-products-pricing #footer { padding: 20px 0 20px; } #extra-content { background: url('/images/standard/common/extrashadow.gif') 0 bottom repeat-x #f4f5f6; padding: 36px 0 40px; } #extra-content ul { list-style: none; margin: 0; padding: 0; margin-left: 258px; } #extra-content ul.centered { margin-left:145px; } #extra-content li { float: left; width: 230px; list-style: none; margin: 0; padding: 83px 40px 0; } .p-products-pricing #extra-content li { padding: 3px 40px 0; } .p-products-pricing #extra-content li ul { margin: 18px 0; } .p-products-pricing #extra-content li ul li { float: none; line-height: 172%; color: #909090; background: url('/images/standard/landing/bullet-grey.png') 0 4px no-repeat; padding: 0 0 0 18px; margin: 0; list-style: none; font-family: 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif; } .p-products-pricing #extra-content li ul li a { color: #909090; } .p-products-pricing #extra-content li ul li a:hover, .p-products-pricing #extra-content li ul li a:focus { color: #aeaeae; } #extra-content li h2 { color: #024071; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; font-size: 183.3%; margin-bottom: 10px; margin-top: 24px; letter-spacing: -0.03em; } #extra-content li .description { line-height: 140%; color: #909090; font-family: 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif; font-size: 108.3%; } #extra-content li .description p { margin-bottom: 18px; } #extra-content li#gas-great-savings-for-you { background-position: 41px 0; margin-left: 2px; } #extra-content li#gas-gas-unit-costs { background-position: -259px 1px; } #extra-content li#gas-great-for-business-too { background-position: -559px 1px; padding-right: 0; width: 245px; } #gas-business .arrow-link { background: url('/images/standard/landing/bullet-lilitblue.png') 0 2px no-repeat; color: #00aced; font-weight: bold; padding: 0 0 0 15px; display: block; margin-top: -10px; } #gas-business .arrow-link:hover, #gas-business .arrow-link:focus { color: #00b9ff; background-position: 0 -83px; } /* Business --------------------------------------------------------------------------------- */ .p-business { margin-top: -5px; background: url('/images/standard/common/businessbg-repeater.jpg') 0 0 repeat; } .p-business #content { background: url('/images/standard/common/businessbg.jpg') center top no-repeat; padding: 54px 0 20px; } .p-business #content-copy { width: 720px; float: left; padding-left: 20px; } .p-business #content-copy h2 { font-weight: normal; font-family: 'FrutigerLTW01-45Light', Arial, Helvetica, sans-serif; color: #024071; font-size: 500%; line-height: 105.01%; margin-bottom: 20px; } .p-business #content-copy .business-intro { margin-bottom: 20px; font-family: 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 150%; color: #638faf; line-height: 140%; } .p-business #content-copy h3 { font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; font-weight: normal; color: #024071; font-size: 166.7%; line-height: 110%; margin-bottom: 18px; border-bottom: 1px solid #d0deeb; padding: 17px 0 16px; letter-spacing: -0.01em; clear: both; } .p-business #content-copy .bus-ticks { padding: 0; margin: 0; float: left; width: 360px; } .p-business #content-copy .bus-ticks li { background: url('/images/standard/common/bus-ticks.png') 2px 0 no-repeat; padding: 2px 40px 0 35px; font-size: 100%; color: #636363; list-style: none; width: 289px; float: left; margin-bottom: 15px; line-height: 140%; } .p-business #content-copy .bus-ticks.second-list li { width: 321px; padding-right: 0; } .p-business #content .block-container { border: none; } .p-business #case-studies { background: #fff; } .p-business #aside { width: 340px; float: right; position: static; padding: 12px 20px 0 0; } .p-business #aside-top { background: url('/images/standard/common/form-top.png') 0 0 no-repeat; padding-top: 4px; margin-top: 1px; } .p-business #aside-wrap { background:url('/images/standard/common/form-mid.png') 0 0 repeat; padding: 18px 0 20px 20px; position: relative; height: auto; } .p-business #aside-btm { background: url('/images/standard/common/form-btm.png') 0 bottom no-repeat; padding-top: 4px; } .p-business #formloader { position: absolute; top: 50%; margin-top: -16px; left: 50%; margin-left: -16px; } .p-business #aside fieldset { border: none; } .p-business #aside legend { color: #024071; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; font-size: 166.7%; padding-bottom: 14px; line-height: 100%; } .p-business #aside ol, .p-business #aside ol li { list-style: none; margin: 0; padding: 0; clear: both; display: inline-block; } .p-business #aside label, .p-business #aside .BusMsg span { color: #fff; display: block; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; font-size: 116.7%; margin: 0 24px 8px 0; } .p-business #aside .text-wrap { width: 305px; margin-bottom: 14px; display: block; background: none!important; } .p-business #aside .inner-text-wrap { display: block; padding: 10px 12px 10px 8px; background: url('/images/standard/common/bus-form-fields.png') -1px 0 no-repeat transparent;} .p-business #aside input.text { float: none; border: none; background: none; font-family: Arial, Helvetica, sans-serif; color: #636363; font-size: 100%; width: 100%; line-height: 100%; height: 16px; } .p-business #aside .req { color:#ab0000; } .p-business #aside .terms input[type=checkbox] { float:left; } .p-business #aside .terms label { font-family:'FrutigerLTW01-45Light'; margin-left:19px; font-size:110%; } .p-business #aside .terms a { color:#a5d9ff; } .p-business #aside .terms a:hover, .p-business #aside .terms a:focus { color:#62bdff; } .p-business #aside .terms.error a { color:#6f0000; } .p-business #aside .terms.error a:hover, .p-business #aside .terms.error a:focus { color:#c50a0a; } .p-business #aside ol li.btn { width: 304px; } .p-business #aside #subitBTN { display: block; line-height: 100%; float: right; } .p-business #aside #subitBTN .cfbtn-out { background: url('/images/standard/common/bus-form-btns.png') right -50px no-repeat; display: block; padding-right: 10px; line-height: 100%; } .p-business #aside #subitBTN .cfbtn-in { background: url('/images/standard/common/bus-form-btns.png') 0 0 no-repeat; display: block; line-height: 43px; padding: 0 23px 0 33px; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; font-size: 166.7%; } .p-business #aside #subitBTN:hover .cfbtn-out { background-position: right -150px; } .p-business #aside #subitBTN:hover .cfbtn-in { background-position: 0 -100px; } .p-business #content .error-message { background: url('/images/standard/common/bus-err-alert.png') 3px 4px no-repeat; padding: 0 0 15px 60px; } .p-business #content .error-message p { color: #a40800; font-size: 100%; font-family: Arial, Helvetica, sans-serif; letter-spacing: normal; } .p-business #aside ol .error label, .p-business #aside ol .error label span { color: #a40800; } .p-business #aside ol .error .inner-text-wrap { background-position: 0 -50px; } .p-business #case-studies { padding: 50px 0 56px; background: url('/images/standard/common/casestudies-shadow.gif') 0 bottom repeat-x #fff; } .p-business #case-studies .block-container { width: 1150px; min-width: 1150px; } .p-business #case-studies h2 { color: #024071; font-size: 200%; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; padding-bottom: 40px; } .p-business #case-studies ul, .p-business #case-studies ul li { margin: 0; padding: 0; list-style: none; } .p-business #case-studies ul li { float: left; width: 253px; margin-left: 46px; } .p-business #case-studies ul li:first-child { margin-left: 0; } .p-business #case-studies ul li img { height: 120px; } .p-business #case-studies ul li .cs-img-wrap { width: 253px; height: 120px; overflow: hidden; } .p-business #case-studies h3 { color: #024071; font-size: 116.7%; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; text-transform: uppercase; margin-bottom: 8px; } .p-business #case-studies .description { color: #909090; font-family: 'FrutigerLTW01-45Light', Arial, Helvetica, sans-serif; font-size: 150%; line-height: 115%; margin: 10px 0; } .p-business #case-studies .amore { color: #024071; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background: url('/images/standard/landing/bullet-dkblue.png') 0 3px no-repeat; padding: 0 0 0 10px; margin-top: 14px; display: block; } .p-business #case-studies .amore:hover, .p-business #case-studies .amore:focus { background-position: 0 -83px; color: #055492; } .p-common-area .p-business #content .description p { font-size: 100%; color: #636363; list-style: none; line-height: 125.1%; font-family: Arial, Helvetica, sans-serif; } /* Common Navigation --------------------------------------------------------------------------------- */ #navigation.standard-nav { float: right; padding: 23px 0 0; } #navigation.standard-nav ul, #navigation.standard-nav li { padding: 0; margin: 0; } #navigation.standard-nav li a { font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; font-size: 125.0%; color: #fff; padding: 7px 15px 26px; line-height: 133.4%; } #navigation.standard-nav li span { display: block; } #navigation.standard-nav li a:hover, #navigation.standard-nav li a:focus { color: #00baff; } #navigation.standard-nav li.selected a { color: #00baff; background:url('/images/standard/common/nav-arrow.png') center bottom no-repeat; } #navigation.standard-nav li.last a { padding-right: 0; } #nav-natural-gas-homepage span { width: 184px; } #nav-plans-and-pricing span { width: 170px; } #nav-business span { width: 116px; } #nav-sign-up-today span { width: 159px; } #nav-pay-your-bill span { width: 141px; } #nav-my-account span { width: 155px; } #nav-blog span { width: 96px; } #nav-help-centre span { width: 146px; } #account-nav.multi-nav li#nav-my-account a span.lock { background: url('/images/standard/landing/nav-lock.png') 25px 2px no-repeat; width: auto; padding: 0 0 0 12px!important; } /* Login Page --------------------------------------------------------------------------------- */ .fbase.log legend { position: relative; top: 32px; left: 0px; width: auto; } .fbase.log h1 { width: auto; color: #00aeef; font-size: 122.2%; font-size: 183.3%; font-family: 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif; margin-bottom: 19px; margin-left: 3px; height: 31px; } .fbase.log fieldset { padding: 42px 40px 40px 40px; } .fbase.log .watermarked { color: #636363; } .fbase.log .blue-btn.sm.fbtn { padding-right: 0px; } .fbase.log .blue-btn.sm.fbtn .fbtn-in { padding: 8px 5px 9px 13px; font-size: 108.3%;line-height: 12px; } .fbase.log p { margin: 0; } #cta-makeswitch { background: url('/images/standard/common/login-sprites.png') -262px 0 no-repeat; width: 218px; height: 80px; position: absolute; top: -33px; right: 71px; } #fieldset-login { float: left; width: 241px; padding-right: 0; padding-top: 18px; } #fieldset-login h1 { margin-bottom: 0px; margin-left: 0px; } #fieldset-login ol { margin-left: -2px; } #fieldset-login li { padding-bottom: 4px; } #fieldset-login li:last-child { width: auto; } #fieldset-login .blue-btn.sm.fbtn { margin-left: 3px; } #fieldset-login .blue-btn.sm.fbtn .fbtn-in { font-size: 100%; } #fieldset-login input.text { width: 182px; } #fieldset-login .error input.text { width: 167px; } .validation-summary-errors ul { margin: 10px 0 0; padding: 0; width: 200px; color: #A70909; } #btn-LogForgot-tip { clear: both; display: block; margin: 0 0 0 6px; padding-top: 10px; font-size: 91.7%; width: 210px; } #btn-LogForgot { float: left; margin: 10px 0 0 6px; color: #00aeef; font-size: 91.7%; font-weight: bold; } #loginHouse { background: url('/images/standard/common/login-house.png') 0 0 no-repeat; height: 177px; width: 386px; position: absolute; top: -80px; left: -11px } #login-copy { float: left; width: 252px; padding: 114px 0 26px 40px; margin-top: 28px; position: relative; } #login-copy h2 { color: #00aeef; font-family: 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif; font-size: 181.7%; margin-bottom: 7px; } #login-copy p { margin-bottom: 12px; font-size: 108.3%; line-height: 135%; } #login-copy .blue-btn.sm.fbtn { margin: 0; } #btn-register .fbtn-in { font-size: 100%; } .login-area { padding-bottom: 172px; background: url('/images/standard/common/login-spritefooter.png') 0 bottom repeat-x; } .login-msg.incorrect { padding-top: 23px; } .login-msg.incorrect .login-icon { background: url('/images/standard/common/login-incorrect.png') 0 0 no-repeat; display: block; height: 60px; width: 61px; margin-bottom: 16px; } .login-msg.incorrect p { color: #af3b08; font-size: 108.3%; line-height: 120%; margin-bottom: 10px; } #field-existing-account .login-msg.incorrect { padding-top: 0px; padding-bottom:15px; } .login-msg.unverified { padding-top: 49px; } .login-msg.unverified h1 { margin-top: 20px; height: 31px; } .login-msg.unverified .login-icon { background: url('/images/standard/common/login-unvarified.png') 0 0 no-repeat; display: block; height: 51px; width: 74px; margin-bottom: 0px; } .login-msg.unverified p { color: #636363; font-size: 108.3%; line-height: 130%; margin-bottom: 6px; display: block; clear: both; } .login-msg.unverified a { font-size: 91.7%; display: block; } .login-msg.inactive { padding-top: 35px; } .login-msg.inactive .login-icon { background: url('/images/standard/common/login-inactive.png') 0 0 no-repeat; display: block; height: 70px; width: 70px; margin-bottom: 0px; } .login-msg.inactive h1 { margin-top: 17px; height: 31px; } .login-msg.inactive p { color: #636363; font-size: 108.3%; line-height: 130%; margin-bottom: 6px; display: block; clear: both; } .login-msg.inactive a { font-size: 91.7%; display: block; } #btn-login { margin-top: 22px; } /* Forgot password page --------------------------------------------------------------------------------- */ #liPasswordReset { width: 447px; } #liPasswordReset .inner-text-wrap { width: 422px; } #fieldset-reset-password { padding-top: 32px; padding-left: 38px; } #fieldset-reset-password legend { left: 3px; } #fieldset-reset-password label { margin-bottom: 8px; line-height: 17px; } #fieldset-reset-password ol { display: inline-block; } #liPasswordResetBtn { width: 60px; } #liPasswordResetBtn .blue-btn.sm.fbtn { margin-top: 3px; height: 28px; } #liPasswordResetBtn.password-btn-spacing { padding-top: 25px; } #fieldset-reset-password .blue-btn.sm.fbtn .fbtn-in { padding: 8px 4px 9px 12px; } #fieldset-reset-password p { margin: 0 0 0 4px; } #liPasswordEmailHelp { margin-top: 17px; } /* Help Centre - Landing -------------------------------- ------------------------------------------------- */ .shared-help-centre #content-container { min-height: 100px; } #main-container .shared-help-centre { overflow: visible; background: #fff; background-image: none; } .shared-help-centre .dashboard { background: url('/images/standard/common/help-centre-repeater.jpg') 0 0 repeat; min-height: 500px; } .shared-help-centre .dashboard .dash-glow { background: url('/images/standard/common/help-centre-bg-landing.jpg') center top no-repeat; height: 100%; min-height: 547px; } .shared-help-centre .dashboard .dash-shadow { height: 100%; } .shared-help-centre #help-centre-dashboard { z-index: 1; position: relative; color: #fff; margin-top: -5px; padding-bottom: 0; min-height: 547px; } .shared-help-centre #help-centre-dashboard .block-container { padding: 41px 0 12px; clear: none; } .shared-help-centre #primary.hc-landing-primary { padding-top: 9px; min-height: 140px; padding-left: 316px; } .shared-help-centre .side-hero { left: 0; background: url('/images/standard/common/help-centre-people.png') 0 0 no-repeat; width: 396px; height: 600px; float: left; margin-top: 13px; margin-left: -61px; position: absolute; } /* Summary */ .shared-help-centre #help-centre-summary { float: left; width: 830px; margin-left: 317px; padding-top: 17px; } .shared-help-centre #help-centre-summary h1 { color: #024071; font-family: 'FrutigerLTW01-45Light', Arial, Helvetica, sans-serif; font-size: 500%; line-height: 100%; letter-spacing: -0.03em; margin-bottom: 30px; display: block; float: none; width: auto; height: auto; } .shared-help-centre #help-centre-summary p { color: #638faf; font-family: 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif; font-size: 150%; line-height: 120%; margin: 0 0 23px 0; float: none; clear: both; } /* Responses */ .shared-help-centre #help-center-msg-list h2 { color: #024071; font-family: 'FrutigerLTW01-45Light', Arial, Helvetica, sans-serif; font-size: 183.3%; } .shared-help-centre #help-center-msg-list h2 .hc-msgs { font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; line-height: 100%; font-size: 77.3%; color: #fff; background: url('/images/standard/account/help-landing-sprite.png') -314px -278px no-repeat; height: 32px; width: 42px; display: block; float: left; padding: 12px 0 0; text-align: center; } .shared-help-centre #help-center-msg-list h2 .hc-heading { float: left; padding: 9px 0 8px 6px; } .shared-help-centre #help-center-msg-list ul { clear: none; padding-left: 48px; margin-top: -3px; display: block; float: none; width: 270px; } .shared-help-centre #help-center-msg-list li { font-size: 100%; margin-bottom: 3px; display: block; clear: both; } .shared-help-centre #help-center-msg-list li a { color: #024071; } .shared-help-centre #help-center-msg-list li a span { color: #5a809e; font-weight: bold; } .shared-help-centre #help-center-msg-list .arrow-link { margin-left:48px; } /* Haven't found what you are looking for? */ .shared-help-centre #content-container .block-container { position: static; } .shared-help-centre .hc-cta-title { color: #024071; font-size: 183.3%; padding-bottom: 16px; border-bottom: 1px solid #dee7ed; margin-bottom: 10px;font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; } #HCSubmitEnquiry { line-height: 150%; color: #024071; } #HCSubmitEnquiry:hover { color: #3d779c; } .shared-help-centre #help-centre-enquiry { padding: 10px 0 0 47px; width: 287px; float: left; background: url('/images/standard/common/public-help-email.png') 1px 10px no-repeat; } .shared-help-centre #help-centre-enquiry h2 { color: #024071; font-size: 125%; border-bottom: none; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; margin-bottom: 4px; } .shared-help-centre #help-centre-enquiry p a { color: #00baff; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; background: url('/images/standard/account/li-bullets.png') 3px -92px no-repeat; padding: 0 0 0 14px; } .shared-help-centre #help-centre-enquiry p a:hover, .shared-help-centre #help-centre-enquiry p a:focus { background-position: 3px -149px; color: #50caf7; } .shared-help-centre #help-centre-contact { padding: 10px 0 0 45px; background: url('/images/standard/common/public-help-phone.png') 0 10px no-repeat; float: left; width: 244px; } .shared-help-centre #help-centre-contact h2 { color: #024071; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; font-size: 125%; margin-bottom: 4px; line-height: 26px; } .shared-help-centre #help-centre-contact h2 a { color: #024071; cursor: default; } .shared-help-centre #help-centre-contact p { color: #81a0b8; font-family: 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif; font-size: 100%; margin: 0;} .shared-help-centre #help-centre-contact p span { font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; } .shared-help-centre #help-centre-wescef { padding: 10px 0 5px 33px; float: left; background: url('/images/standard/common/news-media-icon.gif') 0 10px no-repeat; } .shared-help-centre #help-centre-wescef h2 { color: #024071; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; font-size: 125%; margin-bottom: 0px; line-height: 26px; } .shared-help-centre #help-centre-wescef p { color: #81a0b8; font-family: 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif; font-size: 100%; margin: 0;} .shared-help-centre #help-centre-wescef h2 a { color: #024071; } .shared-help-centre #help-centre-wescef h2 a:hover, .shared-help-centre #help-centre-wescef h2 a:focus { color: #3d779c; } /* Topic / Article lists */ .p-common-area .shared-help-centre #content-container .block-container { width: 1190px; min-width: 1190px; } .shared-help-centre .topic-list { float: left; width: 410px; } .shared-help-centre .topic-list .topics-icon { margin: 0 10px 0 0; background: url('/images/standard/account/help-landing-sprite.png') 0 0 no-repeat; height: 40px; width: 40px; display: block; float: left; } .shared-help-centre .topic-list .topics-content { float: left; width: 350px; } .shared-help-centre .topic-list .hc-heading { color: #024071; font-size: 183.3%; font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; margin: 9px 0 16px; letter-spacing: -0.05em; } .shared-help-centre .topic-list p { color: #636363; font-size: 108.3%; line-height: 130%; margin-bottom: 17px; margin-left: 2px; } .shared-help-centre .topic-list ul { margin: 0; padding: 0; list-style: none; } .shared-help-centre .topic-list li { margin: 0; padding: 0; list-style: none; } .shared-help-centre .topic-list li a { color: #3d779c; font-weight: bold; font-size: 125%; padding: 7px 0 7px 18px; display: block; background: url('/images/standard/common/help-article-arrows.png') 3px 7px no-repeat; } .shared-help-centre .topic-list li:hover a, .shared-help-centre .topic-list li:focus a { background-position: 3px -143px; color: #4d91bc; } .shared-help-centre #help-topics { margin: 0 68px 0 317px; } .shared-help-centre #help-topics .topics-icon { background-position: -256px -276px; } .shared-help-centre #popular-articles { width: 350px; margin: 0; } .shared-help-centre #popular-articles .topics-content { width: 295px; } .shared-help-centre #popular-articles .topics-icon { background-position: -199px -276px; } .shared-help-centre #popular-articles p { margin-bottom: 17px; } .shared-help-centre #popular-articles li a { font-size: 100%; padding: 5px 0 6px 13px; background-position: 3px -293px; } .shared-help-centre #popular-articles li:hover a, .shared-help-centre #popular-articles li:focus a { background-position: 3px -443px; } /* Help Centre - Requests Landing --------------------------------------------------------------------------------- */ .shared-help-centre .containment-btm { background: url('/images/standard/common/containment-btm.png') no-repeat scroll 0 0 transparent; height: 8px; width: 100%;} .shared-help-centre #content-container { background: url('/images/standard/common/white-shadow.gif') repeat-x 0 bottom; } .shared-help-centre .left-stripe .containment-wrap { padding: 10px 28px 33px 3px; } .shared-help-centre #dashboard-requests.dashboard { min-height: 346px; height: 346px; margin-top: -5px; } .shared-help-centre #dashboard-requests .dashboard-details { padding-top: 43px; width: 970px; } .shared-help-centre #dashboard-requests .dash-shadow { min-height: 346px; } .shared-help-centre #dashboard-intro { width: 365px; float: left; } .shared-help-centre #dashboard-people { background: url('/images/standard/account/people.png') 0 0 no-repeat; width: 251px; height: 377px; position: absolute; left: 50%; margin-left: -68px; top: 22px; } .shared-help-centre #content-container.support-request-container { padding: 44px 0 0; } .shared-help-centre #dashboard-summary { float: right; width: 255px; padding: 0 15px 0 42px; } .shared-help-centre #dashboard-summary .summary-heading { background: url('/images/standard/request/icons-dash.png') 5px 0 no-repeat; display: block; padding: 2px 0 3px 42px; margin-left: -44px; } .shared-help-centre #dashboard-summary .li-clear { margin: 4px; } .shared-help-centre #dashboard-summary .li-clear li { margin: 0 0 3px; } .shared-help-centre #summary-reponses { display: none; border-bottom: 1px solid #a1b9d0; padding: 5px 0 20px; margin-bottom: 20px; } .shared-help-centre #summary-reponses li a { color: #024071; } .shared-help-centre #summary-reponses li a span { color: #5a809e; font-weight: bold; } .shared-help-centre #summary-reponses a.arrow-link { color: #00aeef; font-weight: bold; font-size: 91.7%; background: url('/images/standard/common/bullet-sprite.png') 3px -1102px no-repeat; padding-left: 12px; } .shared-help-centre #summary-reponses a.arrow-link:hover{ background-position: 3px -1187px; color: #22bcf5; } .shared-help-centre .no-new-responses #summary-help { margin-top: 53px; } .shared-help-centre #summary-help.open { margin-top: 22px; } .shared-help-centre #summary-help p { color: #5a809e; } .shared-help-centre #dashboard-summary #summary-help ul { margin-top: 9px; } .shared-help-centre #dashboard-summary #summary-help ul li { margin: 0 0 1px; } .shared-help-centre #summary-help ul li a { color: #024071; font-weight: bold; background: url('/images/standard/account/bullets-hlp.png') 0px 3px no-repeat; padding-left: 10px; } .shared-help-centre #summary-help ul li a:hover, .shared-help-centre #summary-help ul li a:focus { color: #0e5893; background-position: 0 -53px; } .shared-help-centre #summary-help .summary-heading { padding-bottom: 7px; } .shared-help-centre #dashboard-summary #summary-reponses .summary-heading { background-position: 0 -46px; } .shared-help-centre .request-btn { background: url('/images/standard/request/button-sprites.png') 0 0 no-repeat; padding: 0 0 0 8px; color: #fff; display: block; float: left; font-weight: bold; font-family: 'FrutigerLTW01-45Light', Arial, Helvetica, sans-serif; font-size: 150%; line-height: 100%; } .shared-help-centre .request-btn .btn-inner { background: url('/images/standard/request/button-sprites.png') right -68px no-repeat; padding: 23px 15px 29px 7px; display: block; height: 17px; } .shared-help-centre .request-btn .btn-text { display: block; float: left; } .shared-help-centre .request-btn:hover { background-position: 0 -138px; color: #fff; } .shared-help-centre .request-btn:hover .btn-inner { background-position: right -206px; } .shared-help-centre .request-btn .plus { background: url('/images/standard/request/plus-btn.png') 0 0 no-repeat; float: left; display: block; height: 27px; width: 27px; display: inline-block; position: relative; top: -3px; margin-left: 8px;} .shared-help-centre .responses { font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; } /* Help Centre - Help Articles --------------------------------------------------------------------------------- */ .shared-help-centre .content-help-articles .left-stripe .containment-btm { height: 8px; background: url('/images/standard/common/containment-btm.png') 0 0 no-repeat; width: 100%; } #main-container .shared-help-centre.content-help-articles, #main-container .content-help-articles { background: url('/images/standard/common/footer-top-shadow.png') 0 bottom repeat-x; } /* Article nav aside */ .shared-help-centre .articles-aside { width: 280px; float: left; } .shared-help-centre .articles-aside ul { width: 247px; } .shared-help-centre .articles-aside ul li { float: none; background: url('/images/standard/account/seperator.gif') 0 bottom repeat-x; padding-left: 33px; width: 247px; } .shared-help-centre .articles-aside ul li a { font-weight: bold; font-size: 116.7%; display: block; padding: 14px 21px 17px; color: #024071; background: url('/images/standard/account/bullets-article.png') 2px 15px no-repeat; } .shared-help-centre .articles-aside ul li a:hover, .shared-help-centre .articles-aside ul li a:focus { background-position: 2px -55px; color: #0c5d9d; } .shared-help-centre .articles-aside ul li ul { display: none; padding-bottom: 7px; width: auto; } .shared-help-centre .articles-aside ul li.selected a, .shared-help-centre .articles-aside ul li.parent-selected a { background-position: 0 -122px; } .shared-help-centre .articles-aside ul li.selected a:hover, .shared-help-centre .articles-aside ul li.parent-selected a:hover, .shared-help-centre .articles-aside ul li.selected a:focus, .shared-help-centre .articles-aside ul li.parent-selected a:focus { background-position: 0 -192px; color: #0c5d9d; } .shared-help-centre .articles-aside ul li.selected ul, .shared-help-centre .articles-aside ul li.parent-selected ul { display: block; } .shared-help-centre .articles-aside ul li.selected li a, .shared-help-centre .articles-aside ul li.parent-selected li a { background-position: 0 -277px; padding-left: 11px; } .shared-help-centre .articles-aside ul li.selected li a:hover, .shared-help-centre .articles-aside ul li.parent-selected li a:hover, .shared-help-centre .articles-aside ul li.selected li a:focus, .shared-help-centre .articles-aside ul li.parent-selected li a:focus { color: #878484; background-position: 0 -347px; } .shared-help-centre .articles-aside ul li.selected li.selected a { background: url('/images/standard/account/li-bullets.png') 0 -92px no-repeat; color: #00baff; font-weight: bold; } .shared-help-centre .articles-aside ul li.selected li.selected a:hover, .shared-help-centre .articles-aside ul li.selected li.selected a:focus { color: #46c8f8; background-position: 0 -149px; } .shared-help-centre .articles-aside ul li ul li { background: none; padding-left: 21px; width: 190px; position: relative; } .shared-help-centre .articles-aside ul li ul li.selected { font-weight: bold; color: #00baff; } .shared-help-centre .articles-aside ul li ul li a { font-weight: normal; font-size: 91.7%; padding: 0 0 18px; color: #636363; line-height: 114%; } .shared-help-centre .articles-aside ul li ul li .active-arti { display: none; } .shared-help-centre .articles-aside ul li ul li.selected .active-arti { background: url('/images/standard/common/article-hint.png') 0 center no-repeat; position: absolute; top: -47px; right: -36px; width: 40px; height: 110px; display: block; } /* Article main text */ .shared-help-centre .article-main { float: left; width: 598px; padding: 26px 0 0 40px; } .shared-help-centre .article-main-heading { color: #00baff; font-size: 258.3%; font-family: 'FrutigerLTW01-45Light', Arial, Helvetica, sans-serif; line-height: 120%; letter-spacing: -0.04em; } .shared-help-centre .article-intro { border-bottom: 1px solid #e0e0e0; padding: 0 0 20px; margin-bottom: 32px; } .shared-help-centre .article-text { padding: 0 0 80px; } .shared-help-centre .article-text ol, .article-text ol li { list-style: decimal; /*padding: 0; margin: 0;*/ } .article-text li { padding: 0; margin: 0; } .shared-help-centre .article-text h1 { color: #024071; margin: 0 0 10px; width: auto; float: none; height: auto; } .shared-help-centre .article-text h2 { color: #024071; margin-bottom: 10px; } .shared-help-centre .article-text h3 { color: #024071; margin-bottom: 8px; } .shared-help-centre .article-text h4 { color: #024071; margin-bottom: 7px; } .shared-help-centre .article-text h5 { color: #024071; margin-bottom: 6px; } .shared-help-centre .article-text h6 { color: #024071; margin-bottom: 5px; } .shared-help-centre .article-text p { margin-bottom: 18px; line-height: 145%; } .shared-help-centre .article-text ol { margin-bottom: 8px; padding: 5px 0 0 40px; } .shared-help-centre .article-text li { padding: 5px 0 15px; line-height: 145%; } .shared-help-centre .article-text li span.num { display: inline-block; width: 25px; } .shared-help-centre .article-text li span.num { background: url('/images/standard/account/li-circle.png') 0 0 no-repeat; color: #fff; width: 25px; height: 24px; display: block; float: left; text-align: center; padding: 7px 14px 0 0; font-weight: bold; margin-top: 0px; line-height: 100%; } .shared-help-centre .article-text hr { margin-bottom: 15px; border: none; border-bottom: 1px solid #ccc; } .shared-help-centre .article-related-links { border-top: 1px solid #e0e0e0; padding: 25px 0 15px; } .shared-help-centre .article-related-heading { font-size: 150%; color: #024071; margin-bottom: 15px; } .shared-help-centre .article-related-links a { background: url('/images/standard/account/li-bullets.png') 0 -92px no-repeat; color: #00baff; padding-left: 12px; font-size: 91.7%; } .shared-help-centre .article-related-links a:hover, .shared-help-centre .article-related-links a:focus { color: #46c8f8; background-position: 0 -149px; } .shared-help-centre .article-related-links li { margin-bottom: 3px; } .shared-help-centre .content-help-articles .left-stripe .containment-wrap { padding: 10px 28px 33px 3px; } /* Help Centre - Spring Board --------------------------------------------------------------------------------- */ .landing-list { padding: 0 1px; } .landing-list li { float: left; width: 320px; text-align: center; } .landing-list li.disabled a { cursor:default; } .landing-list li a.doorways { padding: 43px 24px 43px; display: block; height: 273px; } .landing-list h2 { color: #024071; font-family: 'FrutigerLTW01-45Light', Arial, Helvetica, sans-serif; font-size: 291.7%; line-height: 130%; /*display: none;*/ } .landing-list p { display: block; height: 93px; color: #00aeef; font-family: 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif; font-size: 133.3%; line-height: 130%; } .landing-icon { display: block; margin: 0 auto 5px; } .landing-list .btn-wrap { width: 272px; height: 28px;} .landing-list .btn-wrap span.fbtn { margin: 0 auto; float: none; display: inline-block; position: static; } .landing-list .btn-wrap span.fbtn .fbtn-in { font-size: 13px; position: static; } .landing-list li:hover .blue-btn.sm.fbtn .fbtn-out, .landing-list li:focus .blue-btn.sm.fbtn .fbtn-out { background-position: right -1428px; } .landing-list li:hover .blue-btn.sm.fbtn .fbtn-in, .landing-list li:focus .blue-btn.sm.fbtn .fbtn-in { background-position: 0 -1398px; } .landing-list li .blue-btn.sm.fbtn .fbtn-in { padding:7px 4px 9px 13px; } #list-help-landing.landing-list li.list-seperator { border-top: 1px solid #d7d7d7; width: 100%; float: none; clear: both; opacity: 1!important; } #list-help-landing.landing-list li.last { border: none; } #list-help-landing.landing-list a { height: 215px; padding: 37px 20px 43px; } #list-help-landing.landing-list h2 { font-size: 208.3%; margin-bottom: 6px; } #list-help-landing.landing-list div.summary { font-family: 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif; color: #00aeef; font-size: 14px; line-height: 18px; min-height: 10px; } #list-help-landing.landing-list div.summary p { font-size: 100%; line-height: 18px; height: auto; } #list-help-landing.landing-list.landing-list .btn-wrap { margin-top: 10px; width: 100%; } #list-help-landing.landing-list.landing-list .btn-wrap .fbtn-in { font-family: 'Frutiger LT W01 65 Bold', Arial, Helvetica, sans-serif; font-weight: normal; line-height: 100%; padding: 8px 10px 9px 18px; } #list-help-landing.landing-list li .landing-icon { background: url('/images/standard/common/help-springboard-sprite.jpg') 100px 100px no-repeat; } #list-help-landing.landing-list li#landing-emergencies-and-safety .landing-icon, #list-help-landing.landing-list li#landing-emergencies-safety .landing-icon { background-position: 0 0; width: 78px; height: 70px; } #list-help-landing.landing-list li#landing-switching-natural-gas-retailers .landing-icon, #list-help-landing.landing-list li#landing-switching-retailers .landing-icon { background-position: -180px 0; width: 93px; height: 70px; } #list-help-landing.landing-list li#landing-moving-home .landing-icon { background-position: -353px 0; width: 170px; height: 70px; } #list-help-landing.landing-list li#landing-plans-and-pricing .landing-icon, #list-help-landing.landing-list li#landing-plans-pricing .landing-icon { background-position: 22px -100px; width: 124px; height: 70px; } #list-help-landing.landing-list li#landing-billing-and-payments .landing-icon, #list-help-landing.landing-list li#landing-billing-payments .landing-icon { background-position: -160px -100px; width: 110px; height: 76px; margin-top: -6px; } #list-help-landing.landing-list li#landing-metering .landing-icon { background-position: -349px -100px; width: 119px; height: 89px; margin-top: -19px; } #list-help-landing.landing-list li#landing-policies-charters-and-codes .landing-icon, #list-help-landing.landing-list li#landing-policies-charter-codes .landing-icon { background-position: 0 -200px; width: 121px; height: 70px; } #list-help-landing.landing-list li#landing-forms .landing-icon { background-position: -180px -200px; width: 89px; height: 85px; margin-top: -15px; } #list-help-landing.landing-list li#landing-energy-saving-tips .landing-icon { background-position: -351px -201px; width: 91px; height: 97px; margin-top: -27px;} #landing-online-accounts .landing-icon, #landing-my-account-details .landing-icon { background: url('/images/standard/account/help-landing-sprite.png') 0px -260px no-repeat #fff; height: 77px; width: 84px; } #landing-faq- .landing-icon, #landing-my-gas-connections .landing-icon { background: url('/images/standard/account/moving-out-landing.jpg') 0px -6px no-repeat #fff; height: 77px; width: 104px; } #landing-usage-information .landing-icon, #landing-understanding-my-bill .landing-icon { background:url('/images/standard/account/connect-landing.jpg') 0 -90px no-repeat #fff; height: 77px; width: 129px; } #landing-billing-security .landing-icon, #landing-billing .landing-icon { background: url('/images/standard/account/moving-out-landing.jpg') 6px -86px no-repeat #fff; height: 77px; width: 159px; } #landing-support-assistance .landing-icon { background: url('/images/standard/account/help-landing-sprite.png') -101px -257px no-repeat #fff; height: 77px; width: 84px; } #landing-emergency-information .landing-icon { background: url('/images/standard/account/connect-landing.jpg') -3px -163px no-repeat #fff; height: 77px; width: 110px; } /* Retina Styles - Device/Resolutions Targetting - iPhone 4, Opera Mobile 11 and hi-resolution devices --------------------------------------------------------------------------------- */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #logo { background-image: url('/images/retina/landing/heading-icons.gif'); background-size: 208px 25px; } .p-common-area #logo { background-image: url('/images/retina/landing/ng-logo.png'); background-size: 303px 28px; } /* Jump to Dropdown */ #nav-jump-to ul { background-image: url('/images/retina/common/jumpto-dd.png'); background-size: 147px 324px; } #nav-jump-to #nav-jump-top { background-image: url('/images/retina/common/jumpto-dd-top.png'); background-size: 147px 9px; } #header-pannel #landing-nav { background-image: url('/images/retina/landing/heading-seperator.gif'); background-size: 1px 27px; } .header-social-btns li a { background-image: url('/images/retina/common/social-links.png'); background-size: 104px 59px; } .p-common-area #header-pannel #call-us, #header-pannel #call-us { background-image: url('/images/retina/landing/heading-icons.gif'); background-size: 208px 25px; } #banner { background-image: url('/images/retina/landing/slider-background.jpg'); background-size: 60px 447px; } #banner .slides-text { background-image: url('/images/retina/landing/slider-mask.png'); background-size: 617px 447px; } .p-common-area #banner .slides-text ul li { background-image: url('/images/retina/common/banner-tick.png'); background-size: 15px 13px; } .landing-signup, .landing-switch { background-image: url('/images/retina/landing/landing-icons.png'); background-size: 38px 246px; } .cfbtn.landing-btn .cfbtn-out, .cfbtn.landing-btn .cfbtn-in, .fbtn.landing-btn .fbtn-out, .fbtn.landing-btn .fbtn-in { background-image: url('/images/retina/landing/landing-btns.png'); background-size: 275px 173px; } #doorways li .ld-img { background-image: url('/images/retina/landing/landing-options.jpg'); background-size: 795px 100px; } .p-landing #aside a.arrow { background-image: url('/images/retina/landing/bullets-small.png'); background-size: 6px 95px; } #content a.arrow, #landing-links li a { background-image: url('/images/retina/landing/bullets.png'); background-size: 9px 100px; } #landing-community h2, #content .salvos, #landing-safety h2 { background-image: url('/images/retina/landing/landing-icons.png'); background-size: 38px 246px; } .p-common-area #footer-logo, .p-common-area #wesfarmers-logo, #footer-logo, #sumo-logo, #wesfarmers-logo { background-image: url('/images/retina/landing/footer-sprite.png'); background-size: 274px 156px; } /* Login Page*/ .login-area { background-image: url('/images/retina/common/login-spritefooter.png'); background-size: 1px 95px; } .login-msg.incorrect .login-icon { background-image: url('/images/retina/common/login-incorrect.png'); background-size: 60px 60px; } .login-msg.unverified .login-icon { background-image: url('/images/retina/common/login-unvarified.png'); background-size: 73px 51px; } .login-msg.inactive .login-icon { background-image: url('/images/retina/common/login-inactive.png'); background-size: 69px 69px; } #loginHouse { background-image: url('/images/retina/common/login-house.png'); background-size: 386px 177px; } /* NG Splash page */ .p-splash #logo { background-image: url('/images/retina/common/ng-splash-logo.png'); background-size: 276px 24px; } .p-splash #kh-home { background-image: url('/images/retina/common/ng-splash-icons.png'); background-size: 19px 185px; } .p-splash #main-container { background-image: url('/images/retina/common/splashbg.jpg'); background-size: 100px 540px; } .p-splash #hero-aside { background-image: url('/images/retina/common/splashhero.png'); background-size: 411px 925px; } .p-splash #content .ctas .cfbtn .cfbtn-out, .p-splash #content .ctas .cfbtn .cfbtn-in { background-image: url('/images/retina/common/ng-splash-btn.png'); background-size: 310px 368px; } .p-splash #content #application { background-image: url('/images/retina/common/ng-splash-icons.png'); background-size: 19px 185px; } .p-splash #content #ng-ticking-cta { background-image: url('/images/retina/common/ng-splash-tick.png'); background-size: 22px 19px; } #tabs li a { background-image: url('/images/retina/common/tabs-edge-bg.png'); background-size: 17px 187px; } #tabs li span { background-image: url('/images/retina/common/tabs-bg.png'); background-size: 316px 187px; } #tabs #tabs-rule { background-image: url('/images/retina/common/tabs-rule.png'); background-size: 1px 1px; } #reasons-data li { background-image: url('/images/retina/common/ng-splash-reasons.png'); background-size: 841px 81px; } #tab-content #prodcontract span, #tab-content #prodbill span, #tab-content #proddiscount span, #tab-content #prodbillrec span, #tab-content #proddd span, #tab-content #sfc-prodcontract span, #tab-content #sfc-prodbillrec span, #tab-content #sfc-proddiscount span, #tab-content #sfc-prodbill span, #tab-content #sfc-proddd span, #tab-content #sfc-prodkbob span, #tab-content #prodkbob span { background-image: url('/images/retina/common/landing-splash-pricing.png'); background-size: 31px 443px; } #tab-content td a { background-image: url('/images/retina/common/bullet-mdksmblue.png'); background-size: 5px 92px; } #tab-content td a { background-image: url('/images/retina/common/bullet-dksmblue.png'); background-size: 5px 92px; } .p-splash #homes-only { background-image: url('/images/retina/common/homes.png'); background-size: 23px 19px; } .p-splash #looking-business { background-image: url('/images/retina/common/business-ic.png'); background-size: 22px 19px; } #unit-cost { background-image: url('/images/retina/common/spash-units.png'); background-size: 58px 41px; } .p-splash #wesfarmers-logo { background-image: url('/images/retina/common/wesfarmers-splash.png'); background-size: 269px 41px; } /* Home Landing - Content */ .p-ng-landing #logo { background-image: url('/images/retina/landing/ng-logo.png'); background-size: 303px 28px; } #ng-menu li { background-image: url('/images/retina/landing/heading-seperator.gif'); background-size: 1px 27px; } #kh-home, #jump-to { background-image: url('/images/retina/landing/ng-heading-icons.png'); background-size: 21px 75px; } .p-ng-landing #banner { background-image: url('/images/retina/landing/ng-slider-background.png'); background-size: 83px 427px; } .p-ng-landing #banner .slides-text { background-image: url('/images/retina/landing/ng-slider-mask.png'); background-size: 655px 427px; } .p-ng-landing #account-nav { background-image: url('/images/retina/landing/ng-shadow.png'); background-size: 1px 60px; } .ng-unavailable #discover-message .considered-lpg a { background-image: url('/images/retina/landing/bullet-lilitblue.png'); background-size: 7px 97px; } #ng-saving a { background-image: url('/images/retina/landing/bullet-lilitblue.png'); background-size: 7px 97px; } #ng-savings-icon, #ng-switch-icon { background-image: url('/images/retina/landing/ng-content-icons.png'); background-size: 293px 110px; } #ng-switch a { background-image: url('/images/retina/landing/bullet-ltblue.png'); background-size: 7px 97px; } #account-nav.multi-nav li#nav-my-account a span.lock { background-image: url('/images/retina/landing/nav-lock.png'); background-size: 11px 13px; } .discover-addressagain.arrow-link { background-image: url('/images/retina/landing/bullet-lilitblue.png'); background-size: 7px 97px; } .p-ng-landing #content { background-image: url('/images/retina/landing/landing-bg.gif'); background-size: 1px 80px; } .p-ng-landing #content .ng-listing li { background-image: url('/images/retina/landing/bullet-grey.png'); background-size: 7px 97px; } .p-ng-landing #aside-top { background-image: url('/images/retina/landing/aside-top.png'); background-size: 305px 3px; } .p-ng-landing #aside-wrap { background-image: url('/images/retina/landing/aside-mid.png'); background-size: 305px 3px; } .p-ng-landing #aside-btm { background-image: url('/images/retina/landing/aside-btm.png'); background-size: 305px 7px; } .p-ng-landing #signup-btn .cfbtn-out, .p-ng-landing #signup-btn .cfbtn-in { background-image: url('/images/retina/landing/ng-buttons.png'); background-size: 300px 300px; } #apply-link, #gas-link, #pay-bill-btn, #gas-value-link { background-image: url('/images/retina/landing/ng-aside-icons.png'); background-size: 36px 298px; } /*#aside-account { background-image: url('/images/retina/landing/account-img.png'); background-size: 268px 131px; }*/ #aside-account h2 { background-image: url('/images/retina/landing/ng-aside-icons.png'); background-size: 36px 298px; } #aside #quick-tools li .icon { background-image: url('/images/retina/landing/ng-contact-icons.png'); background-size: 147px 113px; } #discover-icons div { background-image: url('/images/retina/landing/ng-big-icons.png'); background-size: 815px 115px; } .ng-searching #discover-icons #discover-status { background-image: url('/images/retina/landing/ng-big-icons-searching.gif'); background-size: 116px 117px; } .ng-unavailable .considered-lpg { background-image: url('/images/retina/landing/gasbottle.png'); background-size: 52px 85px; } .p-ng-landing .text-wrap, .p-ng-landing .text-wrap .inner-text-wrap { background-image: url('/images/retina/landing/ng-form-fields.png'); background-size: 487px 86px; } .p-ng-landing .cfbtn .cfbtn-out, .p-ng-landing .cfbtn .cfbtn-in { background-image: url('/images/retina/landing/ng-form-btn.png'); background-size: 351px 169px; } .p-ng-landing .greenArrow { background-image: url('/images/retina/landing/bullet-green.png'); background-size: 7px 97px; } .p-ng-landing .blueArrow, #aside-home-kbob a { background-image: url('/images/retina/landing/bullet-lilbluegrey.png'); background-size: 7px 97px; } /* NG Products pricing */ .p-products-pricing #content { background-image: url('/images/retina/common/bg-pricing.jpg'); background-size: 2420px 682px; } .p-products-pricing { background-image: url('/images/retina/common/bg-pricing-repeat.jpg'); background-size: 5px 682px; } #hero-aside { background-image: url('/images/retina/common/prods-img.png'); background-size: 290px 765px; } .pricing-panel-top { background-image: url('/images/retina/common/pricing-panel-top.png'); background-size: 934px 4px; } .pricing-panel-wrap { background-image: url('/images/retina/common/pricing-panel-mid.png'); background-size: 934px 19px; } .pricing-panel-btm { background-image: url('/images/retina/common/pricing-panel-btm.png'); background-size: 934px 4px; } #ul-products .cfbtn-out, #ul-products .cfbtn-in { background-image: url('/images/retina/common/buttons-pricing.png'); background-size: 330px 480px; } .price-arrow { background-image: url('/images/retina/landing/bullet-dkmblue.png'); background-size: 7px 97px; } .p-products-pricing li#package01 ul li, .p-products-pricing li#package03 ul li { background-image: url('/images/retina/common/icons-pricing.png'); background-size: 32px 630px; } #ul-products li#package01 .cfbtn-out, #ul-products li#package01 .cfbtn-in, #ul-products li#package03 .cfbtn-out, #ul-products li#package04 .cfbtn-in { background-image: url('/images/retina/common/buttons-pricing.png'); background-size: 330px 480px; } li#package01 .price-arrow, li#package03 .price-arrow { background-image: url('/images/retina/landing/bullet-dkblue.png'); background-size: 7px 97px; } .p-products-pricing #content-details #homes-only { background-image: url('/images/retina/common/homes.png'); background-size: 23px 19px; } #extra-content { background-image: url('/images/retina/common/extrashadow.gif'); background-size: 1px 49px; } #gas-business .arrow-link { background-image: url('/images/retina/landing/bullet-lilitblue.png'); background-size: 7px 97px; } #navigation.standard-nav li.selected a { background-image: url('/images/retina/common/nav-arrow.png'); background-size: 13px 5px; } #cta-makeswitch { background-image: url('/images/retina/common/login-sprites.png'); background-size: 480px 79px; } /* NG Business */ .p-business { background-image: url('/images/retina/common/businessbg-repeater.jpg'); background-size: 55px 893px; } .p-business #content { background-image: url('/images/retina/common/businessbg.jpg'); background-size: 1400px 693px; } .p-business #content-copy .bus-ticks li { background-image: url('/images/retina/common/bus-ticks.png'); background-size: 25px 25px; } .p-business #aside-top { background-image: url('/images/retina/common/form-top.png'); background-size: 340px 6px; } .p-business #aside-wrap { background-image: url('/images/retina/common/form-mid.png'); background-size: 340px 6px; } .p-business #aside-btm { background-image: url('/images/retina/common/form-btm.png'); background-size: 340px 6px; } .p-business #aside .inner-text-wrap { background-image: url('/images/retina/common/bus-form-fields.png'); background-size: 310px 86px; } .p-business #aside #subitBTN .cfbtn-out, .p-business #aside #subitBTN .cfbtn-in { background-image: url('/images/retina/common/bus-form-btns.png'); background-size: 194px 198px; } .p-business #content .error-message { background-image: url('/images/retina/common/bus-err-alert.png'); background-size: 40px 35px; } .p-business #case-studies { background-image: url('/images/retina/common/casestudies-shadow.gif'); background-size: 6px 89px; } .p-business #case-studies .amore { background-image: url('/images/retina/landing/bullet-dkblue.png'); background-size: 7px 97px; } /* Help Centre */ .shared-help-centre .containment-btm { background-image: url('/images/retina/common/containment-btm.png'); background-size: 962px 8px; } .shared-help-centre #content-container { background-image: url('/images/retina/common/white-shadow.gif'); background-size: 1px 37px; } .shared-help-centre .dashboard .dash-glow { background-image: url('/images/retina/common/help-centre-bg-landing.jpg'); background-size: 1660px 540px; } .shared-help-centre .side-hero { background-image: url('/images/retina/common/help-centre-people.png'); background-size: 400px 600px; } .shared-help-centre #help-centre-contact { background-image: url('/images/retina/common/public-help-phone.png'); background-size: 32px 30px; } .shared-help-centre .dashboard { background-image: url('/images/retina/common/help-centre-repeater.jpg'); background-size: 81px 852px; } /* Responses */ .shared-help-centre #help-center-msg-list h2 .hc-msgs { background-image: url('/images/retina/account/help-landing-sprite.png'); background-size: 399px 329px; } /* Form */ #hc-top { background-image: url('/images/retina/common/public-help-top.png'); background-size: 362px 4px; } #hc-wrap { background-image: url('/images/retina/common/public-help-mid.png'); background-size: 362px 1px; } #hc-btm { background-image: url('/images/retina/common/public-help-btm.png'); background-size: 362px 4px; } .shared-help-centre #help-center-form .text-wrap, .shared-help-centre #help-center-form .inner-text-wrap, .shared-help-centre #help-center-form .textarea-wrap { background-image: url('/images/retina/common/form-expandables.png'); background-size: 334px 292px; } #HCliButton #subitBTN .cfbtn-out, #HCliButton #subitBTN .cfbtn-in { background-image: url('/images/retina/common/bus-form-btns.png'); background-size: 194px 198px; } /* Errors */ .shared-help-centre #help-center-form .error-message { background-image: url('/images/retina/common/bus-err-alert.png'); background-size: 40px 35px; } /* Topic / Article lists */ .shared-help-centre .topic-list .topics-icon { background-image: url('/images/retina/account/help-landing-sprite.png'); background-size: 399px 329px; } .shared-help-centre .articles-aside ul li.selected li.selected a, .shared-help-centre .article-related-links a, .shared-help-centre .topic-list li a { background-image: url('/images/retina/account/li-bullets.png'); background-size: 7px 160px; } /* Help Centre - Help Articles */ .shared-help-centre .content-help-articles .left-stripe .containment-btm { background-image: url('/images/retina/common/containment-btm.png'); background-size: 962px 8px; } .shared-help-centre .topic-list li a { background-image: url('/images/retina/common/help-article-arrows.png'); background-size: 9px 462px; } .shared-help-centre #help-centre-enquiry { background-image: url('/images/retina/common/public-help-email.png'); background-size: 32px 24px; } /* Article nav aside */ .shared-help-centre .articles-aside ul li { background-image: url('/images/retina/account/seperator.gif'); background-size: 1px 2px; } .shared-help-centre .articles-aside ul li a { background-image: url('/images/retina/account/bullets-article.png'); background-size: 11px 357px; } .shared-help-centre .articles-aside ul li ul li.selected .active-arti { background-image: url('/images/retina/common/article-hint.png'); background-size: 40px 164px; } /* Article main text */ .shared-help-centre .article-text li span.num { background-image: url('/images/retina/account/li-circle.png'); background-size: 25px 25px; } /* Help Centre - Landing */ #landing-online-accounts .landing-icon, #landing-my-account-details .landing-icon, #landing-support-assistance .landing-icon { background-image: url('/images/retina/account/help-landing-sprite.png'); background-size: 399px 329px; } #landing-billing-security .landing-icon, #landing-billing .landing-icon, #landing-faq- .landing-icon, #landing-my-gas-connections .landing-icon { background-image: url('/images/retina/account/moving-out-landing.jpg'); background-size: 157px 154px; } #landing-usage-information .landing-icon, #landing-understanding-my-bill .landing-icon, #landing-emergency-information .landing-icon { background-image: url('/images/retina/account/connect-landing.jpg'); background-size: 160px 233px; } #list-help-landing.landing-list li .landing-icon { background-image: url('/images/retina/common/help-springboard-sprite.jpg'); background-size: 540px 300px; } .shared-help-centre #help-centre-wescef { background-image: url('/images/retina/common/news-media-icon.gif'); background-size: 25px 29px; } #aside-home-kbob { background-image: url('/images/retina/common/kbob-home.png'); background-size: 75px 53px; } } /* Natural Gas Landing Home Page - Updated 3-01-20 --------------------------------------------------------------------------------- */ .felix.login-area #fieldset-login h1, .felix.login-area #login-copy h2, .felix.login-area #login-copy h3 { height: auto; margin-bottom: 0.875rem; font-family: 'Asap', Arial, Helvetica, sans-serif; font-weight: 500; color: #12273e; line-height: 1.625rem; } .felix.login-area #fieldset-login h1 { padding-right: 2.3125rem; } .felix.login-area #fieldset-login h1, .felix.login-area #login-copy h2 { font-size: 1.375rem; } .felix.login-area #login-copy h3 { font-size: 1.25rem; line-height: 1.5rem; } .felix.login-area a { color: #5698e9; font-size: 0.875rem; font-weight: normal; text-decoration: underline; white-space: nowrap; } .felix.login-area a strong { color: #12273e; } .felix.login-area a.no-text-decoration { text-decoration: none; } .felix.login-area a:visited { color: #5698e9; } /** form */ .felix.login-area .required:after { padding-left: 0.25rem; color: #c72969; content: '*'; } .felix.login-area label { font-size: 0.875rem; } /** left div */ .felix.login-area #fieldset-login li { padding-bottom: 0.75rem; } .felix.login-area #fieldset-login .fbtn { margin-top: 0; margin-bottom: 0.3125rem; } /** right div */ .felix.login-area #login-copy { padding-top: 0.25em; } .felix.login-area .login-copy-container { display: flex; padding-left: 0.375rem; padding-right: 0.75rem; } .felix.login-area #login-copy p { padding-right: 1rem; font-size: 0.875rem; line-height: 1.375rem; } /** bottom div */ .felix.login-area .pay-bill-container { display: flex; width: 32rem; margin-top: 1.125rem; margin-left: auto; margin-right: auto; padding-top: 0.875rem; padding-bottom: 0.875rem; padding-left: 2.5rem; padding-right: 2.5rem; border: 1px solid #e0e0e1; background: #ffffff; border-radius: 3px; box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.125); } .felix.login-area .pay-bill-container p { padding-top: 0.375rem; font-size: 0.875rem; line-height: 1.375rem; } /** error validation */ .felix.login-area .login-msg { display: inline-flex; position: relative; padding-top: 0; padding-right: 2.5rem; } .felix.login-area .login-msg a { display: block; } .felix.login-area .login-msg p { padding-left: 1.75rem; font-size: 0.875rem; font-weight: 500; line-height: 1.125rem; } .felix.login-area .login-msg .login-icon { position: absolute; top: -1.125rem; left: -1.3125rem; transform: scale(0.3); } .felix.login-area .login-msg.inactive .login-icon { top: -1.25rem; left: -1.625rem; } .felix.login-area .login-msg.unverified .login-icon { top: -0.8125rem; left: -1.625rem; } /** svg */ .felix.login-area .svg-container { padding-right: 0.75rem; } .felix.login-area .svg-container svg { width: 1.56rem; padding-top: 0.25rem; fill: #5698e9; } /** utilities */ .felix.login-area .pt-sm { padding-top: 1rem; }