.cards {
    overflow: hidden;
    margin: -12px 0 20px;
}

.cardsAccepted {margin:10px 20px;float:right;font-size:8pt}

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

.cards .visa {
    background-position: 0 0;
}

.cards .visa.off {
    background-position: 0 100%;
}

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

.cards .visa_electron.off {
    background-position: -51px 100%;
}

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

.cards .mastercard.off {
    background-position: -102px 100%;
}

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

.cards .maestro.off {
    background-position: -153px 100%;
}

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

.cards .discover.off {
    background-position: -204px 100%;
}

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

.cards .amex.off {
    background-position: -255px 100%;
}