@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);

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, 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, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:before, blockquote:after {
        content: '';
        content: none
    }

    q:before, q:after {
        content: '';
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    text-decoration: none
}

input:focus:not(.genericButton) {
    background-color: #ffffd7;
    outline: none
}

.cf:before, .cf:after {
    content: " ";
    display: table
}

.cf:after {
    clear: both
}

.cf {
    *zoom: 1
}

span.validator[style*="inline"] {
    display: block !important;
    color: #e46b79;
    margin-top: 15px;
    font-weight: normal
}

.tableLoading {
    min-height: 6em
}

    .tableLoading:before, .tableLoading:after {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }

    .tableLoading:before {
        height: 100%;
        content: " ";
        background: rgba(255,255,255,0.7)
    }

    .tableLoading:after {
        content: "\f021";
        font-family: 'FontAwesome';
        font-size: 4em;
        line-height: 2;
        text-align: center;
        animation: fa-spin 2s infinite linear
    }

@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(359deg)
    }
}

.noResults {
    background: #fffee2;
    padding: 3.5em;
    text-align: center;
    color: #333;
    margin-left: 190px;
    border: 1px solid #fef7d0
}

    .noResults p {
        line-height: 1.5
    }

.bottomNav {
    background-color: #f5f5f5;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    margin-top: 30px;
    padding: 65px 0 50px 0;
    clear: both
}

    .bottomNav p {
        line-height: 2;
        color: #666
    }

    .bottomNav .footerLinksWrapper {
        width: 440px;
        margin: 10px auto;
        color: #666
    }

        .bottomNav .footerLinksWrapper a {
            display: inline-block;
            margin: 5px;
            color: #6ba7e4;
            font-weight: 500
        }

            .bottomNav .footerLinksWrapper a:hover {
                cursor: pointer;
                color: #38628D
            }

h1 {
    margin: 1em 0
}

.mediaURL {
    display: none
}

.genericButton {
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 0.9em;
    border: none;
    padding: 5px 10px;
    background-color: #6ba7e4;
    text-transform: uppercase;
    font-weight: normal;
    color: #fff !important;
    cursor: pointer;
    border-radius: 5px
}

    .genericButton:hover {
        background-color: #38628D
    }

    .genericButton.disabled {
        background: #bbb !important;
        cursor: not-allowed !important
    }

.genericButtonOff {
    opacity: 0.25;
    cursor: default;
    background-color: #6ba7e4
}

    .genericButtonOff:hover {
        background-color: #6ba7e4
    }

.formNotValid {
    cursor: auto;
    opacity: 0.25;
    filter: alpha(opacity=25)
}

    .formNotValid:hover {
        background-color: #6ba7e4
    }

.genericPulldown {
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 0.9em;
    border: 1px solid #dedede;
    margin: 0;
    padding: 2px
}

    .genericPulldown:hover {
        border-color: black
    }

.restrictWidth {
    max-width: 960px;
    margin: 0px auto
}

@font-face {
    font-family: 'BLOKKRegular';
    src: url("../fonts/blokk.eot");
    src: url("../fonts/blokk.eot?#iefix") format("embedded-opentype"),url("../fonts/blokk.woff") format("woff"),url("../fonts/blokk.svg#BLOKK") format("svg");
    font-weight: normal;
    font-style: normal
}

li.blok {
    font-family: 'BLOKKRegular';
    font-size: 14px;
    line-height: 1.5;
    font-weight: bold;
    color: #dedede
}

    li.blok div.fake-image {
        margin-right: 1.25em;
        width: 60px;
        height: 60px;
        border: 1px solid #dedede;
        background: #dedede;
        padding: 8px;
        float: left
    }

.privacyPolicyText p {
    margin-bottom: 1em;
    line-height: 1.2em
}

.privacyPolicyText strong {
    font-weight: bold
}

.privacyPolicyText ul {
    margin-bottom: 1em
}

    .privacyPolicyText ul li {
        margin-left: 5em;
        list-style-type: square
    }

.topNav ul > li.topLevel .megaMenuPanel {
    display: none;
    position: absolute;
    left: 0;
    top: 40px;
    background-color: #f5f5f5;
    z-index: 1;
    font-size: 0.8em;
    text-align: left;
    padding: 30px;
    border-bottom: 1px solid #dedede;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede
}

    .topNav ul > li.topLevel .megaMenuPanel h3 {
        font-size: 1.1em
    }

.topNav ul > li.topLevel .assetTypesMegaMenu {
    width: 900px;
    left: -640px
}

    .topNav ul > li.topLevel .assetTypesMegaMenu .assetTypeArea {
        float: left;
        width: 220px
    }

        .topNav ul > li.topLevel .assetTypesMegaMenu .assetTypeArea h3 {
            font-weight: bold;
            font-size: 13px;
            margin-bottom: 0px;
            color: #333;
            text-transform: capitalize
        }

        .topNav ul > li.topLevel .assetTypesMegaMenu .assetTypeArea ul {
            margin-right: 20px
        }

.topNav ul > li.topLevel .productMegaMenu {
    width: 899px;
    background-color: #f5f5f5
}

.topNav ul > li.topLevel .megaMenuPanel ul {
    background-color: #f5f5f5
}

.topNav ul > li.noTrainingMenu .assetTypesMegaMenu {
    left: -577px
}

.masterCategoriesListArea {
    display: inline-block;
    border-left: 1px solid #dedede;
    padding-left: 3%;
    width: 48%
}

    .masterCategoriesListArea ul {
        width: 45% !important;
        display: inline-block;
        padding-right: 5%;
        vertical-align: top;
        float: left
    }

        .masterCategoriesListArea ul:last-child {
            padding-right: 0
        }

        .masterCategoriesListArea ul li {
            margin-bottom: 1em
        }

            .masterCategoriesListArea ul li a {
                line-height: 1.2em
            }

                .masterCategoriesListArea ul li a:focus {
                    outline: none
                }

.brandLinksArea {
    vertical-align: top;
    display: inline-block;
    margin-right: 3%;
    overflow-y: scroll;
    max-height: 440px;
    width: 150px
}

    .brandLinksArea:after {
        content: "";
        display: block;
        width: 170px;
        height: 60px;
        position: absolute;
        top: 430px;
        left: 0;
        pointer-events: none;
        background: rgba(245,245,245,0);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,245,245,0)), color-stop(65%, #f5f5f5), color-stop(100%, #f5f5f5));
        background: linear-gradient(to bottom, rgba(245,245,245,0) 0%, #f5f5f5 65%, #f5f5f5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#F5F5F5', GradientType=0 )
    }

    .brandLinksArea a {
        width: 120px;
        height: 80px;
        display: block;
        margin-bottom: 0.5em;
        border: 1px solid #dedede;
        cursor: pointer
    }

        .brandLinksArea a:hover {
            border-color: #6ba7e4
        }

        .brandLinksArea a.selected {
            border-color: #6ba7e4
        }

        .brandLinksArea a:last-child {
            margin-bottom: 30px
        }

.topNav ul > li.topLevel .megaMenuPanel .brandSectionArea {
    width: 25% !important;
    margin-right: 3%;
    display: none;
    vertical-align: top;
    opacity: 0;
    max-height: 490px;
    overflow: auto
}

    .topNav ul > li.topLevel .megaMenuPanel .brandSectionArea ul {
        text-transform: capitalize
    }

.topNav ul > li.topLevel .megaMenuPanel .ktgBrandSectionArea {
    vertical-align: top
}

    .topNav ul > li.topLevel .megaMenuPanel .ktgBrandSectionArea ul {
        display: inline-block;
        vertical-align: top;
        width: 22% !important;
        padding-right: 3%;
        margin-bottom: 1em;
        text-transform: capitalize
    }

        .topNav ul > li.topLevel .megaMenuPanel .ktgBrandSectionArea ul li {
            line-height: 1.5em;
            margin-bottom: 0.2em;
            font-size: 13px
        }

            .topNav ul > li.topLevel .megaMenuPanel .ktgBrandSectionArea ul li.topLevelSection {
                font-weight: bold
            }

                .topNav ul > li.topLevel .megaMenuPanel .ktgBrandSectionArea ul li.topLevelSection a {
                    color: #333
                }

.topNav ul > li.topLevel .megaMenuPanel .standardDropDown {
    min-width: 97px;
    width: auto
}

.topNav ul > li.noTrainingMenu .megaMenuPanel .standardDropDown {
    min-width: 131px;
    width: auto
}

.topNav ul > li.topLevel .megaMenuPanel .promotionsDropDown {
    width: 258px
}

.topNav ul > li.topLevel .megaMenuPanel .brandSectionArea h3, .topNav ul > li.topLevel .megaMenuPanel .masterCategoriesListArea h3, .topNav ul > li.topLevel .megaMenuPanel .brandLinksArea h3 {
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
    font-size: 14px
}

.topNav {
    height: auto;
    background-color: #333;
    border-bottom: none
}

    .topNav a.homeLink {
        float: left;
        width: 306px;
        height: 80px;
        line-height: 1000px;
        overflow: hidden;
        background: url("//accoassets.s3.amazonaws.com/partner/images/topNav/abpLogo.png");
        background-repeat: no-repeat;
        background-position: left center
    }

    .topNav a.signedOutHomeLink {
        display: inline-block !important;
        width: 320px;
        float: none !important
    }

    .topNav .searchArea {
        padding: .5em;
        margin-top: 15px;
        display: inline-block;
        float: none;
        margin-left: none;
        position: relative;
        vertical-align: top
    }

        .topNav .searchArea div.magnifyingGlass {
            background-image: url("//accoassets.s3.amazonaws.com/partner/images/search/searchSmall.svg");
            background-position: 5px 0px;
            background-repeat: no-repeat;
            float: left;
            width: 30px;
            height: 30px;
            position: absolute;
            top: 10px
        }

        .topNav .searchArea input.searchTextBox {
            font-family: "Open Sans",Arial,sans-serif;
            border: none;
            padding: 8px 12px 8px 32px;
            width: 180px;
            border-radius: 10px;
            font-size: 1em;
            margin-top: 1px;
            outline: none
        }

        .topNav .searchArea input.searchButton {
            display: none
        }

    .topNav ul a {
        color: #fff;
        text-transform: capitalize;
        display: block
    }

    .topNav .topNavInner {
        margin-left: auto;
        margin-right: auto;
        width: 960px;
        text-align: left
    }

        .topNav .topNavInner ul {
            display: table;
            width: 100%
        }

            .topNav .topNavInner ul li.topLevel {
                width: 15%;
                display: table-cell;
                margin-right: 0 !important;
                border-right: 1px solid #333;
                text-transform: uppercase
            }

                .topNav .topNavInner ul li.topLevel:last-child {
                    border-right: 0
                }

        .topNav .topNavInner .topNavInnerTop {
            height: 80px
        }

            .topNav .topNavInner .topNavInnerTop select.registrationLanguage {
                position: relative;
                top: 8px;
                margin-right: 8px;
                height: 34px;
                background: #666;
                border: 1px solid #666;
                color: #FFF;
                font-size: 1em
            }

            .topNav .topNavInner .topNavInnerTop .aipProductOptionsArea {
                display: inline-block;
                margin-top: 20px
            }

                .topNav .topNavInner .topNavInnerTop .aipProductOptionsArea span {
                    color: #fff;
                    font-size: 0.8em;
                    display: block;
                    text-align: left
                }

                    .topNav .topNavInner .topNavInnerTop .aipProductOptionsArea span label {
                        text-transform: capitalize
                    }

            .topNav .topNavInner .topNavInnerTop a.assetFolderLink, .topNav .topNavInner .topNavInnerTop a.skuFolderLink {
                min-width: 80px;
                position: relative
            }

                .topNav .topNavInner .topNavInnerTop a.assetFolderLink:after, .topNav .topNavInner .topNavInnerTop a.skuFolderLink:after {
                    content: '';
                    position: absolute;
                    z-index: -1;
                    transition: all 0.3s
                }

                .topNav .topNavInner .topNavInnerTop a.assetFolderLink.added, .topNav .topNavInner .topNavInnerTop a.assetFolderLink.removed, .topNav .topNavInner .topNavInnerTop a.skuFolderLink.added, .topNav .topNavInner .topNavInnerTop a.skuFolderLink.removed {
                    color: transparent
                }

                    .topNav .topNavInner .topNavInnerTop a.assetFolderLink.added:after, .topNav .topNavInner .topNavInnerTop a.assetFolderLink.removed:after, .topNav .topNavInner .topNavInnerTop a.skuFolderLink.added:after, .topNav .topNavInner .topNavInnerTop a.skuFolderLink.removed:after {
                        color: #fff;
                        z-index: 1;
                        animation: moveUp 0.5s;
                        content: attr(data-content)
                    }

                    .topNav .topNavInner .topNavInnerTop a.assetFolderLink.added:before, .topNav .topNavInner .topNavInnerTop a.skuFolderLink.added:before {
                        background-image: url("//accoassets.s3.amazonaws.com/partner/images/plus.png")
                    }

                    .topNav .topNavInner .topNavInnerTop a.assetFolderLink.added:after, .topNav .topNavInner .topNavInnerTop a.skuFolderLink.added:after {
                        left: 35%
                    }

                    .topNav .topNavInner .topNavInnerTop a.assetFolderLink.removed:before, .topNav .topNavInner .topNavInnerTop a.skuFolderLink.removed:before {
                        background-image: url("//accoassets.s3.amazonaws.com/partner/images/minus.png")
                    }

                    .topNav .topNavInner .topNavInnerTop a.assetFolderLink.removed:after, .topNav .topNavInner .topNavInnerTop a.skuFolderLink.removed:after {
                        left: 30%
                    }

                .topNav .topNavInner .topNavInnerTop a.assetFolderLink:before, .topNav .topNavInner .topNavInnerTop a.skuFolderLink:before {
                    content: ' ';
                    width: 13px;
                    margin-right: 5px;
                    background-size: 13px 13px;
                    height: 13px;
                    background-repeat: no-repeat;
                    display: inline-block;
                    background-image: url("//accoassets.s3.amazonaws.com/partner/images/folder-open.png")
                }

            .topNav .topNavInner .topNavInnerTop a.skuFolderLink {
                min-width: 87px
            }

            .topNav .topNavInner .topNavInnerTop a.assetFolderLink, .topNav .topNavInner .topNavInnerTop a.skuFolderLink, .topNav .topNavInner .topNavInnerTop a.signinLink, .topNav .topNavInner .topNavInnerTop a.topRegoLink {
                margin-left: 5px;
                margin-top: 23px;
                font-size: 13px;
                float: right;
                background-color: #6bd183;
                color: #fff;
                text-transform: uppercase;
                padding: 10px 8px;
                border-radius: 5px
            }

                .topNav .topNavInner .topNavInnerTop a.assetFolderLink:hover, .topNav .topNavInner .topNavInnerTop a.skuFolderLink:hover, .topNav .topNavInner .topNavInnerTop a.signinLink:hover, .topNav .topNavInner .topNavInnerTop a.topRegoLink:hover {
                    background-color: #3bc75c
                }

                .topNav .topNavInner .topNavInnerTop a.assetFolderLink span, .topNav .topNavInner .topNavInnerTop a.skuFolderLink span, .topNav .topNavInner .topNavInnerTop a.signinLink span, .topNav .topNavInner .topNavInnerTop a.topRegoLink span {
                    margin-left: 5px
                }

                    .topNav .topNavInner .topNavInnerTop a.assetFolderLink span:before, .topNav .topNavInner .topNavInnerTop a.skuFolderLink span:before, .topNav .topNavInner .topNavInnerTop a.signinLink span:before, .topNav .topNavInner .topNavInnerTop a.topRegoLink span:before {
                        content: '('
                    }

                    .topNav .topNavInner .topNavInnerTop a.assetFolderLink span:after, .topNav .topNavInner .topNavInnerTop a.skuFolderLink span:after, .topNav .topNavInner .topNavInnerTop a.signinLink span:after, .topNav .topNavInner .topNavInnerTop a.topRegoLink span:after {
                        content: ')'
                    }

            .topNav .topNavInner .topNavInnerTop a.topRegoLink {
                background: #6ba7e4
            }

                .topNav .topNavInner .topNavInnerTop a.topRegoLink:hover {
                    background: #38628D
                }

            .topNav .topNavInner .topNavInnerTop .theSignInWrapper {
                position: relative;
                float: right;
                margin: 23px 0 0 10px
            }

                .topNav .topNavInner .topNavInnerTop .theSignInWrapper .signinLink {
                    margin-left: 0;
                    margin-top: 0
                }

                .topNav .topNavInner .topNavInnerTop .theSignInWrapper .theSignInLinkPopOverColour {
                    background-color: #555 !important;
                    border-bottom-left-radius: 0;
                    border-bottom-right-radius: 0
                }

                .topNav .topNavInner .topNavInnerTop .theSignInWrapper .theSignInPopOver {
                    position: absolute;
                    right: 0px;
                    top: 34px;
                    z-index: 1
                }

                    .topNav .topNavInner .topNavInnerTop .theSignInWrapper .theSignInPopOver .innerSignInPopOverWrapper {
                        position: relative;
                        margin-bottom: 15px
                    }

    .topNav ul > li.topLevel {
        display: inline-block;
        width: 159px;
        background-color: #6ba7e4;
        margin-right: -3px;
        position: relative;
        height: 40px;
        line-height: 40px;
        text-align: center
    }

        .topNav ul > li.topLevel:selected {
            color: #333;
            background: #f5f5f5
        }

        .topNav ul > li.topLevel:hover, .topNav ul > li.topLevel.selected {
            background-color: #f5f5f5
        }

            .topNav ul > li.topLevel:hover a, .topNav ul > li.topLevel.selected a {
                color: #6ba7e4
            }

            .topNav ul > li.topLevel:hover ul li a, .topNav ul > li.topLevel.selected ul li a {
                color: #6ba7e4
            }

        .topNav ul > li.topLevel ul li {
            height: auto;
            width: auto;
            line-height: 1.5em;
            margin-bottom: 0.5em;
            font-size: 13px
        }

            .topNav ul > li.topLevel ul li a {
                display: block
            }

                .topNav ul > li.topLevel ul li a.topLevelSectionLink {
                    text-transform: uppercase;
                    font-weight: bold
                }

                .topNav ul > li.topLevel ul li a:hover {
                    color: #38628D
                }

            .topNav ul > li.topLevel ul li ul li {
                margin-bottom: 0
            }

        .topNav ul > li.topLevel .brandLinksArea ul li {
            line-height: 1.5em;
            margin-bottom: 0.5em
        }

.motivationatorWrapper {
    width: 100% !important
}

h1.motivationator {
    width: 960px;
    margin-left: auto;
    margin-right: auto
}

.theSignInPopOver {
    background: #555;
    width: 305px;
    padding: 2em 2.5em 1em;
    margin-bottom: 2.5em;
    color: #fff;
    text-align: left
}

    .theSignInPopOver p {
        font-size: 16px;
        margin-bottom: 1em
    }

    .theSignInPopOver .innerSignInPopOverWrapper {
        overflow: auto
    }

        .theSignInPopOver .innerSignInPopOverWrapper .error {
            color: #d1505f
        }

        .theSignInPopOver .innerSignInPopOverWrapper .logInError {
            font-weight: normal;
            display: none;
            padding-top: 0.5em;
            padding-bottom: 0.5em;
            text-align: left;
            color: #d1505f;
            clear: both
        }

        .theSignInPopOver .innerSignInPopOverWrapper .aipUser {
            font-weight: normal;
            display: none;
            padding-top: 0.5em;
            padding-bottom: 0.5em;
            text-align: left;
            color: #6bd183;
            clear: both
        }

            .theSignInPopOver .innerSignInPopOverWrapper .aipUser:hover {
                color: #3bc75c
            }

        .theSignInPopOver .innerSignInPopOverWrapper .left {
            float: left;
            clear: left;
            text-align: left;
            height: 20px;
            margin-top: 10px
        }

            .theSignInPopOver .innerSignInPopOverWrapper .left a {
                cursor: pointer;
                display: inline-block;
                color: #fff;
                text-decoration: underline;
                font-weight: normal
            }

                .theSignInPopOver .innerSignInPopOverWrapper .left a:hover {
                    color: #fff;
                    text-decoration: none
                }

        .theSignInPopOver .innerSignInPopOverWrapper input[type="text"], .theSignInPopOver .innerSignInPopOverWrapper input[type="password"] {
            padding: 0.3em 0.7em;
            width: 285px;
            color: #555;
            border: none;
            line-height: 2em;
            font-family: "Open Sans",Arial,sans-serif;
            font-size: 1em;
            margin: 6px auto
        }

            .theSignInPopOver .innerSignInPopOverWrapper input[type="text"]:focus, .theSignInPopOver .innerSignInPopOverWrapper input[type="password"]:focus {
                outline: none
            }

        .theSignInPopOver .innerSignInPopOverWrapper .theSignInButton, .theSignInPopOver .innerSignInPopOverWrapper .resetPasswordButton {
            float: right;
            background: #6bd183;
            font-weight: 200;
            font-family: "Open Sans",Arial,sans-serif;
            display: block;
            font-size: 14px;
            text-transform: uppercase;
            padding: 8px 15px 8px 15px;
            margin: 10px 0;
            border: none;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            color: #fff;
            cursor: pointer
        }

            .theSignInPopOver .innerSignInPopOverWrapper .theSignInButton:focus, .theSignInPopOver .innerSignInPopOverWrapper .theSignInButton :active, .theSignInPopOver .innerSignInPopOverWrapper .resetPasswordButton:focus, .theSignInPopOver .innerSignInPopOverWrapper .resetPasswordButton :active {
                outline: none
            }

            .theSignInPopOver .innerSignInPopOverWrapper .theSignInButton:hover, .theSignInPopOver .innerSignInPopOverWrapper .resetPasswordButton:hover {
                background: #3bc75c
            }

.forgottenPasswordPanel p {
    line-height: 20px
}

.forgottenPasswordPanel .forgottenPasswordThanks p {
    color: #3bc75c
}

    .forgottenPasswordPanel .forgottenPasswordThanks p:before {
        color: #3bc75c;
        float: left;
        content: "\f00c";
        font-family: 'FontAwesome';
        font-size: 1em;
        display: inline-block;
        width: 15px;
        height: 15px;
        margin-right: 0.3em;
        font-style: normal;
        font-weight: normal !important
    }

.forgottenPasswordPanel input.forgottenPasswordEmail {
    font-size: 14px;
    padding: 6px !important;
    border: 1px solid #CCC !important;
    width: 300px !important
}

.forgottenPasswordPanel p.forgottenPasswordErrorLine {
    color: #d1505f
}

.topNavLoggedOut {
    height: 80px
}

.confirmon-box button {
    font-family: "Open Sans",Arial,sans-serif
}

@keyframes moveUp {
    0% {
        transform: translateY(50%);
        opacity: 0
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.siteViewChangeNotification {
    display: block;
    font-size: 0.9em;
    color: #333;
    background-color: #fcf6c0;
    border-bottom: solid 1px #e3dc90;
    padding: 1em 0
}

    .siteViewChangeNotification strong {
        font-weight: bold
    }

.errorArea {
    text-align: center;
    padding-top: 2em;
    font-family: "Open Sans",Arial,sans-serif
}

    .errorArea p {
        margin-top: 2em;
        font-size: 1.1em
    }

    .errorArea .brandLogo {
        margin-top: 2em
    }

.megaMenuLoadingSpinner {
    font-size: 1em;
    padding: 0.25em 3em;
    text-align: center;
    display: block
}

.addAllPanel {
    padding-bottom: 1em;
    text-align: right;
    display: none
}

    .addAllPanel a {
        background-color: #6bd183;
        padding: 0.6em .8em;
        display: inline-block;
        text-transform: uppercase;
        border-radius: 5px;
        cursor: pointer;
        color: white;
        font-size: 0.9em;
        line-height: 1;
        margin-bottom: 0.25em
    }

        .addAllPanel a:hover {
            background-color: #3bc75c
        }

        .addAllPanel a:before {
            content: ' ';
            width: 13px;
            margin-right: 5px;
            background-size: 13px 13px;
            height: 13px;
            background-repeat: no-repeat;
            display: inline-block;
            background-image: url("//accoassets.s3.amazonaws.com/partner/images/folder-open.png")
        }

        .addAllPanel a.turnedOff {
            background-color: #666;
            opacity: .25;
            cursor: default
        }

h1.productPage {
    text-transform: none
}

h2.positioningStatement {
    margin-bottom: 1.5em;
    font-size: 1.1em;
    margin-top: -0.5em
}

ul.productListing {
    margin-left: 190px;
    border-top: 1px solid #dedede
}

    ul.productListing li {
        min-height: 100px;
        padding: 1em;
        border-left: 1px solid #dedede;
        border-right: 1px solid #dedede;
        border-bottom: 1px solid #dedede
    }

        ul.productListing li .productStatus {
            clear: right;
            float: right;
            padding: 0.5em;
            margin: 0.5em 0 0.5em 0.5em;
            color: #ABA457;
            background-color: #fcf6c0;
            border: 1px solid #e3dc90;
            font-size: 0.85em
        }

        ul.productListing li .attributes, ul.productListing li .superbrand, ul.productListing li .dateStamp {
            display: none
        }

        ul.productListing li a.addSKUFolderLink, ul.productListing li a.removeSKUFolderLink {
            float: right;
            padding: 0.6em .8em;
            display: inline-block;
            text-transform: uppercase;
            border-radius: 5px;
            cursor: pointer;
            color: white;
            margin-left: 20px;
            font-size: 0.9em;
            margin-bottom: 0.25em
        }

        ul.productListing li a.addSKUFolderLink {
            background-color: #6bd183
        }

            ul.productListing li a.addSKUFolderLink:hover {
                background-color: #3bc75c
            }

        ul.productListing li a.removeSKUFolderLink {
            background-color: #e46b79 !important
        }

            ul.productListing li a.removeSKUFolderLink:hover {
                background-color: #d1505f !important
            }

        ul.productListing li .addSKUFolderLink:before {
            content: ' ';
            width: 13px;
            margin-right: 5px;
            background-size: 13px 13px;
            height: 13px;
            background-repeat: no-repeat;
            display: inline-block;
            background-image: url("//accoassets.s3.amazonaws.com/partner/images/folder-open.png")
        }

        ul.productListing li .removeSKUFolderLink:before {
            content: ' ';
            width: 13px;
            margin-right: 5px;
            background-size: 13px 13px;
            height: 13px;
            background-repeat: no-repeat;
            display: inline-block;
            background-image: url("//accoassets.s3.amazonaws.com/partner/images/folder-open.png")
        }

        ul.productListing li a.productLink img {
            float: left;
            margin-right: 10px;
            width: 100px
        }

        ul.productListing li a.productLink h3 {
            font-weight: bold;
            font-size: 1.2em;
            margin-bottom: 0.3em;
            color: #6ba7e4;
            margin-left: 110px;
            line-height: 1.5em
        }

            ul.productListing li a.productLink h3:hover {
                color: #38628D
            }

            ul.productListing li a.productLink h3 .statusLabel {
                font-size: 0.8rem;
                display: block;
                color: #6bd183;
                font-weight: normal;
                margin-top: 5px
            }

        ul.productListing li a.productLink p {
            margin-left: 110px;
            line-height: 1.5em;
            font-size: 0.9em;
            color: #333;
            width: 550px
        }

            ul.productListing li a.productLink p.skuPTag, ul.productListing li a.productLink p.clickToSeeProductsLink {
                font-size: 0.8em;
                color: #333;
                margin-top: 0.3em
            }

            ul.productListing li a.productLink p.skuPTag {
                text-transform: uppercase
            }

                ul.productListing li a.productLink p.skuPTag:before {
                    content: '#'
                }

                ul.productListing li a.productLink p.skuPTag span {
                    text-transform: none
                }

.holdingSpinner {
    padding: 3em;
    text-align: center
}

.subSectionsListingWrapper {
    float: left;
    width: 165px
}

    .subSectionsListingWrapper .facetFilterArea a.refreshLink {
        display: none
    }

    .subSectionsListingWrapper .facetFilterArea .theTopTitle {
        display: none
    }

    .subSectionsListingWrapper .facetFilterArea .individualFacet {
        background-color: #f5f5f5;
        border: 1px solid #dedede;
        margin-top: 1em
    }

        .subSectionsListingWrapper .facetFilterArea .individualFacet div.helpTextWrapper {
            float: right
        }

            .subSectionsListingWrapper .facetFilterArea .individualFacet div.helpTextWrapper a.helpTextLink {
                color: #6ba7e4;
                cursor: pointer;
                font-size: 16px;
                font-weight: normal;
                font-style: normal
            }

            .subSectionsListingWrapper .facetFilterArea .individualFacet div.helpTextWrapper div.helpTextArea {
                display: none
            }

        .subSectionsListingWrapper .facetFilterArea .individualFacet h3 {
            font-size: 0.9em;
            background: #333;
            color: #FFF;
            padding: 10px
        }

            .subSectionsListingWrapper .facetFilterArea .individualFacet h3 a.closeFacetLink, .subSectionsListingWrapper .facetFilterArea .individualFacet h3 a.openFacetLink {
                float: left;
                overflow: hidden;
                line-height: 1000px;
                width: 12px;
                height: 12px;
                background-image: url("//accoassets.s3.amazonaws.com/partner/images/plusMinusSignsWhite.gif");
                background-repeat: no-repeat;
                margin-right: 5px;
                cursor: pointer;
                margin-bottom: 10px
            }

            .subSectionsListingWrapper .facetFilterArea .individualFacet h3 a.closeFacetLink {
                background-position: 0 0
            }

            .subSectionsListingWrapper .facetFilterArea .individualFacet h3 a.openFacetLink {
                background-position: -20px 0
            }

        .subSectionsListingWrapper .facetFilterArea .individualFacet ul.facetList li.hide {
            display: none
        }

        .subSectionsListingWrapper .facetFilterArea .individualFacet span.moreLink {
            font-size: 12px;
            cursor: pointer;
            display: block;
            margin-left: 25px;
            margin-bottom: 15px;
            color: #6ba7e4
        }

            .subSectionsListingWrapper .facetFilterArea .individualFacet span.moreLink:hover {
                color: #38628D
            }

        .subSectionsListingWrapper .facetFilterArea .individualFacet ul.facetList {
            margin-left: 10px;
            margin-bottom: 10px;
            margin-top: 10px
        }

            .subSectionsListingWrapper .facetFilterArea .individualFacet ul.facetList li {
                font-size: 13px;
                margin-top: 5px;
                margin-bottom: 0.2em;
                width: 145px
            }

                .subSectionsListingWrapper .facetFilterArea .individualFacet ul.facetList li .hidden {
                    display: none
                }

                .subSectionsListingWrapper .facetFilterArea .individualFacet ul.facetList li a {
                    cursor: pointer;
                    font-size: 1em;
                    padding-bottom: 4px;
                    background: url("//accoblobstorageus.blob.core.windows.net/assets/images/kensingtonGlobal/facetSquares.gif");
                    background-repeat: no-repeat;
                    background-position: 0px 4px;
                    padding-left: 15px;
                    cursor: pointer;
                    display: block;
                    color: #333;
                    line-height: 1.5em;
                    transition: none
                }

                    .subSectionsListingWrapper .facetFilterArea .individualFacet ul.facetList li a .colourBlob {
                        display: inline-block;
                        margin-right: 0.25em;
                        width: 1em;
                        border: 1px solid #dedede
                    }

                    .subSectionsListingWrapper .facetFilterArea .individualFacet ul.facetList li a.inactive {
                        opacity: 0.25;
                        filter: alpha(opacity=25)
                    }

                    .subSectionsListingWrapper .facetFilterArea .individualFacet ul.facetList li a.selected {
                        color: #333;
                        background-position: 0px -185px
                    }

                .subSectionsListingWrapper .facetFilterArea .individualFacet ul.facetList li .dateRangeWrapper {
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                    -ms-flex-align: baseline;
                    align-items: baseline
                }

                    .subSectionsListingWrapper .facetFilterArea .individualFacet ul.facetList li .dateRangeWrapper.dateRangeStartWrapper {
                        margin: 0.5em 0
                    }

                    .subSectionsListingWrapper .facetFilterArea .individualFacet ul.facetList li .dateRangeWrapper label {
                        margin-right: 0.5em
                    }

            .subSectionsListingWrapper .facetFilterArea .individualFacet ul.facetList.facetListRadioButtons li a {
                background-image: url("//accoblobstorageus.blob.core.windows.net/assets/images/kensingtonGlobal/facetCircles.png")
            }

    .subSectionsListingWrapper .categoryListing {
        background-color: #f5f5f5;
        border: 1px solid #dedede;
        margin-bottom: 1em
    }

        .subSectionsListingWrapper .categoryListing h3 {
            font-weight: 200;
            font-size: 0.9em;
            text-transform: uppercase;
            color: #fff;
            background-color: #333;
            padding: 10px
        }

        .subSectionsListingWrapper .categoryListing li {
            margin-bottom: 10px;
            font-size: 0.9em
        }

            .subSectionsListingWrapper .categoryListing li a {
                color: #6ba7e4
            }

                .subSectionsListingWrapper .categoryListing li a:hover {
                    color: #38628D
                }

                .subSectionsListingWrapper .categoryListing li a.selected {
                    color: #333
                }

.subSectionsListing {
    padding: 10px
}

.mainAreaWrapper .currentLanguage, .mainAreaWrapper .theGroupSKU {
    display: none
}

.mainAreaWrapper .variantPageWrapper .addSKUFolderLink:before {
    content: ' ';
    width: 13px;
    margin-right: 5px;
    background-size: 13px 13px;
    height: 13px;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url("//accoassets.s3.amazonaws.com/partner/images/folder-open.png")
}

.mainAreaWrapper .variantPageWrapper .removeSKUFolderLink:before {
    content: ' ';
    width: 13px;
    margin-right: 5px;
    background-size: 13px 13px;
    height: 13px;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url("//accoassets.s3.amazonaws.com/partner/images/folder-open.png")
}

.mainAreaWrapper .variantPageWrapper .removeSKUFolderLink {
    background-color: #e46b79
}

    .mainAreaWrapper .variantPageWrapper .removeSKUFolderLink:hover {
        background-color: #d1505f
    }

.mainAreaWrapper .variantPageWrapper .easyzoom, .mainAreaWrapper .productPageWrapper .easyzoom, .mainAreaWrapper .leftColumn .easyzoom {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

    .mainAreaWrapper .variantPageWrapper .easyzoom i, .mainAreaWrapper .productPageWrapper .easyzoom i, .mainAreaWrapper .leftColumn .easyzoom i {
        position: absolute;
        bottom: 0.5em;
        right: 0.5em;
        font-size: 1.5em;
        color: #dedede
    }

    .mainAreaWrapper .variantPageWrapper .easyzoom img, .mainAreaWrapper .productPageWrapper .easyzoom img, .mainAreaWrapper .leftColumn .easyzoom img {
        vertical-align: bottom;
        cursor: default
    }

    .mainAreaWrapper .variantPageWrapper .easyzoom.is-loading img, .mainAreaWrapper .variantPageWrapper .easyzoom.is-loading .easyzoom-notice, .mainAreaWrapper .productPageWrapper .easyzoom.is-loading img, .mainAreaWrapper .productPageWrapper .easyzoom.is-loading .easyzoom-notice, .mainAreaWrapper .leftColumn .easyzoom.is-loading img, .mainAreaWrapper .leftColumn .easyzoom.is-loading .easyzoom-notice {
        cursor: progress
    }

    .mainAreaWrapper .variantPageWrapper .easyzoom.is-error img, .mainAreaWrapper .variantPageWrapper .easyzoom.is-error .easyzoom-notice, .mainAreaWrapper .productPageWrapper .easyzoom.is-error img, .mainAreaWrapper .productPageWrapper .easyzoom.is-error .easyzoom-notice, .mainAreaWrapper .leftColumn .easyzoom.is-error img, .mainAreaWrapper .leftColumn .easyzoom.is-error .easyzoom-notice {
        cursor: not-allowed
    }

.mainAreaWrapper .variantPageWrapper .easyzoom-notice, .mainAreaWrapper .productPageWrapper .easyzoom-notice, .mainAreaWrapper .leftColumn .easyzoom-notice {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 150;
    width: 10em;
    margin: -1em 0 0 -5em;
    line-height: 2em;
    text-align: center;
    background: #fff;
    border: 1px solid #6ba7e4
}

.mainAreaWrapper .variantPageWrapper .easyzoom-flyout, .mainAreaWrapper .productPageWrapper .easyzoom-flyout, .mainAreaWrapper .leftColumn .easyzoom-flyout {
    position: absolute;
    z-index: 100;
    overflow: hidden;
    background: #fff
}

.mainAreaWrapper .variantPageWrapper .easyzoom--overlay .easyzoom-flyout, .mainAreaWrapper .productPageWrapper .easyzoom--overlay .easyzoom-flyout, .mainAreaWrapper .leftColumn .easyzoom--overlay .easyzoom-flyout {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mainAreaWrapper .variantPageWrapper .easyzoom--adjacent .easyzoom-flyout, .mainAreaWrapper .productPageWrapper .easyzoom--adjacent .easyzoom-flyout, .mainAreaWrapper .leftColumn .easyzoom--adjacent .easyzoom-flyout {
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%
}

.mainAreaWrapper .variantPageWrapper .mainImageArea .easyzoom, .mainAreaWrapper .variantPageWrapper .leftColumn .easyzoom, .mainAreaWrapper .productPageWrapper .mainImageArea .easyzoom, .mainAreaWrapper .productPageWrapper .leftColumn .easyzoom, .mainAreaWrapper .rightColumn .mainImageArea .easyzoom, .mainAreaWrapper .rightColumn .leftColumn .easyzoom {
    margin: 20px
}

.mainAreaWrapper .variantPageWrapper .mainImageArea .easyzoom--adjacent .easyzoom-flyout, .mainAreaWrapper .variantPageWrapper .leftColumn .easyzoom--adjacent .easyzoom-flyout, .mainAreaWrapper .productPageWrapper .mainImageArea .easyzoom--adjacent .easyzoom-flyout, .mainAreaWrapper .productPageWrapper .leftColumn .easyzoom--adjacent .easyzoom-flyout, .mainAreaWrapper .rightColumn .mainImageArea .easyzoom--adjacent .easyzoom-flyout, .mainAreaWrapper .rightColumn .leftColumn .easyzoom--adjacent .easyzoom-flyout {
    top: -20px;
    width: 359px;
    height: 600px;
    margin-left: 21px
}

.mainAreaWrapper .variantPageWrapper .variantAreaInner, .mainAreaWrapper .productPageWrapper .variantAreaInner, .mainAreaWrapper .rightColumn .variantAreaInner {
    background-color: #f5f5f5;
    padding: 1em;
    border: 1px solid #dedede
}

    .mainAreaWrapper .variantPageWrapper .variantAreaInner p, .mainAreaWrapper .productPageWrapper .variantAreaInner p, .mainAreaWrapper .rightColumn .variantAreaInner p {
        display: inline-block;
        width: 47%;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 13px
    }

    .mainAreaWrapper .variantPageWrapper .variantAreaInner select, .mainAreaWrapper .productPageWrapper .variantAreaInner select, .mainAreaWrapper .rightColumn .variantAreaInner select {
        font-family: "Open Sans",Arial,sans-serif;
        border: 1px #dedede solid;
        padding: 2px;
        background-color: #fff;
        font-size: 13px
    }

    .mainAreaWrapper .variantPageWrapper .variantAreaInner label, .mainAreaWrapper .productPageWrapper .variantAreaInner label, .mainAreaWrapper .rightColumn .variantAreaInner label {
        display: inline-block;
        width: 45%
    }

.mainAreaWrapper .variantPageWrapper .individualSKUDetails, .mainAreaWrapper .productPageWrapper .individualSKUDetails, .mainAreaWrapper .rightColumn .individualSKUDetails {
    display: none
}

.mainAreaWrapper .variantPageWrapper .productGrid, .mainAreaWrapper .productPageWrapper .productGrid, .mainAreaWrapper .rightColumn .productGrid {
    position: relative;
    margin-top: 1em;
    background-color: #f5f5f5;
    padding: 1em;
    border: 1px solid #dedede
}

    .mainAreaWrapper .variantPageWrapper .productGrid table, .mainAreaWrapper .productPageWrapper .productGrid table, .mainAreaWrapper .rightColumn .productGrid table {
        font-size: 0.9em;
        width: 100%
    }

        .mainAreaWrapper .variantPageWrapper .productGrid table td, .mainAreaWrapper .variantPageWrapper .productGrid table th, .mainAreaWrapper .productPageWrapper .productGrid table td, .mainAreaWrapper .productPageWrapper .productGrid table th, .mainAreaWrapper .rightColumn .productGrid table td, .mainAreaWrapper .rightColumn .productGrid table th {
            padding: 0.25em 0.5em
        }

        .mainAreaWrapper .variantPageWrapper .productGrid table th, .mainAreaWrapper .productPageWrapper .productGrid table th, .mainAreaWrapper .rightColumn .productGrid table th {
            font-weight: bold;
            text-transform: uppercase;
            font-size: 13px;
            padding-bottom: 10px
        }

        .mainAreaWrapper .variantPageWrapper .productGrid table tr td:hover, .mainAreaWrapper .productPageWrapper .productGrid table tr td:hover, .mainAreaWrapper .rightColumn .productGrid table tr td:hover {
            cursor: pointer
        }

        .mainAreaWrapper .variantPageWrapper .productGrid table td, .mainAreaWrapper .productPageWrapper .productGrid table td, .mainAreaWrapper .rightColumn .productGrid table td {
            border-top: solid #dedede 1px
        }

            .mainAreaWrapper .variantPageWrapper .productGrid table td.hover, .mainAreaWrapper .productPageWrapper .productGrid table td.hover, .mainAreaWrapper .rightColumn .productGrid table td.hover {
                background-color: #dedede
            }

            .mainAreaWrapper .variantPageWrapper .productGrid table td.selected, .mainAreaWrapper .productPageWrapper .productGrid table td.selected, .mainAreaWrapper .rightColumn .productGrid table td.selected {
                background-color: #fcf6c0;
                color: #333
            }

            .mainAreaWrapper .variantPageWrapper .productGrid table td a.addSKUFolderLink, .mainAreaWrapper .variantPageWrapper .productGrid table td a.removeSKUFolderLink, .mainAreaWrapper .productPageWrapper .productGrid table td a.addSKUFolderLink, .mainAreaWrapper .productPageWrapper .productGrid table td a.removeSKUFolderLink, .mainAreaWrapper .rightColumn .productGrid table td a.addSKUFolderLink, .mainAreaWrapper .rightColumn .productGrid table td a.removeSKUFolderLink {
                font-size: 0.8em;
                padding: 0.75em;
                display: inline-block;
                text-transform: uppercase;
                border-radius: 5px;
                cursor: pointer;
                color: #fff;
                margin-left: 20px
            }

            .mainAreaWrapper .variantPageWrapper .productGrid table td a.addSKUFolderLink, .mainAreaWrapper .productPageWrapper .productGrid table td a.addSKUFolderLink, .mainAreaWrapper .rightColumn .productGrid table td a.addSKUFolderLink {
                background-color: #6bd183
            }

                .mainAreaWrapper .variantPageWrapper .productGrid table td a.addSKUFolderLink:hover, .mainAreaWrapper .productPageWrapper .productGrid table td a.addSKUFolderLink:hover, .mainAreaWrapper .rightColumn .productGrid table td a.addSKUFolderLink:hover {
                    background-color: #3bc75c
                }

            .mainAreaWrapper .variantPageWrapper .productGrid table td a.removeSKUFolderLink, .mainAreaWrapper .productPageWrapper .productGrid table td a.removeSKUFolderLink, .mainAreaWrapper .rightColumn .productGrid table td a.removeSKUFolderLink {
                background-color: #e46b79
            }

                .mainAreaWrapper .variantPageWrapper .productGrid table td a.removeSKUFolderLink:hover, .mainAreaWrapper .productPageWrapper .productGrid table td a.removeSKUFolderLink:hover, .mainAreaWrapper .rightColumn .productGrid table td a.removeSKUFolderLink:hover {
                    background-color: #d1505f
                }

.mainAreaWrapper .variantPageWrapper .sideProductArea, .mainAreaWrapper .productPageWrapper .sideProductArea, .mainAreaWrapper .rightColumn .sideProductArea {
    float: left;
    width: 300px;
    padding-bottom: 1em
}

    .mainAreaWrapper .variantPageWrapper .sideProductArea img.mainImage, .mainAreaWrapper .productPageWrapper .sideProductArea img.mainImage, .mainAreaWrapper .rightColumn .sideProductArea img.mainImage {
        width: 300px;
        height: 300px
    }

    .mainAreaWrapper .variantPageWrapper .sideProductArea .relatedProductsArea, .mainAreaWrapper .productPageWrapper .sideProductArea .relatedProductsArea, .mainAreaWrapper .rightColumn .sideProductArea .relatedProductsArea {
        background: #f5f5f5;
        border: 1px solid #dedede;
        padding: 20px
    }

        .mainAreaWrapper .variantPageWrapper .sideProductArea .relatedProductsArea h3, .mainAreaWrapper .productPageWrapper .sideProductArea .relatedProductsArea h3, .mainAreaWrapper .rightColumn .sideProductArea .relatedProductsArea h3 {
            margin-bottom: 1em;
            text-transform: uppercase;
            font-weight: bold
        }

        .mainAreaWrapper .variantPageWrapper .sideProductArea .relatedProductsArea ul, .mainAreaWrapper .productPageWrapper .sideProductArea .relatedProductsArea ul, .mainAreaWrapper .rightColumn .sideProductArea .relatedProductsArea ul {
            font-size: 0.85em
        }

            .mainAreaWrapper .variantPageWrapper .sideProductArea .relatedProductsArea ul li, .mainAreaWrapper .productPageWrapper .sideProductArea .relatedProductsArea ul li, .mainAreaWrapper .rightColumn .sideProductArea .relatedProductsArea ul li {
                margin-bottom: 0.35em
            }

                .mainAreaWrapper .variantPageWrapper .sideProductArea .relatedProductsArea ul li.hiddenRelatedProduct, .mainAreaWrapper .productPageWrapper .sideProductArea .relatedProductsArea ul li.hiddenRelatedProduct, .mainAreaWrapper .rightColumn .sideProductArea .relatedProductsArea ul li.hiddenRelatedProduct {
                    display: none
                }

                .mainAreaWrapper .variantPageWrapper .sideProductArea .relatedProductsArea ul li a, .mainAreaWrapper .productPageWrapper .sideProductArea .relatedProductsArea ul li a, .mainAreaWrapper .rightColumn .sideProductArea .relatedProductsArea ul li a {
                    color: #6ba7e4;
                    line-height: 18px
                }

                    .mainAreaWrapper .variantPageWrapper .sideProductArea .relatedProductsArea ul li a:hover, .mainAreaWrapper .productPageWrapper .sideProductArea .relatedProductsArea ul li a:hover, .mainAreaWrapper .rightColumn .sideProductArea .relatedProductsArea ul li a:hover {
                        color: #38628D
                    }

                    .mainAreaWrapper .variantPageWrapper .sideProductArea .relatedProductsArea ul li a.showAllRelatedProducts, .mainAreaWrapper .productPageWrapper .sideProductArea .relatedProductsArea ul li a.showAllRelatedProducts, .mainAreaWrapper .rightColumn .sideProductArea .relatedProductsArea ul li a.showAllRelatedProducts {
                        cursor: pointer
                    }

                        .mainAreaWrapper .variantPageWrapper .sideProductArea .relatedProductsArea ul li a.showAllRelatedProducts:after, .mainAreaWrapper .productPageWrapper .sideProductArea .relatedProductsArea ul li a.showAllRelatedProducts:after, .mainAreaWrapper .rightColumn .sideProductArea .relatedProductsArea ul li a.showAllRelatedProducts:after {
                            content: '...'
                        }

    .mainAreaWrapper .variantPageWrapper .sideProductArea .viewMoreImagesLink, .mainAreaWrapper .productPageWrapper .sideProductArea .viewMoreImagesLink, .mainAreaWrapper .rightColumn .sideProductArea .viewMoreImagesLink {
        text-align: center;
        padding: 0.5em;
        display: block;
        cursor: pointer;
        color: #6ba7e4;
        border: 1px solid #dedede;
        background: #f5f5f5;
        margin-top: 15px
    }

        .mainAreaWrapper .variantPageWrapper .sideProductArea .viewMoreImagesLink:hover, .mainAreaWrapper .productPageWrapper .sideProductArea .viewMoreImagesLink:hover, .mainAreaWrapper .rightColumn .sideProductArea .viewMoreImagesLink:hover {
            color: #38628D
        }

    .mainAreaWrapper .variantPageWrapper .sideProductArea .feedBackPanel, .mainAreaWrapper .variantPageWrapper .sideProductArea .scratchPadPanel, .mainAreaWrapper .productPageWrapper .sideProductArea .feedBackPanel, .mainAreaWrapper .productPageWrapper .sideProductArea .scratchPadPanel, .mainAreaWrapper .rightColumn .sideProductArea .feedBackPanel, .mainAreaWrapper .rightColumn .sideProductArea .scratchPadPanel {
        background-color: #f5f5f5;
        border: 1px solid #dedede;
        padding: 1em;
        margin-top: 1em
    }

        .mainAreaWrapper .variantPageWrapper .sideProductArea .feedBackPanel h3, .mainAreaWrapper .variantPageWrapper .sideProductArea .scratchPadPanel h3, .mainAreaWrapper .productPageWrapper .sideProductArea .feedBackPanel h3, .mainAreaWrapper .productPageWrapper .sideProductArea .scratchPadPanel h3, .mainAreaWrapper .rightColumn .sideProductArea .feedBackPanel h3, .mainAreaWrapper .rightColumn .sideProductArea .scratchPadPanel h3 {
            font-weight: bold;
            font-size: 13px;
            margin-bottom: 0.4em;
            text-transform: uppercase
        }

        .mainAreaWrapper .variantPageWrapper .sideProductArea .feedBackPanel .existingScratchPadData ul, .mainAreaWrapper .variantPageWrapper .sideProductArea .scratchPadPanel .existingScratchPadData ul, .mainAreaWrapper .productPageWrapper .sideProductArea .feedBackPanel .existingScratchPadData ul, .mainAreaWrapper .productPageWrapper .sideProductArea .scratchPadPanel .existingScratchPadData ul, .mainAreaWrapper .rightColumn .sideProductArea .feedBackPanel .existingScratchPadData ul, .mainAreaWrapper .rightColumn .sideProductArea .scratchPadPanel .existingScratchPadData ul {
            margin-bottom: 0.5em
        }

            .mainAreaWrapper .variantPageWrapper .sideProductArea .feedBackPanel .existingScratchPadData ul li, .mainAreaWrapper .variantPageWrapper .sideProductArea .scratchPadPanel .existingScratchPadData ul li, .mainAreaWrapper .productPageWrapper .sideProductArea .feedBackPanel .existingScratchPadData ul li, .mainAreaWrapper .productPageWrapper .sideProductArea .scratchPadPanel .existingScratchPadData ul li, .mainAreaWrapper .rightColumn .sideProductArea .feedBackPanel .existingScratchPadData ul li, .mainAreaWrapper .rightColumn .sideProductArea .scratchPadPanel .existingScratchPadData ul li {
                margin-bottom: 0.8em
            }

                .mainAreaWrapper .variantPageWrapper .sideProductArea .feedBackPanel .existingScratchPadData ul li span, .mainAreaWrapper .variantPageWrapper .sideProductArea .scratchPadPanel .existingScratchPadData ul li span, .mainAreaWrapper .productPageWrapper .sideProductArea .feedBackPanel .existingScratchPadData ul li span, .mainAreaWrapper .productPageWrapper .sideProductArea .scratchPadPanel .existingScratchPadData ul li span, .mainAreaWrapper .rightColumn .sideProductArea .feedBackPanel .existingScratchPadData ul li span, .mainAreaWrapper .rightColumn .sideProductArea .scratchPadPanel .existingScratchPadData ul li span {
                    display: block;
                    text-align: right;
                    margin-bottom: 0.2em;
                    font-size: 0.9em
                }

                    .mainAreaWrapper .variantPageWrapper .sideProductArea .feedBackPanel .existingScratchPadData ul li span a, .mainAreaWrapper .variantPageWrapper .sideProductArea .scratchPadPanel .existingScratchPadData ul li span a, .mainAreaWrapper .productPageWrapper .sideProductArea .feedBackPanel .existingScratchPadData ul li span a, .mainAreaWrapper .productPageWrapper .sideProductArea .scratchPadPanel .existingScratchPadData ul li span a, .mainAreaWrapper .rightColumn .sideProductArea .feedBackPanel .existingScratchPadData ul li span a, .mainAreaWrapper .rightColumn .sideProductArea .scratchPadPanel .existingScratchPadData ul li span a {
                        float: left;
                        color: #e46b79
                    }

                        .mainAreaWrapper .variantPageWrapper .sideProductArea .feedBackPanel .existingScratchPadData ul li span a:hover, .mainAreaWrapper .variantPageWrapper .sideProductArea .scratchPadPanel .existingScratchPadData ul li span a:hover, .mainAreaWrapper .productPageWrapper .sideProductArea .feedBackPanel .existingScratchPadData ul li span a:hover, .mainAreaWrapper .productPageWrapper .sideProductArea .scratchPadPanel .existingScratchPadData ul li span a:hover, .mainAreaWrapper .rightColumn .sideProductArea .feedBackPanel .existingScratchPadData ul li span a:hover, .mainAreaWrapper .rightColumn .sideProductArea .scratchPadPanel .existingScratchPadData ul li span a:hover {
                            color: #d1505f
                        }

        .mainAreaWrapper .variantPageWrapper .sideProductArea .feedBackPanel p, .mainAreaWrapper .variantPageWrapper .sideProductArea .scratchPadPanel p, .mainAreaWrapper .productPageWrapper .sideProductArea .feedBackPanel p, .mainAreaWrapper .productPageWrapper .sideProductArea .scratchPadPanel p, .mainAreaWrapper .rightColumn .sideProductArea .feedBackPanel p, .mainAreaWrapper .rightColumn .sideProductArea .scratchPadPanel p {
            margin-bottom: 0.4em;
            line-height: 1.7em
        }

            .mainAreaWrapper .variantPageWrapper .sideProductArea .feedBackPanel p textarea, .mainAreaWrapper .variantPageWrapper .sideProductArea .scratchPadPanel p textarea, .mainAreaWrapper .productPageWrapper .sideProductArea .feedBackPanel p textarea, .mainAreaWrapper .productPageWrapper .sideProductArea .scratchPadPanel p textarea, .mainAreaWrapper .rightColumn .sideProductArea .feedBackPanel p textarea, .mainAreaWrapper .rightColumn .sideProductArea .scratchPadPanel p textarea {
                font-family: "Open Sans",Arial,sans-serif;
                border: 1px #dedede solid !important;
                padding: 5px;
                width: 95%;
                height: 7em;
                font-size: 0.9em
            }

            .mainAreaWrapper .variantPageWrapper .sideProductArea .feedBackPanel p.thanksText, .mainAreaWrapper .variantPageWrapper .sideProductArea .scratchPadPanel p.thanksText, .mainAreaWrapper .productPageWrapper .sideProductArea .feedBackPanel p.thanksText, .mainAreaWrapper .productPageWrapper .sideProductArea .scratchPadPanel p.thanksText, .mainAreaWrapper .rightColumn .sideProductArea .feedBackPanel p.thanksText, .mainAreaWrapper .rightColumn .sideProductArea .scratchPadPanel p.thanksText {
                display: none
            }

.mainAreaWrapper .variantPageWrapper .mainProductContentArea, .mainAreaWrapper .productPageWrapper .mainProductContentArea, .mainAreaWrapper .rightColumn .mainProductContentArea {
    margin-left: 325px
}

    .mainAreaWrapper .variantPageWrapper .mainProductContentArea .instructionText, .mainAreaWrapper .productPageWrapper .mainProductContentArea .instructionText, .mainAreaWrapper .rightColumn .mainProductContentArea .instructionText {
        display: block;
        margin-top: 1em;
        color: #666;
        font-size: 0.8em;
        margin-bottom: 2em
    }

    .mainAreaWrapper .variantPageWrapper .mainProductContentArea h1.longTitle, .mainAreaWrapper .productPageWrapper .mainProductContentArea h1.longTitle, .mainAreaWrapper .rightColumn .mainProductContentArea h1.longTitle {
        font-size: 1.5em;
        line-height: 1.2em
    }

    .mainAreaWrapper .variantPageWrapper .mainProductContentArea h1, .mainAreaWrapper .productPageWrapper .mainProductContentArea h1, .mainAreaWrapper .rightColumn .mainProductContentArea h1 {
        line-height: 1.3em;
        font-size: 1.8em
    }

    .mainAreaWrapper .variantPageWrapper .mainProductContentArea .generalInfoArea, .mainAreaWrapper .productPageWrapper .mainProductContentArea .generalInfoArea, .mainAreaWrapper .rightColumn .mainProductContentArea .generalInfoArea {
        line-height: 20px;
        margin: 0px 0 25px 0
    }

        .mainAreaWrapper .variantPageWrapper .mainProductContentArea .generalInfoArea h3, .mainAreaWrapper .productPageWrapper .mainProductContentArea .generalInfoArea h3, .mainAreaWrapper .rightColumn .mainProductContentArea .generalInfoArea h3 {
            font-weight: bold;
            margin-bottom: 0.2em;
            font-size: 1.1em;
            text-transform: uppercase
        }

        .mainAreaWrapper .variantPageWrapper .mainProductContentArea .generalInfoArea p, .mainAreaWrapper .productPageWrapper .mainProductContentArea .generalInfoArea p, .mainAreaWrapper .rightColumn .mainProductContentArea .generalInfoArea p {
            margin-bottom: 0.2em
        }

            .mainAreaWrapper .variantPageWrapper .mainProductContentArea .generalInfoArea p .productCode:before, .mainAreaWrapper .productPageWrapper .mainProductContentArea .generalInfoArea p .productCode:before, .mainAreaWrapper .rightColumn .mainProductContentArea .generalInfoArea p .productCode:before {
                content: '#'
            }

        .mainAreaWrapper .variantPageWrapper .mainProductContentArea .generalInfoArea strong, .mainAreaWrapper .productPageWrapper .mainProductContentArea .generalInfoArea strong, .mainAreaWrapper .rightColumn .mainProductContentArea .generalInfoArea strong {
            font-weight: bold;
            margin-right: 0.5em
        }

    .mainAreaWrapper .variantPageWrapper .mainProductContentArea .ktgExtraInfoBox p:first-child, .mainAreaWrapper .variantPageWrapper .mainProductContentArea .ktgExtraInfoBoxVariant p:first-child, .mainAreaWrapper .productPageWrapper .mainProductContentArea .ktgExtraInfoBox p:first-child, .mainAreaWrapper .productPageWrapper .mainProductContentArea .ktgExtraInfoBoxVariant p:first-child, .mainAreaWrapper .rightColumn .mainProductContentArea .ktgExtraInfoBox p:first-child, .mainAreaWrapper .rightColumn .mainProductContentArea .ktgExtraInfoBoxVariant p:first-child {
        margin-bottom: 0.8em
    }

    .mainAreaWrapper .variantPageWrapper .mainProductContentArea .ktgExtraInfoBox p span, .mainAreaWrapper .variantPageWrapper .mainProductContentArea .ktgExtraInfoBoxVariant p span, .mainAreaWrapper .productPageWrapper .mainProductContentArea .ktgExtraInfoBox p span, .mainAreaWrapper .productPageWrapper .mainProductContentArea .ktgExtraInfoBoxVariant p span, .mainAreaWrapper .rightColumn .mainProductContentArea .ktgExtraInfoBox p span, .mainAreaWrapper .rightColumn .mainProductContentArea .ktgExtraInfoBoxVariant p span {
        display: inline-block;
        width: 30%;
        vertical-align: top;
        font-weight: bold
    }

    .mainAreaWrapper .variantPageWrapper .mainProductContentArea .ktgExtraInfoBox, .mainAreaWrapper .productPageWrapper .mainProductContentArea .ktgExtraInfoBox, .mainAreaWrapper .rightColumn .mainProductContentArea .ktgExtraInfoBox {
        background-color: #f5f5f5;
        border: 1px solid #dedede;
        padding: 15px;
        margin-bottom: 20px;
        margin-top: -7px
    }

    .mainAreaWrapper .variantPageWrapper .mainProductContentArea .brandLogosAndSkuFolderBox, .mainAreaWrapper .productPageWrapper .mainProductContentArea .brandLogosAndSkuFolderBox, .mainAreaWrapper .rightColumn .mainProductContentArea .brandLogosAndSkuFolderBox {
        text-align: right;
        float: right;
        margin-left: 1em
    }

        .mainAreaWrapper .variantPageWrapper .mainProductContentArea .brandLogosAndSkuFolderBox img, .mainAreaWrapper .productPageWrapper .mainProductContentArea .brandLogosAndSkuFolderBox img, .mainAreaWrapper .rightColumn .mainProductContentArea .brandLogosAndSkuFolderBox img {
            display: block;
            margin-bottom: 0.1em
        }

        .mainAreaWrapper .variantPageWrapper .mainProductContentArea .brandLogosAndSkuFolderBox .addSKUFolderLink, .mainAreaWrapper .variantPageWrapper .mainProductContentArea .brandLogosAndSkuFolderBox .removeSKUFolderLink, .mainAreaWrapper .productPageWrapper .mainProductContentArea .brandLogosAndSkuFolderBox .addSKUFolderLink, .mainAreaWrapper .productPageWrapper .mainProductContentArea .brandLogosAndSkuFolderBox .removeSKUFolderLink, .mainAreaWrapper .rightColumn .mainProductContentArea .brandLogosAndSkuFolderBox .addSKUFolderLink, .mainAreaWrapper .rightColumn .mainProductContentArea .brandLogosAndSkuFolderBox .removeSKUFolderLink {
            padding: 0.5em;
            display: inline-block;
            text-transform: uppercase;
            background-color: #6bd183;
            border-radius: 5px;
            cursor: pointer;
            color: white;
            margin-left: 20px;
            margin-top: 10px
        }

            .mainAreaWrapper .variantPageWrapper .mainProductContentArea .brandLogosAndSkuFolderBox .addSKUFolderLink:hover, .mainAreaWrapper .variantPageWrapper .mainProductContentArea .brandLogosAndSkuFolderBox .removeSKUFolderLink:hover, .mainAreaWrapper .productPageWrapper .mainProductContentArea .brandLogosAndSkuFolderBox .addSKUFolderLink:hover, .mainAreaWrapper .productPageWrapper .mainProductContentArea .brandLogosAndSkuFolderBox .removeSKUFolderLink:hover, .mainAreaWrapper .rightColumn .mainProductContentArea .brandLogosAndSkuFolderBox .addSKUFolderLink:hover, .mainAreaWrapper .rightColumn .mainProductContentArea .brandLogosAndSkuFolderBox .removeSKUFolderLink:hover {
                background-color: #3bc75c
            }

        .mainAreaWrapper .variantPageWrapper .mainProductContentArea .brandLogosAndSkuFolderBox .removeSKUFolderLink, .mainAreaWrapper .productPageWrapper .mainProductContentArea .brandLogosAndSkuFolderBox .removeSKUFolderLink, .mainAreaWrapper .rightColumn .mainProductContentArea .brandLogosAndSkuFolderBox .removeSKUFolderLink {
            background-color: #e46b79
        }

            .mainAreaWrapper .variantPageWrapper .mainProductContentArea .brandLogosAndSkuFolderBox .removeSKUFolderLink:hover, .mainAreaWrapper .productPageWrapper .mainProductContentArea .brandLogosAndSkuFolderBox .removeSKUFolderLink:hover, .mainAreaWrapper .rightColumn .mainProductContentArea .brandLogosAndSkuFolderBox .removeSKUFolderLink:hover {
                background-color: #d1505f
            }

        .mainAreaWrapper .variantPageWrapper .mainProductContentArea .brandLogosAndSkuFolderBox .addSKUFolderLink:before, .mainAreaWrapper .productPageWrapper .mainProductContentArea .brandLogosAndSkuFolderBox .addSKUFolderLink:before, .mainAreaWrapper .rightColumn .mainProductContentArea .brandLogosAndSkuFolderBox .addSKUFolderLink:before {
            content: ' ';
            width: 13px;
            margin-right: 5px;
            background-size: 13px 13px;
            height: 13px;
            background-repeat: no-repeat;
            display: inline-block;
            background-image: url("//accoassets.s3.amazonaws.com/partner/images/folder-open.png")
        }

        .mainAreaWrapper .variantPageWrapper .mainProductContentArea .brandLogosAndSkuFolderBox .removeSKUFolderLink:before, .mainAreaWrapper .productPageWrapper .mainProductContentArea .brandLogosAndSkuFolderBox .removeSKUFolderLink:before, .mainAreaWrapper .rightColumn .mainProductContentArea .brandLogosAndSkuFolderBox .removeSKUFolderLink:before {
            content: ' ';
            width: 13px;
            margin-right: 5px;
            background-size: 13px 13px;
            height: 13px;
            background-repeat: no-repeat;
            display: inline-block;
            background-image: url("//accoassets.s3.amazonaws.com/partner/images/folder-open.png")
        }

    .mainAreaWrapper .variantPageWrapper .mainProductContentArea .variantAreaInner p, .mainAreaWrapper .productPageWrapper .mainProductContentArea .variantAreaInner p, .mainAreaWrapper .rightColumn .mainProductContentArea .variantAreaInner p {
        padding: 5px;
        box-sizing: border-box
    }

    .mainAreaWrapper .variantPageWrapper .mainProductContentArea .variantAreaInner select, .mainAreaWrapper .productPageWrapper .mainProductContentArea .variantAreaInner select, .mainAreaWrapper .rightColumn .mainProductContentArea .variantAreaInner select {
        max-width: 50%
    }

    .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea {
        background-color: #f5f5f5;
        border: 1px solid #dedede;
        padding: 15px;
        margin-bottom: 15px
    }

        .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea dl, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea dl, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea dl {
            line-height: 1.7em
        }

            .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea dl dt, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea dl dt, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea dl dt {
                font-weight: bold;
                font-size: 1.1em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
                text-transform: uppercase
            }

            .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea dl dd, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea dl dd, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea dl dd {
                margin-bottom: 1em
            }

            .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea dl a, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea dl a, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea dl a {
                color: #6ba7e4
            }

                .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea dl a:hover, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea dl a:hover, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea dl a:hover {
                    color: #38628D
                }

        .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea p.fandbNote, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea p.fandbNote, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea p.fandbNote {
            text-transform: uppercase;
            font-size: 0.75em;
            font-weight: bold;
            color: #666
        }

        .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea .specSheetLink, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea .specSheetLink, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea .specSheetLink {
            display: block;
            font-size: 0.9em;
            color: #6ba7e4
        }

            .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea .specSheetLink i, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea .specSheetLink i, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea .specSheetLink i {
                margin-right: 0.5em;
                color: #333
            }

            .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea .specSheetLink:hover, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea .specSheetLink:hover, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea .specSheetLink:hover {
                color: #38628D
            }

        .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea .specSheetLinkVariant, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea .specSheetLinkVariant, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea .specSheetLinkVariant {
            display: none
        }

        .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea .infoDiv, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea .infoDiv, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea .infoDiv {
            margin-bottom: 20px
        }

            .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea .infoDiv p.variantDescHoldingText, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea .infoDiv p.variantDescHoldingText, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea .infoDiv p.variantDescHoldingText {
                padding: 2em 0;
                opacity: 0.5;
                margin-top: 1em;
                text-align: center
            }

            .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea .infoDiv h3, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea .infoDiv h3, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea .infoDiv h3 {
                cursor: pointer;
                font-weight: bold;
                font-size: 1.1em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
                text-transform: uppercase
            }

                .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea .infoDiv h3 i, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea .infoDiv h3 i, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea .infoDiv h3 i {
                    margin-right: 0.25em;
                    font-size: 1.2em;
                    color: #6ba7e4;
                    float: left;
                    width: 15px;
                    margin-top: -2px
                }

            .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv {
                display: none;
                margin-left: 20px;
                margin-bottom: 0.5em
            }

                .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv p, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv p, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv p {
                    line-height: 1.7em
                }

                .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv a, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv a, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv a {
                    color: #6ba7e4;
                    word-wrap: break-word
                }

                    .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv a:hover, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv a:hover, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv a:hover {
                        color: #38628D
                    }

                .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv .dimsPanel, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv .dimsPanel, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv .dimsPanel {
                    display: inline-block;
                    width: 32%;
                    vertical-align: top
                }

                    .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv .dimsPanel h4, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv .dimsPanel h4, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv .dimsPanel h4 {
                        margin-bottom: 0.2em;
                        font-weight: bold;
                        text-transform: uppercase;
                        margin-top: 0.5em
                    }

                    .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv .dimsPanel p, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv .dimsPanel p, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv .dimsPanel p {
                        margin-bottom: 0.2em
                    }

                        .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv .dimsPanel p strong, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv .dimsPanel p strong, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv .dimsPanel p strong {
                            font-weight: bold;
                            margin-right: 0.3em
                        }

                .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv ul.ExtendedFeatures li, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv ul.ExtendedFeatures li, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv ul.ExtendedFeatures li {
                    list-style-type: none;
                    margin-left: 0
                }

                    .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv ul.ExtendedFeatures li h5, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv ul.ExtendedFeatures li h5, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv ul.ExtendedFeatures li h5 {
                        font-weight: bold
                    }

                    .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv ul.ExtendedFeatures li img, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv ul.ExtendedFeatures li img, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv ul.ExtendedFeatures li img {
                        float: left
                    }

                    .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv ul.ExtendedFeatures li.withImage, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv ul.ExtendedFeatures li.withImage, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv ul.ExtendedFeatures li.withImage {
                        min-height: 140px
                    }

                        .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv ul.ExtendedFeatures li.withImage p, .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv ul.ExtendedFeatures li.withImage h5, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv ul.ExtendedFeatures li.withImage p, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv ul.ExtendedFeatures li.withImage h5, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv ul.ExtendedFeatures li.withImage p, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea .infoDiv .innerInfoDiv ul.ExtendedFeatures li.withImage h5 {
                            margin-left: 155px
                        }

        .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea p, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea p, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea p {
            margin-bottom: 1em
        }

        .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea ul li, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea ul li, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea ul li {
            margin-bottom: 0.5em;
            margin-left: 22px;
            font-size: 1em;
            line-height: 1.5em;
            list-style-type: square
        }

            .mainAreaWrapper .variantPageWrapper .mainProductContentArea .productDetailsArea ul li strong, .mainAreaWrapper .productPageWrapper .mainProductContentArea .productDetailsArea ul li strong, .mainAreaWrapper .rightColumn .mainProductContentArea .productDetailsArea ul li strong {
                font-weight: bold;
                margin-right: 0.25em
            }

.mainAreaWrapper .variantPageWrapper .tabsArea, .mainAreaWrapper .variantPageWrapper .imageOptionTabsArea, .mainAreaWrapper .productPageWrapper .tabsArea, .mainAreaWrapper .productPageWrapper .imageOptionTabsArea, .mainAreaWrapper .rightColumn .tabsArea, .mainAreaWrapper .rightColumn .imageOptionTabsArea {
    clear: right;
    margin-bottom: -1px;
    margin-top: 1em
}

    .mainAreaWrapper .variantPageWrapper .tabsArea a, .mainAreaWrapper .variantPageWrapper .imageOptionTabsArea a, .mainAreaWrapper .productPageWrapper .tabsArea a, .mainAreaWrapper .productPageWrapper .imageOptionTabsArea a, .mainAreaWrapper .rightColumn .tabsArea a, .mainAreaWrapper .rightColumn .imageOptionTabsArea a {
        display: inline-block;
        padding: 12px 16px;
        font-weight: normal;
        color: #fff;
        cursor: pointer;
        margin-right: 1px;
        background-color: #6ba7e4;
        border: 1px solid #6ba7e4
    }

        .mainAreaWrapper .variantPageWrapper .tabsArea a:not(.selected):hover, .mainAreaWrapper .variantPageWrapper .imageOptionTabsArea a:not(.selected):hover, .mainAreaWrapper .productPageWrapper .tabsArea a:not(.selected):hover, .mainAreaWrapper .productPageWrapper .imageOptionTabsArea a:not(.selected):hover, .mainAreaWrapper .rightColumn .tabsArea a:not(.selected):hover, .mainAreaWrapper .rightColumn .imageOptionTabsArea a:not(.selected):hover {
            background-color: #38628D;
            border: 1px solid #38628D
        }

        .mainAreaWrapper .variantPageWrapper .tabsArea a.selected, .mainAreaWrapper .variantPageWrapper .imageOptionTabsArea a.selected, .mainAreaWrapper .productPageWrapper .tabsArea a.selected, .mainAreaWrapper .productPageWrapper .imageOptionTabsArea a.selected, .mainAreaWrapper .rightColumn .tabsArea a.selected, .mainAreaWrapper .rightColumn .imageOptionTabsArea a.selected {
            background-color: #f5f5f5;
            border: 1px solid #dedede;
            border-bottom: 1px solid #f5f5f5;
            color: #333
        }

.mainAreaWrapper .variantPageWrapper .productResourcesArea, .mainAreaWrapper .variantPageWrapper .relationshipsArea, .mainAreaWrapper .productPageWrapper .productResourcesArea, .mainAreaWrapper .productPageWrapper .relationshipsArea, .mainAreaWrapper .rightColumn .productResourcesArea, .mainAreaWrapper .rightColumn .relationshipsArea {
    background-color: #f5f5f5;
    display: none;
    border: 1px solid #dedede;
    padding: 20px
}

    .mainAreaWrapper .variantPageWrapper .productResourcesArea ul.assetTypeList, .mainAreaWrapper .variantPageWrapper .productResourcesArea ul.relatedProductsList, .mainAreaWrapper .variantPageWrapper .relationshipsArea ul.assetTypeList, .mainAreaWrapper .variantPageWrapper .relationshipsArea ul.relatedProductsList, .mainAreaWrapper .productPageWrapper .productResourcesArea ul.assetTypeList, .mainAreaWrapper .productPageWrapper .productResourcesArea ul.relatedProductsList, .mainAreaWrapper .productPageWrapper .relationshipsArea ul.assetTypeList, .mainAreaWrapper .productPageWrapper .relationshipsArea ul.relatedProductsList, .mainAreaWrapper .rightColumn .productResourcesArea ul.assetTypeList, .mainAreaWrapper .rightColumn .productResourcesArea ul.relatedProductsList, .mainAreaWrapper .rightColumn .relationshipsArea ul.assetTypeList, .mainAreaWrapper .rightColumn .relationshipsArea ul.relatedProductsList {
        width: 100%;
        text-transform: uppercase
    }

        .mainAreaWrapper .variantPageWrapper .productResourcesArea ul.assetTypeList > li, .mainAreaWrapper .variantPageWrapper .productResourcesArea ul.relatedProductsList > li, .mainAreaWrapper .variantPageWrapper .relationshipsArea ul.assetTypeList > li, .mainAreaWrapper .variantPageWrapper .relationshipsArea ul.relatedProductsList > li, .mainAreaWrapper .productPageWrapper .productResourcesArea ul.assetTypeList > li, .mainAreaWrapper .productPageWrapper .productResourcesArea ul.relatedProductsList > li, .mainAreaWrapper .productPageWrapper .relationshipsArea ul.assetTypeList > li, .mainAreaWrapper .productPageWrapper .relationshipsArea ul.relatedProductsList > li, .mainAreaWrapper .rightColumn .productResourcesArea ul.assetTypeList > li, .mainAreaWrapper .rightColumn .productResourcesArea ul.relatedProductsList > li, .mainAreaWrapper .rightColumn .relationshipsArea ul.assetTypeList > li, .mainAreaWrapper .rightColumn .relationshipsArea ul.relatedProductsList > li {
            margin-bottom: 8px;
            line-height: 2em
        }

            .mainAreaWrapper .variantPageWrapper .productResourcesArea ul.assetTypeList > li > a, .mainAreaWrapper .variantPageWrapper .productResourcesArea ul.relatedProductsList > li > a, .mainAreaWrapper .variantPageWrapper .relationshipsArea ul.assetTypeList > li > a, .mainAreaWrapper .variantPageWrapper .relationshipsArea ul.relatedProductsList > li > a, .mainAreaWrapper .productPageWrapper .productResourcesArea ul.assetTypeList > li > a, .mainAreaWrapper .productPageWrapper .productResourcesArea ul.relatedProductsList > li > a, .mainAreaWrapper .productPageWrapper .relationshipsArea ul.assetTypeList > li > a, .mainAreaWrapper .productPageWrapper .relationshipsArea ul.relatedProductsList > li > a, .mainAreaWrapper .rightColumn .productResourcesArea ul.assetTypeList > li > a, .mainAreaWrapper .rightColumn .productResourcesArea ul.relatedProductsList > li > a, .mainAreaWrapper .rightColumn .relationshipsArea ul.assetTypeList > li > a, .mainAreaWrapper .rightColumn .relationshipsArea ul.relatedProductsList > li > a {
                display: block;
                cursor: pointer;
                font-weight: bold;
                color: #333;
                font-size: 1.1em
            }

                .mainAreaWrapper .variantPageWrapper .productResourcesArea ul.assetTypeList > li > a:before, .mainAreaWrapper .variantPageWrapper .productResourcesArea ul.relatedProductsList > li > a:before, .mainAreaWrapper .variantPageWrapper .relationshipsArea ul.assetTypeList > li > a:before, .mainAreaWrapper .variantPageWrapper .relationshipsArea ul.relatedProductsList > li > a:before, .mainAreaWrapper .productPageWrapper .productResourcesArea ul.assetTypeList > li > a:before, .mainAreaWrapper .productPageWrapper .productResourcesArea ul.relatedProductsList > li > a:before, .mainAreaWrapper .productPageWrapper .relationshipsArea ul.assetTypeList > li > a:before, .mainAreaWrapper .productPageWrapper .relationshipsArea ul.relatedProductsList > li > a:before, .mainAreaWrapper .rightColumn .productResourcesArea ul.assetTypeList > li > a:before, .mainAreaWrapper .rightColumn .productResourcesArea ul.relatedProductsList > li > a:before, .mainAreaWrapper .rightColumn .relationshipsArea ul.assetTypeList > li > a:before, .mainAreaWrapper .rightColumn .relationshipsArea ul.relatedProductsList > li > a:before {
                    float: left;
                    content: "\f105";
                    font-family: 'FontAwesome';
                    font-size: 1.2em;
                    color: #6ba7e4;
                    display: inline-block;
                    width: 15px;
                    height: 15px;
                    margin-right: 0.2em;
                    font-style: normal;
                    font-weight: normal !important
                }

                .mainAreaWrapper .variantPageWrapper .productResourcesArea ul.assetTypeList > li > a.selected:before, .mainAreaWrapper .variantPageWrapper .productResourcesArea ul.relatedProductsList > li > a.selected:before, .mainAreaWrapper .variantPageWrapper .relationshipsArea ul.assetTypeList > li > a.selected:before, .mainAreaWrapper .variantPageWrapper .relationshipsArea ul.relatedProductsList > li > a.selected:before, .mainAreaWrapper .productPageWrapper .productResourcesArea ul.assetTypeList > li > a.selected:before, .mainAreaWrapper .productPageWrapper .productResourcesArea ul.relatedProductsList > li > a.selected:before, .mainAreaWrapper .productPageWrapper .relationshipsArea ul.assetTypeList > li > a.selected:before, .mainAreaWrapper .productPageWrapper .relationshipsArea ul.relatedProductsList > li > a.selected:before, .mainAreaWrapper .rightColumn .productResourcesArea ul.assetTypeList > li > a.selected:before, .mainAreaWrapper .rightColumn .productResourcesArea ul.relatedProductsList > li > a.selected:before, .mainAreaWrapper .rightColumn .relationshipsArea ul.assetTypeList > li > a.selected:before, .mainAreaWrapper .rightColumn .relationshipsArea ul.relatedProductsList > li > a.selected:before {
                    content: "\f107"
                }

.mainAreaWrapper .variantPageWrapper .assetContentArea, .mainAreaWrapper .productPageWrapper .assetContentArea, .mainAreaWrapper .rightColumn .assetContentArea {
    margin-right: 110px
}

    .mainAreaWrapper .variantPageWrapper .assetContentArea ul li, .mainAreaWrapper .productPageWrapper .assetContentArea ul li, .mainAreaWrapper .rightColumn .assetContentArea ul li {
        width: 120px;
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 10px;
        text-align: center
    }

        .mainAreaWrapper .variantPageWrapper .assetContentArea ul li img, .mainAreaWrapper .productPageWrapper .assetContentArea ul li img, .mainAreaWrapper .rightColumn .assetContentArea ul li img {
            width: 120px;
            height: 120px;
            border: 1px solid #dedede
        }

            .mainAreaWrapper .variantPageWrapper .assetContentArea ul li img:hover, .mainAreaWrapper .productPageWrapper .assetContentArea ul li img:hover, .mainAreaWrapper .rightColumn .assetContentArea ul li img:hover {
                border: 1px solid #6ba7e4
            }

        .mainAreaWrapper .variantPageWrapper .assetContentArea ul li p a, .mainAreaWrapper .productPageWrapper .assetContentArea ul li p a, .mainAreaWrapper .rightColumn .assetContentArea ul li p a {
            font-size: 0.8em;
            display: block;
            cursor: pointer;
            color: #fff;
            background: #6bd183;
            text-transform: uppercase;
            padding-top: 9px;
            padding-bottom: 9px;
            border-radius: 5px;
            margin-top: 5px;
            margin-bottom: 10px
        }

            .mainAreaWrapper .variantPageWrapper .assetContentArea ul li p a i, .mainAreaWrapper .productPageWrapper .assetContentArea ul li p a i, .mainAreaWrapper .rightColumn .assetContentArea ul li p a i {
                margin-right: 0.3em
            }

            .mainAreaWrapper .variantPageWrapper .assetContentArea ul li p a:hover, .mainAreaWrapper .productPageWrapper .assetContentArea ul li p a:hover, .mainAreaWrapper .rightColumn .assetContentArea ul li p a:hover {
                background: #3bc75c
            }

    .mainAreaWrapper .variantPageWrapper .assetContentArea .loadingHolder, .mainAreaWrapper .productPageWrapper .assetContentArea .loadingHolder, .mainAreaWrapper .rightColumn .assetContentArea .loadingHolder {
        background: url("//accoassets.s3.amazonaws.com/partner/images/ajax-loader.gif");
        background-repeat: no-repeat;
        background-position: center center;
        padding: 30px
    }

.mainAreaWrapper .variantPageWrapper .tidyUpRHS, .mainAreaWrapper .productPageWrapper .tidyUpRHS, .mainAreaWrapper .rightColumn .tidyUpRHS {
    clear: right;
    overflow: hidden;
    height: 1px
}

.searchResultsWrapper .tabContentStyling {
    padding: 1em;
    border: 1px solid #dedede;
    clear: both
}

.searchResultsWrapper .tabsArea {
    margin-bottom: -1px;
    margin-top: 1em;
    overflow: auto
}

    .searchResultsWrapper .tabsArea a {
        float: left;
        padding: 12px 16px;
        font-weight: normal;
        color: #fff;
        cursor: pointer;
        margin-right: 1px;
        background-color: #6ba7e4
    }

        .searchResultsWrapper .tabsArea a:hover {
            background-color: #38628D
        }

        .searchResultsWrapper .tabsArea a.selected {
            background-color: #fff;
            border: 1px solid #dedede;
            border-bottom: none;
            color: #333
        }

.searchResultsWrapper .assetFilterArea li {
    margin-bottom: 0.5em
}

    .searchResultsWrapper .assetFilterArea li a {
        cursor: pointer
    }

        .searchResultsWrapper .assetFilterArea li a i {
            margin-right: 0.25em
        }

.searchResultsWrapper .tidyUp {
    clear: both;
    height: 1px;
    overflow: hidden
}

.breadCrumbNav {
    height: 45px;
    background-color: #f5f5f5;
    color: #f5f5f5;
    border-bottom: 1px solid #dedede;
    text-align: left;
    font-size: 0.8em
}

    .breadCrumbNav .logOutButton:after, .breadCrumbNav .personaSwitchArea a:after {
        content: '';
        padding: 0px
    }

    .breadCrumbNav .inner {
        width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .breadCrumbNav a {
        color: #6ba7e4;
        text-transform: uppercase;
        padding-top: 17px;
        display: inline-block
    }

        .breadCrumbNav a:hover {
            color: #38628D
        }

        .breadCrumbNav a:after {
            content: '/';
            color: #d1d1d1;
            padding-left: 1em;
            padding-right: 1em
        }

        .breadCrumbNav a:last-child:after {
            content: none;
            content: ''
        }

        .breadCrumbNav a.breadCrumbLink {
            text-overflow: ellipsis;
            display: inline-block;
            white-space: nowrap;
            overflow: hidden;
            width: 270px
        }

        .breadCrumbNav a.topLevelBC {
            color: #999
        }

            .breadCrumbNav a.topLevelBC:hover {
                color: #999
            }

        .breadCrumbNav a a#home {
            display: none
        }

    .breadCrumbNav .logOutButton {
        float: right;
        margin-left: 15px
    }

        .breadCrumbNav .logOutButton:hover {
            color: #d1505f
        }

    .breadCrumbNav .personaSwitchArea {
        float: right;
        position: relative;
        height: 45px;
        text-align: center;
        box-sizing: border-box;
        padding: 0 1em
    }

        .breadCrumbNav .personaSwitchArea a.personaSwitchLink {
            padding-left: 24px;
            background-repeat: no-repeat;
            background-position: 0 2px;
            display: inline-block;
            margin-top: -2px;
            color: #999
        }

        .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner {
            background-color: #ececec;
            top: 45px;
            right: -68px;
            position: absolute;
            width: 675px;
            border: none;
            display: none;
            z-index: 100;
            color: #333
        }

            .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 {
                padding: 3em 3em 4em 3em;
                overflow: hidden;
                text-align: left
            }

                .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 h3 {
                    font-size: 1.4em;
                    margin-top: 0.25em;
                    margin-bottom: 1em;
                    font-weight: bold
                }

                .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 p {
                    text-align: right;
                    margin-right: 10px;
                    margin-bottom: 10px
                }

                    .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 p .switchViewLink {
                        font-size: 1.1em;
                        margin: 0px;
                        padding: 0.7em 1.1em
                    }

                .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 li {
                    font-size: 1.2em;
                    padding: 0.4em 0
                }

                .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .brandsData {
                    display: none
                }

                .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .countryLanguageList, .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .partnerGroupsArea, .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .brandsArea {
                    max-height: 400px;
                    overflow-y: scroll;
                    width: 30%;
                    scrollbar-face-color: #222
                }

                    .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .countryLanguageList:not(:first-child), .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .partnerGroupsArea:not(:first-child), .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .brandsArea:not(:first-child) {
                        margin-left: 15px;
                        padding-right: 10px;
                        border-left: 1px solid #cecece;
                        padding-left: 10px
                    }

                    .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .countryLanguageList ::-webkit-scrollbar, .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .partnerGroupsArea ::-webkit-scrollbar, .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .brandsArea ::-webkit-scrollbar {
                        width: 15px
                    }

                    .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .countryLanguageList ::-webkit-scrollbar-track, .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .partnerGroupsArea ::-webkit-scrollbar-track, .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .brandsArea ::-webkit-scrollbar-track {
                        background-color: #cecece
                    }

                    .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .countryLanguageList ::-webkit-scrollbar-thumb, .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .partnerGroupsArea ::-webkit-scrollbar-thumb, .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .brandsArea ::-webkit-scrollbar-thumb {
                        background-color: rgba(206,206,206,0.2)
                    }

                    .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .countryLanguageList ::-webkit-scrollbar-button, .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .partnerGroupsArea ::-webkit-scrollbar-button, .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .brandsArea ::-webkit-scrollbar-button {
                        background-color: #e8e8e8
                    }

                    .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .countryLanguageList ::-webkit-scrollbar-corner, .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .partnerGroupsArea ::-webkit-scrollbar-corner, .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .brandsArea ::-webkit-scrollbar-corner {
                        background-color: #cecece
                    }

                .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .countryLanguageList, .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .partnerGroupsArea {
                    display: inline-block;
                    vertical-align: top
                }

                    .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .countryLanguageList a, .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .partnerGroupsArea a {
                        cursor: pointer;
                        padding: 0.4em 0;
                        font-size: 1.2em;
                        display: block;
                        text-transform: none
                    }

                        .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .countryLanguageList a:hover, .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .partnerGroupsArea a:hover {
                            color: #6ba7e4
                        }

                        .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .countryLanguageList a .flagLink, .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .partnerGroupsArea a .flagLink {
                            padding-left: 24px;
                            background-repeat: no-repeat;
                            background-position: 0 3px
                        }

                        .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .countryLanguageList a i, .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .partnerGroupsArea a i {
                            margin-right: 0.5em;
                            font-size: 1.1em;
                            color: #999;
                            width: 15px
                        }

                            .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .countryLanguageList a i.hiddenOption, .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .partnerGroupsArea a i.hiddenOption {
                                display: none
                            }

                    .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .countryLanguageList h3 {
                        position: absolute;
                        display: block;
                        z-index: 1000;
                        width: 160px;
                        padding-top: 5px;
                        top: 28px;
                        background-color: #ececec
                    }

                    .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .countryLanguageList a {
                        position: relative
                    }

                        .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .countryLanguageList a:nth-of-type(1) {
                            position: absolute;
                            margin-top: 19px;
                            z-index: 999;
                            width: 160px;
                            padding-top: 18px;
                            padding-bottom: 10px;
                            border-bottom: 1px solid #cecece;
                            background-color: #ececec
                        }

                        .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .countryLanguageList a:nth-of-type(2) {
                            margin-top: 70px
                        }

                        .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .countryLanguageList a:last-of-type {
                            margin-bottom: 60px
                        }

                    .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .countryLanguageList:after {
                        content: "";
                        display: block;
                        width: 190px;
                        height: 85px;
                        position: absolute;
                        bottom: 30px;
                        left: 0;
                        pointer-events: none;
                        background: rgba(236,236,236,0);
                        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(236,236,236,0)), color-stop(65%, #ececec), color-stop(100%, #ececec));
                        background: linear-gradient(to bottom, rgba(236,236,236,0) 0%, #ececec 65%, #ececec 100%);
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#dedede', GradientType=0 )
                    }

                .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .partnerGroupsArea {
                    display: inline-block;
                    width: 25%;
                    vertical-align: top
                }

                    .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .partnerGroupsArea .countryCustomerListArea {
                        display: none
                    }

                .breadCrumbNav .personaSwitchArea .personaSwitchAreaInner .personaSwitchAreaInner2 .brandsArea {
                    display: inline-block;
                    width: 25%;
                    vertical-align: top;
                    margin-bottom: 20px
                }

select.registrationLanguage {
    float: right;
    font-family: "Open Sans",Arial,sans-serif;
    padding: 2px;
    border: 1px solid #dedede;
    margin-top: 15px
}

a.termsFancy {
    color: #6ba7e4
}

    a.termsFancy:hover {
        color: #38628D
    }

a.closeBlockUI {
    float: right;
    cursor: pointer;
    color: #e46b79
}

    a.closeBlockUI:hover {
        color: #d1505f
    }

.forgottenPasswordLink {
    color: #6ba7e4;
    cursor: pointer
}

    .forgottenPasswordLink:hover {
        color: #38628D
    }

.termsAndConditions iframe {
    width: 100%;
    height: 265px
}

.registrationWrapper {
    margin-top: 1.5em;
    padding: 20px 40px 40px 40px;
    background-color: #fff;
    border: 1px solid #dedede;
    text-align: left
}

    .registrationWrapper p {
        margin-bottom: 1em;
        line-height: 1.1em
    }

    .registrationWrapper fieldset {
        margin-top: 1.5em;
        border-top: 1px solid #dedede;
        padding-top: 30px;
        position: relative
    }

        .registrationWrapper fieldset p .genericButton {
            margin-top: 20px;
            font-size: 1em;
            padding: 7px 15px
        }

        .registrationWrapper fieldset p .standardLabel {
            display: inline-block;
            width: 160px;
            vertical-align: middle
        }

            .registrationWrapper fieldset p .standardLabel em {
                font-style: normal;
                color: #6ba7e4;
                margin-left: 2px
            }

        .registrationWrapper fieldset p .standardTextBox, .registrationWrapper fieldset p .genericPulldown {
            font-family: "Open Sans",Arial,sans-serif;
            width: 285px;
            padding: 5px;
            border: 1px solid #dedede;
            font-size: 14px;
            margin-right: 5px
        }

        .registrationWrapper fieldset p .genericPulldown {
            width: 297px;
            padding: 4px 1px
        }

        .registrationWrapper fieldset p .errorMessage {
            color: #d1505f
        }

        .registrationWrapper fieldset p .errorMessageBlock {
            display: block;
            margin-top: 15px
        }

        .registrationWrapper fieldset p.confirmCheckBoxLine em {
            font-style: normal;
            color: #6ba7e4;
            margin-left: 2px
        }

    .registrationWrapper h2 {
        font-size: 1.3em;
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 0.5em;
        margin-top: 15px
    }

    .registrationWrapper .regionDiv h3 {
        font-weight: bold;
        font-size: 1.1em;
        margin-top: 35px;
        text-transform: uppercase;
        margin-bottom: 10px;
        border-bottom: 1px solid #dedede;
        padding-bottom: 10px
    }

    .registrationWrapper .regionDiv .countrySelectorWrapper {
        display: inline-block;
        width: 22%;
        margin-right: 2%;
        vertical-align: top;
        margin-bottom: 0.35em;
        margin-top: 0.35em
    }

        .registrationWrapper .regionDiv .countrySelectorWrapper span {
            display: block
        }

            .registrationWrapper .regionDiv .countrySelectorWrapper span.languageCheckbox {
                font-size: 0.8em
            }

.registrationOuterWrapper {
    padding: 10px 45px 45px 45px;
    border: 1px solid #dedede;
    background-color: #f5f5f5;
    margin-top: 40px;
    text-align: center
}

    .registrationOuterWrapper .registrationErrorPage {
        background-color: #f2c3c8;
        border: 1px solid #d1505f;
        height: 60px
    }

        .registrationOuterWrapper .registrationErrorPage h2 {
            display: none
        }

        .registrationOuterWrapper .registrationErrorPage p {
            color: #d1505f
        }

        .registrationOuterWrapper .registrationErrorPage a {
            color: #d1505f
        }

    .registrationOuterWrapper .countriesAndLanguages fieldset {
        padding-top: 0
    }

    .registrationOuterWrapper p {
        line-height: 20px
    }

    .registrationOuterWrapper .extraAIPIntroText {
        display: block;
        font-weight: bold;
        margin-top: 1em;
        margin-bottom: 1em
    }

    .registrationOuterWrapper .blackListError {
        width: 38%;
        color: #d1505f;
        position: absolute;
        right: 0;
        bottom: 130px;
        line-height: 1.5em
    }

    .registrationOuterWrapper h1 {
        margin-bottom: 0.5em !important
    }

.registrationThanksPage {
    padding-top: 120px;
    background: #e8f8eb url("/images/regTick.png") no-repeat 50% 25%;
    border: 1px solid #b8d4bb;
    text-align: center
}

    .registrationThanksPage h2 {
        font-size: 1.3em;
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 0.5em;
        margin-top: 15px
    }

    .registrationThanksPage h2, .registrationThanksPage p {
        color: #333
    }

    .registrationThanksPage a.externalLink {
        color: #FFF;
        background-color: #6ba7e4;
        border-radius: 5px;
        padding: 8px 15px;
        text-transform: uppercase;
        font-size: 1.1em
    }

        .registrationThanksPage a.externalLink:hover {
            background-color: #1564b4
        }

.atpPleaseNote {
    background-color: #FCF4C2;
    padding: 2em;
    border: 1px solid #E3D994;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    text-align: left
}

    .atpPleaseNote h3 {
        text-transform: uppercase;
        font-weight: bold
    }

    .atpPleaseNote ul {
        list-style-type: square;
        margin-top: 1.5em;
        margin-left: 2em
    }

        .atpPleaseNote ul li {
            margin-bottom: 1em;
            font-size: 1.1em;
            line-height: 1.3em
        }

.loginArea {
    margin-top: 1em
}

    .loginArea fieldset.loginFieldset, .loginArea div.registrationPanel {
        width: 50%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        float: left;
        min-height: 250px;
        height: auto;
        margin-bottom: 15px
    }

    .loginArea p.buttonLine {
        line-height: 4
    }

    .loginArea fieldset {
        padding: 0;
        border: none
    }

        .loginArea fieldset span.logInErrorMessage {
            color: #d1505f;
            line-height: 40px;
            padding-left: 5px;
            position: relative;
            left: 18px
        }

            .loginArea fieldset span.logInErrorMessage:before {
                content: '';
                width: 19px;
                top: 0px;
                left: -20px;
                position: absolute;
                background: url("../images/negative.png") no-repeat center center;
                height: 19px
            }

        .loginArea fieldset p {
            margin-bottom: 0.75em
        }

            .loginArea fieldset p label.normal {
                display: inline-block;
                width: 150px
            }

            .loginArea fieldset p input[type=text], .loginArea fieldset p input[type=password] {
                font-family: "Open Sans",Arial,sans-serif;
                font-size: 0.9em;
                border: 1px solid #dedede;
                width: 250px;
                padding: 2px
            }

.flag:before {
    background-image: url("/images/flagSprite.png");
    background-repeat: no-repeat;
    display: inline-block;
    content: ' ';
    width: 24px;
    height: 12px;
    vertical-align: bottom
}

.flag-ae:before {
    background-position: -0px 0
}

.flag-af:before {
    background-position: -40px 0
}

.flag-ar:before {
    background-position: -80px 0
}

.flag-at:before {
    background-position: -120px 0
}

.flag-au:before {
    background-position: -160px 0
}

.flag-ba:before {
    background-position: -200px 0
}

.flag-be:before {
    background-position: -240px 0
}

.flag-bg:before {
    background-position: -280px 0
}

.flag-bo:before {
    background-position: -320px 0
}

.flag-br:before {
    background-position: -360px 0
}

.flag-by:before {
    background-position: -400px 0
}

.flag-ca:before {
    background-position: -440px 0
}

.flag-ch:before {
    background-position: -480px 0
}

.flag-cl:before {
    background-position: -520px 0
}

.flag-cn:before {
    background-position: -560px 0
}

.flag-co:before {
    background-position: -600px 0
}

.flag-cr:before {
    background-position: -640px 0
}

.flag-cz:before {
    background-position: -680px 0
}

.flag-de:before {
    background-position: -720px 0
}

.flag-dk:before {
    background-position: -760px 0
}

.flag-ec:before {
    background-position: -800px 0
}

.flag-ee:before {
    background-position: -840px 0
}

.flag-eg:before {
    background-position: -880px 0
}

.flag-es:before {
    background-position: -920px 0
}

.flag-fi:before {
    background-position: -960px 0
}

.flag-fr:before {
    background-position: -1000px 0
}

.flag-gb:before {
    background-position: -1040px 0
}

.flag-ge:before {
    background-position: -1080px 0
}

.flag-gf:before {
    background-position: -1120px 0
}

.flag-gl:before {
    background-position: -1160px 0
}

.flag-gr:before {
    background-position: -1200px 0
}

.flag-gt:before {
    background-position: -1240px 0
}

.flag-gy:before {
    background-position: -1280px 0
}

.flag-hk:before {
    background-position: -1320px 0
}

.flag-hr:before {
    background-position: -1360px 0
}

.flag-hu:before {
    background-position: -1400px 0
}

.flag-id:before {
    background-position: -1440px 0
}

.flag-ie:before {
    background-position: -1480px 0
}

.flag-il:before {
    background-position: -1520px 0
}

.flag-in:before {
    background-position: -1560px 0
}

.flag-is:before {
    background-position: -1600px 0
}

.flag-it:before {
    background-position: -1640px 0
}

.flag-jp:before {
    background-position: -1680px 0
}

.flag-kr:before {
    background-position: -1720px 0
}

.flag-li:before {
    background-position: -1760px 0
}

.flag-lt:before {
    background-position: -1800px 0
}

.flag-lu:before {
    background-position: -1840px 0
}

.flag-lv:before {
    background-position: -1880px 0
}

.flag-mk:before {
    background-position: -1920px 0
}

.flag-mx:before {
    background-position: -1960px 0
}

.flag-my:before {
    background-position: -2000px 0
}

.flag-ng:before {
    background-position: -2040px 0
}

.flag-ni:before {
    background-position: -2080px 0
}

.flag-nl:before {
    background-position: -2120px 0
}

.flag-no:before {
    background-position: -2160px 0
}

.flag-nz:before {
    background-position: -2200px 0
}

.flag-pa:before {
    background-position: -2240px 0
}

.flag-pe:before {
    background-position: -2280px 0
}

.flag-ph:before {
    background-position: -2320px 0
}

.flag-pl:before {
    background-position: -2360px 0
}

.flag-pt:before {
    background-position: -2400px 0
}

.flag-py:before {
    background-position: -2440px 0
}

.flag-ro:before {
    background-position: -2480px 0
}

.flag-ru:before {
    background-position: -2520px 0
}

.flag-sa:before {
    background-position: -2560px 0
}

.flag-se:before {
    background-position: -2600px 0
}

.flag-sg:before {
    background-position: -2640px 0
}

.flag-si:before {
    background-position: -2680px 0
}

.flag-sk:before {
    background-position: -2720px 0
}

.flag-sr:before {
    background-position: -2760px 0
}

.flag-sv:before {
    background-position: -2800px 0
}

.flag-th:before {
    background-position: -2840px 0
}

.flag-tr:before {
    background-position: -2880px 0
}

.flag-tw:before {
    background-position: -2920px 0
}

.flag-ua:before {
    background-position: -2960px 0
}

.flag-us:before {
    background-position: -3000px 0
}

.flag-uy:before {
    background-position: -3040px 0
}

.flag-ve:before {
    background-position: -3080px 0
}

.flag-za:before {
    background-position: -3120px 0
}

.hidden {
    display: none
}

.assetListNoResults {
    background: #fffee2;
    padding: 1.5em;
    color: #333;
    margin-left: 190px;
    border: 1px solid #fef7d0
}

    .assetListNoResults p {
        line-height: 1.5
    }

.assetFilterArea {
    margin-bottom: 1em;
    float: left;
    width: 175px
}

    .assetFilterArea .filterPanel {
        border: 1px solid #dedede;
        background: #f5f5f5;
        margin-bottom: 15px
    }

        .assetFilterArea .filterPanel h2 {
            margin: 0;
            line-height: 1.2;
            font-size: 0.9em;
            background: #333;
            color: #FFF;
            padding: 10px
        }

        .assetFilterArea .filterPanel ul {
            margin: 10px
        }

            .assetFilterArea .filterPanel ul li {
                margin-bottom: 8px;
                font-size: 0.9em
            }

                .assetFilterArea .filterPanel ul li a {
                    cursor: pointer;
                    color: #333;
                    line-height: 1.3em;
                    word-wrap: break-word;
                    display: inherit
                }

                    .assetFilterArea .filterPanel ul li a:hover {
                        color: #38628D
                    }

                    .assetFilterArea .filterPanel ul li a.selected {
                        color: #6ba7e4
                    }

                    .assetFilterArea .filterPanel ul li a i {
                        display: inline-block
                    }

                .assetFilterArea .filterPanel ul li .dateRangeWrapper {
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                    -ms-flex-align: baseline;
                    align-items: baseline
                }

                    .assetFilterArea .filterPanel ul li .dateRangeWrapper.dateRangeStartWrapper {
                        margin: 0.5em 0
                    }

                    .assetFilterArea .filterPanel ul li .dateRangeWrapper label {
                        margin-right: 0.5em
                    }

        .assetFilterArea .filterPanel .assetFilterMoreLink, .assetFilterArea .filterPanel .assetFilterLessLink {
            display: block;
            margin: 10px;
            font-size: 0.9em;
            color: #6ba7e4;
            cursor: pointer
        }

            .assetFilterArea .filterPanel .assetFilterMoreLink:hover, .assetFilterArea .filterPanel .assetFilterLessLink:hover {
                color: #38628D
            }

.searchResultsWrapper .assetListWrapper ul li {
    width: 170px;
    margin-left: 13px
}

    .searchResultsWrapper .assetListWrapper ul li a.normalLink img {
        width: 170px;
        height: 170px
    }

.assetListWrapper, .relatedProductListWrapper {
    margin-left: 180px
}

    .assetListWrapper .addRemoveFolderLinkAll, .relatedProductListWrapper .addRemoveFolderLinkAll {
        padding: 0.5em;
        display: inline-block;
        text-transform: uppercase;
        background-color: #6bd183;
        border-radius: 5px;
        cursor: pointer;
        color: white
    }

        .assetListWrapper .addRemoveFolderLinkAll:hover, .relatedProductListWrapper .addRemoveFolderLinkAll:hover {
            background-color: #3bc75c
        }

    .assetListWrapper ul li, .relatedProductListWrapper ul li {
        position: relative;
        display: inline-block;
        width: 182px;
        margin: 0 0 13px 13px;
        text-align: center;
        vertical-align: top
    }

        .assetListWrapper ul li .discontinuedSpan, .assetListWrapper ul li .discontinuedSpanSearchResults, .relatedProductListWrapper ul li .discontinuedSpan, .relatedProductListWrapper ul li .discontinuedSpanSearchResults {
            position: absolute;
            right: 0;
            padding: 0 0.5em;
            background-color: #fcf6c0;
            border: 1px solid #e3dc90;
            font-size: 11px;
            color: #666;
            height: 20px;
            line-height: 20px;
            opacity: 0.75;
            filter: alpha(opacity=75)
        }

        .assetListWrapper ul li .discontinuedSpan, .relatedProductListWrapper ul li .discontinuedSpan {
            top: 160px
        }

        .assetListWrapper ul li .discontinuedSpanSearchResults, .relatedProductListWrapper ul li .discontinuedSpanSearchResults {
            top: 150px
        }

        .assetListWrapper ul li .imageLink, .relatedProductListWrapper ul li .imageLink {
            display: block;
            line-height: 0
        }

            .assetListWrapper ul li .imageLink img, .relatedProductListWrapper ul li .imageLink img {
                width: 180px;
                height: 180px;
                border: 1px solid #dedede
            }

            .assetListWrapper ul li .imageLink h3, .relatedProductListWrapper ul li .imageLink h3 {
                font-size: 0.9em;
                font-weight: normal;
                margin: 0.5em 0;
                color: #6ba7e4;
                word-wrap: break-word;
                line-height: 1.4;
                text-transform: capitalize
            }

            .assetListWrapper ul li .imageLink:hover img, .relatedProductListWrapper ul li .imageLink:hover img {
                border-color: #6ba7e4
            }

            .assetListWrapper ul li .imageLink:hover h3, .relatedProductListWrapper ul li .imageLink:hover h3 {
                color: #38628D
            }

        .assetListWrapper ul li .action-icon, .relatedProductListWrapper ul li .action-icon {
            position: absolute;
            top: 5px;
            width: 25px;
            height: 25px;
            color: #fff;
            text-align: center;
            border: 1px solid #fff;
            border-radius: 4px;
            background-color: #ccc;
            cursor: pointer;
            transition: all 0.2s ease-in-out;
            visibility: visible;
            opacity: 1
        }

            .assetListWrapper ul li .action-icon:hover, .relatedProductListWrapper ul li .action-icon:hover {
                background-color: #6bd183
            }

            .assetListWrapper ul li .action-icon.more-actions, .relatedProductListWrapper ul li .action-icon.more-actions {
                left: 5px
            }

            .assetListWrapper ul li .action-icon.addRemoveFolderLink, .relatedProductListWrapper ul li .action-icon.addRemoveFolderLink {
                right: 5px
            }

                .assetListWrapper ul li .action-icon.addRemoveFolderLink.inBasket, .relatedProductListWrapper ul li .action-icon.addRemoveFolderLink.inBasket {
                    background-color: #e46b79
                }

                    .assetListWrapper ul li .action-icon.addRemoveFolderLink.inBasket:hover, .relatedProductListWrapper ul li .action-icon.addRemoveFolderLink.inBasket:hover {
                        background-color: #d1505f
                    }

            .assetListWrapper ul li .action-icon .fa, .relatedProductListWrapper ul li .action-icon .fa {
                font-size: 13px;
                line-height: 25px
            }

        .assetListWrapper ul li .action-link-hover, .relatedProductListWrapper ul li .action-link-hover {
            box-sizing: border-box;
            position: absolute;
            top: 0;
            width: 182px;
            height: 182px;
            background: #6bd183;
            background-color: rgba(107,209,131,0.8);
            padding: 22% 8%;
            display: table;
            vertical-align: middle;
            visibility: hidden;
            opacity: 0;
            transition: all 0.2s ease-in-out
        }

            .assetListWrapper ul li .action-link-hover .action-link-row, .relatedProductListWrapper ul li .action-link-hover .action-link-row {
                display: table-row
            }

                .assetListWrapper ul li .action-link-hover .action-link-row a, .relatedProductListWrapper ul li .action-link-hover .action-link-row a {
                    display: table-cell;
                    vertical-align: middle;
                    color: #fff;
                    text-transform: uppercase;
                    cursor: pointer
                }

                    .assetListWrapper ul li .action-link-hover .action-link-row a:hover, .relatedProductListWrapper ul li .action-link-hover .action-link-row a:hover {
                        text-decoration: underline
                    }

                    .assetListWrapper ul li .action-link-hover .action-link-row a .fa, .relatedProductListWrapper ul li .action-link-hover .action-link-row a .fa {
                        margin-right: 7px
                    }

    .assetListWrapper .loadingHolder, .relatedProductListWrapper .loadingHolder {
        padding: 50px;
        text-align: center
    }

    .assetListWrapper.relatedAssetListWrapper, .assetListWrapper.relatedProductListWrapper2, .relatedProductListWrapper.relatedAssetListWrapper, .relatedProductListWrapper.relatedProductListWrapper2 {
        margin: 10px 0 0 5px
    }

        .assetListWrapper.relatedAssetListWrapper ul li, .assetListWrapper.relatedProductListWrapper2 ul li, .relatedProductListWrapper.relatedAssetListWrapper ul li, .relatedProductListWrapper.relatedProductListWrapper2 ul li {
            width: 180px;
            margin: 0 8px
        }

            .assetListWrapper.relatedAssetListWrapper ul li:nth-of-type(3), .assetListWrapper.relatedProductListWrapper2 ul li:nth-of-type(3), .relatedProductListWrapper.relatedAssetListWrapper ul li:nth-of-type(3), .relatedProductListWrapper.relatedProductListWrapper2 ul li:nth-of-type(3) {
                margin-right: 0
            }

    .assetListWrapper.promoAssetListWrapper, .relatedProductListWrapper.promoAssetListWrapper {
        margin: 0
    }

        .assetListWrapper.promoAssetListWrapper ul li, .relatedProductListWrapper.promoAssetListWrapper ul li {
            width: 180px;
            margin: 0 8px
        }

            .assetListWrapper.promoAssetListWrapper ul li:nth-child(4n+1), .relatedProductListWrapper.promoAssetListWrapper ul li:nth-child(4n+1) {
                margin-left: 0
            }

            .assetListWrapper.promoAssetListWrapper ul li strong, .relatedProductListWrapper.promoAssetListWrapper ul li strong {
                text-transform: uppercase;
                font-size: 1em;
                font-weight: bold;
                display: block;
                padding: 0.5em
            }

            .assetListWrapper.promoAssetListWrapper ul li .imageLink img, .relatedProductListWrapper.promoAssetListWrapper ul li .imageLink img {
                width: 180px;
                height: 180px
            }

            .assetListWrapper.promoAssetListWrapper ul li .action-icon, .relatedProductListWrapper.promoAssetListWrapper ul li .action-icon {
                margin-top: 2em
            }

            .assetListWrapper.promoAssetListWrapper ul li .action-link-hover, .relatedProductListWrapper.promoAssetListWrapper ul li .action-link-hover {
                top: 2em
            }

    .assetListWrapper.searchResultsAssetListWrapper ul li, .relatedProductListWrapper.searchResultsAssetListWrapper ul li {
        width: 172px
    }

        .assetListWrapper.searchResultsAssetListWrapper ul li .imageLink img, .relatedProductListWrapper.searchResultsAssetListWrapper ul li .imageLink img {
            width: 170px;
            height: 170px
        }

        .assetListWrapper.searchResultsAssetListWrapper ul li .action-link-hover, .relatedProductListWrapper.searchResultsAssetListWrapper ul li .action-link-hover {
            width: 172px;
            height: 172px
        }

.relatedProductListWrapper {
    display: none
}

.shareAssetPanel img {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    height: 150px;
    margin-right: 10px;
    padding: 10px;
    border: 1px solid #dedede
}

.shareAssetPanel fieldset, .shareAssetPanel .donePanel {
    display: inline-block;
    vertical-align: top;
    width: 270px
}

    .shareAssetPanel fieldset.basketShare, .shareAssetPanel .donePanel.basketShare {
        width: 100%
    }

    .shareAssetPanel fieldset h3, .shareAssetPanel .donePanel h3 {
        margin-top: 3em;
        font-size: 1.1em
    }

        .shareAssetPanel fieldset h3 i, .shareAssetPanel .donePanel h3 i {
            color: #6bd183;
            margin-right: 0.5em
        }

    .shareAssetPanel fieldset p, .shareAssetPanel .donePanel p {
        margin-bottom: 1em
    }

        .shareAssetPanel fieldset p input[type=email], .shareAssetPanel .donePanel p input[type=email] {
            font-family: "Open Sans",Arial,sans-serif;
            width: 90%;
            border: 1px solid #dedede;
            padding: 0.5em;
            font-size: 1em
        }

        .shareAssetPanel fieldset p.buttonLine, .shareAssetPanel .donePanel p.buttonLine {
            text-align: right
        }

    .shareAssetPanel fieldset .errorMessage, .shareAssetPanel .donePanel .errorMessage {
        color: #d1505f;
        font-weight: bold;
        display: none;
        float: left;
        margin-top: 0.25em
    }

.shareAssetPanel .donePanel {
    display: none;
    text-align: center
}

.assetDownloadOptions p {
    margin-bottom: 1em;
    font-size: 0.9em;
    padding-top: 1em
}

    .assetDownloadOptions p select {
        font-family: "Open Sans",Arial,sans-serif;
        border: 1px solid #dedede;
        padding: 2px;
        background: #FFF
    }

    .assetDownloadOptions p label {
        display: inline-block;
        margin-right: 2em;
        font-weight: bold
    }

    .assetDownloadOptions p .sizeDescription {
        display: block;
        font-size: 0.9em;
        margin-bottom: 1.5em;
        color: #999
    }

    .assetDownloadOptions p a i {
        margin-right: 0.25em
    }

.assetBasketCustomWrapper {
    display: none
}

.assetBasketCustomInner {
    text-align: left;
    cursor: default
}

    .assetBasketCustomInner h3 {
        font-size: 1.2em;
        margin-bottom: 1.8em;
        font-weight: bold
    }

    .assetBasketCustomInner fieldset {
        margin-bottom: 1em;
        margin-top: 1em
    }

        .assetBasketCustomInner fieldset .widthHeightBlock {
            display: inline-block;
            margin-bottom: 0.8em
        }

            .assetBasketCustomInner fieldset .widthHeightBlock p {
                border-top: none;
                margin-bottom: 0;
                padding-top: 0.75em
            }

        .assetBasketCustomInner fieldset .widthHeightPadlock {
            display: inline-block;
            padding-top: 1.4em;
            vertical-align: top;
            margin-left: 0.5em
        }

            .assetBasketCustomInner fieldset .widthHeightPadlock .proportionalCB label {
                width: auto;
                font-size: 0.9em
            }

        .assetBasketCustomInner fieldset p {
            margin-bottom: 0.8em
        }

            .assetBasketCustomInner fieldset p label {
                display: inline-block;
                width: 100px
            }

                .assetBasketCustomInner fieldset p label.hasRB {
                    width: 76px
                }

            .assetBasketCustomInner fieldset p.heightLine {
                border-top: none
            }

            .assetBasketCustomInner fieldset p.widthLine {
                padding-top: 0
            }

            .assetBasketCustomInner fieldset p.unitSelectorLine {
                padding-bottom: 1em;
                margin-bottom: 0
            }

            .assetBasketCustomInner fieldset p.maxDimsWarning {
                background-color: #333;
                color: white;
                line-height: 1.2em;
                padding: 0.25em;
                text-align: center;
                margin-bottom: 1em;
                display: none;
                font-size: 0.85em
            }

        .assetBasketCustomInner fieldset .oversizedImageOptions {
            display: none
        }

            .assetBasketCustomInner fieldset .oversizedImageOptions.isActive {
                display: block
            }

            .assetBasketCustomInner fieldset .oversizedImageOptions h5 {
                border: none;
                margin-bottom: 0.5em;
                font-weight: bold;
                font-size: 0.9em
            }

            .assetBasketCustomInner fieldset .oversizedImageOptions p {
                padding: 0;
                border: none;
                margin-bottom: 0.5em;
                font-size: 0.9em;
                line-height: 1.1em
            }

                .assetBasketCustomInner fieldset .oversizedImageOptions p input {
                    display: inline-block;
                    margin-left: -17px
                }

                .assetBasketCustomInner fieldset .oversizedImageOptions p label {
                    width: auto;
                    margin-left: 17px;
                    font-weight: normal;
                    text-transform: none
                }

        .assetBasketCustomInner fieldset select {
            font-family: "Open Sans",Arial,sans-serif;
            border: 1px solid #dedede;
            padding: 2px;
            background: #FFF
        }

        .assetBasketCustomInner fieldset label {
            display: inline-block;
            width: 30%;
            text-transform: capitalize
        }

        .assetBasketCustomInner fieldset .customDownloadLink {
            font-size: 1.1em;
            padding: 7px 13px;
            background: #6bd183
        }

            .assetBasketCustomInner fieldset .customDownloadLink:hover {
                background: #3bc75c
            }

            .assetBasketCustomInner fieldset .customDownloadLink i {
                margin-right: 0.3em
            }

        .assetBasketCustomInner fieldset .customDimsTB {
            font-family: "Open Sans",Arial,sans-serif;
            border: 1px solid #dedede;
            padding: 2px;
            background: #FFF;
            font-size: 0.9em;
            width: 50px;
            margin-right: .25em
        }

            .assetBasketCustomInner fieldset .customDimsTB:disabled {
                opacity: 0.25;
                cursor: not-allowed
            }

.assetPageWrapper {
    width: 960px
}

    .assetPageWrapper .relatedProductsArea2 {
        float: left
    }

    .assetPageWrapper h1 {
        text-transform: none;
        font-size: 1.5em;
        line-height: 1.2em
    }

    .assetPageWrapper .relatedProductsArea ul li, .assetPageWrapper .linkedProductsArea ul li {
        font-size: 0.85em;
        margin-bottom: 1em
    }

        .assetPageWrapper .relatedProductsArea ul li.hiddenRelatedProduct, .assetPageWrapper .linkedProductsArea ul li.hiddenRelatedProduct {
            display: none
        }

        .assetPageWrapper .relatedProductsArea ul li a, .assetPageWrapper .linkedProductsArea ul li a {
            color: #6ba7e4;
            line-height: 18px
        }

            .assetPageWrapper .relatedProductsArea ul li a:hover, .assetPageWrapper .linkedProductsArea ul li a:hover {
                color: #38628D
            }

            .assetPageWrapper .relatedProductsArea ul li a.showAllRelatedProducts, .assetPageWrapper .linkedProductsArea ul li a.showAllRelatedProducts {
                cursor: pointer
            }

                .assetPageWrapper .relatedProductsArea ul li a.showAllRelatedProducts:after, .assetPageWrapper .linkedProductsArea ul li a.showAllRelatedProducts:after {
                    content: '...'
                }

            .assetPageWrapper .relatedProductsArea ul li a.imageLink, .assetPageWrapper .relatedProductsArea ul li a.textLink, .assetPageWrapper .linkedProductsArea ul li a.imageLink, .assetPageWrapper .linkedProductsArea ul li a.textLink {
                display: table-cell;
                vertical-align: middle
            }

            .assetPageWrapper .relatedProductsArea ul li a.imageLink, .assetPageWrapper .linkedProductsArea ul li a.imageLink {
                padding-right: 1em
            }

    .assetPageWrapper .relatedProductsArea {
        background: #f5f5f5;
        border: 1px solid #dedede;
        padding: 20px;
        margin-top: 1em;
        width: 300px
    }

        .assetPageWrapper .relatedProductsArea h3 {
            font-weight: bold;
            margin-bottom: 1em;
            text-transform: uppercase
        }

    .assetPageWrapper .rightColumn {
        float: right;
        width: 635px
    }

        .assetPageWrapper .rightColumn .discontinuedArea span {
            padding: 0.5em;
            background-color: #fcf6c0;
            border: 1px solid #e3dc90;
            font-size: 0.9em;
            color: #666;
            display: inline-block
        }

        .assetPageWrapper .rightColumn .linkedProductsArea {
            display: none
        }

        .assetPageWrapper .rightColumn .current-units {
            margin-left: 0.35em
        }

        .assetPageWrapper .rightColumn .imageDownloadArea, .assetPageWrapper .rightColumn .relatedAssetsPane, .assetPageWrapper .rightColumn .customImageDownloadArea, .assetPageWrapper .rightColumn .linkedProductsArea {
            background: #f5f5f5;
            border: 1px solid #dedede;
            padding: 20px;
            margin-bottom: 1em
        }

            .assetPageWrapper .rightColumn .imageDownloadArea .customFormWrapper, .assetPageWrapper .rightColumn .relatedAssetsPane .customFormWrapper, .assetPageWrapper .rightColumn .customImageDownloadArea .customFormWrapper, .assetPageWrapper .rightColumn .linkedProductsArea .customFormWrapper {
                display: none
            }

                .assetPageWrapper .rightColumn .imageDownloadArea .customFormWrapper .widthHeightBlock, .assetPageWrapper .rightColumn .relatedAssetsPane .customFormWrapper .widthHeightBlock, .assetPageWrapper .rightColumn .customImageDownloadArea .customFormWrapper .widthHeightBlock, .assetPageWrapper .rightColumn .linkedProductsArea .customFormWrapper .widthHeightBlock {
                    display: inline-block;
                    margin-bottom: 1em
                }

                    .assetPageWrapper .rightColumn .imageDownloadArea .customFormWrapper .widthHeightBlock p, .assetPageWrapper .rightColumn .relatedAssetsPane .customFormWrapper .widthHeightBlock p, .assetPageWrapper .rightColumn .customImageDownloadArea .customFormWrapper .widthHeightBlock p, .assetPageWrapper .rightColumn .linkedProductsArea .customFormWrapper .widthHeightBlock p {
                        border-top: none;
                        margin-bottom: 0;
                        padding-top: 0.75em
                    }

                .assetPageWrapper .rightColumn .imageDownloadArea .customFormWrapper .widthHeightPadlock, .assetPageWrapper .rightColumn .relatedAssetsPane .customFormWrapper .widthHeightPadlock, .assetPageWrapper .rightColumn .customImageDownloadArea .customFormWrapper .widthHeightPadlock, .assetPageWrapper .rightColumn .linkedProductsArea .customFormWrapper .widthHeightPadlock {
                    display: inline-block;
                    padding-top: 1.8em;
                    vertical-align: top;
                    margin-left: 1em
                }

                    .assetPageWrapper .rightColumn .imageDownloadArea .customFormWrapper .widthHeightPadlock label, .assetPageWrapper .rightColumn .relatedAssetsPane .customFormWrapper .widthHeightPadlock label, .assetPageWrapper .rightColumn .customImageDownloadArea .customFormWrapper .widthHeightPadlock label, .assetPageWrapper .rightColumn .linkedProductsArea .customFormWrapper .widthHeightPadlock label {
                        font-size: 0.9em
                    }

                .assetPageWrapper .rightColumn .imageDownloadArea .customFormWrapper p label, .assetPageWrapper .rightColumn .relatedAssetsPane .customFormWrapper p label, .assetPageWrapper .rightColumn .customImageDownloadArea .customFormWrapper p label, .assetPageWrapper .rightColumn .linkedProductsArea .customFormWrapper p label {
                    display: inline-block;
                    width: 100px
                }

                .assetPageWrapper .rightColumn .imageDownloadArea .customFormWrapper p.heightLine, .assetPageWrapper .rightColumn .relatedAssetsPane .customFormWrapper p.heightLine, .assetPageWrapper .rightColumn .customImageDownloadArea .customFormWrapper p.heightLine, .assetPageWrapper .rightColumn .linkedProductsArea .customFormWrapper p.heightLine {
                    border-top: none
                }

                .assetPageWrapper .rightColumn .imageDownloadArea .customFormWrapper p .customDimsTB, .assetPageWrapper .rightColumn .relatedAssetsPane .customFormWrapper p .customDimsTB, .assetPageWrapper .rightColumn .customImageDownloadArea .customFormWrapper p .customDimsTB, .assetPageWrapper .rightColumn .linkedProductsArea .customFormWrapper p .customDimsTB {
                    font-family: "Open Sans",Arial,sans-serif;
                    border: 1px solid #dedede;
                    padding: 2px;
                    background: #FFF;
                    width: 80px;
                    margin-right: .25em
                }

                    .assetPageWrapper .rightColumn .imageDownloadArea .customFormWrapper p .customDimsTB:disabled, .assetPageWrapper .rightColumn .relatedAssetsPane .customFormWrapper p .customDimsTB:disabled, .assetPageWrapper .rightColumn .customImageDownloadArea .customFormWrapper p .customDimsTB:disabled, .assetPageWrapper .rightColumn .linkedProductsArea .customFormWrapper p .customDimsTB:disabled {
                        opacity: 0.25;
                        cursor: not-allowed
                    }

                .assetPageWrapper .rightColumn .imageDownloadArea .customFormWrapper p.unitSelectorLine, .assetPageWrapper .rightColumn .relatedAssetsPane .customFormWrapper p.unitSelectorLine, .assetPageWrapper .rightColumn .customImageDownloadArea .customFormWrapper p.unitSelectorLine, .assetPageWrapper .rightColumn .linkedProductsArea .customFormWrapper p.unitSelectorLine {
                    border-bottom: 1px solid #dedede;
                    padding-bottom: 1em;
                    margin-bottom: 0
                }

                .assetPageWrapper .rightColumn .imageDownloadArea .customFormWrapper p.maxDimsWarning, .assetPageWrapper .rightColumn .relatedAssetsPane .customFormWrapper p.maxDimsWarning, .assetPageWrapper .rightColumn .customImageDownloadArea .customFormWrapper p.maxDimsWarning, .assetPageWrapper .rightColumn .linkedProductsArea .customFormWrapper p.maxDimsWarning {
                    background-color: #333;
                    color: white;
                    font-weight: bold;
                    line-height: 1.3em;
                    padding: 0.5em;
                    font-size: 0.85em;
                    text-align: center;
                    margin-bottom: 0;
                    display: none
                }

                .assetPageWrapper .rightColumn .imageDownloadArea .customFormWrapper .oversizedImageOptions, .assetPageWrapper .rightColumn .relatedAssetsPane .customFormWrapper .oversizedImageOptions, .assetPageWrapper .rightColumn .customImageDownloadArea .customFormWrapper .oversizedImageOptions, .assetPageWrapper .rightColumn .linkedProductsArea .customFormWrapper .oversizedImageOptions {
                    display: none;
                    border-top: 1px solid #dedede;
                    padding-top: 0.75em
                }

                    .assetPageWrapper .rightColumn .imageDownloadArea .customFormWrapper .oversizedImageOptions.isActive, .assetPageWrapper .rightColumn .relatedAssetsPane .customFormWrapper .oversizedImageOptions.isActive, .assetPageWrapper .rightColumn .customImageDownloadArea .customFormWrapper .oversizedImageOptions.isActive, .assetPageWrapper .rightColumn .linkedProductsArea .customFormWrapper .oversizedImageOptions.isActive {
                        display: block
                    }

                    .assetPageWrapper .rightColumn .imageDownloadArea .customFormWrapper .oversizedImageOptions h5, .assetPageWrapper .rightColumn .relatedAssetsPane .customFormWrapper .oversizedImageOptions h5, .assetPageWrapper .rightColumn .customImageDownloadArea .customFormWrapper .oversizedImageOptions h5, .assetPageWrapper .rightColumn .linkedProductsArea .customFormWrapper .oversizedImageOptions h5 {
                        border: none;
                        margin-bottom: 0.5em;
                        font-weight: bold
                    }

                    .assetPageWrapper .rightColumn .imageDownloadArea .customFormWrapper .oversizedImageOptions p, .assetPageWrapper .rightColumn .relatedAssetsPane .customFormWrapper .oversizedImageOptions p, .assetPageWrapper .rightColumn .customImageDownloadArea .customFormWrapper .oversizedImageOptions p, .assetPageWrapper .rightColumn .linkedProductsArea .customFormWrapper .oversizedImageOptions p {
                        padding: 0;
                        border: none;
                        margin-bottom: 0.5em
                    }

                        .assetPageWrapper .rightColumn .imageDownloadArea .customFormWrapper .oversizedImageOptions p input, .assetPageWrapper .rightColumn .relatedAssetsPane .customFormWrapper .oversizedImageOptions p input, .assetPageWrapper .rightColumn .customImageDownloadArea .customFormWrapper .oversizedImageOptions p input, .assetPageWrapper .rightColumn .linkedProductsArea .customFormWrapper .oversizedImageOptions p input {
                            display: inline-block
                        }

                        .assetPageWrapper .rightColumn .imageDownloadArea .customFormWrapper .oversizedImageOptions p label, .assetPageWrapper .rightColumn .relatedAssetsPane .customFormWrapper .oversizedImageOptions p label, .assetPageWrapper .rightColumn .customImageDownloadArea .customFormWrapper .oversizedImageOptions p label, .assetPageWrapper .rightColumn .linkedProductsArea .customFormWrapper .oversizedImageOptions p label {
                            width: auto;
                            font-weight: normal
                        }

            .assetPageWrapper .rightColumn .imageDownloadArea h3, .assetPageWrapper .rightColumn .relatedAssetsPane h3, .assetPageWrapper .rightColumn .customImageDownloadArea h3, .assetPageWrapper .rightColumn .linkedProductsArea h3 {
                margin-bottom: 1em
            }

            .assetPageWrapper .rightColumn .imageDownloadArea ul.assetTypeList, .assetPageWrapper .rightColumn .imageDownloadArea ul.relatedProductsList, .assetPageWrapper .rightColumn .relatedAssetsPane ul.assetTypeList, .assetPageWrapper .rightColumn .relatedAssetsPane ul.relatedProductsList, .assetPageWrapper .rightColumn .customImageDownloadArea ul.assetTypeList, .assetPageWrapper .rightColumn .customImageDownloadArea ul.relatedProductsList, .assetPageWrapper .rightColumn .linkedProductsArea ul.assetTypeList, .assetPageWrapper .rightColumn .linkedProductsArea ul.relatedProductsList {
                width: 100%;
                text-transform: uppercase
            }

                .assetPageWrapper .rightColumn .imageDownloadArea ul.assetTypeList > li, .assetPageWrapper .rightColumn .imageDownloadArea ul.relatedProductsList > li, .assetPageWrapper .rightColumn .relatedAssetsPane ul.assetTypeList > li, .assetPageWrapper .rightColumn .relatedAssetsPane ul.relatedProductsList > li, .assetPageWrapper .rightColumn .customImageDownloadArea ul.assetTypeList > li, .assetPageWrapper .rightColumn .customImageDownloadArea ul.relatedProductsList > li, .assetPageWrapper .rightColumn .linkedProductsArea ul.assetTypeList > li, .assetPageWrapper .rightColumn .linkedProductsArea ul.relatedProductsList > li {
                    margin-bottom: 8px
                }

                    .assetPageWrapper .rightColumn .imageDownloadArea ul.assetTypeList > li > a, .assetPageWrapper .rightColumn .imageDownloadArea ul.relatedProductsList > li > a, .assetPageWrapper .rightColumn .relatedAssetsPane ul.assetTypeList > li > a, .assetPageWrapper .rightColumn .relatedAssetsPane ul.relatedProductsList > li > a, .assetPageWrapper .rightColumn .customImageDownloadArea ul.assetTypeList > li > a, .assetPageWrapper .rightColumn .customImageDownloadArea ul.relatedProductsList > li > a, .assetPageWrapper .rightColumn .linkedProductsArea ul.assetTypeList > li > a, .assetPageWrapper .rightColumn .linkedProductsArea ul.relatedProductsList > li > a {
                        display: block;
                        cursor: pointer;
                        font-size: 1em;
                        color: #333;
                        font-weight: bold
                    }

                        .assetPageWrapper .rightColumn .imageDownloadArea ul.assetTypeList > li > a.selected, .assetPageWrapper .rightColumn .imageDownloadArea ul.relatedProductsList > li > a.selected, .assetPageWrapper .rightColumn .relatedAssetsPane ul.assetTypeList > li > a.selected, .assetPageWrapper .rightColumn .relatedAssetsPane ul.relatedProductsList > li > a.selected, .assetPageWrapper .rightColumn .customImageDownloadArea ul.assetTypeList > li > a.selected, .assetPageWrapper .rightColumn .customImageDownloadArea ul.relatedProductsList > li > a.selected, .assetPageWrapper .rightColumn .linkedProductsArea ul.assetTypeList > li > a.selected, .assetPageWrapper .rightColumn .linkedProductsArea ul.relatedProductsList > li > a.selected {
                            color: #333
                        }

                            .assetPageWrapper .rightColumn .imageDownloadArea ul.assetTypeList > li > a.selected:before, .assetPageWrapper .rightColumn .imageDownloadArea ul.relatedProductsList > li > a.selected:before, .assetPageWrapper .rightColumn .relatedAssetsPane ul.assetTypeList > li > a.selected:before, .assetPageWrapper .rightColumn .relatedAssetsPane ul.relatedProductsList > li > a.selected:before, .assetPageWrapper .rightColumn .customImageDownloadArea ul.assetTypeList > li > a.selected:before, .assetPageWrapper .rightColumn .customImageDownloadArea ul.relatedProductsList > li > a.selected:before, .assetPageWrapper .rightColumn .linkedProductsArea ul.assetTypeList > li > a.selected:before, .assetPageWrapper .rightColumn .linkedProductsArea ul.relatedProductsList > li > a.selected:before {
                                content: "\f107"
                            }

                        .assetPageWrapper .rightColumn .imageDownloadArea ul.assetTypeList > li > a:before, .assetPageWrapper .rightColumn .imageDownloadArea ul.relatedProductsList > li > a:before, .assetPageWrapper .rightColumn .relatedAssetsPane ul.assetTypeList > li > a:before, .assetPageWrapper .rightColumn .relatedAssetsPane ul.relatedProductsList > li > a:before, .assetPageWrapper .rightColumn .customImageDownloadArea ul.assetTypeList > li > a:before, .assetPageWrapper .rightColumn .customImageDownloadArea ul.relatedProductsList > li > a:before, .assetPageWrapper .rightColumn .linkedProductsArea ul.assetTypeList > li > a:before, .assetPageWrapper .rightColumn .linkedProductsArea ul.relatedProductsList > li > a:before {
                            content: "\f105";
                            font-family: 'FontAwesome';
                            font-size: 1.2em;
                            color: #6ba7e4;
                            display: inline-block;
                            width: 15px;
                            height: 15px;
                            font-style: normal;
                            font-weight: bold
                        }

            .assetPageWrapper .rightColumn .imageDownloadArea .tidyUpRHS, .assetPageWrapper .rightColumn .relatedAssetsPane .tidyUpRHS, .assetPageWrapper .rightColumn .customImageDownloadArea .tidyUpRHS, .assetPageWrapper .rightColumn .linkedProductsArea .tidyUpRHS {
                clear: both
            }

        .assetPageWrapper .rightColumn .customImageDownloadArea {
            display: none
        }

            .assetPageWrapper .rightColumn .customImageDownloadArea p:first-child {
                border-top: none
            }

            .assetPageWrapper .rightColumn .customImageDownloadArea fieldset p:last-child {
                padding-top: 2em
            }

            .assetPageWrapper .rightColumn .customImageDownloadArea fieldset p select {
                font-family: "Open Sans",Arial,sans-serif;
                border: 1px solid #dedede;
                padding: 2px;
                background: #FFF
            }

            .assetPageWrapper .rightColumn .customImageDownloadArea fieldset p label {
                display: inline-block;
                width: 30%;
                text-transform: capitalize
            }

            .assetPageWrapper .rightColumn .customImageDownloadArea fieldset p .customDownloadLink {
                font-size: 1.1em;
                padding: 7px 13px;
                background: #6bd183
            }

                .assetPageWrapper .rightColumn .customImageDownloadArea fieldset p .customDownloadLink:hover {
                    background: #3bc75c
                }

                .assetPageWrapper .rightColumn .customImageDownloadArea fieldset p .customDownloadLink i {
                    margin-right: 0.3em
                }

            .assetPageWrapper .rightColumn .customImageDownloadArea fieldset p .customDimsTB {
                font-family: "Open Sans",Arial,sans-serif;
                border: 1px solid #dedede;
                padding: 2px;
                background: #FFF;
                font-size: 0.9em;
                width: 50px;
                margin-right: .25em
            }

        .assetPageWrapper .rightColumn .padlockImage {
            cursor: pointer
        }

        .assetPageWrapper .rightColumn p {
            margin-bottom: 1em;
            font-size: 0.9em;
            border-top: 1px solid #dedede;
            padding-top: 1em
        }

            .assetPageWrapper .rightColumn p select {
                font-family: "Open Sans",Arial,sans-serif;
                border: 1px solid #dedede;
                padding: 2px;
                background: #FFF
            }

            .assetPageWrapper .rightColumn p label {
                display: inline-block;
                margin-right: 2em;
                font-weight: bold
            }

            .assetPageWrapper .rightColumn p .sizeDescription {
                display: block;
                font-size: 0.9em;
                margin-bottom: 1.5em;
                color: #999
            }

            .assetPageWrapper .rightColumn p.linksLine {
                margin-top: 1.5em;
                font-size: 1.1em
            }

                .assetPageWrapper .rightColumn p.linksLine a {
                    margin-right: 0.4em;
                    font-size: 0.88em;
                    padding: 7px 13px;
                    background: #6bd183
                }

                    .assetPageWrapper .rightColumn p.linksLine a.assetFolderLink:before {
                        content: ' ';
                        width: 13px;
                        margin-right: 5px;
                        background-size: 13px 13px;
                        height: 13px;
                        background-repeat: no-repeat;
                        display: inline-block;
                        background-image: url("//accoassets.s3.amazonaws.com/partner/images/folder-open.png")
                    }

                    .assetPageWrapper .rightColumn p.linksLine a.inBasket {
                        background-color: #e46b79
                    }

                        .assetPageWrapper .rightColumn p.linksLine a.inBasket:hover {
                            background-color: #e46b79
                        }

                    .assetPageWrapper .rightColumn p.linksLine a:hover {
                        background: #3bc75c
                    }

                    .assetPageWrapper .rightColumn p.linksLine a i {
                        margin-right: 0.3em
                    }

    .assetPageWrapper .topLinksArea {
        width: 100%;
        min-height: 40px;
        height: auto
    }

        .assetPageWrapper .topLinksArea p {
            margin-bottom: 1em;
            float: left;
            margin-right: 8px
        }

            .assetPageWrapper .topLinksArea p a {
                font-size: 1.1em;
                padding: 7px 13px 7px 13px;
                text-align: center;
                background-color: #6bd183;
                cursor: pointer
            }

                .assetPageWrapper .topLinksArea p a:hover {
                    background-color: #3bc75c
                }

                .assetPageWrapper .topLinksArea p a i {
                    margin-right: 0.3em
                }

                .assetPageWrapper .topLinksArea p a.addRemoveFolderLink:before {
                    content: ' ';
                    width: 13px;
                    margin-right: 5px;
                    background-size: 13px 13px;
                    height: 13px;
                    background-repeat: no-repeat;
                    display: inline-block;
                    background-image: url("//accoassets.s3.amazonaws.com/partner/images/folder-open.png")
                }

                .assetPageWrapper .topLinksArea p a.addRemoveFolderLink.inBasket {
                    background-color: #e46b79
                }

                    .assetPageWrapper .topLinksArea p a.addRemoveFolderLink.inBasket:hover {
                        background-color: #d1505f
                    }

    .assetPageWrapper ul.imageDownloadPresetList, .assetPageWrapper .assetDataPane {
        background: #f5f5f5;
        border: 1px solid #dedede;
        padding: 20px 20px 10px 20px;
        margin-bottom: 1em
    }

        .assetPageWrapper ul.imageDownloadPresetList h3, .assetPageWrapper .assetDataPane h3 {
            margin-bottom: 1em;
            font-weight: bold;
            text-transform: uppercase
        }

        .assetPageWrapper ul.imageDownloadPresetList p, .assetPageWrapper .assetDataPane p {
            margin-bottom: 1em;
            font-size: 0.9em;
            border-top: 1px solid #dedede;
            padding-top: 1em
        }

            .assetPageWrapper ul.imageDownloadPresetList p strong, .assetPageWrapper .assetDataPane p strong {
                display: inline-block;
                font-weight: bold;
                width: 30%
            }

            .assetPageWrapper ul.imageDownloadPresetList p:last-child, .assetPageWrapper .assetDataPane p:last-child {
                border-bottom: none
            }

        .assetPageWrapper ul.imageDownloadPresetList li, .assetPageWrapper .assetDataPane li {
            margin-bottom: 1em;
            padding-bottom: 1em;
            border-bottom: 1px solid #dedede
        }

            .assetPageWrapper ul.imageDownloadPresetList li:last-child, .assetPageWrapper .assetDataPane li:last-child {
                border-bottom: none
            }

            .assetPageWrapper ul.imageDownloadPresetList li h4, .assetPageWrapper .assetDataPane li h4 {
                font-weight: bold;
                font-size: 0.9em;
                margin-bottom: 0.25em
            }

            .assetPageWrapper ul.imageDownloadPresetList li p, .assetPageWrapper .assetDataPane li p {
                font-size: 0.85em
            }

            .assetPageWrapper ul.imageDownloadPresetList li a, .assetPageWrapper .assetDataPane li a {
                float: right;
                cursor: pointer;
                margin-left: 10px;
                font-size: 0.8em;
                color: #fff;
                background-color: #6bd183;
                text-transform: uppercase;
                padding: 8px 12px;
                border-radius: 5px
            }

                .assetPageWrapper ul.imageDownloadPresetList li a:hover, .assetPageWrapper .assetDataPane li a:hover {
                    background-color: #3bc75c
                }

    .assetPageWrapper .leftColumn {
        margin-top: 1em;
        width: 300px;
        display: inline-block
    }

        .assetPageWrapper .leftColumn img.mainAssetImage {
            width: 300px;
            height: 300px
        }

        .assetPageWrapper .leftColumn .pdfPreviewArea {
            position: relative;
            overflow: hidden
        }

            .assetPageWrapper .leftColumn .pdfPreviewArea img {
                max-width: 100%
            }

            .assetPageWrapper .leftColumn .pdfPreviewArea div.easyzoom-flyout img {
                max-width: none
            }

            .assetPageWrapper .leftColumn .pdfPreviewArea a:not(.easyzoom--wrap) {
                position: absolute;
                color: #6ba7e4;
                font-size: 4em;
                cursor: pointer
            }

                .assetPageWrapper .leftColumn .pdfPreviewArea a:not(.easyzoom--wrap).nextPageLink {
                    right: 0
                }

                .assetPageWrapper .leftColumn .pdfPreviewArea a:not(.easyzoom--wrap).previousPageLink {
                    left: 0
                }

                .assetPageWrapper .leftColumn .pdfPreviewArea a:not(.easyzoom--wrap).nextPageLink, .assetPageWrapper .leftColumn .pdfPreviewArea a:not(.easyzoom--wrap).previousPageLink {
                    top: -20px
                }

                .assetPageWrapper .leftColumn .pdfPreviewArea a:not(.easyzoom--wrap):hover {
                    color: #38628D
                }

                .assetPageWrapper .leftColumn .pdfPreviewArea a:not(.easyzoom--wrap).hidden {
                    display: none
                }

            .assetPageWrapper .leftColumn .pdfPreviewArea div.image-controls {
                display: block;
                clear: both;
                overflow: visible;
                position: relative;
                height: 30px;
                margin-top: 10px
            }

    .assetPageWrapper .videoPreviewWrapper {
        width: 300px;
        margin-top: 2em;
        float: left;
        border: 1px solid #dedede
    }

        .assetPageWrapper .videoPreviewWrapper .theVideo {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0
        }

    .assetPageWrapper .videoEmbedArea {
        width: 300px;
        margin-top: 1em;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        float: left;
        border: 1px solid #dedede;
        background-color: #F5F5F5;
        padding: 1.4em 1.4em 0.6em 1.4em
    }

        .assetPageWrapper .videoEmbedArea h3 {
            font-size: 1.0em;
            font-weight: bold;
            margin-bottom: 0.7em
        }

        .assetPageWrapper .videoEmbedArea p {
            margin-bottom: 0.7em;
            line-height: 1.3em
        }

            .assetPageWrapper .videoEmbedArea p label {
                font-weight: bold
            }

            .assetPageWrapper .videoEmbedArea p a {
                color: #6ba7e4
            }

                .assetPageWrapper .videoEmbedArea p a:hover {
                    color: #38628D
                }

            .assetPageWrapper .videoEmbedArea p select {
                font-family: "Open Sans",Arial,sans-serif;
                font-size: 0.9em;
                padding: 0.2em;
                border: 1px solid #dedede
            }

            .assetPageWrapper .videoEmbedArea p input[type="checkbox"] {
                vertical-align: middle
            }

            .assetPageWrapper .videoEmbedArea p .customSizeArea {
                display: none
            }

                .assetPageWrapper .videoEmbedArea p .customSizeArea input {
                    font-family: "Open Sans",Arial,sans-serif;
                    font-size: 0.9em;
                    padding: 0.2em;
                    border: 1px solid #dedede;
                    width: 45px;
                    margin-right: 3px
                }

                    .assetPageWrapper .videoEmbedArea p .customSizeArea input.customSizeHeight {
                        margin-left: 3px
                    }

        .assetPageWrapper .videoEmbedArea textarea {
            font-family: "Open Sans", Arial, sans-serif;
            font-size: 0.9em;
            border: 1px solid #dedede;
            width: 240px;
            height: 80px;
            padding: 10px;
            margin-bottom: none !important
        }

.downloadDialog {
    display: none;
    text-align: center !important
}

    .downloadDialog h2.downloadHeader i {
        display: block !important;
        font-size: 2em !important;
        margin-bottom: 0.25em !important;
        color: #666 !important
    }

.assetFolderWrapper .downloadAssetBasketLink, .assetFolderWrapper .shareBasketLink {
    float: right;
    font-size: 0.8rem;
    background-color: #6bd183;
    padding: 8px 12px;
    margin-left: 10px
}

    .assetFolderWrapper .downloadAssetBasketLink:hover, .assetFolderWrapper .shareBasketLink:hover {
        background: #3bc75c
    }

    .assetFolderWrapper .downloadAssetBasketLink i, .assetFolderWrapper .shareBasketLink i {
        margin-right: 0.25em
    }

.assetFolderWrapper .removeAllAssetsLink {
    background: #e46b79;
    margin-left: 10px
}

    .assetFolderWrapper .removeAllAssetsLink:hover {
        background: #d1505f
    }

.assetFolderWrapper .assetFolderList span.noResultsFound {
    border: 1px solid #fef7d0;
    background: #fffee2;
    padding: 1em;
    display: block;
    width: 100%;
    line-height: 50px;
    text-align: center;
    color: #333
}

.assetFolderWrapper .assetFolderList ul {
    margin-bottom: 1em;
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede
}

    .assetFolderWrapper .assetFolderList ul li {
        min-height: 120px;
        border-bottom: 1px solid #dedede
    }

        .assetFolderWrapper .assetFolderList ul li .assetImage {
            float: left;
            width: 100px;
            height: 100px;
            margin: 0 20px 10px 20px
        }

            .assetFolderWrapper .assetFolderList ul li .assetImage img {
                width: 100px;
                height: 100px
            }

        .assetFolderWrapper .assetFolderList ul li a.deleteAssetLink, .assetFolderWrapper .assetFolderList ul li a.downloadAssetLink {
            float: right;
            text-transform: uppercase;
            color: #fff;
            border-radius: 5px;
            padding: 8px 10px;
            cursor: pointer;
            font-size: 0.9em
        }

        .assetFolderWrapper .assetFolderList ul li a.deleteAssetLink {
            margin-right: 20px;
            background: #e46b79
        }

            .assetFolderWrapper .assetFolderList ul li a.deleteAssetLink:hover {
                background: #d1505f
            }

        .assetFolderWrapper .assetFolderList ul li a.downloadAssetLink {
            margin-right: 10px;
            background: #6bd183
        }

            .assetFolderWrapper .assetFolderList ul li a.downloadAssetLink:hover {
                background: #3bc75c
            }

        .assetFolderWrapper .assetFolderList ul li .assetSKUListLabel, .assetFolderWrapper .assetFolderList ul li .assetSKUListLabelFull {
            display: block;
            margin-left: 75px;
            width: 400px;
            line-height: 18px;
            font-size: 0.9em
        }

        .assetFolderWrapper .assetFolderList ul li .assetSKUListLabelFull {
            display: none;
            margin-left: 140px;
            margin-bottom: 20px
        }

        .assetFolderWrapper .assetFolderList ul li a.assetSKUListMoreLink {
            cursor: pointer;
            float: left;
            color: #6ba7e4
        }

            .assetFolderWrapper .assetFolderList ul li a.assetSKUListMoreLink:hover {
                color: #38628D
            }

        .assetFolderWrapper .assetFolderList ul li .mainAssetLink, .assetFolderWrapper .assetFolderList ul li .mainAssetNonLink {
            display: block;
            font-weight: normal;
            margin-bottom: 10px;
            margin-top: 20px
        }

        .assetFolderWrapper .assetFolderList ul li .mainAssetLink {
            color: #6ba7e4
        }

            .assetFolderWrapper .assetFolderList ul li .mainAssetLink:hover {
                color: #38628D
            }

        .assetFolderWrapper .assetFolderList ul li .pullDownArea {
            font-size: 13px;
            float: right;
            margin-right: 20px;
            margin-top: 5px
        }

            .assetFolderWrapper .assetFolderList ul li .pullDownArea .presetDescription {
                display: block;
                margin-top: 1em;
                color: #999;
                font-size: 12px
            }

            .assetFolderWrapper .assetFolderList ul li .pullDownArea select {
                font-family: "Open Sans",Arial,sans-serif;
                border: 1px #dedede solid;
                padding: 2px;
                margin-left: 5px
            }

.assetFolderWrapper .assetFolderList h3 {
    padding: 15px;
    font-weight: bold;
    font-size: 1.1em;
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    text-transform: lowercase;
    background: #f5f5f5
}

    .assetFolderWrapper .assetFolderList h3 .alldownloadSizesPanel {
        float: right
    }

        .assetFolderWrapper .assetFolderList h3 .alldownloadSizesPanel span {
            text-transform: none;
            font-size: 0.8em;
            font-weight: normal;
            margin-right: 0.5em
        }

        .assetFolderWrapper .assetFolderList h3 .alldownloadSizesPanel select {
            font-family: "Open Sans",Arial,sans-serif;
            border: 1px solid #dedede;
            padding: 2px;
            background: #FFF
        }

    .assetFolderWrapper .assetFolderList h3:first-letter {
        text-transform: uppercase !important
    }

.paginationLinksArea {
    text-align: center;
    background: #f5f5f5;
    border: 1px solid #dedede;
    margin-bottom: 15px;
    padding: 5px;
    clear: both
}

    .paginationLinksArea a {
        margin-left: 15px;
        cursor: pointer;
        color: #6ba7e4
    }

        .paginationLinksArea a:hover {
            color: #38628D
        }

        .paginationLinksArea a.selected {
            color: #333
        }

    .paginationLinksArea .dotdotdotBeginning {
        margin: 0 -10px 0 15px
    }

    .paginationLinksArea .dotdotdotEnd {
        margin: 0 0 0 5px
    }

.preferenceWrapper p {
    margin-bottom: 1em
}

    .preferenceWrapper p .emailAddress {
        font-weight: bold
    }

.downloadTakesAWhile {
    font-size: 1.5em;
    line-height: 1.5em
}

    .downloadTakesAWhile i {
        display: block;
        font-size: 3em;
        margin-bottom: 0.2em
    }

.popModal {
    position: absolute;
    background: #fff;
    padding: 15px;
    border: 1px solid #aaa;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    text-align: left;
    max-width: 300px;
    min-width: 180px;
    z-index: 9997;
    box-sizing: border-box
}

    .popModal .close {
        line-height: 12px;
        font-size: 25px;
        font-weight: bold;
        font-family: serif;
        position: absolute;
        right: 8px;
        top: 8px;
        color: #000;
        opacity: 0.2;
        padding: 0;
        cursor: pointer;
        background: transparent;
        border: 0;
        outline: 0
    }

        .popModal .close:hover {
            opacity: 1
        }

    .popModal .popModal_content {
        margin: 15px auto;
        word-wrap: break-word;
        font-family: sans-serif;
        font-size: 14px;
        font-weight: initial;
        font-style: initial;
        color: initial;
        text-decoration: initial;
        text-transform: initial;
        padding: initial
    }

        .popModal .popModal_content.popModal_contentOverflow {
            max-height: 200px;
            overflow-y: auto;
            overflow-x: hidden;
            margin: 15px -8px;
            padding: 0 7px
        }

        .popModal .popModal_content:before {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            height: 20px;
            bottom: -20px
        }

    .popModal .popModal_footer {
        background: #fafafa;
        padding: 15px;
        border-top: 1px solid #ddd;
        text-align: right;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

        .popModal .popModal_footer button {
            margin: 0 0 0 5px
        }

    .popModal:before, .popModal:after {
        content: '';
        position: absolute;
        border: 10px solid transparent
    }

    .popModal:after {
        z-index: 1
    }

    .popModal.bottomRight {
        right: 0
    }

        .popModal.bottomLeft:before, .popModal.bottomRight:before, .popModal.bottomCenter:before {
            border-top-width: 0;
            border-bottom-color: #aaa;
            top: -10px;
            left: 6px
        }

        .popModal.bottomLeft:after, .popModal.bottomRight:after, .popModal.bottomCenter:after {
            border-top-width: 0;
            border-bottom-color: #fff;
            top: -9px;
            left: 6px
        }

        .popModal.bottomRight:before, .popModal.bottomRight:after {
            left: auto;
            right: 6px
        }

    .popModal.bottomCenter:before, .popModal.bottomCenter:after {
        left: 50%;
        margin-left: -10px
    }

    .popModal.leftTop:before, .popModal.leftCenter:before {
        border-right-width: 0;
        border-left-color: #aaa;
        top: 6px;
        right: -10px
    }

    .popModal.leftTop:after, .popModal.leftCenter:after {
        border-right-width: 0;
        border-left-color: #fff;
        top: 6px;
        right: -9px
    }

    .popModal.rightTop:before, .popModal.rightCenter:before {
        border-left-width: 0;
        border-right-color: #aaa;
        top: 6px;
        left: -10px
    }

    .popModal.rightTop:after, .popModal.rightCenter:after {
        border-left-width: 0;
        border-right-color: #fff;
        top: 6px;
        left: -9px
    }

    .popModal.leftCenter:before, .popModal.rightCenter:before {
        top: 50%;
        margin-top: -10px
    }

    .popModal.leftCenter:after, .popModal.rightCenter:after {
        top: 50%;
        margin-top: -10px
    }

.notifyModal {
    position: fixed;
    z-index: 999999;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    cursor: pointer;
    transition: all 200ms ease
}

    .notifyModal.overlay {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

        .notifyModal.overlay.center {
            top: 0;
            bottom: 0
        }

    .notifyModal.open {
        opacity: 1
    }

        .notifyModal.open .notifyModal_content {
            -ms-transform: scale(1, 1);
            transform: scale(1, 1)
        }

    .notifyModal .notifyModal_content {
        position: absolute;
        background: #F9EDBE;
        width: 340px;
        padding: 25px 20px;
        margin: auto;
        border: 1px solid #CAB388;
        text-align: center;
        box-shadow: 0 2px 6px rgba(0,0,0,0.3);
        transition: all 200ms ease;
        -ms-transform: scale(0.95, 0.95);
        transform: scale(0.95, 0.95);
        font-family: sans-serif;
        font-size: 14px;
        font-weight: initial;
        font-style: initial;
        color: initial;
        text-decoration: initial;
        text-transform: initial
    }

    .notifyModal.leftTop {
        top: 0;
        left: 0
    }

    .notifyModal.centerTop {
        top: 0;
        left: 0;
        right: 0
    }

    .notifyModal.rightTop {
        top: 0;
        right: 0
    }

    .notifyModal.center {
        top: 35%;
        bottom: auto;
        left: 0;
        right: 0
    }

    .notifyModal.leftBottom {
        bottom: 0;
        left: 0
    }

    .notifyModal.centerBottom {
        bottom: 0;
        left: 0;
        right: 0
    }

    .notifyModal.rightBottom {
        bottom: 0;
        right: 0
    }

    .notifyModal.center .notifyModal_content {
        left: 0;
        right: 0;
        top: 35%
    }

    .notifyModal.leftTop .notifyModal_content {
        left: 20px;
        top: 20px
    }

    .notifyModal.centerTop .notifyModal_content {
        left: 0;
        right: 0;
        top: 20px
    }

    .notifyModal.rightTop .notifyModal_content {
        right: 20px;
        top: 20px
    }

    .notifyModal.leftBottom .notifyModal_content {
        left: 20px;
        bottom: 20px
    }

    .notifyModal.centerBottom .notifyModal_content {
        left: 0;
        right: 0;
        bottom: 20px
    }

    .notifyModal.rightBottom .notifyModal_content {
        right: 20px;
        bottom: 20px
    }

    .notifyModal .notifyModal_content .close {
        line-height: 12px;
        font-size: 25px;
        font-weight: bold;
        font-family: serif;
        position: absolute;
        right: 8px;
        top: 8px;
        color: #000;
        opacity: 0.2;
        padding: 0;
        cursor: pointer;
        background: transparent;
        border: 0;
        outline: 0
    }

        .notifyModal .notifyModal_content .close:hover {
            opacity: 1
        }

.hintModal {
    position: relative;
    overflow: visible
}

    .hintModal .hintModal_container {
        display: none;
        left: 0;
        margin: 0;
        font: initial;
        text-transform: none;
        position: absolute;
        background: #ED1A3B;
        padding: 10px;
        border: 1px solid #B4A984;
        box-shadow: 0 2px 6px rgba(0,0,0,0.3);
        display: none;
        opacity: 0;
        text-align: left;
        max-width: 260px;
        min-width: 260px;
        z-index: 1;
        font-size: 12px;
        font-weight: normal;
        margin-top: 6px;
        color: #555;
        top: 100%;
        box-sizing: border-box;
        font-family: sans-serif;
        font-weight: initial;
        font-style: initial;
        color: initial;
        text-decoration: initial;
        text-transform: initial
    }

        .hintModal .hintModal_container:before, .hintModal .hintModal_container:after {
            content: '';
            position: absolute;
            border: 6px solid transparent;
            border-top-width: 0;
            border-bottom-color: #B4A984;
            top: -6px;
            left: 6px
        }

        .hintModal .hintModal_container:before {
            border-bottom-color: #B4A984;
            top: -6px
        }

        .hintModal .hintModal_container:after {
            border-bottom-color: #ED1A3B;
            top: -5px;
            z-index: 1
        }

    .hintModal.bottomRight .hintModal_container {
        left: auto;
        right: 0
    }

        .hintModal.bottomRight .hintModal_container:before, .hintModal.bottomRight .hintModal_container:after {
            left: auto;
            right: 6px
        }

    .hintModal.bottomCenter .hintModal_container {
        left: -120px;
        right: -120px;
        margin-left: auto;
        margin-right: auto
    }

        .hintModal.bottomCenter .hintModal_container:before, .hintModal.bottomCenter .hintModal_container:after {
            left: 50%;
            margin-left: -6px
        }

.dialogModal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.7);
    z-index: 888888;
    overflow: auto;
    opacity: 0;
    transition: all 200ms ease
}

    .dialogModal .dialogModal_container {
        position: relative;
        width: 50%;
        max-width: 650px;
        left: 0;
        right: 0;
        margin: auto auto 40px;
        opacity: 0;
        box-shadow: 0 2px 6px rgba(0,0,0,0.6);
        background: #fff;
        transition: all 200ms ease;
        font-family: sans-serif;
        font-size: 14px;
        font-weight: initial;
        font-style: initial;
        color: initial;
        text-decoration: initial;
        text-transform: initial
    }

    .dialogModal.open {
        opacity: 1
    }

        .dialogModal.open .dialogModal_container {
            opacity: 1
        }

    .dialogModal .dialogModal_container .dialogPrev.notactive, .dialogModal .dialogModal_container .dialogNext.notactive {
        display: none
    }

    .dialogModal .dialogModal_container .dialogPrev, .dialogModal .dialogModal_container .dialogNext {
        position: absolute;
        width: 10%;
        top: 0;
        bottom: 0;
        left: -10%;
        cursor: pointer
    }

    .dialogModal .dialogModal_container .dialogNext {
        left: auto;
        right: -10%
    }

        .dialogModal .dialogModal_container .dialogPrev:after, .dialogModal .dialogModal_container .dialogNext:after {
            content: '';
            position: absolute;
            border: 10px solid transparent;
            top: 50%;
            margin-top: -10px;
            margin-left: -5px;
            left: 50%
        }

    .dialogModal .dialogModal_container .dialogPrev:after {
        border-left: 0;
        border-right-color: #aaa
    }

    .dialogModal .dialogModal_container .dialogNext:after {
        border-right: 0;
        border-left-color: #aaa
    }

    .dialogModal .dialogModal_container .dialogPrev:hover, .dialogModal .dialogModal_container .dialogNext:hover {
        background: rgba(0,0,0,0.2)
    }

    .dialogModal .dialogModal_container .close {
        line-height: 12px;
        font-size: 25px;
        font-weight: bold;
        font-family: serif;
        position: absolute;
        right: 12px;
        top: 12px;
        color: #000;
        opacity: 0.2;
        padding: 0;
        cursor: pointer;
        background: transparent;
        border: 0;
        outline: 0
    }

        .dialogModal .dialogModal_container .close:hover {
            opacity: 1
        }

    .dialogModal .dialogModal_header {
        padding: 10px 20px;
        background: #eaeaea;
        line-height: 20px
    }

    .dialogModal .dialogModal_content {
        padding: 25px 20px
    }

    .dialogModal .dialogModal_footer {
        background: #fafafa;
        padding: 15px 20px;
        border-top: 1px solid #ddd;
        text-align: right
    }

        .dialogModal .dialogModal_footer button {
            margin: 0 0 0 5px
        }

body.dialogModalOpen {
    overflow: hidden
}

@media (max-width: 1000px) {
    .dialogModal .dialogModal_container {
        width: 78%
    }
}

.titleModal {
    position: absolute;
    z-index: 99999;
    background: rgba(0,0,0,0.7);
    color: #fff;
    padding: 4px 10px;
    margin-top: 6px;
    border-radius: 4px;
    font-size: 12px;
    text-align: center;
    max-width: 120px;
    opacity: 0;
    font-family: sans-serif;
    font-weight: initial;
    font-style: initial;
    text-decoration: initial;
    text-transform: initia
}

    .titleModal:after {
        content: '';
        position: absolute;
        border: 6px solid transparent;
        border-top-width: 0;
        border-bottom-color: rgba(0,0,0,0.7);
        top: -6px;
        left: 50%;
        margin-left: -6px
    }

    .titleModal.top {
        margin-top: -6px
    }

        .titleModal.top:after {
            border: 6px solid transparent;
            border-bottom-width: 0;
            border-top-color: rgba(0,0,0,0.7);
            top: auto;
            bottom: -6px;
            left: 50%;
            margin-left: -6px
        }

    .titleModal.left {
        margin-top: auto;
        margin-left: 3px
    }

        .titleModal.left:after {
            border: 6px solid transparent;
            border-right-width: 0;
            border-left-color: rgba(0,0,0,0.7);
            top: 50%;
            left: auto;
            right: -6px;
            margin-left: 0;
            margin-top: -6px
        }

    .titleModal.right {
        margin-top: auto;
        margin-left: -3px
    }

        .titleModal.right:after {
            border: 6px solid transparent;
            border-left-width: 0;
            border-right-color: rgba(0,0,0,0.7);
            top: 50%;
            left: 0;
            margin-top: -6px
        }

.animated {
    animation-duration: 0.2s;
    animation-fill-mode: both
}

.fadeInLeft {
    animation-name: fadeInLeft
}

.fadeOutLeft {
    animation-name: fadeOutLeft
}

.fadeInRight {
    animation-name: fadeInRight
}

.fadeOutRight {
    animation-name: fadeOutRight
}

.fadeInTop {
    animation-name: fadeInTop
}

.fadeOutTop {
    animation-name: fadeOutTop
}

.fadeInBottom {
    animation-name: fadeInBottom
}

.fadeOutBottom {
    animation-name: fadeOutBottom
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-10px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeOutLeft {
    100% {
        opacity: 0;
        transform: translateX(-10px)
    }

    0% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(10px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeOutRight {
    100% {
        opacity: 0;
        transform: translateX(10px)
    }

    0% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeInTop {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeOutTop {
    100% {
        opacity: 0;
        transform: translateY(-10px)
    }

    0% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInBottom {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeOutBottom {
    100% {
        opacity: 0;
        transform: translateY(10px)
    }

    0% {
        opacity: 1;
        transform: translateY(0)
    }
}
/*!
 * jQuery confirmOn Plugin
 * https://github.com/invetek/jquery-confirmon
 *
 * Copyright 2013 Loran Kloeze - Invetek
 * Released under the MIT license
 */

.confirmon-overlay {
    background-color: black;
    background-color: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    margin: 0;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 150;
    display: none
}

.confirmon-box {
    background-color: #fff;
    color: #000;
    box-shadow: 0px 1px 10px #222;
    padding: 40px 0 0 0;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    z-index: 151;
    display: none;
    position: absolute;
    margin-left: -175px;
    width: 350px;
    left: 50%;
    top: 285px;
    height: 130px
}

.confirmon-content p {
    color: #333
}

.confirmon-box button {
    border: 0;
    outline: none;
    background: #6ba7e4;
    padding: 7px 10px;
    margin: 16px 0 0;
    font-weight: normal;
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 5px;
    color: #fff;
    width: 90px;
    margin: 30px 10px;
    display: inline-block;
    cursor: pointer
}

    .confirmon-box button:hover {
        background: #368ae0;
        cursor: pointer
    }

.actionsPanel {
    float: right;
    font-weight: normal;
    font-size: 1rem
}

    .actionsPanel input {
        font-size: 0.8em
    }

    .actionsPanel label {
        margin-right: 0.5em;
        display: none
    }

    .actionsPanel select {
        font-family: "Open Sans",Arial,sans-serif;
        border: 1px solid #dedede;
        padding: 0px;
        height: 30px;
        font-size: 14px;
        width: 265px
    }

    .actionsPanel p {
        margin-bottom: 1em;
        text-align: right;
        display: -webkit-inline-box;
        float: right;
        margin-left: 150px
    }

        .actionsPanel p a {
            cursor: pointer;
            display: inline-block;
            background-color: #6bd183;
            color: #fff;
            text-transform: uppercase;
            padding: 10px 14px;
            border-radius: 5px;
            font-size: 0.8em
        }

            .actionsPanel p a:hover {
                background-color: #3bc75c
            }

            .actionsPanel p a.skuListsLink {
                margin-right: 1em;
                background-color: #6ba7e4
            }

                .actionsPanel p a.skuListsLink:hover {
                    background-color: #38628D
                }

.assetFolderWrapper .noSkusNoMargin {
    margin-top: 0 !important
}

.assetFolderWrapper .skuFolderArea, .assetFolderWrapper .skuListClearBoth {
    clear: both;
    margin-top: 2em
}

.requestSiteViewChanges, .assetDownloadOptions, .noSharingAllowed, .addSKUPanel, .shareAssetPanel, .downloadAssetsPanel, .uploadSKUsByCSVPanel, .forgottenPasswordPanel, .duplicateReportPanel, .shareReportPanel, .downloadAsCSVPanel, .popUpArea {
    cursor: auto;
    text-align: left;
    display: none;
    padding: 1em
}

    .requestSiteViewChanges .sharePage2, .requestSiteViewChanges .sharePage5, .assetDownloadOptions .sharePage2, .assetDownloadOptions .sharePage5, .noSharingAllowed .sharePage2, .noSharingAllowed .sharePage5, .addSKUPanel .sharePage2, .addSKUPanel .sharePage5, .shareAssetPanel .sharePage2, .shareAssetPanel .sharePage5, .downloadAssetsPanel .sharePage2, .downloadAssetsPanel .sharePage5, .uploadSKUsByCSVPanel .sharePage2, .uploadSKUsByCSVPanel .sharePage5, .forgottenPasswordPanel .sharePage2, .forgottenPasswordPanel .sharePage5, .duplicateReportPanel .sharePage2, .duplicateReportPanel .sharePage5, .shareReportPanel .sharePage2, .shareReportPanel .sharePage5, .downloadAsCSVPanel .sharePage2, .downloadAsCSVPanel .sharePage5, .popUpArea .sharePage2, .popUpArea .sharePage5 {
        display: none
    }

    .requestSiteViewChanges .multiChoiceAsset, .assetDownloadOptions .multiChoiceAsset, .noSharingAllowed .multiChoiceAsset, .addSKUPanel .multiChoiceAsset, .shareAssetPanel .multiChoiceAsset, .downloadAssetsPanel .multiChoiceAsset, .uploadSKUsByCSVPanel .multiChoiceAsset, .forgottenPasswordPanel .multiChoiceAsset, .duplicateReportPanel .multiChoiceAsset, .shareReportPanel .multiChoiceAsset, .downloadAsCSVPanel .multiChoiceAsset, .popUpArea .multiChoiceAsset {
        display: none
    }

        .requestSiteViewChanges .multiChoiceAsset h3, .assetDownloadOptions .multiChoiceAsset h3, .noSharingAllowed .multiChoiceAsset h3, .addSKUPanel .multiChoiceAsset h3, .shareAssetPanel .multiChoiceAsset h3, .downloadAssetsPanel .multiChoiceAsset h3, .uploadSKUsByCSVPanel .multiChoiceAsset h3, .forgottenPasswordPanel .multiChoiceAsset h3, .duplicateReportPanel .multiChoiceAsset h3, .shareReportPanel .multiChoiceAsset h3, .downloadAsCSVPanel .multiChoiceAsset h3, .popUpArea .multiChoiceAsset h3 {
            color: #e46b79
        }

            .requestSiteViewChanges .multiChoiceAsset h3 i, .assetDownloadOptions .multiChoiceAsset h3 i, .noSharingAllowed .multiChoiceAsset h3 i, .addSKUPanel .multiChoiceAsset h3 i, .shareAssetPanel .multiChoiceAsset h3 i, .downloadAssetsPanel .multiChoiceAsset h3 i, .uploadSKUsByCSVPanel .multiChoiceAsset h3 i, .forgottenPasswordPanel .multiChoiceAsset h3 i, .duplicateReportPanel .multiChoiceAsset h3 i, .shareReportPanel .multiChoiceAsset h3 i, .downloadAsCSVPanel .multiChoiceAsset h3 i, .popUpArea .multiChoiceAsset h3 i {
                margin-right: 0.25em
            }

        .requestSiteViewChanges .multiChoiceAsset .missingAssetsUL, .assetDownloadOptions .multiChoiceAsset .missingAssetsUL, .noSharingAllowed .multiChoiceAsset .missingAssetsUL, .addSKUPanel .multiChoiceAsset .missingAssetsUL, .shareAssetPanel .multiChoiceAsset .missingAssetsUL, .downloadAssetsPanel .multiChoiceAsset .missingAssetsUL, .uploadSKUsByCSVPanel .multiChoiceAsset .missingAssetsUL, .forgottenPasswordPanel .multiChoiceAsset .missingAssetsUL, .duplicateReportPanel .multiChoiceAsset .missingAssetsUL, .shareReportPanel .multiChoiceAsset .missingAssetsUL, .downloadAsCSVPanel .multiChoiceAsset .missingAssetsUL, .popUpArea .multiChoiceAsset .missingAssetsUL {
            max-height: 200px;
            overflow-y: scroll;
            display: block;
            margin-bottom: 0.5em
        }

            .requestSiteViewChanges .multiChoiceAsset .missingAssetsUL ul li, .assetDownloadOptions .multiChoiceAsset .missingAssetsUL ul li, .noSharingAllowed .multiChoiceAsset .missingAssetsUL ul li, .addSKUPanel .multiChoiceAsset .missingAssetsUL ul li, .shareAssetPanel .multiChoiceAsset .missingAssetsUL ul li, .downloadAssetsPanel .multiChoiceAsset .missingAssetsUL ul li, .uploadSKUsByCSVPanel .multiChoiceAsset .missingAssetsUL ul li, .forgottenPasswordPanel .multiChoiceAsset .missingAssetsUL ul li, .duplicateReportPanel .multiChoiceAsset .missingAssetsUL ul li, .shareReportPanel .multiChoiceAsset .missingAssetsUL ul li, .downloadAsCSVPanel .multiChoiceAsset .missingAssetsUL ul li, .popUpArea .multiChoiceAsset .missingAssetsUL ul li {
                margin-bottom: 0.2em;
                font-size: 0.9em
            }

    .requestSiteViewChanges .assetTypesList, .assetDownloadOptions .assetTypesList, .noSharingAllowed .assetTypesList, .addSKUPanel .assetTypesList, .shareAssetPanel .assetTypesList, .downloadAssetsPanel .assetTypesList, .uploadSKUsByCSVPanel .assetTypesList, .forgottenPasswordPanel .assetTypesList, .duplicateReportPanel .assetTypesList, .shareReportPanel .assetTypesList, .downloadAsCSVPanel .assetTypesList, .popUpArea .assetTypesList {
        margin-top: 1.5em
    }

        .requestSiteViewChanges .assetTypesList p, .assetDownloadOptions .assetTypesList p, .noSharingAllowed .assetTypesList p, .addSKUPanel .assetTypesList p, .shareAssetPanel .assetTypesList p, .downloadAssetsPanel .assetTypesList p, .uploadSKUsByCSVPanel .assetTypesList p, .forgottenPasswordPanel .assetTypesList p, .duplicateReportPanel .assetTypesList p, .shareReportPanel .assetTypesList p, .downloadAsCSVPanel .assetTypesList p, .popUpArea .assetTypesList p {
            margin-bottom: 1em;
            font-weight: normal;
            font-size: 0.9em;
            clear: both
        }

            .requestSiteViewChanges .assetTypesList p input, .assetDownloadOptions .assetTypesList p input, .noSharingAllowed .assetTypesList p input, .addSKUPanel .assetTypesList p input, .shareAssetPanel .assetTypesList p input, .downloadAssetsPanel .assetTypesList p input, .uploadSKUsByCSVPanel .assetTypesList p input, .forgottenPasswordPanel .assetTypesList p input, .duplicateReportPanel .assetTypesList p input, .shareReportPanel .assetTypesList p input, .downloadAsCSVPanel .assetTypesList p input, .popUpArea .assetTypesList p input {
                float: right
            }

                .requestSiteViewChanges .assetTypesList p input.downloadAllButton, .assetDownloadOptions .assetTypesList p input.downloadAllButton, .noSharingAllowed .assetTypesList p input.downloadAllButton, .addSKUPanel .assetTypesList p input.downloadAllButton, .shareAssetPanel .assetTypesList p input.downloadAllButton, .downloadAssetsPanel .assetTypesList p input.downloadAllButton, .uploadSKUsByCSVPanel .assetTypesList p input.downloadAllButton, .forgottenPasswordPanel .assetTypesList p input.downloadAllButton, .duplicateReportPanel .assetTypesList p input.downloadAllButton, .shareReportPanel .assetTypesList p input.downloadAllButton, .downloadAsCSVPanel .assetTypesList p input.downloadAllButton, .popUpArea .assetTypesList p input.downloadAllButton {
                    float: none
                }

            .requestSiteViewChanges .assetTypesList p select, .assetDownloadOptions .assetTypesList p select, .noSharingAllowed .assetTypesList p select, .addSKUPanel .assetTypesList p select, .shareAssetPanel .assetTypesList p select, .downloadAssetsPanel .assetTypesList p select, .uploadSKUsByCSVPanel .assetTypesList p select, .forgottenPasswordPanel .assetTypesList p select, .duplicateReportPanel .assetTypesList p select, .shareReportPanel .assetTypesList p select, .downloadAsCSVPanel .assetTypesList p select, .popUpArea .assetTypesList p select {
                float: right;
                margin-right: 1em;
                font-family: "Open Sans",Arial,sans-serif;
                border: 1px solid #dedede;
                font-size: 0.9em;
                height: 29px
            }

            .requestSiteViewChanges .assetTypesList p .downloadingNotification, .assetDownloadOptions .assetTypesList p .downloadingNotification, .noSharingAllowed .assetTypesList p .downloadingNotification, .addSKUPanel .assetTypesList p .downloadingNotification, .shareAssetPanel .assetTypesList p .downloadingNotification, .downloadAssetsPanel .assetTypesList p .downloadingNotification, .uploadSKUsByCSVPanel .assetTypesList p .downloadingNotification, .forgottenPasswordPanel .assetTypesList p .downloadingNotification, .duplicateReportPanel .assetTypesList p .downloadingNotification, .shareReportPanel .assetTypesList p .downloadingNotification, .downloadAsCSVPanel .assetTypesList p .downloadingNotification, .popUpArea .assetTypesList p .downloadingNotification {
                color: #1564b4;
                display: none;
                clear: right
            }

    .requestSiteViewChanges .downloadAsCSVPanelSpinner, .assetDownloadOptions .downloadAsCSVPanelSpinner, .noSharingAllowed .downloadAsCSVPanelSpinner, .addSKUPanel .downloadAsCSVPanelSpinner, .shareAssetPanel .downloadAsCSVPanelSpinner, .downloadAssetsPanel .downloadAsCSVPanelSpinner, .uploadSKUsByCSVPanel .downloadAsCSVPanelSpinner, .forgottenPasswordPanel .downloadAsCSVPanelSpinner, .duplicateReportPanel .downloadAsCSVPanelSpinner, .shareReportPanel .downloadAsCSVPanelSpinner, .downloadAsCSVPanel .downloadAsCSVPanelSpinner, .popUpArea .downloadAsCSVPanelSpinner {
        text-align: center
    }

    .requestSiteViewChanges a.csvLink, .requestSiteViewChanges a.excelLink, .assetDownloadOptions a.csvLink, .assetDownloadOptions a.excelLink, .noSharingAllowed a.csvLink, .noSharingAllowed a.excelLink, .addSKUPanel a.csvLink, .addSKUPanel a.excelLink, .shareAssetPanel a.csvLink, .shareAssetPanel a.excelLink, .downloadAssetsPanel a.csvLink, .downloadAssetsPanel a.excelLink, .uploadSKUsByCSVPanel a.csvLink, .uploadSKUsByCSVPanel a.excelLink, .forgottenPasswordPanel a.csvLink, .forgottenPasswordPanel a.excelLink, .duplicateReportPanel a.csvLink, .duplicateReportPanel a.excelLink, .shareReportPanel a.csvLink, .shareReportPanel a.excelLink, .downloadAsCSVPanel a.csvLink, .downloadAsCSVPanel a.excelLink, .popUpArea a.csvLink, .popUpArea a.excelLink {
        display: none;
        color: #6ba7e4
    }

        .requestSiteViewChanges a.csvLink:hover, .requestSiteViewChanges a.excelLink:hover, .assetDownloadOptions a.csvLink:hover, .assetDownloadOptions a.excelLink:hover, .noSharingAllowed a.csvLink:hover, .noSharingAllowed a.excelLink:hover, .addSKUPanel a.csvLink:hover, .addSKUPanel a.excelLink:hover, .shareAssetPanel a.csvLink:hover, .shareAssetPanel a.excelLink:hover, .downloadAssetsPanel a.csvLink:hover, .downloadAssetsPanel a.excelLink:hover, .uploadSKUsByCSVPanel a.csvLink:hover, .uploadSKUsByCSVPanel a.excelLink:hover, .forgottenPasswordPanel a.csvLink:hover, .forgottenPasswordPanel a.excelLink:hover, .duplicateReportPanel a.csvLink:hover, .duplicateReportPanel a.excelLink:hover, .shareReportPanel a.csvLink:hover, .shareReportPanel a.excelLink:hover, .downloadAsCSVPanel a.csvLink:hover, .downloadAsCSVPanel a.excelLink:hover, .popUpArea a.csvLink:hover, .popUpArea a.excelLink:hover {
            color: #38628D
        }

    .requestSiteViewChanges .sharePage3, .assetDownloadOptions .sharePage3, .noSharingAllowed .sharePage3, .addSKUPanel .sharePage3, .shareAssetPanel .sharePage3, .downloadAssetsPanel .sharePage3, .uploadSKUsByCSVPanel .sharePage3, .forgottenPasswordPanel .sharePage3, .duplicateReportPanel .sharePage3, .shareReportPanel .sharePage3, .downloadAsCSVPanel .sharePage3, .popUpArea .sharePage3 {
        display: none
    }

        .requestSiteViewChanges .sharePage3 p, .assetDownloadOptions .sharePage3 p, .noSharingAllowed .sharePage3 p, .addSKUPanel .sharePage3 p, .shareAssetPanel .sharePage3 p, .downloadAssetsPanel .sharePage3 p, .uploadSKUsByCSVPanel .sharePage3 p, .forgottenPasswordPanel .sharePage3 p, .duplicateReportPanel .sharePage3 p, .shareReportPanel .sharePage3 p, .downloadAsCSVPanel .sharePage3 p, .popUpArea .sharePage3 p {
            line-height: 1.5em
        }

    .requestSiteViewChanges .addSKUPanelThanks, .assetDownloadOptions .addSKUPanelThanks, .noSharingAllowed .addSKUPanelThanks, .addSKUPanel .addSKUPanelThanks, .shareAssetPanel .addSKUPanelThanks, .downloadAssetsPanel .addSKUPanelThanks, .uploadSKUsByCSVPanel .addSKUPanelThanks, .forgottenPasswordPanel .addSKUPanelThanks, .duplicateReportPanel .addSKUPanelThanks, .shareReportPanel .addSKUPanelThanks, .downloadAsCSVPanel .addSKUPanelThanks, .popUpArea .addSKUPanelThanks {
        display: none
    }

        .requestSiteViewChanges .addSKUPanelThanks a, .assetDownloadOptions .addSKUPanelThanks a, .noSharingAllowed .addSKUPanelThanks a, .addSKUPanel .addSKUPanelThanks a, .shareAssetPanel .addSKUPanelThanks a, .downloadAssetsPanel .addSKUPanelThanks a, .uploadSKUsByCSVPanel .addSKUPanelThanks a, .forgottenPasswordPanel .addSKUPanelThanks a, .duplicateReportPanel .addSKUPanelThanks a, .shareReportPanel .addSKUPanelThanks a, .downloadAsCSVPanel .addSKUPanelThanks a, .popUpArea .addSKUPanelThanks a {
            color: #6ba7e4
        }

            .requestSiteViewChanges .addSKUPanelThanks a:hover, .assetDownloadOptions .addSKUPanelThanks a:hover, .noSharingAllowed .addSKUPanelThanks a:hover, .addSKUPanel .addSKUPanelThanks a:hover, .shareAssetPanel .addSKUPanelThanks a:hover, .downloadAssetsPanel .addSKUPanelThanks a:hover, .uploadSKUsByCSVPanel .addSKUPanelThanks a:hover, .forgottenPasswordPanel .addSKUPanelThanks a:hover, .duplicateReportPanel .addSKUPanelThanks a:hover, .shareReportPanel .addSKUPanelThanks a:hover, .downloadAsCSVPanel .addSKUPanelThanks a:hover, .popUpArea .addSKUPanelThanks a:hover {
                color: #38628D
            }

    .requestSiteViewChanges .closeBlockUI, .assetDownloadOptions .closeBlockUI, .noSharingAllowed .closeBlockUI, .addSKUPanel .closeBlockUI, .shareAssetPanel .closeBlockUI, .downloadAssetsPanel .closeBlockUI, .uploadSKUsByCSVPanel .closeBlockUI, .forgottenPasswordPanel .closeBlockUI, .duplicateReportPanel .closeBlockUI, .shareReportPanel .closeBlockUI, .downloadAsCSVPanel .closeBlockUI, .popUpArea .closeBlockUI {
        float: right;
        cursor: pointer;
        color: #e46b79
    }

        .requestSiteViewChanges .closeBlockUI:hover, .assetDownloadOptions .closeBlockUI:hover, .noSharingAllowed .closeBlockUI:hover, .addSKUPanel .closeBlockUI:hover, .shareAssetPanel .closeBlockUI:hover, .downloadAssetsPanel .closeBlockUI:hover, .uploadSKUsByCSVPanel .closeBlockUI:hover, .forgottenPasswordPanel .closeBlockUI:hover, .duplicateReportPanel .closeBlockUI:hover, .shareReportPanel .closeBlockUI:hover, .downloadAsCSVPanel .closeBlockUI:hover, .popUpArea .closeBlockUI:hover {
            color: #d1505f
        }

    .requestSiteViewChanges h3, .assetDownloadOptions h3, .noSharingAllowed h3, .addSKUPanel h3, .shareAssetPanel h3, .downloadAssetsPanel h3, .uploadSKUsByCSVPanel h3, .forgottenPasswordPanel h3, .duplicateReportPanel h3, .shareReportPanel h3, .downloadAsCSVPanel h3, .popUpArea h3 {
        font-weight: bold;
        font-size: 1.2em;
        margin-bottom: 1em
    }

    .requestSiteViewChanges .newSKUListButtonOff, .assetDownloadOptions .newSKUListButtonOff, .noSharingAllowed .newSKUListButtonOff, .addSKUPanel .newSKUListButtonOff, .shareAssetPanel .newSKUListButtonOff, .downloadAssetsPanel .newSKUListButtonOff, .uploadSKUsByCSVPanel .newSKUListButtonOff, .forgottenPasswordPanel .newSKUListButtonOff, .duplicateReportPanel .newSKUListButtonOff, .shareReportPanel .newSKUListButtonOff, .downloadAsCSVPanel .newSKUListButtonOff, .popUpArea .newSKUListButtonOff {
        opacity: 0.25;
        cursor: default
    }

    .requestSiteViewChanges input.newSKUListName, .requestSiteViewChanges input.forgottenPasswordEmail, .requestSiteViewChanges input.duplicatedReportName, .requestSiteViewChanges input.shareToEmail, .assetDownloadOptions input.newSKUListName, .assetDownloadOptions input.forgottenPasswordEmail, .assetDownloadOptions input.duplicatedReportName, .assetDownloadOptions input.shareToEmail, .noSharingAllowed input.newSKUListName, .noSharingAllowed input.forgottenPasswordEmail, .noSharingAllowed input.duplicatedReportName, .noSharingAllowed input.shareToEmail, .addSKUPanel input.newSKUListName, .addSKUPanel input.forgottenPasswordEmail, .addSKUPanel input.duplicatedReportName, .addSKUPanel input.shareToEmail, .shareAssetPanel input.newSKUListName, .shareAssetPanel input.forgottenPasswordEmail, .shareAssetPanel input.duplicatedReportName, .shareAssetPanel input.shareToEmail, .downloadAssetsPanel input.newSKUListName, .downloadAssetsPanel input.forgottenPasswordEmail, .downloadAssetsPanel input.duplicatedReportName, .downloadAssetsPanel input.shareToEmail, .uploadSKUsByCSVPanel input.newSKUListName, .uploadSKUsByCSVPanel input.forgottenPasswordEmail, .uploadSKUsByCSVPanel input.duplicatedReportName, .uploadSKUsByCSVPanel input.shareToEmail, .forgottenPasswordPanel input.newSKUListName, .forgottenPasswordPanel input.forgottenPasswordEmail, .forgottenPasswordPanel input.duplicatedReportName, .forgottenPasswordPanel input.shareToEmail, .duplicateReportPanel input.newSKUListName, .duplicateReportPanel input.forgottenPasswordEmail, .duplicateReportPanel input.duplicatedReportName, .duplicateReportPanel input.shareToEmail, .shareReportPanel input.newSKUListName, .shareReportPanel input.forgottenPasswordEmail, .shareReportPanel input.duplicatedReportName, .shareReportPanel input.shareToEmail, .downloadAsCSVPanel input.newSKUListName, .downloadAsCSVPanel input.forgottenPasswordEmail, .downloadAsCSVPanel input.duplicatedReportName, .downloadAsCSVPanel input.shareToEmail, .popUpArea input.newSKUListName, .popUpArea input.forgottenPasswordEmail, .popUpArea input.duplicatedReportName, .popUpArea input.shareToEmail {
        font-family: "Open Sans",Arial,sans-serif;
        border: 1px solid #dedede;
        padding: 5px;
        width: 300px;
        font-size: 1em
    }

    .requestSiteViewChanges p, .assetDownloadOptions p, .noSharingAllowed p, .addSKUPanel p, .shareAssetPanel p, .downloadAssetsPanel p, .uploadSKUsByCSVPanel p, .forgottenPasswordPanel p, .duplicateReportPanel p, .shareReportPanel p, .downloadAsCSVPanel p, .popUpArea p {
        margin-bottom: 1em;
        line-height: 1.5em
    }

    .requestSiteViewChanges .uploadErrorMessage, .assetDownloadOptions .uploadErrorMessage, .noSharingAllowed .uploadErrorMessage, .addSKUPanel .uploadErrorMessage, .shareAssetPanel .uploadErrorMessage, .downloadAssetsPanel .uploadErrorMessage, .uploadSKUsByCSVPanel .uploadErrorMessage, .forgottenPasswordPanel .uploadErrorMessage, .duplicateReportPanel .uploadErrorMessage, .shareReportPanel .uploadErrorMessage, .downloadAsCSVPanel .uploadErrorMessage, .popUpArea .uploadErrorMessage {
        display: none;
        margin-top: 1em;
        color: #d1505f;
        line-height: 1.5em
    }

.skuFolderWrapper {
    position: relative
}

    .skuFolderWrapper tr.noSKUListContentTr {
        background: #fffde1
    }

        .skuFolderWrapper tr.noSKUListContentTr div.noSKUListContent {
            clear: right;
            padding: 1em;
            text-align: center;
            min-height: 35px;
            height: auto
        }

    .skuFolderWrapper table {
        width: 100%
    }

    .skuFolderWrapper .addByCSVArea {
        position: absolute;
        right: 0;
        margin-right: 7px
    }

    .skuFolderWrapper .addSKUArea, .skuFolderWrapper .addByCSVArea {
        float: right;
        margin-top: 7px
    }

        .skuFolderWrapper .addSKUArea label, .skuFolderWrapper .addByCSVArea label {
            color: #f5f5f5;
            margin-right: 5px
        }

        .skuFolderWrapper .addSKUArea .addSKUButtonOff, .skuFolderWrapper .addByCSVArea .addSKUButtonOff {
            opacity: 0
        }

        .skuFolderWrapper .addSKUArea .skuName, .skuFolderWrapper .addByCSVArea .skuName {
            width: 200px;
            margin-right: 50px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: inline-block;
            font-size: 0.8em;
            color: #f5f5f5
        }

        .skuFolderWrapper .addSKUArea input.addSKUTB, .skuFolderWrapper .addByCSVArea input.addSKUTB {
            font-family: "Open Sans",Arial,sans-serif;
            border: none;
            padding: 5px 5px 5px 25px;
            width: 125px;
            border-radius: 4px;
            background-image: url("//accoassets.s3.amazonaws.com/partner/images/search/searchSmall.svg");
            background-position: 4px 0px;
            background-repeat: no-repeat;
            font-size: 0.9em;
            color: #999
        }

    .skuFolderWrapper .removeAllArea {
        padding: 8px 0 8px 18px;
        background-color: #333
    }

        .skuFolderWrapper .removeAllArea .selectAllCheckBox label {
            display: none
        }

        .skuFolderWrapper .removeAllArea .removeAllButtonOff {
            opacity: 0
        }

    .skuFolderWrapper table .ui-sortable {
        border: 1px solid #dedede
    }

        .skuFolderWrapper table .ui-sortable tr {
            border-bottom: 1px solid #dedede
        }

            .skuFolderWrapper table .ui-sortable tr a {
                color: #6ba7e4
            }

                .skuFolderWrapper table .ui-sortable tr a:hover {
                    color: #38628D
                }

    .skuFolderWrapper table thead {
        border-top: 1px solid #dedede;
        border-left: 1px solid #dedede;
        border-right: 1px solid #dedede
    }

    .skuFolderWrapper table td {
        padding: 1.5em;
        vertical-align: top;
        line-height: 1.5em;
        cursor: move
    }

        .skuFolderWrapper table td:nth-child(5) {
            width: 14%
        }

        .skuFolderWrapper table td img {
            width: 100px;
            height: 100px
        }

        .skuFolderWrapper table td a.removeLink {
            cursor: pointer;
            color: #fff;
            margin-right: 10px;
            background-color: #e46b79
        }

            .skuFolderWrapper table td a.removeLink:hover {
                background-color: #d1505f
            }

        .skuFolderWrapper table td .customSKU {
            display: block
        }

        .skuFolderWrapper table td .nonCustomCodeBrackets:before {
            content: '('
        }

        .skuFolderWrapper table td .nonCustomCodeBrackets:after {
            content: ')'
        }

        .skuFolderWrapper table td i {
            display: inline
        }

    .skuFolderWrapper table th {
        font-weight: bold;
        background-color: #f5f5f5
    }

    .skuFolderWrapper table tr.invalidSKU td {
        background-color: #FFF9F9
    }

    .assetFolderWrapper table, .skuFolderWrapper table {
        table-layout: auto
    }

        .assetFolderWrapper table td, .skuFolderWrapper table td {
            vertical-align: top;
            line-height: 1.5em;
            padding: 15px 7px 15px 7px
        }

            .assetFolderWrapper table td:last-child a, .skuFolderWrapper table td:last-child a {
                position: relative;
                right: 5px
            }

            .assetFolderWrapper table td img, .skuFolderWrapper table td img {
                width: 100px;
                height: 100px
            }

            .assetFolderWrapper table td span.selectCheckbox, .skuFolderWrapper table td span.selectCheckbox {
                margin-left: 10px
            }

            .assetFolderWrapper table td .displaySKUInSKUFolder, .skuFolderWrapper table td .displaySKUInSKUFolder {
                display: block;
                font-size: 0.8em;
                line-height: 1.4em
            }

            .assetFolderWrapper table td a.removeLink, .skuFolderWrapper table td a.removeLink {
                cursor: pointer;
                background-color: #e46b79;
                margin-right: 10px
            }

                .assetFolderWrapper table td a.removeLink:hover, .skuFolderWrapper table td a.removeLink:hover {
                    background-color: #d1505f
                }

            .assetFolderWrapper table td.links a, .skuFolderWrapper table td.links a {
                font-size: 1.3em;
                margin-left: 0.5em
            }

                .assetFolderWrapper table td.links a:hover, .skuFolderWrapper table td.links a:hover {
                    cursor: pointer
                }

        .assetFolderWrapper table th, .skuFolderWrapper table th {
            padding: 1em 1.5em 1em 0.5em
        }

    .assetFolderWrapper .tabsArea, .skuFolderWrapper .tabsArea {
        margin-bottom: 0px
    }

        .assetFolderWrapper .tabsArea a, .skuFolderWrapper .tabsArea a {
            display: inline-block;
            padding: 12px 16px;
            font-weight: normal;
            text-transform: capitalize;
            color: #fff;
            cursor: pointer;
            margin-right: 1px;
            background-color: #6ba7e4;
            border: 1px solid #6ba7e4
        }

            .assetFolderWrapper .tabsArea a span:before, .skuFolderWrapper .tabsArea a span:before {
                content: '(';
                margin-left: 0.5em
            }

            .assetFolderWrapper .tabsArea a span:after, .skuFolderWrapper .tabsArea a span:after {
                content: ')'
            }

            .assetFolderWrapper .tabsArea a:not(.selected):hover, .skuFolderWrapper .tabsArea a:not(.selected):hover {
                background-color: #38628D;
                border: 1px solid #38628D
            }

            .assetFolderWrapper .tabsArea a.selected, .skuFolderWrapper .tabsArea a.selected {
                background-color: #f5f5f5;
                color: #333;
                border-left: 1px solid #dedede;
                border-right: 1px solid #dedede;
                border-top: 1px solid #dedede;
                border-bottom: 1px solid #f5f5f5
            }

    .assetFolderWrapper .noSKUListContent, .skuFolderWrapper .noSKUListContent {
        margin-top: 16px
    }

.uploadify {
    position: relative;
    margin-bottom: 1em
}

.uploadify-button {
    background-color: #6ba7e4;
    background-position: center top;
    background-repeat: no-repeat;
    border-radius: 5px;
    border: none;
    color: #FFF;
    font-family: "Open Sans",Arial,sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    width: 145px !important;
    padding: 5px
}

.uploadify:hover .uploadify-button {
    background-color: #38628D;
    background-position: center bottom
}

.uploadify-button.disabled {
    background-color: #f5f5f5;
    color: #dedede
}

.uploadify-queue {
    margin-bottom: 1em
}

.uploadify-queue-item {
    background-color: #f5f5f5;
    border-radius: 3px;
    font-size: 11px;
    font-family: "Open Sans",Arial,sans-serif;
    margin-top: 5px;
    max-width: 350px;
    padding: 10px
}

.uploadify-error {
    background-color: #f2c3c8 !important
}

.uploadify-queue-item .cancel a {
    background: url("uploadify-cancel.png") 0 0 no-repeat;
    float: right;
    height: 16px;
    text-indent: -9999px;
    width: 16px
}

.uploadify-queue-item.completed {
    background-color: #f5f5f5
}

.uploadify-progress {
    background-color: #f5f5f5;
    margin-top: 10px;
    width: 100%
}

.uploadify-progress-bar {
    background-color: #6ba7e4;
    height: 3px;
    width: 1px
}

.headerImageSelector, .logoImageSelector {
    cursor: default;
    text-align: left;
    display: none
}

    .headerImageSelector .fromComputer, .headerImageSelector .systemBanners, .logoImageSelector .fromComputer, .logoImageSelector .systemBanners {
        display: none
    }

    .headerImageSelector .fromAccount, .headerImageSelector .fromComputer, .headerImageSelector .systemBanners, .headerImageSelector .fromAccountLogos, .headerImageSelector .fromComputerLogos, .headerImageSelector .systemBannersLogos, .logoImageSelector .fromAccount, .logoImageSelector .fromComputer, .logoImageSelector .systemBanners, .logoImageSelector .fromAccountLogos, .logoImageSelector .fromComputerLogos, .logoImageSelector .systemBannersLogos {
        max-height: 250px;
        overflow-y: scroll
    }

        .headerImageSelector .fromAccount p, .headerImageSelector .fromComputer p, .headerImageSelector .systemBanners p, .headerImageSelector .fromAccountLogos p, .headerImageSelector .fromComputerLogos p, .headerImageSelector .systemBannersLogos p, .logoImageSelector .fromAccount p, .logoImageSelector .fromComputer p, .logoImageSelector .systemBanners p, .logoImageSelector .fromAccountLogos p, .logoImageSelector .fromComputerLogos p, .logoImageSelector .systemBannersLogos p {
            margin-bottom: 1em
        }

        .headerImageSelector .fromAccount .errorMessage, .headerImageSelector .fromComputer .errorMessage, .headerImageSelector .systemBanners .errorMessage, .headerImageSelector .fromAccountLogos .errorMessage, .headerImageSelector .fromComputerLogos .errorMessage, .headerImageSelector .systemBannersLogos .errorMessage, .logoImageSelector .fromAccount .errorMessage, .logoImageSelector .fromComputer .errorMessage, .logoImageSelector .systemBanners .errorMessage, .logoImageSelector .fromAccountLogos .errorMessage, .logoImageSelector .fromComputerLogos .errorMessage, .logoImageSelector .systemBannersLogos .errorMessage {
            display: none;
            color: #d1505f
        }

    .headerImageSelector .fromComputerLogos, .headerImageSelector .systemBannersLogos, .logoImageSelector .fromComputerLogos, .logoImageSelector .systemBannersLogos {
        display: none
    }

    .headerImageSelector .addHeaderTabsArea, .logoImageSelector .addHeaderTabsArea {
        height: 2.5em
    }

        .headerImageSelector .addHeaderTabsArea a, .logoImageSelector .addHeaderTabsArea a {
            display: inline-block;
            line-height: 2.5em;
            padding: 0 1em;
            margin-right: 2px;
            color: white;
            cursor: pointer;
            background-color: #6ba7e4
        }

            .headerImageSelector .addHeaderTabsArea a:hover, .logoImageSelector .addHeaderTabsArea a:hover {
                background-color: #38628D
            }

            .headerImageSelector .addHeaderTabsArea a.selected, .logoImageSelector .addHeaderTabsArea a.selected {
                background-color: #f5f5f5;
                color: #333;
                border-top: 1px solid #dedede;
                border-left: 1px solid #dedede;
                border-right: 1px solid #dedede;
                border-bottom: none
            }

    .headerImageSelector .addHeaderImageContentArea, .logoImageSelector .addHeaderImageContentArea {
        border: 1px solid #dedede;
        padding: 1em 1em 0 1em;
        min-height: 75px;
        background: #f5f5f5
    }

        .headerImageSelector .addHeaderImageContentArea ul li, .logoImageSelector .addHeaderImageContentArea ul li {
            margin-bottom: 0.8em;
            border: 1px solid #dedede;
            padding: 15px;
            margin-top: 10px;
            background: #fff
        }

            .headerImageSelector .addHeaderImageContentArea ul li img, .logoImageSelector .addHeaderImageContentArea ul li img {
                max-width: 400px;
                max-height: 100px
            }

            .headerImageSelector .addHeaderImageContentArea ul li a.selectBannerLink, .logoImageSelector .addHeaderImageContentArea ul li a.selectBannerLink {
                display: block;
                color: #6ba7e4;
                font-size: 1em;
                cursor: pointer;
                margin-top: 10px
            }

                .headerImageSelector .addHeaderImageContentArea ul li a.selectBannerLink:hover, .logoImageSelector .addHeaderImageContentArea ul li a.selectBannerLink:hover {
                    color: #38628D
                }

                .headerImageSelector .addHeaderImageContentArea ul li a.selectBannerLink i, .logoImageSelector .addHeaderImageContentArea ul li a.selectBannerLink i {
                    margin-right: 3px;
                    color: #999
                }

    .headerImageSelector h3, .logoImageSelector h3 {
        font-weight: bold;
        font-size: 1.2em;
        margin-bottom: 1em
    }

    .headerImageSelector .closeBlockUI, .logoImageSelector .closeBlockUI {
        float: right;
        cursor: pointer;
        color: #e46b79
    }

        .headerImageSelector .closeBlockUI:hover, .logoImageSelector .closeBlockUI:hover {
            color: #d1505f
        }

.truncationWarningText {
    background-color: #FFFDE3;
    padding: 0.5em;
    border: 1px dashed #e8e39e;
    text-align: center;
    font-weight: bold
}

.createReportWrapper .progressIndicator {
    height: 1em;
    border: 1px solid #b8d4bb
}

    .createReportWrapper .progressIndicator span {
        display: inline-block;
        height: 0.8em
    }

        .createReportWrapper .progressIndicator span.indicatorItemSelected {
            background-color: #e8f8eb
        }

.createReportWrapper .progressIndicatorTitles {
    margin-top: 0.5em;
    margin-bottom: 1.5em
}

    .createReportWrapper .progressIndicatorTitles span {
        display: inline-block;
        text-align: center;
        text-transform: uppercase;
        font-size: 0.9em;
        vertical-align: top
    }

.createReportWrapper .progressIndicator6 span, .createReportWrapper .progressIndicatorTitles6 span {
    width: 17%
}

    .createReportWrapper .progressIndicator6 span:last-child, .createReportWrapper .progressIndicatorTitles6 span:last-child {
        width: 15%
    }

    .createReportWrapper .progressIndicator6 span.selected, .createReportWrapper .progressIndicatorTitles6 span.selected {
        font-weight: bold
    }

.createReportWrapper .progressIndicator3 span, .createReportWrapper .progressIndicatorTitles3 span {
    width: 33%
}

    .createReportWrapper .progressIndicator3 span:last-child, .createReportWrapper .progressIndicatorTitles3 span:last-child {
        width: 34%
    }

    .createReportWrapper .progressIndicator3 span.selected, .createReportWrapper .progressIndicatorTitles3 span.selected {
        font-weight: bold
    }

.createReportWrapper .progressIndicator7 span, .createReportWrapper .progressIndicatorTitles7 span {
    width: 14%
}

    .createReportWrapper .progressIndicator7 span:last-child, .createReportWrapper .progressIndicatorTitles7 span:last-child {
        width: 16%
    }

    .createReportWrapper .progressIndicator7 span.selected, .createReportWrapper .progressIndicatorTitles7 span.selected {
        font-weight: bold
    }

.createReportWrapper .progressIndicator4 span, .createReportWrapper .progressIndicatorTitles4 span {
    width: 25%
}

    .createReportWrapper .progressIndicator4 span.selected, .createReportWrapper .progressIndicatorTitles4 span.selected {
        font-weight: bold
    }

.createReportWrapper .progressIndicator5 span, .createReportWrapper .progressIndicatorTitles5 span {
    width: 20%
}

    .createReportWrapper .progressIndicator5 span.selected, .createReportWrapper .progressIndicatorTitles5 span.selected {
        font-weight: bold
    }

.createReportWrapper .specSheetSetUpOptions .includeLicensingInformation {
    font-weight: bold
}

    .createReportWrapper .specSheetSetUpOptions .includeLicensingInformation input, .createReportWrapper .specSheetSetUpOptions .includeLicensingInformation label {
        display: inline-block;
        vertical-align: top
    }

    .createReportWrapper .specSheetSetUpOptions .includeLicensingInformation span {
        font-weight: normal;
        display: block
    }

        .createReportWrapper .specSheetSetUpOptions .includeLicensingInformation span:before {
            content: '('
        }

        .createReportWrapper .specSheetSetUpOptions .includeLicensingInformation span:after {
            content: ')'
        }

.createReportWrapper .specSheetSetUpOptions .includeSuggestListPrice label {
    font-weight: bold
}

.createReportWrapper .specSheetSetUpOptions .includeListPriceOptions {
    display: none;
    margin-left: 1em
}

    .createReportWrapper .specSheetSetUpOptions .includeListPriceOptions .editPriceLabelText {
        display: none;
        font-family: "Open Sans",Arial,sans-serif;
        border: 1px solid #dedede;
        padding: 5px;
        width: 200px;
        font-size: 1em;
        margin-bottom: 0.5em
    }

    .createReportWrapper .specSheetSetUpOptions .includeListPriceOptions .editPriceLabel, .createReportWrapper .specSheetSetUpOptions .includeListPriceOptions .editPriceValue {
        display: block
    }

.createReportWrapper .excelPage {
    display: none;
    width: 960px;
    overflow-x: auto;
    overflow-y: auto
}

    .createReportWrapper .excelPage h2 {
        font-weight: bold;
        font-size: 1.5em
    }

    .createReportWrapper .excelPage p {
        line-height: 1.5em;
        margin-bottom: 1em
    }

        .createReportWrapper .excelPage p.introText {
            clear: both;
            padding-top: 1em
        }

    .createReportWrapper .excelPage input.reportNextButton {
        float: right;
        font-size: 1.1em;
        padding: 7px 15px
    }

    .createReportWrapper .excelPage p {
        line-height: 1.5em
    }

    .createReportWrapper .excelPage h3 {
        font-size: 1.5em;
        font-weight: bold;
        margin-bottom: 1em
    }

    .createReportWrapper .excelPage .spreadSheetWrapper {
        display: none
    }

        .createReportWrapper .excelPage .spreadSheetWrapper h3 {
            font-size: 1.1em
        }

    .createReportWrapper .excelPage .headerContentOptionsPanel {
        background: #f5f5f5;
        border: 1px solid #dedede;
        padding: 20px 20px 5px 20px;
        margin-bottom: 25px
    }

        .createReportWrapper .excelPage .headerContentOptionsPanel h3 {
            font-size: 1.1em
        }

        .createReportWrapper .excelPage .headerContentOptionsPanel .headerContentOptionsPanelInner {
            display: inline-block;
            margin-right: 8em;
            vertical-align: top
        }

        .createReportWrapper .excelPage .headerContentOptionsPanel .headerContentOptionsPanelSizing {
            display: none
        }

        .createReportWrapper .excelPage .headerContentOptionsPanel p {
            margin-bottom: 0.5em
        }

            .createReportWrapper .excelPage .headerContentOptionsPanel p input {
                font-family: "Open Sans",Arial,sans-serif;
                border: 1px solid #dedede;
                padding: 5px;
                width: 70px;
                font-size: 1em
            }

            .createReportWrapper .excelPage .headerContentOptionsPanel p label {
                display: inline-block;
                width: 150px
            }

        .createReportWrapper .excelPage .headerContentOptionsPanel .doYouRequireHeaderContentRB {
            margin-bottom: 1em
        }

            .createReportWrapper .excelPage .headerContentOptionsPanel .doYouRequireHeaderContentRB td {
                padding-bottom: 0.5em
            }

            .createReportWrapper .excelPage .headerContentOptionsPanel .doYouRequireHeaderContentRB label {
                padding-left: 0.5em;
                text-transform: capitalize
            }

.createReportWrapper h1 span:before {
    content: ' ('
}

.createReportWrapper h1 span:after {
    content: ')'
}

.createReportWrapper p {
    margin-bottom: 1em
}

.createReportWrapper fieldset {
    margin-bottom: 1em
}

    .createReportWrapper fieldset p {
        margin-bottom: 1em
    }

        .createReportWrapper fieldset p label.reportFormLabel {
            display: inline-block;
            width: 100px;
            font-weight: 600
        }

        .createReportWrapper fieldset p input.textbox {
            font-family: "Open Sans",Arial,sans-serif;
            border: 1px solid #dedede;
            padding: 5px;
            width: 300px;
            font-size: 1em
        }

.createReportWrapper input.reportNextButton, .createReportWrapper input.reportBackButton {
    float: right;
    font-size: 1.1em;
    padding: 7px 15px
}

.createReportWrapper input.reportBackButton {
    margin-right: 1em;
    background-color: #e46b79
}

    .createReportWrapper input.reportBackButton:hover {
        background-color: #d1505f
    }

.createReportWrapper .additionalFieldsPage {
    display: none
}

    .createReportWrapper .additionalFieldsPage .nextButton4Wrapper h2 {
        font-weight: bold;
        font-size: 1.5em
    }

    .createReportWrapper .additionalFieldsPage .nextButton4Wrapper input {
        float: right
    }

    .createReportWrapper .additionalFieldsPage .nextButton4Wrapper .createReportNextButton5 {
        font-size: 1.1em;
        padding: 7px 15px
    }

    .createReportWrapper .additionalFieldsPage p {
        margin-bottom: 1em;
        line-height: 1.5em
    }

        .createReportWrapper .additionalFieldsPage p.introText {
            clear: both;
            margin-top: 1.5em
        }

    .createReportWrapper .additionalFieldsPage .additionalFieldsOptionsListArea {
        background-color: white;
        border: 1px solid #dedede;
        padding: 0.25em;
        height: 355px;
        overflow-y: scroll;
        overflow-x: hidden;
        margin-top: 15px
    }

        .createReportWrapper .additionalFieldsPage .additionalFieldsOptionsListArea ul li {
            border: 1px solid #dedede;
            padding: .2em;
            margin-bottom: 0.1em
        }

            .createReportWrapper .additionalFieldsPage .additionalFieldsOptionsListArea ul li.notSelectable {
                background-color: #f5f5f5
            }

            .createReportWrapper .additionalFieldsPage .additionalFieldsOptionsListArea ul li.selectable {
                background-color: #feffcc
            }

    .createReportWrapper .additionalFieldsPage .additionalFieldsOptions {
        display: inline-block;
        width: 21%
    }

    .createReportWrapper .additionalFieldsPage .skuLayout {
        float: right;
        width: 68%;
        min-height: 376px
    }

    .createReportWrapper .additionalFieldsPage .additionalFieldsOptions, .createReportWrapper .additionalFieldsPage .skuLayout {
        border: 1px solid #dedede;
        padding: 2%;
        background-color: #f5f5f5
    }

        .createReportWrapper .additionalFieldsPage .additionalFieldsOptions h3, .createReportWrapper .additionalFieldsPage .skuLayout h3 {
            font-size: 1.2em;
            font-weight: bold
        }

.createReportWrapper .xlsxOptionsPage {
    display: none
}

    .createReportWrapper .xlsxOptionsPage .nextButton4Wrapper {
        text-align: right
    }

    .createReportWrapper .xlsxOptionsPage h2 {
        font-weight: bold;
        font-size: 1.5em
    }

    .createReportWrapper .xlsxOptionsPage p {
        line-height: 1.5em;
        margin-bottom: 1em
    }

        .createReportWrapper .xlsxOptionsPage p.introText {
            clear: both;
            padding-top: 1em
        }

        .createReportWrapper .xlsxOptionsPage p.selectAllLine a {
            cursor: pointer;
            color: #6ba7e4
        }

            .createReportWrapper .xlsxOptionsPage p.selectAllLine a:hover {
                color: #38628D
            }

            .createReportWrapper .xlsxOptionsPage p.selectAllLine a i {
                margin-right: 0.25em;
                color: #666;
                cursor: pointer
            }

    .createReportWrapper .xlsxOptionsPage .dataFieldsFilter {
        display: inline-block;
        width: 25%;
        vertical-align: top
    }

        .createReportWrapper .xlsxOptionsPage .dataFieldsFilter .dataFieldsFilterInner {
            background-color: #f5f5f5;
            border: 1px solid #dedede;
            padding: 1em
        }

            .createReportWrapper .xlsxOptionsPage .dataFieldsFilter .dataFieldsFilterInner h3 {
                font-weight: bold;
                margin-bottom: 0.5em
            }

            .createReportWrapper .xlsxOptionsPage .dataFieldsFilter .dataFieldsFilterInner .groupPanel {
                margin-bottom: 0.6em
            }

                .createReportWrapper .xlsxOptionsPage .dataFieldsFilter .dataFieldsFilterInner .groupPanel i {
                    margin-right: 0.5em;
                    cursor: pointer;
                    display: inline-block;
                    width: 1em
                }

            .createReportWrapper .xlsxOptionsPage .dataFieldsFilter .dataFieldsFilterInner .attributesGroupPanel {
                display: none
            }

    .createReportWrapper .xlsxOptionsPage .dataFieldsIndent {
        display: inline-block;
        width: 73%;
        vertical-align: top;
        margin-left: 1%
    }

        .createReportWrapper .xlsxOptionsPage .dataFieldsIndent p.columnNames {
            margin-bottom: 0;
            background: #333;
            color: #fff;
            padding: 10px 0px
        }

            .createReportWrapper .xlsxOptionsPage .dataFieldsIndent p.columnNames span {
                display: inline-block;
                width: 52%;
                font-size: 1em
            }

                .createReportWrapper .xlsxOptionsPage .dataFieldsIndent p.columnNames span:first-child {
                    padding-left: 1.5em;
                    width: 37.5%
                }

    .createReportWrapper .xlsxOptionsPage ul li {
        padding: 0.5em;
        overflow: hidden;
        height: 2em;
        position: relative
    }

        .createReportWrapper .xlsxOptionsPage ul li .editValuesArea {
            cursor: pointer;
            float: right;
            margin-top: 0.6em;
            font-size: 1em;
            color: #6ba7e4
        }

            .createReportWrapper .xlsxOptionsPage ul li .editValuesArea:hover {
                color: #38628D
            }

            .createReportWrapper .xlsxOptionsPage ul li .editValuesArea i {
                margin-right: 0.05em;
                color: #666
            }

            .createReportWrapper .xlsxOptionsPage ul li .editValuesArea.editValuesAreaOff {
                opacity: 0.25
            }

        .createReportWrapper .xlsxOptionsPage ul li:nth-child(odd) {
            background: #f5f5f5
        }

        .createReportWrapper .xlsxOptionsPage ul li i {
            margin-right: 0.5em;
            cursor: pointer;
            width: 15px;
            display: inline-block
        }

        .createReportWrapper .xlsxOptionsPage ul li .groupBlock {
            margin-right: 0.5em;
            height: 3em;
            margin-left: -0.5em;
            margin-top: -0.5em;
            float: left;
            width: 1.5em;
            cursor: help
        }

        .createReportWrapper .xlsxOptionsPage ul li input.columnHeading {
            padding: 0.2em;
            font-family: "Open Sans",Arial,sans-serif;
            border: 1px solid #dedede;
            width: 200px;
            font-size: 1em
        }

        .createReportWrapper .xlsxOptionsPage ul li input.textBoxOff {
            opacity: 0.25
        }

        .createReportWrapper .xlsxOptionsPage ul li .featureName {
            left: 41%;
            position: absolute;
            top: 1em
        }

            .createReportWrapper .xlsxOptionsPage ul li .featureName:before {
                content: '('
            }

            .createReportWrapper .xlsxOptionsPage ul li .featureName:after {
                content: ')'
            }

.createReportWrapper .reportPage3 {
    display: none
}

    .createReportWrapper .reportPage3 .companyDetailsPanel {
        background-color: #f5f5f5;
        border: 1px solid #dedede;
        padding: 20px 20px 0 20px;
        margin-bottom: 20px
    }

        .createReportWrapper .reportPage3 .companyDetailsPanel label.standardLabel {
            font-weight: bold;
            font-size: 1.2em
        }

    .createReportWrapper .reportPage3 .includeLogos {
        background-color: #f5f5f5;
        border: 1px solid #dedede;
        padding: 20px
    }

        .createReportWrapper .reportPage3 .includeLogos label {
            font-weight: 600
        }

        .createReportWrapper .reportPage3 .includeLogos table {
            margin-top: 10px;
            font-weight: normal !important;
            margin-bottom: 10px
        }

        .createReportWrapper .reportPage3 .includeLogos h3 {
            font-weight: bold;
            font-size: 1.2em
        }

        .createReportWrapper .reportPage3 .includeLogos .includeLogosInner {
            margin-top: 1em;
            padding-top: 0.5em
        }

            .createReportWrapper .reportPage3 .includeLogos .includeLogosInner .logo1Area, .createReportWrapper .reportPage3 .includeLogos .includeLogosInner .logo2Area {
                text-align: left;
                margin-right: 5em;
                display: inline-block;
                vertical-align: top
            }

                .createReportWrapper .reportPage3 .includeLogos .includeLogosInner .logo1Area a.removeLogoLink, .createReportWrapper .reportPage3 .includeLogos .includeLogosInner .logo2Area a.removeLogoLink {
                    background: #E46B79
                }

                .createReportWrapper .reportPage3 .includeLogos .includeLogosInner .logo1Area td, .createReportWrapper .reportPage3 .includeLogos .includeLogosInner .logo2Area td {
                    padding: 0 0 0.2em 0
                }

                    .createReportWrapper .reportPage3 .includeLogos .includeLogosInner .logo1Area td label, .createReportWrapper .reportPage3 .includeLogos .includeLogosInner .logo2Area td label {
                        text-transform: capitalize;
                        padding-left: 0.25em;
                        font-weight: normal
                    }

    .createReportWrapper .reportPage3 .nextButton4Wrapper {
        text-align: right
    }

        .createReportWrapper .reportPage3 .nextButton4Wrapper .createReportNextButton4, .createReportWrapper .reportPage3 .nextButton4Wrapper .createReportNextButton5 {
            font-size: 1.1em;
            padding: 7px 15px
        }

    .createReportWrapper .reportPage3 .includeCompanyDetails td {
        padding: 0 0 0.15em 0
    }

        .createReportWrapper .reportPage3 .includeCompanyDetails td label {
            text-transform: capitalize;
            padding-left: 0.25em
        }

.createReportWrapper .reportPage2HeaderImage {
    display: none
}

    .createReportWrapper .reportPage2HeaderImage h2 {
        font-weight: bold;
        font-size: 1.5em
    }

    .createReportWrapper .reportPage2HeaderImage .includeHeaderImageDiv a.removeHeaderImageButton {
        background: #E46B79
    }

    .createReportWrapper .reportPage2HeaderImage p.introText {
        clear: both;
        padding-top: 1em
    }

    .createReportWrapper .reportPage2HeaderImage .customiseDiv {
        padding: 1.5em 0 1.5em 1.5em;
        background-color: #f5f5f5;
        border: 1px solid #dedede;
        margin-top: 2em;
        clear: right
    }

        .createReportWrapper .reportPage2HeaderImage .customiseDiv .addressSelectionArea {
            border-top: 1px solid #dedede;
            margin-top: 0.5em;
            padding-top: 0.5em
        }

            .createReportWrapper .reportPage2HeaderImage .customiseDiv .addressSelectionArea .addressIDSelector {
                font-family: 'Open Sans', Arial, sans-serif;
                border: 1px solid #dedede;
                padding: 2px;
                background: #fff;
                height: 25px;
                font-size: 12px;
                margin-top: 10px
            }

        .createReportWrapper .reportPage2HeaderImage .customiseDiv .newAddressForm {
            display: none
        }

            .createReportWrapper .reportPage2HeaderImage .customiseDiv .newAddressForm label {
                display: inline-block;
                width: 130px
            }

                .createReportWrapper .reportPage2HeaderImage .customiseDiv .newAddressForm label em {
                    margin-left: 0.25em;
                    color: #6ba7e4;
                    font-style: normal
                }

            .createReportWrapper .reportPage2HeaderImage .customiseDiv .newAddressForm input.textbox, .createReportWrapper .reportPage2HeaderImage .customiseDiv .newAddressForm select {
                font-family: "Open Sans",Arial,sans-serif;
                border: 1px solid #dedede;
                padding: 5px;
                font-size: 13px;
                background: #fff;
                width: 260px
            }

            .createReportWrapper .reportPage2HeaderImage .customiseDiv .newAddressForm input.textbox {
                width: 250px
            }

            .createReportWrapper .reportPage2HeaderImage .customiseDiv .newAddressForm .leftSideForm {
                display: inline-block;
                margin-right: 4em;
                vertical-align: top
            }

            .createReportWrapper .reportPage2HeaderImage .customiseDiv .newAddressForm .rightSideForm {
                display: inline-block;
                vertical-align: top
            }

                .createReportWrapper .reportPage2HeaderImage .customiseDiv .newAddressForm .rightSideForm p.addNewAddressButtonLine {
                    text-align: right
                }

        .createReportWrapper .reportPage2HeaderImage .customiseDiv h3 {
            font-size: 1.1em;
            font-weight: bold;
            margin-bottom: 1em
        }

            .createReportWrapper .reportPage2HeaderImage .customiseDiv h3 a.tipsy {
                font-size: 1.3em;
                margin-top: -0.4em;
                cursor: help;
                color: #ccc
            }

                .createReportWrapper .reportPage2HeaderImage .customiseDiv h3 a.tipsy:hover {
                    color: #999
                }

        .createReportWrapper .reportPage2HeaderImage .customiseDiv p:last-child {
            margin-bottom: 0
        }

        .createReportWrapper .reportPage2HeaderImage .customiseDiv table td {
            padding: 0;
            cursor: default
        }

            .createReportWrapper .reportPage2HeaderImage .customiseDiv table td label {
                padding-left: 0.5em;
                text-transform: capitalize
            }

        .createReportWrapper .reportPage2HeaderImage .customiseDiv .logo1Area {
            margin-bottom: 1em;
            padding-right: 12%
        }

        .createReportWrapper .reportPage2HeaderImage .customiseDiv .logo2Area, .createReportWrapper .reportPage2HeaderImage .customiseDiv .logo1Area {
            display: inline-block;
            width: 38%
        }

            .createReportWrapper .reportPage2HeaderImage .customiseDiv .logo2Area img, .createReportWrapper .reportPage2HeaderImage .customiseDiv .logo1Area img {
                float: left;
                margin: 10px 0;
                border: 1px solid #dedede;
                max-height: 100px;
                padding: 10px;
                background: #fff
            }

            .createReportWrapper .reportPage2HeaderImage .customiseDiv .logo2Area .logoTitleLabel, .createReportWrapper .reportPage2HeaderImage .customiseDiv .logo1Area .logoTitleLabel {
                font-weight: bold;
                margin-bottom: 0.5em;
                clear: both;
                display: block
            }

            .createReportWrapper .reportPage2HeaderImage .customiseDiv .logo2Area table, .createReportWrapper .reportPage2HeaderImage .customiseDiv .logo1Area table {
                margin-bottom: 0.5em
            }

    .createReportWrapper .reportPage2HeaderImage .nextButton2Wrapper input {
        float: right
    }

.createReportWrapper p {
    line-height: 1.5em
}

.createReportWrapper .reportPage2, .createReportWrapper .reportPage1a, .createReportWrapper .excelPage2 {
    display: none
}

    .createReportWrapper .reportPage2 .nextButton2Wrapper input, .createReportWrapper .reportPage2 .nextButton1aWrapper input, .createReportWrapper .reportPage1a .nextButton2Wrapper input, .createReportWrapper .reportPage1a .nextButton1aWrapper input, .createReportWrapper .excelPage2 .nextButton2Wrapper input, .createReportWrapper .excelPage2 .nextButton1aWrapper input {
        float: right
    }

        .createReportWrapper .reportPage2 .nextButton2Wrapper input.createReportNextButton2, .createReportWrapper .reportPage2 .nextButton1aWrapper input.createReportNextButton2, .createReportWrapper .reportPage1a .nextButton2Wrapper input.createReportNextButton2, .createReportWrapper .reportPage1a .nextButton1aWrapper input.createReportNextButton2, .createReportWrapper .excelPage2 .nextButton2Wrapper input.createReportNextButton2, .createReportWrapper .excelPage2 .nextButton1aWrapper input.createReportNextButton2 {
            font-size: 1.1em;
            padding: 7px 15px
        }

    .createReportWrapper .reportPage2 .nextButton2Wrapper h2, .createReportWrapper .reportPage2 .nextButton1aWrapper h2, .createReportWrapper .reportPage1a .nextButton2Wrapper h2, .createReportWrapper .reportPage1a .nextButton1aWrapper h2, .createReportWrapper .excelPage2 .nextButton2Wrapper h2, .createReportWrapper .excelPage2 .nextButton1aWrapper h2 {
        font-weight: bold;
        font-size: 1.5em
    }

    .createReportWrapper .reportPage2 .excelReportArea ul li, .createReportWrapper .reportPage1a .excelReportArea ul li, .createReportWrapper .excelPage2 .excelReportArea ul li {
        height: 3em;
        line-height: 3em;
        cursor: move
    }

        .createReportWrapper .reportPage2 .excelReportArea ul li:nth-child(odd), .createReportWrapper .reportPage1a .excelReportArea ul li:nth-child(odd), .createReportWrapper .excelPage2 .excelReportArea ul li:nth-child(odd) {
            background: #f5f5f5
        }

        .createReportWrapper .reportPage2 .excelReportArea ul li .yourColumnName, .createReportWrapper .reportPage1a .excelReportArea ul li .yourColumnName, .createReportWrapper .excelPage2 .excelReportArea ul li .yourColumnName {
            display: inline-block;
            width: 40%;
            margin-left: 10%
        }

        .createReportWrapper .reportPage2 .excelReportArea ul li .groupBlock, .createReportWrapper .reportPage1a .excelReportArea ul li .groupBlock, .createReportWrapper .excelPage2 .excelReportArea ul li .groupBlock {
            margin-right: 0.5em;
            height: 3em;
            float: left;
            width: 1.5em
        }

        .createReportWrapper .reportPage2 .excelReportArea ul li .ourColumnName, .createReportWrapper .reportPage1a .excelReportArea ul li .ourColumnName, .createReportWrapper .excelPage2 .excelReportArea ul li .ourColumnName {
            font-size: 0.8em
        }

            .createReportWrapper .reportPage2 .excelReportArea ul li .ourColumnName:before, .createReportWrapper .reportPage1a .excelReportArea ul li .ourColumnName:before, .createReportWrapper .excelPage2 .excelReportArea ul li .ourColumnName:before {
                content: '('
            }

            .createReportWrapper .reportPage2 .excelReportArea ul li .ourColumnName:after, .createReportWrapper .reportPage1a .excelReportArea ul li .ourColumnName:after, .createReportWrapper .excelPage2 .excelReportArea ul li .ourColumnName:after {
                content: ')'
            }

        .createReportWrapper .reportPage2 .excelReportArea ul li i, .createReportWrapper .reportPage1a .excelReportArea ul li i, .createReportWrapper .excelPage2 .excelReportArea ul li i {
            color: #666;
            margin-left: 1em;
            font-size: 1.5em
        }

    .createReportWrapper .reportPage2 img.templateOptionsImage, .createReportWrapper .reportPage1a img.templateOptionsImage, .createReportWrapper .excelPage2 img.templateOptionsImage {
        border: 1px #dedede solid;
        display: inline-block;
        width: 350px;
        vertical-align: top
    }

    .createReportWrapper .reportPage2 p.introText, .createReportWrapper .reportPage1a p.introText, .createReportWrapper .excelPage2 p.introText {
        clear: both;
        padding-top: 1em
    }

    .createReportWrapper .reportPage2 .templateOptionsPanel, .createReportWrapper .reportPage1a .templateOptionsPanel, .createReportWrapper .excelPage2 .templateOptionsPanel {
        background-color: #f5f5f5;
        border: 1px solid #dedede;
        padding: 1em;
        width: 25%;
        margin-right: 1em;
        display: inline-block
    }

        .createReportWrapper .reportPage2 .templateOptionsPanel .thisDocHasXXPages, .createReportWrapper .reportPage1a .templateOptionsPanel .thisDocHasXXPages, .createReportWrapper .excelPage2 .templateOptionsPanel .thisDocHasXXPages {
            display: none
        }

        .createReportWrapper .reportPage2 .templateOptionsPanel select:disabled, .createReportWrapper .reportPage2 .templateOptionsPanel input:disabled, .createReportWrapper .reportPage1a .templateOptionsPanel select:disabled, .createReportWrapper .reportPage1a .templateOptionsPanel input:disabled, .createReportWrapper .excelPage2 .templateOptionsPanel select:disabled, .createReportWrapper .excelPage2 .templateOptionsPanel input:disabled {
            opacity: 0.25;
            filter: alpha(opacity=25)
        }

        .createReportWrapper .reportPage2 .templateOptionsPanel h3, .createReportWrapper .reportPage1a .templateOptionsPanel h3, .createReportWrapper .excelPage2 .templateOptionsPanel h3 {
            font-weight: bold;
            font-size: 1.2em;
            text-transform: uppercase;
            margin-bottom: 0.75em;
            border-bottom: 1px solid #dedede;
            padding-bottom: 0.75em
        }

        .createReportWrapper .reportPage2 .templateOptionsPanel p, .createReportWrapper .reportPage1a .templateOptionsPanel p, .createReportWrapper .excelPage2 .templateOptionsPanel p {
            margin-bottom: 1em;
            border-bottom: 1px solid #dedede;
            padding-bottom: 0.5em
        }

            .createReportWrapper .reportPage2 .templateOptionsPanel p:last-child, .createReportWrapper .reportPage1a .templateOptionsPanel p:last-child, .createReportWrapper .excelPage2 .templateOptionsPanel p:last-child {
                border-bottom: none
            }

            .createReportWrapper .reportPage2 .templateOptionsPanel p label.standardLabel, .createReportWrapper .reportPage1a .templateOptionsPanel p label.standardLabel, .createReportWrapper .excelPage2 .templateOptionsPanel p label.standardLabel {
                display: block;
                text-transform: uppercase;
                font-weight: 600
            }

            .createReportWrapper .reportPage2 .templateOptionsPanel p.notOperational, .createReportWrapper .reportPage1a .templateOptionsPanel p.notOperational, .createReportWrapper .excelPage2 .templateOptionsPanel p.notOperational {
                opacity: 0.25;
                filter: alpha(opacity=25);
                pointer-events: none
            }

            .createReportWrapper .reportPage2 .templateOptionsPanel p select, .createReportWrapper .reportPage1a .templateOptionsPanel p select, .createReportWrapper .excelPage2 .templateOptionsPanel p select {
                font-family: "Open Sans",Arial,sans-serif;
                border: 1px solid #dedede;
                padding: 5px;
                font-size: 1em;
                margin-top: 5px;
                background-color: #fff;
                width: 220px;
                height: 32px;
                line-height: 32px
            }

            .createReportWrapper .reportPage2 .templateOptionsPanel p .sp-replacer, .createReportWrapper .reportPage1a .templateOptionsPanel p .sp-replacer, .createReportWrapper .excelPage2 .templateOptionsPanel p .sp-replacer {
                margin-top: 5px
            }

            .createReportWrapper .reportPage2 .templateOptionsPanel p.includeHeaderImageLine span label, .createReportWrapper .reportPage1a .templateOptionsPanel p.includeHeaderImageLine span label, .createReportWrapper .excelPage2 .templateOptionsPanel p.includeHeaderImageLine span label {
                text-transform: capitalize
            }

            .createReportWrapper .reportPage2 .templateOptionsPanel p .includeHeaderImage, .createReportWrapper .reportPage1a .templateOptionsPanel p .includeHeaderImage, .createReportWrapper .excelPage2 .templateOptionsPanel p .includeHeaderImage {
                display: inline-block;
                margin-top: 6px
            }

                .createReportWrapper .reportPage2 .templateOptionsPanel p .includeHeaderImage .aspNetDisabled, .createReportWrapper .reportPage1a .templateOptionsPanel p .includeHeaderImage .aspNetDisabled, .createReportWrapper .excelPage2 .templateOptionsPanel p .includeHeaderImage .aspNetDisabled {
                    margin-right: 5px
                }

    .createReportWrapper .reportPage2 .thisLayoutIncludes, .createReportWrapper .reportPage1a .thisLayoutIncludes, .createReportWrapper .excelPage2 .thisLayoutIncludes {
        display: none;
        clear: both;
        float: right;
        width: 28%;
        background: #FFFDE3;
        border: 1px dashed #e8e39e;
        padding: 1em;
        margin-bottom: 1em
    }

        .createReportWrapper .reportPage2 .thisLayoutIncludes span, .createReportWrapper .reportPage1a .thisLayoutIncludes span, .createReportWrapper .excelPage2 .thisLayoutIncludes span {
            font-size: 0.9em
        }

            .createReportWrapper .reportPage2 .thisLayoutIncludes span ul, .createReportWrapper .reportPage1a .thisLayoutIncludes span ul, .createReportWrapper .excelPage2 .thisLayoutIncludes span ul {
                padding: 1em;
                list-style-type: square;
                font-size: 1.1em;
                line-height: 1.2rem
            }

                .createReportWrapper .reportPage2 .thisLayoutIncludes span ul li, .createReportWrapper .reportPage1a .thisLayoutIncludes span ul li, .createReportWrapper .excelPage2 .thisLayoutIncludes span ul li {
                    margin-bottom: 0.2rem
                }

        .createReportWrapper .reportPage2 .thisLayoutIncludes h3, .createReportWrapper .reportPage1a .thisLayoutIncludes h3, .createReportWrapper .excelPage2 .thisLayoutIncludes h3 {
            font-weight: bold;
            font-size: 1.2em;
            text-transform: uppercase
        }

.ui-draggable-dragging {
    list-style-type: none;
    background: white
}

.skuLayoutInner {
    margin-top: 1em
}

    .skuLayoutInner p {
        background-color: white;
        border: 1px solid #dedede;
        padding: 0.5em
    }

    .skuLayoutInner img.exampleProductImage {
        border: 1px solid #dedede;
        display: inline-block;
        vertical-align: top;
        width: 25%;
        margin-right: 20px
    }

    .skuLayoutInner .contentSlotWrapper {
        display: inline-block;
        width: 69%;
        vertical-align: top
    }

        .skuLayoutInner .contentSlotWrapper .dynamicContentSlots ul {
            border: none
        }

            .skuLayoutInner .contentSlotWrapper .dynamicContentSlots ul li {
                cursor: move;
                margin-bottom: 0.1em
            }

                .skuLayoutInner .contentSlotWrapper .dynamicContentSlots ul li a.removeFeatureLink {
                    float: right;
                    cursor: pointer;
                    color: #e46b79;
                    margin-top: 0.6em;
                    margin-right: 0.6em;
                    display: none
                }

                    .skuLayoutInner .contentSlotWrapper .dynamicContentSlots ul li a.removeFeatureLink:hover {
                        color: #d1505f
                    }

                .skuLayoutInner .contentSlotWrapper .dynamicContentSlots ul li a.editValuesLink {
                    float: right;
                    margin-left: 1em;
                    margin-right: 1em;
                    cursor: pointer;
                    font-size: 0.85em
                }

                    .skuLayoutInner .contentSlotWrapper .dynamicContentSlots ul li a.editValuesLink i {
                        font-size: 1.2em;
                        margin-right: 0.15em
                    }

                .skuLayoutInner .contentSlotWrapper .dynamicContentSlots ul li .editLabel {
                    margin-left: 0.5em;
                    text-decoration: underline;
                    font-style: normal;
                    font-size: 0.85em;
                    cursor: pointer
                }

                    .skuLayoutInner .contentSlotWrapper .dynamicContentSlots ul li .editLabel:hover {
                        color: #333
                    }

                .skuLayoutInner .contentSlotWrapper .dynamicContentSlots ul li .normalArea b {
                    margin-right: 0.5em;
                    font-weight: bold
                }

                .skuLayoutInner .contentSlotWrapper .dynamicContentSlots ul li .editArea {
                    display: none
                }

                    .skuLayoutInner .contentSlotWrapper .dynamicContentSlots ul li .editArea input {
                        font-family: "Open Sans",Arial,sans-serif
                    }

                        .skuLayoutInner .contentSlotWrapper .dynamicContentSlots ul li .editArea input[type=text] {
                            border: 1px solid #dedede;
                            padding: 2px;
                            width: 40%;
                            font-size: 0.9em
                        }

                        .skuLayoutInner .contentSlotWrapper .dynamicContentSlots ul li .editArea input[type=submit] {
                            border: none;
                            color: #fff;
                            padding: 2px 5px;
                            margin-left: 0.5em;
                            cursor: pointer;
                            text-transform: uppercase;
                            background-color: #6ba7e4;
                            border-radius: 3px
                        }

                            .skuLayoutInner .contentSlotWrapper .dynamicContentSlots ul li .editArea input[type=submit]:hover {
                                background-color: #38628D
                            }

                .skuLayoutInner .contentSlotWrapper .dynamicContentSlots ul li span {
                    display: block;
                    border: 1px solid #dedede;
                    padding: 0.5em;
                    background-color: #feffcc;
                    min-height: 1em
                }

                    .skuLayoutInner .contentSlotWrapper .dynamicContentSlots ul li span.droppableActive {
                        background-color: #E8F8EB
                    }

.editDataPage {
    display: none
}

    .editDataPage .nextButton5aWrapper input {
        float: right
    }

    .editDataPage .nextButton5aWrapper h2 {
        font-weight: bold;
        font-size: 1.5em
    }

    .editDataPage p {
        clear: right;
        margin-top: 2em
    }

    .editDataPage .editValuesListArea table {
        margin-top: 1.5em;
        width: 100%
    }

        .editDataPage .editValuesListArea table tr {
            border-bottom: 1px solid #dedede;
            border-left: 1px solid #dedede;
            border-right: 1px solid #dedede
        }

        .editDataPage .editValuesListArea table th {
            vertical-align: bottom;
            padding: 1em;
            background: #333;
            color: #FFF
        }

            .editDataPage .editValuesListArea table th b {
                font-weight: bold
            }

            .editDataPage .editValuesListArea table th strong {
                display: block
            }

                .editDataPage .editValuesListArea table th strong.addBrackets:before {
                    content: "("
                }

                .editDataPage .editValuesListArea table th strong.addBrackets:after {
                    content: ")"
                }

        .editDataPage .editValuesListArea table td {
            vertical-align: top;
            padding-right: 1em;
            padding-top: 1em;
            line-height: 2.5em;
            padding-left: 10px
        }

            .editDataPage .editValuesListArea table td:last-child {
                padding-right: 0
            }

            .editDataPage .editValuesListArea table td input {
                font-family: "Open Sans",Arial,sans-serif;
                border: 1px solid #dedede;
                padding: 5px;
                font-size: 1em
            }

                .editDataPage .editValuesListArea table td input[type=text] {
                    width: 115px
                }

                .editDataPage .editValuesListArea table td input[type=number] {
                    width: 80px;
                    margin-left: 0.25em
                }

.additionalPagesPanel {
    display: none
}

    .additionalPagesPanel .nextButton6Wrapper input {
        font-size: 1.1em;
        padding: 7px 15px;
        float: right
    }

    .additionalPagesPanel .nextButton6Wrapper h2 {
        font-weight: bold;
        font-size: 1.5em;
        height: 2.5em
    }

    .additionalPagesPanel .reportPreviewImage {
        width: 400px;
        border: 1px solid #dedede
    }

    .additionalPagesPanel .reportPreviewArea {
        text-align: center;
        display: inline-block;
        vertical-align: top
    }

        .additionalPagesPanel .reportPreviewArea p {
            background-color: #f5f5f5;
            border: 1px solid #dedede;
            padding: 1em 1.5em;
            display: none
        }

        .additionalPagesPanel .reportPreviewArea img {
            display: none
        }

        .additionalPagesPanel .reportPreviewArea .totalPreviewPageNumber:before {
            content: '/'
        }

        .additionalPagesPanel .reportPreviewArea .generatingPreviewArea {
            background: url("//accoassets.s3.amazonaws.com/partner/images/ajax-loader.gif");
            background-position: center 10px;
            background-repeat: no-repeat;
            padding: 70px 0 20px 0;
            width: 250px;
            text-align: center;
            font-weight: bold
        }

        .additionalPagesPanel .reportPreviewArea a.nextPageLink, .additionalPagesPanel .reportPreviewArea a.previousPageLink {
            cursor: pointer;
            color: #6ba7e4
        }

            .additionalPagesPanel .reportPreviewArea a.nextPageLink:hover, .additionalPagesPanel .reportPreviewArea a.previousPageLink:hover {
                color: #38628D
            }

        .additionalPagesPanel .reportPreviewArea a.nextPageLink {
            float: right
        }

        .additionalPagesPanel .reportPreviewArea a.previousPageLink {
            float: left
        }

    .additionalPagesPanel .additionalPagesOptionsArea {
        clear: both;
        margin-top: 1em;
        vertical-align: top;
        display: inline-block;
        margin-right: 2em;
        padding: 1em;
        width: 25%;
        background-color: #f5f5f5;
        border: 1px solid #dedede
    }

        .additionalPagesPanel .additionalPagesOptionsArea select {
            font-family: "Open Sans",Arial,sans-serif;
            border: 1px solid #dedede;
            padding: 2px;
            background: #fff;
            height: 25px;
            font-size: 1em
        }

        .additionalPagesPanel .additionalPagesOptionsArea ul.additionalBlankPagesList {
            display: none
        }

            .additionalPagesPanel .additionalPagesOptionsArea ul.additionalBlankPagesList li {
                margin-bottom: 0.25em
            }

                .additionalPagesPanel .additionalPagesOptionsArea ul.additionalBlankPagesList li a {
                    float: right;
                    cursor: pointer;
                    color: #e46b79
                }

                    .additionalPagesPanel .additionalPagesOptionsArea ul.additionalBlankPagesList li a:hover {
                        color: #d1505f
                    }

        .additionalPagesPanel .additionalPagesOptionsArea h3 {
            font-weight: bold;
            margin-bottom: 0.5em;
            font-size: 1.2em
        }

        .additionalPagesPanel .additionalPagesOptionsArea p {
            margin-bottom: 0.25em;
            margin-top: 0.5em
        }

            .additionalPagesPanel .additionalPagesOptionsArea p .includeIndexPage label span {
                display: block;
                font-size: 0.7em;
                color: #999;
                margin-left: 17px;
                margin-bottom: 15px;
                font-style: italic;
                margin-top: 5px
            }

.frontCoverPage {
    display: none
}

    .frontCoverPage .nextButton7Wrapper input {
        font-size: 1.1em;
        padding: 7px 15px;
        float: right
    }

    .frontCoverPage .nextButton7Wrapper h2 {
        font-weight: bold;
        font-size: 1.5em;
        height: 2.5em
    }

    .frontCoverPage .frontPageOptionsArea {
        display: inline-block;
        width: 30%;
        padding: 1em;
        background-color: #f5f5f5;
        border: 1px solid #dedede;
        vertical-align: top
    }

        .frontCoverPage .frontPageOptionsArea h4 {
            font-size: 1.2em;
            font-weight: bold;
            margin-bottom: 0.5em
        }

        .frontCoverPage .frontPageOptionsArea select {
            font-family: "Open Sans",Arial,sans-serif;
            padding: 0.1em;
            border: 1px solid #dedede;
            background: #fff;
            font-size: 1em;
            margin-top: 5px
        }

        .frontCoverPage .frontPageOptionsArea input.customTextTB {
            font-family: "Open Sans",Arial,sans-serif;
            padding: 0.2em;
            border: 1px solid #dedede;
            width: 80%;
            font-size: 1em
        }

    .frontCoverPage .frontPagePreviewImage {
        border: 1px solid #dedede;
        margin-left: 1em;
        display: inline-block;
        width: 350px;
        vertical-align: top
    }

    .frontCoverPage .frontPagePreviewImagePresentation {
        border: 1px solid #dedede;
        margin-left: 1em;
        display: inline-block;
        width: 500px;
        vertical-align: top
    }

.thanksPage {
    text-align: center;
    display: none;
    background: #e8f8eb;
    border: 1px solid #b8d4bb;
    padding: 50px
}

    .thanksPage a.reportGenerated {
        background: #6bd183;
        padding: 8px 15px;
        border-radius: 5px;
        text-transform: uppercase;
        display: none;
        color: #fff
    }

        .thanksPage a.reportGenerated:hover {
            background: #3bc75c
        }

    .thanksPage h3 {
        font-size: 2em;
        margin-bottom: 1em
    }

        .thanksPage h3 i {
            color: #6bd183
        }

    .thanksPage p {
        margin-bottom: 0.5em;
        margin-top: 2em
    }

        .thanksPage p a {
            color: #6ba7e4
        }

            .thanksPage p a:hover {
                color: #38628D
            }

    .thanksPage .thanksPageTitle2 {
        display: none
    }

.sharePage1ErrorMessage {
    display: none;
    color: #d1505f
}

.reportPage1 fieldset {
    background: #f5f5f5;
    border: 1px solid #dedede;
    padding: 20px 20px 5px 20px;
    margin-bottom: 25px
}

.reportPage1 .nextButton1Wrapper input {
    float: right
}

.reportPage1 .nextButton1Wrapper h2 {
    font-weight: bold;
    font-size: 1.5em
}

.reportPage1 p.introText {
    clear: both;
    padding-top: 1em
}

.reportPage1a {
    display: none
}

    .reportPage1a .skuList table {
        width: 100%;
        table-layout: auto
    }

.createAReportLabel {
    display: none
}

.noSKUsInReportArea {
    padding: 1.5em 1.5em 0em 1.5em;
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    margin-bottom: 1em
}

    .noSKUsInReportArea p {
        margin-bottom: 1.8em;
        font-weight: bold
    }

        .noSKUsInReportArea p:last-child {
            margin-bottom: 0em
        }

        .noSKUsInReportArea p select {
            font-family: "Open Sans",Arial,sans-serif;
            border: 1px solid #dedede;
            padding: 5px;
            font-size: 0.9em;
            margin-left: 1em;
            background: #fff
        }

        .noSKUsInReportArea p.disabledLine {
            opacity: .5;
            filter: alpha(opacity=50)
        }

            .noSKUsInReportArea p.disabledLine a {
                cursor: default;
                background-color: #666 !important
            }

                .noSKUsInReportArea p.disabledLine a:hover {
                    background-color: #666 !important
                }

            .noSKUsInReportArea p.disabledLine .uploadify {
                display: none
            }

        .noSKUsInReportArea p .maxSKUNote {
            display: block;
            font-weight: bold;
            font-size: 0.85em
        }

            .noSKUsInReportArea p .maxSKUNote em {
                font-style: normal;
                margin-left: 0.5em;
                font-weight: normal
            }

                .noSKUsInReportArea p .maxSKUNote em:before {
                    content: "("
                }

                .noSKUsInReportArea p .maxSKUNote em:after {
                    content: ")"
                }

        .noSKUsInReportArea p .uploadify {
            margin-top: 8px;
            margin-left: 17px
        }

    .noSKUsInReportArea .csvUploadErrorMessage, .noSKUsInReportArea .uploadErrorMessage {
        display: none;
        color: #d1505f
    }

.addingSKUsOptionsArea p {
    font-weight: normal !important
}

.tipsy {
    font-size: 0.8em;
    position: absolute;
    padding: 5px;
    z-index: 1000
}

.tipsy-inner {
    background-color: #555;
    color: #FFF;
    max-width: 200px;
    padding: 5px 8px 4px 8px;
    text-align: center
}

.tipsy-inner {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #555
}

.tipsy-arrow-n {
    border-bottom-color: #555
}

.tipsy-arrow-s {
    border-top-color: #555
}

.tipsy-arrow-e {
    border-left-color: #555
}

.tipsy-arrow-w {
    border-right-color: #555
}

.tipsy-n .tipsy-arrow {
    top: 0px;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipsy-e .tipsy-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.tipsy-w .tipsy-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.controls {
    background: white !important;
    border: none !important;
    overflow: auto;
    margin: 20px auto;
    padding-top: 10px;
    clear: both
}

.inboxWrapper .h1DateSent {
    display: block;
    margin-top: 8px;
    font-size: 16px;
    font-weight: normal
}

.inboxWrapper h2 {
    font-weight: bold;
    margin: 1.5em 0 0.5em
}

.inboxWrapper ul {
    line-height: 1.4
}

    .inboxWrapper ul a {
        color: #6ba7e4
    }

        .inboxWrapper ul a:hover {
            color: #38628D
        }

.myBannersWrapper .uploadArea {
    line-height: 1.4em;
    width: 26%;
    display: inline-block;
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    padding: 1.5%
}

    .myBannersWrapper .uploadArea p {
        margin-bottom: 1.5em
    }

    .myBannersWrapper .uploadArea h3 {
        margin-bottom: 1em;
        font-weight: bold
    }

    .myBannersWrapper .uploadArea .errorMessage {
        display: none;
        color: #d1505f
    }

.myBannersWrapper .bannerListArea {
    float: right;
    width: 69%
}

    .myBannersWrapper .bannerListArea ul li {
        text-align: right;
        margin-bottom: 1em;
        position: relative
    }

        .myBannersWrapper .bannerListArea ul li img {
            width: 650px;
            height: 79px;
            border: 1px solid #dedede
        }

        .myBannersWrapper .bannerListArea ul li a {
            position: absolute;
            top: 0px;
            right: 0px;
            font-size: 1.5em;
            cursor: pointer;
            color: #e46b79;
            background: #f5f5f5;
            width: 25px;
            height: 25px;
            border: 1px solid #dedede;
            padding: 5px 5px 0 0
        }

            .myBannersWrapper .bannerListArea ul li a:hover {
                color: #d1505f
            }

.myBannersWrapper .myLogoListArea {
    float: right;
    width: 68%
}

    .myBannersWrapper .myLogoListArea ul li {
        text-align: center;
        position: relative;
        width: 180px;
        height: 180px;
        margin: 0 1em 1em 0;
        float: left;
        border: 1px solid #dedede;
        padding: 10px
    }

        .myBannersWrapper .myLogoListArea ul li img.logoImage {
            max-height: 80%;
            max-width: 100%;
            position: relative;
            top: 50%;
            margin-top: -75px
        }

        .myBannersWrapper .myLogoListArea ul li a {
            position: absolute;
            font-size: 1.5em;
            cursor: pointer;
            color: #e46b79;
            background: #f5f5f5;
            border: 1px solid #dedede;
            padding: 4px 2px 0 3px
        }

            .myBannersWrapper .myLogoListArea ul li a:hover {
                color: #d1505f
            }

            .myBannersWrapper .myLogoListArea ul li a.deleteBannerLink {
                top: -1px;
                right: -1px;
                width: 25px;
                height: 25px
            }

            .myBannersWrapper .myLogoListArea ul li a.defaultBannerLink {
                bottom: -1px;
                left: -1px;
                font-size: 1em;
                padding: 5px 4px
            }

                .myBannersWrapper .myLogoListArea ul li a.defaultBannerLink i {
                    margin-right: 0.3em
                }

.duplicateSKUListPanel, .shareSKUListPanel {
    display: none;
    text-align: left;
    cursor: auto;
    padding: 0.5em
}

    .duplicateSKUListPanel .closeBlockUI, .shareSKUListPanel .closeBlockUI {
        cursor: pointer;
        color: #e46b79
    }

        .duplicateSKUListPanel .closeBlockUI:hover, .shareSKUListPanel .closeBlockUI:hover {
            color: #d1505f
        }

    .duplicateSKUListPanel .sharePage5, .shareSKUListPanel .sharePage5 {
        display: none
    }

    .duplicateSKUListPanel input.duplicatedSKUListName, .duplicateSKUListPanel input.shareToEmail, .shareSKUListPanel input.duplicatedSKUListName, .shareSKUListPanel input.shareToEmail {
        font-family: "Open Sans",Arial,sans-serif;
        border: 1px solid #dedede;
        padding: 7px;
        width: 290px;
        font-size: 1em
    }

    .duplicateSKUListPanel h3, .shareSKUListPanel h3 {
        font-weight: bold;
        font-size: 1.2em;
        margin-bottom: 1em;
        color: #333
    }

    .duplicateSKUListPanel p, .shareSKUListPanel p {
        margin-bottom: 1em;
        line-height: 1.5em;
        color: #333
    }

.settingsWrapper .tabsArea, .myReportsWrapper .tabsArea, .skuListsWrapper .tabsArea {
    margin: 20px 0 0
}

    .settingsWrapper .tabsArea a, .myReportsWrapper .tabsArea a, .skuListsWrapper .tabsArea a {
        display: inline-block;
        padding: 12px 16px;
        font-weight: normal;
        color: #fff;
        cursor: pointer;
        text-transform: capitalize;
        margin-right: 1px;
        background-color: #6ba7e4;
        border: 1px solid #6ba7e4
    }

        .settingsWrapper .tabsArea a span:before, .myReportsWrapper .tabsArea a span:before, .skuListsWrapper .tabsArea a span:before {
            content: '(';
            margin-left: 0.5em
        }

        .settingsWrapper .tabsArea a span:after, .myReportsWrapper .tabsArea a span:after, .skuListsWrapper .tabsArea a span:after {
            content: ')'
        }

        .settingsWrapper .tabsArea a:not(.selected):hover, .myReportsWrapper .tabsArea a:not(.selected):hover, .skuListsWrapper .tabsArea a:not(.selected):hover {
            background-color: #38628D;
            border: 1px solid #38628D
        }

        .settingsWrapper .tabsArea a.selected, .myReportsWrapper .tabsArea a.selected, .skuListsWrapper .tabsArea a.selected {
            background-color: #f5f5f5;
            border: 1px solid #dedede;
            border-bottom: 1px solid #f5f5f5;
            color: #333
        }

.settingsWrapper .tabsArea {
    margin-bottom: -1px
}

.myReportsWrapper .sharedWithMe, .skuListsWrapper .sharedWithMe {
    display: none;
    padding: 2em;
    border: 1px solid #dedede
}

.skuListPanel .noListsFound, .reportListPanel .noListsFound, .inboxPanel .noListsFound {
    display: block;
    padding: 1em;
    font-weight: bold;
    border: 1px solid #dedede
}

.skuListPanel table, .reportListPanel table, .inboxPanel table {
    width: 100%
}

    .skuListPanel table thead, .reportListPanel table thead, .inboxPanel table thead {
        background-color: #333;
        color: #fff;
        border: 1px solid #dedede;
        border-color: #333
    }

    .skuListPanel table tbody, .reportListPanel table tbody, .inboxPanel table tbody {
        border: 1px solid #dedede
    }

    .skuListPanel table tr th, .reportListPanel table tr th, .inboxPanel table tr th {
        padding: 15px 12px
    }

    .skuListPanel table tr td, .reportListPanel table tr td, .inboxPanel table tr td {
        padding: 18px 12px
    }

        .skuListPanel table tr td a, .reportListPanel table tr td a, .inboxPanel table tr td a {
            cursor: pointer;
            color: #6ba7e4
        }

            .skuListPanel table tr td a:hover, .reportListPanel table tr td a:hover, .inboxPanel table tr td a:hover {
                color: #38628D
            }

        .skuListPanel table tr td .reportGenerating, .reportListPanel table tr td .reportGenerating, .inboxPanel table tr td .reportGenerating {
            display: block;
            margin-top: 1em;
            color: #6ba7e4
        }

        .skuListPanel table tr td.links, .skuListPanel table tr td.reportLinks, .reportListPanel table tr td.links, .reportListPanel table tr td.reportLinks, .inboxPanel table tr td.links, .inboxPanel table tr td.reportLinks {
            text-align: right
        }

            .skuListPanel table tr td.links a, .skuListPanel table tr td.reportLinks a, .reportListPanel table tr td.links a, .reportListPanel table tr td.reportLinks a, .inboxPanel table tr td.links a, .inboxPanel table tr td.reportLinks a {
                background: #6ba7e4;
                color: #fff;
                font-size: 1em;
                margin-left: 0.5em;
                border-radius: 4px;
                padding: 6px 9px;
                cursor: pointer
            }

                .skuListPanel table tr td.links a:hover, .skuListPanel table tr td.reportLinks a:hover, .reportListPanel table tr td.links a:hover, .reportListPanel table tr td.reportLinks a:hover, .inboxPanel table tr td.links a:hover, .inboxPanel table tr td.reportLinks a:hover {
                    background: #38628D
                }

                .skuListPanel table tr td.links a.deleteLink, .skuListPanel table tr td.reportLinks a.deleteLink, .reportListPanel table tr td.links a.deleteLink, .reportListPanel table tr td.reportLinks a.deleteLink, .inboxPanel table tr td.links a.deleteLink, .inboxPanel table tr td.reportLinks a.deleteLink {
                    background: #e46b79
                }

                    .skuListPanel table tr td.links a.deleteLink:hover, .skuListPanel table tr td.reportLinks a.deleteLink:hover, .reportListPanel table tr td.links a.deleteLink:hover, .reportListPanel table tr td.reportLinks a.deleteLink:hover, .inboxPanel table tr td.links a.deleteLink:hover, .inboxPanel table tr td.reportLinks a.deleteLink:hover {
                        background: #d1505f
                    }

                .skuListPanel table tr td.links a.downloadingLabel, .skuListPanel table tr td.reportLinks a.downloadingLabel, .reportListPanel table tr td.links a.downloadingLabel, .reportListPanel table tr td.reportLinks a.downloadingLabel, .inboxPanel table tr td.links a.downloadingLabel, .inboxPanel table tr td.reportLinks a.downloadingLabel {
                    background-color: #ccc
                }

        .skuListPanel table tr td.reportLinks, .reportListPanel table tr td.reportLinks, .inboxPanel table tr td.reportLinks {
            min-width: 25%
        }

    .skuListPanel table tr:nth-child(even), .reportListPanel table tr:nth-child(even), .inboxPanel table tr:nth-child(even) {
        background: #f5f5f5
    }

    .skuListPanel table tr.read, .reportListPanel table tr.read, .inboxPanel table tr.read {
        color: #999
    }

        .skuListPanel table tr.read td a, .reportListPanel table tr.read td a, .inboxPanel table tr.read td a {
            color: #999
        }

            .skuListPanel table tr.read td a:hover, .reportListPanel table tr.read td a:hover, .inboxPanel table tr.read td a:hover {
                color: #333
            }

        .skuListPanel table tr.read td.links a, .skuListPanel table tr.read td.reportLinks a, .reportListPanel table tr.read td.links a, .reportListPanel table tr.read td.reportLinks a, .inboxPanel table tr.read td.links a, .inboxPanel table tr.read td.reportLinks a {
            color: #fff
        }

.settingsWrapper .settingsPanel {
    display: none;
    margin: 0;
    padding: 15px 20px;
    background-color: #f5f5f5;
    border: 1px solid #dedede
}

    .settingsWrapper .settingsPanel p {
        margin-bottom: 1em;
        line-height: 1.3em
    }

        .settingsWrapper .settingsPanel p a.siteViewsIntroText2 {
            cursor: pointer;
            color: #6ba7e4
        }

            .settingsWrapper .settingsPanel p a.siteViewsIntroText2:hover {
                color: #38628D
            }

    .settingsWrapper .settingsPanel .changeSiteLanguageArea {
        display: inline-block;
        vertical-align: top;
        width: 37%
    }

        .settingsWrapper .settingsPanel .changeSiteLanguageArea select {
            font-family: "Open Sans",Arial,sans-serif;
            border: 1px solid #dedede;
            background: #fff;
            padding: 5px;
            font-size: 1em
        }

        .settingsWrapper .settingsPanel .changeSiteLanguageArea .genericButton {
            padding: 8px 15px
        }

    .settingsWrapper .settingsPanel .siteViewsArea {
        display: inline-block;
        margin-right: 3%;
        width: 58%;
        vertical-align: top
    }

        .settingsWrapper .settingsPanel .siteViewsArea .siteViewContentArea {
            background-color: #fff;
            margin-top: 1em
        }

            .settingsWrapper .settingsPanel .siteViewsArea .siteViewContentArea .countryPanel h3 {
                font-size: 0.9em;
                font-weight: normal;
                padding: 1em 1em 1em 2.5em;
                margin-bottom: 0.25em;
                background-color: #333;
                color: #FFF;
                cursor: pointer;
                background-image: url(../images/rightArrowWhite.gif);
                background-repeat: no-repeat;
                cursor: pointer;
                background-position: 13px 13px;
                cursor: pointer
            }

                .settingsWrapper .settingsPanel .siteViewsArea .siteViewContentArea .countryPanel h3.selected {
                    background-image: url(../images/downArrowWhite.gif);
                    background-repeat: no-repeat;
                    cursor: pointer;
                    background-position: 13px 13px
                }

            .settingsWrapper .settingsPanel .siteViewsArea .siteViewContentArea .countryPanel .innerDiv {
                padding: 0 1em 1em 1em
            }

                .settingsWrapper .settingsPanel .siteViewsArea .siteViewContentArea .countryPanel .innerDiv h4 {
                    font-size: 1.05em;
                    border-bottom: 1px solid #dedede;
                    padding: 0.75em 0;
                    font-weight: bold;
                    margin-bottom: 0.5em;
                    margin-top: 0.5em
                }

                .settingsWrapper .settingsPanel .siteViewsArea .siteViewContentArea .countryPanel .innerDiv .languageListItem, .settingsWrapper .settingsPanel .siteViewsArea .siteViewContentArea .countryPanel .innerDiv .brandListItem, .settingsWrapper .settingsPanel .siteViewsArea .siteViewContentArea .countryPanel .innerDiv .PartnerGroupListItem {
                    display: inline-block;
                    width: 49%;
                    vertical-align: top;
                    margin-bottom: 0.5em
                }

            .settingsWrapper .settingsPanel .siteViewsArea .siteViewContentArea .countryPanel .closed {
                display: none
            }

    .settingsWrapper .settingsPanel h2 {
        font-size: 1.3em;
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 0.5em;
        margin-top: 20px
    }

    .settingsWrapper .settingsPanel fieldset {
        padding: 0;
        border: none
    }

        .settingsWrapper .settingsPanel fieldset .introText {
            font-size: 0.9em;
            color: #666;
            margin-bottom: 1.5em
        }

    .settingsWrapper .settingsPanel.selected {
        display: block
    }

.settingsWrapper .globalSettingsFlag, .settingsWrapper .updatedFlag {
    display: inline-block;
    padding: 10px 15px;
    background: #fcf6c0;
    border: 1px solid #e3dc90;
    width: 885px;
    text-align: center
}

.settingsWrapper .updatedFlag {
    background: #e8f8eb;
    border: 1px solid #b8d4bb
}

    .settingsWrapper .updatedFlag .fa {
        margin-right: 5px;
        color: 1px solid #b8d4bb
    }

.settingsWrapper .globalSettingsFlag + .updatedFlag {
    margin-top: 10px
}

.settingsWrapper .addNewAddressButton {
    float: right;
    margin-top: -32px;
    line-height: 18px
}

.settingsWrapper .addressBookTable {
    width: 100%;
    margin-top: 20px
}

    .settingsWrapper .addressBookTable th, .settingsWrapper .addressBookTable td {
        padding: 14px 18px;
        border: 1px solid #dedede;
        vertical-align: middle;
        line-height: 20px
    }

    .settingsWrapper .addressBookTable th {
        background: #333;
        border: none;
        color: #fff;
        font-size: 1em;
        text-transform: lowercase
    }

        .settingsWrapper .addressBookTable th:first-letter {
            text-transform: uppercase
        }

    .settingsWrapper .addressBookTable tr:nth-child(odd) td {
        background: #fff
    }

    .settingsWrapper .addressBookTable .checkbox {
        text-align: center
    }

    .settingsWrapper .addressBookTable .buttons {
        white-space: nowrap
    }

    .settingsWrapper .addressBookTable .deleteAddressButton {
        background: #e46b79
    }

        .settingsWrapper .addressBookTable .deleteAddressButton:hover {
            background: #d1505f
        }

.addEditAddressPopup {
    text-align: left
}

    .addEditAddressPopup h1 {
        font-size: 1.5em;
        margin: 0 0 1em
    }

    .addEditAddressPopup .unblockUI {
        float: right;
        cursor: pointer;
        font-size: 1.5em;
        color: #e46b79
    }

        .addEditAddressPopup .unblockUI:hover {
            color: #d1505f
        }

    .addEditAddressPopup .addEditAddressSubmitButton {
        float: right;
        line-height: 18px
    }

    .addEditAddressPopup .addEditAddressBox p {
        margin-bottom: 5px;
        overflow: auto
    }

    .addEditAddressPopup .addEditAddressBox label {
        float: left;
        width: 150px;
        line-height: 28px
    }

        .addEditAddressPopup .addEditAddressBox label em {
            color: #6ba7e4;
            font-style: normal
        }

    .addEditAddressPopup .addEditAddressBox .textboxWrapper {
        display: block;
        overflow: hidden
    }

        .addEditAddressPopup .addEditAddressBox .textboxWrapper .textbox, .addEditAddressPopup .addEditAddressBox .textboxWrapper .dropdown {
            width: 100%;
            max-width: 100%;
            box-sizing: border-box;
            font-size: 13px;
            line-height: 16px;
            border: 1px solid #dedede;
            padding: 5px;
            color: #333;
            font-family: "Open Sans",Arial,sans-serif
        }

        .addEditAddressPopup .addEditAddressBox .textboxWrapper .textbox {
            border-radius: 0;
            -webkit-appearance: none
        }

        .addEditAddressPopup .addEditAddressBox .textboxWrapper .dropdown {
            -webkit-appearance: menulist-button;
            padding: 3px 1px
        }

    .addEditAddressPopup .addEditAddressBox .errorMessage {
        color: #d1505f;
        line-height: 18px
    }

.requestSiteViewChanges {
    display: none
}

    .requestSiteViewChanges textarea {
        width: 98%;
        height: 125px;
        font-family: "Open Sans",Arial,sans-serif;
        border: 1px solid #dedede;
        padding: 1%;
        font-size: 1em
    }

    .requestSiteViewChanges .requestSiteViewChangesPage2 {
        display: none;
        border: 1px solid #dedede;
        padding: 1em;
        background-color: #f5f5f5
    }

.requestSiteViewChangesCommentsPlaceholder {
    display: none
}
/*! jQuery UI - v1.11.0 - 2014-07-18
* http://jqueryui.com
* Includes: core.css, autocomplete.css, menu.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

/*.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}*/

@media (min-width: 640px) and (max-width: 899px) {
    .ui-autocomplete {
        position: absolute;
        top: 14.6%;
        left: 39%;
        cursor: default;
    }
}

@media (min-width: 900px) and (max-width: 999px) {
    .ui-autocomplete {
        position: absolute;
        top: 11.6%;
        left: 32.6%;
        cursor: default;
    }
}

@media (min-width: 1000px) and (max-width: 1199px) {
    .ui-autocomplete {
        position: absolute;
        top: 10.2%;
        left: 34.6%;
        cursor: default;
    }
}

@media (min-width: 1200px) and (max-width: 1280px) {
    .ui-autocomplete {
        position: absolute;
        top: 9.4%;
        left: 36.1%;
        cursor: default;
    }
}

@media (min-width: 1281px) and (max-width: 1500px) {
    .ui-autocomplete {
        position: absolute;
        top: 8.4%;
        left: 37.5%;
        cursor: default;
    }
}

@media (min-width: 1501px) and (max-width: 1600px) {
    .ui-autocomplete {
        position: absolute;
        top: 7.4%;
        left: 38.9%;
        cursor: default;
    }
}

@media (min-width: 1601px) and (max-width: 1700px) {
    .ui-autocomplete {
        position: absolute;
        top: 7%;
        left: 39.6%;
        cursor: default;
    }
}

@media (min-width: 1701px) and (max-width: 2051px) {
    .ui-autocomplete {
        position: absolute;
        top: 6.2%;
        left: 40.6%;
        cursor: default;
    }
}

@media (min-width: 2052px) and (max-width: 2732px) {
    .ui-autocomplete {
        position: absolute;
        top: 4.6%;
        left: 43.2%;
        cursor: default;
    }
}

@media (min-width: 2733px) and (max-width: 4102px) {
    .ui-autocomplete {
        position: absolute;
        top: 60px;
        left: 1657px;
        cursor: default;
    }
}

@media (min-width: 4103px) and (max-width: 5464px) {
    .ui-autocomplete {
        position: absolute;
        top: 2.4%;
        left: 46.5%;
        cursor: default;
    }
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none
}

    .ui-menu .ui-menu {
        position: absolute
    }

    .ui-menu .ui-menu-item {
        position: relative;
        margin: 0;
        padding: 0.5em;
        cursor: pointer;
        border-bottom: 1px solid #dedede;
        min-height: 0;
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
    }

        .ui-menu .ui-menu-item:first-child {
            padding-top: 0
        }

        .ui-menu .ui-menu-item:last-child {
            border-bottom: none;
            padding-bottom: 0
        }

    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0
    }

    .ui-menu .ui-state-focus, .ui-menu .ui-state-active {
        margin: 0px
    }

.ui-menu-icons {
    position: relative
}

    .ui-menu-icons .ui-menu-item {
        padding-left: 2em
    }

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-widget {
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 1.1em
}

    .ui-widget .ui-widget {
        font-size: 1em
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: "Open Sans",Arial,sans-serif;
        font-size: 0.9em
    }

.ui-widget-content {
    border: 1px solid #dedede;
    background-color: #f5f5f5;
    color: #333333;
    text-align: left;
    padding: 20px;
    width: 525px !important
}

    .ui-widget-content a {
        color: #6ba7e4;
        line-height: 20px;
        font-size: 0.9em
    }

.ui-widget-header {
    border: 1px solid #e78f08;
    background: #f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold
}

    .ui-widget-header a {
        color: #ffffff
    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid #cccccc;
        background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
        font-weight: bold;
        color: #1c94c4
    }

        .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
            color: #1c94c4;
            text-decoration: none
        }

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        font-weight: normal;
        color: #368ae0
    }

        .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
            color: #368ae0;
            text-decoration: none
        }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        border: 1px solid #fbd850;
        background: #fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x
    }

        .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
            text-decoration: none
        }

    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        border: 1px solid #fed22f;
        background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
        color: #363636
    }

        .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
            color: #363636
        }

    .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
        border: 1px solid #cd0a0a;
        background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
        color: #ffffff
    }

        .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
            color: #ffffff
        }

    .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
        color: #ffffff
    }

    .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
        font-weight: bold
    }

    .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70);
        font-weight: normal
    }

    .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35);
        background-image: none
    }

        .ui-state-disabled .ui-icon {
            filter: Alpha(Opacity=35)
        }

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png")
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png")
}

.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_ef8c08_256x240.png")
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url("images/ui-icons_ef8c08_256x240.png")
}

.ui-state-active .ui-icon {
    background-image: url("images/ui-icons_ef8c08_256x240.png")
}

.ui-state-highlight .ui-icon {
    background-image: url("images/ui-icons_228ef1_256x240.png")
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_ffd27a_256x240.png")
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 4px
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 4px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px
}

.ui-widget-overlay {
    background: #666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
    opacity: .5;
    filter: Alpha(Opacity=50)
}

.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
    opacity: .2;
    filter: Alpha(Opacity=20);
    border-radius: 5px
}

.homePageBottomNav {
    margin-top: 0 !important;
    padding: 50px
}

.notificationBanner {
    background: #fcf6c0;
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    color: #7EADDE
}

    .notificationBanner .innerBanner {
        width: 960px;
        margin: 0 auto
    }

        .notificationBanner .innerBanner a {
            cursor: pointer
        }

        .notificationBanner .innerBanner span.minimize {
            float: right;
            color: #1564b4
        }

            .notificationBanner .innerBanner span.minimize img {
                height: 13px
            }

            .notificationBanner .innerBanner span.minimize:hover {
                cursor: pointer
            }

.homepageMainWrapper {
    width: 100% !important;
    overflow: hidden
}

    .homepageMainWrapper .flexslider {
        height: 300px;
        margin: 0 0 20px !important;
        box-shadow: none;
        border-top: 1px solid #dedede;
        border-bottom: 1px solid #dedede;
        border-left: none;
        border-right: none;
        border-radius: 0px
    }

        .homepageMainWrapper .flexslider .flex-direction-nav {
            position: relative;
            width: 960px;
            top: -50%;
            margin: 0 auto
        }

            .homepageMainWrapper .flexslider .flex-direction-nav a {
                background: none;
                top: auto;
                bottom: 50%;
                width: 50px;
                height: 50px;
                margin: 0 0 -25px;
                background: url("//accoassets.s3.amazonaws.com/partner/images/homePage/banner.png") no-repeat;
                opacity: 0.25;
                filter: alpha(opacity=25);
                transition: opacity linear 0.25s
            }

                .homepageMainWrapper .flexslider .flex-direction-nav a::before {
                    display: none
                }

                .homepageMainWrapper .flexslider .flex-direction-nav a:hover {
                    opacity: 0.75;
                    filter: alpha(opacity=75)
                }

            .homepageMainWrapper .flexslider .flex-direction-nav .flex-next {
                right: -16px;
                background-position: -50px 0
            }

            .homepageMainWrapper .flexslider .flex-direction-nav .flex-prev {
                left: -16px;
                background-position: 0 0
            }

        .homepageMainWrapper .flexslider .flex-control-nav {
            display: none
        }

        .homepageMainWrapper .flexslider ul.slides {
            height: 100%
        }

            .homepageMainWrapper .flexslider ul.slides li a {
                background-position: 50% 50%;
                background-size: cover;
                margin: 0;
                background-repeat: no-repeat;
                position: relative;
                display: block;
                min-height: 300px
            }

                .homepageMainWrapper .flexslider ul.slides li a div.overlay {
                    width: 480px;
                    height: 300px;
                    margin-left: auto;
                    position: relative;
                    text-align: left;
                    display: table;
                    margin-right: auto;
                    padding-right: 370px
                }

                    .homepageMainWrapper .flexslider ul.slides li a div.overlay div.overlayInner {
                        vertical-align: middle;
                        display: table-cell;
                        padding: 0
                    }

                        .homepageMainWrapper .flexslider ul.slides li a div.overlay div.overlayInner div.overlayText {
                            float: none;
                            color: #fff
                        }

                            .homepageMainWrapper .flexslider ul.slides li a div.overlay div.overlayInner div.overlayText h4, .homepageMainWrapper .flexslider ul.slides li a div.overlay div.overlayInner div.overlayText h5 {
                                padding-top: 0;
                                color: #333;
                                line-height: 1.4em
                            }

                            .homepageMainWrapper .flexslider ul.slides li a div.overlay div.overlayInner div.overlayText h4 {
                                font-weight: 900;
                                font-size: 30px
                            }

                            .homepageMainWrapper .flexslider ul.slides li a div.overlay div.overlayInner div.overlayText h5 {
                                margin-top: 6px;
                                width: 380px;
                                font-size: 21px;
                                line-height: 1.2
                            }

                        .homepageMainWrapper .flexslider ul.slides li a div.overlay div.overlayInner .button {
                            background: #6ba7e4;
                            float: none;
                            padding: 9px 15px;
                            margin: 16px 0 0;
                            font-size: 13px;
                            text-transform: uppercase;
                            border-radius: 5px;
                            color: #fff;
                            display: block;
                            width: 80px
                        }

                            .homepageMainWrapper .flexslider ul.slides li a div.overlay div.overlayInner .button:hover {
                                background: #1564b4
                            }

                        .homepageMainWrapper .flexslider ul.slides li a div.overlay div.overlayInner .nonKTG {
                            background: #6ba7e4;
                            width: 85px;
                            text-align: center
                        }

                            .homepageMainWrapper .flexslider ul.slides li a div.overlay div.overlayInner .nonKTG:hover {
                                background: #1564b4
                            }

    .homepageMainWrapper div.innerFixedWidthWrapper {
        width: 960px;
        margin: 0 auto;
        text-align: center
    }

        .homepageMainWrapper div.innerFixedWidthWrapper .individualPanel {
            display: inline-block;
            vertical-align: top;
            width: 32%;
            margin-right: 1.5%
        }

            .homepageMainWrapper div.innerFixedWidthWrapper .individualPanel:last-child {
                margin-right: 0%
            }

            .homepageMainWrapper div.innerFixedWidthWrapper .individualPanel.doubleWidth {
                width: 64%
            }

            .homepageMainWrapper div.innerFixedWidthWrapper .individualPanel .title {
                background: #333;
                text-align: center;
                position: relative;
                height: 50px;
                line-height: 50px;
                margin-top: 10px
            }

                .homepageMainWrapper div.innerFixedWidthWrapper .individualPanel .title h2 {
                    font-weight: bold;
                    color: #fff;
                    font-size: 1.1em;
                    font-weight: 200;
                    text-transform: capitalize;
                    white-space: nowrap
                }

                .homepageMainWrapper div.innerFixedWidthWrapper .individualPanel .title .arrowRight {
                    color: #6ba7e4;
                    position: absolute;
                    top: -2px;
                    right: 15px;
                    font-size: 2em;
                    display: none
                }

            .homepageMainWrapper div.innerFixedWidthWrapper .individualPanel .content {
                border-bottom: 1px solid #dedede;
                border-right: 1px solid #dedede;
                border-left: 1px solid #dedede
            }

                .homepageMainWrapper div.innerFixedWidthWrapper .individualPanel .content ul {
                    min-height: 595px;
                    background: #F8F8F8;
                    list-style: none;
                    margin: 0;
                    padding: 0;
                    text-align: left
                }

                    .homepageMainWrapper div.innerFixedWidthWrapper .individualPanel .content ul.latestProductsList {
                        height: 306px;
                        text-align: left
                    }

                        .homepageMainWrapper div.innerFixedWidthWrapper .individualPanel .content ul.latestProductsList li {
                            display: block;
                            padding: 1.36em;
                            min-height: 80px;
                            border-bottom: 1px solid #dedede
                        }

                            .homepageMainWrapper div.innerFixedWidthWrapper .individualPanel .content ul.latestProductsList li:nth-child(odd) {
                                background: #f5f5f5
                            }

                            .homepageMainWrapper div.innerFixedWidthWrapper .individualPanel .content ul.latestProductsList li:nth-child(even) {
                                background: #F2F2F2
                            }

                            .homepageMainWrapper div.innerFixedWidthWrapper .individualPanel .content ul.latestProductsList li:nth-child(5) {
                                border: none
                            }

                            .homepageMainWrapper div.innerFixedWidthWrapper .individualPanel .content ul.latestProductsList li a {
                                color: #1564b4;
                                display: block;
                                color: #6ba7e4
                            }

                                .homepageMainWrapper div.innerFixedWidthWrapper .individualPanel .content ul.latestProductsList li a:hover {
                                    color: #38628D
                                }

                                .homepageMainWrapper div.innerFixedWidthWrapper .individualPanel .content ul.latestProductsList li a img {
                                    float: left;
                                    margin-right: 1.25em;
                                    width: 60px;
                                    height: 60px;
                                    border: 1px solid #dedede;
                                    padding: 8px;
                                    background: #FFF
                                }

                                    .homepageMainWrapper div.innerFixedWidthWrapper .individualPanel .content ul.latestProductsList li a img:hover {
                                        color: #38628D;
                                        border: 1px solid #6ba7e4
                                    }

                                .homepageMainWrapper div.innerFixedWidthWrapper .individualPanel .content ul.latestProductsList li a span {
                                    line-height: 1.5em;
                                    font-size: 0.9em
                                }

                                .homepageMainWrapper div.innerFixedWidthWrapper .individualPanel .content ul.latestProductsList li a h3 {
                                    font-weight: normal;
                                    font-size: 0.9em
                                }

                                .homepageMainWrapper div.innerFixedWidthWrapper .individualPanel .content ul.latestProductsList li a .threadDate {
                                    float: right;
                                    color: #999;
                                    font-size: 0.8em
                                }

                                .homepageMainWrapper div.innerFixedWidthWrapper .individualPanel .content ul.latestProductsList li a p {
                                    color: #333;
                                    font-size: 0.85em;
                                    line-height: 1.3em;
                                    margin-top: 5px
                                }

                    .homepageMainWrapper div.innerFixedWidthWrapper .individualPanel .content ul.latestImagesList {
                        padding-top: 20px !important;
                        padding-left: 20px !important;
                        text-align: left;
                        min-height: 575px
                    }

                        .homepageMainWrapper div.innerFixedWidthWrapper .individualPanel .content ul.latestImagesList li {
                            display: inline-block;
                            border: 1px solid #dedede;
                            margin-right: 15px;
                            margin-bottom: 15px;
                            background: #FFF
                        }

                            .homepageMainWrapper div.innerFixedWidthWrapper .individualPanel .content ul.latestImagesList li img {
                                display: block;
                                height: 60px;
                                width: 60px;
                                padding: 8px
                            }

                            .homepageMainWrapper div.innerFixedWidthWrapper .individualPanel .content ul.latestImagesList li:hover {
                                border: 1px solid #6ba7e4
                            }

.landingPage {
    width: 100%;
    background-image: url("//accoassets.s3.amazonaws.com/partner/images/homePage/signedOutBgNEW.jpg");
    background: url("//accoassets.s3.amazonaws.com/partner/images/homePage/signedOutBgNEW.jpg");
    background-repeat: no-repeat;
    background-size: cover
}

    .landingPage.signInToContinuePage {
        text-align: center
    }

    .landingPage div.callToAction {
        width: 960px;
        padding: 2em;
        margin: 0 auto 50px auto
    }

        .landingPage div.callToAction h1 {
            font-weight: 700;
            font-size: 2.5em;
            text-align: center;
            text-transform: uppercase;
            margin-left: 50%;
            width: 400px;
            text-align: left
        }

        .landingPage div.callToAction p {
            line-height: 1.6em;
            font-size: 1.1em;
            font-weight: 400;
            color: #737373;
            margin-left: 50%;
            margin-bottom: 10px;
            width: 400px
        }

        .landingPage div.callToAction a.emailLink {
            text-transform: lowercase;
            color: #6ba7e4
        }

            .landingPage div.callToAction a.emailLink:hover {
                color: #38628D;
                cursor: pointer
            }

        .landingPage div.callToAction .button {
            background: #6ba7e4;
            padding: 10px 10px;
            margin: 16px 0 0;
            font-weight: 200;
            font-size: 18px;
            text-transform: uppercase;
            border-radius: 5px;
            color: #fff;
            text-align: center;
            width: 200px;
            margin: 30px 0 0 0;
            display: block;
            cursor: pointer
        }

            .landingPage div.callToAction .button:hover {
                background: #38628D
            }

    .landingPage .featureGrid {
        min-width: 960px;
        text-align: center;
        margin: 0 auto;
        background-color: #fff;
        opacity: 0.8;
        padding: 50px
    }

        .landingPage .featureGrid .item {
            display: inline-table;
            width: 30%;
            text-align: center;
            margin: 10px auto
        }

            .landingPage .featureGrid .item h3 {
                font-weight: 700;
                text-transform: uppercase;
                text-align: center;
                line-height: 2.2em;
                font-size: 1.35em;
                color: #333
            }

            .landingPage .featureGrid .item p {
                width: 300px;
                line-height: 1.5em;
                margin: 5px auto
            }

.noSharingAllowed h3 {
    margin: 0
}

.noSharingAllowed p {
    text-align: center;
    padding: 0.6em 2em 0.5em 2em;
    font-size: 1.5em;
    color: #333
}

    .noSharingAllowed p i {
        display: block;
        color: #e46b79;
        font-size: 5em;
        margin-bottom: 10px;
        margin-top: 15px
    }

.signInToContinueWrapper {
    display: inline-block;
    margin: 150px auto;
    padding: 0 50px;
    background: #333;
    color: #fff
}

    .signInToContinueWrapper .brandLogo {
        width: 306px;
        height: 80px;
        line-height: 1000px;
        overflow: hidden;
        background: url("//accoassets.s3.amazonaws.com/partner/images/topNav/abpLogo.png");
        background-repeat: no-repeat;
        background-position: left center;
        margin: 20px auto
    }

    .signInToContinueWrapper .registerNow {
        font-size: 16px;
        margin: 2.5em 0 3em
    }

    .signInToContinueWrapper a {
        color: #6ba7e4;
        font-weight: normal
    }

        .signInToContinueWrapper a:hover {
            color: #fff
        }

.feedBackTextArea {
    font-size: 0.9em
}

    .feedBackTextArea a {
        display: inline
    }

.homepageLoadingSpinner {
    text-align: center;
    height: 596px;
    display: block;
    background-color: #f5f5f5
}

    .homepageLoadingSpinner i {
        margin-top: 200px
    }

.abpEsselteBanner {
    margin: 1.6em 0 1em 0;
    padding: 1.5em 5em;
    background-color: #fcf6c0;
    text-align: center;
    font-size: 1.15em
}

    .abpEsselteBanner a {
        color: #333;
        line-height: 2em;
        display: block;
        font-weight: bold
    }

        .abpEsselteBanner a:hover {
            color: black
        }

.promoPageWrapper .assetPreviewArea {
    float: left;
    width: 250px;
    margin-right: 15px;
    border: 1px solid #dedede
}

.promoPageWrapper .assetListingArea, .promoPageWrapper .productDetailsArea {
    float: left;
    width: 685px
}

    .promoPageWrapper .assetListingArea h3, .promoPageWrapper .productDetailsArea h3 {
        font-size: 1em;
        font-weight: bold;
        margin-bottom: 0.5em
    }

    .promoPageWrapper .assetListingArea .overviewArea, .promoPageWrapper .productDetailsArea .overviewArea {
        margin-bottom: 1.5em
    }

    .promoPageWrapper .assetListingArea .superBrandLogosArea, .promoPageWrapper .productDetailsArea .superBrandLogosArea {
        float: right;
        width: 131px
    }

    .promoPageWrapper .assetListingArea dl, .promoPageWrapper .productDetailsArea dl {
        margin-bottom: 1.5em;
        padding: 15px 15px 10px 15px;
        border: 1px solid #dedede;
        background: #F5F5F5
    }

        .promoPageWrapper .assetListingArea dl dt, .promoPageWrapper .productDetailsArea dl dt {
            font-weight: bold !important;
            float: left;
            margin-right: 2em
        }

        .promoPageWrapper .assetListingArea dl dd, .promoPageWrapper .productDetailsArea dl dd {
            font-weight: normal;
            margin-bottom: 0.5em
        }

.superBrandLogosArea img {
    text-align: center;
    margin: 0 auto;
    padding-bottom: 15px;
    max-width: 70%
}

.reportsHelpPageWrapper .reportsIntroText, .reportOptionsPanel .reportsIntroText {
    display: block;
    padding: 2em;
    background-color: #fcf6c0;
    margin-bottom: 1.5em;
    border: 1px solid #e3dc90
}

    .reportsHelpPageWrapper .reportsIntroText p, .reportOptionsPanel .reportsIntroText p {
        margin-bottom: 1.2em;
        line-height: 1.2em
    }

    .reportsHelpPageWrapper .reportsIntroText span, .reportOptionsPanel .reportsIntroText span {
        font-weight: bold
    }

.reportsHelpPageWrapper .reportsListArea, .reportsHelpPageWrapper .reportOptionsPanelInner, .reportOptionsPanel .reportsListArea, .reportOptionsPanel .reportOptionsPanelInner {
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .reportsHelpPageWrapper .reportsListArea div, .reportsHelpPageWrapper .reportOptionsPanelInner div, .reportOptionsPanel .reportsListArea div, .reportOptionsPanel .reportOptionsPanelInner div {
        display: inline-block;
        width: 45%;
        vertical-align: top;
        margin-bottom: 1em;
        border: 1px solid #dedede;
        padding: 20px
    }

        .reportsHelpPageWrapper .reportsListArea div:nth-child(even), .reportsHelpPageWrapper .reportOptionsPanelInner div:nth-child(even), .reportOptionsPanel .reportsListArea div:nth-child(even), .reportOptionsPanel .reportOptionsPanelInner div:nth-child(even) {
            margin-left: 0
        }

        .reportsHelpPageWrapper .reportsListArea div:nth-child(odd), .reportsHelpPageWrapper .reportOptionsPanelInner div:nth-child(odd), .reportOptionsPanel .reportsListArea div:nth-child(odd), .reportOptionsPanel .reportOptionsPanelInner div:nth-child(odd) {
            margin-right: 1%
        }

        .reportsHelpPageWrapper .reportsListArea div img, .reportsHelpPageWrapper .reportOptionsPanelInner div img, .reportOptionsPanel .reportsListArea div img, .reportOptionsPanel .reportOptionsPanelInner div img {
            float: left;
            width: 100px;
            border: 1px solid #dedede
        }

        .reportsHelpPageWrapper .reportsListArea div span, .reportsHelpPageWrapper .reportOptionsPanelInner div span, .reportOptionsPanel .reportsListArea div span, .reportOptionsPanel .reportOptionsPanelInner div span {
            display: block;
            margin-left: 120px
        }

            .reportsHelpPageWrapper .reportsListArea div span h3, .reportsHelpPageWrapper .reportOptionsPanelInner div span h3, .reportOptionsPanel .reportsListArea div span h3, .reportOptionsPanel .reportOptionsPanelInner div span h3 {
                font-size: 1.2em;
                margin-bottom: 0.8em;
                font-weight: bold
            }

            .reportsHelpPageWrapper .reportsListArea div span p, .reportsHelpPageWrapper .reportOptionsPanelInner div span p, .reportOptionsPanel .reportsListArea div span p, .reportOptionsPanel .reportOptionsPanelInner div span p {
                margin-bottom: 0.75em;
                line-height: 1.4em
            }

            .reportsHelpPageWrapper .reportsListArea div span a, .reportsHelpPageWrapper .reportOptionsPanelInner div span a, .reportOptionsPanel .reportsListArea div span a, .reportOptionsPanel .reportOptionsPanelInner div span a {
                cursor: pointer;
                display: inline-block;
                background-color: #6bd183;
                color: #fff;
                text-transform: uppercase;
                padding: 10px 14px;
                border-radius: 5px
            }

                .reportsHelpPageWrapper .reportsListArea div span a:hover, .reportsHelpPageWrapper .reportOptionsPanelInner div span a:hover, .reportOptionsPanel .reportsListArea div span a:hover, .reportOptionsPanel .reportOptionsPanelInner div span a:hover {
                    background-color: #3bc75c
                }

.reportsHelpPageWrapper .reportOptionsPanelInner, .reportOptionsPanel .reportOptionsPanelInner {
    font-size: 0.8em;
    width: 900px;
    height: 470px;
    overflow-y: scroll;
    padding: 0 15px 15px 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

    .reportsHelpPageWrapper .reportOptionsPanelInner div, .reportOptionsPanel .reportOptionsPanelInner div {
        width: 44%;
        min-height: 230px
    }

        .reportsHelpPageWrapper .reportOptionsPanelInner div:nth-child(even), .reportOptionsPanel .reportOptionsPanelInner div:nth-child(even) {
            margin-left: 0;
            float: right
        }

.reportOptionsPanel {
    display: none;
    cursor: default;
    text-align: left
}

    .reportOptionsPanel h3 {
        font-weight: bold;
        font-size: 1.2em;
        margin-bottom: 1em
    }

        .reportOptionsPanel h3 a {
            cursor: pointer
        }

.widgetRow .contentWidget h2, .widgetRow h3.widgetRowHeader {
    border-bottom-color: #dedede
}

.widgetRow .contentWidget p a {
    color: #6ba7e4
}

    .widgetRow .contentWidget p a:hover {
        color: #38628D
    }

.widgetRow .contentWidget p strong {
    font-weight: bold
}

.widgetRow .ctaButton {
    background: #6ba7e4
}

.widgetRow .playOverlay {
    background-color: #6ba7e4
}

.formBuilderArea p.formBuilderButtonLine input {
    border: none;
    color: #fff;
    background: #6ba7e4;
    text-transform: uppercase;
    font-weight: normal;
    font-family: "Open Sans",Arial,sans-serif;
    padding: 6px 12px
}

    .formBuilderArea p.formBuilderButtonLine input:hover {
        border: none;
        background: #38628D
    }
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    border-radius: 4px
}

.fancybox-opened {
    z-index: 8030
}

    .fancybox-opened .fancybox-skin {
        box-shadow: 0 10px 25px rgba(0,0,0,0.5)
    }

.fancybox-outer, .fancybox-inner {
    position: relative
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("fancybox_sprite.png")
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060
}

    #fancybox-loading div {
        width: 44px;
        height: 44px;
        background: url("fancybox_loading.gif") center center no-repeat
    }

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url("blank.gif");
    -webkit-tap-highlight-color: transparent;
    z-index: 8040
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    overflow: hidden !important;
    width: auto
}

    .fancybox-lock body {
        overflow: hidden !important
    }

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url("fancybox_overlay.png")
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

    .fancybox-title-float-wrap .child {
        display: inline-block;
        margin-right: -100%;
        padding: 2px 20px;
        background: transparent;
        background: rgba(0,0,0,0.8);
        border-radius: 15px;
        text-shadow: 0 1px 2px #222;
        color: #FFF;
        font-weight: bold;
        line-height: 24px;
        white-space: nowrap
    }

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0,0,0,0.8)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url("fancybox_sprite@2x.png");
        background-size: 44px 152px
    }

        #fancybox-loading div {
            background-image: url("fancybox_loading@2x.gif");
            background-size: 24px 24px
        }
}

.sp-container {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    z-index: 9999994;
    overflow: hidden
}

    .sp-container.sp-flat {
        position: relative
    }

    .sp-container, .sp-container * {
        box-sizing: content-box
    }

.sp-top {
    position: relative;
    width: 100%;
    display: inline-block
}

.sp-top-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.sp-color {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 20%
}

.sp-hue {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 84%;
    height: 100%
}

.sp-clear-enabled .sp-hue {
    top: 33px;
    height: 77.5%
}

.sp-fill {
    padding-top: 80%
}

.sp-sat, .sp-val {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 18px
}

.sp-alpha-enabled .sp-alpha {
    display: block
}

.sp-alpha-handle {
    position: absolute;
    top: -4px;
    bottom: -4px;
    width: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid black;
    background: white;
    opacity: .8
}

.sp-alpha {
    display: none;
    position: absolute;
    bottom: -14px;
    right: 0;
    left: 0;
    height: 8px
}

.sp-alpha-inner {
    border: solid 1px #333
}

.sp-clear {
    display: none
}

    .sp-clear.sp-clear-display {
        background-position: center
    }

.sp-clear-enabled .sp-clear {
    display: block;
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 84%;
    height: 28px
}

.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .sp-container.sp-input-disabled .sp-input-container {
        display: none
    }

    .sp-container.sp-buttons-disabled .sp-button-container {
        display: none
    }

.sp-palette-only .sp-picker-container {
    display: none
}

.sp-palette-disabled .sp-palette-container {
    display: none
}

.sp-initial-disabled .sp-initial {
    display: none
}

.sp-sat {
    background-image: linear-gradient(to right, #fff, rgba(204,154,129,0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81')
}

.sp-val {
    background-image: linear-gradient(to top, #000, rgba(204,154,129,0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000')
}

.sp-hue {
    background: -webkit-linear-gradient(top, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 67%, #f0f 83%, red 100%)
}

.sp-1 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00')
}

.sp-2 {
    height: 16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00')
}

.sp-3 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff')
}

.sp-4 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff')
}

.sp-5 {
    height: 16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff')
}

.sp-6 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000')
}

.sp-hidden {
    display: none !important
}

.sp-cf:before, .sp-cf:after {
    content: "";
    display: table
}

.sp-cf:after {
    clear: both
}

.sp-cf {
    *zoom: 1
}

@media (max-device-width: 480px) {
    .sp-color {
        right: 40%
    }

    .sp-hue {
        left: 63%
    }

    .sp-fill {
        padding-top: 60%
    }
}

.sp-dragger {
    border-radius: 5px;
    height: 7px;
    width: 7px;
    border: 1px solid #fff;
    background: #333;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0
}

.sp-slider {
    position: absolute;
    top: 0;
    cursor: pointer;
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #fff;
    background: #333;
    opacity: .8
}

.sp-container {
    border-radius: 0;
    background-color: whitesmoke;
    border: solid 1px #dedede;
    padding: 0
}

    .sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
        font: normal 12px "Open Sans", Arial, sans-serif;
        -ms-box-sizing: border-box;
        box-sizing: border-box
    }

.sp-top {
    margin-bottom: 3px
}

.sp-color, .sp-hue, .sp-clear {
    border: solid 1px #dedede
}

.sp-input-container {
    float: right;
    width: 100px;
    margin-bottom: 4px
}

.sp-initial-disabled .sp-input-container {
    width: 100%
}

.sp-input {
    font-size: 12px !important;
    border: 1px solid #dedede;
    padding: 4px 5px;
    margin: 0;
    width: 100%;
    background: #fff;
    border-radius: 3px;
    color: #333
}

    .sp-input:focus {
        border: 1px solid orange
    }

    .sp-input.sp-validation-error {
        border: 1px solid red;
        background: #fdd
    }

.sp-picker-container, .sp-palette-container {
    float: left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px
}

.sp-picker-container {
    width: 172px
}

.sp-palette-container {
    border-right: solid 1px #ccc
}

.sp-palette .sp-thumb-el {
    display: block;
    position: relative;
    float: left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border: solid 2px transparent
}

    .sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
        border-color: orange
    }

.sp-thumb-el {
    position: relative
}

.sp-initial {
    float: left;
    border: solid 1px #dedede
}

    .sp-initial span {
        width: 30px;
        height: 25px;
        border: none;
        display: block;
        float: left;
        margin: 0
    }

    .sp-initial .sp-clear-display {
        background-position: center
    }

.sp-button-container {
    float: right
}

.sp-replacer {
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    padding: 4px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    border: solid 1px #dedede;
    background: #fff;
    color: #333;
    vertical-align: middle
}

    .sp-replacer:hover, .sp-replacer.sp-active {
        border-color: #dedede;
        color: #111
    }

    .sp-replacer.sp-disabled {
        cursor: default;
        border-color: silver;
        color: silver
    }

.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float: left;
    font-size: 10px
}

.sp-preview {
    position: relative;
    width: 25px;
    height: 20px;
    border: solid 1px #dedede;
    margin-right: 5px;
    float: left;
    z-index: 0
}

.sp-palette {
    *width: 220px;
    max-width: 220px
}

    .sp-palette .sp-thumb-el {
        width: 16px;
        height: 16px;
        margin: 2px 1px;
        border: solid 1px #dedede
    }

.sp-container {
    padding-bottom: 0
}

    .sp-container button {
        background-color: #eeeeee;
        font-family: "Open Sans", Arial, sans-serif;
        border-radius: 5px;
        border: none;
        color: #fff;
        background: #6ba7e4;
        font-size: 14px;
        line-height: 1;
        padding: 5px 10px;
        text-align: center;
        vertical-align: middle
    }

        .sp-container button:hover, .sp-container button:active {
            background-color: #1564b4
        }

.sp-cancel {
    font-size: 11px;
    color: #e46b79 !important;
    margin: 0;
    padding: 2px;
    margin-right: 5px;
    vertical-align: middle;
    text-decoration: none
}

    .sp-cancel:hover {
        color: #d1505f !important;
        text-decoration: none
    }

.sp-palette span:hover, .sp-palette span.sp-thumb-active {
    border-color: #dedede
}

.sp-preview, .sp-alpha, .sp-thumb-el {
    position: relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)
}

.sp-clear-display {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==)
}

.qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 280px;
    min-width: 50px;
    font-size: 10.5px;
    line-height: 12px;
    direction: ltr;
    box-shadow: none;
    padding: 0
}

.qtip-content {
    position: relative;
    padding: 5px 9px;
    overflow: hidden;
    text-align: left;
    word-wrap: break-word
}

.qtip-titlebar {
    position: relative;
    padding: 5px 35px 5px 10px;
    overflow: hidden;
    border-width: 0 0 1px;
    font-weight: bold
}

    .qtip-titlebar + .qtip-content {
        border-top-width: 0 !important
    }

.qtip-close {
    position: absolute;
    right: -9px;
    top: -9px;
    z-index: 11;
    cursor: pointer;
    outline: medium none;
    border: 1px solid transparent
}

.qtip-titlebar .qtip-close {
    right: 4px;
    top: 50%;
    margin-top: -9px
}

* html .qtip-titlebar .qtip-close {
    top: 16px
}

.qtip-titlebar .ui-icon, .qtip-icon .ui-icon {
    display: block;
    text-indent: -1000em;
    direction: ltr
}

.qtip-icon, .qtip-icon .ui-icon {
    border-radius: 3px;
    text-decoration: none
}

    .qtip-icon .ui-icon {
        width: 18px;
        height: 14px;
        line-height: 14px;
        text-align: center;
        text-indent: 0;
        font: normal bold 10px/13px Tahoma,sans-serif;
        color: inherit;
        background: transparent none no-repeat -100em -100em
    }

.qtip-default {
    border: 1px solid #F1D031;
    background-color: #FFFFA3;
    color: #555
}

    .qtip-default .qtip-titlebar {
        background-color: #FFEF93
    }

    .qtip-default .qtip-icon {
        border-color: #CCC;
        background: #F1F1F1;
        color: #777
    }

    .qtip-default .qtip-titlebar .qtip-close {
        border-color: #AAA;
        color: #111
    }

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    outline: none
}

.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none
}

@font-face {
    font-family: 'flexslider-icon';
    src: url("../fonts/flexslider-icon.eot");
    src: url("../fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"),url("../fonts/flexslider-icon.woff") format("woff"),url("../fonts/flexslider-icon.ttf") format("truetype"),url("../fonts/flexslider-icon.svg#flexslider-icon") format("svg");
    font-weight: normal;
    font-style: normal
}

.flexslider {
    margin: 0;
    padding: 0
}

    .flexslider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden
    }

    .flexslider .slides img {
        width: 100%;
        display: block
    }

.flex-pauseplay span {
    text-transform: capitalize
}

.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

html[xmlns] .slides {
    display: block
}

* html .slides {
    height: 1%
}

.no-js .slides > li:first-child {
    display: block
}

.flexslider {
    margin: 0 0 60px;
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    border-radius: 4px;
    -o-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    zoom: 1
}

.flex-viewport {
    max-height: 2000px;
    transition: all 1s ease
}

.loading .flex-viewport {
    max-height: 300px
}

.flexslider .slides {
    zoom: 1
}

.carousel li {
    margin-right: 5px
}

.flex-direction-nav {
    *height: 0
}

    .flex-direction-nav a {
        width: 52px;
        height: 52px;
        margin: -13px 0 0;
        display: block;
        background: url(theme/bg_direction_nav.png) no-repeat;
        position: absolute;
        top: 50%;
        cursor: pointer;
        text-indent: -999em
    }

    .flex-direction-nav .flex-next {
        background-position: -52px 0;
        right: -21px
    }

    .flex-direction-nav .flex-prev {
        left: -20px
    }

    .flex-direction-nav .flex-disabled {
        opacity: .3;
        filter: alpha(opacity=30);
        cursor: default
    }

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000
}

    .flex-pauseplay a:before {
        font-family: "flexslider-icon";
        font-size: 20px;
        display: inline-block;
        content: '\f004'
    }

    .flex-pauseplay a:hover {
        opacity: 1
    }

    .flex-pauseplay a.flex-play:before {
        content: '\f003'
    }

.flex-control-nav {
    position: absolute;
    bottom: 20px;
    right: 20px
}

    .flex-control-nav li {
        margin: 0 6px;
        display: inline-block;
        zoom: 1;
        *display: inline
    }

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0,0,0,0.5);
    border: 1px solid #999;
    border-color: rgba(255,255,255,0.5);
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 20px;
    -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3)
}

    .flex-control-paging li a:hover {
        background: #333;
        background: rgba(0,0,0,0.7);
        border-color: #666;
        border-color: rgba(255,255,255,0.7)
    }

    .flex-control-paging li a.flex-active {
        background: #000;
        background: rgba(0,0,0,0.9);
        border-color: #fff;
        border-color: rgba(255,255,255,0.9);
        cursor: default
    }

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden
}

    .flex-control-thumbs li {
        width: 25%;
        float: left;
        margin: 0
    }

    .flex-control-thumbs img {
        width: 100%;
        display: block;
        opacity: .7;
        cursor: pointer
    }

        .flex-control-thumbs img:hover {
            opacity: 1
        }

    .flex-control-thumbs .flex-active {
        opacity: 1;
        cursor: default
    }

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px
    }
}

div.bulkImagesThankYouPage {
    padding: 3em
}

    div.bulkImagesThankYouPage h2.blockuiH2 {
        line-height: 2;
        font-size: 18px;
        font-weight: bold
    }

        div.bulkImagesThankYouPage h2.blockuiH2:before {
            content: '';
            display: inline;
            margin-right: 5px;
            font-family: 'FontAwesome';
            font-size: 13px;
            color: green;
            width: 10px;
            height: 10px;
            vertical-align: middle
        }

    div.bulkImagesThankYouPage p.blockuiP {
        margin: 10px 0 20px 0
    }

    div.bulkImagesThankYouPage a.unBlockUI {
        padding: 5px 15px 5px 15px
    }

.bulkImagesByEmailWrapper .csvFileUploadWrapper {
    width: 38%;
    float: left;
    margin-top: 10px;
    margin-bottom: 20px
}

    .bulkImagesByEmailWrapper .csvFileUploadWrapper .skuTypesInfoLine {
        font-weight: normal;
        line-height: 1.2em
    }

    .bulkImagesByEmailWrapper .csvFileUploadWrapper h3, .bulkImagesByEmailWrapper .skuListWrapper h3, .bulkImagesByEmailWrapper .skuListWrapperShadow h3 {
        font-weight: bold;
        font-size: 15px;
        margin-bottom: 10px;
        color: #333;
        text-transform: uppercase
    }

.bulkImagesByEmailWrapper .csvFileUploadInner, .bulkImagesByEmailWrapper .skuListInner {
    font-size: 0.9em;
    background-color: #f5f5f5
}

.bulkImagesByEmailWrapper .csvFileUploadInner {
    padding: 20px;
    border: 2px dashed #dedede;
    height: 197px
}

    .bulkImagesByEmailWrapper .csvFileUploadInner p {
        margin-bottom: 15px;
        font-weight: bold
    }

        .bulkImagesByEmailWrapper .csvFileUploadInner p.csvUploadNote {
            margin-bottom: 10px;
            font-size: 10px;
            line-height: 14px;
            color: #f5f5f5
        }

        .bulkImagesByEmailWrapper .csvFileUploadInner p input.csvButton {
            font-family: "Open Sans",Arial,sans-serif;
            font-size: 12px;
            font-weight: normal;
            background-color: #6ba7e4;
            border: none;
            padding: 5px 10px;
            cursor: pointer;
            color: white;
            border-radius: 4px;
            text-transform: uppercase
        }

.bulkImagesByEmailWrapper input.downloadImagesButton {
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 1em;
    font-weight: normal;
    background-color: #6bd183;
    border: none;
    padding: 0.5em 1em;
    min-width: 100px;
    cursor: pointer;
    color: white;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase
}

.bulkImagesByEmailWrapper .csvFileUploadInner p input.uploadBox {
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 12px
}

.bulkImagesByEmailWrapper .csvFileUploadInner p input.csvButton:hover {
    background-color: #38628D
}

.bulkImagesByEmailWrapper input.downloadImagesButton:hover {
    background-color: #3bc75c
}

.bulkImagesByEmailWrapper .csvFileUploadInner ul {
    margin-top: 30px;
    font-size: 12px;
    list-style-type: square
}

    .bulkImagesByEmailWrapper .csvFileUploadInner ul li {
        margin-bottom: 10px;
        margin-left: 20px
    }

        .bulkImagesByEmailWrapper .csvFileUploadInner ul li a {
            color: #6ba7e4;
            text-decoration: none
        }

            .bulkImagesByEmailWrapper .csvFileUploadInner ul li a:hover {
                color: #38628D
            }

.bulkImagesByEmailWrapper .feedbackArea {
    display: block;
    background-color: #333;
    text-align: center;
    font-size: 1.2em;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    margin-top: 15px
}

.bulkImagesByEmailWrapper .skuListWrapper {
    float: right;
    width: 60%;
    margin-top: 10px
}

.bulkImagesByEmailWrapper .skuListWrapperShadow {
    float: right;
    width: 60%;
    margin-top: 10px;
    opacity: 0.4;
    filter: alpha(opacity=40)
}

.bulkImagesByEmailWrapper .skuListInnerShadow, .bulkImagesByEmailWrapper .imageListInnerShadow {
    background-color: #f5f5f5;
    border: 1px solid #dedede
}

.bulkImagesByEmailWrapper .imageListWrapperShadow {
    clear: both;
    margin-top: 10px;
    opacity: 0.4;
    filter: alpha(opacity=40);
    padding-top: 10px
}

.bulkImagesByEmailWrapper .skuListInner {
    border: 1px solid #ccc;
    padding-bottom: 29px;
    margin-bottom: 10px
}

.bulkImagesByEmailWrapper .skuListInnerShadow p, .bulkImagesByEmailWrapper .imageListWrapperShadow p {
    padding-top: 120px;
    padding-bottom: 106px;
    text-align: center;
    font-size: 0.9em
}

.bulkImagesByEmailWrapper .deleteSKUsLink {
    float: right;
    font-size: 1em;
    color: #e46b79;
    text-decoration: underline
}

    .bulkImagesByEmailWrapper .deleteSKUsLink:hover {
        color: #d1505f
    }

.bulkImagesByEmailWrapper .deleteLink {
    color: #e46b79
}

    .bulkImagesByEmailWrapper .deleteLink:hover {
        color: #d1505f
    }

.bulkImagesByEmailWrapper .updateOptions label {
    font-size: 12px;
    padding-left: 5px
}

.bulkImagesByEmailWrapper .updateOptions {
    margin-bottom: 15px
}

    .bulkImagesByEmailWrapper .updateOptions td {
        padding-bottom: 5px
    }

.bulkImagesByEmailWrapper .skuList tr.alternate td {
    background-color: #f5f5f5
}

.bulkImagesByEmailWrapper .skuList td {
    padding-bottom: 10px;
    padding-top: 10px
}

    .bulkImagesByEmailWrapper .skuList td.first, .bulkImagesByEmailWrapper .skuList th.first {
        padding-left: 30px;
        width: 40%
    }

    .bulkImagesByEmailWrapper .skuList td.imageCount, .bulkImagesByEmailWrapper .skuList th.imageCount {
        width: 10%;
        text-align: center
    }

.bulkImagesByEmailWrapper .skuList {
    width: 100%;
    table-layout: fixed;
    font-size: 12px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

    .bulkImagesByEmailWrapper .skuList tr th {
        background-color: #333;
        color: white;
        font-weight: normal;
        padding-bottom: 15px;
        padding-top: 15px;
        cursor: pointer;
        border-left: 1px solid #333;
        border-right: 1px solid #333;
        font-size: 13px
    }

.bulkImagesByEmailWrapper .topOptions {
    padding: 20px 15px 0 15px
}

    .bulkImagesByEmailWrapper .topOptions select {
        font-family: "Open Sans",Arial,sans-serif;
        font-size: 12px;
        border: 1px solid #ccc;
        background: #FFF;
        margin-bottom: 25px
    }

    .bulkImagesByEmailWrapper .topOptions label.standardLabel {
        display: block;
        font-weight: bold;
        margin-bottom: 10px
    }

.bulkImagesByEmailWrapper .emailInfo {
    margin-top: 20px;
    line-height: 18px;
    margin-bottom: 10px;
    display: none;
    color: #666
}

    .bulkImagesByEmailWrapper .emailInfo img {
        vertical-align: middle
    }

.bulkImagesByEmailWrapper .subjectLineSpan {
    display: inline-block;
    line-height: 25px
}

.bulkImagesByEmailWrapper .subjectLineTB {
    border: 1px solid #dedede;
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 13px;
    outline: none;
    border-radius: 4px;
    width: 300px;
    padding: 10px;
    height: 10px;
    vertical-align: middle
}

.bulkImagesByEmailWrapper .subjectLineBtn {
    vertical-align: middle
}

.bulkImagesByEmailWrapper .skuList td a {
    cursor: pointer;
    color: #6ba7e4;
    display: inline-block;
    width: 16px;
    height: 16px;
    float: right;
    margin-right: 10px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url("//accoblobstorageus.blob.core.windows.net/extranetassets/images/deleteProductXs.gif");
    line-height: 1000px;
    background-position-y: -25px;
    transition: none
}

    .bulkImagesByEmailWrapper .skuList td a:hover {
        background-position-y: 0
    }

.bulkImagesByEmailWrapper .introArea p {
    margin-bottom: 10px;
    font-size: 13px
}

    .bulkImagesByEmailWrapper .introArea p.intro1 {
        margin-bottom: 15px;
        font-size: 15px
    }

    .bulkImagesByEmailWrapper .introArea p a {
        color: #6ba7e4
    }

        .bulkImagesByEmailWrapper .introArea p a:hover {
            color: #38628D
        }

.bulkImagesByEmailWrapper .introArea {
    margin-bottom: 15px
}

.bulkImagesByEmailWrapper .introAreaInner {
    padding: 20px 20px 10px 20px;
    background-color: #fcf6c0;
    border: 1px solid #e3dc90
}

.bulkImagesByEmailWrapper h2.blockuiH2 {
    background-repeat: no-repeat;
    background-image: url("//accoblobstorageus.blob.core.windows.net/extranetassets/images/greenTick.gif");
    font-weight: bold;
    color: #333;
    font-size: 19px;
    padding: 40px 40px 10px 70px;
    text-align: left;
    background-position-y: 42px;
    background-position-x: 44px
}

.bulkImagesByEmailWrapper p.blockuiP {
    padding-left: 30px;
    color: #333;
    font-size: 16px;
    padding: 0px 40px 40px 40px;
    text-align: left
}

.bulkImagesByEmailWrapper .leadImageOptions {
    margin-bottom: 25px
}

    .bulkImagesByEmailWrapper .leadImageOptions label {
        padding-right: 18px;
        padding-left: 4px
    }

.bulkImagesByEmailWrapper .imageListTabs {
    height: 41px
}

    .bulkImagesByEmailWrapper .imageListTabs a {
        float: left;
        width: 220px;
        text-align: center;
        font-weight: normal;
        text-transform: uppercase;
        font-size: 14px;
        margin-right: 5px;
        background-color: #6ba7e4;
        cursor: pointer;
        height: 40px;
        line-height: 40px;
        color: white
    }

        .bulkImagesByEmailWrapper .imageListTabs a.selected {
            background-color: #f5f5f5;
            border-left: 1px solid #dedede;
            border-right: 1px solid #dedede;
            border-top: 1px solid #dedede;
            color: #333
        }

.bulkImagesByEmailWrapper .invalidSKUsWrapper {
    display: none
}

.bulkImagesByEmailWrapper .csvImageListArea {
    clear: both
}

a, .genericButton, .theSignInButton, .errorMessage, input:hover, li:hover, img:hover {
    transition: all 0.15s ease-in-out
}

.thePromoImageArea {
    clear: both;
    position: relative;
    margin-right: 150px;
    margin-top: 12px
}

    .thePromoImageArea a.pdfLink {
        position: absolute;
        z-index: 1;
        background-color: #FF0;
        border: 1px solid #F90;
        opacity: 0.4;
        filter: alpha(opacity=40);
        cursor: pointer
    }

        .thePromoImageArea a.pdfLink:hover {
            background-color: #09C;
            border-top-color: #009;
            border-right-color: #009;
            border-bottom-color: #009;
            border-left-color: #009
        }

.promotionEditIntroText p {
    line-height: 1.5em
}

    .promotionEditIntroText p em {
        color: #6E9EE4;
        font-style: normal;
        font-size: 11px;
        display: block
    }

.promoRHSLinks {
    float: right;
    width: 160px;
    padding: 10px;
    background-color: #6ba7e4;
    border-radius: 5px
}

    .promoRHSLinks a.promoPrintLink {
        background-image: url(//accoblobstorageus.blob.core.windows.net/extranetassets/images/abp/printerIcon.gif);
        background-repeat: no-repeat;
        display: block;
        padding-left: 50px;
        height: 34px;
        line-height: 34px;
        font-size: 15px;
        font-weight: bold;
        color: #FFFFFF;
        margin-bottom: 10px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #FFF;
        padding-bottom: 10px
    }

        .promoRHSLinks a.promoPrintLink:hover, .promoRHSLinks a.promoDownloadLink:hover {
            color: #000
        }

    .promoRHSLinks select {
        font-family: "Open Sans",Arial,sans-serif;
        padding: 2px;
        border: 1px solid #dedede
    }

    .promoRHSLinks a.promoDownloadLink {
        font-size: 15px;
        font-weight: bold;
        color: #FFFFFF
    }

.promoDownloadArea a {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 14px
}

.theFormItself input.theTextBox {
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 13px;
    padding: 3px;
    width: 260px;
    border: 1px solid #dedede;
    color: #333
}

.theFormItself {
    padding: 12px;
    background-color: #f5f5f5
}

    .theFormItself p {
        padding: 0;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 6px;
        margin-left: 0px
    }

        .theFormItself p.buttonLine {
            text-align: right;
            margin-bottom: 0
        }

    .theFormItself textarea.theTextBox {
        font-family: "Open Sans",Arial,sans-serif;
        font-size: 1em;
        padding: 3px;
        width: 260px;
        border: 1px solid #dedede;
        color: #333;
        height: 70px
    }

.blockUIBox {
    border: none
}

    .blockUIBox .updating {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px
    }

        .blockUIBox .updating img {
            margin-top: 10px;
            margin-bottom: 10px
        }

.pageLinksArea {
    text-align: center;
    margin-top: 6px;
    padding-top: 6px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #f5f5f5
}

.pageLinksAreaTop {
    text-align: center;
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #f5f5f5;
    margin-right: 150px;
    clear: both
}

    .pageLinksArea a, .pageLinksAreaTop a {
        margin-left: 4px;
        margin-right: 4px;
        cursor: pointer
    }

        .pageLinksArea a:hover, .pageLinksAreaTop a:hover {
            color: #C00
        }

        .pageLinksArea a.selected, .pageLinksAreaTop a.selected {
            font-weight: bold
        }

.uploadifive-button {
    background-color: #333;
    border-radius: 5px;
    font-family: "Open Sans",Arial,sans-serif;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    cursor: pointer
}

    .uploadifive-button:hover {
        background-color: #c00;
        cursor: pointer
    }

.uploadifive-queue-item {
    background-color: #F5F5F5;
    border-bottom: 1px dotted #D5D5D5;
    border-radius: 5px;
    font: 12px Arial, Helvetica, Sans-serif;
    margin-top: 3px;
    padding: 15px
}

    .uploadifive-queue-item .close {
        background: url("uploadifive-cancel.png") 0 0 no-repeat;
        display: block;
        float: right;
        height: 16px;
        text-indent: -9999px;
        width: 16px
    }

    .uploadifive-queue-item .progress {
        border: 1px solid #D0D0D0;
        height: 3px;
        margin-top: 5px;
        width: 100%
    }

    .uploadifive-queue-item .progress-bar {
        background-color: #0072BC;
        height: 3px;
        width: 0
    }

.laptopLockSelectorWrapper p {
    margin-bottom: 1em;
    line-height: 1.6em
}

    .laptopLockSelectorWrapper p .fallbackEmail {
        font-family: "Open Sans",Arial,sans-serif;
        border: 1px solid #ccc;
        padding: 0.1em;
        width: 300px
    }

    .laptopLockSelectorWrapper p a {
        color: #6ba7e4
    }

        .laptopLockSelectorWrapper p a:hover {
            color: #38628D
        }

.laptopLockSelectorWrapper .laptopLockFormError {
    color: red;
    margin-bottom: 1em;
    display: none
}

.laptopLockSelectorWrapper h3 {
    font-weight: bold;
    font-size: 1.3em;
    margin-bottom: 1em
}

.laptopLockSelectorWrapper fieldset {
    border: none;
    padding: 0
}

    .laptopLockSelectorWrapper fieldset table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 1em;
        margin-bottom: 1em
    }

        .laptopLockSelectorWrapper fieldset table th {
            font-weight: bold;
            text-transform: uppercase;
            padding: 0.25em;
            font-size: 0.8em
        }

        .laptopLockSelectorWrapper fieldset table p {
            text-align: right
        }

        .laptopLockSelectorWrapper fieldset table td {
            border-top: 1px solid #ccc;
            padding: 0.5em 0.25em
        }

            .laptopLockSelectorWrapper fieldset table td .errorMessage {
                font-size: 0.75em
            }

            .laptopLockSelectorWrapper fieldset table td.urlBoxCell {
                vertical-align: top
            }

            .laptopLockSelectorWrapper fieldset table td .priceBox {
                width: 80px
            }

            .laptopLockSelectorWrapper fieldset table td .urlBox {
                width: 300px
            }

            .laptopLockSelectorWrapper fieldset table td .priceBox, .laptopLockSelectorWrapper fieldset table td .urlBox {
                font-family: "Open Sans",Arial,sans-serif;
                border: 1px solid #ccc;
                padding: 0.1em
            }

.embedModalWrapper {
    display: none
}

.embedModal {
    width: 450px;
    text-align: left
}

    .embedModal h3 {
        font-weight: bold;
        margin-bottom: 1em;
        font-size: 1.2em
    }

    .embedModal p {
        margin-bottom: 1em;
        line-height: 1.5em
    }

        .embedModal p textarea {
            width: 400px;
            padding: 0.25em;
            font-family: "Open Sans",Arial,sans-serif;
            border: 1px solid #ccc
        }

        .embedModal p .copyToClipboard {
            cursor: pointer;
            padding: 0.25em
        }

            .embedModal p .copyToClipboard:hover {
                background-color: lightgray
            }

            .embedModal p .copyToClipboard i {
                margin-right: 0.5em
            }

body {
    background-color: #fff;
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 14px;
    text-align: center;
    color: #333
}

.mainAreaWrapper {
    text-align: left;
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    background-color: white
}

h1 {
    font-size: 2em;
    font-weight: bold;
    text-transform: uppercase
}

    h1 .assetCount, h1 .skuCount {
        margin-left: 0.3em
    }

        h1 .assetCount:before, h1 .skuCount:before {
            content: '('
        }

        h1 .assetCount:after, h1 .skuCount:after {
            content: ')'
        }

.addToFolderStr, .removeFromFolderStr, .downloadStr, .assetPageSize, .assetTypeForJS, .languageForJS, .logOutConfirmText, .yesText, .noText, .postcodeValidatorID, .removeFromSKUFolderConfirm, .newSKUCode, .alreadyInSKUFolder, .loadingSpinner, .pleaseEnterSKUListName, .variantID, .forgottenPasswordEmailWatermark, .forgottenPasswordErrorLine, .forgottenPasswordThanks, .optionalText, .asManyAsPossible, .addAllToFolderStr, .hiddenValues {
    display: none
}

/*# sourceMappingURL=2.css.map */