html {
    
}
body{
    background-color: white;
    
}

.zone1{
    background-color: white;
    width:100%;
    height:350px;
    
}

#stencil{
    width:700px;
    height:350px;
    background-image:url(../img/StencilsForYourPleasure.png);
    
}
#stencilImg{
    opacity:0;
    transition: .4s;
}
#stencilImg:hover{
    opacity:100%;
}

#item{
    Width:92%;
    height:350px;
    margin-left:8%;
    background-color:white;
    transition: 0.4s;

}
#item:hover{
    Width:92%;
    height:350px;
    position:relative;
    transition: .04s;
    
}
#productImg{
    height:300px;
    margin:25px;
    
    
}
#productImg:hover{
    height:175%;
    margin:0px;
    margin-bottom:1500px;
    position:absolute;
    transition: .4s;
    
    
}
.productText{
    width:500px;
    margin:100px;
    margin-left:40%;
    font-size:24px; 
}
#purchase-area{
    width:auto;
    max-width:600px; 
    margin:auto;
    background-color:#ffffff;
    float:center;
    position:static;
    padding-top:10px;
}
#purchase-images{
    width:auto;
    max-width:550px;
    margin:auto;
    max-height:600px;
    min-height:300px;
    background-color:#ffffff;
    position:static;
    overflow-y:scroll;
}
#PurchaseImg{
    max-height:500px;
    max-width:90%;
    position:static;
    display:block;
    margin-left:auto;
    margin-right:auto;
    border-style:double;
    border-color:#000000;
}
#purchaseLogo{
    max-width:500px;
    width:80%;
    display:block;
    margin-left:auto;
    margin-right:auto;
    position:static;
    padding:10px;
}
#box{
    min-height:30px;
    width:auto;
    max-width:600px; 
    margin:auto;
    position:static;
    background-color:#ffffff;
    padding:5px;
    text-align: center;
}

    /* remove all default margins from browsers */
{
    padding:0px;
    margin:0px;
    
}