Cherry Zen Template Support Thread

[gsdcypher]

Hi Jade,

What is the correct application of code for centering the main image, border and drop shadow?

margin: 0 auto;
display:block;
float:none;

#productMainImage {
    float:left;
    background: url("../images/shadowAlpha.png") no-repeat bottom right !important;
    background: url("../images/shadow.gif") no-repeat bottom right;
    margin: 10px 0 0 10px !important;
    margin: 10px 0 0 5px;
    }

#productMainImage img {
    display: block;
    position: relative;
    background: #ffffff;
    margin: -3px 6px 6px -3px;
    border: 1px solid #a9a9a9; /* defines the border for the product image. To remove the border delete or comment out this line, AND padding: 4px; below */
    padding: 4px;
    }

thanks!