/*
5eba2fb2ff75df4a18d07913b095c0b884b1e772, v2 (xcart_4_6_4), 2014-06-25 11:08:30, main.css, random
vim: set ts=2 sw=2 sts=2 et:
*/

table.saved-cards {
  max-width: 700px;
}

table.saved-cards th {
  text-align: left;
}

table.saved-cards div.card-icon-container {
  height: 35px;
  width: 70px;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}  

table.saved-cards div.number {
  height: 35px;
  line-height: 35px;
  display: inline-block;
  vertical-align: top;
}


table.saved-cards span.card {
	display: inline-block;
	width: 140px;
	height: 70px;
	zoom: 0.5;
  -moz-transform: scale(0.5);
  -moz-transform-origin: 0 0 0;
}

table.saved-cards td.default-column,
table.saved-cards th.default-column {
  text-align: center;
}

table.saved-cards tr.button-row td {
  padding-top: 10px;
  text-align: left;
}

ul.saved-cards li {
  list-style: none;
}

ul.saved-cards li label {
  cursor: pointer;
}

ul.saved-cards li label input {
  vertical-align: top;
  margin-top: 4px;
}

ul.saved-cards span.card-icon-container {
  display: inline-block;
  height: 21px;
  width: 42px;
  overflow: hidden;
}

ul.saved-cards span.number {
  display: inline-block;
  height: 21px;
  line-height: 21px;
  vertical-align: top;
}

ul.saved-cards span.card {
  display: inline-block;
  width: 140px;
  height: 70px;
  zoom: 0.3;
  -moz-transform: scale(0.3);
  -moz-transform-origin: 0 0 0;
}

.saved-cards span.card.mc {
  background: url(card_types.png) 0px 0px no-repeat;
}

.saved-cards span.card.visa {
  background: url(card_types.png) 0px -71px no-repeat;
}

.saved-cards span.card.jcb {
  background: url(card_types.png) 0px -141px no-repeat;
}

.saved-cards span.card.amex {
  background: url(card_types.png) 0px -211px no-repeat;
}

.saved-cards span.card.dc {
  background: url(card_types.png) 0px -281px no-repeat;
}

.saved-cards span.card.dicl {
  background: url(card_types.png) 0px -351px no-repeat;
}

.saved-cards span.card.sw {
  background: url(card_types.png) 0px -421px no-repeat;
}

.saved-cards span.card.cup {
  background: url(card_types.png) 0px -491px no-repeat;
}

.saved-cards span.card.bc {
  background: url(card_types.png) 0px -561px  no-repeat;
}

.xpc_iframe_container {
  margin-bottom: 25px;
}

/*
  Popup window
*/
.popup-modal-bg {
  background: transparent url(images/grey.png) repeat left top;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1000;
}
.popup-window {
  position: absolute;
  background: white none;
  overflow: hidden;
  padding: 0px;
  margin: 0px;
  z-index: 1100;
}
.popup-window .popup-bg-iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0px none;
  background: white none;
  margin: 0px;
  padding: 0px;
  z-index: 1150;
}
.popup-window .popup-title {
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  height: 22px;
  background: transparent url(images/popup_header_bg.gif) repeat-x left top;
  vertical-align: middle;
  z-index: 1200;
}
.popup-window .popup-title span {
  color: #ffffff;
  font-size: 10px;
  line-height: 22px;
  font-family: verdana, helvetica, sans-serif;
  font-weight: bold;
  padding: 0px 0px 0px 20px;
}

.popup-window .popup-title a:link,
  .popup-window .popup-title a:visited,
  .popup-window .popup-title a:hover,
  .popup-window .popup-title a:active
{
  display: block;
  position: absolute;
  top: 3px;
  right: 5px;
  outline-style: none;
  text-decoration: none;
  width: 16px;
  height: 16px;
}
.popup-window .popup-title img {
  width: 16px;
  height: 16px;
  background: transparent url(images/popup_header_cross.gif) no-repeat left top;
}
.popup-window .popup-content {
  position: absolute;
  top: 24px;
  left: 2px;
  right: 2px;
  bottom: 20px;
  overflow: auto;
  margin: 0px;
  padding: 0px;
  z-index: 1200;
}
.popup-window .popup-frame {
  padding: 20px;
  margin: 0px;
}
.popup-window .popup-footer {
  position: absolute;
  bottom: 2px;
  left: 2px;
  right: 2px;
  background: #f3f5f7 none;
  height: 18px;
  text-align: right;
  z-index: 1200;
}
.popup-window .popup-footer div {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 0px;
  right: 0px;
  background: transparent url(images/popup_bottom_arrow.gif) no-repeat 9px 9px;
  cursor: se-resize;
}
.popup-dnd-border {
  position: absolute;
  border: 1px dotted #000000;
  background: transparent none;
  z-index: 1200;
}
.popup-window .popup-border {
  position: absolute;
  line-height: 0px;
  font-size: 0px;
  margin: 0px;
  padding: 0px;
}
.popup-window .popup-t-side {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  border: 0px none;
  border-top: 1px solid #215485;
  background: #5f94c0 none;
  height: 2px;
  cursor: n-resize;
  z-index: 1250;
}
.popup-window .popup-tr-corner {
  right: 0px;
  top: 0px;
  height: 2px;
  width: 2px;
  border-top: 1px solid #215485;
  border-right: 1px solid #215485;
  background: #5f94c0 none;
  cursor: ne-resize;
  z-index: 1260;
}
.popup-window .popup-r-side {
  top: 0px;
  right: 0px;
  bottom: 0px;
  height: 100%;
  border-right: 1px solid #215485;
  background: #5f94c0 none;
  width: 2px;
  cursor: e-resize;
  z-index: 1250;
}
.popup-window .popup-br-corner {
  right: 0px;
  bottom: 0px;
  height: 2px;
  width: 2px;
  border-bottom: 1px solid #215485;
  border-right: 1px solid #215485;
  background: #5f94c0 none;
  cursor: se-resize;
  z-index: 1260;
}
.popup-window .popup-b-side {
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  border-bottom: 1px solid #215485;
  background: #5f94c0 none;
  height: 2px;
  cursor: s-resize;
  z-index: 1250;
}
.popup-window .popup-bl-corner {
  left: 0px;
  bottom: 0px;
  height: 2px;
  width: 2px;
  border-bottom: 1px solid #215485;
  border-left: 1px solid #215485;
  background: #5f94c0 none;
  cursor: sw-resize;
  z-index: 1260;
}
.popup-window .popup-l-side {
  top: 0px;
  left: 0px;
  bottom: 0px;
  height: 100%;
  border-left: 1px solid #215485;
  background: #5f94c0 none;
  width: 2px;
  cursor: w-resize;
  z-index: 1250;
}
.popup-window .popup-tl-corner {
  left: 0px;
  top: 0px;
  height: 2px;
  width: 2px;
  border-top: 1px solid #215485;
  border-left: 1px solid #215485;
  background: #5f94c0 none;
  cursor: nw-resize;
  z-index: 1260;
}