/* ========================================================================== */
/* 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; width:30em; margin:0em auto 0em auto; height:16em;}
.splash #content {background:#fff; border:1px solid #ccc; position:absolute; bottom:-40px; width:100%;}

.splash h1.title {margin-top:4.5em;}
.splash h1.title span {text-align:center; line-height:2em; color:#003d72; display:block;}

.splash #content img {position:absolute; left:4em; top:1.9em;}
.splash #content .langnav {margin-left:11.6em; height:100%; background:#005bab; overflow:hidden;}
.splash #content .langnav ul li {font-size:75%;}
.splash #content .langnav ul li p {margin:1em; margin-bottom:0; color:#fff;}
.splash #content .langnav ul li div {margin:1em; margin-bottom:1.5em; margin-top:0;}
.splash #content .langnav ul li div a {font-size:140%; color:#fff; font-weight:700;}

.splash #footer {position:absolute; bottom:-10em; width:100%; background:none; font-size:85%;}
.splash #footer .secondNav ul li {background:none;}
.splash #footer .secondNav ul li a {margin-left:0;}
.splash #footer .secondNav ul li.first {background-position:left 0.15em;}
/* ========================================================================== */
/* 01. page main structure                                                    */
/* ========================================================================== */

#cf-main #header {position:relative;}

/* ========================================================================== */
/* 02. grids                                                                  */
/* ========================================================================== */

/* grid two right ----------------------------------------------------------- */
#content .gridTwoRight {padding-right:22em; padding-bottom:1em;}
#content .gridTwoRight .col-1 {float:right; width:22em; margin-right:-22em;}
#content .gridTwoRight .col-2 {float:left; width:100%;}

/* 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                                                                 */
/* ========================================================================== */

h1.title {margin:1em; margin-right:0em; color:#005bab;}
.block.text h2 {color:#666;}

/* ========================================================================== */
/* 04. links and buttons                                                      */
/* ========================================================================== */

/* generic link declaration ------------------------------------------------- */
a {color:#005bab;}
a:hover {color:#000;}

/* logon link ----------------------------------------------------------------*/
.logon {background:#fff; width:21em; position:absolute; bottom:0em; right:0em; padding-left:1em;}
.logon .subscribe {display:block; height:1.25em; font-weight:700; color:#fff; text-align:right; padding:0.5em 1.5em; padding-right:20px; background:#003d72; text-decoration:none;}
.logon a.subscribe {background:#003d72 url("img/logon-arrow.gif") right center no-repeat;}
.logon a.subscribe:hover {color:#fff;}

/* 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;}
/* submit buttons ----------------------------------------------------------- */
input.submit {border:none; padding:0em 0.25em; background:#0083a9; padding-bottom:3px; height:1.75em; font-size:100%; color:#fff; margin-left:0.5em;}
/* in wizard */
.wizard input.submit {padding-right:14px; background:#0083a9 url("img/button-arrow.gif") right 0.6em no-repeat;}

/* ========================================================================== */
/* 05. navigation                                                             */
/* ========================================================================== */

/* horizontal menu ---------------------------------------------------------- */
#header .horizontalNav {background:#005bab;}
#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:#003d72;}
#header .horizontalNav li.active {background:#003d72;}

/* tree --------------------------------------------------------------------- */
.tree {border:1px solid #e7e7e7;}
.tree .title {padding:0.5em 0.75em; background:#eee url("img/tree-bg.gif") left bottom repeat-x; font-size:93%; color:#666;}
.tree ul {margin:0.75em;}
.tree ul li {color:#666;}
.tree ul li.open>.page {font-weight:700; color:#666;}
.tree ul li .page {line-height:2em; color:#005bab; padding-left:8px; display:block; text-decoration:none; background:url("img/bullet-blue.gif") left 0.83em 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;}
.tree ul ul li .page {color:#005bab; font-weight:300;}

/* breadcrumb --------------------------------------------------------------- */
.breadcrumb {margin:1em; margin-top:0; margin-right:0;}
.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 .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:185px;}
.accordeon .title {background:#005636; border-bottom:1px solid #005636; padding:0.5em 0.75em; margin-left:240px;}
.accordeon .title span.main {color:#fff; font-size:130%; line-height:1em;}
/* 5 reasons list */
.accordeon .list .wrap1 {min-height:137px; padding-bottom:2em; margin-left:240px; background:#83ad3c} /* 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; background:url("img/eco-planet.gif") right bottom no-repeat;} /* 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%; xdisplay:block;}
.accordeon .list .wrap1 ul li a.handle:hover {color:#000;}
/* call to action navigation */
.accordeon .list .wrap1 .nav {position:absolute; bottom:0em; right:0em;}
.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 .box {position:absolute; top:0em; left:0; width:240px; 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:0.5em 0em;}
.block.text h2.title span {font-size:115%;}
.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 {padding-left:9px; background:url("img/bullet-blue.gif") left 0.75em no-repeat; 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;}
/* in calculator wizard */
.calc .wizard .image .graphic {text-align:left;}

/* ========================================================================== */
/* 07. content components                                                     */
/* ========================================================================== */

/* search shop -------------------------------------------------------------- */
.searchShop {background:#ededed; margin:1em 0em; padding:1em;}
.searchShop .title {color:#666;}
.searchShop .formbox {margin:0; margin-top:0.5em; border:none; background:transparent;}
/* uchrony 06/06/2008 .searchShop .formbox .textfield {border:1px solid #dcdcdc; border-left-color:#e8e8e8; border-top-color:#e8e8e8; width:12em;}  */
.searchShop .formbox .textfield {border:1px solid #dcdcdc; border-left-color:#e8e8e8; border-top-color:#e8e8e8; width:10em;}

/* uchrony added 06/06/2008 */
/* locator ------------------------------------------------------------------ */
.locator #content .gridTwoLeft .col-1 .gridOne {background:url(img/twocolLeft-left.gif) left top no-repeat;padding:1.5em; padding-top:4em;}
.locator #content .gridTwoLeft .col-1 .gridOne .block.text {margin:0em; background:#ffffff; padding:0.75em;}
.locator #content .gridTwoLeft .col-2 .gridOne {padding:0.5em 2em;}
/* uchrony added 06/06/2008 */

/* energy site banner ------------------------------------------------------- */
.banner {/*background:url("img/logo-slogan.gif") right center no-repeat;*/ padding-top:1em; height:74px;}
.banner .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:1em 0em;}
.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.5em 0.5em; padding-left:50px;}
.questions ul li.qFaq {background-image:url("img/qFaq.gif"); background-position:12px center;}
.questions ul li.qPhone {background-image:url("img/qPhone.gif"); background-position:14px center;}
.questions ul li.qMail {border-bottom:none; background-image:url("img/qMail.gif"); background-position:9px center;}
/* questions home */
.home .questions {width:21em; float:right; margin-bottom:0;}
.home .questions .title {padding-top:0em; padding-bottom:1.65em;}
.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;}

/* 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:#505bab; 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 {color:#333; margin:0.5em 0em;}
.faq .answers li .block .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 0em; margin-right:0; background:#f7f7f7; overflow:hidden; border:1px solid #ececec;}
.choices .title {margin:1em 0.75em; margin-bottom:0; color:#003d72; font-size:125%; font-weight:700;}
.choices .title span {}
.choices .block.choice {float:left; width:20.5em; margin:0.75em; margin-right:0;}
.choices .block.choice .title {color:#fff; font-size:100%; padding:0.75em 0.5em; margin:0; }
.choices .block.choice .title a {color:#fff; padding-right:8px; text-decoration:none; background:url("img/choices-arrow.gif") right center no-repeat;}
.choices .block.choice .content {background:#fff url('img/choices-bg-repeat.gif') left bottom repeat-x; overflow:hidden; padding:0em 0.5em;}
/**/
.choices .quality .title {background:#cb1d14;}
.choices .block.quality .title a {background-image:url("img/arrow-red.gif");}
.choices .price .title {background:#025dae;}
.choices .policy .title {background:#a9b312;}
.choices .block.policy .title a {background-image:url("img/arrow-green.gif");}

/* focus block -------------------------------------------------------------- */
.block.focus {margin:1em; margin-right:0em;}
.block.focus .title {background:#eee url("img/focus-bg-repeat.gif") left bottom repeat-x; padding:0.4em 1em; color:#666;}
.block.focus .title span {font-size:108%;}
.block.focus .content {background:#fff; margin:0em; border:1px solid #ececec; border-top:none; border-bottom:none; overflow:hidden;}
.block.focus .nav {text-align:right; border:1px solid #f5f5f5; background:#fff url("img/focus-nav-bg.gif") left bottom repeat-x; padding:0.37em 1em;}
.block.focus .nav a {background:url(img/focus-nav-arrow.gif) right center no-repeat; padding-right:10px; text-decoration:none;}
.block.focus .nav a:hover {background-image:url("img/blue-arrow-hover.gif"); text-decoration:underline;}
.block.focus .content p, .block.focus .content ol {margin:0.75em;}
.block.focus .content .image {margin:0;}
.block.focus .content ul {margin-left:1em;}
.block.focus .content li {margin-bottom:0.5em; color:#666; background:url(img/bullet-blue.gif) no-repeat left 0.75em; padding-left:9px}
/* home */
.home .gridTwoRight .col-1 .gridOne .block.focus.first .title {background:#005bac; color:#fff;}

/* tag cloud ---------------------------------------------------------------- */
.cloud {margin:1em; margin-right:0em; border:1px solid #ececec;}
.cloud .title {background:#eee url("img/focus-bg-repeat.gif") left bottom repeat-x; padding:0.5em 1em; color:#666;}
.cloud .title span {font-size:108%;}
.cloud ol {margin:0.5em;}
.cloud li {display:inline; margin-right:0.5em; -line-height:2em;}
.cloud li a {text-decoration:none;}
.cloud li a:hover {text-decoration:underline;}
.cloud li.size1 a {font-size:85%;}
.cloud li.size2 a {font-size:115%;}
.cloud li.size3 a {font-size:145%;}
.cloud li.size4 a {font-size:175%;}

/* video -------------------------------------------------------------------- */
.video {margin:1em; margin-right:0;}

/* flash home --------------------------------------------------------------- */
/*.flashHome {height:34.8em; background:#005bab; margin:1em 0em;}*/
.flashHome {height:33.7em; margin:1em 0em;}

/* gamma details ------------------------------------------------------------ */
.gammadetail .block.focus .nav {background:#ededed url("img/focus-nav.gif") left top repeat-x;}
.gammadetail .block.focus .nav a {text-decoration:none; background:url(img/focus-nav-arrow.gif) right center no-repeat;}
.gammadetail .block.focus .content li {background:url("img/bullet-blue.gif") left 0.75em no-repeat; padding-left:10px;}
/* gamma fiche */
.gammadetail .gammaFiche {margin:1em; margin-right:0;}
.gammadetail .gammaFiche .block.intro {min-height:231px; padding-left:231px; overflow:hidden; position:relative;}
.gammadetail .gammaFiche .block.intro .title {font-size:93%; margin:1em;}
.gammadetail .gammaFiche .block.intro p {margin:1em;}
.gammadetail .gammaFiche .block.intro .image {position:absolute; top:0em; left:0em; margin:0em;}
.gammadetail .gammaFiche .block.intro .image .graphic {text-align:left}
/* gamma specials */
.gammadetail .gammaFiche .specials {margin-top:1em;}
.gammadetail .gammaFiche .specials .title {background:#e6effa; color:#003d72; font-size:93%;}
.gammadetail .gammaFiche .specials .title span {display:block; padding:0.5em; border-bottom:1px solid #fff;}
.gammadetail .gammaFiche .specials .special {padding-left:150px; position:relative; min-height:130px; margin-top:1em;}
.gammadetail .gammaFiche .specials .special .title {color:#dc5e94; background:#fff; margin:1em;}
.gammadetail .gammaFiche .specials .special .title span {padding:0.25em; border:none;}
.gammadetail .gammaFiche .specials .special .image {position:absolute; left:0; top:0; width:150px; margin:0;}
.gammadetail .gammaFiche .specials .special  ul {margin:1em 1.5em;}
.gammadetail .gammaFiche .specials .special  ul li {padding-left:10px; line-height:1.25em; background:url("img/bullet-white.gif") left 0.5em no-repeat; margin:0.25em 0em;}
.gammadetail .gammaFiche .specials .special .availability {margin:0.5em;}
.gammadetail .gammaFiche .specials .special .availability .title {color:#666; background:none;}
.gammadetail .gammaFiche .specials .special .availability ul {margin:0em 1.5em;}
.gammadetail .gammaFiche .specials .special .availability ul li {float:left; width:25%; margin:0; padding-left:15px;}
.gammadetail .gammaFiche .specials .special .availability ul li.available {background:url("img/available.gif") left 0.1em no-repeat;}
.gammadetail .gammaFiche .specials .special .availability ul li.unavailable {background:url("img/unavailable.gif") left 0.1em no-repeat;}

/* baby */
.gammadetail.baby .block.focus.gamma .title {background:#dc5e94 url("img/baby-focus-title.gif") left top repeat-x; color:#fff;}
.gammadetail.baby .block.focus.gamma .nav a {background-image:url("img/baby-focus-arrow.gif");}
.gammadetail.baby .block.focus.gamma .content li {background-image:url("img/baby-bullet.gif")}
.gammadetail.baby .gammaFiche .block.intro {background:#E4EDF9 url("img/baby-bg.jpg") left top no-repeat; color:#fff;}
.gammadetail.baby .gammaFiche .block.intro .title {color:#DC5E94;}
.gammadetail.baby .gammaFiche .block.intro p {color:#666666;}
.gammadetail.baby .gammaFiche .block.intro a {color:#666666;}
.gammadetail.baby .gammaFiche .specials {color:#666666;}
.gammadetail.baby .gammaFiche .specials .title {background:#DC5E94 url("img/baby-gamma-title.gif") repeat-x left top; color:#fff;}
.gammadetail.baby .gammaFiche .specials .special .title {background:#E4EDF9; color:#DC5E94;}
.gammadetail.baby .gammaFiche .specials .special ul li {background-image:url("img/baby-bullet.gif")}
.gammadetail.baby .gammaFiche .specials .special .availability ul li.available {background-image:url("img/baby-available.gif");}
.gammadetail.baby .gammaFiche .specials .special .availability ul li.unavailable {background-image:url("img/baby-unavailable.gif");}
.gammadetail.baby .gammaFiche .specials .special .availability .title {background:none; color:#666666;}

/* bio */
.gammadetail.bio .block.focus.gamma .title {background:#5DBA4C url("img/bio-focus-title.gif") left top repeat-x; color:#fff;}
.gammadetail.bio .block.focus.gamma .nav a {background-image:url("img/bio-focus-arrow.gif");}
.gammadetail.bio .block.focus.gamma .content li {background-image:url("img/bio-bullet.gif")}
.gammadetail.bio .gammaFiche .block.intro {background:#EDF3C3 url("img/bio-bg.jpg") left top no-repeat; color:#fff;}
.gammadetail.bio .gammaFiche .block.intro .title {color:#4bae3a;}
.gammadetail.bio .gammaFiche .block.intro p {color:#408034;}
.gammadetail.bio .gammaFiche .block.intro a {color:#408034;}
.gammadetail.bio .gammaFiche .specials {color:#666666;}
.gammadetail.bio .gammaFiche .specials .title {background:#5CBA4C url("img/bio-gamma-title.gif") repeat-x left top; color:#fff;}
.gammadetail.bio .gammaFiche .specials .special .title {background:#EDF3C3; color:#4bae3a;}
.gammadetail.bio .gammaFiche .specials .special ul li {background-image:url("img/bio-bullet.gif")}
.gammadetail.bio .gammaFiche .specials .special .availability ul li.available {background-image:url("img/bio-available.gif");}
.gammadetail.bio .gammaFiche .specials .special .availability ul li.unavailable {background-image:url("img/bio-unavailable.gif");}
.gammadetail.bio .gammaFiche .specials .special .availability .title {background:none; color:#666666;}

 /* carrefour */
.gammadetail.carrefour .block.focus.gamma .title {background:#0263A3 url("img/carrefour-focus-title.gif") left top repeat-x; color:#fff;}
.gammadetail.carrefour .block.focus.gamma .nav a {background-image:url("img/carrefour-focus-arrow.gif");}
.gammadetail.carrefour .block.focus.gamma .content li {background-image:url("img/carrefour-bullet.gif")}
.gammadetail.carrefour .gammaFiche .block.intro {background:#F7F7F7 url("img/carrefour-bg.jpg") left top no-repeat; color:#fff;}
.gammadetail.carrefour .gammaFiche .block.intro .title {color:#0072BC;}
.gammadetail.carrefour .gammaFiche .block.intro p {color:#333333;}
.gammadetail.carrefour .gammaFiche .block.intro a {color:#333333;}
.gammadetail.carrefour .gammaFiche .specials {color:#333333;}
.gammadetail.carrefour .gammaFiche .specials .title {background:#0263A3 url("img/carrefour-gamma-title.gif") repeat-x left top; color:#fff;}
.gammadetail.carrefour .gammaFiche .specials .special .title {background:#F7F7F7; color:#0072BC;}
.gammadetail.carrefour .gammaFiche .specials .special ul li {background-image:url("img/carrefour-bullet.gif")}
.gammadetail.carrefour .gammaFiche .specials .special .availability ul li.available {background-image:url("img/carrefour-available.gif");}
.gammadetail.carrefour .gammaFiche .specials .special .availability ul li.unavailable {background-image:url("img/carrefour-unavailable.gif");}
.gammadetail.carrefour .gammaFiche .specials .special .availability .title {background:none; color:#333333;}

 /* cosmetics */
.gammadetail.cosmetics .block.focus.gamma .title {background:#522E7F url("img/cosmetics-focus-title.gif") left top repeat-x; color:#fff;}
.gammadetail.cosmetics .block.focus.gamma .nav a {background-image:url("img/cosmetics-focus-arrow.gif");}
.gammadetail.cosmetics .block.focus.gamma .content li {background-image:url("img/cosmetics-bullet.gif")}
.gammadetail.cosmetics .gammaFiche .block.intro {background:#EBF2ED url("img/cosmetics-bg.jpg") left top no-repeat; color:#fff;}
.gammadetail.cosmetics .gammaFiche .block.intro .title {color:#613794;}
.gammadetail.cosmetics .gammaFiche .block.intro p {color:#333333;}
.gammadetail.cosmetics .gammaFiche .block.intro a {color:#333333;}
.gammadetail.cosmetics .gammaFiche .specials {color:#333333;}
.gammadetail.cosmetics .gammaFiche .specials .title {background:#532E7F url("img/cosmetics-gamma-title.gif") repeat-x left top; color:#fff;}
.gammadetail.cosmetics .gammaFiche .specials .special .title {background:#EBF2ED; color:#613794;}
.gammadetail.cosmetics .gammaFiche .specials .special ul li {background-image:url("img/cosmetics-bullet.gif")}
.gammadetail.cosmetics .gammaFiche .specials .special .availability ul li.available {background-image:url("img/cosmetics-available.gif");}
.gammadetail.cosmetics .gammaFiche .specials .special .availability ul li.unavailable {background-image:url("img/cosmetics-unavailable.gif");}
.gammadetail.cosmetics .gammaFiche .specials .special .availability .title {background:none; color:#333333;}

 /* ecoplanet */
.gammadetail.ecoplanet .block.focus.gamma .title {background:#88B03C url("img/ecoplanet-focus-title.gif") left top repeat-x; color:#fff;}
.gammadetail.ecoplanet .block.focus.gamma .nav a {background-image:url("img/ecoplanet-focus-arrow.gif");}
.gammadetail.ecoplanet .block.focus.gamma .content li {background-image:url("img/ecoplanet-bullet.gif")}
.gammadetail.ecoplanet .gammaFiche .block.intro {background:#00587D url("img/ecoplanet-bg.jpg") left top no-repeat; color:#fff;}
.gammadetail.ecoplanet .gammaFiche .block.intro .title {color:#fff;}
.gammadetail.ecoplanet .gammaFiche .block.intro p {color:#fff;}
.gammadetail.ecoplanet .gammaFiche .block.intro a {color:#fff;}
.gammadetail.ecoplanet .gammaFiche .specials {color:#666666;}
.gammadetail.ecoplanet .gammaFiche .specials .title {background:#88B03C url("img/ecoplanet-gamma-title.gif") repeat-x left top; color:#fff;}
.gammadetail.ecoplanet .gammaFiche .specials .special .title {background:#F6F6F6; color:#8DB540;}
.gammadetail.ecoplanet .gammaFiche .specials .special ul li {background-image:url("img/ecoplanet-bullet.gif")}
.gammadetail.ecoplanet .gammaFiche .specials .special .availability ul li.available {background-image:url("img/ecoplanet-available.gif");}
.gammadetail.ecoplanet .gammaFiche .specials .special .availability ul li.unavailable {background-image:url("img/ecoplanet-unavailable.gif");}
.gammadetail.ecoplanet .gammaFiche .specials .special .availability .title {background:none; color:#666666;}

 /* carform */
.gammadetail.carform .block.focus.gamma .title {background:#87C540 url("img/carform-focus-title.gif") left top repeat-x; color:#fff;}
.gammadetail.carform .block.focus.gamma .nav a {background-image:url("img/carform-focus-arrow.gif");}
.gammadetail.carform .block.focus.gamma .content li {background-image:url("img/carform-bullet.gif")}
.gammadetail.carform .gammaFiche .block.intro {background:#E3EFD1 url("img/carform-bg.jpg") left top no-repeat; color:#fff;}
.gammadetail.carform .gammaFiche .block.intro .title {color:#1E3091;}
.gammadetail.carform .gammaFiche .block.intro p {color:#1E3091;}
.gammadetail.carform .gammaFiche .block.intro a {color:#1E3091;}
.gammadetail.carform .gammaFiche .specials {color:#1E3091;}
.gammadetail.carform .gammaFiche .specials .title {background:#87C540 url("img/carform-gamma-title.gif") repeat-x left top; color:#fff;}
.gammadetail.carform .gammaFiche .specials .special .title {background:#E3EFD1; color:#87C540;}
.gammadetail.carform .gammaFiche .specials .special ul li {background-image:url("img/carform-bullet.gif")}
.gammadetail.carform .gammaFiche .specials .special .availability ul li.available {background-image:url("img/carform-available.gif");}
.gammadetail.carform .gammaFiche .specials .special .availability ul li.unavailable {background-image:url("img/carform-unavailable.gif");}
.gammadetail.carform .gammaFiche .specials .special .availability .title {background:none; color:#1E3091;}

 /* carhome */
.gammadetail.carhome .block.focus.gamma .title {background:#A27A75 url("img/carhome-focus-title.gif") left top repeat-x; color:#fff;}
.gammadetail.carhome .block.focus.gamma .nav a {background-image:url("img/carhome-focus-arrow.gif");}
.gammadetail.carhome .block.focus.gamma .content li {background-image:url("img/carhome-bullet.gif")}
.gammadetail.carhome .gammaFiche .block.intro {background:#F3EEDF url("img/carhome-bg.jpg") left top no-repeat; color:#fff;}
.gammadetail.carhome .gammaFiche .block.intro .title {color:#685427;}
.gammadetail.carhome .gammaFiche .block.intro p {color:#333333;}
.gammadetail.carhome .gammaFiche .block.intro a {color:#333333;}
.gammadetail.carhome .gammaFiche .specials {color:#333333;}
.gammadetail.carhome .gammaFiche .specials .title {background:#A27A75 url("img/carhome-gamma-title.gif") repeat-x left top; color:#fff;}
.gammadetail.carhome .gammaFiche .specials .special .title {background:#F3EEDF; color:#A27A75;}
.gammadetail.carhome .gammaFiche .specials .special ul li {background-image:url("img/carhome-bullet.gif")}
.gammadetail.carhome .gammaFiche .specials .special .availability ul li.available {background-image:url("img/carhome-available.gif");}
.gammadetail.carhome .gammaFiche .specials .special .availability ul li.unavailable {background-image:url("img/carhome-unavailable.gif");}
.gammadetail.carhome .gammaFiche .specials .special .availability .title {background:none; color:#333333;}

 /* kids */
.gammadetail.kids .block.focus.gamma .title {background:#008234 url("img/kids-focus-title.gif") left top repeat-x; color:#fff;}
.gammadetail.kids .block.focus.gamma .nav a {background-image:url("img/kids-focus-arrow.gif");}
.gammadetail.kids .block.focus.gamma .content li {background-image:url("img/kids-bullet.gif")}
.gammadetail.kids .gammaFiche .block.intro {background:#005BAB url("img/kids-bg.jpg") left top no-repeat; color:#fff;}
.gammadetail.kids .gammaFiche .block.intro .title {color:#fff;}
.gammadetail.kids .gammaFiche .block.intro p {color:#fff;}
.gammadetail.kids .gammaFiche .block.intro a {color:#fff;}
.gammadetail.kids .gammaFiche .specials {color:#333333;}
.gammadetail.kids .gammaFiche .specials .title {background:#008134 url("img/kids-gamma-title.gif") repeat-x left top; color:#fff;}
.gammadetail.kids .gammaFiche .specials .special .title {background:#F3F7FF; color:#01973D;}
.gammadetail.kids .gammaFiche .specials .special ul li {background-image:url("img/kids-bullet.gif")}
.gammadetail.kids .gammaFiche .specials .special .availability ul li.available {background-image:url("img/kids-available.gif");}
.gammadetail.kids .gammaFiche .specials .special .availability ul li.unavailable {background-image:url("img/kids-unavailable.gif");}
.gammadetail.kids .gammaFiche .specials .special .availability .title {background:none; color:#333333;}

/* hauteuil */
.gammadetail.hauteuil .block.focus.gamma .title {background:#B2B153 url("img/hauteuil-focus-title.gif") left top repeat-x; color:#fff;}
.gammadetail.hauteuil .block.focus.gamma .nav a {background-image:url("img/hauteuil-focus-arrow.gif");}
.gammadetail.hauteuil .block.focus.gamma .content li {background-image:url("img/hauteuil-bullet.gif")}
.gammadetail.hauteuil .gammaFiche .block.intro {background:#353535 url("img/hauteuil-bg.jpg") left top no-repeat; color:#fff;}
.gammadetail.hauteuil .gammaFiche .block.intro .title {color:#C7C652;}
.gammadetail.hauteuil .gammaFiche .block.intro p {color:#fff;}
.gammadetail.hauteuil .gammaFiche .block.intro a {color:#fff;}
.gammadetail.hauteuil .gammaFiche .specials {color:#666666;}
.gammadetail.hauteuil .gammaFiche .specials .title {background:#B1B153 url("img/hauteuil-gamma-title.gif") repeat-x left top; color:#fff;}
.gammadetail.hauteuil .gammaFiche .specials .special .title {background:#FCFBFB; color:#999847;}
.gammadetail.hauteuil .gammaFiche .specials .special ul li {background-image:url("img/hauteuil-bullet.gif")}
.gammadetail.hauteuil .gammaFiche .specials .special .availability ul li.available {background-image:url("img/hauteuil-available.gif");}
.gammadetail.hauteuil .gammaFiche .specials .special .availability ul li.unavailable {background-image:url("img/hauteuil-unavailable.gif");}
.gammadetail.hauteuil .gammaFiche .specials .special .availability .title {background:none; color:#666666;}

/* one */
.gammadetail.one .block.focus.gamma .title {background:#EC1D25 url("img/one-focus-title.gif") left top repeat-x; color:#fff;}
.gammadetail.one .block.focus.gamma .nav a {background-image:url("img/one-focus-arrow.gif");}
.gammadetail.one .block.focus.gamma .content li {background-image:url("img/one-bullet.gif")}
.gammadetail.one .gammaFiche .block.intro {background:#FDFBF5 url("img/one-bg.jpg") left top no-repeat; color:#fff;}
.gammadetail.one .gammaFiche .block.intro .title {color:#EC1D25;}
.gammadetail.one .gammaFiche .block.intro p {color:#333333;}
.gammadetail.one .gammaFiche .block.intro a {color:#333333;}
.gammadetail.one .gammaFiche .specials {color:#333333;}
.gammadetail.one .gammaFiche .specials .title {background:#EC1D25 url("img/one-gamma-title.gif") repeat-x left top; color:#fff;}
.gammadetail.one .gammaFiche .specials .special .title {background:#FDFBF5; color:#EC1D25;}
.gammadetail.one .gammaFiche .specials .special ul li {background-image:url("img/one-bullet.gif")}
.gammadetail.one .gammaFiche .specials .special .availability ul li.available {background-image:url("img/one-available.gif");}
.gammadetail.one .gammaFiche .specials .special .availability ul li.unavailable {background-image:url("img/one-unavailable.gif");}
.gammadetail.one .gammaFiche .specials .special .availability .title {background:none; color:#333333;}

/* selection */
.gammadetail.selection .block.focus.gamma .title {background:#1C1919 url("img/selection-focus-title.gif") left top repeat-x; color:#fff;}
.gammadetail.selection .block.focus.gamma .nav a {background-image:url("img/selection-focus-arrow.gif");}
.gammadetail.selection .block.focus.gamma .content li {background-image:url("img/selection-bullet.gif")}
.gammadetail.selection .gammaFiche .block.intro {background:#1B1818 url("img/selection-bg.jpg") left top no-repeat; color:#fff;}
.gammadetail.selection .gammaFiche .block.intro .title {color:#FF007C;}
.gammadetail.selection .gammaFiche .block.intro p {color:#fff;}
.gammadetail.selection .gammaFiche .block.intro a {color:#fff;}
.gammadetail.selection .gammaFiche .specials {color:#333333;}
.gammadetail.selection .gammaFiche .specials .title {background:#1C1919 url("img/selection-gamma-title.gif") repeat-x left top; color:#fff;}
.gammadetail.selection .gammaFiche .specials .special .title {background:#F2F1F1; color:#1C1919;}
.gammadetail.selection .gammaFiche .specials .special ul li {background-image:url("img/selection-bullet.gif")}
.gammadetail.selection .gammaFiche .specials .special .availability ul li.available {background-image:url("img/selection-available.gif");}
.gammadetail.selection .gammaFiche .specials .special .availability ul li.unavailable {background-image:url("img/selection-unavailable.gif");}
.gammadetail.selection .gammaFiche .specials .special .availability .title {background:none; color:#333333;}

/* solidair */
.gammadetail.solidair .block.focus.gamma .title {background:#777932 url("img/solidair-focus-title.gif") left top repeat-x; color:#fff;}
.gammadetail.solidair .block.focus.gamma .nav a {background-image:url("img/solidair-focus-arrow.gif");}
.gammadetail.solidair .block.focus.gamma .content li {background-image:url("img/solidair-bullet.gif")}
.gammadetail.solidair .gammaFiche .block.intro {background:#231F20 url("img/solidair-bg.jpg") left top no-repeat; color:#fff;}
.gammadetail.solidair .gammaFiche .block.intro .title {color:#A2A544;}
.gammadetail.solidair .gammaFiche .block.intro p {color:#fff;}
.gammadetail.solidair .gammaFiche .block.intro a {color:#fff;}
.gammadetail.solidair .gammaFiche .specials {color:#666666;}
.gammadetail.solidair .gammaFiche .specials .title {background:#777932 url("img/solidair-gamma-title.gif") repeat-x left top; color:#fff;}
.gammadetail.solidair .gammaFiche .specials .special .title {background:#F6F6F6; color:#828435;}
.gammadetail.solidair .gammaFiche .specials .special ul li {background-image:url("img/solidair-bullet.gif")}
.gammadetail.solidair .gammaFiche .specials .special .availability ul li.available {background-image:url("img/solidair-available.gif");}
.gammadetail.solidair .gammaFiche .specials .special .availability ul li.unavailable {background-image:url("img/solidair-unavailable.gif");}
.gammadetail.solidair .gammaFiche .specials .special .availability .title {background:none; color:#666666;}

/* stylesse */
.gammadetail.stylesse .block.focus.gamma .title {background:#AB218E url("img/stylesse-focus-title.gif") left top repeat-x; color:#fff;}
.gammadetail.stylesse .block.focus.gamma .nav a {background-image:url("img/stylesse-focus-arrow.gif");}
.gammadetail.stylesse .block.focus.gamma .content li {background-image:url("img/stylesse-bullet.gif")}
.gammadetail.stylesse .gammaFiche .block.intro {background:#F5F8FE url("img/stylesse-bg.jpg") left top no-repeat; color:#fff;}
.gammadetail.stylesse .gammaFiche .block.intro .title {color:#3B8FD3;}
.gammadetail.stylesse .gammaFiche .block.intro p {color:#666666;}
.gammadetail.stylesse .gammaFiche .block.intro a {color:#666666;}
.gammadetail.stylesse .gammaFiche .specials {color:#666666;}
.gammadetail.stylesse .gammaFiche .specials .title {background:#AA218E url("img/stylesse-gamma-title.gif") repeat-x left top; color:#fff;}
.gammadetail.stylesse .gammaFiche .specials .special .title {background:#F5F8FE; color:#B42597;}
.gammadetail.stylesse .gammaFiche .specials .special ul li {background-image:url("img/stylesse-bullet.gif")}
.gammadetail.stylesse .gammaFiche .specials .special .availability ul li.available {background-image:url("img/stylesse-available.gif");}
.gammadetail.stylesse .gammaFiche .specials .special .availability ul li.unavailable {background-image:url("img/stylesse-unavailable.gif");}
.gammadetail.stylesse .gammaFiche .specials .special .availability .title {background:none; color:#666666;}

/* tex */
.gammadetail.tex .block.focus.gamma .title {background:#CA1119 url("img/tex-focus-title.gif") left top repeat-x; color:#fff;}
.gammadetail.tex .block.focus.gamma .nav a {background-image:url("img/tex-focus-arrow.gif");}
.gammadetail.tex .block.focus.gamma .content li {background-image:url("img/tex-bullet.gif")}
.gammadetail.tex .gammaFiche .block.intro {background:#F9F9F9 url("img/tex-bg.jpg") left top no-repeat; color:#fff;}
.gammadetail.tex .gammaFiche .block.intro .title {color:#CA1119;}
.gammadetail.tex .gammaFiche .block.intro p {color:#333333;}
.gammadetail.tex .gammaFiche .block.intro a {color:#333333;}
.gammadetail.tex .gammaFiche .specials {color:#333333;}
.gammadetail.tex .gammaFiche .specials .title {background:#CA1119 url("img/tex-gamma-title.gif") repeat-x left top; color:#fff;}
.gammadetail.tex .gammaFiche .specials .special .title {background:#F9F9F9; color:#CA1119;}
.gammadetail.tex .gammaFiche .specials .special ul li {background-image:url("img/tex-bullet.gif")}
.gammadetail.tex .gammaFiche .specials .special .availability ul li.available {background-image:url("img/tex-available.gif");}
.gammadetail.tex .gammaFiche .specials .special .availability ul li.unavailable {background-image:url("img/tex-unavailable.gif");}
.gammadetail.tex .gammaFiche .specials .special .availability .title {background:none; color:#333333;}

/* texmax */
.gammadetail.texmax .block.focus.gamma .title {background:#797D79 url("img/texmax-focus-title.gif") left top repeat-x; color:#fff;}
.gammadetail.texmax .block.focus.gamma .nav a {background-image:url("img/texmax-focus-arrow.gif");}
.gammadetail.texmax .block.focus.gamma .content li {background-image:url("img/texmax-bullet.gif")}
.gammadetail.texmax .gammaFiche .block.intro {background:#DEDED8 url("img/texmax-bg.jpg") left top no-repeat; color:#fff;}
.gammadetail.texmax .gammaFiche .block.intro .title {color:#423F1E;}
.gammadetail.texmax .gammaFiche .block.intro p {color:#333333;}
.gammadetail.texmax .gammaFiche .block.intro a {color:#333333;}
.gammadetail.texmax .gammaFiche .specials {color:#333333;}
.gammadetail.texmax .gammaFiche .specials .title {background:#797D78 url("img/texmax-gamma-title.gif") repeat-x left top; color:#fff;}
.gammadetail.texmax .gammaFiche .specials .special .title {background:#DEDED8; color:#423F1E;}
.gammadetail.texmax .gammaFiche .specials .special ul li {background-image:url("img/texmax-bullet.gif")}
.gammadetail.texmax .gammaFiche .specials .special .availability ul li.available {background-image:url("img/texmax-available.gif");}
.gammadetail.texmax .gammaFiche .specials .special .availability ul li.unavailable {background-image:url("img/texmax-unavailable.gif");}
.gammadetail.texmax .gammaFiche .specials .special .availability .title {background:none; color:#333333;}

/* topbike */
.gammadetail.topbike .block.focus.gamma .title {background:#010101 url("img/topbike-focus-title.gif") left top repeat-x; color:#fff;}
.gammadetail.topbike .block.focus.gamma .nav a {background-image:url("img/topbike-focus-arrow.gif");}
.gammadetail.topbike .block.focus.gamma .content li {background-image:url("img/topbike-bullet.gif")}
.gammadetail.topbike .gammaFiche .block.intro {background:#B1B1B1 url("img/topbike-bg.jpg") left top no-repeat; color:#fff;}
.gammadetail.topbike .gammaFiche .block.intro .title {color:#000;}
.gammadetail.topbike .gammaFiche .block.intro p {color:#fff;}
.gammadetail.topbike .gammaFiche .block.intro a {color:#fff;}
.gammadetail.topbike .gammaFiche .specials {color:#666666;}
.gammadetail.topbike .gammaFiche .specials .title {background:#010101 url("img/topbike-gamma-title.gif") repeat-x left top; color:#fff;}
.gammadetail.topbike .gammaFiche .specials .special .title {background:#B1B1B1; color:#010101;}
.gammadetail.topbike .gammaFiche .specials .special ul li {background-image:url("img/topbike-bullet.gif")}
.gammadetail.topbike .gammaFiche .specials .special .availability ul li.available {background-image:url("img/topbike-available.gif");}
.gammadetail.topbike .gammaFiche .specials .special .availability ul li.unavailable {background-image:url("img/topbike-unavailable.gif");}
.gammadetail.topbike .gammaFiche .specials .special .availability .title {background:none; color:#666666;}


/* uchrony 24/06/2008 toplife */
.gammadetail.toplife .block.focus.gamma .title {background:#1A1818 url("img/topbike-focus-title.gif") left top repeat-x; color:#fff;}
.gammadetail.toplife .block.focus.gamma .nav a {background-image:url("img/topbike-focus-arrow.gif");}
.gammadetail.toplife .block.focus.gamma .content li {background-image:url("img/topbike-bullet.gif")}
.gammadetail.toplife .gammaFiche .block.intro {background:#EEEEEE url("img/toplife-bg.jpg") left top no-repeat; color:#fff;}
.gammadetail.toplife .gammaFiche .block.intro .title {color:#000;}
.gammadetail.toplife .gammaFiche .block.intro p {color:#000;}
.gammadetail.toplife .gammaFiche .block.intro a {color:#000;}
.gammadetail.toplife .gammaFiche .specials {color:#666666;}
.gammadetail.toplife .gammaFiche .specials .title {background:#1A1818 url("img/topbike-gamma-title.gif") repeat-x left top; color:#fff;}
.gammadetail.toplife .gammaFiche .specials .special .title {background:#EEEEEE; color:#010101;}
.gammadetail.toplife .gammaFiche .specials .special ul li {background-image:url("img/topbike-bullet.gif")}
.gammadetail.toplife .gammaFiche .specials .special .availability ul li.available {background-image:url("img/topbike-available.gif");}
.gammadetail.toplife .gammaFiche .specials .special .availability ul li.unavailable {background-image:url("img/topbike-unavailable.gif");}
.gammadetail.toplife .gammaFiche .specials .special .availability .title {background:none; color:#666666;}

/* gammas */
.gamma {border:1px solid #e7e7e7; margin:0em 0em 1em 1em; float:left;}
.gamma .title {padding:0.5em 0.75em; background:#eee url("img/tree-bg.gif") left bottom repeat-x; font-size:93%; color:#666;}
/* gammapage */
.gammapage .gamma {width:31.25em;}
.gammapage .gamma .eventSlider .eventSliderImage, .gammapage .gamma .eventSlider .eventSliderText {width:31.25em;}
.gammapage .gamma .eventSlider {width:31.25em;}
.gammapage .gamma .content p { margin:0.75em;}

/* helpblock ---------------------------------------------------------------- */
.block.help {margin-left:0em; width:20em; background:#FFFFFF;}
.block.help .title {background:#88b03c; padding:0.5em; color:#fff; font-weight:700; text-align:left;}
.block.help .content {border:1px solid #e7e7e7; border-top:none; overflow:hidden; text-align:left;}
.block.help .content p {margin:0.5em;}

/* promo -------------------------------------------------------------------- */
.promo {border:1px solid #ccc; background:#fff url("img/promo-bg-repeat.gif") left bottom repeat-x; position:relative;}
.promo .wrap1 {background:url("img/promo-bg-left.jpg") left bottom no-repeat; padding-left:240px; min-height:184px; overflow:hidden;} /* height set in ie6.css */
.promo .title {color:#005636; margin:2em 0em; margin-bottom:1.5em;}
.promo .title span {font-size:140%; font-weight:700;}
.promo ol {margin:0em 1.25em;}
.promo ol li {margin:1em 0em; line-height:2em; font-size:108%; font-weight:700;}
.promo ol li span {padding:0.25em 0.75em; background:#88b03c; color:#fff;}
.promo ol li p {margin:0em 0.75em; display:inline;}
.promo .nav {position:absolute; bottom:0em; right:0em;}
.promo .nav a {float:right; color:#0083a9; padding:0.5em 2em; padding-right:15px; background:#fff url("img/accordeon-arrow.gif") right center no-repeat; border:1px solid #e7e7e7; border-bottom:none; border-right:none;}
.promo .nav a:hover {color:#000; background-image:url("img/accordeon-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;}

/* object ------------------------------------------------------------------- */
.home .object {background:#83ad3c; min-height:186px; margin-right:22em;} /* height set in ie6.css */

/* sitemap uchrony 24/06/2008 ------------------------------------------------------------------
.sitemap .sitemapList {margin:0.5em 1em; margin-bottom:2em;}
.sitemap .sitemapList li {margin-left:0em; line-height:1.5em;}
.sitemap .sitemapList li ul li {margin-left:0em;} */

.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 2em; 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;}

/* 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;font-size:115%; color:#0083a9; font-weight:700;}
.signup .expandCollapse .box {border:none;}


/* fake fieldset ------------------------------------------------------------ */
div.level1 {margin:1em 1em 1.5em 2.5em; background:#fff; overflow:hidden;}
div.level1 .title {padding:0.5em 1em; font-weight:700; color:#fff; background:#88b03c;}
div.level1 .title span {font-size:100%;}
div.level1 p {margin:0.75em 1em;}
div.level1 .expandCollapse {margin:0.75em 1em;}
div.level1 .expandCollapse .title {background:none; color:#0083a9; text-decoration:underline; padding:0; margin:0;}
div.level1 .expandCollapse .box .block.text {margin:1em;}
div.level1 .expandCollapse .box .block.text .title {text-decoration:none; color:#666; padding-left:9px; background:url("img/bullet-green.gif") left 0.5em no-repeat;}
div.level1 .expandCollapse .box .block.text p {margin-left:9px;}

/* ========================================================================== */
/* 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;}

/* 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:0em 1em;}
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; width:100%; padding:0.5em 0em; font-weight:700; color:#fff; background:#88b03c;}
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;}

/* 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:#005636; font-weight:700; line-height:1.5em;}
.formrow .inputElement .inputCaption .label .required {position:absolute; right:-0.75em; top:0.1em; color:#88b03c;}
.formrow .inputElement .inputControl .label .required {color:#88b03c;}
.formrow .inputElement .inputControl {margin-left:14em;}
.formrow .inputElement .inputControl img {vertical-align:bottom;}
.formrow .inputElement .inputControl .controls .control {display:inline;}
.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;}
/* fieldset */
.formrow fieldset.inputElement .inputCaption .label {position:absolute; left:0; top:0;}
/* 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-size:85%; color:#999; display:block; text-align:left;}

/* button group ------------------------------------------------------------- */
.buttongroup {background:#fff; padding:0.25em;}
.buttongroup .abort {float:left;}
.buttongroup .abort a {padding-left:8px; background:url("img/button-group-back.gif") left center no-repeat; margin:0em 1em; line-height:1.5em; font-weight:700;}
.buttongroup .advance {float:right; margin-left:1em;}

/* form error --------------------------------------------------------------- */
.formError {margin:1em; margin-right:0em;}
.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 {margin-top:2em;}
.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:14em;}
/* 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;}
/* 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 .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;}
/**/
.signup .formrow .inputElement.singleCheck .inputControl {margin-left:0;}
.signup .level1 .formrow .inputElement.singleCheck .inputControl {margin-left:14em;}


/* 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:#005636; 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:#005636; color:#88b03c; text-align:center; line-height:1.85em; font-size:125%;}
.wizard .step span.text {float:left; color:#005636; font-size:108%; margin:0.45em 0.5em; font-weight:700;}
.wizard .step span.pag {float:left; color:#666; 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:#88b03c; color:#fff;}
.wizard .stepList li .page span.text {color:#666;}
.wizard .stepList li.active .page span.nr {background:#005636; color:#88b03c;}
.wizard .stepList li.active .page span.text {color:#005636;}
.wizard .stepList li.first .page {margin-top:0;}
.wizard .stepList li.overview .page span.nr {background:#00718f;}
.wizard .stepList li.overview .page span.nr img {padding-top:0.45em;}
.wizard .stepList li.overview .page span.text {color:#00718f;}
/* 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;}
/* overview title */
.overview .wizard .step span.nr {background:#00718f;}
.overview .wizard .step span.nr img {padding-top:0.45em;}
.overview .wizard .step span.text {color:#00718f;}

/* 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;}

/* ========================================================================== */
/* 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 .splash h1.title span {visibility:visible; letter-spacing:0; font-size:18px;}
.sIFR-hasFlash .promo h2.title span {visibility:hidden; letter-spacing:-9px; font-size:18px;}
.sIFR-hasFlash .accordeon h2.title span {font-size:16px;}
/* ========================================================================== */
/* 12. event slider                                                           */
/* ========================================================================== */
.eventSlider {overflow:hidden; position:relative; width:21em;}

.eventSlider .eventSliderBox {width:200em; position:relative; left:0;}
.eventSlider .eventSliderImage, .eventSlider .eventSliderText {float:left; width:21em;}
.eventSlider .eventSliderImage {text-align:center;}




/* ========================================================================== */
/* Carrefour General Header                                                   */
#footer {background:none; border:none; margin-top:16px; color:#666; font-family:Arial; font-size:13px;}
#footer a {color:#003f81;}
#footer a:hover {color:#000;}
#footer .secondNav ul li.first {background:none;}



/* discount ................................................................. */
.gammadetail.discount .block.focus.gamma .title {background:#004081; color:#fff;}
.gammadetail.discount .block.focus.gamma .nav a {background-image:url("img/one-focus-arrow.gif");}
.gammadetail.discount .gammaFiche .block.intro {background:#E6EFF9 url("img/discount-bg.jpg") left top no-repeat; color:#fff;}
.gammadetail.discount .gammaFiche .block.intro .title {color:#004081;}
.gammadetail.discount .gammaFiche .block.intro p {color:#333333;}
.gammadetail.discount .gammaFiche .block.intro a {color:#333333;}
.gammadetail.discount .gammaFiche .specials {color:#333333;}
.gammadetail.discount .gammaFiche .specials .title {background:#004081; color:#fff;}
.gammadetail.discount .gammaFiche .specials .special .title {background:#E6EFF9; color:#004081;}
.gammadetail.discount .gammaFiche .specials .special ul li {background-image:url("img/discount-bullet.gif")}
.gammadetail.discount .gammaFiche .specials .special .availability ul li.available {background-image:url("img/discount-available.gif");}
.gammadetail.discount .gammaFiche .specials .special .availability ul li.unavailable {background-image:url("img/discount-unavailable.gif");}
.gammadetail.discount .gammaFiche .specials .special .availability .title {background:none; color:#333333;}

