body { margin: 0; background: #3E0A05; font: 12px/14px Arial, sans-serif; color: #4D1B13; } * { margin: 0; padding: 0; } img { border: 0; } table { border-collapse: collapse; } td,th { font: 12px/17px Arial, sans-serif; padding: 3px; } input, select, textarea { font: 11px/12px Arial, sans-serif; } select option { padding-right: 3px; } input { padding: 2px 3px; } ul, ol { margin: 7px 0 17px 16px; } p { margin: 0 0 14px 0; } a { text-decoration: underline; color: #4D1B13; } a:hover { text-decoration: none; } h1 { font-size: 22px; line-height: 26px; letter-spacing: 0.45em; } h2 { margin: 0 0 22px 0; font-size: 14px; line-height: 16px; } h3 { margin: 0 0 14px 0; font-weight: normal; font-size: 12px; } .clear { clear: both; height: 0; line-height: 0px; overflow: hidden; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display:inline-block; } /* Hide from IE Mac \*/ .clearfix { display:block; } /* End hide from IE Mac */ #wrapper { width: 1000px; height: 585px; margin: 0 auto; border-bottom: 5px solid #4D1B13; overflow: hidden; } .contentWrapper { position: relative; height: 519px; background-color: #fff; } #wrapper sup { position: relative; bottom: 0.4em; font-size: 9px; line-height: 9px; vertical-align: baseline; } #leftborder { position: absolute; top: 0; left: 163px; width: 17px; height: 519px; background: url(/images/bg_border_left.png) no-repeat; z-index: 10; } #rightborder { position: absolute; top: 0; right: 0; width: 17px; height: 519px; background: url(/images/bg_border_right.png) no-repeat; z-index: 10; } .rechts { float: right; } .links { float: left; } .midden { text-align: center; } /* languageOption ------------------------------------------------------------------*/ #countryLangSelection { background: #000; } #languageOption { position: relative; width: 1000px; height: 590px; margin: 0 auto; background: url(/images/bg_langoption.jpg) no-repeat; color: #F5DD98; } #languageOption #logo { position: absolute; top: 16px; left: 400px; } #languageOption h1 { position: absolute; top: 507px; } #languageOption h1 { top: 502px; width: 1000px; text-align: center; font-size: 15px; line-height: 20px; letter-spacing: 0.1em; font-weight: normal; } #languageOption form { padding-top: 300px; text-align: center; } #languageOption form select { margin-bottom: 15px; border: 1px solid #e3c263; background: #4b2115; color: #e3c263; font-size: 15px; } #languageOption #linkgo { display: block; width: 64px; height: 26px; margin: 0 auto; background: url(/images/bt_hp_go.gif) no-repeat; text-align: center; line-height: 26px; font-size: 14px; text-decoration: none; } /* top ------------------------------------------------------------------*/ #top { position: relative; z-index: 20; height: 66px; background: url(/images/bg_top.jpg) repeat-y; } #top form, #top ul { position: absolute; margin: 0; } #top ul { list-style: none; } /*#top ul li { float: left; } #top a { color: #4D1B13; text-decoration: none; } #top a:hover { text-decoration: none; }*/ #top ul li { float: left; height: 27px; } #top a { color: #4D1B13; text-decoration: none; } #top a:hover { text-decoration: none; } #top #languages { position: absolute; top: 18px; left: 0; width: 161px; text-align: center; } #top #languages a { text-decoration: none; font: 10px/12px Arial, sans-serif; } #top #languages a:hover, #top #languages .active { text-decoration: underline; } #top #taalkeuze { position: absolute; top: 35px; left: 10px; z-index: 50; padding: 10px 10px 3px 10px; background: #d7c5b7; border: 1px solid #4b2115; visibility: hidden; } #top #startform { position: static; } #top #startform select { float: left; margin-right: 5px; } #top #linkgo { float: left; width: 50px; height: 20px; background: url(/images/bt_small_brown_go.gif) no-repeat; text-align: center; color: #fff; line-height: 20px; } #top #closeTaalkeuze { clear: both; display: block; font-size: 10px; text-align: center; color: #4b2115; } #searchForm { top: 7px; right: 5px; height: 21px; padding-left: 20px; background: url(/images/bg_searchfield.gif) no-repeat left 1px; } #searchForm #searchWord { width: 77px; height: 12px; padding: 0; border: 0; } #searchForm #searchButton { height: 18px; border: 0; background: transparent; text-transform: uppercase; color: #4D1B13; font: 11px/12px Arial, sans-serif; } #subNav { top: 7px; left: 165px; } #subNav li { height: 23px; } #subNav a { font: 10px/17px Arial, sans-serif; } #subNav #contact { width: 90px; padding-left: 20px; background: url(/images/icon_contact.gif) no-repeat; } #subNav #newsletter { width: 70px; padding-left: 22px; background: url(/images/icon_newsletter.gif) no-repeat; } #subNav #press { width: 85px; padding-left: 25px; background: url(/images/icon_press.gif) no-repeat; } #subNav #aboutus { width: 80px; padding-left: 35px; background: url(/images/icon_about_us.gif) no-repeat; } #subNav #favorites { width: 60px; padding-left: 20px; background: url(/images/icon_favorites.gif) no-repeat; } #subNav #print { width: 65px; padding-left: 30px; background: url(/images/icon_print.gif) no-repeat; } #subNav #sitemap { width: 75px; padding-left: 30px; background: url(/images/icon_sitemap.gif) no-repeat; } #disclaimer { position: absolute; top: 4px; left: 0; width: 161px; text-align: center; } #disclaimer a { font: 10px/12px Arial, sans-serif; } /* #mainNav { top: 37px; height: 27px; padding-left: 163px; background: url(/images/bg_mainnav3.png) no-repeat left top; } #mainNav a { display: block; width: 116px; height: 21px; padding-top: 6px; font-size: 11px; font-weight: bold; color: #fff; text-transform: uppercase; text-align: center; text-decoration: none; } #mainNav #products a { width: 95px; } #mainNav #recipes a { width: 83px; } #mainNav #experts a { width: 84px; } #mainNav #chocAcad a { width: 162px; } #mainNav #demo a { width: 174px; } #mainNav #boutique a, #mainNav #externalshop a { width: 115px; } #mainNav #events a { width: 124px; } #mainNav a:hover, #mainNav .active a { background: url(/images/bg_mainnav3.png) no-repeat left -27px; color: #4D1B13; } #mainNav #products a:hover, #mainNav #products.active a { background-position: -163px -27px; } #mainNav #recipes a:hover, #mainNav #recipes.active a { background-position: -258px -27px; } #mainNav #experts a:hover, #mainNav #experts.active a { background-position: -341px -27px; } #mainNav #chocAcad a:hover, #mainNav #chocAcad.active a { background-position: -425px -27px; } #mainNav #demo a:hover, #mainNav #demo.active a { background-position: -587px -27px; } #mainNav #boutique a:hover, #mainNav #boutique.active a, #mainNav #externalshop a:hover, #mainNav #externalshop.active a { background-position: -761px -27px; } #mainNav #events a:hover, #mainNav #events.active a { background-position: -876px -27px; } .noWebshop #mainNav { width: 837px; background: url(/images/bg_mainnav_noWebshop.png) no-repeat left top; } .noWebshop #mainNav a:hover, .noWebshop #mainNav .active a { background: url(/images/bg_mainnav_noWebshop.png) no-repeat left -27px; color: #4D1B13; } .noWebshop #mainNav #events a:hover, .noWebshop #mainNav #events.active a { background-position: -761px -27px; } */ #mainNav { width: 842px; top: 37px; height: 27px; padding-left: 158px; background: url(/images/bg_mainnav.png) repeat-x; } #mainNav li#products { padding-left: 5px; background: url(../images/bg_mainnav_a.png) no-repeat; } #mainNav a { display: block; height: 21px; padding: 6px 15px 0 10px; background: url(../images/bg_mainnav_a.png) top right no-repeat; font-size: 11px; font-weight: bold; color: #fff; text-transform: uppercase; text-align: center; text-decoration: none; } #mainNav .active a, #mainNav a:hover { background: url(../images/bg_mainnav_a_ho.png) top right no-repeat; color: #4D1B13; } /* hp ------------------------------------------------------------------*/ #hp { background: #fff url(/images/bg_hp2.jpg) no-repeat 0 52px; } #hp #leftborder { left: 0; } #logoBanner { height: 136px; padding-bottom: 10px; background: url(/images/bg_hp_banner.png) no-repeat; } #logoBanner #banner { position: relative; width: 1000px; height: 102px; overflow: hidden; padding-top: 34px; } #logoBanner #banner * { display: block; position: absolute; bottom: 0; left: 0; z-index: 4; } #logoBanner #logo { position: absolute; top: 9px; left: 421px; z-index: 20; } #hp #slogan { position: absolute; left: 25px; top: 181px; width: 950px; letter-spacing: 0.05em; font-weight: normal; font-size: 24px; text-align: center; } #newsBlocks { position: absolute; top: 230px; left: 0; /*width: 958px;*/ height: 300px; /*overflow: hidden;*/ margin: 0; padding-left: 42px; list-style: none; } #count3 #newsBlocks { left: 113px; } #count2 #newsBlocks { left: 235px; } #count1 #newsBlocks { left: 347px; } #newsBlocks li { float: left; overflow: hidden; width: 213px; height: 269px; margin-right: 15px; padding: 0 7px 7px 0; background: url(/images/bg_hp_newsblock.png) no-repeat; } #newsBlocks li div { position: absolute; z-index: 10; width: 213px; height: 269px; } #newsBlocks li div img { display: block; } #newsBlocks li .newstekst { overflow: hidden; width: 183px; padding: 0 15px; z-index: 15; background: url(/images/bg_hp_newsblock.gif) repeat; } #newsBlocks li .newstekst h2 { margin-bottom: 12px; } #newsBlocks li .newstekst p { margin-bottom: 0; } #newsBlocks li .blockLink { position: absolute; display: block; width: 213px; height: 269px; z-index: 50; /*text-indent: -9999px;*/ } #newsBlocks li .newstekst a { color: #fff; } #newsBlocks li .newstekst a.darkbrown { color: #4D1B13; } /* #hp { background: #fff url(/images/bg_hp.jpg) repeat-x left bottom; } #hp #leftborder { left: 0; } #hp #clip{ position: absolute; top: 0; left: 0; width: 1000px; height: 249px; margin: 0; padding: 0; z-index: 5; clip: rect(0, 1200px, 249px, 0); overflow: hidden; } #hp .pict { float: left; height: 249px; margin: 0 5px 0 0; text-align: center; } #hp #scrollerContainer { position: relative; height: 249px; overflow: hidden; } #hp #scroller { position: absolute; left: 0; top: 0; width: 100%; } #hp #logo { position: absolute; top: 0; left: 375px; z-index: 20; } #hp #intro { float: left; width: 425px; margin: 0 0 0 160px; padding: 295px 0 0 0; } #hp #intro h1 { margin-bottom: 20px; font-size: 26px; line-height: 31px; letter-spacing: 1px; } #news { float: right; overflow: hidden; width: 330px; height: 191px; margin: 280px 25px 0 0; padding: 5px 12px 12px 5px; background: url(/images/bg_hp_news.png) no-repeat; } #news a { position: relative; } #news h1 { float: left; width: 60px; margin: 12px 0 8px 15px; padding: 0; font-size: 19px; line-height: 20px; letter-spacing: 0; color: #fff; font-weight: normal; text-transform: uppercase; } #news #newsNav { float: right; position: relative; width: 180px; margin: 13px 70px 0 0; color: #fff; font-size: 13px; } #news #newsNav * { position: absolute; } #news #newsNav a, #news #newslink { color: #FECF71; } #news #newsNav #previous { top: 0; left: 5px; width: 85px; } #news #newsNav #next { top: 0; left: 113px; width: 85px; } #news #newsNav span { top: 0; left: 88px; } #news h2 { clear: both; width: 330px; height: 18px; margin-bottom: 10px; padding-top: 2px; font-size: 13px; text-align: center; } #news img { float: left; margin: 0 10px 0 4px; } #news div p { margin-bottom: 0; } #news div, #news #newslink { float: right; width: 194px; margin-right: 50px; color: #fff; font-size: 11px; line-height: 14px; } #news #newslink { color: #FECF71; } */ /* mainMenu ------------------------------------------------------------------*/ #mainMenu { position: relative; float: left; width: 161px; height: 355px; margin-right: 2px; padding-top: 164px; background: #4D1B13 url(/images/bg_mainmenu.gif) no-repeat; } #mainMenu #homelink { position: absolute; top: 18px; left: 31px; display: block; width: 96px; height: 96px; } #mainMenu img { display: block; } #mainMenu ul { margin: 0 0 17px 0; list-style: none; } #mainMenu ul ul { margin-bottom: 0; } #mainMenu li a { display: block; width: 144px; padding: 3px 0 3px 17px; color: #fff; text-decoration: none; } #mainMenu li.active a, #mainMenu li a:hover { background: url(/images/bg_mainmenu_active.png) repeat-y; color: #4D1B13; } #mainMenu li a.new { color: #f2d15e; } #mainMenu li a.new:hover, #mainMenu li.active a.new, #mainMenu li.active a.new:hover { color: #4D1B13; } #mainMenu li.active li a { width: 133px; padding-left: 28px; background-image: none; background-color: #FEDA91; color: #4D1B13; } #mainMenu li.active li.active a, #mainMenu li.active li a:hover, #mainMenu li.active li a.odd:hover { background-color: transparent; background-image: none; color: #fff; } #mainMenu li li a.odd { background-color: #FEE8BC; } #mainMenu li a span { display: block; float: left; height: 13px; width: 55px; margin: 0 5px 0 0; background: url(/images/bt_small_new.png) no-repeat; font: 10px Arial, sans-serif; font-weight: normal; text-transform: none; text-decoration: none; text-align: center; line-height: 13px; color: #4D1B13; } /* content ------------------------------------------------------------------*/ .content { position: relative; float: right; width: 837px; height: 519px; overflow: hidden; } #path { margin: 8px 20px 0 43px; color: #B8B9BC; font-size: 11px; font-family: Arial, sans-serif; } #path a { color: #B8B9BC; text-decoration: none; } #path a:hover { text-decoration: underline; } #textblock, #overview, #mycryo #movieOverview { position: absolute; } #textblock table { border-collapse: collapse; /*border: 1px solid #4D1B13;*/ } /*#textblock td { border: 1px solid #4D1B13; }*/ .buttonNewProduct { float: right; width: 64px; height: 26px; margin: 0 0 0 5px; background: url(/images/bt_small_mark.png) no-repeat; font: 11px/11px Arial, sans-serif; } .buttonNewProduct a { display: block; padding: 1px 10px 0 0; text-align: center; } #commercialContact { display: block; width: 105px; height: 26px; background: url(/images/bt_big_brown2.gif) no-repeat; color: #fff; font: 11px/11px Arial, sans-serif; text-align: center; text-decoration: none; } .categorie li a, #menublock li a, #submenublock a { text-decoration: none; } /* scrollbar ------------------------------------------------------------------*/ .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; padding-right: 30px; } .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: url(/images/sb_track.gif) no-repeat 4px 0; } .jScrollPaneDrag { position: absolute; right: 0; margin: 7px 0; background: url(/images/sb_drag_middle.gif) repeat-y; cursor: pointer; /*overflow: hidden;*/ } .jScrollPaneDragTop { position: absolute; top: -7px; right: 0; overflow: hidden; background: url(/images/sb_drag_top.png) no-repeat; height: 7px; width: 14px; } .jScrollPaneDragBottom { position: absolute; bottom: -7px; right: 0; overflow: hidden; background: url(/images/sb_drag_bottom.png) no-repeat; height: 7px; width: 14px; } a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 18px; right: 2px; text-indent: -2000px; overflow: hidden; height: 12px; width: 12px; background: url(/images/sb_up.png) no-repeat 0 0; } a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 56px; right: 2px; text-indent: -2000px; overflow: hidden; height: 12px; width: 12px; background: url(/images/sb_down.png) no-repeat 0 0; } #ornoir .jScrollPaneTrack { background-image: url(/images/sb_track_ornoir.gif); } #ornoir .jScrollPaneDragTop { background-image: url(/images/sb_drag_top_ornoir.png); } #ornoir .jScrollPaneDragBottom { background-image: url(/images/sb_drag_bottom_ornoir.png); } #ornoir a.jScrollArrowUp { background-image: url(/images/sb_up_ornoir.png); } #ornoir a.jScrollArrowDown { background-image: url(/images/sb_down_ornoir.png); } .tempering a.jScrollArrowDown { background-image: url(/images/sb_down_tempering.png); } .tempering a.jScrollArrowUp { background-image: url(/images/sb_up_tempering.png); } /* intropage ------------------------------------------------------------------*/ #intropage { background: #fff url(/images/bg_intro.jpg) no-repeat right top; } #intropage h1 { margin: 32px 0 38px 43px; } #intropage #banner { height: 100px; margin-bottom: 23px; border-top: 3px solid #FECF71; text-align: center; } #recipesintro #banner { width: 837px; height: 98px; border-color: #8A634A; overflow: hidden; } #recipesintro #banner div { float: left; width: 139px; height: 98px; background: #600E06; } #expertintro #banner { border-color: #E09F00; } #brochureintro #banner { border-color: #D56757; } #eventintro #banner { border-color: #E6C990; } #ambassadorintro #banner { border-color: #B4A060; } #intropage #textblock { top: 243px; left: 43px; width: 755px; height: 126px; overflow: hidden; } #eventintro #textblock { width: 460px; } #logoChocAcad { position: absolute; left: 550px; top: 220px; width: 140px; height: 140px; background: url(/images/logo_choc_acad.png) no-repeat; } #logoAmbassador { position: absolute; left: 550px; top: 370px; width: 140px; height: 140px; background: url(/images/logo_ambassador.png) no-repeat; } #logoWCM { position: absolute; left: 510px; top: 243px; width: 300px; height: 250px; text-align: center; } #logoWCM img { top: 50%; } #ambassadorintro #logoAmbassadors { position: absolute; } #intropage #newsblock, #academiepage #newsblock { position: absolute; top: 400px; left: 43px; width: 750px; margin: 0; list-style: none; } #intropage #demointro #newsblock { top: 375px; } #demopage #newsblock { width: 750px; margin: 0; list-style: none; } #intropage #newsblock li, #academiepage #newsblock li { position: relative; float: left; width: 360px; height: 115px; margin-right: 25px; } #demopage #demologin #newsblock li { position: relative; float: left; width: 340px; height: 115px; margin-right: 25px; padding: 25px 0 0 0; } #intropage #newsblock li.last, #demopage #newsblock li.last, #academiepage #newsblock li.last { margin-right: 0; } #intropage #newsblock li a, #intropage #newsblock li span, #demopage #newsblock li a, #demopage #newsblock li span, #academiepage #newsblock li a, #academiepage #newsblock li span { display: block; height: auto; padding: 5px 140px 5px 10px; background: #97462E; color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; } /*#intropage #newsblock img { position: absolute; top: -25px; right: 15px; }*/ #intropage #newsblock a:hover, #demopage #newsblock a:hover, #academiepage #newsblock a:hover { background: #D5B595; color: #97462E; text-decoration: none; } #intropage #newsblock p, #demopage #newsblock p, #academiepage #newsblock p { width: 200px; margin: 5px 0 0 10px; } #demopage #demologin #newsblock p { width: 180px; } #intropage #newsblock #newsimage1, #intropage #newsblock #newsimage2, #demopage #newsblock #newsimage1, #demopage #newsblock #newsimage2, #academiepage #newsblock #newsimage1, #academiepage #newsblock #newsimage2 { position: absolute; top: -25px; right: 15px; display: inline; padding: 0; background: transparent; } /* deep frozen ------------------------------------------------------------------*/ #deepfrozen #intro { background: #1A0C0C; } #deepfrozen h1 { position: absolute; top: 45px; left: 50px; width: 374px; height: 249px; background: url(/images/banner_deepfrozen.jpg) no-repeat; letter-spacing: 0em; text-indent: -9999px;} #deepfrozen h2 { display: none; margin: 0 0 20px 0; color: #d77d38; text-transform: capitalize; font-size: 18px; line-height: 22px; font-weight: normal; } #deepfrozen h2 span { text-transform: uppercase; } #deepfrozen h3 a { color: #fff; } #deepfrozen h3 a:hover { text-decoration: none; } #deepfrozen #slogan { position: absolute; color: #8C8C8C; font-weight: bold; font-size: 16px; line-height: 32px; letter-spacing: 0.18em; } #deepfrozen #intro #slogan { width: 200px; left: 103px; top: 223px; } #deepfrozen #intro #flashmovie { position: absolute; top: 40px; left: 43px; } #deepfrozen a#skipintro { color: #fff; font-weight: normal; font-size: 14px; margin: 210px 0 0 0; float: left; } #deepfrozen a:hover#skipintro { text-decoration: underline; } #deepfrozen #intro #noflash { position: absolute; top: 0; left: 270px; } #deepfrozen #menu { position: absolute; top: 107px; left: 40px; height: 25px; margin: 0; list-style: none; } #deepfrozen #menu li { display: inline; } #deepfrozen #menu a { float: left; width: 122px; height: 24px; margin: 0 10px 0 0; background: url(/images/bt_frozen.png) no-repeat; color: #000; text-align: center; font-size: 12px; line-height: 23px; text-decoration: none; } #deepfrozen #menu a.active, #deepfrozen #menu a:hover { color: #fff; } #deepfrozen .normalpage #contentimage { width: 320px; } #deepfrozen .normalpage #contenttext { width: 370px; } #deepfrozen .rechts { float: right; } #deepfrozen .links { float: left; } #deepfrozen #contenttext h2 { display: block; padding-bottom: 10px; background: url(/images/bg_deepfrozen_streep.png) no-repeat 0 bottom; } #deepfrozen .ProdCat { float: left; width: 226px; margin: 0 15px 0 0; } #deepfrozen .ProdCat.last { margin-right: 0; } #deepfrozen .ProdCat h3 { margin: 0 0 8px 0; text-transform: uppercase; line-height: 16px; font-size: 14px; } #deepfrozen .ProdCat h3 span { display: block; text-transform: none; font-size: 12px; } #deepfrozen .ProdCat .pgtext { margin: 10px 0 0 0; } #deepfrozen .ProdCat div { height: 42px; margin: 5px 0 0 0; padding: 0 0 5px 0; background: url(/images/deepfrozen_h4_streep.jpg) no-repeat 0 bottom; color: #d77d38; } #deepfrozen .prodInfo h2 { display: block; clear: both; margin-bottom: 10px; padding-top: 5px; color: #fff; text-transform: uppercase; } #deepfrozen #otherProds { margin: 0; list-style: none; } #deepfrozen #otherProds li { float: left; margin-right: 5px; padding-right: 5px; border-right: 1px solid #fff; } #deepfrozen #otherProds li.last { border: none; } #deepfrozen #otherProds li a { color: #fff; } #deepfrozen #otherProds li a:hover, #deepfrozen #otherProds li.active a { text-decoration: none; color: #d77d38; } #deepfrozen .product { margin-bottom: 50px; } #deepfrozen .ProdImg { float: left; width: 310px; margin: 0 15px 0 0; } #deepfrozen .ProdImg { display: block; } #deepfrozen .ProdImg div { float: left; width: 92px; margin: 10px 15px 0 0; text-align: center; font-size: 9px; color: #917B64; } #deepfrozen .ProdImg div.last { margin-right: 0; } #deepfrozen .contenttext h3 { float: left; width: 370px; margin: 0 0 15px 0; padding: 0 0 15px 0; background: url(/images/deepfrozen_h4_streep.jpg) no-repeat left bottom; color: #d77d38; text-transform: uppercase; font-size: 16px; font-weight: bold; } #deepfrozen .deepfrozenRecipe, #deepfrozen .deepfrozenTip { float: left; width: 175px; } #deepfrozen .deepfrozenRecipe { margin: 0 20px 0 0; } #deepfrozen h4 { margin: 0 0 5px 0; color: #d77d38; font-size: 14px; font-weight: normal; } #deepfrozen #contentimageHelp { float: left; width: 200px; padding: 0 20px 0 0; } #textContent #contentimageHelp img { margin: 0 0 14px 0; } #deepfrozen #textContent { background: #000 url(/images/banner_pages_deepfrozen.jpg) no-repeat 0 0; } /* oude achtergrondkleur 1A0C0C*/ #deepfrozen #textContent #path { position: absolute; top: 0; left: 0; } #deepfrozen #textContent h1 { top: 50px; left: 43px; background: none; color: #fff; font-weight: normal; height: auto; } #deepfrozen #textContent #slogan { left: 295px; top: 107px; width: auto; } #deepfrozen #textblock { top: 140px; left: 45px; height: 360px; color: #fff; width: 750px; } #deepfrozen #textContent #contentimage { width: 320px; padding: 0 20px 0 0; float: left; } #deepfrozen #textContent #contentimage img { margin: 0 0 14px 0; } #deepfrozen #block { height: 349px; padding-top: 20px; padding-bottom: 10px; } #deepfrozen .prodInfo #block { height: 318px; padding-top: 0; } #deepfrozen .scroll-pane { width: 730px; overflow: auto; } /* or noir ------------------------------------------------------------------*/ #ornoir #intro { background: #000 url(/images/bg_ornoirintro.png) no-repeat; } #ornoir h1 { position: absolute; top: 45px; left: 100px; width: 167px; height: 129px; background: url(/images/logo_ornoir.png) no-repeat; text-indent: -9999px; } #ornoir #slogan { position: absolute; color: #8C8C8C; font-weight: bold; font-size: 16px; line-height: 32px; letter-spacing: 0.18em; } #ornoir #intro #slogan { width: 200px; left: 103px; top: 223px; } #ornoir #intro #flashmovie { position: absolute; top: 183px; left: 312px; } #ornoir #skipintro { width: 107px; height: 24px; margin: 50px 0 0 0; background: url(/images/bt_skipintro_en.png) no-repeat; } #ornoir .frfr #skipintro, #ornoir .befr #skipintro, #ornoir .cafr #skipintro { width: 120px; background-image: url(/images/bt_skipintro_fr.png); } #ornoir #skipintro a { display: block; width: 107px; height: 24px; text-indent: -9999px; line-height: 14px; } #ornoir #intro #noflash { position: absolute; top: 197px; left: 312px; } #ornoir #textContent { background: #000 url(/images/bg_ornoirtext.jpg) no-repeat 8px 120px; } #ornoir #textContent h1 { top: 55px; left: 43px; } #ornoir #textContent #slogan { left: 295px; top: 107px; width: auto; } #ornoir #menu { position: absolute; top: 192px; left: 43px; height: 24px; margin: 0; list-style: none; } #ornoir #menu li { display: inline; } #ornoir #menu a { float: left; height: 24px; text-indent: -9999px; } #ornoir .frfr #concept a, #ornoir .befr #concept a, #ornoir .cafr #concept a { width: 150px; background: url(/images/bt_on_concept_fr.png) no-repeat; } #ornoir .frfr #concept a:hover, #ornoir .befr #concept a:hover, #ornoir .cafr #concept a:hover, #ornoir .frfr #concept a.active, #ornoir .befr #concept a.active, #ornoir .cafr #concept a.active { background: url(/images/bt_on_concept_fr_active.png) no-repeat; } #ornoir .frfr #creation a, #ornoir .befr #creation a, #ornoir .cafr #creation a { width: 220px; margin-left: 18px; background: url(/images/bt_on_creation_fr.png) no-repeat; } #ornoir .frfr #creation a:hover, #ornoir .befr #creation a:hover, #ornoir .cafr #creation a:hover, #ornoir .frfr #creation a.active, #ornoir .befr #creation a.active, #ornoir .cafr #creation a.active { background: url(/images/bt_on_creation_fr_active.png) no-repeat; } #ornoir .frfr #testimonials a, #ornoir .befr #testimonials a, #ornoir .cafr #testimonials a { width: 123px; margin-left: 18px; background: url(/images/bt_on_testimonials_fr.png) no-repeat; } #ornoir .frfr #testimonials a:hover, #ornoir .befr #testimonials a:hover, #ornoir .cafr #testimonials a:hover, #ornoir .frfr #testimonials a.active, #ornoir .befr #testimonials a.active, #ornoir .cafr #testimonials a.active{ background: url(/images/bt_on_testimonials_fr_active.png) no-repeat; } #ornoir .frfr #contactus a, #ornoir .befr #contactus a, #ornoir .cafr #contactus a { width: 150px; margin-left: 18px; background: url(/images/bt_on_contact_fr.png) no-repeat; } #ornoir .frfr #contactus a:hover, #ornoir .befr #contactus a:hover, #ornoir .cafr #contactus a:hover { background: url(/images/bt_on_contact_fr_active.png) no-repeat; } #ornoir .uken #concept a, #ornoir .ocen #concept a, #ornoir .caen #concept a, #ornoir .usen #concept a { width: 150px; background: url(/images/bt_on_concept_en.png) no-repeat; } #ornoir .uken #concept a:hover, #ornoir .ocen #concept a:hover, #ornoir .caen #concept a:hover, #ornoir .usen #concept a:hover, #ornoir .uken #concept a.active, #ornoir .ocen #concept a.active, #ornoir .caen #concept a.active, #ornoir .usen #concept a.active { background: url(/images/bt_on_concept_en_active.png) no-repeat; } #ornoir .uken #creation a, #ornoir .ocen #creation a, #ornoir .caen #creation a, #ornoir .usen #creation a { width: 220px; margin-left: 18px; background: url(/images/bt_on_creation_en.png) no-repeat; } #ornoir .uken #creation a:hover, #ornoir .ocen #creation a:hover, #ornoir .caen #creation a:hover, #ornoir .usen #creation a:hover, #ornoir .uken #creation a.active, #ornoir .ocen #creation a.active, #ornoir .caen #creation a.active, #ornoir .usen #creation a.active { background: url(/images/bt_on_creation_en_active.png) no-repeat; } #ornoir .uken #testimonials a, #ornoir .ocen #testimonials a, #ornoir .caen #testimonials a, #ornoir .usen #testimonials a { width: 123px; margin-left: 18px; background: url(/images/bt_on_testimonials_en.png) no-repeat; } #ornoir .uken #testimonials a:hover, #ornoir .ocen #testimonials a:hover, #ornoir .caen #testimonials a:hover, #ornoir .usen #testimonials a:hover, #ornoir .uken #testimonials a.active, #ornoir .ocen #testimonials a.active, #ornoir .caen #testimonials a.active, #ornoir .usen #testimonials a.active{ background: url(/images/bt_on_testimonials_en_active.png) no-repeat; } #ornoir .uken #contactus a, #ornoir .ocen #contactus a, #ornoir .caen #contactus a, #ornoir .usen #contactus a { width: 150px; margin-left: 18px; background: url(/images/bt_on_contact_en.png) no-repeat; } #ornoir .uken #contactus a:hover, #ornoir .ocen #contactus a:hover, #ornoir .caen #contactus a:hover, #ornoir .usen #contactus a:hover { background: url(/images/bt_on_contact_en_active.png) no-repeat; } #ornoir .itit #concept a { width: 150px; background: url(/images/bt_on_concept_it.png) no-repeat; } #ornoir .itit #concept a:hover, #ornoir .itit #concept a.active { background: url(/images/bt_on_concept_it_active.png) no-repeat; } #ornoir .itit #creation a { width: 267px; margin-left: 18px; background: url(/images/bt_on_creation_it.png) no-repeat; } #ornoir .itit #creation a:hover, #ornoir .itit #creation a.active { background: url(/images/bt_on_creation_it_active.png) no-repeat; } #ornoir .itit #testimonials a { width: 123px; margin-left: 18px; background: url(/images/bt_on_testimonials_it.png) no-repeat; } #ornoir .itit #testimonials a:hover, #ornoir .itit #testimonials a.active { background: url(/images/bt_on_testimonials_it_active.png) no-repeat; } #ornoir .itit #contactus a { width: 150px; margin-left: 18px; background: url(/images/bt_on_contact_it.png) no-repeat; } #ornoir .itit #contactus a:hover { background: url(/images/bt_on_contact_it_active.png) no-repeat; } #ornoir .eses #concept a { width: 150px; background: url(/images/bt_on_concept_es.png) no-repeat; } #ornoir .eses #concept a:hover, #ornoir .eses #concept a.active { background: url(/images/bt_on_concept_es_active.png) no-repeat; } #ornoir .eses #creation a { width: 220px; margin-left: 18px; background: url(/images/bt_on_creation_es.png) no-repeat; } #ornoir .eses #creation a:hover, #ornoir .eses #creation a.active { background: url(/images/bt_on_creation_es_active.png) no-repeat; } #ornoir .eses #testimonials a { width: 123px; margin-left: 18px; background: url(/images/bt_on_testimonials_es.png) no-repeat; } #ornoir .eses #testimonials a:hover, #ornoir .eses #testimonials a.active { background: url(/images/bt_on_testimonials_es_active.png) no-repeat; } #ornoir .eses #contactus a { width: 150px; margin-left: 18px; background: url(/images/bt_on_contact_es.png) no-repeat; } #ornoir .eses #contactus a:hover { background: url(/images/bt_on_contact_es_active.png) no-repeat; } #ornoir .jpjp #concept a { width: 150px; background: url(/images/bt_on_concept_jp.png) no-repeat; } #ornoir .jpjp #concept a:hover, #ornoir .jpjp #concept a.active { background: url(/images/bt_on_concept_jp_active.png) no-repeat; } #ornoir .jpjp #creation a { width: 219px; margin-left: 18px; background: url(/images/bt_on_creation_jp.png) no-repeat; } #ornoir .jpjp #creation a:hover, #ornoir .jpjp #creation a.active { background: url(/images/bt_on_creation_jp_active.png) no-repeat; } #ornoir .jpjp #testimonials a { width: 122px; margin-left: 18px; background: url(/images/bt_on_testimonials_jp.png) no-repeat; } #ornoir .jpjp #testimonials a:hover, #ornoir .jpjp #testimonials a.active { background: url(/images/bt_on_testimonials_jp_active.png) no-repeat; } #ornoir .jpjp #contactus a { width: 122px; margin-left: 18px; background: url(/images/bt_on_contact_jp.png) no-repeat; } #ornoir .jpjp #contactus a:hover { background: url(/images/bt_on_contact_jp_active.png) no-repeat; } #ornoir .dede #concept a { width: 199px; background: url(/images/bt_on_concept_de.png) no-repeat; } #ornoir .dede #concept a:hover, #ornoir .dede #concept a.active { background: url(/images/bt_on_concept_de_active.png) no-repeat; } #ornoir .dede #creation a { width: 270px; margin-left: 18px; background: url(/images/bt_on_creation_de.png) no-repeat; } #ornoir .dede #creation a:hover, #ornoir .dede #creation a.active { background: url(/images/bt_on_creation_de_active.png) no-repeat; } #ornoir .dede #testimonials a { width: 102px; margin-left: 18px; background: url(/images/bt_on_testimonials_de.png) no-repeat; } #ornoir .dede #testimonials a:hover, #ornoir .dede #testimonials a.active { background: url(/images/bt_on_testimonials_de_active.png) no-repeat; } #ornoir .dede #contactus a { width: 74px; margin-left: 18px; background: url(/images/bt_on_contact_de.png) no-repeat; } #ornoir .dede #contactus a:hover { background: url(/images/bt_on_contact_de_active.png) no-repeat; } #ornoir .benl #concept a { width: 150px; background: url(/images/bt_on_concept_nl.png) no-repeat; } #ornoir .benl #concept a:hover, #ornoir .benl #concept a.active { background: url(/images/bt_on_concept_nl_active.png) no-repeat; } #ornoir .benl #creation a { width: 219px; margin-left: 18px; background: url(/images/bt_on_creation_nl.png) no-repeat; } #ornoir .benl #creation a:hover, #ornoir .benl #creation a.active { background: url(/images/bt_on_creation_nl_active.png) no-repeat; } #ornoir .benl #testimonials a { width: 122px; margin-left: 18px; background: url(/images/bt_on_testimonials_nl.png) no-repeat; } #ornoir .benl #testimonials a:hover, #ornoir .benl #testimonials a.active { background: url(/images/bt_on_testimonials_nl_active.png) no-repeat; } #ornoir .benl #contactus a { width: 150px; margin-left: 18px; background: url(/images/bt_on_contact_nl.png) no-repeat; } #ornoir .benl #contactus a:hover { background: url(/images/bt_on_contact_nl_active.png) no-repeat; } #ornoir #textblock { top: 220px; left: 0; height: 299px; color: #fff; } #ornoir #contenttext { float: left; width: 330px; } #ornoir #textContent #contentimage { float: right; width: 320px; padding-left: 40px; } #ornoir #textContent #contentimage img { margin: 0 0 14px 0; } #ornoir #block { height: 269px; padding-top: 20px; padding-bottom: 10px; } #ornoir .scroll-pane { width: 710px; overflow: auto; padding-left: 50px; } /* mycryo ------------------------------------------------------------------*/ #mycryo #tempering, #mycryo #encuisine { position: relative; float: left; width: 418px; height: 520px; } #mycryo #tempering { background: url(/images/bg_my_temp_hp.gif) no-repeat left bottom; } #mycryo #encuisine { background: url(/images/bg_my_cuis_hp.gif) no-repeat left bottom; } #mycryo #tempering a, #mycryo #encuisine a { position: absolute; top: 0; } #mycryo #encuisine a { left: 0; } #mycryo #tempering a { right: 0; } #mycryo .mycryoIntro { margin-top: 20px; } #mycryo #temperingIntro { margin-left: 50px; } #mycryo h1 { display: none; } #mycryo #otherMycryo { position: absolute; top: 10px; right: 20px; } #mycryo #menu { position: absolute; left: 65px; height: 24px; margin: 0; list-style: none; z-index: 5; } #mycryo #menu li { display: inline; } #mycryo #menu a { float: left; height: 24px; text-indent: -9999px; } #mycryo .frfr #mycryoProduct a, #mycryo .befr #mycryoProduct a, #mycryo .cafr #mycryoProduct a { width: 122px; background: url(/images/bt_my_product_fr.png) no-repeat; } #mycryo .frfr #mycryoProduct a:hover, #mycryo .befr #mycryoProduct a:hover, #mycryo .cafr #mycryoProduct a:hover, #mycryo .frfr #mycryoProduct a.active, #mycryo .befr #mycryoProduct a.active, #mycryo .cafr #mycryoProduct a.active { background: url(/images/bt_my_product_fr_active.png) no-repeat; } #mycryo .frfr #mycryoRecipes a, #mycryo .befr #mycryoRecipes a, #mycryo .cafr #mycryoRecipes a { width: 122px; margin-left: 24px; background: url(/images/bt_my_recipes_fr.png) no-repeat; } #mycryo .frfr #mycryoRecipes a:hover, #mycryo .befr #mycryoRecipes a:hover, #mycryo .cafr #mycryoRecipes a:hover, #mycryo .frfr #mycryoRecipes a.active, #mycryo .befr #mycryoRecipes a.active, #mycryo .cafr #mycryoRecipes a.active { background: url(/images/bt_my_recipes_fr_active.png) no-repeat; } #mycryo .frfr #mycryoDemo a, #mycryo .befr #mycryoDemo a, #mycryo .cafr #mycryoDemo a { width: 122px; margin-left: 24px; background: url(/images/bt_my_demo_fr.png) no-repeat; } #mycryo .frfr #mycryoDemo a:hover, #mycryo .befr #mycryoDemo a:hover, #mycryo .cafr #mycryoDemo a:hover, #mycryo .frfr #mycryoDemo a.active, #mycryo .befr #mycryoDemo a.active, #mycryo .cafr #mycryoDemo a.active { background: url(/images/bt_my_demo_fr_active.png) no-repeat; } #mycryo .frfr #mycryoTechniques a, #mycryo .befr #mycryoTechniques a, #mycryo .cafr #mycryoTechniques a { width: 122px; margin-left: 24px; background: url(/images/bt_my_technics_fr.png) no-repeat; } #mycryo .frfr #mycryoTechniques a:hover, #mycryo .befr #mycryoTechniques a:hover, #mycryo .cafr #mycryoTechniques a:hover, #mycryo .frfr #mycryoTechniques a.active, #mycryo .befr #mycryoTechniques a.active, #mycryo .cafr #mycryoTechniques a.active { background: url(/images/bt_my_technics_fr_active.png) no-repeat; } #mycryo .frfr #mycryoContact a, #mycryo .befr #mycryoContact a, #mycryo .cafr #mycryoContact a { width: 122px; margin-left: 24px; background: url(/images/bt_my_contact_fr.png) no-repeat; } #mycryo .frfr #mycryoContact a:hover, #mycryo .befr #mycryoContact a:hover, #mycryo .cafr #mycryoContact a:hover { background: url(/images/bt_my_contact_fr_active.png) no-repeat; } #mycryo .uken #mycryoProduct a, #mycryo .ocen #mycryoProduct a, #mycryo .caen #mycryoProduct a, #mycryo .usen #mycryoProduct a { width: 122px; background: url(/images/bt_my_product_en.png) no-repeat; } #mycryo .uken #mycryoProduct a:hover, #mycryo .ocen #mycryoProduct a:hover, #mycryo .caen #mycryoProduct a:hover, #mycryo .usen #mycryoProduct a:hover, #mycryo .uken #mycryoProduct a.active, #mycryo .ocen #mycryoProduct a.active, #mycryo .caen #mycryoProduct a.active, #mycryo .usen #mycryoProduct a.active { background: url(/images/bt_my_product_en_active.png) no-repeat; } #mycryo .uken #mycryoRecipes a, #mycryo .ocen #mycryoRecipes a, #mycryo .caen #mycryoRecipes a, #mycryo .usen #mycryoRecipes a { width: 122px; margin-left: 24px; background: url(/images/bt_my_recipes_en.png) no-repeat; } #mycryo .uken #mycryoRecipes a:hover, #mycryo .ocen #mycryoRecipes a:hover, #mycryo .caen #mycryoRecipes a:hover, #mycryo .usen #mycryoRecipes a:hover, #mycryo .uken #mycryoRecipes a.active, #mycryo .ocen #mycryoRecipes a.active, #mycryo .caen #mycryoRecipes a.active, #mycryo .usen #mycryoRecipes a.active { background: url(/images/bt_my_recipes_en_active.png) no-repeat; } #mycryo .uken #mycryoDemo a, #mycryo .ocen #mycryoDemo a, #mycryo .caen #mycryoDemo a, #mycryo .usen #mycryoDemo a { width: 122px; margin-left: 24px; background: url(/images/bt_my_demo_en.png) no-repeat; } #mycryo .uken #mycryoDemo a:hover, #mycryo .ocen #mycryoDemo a:hover, #mycryo .caen #mycryoDemo a:hover, #mycryo .usen #mycryoDemo a:hover, #mycryo .uken #mycryoDemo a.active, #mycryo .ocen #mycryoDemo a.active, #mycryo .caen #mycryoDemo a.active, #mycryo .usen #mycryoDemo a.active { background: url(/images/bt_my_demo_en_active.png) no-repeat; } #mycryo .uken #mycryoTechniques a, #mycryo .ocen #mycryoTechniques a, #mycryo .caen #mycryoTechniques a, #mycryo .usen #mycryoTechniques a { width: 122px; margin-left: 24px; background: url(/images/bt_my_technics_en.png) no-repeat; } #mycryo .uken #mycryoTechniques a:hover, #mycryo .ocen #mycryoTechniques a:hover, #mycryo .caen #mycryoTechniques a:hover, #mycryo .usen #mycryoTechniques a:hover, #mycryo .uken #mycryoTechniques a.active, #mycryo .ocen #mycryoTechniques a.active, #mycryo .caen #mycryoTechniques a.active, #mycryo .usen #mycryoTechniques a.active { background: url(/images/bt_my_technics_en_active.png) no-repeat; } #mycryo .uken #mycryoContact a, #mycryo .ocen #mycryoContact a, #mycryo .caen #mycryoContact a, #mycryo .usen #mycryoContact a { width: 122px; margin-left: 24px; background: url(/images/bt_my_contact_en.png) no-repeat; } #mycryo .uken #mycryoContact a:hover, #mycryo .ocen #mycryoContact a:hover, #mycryo .caen #mycryoContact a:hover, #mycryo .usen #mycryoContact a:hover { background: url(/images/bt_my_contact_en_active.png) no-repeat; } #mycryo .itit #mycryoProduct a { width: 122px; background: url(/images/bt_my_product_it.png) no-repeat; } #mycryo .itit #mycryoProduct a:hover, #mycryo .itit #mycryoProduct a.active { background: url(/images/bt_my_product_it_active.png) no-repeat; } #mycryo .itit #mycryoRecipes a { width: 122px; margin-left: 24px; background: url(/images/bt_my_recipes_it.png) no-repeat; } #mycryo .itit #mycryoRecipes a:hover, #mycryo .itit #mycryoRecipes a.active { background: url(/images/bt_my_recipes_it_active.png) no-repeat; } #mycryo .itit #mycryoDemo a { width: 122px; margin-left: 24px; background: url(/images/bt_my_demo_it.png) no-repeat; } #mycryo .itit #mycryoDemo a:hover, #mycryo .itit #mycryoDemo a.active { background: url(/images/bt_my_demo_it_active.png) no-repeat; } #mycryo .itit #mycryoTechniques a { width: 122px; margin-left: 24px; background: url(/images/bt_my_technics_it.png) no-repeat; } #mycryo .itit #mycryoTechniques a:hover, #mycryo .itit #mycryoTechniques a.active { background: url(/images/bt_my_technics_it_active.png) no-repeat; } #mycryo .itit #mycryoContact a { width: 122px; margin-left: 24px; background: url(/images/bt_my_contact_it.png) no-repeat; } #mycryo .itit #mycryoContact a:hover { background: url(/images/bt_my_contact_it_active.png) no-repeat; } #mycryo .eses #mycryoProduct a { width: 122px; background: url(/images/bt_my_product_es.png) no-repeat; } #mycryo .eses #mycryoProduct a:hover, #mycryo .eses #mycryoProduct a.active { background: url(/images/bt_my_product_es_active.png) no-repeat; } #mycryo .eses #mycryoRecipes a { width: 122px; margin-left: 24px; background: url(/images/bt_my_recipes_es.png) no-repeat; } #mycryo .eses #mycryoRecipes a:hover, #mycryo .eses #mycryoRecipes a.active { background: url(/images/bt_my_recipes_es_active.png) no-repeat; } #mycryo .eses #mycryoDemo a { width: 122px; margin-left: 24px; background: url(/images/bt_my_demo_es.png) no-repeat;} #mycryo .eses #mycryoDemo a:hover, #mycryo .eses #mycryoDemo a.active { background: url(/images/bt_my_demo_es_active.png) no-repeat; } #mycryo .eses #mycryoTechniques a { width: 122px; margin-left: 24px; background: url(/images/bt_my_technics_es.png) no-repeat; } #mycryo .eses #mycryoTechniques a:hover, #mycryo .eses #mycryoTechniques a.active { background: url(/images/bt_my_technics_es_active.png) no-repeat; } #mycryo .eses #mycryoContact a { width: 122px; margin-left: 24px; background: url(/images/bt_my_contact_es.png) no-repeat; } #mycryo .eses #mycryoContact a:hover { background: url(/images/bt_my_contact_es_active.png) no-repeat; } #mycryo .jpjp #mycryoProduct a { width: 122px; background: url(/images/bt_my_product_jp.png) no-repeat; } #mycryo .jpjp #mycryoProduct a:hover, #mycryo .jpjp #mycryoProduct a.active { background: url(/images/bt_my_product_jp_active.png) no-repeat; } #mycryo .jpjp #mycryoRecipes a { width: 122px; margin-left: 24px; background: url(/images/bt_my_recipes_jp.png) no-repeat; } #mycryo .jpjp #mycryoRecipes a:hover, #mycryo .jpjp #mycryoRecipes a.active { background: url(/images/bt_my_recipes_jp_active.png) no-repeat; } #mycryo .jpjp #mycryoDemo a { width: 122px; margin-left: 24px; background: url(/images/bt_my_demo_en.png) no-repeat; } #mycryo .jpjp #mycryoDemo a:hover, #mycryo .jpjp #mycryoDemo a.active { background: url(/images/bt_my_demo_en_active.png) no-repeat; } #mycryo .jpjp #mycryoTechniques a { width: 122px; margin-left: 24px; background: url(/images/bt_my_technics_jp.png) no-repeat; } #mycryo .jpjp #mycryoTechniques a:hover, #mycryo .jpjp #mycryoTechniques a.active { background: url(/images/bt_my_technics_jp_active.png) no-repeat; } #mycryo .jpjp #mycryoContact a { width: 122px; margin-left: 24px; background: url(/images/bt_my_contact_jp.png) no-repeat; } #mycryo .jpjp #mycryoContact a:hover, #mycryo .jpjp #mycryoContact a.active { background: url(/images/bt_my_contact_jp_active.png) no-repeat; } #mycryo .dede #mycryoProduct a { width: 122px; background: url(/images/bt_my_product_de.png) no-repeat; } #mycryo .dede #mycryoProduct a:hover, #mycryo .dede #mycryoProduct a.active { background: url(/images/bt_my_product_de_active.png) no-repeat; } #mycryo .dede #mycryoRecipes a { width: 122px; margin-left: 24px; background: url(/images/bt_my_recipes_de.png) no-repeat; } #mycryo .dede #mycryoRecipes a:hover, #mycryo .dede #mycryoRecipes a.active { background: url(/images/bt_my_recipes_de_active.png) no-repeat; } #mycryo .dede #mycryoDemo a { width: 122px; margin-left: 24px; background: url(/images/bt_my_demo_de.png) no-repeat;} #mycryo .dede #mycryoDemo a:hover, #mycryo .dede #mycryoDemo a.active { background: url(/images/bt_my_demo_de_active.png) no-repeat; } #mycryo .dede #mycryoTechniques a { width: 122px; margin-left: 24px; background: url(/images/bt_my_technics_de.png) no-repeat; } #mycryo .dede #mycryoTechniques a:hover, #mycryo .dede #mycryoTechniques a.active { background: url(/images/bt_my_technics_de_active.png) no-repeat; } #mycryo .dede #mycryoContact a { width: 122px; margin-left: 24px; background: url(/images/bt_my_contact_de.png) no-repeat; } #mycryo .dede #mycryoContact a:hover { background: url(/images/bt_my_contact_de_active.png) no-repeat; } #mycryo .benl #mycryoProduct a { width: 122px; background: url(/images/bt_my_product_nl.png) no-repeat; } #mycryo .benl #mycryoProduct a:hover, #mycryo .benl #mycryoProduct a.active { background: url(/images/bt_my_product_nl_active.png) no-repeat; } #mycryo .benl #mycryoRecipes a { width: 122px; margin-left: 24px; background: url(/images/bt_my_recipes_nl.png) no-repeat; } #mycryo .benl #mycryoRecipes a:hover, #mycryo .benl #mycryoRecipes a.active { background: url(/images/bt_my_recipes_nl_active.png) no-repeat; } #mycryo .benl #mycryoDemo a { width: 122px; margin-left: 24px; background: url(/images/bt_my_demo_nl.png) no-repeat; } #mycryo .benl #mycryoDemo a:hover, #mycryo .benl #mycryoDemo a.active { background: url(/images/bt_my_demo_nl_active.png) no-repeat; } #mycryo .benl #mycryoTechniques a { width: 122px; margin-left: 24px; background: url(/images/bt_my_technics_nl.png) no-repeat; } #mycryo .benl #mycryoTechniques a:hover, #mycryo .benl #mycryoTechniques a.active { background: url(/images/bt_my_technics_nl_active.png) no-repeat; } #mycryo .benl #mycryoContact a { width: 122px; margin-left: 24px; background: url(/images/bt_my_contact_nl.png) no-repeat; } #mycryo .benl #mycryoContact a:hover { background: url(/images/bt_my_contact_nl_active.png) no-repeat; } #mycryo #intro #flashmovie { position: absolute; top: 183px; left: 312px; } #mycryo #intro #noflash { position: absolute; top: 185px; left: 332px; } .tempering { background: #fff url(/images/my_temp_bg.gif) repeat-x left bottom; color: #F2D993; } .cuisine { background: #fff url(/images/my_cuis_bg.gif) repeat-x left bottom; } .both { background: #fff url(/images/bg_mycryo.jpg) repeat-x left bottom; } .tempering .enen #textContent, .tempering .uken #textContent, .tempering .ocen #textContent, .tempering .usen #textContent, .tempering .caen #textContent { background: url(/images/my_temp_top_en.jpg) no-repeat left top; } .tempering .cafr #textContent, .tempering .frfr #textContent { background: url(/images/my_temp_top_fr.jpg) no-repeat left top; } .tempering .befr #textContent { background: url(/images/my_temp_top_fr.jpg) no-repeat left top; } .tempering .itit #textContent { background: url(/images/my_temp_top_it.jpg) no-repeat left top; } .tempering .eses #textContent { background: url(/images/my_temp_top_es.jpg) no-repeat left top; } .tempering .dede #textContent { background: url(/images/my_temp_top_de.jpg) no-repeat left top; } .tempering .benl #textContent { background: url(/images/my_temp_top_nl.jpg) no-repeat left top; } .cuisine .enen #textContent, .cuisine .uken #textContent, .cuisine .usen #textContent, .cuisine .ocen #textContent, .cuisine .caen #textContent { background: url(/images/my_cuis_top_en.jpg) no-repeat left top; } .cuisine .cafr #textContent, .cuisine .frfr #textContent { background: url(/images/my_cuis_top_fr.jpg) no-repeat left top; } .cuisine .befr #textContent { background: url(/images/my_cuis_top_fr.jpg) no-repeat left top; } .cuisine .itit #textContent { background: url(/images/my_cuis_top_it.jpg) no-repeat left top; } .cuisine .eses #textContent { background: url(/images/my_cuis_top_es.jpg) no-repeat left top; } .cuisine .dede #textContent { background: url(/images/my_cuis_top_de.jpg) no-repeat left top; } .cuisine .benl #textContent { background: url(/images/my_cuis_top_nl.jpg) no-repeat left top; } #mycryo #textContent #menu { top: 110px; } #mycryo #textblock { top: 135px; right: 0; width: 500px; height: 340px; z-index: 5;} #mycryo #textContent #contentimage { position: absolute; top: 183px; left: 53px; } #mycryo #textContent #block { height: 275px; padding-top: 20px; padding-bottom: 45px; } #mycryo #textContent .scroll-pane { width: 412px; overflow: auto; padding-left: 10px; } #mycryo #submenublock { position: absolute; top: 180px; left: 103px; z-index: 5; } #mycryo #submenublock ul { width: 456px; margin: 0; list-style: none; } #mycryo #submenublock li { position: relative; height: 115px; } #mycryo #submenublock li a { display: block; height: 16px; padding: 5px 0 5px 65px; background: #D5B595; font-size: 14px; font-weight: bold; } #mycryo #submenublock img { position: absolute; top: -25px; right: 33px; } #mycryo #submenublock ul ul { margin-top: 7px; } #mycryo #submenublock li li { height: 16px; padding: 0 0 0 65px; background: transparent; } #mycryo #submenublock a:hover { background: #97462E; color: #fff; } #mycryo #submenublock #technique li span { display: block; height: 16px; padding: 5px 0 5px 65px; background: #D5B595; font-size: 14px; font-weight: bold; color: #4D1B13; } .tempering #submenublock #technique li a, .cuisine #submenublock #technique li a { display: inline; padding: 0; background: transparent; font-size: 12px; font-weight: normal; } .tempering #submenublock #technique li a { color: #F2D993; } #mycryo #submenublock #technique li li { height: 16px; padding: 0 0 0 65px; background: transparent; } .tempering #submenublock #technique a:hover { background: transparent; color: #F2D993; } .cuisine #submenublock #technique a:hover { background: transparent; color: #F2D993; } #mycryo #overview { top: 134px; left: 33px; z-index: 5; padding-top: 0; background: url(/images/bg_mycryo_overview.gif) no-repeat 10px 0; } #mycryo #overview #block { height: 275px; } #mycryo #overview .scroll-pane { width: 730px; overflow: auto; padding-left: 10px; } #mycryo #overview ul { width: 695px; margin: 0; list-style: none; overflow: hidden; } #mycryo #overview li { position: relative; float: left; margin-bottom: 3px; background: #D5B595; text-align: center; overflow: hidden; } #mycryo #overview img { display: block; margin: 0 auto; } #mycryo #overview li a { display: block; width: 139px; height: 125px; font-size: 11px; line-height: 11px; } #mycryo #overview li:hover span, #mycryo #overview li.over span { background: #4D1B13; color: #E2B886; cursor: pointer; } #mycryo #overview .odd { background: #DFC8B5; } #mycryo #overview span { position: absolute; top: 99px; left: 0; display: block; height: 25px; width: 139px; padding-top: 1px; background: #E2B886; overflow: hidden; } #mycryo #techniqueblock { position: absolute; left: 33px; top: 135px; z-index: 5; } #mycryo #contenttext { float: right; width: 330px; } #mycryo #techniqueblock #contentimage { position: relative; top: 0; left: 0; float: left; width: 320px; padding-left: 25px; } #mycryo #techniqueblock #contentimage img { margin: 0 0 14px 0; } #mycryo #techniqueblock .scroll-pane { width: 710px; } #mycryo #techniqueblock .nr, #mycryo #techniqueblock .nrs { display: block; width: 14px; height: 14px; background: url(/images/bg_mycryo_nr.png) no-repeat; color: #4D1B13; font: 12px/14px Arial, sans-serif; text-align: center; } .cuisine #techniqueblock a { color: #4D1B13; } .tempering #techniqueblock a { color: #E2B886; } #mycryo #techniqueblock a:hover { text-decoration: underline; } #mycryo #movieOverview { top: 135px; right: 0; width: 350px; height: 340px; z-index: 5;} #mycryo #movieblock { position: absolute; top: 143px; left: 53px; width: 415px; z-index: 20; } #mycryo #movieOverview #block { height: 275px; padding-top: 20px; padding-bottom: 45px; } #mycryo #movieOverview .scroll-pane { width: 272px; overflow: auto; padding-left: 0; } #mycryo #movieOverview ul { margin: 0; list-style: none; } #mycryo #movieOverview li { margin: 0 0 10px 0; } #mycryo #movieOverview li a { color: #F2D993; } #mycryo #movieOverview li div { float: right; width: 140px; } #mycryo #movieOverview li a.movieImage { float: left; width: 100px; margin-right: 10px; } #mycryo .movieText { margin: 20px 0 0 15px; } #mycryo #movieblock #noflash { position: absolute; top: 30px; left: 0; } #mycryo #productContent #path { margin-left: 205px; } #mycryo #productContent h1 { margin-left: 205px; width: 260px; letter-spacing: 0.30em; line-height: 24px; } #mycryo #productContent #banner { position: absolute; top: 141px; width: 632px; height: 17px; padding: 1px 0 0 205px; background: #8A634A; color: #fff; } .tempering #mycryoBottom { position: absolute; right: 0; bottom: 0; z-index: 10; width: 837px; height: 44px; background: url(/images/my_temp_bottom.png) no-repeat; } .cuisine #mycryoBottom { position: absolute; right: 0; bottom: 0; z-index: 10; width: 837px; height: 44px; background: url(/images/my_cuis_bottom.png) no-repeat; } /* plantations, origines ------------------------------------------------------------------*/ #plantations, #purecacao, #decoration, #backstable, #compound, #service, #architecture, #painting { background: #fff url(/images/bg_plantations.jpg) repeat-x left bottom; } #origines { background: #fff url(/images/bg_origines.jpg) repeat-x left bottom; } #plantations h1, #origines h1, #purecacao h1, #decoration h1, #service h1, #backstable h1, #compound h1, #architecture h1, #painting h1 { margin: 26px 0 0 43px; letter-spacing: 0.4em; } #plantations #intro, #origines #intro, #purecacao #intro, #decoration #intro, #service #intro, #backstable #intro, #compound #intro, #architecture #intro, #painting #intro { margin: 0 25px 15px 43px; } #plantations #banner, #origines #banner, #purecacao #banner, #decoration #banner, #service #banner, #backstable #banner, #compound #banner, #architecture #banner, #painting #banner { position: absolute; top: 117px; left: 0; width: 837px; border-top: 3px solid #D67650; text-align: center; } #purecacao #banner { border-color: #E5B56B; } #origines #banner { border-color: #A4833E; } #decoration #banner { border-color: #F39911; } #service #banner { border-color: #009EE0; } #backstable #banner { border-color: #B10034; } #compound #banner { border-color: #A7D49E; } #architecture #banner { border-color: #d5949c; } #painting #banner { border-color: #a3cd99; } #plantations #menu, #origines #menu, #purecacao #menu, #decoration #menu, #service #menu, #backstable #menu, #compound #menu, #architecture #menu, #painting #menu { position: absolute; top: 219px; left: 0; } #plantations #menu #block, #origines #menu #block, #purecacao #menu #block, #decoration #menu #block, #service #menu #block, #backstable #menu #block, #compound #menu #block, #architecture #menu #block, #painting #menu #block { height: 300px; } #plantations #menu .scroll-pane, #origines #menu .scroll-pane, #purecacao #menu .scroll-pane, #decoration #menu .scroll-pane, #service #menu .scroll-pane, #backstable #menu .scroll-pane, #compound #menu .scroll-pane, #architecture #menu .scroll-pane, #painting #menu .scroll-pane { width: 704px; overflow: auto; padding-left: 70px; } #plantations .column, #origines .column, #purecacao .column, #decoration .column, #service .column, #backstable .column, #compound .column, #architecture .column, #painting .column { float: left; width: 337px; } #plantations .categorie, #origines .categorie, #purecacao .categorie, #decoration .categorie, #service .categorie, #backstable .categorie, #compound .categorie, #architecture .categorie, #painting .categorie { width: 317px; margin: 0 0 10px 0; } #plantations .categorie h2, #origines .categorie h2, #purecacao .categorie h2, #decoration .categorie h2, #service .categorie h2, #backstable .categorie h2, #compound .categorie h2, #architecture .categorie h2, #painting .categorie h2 { height: 18px; margin: 0; padding-top: 2px; background: #D5B595; text-align: center; color: #4D1B13; } /*#purecacao .categorie h2 { background: #E5B56B; } #origines .column h2 { background: #C79936; } #decoration .column h2 { background: #F39911; } #service .column h2 { background: #009EE0; } #backstable .column h2 { background: #B10034; } #compound .column h2 { background: #A7D49E; }*/ #plantations .categorie p, #origines .categorie p, #purecacao .categorie p, #decoration .cateogrie p, #service .categorie p, #backstable .categorie p, #compound .categorie p, #architecture .categorie p, #painting .categorie p { margin-bottom: 10px; padding: 5px 10px; background: #4D1B13; text-align: center; color: #FFF5CD; font-size: 11px; line-height: 10px; } #plantations .categorie a, #origines .categorie a, #purecacao .categorie a, #decoration .categorie a, #service .categorie a, #backstable .categorie a, #compound .categorie a, #architecture .categorie a, #painting .categorie a { display: block; background: transparent; } #plantations .categorie ul, #origines .categorie ul, #purecacao .categorie ul, #decoration .categorie ul, #service .categorie ul, #backstable .categorie ul, #compound .categorie ul, #architecture .categorie ul, #painting .categorie ul { width: 295px; margin: 0; list-style: none; } #plantations .categorie li, #origines .categorie li, #purecacao .categorie li, #decoration .categorie li, #service .categorie li, #backstable .categorie li, #compound .categorie li, #architecture .categorie li, #painting .categorie li { overflow: hidden; width: 100%; padding: 0 0 3px 0; border-bottom: 1px solid #4D1B13; } #plantations .categorie .cocoaValue, #origines .categorie .cocoaValue, #purecacao .categorie .cocoaValue, #decoration .categorie .cocoaValue, #service .categorie .cocoaValue, #backstable .categorie .cocoaValue, #compound .categorie .cocoaValue, #architecture .categorie .cocoaValue, #painting .categorie .cocoaValue { display: block; overflow: hidden; float: left; clear: left; width: 40px; height: 40px; margin-top: 2px; background: url(/images/bg_rounded_plantation.png) no-repeat; font-size: 9px; line-height: 8px; color: #fff; text-align: center; } #plantations .categorie .noValue, #origines .categorie .noValue, #purecacao .categorie .noValue, #decoration .categorie .noValue, #service .categorie .noValue, #backstable .categorie .noValue, #compound .categorie .noValue, #architecture .categorie .noValue, #painting .categorie .noValue { display: block; overflow: hidden; float: left; clear: left; width: 40px; height: 40px; margin-top: 2px; font-size: 9px; line-height: 8px; } #origines .categorie .cocoaValue { background: url(/images/bg_rounded_origines.png) no-repeat; } #purecacao .categorie .cocoaValue { background: url(/images/bg_rounded_purecacao.png) no-repeat; } #decoration .categorie .cocoaValue { background: url(/images/bg_rounded_decoration.png) no-repeat; } #service .categorie .cocoaValue { background: url(/images/bg_rounded_service.png) no-repeat; } #backstable .categorie .cocoaValue { background: url(/images/bg_rounded_backstable.png) no-repeat; } #compound .categorie .cocoaValue { background: url(/images/bg_rounded_compound.png) no-repeat; } #architecture .categorie .cocoaValue { background: url(/images/bg_rounded_architecture.png) no-repeat; } #painting .categorie .cocoaValue { background: url(/images/bg_rounded_painting.png) no-repeat; } #plantations .categorie a span, #origines .categorie a span, #purecacao .categorie a span, #decoration .categorie a span, #service .categorie a span, #backstable .categorie a span, #compound .categorie a span, #architecture .categorie a span, #painting .categorie a span { font-size: 12px; line-height: 18px; text-align: center; font-weight: bold; } #plantations .categorie .menuTitle, #origines .categorie .menuTitle, #purecacao .categorie .menuTitle, #decoration .categorie .menuTitle, #service .categorie .menuTitle, #backstable .categorie .menuTitle, #compound .categorie .menuTitle, #architecture .categorie .menuTitle, #painting .categorie .menuTitle { float: left; margin: 12px 0 0 15px; text-transform: uppercase; font-size: 11px; } #plantations .categorie .new, #origines .categorie .new, #purecacao .categorie .new, #decoration .categorie .new, #service .categorie .new, #backstable .categorie .new, #compound .categorie .new, #architecture .categorie .new, #painting .categorie .new { display: block; float: left; height: 13px; width: 55px; margin: 12px 5px 0 5px; background: url(/images/bt_small_new.png) no-repeat; font: 10px Arial, sans-serif; font-weight: normal; text-transform: none; text-decoration: none; text-align: center; } #plantations #video { position: absolute; top: 0; right: 20px; width: 350px; height: 265px; } /* chocolate ------------------------------------------------------------------*/ #chocolate { background: #fff url(/images/bg_products.jpg) repeat-x left bottom; } #chocolate h1 { margin: 2px 0 0 103px; letter-spacing: 0.4em; } #chocolate #banner { margin-bottom: 23px; border-top: 3px solid #E4C168; text-align: center; } #chocolate #menublock { position: absolute; left: 103px; top: 200px; } #chocolate #menublock ul { float: left; width: 340px; margin: 0 15px 0 0; list-style: none; } #chocolate #menublock li { position: relative; height: 125px; } #chocolate #menublock li a { display: block; padding: 5px 120px 5px 25px; background: #D5B595; font-size: 12px; font-weight: bold; } #chocolate #menublock img { position: absolute; top: -25px; right: 15px; } #chocolate #menublock a:hover { background: #97462E; color: #fff; } #chocolate #menuContent #block { height: 373px; } #chocolate #menuContent .scroll-pane { width: 704px; overflow: auto; padding-left: 30px; } #chocolate .productoverview { position: absolute; top: 146px; left: 33px; } #chocolate .productoverview .column { float: left; width: 337px; } #chocolate .productoverview #colored { float: right; } #chocolate .productoverview ul { width: 295px; margin: 0; list-style: none; } #chocolate .productoverview h2 { margin-top: 20px; font-size: 14px; line-height: 14px; } #chocolate .categorie { width: 317px; margin: 0 0 10px 0; } #chocolate h2 { color: #4D1B13; } /*#chocolate #darkWhite h2 { color: #F50003; } #chocolate #darkFlavored h2 { color: #37505B; } #chocolate #milk h2 { color: #913697; } #chocolate #lenotre h2 { color: #233E98; }*/ #chocolate .categorie h3 { height: 18px; margin: 0; padding-top: 2px; background: #D5B595; text-align: center; color: #4D1B13; font-size: 14px; line-height: 16px; font-weight: bold; } #chocolate .productoverview li { overflow: hidden; width: 100%; padding: 0 0 3px 0; border-bottom: 1px solid #4D1B13; } #chocolate .productoverview #block .cocoaValue { display: block; overflow: hidden; float: left; clear: left; width: 40px; height: 40px; margin-top: 2px; background: url(/images/bg_rounded_chocolate.png) no-repeat; font-size: 9px; line-height: 8px; color: #fff; text-align: center; } #chocolate .productoverview .noValue { display: block; overflow: hidden; float: left; clear: left; width: 40px; height: 40px; margin-top: 2px; font-size: 9px; line-height: 8px; } #chocolate .productoverview #block a span { font-size: 12px; line-height: 18px; text-align: center; font-weight: bold; } #chocolate .productoverview .menuTitle { float: left; margin: 12px 0 0 15px; text-transform: uppercase; font-size: 11px; } /*#chocolate .productoverview .new { display: block; float: left; height: 13px; width: 55px; margin: 12px 5px 0 5px; background: url(/images/bt_small_new.png) no-repeat; font: 10px Arial, sans-serif; font-weight: normal; text-transform: none; text-decoration: none; text-align: center; }*/ #chocolate #block #dark .cocoaValue { background: url(/images/bg_rounded_darkwhite.png) no-repeat; } #chocolate #block #white .cocoaValue { background: url(/images/bg_rounded_white.png) no-repeat; color: #4D1B13; } #chocolate #darkFlavored #block .cocoaValue { background: url(/images/bg_rounded_dark.png) no-repeat; } #chocolate #milk #block .cocoaValue { background: url(/images/bg_rounded_milk.png) no-repeat; } #chocolate #lenotre #block .cocoaValue { background: url(/images/bg_rounded_lenotre.png) no-repeat; } #chocolate #block #colored .cocoaValue { background: url(/images/bg_rounded_colored.png) no-repeat; } #chocolate .productoverview #block a { display: block; background: transparent; } #chocolate .productoverview li p { clear: left; margin-left: 10px; } #chocolate .productoverview .new, #chocolate #dark span.new, #chocolate #white span.new, #chocolate #darkFlavored span.new, #chocolate #milk span.new, #chocolate #lenotre span.new, #chocolate #colored span.new { display: block; float: left; height: 13px; width: 55px; margin: 12px 5px 0 5px; background: url(/images/bt_small_new.png) no-repeat; font: 10px Arial, sans-serif; font-weight: normal; text-transform: none; color: #4D1B13; text-align: center; } #chocolate #menuContentSurgelees, #menuContentDecorations { background: #000; } #chocolate #menuContentSurgelees #bannerWrap, #menuContentDecorations #bannerWrap { position: relative; width: 837px; height: 155px; margin: 0; text-align: left; } #chocolate #menuContentSurgelees #banner, #menuContentDecorations #banner { position: absolute; top: 0; left: 0; width: 837px; height: 155px; margin: 0; border: none; z-index: 0; } #chocolate #menuContentSurgelees #pathTitleWrap, #menuContentDecorations #pathTitleWrap { position: absolute; top: 8px; left: 34px; margin: 0 20px 0 0; z-index: 5; } #chocolate #menuContentSurgelees #path, #menuContentDecorations #path { margin: 0 20px 0 0; } #chocolate #menuContentSurgelees h1, #menuContentDecorations h1 { margin: 10px 0 0 0; color: #fff; font-size: 18px; font-weight: normal; line-height: 24px; letter-spacing: 1px; } .subcatLink { position: relative; float: left; width: 418px; height: 364px; cursor: pointer; } .subcatLinkText { position: absolute; width: 240px; color: #fff; } /* decorations */ #menuContentDecorations #bannerWrap { height: 117px; } #menuContentDecorations .decoMenuBlock { position: relative; float: left; overflow: hidden; width: 279px; height: 402px; background: #000; cursor: pointer; } #menuContentDecorations .middleBlock { width: 275px; border-right: 2px solid #000; border-left: 2px solid #000; } #menuContentDecorations .decoMenuBlockInfo { position: absolute; bottom: 0; left: 0; width: 209px; height: 141px; padding: 15px 35px 0 35px; background: url(/images/bg_decoMenuBlockInfo.png) no-repeat; color: #fff; font-size: 14px; line-height: 16px; } #menuContentDecorations .decoMenuBlockInfo ul { margin: 0; list-style-type: none; } /* extra links ------------------------------------------------------------------*/ #extraLinks { position: absolute; margin: 0; list-style: none; } #extraLinks li { float: right;font-family: Arial, sans-serif; } #extraLinks a { display: block; height: 55px; margin-left: 10px; text-align: center; font-size: 10px; line-height: 10px; } #extraLinks #brochureLink a { width: 55px; height: 23px; padding-top: 24px; background: url(/images/bg_extras_brochure.gif) no-repeat center top; } #extraLinks #videoLink a { width: 30px; height: 14px; padding-top: 34px; background: url(/images/bg_extras_video.gif) no-repeat center top; } #extraLinks #tipLink a { width: 36px; height: 14px; padding-top: 34px; background: url(/images/bg_extras_tip.gif) no-repeat center top; } #extraLinks #favoriteLink a { width: 50px; height: 23px; padding-top: 24px; background: url(/images/bg_extras_favorites2.gif) no-repeat center top; } /* products ------------------------------------------------------------------*/ #productContent { background: #fff url(/images/bg_products.jpg) repeat-x left bottom; } #productContent h1 { width: 415px; margin: 15px 0 0 43px; font-size: 20px; line-height: 24px; letter-spacing: 0.25em; text-transform: uppercase; } #productContent h1 span { font-size: 18px; line-height: 21px; letter-spacing: 0.05em; font-weight: normal; text-transform: none; } #productContent h1 sup { font-size: 16px; line-height: 16px; font-weight: normal; letter-spacing: 0; } #productContent #prodSmall { position: absolute; top: 120px; left: 43px; } #productContent #prodBig { position: absolute; } #productContent #prodInfo { position: absolute; top: 40px; right: 32px; width: 291px; } #productContent #prodInfo .procent { float: right; width: 45px; height: 45px; margin: 0 0 5px 10px; background: url(/images/bg_prodproc_darkchoc.gif) no-repeat left top; color: #fff; text-align: center; font-size: 10px; line-height: 9px; font-weight: normal; } #productContent #prodInfo .procent span { font-size: 13px; line-height: 19px; font-weight: bold; letter-spacing: 0.04em; } #productContent #prodInfo ul { position: absolute; top: 50px; left: 0; z-index: 10; width: 291px; margin: 0; list-style: none; } #productContent #prodInfo li { float: right; width: 86px; margin-left: 10px; border-left: 1px solid #F50003; line-height: 20px; text-align: center; } #productContent #prodInfo li span { float: left; width: 80px; padding: 1px 3px; background: #F50003; color: #fff; line-height: 14px; text-align: left; font-size: 10px; } #productContent #prodInfo li img { margin-top: 4px; } #productContent #prodInfo #slogan { position: absolute; top: 90px; right: 0; font-size: 11px; line-height: 12px; text-align: right; } #productContent #commercialContact { position: absolute; top: 132px; right: 0; } #productContent #banner { position: absolute; top: 204px; right: 0; height: 41px; width: 345px; padding: 3px 457px 0 35px; background: #F50003; color: #fff; line-height: 12px; } #productContent #bannerHautePatisserie { position: absolute; top: 204px; right: 0; height: 41px; width: 767px; padding: 3px 35px 0 35px; background: #F50003; color: #fff; line-height: 12px; background: #5f1700; } #productContent #bannerGrandeTradition { position: absolute; top: 204px; right: 0; height: 41px; width: 767px; padding: 3px 35px 0 35px; background: #F50003; color: #fff; line-height: 12px; background: #55626b; } #productContent .bannerTextOnly p { margin: 0; padding-top: 4px; line-height: normal; } #prodAltoelsol #productContent #banner { background: #D7824B; } #prodAltoelsol #productContent #prodInfo .procent { background-image: url(/images/bg_prodproc_alto_el_sol.gif); } #prodAltoelsol #productContent #prodInfo li { border-color: #D7824B; } #prodAltoelsol #productContent #prodInfo li span { background: #D7824B; } #prodOropucce #productContent #banner { background: #4d3339; } #prodOropucce #productContent #prodInfo .procent { background-image: url(/images/bg_prodproc_oropucce.gif); } #prodOropucce #productContent #prodInfo li { border-color: #4d3339; } #prodOropucce #productContent #prodInfo li span { background: #4d3339; } #prodTanzanie #productContent #banner { background: #D06F18; } #prodTanzanie #productContent #prodInfo .procent { background-image: url(/images/bg_prodproc_tanzanie.gif); } #prodTanzanie #productContent #prodInfo li { border-color: #D06F18; } #prodTanzanie #productContent #prodInfo li span { background: #D06F18; } #prodCuba #productContent #banner { background: #347C2B; } #prodCuba #productContent #prodInfo .procent { background-image: url(/images/bg_prodproc_cuba.gif); } #prodCuba #productContent #prodInfo li { border-color: #347C2B; } #prodCuba #productContent #prodInfo li span { background: #347C2B; } #prodSaintdomingue #productContent #banner { background: #EF3941; } #prodSaintdomingue #productContent #prodInfo .procent { background-image: url(/images/bg_prodproc_saintdomingue.gif); } #prodSaintdomingue #productContent #prodInfo li { border-color: #EF3941; } #prodSaintdomingue #productContent #prodInfo li span { background: #EF3941; } #prodMexique #productContent #banner { background: #F06301; } #prodMexique #productContent #prodInfo .procent { background-image: url(/images/bg_prodproc_mexique.gif); } #prodMexique #productContent #prodInfo li { border-color: #F06301; } #prodMexique #productContent #prodInfo li span { background: #F06301; } #prodGhana #productContent #banner { background: #BC7303; } #prodGhana #productContent #prodInfo .procent { background-image: url(/images/bg_prodproc_ghana.gif); } #prodGhana #productContent #prodInfo li { border-color: #BC7303; } #prodGhana #productContent #prodInfo li span { background: #BC7303; } #prodPapouasie #productContent #banner { background: #00A890; } #prodPapouasie #productContent #prodInfo .procent { background-image: url(/images/bg_prodproc_papouasie.gif); } #prodPapouasie #productContent #prodInfo li { border-color: #00A890; } #prodPapouasie #productContent #prodInfo li span { background: #00A890; } #prodVenezuela #productContent #banner { background: #5A58AB; } #prodVenezuela #productContent #prodInfo .procent { background-image: url(/images/bg_prodproc_venezuela.gif); } #prodVenezuela #productContent #prodInfo li { border-color: #5A58AB; } #prodVenezuela #productContent #prodInfo li span { background: #5A58AB; } #prodSaotome #productContent #banner { background: #48003f; } #prodSaotome #productContent #prodInfo .procent { background-image: url(/images/bg_prodproc_saotome.gif); } #prodSaotome #productContent #prodInfo li { border-color: #48003f; } #prodSaotome #productContent #prodInfo li span { background: #48003f; } #prodEquateur #productContent #banner { background: #440b1a; } #prodEquateur #productContent #prodInfo .procent { background-image: url(/images/bg_prodproc_equateur.gif); } #prodEquateur #productContent #prodInfo li { border-color: #440b1a; } #prodEquateur #productContent #prodInfo li span { background: #440b1a; } #prodMadirofolo #productContent #banner { background: #522c1f; } #prodMadirofolo #productContent #prodInfo .procent { background-image: url(/images/bg_prodproc_madirofolo.gif); } #prodMadirofolo #productContent #prodInfo li { border-color: #522c1f; } #prodMadirofolo #productContent #prodInfo li span { background: #522c1f; } #prodDarkcouv #productContent #banner { background: #3573BA; } #prodDarkcouv #productContent #prodInfo .procent { background-image: url(/images/bg_prodproc_darkcouv.gif); } #prodDarkcouv #productContent #prodInfo li { border-color: #3573BA; } #prodDarkcouv #productContent #prodInfo li span { background: #3573BA; } #prodDark #productContent #banner { background: #E61E25; } #prodDark #productContent #prodInfo .procent { background-image: url(/images/bg_prodproc_dark.gif); } #prodDark #productContent #prodInfo li { border-color: #E61E25; } #prodDark #productContent #prodInfo li span { background: #E61E25; } #prodWhite #productContent #banner { background: #FFF4D6; color: #4D1B13; } #prodWhite #productContent #prodInfo .procent { background-image: url(/images/bg_prodproc_white.gif); color: #4D1B13; } #prodWhite #productContent #prodInfo li { border-color: #FFF4D6; } #prodWhite #productContent #prodInfo li span { background: #FFF4D6; color: #4D1B13; } #prodColor #productContent #banner { background: #EF8822; color: #fff; } #prodColor #productContent #prodInfo .procent { background-image: url(/images/bg_prodproc_color.gif); color: #fff; } #prodColor #productContent #prodInfo li { border-color: #EF8822; } #prodColor #productContent #prodInfo li span { background: #EF8822; color: #fff; } #prodMilkcouv #productContent #banner { background: #9B5BA5; } #prodMilkcouv #productContent #prodInfo .procent { background-image: url(/images/bg_prodproc_milkcouv.gif); } #prodMilkcouv #productContent #prodInfo li { border-color: #9B5BA5; } #prodMilkcouv #productContent #prodInfo li span { background: #9B5BA5; } #prodLenotre #productContent #banner { background: #233E98; } #prodLenotre #productContent #prodInfo .procent { background-image: url(/images/bg_prodproc_lenotre.gif); } #prodLenotre #productContent #prodInfo li { border-color: #233E98; } #prodLenotre #productContent #prodInfo li span { background: #233E98; } #prodCocoa #productContent #banner { background: #E5B56B; } #prodCocoa #productContent #prodInfo .procent { background-image: url(/images/bg_prodproc_cocoa.gif); } #prodCocoa #productContent #prodInfo li { border-color: #E5B56B; } #prodCocoa #productContent #prodInfo li span { background: #E5B56B; } #prodNut #productContent #banner { background: #FED18B; color: #4D1B13; } #prodNut #productContent #prodInfo .procent { background-image: url(/images/bg_prodproc_nut.gif); color: #4D1B13; } #prodNut #productContent #prodInfo li { border-color: #FED18B; } #prodNut #productContent #prodInfo li span { background: #FED18B; color: #4D1B13; } #prodDeco #productContent #banner { background: #F39911;} #prodDeco #productContent #prodInfo .procent { background-image: url(/images/bg_prodproc_deco.gif); } #prodDeco #productContent #prodInfo li { border-color: #F39911; } #prodDeco #productContent #prodInfo li span { background: #F39911; } #prodConvenience #productContent #banner { background: #009EE0;} #prodConvenience #productContent #prodInfo .procent { background-image: url(/images/bg_prodproc_conv.gif); } #prodConvenience #productContent #prodInfo li { border-color: #009EE0; } #prodConvenience #productContent #prodInfo li span { background: #009EE0; } #prodBackstable #productContent #banner { background: #B10034;} #prodBackstable #productContent #prodInfo .procent { background-image: url(/images/bg_prodproc_backstable.gif); } #prodBackstable #productContent #prodInfo li { border-color: #B10034; } #prodBackstable #productContent #prodInfo li span { background: #B10034; } #prodCompound #productContent #banner { background: #A7D49E; } #prodCompound #productContent #prodInfo .procent { background-image: url(/images/bg_prodproc_compound.gif); } #prodCompound #productContent #prodInfo li { border-color: #A7D49E; } #prodCompound #productContent #prodInfo li span { background: #A7D49E; } #prodArchitecture #productContent #banner { background: #d5949c; } #prodArchitecture #productContent #prodInfo .procent { background-image: url(/images/bg_prodproc_architecture.gif); } #prodArchitecture #productContent #prodInfo li { border-color: #d5949c; } #prodArchitecture #productContent #prodInfo li span { background: #d5949c; } #prodPainting #productContent #banner { background: #a3cd99; } #prodPainting #productContent #prodInfo .procent { background-image: url(/images/bg_prodproc_painting.gif); } #prodPainting #productContent #prodInfo li { border-color: #a3cd99; } #prodPainting #productContent #prodInfo li span { background: #a3cd99; } #productContent #banner p { margin: 0; font-size: 11px; } #productContent #banner div { position: absolute; top: 0; right: 32px; width: 420px; text-align: right; } #productContent #product { position: absolute; top: 248px; left: 0; height: 271px; padding: 0 0 0 33px; } #productContent #product #block { height: 241px; padding-top: 20px; padding-bottom: 10px; } #productContent #product .scroll-pane { width: 510px; height: 271px; overflow: auto; padding-left: 60px; } #productContent #product table { margin-bottom: 14px; border-left: 1px solid #4D1B13; } #productContent #product th { padding: 0 5px; border-bottom: 1px solid #4D1B13; border-left: 1px solid #4D1B13; text-align: center; } #productContent #product td { padding: 0 5px; border-left: 1px solid #4D1B13; text-align: left; } #product #block img { margin: 0 10px 14px 0; border: 1px solid #fff; } #product #kosher { height: 20px; padding-top: 2px; } #product #kosher img { margin: 0; vertical-align: middle; } #product h2 { clear: both; margin-bottom: 7px; } #product #testimonialText, #product #practicalInfoText { float: left; width: 330px; } #product #block #testimonialFoto { float: right; margin-right: 0; } #product #extraLinks { top: 10px; left: 583px; width: 220px; padding-top: 10px; } #product #message { position: absolute; top: 3px; right: -172px; padding: 0 5px 2px 5px; background: #F50003; color: #fff; font: 11px Arial, sans-serif; } #product .recipeblock { margin-bottom: 14px; border-bottom: 1px solid #4D1B13; } #product .recipeblock.last { border: none; } #product #prodRecipes { position: absolute; overflow: hidden; top: 70px; left: 665px; width: 139px; height: 161px; background: #4D1B13; } #product #prodRecipes h1 { width: 139px; height: 21px; margin: 0; font-size: 14px; letter-spacing: 0.01em; text-align: center; color: #fff; } #product #prodRecipes img { display: block; margin: 0 auto; } #product #prodRecipes p { position: absolute; top: 126px; height: 35px; width: 139px; margin: 0; } #product #prodRecipes p a { display: block; float: left; height: 26px; width: 64px; margin-left: 4px; padding-top: 1px; text-align: center; font: 11px/11px Arial, sans-serif; } #product #prodRecipes #newRecipe { background: url(/images/bt_small.png) no-repeat left top; text-decoration: none; } #product #prodRecipes #otherRecipes { width: 54px; padding-right: 10px; background: url(/images/bt_small_mark.png) no-repeat left top; text-decoration: none; } #product #previous { position: absolute; top: 240px; left: 17px; z-index: 5; display: block; width: 51px; height: 24px; padding-left: 16px; background: url(/images/bg_previous.gif) no-repeat left 14px; font: 11px/12px Arial, sans-serif; } #product #next { position: absolute; top: 240px; left: 752px; z-index: 5; display: block; width: 51px; height: 24px; padding-right: 16px; background: url(/images/bg_next.gif) no-repeat right 14px; font: 11px/12px Arial, sans-serif; text-align: right; } #product .backlink { text-decoration: underline; } #product #FLV { margin: 0 0 15px 0; } #product #block #hoverAll { width: 417px; margin: 0; border-left: 1px solid #4D1B13; list-style: none; overflow: hidden; } #product #block #hoverAll li { position: relative; float: left; margin-bottom: 3px; background: #600E06; text-align: center; overflow: hidden; } #product #block #hoverAll img { display: block; margin: 0 auto; border: none; } #product #block #hoverAll li a { display: block; width: 139px; height: 125px; font-size: 11px; line-height: 11px; } #product #block #hoverAll li:hover span { background: #4D1B13; color: #fff; } #product #block #hoverAll .odd { background: #7A1517; } #product #block #hoverAll span { position: absolute; left: 0; bottom: 0; display: block; height: 25px; width: 139px; padding-top: 1px; background: #7C4541; color: #FEE8BC; } #productContent #product #practicalInfoText table { width: 490px; border: none; /*border-bottom: #4D1B13 1px solid;*/ } #productContent #product #practicalInfoText td { border: none; } #productintro #overview { top: 204px; left: 13px; padding-top: 23px; background: url(/images/bg_mycryo_overview.gif) no-repeat 29px 0; } #productintro #overview #block { height: 293px; } #productintro #overview .scroll-pane { width: 730px; overflow: auto; padding-left: 30px; } #productintro #overview ul { width: 695px; margin: 0; list-style: none; overflow: hidden; } #productintro #overview li { position: relative; float: left; margin-bottom: 3px; background: #D5B595; text-align: center; overflow: hidden; } #productintro #overview img { display: block; margin: 0 auto; } #productintro #overview li a { display: block; width: 139px; height: 125px; font-size: 11px; line-height: 11px; } #productintro #overview li:hover span, #productintro #overview li.over span { background: #4D1B13; color: #E2B886; cursor: pointer; } #productintro #overview .odd { background: #DFC8B5; } #productintro #overview span { position: absolute; top: 99px; left: 0; display: block; height: 25px; width: 139px; padding-top: 1px; background: #E2B886; } /* moules ------------------------------------------------------------------*/ #moules #textContent { background: url(/images/bg_products.jpg) repeat-x left bottom; } #moules h1 { margin: 26px 0 0 43px; letter-spacing: 0.4em; } #moules #banner { position: absolute; top: 117px; left: 0; width: 837px; border-top: 3px solid #97462E; } #moules.sculpture #banner { border-color: #6dcff6; } #moules #submenublock { position: absolute; top: 250px; left: 53px; width: 740px; } #moules #submenublock ul { margin: 0; list-style: none; } #moules #submenublock li { position: relative; float: left; height: 95px; width: 240px; margin-right: 5px; } #moules #submenublock li a { display: block; padding: 3px 70px 3px 20px; background: #FEC666; font-size: 14px; font-weight: bold; } #moules #submenublock img { position: absolute; top: -25px; right: 10px; } #moules #submenublock a:hover { background: #97462E; color: #fff; } #moules.category { background: #fff url(/images/bg_moules.jpg) no-repeat right top; } #moules.category #banner { height: 28px; border-color: #4D1B13; background: #97462E; } #moules.prodSculpture #banner { border-color: #6dcff6; } #moules #banner table { width: 725px; margin-left: 29px; } #moules #banner th { height: 28px; padding: 0; border: 1px solid #4D1B13; border-top: 0; border-bottom: 0; text-align: center; color: #fff; font-size: 14px; } #moules #overview { position: absolute; top: 148px; left: 0; height: 325px; width: 754px; padding: 0; border-bottom: 1px solid #4D1B13; } #moules #overview #block { height: 325px; overflow: hidden; } #moules #overview .scroll-pane { width: 740px; overflow: auto; padding-left: 29px; } #moules #overview table { width: 725px; } #moules #overview td { padding: 0; border: 1px solid #4D1B13; border-top: 0; vertical-align: top; } #moules table .picture { width: 180px; padding: 0; text-align: center; } #moules #overview .picture { background: #FFEACA; vertical-align: middle; } #moules.prodSculpture #overview .picture { background: #fff; } #moules table .reference { width: 246px; } #moules table .description { width: 284px; border-right: 0; } #moules #overview .reference { width: 206px; padding: 5px 20px; } #moules #overview .description { width: 244px; padding: 5px 20px; } #moules #previous { position: absolute; top: 330px; left: 17px; z-index: 5; display: block; width: 100px; height: 24px; padding-left: 16px; background: url(/images/bg_previous.gif) no-repeat left 14px; font: 11px/12px Arial, sans-serif; } #moules #next { position: absolute; top: 330px; left: 702px; z-index: 5; display: block; width: 100px; height: 24px; padding-right: 16px; background: url(/images/bg_next.gif) no-repeat right 14px; font: 11px/12px Arial, sans-serif; text-align: right; } #moules a#favoriteLink { position: absolute; top: 335px; left: 360px; display: block; width: 60px; height: 23px; padding-left: 24px; background: url(/images/bg_extras_favorites2.gif) no-repeat left top; } #moules #message { position: absolute; top: 340px; left: 450px; padding: 0 5px 2px 5px; background: #F50003; color: #fff; font: 11px Arial, sans-serif; } /* recipes ------------------------------------------------------------------*/ #recipespage #textContent { background: #fff url(/images/bg_products.jpg) repeat-x left bottom; } #recipespage h1 { margin: 32px 0 38px 43px; letter-spacing: 0.35em; } #recipespage #textContent #banner { border-bottom: 3px solid #8A634A; } #recipespage #overview { top: 121px; left: 13px; } #recipespage #overview #block { height: 398px; } #recipespage #overview .scroll-pane { width: 730px; overflow: auto; padding-left: 30px; } #recipespage #overview ul { width: 695px; margin: 0; border-left: 1px solid #4D1B13; list-style: none; overflow: hidden; } #recipespage #overview li { position: relative; float: left; margin-bottom: 3px; background: #600E06; text-align: center; overflow: hidden; } #recipespage #overview img { display: block; margin: 0 auto; } #recipespage #overview li a { display: block; width: 139px; height: 125px; font-size: 11px; line-height: 11px; text-decoration: none; } #recipespage #overview li:hover span, #mycryo #overview li.over span { background: #4D1B13; color: #fff; } #recipespage #overview .odd { background: #7A1517; } #recipespage #overview span { position: absolute; left: 0; bottom: 0; display: block; height: 25px; width: 139px; padding-top: 1px; background: #7C4541; color: #FEE8BC; } #recipespage #overview li strong.new { position: absolute; left: 4px; top: 5px; display: block; width: 54px; height: 20px; margin: 0; padding: 6px 10px 0 0; background: url(/images/bt_small_mark.png) no-repeat; font: 11px/11px Arial, sans-serif; text-align: center; } #recipesContent { background: #fff url(/images/bg_recipes.jpg) no-repeat right top; } #recipesContent .content { background: url(/images/bg_products.jpg) repeat-x left bottom; } #recipesContent #path { margin-left: 205px; } #recipesContent h1 { margin-left: 205px; width: 260px; letter-spacing: 0.30em; line-height: 24px; } #recipeImage { position: absolute; top: 25px; left: 33px; } #recipesContent div.new { position: absolute; left: 37px; top: 30px; display: block; width: 54px; height: 20px; margin: 0; padding: 6px 10px 0 0; background: url(/images/bt_small_mark.png) no-repeat; font: 11px/11px Arial, sans-serif; text-align: center; } #recipeInfo { position: absolute; top: 25px; left: 470px; width: 330px; border-left: 1px solid #8A634A; } #recipeInfo h2 { background: #8A634A; color: #fff; margin: 0; padding-left: 5px; font-size: 12px; line-height: 18px; letter-spacing: 0.04em; } #recipeInfo #block2 { height: 91px; margin-left: 5px; } #recipeInfo .scroll-pane { width: 310px; overflow: auto; padding: 7px 20px 0 0; } #recipeInfo .jScrollPaneTrack { left: 315px; } #recipeInfo a.jScrollArrowDown { left: 316px; bottom: 2px; } #recipeInfo a.jScrollArrowUp { left: 316px; top: 3px; } #recipeInfo p { margin: 0 0 0 3px; } #recipeInfo ul { margin-top: 0; margin-bottom: 0; } #recipeInfo li a { font-weight: bold; } #recipesContent #banner { position: absolute; top: 141px; width: 100%; height: 17px; padding: 1px 0 0 205px; background: #4D1B13; color: #fff; } #recipestext { position: absolute; top: 159px; left: 33px; width: 804px; } #recipestext #block { height: 330px; padding-top: 20px; padding-bottom: 10px; } #recipestext .scroll-pane { width: 430px; overflow: auto; padding-left: 172px; } .recipeblock { margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #4D1B13; } .recipeblock.last { border: none; } .recipeblock h2 { margin-bottom: 3px; } .recipeblock table { width: 400px; border: 1px solid #4D1B13; } .recipeblock td { border: 1px solid #4D1B13; padding: 5px; vertical-align: top; } #recipestext #FLV { margin: 40px 0 15px 0; } #recipestext #message { position: absolute; top: 2px; left: 625px; padding: 0 5px 2px 5px; background: #F50003; color: #fff; font: 11px Arial, sans-serif; } #recipestext #extraLinks { top: 10px; left: 610px; width: 160px; padding-top: 10px; } #recipestext #previous { position: absolute; top: 320px; left: -15px; z-index: 5; display: block; width: 51px; height: 24px; padding-left: 16px; background: url(/images/bg_previous.gif) no-repeat left 14px; font: 11px/12px Arial, sans-serif; } #recipestext #next { position: absolute; top: 320px; left: 720px; z-index: 5; display: block; width: 51px; height: 24px; padding-right: 16px; background: url(/images/bg_next.gif) no-repeat right 14px; font: 11px/12px Arial, sans-serif; text-align: right; } #recipestext .backlink { text-decoration: underline; } #recipestext #commercialContact { position: absolute; top: 75px; right: 33px; } #recipesintro #newrecipes { position: absolute; top: 219px; left: 13px; padding-top: 23px; background: url(/images/bg_mycryo_overview.gif) no-repeat 29px 0; } #recipesintro #newrecipes #block { height: 277px; } #recipesintro #newrecipes .scroll-pane { width: 730px; overflow: auto; padding-left: 30px; } #recipesintro #newrecipes ul { width: 695px; margin: 0; list-style: none; overflow: hidden; } #recipesintro #newrecipes li { position: relative; float: left; margin-bottom: 3px; background: #D5B595; text-align: center; overflow: hidden; } #recipesintro #newrecipes img { display: block; margin: 0 auto; } #recipesintro #newrecipes li a { display: block; width: 139px; height: 125px; font-size: 11px; line-height: 11px; } #recipesintro #newrecipes li:hover span, #recipesintro #newrecipes li.over span, #product #overview li:hover span, #product #overview li.over span { background: #4D1B13; color: #E2B886; } #recipesintro #newrecipes .odd { background: #DFC8B5; } #recipesintro #newrecipes span { position: absolute; left: 0; bottom: 0; display: block; height: 25px; width: 139px; padding-top: 1px; background: #E2B886; } #recipesintro #newrecipes strong.new { position: absolute; left: 4px; top: 5px; display: block; width: 54px; height: 20px; margin: 0; padding: 6px 10px 0 0; background: url(/images/bt_small_mark.png) no-repeat; font: 11px/11px Arial, sans-serif; text-align: center; } /* techniques ------------------------------------------------------------------*/ #intropage #techoverview #banner { height: 83px; margin-bottom: 0; border-color: #E09F00; } #intropage #submenublock { position: absolute; top: 204px; left: 13px; height: 315px; } #techoverview #block { height: 295px; padding-top: 20px; } #techoverview .scroll-pane { width: 760px; overflow: auto; padding-left: 10px; } #techoverview #submenublock ul { clear: both; margin: 0; list-style: none; } #techoverview #submenublock li { position: relative; float: left; width: 241px; margin: 20px 5px 0 0; } #techoverview #submenublock li span { display: block; padding: 2px 80px 4px 15px; background: #F1BE5E; font-size: 14px; font-weight: bold; } #techoverview #submenublock img { position: absolute; top: -25px; right: 10px; } #techoverview #submenublock ul ul { margin: 20px 0 20px 15px; list-style: disc; } #techoverview #submenublock li li { width: auto; float: none; margin: 0; } #techoverview #submenublock li a { text-decoration: none; } #techoverview #submenublock li a:hover { background: transparent; color: #4D1B13; text-decoration: underline; } #techoverview #submenublock li div { width: 226px; } #techpage #textContent { background: #fff url(/images/bg_products.jpg) repeat-x left bottom; } #techpage h1 { margin: 32px 0 38px 43px; letter-spacing: 0.35em; } #techpage #textContent #banner { position: absolute; top: 118px; height: 112px; width: 837px; border-top: 3px solid #E09F00; } #techpage #textContent #bannerpics { height: 104px; margin-top: 8px; background: #FBEACB; } #techpage #clip { position: absolute; top: -9px; left: 103px; z-index: 12; width: 630px; clip: rect(0, 630px, 121px, 0); overflow: hidden; } #techpage #scrollerContainer { position:relative; height:121px; overflow:hidden; } #techpage #scroller { position:absolute; left:0; top:0; width:100%; } #techpage #scroller div { float: left; position: relative; height: 104px; width: 104px; margin: 0; padding-top: 17px; } #techpage #scroller span { position: absolute; top: 0; left: 10px; display: block; width: 14px; height: 14px; padding-top: 1px; background: url(/images/bg_tech_nr.png) no-repeat; color: #fff; font: 11px/12px Arial, sans-serif; text-align: center; } #techpage #rightScroller { position: absolute; top: 8px; left: 78px; } #techpage #leftScroller { position: absolute; top: 8px; left: 733px; } #techpage #scrollhelpL { position: absolute; top: 20px; left: 20px; width: 55px; } #techpage #scrollhelpR { position: absolute; top: 20px; left: 760px; width: 55px; } #techpage #tekstblok { position: absolute; top: 233px; left: 83px; } #techpage #block { height: 267px; padding-top: 20px; } #techpage .scroll-pane { width: 600px; overflow: auto; padding-left: 30px; } #techpage .techblok { margin-bottom: 40px; } #techpage #tekstblok h2 { margin: 0 0 14px 0; border-bottom: 1px solid #4D1B13; font-size: 12px; } #techpage #tekstblok .techNr, #techpage #tekstblok .techNrs { display: block; width: 14px; height: 14px; background: url(/images/bg_tech_nr.png) no-repeat; color: #fff; font: 11px/14px Arial, sans-serif; text-align: center; } #techpage #videoLink { position: absolute; top: 240px; right: 33px; display: block; width: 30px; } #techpage #videoLink span { display: block; width: 30px; height: 15px; margin-bottom: 5px; background: url(/images/icon_movie.png) no-repeat; } #techpage a#videoLink:hover { text-decoration: underline; } #techpage #FLV { margin: 0 0 15px 70px; } #techpage #previous { position: absolute; top: 480px; left: 25px; z-index: 5; display: block; width: 51px; height: 24px; padding-left: 16px; background: url(/images/bg_previous.gif) no-repeat left 14px; font: 11px/12px Arial, sans-serif; } #techpage #next { position: absolute; top: 480px; left: 750px; z-index: 5; display: block; width: 51px; height: 24px; padding-right: 16px; background: url(/images/bg_next.gif) no-repeat right 14px; font: 11px/12px Arial, sans-serif; text-align: right; } #techpage .backlink { margin-left: 70px; text-decoration: underline; } /* demo pages, innovation page ------------------------------------------------------------------*/ #demopage, #innovationpage { background: #fff url(/images/bg_products.jpg) repeat-x left bottom; } #demopage h1, #innovationpage h1 { margin: 32px 0 38px 43px; letter-spacing: 0.35em; } #demopage #banner, #innovationpage #banner, #basicmovieOverview #banner { position: absolute; top: 117px; left: 0; width: 837px; border-top: 3px solid #A2473D; text-align: center; } #innovationpage .latest { position: absolute; top: 230px; left: 103px; } #demopage #textblock ul, #innovationpage #textblock ul, #basicmovieOverview #textblock ul { margin: 0; list-style: none; } #demopage #textblock li, #innovationpage #textblock li, #basicmovieOverview #textblock li { position: relative; width: 465px; margin-bottom: 10px; padding: 0 40px 0 110px; overflow: hidden; } #innovationpage #textblock li { width: 485px; padding-right: 110px; } #demopage #textblock li img, #innovationpage #textblock li img, #basicmovieOverview #textblock li img { float: left; margin-left: -110px; } #demopage #demologin #newsblock li img { float: none; margin: 0; } #demopage #textblock li h2, #innovationpage #textblock li h2 { margin: 0 0 5px 0; border-bottom: 1px solid #4D1B13; } #demopage #textblock p { font-size: 12px; line-height: 15px; } #innovationpage #textblock p { font-size: 14px; line-height: 15px; font-weight: bold; } #demopage #textblock li p, #innovationpage #textblock li p { font-size: 12px; line-height: 14px; font-weight: normal; } #demopage #textblock li .videoLink { position: absolute; top: 0; right: 0; float: right; display: block; width: 30px; } #demopage #textblock li .videoLink span { display: block; width: 30px; height: 15px; margin-bottom: 5px; background: url(/images/icon_movie.png) no-repeat; } .innovationLink { position: absolute; top: 10px; left: 605px; display: block; width: 100px; } .innovationLink span { display: block; float: left; width: 6px; height: 10px; margin: 2px 5px 0 0; background: url(/images/bt_innovation.png) no-repeat; font-size: 10px; } #demopage .overview, #innovationpage .overview, #demopage .latest { position: absolute; top: 202px; left: 0; height: 317px; } #demopage #moviePage .loggedin #block { height: 381px; padding-top: 0; padding-bottom: 0; } #movieOverview #block, #basicmovieOverview #block, #innovationpage .content #block, #demopage .latest #block { height: 302px; width: 710px; padding-top: 15px; padding-bottom: 5px; } #basicmovieOverview #block { padding-left: 0; } #innovationpage .content #block { width: 725px; } #innovationpage .content .scroll-pane, #demopage .latest .scroll-pane { width: 595px; overflow: auto; padding-left: 50px; } #moviePage #textblock.loggedin { top: 120px; left: 0; width: 808px; height: 371px; padding-left: 20px; padding-top: 25px; border-top: 3px solid #a44738; } #demopage #textblock #FLV { margin: 1px 0 15px 0; } #demopage #textblock #noflash { float: right; width: 180px; margin-top: 30px; padding-right: 20px; font-size: 12px; font-weight: normal; } #demopage .backlink { font-size: 14px; } #innovationdetail .overview { top: 120px; width: 837px; } #innovationdetail #textblock .scroll-pane { width: 735px; height:389px; padding: 10px 0 0 43px; } #innovationdetail #block .innovationPictures img { float: left; margin: 0 27px 14px 0; } #innovationdetail .links { margin: 0 0 14px 0; } #innovationpage #innovationdetail #textblock p { font-weight: normal; font-size: 12px; } #innovationdetail #block img.last { margin-right: 0; } #innovationpage #innovationdetail #textblock ul { width: auto; margin: 7px 0 17px 16px; list-style: disc;/*margin: 7px 0 17px 0; list-style: none;*/ } #innovationpage #innovationdetail #textblock li { overflow: visible; width: 699px; margin: 0; padding-right: 0; padding-left: 0; vertical-align: top; } #innovationpage #innovationdetail #textblock .rechts li { width: 464px; } #innovationpage #innovationdetail #textblock li img { float: none; margin-left: 0; } #innovationdetail div.links, #innovationdetail div.rechts { width: 480px; } .latest fieldset { margin-bottom: 10px; padding: 0 10px 10px 10px; border: 1px solid #4D1B13; overflow: hidden; } .latest fieldset legend { font-size: 14px; line-height: 16px; font-weight: bold; color: #4D1B13; } .latest fieldset div { margin: 0 0 5px 0; } .latest fieldset label { float: left; width: 85px; padding: 2px 10px 0 0; text-align: right; font-weight: bold; } #loginlink, #passwordlink, #registerlink, #registerlink2 { display: block; width: 85px; height: 14px; margin: 14px 0 10px 163px; padding: 3px; border: none; background: url(/images/bt_small_brown.png) no-repeat; color: #fff; text-align: center; font: 11px/11px Arial, sans-serif; text-decoration: none; } #passwordlink { height: 20px; margin-left: 0; } #registerlink, #registerlink2 { height: 14px; margin-left: 0; } #registermovielink, #registerpresslink { display: block; width: 79px; height: 14px; margin: 0 0 14px 0; padding: 3px; background: url(/images/bt_small_brown.png) no-repeat; color: #fff; text-align: center; font: 11px/11px Arial, sans-serif; text-decoration: none; } a#registermovielink:hover, a#registerlink:hover, #demopage a#registerlink2:hover { text-decoration: none; } #demopage .warning { padding: 5px; background: #F50003; color: #fff; } #loginnow { float: left; width: 295px; margin-top: 5px; margin-right: 30px; } #registernow { float: left; width: 270px; margin-top: 5px; } #loginnow, #registernow { padding-bottom: 5px; } #loginnow p, #registernow p { margin-top: 12px; } #whatpassword { margin-left: 95px; } .needhelp { float: left; width: 290px; } .needhelp a { text-decoration: underline; } #demopage #forgotpw p { margin-top: 12px; } #demopage .latest .column { float: left; width: 330px; margin-top: 12px; } #demopage .latest .column label { width: 120px; font-weight: normal; } #demopage .latest .column input { width: 185px; } #demopage .latest .column #postalcode { width: 30px; margin-right: 2px; } #demopage .latest .column #town { width: 140px; } #demopage .latest .column select { width: 195px; /*margin: 2px 0;*/ } #registermovielink { float: left; } #demopage fieldset#keepinformed { float: left; margin: 0 0 0 20px; padding: 0; border: none; } #demopage fieldset#keepinformed legend { display: none; } #demopage fieldset#keepinformed label { font-weight: normal; width: auto; display: inline; float: none; } #demointro h1 { } #demointro #textblock, #demointro #movieIntro { top: 120px; left: 0; width: 755px; padding: 25px 30px 0 43px; border-top: 3px solid #a44738; height: 200px; } #demointro #textblock a { text-decoration: underline; } #movieOverview #persona, #basicmovieOverview #persona, #moviePage #persona { float: right; padding: 10px 50px 0 0; color: #a44738; } #movieOverview #textblock { top: 120px; width: 795px; padding: 15px 30px 0 0; border-top: 3px solid #a44738; } #movieOverview h2 { clear: both; margin: 10px 0 6px 0;font-size: 18px; border-bottom: 1px solid #AD6A59; padding-bottom: 5px; font-weight: normal; } #movieOverview h3 { margin: 0; font-weight: bold; } #movieOverview #upcomingCourses, #resultsQuestionnaire { float: left; width: 430px; } #movieOverview #upcomingCourses, #upcomingCourses #flashdiv { float:left; margin: 0 10px 5px 0; } #upcomingCourse h2 { margin-top: 5px; } #movieOverview #attendedCourses, #interestingLinks { float: right; width: 300px; } #movieOverview #attendedCourses #block2 { width: 295px; height: 240px; padding: 0; } #movieOverview #attendedCourses .coursInfo { float: left; width: 176px; } #movieOverview #textblock #attendedCourses li { margin-bottom: 10px; } #movieOverview #resultsQuestionnaire #block { width: 280px; height: 240px; padding: 0; } #movieOverview .scroll-pane { float: right; overflow: auto; width: 250px; height: 280px; } #attendedCourses a.jScrollArrowDown { bottom: 2px; } #attendedCourses a.jScrollArrowUp { top: 3px; } #demopage #movieOverview #textblock li { width: auto; padding: 0; margin: 0 0 5px 0; } #demopage #movieOverview #textblock li img { float: left; margin: 0 10px 0 0; } #movieOverview #attendedCourses .jScrollPaneContainer { padding-right: 20px; } #movieOverview #block2, #movieOverview #interestingLinks #block2 { height: 230px; overflow: hidden; } #movieOverview #interestingLinks .scroll-pane { width: 290px; overflow: auto; padding: 0 0 0 0; } #interestingLinks a.jScrollArrowDown { bottom: 2px; } #interestingLinks a.jScrollArrowUp { top: 3px; } #interestingLinks li { clear: both; } #movieOverview #movieActions { position: absolute; top: 369px; right: 25px; width: 325px; } #movieOverview #newCourse #movieActions { position: absolute; top: 369px; right: 25px; width: 325px; } .jpjp #movieActions #academyCourses { height: 20px; background: url(/images/bt_big_brown2.png) no-repeat; } #movieOverview #startCourse { float: left; display: block; width: 150px; height: 14px; margin-top: 14px; padding: 3px; background: url(/images/bt_small_brown_wide2.png) no-repeat; color: #fff; text-align: center; font: 11px/11px Arial, sans-serif; text-decoration: none; } #movieOverview #movieActions a, #movieOverview #link_questionnaire a, #movieOverview #send { float: left; display: block; width: 79px; height: 14px; padding: 3px; background: url(/images/bt_small_brown.png) no-repeat; color: #fff; text-align: center; font: 11px/11px Arial, sans-serif; text-decoration: none; } #movieOverview #movieActions a, #movieOverview #link_questionnaire a { width: 105px; margin-right: 3px; padding: 3px 0; background: url(/images/bt_small_brown_wide3.png) no-repeat; text-decoration: none; } #movieOverview #questionnaireform fieldset { margin: 0; padding: 0; border: 0; } #movieOverview #questionnaireform fieldset div { margin: 2px 0 2px 15px; } #movieOverview #questionnaireform fieldset label { padding: 0 0 0 3px; } #movieOverview #advancedStart, #movieOverview #questionnaire { padding: 7px 0 0 40px; } #movieOverview #advancedStart p { margin-bottom: 0; } #movieOverview #questionnaire { height: 356px; padding-bottom: 10px; } #movieOverview #questions { position: absolute; top: 120px; left: 40px; } #movieOverview #questionnaire #block2 { height: 260px; } #movieOverview #questionnaire .scroll-pane { width: 730px; } #questionnaire a.jScrollArrowDown { bottom: 2px; } #questionnaire a.jScrollArrowUp { top: 3px; } #movieOverview #attendCourse, #movieOverview #newCourse { padding: 0 0 0 40px; } #movieOverview #logo_ChocolateAcademy { position: absolute; top: 0; right: 20px; } #basicmovieOverview .latest { width: 795px; padding-left: 50px; } #basicmovieOverview .overview { top: 120px; width: 795px; height: 381px; border-top: 3px solid #A2473D; padding-left: 50px; padding-top: 15px; } #basicmovieOverview .overview #block { height: 351px; } #moviePage .backlink { position: absolute; top: 350px; left: 630px; } #courseSteps { float: left; width: 300px; margin-top: 10px; } #tekstrechts { padding: 15px 0 0 0; } #tekstrechts h2 { border: 0px; line-height: 22px; } #tekstrechts img { float: left; margin: 0 5px 5px 0;} #movieOverview #FLV { float:left; width: 432px; height: 374px; margin: 0; } #movieOverview #courseSteps #block2 { height: 330px; } #movieOverview #courseSteps .scroll-pane { float: none; width: 290px; overflow: auto; padding-right: 10px; } #courseSteps a.jScrollArrowDown { bottom: 2px; } #courseSteps a.jScrollArrowUp { top: 3px; } #movieOverview #resultsQuestionnaire h3 { font-size: 16px; } #movieOverview #resultsQuestionnaire #block3 { width: 400px; height: 200px; overflow: hidden; } #resultsQuestionnaire a.jScrollArrowDown { bottom: 2px; } #resultsQuestionnaire a.jScrollArrowUp { top: 3px; } #resultsQuestionnaire #nextAvailable { position: absolute; top: 330px; left: 40px; width: 430px; } #upcomingCourse { position: absolute; top: 320px; left: 40px; width: 430px; } #registrationThx { position: absolute; top: 220px; left: 43px; } #inscriptform a#reg { margin-right: 30px; } #boutiqueHelp { width: 317px; margin-top: 20px; } /* brochure page ------------------------------------------------------------------*/ #brochurepage { background: #fff url(/images/bg_brochures.jpg) no-repeat right top; } #brochurepage h1 { margin: 32px 0 38px 43px; letter-spacing: 0.35em; } #brochurepage #banner { height: 28px; background: #D56757; border-top: 3px solid #4D1B13; } #brochurepage #banner table { width: 745px; margin-left: 29px; } #brochurepage #banner th { height: 28px; padding: 0; border: 1px solid #4D1B13; border-top: 0; border-bottom: 0; text-align: center; color: #fff; font-size: 14px; } #brochurepage .image { width: 92px; } #brochurepage .title { width: 420px; } #brochurepage .titlelong { width: 649px; } #brochurepage .download { width: 229px; } #brochurepage #overview { position: absolute; top: 148px; left: 0; height: 371px; width: 774px; padding: 0; } #brochurepage #overview #block { height: 371px; overflow: hidden; } #brochurepage #overview .scroll-pane { width: 750px; overflow: auto; padding-left: 29px; } #brochurepage #overview table { width: 745px; } #brochurepage #overview td { padding: 0; border: 1px solid #4D1B13; border-top: 0; vertical-align: top; } #brochurepage #overview .image { padding: 0; text-align: center; vertical-align: middle; } #brochurepage table .download { border-right: 0; } #brochurepage #overview .title { width: 380px; padding: 5px 20px; } #brochurepage #overview .titlelong { width: 609px; padding: 5px 20px; } #brochurepage .title h2 { margin-bottom: 10px; font-size: 12px; line-height: 14px; } #brochurepage #overview .download { width: 189px; padding: 5px 20px; } #brochurepage .download a { display: block; clear: left; float: left; width: auto; margin: 0 0 5px 0; /*line-height: 25px;*/ text-decoration: none; } #brochurepage .download a img { vertical-align: text-bottom; } #brochureintro #menublock { position: absolute; left: 43px; top: 250px; } #brochureintro #menublock ul { float: left; width: 340px; margin: 0 15px 0 0; list-style: none; } #brochureintro #menublock li { position: relative; height: 125px; } #brochureintro #menublock li a { display: block; padding: 5px 120px 5px 25px; background: #D5B595; font-size: 14px; font-weight: bold; } #brochureintro #menublock img { position: absolute; top: -25px; right: 15px; } #brochureintro #menublock a:hover { background: #97462E; color: #fff; } /* events page ------------------------------------------------------------------*/ #eventpage { background: #fff url(/images/bg_products.jpg) repeat-x left bottom; } #eventinfo { background: url(/images/bg_events.jpg) no-repeat right top; } #eventpage h1 { width: 480px; height: 64px; margin: 32px 0 0 43px; letter-spacing: 0.35em; } #eventpage #banner { height: 28px; background: #CB835C; border-top: 3px solid #4D1B13; } #eventpage #banner table { width: 775px; margin-left: 9px; } #eventpage #banner th { height: 28px; padding: 0; border: 1px solid #4D1B13; border-top: 0; border-bottom: 0; text-align: center; color: #fff; font-size: 14px; } #eventpage #overview { background: url(/images/bg_products.jpg) repeat-x left bottom; } #eventpage .title { width: 235px; } #eventpage #overview td.title, #eventpage #overview .events_start .title { width: 225px; padding: 4px 0 0 10px; text-align: left; font-weight: bold; } #eventpage #banner .events_start th.title { width: 190px; } #eventpage #overview .events_start td.title { width: 180px; } #eventpage #overview .title span { display: block; float: right; width: 56px; height: 18px; margin: 0 10px 2px 0; background: url(/images/icon_wcm.png) no-repeat; } #eventpage .place { width: 105px; } #eventpage .site, #eventpage .logosite, #eventpage .website { width: 85px; } #eventpage .site a { display: block; width: 35px; height: 22px; margin: 2px auto; text-indent: -999px; background: url(/images/icon_site.png) no-repeat; } #eventpage .logosite {} #eventpage .start { width: 77px; } #eventpage .end { width: 67px; } #eventpage .group { width: 90px; } #eventpage #overview { position: absolute; top: 149px; left: 0; height: 371px; width: 837px; padding: 0 0 0 9px; } #eventpage #overview #block { height: 371px; overflow: hidden; } #eventpage #overview .scroll-pane { width: 780px; overflow: auto; padding-left: 0px; } #eventpage #overview table { width: 775px; } #eventpage #overview td { height: 26px; padding: 0; border: 1px solid #4D1B13; border-top: 0; background: #fff; vertical-align: middle; text-align: center; } #eventpage #overview .even td { background: #FBF3E0; } #eventpage #overview .pastevent td { color: #B4A09D; } #eventpage #overview .type, #eventpage #banner .type { width: 108px;/*width: 160px;*/ } #eventpage #overview .events_start .type, #eventpage #banner .events_start .type { width: 120px; } #eventpage .enrole { } #eventpage .enrole a { display: block; width: 84px; height: 20px; margin-left: 6px;background: url(../images/btn_overview_enrole.png) no-repeat; color: #fff; text-align: center; text-decoration: none; } #eventinfo #block div { margin-bottom: 14px; } #eventinfo #textblock { top: 118px; left: 0; width: 837px; border-top: 3px solid #4D1B13; background: url(/images/bg_products.jpg) repeat-x left bottom; } #eventinfo #textblock { width: 800px; padding: 0 0 0 33px; } #eventinfo .scroll-pane { width: 735px; height: 388px; overflow: hidden; padding: 10px 0 0 43px; } #eventpage #eventinfo .scroll-pane { padding-left: 0; } #eventinfo .links { margin: 0 10px 10px 0; } #eventinfo .rechts { margin: 0 0 10px 5px; } #eventinfo .bestanden { margin-left: 0; list-style: none; } #eventinfo .eventPictures img { float: left; margin-right: 27px; } #eventinfo .eventPictures img.last { /*float: right;*/ margin-right: 0; } #eventinfo div.links, #eventinfo div.rechts { width: 480px; } #eventinfo th { background: #CB835C; border-right: 1px solid #4D1B13; color: #fff; } #eventinfo td { background: #FBF3E0; text-align: center; } #eventinfo .title { text-align: left; padding-left: 10px; font-weight: bold; } #eventinfo #detailstage { width: 715px; } #eventinfo #detailstage .title { width: 268px; } #eventinfo .title span { display: block; float: left; height: 13px; width: 55px; margin: 1px 5px 0 0; background: url(/images/bt_small_new.png) no-repeat; font: 10px Arial, sans-serif; font-weight: normal; text-transform: none; text-decoration: none; text-align: center; } .eventPictures img { margin-right: 25px; } .eventPictures img.last { margin: 0; } #eventinfo #registerform { width: 715px; } #eventinfo fieldset, #eventinfo #renseignements { margin-bottom: 10px; padding: 10px; border: 1px solid #4D1B13; } #eventinfo #renseignements p { margin-bottom: 0; } #eventinfo fieldset fieldset { padding: 10px 0; border: none; } #eventinfo fieldset legend { margin: 0 10px; padding: 0 5px; font-weight: bold; color: #4D1B13; } #eventinfo fieldset fieldset legend { margin-left: 0; padding: 0; } #eventinfo fieldset p { margin: 3px 0; } #eventinfo fieldset label { float: left; width: 150px; padding: 2px 10px 0 0; text-align: right; } #eventinfo .textarea label { float: none; text-align: left; } #eventinfo .checkboxes { line-height: 20px; } #eventinfo .checkboxes label { float: none; padding: 2px 0 0 5px; text-align: left; } #eventinfo .checkboxes div { float: left; width: 160px; margin-bottom: 14px; } #eventinfo #registerlink { float: left; display: block; width: 79px; height: 14px; margin-top: 0; padding: 3px; background: url(/images/bt_small_brown.png) no-repeat; color: #fff; text-align: center; font: 11px/11px Arial, sans-serif; text-decoration: none; } #eventinfo #previous { float: left; display: block; width: 100px; height: 14px; margin-bottom:15px; padding-left: 16px; background: url(/images/bg_previous.gif) no-repeat left 3px; font: 11px/12px Arial, sans-serif; text-align: left; } #eventinfo #next { float: right; display: block; width: 100px; height: 14px; margin-bottom:15px; padding-right: 16px; background: url(/images/bg_next.gif) no-repeat right 3px; font: 11px/12px Arial, sans-serif; text-align: right; } #eventinfo fieldset .verplicht { padding-left: 130px; } #eventinfo .column { float: left; width: 315px; } #eventinfo .column fieldset { padding-right: 0; } #eventinfo .column label { width: 120px; } #eventinfo .column input { width: 165px; } #eventinfo .column select { width: 175px; } #eventinfo fieldset#keepinformed { float: left; margin: 0 0 0 55px; padding: 0; border: none; } #eventinfo fieldset#keepinformed legend { display: none; } #eventinfo fieldset#keepinformed label { font-weight: normal; width: auto; display: inline; float: none; } /* ambassadorpage ------------------------------------------------------------------*/ #ambassadorpage { background: #fff url(/images/bg_products.jpg) repeat-x left bottom; } #ambassadorpage h1 { margin: 32px 0 38px 43px; } #ambassadorpage #banner { height: 90px; margin-bottom: 0; border-top: 3px solid #B4A060; text-align: center; } #ambassadorpage #textblock { top: 243px; left: 43px; width: 460px; } #ambassadorpage #logoAmbassadors { position: absolute; top: 10px; left: 580px; } #ambassadorcountries { float: right; position: relative; width: 218px; height: 38px; margin-right: 60px; background: #9E3C1B; } #ambassadorslink { display: block; width: 198px; height: 32px; padding: 3px 15px 3px 5px; color: #fff; text-decoration: none; } #ambassadorslink img { position: absolute; right: 3px; top: 30%; } #ambassadorpage #countries { position: absolute; top: 38px; left: 0; display: none; width: 218px; margin: 0; background: url(/images/bg_ambass_countries.gif) repeat-y left top; list-style: none; } #ambassadorpage #countries li a { display: block; width: 198px; padding: 0 0 0 20px; text-transform: uppercase; text-decoration: none; font-size: 13px; line-height: 18px; } #ambassadorpage #countries li a:hover { background: #B4A060; color: #fff; } #ambassadorContact { display: block; width: 85px; height: 17px; padding: 3px 0 0 0; background: url(/images/bt_small_brown.png) no-repeat; color: #fff; font: 11px/11px Arial, sans-serif; text-align: center; text-decoration: none; } #ambassadorlist #textblock { left: 33px; top: 204px; width: 520px; } #ambassadorlist #block { height: 295px; overflow: hidden; } #ambassadorlist .scroll-pane { width: 470px; padding: 20px 0 0 10px; } #ambassadorlist #block ul { margin: 0; list-style: none; } #ambassadorlist #block li { margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #4D1B13; font-size: 12px; line-height: 16px; } #ambassadorlist #block li.last { border-bottom: 0; } #ambassadorlist #block li a { font-weight: normal; font-size: 12px; line-height: 14px; } #ambassadorlist li img { float: left; margin: 0 5px 5px 0; } #ambassadorlist .ambassadorinfo { float: left; width: 320px; margin-left: 10px; } #ambassadorlist dl { margin-top: 14px; } #ambassadorlist dt { float: left; width: 75px; } #ambassadorlist dd { width: 240px; margin: 0 0 0 75px; } #ambassadorlist dt.awards { float: none; width: 120px; } #ambassadorlist dd.awards { width: 300px; margin: 0 0 0 30px; } #ambassadorcountries li { margin-bottom: 0; } /* press page ------------------------------------------------------------------*/ #presspage { background: #fff url(/images/bg_press.jpg) no-repeat right top; } #presspage h1 { margin: 32px 0 38px 43px; letter-spacing: 0.35em; } #presspage #banner { background: #4D1B13; border-top: 3px solid #4D1B13; } #presspage .overview, #presspage .detail { position: absolute; top: 121px; left: 0; height: 398px; width: 837px; padding: 0; } #presspage .overview #block, #presspage .detail #block { height: 368px; overflow: hidden; padding-bottom: 10px; } #presspage .overview .scroll-pane, #presspage .detail .scroll-pane { width: 720px; overflow: auto; padding: 20px 0 0 43px; } #presspage h2 { display: inline; padding-left: 5px; border-bottom: 1px solid #A63126; color: #A63126; } #presspage form#selectPress, #presspage form#searchPress { overflow: hidden; width: 320px; margin: 10px 0 10px 0; } #presspage form#selectPress a, #presspage form#searchPress a { float: right; display: block; width: 79px; height: 14px; padding: 3px; background: url(/images/bt_small_brown.png) no-repeat; color: #fff; text-align: center; font: 11px/11px Arial, sans-serif; text-decoration: none; } #presspage form#selectPress a:hover, #presspage form#searchPress a:hover { text-decoration: none; } #presspage form#selectPress label, #presspage form#searchPress label { float: left; padding: 3px 0 0; width: 65px; } #presspage form#selectPress span, #presspage form#selectPress input, #presspage form#searchPress span, #presspage form#searchPress input { float: left; width: 160px; } #presspage form#selectPress input, #presspage form#searchPress input { width: 150px; } #presspage .latest { position: absolute; top: 150px; left: 0; height: 317px; } #presspage ul { margin: 10px 0 0 0; list-style: none; } #presspage #textblock .scroll-pane { width: 710px; overflow: auto; padding-left: 50px; } #presspage #block img { float: right; margin: 0 0 14px 14px; } #presspage #textblock li { position: relative; width: 605px; margin-bottom: 10px; padding: 0 0 0 70px; overflow: hidden; } #presspage #textblock li img { float: left; margin-left: -70px; } #presspage .overview h3 { width: 415px; margin: 0 0 5px 0; border-bottom: 1px solid #4D1B13; font-size: 14px; font-weight: bold; line-height: 15px; } #presspage .detail h3 { width: auto; margin: 0 0 5px 0; border-bottom: 1px solid #4D1B13; font-size: 14px; font-weight: bold; line-height: 15px; } #presspage .overview p { width: 415px; } #presspage .detail p { width: auto; } #presspage #textblock .otherLanguages { float: right; width: 170px; margin-left: 10px; background: #eee8e8; } #presspage #textblock .otherLanguages p { width: auto; margin: 0; padding: 0 5px; background: #a73127; color: #fff; line-height: 19px; } #presspage #textblock .otherLanguages ul { margin: 5px 0; } #presspage #textblock .otherLanguages li { width: auto; margin-bottom: 0; padding: 0 0 0 5px; } #presspage #textblock .otherLanguages li a { text-decoration: none; } #presspage #textblock .otherLanguages li a:hover { text-decoration: underline; } /* .pressLink { position: absolute; top: 8px; left: 565px; float: right; display: block; width: 100px; } .pressLink span { float: left; display: block; width: 6px; height: 10px; margin: 2px 5px 0 0; background: url(/images/bt_innovation.png) no-repeat; font-size: 10px; } */ #presspage #intro { font-weight: bold; font-size: 14px; line-height: 16px; } #presspage #downloads { width: 100px; } #presspage #downloads img { float: none; margin: 0; vertical-align: text-bottom; } #presspage .backlink { text-align: right; } #presspage #loginnow, #presspage #registernow, #presspage #register { margin-top: 30px; } #presspage #loginnow p, #presspage #registernow p { width: auto; } #presspage fieldset#keepinformed { float: left; margin: 0 0 0 55px; padding: 0; border: none; } #presspage fieldset#keepinformed legend { display: none; } #presspage fieldset#keepinformed label { font-weight: normal; width: auto; display: inline; float: none; } #presspage .latest .column { float: left; width: 334px; margin-top: 12px; } #presspage .latest .column label { width: 130px; font-weight: normal; } #presspage .latest .column input { width: 175px; } #presspage .latest .column #postalcode { width: 30px; margin-right: 3px; } #presspage .latest .column #town { width: 135px; } #presspage .latest .column select { width: 185px; /*margin: 2px 0;*/ } .latest .column #gender input { width: auto; margin: 0 2px 0 0; } #presspage .jpjp .column label { width: 140px; } #presspage .jpjp .column input { width: 165px; } #presspage .jpjp .column #town { width: 125px; } #presspage .jpjp .column select { width: 175px; } #presspage #registerpresslink { float: left; } #presspage #wachtwoordform #forgotpw p { margin-top: 12px; } #presspage .warning { padding: 5px; background: #F50003; color: #fff; } /* academie page ------------------------------------------------------------------*/ #academiepage { background: #fff url(/images/bg_products.jpg) repeat-x left bottom; } #academiepage h1 { margin: 32px 0 18px 103px; letter-spacing: 0.35em; } #academiepage #logo { position: absolute; top: 10px; left: 30px; } #academieintro { position: relative; background: url(/images/bg_academie_intro.jpg) no-repeat center 50px; } #academiepage #introtext { position: absolute; top: 98px; left: 0; width: 318px; height: 184px; margin: 0 0 0 70px; padding: 5px 0 46px 0; font-size: 11px; } #academieintro #introtext p { margin: 0; } #academieButton { position: absolute; display: block; bottom: 10px; left: 0; width: auto; height: 26px; padding: 0 0 0 10px; background: url(/images/bg_academieButton.png) top left no-repeat; text-decoration: none; cursor: pointer; } #academieButton span { display: block; width: auto; height: 21px; padding: 5px 15px 0 5px; background: url(/images/bg_academieButton_span.png) top right no-repeat; color: #fff; font-size: 12px; } #academieintro #path, #academiecountry #path { margin-left: 103px; } #academieintro #countryList { position: absolute; top: 120px; left: 0; z-index: 10; width: 420px; } #academieintro #countryList ul { float: left; width: 140px; margin: 0; list-style: none; } #academieintro #countryList li a { display: block; width: 135px; height: 25px; padding-top: 2px; background: url(/images/bt_acad_country.png) no-repeat; text-decoration: none; text-transform: uppercase; text-align: center; } #academieintro #countryList li a:hover, #academieintro #countryList li#academieFrance a:hover { background: url(/images/bt_acad_country_hover.png) no-repeat; color: #fff; } #academieintro #countryList li#academieFrance a { background: url(/images/bt_acad_country_france.png) no-repeat; color: #fff; } /* #academieFrance li img { float: left; margin-right: 5px; } #academieFrance { margin-top: 5px; border-right: 1px solid #C26F13; } #academieFrance h2 { margin: 0 0 3px 0; padding: 2px 0 0 10px; background: #C26F13; text-transform: uppercase; } #academieFrance h2 a { color: #fff; } #academieFrance ul { overflow: hidden; margin: 0 0 5px 0; list-style: none; } #academieFrance li { float: left; width: 155px; font-size: 14px; line-height: 16px; } #academieintro #legend { position: absolute; top: 300px; left: 460px; width: 330px; height: 20px; padding-left: 25px; background: url(/images/icon_legend.gif) no-repeat; font: 11px/12px Arial, sans-serif; } #academieintro .chef span { text-transform: uppercase; } #academieintro .cvlink { font: normal 11px/13px Arial, sans-serif; } #academieintro .cvlink span { display: block; float: left; width: 6px; height: 10px; margin: 3px 4px 0 0; background: url(/images/bt_innovation.png) no-repeat; font-size: 8px; } #academieintro h2 a { text-decoration: none; } #academieintro .stagelink { clear: both; display: block; width: 79px; height: 24px; padding: 1px 3px; background: url(/images/bt_big.png) no-repeat; color: #4D1B13; text-align: center; font: 11px/11px Arial, sans-serif; text-decoration: none; } #academieintro #textblock { top: 333px; left: 0; height: 186px; width: 804px; overflow: hidden; padding-left: 33px; } #academieintro #textblock #block { height: 176px; overflow: hidden; padding: 0 0 10px 37px; } #academieintro #block .scroll-pane { width: 600px; overflow: auto; } #academieintro #block div { float: left; width: 180px; } #academieintro #block h2 { width: 120px; margin: 15px 0 5px 0;padding: 1px 0 2px 10px; background: #E3AB3B; text-transform: uppercase; font-size: 11px; line-height: 13px; } #academieintro #block h2 a { color: #fff; } #academieintro #block ul { margin: 0; list-style: none; } #academieintro #block li { margin-bottom: 10px;} */ #academieintro #academiemap { float: right; position: relative; width: 411px; height: 200px; margin: 0; list-style: none; } #academiemap li { position: absolute; } #academieintro #mCanada { top: 33px; left: 80px; } #academieintro #mFrance { top: 36px; left: 180px; } #academieintro #mUK { top: 23px; left: 175px; } #academieintro #mSingapore { top: 101px; left: 319px; } #academieintro #mPoland { top: 30px; left: 198px; } #academieintro #mChina { top: 62px; left: 339px; } #academieintro #mUsa { top: 38px; left: 60px; } #academieintro #mIndia { top: 70px; left: 285px; } #academieintro #mRussia { top: 20px; left: 225px; } #academiemap a { display: block; width: 9px; height: 9px; } #academiemap a:hover { border: none; } #academiemap a span { display: none; } #academiemap a:hover span { position: absolute; display: block; top: -10px; left: 10px; padding: 0 3px; border: 1px solid #431306; background: #FAE9CA; white-space: nowrap; text-decoration: none; } #academiepage .france { background: url(/images/map_france.jpg) no-repeat right top; } #academiepage .belgium { background: url(/images/map_belgium.jpg) no-repeat right top; } #academiepage .canada { background: url(/images/map_canada.jpg) no-repeat right top; } #academiepage .uk { background: url(/images/map_uk.jpg) no-repeat right top; } #academiepage .switzerland { background: url(/images/map_switzerland.jpg) no-repeat right top; } #academiepage .poland { background: url(/images/map_poland.jpg) no-repeat right top; } #academiepage .singapore { background: url(/images/map_singapore.jpg) no-repeat right top; } #academiepage .china { background: url(/images/map_china.jpg) no-repeat right top; } #academiepage .usa { background: url(/images/map_usa.jpg) no-repeat right top; } #academiepage .russia { background: url(/images/map_russia.jpg) no-repeat right top; } #academiepage .india { background: url(/images/map_india.jpg) no-repeat right top; } #academiecountry #academiemap { position: absolute; top: 0; left: 440px; margin: 0; list-style: none; } #academiecountry #mCanada { top: 27px; left: 117px; } #academiecountry #mFrance { top: 30px; left: 214px; } #academiecountry #mUK { top: 17px; left: 209px; } #academiecountry #mSingapore { top: 92px; left: 347px; } #academiecountry #mPoland { top: 24px; left: 230px; } #academiecountry #mSingapore span { left: -60px; } #academiecountry #mChina { top: 56px; left: 367px; } #academiecountry #mChina span { left: -40px; } #academiecountry #mUsa { top: 32px; left: 98px; } #academiecountry #mIndia { top: 62px; left: 312px; } #academiecountry #mRussia { top: 15px; left: 254px; } #academiecountry #path { width: 400px; } #academiecountry h1 { width: 400px; margin-top: 10px; } #academiecountry h1 span { text-transform: uppercase; letter-spacing: 0.45em; } #academiecountry #banner { position: absolute; top: 119px; left: 0; width: 100%; height: 23px; padding: 5px 0 0 0; background: #E09F00; } #academiecountry #banner #name { float: left; width: 270px; margin: 0; padding: 2px 0 0 33px;/*padding: 2px 0 0 103px;*/ color: #fff; font-size: 14px; } #academiecountry #banner #legend { float: right; width: 430px; height: 20px; margin: 0; padding: 2px 0 0 25px; background: url(/images/icon_legend2.gif) no-repeat; font: 11px/12px Arial, sans-serif; } #academiecountry #textblock { position: absolute; top: 147px; left: 0; height: 372px; width: 800px; padding: 0 0 0 33px; } #academiecountry #block { height: 352px; overflow: hidden; padding: 10px 0; } #academiecountry #textblock .scroll-pane { width: 735px; /* width: 680px;padding-left: 70px;*/ } #academiecountry #textblock #intro { clear: left; float: left; width: 350px; } #academiecountry #introimage { float: right; width: 250px; padding-left: 50px; } #academiecountry #introimage div { margin: 0 0 14px 0; } #academiecountry .stagelink { display: block; width: 79px; height: 24px; margin: 0 0 14px 0; padding: 1px 3px; background: url(/images/bt_big.png) no-repeat; font: 11px/24px Arial, sans-serif; color: #4D1B13; text-transform: none; text-decoration: none; text-align: center; } #academiecountry a.stagelink:hover { text-decoration: none; } #academiecountry h2 { border-bottom: 1px solid #4D1B13; font-size: 12px; } #academiecountry .chef { clear: both; padding-left: 115px; } #academiecountry .chef img { float: left; margin: 0 0 14px -115px; } #academiecountry .chef h3 { font-weight: bold; } #academiecountry .chef h3 span { text-transform: uppercase; } #academiecountry .downloads { float: left; width: 33%; } #academiecountry .downloads img { vertical-align: bottom; } #academiecountry table { clear: both; width: 100%; margin-bottom: 14px; } #academiecountry .odd td { background: #fff; } #academiecountry th { background: #CB835C; border-right: 1px solid #4D1B13; color: #fff; } #academiecountry td { background: #FBF3E0; text-align: center; } #academiecountry .title { text-align: left; padding-left: 10px; font-weight: bold; } #academiecountry #detailstage { width: 715px;/*width: 678px;*/ } #academiecountry #detailstage .title { width: 268px; } #academiecountry #flashdiv, #academiecountry #flashdiv2 { float: left; margin: 0 10px 10px 0; } #academiecountry .picture { width: 59px; } #academiecountry .title span { display: block; float: left; height: 13px; width: 55px; margin: 1px 5px 0 0; background: url(/images/bt_small_new.png) no-repeat; font: 10px Arial, sans-serif; font-weight: normal; text-transform: none; text-decoration: none; text-align: center; } #academiecountry .subscribelink a { display: block; width: 55px; height: 13px; margin: 0 auto; background: url(/images/bt_small_new.png) no-repeat; font: 10px Arial, sans-serif; text-align: center; text-decoration: none; } #academiecountry .text table { clear: none; width: auto; } #academiecountry img { margin-bottom: 10px; } img.links { margin-right: 10px; } #academiecountry div.rechts { float: right; width: 485px; } #academiecountry .bestanden a img { margin-bottom: 0; } #academiecountry fieldset, #academiecountry #renseignements { margin-bottom: 10px; padding: 10px; border: 1px solid #4D1B13; } #academiecountry #renseignements p { margin-bottom: 0; } #academiecountry fieldset fieldset { padding: 10px 0; border: none; } #academiecountry fieldset legend { margin: 0 10px; padding: 0 5px; font-weight: bold; color: #4D1B13; } #academiecountry fieldset fieldset legend { margin-left: 0; padding: 0; } #academiecountry fieldset p { margin: 3px 0; } #academiecountry fieldset label { float: left; width: 150px; padding: 2px 10px 0 0; text-align: right; } #academiecountry .textarea label { float: none; text-align: left; } #academiecountry .checkboxes { line-height: 20px; } #academiecountry .checkboxes label { float: none; padding: 2px 0 0 5px; text-align: left; } #academiecountry .checkboxes div { float: left; width: 160px; margin-bottom: 14px; } #academiecountry #registerlink { float: left; display: block; width: 79px; height: 14px; padding: 3px; background: url(/images/bt_small_brown.png) no-repeat; color: #fff; text-align: center; font: 11px/11px Arial, sans-serif; text-decoration: none; } #academiecountry #previous { float: left; display: block; width: 100px; height: 14px; margin-bottom:15px; padding-left: 16px; background: url(/images/bg_previous.gif) no-repeat left 3px; font: 11px/12px Arial, sans-serif; text-align: left; } #academiecountry #next { float: right; display: block; width: 100px; height: 14px; margin-bottom:15px; padding-right: 16px; background: url(/images/bg_next.gif) no-repeat right 3px; font: 11px/12px Arial, sans-serif; text-align: right; } /*#academiecountry #prevnext { text-align: center; }*/ #academiecountry fieldset .verplicht { padding-left: 130px; } #academiecountry .column { float: left; width: 315px; } #academiecountry .column fieldset { padding-right: 0; } #academiecountry .column label { width: 120px; } #academiecountry .column input { width: 165px; } #academiecountry .column select { width: 175px; } #academiecountry fieldset#keepinformed { float: left; margin: 0 0 0 20px; padding: 0; border: none; } #academiecountry fieldset#keepinformed legend { display: none; } #academiecountry fieldset#keepinformed label { font-weight: normal; width: auto; display: inline; float: none; } #academiecountry #registerform .radioButton, #academiecountry #registerform .checkbox { float: none; display: inline; width: auto; height: auto; margin: 0 3px 0 0; } #academiecountry #registerform .inputGroot { width: 130px; } #academiecountry #registerform .inputKlein { float: left; width: 20px; margin: 0 3px 0 2px; } #academiecountry #courseSelect { clear: both; } #academiecountry #courseSelect label { width: 120px; } #academiecountry fieldset#keepinformed { float: left; margin: 0 0 0 55px; padding: 0; border: none; } #academiecountry fieldset#keepinformed legend { display: none; } #academiecountry fieldset#keepinformed label { font-weight: normal; width: auto; display: inline; float: none; } #academiecountry #registerlink { display: block; width: 79px; height: 14px; margin-top: 0; padding: 3px; background: url(/images/bt_small_brown.png) no-repeat; color: #fff; text-align: center; font: 11px/11px Arial, sans-serif; text-decoration: none; } /* about us pages ------------------------------------------------------------------*/ #history #contenttext, #partners #contenttext { float: left; width: 330px; } #history #contentimage { position: relative; top: 0; left: 0; float: right; width: 320px; padding-left: 40px; } #history #contentimage img { margin: 0 0 14px 0; } #normalpage #history .scroll-pane { width: 710px; } #partners .partner { overflow: hidden; margin-bottom: 40px; } #partners .partner img { float: left; margin: 0 15px 15px 0; } #partners .partner div, #partners .partner h2 { float: right; width: 420px; } /* normal page ------------------------------------------------------------------*/ #normalpage .content { background: #fff url(/images/bg_press.jpg) no-repeat right top; } #normalpage h1 { margin: 32px 0 38px 43px; letter-spacing: 0.35em; } #normalpage #banner { border-bottom: 3px solid #8A634A;} #normalpage #textblock, #normalpage #contactblock, #normalpage #contactfaqblock { width: 804px; padding: 0; } #normalpage .scroll-pane { width: 720px; height: 388px; overflow: hidden; padding: 10px 0 0 43px; } #searchresults { margin: 0 0 0 18px; } #searchresults li { margin-bottom: 8px; } #searchresults li a { font-size: 14px; line-height: 16px; font-weight: bold; } #searchresults li p { margin: 0 0 0 14px; } #historiek li { margin-bottom: 8px; } #historiek li p { margin: 0 0 0 14px; } .favLink { font-size: 14px; line-height: 16px; font-weight: bold; } .delete { padding-left: 10px; font-size: 11px; color: #f00; } a.delete:hover { color: #f00; } #contactblock .scroll-pane, #contactfaqblock .scroll-pane { height: 378px; padding-bottom: 10px; } #contactblock .scroll-pane { width: 740px; } #normalpage .departmentFR { height: 383px; } #normalpage .departmentFR #block { height: 378px; } #normalpage .departmentFR .scroll-pane { width: 300px; height: 378px; padding-left: 20px; } #normalpage .departmentFR .subcontact { margin-right: 0; margin-top: 10px; } #normalpage .departmentFR #contactform { margin: 10px 0 0 40px; } #normalpage .departmentFR .thankyou { padding: 10px 0 0 43px; } #contactblock fieldset { margin-bottom: 10px; padding: 10px; border: 1px solid #4D1B13; } .newsletter_germany #contactblock fieldset { margin-bottom: 5px; } #contactblock fieldset legend { margin: 0 10px; padding: 0 5px; font-weight: bold; color: #4D1B13; font-size: 14px; } #contactblock fieldset label { float: left; width: 150px; padding: 2px 10px 0 0; text-align: right; } #contactblock .radio { line-height: 20px; } #contactblock .radio label { float: none; padding-left: 10px; } #contactblock fieldset p { margin: 3px 0; } .newsletter_germany #contactblock fieldset p { margin: 2px 0; } .newsletter_germany #contactblock fieldset p.fitWithColumnDeDe { clear: both; } #contactblock fieldset .verplicht { padding-left: 130px; } #contactblock fieldset textarea { width: 600px; } #contactblock #contactlink, #contactblock #contactlink2, #contactblock #contactlinka, #contactblock #contactlinkb, #contactblock #contactlinkc, #contactblock .contactlinkd, #contactblock #newsletterlink { display: block; width: 79px; height: 14px; padding: 3px; background: url(/images/bt_small_brown.png) no-repeat; color: #fff; text-align: center; font: 11px/11px Arial, sans-serif; text-decoration: none; } #contactblock h2, #contactfaqblock h2 { clear: both; margin: 10px 0; } #contactfaqblock img { float: right; margin: 0 0 10px 10px; } .adresdata p { margin-bottom: 0; } #contactblock .column, .newsletter_germany #contactblock .columnDeDe { float: left; width: 330px; } #contactblock .column fieldset { padding-right: 0; } #contactblock .column label, .newsletter_germany #contactblock .columnDeDe label, .newsletter_germany #contactblock .fitWithColumnDeDe label { width: 120px; } #contactblock .column input, .newsletter_germany #contactblock .columnDeDe input, .newsletter_germany #contactblock .fitWithColumnDeDe input { width: 185px; } #contactblock .column select { width: 195px; } /*.newsletter_germany #contact_title { clear: left; float: none; } .newsletter_germany #contact_title select { width: auto; } .newsletter_germany .half input { width: 150px; }*/ #contactblock #contactlinka, #contactblock #contactlinkb, #contactblock #contactlinkc, #contactblock .contactlinkd { float: right; } #contactblock #contactlink2, #contactblock #newsletterlink { float: left; } #contactblock #contactform .radioButton, #contactblock #contactform .checkbox { float: none; display: inline; width: auto; height: auto; margin: 0 3px 0 0; } #contactblock #contactform .inputGroot { width: 150px; } #contactblock #contactform .inputKlein { float: left; width: 20px; margin: 0 3px 0 2px; } #contactform fieldset#keepinformed, #newsletterform fieldset#keepinformed { float: left; margin: 0 0 0 55px; padding: 0; border: none; } #contactform fieldset#keepinformed legend, #newsletterform fieldset#keepinformed legend { display: none; } #contactform fieldset#keepinformed label, #newsletterform fieldset#keepinformed label { font-weight: normal; width: auto; display: inline; float: none; } #unsubscribe #wrapper { border-bottom: none; } #unsubscribe #normalpage h1 { margin-bottom: 61px; } #maincontact { } #maincontact h2 { clear: none; } #maincontact a { text-decoration: underline; } .subcontact { float: left; width: 300px; margin: 5px 15px 7px 0; } .subcontact p { margin-bottom: 0; } #contactblock .subcontact h2 { margin: 0 0 10px 0; border-bottom: 1px solid #4D1B13; } .subcontact h3 { margin: 0; font-weight: bold; } .headoffice { float: right; margin-top: 5px; text-decoration: underline; } #landkeuzeform { float: right; margin: 35px 50px 0 0; } #mapimg { float: left; margin: 10px 0 0 43px; } #block #mapimg { margin: 0 10px 0 0; } #mapFrance { float: left; width: 410px; } /*.mapbase { background: url(/images/map_france_static.gif) no-repeat 0 0; } .nordest, .nordest2 { background: url(/images/map_france.png) no-repeat 0 -375px; } .nordouest { background: url(/images/map_france.png) no-repeat -395px -375px; } .sudouest { background: url(/images/map_france.png) no-repeat -395px 0; } .sudest, .sudest2 { background: url(/images/map_france.png) no-repeat -790px 0; }*/ #headOffice { float: left; width: 240px; margin-top: 30px; padding-left: 10px; font-size: 12px; line-height: 15px; } #headOffice h2 { border-bottom: 1px solid #4D1B13; } #headOffice p { margin-bottom: 0; } #makeSelection { margin-top: 30px; font-size: 13px; line-height: 16px; font-weight: bold; } .sitemap { float: left; width: 320px; margin-right: 5px; } .sitemap h2 { width: 300px; padding: 3px 0 3px 10px; background: #D5B595; color: #fff; } .sitemap h2 a { color: #fff; text-transform: capitalize; } .sitemap ul { margin-left: 10px; list-style: none; } .sitemap li { padding-left: 13px; background: url(/images/bg_sitemap_listitem.png) no-repeat left 4px; font-size: 14px; line-height: 18px; } .sitemap ul ul { margin-left: 0; margin-top: 0; } .sitemap li li { padding-left: 8px; background: url(/images/bg_sitemap_sublistitem.png) no-repeat left 8px; font-size: 12px; } /* contest page ------------------------------------------------------------------*/ #contest form { margin-bottom: 40px; } #contest h1 span { letter-spacing: 0.1em; font-size: 16px; } #contest #contentText, #contest fieldset { margin: 10px 0; padding: 15px; border: 1px solid #4D1B13; } #contest legend { padding: 0 10px; color: #4D1B13; font-weight: bold; font-size: 13px; } #contest fieldset img { float: right; margin: 0 0 10px 10px; } #contest ol { margin-left: 20px; } #contest li { margin-bottom: 10px; font-weight: bold; } #contest li input, #contest li label, #contest li select { font-weight: normal; } #contest li p { margin-bottom: 5px; } #contest li label { margin: 0 15px 0 5px; } #contest .colomn { float: left; width: 320px; } #contest .colomn div { height: 30px; } #contest .colomn label { float: left; width: 110px; margin-right: 5px; padding-top: 4px; text-align: right; } #contest .colomn input { width: 150px; } #contest .colomn #postalcode { width: 30px; } #contest .colomn #town { width: 105px; } #contest h2 { border-bottom: 1px solid #4D1B13; font-size: 12px; } #contest #contestlink { float: left; display: block; width: 79px; height: 14px; padding: 3px; background: url(/images/bt_small_brown.png) no-repeat; color: #fff; text-align: center; font: 11px/11px Arial, sans-serif; text-decoration: none; } #contest #back { float: left; display: block; width: 79px; height: 14px; padding: 3px; background: url(/images/bt_small_brown.png) no-repeat; color: #fff; text-align: center; font: 11px/11px Arial, sans-serif; text-decoration: none; } #contest fieldset#keepinformed { float: left; margin: 0 0 0 55px; padding: 0; border: none; } #contest fieldset#keepinformed legend { display: none; } #contest fieldset#keepinformed label { font-weight: normal; width: auto; display: inline; float: none; } #contest .warning { padding: 5px; background: #F50003; color: #fff; } #contest #contestForm fieldset#keepinformed { float: none; margin: 0 0 10px; padding: 0; border: none; } /* stars page ------------------------------------------------------------------*/ /* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 18, 2011 09:36:57 AM America/New_York */ @font-face { font-family: 'CuprumFFURegular'; src: url('fonts/Cuprum-webfont.eot'); src: url('fonts/Cuprum-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Cuprum-webfont.woff') format('woff'), url('fonts/Cuprum-webfont.ttf') format('truetype'), url('fonts/Cuprum-webfont.svg#CuprumFFURegular') format('svg'); font-weight: normal; font-style: normal; } #stars_content_container { float: left; width: 350px; height: 398px; padding-left: 21px; } #stars_content_container h1 { margin: 20px 0 10px 0; font-family: 'CuprumFFURegular'; font-size: 30px; line-height: 34px; font-weight: normal; letter-spacing: normal; } #starspage .scroll-pane { height: 335px;/*height: 350px;*/ overflow: hidden; padding: 10px 0 0 0;/*padding: 10px 0 0 43px;*/ width: 340px; } #stars_progressbar_container { position: relative; width: 837px; height: 121px; background: #180906; } .progressArrow { position: absolute; display: block; z-index: 10; top: 6px; width: 52px; height: 114px; } .progressArrowLeft { left: 25px; background: url(../images/progressArrowLeft.png) no-repeat; } .progressArrowLeft:hover { background: url(../images/progressArrowLeft_ho.png) no-repeat; } .progressArrowRight { right: 25px; background: url(../images/progressArrowRight.png) no-repeat; } .progressArrowRight:hover { background: url(../images/progressArrowRight_ho.png) no-repeat; } #stars_progressbar_window { position: absolute; z-index: 1; overflow: hidden; top:15px; left: 58px; width: 720px; height: 100px; } #stars_progressbar { position: absolute; } #stars_progressbar img { z-index: 2; } #stars_progressbar span { position: absolute; z-index: 3; display: block; } #main_bar_notice { top: 10px; left: 30px; color: #fff; } #main_bar_chocolate_academy { top: 10px; left: 225px; color: #4D1B13; } #main_bar_ecole_lenotre { top: 10px; left: 585px; color: #fff; } .progress_bar_day { top: 42px; color: #fff; } .progress_bar_stars { top: 85px; color: #ae9a63; } #chocolate_academy_1_day, #progress_1350 { left: 185px; } #chocolate_academy_2_days, #progress_3000 { left: 398px; } #ecole_lenotre_2_days, #progress_3800 { left: 544px; } #ecole_lenotre_3_days, #progress_5800 { left: 709px; } #ecole_lenotre_4_days, #progress_7500 { left: 868px; } #ecole_lenotre_5_days, #progress_8400 { left: 1007px; } #stars_progressbar_arrow { position: absolute; top: 62px; left: 0; height: 16px; padding-right: 20px; background: url(../images/bg_progressbar_progress.png) top right no-repeat; color: #fff; line-height: 16px; text-align: right; } #stars_side_image_container { position: relative; float: left; width: 416px; } #stars_side_image_content { position: absolute; bottom: 0; right: 0; width: 240px; padding: 10px; background: url(../images/bg_stars_side_image_text.png) repeat; color: #501b11; border-top: 1px solid #fff; border-left: 1px solid #fff; font-size: 14px; } #stars_logged_in { text-align: center; } .stars_side_image_text .linksSeparator { padding: 0 20px; } #stars_side_image_intro { clear: both; font-family: 'CuprumFFURegular'; font-size: 18px; line-height: 22px; } #stars_side_image_stars_total { font-family: 'CuprumFFURegular'; } .stars_total { font-size: 75px; line-height: 75px; } .stars_text { display: inline-block; padding: 40px 4px 0 4px; background: url(../images/bg_star.png) 50% 0 no-repeat; } #stars_not_logged_in #stars_side_image_title { margin-bottom: 15px; font-family: 'CuprumFFURegular'; font-size: 30px; line-height: 36px; } #stars_not_logged_in #stars_side_image_intro { margin-bottom: 15px; font-size: 20px; line-height: 24px; } #stars_side_image_notices { margin: 0 0 10px 0; font-family: 'CuprumFFURegular'; font-size: 16px; line-height: 18px; list-style-type: none; } #stars_side_image_notices li { padding-bottom: 10px; } #stars_side_image_notices li p { margin: 0; } #stars_logout_link { position: absolute; bottom: 20px; left: 20px; font-size: 11px; } #stars_share { clear: both; float: right; width: 50px; height: 20px; /*margin-top: 10px;*/ background: url(../images/icon_share.png) no-repeat; } #stars_content_container form div { padding-bottom: 3px; } #stars_content_container label { float: left; width: 120px; font-size: 13px; line-height: 17px;} #stars_content_container input { width: 215px; height: 12px; } #stars_content_container input.submitBtn { width: 85px; height: 20px; margin-left: 120px; background: url(../images/bt_small_brown.png) no-repeat; border: none; color: #fff; cursor: pointer; } .register_keep_informed { padding-left: 120px; } #stars_content_container .register_keep_informed input { width: auto; } #stars_content_container .register_keep_informed label { float: none; display: inline; } #register_message { width: 225px; } #starspage table { margin-bottom: 10px; } #starspage th, #starspage td { padding: 2px 10px 2px 5px; border: 1px solid #501b11; } #starspage th { background: #501b11; color: #ab8911; } .stars_error { margin-bottom: 5px; padding: 2px; background: red; color: #fff; text-align: center; } /* =================== CMS Preview =================== */ #CMSpreviewBar { position: absolute; top: 0; left: 0; width: 100%; height: 20px; background: red; color: #fff; text-align: center; } #CMSpreviewBar a { color: #fff; }