body { font: 11px/14px Verdana, Arial, sans-serif; color: #3C1D15; } * { margin: 0; padding: 0; } img { border: 0; } td,th, input, select, textarea { font: 11px/14px Verdana, Arial, sans-serif; } p { margin: 0 0 15px 0; } a { color: #3C1D15; } a:hover { color: #EE6701; } h1 { margin: 0 0 0 30px; font-size: 30px; font-weight: normal; line-height: 30px; } h2 { margin: 0 0 0 15px; font-size: 22px; font-weight: normal; line-height: 22px; } h3 { font-size: 12px; font-style: italic; color: #EE6701; } h4 { font-size: 14px; } sup { font-size: 0.8em; vertical-align: baseline; position: relative; bottom: 0.33em; } .clear { clear: both; height: 0; line-height: 0px; overflow: hidden; } .warning { color: red; font-weight: bold; } .required { margin-left: 155px; } .pdf { display: block; background: url(/images/icon_pdf.gif) no-repeat; padding: 1px 0 2px 23px; } #wrapper { width: 1000px; } #latestNews #contentWrapper { background: url(/images/bg_leftnav.jpg) no-repeat; } #latestNews .horeca_belgium #contentWrapper { background: url(/images/bg_leftnav_horeca.jpg) no-repeat; } label { width: 150px; display: block; float: left; text-align: right; padding: 2px 5px 0 0; } input, select, textarea { margin: 0 0 2px 0; width: 393px; } select { width: auto; } input.checkbox, input.radio { width: auto; } .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 */ /* ------------------- LANGUAGE-PAGE ------------------ */ #lang #box { background: url(/images/bg_home.png) no-repeat; width: 652px; height: 380px; margin-top: -180px; margin-left: -326px; position: absolute; top: 50%; left: 50%; } #lang #boxTV { background: url(/images/bg_home_tv2.jpg) no-repeat; width: 757px; height: 467px; margin-top: -230px; margin-left: -377px; position: absolute; top: 50%; left: 50%; } #lang img.sfeer { float: left; margin: 5px 0 0 4px; } #lang img.material { position: absolute; bottom: 0; right: 0; z-index: 0; } #lang img.logo { display: block; margin: 0 auto 5px; } #lang h1 { font-size: 13px; text-align: center; margin: 5px 0 25px 0; line-height: 16px; } #lang #content { width: 405px; height: 334px; /*margin-top: 50px;*/ background: none; padding: 40px 0 0 0; position: relative; } #lang #boxTV #content { margin-left: 300px; } #lang #select { position: absolute; left: 100px; top: 132px; z-index: 5; } #lang #boxTV #select { top: 100px; } #lang select { float: left; clear: left; margin: 0 5px 5px 0; } #lang a.langButton { float: left; } #lang a.langButton { width: 66px; height: 19px; background: url(/images/bt_lang_go.gif) no-repeat; color: #000; text-align: center; line-height: 19px; text-decoration: none; font-weight: bold; } /* ------------------- HOMEPAGE ----------------------- */ #home { margin: 20px 0 0 19px; min-height: 570px; } #home a.light, #home a.dark { position: relative; width: 155px; height: 286px; padding:10px 15px 15px 13px; float: left; margin: 0 8px 20px 0; text-decoration: none; display: block; } #home a.light span.linkConfec, #home a.dark span.linkConfec, #home a.light span.linkConfecHover, #home a.dark span.linkConfecHover, #home a.light span.linkDesserts, #home a.dark span.linkDesserts, #home a.light span.linkDessertsHover, #home a.dark span.linkDessertsHover, #home a.light span.linkPastry, #home a.dark span.linkPastry, #home a.light span.linkPastryHover, #home a.dark span.linkPastryHover { cursor: pointer; text-indent: -9999px; text-align: center; text-decoration: none; position: absolute; bottom: 0; left: 0; display: block; width: 183px; height: 73px; background: url(/images/bg_home_target.gif) no-repeat; } #home a span span { display: block; color: #FFF; font-size: 20px; line-height: 21px; letter-spacing: -1px; } .nl #home a.light span.linkConfec, .nl #home a.dark span.linkConfec { background: url(/images/btn_home_confec_nl.gif) no-repeat; } .it #home a.light span.linkConfec, .it #home a.dark span.linkConfec { background: url(/images/btn_home_confec_it.gif) no-repeat; } .fr #home a.light span.linkConfec, .fr #home a.dark span.linkConfec { background: url(/images/btn_home_confec_fr.gif) no-repeat; } .es #home a.light span.linkConfec, .es #home a.dark span.linkConfec { background: url(/images/btn_home_confec_es.gif) no-repeat; } .en #home a.light span.linkConfec, .en #home a.dark span.linkConfec { background: url(/images/btn_home_confec_en.gif) no-repeat; } .de #home a.light span.linkConfec, .de #home a.dark span.linkConfec { background: url(/images/btn_home_confec_de.gif) no-repeat; } .cn #home a.light span.linkConfec, .cn #home a.dark span.linkConfec { background: url(/images/btn_home_confec_en.gif) no-repeat; } .jp #home a.light span.linkConfec, .jp #home a.dark span.linkConfec { background: url(/images/btn_home_confec_jp.gif) no-repeat; } .nl #home a.light span:hover.linkConfec, .nl #home a.dark span:hover.linkConfec, .nl #home a.light span.linkConfecHover, .nl #home a.dark span.linkConfecHover { background: url(/images/btn_home_confec_over_nl.gif) no-repeat; } .it #home a.light span:hover.linkConfec, .it #home a.dark span:hover.linkConfec, .it #home a.light span.linkConfecHover, .it #home a.dark span.linkConfecHover { background: url(/images/btn_home_confec_over_it.gif) no-repeat; } .fr #home a.light span:hover.linkConfec, .fr #home a.dark span:hover.linkConfec, .fr #home a.light span.linkConfecHover, .fr #home a.dark span.linkConfecHover { background: url(/images/btn_home_confec_over_fr.gif) no-repeat; } .es #home a.light span:hover.linkConfec, .es #home a.dark span:hover.linkConfec, .es #home a.light span.linkConfecHover, .es #home a.dark span.linkConfecHover { background: url(/images/btn_home_confec_over_es.gif) no-repeat; } .en #home a.light span:hover.linkConfec, .en #home a.dark span:hover.linkConfec, .en #home a.light span.linkConfecHover, .en #home a.dark span.linkConfecHover { background: url(/images/btn_home_confec_over_en.gif) no-repeat; } .de #home a.light span:hover.linkConfec, .de #home a.dark span:hover.linkConfec, .de #home a.light span.linkConfecHover, .de #home a.dark span.linkConfecHover { background: url(/images/btn_home_confec_over_de.gif) no-repeat; } .cn #home a.light span:hover.linkConfec, .cn #home a.dark span:hover.linkConfec, .cn #home a.light span.linkConfecHover, .cn #home a.dark span.linkConfecHover { background: url(/images/btn_home_confec_over_en.gif) no-repeat; } .jp #home a.light span:hover.linkConfec, .jp #home a.dark span:hover.linkConfec, .jp #home a.light span.linkConfecHover, .jp #home a.dark span.linkConfecHover { background: url(/images/btn_home_confec_over_jp.gif) no-repeat; } .nl #home a.light span.linkDesserts, .nl #home a.dark span.linkDesserts { background: url(/images/btn_home_desserts_nl.gif) no-repeat; } .it #home a.light span.linkDesserts, .it #home a.dark span.linkDesserts { background: url(/images/btn_home_desserts_it.gif) no-repeat; } .fr #home a.light span.linkDesserts, .fr #home a.dark span.linkDesserts { background: url(/images/btn_home_desserts_fr.gif) no-repeat; } .es #home a.light span.linkDesserts, .es #home a.dark span.linkDesserts { background: url(/images/btn_home_desserts_es.gif) no-repeat; } .en #home a.light span.linkDesserts, .en #home a.dark span.linkDesserts { background: url(/images/btn_home_desserts_en.gif) no-repeat; } .de #home a.light span.linkDesserts, .de #home a.dark span.linkDesserts { background: url(/images/btn_home_desserts_de.gif) no-repeat; } .cn #home a.light span.linkDesserts, .cn #home a.dark span.linkDesserts { background: url(/images/btn_home_desserts_en.gif) no-repeat; } .jp #home a.light span.linkDesserts, .jp #home a.dark span.linkDesserts { background: url(/images/btn_home_desserts_jp.gif) no-repeat; } .nl #home a.light span:hover.linkDesserts, .nl #home a.dark span:hover.linkDesserts, .nl #home a.light span.linkDessertsHover, .nl #home a.dark span.linkDessertsHover { background: url(/images/btn_home_desserts_over_nl.gif) no-repeat; } .it #home a.light span:hover.linkDesserts, .it #home a.dark span:hover.linkDesserts, .it #home a.light span.linkDessertsHover, .it #home a.dark span.linkDessertsHover { background: url(/images/btn_home_desserts_over_it.gif) no-repeat; } .fr #home a.light span:hover.linkDesserts, .fr #home a.dark span:hover.linkDesserts, .fr #home a.light span.linkDessertsHover, .fr #home a.dark span.linkDessertsHover { background: url(/images/btn_home_desserts_over_fr.gif) no-repeat; } .es #home a.light span:hover.linkDesserts, .es #home a.dark span:hover.linkDesserts, .es #home a.light span.linkDessertsHover, .es #home a.dark span.linkDessertsHover { background: url(/images/btn_home_desserts_over_es.gif) no-repeat; } .en #home a.light span:hover.linkDesserts, .en #home a.dark span:hover.linkDesserts, .en #home a.light span.linkDessertsHover, .en #home a.dark span.linkDessertsHover { background: url(/images/btn_home_desserts_over_en.gif) no-repeat; } .de #home a.light span:hover.linkDesserts, .de #home a.dark span:hover.linkDesserts, .de #home a.light span.linkDessertsHover, .de #home a.dark span.linkDessertsHover { background: url(/images/btn_home_desserts_over_de.gif) no-repeat; } .cn #home a.light span:hover.linkDesserts, .cn #home a.dark span:hover.linkDesserts, .cn #home a.light span.linkDessertsHover, .cn #home a.dark span.linkDessertsHover { background: url(/images/btn_home_desserts_over_cn.gif) no-repeat; } .jp #home a.light span:hover.linkDesserts, .jp #home a.dark span:hover.linkDesserts, .jp #home a.light span.linkDessertsHover, .jp #home a.dark span.linkDessertsHover { background: url(/images/btn_home_desserts_over_jp.gif) no-repeat; } .nl #home a.light span.linkPastry, .nl #home a.dark span.linkPastry { background: url(/images/btn_home_pastry_nl.gif) no-repeat; } .it #home a.light span.linkPastry, .it #home a.dark span.linkPastry { background: url(/images/btn_home_pastry_it.gif) no-repeat; } .fr #home a.light span.linkPastry, .fr #home a.dark span.linkPastry { background: url(/images/btn_home_pastry_fr.gif) no-repeat; } .es #home a.light span.linkPastry, .es #home a.dark span.linkPastry { background: url(/images/btn_home_pastry_es.gif) no-repeat; } .en #home a.light span.linkPastry, .en #home a.dark span.linkPastry { background: url(/images/btn_home_pastry_en.gif) no-repeat; } .de #home a.light span.linkPastry, .de #home a.dark span.linkPastry { background: url(/images/btn_home_pastry_de.gif) no-repeat; } .cn #home a.light span.linkPastry, .cn #home a.dark span.linkPastry { background: url(/images/btn_home_pastry_en.gif) no-repeat; } .jp #home a.light span.linkPastry, .jp #home a.dark span.linkPastry { background: url(/images/btn_home_pastry_jp.gif) no-repeat; } .nl #home a.light span:hover.linkPastry, .nl #home a.dark span:hover.linkPastry, .nl #home a.light span.linkPastryHover, .nl #home a.dark span.linkPastryHover { background: url(/images/btn_home_pastry_over_nl.gif) no-repeat; } .it #home a.light span:hover.linkPastry, .it #home a.dark span:hover.linkPastry, .it #home a.light span.linkPastryHover, .it #home a.dark span.linkPastryHover { background: url(/images/btn_home_pastry_over_it.gif) no-repeat; } .fr #home a.light span:hover.linkPastry, .fr #home a.dark span:hover.linkPastry, .fr #home a.light span.linkPastryHover, .fr #home a.dark span.linkPastryHover { background: url(/images/btn_home_pastry_over_fr.gif) no-repeat; } .es #home a.light span:hover.linkPastry, .es #home a.dark span:hover.linkPastry, .es #home a.light span.linkPastryHover, .es #home a.dark span.linkPastryHover { background: url(/images/btn_home_pastry_over_es.gif) no-repeat; } .en #home a.light span:hover.linkPastry, .en #home a.dark span:hover.linkPastry, .en #home a.light span.linkPastryHover, .en #home a.dark span.linkPastryHover { background: url(/images/btn_home_pastry_over_en.gif) no-repeat; } .de #home a.light span:hover.linkPastry, .de #home a.dark span:hover.linkPastry, .de #home a.light span.linkPastryHover, .de #home a.dark span.linkPastryHover { background: url(/images/btn_home_pastry_over_de.gif) no-repeat; } .cn #home a.light span:hover.linkPastry, .cn #home a.dark span:hover.linkPastry, .cn #home a.light span.linkPastryHover, .cn #home a.dark span.linkPastryHover { background: url(/images/btn_home_pastry_over_en.gif) no-repeat; } .jp #home a.light span:hover.linkPastry, .jp #home a.dark span:hover.linkPastry, .jp #home a.light span.linkPastryHover, .jp #home a.dark span.linkPastryHover { background: url(/images/btn_home_pastry_over_jp.gif) no-repeat; } #home span.title { font-size: 30px; line-height: 30px; margin: 0 0 5px 0; letter-spacing: -1px; padding: 0 0 3px 0; display: block; } .jp #home span.title { font-size: 21px; line-height: 22px; } #home span.subline { font-size: 12px; padding: 0 0 0 2px; } #home div.text { width: 560px; } #home .light { color: #FBF2D9; } #home .dark { color: #3C1D15; } #home h2 { font: 32px/34px Arial, sans-serif; margin: 0 15px 20px 0; text-align: left; padding: 0; } #banner { text-align: left; padding: 30px 15px 15px 15px; width: 170px; height: 555px; overflow: hidden; } #banner h1 { margin: 0 0 10px 0; font-size: 28px; line-height: 30px; } #banner h1 strong { font-weight: bold; color:#F29400; } #banner p { font-size: 12px; padding: 0 0 0 2px; } #home #banner1 { margin: 0 0 20px 0; } /* ---------------------- HEADER --------------------- */ #header { height: 161px; background: url(/images/bg_header.gif) no-repeat; position: relative; } .horeca_belgium #header { background: url(/images/bg_header_horeca.gif) no-repeat; } #header a { text-decoration: none; } #header #logo { display: inline; float: left; margin: 28px 0 0 93px; } #header #segment { float: right; } #companyLinks { float: left; width: 188px; height: 24px; padding: 6px 0 0 12px; } #segmentNav { float: left; width: 584px; height: 24px; padding: 6px 0 0 16px; } #segmentNav ul { margin: 0; list-style: none; } #segmentNav li { float: left; margin-right: 8px; } #segmentNav li a { margin-right: 4px; font-size: 14px; } #segmentNav li a:hover, #segmentNav li.active a { color: #ee6701; } #preferences { width: 190px; float: right; height: 24px; padding: 6px 0 0 0; } #preferences a { text-decoration: underline; } #preferences select { float: left; } /*#preferences #languages { width: 190px; float: right; list-style: none; } #preferences #languages li { float: left; padding: 0 5px; border-right: 1px solid #3C1D15; text-transform: capitalize; } #preferences #languages li.last { border-right: none; } #preferences #languages li a { text-transform: capitalize; text-decoration: none; }*/ #taalLink { float: right; width: 188px; padding: 6px 0 0 12px; } #taalkeuze { position: absolute; top: 30px; right: 0; z-index: 10; background: #FFFEF6; border: 1px solid #7E7467; padding: 10px 10px 3px 10px; visibility: hidden; } #taalkeuze select { float: left; margin: 0 6px 5px 0; } #taalkeuze select#branch { clear: left; } #taalkeuze #linkgoWrp { float: left; height: 22px; } #taalkeuze #linkgoWrp a { line-height: 25px; } #closeTaalkeuze { clear: both; display: block; font-size: 10px; text-align: center; color: #B3AB99; } #closeTaalkeuze:hover { color: #3C1D15; } #top { position: relative; clear: both; overflow: hidden; height: 131px; background: #FEF5DC; } #top a { display: block; } #top #logo { position: absolute; top: 28px; left: 93px; float: none; margin: 0; } #top img { display: block; } /* ---------------------- SECTIONNAVIGATION --------------------- */ #sectionNavigation div { float: left; height: 32px; } div#targets { width: 200px; background: url(/images/bg_tabs.gif) repeat-x; position: relative; } .horeca_belgium div#targets { background: url(/images/bg_tabs_grey.gif) repeat-x; } div#targets ul { list-style-type: none; margin: 0; padding: 0; } .nl div#targets li#select { background: url(/images/tab_select_nl.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .it div#targets li#select { background: url(/images/tab_select_it.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .fr div#targets li#select { background: url(/images/tab_select_fr.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .es div#targets li#select { background: url(/images/tab_select_es.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .en div#targets li#select { background: url(/images/tab_select_en.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .de div#targets li#select { background: url(/images/tab_select_de.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .cn div#targets li#select { background: url(/images/tab_select_en.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .jp div#targets li#select { background: url(/images/tab_select_jp.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .nl div#targets li#confect { background: url(/images/tab_confect_nl.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .it div#targets li#confect { background: url(/images/tab_confect_it.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .fr div#targets li#confect { background: url(/images/tab_confect_fr.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .es div#targets li#confect { background: url(/images/tab_confect_es.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .en div#targets li#confect { background: url(/images/tab_confect_en.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .de div#targets li#confect { background: url(/images/tab_confect_de.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .cn div#targets li#confect { background: url(/images/tab_confect_en.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .jp div#targets li#confect { background: url(/images/tab_confect_jp.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .nl div#targets li#desserts { background: url(/images/tab_desserts_nl.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .it div#targets li#desserts { background: url(/images/tab_desserts_it.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .fr div#targets li#desserts { background: url(/images/tab_desserts_fr.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .es div#targets li#desserts { background: url(/images/tab_desserts_es.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .en div#targets li#desserts { background: url(/images/tab_desserts_en.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .de div#targets li#desserts { background: url(/images/tab_desserts_de.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .cn div#targets li#desserts { background: url(/images/tab_desserts_en.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .jp div#targets li#desserts { background: url(/images/tab_desserts_jp.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .nl div#targets li#pastrybakery { background: url(/images/tab_pastrybakery_nl.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .it div#targets li#pastrybakery { background: url(/images/tab_pastrybakery_it.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .fr div#targets li#pastrybakery { background: url(/images/tab_pastrybakery_fr.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .es div#targets li#pastrybakery { background: url(/images/tab_pastrybakery_es.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .en div#targets li#pastrybakery { background: url(/images/tab_pastrybakery_en.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .de div#targets li#pastrybakery { background: url(/images/tab_pastrybakery_de.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .cn div#targets li#pastrybakery { background: url(/images/tab_pastrybakery_en.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } .jp div#targets li#pastrybakery { background: url(/images/tab_pastrybakery_jp.gif) no-repeat; text-indent: -9999px; display: block; height: 32px; } div#targets li ul { background: #FABD43; border: 1px solid #BFBFBF; border-top: 0px; width: 165px; position: absolute; top: 32px; left: -600px; z-index: 10; } div#targets li:hover ul, div#targets li.sfhover ul { left: 6px; } div#targets ul ul li { margin: 2px; text-indent: 0; } div#targets ul ul li a { display: block; width: 155px; padding: 4px 3px; color: #000; text-transform: uppercase; font-size: 10px; text-decoration: none; } div#targets ul ul li a:hover { background: #FEEBC7; } /*div#targets a.horeca { background: url(/images/target_horeca_off.gif) no-repeat top right; z-index: 2; } div#targets a.pastry { background: url(/images/target_pastry_off.gif) no-repeat top right; left: 66px; z-index: 1; } div#targets a.confectionery { background: url(/images/target_confectionery_off.gif) no-repeat top right; left: 132px; z-index: 0; } div#targets a:hover.horeca { background: url(/images/target_horeca_on.gif) no-repeat top right; width: 115px; } div#targets a:hover.pastry { background: url(/images/target_pastry_on.gif) no-repeat top right; width: 100px; } div#targets a:hover.confectionery { background: url(/images/target_confectionery_on.gif) no-repeat top right; left: 108px; width: 90px; } div#targets #Horeca a.horeca { background: url(/images/target_horeca_on.gif) no-repeat top right; width: 115px; } div#targets #Horeca a.pastry { background: url(/images/target_pastry_off.gif) no-repeat top right; left: 90px; } div#targets #Horeca a:hover.pastry { background: url(/images/target_pastry_on.gif) no-repeat top right; } div#targets #Horeca a.confectionery { background: url(/images/target_confectionery_off.gif) no-repeat top right; } div#targets #Horeca a:hover.confectionery { background: url(/images/target_confectionery_on.gif) no-repeat top right; } div#targets #Pastry a.horeca { background: url(/images/target_horeca_off.gif) no-repeat top right; } div#targets #Pastry a:hover.horeca { background: url(/images/target_horeca_on.gif) no-repeat top right; } div#targets #Pastry a.pastry { background: url(/images/target_pastry_on.gif) no-repeat top right; width: 100px; } div#targets #Pastry a.confectionery { background: url(/images/target_confectionery_off.gif) no-repeat top right; } div#targets #Pastry a:hover.confectionery { background: url(/images/target_confectionery_on.gif) no-repeat top right; } div#targets #Confectionery a.horeca { background: url(/images/target_horeca_off.gif) no-repeat top right; left: -10px; } div#targets #Confectionery a:hover.horeca { background: url(/images/target_horeca_on.gif) no-repeat top right; width: 125px; } div#targets #Confectionery a.pastry { background: url(/images/target_pastry_off.gif) no-repeat top right; left: 45px; } div#targets #Confectionery a:hover.pastry { background: url(/images/target_pastry_on.gif) no-repeat top right; left: 55px; } div#targets #Confectionery a.confectionery { background: url(/images/target_confectionery_on.gif) no-repeat top right; left: 108px; width: 90px; }*/ div#tabs { width: 600px; background: url(/images/bg_tabs.gif) repeat-x; } .horeca_belgium div#tabs { background: url(/images/bg_tabs_grey.gif) repeat-x; } div#tabs ul { list-style-type: none; margin: 4px 0 0 0; width: 520px; position: relative; z-index: 10; } div#tabs li { display: inline; } .nl div#tabs a { display: block; float:left; background: url(/images/tab_navigation_nl.png) no-repeat; height: 28px; text-indent: -9999px; } .it div#tabs a { display: block; float:left; background: url(/images/tab_navigation_it.png) no-repeat; height: 28px; text-indent: -9999px; } .fr div#tabs a { display: block; float:left; background: url(/images/tab_navigation_fr.png) no-repeat; height: 28px; text-indent: -9999px; } .es div#tabs a { display: block; float:left; background: url(/images/tab_navigation_es.png) no-repeat; height: 28px; text-indent: -9999px; } .en div#tabs a { display: block; float:left; background: url(/images/tab_navigation_en.png) no-repeat; height: 28px; text-indent: -9999px; } .de div#tabs a { display: block; float:left; background: url(/images/tab_navigation_de.png) no-repeat; height: 28px; text-indent: -9999px; } .cn div#tabs a { display: block; float:left; background: url(/images/tab_navigation_en.png) no-repeat; height: 28px; text-indent: -9999px; } .jp div#tabs a { display: block; float:left; background: url(/images/tab_navigation_jp.png) no-repeat; height: 28px; text-indent: -9999px; } div#tabs li#latestnewsTab a { width: 176px; } div#tabs li#productsTab a { width: 154px; } div#tabs li#recipesTab a { width: 160px; } div#tabs li#latestnewsTab a { background-position: 0px -112px; } div#tabs li#latestnewsTab a:hover { background-position: 0px 0px; } body#latestNews div#tabs li#latestnewsTab a { background-position: 0px 0px; } div#tabs li#productsTab a { background-position: -176px 0px; } div#tabs li#productsTab a:hover { background-position: -156px -28px; width: 174px; margin-left: -20px; } body#Products div#tabs li#productsTab a { background-position: -156px -56px; width: 174px; margin-left: -20px; } body#Products div#tabs li#latestnewsTab a:hover { background-position: 0px -28px; overflow: auto; position: relative; } body#Products div#tabs li#recipesTab a:hover { background-position: -310px -84px; width: 180px; margin-left: -20px; } div#tabs li#recipesTab a { background-position: -330px 0px; } div#tabs li#recipesTab a:hover { background-position: -310px -112px; width: 180px; margin-left: -20px; } body#Recipes div#tabs li#recipesTab a { background-position: -310px -112px; width: 180px; margin-left: -20px; } body#Recipes div#tabs li#productsTab a:hover, body#Other div#tabs li#productsTab a:hover { background-position: -156px -84px; width: 174px; margin-left: -20px; overflow: auto; } body#Other div#tabs li#productsTab a:hover { background-position: -156px -56px; } /* ---- hover dropnav ---- */ div#tabs li ul { width:150px; padding: 5px; position: absolute; height: auto; left: -9000px; top: 24px; background: url(/images/bg_dropnav.gif) repeat-x top left #ABA496; z-index: 10; border-bottom: 1px solid #BFBFBF; border-right: 1px solid #BFBFBF; border-left: 1px solid #BFBFBF; } div#tabs li:hover ul, div#tabs li.sfhover ul { left: 10px; } div#tabs li:hover#productsTab ul, div#tabs li.sfhover#productsTab ul { left: 176px; } div#tabs li:hover#recipesTab ul, div#tabs li.sfhover#recipesTab ul { left: 335px; } div#tabs li li { float: none; } .nl div#tabs li li a, .it div#tabs li li a, .fr div#tabs li li a, .es div#tabs li li a, .en div#tabs li li a, .de div#tabs li li a, .cn div#tabs li li a, .jp div#tabs li li a { color: #000; width: 140px; padding: 2px 0; margin: 0; border-bottom: 1px solid #ACA398; height: auto; text-decoration: none; float: none; background: none; text-indent: 0; /*border: 1px solid red;*/ } body#latestNews div#tabs li#productsTab li a:hover, body#latestNews div#tabs li#recipesTab li a:hover, body#Products div#tabs li#productsTab li a:hover, body#Products div#tabs li#recipesTab li a:hover, body#Recipes div#tabs li#productsTab li a:hover, body#Recipes div#tabs li#recipesTab li a:hover, body#Other div#tabs li#productsTab li a:hover, body#Other div#tabs li#recipesTab li a:hover { width: 150px; margin: 0; color: #FFF; } body#latestNews div#tabs li#productsTab li a, body#latestNews div#tabs li#recipesTab li a, body#Products div#tabs li#productsTab li a, body#Products div#tabs li#recipesTab li a, body#Recipes div#tabs li#recipesTab li a, body#Recipes div#tabs li#productsTab li a { width: 150px; margin: 0px; } /* tabs horeca segment ---------------------------*/ .horeca_belgium div#tabs ul { margin: 5px 0 0 0; } .horeca_belgium div#tabs li#latestnewsTab a { width: 169px; }/* 176 */ .horeca_belgium div#tabs li#productsTab a { width: 156px; }/* 154 */ .horeca_belgium div#tabs li#recipesTab a { width: 156px; }/* 160 */ .nl .horeca_belgium div#tabs a { background: url(/images/tab_navigation_nl_horeca.png) no-repeat; height: 27px; } .fr .horeca_belgium div#tabs a { background: url(/images/tab_navigation_fr_horeca.png) no-repeat; height: 27px; } .horeca_belgium div#tabs li#latestnewsTab a { background-position: 0px -108px; } .horeca_belgium div#tabs li#latestnewsTab a:hover { background-position: 0px 0px; } body#latestNews .horeca_belgium div#tabs li#latestnewsTab a { background-position: 0px 0px; } .horeca_belgium div#tabs li#productsTab a { background-position: -169px 0px; } .horeca_belgium div#tabs li#productsTab a:hover { background-position: -149px -27px; width: 176px; margin-left: -20px; } body#Products .horeca_belgium div#tabs li#productsTab a { background-position: -149px -54px; width: 176px; margin-left: -20px; } body#Products .horeca_belgium div#tabs li#latestnewsTab a:hover { background-position: 0px -27px; overflow: auto; position: relative; } body#Products .horeca_belgium div#tabs li#recipesTab a:hover { background-position: -305px -81px; width: 180px; margin-left: -20px; } .horeca_belgium div#tabs li#recipesTab a { background-position: -325px 0px; } .horeca_belgium div#tabs li#recipesTab a:hover { background-position: -305px -108px; width: 180px; margin-left: -20px; } body#Recipes .horeca_belgium div#tabs li#recipesTab a { background-position: -305px -108px; width: 180px; margin-left: -20px; } body#Recipes .horeca_belgium div#tabs li#productsTab a:hover, body#Other .horeca_belgium div#tabs li#productsTab a:hover { background-position: -149px -81px; width: 176px; margin-left: -20px; overflow: auto; } body#Other .horeca_belgium div#tabs li#productsTab a:hover { background-position: -149px -54px; } /* ---- hover dropnav horeca segment ---- */ .horeca_belgium div#tabs li ul { left: -9000px; top: 22px; background: url(/images/bg_dropnav.gif) repeat-x top left #ABA496; } .horeca_belgium div#tabs li:hover ul, .horeca_belgium div#tabs li.sfhover ul { left: 10px; } .horeca_belgium div#tabs li:hover#productsTab ul, .horeca_belgium div#tabs li.sfhover#productsTab ul { left: 169px; } .horeca_belgium div#tabs li:hover#recipesTab ul, .horeca_belgium div#tabs li.sfhover#recipesTab ul { left: 325px; } .horeca_belgium div#tabs li li { float: none; } .nl .horeca_belgium div#tabs li li a, .fr .horeca_belgium div#tabs li li a /*.it div#tabs li li a, .fr div#tabs li li a, .es div#tabs li li a, .en div#tabs li li a, .de div#tabs li li a, .cn div#tabs li li a, .jp div#tabs li li a*/ { color: #000; width: 140px; padding: 2px 0; margin: 0; border-bottom: 1px solid #ACA398; height: auto; text-decoration: none; float: none; background: none; text-indent: 0; /*border: 1px solid red;*/ } body#latestNews .horeca_belgium div#tabs li#productsTab li a:hover, body#latestNews .horeca_belgium div#tabs li#recipesTab li a:hover, body#Products .horeca_belgium div#tabs li#productsTab li a:hover, body#Products .horeca_belgium div#tabs li#recipesTab li a:hover, body#Recipes .horeca_belgium div#tabs li#productsTab li a:hover, body#Recipes .horeca_belgium div#tabs li#recipesTab li a:hover, body#Other .horeca_belgium div#tabs li#productsTab li a:hover, body#Other .horeca_belgium div#tabs li#recipesTab li a:hover { width: 150px; height: auto; margin: 0; background: none; color: #FFF; } body#latestNews .horeca_belgium div#tabs li#productsTab li a, body#latestNews .horeca_belgium div#tabs li#recipesTab li a, body#Products .horeca_belgium div#tabs li#productsTab li a, body#Products .horeca_belgium div#tabs li#recipesTab li a, body#Recipes .horeca_belgium div#tabs li#recipesTab li a, body#Recipes .horeca_belgium div#tabs li#productsTab li a { width: 150px; height: auto; margin: 0px; background: none; } /* ---- search ---- */ div#search { width: 192px; height: 27px; background: #875227; padding: 5px 0 0 8px; } .horeca_belgium div#search { background: url(/images/bg_tabs_grey.gif) repeat-x; } div#search input { width: 110px; height: 15px; float: left; margin-right: 5px; } div#search a { background: url(/images/arrow_search.gif) no-repeat top right; padding: 7px 22px 5px 0; color: #FFF; font-weight: bold; } .horeca_belgium div#search a { background: url(/images/arrow_search_horeca.png) no-repeat top right; } div#search.FR input { width: 90px; } /* ---------------------- LEFTNAVIGATION --------------------- */ #leftNavigation { clear: both; width: 200px; float: left; text-align: right; } #leftNavigation ul { list-style-type: none; font-size: 13px; margin: 55px 0 0 0; border-bottom: 1px solid #EAEAEA;} #leftNavigation ul ul { margin: 0; border-bottom: none; } #leftNavigation ul a { text-decoration: none; display: block; width: 178px; padding: 5px 17px 6px 5px; border-top: 1px solid #EAEAEA; } #leftNavigation li.active a { font-weight: bold; /*background: url(/images/li_active_arrow2.gif) no-repeat top right;*/ } #leftNavigation li.activeOpen a { font-weight: bold; background: none; } #leftNavigation li.active li a, #leftNavigation li.activeOpen li a { font-weight: normal; background: none; font-size: 11px; border: 0; padding: 3px 17px 3px 5px; } #leftNavigation li.active li.active a, #leftNavigation li.activeOpen li.active a { font-weight: bold; background: url(/images/li_active_arrow.gif) no-repeat top right; } #leftNavigation #subscribe { text-align: center; font-size: 10px; width: 160px; margin: 15px auto; } #leftNavigation #subscribe a.buttonOrange { display: inline; border: 0; width: auto; padding: 7px 0 7px 15px; background: url(/images/bg_button_right_hp.gif) no-repeat right; } #leftNavigation #subscribe a.buttonOrange span { margin-right: 8px; padding: 7px 7px 7px 15px; background: url(/images/bg_button_left.gif) no-repeat left; line-height: 20px; } #leftNavigation #subscribe p { margin: 10px 0; line-height: normal; } #leftNavigation ul#quickLinks { margin: 55px 0 0; border-bottom: 1px solid #eaeaea; } #leftNavigation ul#quickLinks li a { display: block; width: 178px; padding: 5px 17px 6px 5px; border-top: 1px solid #eaeaea; font-size: 11px; text-decoration: none; } /* ---------------------- CONTENT --------------------- */ #container { width: 600px; padding: 0 0 10px 0; float: left; background: url(/images/bg_content.gif) #FFFDF7 repeat-x; margin-right: 200px; } .horeca_belgium #container { background: #fff; } #content { float:left; width: 600px; position: relative; z-index: 1; } #content ul { padding-left: 18px; } #path { font-size: 10px; color: #939393; margin: 10px 0 13px 31px; } #path a { color: #939393; text-decoration: none; } #path a:hover { text-decoration: underline; } #buttons { text-align: right; } a.button { display: inline; text-transform: uppercase; text-align: center; padding: 7px 0 14px 10px; line-height: 35px; background: url(/images/bg_btn_bevel_left.gif) no-repeat; color: #FFF; text-decoration: none; font-weight: bold; font-size: 11px; } a.button span { padding: 7px 0 14px 4px; background: url(/images/bg_btn_bevel_right.gif) no-repeat; margin-left: 7px; } a:hover.button { color: #341D0E; } a.buttonOrange { display: inline; padding: 4px 0 14px 15px; background: url(/images/bg_button_left.gif) no-repeat; text-transform: uppercase; text-align: center; color: #341D0E; text-decoration: none; font-weight: bold; font-size: 10px; } a.buttonOrange span { margin-left: 10px; padding: 4px 0 14px 4px; background: url(/images/bg_button_right.gif) no-repeat; } a:hover.buttonOrange { color: #FFF; } a.buttonAction { text-transform: uppercase; text-align: center; padding: 3px 0 4px 17px; background: url(/images/bg_btn_submit_left.gif) no-repeat; color: #FFF; text-decoration: none; font-weight: bold; font-size: 12px; } a.buttonAction span { padding: 3px 0 4px 4px; background: url(/images/bg_btn_submit_right.gif) no-repeat; margin-left: 10px; } a:hover.buttonAction { color: #341D0E; } .bcTablePadding th, .bcTablePadding td { padding: 5px; } /* ---- latest news ---- */ #latestNewsContainer { padding: 30px 0 0 30px; } #latestNewsContainer .banners { width: 560px; padding-bottom: 16px; } /* om opmaak te kunnen zien */ /*#latestNewsContainer .banners .banner { background: brown; }*/ #latestNewsContainer .count2 .banner, #latestNewsContainer .count3 .banner { float: left; width: 170px; margin-right: 15px; } #latestNewsContainer .count2 .medium { width: 355px; } #latestNewsContainer .banners .last { display: inline; float: right; margin-right: 20px; } #latestNewsContainer .banner { position: relative; } #latestNewsContainer .bannerContainer { position: absolute; z-index: 4; } #latestNewsContainer .divLink { cursor: pointer; } #latestNewsContainer .light { color: #FEF5DC; } #latestNewsContainer .dark { color: #3C1D15; } #latestNewsContainer .banner .text { display: block; position: absolute; z-index: 5; font-size: 14px; line-height: 16px; text-decoration: none; } #latestNewsContainer .banner img { position: absolute; top: 0; left: 0; z-index: 1; } #latestNewsContainer .bannerTitle { font-size: 30px; line-height: 35px; margin: 0; } #latestNewsContainer .clickable { cursor: pointer; } #latestNewsContainer .linkDummy { position: absolute; top: 0; left: 0; background: url(/images/spacer.gif) repeat;} /* ---- regular page ---- */ #page { margin: 10px 30px; min-height: 500px; } #page .pictures { float: right; margin: 0 0 0 10px; width: 250px; } #page .pictures img { margin: 0 0 10px 0; } /* ---- empty page blocks ---- */ #emptyPageBlocks { margin: 10px 30px; min-height: 500px; } #emptyPageBlocks h2 { margin: 0 0 4px 0; } #emptyPageBlocks .pictures { float: right; margin: 0 0 0 10px; text-align: right; } #emptyPageBlocks p, #emptyPageBlocks img, #emptyPageBlocks .movie, #emptyPageBlocks p.bestand { margin: 0 0 10px 0; } #emptyPageBlocks p img { margin-bottom: 0; } #emttyPageBlocks p.bestand { overflow: hidden; } #emptyPageBlocks p.bestand a { clear: left; float: left; } /* ---- product ---- */ #product table { clear: both; border-collapse: collapse; margin: 1px 15px; width: 570px; } #product table td, #content table th { font-size: 10px; padding: 2px 4px; border: 1px solid #3C1D16; line-height: normal; } #product table th { color: #F3F1F0; background: #3C1D16; text-align: left; white-space: nowrap; } #product table .even { background: #FFF; } #product table .odd { background: #FDF7E2; } #content table.noBorder th, #content table.noBorder td { border: 0; } #product table .active { display: table-row; } #product table .inactive { display: none; } #product .spiderLink { text-decoration: underline; cursor: pointer;} #product table tr.newRow td { padding-top: 9px; } #product table td.newCell { background-image: url(/images/bg_new.png); background-repeat: no-repeat; } #product table td.newCell_en { background-image: url(/images/bg_new_en.png); background-repeat: no-repeat; } #product table td.newCell_nl { background-image: url(/images/bg_new_nl.png); background-repeat: no-repeat; } #product table td.newCell_es { background-image: url(/images/bg_new_es.png); background-repeat: no-repeat; } #product table td.newCell_it { background-image: url(/images/bg_new_it.png); background-repeat: no-repeat; } #product table td.newCell_cn { background-image: url(/images/bg_new_en.png); background-repeat: no-repeat; } #product table td.newCell_de { background-image: url(/images/bg_new_de.png); background-repeat: no-repeat; } #product table td.newCell_fr { background-image: url(/images/bg_new_fr.png); background-repeat: no-repeat; } #product table td.newCell_jp { background-image: url(/images/bg_new_en.png); background-repeat: no-repeat; } #product table img { display: block; margin: 0 auto; } #product table img.productArrow { float: left; width: 8px; margin: 3px 2px 0 0; } #product table p { margin: 0; } /*#product h2 { font: 22px/25px Verdana, Arial, sans-serif; width: 310px; margin: 0 0 5px 15px; }*/ #product table td.spiderInfo { padding: 15px 15px 15px 4px; } #product table td.spiderInfo img { float: left; margin-right: 15px; } .intro { margin: 0 20px 0 0; padding: 25px 0 0 275px; min-height: 260px; clear: both; } a.view { font-weight: bold; text-decoration: none; } .labels { width: 275px; height: 75px; padding-left: 10px; } #withProductInfo { margin-bottom: -40px; padding-left: 15px; } /*.packshot { float:right; position: relative; }*/ #product div.duoBox { float: left; position: relative; width: 100%; } #product .duoBox h2 { position: absolute; bottom: 0; left: 0; font: 22px/25px Verdana, Arial, sans-serif; width: 310px; margin: 0 0 7px 15px; } .duoBox .packshot { float: right; } #related { width: 570px; margin: 15px auto 0 auto; overflow: hidden; } #related a { display: block; float: left; margin: 0 20px; width: 72px; height: 40px; text-align: center; padding-top: 40px; font-size: 10px; text-decoration: none; line-height: normal; } #related a.related_recipes { background: url(/images/btn_related_recipes.gif) no-repeat top center; } #related a.related_advice { background: url(/images/btn_related_advice.gif) no-repeat top center; } #related a.related_info { background: url(/images/btn_related_info.gif) no-repeat top center; } #related a.related_demos { background: url(/images/btn_related_demos.gif) no-repeat top center; } #related a.related_tools { background: url(/images/btn_related_tools.gif) no-repeat top center; } .groupItem { background: url(/images/bg_group_item.gif) no-repeat; width: 185px; height: 200px; float: left; margin: 7px 0 15px 10px; position: relative; } .groupItem a { font-size: 13px; text-decoration: none; } .groupItem img { display: block; margin: 0 0 5px 0; } #applicationTable { padding: 5px; background: url(/images/bg_applicationtable.jpg) repeat-x; border-top: 1px solid #877F74; border-left: 1px solid #91897D; border-right: 1px solid #9A9285; } #applicationTable p { font-weight: bold; } #applicationTable div { float: left; width: 350px; margin: 0 0 0 10px; } #applicationTable table { border-collapse: collapse; margin: 0 0 10px 0; } #applicationTable td { border: 1px solid #42160C; text-align: center; width: 20%; } #applicationTable th { font-family: Arial, sans-serif; font-size: 9px; line-height: normal; font-weight: bold; } form.countryform { margin: 25px 0 0 20px; width: 100px; float: left; } #doSpiderLinks { font-size: 11px; } /* ---- Origine ---- */ .productOrigine #container { background: #3c2a1f; color: #ffecc6; } .productOrigine #container #product a { color: #ffecc6; } .productOrigine #container #product a:hover { color: #ee6701; } .productOrigine h1 { margin-bottom: 10px; font-size: 25px; } #origineBanner { margin-left: 30px; } .productOrigine #intro { margin: 0 30px; } .productOrigine #productinfo { margin-right: 30px; } .productOrigine #product .duoBox h2 { width: 270px; margin-left: 30px; } .productOrigine #productinfo table { width: 540px; margin-left: 30px; margin-right: 0; } .productOrigine #product table th { background: #ffecc6; color: #42170d; } .productOrigine #product table td, .productOrigine #product table th { border: 1px solid #ffecc6; } .productOrigine #product table .odd, .productOrigine #product table .even { background: #3c2a1f; color: #ffecc6; } .productOrigine #related a { height: 45px; color: #ffecc6; } .productOrigine #related a.related_recipes { background-image: url(/images/btn_related_recipes_origine.gif); } .productOrigine #related a.related_advice { background-image: url(/images/btn_related_advice_origine.gif); } .productOrigine #related a.related_info { background-image: url(/images/btn_related_info_origine.gif); } .productOrigine #related a.related_demos { background-image: url(/images/btn_related_demos_origine.gif); } .productOrigine #rightNavigation .keepInformed { color: #3C1D15; } .productOrigine a#backToOverview { font-weight: normal; font-size: 11px; color: #FFECC6; } .productOrigine #origineList { clear: both; margin: 0 30px 5px; padding: 0; list-style: none; } .productOrigine #origineList li { float: left; margin-right: 5px; padding-right: 5px; border-right: 1px solid #ffecc6; } .productOrigine #origineList li.last { border: 0; } .productOrigine #origineList li a { font-weight: normal; } #origineBannerImg { display: block; margin-left: 30px; } .productOrigine #eP { margin-top: 0; } .productOrigine #eP .extProdPara { margin: 0 30px 15px; } .productOrigine #eP .origineText { padding-top: 20px; } .productOrigine #eP .origineText table { width: auto; } .mexico { color: #b1c903; } .ecuador { color: #27a22d; } .arriba { color: #e7c004; } .grenade { color: #d10019; } .ghana { color: #008bcf; } .saothome { color: #e2007a; } .madagascar { color: #f29400; } .java { color: #a678ae; } .origineSubtitle { font-size: 16px; } .productOrigine .mexico, .productOrigine .ecuador, .productOrigine .arriba, .productOrigine .grenade, .productOrigine .ghana, .productOrigine .saothome, .productOrigine .madagascar, .productOrigine .java { margin-right: 10px; text-transform: uppercase; font-size: 21px; } .productOrigine #call2action a.send2friend { background-image: url(/images/btn_send2friend_origine.gif); color: #ffecc6; } .productOrigine #call2action a.printversion { background-image: url(/images/btn_print_origine.gif); color: #ffecc6; } .productOrigine #downloads { color: #FFFEF6; /*color: #3C1D15;*/ } .productOrigine .groupItem { background: none; } .productOrigine #recipes a { color: #ffecc6; } .productOrigine #recipes .rated { padding-right: 2px; } .productOrigine .back { color: #ffecc6; } /* ---- Acticoa ---- */ #product #buttons { margin: 0 10px 5px 15px; text-align: left; } #product a.button { padding: 7px 0 14px 10px; } #product a.button span { margin-left: 7px; } #eP { margin-top: 30px; } #eP h2 { margin-bottom: 15px; } #eP #paraNav { margin-bottom: 15px; list-style: none; } #eP .extProdPara { margin: 0 10px 15px 15px; } #eP .extProdPara h3 { clear: both; margin: 0 0 8px 0; color: #3C1D15; font-style: normal; } #eP .extProdPara h3.titelLinks { color: #EE6701; } #eP .extProdPara .picturerechts { float: right; } #eP .extProdPara .picturerechts img { margin: 0 0 10px 10px; } #eP .extProdPara .picturelinks { float: left; } #eP .extProdPara .picturelinks img { margin: 0 10px 10px 0; } #eP .extProdPara .picturemidden { text-align: center;} #eP .extProdPara .picturemidden img { margin: 0 0 10px 0; } .extProdPara img {margin: 0 0 10px 10px; } .extProdPara ul { margin-bottom: 15px; } .extProdPara .view { clear: both; float: right; } /* ---- recipes ---- */ #recipe { margin: 30px 0 0 0; padding: 0 0 20px 0; overflow: hidden; width: 600px; } #recipe h1 { position: absolute; font-size: 35px;line-height: 31px; width: 215px; margin: 0 18px 0 10px; text-align: right; z-index: 10; } #recipe h1 small { font-size: 11px; line-height: 13px; display: block; margin: 10px 0 0 0; } #recipe h2 { font-size: 11px; margin: 5px 0 5px 5px; font-weight: bold; } #recipe table { border-collapse: collapse; margin: 0 0 15px 0; width: 330px; } #recipe table td { font-size: 10px; padding: 3px 5px; border: 1px solid #3C1D16; vertical-align:top; } #recipe table th { width: 50%; background: #D3C3B9; font-weight: bold; text-align: left; } #recipe #ingredients { width: 330px; float: right; margin: 10px 10px 0 0; } #recipe #ingredients img { margin: 0 0 2px 0; } #recipe #recipeTitle { float: left; width: 255px; overflow: hidden; } #recipe #sfeerBeeld { position: absolute; left: 0; top: 155px; } #recipe #ingredients .linkedProd { float: left; overflow: hidden; width: 156px; height: 184px; margin: 0 0 18px 18px; } #recipe #ingredients .linkedProd.first { margin-left: 0; } #recipe #ingredients .linkedProd a { text-decoration: none; } #recipe #ingredients .linkedProd img, #recipe #ingredients .linkedProd span { display: block; margin: 0; } #recipes .groupItem { position: relative; margin: 7px 0 30px 10px; } #recipes .groupItem img { margin: 0; } #recipes a { font-size: 10px; color: #000000; } #recipes a:hover { color: #EE6701; } #recipes .rated { display: block; background: #875227; color: #FFF; overflow: auto; font-weight: bold; width: 175px; padding: 3px; text-transform: uppercase; margin: 0 0 5px 0; } .horeca_belgium #recipes .rated { background: #C3B6AB; } #recipes .rated img { display: inline; padding-left: 1px; } #recipes .label { width: 105px; float: left; } #recipes .level_label { width: 105px; float: left; padding-top: 2px; } #recipes .stars { width: 70px; float: right; text-align: right; } .nl .new { background: url(/images/overlay_new_nl.png) no-repeat; display: block; width: 178px; height: 31px; position: absolute; top: 0; right: 5px; } .it .new { background: url(/images/overlay_new_it.png) no-repeat; display: block; width: 178px; height: 31px; position: absolute; top: 0; right: 5px; } .fr .new { background: url(/images/overlay_new_fr.png) no-repeat; display: block; width: 178px; height: 31px; position: absolute; top: 0; right: 5px; } .es .new { background: url(/images/overlay_new_es.png) no-repeat; display: block; width: 178px; height: 31px; position: absolute; top: 0; right: 5px; } .en .new { background: url(/images/overlay_new_en.png) no-repeat; display: block; width: 178px; height: 31px; position: absolute; top: 0; right: 5px; } .de .new { background: url(/images/overlay_new_de.png) no-repeat; display: block; width: 178px; height: 31px; position: absolute; top: 0; right: 5px; } .cn .new { background: url(/images/overlay_new_en.png) no-repeat; display: block; width: 178px; height: 31px; position: absolute; top: 0; right: 5px; } .jp .new { background: url(/images/overlay_new_en.png) no-repeat; display: block; width: 178px; height: 31px; position: absolute; top: 0; right: 5px; } #recipe .fieldsetWrapper { border: 1px solid #875227; width: 328px; overflow: hidden; } #recipe fieldset { border: 0; padding: 0 4px 4px 0; color: #341D0E; } #recipe fieldset legend { display: none; } #recipe fieldset div { padding: 2px 5px; } #recipe .fieldsetWrapper h2 { display: block; background: #875227; color: #FFF; padding: 4px 6px; margin: 0; font-weight: bold; font-size: 10px; line-height: normal; width: 318px; } #recipe label { width: 120px; float: left; font-weight: bold; text-align: left; text-transform: uppercase; clear: left; font-size: 10px; } #recipe label.fullLabel { float: none; width: 250px; text-transform: none; } #recipe textarea, #recipe fieldset input { width: 310px; } #recipe #comments { margin: 10px; } #recipe #comments strong { display: block; margin: 0 0 5px 0; } #recipe #comments .date { text-align: right; padding: 0 0 5px 0; } #recipe #comments p { margin: 0 0 5px 0; padding: 5px 0; border-top: 1px solid #A0765F; } #recipes a.view { font-weight: bold; text-decoration: none; font-size: 11px; float: right; display: block; margin: 0 10px 0 0; } .back { clear: left; display: block; float: left; margin: -10px 0 0 10px; } body#Recipes.jp #recipe h1 { font-size: 28px; } #call2action { float: right; margin: 10px 0 0 0; width: 150px; } #call2action a { display: block; float: left; margin: 0 5px 0 0; width: 50px; /*height: 20px;*/ text-align: center; padding-top: 30px; font-size: 9px; text-decoration: none; line-height: 11px; } #call2action a.send2friend { background: url(/images/btn_send2friend.gif) no-repeat top center; } #call2action a.printversion { background: url(/images/btn_print.gif) no-repeat top center; width: 70px; } /* ---- search results ---- */ #searchresults { margin: 10px 10px 0 30px; } #searchresults ol { margin: 0 0 0 18px; } #searchresults a { font-weight: bold; } /* ---- ambassadors ---- */ #ambassadors { margin: 10px 10px 0 15px; } #ambassadors img.logo { float: left; margin: 0 30px 10px 30px; } #ambassadors .groupPhoto { width: 572px; height: 279px; background: url(/images/ambassadors_group.jpg) no-repeat; margin: 10px 0 0 0; } /*#ambassadors form { width: 560px; background: #6a381f; margin: 0 0 10px 0; padding: 0 0 10px 12px; }*/ #ambassadors label { font-weight: bold; display: inline; float: none; color: #FFF; text-align: left; width: auto; white-space: nowrap; } #ambassadors h2 { width: 562px; color: #FFF; font-size: 12px; font-weight: bold; text-transform: uppercase; background: url(/images/bg_h2.gif) repeat-x; margin: 10px 0 0 0; height: 25px; padding: 5px 0 0 10px; } .ambassador { width: 556px; background: #FFFEF6; padding: 7px; border: 1px solid #D4D2C8; overflow: hidden; margin: 0 0 10px 0; } .ambassador .alpha-shadow { margin: 3px 25px 5px 25px; } .ambassador .text { float: left; width: 390px; } #ambassadors dl { margin: 2px 0 2px 0; font-weight: normal; } #ambassadors dt { float: left; margin: 0; width: 75px; } #ambassadors dd { width: 305px; margin: 0 0 0 75px; } #ambassadors dl.awards dt { float: none; margin: 0; width: 120px; } #ambassadors dl.awards dd { width: 350px; margin: 0 0 0 30px; } /* ---- fairs and events ---- */ #fairs-events { margin: 10px 10px 0 15px; } #fairs-events img.logo { float: left; margin: 0 10px 0 -15px; } #fairs-events h2 { width: 562px; color: #FFF; font-size: 12px; font-weight: bold; text-transform: uppercase; background: url(/images/bg_h2.gif) repeat-x; margin: 0; height: 25px; padding: 5px 0 0 10px; } #fairs-events form { clear: left; margin: 5px 0 5px 0; } #fairs-events label { font-weight: bold; display: inline; float: none; color: #3B1D15; text-align: left; width: auto; white-space: nowrap; } .fair { width: 556px; background: #FFFEF6; padding: 7px; border: 1px solid #D4D2C8; overflow: hidden; margin: 0 0 10px 0; position: relative; } .fair img { float: left; margin: 3px 30px 5px 30px; } .fair .text { float: right; width: 390px; overflow: hidden; } .fair .more { display: block; text-align: right; clear: both; margin: 25px 0 0 0; } #fairs-events dl { clear: left; font-weight: normal; width: 300px; margin: 0 0 5px 0; } #fairs-events dt { float: left; margin: 0 0 2px 0; width: 85px; clear: left; } #fairs-events dd { width: 210px; margin: 0 0 2px 85px; } #fairseventsPopup { padding: 5px; background: url(/images/bg_applicationtable.jpg) repeat-x; border-top: 1px solid #877F74; border-left: 1px solid #91897D; border-right: 1px solid #9A9285; } #fairseventsPopup div { float: left; width: 350px; margin: 0 0 0 10px; } #fairseventsPopup h2 { margin: 0 0 10px 0; font-size: 18px; } #fairs-events a.info { background: url(/images/btn_info.gif) no-repeat top center; float: right; width: 80px; margin: 0; padding-top: 30px; height: 15px; font-size: 9px; text-align: center; text-decoration: none; line-height: normal; } #fairs-events .viewInternational { clear: left; float: right; font-weight: bold; padding: 3px 0 0 0;} /* ---- chocolate academy / chocolate ambassadors ---- */ #chocAcademy { margin: 10px 10px 0 15px; } #chocAcademy img.logo { float: left; margin: 0 10px 10px -15px; } #chocAcademy h2 { width: 562px; color: #FFF; font-size: 12px; font-weight: bold; text-transform: uppercase; background: url(/images/bg_h2.gif) repeat-x; margin: 10px 0 0 0; height: 25px; padding: 5px 0 0 10px; } #academieButton { float: left; display: block; width: auto; height: 20px; padding: 0 8px 0 0; background: url(/images/bg_button_right.gif) top right no-repeat; color: #341D0E; font-size: 10px; font-weight: bold; text-transform: uppercase; text-decoration: none; cursor: pointer; } #academieButton span { display: block; width: auto; height: 18px; padding: 2px 5px 5px 13px; background: url(/images/bg_button_left.gif) top left no-repeat; } #academieButton:hover { color: #fff; } #advisors, #ambassadorsView { position: relative; background: url(/images/map_chocacademy.gif) no-repeat center 20px #FFFEF6; width: 570px; height: 310px; padding: 0px; border: 1px solid #D4D2C8; margin: 0 0 10px 0; } #ambassadorsView { background: url(/images/map_ambassadors.gif) no-repeat center 20px #FFFEF6; } #advisors #academyMap, #ambassadorsView #ambassadorsMap { float: right; position: relative; width: 411px; height: 200px; margin: 0; padding: 0; list-style: none; } #academyMap li, #ambassadorsMap li { position: absolute; } #ambassadorsMap #mAustralia { top: 250px; left: 337px; } #academyMap #mCanada { top: 106px; left: -6px; } #academyMap #mFrance { top: 113px; left: 109px; } #academyMap #mBelgium, #ambassadorsMap #mBelgium { top: 107px; left: 114px; } #ambassadorsMap #mBrazil { top: 220px; left: 32px; } #ambassadorsMap #mCyprus { top: 137px; left: 157px; } #ambassadorsMap #mDenmark { top: 96px; left: 120px; } #ambassadorsMap #mFinland { top: 85px; left: 143px; } #ambassadorsMap #mGermany { top: 106px; left: 125px; } #ambassadorsMap #mGreece { top: 131px; left: 139px; } #ambassadorsMap #mHongkong { top: 155px; left: 282px; } #ambassadorsMap #mIceland { top: 76px; left: 74px; } #ambassadorsMap #mIreland { top: 123px; left: 275px; } #ambassadorsMap #mItaly { top: 102px; left: 245px; } #ambassadorsMap #mJapan { top: 134px; left: 319px; } #ambassadorsMap #mLibanon { top: 140px; left: 162px; } #ambassadorsMap #mPortugal { top: 127px; left: 94px; } #ambassadorsMap #mSpain { top: 126px; left: 101px; } #ambassadorsMap #mTurkey { top: 129px; left: 156px; } #academyMap #mUK, #ambassadorsMap #mUK { top: 104px; left: 102px; } #ambassadorsMap #mSweden { top: 87px; left: 281px; } #academyMap #mSwitzerland { top: 110px; left: 120px; } #academyMap #mSingapore { top: 190px; left: 262px; } #academyMap #mPoland { top: 103px; left: 134px; } #academyMap #mChina { top: 144px; left: 288px; } #academyMap #mNederland, #ambassadorsMap #mNederland { top: 99px; left: 116px; } #academyMap #mUsa, #ambassadorsMap #mUsa { top: 123px; left: -30px; } #academyMap #mRussia { top: 90px; left: 160px; } #academyMap #mIndia { top: 155px; left: 222px; } #academyMap a, #ambassadorsMap a { display: block; position: relative; width: 8px; height: 8px; } #academyMap a:hover, #ambassadorsMap a:hover { border: none; text-decoration: none; } #academyMap a span, #ambassadorsMap a span { display: none; } #academyMap a:hover span { position: absolute; color: #3B1D15; display: block; top: -80px; left: -10px; width: 148px; height: 69px; padding: 9px; background: url(/images/bg_tekstballon.png) no-repeat; text-decoration: none; } #ambassadorsMap a:hover span { /*border: red 1px solid;*/ position: absolute; color: #3B1D15; display: block; bottom: 0; left: -6px; width: 148px; /*height: 69px;*/ padding: 0; /*background: url(/images/bg_tekstballon_top.png) no-repeat;*/ text-decoration: none; } #ambassadorsMap a:hover span.tekstballlonTop { /*border: green 1px solid;*/ position: relative; display: block; width: 166px; height: 10px; padding: 0; background: url(/images/bg_tekstballon_top.png) top left no-repeat; } #ambassadorsMap a:hover span.tekstballonContent { /*border: yellow 1px solid;*/ position: relative; display: block; width: 148px; padding: 0 9px; background: url(/images/bg_tekstballon_middle.png) top left repeat-y; } #ambassadorsMap a:hover span.tekstballlonBottom { /*border: blue 1px solid;*/ position: relative; display: block; width: 166px; height: 25px; padding: 0; background: url(/images/bg_tekstballon_bottom.png) bottom left no-repeat; } #academyMap strong, #ambassadorsMap strong { text-transform: uppercase; font-weight: bold; padding: 0 0 0 20px; } #academyMap #mCanada strong { background: url(/images/ca.gif) no-repeat; } #academyMap #mFrance strong, #ambassadorsMap #mFrance strong { background: url(/images/fr.gif) no-repeat; } #academyMap #mBelgium strong, #ambassadorsMap #mBelgium strong { background: url(/images/be.gif) no-repeat; } #academyMap #mUK strong, #ambassadorsMap #mUK strong { background: url(/images/uk.gif) no-repeat; } #academyMap #mSwitzerland strong, #ambassadorsMap #mSwitzerland strong { background: url(/images/ch.gif) no-repeat; } #academyMap #mSingapore strong, #ambassadorsMap #mSingapore strong { background: url(/images/sg.gif) no-repeat; } #academyMap #mPoland strong, #ambassadorsMap #mPoland strong { background: url(/images/pl.gif) no-repeat; } #academyMap #mChina strong, #ambassadorsMap #mChina strong { background: url(/images/cn.gif) no-repeat; } #academyMap #mNederland strong, #ambassadorsMap #mNederland strong { background: url(/images/nl.gif) no-repeat; } #academyMap #mUsa strong, #ambassadorsMap #mUsa strong { background: url(/images/us.gif) no-repeat; } #academyMap #mRussia strong, #ambassadorsMap #mRussia strong { background: url(/images/ru.gif) no-repeat; } #academyMap #mIndia strong, #ambassadorsMap #mIndia strong { background: url(/images/in.gif) no-repeat; } #ambassadorsMap #mAustralia strong { background: url(/images/au.gif) 0 2px no-repeat; } #ambassadorsMap #mBrazil strong { background: url(/images/br.gif) 0 2px no-repeat; } #ambassadorsMap #mCyprus strong { background: url(/images/cy.gif) 0 2px no-repeat; } #ambassadorsMap #mDenmark strong { background: url(/images/dk.gif) 0 2px no-repeat; } #ambassadorsMap #mFinland strong { background: url(/images/fl.gif) 0 2px no-repeat; } #ambassadorsMap #mGermany strong { background: url(/images/de.gif) 0 2px no-repeat; } #ambassadorsMap #mGreece strong { background: url(/images/gr.gif) 0 2px no-repeat; } #ambassadorsMap #mHongkong strong { background: url(/images/hk.gif) 0 2px no-repeat; } #ambassadorsMap #mIceland strong { background: url(/images/is.gif) 0 2px no-repeat; } #ambassadorsMap #mIreland strong { background: url(/images/ie.gif) 0 2px no-repeat; } #ambassadorsMap #mItaly strong { background: url(/images/it.gif) 0 2px no-repeat; } #ambassadorsMap #mJapan strong { background: url(/images/jp.gif) 0 2px no-repeat; } #ambassadorsMap #mLibanon strong { background: url(/images/lb.gif) 0 2px no-repeat; } #ambassadorsMap #mPortugal strong { background: url(/images/pt.gif) 0 2px no-repeat; } #ambassadorsMap #mSpain strong { background: url(/images/es.gif) 0 2px no-repeat; } #ambassadorsMap #mSweden strong { background: url(/images/se.gif) 0 2px no-repeat; } #ambassadorsMap #mTurkey strong { background: url(/images/tr.gif) 0 2px no-repeat; } #advisors form, #ambassadorsView form { position: absolute; bottom: 5px; left: 5px; width: 558px; } #ambassadorsView form { left: 10px; } #advisors form label, .course form label { float: right; width: 100%; padding-right: 0; font-weight: bold; color: #3C1D15; text-align: right; } #ambassadorsView form label { float: left; width: auto; /*width: 320px;*/ padding: 10px 10px 0 0; font-weight: bold; color: #3C1D15; /*text-align: right;*/ } form div.inputHolder, form div.inputHolderCountry { float: right; width: 180px; padding: 5px 0 0 0; } #ambassadorsView form div.inputHolder { float: left; width: 220px; } form div.inputHolderCountry { width: 120px; } #advisors form select, #ambassadorsView form select, .course form select { float: left; } .course { width: 556px; background: #FFFEF6; padding: 7px; border: 1px solid #D4D2C8; overflow: hidden; margin: 0 0 10px 0; position: relative; } .course .text { float: right; width: 390px; } .course .more { display: block; text-align: right; clear: both; margin: 5px 0 0 0; } .go { text-align: right; padding: 0 0 5px 0; } #ambassadorsView .go { float: left; width: 60px; margin: 2px 0 0 10px; text-align: left; } .language { font-weight: bold; } #chocAcademy dl { clear: left; font-weight: normal; margin: 0 0 5px 0; } #chocAcademy dt { float: left; margin: 0 0 2px 0; width: 75px; clear: left; } #chocAcademy dd { width: 240px; margin: 0 0 2px 75px; } #chocAcademy dd p { margin: 0; padding: 0; display: inline; } #chocAcademy #buttons { clear: both; text-align: left; margin: 10px 0 0 0; } #chocAcademy #related { width: 390px; margin: 20px 0 0 0; } #chocAcademy a.apply { background: url(/images/btn_apply.gif) no-repeat top center; float: right; width: 58px; margin: 0; padding-top: 30px; font-size: 9px; text-align: center; text-decoration: none; line-height: normal; } #chocAcademy #related a.info { background: url(/images/btn_info.gif) no-repeat top center; float: right; width: 58px; margin: 0; padding-top: 30px; font-size: 9px; text-align: center; text-decoration: none; line-height: normal; } #chocAcademy .noCourses { margin: 0 0 10px 0; } #chocAcademy fieldset { border: 1px solid #E5E3D7; padding: 10px; margin: 0 0 10px 0; color: #341D0E; } #chocAcademy fieldset legend { color: #341D0E; font-weight: bold; padding: 2px; } #chocAcademy fieldset fieldset legend { font-weight: normal; color: #EE6701; } #chocAcademy #applyCourse { background: #FFFEF6; border: 1px solid #D4D2C8; padding: 7px 7px 15px 7px; overflow: hidden; width: 556px; } #chocAcademy form#applyCourse input { width: 368px; } #chocAcademy form#applyCourse .keepInformed label { float: none; text-align: left; display: inline; padding: 0 0 0 3px; } #chocAcademy form#applyCourse #informed { float: none; width: auto; } #chocAcademy form#applyCourse fieldset#competences input { width: 120px; } #chocAcademy form#applyCourse fieldset#competences input.year { width: 40px; } #chocAcademy form#applyCourse fieldset#competences input.school, #chocAcademy form#applyCourse fieldset#competences input.employer { width: 200px; } #chocAcademy fieldset th { padding: 2px; } #chocAcademy fieldset.listCheckboxes { margin: 0 4px; float: left; width: 230px; } #chocAcademy fieldset.listCheckboxes label { float: none; text-align: left; display: inline; padding: 0 0 0 3px; } #chocAcademy form#applyCourse fieldset.listCheckboxes input { width: auto; display: inline; float: none; } /* ---- wcm ---- */ #wcm { margin: 10px 10px 0 15px; background: url(/images/logo_wcm.jpg) no-repeat; } #wcm h2 { width: 562px; color: #FFF; font-size: 12px; font-weight: bold; text-transform: uppercase; background: url(/images/bg_h2.gif) repeat-x; margin: 10px 0 0 0; height: 25px; padding: 5px 0 0 10px; } #wcm .intro { margin: 0; padding: 0 0 0 225px; width: 344px; min-height: 270px; position: relative; } #wcm .text, #wcm .participants, #wcm .winners { width: 556px; background: #FFFEF6; padding: 7px; border: 1px solid #D4D2C8; overflow: hidden; margin: 0 0 10px 0; } #wcm .participant, #wcm .winners ul#top3 li, #wcm .winners ul#otherWinners li { text-align: center; width: 90px; height: 180px; float: left; margin: 0 20px; } #wcm .winners ul#top3 li, #wcm .winners ul#otherWinners li { width: 155px; height: 205px; margin: 0 10px 15px 10px; background: #FFF3DB; } #wcm .winners ul#top3, #wcm .winners ul#otherWinners { list-style-type: none; } #wcm .winners ul#otherWinners { clear: left; width: 350px; margin: 0 auto; } #wcm .participant img, #wcm .winners img { display: block; margin: 0 auto 5px auto; } /*#wcm .text a { color: #E2007A; }*/ #wcm .winners .award { display: block; background: #F49B07; color: #FFF; font-weight: bold; border-bottom: 1px solid; padding: 3px; margin: 0 0 3px 0; } #wcm .winners ul#top3 .award { background: #875227; } #wcm #buttons { text-align: left; } a.buttonOrangeBrown { position: absolute; bottom: 15px; left: 220px; white-space: nowrap; text-transform: uppercase; text-align: center; padding: 4px 0 14px 15px; background: url(/images/bg_button_left_brown.gif) no-repeat; color: #341D0E; text-decoration: none; font-weight: bold; font-size: 10px; } a.buttonOrangeBrown span { padding: 5px 0 14px 5px; background: url(/images/bg_button_right_brown.gif) no-repeat; margin-left: 10px; } a:hover.buttonOrangeBrown { color: #FFF; } /* ---- callebaut tv ---- */ #TV #header { /*height: 200px;*/ background: url(/images/bg_headerTv.gif) no-repeat; } /*#TV #top { height: 170px; } #TV #companyLinks { float: none; width: 580px; margin: 0 auto; padding-right: 20px; background: #afac9f; text-align: right; } #TV #companyLinks a:hover { color: #fff; } #TV #taalkeuze { right: 194px; }*/ #TV #targets a { display: block; width: 200px; height: 32px; background: url(/images/tab_home.gif) no-repeat; text-indent: -9999px; } #TV div#tabs { background-image: url(/images/bg_callebauttv_tabs.png); } #TV div#tabs ul { margin: 0 0 0 24px; } #TV div#tabs a { height: 32px; background: url(/images/tab_tvnavigation_en.gif) no-repeat; } #TV.nl div#tabs a { background: url(/images/tab_tvnavigation_nl.gif) no-repeat; } #TV.fr div#tabs a { background: url(/images/tab_tvnavigation_fr.gif) no-repeat; } #TV.it div#tabs a { background: url(/images/tab_tvnavigation_it.gif) no-repeat; } #TV.es div#tabs a { background: url(/images/tab_tvnavigation_es.gif) no-repeat; } #TV.de div#tabs a { background: url(/images/tab_tvnavigation_de.gif) no-repeat; } #TV div#tabs li ul { top: 32px; margin-left: 0; } #TV div#tabs li li a { width: 140px; height: auto; background: none !important; } #TV div#tabs li li a:hover { color: #fff; } div#tabs li#tvtutorialsTab a { width: 163px; } div#tabs li#tvtroubleshootingTab a { width: 191px; } #TV li#tvtutorialsTab a { background-position: 0 -96px; } #TV div.tutorial li#tvtutorialsTab a { background-position: 0 0; } #TV div.trouble li#tvtutorialsTab a { background-position: 0 -64px; } #TV div.trouble li#tvtutorialsTab a:hover { width: 163px; background-position: 0 -96px; } #TV div#tabs li#tvtutorialsTab li a:hover, #TV div#tabs li#tvtroubleshootingTab li a:hover { width: 140px; margin-left: 0; } #TV li#tvtroubleshootingTab a { background-position: -163px -96px; } #TV div.trouble li#tvtroubleshootingTab a { background-position: -163px -64px; } #TV div.tutorial li#tvtroubleshootingTab a { background-position: -163px 0; } #TV div.tutorial li#tvtroubleshootingTab a:hover { width: 191px; background-position: -163px -32px; } #TV div#tabs li:hover#tvtroubleshootingTab ul, #TV div#tabs li.sfhover#tvtroubleshootingTab ul { left: 171px; } #TV #call2action { width: 55px; margin-bottom: 5px; } #TV #call2action a.send2friend { background-image: url(/images/btn_send2friendtv.gif); } #TV #call2action a:hover { color: #fff; } #TV #container { background: #fff url(/images/bg_callebauttv.gif) repeat-x; } #TV #content { width: 534px; padding: 0 33px; } #TV #path, #TV h1, #TV #tvMovie { margin-left: 0; margin-bottom: 15px; } #TV #path, #TV #path a { color: #59493f; } #TV h2 { clear: both; height: 25px; margin: 0; padding: 5px 0 0 10px; background: url(/images/bg_h2.gif) repeat-x; color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; } #TV #content form, #TV #newUser { overflow: hidden; margin: 0 0 30px 0; padding: 20px 7px; background: #f7f7f5 url(/images/bg_callebauttv_login.gif) repeat-x bottom; } #TV #loginform label, #TV #wachtwoordform label { width: 80px; } #TV #content input { width: 285px; } #TV #loginform #buttons, #TV #newUser #newUserButton { float: right; margin-top: -40px; } #TV #container a.buttonAction { display: inline; padding: 7px 0 14px 10px; background: url(/images/bg_btn_callebauttv_left.gif) no-repeat; text-transform: uppercase; text-align: center; line-height: 35px; color: #FFF; text-decoration: none; font-weight: bold; font-size: 11px; } #TV #container a.buttonAction span { padding: 7px 0 14px 4px; background: url(/images/bg_btn_callebauttv_right.gif) no-repeat; margin-left: 7px; } #TV #container a:hover.buttonAction { color: #341D0E; } #boxTV a.buttonAction span { background-image: url(/images/bg_btn_submittv_right.gif); } #TV #newUser div { float: left; width: 380px; /*padding-left: 19px;*/ } #TV #newUser #newUserButton { width: auto; margin: 0; } #TV #newUser .button { background-image: url(/images/bg_btn_callebauttv_left.gif); } #TV #newUser .button span { background-image: url(/images/bg_btn_callebauttv_right.gif); } #TV #informed { float: none; width: auto; margin-left: 155px; } #TV #content #inscriptform { padding-bottom: 30px; } #TV #inscriptform .keepInformed input { width: auto; } #TV #content #inscriptform #specifyactivity label { float: none; } #TV #content #inscriptform #specifyactivity input { width: 285px; } #TV .keepInformed label { float: none; text-align: left; display: inline; padding: 0 0 0 3px; } #TV #inscriptform #buttons { margin: 10px 0 0 150px; text-align: left; } #TV .movieList { margin-bottom: 15px; padding: 0 7px 15px; background: #eeede9 url(/images/bg_tvmovielist.gif) repeat-x bottom; } #TV .movieIntro { overflow: hidden; float: left; width: 157px; height: 185px; margin: 0 23px 15px 0; } #TV .movieIntro p { margin-bottom: 0; } #TV .last { margin-right: 0; } #TV .movieIntro h3 { height: 26px; padding: 5px 0; color: #000; font-style: normal; font-size: 10px; line-height: 13px; overflow: hidden; } #TV .topLink { clear: both; margin: 0 0 10px 0; text-align: right; } #TV #relatedVideos { float: right; width: 174px; } #TV #relatedVideos .movieIntro { float: none; height: auto; margin: 0 0 10px 0; } #TV #benefits { float: left; width: 348px; background: #e8820f; } #TV #benefits .movieIntro { float: none; width: 334px; height: auto; margin: 5px 7px 7px 7px; } #TV #benefits .movieIntro div { padding-left: 7px; } #TV #moreBenefits .movieIntro div { padding-left: 7px; background: url(/images/bg_callebauttv_listitem.gif) no-repeat 0 7px; } #TV #benefits .movieIntro ul { padding-left: 0; list-style: none; } #TV #benefits .movieIntro h3 { clear: both; height: auto; } #TV #benefits .movieIntro .withImage { float: right; width: 164px; } #TV #benefits a:hover { color: #fff; } #TV #moreBenefits { overflow: hidden; padding: 0 7px; background: #e8820f; } #TV #moreBenefits h2 { height: auto; padding: 0; background: none; color: #000; font-size: 12px; text-transform: none; } #TV #moreBenefits .backLink { clear: both; text-align: right; font-size: 10px; } #TV #moreBenefits .backLink a:hover { color: #fff; } #TV #moreBenefits .movieIntro { height: 180px; } #TV #moreBenefits .movieIntro div { height: 70px; } #TV #troubleshooting { margin-top: 40px; } #TV #troubleshooting .movieList { background: #e8820f; } #TV #troubleshooting .movieIntro { height: 198px; } #TV #troubleIntro { overflow: hidden; margin-bottom: 15px; background: #eae9e5; } #TV #troubleIntro img { float: left; margin-right: 12px; } #TV #troubleIntro div { float: right; width: 360px; } #TV #solutions, #TV #solutions .movieList { background: #e8820f; } #TV #solutions #solutionIntro { padding: 10px 7px 10px 7px; background: #f5ac5a; } #TV #solutions #solutionIntro h3 { margin-bottom: 5px; color: #000; font-style: normal; font-size: 11px; } #TV #solutions .movieIntro { height: 200px; } #TV #content form#usefullform { margin: 0 0 20px 0; padding: 14px 7px 7px 7px; } #TV #content form#usefullform p { margin: 0; } #TV #usefullchoise { margin-left: 10px; } #TV #usefullchoise input { display: inline; width: auto; vertical-align: middle; } #TV #usefullchoise label { display: inline; float: none; width: auto; padding: 0 20px 0 5px; } #TV #thxusefull { margin-left: 10px; font-weight: bold; } #TV #content p.loginIntro { margin: 5px 10px; } #TV #forgotPassw { padding-left: 85px; } #TV #solutionIntro form { margin: 0; padding: 0; background: none; } #TV #wachtwoordform div { float: left; } #TV #wachtwoordform #buttons { float: right; } /* ---- online demos ---- */ #demos { margin: 10px 10px 0 15px; } #demos img.logo { float: left; margin: 0 10px 10px 15px; } #demos h2 { width: 565px; clear: both; float: none; color: #FFF; font-size: 12px; font-weight: bold; text-transform: uppercase; background: url(/images/bg_h2.gif) repeat-x; margin: 0; height: 25px; padding: 5px 0 0 10px; } #demos h2.login { float: left; width: 385px; clear: none; } #product #demos h2.login { float: none; width: auto; clear: both; } #demos form { background: #FFFEF6; border: 1px solid #D4D2C8; padding: 7px 7px 15px 7px; overflow: hidden; margin: 0 0 10px 0; } #demos form#loginform { width: 379px; float: left; } #product #demos form#loginform { width: auto; float: none; } #demos form#loginform label, #demos form#wachtwoordform label { width: 80px; } #demos form#loginform input { width: 285px; } #product #demos form#loginform input { width: 460px; } #product #demos form#loginform div, #demos form#loginform div { clear: left; } #demos .keepInformed label { float: none; text-align: left; display: inline; padding: 0 0 0 3px; } #demos #informed { float: none; width: auto; margin-left: 155px; } #demos form#wachtwoordform input { width: 470px; } .demo { /*clear: left; width: 559px;*/ background: #FFFEF6; padding: 7px; border: 1px solid #D4D2C8; overflow: hidden; margin: 0 0 10px 0; } .demo img { float: left; margin: 3px 10px 5px 3px; } .demo .text { padding-left: 117px; } .demo #FLV { margin: 0 auto; width: 320px; } #demos #buttons { margin: 5px 0 0 0; text-align: left; } #sublinks2 { clear: left; } #downloads a.button, #chocAcademy a.button, #wcm a.button { padding: 7px 0 14px 10px; } #downloads a.button span, #chocAcademy a.button span, #wcm a.button span{ margin-left: 7px; } input#registermovielink, input#passwordlink, input#loginlink { width: auto; } /* ---- techniques ---- */ #techniques { margin: 10px 10px 0 15px; } .technique { margin: 0 10px 0 15px; padding: 10px 0; border-bottom: 1px solid #875227; } /* ---- downloads ---- */ #downloads { margin: 10px 10px 0 15px; } #downloads img.logo { float: left; margin: 0 5px 0 -15px; } #downloads h2 { width: 565px; clear: both; float: none; color: #FFF; font-size: 12px; font-weight: bold; text-transform: uppercase; background: url(/images/bg_h2.gif) repeat-x; margin: 10px 0 0 0; height: 25px; padding: 5px 0 0 10px; } #downloads .backtotop { display: block; text-align: right; margin: 0 0 10px 0; } .download { /*clear: left; width: 559px;*/ background: #FFFEF6; padding: 7px; border: 1px solid #D4D2C8; overflow: hidden; margin: 0 0 10px 0; } .productOrigine .download { background: #3c2a1f; } .download .text { float: left; width: 390px; } .download .alpha-shadow { margin: 0 30px 0 30px; } .download a.pdf { margin-top: 5px; } .download .onlineBrochure { display: block; margin-top: 3px; padding: 1px 0 2px 23px; background: url(/images/icon_onlinebrochure.gif) no-repeat 2px 4px; } a.downloadAcrobat { float: left; margin: 25px 0; } /* ---- instore tools ---- */ #tools { margin: 10px 10px 0 0; } #tools img.logo { float: left; margin: 0 10px 10px 15px; } #tools #sublinks { margin-left: 15px; } #tools h2 { width: 565px; clear: both; float: none; color: #FFF; font-size: 12px; font-weight: bold; text-transform: uppercase; background: url(/images/bg_h2.gif) repeat-x; margin: 0; height: 25px; padding: 5px 0 0 10px; } #tools h2.login { width: 385px; clear: none; margin-left: 15px; } #product #tools h2.login { float: none; width: auto; clear: both; } #tools form { background: #FFFEF6; border: 1px solid #D4D2C8; padding: 7px 7px 15px 7px; overflow: hidden; margin: 0 0 10px 0; } #tools form#toolsLoginform { width: 379px; margin-left: 15px; } #product #tools form#toolsLoginform { width: auto; float: none; } #tools form#toolsLoginform label, #tools form#wachtwoordform label { width: 80px; } #tools form#toolsLoginform input { width: 285px; } #product #tools form#toolsLoginform input { width: 460px; } #product #tools form#toolsLoginform div, #tools form#toolsLoginform div { clear: left; } #tools .keepInformed label { float: none; text-align: left; display: inline; padding: 0 0 0 3px; } #tools #informed { float: none; width: auto; margin-left: 155px; } #tools form#toolsWachtwoordform input { width: 470px; } .tool { /*clear: left; width: 559px;*/ background: #FFFEF6; padding: 7px; border: 1px solid #D4D2C8; overflow: hidden; margin: 0 0 10px 0; } .tool img { float: left; margin: 3px 10px 5px 3px; } .tool .text { padding-left: 117px; } #tools #buttons { margin: 5px 0 0 0; text-align: left; } input#registertoolslink, input#toolspasswordlink, input#toolsloginlink { width: auto; } /* ---- pressCorner ---- */ #pressCorner { margin: 10px 10px 0 15px; } #pressCorner img.logo { float: left; margin: 0 10px 0 -15px; } #pressCorner form { clear: both; width: 560px; padding: 10px 0 10px 0; } #pressCorner label { font-weight: bold; display: inline; float: none; text-align: left; width: auto; white-space: nowrap; } #pressCorner h2 { width: 562px; color: #FFF; font-size: 12px; font-weight: bold; text-transform: uppercase; background: url(/images/bg_h2.gif) repeat-x; margin: 0; height: 25px; padding: 5px 0 0 10px; } .press { width: 556px; background: #FFFEF6; padding: 7px; border: 1px solid #D4D2C8; overflow: hidden; margin: 0 0 10px 0; } .press .text { float: left; width: 390px; } .press .more { display: block; text-align: right; } #pressCorner .overview { clear: both; } #pressCorner .overview th { padding: 5px; background: #3C1D15; color: #fff; text-align: left; vertical-align: top; } #pressCorner .overview th span { float: left; width: auto; padding-right: 4px; color: #fff; } #pressCorner .overview th a { float: left; width: 10px; height: 10px; } #pressCorner .overview td { padding: 5px; border-top: #3C1D15 1px solid; vertical-align: top; } #pressCorner .overview td a { text-decoration: none; } #pressCorner .overview td a:hover { text-decoration: underline; } #pressCorner .overview tr.even td { background: #fff; } #pressCorner .overview td.date { white-space: nowrap; } #date_desc, #count_desc { background: url(/images/presscorner_arrow_desc.gif) 0 4px no-repeat; } #date_desc.active, #count_desc.active, #date_desc:hover, #count_desc:hover { background: url(/images/presscorner_arrow_desc_act.gif) 0 4px no-repeat; } #date_asc, #count_asc { background: url(/images/presscorner_arrow_asc.gif) 0 4px no-repeat; } #date_asc.active, #count_asc.active, #date_asc:hover, #count_asc:hover { background: url(/images/presscorner_arrow_asc_act.gif) 0 4px no-repeat; } #pressRelease { margin: 10px 10px 0 15px; } #pressRelease h1 { margin: 3px 0 13px 0; } .date { margin-left: 15px; } .release { width: 550px; background: #FFFEF6; padding: 10px; border: 1px solid #D4D2C8; overflow: hidden; margin: 0 0 10px 0; } .introRelease { font-size: 12px; line-height: normal; } .paragraph { clear: both; margin: 0 0 10px 0; overflow: hidden; } .paragraph img { margin: 0 16px 0 0; } .paragraph img.left { float: left; } .paragraph img.right { float: right; } #pressRelease a.pdf { display: block; float: right; margin: 5px 0 0 0; } /* ---- chocophilia ---- */ #chocophillia { margin: 10px 10px 0 15px; } #chocophillia h2 { width: 562px; color: #FFF; font-size: 12px; font-weight: bold; text-transform: uppercase; background: url(/images/bg_h2.gif) repeat-x; margin: 0; height: 25px; padding: 5px 0 0 10px; } #chocophillia .intro { margin: 0; padding: 0 0 0 225px; width: 344px; min-height: 270px; } .chocophilliaItem, .chocophilliaBox { width: 556px; background: #FFFEF6; padding: 7px; border: 1px solid #D4D2C8; overflow: hidden; margin: 0 0 10px 0; } .chocophilliaBox .para_1_small_image img, .chocophilliaItem img { clear: left; float: left; margin: 0 10px 10px 0; } .chocophilliaBox img { margin: 0 10px 10px 0; } .chocophilliaItem .text { float: left; width: 200px; } .chocophilliaBox .para_1_small_image .text { float: right; width: 314px; } .chocophilliaBox .para_2_small_images .text, .chocophilliaBox .para_1_large_image .text { clear: both; } .chocophilliaItem .more { display: block; text-align: right; } .chocophilliaBox ul { margin: 0 0 0 16px; } #chocophilliapage { margin: 10px 30px; } #chocophilliapage h2 { margin: 0 0 15px 0; } #chocophilliapage h3 { font-style: normal; font-size: 11px; color: #3C1D15; } #chocophilliapage .sidepicture { float: right; width: 198px; margin: 0 0 10px 10px; } #chocophilliapage table { clear: both; width: 100%; border-collapse: collapse; border: 1px solid #3C1D15; } #chocophilliapage td { padding: 5px; border: 1px solid #3C1D15; vertical-align: top; } #chocophilliapage td ul { margin: 0 0 0 16px; } #chocophilliaList { list-style: none; } /* ---- subscribe ---- */ #content #subscribe { margin: 10px 20px 0 30px; } #subscribe h2 { clear: both; color: #FFF; font-size: 12px; font-weight: bold; text-transform: uppercase; background: url(/images/bg_h2.gif) repeat-x; margin: 0; height: 25px; padding: 5px 0 0 10px; } #subscribe form { background: #FFFEF6; border: 1px solid #D4D2C8; padding: 7px 7px 15px 7px; overflow: hidden; } #subscribe fieldset { border: 0; margin: 0 0 8px 0; padding: 0 4px 4px 0; color: #341D0E; } #subscribe fieldset.sendMe { margin: 0 0 8px 155px; } #subscribe fieldset.sendMe label { float: none; text-align: left; display: inline; padding: 0 0 0 3px; } #subscribe fieldset legend { font-weight: bold; color: #3C1D15; } #subscribe input { width: 368px; } #subscribe input.checkbox { width: auto; } #subscribe #sendImage { float: left; margin: 0 10px 10px 0; } #subscribe #subscribeform span { line-height: 19px; } /* ---- contact us ---- */ #contactUs h2 { clear: both; color: #FFF; font-size: 12px; font-weight: bold; text-transform: uppercase; background: url(/images/bg_h2.gif) repeat-x; margin: 0; height: 25px; padding: 5px 0 0 10px; } #contactUs form { background: #FFFEF6; border: 1px solid #D4D2C8; padding: 7px 7px 15px 7px; overflow: hidden; } #contactUs { margin: 10px 20px 0 30px; } #contactUs fieldset { border: 0; margin: 0 0 8px 0; padding: 0 4px 4px 0; color: #341D0E; overflow: hidden; } #contactUs fieldset legend { font-weight: bold; color: #3C1D15; margin-left: -95px; } #contactUs fieldset.iHave, #contactUs fieldset.about { padding-left: 95px; } #contactUs fieldset.iHave label, #contactUs fieldset.about label { float: none; text-align: left; display: inline; padding: 0 0 0 3px; } #contactUs fieldset.iHave input.radio, #contactUs fieldset.about input.radio { float: left; width: auto; } #contactUs fieldset.iHave div, #contactUs fieldset.about div { float: left; width: 112px; margin: 0 2px 1px 0; } #contactUs input, #contactUs textarea { width: 368px; } #contactUs .keepInformed label { float: none; text-align: left; display: inline; padding: 0 0 0 3px; } #contactUs #informed { float: none; width: auto; margin-left: 155px; } #contactUs fieldset.message div { clear: left; } #specifyactivity { margin-left: 155px; } #specifyactivity label { text-align: left; /*width: 70px;*/ width: auto; } #chocAcademy form#applyCourse #specifyactivity input { width: 293px; } #inscriptform #specifyactivity input { width: 318px; } /* ---- send 2 a friend ---- */ #send2friend { margin: 10px 10px 0 15px; } #send2friend input { width: 200px; } #send2friend textarea { width: 300px; } #send2friend h2 { clear: both; color: #FFF; font-size: 12px; font-weight: bold; text-transform: uppercase; background: url(/images/bg_h2.gif) repeat-x; margin: 0; height: 25px; padding: 5px 0 0 10px; } #send2friend form, #send2friend p { background: #FFFEF6; border: 1px solid #D4D2C8; padding: 7px 7px 15px 7px; overflow: hidden; } /* ---- sitemap ---- */ #sitemap { margin: 10px 20px 0 30px; } #sitemap div { width: 172px; float: left; margin: 0 10px 10px 0; } #sitemap h2 { margin: 0 0 10px 0; color: #EE6701; } #sitemap ul { margin: 0 0 10px 20px; } /* ---------------------- FOOTER --------------------- */ #footer { clear: both; width: 600px; margin: 0 200px; height: 15px; padding: 5px 0 5px 0; background: #875227; color: #FFFFFF; text-align: center; } .horeca_belgium #footer { background: #c3b6ab; } #footer a { color: #FFFFFF; text-decoration: none; } #footer a:hover { text-decoration: underline; } /* ---------------------- RIGHTNAVIGATION --------------------- */ #rightNavigation { width: 200px; float: right; overflow:hidden; margin-right: -200px; position:relative; } .nl #rightNavigation h1 { font-size: 14px; color: #FFF; text-indent: -999px; height: 28px; margin: 0; padding: 0; background: url(/images/title_atyourservice_nl.png) no-repeat; } .it #rightNavigation h1 { font-size: 14px; color: #FFF; text-indent: -999px; height: 28px; margin: 0; padding: 0; background: url(/images/title_atyourservice_it.png) no-repeat; } .fr #rightNavigation h1 { font-size: 14px; color: #FFF; text-indent: -999px; height: 28px; margin: 0; padding: 0; background: url(/images/title_atyourservice_fr.png) no-repeat; } .es #rightNavigation h1 { font-size: 14px; color: #FFF; text-indent: -999px; height: 28px; margin: 0; padding: 0; background: url(/images/title_atyourservice_es.png) no-repeat; } .en #rightNavigation h1 { font-size: 14px; color: #FFF; text-indent: -999px; height: 28px; margin: 0; padding: 0; background: url(/images/title_atyourservice_en.png) no-repeat; } .de #rightNavigation h1 { font-size: 14px; color: #FFF; text-indent: -999px; height: 28px; margin: 0; padding: 0; background: url(/images/title_atyourservice_de.png) no-repeat; } .cn #rightNavigation h1 { font-size: 14px; color: #FFF; text-indent: -999px; height: 28px; margin: 0; padding: 0; background: url(/images/title_atyourservice_en.png) no-repeat; } .jp #rightNavigation h1 { font-size: 14px; color: #FFF; text-indent: -999px; height: 28px; margin: 0; padding: 0; background: url(/images/title_atyourservice_jp.png) no-repeat; } .nl .horeca_belgium #rightNavigation h1 { background: url(/images/title_atyourservice_nl_horeca.gif) no-repeat; } .fr .horeca_belgium #rightNavigation h1 { background: url(/images/title_atyourservice_fr_horeca.gif) no-repeat; } #rightNavigation li a { display: block; margin: -1px 0 0 0; width: 180px; height: 17px; color: #000; background: url(/images/bg_titleRightNav.gif) no-repeat 0 0; font-size: 11px; text-decoration: none; padding: 4px 0 2px 20px; } /*#rightNavigation li a:hover { background: url(/images/bg_titleRightNav_open.gif) no-repeat; color: #B20041; }*/ #rightNavigation li.open a { background: url(/images/bg_titleRightNav_open.gif) no-repeat; } #rightNavigation li a.active { background: url(/images/bg_titleRightNav_active.gif) no-repeat; } #rightNavigation li a.activeclosed { background: url(/images/bg_titleRightNav_activeclosed.gif) no-repeat; } #rightNavigation li div { padding: 10px 85px 10px 12px; font-size: 10px; line-height: normal; } #rightNavigation div a, #rightNavigation li.open div a { background: none; display: inline; height: auto; padding: 0; font-size: 10px; } #rightNavigation div a:hover, #rightNavigation li.open div a:hover { text-decoration: underline; } #rightNavigation div#academy, #rightNavigation div#academy.on { background: url(/images/bg_academy.jpg) no-repeat bottom left #FEFEFE; min-height: 70px; margin: 0; } #rightNavigation div#academy.on { background: url(/images/bg_academy_on.jpg) no-repeat bottom left #FEFEFE; } #rightNavigation div#ambassadorsnav, #rightNavigation div#ambassadorsnav.on { background: url(/images/bg_ambassadors.jpg) no-repeat bottom left #FEFEFE; min-height: 50px; margin: 0; } #rightNavigation div#ambassadorsnav.on { background: url(/images/bg_ambassadors_on.jpg) no-repeat bottom left #FFF; } #rightNavigation div#competition, #rightNavigation div#competition.on { background: url(/images/bg_competition.jpg) no-repeat bottom left #FEFEFE; padding-right: 60px; min-height: 60px; } #rightNavigation div#competition.on { background: url(/images/bg_competition_on.jpg) no-repeat bottom left #FFF; } #rightNavigation div#fairs, #rightNavigation div#fairs.on { background: url(/images/bg_fairs.jpg) no-repeat bottom left #FEFEFE; } #rightNavigation div#fairs.on { background: url(/images/bg_fairs_on.jpg) no-repeat bottom left #FFF; } #rightNavigation div#downloadsnav.on, #rightNavigation div#downloadsnav { background: url(/images/bg_downloads.jpg) no-repeat bottom left #FEFEFE; min-height: 65px; margin: 0; padding-top: 8px; } #rightNavigation div#downloadsnav.on { background: url(/images/bg_downloads_on.jpg) no-repeat bottom left #FFF; } /* ------- NEW --------*/ #rightNavigation div#toolsnav.on, #rightNavigation div#toolsnav { background: url(/images/bg_tools.jpg) no-repeat bottom left #FEFEFE; min-height: 65px; margin: 0; padding-top: 8px; } #rightNavigation div#toolsnav.on { background: url(/images/bg_tools_on.jpg) no-repeat bottom left #FFF; } #rightNavigation div#techniquesnav, #rightNavigation div#techniquesnav.on { background: url(/images/bg_techniques.jpg) no-repeat bottom left #FEFEFE; padding-right: 60px; min-height: 70px; margin: 0; } #rightNavigation div#techniquesnav.on { background: url(/images/bg_techniques_on.jpg) no-repeat bottom left #FFF; } #rightNavigation div#demosnav, #rightNavigation div#demosnav.on { background: url(/images/bg_demos.jpg) no-repeat bottom left #FEFEFE; min-height: 70px; margin: 0; } #rightNavigation div#demosnav.on { background: url(/images/bg_demos_on.jpg) no-repeat bottom left #FEFEFE; } #rightNavigation div#tvnav, #rightNavigation div#tvnav.on { background: url(/images/bg_tv.jpg) no-repeat bottom left #FEFEFE; min-height: 70px; margin: 0; } #rightNavigation div#tvnav.on { background: url(/images/bg_tv_on.jpg) no-repeat bottom left #FEFEFE; } #rightNavigation div#press, #rightNavigation div#press.on { background: url(/images/bg_press.jpg) no-repeat bottom left #FEFEFE; min-height: 70px; margin: 0; } #rightNavigation div#press.on { background: url(/images/bg_press_on.jpg) no-repeat bottom left #FEFEFE; } #rightNavigation div#chocophilia, #rightNavigation div#chocophilia.on { background: url(/images/bg_chocophilia.jpg) no-repeat bottom left #FEFEFE; min-height: 70px; margin: 0; } #rightNavigation div#chocophilia.on { background: url(/images/bg_chocophilia_on.jpg) no-repeat bottom left #FEFEFE; } #rightNavigation .keepInformed { padding: 5px; font-size: 9px; line-height: normal; } #rightNavigation .keepInformed a { font-size: 9px; color: #B20041; } /* language_popup ----------------------------- */ #language_popup { width: 350px; height: 50px; text-align: center; } #language_popup h2 { margin: 0 0 10px 0; font-size: 14px; font-weight: bold; } #language_popup a { font-size: 14px; } /* ------- Dropshadow-technique used from http://www.alistapart.com/articles/cssdrop2/ --------*/ .alpha-shadow { float: left; background: url(/images/img_dropshadow.gif) no-repeat bottom right; margin: 0 10px 0 0; } .alpha-shadow div { float: left; background: url(/images/img_fakeshadow.png) no-repeat left top; padding: 0 6px 6px 0; } .productOrigine .alpha-shadow { float: left; background: url(/images/img_dropshadow_origines.gif) no-repeat bottom right; margin: 0 10px 0 0; } .productOrigine .alpha-shadow div { float: left; background: url(/images/img_fakeshadow_origines.png) no-repeat left top; padding: 0 6px 6px 0; } /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash #home h2 { visibility: hidden; font-size: 34px; }