/* GENERAL */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; }
a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
ul.navigation-list { overflow: hidden; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
.clear { clear: both; border: 0; padding: 0; margin: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; }
.clear-r { clear: right; }
.left { float: left; }
.right { float: right; }
.block { display: block; }
.text-undecorated {
text-decoration: none;
}
/* -------------------------- */
html { font-size:100%; height: 100%; }
body{ background: #ffffff url(../images/background.png) repeat-y center; font-family: Arial, Tahoma, Verdana; color: #666666; margin: 0; padding: 0; -moz-box-sizing: border-box; height: 100%; }
.wrap { width: 944px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; }
h1 { color: #001b4d; font-size: 1.250em; margin: 20px 0 20px 8px; font-weight: normal; line-height: 1.1em; }
h1.x-large {font-size: 26px; margin: 0; width: 441px; float: left;}
h1.x-large2 {font-size: 26px; margin: 0; float: left;} /* removed the width for Terms page heading */
h1.large {font-size: 20px; padding:0px 0 10px 0; margin:0 0 14px 0; background: url(../images/grey-line.gif) bottom no-repeat;}
h2 { font-size: 0.875em; font-weight: bold; margin-bottom: 8px; }
h2.normal { font-size: 1.38em; font-weight: normal; margin-bottom: 8px; }
h3 { font-size: 0.75em; font-weight: bold; margin-bottom: 6px; color:#001b4d; }
h3.gray { font-size: 0.75em; font-weight: bold; margin-bottom: 8px; color:#666666; }
h4 { font-size: 0.81em; font-weight: bold; margin-bottom: 8px; }
h5 { font-size: 1.88em; font-weight: bold; margin-bottom: 8px; }
p.text-content { font-size: 0.750em; color: #333; font-style: normal; line-height: 1.2em; margin: 0 0 8px 8px; }
p.text-content-strong { font-size: 0.750em; color: #333; font-style: normal; font-weight: bold; line-height: 1.2em; margin: 0 0 8px 8px; }
p.normal { font-size: 0.750em; color: #333; font-style: normal; line-height: 1.2em; margin: 18px 0 8px 8px; }
p.small { font-size: 0.689em; color: #001b4d; font-style: normal; line-height: 1.2em; }
p.note { font-size: 0.625em; color: #333; font-style: normal; line-height: 1.2em; margin: 0 0 15px 8px; }
p.mandatory { font-size: 0.625em; color: #333; font-style: normal; line-height: 1.2em; margin: 15px 0 15px 8px; }
p.text-info{ font-size: 0.750em; font-style: normal; line-height: 1.2em; margin: 0 0 8px 0; }
#main-content { width: 900px; margin: 0 0 0 22px; padding-bottom: 20px; }
#header { width: 899px; margin: 20px 0 8px 0; overflow: hidden; }
#header h2.logo-2012 { float: right; margin:0; padding-right: 15px; display: block; width: 73px; height: 72px; overflow: hidden; }
#header a.logo-edf { float: left; display: block; margin: 0; padding-left: 15px; width: 42px; height: 68px; overflow: hidden; }
#header #logo-stst { float: left; width: 209px; height: 88px; }
#header .homepage-banner {text-align: center; float: left; width: 754px; margin-top: 25px;}
/*.menu-panel { width: 880px; background: #ff5913 url(../images/menu-top.png) no-repeat; padding: 5px 0 6px 20px;*/ /*padding: 7px 0 0 20px; }*/
.menu-panel { width: 899px; background: #ffffff; overflow: hidden; }
/*.menu-panel-bottom { width: 900px; height: 2px; background: url(../images/menu-bottom.png) no-repeat; overflow: hidden; }*/
.menu-panel-bottom { width: 899px; height: 2px; overflow: hidden; }
.menu-panel img { margin: 0; padding: 0; display: block; }
.menu-panel ul { margin: 0 0 2px 0; }
.menu-panel ul li {
display: block;
float: left;
border-top: solid #fe5815 2px;
border-bottom: solid #fe5815 2px;
border-left: solid #fe5815 2px;
margin: 0;
width: 222px;
overflow: hidden;
text-align: center;
display: inline;
}
.menu-panel ul li.first {
border-left: solid #fe5815 2px;
}
.menu-panel li.last {
border-right: solid #fe5815 2px;
}
.menu-panel a { display: block; text-align: center; line-height: 28px; width: 222px; color: #fff; font-size: 0.75em; text-decoration: none; font-weight: bold; background: #E34C2B url(../images/Navigation/bg-nav-off.gif) repeat-x; }
.menu-panel a:hover, .menu-panel li.selected a { color: #fe5815; background: #E34C2B url(../images/Navigation/bg-nav-on.gif) repeat-x; }
.menu-panel span { display:block; width: 2px; height:21px; background: url(../images/menu-break.png) no-repeat; margin: 5px 0 0; }
#forms { width: 879px; background: url(../images/background-forms.png) repeat-x; padding: 20px 0 0 20px; overflow: hidden; }
#forms .module-left { float: left; width: 240px; }
#forms .module-content { float: left; width: 620px; }
#forms .module-content-wide { width: 860px; }
/*#forms .module-wide-middle { float: left; width:277px; margin: 7px 7px 0 7px; }
#forms .module-wide { float: left; width:277px; margin: 7px 0 0 0; }*/
#forms .module-wide-middle { float: left; width:179px; margin: 7px 5px 0 5px; }
#forms .module-wide { float: left; width:179px; margin: 7px 0 0 0; }
#forms .module-458 { float: left; width:458px; margin: 7px 0 0 0; display:inline;/*req for ie6*/ }
#forms .module-379 { float: left; width:379px; margin: 7px 0 0 7px; display:inline;/*req for ie6*/ }
#forms .module-518 { float: left; width:518px; margin: 7px 0 0 0; display:inline;/*req for ie6*/}
#forms .module-319 { float: left; width:319px; margin: 7px 0 0 7px; display:inline;/*req for ie6*/}
.br-blue-medium { width: 328px; background: url(../images/br-blue-medium.png) no-repeat; padding: 4px 4px 0 5px; }
.br-blue-medium-bottom { width: 337px; height: 4px; margin-bottom: 10px; background: url(../images/br-blue-medium-bottom.png) no-repeat; overflow:hidden; }
.br-gray-medium { width: 251px; background: url(../images/gray-medium.png) no-repeat; padding: 4px 4px 0 5px; }
.br-gray-medium-bottom { width: 260px; height: 4px; margin-bottom: 10px; background: url(../images/gray-medium-bottom.png) no-repeat; overflow:hidden; }
.br-blue-small { width: 221px; background: url(../images/br-blue-small-top.png) no-repeat; padding: 4px 4px 0 5px; }
.br-blue-small-bottom { width: 230px; height: 4px; margin-bottom: 10px; background: url(../images/br-blue-small-bottom.png) no-repeat; overflow:hidden; }
.br-blue-small2 { width: 222px; background: url(../images/br-blue-small-top.png) no-repeat; padding: 4px 4px 0 4px; }
.br-blue-small-bottom2 { width: 230px; height: 4px; margin-bottom: 10px; background: url(../images/br-blue-small-bottom.png) no-repeat; overflow:hidden; }
/*.br-blue-wide { width: 268px; background: url(../images/br-blue-wide-top.png) no-repeat; padding: 4px 4px 0 5px; }
.br-blue-wide-bottom { width: 277px; height: 4px; margin-bottom: 10px; background: url(../images/br-blue-wide-bottom.png) no-repeat; overflow:hidden; }*/
.br-blue-wide { width: 170px; background: url(../images/br-blue-wide-top2.png) no-repeat; padding: 4px 4px 0 5px; }
.br-blue-wide-bottom { width: 179px; height: 4px; margin-bottom: 10px; background: url(../images/br-blue-wide-bottom.png) no-repeat; overflow:hidden; }
.br-blue-379 { width: 370px; background: url(../images/br-blue-379-top.png) no-repeat; padding: 4px 4px 0 5px; }
.br-blue-379-limited { width: 370px; min-height: 196px; background: url(../images/br-blue-379-limited-top.png) no-repeat; padding: 4px 4px 0 5px; position: relative; }
.br-blue-379-bottom { width: 379px; height: 4px; margin-bottom: 10px; background: url(../images/br-blue-379-bottom.png) no-repeat; overflow:hidden; }
.br-blue-379-limited-bottom { width: 379px; height: 4px; margin-bottom: 10px; background: url(../images/br-blue-379-limited-bottom.png) no-repeat; overflow:hidden; }
.br-blue-379-bottom-pagebottom { width: 379px; height: 4px; margin-bottom: 0; background: url(../images/br-blue-379-bottom.png) no-repeat; overflow:hidden; }
.br-blue-399 { width: 380px; background: url(../images/br-blue-399-top.png) no-repeat; padding: 9px 9px 9px 10px; overflow: hidden; }
.br-blue-399 span.text-14 { display: block; margin-bottom: -14px; }
.br-blue-399-bottom { width: 399px; height: 4px; background: url(../images/br-blue-399-bottom.png) no-repeat; overflow:hidden; }
.br-399 { width: 399px; float: left; margin: 0 10px 0 9px; }
.br-blue-860 { width: 851px; background: url(../images/br-blue-399-top.png) no-repeat; padding: 4px 4px 0 5px; }
.br-blue-860-bottom { width: 860px; height: 4px; margin-bottom: 10px; background: url(../images/br-blue-860-bottom.png) no-repeat; overflow:hidden; }
.br-blue-458 { position: relative; width: 449px; background: url(../images/br-blue-458-top.png) no-repeat; padding: 4px 4px 0 5px; }
.br-blue-458-bottom { width: 458px; height: 4px; margin-bottom: 10px; background: url(../images/br-blue-458-bottom.png) no-repeat; overflow:hidden; }
.br-blue-458-bottom-pagebottom { width: 458px; height: 4px; margin-bottom: 0; background: url(../images/br-blue-458-bottom.png) no-repeat; overflow:hidden; }
.br-blue-319 { width: 319px; _width:310px;/*req for ie6*/ background: url(../images/br-blue-319-top.png) no-repeat; padding: 4px 4px 0 5px; }
.br-blue-319-bottom { width: 319px; height: 3px; margin-bottom: 7px; background: url(../images/br-blue-319-bottom.png) no-repeat bottom left; overflow:hidden;font-size:1px;line-height:1px; }
.br-blue-518 { width: 510px; background: url(../images/br-blue-518-top.png) no-repeat; padding: 4px 4px 0 4px; }
.br-blue-518-bottom { width: 518px; height: 3px; margin-bottom: 7px; background: url(../images/br-blue-518-bottom.png) no-repeat bottom left; overflow:hidden;font-size:1px;line-height:1px; }
.br-blue-860 { width: 851px; background: url(../images/br-blue-860-top.png) no-repeat; padding: 4px 4px 0 5px; }
.br-blue-860-bottom { width: 860px; height: 4px; margin-bottom: 10px; background: url(../images/br-blue-860-bottom.png) no-repeat; overflow:hidden; }
.br-blue-vsmall { width: 190px; background: url(../images/br-blue-vsmall.png) no-repeat; padding: 8px; color: #333; }
.br-blue-vsmall-bottom { width: 206px; height: 4px; margin-bottom: 8px; background: url(../images/br-blue-vsmall-bottom.png) no-repeat; overflow:hidden; }
.br-blue-vsmall2 { width: 198px; background: url(../images/br-blue-vsmall.png) no-repeat; padding:4px 4px 0px 4px; color: #333; }
.br-blue-vsmall-bottom2 { width: 206px; height: 4px; margin-bottom: 8px; background: url(../images/br-blue-vsmall-bottom.png) no-repeat; overflow:hidden; }
.br-orange-small { width: 221px; background: url(../images/br-orange-small-top.png) no-repeat; padding: 4px 4px 0 5px; }
.br-orange-small-bottom { width: 230px; height: 4px; margin-bottom: 10px; background: url(../images/br-orange-small-bottom.png) no-repeat; overflow:hidden; }
.br-orange-small h3 { color: #fe5815; }
.br-orange-small p { font-size: 1.5em; letter-spacing: 3px; font-weight: bold; color: #fe5815; }
span.text-blue { color: #001b4d; font-size: 0.600em; }
.module .homeimg { margin:0 7px 0 0; float:left;}
.br-orange-vsmall { width: 197px; background: url(../images/br-orange-vsmall-top.png) no-repeat; padding: 4px 4px 0 5px; }
.br-orange-vsmall-bottom { width: 206px; height: 4px; background: url(../images/br-orange-vsmall-bottom.png) no-repeat; overflow:hidden; }
.box-round { display: block; border-width: 1px 0; border-color: #b2d0e4; border-style: solid; margin: 0 1px 0 0; }
.box-round .inside, .box-round .inside-box { display: block; margin: 0 -1px; border-width: 0 1px; border-color: #b2d0e4; border-style: solid; background: #f3f3f3; color: #333; padding-bottom: 3px; }
.box-round .inside-pb-3 { display: block; margin: 0 -1px; border-width: 0 1px; border-color: #b2d0e4; border-style: solid; color: #333; padding-bottom: 3px; }
.box-round .inside.blue, .box-round .inside-box.blue { background: url(../images/br-blue-background-bottom.png) bottom repeat-x #fff; }
.box-round .blue-top { background: url(../images/br-blue-background-top.png) top repeat-x; padding: 7px 7px 0 7px; }
.box-round .blue-top .tools { background: url(../images/icon-tools.png) top no-repeat; padding: 7px 7px 0 7px; width:35px; height:34px; float:left; }
.box-round .blue-top h3 { color: #001b4d; }
.box-round .blue-top h4 { color: #001b4d; font-weight:normal; }
.box-round .blue-top .divider { padding: 2px 0 2px 45px; }
.cc-intro-image { display: block; margin: 0 0 10px 0; }
.box-round.orange { border-color: #ffd5c4; }
.box-round.orange .inside { border-color: #ffd5c4; background: #fff; padding: 5px; }
.box-round.orange .insidebg { display: block; margin: 0 -1px; border-width: 0 1px; border-color: #ffd7c7; border-style: solid; background: #f3f3f3; color: #333; background: url(../images/br-orange-background.gif) repeat-x #ffebe6; }
.box-round.orange.filled { border-color: #fe5815; }
.box-round.orange.filled .inside { border-color: #fe5815; background: #fe5815; }
.box-round.green { border-color: #c4dbc1; }
.box-round.green .inside { border-color: #c8dec5; background: url(../images/background-green.png) top #000; padding: 5px; }
.box-round.green.radio-error { border-color: #a71212; }
.box-round.green.radio-error .inside { border-color: #a71212; background: url(../images/error-bottom.png) bottom repeat-x #e01900; color: #fff; }
.box-round.green.radio-error .inside.input-bottom-top .input-top-top { background: url(../images/error-top.png) top repeat-x; color: #ffffff; padding: 5px; margin: -5px; }
.box-round.summery { border-color: #dfedf7; }
.box-round.summery .inside { border-color: #dfedf7; background: url(../images/summery-background-bottom.png) bottom #fff repeat-x; padding: 0; }
.box-round.summery .summery-background-top { background: url(../images/summery-background-top.png) top repeat-x; padding: 10px 10px 0 10px; }
.summery-background-top strong { display: block; color: #001b4d; font-size: 0.875em; margin-bottom: 8px; font-weight: bold; }
.summery-background-top p { line-height: 1.2em; }
.box-round.thankyou { border-color: #e7ebe7; }
.box-round.thankyou .inside { border-color: #e7ebe7; background: url(../images/gray-background-bottom.png) bottom #e4e4e4 repeat-x; padding: 10px; }
.box-round.summery .thankyou-top { background: url(../images/gray-background.png) top repeat-x; }
.thankyou-top strong { display: block; color: #001b4d; font-size: 0.875em; margin-bottom: 8px; font-weight: bold; }
.thankyou-top p { line-height: 1.2em; }
.box-round.thankyou .inside-green { border-color: #d1e5cf; background: url(../images/green-background-bottom.png) bottom #d1e5cf repeat-x; padding: 10px; }
.box-round.summery .thankyou-top-green { background: url(../images/green-background.png) top repeat-x; }
.box-round.orange .price-table { width: 100%; color: #333333; }
.box-round.orange .price-table td { padding-bottom: 5px; }
.box-round.orange .price-table b { display: block; color: #001b4d; margin-top: 10px; font-size: 0.689em; }
.box-round.orange .price-table em { color: #333333; font-size: 0.689em; font-style: normal; }
.box-round.orange .price-table .top-item b { margin-top: 0; }
.box-round.orange.filled .price-table { width: 100%; color: #fff; }
.box-round.orange.filled .price-table td { padding-bottom: 5px; }
.box-round.orange.filled .price-table b { display: block; font-size: 0.750em; color: #fff; }
.box-round.orange.filled .price-table a { font-size: 0.689em; color: #fff; }
.box-round.orange .price-table span { font-weight: bold; color: #001b4d; font-size: 1.5em; }
.box-round.orange .price-table .text-right { text-align: right; }
.box-round.orange .price-table .left-price-line { background: url(../images/left-price-line.png) center no-repeat; height: 1px; margin:5px 0; }
.box-round-1 { display: block; border-width: 1px 0; border-color: #c7c7c7; border-style: solid; margin: 0 1px 0 0; }
.box-round-1.error { border-color: #a61412; }
.box-round-1 .inside-1 { display: block; margin: 0 -1px; border-width: 0 1px; border-color: #c7c7c7; border-style: solid; background: #f3f3f3; color: #333; padding-bottom: 3px; }
.box-round-1.error .inside-1 { border-color: #a61412; }
.box-round-1 .inside-1.input-bottom { background: url(../images/input-background-bottom.png) bottom repeat-x #fff; }
.box-round-1 .inside-1.input-bottom .input-top { background: url(../images/input-background-top.png) top repeat-x; padding: 3px 3px 0 4px; color: #333333; }
.box-round-1.error .inside-1.input-bottom { background: url(../images/error-bottom.png) bottom repeat-x #e01900; }
.box-round-1.error .inside-1.input-bottom .input-top { background: url(../images/error-top.png) top repeat-x; color: #ffffff; }
.box-round-1 .inside-1.input-bottom { background: url(../images/input-background-bottom.png) bottom repeat-x #fff; }
.box-round-1 .inside-1.input-bottom .input-top { background: url(../images/input-background-top.png) top repeat-x; padding: 3px 3px 0 4px; color: #333333; }
.box-round-1.error .inside-1.input-bottom { background: url(../images/error-bottom.png) bottom repeat-x #e01900; }
.box-round-1.error .inside-1.input-bottom .input-top { background: url(../images/error-top.png) top repeat-x; color: #ffffff; }
span.error { color: #FFF; display: block; font-weight: bold; font-size: 0.75em; }
.box-round-2 .validation-errors {background: url(../images/icon-error-big.png) no-repeat 35px 50%; padding: 0 0 0 172px; min-height: 27px; _height: 27px; }
.box-round-2 .validation-errors h2 { font-size: 1.25em; font-weight: bold; }
.box-round-2 .validation-errors ul { list-style-type: none; margin: 0 0 15px 0 }
.box-round-2 .validation-errors ul li { background: url(../images/error-list-dot.gif) no-repeat; display: block; float: none; line-height: 1.2em; padding: 0 0 0 15px; }
.box-round-2 .validation-errors .teddanson { color: #ffffff !important; }
.red-error .error {background: url(../images/icon-error-small.png) no-repeat; padding: 0 0 0 32px; min-height: 27px; _height: 27px; }
.box-round-2 { display: block; color: #666666; margin: 0 1px 0 0; }
.box-round-2.error-2, .box-round.green.radio-error .box-round-2{ border-width: 1px 0; border-color: #a61412; border-style: solid; }
.box-round-2 .inside-2 { display: block; margin: 0 -1px; background: #f3f3f3; color: #333; padding-bottom: 7px; }
.box-round-2 .inside-2 li{float:left; display:inline; margin-left:3px; font-size:0.75em;}
.box-round-2 .inside-2 li a{float:left; display:inline; margin-left:3px; text-indent:-900em;}
.box-round-2.error-2 .inside-2 { border-color: #a61412; border-width: 0 1px; color: #fff; }
/*.box-round-2.error-2 .inside-2 { border-color: #a61412; border-width: 0 1px; border-style: solid; color: #fff; }*/
/*#box-round-products-green, #box-round-products-fixed, #box-round-products-flexible { padding: 15px 18px; min-height: 265px; }*/
#box-round-products-green, #box-round-products-fixed, #box-round-products-flexible { padding: 13px 16px; min-height: 169px; }
#box-round-products-green { background: url(../images/bg-prod-landing-tree.jpg) bottom no-repeat #dbedd3; }
#box-round-products-fixed { background: url(../images/bg-prod-landing-family.jpg) bottom no-repeat #dce2f2; }
#box-round-products-flexible { background: url(../images/bg-prod-landing-child.jpg) bottom no-repeat #9ec4dc; }
/*#box-round-products-green h2, #box-round-products-fixed h2, #box-round-products-flexible h2 { font-weight: normal; padding: 0 0 0.1em 24px; font-size: 1.38em; }*/
#box-round-products-green h2, #box-round-products-fixed h2, #box-round-products-flexible h2 { font-weight: normal; padding: 0 0 0.5em 24px; font-size: 1.18em; }
#box-round-products-green h2 { background: url(../images/green-dot.gif) left top no-repeat; }
#box-round-products-fixed h2 { background: url(../images/fixed-dot.gif) left top no-repeat; }
#box-round-products-flexible h2 { background: url(../images/flexible-dot.gif) left top no-repeat; }
/*#box-round-products-green p, #box-round-products-fixed p, #box-round-products-flexible p { font-size: 0.75em; width: 215px; padding: 0 0 0.94em; }*/
#box-round-products-green p, #box-round-products-fixed p, #box-round-products-flexible p { font-size: 0.75em; width: 100%; padding: 0 0 0.94em; line-height:16px; color:#333333;}
#box-round-products-green img, #box-round-products-fixed img, #box-round-products-flexible img { display: block; margin: 0 0 0.94em; }
.wide-top-orange { width: 548px; position: relative; background: url(../images/br-orange-full-top.png) top no-repeat; }
.wide-bottom-orange { width: 548px; background: url(../images/br-orange-full-bottom.png) bottom no-repeat; }
.wide-top-orange h3 { padding: 0.7em 0 0 65px; font-size: 1.25em; }
.wide-top-orange p { width:365px; padding: 0 0 0.94em 65px; font-size: 0.75em; line-height:13px; }
.wide-top-orange .btn-compare { display: inline; margin: 0 0 0.94em 161px; }
.wide-top-orange .btn-compare-now { display: inline; margin: 0 0 0.94em 0; }
.wide-top-orange .compare { position: absolute; top: 12px; left: 12px; z-index: 99; width: 60px; height: 65px; background: url(../images/icon-compare.gif) left top no-repeat; }
.wide-top-orange .pounds { position: absolute; right: 12px; z-index: 99; width: 124px; height: 21px; bottom:12px; }
.wide-top-blue { width: 844px; position: relative; background: url(../images/br-blue-full-top.png) top no-repeat; }
.wide-bottom-blue { width: 844px; background: url(../images/br-blue-full-bottom.png) bottom no-repeat; }
.wide-top-blue h3 { padding: 0.7em 0 0 161px; font-size: 1.25em; }
.wide-top-blue p { width:480px; padding: 0 0 0.94em 161px; font-size: 0.75em; }
.wide-top-blue .btn-compare { display: inline; margin: 0 0 0.94em 161px; }
.wide-top-blue .btn-compare-now { display: inline; margin: 0 0 0.94em 0; }
.wide-top-blue .compare { position: absolute; top: 3px; left: 14px; z-index: 99; width: 135px; height: 109px; background: url(../Images/icon-compare.png) left top no-repeat; }
.wide-top-blue .pounds { position: absolute; top: -8px; right: 69px; z-index: 99; width: 107px; height: 100px; background: url(../Images/pounds.png) left top no-repeat; }
.medium-top-orange-br-green-bg { width: 604px; background: url(../images/br-orange-full-top-604-green-bg.png) top no-repeat; margin-bottom:10px;}
.medium-top-orange-br { width: 604px; background: url(../images/br-orange-full-top-604.png) top no-repeat; margin-bottom:10px;}
.medium-bottom-orange-br { width: 604px; background: url(../images/br-orange-full-bottom-604.png) bottom no-repeat; margin-bottom:10px;}
.medium-bottom-orange-br h4 { margin:0; line-height:20px; font-size:0.750em; font-weight:bold; color:#ffffff; padding:8px 0 0 13px;}
.medium-bottom-orange-br p { margin:0; font-size:0.750em; font-weight:normal; color:#ffffff; padding: 0px 0px 10px 13px;}
.medium-top-blue-green-bg { width: 604px; background: url(../images/br-blue-full-top-604-green-bg.png) top no-repeat; margin-bottom:10px;}
.medium-top-blue-orange-bg { width: 604px; background: url(../images/es-blue-full-top-604-green-bg.png) top no-repeat; margin-bottom:10px;}
.medium-top-green { width: 604px; background: url(../images/br-green-full-top-604.jpg) top no-repeat; margin-bottom:10px;}
.medium-bottom-green { width: 604px; background: url(../images/br-green-full-bottom-604.jpg) bottom no-repeat; margin-bottom:10px;}
.medium-top-blue { width: 604px; background: url(../images/br-blue-full-top-604.png) top no-repeat; margin-bottom:10px;}
.medium-bottom-blue { width: 604px; background: url(../images/br-blue-full-bottom-604.png) bottom no-repeat; margin-bottom:10px;}
.medium-bottom-orange { width: 604px; background: url(../images/es-blue-full-bottom-604.png) bottom no-repeat; margin-bottom:10px;}
.medium-bottom-blue .inner-padding, .medium-bottom-orange .inner-padding, .medium-bottom-green .inner-padding { padding:10px 12px 5px 12px; overflow:hidden; clear:right;}
.medium-bottom-blue .inner-padding h1, .medium-bottom-orange .inner-padding h1 { padding:0px 0 10px 0; margin:0 0 6px 0; background: url(../images/blue-line.png) bottom no-repeat;}
.medium-bottom-blue .inner-padding h2, .medium-bottom-orange .inner-padding h2 { padding:0px 0 4px 5px; margin:0 0 0 0; font-size:1.25em; font-weight:normal; color:#001b4d;}
.medium-bottom-blue .inner-padding li, .medium-bottom-orange .inner-padding li { width:275px; margin:0 15px 5px 0; float:left;}
.medium-bottom-blue .inner-padding .pdf, .medium-bottom-orange .inner-padding .pdf {margin:1px 5px 2px 0; float:left;}
.medium-bottom-blue .inner-padding .titleimg, .medium-bottom-orange .inner-padding .titleimg {border: solid #ccc 1px; width: 78px; height: 108px; margin:0 10px 0 0; float:left;}
.medium-bottom-blue .inner-padding p, .medium-bottom-orange .inner-padding p { font-size:0.75em; line-height:15px;}
.medium-bottom-blue .inner-padding p.small, .medium-bottom-orange .inner-padding p.small { font-size:0.7em; line-height:15px;}
.medium-bottom-blue .inner-padding h3, .medium-bottom-orange .inner-padding h3 { margin:0; line-height:18px; color:#001b4d;}
.medium-bottom-blue .inner-padding h4, .medium-bottom-orange .inner-padding h4 { margin:0; line-height:20px; font-size:0.7em; font-weight:bold; color:#001b4d;}
.medium-top-blue-orange-bg h4.save200 { color: #ffffff; font-size: 0.63em; background: url(../images/bg-save200.gif) top no-repeat; width: 592px; padding: 3px; }
.medium-top-blue-orange-bg div.save200 { background: url(../images/bg-save200-bottom.gif) bottom no-repeat; width: 598px; position: relative; top: 3px; margin: 0 0 0 3px; padding: 0 0 1px 0; }
.medium-bottom-blue .inner-padding .title, .medium-bottom-orange .inner-padding .title {float:left; width:430px; overflow:hidden;}
.medium-bottom-blue .inner-padding .think, .medium-bottom-orange .inner-padding .think {float:left; margin-left:15px;}
.medium-bottom-blue .inner-padding .think h3, .medium-bottom-orange .inner-padding .think h3 {line-height:18px; color:#001b4d; padding:5px 0 0px 5px;}
.medium-bottom-blue .inner-padding .think p, .medium-bottom-orange .inner-padding .think p {color:#001b4d; font-size:0.7em; padding:0px 0 5px 0px;}
.medium-bottom-blue .inner-padding .think p a, .medium-bottom-orange .inner-padding .think p a {color:#001b4d; text-decoration:none; padding:0px 0 5px 5px;}
.tips-top-blue { width: 134px; position: relative; background: url(../images/tips-blue-top.png) top no-repeat;}
.tips-bottom-blue { width: 134px; background: url(../images/tips-blue-bottom.png) bottom no-repeat;}
.inner-nav li { float:right; font-size:0.6em; color:#333333; padding:0 0 10px 5px;}
.inner-nav li a {color:#f4421a; text-decoration:none;}
.small-top-blue { float:left; width: 197px; position: relative; background: url(../images/br-blue-197-top.png) top no-repeat; overflow:hidden;}
.small-bottom-blue { float:left; width: 197px; height:86px; position: relative; background: url(../images/br-blue-197-bottom.png) bottom no-repeat; }
.small-top-blue .greenhome { width: 61px; height: 73px; background: url(../Images/greeninfo-home61.png) left top no-repeat; float:left; margin:8px 5px 3px 10px; display: inline; }
.small-top-blue .recycle { width: 52px; height: 47px; background: url(../Images/icon-recycle52.png) left top no-repeat; float:left; margin:19px 5px 3px 10px; display: inline; }
.small-top-blue .greenoffice { width: 72px; height: 58px; background: url(../Images/greeninfo-office.png) left top no-repeat; float:left; margin:17px 5px 3px 10px; display: inline; }
.small-top-blue h3 { padding: 35px 0 0 0; font-size: 0.8em; color:#001B4D; text-decoration:none; }
.small-top-blue h3 a{ color:#001B4D; text-decoration:none; }
.box-round-2 .inside-2.input-bottom { background: transparent; }
.box-round-2 .inside-2.input-bottom .input-top { background: transparent; padding: 7px 7px 0 7px; color: #333333; }
.box-round-2.error-2 .inside-2.input-bottom, .box-round.green.radio-error .box-round-2 .inside-2.input-bottom { background: url(../images/error-bottom.png) bottom repeat-x #e01900; }
.box-round-2.error-2 .inside-2.input-bottom .input-top, .box-round.green.radio-error .box-round-2 .inside-2.input-bottom .input-top { background: url(../images/error-top.png) top repeat-x; color: #ffffff; }
.box-round-2.error-2 .inside-2.input-bottom .input-top a { color: #fff; }
.long-line { height: 1px; background: url(../images/long-line.png) no-repeat; margin: 1px 0 1px 10px; overflow: hidden; }
.long-line-1 { height: 1px; background: url(../images/long-line.png) no-repeat; margin: 1px 0 1px 0; overflow: hidden; }
.blue-long-line { height: 1px; background: url(../images/blue-long-line.png) no-repeat; margin: 1px 0 1px 10px; overflow: hidden; }
.short-line { height: 1px; background: url(../images/short-line.png) no-repeat; margin: 0 0 10px 0; overflow: hidden; }
.medium-line { height: 1px; background: url(../images/medium-line.png) no-repeat; margin: 1px 0 1px 10px; overflow: hidden; }
.blue-line { height: 1px; background: url(../images/blue-line.png) no-repeat; margin: 20px 0 20px 10px; overflow: hidden; }
.blue-2line { height: 336px; width: 1px; background: url(../images/line-2blue.png) no-repeat; margin: 10px 10px 0 10px; overflow: hidden; }
.list-products li { background: url(../images/icon-list-orange.gif) no-repeat; background-position: 0 2px; padding-left: 15px; font-size: 0.689em; color: #001b4d; padding-bottom: 8px; }
.list-products li.last { background: url(../images/icon-list-orange.gif) no-repeat; background-position: 0 2px; padding-left: 15px; font-size: 0.689em; color: #001b4d; padding-bottom: 0; }
.list-products-12 { margin: 0 0 10px 10px; }
.list-products-12 li { background: url(../images/icon-list-orange.gif) no-repeat; background-position: 0 2px; padding-left: 15px; font-size: 0.75em; color: #001b4d; padding-bottom: 8px; }
.box-round .content.compact { padding: 7px 5px 7px 5px; }
.box-round.white .content { background-color: #fff; }
.br-green-long { width:618px; background: url(../images/br-green-long-top.png) no-repeat; padding: 5px 1px 0 1px; }
.br-green-long-bottom { width: 620px; height: 4px; margin-bottom: 10px; background: url(../images/br-green-long-bottom.png) no-repeat; overflow:hidden; }
.br-gray-long { width:618px; background: url(../images/br-gray-long-top.png) no-repeat; padding: 5px 1px 0 1px; }
.br-gray-long-bottom { width: 620px; height: 4px; margin-bottom: 10px; background: url(../images/br-gray-long-bottom.png) no-repeat; overflow:hidden; }
.br-gray-long sub { font-size:0.750em; }
.br-gray-long sup { font-size:0.750em; }
.br-gray-long .text { padding: 9px; color:#666; }
.br-gray-long .text p { font-size: 0.625em; line-height: 1.2em; }
.br-gray-long .text p.normal, .br-gray-long .text20 p.normal { font-size: 0.75em; line-height: 1.2em; }
.br-gray-long .text p.small, .br-gray-long .text20 p.small { font-size: 0.65em; line-height: 1.2em; padding-bottom:10px;}
.br-gray-long .module-forms { padding: 0 8px 7px 8px; }
.br-gray-long .module { padding: 0 8px 7px 8px; overflow:hidden; }
.br-green-long .module-green { padding: 0 8px 7px 8px; overflow:hidden; background-color:#d1e5cf;}
.br-gray-wide .module-forms { padding: 0 0 7px 7px; }
.br-gray-wide .module-forms.home { padding: 0 0 4px 7px; }
.br-gray-wide .module-forms-ideal { padding: 0 0 7px 3px; }
.br-gray-long .module-forms .form-description-1 { font-size: 0.750em; color: #333333; margin: 5px; }
.br-gray-long .module-forms .form-price { font-size: 1.250em; margin: 0 0 7px 0; color: #001b4d; }
.br-gray-long .module-forms .radio-error .form-price { font-size: 1.250em; margin: 0 0 7px 0; color: #fff; }
.br-gray-wide { background: url(../images/br-gray-wide-top.png) no-repeat; padding: 7px 1px 0 1px; overflow: hidden; }
.br-gray-wide.home { background: url(../images/br-gray-wide-top.png) no-repeat; padding: 1px 1px 0 1px; overflow: hidden; }
.br-gray-wide-ideal { background: url(../images/br-gray-wide-top.png) no-repeat; padding: 3px 1px 0 3px; overflow: hidden; }
.br-gray-wide-bottom { height: 4px; margin-bottom: 10px; background: url(../images/br-gray-wide-bottom.png) no-repeat; overflow:hidden; }
.br-gray-vlong { width: 595px; background: url(../images/br-gray-vlong-top.png) no-repeat; padding: 4px 4px 0 5px; }
.br-gray-vlong-bottom { width: 604px; height: 4px; margin-bottom: 10px; background: url(../images/br-gray-vlong-bottom.png) no-repeat; overflow:hidden; }
.br-blue-vlong { width: 596px; background: url(../images/br-blue-vlong-top.png) no-repeat; padding: 4px 4px 0 4px; }
.br-blue-vlong-bottom { width: 604px; height: 4px; margin-bottom: 60px; background: url(../images/br-blue-vlong-bottom.png) no-repeat; }
.br-blue-vlong .blue-hor-top h3 {font-size:0.75em; font-weight:bold; margin-bottom:8px; padding:4px 0px 0px 0px;}
.br-blue-vlong .blue-hor-btm ul {display:block; margin:0 auto; width:248px;}
.br-blue-vlong .blue-hor-btm li {display:block; float:left; margin:7px 0px 0px 10px;}
.br-blue-vlong .blue-hor-btm li a {display:block; float:left; margin:7px 0px 0px 10px; text-indent: -999em;}
.blue-hor-top { width: 596px; background: url(../images/blue-hor-top.png) no-repeat; height:24px;padding: 0px 4px 0 7px;}
.blue-hor-bg { width: 596px; background: url(../images/blue-hor-bg.png) repeat-y; padding: 0; overflow:hidden; }
.blue-hor-btm { width: 596px; background: url(../images/blue-hor-btm.png) no-repeat; height:35px;}
.blue-hor-bg li{ float:left; border-right:1px solid #d8e7f1; width:198px; /*height:76px;*/ display:inline; padding:0; }
.blue-hor-bg h4{ font-size:0.7em; font-weight:bold; margin:6px 0 2px 6px; color:#001b4d; }
.blue-hor-bg p{ font-size:0.689em; font-weight:normal; line-height:12px; color:#001b4d; letter-spacing:0; }
.blue-hor-bg li.last { border: none; }
.br-blue-small2 .blue-hor-top-222 h3 {font-size:0.75em; color:#001b4d; font-weight:bold; margin-bottom:8px; padding:4px 0px 0px 0px;}
.br-blue-small2 .blue-hor-btm-222 ul {display:block; margin:0 auto; width:155px;}
.br-blue-small2 .blue-hor-btm-222 li {display:block; float:left; margin:7px 0px 0px 10px;}
.br-blue-small2 .blue-hor-btm-222 li a{display:block; float:left; margin:7px 0px 0px 10px; text-indent:-2000px;}
.blue-hor-top-222 { width: 222px; background: url(../images/blue-hor-top-222.png) no-repeat; height:24px;padding: 0px 4px 0 7px;}
.blue-hor-bg-222 { width: 222px; background: url(../images/blue-hor-bg-222.png) repeat-y; padding: 0; overflow:hidden; }
.blue-hor-btm-222 { width: 222px; background: url(../images/blue-hor-btm-222.png) no-repeat; height:35px;}
.blue-hor-bg-222 li{ float:left; border-right:1px solid #d8e7f1; width:222px; height:76px; display:inline; padding:0; }
.blue-hor-bg-222 h4{ font-size:0.7em; font-weight:bold; margin:6px 0 2px 6px; color:#001b4d; }
.blue-hor-bg-222 p{ font-size:0.689em; font-weight:normal; line-height:12px; color:#001b4d; letter-spacing:0; }
.br-summery { width: 595px; padding: 4px 4px 0 5px; background: url(../images/summery-top.png) no-repeat; }
.br-summery-bottom { width: 604px; height: 4px; margin-bottom: 10px; background: url(../images/summery-bottom.png) no-repeat; overflow:hidden; }
.br-gray-vlong label { display: block; width: 197px; float: left; font-size: 0.750em; margin: 5px 0 5px 0; }
.br-gray-medium label { display: block; width: 220px; float: left; font-size: 0.750em; margin: 0 0 5px 0; }
.radio-expand { margin: 5px 0 8px 8px; }
.radio-expand-1 { margin: 5px -7px 8px 2px; }
.wide-input { width: 300px; border: 1px solid #CCCCCC; }
.normal-input { width: 200px; border: 1px solid #CCCCCC; }
.normal-input-captcha { width: 200px; margin: 0 20px 1em 0; border: 1px solid #CCCCCC; float: left; }
.narrow-input { width: 100px; border: 1px solid #CCCCCC;}
.br-gray-vlong .fullwidth-textbox, .br-gray-vlong .fullwidth-label { width: 550px; }
.input-note-small { width: 90px; border: 1px solid #c6c5c5; padding: 2px; margin-right: 2px; }
.input-note-small .dark { background: #999999; color: #ffffff; font-size: 0.75em; padding: 2px 0; text-align: center; }
.input-note { width: 537px; border: 1px solid #c6c5c5; padding: 13px 10px 10px 10px;}
.input-note.blue-border { border: 1px solid #bad9ed; }
.input-note strong { display: block; font-weight: bold; font-size: 0.750em; color: #001b4d; margin-bottom: 10px; }
.input-note ul { font-size: 0.750em; color: #333333; }
.input-note ul li { margin-bottom: 3px; background: url(../images/note-list.png) no-repeat; background-position: 0 3px; padding-left: 7px; }
/* Step Begin */
.step { font-weight: bold; font-size: 0.75em; margin: 7px 0 0 0; }
.step .step-left { float: left; background:url(../images/step-1.png) no-repeat; background-position: bottom; background-attachment:scroll; width: 15px; height: 43px; }
.step .step-left.active { background-position: top; }
.step .step-right { float: left; background:url(../images/step-3.png) no-repeat; background-position: bottom; width: 12px; height: 43px; }
.step .step-right.active { background-position: top; }
.step .step-next { float: left; background:url(../images/step-2.png) no-repeat; background-position: bottom; width: 46px; height: 43px; }
.step .step-next.active { background-position: top; }
.step .step-last { float: left; background:url(../images/step-last.png) no-repeat; background-position: bottom; width: 41px; height: 43px; }
.step .step-done { float: left; background:url(../images/step-done.png) no-repeat; background-position: bottom; width: 42px; height: 43px; }
.step .step-done.active { background-position: top; }
.step .step-repeat { float: left; background:url(../images/step-background.png) repeat-x; background-position: bottom; padding: 15px 0 16px 0; color: #001b4d; height: 12px; }
.step .step-repeat.active { background-position: top; color: #ffffff; }
.step .step-finish-repeat { float: left; background:url(../images/step-finish-background.png) repeat-x; background-position: bottom; padding: 15px 0 16px 0; color: #001b4d; height: 12px; }
.step .step-finish-repeat.active { background-position: top; color: #ffffff; }
/* Step End */
/* Forms Title Begin */
.forms-head { overflow: hidden; background: url(../images/head-title-background.png) repeat-x; padding: 5px 0 9px 14px; border-bottom: 1px solid #dfdfdf; }
.forms-head font { color: #ee2b00; font-size: 0.75em; }
.forms-head span { color: #001b4d; font-size: 1.63em; }
.forms-head span.text-orange { color: #ee2b00; font-size: 0.466em; }
.forms-head em { color: #333333; font-size: 1.1em; font-style: normal; }
.forms-head .homeimg { margin:0 7px 0 0; float:left;}
/* Forms Title End */
/* Footer Begin */
#bottom { width: 900px; text-align: center; margin-top: 15px; }
#bottom ul { position: relative; z-index: 1; padding: 0 15px 0 15px; text-align: center; }
#bottom ul li { display: inline; color: #001b4d; font-size: 0.625em; }
#bottom ul li a { color: #001b4d; text-decoration: none; }
/* Footer End */
/* Error module begin */
table.error-info { margin: 10px 0 10px 10px; }
table.error-info td { vertical-align: middle; text-align: left; }
.error-width { width: 105px; }
.error-description { float: left; margin: 0 25px 0 25px; _margin: 0 25px 0 10px; }
.error-description h1 { color: #fff; margin: 0 0 20px 0; }
.error-description p { font-size: 0.750em; margin-bottom: 10px; }
.error-description ul { font-size: 0.750em; padding-bottom: 5px; }
.error-description ul li { margin-bottom: 5px; background:url(../images/error-list.png) no-repeat; padding-left: 10px; background-position: 0 5px; }
.icon-error { float: left; display: none; }
.error .icon-error, .error-1 .icon-error, .error-2 .icon-error, .radio-error .icon-error { display: block; margin-right: 10px; }
/* Error module End */
.popup { position: absolute; width: 306px; color: #666; z-index: 1000; margin: -20px 0 0 3px; }
.popup.to-text { margin: -23px 0 0 3px; }
.popup.table { margin: -22px 0 0 17px; }
.popup .content { background-image: url(../images/tips-top.png); padding: 15px 16px 0 35px; color: #fff; overflow:hidden; }
.popup strong { display: block; float: left; font-weight: bold; font-size: 0.875em; margin: 3px 0 10px 0; color: #fff; }
.popup p { display: block; font-weight: bold; font-size: 0.689em; color: #fff; line-height: 1.3em; }
.popup .footer { background-image: url(../images/tips-bottom.png); height: 25px; overflow:hidden; margin-left: 18px; }
.popup .close { float: right; display: block; width: 21px; height: 21px; background: url(../images/icon-close.png); overflow: hidden; margin-right: -3px; }
.button-popup { display: block; width: 15px ; height: 15px; background: url(../images/icon-popup.png) no-repeat; margin: 3px 0 0 5px; cursor:pointer; }
.button-more { display: block; width: 176px ; height: 21px; background: url(../images/button-more.png) no-repeat; cursor:pointer; }
.button-submit { display: block; width: 95px ; height: 21px; background: url(../images/button-submit.png) no-repeat; cursor:pointer; }
.button-next { display: block; width: 95px ; height: 21px; background: url(../images/button-next.png) no-repeat; cursor:pointer;}
.button-back { display: block; width: 95px ; height: 21px; background: url(../images/button-back.png) no-repeat; border:0; cursor:pointer;}
.button-findoutmore { display: block; width: 101px ; height: 21px; background: url(../images/btn-find-out-more.gif) no-repeat; border:0; margin:10px 0 0 1px; cursor:pointer; }
.button-send { display: block; width: 95px ; height: 21px; background: url(../images/button-send.gif) no-repeat; border:0; cursor:pointer; }
.button-buynow { display: block; width: 95px ; height: 21px; background: url(../images/button-buynow.png) no-repeat; cursor:pointer; }
.button-somewhere { display: block; width: 135px ; height: 21px; background: url(../images/button-link-somewhere.png) no-repeat; cursor:pointer; }
.button-somewhere { display: block; width: 135px ; height: 21px; background: url(../images/button-link-somewhere.png) no-repeat; cursor:pointer; }
.button-energysaving { display: block; width: 296px ; height: 21px; border:0; background: url(../images/btn-back-to-energy-saving-advice-for-home.gif) no-repeat; cursor:pointer; }
.module-forms .form-submit { text-align: right; }
.btnNumberOfChallengers { margin: 0 0 0 10px; }
.button-home { display: block; width: 95px ; height: 21px; background: url(../images/button-home.png) no-repeat; }
.challenger { padding: 10px 10px 5px 10px; }
.challenger strong { float: left; width: 145px; font-weight: bold; font-size: 0.875em; color: #001b4d; }
.challenger .challenger-input { float: left; width: 400px; }
.challenger .challenger-input input { float: left; margin-bottom: 5px; }
.wristband { padding: 10px 10px 5px 10px; }
.wristband img { float: left; margin-right: 10px; }
.br-gray-vlong label.wristband-option { width: 390px; }
.wristband .wristband-input { float: left; width: 400px; }
.wristband .wristband-input input { float: left; margin-bottom: 5px; }
.other-products { background: url(../images/icon-recycle.png) center left no-repeat; padding: 0 0 2px 25px; font-size: 1.250em; color: #001b4d; margin-bottom: 10px; }
.box-bottom-1 { margin-bottom: 7px; }
.box-bottom-2 { margin-bottom: 10px; }
.box-bottom-3 { margin-bottom: 15px; }
.box-bottom-4 { margin-bottom: 20px; }
.box-top-1 { margin-top: 5px; }
.box-top-2 { margin-top: 20px; }
.box-top-3 { margin-top: 10px; }
.mt-0 { margin-top: 0; }
div.mt-1 { margin-top: 5px; }
.mt-3 { margin-top: 25px; }
.mtb-10 { margin: 10px 0 20px 0; }
.ml-8 { margin-left: 8px; }
.mrb-5 {margin:0 5px 10px 6px;}
.mb-1 { margin: 10px 0 10px 0;}
.mb-2 { margin: 0 0 2px 0;}
.mb-3 { margin: 20px 0 20px 8px;}
.mb-10 { margin: 0px 0 10px 0px;}
.mr-5 { margin-right: 5px; }
.mt-5 { margin-top: 5px; }
h1.mb-20 { margin: 0 0 20px 0; }
h1.mb-10 { margin: 0 0 10px 0; }
div.mb-10 { margin: 0 0 10px 0; }
p.mb-20 { margin-bottom: 20px; }
p.mb-200 { margin-bottom: 200px; }
p.m-both { margin: 20px 0; }
p.mb-3 { margin-bottom: 15px; }
p.ml-0 { margin-left: 0; }
p.mt-10 { margin-top: 10px; }
div.pb-1 { padding: 0 0 10px 0; }
div.m-both-20a { margin: 20px 20px 0 20px;}
.align-expand { margin: 1px 1px 1px -8px;}
.m-both { margin: 20px;}
.m-small-both { margin: 5px;}
.ml-1 { margin-left: 5px; }
.unit-cost { width: 100px; margin-top: 10px; }
.width552 { width: 552px; }
.width275 { width: 275px; }
.width255 { width: 255px; }
.width447 { width: 447px; }
input.width45 { width: 45px; }
input.width90 { width: 90px; }
.nectar-box { margin-left: 10px; width: 440px; }
input.checkbox { margin: 0 5px 0 0; padding: 0; line-height: 0; width: 13px; height: 13px; }
input.radio-1 { margin: 5px 25px 0 0; padding: 0; line-height: 0; width: 13px; height: 13px; }
.small-input { width: 80px; border: 1px solid #ccc; padding: 2px; color: #000000; }
.short-input { width: 20px; border: 1px solid #ccc; padding: 2px; color: #000000; margin-right: 3px; }
.medium-input { width: 200px; border: 1px solid #ccc; padding: 2px; color: #000000; }
.medium-input-1 { width: 165px; border: 1px solid #ccc; padding: 2px; color: #000000; }
.input-222 { width: 214px; border: 1px solid #ccc; padding: 2px; color: #000000; }
.combo-vsmall { color: #000000; }
.combo-small { width: 110px; color: #000000; }
.combo-150 { width: 150px; color: #000000; }
.combo-222 { width: 222px; color: #000000; }
.combo-small-1 { width: 170px; color: #000000; }
.combo-medium { width: 207px; color: #000000; }
.combo-long { width: 280px; color: #000000; }
h3.extra-challengers { color:#001B4D; float:left; font-size:0.875em; font-weight:bold; width:132px; }
label.vsmall-input-title { width: 65px; }
label.small-input-title { width: 120px; }
label.small-input-title-2{ width: 120px; margin-left: 10px; _margin-left: 5px; }
label.small-input-title-3{ width: 180px; margin-left: 2px; }
label.small-input-title-4{ width: 180px; margin-left: 12px; _margin-left: 7px; }
label.small-input-title-5 { width: 165px; margin-left: 2px; }
label.long-input-title { width: 325px; margin-left: 2px; }
label.label-180 { width: 180px; }
label.label-400 { width: 400px; margin-left: 0; }
label.label-300 { width: 300px; margin-left: 0; }
label.label-250 { width: 250px; }
label.label-join { width: 205px; }
label.label-wouldlike { width: 210px; margin-left: 0; }
label.label-nectar-number { width: 170px; margin-left: 0; }
label.label-terms { display: inline; width: auto; }
a.terms-link { display: inline-block; font-size: 0.750em; margin: 5px 0 5px 4px; }
.grid { color: #333; }
.grid td { padding-bottom: 2px; }
.border-blue { border: 1px solid #b3d5eb; padding: 5px; }
.icon-dd { background: url(../images/icon-dd.png) right no-repeat; padding: 5px 0; margin-bottom: 5px; }
.icon-nectar { float: left; width: 98px; height: 82px; background: url(../images/icon-nectar.png) right no-repeat; padding: 5px 0; margin-bottom: 5px; }
.text-optional { display: block; float: left; margin: 27px 0 0 10px; font-size: 0.750em; color: #333333; }
/* TEXT */
.text-9 { font-size: 0.56em; }
.text-10 { font-size: 0.625em; }
.text-10 a { color:#666666; text-decoration:none; }
.text-11 { font-size: 0.689em; }
.text-12 { font-size: 0.750em; line-height: 16px; margin:0pt 0pt 1em 0; color:#333333; }
.text-12 a { color:#333333; }
.text-12 sub { font-size: 0.750em; }
.text-12 sup { font-size: 0.750em; }
.text-13 { font-size: 0.81em; }
.text-14 { font-size: 0.875em; }
.text-15 { font-size: 0.94em; }
.text-16 { font-size: 1.03em; }
.text-17 { font-size: 1.06em; }
.text-18 { font-size: 1.13em }
.text-19 { font-size: 1.19em; }
.text-20 { font-size: 1.250em; }
.text-21 { font-size: 1.31em; }
.text-22 { font-size: 1.38em; }
.text-24 { font-size: 1.5em; }
.text-26 { font-size: 1.63em; }
.normal_list {margin: 0 15px 0 0;}
#wosad .normal_list {margin-bottom:8px;}
.text-blue { color: #001b4d; }
.text-gray { color: #5c5c5c; }
.text-gray-dark { color: #333333; }
.text-gold { color: #db3a17; }
.text-black { color: #000000; }
.text-white { color: #fff; }
.text-red { color: #f63105; }
.text-orange { color: #ee2b00; }
/**
ADDITIONS
*/
h3.challenger {
float: left;
padding: 4px 150px 4px 0;
}
.challenger-container {
float: left;
width: 300px;
}
.challenger-container span {
font-size: 0.75em;
margin-right: 10px;
}
.challenger-container input {
margin: 0 0 0.2em 0;
}
#info {
background: url(../images/greeninfo.jpg) no-repeat;
margin: 0 0 0 10px;
padding: 12px 0 12px 40px;
vertical-align: middle;
}
#dot {
background: url(../images/greendot.jpg) no-repeat;
margin: 0 0 0 4px;
padding: 2px 0 2px 45px;
vertical-align: middle;
}
.eco2020 { background: url(../images/eco2020.jpg) left no-repeat; vertical-align: middle; padding: 14px 0 9px 0;}
#home-info {
background: url(../images/greeninfo-home.jpg) left no-repeat;
margin: 0;
padding: 12px 0 10px 55px;
vertical-align: middle;
}
.solar-energy {
background: url(../images/icon-recycle-energy.png) left no-repeat;
margin: 0;
padding: 12px 0 10px 55px;
vertical-align: middle;
}
.solar-home {
background: url(../images/icon-recycle-home.png) left no-repeat;
margin: 0;
padding: 12px 0 10px 55px;
vertical-align: middle;
}
#door {
background: url(../images/trolley.jpg) left no-repeat;
margin: 0;
padding: 19px 0 14px 55px;
vertical-align: middle;
margin-bottom:-5px;
}
#recycle {
background: url(../images/icon-recycle-41.png) left no-repeat;
margin: 0;
padding: 16px 0 14px 55px;
margin-bottom:-5px;
vertical-align: middle;
}
#office-info {
background: url(../images/greeninfo-office.jpg) left no-repeat;
margin: 0;
padding: 12px 0 16px 55px;
vertical-align: middle;
}
#info a, #dot a, #home-info a, #office-info a, #recycle a, #door a {
display: block;
color: #001b4d;
font-weight: bold;
margin: 0 0 4px 0;
text-decoration: none;
}
.solar-energy a {
display: block;
color: #001b4d;
font-weight: bold;
margin: 0 0 4px 0;
text-decoration: none;
line-height:15px;
}
.solar-home a {
display: block;
color: #001b4d;
font-weight: bold;
margin: 0 0 4px 0;
text-decoration: none;
line-height:15px;
}
/* HOME PAGE */
#box-round-homepage-carbon-challenge, #item1, item3, #box-round-homepage-fixed { min-height: 130px; }
#item1, #item3 { background: url(../images/bg-homepage-field.jpg) bottom no-repeat #cfecee; }
#item2 { background: url(../images/bg-homepage-mountain.jpg) top left no-repeat #cfecee; }
#item4 { background: url(../images/bg-homepage-rooftop.jpg) top left no-repeat #cfecee; }
#box-round-homepage-carbon-challenge { padding: 15px 18px 5px 18px; background: url(../images/bg-homepage-leaf.jpg) bottom no-repeat #486f1d; }
#box-round-homepage-fixed { padding: 15px 18px; background: url(../images/bg-homepage-papers.jpg) top no-repeat #cfe3a8; }
#item2 h1.text-15, #item1 h1.text-15, #item3 h1.text-15, #item4 h1.text-15 { margin: 0; }
#item2 h1.text-15, #item1 h1.text-15, #item3 h1.text-15, #item2 p.text-20, #item4 h1.text-15, #item4 p.text-20 { width: 266px; font-weight: bold; color: #001B4D; }
#item2 h1.text-15, #item2 p.text-20 { width: 266px; font-weight: bold; color: #FFFFFF; }
#item2 p.text-20 span.text-12, #item4 p.text-20 span.text-12 { font-weight: normal; }
#item2 .logo-eco-hp, #item4 .logo-eco-hp { margin: 0.6em 0 0.5em 0; display: block; }
#item1 .logo-eco-hp { margin: 0.6em 0; display: block; }
#item3 .logo-eco-hp { margin: 1em 0 0 0; display: block; }
#item2 p.text-blue, #item4 p.text-blue { margin: 0.56em 0; }
#item1 p.text-blue { margin: 0.6em 0; }
#item3 p.text-blue { margin: 0.6em 0; }
#box-round-homepage-carbon-challenge { color: #ffffff; }
#box-round-homepage-fixed { color: #001B4D; }
#home-ticker-box {
overflow: hidden;
}
#home-ticker-cta {
display: block; float: left;
}
#home-ticker {
float: left; margin: 6px 0 0 30px;
}
.molecules {
position: absolute;
right: 0;
bottom: 0;
width: 191px;
height: 371px;
}
/* TAKE THE CARBON CHALLENGE HOMEPAGE */
.module-forms.carbon-challenge {
margin: 20px 0 0 0;
}
#carbon-challenge-details {
width: 575px;
float: left;
margin: 0 20px 0 14px;
overflow: hidden;
/*background: #fff url(../Images/bg-cc-home.jpg) top no-repeat;*/
background: #fff url(../Images/bg-cc-home-gbd.jpg) top no-repeat;
}
#challenge-sign-up-home, #challenge-sign-up-business {
width: 280px;
float: left;
margin: 0 0 0 7px;
}
.carbon-challenge-information {
/*
width: 389px;
margin: 0px 0 0 186px;
*/
width: 335px;
margin: 0 0 30px 238px;
min-height: 331px;
overflow: hidden;
}
#logo-cc-home-eco-2020 {
display: block;
float: right;
margin: 0 0 0 0;
}
/* IDEAL HOME SHOW */
#full-page-panel { width: 794px; padding: 30px; position: relative; }
#full-page-panel.ideal-home-show { width: 794px; height: 330px; background: #082d67 url(../Images/bg-ideal-home.png) top no-repeat; }
#full-page-panel h1, #full-page-panel p { width: 468px; color: #ffffff;}
#full-page-panel h1, #full-page-panel p { line-height: 1.2em; margin: 0 0 0.75em 0; padding: 0; }
#full-page-panel a { color: #ffffff; text-decoration: underline; }
#full-page-panel #ideal-home-logo { position: absolute; width: 111px; height: 114px; right: 25px; bottom: 25px; }
/* IDEAL HOME SHOW - copy of ideal home show ABOVE */
.module-content-wide .race-against-climate-change { width: 794px; height: 330px; background: #082d67 url(../Images/bg-marathon-runners.jpg) top no-repeat; }
/* CO2 EXPLAINED */
.faq-c02 { padding: 20px; color:#666; }
ul#faq-c02-questions { margin: 0 0 1.63em 0; }
ul#faq-c02-questions li { font-weight: bold; /*font-size: 0.75em;*/ margin: 0 0 0.56em 0; }
ul#faq-c02-questions li a { color: #001b4d; text-decoration: none; position: relative; }
ul#faq-c02-answers li { margin: 0 0 1.56em 0; }
ul#faq-c02-answers li h3 { /*font-size: 0.88em;*/ margin: 0 0 0.94em 0; }
ul#faq-c02-answers li p { /*font-size: 0.75em;*/ }
ul#faq-c02-answers li ul#causesOf02 { list-style-type: disc; }
ul#faq-c02-answers li ul#causesOf02 li { margin: 0 0 0 15px; color: #ee2b00; }
/* TAKE THE y */
.challenge-winners {
width: 209px;
overflow: hidden;
margin: 10px 0;
}
.challenge-winner-thumb {
width: 46px;
border: solid #cccccc 1px;
margin: 0 10px 10px 0;
float: left;
}
.challenge-winners p {
width: 140px; /* width: 136px; changed on May 8 */
float: left;
line-height:13px;
}
.challenge-winners span {
font-weight: bold;
line-height: 1.2em;
}
#challenge-numbers {
margin: 0 0 0.5em 0;
}
.challenge-ticker-box {
position: relative;
width: 200px;
padding: 7px;
background: #688ed5 url(../images/pages/carbon_challenge/bg-cc-ticker-box.jpg) bottom no-repeat;
border: solid #80b9de 1px;
}
#challenge-ticker {
padding: 3px;
background: #688ed5 url(../images/pages/carbon_challenge/bg-cc-ticker.jpg) bottom no-repeat;
}
.box-round .inside-ticker { display: block; margin: 0 -1px; border-width: 0 1px; border-color: #b2d0e4; border-style: solid; background: #f3f3f3; color: #333; padding-bottom: 3px; }
.box-round .blue-top-ticker { background: url(../images/br-blue-background-top.png) top repeat-x; padding: 3px 3px 0 2px; }
.box-round .blue-top-ticker-nill {padding: 10px 3px 0 2px; }
.challenge-cta-img {
width: 50px;
height:52px;
margin: 0 6px 0 0; /* margin: 0 14px 0 0; changed on May 8 */
float: left;
}
.challenge-cta p {
width: 324px; /* width: 310px; changed on May 8 */
float: left;
}
.challenge-cta span.text-14 {
font-weight: bold;
}
.challenge-cta a {
text-decoration: none;
color: #001B4D;
}
.medium-top-orange-br a, .medium-top-orange-br-green-bg a, a.downloads, a.productlink {
text-decoration: none;
}
/*----------------------------------------------------------------------------------- ENERGY SAVING PRODUCTS */
div.wrap div#forms div#aiming_content div#brief {
width:414px;
padding:0 404px 20px 0;
float:left;
}
/*----------------------------------------------- PRRODUCTS LEFT & RIGHT */
div.wrap div#forms div#aiming_content div#product_left {
width:421px;
float:left;
}
div.wrap div#forms div#aiming_content div#product_right {
width:400px;
float:left;
}
div.wrap div#forms div#aiming_content div#product_left div.photo,
div.wrap div#forms div#aiming_content div#product_right div.photo {
float:left;
width:73px;
}
div.wrap div#forms div#aiming_content div#product_left p,
div.wrap div#forms div#aiming_content div#product_right p {
float:left;
width:274px;
padding:0 45px 0 8px;
}
div.wrap div#forms div#aiming_content p#buy_energy_products {
margin:0;
clear:both;
float:left;
}
/*======================================================================================================================================= OUR CLIMATE COMMITMENTS */
div.wrap div#forms div#aiming_content ul#green-fund {
list-style: none;
width: 410px;
margin: 0;
}
div.wrap div#forms div#aiming_content ul#green-fund li {
margin: 0;
}
div.wrap div#forms ul#climate-commitment {
list-style:disc;
list-style-position: outside;
width:410px;
}
/*======================================================================================================================================= WHAT WE'RE AIMING FOR */
div.wrap div#forms ul#aiming_for {
list-style:none;
list-style-position: outside;
float:left;
height:36px;
width:861px;
}
div.wrap div#forms ul#aiming_for li {
text-indent:-5000px;
height:36px;
width:172px;
float:left;
}
/*div.wrap div#container div#content ul#aiming_for li,*/
div.wrap div#forms ul#aiming_for li a {
float:left;
height:36px;
width:172px;
display:block;
}
/* aiming for menu */
div.wrap div#forms ul#aiming_for li#for1 a { background:url('../images/pages/aiming_for/menu/what_were_aiming_for.png') top left no-repeat; position: relative; }
div.wrap div#forms ul#aiming_for li#for2 a { background:url('../images/pages/aiming_for/menu/olympic_sponsorship.png') top left no-repeat; position: relative; }
div.wrap div#forms ul#aiming_for li#for3 a { background:url('../images/pages/aiming_for/menu/climate_commitments.png') top left no-repeat; position: relative; }
div.wrap div#forms ul#aiming_for li#for4 a { background:url('../images/pages/aiming_for/menu/energy_saving_services.png') top left no-repeat; position: relative; }
div.wrap div#forms ul#aiming_for li#for5 a { background:url('../images/pages/aiming_for/menu/energy_saving_products.png') top left no-repeat; width:171px; position: relative; }
/* all active li need a width */
div.wrap div#forms ul#aiming_for li.active,
div.wrap div#forms ul#aiming_for li.active a { width: 173px; }
div.wrap div#forms ul#aiming_for li#for1.active a { background:url('../images/pages/aiming_for/rollovers/what_were_aiming_for.png') top left no-repeat; }
div.wrap div#forms ul#aiming_for li#for2.active a { background:url('../images/pages/aiming_for/rollovers/olympic_sponsorship.png') top left no-repeat; }
div.wrap div#forms ul#aiming_for li#for3.active a { background:url('../images/pages/aiming_for/rollovers/climate_commitments.png') top left no-repeat; }
div.wrap div#forms ul#aiming_for li#for4.active a { background:url('../images/pages/aiming_for/rollovers/energy_saving_services.png') top left no-repeat; }
div.wrap div#forms ul#aiming_for li#for5.active a { background:url('../images/pages/aiming_for/rollovers/energy_saving_products.png') top left no-repeat; width:172px; }
/*======================================================================================================================================= EDF ON TV */
div.wrap div#forms div#edf_on_tv, div.wrap div#forms div#wosad {
margin:20px 0 0 0;
}
/*--------------------------------------------------------------------------------------------------- WHAT WE'RE AIMING FOR - CONTENT */
div.wrap div#forms div#aiming_content {
background: #ffffff url('../images/pages/aiming_for/aiming_background.png') top left repeat-x;
width:824px;
padding:0 17px 10px 17px;
float:left;
border:1px solid #B8B8B8;
border-top:none;
min-height:390px;
_height:390px;
margin:0 0 4px 0;
position:relative;
}
div.wrap div#forms div#aiming_content ul {
margin:0 0 10px 20px;
}
/* make all bold and links the same colour */
div.wrap div#forms div#aiming_content strong,
div.wrap div#forms div#aiming_content a {
color:#0083DE;
font-weight:bold;
}
div.wrap div#forms div#aiming_content a {
text-decoration:underline;
}
/* define the left and right content areas */
div.wrap div#forms div#aiming_content div#content_left {
float:left;
width:410px;
padding:0 30px 0 0;
}
div.wrap div#forms div#aiming_content div#content_right{
float:left;
width:364px;
}
/*----------------------------------------------------------------------------------- WHAT WE'RE AIMING FOR */
div.wrap div#forms div#aiming_content div#content_right a img {
margin:10px 0 10px 0;
}
div.wrap div#forms div#aiming_content div#solar_panel {
position:absolute;
bottom:0;
right:0;
}
div.wrap div#forms div#aiming_content div#solar_panel img {
float:left;
}
/*======================================================================================================================================= BREADCRUMB */
/*BREADCRUMB MB 3.9.2008*/
div.wrap div#main-content div#breadcrumb {
width:860px;
clear:both;
height:23px;
padding:0 0 0.56em 0;
}
#breadcrumb ul {
background:transparent url(../images/generic/breadcrumb_bg.png) repeat-x left top;
float:left;
height:23px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:854px;
clear:both;
}
#breadcrumb ul li {
float:left;
}
#breadcrumb ul li a, #breadcrumb ul li.last, #breadcrumb ul li.home a, #breadcrumb ul li span {
background:transparent url(../images/generic/breadcrumb_separator.png) no-repeat right top;
color:#f1411a;
float:left;
font-size:11px;
height:23px;
padding:5px 20px 0pt 4px;
text-decoration:none;
}
#breadcrumb ul li.last {
background:transparent none repeat;
color:#F5421A;
padding-right:0pt;
}
#breadcrumb ul li#home {
height:23px;
text-indent:-5000px;
width:32px;
}
#breadcrumb ul li#home a {
background:transparent url(../images/generic/breadcrumb_start.png) no-repeat left top;
float:left;
height:23px;
padding:0pt;
width:32px;
}
#breadcrumb #breadcrumb_end {
background:transparent url(../images/generic/breadcrumb_end.png) no-repeat left top;
float:left;
height:23px;
width:6px;
}
/*======================================================================================================================================= WHAT OUR STAFF */
div.wrap div#main-content div#wosad div#wos_pane_one {
width: 562px;
height: 319px;
float: left;
padding-bottom: 10px;
}
div.wrap div#main-content div#wosad ul#wos {
margin: 0 0 0 21px;
float: left;
}
div.wrap div#main-content div#wosad ul#wos li {
margin-bottom: 3px;
list-style: none;
}
/* ------------------------------------------------------------- LINK ONE */
div.wrap div#main-content div#wosad ul#wos li a {
background: url('../images/pages/staff/01.png') left top no-repeat;
width: 261px;
height: 52px;
display: block;
margin: 0;
padding: 0;
text-indent: -5000px;
}
div.wrap div#main-content div#wosad ul#wos li#one a:hover, div.wrap div#main-content div#wosad ul#wos li#one a.active {
background: url('../images/pages/staff/01_roll.png') left top no-repeat;
}
/* ------------------------------------------------------------- LINK TWO */
div.wrap div#main-content div#wosad ul#wos li#two a {
background: url('../images/pages/staff/02.png') left top no-repeat;
}
div.wrap div#main-content div#wosad ul#wos li#two a:hover, div.wrap div#main-content div#wosad ul#wos li#two a.active {
background: url('../images/pages/staff/02_roll.png') left top no-repeat;
}
/* ------------------------------------------------------------- LINK THREE */
div.wrap div#main-content div#wosad ul#wos li#three a {
background: url('../images/pages/staff/03.png') left top no-repeat;
}
div.wrap div#main-content div#wosad ul#wos li#three a:hover, div.wrap div#main-content div#wosad ul#wos li#three a.active {
background: url('../images/pages/staff/03_roll.png') left top no-repeat;
}
/* ------------------------------------------------------------- LINK FOUR */
div.wrap div#main-content div#wosad ul#wos li#four a {
background: url('../images/pages/staff/04.png') left top no-repeat;
}
div.wrap div#main-content div#wosad ul#wos li#four a:hover, div.wrap div#main-content div#wosad ul#wos li#four a.active {
background: url('../images/pages/staff/04_roll.png') left top no-repeat;
}
/* ------------------------------------------------------------- LINK FIVE */
div.wrap div#main-content div#wosad ul#wos li#five a {
background: url('../images/pages/staff/05.png') left top no-repeat;
}
div.wrap div#main-content div#wosad ul#wos li#five a:hover, div.wrap div#main-content div#wosad ul#wos li#five a.active {
background: url('../images/pages/staff/05_roll.png') left top no-repeat;
}
/* ------------------------------------------------------------- LINK SIX */
div.wrap div#main-content div#wosad ul#wos li#six a {
background: url('../images/pages/staff/06.png') left top no-repeat;
}
div.wrap div#main-content div#wosad ul#wos li#six a:hover, div.wrap div#main-content div#wosad ul#wos li#six a.active {
background: url('../images/pages/staff/06_roll.png') left top no-repeat;
}
/*======================================================================================================================================= ENERGY SAVING ADVICE */
/* ------------------------------------------------------------- MAIN MENU */
div.wrap div#main-content ul#energy_advice {
float: left;
width: 100%;
margin-bottom: -1px;
}
div.wrap div#main-content ul#energy_advice li {
list-style: none;
position: relative;
z-index: 999;
float: left;
}
div.wrap div#main-content ul#energy_advice li.home_up a {
display: block;
width: 289px;
height: 39px;
background: url('../images/pages/carbon_challenge/home_link.png') left top no-repeat;
text-indent: -5000px;
}
div.wrap div#main-content ul#energy_advice li.home_down a {
display: block;
width: 289px;
height: 38px;
background: url('../images/pages/carbon_challenge/home_down_link.png') left top no-repeat;
text-indent: -5000px;
}
div.wrap div#main-content ul#energy_advice li.business_up a {
display: block;
width: 283px;
height: 39px;
text-indent: -5000px;
background: url('../images/pages/carbon_challenge/business_link.png') left top no-repeat;
}
div.wrap div#main-content ul#energy_advice li.business_down a {
display: block;
width: 281px;
height: 38px;
text-indent: -5000px;
background: url('../images/pages/carbon_challenge/business_down_link.png') left top no-repeat;
}
div.wrap div#main-content div#advice_content {
border: 1px solid #cacaca;
clear: left;
background: url('../images/pages/energy_advice/advice_content_bg.jpg') left 25px repeat-x;
position: relative;
margin-bottom: 14px;
min-height: 300px;
_height: 300px;
}
/* ------------------------------------------------------------- SUB NAVS */
div.wrap div#main-content div#advice_content ul#sub_nav {
background: url('../images/pages/energy_advice/sub_nav_bg.png') left top repeat-x;
width: 858px;
height: 25px;
}
div.wrap div#main-content div#advice_content ul#sub_nav li {
list-style: none;
float: left;
padding: 0;
margin: 0;
background: url('../images/pages/energy_advice/sub_nav_a_bg.png') right top repeat-y;
}
div.wrap div#main-content div#advice_content ul#sub_nav li.last {
background: none;
}
div.wrap div#main-content div#advice_content ul#sub_nav li a {
color: #0083de;
display: block;
padding: 4px 20px;
}
div.wrap div#main-content div#advice_content ul#sub_nav li a:hover,
div.wrap div#main-content div#advice_content ul#sub_nav li a.active {
background: url('../images/pages/energy_advice/sub_nav_a_bg_roll.png') left top repeat-x;
color: #fff;
}
/* ------------------------------------------------------------- CONTENT */
div.wrap div#main-content div#advice_content h4 {
color: #0083de;
font-size: 110%;
margin-bottom: 5px;
}
div.wrap div#main-content div#advice_content div#scroll_area {
margin: 13px 0 13px 30px;
height: 270px;
width: 534px;
padding-right: 12px;
display: block;
overflow: auto;
}
/* ------------------------------------------------------------- IMAGES */
div.wrap div#main-content div#advice_content p.pig {
position: absolute;
right: 20px;
top: 40px;
}
div.wrap div#main-content div#advice_content p.kettle {
position: absolute;
right: 60px;
top: 100px;
}
div.wrap div#main-content div#advice_content p.light {
position: absolute;
right: 70px;
top: 50px;
}
div.wrap div#main-content div#advice_content p.house {
position: absolute;
right: 15px;
top: 90px;
}
div.wrap div#main-content div#advice_content p.business {
position: absolute;
right: 15px;
top: 90px;
}
div.wrap div#main-content div#advice_content p.hands {
position: absolute;
right: 0px;
top: 61px;
}
div.wrap div#main-content div#advice_content p.poster {
position: absolute;
right: 60px;
top: 100px;
}
div.wrap div#main-content div#advice_content p.balloon {
position: absolute;
right: 55px;
top: 32px;
}
/* ------------------------------------------------------------- CHECKLIST */
div.wrap div#main-content div#advice_content ul li {
margin: 0 0 12px 15px;
}
div.wrap div#main-content div#advice_content div#scroll_area ul.check_list li {
background: url('../images/pages/energy_advice/tick.jpg') 8px 6px no-repeat;
border: 1px solid #ccc;
margin: 0 0 3px 0;
width: 453px;
padding: 5px 0 5px 35px;
list-style: none;
}
div.wrap div#main-content div#advice_content div#scroll_area ul.check_list li h5 {
color: #f5421a;
font-size: 100%;
}
div.wrap div#main-content div#advice_content div#scroll_area strong {
color: #f5421a;
}
div.wrap div#main-content div#advice_content p.small {
font-size: 80%;
line-height: 110%;
}
div.wrap div#main-content div#advice_content p a {
color: #0083de;
}
/* Dots */
li.grey-dot-previous {height: 21px; width:21px; background: url(../images/btn-grey-circle-previous.png) top no-repeat; }
li.dot-1 {height: 21px; width:21px; background: url(../images/circle1.png) top no-repeat; }
li.dot-2 {height: 21px; width:21px; background: url(../images/circle2.png) top no-repeat; }
li.dot-3 {height: 21px; width:21px; background: url(../images/circle3.png) top no-repeat; }
li.dot-4 {height: 21px; width:21px; background: url(../images/circle4.png) top no-repeat; }
li.dot-5 {height: 21px; width:21px; background: url(../images/circle5.png) top no-repeat; }
li.dot-6 {height: 21px; width:21px; background: url(../images/circle6.png) top no-repeat; }
li.grey-dot-next {height: 21px; width:21px; background: url(../images/btn-grey-circle-next.png) top no-repeat; }
.orange-star{ background: url(../images/star-orange.png) top left; width:17px; height:16px; }
.gray-star{ background:url(../images/star-gray.png) top no-repeat; width:17px; height:16px; }
/* Styling for the star rating section in Share Your Tips*/
.filledRatingStar
{
background:transparent url(../images/star-orange.png) repeat scroll left top;
height:16px;
width:17px;
/*background-image: url(Images/FilledStar.png);*/
}
.emptyRatingStar
{
background:transparent url(../images/star-gray.png) no-repeat scroll center top;
height:16px;
width:17px;
/*background-image: url(Images/EmptyStar.png);*/
}
.savedRatingStar {
background-image: url(Images/SavedStar.png);
}
/* ------------------------------------------------------------- EMAIL A FRIEND */
ul.challenged-friends {
margin: 0 0 20px 0;
}
ul.challenged-friends li {
float: none;
margin: 0 0 0 35px;
}
/* ------------------------------------------------------------- ENERGY SAVING ADVICE */
#tabs {
padding: 0;
margin: 0;
overflow: hidden;
top: 9px;
left: 10px;
position: relative;
}
#tabs ul {
margin: 0;
padding: 0;
overflow: hidden;
zoom: 1;
list-style-type: none;
float: left;
}
#tabs p {
float: left;
font-weight: bold;
margin: 0.81em 6px 0 6px;
}
#tabs ul li {
margin: 0;
overflow: hidden;
font-family: Arial, Helvetica, sans-serif;
color: #003d7c;
float: left;
}
#tabs ul li#btnNothing .nothing {
display: block; width: 70px ; height: 33px; border:0; cursor: pointer;
}
#tabs ul li#btnNothing .nothing.current {
display: block; width: 96px ; height: 33px; border:0; cursor: pointer;
}
#tabs ul li#btnLittle .little {
display: block; width: 60px ; height: 33px; border:0; cursor: pointer;
}
#tabs ul li#btnLittle .little.current {
display: block; width: 85px ; height: 33px; border:0; cursor: pointer;
}
#tabs ul li#btnLot .lot {
display: block; width: 95px ; height: 33px; border:0; cursor: pointer;
}
#tabs ul li#btnLot .lot.current {
display: block; width: 142px ; height: 33px; border:0; cursor: pointer;
}
.radiolist label {
width:5px;
}
.radiolist label, .radiolist input
{
float: left;
margin: 0.31em 10px 0 0;
}
.br-gray-wide .text {
width: 845px;
overflow: hidden;
}
.right-aligned {
margin-left: 238px;
}
.pad13 {
padding: 13px 0;
}
.pad11 {
padding: 11px 0;
}
#footer-terms h3.gray {
width: 860px;
text-align: center;
}
.h1-renew {
width: 441px;
float: left;
margin: 0 0 0 8px;
}
/* Green Flag Home page - MF - 12.06.09 */
#green-flag a {
background: green url('../Images/green-flag.gif');
height: 196px;
width: 370px;
display:block;}
#green-flag a span {
display: none;}
#green-flag h2,#green-flag h3,#green-flag p{display:none;}
/* EDF TV PAGE - MF - 10.07.09 */
#flash-tv {
overflow: hidden;
width: 842px;}
#flash-tv #flashcontent {
float: left;}
#flash-tv #tv-scroller{
background: url('../Images/edf-tv-scroller-mid.gif') top left repeat-y;
width: 290px;
float: right;}
#flash-tv #tv-scroller-top{
background: url('../Images/edf-tv-scroller-top.gif') top left no-repeat;
width: 290px;
min-height:307px;
height:auto !important;
height:307px;
}
#flash-tv #tv-scroller-bot{
background: url('../Images/edf-tv-scroller-bot.gif');
width: 290px;
height: 31px;}
#edf_on_tv .text-12 {
margin:0 15px 1em 8px;}
#tv-scroller #tv-scroller-top h2 {
font-size:14px;
color: #001b4d;
margin-bottom:5px;
padding:10px 0 0 10px;}
#tv-scroller #tv-scroller-content li {
overflow: hidden;
margin:5px 0 9px 13px;
width: 276px;}
#tv-scroller #tv-scroller-content li a {
text-decoration: none;}
#tv-scroller #tv-scroller-content li img {
float: left;
border: 1px solid #80b9de;}
#tv-scroller #tv-scroller-content li .header {
color: #001b4d;
font-size: 12px;
font-weight: bold;
float: left;
display: block;
width:175px;
margin:2px 0 2px 8px;}
#tv-scroller #tv-scroller-content li .sub-header{
color: #333333;
font-size: 10px;
float: left;
display: block;
width:175px;
margin-left: 8px;}
/* EDF TV SCROLLER */
#related_content_body {
position: relative;
overflow:hidden;
padding-left: 5px;}
#related_content_body .related_content_mask {
position: relative;
overflow: auto;
width:275px;}
#related_content #related_content_body .related_content_mask .related_content_container {
position: absolute;
left: 0; top: 0;
overflow: hidden;}
#related_content #related_content_body ul {
list-style: none;
float: left;
padding: 0 0 0 5px;}
#related_content #related_content_body ul li {
display: block;
background: url(../Images/Generic/related_item_top.gif) no-repeat;
padding: 10px 0 4px;
margin: 0;
width: 265px;
overflow: hidden;
cursor: pointer;
/* IE fix */
float: left;
clear: left;}
.related_content_item_content {
background: url(../Images/Generic/related_item_bottom.gif) no-repeat bottom;
width: 265px;
overflow: hidden;
padding: 0 0 7px;}
#related_content_controls{
display: none;
overflow: hidden;}
#related_content_controls .left{
float: left;
margin-left: 5px;}
#related_content_controls .right{
float: right;
margin-right: 5px;}
#related_content_controls .paging_container {
float:left;
padding-left:100px;
padding-top:10px;
width:40px;}
.errorpage {
min-height:300px;
}
#ltd-offer {
position: absolute;
width: 221px;
top: 1px;
left: 1px;
margin: 0;
padding: 0;
z-index: 99;
}
#ltd-offer-cta {
position: relative;
width: 147px;
top: 107px;
left: 220px;
padding: 0;
}
/*additions 0909*/
.br-blue-518.text_only
{
min-height:40px;
height:auto !important;
height:40px;
}
.br-blue-518.text_only p
{
font-size:0.71em;
line-height:1.35em;
color:#333;
padding:5px 10px 0 6px;
}
.area_product
{
background:#2071bc url(../Images/bg_02_product.jpg) no-repeat 0 0;
color:#fff;
padding:14px 13px 0 17px;
width:488px;
min-height:111px;
height:auto !important;
height:111px;
position:relative;
}
.area_product h2
{
font-size:1.27em;
font-weight:normal;
margin-bottom:6px;
}
.area_product p
{
width:370px;
font-size:75%;
line-height:1.3;
}
.area_product .ctabutton_explore
{
background: url(../Images/btn-explore-our-products.gif) no-repeat 0 0;
width:162px;
height:21px;
display:block;
overflow:hidden;
text-indent:-9999px;
position:absolute;
left:13px;
bottom:10px;
}
.area_hero
{
background:#78a6e2 url(../Images/bg_03_hero.jpg) no-repeat 0 0;
color:#fff;
padding:14px 13px 0 17px;
width:488px;
min-height:169px;
height:auto !important;
height:169px;
position:relative;
}
.area_hero h2#logo2020
{
background: url(../Images/logo_eco2020.gif) no-repeat 0 0;
width:154px;
height:35px;
display:block;
overflow:hidden;
text-indent:-9999px;
position:absolute;
left:12px;
top:12px;
margin:0;
}
.area_hero p
{
padding:38px 210px 0 0;
font-size:75%;
line-height:1.3;
}
.area_hero .ctabutton_bn
{
background: url(../Images/btn-start-saving-now.gif) no-repeat 0 0;
width:139px;
height:21px;
display:block;
overflow:hidden;
text-indent:-9999px;
position:absolute;
left:233px;
bottom:8px;
}
.area_hero .ctabutton_fom
{
background: url(../Images/btn-find-out-more2.gif) no-repeat 0 0;
width:127px;
height:21px;
display:block;
overflow:hidden;
text-indent:-9999px;
position:absolute;
left:380px;
bottom:8px;
}
.area_quick
{
background: url(../Images/bg_quick.jpg) no-repeat 0 0;
color:#333;
width:319px;
min-height:178px;
position:relative;
overflow:hidden;
}
.area_quick h2
{
overflow:hidden;
text-indent:-9999px;
}
.area_quick p
{
padding:60px 8px 0 187px;
font-size:75%;
line-height:1.3;
margin:0 0 33px 0;
}
.area_quick .cta_button_quick
{
background: url(../Images/btn-buy-now2.gif) no-repeat 0 0;
width:127px;
height:21px;
display:block;
overflow:hidden;
text-indent:-9999px;
position:absolute;
left:181px;
bottom:8px;
}
.area_price
{
background: url(../Images/bg_price.jpg) no-repeat 0 0;
color:#333;
width:319px;
min-height:134px;
position:relative;
overflow:hidden;
}
.area_price h2
{
padding:22px 5px 0 150px;
color:#001b4d;
font-size:1.3em;
margin-bottom:0;
}
.area_price p
{
padding:4px 5px 0 150px;
font-size:75%;
line-height:1.3;
margin:0 0 35px 0;
}
.area_price .cta_button_price
{
background: url(../Images/btn-compare-our-prices.gif) no-repeat 0 0;
width:167px;
height:21px;
display:block;
overflow:hidden;
text-indent:-9999px;
position:absolute;
left:141px;
bottom:8px;
}
.br-blue-319.text_only_end
{
min-height:35px;
height:auto !important;
height:35px;
}
.br-blue-319.text_only_end p
{
font-size:0.7em;
line-height:1.2em;
color:#001b4d;
padding:4px 2px 0 2px;
}
.br-blue-319.text_only_end p a
{
color:#001b4d;
}
.br-blue-small .box-round .inside .blue-top .background-image-logo {
background:transparent url(../Images/uSwitchAwardLogo.png) no-repeat;
padding:0 0 7px 0;
}
.br-blue-small .box-round .inside .blue-top .background-image-logo h2, .br-blue-small .box-round .inside .blue-top .background-image-logo p {
width:121px;
}
.br-blue-small .box-round .inside .blue-top .background-image-logo p {
font-size:0.687em;
line-height:1.2em;
}