/**
 * Payment Methods Logos
 * @authors: ndevalle, ipianciola, gandre, aramos, dudesl, sabustamante
 * @description: common component for each country's payment methods logos.
 * @version: 1.6.6
 */

/* Common Structure
---------------------------------------------------------------*/

[class*='paymentmethod'] {
    background-repeat: no-repeat;
    display: inline-block;
    margin: 2px;
    overflow: hidden;
    text-indent: 100%;
    vertical-align: middle;
    white-space: nowrap;
}

/* Common Payment Methods to all Contries
---------------------------------------------------------------*/

.paymentmethod-account_money {
    background-position: 0 0;
}

.paymentmethod-visa,
.paymentmethod-debvisa,
.paymentmethod-visa.paymentmethod-large,
.paymentmethod-debvisa.paymentmethod-large   {
    background-position: 0 -50px;
}

.paymentmethod-master,
.paymentmethod-debmaster,
.paymentmethod-master.paymentmethod-large,
.paymentmethod-debmaster.paymentmethod-large  {
    background-position: 0 -100px;
}

.paymentmethod-amex,
.paymentmethod-amex.paymentmethod-large{
    background-position: 0 -150px;
}

.paymentmethod-bitcoin,
.paymentmethod-bitcoin.paymentmethod-large{
    background-position: 0 -250px;
}

/* Sprite position for Mexico Logos
---------------------------------------------------------------*/
.paymentmethod-bancomer,
.paymentmethod-bancomer.paymentmethod-large  { 
    background-position: 0 -300px; 
}

.paymentmethod-banamex,
.paymentmethod-banamex.paymentmethod-large  { 
    background-position: 0 -350px; 
}

.paymentmethod-hsbc,
.paymentmethod-hsbc.paymentmethod-large  { 
    background-position: 0 -400px; 
}

.paymentmethod-serfin,
.paymentmethod-serfin.paymentmethod-large  { 
    background-position: 0 -450px; 
}

.paymentmethod-oxxo,
.paymentmethod-oxxo.paymentmethod-large  { 
    background-position: 0 -500px; 
}
.paymentmethod-mercadopagocard,
.paymentmethod-mercadopagocard.paymentmethod-large  { 
    background-position: 0 -550px;
}
.paymentmethod-banorte,
.paymentmethod-banorte.paymentmethod-large  { 
    background-position: 0 -600px;
}
.paymentmethod-ixe,
.paymentmethod-ixe.paymentmethod-large  { 
    background-position: 0 -650px;
}

.paymentmethod-debvisa,
.paymentmethod-debvisa.paymentmethod-large  { 
    background-position: 0 -700px;
}

.paymentmethod-debmaster,
.paymentmethod-debmaster.paymentmethod-large  { 
    background-position: 0 -750px;
}

.paymentmethod-gestopago,
.paymentmethod-gestopago.paymentmethod-large  { 
    background-position: 0 -800px;
}
/* Mexico Sprite for Default Size
---------------------------------------------------------------*/

[class*='paymentmethod'] {
    background-image: url('https://http2.mlstatic.com/secure/org-img/ui/payment-methods/1.6.6/mx/payment-methods-default.png');
    height: 16px; /* most common height */
}

/*
 * Retina logo for small screens
 */

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {

    [class*='paymentmethod'] {
        background-image: url('https://http2.mlstatic.com/secure/org-img/ui/payment-methods/1.6.6/mx/payment-methods-default@2x.png');
        background-size: 72px 830px; /* original x1 image size */
        height: 16px; /* most common height */
    }

}

/* Mexico Default Size
---------------------------------------------------------------*/

.paymentmethod-account_money {
    height: 20px;
    width: 72px;
}

.paymentmethod-visa {
    width: 40px;
}

.paymentmethod-master{
    height: 26px;
    width: 29px;
}

.paymentmethod-amex {
    height: 17px;
    width: 17px;
}

.paymentmethod-bitcoin {
    height: 16px;
    width: 62px;
}

.paymentmethod-bancomer {
    height: 7px;
    width: 63px;
}

.paymentmethod-banamex {
    height: 13px;
    width: 58px;
}

.paymentmethod-hsbc {
    height: 11px;
    width: 57px;
}

.paymentmethod-serfin {
    height: 13px;
    width: 62px;
}

.paymentmethod-oxxo {
    height: 15px;
    width: 33px;
}

.paymentmethod-mercadopagocard {
    height: 18px;
    width: 71px;
}

.paymentmethod-banorte {
    height: 11px;
    width: 71px;
}

.paymentmethod-ixe {
    height: 20px;
    width: 47px;
}

.paymentmethod-debvisa {
    width: 58px;
    height: 13px;
}

.paymentmethod-debmaster {
    height: 26px;
    width: 48px;
}

.paymentmethod-gestopago {
    height: 27px;
    width: 72px;
}

/* Mexico Sprite for Large Size
---------------------------------------------------------------*/

.paymentmethod-large {
    background-image: url('https://http2.mlstatic.com/secure/org-img/ui/payment-methods/1.6.6/mx/payment-methods-large.png');
    margin: 5px;
}
/*
 * Retina logo for small screens
 */

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {

    .paymentmethod-large {
        background-image: url('https://http2.mlstatic.com/secure/org-img/ui/payment-methods/1.6.6/mx/payment-methods-large@2x.png');
        background-size: 116px 834px; /* original x1 image size */
    }

}


/* Mexico Large Size
---------------------------------------------------------------*/

.paymentmethod-account_money.paymentmethod-large {
    height: 31px;
    width: 116px;
}

.paymentmethod-visa.paymentmethod-large {
    height: 21px;
    width: 63px;
}

.paymentmethod-master.paymentmethod-large {
    height: 35px;
    width: 46px;
}

.paymentmethod-amex.paymentmethod-large {
    height: 27px;
    width: 26px;
}

.paymentmethod-bitcoin.paymentmethod-large {
    height: 25px;
    width: 96px;
}

.paymentmethod-bancomer.paymentmethod-large {
    height: 12px;
    width: 100px;
}

.paymentmethod-banamex.paymentmethod-large {
    height: 21px;
    width: 91px;
}

.paymentmethod-serfin.paymentmethod-large {
    height: 22px;
    width: 99px;
}

.paymentmethod-oxxo.paymentmethod-large {
    height: 25px;
    width: 52px;
}
.paymentmethod-mercadopagocard.paymentmethod-large {
    height: 28px;
    width: 108px;
}

.paymentmethod-hsbc.paymentmethod-large {
    height: 18px;
    width: 90px;
}

.paymentmethod-banorte.paymentmethod-large {
    height: 20px;
    width: 117px;
}
.paymentmethod-ixe.paymentmethod-large {
    height: 32px;
    width: 75px;
}

.paymentmethod-debvisa.paymentmethod-large {
    height: 20px;
    width: 93px;
}

.paymentmethod-debmaster.paymentmethod-large {
    height: 36px;
    width: 78px;
}

.paymentmethod-gestopago.paymentmethod-large {
    height: 34px;
    width: 116px;
}