/*
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-Main .cbs-List > li{
    float: left;
}
.msax-masterpage .ms-webpart-chrome-title{
    
}

.msax-productGaleryItem {
    height: 300px;   
    margin: 0 0 0 20px;
    width:220px;
}
    .msax-productGaleryItem > div.msax-imageContainer {
        margin: 0 auto;
    }

    .msax-productGaleryItem > div.msax-imageContainer,
    .msax-productGaleryItem > div.msax-imageContainer img {
        height: 180px;
        width: 180px;
    }
	
		.msax-productGaleryItem > div.msax-imageContainer .msax-seeMore {
            position:absolute;
            padding-top: 120px;
            width: 180px;
            font-size: 18px;            
        }
            .msax-productGaleryItem > div.msax-imageContainer .msax-seeMore > div {
                margin-top: 60px;
                height: 0px;
                background-color: #101112;
                opacity: 0;
                filter: alpha(opacity=0);
                overflow: hidden;
            }

                .msax-productGaleryItem > div.msax-imageContainer .msax-seeMore > div > div {
                    font-size: 12px;
                    padding: 9px 0 0 9px;
                    color: #FFFFFF;
                    text-transform: uppercase;
                }
				
    .msax-productGaleryItem > .msax-detailsContainer {
        margin-top: 15px;
        padding: 0 20px;
    }
    
    .msax-productGaleryItem > div.msax-detailsContainer > a {
        max-width: 200px;     
        display: block;
        font-size: 12px;
        color: #0066cc;
        line-height: 18px;
        text-decoration: none;
        margin-bottom: 10px;
    }
    .msax-productGaleryItem > div.msax-detailsContainer > a:hover {
        text-decoration: underline;
    }
    
        
    .msax-productGaleryItem > div.msax-detailsContainer > a > div {
    }
    
    .msax-productGaleryItem > div.msax-detailsContainer > .msax-rating {
        float: left;
        height: 30px;
        margin-right: 10px;
    }

        .msax-productGaleryItem .msax-detailsContainer > .msax-rating > .msax-ReviewImage {               
            background: url("/_layouts/15/Images/Storefront/stars_sm_0.png") no-repeat scroll 0 0 transparent;
            float: left;
            height: 14px;
            width: 68px;
        }

            .msax-productGaleryItem .msax-detailsContainer > .msax-rating > .msax-ReviewImage.msax-Stars1 {               
                background: url("/_layouts/15/Images/Storefront/stars_sm_1.png") no-repeat scroll 0 0 transparent;
            }
            .msax-productGaleryItem  .msax-detailsContainer > .msax-rating > .msax-ReviewImage.msax-Stars2 {               
                background: url("/_layouts/15/Images/Storefront/stars_sm_2.png") no-repeat scroll 0 0 transparent;
            }
            .msax-productGaleryItem .msax-detailsContainer > .msax-rating > .msax-ReviewImage.msax-Stars3 {               
                background: url("/_layouts/15/Images/Storefront/stars_sm_3.png") no-repeat scroll 0 0 transparent;
            }
            .msax-productGaleryItem  .msax-detailsContainer > .msax-rating > .msax-ReviewImage.msax-Stars4 {               
                background: url("/_layouts/15/Images/Storefront/stars_sm_4.png") no-repeat scroll 0 0 transparent;
            }
            .msax-productGaleryItem  .msax-detailsContainer > .msax-rating > .msax-ReviewImage.msax-Stars5 {               
                background: url("/_layouts/15/Images/Storefront/stars_sm_5.png") no-repeat scroll 0 0 transparent;
            }

    
    .msax-productGaleryItem > div.msax-detailsContainer .msax-adjustedPrice {
        font-size: 18px;
        color: #009900;
        margin: 0 0 5px;
        float: right;
    }

    .msax-productGaleryItem > div.msax-detailsContainer .msax-basePrice {
        margin-top: 5px;
        font-size: 11px;
        color: #666;
    }

   .msax-productGaleryItem .msax-itemAvailable {
        font-size: 12px;
        color: red;
        float: left;
        margin-left: 20px;
        width: 180px;
    }

   .msax-productGaleryItem .msax-OutOfStockContainerOverlay {
        height: 180px;
        width: 180px;
    }

    .msax-productGaleryItem .msax-OutOfStockOverlay {
        background-color: #FFFFFF;
        border: 1px solid lightgray;
        border-radius: 10px 10px 10px 10px;
        height: 15%;
        padding-left: 2px;
        padding-top: 10px;
        position: relative;
        top: -110px;
        opacity: 0.75;
    }
    
    .msax-productGaleryItem .msax-OutOfStockOverlayText {
        color:red;
    }

    
.ms-dlgContent
{
    position:fixed! important;
}    
    
/* Refiners */
#Refinement {
    border-bottom: 0px;
}
    #Refinement .ms-ref-refiner {
    }
        #Refinement .ms-ref-refiner, #Refinement .ms-ref-refiner > div {
            padding: 0px;
       }
            #Refinement .ms-ref-refiner .ms-ref-refinername {
                border: 0px;
                border-bottom: 1px dashed #CDCDD0;
                width: auto;
                background-color: #fff;
                color: #272727;
                padding: 12px 0 14px 0;
            }

            #Refinement .ms-ref-refiner:first-child .ms-ref-refinername {
                border-top: 0px;
            }
            
            #Refinement .ms-ref-refiner .ms-ref-refinername .ms-displayInlineBlock {
                text-transform: uppercase;
            }

            #Refinement .ms-ref-refiner .ms-ref-name {
                font-size: 12px;
                padding: 2px 0;
                color: #272727;
            }

            #Refinement .ms-ref-refiner .ms-ref-unselSec {
                padding: 0px 0px 12px 4px;
            }

    #Refinement .ms-ref-refinername .ms-ref-uparrow {
        border: none;
    }

    #Refinement .ms-ref-refinername .ms-displayInlineBlock {
        font-size: 14px;
        margin-left: 5px;
    }

    #Refinement #OtherValue a,
    #Refinement #SubmitValue a{
        color: #A2A4AC;
        text-decoration: none;
        font-size: 11px;
        text-transform: uppercase;
    }
    
    #Refinement #OtherValue  a:hover,
    #Refinement #SubmitValue  a:hover{
        color: #0066CC;
    }

.msax-breadcrumbs .ms-WPBody {
    font-size: 22px;
    color: #272727;
}

/* Popup */
.ms-dlgOverlay {
    background-color: #101112;
    opacity: 0.85;
    filter: alpha(opacity=85);
}

.ms-dlgContent {
    border: none;   
    box-shadow: none;
}

.msax-productGaleryItem .msax-substituteDetails .msax-LargeButton.msax-LeftAlign .msax-Button .msax-ButtonText {
	 left: 12px;
}

.msax-productGaleryItem .msax-substituteDetails .msax-infoBottom .msax-bottomFooter {
	padding-left: 70px;
    padding-top: 30px;
}

    .msax-productGaleryItem .msax-substituteDetails .msax-infoBottom .msax-bottomFooter .msax-LargeButton {
        width: 60px;
    }

.msax-productGaleryItem  .msax-substituteDetails .msax-detailsContainer > .msax-rating {
        float: left;
		margin: 0px;
		height: 15px;
    }


.msax-productGaleryItem  .msax-substituteDetails .msax-detailsContainer .msax-unitPriceDetails {
    float: right;
}

        .msax-productGaleryItem   .msax-substituteDetails .msax-detailsContainer > .msax-rating > .msax-ReviewImage {               
            margin: 10px 0px;
        }
		
		.msax-productGaleryItem   .msax-substituteDetails .msax-detailsContainer .msax-unitPriceDetails div {
            font-weight: bold;
			margin: 10px 0px;    
            padding-right: 20px;
		}
		
		.msax-productGaleryItem   .msax-substituteDetails .msax-detailsContainer .msax-title {
			font-weight: bold;
		}

        .msax-productGaleryItem .msax-substituteDetails .msax-infoBottom .msax-SelectSubstitute {
			width: 100px;
		}

.scrollableContainer{
    overflow-x: scroll;
	width: 800px;
}

    .scrollableContainer > div {
        display: table;
        margin-bottom: 20px;
    }

        .scrollableContainer > div > div {
            display: table-cell;
        }