body, td { margin:0px; font-family:arial,helvetica,verdana,sans-serif; font-size:80%; } #nav-secondary, #footer, #content { border:none; } a { color:#0076E2; text-decoration:none; } a:hover { text-decoration:underline; } a:visited { color:#00529D; } /* header styles */ /* nav-main */ #navbar { background:#666666 url(../img/nav_topright.gif) left top no-repeat; height:34px; width:100%; text-align:right; } #navbar #menu { width:564px; min-width:564px; float:right; margin-left:104px; font-size:.9em; } #navbar ul { margin:0px; padding:0px; list-style:none; } #navbar ul li { float:left; position:relative; } #navbar ul li img { z-index:0; } #navbar ul ul { z-index:20; } #navbar ul li ul { display:none; position:absolute; top:0px; left:0px; text-align:left; } #navbar ul li>ul { top:auto; left:auto; } #navbar ul li:hover ul, #navbar ul li.over ul { display:block; } #navbar ul li ul li { left:0px; display:block; width:100%; xwidth:auto; font-family:arial,helvetica,verdana,sans-serif; text-transform:capitalize; } * html #navbar ul li ul li { left:-16px; } #navbar ul li ul li { float:none; } #navbar ul li ul li a { display:block; /* width:100%; */ width:200px; background:#727272; color:#ffffff; border-bottom:1px solid #909090; padding:3px 12px; text-decoration:none; xwhite-space:nowrap; } /* a.selected { font-weight:bold; font-size:1.1em; } */ #navbar ul li ul li a:hover, #navbar ul li ul li a.selected, #nav-secondary ul li a:hover, #nav-secondary ul li.selected a { background:#48CB00; color:#000000; } #navbar ul li.aboutus ul li a:hover, #navbar ul li.aboutus ul li a.selected, #nav-secondary ul.aboutus li a:hover, #nav-secondary ul.aboutus li.selected a { background:#FF0000; } #navbar ul li.merchanting ul li a:hover, #navbar ul li.merchanting ul li a.selected, #nav-secondary ul.merchanting li a:hover, #nav-secondary ul.merchanting li.selected a { background:#FF7E00; } #navbar ul li.australian ul li a:hover, #navbar ul li.australian ul li a.selected, #nav-secondary ul.australian li a:hover, #nav-secondary ul.australian li.selected a { background:#FFE400; } #navbar ul li.investor ul li a:hover, #navbar ul li.investor ul li a.selected, #nav-secondary ul.investor li a:hover, #nav-secondary ul.investor li.selected a { background:#00CCFF; } #navbar ul li.corporate ul li a:hover, #navbar ul li.corporate ul li a.selected, #nav-secondary ul.corporate li a:hover, #nav-secondary ul.corporate li.selected a { background:#CC00FF; } #navbar ul li.sustainable ul li a:hover, #navbar ul li.sustainable ul li a.selected, #nav-secondary ul.sustainable li a:hover, #nav-secondary ul.sustainable li.selected a { background:#48CB00; } #navbar ul li.people ul li a:hover, #navbar ul li.people ul li a.selected, #nav-secondary ul.people li a:hover, #nav-secondary ul.people li.selected a { background:#0078FF; } #navbar ul li.aboutpaper ul li a:hover, #navbar ul li.aboutpaper ul li a.selected, #nav-secondary ul.aboutpaper li a:hover, #nav-secondary ul.aboutpaper li.selected a { background:#FF00FC; } #navbar .menu-background { width:auto; /* background:#666666; */ padding:0px; margin:0px; } * html #navbar .menu-background { width:1%; } /* #navbar li.right .menu-background { position:absolute; right:-18px; top:34px; } */ #navbar li.right .menu-background { width:240px; padding:0px; margin:0px; background-position:186px 0px; } * html #navbar li.right .menu-background { width:200px; } #navbar li.right .menu-background { position:absolute; right:-18px; top:34px; } #navbar ul ul { margin:0px; } html>body #navbar ul ul { top:0px; left:0px; list-style:none; padding:0px; margin:0px; } /* timeline */ #timeline { background:url(../img/timeline_line.gif) 0px 16px repeat-x; /* height:134px; */ height:15em; width:100%; text-align:right; margin:20px 0px; position:relative; } #timeline #menu { width:564px; min-width:564px; float:right; } #timeline ul { margin:0px; padding:0px; list-style:none; float:left; } #timeline ul li { float:left; position:relative; } #timeline ul li img { z-index:0; margin:0px 0px; } #timeline ul ul { z-index:20; } #timeline ul li ul { display:none; position:absolute; top:0px; left:0px; text-align:left; } #timeline ul li>ul { top:auto; left:auto; } #timeline ul li:hover ul, #timeline ul li.over ul { display:block; } #timeline ul li ul li { left:0px; display:block; /* width:100%; width:auto; */ width:230px; font-family:arial,helvetica,verdana,sans-serif; text-transform:none; padding:13px 7px 9px 7px; } * html #timeline ul li ul li { left:-16px; } #timeline ul li ul li { float:none; background:#FBFAF8; border:1px solid #EAE7E2; } #timeline ul li ul li.date { background:#ffffff; padding:6px 7px 4px 7px; font-weight:bold; font-size:1.1em; } #timeline .menu-background { width:230px; /* width:100%; */ background:url(../img/timeline_connector.gif) 0px 0px repeat-y; padding:0px; margin:0px; padding-top:20px; } #timeline li.right .menu-background { width:230px; /* width:100%; */ background:url(../img/timeline_connector.gif) 188px 0px repeat-y; padding:0px; margin:0px; padding-top:20px; } * html #timeline li.right .menu-background { background-position:206px 0px; } #timeline li.right .menu-background { position:absolute; right:-18px; top:27px; } #timeline ul ul { margin:0px; } html>body #timeline ul ul { top:0px; left:0px; list-style:none; padding:0px; margin:0px; } /* structure chart */ #structure { margin:0px; padding:0px; } #structure li { width:80px; height:40px; margin:0px 4px 4px 4px; padding:20px 6px 6px 6px; display:block; float:left; list-style:none; background:#ffffff url(../img/structure_stem.gif) center top no-repeat; border-bottom:1px solid #EAE7E2; text-align:center; font-weight:bold; font-size:1.1em; } #structure li ul { margin:0px; padding:0px; xborder:1px solid red; width:100px; position:relative; left:0px; top:0px; font-weight:normal; font-size:.8em; } #structure li ul li { height:3em; background:#ffffff; float:none; width:90px; border:1px solid #EAE7E2; margin-top:6px; padding-top:6px; } #structure { margin-bottom:12px; } #structure td.stem { background:url(../img/structure_stem.gif) center top repeat-y; height:11px; } #structure td.left { background-image:url(../img/structure_stem_left.gif); } #structure td.right { background-image:url(../img/structure_stem_right.gif); } #structure td.first { border:1px solid #EAE7E2; background:#ffffff; } #structure td.second { border:1px solid #EAE7E2; background:#ffffff; width:100%; } #structure td.branch { background:url(../img/structure_branch.gif) left center no-repeat; width:12px; } #structure td.last { background:url(../img/structure_branch_last.gif) left center no-repeat; } #structure td.gap { background:url(../img/structure_gap.gif) left top repeat-y; height:6px; } #structure td.stem_gap { background:url(../img/structure_gap.gif) left top repeat-x; height:6px; } #structure td a { color:#7F7F7F; text-decoration:none; display:block; padding:4px; margin:2px; } #structure td a:hover { background:#fff; border-color:#ffffff; } * html #structure td a:hover { background:#EAE7E2; } #structure td a:hover[href] { background:#EAE7E2; border-color:#ffffff; } #structure td.first a { height:4.5em; font-weight:bold; font-size:1.1em; } #structure td.second a { height:3em; font-size:1.1em; } /* inside styles */ #inside { background:#ffffff url(../img/bg_left.gif) repeat-y; position:absolute; width:100%; } /* nav-secondary */ #nav-secondary { float:left; width:146px; font-size:.9em; } #nav-secondary ul { background:#7F7F7F; margin:0px; padding-left:1px; } #nav-secondary ul li { margin:0px; padding:0px; display:inline; } #nav-secondary ul li a { background:#7F7F7F; color:#ffffff; text-decoration:none; border-bottom:1px solid #959595; display:block; padding:3px 0px 2px 13px; } #nav-secondary ul li a:hover { xbackground:#48CB00; color:#000000; } #nav-secondary form { margin-top:5px; } #nav-secondary input.text, #nav-secondary select, #nav-secondary input.bnout { margin:3px 7px; float:right; } /* nav-tertiary */ #nav-tertiary { text-align:left; margin:16px 0px;} /* H1 heading */ .title { background:url(../img/bg_inside_top.gif) repeat-x; height:34px; padding-top:14px; } .title h1 { font-size:240%; background:url(../img/bg_title.jpg) repeat-x; margin:0px; height:34px; } .title a.print, #timeline a.print { background:url(../img/ico_print_a.gif) no-repeat; height:14px; padding-left:21px; } .title a.print { position:absolute; right:24px; top:25px; color:#44423D; } #timeline a.print { position:relative; top:2em; color:#44423D; float:left; margin-left:2em; white-space:nowrap!important; } .title a.print:hover, #timeline a.print:hover { background:url(../img/ico_print_b.gif) no-repeat!important; } /* world map styles */ #worldmap { width:357px; height:167px; position:absolute; right:0px; top:90px; z-index:1; FILTER:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/img_map.png',sizingMethod='scale'); } * html #worldmap img { display:none; } /* content styles */ #content { min-height:260px; height:expression( document.getElementById('nav-secondary').scrollHeight-40 ); } #stretch { height:expression( document.body.clientHeight - 162 ); } .home #stretch { height:expression( document.body.clientHeight - 410 ); } /* .home #stretch { height:expression( document.body.clientHeight - 386 ); } */ #content { background:#F6F5F0 url(../img/bg_margin.gif) repeat-y; color:#666666; border:1px solid #F6F6F0; border-left:1px solid #E3E2D7; padding-left:42px; padding-right:16px; padding-bottom:3em; float:left; margin-left:0px; } .home #content { padding-bottom:10px; } #content, [notIE] { float:none; } #content h2 { font-size:150%; font-weight:normal; margin-top:20px; } #content h3 { font-size:110%; margin-bottom:6px; } #content img.border { border:6px solid #ffffff; float:right; margin-bottom:12px; margin-left:18px; } #content p { margin:6px 0px; } #content #right { xborder:1px solid red; float:right; width:183px; padding-left:18px; } #content #right * { margin-right:0px; } #content #right img.border { float:none; margin-left:0px; } /* address blocks */ /* div.addressblock { display:inline; width:212px; vertical-align:top; margin-bottom:29px; padding:0px 12px 12px 0px; } div.addressblock, [notIE] { display:block; float:left; width:200px; min-height:120px; } */ div.addressblock { display:block; width:200px; float:left; min-height:16em!important; margin-right:1em; } * html div.addressblock { display:inline; width:212px; float:none; vertical-align:top; margin-bottom:29px; padding:0px 12px 12px 0px; } /* download icons */ dt { font-weight:bold; font-size:1.1em; margin-left:10px; padding-left:22px; height:19px; } dd { margin-left:32px; margin-bottom:12px; } dt.pdf { background:url(../img/ico_pdf.gif) no-repeat; } dt.doc, dt.word { background:url(../img/ico_word.gif) no-repeat; } dt.ppt, dt.powerpoint { background:url(../img/ico_powerpoint.gif) no-repeat; } dt.xls, dt.excel { background:url(../img/ico_excel.gif) no-repeat; } dt.htm, dt.html, dt.web { background:url(../img/ico_html.gif) no-repeat; } dt.img, dt.image { background:url(../img/ico_image.gif) no-repeat; } dt.gen, dt.generic { background:url(../img/ico_generic.gif) no-repeat; } /* footer styles */ .home #footer { margin-left:10px; } #footer { background:#E9E7E1; color:#666666; border-bottom:11px solid #ffffff; height:20px; text-align:right; padding:.5em 50px; clear:both; } #footer a { color:#666666; text-decoration:none; } #footer a:hover { text-decoration:underline; } #back2top { position:absolute; bottom:3em; left:42px; } .home #back2top { display:none; } /* form styles */ div.label { width:80px; float:left; margin:5px 8px 5px 0px; cursor:hand; cursor:pointer; position:relative; } input.text, select, textarea { float:left; background:#F9F8F6 url(../img/bg_input.gif) no-repeat fixed; border:1px solid #666666; width:132px; margin:5px 0px; padding-left:5px; color:#666666; font-family:arial,helvetica,verdana,sans-serif; font-size:100%; height:19px; vertical-align:middle; padding-top:2px; } input.focus, select.focus { background:#ffffff url(../img/bg_input_focus.gif) no-repeat fixed; } input.text, input.focus, select, selectl.focus [notIE] { background-attachment:scroll; } input.bnout, input.bnover { margin:5px 0px; vertical-align:middle; } #content input.text, #content select { width:190px; background-image:url(../img/bg_input_content.gif); } #content input.focus, #content select.focus { background-image:url(../img/bg_input_content_focus.gif); } textarea { height:79px; width:190px; background-image:url(../img/bg_input_textarea.gif); } textarea.focus { height:79px; width:190px; background-image:url(../img/bg_input_textarea_focus.gif); } /* common styles */ .title h1, #content, #footer { border-right:10px solid #ffffff; } .title, #content, #footer, [notIE] { margin-left:146px; } .title { position:relative; left:-3px; } .title h1 { border-right:7px solid #ffffff; } .title, [notIE] { left:0px; } .title h1, [notIE] { border-right:10px solid #ffffff; } /* homepage styles */ #header #datetime { background:#ffffff url(../img/nav_top_home.gif) no-repeat; color:#9F9C84; padding:6px 24px 6px 24px; text-align:left; } #header #datetime #timeDate, #header #datetime #time { margin:4px 0px; } #header #datetime #timeDate { background:url(../img/bg_datetime.gif) repeat-y top right; padding-right:7px; } #header #datetime #time { padding-left:6px; } #home { font-size:100%; width:100%; } #home a { color:yellow; text-decoration:none; } #home a:hover { color:#ffffff; } #home a.global-operations { background:url(../img/img_map_a.gif) no-repeat; padding-left:150px; height:79px; display:block; float:right; text-align:left; font-family:helvetica,arial,verdana,sans-serif; font-size:130%; } #home a.global-operations:hover { background:url(../img/img_map_b.gif) no-repeat; } #home #left { padding-right:1px; border-right:1px solid #666666; width:261px; height:251px; float:left; } #home #right { padding-left:1px; background:url(../img/bg_home.jpg); } #shine { background:url(../img/bg_shine.jpg) no-repeat; width:517px; xwidth:100%; height:77px; padding:5px; margin:13px 0px; text-align:right; FILTER: progid:DXImageTransform.Microsoft.Alpha( style=1,opacity=100,finishOpacity=0,startX=50,finishX=100,startY=0,finishY=0); } #home #right h1 { margin-left:16px; margin-bottom:10px; margin-top:0px; clear:both; } #home #right p { margin:0px; margin-bottom:16px; } #home #right #intro { color:#ffffff; font-style:italic; font-size:80%; padding-left:16px; padding-right:16px; font-family:helvetica,arial,verdana,sans-serif; FILTER: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=80); } #home #right #links { clolor:yellow; font-size:80%; padding-left:16px; padding-right:22px; } #home #right #links { font-family:helvetica,arial,verdana,sans-serif; font-style:italic; font-size:0.75em; xFILTER: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=80); } /* #home #right #links a:hover { color:yellow; } */ #home #right #links a:hover em { text-decoration:underline; } #home #right #links ul { margin:0px; position:relative; top:-8px; font-size:90%; } #home #right #links ul li { border-bottom:1px solid #1480CE; white-space:nowrap; padding-top:8px; padding-bottom:4px; margin-left:0px; list-style:none; padding-left:0px; padding-left:14px; background:url(../img/bullet_home_a.gif) no-repeat 2px 12px; } #home #right #links ul li, [notIE] { border-bottom:1px solid #1480CE; white-space:nowrap; padding-bottom:4px; margin-left:0px; list-style:none; padding-left:0px; padding-left:0px; background:none; } #home #right #links ul li > a { padding-left:14px; background:url(../img/bullet_home_a.gif) no-repeat 2px 5px; } #home #right #links ul li > a:hover { background:url(../img/bullet_home_b.gif) no-repeat 2px 5px; } #footer form { display:none; } .home #footer { padding-left:6px; } .home #footer form { display:block; float:left; } .home #footer form input { margin:0px; } .home #footer form input, [notIE] { margin-right:3px; } .home table#news td { color:#666666; font-size:60%; } .home #content { padding-left:12px; padding-top:6px; margin-left:0px; border-left:10px solid #ffffff; text-align:left; background-image:none; } .news { margin-top:12px; margin-bottom:12px; float:left; max-width:270px; text-align:left; margin-right:35px; } * html .news { display:inline; float:none; vertical-align:top; height:1%;} .item h2 { font-size:120%!important; border-bottom:1px solid #666666; padding-bottom:7px; margin-bottom:9px; margin-top:11px; color:#0076E2; } .item h2 a { color:#0076E2!important; } .news .item { float:left; width:140px; } img.thumb { float:left; } a img.thumb { border:1px solid #666666; margin-right:15px; } a:hover img.thumb { border:1px solid #00539F; } .news a { color:#666666; } .news a:hover { color:#00539F; background:transparent!important; } .nowrap { white-space:nowrap; }