body {
    margin-top: 50px;
}

#productContainer, #imagePreview{
    background-image:url(customizeImages/0a144f8b-ff71-4f57-b5cb-d7c454c45c65_l.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color:transparent;
}


#imagePreview{
    height: 300px;
}

#productContainer {
     min-height: 500px;
}

#optionsContainer{
    min-height: 500px;
}

#main{
    border: 1px solid lightgray;
}

#letteringImage, #customImage{
    position: absolute;
    top: 30%;
    left:60%;
    transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    
}

#customizeDialog label{
    margin-left: 20px;
}

#letteringImage{
    max-width: 65px;
}

#customImage{
    max-width: 45px;
}

#optionsContainer label{
    display: block;
    margin: 15px;
    vertical-align: -webkit-baseline-middle;
}

#changeQuantity{
    border: 2px solid lightgrey;
    width:105px;
    height: 30px;
    display: inline-block;
}

#remove{
    float: left;
}

#add{
    float: right;
}

#quantity{
    margin-left:18px;
    vertical-align: sub;
}

#customize{
    float:right; 
    bottom: 5%; 
    right: 2%; 
    position:absolute;
}

#buy{
    float:right; 
    bottom: 5%; 
    right: 30%; 
    position:absolute;
}

.ui-dialog-titlebar-close{
    background-image: url(JQueryUi/images/close.png);
    background-size: contain;
}

#previewContainer{
    min-height:200px; 
    position:relative; 
    background-color: white; 
    border: 1px solid lightgray;
    margin-top: 15px;
}

#previewContainer img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    max-width: 300px;
    margin-top: 15px;
}

#previewBtn{
    margin-top: 15px;
    margin-left: 50%;
    transform: translate(-50%);
     -webkit-transform:translate(-50%);
}

.dd-container{
    width: 130px !important;
    display: inline-block;
    vertical-align: middle;
}

.dd-select{
    width: auto !important;
   
}

.dd-options.dd-click-off-close{
    width: 130px !important;
}

.dd-selected{
    height: 30px;
}

.dd-selected img{
    height: 20px;
    margin-top: -4px;
}

.dd-option{
    height: 40px;
}