﻿/*
SAMPLE CODE NOTICE

THIS SAMPLE CODE IS MADE AVAILABLE AS IS.  MICROSOFT MAKES NO WARRANTIES, WHETHER EXPRESS OR IMPLIED, 
OF FITNESS FOR A PARTICULAR PURPOSE, OF ACCURACY OR COMPLETENESS OF RESPONSES, OF RESULTS, OR CONDITIONS OF MERCHANTABILITY.  
THE ENTIRE RISK OF THE USE OR THE RESULTS FROM THE USE OF THIS SAMPLE CODE REMAINS WITH THE USER.  
NO TECHNICAL SUPPORT IS PROVIDED.  YOU MAY NOT DISTRIBUTE THIS CODE UNLESS YOU HAVE A LICENSE AGREEMENT WITH MICROSOFT THAT ALLOWS YOU TO DO SO.
*/
.ms-webpart-chrome-title {
    display: none;
}

.msax-Content {
    position: relative;
}

    .msax-Content .msax-ButtonsTop {
        float: right;
        position: absolute;
        top: -55px;
        right: 0;
        width: 350px;
    }

        .msax-Content .msax-ButtonsTop > div,
        .msax-Content .msax-ButtonsBottom > div {
            float: right;
        }

    .msax-Content .ms-webpartzone {
        position: relative;
        top: -20px;
    }

    .msax-Content .msax-ButtonsBottom {
        width: 350px;
        float: right;
        position: relative;
        top: -70px;
    }

    .msax-Content .msax-ShoppingCartControl {
        margin-bottom: 6px;
    }

    .msax-Content .msax-ContinueShopping {
        margin: 10px 20px 0 0;
    }

        .msax-Content .msax-ContinueShopping .msax-ContinueShoppingLink {
            display: block;
            height: 20px;
            color: #0066CC;
            text-decoration: none;
        }

            .msax-Content .msax-ContinueShopping .msax-ContinueShoppingLink:hover .msax-ContinueShoppingText {
                text-decoration: underline;
            }

        .msax-Content .msax-ContinueShopping .msax-ContinueShoppingImage {
            margin: 0 5px 0 0;
            position: relative;
            top: 3px;
        }

.msaxShoppingCartControl .msax-ShoppingCartContainer {
    height: 100%;
}

.msax-ShoppingCartControl .msax-ShoppingCartItems {
    width: 100%;
}

    .msax-ShoppingCartControl .msax-ShoppingCartItems > thead {
        height: 30px;
        color: #616060;
        background-color: #FFF;
    }

        .msax-ShoppingCartControl .msax-ShoppingCartItems > thead th {
            padding: 10px;
            height: 10px;
            text-align: left;
            vertical-align: middle;
            text-transform: uppercase;
            font-size: 11px;
            color: #5D5D5E;
            background: #F3F4F4;
        }

        .msax-ShoppingCartControl .msax-ShoppingCartItems > thead .msax-ShoppingCartHeaderProductDetails {
            width: 430px;
            padding: 5px 10px 5px 20px;
        }

        .msax-ShoppingCartControl .msax-ShoppingCartItems > thead .msax-ShoppingCartHeaderPrice {
            width: 210px;
            text-align: right;
            padding: 0 50px 0 0;
        }

        .msax-ShoppingCartControl .msax-ShoppingCartItems > thead .msax-ShoppingCartHeaderQuantity {
            width: 140px;
            text-align: center;
        }

        .msax-ShoppingCartControl .msax-ShoppingCartItems > thead .msax-ShoppingCartHeaderLineTotal {
            width: 160px;
            text-align: right;
            padding: 5px 20px 5px 10px;
        }

    .msax-ShoppingCartControl .msax-ShoppingCartItems > tbody > tr > td {
        padding: 10px;
        vertical-align: top;
    }

    .msax-ShoppingCartControl .msax-ShoppingCartItems > tbody .msax-ShoppingCartHeaderProductDetails {
        text-align: left;
        padding: 10px 10px 10px 20px;
    }

        .msax-ShoppingCartControl .msax-ShoppingCartItems > tbody .msax-ShoppingCartHeaderProductDetails .msax-ProductNameWrapper {
            float: left;
            width: 340px;
            height: 50px;
        }

        .msax-ShoppingCartControl .msax-ShoppingCartItems > tbody .msax-ShoppingCartHeaderProductDetails .msax-ProductName {
            margin: 7px 0 0;
            display: block;
            width: 340px;
        }

        .msax-ShoppingCartControl .msax-ShoppingCartItems > tbody .msax-ShoppingCartHeaderProductDetails .msax-ProductDimensions {
            margin: 7px 0 0;
            display: block;
            width: 340px;
            color: #999999;
        }

        .msax-ShoppingCartControl .msax-ShoppingCartItems > tbody .msax-ShoppingCartHeaderProductDetails .msax-ProductDescription {
            color: #999999;
            display: block;
        }

        .msax-ShoppingCartControl .msax-ShoppingCartItems > tbody .msax-ShoppingCartHeaderProductDetails .msax-Remove {
            margin: 10px 0 0;
        }

        .msax-ShoppingCartControl .msax-ShoppingCartItems > tbody .msax-ShoppingCartHeaderProductDetails .msax-ProductImage {
            float: left;
            width: 50px;
            height: 50px;
            margin: 0 15px 0 0;
        }

            .msax-ShoppingCartControl .msax-ShoppingCartItems > tbody .msax-ShoppingCartHeaderProductDetails .msax-ProductImage .msax-ImageWrapper,
            .msax-ShoppingCartControl .msax-ShoppingCartItems > tbody .msax-ShoppingCartHeaderProductDetails .msax-ProductImage .msax-image {
                width: 50px;
                height: 50px;
            }

    .msax-ShoppingCartControl .msax-ShoppingCartItems > tbody .msax-ShoppingCartHeaderPrice {
        text-align: right;
        padding: 10px 50px 10px 10px;
    }

    .msax-ShoppingCartControl .msax-ShoppingCartItems > tbody .msax-ShoppingCartHeaderLineTotal {
        text-align: right;
        padding: 10px 20px 10px 10px;
    }

        .msax-ShoppingCartControl .msax-ShoppingCartItems > tbody .msax-ShoppingCartHeaderPrice .msax-Price,
        .msax-ShoppingCartControl .msax-ShoppingCartItems > tbody .msax-ShoppingCartHeaderLineTotal .msax-LineTotal {
            margin: 7px 0 0;
            display: block;
            color: #272727;
        }

    .msax-ShoppingCartControl .msax-ShoppingCartItems > tbody .msax-Discount {
        margin: 10px 0 0;
        display: block;
        color: #999999;
    }

        .msax-ShoppingCartControl .msax-ShoppingCartItems > tbody .msax-Discount:before {
            content: "Savings ";
        }

    .msax-ShoppingCartControl .msax-ShoppingCartItems > tbody .msax-Remove {
        background: url("/_layouts/15/Images/Storefront/i_delete_16_on.png") no-repeat scroll 0 0 transparent;
        padding: 0 0 0 20px;
        border: 0 none transparent;
        height: 16px;
        color: #0066CC;
    }

        .msax-ShoppingCartControl .msax-ShoppingCartItems > tbody .msax-Remove:hover .msax-ButtonText {
            text-decoration: underline;
        }

    .msax-ShoppingCartControl .msax-ShoppingCartItems > tbody > tr {
        height: 60px;
    }

.msax-ShoppingCartControl .mxax-UpdateQuantityButton {
    margin: 15px 0 0;
    padding: 5px;
    display: none;
}

.msax-ShoppingCartControl .msax-ShoppingCartSummaryDiv {
    float: right;
    margin: 10px 0;
    width: 320px;
}

    .msax-ShoppingCartControl .msax-ShoppingCartSummaryDiv > h2 {
        background: #F3F4F4;
        padding: 9px 10px;
        font-size: 11px;
        line-height: 12px;
        color: #5D5D5E;
        text-transform: uppercase;
    }

.msax-ShoppingCartControl .msax-ShoppingCartSummary {
    width: 300px;
    margin: 10px 0 0;
    overflow: auto;
    width: 100%;
}

    .msax-ShoppingCartControl .msax-ShoppingCartSummary span {
        float: left;
        text-align: right;
    }

    .msax-ShoppingCartControl .msax-ShoppingCartSummary > li {
        margin: 5px 0;
        float: left;
    }

    .msax-ShoppingCartControl .msax-ShoppingCartSummary .msax-ShoppingCartFooterLabel {
        width: 160px;
        color: #999999;
    }

        .msax-ShoppingCartControl .msax-ShoppingCartSummary .msax-ShoppingCartFooterLabel:after {
            content: ":";
        }

    .msax-ShoppingCartControl .msax-ShoppingCartSummary .msax-ShoppingCartFooterValue {
        width: 140px;
        padding: 0 10px 0 0;
    }

    .msax-ShoppingCartControl .msax-ShoppingCartSummary .msax-SubTotal .msax-ShoppingCartFooterValue {
        color: #272727;
        font-weight: bold;
    }

    .msax-ShoppingCartControl .msax-ShoppingCartSummary .msax-GrandTotal .msax-ShoppingCartFooterValue {
        font-weight: bold;
        color: #272727;
    }

    .msax-ShoppingCartControl .msax-ShoppingCartSummary .msax-ShoppingCartFooterValueLink {
        width: 140px;
        padding: 0 10px 0 0;
        float: left;
        text-align: right;
    }

        .msax-ShoppingCartControl .msax-ShoppingCartSummary .msax-ShoppingCartFooterValueLink:hover {
            text-decoration: none;
        }

.msax-UpdateQuantityButton {
    display: none;
}

.msax-ContinueShopping {
    float: right;
}

.msax-ShoppingCartOrderInfoDiv {
    position: relative;
    top: -138px;
    width: 620px;
}

    .msax-ShoppingCartOrderInfoDiv > h2 {
        background-color: #F3F4F4;
        color: #5D5D5E;
        font-size: 11px;
        line-height: 12px;
        padding: 9px 20px;
        border-bottom: 0px solid #A2A4AC;
        text-transform: uppercase;
    }

    .msax-ShoppingCartOrderInfoDiv .msax-ShoppingCartOrderInfo {
        margin: 10px 20px 20px 20px;
    }

        .msax-ShoppingCartOrderInfoDiv .msax-ShoppingCartOrderInfo > li {
            margin: 5px 0;
            float: left;
            width: 100%;
        }

            .msax-ShoppingCartOrderInfoDiv .msax-ShoppingCartOrderInfo > li span {
                color: #999;
            }
            .msax-ShoppingCartContainer .msax-UpdateQuantityButton{
                display:none;
            }
