/* PRODUCT STYLES */ .teaserGroup { padding: 20px 6px 0 0; height: 225px; } .teaserGroup .teaserWrapper { height: 225px; } .teaserGroup .doubleTeaser { float: right; } .footnotes { font-style: italic; font-size: 1.0em; line-height: 16px; padding: 0 15px 10px 9px; } #product_stage { width: 100%; height: 475px; position: relative; } /* #product_stage h1 { width: 1px; height: 1px; position: absolute; top: 0px; left: 0px; overflow: hidden; } */ #product_image { position: relative; width: 968px; height: 439px; overflow: hidden; padding: 6px 15px 29px 9px; } #product_image h1 { top: 0px; left: 0px; position: absolute; z-index: 2; width: 992px; height: 474px; text-indent: -19999px; background-position: left top; background-repeat: no-repeat; } .specials #product_image h1, .flame-grilled-beef #product_image h1, .chicken-veggie #product_image h1, .chicken-fish-veggie #product_image h1, .king-deals #product_image h1, .king-snacks #product_image h1, .spar-kings #product_image h1, .sommer-specials #product_image h1, .king-des-monats #product_image h1 { background-image: url(/bkProductsPlugin/images/brownMask.png); } .king-delight #product_image h1, .salads-wraps #product_image h1 { background-image: url(/bkProductsPlugin/images/greenMask.png); } .kids-menu #product_image h1 { background-image: url(/bkProductsPlugin/images/lightblueMask.png); } .fruehstueck #product_image h1 { background-image: url(/bkProductsPlugin/images/yellowMask.png); } .king-desserts #product_image h1, .sommer-desserts #product_image h1 { background-image: url(/bkProductsPlugin/images/blueMask.png); } .getraenke #product_image h1 { background-image: url(/bkProductsPlugin/images/darkgreenMask.png); } #product_teaser { z-index: 3; padding: 0 6px 0 0; height: 76px; clear: both; position: relative; margin-top: -22px; } #product_teaser .teaserWrapper { height: 76px; float: left; background: transparent none; position: relative; } #product_teaser .rightTeaser { float: right; } #product_info { padding: 5px 16px 0 10px; width: 966px; height: 272px; } #product_info .productInfoColumn { float: left; width: 287px; padding: 15px 15px 0 20px; height: 257px; position: relative; } #product_info .productInfoColumn h4 { font-size: 1.6em; font-weight: normal; line-height: 20px; margin: 0 0 20px; } #product_info .productInfoColumn h4 sup { font-size: 0.5em; } #product_info .productInfoColumn p { color: #FFFFFF; font-size: 1.3em; line-height: 22px; font-weight: bold; } #product_info #product_description h4 { margin: 0 0 15px; } #product_info #product_description p { line-height: 21px; } #product_info #product_nutrient h4 { margin: 0 0 10px; } #product_info #product_nutrient .nutritionTeaser { width: 257px; height: 159px; padding: 10px 10px 0 15px; margin: 0 0 10px; background: url(/bkProductsPlugin/images/productNutrientBg.png) left top no-repeat; } #product_info #product_nutrient .restaurantFinderTeaser { position: relative; width: 257px; height: 159px; padding: 10px 10px 0 15px; margin: 0 0 10px; background: url(/bkProductsPlugin/images/productNutrientBg.png) left top no-repeat; } #product_info #product_nutrient .restaurantFinderTeaser p { font-size: 1.1em; line-height: 16px; } #product_info #product_nutrient img.restaurantFinderTeaserVisual { position: absolute; right: -5px; bottom: -20px; } #product_info #product_nutrient a#nutritionCalculator { display: block; position: absolute; right: 15px; top: 113px; width: 116px; height: 165px; } #product_info #product_nutrient ul { list-style-type: none; display: block; overflow: hidden; width: 262px; height: 159px; padding: 10px 10px 0; margin: 0 0 10px; background: url(/bkProductsPlugin/images/productNutrientBg.png) left top no-repeat; } #product_info #product_nutrient ul li { display: block; float: right; width: 75px; height: 48px; color: #FFFFFF; font-size: 1.1em; font-weight: bold; line-height: 15px; padding: 5px 0 0 48px; } #product_info #product_nutrient ul li.leftNutrient { clear: both; float: left; width: 83px; } #product_info #product_nutrient ul li label { display: block; } #product_info #product_nutrient ul li#nutrient_size { background: url(/bkProductsPlugin/images/nutrient_size.png) left top no-repeat; } #product_info #product_nutrient ul li#nutrient_sugar { background: url(/bkProductsPlugin/images/nutrient_sugar.png) left top no-repeat; } #product_info #product_nutrient ul li#nutrient_calorific { background: url(/bkProductsPlugin/images/nutrient_calorific.png) left top no-repeat; } #product_info #product_nutrient ul li#nutrient_protein { background: url(/bkProductsPlugin/images/nutrient_protein.png) left top no-repeat; } #product_info #product_nutrient ul li#nutrient_carbohydrate { background: url(/bkProductsPlugin/images/nutrient_carbohydrate.png) left top no-repeat; } #product_info #product_nutrient ul li#nutrient_fat { background: url(/bkProductsPlugin/images/nutrient_fat.png) left top no-repeat; } #product_actions ul { width: 100%; overflow: hidden; display: block; list-style-type: none; } #product_actions ul li { display: block; float: left; height: 18px; overflow: hidden; padding: 0 0 8px; } #product_actions ul li.leftList { width: 200px; } #product_actions ul li a { line-height: 18px; } #product_actions ul li.leftList a { background-image: url(/images/layout/navigation/socialLinks.png); background-repeat: no-repeat; padding: 0 0 0 25px; display: block; float: left; height: 18px; font-size: 1.1em; line-height: 18px; color: #FFFFFF; font-weight: bold; text-decoration: none; } #product_actions ul li.leftList a:hover { text-decoration: underline; } #product_actions ul li a.twitterLink { background-position: left 0px; } #product_actions ul li a.fbLink { background-position: left -36px; } #product_actions ul li.iconList a { display: block; float: left; width: 19px; height: 18px; padding: 0 7px 0 0; background-image: url(/images/layout/navigation/socialLinks.png); background-position: left top; background-repeat: no-repeat; text-indent: -19999px; } #product_actions ul li.iconList a:focus { outline: none; } #product_actions ul li.iconList a.deliciousLink { background-position: left -18px; } #product_actions ul li.iconList a.mrwongLink { background-position: left -72px; } #product_actions ul li.iconList a.webnewsLink { background-position: left -90px; } #product_actions ul li.iconList a.diggLink { background-position: left -108px; } #product_actions ul li.iconList a.beboLink { background-position: left -126px; } #product_actions ul li.iconList a.googleLink { background-position: left -144px; } #product_info #product_newsletter { position: relative; } #product_info #product_newsletter h4 { margin: 0 0 11px; } #product_info .productInfoColumn #product_newsletter p { background: url(/bkProductsPlugin/images/productNewsletterBg.png) left top no-repeat; font-size: 1.1em; line-height: 16px; margin: 0; width: 252px; height: 34px; margin: 0 0 10px; padding: 10px 15px 10px 15px; } #product_info .productInfoColumn #product_newsletter img { position: absolute; top: 0px; right: 0px; } #product_actions a#newsletter_breaker { display: block; width: 101px; height: 95px; background: url(/bkProductsPlugin/images/letterBreaker.png) left top no-repeat; text-indent: -19999px; position: absolute; right: 8px; bottom: 0px; } #product_actions a#newsletter_breaker:focus { outline: none; } .teaserWrapper .relatedProductsTeaser { padding: 0 9px; height: 225px; position: relative; } .teaserWrapper .relatedProductsTeaser h3 { display: block; width: 571px; height: 50px; position: absolute; top: 0px; left: 43px; text-indent: -19999px; background-position: left top; background-repeat: no-repeat; } .relatedProductsWrapper { width: 549px; height: 175px; padding: 50px 44px 0 45px; position: relative; } .relatedProductsSliderWrapper { width: 100%; height: 175px; overflow: hidden; position: relative; } .relatedProductsWrapper a.sliderNav { position: absolute; top: 0px; width: 31px; height: 180px; background-repeat: no-repeat; background-image: url(/bkProductsPlugin/images/relatedProductsSliderNav.png); text-indent: -19999px; } .relatedProductsWrapper a.sliderNav:focus { outline: none; } .relatedProductsWrapper a.leftSliderNav { left: 0px; background-position: left top; } .relatedProductsWrapper a.rightSliderNav { right: 0px; background-position: right top; } .relatedProductsSliderWrapper ul.relatedProductsSlides { display: block; list-style-type: none; float: left; height: 100%; position: absolute; top: 0px; left: 0px; } .relatedProductsSliderWrapper ul.relatedProductsSlides li { display: block; float: left; width: 183px; height: 163px; text-align: center; padding: 12px 0 0; } .relatedProductsSliderWrapper ul.relatedProductsSlides li h4 { font-size: 1.4em; line-height: 16px; height: 32px; overflow: hidden; } .relatedProductsSliderWrapper ul.relatedProductsSlides li .productImage { width: 100%; height: 131px; overflow: hidden; } .relatedProductsSliderWrapper ul.relatedProductsSlides li .productImage img { display: block; } .specials #product_info { background: url(/bkProductsPlugin/images/special_ProductInfoBg.png) left top no-repeat; } .specials #product_info * { color: #e1a4b0 !important; } .specials .relatedProductsTeaser { background: url(/bkProductsPlugin/images/special_RelatedProductsBg.png) left top no-repeat; } .specials .relatedProductsSliderWrapper ul.relatedProductsSlides li h4 { color: #e1a4b0; } .specials .relatedProductsSliderWrapper ul.relatedProductsSlides li h4.highlight { color: #490613; } .specials .relatedProductsTeaser h3 { background-image: url(/bkProductsPlugin/images/headlines/moreSpecials.png); } .sommer-specials #product_info { background: url(/bkProductsPlugin/images/special_ProductInfoBg.png) left top no-repeat; } .sommer-specials #product_info * { color: #e1a4b0 !important; } .sommer-specials .relatedProductsTeaser { background: url(/bkProductsPlugin/images/special_RelatedProductsBg.png) left top no-repeat; } .sommer-specials .relatedProductsSliderWrapper ul.relatedProductsSlides li h4 { color: #e1a4b0; } .sommer-specials .relatedProductsSliderWrapper ul.relatedProductsSlides li h4.highlight { color: #490613; } .sommer-specials .relatedProductsTeaser h3 { background-image: url(/bkProductsPlugin/images/headlines/moreSpecials.png); } .flame-grilled-beef #product_info { background: url(/bkProductsPlugin/images/flame-grilled-beef_ProductInfoBg.png) left top no-repeat; } .flame-grilled-beef #product_info * { color: #bbaba0 !important; } .flame-grilled-beef .relatedProductsTeaser { background: url(/bkProductsPlugin/images/flame-grilled-beef_RelatedProductsBg.png) left top no-repeat; } .flame-grilled-beef .relatedProductsSliderWrapper ul.relatedProductsSlides li h4 { color: #bbaba0; } .flame-grilled-beef .relatedProductsSliderWrapper ul.relatedProductsSlides li h4.highlight { color: #4f2e0d; } .flame-grilled-beef .relatedProductsTeaser h3 { background-image: url(/bkProductsPlugin/images/headlines/moreFlameGrilledBeef.png); } .chicken-veggie #product_info { background: url(/bkProductsPlugin/images/chicken-veggie_ProductInfoBg.png) left top no-repeat; } .chicken-veggie #product_info * { color: #b36a5f !important; } .chicken-veggie .relatedProductsTeaser { background: url(/bkProductsPlugin/images/chicken-veggie_RelatedProductsBg.png) left top no-repeat; } .chicken-veggie .relatedProductsSliderWrapper ul.relatedProductsSlides li h4 { color: #b36a5f; } .chicken-veggie .relatedProductsSliderWrapper ul.relatedProductsSlides li h4.highlight { color: #400b01; } .chicken-veggie .relatedProductsTeaser h3 { background-image: url(/bkProductsPlugin/images/headlines/moreChickenVeggie.png); } .chicken-fish-veggie #product_info { background: url(/bkProductsPlugin/images/chicken-veggie_ProductInfoBg.png) left top no-repeat; } .chicken-fish-veggie #product_info * { color: #b36a5f !important; } .chicken-fish-veggie .relatedProductsTeaser { background: url(/bkProductsPlugin/images/chicken-veggie_RelatedProductsBg.png) left top no-repeat; } .chicken-fish-veggie .relatedProductsSliderWrapper ul.relatedProductsSlides li h4 { color: #b36a5f; } .chicken-fish-veggie .relatedProductsSliderWrapper ul.relatedProductsSlides li h4.highlight { color: #400b01; } .chicken-fish-veggie .relatedProductsTeaser h3 { background-image: url(/bkProductsPlugin/images/headlines/moreChickenVeggie.png); } .king-deals #product_info { background: url(/bkProductsPlugin/images/king-deals_ProductInfoBg.png) left top no-repeat; } .king-deals #product_info * { color: #a97866 !important; } .king-deals .relatedProductsTeaser { background: url(/bkProductsPlugin/images/king-deals_RelatedProductsBg.png) left top no-repeat; } .king-deals .relatedProductsSliderWrapper ul.relatedProductsSlides li h4 { color: #a97866; } .king-deals .relatedProductsSliderWrapper ul.relatedProductsSlides li h4.highlight { color: #300800; } .king-deals .relatedProductsTeaser h3 { background-image: url(/bkProductsPlugin/images/headlines/moreKingDeals.png); } .king-snacks #product_info { background: url(/bkProductsPlugin/images/king-snacks_ProductInfoBg.png) left top no-repeat; } .king-snacks #product_info * { color: #dec5a7 !important; } .king-snacks .relatedProductsTeaser { background: url(/bkProductsPlugin/images/king-snacks_RelatedProductsBg.png) left top no-repeat; } .king-snacks .relatedProductsSliderWrapper ul.relatedProductsSlides li h4 { color: #dec5a7; } .king-snacks .relatedProductsSliderWrapper ul.relatedProductsSlides li h4.highlight { color: #432708; } .king-snacks .relatedProductsTeaser h3 { background-image: url(/bkProductsPlugin/images/headlines/moreKingSnacks.png); } .king-delight #product_info { background: url(/bkProductsPlugin/images/king-delight_ProductInfoBg.png) left top no-repeat; } .king-delight #product_info * { color: #c4deb7 !important; } .king-delight .relatedProductsTeaser { background: url(/bkProductsPlugin/images/king-delight_RelatedProductsBg.png) left top no-repeat; } .king-delight #product_info #product_nutrient ul, .king-delight #product_info #product_nutrient .nutritionTeaser { background: url(/bkProductsPlugin/images/king-delight_productNutrientBg.png) left top no-repeat; } .king-delight #product_info .productInfoColumn #product_newsletter p { background: url(/bkProductsPlugin/images/king-delight_productNewsletterBg.png) left top no-repeat; } .king-delight .relatedProductsSliderWrapper ul.relatedProductsSlides li h4 { color: #c4deb7; } .king-delight .relatedProductsSliderWrapper ul.relatedProductsSlides li h4.highlight { color: #375329; } .king-delight .relatedProductsTeaser h3 { background-image: url(/bkProductsPlugin/images/headlines/moreKingDelight.png); } .salads-wraps #product_info { background: url(/bkProductsPlugin/images/king-delight_ProductInfoBg.png) left top no-repeat; } .salads-wraps #product_info * { color: #c4deb7 !important; } .salads-wraps .relatedProductsTeaser { background: url(/bkProductsPlugin/images/king-delight_RelatedProductsBg.png) left top no-repeat; } .salads-wraps #product_info #product_nutrient ul, .salads-wraps #product_info #product_nutrient .nutritionTeaser { background: url(/bkProductsPlugin/images/king-delight_productNutrientBg.png) left top no-repeat; } .salads-wraps #product_info .productInfoColumn #product_newsletter p { background: url(/bkProductsPlugin/images/king-delight_productNewsletterBg.png) left top no-repeat; } .salads-wraps .relatedProductsSliderWrapper ul.relatedProductsSlides li h4 { color: #c4deb7; } .salads-wraps .relatedProductsSliderWrapper ul.relatedProductsSlides li h4.highlight { color: #375329; } .salads-wraps .relatedProductsTeaser h3 { background-image: url(/bkProductsPlugin/images/headlines/moreKingDelight.png); } .kids-menu #product_info { background: url(/bkProductsPlugin/images/kids-menu_ProductInfoBg.png) left top no-repeat; } .kids-menu #product_info * { color: #b1e6ed !important; } .kids-menu .relatedProductsTeaser { background: url(/bkProductsPlugin/images/kids-menu_RelatedProductsBg.png) left top no-repeat; } .kids-menu #product_info #product_nutrient ul, .kids-menu #product_info #product_nutrient .nutritionTeaser { background: url(/bkProductsPlugin/images/kids-menu_productNutrientBg.png) left top no-repeat; } .kids-menu #product_info .productInfoColumn #product_newsletter p { background: url(/bkProductsPlugin/images/kids-menu_productNewsletterBg.png) left top no-repeat; } .kids-menu .relatedProductsSliderWrapper ul.relatedProductsSlides li h4 { color: #b1e6ed; } .kids-menu .relatedProductsSliderWrapper ul.relatedProductsSlides li h4.highlight { color: #22686f; } .kids-menu .relatedProductsTeaser h3 { background-image: url(/bkProductsPlugin/images/headlines/moreKidsMenu.png); } .fruehstueck #product_info { background: url(/bkProductsPlugin/images/fruehstueck_ProductInfoBg.png) left top no-repeat; } .fruehstueck #product_info * { color: #fce6b3 !important; } .fruehstueck .relatedProductsTeaser { background: url(/bkProductsPlugin/images/fruehstueck_RelatedProductsBg.png) left top no-repeat; } .fruehstueck #product_info #product_nutrient ul, .fruehstueck #product_info #product_nutrient .nutritionTeaser { background: url(/bkProductsPlugin/images/fruehstueck_productNutrientBg.png) left top no-repeat; } .fruehstueck #product_info .productInfoColumn #product_newsletter p { background: url(/bkProductsPlugin/images/fruehstueck_productNewsletterBg.png) left top no-repeat; } .fruehstueck .relatedProductsSliderWrapper ul.relatedProductsSlides li h4 { color: #fce6b3; } .fruehstueck .relatedProductsSliderWrapper ul.relatedProductsSlides li h4.highlight { color: #674500; } .fruehstueck .relatedProductsTeaser h3 { background-image: url(/bkProductsPlugin/images/headlines/moreFruehstueck.png); } .king-desserts #product_info { background: url(/bkProductsPlugin/images/king-desserts_ProductInfoBg.png) left top no-repeat; } .king-desserts #product_info * { color: #98bad6 !important; } .king-desserts .relatedProductsTeaser { background: url(/bkProductsPlugin/images/king-desserts_RelatedProductsBg.png) left top no-repeat; } .king-desserts #product_info #product_nutrient ul, .king-desserts #product_info #product_nutrient .nutritionTeaser { background: url(/bkProductsPlugin/images/king-desserts_productNutrientBg.png) left top no-repeat; } .king-desserts #product_info .productInfoColumn #product_newsletter p { background: url(/bkProductsPlugin/images/king-desserts_productNewsletterBg.png) left top no-repeat; } .king-desserts .relatedProductsSliderWrapper ul.relatedProductsSlides li h4 { color: #98bad6; } .king-desserts .relatedProductsSliderWrapper ul.relatedProductsSlides li h4.highlight { color: #04253f; } .king-desserts .relatedProductsTeaser h3 { background-image: url(/bkProductsPlugin/images/headlines/moreKingDesserts.png); } .sommer-desserts #product_info { background: url(/bkProductsPlugin/images/king-desserts_ProductInfoBg.png) left top no-repeat; } .sommer-desserts #product_info * { color: #98bad6 !important; } .sommer-desserts .relatedProductsTeaser { background: url(/bkProductsPlugin/images/king-desserts_RelatedProductsBg.png) left top no-repeat; } .sommer-desserts #product_info #product_nutrient ul, .sommer-desserts #product_info #product_nutrient .nutritionTeaser { background: url(/bkProductsPlugin/images/king-desserts_productNutrientBg.png) left top no-repeat; } .sommer-desserts #product_info .productInfoColumn #product_newsletter p { background: url(/bkProductsPlugin/images/king-desserts_productNewsletterBg.png) left top no-repeat; } .sommer-desserts .relatedProductsSliderWrapper ul.relatedProductsSlides li h4 { color: #98bad6; } .sommer-desserts .relatedProductsSliderWrapper ul.relatedProductsSlides li h4.highlight { color: #04253f; } .sommer-desserts .relatedProductsTeaser h3 { background-image: url(/bkProductsPlugin/images/headlines/moreKingDesserts.png); } .getraenke #product_info { background: url(/bkProductsPlugin/images/getraenke_ProductInfoBg.png) left top no-repeat; } .getraenke #product_info * { color: #9cc1a9 !important; } .getraenke .relatedProductsTeaser { background: url(/bkProductsPlugin/images/getraenke_RelatedProductsBg.png) left top no-repeat; } .getraenke #product_info #product_nutrient ul, .getraenke #product_info #product_nutrient .nutritionTeaser { background: url(/bkProductsPlugin/images/getraenke_productNutrientBg.png) left top no-repeat; } .getraenke #product_info .productInfoColumn #product_newsletter p { background: url(/bkProductsPlugin/images/getraenke_productNewsletterBg.png) left top no-repeat; } .getraenke .relatedProductsSliderWrapper ul.relatedProductsSlides li h4 { color: #9cc1a9; } .getraenke .relatedProductsSliderWrapper ul.relatedProductsSlides li h4.highlight { color: #03280d; } .getraenke .relatedProductsTeaser h3 { background-image: url(/bkProductsPlugin/images/headlines/moreGetraenke.png); } .spar-kings #product_info { background: url(/bkProductsPlugin/images/spar-kings_ProductInfoBg.png) left top no-repeat; } .spar-kings #product_info * { color: #bbaba0 !important; } .spar-kings .relatedProductsTeaser { background: url(/bkProductsPlugin/images/spar-kings_RelatedProductsBg.png) left top no-repeat; } .spar-kings .relatedProductsSliderWrapper ul.relatedProductsSlides li h4 { color: #bbaba0; } .spar-kings .relatedProductsSliderWrapper ul.relatedProductsSlides li h4.highlight { color: #4f2e0d; } .spar-kings .relatedProductsTeaser h3 { background-image: url(/bkProductsPlugin/images/headlines/moreSparKings.png); } .king-des-monats #product_info { background: url(/bkProductsPlugin/images/special_ProductInfoBg.png) left top no-repeat; } .king-des-monats #product_info * { color: #e1a4b0 !important; } .king-des-monats .relatedProductsTeaser { background: url(/bkProductsPlugin/images/special_RelatedProductsBg.png) left top no-repeat; } .king-des-monats .relatedProductsSliderWrapper ul.relatedProductsSlides li h4 { color: #e1a4b0; } .king-des-monats .relatedProductsSliderWrapper ul.relatedProductsSlides li h4.highlight { color: #490613; } .king-des-monats .relatedProductsTeaser h3 { background-image: url(/bkProductsPlugin/images/headlines/moreSpecials.png); } /* PROMO */ #specialProduct { background: url(/bkProductsPlugin/images/specialTeaser.png) left top no-repeat; height: 250px; position: relative; margin-top: -4px; } #specialProduct a { display: block; text-indent: -19999px; background: transparent; position: absolute; width: 100%; height: 250px; top: 0px; left: 0px; } #specialProduct a:focus { outline: none; } #specialProduct .hiddenContent { width: 1px; height: 1px; overflow: hidden; position: absolute; top: 0px; left: 0px; } /* PRODUCT GROUP TEASER */ .productTeaserGroup { height: auto; width: 100%; padding: 0 0 20px; overflow: hidden; } .productTeaserGroup .teaserWrapper { background: transparent; height: 237px; } .productTeaserGroup .teaserWrapper .productGroupTeaser { height: 220px; padding: 5px 9px 12px; position: relative; } .productTeaserGroup .teaserWrapper .productGroupTeaser a { display: block; position: absolute; top: 5px; left: 9px; width: 310px; height: 220px; background: transparent; text-indent: -19999px; } .productTeaserGroup .teaserWrapper .productGroupTeaser a:focus { outline: none; }