/* Global CSS Document */

body,html {
	background:#fff;
	height:100%;
}
h1,h2,h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#183a74;
	margin:0;
	padding:0;
}
h1 {
	font-size:1.6em;
	font-weight:bold;
	margin:20px 0 5px 0;
}
h2 {
	font-size:1.4em;
	font-weight:bold;
	margin-top:10px;
}
h3 {
	font-size:1.2em;
	font-weight:bold;
}
h4 {
	font-size:0.8em;
	font-weight:bold;
}
p {
	margin-bottom:20px;
	line-height: 1.4em;
	text-align: justify;
}
a {
	color:#183a74;
	text-decoration:underline;
}
a:hover {
	font-weight:bold;
	text-decoration:underline;
}
li {
	line-height: 1.4em;
}

label { font-weight: normal; }

.betaLanguage {
	width:99%;
	line-height:24px;
	color:#000;
	background-color:#ffe5a4;
	border:1px solid orange;
	text-align:center;
}
.betaLanguage a {
	text-decoration:underline;
}
.betaLanguage a:hover {
	font-weight:bold;
}
#wrapper {
	min-height:100%;
	position:relative;
}
#bodycontainer {
	width:100%;
	background:#FFF url(../../images/page_bg.png) repeat-x top;
	padding-bottom:140px;   /* Height of the footer */
}
.container {
	margin:0 auto;
	width:90%;
}
#header {
	height:129px;
}
#topright {
	float:right;
	position:relative;
	z-index:1;
}
#topright a {
	display:block;
	padding:10px;
	text-align:center;
	font-size:0.8em;
	line-height:1.5em;
}
#topright a:hover {
	text-decoration: none;
}
#banner {
	height:75px; 
	position: relative;
}
#banner a {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
#banner a>img {
	max-height:75px; 
	max-width:100%
}
.navbar {
	width:100%;
	height:34px;
	white-space:nowrap;
	-webkit-overflow-scrolling:touch;
	-ms-overflow-style:-ms-autohiding-scrollbar; /* IE 10+ */
	scrollbar-width: none;			/* Firefox 63- */
	overflow: -moz-scrollbars-none;	/* Firefox 64-70? */
	overflow-x:auto;
	overflow-y:hidden;
	display: flex;
}
.navbar::-webkit-scrollbar {
  display: none; 
}
.navbar ul {
	list-style:none;
	margin:0;
	padding:0;
}
.navbar li {
	display:inline-block;
	margin:0 6px 0 0;
	padding:0;
}
.navbar li.active {
	background-color:#fff;
	border-radius: 5px 5px 0 0;
	margin-top: 3px;
}
.navbar li.active a {
	margin-top: -3px;
	color: black;
}
.navbar .sec {
	flex:1;
	text-align:right;
	margin-left:20px !important;
}
.navbar li a {
	display:block;
	height:34px;
	line-height:36px;
	padding:0 12px;
	color: white;
	text-decoration:none;
	font-weight:bold;
}
.navbar li a:hover {
	text-decoration:underline;
}
#titlebar {
	position: absolute;
	top: 75px;
	margin:0;
	line-height:36px;
	padding:0;
	color:#fff;
	font-weight:bold;
}

#footer {
	width:100%;
	position:absolute;
	bottom:0;
}
#doormat {
	background:#EEE;
}
#doormat .container {
	padding:20px 0;
	background-repeat:no-repeat;
	background-position:right center;
}
.block {
	float:left;
	width:18%;
}
#doormatblocks h3 {
	margin-bottom:5px;
}
#doormatblocks ul {
	list-style:none;
	margin:0;
	padding:0;
}
#doormatblocks a {
	color:#666;
	text-decoration:none;
	font-size:0.9em;
}
#doormatblocks a:hover { 
	font-weight:bold;
}
#trailer {
	margin-top:5px;
	margin-bottom:5px;
	font-size:0.8em;
	color:gray;
}
.left { float:left }
.center { text-align:center }
.right { float:right }
.hidden { display:none }
.narrow { width:1% }
.wide { width:99% }
.colauto {
	width:auto;
}
.col {
	float:left;
}
.col.last {
	float:right;
	padding-right:0;
}
.col2 { 
	width:49.5%; 
	padding-right:1%;
}
.col3 { 
	width:33%; 
	padding-right:0.5%;
}
.required {
	color: red;
	font-size:0.8em;
}
.recommended {
	color: green;
	font-size:0.8em;
}
#expand, #collapse {
	float:right;
	margin-top:-18px;
	font-size:0.8em;
	cursor:pointer;
}
#search ul {
	list-style-type:none;
	padding-left:0;
}
#search li {
	line-height:1.8em;
}
.printonly { display:none }

.bttn {
	color:white;
	text-decoration:none;
	vertical-align:middle;
	font-size:1.5em;
	padding:10px;
	display:inline-block;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.3);
	box-shadow:0 1px 2px rgba(0,0,0,0.3);
	border:1px solid #FF6600;
	background:#FDDC85;
	background:-webkit-gradient(linear,0 0,0 bottom,from(#FDDC85),to(#FF6600));
	background:-moz-linear-gradient(#FDDC85,#FF6600);
	background:-o-linear-gradient(#FDDC85,#FF6600);
	background:linear-gradient(#FDDC85,#FF6600);
	-pie-background:linear-gradient(#FDDC85,#FF6600);
}
.bttn:hover {
	text-decoration:none;
	color:white;
	box-shadow:0px 0px 8px #bbb; 
	-moz-box-shadow:0px 0px 8px #bbb; 
	-webkit-box-shadow:0px 0px 8px #bbb;
}
.bttn:focus {
	outline:thin dotted #333;
	outline-offset: -2px;
	color:white;
}
.bttn.active, .bttn:active {
	box-shadow:0 2px 2px rgba(0, 0, 0, 0.05);
	outline:0 none;
}
.bttn.disabled, .bttn[disabled] {
	box-shadow:none;
	cursor:default;
	opacity:0.65;
}
.bttn-large {
	margin-top: -3px;
	border-radius:6px 6px 6px 6px;
	font-size:19px;
	line-height:16px;
	padding:9px 19px;
}
.bttn-small {
	margin-top: -3px;
	border-radius:3px 3px 3px 3px;
	font-size:11.96px;
	padding:2px 10px;
}
.bttn-mini {
	margin-top: -1px;
	border-radius:3px 3px 3px 3px;
	font-size:9.75px;
	line-height:10px;
	padding:5px 6px;
}

.sprite {
	overflow:hidden;
	display:inline-block;
	vertical-align: middle;
	position: relative;
}
.sprite img {
	position: relative;
}
.supp_shop, .supp_onsite, .supp_remote, .supp_phone, .supp_chat, .supp_review { width:32px }
.supp_shop img { left:0 }
.supp_onsite img { left:-33px }
.supp_remote img { left:-66px }
.supp_phone img { left:-99px }
.supp_chat img { left:-132px }
.supp_review img { left:-165px }
.misc_info, .misc_wizard, .misc_add, .misc_copy, .misc_down, .misc_up, .misc_edit, .misc_delete { width:16px; height:16px }
.misc_info img { left:-104px; top:-50px }
.misc_wizard img { left:-88px; top:-84px }
.misc_add img {left:-105px; top:-16px }
.misc_copy img {left:-54px; top:-70px }
.misc_down img {left:-71px; top:-70px }
.misc_up img {left:-88px; top:-67px }
.misc_edit img { left:-54px; top:-87px }
.misc_delete img { left:-105px; top:-33px }
.misc_w3c { width:80px; height:15px }
.misc_w3c img { left:0; top:0 }
.misc_new { background:url(../../images/v2.8/misc.png) -51px -16px; width:32px; height:15px; }
.misc_new_r { background:url(../../images/v2.8/misc.png) -81px 0; width:32px; height:15px; }
.misc_lang { background:url(../../images/v2.8/misc.png) -71px -87px; width:16px; height:16px; }
.misc_video { width:50px; height:50px }
.misc_video img { left:0; top:-16px; }
.misc_close { width:20px; height:20px }
.misc_close img { left:-51px; top:-49px; }

.qtip {
	font-size: 1em !important;
}

.featherlight-content {
	min-width: 50%;
	max-width: 90%;
}

input:focus {
	background-color: lightyellow;
}
input[type="checkbox"]:focus {
	outline: yellow solid 2px;
}
.indent {
    display: inline-block;
    padding-left: 1.5em;
    text-indent: -1.5em;
}
#scancircle_button { color:#183a74; }
#scancircle_button:hover { color: #ec7500; }

#map {
	margin-bottom:20px;
	min-width:480px;
}
#map-panel { 
	float:left;
	width:205px;
	text-align:left;
	margin-right:5px;
}
#map-canvas {
	min-width: 420px;
}
#map-canvas>div { width: 100%; }
#map-info { 
	display:none;
	float:right;
	width:205px;
	text-align:left;
	margin-left:5px;
}
#map-panel, #map-canvas, #map-info { height: 610px; }
.map-legend { 
	clear:both;
	text-align: center; 
}
#locip {
	clear:both;
	float:left;
	font-size:0.8em;
}
.mylocation { 
	background:url(../../images/v2.7/location.png) -66px -53px;  
	width:18px; 
	height:18px; 
	float:right; 
	cursor:pointer;
}
.storelocator-panel h4 { font-size: 1.5em !important; }
.features-label, .stores-label { padding-left:5px; margin-bottom:0; color: white; background-color: black; }
.features-label:after { border-color: white transparent !important; }
.feature-filter { margin-bottom: 10px; }
.no-stores { color:red !important; }
.store {
	border-bottom: 1px lightgray solid;
}
.store .distance {
	display: inline-block;
	float: right;
	color: white;
	background-color: #3399ff;
	padding: 1px 4px;
	border-radius:4px;
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.3);
	box-shadow:0 1px 2px rgba(0,0,0,0.3);
}
.store img, .store h2, .store p {
	margin:0;
}
.store h2 {
	font-size: 1.3em;
	color:black;
}
.msg-storelist>a { 
	font-size:1.3em;
	color:lightgray; 
}
.infowindow {
	padding: 10px;
	border: gray 1px solid;
}
.infowindow .infotitle {
	color:white;
	background:black;
	font-size: 1.5em;
	line-height: 1.5em;
	margin: -10px -10px 10px;
	padding-left: 5px;
	font-weight: bold;
}
.infowindow .infotitle .close {
	cursor: pointer;
}
.infowindow .title {
	font-size:18px;
	line-height:18px;
	font-weight: bold;
	margin:10px 0;
}
.infowindow .address {
	font-size:16px;
	line-height:16px;
	margin-bottom:10px;
}
.infowindow .feature-filter label {
  display: block;
}
.infowindow .slogan {
	font-size:16px;
	line-height: 1em;
	font-style:italic;
	margin:10px 0;
}
.infowindow .close::after { content:'x'; }
.infowindow .close { color:white; text-decoration:none; float:right; margin-right:10px; }
.infowindow .icons>a{ margin-right:20px; }
.infowindow .icons .website { background:url(../../images/v2.7/location.png) -33px -33px; width:32px; height:32px; }
.infowindow .icons .review { background:url(../../images/v2.7/location.png) 0 -33px; width:32px; height:32px; }
.infowindow .icons .directions { background:url(../../images/v2.7/location.png) 0 0; width:33px; height:32px; }
.map-legend .shop { background:url(../../images/v2.7/location.png) -67px 0; width:32px; height:32px; }
.map-legend .area { background:url(../../images/v2.7/location.png) -66px -33px; width:19px; height:19px; margin-left:20px; margin-right:10px; }
.map-legend .myloc { background:url(../../images/v2.7/location.png) -34px 0; width:32px; height:32px; margin-left:10px; }
.map-legend img { margin:0 10px 0 20px; }
.map-legend img:first-child { margin:0; }
.map-legend img:last-child { margin-right:0; }

#fees select {
	margin-top: 0;
	margin-bottom: 0;
}
.amount { 
	text-align:right; 
}
.convert { 
	padding-right:0; 
}

/* Mobile devices ----------- */
@media only screen
and (max-width : 900px) {
	.container { width:90%; }
	.bar { margin-left: 0; margin-right: 0; }
	#doormat>div { background-image: none; }
	#doormatblocks>.block { width:25%; }
	.socials { display: none; }
}