Input.merchant
{
    background-image: url(merchant.jpg);
    background-position: left bottom;
    background-repeat: no-repeat;
    width:100px;
    height:100px;
    cursor:pointer;
    border:1px solid #aaaaaa;
}
Input.merchant:hover
{
    background-image: url(merchant.jpg);
    background-position: left top ;
    cursor:pointer;
    background-repeat: no-repeat;
}
Input.shopper
{
    background-image: url(shopper.jpg);
    background-position: left bottom;
    background-repeat: no-repeat;
    width:100px;
    height:100px;
    cursor:pointer;
    border:1px solid #aaaaaa;
}
Input.shopper:hover
{
    background-image: url(shopper.jpg);
    background-position: left top ;
    background-repeat: no-repeat;
    cursor:pointer;
}