@charset "utf-8";

@font-face {
	font-family: 'ETmodules';
	src:url('../../../fonts/ETmodules_v2.eot');
	src:url('../../../fonts/ETmodules_v2.eot?#iefix') format('embedded-opentype'),
		url('../../../fonts/ETmodules_v2.ttf') format('truetype'),
		url('../../../fonts/ETmodules_v2.woff') format('woff'),
		url('../../../fonts/ETmodules_v2.svg#ETmodules') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Add Sainsbury Mary Ann Font */

@font-face {
  font-family: 'Mary_Ann';
	src:url('../../../fonts/mary_ann_web-bold.eot'),
		url('../../../fonts/mary_ann_web-bold.woff') format('woff'),
		url('../../../fonts/mary_ann_web-bold.svg') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Mary_Ann';
	src:url('../../../fonts/mary_ann_web-medium.eot'),
		url('../../../fonts/mary_ann_web-medium.woff') format('woff'),
		url('../../../fonts/mary_ann_web-medium.svg') format('svg');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Mary_Ann';
	src:url('../../../fonts/mary_ann_web-regular.eot'),
		url('../../../fonts/mary_ann_web-regular.woff') format('woff'),
		url('../../../fonts/mary_ann_web-regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Mary_Ann';
	src:url('../../../fonts/mary_ann_web-light.eot'),
		url('../../../fonts/mary_ann_web-light.woff') format('woff'),
		url('../../../fonts/mary_ann_web-light.svg') format('svg');
  font-weight: light;
  font-style: normal;
}

:root {
--primary-color: #F06C00;
--primary-hover: #E55000;
--sainsbuy-plum:#7F0442;
--nectar-color:#8523FA;
--secondary-color:#404040;
--text-color:#000000;
--error-lighter:#FBE6E6;
--warning-lighter:#FFFFBB;
--success-lighter:#EAF2EB;
--grey-light:#D8D8D8;
--grey-lighter:#F2F2F2;
--border-default-color:#d8d8d8;
--error-base:#d50000;
}

.mobile_menu_bar:before {color:transparent!important;}

/* STAGING FLAGS */


.local_environment, .uat_environment, .qat_environment {position:fixed; bottom:0; width:100%; max-width: 250px; background-color: green; color:#fff; padding:10px; font-weight:bold; text-align:center; z-index: 99999;}
.uat_environment {background-color: gold; color:#000;}
.qat_environment {background-color: purple; color:#fff;}

.hidenOption {display:none!important;}

/* =========================
CUSTOM STYLES FOR Sainsbury Theme
============================*/

body{
	font-size: 16px;
}

.swMain .stepContainer div.content {
	height:auto!important;
	width:100%;
	padding:0;
}

.top20 {display:block; margin-top:20px; clear:both; overflow:hidden;}

input, select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance:none;
	/*border-radius:4px;*/
	padding:14px;
	font-size:14px;
	color:var(--text-color)
}

.swMain .buttonPrevious {
	border:2px solid var(--primary-color)!important;
}

/*********** CUSTOM CONTACT US  ****************/

#contactFormDialog {
	position:fixed;
	top:0;left:0;
	height:100%;
	width:100%;
	background:rgba(27, 21, 21, 0.4);
	z-index:1000; 
	display: none;
}

body.modal-open {
    overflow: hidden;
}

#customConctactForm {
	position: fixed;
	min-width: 400px;
	top: 50%;
	left: 50%;
	margin-top: -300px; /* Negative half of height. */
	margin-left: -200px; /* Negative half of width. */
	box-shadow:20px 20px 50px 10px #888888;;
	background: #fff;
	padding:2% 1%;
	border-radius:10px;
}
#customConctactForm_heading {
	color: var(--primary-color);
	font-weight: bold;
	font-size:24px;
	padding: 4px 10px;
	float: left;
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: initial;
	font-size:16px;
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:16px;
}
#customConctactForm_close {
	float: right;
    font-size: 1.5em;
    font-weight: bold;
    color: #000;
    padding: 3px 10px;
    cursor: pointer;
    padding: 2%;
    /*border-radius: 4px;*/
}
#customConctactForm_main {
	margin-top: 50px;
	width: 100%;
}
.customConctactForm_row {
	width: 90%;
	margin: auto;
	margin-top: 10px;
}
.customConctactForm_row input[type="text"]  {
	width: 90%;
	padding:5%!important;
	font-size:14px;
}
.customConctactForm_row textarea {
	width: 90%;
	height: 100px;
	padding:5%!important;
	resize: none;
	font-size:14px;
}
#contactUsButton {
	margin-left: 20px;
}
#contactFormDialog #contactUsButton {
	float:right;
}
#contactusResponse {
	margin-left: 3%;
	min-height: 23px;
}

.grecaptcha-badge {
	z-index: 90;
	margin: auto;
}


#mailListButton {
	float: right;
	height: 20px;
	cursor: pointer;
	margin-top:10px;
	margin-bottom:20px;
}
#mailListButton.mailListButton {
	float: right!important;
	margin-top: 10px;
	height: 30px;
	cursor: pointer;
	margin-top: 20px;
	margin-bottom: 0;
	width: 80%;
	padding: 5%;
}
#mailListResponse {
	float: left;
	clear: both;
	padding-top: 1%;
	margin-right: 5%;
	width:60%;
	text-align: left;
	min-height: 24px;
}

/*********** CUSTOM CONTACT US END  ****************/

#orderForm select::-ms-expand, #wizard select::-ms-expand  {
	display: none; /* added to fix appearance on IE. removes the arrows from select boxes */
}

#orderForm select, #wizard select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance:none;
}

#orderForm select#targetCurrency {
	min-width:100%;
	max-width:200px;
}

select::-ms-value {
    background: none; /* remove blue background on ie10/ie11 when selected*/
    color:#5a5a5a;
}

/* Hide Spinners on Number Inputs */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield;
}

input[disabled] {
	color: #808080;
	opacity:1;
	-webkit-text-fill-color:#808080;
	-webkit-opacity:1!important;
 }

/* ===== GENERAL/GLOBAL STYLES ===== */

#main-header {
	z-index:999;
	height:90px;
}

.converterNote {white-space:nowrap; margin-top:20px;}

body, input, select{
	font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family:"Mary_Ann",Arial,sans-serif;
	font-weight:bold;
}

.floatedcontentdiv {overflow:hidden;}

#main-content .container {
	/*padding:2% 0;*/
	padding:0;
	/*overflow:hidden;*/
}

.padded-content {padding:0 2%;}

.homepage .container {overflow:hidden;}
.container.yellow_container {overflow: visible;}

a {
	color:#FFFFFF;
	text-decoration: underline;
}

#top-menu{
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:500;
}

#top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a {
	color: var(--primary-color)!important;
}

.et_fixed_nav #page-container{
	/*padding-top: 130px;*/
	padding-top: 88px;
}

.sitewide_alert {margin-top:20px;}

#main-header nav#top-menu-nav {margin-top:15px;}

.pull-right{
	float:right;
}

.swMain div.actionBar {width:100%;}

.swMain ul.anchor li a {
	height:auto!important; 
	float:none; 
	padding:0;
	display:flex;
	justify-content: center;
}

.swMain ul.anchor li a.selected + .steplabeltitle {
	color:var(--primary-color);
	font-weight:bold;
}

.text-right{text-align:right;}
.text-left{text-align:left;}

.pull-left{
	float:left;
}

.pull-middle{
	margin:0 auto;
	text-align:center;
}

.et_pb_pagebuilder_layout .entry-content {
	overflow:hidden;
}

h1{
	color:var(--primary-color);
	font-size:40px;
}

h4{color:var(--primary-color);
	font-size:1.4em;
	margin:20px 0;}

h5{
	font-size:1em;
	color:var(--primary-color);
	margin:20px 0;
}

.paddedImage{margin:0 2%;}

.travelMoneyBox h1 {
	text-transform: unset;
	font-size:30px;
	margin-top:20px;
	margin-bottom:20px;
}

h1.bannerText{
	margin:30px 0 10px 0;
	color:#fff;
	font-size:40px;
	padding-top: 2%;
	line-height: 1.7em
}
h2 {
	color:#000000;
	font-size:28px;
	margin:30px 0;
}

h1.fakeheader {
	font-size:40px;
	margin:30px 0;
}

.homeProductBoxes h2 {margin:0;}

#threeboxes {
	padding-bottom:3%;
}

.NewProductsBox {
	padding:20px 0 40px 0; 
	display:block; 
	float:none;
	clear:both; 
	overflow:hidden;
}

#sidebar {margin-top:30px;}

.redHeader {
	color:var(--primary-color);
	text-transform:uppercase;
	font-size:1.8em;
	padding-left:5%;
}


.clicksell .stepContainer {min-height:350px;}
.stepContainer .totalBox p {
	text-align:right;
	margin-right:10px;
	color:#000;
}

.totalBox #totalGBPAmount {padding-left:10px;}

.entry-content tr td {
	border:none;
}

.clearboth {
	clear:both;
}

.clearLeft {clear:left;}

.l-half{
	width:50%;
	float:left;
}

.l-third{
	width:33.33%;
	float:left;
}

.l-twothird{
	width:66%;
	float:left;
}

.l-threequarter{
	width:75%;
	float:left;
}

.l-quarter{
	width:25%;
	float:left;
}

.l-twenty{
	width:20%;
	float:left;
}

.l-thirtyfive{
	width:35%;
	float:left;
}

.l-thirty {
	width:30%;
	float:left;
}

.l-fourty{
	width:40%;
	float:left;
}

.l-sixty{
	width:60%;
	float:left;
}

.l-seventy{
	width:70%;
	float:left;
}

.l-eighty{
	width:80%;
	float:left;
}

.l-thirty{
	width:30%;
	float:left;
}

.l-forty{
	width:40%;
	float:left;
}

.l-alignright {
	float:right;
}

input.addCurrencyButton{
	display:inline-block;
  	padding:10px;
  	text-decoration: none;
  	text-align: center;
  	color:#fff;
  	outline-style:none;
	color:#FFFFFF;
  	border:none;
  	background-color:var(--primary-color);
  	font-size:14px;
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size:20px;
	cursor:pointer;
	width:100%
  }

input.addCurrencyButton:hover, a.redButton:hover, a.arrowRedButton:hover, .compareTheMarketButtons .arrowRedButton:hover{
	text-decoration:none!important;
	background-color:var(--primary-hover);
	color:#fff;
	transition: background-color 0.4s;
}
.compareTheMarketButtons .reverseButton:hover {background-color:#eeeeee; color:#e55000;}

a.ghostButton {
	display:inline-block;
	padding:2% 5%;
	text-decoration: none;
	text-align: center;
	color:var(--primary-color);
	outline-style:none;
	border:2px solid var(--primary-color);
	background-color:#fff ;
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size:20px;
	margin:5%;
	min-width:120px;
	padding:3%;
}
a.ghostButton:hover {
	color:#fff;
	background-color: var(--primary-hover);
	text-decoration: none;
}

a.addplusButton {
	float:right;
	margin:0;
	padding:1%;
	margin-top:-5px;
}

a.redButton{
	display:inline-block;
  	padding:2% 5%;
  	text-decoration: none;
  	text-align: center;
  	color:#FFF;
  	outline-style:none;
  	border:none;
  	background-color:var(--primary-color);
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size:20px;
	margin:5%;
	min-width:120px;
	color:#FFFFFF;
  }

  a.blueButton{
	display:inline-block;
  	padding:2% 5%;
  	text-decoration: none;
  	text-align: center;
  	color:#FFF;
  	outline-style:none;
  	border:none;
  	background-color:var(--secondary-color) ;
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
	font-size:20px;
	margin:5%;
	min-width:120px;
  }
  a.blueButton:hover{
	  text-decoration:none!important;
	background-color:var(--secondary-color);
	transition: background-color 0.4s;
	}

  a.reverseButton{
	display:inline-block;
  	padding:2%;
  	text-decoration: none;
  	text-align: center;
  	color:var(--primary-color);
  	outline-style:none;
  	background-color:#FFF ;
  	border:1px solid var(--primary-color);
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
	margin:2% 5%;
	min-width:90px;
  }

  a.reverseButton:hover, .whiteMoreButton:hover{
	text-decoration:none!important;
	background-color:var(--primary-hover);
	transition: background-color 0.4s;
	color:#fff;
}

  a.greenButton{
	display:inline-block;
  	padding:2% 5%;
  	text-decoration: none;
  	text-align: center;
  	color:#FFF;
  	outline-style:none;
  	border:none;
  	background-color:#258e70 ;
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
	margin:5%;
	min-width:120px;
	font-size:1.3em;
  }

  a.blockButton {display:block; padding:5%;}
  a.arrowButton {
	  /*background-image: url("../../../images/btn-arrow.png");
	  background-repeat: no-repeat;
	  background-position: 90%;
	  background-size:8px;*/
	  margin-left:0;
	  margin-right:0;
	  font-size:16px;
	  color:#FFFFFF;
  }

  .markerbuttons {
	  padding-top:20px;
	  clear:both;
  }
  .markerbuttons a.arrowButton {
	  font-size:16px;
	  margin:1%;
	}

	.hero-container {
		position:relative;
	}


/* ===== HEADER STYLES ===== */

.countrySelectDiv {
	background-color:#333333;
	padding:5px 0;
	color:#fff;
	margin-bottom:10px;
	overflow:hidden;
}

#main-header {
	padding-top:0;
	box-shadow:none;
}

a.topFlags {
	float:right;
	color:#fff;
	font-size:0.8em;
}

a.topFlags:hover{text-decoration:underline;}
.countrySelectDiv img {
	margin: 0 10px;
	vertical-align:middle;
}

a.pctloginlink {

	color:#fff;
	font-size:0.8em;
}

.pctloginlink img {vertical-align:text-bottom;
}

.loginsection {display:inline-block; float:right;}

a.pctloginlink:hover{text-decoration:underline;}

#et_top_search {
	display:none;
}

.et_fixed_nav #logo {
	    max-height: 60px;
    margin-top: 15px;
}



.et-fixed-header {
	padding-top:0!important;
}

.telNumber {
	color: var(--primary-color);
	display:block;
	text-align:right;
	width:50%;
	float:right;
	font-size:1.6em;
	font-weight:bold;
	margin-top:5px;
}

.telNumber a{color: var(--primary-color)!important;}

.et_color_scheme_red .telNumber a{
	color: var(--primary-color);
}

.telNumber img{
	vertical-align: middle;
}

.topBanner{
	background-image:url('../../../images/banner.jpg');
	background-position:top center;
	background-repeat:no-repeat;
	height:90px;
	color:#fff;
	text-transform:uppercase;
	font-size:1.8em;
}

.wideTopBanner{
	background-position:top center;
	background-repeat:no-repeat;
	height:220px;
	color:#fff;
	text-transform:uppercase;
	font-size:1.8em;
	background-color: var(--primary-color);
	font-family:  "Mary_Ann", Arial, Helvetica, sans-serif;
}
/*
.travelMoneyBanner {
	background:url('../../../images/travel-money-banner.jpg');
	background-size:cover;
}

.exchangeRatesBanner {
	background:url('../../../images/exchange-rates-banner.jpg');
	background-size:cover;
}

.defaultBanner {
	background:url('../../../images/exchange-rates-banner.jpg');
	background-size:cover;
}

.opportunitiesBanner {
	background:url('../../../images/bureau-opportunities-banner.jpg');
	background-size:cover;
}
	*/

p.bannerText {padding-top:2%;}
.wideTopBanner p.bannerText {padding-top:8%;}
.wideTopBanner h1.bannerText{padding-top:8%;}

.et_pb_post h2 a {color:#222; font-size:0.9em;}


.grey_bg_panel {background-color: #f2f3f4; }
.newsletter_panel{overflow:hidden;}
.red_bg_panel {background-color: var(--nectar-color); color:#fff;}
.red_bg_panel a {color: #FFFFFF;}
.red-checks .red_bg_panel {background-color: var(--primary-color); color:#fff;}
.bullet-band {background-color: var(--primary-color); color:#fff;}
.red_bg_panel p {padding-right:60px;}
.black_bg_panel {background-color: var(--secondary-color); color:#fff; padding:3% 0;}
.black_bg_panel h4 {color:#fff;}

.black_bg_panel .et_pb_widget a {color:#fff;}
.black_bg_panel .et-social-icons {float:none; color:#FFFFFF;}

.page-template-page-exchangerates .red_bg_panel {overflow:hidden;}

.slider-nav {display:none;}


/* ===== FULL WIDTH PAGES ===== */

.fullwidth #left-area {
	width:100%;
}
 #main-content.fullwidth .container::before {
 	background-color:transparent;
}

/* ===== FOOTER STYLES ===== */

.termsfooter {margin-top:20px; clear:both;}

.AddressFooter a[href^="tel"]{
    color:inherit;
	text-decoration:none;
	color:#fff;
}


/* Change footer to light grey*/
#main-footer{
	clear:both;
}

#footer-widgets {padding-top:5px;}
#footer-widgets .footer-widget li a {
	color: var(--secondary-color)!important;
}

#footer-widgets .footer-widget li a:hover {
	color:var(--primary-hover)!important;
}

.et-search-form, .nav li ul, .et_mobile_menu, .footer-widget li::before, .et_pb_pricing li::before, blockquote {
	border-color: var(--primary-color)!important;
}

.nav li ul {border-top:none; top:20px; width:auto;}

/* PCT Introduction Box*/
.PCTIntroBox {width:92%; padding:2%; background-color:#fff; color:#000; margin:1% 2%; display:inline-block;position:relative;}
.PCTIntroBox img.cardimage {max-width:250px;}
.PCTIntroBox .bluetitle { color:#1a8ad4; font-size:1.4em; text-transform: uppercase; margin-bottom:5px;}
.PCTIntroBox input.wpcf7-email {width:80%; padding:1%;}
.PCTIntroBox .bluebutton, .PCTIntroBox input.wpcf7-submit {
	background-color:#1a8ad4;
    display: inline-block;
    padding: 3% 5%;
    text-decoration: none;
    text-align: center;
    color: #FFF;
    outline-style: none;
    border: none;
    font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
    margin: 5%;
    min-width: 120px;
	margin:auto;
}
.PCTIntroBox .pcttext {
	margin-top:10px;
}

.buttondiv {
	text-align:center;
	padding-top:50px;
}
.country_link {margin-top:20px;}
.country_link img{
	margin-right:10px;
}
.country_link a {
	color:#fff!important;
}
.country_link a:hover {
	text-decoration:underline!important;
}

/* Change to 3 footer widgets */

.blackfooter p {
	margin-top:5px; 
	margin-bottom:5px;     
	padding-bottom: 0.1em;
}
.blackfooter h4 {
	text-transform: uppercase; 
	margin: 20px 0 10px 0;
}
.blackfooter .et_pb_widget a:hover { 
	text-decoration: underline;
}
.AddressFooter {
	margin-top:20px;
}
.footer-widget {
	margin-right: 0;
}
.footer-widget:nth-child(1) {
	width: 25%;
}
.footer-widget:nth-child(2) {
	width: 25%;
}
.footer-widget:nth-child(3) {
	width: 25%;
	margin-right:0;
}
.footer-widget+.last{
	display:none;
}

.follow_us {padding-top:5%;}

/* Red footer Section*/
.terms-nav{
	text-align:right;
	padding-top:20px;
	padding-right:50px;
}
.terms-nav a:hover {text-decoration: underline;}
.terms-nav li{
	display:inline-block;
	white-space: nowrap!important;
}
.terms-nav li:after {
	content:"|";
	margin-left:1%;
	padding:0 10px;
}

.footer-widget h4 {color:#fff!important;}

.terms-nav li:last-child:after {
	content:"";
	display:none;
}

.footer-widget {
	color:#333333;
}

.terms-nav a {
	white-space:nowrap;
}

.terms-nav a:hover {
	color:#ccc;
}

#footer-info a, .terms-nav a {
	color:#fff;
}
#footer-bottom {
	background-color:var(--primary-color);
	color:#fff;
}

/* Dark grey footer section*/
#et-footer-nav{
	background-color:var(--secondary-color);
}

#main-footer .et_pb_widget {
    width: 100%;
}

.et-social-icon a::before, .et_pb_social_icon a.icon::before {
	background-color: #6B6B6B;
    padding: 10px;
    border-radius: 25px;
    color: #fff;
    border: 1px solid #fff;
    font-size: 0.6em;
}
.et-social-icon a {
	font-size:35px;
	color:#FFFFFF!important;
}
.et-social-icons {
	margin-top:15px;

}
.et-social-icons li {
    display: inline-block;
    margin-left: 10px;
	
}

.et-social-icon:hover a::before, .et_pb_social_icon:hover a.icon::before{color:var(--primary-hover);}
.et-social-twitter:hover a::before {color:#ccc;}
.et-social-facebook:hover a::before {color:#ccc;}
.et-social-linkedin:hover a::before {color:#ccc;}
.et-social-instagram:hover a::before {color:#ccc;}
.et_color_scheme_red a {
	color:#fff;
}
.et_color_scheme_red #et_search_icon:hover, .et_color_scheme_red .mobile_menu_bar::before, .et_color_scheme_red .footer-widget h4, .et_color_scheme_red .et_pb_sum, .et_color_scheme_red .et_pb_pricing li a, .et_color_scheme_red .et_pb_pricing_table_button, .et_color_scheme_red .comment-reply-link, .et_color_scheme_red .form-submit input, .et_color_scheme_red .et_pb_bg_layout_light .et_pb_newsletter_button, .et_color_scheme_red .et_pb_contact_submit, .et_color_scheme_red .et_pb_bg_layout_light .et_pb_more_button, .et_color_scheme_red .et_pb_bg_layout_light .et_pb_promo_button, .et_color_scheme_red .et_overlay::before, .et_color_scheme_red .entry-summary p.price ins, .et_color_scheme_red.woocommerce div.product span.price, .et_color_scheme_red.woocommerce-page div.product span.price, .et_color_scheme_red.woocommerce #content div.product span.price, .et_color_scheme_red.woocommerce-page #content div.product span.price, .et_color_scheme_red.woocommerce div.product p.price, .et_color_scheme_red.woocommerce-page div.product p.price, .et_color_scheme_red.woocommerce #content div.product p.price, .et_color_scheme_red.woocommerce-page #content div.product p.price, .et_color_scheme_red #top-menu li.current-menu-ancestor > a, .et_color_scheme_red #top-menu li.current-menu-item > a, .et_color_scheme_red .bottom-nav li.current-menu-item > a {
	color:var(--primary-color)!important;
}

/* ===== DELIVERY SELECTION PAGE LAYOUT =====*/
.redwarning {color:var(--primary-color);}
.deliverymethod {
	text-align:center;
	margin:1% auto 50px auto;
	color:#333333;
	overflow:hidden;
	width:90%;
}

.deliverymethod h2 {
	margin-top:2%;
	color:#333333;
}
.deliverymethod h3{
	font-size:1.2em;
	margin-top:5%;
	color:#333333;
}

#customerAddressesContainer input[type="button"] {
	padding:0.6%;
}

#homeAddress input[type="button"] {
	padding:0.6%;
}


#selectBillingAddressFieldset, #selectDeliveryAddressFieldset{max-width:81%}
#selectDeliveryAddress, #selectBillingAddress {max-width:none; width:65%;}
#autFilledAddressFields {display:none;}

.greyProductBox{
	padding:5% 2%;
	margin:5% 10%;
	display:block;
	position:relative;
	min-height:360px;
	background-color:#fff;
	border:3px solid var(--primary-color);
}

.homeSelectCurrency {margin-top:6px!important;}

.product h3{
	font-size:1.2em;
	line-height:1.2;
	margin-top:5%;
	color:var(--text-color);
}

/*input[placeholder], [placeholder], *[placeholder]*/
input.placeholder {
  color: #bbb;
}

.l-third .greyProductBox {min-height:300px;}

/* ===== WIZARD STYLING ===== */

#basketCurrencies {
	float:right;
	width:100%;
	right:0;
}


.upsellImages {
	max-width:320px;
	width:100%;
	margin-left:3%;
}

.tandcLink{
	color:var(--primary-color);
}
.tandcLink:hover{
	text-decoration:underline;
	cursor:pointer;
}

.p_description{
	display:block;
	clear:both;
	margin-bottom:20px;
}
.list_description {
	display:block;
	clear:both;
	padding:1%;
}

.greyInfoBox {
	background-color:#F5F8F7;
	border: 1px solid var(--border-default-color);
	padding:1% 2%;
	/*border-radius:4px;*/
	display:block;
}
.greyInfoBox-belowNextButton {
	background-color:#FFFFFF;
	display:block;
	clear:both;
	margin-bottom:20px;
	text-align: left;
	font-size: 14px;
	padding:0;
	margin:0;
	margin-bottom:20px;
}

.greyInfoBox-belowNextButton .title {
	font-weight: bold;
	padding:0;
	display:block;
}

.footnote {
	font-size:14px;
	color:var(--text-color);
}

.footnoteTitle {
	font-weight: bold;
	font-size:14px;
	color:var(--text-color);
}

.entry-content table.wizardTable {
	width:100%;
	float:left;
}

#basketLabel {
	color:var(--primary-color);
	text-align:right;
	display: block;
    padding: 3% 2%;
}
#basketLabel img{
	vertical-align:middle;
}

#basketCurrencyItems, #currenciesSummary {
	border:none;
	font-size:1em;
	font-weight:normal;
	margin-bottom:10px;
}

#currenciesSummary td {
	margin-bottom:10px;
	background-color:#eee;
	padding: 0 5px;
}

.summaryline {
	display:block;
	border:1px solid var(--border-default-color);
	background-color:#F5F8F7;
	padding:6px 10px;
	margin-bottom:8px;
	overflow:hidden;
}

.summaryline .remove-button {
	padding:2px 10px;
	float:right;
	border:1px solid var(--primary-color);
	color:var(--primary-color);
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size:14px;
	background-color:#fff;
	/*text-transform: capitalize;*/
}

.summaryline .removebutton {
	text-align: right;
	width:20%;
	right:0;
}
.summaryline .summaryrate {
	width:30%;
	display:inline-block;
}
.summaryline .baseprice {
	width:20%
}

#currenciesSummary .currencyName {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
}

#currenciesSummary .summarycurr {
	width:30%;
	display:inline-block;
}

.summarycurr img.flagimg {
	margin-right:2%;
}
#basketCurrencyItems img.flagimg, #currenciesSummary img.flagimg {max-width:30px; vertical-align:middle; margin-right:2%;}
.remove-icon {
	display:block;
	background-image:url('../../../images/remove.png');
	background-repeat:no-repeat;
	background-position:center right;
	width:15px; height:15px;
}
#basketTableContainer {
	border:none;
}

table#currenciesSummary tr {

	border-radius:5px;
	background-color: #F5F8F7;
}

.totalBox {
	bottom:5%;
	width:100%;
	font-weight:bold;
	position:relative;
}

.infomessage {
	background-color:var(--grey-lighter);
	padding:1.5% 2%;
	text-align:center;
	color:var(--text-color);
	font-weight:bold;
}

	 .infomessage p{
		padding-bottom: 0px;
	 }

.blueSelectBox .totalBox {right:5%;}

.blueSelectBox select {
	background-image: url(../../../images/down_arrow.png);
	background-position: 90% 50%;
	background-repeat: no-repeat;
	background-size: 5%;
	padding-left: 1%;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	margin-right: 10px;
	font-size: 1.1em;
	max-width: 150px!important;
}

.blueSelectBox select::-ms-expand {
    display: none;
}

.bureauInfoNote {
	width:85.5%;
	padding:2%;
	background-color:var(--grey-lighter);
	overflow:hidden;
	border:1px solid var(--border-default-color);
}

.bureauInfoTitle img {
	vertical-align:text-bottom;
	padding-right:10px;
	height:20px;
}

.bureauInfoTitle {
	text-transform:uppercase;
	font-weight:bold;
	color:var(--text-color);
}

p.bureauinfoBox {
	background-color:#fff;
	padding: 1% 10%;
	background-image: url("../../../images/bureau_info_icon.png");
	background-repeat:no-repeat;
	clear:both;
	color:var(--text-color);
	background-position: 2% center;
	/*border-radius:4px;*/
	border:1px solid var(--border-default-color);
	background-size:20px;
}

.infoContainer{
	overflow:hidden;
	display:block;
	margin-bottom:5%;
	font-size:0.9em;
}

#wizard .bureauInfoNote h3{
	margin-top:0;
	margin-bottom:1%;
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size:24px;
	color:var(--primary-color);
}
.bureauInfoLabel {
	font-weight:bold;
	width:40%;
	display:inline-block;
}

#orderForm input:invalid {
    box-shadow: none;
}

.totalDivider {
	border-bottom: 2px solid #fff;
    color: #fff;
    display: block;
    height: 0px;
    margin: 2px;
}
#addCurrencyDiv {
	display:inline;
}

#orderForm fieldset {
	  margin:0.5%;
	  width:16%;
 }

 #orderForm select {
	 background-image:url("../../../images/down_arrow.png");
	 background-position: 90% 50%;
	 background-repeat: no-repeat;
	 background-size: 5%;
 }

 .fakeselect {
	background-image:url("../../../images/down_arrow.png");
	background-position: 95% 50%;
	background-repeat: no-repeat;
	background-size: 12px;
 }

.quickratesBox {
	position: relative;
    display: inline-block;
    margin-top: 0;
    width: 10%;
    vertical-align: bottom;
}
.rateslabel {
	display:block;
	position:absolute;
	top:-20px;
	left:0;
}

.quickratesBox #fxRate {display:inline-block; font-size:1.2em;}

.ratesBox {
    border: 1px solid var(--border-default-color);
	padding: 8px 0;
	text-align: center;
	width:100%;
	font-size:14px;
    color: #000000;
	display: inline-block;
}

.ratesBox.normal {
	border: 1px solid var(--border-default-color);
}
  
.ratesBox.discounted {
	border: 2px solid var(--nectar-color);
}  

.travelMoneyBox .ratesBox {
	  border:2px solid var(--primary-color);
	  padding:1% 2%;
	  color:var(--primary-color);
	  display:inline-block;
	  font-size:0.9em;
}

.affiliateRef {
	display:none;
	margin-top:1%;
	font-size:0.8em;
	margin-left:0.5%;
}
.affiliateRef input {
	border:none;
}
#currencyInfo {
	padding-left:20px;
	font-size:0.8em;
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
}
.affiliateRef .reference {
	text-transform:uppercase;
	font-weight:normal;
}

.gbpAmount{
	font-weight:bold;
}
.baseprice {
	text-align:right;
}

.p_description_van {
	background-image: url("../../../images/grey-van.png");
	background-repeat:no-repeat;
	background-position:5% 25%;
	padding: 5% 5% 5% 15%;
}

.p_description {
	padding: 2% 1%;
	margin-bottom: 2%;
}

.fadedText {
	color:#aaa;
	margin-top:2%;
}

.securePayment {
	text-align:center;
	margin-top:20px;
}

.swMain .stepContainer .StepTitle {padding-bottom:20px;}
.securePayment h2.StepTitle {
    clear: both;
    color: var(--primary-color);
    display: block;
    font-size: 28px;
    margin: 0;
    padding: 5px;
    position: relative;
    z-index: 88;
	text-align:center;
}

.collectionDateSelector {
	margin-left:1%;
}
input.datePickerInput {
	padding:1%;
}

.collectionDateRequiredEror {
	border:1px solid red;
}

.personalDetailsSection input.datePickerInput {
	width:45%;
	height:20px;
}

img.datepickerCalendar{
	vertical-align:middle;
	padding-left:10px;
}

#ui-datepicker-div {z-index:9000!important;}

#wizard h3, .resultsPaymentsBox h3, #orderSuccessDiv h3 {
	margin:2% 0;
	font-size:32px; 
	color:#000000;
	font-weight:bold;
	text-align: left;
	line-height:1.2;
}

#wizard h3 .subnote {
	color:#000000; font-size:16px; font-weight: normal;}

#step-2 label {
	display:inline-block;
	margin: 1% 0;
    width: 30%;
}

#mobileDiv {width:61.5%; display:inline-block;}
#mobileNumber {width:70%; max-width:408px;}
.hdMobilediv #mobileNumber {max-width:399px;}
input.paddedfield {padding:1%; width:50%; color:#4e4e4e}
select.paddedfield {padding:1%;}

/* TEL Number */
input#mobilePrefix{border:none;}
#step-2 .personalDetailsSection input#mobilePrefix {display:inline-block; border:1px solid var(--border-default-color);}
.intl-tel-input .selected-flag .arrow{left:20px;}
.intl-tel-input .selected-flag {padding: 0 0 0 12px;}
.intl-tel-input .flag {z-index:200!important;}
input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#2d3940;}
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input.text,
input.title,
textarea,
select{
	padding:14px; border: 1px solid var(--border-default-color);
}
.country-list {list-style:none!important; padding:0!important;}
.intl-tel-input.inside input[type="text"], .intl-tel-input.inside input[type="number"], .intl-tel-input.inside input[type="tel"]{max-width: 120px;}

#customerAddressesContainer {
	margin-top:2%;
	clear:both;
}
#homeAddress {
	margin-top:3%;
	clear:both;
}

#homeAddress input[type="text"]{
	width:50%;
}


#customerAddressesContainer input[type="text"]{
	width:50%;
}

#homeAddress #searchPostcodeBillingField, #customerAddressesContainer input#searchPostcodeBillingField{
	width:35%;
}

.upsellHomeDelivery {
	margin-top:20px;
}

input#smsAlert{
	margin-top:12px;
	float:left;
}

#smsAlertAdditionalText{
	float: left;
    margin-left: 20px;
    margin-top: 15px;
    width: 50%;
}


#step-2 label.fullwidthLabel {
	width:80%;
	display:inline-block;
}
.findaddressField{
	width:60%;
}

.paymentSection {
	padding-top:1px;
	position:relative;
	clear:both;
	margin-left:2%;
}
.paymentSection input[type="text"],.paymentSection input[type="number"] {
	width:50%;
}
.paymentSection label{
	display: inline-block;
    margin: 1% 0;
    width: 20%;
}

.securitySection{
	clear:both;
	width:100%;
}

.securitySection a {
color:#000000;
}
.authiPayLogoSection {
	position:absolute;
	top:50px;
	right:80px;
}
.confirmConditionsBox{
	background-color:#ccc;
	margin-top:2%;
	color:#fff; padding:2%;
	overflow:hidden;
}

/*.personalDetailsSection div, .paymentDetailsBox div {padding-bottom:5px}*/

.confirmConditionsBox p{line-height:1; margin-left:0;}
.confirmConditionsBox a {
	color:#fff;
	text-decoration:underline;
}
.tickboxitem {
	display:block;
	clear:both;
	margin:0 auto;
}

.tickboxitem a {
	color:#000;
}

.tickboxitem label {
	width:90%!important;
}

#marketingTermsAndCbottom {
	padding-bottom:20px;
	display:none
}

#marketingTermsAndCbottom .tickboxitem label {
	width:100%!important;
	font-size: 14px;
}

.unframedtickbox{
	padding-bottom:8%;
	padding-left:2%;
}
input.tickbox {
    display: inline-block;

}
.tandcLinkText {display: inline-block;
    /*float: left;*/
    line-height: 1.5;
    padding-left: 10px;
	width: 90%;
	margin-bottom:20px;
}

.tandcLinkMailList {

	cursor: pointer;
	color:#f06c00;
}

.tandcLinkMailList:hover {
	text-decoration: underline;
}

.greyboxDiv {
	border:2px solid var(--border-default-color);
	margin:2% 0;
	width:99%;
}

.greyboxDiv h3 {
	background-color:#e6e6e6;
	padding:1% 2%;
	font-size:1em;
	color:var(--primary-color);
	font-weight:bold;
	text-align:left;
}
.greyboxContent {
	padding:2% 0;
	display:block;
	overflow:hidden;
	text-align:left;
	font-size:0.9em;
}

.tabsContainer{
	overflow:hidden;
	clear:both;
	margin-bottom:60px;
}

/* TRAVEL MONEY CARD TAB */
.travel-money-tab {
	padding:20px  30px;
	min-height:300px;
	display:flex;
	flex-direction:column;
	justify-content: space-around;
}

.travel-money-tab .CA-content {
	padding:20px auto;
}

.CA-content p {
	margin-bottom:20px;
}

.travel-money-tab a {
	text-align: center;
	margin:20px auto;
	padding-left:0;
	padding-right:0;
	width:100%;
}

/* // END TRAVEL MONEY CARD TAB */

div.successConfirm {
	color:#333333;
    margin-top: -3%;
    text-align: left;
}

div.successConfirm .redtext {
	color: var(--primary-color);
	font-size: 14px;
	text-transform: None;
}

div.successConfirm h3.redTtitle {
	color: var(--primary-color);
	font-size:24px;
}

div.ordernumber {
	text-align:left;
	padding:1%;
	background-color:#e6e6e6;
	display:inline-block;
	margin-bottom:2%;
	/*float:left;*/
	font-size:1.2em;
}

.ordernumberTitle {
	color: var(--primary-color);
}

.entry-content table {
	border:none;
}

#expmonth, #expyear {width:90px;}

.fadedSubnote{font-size:0.9em; color:#333; margin-top:2%;}

.chosen-container {width:90%!important;}
.chosen-container-single .chosen-single {
	margin:1% 0 0 0;
	padding:0.5%;
	background:#fff;
	border-radius:0;
	color:var(--text-color);
	font-size: 16px;
}
.chosen-container-active.chosen-with-drop .chosen-single {background:#fff; }
.chosen-drop {z-index:9000;}

.chosen-container .chosen-results li{
	font-size:16px; 
	padding-top:5px;
}

/* ===== FAKE TABS FOR THANK YOU PAGE ===== */

#left-area ul.fakeTabs, .entry-content ul.fakeTabs, .comment-content ul.fakeTabs {
    clear: both;
    margin-top: 5%;
    padding: 0;
	width:100%;
}

ul.fakeTabs {
  position: relative;
  display:block;
  float:left;
  list-style: none;
  padding: 0px;
  margin: 10px 0;
  clear: both;
  border: 0px solid var(--border-default-color);
  background: transparent; /*#EEEEEE */
}
ul.fakeTabs li{
	position: relative;
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    float: left;
    width: 33%;
    background-image: url(../../../images/chevron_right.png);
    background-position: 85% 50%;
    background-repeat: no-repeat;
    background-size: 6%;
}

ul.fakeTabs li:last-child {background-image:none;}
/* Anchor Element Style */
ul.fakeTabs li a {
  	display:block;
  	position:relative;
  	float:left;
  	margin:0;
  	padding:3px;
  	height:80px;
  	width:100%;
  	text-decoration: none;
  	outline-style:none;
  	z-index:99;
}
ul.fakeTabs li a .stepNumber{
	background-color: transparent;
    border: 2px solid var(--border-default-color);
    font-family: Arial, Helvetica, sans-serif!important;
	border: 2px solid var(--border-default-color);
	display: flex;
	width: 34px;
	height: 34px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius:50%;
}

.swMain ul.anchor li{
  position: relative;
  display:block;
  margin: 0;
  padding: 0;
  border: none;
  float: left;
  width:auto!important;
}

.swMain ul.anchor li.numberContainer, li.numberContainer {
	display:flex;
	flex-direction:column;
	align-items: center;
}

.swMain ul.anchor li a.done .stepNumber {
    background-color: #fff; 
    border: 1px solid var(--primary-color);
    color: #fff;
    float: left;
}



ul.stepper {
	display:flex;
	justify-content: space-between;
	align-items : center;
	margin:0!important;
	padding:0!important;
	margin-bottom:30px!important;
}

ul.stepper i {
	display:none;
}

ul.stepper li a.done label {
	display:none;
}

ul.stepper li a.done i {
	display:block;
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
    display: flex;
    width: 34px;
    height: 34px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50%;
}

.stepdivider {
	width:100%;
	flex-grow: 2;
}

.stepNumber {
	font-family: Arial, Helvetica, sans-serif!important;
	border: 1px solid #737373;
	display: flex;
	width: 34px;
	height: 34px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius:50%;
	color:var(--secondary-color);
}

.stepdivider hr {
	margin:auto -18px;
	background-color: var(--primary-color);
	height: 1px; 
	border: 0;
	margin-bottom:20px;
}


.stepper.anchor li:has(> a.selected) + li.stepdivider hr {
  	background-color:var(--border-default-color);
}



ul.fakeTabs li a.done .stepNumber {
	background-color:var(--border-default-color);
	color:#fff;
	border-color:var(--border-default-color);
}

ul.fakeTabs li a.selected .stepNumber {
	background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    color: #fff;
}

ul.fakeTabs li a .stepDesc{
	position: relative;
    display: block;
    font-size: 32px;
    width: 40%;
    text-align: left;
	padding-left: 25%;
	color:#404040;
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1;
}

ul.fakeTabs li a.selected .stepDesc {
	color:var(--primary-color);
}

ul.fakeTabs li a.selected{
  	color:var(--primary-color);
  	background: transparent;
}
ul.fakeTabs li a.selected:hover {
  	color:var(--primary-hover);
  	cursor:default;
}

ul.fakeTabs li a.done {
  	position:relative;
  	color:#FFF;
  	border: 0;
  	z-index:99;
  	cursor:text;
}
ul.fakeTabs li a.selected {
	color:var(--primary-color);
}

ul.fakeTabs li a.done:hover {
	cursor:default;
}
ul.fakeTabs li a.disabled {
  	color:#CCCCCC;
  	background: #F8F8F8;
  	cursor:text;
}
ul.fakeTabs li a.disabled:hover {
  	color:#CCCCCC;
  	background: #F8F8F8;
}

.stepLabel {
	margin-bottom:50px;
	margin-top:10px;
	text-align: left;
}

.steplabeltitle {
	display:inline-block;
	margin:auto;
	text-align: center;
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
	white-space: nowrap;
	font-size:16px;
}

 .error {
  background-color : var(--error-lighter)!important;
}

p.fieldError {
	color:var(--error-base) !important;
	display:none;
	height: 25px;
	padding: 0%;
	font-size:14px;
  }

ul.fakeTabs li a.error {
  	color:#6c6c6c !important;
  	background: #f08f75 !important;
  	border: 1px solid var(--primary-color) !important;
}
ul.fakeTabs li a.error:hover {
  	color:#000 !important;
}

.fakeDivGrey {
	position:relative;
	display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
}

.fakeDivGrey .stepDesc {
	position:relative;
	background-color: var(--primary-color);
	display:block;
	font-size:16px;
	color:#fff;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}

.fakeDivGrey .selected {
	color: var(--primary-color);
	font-weight: bold;
}

.tabNumber{
    font-family: Arial, Helvetica, sans-serif !important;
    border: 1px solid #737373;
    display: flex;
    width: 34px;
    height: 34px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50%;
	color: #404040;
	font-size:16px;
}

.orderSuccessDiv .tabNumber{
    border: 1px solid var(--primary-color);
	background-color: var(--primary-color);
	color: #fff;
 }

.loaderMessage{
	padding:10%;
}

/* ===== UI dialog Custom Styles ===== */

.ui-front {/*ensure popup overlay goes over the header*/
	z-index:9999999;
}

/* ===== HOME PAGE STYLES ===== */
#travelMoneySection{
	margin:0;
	padding:1% 2%;
	background-color:#7f97b1;
	color:#fff;
	overflow:hidden;
	background-image: url("../../../images/travel-money-background2.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position: bottom;
	padding-bottom:3%;
}

#travelMoneySection.noCalculator {background-position:center;}
#travelMoneySection.noCalculator h1 {margin-top:40px; margin-bottom:0}

.homeDeliveryAddBox {background-color:var(--primary-color);float: left;
    width: 54%;
    margin-left: 4%;
	margin-bottom:20px;
	padding:1%;
	position:relative;
	}

.homeDeliveryAddBox p {text-align:center; text-transform:uppercase; font-size:2.1em;}
.homeDeliveryAddBox .newImage {position:absolute; top:10%; left:5%;}
.homeDeliveryAddBox .truckImage{text-align:center; margin-left:auto; margin-right:auto; margin-top:2%; margin-bottom:0; padding:0;}
.homeDeliveryAddBox:hover{
	text-decoration:none!important;
	background-color:var(--primary-hover);
	transition: background-color 0.4s;
}

.travelMoneyBox{
	padding:1% 0;
}

.homeRatesSection {
	float:left;
	width:56%;
	margin-left:4%;
	display:block;
	position:relative;
}

.productIntroMessage {font-size:2em; text-align:center; margin-top:20px; text-transform:uppercase; font-weight:bold; display:none;}

#compareTheMarket{
	margin:0;
	padding:2%;
	padding-bottom:50px;
	background-color:#eeeeee;
	color:var(--text-color);
	overflow:hidden;
	margin-bottom:2%;
	background-image:url("../../../images/compare-the-market-background.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:bottom;
}

img.homeboxImg{
	padding: 2% 10% 0 10%;
}

#compareTheMarket ul {
    overflow: hidden;
	display:flex;
	flex-wrap: wrap;
}

#compareTheMarket ul li {
	display:block;
	width:25%;
	float:left;
	text-align:center;
	font-size:1.8em;
	font-weight:500;
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
}
#compareTheMarket ul li.no1rate {
	color:var(--primary-color);
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.competitorName {
	display:block;
	font-size:0.5em;
	font-family: "Lato",Arial,sans-serif;
}

.homeBottomBoxes {
	padding-top: 5%;
	display:block;
}

.homeBottomBoxes p {
	padding:0 5%;
	min-height:100px;
}

.homeRatesHeader{
	background-color:#696a6c;
	padding:3%;
}

.homeRatesSection .redButton{
	float:right;
}
.homeRatesHeader h2, .blueSelectBox h2 {
	color:#fff;
	font-size:1.2em;
}

.blueSelectBox h2 {
	color: #fff;
	margin-bottom:10px;
	margin-top:0;
}


.homeRatesHeader p {
	font-size:0.8em;
	letter-spacing:-0.5px;
	margin:0;
}

.homeRatesFooter {
	background-color:#f6f8f7;
	overflow:hidden;
	padding:1%;
}

/* => RatesBoard Styles
=============================== */
#ratesBoard {
	height:300px;
	background-color:#f6f8f7;
	padding:2%;
}
.greatrates {
	position:absolute;
	top:-2px;
	right:15px;
	background-image:url("../../../images/great-rates.png");
	background-repeat:no-repeat;
	height:100px;
	width:100px;
}

.greatratestext{
	display: block;
    font-size: 1.5em;
    padding: 12px 5px;
    text-align: center;
    width: 82px;
}
#ratesBoard ul li{
	width:95%;
	margin-bottom:5px;
	padding:5px;
	background-color:#fff;
	font-size:0.8rem;
	height:20px;
	list-style:none;
	color:#333333;
}

#ratesBoard ul.header{
	margin:0;
	padding:0;
}

#left-area #ratesBoard ul {padding:0;}

#ratesBoard ul.header li{
	background-color:transparent;
	text-align:right;
	border:none;
	list-style:none;
}

#ratesBoard ul.header li span{
	display:inline-block;
	width:15%;
	margin-left:2%;
	margin-right:2%;
	color: var(--primary-color);
}

#ratesBoard ul li span{
	display:inline-block;
}

.rate {
	width: 19%;
	text-align: right;
}

.cur{
	width:35%;
	text-align:left;
	text-transform:uppercase;
	padding-left:2%;

}

.curDesc {
	display:inline-block; width:80%; overflow:visible; text-overflow:ellipsis; white-space:nowrap; max-width:150px;}
.flag{
	width:20%;
	text-align:right;
}

.flag img{
	width:50px;
	vertical-align:middle;
	margin-left:5%;
	border: 1px solid #eee;
}

#vertical-ticker{
	width:100%;
	clear:both;
	height:210px;
}

/*===== STORE LOCATOR HOME BOX ===== */
#storeLocator {margin-bottom:20px; margin-top:20px;}
.storeLocatorBox {
	margin-top:20px;
	background-color:#f6f8f7;
	padding:3%;
	padding-bottom:0;
	overflow:hidden;
}

.homeLocatorIcon{ padding:5%;}
.storeLocatorBox a.redButton{margin-right:2%;}
.storeLocatorBox p{padding-bottom:0; color:#333333;}
.storeLocatorBox p.redHeader{
	color:var(--primary-color);
}

/* ===== HOME PAGE CLICK & COLLECT ORDER SECTION ===== */
.blueSelectBox {
	background-color:#333333;
	display:block;
	padding:2%;
	margin: 0;
	width:96%;
	overflow:hidden;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.blueSelectBox h3{
	color:#fff;
	font-size:1.2em;
	margin-top:2%;
}

.blueSelectBox p{
	font-size:0.9em;
}

.blueCircle{
	display:inline-block;
	color:#015593;
	margin-right:10px;
	width:20px;
	height:20px;
	padding:6px;
	border-radius:25px;
	background-color:#fff;
	border:5px solid #015593;
	text-align:center;
	font-weight:bold;
}

.currencyOrderBlocks {
	display:block;
	background-color:#f6f8f7;
	padding:20px 3% 5px 3%;
	overflow:hidden;
	margin:5px 1%;
	min-height:45px;
}

#homeBasketTableContainer {
    background-color: #015593;
    border: 1px solid #fff;
    min-height: 100px;
    padding: 2%;
    position: relative;
	color:#333333;
}

.blueSelectBox #currenciesSummary {  background-color: #015593; color:#fff;}
.blueSelectBox p {color:#fff;}
.blueSelectBox .currencyOrderBlocks .totalDivider {display:none;}

.currencyOrderBlocks .totalDivider{
	border-color:#333333;
}

.blueSelectBox input {padding:1.1%!important; font-size:1.1em;}

.blueSelectBox input.addCurrencyButton, .blueSelectBox a.redButton {
	padding: 1.5% 2%!important;
	float:right;
	font-size:1em;
	margin:0;
	margin-top:-5px;
}

img.exchangearrows {width:30px; vertical-align: middle; padding:0 10px;}

.poundicon {font-size: 2em;
    margin-right: 10px;
    padding-top: 10px;
    display: none;
    /*float: left;*/
	}
.serviceselector {
	border-left:1px solid #fff;
	margin-left:10px;
	padding-left:10px;
	max-width: 150px!important;
}

.currencyOrderBlocks .totalBox {width:100%;
left:0;}

/* ===== Travel Money Template ===== */

#greyBottomSection {
	background-color:#f6f8f7;
	padding:3%;
	margin-bottom:0;
	overflow:hidden;
}

.transferOptions {text-align:center; }
.transferOptions img{height:100px; width:auto; margin:auto;}
.transferOptions > span {
	background-color:#fff;
	display:block;
	margin:5%;
	padding:2%;
	overflow:hidden;
}

.transferOptions > span h2 {text-transform:uppercase; font-size:1.3em; padding-top:2%;}
.transferOptions > span p {text-align:left;}
.transferOptions a.redButton {
	float:right;
}

/* ===== Exchange Rates Template ===== */
#exchangeRatesBoard {
	border:1px solid var(--border-default-color);
	max-height:790px;
	overflow:hidden;
}

#noCurrencyFoundSpan {color:var(--primary-color); margin:0 2%;}

.expand{
	height:auto!important;
	overflow:auto;
}

#exchangeRatesBoard ul {
	padding:0;
	margin:0;
}
#exchangeRatesBoard .header{
	background-color:var(--primary-color);
	color:#fff;
	border:0;
	display:none;
}
#exchangeRatesBoard li{
	list-style:none;
	border-bottom:1px solid var(--border-default-color);
	min-height:40px;

}

#exchangeRatesBoard  a.reverseButton:hover {
	background-color:#eeeeee; 
	color:var(--primary-hover);
}
#exchangeRatesBoard li:last-child{
	border-bottom:0;
}
#exchangeRatesBoard li span{
	padding:4px;
	text-align:left;
}
#exchangeRatesBoard .curDesc{
	display:inline-block;
	width:25%;
	max-width:none;
	padding-left:3%;
	overflow:hidden;
	line-height:0.5;
}
#exchangeRatesBoard .flag{
	display:inline-block;
	width:5%;
	text-align:right;
	margin-right:0;
}
#exchangeRatesBoard .rate{
	display:inline-block;
	width:25%;
	text-align:right;
}


#exchangeRatesBoard .header .rate{
	text-align:left;
	margin-left:4%;
	width:22%;
}

#bottomProductBoxes {
	overflow:hidden;
	text-align:center;
	background-color:#f6f8f7;
	padding:3%;
}

#bottomProductBoxes .product {display:block; text-align:center; padding:5%;}

.whiteMoreButton{
    background-color: #ffffff;
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
    display: inline-block;
   	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
    margin: 3%;
    min-width: 120px;
    outline-style: none;
    padding: 1% 5%;
    text-align: center;
    text-decoration: none;
	font-weight: bold;
	cursor:pointer;
}
.redMoreButton {
	background-color: var(--primary-color);
    border: 2px solid #ffffff;
    color: #ffffff;
    display: inline-block;
    font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
    margin: 3%;
    min-width: 120px;
    outline-style: none;
    padding: 1% 5%;
    text-align: center;
    text-decoration: none;
	font-weight: bold;
	cursor:pointer;

}
#moreButtonDiv{
	text-align:center;
}

#moreButtonDiv .whiterMoreButton a{
	color:var(--primary-color)!important;
}

#exchangeRatesBoard a.redButton{
	padding:1% 2%;
	margin:0;
	margin-left: 5%;
	font-size:0.8em;
	min-width:120px;
}

#exchangeRatesBoard a.arrowRedButton {
	padding:1% 5% 1% 2%;
	margin-left: 5%;
	font-size: 0.8em;
}

#exchangeRatesBoard a.plusButton {
	background-color:var(--primary-color);
	padding:5px 10px;
	color:#fff;
}

.currencyFilter{
	display:inline-block;
	width:250px;
}
p.subTitle{
	padding:20px 0;
}

/* ===== MOBILE EXCHANGE RATES SECTION ===== */

/* ===== STORE LOCATOR =====*/
#canvasContainer{
	position:relative;
	height:500px;
}
#map_canvas{
	float:none;
	width:100%;
	clear:both;
	height:500px;
	position:absolute;
	top:0;z-index:1;
}
#bureauSearch {
	position:absolute;
	top:0;
	display:block;
	background: rgba(0, 0,0, 0.6);
	z-index:2;
	width:100%;
	padding:20px 0;
	height:35px;
}
#noStoresFoundMsg {
	display:inline-block;
	color:#fff; margin-left:20px;
}

#bureauList {
	display:flex;
	flex-wrap: wrap;
}

#bureauList li{
	width:25%; padding:1.5%; margin:2%;
	background-color:#eee;
	float:left;
	min-height:630px;
	color:#000;
	font-size:0.9em;
}

#bureauList li:hover{background-color:#ccc; cursor:pointer;}

.bureauName {
	display:block;
	font-size:1.2em;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

img.locatorIcon {
	padding:5px;
	vertical-align:bottom;
}

.bureauDistance{
	border-bottom:1px solid #fff;
	display:block;
	padding-bottom:5px;
	color:#333333;
}

.address {
	display: block;
    padding: 5px 10px;
    text-transform: capitalize;
	min-height:80px;
}

.bureauTelNumber {
	display:block;
}

.contactContainer, .timetableContainer{
	background-color: #fff;
    display: block;
    margin: 20px auto;
    padding: 5px;}

.addressContainerTitle{
	color:#000;
	border-bottom:1px solid var(--border-default-color);
	margin:auto -5px;
	padding:5px!important;
	font-size:1.2em;
}
.timetableContainer .day {
	display:inline-block;
	width:50%;
	padding-left:10px;
}
.redHighlight{
	color:var(--primary-color);
}

#darkSearchBox{
	position:relative;
	overflow:hidden;
}
#bureauFilter{
	position:absolute;
	top:0; left:0;
	width:250px;
	padding:7px!important;
}
#bureauSearchButton{
	background-color:#fff;
	position:absolute;
	left:222px; border:none; top:4px;
	cursor:pointer;
}

#bureauSearchButton img{width:100%; min-width:19px;}

#map_canvas .address{
	padding:0px;
}

#noStoresFoundMsg, #storesFoundMsg {
	margin-left:300px;
	padding-top:5px;
	color:#fff;
}

#map_canvas .bureauName {
	font-weight:bold;
	color:var(--primary-color);
	display:block;
	min-width:350px;
}

#map_canvas .day, .sumOpeningHoursBox .day{display:inline-block; width:100px;}

.importantNote{display:inline-block; margin-top:10px; background-color:#f6f8f7; color: var(--primary-color); padding:2%!important; border:1px solid var(--primary-color);}



/* TrustPilot Section */
.trustpilotcarousel {
	background-color:#f2f3f4;
	padding: 1%;
	padding-bottom:4%!important;
}

.trustpilotcarousel.panel-bg-white {padding-bottom:4%!important;}

.trustpilottitle {
	font-size:1.5em;

}
.trustpilotleadingtext {margin-bottom:40px; 
}

.topTrustpilotbox {
	background-color: #ffffff;
    color: #333333;
    padding: 0.75% 1%;
    margin: -1% 0 0;
    width: 98%;
	text-align: right;
	display: inline-block;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius:4px;
	box-shadow:0px 4px 20px #333333;
}

.boldtext {
	font-weight:bold;
}

.normaltext {
	font-weight:normal;
}

.topTrustpilotbox .trustpilot-widget {float:right;}


/* ===== LATEST NEWS TEMPLATE (INDEX) ===== */

.et_pb_post h2 {
	text-transform:uppercase!important;
	margin-bottom:30px;
}

.et_pb_post h2:hover {
	color:var(--primary-hover);
}

.et_pb_post {
	color:#333;
}

#left-area .post-meta {
	color:#333;
}

.thumbnail-wrapper img{
	width:100%;
	height:auto; opacity:1;
}

.thumbnail-wrapper img:hover {
	opacity:0.8;
}


.entry-content a:hover{
	text-decoration:underline;
}

.entry-content a.ghostButton:hover {text-decoration: none;}

.entry-content a.buttonPrevious:hover{
	text-decoration:none;
	background-color:#eee;
	transition: background-color 0.4s;
}

.entry-content a.buttonNext:hover{
	background-color:var(--primary-hover);
	text-decoration:none;
	transition: background-color 0.4s;
}
.entry-content a.buttonFinish:hover {
	text-decoration:none;
	background-color:var(--primary-hover);
	transition: background-color 0.4s;
}

.swMain .buttonFinish {
	background-image: none!important;
}

.pagination a {
	display:inline-block;
  	padding:2% 5%;
  	text-decoration: none;
  	text-align: center;
  	text-transform:uppercase;
  	color:#FFF;
  	outline-style:none;
  	border:none;
  	background-color:var(--primary-color);
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
	margin:5%;
	min-width:120px;
}

#sidebar .et_pb_widget li a{
	display:block;
	margin:20px 0;
}

.blueContactForm {
	background-color:#005395;
	display:block;
	padding:2.5% 5%;
	color:#fff;
	overflow:hidden;
}

.blueContactForm input {
	width:95%;
}

.blueContactForm textarea {
	width:95%;
}

.blueContactForm input.wpcf7-submit {
	padding:3%;
	width:50%;
	float:right;
	margin-top:10px;
	background-color:#fff;
	color:#005395;
	border:1px solid #005395;
	text-transform:uppercase;
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
    color: green;
    margin-left: 5px;
}


.screen-reader-response {
    display: none;
}

.blueContactForm input.wpcf7-submit:hover{
	background-color:#eee;
	cursor:pointer;
}

.blueContactForm p.formTitle {
	text-transform:uppercase;
	font-size:1.5em;
	text-align:center;
}

.blueContactForm p.formText {
	text-align:center;
	margin-bottom:20px;
}

.blueContactForm .wpcf7-form p {
	margin:0;
}

input.wpcf7-submit {
	display:inline-block;
  	padding:1% 5%;
  	text-decoration: none;
  	text-align: center;
  	text-transform:uppercase;
  	color:#FFF;
  	outline-style:none;
  	border:none;
  	background-color:var(--primary-color);
  	font-size:1em;
		font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
	cursor:pointer;
}

.captchaBox {
    background-color: #fff;
    color: #333;
    display: block;
    font-size: 0.8em;
    padding: 3%;
	margin-bottom:20px;
	line-height:1.2;
}

.mobileShow {display:none;}
.requiredTag {font-size:1.5em; color:var(--primary-color); margin:0 2%;}


/* Popup Contact Form*/

.contactDialog {
	background:#fff;
}

.contactDialog .blueContactForm  {color:#333;}

.contactDialog .ui-dialog-titlebar {
	background:#fff;
	border:#fff;
	color:var(--primary-color);
}

.contactDialog .ui-dialog-buttonpane {
	display:none;
}

.contactDialog .ui-state-default .ui-icon {
	background-image:url("../../lib/jquery-ui/images/ui-icons_454545_256x240.png");
}

.contactDialog .blueContactForm  input.wpcf7-submit {
  	padding:2% 3%;
  	text-decoration: none;
  	text-align: center;
  	text-transform:uppercase;
  	color:#FFF;
  	outline-style:none;
  	border:none;
  	background-color:var(--primary-color);
  	font-size:1em;
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
	cursor:pointer;
	margin-bottom:20px;
	}

.wpcf7-not-valid-tip, .blueContactForm  .wpcf7-validation-errors, .blueContactForm .wpcf7-not-valid-tip {color:var(--error-base);}
input.wpcf7-not-valid {border:1px solid var(--error-base);}
.blueContactForm .wpcf7-response-output.wpcf7-mail-sent-ok {color:#fff; border-color:#fff;}
.ui-dialog .wpcf7-response-output.wpcf7-mail-sent-ok {color:green; border-color:green;}

.ui-dialog .wpcf7-not-valid-tip, .ui-dialog .wpcf7-validation-errors {color:var(--error-base);}
.ui-dialog input.wpcf7-not-valid {border:1px solid var(--error-base);}

img.exoticImage{
	max-width: 12px;
    max-height: 12px;
}

.collectionDateSelector .ui-datepicker-trigger, .personalDetailsSection .ui-datepicker-trigger {
    margin-left: 1%;
    vertical-align: middle;
	cursor:pointer;
	height:40px;
  }

#deliveryAddressBox{
	display:none;
}
#billingAddressBox, #deliveryAddressBox {
	width: 45%;
	min-width: 322px;
}
#billingAddressBox{
	margin-right: 30px;
}
#deliveryAddressBox {
	display: none;
}
#customerAddressesContainer {
	overflow: auto;
}


/* ===== CONFIRMATION/SUMMARY SCREEN (OLD STEP-3) STYLES ===== */

.entry-content #orderSummaryTable tr.headerband th{
	 font-size:0.9em; color:var(--primary-color);
	 font-weight:normal;
 }

.feelines, #gbpAmountOrderSummary, #nectarTotalGBPAmountDivSummary, #nectarDiscountDivSummary {
	 width:96%;
	 display:block;
	 padding:0 2%;
	 text-align:left;
	 font-size:0.9em;
}

#orderSummary, #basketCurrenciesDiv {display:none;}

#orderSummaryTable img {width:30px; margin-right:2%;}

#gbpAmountOrderSummary, #nectarTotalGBPAmountDivSummary, #nectarDiscountDivSummary {
	 width:98%;
	 text-align:right;
	 color:#000;
	 font-size:16px;
	 font-weight:bold;
}

#totalGBPAmountOrderSummary {
	color: var(--primary-color);
	font-size:1.2em;
	font-weight:bold;
}

.greyboxContentLine {
	 display:block;
	 width:99%;
	 padding:0.5%;
	 text-align:left;
	 font-weight:bold;
}

.greyboxLabel {
	display:inline-block;
	width:20%;
	font-weight:normal;
}

.muted-text {
	 color:#aaa;
	 font-weight:normal;
}

#orderSuccessDiv ul.fakeTab{
	display:flex;
	justify-content: space-between;
	align-items : center;
	margin:0!important;
	padding:0!important;
	margin-bottom:20px;
}

#orderSuccessDiv ul.fakeTab .tabNumber {
	color: #FFF;
	background-color: var(--primary-color);
	border:1px solid var(--primary-color);
}

#orderSuccessDiv ul.fakeTab li {
	list-style: none;
}

#orderSuccessDiv ul.fakeTab i {
	display:block;
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
    display: flex;
    width: 34px;
    height: 34px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50%;
}

.homebutton {width:100%; display:block; margin-top:20px;}
.homebutton a.redButton{margin:1%; padding:1% 2%; float:right;}

.resultsPaymentsBox .cardDetails {display:block; clear:both; overflow:hidden;}
.resultsPaymentsBox .l-half{width:100%;}
#confirmationContent p {padding:0!important; margin:0!important;}
.summaryLabel{margin:0!important; padding:0!important;}

.resultsPaymentsBox .authipayLogo{position:absolute; right:20px;}
.cardDetails{position:relative;}
.resultsPaymentsBox label{
	display: inline-block;
    margin: 1% 0;
    width: 30%;
 }

#paymentdialogdiv {overflow:auto;-webkit-overflow-scrolling:touch;}
.resultsPaymentsBox input[type="text"] {
    width: 40%;
}

#paymentAttemptButton{ background: var(--primary-color);
 	background-image:none;
    color: #fff;
    display: block;
    outline-style: none;
    padding: 1% 3%;
    text-align: center;
    text-decoration: none;
    border:0px;
    font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
    margin:2% 0 0 30%;
 }

 .greyboxContentLine div, #sumTotalGBPAmountOrderSummary,  #sumOrderNumber, #ordernumberTitle {display:inline-block;}

 #sumTotalGBPAmountOrderSummary, .feeline div {float:right;}

 #sumTotalGBPAmountOrderSummary{margin-left:10px;}

.successConfirm p {display:inline-block;}

#sumOrderNumber {color:#333333;}

#orderSummaryTable {width:100%;}
#orderSummaryTable .headerband  {color:var(--primary-color);}
#orderSummaryTable .alignright{text-align:right;}

#orderFailedDiv, #paymentNotPossibleDiv, #orderNotAuthorizedDiv {
    margin: 2% auto;
}

#orderFailedDiv .redTitle, #paymentNotPossibleDiv .redTitle, #orderNotAuthorizedDiv .redTitle{color:var(--primary-color); font-weight:bold;}

/* ===== Mailchimp Form Styles =====*/

.footer-widget input.wpcf7-form-control {width:90%;}
.footer-widget input.wpcf7-submit {max-width:200px; padding:10px;}

.mc4wp-form button, .mc4wp-form input[type="button"], .mc4wp-form input[type="submit"] {
	background: var(--primary-color);
 	background-image:none;
    color: #fff;
    display: block;
    outline-style: none;
    padding: 3% 10%;
    text-align: center;
    text-decoration: none;
    border:0px;
}

#sumCustomerAddress, #sumCustomerAddressDel {
	display:inline-block;
}
#detailsSummary span {
	display:inline-block;
}

#sumCustomerEmail2{text-transform: lowercase!important;}

#orderSuccessDiv .greyboxLabel{
	width:40%;
	vertical-align:top;
}
.sumOpeningHoursBox, #sumBureauAddress, #sumBureauLocation, #sumCollectionDate {
	display:inline-block;
	width:50%;
}

.tickboxitem .tandcLink{
	display:inline;
	color:var(--primary-color);
	text-decoration: none;
}
.tickboxitem .tandcLink:hover{
	text-decoration:underline;
}

#singleBureauMap {
	width:100%;
	height:300px;
}

/* Home Page blue currency selector */

.blueSelectBox #targetCurrency {
	margin-right:10px;
	max-width:150px!important;
}

.blueSelectBox  .blueBoxFlag {
    padding-left: 5%;
    vertical-align: bottom;
    width: 55px;
}

.blueSelectBox a.greenButton {
	margin:1% 0.5% 0 0;
	float:right;
	padding: 1% 5%;
}
.blueSelectBox .totalBox {
	font-size:1em;
}
.currencyOrderBlocks label{
	color:#333;
}

#homeBasketTableContainer #currenciesSummary{
	width:100%;
}
.homeTotalBlock {
	padding:0;
}
.homeTotalBlock .gbpAmount {
	padding-left:5%;
}
.homeTotalBlock .totalPriceValue {
	padding-right:5%;
	font-size:1.3em;
	padding-top:2%;
}
.homeTotalBlock .totalPrice {
	display:inline-block;
	width:40%;
	font-size:1.3em;
	padding-top:2%;
}
.homeTotalBlock .priceTag  {
	padding-right:5%;
}

#currenciesSummary td {
	white-space:nowrap;
}

#compareTheMarket p.compareTheMarketNote {
	font-size:11px;
	text-align:center;
	margin-top:20px;
}

p.asteriskwarning{
	font-size:0.9em;
	color:var(--primary-color);
}

 #content-area .travelMoneyBox table td {padding:0 2%;}

/* Style Terms and Conditions in Popups */

.redButton {
    display: inline-block;
    padding: 2% 5%;
    text-decoration: none;
    text-align: center;
    color: #FFF;
    outline-style: none;
    border: none;
    background-color: var(--primary-color);
    margin: 5%;
	min-width: 120px;
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: initial;
	font-size:16px;
	color:#FFFFFF;
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:20px;
}

.redButton:hover {
	background-color:var(--primary-hover);
	cursor:pointer;
}

.blueButton {
    display: inline-block;
    padding: 2% 5%;
    text-decoration: none;
    text-align: center;
    color: #FFF;
    outline-style: none;
    border: none;
    background-color: #015593;
    margin: 5%;
	min-width: 120px;
	font-weight: bold;
}

.homeProductBoxes .redButton, .homeProductBoxes .blueButton {
    position: absolute;
    bottom: 4%;
    right: 2%;
    left: 2%;
    padding: 6%;
	background-image: url(../../../images/button_arrow_right_white.png);
    background-position: 94% 50%;
    background-repeat: no-repeat;
	background-size: 7px;
	font-size:13px;
}

.compareTheMarketButtons {
	display:block;
	text-align: center;
}
.compareTheMarketButtons .redButton {
	margin: 2% 5%;
	padding: 1.5% 5%;
	/*background-image: url(../../../images/button_arrow_right_white.png);*/
    background-position: 94% 50%;
    background-repeat: no-repeat;
    background-size: 7px;
    font-size: 13px;
}

.arrowRedButton {
	display: inline-block;
    padding: 15px 10%;
    text-decoration: none;
    text-align: center;
    color: #FFF;
    outline-style: none;
    border: none;
    background-color: var(--primary-color);
	margin: 5%;
	margin-left:0;
	min-width: 120px;
	/*background-image: url(../../../images/button_arrow_right_white.png);*/
    background-position: 94% 50%;
    background-repeat: no-repeat;
    background-size: 7px;
	display:inline-block;
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*text-transform: capitalize;*/
	font-size:20px;
	color:#FFFFFF;
}


.arrowWhiteButton {
	display: inline-block;
    padding: 15px 5%;
    text-decoration: none;
    text-align: center;
    color: var(--primary-color);
    outline-style: none;
    border: 1px solid var(--primary-color);
    background-color: #fff;
	margin: 5%;
	margin-left:0;
	min-width: 120px;
	/*background-image: url(../../../images/chevron_right_red.png);*/
    background-position: 94% 50%;
    background-repeat: no-repeat;
    background-size: 7px;
	display:inline-block;
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size:20px;
}

.l-half .arrowRedButton { 
	padding: 15px 10%;
}

.l-third .arrowWhiteButton {padding:15px 15%;}

.compareTheMarketButtons .reverseButton {
	border:1px solid var(--primary-color);
	color:var(--primary-color);
	background-color:#fff;
	background-image: url(../../../images/chevron_right_red.png);
}

.compareTheMarketButtons .arrowRedButton {
	margin:3% 5%;
}

.best_rate h2 {
	color:#fff;
}
.best_rate {
	margin-bottom:20px;
}
.best_rate_cta {
	position:relative; 
	min-height:200px;
}
.best_rate_cta a {
	position:absolute; 
	bottom:20px; 
	right:0;
}


.red_bg_panel .best_rate_cta a {
	position:absolute; 
	color: var(--nectar-color);
	border-color: var(--nectar-color);
	bottom:20px; 
	right:0;
}


.homeProductBoxes ul{
	text-align:left;
	line-height:1;
	margin:0;
	padding-bottom:0!important;
	padding:10% 10% 10% 15%;
}
.homeProductBoxes ul li {
	margin:0 0 0 5%;
	line-height:1.2;
	margin-bottom:4%;
	list-style:url(../../../images/tick-red.png);
	font-size:0.9em;
	min-height:40px;
}
.sash {
	position:absolute;
	top:-4px;
	left:-4px;
	z-index:900;
}
.cands ul li {
	list-style:url(../../../images/tick_blue.png);
}

.homeProductBoxes h2 {
	color: #fff;
	font-size: 18px;
}

.productTitle {
	display:block;
	padding:5% 0; 
	border:1px solid var(--border-default-color);
}

.cc .productTitle {
	background-color:#F7A600;
}
.ppc .productTitle  {
	background-color:#00A983;
}

.cs .productTitle  {
	background-color:#0065A0;
}

.hd .productTitle  {
	background-color:#B24EC4;
}

#left-area {
	padding-bottom:0;
}

/* Mailchimp*/

 #mc_embed_signup{background:transparent; clear:left; font:14px "Mary_Ann", Arial, Helvetica, sans-serif; }
#mc_embed_signup .redButton, .ykfmc-submit {display:inline-block;
  	padding:5%;
  	max-width:150px;
  	text-decoration: none;
  	text-align: center;
  	color:#FFF;
  	outline-style:none;
  	border:none;
  	background-color:var(--primary-color);
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
	cursor:pointer;
	margin:5px 0;
	}

	#mc_embed_signup div#mce-responses {margin:0!important; padding:0!important; font-size:0.8em!important; width:100%!important;}
	#mc_embed_signup div.response {margin:0!important; padding:5px 0!important; width:100%!important;}

/* Payment Success/Failure Pages */

.paymentPopup {text-align:center; color:#000000; font-size:0.9em;}
.paymentPopup img {max-height:75px;}
.paymentPopupButton {margin-left:auto; margin-right:auto; text-align:center; display:block;}
.paymentPopupButton redButton {padding:5%;}

.resubmitButton {padding:0;}
.resubmitButton #paymentAttemptButton:hover {cursor:pointer;}
.resubmitButton #paymentAttemptButton{padding:1.5% 2%; width:150px; margin-left:0;}


.ui-dialog {webkit-overflow-scrolling: touch; /* Attempted fix for iframe on iPhone*/}



.recaptchadiv {
	text-align: right;
	float: right;
}

#recaptcha-footer.recaptchadiv {
	float: none;
	padding-top: 20px;
	margin-bottom:20px;
}


.recaptcha {
transform:scale(0.85) !important;
-webkit-transform:scale(0.85) !important;
transform-origin:0 0 !important;
-webkit-transform-origin:0 0 !important;
}

#recaptcha-contactus {
	/*width: 250px;*/
	width: 90%;
	margin: auto;
	padding-top: 90px;
}

.blueSelectBox #amount, .blueSelectBox #targetAmount{width:12%;}
.addcurrencybox #amount, .addcurrencybox #targetAmount, .hdCurrencyOrder #amount, .hdCurrencyOrder #targetAmount {
	min-width:85%;
}

/* PCT Box for Temp Home page BlackRed*/
.blackTitle {
	display:block;
	background-color:#3b3b3a;
	color:#fff;
	padding:2%;
	font-size:2em;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
}

.PCTIntroBox {
	padding:0;
	width:96%;
}

.cardcontainer img {
	padding:3%;
	padding-left: 10%;
	padding-top:7%;
}

.redBlackTitle {
	color:#3b3b3a;
	margin-top: 2%;
	font-size:1.5em;
	text-transform:uppercase;
	font-weight:bold;
}

.redText {
	color:#d9232e;
}

.PCTIntroBox .blackButton {
	background-color:#000;
	color:#fff;
	display: inline-block;
    padding: 3% 5%;
    text-decoration: none;
    text-align: center;
    outline-style: none;
    border: none;
    font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
    margin: 5%;
    min-width: 120px;
	margin-top:-20px;
}

.buttondiv {
	margin-top:0;
	padding-top:0;
}
.buttondiv img.plane {
	margin-top:-50px;
	width:80%;
}

.PCTDisclaimer {
	font-size: 10px;
    padding: 2% 5%;
    line-height: 1.2;
    display: block;
	color:#555555;
	text-align:center;
}

.tpheader {
	font-size:1.2em;
	font-weight: bold;
	display:block;
	margin-bottom:1%;
}

.marketingContainer {
	max-width:1000px;
	margin:auto;
	clear:both;
	padding:2%;
}
.marketingContainer a, .notfoundcontainer a {
	color:#000;
}

.marketingContainer a.arrowRedButton, .notfoundcontainer a.arrowRedButton  {
    color: #fff;
}

.blueContainer {
	background-color:#015593;
	color:#fff;
}

.marketingContainer h2 {
	margin-bottom:0;
	}

.marketingboxes{
	padding: 5% 10%;
    min-height: 480px;
	margin-bottom:20px;
	}

.marketingLandingPage .travelMoneyBox h2 {
	color:#fff;
	margin-top:0;
	margin-bottom:0;
	}

.marketingLandingPage h1 {
    color: var(--primary-color);
    margin-top: 0;
    margin-bottom: 0;
    /*text-transform: capitalize;*/
	margin-left: 1%;
	margin-top:20px;
	margin-bottom:20px;
}

.blueContainer li {
	vertical-align: top;
	background: url(../../../images/tickmark.png) no-repeat left top;
	padding: 5px 0px 30px 60px;
	list-style: none;
  	margin: 0;
	font-size:20px;
}
.marketingContainer p:last-of-type {
	padding-bottom:2%;
	}

.marketingLandingPage .blueSelectBox h2 {
    color: #fff;
    /*margin-left: 30px;*/
    margin-bottom: 10px;
    margin-top: 0;
}

.homeProductBoxes h2.marketingPage {
    color: var(--primary-color);
    text-transform: uppercase;
    font-size: 1.8em;
    padding-left: 5%;
	min-height:50px;
}

.marketingBoxes .l-third .redButton:after {
	content: " >>"
}


/* FLASH SALE BOX */

.flashSaleBox {
	background-color:#ffea00;
	color:#000;
	display:block;
	width:92%;
	clear:both;
	margin:auto;
	margin-bottom:20px;
	padding:2% 2% 0 2%;
	font-size:1.5em;
	overflow:hidden;
	box-shadow: 0px 4px 20px #333333;

}

.flashSaleBox h2 {
	font-size:36px;
	text-transform: uppercase;
	font-weight:bold;
	color:#000;
	text-align: center;
	margin-bottom:10px;
}
.flashSaleBox p.maintext {
	font-size:14px;
	line-height:1.5;
	text-transform:uppercase;
	padding:5% 10% 5% 10%;
	margin-right:20px;
	font-weight:bold; text-align: center;
}
.flashSaleBox .saleButton {
	padding:5% 10%;
	border:4px solid #000;
	display:inline-block;
	color:#000;
	margin-top:5%;
	margin-left:auto;
	margin-right:auto;
	text-transform: uppercase;
	font-weight:bold;
	font-size:24px;
}

.flashSaleBox .arrowblack {
	vertical-align:text-bottom;
}
.flashSaleBox .footnote {display:block; width:100%;clear:both; font-size:10px;padding-left:2%;}

#mailinglistHeader {
	color:#000;
	font-weight:bold
}

#mailinglistForm {
	overflow: visible;
	margin-top: 20px;
	margin-bottom: 40px;
	padding-bottom: 10px;
}
#mailinglistForm label {
	margin-left: 7px;
}
#mailinglistFormInputsRow {
	width: 98%;
}

.mailinglistCol{
	width:23%;
	display:block;
	float:left;
	min-height:54px;
}

.mailinglistCol input {
	padding: 5%!important;
	width: 80%;
}

#mailinglistCol_recaptcha {
	width: 95%;
}


.mailListButton {
	float: right!important;
    margin-top: 10px;
}
#mailListButton {
	float: right;
	height: 20px;
	cursor: pointer;
	margin-top:10px;
	margin-bottom:30px;
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*text-transform: capitalize;*/
	font-size:20px;
}

#mailListTCMessage {
	clear: both;
	font-size: 14px;
}

/* New 2018 styles */
.storeselection {
	width:100%;
	clear:both;
}
.storeselection .chosen-container {
	width:100%!important;
}
.storeselection  .chosen-container-single .chosen-single {
	width:98%;
	padding:1%;
}
#orderForm .storeselection fieldset {
	width:100%;
}
.storeselection .bureauInfoNote {
	width:96%;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	margin-top:-3px;
}

.indentedAddress {margin-left:30px;}

.cantFindStore {
	padding:1%;
	text-align:center;
	margin-top:20px;
}

.cantFindStore a {
	color:#000000!important;
}

.tittleDropdown {width:53%;}
/* Form Float Labels */
div.floatLabel {
	z-index: 0;
    display: block;
    width: 100%;
    clear: both;
    margin-bottom: 5px;
}
div.floatLabel > label {
  position: absolute;
  color:#333;
  top: 0;
  left: 1%;
  font-weight: normal;
  z-index:-1;
}
div.floatLabel {
  position: relative;
  color:#333;
  display:inline-block;
}
input:focus + label {
  /* do something with the label */
  font-size:0.7em;
  top:2px;
  color:#ccc;
  z-index:1!important;
  right:18px;
  margin-top:-5px!important;
}

/* the next two classes are needed to fix issues with tick boxes in IE */
.tickboxitem input + label {
	margin-top:-5px!important;
}

.tickboxitem input:focus + label {
	font-size:1em;
	color:#333;
}

.floatLabel label {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: 0.2s;
}

/* PlaceHolders Styles*/
input::-webkit-input-placeholder {
    color: #a8a8a8!important;
}
input:focus::-webkit-input-placeholder {
    color: #fff!important;
}

/* Firefox < 19 */
input:-moz-placeholder {
    color: #828282!important;
}
input:focus:-moz-placeholder {
    color: #fff!important;
}

/* Firefox > 19 */
input::-moz-placeholder {
    color: #828282!important;
}
input:focus::-moz-placeholder {
    color:#fff!important;
}

/* Internet Explorer 10 */
input:-ms-input-placeholder {
    color: #ddd!important;
}
input:focus:-ms-input-placeholder {
    color: #fff!important;
}

/* error placeholders */
input.error::-webkit-input-placeholder {
    color: #444!important;
}

input.error:-moz-placeholder {
    color: #000!important;
}
input.error:-ms-input-placeholder {
    color: #000!important;
}

input.error:focus::-webkit-input-placeholder {color:var(--error-lighter)!important;}
input.error:focus::-moz-placeholder {color:var(--error-lighter)!important;}
input.error:focus::-ms-input-placeholder {color:var(--error-lighter)!important;}

#step-2 input:not(:placeholder-shown) + label {
    font-size:0.7em;
    top:2px;
    color:#ccc;
    z-index:1;
    right:18px;
	height: 10px;
	margin:-5px 0!important;
}

#step-2 input:not(:placeholder-shown) + label.tickboxLabel p {color:#000; font-size:14px;}

#step-2 input.error + label {color:#000;}

#homeAddress .redButton, #billingAddressBox .redButton {
	padding:1%!important;
	margin:1px;
}

#step-2 #orderSummary {display:block;}

.fakeplaceholder {display:none;}
.addCurrencyButtonDiv {
	display:block;
	float: right;
}
.addCurrencytitleDiv {width:100%;}

.lineseparated {
	border-top:1px solid var(--border-default-color);
	border-bottom:1px solid var(--border-default-color);
	padding:2% 0;
}

#hnpform {display:none;} /* Use this class for HoneyPot Form*/

input#smsAlert, input#dataconsentId, input#termsnoticeCheckboxId, input#mailingListCheck, input#hiddenTandCCheck {
	-webkit-appearance: none;
	appearance:none;
	background-color: #fff;
	border: 1px solid var(--border-default-color);
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding:1%;
	transform: inherit;
	vertical-align: top;
}

input#hiddenTandCCheck {visibility:hidden;}
input#smsAlert:checked, input#dataconsentId:checked, input#termsnoticeCheckboxId:checked, input#mailingListCheck:checked {
	background-color:var(--primary-color);
	background-image: url('../../../images/check_white.png');
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	vertical-align: top;
}

input::-ms-check {width:20px; height:20px; border-color: var(--border-default-color);}
input:checked::-ms-check {background-color: var(--primary-color); color:#fff;}

/*clearboth*/


.indentedText3 {margin-left:4%;}

.greyboxText, .sumOpeningHoursBox {
	color:#000;
	/*text-transform: capitalize;*/
	/*font-weight:bold;*/
}

.sumCustEmail {
	display:inline;
	text-transform:lowercase!important;
	font-weight:normal;
}
#postageFeeDiv {
	text-align: right;
	color:#000000;
	font-size:14px;
	font-weight:normal;
}
.priceTag, .totalPriceValue {
	margin-left:2%;
}
.totalDiv {
	color: #000;
    font-size: 14px;
	text-align: right;
	margin-bottom:20px;
	font-weight:bold;
}
.totalDiv .totalPrice {
	text-align:right;
}
#cardTypeDropDown {
	width:53%;
	color:#aaa;
}

#cardTypeDropDown option {color:#000000;}

.paymentSection input[type="text"].cvvfield, .paymentSection input[type="number"].cvvfield {
	width:30%;
}

#step-2 label.inlinelabel {
	text-align: left;
	float: left;
}
.paymentDetailsBox div.carddate {
	width: 53%;
	text-align: right;
	padding-bottom:10px;
}

.carddate .infoTooltip {
	float:left;
}

img.infolink  {
	height: 25px;
	margin-top: 5px;
}

.summaryContentSection {
	padding:0 4%;
}

#basketCurrencies-Step3 #currenciesSummary .summarycurr,
#basketCurrencies-Step2 #currenciesSummary .summarycurr {
	float:left;
	text-align:left;
}
#basketCurrencies-Step3 .summaryline .baseprice,
#basketCurrencies-Step2 .summaryline .baseprice {
	float: right;
}
#wizard h3#hdBillAddressHeader, #wizard .paymentSection h3 {margin-top:10px;}


.ui-dialog .terms ol, .ui-dialog .terms ul {
	list-style: initial;
	margin-left:2%;
}

.ui-dialog .terms ol li, .ui-dialog .terms ul li {margin-bottom:10px;}
.terms a {text-decoration:underline;}
.terms a:hover {color: var(--primary-hover);}
#basketCurrenciesDiv-summary .summaryline .baseprice {float:right; text-align:right;}

/* TRY TO FIX BLUEBOX LAYOUT */
.blueSelectBox fieldset {display:inline-block;}
.poundicon {margin-top:0;}
.blueSelectBox #amount {width:65%; padding:15px 2%!important; margin:0;}
.blueSelectBox #targetCurrency {padding:15px 2%; margin:0;}
.blueSelectBox #targetAmount {padding:15px 2%!important; margin:0; width:96%;}
.blueSelectBox #serviceSelector {padding:15px 2%; margin:0; width:80%; max-width:180px!important;}
.blueSelectBox .quickratesBox {margin-left:2%;}
fieldset.conv_amount {width:18%;}
fieldset.conv_currselect {width:24%}
fieldset.conv_targetamount {width:14%}
fieldset.conv_service {width:20%; margin-left:1%;}
.blueSelectBox a.redButton {
	margin-top:0;
	/*background-image: url(../../../images/button_arrow_right_white.png);*/
    background-position: 94% 50%;
    background-repeat: no-repeat;
    background-size: 7px;
	font-size: 16px;
	width:19%;
}

p a {color:#000;}
/*// END TRY TO FIX BLUEBOX LAYOUT */

/* HOME PAGE AND CUSTOM FIELDS LAYOUTS */
.half_panel_image {
	width:50%; 
	height:auto;
	margin-top:20px;
}
.half_panel_image img {float: right;}
.text-center {text-align: center;}
.comparemarketleadtext {padding-bottom:50px;}
.find_currency ul li, .find_store ul li {
	list-style: url(../../../images/chevron_right_red.png);
}

.icon_block {	
	text-align:center;
	width:100%;
	max-width:25%;
	/*background-image: url(../../../images/white_chevron_lg.png);
	background-position: right;
	background-repeat:no-repeat;
	background-size: 12%;*/
}
.icon_block:last-child {	
	background-image: none;
}

.swiper2 .swiper-wrapper {
	justify-content: space-evenly;
}

.icon_block .title {
	color:var(--primary-color);
	/*color:#000; */
	display:block;
	padding:2% 40px;
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 24px;
	min-height:60px;
	line-height:1;	
}

.icon_block .subtitle {
	padding: 2% 30px;
    text-align: center;
    display: block;	
}

.find_currency li, .find_store li {
	display:block; 
	min-width:200px;
	padding:2%;
}
.find_currency li a, .find_store li a {color:#000000;}
.find_currency li a:hover, .find_store li a:hover {text-decoration: underline; color:var(--primary-hover);}

.find_currency li:before {
	content: url(../../../images/chevron_right_red.png);
	margin-right:2%;
}


/* Travel Money Services */
.white_bg_panel {background-color:#ffffff;}
.redContainer {background-color:var(--primary-color);}
.redContainer p  {color:#fff;}
.redContainer li {
	background: url(../../../images/tickmark_white.png) no-repeat left top;
    padding: 5px 0px 30px 60px;
    list-style: none;
    margin: 0;
	font-size: 20px;
	vertical-align: top;
	color:#ffffff;
}

.container.bulletpoints {
	display:flex;
	justify-content: space-evenly;
	align-items: center;
	flex-flow: row wrap;
	height:50px;
	font-size:16px
}

.container.bulletpoints .listitem {
 	width:33%;
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:20px;
}
.container.bulletpoints .bulletimages {
	height:30px; 
	width:auto;
	vertical-align: middle;
	margin-right:10px;
}

.redContainer.bulletpoints .marketingContainer {padding-bottom:1%;}

.verticalcentered {display:flex; align-items: center;}


.hidecontent  {
	display:none;
 }

/* Currency Exchange Rates Specific styles */
.curreSearchHeader {
	background-color:#333333; 
	margin-top:10px; 
	overflow:hidden; 
	clear:both; 
	padding:1%; 
	color:#ffffff;
}
.curreSearchHeader .currencyFilter {width:90%;}
.curreSearchHeader .headerText {padding:1% 0; font-size:16px; font-weight:bold;}
/*#exchangeRatesBoard li:nth-child(even) {background-color: #f2f3f4;}*/

/* //END HOME PAGE AND CUSTOM FIELDS LAYOUTS */

/* Marketing Landing Page Style */
.panel-bg-white {background-color:#ffffff; overflow:hidden; padding:20px 0;}
.panel-bg-grey {background-color:#f2f3f4; overflow:hidden; padding:20px 0;}
.panel-bg-red {background-color:var(--nectar-color); overflow:hidden; padding:20px 0;}
.panel-bg-red a {color:#FFFFFF!important;}
.panel-bg-red a.arrowWhiteButton {
	border-color: var(--nectar-color); 
	color:var(--nectar-color)!important;
}
.productImage {text-align:center;}
.productImage img {max-height:350px; }
.panel-bg-grey li a, .panel-bg-white li a { color:#666666;}
.panel-bg-grey ul li, .panel-bg-white ul li   {
	display: block;
    min-width: 200px;
    padding: 2%;
}
.panel-bg-grey li:before, .panel-bg-white li:before   {
	content: url(../../../images/chevron_right_red.png);
	margin-right: 2%;
}

.mobileimageonly {display:none;}

/* Survey Link Section */
.linkcontainer {display:flex; width:98%; margin:3% 0; background-color:#b24ec4; padding:1%; border-radius:8px; color:#fff; position:relative;}
.linkcontaineranchor {text-decoration:none!important;}
.linkcontainer .ipad {position:absolute; top:-15px; left:140px; width:80px; height:auto;}
.linkcontainer .win {display:flex; width:25%; font-size:40px; text-align: center; vertical-align: middle;padding-top:10px; padding-left:2%; }
.linkcontainer .text {display:flex; width:70%; font-size:18px; /*background-image:url(../../../images/arrow_right.png);*/ padding:2%; background-position: 98% 50% ; background-repeat:no-repeat; padding-right:10%; text-align: left;}
.linkcontainer .arrow {display:flex; width:5%;}
.linkcontainer .arrow img {width:auto; height:30px; margin-top:10px;}

/* 404 Page Template */
.notfoundcontainer {margin-top:20px; }


/* HERO IMAGE SECTION */
.full-width-container { 
	display:flex;    
	justify-content: center;
	align-items:center;
	min-height:700px;
}

.hero-container {
	display:flex; 
	max-width:1070px;
	margin:auto;
	min-height:30vw;
	position:absolute;
	color:#000!important;
	align-items: center;
	width:100%;
}
.hero-container h1 {
	font-size:40px;
	font-weight:bold;
	line-height:1.2;
}
.hero-item {
	width:50%; 
	z-index:2; 
}

.hero-left {
	padding:5%; 
	padding-left:2%;
	    background-color: rgba(255, 255, 255, 0.8);
}
.full-width-item {width:100%!important;}

.hero-right {
	padding:5%; 
	padding-right:2%;
	padding-left:0;
}
.hero-text {
	font-size:20px; 
	line-height:0.8;
}

.hero-image {
	position: relative;
	margin:30px;

	z-index: 1;

} 

.hero-image img {
	height: 100%;
	width: 100%;
	object-position: center;
}

.textMobileShow {display:none;}
.textMobileHide {display:block;}

/* Currency Convertor */
.currency_convertor {
	background-color:#fff; 
	color:black;
	border-radius:10px;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	min-height:595px;
}

.hero-container .tabs {
	display: flex;	
}
.hero-container .tab {
	cursor: pointer;
	padding: 2%;
	text-align: center;
	width:33%;
	font-size: 16px;
	line-height:1.2;
	background-color: #F2F3F4;
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	font-size:16px;
}
.hero-container .tab.hd {
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

.hero-container .tab.ca {
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

.hero-container .tab.cc {
	border-radius:10px 0 0 0 ;
}

.hero-container .tab.cs {
	border-radius:0 10px 0 0 ;
	border-right:1px solid var(--border-default-color);
}

.hero-container .tab.is-tab-selected {
	background-color:#fff;
	font-weight:bold;
	color:var(--primary-color);
	font-size: 20px;
}
/*
.hero-container .tab.cc.is-tab-selected {
	color:#F7A502;
}
.hero-container .tab.hd.is-tab-selected {
	color:#B24EC4;
}
	*/
.hero-container .tab.cs.is-tab-selected {
	/*color:#0765A0;*/
	border-right:1px solid #fff;
}

.convertor_container {
	display:flex;
	flex-direction: column;
	padding:0 5%;
}
.convertor_item {
	padding:3%;
}
.delay_load {
	display: none;
}

.currency_convertor input {
	display:block; 
	width:auto;
	width: 100%;
	min-width:150px;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}

.nectar-select {
	display:flex;
	justify-content: space-between;
	padding:0 20px;
	vertical-align: middle;
	align-items: center;
}

.nectar-select-funnel {
	padding:20px 0;
}

.nectar-select p {
	font-weight: bold;
    width: auto;
    line-height: 1;
}

.nectar-select-funnel p {
    white-space: nowrap;
    margin-right: 30px;
}

.nectar-radio {
	display:inline-table;
}

.nectar-radio label {
    padding: 0;
    margin: 0;
    vertical-align: text-bottom;
}

.nectar-radio input:focus + label {
	font-size: 1em;
  	top:0;
  color:#000;
  z-index:1!important;
  right:auto;
  margin-top:inherit!important;
}

.nectar-loyalty {
	background-color: var(--nectar-color);
	color:#FFFFFF;
	padding: 40px 20px 20px;
	display:flex;
	justify-content: flex-start;
}

.nectar-loyalty a {
	color:white!important
}

.nectar-loyalty-message {
    text-align: center;
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    color: var(--nectar-color);
	opacity: 0;
}

.nectar-loyalty-logo {
	width:auto;
	padding-right:30px;
}
.nectar-loyalty-text {
	padding-right: 30px;
}

.nectar-loyalty-form {
	width:100%;
}

.infolink {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-top:5px;
}

input#prefix {
    width: 80px;
}

input#nectar-number {
    width: 100%;
}

.nectar-leadtext {
	display:flex;
}

.info-icon {
	height:20px;
	width:auto;
	padding-right:5px;
}

.loyalty-form {
	display:flex;
}

.nectar-loyalty-form a {
	color:#FFFFFF;
	font-size: 14px;
}

.currency_convertor input[type="radio"], .nectar-select-funnel input[type="radio"] {
	display:inline-block;
	min-width:auto;
	width:10px;
	accent-color: var(--primary-color);
	zoom:200%;
} 

.row2 {
	display:flex;
	justify-content: flex-end;
	flex-direction:row-reverse;
	width:100%;
}

 .nectar-select-funnel img,.nectar-select img {
	margin-left:20x;
	margin-right:10px;
}

/*
.nectar-select-funnel .nectar-radio {
	width:33%;
}
*/
.ui-widget-header {
	background: var(--primary-color) url(../../../images/ui-bg.png)!important;
}
.nectar-select-funnel input[type="radio"] {
	text-align: left;
}

.exchange_title {
	display:block; 
	font-size:18px; 
	text-align: center; 
	margin-bottom:5px;}

.exchange_rate {
	display:block; 
	font-size:20px; 
	font-weight:bold; 
	text-align: center;
	margin-bottom:5px;
}

.nectar_exchange_rate {
	display:none; 
	font-size:20px; 
	font-weight:bold; 
	text-align: center;
	margin-bottom:5px;
	color: var(--nectar-color);
}

.nectar_exchange_rate.hidden {
	display: none;
}

.nectar_exchange_rate.visible {
	display: block;
}
  
.exchange_rate.normal {
	text-decoration: none;
	font-size: 20px;
	color: #000;
}
  
.exchange_rate.discounted {
	text-decoration: line-through;
	font-size: 15px;
	color: #757575;
	display:none;
}  

#nectarTotalGBPAmount {
	text-decoration: line-through;
	color: #757575;
} 

#nectarDiscount {
	color: var(--nectar-color);
} 

#nectarTotalGBPAmountDiv{
	display: none;
}

#nectarDiscountDiv{
	display: none;
}

#sumNectarTotalGBPAmount {
	text-decoration: line-through;
	color: #757575;
} 

#sumNectarDiscount {
	color: var(--nectar-color);
} 

#nectarTotalGBPAmountDivSummary{
	display: none;
}

#nectarDiscountDivSummary{
	display: none;
}

/* Nectar purple branding for numerical values in summaries */
.nectar-value {
	color: var(--nectar-color);
}

/* Apply purple color to total values when Nectar is active */
body.nectar-active #sumTotalGBPAmountOrderSummary,
body.nectar-active #sumTotalGBPAmountOrderSummary2,
body.nectar-active .totalPriceValue.nectar-member-rate {
	color: var(--nectar-color);
}

.nectar-active-span {
	color: var(--nectar-color);
}
#cardBillingAddressMessage{
	color: #000;
	font-weight: bold;
	padding: 0px;
}

.exchange_disclaimer {
	display:block; 
	font-size:12px;
	text-align:center;
}


.currency_fields_container {
	display:flex; 
	justify-content: space-between;
}
.reverseOrder {
	flex-direction: row-reverse;
}

.currency_field_item {
	position:relative;
	padding:2% 0;
}

img.inputflag {
	width: 45px;
    position: absolute;
    margin-top: -36px;
    left: 10px;
	border:1px solid var(--border-default-color);
}

.currency_fields_item input[type="number"] {
	text-align: right!important;
	display:inline-block;
}

.convertor_item .redButton {
	display:block; 
	padding:4%; 
	margin:0;
	/*background-image: url(../../../images/button_arrow_right_white.png);*/
	background-size: 7px;
    background-position: 94% 50%;
    background-repeat: no-repeat;
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*text-transform: capitalize;*/
	font-size:20px;
}

.heroCTAButton {
	display:inline-block; 
	padding:15px 40px; 
	margin:0;
	/*background-image: url(../../../images/button_arrow_right_white.png);*/
	background-size: 7px;
    background-position: 94% 50%;
    background-repeat: no-repeat;
	background-color:var(--primary-color);
	color:#fff;
	font-size:16px;
	margin-top:20px;
	/*text-transform: uppercase;*/
	text-align: center;
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:16px;
	text-decoration: none;
	text-transform: initial;
}
.heroCTAButton:hover {
	text-decoration:none!important;
	background-color:var(--primary-hover);
	color:#fff;
	transition: background-color 0.4s;
	}


.convertor_item .buyfx {
	width:100%;
	display:block;
}

/* STYLES FOR YELLOW BAND mod_message_band */
.yellow_container {
	display:flex; 
	flex-direction: row; 
	justify-content: space-evenly;
	align-items:center;
}
.button_area {
	width:auto;
	min-width:300px;
}
a.yellow_button {
	color:#000; 
	border: 2px solid #000; 
	padding:8px 30px; 
	margin:0 20px;
	min-width:200px;
	/*text-transform:uppercase;*/
	font-weight:bold;
	/*background-image: url(../../../images/arrow_right_black.png);*/
	background-size: 7px;
    background-position: 94% 50%;
    background-repeat: no-repeat;
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
}
.yellowband {
	background-color: #FFEA00; 
	color:#000; 
	padding: 20px 2px;
}

/*.modal-open { position: fixed; }*/ /* Try to fix issue with IOS 11 Modal box */

/* 3 ARROW FLOW MODULE STYLES */

.mod_3_arrows_flow {
	margin:10px auto 60px auto;
}

	.mod_3_arrows_flow .flex_panel_container {
		display:flex;
		justify-content: space-evenly;
		margin-bottom:50px;
	}
	.mod_3_arrows_flow .flex_panel_item {
		flex-basis:auto; 
		display: block;
		text-align: center;
		flex-grow:1;
	}
	.mod_3_arrows_flow .double {
		flex-grow:2;
		max-width:25%
	}
	.flex_panel_item h3 {
		font-size:25px;
		color: var(--primary-color);
		margin:10px auto;
		padding:0 10%;
	}
	.mod_3_arrows_flow .double img {max-width:50px;}

/* // END 3 ARROW FLOW MODULE STYLES */

.panel-bg-white {background-color:#fff;}

/* // FLEX TEXT AND IMAGE MODULES */
.flex_text_image_container {
	display:flex;
	justify-content: space-evenly;
}
.flex_text_image_item {
	width:50%;
	padding:2%;
}

.flex_text_image_container .text_item li {
	list-style: url(../../../images/chevron_right_red.png); 
	margin-bottom:4px;
	text-align: left;
	margin-left:30px;
}

.flex_text_image_item.text_item {padding-right:5%;}

 
#main-content .noHline:before {width:0px!important;}

.border-flag img, img.border-flag {border:1px solid var(--border-default-color);}

/* PRODUCT LIST MODULE */
.productslist_container {
	display:flex;
	justify-content: space-between;
	margin-bottom:50px;
	margin-top:30px;
}

.productslist_item {
	margin:0 1%;
	width:25%;
}

.productslist_item h2 {
	margin:20px 0px 10px 0px;
}

.productslist_item p {
	margin: 0px 0px 20px 0;
}

.productslist_item:first-child {
	margin-left:0;
}

.productslist_item:last-child {
	margin-right:0;
}

.productlistimgcontainer {
	aspect-ratio: 5/4;
	width: 100%;
	background-size:cover;
	background-position: center;
	margin:1% 0; 
	margin-bottom:4%;
	background-repeat: no-repeat;
}

.productslist_item a.arrowRedButton {
	width:auto;
	padding-left:15px;
	padding-right:15px;
	margin:10px 0;
}

.mobileRateTemplate {display:none;}
.desktopRateTemplate {display:block;}

/* fix layout issue with FAQ module */

.uagb-faq-icon-row-reverse .uagb-faq-item .uagb-faq-icon-wrap {
    margin-right: 20px!important;
}

.uagb-faq-content {
	color:#000!important;
}

.uagb-faq-item {
	border:none!important;
	border-bottom:1px solid var(--border-default-color)!important;
}

.uagb-faq-item:hover {
	background-color: #F9ECE4!important;
}


.uagb-faq-item:hover .uagb-faq-content {
	background-color: #fff!important;
}
 .uagb-faq-questions-button {
	padding-left:0!important;
	position:relative;
}
.uagb-faq-item .uagb-question {
	font-size: 20px;
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
	font-weight: bold; 
	border:none;
	color: #000!important;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:30px;
}

.uagb-faq-child__outer-wrap {
	margin-bottom:0px!important;
}


.uagb-faq-item .uagb-faq-icon-wrap {
   margin-right:0!important;
   position:absolute;
   right:10px;
}

.uagb-faq-item.uagb-faq-item-hover .uagb-question {
	color: var(--primary-color)!important;
}
.uagb-faq-item.uagb-faq-item-active .uagb-question {
	color: var(--primary-color)!important;
}

.uagb-icon svg, .uagb-icon-active svg {
	width: 20px!important;
    height: 20px!important;
    font-size: 20px!important;
}

/* WP Heading Block Spacings */
.wp-block-heading {
	padding-top:20px;
	padding-bottom:20px;
	color:var(--text-color);
}




/* Fix Jquery Ui Dialog button*/ 
.ui-dialog .ui-dialog-buttonpane button {
	padding:.4em 1em!important;
	border:1px solid var(--border-default-color);}
.ui-button-icon-space {
	padding: .4em;
    text-indent: -9999999px;
}
.ui-dialog-titlebar-close {
	color:transparent;
}
.ui-widget-header .ui-icon-closethick {
    background-image: url(../../../images/ui-icons_cc0000_256x240.png);
}
.ui-dialog .ui-dialog-titlebar-close {
	border:none;
}
.ui-button .ui-button-icon-space {
    display: block;
    line-height: normal;
}

#exchangeRatesBoard li.desktopRateTemplate:nth-child(2n) {background-color: #f2f3f4!important;}
#exchangeRatesBoard li.mobileRateTemplate:nth-child(4n) {background-color: #f2f3f4;}

/* PACE CALCULATOR STYLES */

.pace-module-container {
    width: 100%;
   	background-color:#0065A0;
    display: flex;
	line-height: 0.5;
}

.cu {background-color: #fff;}

.pace-module-container .content-container {
    display:flex; 
    max-width:1200px;
	justify-content: center;
	text-align: center;
	margin:auto;
}

/*Tiered Rates Styles*/
.tiered_rate {
    position: relative;
	clear: both;
    padding: 1% 0.5%;
}

.tiered_rate_message {
    display: none;
    text-align: center;
	background-color: var(--error-lighter);
    position: relative;
	padding-left: 10px;
	padding-right: 10px;
	color:#000000;
}

/* .tiered_rate_message::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2.5%; 
    height: 100%;
    background: #FFA500;
}*/

.best_rate_message {
    display: none;
    text-align: center;
	background-color: #daffcb;
    position: relative;
	padding-left: 10px;
	padding-right: 10px;
}

/*.best_rate_message::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2.5%; 
    height: 100%;
    background: #FFA500; 
}*/

.desktop-only {display:inline-block;}
.tablet-only {display:none;}
.mobile-only {display:none;}


.NewProductsBox .l-quarter {
	width:24.5%; /* for 4 items */
	/* width:33%;  for 3 items */
}
/*
#homeProductBoxes_candc {
	background-image: url(../../../images/CC-background.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#homeProductBoxes_hd {
	background-image: url(../../../images/HD-background.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#homeProductBoxes_card {
	background-image: url(../../../images/card-background.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#homeProductBoxes_cands {
	background-image: url(../../../images/CS-background.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
*/
.NewProductsBox p.leadtext {padding-bottom:30px;}

.homeProductBoxes{
	text-align:center;
	background-color:#fff;
	display:block;
	color:#333333;
	position:relative;
	/*min-height:200px;*/
	aspect-ratio: 5/4;
	width:100%;
	height:auto;
	margin-bottom:10px;
}

.homeProductBoxes h3 {
	font-size:24px;
	text-decoration: none!important;
	padding:20px;
	background-color: transparent;
	position:absolute;
	bottom:10%;
	width: 84%;
    text-align: center;
}

.homeProductBoxes a {
	text-decoration: none!;
	color:#FFFFFF;
}

.homeProductBoxes:hover {
	color:var(--primary-color);
}

.coldatesection {
	display:flex;
}

.coldate-input {
	display:flex;
}

.coldatefield {
	width:50%;
}

.namewarning {
	font-weight: bold;
	text-align: left;
	margin: 10px 0 30px 0;
}

/*.homeProductBoxes:hover{background-color:#efefef; transition: background-color 0.4s;}*/

.paynowinfo {
	background-color: var(--secondary-color);
	color:white;
	padding:10px 40px;
	border:1px solid var(--primary-color);
	margin-top:20px;
}
.paynowinfo h2 {
	color:white;
}

/*
.swMain div.actionBar {
    width: 100%;
    margin-top: -60px;
    z-index: 100;
    margin-bottom: 50px;
    width: 98%;
}*/


/* Currencies List Module (D-018) */
.D018 {
	margin-bottom:30px;
	clear:both;
}
.D018 .module-content-container {
	display:flex;
	align-content:flex-start;
	flex-wrap: wrap;

}

.D018 .country-item { 
	width:25%;
	min-width:300px;
	flex-direction: column;
	margin:1% 2%;
	align-content:flex-start;
	white-space: nowrap;
	color:var(--text-color);
}

.D018 .text {
	color:var(--text-color);
	margin-left:20px;
}

.D018 .text:hover {
	color:var(--primary-hover);
	margin-left:20px;
}

.D018 .button-container {
	/*justify-content: center;*/
	display:flex;
	text-align: center;
}

.D018 .flag img {
	width:70px;
}

/*// End currencies module styles */

/* STORES MODULE */
.store-module-content-container {
	color:var(--text-color);
	display:flex;
	flex-wrap: wrap;
	margin-bottom:30px;
}

.store-item {
	display:flex;
	width:25%;
	flex-direction: column;
	margin:20px;
	min-width:300px;

}

a.store-button{
	color:var(--text-color);
	text-decoration: none;
}

a.store-button:hover, a.store-button:hover h3 {
	color:var(--primary-hover);
}

.store-module {
	display:flex;
	flex-direction: column;
}

.store-module .store-container a {
	color:var(--text-color);
	text-decoration: none;
}

.store-module .store-container a:hover {
	color:var(--primary-hover);
}

.store-container {
	display:flex;
	flex-direction: row;
}
.store-icon{
	color:var(--primary-color);
	margin-right:20px;
}
.score-text{
	display:flex;
	flex-direction: row;
}

.store-module .button-container {
	display:flex;
	/*justify-content: center;*/
}

/* //END STORES MODULE */


/* BuyBack Guarantee Styles */

.buyback-content {
    display: flex;
    border:1px solid var(--primary-color);
    padding:20px;
	background: url(../../../images/buyback-bg-min.jpg);
	background-position: center;
	background-size: cover;
    min-height:250px;
	margin-bottom:50px
}
.buyback-content-inner {
    background-color: rgba(255, 255, 255, 0.80);
    display:flex;
    width:100%;
	padding:20px;
}

.content-text-section {
    display:flex;
    flex-direction: column;
    width:60%;
    padding-right: 30px;
}
.button-section {
    width:40%;
    display: flex;
    align-items: flex-end;
	justify-content: flex-end;
}
.button-section .reverseButton {
    width:auto;
	padding: 15px 20px;
	font-size: 20px;;
}

.buyback-content .subtitle {
	font-size: 24px;
	font-weight: bold;
	font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
	line-height: normal;
	padding-bottom: 10px;
}

.buyback-content ul {
	list-style-type: circle;
	list-style-position: outside;
	padding-left:20px;
}

.buyback-content a.terms {
	font-size: 12px;
	text-decoration: underline;
	color:var(--text-color);
	margin-top:20px;
}

.buyback-summary{
	display:flex;
	justify-content: space-between;
	border:1px solid var(--grey-light);
	padding:5px 10px;
	margin-bottom:10px;
}

.buyback-inner {
	display: flex;
    width: 38%;
    justify-content: space-between;
}

.buyback-description {
	width:40%;
}

.buyback-description span {
	font-weight: bold;
}

 a.remove-bb-button {
    padding: 2px 10px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    font-family: "Mary_Ann", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    background-color: #fff;
	text-decoration: none;
}

.remove-buyback-link {
	position:absolute;
}

.remove-buyback-link a {
	color:var(--primary-color);
	font-size:14px;
}

#step-2 .remove-button-div {
	display:none;
}
#step-2 .buyback-inner {
	width:60%;
	justify-content: flex-end;
}

#orderSuccessDiv .remove-button-div {
	display:none;
}

#orderSuccessDiv .buyback-inner {
	width:60%;
	justify-content: flex-end;
}

#orderSuccessDiv .buyback-description {
	width:unset;
	text-align: left;
}

#step-1 .remove-buyback-link {
	display:none;
}

#orderSuccessDiv .remove-buyback-link {
	display:none;
}

/* end of BuyBack styles*/

/* Unified Checkout Modal Overlay Styles */
#unified-checkout-wrapper {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	background: rgba(0, 0, 0, 0.5) !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	z-index: 9000 !important;
	overflow: hidden !important; /* Prevent background scroll */
	padding: 0 !important;
	margin: 0 !important;
}

/* Prevent body scroll when modal is open */
body.unified-checkout-open {
	overflow: hidden !important;
	position: fixed !important;
	width: 100% !important;
	height: 100% !important;
}

#paymentFloatWrapper {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	width: 90% !important;
	max-width: 800px !important;
	max-height: 90vh !important;
	background-color: white !important;
	padding: 30px !important;
	border-radius: 8px !important;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
	overflow-y: auto !important; /* Only this scrolls */
	overflow-x: hidden !important;
	box-sizing: border-box !important;
}

/* Close button inside white box */
#paymentFloatWrapper .payment-close-button {
	position: absolute !important;
	top: 10px !important;
	right: 15px !important;
	font-size: 40px !important;
	color: #333 !important;
	background: none !important;
	border: none !important;
	cursor: pointer !important;
	z-index: 10 !important;
	line-height: 1 !important;
	font-weight: 300 !important;
	transition: color 0.2s ease !important;
	padding: 0 !important;
	width: auto !important;
	height: auto !important;
}

#paymentFloatWrapper .payment-close-button:hover {
	color: var(--primary-color) !important;
}

/* Scrollbar styling for payment wrapper */
#paymentFloatWrapper::-webkit-scrollbar {
	width: 8px;
}

#paymentFloatWrapper::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 4px;
}

#paymentFloatWrapper::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 4px;
}

#paymentFloatWrapper::-webkit-scrollbar-thumb:hover {
	background: #555;
}

/* Mobile responsive */
@media screen and (max-width: 768px) {
	#unified-checkout-wrapper {
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch !important;
	}
	
	#paymentFloatWrapper {
		width: 95% !important;
		max-height: 80vh !important;
		min-height: auto !important;
		height: auto !important;
		padding-bottom: 40px !important;
		top: 42% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
		bottom: auto !important;
		padding: 0px !important;
		margin: 0 !important;
		position: fixed !important;
		overflow-y: scroll !important;
		-webkit-overflow-scrolling: touch !important;
	}
	
	#paymentFloatWrapper .payment-close-button {
		top: 10px !important;
		right: 10px !important;
		font-size: 35px !important;
		position: fixed !important;
	}
}

/* Ensure payment container content is properly sized */
#payments-container {
	width: 100% !important;
	/*min-height: 400px !important;*/
	position: relative !important;
}
#payments-section {
	width: 100% !important;
	/*min-height: 400px !important;*/
	position: relative !important;
}
#paymentDisclaimerText {
	margin-bottom: 20px !important;
	padding: 20px !important;
}

.footer-disclaimer {
	/*max-width:50%;*/
	font-size: 12px;
	margin-top:20px;
}

/* Microsoft Edge Browser 12+ (All) - @supports method */
@supports (-ms-ime-align:auto) {


	#orderForm fieldset {
		margin:1%;
   }

   #orderForm select#targetCurrency {
	max-width:140px;
	}
  }


  /* Submit button processing state */
#submitOrder.processing {
	opacity: 0.7;
	cursor: wait;
}

#submitOrder.processing:after {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 10px;
	border: 2px solid #fff;
	border-radius: 50%;
	border-top-color: transparent;
	animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
	to { transform: rotate(360deg); }
}

/* THIS IS FOR IE 10 and above SPECIFIC STYLES ONLY */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

	#orderForm fieldset {
		margin:1%;
   }

   #orderForm select#targetCurrency {
	max-width:140px;
	}
}