BODY, ADDRESS, BLOCKQUOTE, CAPTION, CENTER, DD, DIR, DIV, DL, DT, FORM, H1, H2, H3, H4, H5, H6, MENU, OL, P, TD, TH, UL, LI { font-family: Verdana, Arial, Helvetica, sans-serif; /*/*/ line-height: 100%; /* Hidden from NN4 */ } /*===== DEBUGGING AND DEMO STYLES =====*/ /*P, H1, H2, H3 { border: 1px solid red; background-color: white; }*/ /*DIV.menulevel1, DIV.menulevel2, DIV.menulevel4 { border: 1px solid red; } DIV.menulevel3 { border: 1px solid #00f; } DIV DIV.item { border: 1px solid #00f; } DIV DIV DIV.item { border: 1px solid #0f0; }*/ /*TABLE TD { border: 1px solid red; } TABLE TABLE TD { border: 1px solid #00f; } TABLE TABLE TABLE TD { border: 1px solid #0f0; }*/ /*DIV { border: 1px solid red; } DIV DIV { border: 1px solid #00f; } DIV DIV DIV { border: 1px solid #0f0; }*/ /*===== BASE STYLES =====*/ BODY { margin: 0; padding: 0; background-color: #fff; color: #000; margin-bottom: 11px; } IMG { border: 0px none; } BLOCKQUOTE { margin: 0 13px 11px 13px; } ACRONYM { border-bottom: 1px solid #ccc; cursor: help; } SELECT { font-size: 11px; font-family: Verdana,Arial,Helvetica,sans-serif; } HR { text-align: center; width: 75%; /* NN4 value */ /*/*/ width: 100%; /* Actual value */ height: 1px; color: #ccc; border: none; margin-bottom: 13px;} /* For Internet Explorer */ HTML>BODY HR { margin-right: 0; width: 100%; height: 1px; background-color: #ccc; border: 0px solid #ccc; margin-bottom: 13px;} /* For Opera and Gecko-based browsers */ A { /*/*/ color: #558CC8; /* Hidden from NN4 */ } A:visited { color: #606; } A:hover { text-decoration: none; } /*===== NAVIGATION AREA RULES AND MEASUREMENTS =====*/ .header { margin-left: 15px; } .homepagebody { margin: 22px 0 11px 15px; } .footer { margin-left: 15px; } .topbar { border-bottom: 1px solid #ccc; } .leftnav { padding-top: 18px; border-right: 1px solid #ccc; } .fourthlevelnavcolumn { border-right: 1px solid #ccc; } /*===== MENU LEVEL 1: TOP MENU AND FOOTER =====*/ .menulevel1area { border-top: 1px solid #ccc; } .menulevel1 TD { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; /* NN4 value */ /*/*/ font-size: 11px; /* Actual value. Top menu not resizable */ white-space: nowrap; /* For IE5/Mac, Op5/PC */ color:#333; /* Dark grey */ text-transform: uppercase; } .menulevel1 A { /*/*/ padding: 6px 0; /* Hidden from NN4. Enlarges clickable area */ position: relative; top: 1px; /* Improves appearance in IE */ } .menulevel1 A[href] { top: 7px; } /* Hidden from IE -- improves appearance in Gecko */ .menulevel1 A:link, .menulevel1 A:visited { color:#333; text-decoration: none; } .menulevel1 A:hover { color: #558CC8; } /*===== FOOTER =====*/ .footer TABLE { border-top: 1px solid #ccc; } .footer P { font-size: 11px; /* NN4 value */ /*/*/ font-size: .6em; /* Actual value */ margin-top: 6px; } .divider { color: #999; /*/*/ margin: 0 .5em; /* Hidden from NN4 */ } .footer A { text-decoration: none; } .footer A:hover { text-decoration: underline; } /*===== SEARCH BOX AND TOP LINKS =====*/ .topbar FORM { margin: 0; padding: 0; } INPUT.topsearchbox { margin: 0 3px; padding: 0; width: 100px; } .searchboxarea { padding-bottom: 7px; text-align: right; } .toolnav TD { font-size: 11px; /* NN4 value */ /*/*/ font-size: .6em; /* Actual value */ line-height: 11px; } .toolnav { margin-bottom: 9px; } .toolnav A { text-decoration: none; } .toolnav A:hover { text-decoration: underline; } /*===== HOMEPAGE AND SECTION HOMEPAGES =====*/ .homepagebody H2 { color: #6C0; margin-top: 0; } .homepagebody H3 { margin-top: 0; margin-bottom: 1em; } .homepagebody UL, .level2bodytext UL { /*/*/ margin-left: 8px; /* IE value */ /*/*/ padding-left: 8px; /* Gecko value */ } .homepagebody LI, .level2bodytext LI { list-style-image: url('/ImagesCommon/arr.gif'); } .homepagebody LI A, .level2bodytext LI A { text-decoration: none; } .homepagebody LI A:hover, .level2bodytext LI A:hover { text-decoration: underline; } .storytable IMG { display: block; } .storytable TD { border-right: 1px solid #fff; border-bottom: 1px solid #fff; vertical-align: top; background-color: #F5F5F5; } .homepagebody TH { /* Should be .storytable, but doesn't inherit in NN4 */ border-right: 1px solid #fff; border-bottom: 1px solid #fff; background: #ccc url('/ImagesCommon/strip_bg.gif') repeat-y; font-size: 11px; /* NN4 value */ /*/*/ font-size: .6em; /* Actual value */ font-weight: normal; text-align: left; color: #666; padding-left:7px; padding-right:2px; padding-top:2px; padding-bottom:2px } .storytable A.arrow { /* Hidden from NN4 (doesn't inherit) */ display: block; width: 12px; height: 13px; float: right; } A.arrow:hover { background-color: #F3F3F3; } .story { padding: 8px 11px; } .story UL { margin-top: -30px; /* NN4 value */ /*/*/ margin-top: 0; /* Actual value */ margin-bottom: 0; } .story LI { margin-top: 5px; margin-bottom: 0; } .level2bodytext { margin-top: 17px; margin-left: 11px; width: 556px; /* 567-11px margin */ } .level2bodytext H2 { color:#6C0; } /*===== MENU LEVEL 2: LEFT-HAND MENU =====*/ .menulevel2 { text-align: right; color:#333; /* Dark grey */ font-weight: bold; text-transform: uppercase; padding-left: 11px; /* To achieve margins in NN4 without the right-align overriding them */ padding-right: 11px; } .menulevel2 A:link, .menulevel2 A:visited { font-family: Arial, Helvetica, sans-serif; color:#333; text-decoration: none; } .menulevel2 A:hover { color: #558CC8; } .menulevel2 .item { font-size: .7em; } .menulevel2 .item { /*/*/ line-height: 120%; /* Hidden from NN4 */ margin-bottom: 11px; } /*===== MENU LEVEL 3: LEFT-HAND SUBMENU =====*/ .menulevel3 { /*/*/ margin-top: -6px; /* Hidden from NN4 */ margin-bottom: 11px; text-transform: lowercase; } .menulevel3 .item { /*/*/ line-height: 120%; /* Hidden from NN4 */ margin-bottom: 5px; } .menulevel3 .item A:link, .menulevel3 .item A:visited { color:#009; } .menulevel3 .item A:hover { color:#558CC8; } /*===== MENU LEVEL 4: SECOND-COLUMN MENU =====*/ .menulevel4 { margin-top: 2px; } .menulevel4 .item { font-size: 10px; /* NN4, Mac/IE5 value */ line-height: 120%; margin-bottom: 5px; margin-left: 11px; margin-right: 11px; } .menulevel4 .item/*Not Mac/IE5*/ { /*/*/ font-size: .55em; /* Actual value */ } .menulevel4 A:link, .menulevel4 A:visited { color:#009; text-decoration: none; } .menulevel4 A:hover { color:#558CC8; } .menulevel4 STRONG { color: #333; } /*===== ACTIVE MENU ITEMS =====*/ A.itemactive { color: #999!important; } A.itemactive:hover { color: #558CC8!important; } /*===== MAIN TEXT STYLES =====*/ DIV.skiplinks { display: none; /* Invisible content for all browsers except screen readers */ } .null { /*/*/ display: none; /* Hidden from NN4, i.e. contents display in NN4 only */ } .contenttable { margin-top: 28px; /* Gap under mainpic/H1 */ } .bodytext { margin-left: 11px; margin-bottom: 22px; } H1 { color: #6C0; /* Green */ font-size: 24px; /* NN4 value */ /*/*/ font-size: 1.5em; /* Actual value */ line-height: 105%; font-weight: normal; margin-top: 12px; /*/*/ margin-bottom: 19px; /* Hidden from NN4 */ margin-left: 11px; } H2 { color:#009; font-size: 14px; /* NN4 value */ /*/*/ font-size: .8em; /* Actual value */ line-height: 120%; font-weight: bold; /*/*/ margin-bottom: 11px; /* Hidden from NN4 */ } H3, H4 { color:#000; font-size: 12px; /* NN4 value */ /*/*/ font-size: .7em; /* Actual value */ line-height: 120%; font-weight: bold; /*/*/ margin-bottom: 5px; /* Hidden from NN4 */ } H4 { /*/*/ margin-bottom: 0; /* Hidden from NN4 */ } .mainpic IMG { /*display: block;*/ } .mainpic { /*margin-left: 11px;*/ /* Remove this when all images have been replaced */ } P, UL, OL { font-size: 12px; /* NN4 value */ /*/*/ font-size: .7em; /* Actual value */ line-height: 120%; margin-top: 0; /*/*/ margin-bottom: 13px; /* Hidden from NN4 */ } P.intro { font-size: 14px; /* NN4 value */ /*/*/ font-size: .8em; /* Actual value */ line-height: 120%; color: #000; font-weight: bold; /*/*/ margin-bottom: 13px; /* Hidden from NN4 */ } UL { /*/*/ margin-left: 11px; /* IE value */ /*/*/ padding-left: 11px; /* Gecko value */ } OL { /*/*/ margin-left: 11px; /* IE value */ /*/*/ padding-left: 15px; /* Gecko value */ } LI { line-height: 120%; /*/*/ margin-top: 0; /* Hidden from NN4 */ /*/*/ margin-bottom: 5px; /* Hidden from NN4 */ } LI P, LI H3, LI H4 { font-size: 100%; /* If embedded in LI tags. Prevents compounding */ margin-left: 0; } LI P { /*/*/ margin-bottom: 5px; /* Hidden from NN4 */ } UL UL, UL OL, OL UL, OL OL { margin-top: 13px; font-size: 100%; /* Nested lists. Prevents compounding */ } UL UL { list-style-type: circle; } OL OL { list-style-type: lower-alpha; } OL OL OL { list-style-type: lower-roman; } .level2bodytext .col1 { padding-right: 22px; } .divider { color: #ccc; } .section { clear: both; } /*===== PICTURE AND CAPTION =====*/ .picture { clear: both; margin-left: 11px; margin-bottom: 11px; } .picture IMG { border: 1px solid #ccc; } P.caption { font-size: 10px; /* NN4, Mac/IE5 value */ line-height: 120%; margin-top: 5px; margin-bottom: 0; } P.caption/*Not Mac/IE5*/ { /*/*/ font-size: .55em; /* Actual value */ } .picture P.caption { margin-left: 0; } .fourthlevelnavcolumn IMG { margin-bottom: 11px; } .fourthlevelnavcolumn P.caption { margin: 0 11px 11px 11px; } /*===== DOWNLOAD COMPONENT =====*/ /* \*/ .downloadsection, .download { clear: both; } /* Above rule hidden from MacIE5 */ .download H3, .download P { margin-left: 22px; } .filedetails { font-size: 11px; /* NN4 value */ /*/*/ font-size: .6em; /* Actual value */ /*/*/ margin-top: -8px; /* Hidden from NN4 */ } IMG.icon { position: relative; top: 3px; /*/*/ margin-right: 6px; /* Hidden from NN4 */ } IMG.downloadpicture { /*/*/ margin-left: 11px; /* Hidden from NN4 */ /*/*/ border: 1px solid #ccc; /* Hidden from NN4 */ } /*===== CONTACT COMPONENT =====*/ .contactsection { clear: both; } .contact { margin-bottom: 13px; } .contact P { /*/*/ margin-bottom: 0; /* Hidden from NN4 */ } .contact TH { text-align: left; font-weight: normal; vertical-align: top; padding-right: 11px; } /*===== CONTACT FORM =====*/ .contactform { clear: both; margin-bottom: 14px; } .contactform TH { text-align: right; font-weight: normal; vertical-align: top; padding-right: 11px; } .contactform TD { /*/*/ padding-bottom: 11px; /* Hidden from NN4 */ } .mandatory { color: red; font-family: Arial, Verdana, sans-serif; font-size: 20px; font-weight: bold; cursor: help; /*/*/ position: relative; /* Hidden from NN4 */ /*/*/ top: 5px; /* Hidden from NN4 */ /*/*/ margin-left: 3px; /* Hidden from NN4 */ } /*===== 2-COLUMN COMPONENT =====*/ .twocolumnsection { clear: both; margin-bottom: 13px; } .twocolumn .col1 { border-right: 1px solid #ccc; padding-right: 11px; } .twocolumn .col2 { padding-left: 11px; } /*===== TABULAR DATA =====*/ .tabulardata { border-collapse: collapse; background-color: #f3f3f3; margin-bottom: 13px; } .tabulardata TD, .tabulardata TH { border: 1px solid #fff; padding: 5px; vertical-align: top; } .tabulardata TH { background-color: #ccc; } .tabularsection TD, .tabularsection TH { font-size: 12px; /* NN4 value */ /*/*/ font-size: 11px; /* Actual value */ /*/*/ line-height: 120%; /* Hidden from NN4 */ } .tabulardata P, .tabulardata DIV { font-size: 11px; line-height: 120%; } .tabulardata P { /*/*/ margin-bottom: 5px; /* Hidden from NN4 */ } .tabulardata BLOCKQUOTE { margin-top: 0; margin-bottom: 0; } .tabularsection OL { list-style-type: lower-alpha; } /*===== SEARCH RESULTS =====*/ .searchdetails { color: #666; font-weight: normal; } P.searchresultsfooter { margin-bottom: 0; } .searchresults P.filedetails { /*/*/ font-size: 90%; /* Actual value */ /*/*/ margin-top: 0; /* Hidden from NN4 */ } /*===== PAGE-LEVEL IMAGE SECTION =====*/ .pagelevelimage { text-align: center; } .imagesection { /*width: 403px;*/ } .imagesection H2, .imagesection H3, .imagesection P { text-align: left; } .imagesection P { /*font-weight: bold;*/ /*/*/ margin-top: 5px; /* Hidden from NN4 */ } /*===== DEFINITION LIST TABLE =====*/ /* General-purpose table style used in Brands section */ .definitionlist { margin-bottom: 13px; } .definitionlist P, .definitionlist H3 { /*/*/ margin-top: 0; /* Hidden from NN4 */ /*/*/ margin-bottom: 5px; /* Hidden from NN4 */ } .definitionlist TH { text-align: left; font-weight: bold; vertical-align: top; padding-right: 11px; white-space: nowrap; } /*===== BRANDS SECTION =====*/ #dropdown { height: 30px; position: absolute; left: 604px; top: 102px; visibility: visible; width: 156px; z-index: 2; } SELECT#dropdownid { width: 156px; font-size: 11px; font-family: Verdana,Arial,Helvetica,sans-serif; } #dropdown P { font-size: 10px; /* NN4 value */ /*/*/ font-size: 9px; /* Actual value */ margin-top: 1px; } .thumbnaillink { clear: both; font-size: 12px; /* NN4 value */ /*/*/ font-size: .7em; /* Actual value */ line-height: 120%; margin-bottom: 11px; margin-top: -20px; /* NN4 value */ /*/*/ margin-top: 0; /* Actual value */ height: 42px; } .thumbnaillink IMG { /*/*/ border: 1px solid #ccc; /* Hidden from NN4 */ float: left; /*/*/ margin-right: 11px; /* Hidden from NN4 */ vertical-align: middle; } TABLE.brandslist { width: 556px; } .brandslist TD { padding-right: 11px; } .brandslist .thumbnaillink { font-size: 14px; /* NN4 value */ /*/*/ font-size: .8em; /* Actual value */ font-weight: bold; } .a-z { padding-bottom: 5px; border-bottom: 1px solid #ccc; } .a-z a:link, .a-z a:visited, .a-z a:active, .a-z a:hover { /*/*/ padding: 5px 4px; /* Hidden from NN4 */ color: #558CC8; text-decoration: none; } .a-z a:hover { color: #fff; background-color: #558CC8; text-decoration: underline; } /*---- Contextual navigation column ----*/ .contextualnavcolumn { border-left: 1px solid #ccc; padding-bottom: 11px; } .contextualnavcolumn H2 { margin-left: 11px; } .contextualnavcolumn H4 { font-size: 10px; /* NN4 value */ /*/*/ font-size: 1em; /* Actual value */ color: #6C0; text-transform: uppercase; /*/*/ padding-top: 8px; /* Hidden from NN4 */ margin-top: -11px; /* NN4 value */ /*/*/ margin-top: 11px; /* Actual value */ border-top: 1px solid #ccc; } .contextualnavcolumn .item { font-size: 10px; /* NN4 value */ /*/*/ font-size: .6em; /* Actual value */ line-height: 120%; margin-bottom: 5px; margin-left: 11px; margin-right: 11px; } .contextualnavcolumn A:link, .contextualnavcolumn A:visited { text-decoration: none; } .contextualnavcolumn A:link { color:#009; } .contextualnavcolumn A:hover { color:#558CC8; } /*===== ENVIRONMENT & SOCIETY SECTION =====*/ DIV.publicationlink { clear: both; font-size: 12px; /* NN4 value */ /*/*/ font-size: .7em; /* Actual value */ line-height: 120%; margin-bottom: 11px; margin-top: 0; height: 129px; } IMG.publicationlink { /*/*/ border: 1px solid #ccc; /* Hidden from NN4 */ float: left; /*/*/ margin-right: 11px; /* Hidden from NN4 */ } .publicationlink H3, .publicationlink P { font-size: 100%; /*/*/ margin-bottom: 5px; /* Hidden from NN4 */ } .publicationlink P.filedetails { font-size: 11px; /* NN4 value */ /*/*/ font-size: .9em; /* Actual value */ /*/*/ margin-top: -4px; /* Hidden from NN4 */ } .floatbox { border: 1px solid #ccc; margin: 0 0 13px 11px; } .floatbox P { font-size: .6em; line-height: 110%; margin: 0; } .floatbox H3 { margin-top: 0; } /*===== NEWS-RELATED STYLES (not only used by Media Centre) =====*/ STRONG.newsdate { font-weight: bold; } P.intro STRONG.newsdate { text-transform: uppercase; } /*===== CAREERS =====*/ /*--- Legacy styles ---*/ BODY.careers SELECT {font-size:10px;} /* Currently unused, unless Body class is implemented in HTML */ .careersheading {font-family: Verdana, Arial, Helvetica, sans-serif; color: #66CC00; /* (light green) */ font-size: 26px; } .careerssubheading {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #66CC00; /* (green) */ font-size: 11pt;} .careerspagetitle { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000099; /* (secondary blue) */ text-decoration: none; font-size: 16pt;} .profiles {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #3399CC; font-size: 8pt} .profiletitle {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #3399CC; font-size: 11pt} /*--- Extra workaround and legacy styles for Careers section ---*/ .careersheading { position: relative; } .introTextBoldBlue { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight:bold; color: #000099; } .mainText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; } .mainTextBold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; } .profiles P, .mainText P { font-size: 100%; } /*===== SITEMAP =====*/ a.map { font-size: 14px; /* NN4 value */ /*/*/ font-size: .8em; /* Actual value */ font-weight: bold; color: #6C0; text-decoration: none; text-transform: uppercase; } a.map2 { font-size: 12px; /* NN4 value */ /*/*/ font-size: .8em; /* Actual value */ color: #333; text-decoration: none; text-transform: uppercase; } a.tan { font-size: 12px; /* NN4 value */ /*/*/ font-size: .7em; /* Actual value */ color: #009; text-decoration: none; text-transform: lowercase; } a.map:hover, a.map2:hover, a.tan:hover { color: #558CC8; text-decoration: underline; } /*===== STYLES FOR PRINTING =====*/ @media print { .leftnav {display: none;} .topnav {display: none;} .menulevel4 {display: none;} .logo {border-right: 0;} TABLE.content {width: 100%;} TABLE.tabulardata {page-break-inside:avoid;} TD.homepagecontent H2, TD.homepagecontent P, TD.homepagecontent LI {width: 65%;} }