/* Specific override for /fairpay */

.container.type-04 {
  background-color: #a68f3d;
}

.dealingdesk-msg {
  margin-left:0;
}

.shield-list img {
  float:left;
}

.shield-list span {
  float:left;
  margin-top:1px;
  margin-left:1px;
}

.shield-list div {
  clear:both;
}

.transfer-button {
  color: #ffffff;
  font-size: 16px;
  height:56px;
  margin:0;
  padding:16px 0 0 0;
  text-align: center;
}

.dealingdesk-msg {
  font-size: 15px;
}

#fairpayhero {
  width: 100%; height: 169px; background-image: url('/static/fp_pg/banner_fppg.jpg');
  margin: 0 0 0 0;
  position:relative;
}

#fairpayhero .lhs-cor { background-image: url('/static/images/static_page/sp_cor-lhs.png'); width:4px;height:169px;float:left;}
#fairpayhero .center-content { width:98%;height:169px; float:right;}
#fairpayhero .rhs-cor { background-image: url('/static/images/static_page/sp_cor-rhs.png'); width:4px;height:169px;float:right;}

#fairpayhero .strapline {
  float: right;
  position:absolute;
  top:20px;
  right:0px;
  z-index: 30;
}

#fairpayhero .strapline span{
  margin:0 0 0 0;
  padding:0;
  line-height: 1.1em;
  float:right;
}

#fairpayhero .strapline div span {
  background-color: black;
  text-align: right;
  opacity:0.7;
  font-size: 30px;
  font-family: Trebuchet,Verdana,sans-serif;
  text-transform:uppercase;
  font-weight:bolder;
  color:#43CEAF;
  padding: 5px 5px 5px 10px;
  margin: 3px 0 0 0;
}

/* New fairpay stuff */

.box td { background-color:#fff;padding:5px 5px 5px 5px; width:266px; height:60px; font-family: 'arial'; color:#333333; text-align: right; vertical-align: center; padding:0 15px 0 0; border: 2px solid #e3e3e3;}
.box td:hover {background-color:#e3e3e3; color:#2c6269;}

.text {padding-top: 10px; font-size:14px; line-height: 18px; }

.rightbox { float: right; background-color:#e6e7ec;padding:0px 0px 0px 0px; margin:0px 5px 0px 0px; width:480px; height:340px; font-family: 'arial'; color:#777777; text-align: center; border: 2px solid #fff;}
.rightbox p {text-align: center; color:#333333;}

h2 {text-align: center; color:#333333;}

.boxes {
  float: left;
  width: 300px;
  padding:0px 0px 0px 0px;
  height:340px;
  background-color:#fff;
  border: 1px solid #999;
  color:#777;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.boxes:hover {
  background-color:#fafafa;
  color:#777777;
}

.tagline {
  margin:0 auto;
  width:700px;
  text-align: center;
  font-size:larger;
}

.btn_type_3 {
  margin:0 auto;
  width: 400px;
  height: 45px;
  background-color: #14575d;
  font-size:30px;
  color:#fff;

}


.btn_type_3 > .btn_content {
  padding: 10px 0 0 0;
  font-size:22px;
}

.steps {
  border: 1px solid #777777;
  width:320px;
  margin:10px;
  background-color: #e6e7eb;
  float:left;
}

.steps .top, .steps .bottom{
  font-size:22px;
  height:60px;
  text-align: center;
}

.steps .top {
  height:40px;
  padding-top:10px
}

.steps .bottom {
  height:110px;
  padding-top:10px;
  font-size: 12px;
}

.steps .mid {
  background-color: #fafafa;
}

.steps .mid {
  background-image:url('/static/fp_pg/sheild.png');
  height:200px;
  background-position:center;
}

.guarantee {
  background-color: #e6e7eb; 
  border: 1px solid #777777;
  width:410px;
  height:370px;
  float:right;
  margin:10px;
}

.rcorners {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -khtml-border-radius: 10px;
}

.guarantee {
  background-color: #e6e7eb; 
  border: 1px solid #777777;
  width:410px;
  height:370px;
  float:right;
  margin:10px;
}

.rcorners {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -khtml-border-radius: 10px;
}

.guarantee .gtitle {
  font-size:22px;
  text-align:center;
  margin:10px 0 10px 0;
  color:red;
}

.guarantee .gt {
  margin: 0 20px;
}

.guarantee .gimage {
  width:370px;
  height:85px;
  margin: 10px auto;
  padding: 0 10px 0 10px;
  background-color:#fff;

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -khtml-border-radius: 5px;
}

.guarantee .gimage img {
  margin: 0 auto;
  padding-top:10px;
}

.guarantee .gimage .labels {
  width:15px;
  font-size:10px;
}

.guarantee .gimage .flags {
  width:15px;
  font-size:10px;
}

.guarantee .gimage .flags td {
  height:15px;
  width:15px;
}

.guarantee .gimage .flags td div {
  width:20px;
  height:20px;
  background-size:20px 220px;
  background-repeat:no-repeat;
  background-image:url("/static/fp_pg/flags.png"); 
}


/*
.guarantee .gimage .flags .aud div { background-position: 0px 0*15*-1px; }
.guarantee .gimage .flags .cad div { background-position: 0px 1*15*-1px; }
.guarantee .gimage .flags .chf div { background-position: 0px 2*15*-1px; }
.guarantee .gimage .flags .czk div { background-position: 0px 3*15*-1px; }
.guarantee .gimage .flags .eur div { background-position: 0px 4*15*-1px; }
.guarantee .gimage .flags .inr div { background-position: 0px 5*15*-1px; }
.guarantee .gimage .flags .jpy div { background-position: 0px 6*15*-1px; }
.guarantee .gimage .flags .nzd div { background-position: 0px 7*15*-1px; }
.guarantee .gimage .flags .pln div { background-position: 0px 8*15*-1px; }
.guarantee .gimage .flags .usd div { background-position: 0px 9*15*-1px; }
.guarantee .gimage .flags .zar div { background-position: 0px 10*15*-1px; }
*/


.guarantee .gimage .flags .aud div { background-position: 0px 0px; }
.guarantee .gimage .flags .cad div { background-position: 0px -20px; }
.guarantee .gimage .flags .chf div { background-position: 0px -40px; }
.guarantee .gimage .flags .czk div { background-position: 0px -60px; }
.guarantee .gimage .flags .eur div { background-position: 0px -80px; }
.guarantee .gimage .flags .inr div { background-position: 0px -100px; }
.guarantee .gimage .flags .jpy div { background-position: 0px -120px; }
.guarantee .gimage .flags .nzd div { background-position: 0px -140px; }
.guarantee .gimage .flags .pln div { background-position: 0px -160px; }
.guarantee .gimage .flags .usd div { background-position: 0px -180px; }
.guarantee .gimage .flags .zar div { background-position: 0px -200px; }
.guarantee .gimage .rates {
  width:15px;
  font-size:10px;
}

.guarantee .gbtn {
  margin: 20px 0 0 0;
}

.guarantee .gbtn .btn_content {
  margin: 10x 0 0 0;
  font-size:18px;
}

.guarantee .gbtn .btn_type_3 {
  width:320px;
}

.guarantee .gimage .rates {
  width:15px;
  font-size:10px;
}

.guarantee .gbtn {
  margin: 20px 0 0 0;
}

.guarantee .gbtn .btn_content {
  margin: 10x 0 0 0;
  font-size:18px;
}

.guarantee .gbtn .btn_type_3 {
  width:320px;
}

.guarantee .gimage table.ratetable tr.rates td {
  padding:0;
  margin:0;
}

.guarantee .gimage table.ratetable tr.rates td div {
  margin:0;
  width:20px;
  font-size: 7px;
  text-align:center;
}


.cdealingdesk .container.type-04 {
  background-color:#9caeb2;
}

.boxcontain {
  width:790px; 
}

.transferone a div.btn_type_3 div.btn_content {
  font-size: 22px;
  margin:20px 0 0 0;
}

.fpgtac ul li {
  font-size:12px;
  line-height:14px;
}

