﻿.clientCentreContainer .flex-container {
    width: 1600px;
    position: relative;
    margin: auto;
}

.clientCentreContainer .leftColumn {
    width: 59%;
    margin-right: 1%;
    float: left;
    margin-top: 50px;
}

.clientCentreContainer .rightColumn {
    width: 30%;
    float: right;
    background-color: #eae9e9;
}

.clientCentreContainer .leftColumnContainerOne a {
}

    .clientCentreContainer .leftColumnContainerOne a:hover {
        text-decoration: underline;
    }

        .clientCentreContainer .leftColumnContainerOne a:hover strong {
            text-decoration: underline;
        }

    .clientCentreContainer .leftColumnContainerOne a strong {
    }
/*left column styling*/
/*container one*/
.clientCentreContainer .leftColumn .leftColumnContainerOne {
    width: 80%;
    margin: auto;
    margin-bottom: 70px;
}

    .clientCentreContainer .leftColumn .leftColumnContainerOne .portfolioArea {
        width: 50%;
        margin: auto;
        float: left;
        padding-left: 30px;
        padding-right: 30px;
        box-sizing: border-box;
    }

    .clientCentreContainer .leftColumn .leftColumnContainerOne .estatementArea {
        width: 50%;
        margin: auto;
        float: left;
        padding-left: 30px;
        padding-right: 30px;
        box-sizing: border-box;
    }

    .clientCentreContainer .leftColumn .leftColumnContainerOne .portfolioArea .portfolioHeader {
        width: 60%;
        margin: auto;
        text-align: center;
    }

    .clientCentreContainer .leftColumn .leftColumnContainerOne h5 {
        color: #414042;
        font-size: 28px;
        font-weight: 500;
        margin-bottom: 15px;
    }

    .clientCentreContainer .leftColumn .leftColumnContainerOne .portfolioArea .portfolioContent {
        margin: auto;
    }

    .clientCentreContainer .leftColumn .leftColumnContainerOne .estatementArea .estatementHeader {
        width: 80%;
        margin: auto;
        text-align: center;
    }

    .clientCentreContainer .leftColumn .leftColumnContainerOne .estatementArea .estatementContent {
        margin: auto;
    }

/*container two*/
.clientCentreContainer .leftColumn .leftColumnContainerTwo {
    clear: both;
    width: 100%;
}

    .clientCentreContainer .leftColumn .leftColumnContainerTwo .leftColumnContainerTwoHeader h4,
    .clientCentreContainer .leftColumn .leftColumnContainerThree .leftColumnContainerThreeHeader h4,
    .clientCentreContainer .leftColumn .leftColumnContainerFour .leftColumnContainerFourHeader h4 {
        background-color: #d1cec9;
        padding: 20px;
        color: #001d67;
        font-size: 30px;
        font-weight: 500;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 7%;
        background-image: url('../../img/icons/arrowTopLeft.png'), url('../../img/templates/accents_blue_white.png');
        background-repeat: no-repeat, no-repeat;
        background-position: 8px 8px, 93% 50%;
        background-size: 12px 12px, 33px 42px;
    }

    .clientCentreContainer .leftColumn .leftColumnContainerTwo .leftColumnContainerTwoContent {
        padding-top: 60px;
        padding-bottom: 40px;
    }

        .clientCentreContainer .leftColumn .leftColumnContainerTwo .leftColumnContainerTwoContent p {
            color: #414042;
            font-size: 24px;
            font-weight: 500;
        }

        .clientCentreContainer .leftColumn .leftColumnContainerTwo .leftColumnContainerTwoContent .directSupplierAccess {
            width: 33%;
            float: left;
        }

            .clientCentreContainer .leftColumn .leftColumnContainerTwo .leftColumnContainerTwoContent .directSupplierAccess img {
                width: 200px;
                height: auto;
            }

.clientCentreContainer .resourceCentreContainer li {
    padding-right: 30px !important;
}
/*container 3*/
.clientCentreContainer .leftColumn .leftColumnContainerThree .leftColumnContainerThreeContent {
    margin-top: 50px;
    margin-bottom: 10px;
}

    .clientCentreContainer .leftColumn .leftColumnContainerThree .leftColumnContainerThreeContent .resourcesContent {
        width: 90%;
        float: left;
        margin-left: 6%;
        margin-bottom: 40px;
    }

        .clientCentreContainer
        .leftColumn
        .leftColumnContainerThree
        .leftColumnContainerThreeContent
        .resourcesContent
        .resourcesContentText
        a:hover {
            text-decoration: underline;
        }

.clientCentreContainer .leftColumn .leftColumnContainerFour .leftColumnContainerFourContent {
    margin-top: 50px;
    margin-bottom: 50px;
}

    .clientCentreContainer
    .leftColumn
    .leftColumnContainerFour
    .leftColumnContainerFourContent
    .contactATeamContainerContent > h4 {
        display: none;
    }

.clientCentreContainer .contactATeamContainer .advisorsShownArea .advisorsShownAreaBoxes .advisorBox {
    width: 70%;
}
