/*
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.
*/
.msax-productDetails {
}

    .msax-productDetails .msax-imageCell {
        padding: 0px;
    }

    .msax-productDetails .msax-thumbnailsContainer {
        float: left;
    }

        .msax-productDetails .msax-thumbnailsContainer > .msax-thumbnailWrapper {
            padding: 5px;
            padding-right: 25px;
            margin-bottom: 5px;
        }

    .msax-productDetails .msax-productIconContainer .msax-thumbnailWrapper {
        padding-left: 5px;
        padding-right: 25px;
    }
            .msax-productDetails .msax-thumbnailsContainer > .msax-thumbnailWrapper:hover {
                background: url(/_layouts/15/Images/Storefront/thumb_bg_hover.png) top left no-repeat;
            }

        .msax-productDetails .msax-thumbnailsContainer > .msax-current {
            background: url(/_layouts/15/Images/Storefront/thumb_bg_on.png) top left no-repeat !important;
        }

        .msax-productDetails .msax-thumbnailsContainer .msax-thumbnail,
        .msax-productDetails .msax-thumbnailsContainer .msax-thumbnail img,
        .msax-productDetails #msax-productIconInner img {
            height: 50px;
            width: 50px;
        }

    .msax-productDetails .msax-imageCell > .msax-mainImage {
        float: left;
        margin-right: 60px;
    }

        .msax-productDetails .msax-imageCell > .msax-mainImage,
        .msax-productDetails .msax-imageCell > .msax-mainImage > img {
            width: 260px;
            height: 260px;
        }

    .msax-productDetails .msax-detailsCell {
        padding: 0;
    }

    .msax-productDetails .msax-detailsContainer {
        width: 458px;
        float: right;
    }

        .msax-productDetails .msax-detailsContainer > .msax-infoTop {
            clear: both;
            margin-top: 40px;
        }

            .msax-productDetails .msax-detailsContainer > .msax-infoTop > div {
                margin-bottom: 15px;
            }

            .msax-productDetails .msax-detailsContainer > .msax-infoTop > .msax-title {
                font-size: 22px;
                color: #272727;
            }

            .msax-productDetails .msax-detailsContainer > .msax-infoTop > .msax-price {
                float: left;
            }

                .msax-productDetails .msax-detailsContainer > .msax-infoTop > .msax-price > .msax-adjustedPrice {
                    font-size: 18px;
                    font-weight: bold;
                }

                .msax-productDetails .msax-detailsContainer > .msax-infoTop > .msax-price > .msax-basePrice, .msax-productDetails .msax-detailsContainer > .msax-infoTop > .msax-itemNumber {
                    font-size: 12px;
                    color: #828587;
                }

                .msax-productDetails .msax-detailsContainer > .msax-infoTop > .msax-price > .msax-basePrice {
                    margin-top: 5px;
                    text-decoration: line-through;
                }

            .msax-productDetails .msax-detailsContainer > .msax-infoTop > .msax-review {
                float: right;
            }

                .msax-productDetails .msax-detailsContainer > .msax-infoTop > .msax-review > .msax-text {
                    position: relative;
                    top: -3px;
                    margin-left: 5px;
                }

        .msax-productDetails .msax-detailsContainer > .msax-infoBottom {
            height: 80px;
            background-color: #edeeee;
        }

            .msax-productDetails .msax-detailsContainer > .msax-infoBottom > .msax-bottomFooter {
                padding: 18px 18px 0px 18px;
            }

.msax-additionalDetails {
    margin-top: 0px;
}

    .msax-additionalDetails .msax-longDescription {
        font-size: 12px;
        line-height: 18px;
        color: #828587;
    }

        .msax-additionalDetails .msax-longDescription table tr > td {
            padding: 10px;
            text-align: justify;
            width: 50%;
        }

            .msax-additionalDetails .msax-longDescription table tr > td > h3 {
                font-size: 16px;
                margin-bottom: 20px;
            }

            .msax-additionalDetails .msax-longDescription table tr > td > ul {
                margin-left: 50px;
                margin-top: 10px;
                margin-bottom: 10px;
                list-style: circle;
            }

.msax-Specifications {
    margin: 0px 20px;
}

    .msax-Specifications table {
        width: 100%;
        border-bottom: solid 1px #ccc;
        margin-bottom: 30px;
    }

        .msax-Specifications table .msax-label {
            width: 20%;
        }

        .msax-Specifications table td {
            padding: 10px;
            border-top: solid 1px #ccc;
        }

#productDetailsPage .msax-AddToCart {
    margin-right: 40px;
}

.msax-actionLink {
    background: url('/_layouts/15/Images/Storefront/i_Arrow_Right_16_on.png') no-repeat left 0 transparent;
    padding: 2px 0px 13px 25px;
    margin-top: 1px;
    display: block;
    position: relative;
    top: 15px;
}

    .msax-actionLink.msax-Hidden {
        display: none;
    }

.msax-socialImage {
    float: right;
}
