/* ============================================================================== /* = Stylesheet for http://www.puratos.com /* = -------------------------------------- /* = Latest update Oct 2008 /* = Version 1.24 /* = Author: Koen Sienaert - Amplexor Rika Michiels - Amplexor Roel Daniels - Amplexor BCZ@amp KVAE@Amp /* ============================================================================== */ /* ======= == Global class styling ========== */ .left{float: left} .right{float: right} body.fa .left{float: right} body.fa .right{float: left} .center{text-align: center} .bold{font-weight: bold} .black{color: #000} .red{color: #7b2d19} .notbold{font-weight: normal} .underlined{text-decoration: underline} .notunderlined{text-decoration: none} .fakeDiv{display: inline; margin: 0; padding:0; border: none} .clear{ clear:both} body.fa{direction: rtl} /* general */ html, body {margin:0; padding:0; text-align: center; font: 0.83em/1.3 Verdana, Arial, Helvetica, sans-serif; background: #782209} table{font:100% Verdana, Arial, Helvetica, sans-serif} body.fa, body.fa table{font-family: Tahoma,sans-serif; font-size: 0.9em;} * {font-size: 100% /* every element inherits font-size specified on body */; padding: 0; margin:0 /* no padding, margin, unless specified otherwise. This to be consequent in different browsers */} div{margin: 0; padding: 0;} img, a img{border: none} p {clear:left} #mainContainer{margin: auto; text-align: left; width: 742px; background: #F3F0E9; padding: 4px; padding-top: 0; position: relative} #gtw #mainContainer{ background: #fff4d2;} body.fa #mainContainer{text-align: right;} #wrapper {width:100%; float: right; margin-left:-175px} #content, #product-page{margin-left: 175px; background: #ddd; height: 100%;} body.fa #wrapper {float: left; margin-left: 0; margin-right: -175px; } * html body.fa #wrapper{} body.fa #content, body.fa #recipe-pages, body.fa #product-page{margin-left: 0; margin-right: 175px;} /* * html body.fa #content, * html body.fa #recipe-pages, * html body.fa #product-page{display: inline}*/ /* ie6 double margin bugfix */ /* hoogte van de navigatie bepaalt de minimum hoogte, de site zal altijd minstens zo hoog zijn. Als de naviagtie (veel) langer zou worden, moet ook deze minimum hoogte meegroeien. */ #content, #product-page, #nav{min-height: 600px/* hier snapt IE helaas niks van! */ ; border-top: 4px solid #fff; /* to stop collapsing margins in Moz */} /* * html #content, * html #recipe-pages, * html #product-page, * html #nav{height: 600px} */ td { vertical-align: top;} th {font-weight:normal} /* Nav Styling */ #nav {width: 175px; float: right; background: #F3F0E9 url('css_navback.jpg') repeat-x;} #gtw #nav { background: #fff4d2; overflow: hidden;} #nav ul {list-style: none; margin-left: 15px; margin-top:10px;} body.fa #nav ul {margin-left: 0px; margin-right: 15px; } #nav ul li {margin-bottom: 10px;} #nav ul ul li {margin-bottom: 0px;} #nav ul ul{list-style: disc; margin-top:5px; margin-left: 25px} body.fa #nav ul ul{margin-left: 0px; margin-right: 25px; } #nav a{text-decoration: none} #nav a:hover{text-decoration:underline} #nav ul ul, #nav ul ul a{color: #491505; font-size: 1em; font-weight: normal} #nav ul a{color: #6C2308; font-size: 1.1em; font-weight: bold} #nav .countrySelector{margin-left: 15px;margin-top:20px;} /* Search Box */ /*#nav div{background: #cbc7a4; padding: 5px; border-bottom: 4px solid #fff;height:18px;} #nav #navTree{background: transparent;border:0} #nav form div { padding: 0; border: 0; }*/ #nav div form,#nav div form div, #nav div form div input{ padding: 0; border: 0; } #nav div form div{padding: 4px; border-bottom: 4px solid #fff;} #nav div form{background: #cbc7a4;} #nav input#search, input#go{display: inline-block; border: solid 1px black; background: white;padding: 1px 0px 2px 0px; vertical-align:middle; width:118px}/*width:118px */ #nav input#go {font-weight: bold; padding: 1px 1px 0px 1px; border:solid 1px #000;width:39px;line-height:1em; margin-left:1px;}/*line-height:1em; margin-left:1px; */ /* Header & Footer */ /* header */ #header {margin: 0; clear: both; width: 100%} #header{background: #fff url('../headers/bg_general.jpg') right top no-repeat} body.fa #header{background-image: url('../headers/bg_rtl_general.jpg'); background-position: left top;} #header{text-align: right; padding-top: 100px; background: #fff} body.fa #header{text-align: left;} #header img{position: absolute; top: 0px; left: 0px; } body.fa #header img{left: 535px;} #header a{font-weight: bold; text-decoration: none; color:#000} #header #headerNav {padding-bottom: 3px} body.fa #header #headerNav{padding-left: 40px; padding-bottom: 2px} #header #headerNav a{text-decoration: none;} #header #headerNav a{ background-color: #F0C65C; padding: 3px; color: #000;} #header #headerNav a:hover{background-color: #F0DAA1; } #header #crumbtrail{padding-left: 6px;} #header #crumbtrail a:hover{ text-decoration: underline;} #header #crumbtrail{float: left; text-align:left; width:736px; background: #E7D9BB; border-top: 4px solid #fff} body.fa #header #crumbtrail{text-align: right; float: right} #header #crumbtrail, #footer p{padding-top: 7px; padding-bottom: 8px} #header #language{padding-right:40px} #gtw #header #crumbtrail{float: left; text-align:left; width:736px; background: #e6bb55; font-weight:bold; color:#804316; border-top: 4px solid #fff} #gtw #header #crumbtrail a{font-weight: bold; text-decoration: none; color:white;;} /* footer */ #footer {border-top: 4px solid #fff; margin: 0; clear: both; width: 100%; } #footer { text-align: center; font-size: 0.8em; } #footer a { text-decoration: none; color:#696363} #footer{background: #D9CDA3; color:#696363} #footer p span{ padding-left: 6px;padding-right: 6px;} #gtw #footer a { text-decoration: none; color:white} #gtw #footer{background: #ba6f1e; color:white;} /* Content Styling */ #pageTitle, h1 { font-size: 1.8em; font-weight: normal; clear:left; padding-bottom: 10px; } h2, dt.header{font-size: 1em; font-weight: bold; height: 1.2em; clear:left; margin: 15px 0 10px 0; padding-top: 2px; } body.fa h2, body.fa dt.header{clear: right; } h2.fake, dt.header {padding-left: 8px; margin-bottom: 20px; background-repeat: no-repeat;} body.fa h2.fake, body.fa dt.header {padding-left: 0; padding-right: 8px; background-position: top right;} h3,{font-size: 1em; color:#000; font-weight: bold; clear:left; padding-top: 10px; padding: 0 0 2px 0; margin: 0; } h4 {font-size: 1em; color:#000; font-weight: bold; clear:left; padding-top: 10px; margin: 0; } #content p { padding-bottom: 15px; } #content a{text-decoration: none} #content, #product-page {border-left:4px solid #fff; padding: 1em } body.fa #content, body.fa #product-page {border-left: 0; border-right:4px solid #fff; } #content .logobox{ clear:left; padding-left: 8px; background-repeat: no-repeat; background-position: top left; display: block; } #content .logobox img { height: 40px; } /* specials */ #content ul{margin-left: 20px; margin-top: 0px;margin-bottom: 15px;} body.fa #content ul{margin-left: 0; margin-right: 20px; } #content ol{margin-left: 25px; margin-top: 0px;margin-bottom: 15px;} #content ul li{list-style-type: disc;} #content ol li{list-style-type: decimal;} #content li a{text-decoration: none;} #content li a:hover{text-decoration: underline} #content .pImage { float: left; margin-right: 15px; margin-bottom:15px; } body.fa #content .pImage{float: right; margin-right: 0; margin-left: 15px; } #content div.extract {margin-left: 10px} body.fa #content div.extract {margin-left: 0; margin-right: 10px; } #content div.extract a{float: none !important} #content div.extract table {width: 95%; } #content div.extract table td { padding-right: 8px; } #content div.extract p { padding-bottom: 5px; } #content div.fakeDiv{float:left} #content p.fakeDiv{display:block} #content ul.searchResults {margin-top:10px} #content .searchResults li, #content .recipes li{margin-left: -20px ;list-style-type:none;padding: 3px 6px 6px 6px; margin-bottom:4px;} body.fa #content .searchResults li, body.fa #content .recipes li{margin-right: -20px ; margin-left: 0;} #content .searchResults li .notbold{margin-left: 20px ; display:block;color: #000;} #content .recipes li span{padding-left: 20px ; display:block;color: #000;} #content .searchResults a{padding-left: 1em;} /* product pages */ #content dl{margin-top: 10px} #content dl table{margin-bottom: 10px} #content dd{padding-left: 8px;} body.fa #content dd{padding-left: 0; padding-right: 8px;} #content h2.productTitle{font-size: 1.4em;font-weight:normal; margin-top:0px} #content h1.puratosproduct{background: url(unicorn.gif) right top no-repeat; } /*special content in tables*/ td h2{margin-top:15px} td h2, td form {margin: 0; padding: 5px; } #content table.images { text-align: center; width:80%;margin-left:-4px;margin-right:-3px} /*margins due to nav problem in IE 5.5 and 5.0*/ #content table.images .caption {display:block;font-weight: bold; /*width: 122px;*/padding:4px; text-align:center} /*Link */ #content a.arrowLink { background: center left no-repeat url(css_arrow.gif); text-decoration: none; padding-left: 15px; margin-bottom: 5px; font-weight: bold; display: block; color: black;} body.fa #content a.arrowLink {background: center right no-repeat url(css_rtl_arrow.gif); padding-left: 0; padding-right: 15px; } #content a.forward img, #content a.back img{vertical-align:middle} #content a.more{ text-decoration:none; display:block; padding-left:15px; vertical-align:bottom; } #content a:link, a:active, a:visited{text-decoration: none; color:#000; font-weight:bold} #content a:hover{text-decoration: underline} /* articles*/ #content .intro,#content .articleSummary{font-size:1.1em;clear:none} #content .intro .arrowLink, #content .articleSummary .arrowLink{font-size:0.9em} #content .code{font-size:1em} #articleSummary{margin-bottom: 2em; font-weight:bold} /*** Home ***/ #home #nav{display: none;} #home #header{text-align: right; background: #fff no-repeat right top url(header-img.jpg); min-height: 130px; height:auto !important; height: 130px;} body#home.fa #header{text-align: left; background: #fff no-repeat left top url(header_rtl-img.jpg);} #home #header img{position: absolute; top: 20px; left: 37px;} body#home.fa #header img{left: 535px} #home #header div{padding-bottom: 4px; text-align:right; margin-top:-100px;} body#home.fa #header div{text-align: left;} #home #header div a{background-color: #FFF4E4; padding: 3px; color: #782209;} #home #mainmenu{margin-top:190px; min-height: 17px; height:auto !important; height: 17px; text-align:center; width: 100%; background: #D9A216; font-weight:bold; color: #fff;} /*#home #mainmenu{margin-top:190px; height:25px; text-align:center; width: 100%; background: #D9A216; font-weight:bold; color: #fff;}*/ #home #mainmenu{padding-top: 7px; padding-bottom: 7px; } #home #mainmenu a{color: #fff; padding-left: 2px; padding-right:2px; font-style: normal; text-decoration: none} #home #mainmenu a:hover{text-decoration: underline} /*#home #header{text-align: right; padding-top: 305px; background: #fff no-repeat right top url(ccs_home.jpg)}*/ /*#home #header img{position: absolute; top: 20px; left: 37px}*/ /*#home #header div{padding-bottom: 3px; text-align:right; margin-top:-305px}*/ /*#home #header div a{ background-color: #FFF4E4; padding: 3px; color: #782209;} */ /*#home #header #mainmenu{margin-top:288px;text-align:center; width: 100%; background: #E7D9BB; border-top: 4px solid #fff; font-weight:bold}*/ /*#home #header #mainmenu{padding-top: 7px; padding-bottom: 8px; background: #D9A216; }*/ /*#home #header #mainmenu a{ padding-left: 2px; padding-right:2px}*/ /*#home #header #mainmenu a:hover{ text-decoration: underline} */ #home #mainmenu a{background: #D9A216; color:#fff} #home #footer, #home #footer a{background: #985A2D; color: #fff} #home #homeContent a, #home #footer a {text-decoration: none;cursor:pointer;} #home #news-home {position: absolute; top: 20px; left: 230px; width:220px; padding:2px;} #home #news-home h1.date{color: #782209; font: 1.3em Verdana; padding: 0; padding-bottom: 5px} #home #news-home h1{color: #782209; font: bold 1.3em Verdana;} #home #news-home p{margin:0; margin-bottom: 5px} #home #news-home a{color: #782209; background: url(css_arrow_black.gif) no-repeat 0px 2px; padding-left: 15px; font-weight:bold; } body.fa#home #news-home a{background: url(css_rtl_arrow_black.gif) no-repeat 100% 3px; padding-left: 0; padding-right: 15px; display: block; } #home #serbia #news-home {position: absolute; top: 145px; left: 37px;} #homeContent{/*padding-top:4px ;*/ background:#fff;} /* homeTopLeft - homeTopMid - homeTopRight (homeInThePicture) */ #mapContainer{height: 291px; width:173px; padding:0; background: url(map.gif) no-repeat 0px 0px;} #mapContainer .countrySelector option{overflow:hidden} #mapContainer .countrySelector select{width:150px;} #homeTopLeft a.imagelink, #homeTopMid a.imagelink, #homeTopRight a.imagelink{position: relative; width: 183px; float: left; margin-right: 4px;} body.fa #homeTopLeft a.imagelink, body.fa #homeTopMid a.imagelink, body.fa #homeTopRight a.imagelink{float: right; } #homeTopLeft h3.bread-category, #homeTopMid h3.patisserie-category, #homeTopRight h3.chocolate-category{cursor: pointer; position: absolute; left: 0px; top: 0px; color: #fff; font-size: 1.3em; font-weight: bold; background: url(bakery-Overlay.jpg) no-repeat left top; width: 162px; margin: 0; padding: 4px 10px 6px 10px;} body.fa #homeTopLeft h3.bread-category, body.fa #homeTopMid h3.patisserie-category, body.fa #homeTopRight h3.chocolate-category{background: url(bakery-Overlay_rtl.jpg) no-repeat right top;} #homeTopMid h3.patisserie-category{background: url(Patisserie-Overlay.jpg) no-repeat left top;} body.fa #homeTopMid h3.patisserie-category{background: url(Patisserie-Overlay_rtl.jpg) no-repeat right top;} #homeTopMid h3#de{background: url(Patisserie_Overlay_Germany.jpg) no-repeat left top;} #homeTopRight h3.chocolate-category{background: url(Chocolate-Overlay.jpg) no-repeat left top;} body.fa #homeTopRight h3.chocolate-category{background: url(Chocolate-Overlay_rtl.jpg) no-repeat right top;} #home #homeContent table {border-collapse:collapse;} #home #homeContent table .firstRow td {padding:0;padding-top:4px} #home #homeContent .buImage {height:184px; cursor:hand;} #homeTopMid .buImage{background: #fff top left no-repeat url(css_home_patisserie_bg.jpg) ;} body.de #homeTopMid .buImage{background: #fff top left no-repeat url(patacrout_fruit.jpg) ;} #homeTopLeft .buImage{background: #fff top left no-repeat url(css_home_bakery_bg.jpg); } #homeTopRight .buImage{background: #fff top left no-repeat url(css_home_chocolate_bg.jpg); } /*title before h1*/ #homeContent .buImage{padding-left:4px; display:block;font-size: 1.8em; font-weight: normal; color:#fff} /*homeBottomContainer*/ #homeContent p{margin:6px 5px 4px 11px} #mapContainer{margin-right: 4px} #mapContainer h1{text-indent:11px;color:#fff; font-size:1.2em; font-weight:bold; background: url(map_layered.gif) no-repeat 0px 0px; padding-top:5px;padding-bottom:5px} body.fa #mapContainer h1{background: url(map_rtl_layered.gif) no-repeat 100% 0px; } #mapContainer a.more {color:#782209; font-weight:bold;background: center left no-repeat url(bull_pat.gif); padding-left: 15px} body.fa #mapContainer a.more {background: center right no-repeat url(bull_rtl_pat.gif); padding-left: 0; padding-right: 15px; display: block;} #homeContent #mapContainer a.more:hover {text-decoration: underline} /*homeInThePicture*/ #home #homeContent #homeInThePicture{min-height: 115px; height:auto !important; height: 115px; padding-top:0px; background: #F0E8E1; margin-right: 4px; margin-top: 2px} #home #homeContent #homeInThePicture h1{background: #E8DBD1; padding: 5px; color: #8E3000; text-indent:11px;font-size: 1.8em; font-weight: normal;} #homeInThePicture p{padding-right: 5px} #homeInThePicture a{color: #782209; background: url(css_arrow_black.gif) no-repeat 0px 2px; padding-left: 15px; font-weight: bold} body.fa #homeInThePicture a{background: url(css_rtl_arrow_black.gif) no-repeat 100% 2px; padding-left: 0; padding-right: 15px; display: block;} /*** products_solutions (color settings idem as in contact and concept ***/ #products_solutions #header{background: #fff url('../headers/bg_products_solutions.jpg') right top no-repeat} body#products_solutions.fa #header{background-image: url('../headers/bg_rtl_products_solutions.jpg'); background-position: left top;} #products_solutions #content{ background-color: #E0ECE8; } #products_solutions h1, #products_solutions h2, #products_solutions #content a { color: #018167; } #products_solutions h2.fake, #products_solutions h4.fake { background-image: url(b_cont.jpg); } body#products_solutions.fa h2.fake, body#products_solutions.fa h4.fake { background-image: url(b_rtl_cont.jpg); } #products_solutions #content a.more, #products_solutions #content a.arrowLink { background: center left no-repeat url(bull_cont.gif); } body#products_solutions.fa #content a.more, body#products_solutions.fa #content a.arrowLink { background: center right no-repeat url(bull_rtl_cont.gif); padding-left: 0; padding-right: 15px; display: block;} #products_solutions #content .clearBg{background:#D5E0DC;} #products_solutions #content .darkBg{background: #C9D4D0;} #products_solutions #content table.images {border-collapse:collapse} #products_solutions #content table.images td {background-color:#D5E0DC;border: 4px solid #E0ECE8} #products_solutions #content table.images .caption {border-top: 4px solid #E0ECE8} /** gtw look & feel **/ body#gtw #content .pImage { float: none; display: block; } #gtw #content{background: white /*url('gtw/content_bg.jpg')*/ url('gtw/yellowform.gif') no-repeat;background-position: 0px 70px} #gtw #content h1{color:#5a3e1c;font-size:22px; font-weight: bold;text-transform:none;margin-bottom:20px} #content .extract table td.gtw div.image { width:200px; height:130px; padding-left:14px; margin-top:-20px; *margin-top:-20px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/imagelib/puratos/css/gtw/bg_gtw.png', sizingMethod='scale'); background: url("gtw/bg_gtw.png") no-repeat; *background: none; /* IE only star hack */ } #content .extract table td.gtw .logo_bg { /* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/imagelib/puratos/css/gtw/bg_logo.png', sizingMethod='scale'); background: url(gtw/bg_logo.png) no-repeat; _background: none; */ width:109px; height:70px; *margin-top:8px; margin-bottom:20px; margin-left:-2px; } #content .extract table td.gtw h3{margin-top:0px;position:relative} #content .extract table td.gtw{padding-left:15px;*padding-left:20px} #content .extract table td.gtw .logo_bg img{margin-left:11px;margin-top:30px;*margin-top:20px} #content .extract table td.gtw .logo_bg a{position:relative;z-index:1000} #content .extract table td.gtw a.arrowLink{ margin-left:5px; margin-top:-14px } /* GTW Index */ #gtw #content div.gtw-category-patisserie, #gtw #content div.gtw-category-bakery, #gtw #content div.gtw-category-chocolate { text-align:center; padding-top: 50px; margin-right: 10px; font-weight: bold; color: #CB601F; width: 90px; float: left; cursor: pointer; } #gtw #content div.gtw-category-chocolate { background: url('gtw/item_chocolate.gif') no-repeat center top; } #gtw #content div.gtw-category-bakery { background: url('gtw/item_bakery.gif') no-repeat center top; } #gtw #content div.gtw-category-patisserie { background: url('gtw/item_patisserie.gif') no-repeat center top; } /* GTW search results */ #gtw #content .searchResults .darkBg { background-color: #FFEEC0; } #gtw #content .searchResults li, #gtw #content .searchResults a, #gtw #content .searchResults li .notbold { color: #BA6F1E; } #gtw #content .searchResults .title{ text-transform: uppercase; font-weight: bold; } #gtw #content .searchResults li .black { color: #6c2308; } /* GTW products styling */ #gtw #content h1 { /* color: #573F1D; */ color: #CB601F; width:60%; /* force wordwrap -- stond in designs dat titel moest wrappen in de helft FTW */ } #gtw #content h1.puratosproduct{background: transparent; } #gtw #content h2 { color: #BA6F1E; font-weight: bold; } #gtw #content .GTWIntro { clear: right; display: inline; float: left; overflow: auto; /* easy clearing*/ width:60%; } #gtw #content .GTWIntro h2 { font-size:1.6em; } #gtw #content dd.nutritional_value { padding-left: 0px; /* fix for table */ } #gtw #content .arrowLink { background: center left no-repeat url(bull_choc.gif); color: #ba6f1e; } #gtw #content .gtwlogo { align:right; display: inline; clear:none; float: right; } #gtw #content .header { padding: 6px 10px; color: #b05f14; background-color: #fff0c7; } #gtw #content table { background-color: transparent; color: #BA6F1E; border: none; margin: 0px; padding: 0px; } #gtw #content table td{ padding: 5px; border-width: 1px 2px 1px 0px; border-color: white; border-style: solid; background-color: #FFEEC0; } #gtw #content table th{ padding: 5px; font-weight:bold; border-width: 1px 2px 1px 0px; border-color: white; border-style: solid; background-color: #FFEEC0; } #gtw #content ul.downloadlinks li, #gtw #content ul.downloadlinks li a{ color: #BA6F1E; list-style-type: image; list-style-image: url(bull_bak.gif) ; } /* GTW recipes styling */ #gtw #content .column1{width: 35%; float: left; height: 100%} body#gtw.fa #content .column1{float: right;} #gtw .column1 img, #product-page .column1 img{margin-top: 10px} #gtw #content .column2{width: 65%; float: left; height: 100%;} body#gtw.fa #content .column2{float: right;} #gtw #content p.title{ background: #ffeec0 no-repeat; margin-top: 10px; padding: 3px 0px 3px 10px; margin-bottom: 10px; font-weight: bold; color: #C8601F; } #gtw #content .column2 p.title{background: #ffeec0 no-repeat; } #gtw #content table.table-gtw { background: none; width: 100%; border: none; color: black;} #gtw #content table.table-gtw td{ border: none;} #gtw #content table.table-gtw .tablecol1{ width: 50%; } #gtw #content table.table-gtw .tablecol2{ width: 25%; } #gtw #content table.table-gtw .tablecol3{ width: 25%; } /*** seminars ***/ #seminars #pictures {float:left;width: 180px;} #seminars #pictures img{width:177px; } #seminars #article {clear:none;float:right;width: 350px;} #seminars #header{background: #fff url('../headers/bg_seminars.jpg') right top no-repeat} body#seminars.fa #header{background-image: url('../headers/bg_rtl_seminars.jpg'); background-position: left top; } #seminars #content { background-color: #e7f4fc; } #seminars h1, #seminars h2{color: #596c7a; } #seminars #content a {color: #000; } #seminars h2.fake,#seminars h4.fake { background-image: url(b_sem.jpg); } body#seminars.fa h2.fake,body#seminars.fa h4.fake { background-image: url(b_rtl_sem.jpg); } #seminars #content a.more, #seminars #content a.arrowLink { background: center left no-repeat url(bull_sem.gif)} body#seminars.fa #content a.more, body#seminars.fa #content a.arrowLink { background: center right no-repeat url(bull_sem_rtl.gif); padding-left: 0; padding-right: 15px; display: block;} #seminars table .label, #seminars table .checkbox{color: #596c7a !important; } /*** nutrition ***/ #nutrition #pictures {float:left;width: 180px;} #nutrition #pictures img{width:177px; } #nutrition #article {clear:none;float:right;width: 350px;} #nutrition #header{background: #fff url('../headers/bg_nutrition.jpg') right top no-repeat} body#nutrition.fa #header{background-image: url('../headers/bg_rtl_seminars.jpg'); background-position: left top; } #nutrition #content { background-color: #eaa964; } #nutrition h1, #nutrition h2{color: #930000; } #nutrition #content a {color: #000; } #nutrition h2.fake,#nutrition h4.fake { background-image: url(b_sem.jpg); } body#nutrition.fa h2.fake,body#nutrition.fa h4.fake { background-image: url(b_rtl_sem.jpg); } #nutrition #content a.more, #nutrition #content a.arrowLink { background: center left no-repeat url(bull_sem.gif)} body#nutrition.fa #content a.more, body#nutrition.fa #content a.arrowLink { background: center right no-repeat url(bull_sem_rtl.gif); padding-left: 0; padding-right: 15px; display: block;} #nutrition table .label, #nutrition table .checkbox{color: #596c7a !important; } /*** bakery ***/ #bakery #header{background: #fff url('../headers/bg_bakery.jpg') right top no-repeat} body#bakery.fa #header{background-image: url('../headers/bg_rtl_bakery.jpg'); background-position: left top;} #bakery #content { background-color: #E5D9C6; } #bakery h1, #bakery h2, #bakery dt.header, #bakery #content a {color: #BD8900; } #bakery h2.fake, #bakery h4.fake,#bakery dt.header{ background-image: url(b_bakery.jpg); } body#bakery.fa h2.fake, body#bakery.fa h4.fake, body#bakery.fa dt.header{ background-image: url(b_rtl_bakery.jpg); } #bakery #content a.more, #bakery #content a.arrowLink { background: center left no-repeat url(bull_bak.gif);} body#bakery.fa #content a.more, body#bakery.fa #content a.arrowLink { background: center right no-repeat url(bull_rtl_bak.gif);} #bakery #content .clearBg{background:#D9CEBC;} #bakery #content .darkBg{background: #CEC3B2;} #bakery #content table.images {border-collapse:collapse; width:50%} #bakery #content table.images td {background-color:#D9CEBC;border: 4px solid #E5D9C6} #bakery #content table.images .caption {border-top: 4px solid #E5D9C6} /*product overview*/ #bakery #content .searchResults li,#bakery #content .searchResults li .notbold a,#bakery #content .searchResults li a{color: #BD8900; } #patisserie #content .searchResults .details{width:420px} #patisserie #content .searchResults .logocontainer{position:absolute;right:0px;_right:10px;top:0px;width:50px;height:45px} #patisserie #content .searchResults .logocontainer .logo{vertical-align:middle;height:100%;background-repeat:no-repeat;margin-top:6px;margin-left:5px} /* #patisserie #content .searchResults .logocontainer .patisfrance{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ImageLib/puratos/css/icons/patisfrance_icon.png', sizingMethod='none'); background: url("/imagelib/puratos/css/icons/patisfrance_icon.png"); background-repeat:no-repeat; *background: none; /* IE only star hack */ } #patisserie #content .searchResults .logocontainer .puratos{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ImageLib/puratos/css/icons/puratos_icon.png', sizingMethod='none'); background: url("/imagelib/puratos/css/icons/puratos_icon.png"); repeat:no-repeat; background-repeat:no-repeat; *background: none; /* IE only star hack */ } */ /*product detail page*/ #bakery #content dl table td, #bakery #content dl table th{padding: 4px; background:#EDE4D7;text-align:left;} body.fa #bakery #content dl table td, body.fa #bakery #content dl table th{text-align:right;} /*** patisserie ***/ #patisserie #header{background: #fff url('../headers/bg_patisserie.jpg') right top no-repeat} body#patisserie.fa #header{background-image: url('../headers/bg_rtl_bpatisserie.jpg');} #patisserie #content { background-color: #F3DFC8; } #patisserie h1, #patisserie h2, #patisserie dt.header, #patisserie #content a { color: #AA0038; } #patisserie h2.fake, #patisserie h4.fake, #patisserie dt.header { background-image: url(b_pat.jpg); } body#patisserie.fa h2.fake, body#patisserie.fa h4.fake, body#patisserie.fa dt.header { background-image: url(b_rtl_pat.jpg); } #patisserie #content a.more, #patisserie #content a.arrowLink { background: center left no-repeat url(bull_pat.gif); } body#patisserie.fa #content a.more, body#patisserie.fa #content a.arrowLink { background: center right no-repeat url(bull_rtl_pat.gif); padding-left: 0; padding-right: 15px; display: block;} #patisserie #content .clearBg{background: #E7D4BE;} #patisserie #content .darkBg{background: #DAC8B4;} #patisserie #content table.images {border-collapse:collapse} #patisserie #content table.images td {background-color:#E7D4BE;border: 4px solid #F3DFC8; } #patisserie #content table.images .caption {border-top: 4px solid #F3DFC8} /*product overview*/ #patisserie #content .searchResults li,#patisserie #content .searchResults li .notbold a,#patisserie #content .searchResults li a{color: #AA0038; } /*product detail page*/ #patisserie #content dl table td, #patisserie #content dl table th {padding: 4px; background:#F7E9D9;text-align:left;} #patisserie #content .logobox{background-image: url(b_logobox.jpg);} body#patisserie.fa #content div.logobox{background-image: url(b_rtl_logobox.jpg);} body.fa #patisserie #content dl table td, body.fa #patisserie #content dl table th{text-align:right;} /*** chocolate ***/ #chocolate #header{background: #fff url('../headers/bg_chocolate.jpg') right top no-repeat} body#chocolate.fa #header{background-image: url('../headers/bg_rtl_chocolate.jpg'); background-position: left top;} #chocolate #content { background-color: #F2E6BB; } #chocolate h1, #chocolate h2, #chocolate dt.header, #chocolate #content a { color: #9A3D00; } #chocolate h2.fake, #chocolate h4.fake, #chocolate dt.header { background-image: url(b_choc.jpg); } body#chocolate.fa h2.fake, body#chocolate.fa h4.fake, body#chocolate.fa dt.header { background-image: url(b_rtl_choc.jpg); } #chocolate #content a.more, #chocolate #content a.arrowLink {background: center left no-repeat url(bull_choc.gif); } body#chocolate.fa #content a.more, body#chocolate.fa #content a.arrowLink {background: center right no-repeat url(bull_rtl_choc.gif); padding-left: 0; padding-right: 15px; display: block;} #chocolate #content .clearBg{background:#E6DAB1;} #chocolate #content .darkBg{background: #D9CFA8;} #chocolate #content table.images {border-collapse:collapse} #chocolate #content table.images td {background-color:#E6DAB1;border: 4px solid #F2E6BB} #chocolate #content table.images .caption {border-top: 4px solid #F2E6BB} /*product overview*/ #chocolate #content .searchResults li,#chocolate #content .searchResults li .notbold a,#chocolate #content .searchResults li a{color: #9A3D00; } /*product detail page*/ #chocolate #content dl table td, #chocolate #content dl table th {padding: 4px; background:#F6EED0;text-align:left;} body#chocolate.fa #content dl table td, body#chocolate.fa #content dl table th {text-align: right;} /*** GTW ***/ #gtw #header{background: #fff4da url('../headers/css_header_gtw.jpg') right top no-repeat} /*** cash_carry ***/ #cash_carry #header{background: #fff url('../headers/bg_information_centre.jpg') right top no-repeat} body#cash_carry.fa #header{background-image: url('../headers/bg_information_centre.jpg'); background-position: left top;} #cash_carry #content { background-color: #DDE5D8; } #cash_carry h1, #cash_carry h2, #cash_carry dt.header, #cash_carry #content a { color: #1C4A00; } #cash_carry h2.fake, #cash_carry h4.fake, #cash_carry dt.header { background-image: url(b_info.jpg); } body#cash_carry.fa h2.fake, body#cash_carry.fa h4.fake, body#cash_carry.fa dt.header { background-image: url(b_rtl_info.jpg); } #cash_carry #content a.more, #cash_carry #content a.arrowLink {background: center left no-repeat url(bull_info.gif); } body#cash_carry.fa #content a.more, body#cash_carry.fa #content a.arrowLink {background: center right no-repeat url(bull_rtl_info.gif); padding-left: 0; padding-right: 15px; display: block;} #cash_carry #content .clearBg{background:#D2D9CD;} #cash_carry #content .darkBg{background: #C6CEC2;} #cash_carry #content table.images {border-collapse:collapse} #cash_carry #content table.images td {background-color:#D2D9CD;border: 4px solid #DDE5D8} #cash_carry #content table.images .caption {border-top: 4px solid #DDE5D8} /*product overview*/ #cash_carry #content .searchResults li,#cash_carry #content .searchResults li .notbold a,#cash_carry #content .searchResults li a{color: #1C4A00; } /*product detail page*/ #cash_carry #content dl table td, #cash_carry #content dl table th {padding: 4px; background:#F6EED0;text-align:left;} body#cash_carry.fa #content dl table td, body#cash_carry.fa #content dl table th {text-align: right} /*** about ***/ #about #header{background: #fff url('../headers/bg_about_us.jpg') right top no-repeat} body#about.fa #header{background-image: url('../headers/bg_rtl_about_us.jpg'); background-position: left top; } #about #content { background-color: #FFF4D5; } #about h1, #about h2, #about #content a { color: #DE7902; } #about h2.fake,#about h4.fake { background-image: url(b_about.jpg); } body#about.fa h2.fake, body#about.fa h4.fake { background-image: url(b_rtl_about.jpg); } #about #content a.more, #about #content a.arrowLink { background: center left no-repeat url(bull_about.gif); } body#about.fa #content a.more, body#about.fa #content a.arrowLink { background: center right no-repeat url(bull_rtl_about.gif); padding-left: 0; padding-right: 15px; display: block;} #about #content .clearBg{background:#F2E8CA;} #about #content .darkBg{background: #E5DBBF;} #about #content table.images {border-collapse:collapse} #about #content table.images td {background-color:#F2E8CA;border: 4px solid #FFF4D5} #about #content table.images .caption {border-top: 4px solid #FFF4D5} /*** careers ***/ #careers #header{background: #fff url('../headers/bg_careers.jpg') right top no-repeat} body#careers.fa #header{background-image: url('../headers/bg_rtl_careers.jpg'); background-position: left top; } #careers #content { background-color: #EAE1E5; } #careers h1, #careers h2, #careers #content a {color: #930000; } #careers h2.fake,#careers h4.fake { background-image: url(b_car.jpg); } body#careers.fa h2.fake,body#careers.fa h4.fake { background-image: url(b_rtl_car.jpg); } #careers #content a.more, #careers #content a.arrowLink { background: center left no-repeat url(bull_car.gif)} body#careers.fa #content a.more, body#careers.fa #content a.arrowLink { background: center right no-repeat url(bull_rtl_car.gif); padding-left: 0; padding-right: 15px; display: block;} #careers #content .clearBg{background:#DED6D9;} #careers #content .darkBg{background: #D2CACE;} #careers #content table.images {border-collapse:collapse} #careers #content table.images td {background-color:#DED6D9;border: 4px solid #EAE1E5} #careers #content table.images .caption {border-top: 4px solid #EAE1E5} /* jobs */ /* job overview */ #careers #content dl table.jobs{margin-bottom:-10px; width: 100%;margin-left: -6px} #careers #content dl table.jobs td{padding:4px} /* job detail */ #careers #content p.jobDetail{padding: 4px; margin-bottom:0px; background: #D2CACE;} #careers #content p.jobDetail .label{color: #930000;} #careers #content .jobId{ display:none} /*** contact and concept - general pages ***/ #contact #header, #x_contacts #header, #x_distributors #header, #concept #header, #disclaimer #header, #error #header, #newsletter #header{background: #fff url('../headers/bg_contact.jpg') right top no-repeat} body#contact.fa #header, body#x_contacts.fa #header, body#x_distributors.fa #header, body#concept.fa #header, body#disclaimer.fa #header, body#error.fa #header{background-image: url('../headers/bg_rtl_contact.jpg'); background-position: left top;} #contact #content, #x_contacts #content, #x_distributors #content, #concept #content, #disclaimer #content, #error #content, #newsletter #content{ background-color: #E0ECE8; } #contact h1, #contact h2, #contact #content a, #x_contacts h1, #x_contacts h2, #x_contacts #content a, #x_distributors h1, #x_distributors h2, #x_distributors #content a, #concept h1, #concept h2, #concept #content a, #disclaimer h1, #disclaimer h2, #disclaimer #content a, #error h1, #error h2, #error #content a, #newsletter h1, #newsletter #content a { color: #018167; } #contact h2.fake, #contact h4.fake, #x_contacts h2.fake, #x_contacts h4.fake, #x_distributors h2.fake, #x_distributors h4.fake,#concept h2.fake, #concept h4.fake, #disclaimer h2.fake, #disclaimer h4.fake, #error h2.fake, #error h4.fake { background-image: url(b_cont.jpg); } body#contact.fa h2.fake, body#contact.fa h4.fake, body#x_contacts.fa h2.fake, body#x_contacts.fa h4.fake, body#x_distributors.fa h2.fake, body#x_distributors.fa h4.fake,#concept h2.fake, body#concept.fa h4.fake, body#disclaimer.fa h2.fake, body#disclaimer.fa h4.fake, body#error.fa h2.fake, body#error.fa h4.fake { background-image: url(b_rtl_cont.jpg); } #contact #content a.more, #contact #content a.arrowLink, #x_contacts #content a.more, #x_contacts #content a.arrowLink, #x_distributors #content a.more, #x_distributors #content a.arrowLink, #concept #content a.more, #concept #content a.arrowLink { background: center left no-repeat url(bull_cont.gif); } body#contact.fa #content a.more, body#contact.fa #content a.arrowLink, body#x_contacts.fa #content a.more, body#x_contacts.fa #content a.arrowLink, body#x_distributors.fa #content a.more, body#x_distributors.fa #content a.arrowLink, body#concept.fa #content a.more, body#concept.fa #content a.arrowLink { background: center right no-repeat url(bull_rtl_cont.gif); padding-left: 0; padding-right: 15px; display: block;} #contact #content .clearBg, #x_contacts #content .clearBg, #x_distributors #content .clearBg, #concept #content .clearBg{background:#D5E0DC;} #contact #content .darkBg, #x_contacts #content .darkBg, #x_distributors #content .darkBg, #concept #content .darkBg{background: #C9D4D0;} #contact #content table.images, #concept #content table.images {border-collapse:collapse} #contact #content table.images td,#concept #content table.images td {background-color:#D5E0DC;border: 4px solid #E0ECE8} #contact #content table.images .caption, #concept #content table.images .caption {border-top: 4px solid #E0ECE8} #x_contacts #content .searchResults li, #x_contacts #content .searchResults li .notbold a, #x_distributors #content .searchResults li, #x_distributors #content .searchResults li .notbold a, #x_distributors #content .searchResults li a, #x_contacts #content .searchResults li a{color: #018167; } #contactDetails tr td {padding-bottom:30px;} #contact a.arrowLink {margin-left:2px;} /*contactForm main and locals contact en x_contacts*/ #content #contactForm table span.label{color: #018167; font-weight:bold; text-align:right; display:block; padding-right:30px} /* fix checkbox label */ #content #contactForm table span.checkbox{color: #018167; font-weight:bold; display:block; padding-right:30px} body.fa #content #contactForm table span.label{text-align: left;} /* left out because border not supported for select elements */ /*#contactForm input, #contactForm textarea,#contactForm select{border: solid 1px #000}*/ #contactForm td input, #contactForm td textarea{width: 300px} /* fix checkbox width */ #contactForm td span input {width: 20px} #contactForm .checkboxlist td input {width: 20px} #content #contactForm select{width: 302px; color: #000000;} #content #contactForm table td p{margin-top:10px} #content #contactForm p a.sendButton{border: solid 1px #000;text-decoration:none;color: #fff;background-color: #d9a216;} #content #contactForm p a.sendButton:link, a.sendButton:active, a.sendButton:visited, a.sendButton:hover{text-decoration: none; color: #fff; background-color: #d9a216; padding:3px} #content #contactForm p a.sendButton:hover{background-color: #7b2d19} /*** information_centre ***/ #information_centre #header{background: #fff url('../headers/bg_information_centre.jpg') right top no-repeat} body#information_centre.fa #header{background-image: url('../headers/bg_rtl_information_centre.jpg'); background-position: left top;} #information_centre #content { background-color: #DDE5D8; } #information_centre h1, #information_centre h2, #information_centre #content a { color: #1C4A00; } #information_centre h2.fake, #information_centre h4.fake { background-image: url(b_info.jpg); } body#information_centre.fa h2.fake, body#information_centre.fa h4.fake { background-image: url(b_rtl_info.jpg); } #information_centre #content a.more, #information_centre #content a.arrowLink { background: center left no-repeat url(bull_info.gif); } body#information_centre.fa #content a.more, body#information_centre.fa #content a.arrowLink { background: center right no-repeat url(bull_rtl_info.gif); padding-left: 0; padding-right: 15px; display: block;} #information_centre #content .clearBg{background:#D2D9CD;} #information_centre #content .darkBg{background: #C6CEC2;} #information_centre #content table.images {border-collapse:collapse} #information_centre #content table.images td {background-color:#D2D9CD;border: 4px solid #DDE5D8} #information_centre #content table.images .caption {border-top: 4px solid #DDE5D8} /*** support_services ***/ #support_services #header, #vision_magazine #header{background: #fff url('../headers/bg_support_services.jpg') right top no-repeat} body#support_services.fa #header{background-image: url('../headers/bg_rtl_support_services.jpg'); background-position: left top;} #support_services #content { background-color: #E1E6E7; } #support_services h1, #support_services h2, support_services dt.header, #support_services #content a, #vision_magazine h1, #vision_magazine #content a { color: #00356B; } #support_services h2.fake, #support_services dt.header, #support_services h4.fake { background-image: url(b_sup.jpg); } body#support_services.fa h2.fake, body#support_services.fa dt.header, body#support_services.fa h4.fake { background-image: url(b_rtl_sup.jpg); } #support_services #content a.more, #support_services #content a.arrowLink { background: center left no-repeat url(bull_sup.gif);} body#support_services.fa #content a.more, body#support_services.fa #content a.arrowLink { background: center right no-repeat url(bull_rtl_sup.gif); padding-left: 0; padding-right: 15px; display: block;} #support_services #content .clearBg{background:#D6DADB;} #support_services #content .darkBg{background: #CACFCF;} #supportServices #content table.images {border-collapse:collapse} #supportServices #content table.images td {background-color:#D6DADB;border: 4px solid #E1E6E7} #supportServices #content table.images .caption {border-top: 4px solid #E1E6E7} /* Recipe page */ #support_services #content ul{ margin-bottom:0px;} #support_services #content ul.ingredientsList{ margin-bottom:15px;margin-top:-15px;} #support_services #content ul.ingredientsList{color: #00356B; list-style-image: url(css_dash.gif); text-transform: lowercase; } #support_services #content ul.ingredientsList li{margin-left:12px } #support_services #content dl{margin-left: 12px;} #support_services #content dt{margin-bottom:5px} #support_services #content dt.header{margin-bottom:15px;color: #00356B;} #support_services #content .contentTable, #content div.extract .contentTable{width: 65%; border-collapse:collapse; } #support_services #content .contentTable{margin-left:16px } #support_services #content .contentTable td, .contentTable th{padding: 4px; } #support_services #content .contentTable th{ background: #CACFCF; text-align:left; width:60%;border-right:solid 2px #E1E6E7;} body.fa #support_services #content .contentTable th{text-align: right} #support_services #content .contentTable td{ background: #F3F5F5; text-align: left; border-bottom:solid 2px #E1E6E7; } body.fa #support_services #content .contentTable td{text-align: right} /*recipes overview*/ #support_services #content .recipes li,#support_services #content .recipes li .notbold a{color: #9A3D00;display:block } #support_services #content dl{margin-bottom:25px} #support_services #content dl p .bold {margin-top:15px} /* maybe too much space if not title content*/ #support_services #content dd ul li, #support_services #content dd ol li{margin-left:12px } #support_services #content #recipe-pages ul{margin-left: 0px;} #recipe-pages{background: #fff; padding: 0;} #recipe-pages h1{ padding-left: 10px; background-color: #E1E6E7} #support_services #content #recipe-pages .highlight .trimmed{margin: 0; padding: 0; padding-left: 10px} #support_services #content #recipe-pages .highlight{background: #E1E6E7; overflow: hidden; width: 100%; } /* overflow omdat image uit div float, width=100% is nodig voor IE (overflow alleen werkt hier niet) zodat haslayout enabled is */ #support_services #content #recipe-pages .highlight h2{margin: 0; padding: 5px; padding-left: 10px; background: #CDD5D7; font-size: 15px;} #support_services #content #recipe-pages .highlight h3{background: url(css_highlight_title_back.jpg) repeat-y; margin: 0; padding: 10px; font-size: 15px; color: #75868E;} #support_services #content #recipe-pages .highlight p{padding: 10px;} #support_services #content #recipe-pages .highlight a.arrow-link{background: url(css_arrow_black.gif) no-repeat 10px 3px; padding-left: 30px; color: #000; text-decoration: none; font-weight: bold;} body.fa #support_services #recipe-pages .highlight a.arrow-link{background: url(css_rtl_arrow_black.gif) no-repeat 100% 3px; padding-left: 0; padding-right: 30px; display: block;} #support_services #content #recipe-pages .highlight img{float: right;} body#support_services.fa #content #recipe-pages .highlight img{float: left;} /*#support_services #recipe-pages .category img{padding-right: 1px;}*/ #support_services #content #recipe-pages .category h2{background: #B6C5CA; margin: 2px 0; padding: 5px; padding-left: 10px; font-size: 140%; color: #fff} #recipe-pages .category a{text-decoration: none} #recipe-pages .category a.imagelink{position: relative; width: 170px; float: left; margin: 0px 4px 0px 4px;} body.fa #recipe-pages .category a.imagelink{float: right; margin: 0px 4px 0px 4px;} #recipe-pages .category a.imagelink h3{cursor: pointer; position: absolute; left: 0px; top: 0px; color: #fff; font-size: 1.3em; font-weight: bold; background: url(Bakery_recipes-Overlay.jpg) no-repeat left top; width: 155px; margin: 0; padding: 4px 10px 6px 10px;} body.fa #recipe-pages .category a.imagelink h3{background: url(Bakery_recipes-Overlay_rtl.jpg) no-repeat right top;} #recipe-pages .category a.imagelink h3.patisserie-category{background: url(Patisserie_recipes-Overlay.jpg) no-repeat left top;} body.fa #recipe-pages .category a.imagelink h3.patisserie-category{background: url(Patisserie_recipes-Overlay_rtl.jpg) no-repeat right top;} #recipe-pages .category a.imagelink h3.chocolate-category{background: url(Chocolate_recipes-Overlay.jpg) no-repeat left top;} body.fa #recipe-pages .category a.imagelink h3.chocolate-category{background: url(Chocolate_recipes-Overlay_rtl.jpg) no-repeat right top;} #support_services #content #recipe-pages .category .categories_bread li, #support_services #content #recipe-pages .category .categories_patisserie li, #support_services #content #recipe-pages .category .categories_chocolate li{clear: both; list-style-type: none; margin-bottom: 2px; padding: 7px;} #support_services #content #recipe-pages .category .categories_bread li{background: #D9B47A} #support_services #content #recipe-pages .category .categories_patisserie li{background: #BC1747} #support_services #content #recipe-pages .category .categories_chocolate li{background: #AD4F00} #support_services #content #recipe-pages .category .categories_bread li a.arrow-link, #support_services #recipe-pages .categories_patisserie li a.arrow-link, #support_services #recipe-pages .categories_chocolate li a.arrow-link{background: url(css_arrow_white.gif) no-repeat 2px 3px; padding-left: 20px; display: block; color: #fff; text-decoration: none; font-weight: bold;} body#support_services.fa #content #recipe-pages .category .categories_bread li a.arrow-link, body#support_services.fa #recipe-pages .categories_patisserie li a.arrow-link, body#support_services.fa #recipe-pages .categories_chocolate li a.arrow-link{background: url(css_rtl_arrow_white.gif) no-repeat 100% 3px; padding-left: 0; padding-right: 20px; display: block;} #support_services #content #recipe-pages .category p{padding: 10px;} /* #support_services #content #recipe-pages .event_recipes{clear: both} #support_services #content #recipe-pages .event_recipes p{background: #B6C5CA; margin: 8px 0; padding: 7px; padding-left: 10px;} #support_services #content #recipe-pages .event_recipes p a{text-decoration: none; color: #fff; font-weight: bold;} #support_services #content #recipe-pages .event_recipes p a.arrow-link{background: url(css_arrow_white.gif) no-repeat 2px 3px; padding-left: 20px; display: block; color: #fff; text-decoration: none} body#support_services.fa #content #recipe-pages .event_recipes p a.arrow-link{background: url(css_rtl_arrow_white.gif) no-repeat 100% 3px; padding-left: 0; padding-right: 20px; display: block; } #support_services #content #recipe-pages .bakery-recipes h2{margin: 0; padding: 5px; padding-left: 10px; background: #D9B47A; font-size: 15px; color: #fff} #support_services #content #recipe-pages .patisserie-recipes h2{margin: 0; padding: 5px; padding-left: 10px; background: #BC1747; font-size: 15px; color: #fff} #support_services #content #recipe-pages .chocolate-recipes h2{margin: 0; padding: 5px; padding-left: 10px; background: #AD4F00; font-size: 15px; color: #fff} #support_services #content #recipe-pages .bakery-recipes h3{margin: 2px 0px; padding: 7px; padding-left: 10px; background: #E7D1AD; color: #fff} #support_services #content #recipe-pages .patisserie-recipes h3{margin: 2px 0px; padding: 7px; padding-left: 10px; background: #D36887; color: #fff} #support_services #content #recipe-pages .chocolate-recipes h3{margin: 2px 0px; padding: 7px; padding-left: 10px; background: #C37F45; color: #fff} #support_services #content #recipe-pages .bakery-recipes .recipe-intro, #support_services #recipe-pages .patisserie-recipes .recipe-intro, #support_services #recipe-pages .chocolate-recipes .recipe-intro{margin: 3px; padding-right: 2px; background: #F4F7F7; width: 48%; height: 80px; float: left;} body#support_services.fa #content #recipe-pages .bakery-recipes .recipe-intro, body#support_services.fa #recipe-pages .patisserie-recipes .recipe-intro, body#support_services.fa #recipe-pages .chocolate-recipes .recipe-intro{padding-left: 2px; padding-right: 0; float: right;} #support_services #content #recipe-pages .bakery-recipes .recipe-intro img, #support_services #recipe-pages .patisserie-recipes .recipe-intro img, #support_services #recipe-pages .chocolate-recipes .recipe-intro img{float: left; margin: 4px;} body#support_services.fa #content #recipe-pages .bakery-recipes .recipe-intro img, body#support_services.fa #recipe-pages .patisserie-recipes .recipe-intro img, body#support_services.fa #recipe-pages .chocolate-recipes .recipe-intro img{float: right;} #support_services #content #recipe-pages .bakery-recipes .recipe-intro p, #support_services #recipe-pages .patisserie-recipes .recipe-intro p, #support_services #recipe-pages .chocolate-recipes .recipe-intro p{float: right; width: 55%; margin-right: 5px; margin-top: 10px} body#support_services.fa #content #recipe-pages .bakery-recipes .recipe-intro p, bbody#support_services.fa #recipe-pages .patisserie-recipes .recipe-intro p, body#support_services.fa #recipe-pages .chocolate-recipes .recipe-intro p{float: left; margin-right: 0; margin-left: 5px; } #support_services #content #recipe-pages .bakery-recipes .recipe-intro span a, #support_services #recipe-pages .patisserie-recipes .recipe-intro span a, #support_services #recipe-pages .chocolate-recipes .recipe-intro span a{text-decoration: underline; color: #000; font-weight: bold;} */ /*** recipe-pages id converted to content id ***/ #support_services #content .event_recipes{clear: both} #support_services #content .event_recipes p{background: #B6C5CA; margin: 3px 0; padding: 7px; padding-left: 10px;} #support_services #content .event_recipes p a{text-decoration: none; color: #fff; font-weight: bold;} #support_services #content .event_recipes p a.arrow-link{background: url(css_arrow_white.gif) no-repeat 2px 3px; padding-left: 20px; display: block; color: #fff; text-decoration: none} body#support_services.fa #content .event_recipes p a.arrow-link{background: url(css_rtl_arrow_white.gif) no-repeat 100% 3px; padding-left: 0; padding-right: 20px; display: block;} #support_services #content .bakery-recipes h2{margin: 0; padding: 5px; padding-left: 10px; background: #D9B47A; font-size: 15px; color: #fff} #support_services #content .patisserie-recipes h2{margin: 0; padding: 5px; padding-left: 10px; background: #BC1747; font-size: 15px; color: #fff} #support_services #content .chocolate-recipes h2{margin: 0; padding: 5px; padding-left: 10px; background: #AD4F00; font-size: 15px; color: #fff} #support_services #content .bakery-recipes h3{margin: 2px 0px; padding: 7px; padding-left: 10px; background: #E7D1AD; color: #fff} #support_services #content .patisserie-recipes h3{margin: 2px 0px; padding: 7px; padding-left: 10px; background: #D36887; color: #fff} #support_services #content .chocolate-recipes h3{margin: 2px 0px; padding: 7px; padding-left: 10px; background: #C37F45; color: #fff} #support_services #content .bakery-recipes .recipe-intro, #support_services #content .patisserie-recipes .recipe-intro, #support_services #content .chocolate-recipes .recipe-intro{margin: 3px; padding-right: 2px; background: #F4F7F7; width: 48%; height: 100px; float: left;} body#support_services.fa #content .bakery-recipes .recipe-intro, body#support_services.fa #content .patisserie-recipes .recipe-intro, body#support_services.fa #content .chocolate-recipes .recipe-intro{padding-right: 0; padding-left: 2px; float: right;} #support_services #content .bakery-recipes .recipe-intro img, #support_services #content .patisserie-recipes .recipe-intro img, #support_services #content .chocolate-recipes .recipe-intro img{float: left; margin: 4px;} body#support_services.fa #content .bakery-recipes .recipe-intro img, body#support_services.fa #content .patisserie-recipes .recipe-intro img, body#support_services.fa #content .chocolate-recipes .recipe-intro img{float: right;} #support_services #content .bakery-recipes .recipe-intro p, #support_services #content .patisserie-recipes .recipe-intro p, #support_services #content .chocolate-recipes .recipe-intro p{float: right; width: 55%; margin-right: 5px; margin-top: 10px} body#support_services.fa #content .bakery-recipes .recipe-intro p, body#support_services.fa #content .patisserie-recipes .recipe-intro p, body#support_services.fa #content .chocolate-recipes .recipe-intro p{float: left; margin-right: 0; margin-left: 5px;} #support_services #content .bakery-recipes .recipe-intro span a, #support_services #content .patisserie-recipes .recipe-intro span a, #support_services #content .chocolate-recipes .recipe-intro span a{text-decoration: underline; color: #000; font-weight: bold;} #support_services #content .trimmed{margin: 0; padding: 0} #support_services #content .column1{width: 35%; float: left; height: 100%} body#support_services.fa #content .column1{float: right;} #content .column1 img, #product-page .column1 img{margin-top: 10px} #support_services #content .column2{width: 65%; float: left; height: 100%;} body#support_services.fa #content .column2{float: right;} #support_services #content .column1 p.title, #support_services #content .column2 p.title{background: url(css_background_ingredientstitle.jpg) no-repeat; margin-top: 10px; padding: 3px 0px 8px 10px; font-weight: bold;} body#support_services.fa #content .column1 p.title, body#support_services.fa #content .column2 p.title{background: url(css_rtl_background_ingredientstitle.jpg) no-repeat 100% 0px; padding-left: 0; padding-right: 10px; } #support_services #content .column1 ul{margin-left: 10px; list-style-type: disc;} #support_services #content .column1 a{color: #000; font-weight: bold; text-decoration: none;} #support_services #content .column1 a:hover{text-decoration: underline;} #support_services #content .column2 .table-simple, #support_services #content .table-complex{width: 100%} #support_services #content .column2 .table-simple .tablecol1, #support_services #content .table-complex .tablecol1{width: 70%} #support_services #content .column2 .table-simple .tablecol2, #support_services #content .table-complex .tablecol2{width: 20%} #support_services #content .column2 .table-simple .tablecol3, #support_services #content .table-complex .tablecol3{width: 10%} #support_services #content .column2 .table-simple td, .table-complex td{background: #D7DFE1; padding: 3px 10px 3px 10px} #support_services #content .column2 .table-complex th{background: #D7DFE1; padding: 15px 10px 3px 10px; font-weight: bold} #support_services #content .column2 .table-complex .remark{font-weight: normal} #support_services #content .column2 .recipe-method{background: #fff; border: 1px solid rgb(215, 223, 225); padding: 5px; -moz-border-radius: 0px 0px 10px 10px;} body#support_services.fa #content .column2 .recipe-method{margin-left: 0; border: 1px solid rgb(215, 223, 225); padding: 5px 10px; -moz-border-radius: 0px 0px 10px 10px;} #support_services #content .column2 .recipe-method p.subtitle{font-weight: bold; margin-left: 5px; padding-top: 10px; padding-bottom: 5px} #support_services #content .column2 .recipe-method p{padding: 0px 10px 10px 10px; } #support_services #content .column2 .recipe-method ul{margin-left: 30px; padding-right: 10px} #support_services #content .column2 .recipe-method ol{margin-left: 40px} #support_services #content .spacer{clear: both} /*** added by D Dionys 20061115 ****/ #support_services #content .column1 ul{margin: -15px 0px 15 px 10px; list-style-type: disc; color: #00356B; list-style-image: url(css_dash.gif);} /*product pages: new design oct 2006*/ #product-page{background-color: #F2E6BB; padding: 10px; overflow: hidden;} * html #product-page{overflow: visible;} #product-page ul.downloadlinks{list-style-type: none; margin: 20px 10px 20px 0px; clear: both} #product-page ul.downloadlinks li{background: url('css_arrow_brown.gif') no-repeat 10px 10px; background-color: #F7EFD3; padding: 5px 10px 5px 25px; margin-bottom: 2px} #product-page ul.downloadlinks li a{font-size: 1.2em; color: #9A3D00; text-decoration: none;} #product-page h3{background: url('css_background_ingredientstitle_brown.jpg') no-repeat; color: #9A3D00; margin-top: 10px; margin-left: 0px; padding: 0px 0px 5px 5px;} body#product-page.fa h3{background: url('css_rtl_background_ingredientstitle_brown.jpg') no-repeat 100% 0px; padding-left: 0; padding-right: 5px; } #product-page ul.recipelist{list-style-type: none; margin: 0px 10px 10px 0px} #product-page ul.recipelist li{background: url('css_arrow_brown.gif') no-repeat 5px 9px; background-color: none; padding: 5px 10px 2px 20px;} #product-page ul.recipelist li a{font-weight: bold; color: #9A3D00; text-decoration: none;} #product-page .column1{width: 32%; float: left; margin-bottom: 20px;} #product-page .column2{width: 68%; float: left; margin-bottom: 20px;} body#product-page.fa .column1{float: right;} body#product-page.fa .column2{float: right;} #product-page .column2 h1{margin: 0; padding: 0; color: #9A3D00; margin-top: 10px;} #product-page .column2 h2{margin: 0; padding: 0; color: #9A3D00; margin-top: 5px; margin-bottom: 5px;} #product-page .column2 p.productcode{margin: 0; margin-top: 5px; margin-bottom: 10px;} #product-page .column2 h3{margin-left: 0} #product-page .column2 .table-simple{width: 100%;} #product-page .column2 .table-simple .tablecol1{width: 60%} #product-page .column2 .table-simple .tablecol2{width: 20%} #product-page .column2 .table-simple .tablecol3{width: 20%} #product-page .column2 .table-simple td{background: #F7EFD3; padding: 3px 10px 3px 10px} #product-page .generalproperties p{margin-top: 5px; margin-right: 10px} #product-page .generalproperties ul{list-style-type: disc; margin: 0; margin-left: 15px; padding-right: 10px;} #product-page .generalproperties ul li{background: none; margin: 0; padding: 0; font-weight: normal; color: #000} /*** news_events ***/ #news_events #header{background: #fff url('../headers/bg_news.jpg') right top no-repeat} body#news_events.fa #header{background-image: url('../headers/bg_rtl_news.jpg'); background-position: left top;} #news_events #content { background-color: #E5D9C6; } #news_events h1, #news_events h2, #news_events #content a {color: #AB002C; } #news_events h2.fake, #news_events h4.fake { background-image: url(b_news.jpg); } body#news_events.fa h2.fake, body#news_events.fa h4.fake { background-image: url(b_rtl_news.jpg); } #news_events #content a.more, #news_events #content a.arrowLink {background: center left no-repeat url(bull_news.gif); float:left} body#news_events.fa #content a.more, body#news_events.fa #content a.arrowLink {background: center right no-repeat url(bull_rtl_news.gif); float:right} #news_events #content a.arrowLink {float:left} #news_events #content .clearBg{background:#D9CEBC;} #news_events #content .darkBg{background: #CEC3B2;} #news_events #content table.images {border-collapse:collapse} #news_events #content table.images td {background-color:#D9CEBC;border: 4px solid #E5D9C6} #news_events #content table.images .caption {border-top: 4px solid #E5D9C6} /* used in calendar - used from old styleset no new design specs */ #news_events #content #calender dl {width: 90%; margin-bottom: 20px;} #news_events #content #calender dl dt.header {background-color:#F5F0E8; font-weight: bold;border-bottom: solid 2px #E5D9C6; padding: 3px 4px 3px 6px;} #news_events #content #calender dl dd {padding:0 ;} #news_events #content #calender dl dd li{background-color:#EDE4D7; list-style-type:none; margin-left:-20px;border-bottom: solid 2px #E5D9C6;padding: 3px 4px 3px 6px;} #news_events #content #calender dl dd li a{ color: #AB002C;} #news_events #content dl h1{color: #7b2d19; font-size: 110%; font-weight: bold; padding-left: 15px; height: 18px; margin: 0; padding-top: 1px; padding-bottom: 2px} #news_events #content dl ul{margin-top: 0} #news_events #content dl p{margin: 0; padding: 15px} /*** Search Result ***/ #search_results #header{background: #fff url('../headers/bg_contact.jpg') right top no-repeat} body#search_results.fa #header{background-image: url('../headers/bg_rtl_contact.jpg'); background-position: left top;} #search_results #content { background-color: #E0ECE8;} #search_results h1, #contact h2,#search_results #content p a,#search_results #content .searchResults li,#search_results #content .searchResults li .notbold a, #search_results #content .searchResults li a {color: #018167; } #search_results h2.fake, #search_results h4.fake { background-image: url(b_cont.jpg); } body#search_results.fa h2.fake, body#search_results.fa h4.fake { background-image: url(b_rtl_cont.jpg); } #search_results #content a.more, #search_results #content a.arrowLink { background: center left no-repeat url(bull_cont.gif); } body#search_results.fa #content a.more, body#search_results.fa #content a.arrowLink { background: center right no-repeat url(bull_rtl_cont.gif); padding-left: 0; padding-right: 15px; display: block;} #search_results #content .clearBg{background:#F3F7F6;} #search_results #content .darkBg{background: #E9F2EF;} #search_results #content p a{text-decoration:none} #search_results #content p a:hover{text-decoration:underline} #search_results p.darkBg{padding-left:5px} /*prev next block*/ /*** Sitemap ***/ #sitemap #header{background: #fff url('../headers/bg_contact.jpg') right top no-repeat} body#sitemap.fa #header{background-image: url('../headers/bg_rtl_contact.jpg'); background-position: left top; } #sitemap #content{ background-color: #E0ECE8; } #sitemap h1, #sitemap h2, #sitemap #content a{ color: #018167; } #sitemap h2.fake, #sitemap h4.fake { background-image: url(b_cont.jpg); } body#sitemap.fa h2.fake, body#sitemap.fa h4.fake { background-image: url(b_rtl_cont.jpg); } #sitemap #content a.more, #sitemap #content a.arrowLink { background: center left no-repeat url(bull_cont.gif); } body#sitemap.fa #content a.more, body#sitemap.fa #content a.arrowLink { background: center right no-repeat url(bull_rtl_cont.gif); padding-left: 0; padding-right: 15px; display: block;} #sitemap #content .clearBg{background:#D5E0DC;} #sitemap #content .darkBg{background: #C9D4D0;} #sitemap #content li { list-style: none;} #sitemap #content ul li { margin-top: 20px;} #sitemap #content ul li.main,#sitemap #content ul ul li { margin-top: 0px} #sitemap #content ul a{ color:#000;} #sitemap #content ul ul a{ color:#018167;} #sitemap #content ul ul ul a { color:#000; font-weight:normal; } /* ======= == Locale dependent styling ========== */ /* Home page font adaptation*/ /* ======================== */ /*redefine font size for 5line pageTitle*/ body.zh #homeContent #pageTitle {font-size: 1.9em; } /*resize width for 4line pageTitle*/ body.de #homeContent #pageTitle, body.es #homeContent #pageTitle, body.pt #homeContent #pageTitle, body.ro #homeContent #pageTitle, body.zh #homeContent #pageTitle, body.cs #homeContent #pageTitle { width:290px;} body.fr #homeContent #pageTitle { width:240px;} body.it #homeContent #pageTitle { width:230px;} /* BU title page font adaptation*/ /* #homeContent .buImage{padding-left:4px; display:block;font-size: 1.8em; font-weight: normal; color:#fff}*/ body.ja #homeContent .buImage{letter-spacing:-2px;font-size: 1.2em; font-weight: bold; line-height:2em} body.el #homeContent .buImage{font-size: 1.6em;} /* General page font adaptation */ /* ======================== */ body.zh {font-size: 1em} body.zh #homeBottomContainer p{margin-right:310px} #content-body {background: #f00} /* #marketing #header{background: url('../headers/css_header_marketing.jpg') right top no-repeat} */ //* ----------------- = = Added in v2.0 for New Bread Mixes = --------------------------------------*/ /*** Copied from bakery ***/ #contact div.search-by-map #header{background: #fff url('../headers/bg_bestmix.jpg') right top no-repeat} body#contact.fa div.search-by-map #header{background-image: url('../headers/bg_rtl_bestmix.jpg'); background-position: left top;} #contact div.search-by-map #content { background-color: #E5D9C6; } #contact div.search-by-map h1, #contact div.search-by-map h2, #contact div.search-by-map dt.header, #contact div.search-by-map #content a {color: #999a00 } #contact div.search-by-map h2.fake, #contact div.search-by-map h4.fake,#contact div.search-by-map dt.header{ background-image: url(b_bakery.jpg); } body#contact.rtl div.search-by-map h2.fake, body#contact.fa div.search-by-map h4.fake,body#contact.fa div.search-by-map dt.header{ background-image: url(b_rtl_bakery.jpg); } #contact div.search-by-map #content a.more, #contact div.search-by-map #content a.arrowLink { background: center left no-repeat url(bull_bm.gif); color:#999a00 !important } body#contact.rtl div.search-by-map #content a.more, body#contact.rtl div.search-by-map #content a.arrowLink { background: center right no-repeat url(bull_rtl_bm.gif); padding-left: 0; padding-right: 15px; display: block;} #contact div.search-by-map #content .clearBg{background:#D9CEBC;} #contact div.search-by-map #content .darkBg{background: #CEC3B2;} #contact div.search-by-map #content table.images {border-collapse:collapse; width:50%} #contact div.search-by-map #content table.images td {background-color:#D9CEBC;border: 4px solid #E5D9C6} #contact div.search-by-map #content table.images .caption {border-top: 4px solid #E5D9C6} /*product overview*/ #contact div.search-by-map #content .searchResults li,#contact div.search-by-map #content .searchResults li .notbold a{color: #BD8900; } /*product detail page*/ #contact div.search-by-map #content dl table td, #contact div.search-by-map #content dl table th{padding: 4px; background:#EDE4D7;text-align:left;} body.fa #contact div.search-by-map #content dl table td, body.fa #contact div.search-by-map #content dl table th{text-align: right;} /* #contact div.search-by-map p{margin-left: 10px} */ /* New code */ #contact div.search-by-map #header h1{position: absolute; top: 48px; left: 225px; color: #782209; font: italic bold 2.4em Times;} body #contact div.search-by-map{background: #5F1E02 url(css_bm_body_bg.jpg) repeat-x top; /*padding-bottom: 23px*/} /* the minimum height on the normal site was 600px, the map-pages need to be less high, so we make it less here */ #contact div.search-by-map #content, #contact div.search-by-map #nav{min-height: 470px/* hier snapt IE helaas niks van! */} * html #contact div.search-by-map #content, * html #contact div.search-by-map #nav{height: 470px} /* the minimum height on the normal site was 600px, the map-pages need to be less high, so we make it less here */ #content-body{min-height: 470px; min-width: 541px /* hier snapt IE helaas niks van! */} * html #content-body{height: 470px; min-width: 541px } /* search results */ #contact div.search-by-map #content .darkBg{background: #fff} #contact div.search-by-map #content .searchResults span{display: block} #contact div.search-by-map #content .searchResults li{color: #999a00; font-weight: bold} #contact div.search-by-map #content h2{margin: 5px 0} /* -- to clear floated elements -- */ /* from http://www.positioniseverything.net/easyclearing.html */ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden} .clearfix {display: inline-table;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ #contact div.search-by-map p.more-links{margin-top: 5px; line-height: 2} #contact div.search-by-map p.more-links img{display: block} #contact div.search-by-map p.intro{clear: left; margin-left: 20px} /* .search-by-map{background: #fff url(css_gradient_brown-big.jpg) no-repeat top left !important; position: relative} */ .search-by-map{background: #fff url(css_gradient_brown-big.jpg) no-repeat top left !important; position: relative} /* world */ .world{background-image: url(css_maps_world.jpg) !important} .world .af{position: absolute; left: 240px; top: 280px; width: 12em} .world .na{position: absolute; left: 20px; top: 207px; width: 12em} .world .sa{position: absolute; left: 100px; top: 307px; width: 12em} .world .eu{position: absolute; left: 220px; top: 187px; width: 12em} .world .as{position: absolute; left: 348px; top: 207px; width: 12em} .world .me{position: absolute; left: 290px; top: 240px; width: 12em} /* europe */ .europe{background-image: url(css_maps_europe.jpg) !important} .europe .AL{position: absolute; left: 300px; top: 400px; width: 12em} .europe .AT{position: absolute; left: 245px; top: 295px; width: 12em} .europe .BA{position: absolute; left: 290px; top: 350px; width: 6em} .europe .BE{position: absolute; left: 115px; top: 245px; width: 12em} .europe .BG{position: absolute; left: 365px; top: 365px; width: 12em} .europe .BY{position: absolute; left: 395px; top: 200px; width: 12em} .europe .CH{position: absolute; left: 155px; top: 305px; width: 12em} .europe .CS{position: absolute; left: 345px; top: 347px; width: 6em} .europe .CY{position: absolute; left: 440px; top: 475px; width: 12em} .europe .CZ{position: absolute; left: 245px; top: 262px; width: 12em} .europe .DE{position: absolute; left: 180px; top: 250px; width: 12em} .europe .DK{position: absolute; left: 170px; top: 160px; width: 12em} .europe .EE{position: absolute; left: 370px; top: 115px; width: 12em} .europe .ES{position: absolute; left: 20px; top: 400px; width: 12em} .europe .FI{position: absolute; left: 375px; top: 45px; width: 12em} .europe .FR{position: absolute; left: 90px; top: 300px; width: 12em} .europe .GR{position: absolute; left: 325px; top: 430px; width: 12em} .europe .HR{position: absolute; left: 265px; top: 325px; width: 12em} .europe .HU{position: absolute; left: 295px; top: 305px; width: 12em} .europe .IE{position: absolute; left: -5px; top: 200px; width: 8em} .europe .IS{position: absolute; left: 30px; top: 55px; width: 12em} .europe .IT{position: absolute; left: 230px; top: 380px; width: 12em} .europe .LT{position: absolute; left: 350px; top: 175px; width: 12em} .europe .LU{position: absolute; left: 140px; top: 265px; width: 12em} .europe .LV{position: absolute; left: 355px; top: 145px; width: 12em} .europe .MD{position: absolute; left: 395px; top: 305px; width: 12em} .europe .MT{position: absolute; left: 240px; top: 460px; width: 12em} .europe .NL{position: absolute; left: 120px; top: 220px; width: 12em} .europe .NO{position: absolute; left: 170px; top: 70px; width: 12em} .europe .PL{position: absolute; left: 295px; top: 225px; width: 12em} .europe .PT{position: absolute; left: -10px; top: 400px; width: 8em} .europe .RO{position: absolute; left: 355px; top: 325px; width: 12em} .europe .RS{position: absolute; left: 315px; top: 345px; width: 12em} .europe .RU{position: absolute; left: 425px; top: 120px; width: 14em} .europe .SE{position: absolute; left: 235px; top: 85px; width: 14em} .europe .SI{position: absolute; left: 265px; top: 335px; width: 8em} .europe .TR{position: absolute; left: 430px; top: 420px; width: 12em} .europe .UA{position: absolute; left: 435px; top: 265px; width: 8em} .europe .UK{position: absolute; left: 65px; top: 200px; width: 8em} .europe .YU{position: absolute; left: 315px; top: 345px; width: 12em} /* asia */ .asia{background-image: url(css_maps_asia.jpg) !important} .asia .BD{position: absolute; left: 190px; top: 230px; width: 12em} .asia .CN{position: absolute; left: 250px; top: 160px; width: 12em} .asia .HK{position: absolute; left: 330px; top: 235px; width: 12em} .asia .ID{position: absolute; left: 410px; top: 410px; width: 12em} .asia .IN{position: absolute; left: 125px; top: 250px; width: 12em} .asia .JP{position: absolute; left: 440px; top: 145px; width: 12em} .asia .KR{position: absolute; left: 385px; top: 130px; width: 12em} .asia .LK{position: absolute; left: 150px; top: 335px; width: 12em} .asia .MY{position: absolute; left: 310px; top: 360px; width: 12em} .asia .PK{position: absolute; left: 55px; top: 200px; width: 12em} .asia .SG{position: absolute; left: 295px; top: 380px; width: 12em} .asia .TW{position: absolute; left: 380px; top: 220px; width: 12em} .asia .PH{position: absolute; left: 420px; top: 330px; width: 12em} .asia .RU{position: absolute; left: 200px; top: 40px; width: 16em} .asia .SA{position: absolute; left: 10px; top: 270px; width: 12em} .asia .VN{position: absolute; left: 320px; top: 310px; width: 12em} /* Africa*/ .africa{background-image: url(css_maps_africa.jpg) !important} .africa .BF{position: absolute; left: 120px; top: 150px; width: 6em} .africa .BI{position: absolute; left: 310px; top: 265px; width: 12em} .africa .CF{position: absolute; left: 250px; top: 190px; width: 12em} .africa .CG{position: absolute; left: 260px; top: 250px; width: 12em} .africa .CI{position: absolute; left: 100px; top: 185px; width: 6em} .africa .CM{position: absolute; left: 172px; top: 205px; width: 12em} .africa .DZ{position: absolute; left: 115px; top: 50px; width: 12em} .africa .EG{position: absolute; left: 300px; top: 55px; width: 12em} .africa .ET{position: absolute; left: 375px; top: 185px; width: 12em} .africa .GA{position: absolute; left: 185px; top: 245px; width: 12em} .africa .GM{position: absolute; left: 2px; top: 151px; width: 12em} .africa .GQ{position: absolute; left: 165px; top: 220px; width: 8em} .africa .KE{position: absolute; left: 360px; top: 240px; width: 12em} .africa .MA{position: absolute; left: 50px; top: 30px; width: 12em} .africa .MG{position: absolute; left: 410px; top: 385px; width: 12em} .africa .ML{position: absolute; left: 90px; top: 120px; width: 12em} .africa .MR{position: absolute; left: 25px; top: 110px; width: 12em} .africa .MZ{position: absolute; left: 360px; top: 365px; width: 12em} .africa .NG{position: absolute; left: 160px; top: 180px; width: 12em} .africa .SD{position: absolute; left: 300px; top: 155px; width: 12em} .africa .SN{position: absolute; left: -3px; top: 138px; width: 12em} .africa .TD{position: absolute; left: 230px; top: 135px; width: 12em} .africa .TG{position: absolute; left: 110px; top: 185px; width: 12em} .africa .ZA{position: absolute; left: 270px; top: 450px; width: 12em} /* Middle East*/ .middle-east{background-image: url(css_maps_mideast.jpg) !important} .middle-east .AE{position: absolute; left: 250px; top: 360px; width: 8em} .middle-east .AM{position: absolute; left: 135px; top: 165px; width: 12em} .middle-east .BH{position: absolute; left: 175px; top: 335px; width: 12em} .middle-east .IL{position: absolute; left: 10px; top: 265px; width: 12em} .middle-east .IR{position: absolute; left:220px; top: 250px; width: 12em} .middle-east .JO{position: absolute; left: 45px; top: 275px; width: 12em} .middle-east .KW{position: absolute; left: 165px; top: 290px; width: 12em} .middle-east .KZ{position: absolute; left: 310px; top: 65px; width: 12em} .middle-east .LB{position: absolute; left: 15px; top: 240px; width: 12em} .middle-east .QA{position: absolute; left: 190px; top: 345px; width: 12em} .middle-east .SA{position: absolute; left: 130px; top: 370px; width: 12em} .middle-east .SY{position: absolute; left: 45px; top: 225px; width: 12em} /* South america */ .south-america{background-image: url(css_maps_america-south.jpg) !important} .south-america .AR{position: absolute; left: 210px; top: 335px; width: 12em} .south-america .BR{position: absolute; left: 280px; top: 155px; width: 12em} .south-america .CL{position: absolute; left: 150px; top: 305px; width: 12em} .south-america .CO{position: absolute; left: 155px; top: 55px; width: 12em} .south-america .EC{position: absolute; left: 110px; top: 90px; width: 12em} .south-america .PE{position: absolute; left: 135px; top: 155px; width: 12em} .south-america .UY{position: absolute; left: 270px; top: 320px; width: 12em} .south-america .VE{position: absolute; left: 205px; top: 35px; width: 12em} /* North america */ .north-america{background-image: url(css_maps_america-north.jpg) !important} .north-america .CA{position: absolute; left: 170px; top: 40px; width: 12em} .north-america .CR{position: absolute; left: 300px; top: 425px; width: 12em} .north-america .DO{position: absolute; left: 450px; top: 340px; width: 8em} .north-america .GT{position: absolute; left: 275px; top: 365px; width: 12em} .north-america .HN{position: absolute; left: 305px; top: 385px; width: 12em} .north-america .MX{position: absolute; left: 180px; top: 325px; width: 12em} .north-america .NI{position: absolute; left: 350px; top: 400px; width: 12em} .north-america .PA{position: absolute; left: 350px; top: 440px; width: 12em} .north-america .SV{position: absolute;left: 260px; top: 400px; width: 12em} .north-america .US{position: absolute; left: 160px; top: 170px; width: 18em} .search-by-map h1{padding-bottom: 3px !important} .search-by-map ul li{list-style-type: none !important; text-align: center} .search-by-map ul a:link, .search-by-map ul a:active, .search-by-map ul a:visited, .search-by-map ul a:hover{text-decoration: none !important; color: #000 !important; font-weight: normal !important} .search-by-map ul a:hover{font-weight: bold !important; font-size: 105%; color: #5F1E02 !important} .search-by-map-form{position: absolute; top: 5px; left: 1px; width: 550px} .search-by-map-form input{/*left: 440px;*/ float: right; margin-right: 10px} .search-by-map-form option{padding: 0 10px} /* BAnner styling */ .inline_banner { color: black; margin-top: 1em; margin-bottom:1em; padding-left: 165px; background-color: #e7f4fc; background-repeat: no-repeat; border: 2px solid white; } .inline_banner p{ color: black !important; padding: 2px 0px !important; margin: 0px 0px !important;} .inline_banner h1{ color: #596C7A !important; padding: 2px 0px !important; margin: 0px 0px !important; line-height: 90% !important;} .inline_banner a.arrowLink {color: #596C7A !important; margin-top: 5px; background-image: url('css_arrow_black.gif') !important; } /* Styling newssubscription */ #content #subscriptionNewsForm table span.label{color: #018167; font-weight:bold; text-align:right; display:block; padding-right:30px} #content #subscriptionNewsForm h2.fake{ background-image: url(b_cont.jpg); } #content #subscriptionNewsForm a.sendButton{border: solid 1px #000;text-decoration:none;color: #fff;background-color: #d9a216;} #content #subscriptionNewsForm a.sendButton:link, a.sendButton:active, a.sendButton:visited, a.sendButton:hover{text-decoration: none; color: #fff; background-color: #d9a216; padding:3px} #content #subscriptionNewsForm a.sendButton:hover{background-color: #7b2d19} #content #subscriptionNewsForm td input{width: 200px} #content #subscriptionNewsForm table td p{margin-top: 10px}