/*
---

name: Icons

provides: [CSS.Icons]

...
*/
.svg-icon {
  background-repeat: no-repeat;
  background-image: url(/client/graphics/dest/svg/sprite.css-9326566b.svg);
  display: inline-block;
}

.i-address {
  background-position: -40px 0px;
}

.i-address-dims {
  width: 40px;
  height: 40px;
}

.i-breadcrumb {
  background-position: -144px -60px;
}

.i-breadcrumb-dims {
  width: 6px;
  height: 12px;
}

.i-collapse {
  background-position: -120px -40px;
}

.i-collapse-dims {
  width: 10px;
  height: 20px;
}

.i-communication {
  background-position: -40px -40px;
}

.i-communication-dims {
  width: 40px;
  height: 40px;
}

.i-cross {
  background-position: -143.3px -40px;
}

.i-cross-dims {
  width: 8.2px;
  height: 8.2px;
}

.i-download {
  background-position: -80px -40px;
}

.i-download-dims {
  width: 40px;
  height: 40px;
}

.i-interests {
  background-position: 0px -80px;
}

.i-interests-dims {
  width: 40px;
  height: 40px;
}

.i-login-activity {
  background-position: -40px -80px;
}

.i-login-activity-dims {
  width: 40px;
  height: 40px;
}

.i-newsletters {
  background-position: 0px 0px;
}

.i-newsletters-dims {
  width: 40px;
  height: 40px;
}

.i-page-left {
  background-position: -120px -60px;
}

.i-page-left-dims {
  width: 12px;
  height: 12px;
}

.i-page-right {
  background-position: -132px -60px;
}

.i-page-right-dims {
  width: 12px;
  height: 12px;
}

.i-password {
  background-position: -80px -80px;
}

.i-password-dims {
  width: 40px;
  height: 40px;
}

.i-subscription {
  background-position: -80px 0px;
}

.i-subscription-dims {
  width: 40px;
  height: 40px;
}

.i-tick {
  background-position: -130px -40px;
}

.i-tick-dims {
  width: 13.3px;
  height: 10.1px;
}

.i-trans-history {
  background-position: 0px -40px;
}

.i-trans-history-dims {
  width: 40px;
  height: 40px;
}

.i-user-details {
  background-position: -120px 0px;
}

.i-user-details-dims {
  width: 40px;
  height: 40px;
}

.cardImage {
  background-image: url(/client/graphics/sprite.png);
  background-position: 38px 0;
  background-repeat: no-repeat;
  display: inline-block;
  height: 24px;
  margin-top: 2px;
  text-align: left;
  text-indent: -9999px;
  vertical-align: top;
  width: 38px;
}
.cardImage.pleaseselect {
  background-position: 0 24px;
}

.cardImages span {
  background-image: url(/client/graphics/sprite.png);
  background-repeat: no-repeat;
  display: block;
  float: left;
  height: 24px;
  text-indent: -9999px;
  width: 38px;
  margin-left: 8px;
  text-align: left;
}

.paymentDetails .visa, .visa {
  background-position: 0 0;
}

.paymentDetails .mastercard, .mastercard {
  background-position: -38px 0;
}

.paymentDetails .maestro, .maestro {
  background-position: -76px 0;
}

.paymentDetails .americanexpress, .americanexpress {
  background-position: -114px 0;
}

.paymentDetails .dinersclub, .dinersclub {
  background-position: 0 -24px;
}

.paymentDetails .discover, .discover {
  background-position: -38px -24px;
}

.paymentDetails .jcb, .jcb {
  background-position: -76px -24px;
}

.paymentDetails .laser, .laser {
  background-position: -114px -24px;
}

.paymentDetails .unionpay, .unionpay {
  background-position: 0 -48px;
}

.paymentDetails .directDebit {
  background-position: 0 -302px;
}

.securityCodeImg {
  background: url(/client/graphics/sprite.png) no-repeat -38px -48px;
  display: inline-block;
  height: 28px;
  margin: -1px 0 -4px 15px;
  text-indent: -9999px;
  width: 65px;
  vertical-align: top;
}
.securityCodeImg.amex {
  background-position: 0 -76px;
}
