﻿.ProductCurrentImageHolder
{    
    border:0px solid green; 
    float:left;
    padding-left:10px;
    padding-right:10px;
}
.ProductThumbHolder
{
    width:110px;
    border:0px solid red;
    height:515px;
    float:left;
}
.ProductThumb
{   
    margin:6px 0px 6px 0px;
    border:1px solid #eee;
    cursor:pointer;
}
.PhotoHolder
{
    width:630px;
    border:0px solid black;
    height:515px;
    float:left;
}
.ProductCurrentImageHolder a
{
    border:0px;
    background-image:none;
}
.ProductCurrentImageHolder a:link, a:visited
{
    border:0px;
    background-image:none;
}
.ProductCurrentImageHolder a:hover, a:active
{
    border:0px;
    background-image:none;
}

/* Product details area */
#ProductName
{
    font-size:20px;
    color:#ba9338;
    font-weight:300;
    margin-left:12px;
}
#Price
{
    font-weight:500;
    color:#404040;
    font-size:12px;
    margin-top:20px;
    margin-left:12px;    
}
.RetailPriceStyl
{
    text-decoration:line-through;
    color:Red;
}
.Attr
{
    /*margin-left:0px;
    margin-top:5px;*/
    /*width:85px;*/
    border:0px solid red;
    
}
.AttrHIA
{
    margin-left:5px;    
    width:auto;
    border:0px solid red;
    position:relative;
    margin-bottom:15px;
}
.AttrHolder
{
    margin-left:12px;/*-140px;*/
    border:0px solid red;
}
#YourDiscount
{
    height: 38px;
    width: 38px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    border:1px solid #ccc;
    text-align:center;
    padding-top:5px;
    font-size:10px;    
    margin-right:10px;
    color:Green;
    position:absolute; 
    margin-left:190px;
    margin-top:-20px   
}

#ProdColor, #ProdBrand, #ProdClass, #ProdType, #ProdGender, #ProdSize
{
    /*position:absolute;
    margin-top:-18px;margin-left:78px;
    padding-left:10px;*/    
}
#ProdStores
{
    display:block;
    margin-left:15px;    
}
.InStock
{
    color:Green;
}
.OutOfStock
{
    color:Red;
}
#ProductIdenticalDiv
{
    margin-top:20px;
    margin-left:15px; 
}
.foo {
  float: left;
  width:auto;
  height: 26px;
   margin-top: -2px;
  margin-bottom: 5px;
  margin-left:5px;
  margin-right:5px;
  border: 2px solid rgba(0, 0, 0, .2);
  text-align:center;
  padding:5px;
  padding-left:10px;
  padding-right:10px;
  cursor:pointer;
}
.fooSelected
{
    border: 2px solid #ffd926
}
.foo:hover 
{
  
  border: 2px solid #ffd926
}
#sizeSelect option:disabled {  
    background: #dddddd;
}
#sizeSelect
{
     margin-left:5px;
}
#Availability
{
    margin-top:20px;
    margin-left:15px; 
    visibility:hidden;
}
#ChooseQuantity
{
    visibility:hidden;
}
.AddToCart
{
    width:140px;
    height:26px;
    text-transform:uppercase;    
    padding-left:33px;        
    padding-top:3px;
    float:left;
    margin-left:15px;
    margin-bottom:10px;
    margin-top:-1px;  
    border-radius:2px;
    background-position:3px 3px;
    background-repeat:no-repeat;
    visibility:hidden;
}
.AddToCart:hover
{
    width:140px;
    height:26px;
    text-transform:uppercase;    
    padding-left:33px;        
    padding-top:3px;    
    float:left;
    margin-left:15px;
    margin-bottom:10px;
    margin-top:-1px;  
    border-radius:2px; 
    background-position:3px 3px;
    background-repeat:no-repeat;
}
.AddToCart_Disabled
{
    width:140px;
    height:26px;
    text-transform:uppercase;    
    padding-left:33px;    
    color:#404040;
    padding-top:3px;    
    border:1px solid #ccc;
    float:left;
    margin-left:15px;
    margin-bottom:10px;
    margin-top:-1px;  
    cursor:not-allowed;
    background-color:#f7f7f7;
    border-radius:2px; 
    background-image:url("../../Images/ShoppingcartBlack.png");
    background-position:3px 3px;
    background-repeat:no-repeat;     
    visibility:hidden;
}
.PD_AddedToCart
{   
    color:Green;
    font-size:11px;
}
#Quantity
{
    margin-left:15px;
    margin-top:15px;
    float:left;
    margin-right:10px;        
}
.styled-select select 
{  
   width: 108px;    
}
.styled-select 
{
   width: 80px; 
   margin-left:15px;
   margin-bottom:10px;
   margin-top:10px;   
}
#DD
{
    margin:0px;
    padding:0px;
}
#ShareHolder
{    
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    height:35px;           
}
.ShareLink
{
    float:left;
    text-transform:uppercase;
    margin-top:7px;                  
}
.ShareLink a
{
    width:100px;                    
    font-size:10px;
    border:0px;
    color:#ba9338;
    margin-left:5px;
    margin-right:5px;
    padding-right:5px;
    padding-left:15px;
    border-right:1px solid #eee;
    background-image:url("../../Images/Arrow.png");
    background-position:2px 4px;
    background-repeat:no-repeat;        
}
.ShareLink a:hover, a:active
{
    border:0px;
    /*background-image:none;*/
    text-decoration:underline;
    border-right:1px solid #eee;        
}
#ProductSocialMedias
{
    float:right;
    margin-top:4px;
}
#ProductDetails
{
    margin-top:10px;
    margin-bottom:10px;
    font-size:13px;
}
#Description
{
    height:100px;
}
 /*#accordion .ui-accordion-content 
{
    max-height: 300px; Not working 
}*/
#accordion .ui-accordion-content
{
    height: 170px;
}
#ShareHolder #Vdo
{
    background-image:none;    
}
.panel-scroll{
	height: auto !important ;
}
  
@media screen and (min-width:50px) and (max-width:370px)
{
    #Friend
    {
        display:none;
    }
}

@media screen and (min-width:371px) and (max-width:767px)
{
     
}

@media screen and (min-width:50px) and (max-width:991px)
{
    .ProductCurrentImage
    {
        width:100%;
        height:auto;
        margin-top:5px;
        margin-bottom:5px;        
    }
    .ProductThumb
    {
        width:70px;
        height:70px;
        margin:6px 9px 6px 9px;        
    }
    .ProductThumbHolder
    {        
        height:inherit;
        width:100%;    
    }
    .ProductCurrentImageHolder
    {
        width:100%;        
        height:inherit;               
    }    
    .PhotoHolder
    {
        width:100%;        
        height:inherit;
        float:left;
    }
    .easyzoom.is-ready img {
	    cursor: default; /* Changing the cursor to show its not clickable */
    }    
    #ShareHolder
    {
        /*position:absolute;*/
        width:100%;       
        margin-left:0px;
        margin-top:15px;
        margin-bottom:10px;
    }    
    .LoaderBG
    {
        display:none;      
    }    
    #ProdStores
    {
        position:relative;
        margin-bottom:10px;        
    }
    #Loc2
    {
        cursor:pointer;
    }
}

@media screen and (min-width:992px) and (max-width:1199px)
{
    .ProductCurrentImage
    {
        width:400px;
        height:400px;
        margin-top:5px;
        margin-bottom:0px;
    }
    .ProductThumb
    {
        width:70px;
        height:70px;        
    }
    .ProductThumbHolder
    {        
        height:415px; 
        width:90px;    
    }
    .ProductCurrentImageHolder
    {
        width:420px;        
        height:420px;        
    }
    .PhotoHolder
    {
        width:473px;        
        height:415px;
        float:left;
    }
    .easyzoom--adjacent .easyzoom-flyout {
	    top: 0;
	    left: 100%;
	    width: 463px;
	    height: 400px;
	    margin-left: 20px;
	    margin-top:5px;
    }
    #ShareHolder
    {
        position:absolute;
        width:457px;       
        margin-left:15px; 
        margin-top:365px;      
    }   
    .LoaderBG
    {
        width:984px;
        height:515px;
        background-color:White;
        position:absolute;
        z-index:100;
        text-align:center;
        padding-top:220px;        
    }        
}

@media screen and (min-width:1200px)
{
    .PhotoHolder
    {
        width:610px;        
    }
    .ProductCurrentImageHolder
    {
        width:520px;        
        height:520px;               
    }
    .ProductCurrentImage
    {
        width:500px;
        height:500px;
        margin-top:5px;
        margin-bottom:0px;        
    }
    .ProductThumb
    {
        width:90px;
        height:90px;        
    }
    .easyzoom--adjacent .easyzoom-flyout {
	    top: 0;
	    left: 100%;
	    width: 621px;
	    height: 500px;
	    margin-left: 5px;
	    margin-top:5px;
    }
    #ShareHolder
    {        
        position:absolute;
        width:615px;       
        margin-left:0px;
        margin-top:470px;        
    } 
    .LoaderBG
    {
        width:1242px;
        height:615px;
        background-color:White;
        position:absolute;
        z-index:100;
        text-align:center;
        padding-top:290px;
    }   
}
#SiteNavLinks{visibility:hidden}
.PhotoHolder .row {
    flex-wrap: unset;
}