/* Minification failed. Returning unminified contents.
(552,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(553,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(554,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(555,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(556,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(557,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(558,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(560,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(561,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(562,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(563,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(564,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(566,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(567,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(568,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(569,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(570,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(572,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(573,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(574,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(575,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(576,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(579,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(580,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(581,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(582,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(585,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(586,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(587,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(588,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(589,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(712,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-link-hover'
(716,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-link-text'
(718,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-link-focused-bg'
(719,35): run-time error CSS1039: Token not allowed after unary operator: '-btn-link-focused-border'
(1597,21): run-time error CSS1039: Token not allowed after unary operator: '-blue-theme-color'
(1939,17): run-time error CSS1039: Token not allowed after unary operator: '-blue-theme-color'
(2488,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-theme-color'
(2505,22): run-time error CSS1039: Token not allowed after unary operator: '-blue-theme-color'
(3502,36): run-time error CSS1039: Token not allowed after unary operator: '-blue-theme-color'
(3717,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-400'
(4825,25): run-time error CSS1039: Token not allowed after unary operator: '-blue-theme-color'
(5101,17): run-time error CSS1039: Token not allowed after unary operator: '-blue-theme-color'
(5111,38): run-time error CSS1039: Token not allowed after unary operator: '-blue-theme-color'
(5111,66): run-time error CSS1039: Token not allowed after unary operator: '-blue-theme-color'
(5112,23): run-time error CSS1039: Token not allowed after unary operator: '-blue-theme-color'
(5295,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-theme-color'
(5354,17): run-time error CSS1039: Token not allowed after unary operator: '-blue-theme-color'
(5837,21): run-time error CSS1039: Token not allowed after unary operator: '-blue-theme-color'
(6038,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-link-text'
(8965,35): run-time error CSS1030: Expected identifier, found ':'
(8965,43): run-time error CSS1031: Expected selector, found ')'
(8965,43): run-time error CSS1025: Expected comma or open brace, found ')'
(11219,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-theme-color'
(11222,33): run-time error CSS1030: Expected identifier, found '.'
(11222,56): run-time error CSS1031: Expected selector, found ')'
(11222,56): run-time error CSS1025: Expected comma or open brace, found ')'
(11732,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-theme-color'
(11924,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-hover'
(11997,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-theme-color'
(12490,24): run-time error CSS1039: Token not allowed after unary operator: '-blue-theme-color'
(12593,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-theme-color'
(12850,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text'
(13175,24): run-time error CSS1039: Token not allowed after unary operator: '-blue-theme-color'
(14502,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-theme-color'
(14538,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-default-color'
(14540,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-default-color'
(14546,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-hover'
(14547,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-hover'
(14551,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-active'
(14558,21): run-time error CSS1039: Token not allowed after unary operator: '-grey-600'
(14567,29): run-time error CSS1039: Token not allowed after unary operator: '-btn-default-focus'
(14576,17): run-time error CSS1039: Token not allowed after unary operator: '-grey-600'
(14610,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-hover'
(15137,20): run-time error CSS1039: Token not allowed after unary operator: '-blue-theme-color'
(17630,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-bg'
(17631,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text'
(17633,23): run-time error CSS1039: Token not allowed after unary operator: '-btn-font'
(17642,25): run-time error CSS1039: Token not allowed after unary operator: '-btn-border-radius'
(17647,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-bg'
(17650,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-hover'
(17651,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text'
(17655,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-bg'
(17656,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-active'
(17657,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text'
(17673,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text'
(17679,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-focused'
(17681,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-bg'
(17683,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text'
(17687,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text'
(17713,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text'
(17720,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-text'
(17721,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-text'
(17722,25): run-time error CSS1039: Token not allowed after unary operator: '-btn-border-radius'
(17735,29): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-focused'
(17737,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-hover-bg'
(17738,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-hover'
(17739,16): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-hover'
(17742,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-hover-bg'
(17743,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-hover'
(17744,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-hover'
(17747,38): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-active'
(17748,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-text'
(17761,16): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-text'
(17764,16): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-hover'
(17769,17): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-btn-text'
(17783,16): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-btn-text'
(17792,17): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-btn-hover'
(17793,16): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-btn-hover'
(17794,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-btn-hover-bg'
(17797,17): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-btn-hover'
(17798,16): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-btn-hover'
(17803,17): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-btn-hover'
(17804,29): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-btn-focused'
(17811,17): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-btn-hover'
(17814,15): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-btn-hover'
(17820,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-link-text'
(17830,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-link-hover'
(17833,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-link-text'
(17836,16): run-time error CSS1039: Token not allowed after unary operator: '-btn-link-hover'
(17839,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-link-text'
(17842,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-link-hover'
(17844,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-link-focused-bg'
(17845,35): run-time error CSS1039: Token not allowed after unary operator: '-btn-link-focused-border'
(17849,16): run-time error CSS1039: Token not allowed after unary operator: '-btn-link-hover'
(17864,16): run-time error CSS1039: Token not allowed after unary operator: '-btn-link-text'
(17868,16): run-time error CSS1039: Token not allowed after unary operator: '-btn-link-text'
(17871,29): run-time error CSS1039: Token not allowed after unary operator: '-btn-link-text'
(17902,16): run-time error CSS1039: Token not allowed after unary operator: '-btn-link-text'
(17907,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-link-text'
(17943,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-default-color'
(17951,17): run-time error CSS1039: Token not allowed after unary operator: '-grey-600'
(17952,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-default-color'
(17964,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-hover'
(17968,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-active'
(17973,17): run-time error CSS1039: Token not allowed after unary operator: '-grey-600'
(17981,29): run-time error CSS1039: Token not allowed after unary operator: '-btn-default-focus'
(17984,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-link-text'
(17989,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-link-hover'
(18195,16): run-time error CSS1039: Token not allowed after unary operator: '-btn-link-text'
(18199,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-link-hover'
(18202,16): run-time error CSS1039: Token not allowed after unary operator: '-btn-link-hover'
(18508,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-theme-color'
(18523,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-theme-color'
(18538,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-theme-color'
(19189,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-theme-color'
(19190,24): run-time error CSS1039: Token not allowed after unary operator: '-blue-theme-color'
(19286,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-theme-color'
 */
/*! jQuery UI - v1.10.3 - 2013-08-02
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.autocomplete.css, jquery.ui.menu.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-widget-content .ui-state-hover,.ui-autocomplete .ui-widget-header .ui-state-hover,.ui-autocomplete .ui-state-focus,.ui-autocomplete .ui-widget-content .ui-state-focus,.ui-autocomplete .ui-widget-header .ui-state-focus {
    background: #d0dbea;
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	/*margin: -1px;*/
	cursor: pointer;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #dddddd;
    border: 0 none;
	background: #fff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	/*border: 1px solid #e78f08;*/
    background: #e6e8e8;
	/*background: #f6a828;
	color: #ffffff;*/
    color: #000;
	font-weight: bold;
}
.ui-widget-header a {
	color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #cccccc;
	background: #f6f6f6;
	font-weight: bold;
	color: #1c94c4;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #1c94c4;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: none;
	/*background: #D0DBEA;*/
	font-weight: bold;
	color: #c77405;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #c77405;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #fbd850;
	background: #ffffff;
	font-weight: bold;
	color: #eb8f00;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #eb8f00;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fed22f;
	background: #ffe45c;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #b81900;
	color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {

}
.ui-widget-header .ui-icon {

}
.ui-state-default .ui-icon {

}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {

}
.ui-state-active .ui-icon {

}
.ui-state-highlight .ui-icon {

}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {

}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/



/* Overlays */
.ui-widget-overlay {
	background: #666666;
	opacity: .5;
	filter: Alpha(Opacity=50);
}
.ui-widget-shadow {
	margin: -5px 0 0 -5px;
	padding: 5px;
	background: #000000;
	opacity: .2;
	filter: Alpha(Opacity=20);
	border-radius: 5px;
}

/*! normalize.css v1.1.0 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
 :root {
    /* var(--1b3160) - old color*/
    --blue: #1676c4;
    --blueHover: #176ba3;
    --red: #DA292F;
    --redHover: #BF101C;
    --gray-400: #98A2B3;
    --grey-600: #475467;
    --grey-800: #1D2939;
    /* default */
    --blue-theme-color: #1272A5;
    --btn-default-color: #1272A5;
    --btn-default-focus :#2A313C;
    --btn-font: "Lato Bold";
    --btn-border-radius : 4px;
    /* primary */
    --primary-btn-text: #fff;
    --primary-btn-bg:#1272A5;
    --primary-btn-hover: #0E5981;
    --primary-btn-active: rgba(163, 216, 245, 0.8);
    --primary-btn-focused: #2A313C;
    /* secondary btn */
    --secondary-btn-text: #1272A5;
    --secondary-btn-hover:#0E5981;
    --secondary-btn-hover-bg: #C8E8F9;
    --secondary-btn-active: rgba(163, 216, 245, 0.80);
    --secondary-btn-focused: #2A313C;

    /* link btn */
    --btn-link-text: #1272A5;
    --btn-link-hover:#0E5981;
    --btn-link-focused-bg: #C8E8F9;
    --btn-link-focused-border: #475467;

    /* tertiary-btn */
    --tertiary-btn-text: #1272A5;
    --tertiary-btn-hover:#0E5981;
    --tertiary-btn-hover-bg: #C8E8F9;
    --tertiary-btn-active: rgba(163, 216, 245, 0.80);
    --tertiary-btn-focused: #2A313C;
}

.noScroll {
    overflow: hidden;
}

.noDisplay {
    display: none !important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

video {
    object-fit: fill;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-font-smoothing: antialiased;
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
    -webkit-appearance: none !important;
}

html, body, .map {
    margin: 0;
    padding: 0;
    height: 100%;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */



/*a:focus {
    outline: 0;
}*/

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:hover {
    outline: 0;
    color: var(--btn-link-hover);
}

a:focus-visible {
    color: var(--btn-link-text);
    outline: none;
    background-color: var(--btn-link-focused-bg);
    border-bottom: 3px solid var(--btn-link-focused-border);
    text-decoration: none;
}
a:disabled{
    opacity: 0.5;
    cursor: not-allowed;
}
/*div[tabindex]:hover, div[tabindex]:active, div[tabindex]:focus, header[tabindex]:hover, header[tabindex]:active, header[tabindex]:focus, h1[tabindex]:hover, h1[tabindex]:active, h1[tabindex]:focus, h2[tabindex]:hover, h2[tabindex]:active, h2[tabindex]:focus, h3[tabindex]:hover, h3[tabindex]:active, h3[tabindex]:focus, h4[tabindex]:hover, h4[tabindex]:active, h4[tabindex]:focus, h5[tabindex]:hover, h5[tabindex]:active, h5[tabindex]:focus, h6[tabindex]:hover, h6[tabindex]:active, h6[tabindex]:focus, h7[tabindex]:hover, h7[tabindex]:active, h7[tabindex]:focus, nav[tabindex]:hover, nav[tabindex]:active, nav[tabindex]:focus, ul[tabindex]:hover, ul[tabindex]:active, ul[tabindex]:focus, li[tabindex]:hover, li[tabindex]:active, li[tabindex]:focus, span[tabindex]:hover, span[tabindex]:active, span[tabindex]:focus, a[tabindex]:hover, a[tabindex]:active, a[tabindex]:focus, strong[tabindex]:hover, strong[tabindex]:active, strong[tabindex]:focus, article[tabindex]:hover, article[tabindex]:active, article[tabindex]:focus, section[tabindex]:hover, section[tabindex]:active, section[tabindex]:focus, p[tabindex]:hover, p[tabindex]:active, p[tabindex]:focus, form[tabindex]:hover, form[tabindex]:active, form[tabindex]:focus, hr[tabindex]:hover, hr[tabindex]:active, hr[tabindex]:focus, label[tabindex]:hover, label[tabindex]:active, label:focus, fieldset[tabindex]:hover, fieldset[tabindex]:active, fieldset[tabindex]:focus, footer[tabindex]:hover, footer[tabindex]:active, footer[tabindex]:focus, img[tabindex]:hover, img[tabindex]:active, img[tabindex]:focus, em[tabindex]:hover, em[tabindex]:active, em[tabindex]:focus, h2[tabindex]:hover, h2[tabindex]:active, h2[tabindex]:focus, h3[tabindex]:hover, h3[tabindex]:active, h3[tabindex]:focus, b[tabindex]:hover, b[tabindex]:active, b[tabindex]:focus {
    outline: 0;
}*/

input[tabindex]:focus, input[tabindex]:hover, input[tabindex]:active, select[tabindex]:focus {
    outline: 1px solid #dcdcdc;
    border: 1px solid #dcdcdc;
}

/*.contact-info input:focus, .contact-info select:focus, .billing-info input:focus, .payment-info input:focus, .id-info input:focus {
    border: 1px solid #475467 !important;
    outline: 1px solid #475467 !important;
}
*/

.customSelect.customSelectFocus {
    border: 1px solid #475467;
}


/* Tabindex - focus styles as per w3 standards start */

/*
a:focus {
    outline: 2px solid #475467;
    outline-offset: 5px;
}

a:active {
    outline:2px solid #475467;
outline-offset: 5px;


}

a:hover {
    outline: 0;
}

header:active, header:focus, h1:active, h1:focus, h2:active, h2:focus, h3:active, h3:focus, h4:active, h4:focus, h5:active, h5:focus, h6:active, h6:focus, h7:active, h7:focus, nav:active, nav:focus, ul:active, ul:focus, li:active, li:focus, span:active, span:focus, a:active, a:focus, strong:active, strong:focus, article:active, article:focus, section:active, section:focus, p:active, p:focus, form:active, form:focus, hr:active, hr:focus, label:active, label:focus, fieldset:active, fieldset:focus, footer:active, footer:focus, img:active, img:focus, em:active, em:focus, h2:active, h2:focus, h3:active, h3:focus, b:active, b:focus{
    outline: 0;
}

a[tabindex]:active,
a[tabindex]:hover {
    outline: 2px solid #475467;
    outline-offset: 5px;
}

div[tabindex]:hover, div[tabindex]:active, div[tabindex]:focus, header[tabindex]:hover, header[tabindex]:active, header[tabindex]:focus, h1[tabindex]:hover, h1[tabindex]:active, h1[tabindex]:focus, h2[tabindex]:hover, h2[tabindex]:active, h2[tabindex]:focus, h3[tabindex]:hover, h3[tabindex]:active, h3[tabindex]:focus, h4[tabindex]:hover, h4[tabindex]:active, h4[tabindex]:focus, h5[tabindex]:hover, h5[tabindex]:active, h5[tabindex]:focus, h6[tabindex]:hover, h6[tabindex]:active, h6[tabindex]:focus, h7[tabindex]:hover, h7[tabindex]:active, h7[tabindex]:focus, nav[tabindex]:hover, nav[tabindex]:active, nav[tabindex]:focus, ul[tabindex]:hover, ul[tabindex]:active, ul[tabindex]:focus, li[tabindex]:hover, li[tabindex]:active, li[tabindex]:focus, span[tabindex]:hover, span[tabindex]:active, span[tabindex]:focus, a[tabindex]:hover, a[tabindex]:active, a[tabindex]:focus, strong[tabindex]:hover, strong[tabindex]:active, strong[tabindex]:focus, article[tabindex]:hover, article[tabindex]:active, article[tabindex]:focus, section[tabindex]:hover, section[tabindex]:active, section[tabindex]:focus, p[tabindex]:hover, p[tabindex]:active, p[tabindex]:focus, form[tabindex]:hover, form[tabindex]:active, form[tabindex]:focus, hr[tabindex]:hover, hr[tabindex]:active, hr[tabindex]:focus, label[tabindex]:hover, label[tabindex]:active, label:focus, fieldset[tabindex]:hover, fieldset[tabindex]:active, fieldset[tabindex]:focus, footer[tabindex]:hover, footer[tabindex]:active, footer[tabindex]:focus, img[tabindex]:hover, img[tabindex]:active, img[tabindex]:focus, em[tabindex]:hover, em[tabindex]:active, em[tabindex]:focus, h2[tabindex]:hover, h2[tabindex]:active, h2[tabindex]:focus, h3[tabindex]:hover, h3[tabindex]:active, h3[tabindex]:focus, b[tabindex]:hover, b[tabindex]:active, b[tabindex]:focus, input[tabindex]:hover, input[tabindex]:active, input[tabindex]:focus {
    outline: 2px solid #475467;
}

.terms a:focus, .terms a:active {
outline-offset:0px;
}
.order-error .nine-col a:focus, .order-error .nine-col a:hover, .order-error .nine-col a:active {
    outline-offset: 1px !important;
}

header ul:active, header ul:focus, header li:active, header li:focus {
outline-offset: 0 9px;
}
.header-container header .guarantee span {
    outline-offset: 2px;
}
input:active, input:focus, select:active, select:focus{
    box-shadow: none;
    border-color: transparent;
    outline: 2px solid #475467;
    outline-offset: 0;
}
.eighteen-col ,.payment-page article.eighteen-col , .order-page article.eighteen-col , .review-page article.eighteen-col , .payment-on-collection .eighteen-col{
padding-right:10px;
}
.fulfilment-ui h1:focus{
outline-offset: 2px
}
.currency-detail input:focus{
border:1px solid #dcdcdc;
}
.contact-info input:focus, .contact-info select:focus, .billing-info input:focus, .payment-info input:focus, .id-info input:focus {
    border: 1px solid #dcdcdc;
}
.payment-page .row {
    padding:3px 0px 3px 25px;
}
.summary-bar .summary-inner span:focus, select:focus ,select.customSelect:active {
    box-shadow: none;
    border-color: transparent;
    outline: 2px solid #475467;
    outline-offset: 0;
}
.review-page header a:focus {
box-shadow: none;
    border-color: transparent;
    outline: 2px solid #fff;
    outline-offset: 0;
}
.review-page .terms a:focus {
padding:0;
}
a[tabindex='-1']:focus {
    outline: 0;
}

a[tabindex='-1']:active,
a[tabindex='-1']:hover {
    outline: 0;
}

div[tabindex='-1']:hover, div[tabindex='-1']:active, div[tabindex='-1']:focus, header[tabindex='-1']:hover, header[tabindex='-1']:active, header[tabindex='-1']:focus, h1[tabindex='-1']:hover, h1[tabindex='-1']:active, h1[tabindex='-1']:focus, h2[tabindex='-1']:hover, h2[tabindex='-1']:active, h2[tabindex='-1']:focus, h3[tabindex='-1']:hover, h3[tabindex='-1']:active, h3[tabindex='-1']:focus, h4[tabindex='-1']:hover, h4[tabindex='-1']:active, h4[tabindex='-1']:focus, h5[tabindex='-1']:hover, h5[tabindex='-1']:active, h5[tabindex='-1']:focus, h6[tabindex='-1']:hover, h6[tabindex='-1']:active, h6[tabindex='-1']:focus, h7[tabindex='-1']:hover, h7[tabindex='-1']:active, h7[tabindex='-1']:focus, nav[tabindex='-1']:hover, nav[tabindex='-1']:active, nav[tabindex='-1']:focus, ul[tabindex='-1']:hover, ul[tabindex='-1']:active, ul[tabindex='-1']:focus, li[tabindex='-1']:hover, li[tabindex='-1']:active, li[tabindex='-1']:focus, span[tabindex='-1']:hover, span[tabindex='-1']:active, span[tabindex='-1']:focus, a[tabindex='-1']:hover, a[tabindex='-1']:active, a[tabindex='-1']:focus, strong[tabindex='-1']:hover, strong[tabindex='-1']:active, strong[tabindex='-1']:focus, article[tabindex='-1']:hover, article[tabindex='-1']:active, article[tabindex='-1']:focus, section[tabindex='-1']:hover, section[tabindex='-1']:active, section[tabindex='-1']:focus, p[tabindex='-1']:hover, p[tabindex='-1']:active, p[tabindex='-1']:focus, form[tabindex='-1']:hover, form[tabindex='-1']:active, form[tabindex='-1']:focus, hr[tabindex='-1']:hover, hr[tabindex='-1']:active, hr[tabindex='-1']:focus, label[tabindex='-1']:hover, label[tabindex='-1']:active, label:focus, fieldset[tabindex='-1']:hover, fieldset[tabindex='-1']:active, fieldset[tabindex='-1']:focus, footer[tabindex='-1']:hover, footer[tabindex='-1']:active, footer[tabindex='-1']:focus, img[tabindex='-1']:hover, img[tabindex='-1']:active, img[tabindex='-1']:focus, em[tabindex='-1']:hover, em[tabindex='-1']:active, em[tabindex='-1']:focus, b[tabindex='-1']:hover, b[tabindex='-1']:active, b[tabindex='-1']:focus, input[tabindex='-1']:hover, input[tabindex='-1']:active, input[tabindex='-1']:focus {
     outline: none;
}


     nav ul li[tabindex='1']:focus, nav ul li[tabindex='1']:active{
    position:static;
    z-index: 99999;
    opacity:1;
    margin-left:25px;
    border-right:1px solid #e8e8e9;
    border-left:1px solid #e8e8e9;
}
nav ul li:first-child[tabindex='1']:focus, nav ul li:first-child[tabindex='1']:active {
    margin-left:0px;
    margin-right:10px;
}

nav ul li:nth-child(2)[tabindex='1']:focus, nav ul li:nth-child(2)[tabindex='1']:active {
    margin-left:25px;
    margin-right:10px;
}
.header-container header nav ul li{
    border-left:1px solid #e8e8e9;
}
   
 */

/* Tabindex - focus styles as per w3 standards ends */



/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
    font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    /* font-style: italic; */
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

    /**
 * Address `quotes` property not supported in Safari 4.
 */

    q:before,
    q:after {
        content: '';
        content: none;
    }

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible; /* 4 */
}

    /**
 * Re-set default cursor for disabled elements.
 */

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

    /**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #475467;
}

body {
    line-height: 1.2;
    background: #F3F4F7;
    margin: 0;
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    font-size: 15px;
}

img.store-address.storerow-logo[src=""] {
    display: none !important;
}

html.lt-ie9 body {
    min-width: 965px;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */
.wrapper {
    margin: 0 10px;
}

.sitewrap {
    max-width: 1060px;
    margin: 0 auto;
}
/* ===================
    ALL: Orange Theme
   =================== */

    .main-container.order-page, .main-container.payment-page, .main-container.review-page, .main-container.post-process, .main-container.no-process, .main-container.payment-on-collection, .main-container.confirmation-page {
        margin-top: 15px;
    }

.header-container, .main aside {
    background: #fff;
}

.main article {
    border-radius: 2px;
}

#basket article {
    overflow: visible;
}

/* delete - start */
.main article h1 {
    display: inline-block;
}
/* delete - end */

.main article h2 {
    display: inline-block;
}

.main article.eighteen-col header .headings, .main article.eighteen-col header.review-tbl-th .headings, .summary-drop .review-tbl-th .headings {
    width: 43%;
    display: inline-block;
    float: right;
    font-family: "Lato bold", Helvetica, Arial, Verdana, sans-serif;
    font-weight: bold;
    font-size: 18px;
    margin-top: 0;
    padding: 0 5px;
    color: #475467;
}

.summary-drop .review-tbl-th .headings {
    width: 36.5%;
    margin-top: 0;
}

    .main article.eighteen-col header .headings h2:last-of-type, .summary-drop .review-tbl-th .headings h2:last-of-type, .main article.eighteen-col header .headings span:last-of-type, .summary-drop .review-tbl-th .headings span:last-of-type {
        float: right;
        margin-right: 5px;
    }

.main article.eighteen-col header.review-tbl-th .headings {
    width: 37%;
    padding: 0px;
}

.main article.eighteen-col div.confirmation-order-summary header.review-tbl-th .headings {
    width: 43.5%;
}

.footer-container {
    background: #d0d0d1;
    overflow: hidden;
    clear: both;
}

    .footer-container, .footer-container h2 {
        font-size: 12px;
    }

        .footer-container h2 {
            padding-top: 15px;
        }

.footer-links .wrapper {
    position: relative;
    text-align: right;
    z-index: 100;
}

    .footer-links .wrapper [data-icon-after]:after {
        content: "";
    }

    .footer-links .wrapper a {
        border-bottom: none;
        display: inline-block;
        border-left: 1px solid #b1b1b4;
        margin: 0px 0 0px 8px;
        padding: 0 0 0 8px;
        color: #202E3C;
    }

        .footer-links .wrapper a:first-child {
            border-left: 0 none;
        }

.footer-container ul li {
    list-style-type: none;
}

.footer-container ul.confidence-seal, .footer-container ul.payment-methods {
    padding: 0;
}

.copyright-lines {
    padding: 10px 10px 0 0px;
    margin: 0;
    float: right;
    width: 65%;
    text-align: right;
    clear: both;
}

div#footerBottom p {
    float: left;
}

div#footerwrap {
    clear: both;
}

.title {
    margin: 0;
    color: #475467;
    float: left;
    width: 196px;
}

.breadcrum {
    width: 60%;
    float: left;
    /*margin: -8px 0 0 0;*/
}

nav ul {
    margin: 0;
    padding: 0;
}

nav a {
    display: block;
    margin-bottom: 10px;
    padding: 10px 0;
    float: left;
    text-align: center;
    text-decoration: none;
    color: #1676c4;
    border: 1px solid #e8e8e9;
    border-right: none;
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 0.4px;
    font-size: 14px;
}

.funnel-steps {
    float: left;
    margin: 10px 0 20px 20px;
    width: 60%;
}

    .funnel-steps li a {
        margin-bottom: 0;
    }

nav li {
    display: block;
    margin-bottom: 10px;
    padding: 7px 0;
    float: left;
    text-align: center;
    text-decoration: none;
    color: #1676c4;
    border: 1px solid #e8e8e9;
    border-right: none;
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 0.4px;
    font-size: 14px;
    width: 30%;
    position: relative;
}

nav.funnel-steps ul li.active:first-child {
    /*padding-left: 0px;*/
}

nav.funnel-steps ul li:first-child {
    /*padding-left: 15px;*/
}

nav.funnel-steps ul li h1 {
    margin: 0;
}

nav ul li:last-of-type {
    border-left: none;
}

.link-text {
    display: block;
    padding: 1px 0px 0 5px;
    float: left;
    text-align: center;
    text-decoration: none;
    color: #78787a;
    /*border: 1px solid #e8e8e9;
    border-right: none;*/
    /*font-family:"Lato Regular", Helvetica, Arial, Verdana , sans-serif;
    font-style: normal;*/
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 0.4px;
    font-size: 14px;
}

.country-DE .link-text {
    padding: 3px 0px 0 5px;
}

nav li.active a, nav li.active {
    background-color: #e8e8e9;
    color: #fff;
    font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
    border-radius: 0;
}

    nav li.active .link-text {
        color: var(--blue-theme-color);
    }

/*
// #8089 Breadcrumbs
// Breadcrumb link styling
*/

.header-container header nav ul li a {
    color: #78787A;
    border: none;
    width: auto;
    padding: 0;
    float: none;
}

/* END #8089 */

.header-container header nav ul li.active:after {
    border-left-color: #e8e8e9;
    border-width: 18px;
    margin-top: 2px;
    margin-left: 0;
}

nav a:hover,
nav a:visited {
    /*color: #e8e8e9;*/
    color: #78787A;
}

nav a:hover {
    text-decoration: underline;
}
/* store -locator page */
.home.intro {
    background: url("../img/banner-sl.jpg") no-repeat scroll right 0 transparent;
    min-height: 370px;
}

.breadcrumb {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
    margin-top: 90px;
    padding: 10px 0;
}
/* store -locator page */
/* ==============
    MOBILE: Main
   ============== */


/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/* Icon Fonts */

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

/* Site Fonts */


@font-face {
    font-family: 'FS Me Web Bold Italic';
    src: url('../fonts/fontdeck/FS-Me-Web-Bold-Italic.eot');
    src: url('../fonts/fontdeck/FS-Me-Web-Bold-Italic.eot?') format('embedded-opentype'), url('../fonts/fontdeck/FS-Me-Web-Bold-Italic.woff') format('woff'), url('../fonts/fontdeck/FS-Me-Web-Bold-Italic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FS Me Web Light Italic';
    src: url('../fonts/fontdeck/FS-Me-Web-Light-Italic.eot');
    src: url('../fonts/fontdeck/FS-Me-Web-Light-Italic.eot?') format('embedded-opentype'), url('../fonts/fontdeck/FS-Me-Web-Light-Italic.woff') format('woff'), url('../fonts/fontdeck/FS-Me-Web-Light-Italic.ttf') format('opentype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FS Me Web Regular';
    src: url('../fonts/fontdeck/FS-Me-Web-Regular.eot');
    src: url('../fonts/fontdeck/FS-Me-Web-Regular.eot?') format('embedded-opentype'), url('../fonts/fontdeck/FS-Me-Web-Regular.woff') format('woff'), url('../fonts/fontdeck/FS-Me-Web-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Me Web Light';
    src: url('../fonts/fontdeck/FS-Me-Web-Light.eot');
    src: url('../fonts/fontdeck/FS-Me-Web-Light.eot?') format('embedded-opentype'), url('../fonts/fontdeck/FS-Me-Web-Light.woff') format('woff'), url('../fonts/fontdeck/FS-Me-Web-Light.ttf') format('opentype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Me Web Bold';
    src: url('../fonts/fontdeck/FS-Me-Web-Bold.eot');
    src: url('../fonts/fontdeck/FS-Me-Web-Bold.eot?') format('embedded-opentype'), url('../fonts/fontdeck/FS-Me-Web-Bold.woff') format('woff'), url('../fonts/fontdeck/FS-Me-Web-Bold.ttf') format('opentype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Me Web Italic';
    src: url('../fonts/fontdeck/FS-Me-Web-Italic.eot');
    src: url('../fonts/fontdeck/FS-Me-Web-Italic.eot?') format('embedded-opentype'), url('../fonts/fontdeck/FS-Me-Web-Italic.woff') format('woff'), url('../fonts/fontdeck/FS-Me-Web-Italic.ttf') format('opentype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */

[data-icon]:before {
    font-family: 'icomoon-ultimate';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

[data-icon-after]:after {
    font-family: 'icomoon-ultimate';
    content: attr(data-icon-after);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    float: right;
    padding-top: 4px;
    color: #b1b1b4;
}

[data-icon-r]:after {
    font-family: 'icomoon-ultimate';
    content: attr(data-icon-r);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    right: 15px;
}

[data-icon-d]:after {
    font-family: 'icomoon-ultimate';
    content: attr(data-icon-d);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-top: 15px;
}



.currency-detail [data-icon-d]:after {
    right: -30px;
    margin-top: 14px;
}

.logo {
    background: url('../img/Travelex-Simple-Logo.svg') no-repeat;
    width: 196px;
    height: 57px;
    display: block;
}

.country-JP .logo {
    background: url('../img/travelex_logo.svg') no-repeat;
}

.ennl .logo,
.nl .logo {
    background: url('../img/Travelex-Simple-Logo-NL.svg') no-repeat;
    background-size: contain;
}

.enquiry {
    /*display: block;
    width: 100%;*/
    text-align: right;
    padding: 20px 0 20px 0;
}

    .enquiry [data-icon]:before {
        font-size: 16px;
        margin-left: -24px;
        margin-top: 3px;
        position: absolute;
    }

.header-container header span {
    display: inline-block;
    text-align: right;
    font-size: 13px;
}

.header-container header nav ul {
    overflow: hidden;
    padding-top: 7px;
    padding-left: 16px;
}

    .header-container header nav ul li {
        display: block;
    }

/*.header-container header nav ul li a {
    width: 30%;
}*/

.num {
    background-image: url('../img/checkout-v2.png');
    background-repeat: no-repeat;
    /*background-size: 300px 1650px;*/
    width: 23px;
    height: 23px;
    float: left;
    /*margin-top: 9px;*/
    margin: 0 0% 0 10%;
}

.num1 {
    background-position: -110px -661px;
}

.num2 {
    background-position: -110px -811px;
    margin: 0 0% 0 20%;
}

.num3 {
    background-position: -110px -962px;
    margin: 0 0% 0 20%;
}

.num.step4 {
    background-image: url('../img/checkout-step4_inactive.png');
    background-repeat: no-repeat;
    background-size: 21px 21px;
}

li.active .num1 {
    /*background-position: -25px -104px;*/
    background-position: -110px -209px;
}

li.active .num2 {
    background-position: -110px -359px;
}

li.active .num3 {
    background-position: -110px -510px;
}
/*
// #8032 Breadcrumb trail
// height and background image amended to decrease size
*/
.active .navarrow {
    background-image: url('../img/grey-arrow.png');
}

.navarrow {
    background-image: url("../img/white-arrow.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 36px;
    position: absolute;
    right: -23px;
    top: 0;
    width: 23px;
    z-index: 100;
}

.step1-left {
    background-image: url('../img/blue-arrow.png');
    background-repeat: no-repeat;
}

    .step1-left.active {
        background-image: none;
        background-repeat: no-repeat;
    }
/* END #8032 */

.questions {
    padding-left: 25px;
    margin-right: 0;
}

.live-chat {
    padding-left: 20px;
    margin-left: 15px;
}

.guarantee, .partner-logo {
    display: inline-block;
    float: right;
}

    .guarantee:before {
        background: url("../img/divider.png") no-repeat scroll 0 0 transparent;
        content: "";
        display: block;
        height: 49px;
        margin-left: -32px;
        position: absolute;
        width: 1px;
    }

.header-container header .guarantee span {
    color: var(--blue-theme-color);
    display: block;
    font-size: 20px;
    position: relative;
}

    .header-container header .guarantee span[data-icon]:before {
        /*margin-right: 10px;*/
        font-size: 20px;
        margin-right: 5px;
        margin-top: 3px;
        position: relative;
    }
/* delete - start */
.eighteen-col h1 {
    margin: 5px 0;
}
/* delete - end */

.eighteen-col h2 {
    margin: 5px 0; 
}

.summary-bar {
    /*height: 51px;*/
    width: 100%;
    z-index: 100;
    background: #0c3560;
    position: relative;
    cursor: pointer;
}

.summary-bar-spacer {
    display: none;
    height: 35px;
}

/*
// #8040 Item added to basket
// Amended position of item tooltip notifications to be fixed onto mini-basket
// Changed to relative to house absolute position
// Amended div to class to stop styling of all child elements
*/
.tooltip {
    color: #DA292F;
    background: #fff;
    padding: 15px;
    display: none;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 3px 3px #888;
    box-shadow: 0px 0px 3px 3px #888;
    right: 0;
    top: 52px;
    position: absolute;
}

.summary-bar .summary-inner {
    max-width: 1040px;
    margin: 0 auto;
    color: #fff;
    display: block;
    position: relative;
    text-align: right;
    padding: 0 10px 0px 10px;
}

    .summary-bar .summary-inner [data-icon-d]:after {
        margin-left: 10px;
        margin-top: 1px;
        position: inherit;
        color: #fff;
    }

    .summary-bar .summary-inner span {
        display: inline-block;
    }
/* END #8040 */
.summary-drop header {
    border-bottom: 1px solid #fff;
    font-size: 16px;
    padding-bottom: 5px;
}

    .summary-drop header div {
        margin-bottom: 0px;
    }

.summary-drop {
    position: absolute;
    background: #0C3560;
    color: #fff;
    z-index: 1000;
    display: none;
    cursor: pointer;
    width: 100%;
    top: 0px;
    text-align: right;
    -webkit-transition: left 0.2s linear;
    -moz-transition: left 0.2s linear;
    -webkit-transition: left 0.2s linear;
    transition: left 0.2s linear;
    max-height: 550px;
    overflow-y: auto;
}
    /*.summary-drop div {
    max-width: 1060px;
    margin: 0 auto;
    color: #fff;
    display: block;
    /*text-align: right;
    padding: 0px 10px 10px;
}*/

    .summary-drop div [data-icon-d]:after {
        margin-left: 10px;
        margin-top: 1px;
        position: inherit;
        color: #fff;
    }

    .summary-drop article, .summary-drop header, .summary-drop .cash, .summary-drop .cash-passport, .summary-drop .discount-add {
        text-align: left;
    }

    .summary-drop article {
        margin-bottom: 15px;
    }

    .summary-drop div span {
        display: inline-block;
    }

    .summary-drop .currency-holder {
        border-bottom: none;
        background-image: none;
        padding-top: 10px;
        position: relative;
    }

        .summary-drop .currency-holder .cash + .row, .summary-drop .currency-holder .cash-passport + .row, .summary-drop .currency-holder .cash-passport-reload + .row, .summary-drop .currency-holder .home-delivery + .row, .summary-drop .currency-holder .home-delivery-free + .row, .summary-drop .currency-holder .alternate-delivery + .row, .summary-drop .currency-holder .alternate-delivery-free + .row, .summary-drop .currency-holder .airport-pickup + .row, .summary-drop .currency-holder .fee + .row, .summary-drop .currency-holder .store-pickup + .row, .summary-drop .currency-holder .fee-free + .row {
            padding-top: 20px;
        }

        .summary-drop .currency-holder .cash-passport-reload + .row {
            padding-top: 0;
        }

        .summary-drop .currency-holder .cash, .summary-drop .currency-holder .home-delivery, .summary-drop .currency-holder .alternate-delivery, .summary-drop .currency-holder .cash-passport, .summary-drop .currency-holder .fee, .summary-drop .currency-holder .cash-passport-reload, .summary-drop .currency-holder .fee-free, .summary-drop .currency-holder .home-delivery-free, .summary-drop .currency-holder .alternate-delivery-free, .summary-drop .currency-holder .airport-pickup, .summary-drop .currency-holder .store-pickup {
            text-align: left;
            padding: 0 0 0 35px;
            height: inherit;
            margin-bottom: 5px;
            border-bottom: none;
            position: absolute;
            line-height: 26px;
        }

    .summary-drop .mileage-points-add {
        padding-left: 35px;
        text-align: left;
    }

    .summary-drop .currency-holder .cash-passport-reload {
        position: relative;
    }

        .summary-drop .currency-holder .cash strong, .summary-drop .currency-holder .cash-passport strong, .summary-drop .currency-holder .fee strong, .summary-drop .currency-holder .cash-passport-reload strong, .summary-drop .currency-holder .fee-free strong, .summary-drop .currency-holder .store-pickup strong, .summary-drop .currency-holder .home-delivery strong, .summary-drop .currency-holder .home-delivery-free strong, .summary-drop .currency-holder .alternate-delivery strong, .summary-drop .currency-holder .alternate-delivery-free strong, .summary-drop .currency-holder .airport-pickup strong {
            font-weight: normal;
            font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
            font-size: 16px;
            line-height: 34px;
        }

    .summary-drop .currency-holder .botborder {
        padding: 5px 10px;
        font-size: 13px;
        border-bottom: 1px solid #3c5c7e;
    }

    .summary-drop .currency-holder h2 {
        text-align: left;
        font-weight: 200;
        font-family: "Lato Light", Helvetica, Arial, Verdana, sans-serif;
        border-bottom: 1px solid #1676c4;
        padding-bottom: 10px;
    }

    .summary-drop .sub-total {
        border-top: 1px solid #1676c4;
        display: block;
        overflow: hidden;
        padding: 10px 0 10px 0px;
        text-align: right;
        clear: both;
    }

        .summary-drop .sub-total strong {
            display: block;
            margin: 0 0 7px 0;
            font-size: 16px;
        }

    .summary-drop .currency-holder header {
        height: inherit;
        text-align: left;
        padding-bottom: 5px;
        border-bottom: 1px #fff solid;
        overflow: hidden;
    }

        .summary-drop .currency-holder header .twelve-col, .summary-drop .currency-holder header .three-col {
            padding: 0;
            font-size: 16px;
            font-weight: 200;
            font-family: "Lato Light", Helvetica, Arial, Verdana, sans-serif;
        }

    .summary-drop .ten-col:first-child span {
        padding-left: 45px;
    }

    .summary-drop header .four-col {
        text-align: right;
    }

    .summary-drop .currency-holder .twelve-col {
        width: 66.0377%;
        margin: 0;
    }

    .summary-drop .four-col.last-col {
        float: right;
    }

    .summary-drop div.extras {
        font-size: 12px;
        padding: 15px 0 10px 0px;
    }

    .summary-drop .four-col {
        padding: 0;
        text-align: right;
        margin: 0;
    }

    .summary-drop .ten-col {
        margin-bottom: 0;
    }

    .summary-drop .three-col:last-child {
        float: right;
    }

    .summary-drop .article {
        text-align: left;
    }

    .summary-drop .currency-holder article {
        margin: 0px 0;
        overflow: hidden;
        font-size: 14px;
    }

.summary-min, .order-summary {
    cursor: pointer;
    padding: 7px;
}

section,
.payment-page .express-payment,
.payment-page .express-payment-notes {
    background: #fff;
    padding: 20px 40px;
}
.payment-page .express-payment,
.payment-page .express-payment-notes {
    padding: 25px 40px 0;
}
section .row {
    overflow: unset;
}

.summary-drop .sitewrap .wrapper {
    margin: 0 20px;
}

.mobile-visible {
    display: none;
}

.desktop-visible {
    display: inline-block;
}

.header-container header .guarantee span.highlight, .header-container header .guarantee span.highlight span {
    color: #DA292F;
}

.header-container header .guarantee span.countdown_row {
    display: inline-block;
}

.no-bg {
    background: none !important;
    padding: 0;
}

    .no-bg img {
        clear: both;
    }

.eighteen-col {
    border-radius: 0 0 2px 2px;
}

    .eighteen-col header {
        padding: 20px 20px 20px 40px;
        background: #FFFFFF;
        border-radius: 2px 2px 0 0;
    }

.review-page .review-tbl-th, .confirmation-order-summary .review-tbl-th {
    background: none;
    border-radius: 0 0;
    padding: 5px 0px;
    border-bottom: 1px solid #dcdcdc;
    color: #475467;
}

.summary-drop .review-tbl-th {
    color: #fff;
}

    /* delete - start */
    .summary-drop .review-tbl-th h1 {
        font-size: 15px;
        font-family: "Lato Light", Helvetica, Arial, Verdana, sans-serif;
        font-weight: normal;
        display: inline-block;
        margin: 0;
    }

    /* delete - end */
    .summary-drop .review-tbl-th h2, .summary-drop .review-tbl-th span {
        font-size: 18px;
        font-family: "Lato bold", Helvetica, Arial, Verdana, sans-serif;
        font-weight: bold;
        display: inline-block;
        margin: 0;
        color: #fff;
    }


    .summary-drop .review-tbl-th div.headings span {
        font-size: 18px;
        color: #fff;
    }

.eighteen-col footer {
    padding: 20px 20px 10px 20px;
    background: #fff;
    overflow: hidden;
    position: relative;
}



/* Footer styles */


.footer-bar {
    background: #003368;
    overflow: hidden;
    color: #fff;
}

    .footer-bar span {
        float: left;
    }

        .footer-bar span a {
            color: #fff;
            font-weight: normal;
            font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
            text-decoration: none;
            /*margin-left: 10px;*/
        }

    .footer-bar .col {
        margin-left: 60px;
    }

    .footer-bar .colr {
        float: right;
    }

    .footer-bar .address {
        display: none;
    }

.colr [data-icon]:before {
    color: #8da4bb;
    margin-right: 20px;
}

footer ul.icons {
    padding: 0;
    margin: 0;
    float: left;
}

    footer ul.icons li {
        display: inline;
        margin: 0 0 5px 0px;
        padding: 0;
    }

.footer-links {
    float: right;
}

    .footer-links a {
        color: #fff;
        border-bottom: 1px solid #b1b1b4;
        text-decoration: none;
        display: block;
        padding: 10px 0;
        font-weight: 400;
        font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    }

.sub_footer {
    /*background: #000;*/
}

.footer-links .wrapper a:last-child {
    border-bottom: none;
}

.chat {
    display: block;
    text-align: center;
    border: 1px solid #b1b1b4;
    border-radius: 3px;
    padding: 2px 20px;
    background-color: #1a4877;
    margin-top: 35px;
    font-size: 15px;
}

.footer-container .twelvecol p {
    font-size: 12px;
    text-align: right;
}

.footer-container img {
    /*margin-top: 13px;*/
    height: 30px;
}

.country-AU .footer-container img, .country-NZ .footer-container img {
    height: 52px;
}


.footer-container footer {
    color: #202e3c;
    padding: 20px 0;
    /*margin-top: -60px;*/
}
/***********/

#messages {
    clear: both;
}

.warning {
    background: #fff;
    border-radius: 2px;
    margin-bottom: 20px;
    padding: 10px;
    color: #004fa3;
    font-size: 13px;
}

    .warning span {
        padding-left: 40px;
        display: block;
        font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    }

    .warning [data-icon]:before {
        font-size: 16px;
        margin: 0 0 0 -32px;
        position: absolute;
    }

    .warning:after {
        content: "";
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #fff;
        position: absolute;
        left: 50%;
        margin-left: -20px;
    }

.info {
    background: #fff;
    border-radius: 3px;
    margin-bottom: 30px;
    padding: 10px;
    color: #004fa3;
}

    .info h1 {
        text-align: center;
        color: #DA292F;
        font-family: "Lato Light", Helvetica, Arial, Verdana, sans-serif;
        font-weight: 200;
        border-bottom: 1px solid #E8E8E9;
        padding-bottom: 16px;
    }

    .info span {
        padding: 0 50px;
        color: #475467;
        display: block;
        font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
        text-align: center;
    }

    .info [data-icon]:before {
        font-size: 16px;
        position: absolute;
        margin: 5px 0 0 -32px;
    }

    .info:after {
        content: "";
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
        border-top: 25px solid #fff;
        position: absolute;
        left: 50%;
        margin-left: -50px;
    }

button {
    background-color: var(--blue-theme-color);
    border: medium none;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: block;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-weight: 400;
    margin: 25px auto;
    padding: 5px 10px;
}
    /*
// #8051 Hover state on all buttons and tabs
// Adding in hover state css
*/
/* END #8051 */

.button {
    background: var(--blue-theme-color);
    color: #fff;
    display: block;
    border-radius: 3px;
    text-decoration: none;
    font-weight: bold;
    font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
    font-size: 15px;
}

    .button a {
        color: #fff;
        text-decoration: none;
    }
    /*
// #8051 Hover state on all buttons and tabs
// Adding in hover state css
*/
    .button:hover {
        background: #176ba3;
    }


a:hover.button:hover {
    color: #FFF;
}
/* END #8051 */

.active {
    border-radius: 2px 2px 0 0;
}


/* External links styles - starts */

a.external-link-warning {
    position: relative;
    color: #000;
    text-decoration: none;
}

    a.external-link-warning:hover, a.external-link-warning:focus, a.external-link-warning:active {
        text-decoration: none;
    }

    a.external-link-warning span.popup-cont {
        position: absolute;
        left: -9000px;
        width: 0;
        overflow: hidden;
        text-transform: none;
    }

    a.external-link-warning:hover span.popup-cont, a.external-link-warning:focus span.popup-cont, a.external-link-warning:active span.popup-cont {
        display: block;
        position: absolute;
        top: 1.8em;
        left: 1em;
        width: 12em;
        border: 1px solid #475467;
        background-color: #e8e8e9;
        color: #000;
        text-align: center;
        padding: 4px 0;
        font-size: 12px !important;
        font-weight: normal !important;
        font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    }


/* External links styles - ends */

.red-button {
    background: #DA292F;
    color: #fff;
    display: block;
    border: none;
    border-radius: 2px;
    text-decoration: none;
    margin: 20px 0;
    padding: 20px;
    text-align: left;
    text-transform: uppercase;
    font-weight: 200;
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    min-width: 35%;
    letter-spacing: 2.4px;
    font-size: 18px;
}

    .red-button.next, .red-button.back {
        margin: 10px 0;
        /*padding: 10px;*/
        min-width: 10%;
        font-size: 16px;
    }

    .red-button.back {
        float: left;
        display: none;
    }
    /*
// #8051 Hover state on all buttons and tabs
// Adding in hover state css
*/
    .red-button:hover {
        background: #BF101C;
    }

.country-US .red-button:hover {
    background: green !important;
}

.country-US .calendar-legend .nd-legend + span {
    width: auto;
    margin: 0 20px 0 0;
}

/* END #8051 */

.red-button [data-icon]:before {
    float: right;
    margin-top: 2px;
}

.red-button.complete-order [data-icon]:before {
    margin-top: 4px;
}

.better-rates {
    display: none;
}

.rates {
    padding: 10px 7px;
    margin-top: 10px;
}
.button.rates.primary-btn.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.vr {
    background: url('../img/line.png') repeat-y;
    float: right;
}

.no-bg .vr {
    height: 32px;
    margin: -15px -20px 0;
    padding: 18px 0 0 20px;
    width: 2px;
}

.remove {
    color: #475467;
    display: inline-block;
    font-size: 14px;
    padding-right: 10px;
}

/* Promo Section */

.promo {
    color: #1676c4;
    display: block;
    float: right;
    font-size: 15px;
    margin-top: 25px;
    padding-bottom: 30px;
    position: absolute;
    right: 20px;
    text-align: right;
    top: 0;
}

.order-page .promo {
    width: 565px;
    margin: 0;
    padding: 26px 0 0 0;
}

.promo-input p {
    font-size: 13px;
    padding: 0;
    margin: 0 0 7px 0;
}

.promo-input-nectar-text {
    display: inline-block;
}

.promo-input input {
    width: 80px;
    font-size: 16px;
    padding: 6px 5px;
}
.promo-input input[disabled],
.promo-input input:disabled {
    background-color: #D0D5DD;
}
 
.promo-input .promo-code-manditory-input {
    width: 213px;
}

.promo-input-content p {
    text-align: left;
    margin-top: -31px;
}

.js-promo-btn {
    display: inline-block;
}

.order-page .promo .card-selection.js-promo-type {
    float: right;
}

.order-page .promo .promo-cancel.js-promo-cancel {
    float: right;
    display: block;
    margin: 12px 0px 0px 12px;
}

.order-page .promo #js-promo-type-select {
    float: left;
}

.js-promo-type-select-wrapper {
    float: left;
    position: relative;
}

    .js-promo-type-select-wrapper::after {
        content: "";
        display: block;
        height: 29px;
        width: 1px;
        background-color: #dbdbdb;
        position: absolute;
        right: 33px;
        top: 2px;
    }


.eighteen-col .addMoreCurrencyMain-wrapper {
    background: #fff;
    padding: 20px 20px 10px 20px;
    position: relative;
}

.review-page .promo {
    float: left;
    text-align: left;
    padding-bottom: 0;
    bottom: 0px;
    left: 0px;
    top: auto;
    overflow: visible;
    position: relative;
    right: 0;
    margin-top: 20px;
}

.promo-input {
    display: none;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-weight: 400;
}

.promoCodePrefix {
    display: inline-block;
}

.review-page .sub-total, .confirmation-order-summary .sub-total {
    float: right;
    margin: 20px 10px 0px 0px;
    font-size: 20px;
}
/*
// #8113 Promo cancel button
// Amending styling to link
*/
/* END #8113 */

.promo-input input {
    padding: 7px 5px;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-weight: 400;
    border: 1px solid #475467;
}

.promo-input button {
    display: inline-block;
    padding: 8px 16px;
    margin: 0 8px;
}

    .promo-input button:last-child {
        background-color: #1676c4;
    }

.promo .red[data-icon]:before {
    margin: 0 10px 0 0;
    position: relative;
}

.promo .red {
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    font-size: 12px;
    margin: 4px 0 7px 0;
}

/***/

.eighteen-col footer [data-icon]:before {
    margin: 3px 0 0 -25px;
    position: absolute;
}

.eighteen-col section .js-promo-btn:before {
    margin: 3px 0 0 -25px;
    position: absolute;
}


.review-page .eighteen-col section .js-promo-btn:before {
    margin: 3px 0 0 0;
}

.review-page span.js-promo-btn a {
    padding-left: 0px;
}

.eighteen-col footer .currency[data-icon]:before, .eighteen-col footer .passport[data-icon]:before {
    font-size: 28px;
    margin: -2px 0 0 -35px;
}

.currency, .passport {
    padding: 1% 15px 1% 50px;
    margin-bottom: 10px;
    display: inline-block;
}

.delivery[data-icon-d*="z"] {
    right: 20px;
}

.delivery span, .pickup span, .airport span {
    display: none;
}

.delivery {
    /*background-image: url('../img/sprite-custom-icons.png');
    background-position: -90px 15px;
    background-repeat: no-repeat;
    background-size: 150px 805px;*/
}

.buying-options-tab {
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 49%;
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 200;
    font-size: 16px;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ffffff;
    border-bottom: 1px solid #DCDCDC;
    border-radius: 0;
}

    .buying-options-tab a {
        padding: 15px 0;
        display: block;
        font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
        font-weight: normal;
        color: #78787A;
        text-transform: capitalize;
    }

.pickup {
    right: 0;
}

.airport {
    right: 0;
    margin-right: 0;
}

.currate-left, .currate-right {
    display: block;
    float: left;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-size: 12px;
    text-align: right;
    width: 47.5%;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
}

.currate-left {
    padding-right: 10px;
}

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

.exrate {
    clear: both;
    display: block;
    font-size: 12px;
    padding: 5px 0 3px 0px;
}

.exRatesSummary {
    display: block;
    float: right;
    width: 35%;
    font-size: 12px;
    letter-spacing: normal;
}

span.ealeft, span.earight {
    -moz-box-sizing: border-box;
    display: block;
    float: left;
    width: 47%;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

span.eq {
    display: inline-block;
    float: left;
    margin-top: 5px;
    width: auto;
}

.order-page .upsell-box {
    background-color: #003368;
    clear: both;
    color: #FFFFFF;
    display: inline-block;
    padding: 40px 0;
    text-align: center;
    width: 49%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

    .order-page .upsell-box:last-child {
        float: right;
    }

.order-page .trans-error {
    text-align: center;
    border-top: 1px solid #e8e8e9;
    position: relative;
    margin-top: 20px;
    padding-top: 20px;
    font-family: "Lato Light",Helvetica,Arial,Verdana,sans-serif;
    font-style: normal;
}

.review-page .error, .payment-on-collection .error {
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
}

.order-page .trans-error p {
    color: #DA292F;
    left: 50%;
    margin: -38px 0 0 -130px;
    position: absolute;
    background-color: #fff;
    padding: 0 20px 0 40px;
    font-style: normal;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-size: 20px;
}

.ealeft input, .earight input, .ealeft .form-control, .earight .form-control {
    margin: 0;
    width: 75%;
}

.row {
    clear: both;
    overflow: hidden;
    padding: 0px 0 0px 25px;
}

.payment-page section .row {
    clear: none;
}
/*.payment-page section .row:last-child, .billing-info section .row:last-child{
    margin-bottom: 0
}*/
.botborder {
    border-bottom: 1px solid #dcdcdc;
    overflow: hidden;
    padding: 10px;
}

.currency-holder .row:last-child .botborder {
    border-bottom: none;
}

.rowline {
    float: left;
    width: 45%;
    margin-top: 7px;
}

.summary-drop .rowline {
    text-align: left;
}

.rowline p {
    /*font-size: 12px;*/
}

ul.extras li p {
    padding: 0;
    margin: 0;
}

ul.extras {
    margin: 19px 0px 0px 0px;
    list-style: none;
    padding: 0;
}

    ul.extras li {
        font-size: 12px;
        margin-top: 10px;
    }

.offer-applied {
    letter-spacing: 2px;
}

ul.extras li.remove-product {
    margin-top: 15px;
}

.update-amount p {
    /*padding: 0.75em;   */
}

/*.row:hover div.botborder {
    background-color: #f0f5fa;
}*/

.summary-drop .row:hover div.botborder {
    background-color: transparent;
}

.btn-arrow {
    background-image: url('../img/checkout-v2.png');
    background-position: -15px -843px;
    background-repeat: no-repeat;
    background-size: 300px 1650px;
}

.eighteen-col header.red {
    color: #DA292F;
    background: #e8e8e9;
    padding: 0;
}

.payment-page .billing-info.row {
    padding: 0 40px;
}

/* delete - start */
h1.red.big {
    font-size: 25px;
    padding: 0 0 10px;
}
/* delete - end */

h2.red.big {
    padding: 0 0 10px;
}

.eighteen-col header.red h2 {
    font-family: "Lato Light",Helvetica,Arial,Verdana,sans-serif;
    font-weight: 200;
    font-size: 33px;
}

input[name="currency"], input.rcp-validate, .reload-cash-passport input:first-of-type.ui-autocomplete-input {
    width: 100%;
}

/** bureau or store finder widget **/
.bureau-search-form {
    display: inline-block;
    margin-bottom: 0;
    width: 73%;
    font-size: 24px;
}

.bureau-find-form h4 {
    float: left;
    font-size: 18px;
    line-height: 38px;
    margin: 0;
    padding-right: 10px;
    font-family: "Lato Bold",Helvetica,Arial,Verdana,sans-serif;
    font-weight: normal;
}

.bureau-search-form input, .bureau-search-form button {
    display: inline-block;
    margin: 0;
}

.bureau-find-form {
    border: 1px solid #dcdcdc;
    padding: 10px;
    background-color: #faf7f7;
    margin-bottom: 20px;
    display: flex;
}

.bureau-find-form > strong {
    margin-top: 10px;
    margin-right: 5px;
}

.blue-btn {
    background: #1676c4;
    border: 0;
    color: #fff;
    font-family: "Lato Bold",Helvetica,Arial,Verdana,sans-serif;
    font-size: 0.938em;
    width: auto;
    padding: 0 20px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    height: 41px;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    box-sizing: border-box;
}


p.storerow-title {
    margin: 0;
    padding: 0;
    margin: 0;
    font-weight: bold;
    font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
    display: inline-block;
    /* font-size: 20px; */
}

html.lt-ie9 p.storerow-title {
    display: inline;
    padding-left: 10px;
}

.bureau-find-form h4.location {
    background: url('../img/sprite-finder-widget.png') no-repeat left 0;
    padding: 0 0 0 20px;
    margin: 0 0 20px 0;
    font-size: 0.938em;
    line-height: 1.5;
    float: none;
}
/*.bureau-find-form h4 {
    float:left; 
    font-family: 'fs_mebold',Arial,Helvetica,sans-serif;
    font-size: 1.125em;
    line-height: 2;
    margin: 0;
}*/
.bureau-search-form input#searchTerm {
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #dcdcdc;
    font-size: 18px;
    vertical-align: middle;
    padding: 0px 5px;
    width: 65%;
}

html.lt-ie9 .bureau-search-form input#searchTerm {
    line-height: 40px;
}

.selected-bureau {
    padding: 20px;
}

    .selected-bureau.selected-store {
        background: #EFF5FB;
    }

ul.store-results-container {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul.store-results-container li.selected-bureau {
        margin-bottom: 20px;
        border: 1px solid #dcdcdc;
        -moz-border-radius: 2px;
        -o-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }

.bureau-calendar {
    border-top: 1px solid #E8E8E9;
    clear: both;
    margin-top: 15px;
    padding-top: 20px;
}

ul.store-results-container .storerow-selector {
    float: right;
    min-width: 50%;
    position: relative;
    display: block;
    padding: 0 0px 0 0;
    margin: -6px 0 0 0;
    max-width: 700px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.storerow-selector-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

select.button.storerow-selector-name.hasCustomSelect {
    width: 100% !important;
    left: 0px;
    height: 40px !important;
    top: 0;
    cursor: pointer;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-weight: normal;
}

    select.button.storerow-selector-name.hasCustomSelect option {
        background: #f2f2f2;
        color: #787878;
        font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
        font-weight: normal;
    }

ul.store-results-container .storerow-selector .customSelect.button {
    color: #fff;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    width: auto;
    border: 0 none;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    float: right;
    padding: 0;
    background: url('../img/down-arrow-white.png') no-repeat #1676c4 right top;
    min-width: 450px;
}

ul.store-results-container .storerow-selector .customSelectInner {
    padding: 10px 0px 5px 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    overflow: hidden;
    width: 87% !important;
    text-overflow: ellipsis;
    background: none;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-weight: normal;
}

.di[data-icon]:before, .bureau-collect[data-icon]:before {
    font-size: 28px;
    margin: -3px 0 0 -45px !important;
    position: absolute;
}

.delivery-msg[data-icon]:before {
    font-size: 28px;
    margin: 0px 0 0 -45px !important;
    position: absolute;
}

.bureau-collect {
    padding: 0;
    margin-top: 0;
}

.di {
    padding: 0;
    margin: 0;
}

.storerow-selector ul.storerow-selector-options {
    position: absolute;
    z-index: 999;
    width: 100%;
    background: #fff;
    max-height: 200px;
    overflow: auto;
}

    .storerow-selector ul.storerow-selector-options li {
        border-bottom: 1px solid #ccc;
    }

.less-info {
    /*overflow:hidden;*/
}

.less-info-location {
    float: left;
    position: relative;
}

a.storerow-selector-name {
    padding: 10px 50px 10px 10px;
    position: relative;
}

ul.store-results-container .more-info div.info-box {
    background: #fff;
    float: left;
    min-height: 250px;
    width: 29%;
    margin: 0 2% 0 3%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

ul.store-results-container .storerow-image.info-box.airport-map.last {
    height: 250px;
}

ul.store-results-container .more-info div.info-box:last-child, ul.store-results-container .more-info div.info-box.last {
    margin-right: 0;
}

/*AU*/
ul.store-results-container .more-info .info-box.notes-directions, ul.store-results-container .more-info .info-box.special-hours, ul.store-results-container .more-info .info-box.special-closures {
    margin-top: 20px;
    width: auto;
    float: none;
    height: auto;
    min-height: 110px;
}

    ul.store-results-container .more-info .info-box.notes-directions .padded, ul.store-results-container .more-info .info-box.special-hours .padded, ul.store-results-container .more-info .info-box.special-closures .padded {
        padding: 4%;
    }

h5.notesdirections {
    background: url('../img/notendirection.png') no-repeat;
}

p.notesdirections {
    padding: 5px 0px 5px 0 !important;
}

p.text.storerow-contact a {
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    font-weight: normal;
    text-decoration: underline;
}

p.storerow-contact {
    word-break: break-word;
}

/*AU*/


ul.store-results-container .more-info div.info-box.storerow-image {
    background-color: #EFF5FB;
}

.padded {
    padding: 4%;
}

ul.store-results-container .more-info div.info-box h5, ul.store-results-container .more-info div.info-box p:first-child {
    padding: 2px 0 5px 0;
    border-bottom: 1px solid #e4e4e4;
    margin: 0 0 10px 0;
}

.more-info .info-box #special-hours-data p, .more-info .info-box #special-closures-data p {
    padding: 5px 0 5px 0;
}

.timetable {
    width: 100%;
}

    .timetable td {
        font-size: 15px;
        line-height: 1.7em;
    }

.storerow-image img {
    vertical-align: baseline;
    max-width: 100%;
    /*display: none;*/
}

.storerow-image .amap-container, .storerow-image .gmap-container {
    width: 100%;
    height: 100%;
}

    .storerow-image .amap-container a:focus,
    .storerow-image .gmap-container a:focus {
        outline: 2px solid #121212;
        outline-offset: -2px;
    }

/*.gradient-bckgrnd {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(253,253,253,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(253,253,253,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(253,253,253,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(253,253,253,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(253,253,253,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(253,253,253,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fdfdfd',GradientType=0 );
}*/
.more-actions {
    text-align: right;
}

    .more-actions a {
        background: url('../img/sprite-finder-widget.png') no-repeat 95% -33px;
        border: 0;
        color: #fff;
        font-size: 0.938em;
        width: auto;
        padding: 0 50px 0 25px;
        -webkit-border-radius: 2px;
        -o-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        line-height: 2.7;
        -webkit-appearance: none;
        cursor: pointer;
        display: inline-block;
        box-sizing: border-box;
        text-decoration: none;
        margin-top: 20px;
    }

        .more-actions a.blue {
            background-color: var(--blue-theme-color);
        }

        .more-actions a.red {
            background-color: #DA292F;
            text-transform: uppercase;
            margin-top: 0px;
        }

ul.store-results-container .more-actions {
    display: none;
}

ul.store-results-container .selected-store .more-actions {
    display: block;
}

p.storerow-address {
    padding-left: 30px;
    font-size: 0.85em;
    margin: 10px 0px 0 0;
}

img.store-address.storerow-logo {
    float: right;
    margin: -53px 0 0 0;
    display: block;
    width: 72px;
    height: 54px;
}

a.storerow-selector-name span.vr {
    position: absolute;
    top: 0;
    right: 0;
    padding: 12px 10px 7px 10px;
}

.info-box.airport-map, .info-box.storerow-image {
    overflow: hidden;
}

/*input[type="radio"] + span.styled-radio {
    background: url('../img/radio-btns.png') no-repeat scroll left bottom transparent;
    cursor: pointer;
    margin: 6px 0px 0 0;
    vertical-align: middle;
    width: 19px;
    height: 19px;
    background-position: left bottom;
    background-size: 19px;
    border-bottom: none;
    float: left;
    padding: 0;
}*/

input[type="radio"]:checked + span.styled-radio:before {
    /*background-position: left top;*/
    left: 0;
    top: 7px;
}

.less-info-location input[type="radio"]:checked + span.styled-radio:before {
    left: unset;
    top: unset;
}

/** bureau or store finder widget **/

/* Currency Details */



/*
// #8110 IE9 value inout fields
// Amending styling to highlight selected input box - across all browsers
*/


span.earight {
    float: right;
    text-align: right;
}
/* END #8110 */

.currency-detail label:first-of-type {
    /*margin: 0 1% 0 2%;*/
}

.currency-detail label:last-of-type {
    /*margin: 0 0 0 5px;*/
}

/*.currency-detail input:last-of-type {
    margin: 0 0 0 1%;

}*/

.enter-amount label {
    font-family: "Lato Bold",Helvetica,Arial,Verdana,sans-serif;
    font-size: 13px;
    font-style: normal;
}

.scrnread {
    position: absolute;
    left: -9999px;
}

.currency-product {
    padding-top: 0;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0px, 0px, 0px, 0px);
    border: 0px none;
}

.currency-holder {
    /*overflow: hidden;*/
    border-bottom: 1px solid #dcdcdc;
    padding: 20px 0 0;
}
/*.currency-holder::after{
    clear:both;
    height:0;
    overflow:hidden;
}*/

.discount-holder {
    overflow: hidden;
    border-bottom: 1px solid #E8E8E9;
    padding: 10px 0;
}


.currency-holder .cash p {
    font-size: 15px;
}

.discount {
    margin: 10px 0;
    background-image: url("../img/discount-applied.png");
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 48px auto;
    background-color: #DCEFDC;
    display: block;
    padding: 15px 15px 15px 80px;
    overflow: hidden;
}

    .discount strong {
        display: block;
        width: 85%;
        float: left;
    }

    .discount span {
        display: block;
    }

        .discount span a {
            font-size: 13px;
        }

        .discount span[data-icon]:before {
            font-size: 10px;
        }

        .discount span:first-of-type {
            text-align: right;
        }

.currency-detail {
    display: block;
    float: right;
    /*margin-bottom: 10px;*/
    position: relative;
    text-align: right;
    width: 50%;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.strike {
    text-decoration: line-through;
}

.exchange-rate .strike {
    color: #475467;
    float: none;
    margin-right: 2px;
}

.js-enhanced-better-rate-box .exchange-rate {
    color: #475467 !important;
    font-size: 12px;
    padding-bottom: 10px !important;
}

.exrate .strike {
    padding-right: 2px;
}

.currency-detail ul.better-rates {
    border: 1px solid var(--gray-400);
    width: 100%;
    border-top: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
    border-radius: 0 0 2px 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-sizing: border-box;
    box-sizing: border-box;
}

    .currency-detail ul.better-rates li {
        display: block;
        padding: 17px 15px;
        border-bottom: 1px solid #2A313C;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-sizing: border-box;
        box-sizing: border-box;
        clear: both;
        overflow: hidden;
    }

        .currency-detail ul.better-rates li p {
            margin: 0;
            padding: 0;
        }

        .currency-detail ul.better-rates li:last-child {
            border-bottom: none;
        }

        .rates-label-btn {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .currency-detail ul.better-rates li span {
            float: left;
            width: 50%;
        }

        .currency-detail ul.better-rates li span[role='button'].red-button {
            padding: 5px 10px;
            display: inline-block;
            float: right;
            margin: -5px 0 0 0;
            font-size: 12px;
            width: auto;
            cursor: pointer;
        }

        .currency-detail ul.better-rates li .exchange-rate {
            clear: both;
            text-align: center;
            display: block;
            padding-top: 15px;
            color: #004fa3;
        }

        .currency-detail ul.better-rates li span.strike {
            float: none;
        }

.review-order-details .currency-detail {
    width: 43%;
}

.review-order-details .currency-holder, .summary-drop .currency-holder {
    border-bottom-color: #dcdcdc;
}

.review-order-details .currency-detail .enter-amount span.ealeft, .review-order-details .currency-detail .enter-amount span.earight, .summary-drop .currency-detail .enter-amount span.ealeft, .summary-drop .currency-detail .enter-amount span.earight {
    text-align: right;
    width: 40%;
}

.review-order-details .currency-detail .enter-amount span.eq, .summary-drop .currency-detail .enter-amount span.eq {
    display: inline-block;
    float: left;
    width: 20%;
    margin: 0 auto;
    position: relative;
    text-align: center;
    left: 5%;
}

.confirmation-order-summary .currency-detail .enter-amount span.eq {
    margin-top: 0;
}

.review-order-details .currency-detail .exrate {
    width: 86%;
    float: right;
}

.review-order-details .currency-detail .exrate .currate-left {
    padding-right: 10px;
}

.review-order-details .currency-detail .exrate .currate-left, .review-order-details .currency-detail .exrate .currate-right, .summary-drop .currency-detail .exrate .currate-left, .summary-drop .currency-detail .exrate .currate-right {
    width: 47%;
}

.currency-detail .exrate .currate-left {
    white-space: nowrap;
}

.summary-drop .currency-detail .exrate {
    width: 86%;
    float: right;
}

    .summary-drop .currency-detail .exrate .currate-left {
        padding-right: 10px;
    }

.exRatesSummary span.ealeft {
    text-align: right;
    padding-right: 10px;
    width: 60%;
}

.exRatesSummary span.earight {
    text-align: left;
    width: 30%;
    float: left;
    padding-left: 10px;
}

.exRatesSummary span.eq {
    margin-top: 0;
}

.exRatesSummary em.strike {
    font-style: normal;
}
/*
// #8112 Cash passport icon
// Update to show cash passport icons
*/
.cash {
    background: url('../img/cash-product-icon.png') no-repeat;
    padding: 0 0 0 35px;
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 34px;
}

.cash-passport {
    background: url("../img/cash-passport-icon.png") no-repeat;
    background-repeat: no-repeat;
    font-size: 18px;
    padding: 0 0 0 35px;
    line-height: 34px;
}

.cash-passport-reload {
    background: url("../img/passport-reload.png") no-repeat;
    background-repeat: no-repeat;
    font-size: 18px;
    padding: 0 0 0 35px;
    line-height: 34px;
}

.home-delivery {
    background: url("../img/cash-home-delivery-icon.png") no-repeat;
    background-repeat: no-repeat;
    font-size: 18px;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 34px;
}

.home-delivery-free {
    background: url("../img/cash-home-delivery-free-icon.png") no-repeat;
    background-repeat: no-repeat;
    font-size: 18px;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 34px;
}

.alternate-delivery {
    background: url("../img/cash-home-delivery-icon.png") no-repeat;
    background-repeat: no-repeat;
    font-size: 18px;
    padding: 0 0 0 35px;
    line-height: 34px;
    text-align: left;
}

.alternate-delivery-free {
    background: url("../img/cash-home-delivery-free-icon.png") no-repeat;
    background-repeat: no-repeat;
    font-size: 18px;
    padding: 0 0 0 35px;
    line-height: 34px;
    text-align: left;
}

.store-pickup {
    background: url("../img/store-pickup-icon.png") no-repeat;
    background-repeat: no-repeat;
    font-size: 18px;
    padding: 0 0 0 35px;
    line-height: 34px;
    text-align: left;
}

.store-pickup-free {
    background: url("../img/store-pickup-free-icon.png") no-repeat;
    background-repeat: no-repeat;
    font-size: 18px;
    padding: 0 0 0 35px;
    line-height: 34px;
    text-align: left;
}

.airport-pickup {
    background: url("../img/airport-pickup-icon.png") no-repeat;
    background-repeat: no-repeat;
    font-size: 18px;
    padding: 0 0 0 35px;
    line-height: 34px;
    text-align: left;
}

.airport-pickup-free {
    background: url("../img/airport-pickup-free.png") no-repeat;
    background-repeat: no-repeat;
    font-size: 18px;
    padding: 0 0 0 35px;
    line-height: 34px;
    text-align: left;
}

.delivery-method {
    background: url("../img/delivery-method.png") no-repeat;
    background-repeat: no-repeat;
    font-size: 18px;
    padding: 0 0 0 35px;
    line-height: 34px;
    text-align: left;
}

.discount-add {
    background: url("../img/discount-added.png") no-repeat;
    background-repeat: no-repeat;
    font-size: 18px;
    padding: 0 0 0 35px;
    line-height: 34px;
    text-align: left;
}

.buyback-add {
    background: url("../img/cash-buyback-icon.png") no-repeat;
    background-repeat: no-repeat;
    font-size: 18px;
    padding: 0 0 0 35px;
    line-height: 34px;
    text-align: left;
}

.card-fee {
    background: url("../img/fee-icon.png") no-repeat;
    background-repeat: no-repeat;
    font-size: 18px;
    padding: 0 0 0 35px;
    line-height: 34px;
    text-align: left;
}

.fee {
    background: url("../img/fee-icon.png") no-repeat;
    background-repeat: no-repeat;
    font-size: 18px;
    padding: 0 0 0 35px;
    line-height: 34px;
    text-align: left;
}

.fee-free {
    background: url("../img/fee-free-icon.png") no-repeat;
    background-repeat: no-repeat;
    font-size: 18px;
    padding: 0 0 0 35px;
    line-height: 34px;
    text-align: left;
}

.card-fee-free {
    background: url("../img/fee-free-icon.png") no-repeat;
    background-repeat: no-repeat;
    font-size: 18px;
    padding: 0 0 0 35px;
    line-height: 34px;
    text-align: left;
}

.tooltip .cash, .tooltip .cash-passport {
    border-top: 1px solid #E8E8E9;
    border-bottom: none;
    display: block;
    margin: 15px 0 5px 0;
    width: 100%;
    padding-top: 10px;
    color: #475467;
    background-image: url("../img/currency.png");
    background-size: 48px auto;
    background-position: 0 15px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: inherit;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
}

.cash.EUR {
    background-image: url('../img/currency-eur.png');
    background-repeat: no-repeat;
    background-size: 48px;
}

.cash.EUR-neg {
    background: url('../img/currency-neg-eur.png') no-repeat;
    background-size: 48px;
}

.cash-passport.EUR {
    background-image: url('../img/passport-eur.png');
    background-repeat: no-repeat;
    background-size: 48px;
}

.cash-passport.EUR-neg {
    background: url('../img/passport-neg-eur.png') no-repeat;
    background-size: 48px;
}

.cash.GBP {
    background: url('../img/currency-gbp.png') no-repeat;
    background-size: 48px;
}

.cash.GBP-neg {
    background: url('../img/currency-neg-gbp.png') no-repeat;
    background-size: 48px;
}

.cash-passport.GBP {
    background: url('../img/passport-gbp.png') no-repeat;
    background-size: 48px;
}

.cash-passport.GBP-neg {
    background: url('../img/passport-neg-gbp.png') no-repeat;
    background-size: 48px;
}

.cash.USD {
    background: url('../img/currency-usd.png') no-repeat;
    background-size: 48px;
}

.cash.USD-neg {
    background: url('../img/currency-neg-usd.png') no-repeat;
    background-size: 48px;
}

.cash-passport.USD {
    background: url('../img/passport-usd.png') no-repeat;
    background-size: 48px;
}

.cash-passport.USD-neg {
    background: url('../img/passport-neg-usd.png') no-repeat;
    background-size: 48px;
}

.cash.JPY {
    background: url('../img/currency-jpy.png') no-repeat;
    background-size: 48px;
}

.cash.JPY-neg {
    background: url('../img/currency-neg-jpy.png') no-repeat;
    background-size: 48px;
}

.cash-passport.JPY {
    background: url('../img/passport-jpy.png');
    background-repeat: no-repeat;
    background-size: 48px;
}

.cash-passport.JPY-neg {
    background: url('../img/passport-neg-jpy.png') no-repeat;
    background-size: 48px;
}

.confirmation-page .have-questions section {
    overflow: hidden;
}


.bb-trans-id {
    color: #475467;
    font-size: 13px;
}

/* END #8112 */

/*
// #8096 Secondary card added
// Update to show secondary card in basket
*/

.cash-passport.secondary {
    background: url('../img/passport.png') no-repeat;
    background-size: 48px;
}

/* #END 8096 */

.added .cash-passport, .added .cash {
    background-position: 0 15px;
}

/*.airport-pickup {
    background: url('../img/delivery-airport.png') no-repeat;
    background-size: 48px;
}
.store-pickup-free {
    background: url('../img/delivery-store-free.png') no-repeat;
    background-size: 48px;
}
.home-delivery {
    background: url('../img/delivery-home.png') no-repeat;
    background-size: 48px;
}

.home-delivery-free {
    background: url('../img/delivery-home-free.png') no-repeat;
    background-size: 48px;
}

.store-pickup {
    background: url('../img/delivery-store.png') no-repeat;
    background-size: 48px;
}



.discount-added {
    background-image: url("../img/discount-applied.png");
    background-size: 48px;
}*/

.cash-passport strong, .cash strong, .delivery-holder .date-select p {
    display: block;
    font-size: 18px;
    line-height: 34px;
}


.cash-passport span, .extra-cash-passport span, .cash span {
    display: block;
}

    .cash-passport .remove, .cash-passport span[data-icon]:before, .cash .remove, .cash span[data-icon]:before, .extra-cash-passport .remove, .extra-cash-passport span[data-icon]:before {
        font-size: 10px;
    }

.cash-passport a.remove, .extra-cash-passport a.remove, .cash a.remove {
    font-size: 13px;
}

.extra-cash-passport-holder {
    display: block;
    overflow: hidden;
    clear: both;
    border-top: 1px solid #E8E8E9;
    padding-top: 15px;
}

.extra-cash-passport {
    display: block;
    float: left;
    min-height: 80px;
    width: 50%;
    margin-bottom: 20px;
    clear: both;
    padding-left: 60px;
    font-size: 18px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.add-currency {
    position: relative;
}

    .add-currency [data-icon]:before {
        margin-right: 10px;
        font-size: 13px;
    }
    /*
// #8097 Add another currency to your cash passport
// Amending styling to not target all spans
*/
    .add-currency .cus, .add-currency .customSelect {
        margin-right: 30px;
        cursor: pointer;
        font-weight: bold;
        font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
    }

    .add-currency .cus.add-buy-back, .add-currency .add-secondary-card-div {
            border-top: 1px solid #dcdcdc;
            display: flex;
            align-items: center;
    }
        .add-currency .cus.add-buy-back, .add-currency .cus.add-secondary-card {
            margin-right: 0;
            padding: 10px 0px;
            clear: both;
            display: inline-block;
            /* border-top: 1px solid #dcdcdc; */
            color: #1676c4;
            background: #fff;
            cursor: default;
        }

        .add-currency .cus a.info-tooltip {
            /*position: absolute;*/
            width: 20px;
            left: 153px;
            top: 10px;
        }

.country-FR .add-currency .cus a.info-tooltip {
    left: 265px;
}

.country-DE .add-currency .cus a.info-tooltip {
    left: 196px;
}
/* GERMANY TOOLTIP */

.country-FE .add-currency .cus a.info-tooltip {
    left: 269px;
}

.add-currency .cus a.info-tooltip span {
    left: 90%;
    width: 250px;
    top: -100px;
    margin: 0 0 0 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
/* END #8097 */

.currency-detail .vr {
    height: 19px;
    margin: -10px 0 0 10px;
    padding: 12px 5px 9px 15px;
    position: inherit;
}

.currency-detail .enter-amount {
    width: 100%;
    position: relative;
    z-index: 1;
    /*display: inline;*/
}

.currency-detail [data-icon-d]:after {
    position: inherit;
}

.currency-detail .red-button {
    float: none;
    width: auto;
    text-align: center;
    padding: 8px;
    margin: 12px 0;
}

.currency-detail .update-amount {
    border-bottom: 1px solid #E8E8E9;
    overflow: hidden;
    display: none;
    margin-bottom: 10px;
}

.currency-detail input[disabled] {
    background-color: #e8e8e9;
}

.updated {
    background-color: #DCEFDC;
    display: block;
    border: 5px solid #DCEFDC;
    position: relative;
}

.updated-fade {
    background-color: #DCEFDC;
    border: 5px solid #DCEFDC;
    display: block;
    height: 40px;
    /* left: -5px; */
    position: absolute;
    top: -8px;
    width: 100%;
    z-index: 0;
    -moz-opacity: 0.6;
    -o-opacity: 0.6;
    -webkit-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

    .updated-fade[data-icon]:before {
        color: #50B050;
        background-color: #DCEFDC;
        border: 5px solid #DCEFDC;
        line-height: 42px;
        height: 100%;
        display: block;
        position: absolute;
        top: -5px;
        left: -35px;
        padding: 0 5px;
    }

.currency-detail .updated input {
    width: 34%;
}

.topmost-pagenote {
    text-align: center;
    padding: 0;
    margin: 0;
    color: #475467;
    font-weight: bold;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
}

    .topmost-pagenote p {
        padding: 10px 0 0 0;
        margin: 0;
        font-size: 15px;
    }

.updated-error {
    background-color: #fde8ea;
    display: block;
    margin-left: -30px;
    padding: 5px 5px 5px 35px;
}

    .updated-error[data-icon]:before {
        color: #DA292F;
        margin: 0 5px 0 -25px;
    }

.updated[data-icon]:before {
    color: #50B050;
    background-color: #DCEFDC;
    border: 5px solid #DCEFDC;
    line-height: 42px;
    height: 100%;
    display: block;
    position: absolute;
    top: -5px;
    left: -25px;
    padding: 0 5px;
}

.updated-msg {
    color: #50B050;
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    margin: 0;
    padding: 50px 0 0 0;
    font-size: 12px;
}

.updated-msg-err {
    color: #DA292F;
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
}

.currency-detail p,
.sanction-view-container .title {
    text-align: center;
}
/* End currency detail */
/* Add more currency dropdown */
#addMoreCurrency .tabnav a span.icon {
    display: none;
}

#addMoreCurrency .tabnav a {
    padding: 10px 15px 10px 50px;
    margin-bottom: 10px;
    display: inline-block;
    background: #1676c4;
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
    font-weight: bold;
    font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
}

.add-products {
    position: relative;
    min-height: 50px;
}

    .add-products .currency {
        position: absolute;
        top: 0;
    }

    .add-products .passport {
        margin-left: 230px;
        position: absolute;
        top: 0;
    }

#cp-actions .reload-cash-passport {
    margin-bottom: 20px;
}

.add-more-currency, .reload-cash-passport {
    border: 2px solid #c3daf0;
    /*margin-top: 15px;*/
    display: none;
    position: relative;
    top: 70px;
    margin-bottom: 80px;
    font-size: 15px;
    padding: 2% 35% 2% 3%;
}

    .buycurrency p label, .cashpassport p label, .reload-cash-passport .currency-form-group {
        font-weight: bold;
    }

.buycurrency .amount-text, .cashpassport .amount-text, .buycurrency div.top:not(div.tooltip-container.top) {
    font-weight: bold;
    position: relative;
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    display: block;
    font-size: 15px;
    margin: 1em 0;
}

.buycurrency {
    position: relative;
    clear: both;
}

.not-available-currency-tooltip {
    position: absolute;
    position: absolute;
    width: 100%;
    padding: 10px;
    border: 2px solid grey;
    padding: 10px;
    top: 83px;
    color: red;
    background: white;
    border-radius: 5px;
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    font-size: 12px;
    line-height: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    display: none;
    z-index: 98;
}

    .not-available-currency-tooltip:before {
        background-image: url(../img/nocurrency-tooltip-arrow.png);
        top: -14px;
        content: "";
        display: block;
        width: 18px;
        height: 14px;
        left: 46%;
        position: absolute;
        z-index: 99;
    }

.add-prepaidcardreload-tab {
    top: 70px;
    margin-bottom: 70px;
}

#basketItems .currency-holder .add-currency .add-more-currency, #basketItems .currency-holder .add-currency .reload-cash-passport {
    margin-bottom: 20px;
}

.no-items .add-more-currency {
    margin-bottom: 10px;
}

.add-more-currency p, .reload-cash-passport p,
.sanction-view-container .view-link {
    position: relative;
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    font-weight: normal;
}

.reload-cash-passport .closeDiv, .add-more-currency .closeDiv {
    margin: 0;
}

.add-currency .reload-cash-passport form {
    opacity: 1;
}

.add-currency .reload-cash-passport {
    top: 10px;
    color: #475467;
}

.no-items .reload-cash-passport {
    width: inherit;
    border: none;
    top: 0;
    margin: 0;
    padding: 0;
}

    .no-items .reload-cash-passport p {
        margin-top: 0;
    }

        .no-items .reload-cash-passport p.center {
            margin-top: 20px;
        }

    .no-items .reload-cash-passport:before {
        background: none;
    }

    .no-items .reload-cash-passport .card-validated {
        padding: 1.7% 4% 1.7% 2%;
    }

    .no-items .reload-cash-passport input:first-of-type {
        display: inline-block;
    }

.add-more-currency:before, .reload-cash-passport:before {
    content: "";
    display: block;
    width: 56px;
    height: 16px;
    background-image: url('../img/add-currency-arrow.png');
    background-repeat: no-repeat;
}

.add-more-currency:before {
    position: absolute;
    top: -16px;
    left: 40px;
}

#addMoreCurrency .reload-cash-passport:before, #addMoreCurrency .add-prepaidcardsale-tab:before {
    position: absolute;
    top: -16px;
    left: 280px;
}

#addMoreCurrency .add-prepaidcardsale-tab:before {
    position: absolute;
    top: -16px;
    left: 220px;
}


.currency-detail input, .add-more-currency input, .reload-cash-passport input, .add-more-currency-widget input {
    border: 1px solid #DCDCDC;
    border-radius: 2px;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    padding: 5px 5px 5px 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.enter-amount input {
    text-align: right;
}

.reload-cash-passport input:first-of-type {
    width: 70%;
}

.currency-detail .enter-amount input {
    z-index: 10;
}

.ui-tooltip.ui-widget {
    z-index: 10000;
}

.reload-cash-passport .check-card {
    display: inline-block;
    padding: 7px;
    margin: 0 0 10px 2%;
}

.reload-cash-passport .card-validated {
    background-color: #edf7ed;
    color: #50b050;
    display: none;
    /* margin-left: 2%; */
    margin-left: 1%;
    /*width: 17%;*/
    padding: 1.7% 0 1.7% 6%;
}

    .reload-cash-passport .card-validated[data-icon]:before {
        font-style: normal;
        margin-right: 5px;
    }

.reload-cash-passport form input[disabled] {
    background-color: #fff;
}

.reload-cash-passport form {
    clear: both;
}

.add-more-currency button.closeDiv, .reload-cash-passport button.closeDiv {
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 3px 7px 7px;
    z-index: 1;
}

.add-more-currency button[data-icon-after]:after, .reload-cash-passport button[data-icon-after]:after {
    color: #fff;
    font-size: 10px;
}

.add-more-currency .error, .reload-cash-passport .error, .reload-cash-passport .rcp-error {
    background-color: #FDE8EA;
    text-align: center;
    padding: 10px;
    color: #DA292F;
    display: none;
    font-size: 16px;
    clear: both;
}

    .add-more-currency .error[data-icon]:before, .reload-cash-passport .error[data-icon]:before, .reload-cash-passport .rcp-error[data-icon]:before {
        font-style: normal;
    }

.add-more-currency .addCash, .reload-cash-passport .red, .reload-cash-passport .add-rcp {
    position: inherit !important;
}

.add-more-currency .vr, .reload-cash-passport .vr, .add-more-currency-widget .vr {
    height: 40px;
    margin: -15px 0 0 10px;
    padding: 20px 5px 0 20px;
    color: #FDE8EA;
    font-size: 18px;
}

.add-more-currency input[type="radio"] + label span {
    padding-left: 3px !important;
}

.add-more-currency input[type="radio"] + label {
    font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
    font-style: normal;
    font-size: 15px;
    margin-right: 6%;
    margin-left: 0;
}

.add-more-currency .cost-lbl {
    margin-right: 0;
}

.add-more-currency input.cost, .reload-cash-passport input.cost {
    margin-left: 30px;
}

.add-more-currency input + label, .reload-cash-passport input + label {
    /*margin: 0 22px 0 20px;
    font-size: 20px;*/
}

    .no-items .reload-cash-passport input + label:last-of-type, .add-more-currency input[type="radio"] + label:last-of-type, .add-more-currency input + label:last-of-type, .reload-cash-passport input + label:last-of-type {
        margin-right: 0;
    }

/*.add-more-currency input:nth-child(2) + label {
    margin-right: 10px;
}*/

.add-more-currency input#cost, .reload-cash-passport input#cost {
    margin-left: 30px;
}

.add-more-currency .center, .reload-cash-passport .center {
    text-align: center;
}

.add-more-currency hr, .reload-cash-passport hr {
    border-color: #dcdcdc;
    height: 1px;
}

.eighteen-col.basket-empty {
    display: none;
}

.no-items .add-more-currency, .no-items .reload-cash-passport {
    top: 15px;
    width: auto;
}

.no-items .add-more-currency {
    padding: 30px 5% 30px;
}

.no-items .center {
    text-align: center;
}

.no-items .add-more-currency:before {
    left: 50%;
    margin-left: -28px;
}

.no-items .add-more-currency button:first-of-type, .no-items .reload-cash-passport button:first-of-type {
    position: static;
}
/* new tab styles - starts */
.no-items .tabnav h2 {
    display: flex;
    width: 50%;
    background-color: #ffffff;
    padding: 0;
    margin: 0;
    float: left;
    text-align: center;
    font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
    font-style: normal;
    color: #004fa3;
    text-transform: capitalize;
    font-weight: bold;
    text-decoration: none;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
}

    .no-items .tabnav h2 a {
        width: 100%;
        display: block;
        padding: 10px 0;
        text-decoration: none;
    }

    .no-items .tabnav h2 span {
        display: inline;
    }

    .no-items .tabnav h2.active {
        /*background-color: #004fa3;*/
        color: #fff;
        cursor: default;
    }

        .no-items .tabnav h2.active a {
            color: var(--blue-theme-color);
            cursor: default;
        }

    .no-items .tabnav h2:first-of-type {
        border-radius: 2px 0 0 0;
    }

    .no-items .tabnav h2:last-of-type {
        border-radius: 0 2px 0 0;
    }

.no-items .tabnav-1.active a {
    cursor: default;
}

/* new tab styles - ends */

/*for old tab- set -1 - starts  */
/*
.no-items .tabnav a {
    display: block;
    width: 50%;
    background-color: #d0dbea;
    padding: 10px 0;
    float: left;
    text-align: center;
    font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
    font-style: normal;
    color: #004fa3;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.no-items .tabnav a span {
    display: inline;
}

.no-items .tabnav a.active {
    background-color: #004fa3;
    color: #fff;
        cursor: default;
}

.no-items .tabnav a:first-of-type {
        border-radius: 2px 0 0 0;
}

.no-items .tabnav a:last-of-type {
        border-radius: 0 2px 0 0;
}

    */
/*for old tab - set 1 - ends */

.no-items .tabnav [data-icon]:before {
    font-size: 28px;
    margin: -2px 0 0 -32px;
    float: left;
    position: absolute;
}

.no-items .tabs {
    /*border: 2px solid #004fa3;*/
    padding: 3% 3%;
    clear: both;
    border-radius: 0 0 2px 2px;
    border-top: 1px solid #dcdcdc;
}

    .no-items .tabs > div {
        display: none;
    }

    .no-items .tabs #nibuycurrency {
        display: block;
    }

.no-items .add-more-currency .error[data-icon]:before, .no-items .reload-cash-passport .error[data-icon]:before {
    margin: 3px 0 0 -25px;
    position: absolute;
}


/* new tab styles - starts */

.no-items .tabnav .rp-buy-cur span.icon {
    /*background-image: url('../img/icon-cash-blue.png');*/
    background-repeat: no-repeat;
    background-position: 10% 12px;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.no-items .tabnav .rp-buy-cur.active span.icon {
    /*background-image: url('../img/icon-cash.png');*/
}

.no-items .tabnav .rp-reload span.icon {
    /*background-image: url('../img/icon-reload-blue.png');*/
    background-repeat: no-repeat;
    background-position: 10% 8px;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* new tab styles - ends */



/*for old tab - set 2 - starts */
/*
.no-items .tabnav a.rp-buy-cur span.icon {
    background-image: url('../img/icon-cash-blue.png');
    background-repeat: no-repeat;
    background-position: 10% 12px;
    padding: 10px 25px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.no-items .tabnav a.rp-buy-cur.active span.icon {
    background-image: url('../img/icon-cash.png');
}

.no-items .tabnav a.rp-reload span.icon {
    background-image: url('../img/icon-reload-blue.png');
    background-repeat: no-repeat;
    background-position: 10% 8px;
    padding: 10px 18px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.no-items .tabnav a.rp-reload.active span.icon, #addMoreCurrency a.add-prepaidcardreload {
    background-image: url('../img/icon-reload.png');
}
*/
/*for old tab - set 2 - ends */


#addMoreCurrency a.rp-buy-cur.tabNav, #addMoreCurrency a.rp-reload.tabNav {
    background-repeat: no-repeat;
    background-position: 4px 8px;
    background-color: #1676c4;
    text-decoration: none;
    /*display: inline-block;*/
    margin-bottom: 10px;
    padding: 10px 10px 10px 55px;
    border-radius: 2px;
    color: #FFFFFF;
    /*position: absolute;
    top: 0;*/
    margin-right: 10px;
    float: left;
}
/*
.country-DG #addMoreCurrency a.rp-buy-cur.tabNav, .country-DG #addMoreCurrency a.rp-reload.tabNav, .country-DG #addMoreCurrency a.add-cash.tabNav, .country-DG #addMoreCurrency a.add-prepaidcardsale, .country-DG #addMoreCurrency a.add-prepaidcardreload{
    position: static;
}
   */

   #addMoreCurrency a.rp-buy-cur.tabNav, #addMoreCurrency a.add-cash tabNav {
    background-image: url('../img/icon-cash.png');
}

/*
.country-DG #addMoreCurrency a.rp-reload.tabNav, .country-DG #addMoreCurrency a.add-prepaidcardsale{
      margin-left: 0;
}
.country-DE #addMoreCurrency a.rp-reload.tabNav, .country-DE #addMoreCurrency a.add-prepaidcardsale{
      margin-left: 0;
}
   */

#addMoreCurrency a.rp-buy-cur.tabNav span.icon, #addMoreCurrency a.rp-reload.tabNav span.icon {
    display: none;
}

/*.no-items .tabnav a.rp-buy-cur{
    background-image: url('../img/icon-cash-blue.png');
    background-repeat: no-repeat;
    background-position: 30% 12px;
    padding: 10px 25px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.no-items .tabnav a.rp-buy-cur.active{
    background-image: url('../img/icon-cash.png');
}
.no-items .tabnav a.rp-reload {
    background-image: url('../img/icon-reload-blue.png');
    background-repeat: no-repeat;
    background-position: 25% 8px;
    padding: 10px 18px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.no-items .tabnav a.rp-reload.active {
    background-image: url('../img/icon-reload.png');
}*/
.post-process .no-items .add-more-currency {
    padding: 0;
    border: 0 none;
    top: 0;
    margin: 0;
}

    .post-process .no-items .add-more-currency:before {
        display: none;
    }

.shippingbanner {
    display: block;
    clear: both;
    width: 100%;
}

figure.fixedratio {
    padding-top: 9.42%; /* 450px/800px = 0.5625 */
    background-size: cover;
    -moz-background-size: cover; /* Firefox 3.6 */
    background-position: center; /* Internet Explorer 7/8 */
}

input[type="radio"] {
    /*display: none;*/
    width: 19px !important;
    height: 19px;
    border: 1px solid #475467;
    border-radius: 50%;
    -webkit-appearance: none;
    appearance: none;
    margin-left: 0;
    margin-bottom: -4px;
    padding: 0;
}

input[type="radio"] + *::before {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    width: 1rem;
    height: 1rem;
    margin-right: 0.3rem;
    border-radius: 50%;
    border-style: solid;
    border-width: 0.1rem;
    border-color: transparent;
    margin-left: -23px;
}

.less-info-location input[type="radio"] + *::before {
    position: absolute;
}

.deliveryTime input[type="radio"]:nth-child(1) + *::before,
.deliveryTime input[type="radio"]:nth-child(3) + *::before,
.deliveryTime input[type="radio"]:nth-child(5) + *::before {
    margin-left: -22px;
}

input[type="radio"]:checked {
    color: var(--blue-theme-color);
    outline: none;
    border: none;
}

input[type="radio"]:hover {
    outline: none;
}

input[type="radio"]:checked + *::before {
    background: radial-gradient(var(--blue-theme-color) 0%, var(--blue-theme-color) 40%, transparent 50%, transparent);
    border-color:var(--blue-theme-color);
}

input[type="radio"]:focus + *::before {
    outline: none;
}

input[type="radio"]:focus-visible + *::before {
    outline: 2px solid #121212;
}

.deliveryTime input:not(:checked):focus {
    outline: none;
}

.deliveryTime input[type="radio"]:focus-visible + *::before {
    outline: 2px solid #121212;
    top: 0.4px;
    position: relative;
}


fieldset > label {
    position: relative;
    margin-right: 6%;
}

    fieldset > label > span {
        cursor: pointer;
        font-family: "Lato Bold",Helvetica,Arial,Verdana,sans-serif;
    }

/*input[type="radio"]:focus {
    outline: none;
}*/

/*input[name="storeId"] {
    position: absolute;
    top: 7px;
}*/

.radio-container {
    position: relative;
}

fieldset > legend {
    width: 100%;
}


html.lt-ie9 input[type="radio"] {
    display: inline-block;
    border: 0 none;
}

input[type="radio"] + label {
    font-size: 16px;
    cursor: pointer;
}

input[type="radio"]:disabled + label {
    font-size: 16px;
    cursor: default;
    opacity: 0.5;
}


input[type="radio"][disabled] {
    border: none;
    background-color: transparent;
}

input[name="radio"] {
    margin-right: -31px;
}

/*input[type="radio"] + label span {
    background: url("../img/radio-btns.png") no-repeat scroll left bottom transparent;
    display: inline-block;
    height: 19px;
    margin: -5px 4px 0 0;
    vertical-align: middle;
    width: 19px;
    background-size: 19px;
    padding: 0 0 0 20px !important;
    border-bottom: none;
}*/
/*input[type="radio"]:checked + label span {
    background: url("../img/radio-btns.png") no-repeat scroll left top transparent;
    background-size: 19px;
    padding: 0 0 0 20px;
}*/
.deliveryTime > label {
    display: inline-block;
    padding: 5px 5px 5px 0px;
    width: 38%;
}

.delivery-time-box {
    display: inline-block;
    width: 110px;
    padding: 5px 0;
}

.deliveryTime {
    border-bottom: 1px solid #E8E8E9;
    padding: 5px 0px;
    display: block;
}

    .deliveryTime label label span {
        padding-left: 5px !important;
    }


.country-JP .delivery-date h2 {
    display: block;
}

.deliveryTime input[type="radio"] + label span {
    margin: -5px 0px 0 0;
    width: 5px;
}


html.lt-ie9 input[type="radio"] + label span, html.lt-ie9 input[type="radio"] + span.styled-radio {
    display: none;
}

.buying-options {
    position: relative;
    /*padding-top: 55px;*/
}

    .buying-options:after {
        content: ' ';
        display: table;
        clear: both;
    }

    .buying-options .tabnav-1.active ~ .tabs__presentation-slider {
        transform: translateX(0) scaleX(1);
    }

    .buying-options .tabnav-2:first-child.active ~ .tabs__presentation-slider {
        transform: translateX(0) scaleX(0.50);
    }

    .buying-options .tabnav-2:first-child ~ a.tabnav-2, .buying-options .tabnav-2:first-child ~ .tabnav-2.active ~ .tabs__presentation-slider {
        transform: translateX(50%) scaleX(0.50);
    }

    .buying-options .tabnav-3:first-child.active ~ .tabs__presentation-slider {
        transform: translateX(0) scaleX(0.333);
    }

    .buying-options .tabnav-3:first-child ~ .tabnav-3.active ~ .tabs__presentation-slider {
        transform: translateX(33.33%) scaleX(0.333);
    }

    .buying-options .tabnav-3:first-child ~ .tabnav-3 ~ .tabnav-3.active ~ .tabs__presentation-slider {
        transform: translateX(66.66%) scaleX(0.333);
    }

    .buying-options .tabnav-4:first-child.active ~ .tabs__presentation-slider {
        transform: translateX(0) scaleX(0.25);
    }

    .buying-options .tabnav-4:first-child ~ .tabnav-4.active ~ .tabs__presentation-slider {
        transform: translateX(25%) scaleX(0.25);
    }

    .buying-options .tabnav-4:first-child ~ .tabnav-4 ~ .tabnav-4.active ~ .tabs__presentation-slider {
        transform: translateX(50%) scaleX(0.25);
    }

    .buying-options .tabnav-4:first-child ~ .tabnav-4 ~ .tabnav-4 ~ .tabnav-4.active ~ .tabs__presentation-slider {
        transform: translateX(75%) scaleX(0.25);
    }
/*.buying-options-tab:nth-child(3).active ~ .tabs__presentation-slider {
    transform: translateX(calc(33.333% * 2)) scaleX(0.333);
}*/
.deliveryslide.button.active ~ .tabs__presentation-slider {
    background-color: var(--blue-theme-color);
}

.tabs__presentation-slider {
    position: absolute;
    /*top: 54px;*/
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: transparent;
    transform-origin: 0 0;
    transition: transform .25s;
}

#storePickupCalendar {
    padding: 20px;
}

.buying-options > .active:hover {
    background-color: #fff;
    color: #475467 !important;
}

.delivery-holder, .pickup-holder, .airport-holder {
    background-color: #fff;
    padding: 20px;
    overflow: hidden;
    border-top: none;
    margin: 0 0 10px 0;
    display: none;
    font-size: 15px;
}

.buying-options-tab em {
    font-style: normal;
    position: relative;
    display: initial;
}

    .buying-options-tab em:before {
        font-size: 28px;
        position: absolute;
        left: -36px;
        top: -4px;
    }


.delivery-holder {
    display: block;
}

.deliveryslide a {
    /*padding-bottom: 29px;*/
    color: #475467;
}

.deliveryslide.active a {
    background-color: #fff;
    color: var(--blue-theme-color);
    /*border-bottom: 2px solid #1676c4;*/
    /*padding-bottom: 13px;*/
    font-weight: bold;
}

/*.deliveryslide.active a::after{
    display : block;
    content : '';
    border-bottom : solid 5px #000;
    transform : scaleX(0);
    transition : transform 300ms ease-in-out;
}*/


/*.deliveryslide.active a:hover::after{
    transform: scaleX(1);
}*/

/*.deliveryslide.active.buying-options-tab a::after {
    transform: scaleX(1);
}*/

/*.bottom-transition {
    transform: scaleX(1);
}*/

.country-GB .button.buying-options-tab.active em b {
    font-weight: bold;
}

.country-GB .deliveryslide a {
    /*padding-bottom: 24px;*/
}

/*.country-GB .tabs__presentation-slider{
    top: 52px;
}*/

.country-GB .button.buying-options-tab em b {
    font-family: "Lato Light",Helvetica,Arial,Verdana,sans-serif;
    font-weight: normal;
}

.deliveryslide[data-icon]:before, .deliveryslide.buying-options-tab em:before {
    color: #1676c4;
}

.country-GB .buying-options-tab a {
    font-size: 16px;
}

.deliveryslide.button.active {
    cursor: default;
}

.delivery-holder span:last-child {
    border-bottom: none;
}

.pickup-holder span.airport-results.store-results {
    padding-left: 0;
}

.delivery-holder span:last-child[data-icon]:before {
    color: #004FA3;
}

.delivery-holder > span:last-child > span {
    /*padding-left: 0;*/
    border-bottom: none;
    /*border-top: 1px solid #E8E8E9;*/
    padding-top: 20px;
    margin-bottom: 0;
}

.delivery-noselection span {
    padding: 20px 0 20px 0px;
    display: block;
}

.fulfilment-type-heading {
    display: flex;
    align-items: stretch;
}

.selected-date, .delivery-rate, .collection-date, .collection-location {
    padding: 13px 0 13px 55px;
    /*font-size: 18px !important;*/
    display: block;
    position: relative;
}

span.collection-date {
    padding-top: 0;
    min-height: 35px;
}

.change-pickup-date .delivery-date span.delivery-rate {
    position: relative;
}

    .change-pickup-date .delivery-date span.delivery-rate:before {
        top: 10px;
    }

.change-pickup-date span.selected-date {
    padding-bottom: 0;
}

.storerow-selector-name.active {
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    -o-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}

.selected-date[data-icon]:before, .delivery-rate[data-icon]:before, span.collection-date[data-icon]:before, span.collection-location[data-icon]:before {
    font-size: 32px;
    margin: 5px 0 0 -45px;
    position: absolute;
    color: #1676c4;
    font-size: 48px !important;
    margin: 0 0 0 -60px;
}

span.collection-location[data-icon]:before {
    font-size: 35px !important;
    margin: -7px 0 0 -53px;
}

.delivery-date h4, .delivery-date h2 {
    border-bottom: 1px solid #E8E8E9;
    padding-bottom: 10px;
    margin: 0.83em 0 0 0;
}

.selected-date, .delivery-rate {
    border-bottom: 1px solid #E8E8E9;
    min-height: 42px;
}

.red.day-message {
    font-size: 13px;
}

span.cal-date {
    left: 6px;
    position: absolute;
    top: 32px;
    color: #1676c4;
    font-family: "Lato Bold",Helvetica,Arial,Verdana,sans-serif;
    font-weight: bold;
    text-align: center;
    width: 25px;
}

.buying-options .delivery-holder .date-select {
    border-bottom: 1px solid #E8E8E9;
    padding-bottom: 0;
    padding-left: 40px;
}

    .buying-options .delivery-holder .date-select[data-icon]:before {
        font-size: 23px;
        margin: 3px 0 0 -35px;
    }

.change-pickup-date span.cal-date {
    top: 155px;
}

.delivery-rate p, .delivery-rate span {
    margin: 0;
}

.delivery-date, div.what-to-bring, .get-directions {
    width: 24%;
    float: left;
    padding: 0px 20px;
    position: relative;
}

.get-directions {
    width: auto;
}

.change-pickup-date {
    position: relative;
}

    .change-pickup-date .delivery-date {
        position: absolute;
        top: 0;
        right: 0;
    }

.calendar-legend {
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    padding: 10px;
    margin: 2% 11% 0 0;
    overflow: hidden;
    font-size: 13px;
}

    .calendar-legend span em {
        font-style: normal;
    }

    .calendar-legend span strong {
        display: block;
    }

    .calendar-legend .nd-legend, .calendar-legend .sd-legend, .calendar-legend .sat-legend {
        width: 15px;
        height: 15px;
        border-radius: 2px;
        display: inline-block;
        float: left;
        margin-right: 7px;
    }

.delivery-holder span.calendar-select {
    width: 60%;
    float: left;
}

.delivery-holder .delivery-date [data-icon]:before, .change-pickup-date .delivery-date [data-icon]:before {
    margin: 0 0 0 -60px;
    color: #1676c4;
    font-size: 48px !important;
}

.delivery-holder .delivery-date[data-icon]:before, .change-pickup-date .delivery-date[data-icon]:before {
    content: "";
}

.delivery-holder span:nth-child(3) h2 {
    color: #1676c4;
}

.calendar-legend span {
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 29%;
    float: left;
    font-size: 13px;
}

.delivery-holder .date-select p.text {
    font-size: 12px;
    display: none;
}

.delivery-msg {
    font-size: 13px;
    padding-left: 45px;
    color: #004fa3;
    margin-top: 0;
}

.buying-options .delivery-msg {
    line-height: 28px;
}

.buying-options .delivery-msg {
    line-height: 28px;
}


.tab-section-head {
    font-size: 18px;
    line-height: 25px;
    font-weight: normal;
}

.pickup-holder span:nth-child(3)[data-icon]:before, .airport-holder span:nth-child(3)[data-icon]:before {
    color: #1676c4;
}

.pickup-holder .nearest-store, .airport-holder .nearest-airport {
    background: #faf7f7;
    border: 1px solid #e7e7e8;
    padding: 10px;
    border-radius: 2px;
}

.pickup-holder .nearest-store, .airport-holder .nearest-airport {
    padding-bottom: 15px;
    padding-left: 55px !important;
}

.buying-options .pickup-holder .nearest-store[data-icon]:before, .buying-options .airport-holder .nearest-airport[data-icon]:before {
    font-size: 22px;
    margin-left: -40px;
}

.buying-options .pickup-holder span[data-icon]:before, .buying-options .airport-holder span[data-icon]:before {
    font-size: 28px;
}

.buying-options .pickup-holder span.choose-store[data-icon]:before {
    margin-top: -5px;
}

.buying-options .pickup-holder span.bureau-collect[data-icon]:before {
    margin-top: -5px;
}

.pickup-holder .selected-store fieldset ul, .airport-holder .selected-airport fieldset ul {
    margin: 0;
    padding: 0;
}

.pickup-holder .store-results ul, .airport-holder .airport-results ul {
    padding: 0;
    margin: 0;
}

    .airport-holder .airport-results ul.change-terminal {
        /*padding: 0 11px;*/
        background: #fff;
        width: 63.8%;
    }

.store-results input[type="radio"] + label span, .airport-results input[type="radio"] + label span {
    margin-left: 8px;
    margin-right: -2px;
}
/*.pickup-holder .store-results li, .airport-holder .airport-results li  {
    background: #fff;
    border: 1px solid #e7e7e8;
    padding: 20px;
    border-radius: 2px;
    list-style-type: none;
    margin-bottom: 15px;
    overflow: hidden;
}*/
.store-results li {
    /*background: #fff;*/
    border: 1px solid #e7e7e8;
    padding: 20px;
    border-radius: 2px;
    list-style-type: none;
    /* word-break: break-all; */
    word-break: break-word;
    margin-bottom: 15px;
    /*overflow: hidden;*/
    cursor: pointer;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(253,253,253,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(253,253,253,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(253,253,253,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(253,253,253,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(253,253,253,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(253,253,253,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fdfdfd',GradientType=0 );
}

html.lt-ie9 .store-results li {
    word-break: break-all;
}

html.lt-ie9 .order-page .store-results li {
    word-break: break-word;
}

.store-results li.selected-store {
    background: #EFF5FB;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFF5FB', endColorstr='#EFF5FB',GradientType=0 );
}

p.do-delivery {
    margin: 0;
    padding: 0;
    text-align: center;
    padding-top: 10px;
}

.pickup-holder .store-results .selected-store, .airport-holder .airport-results .selected-airport {
    background: #eff5fb;
    overflow: hidden;
}

    .pickup-holder .store-results .selected-store .store-contact, .pickup-holder .store-results .selected-store .store-hours, .pickup-holder .store-results .selected-store .store-map, .airport-holder .airport-results .selected-airport .airport-contact, .airport-holder .airport-results .selected-airport .airport-hours, .airport-holder .airport-results .selected-airport .airport-map, .pickup-holder .store-results .store-contact, .pickup-holder .store-results .store-hours, .pickup-holder .store-results .store-map, .airport-holder .airport-results .airport-contact, .airport-holder .airport-results .airport-hours, .airport-holder .airport-results .airport-map {
        background: #fff;
        border: 1px solid #e7e7e8;
        padding: 15px;
        color: #1676c4;
        font-size: 15px;
        font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    }

    .pickup-holder .store-results .selected-store .store-map {
        padding: 0;
    }

.selected-store .store-contact, .selected-store .store-hours, .selected-store .store-map, .selected-airport .airport-contact, .selected-airport .airport-hours, .selected-airport .airport-map, .pickup-holder .store-results .store-contact, .pickup-holder .store-results .store-hours, .pickup-holder .store-results .store-map, .airport-holder .airport-results .airport-contact, .airport-holder .airport-results .airport-hours, .airport-holder .airport-results .airport-map {
    width: 25%;
    float: left;
    min-height: 214px;
}

.selected-airport .airport-address, .airport-address {
    width: 30%;
}

    .selected-airport .airport-address .rates {
        margin-top: 0;
        font-size: 17px;
        width: 61.5%;
        padding: 11px;
    }

.selected-store .store-hours, .selected-airport .airport-hours, .store-hours, .airport-hours, .more-info .store-hours, .more-info .airport-hours {
    margin-right: 3%;
}

.selected-store .store-contact, .selected-airport .airport-contact, .selected-airport .airport-address, .store-contact, .airport-contact, .airport-address, .more-info .store-contact, .more-info .airport-contact {
    margin-left: 43px;
    margin-right: 3%;
}


.pickup-holder .store-results .selected-store .store-contact h4[data-icon]:before, .pickup-holder .store-results .selected-store .store-hours h4[data-icon]:before, .airport-holder .airport-results .selected-airport .airport-contact h4[data-icon]:before, .airport-holder .airport-results .selected-airport .airport-hours h4[data-icon]:before, .pickup-holder .store-results .store-contact h4[data-icon]:before, .pickup-holder .store-results .store-hours h4[data-icon]:before, .airport-holder .airport-results .airport-contact h4[data-icon]:before, .airport-holder .airport-results .airport-hours h4[data-icon]:before {
    font-size: 16px;
    margin: 1px 0 0 -27px;
    position: absolute;
    color: #1676c4;
}

.pickup-holder .store-results .selected-store .store-contact h4, .pickup-holder .store-results .selected-store .store-hours h4, .airport-holder .airport-results .selected-airport .airport-contact h4, .airport-holder .airport-results .selected-airport .airport-hours h4, .pickup-holder .store-results .store-contact h4, .pickup-holder .store-results .store-hours h4, .airport-holder .airport-results .airport-contact h4, .airport-holder .airport-results .airport-hours h4 {
    padding: 0 0 10px 30px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #e7e7e8;
    color: #475467;
    font-weight: bold;
    font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
}

.pickup-holder .store-results .selected-store .store-contact strong, .airport-holder .airport-results .selected-airport .airport-contact strong, .pickup-holder .store-results .store-contact strong, .airport-holder .airport-results .airport-contact strong {
    display: block;
    color: #475467;
}

.pickup-holder .store-results, .airport-holder .airport-results {
    margin-bottom: 0;
}

    .pickup-holder .store-results .store-address {
        padding-left: 45px;
        border-bottom: none;
        margin-bottom: 0;
        cursor: pointer;
    }

    .airport-holder .airport-results .airport-address {
        padding-left: 0px;
        border-bottom: none;
        margin-bottom: 0;
        width: auto;
    }

.airport-holder > span:nth-child(2)[data-icon]:before {
    font-size: 24px;
}

.pickup-holder .store-results .store-address a, .airport-holder .airport-results .airport-address a {
    display: inline-block;
}

    .pickup-holder .store-results .store-address a:last-child, .airport-holder .airport-results .airport-address a:last-child {
        display: block;
        margin-top: 10px;
    }

.store-hours table, .airport-hours table {
    color: #475467;
}

    .store-hours table .highlighted, .airport-hours table .highlighted {
        color: var(--blue-theme-color);
    }

.store-results h3, .airport-results h3 {
    display: inline;
    margin: 5px 0 10px 0;
    font-weight: bold;
    font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
    font-size: 20px;
}

.store-results input[type="radio"] + label, .airport-results input[type="radio"] + label {
    font-size: 18px;
    cursor: pointer;
    width: 100%;
    display: inline-block;
}

.pickup-holder span.store-results, .airport-holder span.airport-results {
    color: #475467;
    border-bottom: none;
}

.pickup-holder span.last {
    border-bottom: medium none;
    display: block;
    margin: 20px 0 0;
    padding: 0;
    text-align: center;
}

.pickup-holder .store-search, .airport-holder .airport-search {
    display: none;
    padding: 0 !important;
    margin: 10px 0;
    border-bottom: none;
}

.change-pickup-date {
    display: none;
}

.pickup-holder .pickup-date, .airport-holder .pickup-date {
    border-bottom: 1px solid #E8E8E9;
    padding-bottom: 5px;
}

    .pickup-holder .pickup-date button, .airport-holder .pickup-date button {
        margin: 0 10px 10px 0;
        display: inline-block;
        font-size: 15px;
    }

        .pickup-holder .pickup-date button.change-sel, .airport-holder .pickup-date button.change-sel {
            background-color: #DA292F;
        }

.pickup-holder .store-search input, .airport-holder .airport-search input {
    /*display: none;*/
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-weight: 400;
    border: 1px solid #E8E8E9;
    padding: 4px;
    margin-right: 5px;
    width: 40%;
    display: inline-block;
    font-size: 15px;
}

.pickup-holder .store-search button, .airport-holder .airport-search button {
    display: inline-block;
    border: none;
    border-radius: 2px;
    background-color: #DA292F;
    color: #fff;
    width: 75px;
    padding: 5px 0;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-weight: 400;
    font-size: 15px;
}

.store-hours, .airport-hours {
    margin-bottom: 0;
}


.more-info {
    display: none;
    border-top: 1px solid #E8E8E9;
    margin-top: 10px;
    padding: 20px 0px 0 0;
    cursor: auto;
}

.airport-holder span.last {
    border-bottom: none;
    text-align: center;
    display: block;
    margin: 20px 0;
    padding: 0;
}

.airport-holder span.vr {
    padding: 18px 0 0 15px;
    border-bottom: none;
    margin: -15px 15px 0;
    font-size: 14px;
}

.airport-results a.rates {
    width: 97.8%;
    padding-bottom: 0;
}

.airport-results .change-terminal {
    border: 1px solid #1676c4;
    list-style-type: none;
    padding: 0;
    margin: 0;
    border-radius: 0 0 2px 2px;
    display: none;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
}

    .airport-results .change-terminal li {
        display: block;
        cursor: pointer;
        overflow: hidden;
        padding: 15px;
        border-bottom: 1px solid #E8E8E9;
        border-radius: 0;
        margin-bottom: 0;
        border-top: none;
        border-left: none;
        border-right: none;
        font-size: 15px;
        font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    }

        .airport-results .change-terminal li:hover {
            background: #D0DBEA;
        }

        .airport-results .change-terminal li:last-child {
            border-bottom: none;
            border-radius: 0 0 2px 2px;
        }

        .airport-results .change-terminal li span {
            float: left;
        }

input[type="radio"] + label {
    font-size: 14px;
}

.pickup-holder p.red, .airport-holder p.red {
    display: inline-block;
    margin-left: 5px;
}

p.text {
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    font-size: 12px;
    margin: 5px 0 0 25px;
    display: inline-block;
}

    p.text a {
        text-decoration: none;
    }

.airport-contact p.text {
    color: #475467;
    font-size: 0.938em;
    margin-bottom: 5px;
    margin-left: 0;
}

.notes-directions p.text {
    margin-left: 0;
    font-size: .938em;
}

.red {
    color: #DA292F;
    margin-top: 5px;
}

.link {
    display: inline-block;
    margin: 5px 0 0 25px;
    text-decoration: none;
}

a {
    font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
    color: var(--btn-link-text);
    text-underline-offset: 4px;
    font-weight: bold;
    text-decoration: underline;
}

.pickup-holder span[data-icon]:before {
    font-size: 28px;
}

#delivery, #store {
    margin-bottom: 10px;
}
/* Tooltips */
.tooltip {
    color: #DA292F;
    background: #fff;
    padding: 15px;
    display: none;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 3px 3px #888;
    box-shadow: 0px 0px 3px 3px #888;
    right: 15px;
    top: 52px;
    position: absolute;
    z-index: 9999;
}

.added {
    width: 350px;
}

.tooltip:before {
    border-bottom: 20px solid #FFFFFF;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    content: "";
    right: 20px;
    position: absolute;
    margin-top: -30px;
}

.tooltip span {
    display: block;
    margin-top: 6px;
    width: 100%;
}

    .tooltip span h5[data-icon]:before {
        color: #DA292F;
        margin-right: 10px;
    }

.tooltip button, .tooltip a {
    display: inline-block;
    border: none;
    border-radius: 2px;
    color: #fff;
    margin: -6px 0 0 20px;
    padding: 5px 10px;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-weight: 400;
    background-color: #1676c4;
    text-decoration: none;
    font-size: 15px;
}

.tooltip h5 {
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-weight: 400;
    margin: -2px 0;
    font-size: 20px;
    float: left;
}

.tooltip .cash strong, .tooltip .cash-passport strong {
    border-bottom: 1px solid #E8E8E9;
    display: block;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 15px;
}

.tooltip .cash span, .tooltip .cash-passport span {
    border-top: 1px solid #E8E8E9;
    border-bottom: 1px solid #E8E8E9;
    padding: 5px 0;
    margin-top: 5px;
    display: block;
    float: none;
}

a.info-tooltip {
    background-image: url('../img/icon-question-blue.png');
    background-repeat: no-repeat;
    display: block;
    float: right;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    text-decoration: none;
}

    a.info-tooltip span {
        font-size: 14px;
        position: absolute;
        z-index: 999;
        right: 40px;
        text-decoration: none;
        top: -10px;
        padding: 15px 25px 15px 15px;
        line-height: 24px;
        transition: opacity 0.4s ease-out;
        color: #1676c4;
        background: #fff;
        border-radius: 2px;
        -webkit-box-shadow: 0px 0px 3px 3px #888;
        box-shadow: 0px 0px 3px 3px #888;
        width: 80%;
        font-family: "Lato Bold",Helvetica,Arial,Verdana,sans-serif;
        display: none;
    }

html.lt-ie9 a.info-tooltip span {
    border: 1px solid grey;
}
/*
a.info-tooltip:hover span, a.info-tooltip:focus span {
    opacity: 1;
    z-index: 999;
}

a.info-tooltip span:hover {
    opacity: 0;
    cursor: default;
}*/
/*** Calendar **/
.calendar-UI {
    margin-top: 10px;
    padding: 0;
}

.payment-on-collection .calendar-UI {
    margin-top: 0;
}

.payment-on-collection #storePickupCalendar {
    padding: 0;
}

.order-page .calendar-UI {
    /*padding: 20px;*/
}

.calendar-cont {
    display: inline-block;
}

    .calendar-cont:first-child {
        margin-right: 3%;
    }

.bureau-calendar-select {
    width: 66%;
    float: left;
}

.calendar1 .dw-cal-next div, .calendar1 .dw-cal-next, .calendar2 .dw-cal-prev div, .calendar2 .dw-cal-prev {
    display: none !important;
}

.dw {
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif !important;
    color: #78787A;
}

.dw-calendar span {
    display: inline-block;
    padding-top: 18px;
    color: #444;
}

.dwwr {
    padding: 0 !important;
}

.dw-cal-day-m {
    background-color: #1676c4;
    border: none !important;
    color: #fff !important;
}

.dwbg .dw-cal {
    background-color: #e6e8e8 !important;
    border: 1px solid #ccc;
}

.dw-cal {
    padding: 0 !important;
}

.dw-cal-days {
    color: #78787a;
}

.dw-cal-header {
    line-height: 5px !important;
}

.buying-options .pickup-holder .local-calendar-select span.dw-cal-month, span.dw-cal-month, span.dw-cal-year, .buying-options .airport-holder .airport-calendar-select span.dw-cal-month, airport {
    padding: 18px 0 !important;
    margin: 0 !important;
    font-size: 20px;
}

.buying-options .pickup-holder .local-calendar-select span.dw-cal-year, .buying-options .airport-holder .airport-calendar-select span.dw-cal-year {
    padding: 18px 0 0 0;
    margin: 0 0 20px 0;
    font-family: "Lato Light",Helvetica,Arial,Verdana,sans-serif;
    font-weight: 200;
    /*font-size: 16px;*/
}

.dw-cal th {
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-weight: normal !important;
}

.dw-cal-btnc-ym .dw-cal-month, .dw-cal-btnc-ym .dw-cal-year {
    padding-left: 0 !important;
    color: #000;
}

.dwbg .dw-cal-day {
    border-color: #c5c6c6 !important;
}

.dw-cal-day .dw-i {
    text-align: center;
}

.dwbg .dw-cal .dw-sel .dw-i {
    background-color: #DA292F !important;
    /*background-color: #ea8e3c !important;*/
    color: #fff;
}

.dwbg .dw-cal .dw-sel .dw-cal-day-m {
    background-color: #DA292F !important;
    /*background-color: #ea8e3c !important;*/
    color: #fff;
}

.dw-cal-table,
.sanction-view-container .content.order-reference {
    font-family: "Lato Bold",Helvetica,Arial,Verdana,sans-serif;
    font-weight: bold;
}

.buying-options .pickup-holder .local-calendar-select, .buying-options .airport-holder .airport-calendar-select {
    padding-left: 0;
}

/*** Calendar_New **/
.ui-datepicker-group {
    width: 282px;
    float: left;
    border: 1px solid #dcdcdc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.ui-datepicker-group:first-child, .calendar .ui-datepicker-group-first {
    margin-right: 5%;
}

.calendar .ui-widget-content {
    border: 0 none !important;
    font-size: 12px;
    min-height: 332px;
    padding-left: 20px;
}

.ui-datepicker-calendar th {
    background: #e6e8e8;
    line-height: 30px;
    color: #78787A;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-weight: normal;
}

.ui-datepicker-calendar .ui-state-default {
    border: 0 none;
    text-decoration: none;
    background: transparent none;
    color: #fff !important;
    display: block;
}

.ui-datepicker-unselectable {
    background: #fff;
}

.ui-datepicker-calendar {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border-collapse: collapse;
}

    .ui-datepicker-calendar td {
        border-left: 1px solid #dcdcdc;
        border-top: 1px solid #dcdcdc;
        line-height: 39px;
        text-align: center;
        padding: 0;
    }

.ui-datepicker-unselectable .ui-state-default {
    background: #fff;
    color: rgb(152, 152, 153) !important;
}

.ui-datepicker-title {
    font-size: 20px;
    text-align: center;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    color: #444;
    padding: 9px 0px;
    font-weight: normal;
}

.ui-datepicker-header {
    /*  -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;*/
    position: relative;
}

.ui-datepicker-prev {
    left: 0;
    background-image: url('../img/cal_prev.png');
}

.ui-datepicker-next {
    right: 0;
    background-image: url('../img/cal_next.png');
}

.ui-datepicker-prev, .ui-datepicker-next {
    display: inline-block;
    position: absolute;
    width: 41px;
    height: 40px;
    text-align: center;
    cursor: pointer;
    background-repeat: no-repeat;
    line-height: 600%;
    overflow: hidden;
}

    .ui-datepicker-next.ui-state-disabled, .ui-datepicker-prev.ui-state-disabled {
        display: none;
    }

.ui-datepicker-calendar .ui-state-active {
    background: #DA292F;
    background: #DA292F;
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    color: #e0e0e0;
    position: relative;
}

.ui-datepicker-calendar td:first-child {
    border-left: 0 none;
}

.ui-datepicker td {
    width: 35px;
}
/*** Calendar_New **/

/**** FAQ Section ****/

.faqs > ul {
    list-style-type: none;
    margin: 0;
    font-size: 15px;
}

.faqs ul li div ul, .faqs ul li div ol {
    padding-left: 15px;
}

.faqs ul li > div {
    display: none;
    clear: both;
    overflow: hidden;
}

.faqs > ul > li[data-icon]:before {
    margin-left: 0;
    position: absolute;
    left: 25px;
    padding-right: 10px;
    color: #475467;
}

.faqs > ul > li {
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    width: 100%;
    overflow: hidden;
}

    .faqs > ul > li > strong {
        color: #475467;
        cursor: pointer;
        font-family: "Lato normal", Helvetica, Arial, Verdana, sans-serif;
        font-weight: normal;
    }


    .faqs > ul > li > h3 {
        color: #1676c4;
        cursor: pointer;
        display: inline-block;
        font-size: 15px;
        margin: 0;
        font-weight: bold;
        font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
    }

.faq-ans-title {
    text-decoration: underline;
}

div.faq-ans-title {
    margin: 1em 0;
}

.faq-table {
    border-collapse: collapse;
}

    .faq-table th, .faq-table td {
        border: 1px solid #000;
        padding: 5px;
    }
/**** Payment Detail Page ****/

.review-page.header-container header {
    margin-top: 0;
}

.payment-page header + section {
    position: relative;
    padding-top: 0;
}

.payment-page section {
    position: relative;
}

        .payment-page section fieldset > div.row, .payment-page section fieldset #DeliveryAddressSection > div.row {
            color: #004FA3;
            font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
            font-size: 13px;
            padding: 2px 0;
        }

p#billingaddress1-note {
    overflow: initial;
}

p#billingaddress1-note {
    color: #004fa3;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-size: 13px;
    overflow: initial;
    padding: 2px 0;
}


.payment-page section fieldset > div label p {
    margin: 0;
    font-size: 15px;
}

.payment-page section fieldset > div.row p {
    margin: 9px 0 0 0;
    display: inline-block;
    width: 40%;
}

    .payment-page section fieldset > div.row p.add-error-valid {
        width: 100%;
    }

.payment-page section p#address-found-single-text, .payment-page section p#address-found-single-text-delivery {
    width: 100%;
    margin: 5px 0 0 0;
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    font-size: 15px;
    color: #475467;
}

.payment-page section.payment-info div.row + div.row + div.row + div.row + div.row, #payment-section {
    clear: both;
    overflow: visible;
}
#payment-section {
    background-color: #FFFFFF;
}
#payment-section.eighteen-col header {
    overflow: auto;
}
/*.payment-page section.payment-info div.row + div.row + div.row + div.row + div.row {
    height: 40px;
}*/

.billing-info span.address-select > a, .billing-info span.add-result > a {
    font-style: normal;
    clear: both;
    display: inline-block;
    padding-top: 20px;
    font-size: 15px;
}

.contact-info span, .billing-info span, .payment-info span, .id-info span {
    display: block;
    margin-bottom: 20px;
}

.billing-info .add-result, .billing-info .add-result-container {
    margin-bottom: 0px;
    width: 100%;
}

    .billing-info .add-result-container.collapsed {
        overflow: scroll;
        display: none;
    }

section.cust-billing-info {
    padding: 0 40px;
    background: #fff;
}

    section.cust-billing-info label[for=UseResedentialOnly] {
        font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
        font-weight: normal;
    }

.id-info {
    margin-bottom: 0;
}

    .payment-info input, .id-info input {
        display: inline-block;
        width: 34%;
        border: 1px solid #dcdcdc;
        padding: 5px;
        border-radius: 2px;
        font-size: 15px;
        font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
        font-weight: normal;
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    .contact-info select, .billing-info select, .payment-info select, .id-info select {
        background-color: #f2f2f2;
        float: left;
    }

        .id-info select#nationality, .id-info select#occupation, .id-info select#sourceoffund, .id-info select#purposeoftransactionlist, .id-info select#destination {
            height: 32px !important;
            width: 100% !important;
        }

.payment-info div.realTimeImage {
    overflow: hidden;
    float: left;
    width: 100px;
    padding-right: 25px;
    margin-bottom: 0;
}

    .payment-info div.realTimeImage img {
        float: none;
    }

.row.selectBankType {
    width: 86%;
    float: left;
}

.payment-info .row.selectBankType label.checked {
    width: auto;
    margin-top: 12px;
}

.payment-page section fieldset .realTimeBankSelect > div.row {
    color: #004FA3;
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    font-size: 13px;
    overflow: hidden;
}

.row.selectBankType {
    margin-bottom: 0;
}

.payment-info div .bankListing {
    margin-bottom: 0;
}


#suburbLookupSection .billing-info select {
    width: 100% !important;
    min-height: 32px;
}

#addressLookupSection .billing-info select, #shipping-addressLookupSection .billing-info select {
    width: 100% !important;
    min-height: 32px;
}

.payment-info select {
    width: 1.6%;
    margin-right: 1%;
}

#idexpmonth, #dobmonth {
    width: 19%;
    margin-right: 1%;
}

#idexpyear, #doiyear {
    width: 7%;
}

#dobyear {
    width: 6.9%;
}

#idexpday, #dobday {
    width: 6%;
    /*margin-right: 1%;*/
}

#dobday {
    width: 5%;
}

#expday, #doiday {
    width: 5%;
}

#expyear {
    width: 6.9%;
}
/*.payment-page input[type="text"]:nth-child(3), .payment-page input[type="text"]:nth-child(4), .payment-page input[type="text"]:nth-child(6), .payment-page input[type="text"]:nth-child(7) {
    width: 5.3%;
    margin-right: 1%;
}*/

.cust-billing-info label {
    width: auto;
    display: inline-block;
    font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
    font-style: normal;
    font-size: 15px;
    color: #475467;
    float: left;
    margin-top: 5px;
}

.payment-page section fieldset > div.residential-add-header {
    font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
    font-style: normal;
    font-size: 15px;
    color: #475467;
    margin-top: 5px;
}

.payment-page .billing-info .delivery-add-option {
    margin-bottom: 7px;
}

.customSelect.banknames, #findresults, #findresults-delivery {
    width: 100% !important;
    height: auto !important;
}


/*.payment-info div img {
    margin-top: 3px;
    float: left;
    margin-right: 2%;
}*/

.payment-info ul.card-details {
    padding: 0 0 15px 15px;
    color: #004FA3;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #E8E8E9;
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    font-size: 15px;
}

.payment-info ul.payment-security {
    float: right;
    list-style: none;
    border-left: 1px solid #E8E8E9;
    padding: 10px 0 0 25px;
}

    .payment-info ul.payment-security li {
        margin: 10px 0;
    }

.payment-info .payment-cards {
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    float: left;
    padding: 5px 20px;
    width: 180px;
    background: url('../img/cards-bg.png') 0 0 no-repeat;
    height: 45px;
}

    .payment-info .payment-cards li {
        opacity: 0.4;
    }

        .payment-info .payment-cards li.active {
            opacity: 1;
        }

.payment-info ul.payment-security li img {
    max-width: 100%;
    margin-bottom: 10px;
}

#securitycode-note {
    /*width: 31%; margin: 0;*/
}


.billing-info span button#find-address {
    padding: 7px 20px;
    margin: 0;
    display: inline-block;
    font-style: normal;
    font-size: 13px;
}

.billing-info span button#find-address-delivery {
    padding: 7px 20px;
    margin: 0;
    display: inline-block;
    font-style: normal;
    font-size: 13px;
}

.billing-info p.try-again button#try-again {
    margin-top: 20px;
}

.billing-info span .add-error, .billing-info .add-error-valid {
    background-color: #FDE8EA;
    background-image: url("../img/icon-invalid.png");
    background-position: 5px 16px;
    background-repeat: no-repeat;
    background-size: 22px;
    border-radius: 2px;
    display: block;
    height: auto;
    margin: 20px 5px 0 20%;
    overflow: hidden;
    padding: 7px 11px 7px 34px;
    top: 7px;
    width: 37%;
    color: #DA292F;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .billing-info .add-error-valid[data-icon]:before {
        font-style: normal;
        margin: 0 6px 0 -20px;
    }

.payment-page {
    font-size: 15px;
}

.billing-info .add-error-valid {
    width: 100%;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: none;
}

#address-not-found-poc .billing-info .add-error-valid {
    margin: 0 0 14px 0;
}

.payment-info > p.top, .contact-info > p.top, .billing-info > p.top, .id-info > p.top, .review-order-details > p.top {
    color: #004FA3;
    padding: 0 0 10px 0;
    /*font-family:"Lato Regular", Helvetica, Arial, Verdana , sans-serif;
    font-style: italic;*/
    border-bottom: 1px solid #dcdcdc;
    margin: 0 0 15px 0;
    font-size: 18px;
}

header p.top {
    margin: 0;
    padding: 5px 0px 5px 0px;
}

.top .top-notes {
    float: right;
    margin: 5px 0 0;
}

.top-notes {
    font-size: 13px;
}

.info-note {
    color: #004FA3;
    font-size: 13px;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    border-bottom: 1px solid #667085;
    padding-bottom: 11px;
    margin-bottom: 20px;
}
.payment-page .info-note {
    font-size: 14px;
    color: #475467;
    border-bottom: solid 1px #D0D5DD;
}

.try-again strong {
    display: block;
}

.payment-page section .card-types-block {
    margin: 15px 0 0;
    width: 100%;
    background-color: #ccc;
    color: #fff;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    display: inline-block;
}

.poc, .try-again button {
    display: inline-block;
    float: left;
    margin: 0px 10px 0 0;
    text-decoration: none;
    padding: 9px 10px;
    background-color: #1676c4;
    color: #fff;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-weight: normal;
    border-radius: 2px;
}

#try-again, #try-again-delivery {
    vertical-align: top;
    margin: 0;
}

.try-again button {
    border: 1px solid #D0D0D0;
    background-color: #f2f2f2;
    color: #475467;
    padding: 5px 10px;
}

.contact-info > p.top:before, .billing-info > p.top:before, .id-info > p.top:before, .payment-info > p.top:before, .review-order-details > p.top:before {
    font-size: 18px;
    margin: 0 10px 0 0;
}

.payment-page .checked, .payment-page .invalid {
    background-repeat: no-repeat;
    /*width:24px;*/
    display: inline-block;
    margin: 9px 0px 0px 0px;
    position: relative;
    color: #AE1E22;
    font-size: 13px;
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    width: auto;
    padding-left: 25px;
}

.payment-page .checked {
    background-image: url('../img/icon-valid.png');
    padding-left: 15px;
    margin: 0;
}

.payment-page .invalid {
    background-image: url('../img/icon-invalid.png');
    margin-top: 9px;
    background-color: #fde8ea;
    background-position: 5px center;
    padding: 4px 11px 7px 30px;
    margin-left: -5px;
}

.payment-page label[for=confirmid].invalid{
    background-color: #fde8ea;
    background-image: url('../img/icon-invalid.png');
    background-position: 5px 6px;
    padding: 4px 11px 7px 30px;
    border-radius: 2px;
    display: inline-block;
    margin: 2px 5px 0 -5px;
    overflow: hidden;
    height: auto;
}

.payment-page label.checked[for="confirmemail"], .payment-page label.checked[for="email"], .payment-page label.checked[for="confirmid"], .payment-page label.checked[for="dob"] {
    background-color: #fff;
    padding-left: 0;
    /*margin-left: -5px;*/
    width: 24px !important;
}

.payment-page label[for="cardtype"].error.checked {
    display: none !important;
}

.country-AU .payment-page #suburbLookupSection .checked {
    display: none !important;
}


.country-JP .payment-page #addressLookupSection #residential_address-Postcode .checked, .country-JP .payment-page #shipping-addressLookupSection #shipping-residential_address-Postcode .checked {
    display: none !important;
}


#secretquestion ~ span.customSelect span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 29px 0 0;
}

input.autocomplete.ui-autocomplete-input {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px 29px 5px 5px;
    background: #fff url("../img/svg/icons/expand_more.svg") no-repeat center;
    background-position: calc(100% - 10px) center;
}

.payment-page .error-detail {
    background: #F0F0F0;
    color: #DA292F;
    padding: 7px 11px;
    border-radius: 2px;
    display: inline-block;
    margin-bottom: 0;
}

    .payment-page .error-detail[data-icon]:before {
        font-style: normal;
        margin-right: 10px;
    }

.payment-page .warning [data-icon]:before {
    margin: 0 0 0 -32px;
}

.payment-page .why-info {
    border: 1px solid #E8E8E9;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 33%;
    font-size: 15px;
    background-color: #fff;
    z-index: 100;
}

    .payment-page .why-info h3 {
        color: #1676c4;
        padding: 15px;
        margin: 0;
        cursor: pointer;
        font-size: 18px;
    }

    .payment-page .why-info span {
        padding: 15px;
        border-top: 1px solid #e8e8e9;
        margin: 0;
        display: block;
    }

    .payment-page .why-info h3[data-icon-after]:after {
        color: #1676c4;
        font-size: 15px;
    }

.payment-page article.eighteen-col header h2, .review-page article.eighteen-col header h2 {
    display: inline-block; /* given for secure chechout link on title bar*/
}

.review-page article.eighteen-col header.review-tbl-th h2 {
    display: inline-block;
}

.payment-page article.eighteen-col header span {
    display: inline-block;
    float: right;
    margin: 5px;
    font-style: normal;
}

    .payment-page article.eighteen-col header span.noreload, .payment-page article.eighteen-col header span.reload {
        float: none;
    }

    .payment-page article.eighteen-col header span.noreload {
        display: inline;
    }

.payment-page .row, .payment-page section div.row {
    padding-left: 0;
}


.payment-page .billing-info .spinner-img {
    display: inline-block;
}
.payment-page .billing-info #search-again-delivery {
    margin-top:15px;
    display: inline-block;
}


.payment-page .billing-info .spinner-img {
    display: inline-block;
}

/* delete start */
.payment-page .main article.eighteen-col header h1[data-icon]:before, .confirmation-page .main article.eighteen-col header h1[data-icon]:before, header p.top[data-icon]:before, .order-page .main article.eighteen-col header h1[data-icon]:before, .no-process .main article.eighteen-col header h1[data-icon]:before, .payment-on-collection .main article.eighteen-col header h1[data-icon]:before {
    /*font-size: 22px;*/
    margin: 0 15px 0 0;
}
/* delete end */

.payment-page .main article.eighteen-col header h2[data-icon]:before, .confirmation-page .main article.eighteen-col header h2[data-icon]:before, header p.top[data-icon]:before, .order-page .main article.eighteen-col header h2[data-icon]:before, .no-process .main article.eighteen-col header h2[data-icon]:before, .payment-on-collection .main article.eighteen-col header h2[data-icon]:before,
.identification-record-holder header h2 img {
    /*font-size: 22px;*/
    margin: 0 15px 0 0;
}

.review-page .main article.eighteen-col header h1 span[data-icon]:before, .review-page .main article.eighteen-col header h2 span[data-icon]:before {
    margin: 0 15px 0 0;
}


.confirmation-page article.eighteen-col.order-collection header p.top[data-icon]:before {
    font-size: 30px;
    float: left;
    line-height: 22px;
}

.payment-page .payment-info #expyear, .payment-page .id-info #idexpyear, .payment-page .id-info #ssn3 {
    margin-right: 2%;
}

.payment-page span.customSelect {
    float: left;
    width: 100%;
    padding: 6px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.payment-page select.customSelect option {
    font-style: normal;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
}

.customSelect {
    background-image: url('../img/line.png');
    background-repeat: repeat-y;
    background-position: 89% 0;
    /* background-color: #f2f2f2;*/
    background-color: #ffffff;
    border: 1px solid #d0d0d0;
    border-radius: 2px;
    padding: 1%;
    width: 30%;
    margin-bottom: 0 !important;
    font-size: 15px;
    color: #475467;
    font-style: normal;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    left: 0;
}

span.customSelect {
    margin-right: 2%;
}

.customSelect.customSelectHover {
    /* Styles for when the select box is hovered */
}

.customSelect.customSelectOpen {
    /* Styles for when the select box is open */
}

.customSelect.customSelectFocus {
    /* border: 1px solid #7cbcfe;
    border: 2px solid #475467;*/
}

.customSelectInner {
    /* background: url('../img/down-arrow.png') no-repeat; */
    margin-bottom: 0 !important;
    background-position: 97%;
    width: 100% !important;
    white-space: nowrap;
}

.custom.dropdown {
    cursor: pointer;
    margin-top: -20px;
    width: 100%;
    padding: 10px 0 10px 10px;
    background: #d5d5d5;
    position: relative;
}

    .custom.dropdown a {
        display: inline-block;
        color: #dd052c;
    }

    .custom.dropdown .selector {
        background: url("../images/core/Sprite-V6.png") no-repeat -79px -1622px;
        padding: 21px;
        top: 0;
        position: absolute;
        right: 0;
    }

    .custom.dropdown ul {
        list-style-type: none;
        position: absolute;
        width: 100%;
        background: #fff;
        left: 0;
        z-index: 1;
        top: auto;
        margin-top: 11px;
        display: none;
        border-bottom: 1px solid #d5d5d5;
    }

        .custom.dropdown ul li {
            padding: 10px 0 10px 10px;
            cursor: pointer;
        }

            .custom.dropdown ul li.selected, .custom.dropdown ul li:hover {
                background: #d5d5d5;
                color: #dd052c;
            }

    .custom.dropdown.active ul {
        display: block;
    }
/* To get the ellipsis back un-comment below */
#address-found-multiple .customSelectInner {
    display: inline-block;
    /*overflow: hidden;
    width: 87% !important;
    text-overflow: ellipsis;*/
    background: none;
}


.dd-container, .dd-select, .dd-options { /*width: 100% !important;*/
    width: auto;
}

.dd-select {
    background-image: url('../img/line.png') !important;
    background-repeat: repeat-y !important;
    background-position: 90% !important;
}

.dd-option-image, .dd-selected-image {
    max-width: 45px;
}

.dd-option-text {
    font-size: 15px;
    color: #475467;
    font-style: normal;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-weight: normal;
    line-height: normal !important;
    text-align: left;
}

.dd-pointer {
    background: url('../img/down-arrow.png') no-repeat;
    margin-bottom: 0 !important;
    background-position: 97%;
    width: 11px !important;
    height: 8px !important;
    right: 27px;
}

.dd-pointer-down, .dd-pointer-up {
    border: none !important;
}

.dd-options li a {
    text-align: left;
}

.dd-selected-text {
    float: left;
    /*line-height: 45px !important;*/
    line-height: normal;
    font-size: 15px;
}

.dd-container {
    margin: 0 auto;
}

.dd-selected-image {
    padding-top: 7px;
}

.cs-holder {
    position: relative;
    margin-bottom: 0 !important;
    display: inline-block !important;
    overflow: hidden;
    float: left;
    width: 34%;
    margin-right: 2.1%;
}

.payment-info ul.payment-security {
    right: 10px;
    bottom: -7px;
    position: absolute;
    float: right;
    list-style: none;
    border-left: 1px solid #E8E8E9;
    padding: 0px 0 0 10px;
    width: 12%;
    margin: 0;
}

.payment-info .card-notes-visible {
    display: inline-block;
    width: 40%;
    padding-left: 0px;
    margin: 0 0 55px 0;
}

.payment-info .card-notes {
    display: none;
    min-height: 23px;
    float: right;
    /*width: 43.75%;*/
}

.id-info .group .cs-holder {
    width: 18%;
}

#expdate-note {
    float: left;
}

.id-info .group .cs-holder span.customSelect {
    width: 100%;
    /*padding: 6.9%;*/
    background-position: 81% 0;
}

.expiry-date-select {
    width: 69%;
    float: left;
}

    .expiry-date-select .cs-holder {
        width: 24%;
        float: left;
    }

.payment-page .expiry-date-select span.customSelect {
    width: 98%;
}

#expmonth + span.customSelect, #expyear + span.customSelect {
    /*width: 100%;*/
    background-position: 75% 0;
    /*padding: 6%;*/
}

#expmonth + span span.customSelectInner, #expyear + span span.customSelectInner {
    background-position: 93% 9px;
}

span.security-digits {
    display: inline-block;
    float: right;
    margin-right: 7%;
    width: 35%;
}

.payment-page #ssn1 {
    width: 11%;
    display: inline-block;
}

.payment-page #ssn2 {
    width: 4%;
    display: inline-block;
}

.payment-page #ssn3 {
    width: 9%;
    display: inline-block;
}

#cardnumber + img {
    display: none;
    margin-right: 5px;
    float: left;
}

span.address-found-multiple::after {
    clear: both;
    height: 0;
    overflow: hidden;
}

.payment-option div {
    width: 10%;
    margin-right: 2%;
    float: left;
}

.payment-option img {
    max-width: 100%;
}

.payment-option p {
    float: left;
    width: 88%;
}

.payment-type-review-bpay div {
    float: left;
    width: 15%;
    margin-right: 2%;
}

.payment-type-review-bpay img {
    max-width: 100%;
}

.payment-type-review-bpay ul {
    float: left;
    border: 2px solid #004fa3;
    padding: 7px !important;
}

.payment-type-content {
    clear: both;
}



/**** Review and confirmation page ****/

.review-page section {
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

    .review-page section.no-bg {
        overflow: initial;
    }

.review-page .warning [data-icon]:before {
    margin: 1px 0 0 -32px;
}

.review-page .blue-box {
    border: 1px solid #F0F0F0;
}

.review-page .review-tbl-th {
    color: #1676c4;
    border-bottom: 1px solid #dcdcdc;
}

.review-page .review-tbl-th, .confirmation-order-summary .review-tbl-th {
    color: #475467;
    border-bottom: 1px solid #dcdcdc;
    font-size: 18px;
    font-family: "Lato bold",Helvetica,Arial,Verdana,sans-serif;
    font-weight: bold;
}


.review-page .currency-holder header .twelve-col, .review-page .currency-holder header .three-col {
    padding: 10px 0;
    text-align: left;
    margin-bottom: 0;
    font-size: 18px;
    font-family: "Lato Light",Helvetica,Arial,Verdana,sans-serif;
    font-weight: 200;
}

.review-page .currency-holder header .three-col {
    border-left: 1px solid #E8E8E9;
    padding-left: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.review-page .currency-holder header .twelve-col {
    margin-right: -1px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.review-page .currency-holder article .last-col {
    text-align: right !important;
    float: right;
    margin-left: 5px;
    overflow: visible;
}

.review-page .currency-holder article .exch:before {
    content: "=";
    left: -10%;
    position: absolute;
}

.review-page .currency-holder header .center-col {
    width: 16%;
}

.review-page .currency-holder header .last-col {
    float: right;
    width: 12%;
}

.review-page .currency-holder article .twelve-col {
    width: 66.0377%;
    margin-bottom: 0;
    padding-top: 25px;
    padding-bottom: 25px;
    border-right: 1px solid #e8e8e9;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.review-page .currency-holder article .three-col {
    padding: 50px 0 10px;
    text-align: left;
    margin-bottom: 0;
}

    .review-page .currency-holder article .three-col ul {
        list-style-type: none;
        margin: 0;
        padding: 60px 0 0 0;
    }

        .review-page .currency-holder article .three-col ul li {
            margin-bottom: 5px;
        }

    .review-page .currency-holder article .three-col span, .review-page .review-order-summary .extra-order-details span.ccode, .review-page .review-order-summary .extra-order-details span.total {
        display: inline-block;
        border-bottom: none;
    }

        .review-page .currency-holder article .three-col span.total {
            text-align: right;
            width: 64%;
        }

.review-page .review-order-summary .extra-order-details span.total {
    width: 50%;
    text-align: left;
}

.review-page .currency-holder article .three-col span.ccode, .review-page .review-order-summary .extra-order-details span.ccode {
    text-align: left;
    margin-left: 5px;
    font-weight: bold;
    font-family: "Lato Bold",Helvetica,Arial,Verdana,sans-serif;
}

.review-page .currency-holder article {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #E8E8E9;
}

.review-page .red-button span {
    display: inline;
}

.review-page .currency-holder .sub-total {
    float: right;
    margin-top: 20px;
    font-size: 20px;
}

.review-page .currency-holder .three-col {
    width: 14.094%;
}

.review-page .four-col, .your-details .four-col {
    margin-right: 4%;
    overflow: visible;
    font-size: 15px;
    width: 22%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.your-details .six-col, .review-page .five-col, .your-details .five-col {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 4% 0 0;
}

.review-page .five-col, .your-details .five-col {
    margin: 0 4% 0 0;
    width: 30.5%;
}

.review-page .four-col .pass-no {
    margin-bottom: 10px;
}

.review-page .delivery-three-cols .four-col, .review-page .reload-three-cols .four-col {
    width: 27%;
}

.review-page .last-col, .your-details .four-col:last-child, .your-details .five-col.last-col {
    margin-right: 0;
}

.review-page .four-col strong, .your-details .four-col strong, .your-details .six-col strong, .review-page .six-col strong, .review-page .five-col strong, .your-details .five-col strong {
    display: block;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

    .review-page .four-col strong[data-icon]:before, .review-page .five-col strong[data-icon]:before, .your-details .four-col strong[data-icon]:before, .your-details .six-col strong[data-icon]:before, .your-details .five-col strong[data-icon]:before, .review-page .six-col strong[data-icon]:before {
        color: #1676c4;
        margin-right: 7px;
        font-size: 16px;
    }

.review-page .four-col ul, .review-page .five-col ul, .your-details .four-col ul, .your-details .six-col ul, .your-details .five-col ul, .review-page .six-col ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .review-page .four-col ul li, .review-page .five-col ul li, .your-details .four-col ul li, .your-details .six-col ul li, .your-details .five-col ul li, .review-page .six-col ul li {
        margin-bottom: 3px;
        word-break: break-all;
    }

.review-page .terms, .review-page .prcterms, .payment-on-collection .terms {
    border: solid 1px transparent;
    width: auto;
    padding: 12px 16px 12px 16px;
    border-radius: 4px;
    margin-bottom: 8px;
}

.review-page .terms:last-of-type, .review-page .prcterms:last-of-type, .payment-on-collection .terms:last-of-type {
    margin-bottom: 0;
}

.review-page .terms.active, .review-page .prcterms.active, .payment-on-collection .terms.active {
    background-color: #C8E8F9;
    border: solid 1px #1272A5;
}

.payment-on-collection p.review-terms,
.review-page p.review-terms {
    border-bottom: none;
    padding-bottom: 0;
}

.review-page section > p {
    font-size: 15px;
}

.review-page .main article.eighteen-col header h2[data-icon]:before {
    font-size: 20px;
    margin: 0 20px 0 0;
}

.review-page .edit-order a, .payment-page .edit-order a {
    font-weight: normal;
}

.review-page .mobile-visible.edit-order {
    padding: 20px 0px;
    border-top: 1px solid #a9a9a9;
}

.review-page .edit-order[data-icon]:before, .payment-page .edit-order[data-icon]:before, .review-page .edit-order-inner[data-icon]:before {
    margin-right: 10px;
    text-decoration: none;
    /* display: none; */
}

.review-page .edit-order-inner[data-icon]:before {
    color: #1676c4;
}

.review-page input[type="checkbox"], .payment-on-collection input[type="checkbox"], .payment-page input[type="checkbox"] {
    display: none;
}

    .payment-on-collection input[type="checkbox"] + label, .payment-page input[type="checkbox"] + label {
        font-size: 15px;
        padding-left: 50px;
        display: block;
        cursor: pointer;
        line-height: 23px;
        padding-bottom: 15px;
    }

        .review-page input[type="checkbox"] + label:last-child, .payment-on-collection input[type="checkbox"] + label:last-child, .payment-page input[type="checkbox"] + label:last-child {
            padding-bottom: 0;
        }

    .review-page input[type="checkbox"].error + label, .payment-on-collection input[type="checkbox"].error + label, .payment-page input[type="checkbox"].error + label {
        font-size: 15px;
        line-height: 23px;
        padding-left: 50px;
        display: block;
        cursor: pointer;
        color: #DA292F;
    }

        .review-page input[type="checkbox"].error + label:last-child, .payment-on-collection input[type="checkbox"].error + label:last-child, .payment-page input[type="checkbox"].error + label:last-child {
            padding-bottom: 0;
        }

    .payment-on-collection input[type="checkbox"] + label span, .payment-page input[type="checkbox"] + label span {
        background: url("../img/checkbox.png") no-repeat 0 -39px;
        width: 45px;
        height: 23px;
        float: left;
        margin-left: -50px;
        cursor: pointer;
    }

.payment-page .billing-info input[type=checkbox] + label, .payment-page .id-info input[type=checkbox] + label {
    width: auto;
    font-size: 13px;
    font-weight: normal;
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
}

.payment-on-collection input[type="checkbox"]:checked + label span, .payment-page input[type="checkbox"]:checked + label span {
    background: url("../img/checkbox.png") no-repeat 0 -17px;
}

html.lt-ie9 .review-page input[type="checkbox"], html.lt-ie9 .payment-on-collection input[type="checkbox"] {
    display: inline-block;
}

    html.lt-ie9 .review-page input[type="checkbox"] + label span, html.lt-ie9 .payment-on-collection input[type="checkbox"] + label span {
        display: none;
    }

    html.lt-ie9 .review-page input[type="checkbox"] + label, html.lt-ie9 .payment-on-collection input[type="checkbox"] + label {
        padding-left: 15px;
        display: inline-block;
    }

.review-page .newsletter.multiOption input[type="checkbox"] + label span {
    margin-left: -10px;
}

.review-page input[type="checkbox"] + label img {
    padding-bottom: 15px;
}

    .review-page input[type="checkbox"] + label img + p {
        padding: 0;
        margin: 0;
        clear: both;
    }

.review-page .box {
    margin-bottom: 20px;
    background-color: #fff;
}

    .review-page .box .box-content {
        border-bottom: 1px solid #E8E8E9;
        border-right: 1px solid #E8E8E9;
        border-left: 1px solid #E8E8E9;
        padding: 15px;
        font-size: 15px;
    }

        .review-page .box .box-content strong {
            display: block;
        }

            .review-page .box .box-content strong:last-of-type {
                margin-top: 10px;
            }

.review-page .main .eighteen-col section .six-col .box .box-content span.store-hours table tbody tr {
    margin-bottom: 5px;
}

.box .box-content {
    word-break: break-all;
    word-break: break-word;
}

html.lt-ie10 .box .box-content {
    word-break: break-all;
}

.review-page .box h4 {
    margin: 0;
    font-size: 15px;
    font-weight: normal;
}

    .review-page .box h4[data-icon]:before {
        margin-right: 5px;
    }

.review-page .sub-header span.red {
    display: inline;
    color: #DA292F;
}

.review-page .sub-header {
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 40px;
    overflow: hidden;
    padding-bottom: 10px;
    position: relative;
}

    .review-page .sub-header button {
        margin: 20px 0 0;
        float: right;
    }

.review-page .order-received button {
    width: 300px;
    padding-left: 45px;
}

    .review-page .order-received button[data-icon]:before {
        margin: 5px 0 0 -40px;
        position: absolute;
    }

.review-page button[data-icon]:before {
    float: left;
    font-size: 16px;
    margin-top: 3px;
}

#directions-map {
    width: 300px;
    height: 380px;
    margin: 0 15px;
    background: #E8E8E9;
}

.review-page .get-directions {
    background: url("../img/confirmation-directions.png") no-repeat 0 0;
    padding-left: 50px;
    width: 25%;
    min-height: 419px;
    font-size: 15px;
}

    .review-page .get-directions span {
        color: #1676c4;
    }

        .review-page .get-directions span strong {
            color: #475467;
            margin-left: 10px;
        }

        .review-page .get-directions span[data-icon]:before {
            color: #1676c4;
        }

.review-page .what-to-bring {
    background: url("../img/confirmation-bring.png") no-repeat 0 0;
    padding-left: 50px;
    width: 31%;
    min-height: 293px;
}

    .review-page .what-to-bring h2 {
        border-bottom: 1px solid #e8e8e9;
        padding-bottom: 10px;
    }

    .review-page .what-to-bring [data-icon]:before {
        color: #1676c4;
        margin-right: 20px;
        font-size: 20px;
        position: relative;
        top: 3px;
    }

    .review-page .what-to-bring .order-no[data-icon]:before {
        top: 15px;
    }

.review-page .when-to-collect [data-icon]:before {
    color: #1676c4;
    margin-left: -50px;
    font-size: 32px;
    position: absolute;
}

.review-page .when-to-collect p.red {
    display: inline-block;
}

.review-page .what-to-bring ul li {
    margin-bottom: 20px;
}

.review-page .what-to-bring span.red {
    margin-left: 40px;
    font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
}

.review-page .point-info span {
    margin: 18px 0 10px;
    padding: 5px 0;
    border-bottom: 1px solid #E8E8E9;
}

.review-page .airport-pi {
    font-size: 20px;
    border-top: 1px solid #e8e8e9;
    border-bottom: 1px solid #e8e8e9;
    padding: 20px 0;
}

.review-page .get-directions h2 {
    color: #004FA3;
    font-weight: normal;
    font-size: 33px;
    font-family: "Lato Light",Helvetica,Arial,Verdana,sans-serif;
    font-weight: 200;
}

.review-page .get-directions .get-directions-link {
    margin-top: 80px;
}

.review-page .order-received span {
    font-size: 20px;
    font-family: "Lato Light",Helvetica,Arial,Verdana,sans-serif;
    font-weight: 200;
}

.review-page .eighteen-col section .sub-header span {
    display: inline-block;
    font-size: 20px;
    font-weight: normal;
}

/** Specific confirmation page styles **/

/*
//#8068 Desktop - Confirmation page - Icon alignment
//
*/

.review-page .main article.order-collection header h2 {
    padding-left: 40px;
}

    .review-page .main article.order-collection header h2[data-icon]:before {
        font-size: 32px;
        position: absolute;
        margin: -3px 0 0 -45px;
    }

/* END 8068 */

.review-page .order-collection h2 {
    color: #DA292F;
    font-family: "Lato Light",Helvetica,Arial,Verdana,sans-serif;
    font-weight: 200;
    font-size: 33px;
    border-bottom: 1px solid #e8e8e9;
    padding-bottom: 10px;
}

.review-page .order-collection .get-directions-link {
    display: none;
}

.review-page .when-to-collect span {
    font-size: 20px;
    font-weight: 400;
    padding-left: 50px;
    display: block;
    margin-bottom: 20px;
}

    /*
// #8080 - Tablet & Mobile - Confirmation page
// Fixed ipad styling
*/
    .review-page .when-to-collect span.cal-date {
        color: #1676c4;
        font-size: 18px;
        left: 0;
        position: absolute;
        text-align: center;
        width: 33px;
        padding: 10px 0 0;
    }

    /* END 8080 */

    .review-page .when-to-collect span.col-date {
        margin-bottom: 30px;
    }

        .review-page .when-to-collect span.col-date[data-icon]:before {
            font-size: 42px;
            margin-left: -55px;
        }
/* delete - start */
.review-page .order-received h1 {
    background: url('../img/icon-thumb.png') no-repeat;
    background-position: 50% 0;
    padding-top: 80px;
    font-size: 33px;
}

/* delete - end */

.review-page .order-received h2 {
    background: url('../img/icon-thumb.png') no-repeat;
    background-position: 50% 0;
    padding-top: 80px;
    font-size: 33px;
}

.review-page .review-order-summary .currency-holder {
    width: 75%;
    padding-left: 20px;
    border-left: 1px solid #e8e8e9;
    float: right;
}

.review-page .review-order-summary-m {
    display: none;
}


.review-page .review-order-summary .currency-holder article .twelve-col, .review-page .review-order-summary .currency-holder header .twelve-col {
    width: 56.038%;
}

.review-page .review-order-summary .currency-holder .three-col, .review-page .review-order-summary .currency-holder header .three-col {
    width: 19.094%;
}


.review-page .review-order-summary .currency-holder article .exch:before {
    left: 0%;
}

.review-page .review-order-summary .currency-holder header .center-col {
    width: 25%;
}


.review-page .review-order-summary .currency-holder header .last-col {
    width: 15.094%;
}

.review-page .review-order-summary .extra-order-details {
    float: left;
    font-size: 15px;
    padding-left: 30px;
    width: 20%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .review-page .review-order-summary .extra-order-details strong {
        margin-bottom: 5px;
    }

    .review-page .review-order-summary .extra-order-details ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .review-page .review-order-summary .extra-order-details ul li {
            border-top: 1px solid #e8e8e9;
            padding: 5px 0;
        }

            .review-page .review-order-summary .extra-order-details ul li strong {
                float: right;
                margin-right: 30px;
            }

    .review-page .review-order-summary .extra-order-details h3 {
        font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
        font-weight: 400;
        font-size: 20px;
        margin-top: 0;
    }

        .review-page .review-order-summary .extra-order-details h3[data-icon]:before {
            color: #1676c4;
            margin: 3px 0 0 -30px;
            position: absolute;
            font-size: 22px;
        }

    .review-page .review-order-summary .extra-order-details .airport-icon[data-icon]:before {
        font-size: 20px;
    }

.review-page .shipping-method {
    margin-top: 20px;
}

.extra-order-details .delivery-method-details ul {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
}

    .extra-order-details .delivery-method-details ul li {
        list-style: none;
    }


.review-page .upsell-box {
    background-color: #003368;
    color: #fff;
    width: 49%;
    display: inline-block;
    clear: both;
    text-align: center;
    padding: 100px 0;
    border-radius: 2px;
    margin-bottom: 20px;
}

    .review-page .upsell-box:last-of-type {
        margin-left: 1%;
        float: right;
    }

.review-page .box header {
    padding: 10px 15px;
}

.order-received, .order-error {
    position: relative;
    box-shadow: 0 2px 8px #7F7F7F;
    border-radius: 2px;
    margin-bottom: 30px;
    padding: 10px 10px 50px 10px;
    background-color: #fff;
}

.order-received {
    padding: 20px;
}


.get-directions-link {
    background-color: #1676c4;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-weight: 400;
    margin: 25px auto;
    text-decoration: none;
    padding-right: 5px;
}

.get-directions-link, .print-directions-link {
    margin-top: 20px;
}

    .print-btn[data-icon]:before, .get-directions-link[data-icon]:before, .print-directions-link[data-icon]:before {
        margin: 2px 0 0 -24px;
        position: absolute;
        display: none;
    }

.review-page .order-error {
    padding-bottom: 30px;
}

.review-page .order-error {
    overflow: hidden;
}

button.print-directions-link.print-gmap.print-btn {
    margin-bottom: 8px;
}
/* delete - start */
.order-received h1, .order-error h1 {
    padding-bottom: 30px;
    text-align: center;
    background: url('../img/grey-divider.png') repeat-x 0 bottom;
}
/* delete - end */

.order-received h2, .order-error h2 {
    color: #DA292F;
    font-family: "Lato Light",Helvetica,Arial,Verdana,sans-serif;
    font-weight: 200;
    font-size: 2em;
    padding-bottom: 30px;
    text-align: center;
    background: url('../img/grey-divider.png') repeat-x 0 bottom;
}

/* poc-message */
.order-error.poc-message h1 {
    display: block;
}

.order-error.poc-message {
    position: relative;
    box-shadow: none;
    border: 0 none;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    padding: 0;
    margin: 0;
}

    .order-error.poc-message:after, .order-error.poc-message:after {
        display: none;
    }

    .order-error.poc-message p.red {
        margin-top: -22px;
    }

    .order-error.poc-message h3 {
        background: url("../img/icon-thumb.png") no-repeat scroll 50% 0 white;
        color: #1676c4;
        font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
        text-align: center;
        padding: 80px 0 0px;
        margin-top: 30px;
    }

    .order-error.poc-message span.long-info {
        font-size: 15px;
        padding: 0;
    }

/* poc-message */


.collection-date, .collection-location {
    font-size: 15px;
}

.extra-order-details {
    width: 22%;
    float: left;
    padding: 0px 20px 0px 20px;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

ul.rcp-balance-list {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-top: 5px;
}

    ul.rcp-balance-list li {
        padding: 5px 0px;
        border-top: 1px solid #dcdcdc;
        overflow: hidden;
    }

    ul.rcp-balance-list span {
        display: inline;
        margin-bottom: 0;
    }

        ul.rcp-balance-list span.ccode {
            font-weight: bold;
            float: right;
        }

.extra-order-details span {
    display: block;
    margin-bottom: 20px;
}

.confirmation-order-summary {
    width: 100%;
    float: right;
}

.confirmation-page .extra-order-details ~ .confirmation-order-summary {
    width: 77%;
}

.sub-header {
    border-bottom: 1px solid #E8E8E9;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 10px;
    position: relative;
}

    .sub-header span {
        display: inline-block;
        font-size: 18px;
        font-weight: normal;
        margin: 0;
        float: left;
    }

    .sub-header button {
        float: right;
    }

.extra-order-details h3[data-icon]:before {
    color: #1676c4;
    font-size: 22px;
    margin: 0px 0 0 -30px;
    position: absolute;
    display: none;
}

.extra-order-details h3 {
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-weight: 400;
    margin: 0 0 10px 0;
}

/*.extra-order-details h3:before {
        font-family: 'icomoon' !important;
    }*/

.extra-order-details h3 {
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif !important;
    font-weight: 400;
    margin: 0 0 10px 0;
}
/* confirmation */

/* delete - start */
.order-received h1 {
    background: url("../img/icon-thumb.png") no-repeat scroll 50% 0 white;
    margin-top: 0;
    padding: 80px 0 10px;
}
/* delete - end */

.order-received h2 {
    background: url("../img/icon-thumb.png") no-repeat scroll 50% 0 white;
    margin-top: 0;
    padding: 80px 0 10px;
}

.order-received .message {
    padding: 0 0 20px;
    text-align: center;
    margin: 0;
    font-size: 18px;
    font-family: "Lato Light",Helvetica,Arial,Verdana,sans-serif;
}

span.print-logo {
    display: none;
}

.order-collection h3, .get-directions h3 {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 10px;
    margin: 0.83em 0;
}

.order-collection ul, .get-directions ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.what-to-bring {
    float: right;
    width: 32.07547%;
    padding: 0 !important;
}

div.what-to-bring>.delivery-selection {
    padding: 0px 20px;
}

.what-to-bring ul li {
    margin-bottom: 20px;
}

.what-to-bring [data-icon]:before {
    color: #1676c4;
    margin: 0 15px 0px 0px;
}

.what-to-bring li.order-no span {
    font-family: "Lato Bold",Helvetica,Arial,Verdana,sans-serif;
    margin-left: 32px;
    display: block;
}

.what-to-bring li span.tobring {
    margin: -22px 0 0 30px;
    display: block;
}

.when-to-collect {
    width: 66.0377%;
    float: left;
    margin-right: 1.8868%;
}

    .when-to-collect span.col-date[data-icon]:before {
        font-size: 42px;
        margin-left: -55px;
    }

    .when-to-collect span.col-date {
        font-size: 15px;
        left: 9px;
        position: absolute;
        top: 17px;
    }

.get-directions span {
    color: #1676c4;
}

    .get-directions span strong {
        color: #666666;
        margin-left: 10px;
    }

ul.point-info li:first-child {
    border-bottom: 1px solid #E8E8E9;
    margin: 18px 0 10px;
    padding: 5px 0;
}

ul.point-info li input {
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    display: inline-block;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-size: 15px;
    font-weight: normal;
    padding: 2%;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.facebook-box, .twitter-box {
    border-radius: 2px;
    color: #FFFFFF;
    display: inline-block;
    padding: 15px 0;
    margin: 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 47%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.facebook-box {
    background: url("../img/fb-logo.png") no-repeat scroll 15% center #3B5998;
    float: left;
}

.twitter-box {
    background: url("../img/twitter-logo.png") no-repeat scroll 15% center #4099FF;
    float: right;
}

    .facebook-box[data-icon-after]:after, .twitter-box[data-icon-after]:after {
        color: #FFFFFF;
        float: right;
        position: absolute;
        right: 50px;
    }

.box {
    margin-bottom: 15px;
}

.store-details .box .box-content strong {
    display: block;
}

    .store-details .box .box-content strong:last-of-type {
        margin-top: 10px;
    }

.box .box-content {
    border-bottom: 1px solid #E8E8E9;
    border-left: 1px solid #E8E8E9;
    border-right: 1px solid #E8E8E9;
    font-size: 15px;
    padding: 15px;
}
/* confirmation */
.review-page .order-error h1 {
    padding-bottom: 30px;
}

.review-page .order-received span, .review-page .order-error span {
    color: #475467;
    display: block;
    font-family: "Lato Light",Helvetica,Arial,Verdana,sans-serif;
    font-weight: 200;
    padding: 0 50px;
    text-align: center;
}

    .review-page .order-error span strong {
        color: #DA292F;
    }

.review-page .order-error span {
    font-size: 20px;
    margin-top: 40px;
}

.review-page .order-error span {
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-weight: normal;
}

.review-page .order-received:after {
    background: url('../img/confirmation-bg-desktop.png') no-repeat center bottom;
    content: "";
    height: 90px;
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
}

.confirmation-page .mobile-menu {
    display: none;
}

.confirmation-page .enquiry {
    font-size: 13px;
}

    .confirmation-page .enquiry span {
        margin-right: 30px;
    }

        .confirmation-page .enquiry span:last-of-type {
            margin-right: 0;
        }

    .confirmation-page .enquiry [data-icon]:before, .confirmation-page .enquiry [data-icon-after]:after {
        font-size: 12px;
    }

    .confirmation-page .enquiry [data-icon-after]:after {
        margin: -2px 0 0 5px;
        color: #787474;
    }

.review-page .point-info input {
    border: 1px solid #E8E8E9;
    border-radius: 2px;
    display: inline-block;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-size: 15px;
    font-weight: normal;
    padding: 2%;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.review-page .get-directions button {
    width: 100%;
}

.review-page .gmap-holder button {
    width: 80%;
}

.review-page .have-questions .six-col h4, .review-page .order-error .six-col h4, .have-questions .six-col h4, .have-questions .nine-col h4, .have-questions .nine-col h3 {
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #e8e8e9;
}

.review-page .have-questions .six-col, .review-page .order-error .six-col {
    font-size: 15px;
    margin-top: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .review-page .have-questions .six-col a, .review-page .order-error .six-col a {
        word-wrap: break-word;
    }

.review-page .no-items .add-more-currency, .review-page .no-items .reload-cash-passport {
    top: 0;
    padding: 0;
    border: none;
    margin: 0;
}

.review-page .no-items .add-more-currency {
    display: block;
}

    .review-page .no-items .add-more-currency .autocomplete {
        background-image: url('../img/search-icon.png');
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: 96% 50%;
    }

    .review-page .no-items .add-more-currency:before, .review-page .no-items .reload-cash-passport:before {
        background-image: none;
    }

.review-page .no-items .reload-cash-passport input:first-of-type {
    width: 96%;
}

.review-page .no-items .reload-cash-passport button.check-card {
    width: inherit;
}

.order-error strong, .have-questions strong {
    display: block;
    color: #1676c4;
}

.order-error {
    padding: 10px 20px 20px;
    margin-bottom: 50px;
    position: relative;
    font-size: 15px;
}
/*.no-process .order-error:after{
    height: 260px;
}*/
.no-process .no-items .add-more-currency {
    padding: 0;
}

.no-process .no-items .add-more-currency, .no-process .no-items .reload-cash-passport {
    padding: 0;
    border: 0 none;
    top: 0;
    margin: 0;
}

    .no-process .no-items .add-more-currency:before, .no-process .no-items .reload-cash-passport:before {
        display: none;
    }

.order-error .red[data-icon]:before {
    margin-right: 12px;
}

.order-error:after, .order-received:after {
    /* background: url('../img/confirmation-bg-desktop.png') no-repeat center bottom; */
    content: "";
    /*height: 260px; */
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -39px;
    height: 39px;
}

.order-error p.red {
    background: #FFFFFF;
    display: block;
    font-size: 17px;
    margin: -30px auto 15px auto;
    padding: 0 5px;
    color: #DA292F;
    width: 65%;
    text-align: center;
}

.order-error .six-col h4, .order-received .six-col h4, .order-error .nine-col h4, .order-error .nine-col p, .order-received .nine-col h4 {
    font-size: 20px;
    font-weight: normal;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #e8e8e9;
}

    .order-error .six-col h4[data-icon]:before, .have-questions .six-col h4[data-icon]:before, .have-questions .nine-col h4[data-icon]:before, .have-questions .nine-col h3[data-icon]:before, .order-error .nine-col h4[data-icon]:before, .order-error .nine-col p[data-icon]:before, .order-received .nine-col h4[data-icon]:before {
        color: #1676c4;
        margin: 0 10px 0 5px;
    }

.nine-col.last-col a {
    line-height: 24px;
}

.nine-col.last-col h4 {
    margin-bottom: 11px;
}

.order-error .nine-col a {
    margin: 0 0 0 7px;
    line-height: 24px;
}

.order-error .nine-col.last-col h4 {
    margin-bottom: 11px;
}

.review-page .order-error .red[data-icon]:before {
    margin-right: 12px;
}

.order-error p {
    color: #004FA3;
}

.review-page .order-error .six-col {
    color: #787474;
}

.order-error span {
    margin: 0px 0px;
    color: #475467;
    display: block;
    text-align: center;
    font-size: 18px;
    padding: 10px 50px;
}

.order-error div.onerror-steps {
    margin-top: 25px;
}

.block-link, .block-text {
    display: block;
    font-size: inherit !important;
}

.onerror-steps div.six-col, .onerror-steps div.nine-col, .have-questions div.six-col, .onerror-steps div.nine-col, .have-questions div.nine-col {
    word-wrap: break-word;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.order-error span.short-info {
    font-size: 20px;
}

.review-page .have-questions .six-col strong, .review-page .have-questions .six-col a, .review-page .order-error .six-col strong, .review-page .order-error .six-col a {
    color: #1676c4;
    display: block;
}

    /*
// #8051 Hover state on all buttons and tabs
// Adding in hover state css
*/
    .review-page .have-questions .six-col a:hover, .review-page .order-error .six-col a:hover {
        color: #176ba3;
    }
/* END #8051 */

.review-page .have-questions .six-col h4[data-icon]:before, .review-page .order-error .six-col h4[data-icon]:before {
    color: #1676c4;
    margin: 0 10px 0 5px;
}
/* checkout page navigation */
nav.main-nav {
    /*width: 75%;*/
    float: right;
    margin: 20px 0 0 20px;
}

    nav.main-nav ul {
        /*overflow:hidden;
    width:695px;*/
    }

    nav.main-nav li a, nav.main-nav li {
        margin: 0 !important;
        padding: 0 !important;
    }

    nav.main-nav li {
        width: auto;
        border: none;
        padding-top: 0;
        margin-right: 7%;
    }

        nav.main-nav li:last-of-type {
            margin-right: 0;
        }

    nav.main-nav ul li a {
        padding-top: 0;
        color: #78787a;
        border: none;
        width: 100% !important;
        text-align: left;
        font-size: 14px;
        font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
    }

        nav.main-nav ul li a.nav-bc:before, nav.main-nav ul li a.nav-bcp:before, nav.main-nav ul li a.nav-er:before, nav.main-nav ul li a.nav-tc:before, nav.main-nav ul li a.nav-ct:before, nav.main-nav ul li a.nav-sl:before {
            content: "";
            display: block;
            width: 29px;
            height: 29px;
            position: absolute;
            margin: 6px 0 0 -38px;
        }

        nav.main-nav ul li a.nav-bc:before {
            background: url('../img/nav-sprite.png') no-repeat 0 0;
        }

    nav.main-nav ul li:after {
        /*background: url('../img/divider.png') no-repeat 0 0;*/
        width: 1px;
        height: 49px;
        content: "";
        display: block;
        position: absolute;
        right: -7px;
        top: 0;
    }

    nav.main-nav ul li:last-of-type:after {
        background: none;
    }

    nav.main-nav ul li a.nav-bcp:before {
        background: url('../img/nav-sprite.png') no-repeat -279px 0;
    }

    nav.main-nav ul li a.nav-er:before {
        background: url('../img/nav-sprite.png') no-repeat -558px 0;
    }

    nav.main-nav ul li a.nav-tc:before {
        background: url('../img/nav-sprite.png') no-repeat -837px 0;
    }

    nav.main-nav ul li a.nav-ct:before {
        background: url('../img/nav-sprite.png') no-repeat -1116px 0;
    }

    nav.main-nav ul li a.nav-sl:before {
        background: url('../img/nav-sprite.png') no-repeat -1395px 0;
    }

    nav.main-nav ul span {
        display: inline-block;
        text-align: right;
    }

        nav.main-nav ul span.phone {
            margin-left: 20px;
            padding: 0 0 5px 20px;
            border-left: 1px solid #e8e8e9;
            font-size: 18px;
        }

    nav.main-nav ul li a span[data-icon-after]:after {
        margin-left: 8px;
        font-size: 12px;
        padding-top: 3px;
        color: #78787A;
    }
/* checkout page navigation */
.confirmation-page h1.title {
    position: absolute;
    left: 15px;
    margin-top: 60px;
}

.confirmation-page .enquiry {
    position: absolute;
    right: 25px;
}


.confirmation-page .rowline, .confirmation-page .currency-details {
    min-height: 45px;
}

/*****/
/* Start --> Review Page: Newsletter functionality */

.newsletter {
    border: solid 1px transparent;
    width: auto;
    padding: 12px 16px 12px 16px;
    border-radius: 4px;
    margin-bottom: 8px;
}

.review-page .newsletter:has(input:checked),
.review-page .terms:has(input:checked),
.review-page .prcterms:has(input:checked),
.payment-on-collection .newsletter:has(input:checked),
.payment-on-collection .terms:has(input:checked),
.payment-on-collection .prcterms:has(input:checked) {
    background-color: #EDF7FD;;
    border: solid 1px #1272A5;
}

.payment-on-collection .checkbox,
.review-page .checkbox {
    padding-left: 32px;
    margin: 0;
}
/*  End -->  Review Page: Newsletter functionality*/

/*** Autocomplete search box ***/

/** page structure **/

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #E8E8E9;
}

* html .ui-autocomplete {
    height: 200px;
}

.auto-highlight {
    font-weight: bold;
}

.ui-widget-content {
    border: 1px solid #E8E8E9 !important;
    border-top: none !important;
}

    .ui-widget-content a {
        color: #475467 !important;
        font-weight: normal !important;
    }

.ui-menu-item a img {
    width: 32px;
    margin-right: 15px;
}

.ui-menu-item a {
    font-family: "Lato", Helvetica, Arial, Verdana, sans-serif;
    font-style: normal;
    font-size: 14px;
}


/*
// #8028 - Flag sprite in country drop downs
// Added span with sprite
*/

/**** Currency Flags ****/

.ui-menu-item .flag {
    background: url('../img/widget-flags.png') 0 0 no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin: 3px 0;
}

.ui-menu-item .GBP {
    background-position: -82px -749px;
}

.ui-menu-item .EUR {
    background-position: -323px -699px;
}

.ui-menu-item .DKK {
    background-position: -164px -548px;
}

.ui-menu-item .HKD {
    background-position: -164px -900px;
}

.ui-menu-item .JPY {
    background-position: 0 -1102px;
}

.ui-menu-item .ANG {
    background-position: -164px -1603px;
}

.ui-menu-item .NZD {
    background-position: -164px -1653px;
}

.ui-menu-item .RUB {
    background-position: 0 -1854px;
}

.ui-menu-item .SEK {
    background-position: -82px -1904px;
}

.ui-menu-item .CHF {
    background-position: -82px -398px;
}

.ui-menu-item .AED {
    background-position: -82px 4px;
}

.ui-menu-item .USD {
    background-position: -323px -2206px;
}
/*****/

/* END #8028 */

/*****/

/*
// #8142 Mobile issues
// Prevent spinners showing on chrome for number input boxes
*/

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* NZ STYLES */
.payment-page label[for='drivinglicensecheck'].checked {
    display: none !important;
}


/* END 8142 */

/* ==========================================================================
   Media Queries
   ========================================================================== */


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 150%;
    }

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}



/* ==========================================================================
   Grid styles
   ========================================================================== */

.one-col, .two-col, .three-col, .four-col, .five-col, .six-col, .seven-col, .eight-col, .nine-col, .ten-col, .eleven-col, .twelve-col, .thirteen-col, .fourteen-col, .fifteen-col, .sixteen-col, .seventeen-col, .eighteen-col {
    clear: none;
    display: inline;
    float: left;
    margin-right: 1.8868%;
    overflow: hidden;
    padding: 0;
    position: relative;
    margin-bottom: 20px;
}

.one-col {
    width: 3.77358%;
}

.two-col {
    width: 9.43396%;
}

.three-col {
    width: 15.09433%;
}

.four-col {
    width: 20.75471%;
}

.five-col {
    width: 26.41509%;
}

.six-col {
    width: 32.07547%;
}

.seven-col {
    width: 37.73584%;
}

.eight-col {
    width: 43.39622%;
}

.nine-col {
    width: 49.0566%;
}

.ten-col {
    width: 54.71698%;
}

.eleven-col {
    width: 60.37735%;
}

.twelve-col {
    width: 66.03773%;
}

.thirteen-col {
    width: 71.69811%;
}

.fourteen-col {
    width: 77.35849%;
}

.fifteen-col {
    width: 83.01886%;
}

.sixteen-col {
    width: 88.67924%;
}

.seventeen-col {
    width: 94.33962%;
}

.eighteen-col {
    width: 100%;
    margin-right: 0;
}

    .eighteen-col.fulfilment-ui {
        overflow: visible;
    }

.clear { /* Useful generic clearing class. */
    clear: both;
}

.last-col {
    margin-right: 0;
}

/**** TOOLTIP ****/

/*.ui-tooltip, .ui-tooltip-top, .ui-tooltip-right, .ui-tooltip-bottom, .ui-tooltip-left {
  color:#ffffff;
  cursor:normal;
  display:-moz-inline-stack;
  display:inline-block;
  font-size:12px;
  font-family:arial;
  padding:.5em 1em;
  position:relative;
  text-align:center;
  text-shadow:0 -1px 1px #111111;
  -webkit-border-top-left-radius:4px ;
  -webkit-border-top-right-radius:4px ;
  -webkit-border-bottom-right-radius:4px ;
  -webkit-border-bottom-left-radius:4px ;
  -khtml-border-top-left-radius:4px ;
  -khtml-border-top-right-radius:4px ;
  -khtml-border-bottom-right-radius:4px ;
  -khtml-border-bottom-left-radius:4px ;
  -moz-border-radius-topleft:4px ;
  -moz-border-radius-topright:4px ;
  -moz-border-radius-bottomright:4px ;
  -moz-border-radius-bottomleft:4px ;
  border-top-left-radius:4px ;
  border-top-right-radius:4px ;
  border-bottom-right-radius:4px ;
  border-bottom-left-radius:4px ;
  -o-box-shadow:0 1px 2px #000000, inset 0 0 0 1px #222222, inset 0 2px #666666, inset 0 -2px 2px #444444;
  -moz-box-shadow:0 1px 2px #000000, inset 0 0 0 1px #222222, inset 0 2px #666666, inset 0 -2px 2px #444444;
  -khtml-box-shadow:0 1px 2px #000000, inset 0 0 0 1px #222222, inset 0 2px #666666, inset 0 -2px 2px #444444;
  -webkit-box-shadow:0 1px 2px #000000, inset 0 0 0 1px #222222, inset 0 2px #666666, inset 0 -2px 2px #444444;
  box-shadow:0 1px 2px #000000, inset 0 0 0 1px #222222, inset 0 2px #666666, inset 0 -2px 2px #444444;
  background-color:#3b3b3b;
  background-image:-moz-linear-gradient(top,#555555,#222222);
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#555555),color-stop(1,#222222));
  filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#555555,EndColorStr=#222222);
  -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#555555,EndColorStr=#222222);
}
.ui-tooltip:after, .ui-tooltip-top:after, .ui-tooltip-right:after, .ui-tooltip-bottom:after, .ui-tooltip-left:after {
  content:"\25B8";
  display:block;
  font-size:2em;
  height:0;
  line-height:0;
  position:absolute;
}
.ui-tooltip:after, .ui-tooltip-bottom:after {
  color:#2a2a2a;
  bottom:0;
  left:1px;
  text-align:center;
  text-shadow:1px 0 2px #000000;
  -o-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -khtml-transform:rotate(90deg);
  -webkit-transform:rotate(90deg);
  width:100%;
}
.ui-tooltip-top:after {
  bottom:auto;
  color:#4f4f4f;
  left:-2px;
  top:0;
  text-align:center;
  text-shadow:none;
  -o-transform:rotate(-90deg);
  -moz-transform:rotate(-90deg);
  -khtml-transform:rotate(-90deg);
  -webkit-transform:rotate(-90deg);
  width:100%;
}*/



/*
// #8039 Tool tips on currency amount
// Styling amends
*/

.ui-tooltip, .arrow:after {
    background: #ffffff;
    border: 2px solid white;
    position: absolute;
}

.ui-tooltip {
    padding: 10px 20px;
    color: #1676c4;
    border-radius: 3px;
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    font-style: normal;
    font-weight: normal;
    position: absolute;
    -o-box-shadow: 0px 0px 3px 3px #888;
    -moz-box-shadow: 0px 0px 3px 3px #888;
    -webkit-box-shadow: 0px 0px 3px 3px #888;
    box-shadow: 0px 0px 3px 3px #888;
    width: 220px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000');
}

.ui-tooltip-content {
    font-size: 12px;
    color: #004fa3;
}

html.lt-ie9 .ui-tooltip {
    background: #f0f0f0;
    font-size: 13px;
    padding: 15px 10px !important;
}

html.lt-ie9 .arrow:after {
    background: #f0f0f0;
}

@-moz-document url-prefix() {
    .ui-tooltip {
        background: #fff;
        font-size: 13px;
        padding: 15px 10px !important;
        z-index: 100;
    }
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 25%;
    margin-left: 30px;
    bottom: -26px;
    z-index: 10;
    padding-bottom: 10px;
}

    .arrow.top {
        top: -16px;
        bottom: auto;
    }

    .arrow.left {
        left: 50%;
    }

    /* END #8039 */

    .arrow:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -20px;
        width: 25px;
        height: 25px;
        -webkit-box-shadow: 0px 0px 3px 3px #888;
        box-shadow: 0px 0px 3px 3px #888;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

html.lt-ie9 .arrow:after {
    display: none;
}

.arrow.top:after {
    bottom: -20px;
    top: auto;
}

/*****/


/*
// #8059 Desktop - My Order page - Arrow drop shadow missing.
*/

.tooltip .arrow:after {
    border: none;
    width: 30px;
    height: 30px;
}

.tooltip > .arrow.top {
    top: -26px;
}

.tooltip > .arrow {
    left: 72%;
}

/* END 8059 */

#timeoutPage {
    display: none;
}

.pt {
    cursor: pointer;
}

.buttonClicked .vr {
    font-size: 32px;
    padding-top: 12px;
    padding-bottom: 7px;
}

.change-date {
    font-size: 18px;
}

.pcs-holder {
    position: relative;
}
    /*
// #8097 Add another currency to your cash passport
// Amending styling to custom select box
*/

    .pcs-holder .customSelect {
        top: 0 !important;
        width: 100% !important;
        font-size: 20px;
        font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
        font-style: normal;
        font-weight: normal;
        padding: 2%;
        margin-right: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }


    /* END #8097 */

    .pcs-holder select {
        height: auto !important;
        width: 100% !important;
    }

.reload-cash-passport form input.buy-amount,
.add-currency .reload-cash-passport form input.buy-amount {
    width: 31%;
}


[aria-disabled="true"] .dw-cal-day-m {
    background: #fff !important;
}

[aria-disabled="true"] .dw-cal-day-fg {
    color: rgb(152, 152, 153) !important;
}



.tip {
    width: 212px;
    padding-top: 37px;
    overflow: hidden;
    display: none;
    position: absolute;
    z-index: 500;
    background: transparent url(images/tipTop.png) no-repeat top;
}

.tipMid {
    background: transparent url(images/tipMid.png) repeat-y;
    padding: 0 25px 20px 25px;
}

.tipBtm {
    background: transparent url(images/tipBtm.png) no-repeat bottom;
    height: 32px;
}


/*
// #8115 Mouseover all calendars
// Calendar hover states
*/
.dw-cal .dw-cal-day:hover .dw-cal-day-m {
    cursor: pointer;
    background-color: #DA292F !important;
}

.dw-cal .dw-cal-day, .dw-cal-day .dw-i {
    cursor: pointer;
}

/* END 8115 */


/* Dropkick */
.payment-page section fieldset > div.dkHolder {
    overflow: visible;
}





.dk_container {
    width: 37%;
    display: inline-block;
    background-color: #f7f7f7;
    margin: 0;
    padding: 0;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    color: #747474;
    position: relative;
    border: 1px solid #d0d0d0;
    border-radius: 2px;
    background-image: url('../img/line.png');
    background-repeat: repeat-y;
    background-position: 86% 0;
    outline: none;
}

    .dk_container select {
        position: absolute;
        top: -99999em;
        visibility: hidden;
    }

.dk_options {
    display: none;
    margin-top: 2px;
    position: absolute;
    background-color: #f7f7f7;
    z-index: 100;
    width: 100%;
}

.dk_open {
    position: relative;
    border-color: #7CBCFE;
}

    .dk_open .dk_options {
        display: block;
    }

.dk_options_inner {
    position: relative;
}

.dk_options_inner {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #D0D0D0;
    border-image: none;
    border-radius: 0 0 5px 5px;
    border-style: solid;
    border-width: 1px;
    border-top: 0;
    color: #333333;
    padding: 5px 15px;
    margin: 0;
    list-style: none;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    color: #747474;
}

    .dk_options_inner li {
        margin: 0 0 5px 0;
        font-weight: normal;
        cursor: pointer;
    }

        .dk_options_inner li:hover a {
            color: #7CBCFE;
        }

        .dk_options_inner li a {
            font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
            font-style: normal;
            color: #747474;
            font-weight: 400;
            display: block;
        }

.dk_toggle .dk_label {
    margin: 0;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    color: #747474;
}

.dk_toggle {
    background: url('../img/down-arrow.png') no-repeat;
    /*margin-bottom: 0 !important;*/
    background-position: 94%;
    width: 100% !important;
    display: block;
    padding: 10px;
    outline: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.review-page span.print-logo {
    display: none;
}

::-ms-clear {
    display: none;
}

.dw-cal-day-diff {
    /*visibility: hidden;*/
    background-color: #fff !important;
    cursor: default !important;
}

    .dw-cal-day-diff .dw-i {
        background-color: #efefef !important;
        opacity: 0 !important;
        visibility: hidden;
    }

.currency-detail .enter-amount input.disabled {
    background-color: #ccc;
}

/* ==========================================================================
   Widget styles
   ========================================================================== */

.add-more-currency-widget input.autocomplete, .add-more-currency-widget .reload-cash-passport input.rcp-validate {
    width: 100%;
    text-align: left;
}

.add-more-currency-widget .reload-cash-passport {
    font-style: normal;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
}

.add-more-currency-widget form .left, .add-more-currency-widget form .right {
    width: 50%;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
    float: left;
}

.add-more-currency-widget .addCash {
    margin: 20px auto;
    display: block;
    clear: both;
    font-size: 20px;
    font-family: "Lato Bold",Helvetica,Arial,Verdana,sans-serif;
    background: url("../img/line.png") repeat-y scroll 84% 0 #DA292F;
    padding: 8px 9px;
}

.add-more-currency-widget .vr {
    background-image: none;
    height: auto;
    margin: 2px 0 0;
    padding: 0;
}

.add-more-currency-widget form .right {
    text-align: right;
}

.add-more-currency-widget form p {
    font-size: 15px;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
}

.add-more-currency-widget form span input, .add-more-currency-widget .reload-cash-passport form span input {
    width: 70%;
    padding: 4%;
}

    .add-more-currency-widget .reload-cash-passport form span input.cost {
        margin-left: 0;
    }

.add-more-currency-widget form span label {
    margin: 0 0 0 2%;
}

    .add-more-currency-widget form span label.ac-ba {
        margin-right: 3%;
    }

.add-more-currency-widget p.center {
    clear: both;
}

.add-more-currency-widget input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    width: 30%;
}

    .add-more-currency-widget input + label {
        margin: 0 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
    }

        .add-more-currency-widget input + label[for="cost"] {
            margin-right: 0;
        }

    .add-more-currency-widget input[type="radio"] + label {
        display: block;
        font-size: 15px;
        padding: 5px 0;
        font-family: "Lato Bold",Helvetica,Arial,Verdana,sans-serif;
    }

        .add-more-currency-widget input[type="radio"] + label span {
            padding-left: 3px !important;
            width: 20px;
        }

.widget-compare, .widget-rates {
    margin-bottom: 20px;
    clear: both;
}

    .widget-compare h2, .widget-rates h2 {
        margin: 0;
        font-family: "Lato Bold",Helvetica,Arial,Verdana,sans-serif;
        font-style: bold;
        position: relative;
        font-size: 16px;
    }

.widget-inner {
    background-color: #faf7f7;
    border: 1px solid #c4d6ea;
    padding: 10px;
    font-size: 15px;
}

    .widget-inner a {
        display: block;
        text-align: right;
        margin-bottom: 5px;
    }

    .widget-inner ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .widget-inner ul li {
            padding: 10px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

            .widget-inner ul li span {
                width: 50%;
                display: inline-block;
                padding: 10px;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                font-style: normal;
            }

                .widget-inner ul li span.rates {
                    text-align: right;
                    margin: 0;
                    padding: 0;
                    font-size: 15px;
                }

                .widget-inner ul li.active, .widget-inner ul li span.active span {
                    background-color: #d3e0ef;
                    border-radius: 0;
                    color: #000;
                }

.widget-rates .widget-inner ul {
    overflow: hidden;
    margin: 20px 0 10px 0;
}

    .widget-rates .widget-inner ul li span.left {
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding: 0 10px 0 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
    }

    .widget-rates .widget-inner ul li span.right {
        border-bottom: 1px solid #ccc;
        padding: 0 0 0 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
    }

    .widget-rates .widget-inner ul li span span {
        padding: 10px 0 10px 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .widget-rates .widget-inner ul li {
        padding: 0;
    }

        .widget-rates .widget-inner ul li span {
            padding-right: 10px;
        }

            .widget-rates .widget-inner ul li span.rates {
                padding: 10px 10px 10px 0;
            }

.widget-compare .widget-inner ul li span {
    padding: 0;
}


/* RED WIDGET */

/*.add-more-currency-widget.red {
    max-width: 480px;
}*/



.add-more-currency-widget.red, .add-more-currency-widget.red header h2 {
    color: #dd4b39;
}

    .add-more-currency-widget.red .tabs {
        border: 2px solid #dd4b39;
    }

    .add-more-currency-widget.red .tabnav a {
        background-color: #eee2e2;
        color: #dd4b39;
    }

        .add-more-currency-widget.red .tabnav a.active {
            background-color: #dd4b39;
            color: #fff;
        }

        .add-more-currency-widget.red .tabnav a.rp-buy-cur, .add-more-currency-widget.red .tabnav a.rp-buy-cur.active, .add-more-currency-widget.red .tabnav a.rp-reload, .add-more-currency-widget.red .tabnav a.rp-reload.active {
            background-image: none;
            padding: 15px 0;
        }

            .add-more-currency-widget.red .tabnav a.rp-reload, .add-more-currency-widget.red .tabnav a.rp-reload.active {
                padding: 15px 0;
            }

    .add-more-currency-widget.red header {
        background-color: #eee2e2;
        padding: 10px 15px;
    }

    .add-more-currency-widget.red p, .add-more-currency-widget.red {
        color: #475467;
    }

        .add-more-currency-widget.red .addCash {
            /*font-family: "Lato Bold",Helvetica,Arial,Verdana,sans-serif;
    background: url("../img/line.png") repeat-y scroll 82% 0 #7A8C9D;
    float: right;
    font-size: 20px;
    padding: 8px 13px 8px 15px;
    margin-bottom: 20px;*/
        }

        .add-more-currency-widget.red .vr {
            background-image: none;
            height: auto;
            margin: 2px 0 0;
            padding: 0;
            color: #ccd4db;
        }

        .add-more-currency-widget.red .widget-inner {
            border: 1px solid #eee2e2;
        }

        .add-more-currency-widget.red a.info-tooltip {
            background-image: url("../img/icon-question-red-opac.png");
            margin-top: 0;
        }

            .add-more-currency-widget.red a.info-tooltip span {
                color: #475467;
                right: -20px;
                top: 40px;
            }

        .add-more-currency-widget.red input[type="radio"] + label span {
            background: url("../img/radio-btns-red.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
            height: 17px;
        }

        .add-more-currency-widget.red input[type="radio"]:checked + label span {
            background: url("../img/radio-btns-red.png") no-repeat scroll left top rgba(0, 0, 0, 0);
        }

        .add-more-currency-widget.red input[type="radio"]:checked + label {
            color: #dd4b39;
        }

        .add-more-currency-widget.red h3 {
            font-family: "Lato Bold",Helvetica,Arial,Verdana,sans-serif;
            font-style: bold;
            color: #dd4b39;
            border-bottom: 1px solid #ccc;
            padding-bottom: 10px;
            margin-bottom: 10px;
        }

        .add-more-currency-widget.red a.info-tooltip .arrow {
            right: -5px;
            left: inherit;
            padding-bottom: 0;
        }

            .add-more-currency-widget.red a.info-tooltip .arrow.top {
                top: -16px;
            }

            .add-more-currency-widget.red a.info-tooltip .arrow:after {
                width: 10px;
            }

/*  RED CURRENCY CONVERTER WIDGET */


.add-more-currency-widget.currency-converter {
    min-width: 320px;
    max-width: 320px;
}

.currency-converter form input {
    width: 50%;
    margin-bottom: 20px;
    text-align: left;
}

.add-more-currency-widget.currency-converter header {
    background-color: #dd4b39;
}

    .add-more-currency-widget.currency-converter header h2 {
        color: #fff;
        margin: 0;
        text-transform: uppercase;
        font-family: "Lato Bold",Helvetica,Arial,Verdana,sans-serif;
        font-style: bold;
        font-size: 18px;
    }

.add-more-currency-widget.currency-converter .addCash {
    padding: 10px;
    background-image: none;
    margin-top: 0;
}

.add-more-currency-widget.currency-converter form > a {
    color: #dd4b39;
    text-transform: underline;
    text-align: center;
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
}

.add-more-currency-widget.currency-converter .pcs-holder {
    margin-bottom: 30px;
}

.add-more-currency-widget.currency-converter .tabs {
    border-radius: 0;
    padding: 3%;
}

.add-more-currency-widget.currency-converter p.center {
    margin-top: 30px;
    font-style: normal;
    font-family: "Lato Bold",Helvetica,Arial,Verdana,sans-serif;
}

.add-more-currency-widget.currency-converter p {
    margin-top: 5px;
}


/* LARGE RED WIDGET */

.add-more-currency-widget.large {
    min-width: 728px;
    max-width: 800px;
}

    .add-more-currency-widget.large .widget-compare, .add-more-currency-widget.large .widget-rates {
        clear: none;
    }

    .add-more-currency-widget.large p {
        display: inline-block;
        width: 50%;
        float: left;
    }

        .add-more-currency-widget.large p.rcp-error, .add-more-currency-widget.large p.error {
            float: right;
            width: 50%;
            color: #DD4B39;
        }

        .add-more-currency-widget.large p.center {
            display: block;
            width: 50%;
            float: right;
            font-size: 15px;
        }

    .add-more-currency-widget.large .title {
        font-size: 18px;
    }

    .add-more-currency-widget.large .sub {
        font-size: 13px;
        text-transform: none;
        display: block;
    }

    .add-more-currency-widget.large hr {
        clear: both;
    }

    .add-more-currency-widget.large .pcs-holder {
        width: 50%;
        display: inline-block;
    }

    .add-more-currency-widget.large form .left, .add-more-currency-widget.large form .right {
        width: 25%;
    }

    .add-more-currency-widget.large .addCash, .add-more-currency-widget.large .reload-cash-passport .add-rcp {
        width: 50%;
        float: right;
        background: url("../img/line.png") repeat-y scroll 84% 0 #7A8C9D;
        padding: 8px 16px 8px 15px;
        font-size: 20px;
        clear: both;
        font-family: "Lato Bold",Helvetica,Arial,Verdana,sans-serif;
    }

    .add-more-currency-widget.large .widget-compare, .add-more-currency-widget.large .widget-rates {
        width: 48%;
        float: left;
    }

    .add-more-currency-widget.large .widget-compare {
        margin-right: 4%;
    }

    .add-more-currency-widget.large .widget-rates .widget-inner {
        height: 217px;
    }

    .add-more-currency-widget.large .tabs {
        overflow: hidden;
        padding: 3%;
        border-radius: 0;
    }

    .add-more-currency-widget.large .tabnav a span {
        text-align: left;
        display: block;
        padding-left: 55px;
    }

    /*.add-more-currency-widget.large .tabnav a.rp-reload span.icon {
        background-image: url("../img/icon-reload-red.png");
    }

    .add-more-currency-widget.large .tabnav a.rp-reload.active span.icon {
        background-image: url("../img/icon-reload.png");
    }

    .add-more-currency-widget.large .tabnav a.rp-buy-cur.active span.icon {
        background-image: url("../img/icon-cash.png");
    }

    .add-more-currency-widget.large .tabnav a.rp-buy-cur span.icon {
        background-image: url("../img/icon-cash-red.png");
    }*/

    .add-more-currency-widget.large .tabnav a.rp-reload span.icon, .add-more-currency-widget.large .tabnav a.rp-buy-cur span.icon {
        position: absolute;
        width: 45px;
        height: 45px;
        margin: -3px 0 0 5px;
    }

    .add-more-currency-widget.large .tabnav a.rp-reload span.icon, .add-more-currency-widget.large .tabnav a.rp-reload.active span.icon {
        margin: -5px 0 0 10px;
    }

    .add-more-currency-widget.large form p {
        font-size: 15px;
        margin-top: 8px;
    }

    .add-more-currency-widget.large .dd-selected, .add-more-currency-widget.large .dd-option-text {
        font-size: 15px;
    }

    .add-more-currency-widget.large .dd-option {
        padding: 7px;
    }

    .add-more-currency-widget.large .dd-selected-text {
        line-height: 35px !important;
    }

    .add-more-currency-widget.large .dd-selected-image {
        padding-top: 3px;
    }

    .add-more-currency-widget.large .vr {
        background-image: none;
        height: auto;
        margin: 2px 0 0;
        padding: 0;
    }

    .add-more-currency-widget.large input[type="radio"] + label {
        font-size: 15px;
    }

    .add-more-currency-widget.large .widget-inner {
        background-color: #faf7f7;
    }

    .add-more-currency-widget.large .reload-cash-passport .rcp-validate {
        padding: 1%;
        font-size: 15px;
        width: 36%;
    }

    .add-more-currency-widget.large .reload-cash-passport p {
        font-size: 15px;
        font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    }

    .add-more-currency-widget.large .reload-cash-passport button.check-card {
        display: inline-block;
        font-size: 15px;
        padding: 1% 3%;
    }

    .add-more-currency-widget.large label {
        font-size: 15px;
    }

        .add-more-currency-widget.large label[for="buy-amount"], .add-more-currency-widget.large label[for="cost"] {
            font-family: "Lato Bold",Helvetica,Arial,Verdana,sans-serif;
        }

/** END LARGE RED WIDGET **/


/** BLUE CURRENCY CONVERTER **/

.add-more-currency-widget.currency-converter.blue {
    min-width: 728px;
    max-width: 768px;
}

    .add-more-currency-widget.currency-converter.blue header {
        background: #004FA3;
    }

    .add-more-currency-widget.currency-converter.blue hr:after {
        background-image: none;
    }

    .add-more-currency-widget.currency-converter.blue form input {
        width: 20%;
        margin-right: 5%;
        float: left;
        text-align: right;
    }

        .add-more-currency-widget.currency-converter.blue form input.autocomplete {
            width: 75%;
            margin-right: 0;
            text-align: left;
        }

    .add-more-currency-widget.currency-converter.blue form > a {
        color: #1676c4;
    }

    .add-more-currency-widget.currency-converter.blue .pcs-holder {
        width: 75%;
        float: left;
    }

.currency-converter.blue .addCash {
    width: 60%;
    margin: 0 auto;
}

.add-more-currency-widget.currency-converter.blue .tabs, .add-more-currency-widget.currency-converter.blue .cc-main {
    padding: 3%;
    position: relative;
}

.add-more-currency-widget.currency-converter.blue .cc-main {
    border: 2px solid #004FA3;
}

.add-more-currency-widget.currency-converter.blue .tabs #cc-one-month {
    display: block;
}


.add-more-currency-widget.currency-converter.blue .switch {
    background-color: #1676c4;
    /*background-image: url("../img/icon-reload.png");*/
    background-position: 17px center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    border-radius: 2px;
    content: "";
    display: block;
    height: 30px;
    margin: 75px auto 0 -27.5px;
    width: 55px;
    position: absolute;
    left: 50%;
}

.add-more-currency-widget.currency-converter.blue form p {
    clear: both;
}

    .add-more-currency-widget.currency-converter.blue form p.center {
        color: #004FA3;
        font-size: 18px;
    }

.add-more-currency-widget.currency-converter.blue p.rates-info {
    font-size: 13px;
    line-height: 20px;
    margin: 20px 0 30px 0;
}

.add-more-currency-widget.currency-converter.blue form .cc-from, .add-more-currency-widget.currency-converter.blue form .cc-to {
    color: #1676c4;
}

.add-more-currency-widget.currency-converter.blue .tabs .red {
    margin-top: 0 !important;
}

.ex-tooltip {
    background-color: rgba(221,75,57,0.9) !important;
    color: #fff;
    padding: 10px 15px !important;
}

    .ex-tooltip.blue {
        background-color: rgba(0,79,163,0.8) !important;
    }

    .ex-tooltip:before {
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 8px solid rgba(221,75,57,0.9);
        content: "";
        position: absolute;
        left: -8px;
        margin-top: 3px;
    }

    .ex-tooltip.blue:before {
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 8px solid rgba(0,79,163,0.8);
        content: "";
        position: absolute;
        left: -8px;
        margin-top: 3px;
    }



.add-more-currency-widget.currency-converter.graph {
    margin-top: 20px;
}

    .add-more-currency-widget.currency-converter.graph .tabnav a {
        width: 15%;
        margin-right: 1%;
        border-radius: 2px 2px 0 0;
    }

/** END BLUE CURRENCY CONVERTER **/


/** LONG RED CURRENCY CONVERTER **/

.add-more-currency-widget .eighteen-col {
    overflow: visible;
}

.add-more-currency-widget.currency-converter.long {
    max-width: 728px;
    margin-top: 0;
}

    .add-more-currency-widget.currency-converter.long form {
        font-size: 15px;
        position: relative;
    }

        .add-more-currency-widget.currency-converter.long form p {
            display: block;
        }

        .add-more-currency-widget.currency-converter.long form input {
            width: 10%;
            text-align: right;
            float: left;
            padding: 5px;
            margin-right: 2%;
        }

        .add-more-currency-widget.currency-converter.long form > label {
            width: 8%;
            display: inline-block;
            float: left;
            margin-top: 10px;
            font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
        }

        .add-more-currency-widget.currency-converter.long form hr {
            clear: both;
        }

    .add-more-currency-widget.currency-converter.long .pcs-holder {
        width: 80%;
        display: inline-block;
        margin: 0;
        float: left;
    }

    .add-more-currency-widget.currency-converter.long .dd-select {
        background-position: 92% center !important;
    }

    .add-more-currency-widget.currency-converter.long .dd-pointer {
        right: 18px !important;
    }

    .add-more-currency-widget.currency-converter.long .dd-selected, .add-more-currency-widget.currency-converter.long .dd-option-text {
        font-size: 15px;
    }

    .add-more-currency-widget.currency-converter.long .dd-option-text {
        line-height: 22px !important;
    }

    .add-more-currency-widget.currency-converter.long .dd-option {
        padding: 5px;
    }

    .add-more-currency-widget.currency-converter.long .dd-selected-text {
        line-height: 22px !important;
    }

    .add-more-currency-widget.currency-converter.long .dd-option-image, .add-more-currency-widget.currency-converter.long .dd-selected-image {
        max-width: 35px;
    }

    .add-more-currency-widget.currency-converter.long .addCash {
        width: 35%;
        margin: 0 auto;
        display: block;
        clear: both;
        font-size: 15px;
        font-family: "Lato Bold",Helvetica,Arial,Verdana,sans-serif;
        padding: 5px 10px;
        float: none;
    }

    .add-more-currency-widget.currency-converter.long .tabs {
        padding: 10px 20px;
    }

        .add-more-currency-widget.currency-converter.long .tabs .holder {
            overflow: hidden;
        }

    .add-more-currency-widget.currency-converter.long form p.center {
        font-size: 15px;
        font-style: normal;
        font-family: "Lato Bold",Helvetica,Arial,Verdana,sans-serif;
        margin: 15px 0 0;
        color: #DD4B39;
    }

        .add-more-currency-widget.currency-converter.long form p.center a {
            color: #DD4B39;
            margin-left: 5%;
        }

        .add-more-currency-widget.currency-converter.long form p.center span {
            color: #475467;
        }

    .add-more-currency-widget.currency-converter.long form .info-tooltip {
        float: left;
        position: absolute;
        bottom: -10px;
    }

    .add-more-currency-widget.currency-converter.long a.info-tooltip span {
        top: -95px;
        left: -4px;
        width: 500px;
    }

        .add-more-currency-widget.currency-converter.long a.info-tooltip span .arrow {
            margin-left: 0;
        }

    .add-more-currency-widget.currency-converter.long hr:after, .add-more-currency-widget.currency-converter hr:after {
        background-image: url("../img/cc-arrow.png");
        content: "";
        display: block;
        width: 50px;
        height: 13px;
        margin: -7px auto;
    }

/** END LONG CURRENCY CONVERTER **/

.graph-container .ex-tooltip:before {
    border-bottom: 8px solid rgba(0, 0, 0, 0);
    border-right: 8px solid rgba(221, 75, 57, 0.9);
    border-top: 8px solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    left: -8px;
    margin-top: 0;
    position: absolute;
    width: 0;
}

.graph-container .ex-tooltip {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 2px;
    padding: 5px;
    position: absolute;
    border: none !important;
    margin: 0 !important;
    display: none;
}

.graph-container .ex-tooltip {
    background-color: rgba(221, 75, 57, 0.9) !important;
    color: #FFFFFF;
    padding: 10px 15px !important;
}

    .graph-container .ex-tooltip.blue {
        background-color: rgba(0, 79, 163, 0.8) !important;
    }

        .graph-container .ex-tooltip.blue:before {
            border-bottom: 8px solid rgba(0, 0, 0, 0);
            border-right: 8px solid rgba(0, 79, 163, 0.8);
            border-top: 8px solid rgba(0, 0, 0, 0);
            content: "";
            height: 0;
            left: -8px;
            margin-top: 0;
            position: absolute;
            width: 0;
        }

.graph-container {
    width: 720px;
    position: relative;
}

#one-month-graph, #three-month-graph, #six-month-graph, #twelve-month-graph {
    margin: 0 auto;
    margin-bottom: 20px;
}

.yaxis, .zaxis {
    position: absolute;
    color: #004FA3;
}

.yaxis {
    left: 20px;
    width: 45px;
    top: 170px;
    font-family: "Lato Bold",Helvetica,Arial,Verdana,sans-serif;
}

.xaxis {
    clear: both;
    display: block;
    text-align: center;
    color: #004FA3;
    font-family: "Lato Bold",Helvetica,Arial,Verdana,sans-serif;
}

.zaxis {
    right: -60px;
    -moz-transform: rotate(-90deg);
    top: 195px;
}

.flot-tick-label {
    color: #475467;
}
/*.flot-x-axis .flot-tick-label:last-of-type { left: 493px !important; }*/
.dblue {
    color: #004FA3;
}

#historyGraph .tab-nav a {
    background-color: #D0DBEA;
    color: #004FA3 !important;
    display: block;
    float: left;
    font-family: "Lato Bold",Helvetica,Arial,Verdana,sans-serif;
    font-style: normal;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 20%;
    margin-right: 10px;
    border-radius: 2px 2px 0 0;
}

#historyGraph .tab-nav li.ui-state-active a {
    background-color: #004FA3;
    color: #FFFFFF !important;
}

#historyGraph .ui-widget-header {
    background: none;
    border: none;
}

    #historyGraph .ui-state-active, #historyGraph .ui-widget-content .ui-state-active, #historyGraph .ui-widget-header .ui-state-active {
        border: none;
    }

    #historyGraph .ui-state-default, #historyGraph .ui-widget-content .ui-state-default, #historyGraph .ui-widget-header .ui-state-default {
        border: none;
    }

.add-more-currency-widget.currency-converter.graph .ui-widget-content {
    border: none !important;
}

.add-more-currency-widget.currency-converter.blue .tabs {
    padding-top: 70px;
}

#tab1A, #tab2A, #tab3A, #tab4A {
    position: absolute;
    margin: 20px 0 0 35px;
    color: #475467;
}

.add-more-currency-widget.main-blue {
    width: 300px;
}

.add-more-currency-widget.blue .tabs {
    padding: 3%;
}

.airport-contact a.mobile-show {
    font-weight: normal;
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    font-size: 0.938em;
}

.mobile-show, .print-only {
    display: none;
}

.kyc-page input[type=radio] {
    display: inline-block;
    -webkit-appearance: radio !important;
}

.kyc-ans-list li {
    list-style: none;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

/*
//#8048 Order confirmation: Print summary
//Moved to separate stylesheet
*/


/* Notes & Direction  - starts */

.more-info.clearfix.store-notes-directions {
    border: none;
}

.airport-contact.info-box.store-notes-details {
    width: 97% !important;
}

.store-notes-details .padded {
    padding: 1%;
}

.airport-contact.info-box.store-notes-details {
    height: auto !important;
}

h4.store-contact-info {
    background: url('../img/sprite-finder-widget.png') no-repeat left -190px;
}


p.text.contact-details-content {
    display: block;
    padding: 0 0 20px 0;
}

    p.text.contact-details-content span {
        font-weight: bold;
        display: block;
    }





/* Notes & Direction - ends */


.id-info label.security-hypn {
    width: 3%;
}

.id-info label.security-cont-req {
    /* width: 8%; */
}

/* country specific css - starts */

.country-US nav.funnel-steps li, .country-AU nav.funnel-steps li, .country-NZ nav.funnel-steps li {
    width: 27%;
}

    .country-US nav.funnel-steps li:last-child, .country-AU nav.funnel-steps li:last-child, .country-NZ nav.funnel-steps li:last-child {
        width: 36%;
    }

.country-US .num3, .country-AU .num3, .country-NZ .num3 {
    margin: 0 0% 0 14%;
}

.country-US .num2, .country-AU .num2, .country-NZ .num2 {
    margin: 0 0% 0 19%;
}

.country-US footer ul.icons li, .country-AU footer ul.icons li, .country-NZ footer ul.icons li {
    margin: 0 7px 5px 0px;
}

.country-AU footer ul.icons li {
    float: left;
}

    .country-AU footer ul.icons li a ~ a {
        display: block;
        font: bold 7px/normal verdana, sans-serif;
        margin: 0px;
        padding: 0px;
        color: rgb(0, 0, 0);
        letter-spacing: 0px;
        text-decoration: none;
        font-size-adjust: none;
        font-stretch: normal;
    }


/* country specific css - ends */

/* 14181 - bug fix starts */



div#order-paymenttype {
    margin-bottom: 20px;
}

h2.red.big {
    padding: 0 0 25px;
}

/* 14181 - bug fix ends */

section.order-paymenttype {
    padding-top: 0;
}

div.order-paymenttype {
    padding: 10px;
}

.order-paymenttype-msg {
    font-size: 13px;
    color: #004fa3;
}

.order-paymenttypelist > ul {
    list-style-type: none;
    margin: 10px 0px 0px 0px;
    font-size: 13px;
    color: #004fa3;
}

    .order-paymenttypelist > ul > li {
        margin-bottom: 5px;
        padding-bottom: 5px;
    }

        .order-paymenttypelist > ul > li[data-icon]:before {
            margin-left: -30px;
            padding-right: 10px;
            color: #1676c4;
        }

.order-paymenttype-credit li, order-paymenttype-msg-grey {
    color: #475467;
}

.order-paymenttype-credit-span {
    color: #DA292F;
}

.order-paymenttype-blue-text {
    color: #004fa3;
}

.order-paymenttype-red-text {
    color: #DA292F;
}



/* KYQCQuestions - css added - 12-09-2014 - starts */

.KYQCQue-info {
    text-align: right;
}

ol.kyclist {
    margin: 0;
    padding: 0;
}

    ol.kyclist li {
        margin: 0 0 0 20px;
        padding: 0;
    }

ul.kyc-ans-list {
    margin: 15px 0;
    padding: 0;
}

    ul.kyc-ans-list li {
        margin: 0;
        padding: 0;
    }
/* KYQCQuestions - css added - 12-09-2014 - ends */
.info-box-hr ul {
    overflow: hidden;
    padding: 0;
    margin: 0;
}

    .info-box-hr ul li {
        border: none;
        float: left;
        padding: 0;
        margin: 0;
    }

.padded h5, .padded p, .padded tr, .special-hours, .special-closures {
    cursor: default;
}

ul.store-results-container .more-info div.info-box-hr h5 {
    padding: 2px 0 0 0;
    border-bottom: none;
    margin: 0;
}

.more-info .special-hours.info-box, .more-info .special-closures.info-box {
    margin: 0 0 0 3% !important;
}

.more-info .special-hours.info-box, .more-info .special-closures.info-box {
    margin-top: 25px !important;
}

.info-box-hr ul li h5 {
    border: none;
    padding: 0;
}



.info-box-hr ul li:first-child, .info-box-hr ul li:nth-child(2) {
    width: 47%;
    padding: 0 3% 0 0;
}

.info-box-hr {
    width: auto;
    margin: 0;
    padding: 7px 0 0 0;
}

    .info-box-hr p {
        margin: 0;
        padding: 0;
    }

#address-found-single label, #address-found-single .add-result p#address-found-single-text {
    /* margin: 0; */
}

h4.tab-section-head {
    line-height: 1.4;
}

.spinner-img, .spinner-img-delivery {
    width: 40px;
    display: inline-block;
}

p#addressfinderpostcode-note {
    width: 23%;
}

.billing-info p#addressfinderpostcode-delivery-note {
    display: inline-block;
    width: 23%;
}

.payment-page .billing-info p#addressfinderpostcode-note-delivery {
    margin: 9px 0 0 0;
    display: inline-block;
    width: 23%;
}

.country-DG #addressfinderpostcode-note {
    display: none !important;
}

.country-NL .add-currency .cus a.info-tooltip, .country-NM .add-currency .cus a.info-tooltip {
    left: 268px;
}

.footer-container .sitewrap {
    z-index: 10;
}

.confirmation-page .special-hours, .confirmation-page .special-closures {
    clear: both;
    padding-bottom: 30px;
}


    .confirmation-page .special-hours .padded, .confirmation-page .special-closures .padded {
        padding: 0;
    }

    .confirmation-page .special-hours .hours, .confirmation-page .special-closures .closures {
        padding: 0 0 8px 35px;
        line-height: 22px;
        border-bottom: 1px solid #E8E8E9;
    }

.confirmation-page .info-box-hr table {
    width: 100%;
    padding: 10px 0;
}

    .confirmation-page .info-box-hr table tr th {
        text-align: left;
        padding-bottom: 10px;
    }

.confirmation-page .info-box-hr {
    width: 100%;
    overflow: hidden;
}

    .confirmation-page .info-box-hr tr td {
        line-height: 30px;
    }

.confirmation-page .info-box p.header, .confirmation-page .info-box p.hours, .confirmation-page .info-box p.closures {
    margin-top: 0;
}








/*.confirmation-page .info-box-hr ul li{
    list-style-type: none;
padding-bottom: 5px;

}

.confirmation-page .info-box-hr ul li h5{
margin: 0 0 10px 0;
}
 .confirmation-page .info-box-hr ul li:first-child, .confirmation-page .info-box-hr ul li:nth-child(2) {
    width: inherit;
    padding: 0 3% 0 0;
}*/
/*Enhanced Tier Rate Section*/
.extraforeigncurrency, .extraforeigncurrency .currate-left, .extraforeigncurrency .currate-right {
    font-size: 15px;
}

    .extraforeigncurrency .currate-left {
        white-space: nowrap;
    }


.currency-detail ul.enhanced-rate-section {
    border: 1px solid #2A313C;
}

.enhanced-rate-section .js-enhanced-better-rate-box {
    border-bottom: 1px solid #2A313C !important;
}

.enhanced-rate-section .js-enhanced-better-rate-box {
    border-bottom: 1px solid #2A313C;
}

    .enhanced-rate-section .js-enhanced-better-rate-box .enhanced-base-rate .strike, .extraforeigncurrency .strike.js-actual-amount {
        color: #176ba3;
    }

.currency-detail ul.enhanced-rate-section li .enhanced-base-rate span {
    float: none;
}

.currency-detail ul.enhanced-rate-section li .better-rate-foreign-amt, .extraforeigncurrency .js-to-amount-extra, .extraforeigncurrency .js-to-currency {
    color: #DA292F;
}

/*widget tooltip close button*/
.info-tooltip button.closeDiv_widget {
    display: none;
}

.info-tooltip button.closeDiv_widget {
    position: absolute !important;
    right: 2%;
    padding: 4px;
    top: -21%;
}

.info-tooltip button.closeDiv_widget {
    background: none;
    border: none;
}

    .info-tooltip button.closeDiv_widget:after {
        color: #475467;
        font-size: 10px;
    }

.add-currency .cus a.info-tooltip span button {
    top: -10%;
}

.not-available-currency-tooltip .closeDiv_widget {
    display: none;
}

.not-available-currency-tooltip button.closeDiv_widget {
    position: absolute !important;
    right: 2%;
    padding: 4px;
    top: 3%;
}

.not-available-currency-tooltip button.closeDiv_widget {
    background: none;
    border: none;
}

    .not-available-currency-tooltip button.closeDiv_widget:after {
        color: #475467;
        font-size: 10px;
    }

#suburbLookupSection .delivery-add-option label {
    clear: both;
    margin: 0 0 10px;
}

#suburbLookupSection .delivery-add-option label.checkbox, #billing-info .delivery-add-option label.checkbox{
    /* margin-left: 7px; */
    font-size: 13px;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    display: flex;
    align-items: center;
    height: 20px;
    /* margin-bottom: 15px; */
    font-weight: 400;
}

#residential_address-confirm .checked {
    background-image: none !important;
    display: none !important;
}

#residential_address-confirm .invalid {
    width: 100%;
}

.country-JP nav li.active .link-text {
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-weight: bold;
    font-style: normal;
}

/* Flex form */
.payment-info #cardNumber-container {
    /*width: 340px;*/
    width: auto;
    /*height: 41px;*/
    /*background-color: #ffffff;
    border: 1px solid #dcdcdc;
    padding: 0 3px 0 5px;
    border-radius: 2px;
    margin-right: 2%;
    display: inline-block;
    float: left;*/
    height: 41px !important;
    box-sizing: border-box;
    border-radius: 4px;
    border: solid 2px transparent !important;
    display: block;
    width: 100% !important;
}
.payment-info #cardNumber-container iframe {
    top: 3px;
    left: 48px;
    width: calc(100% - 48px) !important;
}
.payment-info #cardNumber-container:hover, .payment-info #securityCode-container:hover, .topup-reload-card #cardNumber-container:hover{
    border: 2px solid #475467!important;
    outline: none!important;
}
.form-control #cardNumber-container.flex-microform-focused, .form-control #securityCode-container.flex-microform-focused {
    /*outline: 2px solid #121212;*/
    border: 2px solid var(--blue-theme-color) !important;
    outline: none !important;
}
.form-control .input-border:has(.flex-microform-focused):before {
    border-color: var(--blue-theme-color);
}

.flex-microform.flex-microform-disabled {
    background-color: #D0D5DD;
    opacity: 1;
    color: #475467;
    -webkit-text-fill-color: #475467;
    pointer-events: none;
}

.payment-info .form-control label.error:empty {
    margin-top: 0;
}

#flex-cardnumberError {
    display: flex;
}

.form-group #cardNumber_clear_icon.close {
    opacity: 0;
    display: block;
}

button#cardNumber_clear_icon:focus {
    outline: 2px solid #000;
}

#cardNumber-container.flex-microform-valid {

}

    #cardNumber-container.flex-microform-valid.flex-microform-focused {
        /*border: 1px solid #475467 !important;
        outline: 1px solid #475467 !important;*/
    }

    .widget-container #cardNumber-container {
        background-color: #ffffff;
        width: 100%;
        height: 41px;
        padding: 0 3px 0 5px;
        border-radius: 4px;
        display: inline-block;
        vertical-align: middle;
        box-sizing: border-box;
    }

    .widget-container #cardNumber-container ~ button.check-card {
        position: relative;
        top: 1px;
    }

.widget-container #cardNumber-label {
    font-weight: bold;
    font-size: 15px;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    display: block;
    margin-bottom: 1em;
}

/* .widget-container #cardNumber-container.flex-microform-focused {
    outline: 1px solid #dcdcdc !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 2px;
} */


.widget-container #cardNumber-container.flex-microform-valid.flex-microform-focused {
    border: 1px solid #dcdcdc !important;
    outline: 1px solid #dcdcdc !important;
}

#overlay .overlay-text, .flex-payment-overlay .overlay-text {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    font-size: 15px;
    color: #DA292F;
    margin-top: 5px;
    background: #fde8ea;
    border-radius: 2px;
    margin-bottom: 20px;
    padding: 10px;
    /* border: 5px solid #fff; */
    display: block !important;
    width: 80%;
    z-index: 99;
    letter-spacing: 0.3px;
}

.flex-payment-overlay .overlay-text {
    top: 50%;
    left: 50%;
}

div#overlay {
    position: relative;
    /* width: 100%; */
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ededee;
    z-index: 2;
    cursor: pointer;
    background-color: #fff;
    cursor: default;
}

#overlay .cashpassport.reload-cash-passport {
    pointer-events: none;
    opacity: 0.5;
}

.flex-payment-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 2;
    cursor: default;
}
/* callguard - starts */
.callID-section {
    background-color: #e8e8e9;
    padding-bottom: 0;
    text-align: center;
    border: 1px solid;
    width: 50%;
    margin: 0 auto;
    padding: 10px 0 10px 0;
    margin-bottom: 15px;
}

    .callID-section span.icon-error {
        background-image: url(../img/close-trt.png);
        width: 30px;
        height: 30px;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: 10% 50%;
        vertical-align: bottom;
    }

    .callID-section span.icon-success {
        background-image: url(../img/icon-valid.png);
        width: 30px;
        height: 30px;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: 10% 50%;
        vertical-align: bottom;
    }

    .callID-section span {
        font-size: 24px;
    }

    .callID-section label {
        font-size: 18px;
    }

    .callID-section p {
        margin: 10px 0 4px 0;
    }

    .callID-section .error-num {
        color: #DA292F;
    }

    .callID-section .success-num {
        color: #4EB147;
    }

p#securitycode-note {
    width: 25%;
    float: left;
    margin: 2px 0 0 0;
}

#eckoh-clearButton {
    display: inline-block;
    margin: 2px 0 0 0;
    float: left;
    border: medium none;
    border-radius: 2px 2px 2px 2px;
    color: #fff;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-weight: 400;
    padding: 7px 10px;
    text-decoration: none;
    font-style: normal;
    background-color: #1676c4;
}

    #eckoh-clearButton[disabled] {
        background-color: #dddddd;
    }

button#btnBuyCash[disabled] {
    opacity: 0.5;
}

.callID-section #divError .error-num {
    font-size: 16px;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    width: auto;
    margin: 2% 1% 1% 1%;
}

.payment-info .info-note {
    overflow: hidden;
}

label#eckohErrorAttempt {
    clear: both;
    text-align: left;
    color: #DA292F;
    width: 100%;
}

.eckoh-errormsg, .payment-info label.eckoh-errormsg {
    font-weight: normal !important;
    color: #DA292F;
    font-size: 13px;
    width: 100%;
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
}
/* callguard - ends */
/*store widget - starts*/
.pac-container {
    background-color: #fff;
    position: absolute !important;
    z-index: 1000;
    border-radius: 2px;
    border-top: 1px solid #d9d9d9;
    font-family: Arial,sans-serif;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 44%;
}

.pac-item {
    cursor: default;
    padding: 0 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 30px;
    text-align: left;
    border-top: 1px solid #e6e6e6;
    font-size: 11px;
    color: #999;
}

.pac-icon {
    width: 15px;
    height: 20px;
    margin-right: 7px;
    margin-top: 6px;
    display: inline-block;
    vertical-align: top;
    background-image: url('../img/autocomplete-icons.png');
    background-size: 34px;
}

.pac-icon-marker {
    background-position: -1px -161px;
}

.pac-item-query {
    font-size: 13px;
    padding-right: 3px;
    color: #000;
}

.pac-matched {
    font-weight: 700;
}

.pac-item-selected, .pac-item-selected:hover {
    background-color: #ebf2fe;
}

.pac-item:hover {
    background-color: #fafafa;
}

.pac-item-selected .pac-icon-marker {
    background-position: -18px -161px;
}

.pac-logo:after {
    content: "";
    padding: 1px 1px 1px 0;
    height: 18px;
    box-sizing: border-box;
    text-align: right;
    display: block;
    background-image: url(../img/powered-by-google.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 120px 14px;
}

/*store widget - ends*/
.payerauth-container {
    text-align: center;
    font-weight: bold;
    color: #003368;
}

.payerauth-unload {
    display: none;
}

/* Tab Navigation - Focus States CSS Starts */

a[tabindex]:focus {
    /* outline: 2px solid #212644; */
}

input[tabindex]:hover, input[tabindex]:active, input[tabindex]:focus {
    outline: 2px solid #212644;
}

.summary-bar:focus {
    outline: 2px solid #FFFFFF;
}

.hasCountdown:focus {
    outline: 2px solid #212644;
}

#basket_header:focus {
    outline: none;
}

.ui-datepicker-calendar .ui-state-default:focus {
    outline-offset: -5px;
}

.eighteen-col {
    overflow: visible;
}

input:focus {
    outline: 2px solid #212644;
}

select[tabindex]:focus {
    outline: 2px solid #212644;
}

.customSelect:focus {
    outline: 2px solid #212644;
    outline-offset: -2px;
    z-index: 2;
}

/*.customSelect:focus-visible {
    outline: 2px solid #212644;
    outline-offset: -2px;
}*/


/* .atm-container:focus, store-container:focus {
    outline: 2px solid #212644;
} */

.contact-info select:focus, .billing-info input:focus, .payment-info input:focus, .id-info input:focus {
    outline: 2px solid #212644;
}
/* Tab Navigation - Focus States CSS Ends */

/* Step Indicator CSS Start */

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.disable-click {
    pointer-events: none;
}

.step-indicator {
    margin: 0 0 20px 0;
}

    .step-indicator .num,
    .step-indicator .navarrow {
        display: none;
    }

    .step-indicator ol {
        counter-reset: step;
        overflow: hidden;
        padding: 0;
        margin: 0;
        padding-top: 7px;
        margin-top: -3px;
    }

.header-container header .step-indicator ol li,
.sanction-view-container section {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.step-indicator li {
    background-color: transparent;
    border: none;
    width: 33.333%;
    position: relative;
    padding: 0;
}

.header-container header .step-indicator ol li a {
    margin-top: -40px;
    padding-top: 40px;
    z-index: 3;
    border: none;
}

.country-US nav.funnel-steps.step-indicator li,
.country-AU nav.funnel-steps.step-indicator li,
.country-NZ nav.funnel-steps.step-indicator li,
.country-AU nav.funnel-steps.step-indicator li {
    width: 33.333%;
}

.header-container header .step-indicator ol li a:hover {
    text-decoration: none;
}

.step-indicator li .link-text {
    padding: 0;
    font-style: normal;
    text-transform: capitalize;
}

.step-indicator div {
    margin: 0;
    position: relative;
    z-index: 2;
}

.step-indicator li::before {
    width: 30px;
    height: 30px;
    content: counter(step);
    counter-increment: step;
    line-height: 30px;
    display: block;
    text-align: center;
    margin: 0 auto 5px;
    border-radius: 50%;
    background-color: #bdc3c7;
    color: #fff;
    font-size: 14px;
    z-index: 2;
}

.step-indicator li:first-of-type:after {
    content: none;
}

.step-indicator li.complete::before {
    content: "";
    background-image: url("../img/stepper-done.svg");
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
}

.step-indicator li::after {
    width: calc(100% - 50px);
    height: 2px;
    content: "";
    position: absolute;
    background-color: #bdc3c7;
    top: 14px;
    left: calc(-50% + 25px);
    right: calc(50% + 25px);
    z-index: 1;
}

.step-indicator li.complete::before,
.step-indicator li.active:before {
    background-color: var(--blue-theme-color);
}

.step-indicator li.active {
    background-color: transparent;
    font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
    font-style: normal;
}

.step-indicator li.complete .link-text {
    /* color: #78787A; */
    color: #475467;
}

.step-indicator li.complete + li::after {
    background-color: #1676c4;
}

/* Step Indicator CSS End */

.product-type .inputs {
    display: flex;
}

    .product-type .inputs div:first-of-type {
        margin-right: 6%;
    }

/* Payment Type CSS Start */
.order-paymenttype-container {
    margin-bottom: 20px;
}

    .order-paymenttype-container ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .order-paymenttype-container ul li {
            margin-bottom: 11px;
        }

            .order-paymenttype-container ul li:last-of-type {
                margin-bottom: 0;
            }

.order-paymentItem-radio {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0px, 0px, 0px, 0px);
}

.order-paymentItem-container {
    padding: 24px 30px;
    display: block;
    border: 1px solid #475467;
    border-radius: 5px;
    position: relative;
}

.order-paymentItem-imagecontainer {
    width: 42px;
    height: 42px;
}

.order-paymentItem-image {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    /* filter: invert(9%) sepia(71%) saturate(928%) hue-rotate(203deg) brightness(95%) contrast(88%);; */
    filter: invert(28%) sepia(54%) saturate(216%) hue-rotate(176deg) brightness(98%) contrast(91%);
}

.order-paymentItem-body {
    display: flex;
    align-items: center;
}

.order-paymentItem-text {
    margin-left: 8px;
    /* color: #212644; */
    color: #475467;
}

    .order-paymentItem-text h3,
    .order-paymentItem-text p,
    .order-payment-info p {
        padding: 0;
        margin: 0;
        line-height: normal;
    }

    .order-paymentItem-text h3 {
        font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
        font-size: 1em;
    }

    .order-paymentItem-text p,
    .order-payment-info p {
        font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
        font-size: 0.9em;
        margin-top: 3px;
        /* color: #212644; */
        color: #475467;
    }

.info-aligned-top .order-payment-info p {
    margin-top: 0;
}

.order-payment-info {
    margin-top: 15px;
    padding-top: 11px;
    border-top: solid 1px #E7E7E8;
    align-items: center;
    display: none;
}

    .order-payment-info svg {
        min-width: 20px;
        min-height: 20px;
        margin-right: 8px;
        fill: #475467;
    }

    .order-payment-info p {
        font-size: 0.8em;
    }

.order-paymentItem-container.order-payment-active {
    border: 3px solid #1676c4;
}

.order-paymentItem-container::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border: 1px solid #475467;
    border-radius: 50%;
    top: 9px;
    left: 9px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.order-paymentItem-container.order-payment-active::before {
    background-color: #1676c4;
    border-color: #1676c4;
    background-image: url("../img/stepper-done.svg");
    background-size: cover;
    background-repeat: no-repeat;
}

.order-paymentItem-container.order-payment-active .order-payment-info {
    display: flex;
}

.order-paymentItem-container.order-payment-active.info-aligned-top .order-payment-info,
.store-container.active-border.info-aligned-top .store-info,
.atm-container.active-border.info-aligned-top .atm-info {
    align-items: flex-start;
}

/* Payment Type CSS End */

.tab-icons {
    max-width: 100%;
    width: 20px;
    height: auto;
    margin: -7px 9px -7px 0;
}

.buying-options-tab a .tab-icons {
    filter: invert(51%) sepia(5%) saturate(103%) hue-rotate(201deg) brightness(90%) contrast(88%);
}

.buying-options-tab.active a .tab-icons {
    /* filter: invert(55%) sepia(52%) saturate(3226%) hue-rotate(188deg) brightness(85%) contrast(88%); */
    filter: invert(50%) sepia(41%) saturate(3220%) hue-rotate(175deg) brightness(72%) contrast(88%);
}

.buying-options-tab:hover {
    background: #F3F4F7;
}

.buying-options-tab.active:hover > a {
    color: var(--primary-btn-hover);
}

    .buying-options-tab.active:hover > a > .tab-icons {
        filter: invert(55%) sepia(52%) saturate(3226%) hue-rotate(188deg) brightness(85%) contrast(88%)
    }

span#faqstoggle:focus {
    outline: 2px solid #121212;
    border-radius: 1px;
}

.no-items .tabnav h2 a {
    color: #78787a;
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    font-weight: normal;
}

.tabnav {
    position: relative;
    display: flex;
}

.widget__presentation-slider {
    position: absolute;
    /*top: 38px;*/
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: transparent;
    transform-origin: 0 0;
    border-radius: 0 0 2px 2px;
    transition: transform .25s;
}

.widget-icons {
    max-width: 100%;
    width: 20px;
    height: 20px;
    margin: -7px 9px -7px 0;
}

.no-items .tabnav h2.active a {
    /*font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;*/
    font-weight: bold;
}

.no-items .tabnav h2.active :hover {
    background-color: #ffffff;
}

.no-items .tabnav h2 :hover {
    background-color: #F3F4F7;
}

    .no-items .tabnav h2 :hover > .widget-icons {
        background-color: transparent;
    }

.no-items .tabnav .tabnav-1:first-of-type.active ~ .widget__presentation-slider {
    transform: translateX(0) scaleX(1);
}

.no-items .tabnav .tabnav-2:first-of-type.active ~ .widget__presentation-slider {
    transform: translateX(0) scaleX(.5);
}

.no-items .tabnav .tabnav-2:last-of-type.active ~ .widget__presentation-slider {
    transform: translateX(50%) scaleX(.5);
}

.no-items .tabnav h2.active ~ .widget__presentation-slider {
    background-color: var(--blue-theme-color);
}

.no-items .tabnav .rp-reload span.icon > img, .no-items .tabnav .rp-buy-cur span.icon > img {
    filter: invert(51%) sepia(5%) saturate(103%) hue-rotate(201deg) brightness(90%) contrast(88%);
}

/*.no-items .tabnav .rp-buy-cur span.icon > img {
    filter: invert(51%) sepia(5%) saturate(103%) hue-rotate(201deg) brightness(90%) contrast(88%);
}*/

.no-items .tabnav .rp-reload.active span.icon > img, .no-items .tabnav .rp-buy-cur.active span.icon > img {
    /* filter: invert(55%) sepia(52%) saturate(3226%) hue-rotate(188deg) brightness(85%) contrast(88%); */
    filter: invert(50%) sepia(41%) saturate(3220%) hue-rotate(175deg) brightness(72%) contrast(88%);
}

/*.no-items .tabnav .rp-buy-cur.active span.icon > img {
    filter: invert(55%) sepia(52%) saturate(3226%) hue-rotate(188deg) brightness(85%) contrast(88%);
}*/


.add-currency .cus.add-buy-back {
    display: flex;
    align-items: center;
}

.add-currency .cus a.info-tooltip {
    margin-left: 5px;
}

    .add-currency .cus a.info-tooltip span {
        position: relative;
    }

.buying-options-tab a[tabindex]:focus-visible {
    border: 2px solid #212644;
    outline: none;
}

.buying-options-tab a[tabindex]:focus {
    outline: none;
}

.tabnav h2 a[tabindex]:focus-visible {
    border: 2px solid #212644;
    outline: none;
}

.tabnav h2 a[tabindex]:focus {
    outline: none;
}

.digital-signature p {
    margin-top: 0;
    text-align: center;
}

.digital-signature .signature-not-confirmed p {
    text-align: left;
}

.signature-holder .digital-signature,
.signature-pad,
.signature-dialog #dialog_desc,
.signature-empty,
.signature-added,
.signature-confirm-holder,
.digital-signature > div:first-of-type,
.identification-record-holder header h2,
.identification-record-holder fieldset,
.identification-record-media,
.identification-button,
.identification-record-image,
.capturephoto-dialog .dialog_footer,
.confirm-photo > div,
.identification-record-success {
    display: flex;
    font-size: 16px;
    position: relative;
}

.signature-confirm-holder {
    width: 250px;
}

.signature-holder .digital-signature,
.identification-record-media,
.signature-confirm-holder,
.identification-record-holder fieldset,
.confirm-photo > div {
    justify-content: space-between;
}

.signature-dialog #dialog_desc,
.signature-pad,
.identification-button,
.confirm-photo p {
    font-family: "Lato Bold",Helvetica,Arial,Verdana,sans-serif;
    font-weight: 700;
}

.signature-holder .digital-signature {
    padding: 0 40px 40px;
}

.digital-signature,
.signature-pad,
.signature-empty,
.signature-added,
.identification-record-holder header h2,
.identification-button,
.identification-record-image,
.identification-record-media,
.identification-record-holder fieldset,
.capturephoto-dialog .dialog_footer,
.identification-record-success {
    align-items: center
}

.signature-pad,
.signature-empty,
.signature-added,
.identification-record-image,
.capturephoto-dialog .dialog_footer {
    justify-content: center
}

.digital-signature > div:first-of-type {
    flex-direction: column;
    align-content: flex-start;
}

.signature-pad {
    background-image: url("../img/signature-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 67px;
    color: #1676C4;
    cursor: pointer;
    border-radius: 4px;
}

.signature-pad.confirm {
    background-image: none;
    background-color: #D0D5DD;
}

.signature-pad.confirm::after {
    content: "";
    background-image: url("../img/check_small.svg");
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    position: absolute;
    left: calc(100% + 20px);
}

.signature-pad, .signature-added img {
    width: 248px;
    height: 76px;
}

.signature-dialog #dialog_desc {
    font-size: 18px;
}

.signature-pad svg,
.signature-dialog svg {
    margin-right: 10px;
}

.signature-pad svg path {
    fill: #1676C4;
}

.signature-dialog svg {
    width: 20px;
    height: 20px;
}

.signature-dialog svg path {
    fill: #475467;
}

.signature-dialog .dialog-wrapper {
    padding: 20px;
}

.signature-dialog canvas {
    background-color: #FFF;
    border: solid 1px #475467;
    margin-top: 15px;
}

.signature-dialog .dialog_footer {
    display: flex;
    justify-content: space-between;
}

.signature-dialog .dialog_footer button {
    display: inline;
    width: auto;
    margin-top: 10px;
}

.signature-dialog .dialog_footer .clear-signature,
.signature-confirm-holder .signature-repeat {
    background-color: #98A2B3
}

.signature-confirm-holder button,
.identification-button {
    height: 38px;
    border-radius: 4px;
    margin: 0;
}

.digital-signature .error {
    margin: 15px 0 0 !important;
    max-width: 350px;
    text-align: left;
}

.cardupsell-dialog .dialog-wrapper {
    width: 600px;
}

.identification-record-holder fieldset > div:first-of-type {
    max-width: 340px;
}

.identification-record-holder section {
    padding: 20px 40px;
}

.identification-record-holder p {
    margin: 0;
}

.identification-button span {
    margin-left: 15px;
    line-height: 38px;
    white-space: nowrap;
}

.identification-button {
    padding: 0 15px;
    margin-right: 25px;
}

.identification-record-image img {
    width: 90px;
    height: 90px;
    border-radius: 10px;
    margin-right: 10px;
}

.identification-button {
    background-color: #1676c4;
    color: #fff;
    cursor: pointer;
}

.confirm-photo,
.capturephoto-dialog .dialog_footer {
    position: absolute;
    background-color: #F2F4F7;
    border-radius: 20px;
    right: 20px;
}

.capturephoto-dialog .dialog_footer {
    bottom: 20px;
    width: 400px;
    height: 90px;
}

    .capturephoto-dialog .dialog_footer button {
        display: inline-block;
        width: auto;
        margin: 0;
    }

.confirm-photo {
    margin-top: 55%;
    padding: 30px 45px;
    text-align: center;
    z-index: 999;
}

    .confirm-photo button:first-of-type {
        margin-right: 20px;
    }

    .confirm-photo button {
        white-space: nowrap;
    }

.identification-record-success {
    margin-right: 50px;
}

    .identification-record-success .camera-icon {
        width: 40px;
        height: 30px;
        background-color: #475467;
        -webkit-mask-image: url("../img/camera_icon.svg");
        mask-image: url("../img/camera_icon.svg");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: cover;
        mask-size: cover;
        margin-right: 2px;
    }

#webcamCanvas img {
    width: 100%;
    height: 100%;
}

.payment-page .identification-record-holder .error.invalid,
.payment-page .identification-record-holder .error.checked {
    display: inline-block !important;
    padding: 5px 10px 5px 35px;
    margin-top: 5px;
    background-position: 10px;
}

.payment-page .identification-record-holder .error.checked {
    background-position-x: 0;
}

.confirmation-page .transaction-receipt {
    display: none;
}

.footer-message {
    display: none !important;
}

.confirmation-page .transaction-date {
    display: none;
}

.cardupsell-wrapper {
    margin: 80px 0 50px;
    font-family: "Lato Bold",Helvetica,Arial,Verdana,sans-serif;
    font-weight: 700;
    font-size: 16px;
}
.cardupsell-wrapper button {
    border-radius: 4px;
    height: 38px;
}
.cardupsell-wrapper button img {
    margin-right: 10px;
}


.buycurrency .product-type .radio,
.buycurrency .product-type .radio label,
.order-page .delivery-date .deliveryTime,
.order-page .deliveryTime .radio,
.order-page .deliveryTime .radio label{
    display: flex;
    justify-content: center;
    align-items: center;
}
.order-page .deliveryTime .radio {
    justify-content: flex-start;
}
.order-page .delivery-date .deliveryTime {
    flex-wrap: wrap;
    margin: 5px 0;
}
.order-page .delivery-date .deliveryTime .radio {
    width: 50%;
    margin: 5px 0;
}
.buycurrency .product-type .radio input[type="radio"],
.order-page .deliveryTime .radio input[type="radio"]{
    margin: 0
}

.buycurrency .product-type .radio label,
.order-page .deliveryTime .radio label,
.buycurrency .product-type .radio label span {
    position: relative
}

.buycurrency .product-type .radio label::before,
.order-page .deliveryTime .radio label::before{
    position: absolute;
    left: -18px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    vertical-align: unset
}

.buycurrency .product-type .radio label::before,
.buycurrency .product-type .radio input[type="radio"],
.order-page .deliveryTime .radio input[type="radio"],
.order-page .deliveryTime .radio label::before {
    width: 18px;
    max-width: 18px;
    height: 18px
}

.buycurrency .product-type .radio label span {
    top: 2px;
    margin-left: 3px
}
.form-control-group {
    display: flex;
    gap: 8px;
}
.flex-column {
    flex-direction: column;
}
.flex-row {
    flex-direction: row;
}
.flex-column.input-group > div:last-of-type {
    margin-right: 0;
    width: auto;
}
.flex-column.input-group #dobday , .flex-column.input-group #dobmonth,
.flex-column.input-group #doiday , .flex-column.input-group #doimonth, 
.flex-column.input-group #expday , .flex-column.input-group #idexpmonth,
 .flex-column.input-group #expmonth, .flex-column.input-group #expyear{
    width: 50px !important;
    text-align: center;
}

.flex-column.input-group #dobyear, .flex-column.input-group #doiyear,
.flex-column.input-group #idexpyear {
    width: 80px !important;
    text-align: center;
}

.flex-row .securityCodeContainer {
    width: 60px !important;
}

.form-group,
.contact-info .form-group,
.contact-info .form-control {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}
.form-group,
.typeahead-address-search .alert,
.poc-desc,
.billing-info .poc.poc-btn,
#suburbLookupAlert,
#address-not-found {
    max-width: 400px;
}
.desginationTitle .form-group {
    max-width: 250px;
}
.form-group,
.contact-info .form-group {
    margin-bottom: 10px;
}
.form-group > label {
    margin: 5px 0;
}
.form-control .input-border {
    position: relative;
}
.form-control .input-border::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border: solid 1px #475467;
    pointer-events: none;
    border-radius: 4px;
}
.form-control .input-border::after {
    content: "";
    clear: both;
    display: table;
}
/* .form-control .input-border:hover::before, .form-control-group .input-border.input-error:hover::before {
    border-color: var(--blue-theme-color) !important;
} */
.form-control .input-border.focused::before, .form-control-group .input-border.input-error.focused::before {
    border-color: var(--blue-theme-color) !important;
}

.form-control .input-border.input-error::before,
.form-control .input-border.input-error input,
.form-control .input-border.input-error select,
.form-control .input-border.input-search.input-error.focused::before {
    border-color: #AE1E22 !important;
    border-width: 2px;
}

.form-control label {
    margin: 5px 0 0;
    display: inline-block;
}
.form-group label,
.address-results ul li 
.form-control label:empty {
    display: inline;
}

.form-helper,
.contact-info .form-helper {
    font-size: 14px;
    color: #667085;
}
.form-group > label,
.form-group > .card-number-title,
.address-results ul li {
    font-family: "Lato Bold",Helvetica,Arial,Verdana,sans-serif;
    font-weight: 700;
    color: #475467;
}
.form-control input,
.form-control select,
.form-group label.form-helper,
.form-control input::placeholder,
.address-results ul li span,
.form-helper,
.contact-info .form-helper, 
.form-control select + .customSelect,
.address-not-found,
.poc-desc,
.payment-page section fieldset > div.row.address-items {
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-weight: 400;
    background-color: transparent;
    color: #475467;
}
.form-control input,
.form-control select,
.form-group label,
.input-group .numcode,
.address-results ul li, 
.form-group > label,
.input-group .numcode, 
.form-control select + .customSelect,
.poc-desc,
.billing-info .poc,
.payment-page section fieldset > div.row.address-items {
    font-size: 16px;
}
.form-group label.form-helper {
    font-size: 14px;
    color: #667085;
    display: block;
}
.form-control input,
.form-control select, 
.form-control select + .customSelect{
    height: 41px !important;
    padding: 10px 10px;
    box-sizing: border-box;
    border-radius: 4px;
    border: solid 2px transparent !important;
    display: block;
    width: 100% !important;
}
.form-control select, .form-control select + .customSelect{
    background-image: url("../img/svg/icons/expand_more.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
}
input:disabled {
    background-color: #D0D5DD;
    opacity: 1;
    color: #475467;
    -webkit-text-fill-color: #475467;
}

.form-control *:disabled:hover {
    border-color: transparent !important;
}
.form-control input:hover,
.form-control select:hover, 
.form-control .customSelect.customSelectHover {
    border: 2px solid #475467 !important;
    outline: none !important;
}
.form-control input:focus,
.form-control select:focus,
.form-control .customSelect.customSelectFocus {
    outline: none !important;
    border: solid 2px var(--blue-theme-color) !important;
}
.payment-page .form-group .checked,
.form-group .checked,
.payment-page .form-group .invalid,
.form-group .invalid {
    background-image: none;
    background-color: transparent !important;
    display: flex;
    align-items: flex-start;
    margin: 5px 0 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    width: 100% !important;
    line-height: 1;
    box-sizing: border-box;
}

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

.payment-box {
    flex-direction: row;
    background-color: #F2F4F7;
    padding: 18px 15px;
    box-sizing: border-box;
    justify-content: space-between;
    border-radius: 4px;
}
.payment-secure-title {
    font-size: 16px;
    line-height: 23px;
    color: #344054;
    font-style: normal;
    font-weight: 700;
}
.payment-page section fieldset > div.row .payment-secure-title {
    width: auto;
    margin-left: 9px;
}
.logo-cards-payment > img:first-child {
    margin-right: 15px;
}
.form-control .expiry-helper {
    font-size: 14px;
    color: #667085;
    display: block;
}
.payment-page .form-group .checked,
.form-group .checked {
    display: none !important;
}
.payment-page .form-group .checked::before,
.form-group .checked::before,
.payment-page .form-group .invalid::before,
.form-group .invalid::before {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url("../img/svg/icons/input_success.svg");
    background-repeat: no-repeat;
    margin-right: 2px;
    position: relative;
    bottom: 0px;
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
}
.payment-page .form-group .invalid::before,
.form-group .invalid::before {
    background-image: url("../img/svg/icons/input_error.svg");
    background-position: center;
}
.input-group,
.input-group > div {
    display: flex;
}
.input-group > div:first-of-type {
    margin-right: 8px;
}
.input-group > div:last-of-type {
    width: 100%;
}
.flex-row > div:last-of-type {
    width: auto;
}
.input-group > div {
    align-items: center;
}
.input-group .numcode,
.input-group .mobileflag {
    padding: 0 5px;
    float: none;
    width: auto;
    line-height: 26px;
    cursor: pointer;
}
.input-group .mobileflag {
    width: 30px;
    background-color: transparent;
}
.input-group .numcode {
    border: none;
    padding: 0 10px 0 0
}
#confirmmobilenumber {
    margin-left: 0 !important;
}
.input-search {
    background-image: url("../img/svg/icons/search.svg");
    background-position: 5px center;
    background-repeat: no-repeat;
}
.input-search input {
    padding: 0 30px;
}
.input-search.focused {
    background-image: none;
}
.input-search.focused input {
    padding-left: 10px;
}
.input-search.input-with-close input {}
.form-group .address-results,
.form-group .address-search {
    display: none;
}
.form-group .address-search {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% - 3px);
    background-color: #FFFFFF;
    border: 2px solid #1676C4;
    border-top-color: #475467;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    z-index: 99;
}
.form-group .input-error .address-search {
    border: 2px solid #AE1E22;
    border-top-color: #475467;
}
.form-group .address-search label,
.form-group .address-search label.invalid {
    margin: 0;
    padding: 7px 9px;
}
.form-group .address-search label.invalid {
    color: #AE1E22;
    line-height: normal;
}
.form-group .close {
    display: none;
    margin: 0;
    padding: 0;
    width: 23px;
    height: 23px;
    position: absolute;
    background-image: url("../img/svg/icons/close.svg");
    background-color: transparent;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}
.input-search.focused input,
.form-control .input-border.input-search.focused::before {
    border-bottom-color: #475467 !important;
    border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}
.address-results ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.address-results ul li {
    border-top: solid 1px #475467;
    padding: 10px;
    color: #475467;
    cursor: pointer;
}
.address-results ul li:hover,
.address-results ul li.focused {
    background-color: #F2F4F7;
}
.address-results ul li span {
    display: inline-block;
    margin-bottom: 0;
}
.typeahead-address-search {
    min-height: 250px;
}
.card-icon-inside {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 20px;
}
.form-control .card-number-box input {
    padding-left: 50px;
}
#residential_address-Postcode .form-group .form-control , #shipping-residential_address-Postcode .form-group .form-control{
    max-width: 220px;
}
.form-group > .card-number-title {
    display: flex;
    justify-content: space-between;
    margin: 5px 0;
}
.address-not-found {
    background-color: #F2F4F7;
    height: 44px;
    margin: 0;
    padding: 0 12px;
    width: 100%;
    display: flex;
    align-items: center;
    border-top: solid 1px #475467;
}
.address-not-found:hover {
    background-color: #F2F4F7;
}
.address-not-found img {
    margin-right: 5px;
}
.address-not-found > span {
    flex: 1;
    text-align: left;
    position: relative;
    top: 2px;
    display: block !important;
    border-bottom: none !important;
    color: #475467 !important;
}
.address-not-found span {
    display: inline-block;
    margin: 0;
    color: #1676C4;
    border-bottom: 1px solid #1676C4;
}
.billing-info .poc.poc-btn {
    float: none;
    border-radius: 8px;
    padding: 0;
    margin: 0;
    text-align: center;
    height: 40px;
    line-height: 40px;
}
.billing-info .poc.poc-btn > svg {
    fill: var(--primary-btn-text);
}
.payment-page section fieldset > div.row.address-items > div {
    margin-bottom: 2px;
}
.form-group.form-group-address-search label.form-helper {
    width: 100%;
}

/* CSS START FOR ALERTS */
.alert {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif !important;
    color: #106593;
    border: solid 1px #106593;
    border-radius: 8px;
    padding: 10px 12px;
    box-sizing: border-box;
    min-height: 40px;
    background-color: #F1F9FD;
}
.alert.alert-icon-top,
#suburbLookupSection .alert {
    align-items: flex-start;
}
.alert-msg {
    flex-grow: 1;
}
.alert-icon {
    margin-right: 8px;
    background-color: #106593;
    -webkit-mask-image: url("../img/svg/icons/info.svg");
    mask-image: url("../img/svg/icons/info.svg");
}
.alert-close {
    padding: 0;
    margin: 0;
    margin-left: 8px;
}
.alert-close:hover, .alert-close {
    background-color: transparent;
}
.alert svg, .alert-close, .alert-icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
}
.alert-close path {
    fill: #106593;
}
.alert.alert-danger {
    border-color: #AE1E22;
    color: #AE1E22;
    background-color: #FDF2F2;
}
.alert.alert-danger .alert-icon {
    background-color: #AE1E22;
    -webkit-mask-image: url("../img/svg/icons/alert-danger.svg");
    mask-image: url("../img/svg/icons/alert-danger.svg");
}
.alert.alert-danger .alert-close path {
    fill: #AE1E22;
}
.alert.alert-success {
    border-color: #027A48;
    color: #027A48;
    background-color: #ECFDF3;
}
.alert.alert-success .alert-icon {
    background-color: #027A48;
    -webkit-mask-image: url("../img/svg/icons/check-circle.svg");
    mask-image: url("../img/svg/icons/check-circle.svg");
}
.alert.alert-success .alert-close path {
    fill: #027A48;
}
.alert.alert-warning {
    border-color: #B54708;
    color: #B54708;
    background-color: #FFFAEB;
}
.alert.alert-warning .alert-icon {
    background-color: #B54708;
    -webkit-mask-image: url("../img/svg/icons/alert-triangle.svg");
    mask-image: url("../img/svg/icons/alert-triangle.svg");
}
.alert.alert-warning .alert-close path {
    fill: #B54708;
}
.alert.no-close .alert-close {
    display: none;
}
/* CSS END FOR ALERTS */
.sanction-view-container section {
    height: 730px;
    justify-content: flex-start;
    box-sizing: border-box;
}
.main article.sanction-view-container h2 {
    display: block;
    font-family: "Lato Bold",Helvetica,Arial,Verdana,sans-serif;
    font-size: 18px;
    float: none;
    width: 100%;
    margin-top: 40px;
}
.sanction-view-container .view-link {
    text-decoration: none;
}
.sanction-view-container p.content {
    max-width: 600px;
    text-align: center;
}

.findMyLocation-box a {
    font-size: 14px;
}

.findMyLocation-box img {
    filter: invert(28%) sepia(37%) saturate(320%) hue-rotate(176deg) brightness(99%) contrast(88%);
}

.visually-hidden {
    position: absolute !important;
    clip-path: inset(1px); /* this hides the element visually */
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
    white-space: nowrap;
}

#noItems .center {
    display: block;
    margin: 5px 0 20px;
}

.eighteen-col header span {
    display: inline-block;
    margin: 5px 0;
}

.eighteen-col header .top-notes {
    float: right;
    margin-top: 10px;
}

.eighteen-col header .poc-header {
    display: inline-block;
    font-size: 16px;
    margin: 5px 0;
    font-weight: 200;
    font-family: "Lato Light", Helvetica, Arial, Verdana, sans-serif;
}

.payment-on-collection .main article.eighteen-col header .poc-header[data-icon]:before {
    margin: 0 15px 0 0;
}

.confirmation-page .eighteen-col .six-col.store-details header {
    padding: 15px 15px 0;
    border: 1px solid #E8E8E9;
    border-bottom: none;
}
.payerauth-load, .payerauth-unload {
    margin: 0
}
/*New Heading Typography Starts*/
.heading-h1-lg {
    font-size: 24px;
    color: #475467;
    font-weight: normal;
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
}
.heading-h1-sm {
    font-size: 20px;
    color: #475467;
    font-weight: bold;
    font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
}
.heading-h2-lg {
    font-size: 22px;
    color: #475467;
    font-weight: bold;
    font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
}
.heading-h2-sm {
    font-size: 20px;
    color: #475467;
    font-weight: bold;
    font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
}

.heading-h3-lg {
    font-size: 20px;
    color: #475467;
    font-weight: bold;
    font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
}

.heading-h3-md {
    font-size: 18px;
    color: #475467;
    font-weight: bold;
    font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
}

.heading-h3-sm {
    font-size: 16px;
    color: #475467;
    font-weight: bold;
    font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
}

.heading-h4-lg {
    font-size: 18px;
    color: #475467;
    font-weight: bold;
    font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
}

.heading-h4-sm {
    font-size: 16px;
    color: #475467;
    font-weight: bold;
    font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
}

.heading-title-md {
    font-size: 18px;
    color: #475467;
    font-weight: bold;
    font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
}


/*New Heading Typography Ends*/

.eighteen-col header span > span {
    margin: 0;
}
.main article.eighteen-col header .headings span:last-of-type > span {
    margin: 0;
}

[role=dialog]:focus, [role=dialog]:focus-visible, [role=dialog]:focus-within {
    outline: none;
}


/* Express Payment Start */
.express-payment {
    padding-bottom: 30px;
}
.express-payment,
.express-payment-notes {
    font-size: 14px;
    color: #475467;
    font-weight: normal;
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    position: relative;
}
.payment-page .express-payment {
    padding-bottom: 30px;
}
.express-payment.no-tab {
    padding-bottom: 0;
}
.express-payment-notes {
    padding-bottom: 0;
    max-width: 478px;
}
.express-payment-notes .title {
    display: block;
    font-weight: bold;
    font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
    float: none;
    width: 100%;
}
.express-payment-notes p {
    margin: 5px 0
}
.express-payment::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #475467;
}
#payment-section .express-payment::after {
    left: 40px;
    right: 40px;
}
.express-payment.no-tab::after {
    content: none;
}
.express-payment .payment-types {
    display: flex;
    justify-content: space-between;
}
.express-payment .payment-type {
    border: solid 2px transparent;
    position: relative;
}
.express-payment label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: solid 1px #98A2B3;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 8px;
    -webkit-tap-highlight-color: transparent;
}
.express-payment label:hover {
    background-color: #EAECF0;
}
.express-payment .payment-type.selected {
    border-color: var(--blue-theme-color);
    border-radius: 8px;
}
.express-payment .payment-type.selected label {
    border-color: transparent;
}
.express-payment .payment-type.selected::after {
    content: "";
    position: absolute;
    border: solid #475467;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 8px;
    bottom: -34px;
    background-color: #fff;
    z-index: 99;
    left: calc(50% - 16px);
    transform: rotate(-135deg) translateX(-50%);
    -webkit-transform: rotate(-135deg) translateX(-50%);
}
.express-payment.no-tab .payment-type.selected::after {
    content: none;
}
.express-payment .payment-type.selected label:focus {
    outline-offset: 2px;
}
.express-payment input[tabindex]:focus,
.express-payment input[tabindex]:hover {
    outline: none;
    border-color: #475467;
}
.express-payment img {
    display: block;
    max-width: 100%;
}
.express-payment .text {
    margin: 10px 0 7px;
}
.express-payment .radio {
    position: relative;
}
.express-payment input[type="radio"]:checked + span.styled-radio:before, .express-payment input[type="radio"] + *::before {
    position: absolute;
    margin-left: 0;
    top: 0;
    width: 19px;
    height: 19px;
    box-sizing: border-box;
}
#payment-section .payment-success,
#payment-section .payment-error {
    width: 300px;
}
#payment-section .payment-error {
    margin-top: -10px;
    margin-bottom: -20px;
}
.digital-wallet-payment-type .icon {
    display: flex;
}
.digital-wallet-payment-type .icon img:nth-child(2) {
    margin-left: 1px;
    margin-right: 8px;
}
.digital-wallet-payment-type .icon img:first-of-type {
    position: relative;
    top: 1px;
}
.apple_pay_success .info_header,
.apple_pay_success .info_body,
.apple_pay_success .info_footer,
.apple_pay_success .card_type {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}
.apple_pay_success .info_footer {
    justify-content: flex-end;
}
.apple_pay_success .card_type {
    justify-content: flex-start;
}
.apple_pay_success .info_header {
    font-weight: bold;
    font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
}
.apple_pay_success .info_header img {
    width: 32px;
    height: 20px;
}
.apple_pay_success .info_body {
    margin: 15px 0;
}
.apple_pay_success .info_body .card_type {
    margin-bottom: 5px;
}
.apple_pay_success .info_body .card_type > div {
    margin-left: 5px;
    position: relative;
    top: 1px;
}
.apple_pay_success .info_body .card-number {
    margin-top: 10px;
}
#payment-section .payment-success .alert {
    align-items: flex-start;
    padding: 10px;
}
.apple_pay_success {
    margin-top: 20px;
}
.apple_pay_btn {
    margin: 0 0 25px;
    cursor: pointer;
    max-width: 335px;
}
.apple_pay_btn img {
    max-width: 100%;
    display: block;
}
.payment-page .payment-success .edit-order a {
    color: #1676C4;
}
#applePayDetails > .payment_info {
    padding: 20px 40px 40px;
}
.order-paymenttype-notes {
    margin-bottom: 20px;
}
.order-paymenttype-notes h3 {
    font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
    font-size: 1em;
    margin: 0;
}
.order-paymenttype-notes p, .order-paymenttype-notes .alert {
    font-size: 0.9em;
    margin-top: 3px;
    max-width: 400px;
}
.order-paymenttype-notes .alert {
    align-items: flex-start;
}
.order-paymenttype-notes .alert.alert-icon-center {
    align-items: center
}
.payment-page .apple_pay_success .edit-order[data-icon]:before {
    margin-right: 5px;
    /* color: #475467; */
}
.payment-page .apple_pay_success .edit-order {
    background-color: transparent;
    margin: 0;
    padding: 0;
    color: #1676C4;
}
.payment-type-review-applepay .payment-network div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 5px 0;
}
.payment-type-review-applepay .payment-network > div > div:first-of-type {
    display: flex;
    align-items: center;
}
.payment-type-review-applepay .payment-network > div > div:first-of-type img {
    margin-right: 5px;
}
.payment-info .heading-h3-sm {
    display: none;
    margin: 0;
    font-size: 14px;
    margin-bottom: 5px;
}
.payment-info .info-note.express-payment-note {
    margin: 0;
    border-bottom: none;
    padding-bottom: 15px;
}
/* Express Payment End */

/* media queries - starts */
@media only screen and (max-width: 1060px) {
    .delivery-date, div.what-to-bring, .get-directions {
        padding: 0 10px;
    }
}
@media only screen and (max-width:1024px) {
    .info-tooltip button.closeDiv_widget {
        display: block;
    }

    .not-available-currency-tooltip button.closeDiv_widget {
        display: block;
        top: -26%;
        right: 1%;
    }

    .not-available-currency-tooltip {
        padding: 20px;
    }
    .calendar .ui-widget-content {
        padding-left: 0;
    }
    .delivery-date, div.what-to-bring, .get-directions {
        padding: 0 15px;
    }
}

@media screen and (min-width:980px) and (max-width:1045px) {
    .deliveryTime > label {
        padding: 5px 2px 5px 0px;
    }
}

@media screen and (min-width:560px) and (max-width:640px) {
    .country-JP .deliveryTime {
        width: 46%;
        display: inline-block;
        padding: 23px 0;
    }

    .country-JP .selected-date {
        width: 40%;
        padding-bottom: 11px;
    }
}

@media only screen and (max-width:965px) {
    .guarantee {
        display: none;
    }

    .calendar2, .calendar4, .ui-datepicker-group.ui-datepicker-group-last {
        display: none;
    }

    .calendar .ui-widget-content {
        min-height: 0;
        width: 282px;
        border: 1px solid #dcdcdc !important;
        border-radius: 3px;
    }

    .delivery-date {
        padding: 10px 10px 0 35px;
        width: 35%;
    }

    .country-JP .delivery-date {
        width: 40%;
    }

    .delivery-date h4 {
        padding-bottom: 10px;
    }

    span.selected-date, span.delivery-rate {
        padding-left: 50px;
    }

    .calendar-cont, .ui-datepicker-group {
        float: none;
        margin: 0;
    }

    .bureau-calendar-select {
        width: 40%;
        padding-top: 0;
    }

    .calendar-legend {
        float: left;
        width: 63.5%;
        min-width: 282px;
        border: 1px solid #dcdcdc;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    .dwbg .dwwr .dw-cal-c {
        padding-top: 0;
    }

    .calendar-legend span {
        width: auto;
        float: none;
        display: block;
        margin-bottom: 10px;
    }

        .calendar-legend span em {
            margin-left: 21px;
            display: block;
        }

    .review-order-details .currency-detail .enter-amount span.eq, .summary-drop .currency-detail .enter-amount span.eq {
        width: 20%;
        left: 5%;
    }

    .review-order-details .currency-detail, .summary-drop .currency-detail {
        width: 55%;
    }

    .main article.eighteen-col header.review-tbl-th .headings {
        width: 45.5%;
    }

    .summary-drop .review-tbl-th .headings {
        width: 44%;
    }

    .funnel-steps {
        width: 64%;
    }

    footer ul.icons {
        float: none;
        padding: 10px;
    }

    .footer-container .sitewrap {
        position: relative;
    }

    .footer-links {
        float: left;
        width: 96%;
        margin: 2%;
        background: #003163;
        overflow: hidden;
        color: #fff;
        padding: 10px 0;
        display: block;
    }

    .icons {
        float: left;
    }

    .footer-links .wrapper {
        text-align: left;
    }

    .copyright-lines {
        padding: 10px;
        float: none;
        width: 100%;
        text-align: left;
    }

    .footer-links a:first-child {
        border: 0 none;
    }

    .footer-links .wrapper a {
        color: #fff;
        border-left: none;
        display: block;
        margin: 0;
        padding: 10px 0;
        border-bottom: 1px solid #B1B1B4;
    }

    .footer-container footer {
        padding: 0px;
        margin: 0;
    }

    .payment-info .card-notes-visible {
        margin: 0;
    }

    .review-order-details .currency-detail .exrate {
        width: 88%;
    }

        .review-order-details .currency-detail .exrate .currate-left, .review-order-details .currency-detail .exrate .currate-right {
            width: 48%;
        }

    .currency-detail ul.better-rates {
        font-size: 13px;
    }

        .currency-detail ul.better-rates li {
            padding: 10px;
        }
    /* conformation */
    .extra-order-details {
        display: none;
    }

    .confirmation-order-summary {
        float: none;
        width: auto;
    }

    .order-page .promo {
        position: static;
        right: 0;
        display: block;
        width: auto;
        float: none;
        padding: 30px 0 0px 0;
        text-align: left;
        margin-top: 0;
    }

    .order-page .promo {
        width: 100%;
    }

    .promo .red {
        text-align: left;
    }

    .order-page .promo .card-selection.js-promo-type {
        float: left;
    }


    .calendar1 .dw-cal-next div, .calendar1 .dw-cal-next {
        display: block !important;
    }

    .js-promo-applied {
        margin: 0;
    }

    ul.store-results-container .storerow-selector {
        margin: 10px 0 0 0px;
        float: left;
    }

    .less-info-location {
        float: none;
    }

    .ui-tooltip {
        width: 200px;
    }

    .add-currency .cus a.info-tooltip {
        left: 170px;
    }

    .country-FE .add-currency .cus a.info-tooltip {
        left: 269px;
    }

    .partner-logo {
        float: left;
    }


    .what-to-bring ul li {
        margin-bottom: 12px;
    }

    .store-notes-details .padded {
        padding: 1%;
    }

    .country-US .num3, .country-AU .num3, .country-NZ .num3 {
        margin: 0 0% 0 14%;
    }

    .country-US .header-container header span, .country-AU .header-container header span, .country-NZ .header-container header span {
        font-size: 12px;
    }

    .country-US .link-text, .country-AU .link-text, .country-NZ .link-text {
        padding: 3px 0 0 5px;
    }

    .copyright-lines {
        float: none;
        width: 100%;
        text-align: left;
        display: block;
        clear: both;
    }

    .country-AU .footer-container img, .country-NZ .footer-container img {
        height: 25px;
    }

    .country-US .airport-contact p.text {
        font-size: 0.77em;
    }

    .billing-info span button#find-address, .billing-info div button.edit-address {
        display: block;
        clear: both;
    }

    .billing-info span button#find-address-delivery, .billing-info div button.edit-address-delivery {
        display: block;
        clear: both;
    }

    .eighteen-col footer {
        padding: 20px;
    }

    .country-NL .header-container header span {
        font-size: 12px;
    }

    .country-NL .link-text {
        padding: 3px 0px 0 5px;
    }

    a.external-link-warning:hover span, a.external-link-warning:focus span, a.external-link-warning:active span {
        display: none;
    }

    .review-page input[type="checkbox"] + label img {
        width: 100%;
    }

    .row.selectBankType {
        width: 100%;
        padding-top: 10px;
    }
    .confirmation-order-summary .currency-holder:first-of-type .rowline {
		width: 40%;
	}
	.confirmation-order-summary .currency-holder:first-of-type .currency-detail {
		width: 60%;
	}
}

@media only screen and (max-width:965px) and (min-width:769px) {
    .buying-options-tab a {
        font-size: 16px;
        padding-top: 16px;
    }

    .country-GB .deliveryslide a {
        /*padding-bottom: 29px;*/
    }
}

@media only screen and (max-width:885px) {
    .country-DE .funnel-steps {
        clear: both;
        width: 90%;
        margin: 10px 0 20px 0;
    }

    .payment-page section fieldset > div p {
        width: 90%;
    }

    .payment-page section.payment-info .card-notes {
        width: 90%;
        float: left;
    }

    .order-paymentItem-container {
        margin: 0 5px 10px 5px;
    }

    .extraforeigncurrency, .extraforeigncurrency .currate-left, .extraforeigncurrency .currate-right {
        font-size: 13px;
    }
}

@media only screen and (max-width:885px) and (min-width:769px) {
    .timetable td, .airport-contact p.text {
        font-size: 0.79em;
    }

    .country-NM .header-container header span.link-text {
        font-size: 11px;
        padding: 4px 0px 0 5px;
    }
}

@media only screen and (max-width:820px) {
    .confirmation-order-summary .currency-holder:first-of-type .rowline {
		width: 40%;
	}
	.confirmation-order-summary .currency-holder:first-of-type .currency-detail {
		width: 60%;
	}
}

@media only screen and (max-width:768px) {
    .currency-detail {
        width: 49%;
    }

    .country-JP #addressLookupSection #postcode-note, .country-JP #shipping-addressLookupSection #shipping-postcode-note {
        /* width: 49%; */
    }

    .mobile-show {
        display: block;
    }

    .summary-bar .summary-inner {
        /*padding: 0 10px;*/
    }

    .order-page .currency-detail .ealeft input, .order-page .currency-detail .earight input {
        width: 70%;
    }

    .logo {
        margin-bottom: 10px;
    }

    section, .eighteen-col header, .store-results li, .delivery-holder, #storePickupCalendar {
        padding: 10px;
    }

    .eighteen-col footer {
        padding: 20px 10px;
    }

    .button {
        font-size: 14px;
    }

    .rates {
        padding: 10px 5px;
    }

    .currency-detail .vr {
        padding-left: 10px;
    }

    nav.funnel-steps li.active .link-text {
        display: block;
    }
    /*nav.funnel-steps li .link-text{
    display: none;
    }*/
    ul#betterRatesAvailable li {
        padding: 10px;
        width: 100%;
    }

    .add-products .passport {
        margin-left: 195px;
    }

    .red-button {
        width: auto;
    }

    .footer-bar .six-col, .footer-bar .four-col {
        float: none;
        width: auto;
    }

    .footer-bar .four-col {
        float: right;
    }

    .summary-drop {
        max-height: 310px;
        overflow: auto;
    }

    .add-more-currency, .reload-cash-passport {
        padding-right: 15%;
    }
    /* store locator */
    .more-info {
        padding-right: 0;
    }

    .bureau-search-form {
        width: auto !important;
        padding-left: 0 !important;
        display: block !important;
    }

    .less-info-location {
        float: none;
    }

    ul.store-results-container .storerow-selector {
        float: none;
        margin: 10px 0;
        max-width: none;
        width: auto;
    }

        ul.store-results-container .storerow-selector .customSelect.button {
            min-width: 0;
            width: 100%;
        }

    ul.store-results-container .more-info div.info-box {
        width: auto;
        /*margin:0 0 20px 0;*/
        /*float:none;*/
        border: 0 none;
        margin: 0 1%;
        width: 48%;
    }

        ul.store-results-container .more-info div.info-box.storerow-image.store-map, ul.store-results-container .more-info div.info-box.storerow-image.airport-map {
            display: none;
        }

    .storerow-selector-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .timetable td {
        /* font-size: 0.85em; */
    }

    .country-US .timetable td, .country-US .airport-contact p.text {
        font-size: .85em;
    }

    /* store locator */
    .buying-options-tab a {
        padding: 7px;
        text-align: center;
        font-size: 16px;
    }

    .country-GB .buying-options-tab a {
        /*font-size: 13px;*/
        /*padding: 5px;*/
    }

    .country-GB .buying-options-tab active a {
        padding-bottom: 16px;
    }



    /* #homeDelivery[data-icon]:before, #storePickup[data-icon]:before, #airportPickup[data-icon]:before, .delivery[data-icon]:before, .pickup[data-icon]:before, .buying-options-tab em:before {
        font-size: 35px;
    position: relative;
        margin: -2px auto;
        display: block;
        text-align: center;
        float: none;
        right:0\9\0;/*Only works in IE9
        left:auto;
    }*/
    .buying-options-tab em {
        display: block;
    }

        .buying-options-tab em:before {
            left: auto;
            position: relative;
            display: block;
            float: none;
            text-align: center;
            top: auto;
        }

    /*.deliveryslide a {
        padding-bottom: 25px;
    }*/


    .country-GB .deliveryslide a {
        /*padding-bottom: 13px;*/
    }

    .buying-options {
        /*padding-top: 70px;*/
    }

    .payment-page .row label:first-child, #address-found-single label, #address-found-multiple label {
        float: none;
        display: block;
        width: auto;
        /* padding-bottom: 5px; */
    }

    p#address-found-single-text {
        margin-bottom: 0;
    }

    .billing-info div button.edit-address {
        margin-top: 0px;
    }

    .billing-info div button.edit-address-delivery {
        margin-top: 0px;
    }

    .payment-page .row {
        /* margin-bottom: 10px; */
    }

    .payment-page #BillingAddress {
        padding-left: 0;
        padding: 5px;
    }

    section.cust-billing-info {
        padding: 0 5px;
    }

    .payment-page select {
        width: 98%;
    }

    .payment-page input {
        width: 49%;
    }

    .form-control input {
        width: 100%;
    }

    .cs-holder {
        width: 50%;
    }

    .expiry-date-select .cs-holder {
        width: 25%;
    }

    .expiry-date-select {
        width: 97%;
    }

    #securitycode-note {
        width: auto;
        margin-top: 9px;
    }

    .payment-info ul.payment-security {
        position: static;
        border: 0 none;
        float: none;
        padding: 10px 0px 0px 0px;
        width: auto;
        margin: 20px 0px 0px 0px;
        border-top: 1px solid #e8e8e9;
    }

        .payment-info ul.payment-security li {
            display: inline-block;
            width: 25%;
            margin: 0 10px 0 0;
        }

            .payment-info ul.payment-security li img {
                margin-bottom: 0;
            }

    .id-info .group .cs-holder {
        width: 34%;
    }

    .calendar2 {
        display: none;
    }

    .calendar-cont {
        float: left;
    }

    .delivery-date {
        float: right;
        width: auto;
        background: 0 none;
        width: 45%;
        padding: 0;
        height: auto;
    }

    .calendar-legend {
        display: none;
    }

    .delivery-date h4 {
        margin-top: 0;
    }

    .bureau-calendar-select {
        width: 45%;
    }


    .delivery-msg {
        width: auto;
    }

    .main article.eighteen-col header.review-tbl-th .headings {
        width: 48.5%;
    }

    .review-order-details .currency-detail {
        width: 55%;
    }
    /*.summary-drop .review-tbl-th .headings{
        width:46%;
    }*/
    .review-page .four-col, .confirmation-page .your-details .four-col, .confirmation-page .your-details .six-col, .review-page .five-col, .your-details .five-col, .review-page .six-col, .your-details .six-col {
        width: 100%;
        margin: 0 0 20px 0;
    }

        .review-page .four-col strong[data-icon]:before {
            display: none;
        }

    .red-button {
        padding: 15px 10px;
    }

    .onerror-steps .six-col, .order-received .six-col, .have-questions div.six-col, .have-questions div.nine-col, .onerror-steps .nine-col, .order-received .nine-col {
        float: none;
        display: block;
        width: auto;
    }

    /* delete - start */
    .order-received h1, .order-error h1, .order-received h1, .order-error.poc-message h1 {
        text-align: left;
        padding-bottom: 10px;
    }
    /* delete - end */
    .order-received h2, .order-error h2, .order-received h2, .order-error.poc-message h2 {
        text-align: left;
        font-size: 22px;
        padding-bottom: 10px;
    }

    .order-error p.red {
        background: none;
        display: block;
        left: 0;
        margin: 0 0 10px 0;
        padding: 0 0px 10px 0px;
        width: 100%;
        color: #DA292F;
        border-bottom: 1px solid #dcdcdc;
        text-align: left;
    }

    .order-error.poc-message p.red {
        margin-top: 0;
    }

    .order-error span, .order-received .message {
        font-size: 15px;
        padding: 10px 0px;
        text-align: left;
    }
    /*.order-error:after, .order-received:after{
        display: none;
    }*/
    .order-error div.onerror-steps {
        margin-top: 10px;
    }

    .order-error .six-col h4, .have-questions .six-col h4 {
        padding-bottom: 5px;
    }

    .main article.eighteen-col header .headings {
        width: 46%;
    }

    .review-order-details .currency-detail .exrate {
        width: 92%;
        float: right;
    }

    .review-order-details .currency-detail .enter-amount span.eq {
        width: 15%;
        left: 4%;
    }

    .review-order-details .currency-detail .enter-amount span.ealeft, .review-order-details .currency-detail .enter-amount span.earight {
        width: 42%;
    }
    /* confirmation */
    .order-received .message {
        text-align: left;
    }
    /* delete - start */
    .order-received h1 {
        background-position: 0 0;
        padding: 20px 0 30px 80px;
    }
    /* delete - end */

    .order-received h2 {
        background-position: 0 0;
        padding: 20px 0 30px 80px;
    }

    .print-btn, .get-directions-link {
        margin: 0 0;
    }

    .get-directions-link, .print-directions-link.print-gmap {
        margin-top: 20px;
    }

    .when-to-collect {
        width: 50%;
    }

    div.what-to-bring {
        background: 0 none;
    }

    .confirmation-page .contact-information .store-details {
        width: 100%;
        margin-right: 0;
    }

        .confirmation-page .contact-information .store-details article, .confirmation-page .contact-information .directions-to-Bureau {
            float: right;
            width: 48%;
        }

            .confirmation-page .contact-information .store-details article:first-child {
                float: left;
                margin-right: 1%;
            }

    .confirmation-page .contact-information .gmap-holder {
        width: 48%;
        margin-right: 1%;
    }

    #directions-map {
        width: auto;
        margin: 0;
    }

    .facebook-box, .twitter-box {
        text-align: left;
        padding-left: 55px;
        background-position: 5% center;
        font-size: 13px;
    }

        .facebook-box[data-icon-after]:after, .twitter-box[data-icon-after]:after {
            right: 20px;
            top: 14px;
        }

    .summary-drop .currency-detail .enter-amount span.ealeft, .summary-drop .currency-detail .enter-amount span.earight {
        width: 45%;
    }

    .summary-drop .currency-holder .rowline {
        width: 41%;
    }

    .summary-drop .sitewrap .wrapper {
        margin: 0 10px;
    }

    .summary-drop .currency-detail {
        width: 58%;
    }

        .summary-drop .currency-detail .enter-amount span.eq {
            width: 10%;
        }

        .summary-drop .currency-detail .exrate {
            width: 90%;
        }

            .summary-drop .currency-detail .exrate .currate-left {
                padding-right: 5px;
                width: 49%;
            }

    footer ul.icons li:last-child {
        width: 40%;
    }

    .ui-tooltip {
        width: 150px;
        padding: 7px;
    }

    .arrow {
        left: 15%;
    }

    #cardnumber-note {
        width: auto;
    }


    .what-to-bring ul li {
        margin-bottom: 20px;
    }

    .store-notes-details .padded {
        padding: 2%;
    }

    .country-US .funnel-steps, .country-AU .funnel-steps, .country-NZ .funnel-steps {
        clear: both;
        display: block;
        float: none;
        margin: 0;
        width: auto;
    }

    div#footerBottom {
        padding: 10px;
    }

    .payment-info .card-notes {
        float: left;
    }

    .country-NL .funnel-steps {
        clear: both;
        display: block;
        float: none;
        margin: 0;
        width: auto;
    }

    .country-NM .funnel-steps {
        clear: both;
        display: block;
        float: none;
        margin: 0;
        width: auto;
    }

    .country-NM .currency-res .currency-holder.currency-six-column .col {
        font-size: 13px;
    }

    .country-NM .header-container header nav ul {
        padding-left: 0;
    }


    .country-NM .header-container header span.link-text {
        padding: 4px 0px 0 5px;
    }

    .confirmation-page .extra-order-details ~ .confirmation-order-summary {
        width: 100%;
    }

    .payment-info #cardNumber-container {
       /* width: 48%;
        padding: 0 3px 0 5px;*/
    }

    .pac-container {
        width: 63%;
    }

    .signature-holder .digital-signature {
        flex-direction: column;
    }

    .signature-pad {
        margin-top: 20px;
        margin-right: 0;
    }

    .signature-confirm-holder {
        margin: 0 auto
    }
    section.contact-info, section, .eighteen-col header, .store-results li, .delivery-holder, #storePickupCalendar {
        padding: 20px 30px;
    }

    .desginationTitle .form-group, #residential_address-Postcode .form-group .form-control,  #shipping-residential_address-Postcode .form-group .form-control {
        max-width: 400px;
    }
    .express-payment,
    .express-payment-notes {
        padding: 20px 0;
        max-width: 400px;
    }
    .order-paymenttype-notes {
        max-width: 400px;
    }
    .payment-page .express-payment,
    .payment-page .express-payment-notes {
        padding: 20px 30px 0;
    }
    .express-payment-notes {
        margin-top: 10px;
        padding-top: 0;
    }
    .express-payment .payment-types {
        flex-direction: column;
    }
    .express-payment .payment-type {
        width: 100% !important;
        margin-bottom: 5px;
    }
    .express-payment .payment-type label {
        flex-direction: row-reverse;
        justify-content: space-between;
        padding: 8px 15px;
    }
    .express-payment .text {
        flex: 1;
        margin: 0 5px;
        position: relative;
        top: 1px;
    }

    .express-payment .icon.apple_pay {
        width: 32px;
    }
    .express-payment label:hover {
        background-color: transparent;
    }
    .express-payment label:active {
        background-color: #EAECF0;
    }
    .express-payment::after, .express-payment .payment-type.selected::after {
        content: none;
    }
    #applePayDetails > .payment_info {
        padding: 20px 30px 40px;
    }
    .digital-wallet-payment-type .icon img:nth-child(2) {
        margin-left: -2px;
        margin-right: 5px;
    }
}

    .digital-signature .signature-not-confirmed p {
        text-align: center;
    }

@media only screen and (max-width:600px) {
    .confirmation-order-summary .currency-holder:first-of-type .rowline, .confirmation-order-summary .currency-holder:first-of-type .currency-detail  {
		width: 100%;
	}
}

@media only screen and (max-width:425px) {
    .confirmation-order-summary .currency-holder:first-of-type .currency-detail .currate-left span:first-of-type {
        display: block;
    }
}

/** NEW CHECKBOX CSS START HERE **/
input[type="checkbox"].sr-only {
    display: block;
}

.checkbox {
    display: block;
    position: relative;
    padding-left: 45px;
    margin: 0 5px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.newsletter.multiOption .checkbox {
    margin: 15px 5px;
}

    .newsletter.multiOption .checkbox:last-of-type {
        margin-bottom: 0;
    }

.checkbox:focus-visible {
    outline: solid 2px #212644;
    outline-offset: 5px;
}

.checkbox--focus-visible {
    outline: solid 2px #212644;
    outline-offset: 5px;
}

.checkbox__checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: solid 1px #475467;
    box-sizing: border-box;
    border-radius: 4px;
}

.checbkox input:checked ~ .checkbox__checkmark {
    background-color: #2196F3;
}

.checkbox__checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox input:checked ~ .checkbox__checkmark:after {
    display: block;
}

.checkbox input:checked ~ .checkbox__checkmark {
    background-color: var(--blue-theme-color);
    border-color: transparent;
}

.checkbox .checkbox__checkmark:after {
    left: 6px;
    top: 3px;
    width: 4px;
    height: 8px;
    border: solid #FFFFFF;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

section.cust-billing-info label.checkbox {
    margin: 6px 0;
    height: 20px;
    display: flex;
    align-items: center;
    padding-left: 26px;
    font-size: 13px;
}

.payment-on-collection .checkbox,
.review-page .checkbox {
    padding-left: 32px;
    margin: 0;
}

.storerow-native.storerow-selector-name,
.atmrow-native.atmrow-selector-name {
    width: 100%;
    font-family: "Lato Bold",Helvetica,Arial,Verdana,sans-serif;
    font-size: 16px;
    background-color: var(--btn-default-color);
    color: #FFF;
    border: 2px solid var(--btn-default-color);
    border-radius: 4px;
    padding: 12px 50px 12px 10px;
    cursor: pointer;
}
select.storerow-native.storerow-selector-name:hover, .atmrow-native.atmrow-selector-name:hover {
    border-color: var(--primary-btn-hover);
    background-color: var(--primary-btn-hover);
}

select.storerow-native.storerow-selector-name:active, .atmrow-native.atmrow-selector-name:active {
    box-shadow: 0px 0px 0px 5px var(--primary-btn-active);
}


    .storerow-native.storerow-selector-name option,
    .atmrow-native.atmrow-selector-name option {
        background-color: #FFF;
        color: var(--grey-600);
        font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    }
.storerow-native.storerow-selector-name:focus,
    .atmrow-native.atmrow-selector-name:focus {
        outline: none;
    }
 .storerow-native.storerow-selector-name:focus-visible,
.atmrow-native.atmrow-selector-name:focus-visible  {
    outline: 2px solid var(--btn-default-focus);
}
.storerow-native-cloned,
.atmrow-native-cloned {
    overflow: hidden;
    width: 100%;
    position: absolute;
    left: 0;
    top: 45px;
    color: var(--grey-600);
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-size: 15px;
    cursor: pointer;
    z-index: 9;
}

.storerow-native-cloned option,
.atmrow-native-cloned option {
    padding: 0 10px
}

.storerow-native-cloned option:hover,
.atmrow-native-cloned option:hover {
    background-color: #1e90ff;
    color: #FFFFFF;
}

.storerow-selector::after,
.atmrow-selector::after {
    content: "";
    background: url('../img/svg/icons/chevron-down.svg') no-repeat;
    width: 36px;
    height:36px;
    position: absolute;
    top: 4px;
    right: 4px;
    border-radius: 2px;
    color: #FFF;
    background-position: center;
    pointer-events: none;
}

select.storerow-native.storerow-selector-name:hover::after, .atmrow-native.atmrow-selector-name:hover:after {
    background-color: var(--primary-btn-hover);
}
/** NEW CHECKBOX CSS ENDS HERE **/
/* accordian title css start */
.faqs > ul > li > .accordian-title strong {
    color: #475467;
    cursor: pointer;
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    font-weight: normal;
}
/* accordian title css end */

/* basket pag error assertive live start*/
.reload-cash-passport .rcp-error {
    display: block;
}

    .reload-cash-passport .rcp-error:empty {
        height: 0;
        opacity: 0;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

.no-items .reload-cash-passport .card-validated:empty {
    height: 0;
    width: 0;
    overflow: hidden;
    padding: 0;
}

.reload-cash-passport .card-validated {
    display: inline-block;
}

#promoInvalidCloned span {
    margin-right: 5px;
}


/* Dialog CSS Start */
.dialog h2,
.dialog p {
    margin: 0;
    padding: 0;
}

.additional_card button,
.dialog h2,
.additional_card_button button,
.dialog button,
.total_order .currency {
    font-family: "Lato Bold", Helvetica, Arial, Verdana, sans-serif;
}

.dialog label,
.dialog button,
.additional_card_button button,
.dialog .total_order,
.dialog.cardupsell-dialog p {
    font-size: 16px;
}

    .dialog p,
    .dialog .total_order .currency,
    .confirm-photo span {
        font-size: 14px;
    }

.confirm-photo p,
.dialog h2 {
    font-size: 18px;
}

.dialog h2 {
    line-height: 24px;
    text-align: center;
    margin-bottom: 10px;
}
.dialog.cardupsell-dialog h2 {
    margin-bottom: 20px;
}

.dialog p {
    margin-bottom: 20px;
}

.confirm-photo p {
    margin-bottom: 10px;
}

.dialog label {
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px;
}

.dialog .input_group_inline label {
    margin-bottom: 0;
}

.dialog_helper {
    font-size: 12px;
    margin-top: 3px;
}

.dialog {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(29, 41, 58, 0.54);
    z-index: 9999;
    color: #475467;
}

.dialog-wrapper {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 400px;
    background-color: #F2F4F7;
    border-radius: 20px;
    padding: 30px 45px 50px;
    box-sizing: border-box;
    margin-top: 150px;
}

.capturephoto-dialog .dialog-wrapper {
    width: 800px;
    margin: 0;
    border-radius: 0;
    padding: 0;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.dialog input,
.dialog select {
    width: 248px;
    height: 32px;
    border-radius: 4px;
    padding: 4px 6px;
    color: #475467;
    box-sizing: border-box;
    border: solid 1px #98A2B3
}

.dialog .input_group_inline select,
.dialog .input_group_inline input {
    width: 200px;
}

    .dialog .input_group_inline select.customSelect {
        background-image: url("../img/down-arrow.png"), url("../img/line.png");
        background-position: 92%, 80%;
        background-repeat: no-repeat, repeat-y;
    }

.dialog input:hover {
    outline: none;
}

.dialog input:focus {
    border: 2px solid #212644;
    outline: none;
}

.dialog .total_order,
.dialog .additional_card,
.dialog .input_group_inline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.dialog .input_group_inline {
    padding: 10px 0
}

.dialog .additional_card {
    margin-top: 25px;
}

.dialog button {
    display: block;
    border-radius: 4px;
    height: 38px;
    margin: 0;
    padding: 0 15px;
    width: 100%;
    margin-top: 26px;
}
.dialog.cardupsell-dialog button {
    width: 30px;
    height: 30px;
    background-color: transparent;
    margin: 50px auto 20px;
    padding: 0;
}
.dialog.cardupsell-dialog button span {
     font-family: "Lato Regular";
     font-weight: 400;
     font-size: 12px;
     color: #475467;
}

.dialog button.outline {
    background-color: transparent;
    color: #1676C4;
    font-family: "Lato Regular";
    margin-bottom: -25px;
}

.additional_card_button button {
    display: flex;
    width: auto;
    height: 24px;
    padding: 0;
    margin-top: 15px;
    background-color: transparent;
    color: #1676c4;
}

    .additional_card_button button svg {
        margin-right: 5px;
    }

.cards .input_group:first-of-type {
    padding-bottom: 20px;
    border-bottom: solid 1px #D0D5DD;
}

.dialog .additional_card button {
    background-color: transparent;
    color: #475467;
    font-size: 10px;
    margin: 0;
    padding: 0;
    height: auto;
    width: auto;
    margin-top: 10px
}

.dialog .total_order {
    padding: 12px 0;
    border-top: solid 1px #D0D5DD;
    border-bottom: solid 1px #D0D5DD;
    margin-bottom: 7px;
}

    .dialog .total_order .currency {
        padding: 0;
        margin: 0;
        display: block;
    }

.dialog input[type="text"] {
    margin-right: 0;
}
/* Dialog CSS End */

.currency-holder.additional-card-holder .row,
.review-order-details .currency-holder:first-of-type .row {
    padding: 0 0 15px 0;
}

.currency-holder.additional-card-holder {
    padding: 20px 0 5px 0;
}

    .currency-holder.additional-card-holder .botborder,
    .review-order-details .currency-holder:first-of-type .botborder {
        padding-left: 35px;
    }

    .currency-holder.additional-card-holder .row.additional-cards .botborder,
    .review-order-details .row.additional-cards {
        padding-left: 0;
    }

        .review-order-details .row.additional-cards .botborder {
            padding: 0;
        }

            .review-order-details .row.additional-cards .botborder:last-of-type {
                margin-top: 10px;
            }

        .currency-holder.additional-card-holder .row.additional-cards .botborder,
        .review-order-details .row.additional-cards .botborder,
        .additional-cards-edit button {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

.additional-cards-edit {
    display: flex;
    justify-content: flex-end;
}

.review-order-details .row.additional-cards .botborder > div {
    width: 33%;
}

.currency-holder.additional-card-holder .row.additional-cards .botborder {
    box-sizing: border-box;
    height: 32px;
    padding: 0;
}

    .currency-holder.additional-card-holder .row.additional-cards .botborder .rowline,
    .currency-holder.additional-card-holder .row.additional-cards .botborder .currency-detail,
    .review-order-details .currency-detail .enter-amount span.earight {
        width: auto;
        float: none;
    }

    .currency-holder.additional-card-holder .row.additional-cards .botborder:first-of-type {
        margin-bottom: 8px;
    }

    .currency-holder.additional-card-holder .row.additional-cards .botborder .currency-detail span.ealeft,
    .currency-holder.additional-card-holder .row.additional-cards .botborder .currency-detail span.earight {
        width: auto;
        font-size: 16px;
        margin-top: 7px;
    }

.confirmation-page .additional-cards .rowline {
    min-height: unset;
}

.confirmation-page .additional-cards .cash-passport,
.review-order-details .additional-cards .cash-passport {
    line-height: 30px;
    font-size: 16px;
}

.additional-cards-edit button {
    background-color: transparent;
    color: #1676c4;
    padding: 0;
    margin: 0;
}

    .additional-cards-edit button span {
        margin-right: 8px;
    }

        .additional-cards-edit button span:last-of-type {
            border-bottom: 1px solid #1676c4;
            font-size: 14px;
        }

.review-order-details .additional-cards .enter-amount span.earight {
    text-align: center;
}

@media only screen and (max-width:800px) {
    .capturephoto-dialog .dialog-wrapper {
        width: 100%;
        top: unset;
        transform: translateX(-50%);
        height: 100% !important;
    }
}

@media only screen and (max-width: 740px) {
    .identification-record-image img {
        margin-right: 0;
    }

    .identification-record-holder fieldset {
        flex-direction: column;
        align-items: inherit;
    }

        .identification-record-holder fieldset > div:first-of-type {
            max-width: none;
            margin-bottom: 20px;
        }

    .identification-record-success {
        justify-content: center;
        margin-right: 0;
    }
}

/* basket pag error assertive live end */

/* New Tooltip CSS Start */
.tooltip-container [aria-hidden="true"] {
    pointer-events: none;
}

.tooltip-container {
    position: relative;
    display: inline-block;
    float: right;
    margin-left: 5px;
}
.tooltip-container.float-none { 
    float: none;
}

    .tooltip-container [role=tooltip]::before,
    .detached-tooltip-element::before {
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
        border: .5em solid transparent;
        border-bottom-color: #1D2939;
    }

.detached-tooltip-element#currencyTypeTooltip::before {
    left: 9%;
    transform: none;
}

.tooltip-container [role=tooltip]::after,
.detached-tooltip-element::after {
    position: absolute;
    right: -20%;
    bottom: 100%;
    left: -20%;
    display: block;
    height: calc(.5em * 2);
}

.tooltip-container.tooltip-visible [role=tooltip]::before,
.tooltip-container.tooltip-visible [role=tooltip]::after,
.detached-tooltip-element::before,
.detached-tooltip-element::after {
    content: '';
    margin-top: -5px;
}

.tooltip-container.top [role=tooltip]::before,
.tooltip-container.top [role=tooltip]::after,
.detached-tooltip-element.top::before,
.detached-tooltip-element.top::after {
    top: 100%;
    bottom: unset;
    margin-top: 0;
}

.tooltip-container.top [role=tooltip] {
    top: unset;
    bottom: 100%;
}

    .tooltip-container.top [role=tooltip]::before,
    .detached-tooltip-element.top::before {
        border-top-color: #1D2939;
        border-bottom-color: transparent;
    }

.tooltip-container [role=tooltip],
.add-more-currency p.detached-tooltip-element {
    position: absolute;
    top: 100%;
    right: 100%;
    padding: 15px;
    border-radius: 6px;
    color: #FFF;
    background: #1D2939;
    font-size: 14px;
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    font-style: normal;
    width: 256px;
    z-index: 999;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
    margin-top: 9px;
}

.no-items .reload-cash-passport p[role=tooltip] {
    margin-top: 9px;
}

.add-more-currency p.detached-tooltip-element.top {
    top: unset;
    bottom: 100%;
}

.add-more-currency.add-cash-tab .product-type p.detached-tooltip-element.top {
    bottom: 55%;
}

.add-more-currency p.detached-tooltip-element#currencyTypeTooltip {
    left: 0;
    transform: none;
}

.tooltip-container button.close_tooltip,
.detached-tooltip-element button.close_tooltip {
    width: 14px;
    height: 14px;
    margin-left: 5px;
}

.tooltip-container button,
.detached-tooltip-element button {
    background-color: transparent;
    margin: 0;
    padding: 0;
}

.tooltip-container .open_tooltip {
    width: 20px;
    height: 20px;
}

    .tooltip-container .open_tooltip:hover,
    [role=tooltip] .close_tooltip:hover {
        background-color: transparent;
    }

    .tooltip-container .open_tooltip svg {
        fill: var(--blue-theme-color);
        width: 20px;
        height: 20px;
        position: relative;
        bottom: 1px;
    }

.aupost .tooltip-container .open_tooltip svg {
    fill: #707780;
}
    .add-currency .cus.add-buy-back .tooltip-container p {
        font-weight: normal;
    }

.tooltip-container button, [role=tooltip] button {
    background-color: transparent !important;
    cursor: pointer;
}

.tooltip-container.tooltip-left [role=tooltip] {
    left: unset;
    top: 50%;
    transform: translateY(-50%);
    right: 100%;
    margin-top: 0 !important;
    margin-right: 10px !important;
}

    .tooltip-container.tooltip-left [role=tooltip]::before {
        left: 100%;
        bottom: 50%;
        transform: rotate(90deg) translateX(50%);
    }
/* New Tooltip CSS End */
.currency-form-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.reload-cash-passport .currency-form-group {
    margin-bottom: 1em;
}

    .reload-cash-passport .currency-form-group label {
        font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    }

.fulfilment-type-content ul .delivery-msg {
    padding: 0;
}

.fulfilment-type-content ul {
    padding-top: 0;
    /* padding-left: 20px; */
    margin-top: 0;
}

@media only screen and (max-width:640px) {
    .funnel-steps {
        clear: both;
        display: block;
        float: none;
        margin: 0;
        width: auto;
    }

    .country-JP #addressLookupSection #postcode-note, .country-JP #shipping-addressLookupSection #shipping-postcode-note {
        width: 100%;
    }

    nav.funnel-steps li {
        margin-bottom: 0px;
        width: 18%;
    }

    nav li.active {
        width: 40%;
    }

    nav.funnel-steps.step-indicator li,
    nav.step-indicator li.active {
        margin-bottom: 0px;
        width: 33.333%;
    }

    nav li .link-text {
        display: none;
    }

    nav.step-indicator li .link-text {
        display: inline;
    }

    .rowline, .currency-detail {
        width: auto;
        float: none;
    }
    /*.buy-back-guarantee-amount{
        margin: -66px 0 47px 0;
    }*/
    .buy-back-guarantee-amount .enter-amount {
        font-size: 13px;
    }


    .review-order-details .currency-detail {
        padding-top: 10px;
    }

    .currency-holder {
        overflow: visible;
    }

    .main article.eighteen-col header .headings {
        display: none;
    }

    .add-products .currency, .add-products .passport, #addMoreCurrency a.rp-buy-cur.tabNav, #addMoreCurrency a.rp-reload.tabNav {
        display: block;
        position: inherit;
        margin-left: 0;
    }

    .add-more-currency, .reload-cash-passport {
        /*   top: 10px;
        margin-bottom: 30px;*/
    }

    ul.extras li.remove-product {
        /*display: none;*/
    }

    .header-container header span.live-chat {
        display: none;
    }

    .header-container header span.questions {
        width: 135px;
        font-size: 13px;
    }

    .questions strong {
        color: #1676c4;
        letter-spacing: 0.4px;
    }

    .add-currency > span {
        display: block;
    }
    #cash-actions.add-currency span:first-child {
        margin-bottom: 0px;
    }

    nav ul li span.link-text, .order-summary {
        font-size: 12px;
    }

    .order-summary {
        padding-top: 10px;
    }

    .summary-drop header .four-col {
        display: none;
    }

    .summary-drop article {
        /*border-bottom: 1px solid red;*/
        margin-bottom: 10px;
    }

        .summary-drop article .four-col, .summary-drop article .ten-col {
            display: block;
            float: none;
            text-align: left;
            padding-left: 45px;
            margin-bottom: 5px;
            width: auto;
        }

    .summary-drop .four-col.last-col {
        float: none;
    }

    .summary-drop article .ten-col {
        padding-left: 0px;
    }

    .add-more-currency input[type="radio"] + label {
        border-bottom: 1px solid #dcdcdc;
        display: block;
        margin: 0;
        padding: 10px 0;
    }

    .product-type .inputs {
        flex-direction: column;
    }

    fieldset > label {
        border-bottom: 1px solid #dcdcdc;
        display: block;
        margin: 0;
        padding: 10px 0;
    }

    input[type="radio"] + *::before {
        left: 0;
    }

    .buycurrency .product-type .radio label::before {
        bottom: unset;
    }
    .add-more-currency input[type="radio"]+label {
        border-bottom: none;
    }
    .buycurrency .product-type .radio {
        justify-content: flex-start;
        border-bottom: 1px solid #dcdcdc;
        height: 60px;
    }

    input[name="productType"] {
        margin-bottom: -33px;
    }

        input[name="productType"] + *::before {
            margin-left: 0;
        }

    .add-more-currency fieldset + hr {
        display: none;
    }

    figure.fixedratio {
        background-position: center center;
        background-size: cover;
        /*padding-top: 35.93%;*/
        padding-top: 25%;
    }

    .no-items .add-more-currency {
        padding: 0;
        border: 0 none;
        top: 0;
    }

    no-items .add-more-currency:before {
        background: none;
    }

    .no-items .tabs {
        padding: 3%;
    }

    /* new tab styles - starts */

    .no-items .tabnav h2 a {
        font-size: 16px;
        padding: 7px 0;
    }

    .no-items .tabnav .rp-buy-cur span.icon, .no-items .tabnav .rp-buy-cur.active span.icon, .no-items .tabnav .rp-reload span.icon, .no-items .tabnav .rp-reload.active span.icon {
        display: block;
    }

    .no-items .tabnav .rp-buy-cur {
        /*background-image: url("../img/icon-cash-blue.png");
        background-position: 50% 10px;
        background-repeat: no-repeat;
        padding: 40px 5px 5px;*/
    }

        .no-items .tabnav .rp-buy-cur.active {
            /*background-image: url("../img/icon-cash.png");*/
        }

    .no-items .tabnav .rp-reload {
        /* background-image: url("../img/icon-reload-blue.png");
        background-position: 50% 5px;
        background-repeat: no-repeat;
        padding: 40px 5px 5px;*/
    }

        .no-items .tabnav .rp-reload.active {
            /*background-image: url("../img/icon-reload.png");*/
        }

    /* new tab styles - ends */

    /* old tab styles - set 3 - starts */
    /*
    .no-items .tabnav a {
        font-size: 12px;
}

        .no-items .tabnav a.rp-buy-cur span.icon, .no-items .tabnav a.rp-buy-cur.active span.icon, .no-items .tabnav a.rp-reload span.icon, .no-items .tabnav a.rp-reload.active span.icon {
            display: none;
}

        .no-items .tabnav a.rp-buy-cur {
            background-image: url("../img/icon-cash-blue.png");
            background-position: 50% 10px;
            background-repeat: no-repeat;
            padding: 40px 44px 5px;
}

            .no-items .tabnav a.rp-buy-cur.active {
                background-image: url("../img/icon-cash.png");
}

        .no-items .tabnav a.rp-reload {
            background-image: url("../img/icon-reload-blue.png");
            background-position: 50% 5px;
            background-repeat: no-repeat;
            padding: 40px 20px 5px;
}

            .no-items .tabnav a.rp-reload.active {
                background-image: url("../img/icon-reload.png");
}
*/
    /* old tab styles - set 3 - ends */

    #addMoreCurrency .reload-cash-passport:before, #addMoreCurrency .add-more-currency:before {
        left: 10%;
    }

    .no-items .add-more-currency:before, .no-items .reload-cash-passport:before {
        background: none;
    }

    .faqs > ul {
        padding-left: 30px;
    }

    .more-actions a {
        padding: 0 30px 0 30px;
    }

    .bureau-search-form input#searchTerm {
        /*width: 55%;*/
    }

    /*.buying-options {
        padding-top: 0;
    }*/

    /*.buying-options-tab {
            width: auto;
            display: block;
            text-align: left;
            position: relative;
            padding: 0;
            margin-bottom: 10px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -o-box-sizing: border-box;
            box-sizing: border-box;
            background: #1676c4;
            color: #fff;
        }*/

    .buying-options-tab a {
        font-size: 16px;
        /*padding: 15px 40px 16px 10px;
                text-align: left;
                color: #ffffff;*/
    }

    .country-GB .buying-options-tab a {
        font-size: 16px;
        padding: 7px 5px;
    }

    /*.country-GB .buying-options-tab a {
        font-size: 17px;
        padding: 15px 40px 16px 5px;
    }*/

    #delivery, #store {
        background-color: #fff;
        border: 1px solid #1676c4;
        border-top: none;
    }

    .pickup {
        left: 0;
    }

    #homeDelivery[data-icon]:before, #storePickup[data-icon]:before, #airportPickup[data-icon]:before {
        text-align: left;
    }

    .buying-options-tab.active {
        /*background-color: #1676c4;
        color: #fff !important;
        margin-bottom: 0px;*/
    }

    /*.buying-options-tab.button.active:hover, .buying-options-tab.button:hover {
        background-color: #1676c4;
        color: #fff !important;
    }*/

    /*.buying-options-tab em {
        display: inline-block;
        padding-left: 45px;
    }*/

    /*.country-GB .buying-options-tab em {
        display: initial;
        padding-left: 37px;
    }*/

    /*.country-JP .buying-options-tab em {
        display: initial;
        padding-left: 25px;
    }*/

    .buying-options-tab em:before {
        position: absolute;
        top: -8px;
        left: 0;
        font-size: 35px;
    }

    .country-AU .buying-options-tab em:before {
        top: -20px;
    }

    .country-US .buying-options-tab em:before {
        top: -20px;
    }

    .country-GB .buying-options-tab em:before {
        position: absolute;
        top: -8px;
        left: 0;
        font-size: 32px;
    }


    .deliveryslide.buying-options-tab em:before {
        color: #fff;
    }

    .payment-page input, .payment-page select, .payment-page span.customSelect {
        width: 100%;
    }

    /*.buying-options-tab span.vr {
        display: block;
        position: absolute;
        right: 0;
        padding: 19px 15px 13px 15px;
        top: 0;
    }*/

    .cs-holder {
        display: block !important;
        width: auto;
        float: none;
        margin-right: 0;
    }

    .payment-info .card-notes-visible {
        display: block;
        margin: 10px 0 0;
        width: auto;
    }

    .billing-info span button#find-address, .billing-info span button.edit-address {
        margin-top: 10px;
    }

    .billing-info span button#find-address-delivery, .billing-info span button.edit-address-delivery {
        margin-top: 10px;
    }

    .payment-info ul.payment-security, .expiry-date-select {
        width: auto;
        float: none;
    }

        .expiry-date-select .cs-holder {
            width: 50%;
        }

    .id-info .group .cs-holder {
        width: 50%;
        float: left;
    }

    #dobday, #dobyear {
        width: 23%;
        margin-left: 0;
    }

    #dobday {
        margin-left: 0;
    }

    .order-page .upsell-box {
        width: 100%;
        float: none;
    }

        .order-page .upsell-box:first-child {
            margin: 0px auto 10px auto;
        }

    .remove.closeDiv {
        margin-bottom: 10px;
    }

    .delivery-date, .bureau-calendar-select, .when-to-collect, div.what-to-bring {
        float: none;
        width: auto;
    }

    div.what-to-bring {
        padding: 0;
    }

    span.selected-date, span.delivery-rate {
        width: 35%;
        float: left;
        border-bottom: 0 none;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-left: 5px;
    }

    .country-JP span.selected-date, span.delivery-rate {
        border-bottom: 1px solid #e8e8e9;
        /*min-height: 103px;*/
    }

    .delivery-date h4, .when-to-collect h2, div.what-to-bring h2 {
        margin-top: 10px;
    }

    .review-order-details .currency-detail, .summary-drop .currency-detail {
        width: auto;
        float: none;
        font-size: 14px;
    }

    .main article.eighteen-col header.review-tbl-th .headings, .summary-drop .review-tbl-th .headings {
        display: none;
    }

    .review-order-details .currency-detail .enter-amount span.ealeft, .summary-drop .currency-detail .enter-amount span.ealeft {
        text-align: left;
    }

    .review-order-details .currency-detail .enter-amount span.eq, .summary-drop .currency-detail .enter-amount span.eq {
        left: 0%;
    }

    .review-page .four-col {
        width: 47%;
        margin-right: 3%;
    }

    .review-page .sub-total, .review-page .promo {
        float: none;
        text-align: right;
        display: block;
        padding: 20px 0;
        margin: 0;
    }

    .review-page .promo {
        text-align: left;
        border-top: 1px solid #a9a9a9;
    }

    .num3 {
        margin-left: 36%;
    }

    .active span.num3 {
        margin-left: 14%;
    }

    .num2 {
        margin-left: 25%;
    }

    .active span.num2 {
        margin-left: 18%;
    }

    .review-order-details .currency-detail .exrate, .summary-drop .currency-detail .exrate {
        display: block;
        width: 100%;
        float: none;
    }

    .confirmation-page .contact-information .store-details article, .confirmation-page .six-col.gmap-holder, .get-directions, .confirmation-page .contact-information .directions-to-Bureau {
        margin-right: 0;
        float: none;
        width: 100%;
        display: block;
    }

        .confirmation-page .contact-information .store-details article:first-child {
            float: none;
        }

    .collection-date, .collection-location {
        font-size: 15px;
    }

    .get-directions {
        background: 0 none;
        padding: 0;
        height: auto;
    }

    .six-col.gmap-holder button {
        display: none;
    }

    .get-directions-link {
        margin-top: 10px;
    }

    .sub-header button {
        float: none;
        margin-top: 10px;
    }

    .sub-header span {
        float: none;
    }

    #addMoreCurrency .tabnav a.rp-buy-cur, #addMoreCurrency .tabnav a.rp-reload {
        display: block;
    }

    .payment-info .card-notes {
        height: auto;
        width: 100%;
    }

    #securitycode {
        width: 10%;
    }

    .order-page .trans-error {
        text-align: left;
        border: 0 none;
        margin: 0px;
        padding: 0px;
    }

        .order-page .trans-error p {
            position: relative;
            left: 0;
            margin: 0;
            padding: 10px 0px 10px 25px;
        }

    .red.day-message {
        padding-right: 20px;
    }

    .order-page #addMoreCurrency .add-more-currency:before {
        left: 40px;
    }

    .order-page #addMoreCurrency .add-prepaidcardsale-tab:before, .order-page #addMoreCurrency .add-prepaidcardreload-tab:before {
        left: 220px;
    }

    .footer-links .wrapper [data-icon-after]:after {
        content: "y";
    }

    .updated-fade[data-icon]:before {
        display: none;
    }

    .ui-tooltip {
        width: 35%;
    }

    .arrow {
        left: 18%;
    }

    .billing-info div button.edit-address {
        margin-top: 20px;
    }

    .billing-info div button.edit-address-delivery {
        margin-top: 20px;
    }


    #try-again {
        margin-top: 0;
    }


    /* CSS Rules for fulfilment tabs */

    /* old tab styles - starts */
    /*
    .buying-options a.tabnav-1, .buying-options a.tabnav-2, .buying-options a.tabnav-3, .buying-options a.tabnav-4 {
        width: 100% !important;
        left: auto !important;
        right: auto !important;
}
    */
    /* old tab styles - ends */

    /* new tab styles - starts */

    /*.buying-options .tabnav-1, .buying-options .tabnav-2, .buying-options .tabnav-3, .buying-options .tabnav-4 {
        width: 100% !important;
        left: auto !important;
        right: auto !important;
    }*/
    /* new tab styles - ends */

    .country-US .num2, .country-NZ .num2, .country-AU .num2 {
        margin-left: 18%;
    }

    .country-US .active .num3, .country-NZ .active .num3, .country-AU .active .num3 {
        margin-left: 13%;
    }

    .id-info .group .cs-holder span.customSelect {
        width: 92%;
    }

    #idexpmonth, #dobmonth {
        width: 100% !important;
    }

    #expday, #doiday {
        width: 23%;
    }

.payment-page .id-info #idexpyear {
        margin-right: 2%;
    }


    #idexpyear, #doiyear {
        width: 23%;
    }

    .payment-page #ssn1, .payment-page #ssn2, .payment-page #ssn3 {
        width: 21%;
    }

    .id-info label.security-hypn {
        width: 9%;
        margin-left: 2%;
    }

    .payment-page input[type="text"], .payment-page input[type="number"], .payment-page input[type="email"], .payment-page input[type="password"] {
        margin-right: 2%;
    }

    .payment-page section fieldset > div p {
        width: 90%;
    }

    p#addressfinderpostcode-note {
        width: 100%;
    }

    .payment-page input#shipping-postalCode {
        /* margin-bottom: 3%; */
    }

    .contact-info label, .billing-info label, .payment-info label, .id-info label, .cust-billing-info label {
        width: 100%;
    }

    img.store-address.storerow-logo {
        float: none;
        margin: 10px 0 0 28px;
        display: block;
        clear: both;
        width: 60px;
    }

    .info-box-hr ul li span {
        display: block;
    }

    .country-AU .footer-container img, .country-NZ .footer-container img {
        height: 25px;
    }

    .country-AU footer ul.icons li:last-child {
        width: 23%;
    }

    .country-DE .mobile-visible {
        display: block;
        clear: both;
    }

    .country-DE .top-notes.edit-order.desktop-visible {
        display: none;
    }

    .order-paymentItem-container {
        margin: 0 5px 10px 5px;
    }

    .currency-holder .row .botborder {
        position: relative;
    }

    .buy-back-guarantee-amount {
        position: absolute;
        top: 22%;
        right: 2%;
        width: 40%;
    }

    .promo-input button {
        display: inline-block;
        margin: 10px 0 7px 0;
    }

    .country-NL .add-currency .cus a.info-tooltip span {
        left: -165px;
        width: 235px;
        top: 30px;
    }

    .country-NL #addMoreCurrency a.rp-buy-cur.tabNav, .country-NL #addMoreCurrency a.add-cash tabNav, .country-NL #addMoreCurrency a.add-cash.tabNav, .country-NL #addMoreCurrency a.add-prepaidcardsale {
        background-image: none;
        padding: 10px;
    }

    .country-FR #addMoreCurrency a.rp-buy-cur.tabNav, .country-FR #addMoreCurrency a.rp-reload.tabNav, .country-FR #addMoreCurrency a.add-cash.tabNav, .country-FR #addMoreCurrency a.add-prepaidcardsale, .country-FR #addMoreCurrency a.add-prepaidcardreload {
        font-size: 12px;
    }

    .country-FR #addMoreCurrency a.rp-reload.tabNav, .country-FR #addMoreCurrency a.add-prepaidcardsale {
        background-position: 4px 5px;
    }

    .country-FR #addMoreCurrency a.add-cash.tabNav {
        background-position: 4px 6px;
    }

    .country-FR #addMoreCurrency a.add-prepaidcardsale {
        padding-left: 38px;
    }

    .country-FE .add-currency .cus a.info-tooltip span {
        left: -240px;
        top: 30px;
    }

    p#securitycode-note {
        width: 70%;
    }

    .faqs > ul > li[data-icon]:before {
        left: 12px;
    }

    .confirmation-order-summary .sub-total {
        padding: 20px 0;
        margin: 0;
    }

    #suburbLookupSection .billing-info #find-address-delivery, #suburbLookupSection .billing-info #search-again {
        margin-top: 10px;
    }

    #addressLookupSection .billing-info #find-address-delivery, #addressLookupSection .billing-info #search-again {
        margin-top: 10px;
    }

    #shipping-addressLookupSection .billing-info #find-address-delivery, #shipping-addressLookupSection .billing-info #shipping-search-again {
        margin-top: 10px;
    }

    .header-container header nav ul {
        padding-left: 3px;
    }

    /*.payment-info #cardNumber-container {
        overflow: hidden;
        width: 98%;
        margin-right: 4%;
        padding: 0 0 0 5px;
    }*/

    .step-indicator ol {
        padding-bottom: 7px;
        margin-bottom: -7px;
    }

    .tab-icons {
        margin: 5px 0 0;
    }

    .widget-icons {
        margin: 5px 0 0;
    }

    .payment-page .checked, .payment-page .invalid {
        width: 100%;
    }

    .payment-page section.identification-record fieldset > div p {
        width: 100%;
    }

    .order-page .delivery-date .deliveryTime .radio {
        width: 33%;
    }

    .cardupsell-wrapper {
        margin: 30px auto 50px;
    }
    .dialog.cardupsell-dialog .dialog-wrapper {
        height: 90%;
        margin-top: 0;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
    }
    .dialog.cardupsell-dialog p {
        font-size: 14px;
    }
    .dialog.cardupsell-dialog button {
        margin: 10px auto;
        position: relative;
        bottom: 10px;
    }
    .bureau-calendar {
        border-top: none;
    }
    .delivery-date h4 {
        margin-top: 24px;
    }
    div.what-to-bring > .delivery-selection {
        padding: 0;
    }
}


@media only screen and (min-width:481px) and (max-width:500px) {
    .airport-contact p.text {
        font-size: 0.8em;
    }

    #securitycode-note {
        width: 60%;
    }
}


@media only screen and (max-width:480px) {
    .mobile-visible {
        display: block;
        clear: both;
    }

    .desktop-visible, .eighteen-col header span.top-notes.desktop-visible {
        display: none;
    }

    .logo {
        /* background: url("../img/travelex-logo-mobile.jpg") no-repeat scroll 0 0 transparent; */
        height: 37px;
        width: 130px;
    }

    .ennl .logo,
    .nl .logo {
        width: 196px;
        height: 57px;
    }

    .title {
        width: auto;
    }

    .currency-detail .vr {
        padding: 14px 2px 0 9px;
    }

    .rates {
        padding: 10px 5px;
        font-size: 13px;
    }

    .currency-detail ul li {
        padding: 10px 10px 0 0;
    }

        .currency-detail ul li button.red-button {
            padding: 10px;
        }

    .funnel-steps ul li {
        display: none;
    }

        .funnel-steps ul li.active {
            display: block;
            padding-left: 0;
        }

    li.remove-product {
        margin-bottom: 5px;
    }

    .red-button.back {
        display: block;
    }

    .row {
        padding-left: 15px;
    }

    .footer-bar .four-col {
        float: none;
    }

    .add-more-currency, .reload-cash-passport {
        padding: 1% 4%;
    }

        .add-more-currency button.closeDiv, .reload-cash-passport button.closeDiv {
            bottom: 22px;
            top: auto;
            z-index: 1;
        }

    #basket .buycurrency .addCash.next, #basket .buycurrency .add-rcp.next {
        width: auto;
        padding: 12px 20px;
        margin-left: 0;
        margin-bottom: 12px;
        padding-right: 8px;
    }

    /* store locator */
    ul.store-results-container .more-info div.info-box {
        width: auto;
        margin: 10px 0 0 0;
        float: none;
        height: auto;
    }

    .bureau-find-form h4.location {
        font-size: 0.8em;
    }

    ul.store-results-container .more-info {
        padding-top: 0;
    }

    .more-actions a {
        margin-top: 0;
        display: block;
        width: 48%;
        float: left;
        text-align: left;
        padding: 0 0 0 10px;
    }

        .more-actions a:last-child {
            float: right;
            text-transform: capitalize;
        }

    .more-actions {
        margin-top: 10px;
    }

    ul.store-results-container li.selected-bureau {
        margin-bottom: 10px;
    }

    .bureau-search-form input#searchTerm {
        display: block;
        margin-bottom: 5px;
        width: 96%;
    }

    .bureau-find-form h4 {
        float: none;
    }

    .more-actions a {
        float: none;
        width: auto;
    }

        .more-actions a:last-child {
            margin-top: 10px;
            float: none;
        }

    #securitycode {
        width: 100%;
    }

    .payment-info span img.cvv-icon {
        float: left;
        margin-top: 6px;
    }

    #securitycode-note {
        float: left;
        margin-top: 6px;
        width: 75%;
    }

    span.selected-date, span.delivery-rate {
        width: auto;
        float: none;
    }

    .review-page section {
        padding: 10px;
    }

    .review-page .row, .summary-drop .row {
        padding-left: 0px;
    }

    .review-page .four-col, .review-page .five-col, .your-details .four-col, .confirmation-page .your-details .four-col, .confirmation-page .your-details .six-col, .your-details .five-col {
        width: auto;
        margin: 0% 0 20px 0;
        float: none;
        clear: both;
        display: block;
    }

    .num2 {
        margin-left: 35%;
    }

    .active span.num2 {
        margin-left: 15%;
    }

    .facebook-box, .twitter-box {
        width: 100%;
        float: none;
    }

    .facebook-box {
        margin-bottom: 10px;
    }

    .promo-input p, .promo-input button {
        clear: both;
    }

    .promo-input input {
        float: none;
        margin: 0 0 7px 0;
    }

    .summary-drop .currency-holder .rowline {
        width: auto;
    }

    .summary-drop .currency-holder .cash + .row, .summary-drop .currency-holder .cash-passport + .row, .summary-drop .currency-holder .cash-passport-reload + .row, .summary-drop .currency-holder .home-delivery-free + .row, .summary-drop .currency-holder .alternate-delivery-free + .row {
        padding-top: 30px;
    }

    .summary-drop .currency-holder .cash-passport-reload + .row {
        padding-top: 0;
    }

    .red-button {
        float: none;
        font-size: 15px;
        padding: 15px 5px;
    }

    .red.day-message {
        width: auto;
        position: static;
    }

    .country-FR #addMoreCurrency a.rp-buy-cur.tabNav, .country-FR #addMoreCurrency a.rp-reload.tabNav, .country-FR #addMoreCurrency a.add-cash.tabNav, .country-FR #addMoreCurrency a.add-prepaidcardsale, .country-FR #addMoreCurrency a.add-prepaidcardreload {
        margin-right: 3px;
    }

    .country-DG #addMoreCurrency a.add-cash.tabNav {
        background-image: url('../img/icon-cash.png');
        padding: 10px 15px 17px 48px
    }

    .country-DG #addMoreCurrency a.add-prepaidcardsale.tabNav {
        background-image: url('../img/icon-cash-passport.png');
        padding: 10px 15px 17px 48px
    }

    .country-DG #addMoreCurrency a.add-prepaidcardreload {
        background-image: url('../img/icon-reload.png');
        padding: 10px 15px 17px 38px
    }

    .country-DE #addMoreCurrency a.add-prepaidcardsale {
        background-image: url('../img/icon-cash-passport.png');
        padding: 12px 15px 13px 46px;
    }

    #addMoreCurrency a.add-prepaidcardsale.tabNav {
        /*margin-left:90px;*/
    }

    .country-DG #addMoreCurrency a.add-prepaidcardsale.tabNav, .country-DE #addMoreCurrency a.rp-reload.tabNav, .country-DE #addMoreCurrency a.add-prepaidcardsale {
        margin-left: 0;
    }

    .order-page #addMoreCurrency .add-more-currency:before {
        left: 2%;
    }

    .order-page #addMoreCurrency .add-prepaidcardsale-tab:before, .order-page #addMoreCurrency .add-prepaidcardreload-tab:before {
        left: 120px;
    }

    .add-currency .cus a.info-tooltip {
        width: 20px;
    }

        .add-currency .cus a.info-tooltip span {
            left: -165px;
            width: 280px;
            top: 30px;
        }

    .not-available-currency-tooltip {
        top: 35%;
        padding: 20px;
    }

        .not-available-currency-tooltip button.closeDiv_widget {
            display: block;
            top: -27%;
        }

    .tabs .not-available-currency-tooltip {
        top: 20%;
    }

    .ui-tooltip {
        width: 150px;
    }

    .arrow {
        left: 10%;
    }

    .exrate .strike {
        padding-right: 0;
    }

    ul.store-results-container .storerow-selector .customSelectInner {
        width: 80% !important;
    }

    #try-again {
        float: none;
    }

    .poc {
        margin-bottom: 10px;
    }

    nav.main-nav {
        margin-top: 5px;
    }

    .facebook-box, .twitter-box {
        font-size: 14px;
        padding-left: 60px;
    }

    /* CSS Rules for fulfilment tabs */

    /* old tab styles - starts */
    /*

    .buying-options a.tabnav-1, .buying-options a.tabnav-2, .buying-options a.tabnav-3, .buying-options a.tabnav-4 {
        width: 100% !important;
        left: auto !important;
        right: auto !important;
    }
        */
    /* old tab styles - ends */

    /* new tab styles - starts */
    /*.buying-options .tabnav-1, .buying-options .tabnav-2, .buying-options .tabnav-3, .buying-options .tabnav-4 {
        width: 100% !important;
        left: auto !important;
        right: auto !important;
    }*/

    /* new tab styles - ends */


    .store-notes-details .padded {
        padding: 4%;
    }

    .country-US .active .num3, .country-AU .active .num3, .country-NZ .active .num3 {
        display: none;
    }

        .country-US .active .num3 ~ .link-text, .country-AU .active .num3 ~ .link-text, .country-NZ .active .num3 ~ .link-text {
            margin-left: 14%;
            padding: 3px 0 2px 5px;
        }

    .country-US .num2, .country-NZ .num2, .country-AU .num2 {
        margin-left: 39%;
    }

    .country-US .num3, .country-AU .num3, .country-NZ .num3 {
        margin: 0 0 0 36%;
    }

    nav.funnel-steps li {
        margin-bottom: 0;
        width: 18% !important;
    }

    nav li.active {
        width: 45% !important;
    }

    nav.step-indicator li.active,
    nav.funnel-steps.step-indicator li {
        width: 33.333% !important;
    }

    .order-paymenttype-container {
        padding: 0;
    }

    .order-paymentItem-container {
        margin: 0 10px 10px 0;
    }

    .buy-back-guarantee-amount {
        width: 50%;
    }

    .country-FR #addMoreCurrency a.rp-buy-cur.tabNav, .country-FR #addMoreCurrency a.rp-reload.tabNav, .country-FR #addMoreCurrency a.add-cash.tabNav, .country-FR #addMoreCurrency a.add-prepaidcardsale, .country-FR #addMoreCurrency a.add-prepaidcardreload {
        font-size: 10px;
    }

    .country-US #addMoreCurrency a.add-prepaidcardsale.tabNav {
        margin-left: auto;
    }

    .currency-product .currency-holder .rowline.promo-text {
        width: 70%;
    }

    .summary-drop .mileage-points-add {
        padding-left: 9px;
    }

    .bureau-search-form input#searchTerm {
        margin-bottom: 0;
        margin-top: 5px;
    }

    .pac-container {
        width: 90%;
    }

    .bureau-search-form button {
        margin-top: 10px;
        margin-inline: auto;
        display: block;
    }

    .dialog-wrapper {
        width: 85%;
        padding: 30px;
    }

    .dialog input {
        width: 100%;
    }

    .dialog .input_group:last-of-type input {
        width: calc(100% - 20px);
    }

    .dialog .input_group_inline {
        flex-direction: column;
        align-items: flex-start;
    }

        .dialog .input_group_inline input,
        .dialog .input_group_inline select {
            width: 100% !important;
        }

    .identification-record-holder section {
        padding: 20px;
    }

    .capturephoto-dialog .dialog_footer,
    .confirm-photo {
        width: 90%;
        box-sizing: border-box;
    }
    .order-page .delivery-date .deliveryTime .radio {
        width: 50%;
    }
    .desginationTitle .form-group,
    .form-group, #residential_address-Postcode .form-group .form-control,  #shipping-residential_address-Postcode .form-group .form-control{
        max-width: none;
    }

    .bureau-find-form {
        flex-direction: column;
    }

    .findMyLocation-box {
        text-align: center;
        margin-top: 5px;
    }
    .apple_pay_btn img {
        width: 100%;
        max-width: none;
    }
    #payment-section .payment-success,
    #payment-section .payment-error {
        width: 100%;
    }
}

    .confirm-photo {
        padding: 20px;
    }

@media only screen and (max-width:440px) {
    section.contact-info, section.contact-info, section, .eighteen-col header, .store-results li, .delivery-holder, #storePickupCalendar {
        padding: 10px;
    }
    .payment-page .express-payment,
    .express-payment-notes,
    #applePayDetails > .payment_info,
    .payment-page .express-payment-notes {
        padding: 10px;
    }
    #applePayDetails > .payment_info {
        padding-bottom: 40px;
    }
    .express-payment-notes {
        margin-top: 0;
        padding-top: 0;
    }
    .less-info-location input[type="radio"]:checked + span.styled-radio:before {
        left: 23px;
    }
}

@media (min-width:481px) and (max-width:900px) {
    .bureau-find-form {
        flex-direction: column;
    }
}

@media only screen and (max-width: 420px) {

    .country-US #addMoreCurrency a.rp-buy-cur.tabNav, .country-US #addMoreCurrency a.rp-reload.tabNav, .country-US #addMoreCurrency a.add-cash.tabNav, .country-US #addMoreCurrency a.add-prepaidcardsale.tabNav, .country-US #addMoreCurrency a.add-prepaidcardreload {
        background-image: none;
        padding: 10px 4px 10px 4px;
        text-align: center;
        font-size: 12px;
    }

    .confirmation-page #LoyaltySchemeApplied {
        clear: both;
        display: block;
    }

    .pac-container {
        width: 89%;
    }

    .currency-holder.additional-card-holder .row.additional-cards .botborder {
        flex-direction: column;
        height: auto;
        align-items: normal;
    }

    .review-order-details .additional-cards .enter-amount span.earight {
        text-align: right
    }
}


@media only screen and (max-width: 385px) {
    .country-US .header-container header span, .country-AU .header-container header span, .country-NZ .header-container header span {
        font-size: 11px;
    }

    .country-US .active .num3 ~ .link-text, .country-AU .active .num3 ~ .link-text, .country-NZ .active .num3 ~ .link-text {
        margin-left: 9%;
    }

    .active span.num {
        background-image: none;
        width: 0;
    }

    .buying-options-tab {
        font-size: 15px;
    }

    .promo-input input, .promo-input .promo-code-manditory-input {
        width: 90%;
        margin: 0 0 7px 0;
    }

    .country-NL #addMoreCurrency a.rp-buy-cur.tabNav, .country-NL #addMoreCurrency a.add-cash tabNav, .country-NL #addMoreCurrency a.add-cash.tabNav, .country-NL #addMoreCurrency a.add-prepaidcardsale {
        padding: 10px 5px;
        font-size: 12px;
    }

    .country-NL .add-currency .cus a.info-tooltip span {
        left: -210px;
    }

    .country-US #addMoreCurrency a.add-cash.tabNav, .country-US #addMoreCurrency a.add-prepaidcardsale.tabNav {
        width: 42%;
    }
}

@media only screen and (max-width: 380px) {
    .country-FR #addMoreCurrency a.add-cash.tabNav, .country-FR #addMoreCurrency a.add-prepaidcardsale.tabNav, .country-FR #addMoreCurrency a.add-prepaidcardreload {
        background-image: none;
        padding: 10px;
    }

    a.info-tooltip span {
        right: 25px;
    }

    .info-tooltip button.closeDiv_widget {
        top: -16%;
    }

    .payment-info #cardNumber-container {
        width: 97%;
    }
}

@media only screen and (max-width: 370px) {
    .identification-button {
        padding: 0 10px;
        font-size: 14px;
        margin-right: 0;
    }
}

@media only screen and (max-width: 340px) {

    .country-NL #addMoreCurrency a.rp-buy-cur.tabNav, .country-NL #addMoreCurrency a.add-cash tabNav, .country-NL #addMoreCurrency a.add-cash.tabNav, .country-NL #addMoreCurrency a.add-prepaidcardsale {
        font-size: 11px;
    }

    .country-US #addMoreCurrency a.rp-buy-cur.tabNav, .country-US #addMoreCurrency a.rp-reload.tabNav, .country-US #addMoreCurrency a.add-cash.tabNav, .country-US #addMoreCurrency a.add-prepaidcardsale.tabNav, .country-US #addMoreCurrency a.add-prepaidcardreload {
        font-size: 11px;
    }

    .buycurrency div.top:not(div.tooltip-container.top),
    .buycurrency .amount-text {
        font-size: 14px;
    }
}

@media only screen and (max-width:360px) {
    .extraforeigncurrency, .extraforeigncurrency .currate-left, .extraforeigncurrency .currate-right {
        font-size: 11px;
    }

    body.nl .payment-page #submitBtn.red-button {
        letter-spacing: 1.1px;
    }
}

@media only screen and (max-width:320px) {

    .currency-detail ul li {
        font-size: 14px;
        padding: 10px 10px 0;
    }

    .red-button.addCash.next {
        /*min-width: 100%;*/
    }

    .bureau-search-form input#searchTerm {
        display: block;
        margin-bottom: 5px;
        width: 96%;
    }

    .country-DG #addMoreCurrency a.add-cash.tabNav {
        background-image: url('../img/icon-cash.png');
        padding: 10px 4px 10px 46px;
    }

    .country-DG #addMoreCurrency a.add-prepaidcardsale.tabNav {
        background-image: url('../img/icon-cash-passport.png');
        padding: 10px 4px 10px 46px;
    }

    .country-DG #addMoreCurrency a.add-prepaidcardreload {
        background-image: url('../img/icon-reload.png');
        padding: 10px 4px 10px 38px;
    }

    .country-DE #addMoreCurrency a.add-cash.tabNav {
        background-image: url('../img/icon-cash.png');
        padding: 10px 4px 10px 45px;
        margin-right: 1px;
    }

    .country-DE #addMoreCurrency a.add-prepaidcardsale.tabNav {
        background-image: url('../img/icon-cash-passport.png');
        padding: 10px 4px 10px 46px;
    }

    .country-DE #addMoreCurrency a.add-prepaidcardreload {
        background-image: url('../img/icon-reload.png');
        padding: 10px 4px 10px 38px;
    }

    .country-DE #addMoreCurrency a.add-prepaidcardsale {
        background-image: url('../img/icon-cash-passport.png');
        padding: 10px 4px 10px 46px;
    }

    .add-more-currency button.closeDiv, .reload-cash-passport button.closeDiv {
        top: 8px;
        right: 10px;
        bottom: auto;
    }

    /* CSS Rules for fulfilment tabs */

    /* old tab styles - starts */
    /*
    .buying-options a.tabnav-1, .buying-options a.tabnav-2, .buying-options a.tabnav-3, .buying-options a.tabnav-4 {
        width: 100% !important;
        left: auto !important;
        right: auto !important;
        }
    */
    /* old tab styles - ends */


    /* new tab styles - starts */
    /*.buying-options .tabnav-1, .buying-options .tabnav-2, .buying-options .tabnav-3, .buying-options .tabnav-4 {
        width: 100% !important;
        left: auto !important;
        right: auto !important;
    }*/


    /* new tab styles - ends */


    nav.funnel-steps ul li.active {
        padding: 9px 0 8px 0;
    }

    .country-NM nav.funnel-steps ul li.active {
        padding: 9px 0 11px 0;
    }

    li.active span.num {
        display: none;
    }

    nav.funnel-steps li.active .link-text {
        padding: 3px 0 0 25px;
    }

    nav.funnel-steps.step-indicator li.active .link-text {
        padding: 0 0 0 0;
    }

    nav ul li span.link-text, .order-summary {
        font-size: 12px;
    }

    .active span.num {
        margin-left: 7%;
    }

    span.num1 {
        margin-left: 14%;
    }

    span.num2, span.num3 {
        margin-left: 40%;
    }

    .country-US .active .num3 ~ .link-text, .country-AU .active .num3 ~ .link-text, .country-NZ .active .num3 ~ .link-text {
        margin-left: 15%;
        text-align: left;
    }

    .country-US nav.funnel-steps ul li.active:last-child, .country-AU nav.funnel-steps ul li.active:last-child, .country-NZ nav.funnel-steps ul li.active:last-child {
        padding: 9px 0 8px 0;
    }

    .country-US .num3, .country-AU .num3, .country-NZ .num3 {
        margin: 0 0 0 47%;
    }

    .country-US nav.funnel-steps li:last-child, .country-AU nav.funnel-steps li:last-child, .country-NZ nav.funnel-steps li:last-child {
        /*    padding: 1px 0 0 0; */
    }

    .active span.num {
        background-image: none;
        width: 0;
    }

    /*.buying-options-tab a {
        font-size: 13px;
    }*/

    .country-NL #addMoreCurrency a.add-cash.tabNav, .country-NL #addMoreCurrency a.add-prepaidcardsale.tabNav, .country-NL #addMoreCurrency a.add-prepaidcardreload {
        font-size: 11px;
        padding: 10px 5px;
    }

    .country-FR #addMoreCurrency a.rp-buy-cur.tabNav, .country-FR #addMoreCurrency a.rp-reload.tabNav, .country-FR #addMoreCurrency a.add-cash.tabNav, .country-FR #addMoreCurrency a.add-prepaidcardsale, .country-FR #addMoreCurrency a.add-prepaidcardreload {
        font-size: 10px;
    }

    a.info-tooltip button.closeDiv_widget {
        top: -18%;
    }

    .not-available-currency-tooltip button.closeDiv_widget {
        top: 0%;
    }

    a.info-tooltip span {
        padding: 15px;
    }

    .payment-page .edit-order {
        font-size: 10px;
    }

    .payment-page .edit-order[data-icon]:before {
        margin-right: 3px;
    }
    .pac-container {
        width: 86%;
    }
}
/* media queries ends */
/* Exchange Rate Widget Css start */

.currency-res .currency-holder.currency-three-column .col {
    width: 30%;
}

    .currency-res .currency-holder.currency-three-column .col:last-of-type {
        width: 30%;
        text-align: center;
    }

.currency-res .currency-holder.currency-five-column .col {
    width: 20%;
}

    .currency-res .currency-holder.currency-five-column .col:last-of-type {
        width: 10%;
        text-align: right;
    }

.currency-res .currency-holder.currency-five-column .title .col {
    text-align: left;
}

.currency-res .currency-holder.currency-six-column .col {
    width: 17%;
}

    .currency-res .currency-holder.currency-six-column .col:last-of-type {
        width: 10%;
        text-align: right;
    }

.currency-res .currency-holder.currency-six-column .title .col {
    text-align: left;
}

@media only screen and (max-width:767px) {
    .payment-page section fieldset > div.row p {
        width: 100%;
    }

    .flex-order-2 {
        padding-top: 5px;
    }

    span.selected-date, span.delivery-rate {
        width: auto;
        float: none;
    }

    p.storerow-title {
        display: inherit;
        padding-left: 30px;
        margin-top: -20px;
    }
    /* store locator */
    ul.store-results-container div.more-info div.info-box {
        width: auto;
        margin: 10px 0 0 0;
        float: none;
        height: auto;
        min-height: auto;
    }

    div.more-info .special-hours.info-box, div.more-info .special-closures.info-box {
        margin: 10px 0 0 0 !important;
    }

    .sticky-fix {
        position: sticky;
        z-index: 2;
        top: 32px;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    }
    .payment-page label[for=confirmemail].invalid, .payment-page label[for=email].invalid, .payment-page label[for=confirmid].invalid, .payment-page label[for=addphonenumber].invalid, .payment-page label[for=cardnumber].invalid, .payment-page label[for=title].invalid, .payment-page label[for=expdate].invalid, .payment-page label[for=securitycode].invalid, .payment-page label[for=cardtype].invalid, .payment-page label[for=secretanswer].invalid, .payment-page label[for=expirydate].invalid .payment-page label[for=secretanswer].invalid,
    .payment-page label[for=postalCode].invalid,
    .payment-page label[for=shipping-stateCode].invalid {
        clear: both;
    }
    .payment-box{
        padding: 18px 12px;
    }
    .logo-cards-payment > img:first-child {
        margin-right: 0px;
    }

    /*New Heading Typography Starts*/
    .heading-h1-lg {
        font-size: 22px;
        color: #475467;
        font-weight: normal;
    }
    .heading-h2-lg {
        font-size: 20px;
        color: #475467;
        font-weight: bold;
    }
    /*New Heading Typography Ends*/
}

@media only screen and (max-width:768px) {
    .currency-res .currency-holder.currency-six-column .col {
        font-size: 13px;
    }

    .no-items .tabnav .tabnav-2, .country-AU .no-items .tabnav .tabnav-2, .country-US .no-items .tabnav .tabnav-2 {
        /*min-height: 60px;*/
    }
}

@media only screen and (min-width:769px) and (max-width:846px) {
    .no-items .tabnav .tabnav-2, .country-AU .no-items .tabnav .tabnav-2, .country-US .no-items .tabnav .tabnav-2 {
        /*min-height: 58px;*/
    }
}

@media only screen and (min-width:421px) and (max-width:535px) {
    .no-items .tabnav .tabnav-2, .country-AU .no-items .tabnav .tabnav-2, .country-US .no-items .tabnav .tabnav-2 {
        /*min-height: 93px;*/
    }
}

@media only screen and (max-width:420px) {
    .currency-res .currency-holder.currency-five-column .col {
        font-size: 13px;
    }

    .currency-res .currency-holder.currency-six-column .row {
        padding: 12px 7px;
    }

    .currency-res .currency-holder.currency-six-column .col {
        font-size: 11px;
    }

    .no-items .tabnav .tabnav-2, .country-AU .no-items .tabnav .tabnav-2, .country-US .no-items .tabnav .tabnav-2 {
        /*min-height: 93px;*/
    }

    .info-tooltip button.closeDiv_widget {
        top: -16%;
    }

    .not-available-currency-tooltip button.closeDiv_widget {
        top: -22%;
    }

    .signature-pad.confirm::after {
        left: calc(100% + 5px);
    }
}

@media only screen and (max-width:360px) {
    .signature-pad.confirm::after {
        left: 100%;
        height: 25px;
        width: 25px;
        background-size: cover;
    }
}

/* Exchange Rate Widget Css ends */


/*Timeout popup*/

.timeOut-overlay {
    position: fixed; /*added for issue 22816*/
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    z-index: 100;
    height: 100%;
    padding: 10% 0 0 0;
}

.timeOut-wrapper {
    width: 300px;
    background: #fff;
    border: 1px solid #dcdcdc;
    margin: auto auto;
}

    .timeOut-wrapper section {
        padding: 0;
        text-align: center;
    }

        .timeOut-wrapper section .timOut-content {
            padding: 0 20px 0 20px;
            border-bottom: 1px solid #dcdcdc;
            margin: 0 0 20px 0;
            text-align: left;
        }

header.timeOut-title {
    padding: 8px 20px;
    background: #004fa3;
    color: #fff;
    border-radius: 2px 2px 0 0;
    font-size: .9em;
    text-align: center;
}

    header.timeOut-title span {
        float: right;
        cursor: pointer;
    }

article.timeOut-wrapper .blue-btn {
    display: inline-block;
    margin: 0 20px 20px 20px;
}

.timeOut-time {
    text-align: center;
    font-weight: bold;
}

.closeIcon {
    background: inherit;
    color: #fff;
    padding: 0;
    margin: 0;
    float: right;
}

/* confirmation page what-to-bring icon start */
.confirmation-page .order-collection .what-to-bring .tmc-order:before {
    content: " ";
    background: url(../img/Email/address.gif) no-repeat;
    width: 15px;
    height: 15px;
    margin: 0;
    display: inline-block;
    background-size: contain;
}
/* confirmation page what-to-bring icon start */
/* basket fullfillment page delivery titlt start*/

@media(min-width: 640px) {
    .bureau-calendar .delivery-noselection-mobile {
        display: none;
    }
}

@media(max-width: 640px) {
    .bureau-calendar .delivery-noselection-mobile {
        display: block;
        margin-bottom: 10px;
    }

        .bureau-calendar .delivery-noselection-mobile h4, .bureau-calendar .delivery-noselection-mobile h2 {
            margin: 0 0 0 0;
        }

    .delivery-noselection-mobile span {
        padding: 20px 0 20px 0px;
        display: block;
    }

    .delivery-date .mobile-hide {
        display: none !important;
    }
    .dialog.cardupsell-dialog .dialog-wrapper {
        width: 85%;
        transform: translateX(-50%) translateY(-50%);
        top: 50%;
        margin-top: 0;
    }
}
/* basket fullfillment page delivery titlt end*/
@media (min-width: 641px) and (max-width: 768px) {
    .deliveryslide.active a {
        padding-bottom: 7px;
    }

    .tab-icons {
        margin: 0;
    }

    .no-items .tabnav .rp-buy-cur span.icon, .no-items .tabnav .rp-buy-cur.active span.icon, .no-items .tabnav .rp-reload span.icon, .no-items .tabnav .rp-reload.active span.icon {
        display: block;
    }

    .no-items .tabnav h2 a {
        font-size: 14px;
        padding: 7px 0;
    }
    .when-to-collect {
        width: 48%;
        margin-right: 1%;
    }

    div.what-to-bring {
        width: 48%;
    }
}


/*Timeout popup*/


/* google captcha LEFT SIDE START */
/* Move reCAPTCHA v3 badge to the left */

.grecaptcha-badge {
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    left: 2px !important;
    z-index: 999;
    visibility: visible !important;
}

    .grecaptcha-badge:hover {
        width: 256px !important;
    }

.googleCaptchaHide .grecaptcha-badge {
    display: none !important;
}
/* google captcha LEFT SIDE END */

@media only screen and (max-width:700px) and (min-width:481px) {
    .facebook-box {
        margin-right: 0;
    }

    .twitter-box {
        margin-left: 0;
    }
}


@media only screen and (max-width:412px) {
    .deliveryTime > label {
        width: 40%;
    }
}

@media (min-width: 413px) and (max-width:480px) {
    .deliveryTime > label {
        width: 42%;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .country-JP .selected-date, .country-JP .deliveryTime {
        width: auto;
    }
}

@media (min-width: 481px) and (max-width: 640px) {
    .deliveryTime > label {
        width: 27%;
    }
}

@media (min-width: 641px) and (max-width: 835px) {
    .deliveryTime > label {
        width: 38%;
    }
}

@media (min-width: 836px) and (max-width: 964px) {
    .deliveryTime > label {
        width: 40%;
    }
}

@media (min-width: 965px) and (max-width: 1000px) {
    .deliveryTime > label {
        width: 35%;
    }
}

.payment-info #securityCode-container {
    /*width: 340px;*/
    width: auto;
    height: 41px;
    /*background-color: #ffffff;
    border: 1px solid #dcdcdc;*/
    border-radius: 4px;
    /*border-radius: 2px;
    margin-right: 1%;
    display: inline-block;
    float: left;*/
    box-sizing: border-box;
}

#securityCode-container.flex-microform-focused {
    /*outline: none !important;
    border: 1px solid #475467 !important;
    border-radius: 2px;*/
}

/*#securityCode-container.flex-microform-valid {
}*/


#securityCode-container.flex-microform-valid.flex-microform-focused {
    /*border: 1px solid #475467 !important;
    outline: 1px solid #475467 !important;*/
}


#securityCode-container iframe {
    width: calc(100% - 10px) !important;
    left: 5px;
}

/* basket page svg color changes */
.atm-logo .img-full, .store-logo .img-full, .atm-logo-detail .img-full, .store-logo-detail .img-full {
    filter: invert(28%) sepia(54%) saturate(216%) hue-rotate(176deg) brightness(98%) contrast(91%);
}

.order-error div {
    color: #475467 !important;
}

/* ONP-6102 basket toast message start */
.toastMessage:empty {
    padding: 0;
}

.toastMessage {
    background-color: #1D2939;
    padding: 10px 45px;
    border-radius: 6px;
    color: white;
    max-width: 600px;
    min-width: 280px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: -400px;
    box-sizing: border-box;
    transition: all 500ms ease-in;
    box-sizing: border-box;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
}

    .toastMessage.active {
        top: -45px;
        position: absolute;
        transition: all 500ms ease-in;
        visibility: visible;
    }

    .toastMessage.sticky-fix {
        top: 40px;
        position: fixed;
    }

    .toastMessage .toastMessageContent {
        font-size: 14px;
    }

    .toastMessage .toastclose {
        border-radius: 50%;
        width: 24px;
        height: 24px;
        box-sizing: border-box;
        padding: 7px;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
    }

        .toastMessage .toastclose:focus {
            background-color: #475467;
        }

        .toastMessage .toastclose:hover {
            background-color: #101828;
        }

    .toastMessage .toastinfo {
        width: 20px;
        height: 20px;
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
    }

.main-container.order-page {
    position: relative;
}

@media only screen and (max-width:640px) {
    .toastMessage {
        width: calc(100% - 20px);
        position: fixed;
    }

        .toastMessage.active {
            top: 8px;
            position: fixed;
        }
}
/* ONP-6102 basket tooltip message end */

/* empty bakset error solving css start*/
.v-center {
    text-align: center;
}
/* empty bakset error solving css end*/
@media (min-width:768px) and (max-width: 1199px){
    billing-info label, .payment-info label, .cust-billing-info label {
        /*width: 18%;*/
    }
}


/* onp-6413 tab control start*/
.no-items .tabnav .rp-reload span.icon > img, .no-items .tabnav .rp-buy-cur span.icon > img, .buying-options-tab a .tab-icons {
    filter: invert(28%) sepia(37%) saturate(320%) hue-rotate(176deg) brightness(99%) contrast(88%);
}

.no-items .tabnav h2.active a, .country-GB .button.buying-options-tab.active em b {
    font-weight: normal;
}

.no-items .tabnav h2 a, .buying-options-tab a {
    color: #475467;
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    font-weight: normal;
}

.country-GB .button.buying-options-tab em b {
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    font-weight: normal;
}

.no-items .tabnav .rp-reload.active span.icon > img, .no-items .tabnav .rp-buy-cur.active span.icon > img {
    filter: invert(50%) sepia(199%) saturate(3236%) hue-rotate(195deg) brightness(72%) contrast(88%);
}

.deliveryslide.active a {
    font-weight: normal;
}
/* onp-6413 tab control end*/

/* toast message hide on top */
.order-page .warning[data-name="UI3_Messages:OrderRoundToMinDenomination"], .order-page .warning[data-name="UI3_Messages:OrderRoundDownToMinDenomination"] {
    display: none !important;
}


/* onp-6759 promotion banner css start */
.promotion-banner {
    background: #212644;
    padding: 15px 20px 18px;
    overflow: hidden;
    margin-bottom: 20px;
}

    .promotion-banner .promotion-banner-title {
        font-size: 22.5px;
        font-weight: bold;
        color: #fff;
        margin: 0;
        margin-bottom: 10px;
    }

.promotion-banner-desc {
    font-size: 16px;
    color: #fff;
    margin: 0;
    font-weight: normal;
}

.promotion-banner-cta {
    background-color: #ffffff;
    border: none;
    color: #00539F;
    padding: 10px 30px;
    border-radius: 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 15px 2px;
    cursor: pointer;
    float: right;
}

@media only screen and (max-width:640px) {
    .promotion-banner .promotion-banner-title {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .promotion-banner-desc {
        font-size: 14px;
    }

    .payment-info #cardNumber-container {
        overflow: visible;
    }
}

/* onp-6759 promotion banner css end */
@media only screen and (max-width:1400px) and (max-height: 700px) and (orientation: landscape) {
    .cardupsell-dialog .dialog-wrapper {
        height: 90%;
        margin-top: 0;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        padding: 30px 30px 50px
    }
    .dialog.cardupsell-dialog button {
        margin: 30px auto 20px;
    }
}
/* onp-6759 promotion banner css end */


/* 5221 css start */

#suburbLookupSection .cs-holder {
    width: 100%;
    float: none;
    display: block !important;
}
.btn {
    margin: 15px 0 0 0;
    display: inline-block;
    width: 100%;
}
.show-poc-btn, .show-poc-btn-delivery {
    margin-top: 15px;
}
.d-block {
    display: block;
}

.btn-link-group {
    text-align: center;
}

@media only screen and (min-width:640px) {
    .billing-info .postalcode .form-control, .btn-link-group, .btn{
        width: 220px;
    }
}

/* 5221 css end */
/* onp-9425 start  */
.enter-amount .form-control {
    display: inline-block;
}
.enter-amount .input-border {
    display: block;
}
.reload-cash-passport .topup-reload-card.form-control {
    width: 70%;
    display: inline-block;
}
.topup-reload-card {
    position: relative;
}
.topup-reload-card .card-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    height: 17px;
}

.no-items .reload-cash-passport .topup-reload-card input {
    padding-left: 42px;
}
.form-control #js-promo-type-select {
    background-position: calc(100% - 10px) center;
}
.topup-reload-card #cardNumber-container iframe{
    position: absolute !important;
    top: 2px;
    left: 40px;
    height: calc(100% - 4px) !important;
    width: calc(100% - 48px) !important;
}
.topup-reload-card #cardNumber-container {
    background-color: #fff !important;
}
.topup-reload-card #cardNumber-container.flex-microform.flex-microform-valid.flex-microform-autocomplete {
    background-color: rgb(232, 240, 254) !important;
}

@media only screen and (min-width:481px) { 
    .bureau-search-form .form-control {
        width: 65%;
        display: inline-block;
        vertical-align: top;
    }
}
/* onp-9425 end  */

/* ------------9552 btn rebranding primary-btn start  ------------ */
.primary-btn, article.timeOut-wrapper button[title="Continue"], #digitalid-verify button, .currency-detail .red-button {
    background-color: var(--primary-btn-bg);
    color: var(--primary-btn-text);
    text-transform: inherit;
    font-family: var(--btn-font);
    padding: 12px 16px 12px 16px;
    line-height: 24px;
    display: flex;
    justify-content: center;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: normal;
    background-image: none;
    border-radius: var(--btn-border-radius); 
}
#find-address.primary-btn {
    padding: 12px 16px;
    height: auto;
    background-color: var(--primary-btn-bg);
}
.primary-btn:hover, article.timeOut-wrapper button[title="Continue"]:hover, #find-address.primary-btn:hover, #digitalid-verify button:hover, .currency-detail .red-button:hover {
    background-color:var(--primary-btn-hover);
    color: var(--primary-btn-text);
} 

.primary-btn:active, article.timeOut-wrapper button[title="Continue"]:active, #digitalid-verify button:active, .currency-detail .red-button:active {
    background-color: var(--primary-btn-bg);
    box-shadow: 0px 0px 0px 5px var(--primary-btn-active);
    color: var(--primary-btn-text);
}

.primary-btn[aria-disabled=true], .primary-btn[disabled], .secondary-btn[aria-disabled=true], .btn-link[aria-disabled=true], .currency-detail .red-button[aria-disabled=true]  {
    opacity: 0.4;
    cursor: not-allowed;
}
.primary-btn .vr {
    height: auto;
    padding: 0;
    margin: 0;
    color: transparent;
    display: block;
    width: 24px;
    height: 24px;
    background-image: none;
    fill: var(--primary-btn-text);
}
a.primary-btn[tabindex]:focus,  .primary-btn:focus, article.timeOut-wrapper button[title="Continue"]{
    outline: none;
}
 a.primary-btn[tabindex]:focus-visible, .primary-btn:focus-visible, article.timeOut-wrapper button[title="Continue"]:focus-visible , #digitalid-verify button:focus-visible, .currency-detail .red-button:focus-visible {
    outline: 2px solid var(--primary-btn-focused);
    outline-offset: 2px;
    background-color: var(--primary-btn-bg);
    border-bottom: none;
    color: var(--primary-btn-text);
}

#find-address.primary-btn svg, #search-again.primary-btn svg, #find-address-delivery.primary-btn svg {
    fill: var(--primary-btn-text);
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.reload-cash-passport .check-card.primary-btn {
    padding: 8px 16px 8px 16px;
} 

.add-more-currency .addCash, .no-items .reload-cash-passport[role="tabpanel"] .add-rcp {
    width: 100%;
    padding-block: 16px;
}

#searchBtn.primary-btn {
    padding: 8px 16px 8px 16px;
}
#searchBtn.primary-btn span {
    display: flex;
    justify-content: center;
    align-items: center;
}

#searchBtn.primary-btn span svg {
    width: 24px;
    height: 24px;
    fill: var(--primary-btn-text);
    margin-right: 8px;
}

/* secondary btn------ */
.secondary-btn {
    background-color: transparent;
    color: var(--secondary-btn-text);
    border: 2px solid var(--secondary-btn-text);
    border-radius: var(--btn-border-radius);
    padding: 10px 23px;
    line-height: 14px;
    background-position: 17px center;
    font-size: 16px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}
a.secondary-btn[tabindex]:focus, .secondary-btn:focus {
    outline: none;
}
.secondary-btn[tabindex]:focus-visible, a.secondary-btn[tabindex]:focus-visible {
    outline: 2px solid var(--secondary-btn-focused);
    outline-offset: 2px;
    background-color: var(--secondary-btn-hover-bg);
    border-color: var(--secondary-btn-hover);
    color:var(--secondary-btn-hover);
}
.secondary-btn:hover {
  background-color: var(--secondary-btn-hover-bg);
  color: var(--secondary-btn-hover);
  border-color: var(--secondary-btn-hover);
}
.secondary-btn:active {
    box-shadow: 0px 0px 0px 5px var(--secondary-btn-active);
    color: var(--secondary-btn-text);
}

.secondary-btn .icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 8px;
    position: relative;
}
.secondary-btn .icon svg {
    width: 24px;
    height: 24px;
    fill: var(--secondary-btn-text);
}
.secondary-btn:hover .icon svg , .secondary-btn:focus-visible .icon svg {
    fill: var(--secondary-btn-hover);
}
/* tertiary-btn ---- */
.tertiary-btn {
    line-height: 24px;
    color: var(--tertiary-btn-text);
    font-size: 16px;
    text-decoration: underline;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-underline-offset: 5px;
    padding: 6px 16px 6px 8px;
    border-radius: 4px;

}
.tertiary-btn svg {
    height: 24px;
    width: 24px;
    fill: var(--tertiary-btn-text);  
}
.tertiary-btn .icon {
    height: 25px;
    width: 24px;
    margin-right: 8px;
}

.tertiary-btn:hover {
    color: var(--tertiary-btn-hover);
    fill: var(--tertiary-btn-hover);
    background-color: var(--tertiary-btn-hover-bg);
}
 .tertiary-btn:hover svg {
    color: var(--tertiary-btn-hover);
    fill: var(--tertiary-btn-hover);
    background-color: transparent;
}

.tertiary-btn:focus-visible {
    color: var(--tertiary-btn-hover);
    outline: 2px solid var(--tertiary-btn-focused);
    outline-offset: 2px;
    background: none;
    border-bottom: none;
    text-decoration: underline;
}
.tertiary-btn:active {
    color: var(--tertiary-btn-hover);
}
.tertiary-btn:focus-visible svg, .tertiary-btn:active svg{
    fill:var(--tertiary-btn-hover);
}

/* btn link  */
.btn-link, .get-delivery, .more-stores, .more-airports, article.timeOut-wrapper button[title="Cancel"] {
    line-height: 24px;
    color: var(--btn-link-text);
    font-size: 16px;
    text-decoration: underline;
    border-bottom: 3px solid transparent;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-underline-offset: 5px;
}
.btn-link:hover, .get-delivery:hover, .more-stores:hover, .more-airports:hover, article.timeOut-wrapper button[title="Cancel"]:hover {
    color: var(--btn-link-hover);
}
.btn-link svg, .more-stores svg, .more-airports svg {
    fill:  var(--btn-link-text);
}
.btn-link:hover svg path, .btn-link:hover svg, .more-stores:hover svg, .more-airports:hover svg {
    fill: var(--btn-link-hover);
}
.btn-link:active, .more-stores:active, .more-airports:active, .block-link:active {
    color: var(--btn-link-text);
}
.btn-link:focus-visible, .get-delivery:focus-visible, .block-link:focus-visible, .more-stores:focus-visible, .more-airports:focus-visible, .block-link:focus-visible {
    color: var(--btn-link-hover);
    outline: none;
    background-color: var(--btn-link-focused-bg);
    border-bottom: 3px solid var(--btn-link-focused-border);
    text-decoration: none;
}
.btn-link:focus-visible svg path, .btn-link:focus-visible svg  {
    fill: var(--btn-link-hover);
}
.add-currency [data-icon]:before {
    display: none;
}

.btn-link .icon, .more-stores .icon, .more-airports .icon {
    width: 24px;
    height: 24px;
    display: flex;
    margin-right: 8px;
}
.btn-link svg, .more-stores  svg, .more-airports svg { 
    height: 24px;
    width: 24px;
    fill: var(--btn-link-text);
}

.tooltip-container .open_tooltip svg {
    fill: var(--btn-link-text);
}
.tooltip-container .open_tooltip:focus-visible {
    outline: 2px solid var(--btn-link-text);
}
.tooltip-container .open_tooltip:focus-visible svg {
    fill: #0E5981;
}

.findMyLocation-box .btn-link {
    display: inline-flex;
    margin-top: 5px;
}
.findMyLocation-box .btn-link .icon {
    margin-right: 8px;
}
.findMyLocation-box .btn-link .icon, .findMyLocation-box .btn-link .icon svg{
    width: 24px;
    height: 24px;
}

.eighteen-col section .js-promo-btn:before {
    display: none;
}
.js-promo-btn a span {
    width: 24px;
    height: 24px;
    display: flex;
    margin-right: 9px;
}

.js-promo-btn a span>svg {
    width: 24px;
    height: 24px;
    fill: var(--btn-link-text);
}
.edit-order::before {
    /* content: ""; */
    display: inline-block;
    color: var(--btn-link-text);
}
#submitBtn {
    padding: 16px;
}
.bureau-search-form input#searchTerm {
    vertical-align: top;
}
.print-btn, .get-directions-link, .print-directions-link {
    background: transparent;
    margin: 0 auto;
    font-weight: 700;
    display: flex;
    padding: 0;
}
.print-btn svg, .get-directions-link svg, .print-directions-link svg  {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
.add-more-currency[role="tabpanel"] .addCash, .reload-cash-passport[role="tabpanel"] .add-rcp {
    margin-top: 30px; 
    clear: both;
}
.js-promo-type-select-wrapper:after {
    /* SET CONTENT TO NONE TO DISABLE THE ARROW BUTTON FOR NOW */
    content: none;
    background: url(../img/svg/icons/chevron-down.svg) no-repeat;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 4px;
    right: 4px;
    border-radius: 4px;
    border-radius: 4px;
    color: #FFF;
    background-color: var(--btn-default-color);
    background-position: center;
}
.js-promo-type-select-wrapper .js-promo-type-select {
    width:260px;
    font-family: "Lato Bold",Helvetica,Arial,Verdana,sans-serif;
    font-size: 16px;
    background-color:transparent;
    color: var(--grey-600);
    border: 2px solid var(--btn-default-color);
    background-image: url(../img/svg/icons/expand_more.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    border-radius: 4px;
    padding: 12px 50px 12px 10px;
    cursor: pointer;
    position: relative;
    z-index: 1;
    height: auto !important;
}
.js-promo-type-select-wrapper .js-promo-type-select:hover {
    border-color: var(--primary-btn-hover);
}

.js-promo-type-select-wrapper .js-promo-type-select:active {
    box-shadow: 0px 0px 0px 5px var(--primary-btn-active);
}

.js-promo-type-select-wrapper .js-promo-type-select option {
    background-color: #FFF;
    color: var(--grey-600);
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
}
.js-promo-type-select-wrapper .js-promo-type-select:focus {
    outline: none;
}
 .js-promo-type-select-wrapper .js-promo-type-select:focus-visible {
    outline-offset: 2px;
    outline: 2px solid var(--btn-default-focus);
}
.block-link {
    color: var(--btn-link-text);
    text-underline-offset: 4px;
    text-decoration: underline;
}
.block-link:hover {
    color: var(--btn-link-hover);
}
.more-stores, .more-airports {
    display: block;
    width: 185px;
    margin-inline:auto;
    text-align: center;
    vertical-align: middle;
}
.more-stores .icon, .more-airports .icon {
    display: inline-block;
    vertical-align: middle;
}
.secondary-btn span + span {
    margin-top: 3px;
}
article.timeOut-wrapper button[title="Continue"] {
    height: auto;
    display: inline-block;
}
article.timeOut-wrapper button[title="Cancel"] {
  background-color: transparent;  
  padding-inline: 0;
}

@media only screen and (min-width: 767px) {
    #submitBtn {
        width: 50%;
        margin-left: auto;
    }

    .promo-input.promoCodePrefix ~ .form-control{
        display: inline-block;
    }
}
@media only screen and (max-width: 481px) { 
    .reload-cash-passport .topup-reload-card.form-control {
        width: 65%;
    }
}
@media only screen and (max-width:520px) {
    .add-products .tabNav {
        width: calc(100% - 45px);
    }
}


@media only screen and (max-width:560px) {
    .bureau-search-form button {
        margin-top: 10px;
        width: 100%;
    }
    .bureau-search-form input#searchTerm {
        margin-top: 5px;
        width: 100%;
    }
    #digitalid-verify .primary-btn {
        width: 100%;
    }
    .verfyAction > .btn-link {
        width: 100%;
    }

}

@media only screen and (min-width:481px) and (max-width:560px) {
    .bureau-search-form .form-control {
        width: 100%;
    }
}

@media only screen and (max-width: 375px) {
    .reload-cash-passport .topup-reload-card.form-control {
        width: 60%;
    }
 }

.add-products .tabNav {
    margin-right: 8px;
    margin-bottom: 8px;
    padding-left: 18px;
}
button.print-directions-link.print-gmap.print-btn , .get-directions .get-directions-link {
    margin-top: 20px;
}

.remove.closeDiv {
    padding-top: 2px;
}
ul.extras li.remove-product svg {
    vertical-align: middle;
    margin-right: 2px;
}


ul.extras li.remove-product svg {
    /* stroke: var(--btn-link-text); */
    stroke: #475467;
}

ul.extras li.remove-product .remove:hover svg, ul.extras li.remove-product .remove:active svg {
    /* stroke: var(--btn-link-hover); */
    stroke: #475467;
}
ul.extras li.remove-product .remove:focus-visible svg {
    /* stroke: var(--btn-link-hover); */
    stroke: #475467;
}

#digitalid-verify:hover, #digitalid-verify {
    text-decoration: none;
}

ul.extras li.remove-product .remove {
    color: #475467;
}
ul.extras li.remove-product .remove svg{
    stroke: #475467;
}
ul.extras li.remove-product .remove:hover svg, ul.extras li.remove-product .remove:active svg {
    stroke: #475467;
}
ul.extras li.remove-product .remove:focus-visible svg {
    stroke: #475467;
}

.d-none {
    display: none;
}
/* ------------ 9552btn rebranding end ------------ */
.promo-input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #475467;
}
.promo-input input::-moz-placeholder { /* Firefox 19+ */
    color: #475467;
}
.promo-input input:-ms-input-placeholder { /* IE 10+ */
    color: #475467;
}

.payment-page .billing-info #find-address {
    display: inline-flex;
    align-items: center;
}

/* bug 5-02-24 */

.promo-input.promoCodePrefix input[disabled] {
    height: 41px;
    border-radius: 4px;
    box-sizing: border-box;
}

@media only screen and (min-width: 1000px) {
    .order-page .promo {
        width: 425px !important;
        padding: 0;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-top: 20px;
    }
    .promo-input.promoCodePrefix ~ .form-control {
        width: 175px;
    }

    .promo-input.promoCodePrefix input[disabled] { 
        margin-right: 4px;
    }
    .promo-input-content {
        margin-bottom: 4px;
    }
}

@media only screen and (max-width: 767px) {
    .promo-input.promoCodePrefix ~ .form-control {
        display: inline-block;
        margin-top: 7px;
    }
    .promo-input input, .promo-input .promo-code-manditory-input {
        margin-bottom: 0;
    }
    .promo-input-content {
        margin-bottom: 7px;
    }
    .order-page .promo .promo-cancel.js-promo-cancel {
        margin-left: 6px;
    }
}

@media only screen and (max-width: 385px) {
    .promo-input.promoCodePrefix input[disabled] { 
        width: 88px;
        box-sizing: border-box;
    }
 }

 .edit-order::before {
    display: none;
 }

 .edit-order svg{
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-right: 5px;
    fill: var(--btn-link-text);
    margin-top: -2px;
 }
 .edit-order:hover::before  { 
    color: var(--btn-link-hover);
 }
 .edit-order:hover svg {
    fill: var(--btn-link-hover);
 }
 .payment-page .apple_pay_success .edit-order {
     font-family: 'Lato Bold';
 }
 .payment-page .apple_pay_success .edit-order span{
    display: inline-block;
 }
.dw{position:absolute;top:5%;left:0;z-index:1001;color:#000;font-family:arial,verdana,sans-serif;font-size:12px;text-shadow:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-ms-touch-action:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-backface-visibility:hidden}.dwi{position:static;display:inline-block}.dwwr{min-width:170px;zoom:1;padding:5px;text-align:center}.dw-persp,.dwo{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1001}.dwo{background:#000;opacity:.7;filter:Alpha(Opacity=70)}.dw-bubble .dw{margin:20px 0}.dw-bubble .dw-arrw{position:absolute;left:0;width:100%}.dw-bubble-top .dw-arrw{bottom:-36px}.dw-bubble-bottom .dw-arrw{top:-36px}.dw-bubble .dw-arrw-i{margin:0 30px;position:relative;height:36px}.dw-bubble .dw-arr{display:block}.dw-arr{display:none;position:absolute;left:0;width:0;height:0;border-width:18px 18px;border-style:solid;margin-left:-18px}.dw-bubble-bottom .dw-arr{top:0;border-color:transparent transparent #fff transparent}.dw-bubble-top .dw-arr{bottom:0;border-color:#fff transparent transparent transparent}.dwc{padding:30px 2px 0 2px;display:inline-block}.dwl{text-align:center;line-height:30px;height:30px;white-space:nowrap;position:absolute;top:-30px;width:100%}.dwv{padding-bottom:5px;border-bottom:1px solid #000}.dw-hidden{width:0;height:0;margin:0;padding:0;border:0;overflow:hidden}.dwrc{-webkit-border-radius:3px;border-radius:3px}.dwwc{margin:0;padding:0 2px;position:relative;background:#000;zoom:1}.dwwl{margin:4px 2px;padding:0 2px;position:relative;z-index:5}.dwww{position:relative;padding:1px}.dww{overflow:hidden;position:relative;z-index:2}.dw-moz .dww{opacity:.99}.dwsc .dwwl{background:#888;background:linear-gradient(#000 0,#333 35%,#888 50%,#333 65%,#000 100%);background:-webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.35,#333),color-stop(0.50,#888),color-stop(0.65,#333),to(#000));background:-webkit-linear-gradient(#000 0,#333 35%,#888 50%,#333 65%,#000 100%);background:-moz-linear-gradient(#000 0,#333 35%,#888 50%,#333 65%,#000 100%)}.dwsc .dww{color:#fff;background:#444;background:linear-gradient(#000 0,#444 45%,#444 55%,#000 100%);background:-webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.45,#444),color-stop(0.55,#444),to(#000));background:-webkit-linear-gradient(#000 0,#444 45%,#444 55%,#000 100%);background:-moz-linear-gradient(#000 0,#444 45%,#444 55%,#000 100%)}.dw-bf{-webkit-perspective:1000;-webkit-backface-visibility:hidden}.dw-ul{position:relative;z-index:2}.dw-li{padding:0 5px;display:block;text-align:center;line-height:40px;font-size:26px;white-space:nowrap;text-shadow:0 1px 1px #000;vertical-align:bottom;opacity:.3;filter:Alpha(Opacity=30)}.dw-li.dw-hl{background:#fff;background:rgba(255,255,255,.3)}.dw-li.dw-v{opacity:1;filter:Alpha(Opacity=100)}.dw-li.dw-h{visibility:hidden}.dw-i{position:relative;height:100%}.dwwb{position:absolute;z-index:4;left:0;cursor:pointer;width:100%;height:40px;text-align:center;opacity:1;transition:opacity .2s linear;-webkit-transition:opacity .2s linear}.dwa .dwwb{opacity:0}.dwpm .dwwbp{top:0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;font-size:40px}.dwpm .dwwbm{bottom:0;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;font-size:32px;font-weight:bold}.dwpm .dwwc{background:transparent}.dwpm .dwwl{padding:0}.dwpm .dw-li{text-shadow:none}.dwpm .dwwol{display:none}.dwwo{position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;background:linear-gradient(#000 0,rgba(44,44,44,0) 52%,rgba(44,44,44,0) 48%,#000 100%);background:-webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.52,rgba(44,44,44,0)),color-stop(0.48,rgba(44,44,44,0)),to(#000));background:-webkit-linear-gradient(#000 0,rgba(44,44,44,0) 52%,rgba(44,44,44,0) 48%,#000 100%);background:-moz-linear-gradient(#000 0,rgba(44,44,44,0) 52%,rgba(44,44,44,0) 48%,#000 100%);pointer-events:none}.dwwol{position:absolute;z-index:1;top:50%;left:0;width:100%;height:0;margin-top:-1px;border-top:1px solid #333;border-bottom:1px solid #555;pointer-events:none}.dwbg .dwb{cursor:pointer;overflow:hidden;display:block;height:40px;line-height:40px;padding:0 15px;margin:0 2px;font-size:14px;font-weight:bold;text-decoration:none;text-shadow:0 -1px 1px #000;color:#fff;background:#000;background:linear-gradient(#6e6e6e 50%,#000 50%);background:-webkit-gradient(linear,left bottom,left top,color-stop(0.5,#000),color-stop(0.5,#6e6e6e));background:-webkit-linear-gradient(#6e6e6e 50%,#000 50%);background:-moz-linear-gradient(#6e6e6e 50%,#000 50%);white-space:nowrap;text-overflow:ellipsis;-webkit-border-radius:5px;-webkit-backface-visibility:hidden}.dwbc{display:table;width:100%;padding-top:5px;text-align:center}.dwbw{display:table-cell;position:relative;z-index:5}.dwhl{padding-top:10px}.dwhl .dwl{display:none}.dwms .dwwms .dw-li{padding:0 40px;position:relative}.dwms .dw-msel:after{width:40px;text-align:center;position:absolute;top:0;left:0;content:'✔'}.dwbg{background:#fff;border-radius:3px;-webkit-border-radius:3px}.dwbg .dwpm .dwwl{border:1px solid #aaa}.dwbg .dwpm .dww{color:#000;background:#fff;-webkit-border-radius:3px}.dwbg .dwwb,.dwbg .dwwb:hover{background:#ccc;color:#888;font-weight:normal;text-decoration:none;text-shadow:0 -1px 1px #333;box-shadow:0 0 5px #333;-webkit-box-shadow:0 0 5px #333}.dwbg .dwwbp{background:linear-gradient(#f7f7f7,#bdbdbd);background:-webkit-gradient(linear,left bottom,left top,from(#bdbdbd),to(#f7f7f7));background:-webkit-linear-gradient(#f7f7f7,#bdbdbd);background:-moz-linear-gradient(#f7f7f7,#bdbdbd)}.dwbg .dwwbm{background:linear-gradient(#bdbdbd,#f7f7f7);background:-webkit-gradient(linear,left bottom,left top,from(#f7f7f7),to(#bdbdbd));background:-webkit-linear-gradient(#bdbdbd,#f7f7f7);background:-moz-linear-gradient(#bdbdbd,#f7f7f7)}.dwbg .dwbc{font-size:0}.dwbg .dwb-a{background:#3c7500;background:linear-gradient(#94c840 50%,#3c7500 50%);background:-webkit-gradient(linear,left bottom,left top,color-stop(0.5,#3c7500),color-stop(0.5,#94c840));background:-webkit-linear-gradient(#94c840 50%,#3c7500 50%);background:-moz-linear-gradient(#94c840 50%,#3c7500 50%)}.dwbg .dwwl .dwb-a{background:#3c7500;background:linear-gradient(#94c840,#3c7500);background:-webkit-gradient(linear,left bottom,left top,from(#3c7500),to(#94c840));background:-webkit-linear-gradient(#94c840,#3c7500);background:-moz-linear-gradient(#94c840,#3c7500)}.dw-trans .dw-persp{overflow:hidden;perspective:1000px;-webkit-perspective:1000px;-moz-perspective:1000px}.dw-trans .dwwb,.dw-trans .dwwo{-webkit-backface-visibility:hidden}.dw-in,.dw-out{animation-duration:350ms;-webkit-animation-duration:350ms;-moz-animation-duration:350ms}.dw-in{animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out}.dw-out{animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in}.dw-flip,.dw-swing,.dw-slidehorizontal,.dw-slidevertical,.dw-slidedown,.dw-slideup,.dw-fade{backface-visibility:hidden;transform:translateX(0);-webkit-backface-visibility:hidden;-webkit-transform:translateX(0);-moz-backface-visibility:hidden;-moz-transform:translateX(0)}.dw-swing,.dw-slidehorizontal,.dw-slidevertical,.dw-slidedown,.dw-slideup,.dw-fade{transform-origin:0 0;-webkit-transform-origin:0 0;-moz-transform-origin:0 0}.dw-flip,.dw-pop{transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%}.dw-pop.dw-in{opacity:1;transform:scale(1);animation-name:dw-p-in;-webkit-animation-name:dw-p-in;-webkit-transform:scale(1);-moz-animation-name:dw-p-in;-moz-transform:scale(1)}.dw-pop.dw-out{opacity:0;animation-name:dw-p-out;-webkit-animation-name:dw-p-out;-moz-animation-name:dw-p-out}.dw-flip.dw-in{opacity:1;transform:scale(1);animation-name:dw-fl-in;-webkit-animation-name:dw-fl-in;-webkit-transform:scale(1);-moz-animation-name:dw-fl-in;-moz-transform:scale(1)}.dw-flip.dw-out{opacity:0;animation-name:dw-fl-out;-webkit-animation-name:dw-fl-out;-moz-animation-name:dw-fl-out}.dw-swing.dw-in{opacity:1;transform:scale(1);animation-name:dw-sw-in;-webkit-animation-name:dw-sw-in;-webkit-transform:scale(1);-moz-animation-name:dw-sw-in;-moz-transform:scale(1)}.dw-swing.dw-out{opacity:0;animation-name:dw-sw-out;-webkit-animation-name:dw-sw-out;-moz-animation-name:dw-sw-out}.dw-slidehorizontal.dw-in{opacity:1;transform:scale(1);animation-name:dw-sh-in;-webkit-animation-name:dw-sh-in;-webkit-transform:scale(1);-moz-animation-name:dw-sh-in;-moz-transform:scale(1)}.dw-slidehorizontal.dw-out{opacity:0;animation-name:dw-sh-out;-webkit-animation-name:dw-sh-out;-moz-animation-name:dw-sh-out}.dw-slidevertical.dw-in{opacity:1;animation-name:dw-dw-sv-in;transform:scale(1);-webkit-animation-name:dw-dw-sv-in;-webkit-transform:scale(1);-moz-animation-name:dw-dw-sv-in;-moz-transform:scale(1)}.dw-slidevertical.dw-out{opacity:0;animation-name:dw-sv-out;-webkit-animation-name:dw-sv-out;-moz-animation-name:dw-sv-out}.dw-slidedown.dw-in{animation-name:dw-sd-in;transform:scale(1);-webkit-animation-name:dw-sd-in;-webkit-transform:scale(1);-moz-animation-name:dw-sd-in;-moz-transform:scale(1)}.dw-slidedown.dw-out{animation-name:dw-sd-out;-webkit-animation-name:dw-sd-out;-webkit-transform:translateY(-100%);-moz-animation-name:dw-sd-out;-moz-transform:translateY(-100%)}.dw-slideup.dw-in{transform:scale(1);animation-name:dw-su-in;-webkit-animation-name:dw-su-in;-webkit-transform:scale(1);-moz-animation-name:dw-su-in;-moz-transform:scale(1)}.dw-slideup.dw-out{animation-name:dw-su-out;-webkit-animation-name:dw-su-out;-webkit-transform:translateY(100%);-moz-animation-name:dw-su-out;-moz-transform:translateY(100%)}.dw-fade.dw-in{opacity:1;animation-name:dw-f-in;-webkit-animation-name:dw-f-in;-moz-animation-name:dw-f-in}.dw-fade.dw-out{opacity:0;animation-name:dw-f-out;-webkit-animation-name:dw-f-out;-moz-animation-name:dw-f-out}@keyframes dw-f-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes dw-f-in{from{opacity:0}to{opacity:1}}@-moz-keyframes dw-f-in{from{opacity:0}to{opacity:1}}@keyframes dw-f-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes dw-f-out{from{opacity:1}to{opacity:0}}@-moz-keyframes dw-f-out{from{opacity:1}to{opacity:0}}@keyframes dw-p-in{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}@-webkit-keyframes dw-p-in{from{opacity:0;-webkit-transform:scale(0.8)}to{opacity:1;-webkit-transform:scale(1)}}@-moz-keyframes dw-p-in{from{opacity:0;-moz-transform:scale(0.8)}to{opacity:1;-moz-transform:scale(1)}}@keyframes dw-p-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.8)}}@-webkit-keyframes dw-p-out{from{opacity:1;-webkit-transform:scale(1)}to{opacity:0;-webkit-transform:scale(0.8)}}@-moz-keyframes dw-p-out{from{opacity:1;-moz-transform:scale(1)}to{opacity:0;-moz-transform:scale(0.8)}}@keyframes dw-fl-in{from{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}@-webkit-keyframes dw-fl-in{from{opacity:0;-webkit-transform:rotateY(90deg)}to{opacity:1;-webkit-transform:rotateY(0)}}@-moz-keyframes dw-fl-in{from{opacity:0;-moz-transform:rotateY(90deg)}to{opacity:1;-moz-transform:rotateY(0)}}@keyframes dw-fl-out{from{opacity:1;transform:rotateY(0deg)}to{opacity:0;transform:rotateY(-90deg)}}@-webkit-keyframes dw-fl-out{from{opacity:1;-webkit-transform:rotateY(0deg)}to{opacity:0;-webkit-transform:rotateY(-90deg)}}@-moz-keyframes dw-fl-out{from{opacity:1;-moz-transform:rotateY(0deg)}to{opacity:0;-moz-transform:rotateY(-90deg)}}@keyframes dw-sw-in{from{opacity:0;transform:rotateY(-90deg)}to{opacity:1;transform:rotateY(0deg)}}@-webkit-keyframes dw-sw-in{from{opacity:0;-webkit-transform:rotateY(-90deg)}to{opacity:1;-webkit-transform:rotateY(0deg)}}@-moz-keyframes dw-sw-in{from{opacity:0;-moz-transform:rotateY(-90deg)}to{opacity:1;-moz-transform:rotateY(0deg)}}@keyframes dw-sw-out{from{opacity:1;transform:rotateY(0deg)}to{opacity:0;transform:rotateY(-90deg)}}@-webkit-keyframes dw-sw-out{from{opacity:1;-webkit-transform:rotateY(0deg)}to{opacity:0;-webkit-transform:rotateY(-90deg)}}@-moz-keyframes dw-sw-out{from{opacity:1;-moz-transform:rotateY(0deg)}to{opacity:0;-moz-transform:rotateY(-90deg)}}@keyframes dw-sh-in{from{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes dw-sh-in{from{opacity:0;-webkit-transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes dw-sh-in{from{opacity:0;-moz-transform:translateX(-100%)}to{opacity:1;-moz-transform:translateX(0)}}@keyframes dw-sh-out{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@-webkit-keyframes dw-sh-out{from{opacity:1;-webkit-transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(100%)}}@-moz-keyframes dw-sh-out{from{opacity:1;-moz-transform:translateX(0)}to{opacity:0;-moz-transform:translateX(100%)}}@keyframes dw-dw-sv-in{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes dw-dw-sv-in{from{opacity:0;-webkit-transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes dw-dw-sv-in{from{opacity:0;-moz-transform:translateY(-100%)}to{opacity:1;-moz-transform:translateY(0)}}@keyframes dw-sv-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@-webkit-keyframes dw-sv-out{from{opacity:1;-webkit-transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100%)}}@-moz-keyframes dw-sv-out{from{opacity:1;-moz-transform:translateY(0)}to{opacity:0;-moz-transform:translateY(100%)}}@keyframes dw-sd-in{from{transform:translateY(-100%)}to{transform:translateY(0)}}@-webkit-keyframes dw-sd-in{from{opacity:1;-webkit-transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes dw-sd-in{from{-moz-transform:translateY(-100%)}to{-moz-transform:translateY(0)}}@keyframes dw-sd-out{from{transform:translateY(0)}to{transform:translateY(-100%)}}@-webkit-keyframes dw-sd-out{from{opacity:1;-webkit-transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(-100%)}}@-moz-keyframes dw-sd-out{from{-moz-transform:translateY(0)}to{-moz-transform:translateY(-100%)}}@keyframes dw-su-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes dw-su-in{from{opacity:1;-webkit-transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes dw-su-in{from{-moz-transform:translateY(100%)}to{-moz-transform:translateY(0)}}@keyframes dw-su-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@-webkit-keyframes dw-su-out{from{opacity:1;-webkit-transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(100%)}}@-moz-keyframes dw-su-out{from{-moz-transform:translateY(0)}to{-moz-transform:translateY(100%)}}.dw-cal-anim-c{-webkit-backface-visibility:hidden}.dw-calendar .dwc{vertical-align:middle}.dw-calendar .dw .dwwr .dwcc .dwc-h,.dw-calendar .dw .dwwr .dwcc .dwc-hh{width:0;margin-right:0;margin-left:0;padding-right:0;padding-left:0;overflow:hidden;visibility:hidden}.dw-calendar .dwc-h .dw-cal-btnc{white-space:nowrap}.dw-calendar .dw .dw-cal-c{position:relative;margin:0;padding:0;-webkit-backface-visibility:hidden}.dw-trans .dw-persp .dw-cal-c{-webkit-backface-visibility:visible}.dw-cal{padding:8px;padding-top:0;width:280px;border-radius:3px;text-shadow:none;-webkit-border-radius:3px}.dw-cal-anim-c{position:relative;overflow:hidden}.dw-moz .dw-cal-anim-c{opacity:.99;background:rgba(0,0,0,0.01)}.dw-cal-anim{position:relative;top:0;left:0;width:400%;height:100%;margin-left:-100%;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0)}.dw-cal-anim-a .dw-cal-anim{transition:transform 200ms;-webkit-transition:-webkit-transform 200ms;-moz-transition:-moz-transform 200ms}.dw-cal-anim-prev .dw-cal-anim{transform:translate3d(25%,0,0);-webkit-transform:translate3d(25%,0,0);-moz-transform:translate3d(25%,0,0)}.dw-cal-anim-next .dw-cal-anim{transform:translate3d(-25%,0,0);-webkit-transform:translate3d(-25%,0,0);-moz-transform:translate3d(-25%,0,0)}.dw-cal-slide{width:25%;height:100%;float:left;visibility:hidden}.dw-cal-slide2,.dw-cal-anim-pa .dw-cal-slide{visibility:visible}.dwc-h .dw-cal-slide{visibility:hidden}.dw-cal-header{line-height:40px}.dw-cal table{width:100%;height:100%;border-collapse:collapse;table-layout:fixed}.dw-cal th{line-height:30px}.dw-cal-nb{border:0}.dw-cal-table{height:100%;width:100%;display:table;table-layout:fixed;-webkit-perspective:1000;-webkit-backface-visibility:hidden}.dw-cal-row,.dw-cal-day,.dw-cal-day .dw-i{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.dw-cal-day .dw-i{-webkit-box-sizing:content-box}.dw-cal-row{white-space:nowrap;display:table-row}.dw-cal .dw-cal-day{line-height:29px;width:14.2857%;height:16.6666%;position:relative;display:table-cell;vertical-align:middle;text-align:right;cursor:default}.dw-cal .dw-cal-day-v{cursor:pointer}.dw-cal-day .dw-i{margin:0;padding:5px;border:0}.dw-cal-day:focus{outline:0}.dw-cal-day:focus .dw-i{box-shadow:0 0 3px rgba(255,255,255,.7) inset}.dw-cal-day-diff .dw-i{opacity:.7}.dw-cal-day-inv .dw-i{opacity:.3}.dw-weeks{padding-left:0}.dw-weeks .dw-cal-days{padding-left:26px}.dw-week-nr{display:table-cell;vertical-align:middle;padding-top:1px;width:26px;height:auto;text-align:center;font-weight:bold}th.dw-week-nr{padding:0;margin:0}.dw-cal-btnc{font-size:18px}.dw-cal-btnw{position:relative}.dw-calendar .dw-cal .dw-cal-btnc .dw-cal-btn{position:absolute;top:0;height:40px;width:36px;margin:0;cursor:pointer}.dw-cal .dw-cal-prev{left:0}.dw-cal .dw-cal-next{right:0}.dw-cal-btnc-ym .dw-cal-month,.dw-cal-btnc-ym .dw-cal-year{display:block;margin:0 36px;overflow:hidden;text-overflow:ellipsis}.dw-cal-btnc-ym .dw-cal-btnw{width:50%;display:inline-block;white-space:nowrap;vertical-align:top}.dw-cal-btnc-test .dw-cal-month{display:inline;overflow:visible}.dw-cal-day-fg{position:relative;z-index:2}.dw-cal-liq .dw{padding:0;margin:0;border:0;display:block;border-radius:0;-webkit-border-radius:0}.dw-cal-liq .dwwr{padding:0}.dw-cal-liq .dw .dwwr .dw-cal-c{width:100%;padding:0;margin:0}.dw-cal-liq .dw .dw-cal{width:auto;border-radius:0;-webkit-border-radius:0}.dw-cal-liq .dwbg .dw-cal{padding:0}.dw-cal-liq.dw-modal .dw{padding:0;margin:0;border:0;width:100%}.dw-cal-liq.dw-modal .dwwr{width:auto!important}.dw-cal-liq.dw-modal .dw-persp .dw{border:0}.dw-cal-liq.dw-modal .dw-persp .dw-cal-c{margin:0;padding:0}.dw-cal-tabs{line-height:40px;display:none;color:#fff}.dw-cal-tabbed .dw-cal-tabs{display:block}.dw-cal-tabbed .dwwr{width:auto!important}.dw-cal-tabbed .dwv{border-width:0}.dw-cal-tabs ul,.dw-cal-tabs li{margin:0;padding:0;list-style:none}.dw-cal-tabs ul{width:100%;display:table}.dw-cal-tab{width:33.33%;display:table-cell;cursor:pointer;background:#333;background:linear-gradient(#333,#000);background:-webkit-gradient(linear,left top,left bottom,from(#333),to(#000));background:-webkit-linear-gradient(#333,#000);background:-moz-linear-gradient(#333,#000);border-left:1px solid #444}.dw-cal-tab:first-child{border:0;border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px}.dw-cal-tab:last-child{border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0}.dw-cal-tab.dwb-a{background:#3c7500;background:linear-gradient(#94c840,#3c7500);background:-webkit-gradient(linear,left bottom,left top,from(#3c7500),to(#94c840));background:-moz-linear-gradient(#94c840,#3c7500);background:-o-linear-gradient(#94c840,#3c7500)}.dw-cal-tab span{display:block}.dw-cal-tabs .dw-sel{background:#999;background:linear-gradient(#999,#555);background:-webkit-gradient(linear,left top,left bottom,from(#999),to(#555));background:-webkit-linear-gradient(#999,#555);background:-moz-linear-gradient(#999,#555)}.dw-cal-liq .dw-cal-tabs{padding:0;border-bottom:1px solid #000}.dw-cal-liq .dw-cal-tab{border-radius:0;-webkit-border-radius:0}.dw-cal-liq .dwv{border-width:1px}.dw-cal-liq .dwbc{padding-bottom:5px}.dwbg .dw-cal{color:#fff;background:#000}.dwbg .dw-cal-day{border:1px solid #000;border-bottom:0;border-right:0;background:#fff}.dwbg .dw-cal-day:first-child{border-left:0}.dwbg .dw-week-nr{background:0}.dwbg .dw-cal .dwb-d{opacity:.3}.dwbg .dw-cal-btn-txt{display:block;width:0;height:0;overflow:hidden;border-style:solid;border-width:8px 12px}.dwbg .dw-cal-prev .dw-cal-btn-txt{margin:12px 0;border-color:transparent #fff transparent transparent}.dwbg .dw-cal-next .dw-cal-btn-txt{margin:12px 0 12px 12px;border-color:transparent transparent transparent #fff}.dwbg .dwwr .dw-cal-c{padding-top:5px}.dw-nobtn .dwbg .dw-cal-c{padding:0}.dw-cal-tabbed .dwwr .dw-cal-c{padding-top:5px}.dwbg .dw-cal .dwb{padding:0;background:0}.dwbg .dw-cal-prev.dwb-a .dw-cal-btn-txt{border-color:transparent #636363 transparent transparent}.dwbg .dw-cal-next.dwb-a .dw-cal-btn-txt{border-color:transparent transparent transparent #636363}.dwbg .dw-cal .dw-sel .dw-i{background:#636363}.dwbg .dw-cal-day.dwb-a{background:#888}.dwbg .dw-cal .dw-cal-day-hl .dw-i{background:#888}.dw-cal-c .dw-cal-ev{width:336px}.dw-cal-ev .dw-cal-day .dw-i{padding-bottom:20px}.dw-cal-day-m{position:absolute;top:1px;right:1px;width:0;height:0;border:5px solid black;border-color:#94c840 #94c840 transparent transparent;background-clip:padding-box}.dw-cal-c .dw-cal-m-bottom .dw-cal-day-m{width:100%;height:100%;top:auto;left:0;bottom:0;border:0;background:#fff}.dw-cal-day-txt-c{width:100%;position:absolute;left:0;bottom:0;overflow:hidden}.dw-cal-day-txt{padding:0 2px;font-size:10px;font-weight:normal;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:none;margin-top:2px}.dw-nosel{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dw-cal-em .dwb-s{display:none}.dw-cal-em .dw-cal-tabs{padding-top:5px}.dw-cal-events{display:none;position:absolute;z-index:2;left:0;right:0;padding:5px;margin:8px;margin-top:10px}.dw-moz .dw-cal-events-i{opacity:.99;background:rgba(0,0,0,0.01)}.dw-cal-events-t{visibility:hidden}.dw-cal-events-i{overflow:hidden}.dw-cal-events-sc{position:relative;-webkit-backface-visibility:hidden}.dw-cal-events-v{display:block}.dw-cal-c .dw-cal-event-list{margin:0;padding:0}.dw-cal-c .dw-cal-event{list-style:none;position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dw-cal-event-color{position:absolute;top:0;left:0;width:5px;height:100%;background:#94c840}.dw-cal-events-arr{position:absolute;bottom:-14px;left:50%;width:0;height:0;margin-left:-7px;border:7px solid #fff;border-color:#fff transparent transparent transparent}.dw-cal-events-b .dw-cal-events-arr{bottom:auto;top:-14px;border-color:transparent transparent #fff transparent}.dwbg .dw-cal-day-txt{color:#fff;background:#444}.dwbg .dw-cal-events{background:#fff}.dwbg .dw-cal-event{margin-top:5px;padding:5px 5px 5px 10px;background:#636363;color:#fff;line-height:20px}.dwbg .dw-cal-event:first-child{margin:0}


.ui-menu-item .flag {
    width: 24px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin: 2px 0;
}

.ui-menu-item .AD {background: url('../img/flags/24/AD.png') 0 2px no-repeat; }
.ui-menu-item .AE {background: url('../img/flags/24/AE.png') 0 2px no-repeat; }
.ui-menu-item .AF {background: url('../img/flags/24/AF.png') 0 2px no-repeat; }
.ui-menu-item .AG {background: url('../img/flags/24/AG.png') 0 2px no-repeat; }
.ui-menu-item .AI {background: url('../img/flags/24/AI.png') 0 2px no-repeat; }
.ui-menu-item .AL {background: url('../img/flags/24/AL.png') 0 2px no-repeat; }
.ui-menu-item .AM {background: url('../img/flags/24/AM.png') 0 2px no-repeat; }
.ui-menu-item .AN {background: url('../img/flags/24/AN.png') 0 2px no-repeat; }
.ui-menu-item .AO {background: url('../img/flags/24/AO.png') 0 2px no-repeat; }
.ui-menu-item .AQ {background: url('../img/flags/24/AQ.png') 0 2px no-repeat; }
.ui-menu-item .AR {background: url('../img/flags/24/AR.png') 0 2px no-repeat; }
.ui-menu-item .AS {background: url('../img/flags/24/AS.png') 0 2px no-repeat; }
.ui-menu-item .AT {background: url('../img/flags/24/AT.png') 0 2px no-repeat; }
.ui-menu-item .AU {background: url('../img/flags/24/AU.png') 0 2px no-repeat; }
.ui-menu-item .AW {background: url('../img/flags/24/AW.png') 0 2px no-repeat; }
.ui-menu-item .AX {background: url('../img/flags/24/AX.png') 0 2px no-repeat; }
.ui-menu-item .AZ {background: url('../img/flags/24/AZ.png') 0 2px no-repeat; }
.ui-menu-item .BA {background: url('../img/flags/24/BA.png') 0 2px no-repeat; }
.ui-menu-item .BB {background: url('../img/flags/24/BB.png') 0 2px no-repeat; }
.ui-menu-item .BD {background: url('../img/flags/24/BD.png') 0 2px no-repeat; }
.ui-menu-item .BE {background: url('../img/flags/24/BE.png') 0 2px no-repeat; }
.ui-menu-item .BF {background: url('../img/flags/24/BF.png') 0 2px no-repeat; }
.ui-menu-item .BG {background: url('../img/flags/24/BG.png') 0 2px no-repeat; }
.ui-menu-item .BH {background: url('../img/flags/24/BH.png') 0 2px no-repeat; }
.ui-menu-item .BI {background: url('../img/flags/24/BI.png') 0 2px no-repeat; }
.ui-menu-item .BJ {background: url('../img/flags/24/BJ.png') 0 2px no-repeat; }
.ui-menu-item .BL {background: url('../img/flags/24/BL.png') 0 2px no-repeat; }
.ui-menu-item .BM {background: url('../img/flags/24/BM.png') 0 2px no-repeat; }
.ui-menu-item .BN {background: url('../img/flags/24/BN.png') 0 2px no-repeat; }
.ui-menu-item .BO {background: url('../img/flags/24/BO.png') 0 2px no-repeat; }
.ui-menu-item .BR {background: url('../img/flags/24/BR.png') 0 2px no-repeat; }
.ui-menu-item .BS {background: url('../img/flags/24/BS.png') 0 2px no-repeat; }
.ui-menu-item .BT {background: url('../img/flags/24/BT.png') 0 2px no-repeat; }
.ui-menu-item .BW {background: url('../img/flags/24/BW.png') 0 2px no-repeat; }
.ui-menu-item .BY {background: url('../img/flags/24/BY.png') 0 2px no-repeat; }
.ui-menu-item .BZ {background: url('../img/flags/24/BZ.png') 0 2px no-repeat; }
.ui-menu-item .CA {background: url('../img/flags/24/CA.png') 0 2px no-repeat; }
.ui-menu-item .CC {background: url('../img/flags/24/CC.png') 0 2px no-repeat; }
.ui-menu-item .CD {background: url('../img/flags/24/CD.png') 0 2px no-repeat; }
.ui-menu-item .CF {background: url('../img/flags/24/CF.png') 0 2px no-repeat; }
.ui-menu-item .CG {background: url('../img/flags/24/CG.png') 0 2px no-repeat; }
.ui-menu-item .CH {background: url('../img/flags/24/CH.png') 0 2px no-repeat; }
.ui-menu-item .CI {background: url('../img/flags/24/CI.png') 0 2px no-repeat; }
.ui-menu-item .CK {background: url('../img/flags/24/CK.png') 0 2px no-repeat; }
.ui-menu-item .CL {background: url('../img/flags/24/CL.png') 0 2px no-repeat; }
.ui-menu-item .CM {background: url('../img/flags/24/CM.png') 0 2px no-repeat; }
.ui-menu-item .CN {background: url('../img/flags/24/CN.png') 0 2px no-repeat; }
.ui-menu-item .CO {background: url('../img/flags/24/CO.png') 0 2px no-repeat; }
.ui-menu-item .CR {background: url('../img/flags/24/CR.png') 0 2px no-repeat; }
.ui-menu-item .CU {background: url('../img/flags/24/CU.png') 0 2px no-repeat; }
.ui-menu-item .CV {background: url('../img/flags/24/CV.png') 0 2px no-repeat; }
.ui-menu-item .CW {background: url('../img/flags/24/CW.png') 0 2px no-repeat; }
.ui-menu-item .CX {background: url('../img/flags/24/CX.png') 0 2px no-repeat; }
.ui-menu-item .CY {background: url('../img/flags/24/CY.png') 0 2px no-repeat; }
.ui-menu-item .CZ {background: url('../img/flags/24/CZ.png') 0 2px no-repeat; }
.ui-menu-item .DE {background: url('../img/flags/24/DE.png') 0 2px no-repeat; }
.ui-menu-item .DJ {background: url('../img/flags/24/DJ.png') 0 2px no-repeat; }
.ui-menu-item .DK {background: url('../img/flags/24/DK.png') 0 2px no-repeat; }
.ui-menu-item .DM {background: url('../img/flags/24/DM.png') 0 2px no-repeat; }
.ui-menu-item .DO {background: url('../img/flags/24/DO.png') 0 2px no-repeat; }
.ui-menu-item .DZ {background: url('../img/flags/24/DZ.png') 0 2px no-repeat; }
.ui-menu-item .EC {background: url('../img/flags/24/EC.png') 0 2px no-repeat; }
.ui-menu-item .EE {background: url('../img/flags/24/EE.png') 0 2px no-repeat; }
.ui-menu-item .EG {background: url('../img/flags/24/EG.png') 0 2px no-repeat; }
.ui-menu-item .EH {background: url('../img/flags/24/EH.png') 0 2px no-repeat; }
.ui-menu-item .ER {background: url('../img/flags/24/ER.png') 0 2px no-repeat; }
.ui-menu-item .ES {background: url('../img/flags/24/ES.png') 0 2px no-repeat; }
.ui-menu-item .ET {background: url('../img/flags/24/ET.png') 0 2px no-repeat; }
.ui-menu-item .EU {background: url('../img/flags/24/EU.png') 0 2px no-repeat; }
.ui-menu-item .FI {background: url('../img/flags/24/FI.png') 0 2px no-repeat; }
.ui-menu-item .FJ {background: url('../img/flags/24/FJ.png') 0 2px no-repeat; }
.ui-menu-item .FK {background: url('../img/flags/24/FK.png') 0 2px no-repeat; }
.ui-menu-item .FM {background: url('../img/flags/24/FM.png') 0 2px no-repeat; }
.ui-menu-item .FO {background: url('../img/flags/24/FO.png') 0 2px no-repeat; }
.ui-menu-item .FR {background: url('../img/flags/24/FR.png') 0 2px no-repeat; }
.ui-menu-item .GA {background: url('../img/flags/24/GA.png') 0 2px no-repeat; }
.ui-menu-item .GB {background: url('../img/flags/24/GB.png') 0 2px no-repeat; }
.ui-menu-item .GD {background: url('../img/flags/24/GD.png') 0 2px no-repeat; }
.ui-menu-item .GE {background: url('../img/flags/24/GE.png') 0 2px no-repeat; }
.ui-menu-item .GG {background: url('../img/flags/24/GG.png') 0 2px no-repeat; }
.ui-menu-item .GH {background: url('../img/flags/24/GH.png') 0 2px no-repeat; }
.ui-menu-item .GI {background: url('../img/flags/24/GI.png') 0 2px no-repeat; }
.ui-menu-item .GL {background: url('../img/flags/24/GL.png') 0 2px no-repeat; }
.ui-menu-item .GM {background: url('../img/flags/24/GM.png') 0 2px no-repeat; }
.ui-menu-item .GN {background: url('../img/flags/24/GN.png') 0 2px no-repeat; }
.ui-menu-item .GQ {background: url('../img/flags/24/GQ.png') 0 2px no-repeat; }
.ui-menu-item .GR {background: url('../img/flags/24/GR.png') 0 2px no-repeat; }
.ui-menu-item .GS {background: url('../img/flags/24/GS.png') 0 2px no-repeat; }
.ui-menu-item .GT {background: url('../img/flags/24/GT.png') 0 2px no-repeat; }
.ui-menu-item .GU {background: url('../img/flags/24/GU.png') 0 2px no-repeat; }
.ui-menu-item .GW {background: url('../img/flags/24/GW.png') 0 2px no-repeat; }
.ui-menu-item .GY {background: url('../img/flags/24/GY.png') 0 2px no-repeat; }
.ui-menu-item .HK {background: url('../img/flags/24/HK.png') 0 2px no-repeat; }
.ui-menu-item .HN {background: url('../img/flags/24/HN.png') 0 2px no-repeat; }
.ui-menu-item .HR {background: url('../img/flags/24/HR.png') 0 2px no-repeat; }
.ui-menu-item .HT {background: url('../img/flags/24/HT.png') 0 2px no-repeat; }
.ui-menu-item .HU {background: url('../img/flags/24/HU.png') 0 2px no-repeat; }
.ui-menu-item .IC {background: url('../img/flags/24/IC.png') 0 2px no-repeat; }
.ui-menu-item .ID {background: url('../img/flags/24/ID.png') 0 2px no-repeat; }
.ui-menu-item .IE {background: url('../img/flags/24/IE.png') 0 2px no-repeat; }
.ui-menu-item .IL {background: url('../img/flags/24/IL.png') 0 2px no-repeat; }
.ui-menu-item .IM {background: url('../img/flags/24/IM.png') 0 2px no-repeat; }
.ui-menu-item .IN {background: url('../img/flags/24/IN.png') 0 2px no-repeat; }
.ui-menu-item .IQ {background: url('../img/flags/24/IQ.png') 0 2px no-repeat; }
.ui-menu-item .IR {background: url('../img/flags/24/IR.png') 0 2px no-repeat; }
.ui-menu-item .IS {background: url('../img/flags/24/IS.png') 0 2px no-repeat; }
.ui-menu-item .IT {background: url('../img/flags/24/IT.png') 0 2px no-repeat; }
.ui-menu-item .JE {background: url('../img/flags/24/JE.png') 0 2px no-repeat; }
.ui-menu-item .JM {background: url('../img/flags/24/JM.png') 0 2px no-repeat; }
.ui-menu-item .JO {background: url('../img/flags/24/JO.png') 0 2px no-repeat; }
.ui-menu-item .JP {background: url('../img/flags/24/JP.png') 0 2px no-repeat; }
.ui-menu-item .KE {background: url('../img/flags/24/KE.png') 0 2px no-repeat; }
.ui-menu-item .KG {background: url('../img/flags/24/KG.png') 0 2px no-repeat; }
.ui-menu-item .KH {background: url('../img/flags/24/KH.png') 0 2px no-repeat; }
.ui-menu-item .KI {background: url('../img/flags/24/KI.png') 0 2px no-repeat; }
.ui-menu-item .KM {background: url('../img/flags/24/KM.png') 0 2px no-repeat; }
.ui-menu-item .KN {background: url('../img/flags/24/KN.png') 0 2px no-repeat; }
.ui-menu-item .KP {background: url('../img/flags/24/KP.png') 0 2px no-repeat; }
.ui-menu-item .KR {background: url('../img/flags/24/KR.png') 0 2px no-repeat; }
.ui-menu-item .KW {background: url('../img/flags/24/KW.png') 0 2px no-repeat; }
.ui-menu-item .KY {background: url('../img/flags/24/KY.png') 0 2px no-repeat; }
.ui-menu-item .KZ {background: url('../img/flags/24/KZ.png') 0 2px no-repeat; }
.ui-menu-item .LA {background: url('../img/flags/24/LA.png') 0 2px no-repeat; }
.ui-menu-item .LB {background: url('../img/flags/24/LB.png') 0 2px no-repeat; }
.ui-menu-item .LC {background: url('../img/flags/24/LC.png') 0 2px no-repeat; }
.ui-menu-item .LI {background: url('../img/flags/24/LI.png') 0 2px no-repeat; }
.ui-menu-item .LK {background: url('../img/flags/24/LK.png') 0 2px no-repeat; }
.ui-menu-item .LR {background: url('../img/flags/24/LR.png') 0 2px no-repeat; }
.ui-menu-item .LS {background: url('../img/flags/24/LS.png') 0 2px no-repeat; }
.ui-menu-item .LT {background: url('../img/flags/24/LT.png') 0 2px no-repeat; }
.ui-menu-item .LU {background: url('../img/flags/24/LU.png') 0 2px no-repeat; }
.ui-menu-item .LV {background: url('../img/flags/24/LV.png') 0 2px no-repeat; }
.ui-menu-item .LY {background: url('../img/flags/24/LY.png') 0 2px no-repeat; }
.ui-menu-item .MA {background: url('../img/flags/24/MA.png') 0 2px no-repeat; }
.ui-menu-item .MC {background: url('../img/flags/24/MC.png') 0 2px no-repeat; }
.ui-menu-item .MD {background: url('../img/flags/24/MD.png') 0 2px no-repeat; }
.ui-menu-item .ME {background: url('../img/flags/24/ME.png') 0 2px no-repeat; }
.ui-menu-item .MF {background: url('../img/flags/24/MF.png') 0 2px no-repeat; }
.ui-menu-item .MG {background: url('../img/flags/24/MG.png') 0 2px no-repeat; }
.ui-menu-item .MH {background: url('../img/flags/24/MH.png') 0 2px no-repeat; }
.ui-menu-item .MK {background: url('../img/flags/24/MK.png') 0 2px no-repeat; }
.ui-menu-item .ML {background: url('../img/flags/24/ML.png') 0 2px no-repeat; }
.ui-menu-item .MM {background: url('../img/flags/24/MM.png') 0 2px no-repeat; }
.ui-menu-item .MN {background: url('../img/flags/24/MN.png') 0 2px no-repeat; }
.ui-menu-item .MO {background: url('../img/flags/24/MO.png') 0 2px no-repeat; }
.ui-menu-item .MP {background: url('../img/flags/24/MP.png') 0 2px no-repeat; }
.ui-menu-item .MQ {background: url('../img/flags/24/MQ.png') 0 2px no-repeat; }
.ui-menu-item .MR {background: url('../img/flags/24/MR.png') 0 2px no-repeat; }
.ui-menu-item .MS {background: url('../img/flags/24/MS.png') 0 2px no-repeat; }
.ui-menu-item .MT {background: url('../img/flags/24/MT.png') 0 2px no-repeat; }
.ui-menu-item .MU {background: url('../img/flags/24/MU.png') 0 2px no-repeat; }
.ui-menu-item .MV {background: url('../img/flags/24/MV.png') 0 2px no-repeat; }
.ui-menu-item .MW {background: url('../img/flags/24/MW.png') 0 2px no-repeat; }
.ui-menu-item .MX {background: url('../img/flags/24/MX.png') 0 2px no-repeat; }
.ui-menu-item .MY {background: url('../img/flags/24/MY.png') 0 2px no-repeat; }
.ui-menu-item .MZ {background: url('../img/flags/24/MZ.png') 0 2px no-repeat; }
.ui-menu-item .NA {background: url('../img/flags/24/NA.png') 0 2px no-repeat; }
.ui-menu-item .NC {background: url('../img/flags/24/NC.png') 0 2px no-repeat; }
.ui-menu-item .NE {background: url('../img/flags/24/NE.png') 0 2px no-repeat; }
.ui-menu-item .NF {background: url('../img/flags/24/NF.png') 0 2px no-repeat; }
.ui-menu-item .NG {background: url('../img/flags/24/NG.png') 0 2px no-repeat; }
.ui-menu-item .NI {background: url('../img/flags/24/NI.png') 0 2px no-repeat; }
.ui-menu-item .NL {background: url('../img/flags/24/NL.png') 0 2px no-repeat; }
.ui-menu-item .NO {background: url('../img/flags/24/NO.png') 0 2px no-repeat; }
.ui-menu-item .NP {background: url('../img/flags/24/NP.png') 0 2px no-repeat; }
.ui-menu-item .NR {background: url('../img/flags/24/NR.png') 0 2px no-repeat; }
.ui-menu-item .NU {background: url('../img/flags/24/NU.png') 0 2px no-repeat; }
.ui-menu-item .NZ {background: url('../img/flags/24/NZ.png') 0 2px no-repeat; }
.ui-menu-item .OM {background: url('../img/flags/24/OM.png') 0 2px no-repeat; }
.ui-menu-item .PA {background: url('../img/flags/24/PA.png') 0 2px no-repeat; }
.ui-menu-item .PE {background: url('../img/flags/24/PE.png') 0 2px no-repeat; }
.ui-menu-item .PF {background: url('../img/flags/24/PF.png') 0 2px no-repeat; }
.ui-menu-item .PG {background: url('../img/flags/24/PG.png') 0 2px no-repeat; }
.ui-menu-item .PH {background: url('../img/flags/24/PH.png') 0 2px no-repeat; }
.ui-menu-item .PK {background: url('../img/flags/24/PK.png') 0 2px no-repeat; }
.ui-menu-item .PL {background: url('../img/flags/24/PL.png') 0 2px no-repeat; }
.ui-menu-item .PN {background: url('../img/flags/24/PN.png') 0 2px no-repeat; }
.ui-menu-item .PR {background: url('../img/flags/24/PR.png') 0 2px no-repeat; }
.ui-menu-item .PS {background: url('../img/flags/24/PS.png') 0 2px no-repeat; }
.ui-menu-item .PT {background: url('../img/flags/24/PT.png') 0 2px no-repeat; }
.ui-menu-item .PW {background: url('../img/flags/24/PW.png') 0 2px no-repeat; }
.ui-menu-item .PY {background: url('../img/flags/24/PY.png') 0 2px no-repeat; }
.ui-menu-item .QA {background: url('../img/flags/24/QA.png') 0 2px no-repeat; }
.ui-menu-item .RO {background: url('../img/flags/24/RO.png') 0 2px no-repeat; }
.ui-menu-item .RS {background: url('../img/flags/24/RS.png') 0 2px no-repeat; }
.ui-menu-item .RU {background: url('../img/flags/24/RU.png') 0 2px no-repeat; }
.ui-menu-item .RW {background: url('../img/flags/24/RW.png') 0 2px no-repeat; }
.ui-menu-item .SA {background: url('../img/flags/24/SA.png') 0 2px no-repeat; }
.ui-menu-item .SB {background: url('../img/flags/24/SB.png') 0 2px no-repeat; }
.ui-menu-item .SC {background: url('../img/flags/24/SC.png') 0 2px no-repeat; }
.ui-menu-item .SD {background: url('../img/flags/24/SD.png') 0 2px no-repeat; }
.ui-menu-item .SE {background: url('../img/flags/24/SE.png') 0 2px no-repeat; }
.ui-menu-item .SG {background: url('../img/flags/24/SG.png') 0 2px no-repeat; }
.ui-menu-item .SH {background: url('../img/flags/24/SH.png') 0 2px no-repeat; }
.ui-menu-item .SI {background: url('../img/flags/24/SI.png') 0 2px no-repeat; }
.ui-menu-item .SK {background: url('../img/flags/24/SK.png') 0 2px no-repeat; }
.ui-menu-item .SL {background: url('../img/flags/24/SL.png') 0 2px no-repeat; }
.ui-menu-item .SM {background: url('../img/flags/24/SM.png') 0 2px no-repeat; }
.ui-menu-item .SN {background: url('../img/flags/24/SN.png') 0 2px no-repeat; }
.ui-menu-item .SO {background: url('../img/flags/24/SO.png') 0 2px no-repeat; }
.ui-menu-item .SR {background: url('../img/flags/24/SR.png') 0 2px no-repeat; }
.ui-menu-item .SS {background: url('../img/flags/24/SS.png') 0 2px no-repeat; }
.ui-menu-item .ST {background: url('../img/flags/24/ST.png') 0 2px no-repeat; }
.ui-menu-item .SV {background: url('../img/flags/24/SV.png') 0 2px no-repeat; }
.ui-menu-item .SY {background: url('../img/flags/24/SY.png') 0 2px no-repeat; }
.ui-menu-item .SZ {background: url('../img/flags/24/SZ.png') 0 2px no-repeat; }
.ui-menu-item .TC {background: url('../img/flags/24/TC.png') 0 2px no-repeat; }
.ui-menu-item .TD {background: url('../img/flags/24/TD.png') 0 2px no-repeat; }
.ui-menu-item .TF {background: url('../img/flags/24/TF.png') 0 2px no-repeat; }
.ui-menu-item .TG {background: url('../img/flags/24/TG.png') 0 2px no-repeat; }
.ui-menu-item .TH {background: url('../img/flags/24/TH.png') 0 2px no-repeat; }
.ui-menu-item .TJ {background: url('../img/flags/24/TJ.png') 0 2px no-repeat; }
.ui-menu-item .TK {background: url('../img/flags/24/TK.png') 0 2px no-repeat; }
.ui-menu-item .TL {background: url('../img/flags/24/TL.png') 0 2px no-repeat; }
.ui-menu-item .TM {background: url('../img/flags/24/TM.png') 0 2px no-repeat; }
.ui-menu-item .TN {background: url('../img/flags/24/TN.png') 0 2px no-repeat; }
.ui-menu-item .TO {background: url('../img/flags/24/TO.png') 0 2px no-repeat; }
.ui-menu-item .TR {background: url('../img/flags/24/TR.png') 0 2px no-repeat; }
.ui-menu-item .TT {background: url('../img/flags/24/TT.png') 0 2px no-repeat; }
.ui-menu-item .TV {background: url('../img/flags/24/TV.png') 0 2px no-repeat; }
.ui-menu-item .TW {background: url('../img/flags/24/TW.png') 0 2px no-repeat; }
.ui-menu-item .TZ {background: url('../img/flags/24/TZ.png') 0 2px no-repeat; }
.ui-menu-item .UA {background: url('../img/flags/24/UA.png') 0 2px no-repeat; }
.ui-menu-item .UG {background: url('../img/flags/24/UG.png') 0 2px no-repeat; }
.ui-menu-item .US {background: url('../img/flags/24/US.png') 0 2px no-repeat; }
.ui-menu-item .UY {background: url('../img/flags/24/UY.png') 0 2px no-repeat; }
.ui-menu-item .UZ {background: url('../img/flags/24/UZ.png') 0 2px no-repeat; }
.ui-menu-item .VA {background: url('../img/flags/24/VA.png') 0 2px no-repeat; }
.ui-menu-item .VC {background: url('../img/flags/24/VC.png') 0 2px no-repeat; }
.ui-menu-item .VE {background: url('../img/flags/24/VE.png') 0 2px no-repeat; }
.ui-menu-item .VG {background: url('../img/flags/24/VG.png') 0 2px no-repeat; }
.ui-menu-item .VI {background: url('../img/flags/24/VI.png') 0 2px no-repeat; }
.ui-menu-item .VN {background: url('../img/flags/24/VN.png') 0 2px no-repeat; }
.ui-menu-item .VU {background: url('../img/flags/24/VU.png') 0 2px no-repeat; }
.ui-menu-item .WF {background: url('../img/flags/24/WF.png') 0 2px no-repeat; }
.ui-menu-item .WS {background: url('../img/flags/24/WS.png') 0 2px no-repeat; }
.ui-menu-item .YE {background: url('../img/flags/24/YE.png') 0 2px no-repeat; }
.ui-menu-item .YT {background: url('../img/flags/24/YT.png') 0 2px no-repeat; }
.ui-menu-item .ZA {background: url('../img/flags/24/ZA.png') 0 2px no-repeat; }
.ui-menu-item .ZM {background: url('../img/flags/24/ZM.png') 0 2px no-repeat; }
.ui-menu-item .ZW {background: url('../img/flags/24/ZW.png') 0 2px no-repeat; }
.ui-menu-item .GP {background: url('../img/flags/24/GP.png') 0 2px no-repeat; }
.ui-menu-item .GF {background: url('../img/flags/24/GF.png') 0 2px no-repeat; }

.js-promo-applied, .js-promo-invalid, .js-promo-type, .js-promo-notApplicable
{
    display: none;
}

.eighteen-col.basket-empty, .add-more-currency
{
    display: block;
}


#addMoreCurrency .add-more-currency, #addMoreCurrency .reload-cash-passport
{
    display: none;
}

/* Hiding #address-found-multiple causes issues with customSelect so this is done from code - restore once customSelect is elminated*/
#address-found-single, /*#address-found-multiple, */#address-not-found, #address-not-found-poc, #address-not-entered, #restricted-postal-code, #address-found-multiple,#shipping-address-not-found
{
    display: none;
}

/* Hiding #address-found-multiple causes issues with customSelect so this is done from code - restore once customSelect is elminated*/
#address-found-single-delivery, /*#address-found-multiple, */#address-not-found-delivery, #address-not-found-poc-delivery, #address-not-entered-delivery, #restricted-postal-code-delivery, #address-found-multiple-delivery
{
    display: none;
}


/* Currency widget message */
.no-matches-found
{
    font-weight: bold;
}

.contact-info label.error, .billing-info label.error, .payment-info label.error, .id-info label.error
{
    display: none;
}

.cal-color1
{
    /* background-color: #1676c4; */
    background-color: var(--blue-theme-color);
}

.cal-color2 
{
    background-color: #52B852;
}

.cal-color3 
{
    background-color: #ea8e3c;
}

.cal-color4
{
    background-color: var(--blue-theme-color);
}

.cal-color5 
{
    background-color: #52B852;
}

.cal-color6 
{
    background-color: #ea8e3c;
}

.cal-color7
{
    background-color: var(--blue-theme-color);
}

.upsell-box {
    background-color: #003368;
    color: #fff;
    width: 49%;
    display: inline-block;
    clear: both;
    text-align: center;
    padding: 50px 0;
    border-radius: 3px;
    /*margin-bottom: 20px;*/
}

.fixed-to-top
{
    position: fixed;
    top: 0;
}

.payer-auth-acs
{
    width:100%;
    text-align:center;
}


.review-page .error, .payment-on-collection .error
{
    background-color: #fde8ea;
    background-image: url('../img/icon-invalid.png');
    background-repeat: no-repeat;
    background-position: 5px 6px;
    padding: 4px 11px 7px 30px;
    border-radius: 2px;
    display: inline-block;
    margin: 2px 5px 0 -5px;
    overflow: hidden;
    height: auto;
    width: auto;
    color: #DA292F;
}

.no-items .tabnav .tabnav-1
{
    width: 100%;
}

.no-items .tabnav .tabnav-2
{
    width: 50%;
}

/* old tab styles - ends */

/* CSS Rules for a single fulfilment tab */
/*
.buying-options a.tabnav-1
{
    width: 100%;
}
*/
/* CSS Rules for two fulfilment tabs */
/*
.buying-options a.tabnav-2
{
    width: 49.5%;
}

.buying-options a.tabnav-2:first-child
{
    left: 0;
}
.buying-options a.tabnav-2:first-child ~ a.tabnav-2
{
    left: 50.5%;
    right: initial;
}
*/
/* CSS Rules for three fulfilment tabs */
/*
.buying-options a.tabnav-3
{
    width: 32.67%;
}
.buying-options a.tabnav-3:first-child
{
    left: 0;
}
.buying-options a.tabnav-3:first-child ~ a.tabnav-3
{
    left: 33.67%;
}
.buying-options a.tabnav-3:first-child ~ a.tabnav-3 ~ a.tabnav-3
{
    left: 67.34%;
}
*/
/* CSS Rules for four fulfilment tabs */

/*
.buying-options a.tabnav-4
{
    width: 24.25%;
}
.buying-options a.tabnav-4:first-child
{
    left: 0%;
}
.buying-options a.tabnav-4:first-child ~ a.tabnav-4
{
    left: 25.25%;
}
.buying-options a.tabnav-4:first-child ~ a.tabnav-4 ~ a.tabnav-4
{
    left: 50.5%;
}
.buying-options a.tabnav-4:first-child ~ a.tabnav-4 ~ a.tabnav-4 ~ a.tabnav-4
{
    left: 75.75%;
}

*/

/* old tab styles - ends */


/* new tab styles - ends */


/* CSS Rules for a single fulfilment tab */
.buying-options .tabnav-1
{
    width: 100%;
}

/* CSS Rules for two fulfilment tabs */
.buying-options .tabnav-2
{
    width: 50%;
}

.buying-options .tabnav-2:first-child
{
    left: 0;
}
.buying-options .tabnav-2:first-child ~ a.tabnav-2, .buying-options .tabnav-2:first-child ~ .tabnav-2
{
    left: 50%;
    right: initial;
}

/* CSS Rules for three fulfilment tabs */
.buying-options .tabnav-3
{
    width: 33.33%;
}
.buying-options .tabnav-3:first-child
{
    left: 0;
}
.buying-options .tabnav-3:first-child ~ .tabnav-3
{
    left: 33.33%;
}
.buying-options .tabnav-3:first-child ~ .tabnav-3 ~ .tabnav-3
{
    left: 66.66%;
}

/* CSS Rules for four fulfilment tabs */
.buying-options .tabnav-4
{
    width: 25%;
}
.buying-options .tabnav-4:first-child
{
    left: 0%;
}
.buying-options .tabnav-4:first-child ~ .tabnav-4
{
    left: 25%;
}
.buying-options .tabnav-4:first-child ~ .tabnav-4 ~ .tabnav-4
{
    left: 50%;
}
.buying-options .tabnav-4:first-child ~ .tabnav-4 ~ .tabnav-4 ~ .tabnav-4
{
    left: 75%;
}


/* new tab styles - ends */







@font-face {
    font-family: 'FS Me Web Bold Italic';
    src: url('../fonts/fontdeck/FS-Me-Web-Bold-Italic.eot');
    src: url('../fonts/fontdeck/FS-Me-Web-Bold-Italic.eot?') format('embedded-opentype'),
    url('../fonts/fontdeck/FS-Me-Web-Bold-Italic.woff') format('woff'),
    url('../fonts/fontdeck/FS-Me-Web-Bold-Italic.ttf') format('opentype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FS Me Web Bold';
    src: url('../fonts/fontdeck/FS-Me-Web-Bold.eot');
    src: url('../fonts/fontdeck/FS-Me-Web-Bold.eot?') format('embedded-opentype'),
    url('../fonts/fontdeck/FS-Me-Web-Bold.woff') format('woff'),
    url('../fonts/fontdeck/FS-Me-Web-Bold.ttf') format('opentype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Me Web Italic';
    src: url('../fonts/fontdeck/FS-Me-Web-Italic.eot');
    src: url('../fonts/fontdeck/FS-Me-Web-Italic.eot?') format('embedded-opentype'),
    url('../fonts/fontdeck/FS-Me-Web-Italic.woff') format('woff'),
    url('../fonts/fontdeck/FS-Me-Web-Italic.ttf') format('opentype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FS Me Web Light Italic';
    src: url('../fonts/fontdeck/FS-Me-Web-Light-Italic.eot');
    src: url('../fonts/fontdeck/FS-Me-Web-Light-Italic.eot?') format('embedded-opentype'),
    url('../fonts/fontdeck/FS-Me-Web-Light-Italic.woff') format('woff'),
    url('../fonts/fontdeck/FS-Me-Web-Light-Italic.ttf') format('opentype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FS Me Web Regular';
    src: url('../fonts/fontdeck/FS-Me-Web-Regular.eot');
    src: url('../fonts/fontdeck/FS-Me-Web-Regular.eot?') format('embedded-opentype'),
    url('../fonts/fontdeck/FS-Me-Web-Regular.woff') format('woff'),
    url('../fonts/fontdeck/FS-Me-Web-Regular.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Me Web Light';
    src: url('../fonts/fontdeck/FS-Me-Web-Light.eot');
    src: url('../fonts/fontdeck/FS-Me-Web-Light.eot?') format('embedded-opentype'),
    url('../fonts/fontdeck/FS-Me-Web-Light.woff') format('woff'),
    url('../fonts/fontdeck/FS-Me-Web-Light.ttf') format('opentype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}


/* lato font start */
@font-face {
    font-family: 'Lato Black';
    src: url('../fonts/lato/Lato-Black.eot');
    src: url('../fonts/fontdeck/Lato-Black.eot?') format('embedded-opentype'), 
         url('../fonts/lato/Lato-Black.woff') format('woff'), 
         url('../fonts/lato/Lato-Black.woff2') format('woff2'),
         url('../fonts/fontdeck/Lato-Black.ttf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato Black Italic';
    src: url('../fonts/lato/Lato-BlackItalic.eot');
    src: url('../fonts/fontdeck/Lato-BlackItalic.eot?') format('embedded-opentype'), 
         url('../fonts/lato/Lato-BlackItalic.woff') format('woff'), 
         url('../fonts/lato/Lato-BlackItalic.woff2') format('woff2'),
         url('../fonts/fontdeck/Lato-BlackItalic.ttf') format('opentype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato Bold';
    src: url('../fonts/lato/Lato-Bold.eot');
    src: url('../fonts/fontdeck/Lato-Bold.eot?') format('embedded-opentype'), 
         url('../fonts/lato/Lato-Bold.woff2') format('woff2'),
         url('../fonts/fontdeck/Lato-Bold.ttf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato Bold Italic';
    src: url('../fonts/lato/Lato-BoldItalic.eot');
    src: url('../fonts/fontdeck/Lato-BoldItalic.eot?') format('embedded-opentype'), 
         url('../fonts/lato/Lato-BoldItalic.woff') format('woff'), 
         url('../fonts/lato/Lato-BoldItalic.woff2') format('woff2'),
         url('../fonts/fontdeck/Lato-BoldItalic.ttf') format('opentype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Lato Light';
    src: url('../fonts/lato/Lato-Light.eot');
    src: url('../fonts/fontdeck/Lato-Light.eot?') format('embedded-opentype'), 
         url('../fonts/lato/Lato-Light.woff') format('woff'), 
         url('../fonts/lato/Lato-Light.woff2') format('woff2'),
         url('../fonts/fontdeck/Lato-Light.ttf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato Light Italic';
    src: url('../fonts/lato/Lato-LightItalic.eot');
    src: url('../fonts/fontdeck/Lato-LightItalic.eot?') format('embedded-opentype'), 
         url('../fonts/lato/Lato-LightItalic.woff') format('woff'), 
         url('../fonts/lato/Lato-LightItalic.woff2') format('woff2'),
         url('../fonts/fontdeck/Lato-LightItalic.ttf') format('opentype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Lato Medium';
    src: url('../fonts/lato/Lato-Medium.eot');
    src: url('../fonts/fontdeck/Lato-Medium.eot?') format('embedded-opentype'), 
         url('../fonts/lato/Lato-Medium.woff') format('woff'), 
         url('../fonts/lato/Lato-Medium.woff2') format('woff2'),
         url('../fonts/fontdeck/Lato-Medium.ttf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato Medium Italic';
    src: url('../fonts/lato/Lato-MediumItalic.eot');
    src: url('../fonts/fontdeck/Lato-MediumItalic.eot?') format('embedded-opentype'), 
         url('../fonts/lato/Lato-MediumItalic.woff') format('woff'), 
         url('../fonts/lato/Lato-MediumItalic.woff2') format('woff2'),
         url('../fonts/fontdeck/Lato-MediumItalic.ttf') format('opentype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato Regular';
    src: url('../fonts/lato/Lato-Regular.eot');
    src: url('../fonts/fontdeck/Lato-Regular.eot?') format('embedded-opentype'), 
         url('../fonts/lato/Lato-Regular.woff') format('woff'), 
         url('../fonts/lato/Lato-Regular.woff2') format('woff2'),
         url('../fonts/fontdeck/Lato-Regular.ttf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato Italic';
    src: url('../fonts/lato/Lato-Italic.eot');
    src: url('../fonts/fontdeck/Lato-Italic.eot?') format('embedded-opentype'), 
         url('../fonts/lato/Lato-Italic.woff') format('woff'), 
         url('../fonts/lato/Lato-Italic.woff2') format('woff2'),
         url('../fonts/fontdeck/Lato-Italic.ttf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Lato Semibold';
    src: url('../fonts/lato/Lato-Semibold.eot');
    src: url('../fonts/fontdeck/Lato-Semibold.eot?') format('embedded-opentype'), 
         url('../fonts/lato/Lato-Semibold.woff') format('woff'), 
         url('../fonts/lato/Lato-Semibold.woff2') format('woff2'),
         url('../fonts/fontdeck/Lato-Semibold.ttf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato Semibold Italic';
    src: url('../fonts/lato/Lato-SemiboldItalic.eot');
    src: url('../fonts/fontdeck/Lato-SemiboldItalic.eot?') format('embedded-opentype'), 
         url('../fonts/lato/Lato-SemiboldItalic.woff') format('woff'), 
         url('../fonts/lato/Lato-SemiboldItalic.woff2') format('woff2'),
         url('../fonts/fontdeck/Lato-SemiboldItalic.ttf') format('opentype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato Thin';
    src: url('../fonts/lato/Lato-Thin.eot');
    src: url('../fonts/fontdeck/Lato-Thin.eot?') format('embedded-opentype'), 
         url('../fonts/lato/Lato-Thin.woff') format('woff'), 
         url('../fonts/lato/Lato-Thin.woff2') format('woff2'),
         url('../fonts/fontdeck/Lato-Thin.ttf') format('opentype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato Thin Italic';
    src: url('../fonts/lato/Lato-ThinItalic.eot');
    src: url('../fonts/fontdeck/Lato-ThinItalic.eot?') format('embedded-opentype'), 
         url('../fonts/lato/Lato-ThinItalic.woff') format('woff'), 
         url('../fonts/lato/Lato-ThinItalic.woff2') format('woff2'),
         url('../fonts/fontdeck/Lato-ThinItalic.ttf') format('opentype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}
/* lato font end */

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

[data-icon-new]:before {
    font-family: 'icomoon' !important;
    content: attr(data-icon-new);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

[class^="icon-"], [class*=" icon-"], [data-icon-new]:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1; /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-smartphone_black_24dp:before {
    content: "\e900";
    margin: 0 13px 0 0;
    color: #1676c4;
    font-size: 15px;
    font-family: 'icomoon' !important;
}

.icon-ATM:before {
    content: "\e901";
    color: #1676c4;
    font-family: 'icomoon' !important;
}

.icon-Store:before {
    content: "\e902";
    color: #1676c4;
    font-family: 'icomoon' !important;
}

.icon-Click:before {
    content: "";
    font-size: 21px !important;
    left: -30px !important;
    padding: 0 0 7px 0px;
    font-family: 'icomoon' !important;
}

@media only screen and (max-width: 640px) {
    .icon-Click:before {
        content: "";
        font-size: 21px !important;
        left: 0px !important;
    }

    .buying-options-tab em:before {
        position: absolute;
        top: -5px !important;
        left: 0;
        font-size: 32px;
    }

    .country-AU .buying-options-tab em:before {
        top: -20px !important;
    }

    .country-US .buying-options-tab em:before {
        top: -20px !important;
    }
}

@media only screen and (max-width: 768px) {
    .icon-Click:before {
        content: "";
        font-size: 21px !important;
        left: 0px !important;
        padding: 0 0 7px 0px;
        line-height: 1;
    }
}

img.store-address.storerow-logo {
    width: auto;
    height: auto;
}

#residential_address-Suburb select, #residential_address-State select {
    height: 32px !important;
}

.logo-au {
    background: url(/au/files/travelex_logo_new.svg) no-repeat;
    width: 196px;
    height: 57px;
    display: block;
}


@media only screen and (max-width: 768px) {
    .header-container header nav ul {
        padding-left: 3px;
    }

    .logo-au {
        width: 130px;
        height: 37px;
    }
}

.selected-option {
    font-weight: bold;
}

.radio-container {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    margin-right: 25px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.radio-group-title {
    font-weight: bold;
    margin-bottom: 10px;
}

.radio-container input:checked ~ .checkmark {
    background-color: white;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: white;
    border: 1px solid #eee;
    border-radius: 50%;
}

.radio-container input:checked ~ .checkmark:after {
    display: block;
}

.radio-container .checkmark:after {
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #1676c4;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


.store-container {
    background: #FFFFFF;
    border-radius: 5px;
    padding: 24px 30px;
    display: flex;
    flex-direction: column;
    margin-top: 11px;
    border: 1px solid #475467;
    position: relative;
}

.store-content, .atm-content {
    display: flex;
    flex-direction: row;
}

.atm-container {
    background: #FFFFFF;
    border-radius: 5px;
    padding: 24px 30px;
    display: flex;
    flex-direction: column;
    margin-top: 11px;
    border: 1px solid #475467;
    position: relative;
}

.store-container::before, .atm-container::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border: 1px solid #475467;
    border-radius: 50%;
    top: 9px;
    left: 9px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.store-container.active-border::before, .atm-container.active-border::before {
    background-color: var(--blue-theme-color);
    border-color: var(--blue-theme-color);
    background-image: url("../img/stepper-done.svg");
    background-size: cover;
    background-repeat: no-repeat;
}

.store-container .store-info,
.atm-container .atm-info {
    display: none;
    margin-top: 15px;
    padding-top: 11px;
    border-top: solid 1px #E7E7E8;
}

.store-container.active-border .store-info,
.atm-container.active-border .atm-info {
    display: flex;
    align-items: center;
}

.store-container.active-border .store-info svg,
.atm-container.active-border .atm-info svg {
    margin-right: 8px;
    min-width: 20px;
    width: 20px;
    height: 20px;
}

.store-container.active-border .store-info svg path,
.atm-container.active-border .atm-info svg path {
    fill: #212644;
}

.store-container .store-info p,
.atm-container .atm-info p {
    font-size: 12px;
    color: #212644;
    margin: 0;
    line-height: normal;
}

.left-detail {
    width: 50%;
    display: flex;
    align-items: center;
}

.right-detail {
    width: 50%;
    display: flex;
    align-items: center;
}

.img-full {
    max-width: 100%;
    height: auto;
}

.detail-box .logo-detail {
    font-size: 1em;
    line-height: 19px;
    margin: 0;
    /* color: #212644; */
    color: #475467;
    font-weight: bold;
}

.detail-box .logo-subdetail {
    font-size: 0.9em;
    line-height: 17px;
    margin: 6px 0 0;
    /* color: #212644; */
    color: #475467;
    font-weight: normal;
}

.detail-box {
    margin-left: 8px;
}

.full-wdh {
    width: 100%;
}

.new-txt {
    font-size: 9px;
    line-height: 11px;
    background-color: #2EADB7;
    width: 30px;
    color: #FFFFFF;
    display: block;
    margin: -13px auto 2px;
    text-align: center;
}

.active-border {
    border: 3px solid var(--blue-theme-color);
}

@media only screen and (max-width: 360px) {
    .left-detail, .right-detail {
        align-items: center;
    }
}

/* ATM AND STORE LOGO CSS */

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

.less-info {
    display: flex;
    align-items: center;
}

img.store-address.storerow-logo {
    margin: 0 0 0 5px;
    width: 150px;
    max-width: 100%;
}

.left-auto {
    margin-left: auto;
}


/*Global copy*/
ul.store-results-container .atmrow-selector {
    float: right;
    min-width: 50%;
    position: relative;
    display: block;
    padding: 0 0px 0 0;
    margin: -6px 0 0 0;
    max-width: 700px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.atmrow-selector-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

select.button.atmrow-selector-name.hasCustomSelect {
    width: 100% !important;
    left: 0px;
    height: 40px !important;
    top: 0;
    cursor: pointer;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-weight: normal;
}

    select.button.atmrow-selector-name.hasCustomSelect option {
        background: #f2f2f2;
        color: #787878;
        font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
        font-weight: normal;
    }

ul.store-results-container .atmrow-selector .customSelect.button {
    color: #fff;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    width: auto;
    border: 0 none;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    float: right;
    padding: 0;
    background: url('../img/down-arrow-white.png') no-repeat #1676c4 right top;
    min-width: 450px;
}

ul.store-results-container .atmrow-selector .customSelectInner {
    padding: 10px 0px 5px 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    overflow: hidden;
    width: 87% !important;
    text-overflow: ellipsis;
    background: none;
    font-family: "Lato Regular",Helvetica,Arial,Verdana,sans-serif;
    font-weight: normal;
}

.atmrow-selector ul.atmrow-selector-options {
    position: absolute;
    z-index: 999;
    width: 100%;
    background: #fff;
    max-height: 200px;
    overflow: auto;
}

    .atmrow-selector ul.atmrow-selector-options li {
        border-bottom: 1px solid #ccc;
    }

.less-info {
    /*overflow:hidden;*/
}

.less-info-location {
    float: left;
}

a.atmrow-selector-name {
    padding: 10px 50px 10px 10px;
    position: relative;
}

ul.store-results-container .more-info div.info-box {
    background: #fff;
    float: left;
    min-height: 250px;
    width: 29%;
    margin: 0 2% 0 3%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

ul.store-results-container .atmrow-image.info-box.airport-map.last {
    height: 250px;
}

p.text.atmrow-contact a {
    font-family: "Lato Regular", Helvetica, Arial, Verdana, sans-serif;
    font-weight: normal;
    text-decoration: underline;
}

p.atmrow-contact {
    word-break: break-word;
}

/*AU*/

ul.store-results-container .more-info div.info-box.atmrow-image {
    background-color: #EFF5FB;
}

.atmrow-image img {
    vertical-align: baseline;
    max-width: 100%;
    /*display: none;*/
}

.atmrow-image .amap-container, .atmrow-image .gmap-container {
    width: 100%;
    height: 100%;
}

p.atmrow-address {
    padding-left: 30px;
    font-size: 0.85em;
    margin: 10px 0px 0 0;
}

img.store-address.atmrow-logo {
    float: right;
    margin: -53px 0 0 0;
    display: block;
    width: 72px;
    height: 54px;
}

a.atmrow-selector-name span.vr {
    position: absolute;
    top: 0;
    right: 0;
    padding: 12px 10px 7px 10px;
}

.info-box.airport-map, .info-box.atmrow-image {
    overflow: hidden;
}

.atmrow-selector-name.active {
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    -o-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}

ul.store-results-container .atmrow-selector {
    margin: 10px 0 0 0px;
    float: left;
}

ul.store-results-container .atmrow-selector {
    float: none;
    margin: 0;
    max-width: none;
    width: auto;
}

ul.store-results-container .storerow-selector {
    width: 100%;
    float: none;
    margin: 0;
    max-width: none;
}

ul.store-results-container .atmrow-selector .customSelect.button {
    min-width: 0;
    width: 100%;
}

ul.store-results-container .more-info div.info-box.atmrow-image.store-map, ul.store-results-container .more-info div.info-box.atmrow-image.airport-map {
    display: none;
}

.atmrow-selector-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

img.store-address.atmrow-logo {
    float: none;
    margin: 10px 0 0 28px;
    display: block;
    clear: both;
    width: 60px;
}

ul.store-results-container .atmrow-selector .customSelectInner {
    width: 80% !important;
}

img.store-address.atmrow-logo[src=""] {
    display: none !important;
}


/*mobile number field css*/

.mobile-info {
    margin: 0 auto;
}

.mobileflag {
    display: block;
    width: 5%;
    float: left;
    background: #dcdcdc;
    height: 32px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-position: center;
    margin-bottom: 0px !important;
}

.AU {
    background-image: url("../img/svg/flags/AU.svg");
}

.GB {
    background-image: url("../img/svg/flags/GB.svg");
}

.numcode {
    float: left;
    width: 5%;
    height: 23px;
    border: 1px solid #dcdcdc;
    border-right: 1px white;
    text-align: center;
    padding-top: 7px;
    margin-bottom: 0px !important;
    color: #475467;
}

.mobile-info #mobilenumber, #confirmmobilenumber {
    float: left;
    width: 24.6%;
    border-left: none;
    margin-left: -7px;
    font-size: 14px;
    height: 32px;
    color: #475467;
}

.mobile-info #mobilenumber:focus, #mobilenumber, #confirmmobilenumber:focus, #confirmmobilenumber {
    border: 1px solid #DCDCDC;
    outline: 0px solid #DCDCDC;
    /* border-left: none; */
}

.mobile-info #mobilenumber:focus, #mobilenumber, #confirmmobilenumber:focus, #confirmmobilenumber {
    border: 1px solid #DCDCDC;
    outline: 0px solid #DCDCDC;
    border-left: none;
    outline-left: none;
}

#mobilenumber:focus, #mobilenumber:hover, #mobilenumber:active, #mobilenumber:focus {
    outline: 1px solid #dcdcdc;
    border: 1px solid #dcdcdc;
}

#confirmmobilenumber:focus, #confirmmobilenumber:hover, #confirmmobilenumber:active, #confirmmobilenumber:focus {
    outline: 1px solid #dcdcdc;
    border: 1px solid #dcdcdc;
}

@media only screen and (max-width: 767px) {
    .mobile-info #mobilenumber, #confirmmobilenumber {
        width: 39%;
    }
    .less-info {
        flex-direction: column;
        align-items: flex-start;
    }

    .left-auto {
        margin: 10px 0 0;
        padding-left: 30px;
    }

    .store-results-container .left-auto {
        margin: 0 0 0;
    }

    img.store-address.storerow-logo {
        padding-left: 20px;
    }

    .flex-order-1 {
        order: 1;
    }

    .flex-order-2 {
        order: 2;
    }

    .flex-order-3 {
        order: 3;
    }

    ul.store-results-container .more-info div.info-box {
        width: 100%;
        margin: 10px 0;
    }

    .atm-logo {
        width: 35px;
    }

    .store-logo {
        width: 35px;
    }

    .atm-logo-detail {
        width: 30px;
    }

    .store-logo-detail {
        width: 30px;
    }

    img.store-address.storerow-logo {
        width:90px;
    }
}

@media only screen and (max-width: 640px) {
    .mobile-info #mobilenumber, #confirmmobilenumber {
        width: 80%;
        margin-right: 0%;
    }

    .mobileflag, .numcode {
        width: 10%;
    }
}
/*end of mobile field css new*/

@media (min-width: 768px) and (max-width: 991px) {
    .store-results li {
        padding: 20px;
    }
}

ul.store-results-container .storerow-selector{
    width: 100%;
}

ul.store-results-container .atmrow-selector {
    width: 100%;
}

.calendar-ATM {
    padding: 13px 0;
    min-height: 42px;
    line-height: 1.2;
    display: block;
    position: relative;
}

.calendar-ATM .icon-ATM {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

    .calendar-ATM .icon-ATM:before {
        content: "\e901";
        margin: 0 13px 0 0;
        color: #1676c4;
        font-size: 36px;
        padding-right: 3px;
    }

@media only screen and (max-width: 991px) {
    .left-detail,
    .right-detail {
        width: 100%;
    }

    .store-container .store-content, .atm-container .atm-content {
        flex-direction: column;
    }

    ul.store-results-container .storerow-selector {
        width: 100%;
        margin: 10px 0 0;
    }
    .calendar-ATM .icon-ATM:before {
        margin: 0 13px 0 -3px;
      
    }
    ul.store-results-container .atmrow-selector {
        margin: 10px 0;
    }
}
@media only screen and (max-width: 540px) {
    .calendar-ATM .icon-ATM:before {
        margin: 0 13px 0 0;
    }

}