/* ========================================================================== */
/* 00. splash page                                                            */
/* ========================================================================== */

.splash {background:#ffffff url("img/splash-bg.gif") left 21em repeat-x; font-size:100%;}
.splash #allContainer {font-size:100%; position:relative; height:21em; width:35em; margin:0em auto 0em auto;}
.splash #content {background:#fff; border:1px solid #ccc; height:11.6em; position:absolute; bottom:-40px;}
.splash #content .wrap1 {height:100%;}
.splash #content .wrap2 {height:100%;}

.splash #content h1 {height:100%; text-align:center; position:absolute; left:0; top:0;}

.splash #content .langnav {margin-left:11.6em; height:100%;}
.splash #content .langnav ul {height:100%;}
.splash #content .langnav ul li {height:33%; font-size:85%;}
.splash #content .langnav ul li.first {margin-top:2em;}
.splash #content .langnav ul li div {padding:0.75em; padding-left:1.5em; padding-bottom:0;}
.splash #content .langnav ul li div a {font-size:138.5%;color:#edbd2d;font-weight:700; text-decoration:none;}
.splash #content .langnav ul li p {padding:0em 1em; margin:0; padding-left:1.5em; padding-bottom:0; color:#666666;}

.splash #footer {position:absolute; bottom:-10em; width:100%; background:none;}

.splash.loginpage #content h1 img {border-right:1px solid #ccc;}
.splash.loginpage #content .formbox {margin:0; margin-left:186px; border:none; background:#fff; font-size:77%;}
.splash.loginpage #content .formbox .formheader {margin:01em;}
.splash.loginpage #content .formbox .formheader .title {color:#EBBA2D;}
.splash.loginpage #content .formbox .formheader .title span {font-size:131%;}
.splash.loginpage #content .formbox .formheader p {font-size:93%;}
.splash.loginpage #content .formbox .formcontent .formrow {margin:0.25em 1.75em; margin-right:0;}
.splash.loginpage #content .formbox .formcontent .formrow .label {width:9em; text-align: left;}
.splash.loginpage #content .formbox .formcontent .formrow .inputControl {margin-left:10em;}
.splash.loginpage #content .formbox .formcontent .formrow .inputControl .textfield {width:12em;}
.splash.loginpage #content .formbox .formcontent .formrow .singleCheck label {color:#999;}
.splash.loginpage #content .formbox .formfooter {padding:0;}

/* ========================================================================== */
/* 01. page main structure                                                    */
/* ========================================================================== */

#cf-main #header {position:relative;}
#cf-main #footer {background:#f3f3f3; border-top:1px solid #ccc;}

/* ========================================================================== */
/* 02. grids                                                                  */
/* ========================================================================== */

/* grid two right ----------------------------------------------------------- */
#content .gridTwoRight {padding-left:7.5em; margin-bottom:1.5em; background:#f3f8fb;}
#content .gridTwoRight .wrapper {background:#fff; padding-right:22em;}
#content .gridTwoRight .col-1 {float:right; width:22em; margin-right:-22em; margin-top:-2em;}
#content .gridTwoRight .col-2 {float:left; width:100%;}
/* first grid two right on homepage */
.home #content .gridTwoRight {padding-left:0; background:#fff;margin-top:1em;}
.home #content .gridTwoRight .col-1 {margin-top:0em; padding-right:0}

/* grid two left ------------------------------------------------------------ */
#content .gridTwoLeft {padding-left:21em; margin-top:1em;}
#content .gridTwoLeft .wrapper {background:url("img/content-menu-border.gif") left top repeat-y; padding-bottom:1em;}
#content .gridTwoLeft .col-1 {float:left; width:21em; margin-left:-21em;}
#content .gridTwoLeft .col-1 .gridOne {margin-right:-1px;}
#content .gridTwoLeft .col-2 {float:right; width:100%;}

/* grid three --------------------------------------------------------------- */
#content .gridThree {padding-left:21em; margin-top:1em;}
#content .gridThree .wrapper2 {padding-right:22em; background:url("img/content-menu-border.gif") left top repeat-y; padding-bottom:1em;}
#content .gridThree .wrapperIn {float:right; width:100%;}
#content .gridThree .col-1 {float:left; width:100%;}
#content .gridThree .col-2 {float:right; width:22em; margin-right:-22em;}
#content .gridThree .col-3 {float:left; width:21em; margin-left:-21em;}
#content .gridThree .col-3 .gridOne {margin-right:-1px;}

/* ========================================================================== */
/* 03. titles                                                                 */
/* ========================================================================== */

/* content titles ----------------------------------------------------------- */
h1.title {margin:1em; margin-right:0em; color:#016B9B;}
h2.title {color:#005636;}
h2.title span {font-size:100%; font-weight:700;}
h3.title {color:#333;}
h3.title span {font-size:100%; font-weight:700;}

/* tips page header --------------------------------------------------------- */
.tipdetail .block.text h2.title {background:#165679; padding:0.5em 1em;}
.tipdetail .block.text h2.title span {font-size:110%; color:#fff;}
.tipdetail .block.text h3.title {color:#165679;}

/* ========================================================================== */
/* 04. links and buttons                                                      */
/* ========================================================================== */

/* generic link declaration ------------------------------------------------- */
a {color:#026DA3;}
a:hover {color:#000;}

/* download link ------------------------------------------------------------ */
a.download.pdf {background:url("img/pdf.gif") left 0.1em no-repeat; padding-left:16px;}
a.download .info {font-size:93%; color:#666;}

/* add link ----------------------------------------------------------------- */
a.add {padding-left:35px; background:url("img/row_add_after.gif") left center no-repeat;}

/* expand collapse link ----------------------------------------------------- */
a.expand {padding-left:14px; background:url("img/expand.gif") left center no-repeat;}
a.collapse {padding-left:14px; background:url("img/collapse.gif") left center no-repeat;}

/* call-to-action link ------------------------------------------------------ */
a.call {float:left; color:#fff; font-weight:700; padding:0.5em 0.5em; padding-right:14px; background:#0083a9 url("img/button-arrow.gif") right 0.75em no-repeat; text-decoration:none;}
a.call:hover {color:#fff;}
/* calc wizard */
.wizard a.call {margin:0em 1em 1em 0em; float:right;}

/* submit buttons ----------------------------------------------------------- */
input.submit {border:none; padding:0em 0.25em; background:#EDBD2D; padding-bottom:3px; height:1.75em; font-size:100%; color:#fff; margin-left:0.5em; font-weight:700;}
/* in wizard */
.wizard input.submit {padding-right:14px; padding-left:0.5em; background:#EDBD2D url("img/button-arrow.gif") right 0.6em no-repeat;}

/* ========================================================================== */
/* 05. navigation                                                             */
/* ========================================================================== */

/* horizontal menu ---------------------------------------------------------- */
#header .horizontalNav {background:#EDBD2D;}
#header .horizontalNav li {float:left; font-weight:700;}
#header .horizontalNav li .page {display:block; text-decoration:none; padding:0.5em 1em; color:#fff;}
#header .horizontalNav li a.page:hover {background-color:#016CA0;}
#header .horizontalNav li.first {border-left:none;}
#header .horizontalNav li.active {background:#016CA0;}

/* tree --------------------------------------------------------------------- */
.tree {border:1px solid #e7e7e7;}
.tree .title {padding:0.5em 0.75em; background:#f5f5f5 url("img/tree-bg.gif") left top repeat-x; color:#666;}
.tree ul {margin:0.75em;}
.tree ul li.open>.page {font-weight:700; color:#666;}
.tree ul li .page {line-height:2em; padding-left:8px; display:block; text-decoration:none; background:url("img/bullet-green.gif") left center no-repeat;}
.tree ul li a.page:hover {color:#000; background-image:url("img/tree-active.gif");}
.tree ul li.active .page {color:#000; background-image:url("img/tree-active.gif");}
.tree ul ul {margin:0; margin-left:1em;}

/* breadcrumb --------------------------------------------------------------- */
.breadcrumb {margin:1em 0em;}
.breadcrumb li {float:left; padding-left:6px; color:#666; background:url("img/breadcrumb-sep.gif") left center no-repeat; white-space:nowrap;}
.breadcrumb li .page {margin:0em 0.5em;}
.breadcrumb li.first {background:none; padding-left:0;}
.breadcrumb li.first .page {margin-left:0;}
.breadcrumb li.last .page {margin-right:0;}

/* footer secondary navigation ---------------------------------------------- */
/*#footer {background:#f3f3f3;}*/
#footer {
background:transparent none repeat scroll 0 0;
border:medium none;
color:#666666;
font-family:Arial;
font-size:13px;
margin-top:16px;
}
#footer .secondNav {padding:0.75em 0em; text-align:center;}
#footer .secondNav ul {display:inline;}
#footer .secondNav ul li {display:inline; padding-left:1px; color:#666; background:url("img/footernav-sep.gif") left center no-repeat;}
#footer .secondNav ul li .page {margin:0em 0.75em;}
#footer .secondNav ul li.first {background:url("img/footernav-logo.gif") left 0.1em no-repeat; padding-left:22px;}
#footer .secondNav ul li.first .page {margin-left:0;}

/* accordeon ---------------------------------------------------------------- */
.accordeon {min-height:279px;background:#2C81AA url("img/acc-fade.gif") left bottom repeat-x;position:relative;margin-bottom:1em;}
.accordeon .title {background:#004569; border-bottom:1px solid #005636; padding:0.35em 1em; margin-left:310px;}
.accordeon .title span.main {color:#fff; font-size:120%; line-height:1em;}
/* 5 reasons list */
.accordeon .list .wrap1 {min-height:137px; padding-bottom:2em; margin-left:310px;} /* height set in ie6.css */
.accordeon .list .wrap1 ul {overflow:hidden; padding-right:50px; margin-left:1em; margin-right:0.75em; min-height:125px;} /* height set in ie6.css */
.accordeon .list .wrap1 ul li {margin:0.75em 0em; padding-left:12px; background:url("img/accordeon-bullet.gif") left 0.35em no-repeat;}
.accordeon .list .wrap1 ul li .handle {color:#fff; text-decoration:none; font-size:108%;}
.accordeon .list .wrap1 ul li a.handle:hover {color:#000;}
/* call to action navigation */
.accordeon .list .wrap1 .nav {position:absolute; bottom:0.5em; right:0.5em; z-index:10;}
.accordeon .list .wrap1 .nav a {float:right; color:#0083a9; padding:0.5em 1em; padding-right:15px; margin-left:0.75em; background:#fff url("img/accordeon-arrow.gif") right center no-repeat; border:1px solid #f1f1f1;}
.accordeon .list .wrap1 .nav a:hover {color:#000; background-image:url("img/accordeon-arrow-hover.gif");}
.accordeon .moreInfo {margin:0.5em 1.5em;}
.accordeon .moreInfo a {color:#94BECE; padding-left:12px; background:url("img/acc-more.gif") left 0.35em no-repeat; font-size:108%;}
.accordeon .box {position:absolute; top:0; left:0; width:310px; overflow:hidden;}


/* ========================================================================== */
/* 06. basic content                                                          */
/* ========================================================================== */

/* generic content declarations --------------------------------------------- */
p {line-height:1.5em; color:#666; margin:0.5em 0em;}

/* generic block declarations ----------------------------------------------- */
.block ul li, .block ol li {line-height:1.75em;}

/* text block --------------------------------------------------------------- */
.block.text {margin:1em; margin-right:0;}
.block.text .block.text {margin-left:0em;}
.block.text .title {margin:1.5em 0em; margin-bottom:0.5em;}
.block.text h2.title span {font-size:115%; color:#EBBA2D;}
.block.text h3.title span {font-size:105%;}
.block.text p {margin:0.5em 0em;}
.block.text ul, .block.text ol {margin:0.75em 0.5em; margin-right:0em;}
.block.text ul li, .block.text ol li {list-style-image:url("img/list-text-bullet.gif"); list-style-position:inside; color:#666;}
.block.text ul ul {margin:0.5em 0em;}
/* image left floated */
.block.text.leftImg .image {float:left; margin:0.25em 1em 0em 0em;}
/* image left fixed */
.block.text.leftImgFixed .image {float:left; margin:0.25em 1em 0em 0em;}
.block.text.leftImgFixed p, .block.text.leftImgFixed ul, .block.text.leftImgFixed .title, .block.text.leftImgFixed blockquote {margin-left:110px;}
/* title cleared */
.block.text.clearTitle .title {margin-left:0; margin-right:0;}
/* image right floated */
.block.text.rightImg .image {float:right; margin:0.25em 0em 0em 1em;}
/* image right fixed */
.block.text.rightImgFixed .image {float:right; margin:0.25em 0em 0em 1em;}
.block.text.rightImgFixed p, .block.text.rightImgFixed ul, .block.text.rightImgFixed .title, .block.text.rightImgFixed blockquote {margin-right:110px;}
/* calculator page */
.calc .text.block {margin-right:22em;}

/* download list ------------------------------------------------------------ */
.block.text ul.download {margin:0;}
.block.text ul.download li {padding-left:0; background:none; }
.block.text ul.download li a {line-height:1.5em;}

/* image -------------------------------------------------------------------- */
.image {margin:1em; margin-right:0; overflow:hidden;}
.image .graphic {text-align:center;}
.image.left {float:left; margin:1em; margin-left:0;}
.image.right {float:right; margin:1em; margin-right:0;}
/* in calculator wizard */
.calc .wizard .image .graphic {text-align:left;}

/* ========================================================================== */
/* 07. content components                                                     */
/* ========================================================================== */

/* iframe ------------------------------------------------------------------- */
/* iframe {background:red; border:none; width:100%; height:20em;} */
iframe { border:none; width:100%;}
.wizard iframe {width:64.35em;}

/* energy site banner ------------------------------------------------------- */
.banner { /*background:url("img/logo-slogan.gif") right bottom no-repeat;*/ padding-top:1em; height:74px;}
.banner .logo {background:url("img/logo-blocks.gif") 67px top no-repeat;}

/* energy site banner 
------------------------------------------------------- */
.banner_fr { /*background:url("img/logo-slogan_fr.gif")*/ right bottom no-repeat; padding-top:1em;}
.banner_fr .logo {background:url("img/logo-blocks.gif") 67px top no-repeat;}
.banner_nl { /*background:url("img/logo-slogan_nl.gif") right bottom no-repeat;*/ padding-top:1em;}
.banner_nl .logo {background:url("img/logo-blocks.gif") 67px top no-repeat;}

/* search pane -------------------------------------------------------------- */
.search {background:#ffffff url("img/tab-left.gif") left bottom repeat-y; position:absolute; top:-3.5em; right:-4px; display:none} /* width set in ie6.css */
.search .wrap1 {background:url("img/tab-right.gif") right bottom repeat-y;}
.search .wrap2 {background:url("img/tab-top.gif") left top repeat-x;}
.search .wrap3 {background:url("img/tab-top-left.gif") left top no-repeat; height:2.5em;}
.search .wrap4 {background:url("img/tab-top-right.gif") right top no-repeat; padding:3px 4px 0px 3px;}
.search .formbox {margin:0; padding:0.5em; padding-bottom:0.25em; background:none; border:none;}
.search .formbox input {float:left;}

/* questions ---------------------------------------------------------------- */
.questions {margin-bottom:1em;} /* messed up padding/margin implementation to fix border in leftcol */
.questions .title {background:#fff; padding-top:1em;}
.questions .title span {padding:0.5em 0.75em; background:#f5f5f5 url("img/tree-bg.gif") left top repeat-x; color:#666; display:block;}
.questions ul {border:1px solid #e7e7e7;}
.questions ul li {border-bottom:1px solid #e7e7e7; background-repeat:no-repeat; padding:1.45em 0.5em; padding-left:50px;}
.questions ul li.qFaq {background-image:url("img/qFaq.gif"); background-position:15px center;}
.questions ul li.qPhone {background-image:url("img/qPhone.gif"); background-position:15px center;}
.questions ul li.qMail {border-bottom:none; background-image:url("img/qMail.gif"); background-position:15px center;}
/* questions home */
.home .questions {width:21em; float:right; margin-bottom:0;}
.home .questions .title {padding-top:0em;}
.home .questions .title span {font-size:108%;}
/* first element in left column */
.contact .questions .title {padding-top:0em;}
.friendpage .gridTwoLeft .questions .title {padding-top:0em;}

/* choices ------------------------------------------------------------------ */
.pushBlock {margin:1em; margin-right:0; overflow:hidden; margin-left:0;}
.pushBlock .block.push {float:left; width:27.4em; margin-left:1em; margin-bottom:1em;}
.pushBlock .block.push .title { background:#165679; font-size:108%;}
.pushBlock .block.push .title a {color:#fff; text-decoration:none; padding:0.5em 1em; display:block;}
.pushBlock .block.push .content {height:10em; background:#FEFCFD url('img/choices-bg-repeat.gif') left bottom repeat-x; overflow:hidden; padding:0em 1em; border:1px solid #e8e8e8; border-top:none;}
.pushBlock .block.push .content p {color:#0F5976; margin:1em 0em;}
.pushBlock .block.push .content ol, .pushBlock .block.push .content ul {margin:1em 0em;}
.pushBlock .block.push .content li {padding-left:9px; background:url("img/bullet-blue.gif") left 0.75em no-repeat; color:#666;}
.pushBlock .block.push .content li a {font-weight:700;}
.pushBlock .block.push .content p a {background:url(img/blue-arrow.gif) right 0.4em no-repeat; padding-right:10px; color:#006E9F;}
.pushBlock .block.push .content p a:hover {background-image:url("img/blue-arrow-hover.gif"); color:#000;}

/* faq ---------------------------------------------------------------------- */
.faq {margin:1em; margin-right:0em;}
/* question list */
.faq .questions {margin-bottom:1em;}
.faq .questions li {padding:0.25em 0em;}
.faq .questions li a {line-height:1.25em; display:block; margin-left:1.45em;}
.faq .questions li a:visited {color:#005636;}
.faq .questions li .nr {color:#88b03c; float:left; width:1.45em; line-height:1.25em;}
/* answers list */
.faq .answers li {padding-top:0.5em; border-top: 1px solid #ccc;}
.faq .answers li .block {position:relative; margin:0;}
.faq .answers li .block .title, .faqpage .block.text h2.title {color:#333; margin:0.5em 0em;}
.faq .answers li .block .title span, .faqpage .block.text h2.title span {font-size:120%;}
.faq .answers li .block p {color:#666; margin:0.75em 0em 1em 0em;}
.faq .answers li .block .nav {position:absolute; right:0; bottom:-1.5em; background:#fff; padding-left:1em;} /* bottom redefined in ie.css & ie6.css */

/* faq category choices */
.choices {margin:1em; margin-right:0; background:#f3f3f3; overflow:hidden;}
.choices .block.choice {float:left; width:20em; margin:0.75em; margin-right:0;}
.choices .block.choice .title {padding:0.75em 0.5em; background:#0083a9;}
.choices .block.choice .title a {color:#fff;}
.choices .block.choice .content {background:#fff url('img/choices-bg-repeat.gif') left bottom repeat-x; overflow:hidden; padding:0em 0.5em;}

/* carrefour assistance text ------------------------------------------------ */
.carAss {font-weight:700;}
.carAss span {color:#F1BC32;}

/* flash block -------------------------------------------------------------- */
.flash {margin:0em 0em 1em 0em;}

/* focus block -------------------------------------------------------------- */
.block.focus {margin:0em 0em 1em 1em; border:1px solid #f0f0f0;}
.block.focus .title {background:#fff url("img/focus-head-alt.gif") left top repeat-x; color:#666; padding:0.5em 1em;}
.block.focus .title span {font-size:108%; color:#666;}
.block.focus .content {margin:0em; overflow:hidden; background:url("img/focus-bg2.gif") left bottom repeat-x;}
.block.focus .content a {color:#20AAE8; text-decoration:none;}
.block.focus .content a:hover {text-decoration:underline;}
.block.focus .nav {text-align:right; border-top:1px solid #f0f0f0; background:#fcfcfc; padding:0.5em;}
.block.focus .nav a {background:url(img/blue-arrow.gif) right 0.35em no-repeat; padding-right:10px; color:#006E9F;}
.block.focus .nav a:hover {background-image:url("img/blue-arrow-hover.gif"); color:#000;}
.block.focus .content p, .block.focus .content ol {margin:0.75em 1em; color:#044A6E;}
.block.focus .content .image {margin:0.75em;}
.block.focus .content li {margin-bottom:0.5em; color:#666; padding-left:8px; background:url("img/focus-list.gif") left 0.45em no-repeat;}
/* first focusblock on homepage */
.signup .block.focus {margin-left:0;}
/* consult */
.block.focus.consult p {font-weight:700;}
.block.focus.consult .title {background:#EAEAEA;}
.block.focus.consult .content .formbox {background:#fff url("img/consult-bg.gif") left bottom repeat-x; margin:0; border:none; overflow:hidden;}
.block.focus.consult .content .formbox .formfooter {padding:0em 0.5em;}
.block.focus.consult .content .formbox .formcontent p {color:#01456A;}
.block.focus.consult .content .formbox .formcontent p .loggedIn {font-weight:700;}
.block.focus.consult .content .formrow {margin-left:1em;}
.block.focus.consult .content .formbox .inputElement .label {width:7em;}
.block.focus.consult .content .formbox .inputElement .inputControl {margin-left:8em;}
.block.focus.consult .content .formbox .inputElement .inputControl .textfield {width:8.5em;}
.block.focus.consult .content .formbox .inputElement .inputControl .controlHint {margin:0.5em 0em;}
.block.focus.consult .content .formbox .inputElement .inputControl .controlHint a {color:#999; text-decoration:underline;}
.block.focus.consult .content .formbox .inputElement .inputControl .controlHint a:hover {text-decoration:none;}
.block.focus.consult .content .formbox .advance .submit {background:url(img/blue-arrow.gif) right center no-repeat; padding-right:8px; color:#006E9F; font-weight:300; cursor:pointer;}
/* contact */
.contact .col-2 .block.focus .title {background:#efefef url("img/focus-head.gif") left bottom repeat-x;}
.contact .col-2 .block.focus .title span {font-size:116%;}
.contact .col-2 .block.focus .content {background:#fff;}
.contact .col-2 .block.focus .content .phoneContact {float:left; padding-left:24px; background:url("img/phone.gif") left 0.25em no-repeat;  font-weight:700; margin:0.75em; margin-right:0; width:40%;}
.contact .col-2 .block.focus .content .phoneContact p {font-size:108%; margin:0; color:#016CA0;}
/* .contact .col-2 .block.focus .content .checklist {float:right; margin:0.75em; width:53%; margin-left:0;} */
.contact .col-2 .block.focus .content .checklist {float:left; margin:0.75em; margin-left:0.75em;}
.contact .col-2 .block.focus .content .checklist li {line-height:1.25em;}
.contact .col-2 .block.focus .content p {margin-bottom:0;}
/* signup */
.signup .block.focus .content p, .block.focus .content ol {margin:0.75em; color:#006EA3;}
.signup .block.focus .title {background:#EAEAEA;}
.signup .block.focus .content {background:#fff url("img/focus-bg.gif") left bottom repeat-x; }
/* insure online */
.block.focus.insureOnline .content .image {margin:0;}
.block.focus.insureOnline .title {background:#01456A; }
.block.focus.insureOnline .title span {color:#fff;}
.block.focus.insureOnline .content {border:1px solid #9DC3DA; border-top:none; border-bottom:none;}
.block.focus.insureOnline .nav {background:#016CA0; border:none;}
.block.focus.insureOnline .nav a {color:#fff; background-image:url("img/white-arrow.gif");}

/* helpblock ---------------------------------------------------------------- */
.block.help {margin-left:0em; width:20em; background:#FFFFFF;}
.block.help .title {background:#EDBD2D; padding:0.5em 15px 0.5em 0.5em; color:#fff; font-weight:700; text-align:left; position:relative;}
.block.help .title .close {position:absolute; right:0.5em; top:0.5em; cursor:pointer;}
.block.help .content {border:1px solid #e7e7e7; border-top:none; overflow:hidden; text-align:left;}
.block.help .content p {margin:0.5em;}

/* imageblock ---------------------------------------------------------------- */
.block.imageBlock {margin-left:0em; width:725px; background:#FFFFFF; border:2px solid #88b03c;}
.block.imageBlock .title {background:#88b03c; padding:0.5em 15px 0.5em 0.5em; height:1em; width:auto; color:#fff; font-weight:700; text-align:left; position:relative;}
.block.imageBlock .title .close {position:absolute; right:0.5em; top:0.5em; cursor:pointer;}
.block.imageBlock .content {border:1px solid #e7e7e7; border-top:none; overflow:hidden; text-align:center; padding:0.5em;}
.block.imageBlock .content p {margin:0.5em;}
.block.imageBlock .content img {margin:0 auto 0 auto; border:1px solid #88b03c;}

.close {background:transparent url("img/icon_close.gif") 0 0 no-repeat; width:10px; overflow:hidden;}
.close span {visibility:hidden;letter-spacing:-1em;}

/* promo -------------------------------------------------------------------- */
.promo {border:1px solid #ccc; background:#fff url("img/promo-bg-repeat.gif") left bottom repeat-x; position:relative;margin-bottom:1em;}
.promo .wrap1 {background:url("img/promo-bg-left.jpg") left bottom no-repeat; padding-left:260px; min-height:195px; overflow:hidden;} /* height set in ie6.css */
.promo .title {color:#005636; margin:2em 0em; margin-bottom:1.5em; margin-right:0.25em; color:#006D98;}
.promo .title span {font-size:153.9%; font-weight:700;}
.promo ol {margin:0em 0.5em;}
.promo ol li {margin:1em 0em; padding-left:2.5em; line-height:2em; font-size:108%; font-weight:700; position:relative; color:#666666;}
.promo ol li span {padding:0.25em 0.75em; background:#edbd2d; color:#fff; position:absolute; left:0; top:0.25em;}
.promo ol li p {margin:0em 0.75em; display:inline;}
.promo .nav {position:absolute; bottom:0em; right:0em;}
.promo .nav a {float:right; color:#fff; padding:0.5em 2em; padding-right:15px; background:#006d9f url("img/promo-arrow.gif") right center no-repeat; border:1px solid #e7e7e7; border-bottom:none; border-right:none;}
.promo .nav a:hover {color:#f2c029; background-image:url("img/promo-arrow-hover.gif");}

/* tips list ---------------------------------------------------------------- */
.tipList ul li {margin:0em 0em 1em 1em; float:left; background:none; padding:0; width:13.45em;}
.tipList ul li a {display:block; text-decoration:none;}
.tipList ul li a span.title {color:#fff; display:block; background:#88b03c; padding:0.5em; border-bottom:1px solid #fff; font-weight:700;}
.tipList ul li a span.image {margin:0;}
.tipList ul li a:hover span.title {background:#165679;}

/* object ------------------------------------------------------------------- */
.home .object {background:#83ad3c; min-height:186px; margin-right:22em;} /* height set in ie6.css */

/* sitemap ------------------------------------------------------------------ */
.sitemap .sitemapList {margin:0.5em 2em; margin-bottom:2em;}
.sitemap .sitemapList li {margin-left:1em; line-height:1.5em;}

/* confirmation (notification) ---------------------------------------------- */
.notify.confirm .message, .notify.confirm .foot {margin:1em; margin-right:0;}
.signup .notify.confirm .message, .signup .notify.confirm .foot {margin-left:0;}

/* overview page  ----------------------------------------------------------- */
.overview .formcontent {background:#fff; margin:0em 1em 1em 2.5em; overflow:hidden;}
.overview .formcontent .block.text {margin:1em;}
/* warning */
.notify.warning {border:1px solid #88b03c; padding-left:24px; background:url("img/warning.gif") 8px 0.5em no-repeat;}
.notify.warning .title {margin:0.5em; color:#005636; font-weight:700;}
.notify.warning .message {margin:0.5em; line-height:1.5em;}
/* calc wizard */
.wizard .notify.warning {margin:0em 1em 0em 2.5em; background-color:#fff; border-color:#016CA0;}
.wizard .notify.warning .title {background:none; color:#016CA0; margin:0.5em; padding:0;}
.wizard .notify.warning .title span.req {color:#EDBD2D;}
.wizard .notify.warning .message {color:#016CA0;}
.overview .wizard .notify.warning {margin:0;}
.wizard .notify.warning .value {color:#d00;}

/* calendar ----------------------------------------------------------------- */
.cf_cal {width:15em;}
.cf_cal .cal_nav {padding:0.5em; border-bottom:1px solid #e7e7e7;}
.cf_cal .cal_title {background:#88b03c; color:#fff; font-weight:700; padding:0.25em 0.5em;}
.cf_cal .cal_prev {float:left; padding-left:9px; background:url("img/calc_prev.gif") left 0.4em no-repeat;}
.cf_cal .cal_next {float:right; padding-right:9px; background:url("img/calc_next.gif") right 0.4em no-repeat;}
.cf_cal table {width:100%;}
.cf_cal table th {font-weight:700; color:#666; text-align:center; padding:0.25em;}
.cf_cal table td {text-align:center;  padding:0.25em;}
.cf_cal table td.cal_current {background:#88b03c; color:#fff;}
.cf_cal table td.cal_active {font-weight:700; background:#EFFCFF; color:#000;}

/* definition list ---------------------------------------------------------- */
.defList {margin:1em; margin-right:0; border-bottom:1px solid #88b03c; position:absolute; left:-9999em; top:-9999em;}
.defList.popHelp .title {background:#88b03c; color:#fff; padding:0.5em;}
.defList dl {margin:0.5em; margin-right:0em; line-height:1.22em;}
.defList dt {font-weight:700; color:#4c4c4c; margin-top:1em; border-bottom:1px solid #e7e7e7;}
.defList dd {margin:0.25em 0em; position:relative;}
.defList dd a.anchor {position:absolute; top:-1.75em; right:0;}
/* calculator wizard */
.calc .defList {margin-right:22em;}

/* products wrapper --------------------------------------------------------- */
.products .title {margin-left:1em; font-size:120%; margin-bottom:0.5em;}
.product {border:1px solid #ccc; margin:1em; margin-right:0; margin-top:0; position:relative; height:10.5em;}
.product .title {margin:0.75em; margin-bottom:0em; margin-right:105px; font-size:100%;}
.product .title span {font-size:108%; display:block;}
.product .title span.brand {color:#666;}
.product .title span.type {color:#88b03c; font-weight:700;}
.product p {margin:0.75em; margin-top:0em; margin-right:105px; color:#666;}
.product .more {margin:0.75em; margin-right:105px; color:#005636; font-weight:700;}
.product .more span {font-size:150%;}
.product .more span.recupel {font-size:100%; color:#666; display:block; font-weight:300;}
.product .image {position:absolute; top:0.75em; right:0.75em;}

/* expand and collapse ------------------------------------------------------ */
.expandCollapse {margin:0.5em; }
.expandCollapse .title {margin:0.1em 0em; margin-left:0.5em; font-weight:700; color:#2483b3;}
.expandCollapse .title span {background-repeat:no-repeat; background-position:left 0.2em;}
.expandCollapse .box {border:1px solid #e7e7e7; background:#fff; color:#2483b3; overflow:hidden; }
/* classes for javascript */
.expandCollapse .open .head .title span {padding-left:15px; background-image:url("img/collapse.gif"); cursor:pointer;}
.expandCollapse .open .box {display:block;}
.expandCollapse .closed .head .title span {padding-left:15px; background-image:url("img/expand.gif"); cursor:pointer;}
.expandCollapse .closed .box {display:none;}
/* special form box */
.signup .expandCollapse .head {margin:0.5em 0em;}
.signup .expandCollapse .title input {margin-left:2em;}
.signup .expandCollapse .title label {margin-left:0.5em; color:#0083a9; font-weight:700;}
.signup .expandCollapse .box {border:none;}

/* address ------------------------------------------------------------------- */
.addr div {color:#004569; font-weight:700; line-height:1.5em;}

/* fake fieldset ------------------------------------------------------------ */
.wizard div.level1 {margin:1em; margin-left:2.5em; background:#fff; overflow:hidden; clear:both;}
.wizard div.level1 .title {padding:0.5em 1em; font-weight:700; color:#fff; background:#016CA0;}
.wizard div.level1 .title span {font-size:100%;}
.wizard div.level1 p {margin:0.75em 1em;}
.wizard div.level1 .hint {margin:1em; margin-left:12em; color:#666; display:block;}
.wizard div.level1 .addr {margin:0.75em 1em;}
.wizard div.level1.left {float:left; width:29.75em; clear:none; margin-right:0; margin-top:0; height:17.5em; display:inline;}
.wizard div.level1.right {float:right; width:29.75em; clear:none; margin-left:0; margin-top:0; height:17.5em; display:inline;}
.wizard div.level1.summary ul {float:left; width:29.75em; color:#004569; margin:0.75em;}
.wizard div.level1.summary ul li {line-height:1.5em; padding-left:8px; background:url("img/focus-list.gif") left 0.5em no-repeat;}
.wizard div.level1.summary .feeContract {margin:0.5em; margin-left:31em; background:#D3EDFA; padding:1em;}
.wizard div.level1.summary .feeContract .caption {float:none; }
.wizard div.level1.summary .feeContract .detail {margin:0; color:#004569; font-weight:700; display:inline;}
.wizard div.level1.summary .startContract {margin:0.5em; margin-left:31em; background:#D3EDFA; padding:1em;}
.wizard div.level1.summary .startContract .formrow {margin:0; display:inline-block;}
.wizard div.level1.summary .startContract .formrow .label {text-align:left; margin-right:0; width:12em;}
.wizard div.level1.summary .startContract .formrow .inputControl {margin-left:12.5em;}
.wizard div.level1.summary .startContract .formrow .inputControl .controls {display:inline;}
.wizard div.level1.summary .startContract .formrow .inputControl .controlHint {display:inline; color:#666;}

/* caption detail in result calculator -------------------------------------- */
.caption {float:left; width:11em; color:#004569; font-weight:700;}
.detail {margin-left:12em; display:block; color:#004569;}

/* ========================================================================== */
/* 08. form layout                                                            */
/* ========================================================================== */

/* formbox ------------------------------------------------------------------ */
.formbox {margin:1em; margin-right:0em; background:#f3f3f3; border:1px solid #e7e7e7;}
.formbox .formfooter {border-top:1px solid #e7e7e7; background:#fff; padding:0.25em;}
.formbox .formheader {padding:0em 0.75em;}
/* contact */
.contact .formbox {margin-bottom:0;}
.contact .formbox .formheader {position:relative; padding:0; margin-bottom:2em;}
.contact .formbox .formheader .title {background:#efefef url("img/focus-head.gif") bottom left repeat-x; color:#666; padding:0.5em 0.75em;}
.contact .formbox .formheader .title span {font-size:116%;}
.contact .formbox .formheader .requiredLegend {position:absolute; bottom:-2.5em; right:0.5em;}

/* formbox (inline) --------------------------------------------------------- */
.formbox.inline .formcontent {display:inline;}
.formbox.inline .formcontent form {display:inline;}
.formbox.inline .formcontent .controls {display:inline; margin:0;}
.formbox.inline .formfooter {display:inline;}

/* required legend ---------------------------------------------------------- */
.formheader .requiredLegend {text-align:right;}

/* fieldset ----------------------------------------------------------------- */
fieldset .fields {padding:0.5em 0em;}
fieldset .info {margin:0.5em 1em; color:#01456A;}
fieldset.level1 {padding-left:0.01em; margin:1em 1em 1.5em 2.5em; background:#fff; position:relative; padding-top:2.25em;}
fieldset.level1 legend.level1 .legend {display:block; position:absolute; left:0; right:0; width:100%; padding:0.5em 0em; font-weight:700; color:#fff; background:#016CA0;}
fieldset.level1 legend.level1 .legend .pad {padding:0em 1em;}
fieldset.level1 .foot {margin:1em; margin-left:2em; }
fieldset.level2 {padding-left:0.01em; margin:0em 1em 2em 2em; background:#fff; border:1px solid #e7e7e7; position:relative; padding-top:2.25em;}
fieldset.level2 legend.level2 .legend {display:block; position:absolute; left:0; width:100%; padding:0.5em 0em; font-weight:700; color:#000; background:#e7e7e7;}
fieldset.level2 legend.level2 .legend .pad {padding:0em 1em;}
fieldset.level2 .foot {text-align:right; margin-top:-1em;}
/* level 2 disabled */
fieldset.level2.disabled {background:#fbfbfb; position:relative; margin:1em; margin-left:0em;}
fieldset.level2.disabled legend.level2 .legend {color:#fff; background:#b7b7b7;}
fieldset.level2.disabled .inputCaption .label {color:#b7b7b7;}
/* contact */
.contact fieldset.level1 {margin-right:10em;}
.contact fieldset.level1 legend.level1 .legend {background:#016CA0;}
.contact fieldset.level1 .formrow .inputElement .inputCaption .label {width:11.5em;}
.contact fieldset.level1 .formrow .inputElement .inputControl {margin-left:13em;}
/* formrow ------------------------------------------------------------------ */
.formrow {margin:0.75em 2.5em; margin-right:1em;}
.formrow:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.formrow {display:inline-block;}
/* Hides from IE-mac \*/
* html .formrow {height:1%;}
.formrow {display:block;}
/* End hide from IE-mac */
/* formrow info */
.formrow p.info {margin:0; margin-bottom:1em;}
/* formrow imaged */
.formrow.imaged {position:relative;}
.formrow.imaged .image {position:absolute; right:0; top:0; margin:0;}
.formrow.imaged .image img {border:1px solid #e7e7e7;}
/* separate from others */
.formrow.separated {border-top:1px solid #e7e7e7; margin-top:1.25em; padding-top:1em;}
.formrow.separated.imaged .image {top:1em;}
/* stick to formrow above */
.formrow.above {margin-top:-0.75em;}

/* formrow feedback --------------------------------------------------------- */
.formrow .rowFeedback {clear:both; margin-left:9.5em; line-height:1.22em; display:none;}
.formrow .rowFeedback .error {color:#f36161;}

/* input element ------------------------------------------------------------ */
.formrow .inputElement {float:left; position:relative; margin:0;}
.formrow .inputElement .inputCaption {float:left; text-align:right; line-height:1.75em;}
.formrow .inputElement .inputCaption .label {width:12.5em; display:block; margin-right:1em; position:relative; color:#01456A; font-weight:700; line-height:1.5em;}
.formrow .inputElement .inputCaption .label .required {position:absolute; right:-0.75em; top:0.1em; color:#EDBD2D; font-size:108%;}
.formrow .inputElement .inputControl .label .required {color:#88b03c;}
.formrow .inputElement .inputControl {margin-left:14em;}
.formrow .inputElement .inputControl img {vertical-align:bottom;}
.formrow .inputElement .inputControl .image {margin:0;}
.formrow .inputElement .inputControl .controls .control {display:inline; color:#01456A;}
.formrow .inputElement .inputControl .controls label {color:#000;}
.formrow .inputElement .inputControl .controls label.disabled {color:#666;}
.formrow .inputElement .inputControl .controls input.disabled {background:#ddd;}
.formrow .inputElement .inputControl .controls .controlHint {display:inline; color:#999; margin:0em 0.25em;}
.formrow .inputElement .inputControl .controls .sub {margin-left:0.25em; }
.formrow .inputElement .inputControl .controls .sub.numeric {margin-left:0.25em; display:block; margin-bottom:0.25em;}
.formrow .inputElement .inputControl .controls .fieldHelp {display:inline;}
.formrow .inputElement .inputControl .inputFeedback {clear:both; display:none;}
.formrow .inputElement .inputControl .inputFeedback div {margin:0.25em 0em; display:block;}
.formrow .inputElement .inputControl .inputFeedback .error {color:#f36161; padding-left:13px; background:url("img/fielderror.gif") left 0.2em no-repeat;}
.formrow .inputElement .inputControl .inputFeedback .confirmation {color:#959595;}
.formrow .inputElement .inputControl .inputFeedback .confirmation .error {padding-left:0;}
/* fieldset */
.formrow fieldset.inputElement .inputCaption .label {position:absolute; left:0; top:0; white-space:normal;}
/* signin formrow */
.signup .formrow .inputElement.radiolist.small {margin:0;}
/* imaged formrow */
.formrow.imaged {min-height:76px;}
.formrow.imaged .inputElement, .formrow.imaged .info {float:none; margin-right:200px !important;}
/* formrow in fieldset */
fieldset .formrow {margin-left:1em;}
fieldset .formrow .inputElement.extra .inputCaption .label {width:auto;}

/* input element (extra) ---------------------------------------------------- */
.formrow .inputElement.extra {margin-left:1em; width:auto;}
.formrow .inputElement.extra .inputCaption .label {width:auto; margin-right:0.5em; position:static; display:inline;}
.formrow .inputElement.extra .inputCaption .label .required {position:static;}
.formrow .inputElement.extra .inputControl {margin-left:0; float:left; }
.formrow .inputElement.extra .inputControl .controls .control input {position:static; width:auto;}
.formrow .inputElement.extra .inputControl .controls .textfield {width:auto;}

/* input caption hint ------------------------------------------------------- */
.formrow .inputElement .inputCaption .label .captionHint {font-weight:300; color:#999; display:block; text-align:left;}

/* button group ------------------------------------------------------------- */
.buttongroup {background:#fff; padding:0.25em;}
.buttongroup .abort {float:left;}
.buttongroup .abort a {line-height:1.5em; font-weight:700;}
.buttongroup .advance {float:right; margin-left:1em;}
.formbox .buttongroup .advance a {background:url(img/blue-arrow.gif) right center no-repeat; padding-right:10px; color:#006E9F; display:block; margin:0.25em 0em;}
.formbox .buttongroup .advance a:hover {background-image:url("img/blue-arrow-hover.gif"); color:#000;}

/* form error --------------------------------------------------------------- */
.formError {margin:1em; margin-right:0em; border-bottom:1px solid #ff4200;}
.formError .head {border-color:#f36161;}
.formError .head .title {padding:0.5em 1em; background:#ff4200;}
.formError .head .title span {color:#fff; font-weight:700; font-size:115%;}
.formError .box p {color:#666; margin:0.5em; margin-left:1em;}
.formError .box ul {margin:0.5em; margin-left:1em;}
.formError .box ul li {padding-left:12px; color:#ff4200; background:url("img/error-list.gif") 3px 0.5em no-repeat; line-height:1.25em;}
/* form error in wizard */
.wizard .formError {margin-left:2.5em; margin-right:1em;}

/* contact form styling ------------------------------------------------------*/
.contact .formbox .formfooter { text-align: right; }
.contact .formbox .textfield, .formbox.contactForm select {width:17.5em;}
.contact .formbox textarea {width:17.5em;} /* width redefined in ie.css & ie6.css */

/* friends form ------------------------------------------------------------- */
.friendpage .formrow .inputElement.line .inputControl .controls {display:inline; margin-right:2em;}
.friendpage fieldset.level1 .fields {margin:0em;}
.friendpage .formbox .formheader h2.title {background:#005636; padding:0.5em 1em; color:#fff;}
.friendpage .formbox .formheader {padding:0em;}
.friendpage .formbox .formheader p {margin:0.5em 1.5em; margin-left:2.5em;}
.friendpage .formbox .formheader h2.title span {font-size:108%;}
.friendpage .formbox .inputElement.line .inputControl label {color:#005636; font-weight:700; line-height:1.5em; margin-right:1em; position:relative; width:12em;}
.friendpage .table table thead th .required {color:#88b03c;}
.friendpage .table table tfoot tr td {border-bottom:none;}
.friendpage .table table thead tr th {text-align:left;}
.friendpage .table table .textfield {width:11em;}
/* friends form */
.signup .formbox, .signup .block.text, .signup .breadcrumb, .signup .defList {margin-left:0;}
.signup .gridThree .formbox, .signup .gridThree .block.text, .signup .gridThree .breadcrumb {margin-left:1em;}
.signup #content h1.title, .signup #content .wizard {margin-left:0;}
.signup #content .gridThree h1.title {margin-left:1em;}
.signup .gridTwoRight .questions {margin-left:1em;}

/* ========================================================================== */
/* 09. specific input elements                                                */
/* ========================================================================== */

/* generic input elements --------------------------------------------------- */
.textfield {border:1px solid #cecece; border-bottom-color:#dfdfdf; border-right-color:#dfdfdf; font-size:120%; height:1.25em; color:#005636; padding:0em 0.1em;}
.textfield.postcode {width:4em;}
textarea {border:1px solid #cecece; border-bottom-color:#dfdfdf; border-right-color:#dfdfdf; color:#666; font-size:119%;}
select {border:1px solid #cecece; border-bottom-color:#dfdfdf; border-right-color:#dfdfdf; color:#666;}
/**/
.formrow .inputElement.radiolist .inputControl .controls .sub .textfield {width:8em;}
/* postal code -------------------------------------------------------------- */
.formrow .inputElement.city .inputFeedback {display:block; clear:none; padding:0.25em 0em;}

/* radiobutton list --------------------------------------------------------- */
.formrow .inputElement.radiolist {float:none;}
.formrow .inputElement.radiolist .inputControl .controls {line-height:1.75em; position:relative; padding-left:20px; display:block;}
.formrow .inputElement.radiolist .inputControl .controls input {position:absolute; left:0; top:0.2em; width:15px; height:15px; vertical-align:middle;}
.formrow .inputElement.radiolist .inputControl .controls .sub input {position:static; width:auto; height:auto;}
.formrow .inputElement.radiolist .inputControl .controls .fieldHelp {margin-left:0.5em;}
/* small version */
.formrow .inputElement.radiolist.small {margin:0em 1em;}
.formrow .inputElement.radiolist.small .inputCaption {float:none; text-align:left;}
.formrow .inputElement.radiolist.small .inputCaption .label {width:auto; position:static; padding-bottom:1em;}
.formrow .inputElement.radiolist.small .inputCaption .label .required {position:static;}
.formrow .inputElement.radiolist.small .inputControl {margin:0;}

/* checkbox single ------------------------------------------------------------ */
.formrow .inputElement.singleCheck {float:none;}
.formrow .inputElement.singleCheck .inputControl .controls {line-height:1.75em; position:relative; padding-left:20px; float:left; clear:left;}
.formrow .inputElement.singleCheck .inputControl .controls input {position:absolute; left:0; top:0.2em; width:15px; height:15px; vertical-align:middle;}
.formrow .inputElement.singleCheck .inputControl .controls .fieldHelp {margin-left:0.5em;}
/* subscribe wizard */
.signup .formrow .inputElement.singleCheck .inputControl {margin-left:0;}
.signup .formrow .inputElement.singleCheck .inputControl label {font-size:108%; color:#016CA0; font-weight:700;}
.signup .level1 .formrow .inputElement.singleCheck .inputControl {margin-left:14em;}
.signup .level1 .formrow .inputElement.singleCheck .inputControl label {font-size:100%;}
/* small version */
.signup .level1 .formrow .inputElement.singleCheck.condition .inputControl {margin-left:0;}
.signup .level1 .formrow .inputElement.singleCheck.condition .inputControl label {color:#000; font-weight:300;}
.signup .level1 .formrow .inputElement.singleCheck.condition .inputControl label a {font-weight:700;}

/* checkbox list ------------------------------------------------------------ */
.formrow .inputElement.checklist {float:none;}
.formrow .inputElement.checklist .inputControl .controls {line-height:1.75em; position:relative; padding-left:20px; float:left; clear:left;}
.formrow .inputElement.checklist .inputControl .controls input {position:absolute; left:0; top:0.2em; width:15px; height:15px; vertical-align:middle;}

/* date --------------------------------------------------------------------- */
.formrow .inputElement.date .inputControl .controls .datepickerIcon img {vertical-align:-20%; display:inline;}

/* ========================================================================== */
/* 10. tables                                                                 */
/* ========================================================================== */

/* tables ------------------------------------------------------------------- */
.table {margin:1em;}
.table table {border:none; width:100%;}
.table table tr td {border-bottom:1px solid #e0e0e0; padding:0.5em 0em;}
.table table caption {text-align:left; font-size:115%; font-weight:700; margin-bottom:0.5em;}

/* ========================================================================== */
/* 11. wizard                                                                 */
/* ========================================================================== */

/* basic wizard ------------------------------------------------------------- */
.wizard {margin:1em 0em; padding-right:22em; position:relative;}
.wizard h2.title {background:#01456A; padding:0.5em 1em; color:#fff;}
.wizard h2.title span {font-size:108%;}
/* steps */
.wizard .step span.nr {float:left; height:1.85em; width:1.85em; background:#01456A; color:#fff; text-align:center; line-height:1.85em; font-size:125%;}
.wizard .step span.text {float:left; color:#01456A; font-size:108%; margin:0.45em 0.5em; font-weight:700;}
.wizard .step span.pag {float:left; color:#01456A; font-weight:300; font-size:100%; margin:0.5em 0em;}
/* steplist */
.wizard .context {position:absolute; right:0em; width:21em; top:0;}
.wizard .context .questions .title span {font-size:100%;}
.wizard .stepList li .page {display:block; text-decoration:none; margin:1em 0em; background:#fdfdfd url("img/wizard-step-bg.gif") bottom left repeat-x;}
.wizard .stepList li .page span.nr {background:#ccc; color:#fff;}
.wizard .stepList li .page span.text {color:#ccc;}
.wizard .stepList li.active .page span.nr {background:#01456A; color:#fff;}
.wizard .stepList li.active .page span.text {color:#01456A;}
.wizard .stepList li.done .page span.nr {background:#EDBD2D;}
.wizard .stepList li.done .page span.text {color:#666; }
.wizard .stepList li.first .page {margin-top:0;}
.wizard .stepList li.overview .page span.nr {background:#B2D6E2;}
.wizard .stepList li.overview .page span.nr img {padding-top:0.45em;}
.wizard .stepList li.overview .page span.text {color:#ccc;}
/* wizard content */
.wizard .stepContent {border:none;}
.wizard .stepContent .formbox {margin:0; background:#f3f3f3; overflow:hidden; border-top:none;}
.wizard .stepContent .formbox .formheader .requiredLegend {margin:0; position:absolute; right:0.5em; top:0.25em;}
.wizard .stepContent .formbox .formheader {position:relative; padding:0;}
.wizard .stepContent .formbox .formheader .title {background:#fff; margin:1em 0em; vertical-align:middle;}
.wizard .stepContent .formbox .privacy {margin:1em 2.5em; margin-right:0; margin-bottom:2em;}
.wizard .stepContent .formbox .privacy a {color:#666; font-weight:700;}
/* overview title */
.overview .wizard .step span.nr {background:#01456C;}
.overview .wizard .step span.nr img {padding-top:0.45em;}
.overview .wizard .step span.text {color:#01456C;}
.overview .wizard .stepList li.active .page span.nr {background:#01456C;}
.overview .wizard .stepList li.active .page span.text {color:#01456C;}
/* polis */
.wizard.polis {padding:0;}
.wizard.polis h2.title {margin-right:22em;}
.wizard.polis .context {float:right; width:22em; position:static; xmargin-top:-2.35em;}
.wizard.polis .context .title {margin-right:0;}
/* clearfix */
.wizard.polis:after {content: "."; display:block; height:0; clear:both; visibility:hidden; overflow:hidden;}
.wizard.polis {display:inline-block;}
/* Hides from IE-mac \*/
* html .wizard.polis  {height:1%;}
.wizard.polis  {display:block;}
/* End hide from IE-mac */

/* calculator wizard -------------------------------------------------------- */
.calc .wizard {margin:1em; margin-right:0em; padding-right:22em;}

/* signup wizard ------------------------------------------------------------ */
.signup .wizard {margin:1em; margin-right:0em; padding-right:22em; position:relative; min-height:30.5em;}

/* polis page */
.polispage .wizard .level1 {position:relative;}
.polispage .wizard .level1 p {color:#01456A;}
.polispage .wizard .level1 .change {position:absolute; right:0.5em; bottom:0.5em;}
.polispage .wizard .level1 .change a {float:right; color:#fff; background:#EBBA2D; padding:0.25em 0.75em; padding-right:15px; text-decoration:none; font-weight:700; background:#EDBD2D url("img/button-arrow.gif") right 0.55em no-repeat;}
.polispage .wizard .level1 .startContract {background:none; position:relative; border:1px solid #D3EDFA; height:1.5em;}
.polispage .wizard .level1 .startContract .formrow:after {height:auto; clear:none;}
.polispage .wizard .level1 .startContract .formrow .inputCaption .label {width:9em; }
#assist.polispage .wizard .level1 .startContract .formrow .inputControl {margin-left:10.5em; color:#01456A; padding:0.25em 0em;}
.polispage .wizard .level1 .startContract .change {bottom:1em;}

/* ========================================================================== */
/* 12. sIFR                                                                   */
/* ========================================================================== */

/* These are standard sIFR styles... do not modify */
.sIFR-flash {visibility:visible !important; margin:0;}
.sIFR-replaced {visibility:visible !important;}
span.sIFR-alternate {position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display:none !important;}

/* These "decoy" styles ----------------------------------------------------- */
.sIFR-hasFlash h1.title span {visibility:hidden; letter-spacing:-9px; font-size:18px;}
.sIFR-hasFlash .promo h2.title span {visibility:hidden; letter-spacing:-9px; font-size:18px;}
.sIFR-hasFlash .accordeon h2.title span {visibility:hidden; letter-spacing:-9px; font-size:18px; display:block;}

/* ========================================================================== */
/* 12. event slider                                                           */
/* ========================================================================== */
.eventSlider {overflow:hidden; position:relative;}

.eventSlider .eventSliderBox {width:200em; position:relative; left:0;}
.eventSlider .eventSliderImage, .eventSlider .eventSliderText {float:left; width:21em;}
.eventSlider .eventSliderImage {text-align:center;}
.block .content .eventSlider .eventSliderText p {margin:1em;}


/* ========================================================================== */
/* 13. cf container                                                           */
/* ========================================================================== */
.cf_container {position:absolute;left:-999;top:-999;z-index:1000;}