@import '/admin/code/prettyphoto/css/prettyPhoto.css';


#healthhaven-shop td{
    vertical-align:top;
}



.shopLeftColumn {
padding-right:1%
}

#shopLeftColumnDiv{
    display:none
}



#healthhaven-shop h1{
margin-top:0px;
}


#healthhaven-shop .shopAddToCart
{
    max-width:200px
    }


#healthhaven-shop #shopFeaturedProductImageWrap 
{
    float:right; 
    margin:0px 0 10px 30px;
    }
    
#healthhaven-shop #shopFeaturedProductImageWrap img
{
    margin-bottom:20px
    }    
    


#healthhaven-shop .shopThumbnailLabel{
text-align:center; 
margin:10px 0 10px;
}


#healthhaven-shop .shopThumbnailWrap  
{
    text-align:center;
    /*float:left;*/
    display:inline-block; 
    vertical-align:top; 
    width:33.33% !important;  /* subtract middle column padding then divide by 3 columns */
    margin:0 0 50px 0;    
}



#healthhaven-shop .shopItemColumnClass1 {
    padding:0 6% 0 0 ;     
    }
#healthhaven-shop .shopItemColumnClass2 {
    padding:0 3% ;     
    }
#healthhaven-shop .shopItemColumnClass0 {
    padding:0 0 0 6% ;     
    }





#healthhaven-shop a{
  text-decoration:none  
    }

#healthhaven-shop a:hover{
  text-decoration:underline  
    }




#healthhaven-shop #shopFeaturedImage
{
    border:0; 
    max-width:100%
}



#healthhaven-shop .shopFeaturedImageThumb
{
    height:45px;
    margin:0 2px
    }


#healthhaven-shop .shopThumbImage
{
    max-width:100% !important;
    
    }


        
#healthhaven-shop #rightShopShortcutWrap{
    cursor:pointer;
    text-align:right
}


#healthhaven-shop #rightShopShortcutWrap div{
    display:inline-block ;

padding:20px 40px ;    
}



#healthhaven-shop .shopMenuCheckoutWrap{
border:1px solid transparent ;
background: #F73A3A ;
white-space:nowrap ;
float:right ;
color:white ;
}


#healthhaven-shop .shopMenuCheckoutWrap:hover{
border:1px solid #F73A3A ;
background:transparent ;
color:#F73A3A ;
text-decoration:none ;
}





#healthhaven-shop .shopMenuItemWrap{
    padding:5px 0 ;

}








/*Shop Menu Theme*/
    
#healthhaven-shop.shopMenuTheme a{
text-decoration:none;
color:#333333
}



#healthhaven-shop.shopMenuTheme .shopItemPrice
{
    color:#216C2A
    }

#healthhaven-shop.shopMenuTheme a:hover{
  text-decoration:underline  
}    
    
#healthhaven-shop.shopMenuTheme .shopCategoryLabel{
background:#9E8467;
color:white;
/*padding:4px 6px 4px 6px;*/
padding: 8px 16px;
font-size:120%;

}

#healthhaven-shop.shopMenuTheme .shopProductImageWrap
{
    position:absolute;
    z-index:10000; 
    display:none;
    padding:10px;
    background:beige;
    border:1px solid lavender;
    }
    
#healthhaven-shop.shopMenuTheme .shopProductImage
{
    max-width:100%;
    margin-bottom:10px
    }



#healthhaven-shop .shopViewCartWrap{
    white-space:nowrap;
    text-transform:uppercase
}


#healthhaven-shop #shopItemPriceWrap .shopItemPrice{
color:green; 
margin-top:20px
}


#healthhaven-shop .shopAddToCartWrap{
margin-top:10px;

}

#healthhaven-shop .shopOptionPrompt{

    margin:20px 0; 
}


#cartItemsCodeWrap {
    text-align:center
}


#healthhaven-shop #shopRightColumn .shopViewCartWrap {
    margin-bottom:20px;
    width:50%;
    display:inline-block;
    text-align:right;
        vertical-align:middle;
}


#healthhaven-shop #shopRightColumn .shopSearchFormWrap {
    margin-bottom:20px;
    display:inline-block;
    width:50%;
    vertical-align:middle;
}
 

#healthhaven-shop #shopViewCartImage{
    height:35px;

}

#healthhaven-shop .shopSearchBox{
    width:250px;
    max-width:80%;
}

#healthhaven-shop #shopViewCartImage{
    height:35px;
    margin-left:5px
}

#healthhaven-shop .shopHomeImage{
    height:30px;
    margin-right:15px
}


#healthhaven-shop .shopViewCartWrap img{
vertical-align:  auto;
    
}

.shopShowCategories{
    padding:5px 10px;
    background:#eee;
    color:#333;
    text-align:center;
    cursor:pointer
}

.shopShowCategories:hover{
    background:#ddd;    
}


.shopLeftColumn{
width:24%; 
}

#shopRightColumn{
width:75%
}

.shopMobileCategoryWrap{
    display:none
}

@media (max-width: 800px) {      

    /*.shopSubCategoryLabel{
        display:none
    }*/

    #shopLeftColumnDiv{
        display:block
    }

    .shopLeftColumn{
        display:none
    }

    #shopRightColumn{
        width:100%
    }

    #healthhaven-shop .shopThumbnailWrap {
        width: 100% !important;
    }

    #healthhaven-shop .shopItemColumn1,
    #healthhaven-shop .shopItemColumn2,
    #healthhaven-shop .shopItemColumn0 {
        padding: 0;
    }
}


.regularPriceWrapXX {
    padding-left:10px;
font-size:75%;
color:red;
text-decoration-line:line-through
}

.regularPriceLabelWrapXX{
    
font-size:75%;
color:red;
text-decoration-line:none

}


.shop-edit-item {
display:inline-flex;
color:green; 
text-decoration:none;
}