/*

CSS sheet prepared for GlencoreXstrata by
Tom Digby and Phil Benoit
on behalf of SAS London

*/

/*--------------------------------------------------=> RESET */
/* general */
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, 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, input, select, textarea, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    font-size: 1em; /*16px*/
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

/* headers */
h1, h2, h3, h4 {
    font-weight: normal;
}

/* typography */
small {
    font-size: smaller;
}

sub {
    font-size: smaller;
    vertical-align: sub;
}

sup {
    font-size: small;
    vertical-align: super;
}

/* links */
a {
    text-decoration: none;
}

/* lists */
dl, ol, ul {
    list-style: none;
}

/* blockquotes */
blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: ""; /*used to remove quotes in case "none" fails below*/
        content: none; /*user-agents that don't understand "none" should ignore it, and keep the above value*/
    }

/* images, videos, and more */
img, object, embed {
    display: block; /*removes added pixels beneath images*/
}

/* tables */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    font-weight: normal;
    text-align: left;
}

td, td img {
    vertical-align: top;
}

/* forms */
label, select, input, textarea {
    display: block;
    cursor: pointer;
}

/* highlight reset */
::-moz-selection {
    background: #666;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #666;
    color: #fff;
    text-shadow: none;
}

/*--------------------------------------------------=> SITE */
html, body {
    height: 100%;
}

body {
    background: #c5c7c7;
    color: #666666;
    font-family: Arial, sans-serif;
    line-height: 1.3;
}

/* ------------------------------ skip */
.skip {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: -9999px;
}

/* ------------------------------ grid */
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
    float: left;
    margin-right: 20px;
}

.grid_1 {
    width: 60px;
}

.grid_2 {
    width: 140px;
}

.grid_3 {
    width: 220px;
}

.grid_4 {
    width: 300px;
}

.grid_5 {
    width: 380px;
}

.grid_6 {
    width: 460px;
}

.grid_7 {
    width: 540px;
}

.grid_8 {
    width: 620px;
}

.grid_9 {
    width: 700px;
}

.grid_10 {
    width: 780px;
}

.grid_11 {
    width: 860px;
}

.grid_12 {
    width: 940px;
    margin-right: 0;
}

.full_width .grid_4 {
    width: 349px;
}

.full_width .grid_5 {
    width: 410px;
}

.full_width .grid_8 {
    width: 649px;
}

.grid_3.edge {
    width: 250px;
}

/*----------------------------------------------------------------------------------=> HEADER */
/* ------------------------------ General */
.header {
    padding: 10px 29px 0;
    background: #f8f8f8;
}

.header_1, .header_2 {
    position: relative;
    zoom: 1;
    z-index: 999;
}

.container_logo {
    padding: 37px 0 0;
}

/* ------------------------------ Nav Pri */
.nav_pri {
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 0.875em; /* 14px */
}

    .nav_pri li {
        padding: 0;
        margin: 0;
        float: left;
        background: 0;
        zoom: 1;
    }

.nav_pri_item, .nav_pri_item:visited {
    padding: 9px 10px 10px 8px;
    display: block;
    font-weight: normal;
    color: #666666;
    position: relative;
    border: solid #F8F8F8;
    border-width: 1px 1px 0 0;
}

li.current a.nav_pri_item, li.section a.nav_pri_item {
    color: #181818;
    background: url("../images/nav_pri_arrow.gif");
    background-position: center 30px;
    background-repeat: no-repeat;
}

.nav_pri li.last {
    background: none;
}

a.nav_pri_item:hover, a.nav_pri_item:focus, li.hover a.nav_pri_item {
    padding: 9px 10px 10px 8px;
    color: #181818;
    background-color: #f0efed;
    text-decoration: none;
    border: solid #cdd1d4;
    border-width: 1px 1px 0 1px;
    z-index: 99;
    margin-left: -1px;
}

.nav_pri .hover .border_l {
    display: block;
    background: #dbdada;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 1px;
    height: 43px;
    border: 0;
}

.nav_pri .hover .border_b {
    display: block;
    background: #EAEAEA;
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 4px;
    z-index: 20;
    border: 0;
}

.nav_pri .border_b, .nav_pri .border_l {
    display: none;
}

.nav_divider {
    position: absolute;
    top: 13px;
    right: -1px;
    display: block;
    height: 10px;
    width: 1px;
    background-color: #a9a9a9;
}

li.hover .nav_divider {
    display: none;
}

ul.nav_pri li.section {
    overflow: visible;
    position: static;
    zoom: 1;
}

/* ------------------------------ Search */
.header_1 form {
    padding: 2px 2px 4px;
    margin-bottom: 10px;
    border: 1px solid #cdd1d4;
}

.header_1 input {
    border: 0 none;
    color: #030303;
    float: left;
    text-transform: uppercase;
    font-size: 0.857em; /*12px*/
    padding: 1px 0;
    width: 126px;
}

#SearchForm_SearchForm_action_results {
    background: url("../images/search.gif");
    background-position: right 3px;
    background-repeat: no-repeat;
    position: absolute;
    height: 20px;
    right: 4px;
    width: 20px;
}

.header_1 .site_search {
    width: 14px;
    padding: 0;
    background: url("../images/search.gif");
    background-position: right 3px;
    background-repeat: no-repeat;
}

.header_1 input:focus {
    outline: none;
}

/* ------------------------------ Dropdown */

.dropdown_container {
    width: 698px;
    display: none;
    position: absolute;
    right: 0;
    top: 37px;
    z-index: 10;
    background: #f0efed;
    border: 1px solid #cdd1d4;
    box-shadow: 0px 2px 10px -2px rgba(2, 2, 2, 0.2);
}

.HomePage .dropdown_container{
    border:none;
    border-top:1px solid #cdd1d4;
}

.list_dropdown {
    margin: 0;
    padding: 0 0 0 20px;
    float: left;
    font-size: 0.857em; /*12px*/
    font-family: Helvetica, Arial, Sans-serif;
    font-weight: bold;
}

    .list_dropdown li {
        width: 180px;
        margin: 0 10px 0 0;
        padding: 0;
        float: left;
        background: none;
        border-bottom: 1px solid #cdd1d4;
    }

    .list_dropdown a, .list_dropdown a:visited {
        padding: 10px 0px;
        display: block;
        font-weight: normal;
        color: #666666;
        background-image: url("../images/arrow_navigation_list.png");
        background-position: right -190px;
        background-repeat: no-repeat;
        font-size: 1.083em;
    }

        .list_dropdown a:hover {
            color: #020202;
            background-position: right -240px;
            text-decoration: none;
        }

.container_list_dropdown {
    float: left;
    padding: 20px 0 30px;
}

.side_panel_l h2, .side_panel_l_hub h2 {
    margin: 0;
    padding: 10px 20px;
    font-family: 'Effra W01 Bold';
    font-size: 1.143em;
}

.aside {
    width: 280px;
    float: right;
    height: 100%;
    padding: 10px 10px 10px 0;
}
/*.aside .up, .asise .down { color: #14a028; font-size: 14px; display: inline-block; paddhing-left: 25px; background: url("../images/arrow_shareprice.png"); background-position: 6px 1px; background-repeat: no-repeat; }*/
/*.aside .down { color: #e80000; font-size: 14px; display: inline-block; padding-left: 25px; background: url("../images/arrow_shareprice.png"); background-repeat: no-repeat; background-position: 6px -49px; }*/
/*.share_price { font-size: 1em; font-family: Helvetiva, Arial, Sans-serif; font-weight: bold; color: #2c2a29; }*/
/*.curr { font-size: 0.875em; display: inline-block; }*/
/*.country { color: #cbc9c9; font-size: 0.857em; margin-bottom: 0; }*/
.dropdown_container.investors {
    background-color: #98a5ae;
}

    .dropdown_container.investors .container_list_dropdown {
        background-color: #f0efed;
        min-height: 220px;
    }


/*----------------------------------------------------------------------------------=> LEFT NAV */
.nav_left {
    width: 218px;
    margin: 10px 0 0 0;
    padding: 0px 0 20px 0;
    top: 43px;
    bottom: 35px;
    background: #f0efed;
    border: 1px #cdd1d4 solid;
    font-size: 0.875em; /*14px*/
}

    .nav_left li {
        margin: 0;
        padding: 0;
        background: none;
    }

        .nav_left li.last {
            margin: 0;
            padding: 0 0 10px 0;
            border-bottom: 1px solid #d0d0d0;
        }

.nav_left_item {
    padding: 0px 20px;
    display: block;
    color: #666666;
    font-size: 0.929em; /*13px*/
    font-weight: normal;
}

    .nav_left_item.current {
        font-weight: bold;
    }

.extra {
    background-image: url(../images/arrow_navigation_list.png);
    background-position: 182px 10px;
    background-repeat: no-repeat;
}

.nav_left_item span {
    border-bottom: 1px solid #cdd1d4;
    display: block;
    padding: 10px 0 10px 2px;
    text-transform: none;
}

    .nav_left_item span.border_b_0 {
        border-bottom: none;
    }

.nav_left a, .nav_left a:visited {
    color: #666666;
}

.nav_left ul.nav_tert a.current, .nav_left ul.nav_tert a.current:visited {
    color: #000000;
    font-weight: bold;
}

.nav_left a:hover {
    color: #181818;
    text-decoration: none;
    background-position: 182px -40px;
}

ul li.open {
    background: #eaeaea;
    border-bottom: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
}

    ul li.open .extra {
        color: #181818;
        background-position: 182px -139px;
    }

.nav_left .current span {
    color: #181818;
    border-bottom: 3px solid #000;
}

.nav_tert {
    padding: 0 20px;
    margin: 10px 0;
    font-size: 0.857em; /*12px*/
}

.nav_tert_closed {
    display: none;
}

.nav_tert li a {
    padding: 7px 0 7px 14px;
    display: block;
    font-weight: normal;
    background-image: url("../images/bullet_nav_tert.png");
    background-repeat: no-repeat;
    background-position: left 12px;
}

    .nav_tert li a:hover {
        background-position: left -38px;
    }


/* ------------------------------ Forms */
.form label {
    margin-bottom: 10px;
    font-family: Helvetica, sans-serif;
    font-size: 0.813em; /* 13px */
    font-weight: bold;
    width: 100%;
}

.form .field {
    width: 45%;
    float: left;
}

.form .textarea {
    width: 91.4%;
    float: left;
}

.form select, .form input, .form textarea {
    border: 1px solid #d0d0d0;
    width: 240px;
    margin-bottom: 30px;
    height: 28px;
    font-size: 1.2em; /* 21px */
    background: #fff;
}

.form span.readonly {
    margin-bottom: 30px;
    display: block;
}

.form select option, .form input option, .form textarea option {
    padding-top: 5px;
}

.form textarea {
    width: 570px;
    height: 100px;
}

.form input#Form_Form_action_process, .cookies .link_arrow {
    width: auto;
    height: auto;
    margin-bottom: 0;
    font-weight: bold;
    padding: 8px 30px 8px 8px;
    color: #F8F8F8;
    display: inline-block;
    font-size: 0.813em;
    background: #020202 url("../images/arrow_call_to_action.png");
    background-position: right -40px;
    background-repeat: no-repeat;
}

.form select {
    line-height: 30px;
}

.form .checkboxes {
    margin-bottom: 5px;
    font-family: Helvetica, sans-serif;
}

    .form .checkboxes input {
        width: 10px;
        height: 16px;
        margin-right: 10px;
        margin-bottom: 0px;
        float: left;
        border: 1px solid #333333;
    }

    .form .checkboxes p {
        margin-bottom: 10px;
        font-family: Helvetica, sans-serif;
        font-size: 0.688em; /* 12px */
        color: #333333;
    }

.form .optionset ul {
    margin-top: 20px;
}

    .form .optionset ul li {
        background-image: none;
        padding-left: 0;
        margin-bottom: 5px;
    }

        .form .optionset ul li label {
            line-height: 19px;
        }

.form .optionset .checkbox {
    width: 20px;
    height: 20px;
    float: left;
    margin-bottom: 0;
}

.form .recaptcha {
    border: 1px solid #D0D0D0;
    margin-bottom: 30px;
    width: 83%;
}

    .form .recaptcha .recaptchatable {
        border: none !important;
    }

.page_errors {
    border: 1px solid #fc2515;
    background: #f8e2e1;
    padding: 15px 20px;
}

    .page_errors p {
        color: #fc1604;
    }

    .page_errors b {
        color: #fc1604;
    }

    .page_errors ul {
        margin-bottom: 0px;
    }

        .page_errors ul li {
            margin-bottom: 5px;
        }

.form input.success, .form select.success {
    background: url(../images/valid.png) no-repeat right 8px white;
    border: 1px solid #84c7f7;
}

.form input.invalid, .form select.invalid {
    background: url(../images/valid.png) no-repeat right -40px white;
    border: 1px solid #fa877e;
}

#invalid {
    display: none !important;
}

label.invalid {
    display: none;
}

/*----------------------------------------------------------------------------------=> MAIN CONTENT */

/*-----------------HOME PAGE LAYOUT ------------------*/

.home_module {
    padding: 15px 20px;
    position: relative;
}

    .home_module .link_button {
        position: absolute;
        bottom: 15px;
        left: 20px;
    }

    .home_module h3.title {
        text-transform: uppercase;
    }
/* ------------------- share price module for home page*/
.share_large {
    background: #98a5ae;
    height: 244px;
    width: 290px;
}

    .share_large .article {
        padding: 25px 0;
    }

    .share_large .country {
        display: block;
        float: left;
        font-family: 'Effra W01 Regular';
        font-size: 1em;
        min-width: 90px;
        margin-top: 4px;
    }

    .share_large .value {
        color: #2c2a29;
        font-family: 'Effra W01 Bold';
        font-size: 1.250em;
        margin: 0 0px 0 0;
    }

    .share_large h3, .share_large .h3 {
        margin-bottom: 0;
    }

    .share_large .up {
        color: #2c2a29;
        font-size: 1em;
        padding: 2px 0 2px 32px;
        font-family: 'Effra W01 Bold';
        background: url("../images/shareprice_large.png");
        background-repeat: no-repeat;
        background-position: 0 0;
        margin-top: 4px;
        min-width: 42px;
    }

    .share_large .down {
        color: #2c2a29;
        font-size: 1em;
        padding: 2px 0 2px 32px;
        font-family: 'Effra W01 Bold';
        background: url("../images/shareprice_large.png");
        background-repeat: no-repeat;
        background-position: 0 -50px;
        margin-top: 4px;
        min-width: 42px;
    }

    .share_large .cta.btn_1 {
        margin-top: 1px;
    }

/* ------------------- video module for home page*/
.video {
    background: #eee;
    height: 186px;
    width: 330px;
}

.video h3{
    position:absolute;
    margin:20px;
    text-transform:uppercase;
}

/* ------------------- news module for home page*/
.news {
    height: 430px;
    width: 358px;
}

    .news .article {
        padding: 5px 0 10px;
    }

    .news p {
        line-height: 1;
    }

    .news h2 {
        margin: 5px 0 10px;
    }

/* ------------------- annual reports module for home page*/
.annual_reports {
    background: #e9e6e1;
    height: 430px;
    width: 230px;
}

    .annual_reports img {
        margin: 0 0 15px 0;
    }

    .annual_reports p {
        /*min-height: 192px;*/
    }

/* ------------------- map module for home page */
.home_map {
    background: #e9e6e1;
    position: relative;
    min-height: 340px;
    width: 448px;
    z-index: 10;
}

    .home_map img {
        width: 100%;
    }

    .home_map h3 {
        margin-bottom: 20px;
    }

    .home_map .map_point {
        cursor: pointer;
        width: 25px;
        height: 25px;
        background-repeat: no-repeat;
        position: absolute;
    }

    .home_map #america {
        top: 135px;
        left: 110px;
        background-image: url(../images/home_map/blue_dot.png);
    }

    .home_map #europe {
        top: 132px;
        left: 250px;
        background-image: url(../images/home_map/turquoise_dot.png);
    }

    .home_map #africa {
        top: 200px;
        left: 258px;
        background-image: url(../images/home_map/red_dot.png);
    }

    .home_map #pacific {
        top: 218px;
        left: 387px;
        background-image: url(../images/home_map/orange_dot.png);
    }

    .home_map #south_amreica {
        top: 208px;
        left: 159px;
        background-image: url(../images/home_map/green_dot.png);
    }

    .home_map .america {
        top: 36px;
        left: 117px;
        background-color: #012169;
    }

    .home_map .europe {
        top: -38px;
        left: 257px;
        background-color: #00778b;
    }

    .home_map .africa {
        top: 29px;
        left: 266px;
        background-color: #ab5c57;
    }

    .home_map .pacific {
        top: 101px;
        left: 396px;
        background-color: #ed8b00;
    }

    .home_map .south_amreica {
        top: 56px;
        left: 166px;
        background-color: #8a8d4a;
    }

    .home_map .america span {
        background-image: url(../images/home_map/arrow_blue.png);
    }

    .home_map .europe span {
        background-image: url(../images/home_map/arrow_aqua.png);
    }

    .home_map .africa span {
        background-image: url(../images/home_map/arrow_terracota.png);
    }

    .home_map .pacific span {
        background-image: url(../images/home_map/arrow_orange.png);
    }

    .home_map .south_amreica span {
        background-image: url(../images/home_map/arrow_green.png);
    }

    .home_map .map_content {
        color: #000;
        display: none;
        font-size: 0.750em;
        padding: 10px 10px 0 10px;
        position: absolute;
        width: 160px;
        box-shadow: 0px 0px 7px #666666;
    }

        .home_map .map_content.america,
        .home_map .map_content.america p,
        .home_map .map_content.europe,
        .home_map .map_content.europe p {
            color: #ffffff;
        }

        .home_map .map_content .map_content_close {
            background-image: url(../images/map_close.png);
            color: #000;
            cursor: pointer;
            position: absolute;
            right: -10px;
            top: -10px;
            width: 24px;
            height: 24px;
        }

        .home_map .map_content p {
            color: #000;
            font-size: 1.12em;
            margin-bottom: 0;
        }

        .home_map .map_content span {
            background-repeat: no-repeat;
            display: block;
            left: -14px;
            height: 12px;
            position: relative;
            width: 12px;
            bottom: -8px;
        }
/*.home_map .title{
			font-size: 1.3em;
			margin-bottom: 10px;
		}*/

/* ------------------- Quote module for home page */
.quote {
    background-color: #f0efed;
    min-height: 340px;
    width: 200px;
}

    .quote h3 {
        margin-bottom: 20px;
    }

    .quote img {
        float: left;
    }

    .quote p {
        margin-top: 110px;
    }

    .quote blockquote {
        background: url("../images/blockquote_initial.gif");
        background-repeat: no-repeat;
        background-position: 0 0;
        text-indent: 44px;
        padding-top: 4px;
    }

/* ------------------- merger module for home page */

.merger {
    background: #98a5ae;
    min-height: 340px;
    width: 230px;
}

    .merger h3 {
        margin-bottom: 20px;
    }


/* ---------------------------------------------------- STRUCTURE */
/* ------------------- wrappers */
.main_content {
    width: 940px;
    padding: 0 29px 35px;
    overflow: hidden;
    position: relative;
    zoom: 1;
    background: #f8f8f8;
    z-index: 1;
}

.full_width {
    width: 998px;
    padding: 0;
    border: none;
    border-bottom: 1px #d0d0d0 solid;
}

/* ------------------- sidepanel and content */
.content {
    width: 620px;
    padding: 10px 0 0;
    margin-right: 0;
    float: left;
    border-top: 3px solid #020202;
}

.side_panel_l {
    width: 220px;
    margin-right: 100px;
    float: left;
    border-top: 3px solid #020202;
}

.side_panel_l_hub {
    width: 220px;
    margin-right: 20px;
    float: left;
    border-top: 3px solid #020202;
}

/* ---------------------------------------------------- TYPOGRAPHY */
/* ------------------- blockquote for content*/
.content blockquote {
    padding: 30px;
    margin: 30px 0;
    position: relative;
    text-align: center;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}

blockquote .quote_l, blockquote .quote_r {
    display: block;
    position: absolute;
    left: 280px;
    background-image: url("../images/blockquote.gif");
    background-repeat: no-repeat;
    width: 58px;
    height: 26px;
}

blockquote .quote_l {
    top: -12px;
    background-position: 0 0;
}

blockquote .quote_r {
    bottom: -14px;
    background-position: 0 -101px;
}

/* ---------------------------------------------------- LISTS */
/* ------------------- floating jump links */
.floating_menu_container {
    width: 120px;
    position: absolute;
    top: 91px;
    right: -30px;
    float: left;
}

.floating_menu {
    background: #181818;
    width: 120px;
    padding: 0;
    position: fixed;
}

    .floating_menu .title {
        margin: 0;
        padding: 16px 20px;
        font-weight: bold;
        color: #f8f8f8;
        background-image: url("../images/icon_floating_menu.gif");
        background-position: 96px 17px;
        background-repeat: no-repeat;
    }

    .floating_menu .list_links {
        margin: 0;
        padding: 0;
        font-size: 0.688em;
        font-weight: normal;
        background: none;
        background: #2b2a2a;
    }

        .floating_menu .list_links li a {
            margin: 0;
            padding: 8px 20px;
            display: block;
            text-align: center;
            color: #999999;
            background: none;
            border-bottom: 1px solid #181818;
        }

            .floating_menu .list_links li a:hover {
                color: #f8f8f8;
                text-decoration: none;
                background: #02aef5;
            }

        .floating_menu .list_links li {
            margin: 0;
            padding: 0;
            background: none;
        }

            .floating_menu .list_links li.selected a {
                background: #02aef5;
                color: #f8f8f8;
            }

    .floating_menu .background {
        height: 14px;
        width: 30px;
        display: block;
        position: absolute;
        bottom: -14px;
        right: 0;
        background-image: url("http://www.glencorexstrataplc.com/themes/glencore/images/floating_menu_background.png");
        background-position: 0 0;
        background-repeat: no-repeat;
    }

/* ------------------- year links */
.link_list_year {
    float: left;
    margin-bottom: 18px;
}

    .link_list_year li {
        margin: 0 0 1px 0;
        padding: 0;
        float: left;
        background: none;
        border-right: 1px solid #f1efef;
    }

        .link_list_year li a {
            display: block;
            padding: 9px 12px;
            background: #cdcdcd;
            color: #020202;
            font-weight: bold;
            font-size: 0.923em;
            white-space: nowrap;
        }

            .link_list_year li a.current {
                background: #181818;
                color: #f8f8f8;
            }

            .link_list_year li a:hover {
                text-decoration: none;
                background: #181818;
                color: #f8f8f8;
            }

/* ------------------- pagination */
.container_pagination {
    height: 30px;
    padding: 20px 0;
    position: relative;
    zoom: 1;
}

.list_pagination {
    padding: 0;
    margin: 0;
    font-family: Georgia;
    font-style: italic;
    text-align: center;
}

    .list_pagination li {
        padding: 0;
        margin: 0;
        display: inline;
        list-style: none;
        background: none;
    }

    .list_pagination a {
        color: #020202;
        font-size: 0.923em; /*12px*/
        font-weight: normal;
        display: inline;
        padding: 8px 5px;
    }

        .list_pagination a.activeSlide {
            background: white url("http://www.glencorexstrataplc.com/themes/glencore/images/arrow_up.gif");
            background-repeat: no-repeat;
            background-position: bottom center;
        }

        .list_pagination a:hover {
            text-decoration: none;
        }

/* ---------------------------------------------------- TABLES */
/* ------------------- download table */
.download {
    margin-bottom: 50px;
}

table {
    width: 100%;
}

    table a {
        display: block;
        padding-left: 0px;
        font-weight: bold;
        line-height: 18px;
        width: 80%;
    }

    table tr td {
        border: solid #cdd1d4;
        border-width: 1px 0;
        padding: 10px 10px 10px 0;
        font-size: 0.813em;
        color: #020202;
        background: #f0efed;
    }

    table tr th {
        padding: 0 0 5px;
        font-size: 0.75em;
        color: #666666;
    }

    table tr td.row_header {
        padding-left: 10px;
        border-left: 1px solid #d0d0d0;
    }

    table tr td.last {
        border-right: 1px solid #d0d0d0;
    }

    table.last {
        margin-bottom: 0px;
    }

/* ---------------------------------------------------- MODULES */

/*-------------------- Cookie Policy */

.cookies {
    background: #444444;
    overflow: hidden;
    padding: 30px 0;
    zoom: 1;
}

    .cookies h2 {
        color: #fff;
        font-size: 1.25em;
    }

    .cookies p {
        color: #fff;
    }

.ie7 .cookies .cookies_1 {
    background: #444444;
}

/* ------------------- promo */
.promo {
    padding: 15px 0;
    border-top: 1px solid #d3d3d3;
}

/* ------------------- flex grey module */
.shaded {
    padding: 20px;
    background: #f1f1f1;
    border: 1px solid #d3d3d3;
}

/* ------------------- share price module for navigation*/
.share_small {
    float: right;
    width: 250px;
    padding: 20px 20px 0 20px;
}

    .share_small .article {
        padding: 15px 0px;
    }

    .share_small .share_price {
        font-size: 1.250em;
        font-family: 'Effra W01 Bold';
        color: #2c2a29;
    }

    .share_small .country {
        color: #fff;
        font-size: 1em;
        text-transform: none;
        font-family: 'Effra W01 Bold';
    }

    .share_small .share_price .curr {
        font-size: 1em;
        font-family: 'Effra W01 Bold';
    }

    .share_small .share_price span.down {
        padding: 2px 0 8px 35px;
        margin-left: 6px;
        font-family: 'Effra W01 Bold';
        background: url("../images/shareprice_large.png");
        background-repeat: no-repeat;
        background-position: 0 -50px;
    }

    .share_small .share_price span.up {
        padding: 2px 0 8px 35px;
        margin-left: 6px;
        font-family: 'Effra W01 Bold';
        background: url("../images/shareprice_large.png");
        background-repeat: no-repeat;
        background-position: 0 0;
    }

.no_bg {
    background-image: none;
}

/* ------------------- SiteMap Content*/
ul.sitemap {
    font-size: 1.025em;
}

    ul.sitemap li {
        background-image: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        ul.sitemap li.sitemap_child {
            background-image: none;
            margin: 0 0 5px 30px;
        }

        ul.sitemap li.sitemap_grandchild {
            background-image: none;
            margin: 0 0 5px 30px;
        }

    ul.sitemap ul.sitemap_children {
        font-size: 0.875em;
    }

    ul.sitemap ul.sitemap_grandchildren {
        font-size: 0.875em;
        margin-bottom: 0;
    }

/* ------------------- fact module for hub page */
table.container_fact {
    padding: 5px 0;
    margin-bottom: 2px;
}

.container_fact .value {
    width: 85px;
    margin: 0;
    float: left;
    font-size: 3.750em; /*60px*/
    font-weight: bold;
    text-align: center;
    color: #020202;
}

    .container_fact .value span {
        font-size: 0.400em; /*24px*/
    }

.container_fact .fact {
    width: 85px;
    margin: 0;
    float: left;
    font-size: 0.875em; /*14px*/
    font-weight: bold;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    color: #020202;
}

.container_fact .border_b {
    border-bottom: 4px solid #020202;
}

table.container_fact tr td {
    vertical-align: middle;
    background: #f4da40;
}

table.container_fact tr {
    border: 1px solid #cdd1d4;
}



/* ---------------------------------------------------- PAGINATION */
/* ------------------- dropdown page select */
.counter {
    width: 56px;
    padding: 8px;
    display: block;
    font-size: 0.75em; /*12px*/
    font-weight: normal;
    text-decoration: none;
    color: #020202;
    background: #f8f5f4;
    border: 1px solid #d2d2d2;
    background-image: url("../images/arrow_counter.png");
    background-position: 42px center;
    background-repeat: no-repeat;
}

    .counter:visited {
        color: #020202;
    }

    .counter:hover {
        text-decoration: none;
        color: #020202;
    }

    .counter.link_expander_open {
        background-image: url("../images/arrow_counter_2.png");
        background-position: 42px center;
        background-repeat: no-repeat;
    }

.nav_pagination {
    position: absolute;
    width: 72px;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    border: solid #d2d2d2;
    border-width: 0px 1px;
    z-index: 10;
}

    .nav_pagination a {
        padding: 8px;
        display: block;
        font-size: 0.75em;
        font-weight: normal;
        text-decoration: none;
        color: #020202;
        background: #f8f5f4;
        border-bottom: 1px solid #d2d2d2;
    }

.content-tabs-horizontal .tab-content {
    display: none;
}

.content-tabs-horizontal .active {
    display: block;
}

.container_tab_dropdown {
    float: left;
    margin: 0 10px;
}

.pagination_dropdown .text {
    font-family: Georgia;
    font-size: 12px;
    font-style: italic;
    color: #020202;
    display: block;
    float: left;
    margin-top: 9px;
}

/* ------------------- next & prev tab buttons */
.nav_page_prev, .nav_page_next, .nav_page_prev:hover, .nav_page_next:hover, .nav_page_prev:visited, .nav_page_next:visited {
    position: absolute;
    font-family: Georgia;
    font-size: 0.75em; /*12px*/
    font-style: italic;
    font-weight: normal;
    text-decoration: underline;
    color: #020202;
    display: block;
    top: 20px;
}

.nav_page_prev {
    left: 0;
}

.nav_page_next {
    right: 0;
}

/* ---------------------------------------------------- PAGINATION */
/* ------------------- Search form */
ul#SearchResults li {
    background-image: none;
    border-bottom: 1px dotted #c6c4c4;
    padding: 0 0 15px 0;
}

.searchResultHeader {
    margin-bottom: 10px;
}

p.searchQuery {
    border-bottom: 1px solid #c6c4c4;
    padding: 0 0 30px 0;
}

p.searchResultText {
    margin-bottom: 2px;
}

.pagination {
    font-size: 0.75em;
    font-style: italic;
    text-align: center;
}

    .pagination a {
        color: #020202;
    }

    .pagination .prev {
        color: #020202;
        float: left;
        font-size: 1em;
        font-style: italic;
        font-weight: normal;
        text-decoration: underline;
    }

    .pagination .next {
        color: #020202;
        float: right;
        font-size: 1em;
        font-style: italic;
        font-weight: normal;
        text-decoration: underline;
    }

/* ---------------------------------------------------- FOOTER */
/* ------------------- base */
.footer {
    width: 950px;
    margin: 0 auto;
    height: 76px;
    padding: 9px 20px 0 30px;
    background-image: url("../images/background_footer.gif");
    background-position: 0 0;
    background-repeat: repeat;
}

.footer_1 {
    border-bottom: 1px solid #212020;
    padding: 0 0 12px;
    overflow: hidden;
    zoom: 1;
}

.footer_2 {
    padding: 11px 0 0;
    overflow: hidden;
    zoom: 1;
}

.push {
    height: 85px; /* .push must be the same height as .footer */
}

/* ------------------- base typography */
.footer p {
    margin-bottom: 0;
    color: #999999;
    font-size: 0.688em; /*11px*/
}

.footer a, .footer a:hover, .footer a:visited {
    color: #999999;
    font-weight: normal;
}

/* ------------------- base list style */
.nav_footer {
    margin-bottom: 0;
    float: left;
    overflow: hidden;
    zoom: 1;
    font-size: 0.688em; /*11px*/
    font-weight: bold;
}

    .nav_footer li {
        padding: 0;
        margin: 0 10px 0 0;
        float: left;
        background: none;
    }

/* ------------------- extender list style for useful links */
.useful_links li {
    padding: 0 0 0 14px;
    background-image: url("../images/footer_bullet.png");
    background-position: 0 center;
    background-repeat: no-repeat;
}

    .useful_links li.first {
        padding: 0;
        background: none;
    }

.useful_links p {
    margin-right: 12px;
    float: left;
    font-size: 0.688em; /*11px*/
    font-weight: bold;
    text-transform: uppercase;
    color: #e0dddd;
}

/* ---------------------------------------------------- MEDIA MODULES */
/* ------------------- media */
.media {
    position: relative;
    overflow: hidden;
    zoom: 1;
}

    /* ------------------- media left/right */
    .media .med_l {
        float: left;
        margin-right: 20px;
    }

    .media .med_r {
        float: right;
        margin-left: 20px;
    }

    .media .bd {
        overflow: hidden;
        zoom: 1;
    }

        .media .bd h2, .media .bd .h2, .media .bd p, .media .bd ul {
            margin-bottom: 8px;
        }

    /* ------------------- media top */
    .media .img_t {
        position: relative;
        margin-bottom: 10px;
    }

        .media .img_t .caption {
            width: 100%;
            height: 16px;
            padding: 15px 0 15px 18px;
            position: absolute;
            bottom: 0;
            left: 0;
            font-family: Georgia, Serif;
            font-size: 0.75em; /*12px*/
            font-style: italic;
            font-weight: normal;
            background: #181818;
            color: #F8F8F8;
            opacity: 0.8;
        }

/* .caption extender */
.dash {
    padding-left: 55px;
    background-image: url("../images/dash_caption.png");
    background-position: 18px 23px;
    background-repeat: no-repeat;
}

/* caption appear on hover */
.hover_caption span {
    display: none;
}

.hover_caption:hover span {
    display: block;
}

/* ------------------- extenders */
/* profile */
.profile .img_t {
    margin-bottom: 0;
}

.profile .caption {
    padding: 0px 20px 12px;
    background: #2c2a29;
}

    .profile .caption span {
        font-size: 0.857em; /*13px*/
    }

.profile .bd {
    margin-bottom: 16px;
}

/* image-library */
.library .img_t {
    margin-bottom: 10px;
}

.library .bd {
    padding-bottom: 4px;
    margin-bottom: 40px;
    background-image: url("../images/border_dotted_h.gif");
    background-position: left bottom;
    background-repeat: repeat-x;
}

/* full-width hero */
.hero_full {
    width: 730px;
    float: left;
    margin-right: -30px;
    position: relative;
}

    .hero_full .hero_content {
        padding: 15px 80px;
        background: #181818;
        position: absolute;
        width: 80%;
        bottom: 0;
    }

.hero_content p.h1 {
    font-size: 1.250em;
}

.hero_full .med_l {
    margin-right: 0;
}

/* hub module */
.hub .img_t {
    margin-bottom: 16px;
}

/* dropdown container */
.dropdown_container .img_t {
    margin-bottom: 0;
}

/* ------------------- carousel */
.container_slides .slide {
    float: left;
    position: relative;
    width: 100%;
}

.container_slides {
    display: block;
    overflow: hidden;
}

.container_carousel {
    display: block;
    position: relative;
    width: 100%;
    background-color: white;
    overflow: hidden;
}

.nav_carousel {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 270px;
    height: 70px;
    background: #181818;
    z-index: 20;
}

.nav_prev {
    position: relative;
    display: block;
    float: left;
    width: 50px;
    height: 70px;
    text-indent: 9999px;
    background-image: url("../images/nav_carousel_prev.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.nav_next {
    position: relative;
    display: block;
    float: left;
    width: 50px;
    height: 70px;
    background-image: url("../images/nav_carousel_next.png");
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: 9999px;
}

.nav_pause {
    position: relative;
    display: block;
    float: left;
    width: 50px;
    height: 70px;
    background-image: url("../images/nav_carousel_pause.png");
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: 9999px;
}

.paused .nav_pause {
    background-image: url("http://www.glencorexstrataplc.com/themes/glencore/images/nav_carousel_play.png");
}

#slideCount {
    color: #fff;
    float: left;
    font-family: 'Effra W01 Bold';
    margin: 27px 0 0 40px;
}

.carousel .bd {
    position: absolute;
    right: 20px;
    top: 0;
    padding: 0;
    width: 270px;
    height: 100%;
}

    .carousel .bd .title {
        margin-bottom: 10px;
        font-family: Arial, sans-serif;
        font-size: 0.813em; /*12px*/
        color: #f8f8f8;
        text-transform: uppercase;
    }

    .carousel .bd .text {
        font-size: 1.250em; /*14px*/
        color: #f8f8f8;
    }

    .carousel .bd .cta {
        position: absolute;
        bottom: 90px;
        left: 20px;
    }

/* ---------------------------------------------------- BASE */
/* ------------------- typography */
/* headings */
h1, .h1, h2, .h2 {
    color: #020202;
    font-family: 'Effra W01 Bold';
    line-height: 1.25;
    font-weight: normal;
    margin-bottom: 15px;
}

h1, .h1 {
    font-size: 1.5em; /* 24px */
}

h2, .h2 {
    font-size: 1em; /* 16px */
    margin: 20px 0 10px;
}

h3, .h3 {
    margin-bottom: 10px;
    font-family: Arial, sans-serif;
    font-size: 0.813em; /* 14px */
    line-height: 1.25;
    color: #020202;
}

/*Typography*/
.effra_regl {
    font-family: 'Effra W01 Regular';
}

.effra_bold {
    font-family: 'Effra W01 Bold';
    font-weight: normal;
}

/* paragraph */
p {
    font-size: 0.813em; /* 13px */
    line-height: 1.385; /*18px*/
    margin-bottom: 10px;
    color: #666666;
}

/* ------------------- links */
a {
    font-weight: bold;
    color: #00778b;
}

    a:hover {
        text-decoration: underline;
    }

/* call to action */
.form .cta, .cta {
    padding-right: 30px;
    display: inline-block;
    font-size: 0.813em; /* 13px */
    background: url("../images/arrow_call_to_action.png");
    background-position: -999px -999px;
    background-repeat: no-repeat;
}

.btn_1 {
    padding: 8px 30px 8px 8px;
    background-color: #00778b;
    color: #ffffff;
    background-position: right 10px;
}

.btn_2 {
    color: #f8f8f8;
    background-position: right -49px;
}

.btn_3, .btn_3:visited {
    padding: 8px 30px 8px 8px;
    background-color: #ffffff;
    color: #000000;
    background-position: right -90px;
}

.btn_4, .btn_4:visited {
    padding: 8px 30px 8px 8px;
    background-color: #fc1604;
    color: #f8f8f8;
    background-position: right -40px;
}

.btn_5, .btn_5:visited, .form .btn_5, .form .btn_5:visited {
    padding: 8px 30px 8px 8px;
    background-color: #020202;
    color: #f8f8f8;
    background-position: right -40px;
    height: 100%;
}

.btn_2:hover .btn_4:hover .btn_5:hover {
    color: #f8f8f8;
    text-decoration: underline;
}

/* other links */
.top {
    padding-right: 20px;
    display: inline-block;
    background: url("../images/arrow_top.png");
    background-position: right 8px;
    background-repeat: no-repeat;
}

.expand .link_expander {
    text-decoration: none;
}

    .expand .link_expander span {
        padding: 0px 20px 0;
        display: inline-block;
        position: absolute;
        top: 14px;
        right: 0;
        font-size: 0.813em; /* 13px */
        background: url("../images/icon_plus-minus.gif");
        background-position: right 4px;
        background-repeat: no-repeat;
    }

        .expand .link_expander span.open {
            background-position: right -46px;
        }

    .expand .link_expander:hover span {
        text-decoration: underline;
    }

.expand a.link_expander_open {
    background-position: right -46px;
}

/* ------------------- lists */
ul {
    margin-bottom: 26px;
    font-size: 0.813em; /* 13px */
    zoom: 1;
}

    ul li {
        margin-bottom: 10px;
        padding: 0 0 0 14px;
        zoom: 1;
        background-image: url("../images/bullet.png");
        background-repeat: no-repeat;
        background-position: left 6px;
    }

        ul li p {
            font-size: 1em; /* 13px; */
        }

/* ------------------- forms */
form {
    font-size: 1em; /* 16px */
    margin-bottom: 22px;
    overflow: hidden;
    zoom: 1;
}

select, input, textarea {
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

/* ------------------- blockquotes */
blockquote {
    color: #020202;
    font-family: Georgia, Serif;
    font-size: 0.875em; /* 14px */
    font-weight: normal;
    line-height: 1.429;
}

/* ---------------------------------------------------- STRUCTURE */
/* ------------------- base */
.wrapper {
    width: 998px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -85px;
    background: #f8f8f8;
    box-shadow: 0px 0px 10px #acadad;
}

.section {
    /*overflow: hidden;*/
    position: relative;
    zoom: 1;
}

/* ------------------- article */
.article {
    padding: 20px 0 16px;
    position: relative;
    background-image: url("../images/border_dotted_1.gif");
    background-position: left bottom;
    background-repeat: repeat-x;
    overflow: hidden;
    zoom: 1;
}

    .article p, .article h2, .article h3 {
        margin-bottom: 4px;
    }

/* extenders */
.result .article {
    padding-top: 10px;
}

.faq .article {
    padding: 10px 0;
}

    .faq .article p {
        margin-bottom: 20px;
    }

/* ------------------- margins & paddings utility */
/* padding */
.inner {
    padding: 20px;
}

.outer_r {
    padding: 20px 29px 20px 20px;
}

.outer_l {
    padding: 20px 20px 20px 29px;
}

.inner_l_r {
    padding: 0 20px;
}

.inner_r {
    padding: 0 20px 0 0;
}

.inner_l {
    padding: 0 0 0 20px;
}

.inner_t_b {
    padding: 20px 0;
}

.padding_t {
    padding-top: 20px;
}

/* margins */
.outer_t_b {
    margin: 20px 0;
}

.outer_l_t_b {
    margin: 20px 0 20px 20px;
}

.margin_b_20 {
    margin-bottom: 20px;
}

.padding_t_10 {
    padding-top: 10px;
}

.padding_r_20 {
    padding-right: 20px;
}

.padding_l_20 {
    padding-left: 20px;
}

/* ------------------- iframes */
iframe {
    margin-bottom: 22px;
}

/* ---------------------------------------------------- DECORATION */
/* ------------------- dividers */
.divider {
    background-image: url("../images/border_dotted_1.gif");
    background-position: left top;
    background-repeat: repeat-x;
    height: 1px;
    margin: 10px 0;
}

.divider_2 {
    height: 3px;
    margin: 35px 0 20px;
    background: #020202;
}

.divider_3 {
    display: block;
    height: 2px;
    width: 36px;
    background: #181818;
    margin: 16px 0 6px;
}

/* ------------------- colors */
.color_1 {
    color: #020202;
}

.color_2 {
    color: #2c2a29;
}

.color_3 {
    color: #666666;
}

.color_4 {
    color: #ffffff;
}

.background_none {
    background: none;
}

.background_1 {
    background: #f8f8f8;
}

.background_2 {
    background: #181818;
}

.background_3 {
    background: #f2f1f1;
}

.background_4 {
    background-image: url("../images/background_hub.gif");
    background-position: 0px top;
    background-repeat: repeat-y;
}

.background_5 {
    background: #98a5ae;
}

.background_6 {
    background: #f0efed;
}

.background_7 {
    background-image: url("../images/home_map/home_map_bg.jpg");
}

/* ------------------- icon extender */
.question {
    padding-left: 30px;
    background-image: url("../images/icon_question.gif");
    background-position: 3px 2px;
    background-repeat: no-repeat;
}

/* ------------------- borders */
/*dotted borders*/
.border_l_d {
    background-image: url("../images/border_dotted.gif");
    background-position: left 0;
    background-repeat: repeat-y;
}

.border_r_d {
    background-image: url("../images/border_dotted.gif");
    background-position: right 0;
    background-repeat: repeat-y;
}

.border_b_d {
    background-image: url("../images/border_dotted.gif");
    background-position: left top;
    background-repeat: repeat-x;
}

/*solid borders*/
.border_l {
    border-left: 1px solid #cdd1d4;
}

.border_r {
    border-right: 1px #cdd1d4 solid;
}

.border_t {
    border-top: 1px #cdd1d4 solid;
}

.border_b {
    border-bottom: 1px #cdd1d4 solid;
}

/* h1 extender */
h1.border_b {
    padding-bottom: 12px;
    margin-bottom: 10px;
}

/* ---------------------------------------------------- UTILITY */
/* ------------------- margin */
.margin_0 {
    margin: 0;
}

.margin_t_0 {
    margin-top: 0;
}

.margin_r_0 {
    margin-right: 0;
}

.margin_b_0 {
    margin-bottom: 0;
}

.margin_l_0 {
    margin-left: 0;
}

/* ------------------- padding */
.padding_0 {
    padding: 0;
}

.padding_t_0 {
    padding-top: 0;
}

.padding_r_0 {
    padding-right: 0;
}

.padding_b_0 {
    padding-bottom: 0;
}

.padding_l_0 {
    padding-left: 0;
}

/* ------------------- border */
.border_0 {
    border: 0;
}

.border_t_0 {
    border-top: 0;
}

.border_r_0 {
    border-right: 0;
}

.border_b_0 {
    border-bottom: 0;
}

.border_l_0 {
    border-left: 0;
}

/*-------------------- backround */
.no_bg {
    background-image: none;
}
/* ------------------- text alignment */
.text_l {
    text-align: left;
}

.text_r {
    text-align: right;
}

.text_c {
    text-align: center;
}

/* ------------------- text case */
.upper {
    text-transform: uppercase;
}

.lower {
    text-transform: lowercase;
}

/* ------------------- alignment */
.left {
    float: left;
}

img.left {
    margin: 0 10px 10px 0;
}

label.left {
    float: none;
}

.right {
    float: right;
}

img.right {
    margin: 0 10px 10px;
}

/* ------------------- typography */
.italic {
    font-style: italic;
}

.delete {
    text-decoration: line-through;
}

.strong {
    font-weight: bold;
}

.font_reset {
    font-size: 1.125em !important;
}

.no_wrap {
    white-space: nowrap;
}

/* ------------------- clear */
.clearer {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

/* ------------------- misc */
.debug {
    color: red;
}

.debug_border {
    border: 1px solid red;
}

.hidden {
    height: 1px;
    left: -9999px;
    line-height: 0;
    position: absolute;
    top: -9999px;
}

.no_display, .content_expander, .carousel {
    display: none;
}

@media print {
    .nav_pri,
    .side_panel_l,
    .side_panel_l_hub,
    .search-bar {
        display: none;
    }

    .content {
        border-top: 1px solid #020202;
    }

    .content_expander {
        display: block;
    }
}