/* TAKEN FROM - http://www.britishgas.co.uk/style/content-shared.css */ span.externalLink { margin:0 0 0 5px; background-image: url( /images/icons/external-link.gif ); background-position: top right; background-repeat: no-repeat; } /* green gradient background on which to overlay info or tick images */ #primary-content div.green-gradient-background { float: left; position: relative; width: 100%; margin: 0.5em 0; padding: 0; border: none; background-image: url( /images/content/green_gradient.gif ); background-position: top left; background-repeat: repeat-x; background-color: #f9faec; } #primary-content div.green-plain-overlay { border: 1px solid #C2CD23; } #primary-content div.green-info-overlay { border: 1px solid #C2CD23; background-image: url(../images/content/green-background-info.gif); background-position: bottom right; background-repeat: no-repeat; } #primary-content div.green-tick-overlay { border: 1px solid #C2CD23; background-image: url(../images/content/green-background-tick.gif); background-position: bottom right; background-repeat: no-repeat; } /* grey gradient background on which to overlay corner cutout */ #primary-content div.grey-gradient-box { position: relative; width: 100%; margin: 0.5em 0; border: 1px solid #e6e6e6; background-image: url( /images/gradients/vert_150px_FFFFFF_F6F6F6.gif ); background-position: top left; background-repeat: repeat-x; background-color: #f6f6f6; } #primary-content div.grey-box-cutout { position: absolute; width: 22px; height: 23px; bottom: -2px; right: -2px; background-image: url(../images/content/cutout-grey-bottom-right.gif) } /* stylings for use within box contents */ #primary-content div.box-content { padding: 0.5em 1em; height: 1%; /* to provide layout in IE */ } #primary-content div.box-content h2 { font-size: 1.3em; font-weight: bold; } /* left and right half-width columns */ #primary-content div.float-column-half-left { float: left; width: 47%; } #primary-content div.float-column-half-right { float: right; width: 47%; } #primary-content .bullet-list h5 { font-family: "Verdana", Arial, Helvetica, Trebuchet MS, sans-seri; font-weight:bold; color:#085A92; margin: 0.1em 0; font-size:1.2em; } #primary-content .banner-promo-one, #primary-content .banner-promo-two, #primary-content .banner-promo-three, #primary-content .banner-call-to-action, #primary-content .standout-section { margin: 1em 0; overflow:hidden; _height: 1%;_overflow:visible;} #primary-content .standout-section img { padding:1em; } #primary-content .banner-content { padding: 1em; height: 1%; } #primary-content .standout-section .banner-content { margin-left:212px; padding: 0.8em 1em 0 1em; height: 1%; } #primary-content .standout-section .banner-content p.text-right { text-align:right; } #primary-content .keySection img { margin-top:18px; } #primary-content .keySection .banner-content { margin-left:90px; padding: 0.8em 1em 0 1em; height: 1%; } #primary-content .keySection .banner-content p { } #primary-content .banner-float-right { display: block; float: right; margin: 0; } #primary-content .banner-float-content { padding:30px 5px 0px 0px; font-size:1.3em;} #primary-content .banner-content p { display: block; clear: none; } /*#primary-content .banner-content h2 {font-weight: normal; color:#085A92; margin: 0.2em 0; }*/ /* banner promo one styles */ #primary-content .banner-promo-one { background-color:#F8F7FF; border:1px solid #E0E0E0; padding:10px 10px 0 10px;} #primary-content .banner-promo-one img {margin:0 10px 0 0;} #primary-content .banner-promo-two { background-color:#046738; border:1px solid #046738; color: #fff; background-image:url(../images/content/green_promo_box_gad.jpg); background-position:top left; background-repeat:repeat-x; } #primary-content .banner-promo-two h2, #primary-content .banner-promo-two p, #primary-content .banner-promo-two a { color: #fff; } #primary-content .banner-promo-two a:hover { color: #085A92; background: none; } /* banner promo three styles */ #primary-content .banner-promo-three { background-color:#fff6fb; border:1px solid #E0E0E0; background-image:url(../images/content/pink_promo_box_gad.jpg); background-position:top left; background-repeat:repeat-x; } /* banner call-to-action styles */ #primary-content #carousel-panel.banner-call-to-action{border:1px solid #E0E0E0; background-color:#FDFDFD;background-image:none;} #primary-content .banner-call-to-action, #primary-content .standout-section {border:1px solid #E0E0E0; background-color:#FFFEEb; background-image:url(../images/content/green_gradient.gif); background-position:top left; background-repeat:repeat-x; clear:left; } #primary-content .banner-call-to-action a, #primary-content .standout-section a{border:none;} #primary-content .banner-call-to-action .carousel-desc a{border-bottom:1px dotted #828280!important;} /* promo box for use in content and right-hand column */ .promo-box, .standout-section-half, .promo-box-list-container { margin-bottom:20px; float:left; border:1px solid #E0E0E0; background-color:#FDFDFD; min-height:42px; display:inline; } .standout-section-half { width:49%; } .promo-box , .promo-box-list-container {width:152px;padding:8px;overflow:hidden;} .inner-content .promo-box , .inner-content .promo-box-list-container {width:166px;padding:0;} .inner-content .quad { margin-right:10px; float:left; width:119px; background:#F7FBFF;text-align:center;} #primary-content .float-right { float:right; } #primary-content div.promo-box-header a{border:none;background:none;} .promo-box-header h2, .promo-box-header h3 {margin:0 0 7px 0;font-size:1.1em;} div.promo-box img { vertical-align: bottom; /* to avoid unsightly gaps in IE */ } div.quad img{position:relative;} div.promo-box-content {color:#515151;font-size:0.9em;} div.promo-box-content ul li{margin:0 0 7px;} div.promo-box-list-container div.promo-box-header {background:none;border-bottom:none;} /* half - two promo boxes horizontally */ .inner-content div.half { margin-right:5px; float:left; width:44% !important; padding:10px;} /* triplets - three promo boxes horizontally */ div.triplet {margin-right:10px;float:left;background:#F7FBFF;padding:5px !important;border:1px solid #E0E0E0;width:150px !important;} div.triplet-box {margin-right:7px;float:left;width:290px !important;padding:0 !important;} div.triplet-box-header { padding: 0.2em 0.5em; text-align:left; border-bottom: 1px solid #E0E0E0; } /* HOME CARE LEVELS */ #primary-content .home-care-level {margin-right:10px;float:left;width:166px;} #primary-content .home-care-level .box-1, .home-care-level .box-2, .home-care-level .box-3 {background:#F7FBFF;padding:0;border:0;border:1px solid #E7E3E7;} #primary-content .home-care-level .box-1 {height:120px;margin:0 0 10px 0;} #primary-content .home-care-level .box-2, .home-care-level .box-3 {height:105px;} #primary-content .home-care-level .box-3 {margin:0 0 20px 0;} #primary-content .home-care-level h3 {padding:5px 0;_padding:5px 0 2px 0;text-align:center;} #primary-content .home-care-level .box-content {padding:4px;font-size:0.9em;text-align:center;} #primary-content .home-care-level .box-content a {font-size:1.2em;background:#FEFFD5;border-bottom:1px dotted #828280;color:#666;position:relative;} #primary-content .home-care-level .homecare-icon {text-align:center;} #primary-content .home-care-level .box-1 h2 {font-size:1.2em;} #primary-content .home-care-level .box-1 h2 img {margin:7px 0 0 0;} #primary-content .home-care-level h2 {text-align:center;padding:7px 0;margin:0;font-size:1.0em;} #primary-content .home-care-level .box-2 .box-header, .home-care-level .box-3 .box-header {background:#eee;width:166px;margin:0;padding:0;} #primary-content .home-care-level .box-content em {color:#FF1494;font-style:normal;font-weight:bold;} #primary-content .home-care-level .box-content p {margin:0;padding:0;} #primary-content .home-care-level .or {text-align:center;font-weight:bold;padding:0;margin:10px 0;} div.ImagePromo { margin-right:10px; float:left; border:none; width:345px; height:300px; background-repeat:no-repeat; } div.ImagePromoHeader { position:relative; top:7%; left:1.5%; width:70%; } div.StarImageDiv { position:relative; left:69%; bottom:2%; width:90px; } div.ImagePromoCopy { width:300px; position:relative; top:16%; left:2%; } div.ImagePromoCTA { position:relative; top:18%; left:1.5%; width:270px; height:35px; } /* quads - four promo boxes horizontally */ div.promo-box-quad-wrapper { clear: left; } .sub-inner-content { border:1px solid #C2CD23; background-color:#FDFDFD; color:#515151; padding:0px; margin-bottom:20px; background-image:url(../images/content/green_gradient.gif); background-position:top left; background-repeat:repeat-x; background-color:#fafbeb; } #inner-content .sub-inner-content-padded h2 { margin-top:5px; } #inner-content .sub-inner-content-padded { border:1px solid #C2CD23; color:#515151; padding:10px; margin-bottom:20px; background-image:url(../images/content/green_gradient.gif); background-position:top left; background-repeat:repeat-x; background-color:#fafbeb; } #inner-content .sub-inner-content-padded input.radio-float-left { float:left; margin:0.2em 15px 2.5em 10px; } #inner-content .sub-inner-content-padded img.exclamation-float-right { float:right; margin:0 10px; } .sub-inner-content-padded .text-and-button-float p { float:left; } .image-float-right { float:right; } #inner-content .sub-inner-content-padded .text-and-button-float .image-float-right { float:right; } #primary-content .radio { margin-left:15px; margin-right:5px; } /* misc */ ul.bullet-list { list-style-type: disc; padding-left: 20px; } ul.bullet-list li { margin: 0.4em 0;font-size:13px; } div.information-container-medium, div.information-container, div.warning-container { background-color:#fff; padding:20px 10px 20px 72px; margin: 1.0em 0; background-position:10px 50%; background-repeat:no-repeat;font-size:1.0em; } div.information-container-medium hr. div.information-container hr, div.warning-container hr, div.sub-inner-content-padded hr {color: #fff; background-color: #fff;border: 1px dashed #000;border-style: none none dashed;margin-bottom: 0.5em;} div.information-container-medium, div.information-container { font-size:1.0em;border:1px solid #336E50;background:url(../images/forms/information.gif) 10px 50% no-repeat;min-height:48px;_height:48px;color:#336E50;} .information-container-indent {color:#336E50 !important;padding:20px 20px 20px 70px;background:url(../images/forms/information.gif) 10px 50% no-repeat;border:1px solid #336E50;} div.information-container-medium p, div.information-container p {color:#336E50 !important;margin:0 !important;} div.warning-container, p.warning-container { border:2px solid #F79434; background:url(../images/forms/warning.gif) no-repeat;color:#F79434;} p.warning-container {padding:20px 10px 20px 70px;background:url(../images/forms/warning.gif) 10px 50% no-repeat;color:#F79631 !important;} .warning-container p {color:#F79434 !important;margin:0 !important;} div.information-container-medium { width:445px; } div.information-container-medium a strong, div.information-container a strong, div.information-container-medium a b, div.information-container a b{font-weight:normal;} /* table variant one */ table.table-variant-one { margin: 1em; border-collapse: collapse; } table.table-variant-one h3 { font-size: 1em; } table.table-variant-one th, table.table-variant-one td { padding: 0.5em 1em; border-right: 1px solid #aaa; text-align: center; } table.table-variant-one td a { line-height:1.2em; } table.table-variant-one th.align-left, table.table-variant-one td.align-left { text-align: left; } table.table-variant-one th { background-color: #e0e0e0; } table.table-variant-one tr.row-even { background-color: #f9f9f9; } table.table-variant-one tr td.cell-even { background-color: #f9f9f9; } /* table variant two */ table.table-variant-two { margin:0 0 1em; border-collapse: collapse; } table.table-variant-two th, table.table-variant-two td { padding:0.5em 1em; border-right: 0.1em solid #fff; } table.table-variant-two td { vertical-align: top; background-color: #f9f9f9;font-size:1.1em; } table.table-variant-two th { background-color:#e0e0e0;text-align:left;color:#085A92; } #primary-content div.stepsIllustration3 { position:relative; width: 31%; height: 20em; margin-right:15px; margin-bottom: 15px; padding-bottom: 15px; float: left; display: inline; background-image:url(../images/content/green_gradient.gif); background-position:top left; background-repeat:repeat-x; background-color:#fafbeb; border: 1px solid #C2CD23; } #primary-content div.last { margin-right:0; } #primary-content div.stepsIllustration3 h1 { background-image:url(../images/content/green_box.gif); background-repeat:repeat-x; font-size:3em; font-weight:bold; margin-bottom:10px; color: #fff; padding-top:16px; padding-bottom:16px; text-align:center; } #primary-content div.stepsIllustration3 h2 { margin-left:10px; margin-right:10px; text-align:center; height:3.5em; } #primary-content div.stepsIllustration3 p { text-align:center; margin-left:10px; margin-right:10px; margin-bottom:10px; } #primary-content div.stepsIllustration3 div.arrow { position: absolute; left:-35px; top:8px; width:80px; height:40px; background-repeat: no-repeat; background-position: top left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale src='/images/content/steps-illustration-small-arrow.png'); } #primary-content div.stepsIllustration3 div.arrow[class] { background-image: url(../images/content/steps-illustration-small-arrow.png) } /* table boiler questions */ #primary-content table.steps-illustration2, #primary-content table.table-boiler-questions { margin:0; border-collapse: collapse; } #primary-content table.steps-illustration2 th, #primary-content table.table-boiler-questions th { padding:0; } #primary-content table.steps-illustration2 th h1, #primary-content table.table-boiler-questions th h1 { background-image:url(../images/content/green_box.gif); background-repeat:repeat-x; font-size:3em; font-weight:bold; margin-bottom:0px; color: #fff; padding-top:16px; padding-bottom:16px; } #primary-content table.steps-illustration2 tr.center-text, #primary-content table.table-boiler-questions tr.center-text { text-align:center; } #primary-content table.steps-illustration2 td h2, #primary-content table.table-boiler-questions td h2 { line-height:1.2em; padding:0 0.5em; margin:0; } #primary-content table.steps-illustration2 td, #primary-content table.table-boiler-questions td { padding:1em 1em 0em 1em; margin:0; width:33%; } #primary-content table.steps-illustration2 td.last, #primary-content table.table-boiler-questions td.last { text-align:center; } #primary-content table.steps-illustration2 tr.divider th, #primary-content table.table-boiler-questions tr.divider th { text-align:center; border-right:1px solid #C2CD23; color:#fff; } #primary-content table.steps-illustration2 tr.divider th.last, #primary-content table.table-boiler-questions tr.divider th.last { border-right:0px solid #C2CD23; } #primary-content table.steps-illustration2 td p, #primary-content table.table-boiler-questions td p { padding:0; } #primary-content div.sub-inner-content-padded fieldset label { width:auto; } /* blockquote */ blockquote { font-style: italic; padding: 0.5em 1em; } /* steps illustration */ div.steps-illustration { display: block;height: 184px; padding: 0; } div.steps-illustration-step { float: left; padding: 0em; height: 184px;width: 235px; } div.steps-illustration-content h2 { margin: 0.5em 0;} div.steps-illustration-content, div.steps-illustration-edge-left, div.steps-illustration-arrow-right { float: left; display: inline; padding: 0; height: 184px; background-repeat:no-repeat; } div.steps-illustration-content { width: 195px; padding: 2px; background-image:url(../images/content/steps-illustration-step-background.gif); background-repeat:repeat-x; } div.steps-illustration-edge-left { width: 9px; background-image:url(../images/content/steps-illustration-edge-left.gif); } div.steps-illustration-arrow-right { width: 27px; background-image:url(../images/content/steps-illustration-arrow-right.gif); } .homecareUpgrade { background-color:#f9f9f9; padding-bottom:1px; margin-bottom:30px; } .homecareUpgrade h3 { background-color:#e0e0e0; padding:5px 10px; margin-bottom:10px; font-size:1em;} .homecareUpgrade p { margin: 0 15px 1em 15px !important; } .homecareUpgrade .boxwrapper1 { position:relative; width:33%; float:left; } .homecareUpgrade .boxwrapper2 { position:relative; width:33%; float:left; } .homecareUpgrade .boxwrapper3 { position:relative; width:33%; float:left; } .homecareUpgrade .box { padding:15px; margin:5px 15px 15px 15px; background-color:#fff; border:1px solid #E0E0E0; text-align:center; } .homecareUpgrade .box1 { margin-top:15px; } .homecareUpgrade .plus { position:absolute; top:30px; right:-10px; width: 17px; height: 17px; margin:0; padding:0; background-image:url(../images/content/plus.gif); background-repeat:no-repeat; } .homecareUpgrade .box2 { text-align:center; } .homecareUpgrade .equals { position:absolute; top:30px; right:-10px; width: 17px; height: 17px; margin:0; padding:0; background-image:url(../images/content/equals.gif); background-repeat:no-repeat; } .homecareUpgrade .box3 { margin-top:15px; } /* transactions table */ div.table-transactions { margin: 1em 0; } div.table-transactions table { border-collapse: collapse; } div.table-transactions th, div.table-transactions td { border-right: 1px solid #aaa; padding: 1em 2em 1em 1em; } div.table-transactions .last-column { border-right: none; } div.table-transactions th { background-color: #e0e0e0; } div.table-transactions tr.row-even { background-color: #f9f9f9; } #righthand-content-column { float:left; width:166px; border:0px solid #999; margin-left:10px; margin-top:6em; font-size:1.2em; /*equivalent to 12px as 1.2em of the #outer font-size is 12px;*/ } #primary-content .float-left-content { float:left; border:1px solid #f00; } .embedded-right { float:right; margin:20px 0 20px 20px; } .embedded-left { float:left; margin:20px 20px 20px 0; } #carousel-panel, #carousel-panel-noscript { padding:10px; } .carousel-scroll-button { margin-top:30px; float:left; margin-right:5px; } .carousel-thumbnail { width:81px; height:81px; float:left; margin-right:5px; margin-bottom:20px; } #carousel-panel .not-selected, #carousel-panel-noscript .not-selected { border:1px solid #e0e0e0; } #carousel-panel .selected, #carousel-panel-noscript .selected { border:1px solid #085A92; } .carousel-thumbnail img { display:block; } #carousel-image, #carousel-image-noscript { width:200px; height:169px; float:left; margin-right:20px; } #carousel-image { margin-left:27px; } #carousel-image-noscript { margin-left:0px; } .carousel-desc { width:260px; height:auto; float:left; margin-right:10px; } .carouselFull { display:none; visibility:hidden; } .carouselElementDesc { display:none; } #primary-content h2 {color:#085A92;} #primary-content h2 p {margin:0;padding:0;color:#085A92;} .information-container-indent-energy {color:#336E50 !important;padding:20px 20px 20px 70px;background:url('/images/forms/information.gif') 10px 20% no-repeat;border:1px solid #336E50;} /* TOOLTIP */ @media screen{ #tooltip{background:url(/images/newcontent/forms/tooltip_top.gif) top right no-repeat; position:absolute;z-index:3000; font-family:Arial, Helvetica, sans-serif; } .body{ font-size:0.8em; } #tooltip span{display:block; width:147px;min-height:5px;padding:0px 8px 10px 16px; margin:2px 0px -2px 4px;text-align:left;} #tooltip h3, #tooltip div{margin:0;} #tooltip h3{font-weight:bold; font-size:0.9em;margin:0px 0px 4px 0px; } } @media screen{ #quotetooltip{background:url(/images/newcontent/forms/quotetooltip.gif) top right no-repeat; position:absolute;z-index:3000; font-family:Arial, Helvetica, sans-serif; } .body{ font-size:0.8em; } #quotetooltip span{display:block; width:147px;min-height:5px;padding:0px 8px 10px 16px; margin:2px 0px -2px 4px;text-align:left;} #quotetooltip h3, #tooltip div{margin:0;} #quotetooltip h3{font-weight:bold; font-size:0.9em;margin:0px 0px 4px 0px; } } #primary-content .important-red{color:#c03;} #primary-content .accessibility{display:none;font-size:0;} #primary-content .padding-vert{padding:10px 0;} #primary-content .padding{padding:10px;} #primary-content .green-hilite{color:#7db800;} #primary-content .tariff-banner-call-to-action{ border:1px solid #94C431; background-color:#F0F8E0; background-repeat:repeat-x; clear:left;} /* clearing */ .clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clear{display:inline-table;}