.siteNav ul ul li.active .page span.wrap1 {padding-bottom:6px;}
.siteNav ul li.first ul li a {padding-top:0;}

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

.splash {background:#ffffff url("img/splash-bg.gif") left 26em repeat-x; font-size:100%;}
.splash #allContainer {position:relative; height:35em; width:40em; margin:0em auto 0em auto;}
.splash #content {font-size:85%; margin-top:8em;}
.splash #content .image {margin:0; margin-bottom:1em; }
.splash #content .image .graphic {text-align:left;}
.splash #content .splashBox {border:1px solid #C1C1C1; background:#fff;}
.splash #content .splashBox .title {color:#5EABD9;}
.splash #content .splashBox .title span {font-size:146.5%;}
.splash #content .splashBox .text p {color:#666;}
.splash #content .splashBox .formbox { margin:0; margin-top:2em;}
.splash #content .splashBox .formbox .formcontent {margin:1em;}
.splash #content .splashBox .formbox .textfield {height:auto;}
.splash #content .splashBox .formbox .controlHint {display:block;}
.splash #allContainer #content .splashBox .formbox .buttongroup {border-top:1px solid #C1C1C1; margin:0;  background:none;}

.splash .block.focus {margin:0; margin-top:2em; background:#fff; overflow:hidden; position:relative;}
.splash .block.focus .title {background:#5EABDF; height:3em; width:30%; float:left; padding:1em;}
.splash .block.focus .title span {color:#fff;}
.splash .block.focus .content {float:left; margin-left:1em;}
.splash .block.focus .content .qPhone {position:absolute; right:1em; top:0.5em; margin:0; padding:0; border:none; border-left:1px solid #DCEAF5; padding-left:1.5em;}

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

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

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

.splashHome #content .langnav {margin:1.75em 0.5em; margin-left:11.6em; height:100%;}
.splashHome #content .langnav ul {height:100%;}
.splashHome #content .langnav ul li {height:33%; font-size:85%;}
.splashHome #content .langnav ul li.first {margin-bottom:0.5em;}
.splashHome #content .langnav ul li div {padding:0.75em; padding-left:1.5em; padding-bottom:0;}
.splashHome #content .langnav ul li div a {font-size:140%; color:#55B4BA; font-weight:700; text-decoration:none;}
.splashHome #content .langnav ul li p {padding:0em 1em; margin:0; padding-left:1.5em; padding-bottom:0; color:#666666;}

.splashHome #footer {position:absolute; bottom:-10em; width:100%; background:none;}
.splashHome #footer a {color:#007E9F;}

/* ========================================================================== */
/* 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 {margin-bottom:1.5em; background:#f3f8fb; margin-top:1em;}
#content .gridTwoRight .wrapper {background:#fff; padding-right:23em;}
#content .gridTwoRight .context {float:right; width:23em; margin-right:-23em;}
#content .gridTwoRight .actContent {float:left; width:100%;}
/* first grid two right on homepage */
.home #content .gridTwoRight {background:#fff;}
.home #content .gridTwoRight .col-1 {padding-right:0}
.home #content .gridTwoRight .col-2 {background:#fff;}

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

/* cetelem iframe ----------------------------------------------------------- */
#cetelemIframe {margin-bottom:1em;}


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

/* content titles ----------------------------------------------------------- */
h1.title {margin:1.25em 1.75em; margin-right:0em; margin-bottom:0.25em; color:#004081;}
h1.title span {font-size:153.9%;}
h2.title {color:#1F3F7A;}
h2.title span {font-size:123.1%; font-weight:700;}
h3.title {color:#1F3F7A;}
h3.title span {font-size:100%; font-weight:700;}  
/* on cetelem page */
.cetelemPage h1.title {margin-left:0;}

/* 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:#0072BC;}
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;}

div.back {margin:1em 1.5em;}
a.back {background:url("img/faq-back.gif") left 0.35em no-repeat; padding-left:10px; color:#1F3A81;}

/* add link ----------------------------------------------------------------- */
a.add {padding-left:35px; background:url("img/row-add.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:#0DA1AD; padding-bottom:3px; height:1.9em; font-size:100%; color:#fff; margin-left:0.5em; white-space:normal}
.focus input.submit, .wizard input.submit {background:#004890;}
/* in wizard */
.wizard1Page .wizard input.submit {padding-right:14px; padding-left:0.5em; background:#5FABDF url("img/button-arrow.gif") right 0.6em no-repeat;}

/* logon link ----------------------------------------------------------------*/
.logon {background:#fff; width:22em; padding-left:1em; position:absolute; bottom:0em; right:0em;}
.logon .subscribe {display:block; font-weight:700; color:#fff; text-align:right; padding:0.5em 1.5em; background:#004890 url("img/mainNav-right.gif") left bottom no-repeat; height:1.25em; text-decoration:none;}


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

/* shop nav */
#header ul#menu_nrb {margin-top:1em;}

/* horizontal menu ---------------------------------------------------------- */
#header .horizontalNav {background:#0DA1AD url("img/mainNav-left.gif") right top no-repeat; margin-right:23em;}
#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:#004890;}
#header .horizontalNav li.first {border-left:none;}
#header .horizontalNav li.active {background:#004890;}

/* tree --------------------------------------------------------------------- */
.tree {border:1px solid #e7e7e7;}
.tree .title {padding:0.5em 0.75em; border-bottom:1px solid #E7E7E7; background:#f5f5f5 url("img/tree-bg.gif") left top repeat-x; color:#666;}
.tree .title span {font-size:108%;}
.tree ul {margin:0.75em 0.75em; padding-bottom:0.5em; border-bottom:1px solid #E7E7E7;}
.tree ul ul {border-bottom:none;}
.tree ul.last {border-bottom:none;}
.tree ul li.open>.page {font-weight:700; color:#666;}
.tree ul li .page {line-height:2em; color:#0092CF; padding-left:10px; display:block; text-decoration:none; background:url("img/bullet-blue.gif") 0.35em 0.85em no-repeat;}
.tree ul li.active .page, .tree ul li a.page:hover {color:#000; background:url("img/tree-active.gif") 0.35em 0.75em no-repeat;}
.tree ul li .promoLink {padding-left:18px; border:1px solid #DBF1F3; color:#004990; font-weight:700; background:#DBF1F3 url("img/tree-promo.gif") 0.45em 0.55em no-repeat;}
.tree ul li.active .promoLink, .tree ul li a.promoLink:hover {background:#DBF1F3 url("img/tree-promo-active.gif") 0.45em 0.55em no-repeat;}
.tree ul ul {margin:0; margin-left:1em;}

/* breadcrumb --------------------------------------------------------------- */
.breadcrumb {margin:0.75em 1.75em; margin-top:0; margin-right:0;}
.breadcrumb li {float:left; padding-left:6px; color:#666666; background:url("img/breadcrumb-sep.gif") left 0.5em no-repeat; white-space:nowrap;}
.breadcrumb li .page {margin:0em 0.6em;}
.breadcrumb li a {color:#0092CF;}
.breadcrumb li a:hover {color:#000;}
.breadcrumb li.first {background:none; padding-left:0;}
.breadcrumb li.first .page {margin-left:0;}
.breadcrumb li.last .page {margin-right:0;}
/* on cetelem page */
.cetelemPage .breadcrumb {margin-left:0;}

/* nav account -------------------------------------------------------------- */
.accountNav {margin:2em 1.5em;}
.accountNav ul li {float:left; margin-right:0.5em; background:#C9E2F6; padding:0.5em 1em;}
.accountNav ul li .page {text-decoration:none; color:#203A84; font-weight:700;}
.accountNav ul li.active {background:#fff;}

/* footer ---------------------------------------------- */
#footer .caution p{ font-size: 4.2em; letter-spacing: -0.12em; margin-bottom: 0; color: #ababab; font-family:Arial, Helvetica, sans-serif;}

/* footer secondary navigation ---------------------------------------------- */
#footer {background:#f3f3f3;}
#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:325px;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 0.75em; margin-left:280px;}
.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:280px;} /* height set in ie6.css */
.accordeon .list .wrap1 ul {overflow:hidden; padding-right:50px; margin-left:1.5em; margin-right:0.75em; min-height:125px;} /* height set in ie6.css */
.accordeon .list .wrap1 ul li {margin:2em 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:280px; overflow:hidden;}



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

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

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

/* text block --------------------------------------------------------------- */
.block.text {margin:1.25em 1.75em; margin-right:0}
.block.text .block.text {margin-left:0em; margin-top:0.25em; margin-bottom:0.25em;}
.block.text .title {margin:0.75em 0em; margin-bottom:0.5em;}
.block.text h2.title span {font-size:123.1%; color:#0DA1AD;}
.block.text h3.title span {font-size:108%;}
.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 {padding-left:12px; background:url("img/list-text-bullet.gif") 3px 0.55em no-repeat; color:#666666;}
.block.text ol li {background:none; padding-left:0; list-style-position:inside; list-style-type:decimal;}
.block.text ul ul {margin:0.5em 0em;}
/* image left floated */
.block.text.leftImg, .block.text.rightImg {overflow:hidden;}
.block.text.leftImg .image {float:left; margin:0em 1em 0em 0em;}
/* image left fixed */
.block.text.leftImgFixed .image {float:left; margin:0em 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;}
/* image block */
.block.focus.image .block.text {margin:0em;}
.block.focus.image .content div.image {margin:0em;}
/* right col */
.gridTwoRight .col-1 .block.text {margin:0.75em 1em;}
.gridTwoRight .col-1 .block.text .block.text {margin-left:0em;}

/* intro block -------------------------------------------------------------- */
.block.intro {margin:1em 1.75em; margin-bottom:2em; margin-right:0; border:1px solid #E7E7E7; background:#fff url("img/intro-bg.gif") bottom left repeat-x;}
.block.intro p {margin:0.75em 1em; color:#004990;} 
.block.intro h2.title {margin:1em 1em; margin-bottom:0.75em;}
.block.intro h2.title span {color:#0DA1AD;}
.block.intro h2.title, .block.intro p, .block.intro ul, .block.intro .title, .block.intro blockquote {margin-right:160px;}
.block.intro .image {float:right; margin:1em 1em;}
.block.intro .formbox {margin-right:160px;}
.block.intro .nav {margin:1.25em 1em; margin-bottom:1em;}
.block.intro .nav:after {clear:left;}
.block.intro .nav a {color:#004990; margin-right:1.5em;}
.block.intro .nav a:hover {color:#000;}
.block.intro .nav .more {background:#0DA1AD url("img/intro-more.gif") right 0.75em no-repeat; color:#fff; text-decoration:none; padding:0.35em 0.75em; padding-right:20px;} 
.block.intro .nav .more:hover {color:#fff;}
/* promotion page */
body.promotionPage .block.intro h2.title {margin-bottom:0.25em;}
body.promotionPage .block.intro h2.title span {color:#0D4689;}
body.promotionPage .block.intro h3.title span {color:#0DA1AD; font-size:108%;}
body.promotionPage .block.intro p {color:#666666;}
body.promotionPage .block.intro .image {float:left;}  
body.promotionPage .block.intro h2.title, body.promotionPage .block.intro p, 
body.promotionPage .block.intro ul, body.promotionPage .block.intro .title, 
body.promotionPage .block.intro blockquote, body.promotionPage .block.intro .nav {margin-right:1em; margin-left:160px;}
/* reduction page */
body.reductionPage .block.intro h2.title {margin-bottom:0.25em;}
body.reductionPage .block.intro h2.title span {color:#0D4689;}
body.reductionPage .block.intro h3.title span {color:#0DA1AD; font-size:108%;}
body.reductionPage .block.intro p {color:#666666;}
body.reductionPage .block.intro .image {float:left;}
body.reductionPage .block.intro h2.title, body.reductionPage .block.intro p, 
body.reductionPage .block.intro ul, body.reductionPage .block.intro .title, 
body.reductionPage .block.intro blockquote, body.reductionPage .block.intro .nav {margin-right:1em; margin-left:160px;}

/* 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;}

/* Item list ---------------------------------------------------------------- */
.actContent .itemList {margin:2.5em 1.75em; margin-right:0;}
.actContent .itemList .pageItem {margin-bottom:1.75em; padding-bottom:1.75em; border-bottom:1px solid #E7E7E7;}
.actContent .itemList .pageItem .image {float:left; margin:0;}
.actContent .itemList .pageItem h2.title {color:#000; margin-left:105px;}
.actContent .itemList .pageItem h2.title span {font-size:116%;}
.actContent .itemList .pageItem p {line-height:1.55em; margin-left:105px;}
.actContent .itemList .pageItem .nav {margin-left:105px;}
.actContent .itemList .pageItem .nav a {color:#0092CF;}
.actContent .itemList .pageItem .nav a:hover {color:#000;}

/* 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; margin-top:0.5em;}
/* in calculator wizard */
.calc .wizard .image .graphic {text-align:left;}
/* on homepage */
.home #content .gridTwoRight .col-2 .image {margin:0em; background:#224080;}
.home #content .gridTwoRight .col-2 .wizard .image {background:none;}
.home #content .gridTwoRight .col-2 .image .graphic {text-align:left;}
.home #content .gridTwoRight .col-2 .image.right {margin-left:1em;}

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

/* flash homepage */
body.home .flashMovieList {float:left; width:44em;}
body.home .flashMovie {min-height:24em; overflow:hidden; margin-bottom:1.75em;}

/* 2nd flash block on homepage */
/* body.home .flashContent {background:#E8EEEB url("img/img_bg_leningen_homepage.jpg") top left no-repeat; position:relative; padding-bottom:3.5em; min-height:28em;} */
body.home.fr .flashContent {background:url("img/img_bg_leningen_homepage_fr.jpg") top left no-repeat; position:relative; padding-bottom:3.5em; min-height:28em;}
body.home.nl .flashContent {background:url("img/img_bg_leningen_homepage_nl.jpg") top left no-repeat; position:relative; padding-bottom:3.5em; min-height:28em;}
body.home .flashContent .flash {position:absolute; bottom:1em; right:1.25em; width:21em; height:23em;}
body.home .flashContent h2.title {text-align:right; padding-bottom:0.15em; margin:1.25em; margin-left:4.5em; margin-bottom:1.75em; border-bottom:1px solid #BBDDF0;}
body.home .flashContent h2.title span {color:#0072BC;}
body.home .flashContent h3.title {margin-left:1.5em; margin-right:23em;}
body.home .flashContent h3.title span {color:#003F81; font-size:161.6%;}
body.home .flashContent ul {margin:1em 1.5em; margin-right:23em;}
body.home .flashContent ul li {color:#003F81; font-weight:700; margin:0.45em 0em; font-size:108%;}
body.home .flashContent ul li a {color:#000000;}
body.home .flashContent .nav {position:absolute; bottom:1em; left:1em;} 
/* body.home .flashContent .nav {position:absolute; bottom:10em; left:1em;} */
body.home .flashContent .nav a {float:left; color:#004990; font-size:108%; text-decoration:none; background:#fff url("img/flashcontent-more-arrow.gif") right 0.7em no-repeat; padding:0.35em 0.5em; font-weight:700; padding-right:15px; border:1px solid #023F80;}

/* promo list op homepage */
body.home .actContent .summaryList {margin-left:45em;}

/* energy site banner ------------------------------------------------------- */
.banner {background:url("img/logo-slogan.gif") 20em bottom no-repeat; padding-top:1em; height:75px;}
.banner .logo {background:url("img/logo-blocks.gif") 65px 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;}

/* promo block */
.promoList {background:#F5F5F5; padding:1px; position:relative;}
.promoList ul {margin:1.25em 0.75em; overflow:hidden;}
.promoItem {border-bottom:2px solid #326AA3; margin-bottom:2.5em; padding-bottom:1.5em;}
.promoList .promoItem.last {border:none; margin-bottom:0; padding-bottom:0;}
.promoItem .promoHead .title {margin-bottom:0.5em; color:#0D4288;}
.promoItem .promoHead .title span {text-transform:uppercase; font-size:108%;}
.promoItem .specs {margin-right:81px;}
.promoItem .spec {font-weight:700; font-size:108%; line-height:1.2em; color:#0072B4;}
.promoItem .spec.discount span {font-size:280%; margin-bottom:0.15em; display:block; color:#0D4689;}
.promoItem .more a {padding-right:9px; background:url("img/blue-arrow.gif") right 0.45em no-repeat;}
.promoItem .more a:hover {background-image:url("img/blue-arrow-hover.gif");}
.promoItem .promoHead, .promoItem .promoMain {margin-left:0.25em; margin-right:0.25em;}
.promoItem .block.text {margin:1em 0em; clear:both;}
.promoItem .image {margin:0; float:right;}
/* inside push block */
.pushBlock .block.push .content .promoList li {background:none; padding-left:0; margin-bottom:2.5em;}

/* questions ---------------------------------------------------------------- */
.questions {margin-bottom:1em;} /* messed up padding/margin implementation to fix border in leftcol */
.questions .title {background:#fff; xpadding-top:1em;}
.questions .title span {padding:0.5em 0.75em; background:#F5F5F5 url("img/focus-head-alt.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.qVisit {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 a {color:#0072BC;}
.questions a:hover {color:#000;}
/* in context */
.context .questions {margin-left:1em; margin-bottom:1em;}

/* first element in left column */
.contact .questions .title {padding-top:0em;}
.friendpage .gridTwoLeft .questions .title {padding-top:0em;}
/* questions focus */
.focus .questions {margin:1em 0em 1em 1em;}
.focus .questions ul {border:none;}
.focus .questions ul li {border:none; padding:0em;}
.focus .content .questions ul li.qPhone {margin-top:0.75em; color:#656565; padding-top:0.75em; border-top:1px solid #F1F1F1; background:none; padding-left:0em;}
/*.focus .content .questions ul li.qPhone span.phoneNumber {font-weight:700; font-size: 138.5%; display:block; color:#00558C; padding:0.15em 0em; padding-left:24px; background:url("img/phone.gif") left 0.1em no-repeat; margin-top:0.25em;}*/
.focus .content .questions ul li.qPhone .phoneContact {padding-left:24px; margin-top:0.25em; background:url("img/phone.gif") left 0.1em no-repeat;  font-weight:700;}
.focus .content .questions ul li.qPhone .phoneContact p {font-size:146.5%; margin:0em; color:#016CA0;}
/* game page */
.gamePage .block.focus {border:none;}
.gamePage .block.focus .content .text {background:#F3F3F5; margin:0; padding:0em 1em; overflow:hidden;}
.gamePage .block.focus .content .image {margin:0; margin-bottom:2em;}
.gamePage .block.focus .content .image .graphic {text-align:left;}

/* return to customer page */
.custReturn {margin-bottom:1em; margin-left:1em; }
.custReturn a.back {display:block;background:#0DA1AD url(img/customer-back.gif) no-repeat 0.75em 0.75em; color:#FFFFFF; padding:0.35em 0.75em; padding-left:20px; font-weight:700; text-decoration:none;}

/* choices ------------------------------------------------------------------ */
.pushBlock {margin:1.75em 1em; margin-right:0; overflow:hidden; margin-left:0;}
.pushBlock .column {float:left; width:22.6em;}
.pushBlock .block.push {margin-left:1.75em; margin-bottom:1.75em;}
.pushBlock .block.push h2.title { background:#004990; margin:0; font-size:108%; padding:0.5em 1em; color:#fff;}
.pushBlock .block.push h2.title span {font-size:100%; color:#fff;}
.pushBlock .block.push h2.title a {color:#fff; text-decoration:none; padding:0.5em 1em; display:block;}
.pushBlock .block.push .content {overflow:hidden; min-height:10em; border:1px solid #E7E7E7; border-top:0; padding:0em 1em; background:#F5F5F5;}
.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; margin-bottom:1.25em; 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;}
.pushBlock .block.push .nav {border:1px solid #E7E7E7; padding:0.5em; text-align:right; border-top:none;}
.pushBlock .block.push .nav a {color:#0092CF; padding-right:8px; background:url("img/blue-arrow.gif") right 0.45em no-repeat;}
.pushBlock .block.push .nav a:hover {color:#000; background-image:url("img/blue-arrow-hover.gif");}
.pushBlock .block.push .content .image {margin-left:0; margin-right:0;}
.pushBlock .block.push .content .nav  {border:none; padding:0; text-align:left;}
.pushBlock h2.title {margin:1em 1.75em; margin-bottom:0.75em;}
.pushBlock h2.title span {color:#0DA1AD;}
/* vcard */
.pushBlock .block.push .vcard {margin:1em 0em; margin-bottom:2.25em;}
.pushBlock .block.push.practicalInfo .nav {margin:1.5em 0em;}
.pushBlock .block.push.practicalInfo .vcard {margin-bottom:1em;}

/* on account page */
.accountPage .pushBlock {margin-top:3em;}
/* block text */
.pushBlock .block.push .content h3.title {background:none; padding:0; color:#115597;}

/* account others ----------------------------------------------------------- */
.accOther {margin:2em 1.5em;}
.accOther .title {background:#203C7D; color:#fff; padding:0.5em 1em;}
.accOther .title span {font-size:108%;}
.accOther ul {border:1px solid #7E95A5; border-top:none; background:#fff; overflow:hidden;}
.accOther ul li {border-bottom:1px solid #C7E3EF; margin:1em; padding-bottom:1em;}
.accOther ul li.last {border:none; padding-bottom:0;}
.accOther ul li a {background:url("img/account-link.gif") left center no-repeat; padding-left:20px;}

/* faq ---------------------------------------------------------------------- */
/* section list */
.faq .sections {margin:0.75em 1.5em; margin-bottom:2.5em;}
.faq .sections li {padding:0.25em 0em; background:url("img/faq-anchor.gif") left 0.65em no-repeat; color:#666666; padding-left:10px;}
.faq .sections li a {line-height:1.25em; display:block; font-weight:700; color:#0092CF;}
.faq .sections li a:hover {color:#000;}
.faq .sections li .nr {color:#666666; float:left; width:1.45em; line-height:1.25em;}
/* section list */
.faq .faqSection {margin:2em 1.75em; margin-top:0.75em; border-bottom:1px solid #E7E7E7; padding-bottom:1.75em; position:relative; margin-right:2.75em;}
.faq .faqSection h2.title {color:#000000;}
.faq .questions {margin:0;}
.faq .questions li {padding:0.25em 0em; color:#666666; list-style-type:none}
.faq .questions li a {line-height:1.25em; font-weight:300; color:#0092CF;}
.faq .questions li a:hover {color:#000;}
.faq .questions li .nr {color:#666666; float:left; width:1.45em; line-height:1.25em;}
.faq .top {position:absolute; right:-1.75em; bottom:-0.5em; color:#0092CF;}
.faq .top:hover {color:#000;}
/* faq nav */
.faq .question .nav {margin:1em 1.5em;}
.faq .question .nav a.back {background:url("img/faq-back.gif") left 0.35em no-repeat; padding-left:10px; color:#1F3A81;}
/* faq answers */
.faq .answers {margin:1.5em 0em;}
.faq .answers .block.text {margin-left:0; margin-right:0;}
.faq .answers .block.text h2.title span {color:#000;}
.faq .answers li.answer {border-bottom:1px solid #E7E7E7; padding-bottom:1em; margin-bottom:1.75em; position:relative;}
/* faq detail */
.faqDetail .questions {padding-bottom:1.25em; border-bottom:1px solid #E7E7E7;}
.faqDetail .faqSection {border:none; padding-bottom:0;}
/* popular */
.faq .popular {margin:1.25em 1.75em; margin-right:0; background:#fff url("img/faq-popular-bg.gif") bottom left repeat-x; border:1px solid #E7E7E7;}
.faq .popular h2.title {margin:1em 1.5em 0.5em}
.faq .popular h2.title span {color:#0DA1AD;}
.faq .popular p {margin:0.5em 1.5em; color:#004990;}
.faq .popular .sections {margin:1em 1.5em; margin-top:0;}
.faq .popular .sections li {padding:0.15em 0em;}

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

/* focus block -------------------------------------------------------------- */
.block.focus {margin:0em 0em 1em 1em; border:1px solid #E7E7E7;}
.block.focus .heading {position:relative;}
.block.focus .heading .moreInfo {position:absolute; top:0.5em; right:0.5em;}
.block.focus p {color:#0D4288;}
.block.focus .title {background:#F5F5F5 url("img/focus-head-alt.gif") left top repeat-x; border-bottom:1px solid #E7E7E7; color:#666; padding:0.5em 1em;}
.block.focus .title span {font-size:108%; color:#666;}
.block.focus .content {margin:0em; overflow:hidden;}
.block.focus .content a {color:#0072BC; text-decoration:underline;}
.block.focus .content .buttongroup a {text-decoration:underline; color:#0072BC; font-weight:normal;}
.block.focus .content a:hover {color:#000;}
.block.focus .nav {text-align:right; background:#FFFFFF; padding:0.5em;}
.block.focus .nav a {background:url(img/blue-arrow.gif) right 0.35em no-repeat; padding-right:10px; color:#2188A9;}
.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; color:#07488A;}
.block.focus .content .block.text p, .block.focus .content .block.text ol {margin-left:0em; margin-right:0em; font-size:108%;}
.block.focus .content .image {margin:0.75em;}
.block.focus .content .image.left {margin-top:1.25em; margin-left:0; margin-right:1.25em;}
.block.focus .content ul li {margin-bottom:0em; color:#666; padding-left:8px; background:url("img/focus-list.gif") left 0.6em no-repeat; list-style-type:none; list-style-image:none;}
/* first focusblock on homepage */
.signup .block.focus {margin-left:0;}
/* faq */
.context .block.focus.faq .title {background:#5EABDF;}
.context .block.focus.faq .title span {color:#fff;}
/* button */
.block.focus .nav:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.block.focus .nav {display:inline-block; display:block;}
.block.focus .nav a.button {display:block; padding:0.35em 0.75em; color:#fff; text-decoration:none; }
.block.focus .nav a.button.prev {float:left; padding-left:17px; background:#004990 url("img/button-arrow-left.gif") left 0.75em no-repeat;}
.block.focus .nav a.button.next {float:right; padding-right:17px; background:#004990 url("img/button-arrow.gif") right 0.75em no-repeat;}

/* 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 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; }
/* login */
.block.focus.login .title {background:none; padding:0em; padding-bottom:0em; margin-top:0em;}
.block.focus.login .title span {color:#000; font-size:108%;}
.block.login {background:#F3F3F5; border:none;}
.login .formbox {border:none; margin:1em;}
.login .formrow {margin-left:0em; margin-right:0em;}
.login .formrow .inputElement .inputCaption {text-align:left; width:auto;}
.login .formrow .inputElement .inputCaption .label {width:6.25em; font-size:108%;}
.login .formrow .inputElement .inputControl {margin-left:8em;}
.login .formbox .formfooter {background:none; border:none; padding:0.5em 0em;}
.login .formbox .formfooter .buttongroup {background:none; margin-left:8em; padding:0em;}
.login .formbox .formfooter .buttongroup .advance {float:none; margin-left:0em; margin-bottom:0.5em;}
.login .formbox .formfooter .buttongroup .abort {float:none;}
.login .formbox .formfooter .buttongroup .submit {margin-left:0em;}
/* special */
.block.focus.special {border:none; background:#F3F3F5; margin-bottom:-1em;}
.block.focus.special .title {background:#243779;}
.block.focus.special .title span {font-size:108%; color:#fff;}
.block.focus.special .text p {color:#203C7D;}
/* formbox */
.block.focus .formbox.inline {margin:1em 0.75em;}

/* account overview --------------------------------------------------------- */
.accOverview {margin-left:1em; margin-bottom:1em; overflow:hidden; background:#F2F3F5; position:relative;}
.accOverview a {padding-left:20px; background:url("img/account-link.gif") left center no-repeat; color:#000;}
.accOverview .title span {font-size:108%;}
.accOverview h2.title {padding:0.5em 1em; background:#203C7D; color:#fff;}
.accOverview .logout {position:absolute; right:0.5em; top:0.45em;}
.accOverview .logout a {background:none; padding:0; color:#fff; font-size:108%; display:block;}
.accOverview .data {margin:1em; margin-top:2em; background:#fff; overflow:hidden; position:relative;}
.accOverview .data .title {margin:0.5em 1em;}
.accOverview .points .myPoints {margin:0.5em 1em;}
.accOverview .points .myPoints span {color:#57A9CE; font-size:167%; font-weight:700;}
.accOverview .points .info {position:absolute; right:0.5em; bottom:0.75em; padding-left:18px; background:url("img/account-info.gif") left center no-repeat; color:#203C7D; height:1.5em; line-height:1.5em;}
.accOverview .profile {margin-top:1em; margin-bottom:2em;}
.accOverview .profile div {margin:1em 1em;}
.accOverview .subsection .title {padding:0.5em 1em; background:#AED7ED; color:#203C7D;}
.accOverview .subsection div {margin:1em 1em;}
.accOverview .subsection a {background-position:11px center; padding-left:31px;}
.accOverview .subsection a.talk {background:url("img/account-talk.gif") 5px center no-repeat; padding-top:1px;}
.accOverview .subsection ul li.holder {overflow:hidden; margin:0.75em 0em;}
.accOverview .subsection ul li.holder a {float:left; width:10em;}
.accOverview .subsection ul li.holder .status {margin-left:11em; text-align:right; display:block; color:#979797;}
.accOverview .subsection ul li.holder .status a {float:none; width:auto; color:#5FAAE1; font-weight:700; background:none; padding-left:0;}
.accOverview .subsection .options {border-top:1px solid #D5D5D7; padding-top:0.5em; padding-bottom:0.5em; margin-top:1.5em;}
.accOverview .subsection .options div {margin:1em 0em;}
.accOverview .subsection .options a.add {background:url("img/account-add.gif") 4px center no-repeat; }
.accOverview .subsection.visa a {background:none; padding-left:0px;}

/* account news ------------------------------------------------------------- */
.accountNews {background:#fff; border:1px solid #7E95A5; margin:1em 1.5em;}
.accountNews .complete {background:url("img/account-info.gif") 5px top no-repeat; padding-left:26px; margin:1em 1.5em;}
.accountNews .complete .title span {font-size:100%; color:#5FA9DA;}
.accountNews .complete ul li {margin:0.5em 0em; background:url("img/accNews-bullet.gif") left 0.5em no-repeat; padding-left:8px;}
.accountNews .complete ul li a {color:#1B3E76;}
.accountNews .invites {background:url("img/account-talk.gif") left top no-repeat; padding-left:26px; margin:2em 1.5em;}
.accountNews .invites p {color:#5FA9DA;}
.accountNews .invites ul li {display:inline; background:url("img/account-invites-sep.gif") right center no-repeat;}
.accountNews .invites ul li a {color:#1B3E76; margin:0em 0.5em;}
.accountNews .invites ul li.last {background:none;}
.accountNews .invites ul li.first a {margin-left:0;}

/* helpblock ---------------------------------------------------------------- */
.block.help {margin-left:0em; width:20em; background:#FFFFFF;}
.block.help .title {background:#0DA1AD; 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.75em; top:0.75em; cursor:pointer;}
.block.help .title span {font-size:100%;}
.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 #004890; background:#004890; 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:#fff; margin:0.5em 1em;}
.promo .title span {font-size:108%; font-weight:700;}
.promo .nav:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.promo .nav {display:inline-block; display:block; padding:0.5em 0.5em; text-align:right;}
.promo .nav a {color:#fff; padding-right:10px; background:url("img/promo-arrow.gif") right 0.35em no-repeat;}
.promo .nav a:hover {color:#fff}
.promo .image {margin:0;}
/* in context */
.context .promo {margin-left:1em; margin-bottom:1em;}

/* examples */
.examples {margin:2.5em 1.75em; margin-right:0em;}
.examples h2.title {margin-bottom:0.75em;}
.examples h2.title span {color:#0DA1AD;}
.examples h3.title {margin-bottom:0.5em; margin-left:105px;}
.examples h3.title span {color:#000; font-size:116%;}
.examples li {overflow:hidden; margin-bottom:1.75em; padding-bottom:1.75em; border-bottom:1px solid #E7E7E7;}
.examples .image {margin:0; float:left;}
.examples p {margin-left:105px; line-height:1.55em;}
.examples .nav {margin-left:105px;}
.examples .nav a {color:#0092CF;}
.examples .nav a:hover {color:#000;}

/* fiche -------------------------------------------------------------------- */
.fiche {background:#fff; border:1px solid #7E95A5; margin:1em 1.5em; overflow:hidden;}
.fiche .title {background:#203C7D; padding:0.5em 1em; color:#fff;}
.fiche .title span {font-size:116%;}
.fiche .spec {margin:1em 0.75em; overflow:hidden;}
.fiche .spec .caption {float:left; width:12.75em; text-align:right;}
.fiche .spec .detail {margin-left:14em;}
.fiche .remark {color:#666; margin:1em; margin-left:15em; line-height:1.25em; font-weight:300;}
.fiche p {color:#203C7D; margin:1em; margin-left:12.5em; font-weight:700;}
.fiche p img {margin-right:0.5em; vertical-align:bottom }
.fiche .footer {border-top:1px solid #C8E1F1; text-align:right; margin:1em; margin-bottom:0.5em; padding-top:0.5em;}
.fiche .footer a {color:#5EABDE; padding-right:8px; background:url("img/fiche-footer.gif") right 0.4em no-repeat;}
/* form */
form .fiche {background:#DBEBF6; border:none; margin:1em;}
form .fiche .spec {margin:0.75em;}
.wizard form .fiche .spec .caption {width:9.75em;}
.wizard form .fiche .spec .detail {margin-left:11.25em;}
.wizard form .fiche .remark {margin-left:12em;}
/* in formcontent */
.home .formcontent .fiche {margin-top:0;}

/* 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) ---------------------------------------------- */
.wizard .stepContent .formbox .formheader .notify.confirm {margin:1em;}
.wizard .stepContent .formbox .formheader .notify.confirm .title {width:auto; vertical-align:inherit;}
.wizard .stepContent .formbox .formheader .notify.confirm .title, .wizard .stepContent .formbox .formheader .notify.confirm p {color:#029D18; display:inline; margin:0;}
.wizard .stepContent .formbox .formheader .notify.confirm p a {color:#203C7D;}
.wizard .stepContent .formbox .formheader .notify.confirm .title span {font-size:100%; font-weight:700;}

/* 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;}

/* notify info -------------------------------------------------------------- */
.notify.informative {border:1px solid #7E95A5; background:#fff url("img/account-info.gif") 8px 0.4em no-repeat; padding:0.5em 1em; padding-left:25px; margin:1em 1.5em;}
.notify.informative .title span {font-size:100%; font-weight:300;}

/* 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 1.5em; border-bottom:1px solid #BDE0F4; display:none; visibility:hidden;}
.defList.popHelp .title {background:#AED7ED ; color:#203C7D; 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;}


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

/* advantages ............................................................... */
/* inside wizard */
.wizard .advantages {margin:1.75em 1.5em;}
.wizard .advantages h2.title {margin:0; margin-bottom:0.5em;}
.wizard .advantages h2.title span {color:#0DA1AD;}
.wizard .advantages .nav {color:#0093D0;}
.wizard .advantages .nav a.more {color:#0093D0; font-weight:700; padding-right:8px; background:url("img/blue-arrow.gif") no-repeat right 0.45em;}

/* steplist ................................................................. */
.numberedList ol li {padding-left:2.5em; margin-bottom:1em; line-height:1.55em; font-weight:700; color:#004081;}
.numberedList li .number {float:left; margin-left:-2.5em; color:#fff; width:1.75em; text-align:center; height:1.75em; line-height:1.75em; background:#004081;}
/* inside intro block */
.block.intro .numberedList {margin:1em 1em 0.75em; margin-right:160px;}


/* discounts ---------------------------------------------------------------- */
.discounts {margin:0em 1.5em}
.discounts ul li {float:left; width:50%;}
.discounts ul li .block.text {margin-left:0em;}
.discounts ul li .block.text .image img {border:1px solid #AAD4ED;}
.discounts ul li .block.text .title {margin-top:0em;}

/* account page ------------------------------------------------------------- */
.accountPage .col-2 .block.text {position:relative;}
.accountPage .col-2 .block.text.leftImg .more, .accountPage .col-2 .block.text.leftImg p {margin:0; margin-left:160px;}
.accountPage .col-2 .block.text.leftImg .more {margin-top:1em; overflow:hidden;}
.accountPage .col-2 .block.text.leftImg .more a {color:#fff; padding:0.5em 1em;  text-decoration:none; font-weight:700; float:left; padding-right:15px; background:#67A5DE url("img/text-more.gif") right center no-repeat;}
.accountPage.transform .col-2 .block.text.rightImg {margin-top:-0.5em;}
.accountPage.transform .col-2 .block.text.rightImg p {margin-top:0.75em;}

/* card list ................................................................ */
.cardList {margin:1em 0 2em 1.75em;}
.cardList .card {padding-left:145px; position:relative; padding-bottom:1.5em; margin-bottom:1.5em; border-bottom:1px solid #E7E7E7;}
.cardList .card .cardWrap {background:url("img/card-overview-border.gif") 56% top repeat-y;}
.cardList .card:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.cardList .card {display:inline-block; display:block;}
.cardList .card .cardWrap:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.cardList .card .cardWrap {display:inline-block; display:block;}
.cardList .card .description {float:left; width:55%; margin-bottom:0.25em; padding-right:0.75em;}
.cardList .card .description .title span {color:#000;}
.cardList .card .image {margin:0; position:absolute; left:0em; top:0em;}
.cardList .card .nav a {background:url("img/blue-arrow.gif") no-repeat right 0.45em; color:#0092CF; padding-right:8px;}
.cardList .card .nav a:hover {background-image:url("img/blue-arrow-hover.gif"); color:#000000;}
.cardList .card .cardAdvantages {float:right; width:40%; margin-bottom:0.25em;}
.cardList .card .cardAdvantages .title span {font-size:123.1%;}
.cardList .card .cardAdvantages li {color:#004081; font-size:108%; font-weight:700; margin:0.6em 0;}

/* card calculator .......................................................... */
.pushBlock .block.push.cardCalculator .content {padding:1.75em 1em; padding-bottom:1em; position:relative; min-height:7em;}
.pushBlock .block.push.cardCalculator .content h3.title {padding-right:17em;}
.cardCalculator h3.title span {font-size:108%;}
.cardCalculator .wizardSteps {position:absolute; top:0; right:1em;}
.pushBlock .block.push.cardCalculator .content .wizardSteps li {float:left; color:#203C7D; font-weight:700; padding:0.25em 0.75em; background:#DBF1F3; margin-left:0.5em;}
.pushBlock .block.push.cardCalculator .content p {color:#666666;}
.pushBlock .block.push.cardCalculator .content .nav a {margin-top:0.75em; background:#004990 url("img/button-arrow.gif") no-repeat right 0.75em; float:right; color:#fff; display:block; padding:0.35em 0.75em; text-decoration:none; padding-right:17px;}




/* error -------------------------------------------------------------------- */
.error {margin:0.75em 1em; color:#C30; font-weight:700;}

/* shop finder .............................................................. */
body.visitPage .block.intro .formbox {border:none; background:none;}
body.visitPage .block.intro .formcontent {margin:0;}
/*form */
#frm-shopFilter .formrow {margin:0.75em 0em;}
#frm-shopFilter .formrow .inputElement .inputCaption {width:8em; text-align:left;}
#frm-shopFilter .formrow .inputElement .inputCaption .label {width:8em;}
#frm-shopFilter .formrow .inputElement .inputControl {margin-left:9em;}
#frm-shopFilter .formrow:after {clear:left;}
.visitPage #frm-shopFilter .formbox {margin:15px 47px; margin-bottom:0;}  
.visitPage #frm-shopFilter .formbox .formfooter {position:absolute; top:auto; left:-9999em;}
#frm-shopFilter select {width:190px;}
/* results */
.shopResult {margin:1.25em 1.75em; margin-right:0;}
.shopResult .shop {border:1px solid #E7E7E7; padding-left:72px; position:relative; margin-bottom:1.25em;}
.shopResult .shop h3.title {color:#000; margin-top:1.75em; margin-right:1.5em; margin-bottom:0.75em;} 
.shopResult .shop h3.title span {font-size:116%;}
.shopResult .shop h4.title {color:#000;}
.shopResult .shop h4.title span {font-size:108%;}
.shopResult .shop .vcard {margin-bottom:1em; margin-right:1.5em;}

.shopResult .shop .image {position:absolute; top:17px; left:17px; margin:0;}
.shopResult .googleMap {background:#0092CF; height:29em;}

.vcard .title {margin-bottom:0.5em;}
.vcard .adr {margin-bottom:0.5em; color:#666;}
.vcard .faxPhone {color:#666;}
.vcard .adr .street-address {margin-bottom:0.25em;} 
.vcard .faxPhone .tel {margin-bottom:0.25em;}                                                
.vcard .openingHours {color:#666; margin-bottom:0.15em;}
.vcard .email {margin:0.5em 0em;}
.vcard .email a {color:#0092CF;}
.vcard .email a:hover {color:#000;}
.vcard .website {color:#fff; margin:0.5em 0em;}
.vcard .website a {color:#004990;}
.vcard .website a:hover {color:#000;}
.vcard .website a.external {background:url("img/icon-external.gif") left top no-repeat; padding-left:20px}
.vcard .financialData {color:#666; margin:1.5em 0em;}

/* advice ................................................................... */
.advice {margin:1.75em 1.5em;}
.advice h2.title {margin-bottom:0.5em;}
.advice h2.title span {color:#0DA1AD;}
.advice .cardInfo {border:1px solid #E7E7E7; background:#fff url("img/advice-bg.gif") bottom left repeat-x;}
.advice .cardInfo h3.title {margin:1em 1em; margin-bottom:0.5em; margin-left:150px;}
.advice .cardInfo h3.title span {color:#000; font-size:116%;}
.advice .cardInfo .image {margin:0.75em; float:left;}
.advice .cardInfo p {margin:0.5em 1em; margin-left:150px; color:#666666;} 

/* summary */
.summary {margin:2.5em 1.75em; margin-right:0; position:relative;}
.summary h2.title {margin-bottom:0.5em;}
.summary h2.title span {color:#0DA1AD;}
.summary .summaryContent {border:1px solid #E7E7E7; padding-bottom:2em; background:url("img/summary-bg.gif") bottom left repeat-x;}
.summary .summaryContent ul {margin:1em;}
.summary .summaryContent ul li {font-weight:700; color:#004990; margin:0.35em 0em; font-size:116%;}
.summary .nav a {position:absolute; bottom:0.75em; right:0.75em; background:#0DA1AD url("img/intro-more.gif") no-repeat right 0.75em; color:#FFFFFF; padding:0.35em 20px 0.35em 0.75em; text-decoration:none;}

/* visa card apply box ...................................................... */
.apply {margin:1em 1.75em; margin-bottom:2em; margin-right:0;}
.apply .applyContent {border:1px solid #E7E7E7; margin-bottom:0.25em; min-height:165px; position:relative; padding-right:175px;}
.apply .image {margin:0; position:absolute; bottom:1.5em; right:1.5em;}
.apply h2.title {margin:1em 1em 0.75em;}
.apply h2.title span {color:#0DA1AD;}
.apply .numberedList {margin:1em 1em;}
.apply .nav {background:#E2F4F5;}
.apply .nav:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.apply .nav {display:inline-block; display:block;}
.apply .nav a {float:right; margin:0.75em; color:#FFFFFF; padding:0.35em 0.75em; text-decoration:none; background:#004990 url("img/button-arrow.gif") no-repeat right 0.75em; padding-right:17px;}

/* advantage focus .......................................................... */
.advantagesFocus {margin:1.75em 1.75em; margin-right:0;}
.advantagesFocus h2.title {}
.advantagesFocus h2.title span {color:#0DA1AD}
.advantagesFocus .advantagesContent {position:relative; min-height:115px; padding-left:165px; border:1px solid #E7E7E7;}
.advantagesFocus .advantagesContent ul {margin:1.25em 0.75em; margin-left:0;}
.advantagesFocus .advantagesContent ul li {font-size:123.1%; font-weight:700; margin:0.6em 0em; color:#004081;}
.advantagesFocus .image {position:absolute; left:0.75em; top:0.75em; margin:0;}

/* advantage list ........................................................... */
.advantageList {margin:1.75em 1.75em; margin-right:0;}
.advantageList h2.title {}
.advantageList h2.title span {color:#0DA1AD}
.advantageList .block.text {margin-left:0; margin-top:0.5em; margin-bottom:2em;}
.advantageList .block.text h3.title {margin-bottom:0.25em;}
.advantageList .block.text h3.title span {color:#000; font-size:116%;}

/* insurance list ........................................................... */
.insuranceList {margin:1.75em 1.75em; margin-right:0;}
.insuranceList h2.title {}
.insuranceList h2.title span {color:#0DA1AD}
.insuranceList .block.text {margin-left:0; margin-top:0.5em; margin-bottom:2em;}
.insuranceList .block.text h3.title {margin-bottom:0.25em;}
.insuranceList .block.text h3.title span {color:#000; font-size:116%;}

/* page navigation .......................................................... */
.pageNav {margin:1.75em 1.75em;}
.pageNav:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.pageNav {display:inline-block; display:block;}
.pageNav a.more {float:left; background:url("img/blue-arrow.gif") no-repeat right 0.45em; color:#0092CF; padding-right:10px;}
.pageNav a.more:hover {color:#000; background-image:url("img/blue-arrow-hover.gif");}
.pageNav a.more.button {float:right; background:#0DA1AD url("img/intro-more.gif") no-repeat right 0.75em; color:#FFFFFF; font-weight:700; padding:0.35em 20px 0.35em 0.75em; text-decoration:none;}

/* sitemap .................................................................. */
.sitemap {margin:1em 0 3em 1.75em;}
.sitemap h2.title {margin:1em 0em; margin-bottom:0.75em;}
.sitemap h2.title span {color:#0DA1AD;}
/* menus */
.sitemap .menu {border-bottom:1px solid #E7E7E7; padding-bottom:1.75em;}
.sitemap .menu h2.title {margin-top:0em;}
.sitemap .menu .mainMenu {float:left; width:35%;}
.sitemap .menu .serviceMenu {margin-left:40%;}
.sitemap .menu li {margin-bottom:0.25em;}
/* sections */
.sitemap .section {margin:1.25em 0em; margin-bottom:1.75em; border-bottom:1px solid #E7E7E7; }
.sitemap .section.last {border-bottom:none;}
.sitemap .section h3.title {margin-bottom:0.25em;}
.sitemap .section p {margin-top:0.25em;}
.sitemap .section li {margin-bottom:1.75em;}

/* conditions ............................................................... */
.conditions {margin:2.5em 0 2.5em 1.75em}
.conditions h2.title {margin-bottom:0.75em;}
.conditions h2.title span {color:#0DA1AD;}
.conditions ul li {margin-bottom:1.75em; position:relative; padding-bottom:1.5em; border-bottom:1px solid #E7E7E7;}
.conditions .nav a {bottom:-0.5em; color:#0092CF; position:absolute; right:0; background:#fff; padding-left:0.25em}
.conditions .nav a:hover {color:#000;}
/* general list styling */
.conditions ul ul, .conditions ul ol {margin:0.75em 0;}  
.conditions ul ul li, .conditions ul ol li {margin-bottom:0.25em; padding-bottom:0; border:none; color:#666666; /*list-style-image:url("img/list-text-bullet.gif"); list-style-position:inside;*/ list-style:none;}
.conditions ul ol li {list-style-image:none; list-style-type:decimal;}

/* iframe ................................................................... */
iframe {border:none; width:100%;}

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

/* formbox ------------------------------------------------------------------ */
.formbox {margin:1em 1.5em; margin-right:0; position:relative; background:#F3F3F3; border:1px solid #E7E7E7;}
.formbox.inline {background:none; margin:0; border:none;}
.formbox .formheader {padding:0em 0.75em;}
.formbox .formcontent {margin:1em 0em; margin-top:2em; }
/* contact */
.contact .formbox {margin-bottom:0;}
.contact .formbox .formheader {position:relative; padding:0; margin-bottom:3em;}
.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%;}
/* wizard */
.wizard .formbox .formfooter {background:#E2F4F5;}
.wizard .formbox .formfooter .buttongroup {background:#E2F4F5;}
/* account transform page */
.accountPage.transform .formbox .formcontent {background:#fff; border:1px solid #7C96A7;}
.accountPage.transform .formbox .formcontent .formrow {margin-left:1.5em;}
.accountPage.transform .formbox .formcontent p {margin:1em 1.5em;}
.accountPage.transform .formbox .formfooter {padding:0; margin-top:1em;}
.accountPage.transform .formbox .text.block p {color:#0071BC; margin:0;}
/* account transform page */
.accountPage.logindata .formbox .formcontent {background:#fff; border:1px solid #7C96A7;}
.accountPage.logindata .formbox .formcontent .formrow {margin-left:1.5em;}
.accountPage.logindata .formbox .formcontent p {margin:1em 1.5em;}
.accountPage.logindata .formbox .formfooter {padding:0; margin-top:1em;}
.accountPage.logindata .formbox .text.block p {color:#0071BC; margin:0;}
.accountPage.logindata .formrow .inputElement .inputControl .controls .controlHint {display:block;}

/* formbox (inline) --------------------------------------------------------- */
.formbox.inline .formcontent {display:inline; margin:0;}
.formbox.inline .formcontent form {display:inline;}
.formbox.inline .formcontent .controls {display:inline; margin:0;}
.formbox.inline .formfooter {display:inline; border:none;}
/* register wizard */
.wizard.register .formbox {position:relative;}
.wizard.register .formbox .formfooter {position:absolute; bottom:1.1em; left:19em;}

/* required legend ---------------------------------------------------------- */
.formheader .requiredLegend {position:absolute; margin:0; top:0.25em; right:0.5em;}
.formheader .requiredLegend span.star {color:#5AAAE5;}

/* fieldset ----------------------------------------------------------------- */
fieldset .fields {padding:0.5em 0em;}
fieldset .info {margin:0.5em 1em; color:#01456A;}
fieldset.level1 {padding-left:0.01em; margin:1.5em 2em; margin-bottom:1.5em; background:#fff; position:relative; padding-top:2.1em;}
fieldset.level1 legend.level1 .legend {display:block; position:absolute; left:0; right:0; width:96%; padding:0.5em 2%; font-weight:700; color:#fff; background:#203C7D;}
fieldset.level1 legend.level1 .legend .pad {padding:0em 1em;}
fieldset.level1 .fieldContent {border:1px solid #7C96A7; border-top:0; overflow:hidden;}
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; margin-left: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 inline */
.formrow .inline .controls {display:inline;}
/* bordered */
.formrow.bordered {border-top:1px solid #C7E2ED; padding-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; width:11em;}
.formrow .inputElement .inputCaption .label {width:10.5em; display:block; margin-right:1em; position:relative; color:#203C7D; font-weight:700; line-height:1.5em;}
.formrow .inputElement .inputCaption .label .required {position:absolute; right:-0.75em; top:0.1em; color:#5AAAE5; font-size:108%;}
.formrow .inputElement .inputControl {margin-left:12em;}
.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:#fff;}
.formrow .inputElement .inputControl .controls .controlHint {color:#666; margin:0.5em 0em;}
.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; margin:-0.25em 0em 0em 0.2em; cursor:pointer; position:relative; top:0.5em;}
.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;}
/* extra */
.formrow .inputElement.extra .inputCaption {width:auto; margin-right:0.5em;}
.formrow .inputElement.extra .inputControl {margin-left:0;}
/* small */
.formrow.small .inputElement {float:none;}
.formrow.small .inputElement .inputCaption {width:auto; float:none;}
.formrow.small .inputElement .inputCaption label {width:auto;  text-align:left;}
.formrow.small .inputElement .inputControl {margin:0.5em 0em;}

/* 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 {overflow:hidden; background:#fff; border-top:1px solid #E7E7E7; padding:0.25em;}
.buttongroup .abort {float:left; margin:0.5em; margin-left:1em;}
.buttongroup .abort a {line-height:1.5em; font-weight:700;}
.buttongroup .advance {float:right; margin:0.25em; margin-left:1em;}
.buttongroup .formrow {margin:0.5em;}
.buttongroup .formrow .inputElement.singleCheck .inputControl .controls label  {color:#213D7E; font-weight:700;}
.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.submit.cart,.formbox .buttongroup .advance a.submit.cart:hover {background:url("img/button-arrow.gif") no-repeat scroll right 0.75em #004990;
padding:0.35em 17px 0.35em 0.75em;color:#FFFFFF; text-decoration:none;font-size:100%;}

.formbox .buttongroup .advance a:hover {background-image:url("img/blue-arrow-hover.gif"); color:#000;}
/* access page */
.accessPage .buttongroup .abort a {color:#1F3984; margin:0.5em; float:left; background:url("img/faq-back.gif") left 0.45em no-repeat; padding-left:10px;}
.accessPage .formbox .formcontent {background:#fff; border:1px solid #8095A6; margin-bottom:1em;}
.accessPage .formbox .formcontent .inputElement .controlHint {display:block;}
/* kids page */
.kids .buttongroup .abort a {margin:0.5em; float:left; background:url("img/faq-back.gif") left 0.5em no-repeat; padding-left:10px; color:#1F3A81;}

/* form error --------------------------------------------------------------- */
.home .wizard .stepContent .formbox .formError {margin:1em;}
.home .wizard .stepContent .formbox .formError h2.title {width:auto; margin:0; vertical-align:inherit;}
.home .wizard .stepContent .formbox .formError h2.title span {font-size:100%; font-weight:700; line-height:1.5em;}
.home .wizard .stepContent .formbox .formError .title, .home .wizard .stepContent .formbox .formheader .formError p {display:inline; color:#F60707; margin:0;}
.home .wizard .stepContent .formbox .formheader .formError p a {color:#203C7D;}

/* 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;}


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

/* generic input elements --------------------------------------------------- */
.textfield {border:1px solid #CCCCCC; font-size:120%; height:1.25em; color:#A3A3A3; padding:0.1em 0.1em;}
.textfield.postcode {width:4em;}
input.textfield.disabled {border:1px solid #E6E6E6; border-bottom-color:#EFEFEF; border-right-color:#EFEFEF; background:#fff; color:#BABABA;}
textarea {border:1px solid #A2A2A2; border-bottom-color:#C4C4C4; border-right-color:#C4C4C4; color:#666; font-size:119%;}
select {border:1px solid #A2A2A2; border-bottom-color:#C4C4C4; border-right-color:#C4C4C4; 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;}

/* password ----------------------------------------------------------------- */
.formrow .inputElement.pass .inputControl .control {overflow:hidden;}
.formrow .inputElement.pass .inputControl .controls input {float:left;}
.formrow .inputElement.pass .inputControl .controls .strength {margin-left:0.5em; float:left; margin-left:1em; height:2em; position:absolute; left:-999em; top:-999em;}
.formrow .inputElement.pass .inputControl .controls .strength.weak {color:#F60707; background:url("img/pass-weak.gif") left bottom no-repeat; position:static;}
.formrow .inputElement.pass .inputControl .controls .strength.medium {color:#5EABDE; background:url("img/pass-medium.gif") left bottom no-repeat; position:static;}
.formrow .inputElement.pass .inputControl .controls .strength.strong {color:#029D18; background:url("img/pass-strong.gif") left bottom no-repeat; position:static;}

/* radio button */
.formrow .inputElement.radio .inputControl .controls .control {margin-right:0.75em; color:#666666; position:relative; padding-left:20px; line-height:1.75em;}
.formrow .inputElement.radio .inputControl .controls input {height:14px; left:0px; border:none; margin:0; padding:0; position:absolute; top:1px; width:14px; vertical-align:middle; text-align:left;}
.formrow .inputElement.radio .inputControl .controls .label {color:#666666;}

/* radiobutton list --------------------------------------------------------- */
.formrow .inputElement.radiolist {float:none;}
.formrow .inputElement.radiolist .inputControl .controls {line-height:1.75em; display:block;}
.formrow .inputElement.radiolist .inputControl .controls .control {position:relative; margin-bottom:0.25em; padding-left:18px; display:block;}
.formrow .inputElement.radiolist .inputControl .controls input {position:absolute; left:0; top:0.3em; 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.small .inputElement.radiolist .inputCaption {float:none; text-align:left;}
.formrow.small .inputElement.radiolist .inputCaption .label {width:auto; position:static; padding-bottom:0.25em; color:#203C7D;}
.formrow.small .inputElement.radiolist .inputCaption .label .required {position:static;}
.formrow.small .inputElement.radiolist .inputControl {margin:0;}
.formrow.small .inputElement.radiolist .inputControl .controls .control {float:left; margin-right:2em;}
.formrow.small .inputElement.radiolist .inputControl .controls .control .label {color:#203C7D; font-weight:700;}
/* game page */
.gamePage .formcontent .formrow.small {border-top:1px solid #C7E2ED; margin:1em 1.5em; padding-top:1em;}

/* checkbox single ------------------------------------------------------------ */
.formrow .inputElement.singleCheck {float:none;}
.formrow .inputElement.singleCheck .inputControl {margin-left:9em;}
.formrow .inputElement.singleCheck .inputControl .controls {line-height:1.75em; position:relative; padding-left:20px; float:left; clear:left;color:#5AAAE5;}
.formrow .inputElement.singleCheck .inputControl .controls label {color:#203C7D; font-weight:700;}
.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;}
/* small */
.formrow.small .inputElement.singleCheck .inputControl {margin:0; overflow:hidden;}
/* 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 .control {line-height:1.75em; margin-bottom:0.25em; 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;}

/* checkbox grid ------------------------------------------------------------ */
.formrow .inputElement.checkgrid {float:none; overflow:hidden;}
.formrow .inputElement.checkgrid .col {float:left; width:30%; margin-right:2.5%;}
.formrow .inputElement.checkgrid .inputControl {margin:0;}
.formrow .inputElement.checkgrid .inputControl .controls {line-height:1.75em; position:relative; padding-left:20px; float:left; clear:left; margin:0.25em 0em; width:100%;}
.formrow .inputElement.checkgrid .inputControl .controls input {position:absolute; left:0; top:0.2em; width:15px; height:15px; vertical-align:middle;}
.formrow .inputElement.checkgrid .inputControl .controls .label {color:#1E3C84;}

/* 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 th {color:#203C7D; padding:0.5em 0em; text-align:left;}
.table table tr td {border-bottom:1px solid #C6E2EE; padding:0.5em 0em;}
.table table caption {text-align:left; font-size:115%; font-weight:700; margin-bottom:0.5em;}
/* form table */
form .table .col1 {width:30%;}
form .table .col2 {width:26%;}
form .table .col3 {width:44%;}
form .table .label {margin-right:1em; color:#203C7D;}
form .table .hint {color:#203C7D;}
form .table tfoot td {padding-top:1em; border:none;}
form .table tfoot td a {color:#1E4080;}

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

/* basic wizard ------------------------------------------------------------- */
.wizard {margin:1.5em 1.75em; margin-right:0; overflow:hidden; background:#fff;}
.wizard .buttonGroup {background:#BDE0F4;}
/* steps */
.wizard .step span.nr {float:left; height:1.85em; width:1.9em; background:#01456A; color:#fff; text-align:center; line-height:1.85em; font-size:125%;}
.wizard .step span.text {float:left; color:#fff; font-size:108%; margin-left:1px; padding:0.46em 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 {float:left; width:17em; margin:0em 1.5em; margin-right:0;}
.wizard .context .questions .title span {font-size:100%;}
.wizard .stepList {overflow:hidden; margin-bottom:0.5em;}
.wizard .stepList li {float:left; margin-right:0.5em; }
.wizard .stepList li .page {text-decoration:none; background:#DBF1F3; color:#004081; display:block; font-weight:700; padding:0.4em 0.75em;}
.wizard .stepList li .page span.nr {background:#203C7D; color:#fff;}
.wizard .stepList li .page span.text {color:#fff; display:block; width:11em; background:#5EABDF;}
.wizard .stepList li.active .page {background:#004990; color:#fff;}
/* wizard content */
.wizard .stepContent {border:none; overflow:hidden;}
.wizard .stepContent .formbox {margin:0; background:#fff; overflow:hidden; border:none;}
.wizard .stepContent .formbox .formheader {position:relative; padding:0; overflow:hidden;}
.wizard .stepContent .formbox .formheader .title {background:#fff; margin:1em 0em; vertical-align:middle;}
.wizard .stepContent .formbox .formcontent {border:1px solid #E5E8EB; margin:0; margin-bottom:0.25em;}
.wizard .stepContent .formbox .privacy {margin:1em 2.5em; margin-right:0; margin-bottom:2em;}
.wizard .stepContent .formbox .privacy a {color:#666; font-weight:700;}
.wizard .stepContent .formbox .formrow {border-bottom:1px solid #E7E7E7; margin:0.75em 1.5em; margin-bottom:1.75em; padding-bottom:1.5em;}
.wizard .stepContent .formbox .formrow .inputElement {margin:0em 0.25em;}
.wizard .stepContent .formbox .formrow.last {padding-bottom:0; border:none;}
.wizard .block.text {margin-top:0.25em; margin-bottom:0.25em;}
.wizard .stepContent .block.text {margin:1.75em 1.5em;}
.wizard .stepContent .block.text p {margin-top:0; color:#666666;}
.wizard .stepContent .formbox .formfooter input.submit {background:#004990 url("img/button-arrow.gif") right 0.85em  no-repeat; padding:0.35em 0.75em; padding-right:17px;} 
.wizard .stepContent .formbox .formfooter a.back {background:url("img/wizard-back.gif") left 0.35em no-repeat; padding-left:10px; line-height:1.75em;}
/* 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;}
.wizard .textblock {margin:0em 1em;}
.wizard .stepContent .textblock {margin:1em 0em;}
.wizard .stepContent .textblock p {color:#0077B4;}
/* form items */
.wizard .stepContent .formrow .inputElement .inputCaption .number {float:left; color:#fff; width:1.5em; font-weight:700; text-align:center; height:1.5em; font-size:108%; line-height:1.5em; background:#004081;}

.wizard .stepContent .formrow .inputElement.radiolist .inputCaption {float:none; width:auto; text-align:left; margin-bottom:0.5em;}
.wizard .stepContent .formrow .inputElement.radiolist .inputCaption .label {width:auto; margin-left:2.5em;}
.wizard .stepContent .formrow .inputElement.radiolist .inputControl {margin-left:2.5em;}
.wizard .stepContent .formrow .inputElement.checklist .inputCaption {float:none; width:auto; text-align:left; margin-bottom:0.5em;}
.wizard .stepContent .formrow .inputElement.checklist .inputCaption .label {width:auto; margin-left:2.5em;}
.wizard .stepContent .formrow .inputElement.checklist .inputControl {margin-left:2.5em;}
.wizard .stepContent .formrow .inputElement.checklist .inputControl .controls .label,
.wizard .stepContent .formrow .inputElement.radiolist .inputControl .controls .label {color:#0DA1AD;}

/* ========================================================================== */
/* 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;}



/* ========================================================================== */
/* Carrefour General Header                                                   */
#cf-main #footer {background:none; border:none; padding:0; margin-top:27px; color:#666; font-family:Arial; font-size:13px;}
#cf-main #footer .secondNav {padding:0em 0em;}
#cf-main #footer a {color:#003f81;}
#cf-main #footer a:hover {color:#000;}
#footer .secondNav ul li.first {background:none;}