/************************************************
	    ECOMMERCE SYSTEM FRONT END STYLES
		STYLE DEFINITIONS
		VERSION 2.6
		Developed by Justin Kercher
        Apollo Internet Media
		Create: 28/05/2013
        Updated: 19/02/2021
        
        Defines styles for ecommerce elements of the
        ApolloAdmin.net system
    ************************************************/
    
    /* Popup quick login box */
    .quickPopup { background-color:#FFFFFF; border:1px solid #999999; color: #333; cursor:default; display: none; margin-top: 15px; position: absolute; right: 0px; text-align:left; width:auto; z-index:50; padding: 25px 25px 20px; }
    .quickPopup .linkArrow { position: absolute; top: -15px; right: 20px; height: 15px; width: 30px; background-image: url(/images/quick-login-arrow.png); background-repeat: no-repeat; }

    /* Quick Cart Link */
    .CartCounter { margin: 0px; }
    
    /* Member Directory Listing */
	.directoryListingResult { margin-bottom: 14px; }
		.directoryListingResult:hover {  }
		
		.listing-image-panel { text-align: center; }
		    .listing-image-panel img { margin: 0px auto; }
		.listing-content-panel { }
		.listing-title { font-size: 16px; }
		.listing-description { }
		.listing-address { font-color: silver; font-style: italic }
    
    /* Gridview Styling */
    .mGrid { width: 100%; margin: 0px; border-collapse:collapse; border: 0px none; border-color: transparent; margin-top: 10px; font-size: 13px !important; margin-bottom: 10px; }  
    .mGrid td { padding: 8px 4px; background: #ececec; border: 0px none; border-color: transparent; border-top: 1px solid #fff; color: #333; }  
    .mGrid th { padding: 8px 4px; font-weight: normal; color: #333; background: #dbdbdb; border: 0px none; border-color: transparent; }      
    .mGrid th a { color: #333; text-decoration: none; }
    .mGrid tr:hover td { background: #e6e6e6; }
    .mGrid .alt { background: #fcfcfc url(../images/grd_alt.png) repeat-x top; }  
    .mGrid .pgr { background: #424242 url(../images/grd_pgr.png) repeat-x top; }  
    .mGrid .pgr table { margin: 5px 0; }  
    .mGrid .pgr td { background-color: #fff; border-width: 0px; padding: 0px; border-color: transparent; margin: 0px; }      
    
    /* Catalogue Pages */
    .productCategoryDescription { padding: 4%; border: dotted 1px silver; background-color: #ececec; }
    .catalogueListing { position: relative; width: auto; }
        .catalogueListingDetails { position: relative; height: auto; padding: 10px 0px; font-weight: bold; margin: 10px 0px; border-top: dotted 1px silver; border-bottom: dotted 1px silver; }

            
       .catalogueListingItem { position: relative; border: dotted 1px silver; height: 280px; overflow: hidden; line-height: normal; font-size: 12px; font-weight: normal; text-align: center; 
                               padding: 10px; margin-bottom: 20px; }                                     
            .catalogueListingItem .listingImage { position: relative; display: block; margin: 10px; text-align: center;  }  
                                                                     
                .catalogueListingItem .listingImage img { margin: 0px auto;  max-height: 400px; }
                .catalogueListingItem .listingImage .date { position: absolute; bottom: 0px; left: 0px; }
                                                         
            .catalogueListingItem .listingContent { }
                .catalogueListingItem .listingContent .listingTitle { text-transform:capitalize; }
                .catalogueListingItem .listingContent .listingPrice { position: absolute; top: 0px; right: 0px; padding: 4px; background: rgba(51,51,51,0.8); color: #ffffff; font-size: 1.2em; 
                                                                      font-weight: lighter; padding-left: 20px; border-radius: 0px 0px 0px 16px; }
                .catalogueListingItem .listingContent .listingPriceOld { font-size: 1.4em; font-weight: lighter; color: Red; text-decoration: line-through; }
                .catalogueListingItem .listingContent .listingControls { margin-top: 10px; }
                
                .catalogueListingItem .listingContent .view { position: absolute; bottom: 10px; left: 0px;  white-space: nowrap; width: 100%; height: auto; text-align: center }
                .incTax { font-size: 10px; }
                
    .catalogueListingFilters { margin-top: -10px; }
    .dropdown-menu li a { padding-right: 20px; }
    .dropdown-menu li a .pull-right { margin-right: -10px; } /* correct positioning of ticks in dropdown lists for bootstrap */
    
    
    /* Product Viewing Page */
    /* Product View */
    .product-details { }
        .product-details .product-image { border: solid 1px #dedede !important; margin-bottom: 5px;  }
        .product-details .product-image img { width: 100%; }
        .product-details .product-description { }
        .product-details .cart-row { }
            .product-details .cart-row .price { }
            .product-details .cart-row .description { }
            .product-details .cart-row .controls { background-color: rgba(214,185,135,0.4); padding: 15px; margin-bottom: 15px; margin-top: 15px; }

            .product-details .cart-row .controls ul { list-style: none; margin: 0px; padding: 0px; }
            .product-details .cart-row .controls ul li { position: relative; padding-left: 23px; }
            .product-details .cart-row .controls ul li:before {   position: absolute;  left: 0px; top: 5px;
                                                                  display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto;
                                                                  width: 1.28571429em; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f058"; margin-right: 5px; }
            .product-details .cart-row .controls .price { font-weight: bold; margin-bottom: 15px; }
                .product-details .cart-row .controls .btn { display: block; width: 100%; margin-bottom: 5px; }
        
            .product-carousel-images { }
            .product-carousel-images a { display: block; border: solid 1px #dedede; margin-bottom: 5px; }
            .product-carousel-images a img { width: 100%; opacity: 0.8; }
            .product-carousel-images  a:hover img { opacity: 1.0; }
    

    /* Product purchase control */
    #purchase-control { }
        #purchase-control .controls { padding: 15px; border: solid 1px #dedede; }
        
    /* Shopping Cart Listing */
   .cart { }
    
    .cart .cart-item { }
        .cart .cart-item .cart-item-title { }
        .cart .cart-item .cart-item-options { }
        .cart .cart-item .cart-item-tax { display: block;  }
        .cart .cart.item .cart-item-price { display: block; }
        .cart .cart-item .cart-item-total { display: block;  }          
        .cart .cart-total { display: block; text-align: right; font-size: 2.0em; width: 100%; }  

        .cart .btn.d-block { width: 100%; }

    /* Checkout cart items */
    .checkout-cart-item { }
        .checkout-cart-item span { }
        .checkout-cart-item .checkout-cart-item.qty { color: #666; }
    
    /* Checkout */
    .checkoutStageBar { margin-bottom: 20px; }
        .checkoutStageBar .stage { padding: 4px 6px; background-color: #ececec; border: solid 1px silver; border-radius: 0px 20px 20px 0px; color: #333; width: auto; float: left; clear: none; margin-right: 4px; }
            .checkoutStageBar .stage.active { background-color: orange; }

    #checkout.accordion .card { border-bottom: solid 1px rgba(0,0,0,0.125); margin-bottom: 5px; }


    /*************************************
		RESPONSIVE TWEAKS
	*************************************/ 
	

    @media(min-width: 568px) {
        .cart .btn.d-block { width: auto; }
    }

    @media (min-width: 768px) {
        .product-details .cart-row .controls .btn { display: inline-block; width: auto; margin-bottom: 5px; }
    }