/* Document : yara-screen.css Ver: 1.0 Description: Standards compliant stylesheet for screen */ /* =Global common styles */ body{ height:100%; background-color:#E0E0E0; font-family: Arial, Helvetica, sans-serif; font-size:62.5% ; font-weight:normal; line-height:160%; color:#444444; text-align:center; } p { font-size:1.2em; line-height:1.25em; margin:7px 0;} li * { font-size:1em;} h1,h2,h3,h4,h5,h6 { line-height:1em; } h1 { font-size:1.7em;} h2 { font-size:3.3em; } h3 { font-size:1.2em;} h4 { font-size:1.2em;} h5 { font-size:1em;} h6 { font-size:0.85em} a, a:link, a:visited, a:hover, a:active { text-decoration:none; color:#747474; } sup, sub { vertical-align: 0; position: relative; } sup { bottom: 1ex; } sub { top: 0.8ex; } /* =Global page structres */ .wrap { width:1000px; margin: 0 auto ; position: relative; background: #e0e0e0 url(../images/build/wrap-bg-3.jpg) repeat-y scroll top left; overflow:visible; text-align:left; } #page-wallpaper{ width:1000px; overflow:hidden; position:absolute; top:0; left:0; z-index:1} #page-body{ width:1000px;/* position:absolute; top:0; left:0; */ z-index:3; position:relative;} #yara-header{ width:1000px; height:15.5em /*155px*/; position:relative; } #yara-logo{position:absolute; top:34px; left:82px; } #yara-logo .yl { margin:0; width:86px; height:71px;} #yara-logo img{ width:86px; height:71px; } #yara-logo h1{ position:absolute; left:-999px; width:990px; visibility:hidden; } #yara-search {width:240px; height:32px; position:absolute; bottom:5px; left:0; background: transparent url(../images/build/search-bg.png) no-repeat scroll 30px 50%; } /* #yara-search form{ height:32px; width:210px; margin:0 15px; } */ #yara-search .searchtext{ margin:9px 0 0 39px; width:148px; height:13px; padding:2px 2px 0 ; border:none;} #yara-search .search-submit{top:7px; right:24px; border:none; position:absolute} #fact-banner{ width:728px; position:absolute; bottom:0; left:240px; background:none;} #fact-banner[id]{background:transparent url(../images/build/content-top-bg.png) no-repeat scroll 0px 0px;} #fact-banner .fact{ padding: 6px 13px 10px 15px;display:block; background:transparent;} #fact-banner p.head-line { color:#fff; font-size:1.8em; font-weight:bold; text-align:right; margin:0 10px 0 0; padding:0; float:right; width:95%; } #fact-banner p.sub-line { color:#AEAEAE; font-size:1.2em; font-weight:bold; text-align:right; margin:-4px 0 0 0; padding:5px 10px 0 0; float:right; clear:both; width:95%; } #utilities { position: absolute; top:16px; right:32px; /*opacity:0.7; */ background:none; z-index:501; display:block; width:auto;} #utilities ul{ width:100%; background:none; } #utilities[id] ul{background: transparent url(../images/build/bg-utility32.png) no-repeat scroll top right; } #utilities li{ display:block; height:2em; width:auto; background-color:#000; line-height:15px; text-align:right; vertical-align:middle } #utilities li a{ /* display:block; width:83px; height:23px;*/ vertical-align:middle; color:#c7c7c7; line-height:2em; padding:0 2.5em 0 5px; position:relative; z-index:999} #utilities li.email { background: transparent url(../images/build/email_page_icon.gif) no-repeat scroll 95% 50%;} #utilities li.print {clear:left; background: transparent url(../images/build/print_page_icon.gif) no-repeat scroll 95% 50%;} #nav-area { float:left; width:222px; margin:0px; /*display:inline;*/ display:block; position:relative; } #y-navigation{display:block; position:relative; margin-top:-27px; margin-left:28px; background:transparent url(../images/build/menu-bottom.png) no-repeat scroll 3px 100%; z-index:999; } #y-navigation #access-navigation{position:relative; padding:8px 0; display:block; background:transparent url(../images/build/menu-top.png) no-repeat scroll 3px 0; width:194px; } #y-navigation li{ /*height:1%;*/ margin-left:2px; background:transparent url(../images/build/menu-sprite-8bit-6.png) no-repeat scroll 1px -154px /* -133px */; } #y-navigation a{ padding:5px 12px 5px; /*display:block;*/ color:#3A6400; font-size:1.1em; font-weight:bold; width:170px; } #access-navigation a{ display:block; background: transparent url(../images/build/menu-line-bg.gif) no-repeat scroll 11px 100%; } #access-navigation a.noUnderline, #access-navigation a.hideUnderline{ background-image:none; } #access-navigation li li a{ background-image:none; width:170px; } /* #y-navigation a:hover{ color:#fff !important;} */ #y-navigation li.notopline { background-position:1px -72px;} #y-navigation li.first{ background-position:1px -74px; } #y-navigation li.last a{ background-image:none;} #y-navigation li.current { margin-left:2px; /* background:transparent url(../images/build/bg-menu-top-level-active.png) no-repeat scroll 1px 0px ;*/ color:#fff; background-position:1px -301px ; } #y-navigation li.current a{ color: #fff; background-image:none; padding-top: 5px; padding-bottom:5px;} #y-navigation li.current a:hover{ background:transparent url(../images/build/menu-sprite-8bit-6.png) no-repeat scroll 1px -301px ; color:#fff; } #y-navigation ul ul{ background:none; margin:0; padding:0; } #y-navigation li.current li a{ color:#7E7E7E; padding-top: 5px; padding-bottom:5px; } #y-navigation li.current li a:hover { padding-top:5px; padding-bottom:5px;} #y-navigation li li { margin-left:0; background-position:1px -226px ; } #y-navigation li li.current{ margin-left:0; background-position:1px -379px ; } #y-navigation li li.current a{ color:#f8ffee; /*color:#4D5F35;*/ } #y-navigation li li.current li a{color:#4D5F35; padding-top:6px; } #y-navigation li li.current li a:hover{ padding-top:6px; } #y-navigation li li li { margin-left:0; background-position:1px -453px ; } #y-navigation li li li a{ padding:5px 10px 5px 19px; width:165px; } #y-navigation li li li.current{background-position:1px -529px ; color:#4D5F35; } #y-navigation li li li.current a{color:#4D5F35; } #y-navigation li li li li {background-position:1px -616px ; } #y-navigation li li li.current li a{ padding:4px 10px 3px 30px; color:#7E7E7E; width:154px;} #y-navigation li li li.current li a:hover{padding: 4px 10px 3px 30px;} #y-navigation li li li li.current{ background-position:1px -702px ;} #y-navigation li li li li.current a{ color:#65b101; /* #3A6400 */} #y-navigation #access-navigation{ } #access-navigation li a:hover, #access-navigation li.current li a:hover { background:transparent url(../images/build/bg-menu-hover-grey.png) no-repeat scroll 1px 0px; color:#fff; } #content-area{ min-height:300px; width:778px; position:relative; float:right; background: transparent url(../images/build/content-bg.png) repeat-y scroll 13px 0; } /* #breadcrumb{ display:block; min-height:1%; margin-left:17px; padding:0 57px 0 15px; background:transparent url(../images/build/content-top-bg.png) no-repeat scroll 1px -160px } */ #home #content-area { min-height:0; } #breadcrumb { display:block; min-height:1%; float:right; width:778px; background:none;} #breadcrumb[id]{ background:transparent url(../images/build/content-top-bg.png) no-repeat scroll 18px -160px } #breadcrumb div { position:relative;z-index:5; } #breadcrumb ul {margin:0pt 33px 0pt 17px; padding: 10px 15px 0;/* padding: 0 48px 0 32px; */} #breadcrumb li { display:inline; /*line-height:25px; height:25px;*/ vertical-align:middle; font-size:0.9em; color:#747474; margin-right:3px;} #breadcrumb li a {/*line-height:25px; position:relative; */ background: transparent url(../images/build/icon-grey-arrow.jpg) no-repeat scroll 0 2px; padding-left:10px ;} #breadcrumb li.current{color:#664a00; /*background:none;*/ text-transform:uppercase; background: transparent url(../images/build/icon-grey-arrow.jpg) no-repeat scroll 0 2px; padding-left:10px ;} #content{margin:0 0 0 17px; padding:0 15px;/* position:relative */} .with-sidebar{ /*padding-right:16px;*/} #primary-content { padding:0 0 20px 0; position:relative; clear:both; float:left /* right */ ; width:698px; display:block} #home #primary-content { padding:0; } .content-title { position:relative; width:690px; margin: 10px 0; color:#484848; line-height:1.3em; float:left; font-size:3em;} .sIFR-active .content-title{ margin-bottom:0;} .content-title object { position:relative; display:block; } .content-sub-title{ font-size:1.3em; font-weight:bold; color:#5c5c5c; margin:0; padding-right: 33px; } .with-sidebar #primary-content{ margin:0 27px 0 0; width: 468px; float:left;} #primary-content li{ font-size:1.1em; } #primary-content .image-on-left li{ /* This made bullets appear inside images :(( padding-left: 13px; text-indent: -13px; */ } #primary-content .image-on-right li{ padding-left: 13px; text-indent: -13px; } #primary-content li * { font-size:1em; } #primary-content ol li ul{ list-style-type:disc; } #primary-content ol li ul li{ font-size: 1em; color: #444; } #primary-content ol { list-style-type:decimal; list-style-position:outside;} #primary-content ol li { font-size:1.2em; margin:5px 0 0 18px;} #primary-content h3{ color:#457900; margin-bottom:5px; margin-top:15px; } #primary-content ol li ol li { color:#444444 !important; font-size:1em !important; } #content-tab{padding:0 0 0 16px; } #content-tab #content{padding:0 24px 0 0; } .intro{ float:left; font-size:1.3em; font-weight:bold; color:#5c5c5c; margin:0px 0 20px; display:block; width:100%; } #secondary-content{ width:203px; float:left; background-color:#fff; position:relative;} #footer{ width:1000px; margin:0 auto ; height:50px; /* background:#dcdcdc url(../images/build/footer-slice-1.jpg) no-repeat scroll top left; */ background:#e0e0e0 url(../images/build/footer-bg-new-2.jpg) no-repeat scroll top left; clear:both; z-index:2; position:relative; color:#fff; text-align:right; padding:8px 0 ; } /* #footer * { color:#EAEAEA; font-size: 1em; vertical-align:middle;} */ #footer ul{ text-align:center; float:right; margin-top:6px; } #footer li{ display:block; float:left; line-height:1.5em; padding:0px 10px; color:#c8cac9; background: transparent url(../images/build/footer-nav-seperator-line.gif) no-repeat scroll top left; } #footer li a{ display:block; color:#c8cac9;font-size:1.1em; } #footer .first { background:none;} #footer .copyright{ padding:0px 10px 0 10px; background:none; margin:0; } #footer .newsfeeds { background:none; } #footer .newsfeeds a{ background:transparent url(../images/build/icon-newsfeed.jpg) no-repeat scroll top left; padding:0 10px 0 25px;} #footer .text-resize { float:right; margin:5px 35px 0 0 ; display:inline; } #footer .text-resize a { margin:0 3px; color:#c8cac9} #footer .text-resize .xl{ font-size:120%} #footer .text-resize .xxl{ font-size:140%} #footer.country .newsfeeds { display:none; } #country-home #footer .newsfeeds { display:none; } } /* = homepage */ #home #content-area { min-height:0; } #home #footer { background-image: url(../images/build/footer-bg-home-page.jpg);} .no_HF #home #footer{ margin-top:14px; z-index:0; float:left; } #home .wrap { background-image: url(../images/build/wrap-bg-home.jpg); } /* .has_HF #home #footer .text-resize { visibility:hidden;} */ .has_HF #home-page #page-wallpaper{ left:7px; } .has_HF #home-page #page-body{ height:540px; } .has_HF #home-page #y-navigation{ margin-top:-9px; margin-left:27px;} #home-page #y-navigation{ margin-top:0; margin-left:27px; } .has_HF #home-page #yara-search{ bottom:13px ; } .has_HF #home-page #yara-header, .has_HF #home-page #page-body { width:230px } .has_HF #home #footer{ padding:0; background-position: 0 -9px} .has_HF #home-page #yara-search{background-image:none; } .has_HF #home-page #yara-search .searchtext{ border:1px solid #a6a6a6; background-color:#e9e9e9; margin-top:8px;} .has_HF #home #y-navigation {background-image:none;} .has_HF #home #access-navigation {background-image:none; } #home #access-navigation { padding-bottom:5px;} .has_HF #home #non_flash_content{ display:none; } .has_HF #home #yara-logo{ display:none; } .no_HF #home-page #y-navigation{ margin-top:-1px; margin-left:27px; height:147px;} .no_HF #home #content-area { background:none; margin-top:-30px; position:relative; /*z-index:9*/ } .no_HF #home #non_flash_content{ display:block; position:relative; margin-top:0px; /*z-index:10; */} .no_HF #home #content { margin: 0 0 0 10px; position:relative; float:right; padding-left:0; padding-right:14px;} .no_HF #home #yara-header{width:240px; } #non_flash_content .case-studies {display:block; } #non_flash_content .home-page-headline {width:/*653px */ 663px; display:block ; background: transparent url(../images/build/black-translucent.png) repeat scroll 0 0; font-size:2.6em; color:#fff; margin-left:20px; padding:5px 5px 10px 10px;} #non_flash_content .home-page-headline p{ margin-bottom:0;} #non_flash_content .story-related-data{ float:left;width:698px; position:relative; background:#000; margin-top:0px; background: transparent url(../images/build/black-translucent.png) repeat scroll 0 0;} #non_flash_content .story-link { display:block; padding:5px; height:45px;} #non_flash_content .story-link a{ padding-left:5px; font-size:1.4em; color: #dfac49; background: transparent url(../images/build/case-study-link-arrow-yellow.jpg) no-repeat scroll right 2px; padding-right:22px; } #non_flash_content .more-stories-link{width:130px; position:absolute; right:128px; bottom:5px; } #non_flash_content .more-stories-link a{ height:17px; font-size:1.2em; display:block; width:100px; background: transparent url(../images/build/more-yara-stories-link.jpg) no-repeat scroll right 2px; padding-right:21px; } #non_flash_content .story-picture-link{ display:block; border:1px solid #2e4113; background:#2e4113 url(../images/build/story-link-bg.png) no-repeat scroll top left; width:130px; height:18px;} #non_flash_content .story-picture-link a{ color:#fff; padding-left:5px; padding-top:2px; display:block; } #non_flash_content .message-text h2 { font-size:2em; margin-top:20px;} #non_flash_content .home-page-story-picture{width:132px; position:absolute; right:2px; top:-50px; background:#000; } #non_flash_content .hp-story-picture {padding:5px; width:120px; } #non_flash_content .hp-story-picture img{ border:5px solid #fff;} #non_flash_content .home-page-message{position:relative; width:678px; float:left; background:#fff; padding:30px 10px 10px; background: #fff url(../images/build/bg-home-story.jpg) repeat-y scroll top right; } #non_flash_content .message-text {width: 535px; } #non_flash_content .ceo-box{width:425px; border:1px solid #6a9b26; border-width:0 1px 7px 0; margin-top:-50px ; margin-left:-10px; background-color:#fff; position:absolute;; height:50px;} #non_flash_content .ceo-photo {position:absolute; right:5px; bottom:0; } #non_flash_content .ceo-name{ font-size:1em; padding-left:10px; margin-top:10px;} #non_flash_content .ceo-oneline-message{ color: #4c7b0e; font-size:1.3em; padding-left:10px} #non_flash_content .read-more a{ background: #fff url(../images/build/bg-readmore.jpg) no-repeat scroll top left; width:85px; height:30px; display:block; color:#fff !important; font-size:0.9em; padding:2px 6px 2px 6px; } /* .has_HF */ #home .sidelet, /*.has_HF*/ #home .sidelet .data { background: transparent none;} .has_HF #yara-local-websites .data { padding-top:12px; /*margin-top:6px;*/ } .has_HF #home #non-flash-content { display:none;} .has_HF #home #y-navigation { height:141px; } #home #yara-local-websites { height:40px; } #home #news-box h4 { padding-top:4px; } #home #report img { margin:2px 0; } #news-box.sidelet {padding-bottom:5px; margin-top:1px;} #news-box .navtabs {width:128px; height:20px; position:absolute; top:4px; right:0; } #news-box .navtabs li.current { background: transparent url(../images/build/news-box-tab-bg-on-left.gif) no-repeat scroll left top} #news-box .navtabs li.current a{background: transparent url(../images/build/news-box-tab-bg-on.gif) no-repeat scroll right top; padding:5px 5px 5px 2px;} #news-box .navtabs li { background: transparent url(../images/build/news-box-tab-bg-off-left.png) no-repeat scroll left top} #news-box .navtabs li a{background: transparent url(../images/build/news-box-tab-bg-off.png) no-repeat scroll right top } #yara-local-websites .data h4{ margin-top:6px; } #news-box .most-read {display:none;} #news-box h4 { padding:11px 0 5px 6px;} #news-box .data {padding:0 0 0 4px;} #news-box .data .news-headlines{ height:40px; overflow:hidden; } #news-box .data .news-headlines li{ margin:3px 0 5px; color:#454545; padding:0 3px;} #news-box .data .news-tab-data { height:63px; max-height:63px; overflow:hidden; margin-right:4px; padding:0px 0px 0px 4px; background: #ddd url(../images/build/bg-news-box.png) no-repeat scroll top right; } #news-box .news-date { margin:3px 0; padding-left:5px; display:inline; } /*#news-box*/ .news-date a { color:#656565; padding-right:8px;background: transparent url(../images/build/icon-arrow-green-trans.gif) no-repeat scroll right 4px;} #news-box .share-price { display:block; height:1%; background:transparent url(../images/build/share-price-divider-line.gif) no-repeat scroll -12px 2px; padding-top:5px; display:block; } #news-box .share-price .sp-heading { width:80px;} #news-box .sp-heading a { text-transform:uppercase; color:#3A6400; font-size:1.1em; font-weight:bold; background-color:transparent; background: url(../images/build/icon-arrow-green-trans.gif) no-repeat scroll right 55%; margin-right:0px; padding-right:10px; } #news-box .sp-value.up { background-color:transparent; background: transparent url(../images/build/share-price-arrow-top-down.gif) no-repeat scroll 100% 4px; padding-right:10px; } #news-box .sp-value.down { background-color:transparent; background: transparent url(../images/build/share-price-arrow-top-down.gif) no-repeat scroll 100% -40px; padding-right:10px; } #news-box .most-read { } #news-box #tab-latest a{ width:41px; text-align:center;} #news-box #tab-most-read a{ width:62px; text-align:center; } /* =flyer */ /* Removed to make the flyout work #aboutus-menu, #products-and-services-menu, #investors-menu, #media-menu, #careers-menu, #sustainability-menu { position:relative; display:block; height:21px; } .flyer { position: absolute; background-color:#658d2d; display:none ; overflow:auto; width:760px; display:block } */ /* Added to make the flyout work */ #access-navigation > li { position:relative; display:block; /*height:21px; */} #access-navigation > li h3 { font-size:1.1em; color:#fff; padding:5px 0 0; } .flyer { top:0; left:192px; z-index:5; position: absolute; background-color:#658d2d; display:none ; overflow:hidden; width:760px; padding-bottom:20px; } #y-navigation .flyer .goto { text-align:right; width:487px; } #y-navigation .flyer .goto a, #y-navigation .flyer .goto a:hover { width:465px; padding:5px 22px 5px 0 ; text-align:right; margin-bottom:15px; color: #f3c535; font-size:1.1em; font-weight:bold; background: #658d2d url(../images/build/icon-goto-button.jpg) no-repeat scroll top right;} #y-navigation .flyer p{ font-size:1.1em;} .flyer_data{ padding:5px 12px 10px;} .flyer_data h2{ color:#fff; padding:10px 0 5px; font-size:3em;} .flyer_text{ width:490px; margin-right:10px; float:left; color:#c3e296;} #y-navigation .flyer_nav ul{ width:490px; } #y-navigation .flyer_nav ul ul{ width:245px; } #y-navigation .flyer_nav ul li{ width: 240px; float:left; border-top:1px solid #7c9d4c; background:none; margin-right:5px; } #y-navigation .flyer_nav ul li a{ display:block; width:228px; padding-left:0; color:#fff; font-size:1em; text-transform: uppercase; background:#658d2d url(../images/build/icon-arrow-yellow-on-green.jpg) no-repeat scroll 232px 50%;} #y-navigation .flyer_nav ul li a:hover, #y-navigation .flyer .goto a:hover{color:#d8b324;} #y-navigation .flyer_nav ul li a:hover{background:#658d2d url(../images/build/icon-arrow-yellow-on-green.jpg) no-repeat scroll 232px 50%;} .has_HF #home-page #y-navigation li li a:hover{ background:#658d2d url(../images/build/icon-arrow-yellow-on-green.jpg) no-repeat scroll 232px 50%; } #y-navigation .flyer .goto a:hover {background: #658d2d url(../images/build/icon-goto-button.jpg) no-repeat scroll top right;} .flyer_image{ float:right; border:10px solid #fff; margin-right:3px; margin-bottom:4px; } .has_HF #home-page #y-navigation li li ul { display:none; } /* dont display any menu option below 2nd level */ /* Removed to make the flyout work #aboutus_flyer , #products_flyer , #investors_flyer, #media_flyer, #sustainability_flyer, #careers_flyer { top:0; left:192px; z-index:5; overflow:visible; } #aboutus-menu h3, #products-and-services-menu h3, #investors-menu h3, #media-menu h3, #sustainability-menu h3, #careers-menu h3 { font-size:1.1em; color:#fff; padding:5px 0 0; } */ /* =accesskeys */ #accesskeys{position:relative;padding:0px;margin:0px;margin:auto;text-align:left;width:996px;} #skiplinks{display:block;position:absolute;top:3px;left:2px;text-align:left;width:490px;height:20px;clip:rect(0px, 290px, 20px, 0px);} #skiplinks ul{padding:0;margin:0;list-style:none;} #skiplinks li{padding:0;margin:0;list-style:none;display:inline;} #skiplinks a{color:#000000;position:absolute;top:0px;left:0px;overflow:hidden;width:0;height:0;font-size:1em !important;z-index:1000;} #skiplinks a:active, #skiplinks a:focus{position:absolute;overflow:visible;width:auto;height:auto;margin:auto;padding:3px;background-color:#E7FF44;border:1px solid #B6DB4D;} /* =sidebar infolet */ .infolet {width:203px ; background:#fff url(../images/build/infolet-bg.png) no-repeat scroll bottom left; margin-bottom:10px; padding-bottom:5px;} .infolet .data{padding:10px 4px 0; background:#fff url(../images/build/infolet-bg.png) no-repeat scroll top left; } .infolet ul.links a, .infolet p.link a , .highlight .goto a{ font-size:1em; color:#457900; background:transparent url(../images/build/icon-arrow-green-on-white.jpg) no-repeat scroll right 4px; padding-right:10px; } .infolet h4{ margin:4px 0; padding:0 6px; font-size:1.2em; color:#457900; font-weight:bold;} #content .infolet h4 a{ font-size:1em; color:#457900; font-weight:bold; background:transparent url(../images/build/icon-arrow-green-on-white.jpg) no-repeat scroll right 50%; display:block;} .infolet h5{ padding:0 6px; font-size:1.1em; } .infolet p{ padding:0 6px;} .infolet .data p { margin-top:1px; font-size:1.1em;} .infolet .data h4 span { border-bottom:0px solid #ccc;padding-bottom:5px; width:183px; display:block; font-weight:bold; } .infolet .data img{ margin:4px 0; } .infolet ul{ padding:3px 6px;} .infolet ul.links a { font-size:1.1em;} .infolet ul.links { padding-bottom:7px; } .infolet.visit-yara-websites img, .infolet.annual-report img{ margin-bottom:-1px;} .infolet.video img{ /*width:183px; IMPORTANT NOTE:IF THE IMAGE WIDTH IS ANY LARGER THAN THIS, IT WILL DISLODGE THE LEFT NAV DOWN */} .infolet.video .video-thumb{ margin:5px 0 8px 6px; } .infolet.share-your-story p.link {margin-bottom:4px; } .infolet.share-your-story p.link a { width:133px; height:19px; display:block; color:#fff; padding:5px 5px 0 5px; background: transparent url(../images/build/button-share-your-story-bg.jpg) no-repeat scroll left 50%; } .infolet.rss{ position:relative; padding-bottom:15px} .infolet.rss p.link{ margin:0;} .infolet.rss p.link a{ font-size:1.1em; font-weight:bold;} .infolet.rss p.rss-text{ padding-right:45px; margin-top:10px } .infolet.rss img{ position:absolute; bottom:4px; right:10px;} .infolet.latest-share-price iframe{margin:5px 0; position:relative; z-index:0; } .infolet.top-story .title {/* border-bottom:1px solid #ccc; */ color:#457900; padding-bottom:5px; font-size:1.2em; font-weight:bold; margin:0;} .infolet.top-story .story{ margin:5px 0; padding:5px 6px; background:#fff; font-family: "Times New Roman", Times, serif; font-size:1.2em;} .infolet.top-story .story img{ float:left; padding:5px 5px 0 0px; margin-bottom:0;} .infolet.top-story .story p{ margin:0; padding:0; margin-top:0;} .infolet.top-story .data h4{ margin:2px 6px 4px; padding:5px 0 0 ; border-top:1px solid #ccc; font-family: "Times New Roman", Times, serif; font-size:1.7em; } .sales-contact fieldset, .meet-our-people fieldset, .map-and-contacts fieldset { margin:5px; position:relative;} .sales-contact .go-button{ position:absolute; top:-1px; right:20px; } .sales-contact .sales-contacts .vcard { padding:10px 6px; font-size:1.1em;} .sales-contact .sales-contacts .vcard address { font-style:normal; font-size:1em;} .meet-our-people .go-button{ position:absolute; top:-1px; right:15px; } #meet-our-people-list{ width:130px;} .search-press-releases .search-box { display:block; } .map-and-contacts .g-map{ margin:0 5px; border:1px solid #ccc;} .google-map-rhs { margin-bottom:5px;} .map-and-contacts .g-map img{ margin:0;} .contact .vcard address {font-style:normal; font-size:1em;} .contact .vcard { padding:0px 6px 10px; font-size:1.1em;} .infolet.our-products-and-services ul.links { } .infolet.our-products-and-services ul.links li { min-height:35px; display:block; margin:0 0 5px 0;} .infolet.our-products-and-services ul.links li img{ float:left; padding-right:5px; margin:0; } .infolet.our-products-and-services ul.links li span { display:block; padding:10px 0 0 0;} .infolet.our-products-and-services ul.links li a { display:inline; } /* =navtabs */ .navtabs{ position:relative; float:left;clear:both; display:block; } .navtabs ul {float:left; padding-bottom:0; display:block; } .navtabs li {/* width:33%;*/float:left; margin:0 1px 0 0; background:transparent url(../images/build/sidebar-tabnav-grey-dark-bg.jpg) no-repeat scroll top left; padding:0 0 0 3px;} .navtabs li a{ text-transform:uppercase; color:#747474; font-size:0.9em; display:block; background:transparent url(../images/build/sidebar-tabnav-grey-dark-bg.jpg) no-repeat scroll top right ; padding:5px 5px 4px 2px; float:left; } .navtabs li.current { background:transparent url(../images/build/sidebar-tabnav-grey-light-bg.jpg) no-repeat scroll top left; } .navtabs li.current a { background:transparent url(../images/build/sidebar-tabnav-grey-light-bg.jpg) no-repeat scroll top right; color:#3A6400 } .navtabs li.last { margin-right:0;} .navtabs-data{ margin:0 6px 8px; padding:3px 0; background-color:#e4e4e6; display:block; width:183px; clear:both; } .navtabs-data .values{ height:90px; overflow-y:scroll; overflow-x:hidden; margin:5px; border:1px solid #ccc; } .navtabs #tab-search a, #tab-ipf-search a {width:42px; text-align:center;} .navtabs #tab-popular a, #tab-ipf-market a {width:49px; text-align:center;} .navtabs #tab-cloud a, #tab-ipf-a2z a {width:60px; text-align:center;} .tags-cloud {} .search-box{display:none;} /*= industrial-product-finder */ .industrial-product-finder fieldset { padding:10px 6px; position:relative;} #ipf-search-text{ width:120px; font-size:1.1em; color:#434343; padding:2px; border:1px solid #aeaeae; } /*.ipf-markets-list, .ipf-a2z-list{display:none;} */ .ipf-markets-list, .ipf-a2z-list { /* height:70px; overflow-x:hidden; overflow-y:scroll; */ font-size:1.1em; display:none; } .ipf-markets-list li, .ipf-a2z-list li { margin-bottom:2px;} /* =search-box */ .search-box input, .search-box select { margin:15px 0 0 7px ; width:167px; font-size:1.1em; padding:2px; color:#434343;} .search-box input { width:162px; border:1px solid #aeaeae;} .search-box input.submit-button { width:58px; margin:15px 0 8px 115px; border:none; color:#fff; cursor:pointer; font-size:1em; background: transparent url(../images/build/bg-submit-button.jpg) no-repeat scroll 0 1px;} /* =popular */ .popular{ min-height:100px; /* overflow-x:hidden; overflow-y:scroll;*/ display:/*block;*/ none; } .infolet .popular p { width:140px} /* =highlights landing-pages */ .highlights{ width:468px; float:left; margin-top:10px;} .highlights li{ float:left; margin-bottom:15px; } .highlight { margin-right: 14px; width:227px; float:left; } .highlight.last{ margin:0;} .highlight h3{ background:#6a9b26 url(../images/build/green_bg.jpg) no-repeat scroll top right; padding:10px 5px; border:1px solid #6A9B26; margin:0 !important; } #primary-content .highlight h3, #primary-content .highlight h3 a{ font-size:1em; color:#fefefe; font-weight:bold; text-transform:uppercase; } #primary-content .highlight h3 a { color:#fefefe; display:block;} .wide-highlight{width:468px; float:left; border-top:1px solid #ccc; margin-bottom:15px; } .highlight-title{ background:#789f44 url(../images/build/green_bg.jpg) no-repeat scroll top right; border:1px solid #6A9B26;} .highlight-title h3{padding:10px 5px; color:#fefefe; font-size:1em; background:none; border:none; text-transform: uppercase; margin:0 !important; } .highlight-title h3 a{ color:#FFFFFF; font-weight: bold; text-transform:uppercase; } /* .pm. added by client */ #primary-content .highlight-title h3 a{ color:#fefefe; font-weight:bold;} .wide-highlight .highlight-title h3 {font-size:1.1em;} #primary-content .wide-highlight .highlight-title h3 a{ font-size:1em;} .highlight-title p{padding:0px 5px 5px;margin:0; color:#fff;} .wide-highlight .highlight-title p { font-size:1em; } .highlight-title p { font-size:0.9em} .highlight-data .diagram{ background:#ccc; height:100px; width:100%;} #primary-content p.footnote { font-family:Verdana,Arial, Helvetica, sans-serif; font-size:1em; color:#444 } #primary-content p.footnote a { color:#457900;} .corporate-reports{ border-top:none;} .corporate-reports .highlight-title{/* background:#c0c0c0 url(../images/build/grey_bg.jpg) no-repeat scroll top right; */border:1px solid #cccccc; border-bottom:0; padding-bottom:1px; } #primary-content .corporate-reports .highlight-title h3 { text-transform: uppercase; color:#ffffff;} .corporate-reports .highlight-data { border:1px solid #ccc; border-top:0; float:left; width:466px;} .corporate-reports .highlight-data .image{ float:left;} .corporate-reports .highlight-data .hdata{ margin-left: 240px; width:220px} .corporate-reports .hdata p { font-size:1.1em;} .corporate-reports .hdata li{ background:#fff url(../images/build/icon-arrow-green-on-white.jpg) no-repeat 98% 3px; padding-right:10px;} .corporate-reports .hdata li a { font-size:1em; color:#457900;} .shaping-issues { border-top:none; padding-top:0;} .shaping-issues .highlight-title { background-position:top left;} .shaping-issues .highlight-title h3 a{background:transparent url(../images/build/icon-arrow-white-big-trans.gif) no-repeat right 4px; padding-right:10px; } .shaping-issues .highlight-title ul { width:100%; display:block; margin: 0 0 3px 0; float:left; background:none; } .shaping-issues .highlight-title li { display:inline; width:116px; float:left ; display:block; background:none } .shaping-issues .highlight-title li a{ color:#fff; font-size:0.85em; padding:0px 10px 0px 5px; background:transparent url(../images/build/icon-arrow-white-on-trans-small.gif) no-repeat right 4px; } /* =highlight-list sub-landing-pages */ .highlight-list{ width:468px; clear:both; } .highlight-list ul {border-top:1px solid #ccc; padding-top:5px; margin-top:10px; float:left;} .highlight-list li{ clear:both; border-bottom:1px solid #ccc; margin-bottom:20px;} .highlight-list h3 {margin-bottom:5px; font-size:1.1em; color:#457900; } #content .highlight-list h3 a{ font-weight:bold; color:#457900; padding:0.2em 7px 0.2em 0; background:transparent url(../images/build/icon-arrow-green-on-white-content.jpg) no-repeat scroll right 7px; line-height:1.3em; } .highlight-list .image { float:left; width:100px; padding:0 10px 10px 0;} .highlight-list li p{ font-size:1.1em; margin:0 0 10px 110px; min-height:70px;} /* =sidelets */ .sidelets{ position:relative; margin-top:3px; } .sidelet{ clear:both; margin:0px 0 0px 31px; display:block; padding-bottom:10px; position:relative; background:#e0e0e0 url(../images/build/sidelet-bg2.jpg) no-repeat scroll bottom left;} .sidelet .data{ padding:9px 9px 0 10px; display:block; background:#e0e0e0 url(../images/build/sidelet-bg2.jpg) no-repeat scroll top left; } .sidelet h4{ color:#305900; font-size:1.1em; text-transform:uppercase; padding:0 0 3px 0; } #page-body .sidelet h4 a{ color:#305900; font-weight:bold; text-transform:uppercase; background:#bcbcbc url(../images/build/icon-arrow-green-on-grey.jpg) no-repeat scroll right 60%; padding-right:10px; } /* .sidelet h4 a:hover{ color:#fff;} */ #in-site-links { margin-top:10px; background: transparent none ;} #in-site-links li a{ display:block; color: #484848; font-size:1.1em; font-weight:bold; padding:8px 0 10px 32px ; background: transparent url(../images/build/icon-stories-library.jpg) no-repeat scroll 2px 0; } #in-site-links li a:hover{color: #7b9a52; background: transparent url(../images/build/icon-stories-library-green1.png) no-repeat scroll -1px -2px; } #in-site-links li { display:block; } #in-site-links li.yara-knowledge-libraray a{ background-position:2px bottom; } #in-site-links li.yara-knowledge-libraray a:hover{ color: #7b9a52; background:transparent url(../images/build/icon-stories-library-green1.png) no-repeat scroll -1px -35px ; } /* =board-members * =member-details */ #management-bio-page { float:left; margin-top:-2px; } #management-bio-page #secondary-content{ margin-top:60px;} .board-members{ border-top:1px solid #e1e1e1 ;float:left; clear:both; } .board-members ul { margin:25px 0; } .board-members ul ul { margin:0; float:left; margin-bottom:10px} .board-members li { clear:both; padding:0; margin:0;} .board-members li li{clear:none; width:220px; margin:0 15px 0px 0; float:left; border:1px solid #9b9b9b; background: #9b9b9b url(../images/build/bg-list-member-dark.jpg) no-repeat scroll right -1px; /* min-height:59px; */} .board-members li div.photo{ float:left; margin:0; width:60px; height:71px; z-index:10; } .board-members li .meta{ margin: 13px 0px 0px 65px; width:140px; } .board-members li p { margin:0 0 2px} .board-members li .name a{ font-size:1.075em; font-weight:bold; color:#fff !important; padding-top:10px;} .board-members li .designation{ color:#f0f0f0; font-size:0.90em;} /* 11px */ .board-members li.right-most { margin-right:0; } .board-member { clear:both; min-height:250px; position:relative; float:left} .board-member .photo{ position:absolute; top:2px; left:0; border-bottom:10px solid #618d2f;} .board-member .member-details{ margin:0 0 10px 125px; } .member-details h3.name { font-size:3.3em; color:#457900; margin-top:20px; font-weight:bold; } .member-details .designation { font-size:1.3em; color:#5c5c5c;} .member-details .details { margin: 20px 0 10px 0;} .member-details .back-to-list { margin-top:20px; } .member-details .back-to-list a{ color:#457900 !important; font-size:0.85em; font-weight:bold; background: #fff url(../images/build/icon-arrow-green-on-white.jpg) no-repeat scroll right 60%; padding-right:10px;} /* =profiles */ .profile { position:relative; display:block;} .profile-picture { margin-bottom:15px} .story blockquote, .profile blockquote { float:right; width:183px; margin-left:10px; border-left: 1px solid #b2b2b2;} blockquote p{ text-align:right; font-size:1.8em; color:#457900; padding-bottom:0; margin-bottom:0; padding-left:10px } blockquote cite { text-align:right; font-style:normal; display:block; font-size:1.1em; color:#444444; margin-top:15px;} .profile-text { margin-right:200px;} .quote object { margin-bottom:0px; margin-top:-10px} /* =our-people */ .our-people-list ul ul { float:left; margin-bottom:14px; padding-bottom:10px; border-bottom:1px solid #e1e1e1;} .our-people-list li{ clear:both;} .our-people-list li li { clear:none; width:150px; margin-right:9px;float:left; } .our-people-list li li.right-most{ margin-right:0; } .our-people-list p{ margin:2px; } .our-people-list .quote { font-size:0.9em; color:#4d4d4d; font-weight:bold; padding:10px; margin:-4px 0 0 0; background:#d4d4d4 url(../images/build/profile-quote-bg.jpg) no-repeat scroll bottom left; min-height:55px; height:auto !important; height:55px;} .our-people-list .name {font-size:1.25em; font-weight:bold; color:#457900; background:#fff url(../images/build/icon-arrow-green-on-white.jpg) no-repeat scroll 96% 8px ;padding:5px 10px 5px 0;} .our-people-list .name a{ font-size:1em; font-weight:bold; color:#457900; } .our-people-list .name span{ } .our-people-list .name object { cursor:pointer;} .our-people-list .designation {font-size:.9em; font-weight:normal; color:#5c5c5c;} /* =yara-stories */ .yara-stories { margin-top:20px;} .yara-stories ul ul { float:left; margin-bottom:10px; padding-bottom:10px; } .yara-stories li{ clear:both;} .yara-stories li li { clear:none; width:165px; margin-right:9px;float:left; text-align:center; border:1px solid #c0c0c0; min-height:260px; } .yara-stories li li.right-most{ margin-right:0; } .yara-stories li li .story-photo-thumb {width:165px; text-align:center; padding:7px 0; border-bottom:1px dotted #bfbfbf; display:block; } .yara-stories h3.story-link { display:block; margin: 3px 7px; font-size:1em} .yara-stories h3.story-link a{ font-size:1em; color:#457900; font-weight:bold; } .yara-stories .story-brief { font-size:1em; color:#444444; padding:0px 7px; margin:0} .story-picture { margin-bottom:15px; /* position:relative; ~tioii6*/} #yara-story-page .content-title { width:468px;} /* =image-library */ .image-library ul ul { float:left; margin-bottom:10px;} .image-library li { clear:both;} .image-library li li { clear:none; width:165px; margin-right:10px; float:left; border:1px solid #c0c0c0;} .image-library li li .photo-thumb{ text-align:center; padding:10px; border-bottom:1px dotted #c0c0c0; } .image-library li li.right-most{ margin-right:0; } .image-library .name { width:100px; padding:5px 0 5px 10px; color:#6f6f6f; font-size:0.9em; } .image-library .tools { float:right; width:46px; height:20px; margin:5px 0 0;} .image-library .tools li {margin:0 5px 0 0 ; float:left; border:none; } .image-library .tools .enlarge, .image-library .tools .download, .image-library .tools .enlarge a, .image-library .tools .download a { width:18px; height:18px; } .image-library .tools .enlarge a { display:block; text-indent:-9999px; background: #fff url(../images/build/icon-enlarge.jpg) no-repeat scroll top left; } .image-library .tools .download a { display:block; text-indent:-9999px; background: #fff url(../images/build/icon-download.jpg) no-repeat scroll top left; } /* =list-navigator */ .list-navigator { width:100%; height:25px; clear:both; } .list-navigator ul{ width:340px; display:inline-block;} .list-navigator li { font-size:1.1em; float:left;} .list-navigator li.page-n a{ color:#989898; border-right:1px solid #e1e1e1; padding:0 4px;} .list-navigator li.last a{ border:none;} .list-navigator li.page-n.current a{ color:#656565; font-weight:bold; } .list-navigator li.pageXofY { margin-right:10px;} .list-navigator .pageX { font-weight:bold; color:#656464; } .list-navigator .ofY { color:#989898; } .list-navigator li.previous { } .list-navigator li.next { } .list-navigator select { float:right; color:#434343; padding:1px;} /* =paginator */ .paginator { width:/* 690px; */ 696px; height:25px; clear:both; margin:10px 0; position:relative;} .with-sidebar .paginator { width:468px; } .paginator ul { width: 570px; display:inline-block;} .with-sidebar .paginator ul { width: 340px;} #primary-content .paginator li { font-size:1.1em; float:left;} .paginator li.page-n a{ color:#989898; border-right:0px solid #e1e1e1; padding:0 4px;} .paginator li.last a{ border:none;} .paginator li.page-n.current a{ color:#656565; font-weight:bold; } .paginator li.pageXofY { margin-right:10px;} .paginator .pageX { font-weight:bold; color:#656464; } .paginator .ofY { color:#989898; } .paginator li.previous { } .paginator li.next { } .paginator select { /*float:right;*/ color:#434343; padding:1px; position:absolute; right:0 ; top:-3px;} /* =simple-nav */ .subnav { width:690px; margin:10px 0;} .with-sidebar .subnav { width:460px;} .subnav li{ display:inline; } .subnav li a{ color: #6b6b6b; padding:0 5px; border-right:1px solid #757575; font-size:1em;} .subnav .last a { border:none; } .subnav .current a { font-weight:bold; color:#3b3b3b; } /* =latest-press-releases */ .latest-press-releases { border-bottom:1px solid #ccc; margin:10px 0; padding-bottom:10px;} #primary-content h3.lpr { font-size:1.4em; } .date { color:#444; font-size:0.85em; } h4.news-title, h4.news-title a{ font-weight:bold; color:#457900; font-size:1.2em; margin:3px 0; } h4.news-title a { font-size:1em; margin:0;} .press-releases li{ position:relative;} .press-releases li .lang{ position:absolute; top:0px; right:0; font-size:0.9em; color:#444; } .press-releases li .lang a{ text-decoration:underline; } .press-releases p { margin-top:0; font-size:1.1em;} .latest-press-releases .gotolink a{ color:#458900; font-size: 0.9em; background: #fff url(../images/build/icon-arrow-green-on-white.jpg) no-repeat scroll right 60% ; padding-right:10px; } /* =table */ /* common */ #primary-content table{ clear:both; border:none; border-top:1px solid #e1e1e1; margin:0px 0 15px } #primary-content table th, #primary-content table td {font-size:1.1em; color:#444444; padding:5px; vertical-align:middle; } #primary-content table th {color:#3b3b3b; font-weight:bold; font-size:1.2em;} #primary-content table td {color:#757575; } #primary-content table strong { font-weight:bold} #primary-content table .highlighted td{ background-color: #f0f0f0; } #primary-content table .first { text-align:left} /* specific */ table.library { } table.library .subtitle { clear:both; font-size:0.9em; } table.library #title { width:36%;} table.library #added { width:17%;} table.library #language { width:15%;} table.library #type { width:17%;} table.library #category { width:15%;} table.library td { vertical-align:baseline !important; } table.library td.download { font-size:7pt !important; } table.library td.download img { vertical-align:-4px; } #primary-content table.vacant-positions { margin:5px 0 ; } table.vacant-positions #th-position { width:35%;} table.vacant-positions .first a { text-decoration:underline;} table.vacant-positions #th-business-area{width:20%} table.vacant-positions #th-location{width:20%} table.vacant-positions #th-apply-before{width:25%} /* =yara-websites */ #yara-websites-form { margin-top:10px; width:690px; background: #fff url(../images/build/yara-websites-bg.jpg) repeat-y scroll top left; } #yara-websites-form .site-selector{ background: transparent url(../images/build/yara-world-map-top.jpg) no-repeat scroll top left; min-height:360px; height:auto !important; height:360px;} #yara-websites-form .site-selector p { padding:165px 0 0 0px; text-align:center;} #yara-websites-form .site-selector .sitelinks{margin:0px 20px 10px; padding-top:20px} #yara-websites-form .footnote{ width:690px; clear:both; background: transparent url(../images/build/yara-world-map-footer.jpg) no-repeat scroll bottom left; } #yara-websites-form .footnote p { margin:0 20px ; padding:10px 0px 15px; border-top:1px solid #ccc;} .sitelinks .column li a, .sitelinks .row li a { text-decoration: none; color: #457900; font-weight:bold; background: transparent url(../images/build/icon-arrow-green-trans.gif) no-repeat scroll right 4px; padding-right:10px; } .sitelinks .row { width:650px; margin-bottom:10px; } .sitelinks .row h3 { width:100px; float:left; } .sitelinks .row ul { width:550px; float:left; display:inline; margin-bottom:15px; } .sitelinks .row ul li { width:110px; float:left; margin-top:2px; } #yara-websites-list .related-sites-list { display:block; margin-bottom:10px; } #yara-websites-list .related-sites-list .campaign-links, #yara-websites-list .related-sites-list .jv-links { float:left; width:200px; } #yara-websites-list .sitelinks h3, #yara-websites-list .related-sites-list ul{ padding:2px 0px; color:#444444; margin:0; } #yara-websites-list .related-sites-list li { padding:3px 0px; } #yara-websites-list .related-sites-list li a{ font-weight:bold; color:#457900; background: transparent url(../images/build/icon-arrow-green-on-white.jpg) no-repeat scroll right 4px; padding-right:10px; } /* =contact-us-form */ .form-box { width:468px; background: #fff url(../images/build/bg-contact-form.jpg) repeat scroll top left; position:relative; } .form-box legend{ display:none; } .form-box label { color:#457900; font-weight:bold; font-size:0.9em; margin-top:2px;} #primary-content .form-box label em { position:absolute; left: 295px; top:8px; font-style:normal; font-size:0.75em; font-weight:normal; color:#f00;} #primary-content .form-box label em.l { left:245px} #primary-content .form-box label em.r { left:405px} #primary-content .form-box label em.find { left:205px} .form-box ol { width:468px; } #primary-content .form-box li { padding:5px 10px; position:relative; display:block; width:95%; margin:0 } .form-box li input, .form-box li select, .form-box li textarea { margin-left:10px; font-size:0.9em; padding:2px ; color:#434343;} .form-box li input { width:150px;} .form-box li textarea { width:260px} .form-box label { width:110px; display:block; float:left; } .form-fields{width:468px; padding-top:7px; background: transparent url(../images/build/bg-contact-form-top.jpg) no-repeat scroll top left;} .form-box .submit {width:468px; padding-bottom:7px; background: transparent url(../images/build/bg-contact-form-bottom.jpg) no-repeat scroll bottom left;} .form-box .note { position:absolute; width:100px; top:20px; right:10px; font-size:1.1em;} .form-box .submit { } .standalone-label { color:#457900; font-weight:bold; font-size:1.2em;} /*#contact-country { color:#434343; padding:2px; font-size:1.2em;}*/ .contact-country { color:#434343; padding:2px; font-size:1.2em;} /* .contact-us-form { width:468px; background: #fff url(../images/build/bg-contact-form.jpg) repeat scroll top left; position:relative; } .contact-us-form legend{ display:none; } .contact-us-form label { color:#457900; font-weight:bold;} .contact-us-form label em { position:absolute; left: 280px; top:8px; font-style:normal; font-size:0.8em; font-weight:normal; color:#f00;} .contact-us-form label em.l { left:230px} .contact-us-form label em.r { left:390px} .contact-us-form ol { width:468px; } .contact-us-form li { padding:5px 10px; position:relative; display:block; width:95%; } .contact-us-form li input, .contact-us-form li select, .contact-us-form li textarea { margin-left:10px; font-size:0.9em; padding:2px ; color:#434343;} .contact-us-form li input { width:150px;} .contact-us-form li textarea { width:260px} .contact-us-form label { width:100px; display:block; float:left; } .form-fields{width:468px; padding-top:7px; background: transparent url(../images/build/bg-contact-form-top.jpg) no-repeat scroll top left;} .contact-us-form .submit {width:468px; padding-bottom:7px; background: transparent url(../images/build/bg-contact-form-bottom.jpg) no-repeat scroll bottom left;} .contact-us-form .note { position:absolute; width:100px; top:20px; right:10px;} .contact-us-form .submit { text-align:center; } */ .contact-us-form #captcha-image { margin-left:10px} /* .contact-us-form #cf_captcha { position:absolute; left:200px; top:5px; width:180px} .contact-us-form #cf_country { width:265px} */ .contact-us-form-captcha-image { margin-left:10px} .contact-us-form-cf-captcha { position:absolute; left:200px; top:5px; width:180px !important;} .contact-us-form-cf-country {width:265px;} .other-contacts { margin-top:10px;float:left; width:468px;} .other-contacts .vcard { width:170px; float:left;} #google-map{ float:right; margin-top:5px; margin-left:10px; width:274px; height:129px; border:1px solid #b0b0b0; } #google-map .geo { display:none;} .contact-us-form input.submit-button { width:61px; height:20px; margin:10px 0 10px 335px ; padding:0 5px 1px 5px; border:none; color:#fff; cursor:pointer; font-size:1em; background: transparent url(../images/build/bg-submit-button-1.jpg) no-repeat scroll 0 1px;} .job-search-form option { width:100px; } #content .job-search-form h3, #content .search-form h3{ font-size:1.25em; color:#484848} .job-search-form h3, .job-search-form h4 { margin:5px 9px} .job-search-form .note { top:5px;width:150px; } .job-search-form .note h4{ font-size:1.1em; margin:7px 0px;} .job-search-form .note p{ font-size:1em; padding-left:2px;} .job-search-form input.submit-button { width:35px; height:20px; margin:10px 0 10px 229px ; padding:0 5px 1px 5px; border:none; color:#fff; cursor:pointer; font-size:1em; background: transparent url(../images/build/bg-go-button.jpg) no-repeat scroll 0 1px;} input.go-button { width:35px; height:20px; padding:0 5px 1px 5px; border:none; color:#fff; cursor:pointer; font-size:1em; background: transparent url(../images/build/bg-go-button.jpg) no-repeat scroll 0 1px;} .jobs-found-title{ margin:15px 0 10px; padding:0 5px;} input.not-filled { border-color:#f00; border-width:2px;} /* =search results */ #search-results .form-box label{ width:60px; } #search-results .form-box li input {width: 110px; } .search-results-links { } .searches-found-title{ margin:15px 0 10px; padding:0px;} #content .search-form h3, #content .search-form h3{ font-size:1.25em; color:#484848} .search-form h3, .search-form h4 { margin:5px 9px} .search-form .note { top:5px;width:200px; } .search-form .note h4{ font-size:1.1em; margin:7px 0px;} .search-form .note p{ font-size:1em; padding-left:2px;} .search-form input.submit-button { width:35px; height:20px; margin:10px 0 10px 162px ; padding:0 5px 1px 5px; border:none; color:#fff; cursor:pointer; font-size:1em; background: transparent url(../images/build/bg-go-button.jpg) no-repeat scroll 0 1px;} .search-result-links { border:1px solid #ccc; border-width:1px 0; padding:10px 0;} .found-page-title, #content .found-page-title a{ font-weight:bold; color:#457900; font-size:1.2em; margin:3px 0; } #content .found-page-title a { font-size:1em; margin:0;} #search-results .paginator { height:15px; } /* =common */ #content p.back-to-top a {text-decoration:underline !important; font-size:0.85em; color:#444444 !important; padding-top:8px; display:block ; clear:both; } ol.green { margin-left:5px; } ol.green li{ color:#457900; } ol.green li a{padding-right:10px; background: transparent url(../images/build/icon-arrow-green-on-white.jpg) no-repeat scroll right 4px; color:#457900; } ol.green li p{ color:#444444 } .underline { border-bottom:1px solid #ccc; padding-bottom:10px; } /* =utility */ .hidden{ display:none} .show{ display:block } .seperator{ clear:both;} .hovered { background-color:#818181;} #content #carousal .box .hovered a{ color:#fff;} .row { clear:both; } /* =tabsnav */ .tabsnav{ float:left; width:96%; line-height:normal; background:#fff url(../images/build/tab-bg-4-wide-green-a.png) no-repeat scroll 0 -1px; /* 100% 0%; */ /*font-size:95%;font-size:110%; padding-bottom: 10px; */ /* position:relative; */} .with-sidebar .tabsnav { width:468px !important; } #primary-content .tabsnav{ /* font-size:93%; */ background:#fff url(../images/build/tabbg-4-narrow-green.png) no-repeat scroll top left;} #primary-content .tabsnav.wide { background:#fff url(../images/build/tab-bg-4-wide-green-a.png) no-repeat scroll left top; } .tabsnav ul{ list-style:none !important; margin:0px 0 0 0; padding:0 0 10px 0; min-height:1px; float:left; display:block; } .tabsnav li{ white-space: nowrap; float:left; margin:14px 1px 0 0; background:transparent url(../images/build/tabs-bg-grey.jpg) no-repeat scroll top left; padding:0 0 0 11px;} .tabsnav li a{display:block; padding: 7px 11px 7px 0px /*5px 11px 9px 0px*/; float:left; color:#fff; background:transparent url(../images/build/tabs-bg-grey.jpg) no-repeat scroll top right;} .tabsnav .current{ margin-top:12px; /* -3px; */ background-image: url(../images/build/tabs-bg-green.png); } .tabsnav .current a{padding-top:9px; padding-bottom: 6px; background-image: url(../images/build/tabs-bg-green.png); font-weight:bold;} #content .tabsnav a{ color:#fefefe !important;} #content .tabsnav .current a{ font-weight:bold; padding-bottom:7px;} .on-top a { font-size:1.1em;} #content .tabsnav li a:hover { color:#9bc663; } #content .tabsnav .current a:hover { color:#fff;} /* =yara-local-websites */ #yara-local-websites { z-index:100; height:41px; padding-bottom:0px; } #yara-local-websites .select-country-button{ display:block; height:20px; background: transparent url(../images/build/select-bg.jpg) no-repeat scroll top left;color:#fff; } #yara-local-websites .select-country-button a{padding:5px 0px 1px 6px; color:#fff; display:block; } #yara-local-websites .c-button { position:relative; } #yara-local-websites .c-button .select-country-button{ position:absolute;width:185px; } #yara-local-websites .data { position:relative; padding-top:11px; } #yara-local-websites #local-sites {position:absolute; top:-270px; /* -177px; */ left:181px;; width:760px; /* 660px; */ z-index:100; display:none;background:#658D2D} /* #yara-local-websites h4{ padding:0 0 3px 0;} */ #yara-local-websites #local-sites h4, #yara-local-websites #local-sites h5, #yara-local-websites #local-sites p{ padding-left:10px; } #yara-local-websites #local-sites p { color:#C3E296; font-size:1.2em;} #yara-local-websites #local-sites h4 { font-size:3.3em; color:#fff; margin:15px 0 ; padding:5px 10px; width:600px; margin:5px 0px;} .sIFR-active #yara-local-websites #local-sites h4 { margin:0px} #yara-local-websites #local-sites p.sub-line{ color:#fff; font-size:1.2em; margin:-5px 0 0 0; display:block;} #yara-local-websites #local-sites h5{ padding:10px 10px 10px 0;; font-size:1.2em; color:#fff;} #yara-local-websites #local-sites .goto { text-align:left; } #yara-local-websites #local-sites .goto a{ padding:3px 24px 0 0 ; text-align:left; margin:5px 5px 10px 0; color: #f3c535; font-size:1em; font-weight:bold; background: #658d2d url(../images/build/icon-goto-button.jpg) no-repeat scroll top right;} #yara-local-websites #local-sites a { color:#fff;font-size:1.1em;} #yara-local-websites #local-sites a:hover {color:#d8b324; } #yara-local-websites #local-sites .sites-column li { font-size:1.1em; color:#fff;} #local-sites .sites-list{ display:block; padding:0 0 0 10px /*0px 0 10px 10px */ } #local-sites .sites-column{ width:120px; margin:0 10px 0 0; float:left; } #local-sites .sites-column li{ width:120px; border-top:1px solid #7c9d4c; } #local-sites .sites-row li a,#local-sites .sites-column li a{ color:#fff; display:block; background:#658d2d url(../images/build/icon-arrow-yellow-on-green.jpg) no-repeat scroll 110px 6px; padding:5px 12px 5px 0; } .flyout-arrow{ position:absolute; top:271px; /*177px;*/ left:-9px; text-indent:-999px; z-index:100; display:block; height:19px; width:12px; background:transparent url(../images/build/flyout-arrow.gif) no-repeat scroll top left; } #report.sidelet{ padding-bottom:8px; } /* * #yara-local-websites select { width:165px; background:transparent; outline:none; border:0;margin:2px 0 0 4px; } #yara-local-websites.t .s { width:175px; height:30px; border:none; background: transparent url(../images/build/select-bg.jpg) no-repeat scroll top left; } #yara-local-websites option { border:none; background:transparent;} #yara-local-websites option.child { border:none; outline:none;} */ /* =carousal */ /* #carousal{ position:relative; background: #fff url(../images/build/carousal-plain.jpg) no-repeat scroll top left; width:468px; height:140px;} #viewframe { width:433px; height:91px; overflow:hidden; margin:0 0 0 17px; position:relative; } #carousal .previous{ top:50% ; left:1px; position:absolute; cursor:pointer; width:10px; text-indent:-9999px; width:17px; height:27px; background: #fff url(../images/build/previous-arrow.jpg) no-repeat scroll top left;} #carousal .next{ top:50%; right:1px; position:absolute; cursor:pointer; width:10px; text-indent:-9999px; width:17px; height:27px; background: #fff url(../images/build/next-arrow.jpg) no-repeat scroll top left; } #carousal ul.slider-belt { list-style:none; width: 1500px; position:absolute; top:0; left:0; height: 90px} #carousal ul.slider-belt li{ float:left; ; margin-right:17px; width: 133px; border:1px solid #ccc;} #carousal .status-counter { position:absolute; top:5px; right:10px;} #carousal .title { display: block; height: 30px; padding: 10px 0 0px 25px; font-size:1.2em; font-weight:bold} #carousal .box{ position:relative;} */ #carousal{ position:relative; background: #fff url(../images/build/carousal-plain.jpg) no-repeat scroll top left; width:468px; height:140px; margin-bottom:15px; float:left;} #viewframe { width:413px; height:91px; overflow:hidden; margin:0 0 0 27px; position:relative; } #carousal .previous{ top:45% ; left:7px; position:absolute; cursor:pointer; width:10px; text-indent:-9999px; width:17px; height:27px; background: #fff url(../images/build/previous-arrow.jpg) no-repeat scroll top left;} #carousal .next{ top:45%; right:7px; position:absolute; cursor:pointer; width:10px; text-indent:-9999px; width:17px; height:27px; background: #fff url(../images/build/next-arrow.jpg) no-repeat scroll top left; } #carousal ul.slider-belt { list-style:none !important; width: 1400px; position:absolute; top:0; left:0; height: 90px} #carousal ul.slider-belt li{ float:left; ; margin: 0 7px 0 0 !important; width: 133px; background-color:#fff; } #carousal .status-counter { position:absolute; top:12px; right:30px;} #carousal .title { display: block; height: 24px; padding: 10px 0 0px 28px; font-size:1.2em; font-weight:bold; color:#457900;} #carousal .box{ position:relative;} #carousal .box .box-text{ width:121px; height:24px; padding:5px; border:1px solid #d2d2d2; border-width:1px 1px 0 1px; } #carousal .box .box-text a{ color:#457900; font-size:1em; font-weight:bold; display:block; height:100%; } #carousal .current .box .box-text { background-color:#608D24; border-color:#457900;} #carousal .current .box .box-text a{ color:#fff; } #carousal .box .box-img { border:1px solid #d2d2d2; border-width:0px 1px; } #carousal .box .box-img img{ width:131px; } #carousal .box.current .box-img{ border-color:#457900;} #carousal.wide{ width:690px; height:162px; background-image:url(../images/build/carousal-plain-wide.jpg) ; margin-top:15px; } .wide #viewframe { width:635px; height:120px; } #carousal.wide ul.slider-belt{ height:120px;} #carousal.wide ul.slider-belt li{ width:208px; margin: 0 5px 0 0 !important; background-color:#fff; } .box-photo-name {margin:5px 0 5px 5px; width:195px /*142px*/ ; height: 70px; border:1px solid #9b9b9b; background: #9B9B9B url(../images/build/bg-list-member-dark.jpg) no-repeat scroll left -1px} .box-photo-name .pic { float:left; margin-right:5px;} .box-desig{ padding:5px 5px 0; ; color:#437900; font-size:1.1em; font-weight:bold; } .box-desig a { color:#437900; } .box-photo-name .pname { color:#fff; font-weight:bold; font-size:1.1em; margin-top:18px; } .box-shadow {float:left; background:#fff;} .box-shadow img { width:208px; } .carousal { width:698px; border:1px solid #ccc; height:200px; clear:both; } .carousal-container{float:left; border-top:1px solid #ccc; ; margin-top:10px; padding-top:10px; position:relative; } #carousal.three-or-less #viewframe { overflow:visible !important; } #carousal.three-or-less .previous { display:none; } #carousal.three-or-less .next { display:none; } /* =tag cloud */ .tags-cloud p{ width:145px; padding:3px 3px; margin-top:0;} .tags-cloud a{ font-size:1.2em; padding:1px 2px; margin:1px 0; font-weight:bold; font-size:1em; line-height:1.25em; vertical-align: middle; color:#444} .tags-cloud a:hover { color:#747474; } /* 12px */ .tags-cloud a.small { font-size:x-small} /* 10px */ .tags-cloud a.smaller { font-size:xx-small} /* 9px */ .tags-cloud a.large{ font-size: 125% } /*15px 24px */ .tags-cloud a.larger { font-size:x-large; color:#457900 } /* 23px, 32px */ .tags-cloud a.largest { font-size:130%} /* 15.5px */ /* =countries */ .tab-data{ clear:both; display:block; } .column { float:left; display:block; } .column.wide1 { width: 117px; } .column.wide2 { width: 130px; } .column.wide3 { width: 230px; } .column ul{ margin:5px 0; } .column li {padding:3px 0;} .column li a{ text-decoration:underline; } .visit-local-site-link{ position:relative; display:block; color:#444; font-weight:bold; padding-bottom:15px; border-bottom:1px solid #ccc; } .goto-country-site-button {position:absolute; top:-3px; right:0; font-weight:normal } #content .goto-country-site-button a{ width:125px; height:19px; background: transparent url(../images/build/button-share-your-story-bg.jpg) no-repeat scroll left 50%; padding:5px 5px 0 ; color:#fff !important; display:block; font-size:0.9em; } .country-operations-info {margin:5px 0 10px; float:left; clear:both; display:block; width:100%;} .country-operations-info .continent{ font-size:1.2em; font-weight:bold; margin-right:10px; float:left; } .country-operations-info .operations { float:left; padding-top:2px;} .country-operations-info .operations li{ float:left; margin-right:10px; font-size:1.2em; font-weight:bold; color:#457900;} .country-operations-info .operations li.on { padding-left:15px ; background: transparent url(../images/build/country-on.jpg) no-repeat scroll 0 1px } .country-operations-info .operations li.off { padding-left:15px ; background: transparent url(../images/build/country-off.jpg) no-repeat scroll 0 1px } /* = page specific*/ #about-page .cp1 .back-to-top { margin-bottom:15px; } #management-list-page #primary-content { padding-top:15px;} #management-list-page .board-members {margin-top:10px;} #management-list-page .back-to-top a{ padding-bottom:10px; } #products-and-services-page .lp1 .back-to-top a{ padding-bottom:10px;} #products-and-services-page .cp1 .tabsnav { margin-bottom:20px; width:100%; } #products-and-services-page .cp1 .back-to-top { padding-bottom:10px;} #people-profile-page p.back-to-top a { padding-bottom:8px; } .designation { font-size:1.1em; font-weight:bold; color:#444;margin-bottom:10px } #yara-story-index-page .back-to-top{ margin-bottom:25px; } #yara-story-index-page .content-sub-title { width:468px;} #press-releases-page .subnav, #content .subnav{ float:left; } #press-releases-page .press-releases{ float:left; clear:both; width:468px; margin-bottom:25px; border-top:1px solid #ccc; padding-top:10px;} #press-releases-page .press-releases li { padding-left:5px;} #press-releases-page .paginator { width:463px ; margin-left:5px} #press-releases-page .back-to-top { margin-left:5px; } #press-releases-page #content .back-to-top a{padding: 2px 0 15px} #image-library-index-page #content .subnav{ float:none;} .contact-us { float:left; width:468px;} .contact-us .org { font-size:1.3em; font-weight:bold; } .contact-us address { font-style:normal ; font-size:1.2em; } .contact-us .country-name{ display:block; } #image-library-index-page .image-library { margin-top:10px ; border-top :1px solid #ccc; padding-top:15px; padding-bottom:15px; } #yara-websites-form .form-box { width:690px; } #yara-websites-form .footnote a { color:#457900;} .quick_selector{ border-bottom :1px solid #ccc; padding: 5px 0 10px; margin-bottom:10px; float:left; width:100%;} #sitemap .column ul li{ margin-left:10px;} #sitemap h3 { font-size:2em; margin-left:5px} #sitemap .row{ margin-bottom:20px; float:left; width:698px; } /*#sitemap #primary-content li li{ font-size:1em; }*/ #sitemap .column li li { font-size:1em; } #country-page .intro { margin-bottom:15px;} /* =full-width page yara-tv */ .full-width-page #content-area { width:985px; background: transparent url(../images/build/yara-tv-top-bg.png) no-repeat scroll 16px 0;} .full-width-page #content { padding: 0; float:none; background: transparent url(../images/build/yara-tv-content-bg.png) repeat-y scroll 0 0; margin: 2px 33px 0pt 11px; float:right;} .full-width-page #primary-content { background-color:#fff; width:932px; margin:10px 0 0 1px;} .full-width-page #footer { background-image: url(../images/build/footer-bg-yaratv.jpg); } /* =yara-tv */ #yara-tv .tv-frame{width:930px; display: block; height:623px; overflow:hidden; border-bottom: solid 1px #DDD;} #yara-tv .tv-frame frame { border-style:none; border-width:0; position:relative} /* =events-calander */ #events-calendar .column-1-header{ width:75%; } #events-calendar .event-date {width:25%; vertical-align:top;} #events-calendar #primary-content .event-title{ width:75%; text-align:left;} #events-calendar .event-downloadables{ width:25%; vertical-align:top;} #events-calendar #primary-content .tabsnav { margin-bottom:10px; } #events-calendar .intro{ margin-bottom:5px;} /* = where we operate */ .country-search-box { display:none; margin:10px; float:left; width:327px; background: transparent url(../images/build/thin-country-box.gif) no-repeat scroll bottom left; padding-bottom:6px;} .yara-countries { background: transparent url(../images/build/thin-country-box.gif) no-repeat scroll top left; padding:6px 10px 0;} .yara-countries label { font-weight:bold; font-size:1.2em; color:#457900; } #y-countries{ color:#5C5C5C; font-size:1.1em; padding:2px; width:160px; } .region-buttons .region { position:absolute; top:0; right:0; height:19px; background: transparent url(../images/build/grey-button-bg-left.gif) no-repeat scroll top left; padding-left:10px; z-index:10} .region-buttons .region .link{ display:block; height:17px; background: transparent url(../images/build/grey-button-bg.gif) no-repeat scroll top right; padding:3px 20px 0 0; color:#fff; font-size:1em; } .region-buttons .on {background: transparent url(../images/build/green-button-bg-left.gif) no-repeat scroll top left; z-index:99; } .region-buttons .on .link{ background: transparent url(../images/build/green-button-bg.gif) no-repeat scroll top right; } .region-buttons .europe { top:150px; left:275px; width:60px;} .region-buttons .north-america { top:160px; left:90px; width:105px;} .region-buttons .asia { top:165px; left:352px; width:100px;} .region-buttons .africa { top:200px; left:285px; width:55px;} .region-buttons .latin-america { top:250px; left:130px; width:92px;} .europe .sites-in-region { left:79px;} .north-america .sites-in-region { left:124px;} .asia .sites-in-region { left:119px;} .africa .sites-in-region { left:74px;} .latin-america .sites-in-region { left:111px;} .europe .flyout-arrow2, .north-america .flyout-arrow2, .asia .flyout-arrow2, .africa .flyout-arrow2, .latin-america .flyout-arrow2{left:100%;} .sites-in-region { background-color:#658D2D /* #f7f7f7 */; display:none; position:absolute; top: -200%; /* -185px */ left:113%; width:130px; border:1px solid #7C9D4C /*#658D2D*/ /*#d3d3d3*/; z-index:800; padding-top:0px; } .region-buttons .on .sites-in-region { display:block; } .region-buttons .close-button { display:none; position:absolute; top:-280% ; right:-141px; width:40px; height:16px; background-color:#658D2D ; padding:2px; text-align:center; z-index:98 } .region-buttons .on .close-button{ display:block;} #content .region-buttons .close-button{ color:#FFF; font-size:0.85em; } #primary-content .two-column .sites-in-region { width:260px;} .two-column .close-button { right:-270px;} #primary-content .sites-in-region ol { width:100%; } #primary-content .sites-in-region li { list-style:none; font-size:1em; padding:4px 8px 4px 10px; color:#fff; margin:0 0 0px 0px; display:block; border: 1px solid #7C9D4C; border-width:0 1px 1px 0px; width:111px; float:left; } #primary-content .sites-in-region li a{ color: #fff; display:block; line-height:1.5em; font-weight:normal; background: transparent url(../images/build/icon-arrow-yellow-on-green.jpg) no-repeat scroll 103px 50%; width:102px;} #primary-content .sites-in-region li.last { border-bottom:none;} #primary-content .sites-in-region li a:hover { color: #f3c535; } #where-we-operate .footnote {height:50px;} .flyout-arrow2{ position:absolute; top:0px; left:70px; text-indent:-9999px; z-index:100; display:none; height:19px; width:12px; background:transparent url(../images/build/flyout-arrow.gif) no-repeat scroll top left; } .on .flyout-arrow2{ display:block;} /* = generic-page / article page */ .generic-page .intro { margin-bottom:10px; } .generic-page .image-on-left img{ clear:left; float:left; margin:5px 10px 5px 0;} .generic-page .image-on-right img{ float:right; margin:5px 0px 5px 10px;} #primary-content .generic-page .left{ float:left; margin:10px 10px 5px 0;} #primary-content .generic-page .right{ float:right; margin:10px 0 5px 10px;} #primary-content .generic-page h4{ font-size:1.1em} #primary-content .generic-page ol { margin-bottom:10px } #primary-content .generic-page ul { list-style-position:outside; list-style-type:disc; margin-bottom:10px} #primary-content .generic-page ul.circle { list-style-position:outside; list-style-type:circle; margin-bottom:10px} #primary-content .generic-page ul li { font-size:1.2em; margin:5px 0pt 0pt 18px;} #primary-content .generic-page a{ color:#457900; } .generic-page abbr, .generic-page acronym { font-size:1em; } #primary-content .generic-page table { margin:10px 0 25px 0; border:none;} #primary-content .generic-page td { color: #444444; border:none;} #primary-content .generic-page th{background-color:#e0e0e0; border:none; font-size:1.1em;} #primary-content .generic-page .quote { font-size:1.6em; color: #457900} #primary-content .generic-page .quote cite { color:#444444;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:0.65em;} .generic-page .caption235 { width:235px;} .generic-page .caption155 { width:155px;} .generic-page .caption235 .footnote , .generic-page .caption155 .footnote { clear:both; display:block} #primary-content .generic-page th { font-weight:normal; padding:4px 5px 2px; /*text-align:right;*/ } #primary-content .generic-page td { font-weight:normal; padding:4px 5px 2px; vertical-align:top; /*text-align:right;*/ } #primary-content .generic-page tr.underlined th, #primary-content .generic-page tr.underlined td, #primary-content .generic-page th.underlined, #primary-content .generic-page td.underlined { border-bottom:1px solid #999;} #primary-content .generic-page tr.underlined-light td, #primary-content .generic-page tr.underlined-light th, #primary-content .generic-page td.underlined-light, #primary-content .generic-page th.underlined-light { border-bottom:1px solid #ccc;} #primary-content .generic-page table b, #primary-content .generic-page table strong { font-weight:bold; color:#000; font-size:1em; font-style:normal; } #primary-content .generic-page table em { font-weight:normal; font-style:italic; font-size:1em; color:#000; } #primary-content .generic-page thead th, #primary-content .generic-page thead td, .highlighted-row td, .highlighted-row th { background-color:#eee;} #primary-content .generic-page h2{ font-size:2em; padding:5px 0;} #primary-content .generic-page h3{ color:#444; margin-top:15px; } .hovered-row td, .hovered-row th{background-color:#edf1ea; /*#c5cfb8; #ebeee6 */ } /* = tab-page / article page */ #primary-content .tab-page table { margin:10px 0 25px 0; border:none;} #primary-content .tab-page td { color: #444444; border:none;} #primary-content .tab-page th{background-color:#e0e0e0; border:none; font-size:1.1em;} #primary-content .tab-page th, #primary-content .tab-page td{ font-weight:normal; padding:4px 5px 2px; vertical-align:bottom; /*text-align:right;*/ } #primary-content .tab-page tr.underlined th, #primary-content .tab-page tr.underlined td, #primary-content .tab-page th.underlined, #primary-content .tab-page td.underlined { border-bottom:1px solid #999;} #primary-content .tab-page tr.underlined-light td, #primary-content .tab-page tr.underlined-light th, #primary-content .tab-page td.underlined-light, #primary-content .tab-page th.underlined-light { border-bottom:1px solid #ccc;} #primary-content .tab-page table b, #primary-content .tab-page table strong, #primary-content .tab-page table em { font-weight:bold; color:#000; font-size:1em; font-style:normal; } #primary-content .tab-page thead th, #primary-content .tab-page thead td { background-color:#eee; } /* "Key figures and highlights" styles, added by Tor A. Do NOT dare to remove this, or else... */ tr.header td, tr.header th { font-weight:bold !important; color:#000000 !important; border-bottom:1px solid #CCCCCC !important; vertical-align:bottom !important; } tr.sub-header td { border-bottom:1px solid #CCCCCC !important; color:#3A6400 !important; font-weight:bold !important; padding-top:10px !important; } td.bold, th.bold { color:red; font-weight:bold !important; } td.highlighted, th.highlighted { background-color:#eee; } td.highlighted-bold, th.highlighted-bold { background-color:#eee; font-weight:bold !important; } /* "Key figures and highlights" end */ /* yara-tv */ .video-title { margin:0 33px 0 0; width:726px;/*width:726px;*/ float:right; background:#fff;} .video-title h2, .video-title p{ margin:0 0 0 15px; } .full-width-page #content { background:none; } .full-width-page #primary-content { background-color:#fff;} #yara-tv .wrap { background-image:url(../images/build/wrap-bg-3b.jpg);} #yara-tv #content-area { background: transparent url(../images/build/yara-tv-content-area-bg.png) no-repeat scroll 15px 0;} /* =smallnav */ #smallNav{ width:191px; height:54px; background:transparent url(../images/build/smallnav-bg.png) no-repeat scroll top left; display:block; position:absolute; top:155px; left:32px; z-index:10} #smallNav ul { width:187px; margin:5px 0 0 2px;} #smallNav li { display:block; border:1px solid #ccc; border-width:0 0 1px 0; position:relative; width:187px;} #smallNav li a{ display:block; font-weight:bold; color: #3A6400; font-size:1.1em; padding:5px 10px; width:167px; background: transparent url(../images/build/smallnav-arrow.png) no-repeat scroll 96% 50%; } #smallNav li a:hover{ /* background:#658D2D; color:#fff; */ background:transparent url(../images/build/menu-sprite-8bit-6.png) no-repeat scroll -3px -301px ; color:#fff; } #smallNav .last , #smallNav #firstLevelNav .last { border:none;} #smallNav #firstLevelNav{ display:none; position:absolute; background:#658D2D; top:-5px; left:185px; z-index:10 ; border:3px solid #658D2D; width:140px ; padding:0 10px; } #smallNav #firstLevelNav li { border-bottom:1px solid #7C9D4C; width:140px ;} #smallNav #firstLevelNav li a {width:100%; color:#fff; background:#658D2D url(../images/build/icon-arrow-yellow-on-green.jpg) no-repeat scroll 100% 50% ; border-bottom:0px solid #7C9D4C; padding:6px 0; } #smallNav #firstLevelNav li a:hover { color:#D8B324;} #smallNav .active { background:transparent url(../images/build/menu-sprite-8bit-6.png) no-repeat scroll -3px -301px ; color:#fff; } #smallNav .active a{ background:none; color:#fff;} #smallNav li { cursor:pointer;} /* = glossaries-page */ #glossaries-page #primary-content h3 {margin:10px 0 0;} #primary-content .tabsnav { margin-bottom:10px; } #glossaries-page #primary-content dl{ font-size:1.2em; line-height:1.25em; clear:both; padding:1px 0 10px; border-bottom:1px solid #CCCCCC; margin:-5px 0 5px; } #glossaries-page #primary-content dt{float:left; clear:left; margin:10px 5px 0 0; } #glossaries-page #primary-content dd{clear:right; margin:10px 0 0 0;} #glossaries-page .intro { margin-bottom:0; } /* #glossaries-page #primary-content dt{ display:inline; margin-top:10px; } #glossaries-page #primary-content dd{ display:inline ;margin-bottom:10px } #glossaries-page #primary-content br { line-height:2em; } #glossaries-page #primary-content dd:after { content: "\A"; white-space: pre; } */ /* =emailPage */ #emailThisPageForm {display:none; position:absolute; top:5px; right:10px; width:310px; height:490px; border:2px solid #fff; background:#ccc; top:14px; right:32px; z-index:888;} #emailThisPageForm .closeForm a{ display:block; margin:5px; width:50px; height:15px; background:#628E27; float:right; padding:1px; color:#fff; text-align:center; } #emailThisPageForm iframe { background:#ccc;} #emailForm input.submit-button { width:61px; height:20px; margin:3px 0 10px 235px ; padding:0 5px 1px 5px; border:none; color:#fff; cursor:pointer; font-size:1em; background: transparent url(../images/build/bg-submit-button-1.jpg) no-repeat scroll 0 1px;} #emailForm{ width:300px; text-align:left; background:#ccc; border:5px solid #ccc;} #emailForm h5 { font-size:13px; padding:5px 0; } #emailForm h6 { font-size:11px; padding:5px 0; } #emailForm fieldset { /*background:#eee; margin-bottom:5px; padding:0; padding:3px;*/ position:relative; } #emailForm legend { position:relative; border:none; padding:0; float:left; width:10em; margin-top:25px; font-size:12px; display:block; background-color:#ff0;} #emailForm label { clear:both; width:250px; display:block; float:left; padding-top:3px; font-size:11px; } #emailForm input, #emailForm textarea { width:200px; font-size:12px; padding:2px; clear:both;} #emailForm textarea { clear:both; width:95%; font-family:Verdana,Arial,Helvetica,sans-serif} #emailForm .captcha { padding: 5px 0; } #emailForm .captcha label{ padding: 0 ; } #emailForm .captcha img{ clear:both; } #emailForm .ef-captcha { clear:both;} #emailForm .efm { font-size:11px; font-weight:bold;} #emailForm .fieldgroup { background:#eee; padding:0 5px 10px; margin-bottom:10px;} #emailForm label em { font-weight:normal; color:#f00;} #emailForm .footnote { padding:0; margin:-9px 0 0 0; font-size:1em;} #emailForm .privacyStatement { float:left; margin-top:-32px; } #emailForm .privacyStatement.n { margin-top:0;} #emailForm .privacyStatement a { font-size:0.9em;color:#457900; } /* temporary - picture library */ #in-site-links li.picture-library a{ background:transparent url(../images/build/temp-icon-stories-library-picture.jpg) no-repeat scroll 2px 0px ; } #in-site-links li.picture-library a:hover{ color: #7b9a52; background-position: 2px -30px ; } /* =AAA related */ /* these classes(font sizes) are applied to the body of the page so that they cascade to all other elements of the page */ .zx{ /* font-size:62.5% 10px/16px */} .zxl{ font-size:75% /* 12px/16px */} .zxxl{ font-size:82.5% /* 14px/16px */} /* highlight currentl selected AAA option */ #footer .text-resize a.current{ color:#FFF; } /* some adjustments following font size change */ .zxl #yara-local-websites .select-country-button a{ padding:2px 0 1px 6px } .zxxl .infolet.share-your-story p.link a{ background-position:left 100%; } .zxxl #yara-local-websites .select-country-button a{ padding:1px 0 1px 6px } .zxxl .infolet ul.links a, .zxxl .infolet p.link a, .zxxl .highlight .goto a, .zxl .infolet ul.links a, .zxl .infolet p.link a, .zxl .highlight .goto a { background-position:right 6px } .zxxl .sales-contact .go-button { right:6px; } .zxl .navtabs li a { height:20px } .zxxl .navtabs li a{ height:30px } .zxxl .search-box input.submit-button { background-position: 0 3px; } .zxxl .region-buttons .asia{ width:116px; } .zxl .region-buttons .asia{ width:107px; } .zxxl .region-buttons .region .link{ padding: 1px 20px 2px 0 } .zxl .region-buttons .region .link{ padding: 1px 20px 1px 0 } .zxxl .region-buttons .europe { width:67px; } .zxl .region-buttons .north-america{ width:105px;} .zxxl .region-buttons .north-america{ width:115px;} .zxxl .region-buttons .latin-america{ width:110px;} .zxl .region-buttons .latin-america{ width:100px;} .zxl .country-search-box{ background-image:url(../images/build/thin-country-box-350.gif);width:350px;} .zxl .yara-countries{ background-image:url(../images/build/thin-country-box-350.gif);} .zxxl .country-search-box{ background-image:url(../images/build/thin-country-box-360.gif); width:360px; } .zxxl .yara-countries{ background-image:url(../images/build/thin-country-box-360.gif);} /* Yara local websites flyout related */ #yara-local-websites #local-sites .sites-row{ width:750px; clear:left; display:block; margin-bottom:10px; } #yara-local-websites #local-sites .sites-row h5{ width:100px; margin-right:0px; padding:5px 0 0; float:left; } #yara-local-websites #local-sites .sites-row ul { margin-left:110px; float:left; display:inline; clear:left; margin-top:-17px; width:660px;} #yara-local-websites #local-sites .sites-row li { width:122px; margin-right:5px; float:left; border-top:1px solid #7c9d4c; } .ruler { border-bottom:0px solid #FFFFFF; clear:both; margin-right:10px; padding-top:10px} #yara-local-websites #local-sites h4 embed { width:100% !important } /* FAQ related */ li.marked p { color:#457900 !important; } /* Article detail */ span.image-on-left ul, span.image-on-right ul { list-style-position:inside !important;} span.image-on-left li p, span.image-on-right li p { display:inline !important; } /* Fix for YAR-423 */ .g-map > div > div > span { width:150px; white-space:normal !important; } /* GRI Index */ .gri-index tr.clickable { cursor:pointer; } .gri-index tr.level2 td { border-bottom:1px solid #CCCCCC !important; } .gri-index tr.level2.first td { border-top:1px solid #CCCCCC !important; } .gri-index tr.gri-header.first td { border-top:1px solid #CCCCCC !important; } .gri-index tr.gri-header td { font-weight:bold !important; } .gri-index th { text-align:left !important; border-top:1px solid #CCCCCC !important; font-weight:bold !important; } .gri-index td { vertical-align:top !important; } .gri-index td.open { background: url(../images/build/open.png) no-repeat center; } .gri-index td.close { background: url(../images/build/close.png) no-repeat center; } .gri-index td.fully-reported { background: url(../images/build/fully_reported.png) no-repeat center 1px; } .gri-index td.partially-reported { background: url(../images/build/partially_reported.png) no-repeat center 1px; } .gri-index td.not-reported { background: url(../images/build/not_reported.png) no-repeat center 1px; } .gri-index .hovered-row td { background-color:#edf1ea !important; } .gri-index td a { background:transparent url(../images/build/icon-arrow-green-on-white-content.jpg) no-repeat scroll right 6px; color:#457900; line-height:1.3em; padding:0.2em 7px 0.2em 0; } span.image-on-left img { clear:left; float:left; margin:5px 10px 5px 0; } span.image-on-right img { float:right; margin:5px 0px 5px 10px; } span.image-on-right li { /* Fjernet av Sven-Erik, 30/11 2009. Ødelegger enkelte steder, og Marit sier hun ikke vet om noen som benytter det(italic og midstilte lister) text-align: center; font-style: italic; text-indent: 0; font-size: smaller; */ } /* For links in RTF fields */ a.green-link:link, a.green-link:active, a.green-link:hover { background:transparent url(../images/build/icon-arrow-green-on-white.jpg) no-repeat scroll right 4px; color:#457900; padding-right:10px; } a.green-link:visited { background:transparent url(../images/build/icon-arrow-green-on-white.jpg) no-repeat scroll right 4px; color:#80b54c; padding-right:10px; text-decoration:none; } a.green-link.no-arrow:link, a.green-link.no-arrow:active, a.green-link.no-arrow:hover { color:#457900; text-decoration:none; padding-right:0; background:none; } a.green-link.no-arrow:visited { color:#80b54c; text-decoration:none; padding-right:0; background:none; } /* For banner_four image positioning*/ img.banner-four-fixed-size{ width: 115px; height: 65px; float: left; margin-right: 1px } img.banner-four-nomargin{ width: 118px; height: 65px; margin-right: 0px; } #primary-content .ruler { border-bottom: 1px solid #CCC; height: 1px; clear: both; margin-bottom: 15px; padding-top:10px; width:100%; } /* For table used on Notes page */ #primary-content .tab-page table.notes { width: 100%; border-top:1px solid #cccccc; margin-top:20px; } #primary-content .tab-page td.download { width: 70px; } #primary-content .tab-page td.download img { margin-right:4px; } #primary-content .tab-page td.description { padding-left:15px; } #primary-content .tab-page td.description span.title { text-transform:uppercase; } /* For download icons used on download banner */ .infolet.rss ul.download { padding-left:0px; } .infolet.rss ul.download li { padding:0px; margin:0px 0px 2px 29px; line-height:125%; } .infolet.rss ul.download li.pdf { list-style-image:url(../images/icon-pdf.gif); } .infolet.rss ul.download li.ppt { list-style-image:url(../images/icon-ppt.gif); } .infolet.rss ul.download li.doc { list-style-image:url(../images/icon-doc.gif); } .infolet.rss ul.download li.xls { list-style-image:url(../images/icon-xls.gif); } .infolet.rss ul.download li.eps { list-style-image:url(../images/icon-eps.gif); } .infolet.rss ul.download li.png { list-style-image:url(../images/icon-png.gif); } .infolet.rss ul.download li.zip { list-style-image:url(../images/icon-zip.gif); } .infolet.rss ul.download li a { vertical-align:2px; } /* For green links */ #primary-content p a, #primary-content p a:link, #primary-content p a:hover, #primary-content p a:active { color:#457900; text-decoration:none; } #primary-content p a:visited { color:#80b54c; text-decoration:none; } #secondary-content p a, #secondary-content p a:link, #secondary-content p a:hover, #secondary-content p a:active { color:#457900; text-decoration:none; } #secondary-content p a:visited { color:#80b54c; text-decoration:none; } /* GCI index */ .gci-index tr.first td h3 { margin-top:0px !important; } .gci-index h3 { color:#457900 !important; border-bottom:1px solid #cccccc; padding-bottom:5px; } .gci-index td.index { width:15px;vertical-align:top !important; } .gci-index td.open { background:transparent url(../images/build/open.png) no-repeat scroll center 0.4em; width:15px; cursor:pointer; } .gci-index td.close { background:transparent url(../images/build/close.png) no-repeat scroll center 0.4em; width:15px; cursor:pointer; } .gci-index .approach { display:none; padding-bottom:10px; border-bottom:1px solid #cccccc; } .gci-index .approach h3 { font-size:8pt;color: #5C5C5C !important; border:none; padding-bottom:0px; } .gci-index td a { background:transparent url(../images/build/icon-arrow-green-on-white-content.jpg) no-repeat scroll right 6px; color:#457900; line-height:1.3em; padding:0.2em 7px 0.2em 0; } /* Non-Flash home page */ .no_HF #home-page #yara-search { bottom:7px; left:-2px; } .no_HF #home #content { padding-right:16px; } .no_HF #home-page #y-navigation { margin-left:25px; margin-top:-3px; } .no_HF #news-box.sidelet { margin-top:0; } .no_HF .sidelets { left:-2px; margin-top:-2px; } .no_HF #home #footer { left:-2px; margin-top:9px; } /* Contact person */ .contact-list { float:left; margin-top:15px; width:468px; } .contact-person { float:left; width:100%; clear:both; border-bottom:1px solid #CCCCCC; margin-bottom:15px; padding-bottom:15px; } .contact-person img { float:left; width:95px; height:100px; margin:0px 15px 0px 0px; border:1px solid #cccccc; } .contact-person p { margin-top:0; } .contact-person span.no-img { width:95px; height:100px; float:left; margin:0px 15px 0px 0px; border:1px solid #cccccc; } .contact-person span.no-img p { text-align:center; width:100%; margin-top:30px; } /* Terminals */ span.terminals #copyright { top:0px !important; height:20px; } span.terminals #selector { float:right; margin-bottom:10px; visibility:visible; } span.terminals #selector input { margin:0px 2px 0px 5px; } span.terminals p.intro { margin:7px 0; } span.terminals span.text { float:left; width:100%; } /* span.terminals > p { float:left; } */ span.terminals #GoogleMap { float:left; } span.terminals .g-map { float:left; position:relative; } span.terminals .g-map .rounded-top { background: url(../images/build/google-maps-top.png) no-repeat scroll 0 0; height:6px; position:absolute; width:696px; z-index:1; top:0; left:0; overflow:hidden; } span.terminals .g-map .rounded-bottom { background: url(../images/build/google-maps-bottom.png) no-repeat scroll 0 0; height:6px; position:absolute; width:696px; z-index:1; bottom:0; left:0; overflow:hidden; } span.terminals ul { list-style-position:inside; list-style-type:disc; margin-bottom:15px; } span.terminals ul li p { display:inline; font-size:1.1em !important; line-height:150%; float:none !important; } span.terminals span.other-products a { font-size:1.2em; } span.terminals span.other-products { margin-bottom:20px; float:left; } span.terminals table { float:left; margin:0 !important; } span.terminals td.liquid { background: url(../images/build/liquid_small.png) no-repeat center 1px; } span.terminals td.dry { background: url(../images/build/dry_small.png) no-repeat center 1px; } span.terminals td.both { background: url(../images/build/both_small.png) no-repeat center 1px; } span.terminals td { background-color:#FFFFFF; font-size:1.2em !important; font-weight:bold !important; } .overlay { width:242px; color:#7E7E7E; display:none; position:absolute; z-index:10; } .overlay div.close { position:absolute; top:8px; right:12px; font-weight:bold; cursor:pointer; height:10px; width:10px; background:url(../images/build/minimize.gif) no-repeat scroll 1px 6px; } .overlay p.name { font-weight:bold; text-transform:uppercase; margin:0; font-size:10pt; color:#457900; } .overlay p.description { font-size:8pt; margin:5px 0 0 0; padding-bottom:5px; width:100%; } .overlay p.more { margin:0px; } .overlay p.more a { background:url(../images/build/icon-arrow-green-on-white-content.jpg) no-repeat scroll right 6px; color:#457900 !important; padding:0.2em 7px 0.2em 0; } .overlay .top { background:url(../images/build/overlay_top.gif) no-repeat; width:242px; height:16px; } .overlay .bottom { background:url(../images/build/overlay_bottom.gif) no-repeat; width:242px; height:24px; } .overlay .content { border-left:1px solid #A3A3A3; border-right:1px solid #A3A3A3; background-color:#F4F3F3; padding:0px 15px 0px 15px; } .infolet .data.one-link h4 { margin:0px 0px 6px 0px; } /* Product stories (home page) */ .product-stories { background-color:#ffffff; } .product-stories .top { background: url(../images/build/white-box.gif) no-repeat 0px -7px; width:733px; height:7px; float:left; overflow:hidden; } .product-stories .bottom { background: url(../images/build/white-box.gif) no-repeat 0px 0px; width:733px; height:7px; float:left; overflow:hidden; } .product-stories .story-container { border-left:1px solid #91a17c; border-right:1px solid #91a17c; width:731px; float:left; background-color:#ffffff; padding-bottom:10px; } .product-stories ul { list-style:none; list-style-position: outside; display:inline; margin:0; padding:0; } .product-stories ul li { float:left; margin:10px 0px 0px 15px; width:343px; } .product-stories.two .story-box { width:335px; } .story-box { border-left:4px solid #d4d4d4; border-right:4px solid #d4d4d4; float:left; background-color:#ebe9ea; } .story-box .text { background-color:#FFFFFF; color:#444444; font-size:9pt !important; text-align:left; padding:10px; height:50px; line-height:125%; overflow:hidden; } .story-box .button { float:right; /*margin:3px -5px 2px 2px;*/ } .story-box .button a { background: url(../images/build/product-story-button.gif) no-repeat scroll left 50%; color:#FFFFFF !important; display:block; font-size:1.2em !important; height:23px; padding:10px 0 0 5px; text-align:left; width:186px; font-weight:bold; /*line-height:150%;*/ } .product-stories .top h3 { margin-left:12px; /*background:#6A9B26 url(../images/build/green_bg.jpg) no-repeat scroll right top; border:1px solid #6A9B26; margin:0 !important; padding:10px 5px; color:#FFFFFF; font-size:10pt !important; text-transform:uppercase; text-align:left; */ } .product-stories .top h3 a { color:#FFFFFF; font-size:1.3em !important; font-weight:bold; text-transform:uppercase; } .product-stories.two .story-container .top { background:url(../images/build/green_bg_top_rounded_1.gif) no-repeat; width:343px; height:38px; } .product-stories.two .story-container .bottom { background:url(../images/build/green_bg_bottom_rounded_1.gif) no-repeat; width:343px; height:7px; } .product-stories.three .story-container .top { background:url(../images/build/green_bg_top_rounded_2.gif) no-repeat; width:231px; height:38px; } .product-stories.three .story-container .bottom { background:url(../images/build/green_bg_bottom_rounded_2.gif) no-repeat; width:231px; height:7px; } .product-stories.three .story-box { width:223px; } .product-stories.three ul li { margin:10px 0px 0px 10px; width:230px; } /* Wide carousel */ #carousel.wide { background:url(../images/build/carousel-wide.png) no-repeat scroll left top; float:left; height:95px; margin-top:15px; position:relative; width:733px; } #carousel.wide .previous { background:url(../images/build/previous-arrow-2.jpg) no-repeat scroll left top; cursor:pointer; height:21px; left:7px; position:absolute;top:38%; width:10px; z-index:1; } #carousel.wide .next { background:url(../images/build/next-arrow-2.jpg) no-repeat scroll left top; cursor:pointer; height:21px; right:7px; position:absolute; top:38%; width:10px; z-index:1; } #carousel.wide.no-scroll .previous, #carousel.wide.no-scroll .next { display:none; } #carousel.wide #viewframe { height:95px; margin:auto; overflow:hidden; position:relative; width:668px; } #carousel.wide ul.slider-belt { height:83px; left:0; list-style-image:none !important; list-style-position:outside !important; list-style-type:none !important; position:absolute; top:0px; width:1400px; padding:0; margin:0; } #carousel.wide ul.slider-belt li { background:url(../images/build/carousel-wide-box.gif) no-repeat; float:left; margin:6px 7px 0 0 !important; width:218px; } #carousel.wide .box { width:218px; height:83px; } #carousel.wide .box .text a { color:#457900; font-size:1.2em; font-weight:bold; } #carousel.wide .box .text { text-align:left; margin:5px 0 5px 9px; } #carousel.wide .box .img { text-align:center; } /* Narrow carousel */ #carousel.narrow { background:url(../images/build/carousel-narrow.png) no-repeat scroll left top; float:left; height:95px; margin-top:15px; position:relative; width:472x; } #carousel.narrow .previous { background:url(../images/build/previous-arrow-2.jpg) no-repeat scroll left top; cursor:pointer; height:21px; left:7px; position:absolute;top:38%; width:10px; z-index:1; } #carousel.narrow .next { background:url(../images/build/next-arrow-2.jpg) no-repeat scroll left top; cursor:pointer; height:21px; right:7px; position:absolute; top:38%; width:10px; z-index:1; } #carousel.narrow.no-scroll .previous, #carousel.narrow.no-scroll .next { display:none; } #carousel.narrow #viewframe { height:95px; margin:auto; overflow:hidden; position:relative; width:472px; } #carousel.narrow ul.slider-belt { height:83px; left:0; list-style-image:none !important; list-style-position:outside !important; list-style-type:none !important; position:absolute; top:0px; width:1400px; padding:0; margin:0; } #carousel.narrow ul.slider-belt li { background:url(../images/build/carousel-wide-box.gif) no-repeat; float:left; margin:6px 7px 0 0 !important; width:218px; } #carousel.narrow .box { width:218px; height:83px; } #carousel.narrow .box .text a { color:#457900; font-size:1.2em; font-weight:bold; } #carousel.narrow .box .text { text-align:left; margin:5px 0 5px 9px; } #carousel.narrow .box .img { text-align:center; } #country-home #content-area { width:760px; background:none; margin-top:45px; } #country-home #content { margin:0; padding:0; float:left; } #country-home #primary-content { width:733px; padding-bottom:20px; } #country-home .wrap { background:#E0E0E0 url(../images/build/wrap-bg-home.jpg) repeat-y scroll left top; } #country-home #fact-banner { width:745px; right:14px; left:auto; top:94px; } #country-home #fact-banner[id] { background:none; } #country-home #fact-banner p.head-line { font-size:2.6em; padding:0 !important; margin:0 !important; } #country-home #fact-banner p.sub-head-line { font-size:1.3em; padding:2px 0px 5px 0; margin:0; color:#FFFFFF; text-align:right; } #country-home #fact-banner .fact { background: url(../images/build/country-content-top-bg-small.png) repeat-x scroll 0 0; float:right; width:auto; min-width:600px; clear:both; padding:5px 10px 4px 0; } #country-home #fact-banner .sub-fact { background:url(../images/build/sub-fact-banner.gif) repeat-x scroll 0 0; float:right; width:735px; padding-right:10px; } #country-home #fact-banner img { float:right; } #country-home .sidelet { background: #E0E0E0 url(../images/build/sidelet-bg.gif) no-repeat scroll left bottom; } #country-home .sidelet .data { background: #E0E0E0 url(../images/build/sidelet-bg.gif) no-repeat scroll left top; } #country-home .sidelet h4 a { background:url(../images/build/icon-arrow-green-trans.gif) no-repeat scroll right 4px; } /*#country-home #footer { background: #E0E0E0 url(../images/build/footer-bg-country.jpg) no-repeat scroll 1px top; }*/ #country-home #footer { background: #E0E0E0 url(../images/build/footer-bg-home-page.jpg) no-repeat scroll 0px top; } #news-ticker { background:url(../images/build/news-ticker.gif) no-repeat; width:468px; height:27px; position:relative; margin-bottom:25px; float:left; } #news-ticker .header { color:#B7B7B7; display:block; font-size:1.1em; font-weight:bold; height:27px; padding:7px 0 0 7px; text-transform:uppercase; float:left; } #news-ticker .news { display:none; position:absolute; top:6px; } #news-ticker .ticker a { color:#FFFFFF; } #news-ticker .ticker { color:#FFFFFF; display:block; float:left; font-size:1.2em; height:27px; padding:6px 0 0 10px; } /* One-picture carousel */ .carousel-one { float:left; position:relative; margin-bottom:15px; } .carousel-one .top { background:url(../images/build/one-carousel-top.png) no-repeat; height:6px; position:absolute; width:470px; top:0; z-index:1; overflow:hidden; } .carousel-one .bottom { background:url(../images/build/one-carousel-bottom.png) no-repeat; height:6px; position:absolute; width:470px; bottom:0; z-index:1; overflow:hidden; } .carousel-one .previous { background:url(../images/build/one-carousel-previous.png) no-repeat; height:147px; position:absolute; width:25px; left:0; top:35px; z-index:1; } .carousel-one .previous-arrow { height:16px; left:7px; position:absolute; top:100px; width:9px; z-index:2; cursor:pointer; } .carousel-one .next { background:url(../images/build/one-carousel-next.png) no-repeat; height:147px; position:absolute; width:25px; right:0; top:35px; z-index:1; } .carousel-one .next-arrow { height:16px; right:7px; position:absolute; top:100px; width:9px; z-index:2; cursor:pointer; } .carousel-one .viewframe { position:relative; width:470px; height:211px; overflow:hidden; } .carousel-one .slider-belt { position:absolute; } .carousel-box { width:470px; height:211px; position:relative; float:left; } .carousel-box .board { background:url(../images/build/one-carousel-bg.png) no-repeat; height:125px; width:470px; position:absolute; bottom:0; left:0; } .carousel-box .button a { background:transparent url(../images/build/one-carousel-button.gif) no-repeat scroll left 50%; color:#FFFFFF !important; font-weight:bold; height:23px; position:absolute; right:2px; bottom:7px; text-align:left; width:228px; padding:6px 0 0 10px; font-size:1.2em; } .carousel-box .info { color:#FFFFFF; padding:0 40px; text-align:left; } .carousel-box .info p.header { font-size:2em; margin-bottom:0; } .carousel-box .info p.text { margin-top:2px; } /* Investor package */ .investor-package { float:left; padding-bottom:25px; } .investor-package .download-container { float:left; width:100%; margin-bottom:15px; } .investor-package .download-container h3 { margin-bottom:10px !important; } .investor-package ul.download { padding-left:5px; } .investor-package ul.download li { padding:0px; margin:0px 0px 2px 29px; line-height:125%; } .investor-package ul.download li.pdf { list-style-image:url(../images/icon-pdf.gif); } .investor-package table { margin-bottom:0 !important; } .investor-package td.choose { line-height:150%; width:100%; } .investor-package td.choose input { margin-right:10px; vertical-align:middle; border:none !important; } .investor-package td.amount { width:40px; text-align:right; } .investor-package td.amount input { width:40px; text-align:right; } .investor-package tr.underlined-light td { padding-bottom:4px !important; } .investor-package table.info td { background-color:#FFFFFF; } .investor-package table.info input, .investor-package table.info textarea { width:100%; } .investor-package td.send input { width:75px; } .investor-package textarea { font-family: Arial, Helvetica, sans-serif; } .investor-package div.form { float:left; width:448px; position:relative; border:1px solid #CCCCCC; padding:5px 10px 10px; } .investor-package div.form .black { color:#000000; font-size:8pt !important; } .investor-package div.form .red { color:#FF0000; font-size:8pt !important; } .investor-package .message-box { position:absolute; top:0; left:0; width:100%; height:100%; display:none; } .investor-package .message-box.visible { display:block; } .investor-package .message-box .message { background-color:#FFFFFF; border:1px solid #CCCCCC; margin:100px 99px; width:250px; padding:0 10px 10px; } .investor-package .message-box .message h3 { margin-bottom:15px !important; } .investor-package .message-box .message input { width:75px; } .navigation-tools { float:left; margin:10px 0 20px 62px; } .navigation-tools ul li { clear:both; margin-bottom:5px; list-style-type:outside; list-style-image:url(../images/build/tools-icon.jpg); } .navigation-tools ul li.hovered { list-style-image:url(../images/build/tools-icon-hovered.jpg); background:none; } .navigation-tools ul li a { padding:0; font-size:1.2em !important; font-weight:bold; line-height:150%; vertical-align:bottom; } /* Highlights (for country sites) */ .highlights-2 { float:left; padding-bottom:15px; } .highlights-2 li { margin-bottom:10px; float:left; } .highlights-2 .highlight-box { background:url(../images/build/highlight-box.gif) no-repeat; width:229px; height:91px; float:left; } .highlights-2 .highlight-box.last { margin-left:10px; } .highlights-2 h3 { margin:11px 0px 6px 15px !important; } .highlights-2 h3 a { color:#457900; font-size:1.1em !important; font-weight:bold; } .highlights-2 div.image { text-align:center; } /* For country pages */ #nav-area.country .sidelet { background: #E0E0E0 url(../images/build/sidelet-bg.gif) no-repeat scroll left bottom; } #nav-area.country .sidelet .data { background: #E0E0E0 url(../images/build/sidelet-bg.gif) no-repeat scroll left top; } #nav-area.country .sidelet h4 a { background:url(../images/build/icon-arrow-green-trans.gif) no-repeat scroll right 4px; } .country #footer { background: #E0E0E0 url(../images/build/footer-bg-country.jpg) no-repeat scroll 1px top; } #fact-banner[id].country { background:transparent; } #fact-banner[id].country img { float:right; } #fact-banner.country .fact{ margin:-1px 0 0; padding:6px 0 9px 0; display:block; background:transparent url(../images/build/content-top-bg.png) no-repeat scroll 0px 0px; float:right; clear:both; width:100%; } #country-home #home-page #y-navigation { margin-left:28px; } span.sales-contact { font-size:14pt; font-weight:bold; display:block; padding-top:3px; color:#6e6e6e; } /* For production sites Google map */ span.production-sites .region-buttons { list-style-type:none; } span.production-sites #selector h3 { display:inline; } span.production-sites .region-buttons .asia { top:165px; left:400px; width:100px; } span.production-sites .overlay p.name { color:#457900; display:block; font-size:10pt; margin-bottom:5px; } span.production-sites .flyout-arrow2 { background:transparent url(../images/build/flyout-arrow.gif) no-repeat scroll left top; } span.production-sites .g-map > div > div > span { position:absolute; right:2px; top:-330px; width:500px; white-space:nowrap; } /* Product finder */ .product-finder { background-color:#919191; float:left; padding:20px 20px 50px; } .product-finder p.intro { color:#FFFFFF; } .product-finder h1 { margin:0 0 15px 0; color:#FFFFFF; } .product-finder h3 { color:#FFFFFF !important; } .product-finder select { width:300px; } .product-finder input { margin:0 0 0 10px; padding:0 5px; } .product-finder span.search { float:left; margin-top:20px; } .product-finder input.keyword { margin:0; padding:1px 3px; width:200px; } .product-finder #result { background-color:#919191; display:none; float:left; left:0; margin:0 20px; position:absolute; width:91%; z-index:50; top:55px; } .product-finder #result p.header { color:#FFFFFF; font-weight:bold; } .product-finder .search-panel { float:left; } .product-finder #result a:link, .product-finder #result a:active, .product-finder #result a:visited { color:#FFFFFF; text-decoration:underline; } .product-finder #result a:hover { color:#FFFFFF; text-decoration:none; } .product-finder #result ul { color:#FFFFFF; list-style-type:disc; font-size:1.1em; margin:15px 0 20px; list-style-position:inside; } .product-finder #result input { margin:0; } /* News list */ #news-container { float:left; margin-top:-10px; width:100%; } #news-container table { width:100%; margin:0 !important } #news-container table td.date { width:65px; vertical-align:top; } /* News page */ .news-page h1 { margin:15px 0 15px 0; } .news-page span.news-date { font-style:italic; } .news-page p.author { margin:20px 0 20px 0; font-style:italic; } .news-page ul li p { font-size:1.1em !important; } /* Standard table */ table.standard-table tr td { border-bottom:1px solid #ccc !important; } table.standard-table tr.header td { background-color:#eee; } /* Login */ #login-tab-container div.line { width:467px; clear:both; border:none; border-top: 1px solid #ddd;} /*#login-tab-container { height:280px; min-height:280px; float:left; }*/ #login-tab-container .login-tab div.img { float:left; margin:12px 12px 12px 0; } #login-tab-container .login-tab div.text { float:left; padding-top:3px; width:320px; } #login-tab-container .login h4 { color:#444444 !important; margin:10px 0 5px 0 !important; } #login-tab-container .login input { width:100%; height:16px; padding:2px 0 0 2px; font-size:8pt; width:300px; } #login-tab-container .login input.submit-button { width:61px; height:20px; margin:10px 0; padding:0 5px 1px 5px; border:none; color:#fff; cursor:pointer; font-size:1em; background: transparent url(../images/build/bg-submit-button-1.jpg) no-repeat scroll 0 1px; } #login-tab-container .login a { float:right; margin:15px 0 0; } #login-tab-container { text-align:left; } #login-tab-container h3 { float:left; margin:0 0 10px; font-size:1.7em; line-height:1em; font-weight: bold; border:0 none; font-family:inherit; padding:0; vertical-align:baseline; color:#444444; } /* Image caption */ .image-on-left .image-caption img { float:left; margin:0 0 5px; } .image-on-right .image-caption img { float:right; margin:0 0 5px; } .image-on-left .image-caption { float:left; clear:left; margin:5px 10px 5px 0; } .image-on-right .image-caption { float:right; margin:5px 0px 5px 10px; } .caption { font-size:8pt; line-height:125%; text-align:justify; display:none; } /*################################################################################################################################################## */ /*################################################################################################################################################## */ /* THE FOLLOWING CODE IS FOR THE REACH TOOL ONLY */ /*################################################################################################################################################## */ div.substanceToolTip { display:none; position:absolute; border: 1px solid #111; background-color: white; padding: 5px; width: 150px; } span.explained { text-decoration: none; border-bottom: 1px dotted grey; padding-bottom: 0px; } #UseCommunicationTool div#selection { text-align: left; margin:25px 0 15px 0; } #UseCommunicationTool div#Uses, #UseCommunicationTool div#productresult { margin-top: 20px; width: 100%; } #UseCommunicationTool td { vertical-align: top; } div#Uses table, div#productresult table { border-collapse: collapse; } div#Uses td, div#Uses th, div#productresult td, div#productresult th { border: 1px solid black; border-collapse: collapse; padding: 2px 5px; vertical-align: top; } div#Uses th { font-weight: bold; } div.suggestions { -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #CCCCCC; position: absolute; background-color: White; width: 297px; z-index:99; text-align:left; } div.suggestions div { cursor: default; padding: 0px 3px; } div.suggestions div.current { background-color: #E0E0E0; color: #222; } .substance-search td, .substance-search th, .product-search td, .product-search th { background:none; } .substance-search input, .substance-search textarea { width:99.5%; } .substance-search input.search, .substance-search input.home { width:auto; overflow:visible !important; } div#Uses table td, div#Uses table th { background:inherit; } #UseCommunicationTool .comment { display:none; padding:15px 0; } #UseCommunicationTool .open-comment { height:20px; margin:15px auto; width:22px; background:url(../images/build/reach-comment-plus.jpg) no-repeat; cursor:pointer; } #UseCommunicationTool .open-comment.opened { background:url(../images/build/reach-comment-minus.jpg) no-repeat !important; } .substance-search input, .substance-search textarea { background-color:#F4F4F4; cursor:default; } .substance-search { width:468px; } div.mandatory { color:red; font-size:1.2em; font-weight:bold; margin-left:3px; display:inline !important; } #UseCommunicationTool h4 { line-height:125%; } #UseCommunicationTool .comment h4 { margin:0 0 5px; line-height:normal; } .einecs { text-align:right; } input.substance { background-color:#FFFFFF; cursor:text; height:15px; padding-top:1px; width:181px !important; margin-right:5px; } input.disabled { background-color:#f4f4f4 !important; } input.product { height:15px; margin-right:5px; padding-top:1px; width:200px; } /*################################################################################################################################################## */ /*################################################################################################################################################## */ /*################################################################################################################################################## */ /* Language selector */ #footer #language { float:left; margin:6px 0 0 32px; color:#C8CAC9; } #footer #language a { color:#C8CAC9; font-size:1.1em; padding:0 4px; } /* Visitor registration */ #visitor-reg td { background-color:#ffffff !important; } #visitor-reg tr.space { height:10px; } #visitor-reg tr.header { height:30px; } #visitor-reg span.required { color:#ff0000; padding-left:5px; } .ajax__calendar_container td { font-size:11px !important; margin:0 !important; padding:0 !important; } .ajax__calendar_container table { font-size:11px; margin:0 !important; padding:0 !important; } /* PDF icon on links */ a.pdf:link, a.pdf:active, a.pdf:hover { background:url(../images/icon-pdf.gif) no-repeat scroll 0 0 transparent; display:block; height:17px; line-height:17px; padding-left:22px; } a.pdf:visited { background:url(../images/icon-pdf.gif) no-repeat scroll 0 0 transparent; display:block; height:17px; line-height:17px; padding-left:22px; } /* Italics */ #content-area em { font-weight:normal !important; font-style:italic !important; }