.generic-content
{
    padding-bottom: 30px;
}

.user-dashboard-wrap
{
    width: 100%;
}

    .user-dashboard-wrap .user-dashboard-header
    {
        display: block;
        line-height: 1.2em;
        padding-bottom: 23px;
        zoom: 1;
    }

    .user-dashboard-wrap .user-dashboard-col
    {
        display: inline;
        float: left;
        width: 66%;
    }



    .user-dashboard-wrap .user-dashboard-sub-col
    {
        display: inline;
        float: right;
        width: 31.9%;
    }

.leader-board-banner-ad
{
    display: block;
    margin-bottom: 45px;
    width: 100%;
}

    .leader-board-banner-ad a, .leader-board-banner-ad a img
    {
        display: block;
        width: 100%;
    }

.afl-intro-area
{
    display: block;
    padding-bottom: 35px;
    zoom: 1;
}

    .afl-intro-area h1
    {
        display: block;
        font-size: 2em;
        margin-bottom: 23px;
        zoom: 1;
    }

    .afl-intro-area .intro-banner
    {
        border-bottom: 1px solid #eeeeee;
        width: 100%;
    }

        .afl-intro-area .intro-banner a
        {
            display: block;
            width: 100%;
        }

        .afl-intro-area .intro-banner img
        {
            display: block;
            width: 100%;
        }

    .afl-intro-area .intro-copy
    {
        background: #fff;
        display: block;
        padding: 35px 15px 25px;
        zoom: 1;
    }


.afl-special-offers
{
    display: block;
    padding-bottom: 35px;
    zoom: 1;
}

    .afl-special-offers h2
    {
        display: block;
        font-size: 2em;
        margin-bottom: 23px;
        zoom: 1;
    }

    .afl-special-offers .special-offer-items
    {
        width: 100%;
        margin-bottom: -30px;
    }

        .afl-special-offers .special-offer-items .special-offer-item
        {
            display: inline-block;
            margin: 0 1.4% 30px;
            vertical-align: top;
            width: 21.7%;
        }

            .afl-special-offers .special-offer-items .special-offer-item a,
            .afl-special-offers .special-offer-items .special-offer-item a:hover,
            .afl-special-offers .special-offer-items .special-offer-item a:visited
            {
                text-decoration: none;
            }

            .afl-special-offers .special-offer-items .special-offer-item img
            {
                display: block;
                margin-bottom: 15px;
                width: 100%;
            }

            .afl-special-offers .special-offer-items .special-offer-item span.desc
            {
                display: block;
                font-size: 1.4em;
                line-height: 1.6em;
                padding-bottom: 20px;
                zoom: 1;
                text-align: left;
                min-height: 65px;
            }

            .afl-special-offers .special-offer-items .special-offer-item a span.offer-link
            {
                background: url("css-images/common/link-arrow-green.png") right 4px no-repeat;
                color: #2b9884;
                display: inline-block;
                zoom: 1;
                font-size: 1.4em;
                font-weight: bold;
                zoom: 1;
                padding-right: 15px;
            }

            .afl-special-offers .special-offer-items .special-offer-item a:hover span.offer-link,
            .afl-special-offers .special-offer-items .special-offer-item a:active span.offer-link
            {
                text-decoration: underline;
            }


.afl-featured-offer
{
    display: block;
    padding-bottom: 35px;
    zoom: 1;
}

    .afl-featured-offer h2
    {
        display: block;
        font-size: 2em;
        margin-bottom: 23px;
        zoom: 1;
    }

    .afl-featured-offer .featured-offer,
    .afl-featured-offer .featured-offer a,
    .afl-featured-offer .featured-offer a img
    {
        display: block;
        width: 100%;
    }

    .afl-featured-offer .printAction
    {
        padding-top: 20px;
    }

        .afl-featured-offer .printAction span
        {
            display: none;
        }


    .afl-featured-offer.printFeature .printAction
    {
        text-align: center;
        width: 100%;
    }

    .afl-featured-offer.printFeature img
    {
        cursor: pointer;
    }

    .afl-featured-offer.printFeature .printAction span
    {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background: #2b9884;
        border-radius: 3px;
        display: inline-block;
        padding: 10px;
        vertical-align: top;
        color: #FFF;
        font-size: 1.4em;
        font-weight: bold;
        padding-right: 20px;
        vertical-align: top;
        zoom: 1;
        cursor: pointer;
    }

        .afl-featured-offer.printFeature .printAction span:hover,
        .afl-featured-offer.printFeature .printAction span:active
        {
            background: #39ab96;
        }


.mpu-banner-ad
{
    margin-bottom: 38px;
    width: 100%;
}

    .mpu-banner-ad a, .mpu-banner-ad a img
    {
        width: 100%;
    }

.sub-panel
{
    display: block;
    margin-bottom: 38px;
    zoom: 1;
}

    .sub-panel .sub-panel-header
    {
        display: block;
        line-height: 1.2em;
        padding-bottom: 23px;
        zoom: 1;
    }

    .sub-panel .sub-panel-wrap
    {
        background: #FFF;
        border-top: 6px solid #ed7147;
        display: block;
        zoom: 1;
    }

        .sub-panel .sub-panel-wrap .sub-panel-content
        {
            display: block;
            padding: 20px 17px 0;
            zoom: 1;
        }

.wedding-countdown-wrap
{
    border-bottom: 1px solid #6d767f;
    display: block;
    margin-bottom: 13px;
    padding: 0 25px;
    zoom: 1;
}

    .wedding-countdown-wrap .wedding-countdown
    {
        border-bottom: 1px solid #6d767f;
        display: block;
        margin-bottom: 13px;
        width: 100%;
    }

        .wedding-countdown-wrap .wedding-countdown .countdown-item
        {
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            background: #F3F3F3;
            border-radius: 3px;
            display: inline;
            float: left;
            margin-bottom: 8px;
            width: 31.33%;
        }

            .wedding-countdown-wrap .wedding-countdown .countdown-item.months
            {
                margin: 0 3%;
            }

            .wedding-countdown-wrap .wedding-countdown .countdown-item span.total
            {
                color: #a2a7a6;
                display: block;
                font-size: 4.8em;
                font-weight: bold;
                padding: 10px 0 15px;
                text-align: center;
                zoom: 1;
            }

            .wedding-countdown-wrap .wedding-countdown .countdown-item span.label
            {
                color: #ea7047;
                display: block;
                font-size: 1.1em;
                font-weight: bold;
                padding: 0 0 12px;
                text-align: center;
                text-transform: uppercase;
                zoom: 1;
            }

    .wedding-countdown-wrap .day-total
    {
        padding-bottom: 30px;
        text-align: center;
        width: 100%;
    }

        .wedding-countdown-wrap .day-total h3
        {
            color: #2f3439;
            font-size: 1.6em;
        }

.wedding-details
{
    width: 100%;
}

    .wedding-details dl
    {
        width: 100%;
    }

        .wedding-details dl dt
        {
            color: #ed7147;
            font-size: 1.3em;
            font-weight: bold;
            padding-bottom: 12px;
            width: 100%;
        }

        .wedding-details dl dd
        {
            border-bottom: 1px solid #6d767f;
            color: #6d767f;
            font-size: 1.4em;
            line-height: 1.6em;
            margin-bottom: 12px;
            padding-bottom: 20px;
            width: 100%;
        }

            .wedding-details dl dd a, .wedding-details dl dd a:visited
            {
                color: #2b9884;
            }

            .wedding-details dl dd span.retailers-logo
            {
                display: block;
                zoom: 1;
                float: left;
                display: inline;
                width: 50%;
            }

                .wedding-details dl dd span.retailers-logo img
                {
                    width: 100%;
                    display: block;
                }

            .wedding-details dl dd span.retailers-name
            {
                display: block;
                zoom: 1;
                padding-bottom: 10px;
                float: right;
                display: inline;
                width: 45%;
                text-align: center;
                color: #6d767f;
            }

.wedding-details-action
{
    padding: 13px 0 28px;
    width: 100%;
}

    .wedding-details-action p
    {
        display: block;
    }

        .wedding-details-action p a
        {
            background: url("css-images/common/link-arrow-green.png") right 3px no-repeat;
            color: #2b9884;
            display: inline-block;
            font-size: 1.4em;
            font-weight: bold;
            padding-right: 20px;
        }


.wedding-details
{
    width: 100%;
}

    .wedding-details .button-panel
    {
        padding-top: 8px;
    }

        .wedding-details .button-panel a
        {
            font-size: 1.4em;
            float: left;
            padding: 12px 26px 12px 8px;
            margin-left: 0;
            background-image: url("css-images/common/manage-order-button.png");
            background-position: right 16px;
            background-repeat: no-repeat;
        }

.other-events
{
    /*padding-bottom: 20px;*/
    width: 100%;
}

    .other-events ul.other-event-list
    {
        border-top: 1px solid #6d767f;
        padding: 14px 0 6px;
        width: 100%;
    }

        .other-events ul.other-event-list li
        {
            border-bottom: 1px solid #6d767f;
            display: block;
            margin-bottom: 14px;
            padding: 0 0 15px 0;
            zoom: 1;
        }

            .other-events ul.other-event-list li a
            {
                background: url("css-images/common/additional-event.png") right center no-repeat;
                display: block;
                padding: 0 25px 0 0;
                text-decoration: none;
                zoom: 1;
            }

                .other-events ul.other-event-list li a:hover,
                .other-events ul.other-event-list li a:active
                {
                    text-decoration: none;
                    background-image: url("css-images/common/additional-event-ro.png");
                }

                .other-events ul.other-event-list li a h3
                {
                    color: #eb7047;
                    display: block;
                    font-size: 1.4em;
                    font-weight: bold;
                    padding-bottom: 11px;
                    text-transform: uppercase;
                    zoom: 1;
                }

                .other-events ul.other-event-list li a span
                {
                    color: #2f3439;
                    display: block;
                    font-size: 1.2em;
                    font-weight: bold;
                    text-transform: uppercase;
                    zoom: 1;
                }



    .other-events .text-area p a
    {
        color: #2b9884;
        font-weight: bold;
    }


.user-profile-panel-wrap
{
    display: block;
    margin-bottom: 35px;
    width: 100%;
}

.user-profile-panel
{
    background: #FFF;
    display: block;
    margin-bottom: 25px;
    padding: 45px 25px 0;
    position: relative;
    zoom: 1;
}

    .user-profile-panel:after
    {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

    .user-profile-panel .copy-area
    {
        display: block;
        padding: 0 38px 20px;
        zoom: 1;
    }


    .user-profile-panel .action-form
    {
        background: #eee;
        display: block;
        margin-bottom: 20px;
        padding: 30px 40px;
        zoom: 1;
    }

        .user-profile-panel .action-form .action-form-hdr
        {
            display: block;
            padding-bottom: 20px;
            zoom: 1;
        }


.size-guide-panel
{
    background: #FFF;
    display: block;
    margin-bottom: 25px;
    padding: 20px 20px 10px;
    position: relative;
    zoom: 1;
}

    .size-guide-panel .back-to-top
    {
        text-align: right;
    }

.manage-your-order
{
    display: block;
    padding-bottom: 40px;
    width: 100%;
}

    .manage-your-order .logo
    {
        display: inline;
        float: left;
        max-width: 130px;
        width: 14%;
    }

        .manage-your-order .logo img
        {
            max-width: 130px;
            width: 100%;
        }

    .manage-your-order .copy-area-wrap
    {
        display: inline;
        float: left;
        margin-top: 18px;
        width: 86%;
    }

    .manage-your-order .copy-area
    {
        border-left: 1px solid #ee7147;
        display: block;
        margin-left: 24px;
        padding-left: 35px;
        zoom: 1;
    }

.brand-listings
{
    display: block;
    margin-bottom: 20px;
    margin-left: -2%;
    width: 102%;
}

    .brand-listings .brand-item
    {
        display: inline-block;
        margin-bottom: 20px;
        margin-left: 2%;
        vertical-align: top;
        width: 30.7%;
    }

        .brand-listings .brand-item a
        {
            border: 2px solid #FFF;
            display: block;
            zoom: 1;
        }

            .brand-listings .brand-item a:hover
            {
                border-color: #df7451;
            }

            .brand-listings .brand-item a img
            {
                display: block;
                width: 100%;
            }

.brand-info-area
{
    background: #FFF;
    display: block;
    padding: 30px 15px 20px;
    zoom: 1;
}

.affiliate-listing-wrap
{
    display: block;
    margin-bottom: 30px;
    width: 100%;
}

    .affiliate-listing-wrap .affiliate-listings
    {
        margin-left: -2%;
        text-align: left;
        width: 100%;
    }


        .affiliate-listing-wrap .affiliate-listings a
        {
            background-color: #FFF;
            background-image: url("css-images/site/affiliate-icons-black.png");
            background-repeat: no-repeat;
            border: 1px solid #FFF;
            display: inline-block;
            font-size: 1em;
            margin-bottom: 10px;
            margin-left: 2%;
            padding-bottom: 10px;
            padding-top: 55px;
            text-align: center;
            text-decoration: none;
            vertical-align: top;
            /*width: 22.8%;*/
            width: 30.8%;
        }

            .affiliate-listing-wrap .affiliate-listings a:hover
            {
                background-color: #2f3439;
                background-image: url("css-images/site/affiliate-icons-white.png");
                border-color: #df7451;
                text-decoration: none;
            }

            .affiliate-listing-wrap .affiliate-listings a span
            {
                color: #2f3439;
                font-size: 1em;
                text-transform: uppercase;
            }

            .affiliate-listing-wrap .affiliate-listings a:hover span
            {
                color: #fff;
            }


            .affiliate-listing-wrap .affiliate-listings a.insurance,
            .affiliate-listing-wrap .affiliate-listings a.insurance:hover
            {
                background-position: center 10px;
            }

            .affiliate-listing-wrap .affiliate-listings a.stag-do,
            .affiliate-listing-wrap .affiliate-listings a.stag-do:hover
            {
                background-position: center -90px;
            }

            .affiliate-listing-wrap .affiliate-listings a.speech,
            .affiliate-listing-wrap .affiliate-listings a.speech:hover
            {
                background-position: center -190px;
            }

            .affiliate-listing-wrap .affiliate-listings a.honeymoon,
            .affiliate-listing-wrap .affiliate-listings a.honeymoon:hover
            {
                background-position: center -290px;
            }

            .affiliate-listing-wrap .affiliate-listings a.health,
            .affiliate-listing-wrap .affiliate-listings a.health:hover
            {
                background-position: center -390px;
            }

            .affiliate-listing-wrap .affiliate-listings a.gift-list,
            .affiliate-listing-wrap .affiliate-listings a.gift-list:hover
            {
                background-position: center -490px;
            }

            .affiliate-listing-wrap .affiliate-listings a.finance,
            .affiliate-listing-wrap .affiliate-listings a.finance:hover
            {
                background-position: center -590px;
            }

            .affiliate-listing-wrap .affiliate-listings a.how-to,
            .affiliate-listing-wrap .affiliate-listings a.how-to:hover
            {
                background-position: center -690px;
            }

.dashboard-to-do-list
{
    width: 100%;
}


.dashboard-to-do-list-wrap
{
    -moz-box-shadow: 0px 7px 10px 0px rgba(44, 50, 50, 0.25);
    -webkit-box-shadow: 0px 7px 10px 0px rgba(44, 50, 50, 0.25);
    background: url("css-images/common/note-pad.png") 9px top repeat-x #FFF;
    box-shadow: 0px 7px 10px 0px rgba(44, 50, 50, 0.25);
    display: block;
    margin-bottom: 40px;
    padding: 33px 22px 17px;
    zoom: 1;
}

    .dashboard-to-do-list-wrap .dashboard-to-do-list-inner
    {
        background: url("css-images/common/note-page-grey-lines.png") left top no-repeat;
        display: block;
        zoom: 1;
    }

    .dashboard-to-do-list-wrap .dashboard-to-do-list
    {
        background: url("css-images/common/note-page-pink-lines.png") left top repeat-y;
        display: block;
        padding: 17px 0 10px 30px;
        zoom: 1;
    }

        .dashboard-to-do-list-wrap .dashboard-to-do-list h3
        {
            display: block;
            font-size: 1.2em;
            padding-bottom: 12px;
            text-transform: uppercase;
            zoom: 1;
        }

.to-do-list
{
    display: block;
    margin-bottom: 25px;
    width: 100%;
}

    .to-do-list ul
    {
        border-top: 1px solid #BCCFD9;
        width: 100%;
    }

        .to-do-list ul li
        {
            background-image: url("css-images/bullet-point-icons/task-to-do.png");
            background-position: 10px 10px;
            background-repeat: no-repeat;
            border-bottom: 1px solid #BCCFD9;
            display: block;
            font-size: 1.3em;
            padding: 12px 20px 12px 40px;
            zoom: 1;
        }

            .to-do-list ul li.ToDo
            {
                background-color: #FFF;
                background-image: url("css-images/bullet-point-icons/task-to-do.png");
            }

            .to-do-list ul li.Complete
            {
                background-color: #eaf5ed;
                background-image: url("css-images/bullet-point-icons/task-complete.png");
            }

                .to-do-list ul li.Complete span
                {
                    color: #7bbe77;
                    font-weight: bold;
                }

            .to-do-list ul li.Suggestion
            {
                background-color: #F2F6F7;
                background-image: url("css-images/bullet-point-icons/task-suggestion.png");
            }

                .to-do-list ul li.Suggestion span
                {
                    color: #43738f;
                    font-weight: bold;
                }

            .to-do-list ul li.Urgent
            {
                background-color: #EFE4E4;
                background-image: url("css-images/bullet-point-icons/task-urgent.png");
            }

                .to-do-list ul li.Urgent span
                {
                    color: #a45d5d;
                    font-weight: bold;
                }

.to-do-list-actions
{
    width: 100%;
}

    .to-do-list-actions .logo
    {
        display: inline;
        float: left;
        max-width: 101px;
    }

        .to-do-list-actions .logo img
        {
            display: block;
            width: 100%;
        }

    .to-do-list-actions .button-panel
    {
        display: inline;
        float: right;
        padding-top: 5px;
        width: auto;
    }


.brand-wardrobe-wrap
{
    background: #FFF;
    display: block;
    margin-bottom: 45px;
    padding: 25px 23px 10px;
    zoom: 1;
}

.brand-wardrobe
{
    width: 100%;
}

    .brand-wardrobe .brand-logo
    {
        display: block;
        margin-bottom: 20px;
        width: 100%;
    }

        .brand-wardrobe .brand-logo a
        {
            display: inline;
            float: left;
        }

    .brand-wardrobe .brand-intro
    {
        clear: left;
        display: block;
        margin-bottom: 10px;
        width: 100%;
    }

    .brand-wardrobe .brand-wardrobe-items
    {
        display: block;
        margin-bottom: 30px;
        width: 100%;
    }

        .brand-wardrobe .brand-wardrobe-items .brand-wardrobe-item
        {
            display: inline-block;
            margin: 0 1%;
            vertical-align: top;
            width: 18%;
        }

            .brand-wardrobe .brand-wardrobe-items .brand-wardrobe-item a
            {
                border: 2px solid #FFF;
                display: block;
                zoom: 1;
            }

                .brand-wardrobe .brand-wardrobe-items .brand-wardrobe-item a:hover
                {
                    border-color: #df7451;
                }

                .brand-wardrobe .brand-wardrobe-items .brand-wardrobe-item a img
                {
                    display: block;
                    width: 100%;
                }

.latest-try-on-wrap
{
    background: #FFF;
    display: block;
    margin-bottom: 45px;
    padding: 25px 23px 10px;
    zoom: 1;
}

.latest-try-on
{
    display: block;
    margin-bottom: 30px;
    width: 100%;
}


    .latest-try-on .latest-try-on-items-desc
    {
        clear: left;
        display: block;
        margin-bottom: 10px;
        width: 100%;
    }

    .latest-try-on .latest-try-on-items
    {
        clear: left;
        display: block;
        margin-bottom: 10px;
        width: 100%;
    }

        .latest-try-on .latest-try-on-items .latest-try-on-item
        {
            display: inline-block;
            margin: 0 1%;
            position: relative;
            vertical-align: top;
            width: 17.5%;
        }

            .latest-try-on .latest-try-on-items .latest-try-on-item .try-on-icon
            {
                display: none;
            }

            .latest-try-on .latest-try-on-items .latest-try-on-item.try-on-booked .try-on-icon
            {
                background: url("css-images/common/star-icon.png") no-repeat right top;
                display: block;
                height: 20px;
                position: absolute;
                right: 7px;
                top: 7px;
                width: 20px;
                z-index: 10;
            }


            .latest-try-on .latest-try-on-items .latest-try-on-item a
            {
                border: 2px solid #FFF;
                display: block;
                zoom: 1;
            }

                .latest-try-on .latest-try-on-items .latest-try-on-item a:hover
                {
                    border-color: #df7451;
                }

                .latest-try-on .latest-try-on-items .latest-try-on-item a img
                {
                    display: block;
                    width: 100%;
                }

.featured-try-on
{
    width: 100%;
}

    .featured-try-on .feature-info
    {
        display: inline;
        float: right;
        margin-left: 4.2%;
        width: 72%;
    }

        .featured-try-on .feature-info .brand-logo
        {
            display: block;
            margin-bottom: 24px;
            width: 100%;
        }

            .featured-try-on .feature-info .brand-logo a, .featured-try-on .feature-info .brand-logo a img
            {
                display: inline;
                float: left;
            }

        .featured-try-on .feature-info .text-area h2.feature-info-date
        {
            font-size: 1.8em;
            line-height: 1.6em;
            padding-bottom: 15px;
        }

            .featured-try-on .feature-info .text-area h2.feature-info-date span
            {
                color: #ee7147;
                font-weight: bold;
            }

    .featured-try-on .featured-try-on-actions
    {
        display: block;
        padding-bottom: 10px;
        width: 100%;
    }

        .featured-try-on .featured-try-on-actions ul
        {
            width: 100%;
        }

            .featured-try-on .featured-try-on-actions ul li
            {
                display: inline;
                float: left;
                padding-bottom: 10px;
                width: 50%;
            }

                .featured-try-on .featured-try-on-actions ul li a
                {
                    background-position: left top;
                    background-repeat: no-repeat;
                    display: inline;
                    float: left;
                    font-size: 1.5em;
                    font-weight: bold;
                    padding: 2px 0 10px 27px;
                }

                .featured-try-on .featured-try-on-actions ul li.view-map a
                {
                    background-image: url("css-images/common/view-map.png");
                    padding-left: 23px;
                }

                .featured-try-on .featured-try-on-actions ul li.contact-retailer a
                {
                    background-image: url("css-images/common/contact-retailer.png");
                }

    .featured-try-on .featured-outfit-items-wrap
    {
        margin-bottom: 30px;
        width: 100%;
    }

        .featured-try-on .featured-outfit-items-wrap .featured-outfit-header
        {
            display: block;
            margin-bottom: 15px;
            width: 100%;
        }

        .featured-try-on .featured-outfit-items-wrap .featured-outfit-items
        {
            background: #f5f5f5;
            display: block;
            padding: 18px 20px 13px;
            zoom: 1;
        }

            .featured-try-on .featured-outfit-items-wrap .featured-outfit-items ul
            {
                width: 100%;
            }

                .featured-try-on .featured-outfit-items-wrap .featured-outfit-items ul li
                {
                    color: #2f3439;
                    font-size: 1.3em;
                    display: inline-block;
                    width: 49%;
                    vertical-align: top;
                    line-height: 1.5em;
                }

                    .featured-try-on .featured-outfit-items-wrap .featured-outfit-items ul li span
                    {
                        display: block;
                        padding: 5px;
                    }

                    .featured-try-on .featured-outfit-items-wrap .featured-outfit-items ul li:nth-child(odd) span
                    {
                        border-right: 1px solid #c6c9c8;
                    }

                    .featured-try-on .featured-outfit-items-wrap .featured-outfit-items ul li:nth-child(even) span
                    {
                        padding-left: 20px;
                    }

    .featured-try-on .sub-info
    {
        display: inline;
        float: left;
        text-align: center;
        width: 23.8%;
    }

        .featured-try-on .sub-info .try-on-feature-img
        {
            margin-bottom: 18px;
            max-width: 136px;
        }

            .featured-try-on .sub-info .try-on-feature-img img
            {
                display: block;
                width: 100%;
            }

        .featured-try-on .sub-info .button-panel
        {
            float: none;
            width: 100%;
        }

            .featured-try-on .sub-info .button-panel a
            {
                display: block;
                float: none;
                font-size: 1.6em;
                margin: 0;
                padding: 10px;
                zoom: 1;
            }


.branded-intro
{
    display: block;
    padding-bottom: 40px;
    width: 100%;
}


    .branded-intro .logo
    {
        border-right: 1px solid #ee7147;
        display: inline;
        float: right;
        margin-right: -2px;
        position: relative;
        width: 24%;
        z-index: 1;
    }



    .branded-intro .inner-logo
    {
        padding: 10px 24px 10px 0;
        text-align: center;
    }

    .branded-intro .logo img
    {
        display: inline-block;
        max-width: 188px;
    }

    .branded-intro .copy-area-wrap
    {
        display: inline;
        float: right;
        width: 76%;
    }

    .branded-intro .copy-area
    {
        display: block;
        padding-left: 35px;
        zoom: 1;
    }

.wearer-summary
{
    display: block;
    margin-bottom: 40px;
    width: 100%;
    zoom: 1;
}

    .wearer-summary h2
    {
        background: #4f575f;
        color: #ffffff;
        display: block;
        font-size: 16px;
        margin-bottom: 10px;
        padding: 16px;
        text-align: center;
        zoom: 1;
    }

    .wearer-summary .wearer-summary-item-wrap
    {
        background: #fff;
        border: 1px solid #fff;
        display: block;
        margin-bottom: 10px;
        padding: 15px;
        zoom: 1;
    }

        .wearer-summary .wearer-summary-item-wrap.order-incomplete
        {
            border-color: #e96f47;
        }

    .wearer-summary .wearer-summary-item
    {
        width: 100%;
    }

        .wearer-summary .wearer-summary-item .order-status-wrap
        {
            background-position: left top;
            background-repeat: no-repeat;
            display: block;
            padding-left: 58px;
            zoom: 1;
        }

    .wearer-summary .wearer-summary-item-wrap.order-incomplete .order-status-wrap
    {
        background-image: url("css-images/common/status-incomplete.png");
    }

    .wearer-summary .wearer-summary-item-wrap.order-complete .order-status-wrap
    {
        background-image: url("css-images/common/status-complete.png");
    }

    .wearer-summary .wearer-summary-item-wrap .order-status-col
    {
        display: inline;
        float: left;
        width: 60%;
    }

    .wearer-summary .wearer-summary-item-wrap .order-status-desc
    {
        clear: left;
        display: block;
        font-size: 11px;
        padding-top: 10px;
        text-transform: uppercase;
        width: 100%;
    }

    .wearer-summary .wearer-summary-item-wrap.order-incomplete .order-status-desc
    {
        color: #e96f47;
    }

    .wearer-summary .wearer-summary-item-wrap.order-complete .order-status-desc
    {
        color: #2b9884;
    }

    .wearer-summary .wearer-summary-item .order-status
    {
        display: block;
        width: 100%;
    }


        .wearer-summary .wearer-summary-item .order-status .party-member.wearer-summary .wearer-summary-item .order-status
        {
            display: block;
            padding-bottom: 10px;
            width: 100%;
        }

        .wearer-summary .wearer-summary-item .order-status .wearer-summary .wearer-summary-item .order-status .party-member span
        {
            color: #838f9a;
        }

        .wearer-summary .wearer-summary-item .order-status .button-panel
        {
            display: inline;
            float: right;
            padding: 3px 0 0;
            width: auto;
        }

            .wearer-summary .wearer-summary-item .order-status .button-panel a
            {
                font-size: 14px;
                padding: 10px;
            }

    .wearer-summary .wearer-summary-item .text-area p
    {
        font-size: 1.2em;
        padding-bottom: 0;
        padding-top: 10px;
    }




.progress-bar-wrap
{
    display: block;
    width: 100%;
}

    .progress-bar-wrap .progress-item
    {
        margin-bottom: 10px;
        width: 100%;
    }

    .progress-bar-wrap .progress-title
    {
        width: 100%;
    }

        .progress-bar-wrap .progress-title .title
        {
            color: #2f3439;
            display: inline;
            float: left;
            font-size: 1.1em;
            padding-bottom: 10px;
            padding-top: 2px;
        }

        .progress-bar-wrap .progress-title .percentage-left
        {
            color: #2f3439;
            display: inline;
            float: right;
            font-size: 1.4em;
            font-weight: bold;
            padding-bottom: 10px;
        }

    .progress-bar-wrap .progress-bar
    {
        clear: left;
        display: block;
        margin-bottom: 10px;
        position: relative;
        width: 100%;
    }

        .progress-bar-wrap .progress-bar .gradient
        {
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 5;
        }

            .progress-bar-wrap .progress-bar .gradient img
            {
                height: 8px;
                width: 100%;
            }

        .progress-bar-wrap .progress-bar .overlay
        {
            background: #d6d6d6;
            height: 8px;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 10;
        }

            .progress-bar-wrap .progress-bar .overlay.percent0
            {
                width: 0;
            }

            .progress-bar-wrap .progress-bar .overlay.percent5
            {
                width: 1%;
            }

            .progress-bar-wrap .progress-bar .overlay.percent5
            {
                width: 2%;
            }

            .progress-bar-wrap .progress-bar .overlay.percent5
            {
                width: 3%;
            }
            .progress-bar-wrap .progress-bar .overlay.percent5
            {
                width: 4%;
            }

            .progress-bar-wrap .progress-bar .overlay.percent5
            {
                width: 5%;
            }

            .progress-bar-wrap .progress-bar .overlay.percent10
            {
                width: 10%;
            }

            .progress-bar-wrap .progress-bar .overlay.percent15
            {
                width: 15%;
            }

            .progress-bar-wrap .progress-bar .overlay.percent20
            {
                width: 20%;
            }

            .progress-bar-wrap .progress-bar .overlay.percent25
            {
                width: 25%;
            }

            .progress-bar-wrap .progress-bar .overlay.percent30
            {
                width: 30%;
            }

            .progress-bar-wrap .progress-bar .overlay.percent35
            {
                width: 35%;
            }

            .progress-bar-wrap .progress-bar .overlay.percent40
            {
                width: 40%;
            }

            .progress-bar-wrap .progress-bar .overlay.percent45
            {
                width: 45%;
            }

            .progress-bar-wrap .progress-bar .overlay.percent50
            {
                width: 50%;
            }

            .progress-bar-wrap .progress-bar .overlay.percent55
            {
                width: 55%;
            }

            .progress-bar-wrap .progress-bar .overlay.percent60
            {
                width: 60%;
            }

            .progress-bar-wrap .progress-bar .overlay.percent65
            {
                width: 65%;
            }

            .progress-bar-wrap .progress-bar .overlay.percent70
            {
                width: 70%;
            }

            .progress-bar-wrap .progress-bar .overlay.percent75
            {
                width: 75%;
            }

            .progress-bar-wrap .progress-bar .overlay.percent80
            {
                width: 80%;
            }

            .progress-bar-wrap .progress-bar .overlay.percent85
            {
                width: 85%;
            }

            .progress-bar-wrap .progress-bar .overlay.percent90
            {
                width: 90%;
            }

            .progress-bar-wrap .progress-bar .overlay.percent95
            {
                width: 95%;
            }

            .progress-bar-wrap .progress-bar .overlay.percent100
            {
                width: 100%;
            }

.current-wearer-outfit
{
    display: block;
    margin-bottom: 30px;
    width: 100%;
}

    .current-wearer-outfit h2
    {
        padding-bottom: 25px;
    }

    .current-wearer-outfit img
    {
        display: block;
        width: 100%;
    }

.store-links
{
    width: 100%;
}

    .store-links a
    {
        display: inline;
        width: 45%;
        padding: 5px 0 20px;
        font-size: 1.4em;
        text-align: left;
        float: left;
    }

    .store-links .link-action-first
    {
        padding-right: 1%;
    }

    .store-links .link-action-last
    {
        float: right;
    }


    .store-links a.link-special
    {
        width: 90%;
        padding-top: 0;
    }


.xjs #return-store
{
    display: none;
}

#delivery-options .tab-wrap
{
    width: 100%;
}


    #delivery-options .tab-wrap .delivery-store-tab
    {
        display: inline;
        width: 48%;
        text-align: center;
        margin: 0;
        padding: 0;
    }

    #delivery-options .tab-wrap #delivery-store-tab
    {
        float: left;
    }

    #delivery-options .tab-wrap #return-store-tab
    {
        float: right;
    }

    #delivery-options .tab-wrap .delivery-store-tab a
    {
        font-size: 1.2em;
        padding: 10px 10px 9px;
        text-transform: uppercase;
        border-bottom: 1px solid #EFEFEF;
        background: #B3B2B2;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        text-decoration: none;
        color: #ffffff;
        display: block;
        zoom: 1;
    }

        #delivery-options .tab-wrap .delivery-store-tab a:hover
        {
            background: #c8c3c3;
        }


    #delivery-options .tab-wrap .delivery-store-tab.active a, #delivery-options .tab-wrap .delivery-store-tab.active a:hover
    {
        background: #eb7047;
        border-bottom-color: #eb7047;
    }


#delivery-options .delivery-info-panel
{
    clear: both;
    width: 100%;
}

.user-progress-bar
{
    width: 100%;
}

    .user-progress-bar .user-progress-bar-item
    {
        width: 100%;
        margin-bottom: 20px;
    }

        .user-progress-bar .user-progress-bar-item .title
        {
            display: block;
            zoom: 1;
            padding-bottom: 10px;
            font-size: 1.1em;
            text-align: left;
            text-transform: uppercase;
            background-position: right 3px;
            background-repeat: no-repeat;
            padding: 3px 0 10px;
        }

        .user-progress-bar .user-progress-bar-item .bar
        {
            display: block;
            zoom: 1;
            height: 7px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

        .user-progress-bar .user-progress-bar-item.complete .bar
        {
            background: #3b9424;
        }

        .user-progress-bar .user-progress-bar-item.incomplete .bar
        {
            background: #b22437;
        }

        .user-progress-bar .user-progress-bar-item.complete .title
        {
            background-image: url("css-images/common/user-bar-complete.png");
        }

        .user-progress-bar .user-progress-bar-item.incomplete .title
        {
            background-image: url("css-images/common/user-bar-incomplete.png");
        }

.order-summary-wrap
{
    width: 100%;
}

    .order-summary-wrap h2.header
    {
        background: #4f575f;
        color: #ffffff;
        display: block;
        font-size: 16px;
        margin-bottom: 20px;
        padding: 16px;
        text-align: center;
        zoom: 1;
    }

.order-summary-intro-wrap
{
    width: 100%;
    border-bottom: #6d767f solid 1px;
    margin-bottom: 35px;
}



    .order-summary-intro-wrap .order-summary-preview
    {
        float: left;
        display: inline;
        width: 150px;
        height: 147px;
        overflow: hidden;
        position: relative;
        background: #fff;
        margin-bottom: 25px;
    }

        .order-summary-intro-wrap .order-summary-preview .outfitImg
        {
            position: absolute;
            left: 50%;
            top: 0;
            max-width: 240px;
            min-width: 240px;
            width: 240px;
            margin-left: -120px;
        }

        .order-summary-intro-wrap .order-summary-preview .outfit-overlay
        {
            width: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 10;
        }


    .order-summary-intro-wrap .order-summary-intro
    {
        width: 68%;
        float: right;
        display: inline;
        margin-bottom: 25px;
    }

        .order-summary-intro-wrap .order-summary-intro h3
        {
            font-size: 1.8em;
            display: block;
            zoom: 1;
            padding-bottom: 30px;
            font-weight: bold;
            padding-top: 10px;
        }

            .order-summary-intro-wrap .order-summary-intro h3 span
            {
                color: #838f9a;
            }


.order-summary-update-user
{
    width: 100%;
    position: relative;
    border-bottom: #6d767f solid 1px;
    padding-bottom: 15px;
    margin-bottom: 35px;
}

.order-summary-update-user .successMessage {
    

    background: #f7fff4;
    border: 1px solid #aad694;
    font-size: 1.2em;
    margin: 0 0 10px 0;
    padding: 15px 10px 15px 40px;
    background-image: url("/Content/smwo-theme/css/css-images/common/status-complete-light.png");
    background-position: 6px 7px;
    background-repeat: no-repeat;
    display: block;

}

.order-summary-update-user .errorMessage {
    background: #fff7f4;
    border: 1px solid #d6aa94;
    font-size: 1.2em;
    margin: 0 0 10px 0;
    padding: 15px 10px 15px 40px;
    background-image: url("/Content/smwo-theme/css/css-images/common/status-incomplete.png");
    background-position: 6px 7px;
    background-repeat: no-repeat;
    display: block;

}

.order-summary-update-user select {
    border: none !important;
    padding: 11px !important;
}


    .order-summary-update-user .button-panel
    {
        position: absolute;
        right: 0;
        top: -10px;
        z-index: 10;
    }

        .order-summary-update-user .button-panel input, .order-summary-update-user .button-panel input:hover
        {
            font-size: 1.4em;
            padding: 11px 30px 11px 11px;
            background-image: url("css-images/common/update-order.png");
            background-position: right 15px;
            background-repeat: no-repeat;
        }

.garment-sizing-wrap
{
    width: 100%;
}

    .garment-sizing-wrap h2
    {
        margin-bottom: 20px;
    }

    .garment-sizing-wrap .garment-sizing-info
    {
        display: block;
        zoom: 1;
        padding: 25px 20px 10px 20px;
        background: #fff;
    }

    .garment-sizing-wrap .sizing-panel
    {
        width: 100%;
        padding-bottom: 20px;
    }

    .garment-sizing-wrap .sized-message
    {
        display: block;
        zoom: 1;
        padding-bottom: 20px;
        background-position: left top;
        background-repeat: no-repeat;
    }

        .garment-sizing-wrap .sized-message .text-area h3
        {
            font-weight: bold;
        }

        .garment-sizing-wrap .sized-message.garments-unsized
        {
            padding: 0px 0px 20px 60px;
            background-image: url("css-images/common/size-info-unsized.png");
        }

        .garment-sizing-wrap .sized-message.garments-sized
        {
            padding: 0px 0px 20px 60px;
            background-image: url("css-images/common/size-info-sized.png");
        }

        .garment-sizing-wrap .sized-message .text-area h3
        {
            padding-bottom: 15px;
        }


.garment-list-panel-wrap
{
    display: block;
    border-width: 1px;
    border-style: solid;
    color: #fff;
}

.garment-list-panel-wrap
{
    display: block;
    zoom: 1;
    margin-bottom: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    padding: 0 10px 10px;
}


    .garment-list-panel-wrap.garment-unsized
    {
        border-color: #eb7047;
        background: #f3f3f3;
        padding: 16px 8px;
        margin-bottom: 20px;
    }


    .garment-list-panel-wrap .garment-list-panel
    {
        width: 100%;
    }

        .garment-list-panel-wrap .garment-list-panel h3
        {
            color: #7d8790;
            font-size: 1.6em;
            display: block;
            zoom: 1;
            padding-bottom: 10px;
            font-weight: bold;
        }

    .garment-list-panel-wrap.garment-unsized .garment-list-panel h3
    {
        color: #eb7047;
    }

    .garment-list-panel-wrap.garment-unsized .form-wrapper .double-layout .form-item select,
    .garment-list-panel-wrap.garment-unsized .form-wrapper .double-layout .form-item input
    {
        color: #eb7047;
    }


    .garment-list-panel-wrap .size-details-wrap
    {
        float: left;
        display: inline;
        width: 84%;
        margin-left: 2%;
    }

    .garment-list-panel-wrap .size-details-img
    {
        float: left;
        display: inline;
        width: 14%;
    }

        .garment-list-panel-wrap .size-details-img img
        {
            width: 100%;
            display: block;
        }


    .garment-list-panel-wrap .size-details-wrap .button-panel
    {
        padding: 0;
        margin: 0;
        clear: both;
    }

        .garment-list-panel-wrap .size-details-wrap .button-panel a
        {
            font-size: 1.2em;
            padding: 11px 30px 11px 11px;
            background-image: url("css-images/common/update-order.png");
            background-position: right 13px;
            background-repeat: no-repeat;
            margin-right: 3%;
        }

    .garment-list-panel-wrap .size-details-wrap .form-wrapper
    {
        width: 95%;
        float: left;
        display: inline;
    }

    .garment-list-panel-wrap .size-details-wrap .garment-is-sized
    {
        float: right;
        display: inline;
        width: 16px;
        height: 16px;
        margin-top: 25px;
        background: url("css-images/common/garment-sized.png") left top no-repeat;
    }

    .garment-list-panel-wrap.garment-unsized .size-details-wrap .garment-is-sized
    {
        display: none;
    }

.social-share
{
    padding-top: 20px;
    display: block;
    zoom: 1;
}

.sub-panel-header-item
{
    margin-bottom: 20px;
}

#address-loader {
    position: absolute;
    top: 5%;
    right: 18%;
}

.garment-sized .successMessage
{
    padding: 15px 10px 15px 66px;
    clear: both;
    width: 100%;
    margin: 20px 0px;
    font-size: 1.4em;
    float: left;
    line-height: 1.6em;
    color: #8bbd72;
}

.find-a-retailer .form-wrapper .form-item input
{
    max-width: 266px;
    width: 100%;
}


.arrangeHomeDelivery
{
    display: block;
    zoom: 1;
    padding: 20px 30px 10px;
    background: #FFF;
    margin: 10px 0 30px;
}

    .arrangeHomeDelivery .button-panel
    {
        padding-top: 10px;
    }

.text-area .arrangeHomeDelivery ol li
{
    padding-bottom: 15px;
}

.text-area p.deliveryStatusText
{
    display: block;
    zoom: 1;
    padding: 10px;
    background: #e2f3eb;
    border: 1px solid #CCC;
    margin-bottom: 20px;
    font-size: 1.6em;
}

.paymentMethods
{
    width: 100%;
}

    .paymentMethods img
    {
        float: left;
        display: inline;
        margin: 0 10px 10px 0;
        max-width: 50px;
    }



.button-panel.postcodeLookup a.button
{
    float: left;
    margin-left: 210px;
    margin-top: 10px;
}

.retailerSearchResults
{
    width: 100%;
}

.retailerPanel
{
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

    .retailerPanel h2
    {
        padding-bottom: 10px;
    }

.retailerDetails
{
    float: left;
    display: inline;
    width: 60%;
}

.retailerMap
{
    display: inline;
    float: right;
    width: 35%;
}

    .retailerMap iframe
    {
        padding: 5px;
        border: 1px solid #CCC;
        cursor: pointer;
        margin-bottom: 15px;
    }

.retailerSearchResult
{
    display: block;
    border: 1px solid #ccc;
    padding: 10px 10px 0;
    background: #FFF;
    margin-bottom: 10px;
}

    .retailerSearchResult .actionLinkPanel
    {
        width: 100%;
        padding-bottom: 10px;
    }

    .retailerSearchResult .sendMessageLink, .retailerSearchResult .selectLink
    {
        float: left;
        display: inline;
        margin-right: 20px;
        zoom: 1;
    }

        .retailerSearchResult .sendMessageLink a
        {
            float: left;
            display: inline;
            height: 30px;
            padding: 7px 0 5px 35px;
            font-size: 1.4em;
            text-align: left;
            overflow: hidden;
            background: transparent url("/Content/cssimages/common/main-sent.png") no-repeat top left;
        }

        .retailerSearchResult .selectLink a
        {
            float: left;
            display: inline;
            height: 30px;
            padding: 7px 0 5px 35px;
            font-size: 1.4em;
            text-align: left; /*overflow: hidden;*/
            background: transparent url("/Content/cssimages/common/tick.png") no-repeat top left;
        }

    .retailerSearchResult .getDirectionsLink
    {
        float: left;
        display: inline;
        margin-right: 20px;
        zoom: 1;
        width: auto;
        height: 30px;
        padding: 7px 0 5px 35px;
        font-size: 1.4em;
        text-align: left;
        overflow: hidden;
        background: transparent url("/Content/cssimages/common/directions.png") no-repeat top left;
    }

.retailerSearchResults .miles
{
    font-size: 0.75em;
    font-weight: normal;
}

.notificationPanel
{
    display: block;
    zoom: 1;
    padding: 10px;
    background: #e2f3eb;
    border: 1px solid #CCC;
    margin-bottom: 20px;
    font-size: 1.6em;
    color: #3d4144;
}

/* If user function is less than 21 days away display alert message */
#smwo-function-too-close {
    color: #EB7047;
    word-spacing: normal;
    padding: 20px 24px 20px 70px;
    font-size: 1.4em;
    line-height: 1.6em;
    border: 1px solid #f1ab9f;
    background-color: #fbf1ea;
    background-image: url("css-images/common/status-incomplete.png");
    background-position: 17px 36px;
    background-repeat: no-repeat;
}

.garmentSizingWrapper {
    word-spacing: -3px;
    padding: 20px 0px 30px;
}

.garmentSizing {
    display: inline-block;
    vertical-align: top;
}

/* Current store */
div#sizing-current-store {
    display: inline-block;
    vertical-align: top;
    clear:both;
    width: 50%;
    padding-bottom: 30px;
}
div#sizing-current-store h3 {
    word-spacing: normal;
    padding-bottom: 12px;
    font-size: 2em;
}
div#sizing-current-store div.store-links {
    padding-top: 10px;
}
div#sizing-current-store div.store-links a {
    word-spacing: normal;
    padding-top: 10px;
    float:none;
}
div#sizing-current-store p {
    word-spacing: normal;
    padding: 0px;
    font-size: 1.4em;
    line-height: 1.6em;
}

/* Alternative store */
div#sizing-alternative-store {
    display: inline-block;
    vertical-align: top;
    clear:both;
    width: 50%;
    padding-bottom: 30px;
}
div#sizing-alternative-store h3 {
    word-spacing: normal;
    padding-bottom: 12px;
    font-size: 2em;
}
div#sizing-alternative-store div.store-links {
    padding-top: 10px;
}
div#sizing-alternative-store div.store-links a {
    word-spacing: normal;
    padding-top: 10px;
    float:none;
}
div#sizing-alternative-store p {
    word-spacing: normal;
    padding: 0px;
    font-size: 1.4em;
    line-height: 1.6em;
}

/* Sizing online */
div#sizing-online {
    display: inline-block;
    vertical-align: top;
    clear:both;
    padding-top: 12px;
}
div#sizing-online h3 {
    word-spacing: normal;
    padding-bottom: 12px;
    font-size: 2em;
}
div#sizing-online div.store-links {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding-top: 10px;
}
div#sizing-online div.store-links a {
    word-spacing: normal;
    padding-top: 10px;
    float:none;
}
div#sizing-online p {
    word-spacing: normal;
    padding: 0px;
    font-size: 1.4em;
    line-height: 1.6em;
}

.button-panel a.btn-back{
    float: left;
    margin-left: 0px;
    margin-right: 30px;
}

.smwo-function-change-warning {
    color: #EB7047;
    word-spacing: normal;
    padding: 5px 5px 0px 60px;
    font-size: 1.4em;
    line-height: 1.6em;
    border: 1px solid #f1ab9f;
    background-color: #fbf1ea;
    background-image: url("css-images/common/status-incomplete.png");
    background-position: 17px 36px;
    background-repeat: no-repeat;
}

.SmwoUpdateRetailerLink {
    float: left;
    display: inline;
    height: 30px;
    padding: 4px 0 15px 35px;
    font-size: 1.4em;
    text-align: left;
    /* overflow: hidden; */
    background: transparent url("/Content/cssimages/common/tick.png") no-repeat top left;
    border: none;
    color: #2b9884;
    cursor: pointer;
    margin-bottom: 2px;
    font-family: open-sans, Arial, Calibri, Helvetica, sans-serif;
}

    .SmwoUpdateRetailerLink:hover,
    .SmwoUpdateRetailerLink:hover
    {
        text-decoration: underline;
    }
.find-a-retailer .form-wrapper .form-item input {
    border: 2px solid #efefef;
}