/* CF Launchpage css, maintained by Internet Architects                       */
/* Yahoo fonts.css integrated. (c) 2007, Yahoo! Inc. All rights reserved.     */

/* ========================================================================== */
/* 00. base styles                                                            */

/* set base body ............................................................ */
body {font:13px/1 arial,trebuchet MS,tahoma,helvetica,clean,sans-serif; background:#fff; color:#333;}

/* general reset ............................................................ */
* {margin:0; padding:0;}
html, body, form, img, fieldset, legend, table, tbody, thead, tfoot, tr, th, td {border:none;}
li {list-style:none;}

/* hide elements from screen but not from source ............................ */
.hidden {position:absolute !important; top:auto; left:-999em !important; height:0; overflow:hidden;}

/* clearfix class ........................................................... */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block; display:block;}

/* line-heights ............................................................. */
p, a, li, span {line-height:1.25em;}

/* ========================================================================== */
/* 01. carrefour frame                                                        */

/* carrefour site frame ..................................................... */
body {background:#fafafa url("img/body-bg.gif") left 25px repeat-x;}
body #allContainer #cf-main {background:#fff url("img/body-bg.gif") left top repeat-x; margin-top:-3px;}
body #allContainer #cf-main #cf-mainWrap1 {width:75.4em; margin:0 auto; position:relative; z-index:5;}
body #allContainer #cf-main #cf-mainWrap2 {margin:0px -1px;}
body #allContainer #cf-main #cf-mainWrap3 {}
body #allContainer #cf-main #cf-mainWrap6 { margin:0px -9px; }
body #allContainer #cf-main #cf-mainWrap9 {padding:0px 10px 5px 10px;}
body #allContainer #cf-main #cf-mainWrap10 {background:#fff url("img/cf-main-top.gif") left top repeat-x; font-size:85%;}

body.blue #allContainer #cf-main #cf-mainWrap6 { background:url("img/cf-main-flaps-blue.gif") center 97px no-repeat; }
body.purple #allContainer #cf-main #cf-mainWrap6 { background:url("img/cf-main-flaps-purple.gif") center 97px no-repeat; }
body.green #allContainer #cf-main #cf-mainWrap6 { background:url("img/cf-main-flaps-green.gif") center 97px no-repeat; }


/* ========================================================================== */
/* 02. cf subsite frame                                                       */

/* subsite header ........................................................... */
#sub-header { overflow:hidden; border:1px solid #C2C2C2; border-top-style:none; border-bottom-style:none; position:relative; padding-top:1px; min-height:96px;}
#sub-header .siteLabel { margin: 2.25em 1em 1.3em 3em }
body.blue #sub-header { background:url("img/cf-albarde-blue.gif") right center no-repeat; }
body.purple #sub-header { background:url("img/cf-albarde-purple.gif") right center no-repeat; }
body.green #sub-header { background:url("img/cf-albarde-green.gif") right center no-repeat; }

/* grid two right ........................................................... */
.gridTwoRight {padding-right:18em; background:url("img/grid-bg.gif") left 0.75em repeat-y; padding-left:102px; padding-bottom:5em; margin-bottom:-4em;  min-height:750px;}
.gridTwoRight .content {float:left; position:relative; width:100%;}
.gridTwoRight .context {float:right; width:18em; margin-right:-18em;}
/**/
.gridTwoRight .content .actions .edit {position:absolute; right:0; top:2.75em;}

/* grid two left ............................................................ */
.gridTwoLeft {padding-left:28em;}
.gridTwoLeft .wrapper {}
.gridTwoLeft .content {float:right; width:100%;}
.gridTwoLeft .navigation {float:left; width:28em; margin-left:-28em;}





/* ========================================================================== */
/* 03. headings                                                               */
h1,h2,h3,h4,h5 { font-size: 100%; }


/* ========================================================================== */
/* 04. links & buttons                                                        */

/* general link declaration ................................................. */
a {color:#00509E;}
a:hover {color:#000;}

/* more link ................................................................ */
a.more {padding-right:9px; background:url("img/link-more.gif") right 0.5em no-repeat;}

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

/* nav container ............................................................ */
.navContainer {border:1px solid #C2C2C2; border-top-style:none;}
.navContainer .navWrap1 {margin:-1px; margin-top:0; background:url("img/navcontainer-lb.gif") left bottom no-repeat;}
.navContainer .navWrap2 {background:url("img/navcontainer-rb.gif") right bottom no-repeat; padding: 1px 0px; min-height:51.75em;}


/* category navigation ...................................................... */
.navCategories { margin: 1.75em 1.25em 0.75em 1.25em; }
.navCategories .catList { overflow: hidden; border-bottom: 1px solid #BFE4F4; }
.navCategories .catList a { text-decoration: none; font-weight: 400; } 
.navCategories .col-1 {width:47%; float:left;}
.navCategories .col-2 {margin-left:52%;}
.navCategories li {margin-bottom:0.35em; border-bottom:1px solid #BFE4F4; padding-bottom:0.35em; }
.navCategories li.last { border-bottom: none; }

/* onlineShops */
.navCategories .onlineShops { margin: 0.75em 0em; border-bottom:1px solid #BFE4F4; overflow: hidden; }
.navCategories .onlineShops h2.heading { padding: 0; margin: 0.5em 0; }
.navCategories .onlineShops h2.heading span { color: #00509e; font-size: 153.9%; font-weight: 700; }
.navCategories .onlineShops .row { margin: 0; margin-bottom: 1em; }
.navCategories .onlineShops .onlineShop { width: 47%; }
.navCategories .onlineShops .onlineShop.first { float: left; }
.navCategories .onlineShops .onlineShop.last { margin-left: 52%; }
.navCategories .onlineShops .onlineShop h3.heading { margin-bottom: 0.25em; }
.navCategories .onlineShops .onlineShop h3.heading span { color: #00509e; font-weight: 400; }
.navCategories .onlineShops .onlineShop .description { color: #666; }
.navCategories .onlineShops .img { float: left; border: 1px solid #3876b2; }
.navCategories .onlineShops .text { margin-left: 52%; padding-top: 0.25em; }
.navCategories .onlineShops p { color: #666; line-height: 1.5em; display: inline; }
.navCategories .nav { display: inline; padding-left: 0.5em; }

/* heading */
.navCategories .headWrap1 { position: relative; }
.navCategories .headWrap2 { position: absolute; left: -0.5em; top: -4.25em; right: -0.5em; }
.navCategories .headWrap3 { margin-top: 4px; }
.navCategories .headWrap4 {  }
.navCategories .headWrap5 {  }
.navCategories .headWrap6 { min-height: 29px; } 
.navCategories h2.heading { padding: 0.5em 1.5em; }
.navCategories h2.heading span { color: #fff; font-size: 131%; font-weight: 400; }
.navCategories h2.heading span.emphasis { font-size: 100%; font-weight: 700; }


body.blue .navCategories .headWrap3 { background: #132076 url("img/shop-categories-blue-tl.gif") top left no-repeat; }
body.blue .navCategories .headWrap4 { background: url("img/shop-categories-blue-br.gif") bottom right no-repeat; }
body.blue .navCategories .headWrap5 { background: url("img/shop-categories-blue-bl.gif") bottom left no-repeat; }
body.blue .navCategories .headWrap6 { background: url("img/shop-categories-blue-tr.gif") top right no-repeat; } 

body.purple .navCategories .headWrap3 { background: #2C2680 url("img/shop-categories-purple-tl.gif") top left no-repeat; }
body.purple .navCategories .headWrap4 { background: url("img/shop-categories-purple-br.gif") bottom right no-repeat; }
body.purple .navCategories .headWrap5 { background: url("img/shop-categories-purple-bl.gif") bottom left no-repeat; }
body.purple .navCategories .headWrap6 { background: url("img/shop-categories-purple-tr.gif") top right no-repeat; } 

body.green .navCategories .headWrap3 { background: #95BF1A url("img/shop-categories-green-tl.gif") top left no-repeat; }
body.green .navCategories .headWrap4 { background: url("img/shop-categories-green-br.gif") bottom right no-repeat; }
body.green .navCategories .headWrap5 { background: url("img/shop-categories-green-bl.gif") bottom left no-repeat; }
body.green .navCategories .headWrap6 { background: url("img/shop-categories-green-tr.gif") top right no-repeat; } 


/* services navigation ...................................................... */
.services { margin: 1.25em 1.25em; margin-top: 1em; margin-bottom: 1em; }
.services h2.heading { margin: 0.75em 0; margin-bottom: 1.1em; }
.services h2.heading span { color: #00509e; font-size: 153.9%; font-weight: 700; }

.services .servicesList { overflow: hidden; }
.services .servicesList .col-1 { float: left; width: 47%; }
.services .servicesList .col-2 { margin-left: 52%; }
.services li {margin-bottom:0.35em; border-bottom:1px solid #BFE4F4; padding-bottom:0.35em;}
.services li.last { border-bottom: none; }
.services li a {font-weight:400; text-decoration:none; }
.services li a.active { font-weight:700; color: #000; }

/* promo */
.services .promo {position:relative; margin-bottom:0.75em;}
.services .promo a {color:#000;}
.services .promo .caption {background:#fff; opacity:0.8; position:absolute; bottom:0; left:0; right:0; padding:0.5em; }
.services .promo .caption strong { font-size: 108%; line-height: 1.25em; }

/* secondary navigation ..................................................... */
.navSecond ul li {display:inline; margin-right:0.5em;}
/* in footer */
#sub-footer .navSecond {text-align:center; padding-top:4.35em; padding-bottom:0.35em;}
#sub-footer .navSecond ul li {background:url("img/second-footer-sep.gif") right 0.25em no-repeat; padding-right:1px;}
#sub-footer .navSecond ul li .page {text-decoration:none; font-size:93%; padding-right:0.6em;}
#sub-footer .navSecond ul li.first {background:none; margin-right:1em; color:#666;}
#sub-footer .navSecond ul li.last {background:none; padding:0; margin:0;}
#sub-footer .navSecond ul li.last .page {padding:0;}

/* alt navigation ........................................................... */
.altNav {background:url("img/alt-nav-drop.gif") left bottom repeat-x;}
.altNavWrap { border-top: 1px solid #636363; border-bottom: 1px solid #8a8a8a; height:2.4em;}

body.blue .altNavWrap { background: #0172c1 url("img/alt-nav-bg-blue.gif") left top repeat-x; }
body.purple .altNavWrap { background: #2e2e8c url("img/alt-nav-bg-purple.gif") left top repeat-x; }
body.green .altNavWrap { background: #adcc25 url("img/alt-nav-bg-green.gif") left top repeat-x; }


/* ========================================================================== */
/* 06. simple content                                                         */


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

/* row ...................................................................... */
.row {overflow:hidden; margin:1.75em 0em;}

/* focus row ................................................................ */
.focusRow {overflow:hidden;}
.focusRow .focusBlock {float:left; width:18.8em; margin-left: 1.3em; position: relative; border-bottom: solid #BFE4F4 2px; padding-top: 10em; padding-bottom: 0.5em; }
.focusRow .focusBlock .img { position: absolute; top: 0; left: 0; }
.focusRow .focusBlock h2.heading { margin: 0.8em; min-height: 5.5em; }
.focusRow .focusBlock h2.heading a { text-decoration: none; color: #0091D2; }
.focusRow .focusBlock h2.heading a:hover { color: #000; }
.focusRow .focusBlock h2.heading span { font-size: 131%; }
.focusRow .focusBlock .nav { margin: 0.8em; color: #666; }

/* promo list ............................................................... */
.promoList { padding-bottom: 1.5em; border-bottom: 2px solid #BFE4F4; }
.promoList ul {overflow:hidden;}
.promoList ul .product {float:left; width: 13.5em; margin-left: 1.50em; }
.promoList ul li.product.first { margin-left: 0 }
.promoList ul .product .spec .caption {position:absolute; left:-999em; top:auto;}
.promoList ul .product .img { border: 2px solid #d60d22; background:#fff;}
.promoList ul .product .img a {display:block; text-align:center;}
.promoList ul .product .productHead h3.heading { font-weight: normal; margin-bottom: 1em; min-height: 5.5em; }
.promoList ul .product .productHead h3.heading a { text-decoration: none; }
.promoList ul .product .productHead h3.heading a span { line-height: 1.5em; font-size: 108%; color: #666; }
.promoList ul .product .productHead h3.heading a span.emphasis { font-weight: 700; }
.promoList h2.heading { margin-bottom: 1em }
.promoList h2.heading span { color: #00509E; font-size: 153.9%; font-weight: 700; } 

/* promo block .............................................................. */
.product .promoBlock { position: relative; margin-top: 0.25em; }
.product .promoBlock .heading { position: absolute; left: 0; top: 0.75em; background: #fff200; padding: 0.25em 0.35em; }
.product .promoBlock .heading span { color: #d60c21; font-size:108%; text-transform: uppercase; }
.product .promoBlock .spec {margin:0em 0.25em; float:none; padding: 0; margin-left: 5em; text-align: right; color: #d60c21; }
.product .promoBlock .spec .detail { font-size: 275%; font-weight: 700; }
.product .promoBlock .spec .currency { font-size: 45%; padding-right: 0.1em; }
.product .promoBlock .spec .cents { font-size: 45%; vertical-align:top; padding-left: 0.1em; }
.product .promoBlock .spec.reduction .detail {font-size:77%; font-weight:400; color:#333; text-align:left;}
.product .promoBlock .unit {display:block; text-align:right; font-size:77%; color:#333; margin:0em 0.25em;}
.product .promoBlock .related { color: #d60c21; margin-top: 0.25em; }

/* newsletter .................................................................. */
.newsletter { float: left; width: 28em; border-bottom: 2px solid #BFE4F4; padding-bottom: 1em; min-height: 17em; }
.newsletter h2.heading { margin-bottom: 1em; }
.newsletter h2.heading span { color: #00509E; font-size: 153.9%; font-weight: 700; }
.newsletter .textblock { background: url("img/newsletter-computer.jpg") left center no-repeat; padding-left: 140px; min-height: 95px; }
.newsletter .textblock p { color: #666; line-height: 1.5em; margin-bottom: 1.5em; }
.newsletter .nav a { width: 11em; }

/* buttonLook .................................................................. */
.buttonLook { display: block; margin: 0; text-decoration: none; text-align: center; }
.buttonLook1 { display: block; background: url("img/newsletter-subscribe-tl.gif") left top no-repeat; }
.buttonLook2 { display: block; background: url("img/newsletter-subscribe-br.gif") right bottom no-repeat; }
.buttonLook3 { display: block; background: url("img/newsletter-subscribe-bl.gif") left bottom no-repeat; }
.buttonLook4 { display: block; background: url("img/newsletter-subscribe-tr.gif") right top no-repeat; }
.buttonLook5 { display: block; }
.buttonLook6 { display: block; }
.buttonLook7 { display: block; padding: 0.5em; color: #00509E; font-size: 108%; font-weight: 700; }

/* jobs ..................................................................... */
.focusJobs { margin-left: 1em; float: left; width: 19em; border-bottom: 2px solid #BFE4F4; padding-bottom: 2em; min-height: 16em; position: relative; }
.focusJobs h2.heading { margin-bottom: 1em; }
.focusJobs h2.heading span { color: #00509E; font-size: 153.9%; font-weight: 700; }
.focusJobs li { margin-bottom: 0.75em; }
.focusJobs .footer { position: absolute; left: 0; bottom: 1em; }

/* news ..................................................................... */
.focusNews { margin-left: 1em; float: left; width: 19em; border-bottom: 2px solid #BFE4F4; padding-bottom: 2em; min-height: 16em; position: relative; }
.focusNews h2.heading { margin-bottom: 1em; }
.focusNews h2.heading span { color: #00509E; font-size: 153.9%; font-weight: 700; }
.focusNews li { margin-bottom: 0.75em; }
.focusNews .footer { position: absolute; left: 0; bottom: 1em; }

/* help ..................................................................... */
.focusHelp { margin-left: 1em; float: left; width: 19.5em; border-bottom: 2px solid #BFE4F4; padding-bottom: 1em; min-height: 17em; }
.focusHelp h2.heading { margin-bottom: 1em; }
.focusHelp h2.heading span { color: #00509E; font-size: 153.9%; font-weight: 700; }
.focusHelp .main {  }
.focusHelp .main p { color: #666; line-height: 1.5em; }
.focusHelp ul { margin-top: 1em; }
.focusHelp li { padding-top: 0.75em; padding-bottom: 0.75em; border-top: 1px solid #BFE4F4; color: #666; }
.focusHelp li.contact { background: url("img/focus-help-form.gif") left center no-repeat; padding-left: 40px; }
.focusHelp li.contact a { padding-right:9px; background:url("img/link-more.gif") right 0.5em no-repeat; }
.focusHelp li.callcenter { background: url("img/focus-help-call.gif") left center no-repeat; padding-left: 40px; }
.focusHelp span.telnr { font-size: 123.1%; font-weight: 700; }

/* promo folders ............................................................ */
.promoFolders { float:left; margin-left: 1.25em; width: 28em; min-height:263px; padding-bottom:1em; border-bottom:2px solid #BFE4F4; }
.promoFolders h2.heading {margin:0.5em 0em; margin-bottom:1.5em;}
.promoFolders h2.heading span { color: #666; font-size: 153.9%; }

/* brands ................................................................... */
.brands {padding-bottom:1em; min-height:263px; border-bottom:2px solid #BFE4F4;float:left; width:28em;}
.brands h2.heading {margin:0.5em 0em; margin-bottom:1.5em;}
.brands h2.heading span { color: #666; font-size: 153.9%; font-weight: 700; }
.brands p { color: #666; line-height: 1.5em; }

/* search box ............................................................... */
.search {position:relative; margin:3px 0px; margin-left:29.25em;}
.search .label {color:#808080; background:url("img/search-icon.gif") left 2px no-repeat; padding-left:18px; padding-top: 0.2em; position:absolute; left:0.4em; top:0.25em; font-size: 108%; }
.search .submit {color:#4d4d4d; position:relative; top:-1px; font-weight: bold; font-size: 108%; }
.search .autosuggest {float:left; margin-top:1px; margin-right:0.5em;}
.search .autosuggest input {width:20em; border:none; background:#fff url("img/search-drop.gif") left top repeat-x; color:#000; padding:2px 0.5em;}
.search .autosuggest .results {position:absolute; left:-999em; top:100%; border:1px solid #162B85; z-index:500; background:#fff; width:25.4em; margin-top:-3px; margin-left: -1px; }
.search .autosuggest ul {background:#fff;}
.search .autosuggest ul li {cursor:pointer; background:#fff; padding:0.35em 0.5em;}
.search .autosuggest ul li.suggestOpted {background:#feefd1;}
.search .autosuggest ul li.suggestHover {background:#D6E3F0;}
.search .autosuggest ul li .match {font-weight:700;}

/* carousel ................................................................. */
.carousel { margin-bottom:1.3em; margin-left: 1.3em; background: #fff url("img/carousel-bg.gif") right bottom no-repeat; padding-bottom: 17px; }
.carousel .carWrap2 { overflow:hidden; position:relative; }
.carousel .carNav { float:right; width: 19em; position:relative; z-index:11; margin:1em; margin-left:0em;}
.carousel .carNav ul { margin-top: 1px; }
.carousel .carNav li { cursor: pointer; border-bottom: 1px solid #BFE4F4; }
.carousel .carNav li .introWrap2 {overflow:hidden; }
.carousel .carNav li .heading { margin: 1.25em 0.5em; }
.carousel .carNav li .heading span { font-weight: 400; font-size:108%; color:#00509E; }
.carousel .carNav li.last { border-bottom: none; }
.carousel .carNav li.active { background: url("img/carousel-arrow.png") left center no-repeat; margin-left: -1.5em; border-bottom: none; }
.carousel .carNav li.active.last { margin-bottom: -2px; }
.carousel .carNav li.active .introWrap { background: #fff url("img/carousel-arrow-br.gif") right bottom no-repeat; margin: -1px 0 -1px 11px; }
.carousel .carNav li.active .introWrap2 { background: url("img/carousel-arrow-tr.gif") right top no-repeat; }
.carousel .carNav li.active .heading {color:#fff; margin-left: 0.5em; }
.carousel .carNav li.active .heading span { color: #000; font-weight: 700; }
.carousel .carContent {  }
.carousel .carContent li { overflow:hidden; }
.carousel .carContent li a {display:block; text-decoration:none; }
.carousel .carContent li a img {position:absolute; left:0; top: 1em; z-index:1; right:15em; }
.carousel .carContent li a span.outer { background: url("img/carousel-text-bg.png") left bottom repeat-x; display: block; border: none; position: absolute; bottom: 0em; left: 0em; width: 430px; z-index: 2; min-height: 157px; }
.carousel .carContent li a span.inner { position:absolute; bottom: 0; display: block; text-decoration: none; font-weight: bold; color: #fff; font-size: 108%; line-height: 1.5em; z-index: 3; margin: 1.3em; }
.carousel .carContent li.active {position:static;}

/* brands carousel */
.brands .carousel { background: #fff; margin: 0; margin-top: 3em; padding-bottom: 0; }
.brands .carousel .carNav { float: none; position: relative; width: 100%; margin:0;}
.brands .carousel .carNav ul { border: none; }
.brands .carousel .carNav li { background: #fff; border: none; }
.brands .carousel .carNav a { display: block; width: 25px; height: 26px; letter-spacing: -999em; text-indent: -999em }
.brands .carousel .prev { position: absolute; left: 0.5em; top: 25px; }
.brands .carousel .next { position: absolute; right: 0.5em; top: 25px; }
.brands .carousel .carNav .prev a { background: url("img/carousel-brand-prev.gif") top left no-repeat; outline: none; }
.brands .carousel .carNav .next a { background: url("img/carousel-brand-next.gif") top left no-repeat; outline: none; }
.brands .carousel .carContent { width: 22em; overflow: hidden; border: none; margin: 0 3em; position: relative; height: 76px; }
.brands .carousel .carContent ol { position: absolute; left: 0; top: 0; width: 3000em; }
.brands .carousel .carContent li { float: left; margin: 0 0.25em; padding: 1px; border: 2px solid #fff; }
.brands .carousel .carContent li.hover { border: 2px solid #0091D2; }
.brands .carousel .carContent li a { width: 70px; height: 70px; }
.brands .carousel .carContent li a img { position: relative; top: 0; }

/* recipes .................................................................. */
.recipes {float:left; min-height:263px; margin-left:1.25em; width:30em; padding-bottom: 1em; border-bottom:2px solid #BFE4F4;}
.recipes h2.heading {margin:0.5em 0em; margin-bottom:1.5em;}
.recipes h2.heading span { color:#666; font-size: 153.9%; }
.recipes a.more {background-image:url("img/recipe-more.gif");}  
.recipes .tabpane { width: 26em; margin-bottom: -1em; }

.recipes .tabNav { height: 1.9em; }
.recipes .tabNav li { float: left; background: #0091D2 url("img/recipes-nav-tab-bg.gif") left bottom repeat-x; color: #fff; border: 1px solid #fff; border-bottom: none; padding: 0.25em 0.75em; }
.recipes .tabNav li a { text-decoration: none; color: #fff; font-size: 108%; }
.recipes .tabNav li a:hover { text-decoration: underline; }
.recipes .tabNav li.active { border: 1px solid #D6D5D6; border-bottom: none; background: #FFFDD8; }
.recipes .tabNav li.active a { color: #000; font-weight: 700; }
.recipes .tabNav li.active a:hover { text-decoration: none; }

.recipes .tabHead { position: relative; z-index: 2; }
.recipes .tabWrap1 { position: relative; z-index: 1; background: #fff url("img/recipes-tab-shade-b.gif") bottom right repeat-x; padding-bottom: 26px; margin-right: -7px; padding-right: 7px; }
.recipes .tabWrap2 { position: relative; background: #FFFDD8 url("img/recipes-tab-bg.gif") bottom left repeat-x; border: 1px solid #D8D7D8; padding: 1em; margin-top: -1px; } 
.recipes .tabMain {position:relative; min-height: 172px;}
.recipes .tabMain .img { position: absolute; right: -4.5em; bottom: -3.25em; }
.recipes .tabMain h3.heading span { color: #333; font-size: 116%; font-weight: 700; }

.recipes .tabMain p { color: #333; line-height: 1.5em; margin-right: 7.5em; margin-bottom: 1em; }

.recipes .tabMain .footer a {  }

/* overlay .................................................................. */
#overlayBase {display:none;}
#overlayBase #overlayBG {background:url("img/black-70.png") top left repeat; position:absolute; z-index:1000; left:0; top:0;}
.overlay { position:absolute; left:50%; top:50%; z-index:1001; display:none; font-size: 85%; background: #fff; border: 5px solid #ccc; width: 64em; margin-left: -32em; }
.overlay .header { position: relative; padding-top: 2.5em; }
.overlay .header .action { background: #ccc; position: absolute; left: 0; top: 0; right: 0; min-height: 2em; padding-bottom: 0.5em; }
.overlay .header .action a { float: right; line-height: 2em; display: block; background: url("img/overlay-close.gif") right center no-repeat; padding-right: 25px; padding-bottom: 0.1em; color: #666; font-size: 116%; text-decoration: none; }
.overlay .content { margin: 2em; margin-top: 1.5em; }

/* popUp .................................................................... */
html.jsPop, .jsPop body {overflow-x:hidden; overflow-y:auto; min-height:50em;}

.jsPop #overlayBG {position:absolute; height:150em; width:100%; z-index:3000;}
.jsPop #overlay {position:absolute; height:150em; width:100%; z-index:3000;}
.jsPop .popBox {position:absolute;}

/* popSubscribe ........................................................... */
.popSubscribe { min-height: 42em; top: 5em; }
.popSubscribe h2.heading { margin-left: 2em; margin-top: 2em;  }
.popSubscribe h2.heading span { font-size: 270%; font-weight: 700; color: #292A86; line-height: 1em; }
.popSubscribe h2.heading span.sub { display: block; font-size: 100%; color: #0091D2; }
.popSubscribe .formcontent { border-bottom: 2px solid #BFE4F4; padding-bottom: 0.75em; margin-bottom: 1em; }
.popSubscribe .content .textblock {  border-bottom: 2px solid #BFE4F4; padding-bottom: 1.25em; }
.popSubscribe .content .textblock p { color: #666; font-size: 116%; }
.popSubscribe .formbox { margin-top: 1.75em; font-size: 108%; }
.popSubscribe .formbox .label { color: #203C7D; }
.popSubscribe .formbox .required {  }
.popSubscribe .formrow { margin-bottom: 0.5em;  }
.popSubscribe .inputCaption { float: left; width: 14em; text-align: right; line-height: 2em; }
.popSubscribe .bonusCard .inputCaption { line-height: 1.5em; }
.popSubscribe .inputControl { float: left; margin-left: 1em; margin-right: 0.5em; line-height: 2em; }
.popSubscribe .inputControl #formcontent-salutation { margin-top: 0.5em; }
.popSubscribe .inputElement {  }
.popSubscribe .inputElement.error input { border: 1px solid #CC0000; }
.popSubscribe .feedback .error { color: #990000; font-size: 93%; line-height: 2em; padding-top: 0.20em; }
.popSubscribe .feedback .error img { padding-right: 0.25em; }
.popSubscribe .bonusCard .feedback .error { padding-top: 0.75em; }
.popSubscribe #formcontent-salutation .control { float: left; margin-right: 1.25em; }
.popSubscribe #formcontent-cardholder { background: #F4F4F4; padding: 0.75em; }
.popSubscribe #formcontent-cardholder label { font-weight: 700; padding-left: 0.15em; }
.popSubscribe #formcontent-cardholder .subordinate { position: relative; float: right; margin-left: 1em; }
.popSubscribe #formcontent-cardholder .subordinate label { font-weight: 400; color: #808080; position:absolute; left:-999em; top:0em; font-size: 108%; }
.popSubscribe .radiolist .inputCaption { padding-top: 0.75em; padding-bottom: 1px; }
.popSubscribe .radiolist.small .inputCaption { padding-top: 0; }
.popSubscribe .advance { float: right; margin-bottom: 1.5em; }
.popSubscribe #newsletter-submit { background: none; border: none; width: 10em; font-size: 131%; color: #1361AF; font-weight: 700; padding: 0.25em 0.5em; }
.popSubscribe .textfield { border: 1px solid #9DA4A7; border-right-color: #BFC6C9; border-bottom-color: #BFC6C9; padding: 0.15em; }
.popSubscribe .inpError .textfield { border: 1px solid #CC0000; }
.popSubscribe input#email { width: 15em; }
.popSubscribe input#firstname, .popSubscribe input#lastname { width: 11em; }
.popSubscribe input#cardNr { width: 8em; }

/* popSubscribeDone ........................................................... */
.popSubscribeDone { min-height: 42em; top: 5em;}
.popSubscribeDone .header h2.heading { margin-left: 2em; margin-top: 2em;  }
.popSubscribeDone .header h2.heading span { font-size: 270%; font-weight: 700; color: #292A86; line-height: 1em; }
.popSubscribeDone .header h2.heading span.sub { display: block; font-size: 100%; color: #0091D2; }
.popSubscribeDone .content h2.heading { margin-bottom: 1em; background: url("img/success.gif") top left no-repeat; min-height: 22px; padding-left: 27px; padding-top: 0.2em; }
.popSubscribeDone .content h2.heading span { font-size: 138.5%; font-weight: 700; color: #666; }
.popSubscribeDone .content .success { padding: 1.5em; background: #EAF7E9; margin-bottom: 2em; position: relative; }
.popSubscribeDone .content .success p { font-size: 138.5%; color: #666; }
.popSubscribeDone .formfooter { position: absolute; bottom: 1.5em; left: 2em; right: 2em; border-top: 2px solid #BFE4F4; padding-top: 1em; }
.popSubscribeDone .advance { float: right; }
.popSubscribeDone #newsletter-close { background: none; border: none; width: 7em; font-size: 131%; color: #1361AF; font-weight: 700; padding: 0.25em 0.75em; }

/* popStores ........................................................... */
.popStores { min-height: 42em; top: 5em; }
.popStores .header img { margin: 2em; margin-bottom: 0;  }
.popStores .content .textblock { padding-bottom: 1.5em; border-bottom: 2px solid #FEE29E; }
.popStores .content .textblock p { color: #666; font-size: 116%; }
.popStores .shopList { margin: 1.5em 0; border-bottom: 2px solid #FEE29E; padding-bottom: 0.5em; }
.popStores .shopList .col-1 { float: left; width: 20em; }
.popStores .shopList .col-2 { float: left; margin-left: 1em; width: 20em; }
.popStores .shopList .col-3 { margin-left: 42em; }
.popStores .shopList li { margin-bottom: 1em; position: relative; }
.popStores .shopList li a { color: #000; text-decoration: none; }
.popStores .shopList li span.statusNew { color: #3CB632; font-weight: 700; margin-left: 0.5em; }
.popStores .shopList li span.statusSoon { color: #666; margin-left: 0.5em; }
.popStores .shopList .pop { position: absolute; top: 2em; left: 4em; z-index: 2000; background: url("img/black-20.png") top left repeat; padding-bottom: 2px; padding-right: 2px; }
.popStores .shopList .popWrap1 { border: 1px solid #999; margin-top: -2px; margin-left: -2px; }
.popStores .shopList .popWrap2 { background: #fff; padding: 0.5em; border: 2px solid #EBEBEB; width: 15em; }
.popStores .shopList .pop h3.heading { margin: 0.25em 0; }
.popStores .shopList .pop h3.heading span { font-size: 108%; font-weight: 700; }
.popStores .shopList .pop .address { line-height: 1.5em; color: #666; font-size: 108%; }
.popStores .shopList .pop .town { display: block; }
.popStores .footer { margin: 2em; margin-top: 1em; }
.popStores .footer a { width: 7em; }
.popStores .tip { float: left; background: url("img/tip.gif") left center no-repeat; line-height: 1.5em; padding-left: 17px; margin-bottom: 1.5em; color: #666; font-size: 108%; }
.popStores .footer .buttonLook { float: right; margin-bottom: 1.5em; } 


/* ========================================================================== */
/* 08. store locator                                                          */

/* content .................................................................. */
.locator .gridTwoRight { padding: 2em; padding-top: 2em; padding-right:32em;}
.locator .content {width:100%; float:left;}
.locator .content h1.heading { margin-bottom: 1em; margin-top: 1em; }
.locator .content h1.heading span { font-weight: bold; font-size: 270%; color: #666; }

/* shops .................................................................... */
.locator .context { float:right; margin-right:-32em; width:32em; }
.locator .shops { margin:2em; margin-top: 3em; }
.locator .shops li { position: relative; margin-top: 1em; padding-top: 58px; padding-bottom: 1em; border-bottom: 2px solid #BFE4F4; }
.locator .shops .img { position: absolute; top: 0; left: 0; }
.locator .shops p { color: #666; margin: 1em 0; font-size: 108%; }

/* eshop overlay ............................................................ */
.popEshop {top:4em; width:74em; margin-left:-37em; background:#fafafa;}
.popEshop .header {height:2.5em; padding:0; background:#CCCCCC;}
.popEshop .header .action {position:static;}
.popEshop .header .action a {position:absolute; top:-0.1em; right:0.25em;float:none; padding-right:28px; background-position: right 0.15em;}
.popEshop .content {margin:0; overflow:hidden;}
.popEshop .content iframe {border:none; width:100%; height:31em;}
.popEshop .content iframe.height1 {height:31em;}
.popEshop .content iframe.height2 {height:59.25em;}
.popEshop .content iframe.height3 {height:67.25em;}

.popEshop .content iframe.height1 {height:34em\9;}
.popEshop .content iframe.height2 {height:60em\9;}
.popEshop .content iframe.height3 {height:67em\9;}

/* temp for post-disney */
.focusRow {background:#9DE2FF url("img-postdisney/focus-bg-repeat.png") left top repeat-x; margin-left:1.25em; position:relative; overflow:visible;}
.focusRow .focusRowWrap1 {background:url("img-postdisney/focus-bg.png") left top no-repeat; padding-bottom:10px;}
.fr .focusRow .focusRowWrap1 {background-image:url("img-postdisney/focus-bg-fr.png");}
.focusRow .focusContent {padding:80px 210px 0px 210px;}
.focusRow .focusContent .textblock p {font-size:116%; color:#000;}
.focusRow .focusContent .panel {margin-top:0.5em;}
.focusRow .focusContent .panel .panelTop {width:230px; background:url("img-postdisney/focus-panel-top.png") left top no-repeat; height:14px;}
.focusRow .focusContent .panel .panelMain {background:url("img-postdisney/focus-panel-middle.png") left top repeat-y; padding:0px 15px; width:200px;}
.focusRow .focusContent .panel .panelBottom {background:url("img-postdisney/focus-panel-bottom.png") left top no-repeat; width:230px; height:14px;}
.focusRow .focusContent .frmBox {position:relative; top:-2px;}
.focusRow .focusContent .frmBox .inputElement .caption {font-weight:700; color:#000; font-size:116%;}
.focusRow .focusContent .frmBox .inputElement .detail {margin-top:0.5em; margin-left:-5px;}
.focusRow .focusContent .frmBox .inputElement input {line-height:29px; border:none; width:135px; height:29px; background:url("img-postdisney/focus-input.png") left top no-repeat; padding:0px 7px;}
.focusRow .focusContent .frmBox .advance {position:absolute; right:-15px; top:5px;}
.focusRow .focusContent .frmBox .advance input {letter-spacing:-999em; text-indent:-999em; background:url("img-postdisney/codeButton.png") left top no-repeat; width:61px; height:52px; border:none;}
.focusRow #magic-focus .visual1 {position:absolute; left:-11px; bottom:0;}
.focusRow .focusContent .frmBox .inputElement .detail {position:relative; zoom:1;}
.focusRow, .focusRow .focusContent .frmBox {zoom:1;}
.focusRow,
.focusRow .focusRowWrap1,
.focusRow .focusContent .panel .panelTop,
.focusRow .focusContent .panel .panelMain,
.focusRow .focusContent .panel .panelBottom,
.focusRow .focusContent .frmBox .inputElement input,
.focusRow .focusContent .frmBox .advance input  {zoom:1;}

/* PNG fix */
* html .focusRow .focusContent .panel .panelTop,
* html .focusRow .focusContent .panel .panelBottom,
* html .focusRow .focusContent .frmBox .inputElement input
{behavior: expression((this.runtimeStyle.behavior = "none") && (this.currentStyle.backgroundImage.toString().toLowerCase().indexOf('.png')>-1) && (this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.currentStyle.backgroundImage.toString().replace('url("','').replace('")','') + "', sizingMethod='crop')", this.runtimeStyle.zoom = 1, this.runtimeStyle.backgroundImage = "none")); zoom:1;}

* html .focusRow .focusContent .panel .panelMain  {behavior: expression((this.runtimeStyle.behavior = "none") && (this.currentStyle.backgroundImage.toString().toLowerCase().indexOf('.png')>-1) && (this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.currentStyle.backgroundImage.toString().replace('url("','').replace('")','') + "', sizingMethod='scale')", this.runtimeStyle.zoom = 1, this.runtimeStyle.backgroundImage = "none")); zoom:1;}

.visual1 img, .visual2 img {position:relative; zoom:1;}
* html .visual1, * html .visual2, * html .visual3, * html .visual4, * html .visual5, * html body #allContainer #sub-header .siteLabel img, .visual1 img, .visual2 img {
position:relative; zoom:1;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "style_disney2/img-postdisney/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

* html body #allContainer #cf-main #cf-mainWrap4 {width:75.85em;}
*:first-child+html body #allContainer #cf-main #cf-mainWrap4 {width:75.5em;}

*:first-child+html .promoList ul .product {width:13.1em;}
*:first-child+html body #allContainer #cf-main #cf-mainWrap1 #cf-mainWrap2 {width:auto;}
*:first-child+html .carousel .carNav li.active .heading {margin-top:1.3em; height:auto;  margin-bottom:1.25em; line-height:auto;}
*:first-child+html .focusRow .focusContent .frmBox .advance {top:15px;}
*:first-child+html .focusRow .focusContent .frmBox .advance input {filter:""; background:url("img-disney2010/codeButton.gif") left top no-repeat; text-indent:0;}
*:first-child+html .focusRow .focusContent .frmBox .inputElement input {line-height:29px;}

* html body #allContainer #cf-main #cf-mainWrap1 #cf-mainWrap2 {width:auto;}
* html .promoList ul .product {width:13.1em;}
* html .promoList ul .product .img .graphic {width:100%;}
* html .row .promoFolders {width:26.5em;}
* html .recipes {width:26em;}
* html .recipes .tabpane {width:24.5em;}

* html .carousel {position:relative; zoom:1; z-index:300;}
* html #allContainer .carousel .carNav li.active .heading {margin-top:1.3em;  height:auto; margin-bottom:1.25em; }
* html .carousel .carContent {zoom:1; overflow:hidden;}
* html .search .autosuggest {position:relative; top:-2px;}
* html .focusRow .focusContent .frmBox .inputElement input {line-height:29px;}
* html .focusRow .focusContent .frmBox .advance {top:15px;}
* html .focusRow .focusContent .frmBox .advance input {filter:""; background:url("img-disney2010/codeButton.gif") left top no-repeat; text-indent:0;}
* html .navigation {position:relative; top:0px;}