/************************************************
	    ECOMMERCE SYSTEM FRONT END STYLES
		STYLE DEFINITIONS
		VERSION 1.0
		Developed by Justin Kercher
        Apollo Internet Media
		Create: 28/05/2013
        
        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; height: 150px; }  
                                                                     
                .catalogueListingItem .listingImage img { margin: 0px auto;  max-height: 150px; }
                .catalogueListingItem .listingImage .date { position: absolute; bottom: 0px; left: 0px; }
                                                         
            .catalogueListingItem .listingContent { }
                .catalogueListingItem .listingContent .listingTitle { font-weight: bold; }
                .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 */
    .productPanel { position: relative; }
    
    .productMainImage { overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #ccc; }
        .productMainImage a { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; }
        .ProductGalleryThumbnails.thumbs { text-align: left !important; width: 100%; }
            .ProductGalleryThumbnails.thumbs a { margin: 2px; cursor: pointer; -moz-backface-visibility: hidden; }
            .ProductGalleryThumbnails.thumbs a.img { background-image: url(/images/ajax-small-loader.gif); background-repeat: no-repeat; background-position: center center; -moz-backface-visibility: hidden; }
        
        .productMainImage #mainImage { width: 100% !important; height: auto !important; max-width: 400px !important; position: relative; position: relative !important; top: auto !important;}
       
    .productPrice { display: block; font-size: 1.4em; font-weight: lighter; margin: 10px 0px}            
        
    .cartBox { background-color: #ececec; border: dotted 1px silver;  padding: 2%; }
        .cartBox .optionGroupPanel { margin: 10px 0; }
   
    .mainProductContent { margin-top: 20px !important; border-top: dotted 1px silver !important; padding-top: 20px !important; }
    
    /* Cart availability panel */
    
    .productAvailabilityPanel { position: relative; border: dotted 1px silver; padding: 2% 8%; min-height: 150px; }
        .productAvailabilityPanel .loader { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; background: #000; color: #ffffff; opacity: 0.8 }
            .productAvailabilityPanel .loader img { margin-top: 60px; }
        .productAvailabilityPanel .denied { color: Red; }
        .productAvailabilityPanel .success { color: Green; }            
        .productAvailabilityPanel .productSKU { }
        .productAvailabilityPanel .productPrice { font-size: 2.0em; font-weight: lighter; }
            .productAvailabilityPanel .productPrice .oldProductPrice { color: red; text-decoration: line-through; font-size: 0.6em; margin-right: 10px; }
            
        .productAvailabilityPanel .availabilityStatus { }
        .productAvailabilityPanel .button {  }
        
    /* Shopping Cart */
    .cartTable { width: 100% !important; border-collapse: collapse; border: 0px none; }
        .cartTable tr { border: 0px none; }
            .cartTable th { background-color: #ececec; font-weight: bold; border: 0 solid silver; border-top: dotted 1px silver;  border-bottom: dotted 1px silver; padding: 2%; }        
            .cartTable td { border: 0px none; border-bottom: dotted 1px silver; padding: 2%; border-bottom: dotted 1px silver}
        
            .cartTable .cartItemImage { width: 80px; float: left; clear: none; margin-right: 20px; }
                .cartTable .cartItemImage img { width: 100%; height: 100%; }
            .cartTable .cartItemDetails { width: auto; clear: none; }
            .cartTable .icoUpdateCart { margin-bottom: 10px; margin-left: 10px; }
            
    .cartProceedPanel { width: auto; }            
        .cartProceedPanel .cartTotalPrice { font-size: 2.8em; font-weight: lighter; color: silver; text-align: right; display: block; width: 100%; }
    .cartDeliveryBox { padding: 2%; border: dotted 1px silver; width: auto; float: left; clear: none; margin-top: 20px; } 
    
    /* 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; }

    /*************************************
		RESPONSIVE TWEAKS
	*************************************/ 
	
	@media (max-width: 767px), (max-device-width: 767px) {
	    /* disable zoom tracker */
	    .zoomtracker { display: none !important; }
	}