body {
	background-color: fff;
	margin: 0px 0px 0px 0px;
	font-size: 11pt; 
	font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif; 
	color:#000000;
}

#mbe-logo a img {
	width: 100%;
    max-width: 490px;
    height: auto;
}
#icons {
	width: 100%;
    max-width: 230px;
    height: auto;
    margin: 30px auto 20px;
    display: block;
}
#cards {
	width: 100%;
    max-width: 320px;
    height: auto;
    margin: 8px auto;
    display: block;
}

table.header {background-color: #002469; width: 660px; border: 0px;}
td.headerlogo1 {background-color: #002469; vertical-align: top; width: 383px; text-align: right;}
td.headerlogo2 {background-color: #EFEFEF; vertical-align: top; width: 272px; text-align: center;}

table.container { background-color: #FFFFFF; width: 488px; border: 0px; margin-right: auto; margin-left: auto;}
.container { background-color: #FFFFFF; width: 100%; border: 0px; margin-right:0; margin-left: 0;}
td.title {background-color: #FFFFFF; width: 100%;}
table.containercell {background-color: #FFFFFF; width: 100%; border: 0;}
h1 {font-size: 14pt; font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif; color: #000000; margin: 0px;}
h2 {font-size: 12pt; font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif; color: #FFFFFF; font-weight: bold; margin: 0px;}
h3 {font-size: 12pt; font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif; color: #404040; font-weight: bold; margin: 0px;}
A.header:Link {text-decoration: none; color: #002469; font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif; font-size: 10pt; font-weight: bold;}
A.header:Visited {text-decoration: none; color: #002469; font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif; font-size: 10pt; font-weight: bold;}
A.header:Active {text-decoration: none; color: #002469; font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif; font-size: 10pt; font-weight: bold;}
A.header:Hover {text-decoration: underlined; color: #002469; font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif; font-size: 10pt; font-weight: bold;}
hr {color: #75CCB1; background-color: #75CCB1; height: 3px;}
td.footerdivider {vertical-align: middle; text-align: center; width: 600px; height: 1px;}
td.footer {background-color: 
#EFEFEF;
vertical-align: middle;
text-align: center;
width: 660px;}

td.two {background-color: #ffffff; padding-left:5px;}
td.three {background-color: #ffffff; padding-left:5px;}

.top-bar {height: 25px;background: url(img/mbe-colours.jpg) no-repeat 
#8F9A9E;background-attachment: scroll;margin: 0 auto; display: block;}
#mbe-logo {float: none;padding: 4px 20px;margin: 0 auto;max-width: 660px;display: block;}
.mbe-content {width: 100%;background-color: 
white;border: none;clear: both;margin: 0 auto;padding: 0;position: relative;}

#content {
    padding: 10px 20px;
    margin: 0 auto;
    max-width: 100%;
    display: block;
}
.button-pay {
	color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 0 1px 1px #242424;
    padding: 0.7em 3em;
    border: 0px solid #FFFFFF;
    margin: 10px 0;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #d9202a;
}

.button-pay:visited { }
.button-pay:active { }
.button-pay:hover {
	cursor:pointer;
	}

@media print {
body {font-size:100%; width: 100%; margin: 0; float: none; font-family:Times New Roman, Serif; color: #000000; background: #ffffff;}
table.header {display:none; width: 100%;}
td.headerlogo1 {display:none;}
td.headerlogo2 {display:none;}
table.nav {display:none; width: 100%;}
table.container {background-color: #ffffff; width: 100%;}
td.title {background-color: #ffffff; color: #000000; width: 100%;}
table.containercell {background-color: #ffffff; width: 100%;}
h1 {font-size:130%; color: #000000;}
h2 {font-size:120%; color: #000000;}
h3 {font-size:110%; color: #000000;}
A.header:Link {display:none;}
A.header:Visited {display:none;}
A.header:Active {display:none;}
A.header:Hover {display:none;}
hr {color: #000000; background-color: #000000; height: 1px;}
td.footerdivider {display:none; width: 100%;}
td.footer {display:none; width: 100%;}
td.brand {display:none;}
td.two {background-color: #ffffff;}
td.one {background-color: #ffffff;}
td.error {background-color: #ffffff;}
td.three {background-color: #ffffff;}
.print_buttons {display:none;}
#print_buttons tr{display:none;}
div.print_buttons {display:none;}
img.print_buttons {display:none;}
}

.input-label {
	min-width: 140px;
	display: inline-block;
}




@media only screen and (min-width: 660px) {
	#content {
    	max-width: 660px;
	}
	.top-bar {max-width: 660px;}
}