/* STRUCTURE DESCRIPTION 

        1. RESET FILE
        
        2. GLOBAL SETTINGS 
            WRAPPER
            ELEMENTS
            HEADINGS
            ANCHORS
                CSS BUTTONS GENERIC STYLING WITHOUT COLOURS 
                DEFAULT LINKS
                
        3. PAGE LAYOUT
                TOP BANNER CONTAINERS
                    SHARE PRICES TAB                    
                    LOGO                    
                MAIN IMAGE CONTAINER AND SHARED PRICE
                FEATURED BOXES HOMEPAGE AND 2ND LEVEL]
                MAIN ACTION LINKS WITH ARROW
                CAREERS FEATURED BOX
                CONTENT PAGE STYLING
                CONTENT PAGE LEFT NAVIGATION LOWER LEVEL
                FOCUS BLOCK
                HEADINGS
                FOOTER
                SHARED PRICE MODULE 
                CONTACT US HEAD OFFICE PAGE
                CONTACT US OUR OFFICES PAGE 
                ACCORDION
        
        4. TOP NAVIGATION
                SMALL TOP NAV - OUR OFFICES AND CONTACT US
                MAIN MENU TAB LIST

        5. IE6 WARNING MESSAGE
        
        6. ERROR MESSAGES
        
   7. HIDDEN ELEMENTS
   
   8. TABLES FOR ANALYST REPORTS
   
   9. AWARDS FLOAT
   
   10. IE6 WARNING MESSAGE
		



/*@font-face {
    font-family: 'ITCAvantGardeGothicStdBook';
    src: url('itcavantgardestd-bk-webfont.eot');
    src: url('itcavantgardestd-bk-webfont.eot?#iefix') format('embedded-opentype'),
         url('itcavantgardestd-bk-webfont.woff') format('woff'),
         url('itcavantgardestd-bk-webfont.ttf') format('truetype'),
         url('itcavantgardestd-bk-webfont.svg#ITCAvantGardeGothicStdBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ITCAvantGardeGothicStdBold';
    src: url('itcavantgardestd-bold-webfont.eot');
    src: url('itcavantgardestd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('itcavantgardestd-bold-webfont.woff') format('woff'),
         url('itcavantgardestd-bold-webfont.ttf') format('truetype'),
         url('itcavantgardestd-bold-webfont.svg#ITCAvantGardeGothicStdBold') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

/************** 1. RESET FILE ************/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, input, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {background: transparent url(../img/mainsprite.png) no-repeat scroll -999px -999px; border:0; margin:0; outline:0; padding:0; }

html                {}
body                {background:url("../img/structure/bodybackground.png") repeat-x #cccccc; color:#4d4d4d; font: 75%/1.25em Verdana,Geneva,"Helvetica Neue",Arial,Helvetica,sans-serif;}
*                   {margin:0; padding:0; }
ol, ul              {list-style:none;}
blockquote, q       {quotes:none;}
blockquote:before,
blockquote:after,
q:before, q:after   {content: ''; content:none;}
:focus              {outline:0;}
ins                 {text-decoration:none;}
del                 {text-decoration:line-through;}
table               {border-collapse:collapse; border-spacing:0;}
input               {background-color: #FFF;}




/************** 2. GLOBAL SETTINGS ************/


/* ===  WRAPPER === */
#wrapper { margin:0 auto; padding:0;  text-align: left; width:980px}

div#mainnav {display:none;}
div#print_only {display:none;}
body#CVA_ThankYou  h2.sectorRightCol {display:none;}


/* === ELEMENTS === */
div, p, ul, li, ol, dl, dt, dd, form, fieldset, input {}
div, p, a, ul, li, ol, dl, dt, dd, form, fieldset, input, option, select, label {font-size:1em;}
p {margin:1em 0 0 0;}
p, span {line-height:1.5em; padding:0;}
li {list-style-type:none;}
div {margin:0; padding;0;}
.clear {clear:both; margin:0;}


/* === HEADINGS === */
h1, h2, h3, h4, h5 {line-height:1.25em; margin:0; padding:0;}
h1.basic, h2.basic, h3.basic, h4.basic, h5.basic {}
h1.primary, h2.primary, h3.primary, h4.primary, h5.primary {}
h1.secondary, h2.secondary, h3.secondary, h4.secondary, h5.secondary {}
h1 {line-height: 0px; text-transform:uppercase; font-weight: normal; font-family: ITCAvantGardeGothicStdBold;}
h2 {font-weight: normal; line-height:2em; text-transform:uppercase;}

body#ContentPage_strategy h3 { color:#999;}

h3 {font-size:14px; padding:10px 0 0 0; }

div#accordionContainer h3,
div.managementBoardBlock div.managementBoardContent h3 {font-size:14px; padding-top:0; text-transform:uppercase;}

h4 {font-size:1.3em; padding-top:10px; text-transform:uppercase;}
h5 {font-size:1.1em; padding-top:10px; text-transform:uppercase;}

#homeImageHeadings { width:443px; height:125px; background:url(../img/headings/homepage.png); position:absolute; left:16px; top:0;}
body#ContentPage_about_us #contentImageHeadings { width:430px; height:51px; background:url(../img/headings/aboutus.png); position:absolute; left:16px; top:0;}
body#ContentPage_our_business #contentImageHeadings { width:430px; height:51px; background:url(../img/headings/ourBusiness.png); position:absolute; left:16px; top:0;}
body#ContentPage_investors #contentImageHeadings { width:430px; height:51px; background:url(../img/headings/investors.png); position:absolute; left:16px; top:0;}
body#ContentPage_responsibility #contentImageHeadings { width:430px; height:51px; background:url(../img/headings/investors.png); position:absolute; left:16px; top:0;}
body#ContentPage_Careers #contentImageHeadings { width:430px; height:51px; background:url(../img/headings/careers.png); position:absolute; left:16px; top:0;}
body#ContentPage_contact_us #contentImageHeadings { width:430px; height:51px; background:url(../img/headings/contactUs.png); position:absolute; left:16px; top:0;}

/***** Font Face Headings**/ 
/*div#contentContainer h1 {text-shadow: 1px 1px 0px #000, -1px -1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, 3px 3px 6px #000; zoom: 1; filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=3, OffY=3, Color=#000);  filter: glow(color=black,strength=2); line-height:5em;}
div#contentContainer h2 {font-family: ITCAvantGardeGothicStdBook;text-shadow: 1px 1px 0px #000, -1px -1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, 3px 3px 6px #000; zoom: 1; filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=3, OffY=3, Color=#000);  filter: glow(color=black,strength=2); line-height:1em;}
div#wrapper div#contentContainer div.homePageVisualInner div.homeImageTextInfo p a {font-family: ITCAvantGardeGothicStdBold;}
div#wrapper div#contentContainer div.homePageVisualInner div.homeImageTextInfo p a span {font-family: ITCAvantGardeGothicStdBook;}
*/
/****************************/

/* === ANCHORS === */

/* --- CSS BUTTONS GENERIC STYLING WITHOUT COLOURS --- */
div#navContainer #contactAboutMenu li a,
div#navContainer #mainMenuList li a,
#mainImageContainerInner p a {color:#fff; cursor: pointer; display: block; font-weight: bold; margin:0; outline: 0; text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); vertical-align: baseline; border: 0;}
	
	
/* --- DEFAULT LINKS --- */
a {color:#bbc000; line-height:1.5em; text-decoration:none;}
a:hover {color:#b40838;}
a:focus, a:visited {/* color:#999999; */ outline:none;}




/*************** 3. PAGE LAYOUT ******************/


/* ===  TOP BANNER CONTAINERS === */
div#navContainer {border-top:10px solid #050607;}
div#logoContainer {width:960px; margin:0 auto;}
div#contactAboutMenu_Container,
div#mainMenuListContainer {margin:0px auto;}
div#mainMenuList_Container {}


/*** SHARE PRICES TAB */
div#sharePricesTop {display:block; color:#fff; float:right; border-radius:.2em .2em 0 0; background: -webkit-gradient(linear, left top, left bottom, from(#E70033), to(#B40838));background: -moz-linear-gradient(top,  #E70033,  #B40838);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E70033', endColorstr='#B40838'); text-align: center; padding:0 0 5px 0;}
div#sharePricesTop p {font-size: 14px; text-transform: uppercase; padding:0; margin:.5em 1em .25em 1em; }
span#mast_share_price {font-size: 18px; font-weight: bold; margin:0; line-height: 14px; }


/*** LOGO */
div#logoContainer div#logo a {background-position: 0px 25px;text-indent:-2000px; display: block; float: left; height: 82px; padding: 0; width: 230px;}


/* ===  MAIN IMAGE CONTAINER AND SHARED PRICE === */

/* Home page Images*/
div.homePageVisual,
div.contentPageVisual {padding:10px;float:left; width:717.5px; display:none;}
div.homePageVisualInner {margin:0; padding:0; height:300px; text-align: left;text-transform:uppercase; position:relative;}
div.contentPageVisualInner {margin:0; padding:0; height:180px; text-align: left;text-transform:uppercase; position:relative;}
div.homeImageTextInfo {position:absolute; top:165px; left:0px; width:718px;}
.homeImageTextInfo p {float:right; margin:25px 1em 0 0;}
div.contentImageTextInfo {position:absolute; top:120px; left:0px;}
div#mainImageContainerOuter_1 {display:block;}

div#mainImageContainerOuter {padding:10px;float:left; width:717.5px;}
div#mainImageContainerInner {background: transparent url(../img/oil_big.jpg) no-repeat bottom;  margin:0; padding:0; height:300px; text-align: left;text-transform:uppercase;}
div#mainFeatureContainerOuter {float:right; width:232.5px; margin:0 0 0 -10px; padding:10px;}
div#mainFeatureContainerInner { background:#7d7d7d; padding:20px; height:260px;}

div#mainImageContainerOuter div#mainImageContainerInner.contain p {float:right; margin:16em 2em 0 0; padding:0 0 0 0;}

.homePageVisual p a {color:#fff; background: #d1d72b; display:block; background: -webkit-gradient(linear, left top, left bottom, from(#d2d82a), to(#bbc232)); background: -moz-linear-gradient(top,  #d1d72b,  #bbc232); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d72b', endColorstr='#bbc232'); border-radius: 0.2em 0.2em 0.2em 0.2em; font-size: 13px; text-shadow: 0.1em 0.1em #333; margin:2.25em 0 0 20px; padding:1em 1em .5em 1em; width:120px;}
.homePageVisual p a span {font-size:20px; display:block;}

.homePageVisual p a:hover {background: -webkit-gradient(linear, left top, left bottom, from(#e70033), to(#b40838)); background: -moz-linear-gradient(top,  #e70033,  #b40838); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e70033', endColorstr='#b40838');}



div#contentOurOffices div#contentOurOfficesInner a {position:absolute; top:20px; right:20px; color:#fff; background: #d1d72b; display:block; background: -webkit-gradient(linear, left top, left bottom, from(#d2d82a), to(#bbc232)); background: -moz-linear-gradient(top,  #d1d72b,  #bbc232); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d72b', endColorstr='#bbc232'); border-radius: 0.2em 0.2em 0.2em 0.2em; font-size: 13px; text-shadow: 0.1em 0.1em #333; margin:0 0 0 20px; padding:1em 1em .5em 1em; text-transform: uppercase; width:150px;}
div#contentOurOffices div#contentOurOfficesInner a span {font-size:23px; display:block;}

div#contentOurOffices div#contentOurOfficesInner a:hover {background: -webkit-gradient(linear, left top, left bottom, from(#e70033), to(#b40838)); background: -moz-linear-gradient(top,  #e70033,  #b40838); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e70033', endColorstr='#b40838');}


div#contentContainer h1 span.HeaderTwoBold {clear: left; color:#fff; display: block; font-size: 1.8em; line-height: 0.8em; margin: 0; padding:15px 15px 0 15px;}


div.homePageVisual h2 {color:#fff; line-height:20px; padding:0 0 0 20px;}


div#contentImageContainerOuter {padding:10px;float:left; width:715.5px;}
div#contentImageContainerInner {left:0px; margin:117px 0 0 0px; padding:0; position:absolute; text-align:left; text-transform:uppercase; top:0px;}


div.contentImageOuter {margin:0; padding:0; height:180px; text-align: left;text-transform:uppercase; width:717.5px; display:none;}
body#ContentPage_our_business div.contentImageOuter {background:url(../img/bannerImages/business.jpg) no-repeat top;}
body#ContentPage_contact_us div.contentImageOuter {background:url(../img/bannerImages/business.jpg) no-repeat top;}
body#ContentPage_about_us div.contentImageOuter {background:url(../img/bannerImages/it.jpg) no-repeat top;}
body#ContentPage_investors div.contentImageOuter {background:url(../img/bannerImages/investors.jpg) no-repeat top;}
body#ContentPage_responsibility div.contentImageOuter {background:url(../img/bannerImages/responsibility.jpg) no-repeat top;}
body#ContentPage_Careers div.contentImageOuter {background:url(../img/bannerImages/careers.jpg) no-repeat top;}


div#contentImage1 {display:block; position:relative;}
div#contentFeatureContainerOuter {float:right; width:232.5px; margin:0 0 0 -10px; padding:10px;}
div#contentFeatureContainerInner {background:#7d7d7d; min-height: 140px; padding:20px;}

div#contentImageContainerInner p a {background: #d1d72b; background: -webkit-gradient(linear, left top, left bottom, from(#d2d82a), to(#bbc232)); background: -moz-linear-gradient(top,  #d1d72b,  #bbc232); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d72b', endColorstr='#bbc232'); border-radius: 0.2em 0.2em 0.2em 0.2em; font-size: 13px; text-shadow: 0.1em 0.1em #333; margin:1em 0 0 20px; padding:1em 1em .5em 1em; width:120px;}
div#contentImageContainerInner p a span {font-size:23px; display:block;}

div#contentImageContainerInner p a:hover {background: -webkit-gradient(linear, left top, left bottom, from(#d2d82a), to(#bbc232)); background: -moz-linear-gradient(top,  #d1d72b,  #bbc232); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d72b', endColorstr='#bbc232');}
div#contentImageContainerInner.contain h2 {color:#fff; padding:.5em 0 0 20px;}



/* ===  FEATURED BOXES HOMEPAGE AND 2ND LEVEL === */
div#homepageFeaturedContainer {margin:-10px 0 0 0; padding:0; clear:both;}

div.featuredBox2,
div.featuredBox3,
div.featuredBox4 {margin-left:-10px;}

div.featuredBox1,
div.featuredBox2,
div.featuredBox3,
div.featuredBox4 {float:left; padding:10px; margin-top:-10px; width:232.5px;}

div.featuredBox2 a div#SosChildren {background: url(../img/S3C-SOS-link.gif) 25% 50% no-repeat; border: 1px solid #C1C1C1; margin-top: 15px; width: 196px; height: 90px;}
div.featuredBox2 a div#SosChildren span {background-position: 182px -1047px; display: block; text-indent: -9999px; width: 196px; height: 20px;}
div.featuredBox2 a:hover div#SosChildren span {background-position: 182px -1197px;}

div.featuredBox3 p {font-size:1.2em}

div.featuredBoxInner {background-color:#fff; min-height:320px; padding:20px;}
body#ContentPage_Home div.featuredBoxInner {background-color:#fff; min-height:389px; padding:20px;}


/* ===  MAIN ACTION LINKS WITH ARROW === */
div.featuredBoxes li,
div.featuredBoxes2 li,
div.contactInner li,
div.featuredBoxInner li {background-position: 0 -1047px; padding-left: 1.5em; margin-top:15px;}

div.featuredBoxes li:hover,
div.featuredBoxes2 li:hover,
div.contactInner li:hover,
div.featuredBoxInner li:hover {background-position: 0 -1197px;}



/* ===  CAREERS COLOUR FEATURED BOX === */

body#ContentPage_Careers div.featuredBox4 div.featuredBoxInner {background-position:0 -1600px; background-color: #0c0b0b;}
body#ContentPage_Careers div.featuredBox4 div.featuredBoxInner h3, 
body#ContentPage_Careers div.featuredBox4 div.featuredBoxInner p {color:#fff;}

body#ContentPage_Careers div.featuredBox4 div.featuredBoxInner ul {margin-top:1em;}
body#ContentPage_Careers div.featuredBox4 div.featuredBoxInner ul li {border-bottom:0; background: #d1d72b; background: -webkit-gradient(linear, left top, left bottom, from(#d2d82a), to(#bbc232)); background: -moz-linear-gradient(top,  #d1d72b,  #bbc232); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d72b', endColorstr='#bbc232'); border-radius: 0.2em 0.2em 0.2em 0.2em; text-shadow: 0.1em 0.1em #333; margin:0; padding:1em 1em .5em 1em; text-transform:uppercase; width:120px;}
body#ContentPage_Careers div.featuredBox4 div.featuredBoxInner ul li a {background-position: 102px -1036px; color:#fff;display:block;font-size:18px; border-right:1px dotted #fff;}
body#ContentPage_Careers div.featuredBox4 div.featuredBoxInner ul li a span {font-size:23px; display:block;}



/* ===  CONTENT PAGE STYLING === */
div#contentPageContainer { }
div#contentPageLeft,
div#contentPageMiddle,
div#contentPageMiddleOneColumn {float:left; padding:10px;} 

div#contentPageLeft {width:220px;}
div#contentPageMiddle {width:500px; margin-left:-10px;}
div#contentPageRight {float:left; margin-left:-10px; width:240px;}
div#wrapper div#contentContainer div#contactContainer div#contentPageRight {margin-top:-10px;}
body#ContentPage_contact_us div#contentPageRight { width:252px;}
div#contentPageMiddleOneColumn {float:left; margin-left:-10px; width:730px;}

div.contentPageInner,
div.contentPageInnerOneColumn {background: #FFFFFF; padding: 20px; }


div#contentPageMiddle img {margin:0 0 1em 0; }
div#contentPageMiddle h1 {margin:0 0 0 0;}
div#contentPageMiddle ul { margin-bottom:2em; }
div#contentPageMiddle li {list-style: disc; line-height:1.5em; margin:1.5em 0 0 2em;}

div#contentContainer div#contentPageMiddle div.contentPageInner ul.contentDownloads li {list-style:none;background-position: 0 -848px; padding:0 0 0 1.5em;}

div#contentContainer {box-shadow: 0 7px 14px #969696; -moz-box-shadow: 0 7px 14px #969696; -webkit-box-shadow: 0 7px 14px #969696; background:#ebebeb; border-top:10px solid #b40838;}

div#contentPageLeft h2 {border-bottom:1px dotted #CECECE; padding:0 0 10px 0;}

div.contentPageRightBoxes,
div.contentPageRightBoxes2 {padding:10px;}

div.contentPageRightBoxes2 {margin-top:-10px;}
div.featuredBoxes,
div.featuredBoxes2 {background:#fff; padding:20px;}


div.contactInner img {margin-bottom:10px;}

div.featuredBoxes h2, 
div.featuredBoxes2 h2 {border-bottom:1px dotted #CECECE; margin:0 0 10px 0; padding:0 0 10px 0;}
div.featuredBoxes h2 span, 
div.featuredBoxes2 h2 span  {display:block;}
div.featuredBoxes p, 
div.featuredBoxes2 p {margin-bottom:0; margin-top:1em;}

div#contentPageMiddle div.contentPageInner img {border:10px solid #EBEBEB;display:block; float:left; margin:1.25em 1em .5em 0; }

html.cufon-active body#ContentPage_ceos_view.bg_default div#wrapper div#contentContainer div#contentPageMiddle div.contentPageInner p img {float:none; border:0;}
html.cufon-active body#ContentPage_corporate_responsibility.bg_default div#wrapper div#contentContainer div#contentPageMiddle div.contentPageInner img {float:right; margin:1.25em 0 1em 1em;}

body#ContentPage_awards div#contentPageMiddle div.contentPageInner img,
body#ContentPage_our_brands_and_sectors div#contentPageMiddle div.contentPageInner img,
body#ContentPage_financial_information div#contentPageMiddle div.contentPageInner img {border:0;}

/* ===  CONTENT PAGE LEFT NAVIGATION LOWER LEVEL === */
div#contentPageLeft ul {margin-top:10px;}
div#contentPageLeft li {background-position: 0 -1048px; margin:1em 0 0 0;padding-left:1.5em;}
div#contentPageLeft li a {}

div#contentPageLeft li:hover {background-position: 0 -1198px;}
	
/* ===  FOCUS BLOCK === */
div.activeBlock {background-color:#bbc000 !important; position: relative; z-index: 9999;}


/* ===  HEADINGS === */
body#ContentPage_about_us div.featuredBoxInner h3,
body#ContentPage_our_business div.featuredBoxInner h3,
body#ContentPage_investors div.featuredBoxInner h3,
body#ContentPage_responsibility div.featuredBoxInner h3,
body#ContentPage_Careers div.featuredBoxInner h3,
body#ContentPage_Home div.featuredBoxInner h3,
div.contactInner h3 {font-size:16px; border-bottom: 1px dotted #ececec; margin:0 0 10px 0; padding:0 0 10px 0; text-transform: uppercase;}

div.contactInner h3 {width:186px;}

div.contactInner h3 span {display:block; font-size: 26px;}

div.featuredBoxInner h3 span.headerBold,
div.contactInner h3 span.headerBold {font-size:20px; display:block;}

div.featuredBoxInner h4 {font-size:35px; border-bottom: 1px dotted #ececec; margin:0 0 10px 0; padding:10px 0 10px 0;}
div.featuredBoxInner h4 span.headerh4Bold {font-size:13px; display:block;}

div#mainFeatureContainerInner h3,
div#contentFeatureContainerInner h3 {color:#fff;font-size:16px;border-bottom: 1px dotted #ececec; padding:0 0 6px 0;}
div#mainFeatureContainerInner h3 span,
div#contentFeatureContainerInner h3 span {font-size:24px; display:block;}

div#mainImageContainerInner h2 {}

div#contentPageMiddle div.contentPageInner h2,
div#contactBoxOne div.contactInner h2 {border-bottom: 1px dotted #ececec; margin-top:1.5em; padding:0 0 6px 0; font-size:16px;}

/* ===  FOOTER === */
div#footerContainer {background:url("../img/footergradient.png"); color:#fff;width:100%;}
div#footerContainer a:hover {color:#f18f07;}
div#footerContainer div#footerContainerInner {margin:0 auto; width:960px;}

div#footerContainer div#footerContainerInner #footerColumnOne,
div#footerContainer div#footerContainerInner div#footerColumnTwo,
div#footerContainerInner div#footerColumnThree {float:left; text-align: left;}

div#footerContainer div#footerContainerInner #footerColumnOne h4,
div#footerContainer div#footerContainerInner div#footerColumnTwo h4,
div#footerContainerInner div#footerColumnThree h4 {border-bottom: 1px dotted #ececec; font-size:14px; margin:2em 0 0 0; padding:.5em 0;}

div#footerContainer div#footerContainerInner #footerColumnOne {margin-right: 11px; width:475px; display:block; }
div#footerContainer div#footerContainerInner #footerColumnTwo {margin-right: 12px; width:230px; display:block; }
div#footerContainer div#footerContainerInner #footerColumnThree {width:230px; }

div#footerContainer div#footerContainerInner #footerColumnOne ul li,
div#footerContainer div#footerContainerInner #footerColumnTwo ul li,
div#footerContainer div#footerContainerInner #footerColumnThree ul li {line-height: 1.75em; padding-left: 20px; width:210px;}

div#footerContainer div#footerContainerInner #footerColumnOne ul li {background-position: 0 -847px;}
div#footerContainer div#footerContainerInner #footerColumnOne ul li:hover {background-position: -900px -847px;}

div#footerContainer div#footerContainerInner #footerColumnTwo ul li {background-position: 0 -1045px;}
div#footerContainer div#footerContainerInner #footerColumnTwo ul li:hover {background-position: -900px -1045px;}

div#footerContainer div#footerContainerInner #footerColumnThree ul li#footerMenuList_Email_alerts_Container {background-position: 0 -493px;}
div#footerContainer div#footerContainerInner #footerColumnThree ul li#footerMenuList_Contacts_Container {background-position: 0 -1045px;}
div#footerContainer div#footerContainerInner #footerColumnThree ul li:hover#footerMenuList_Contacts_Container {background-position: -900px -1045px;}
div#footerContainer div#footerContainerInner #footerColumnThree ul li#footerMenuList_Follow_us_Container {background-position: 0 -544px;}
div#footerContainer div#footerContainerInner #footerColumnThree ul li#footerMenuList_Connect_with_us_Container {background-position: 0 -595px;}

div#footerContainer div#footerContainerInner ul {margin:.5em 0 2em 0;}
div#footerContainer div#footerCopyWrite div#footerMenuList_Container {display: inline;}
div#footerContainer div#footerCopyWrite {clear:both; float: left;}
div#footerContainer div#footerCopyWrite ul {width:100%; }
div#footerContainer div#footerCopyWrite ul li {display:inline;}
div#footerContainer div#footerCopyWrite ul li ul {display:inline; margin-left: 10px;}
div#footerContainer div#footerCopyWrite ul li ul li {display:inline;}
div#footerContainer div#footerCopyWrite ul li a { border-left: 1px solid #fff; padding:0 1em;}

div#footerContainer div#SthreePartnership {background: url(../img/beianlogo.gif) 0 0 no-repeat; float: right; padding-left: 60px; position: relative; top: -10px;width: 195px;}
div#footerContainer div#SthreePartnership p {margin: 0;}




/* ===  SHARED PRICE MODULE === */
div#mainFeatureContainerInner p {margin:1em 0;}
div#mainFeatureContainerInner p span,
div#contentFeatureContainerInner p span {color:#fff;font-size:35px; line-height: 1em;}
div#mainFeatureContainerInner ul, div#contentFeatureContainerInner ul {margin:1em 0 0 0;}
div#mainFeatureContainerInner ul li, div#contentFeatureContainerInner ul li {background-position:0 -1045px;; padding:0 0 0 1.25em;}
div#mainFeatureContainerInner ul li:hover, div#contentFeatureContainerInner ul li:hover {background-position: -900px -1045px;}

div#mainFeatureContainerInner ul li a:hover, div#contentFeatureContainerInner ul li a:hover {color:#f18f07;}

/* ===  CONTACT US HEAD OFFICE PAGE === */
div#contactContainer {}
div#contactContainer div#contactBoxOne {float: left; margin:-10px 0 0 0; padding:10px; width: 718px;}
div#contactContainer div#contactBoxTwo {float: right; margin:-10px 0 0 -10px; padding: 10px; width: 232px;}
div#contactContainer .contactInner {background: #FFFFFF; padding: 20px;}
div#contactBoxOne div.contactInner img {display:block; float:right;border:10px solid #EBEBEB;}

dl.contactInfo {padding:10px 0 20px 0; float:left;}
dl.contactInfo dt {font-weight:bold; float:left; padding: 0 10px 3px 0;}
dl.contactInfo dd {clear:right; padding-bottom:3px;}
p.lowPadding {margin:0; padding:0;}
p.extraMargin {padding-bottom:10px;}


/* ===  CONTACT US OUR OFFICES PAGE === */
div#contentOurOffices {padding:10px;}
div#contentOurOfficesInner {background:#fff; padding:20px; position:relative;}
	
/* ===  ACCORDION === */
div#accordionBlock {clear:both; padding:0; }
div#accordionBlock div#accordionContainer {background-color:#FFF; padding:0;}
div#accordionBlock div.CommonContainer {padding:10px 0; border-bottom:1px dotted #CECECE; float:left; width:100%;}
div#accordionBlock div#accordionContainer div.last {border:0;}
div#accordionBlock div.CommonContainer h3 {/* For WebKit (Safari, Google Chrome etc) */ background: -webkit-gradient(linear, left top, right top, from(#e8510e), to(#f6a400), color-stop(0.7, #f6a400)); /* For Mozilla/Gecko (Firefox etc) */ background: -moz-linear-gradient(left top, #e8510e, #f6a400 70%); /* For Internet Explorer 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#e8510e, endColorStr=#f6a400, GradientType=1); /* For Internet Explorer 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e8510e, endColorstr=#f6a400, GradientType=1)"; display:block; cursor:pointer; }
div#accordionBlock div.CommonContainer h3.open {background:#808080;}
div#accordionBlock div.CommonContainer h3.open a {background-position: -462px -2059px;}
div#accordionBlock div.CommonContainer h3 a {display:block; background-position: -462px -1389px; color:#FFF;padding:10px 20px;}

html.cufon-active body#ContentPage_share_price.bg_default div#wrapper div#contentContainer div#contentPageMiddleOneColumn div.contentPageInnerOneColumn div#accordionBlock div#accordionContainer div.CommonContainer h3 a{display:block; background-position: -230px -1389px; color:#FFF;padding:10px 20px;}


div#accordionBlock div.CommonContainer h3 a:hover {background-position: 438px -1389px;}
div#accordionBlock div.CommonContainer h3 a.open {background-position: -462px -2059px;}

div#accordionBlock div.CommonContainer h3:hover,
div#accordionBlock div.CommonContainer h3.active {/* For WebKit (Safari, Google Chrome etc) */ background: -webkit-gradient(linear, left top, right top, from(#808080), to(#808080), color-stop(0.7, #808080)); /* For Mozilla/Gecko (Firefox etc) */ background: -moz-linear-gradient(left top, #808080, #808080 70%); /* For Internet Explorer 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#808080, endColorStr=#808080, GradientType=1); /* For Internet Explorer 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#808080, endColorstr=#808080, GradientType=1)";}

div#accordionBlock div.CommonContainer div.accordionContent {border-left:10px solid #808080; border-right:10px solid #808080; border-bottom:10px solid #808080; padding:10px 10px; display:none;}
div#accordionBlock div.CommonContainer div#accordionContent_1 {display:block;}
div#accordionBlock div#accordionContainer img { display:block; clear:both; float:left; margin:0 1em 1em 0;}

body#ContentPage_corporate_responsibility div#accordionContainer div.CommonContainer div.accordionContent div.accordionFullContent img {float:right; margin:0 0 1em 1em;}

div.contentPageInner div.managementBoardBlock div.managementBoardImg {float:left;}

div#contentPageMiddle div.contentPageInner div.managementBoardBlock div.managementBoardContent {margin-top:1.25em; float:right; width:307px;}
div#contentPageMiddle div.contentPageInner div.managementBoardBlock div.managementBoardContent p {margin:0 0 1em 0;}
.managementBoardInner {display:none;}

div.managementBoardBlock div.managementBoardContent p a { cursor:pointer;}
div.managementBoardBlock div.managementBoardContent p a.close {display:none;}
/*************** 4. TOP NAVIGATION ******************/


/* ===  SMALL TOP NAV - OUR OFFICES AND CONTACT US === */

div#navContainer #contactAboutMenu {float:right;}
div#navContainer #contactAboutMenu li {float:left; margin-left:.5em; border-radius: 0 0 0.2em 0.2em; background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#4e4d4d));background: -moz-linear-gradient(top,  #000000,  #4e4d4d);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#4e4d4d'); padding:0 1em;}
div#navContainer #contactAboutMenu li a {padding:0.6em 0 0.6em 1.5em;}
div#navContainer #contactAboutMenu li:hover {background: -webkit-gradient(linear, left top, left bottom, from(#e60033), to(#b40838));background: -moz-linear-gradient(top,  #e60033,  #b40838);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e60033', endColorstr='#b40838');}

ul#contactAboutMenu li#contactAboutMenu_our_offices_Container a#contactAboutMenu_our_offices {background-position: 0px -89px;}
ul#contactAboutMenu li#contactAboutMenu_contact_us_Container a#contactAboutMenu_contact_us {background-position: 0px -140px;}

li#contactAboutMenu_our_offices_Container {background-position: 0px 0px;}

/* ===  MAIN MENU TAB LIST === */

ul#mainMenuList {background:#000; width:80%; margin:3em 0 0 0; padding:0; width:100%;}
ul#mainMenuList li {float:left; margin-right:4px;}
ul#mainMenuList li.subNav {height:42px; position:relative; z-index:1;}

ul#mainMenuList li a,
ul#mainMenuList li h3 {color:#fff; display:block; font-size:1.1em; font-weight:normal; margin:0; padding:12px 20px 17px 20px; text-transform:uppercase;border-radius: 0.2em 0.2em 0 0; background: -webkit-gradient(linear, left top, left bottom, from(#4e4d4d), to(#000000));background: -moz-linear-gradient(top,  #4e4d4d,  #000000);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e4d4d', endColorstr='#000000'); line-height: 1.1em;}
ul#mainMenuList li a:hover {background: -webkit-gradient(linear, left top, left bottom, from(#e70033), to(#b40838));background: -moz-linear-gradient(top,  #e70033,  #b40838);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e70033', endColorstr='#b40838'); color: #fff;}

ul#mainMenuList li ul {background: #4E4D4D; display:none; width:160px; position:absolute; z-index:999;}
ul#mainMenuList li ul li {padding-bottom:0; margin: 0; padding-top:0; top:0;}
ul#mainMenuList li ul li a {background: -webkit-gradient(linear, left top, left bottom, from(#b40838), to(#b40838));background: -moz-linear-gradient(top,  #b40838,  #b40838);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b40838', endColorstr='#b40838'); border-radius:0 0 0 0; border-bottom:1px dotted #e50033; display:block; font-size:0.95em; font-weight:bold; padding-top:1em; padding-bottom:1em; text-transform:none; width:160px;}
ul#mainMenuList li ul li a:hover {background: -webkit-gradient(linear, left top, left bottom, from(#e70033), to(#b40838));background: -moz-linear-gradient(top,  #e70033,  #b40838);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e70033', endColorstr='#b40838');  border-radius:0 0 0 0; border-bottom:1px dotted #e50033; color:#fff;}

body#ContentPage_at_a_glances li.subNav h3 a.activeAbout {background: -webkit-gradient(linear, left top, left bottom, from(#0a0a0a), to(#CA2866));background: -moz-linear-gradient(top,  #0a0a0a,  #CA2866);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a0a0a', endColorstr='#CA2866');}

body#ContentPage_Home a#mainMenuList_home,
body#ContentPage_about_us li.subNav h3 a.activeAbout,
body#ContentPage_our_business li.subNav h3 a.activeOurBusiness,
body#ContentPage_investors li.subNav h3 a.activeInvestors,
body#ContentPage_responsibility li.subNav h3 a.activeResponsibility,
body#ContentPage_Careers a#mainMenuList_Careers {background: -webkit-gradient(linear, left top, left bottom, from(#e70033), to(#b40838));background: -moz-linear-gradient(top,  #e70033,  #b40838);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e70033', endColorstr='#b40838');}

div#navContainer #mainMenuList li a,
#mainMenuList h3 a {background-position: 0px -145px; padding:1em; font-size: 1.25em;}
div#navContainer #mainMenuList li a:hover {background: -webkit-gradient(linear, left top, left bottom, from(#e70033), to(#b50838));background: -moz-linear-gradient(top,  #e70033,  #b50838);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e70033', endColorstr='#b50838');}




/*********** 5. IE6 WARNING MESSAGE ***********/
#ie6Warning  {background: #FFEE34; clear: both; font: Geneva, Arial, Helvetica, sans-serif; margin:0; padding:1em 0; text-align: center;}
#ie6Warning #ie6WarningWhiteBox {width:955px; background:#fff; margin:0; padding:1em 1em .5em 1em;}
#ie6Warning #ie6WarningWhiteBox .ie6FloatLeft {width: 75px; float: left;}
#ie6Warning #ie6WarningWhiteBox #closeBox a {background: transparent url(../img/ie6/browser_warning_sprite.png) no-repeat 0 0; float:right; height:20px; text-indent:-2000px; width:16px;}


#ie6Warning #ie6WarningWhiteBox #ie6WarningImg {background: transparent url(../img/ie6/browser_warning_sprite.png) no-repeat 0 -650px; display:block; float: left; height:50px; margin-right:.5em; width: 65px; }

#ie6Warning #ie6WarningWhiteBox #ie6TextBox {float: left; margin:0; padding:0; text-align:left; width: 530px;}
#ie6Warning #ie6WarningWhiteBox h3 {color:#000; font-size: 18px; font-weight: bold;}
#ie6Warning #ie6WarningWhiteBox p {font-size: 14px; line-height: 18px; margin-top: 6px;}

#ie6Warning #ie6WarningWhiteBox .firefox a, 
#ie6Warning #ie6WarningWhiteBox .ie8 a, 
#ie6Warning #ie6WarningWhiteBox .chrome a, 
#ie6Warning #ie6WarningWhiteBox .opera a { display:block; float:left; font-weight:bold; font-size:14px; margin:0 0 0 2em; padding:3.75em 0 0 0; width:50px;  }

#ie6Warning #ie6WarningWhiteBox .firefox a {background: transparent url(../img/ie6/browser_warning_sprite.png) no-repeat 0 -54px;}
#ie6Warning #ie6WarningWhiteBox .ie8 a {background: transparent url(../img/ie6/browser_warning_sprite.png) no-repeat 0 -200px;}
#ie6Warning #ie6WarningWhiteBox .chrome a {background: transparent url(../img/ie6/browser_warning_sprite.png) no-repeat 0 -354px;}
#ie6Warning #ie6WarningWhiteBox .opera a {background: transparent url(../img/ie6/browser_warning_sprite.png) no-repeat 0 -504px;}



/************ 6. ERROR PAGES ******************/
body.Error div.CommonContainerTop div.ErrorBackgroundHighlight {height:500px;}

body.Error div#WrapperThree {height:866px !important;}

div#ErrorFourZeroFour h1 {font-size:3em;}
div#ErrorFourZeroFour h2 {border: none;}
div#ErrorFourZeroFour { padding:10px;}
div#ErrorFourZeroFourInner {background:#fff; padding:20px; min-height:500px;}
div#ErrorFourZeroFour p {font-size: 1.8em;}
div#ErrorFourZeroFour ul li a {display: inline !important; background: none !important;}




/*********** 7. HIDDEN ELEMENTS ***********/

div#wrapper div.subMenu_Container,
div.subMenu_Container {display:none;}



/*********** 8. TABLES ***********/

/********UNIVERSAL ********/

table {margin-top:1em; width:100%;}
table th {background:#bbc000;color:#fff; font-weight: bold;}
table td, table th {border:1px solid #EBEBEB; padding:7px;}
table td:first-child {background:#e1e1e1; font-weight: bold;}
body#ContentPage_analysts_reports table td:first-child {background:none;}


body#ContentPage_financial_information table {font-size: 11px; border:5px solid #EBEBEB;}
body#ContentPage_financial_information table tr:first-child {font-size: 12px;}
body#ContentPage_financial_information table td:first-child {background: #fff;}
body#ContentPage_financial_information table#tableFinInfo01 tr:nth-child(15), 
body#ContentPage_financial_information table#tableFinInfo01 tr:nth-child(2) { background:#ebebeb; font-weight:bold;}
/*******CHARTS *********/

table.charts tbody td, table.charts tbody th {border:0;} 
table.charts tbody tr th#chartRow01 {}
table.charts tbody tr th#chartRow02 {width:140px;}
table.charts tbody tr th#chartRow03 {}
table.charts tbody tr th#chartRow04 {}
table.charts tbody tr th#chartRow05 {}

/***********  9. AWARDS FLOAT ***********/
div.awardsContainer {clear:both; float:left; margin:1em 0; text-align: center;}
div.awardsContainer h3 {text-align:left;}
div.awardsContainer div.awardsFloat {display:block; float:left; margin:0 30px 2em 0; min-height:115px; text-align: center; width:200px;}
div.awardsContainer div.awardsFloat p {display:block; clear:both; font-weight:bold; }

div#contentPageMiddle div.contentPageInner div.awardsContainer div.awardsFloat img  {display:inline; float:none; text-align: center;}

/*********** 10. IE6 WARNING MESSAGE ***********/
#ie6Warning                                         {background: #FFEE34; clear: both; font: Geneva, Arial, Helvetica, sans-serif; margin:0; padding:1em 0; text-align: center;}
#ie6Warning #ie6WarningWhiteBox                     {width:1050px; background:#fff; margin:0; padding:1em 1em .5em 1em;}
#ie6Warning #ie6WarningWhiteBox .ie6FloatLeft       {width: 75px; float: left;}
#ie6Warning #ie6WarningWhiteBox #closeBox a         {background: transparent url(../img/ie6/browser_warning_sprite.png) no-repeat 0 0; float:right; height:20px; text-indent:-2000px; width:16px;}


#ie6Warning #ie6WarningWhiteBox #ie6WarningImg      {background: transparent url(../img/ie6/browser_warning_sprite.png) no-repeat 0 -650px; display:block; float: left; height:50px; margin-right:.5em; width: 65px; }

#ie6Warning #ie6WarningWhiteBox #ie6TextBox         {float: left; margin:0; padding:0; text-align:left; width: 530px;}
#ie6Warning #ie6WarningWhiteBox h3                  {color:#000; font-size: 18px; font-weight: bold;}
#ie6Warning #ie6WarningWhiteBox p                   {font-size: 14px; line-height: 18px; margin-top: 6px;}

#ie6Warning #ie6WarningWhiteBox div.firefox, 
#ie6Warning #ie6WarningWhiteBox div.ie8, 
#ie6Warning #ie6WarningWhiteBox div.chrome, 
#ie6Warning #ie6WarningWhiteBox div.opera           {text-align:center;}

#ie6Warning #ie6WarningWhiteBox .firefox a, 
#ie6Warning #ie6WarningWhiteBox .ie8 a, 
#ie6Warning #ie6WarningWhiteBox .chrome a, 
#ie6Warning #ie6WarningWhiteBox .opera a            {display:block; float:right; font-weight:bold; font-size:14px; margin:.25em 0 0 2em; padding:3.75em 0 0 0; width:8%;  }

#ie6Warning #ie6WarningWhiteBox .firefox a          {background: transparent url(../img/ie6/browser_warning_sprite.png) no-repeat 13px -50px;}
#ie6Warning #ie6WarningWhiteBox .ie8 a              {background: transparent url(../img/ie6/browser_warning_sprite.png) no-repeat 13px -200px;}
#ie6Warning #ie6WarningWhiteBox .chrome a           {background: transparent url(../img/ie6/browser_warning_sprite.png) no-repeat 13px -354px;}
#ie6Warning #ie6WarningWhiteBox .opera a            {background: transparent url(../img/ie6/browser_warning_sprite.png) no-repeat 13px -504px;}



div.imageBox {
    display:none;
    height:700px; 
    position:absolute;
    top:0;
    left:0;
    z-index:3000;
    width:100%;
    background: url("../img/bg_black_pixel.png") repeat 0 0;
}
div.imageBox a{
    display:block;
    float:right;
    font-weight:bold;
    padding:5px 0;
    height:27px;
    width:50px;
    
}
div.imageBox a:hover{
    
}
div#expansionModel {
    background-color:#FFF;
    padding:0 20px 20px 20px;
    width:700px;
    height:690px;
}
div#expansionModel img {
        clear: both;
        float: left;
        left: 34px;
        position: relative;
        top: 0px;
}

/*Back to mobile website*/
.mobile_back {display:block;float:left;width:98%;padding:3% 1%;text-align:center;background:#CCCCCC;}
.mobile_back .mobile_website {font-size:2.8em;}
.mobile_back .mobile_website:link,
.mobile_back .mobile_website:visited,
.mobile_back .mobile_website:hover {color:#B40838;font-weight:bold;}