form #creditCardNumber {
  background-image: url(../images/images.png), url(../images/images.png);
  background-position: 6px -120px, 260px -61px;
  background-size: 120px 370px, 120px 389px;
  background-repeat: no-repeat;
  padding-left: 56px;
  padding-top: 5px;
  width: 290px;
}
form #creditCardNumber.visa {
  background-position: 2px -163px, 260px -61px;
}
form #creditCardNumber.visa_electron {
  background-position: 2px -205px, 260px -61px;
}
form #creditCardNumber.mastercard {
  background-position: 2px -247px, 260px -61px;
}
form #creditCardNumber.maestro {
  background-position: 2px -289px, 260px -61px;
}
form #card_number.discover {
  background-position: 2px -331px, 260px -61px;
}
form #creditCardNumber.valid.visa {
  background-position: 2px -163px, 260px -90px;
}
form #creditCardNumber.valid.visa_electron {
  background-position: 2px -205px, 260px -87px;
}
form #creditCardNumber.valid.mastercard {
  background-position: 2px -247px, 260px -87px;
}
form #creditCardNumber.valid.maestro {
  background-position: 2px -289px, 260px -87px;
}
form #creditCardNumber.valid.discover {
  background-position: 2px -331px, 260px -87px;
}
form #creditCardNumber.valid.amex {
  background-position: 2px -121px, 260px -87px;
}
form #creditCardNumber.valid.diners_club_international {
  background-position: 2px -121px, 260px -87px;
}
body {
}