body {
	font-family: 'LucidaGrande', Arial, sans-serif; font-size: 13px; color: var(--primary-color, #333);
	margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; line-height: 1;
}
a {
	color: #666;
}
a:hover {
	color: #000;
}

@media only screen and (max-width: 1366px) {
	body {
		font-size: 75% !important;
	}
	#wrap {
		height: auto !important;
	}
	input, select { width: 75% !important; }
	.image {
		width: 75% !important;
	}
	.imgLogo, #imgLogo > a > img {
		max-width: 90%;
	}
}

#header {
	margin: 25px auto !important; width: auto !important; min-height: 150px;
}
#header > a > img, #header > img {
	max-height: 150px;
}
#imgLogo > img {
	max-width: 70%;
}
#content {
	margin: 0 20px; width: auto !important;
}
#contentA {
	margin-top: 25px;
}

input[type="checkbox"] {
	width: 25px !important; -webkit-appearance: checkbox; margin: 10px; transform: scale(1.5);
}

.logo {
	position: absolute; left: 5px; top: 5px; background: url('../images/logo.png') no-repeat; width: 148px; height: 140px;
	display: inline-block;
}
.card_logo {
	position: absolute; left: 0px; top: 0px; background: url('../images/loyaltycard.png') no-repeat; width: 810px; height: 175px;
}
.whitebox {
	background: url('../images/whitebox-bg.png'); padding: 20px; border: 1px solid #666; box-shadow: 0 3px 6px #1E5799; position: relative;
}
.whitebox h1 {
	font-size: 21px; color: #1E5799; margin: 25px 0 25px;
}
.updateProgress {
	border-width: 1px; border-style: solid; background-color: #FFFFFF; position: absolute;
}
.popUpExtender {
	background: #fff url('../images/bg-body.jpg') no-repeat; text-align: center; padding: 10px; border: solid 1px black;
}
.popUpBackground {
	background-color: #000; opacity:0.50; filter:alpha(opacity=75)
}

input, select {
	border: 1px solid #aaa; width: 50%; padding: 10px; -webkit-appearance: none; -webkit-border-radius: 0em;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 12pt;
}
input[type="checkbox"] {
	width: 25px !important; -webkit-appearance: checkbox; margin: 10px;
}
.forcebutton {
	-webkit-appearance: button !important;
}
.padding {
	padding: 7px 10px;
}

.field input, .field label {
	display: block;
}
.field label {
	padding: 0 0 5px 8px;
}
.field input {
	margin: 0;
}
.field-inline {
	overflow: hidden; padding: 0 0 5px;
}
.field-inline label {
	display: block; padding-top: 9px;
}

.left {
	float: left;
}
.right {
	float: right;
}
.center {
	float:none; margin:0 auto; text-align:center;
}
.clear {
	clear:both; margin:20px 0;
}
.red {
	color: #E8A02E;
}
.bold {
	font-weight: bold;
}