.cards {
    overflow: hidden;
}

.cards div {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    background-image: url(../images/card_logos.png);
    background-position: 0 0;
    float: left;
    height: 32px;
    margin-right: 8px;
    text-indent: -9999px;
    width: 51px;
}

.cards div:last-child {
    margin-right: 0;
}

.cards .mastercard {
    background-position: 153px 0;
}

.cards .discover {
    background-position: 102px 0;
}

.cards .amex {
    background-position: 51px 0;
}

.cards .visa.off {
    background-position: 0 32px;
}

.cards .mastercard.off {
    background-position: 153px 32px;
}

.cards .discover.off {
    background-position: 102px 32px;
}

.cards .amex.off {
    background-position: 51px 32px;
}
form input.valid {
    background: url(../Images/tick.png) 260px center no-repeat;
}