/*** START The Basics ***/ h1 { color: #003150; } h2 { color: #000000; } h3 { color: #003150; } hr { color: #0083BE; } h5 { color: #555555; } /* Start legacy COLOUR styles */ .mediumtext, .strongtext, .largeststrong, .mediumText, .strongText, .largestStrong { color: #003150; } .largestbright, .largestBright { color: #0083BE; } .contentLink { background-image: url(/gfx/pics/ocean_arrow-bright-li.gif); } .contentLink a:link { text-decoration: none; color: #0083BE; } .contentLink a:visited { text-decoration: none; color: #003150; } .contentLink a:hover { text-decoration: underline; color: #003150; } .indexListSplit ul li, .contentList ul li { list-style-image: url(/gfx/pics/ocean_arrow-bright-li.gif); } .indexListSplit a:link, .contentList a:link { text-decoration: none; color: #0083BE; } .indexListSplit a:visited, .contentList a:visited { text-decoration: none; color: #003150; } .indexListSplit a:hover, .contentList a:hover { text-decoration:underline; color: #003150; } .contentLink a:link, .contentArea ul li a:link, .ContentArea ul li a:link, .rightCell a:link, .leftCell a:link, .careersContentArea ul li a:link, .contentArea ul li a:link, .ContentArea ul li a:link, .micrositeContentArea ul li a:link, .popupContentArea ul li a:link { text-decoration: none; color: #0083BE; } .contentLink a:visited, .contentArea ul li a:visited, .ContentArea ul li a:visited, .rightCell a:visited, .leftCell a:visited, .careersContentArea ul li a:visited, .contentArea ul li a:visited, .ContentArea ul li a:visited, .micrositeContentArea ul li a:visited, .popupContentArea ul li a:visited { text-decoration: none; color: #003150; } .contentLink a:hover, .contentArea ul li a:hover, .ContentArea ul li a:hover, .rightCell a:hover, .leftCell a:hover, .careersContentArea ul li a:hover, .contentArea ul li a:hover, .ContentArea ul li a:hover, .micrositeContentArea ul li a:hover, .popupContentArea ul li a:hover { text-decoration:underline; color: #003150; } .white, td.white { background-color: #FFFFFF; color: #000000; } .white a:link, td.white a:link { text-decoration: underline; color: #0083BE; background-color: #ffffff; } .white a:visited, td.white a:visited { text-decoration: underline; color: #333333; background-color: #ffffff; } .white a:hover, td.white a:hover { text-decoration:none; color: #003150; } .light, td.light, .neutral, td.neutral { color: #000000; } .light a:link, td.light a:link, .neutral a:link, td.neutral a:link { text-decoration: underline; color: #003150; } .light a:visited, td.light a:visited, .neutral a:visited, td.neutral a:visited { text-decoration: underline; color: #003150; } .light a:hover, td.light a:hover, .neutral a:hover, td.neutral a:hover { text-decoration: none; color: #0083BE; background-color: #ffffff; } .medium, td.medium { background-color: #ffffff; color: #000000; } .medium a:link, td.medium a:link { text-decoration: underline; color: #0083BE; background-color: #ffffff; } .medium a:visited, td.medium a:visited { text-decoration: underline; color: #333333; background-color: #ffffff; } .medium a:hover, td.medium a:hover { text-decoration:none; color: #003150; } .strong, td.strong { background-color: #003150; color: #ffffff; } .strong a:link, td.strong a:link { text-decoration: underline; color: #FFFFFF; background-color: #003150; } .strong a:visited, td.strong a:visited { text-decoration: underline; color: #FFFFFF; background-color: #003150; } .strong a:hover, td.strong a:hover { text-decoration:none; color: #003150; } /* GX BONUS */ div.plainborder, table.plainborder, table.plainborder td { border: 1px solid #0083BE; border-collapse: collapse; } .RHBox ul li, #right ul li { list-style-image: url(../gfx/pics/ocean_arrow-bright-li.gif); } .RHBox ul li a:link, .RHContacts a:link, #right ul li a:link, #right a:link { text-decoration: none; color: #0083BE; } .RHBox ul li a:visited, .RHContacts a:visited, #right ul li a:visited, #right a:visited { text-decoration: none; color: #003150; } .RHBox ul li a:hover, .RHContacts a:hover , #right ul li a:hover, #right a:hover { text-decoration:underline; color: #003150; } /*** END The Basics ***/ /*** START The Shell ***/ /* Applied to whole areas - individually overwritten further down in smaller places */ #header a:link, #home a:link, #home a:visited, #countriesbox a:link { text-decoration: none; color: #0083BE; } #header a:visited, #countriesbox a:visited { text-decoration: none; color: #003150; } #home a:hover, #center a:hover, #countriesbox a:hover { text-decoration:underline; color: #003150; } #center a:link { text-decoration: underline; color: #0083BE; } #center a:visited { text-decoration: underline; color: #003150; } #center ul a:link { text-decoration: none; color: #0083BE; } #center ul a:visited { text-decoration: none; color: #003150; } #footer-wrapper a:link, #footer-wrapper a:visited, #footer-wrapper a:hover { color: #003150; text-decoration: none; } #headerlang { background-image: url(../gfx/pics/ocean_translations.gif); } #header .langlink a:link, #header .langlink a:visited { text-decoration: none; color: #666666; } #header .langlink a:hover { text-decoration:underline; color: #003150; } #translation a:link, #translation a:visited { text-decoration: none; } #popupclose img { border: 1px solid #0083BE; } /*** END The Shell ***/ /*** START Search ***/ #livesearch { /* Live search results box */ border: 1px solid #0083BE; border-top: 1px dotted #0083BE; } .livesearchclose { border: 1px solid #0083BE; } /*** END Search ***/ /*** START Primary Nav ***/ #navblock { background-color: #0083BE; } /* Entire width of nav */ #nav a { background-color: #0083BE; background-image: url(../gfx/pics/ocean_navsep.gif); } /* Base tabs */ /* Selected items */ #navselected a { background-color: #003150; background-image: none; } #navselected1 a { background-color: #003150; background-image: none; } #navselected2 a { background-color: #003150; background-image: none; } #navselected3 a { background-color: #003150; background-image: none; } #navselected4 a { background-color: #003150; background-image: none; } #navselected5 a { background-color: #003150; background-image: none; } #navselected6 a { background-color: #003150; background-image: none; } #navselected7 a { background-color: #003150; background-image: none; } #navselected ul { background-color: #FFFFFF; } /* Force bg color of last (unused) column cell */ #navselected1 ul { background-color: #FFFFFF; } /* Force bg color of last (unused) column cell */ #navselected2 ul { background-color: #FFFFFF; } /* Force bg color of last (unused) column cell */ #navselected3 ul { background-color: #FFFFFF; } /* Force bg color of last (unused) column cell */ #navselected4 ul { background-color: #FFFFFF; } /* Force bg color of last (unused) column cell */ #navselected5 ul { background-color: #FFFFFF; } /* Force bg color of last (unused) column cell */ #navselected6 ul { background-color: #FFFFFF; } /* Force bg color of last (unused) column cell */ #navselected7 ul { background-color: #FFFFFF; } /* Force bg color of last (unused) column cell */ #nav #navselected:hover ul, #nav #navselected.sfhover ul { background-color: #FFFFFF; } /* Selected outer Hover UL */ #nav #navselected1:hover ul, #nav #navselected1.sfhover ul { background-color: #FFFFFF; } /* Selected outer Hover UL */ #nav #navselected2:hover ul, #nav #navselected2.sfhover ul { background-color: #FFFFFF; } /* Selected outer Hover UL */ #nav #navselected3:hover ul, #nav #navselected3.sfhover ul { background-color: #FFFFFF; } /* Selected outer Hover UL */ #nav #navselected4:hover ul, #nav #navselected4.sfhover ul { background-color: #FFFFFF; } /* Selected outer Hover UL */ #nav #navselected5:hover ul, #nav #navselected5.sfhover ul { background-color: #FFFFFF; } /* Selected outer Hover UL */ #nav #navselected6:hover ul, #nav #navselected6.sfhover ul { background-color: #FFFFFF; } /* Selected outer Hover UL */ #nav #navselected7:hover ul, #nav #navselected7.sfhover ul { background-color: #FFFFFF; } /* Selected outer Hover UL */ /* Unselected items */ #nav li ul { background-color: #FFFFFF; } /* second-level lists */ /* A link styles */ #nav a:link, #nav a:visited { text-decoration: none; color: #FFFFFF; }/* Unselected basic */ #nav a:hover, #nav a:active { text-decoration: none; color: #003150; } /* Unselected hover */ #navselected a:link, #navselected a:visited { color: #FFFFFF; } /* Selected basic */ #navselected2 a:link, #navselected a:visited { color: #FFFFFF; } /* Selected basic */ #navselected3 a:link, #navselected a:visited { color: #FFFFFF; } /* Selected basic */ #navselected4 a:link, #navselected a:visited { color: #FFFFFF; } /* Selected basic */ #navselected5 a:link, #navselected a:visited { color: #FFFFFF; } /* Selected basic */ #navselected6 a:link, #navselected a:visited { color: #FFFFFF; } /* Selected basic */ #navselected7 a:link, #navselected a:visited { color: #FFFFFF; } /* Selected basic */ #navselected a:hover, #nav a:active { text-decoration: none; background-color: #003150; } /* Selected hover */ #navselected2 a:hover, #nav a:active { text-decoration: none; background-color: #003150; } /* Selected hover */ #navselected3 a:hover, #nav a:active { text-decoration: none; background-color: #003150; } /* Selected hover */ #navselected4 a:hover, #nav a:active { text-decoration: none; background-color: #003150; } /* Selected hover */ #navselected5 a:hover, #nav a:active { text-decoration: none; background-color: #003150; } /* Selected hover */ #navselected6 a:hover, #nav a:active { text-decoration: none; background-color: #003150; } /* Selected hover */ #navselected7 a:hover, #nav a:active { text-decoration: none; background-color: #003150; } /* Selected hover */ #nav li:hover a:link, #nav li.sfhover a:link, #nav li:hover a:visited, #nav li.sfhover a:visited, {; } /* Force link colour for IE6 on hover */ #nav li:hover ul, #nav li.sfhover ul { /* Entire 2nd level list revealed on hover */ border-right: 1px solid #0083BE; border-left: 1px solid #0083BE; border-bottom: 1px solid #0083BE; } /* Base tabes on hover, treatment for special border */ ul#nav li.sfhover a, ul#nav li:hover a { background-color: #FFFFFF; color: #003150; border-left: 1px solid #0083BE; border-top: 1px solid #0083BE; border-right: 1px solid #0083BE; } #nav li:hover ul a, #nav li.sfhover ul a { /* Individual 2nd level list items, revealed with hover */ border: 0; /* No border on sub items */ color: #0083BE; } /* Bright arrow for all 2nd level items */ #nav li:hover ul a, #nav li.sfhover ul a, #nav #navselected:hover ul a, #nav #navselected.sfhover ul a { /* Individual 2nd level list items, revealed with hover */ background-image: url(/gfx/pics/ocean_arrow-bright.gif); color: #0083BE; } #nav li:hover ul a, #nav li.sfhover ul a, #nav #navselected2:hover ul a, #nav #navselected2.sfhover ul a { /* Individual 2nd level list items, revealed with hover */ background-image: url(/gfx/pics/ocean_arrow-bright.gif); color: #0083BE; } #nav li:hover ul a, #nav li.sfhover ul a, #nav #navselected3:hover ul a, #nav #navselected3.sfhover ul a { /* Individual 2nd level list items, revealed with hover */ background-image: url(/gfx/pics/ocean_arrow-bright.gif); color: #0083BE; } #nav li:hover ul a, #nav li.sfhover ul a, #nav #navselected4:hover ul a, #nav #navselected4.sfhover ul a { /* Individual 2nd level list items, revealed with hover */ background-image: url(/gfx/pics/ocean_arrow-bright.gif); color: #0083BE; } #nav li:hover ul a, #nav li.sfhover ul a, #nav #navselected5:hover ul a, #nav #navselected5.sfhover ul a { /* Individual 2nd level list items, revealed with hover */ background-image: url(/gfx/pics/ocean_arrow-bright.gif); color: #0083BE; } #nav li:hover ul a, #nav li.sfhover ul a, #nav #navselected6:hover ul a, #nav #navselected6.sfhover ul a { /* Individual 2nd level list items, revealed with hover */ background-image: url(/gfx/pics/ocean_arrow-bright.gif); color: #0083BE; } #nav li:hover ul a, #nav li.sfhover ul a, #nav #navselected7:hover ul a, #nav #navselected7.sfhover ul a { /* Individual 2nd level list items, revealed with hover */ background-image: url(/gfx/pics/ocean_arrow-bright.gif); color: #0083BE; } /* Replace bright arrow with dark for a:hover item */ #nav li:hover ul a:hover, #nav li.sfhover ul a:hover, #nav #navselected:hover ul a:hover, #nav #navselected.sfhover ul a:hover { /* Individual 2nd level list items, revealed with hover */ background-image: url(/gfx/pics/ocean_arrow-base.gif); color: #003150; } #nav li:hover ul a:hover, #nav li.sfhover ul a:hover, #nav #navselected2:hover ul a:hover, #nav #navselected2.sfhover ul a:hover { /* Individual 2nd level list items, revealed with hover */ background-image: url(/gfx/pics/ocean_arrow-base.gif); color: #003150; } #nav li:hover ul a:hover, #nav li.sfhover ul a:hover, #nav #navselected3:hover ul a:hover, #nav #navselected3.sfhover ul a:hover { /* Individual 2nd level list items, revealed with hover */ background-image: url(/gfx/pics/ocean_arrow-base.gif); color: #003150; } #nav li:hover ul a:hover, #nav li.sfhover ul a:hover, #nav #navselected4:hover ul a:hover, #nav #navselected4.sfhover ul a:hover { /* Individual 2nd level list items, revealed with hover */ background-image: url(/gfx/pics/ocean_arrow-base.gif); color: #003150; } #nav li:hover ul a:hover, #nav li.sfhover ul a:hover, #nav #navselected5:hover ul a:hover, #nav #navselected5.sfhover ul a:hover { /* Individual 2nd level list items, revealed with hover */ background-image: url(/gfx/pics/ocean_arrow-base.gif); color: #003150; } #nav li:hover ul a:hover, #nav li.sfhover ul a:hover, #nav #navselected6:hover ul a:hover, #nav #navselected6.sfhover ul a:hover { /* Individual 2nd level list items, revealed with hover */ background-image: url(/gfx/pics/ocean_arrow-base.gif); color: #003150; } #nav li:hover ul a:hover, #nav li.sfhover ul a:hover, #nav #navselected7:hover ul a:hover, #nav #navselected7.sfhover ul a:hover { /* Individual 2nd level list items, revealed with hover */ background-image: url(/gfx/pics/ocean_arrow-base.gif); color: #003150; } /* Border adjustment for static links */ #nav .navstaticlink:hover a, #nav .navstaticlink.sfhover a { border-bottom: 1px solid #0083BE; } /* Above applied to IE6 */ * html #nav .navstaticlink:hover a, *html #nav .navstaticlink.sfhover a { border-bottom: 0; } /* Cancel the above */ * html #nav .navstaticlink:hover, *html #nav .navstaticlink.sfhover { border-bottom: 1px solid #0083BE; } /* Repeat without 'a' */ * html #nav .navstaticlink:hover ul li, *html #nav .navstaticlink.sfhover ul li { border-bottom: 0; } /* Cancel the above from propagating */ /* Individual 2nd level list items, revealed with hover */ #nav li:hover ul a:hover, #nav li.sfhover ul a:hover, #nav #navselected:hover ul a:hover, #nav #navselected.sfhover ul a:hover { background-color: #FFFFFF; text-decoration: underline; } #nav li:hover ul a:hover, #nav li.sfhover ul a:hover, #nav #navselected2:hover ul a:hover, #nav #navselected2.sfhover ul a:hover { background-color: #FFFFFF; text-decoration: underline; } #nav li:hover ul a:hover, #nav li.sfhover ul a:hover, #nav #navselected3:hover ul a:hover, #nav #navselected3.sfhover ul a:hover { background-color: #FFFFFF; text-decoration: underline; } #nav li:hover ul a:hover, #nav li.sfhover ul a:hover, #nav #navselected4:hover ul a:hover, #nav #navselected4.sfhover ul a:hover { background-color: #FFFFFF; text-decoration: underline; } #nav li:hover ul a:hover, #nav li.sfhover ul a:hover, #nav #navselected5:hover ul a:hover, #nav #navselected5.sfhover ul a:hover { background-color: #FFFFFF; text-decoration: underline; } #nav li:hover ul a:hover, #nav li.sfhover ul a:hover, #nav #navselected6:hover ul a:hover, #nav #navselected6.sfhover ul a:hover { background-color: #FFFFFF; text-decoration: underline; } #nav li:hover ul a:hover, #nav li.sfhover ul a:hover, #nav #navselected7:hover ul a:hover, #nav #navselected7.sfhover ul a:hover { background-color: #FFFFFF; text-decoration: underline; } /*** END Primary Nav ***/ /*** START Left column ***/ /* Hover for non-selected items */ /*Codigo Sigpro*/ .koba { list-style-image: url(/gfx/pics/ocean_arrow-bright-li.gif); } .lhtitle { text-decoration: none; color: #003150; } .rightnav div:hover{ color: #003150; } .rightnav #selected { background-image: url(/gfx/pics/ocean_arrow-bright.gif); } /* currently selected arrow */ /* Links */ .rightnav li a:link { text-decoration: none; color: #003150; } .rightnav li a:visited { text-decoration: none; color: #3E3A36; } .rightnav li a:hover { text-decoration:underline; color: #0083BE; background-image:url(/gfx/pics/ocean_arrow-base.jpg); background-repeat: no-repeat;} /*.rightnav #selected a:link, .rightnav #selected a:visited { color: #0083BE; }*/ /*Codigo Sigpro*/ .leftnav div:hover { color: #003150; } .leftnav #selected { background-image: url(../gfx/pics/ocean_arrow-bright.gif); } /* currently selected arrow */ /* Links */ .leftnav li a:link { text-decoration: none; color: #003150; } .leftnav li a:visited { text-decoration: none; color: #3E3A36; } .leftnav li a:hover { text-decoration:underline; color: #0083BE; background-image:url(../gfx/pics/ocean_arrow-base.jpg); background-repeat: no-repeat; } .leftnav #selected a:link, .leftnav #selected a:visited { color: #003150; } /* RVP */ .rvpbox ul li { list-style-image: url(../gfx/pics/ocean_arrow-bright-li.gif); } .rvpbox ul li a:link { text-decoration: none; color: #0083BE; } .rvpbox ul li a:visited { text-decoration: none; color: #003150; } .rvpbox ul li a:hover { text-decoration:underline; color: #003150; } /*** END Left column ***/ /*** START Right column ***/ /* Country contacts drop down */ #countrycontactsddl { border: 1px solid #989898; color: #3E3A36; } .rhbox ul li { list-style-image: url(../gfx/pics/ocean_arrow-bright-li.gif); } .rhbox ul li a:link, .rhcontacts a:link { text-decoration: none; color: #0083BE; } .rhbox ul li a:visited, .rhcontacts a:visited { text-decoration: none; color: #003150; } .rhbox ul li a:hover, .rhcontacts a:hover, .contactlink a:hover { text-decoration:underline; color: #003150; } /*Codigo Sigpro*/ .rhtitle { text-decoration: none; color: #666666; } .contactlink a:link, .contactlink a:visited { text-decoration: underline; } .contactlink { background-image: url(../gfx/pics/ocean_arrow-bright-li.gif); } #pagetools a:link, #pagetools a:visited, #pagetools a:hover { text-decoration: none; color: #0083BE;} #pagetools a:hover { text-decoration: underline; } #sharebox a:link, #sharebox a:visited, #sharebox a:hover { text-decoration: none; color: #0083BE;} #shareboxclose { border-left: 1px solid #0083BE; border-bottom: 1px solid #0083BE; } #shareboxtriangle { background-image: url(../gfx/pics/ocean_sharetriangle.gif); } #shareicons { border: 1px solid #0083BE; } ul#pagetools li, ul#shareicons li { list-style: none; } /* Overide .rhbox icons above */ /*** END Right column ***/ /*** START Content area ***/ #center ul li { list-style-image: url(../gfx/pics/ocean_arrow-bright-li.gif); } #home ul li { list-style-image: url(../gfx/pics/ocean_arrow-base-li.gif); } *:first-child+html #home ul li { list-style-image: url(../gfx/pics/ocean_arrow-base.gif); } * html #home ul li { list-style-image: url(../gfx/pics/ocean_arrow-base.gif); } /* START Basic (default) table styles */ table.datatablecolour th { background-color: #003150; color: #FFFFFF; } table.datatablecolour th { border: 1px solid #003150; } table.datatablecolour tr, table.datatablecolour td, table.datatablecolour td+td { border: 1px solid #003150; } table.datatablecolour .tablecellmid, table.datatablecolour td.tablecellmid { background-color: #0083BE; color: #FFFFFF; } /* END table styles /*** END Content area ***/ /*** START Footer ***/ #footerlinks { color: #666666; } #footernav a:link, #footernav a:visited { text-decoration: none; color: #003150; } #footernav a:hover { text-decoration: none; background-color: #FFFFFF; border: 1px solid #0083BE; } #footerlinks a:link, #footerlinks a:visited { text-decoration: none; color: #003150; } #footerlinks a:hover { text-decoration: underline; } /*** END Footer ***/ /*** START Homepage specific ***/ .homesubheading { color: #0083BE; } .hometile { background-color: #0083BE; } .hometile a:hover { background-color: #0083BE; } /*** END Homepage specific ***/