.mrbtm15 { margin-bottom:15px}
.allcap { text-transform:uppercase}
select.bankPayment,select.monthPayment { left:-9999px; position:absolute}
/* This should be a sprite... but this is quicker for examples sake */
li span,dd span, .selectedValue span {
	position: relative;
	top: -1px;
	display: block;
	height: 20px;
	width: 28px;
	float: left;
	clear: right;
}


li span.none, dd span.none, .selectedValue span.none {
	background:url(../../images/checkout/bank/bank-icon.png) no-repeat;
	background-size:20px 20px;
}
li span.stb, dd span.stb, .selectedValue span.stb {
	background:url(../../images/checkout/bank/stb.png) no-repeat;
	background-size:20px 20px;
}
li span.anz, dd span.anz, .selectedValue span.anz {
	background:url(../../images/checkout/bank/anz.png) no-repeat;
	background-size:20px 20px;
}
li span.vpbank, dd span.vpbank, .selectedValue span.vpbank {
	background:url(../../images/checkout/bank/vpbank.png) no-repeat;
	background-size:20px 20px;
}
li span.hsbc, dd span.hsbc, .selectedValue span.hsbc {
	background:url(../../images/checkout/bank/hsbc.png) no-repeat;
	background-size:20px 20px;
}
li span.exim, dd span.exim, .selectedValue span.exim {
	background:url(../../images/checkout/bank/exim.png) no-repeat;
	background-size:20px 20px;
}
li span.vib, dd span.vib, .selectedValue span.vib {
	background:url(../../images/checkout/bank/vib.png) no-repeat;
	background-size:20px 20px;
}
li span.vietin, dd span.vietin, .selectedValue span.vietin {
	background:url(../../images/checkout/bank/viettin.png) no-repeat;
	background-size:20px 20px;
}
li span.tcb, dd span.tcb, .selectedValue span.tcb {
	background:url(../../images/checkout/bank/tcb.png) no-repeat;
	background-size:20px 20px;
}
li span.shin, dd span.shin, .selectedValue span.shin {
	background:url(../../images/checkout/bank/shin.png) no-repeat;
	background-size:20px 20px;
}
li span.citybank, dd span.citybank, .selectedValue span.citybank {
	background:url(../../images/checkout/bank/citybank.png) no-repeat;
	background-size:20px 20px;
}
li span.seabank, dd span.seabank, .selectedValue span.seabank {
	background:url(../../images/checkout/bank/seabank.png) no-repeat;
	background-size:20px 20px;
}

li span.nabank, dd span.nabank, .selectedValue span.nabank {
	background:url(../../images/checkout/bank/nabank.png) no-repeat;
	background-size:20px 20px;
}
li span.msb,dd span.msb, .selectedValue span.msb {
	background:url(../../images/checkout/bank/maritime.png) no-repeat;
	background-size:20px 20px;
}
li span.sc,dd span.sc, .selectedValue span.sc {
	background:url(../../images/checkout/bank/sc.png) no-repeat;
	background-size:20px 20px;
}
li span.scb,dd span.scb, .selectedValue span.scb {
	background:url(../../images/checkout/bank/scbank.png) no-repeat;
	background-size:20px 20px;
}
li span.fec,dd span.fec, .selectedValue span.fec {
	background:url(../../images/checkout/bank/fec.png) no-repeat;
	background-size:20px 20px;
}
li span.tpb,dd span.tpb, .selectedValue span.tpb {
	background:url(../../images/checkout/bank/tpb.png) no-repeat;
	background-size:20px 20px;
}
li span.klb,dd span.klb, .selectedValue span.klb {
	background:url(../../images/checkout/bank/klb.png) no-repeat;
	background-size:20px 20px;
}
li span.ocb,dd span.ocb, .selectedValue span.ocb {
	background:url(../../images/checkout/bank/ocb.png) no-repeat;
	background-size:20px 20px;
}
li span.shb,dd span.shb, .selectedValue span.shb {
	background:url(../../images/checkout/bank/shb.png) no-repeat;
	background-size:20px 20px;
}
li span.bidv,dd span.bidv, .selectedValue span.bidv {
	background:url(../../images/checkout/bank/bidv.png) no-repeat;
	background-size:20px 20px;
}
li span.vcb,dd span.vcb, .selectedValue span.vcb {
	background:url(../../images/checkout/bank/vcb.png) no-repeat;
	background-size:20px 20px;
}
li span.homecredit,dd span.homecredit, .selectedValue span.homecredit {
	background:url(../../images/checkout/bank/homecredit.png) no-repeat;
	background-size:20px 20px;
}
ul.Cardlink li span.visa,.selectedValue span.visa {
	background:url(../../images/checkout/bank/visa.png) no-repeat;
	background-size:38px 18px;
}
ul.Cardlink li span.mastercard,.selectedValue span.mastercard {
	background:url(../../images/checkout/bank/mastercard.png) no-repeat;
	background-size:38px 18px;
}
ul.Cardlink li span.jcb,.selectedValue span.jcb {
	background:url(../../images/checkout/bank/jcb.png) no-repeat;
	background-size:38px 18px;
}
ul.Cardlink span { width:50px}
.selectList ul.Cardlink li { line-height:36px}
.selectList ul.Cardlink li span { margin-top:9px}
.Cardlink .selectedValue span { width:50px}
.Cardlinkwrap h3 { margin-bottom:8px}
.Cardlinkwrap .customSelect { margin-bottom:15px}
.Cardlinkwrap p { line-height:16px; margin-top:0px}
.Cardlinkwrap .linked-wrap { background:#fff; padding-top:8px; padding-bottom:10px}
.Cardlink-list { text-align:center; margin-bottom:8px}
i.icon-visa,i.icon-mastercard,i.icon-jcb,i.icon-atm { display:inline-block; width:60px; height:27px;}
i.icon-visa {
	background:url(../../images/checkout/bank/visa.png) no-repeat;
	background-size:60px 27px;
	}
i.icon-mastercard {
	background:url(../../images/checkout/bank/mastercard.png) no-repeat;
	background-size:60px 27px;
	}
i.icon-jcb {
	background:url(../../images/checkout/bank/jcb.png) no-repeat;
	background-size:60px 27px;
	}
i.icon-atm {
	background:url(../../images/checkout/bank/atm.png) no-repeat;
	background-size:60px 27px;
	}

.customSelect { 
	position: relative;			
}		
.customSelect .selectedValue {
  padding: 10px 20px 10px 10px;
  margin-bottom: 0;
  line-height: 1.2;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);

  cursor: pointer;
  background-color: #fafafa;
  *background-color: #fff;
  background-image: -moz-linear-gradient(top, #ffffff, #fafafa);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#fafafa));
  background-image: -webkit-linear-gradient(top, #ffffff, #fafafa);
  background-image: -o-linear-gradient(top, #ffffff, #fafafa);
  background-image: linear-gradient(to bottom, #ffffff, #fafafa);
  background-repeat: repeat-x;
  border: 1px solid #bbbbbb;
  border-color: #fafafa #fafafa #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #d1d1d1;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fffafafa', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.customSelect .mediaForm { border:none; background:none; box-shadow:none; padding:0px}
.customSelect .mediaForm span { height:48px}
.customSelect .selectList {
	z-index: 100;
	position: absolute;
	left: 0;
	top: 35px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
		  width:100%;
}

.customSelect.select-open .selectList {
	left: 0 !important;
	top: auto !important;
}
.customSelect .selectList dl,.customSelect .selectList ul {
	background: #fff;	
}
.customSelect .selectList dl.defaultScrollbar,.customSelect .selectList ul.defaultScrollbar {
	overflow-x: hidden;
	overflow-y: scroll;	
}
.customSelect dl, .customSelect dd {
	margin: 0;
}
.customSelect dd {
	zoom: 1;
	cursor: pointer;
}
.customSelect li {cursor: pointer;}
.customSelect dd:hover { background:#D1D1D1}
.customSelect li:hover {background:#D1D1D1}
.customSelect .disabled {
	color: #999;
	cursor: default;
}
.customSelect .selected {
	color: #333333;
	text-decoration: none;
	background-color: #e0e0e0;
	background-image: -moz-linear-gradient(top, #e0e0e0, #d0d0d0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e0e0e0), to(#d0d0d0));
	background-image: -webkit-linear-gradient(top, #e0e0e0, #d0d0d0);
	background-image: -o-linear-gradient(top, #e0e0e0, #d0d0d0);
	background-image: linear-gradient(to bottom, #e0e0e0, #d0d0d0);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#d0d0d0', GradientType=0);
	font-weight:bold;
}
.customSelect .selectList dd.hovered {
	background: #999;
	color: #fff;
}
.customSelect .selectList dd.disabled.hovered {
	background: none;
	color: #999;
}
.customSelect dt {
	font-weight: bold;
	font-style: italic;
	padding: 6px 10px 6px 6px;
}	
.customSelect dd {
	padding: 6px 10px 6px 8px;
} 
.hasJS select.custom {
	position: absolute;
	left: -999em;
}
.hasJS select.custom.use-default {
	position: absolute;
	left: auto;
	height: auto;
	width: 100%;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	opacity: 0;
	/* prevents iOS from zooming in on field */
	font-size: 16px;
}
.customSelect.focused .selectedValue {
	box-shadow: 0 0 2px #00aedb;
}
.customSelect.disabled .selectedValue {
	border: 1px solid #ccc;
	color: #ccc;
	cursor: default;
}
.customSelect .caret {
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: top;
	border-top: 4px solid #000000;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
}
.customSelect .selectValueWrap .caret {
	position: absolute;
	top: 17px;
	right: 13px;
	cursor: pointer;
}
.customSelect .jspPane {
	overflow-x: hidden;
	width:100%; padding:0px; top:0px
}
.customSelect .jspVerticalBar {
	background: none;
	width: 8px;
}
.customSelect .jspHorizontalBar {
	height: 0;
	overflow: hidden;
}
.customSelect .jspTrack {
	background: none;
	right: 5px;
	border-radius: 5px;
}
.customSelect .jspDrag {
	border-radius: 5px;
	color: #ffffff;
	
	opacity: .5;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	*background-color: #222222;
	background-image: -moz-linear-gradient(top, #444444, #222222);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
	background-image: -webkit-linear-gradient(top, #444444, #222222);
	background-image: -o-linear-gradient(top, #444444, #222222);
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
    overflow-y: scroll;
    position: relative;
    width: 250px;
    height: 150px;
    background: #fff;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
.noscroll {
	overflow-y:hidden;
	height:auto;
	}
.selectList  ul { margin:0px; padding:0px; list-style:none}
.selectList  ul li { display:block; width:100%; float:left; line-height:28px}
.selectList  li span { margin-left:8px; margin-top:4px; height: 25px}
.selectList  li label { padding-left:8px; display:inline-block; font-weight:normal}
.fixheight { height:200px; overflow-y:scroll}