div.clear {
    clear:both;
}
.header {
    width:calc(100% - 18px);
    padding:5px;
    background:orangered;
    line-height:25px;
    margin-left:10px;
    margin-top:10px;
    margin-bottom:10px;
}
    .header a {
        color:white;
        font-size:16px;
    }
.item {
    width:calc(100% / 3);
    position:relative;
    float:left;
    margin-left:10px;
    border:1px solid #E1E1E1;
    text-align:center;
    height:280px;
    border-radius:4px;
}
    .item:hover {
        box-shadow: 2px 4px 6px 8px #888888;
        transition: box-shadow 0.2s ease-in-out;
    }
    .item .itemprom {
        width:60px;
        position:absolute;
    }

    .item .itemname {
        width: 80%;
        margin: 5px auto;
        color:#343434;
        text-align:left;
    }
    .item img {
        width:80%;
        margin:5px;
    }
    .item .itemprice {
        width: 80%;
        margin: 5px auto;
        color: orangered;
        font-size: 16px;
        white-space:nowrap;
        font-weight:bold;
        position: absolute;
        bottom: 65px;
        left:10%;
    }

    .item .addtoCartbtn {
        width: 80%;
        margin: 5px auto;
        background:#105caa;
        color:white;
        line-height:25px;
        position: absolute;
        bottom: 35px;
        left:10%;
        cursor: pointer;
        }
        .addtoCartbtn:hover {
            background:royalblue;
        }

    .item .viewCartbtn {
        width: 80%;
        margin: 5px auto;
        background:#E1E1E1;
        line-height:25px;
        position: absolute;
        bottom: 5px;
        left:10%;
        cursor: pointer;
        color:royalblue
        }
        .viewCartbtn:hover {
            background:royalblue;
            color:white;
        }