/* ----------------------------------------------------------- Author: M Ferriera element electronic media Created: 20 May 2008 Last modified: 23 May 2008 Colours: Greys - #F2E6CB #949494 #E0E0E0 #727272 Beige - #CCCC99 #B8B872 Blue - #AE540C -------------------------------------------------------------*/ a { font: normal 11px Arial, Helvetica, sans-serifl; color: #000; text-decoration: none;} a:hover { font: normal 11px Arial, Helvetica, sans-serifl; color: #8E6822; text-decoration: none;} a.dotted { font: normal 11px Arial, Helvetica, sans-serifl; color: #000; text-decoration: none; border-bottom: 1px dotted #8E6822;} a.dotted:hover { font: normal 11px Arial, Helvetica, sans-serifl; color: #8E6822; text-decoration: none;} .search a { font: normal 10px Arial, Helvetica, sans-serifl; color: #666; text-decoration: none;} .search a:hover { font: normal 10px Arial, Helvetica, sans-serifl; color: #333 ; text-decoration: none;} a.white { font: normal 11px Arial, Helvetica, sans-serifl; color: #AE540C; text-decoration: none;} a.white:hover { font: normal 11px Arial, Helvetica, sans-serifl; color: #002A72; text-decoration: none;} a.inv_link { padding: 0; font: bold 18px Arial, Helvetica, sans-serifl; color: #AE540C; text-decoration: none;} a.inv_link:hover { padding: 0; font: bold 18px Arial, Helvetica, sans-serifl; color: #B8B872; text-decoration: none;} a.smltxtGrey { font: normal 10px Arial, Helvetica, sans-serif; color: #999; text-decoration: none;} a.smltxtGrey:hover { font: normal 10px Arial, Helvetica, sans-serif; color: #999; text-decoration: none;} /*QUICK LINKS MENU on right side in the INVESTOR RELATIONS pagesw*/ ul.IRQuicklinks { margin: 0; padding: 0;} ul.IRQuicklinks li { margin: 0; padding: 2px 0 0 0; list-style-type: none; font: normal 11px Arial, Helvetica, sans-serif; color: #FFF;} ul.IRQuicklinks li a { margin: 0; padding: 0; color: #333;} ul.IRQuicklinks li a:hover { margin: 0; padding: 0; color: #002A72; border-bottom: 1px dotted #FFF;} /*submenue of financial information link*/ ul.IRQuicklinks ul { margin: 0; padding: 0;} ul.IRQuicklinks ul li { margin: 0 10px; padding: 0; } ul.IRQuicklinks ul li a { color:#333; } ul.IRQuicklinks ul li a:hover { margin: 0; padding: 0; color:#002A72; border-bottom: 1px dotted #CCC;} #nav, #nav ul { /* all lists */ padding: 0; padding-bottom:5px; margin: 0 0 20px 0px; list-style: none; line-height: 1; } #nav a { display: block; width: auto; font: bold 11px Arial, Helvetica, sans-serif; color: #AE540C; text-decoration: none; padding-left: 3px;/*adds spacer to the left of each link*/ } #nav a:hover { display: block; width: auto; font: bold 11px Arial, Helvetica, sans-serif; color: #002A72; text-decoration: none; padding-left: 3px;/*adds spacer to the left of each link*/ } #nav li { /* all list items */ float: left; width: auto; /* width needed or else Opera goes nuts */ font: bold 11px Arial, Helvetica, sans-serif; color: #FFF; } #nav li.bar { /*seperator bar*/ float: left; width: 3px; /* width needed or else Opera goes nuts */ font: bold 11px Arial, Helvetica, sans-serif; color: #fff; text-align: center; padding-left: 3px;/*adds spacer to the left of each link*/ } #nav li ul { /* second-level lists */ position: absolute; width: 150px; padding: 2px;color: #FFF; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #nav li.subMenuT01 { /* second-level lists grey background*/ margin: -1px 0 0 0 ; width: 150px; padding: 2px; color:#FFF; border: 1px solid #FFF; background: #EBD8AF; } #nav li.subMenuT01Aro { /* second-level lists grey background and small arrow icon right aligned*/ margin: -1px 0 0 0px ; width: 150px; padding: 2px; color: #FFF; border: 1px solid #FFF; background: #EBD8AF url(../images/nav_icon.gif) no-repeat center right; } #nav li.subMenuT01Aro2 { /* second-level lists grey background and small arrow icon right aligned*/ margin: -1px 0 0 0px ; width: 130px; padding: 2px; color: #002A72; border: 1px solid #FFF; background: #EBD8AF url(../images/nav_icon.gif) no-repeat center right; } #nav li.subMenuT02 { /* third-level lists grey background and small arrow icon right aligned*/ margin: -1px 0 0 0px ; width: 130px; padding: 2px; color: #FFF; border: 1px solid #FFF; background: #EBD8AF; } #nav li.subMenuT02 a { color: #002A72; background: #EBD8AF;} #nav li.subMenuT02 a:hover { color: #002A72;} #nav li ul ul { /* third-and-above-level lists */ margin: -18px 0 0 150px; } #nav li.subMenuT03 { /* third-level lists for the sustainability menu*/ margin: -1px 0 0 0px ; width: 200px; padding: 2px; border: 1px solid #FFF; background: #EBD8AF; } #nav li.subMenuT03 a { color: #FFF;} #nav li.subMenuT03 a:hover { color: #000;} #nav li ul ul { /* third-and-above-level lists */ margin: -18px 0 0 150px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; color: #FFF; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */ left: auto; color: #FFF; } #sitemap ul { margin: 0; padding: 5px;} #sitemap li { font: Arial, Helvetica, sans-serif; color: #CCC; width: auto; font: bold 11px Arial, Helvetica, sans-serif; color: #666; list-style-type: none; } #sitemap li.home, #sitemap li.contactUs { width: 300px; margin: 2px 10px; padding: 5px; text-align: center; border: 1px solid #CCC; background: #FFF; -moz-border-radius-topleft: 4px; -khtml-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -khtml-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -khtml-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -khtml-border-bottom-rigth-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } #sitemap li.level_head { width: 200px; margin: 2px 10px; padding: 5px; background: #FFF; border: 1px solid #CCC; -moz-border-radius-topleft: 4px; -khtml-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -khtml-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -khtml-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -khtml-border-bottom-rigth-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } #sitemap li.level_a { text-align: left; width: 200px; color: #FFF; margin: 2px 20px; padding: 5px; background: #FFF; -moz-border-radius-topleft: 4px; -khtml-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -khtml-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -khtml-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -khtml-border-bottom-rigth-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } #sitemap li.level_b { text-align: left; width: 200px; color: #FFF; margin: 2px 20px; padding: 5px; background: #FFF; -moz-border-radius-topleft: 4px; -khtml-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -khtml-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -khtml-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -khtml-border-bottom-rigth-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } #sitemap li.compInfo { text-align:left; color: #FFF; width: 300px; margin: 2px 10px; padding: 5px; background: #AE540C; -moz-border-radius-topleft: 4px; -khtml-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -khtml-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -khtml-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -khtml-border-bottom-rigth-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } #sitemap li.Sustainability, #sitemap li.sharedata, #sitemap li.finReport, #sitemap li.presentations, li.latestNews { color: #FFF; width: 200px; margin: 10px 20px; padding: 0px; -moz-border-radius-topleft: 4px;-khtml-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -khtml-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -khtml-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -khtml-border-bottom-rigth-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } #sitemap li.investor { text-align:left; background:#AE540C; color: #FFF; width: 300px; margin: 2px 10px; padding: 5px; -moz-border-radius-topleft: 4px; -khtml-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -khtml-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -khtml-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -khtml-border-bottom-rigth-radius: 4px;-webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } #sitemap li.operations { text-align:left; background: #b2a346; color: #FFF; width: 300px; margin: 2px 10px; padding: 5px; -moz-border-radius-topleft: 4px; -khtml-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -khtml-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -khtml-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -khtml-border-bottom-rigth-radius: 4px;-webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } #sitemap li.newsMedia { text-align:left; background: #7b9e9b; color: #FFF; width: 300px; margin: 2px 10px; padding: 5px; -moz-border-radius-topleft: 4px; -khtml-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -khtml-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -khtml-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -khtml-border-bottom-rigth-radius: 4px;-webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .opsLink a { display:block; font: normal 11px Arial, Helvetica, sans-serifl; color: #AE540C; text-decoration: none; padding:5px; background-image:url(../images/ops_arrow.gif); background-repeat:no-repeat; background-position:bottom right} .opsLink a:hover { font: normal 11px Arial, Helvetica, sans-serifl; color: #002A72; text-decoration: none;}