/* ==========================================================================
   Header Section
   ========================================================================== */

.global-header {
    background: #ccc;
    padding: 10px 20px;
    position: relative;
}

    /*
     * Grid layout of header components.
     */

    .global-header-grid {
        display: table;
        min-height: 96px;
        width: 100%;
    }
        .global-header-grid-col1 {
            display: table-cell;
            padding-right: 8px;
            vertical-align: middle;
        }
        .global-header-grid-col2 {
            display: table-cell;
            padding-left: 8px;
            text-align: right;
            vertical-align: middle;
        }

    /*
     * SLF logo.
     */

    .global-header-logo {
        margin: 0;
    }
        .global-header-logo a {
            display: block;
            text-decoration: none;
        }

    /*
     * Country label.
     */

    .global-header-site {
        display: inline-block;
        margin: 0;
        vertical-align: middle;
    }

    /*
     * Explore SLF worldwide
     */

    .global-explore {
        display: inline-block;
        margin-left: 16px;
        position: relative;
        text-align: left;
        vertical-align: middle;
        z-index: 999;
    }
        .global-explore > [role="button"] {
            cursor: pointer;
            display: block;
            position: relative;
        }
        .no-cssgradients .global-explore > [role="button"] {
            background: #5282ae url("/static/slfglobal/Images/responsive/blue-gradient-with-keyline.png") repeat-x;
        }

        .global-explore > div {
            background: #fff;
            border: solid 1px #000;
            display: none;
            padding: 16px;
            position: absolute;
            right: 0;
            width: 475px;
        }
            .global-explore > div > * {
                font-size: 1.2em;
            }

            .global-explore dl {
                float: left;
                padding-right: 8px;
                width: 50%;
            }
            .global-explore dl + dl {
                float: right;
                padding-left: 8px;
                padding-right: 0;
            }
                .global-explore dt {
                    font-size: 116%;
                    position: relative;
                }
                .global-explore dd {
                    margin: 0 0 1em;
                    padding-left: 10px;
                }
                    .global-explore dd a {
                        display: block;
                    }

            .global-explore.active > div,
            .global-explore.focus > div {
                display: block;
            }

    /*
     * Site search
     */

    .global-site-search {
        display: block;
        font-size: 1.2em;
    }
        .global-site-search > form {
            text-align: right;
        }
            .global-site-search > form > * {
                display: inline-block;
                vertical-align: middle;
                *display: inline;
                *zoom: 1;
            }

/* ==========================================================================
   Grid
   ========================================================================== */

body {
    margin: 0 auto;
    width: 969px;
}

.global-content {
    zoom: 1;
    margin: 0 auto;
}
.global-content:before,
.global-content:after {
    content: "";
    display: table;
}
.global-content:after {
    clear: both;
}

/* ==========================================================================
   Page Layout
   ========================================================================== */

/*
 * Left Nav, Content Page Layout
 */

.global-content-2col > .global-col1 { /* Left Nav */
    float: left;
    width: 13.4em;
}
.global-content-2col > .global-col2 { /* Content */
    margin: 1.6em 1.6em 0 15em;
}

/*
 * Left Nav, Content, Right Nav Page Layout
 */

.global-content-3col > .global-col1 { /* Left Nav */
    float: left;
    width: 13.8287%;
}
.global-content-3col > .global-col2 { /* Content */
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-top: 1.6em;
    padding: 0 1.6em;
    width: 59.0299%;
}
.global-content-3col > .global-col3 { /* Right Nav */
    float: left;
    margin: 1.6em 0 0 0;
    width: 27.1414%;
}

/*
 * Content, Right Nav Page Layout
 */

.global-content-2col-sidebar {
    margin: 1.6em 0 0;
}
    .global-content-2col-sidebar > .global-col1 { /* Content */
        float: left;
        margin: 0;
        padding: 0 1.6em;
        width: 72.8586%;
    }
    .global-content-2col-sidebar > .global-col2 { /* Right Nav */
        float: left;
        margin: 0;
        width: 27.1414%;
    }

/*
 * Content Page Layout
 */

.global-content-1col {
    margin: 0;
}
    .global-content-1col > .global-col1 { /* Content */
        margin: 0 1.6em;
    }

/* ==========================================================================
   Content Layout
   ========================================================================== */

/*
 * 4 Row 2 Col Display View.
 */

.col-4row2col-col1 {
    float: left;
    padding-right: .667em;
    width: 50%;
}
.col-4row2col-col2 {
    float: right;
    padding-left: .667em;
    width: 50%;
}

/*
 * 3 Row 3 Col Display View.
 */

.col-3row3col-col1,
.col-3row3col-col2,
.col-3row3col-col3 {
    float: left;
    width: 31.6821%;
}
.col-3row3col-col1,
.col-3row3col-col3 {
    padding-left: 0;
    padding-right: 0;
}
.col-3row3col-col2 {
    padding-left: 16px;
    padding-right: 16px;
    width: 36.6357%;
}

/* ==========================================================================
   Right Nav Features
   ========================================================================== */

.global-content-3col > .global-col3 > .feature,
.global-content-2col-sidebar > .global-col2 > .feature {
    clear: none;
    float: none;
    width: auto;
}
.global-content-3col > .global-col3 > .feature:first-child,
.global-content-2col-sidebar > .global-col2 > .feature:first-child {
    clear: none;
}
.global-content-3col > .global-col3 > .feature:nth-child(2n),
.global-content-2col-sidebar > .global-col2 > .feature:nth-child(2n) {
    float: none;
}

/* ==========================================================================
   Navigation
   ========================================================================== */

/*
 * Toolbar navigation.
 */

.global-nav-toolbar {
    margin: 1em 0;
}
    .global-nav-toolbar ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
        .global-nav-toolbar li {
            display: inline-block;
            font-size: 1.2em;
            *display: inline;
            *zoom: 1;
        }
        .mobile .global-nav-toolbar [data-tablet="false"] {
            display: none !important;
        }

/*
 * Primary navigation.
 */

.global-nav-primary {
    background: #f1f1f1;
    position: relative;
}
.global-nav-primary:hover {
    z-index: 999;
}
    .global-nav-primary > nav {
        display: table;
    }
        .global-nav-primary > nav > ul {
            display: table-row;
        }
            .global-nav-primary > nav > ul > li {
                display: table-cell;
                vertical-align: top;
            }
                .global-nav-primary > nav > ul > li > a {
                    display: inline-block;
                    font-size: 1.3em;
                    line-height: 1.1;
                    padding: 6px 13px;
                    position: relative;
                    z-index: 1;
                }

    /*
     * Active/hover state
     */

    .global-nav-primary > nav > ul > li.active .global-megamenu,
    .global-nav-primary > nav > ul > li.focus .global-megamenu {
        visibility: visible;
    }
        .global-nav-primary > nav > ul > li > a:focus,
        .global-nav-primary > nav > ul > li.active > a,
        .global-nav-primary > nav > ul > li.focus > a {
            outline: 0;
        }

/*
 * Mega menu
 */

.global-megamenu {
    background: #f1f1f1;
    display: table;
    font-size: 1.3em;
    left: 0;
    padding: 2em 1em 0;
    position: absolute;
    table-layout: fixed;
    top: 100%;
    visibility: hidden;
    width: 100%;
    z-index: 2;
}
.global-megamenu.onecol {
    left: auto;
    width: 33.333%;
}
.global-megamenu.twocol {
    width: 66.666%;
}
.global-megamenu.onecol.alignRight,
.global-megamenu.twocol.alignRight {
    right: 0;
}

    /*
     * 3 column grid
     */

    .global-megamenu-col1,
    .global-megamenu-col2,
    .global-megamenu-col3 {
        display: table-cell;
        vertical-align: top;
        width: 33.333%;
    }
        .global-megamenu-col1 > :first-child,
        .global-megamenu-col2 > :first-child,
        .global-megamenu-col3 > :first-child {
            margin-top: 0;
        }

/*
 * Main header
 */

.global-megamenu h2,
.global-megamenu h3 {
    margin-bottom: .5em;
}

/*
 * Global button override
 */

.global-megamenu .global-rotate-more {
    margin: -1em 0 1em;
}
    .global-megamenu .global-button-action {
        display: inline;
        text-align: left;
    }

/*
 * Imagery and other embeddable inline elements
 */

.global-megamenu embed,
.global-megamenu img,
.global-megamenu object,
.global-megamenu video {
    height: auto;
    max-width: 100%;
}

/*
 * Navigation
 */

.global-megamenu-nav,
.global-megamenu-links {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
    .global-megamenu-nav > li > a {
        display: block;
        position: relative;
    }

    .global-nav-primary > nav > ul ul ul {
        display: none !important;
    }

/*
 * Page tools.
 */

.global-pagetools {
    letter-spacing: -4px;
    margin: 0 0 .8em;
    padding: .8em 0;
    text-align: right;
}

    .global-pagetools > * {
        display: inline-block;
        letter-spacing: normal;
        vertical-align: middle;
        *display: inline;
        *zoom: 1;
    }

/*
 * Breadcrumb navigation.
 */

.global-nav-breadcrumb {
    float: left;
    letter-spacing: normal;
    padding: 12px 13px 12px 0;
    text-align: left;
}
    .global-nav-breadcrumb li {
        display: inline;
    }
    .global-nav-breadcrumb li:after {
        content: "\00a0\00a0\00a0>\00a0";
    }
    .global-nav-breadcrumb li:last-child:after {
        display: none !important;
    }
    .global-nav-breadcrumb li.last:after {
        display: none !important;
    }
        .global-nav-breadcrumb li a {
            font-size: 1.1em;
        }

/*
 * Social sharing toolbar.
 */

.global-sharing-toolbar {
    display: inline-block;
    font-size: 1.3em;
    letter-spacing: normal;
    padding: 9px 0;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
}
	.global-sharing-toolbar > * {
		display: inline-block;
		vertical-align: middle;
		*display: inline;
		*zoom: 1;
	}

    .global-sharing-toolbar > h2 {
        font-size: 100%;
        margin: 0;
    }

    .global-sharing-toolbar > ul > li {
        display: inline-block;
        vertical-align: middle;
        *display: inline;
        *zoom: 1;
    }

/*
 * Text size & printer friendly.
 */

.mobile .global-textsize,
.mobile .global-printfriendly {
    display: none;
}
    .global-textsize > [role="button"],
    .global-printfriendly > [role="button"] {
        cursor: pointer;
        display: inline-block;
        vertical-align: middle;
        *display: inline;
        *zoom: 1
    }

/*
 * My links & Sign in.
 */

.global-mylinks,
.global-signin {
    display: inline-block;
    letter-spacing: normal;
    position: relative;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
}
    .global-mylinks > a,
    .global-signin > a {
        cursor: pointer;
        display: block;
        font-size: 1.2em;
        position: relative;
    }
        .dashboard {
            display: none;
            position: absolute;
            right: 0;
            text-align: left;
            width: 375px;
            z-index: 2;
        }
        .global-signin .dashboard {
            width: 260px;
        }

        /*
         * Activate/open dashboard
         */

        .global-mylinks.active .dashboard,
        .global-signin.active .dashboard,
        .global-mylinks.focus .dashboard,
        .global-signin.focus .dashboard {
            display: block;
            right: 0 !important;
        }

        /*
         * Main heading and navigational links (if applicable).
         */

        .dashboard > .navigation {
            overflow: hidden;
            text-align: right;
        }
            .navigation > span {
                display: inline-block;
                margin-top: 15px;
                vertical-align: bottom;
                *display: inline;
                *zoom: 1;
            }
                .navigation > span > a {
                    display: block;
                    font-size: 1.3em;
                }

        .dashboard > .panes {
            padding: 20px;
            font-size: 1.2em;
            line-height: 1.5;
        }
            .dashboard > .panes :first-child {
                margin-top: 0;
            }

            .global-mylinks > div .pane h3,
            .global-signin > div .pane h3 {
                font-size: 116.667%;
            }

            .global-mylinks > div .pane h4,
            .global-signin > div .pane h4 {
                font-size: 108.333%;
                margin-bottom: .5em;
            }
                .global-mylinks > div .pane h4 + *,
                .global-signin > div .pane h4 + * {
                    margin-top: 0;
                }

            .global-mylinks > div .pane ul li,
            .global-signin > div .pane ul li {
                margin: .5em 0;
            }

/*
 * Secondary navigation.
 */

.global-nav-secondary {
    margin-bottom: 1em;
}
    .global-nav-secondary > ul > li > a {
        display: block;
        font-size: 1.4em;
    }
        .global-nav-secondary > ul > li ul {
            margin-left: -0.5em;
        }
            .global-nav-secondary > ul > li ul li a {
                display: block;
                font-size: 1.3em;
            }

/* ==========================================================================
   Footer
   ========================================================================== */

.global-footer {
    font-size: 1.1em;
    margin: 2em 0;
    word-wrap: break-word;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

    /*
     * Sitemap navigation
     */

    .global-nav-sitemap > nav {
        display: table;
        table-layout: fixed;
        width: 100%;
    }
        .global-nav-sitemap > nav > ul {
            display: table-row;
            list-style-type: none;
            margin: 0;
            padding: 0;
        }
            .global-nav-sitemap > nav > ul > li {
                display: table-cell;
                padding-left: 1.1em;
                vertical-align: top;
            }
            .global-nav-sitemap > nav > ul > li:first-child {
                padding-left: 0;
            }

        .global-nav-sitemap ul ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }
            .global-nav-sitemap ul ul > li {
                margin: 1em 0;
            }

    /*
     * Connect with us
     */

    .global-social-connect > ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        text-align: center;
    }
        .global-social-connect > ul > li {
            display: inline-block;
            text-align: left;
            vertical-align: middle;
        }
            .global-social-connect > ul > li > a {
                display: block;
            }
                .global-social-connect > ul > li > a > span {
                    display: inline-block;
                    margin-left: 1em;
                    vertical-align: middle;
                    white-space: nowrap;
                }

    /*
     * Copyright
     */

    .global-copyright {
        margin: 0 0 1.3em;
        text-align: center;
    }

/* ==========================================================================
   Modules
   ========================================================================== */

#table1,
#table2,
#table3 {
    margin: 1.333em 0;
    width: 100% !important;
}
    #table1 tr:first-child td,
    #table2 tr:first-child td,
    #table3 tr:first-child td,
    #table1 tr:first-child th,
    #table2 tr:first-child th,
    #table3 tr:first-child th {
        vertical-align: middle;
    }
        #table1 tr td ul,
        #table2 tr td ul,
        #table3 tr td ul,
        #table1 tr th ul,
        #table2 tr th ul,
        #table3 tr th ul {
            margin-left: 0 !important;
        }

#table4 {
    margin: 1.333em 0;
    width: 100% !important;
}

[role="main"] > *:first-child,
[role="complementary"] > *:first-child {
    margin-top: 0 !important;
}

.feature {
    margin: 0 0 1.333em;
}
    .feature > .photo {
        display: block;
        height: auto;
        width: 100%;
    }

#billboard {
    margin: 1.333em 0;
}
    #billboard img {
        display: none;
        height: auto;
        max-width: 100%;
    }
    #billboard img:first-child,
    #billboard img.current {
        display: block;
    }

/*
 * Callout box.
 */

.global-callout-box {
    float: right;
    margin: 0 0 1.333em 1.333em;
    max-width: 21.917em;
}

div.feature form.block {
    text-align: right;
}

/*
 * Device-specific element visibility.
 */

[data-mobile="true"] {
    display: none !important;
}