body { margin: 0; padding: 0; background-color: white; font: 12px Arial, Helvetica, Sans-Serif; color: #491e00; text-align: center; } img { border: 0; } table { margin-bottom: 10px; } td,th { text-align: left; font: 12px Arial, Helvetica, Sans-Serif; vertical-align: top; } input, textarea, select { font: 12px normal Arial, Helvetica, Sans-Serif; } select { background-color: #D5C8C0; } form { margin: 0; } a { color: #491e00; } h1 { width: 350px;/*width: 485px;*/ margin: 0 0 15px 0; font-size: 15px; line-height: 1.0; } h2, h3 { margin: 0 0 4px 0; padding: 4px 0 4px 7px; font-size: 12px; line-height: 1.0; font-weight: bold; } h2 { color: #fff; } h3 { padding-left: 0; font-weight: bold; } h4 { margin: 0; } p { margin: 0; padding: 0 0 14px 0; line-height: 1.2; } table p { padding: 0 } ul { margin: 0 0 14px 0; padding: 0 0 0 16px; } ol { margin: 0 0 14px 0; padding: 0 0 0 2.5em; } ul ul, ul ol, ol ul { margin-top: 10px; } sup { vertical-align: baseline; position: relative; bottom: 0.4em; } .clear { clear: both; height: 0; line-height: 0px; overflow: hidden; } #wrapper { /*overflow: hidden; height: 1%;*/ width: 957px; margin: 0 auto 0 auto; background: url(/images/bg_wrapper.gif) repeat-y; text-align: left; } #CMSpreviewBar { background-color: #f00; line-height: 1.5; color: #fff; } #CMSpreviewBar a { color: #fff; } .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 */ /* =================== TOP =================== */ #top { height: 120px; background-color: #fff; } #top #logo { float: left; margin: 48px 0 0 33px; } #topbanner { position: relative; float: right; width: 717px; height: 120px; } #topbanner * { display: block; } #topbanner a { position: absolute; z-index: 50; top: 0; left: 0; width: 717px; height: 120px; background: url(/images/bg_banner_transparent.gif) no-repeat; } #topbannerBanner { position: absolute; z-index: 10; top: 0; left: 0; width: 717px; height: 120px; } #slogan { position: absolute; top: 0; right: 0; width: 170px; height: 100px; padding: 10px; background: url(/images/bg_hp_bannerFeature.png) repeat; color: #997d66; font-size: 16px; line-height: 24px; z-index: 11; } /* =================== SIDEBAR =================== */ #sidebar { float: left; width: 240px; padding-bottom: 10px; position: relative; } /**** mainmenu ****/ #mainmenu { width: 240px; margin: 0; padding: 0; list-style: none; overflow: hidden; background-color: #997d66; } #mainmenu li a { display: block; width: 225px; background-color: #997d66; padding: 3px 0 2px 15px; color: white; font-size: 13px; line-height: 15px; text-decoration: none; } #mainmenu li { float: left; width: 240px; } #mainmenu li ul { margin: 0; padding: 0 0 4px 0; list-style: none; overflow: hidden; } #mainmenu li li { padding-left: 15px; width: 225px; } #mainmenu li.active a { padding: 30px 0 12px 15px; letter-spacing: 1px; font-weight: bold; font-size: 15px; line-height: 16px; } #mainmenu li.active li a { width: 215px; padding: 1px 0 0 10px; letter-spacing: 0; font-weight: normal; font-size: 12px; line-height: 14px; } #mainmenu li#Mfoodmanufacturers a:hover, #mainmenu li#Mfoodmanufacturers.active, #mainmenu li#Mfoodmanufacturers.active a, #mainmenu li#Mfoodmanufacturers li a { background-color: #76d0e8; } #mainmenu li#Mfoodmanufacturers.active li a:hover { color: #76d0e8; } #mainmenu li#Mfoodmanufacturers li.active a, #mainmenu li#Mfoodmanufacturers li li.active a { background: url(/images/bg_menu_foodmanufacturers.gif) no-repeat 0 4px; } #mainmenu li#Mfoodmanufacturers li.active li a { background-image: none; } #mainmenu li#Mfoodmanufacturers li a:hover, #mainmenu li#Mfoodmanufacturers li li a:hover { background-color: #fff; background-image: none; } #mainmenu li#Martisansandchefs a:hover, #mainmenu li#Martisansandchefs.active, #mainmenu li#Martisansandchefs.active a, #mainmenu li#Martisansandchefs li a { background-color: #ff9100; } #mainmenu li#Martisansandchefs.active li a:hover { color: #ff9100; } #mainmenu li#Martisansandchefs li.active a, #mainmenu li#Martisansandchefs li li.active a { background: url(/images/bg_menu_artisansandchefs.gif) no-repeat 0 4px; } #mainmenu li#Martisansandchefs li.active li a { background-image: none; } #mainmenu li#Martisansandchefs li a:hover, #mainmenu li#Martisansandchefs li li a:hover { background-color: #fff; background-image: none; } #mainmenu li#Mconsumers a:hover, #mainmenu li#Mconsumers.active, #mainmenu li#Mconsumers.active a, #mainmenu li#Mconsumers li a { background-color: #66af50; } #mainmenu li#Mconsumers.active li a:hover { color: #66af50; } #mainmenu li#Mconsumers li.active a, #mainmenu li#Mconsumers li li.active a { background: url(/images/bg_menu_consumers.gif) no-repeat 0 4px; } #mainmenu li#Mconsumers li.active li a { background-image: none; } #mainmenu li#Mconsumers li a:hover, #mainmenu li#Mconsumers li li a:hover { background-color: #fff; background-image: none; } #mainmenu li#Maboutus a:hover, #mainmenu li#Maboutus.active, #mainmenu li#Maboutus.active a, #mainmenu li#Maboutus li a { background-color: #f00; } #mainmenu li#Maboutus.active li a:hover { color: #f00; } #mainmenu li#Maboutus li.active a, #mainmenu li#Maboutus li li.active a { background: url(/images/bg_menu_aboutus.gif) no-repeat 0 4px; } #mainmenu li#Maboutus li.active li a { background-image: none; } #mainmenu li#Maboutus li a:hover, #mainmenu li#Maboutus li li a:hover { background-color: #fff; background-image: none; } #mainmenu li#Mcsr a:hover, #mainmenu li#Mcsr.active, #mainmenu li#Mcsr.active a, #mainmenu li#Mcsr li a { background-color: #664b3f; } #mainmenu li#Mcsr.active li a:hover { color: #664b3f; } #mainmenu li#Mcsr li.active a, #mainmenu li#Mcsr li li.active a { background: url(/images/bg_menu_Mcsr.gif) no-repeat 0 4px; } #mainmenu li#Mcsr li.active li a { background-image: none; } #mainmenu li#Mcsr li a:hover, #mainmenu li#Mcsr li li a:hover, #mainmenu li.active li.active li a:hover { /* for IE7 */ border: red 1px solid; border: none; /* -- */ background-color: #fff; background-image: none; } #mainmenu li#Minvestors a:hover, #mainmenu li#Minvestors.active, #mainmenu li#Minvestors.active a, #mainmenu li#Minvestors li a { background-color: #730000; } #mainmenu li#Minvestors.active li a:hover { color: #730000; } #mainmenu li#Minvestors li.active a, #mainmenu li#Minvestors li li.active a { background: url(/images/bg_menu_investors.gif) no-repeat 0 4px; } #mainmenu li#Minvestors li.active li a { background-image: none; } #mainmenu li#Minvestors li a:hover, #mainmenu li#Minvestors li li a:hover { background-color: #fff; background-image: none; } #mainmenu li#Mmedia a:hover, #mainmenu li#Mmedia.active, #mainmenu li#Mmedia.active a, #mainmenu li#Mmedia li a { background-color: #ac0000; } #mainmenu li#Mmedia.active li a:hover { color: #ac0000; } #mainmenu li#Mmedia li.active a, #mainmenu li#Mmedia li li.active a { background: url(/images/bg_menu_media.gif) no-repeat 0 4px; } #mainmenu li#Mmedia li.active li a { background-image: none; } #mainmenu li#Mmedia li a:hover, #mainmenu li#Mmedia li li a:hover { background-color: #fff; background-image: none; } #mainmenu li#Mcareers a:hover, #mainmenu li#Mcareers.active, #mainmenu li#Mcareers.active a, #mainmenu li#Mcareers li a { background-color: #d2210a; } #mainmenu li#Mcareers.active li a:hover { color: #d2210a; } #mainmenu li#Mcareers li.active a, #mainmenu li#Mcareers li li.active a { background: url(/images/bg_menu_careers.gif) no-repeat 0 4px; } #mainmenu li#Mcareers li.active li a { background-image: none; } #mainmenu li#Mcareers li a:hover, #mainmenu li#Mcareers li li a:hover { background-color: #fff; background-image: none; } #mainmenu li#Mchocophilia a:hover, #mainmenu li#Mchocophilia.active, #mainmenu li#Mchocophilia.active a, #mainmenu li#Mchocophilia li a { background-color: #491e00; } #mainmenu li#Mchocophilia.active li a:hover { color: #491e00; } #mainmenu li#Mchocophilia li.active a, #mainmenu li#Mchocophilia li li.active a { background: url(/images/bg_menu_chocophilia.gif) no-repeat 0 4px; } #mainmenu li#Mchocophilia li.active li a { background-image: none; } #mainmenu li#Mchocophilia li a:hover, #mainmenu li#Mchocophilia li li a:hover { background-color: #fff; background-image: none; } #mainmenu li li li { width: 210px; padding-left: 10px; } #mainmenu li.active li.activesub a { font-weight: bold; } #mainmenu li.active li.activesub li a, #mainmenu li.active li.active li a { width: 205px; padding: 1px 0 1px 10px; font-weight: normal; font-size: 11px; line-height: 13px; } #mainmenu li#Maboutus { position: relative; } #mainmenu li#Maboutus ul#languagesAboutUs { list-style-type: none; position: absolute; top: 3px; right: 4px; width: 140px; margin: 0; padding: 0; } #mainmenu li#Maboutus.active ul#languagesAboutUs { top: 18px; } #mainmenu li#Maboutus ul#languagesAboutUs li { float: left; padding: 0; margin: 0 2px 2px 0; width: auto; text-align: center; } #mainmenu li#Maboutus ul#languagesAboutUs li a { height: 11px; width: 14px; text-align: center; padding: 1px 2px; display: block; font-size: 10px; line-height: 12px; color: black; background: url(/images/bg_menu_aboutus_lang.png); } #mainmenu li#Maboutus ul#languagesAboutUs li a:hover, #mainmenu li#Maboutus #languagesAboutUs li.active a { background: #FFF; } /** japanse **/ #mainmenu li#Maboutus ul#languagesAboutUs li#l3890 a { display: block; width: 28px; height: 11px; text-indent: -9999px; background: url(/images/aboutus_li_jp.png) no-repeat; } #mainmenu li#Maboutus ul#languagesAboutUs li#l3890 a:hover { background: url(/images/aboutus_li_jp_over.png) no-repeat; } /** chinese **/ #mainmenu li#Maboutus ul#languagesAboutUs li#l3891 a { display: block; width: 38px; height: 11px; text-indent: -9999px; background: url(/images/aboutus_li_ch.png) no-repeat; } #mainmenu li#Maboutus ul#languagesAboutUs li#l3891 a:hover { background: url(/images/aboutus_li_ch_over.png) no-repeat; } /**** searchbox and links below searchbox ****/ #searchlinks { overflow: hidden; width: 225px; padding: 15px 0 10px 15px; background-color: #d4c9bf; } #search { clear: left; height: 25px; } #search input { float: left; width: 160px; height: 13px; padding: 2px 0; border: 1px solid #fff; } #search a:hover#searchbutton { background-color: #491e00; } #searchlinks .searchLinkLink { display: block; float: left; width: auto; margin: 0; padding: 0 3px 0 4px; background: url(../images/bg_languagesCompanyProfile_a.gif) 0 50% no-repeat; font-size: 9px; text-decoration: none; } #searchlinks a#legal { padding-left: 0; background: none; } /*#searchlinks #legal, #searchlinks #privacy { float: left; } #searchlinks #sitemap, #searchlinks #contact { float: right; text-align: right; }*/ #search a#searchbutton { float: left; display: block; width: 45px; height: 13px; margin: 0 0 0 5px; padding: 3px 0; background: none; background-color: #997d66; font-size: 10px; line-height: 12px; text-align: center; text-decoration: none; color: white; } /* =================== CONTENT =================== */ .content { position: relative; float: right; width: 697px; padding: 10px 0 0 20px; } #path { width: 600px; margin-bottom: 5px; font-size: 11px; color: #c9c9c9; } #path a { font-size: 11px; color: #c9c9c9; text-decoration: none; } #pagetools { float: right; margin-top: -37px; } #rss { float: right; width: 56px; /*margin-top: -37px;*/ } #printfriendlylink { float: right; width: 20px; /*margin-top: -37px;*/ margin-left: -20px; } #sharetoany { float: right; width: 171px;/*width: 175px;*/ margin-top: 4px; /*margin-top: -37px;*/ } #iconLinks { float: right; /*margin-top: -37px;*/ } /*#iconLinks #rss,*/ #iconLinks #printfriendlylink { margin: 0 0 0 5px; } #intro { margin-bottom: 23px; font-size: 14px; color: #997d66; } #intro a { font-weight: bold; color: #997d66; } #intro a:hover { color: #775640; } .text { padding: 0 0 14px 0; color: #491e00; font-size: 12px; line-height: 1.2; } .text a { color: #aa9280; } .text a:hover { color: #775640; } .toplink { clear: both; float: right; height: 20px; margin-top: 10px; } .backlink { float: left; height: 20px; margin-top: 10px; } #adobereader { float: right; } #alert { color: #f00; } /**** entry page ****/ #entry .box { float: left; width: 340px; margin: 0 16px 16px 0; line-height: 1.2; } #entry .box h2 { margin-bottom: 2px; } #entry .box.last { margin-right: 0; } #entry .box img { display: block; } #entry .box .text { padding: 0 7px; } #entry .box .morelink, .pageSubNavText .morelink { float: right; margin-right: 7px; padding-right: 13px; background: url(/images/bg_box_link.gif) no-repeat 100% 3px; font-size: 10px; } #entry .boxfull { clear: left; line-height: 1.2; } #entry .boxitem { margin-bottom: 5px; padding: 3px 0 5px 7px; } #entry .boxitem .text { padding: 0; } #entry .boxitem .date { font-weight: bold; } #entry .odd .morelink { background: url(/images/bg_box_link_odd.gif) no-repeat 100% 3px; } #allnews { height: 20px; line-height: 20px; } #entry #allnews .morelink { width: 60px; background-position: 100% 7px; padding-right: 4px; } #newsselection { margin-bottom: 15px; padding-bottom: 2px; } #agenda.boxitem { margin-bottom: 15px; } #selectnews, #searchnews { clear: left; padding: 2px 0 0 7px; } #selectnews label, #searchnews label { float: left; width: 65px; padding: 3px 0 0 0; } #selectnews span, #searchnews input { float: left; width: 160px; } #searchnews input {padding: 1px 0 0 0; } #selectnews a.selectbutton, #searchnews a.selectbutton { float: right; display: block; width: 98px; height: 13px; margin: 0; padding: 4px 0 3px 0; background-color: #D5C8C0; font-size: 9px; line-height: 12px; text-align: center; text-decoration: none; color: #491e00; } #selectnews a:hover.selectbutton, #searchnews a:hover.selectbutton { background-color: #491e00; color: #D5C8C0; } #entry #newsalerts { padding-left: 0; } #entry #newsalerts .text { padding-left: 7px; } #newsalerts #buttonbar { height: 20px; margin-top: 5px; } #newsalerts #subscribebutton, #mediainquiries .contactbutton, #mediacontacts .contactbutton, #ircontacts .contactbutton, #investorinquiries .contactbutton { float: right; display: block; width: 97px; height: 13px; border-left: 2px solid #fff; padding: 4px 0 3px 0; background-color: #D5C8C0; font-size: 9px; line-height: 12px; text-align: center; text-decoration: none; color: #491e00; } #newsalerts a:hover#subscribebutton, #mediainquiries a:hover.contactbutton, #mediacontacts a:hover.contactbutton, #investorinquiries a:hover.contactbutton, #ircontacts a:hover.contactbutton { background-color: #491e00; color: #D5C8C0; } #mediainquiries, #mediacontacts, #investorinquiries { margin-bottom: 2px; } #mediainquiries .contactbutton, #investorinquiries .contactbutton { margin-top: -20px; border: none; } #mediacontacts, #ircontacts { clear: both; height: 20px; padding-left: 7px; line-height: 20px; } #investorinquiries p, #mediacontacts p { padding-bottom: 0; } /**** normal text page ****/ #normal .text, #pageSubNav { float: left; width: 480px; } #normal .sidepicture, #newsitem .sidepicture { float: right; width: 198px; } #normal .sidepicture img, #newsitem .sidepicture img { float: right; display: block; margin-bottom: 13px; } #normal .sidepicture .text, #newsitem .sidepicture .text { width: 198px; color: #997d66; } #normal .imgLeft { float: left; } #pageSubNav { margin: 0; padding: 0; list-style-type: none; } #pageSubNav img { float: left; margin: 0 10px 0 0; } #pageSubNav li { margin: 0 0 10px 0; } .pageSubNavText { float: left; width: 295px; /*margin: 0 0 0 195px;*/ } #wrapper #pageSubNav h2 { padding: 0; background: none; color: #491e00; } #wrapper #pageSubNav p { padding: 0; } #bigmiddlepic { clear: both; width: 697px; margin: 0 0 14px 0; } #bigmiddlepic img, #middlepic1 img, #middlepic2 img { margin-bottom: 13px; } #bigmiddlepic .text { float: none; width: 697px; color: #997d66; } #smallmiddlepics { clear: both; } #middlepic1 { float: left; width: 340px; margin: 0 0 14px 0; } #middlepic2 { float: right; width: 340px; margin: 0 0 14px 0; } #middlepic1 .text, #middlepic2 .text { float: none; width: 340px; color: #997d66; } table#video td { background: #ffebea; } table#video h3 { font-size: 13px; color: #ff2800; margin: 0 0 5px 0; padding: 0; } table#video h4 { font-size: 11px; margin: 15px 10px 3px 0; padding: 0; } table#video td#flash { width: 405px; } table#video td#listMovies { padding: 10px 0 0 10px; } table#video td#listMovies ul { list-style: none; margin: 0 0 10px 0; padding: 0; overflow: hidden; width: 275px; } table#video td#listMovies li { float: left; margin: 0 2px 2px 0; } table#video td#listMovies li a { background: #D4C9BF; font-size: 9px; padding: 7px 0 7px 7px; display: block; width: 128px; text-decoration: none; } table#video td#listMovies li a:hover { text-decoration: underline; } /**** key figures ****/ .keyfigures { clear: both; } .keyfigures caption { border: 1px solid #fff; margin: 0; padding: 3px 5px; background-color: #730000; color: #fff; text-align: left; } .keyfigures table { width: 697px; border-collapse: collapse; margin-bottom: 18px; } .keyfigures td { border: 2px solid #fff; padding: 3px 5px; } .keyfigures .heading { background-color: #EDE8E5; font-weight: bold; } .keyfigures .odd { background-color: #EDE8E5; } .keyfigures .even { background-color: #fff; } .keyfigures .title td { background-color: #B98080; padding-left: 7px; color: #fff; } .keyfigures .text { font-size: 10px; } #excelversion { float: right; height: 20px; margin: 0 0 0 5px;/*margin: 0 25px 0 10px;*/ padding: 0 4px 0 24px; background: #D5C8C0 url(/images/icon_exceldownload.gif) no-repeat 4px 2px; font-size: 10px; line-height: 20px; text-decoration: none; } a#excelversion:hover { background-color: #491e00; color: #D5C8C0; } /**** share price ****/ #shareprice { overflow: hidden; } #shareprice #intro h2 { clear: both; float: left; width: 690px; } #investors #shareprice #sharename { margin: 0 0 4px 0; padding: 4px 0 4px 0; font-size: 12px; line-height: 1.0; font-weight: bold; } #sharepricechart { float: left; width: 350px; height: 380px; background: url(/images/loading.gif) no-repeat 130px 160px; } #sharepricechart ul { margin: 0 0 10px 0; padding: 0; height: 20px; } #sharepricechart li { float: left; width: 76px; padding-right: 9px; list-style: none; } #sharepricechart li a { display: block; width: 76px; height: 12px; padding: 5px 0 3px 0; background-color: #d4c9bf; font-size: 9px; text-align: center; text-decoration: none; } #sharepricechart li.active a, #sharepricechart li a:hover { background-color: #491e00; color: #fff; } #sharepricetable { float: right; width: 345px; } #sharepricetable td, #sharepricetable th { padding: 3px; font-size: 11px; font-weight: normal; } #sharepricetable .odd { background-color: #EDE8E5; } #sharepricetable td { text-align: right; } /**** shareprice in sidebar ****/ #smallshareprice { width: 210px; margin: 0 auto; padding: 11px 15px 0 15px; background: #D4C9BF; } #smallshareprice h2 { background-color: #d4c9bf; border-bottom: 2px solid #83664B; margin: 0; padding: 0 0 4px 0; color: #491e00; font-size: 13px; line-height: 1.0; font-weight: normal; } #smallshareprice dl { margin: 2px 0 0 0; padding: 0 4px; } #smallshareprice dt, #smallshareprice dd { float: left; width: 101px; margin: 0; font-size: 11px; line-height: 12px; } #smallshareprice dd { text-align: right; } #spoverview { height: 50px; } #spoverview.pricehover { background-color: #F3F1EF; cursor: pointer; } #sidebar #sharepricelink { display: none; } /* #smallshareprice { width: 210px; margin: 11px auto 0 auto; } #smallshareprice h2 { background-color: #d4c9bf; border-bottom: 2px solid #83664B; margin: 0; padding: 0 0 4px 0; color: #491e00; font-size: 13px; line-height: 1.0; font-weight: normal; } #smallshareprice dl { margin: 2px 0 0 0; padding: 0 4px; } #smallshareprice dt, #smallshareprice dd { float: left; width: 101px; margin: 0; font-size: 11px; line-height: 12px; } #smallshareprice dd { text-align: right; } #spoverview { height: 50px; } #spoverview.pricehover { background-color: #F3F1EF; cursor: pointer; } */ /**** annual reports ****/ #reportSelections { width: 690px; padding-bottom: 10px; text-align: right; } #annualReports { clear: both; float: left; width: 496px;/*width: 480px;*/ } #annualReports .reports { float: left; width: 242px;/*width: 230px;*/ margin-right: 0; } #annualReports .first { margin-right: 12px; } #annualReports .reportTitle { position: relative; width: 168px;/*width: 156px;*/ margin: 0; padding: 10px 37px; border-bottom: 19px solid #b97f7f; background: #f1e5e5; } #annualReports .full { width: 242px;/*width: 230px;*/ padding: 0; } #annualReports h2 { position: absolute; left: 37px; top: 10px; width: 148px;/*width: 136px;*/ padding: 5px 10px; line-height: 1.231; text-align: center; font-size: 20px; font-weight: normal; } #annualReports .full h2 { left: 0; top: 0; width: 222px;/*width: 210px;*/ } #annualReports .reportSection { margin-bottom: 3px; padding: 10px; background: #EFEFEE; } #annualReports .report { display: block; margin-bottom: 3px; padding: 4px 0 4px 30px; } /**** news ****/ #newsnav, #newsnav form { float: right; text-align: right; } #newsnav { width: 320px; padding-bottom: 15px; } #newsnav select { margin: 0 0 15px 5px; font-size: 10px; } .buNews #newsnav { padding-bottom: 0; } .buNews #newsnav select { margin-bottom: 5px; } .newsintro, #news .pagenav { clear: both; } .newsintro { width: 697px; } .newsintro .date { clear: both; float: left; width: 98px; padding: 0 0 0 7px; } .newsintro .text { float: left; width: 417px; padding-right: 10px; } .productMarketNews, .newsreleases { clear: both; width: 697px; } .productMarketNews .newsintro .text { width: 582px; } .newsintro .pdfs { float: right; width: 165px; margin: 0 0 7px 0; padding: 0; list-style: none; } .newsintro .pdfs li { padding: 0 0 2px 0; } .newsintro .pdfs li a { display: block; width: 135px; height: 11px; background: #D4C9BF url(/images/icon_pdf.gif) no-repeat 5px 2px; padding: 7px 0 4px 30px; text-decoration: none; font-size: 9px; } .newsintro .newslinks { clear: both; width: 697px; margin: 0 0 20px 0; text-align: right; font-size: 10px; } .newsintro .newslinks p { float: left; width: 522px; margin-top: 10px; padding: 0; } .productMarketNews .newslinks p { width: 657px; } .newsintro .newslinks .readmore { background: url(/images/bg_morelink.gif) no-repeat 100% 4px; padding-right: 12px; } .newsintro .toplink { float: right; clear: right; margin: 0; } #languagelinks { display: none; } #newsitem h1 { width: 420px;/*width: 480px;*/ } #newsitem .text { clear: both; float: left; width: 480px; } #newsitem #date { float: left; width: 250px; margin: 5px 0 20px 0; } #newsitem #newsnav { width: 350px; } #newsitem .keyfigures .text { width: 697px; } #bottomlinks { clear: both; } #bottomlinks .toplink { clear: none; margin: 0 0 10px 10px; } .overviewbutton { float: right; display: block; width: 70px; height: 13px; padding: 4px 0 3px 0; background-color: #D5C8C0; font-size: 9px; line-height: 12px; text-align: center; text-decoration: none; color: #491e00; } a:hover.overviewbutton { background-color: #491e00; color: #D5C8C0; } /**** documentation - events - imagegallery - faq ****/ #docnav { width: 697px; margin-bottom: 15px; text-align: right; } #orderform { clear: both; } #docmenu { width: 697px; margin: 0 0 9px 0; padding: 0; list-style: none; } #docmenu li { float: left; height: 20px; margin: 0 6px 9px 0; } #docmenu li a { display: block; width: 111px; height: 12px; background-color: #D5C8C0; padding: 4px 0; color: #491e00; text-decoration: none; text-align: center; font-size: 12px; } #docmenu li a:hover { background-color: #491e00; color: #D5C8C0; } #docmenu li a.doublewidth { width: 228px; } #docmenu li.last { margin-right: 0; } .doccategory, #docpublication { clear: both; width: 697px; border-bottom: 20px solid; padding-top: 10px; } .doccategory h2, #docpublication h2 { margin-bottom: 2px; } .doccategory ul { margin: 0; padding: 0 0 2px 0; } .doccategory ul li { padding: 3px 0 3px 7px; } #documentation .toplink, #events .toplink, #imagegallery .toplink { margin-bottom: 10px; } .docitem { overflow: hidden; width: 690px; border-bottom: 2px solid #fff; padding-left: 7px; } #documentation .docitem { background: url(/images/bg_itemdownload.gif) repeat-y 474px 0; } #documentation .order { background: url(/images/bg_itemdownload_order.gif) repeat-y 474px 0; } .docitem p { float: left; width: 350px; padding: 2px 0; } .docitem p span { font-size: 10px; padding-left: 7px; } .docitem .file, .docitem .link { clear: right; float: right; width: 223px; } #imagegallery .docitem .file { width: 150px; } .docitem .file a, .docitem .link a { display: block; float: left; width: 94px; height: 17px; background: #D4C9BF url(/images/icon_blanco.gif) no-repeat 5px 2px; border: 2px solid white; border-top: none; padding: 6px 0 0 27px; font-size: 9px; } #faq .docitem { padding: 3px 0 3px 7px; } #imagegallery .docitem .file a { float: none; width: 118px; margin: 0 0 2px 2px; border: none; } #imagegallery .docitem .thumbnail { float: right; /*width: 148px;*/ } .docitem .file span { display: block; float: right; width: 94px; height: 23px; background-color: #D4C9BF; border-bottom: 2px solid #fff; padding: 0 0 0 4px; font-size: 9px; } .docitem .file span input { padding-right: 4px; } .docitem .last a, .docitem .last span { border-bottom: none; } .docitem .itemdownloads { overflow: hidden; } #orderbutton { clear: both; float: right; display: block; width: 120px; height: 13px; margin: 10px 0; padding: 4px 0 3px 0; background-color: #D5C8C0; font-size: 9px; line-height: 12px; text-align: center; text-decoration: none; color: #491e00; } a:hover#orderbutton { background-color: #491e00; color: #D5C8C0; } #orderpage ul { float: left; display: block; width: 254px; padding: 0; margin: 0; list-style: none; } #orderpage ul li { background-color: #D5C8C0; height: 18px; margin-bottom: 1px; padding: 1px 0 0 8px; font-size: 10px; line-height: 19px; color: #491e00; } #events .title { float: left; width: 440px; } #events .location, #events .date { clear: right; float: right; width: 230px; } /**** chocophillia ****/ .para_1_small_image, .para_2_small_images, .para_1_large_image { width: 697px; background-color: #d4c9bf; margin-bottom: 20px; overflow: hidden; } .para_1_small_image img, .para_2_small_images img, .para_1_large_image img { float: left; display: block; } .para_2_small_images img { margin-right: 20px; } .para_1_small_image .text, .para_2_small_images .text, .para_1_large_image .text { float: right; padding-top: 20px; padding-right: 20px; } .para_1_small_image .text { width: 427px; } .para_2_small_images .text, .para_1_large_image .text { width: 177px; } /**** imagescroller ****/ #brandlogoblock { margin: 10px 0; padding: 10px 0; text-align: center; } #thumbnails { position: relative; height: 210px; margin-bottom: 50px; text-align: center; } #consumers #thumbnails, #artisansandchefs #thumbnails.nologo { height: 115px; } #thumbnails #brandlogo { margin-top: 10px; } #clip { position: absolute; top: 100px; left: 0; margin: 0; padding: 0; z-index: 12; width: 697px; clip: rect(0, 697px, 95px, 0); overflow: hidden; } #consumers #clip, #artisansandchefs .nologo #clip { top: 5px;} .product, .brand { float: left; height: 95px; margin: auto; } #scrollerContainer { position:relative; height:90px; overflow:hidden; } #scroller { position:absolute; left:0; top:0; width:100%; } #thumbnails h2 { position: absolute; left: 0; top: 190px; height: 12px; width: 690px; } #consumers #thumbnails h2, #artisansandchefs #thumbnails.nologo h2 { top: 95px; } #thumbnails h2 span { float: left; } #thumbnails h2 a { display: block; float: right; margin: 0; height: 11px; margin-right: 5px; } /**** jobsearch ****/ #jobsearch { margin-bottom: 10px; } #jobsearch #buttonbar { clear:both; width: 697px; height: 20px; margin: 0; padding: 0; } #joblist { width: 697px; border-collapse: collapse; margin-top: 20px; } #joblist th, #joblist td { border: 2px solid #fff; padding: 3px 5px; } #joblist td.first-child, #joblist td.last-child { width: 80px; } #joblist .tableend td, #joblist th { background-color: #E89084; color: #fff; font-weight: normal; } #joblist .country { white-space: nowrap; } #jobsearchform { width: 310px; background-color: #FAE8E6; } #jobsearchform span { clear: right; display: block; float: left; width: 123px; padding: 2px 0 2px 7px; } #jobsearchform select { float: right; width: 180px; } #jobsearchform #buttonbar { width: 310px; border-top: 2px solid #fff; } #jobsearchbutton, #jobsearch #applybutton, #jobsearch #mailfriendbutton { display: block; float: right; width: 70px; height: 13px; border-left: 2px solid #fff; padding: 4px 0 3px 0; background-color: #D5C8C0; font-size: 9px; line-height: 12px; text-align: center; text-decoration: none; color: #491e00; } #jobsearch #applybutton { width: 100px; } #jobsearch #mailfriendbutton { width: 150px; } a:hover#jobsearchbutton, #jobsearch a:hover#applybutton, #jobsearch a:hover#mailfriendbutton { background-color: #491e00; color: #D5C8C0; } #jobsearch h2 { clear: both; margin-top: 10px; } #jobsearch dl { overflow: hidden; margin: 0; } #jobsearch dd, #jobsearch dt { float: left; margin: 0; padding: 0; } #jobsearch dt { clear: left; width: 80px; font-weight: bold; } #jobsearch dd { width: 380px; } /*#jobsearch ul { margin: 0; }*/ #jobsearch.applyform h2, #jobsearch.tofriend h2 { width: 373px; margin-bottom: 2px; margin-top: 0; } #jobsearch.applyform #buttonbar, #jobsearch.tofriend #buttonbar { width: 380px; margin-bottom: 0; } #jobsearch.tofriend .userinputform legend { display: block; } #jobsearch.applyform #location input { display: inline; clear: none; float: none; margin-left: 123px; width: auto; height: auto; border: none; } #jobsearch.applyform #location label { display: inline; clear: none; float: none; text-align: left; } #jobsearch.applyform #location span { padding-left: 7px; font-size: 11px; } /**** globalreach ****/ #globalreach img { margin-left: 80px; } #col1 { float: left; width: 250px; } #col2, #col3, #col4 { float: left; width: 149px; } #globalreach ul { padding: 0; } #globalreach li { list-style: none; width: 149px; } #globalreach a { display: block; width: 145px; height: 16px; background-color: #D5C8C0; border-bottom: 1px solid #fff; border-left: 1px solid #fff; padding: 3px 0 0 3px; color: #491e00; text-decoration: none; } #globalreach a:hover { background-color: #491e00; color: #D5C8C0; } #globalreach a.dimmed { color: #B4A9A2; } #globalreach #col1 a { width: 247px; border-left: none; } #globalreach #headoffice { padding: 0 10px 0 3px; } #wordversion { float: right; height: 20px; margin: 0 0 0 5px;/*margin: 0 25px 0 10px;*/ padding: 0 4px 0 24px; background: #D5C8C0 url(/images/icon_worddownload.gif) no-repeat 4px 2px; font-size: 10px; line-height: 20px; text-decoration: none; } a#wordversion:hover { background-color: #491e00; color: #D5C8C0; } /**** sitemap ****/ #sitemappage h2 { clear: both; float: left; width: 690px; } #sitemappage ul { clear: both; } #sitemappage ul ul { margin-top: 10px; } #sitemappage .toplink { margin: 0 0 15px 0; } /**** contact - forms ****/ #contactpage h2, #contactpage .institutecountry { color: #fff; width: 690px; } #contactpage h2, #orderpage h2 { width: 373px; margin-bottom: 2px; } .salesrep, .site, .countryspecs, .institute { overflow: hidden; margin-bottom: 20px; padding-left: 7px; } .countryspecs { float: left; width: 370px; margin-bottom: 0; padding-bottom: 20px; } .institute { margin-bottom: 10px; padding-bottom: 5px; position: relative; } .institute h3, .institute span { position: relative; } #grCanada {/* position: absolute; top: 0; left: 350px; width: 335px; */ clear: both; padding-top: 20px; } #contactpage #grCanada dd { width: 235px; } #deplegend { overflow: hidden; height: 23px; margin-bottom: 20px; } #deplegend.twoLangs { height: 30px; } #deplegend img { float: left; } #deplegend span { float: left; padding: 0 20px 0 5px; } #contactpage dl { width: 335px; margin: 0; } #contactpage dd, #contactpage dt { float: left; margin: 0; padding: 0; } #contactpage dt { clear: left; width: 100px; } #contactpage dd { width: 235px; } #contactpage p.link { clear: both; padding: 10px 0 0 0; } #contactpage .contactInfo { float: left; width: 350px; } #contactpage .institutepic { float: right; } #contactpage .contactbutton { display: block; width: 70px; height: 13px; padding: 4px 0 3px 0; background-color: #D5C8C0; font-size: 9px; line-height: 12px; text-align: center; text-decoration: none; color: #491e00; } #contactpage.globalreach .contactbutton { width: 150px; } #contactpage a:hover.contactbutton { background-color: #491e00; color: #D5C8C0; } #contactpage .pdf { display: block; width: 120px; height: 11px; background: #D4C9BF url(/images/icon_pdf.gif) no-repeat 5px 2px; margin-top: 5px; padding: 7px 0 4px 30px; text-decoration: none; font-size: 9px; } .department { float: right; width: 300px; margin: 5px 0 10px 0; list-style: none; } .department li { margin-bottom: 5px; } .department li img { vertical-align: middle; } .department li ul { margin-left: 15px; list-style: none; } .department li li { padding-left: 15px; } .department li li { background: url(/images/icon_sublist_even.gif) no-repeat; } .odd .department li li { background: url(/images/icon_sublist_odd.gif) no-repeat; } .mandatory { margin: 5px 0 0 7px; font-size: 10px; } .userinputform { position: relative; width: 380px; padding-top: 3px; } .userinputform legend { display: none; padding: 0 7px 7px 7px; font-size: 11px; font-weight: bold; } .userinputform fieldset { overflow: hidden; width: 380px; margin: 0; padding: 0 0 20px 0; border: none; } .userinputform label { clear: both; float: left; display: block; width: 120px; height: 19px; padding: 1px 3px 0 0; text-align: right; font-size: 11px; line-height: 19px; } .userinputform fieldset input, .userinputform fieldset textarea { float: left; display: block; width: 244px; border: 1px solid #fff; margin-bottom: 1px; margin-top: 0; padding: 3px 0 3px 8px; font-size: 11px; } .userinputform fieldset input { height: 13px; } .userinputform fieldset .browsebutton { height: 19px; width: 200px; } .userinputform select { float: left; display: block; width: 200px; margin: 3px 0 1px 0; font-size: 11px; } .userinputform textarea { overflow: auto; } .userinputform fieldset .radio { float: left; width: 244px; } .userinputform fieldset .radio input { float: none; display: inline; width: auto; height: auto; border: none; } .userinputform fieldset .radio label { float: none; display: inline; padding-right: 10px; } .userinputform #buttonbar { clear:both; width: 380px; height: 20px; border-top: 2px solid #fff; padding: 0; } .userinputform #sendbutton { float: right; display: block; width: 97px; height: 13px; border-left: 1px solid #fff; padding: 4px 0 3px 0; background-color: #D5C8C0; font-size: 9px; line-height: 12px; text-align: center; text-decoration: none; color: #491e00; } .userinputform a:hover#sendbutton { background-color: #491e00; color: #D5C8C0; } .userinputform fieldset.captcha { overflow: visible; } .userinputform #antispam { position: relative; width: 257px; margin: 0; padding: 0 0 0 123px; } .userinputform #antispam #captchaTitle { display: block; float: left; width: 180px; /*margin: 0 0 3px 123px;*/ margin: 0 0 3px 0; } .userinputform #antispam #captchaHelp { display: block; float: left; width: 45px; margin: 0 0 3px 0; text-align: right; } .userinputform #antispam #captchaInfo { display: none; position: absolute; top: 0px; left: 360px; width:320px; margin: 0; padding: 0; background:#FFFFFF none repeat scroll 0%; border: 2px solid #997D66; font-size:11px; line-height:14px; z-index: 2; } .userinputform #antispam #captchaInfo h2 { width: 313px; } .userinputform #antispam #captchaInfo p { margin: 5px; padding: 0; } .userinputform #antispam #captchaInfoClose { position: absolute; top: 0; right: 0; margin: 2px 5px 0 0; color: white; text-decoration: none; font-weight: bold; } .userinputform #catpchaImg { margin: 0 0 3px 123px; } #contactpage .country { margin-bottom: 2px; padding-top: 2px; } /**** search ****/ #searchresults li { padding: 5px 0 10px 0; font-weight: bold; } #searchresults li span { font-size: 11px; font-weight: normal; } /* =================== GENERAL CONTENT SPECS =================== */ /**** section specific colors ****/ #aboutus h1, #others h1 { color: #f00; } #chocophilia h1 { color: #491e00; } #investors h1 { color: #730000; } #media h1 { color: #ac0000; } #careers h1 { color: #d2210a; } #foodmanufacturers h1 { color: #76d0e8; } #artisansandchefs h1 { color: #ff9100; } #consumers h1 { color: #66af50; } #aboutus h2, #others #contactpage h2 { background-color: #f00; } #chocophilia h2 { background-color: #491e00; } #investors h2 { background-color: #730000; } #media h2 { background-color: #ac0000; } #careers h2 { background-color: #d2210a; } #foodmanufacturers h2 { background-color: #76d0e8; } #artisansandchefs h2 { background-color: #ff9100; } #consumers h2 { background-color: #66af50; } #csr h2 { background-color: #664B3F; } #csr #intro h2 { padding-left: 0; background: none; color: #664B3F; font-size: 14px; } #annualReports h2 { background: url(/images/bg_annualreport_title.png); color: #730000; } #aboutus #sideinfo, #aboutus .userinputform, #others .userinputform, #aboutus #contactpage .odd, #aboutus #faq .odd { background-color: #FFE5E5; } #chocophilia #sideinfo { background-color: #ECE8E5; } #investors #sideinfo, #investors #newsdownloads, #investors #documentation .odd, #investors #entry .odd, #investors #events .odd, #investors .userinputform { background-color: #F1E5E5; } #media #sideinfo, #media #newsdownloads, #media #documentation .odd, #media #entry .odd, #media #events .odd, #media .userinputform, #media #imagegallery .odd { background-color: #F7E5E5; } #careers #sideinfo, #careers .userinputform, #careers #jobsearch .odd { background-color: #FAE8E6; } #foodmanufacturers #sideinfo, #foodmanufacturers #newsdownloads, #foodmanufacturers #events .odd, #foodmanufacturers .userinputform, #foodmanufacturers #documentation .odd, #foodmanufacturers #contactpage .even { background-color: #E4F6FA; } #artisansandchefs #sideinfo, #artisansandchefs #newsdownloads, #artisansandchefs #events .odd, #artisansandchefs .userinputform, #artisansandchefs #thumbnails, #artisansandchefs #brandlogoblock, #artisansandchefs #contactpage .even{ background-color: #FFE9CC; } #consumers #sideinfo, #consumers #newsdownloads, #consumers .userinputform, #consumers #thumbnails { background-color: #E0EFDC; } #aboutus .userinputform #buttonbar, #others .userinputform #buttonbar { background-color: #F48F8D; } #chocophilia .userinputform #buttonbar { background-color: #A48E7F; } #investors .userinputform #buttonbar { background-color: #B97F7F; } #media .userinputform #buttonbar, #media #entry #buttonbar { background-color: #D57F7F; } #careers .userinputform #buttonbar, #careers #jobsearch #buttonbar { background-color: #E89084; } #foodmanufacturers .userinputform #buttonbar { background-color: #BAE7F3; } #artisansandchefs .userinputform #buttonbar { background-color: #FFC87F; } #consumers .userinputform #buttonbar { background-color: #B2D7A7; } #aboutus .doccategory { border-color: #F48F8D; } #media .doccategory, #media #docpublication { border-color: #D57F7F; } #investors .doccategory, #investors #docpublication { border-color: #B97F7F; } #foodmanufacturers #docpublication, #foodmanufacturers .doccategory { border-color: #BAE7F3; } #artisansandchefs #docpublication { border-color: #FFC87F; } /**** page nav ****/ #news .pagenav, #normal .pagenav { float: left; width: 355px; margin: 0; padding: 0; list-style: none; } #news .pagenav li, #normal .pagenav li { float: left; height: 20px; width: 55px; background-color: #D4C9BF; margin-right: 6px; font-size: 10px; text-align: center; } #news .pagenav a, #news .pagenav span, #normal .pagenav a, #normal .pagenav span { display: block; width: 55px; height: 12px; padding: 4px 0; text-decoration: none; } #news .pagenav a:hover, #normal .pagenav a:hover { background-color: #491e00; color: #D5C8C0; } #news .pagenav .pagecounter, #normal .pagenav .pagecounter { width: 85px; background-color: #fff; padding: 4px 0; } #news .pagenav span, #normal .pagenav span { color: #A48E7F; } #news h3 { font-size: 13px; padding-left: 7px; } #foodmanufacturers #news h3 { background-color: #E4F6FA; } #artisansandchefs #news h3 { background-color: #FFE9CC; } #consumers #news h3 { background-color: #E0EFDC; } /**** sidebar info wrapper ****/ .sideInfoWrp { clear: both; float: right; width: 198px; } /**** additional information - news release downloads ****/ #sideinfo, #newsdownloads { clear: right; float: right; margin-bottom: 22px; } #sideinfo { width: 198px; } #newsdownloads { width: 190px; } #sideinfo h2, #newsdownloads h2 { border-bottom: 2px solid #fff; margin: 0; } #sideinfo .text, #newsdownloads .text { float: none; width: 188px; padding: 5px 5px 0 5px; } .sideInfoWrp #newsdownloads .text { width: 180px; } #sideinfo .text p, #newsdownloads .text p { padding: 0; } #sideinfo ul, #newsdownloads ul { margin: 5px 0 5px 5px; padding: 0; list-style: none; } /*#sideinfo ul { width: 151px; } #newsdownloads ul { width: 151px; }*/ #sideinfo li/*, #newsdownloads li*/ { padding: 0 0 2px 0; } #sideinfo li a, #newsdownloads li a { display: block; /*width: 158px;*/ background: #D4C9BF url(/images/icon_blanco.gif) no-repeat 5px 2px; padding: 7px 0 4px 30px; text-decoration: none; font-size: 9px; line-height: 12px; } /**** additional information ****/ #crSideinfo { float: right; width: 162px; padding: 14px; margin-bottom: 22px; background: #efefee; } #crSideinfo .sideinfoBlock { padding: 0;/*padding: 4px 0 0 0;*/ } #crSideinfo h3, #crSideinfo .sideinfoBlockTitle, #crSideinfo .caption, #crSideinfo .sideinfoFile, #crSideinfo .introduction, #crSideinfo .url { padding: 4px 6px; font-size: 11px; } #crSideinfo .url { display: block; } #crSideinfo h3, .upcoming-courses h3 { margin: 4px 0 0 0; border-top: #ded8d3 1px solid; font-size: 12px; } #crSideinfo h3#first, .upcoming-courses h3#first { border: none; } #crSideinfo img { margin: 1px 0; /*margin: 0 0 4px 0;*/ } #crSideinfo .movielinkImg { position: relative; display: block; } #crSideinfo .movielinkArrow { position: absolute; top: 50%; left: 50%; width: 53px; height: 38px; margin-top: -19px; margin-left: -26px; } #crSideinfo .sideinfoBlockTitle { display: block; margin: 0 0 4px 0; text-decoration: none; } #crSideinfo .sideinfoBlockTitle span { display: block; float: left; width: 11px; height: 10px; margin: 0 4px 0 0; background: url(/images/bg_sideinfoBlockTitle.gif) bottom left no-repeat; line-height: normal; } #crSideinfo .introduction { color: #997d66; } #crSideinfo .caption { } #crSideinfo .sideinfoFile { display: block; padding-left: 30px; text-decoration: none; } #crSideinfo .sideinfoFile span { text-decoration: underline; } .upcoming-courses { clear: right; float: right; width: 190px; } .logo-choc-academy { margin: 0 0 10px 54px; } .upcoming-courses h2 { padding-left: 0; background: none !important; color: #491E00; font-size: 15px; font-weight: normal; text-align: center; text-transform: uppercase; } .courses-wrapper { width: 162px; padding: 14px; margin-bottom: 22px; background: #efefee; } .upcoming-courses h3 { margin-top: 10px; padding: 10px 0; line-height: 15px; } .upcoming-courses h3#first { margin-top: 0; padding-top: 0; } .course img { display: block; margin-bottom: 5px; } .course span { display: block; line-height: 16px; } .apply-course { display: block; padding: 4px 0 0 15px; background: url(/images/bg_sideinfoBlockTitle.gif) 0 8px no-repeat; } .apply-course:hover { text-decoration: none; } /**** link icons ****/ #sideinfo .pdf, #media .pdf, #documentation .pdf, #contactpage .pdf, #newsdownloads li a, #crSideinfo .pdf, .reportSection .pdf { background: /*#D4C9BF*/ url(/images/icon_pdf.gif) no-repeat 5px 2px; } #sideinfo .jpg, #documentation .jpg, #imagegallery .jpg, #crSideinfo .jpg, .reportSection .jpg { background: /*#D4C9BF*/ url(/images/icon_jpg.gif) no-repeat 5px 2px; } #sideinfo .gif, #documentation .gif, #imagegallery .gif, #crSideinfo .gif, .reportSection .gif { background: /*#D4C9BF*/ url(/images/icon_gif.gif) no-repeat 5px 2px; } #sideinfo .xls, #documentation .xls, #crSideinfo .xls, .reportSection .xls { background: /*#D4C9BF*/ url(/images/icon_excel.gif) no-repeat 5px 2px; } #sideinfo .ppt, #documentation .ppt, #crSideinfo .ppt, .reportSection .ppt { background: /*#D4C9BF*/ url(/images/icon_ppt.gif) no-repeat 5px 2px; } #sideinfo .doc, #documentation .doc, #crSideinfo .doc, .reportSection .doc { background: /*#D4C9BF*/ url(/images/icon_word.gif) no-repeat 5px 2px; } #sideinfo .zip, #documentation .zip, #crSideinfo .zip, .reportSection .zip { background: /*#D4C9BF*/ url(/images/icon_zip.gif) no-repeat 5px 2px; } #sideinfo .mp3, #documentation .mp3, #crSideinfo .mp3, .reportSection .mp3 { background: /*#D4C9BF*/ url(/images/icon_ipod.gif) no-repeat 5px 2px; } #sideinfo .url, #documentation .url { width: 178px; background-image: none; padding-left: 10px; text-decoration: underline; } #documentation .url { width: 111px; } /**** share ****/ /*.a2a_dd { position: absolute; width: 171px; } #hp .a2a_dd { bottom: -20px; left: 15px; } .content .a2a_dd { top: 24px; right: 40px; }*/ /* =================== hp ================= */ #hp #wrapper { position: relative; margin: 0 auto 25px auto; padding: 0 0 6px 0; background: url(../images/bg_hp_wrapper.gif) bottom left no-repeat; } #CompanyProfileWrap { position: relative; overflow: hidden; height: 24px; margin: 0 0 3px 0; background: #f6f4f2; } #CompanyProfile { /*position: absolute; top: 0; right: 190px; width: 400px; padding: 5px 0 0 0;*/ float: right; margin: 0 200px 0 0; padding: 5px 0 0 0; } #CompanyProfile span { float: left; width: auto; font-size: 11px; } #languagesCompanyProfile { float: left; width: auto; margin: 0; padding: 0; } #languagesCompanyProfile li { display: inline; float: left; } #languagesCompanyProfile li a { display: block; padding: 0 5px; background: url(../images/bg_languagesCompanyProfile_a.gif) 0 3px no-repeat; font-size: 11px; line-height: 15px; text-decoration: none; } #languagesCompanyProfile li.first a { background: none; } #bcWorldwideLink { position: absolute; display: block; top: 0; right: 0; width: 150px; height: 18px; padding: 6px 0 0 40px; background: #e9e3de url(../images/bg_bcWorldwideLink.gif) no-repeat; color: #b2aba7; font-size: 12px; } #hp #sidebar { position: relative; z-index: 9; } #hp #sidebarTop { position: relative; width: 240px; height: 300px; background: #997D66; z-index: 10; } #hp #mainmenu { position: absolute; overflow: visible; top: 0; left: 0; width: 250px; height: 236px; padding-top: 8px;/*padding-top: 2px;*/ background: none; z-index: 11; } #hp #mainmenu li { width: 250px; padding-bottom: 2px; } #hp #mainmenu li a { padding: 6px 0 5px 15px; } #hp #mainmenu li a:hover { width: 235px; } #hp #mainmenu li#Mfoodmanufacturers a:hover { background: url(/images/bg_Mfoodmanufacturers_ho.png) no-repeat; } #hp #mainmenu li#Martisansandchefs a:hover { background: url(/images/bg_Martisansandchefs_ho.png) no-repeat; } #hp #mainmenu li#Mconsumers a:hover { background: url(/images/bg_Mconsumers_ho.png) no-repeat; } #hp #mainmenu li#Maboutus a:hover { background: url(/images/bg_Maboutus_ho.png) no-repeat; } #hp #mainmenu li#Mcsr a:hover { background: url(/images/bg_Mcsr_ho.png) no-repeat; } #hp #mainmenu li#Minvestors a:hover { background: url(/images/bg_Minvestors_ho.png) no-repeat; } #hp #mainmenu li#Mmedia a:hover { background: url(/images/bg_Mmedia_ho.png) no-repeat; } #hp #mainmenu li#Mcareers a:hover { background: url(/images/bg_Mcareers_ho.png) no-repeat; } #hp #mainmenu li#Mchocophilia a:hover { background: url(/images/bg_Mchocophilia_ho.png) no-repeat; } #hp #mainmenu li#Maboutus { position: static; } #hp #mainmenu li div { /*display: none;*/ position: absolute; overflow: hidden; top: 10px; left: -9999px; width: 175px; height: 240px; margin-left: 260px; padding: 20px; color: #fff; font-size: 13px; line-height: 17px; z-index: 12; } #hp #mainmenu li.hover div, #hp #mainmenu li:hover div { /*display: block;*/ left: 0; } #hp #mainmenu li#Mfoodmanufacturers div { background: url(/images/bg_Mfoodmanufacturers_div.png) repeat; } #hp #mainmenu li#Martisansandchefs div { background: url(/images/bg_Martisansandchefs_div.png) repeat; } #hp #mainmenu li#Mconsumers div { background: url(/images/bg_Mconsumers_div.png) repeat; } #hp #mainmenu li#Maboutus div { background: url(/images/bg_Maboutus_div.png) repeat; } #hp #mainmenu li#Mcsr div { background: url(/images/bg_Mcsr_div.png) repeat; } #hp #mainmenu li#Minvestors div { background: url(/images/bg_Minvestors_div.png) repeat; } #hp #mainmenu li#Mmedia div { background: url(/images/bg_Mmedia_div.png) repeat; } #hp #mainmenu li#Mcareers div { background: url(/images/bg_Mcareers_div.png) repeat; } #hp #mainmenu li#Mchocophilia div { background: url(/images/bg_Mchocophilia_div.png) repeat; } #hp #searchlinks { position: absolute; bottom: 0; left: 0; } #hp #sidebarTop, #hpBanner { margin: 0 0 10px 0; } #hp #contentWrap { float: left; width: 712px; margin: 0 0 0 5px; z-index: 0; } #hpBanner { position: relative; overflow: hidden; width: 712px; height: 300px; z-index: 1; } #bannerFeature { overflow: hidden; position: absolute; top: 10px; right: 5px; width: 165px; height: 240px; padding: 20px 10px; background: url(/images/bg_hp_bannerFeature.png) repeat; text-align: right; } #bannerFeature p { padding-bottom: 20px; color: #997d66; font-size: 26px; } #bannerFeature a { color: #ee3124; font-size: 14px; line-height: 18px; text-decoration: none; } #bannerFeature a img { margin: 0 5px 0 0; } #newsReleases { padding: 0 15px; } #hp h2 { position: relative; padding-left: 0; border-bottom: #491e00 1px solid; color: #491e00; font-size: 14px; font-weight: normal; } #newsReleases h2 { position: relative; width: 210px; } #newsReleases h2 #rssLink { position: absolute; top: 3px; right: 0; width: 41px; height: 14px; } #newsReleases ul { margin: 0; padding: 0; list-style-type: none; } #newsReleases ul li { margin: 0 0 5px 0; } #newsReleases ul li a { display: block; padding: 0 15px 0 0; background: url(../images/bg_newsReleases_a.gif) bottom right no-repeat; color: #491e00; font-size: 11px; text-decoration: none; cursor: pointer; } #newsReleases span { display: block; } .newsReleaseDate { float: left; width: 48px; color: #997d66; } .newsReleaseIntro { float: left; width: 147px; } #Features { float: left; width: 512px; padding: 0 0 0 10px; } #Features ul { margin: 0; padding: 0; list-style-type: none; } #Features ul li { float: left; width: 164px; margin: 0 0 0 10px; } #Features ul li.first { margin-left: 0; } .featuresImgWrap { overflow: hidden; width: 164px; height: 44px; margin: 0 0 5px 0; } #Features ul li a { color: #ee3124; font-size: 11px; } #Features ul li a.FeatureLink { display: block; margin: 0 0 15px 0; } #Features ul li p { font-size: 11px; } #sharepriceSpotlightWrap { float: left; width: 180px; padding: 0 0 0 10px; } #hpShareprice { } #hpShareprice dl { margin: 2px 0 0 0; padding: 0 4px; } #hpShareprice dt { float: left; width: 75px; margin: 0; font-size: 11px; line-height: 14px; } #hpShareprice dd { margin-left: 75px; color: #997d66; font-size: 11px; line-height: 14px; text-align: right; } #hpShareprice #spoverview { height: auto; } #hpShareprice #spoverview.pricehover { background-color: #F3F1EF; cursor: pointer; } #sharepricelink, #allnewslink { float: right; padding: 6px 16px 0 0; background: url(../images/bg_sharepriceDetail.gif) 100% 90% no-repeat; color: #ee3124; font-size: 10px; text-decoration: none; } #spotlight { margin: 10px 0 0 0; background: #997d66; font-size: 11px; line-height: 14px; } #spotlight img { float: left; display: block; margin: 0 10px 0 0; } #spotlight a img { margin: 0; } #spotlightText { padding: 10px 5px 0 0; } #spotlight h2 { border: none; color: #fff; font-size: 11px; font-weight: bold; text-transform: uppercase; } #spotlight h3 { margin: 0; padding: 0; color: #fff; } #spotlight p { margin: 0; padding: 0; color: #d4c9bf; } #spotlight a.spotlightReadMore { float: right; padding: 0 16px 0 0; background: url(../images/bg_spotlightReadMore.gif) 100% 50% no-repeat; color: #d4c9bf; text-decoration: none; } #csr .blocks, #foodmanufacturers .blocks, #artisansandchefs .blocks, #consumers .blocks, #aboutus .blocks, #investors .blocks, #media .blocks, #careers .blocks, #chocophilia .blocks { clear: left; float: left; width: 480px; } #csr #csr_blocks .blocks { width: 697px; } /*#csr .blocks h2, #csr .blocks h3 { padding-left: 0; background: none; color: #491E00; }*/ .blocks .img_left { float: left; margin: 0 10px 10px 0; } .blocks .img_right { float: right; margin: 0 0 10px 10px; } .blocks img { margin: 0 0 10px 0; } .blocks a img { margin: 0 5px 0 0; } /* =================== ADMIN EDITOR ================= */ .redtext { color: red; } #CMSpreviewBar form { display: inline; } a#visitEnglish { position: absolute; top: 50px; left: -240px; display: block; width: 210px; padding: 10px 15px; background-color: #997d66; color: white; font-size: 15px; line-height: 17px; text-decoration: none; } a:hover#visitEnglish { background-color: #f00; }