.overlayWrapper
{
	position:absolute;
	top:0;
	left:0;
	z-index:110;
	width:100%;
	height:100%;
}
.overlayMask
{
	background:url(/1/themes/html/HSBCPremierPrivileges_theme/images/bg-overlay-mask.png);
	background-repeat:repeat;
	background-position:left top;
	width:100%;
	height:100%;
	float:left;
}
.overlayWindow
{
	position:absolute;
	top:120px;
	left:0;
	width:100%;
	float:left;
	z-index:20;
}
.overlayContent
{
	margin:0px auto;
	width:770px;
	position:relative;
	z-index:11;
}
.overlayContentInner
{
	position:relative;
}
.overlayContentTop
{
	width:716px;
	background:#fff;
	border:7px solid #251451;
	padding:16px 20px 20px;
}
.overlayContentBottom
{
	width:795px;
	float:left;
}
.overlayClose
{
	margin:0 auto;
	position:relative;
	width:770px;
	z-index:25;
}
.overlayClose a
{
	width:25px;
	height:24px;
	background:#FCC url("/1/themes/html/HSBCPremierPrivileges_theme/images/overlays/window_close.png") no-repeat top left;
	position:absolute;
	top:13px;
	right:8px;
	z-index:30;
	cursor:pointer;
}

.cardWrapper {
	background:url("/1/themes/html/HSBCPremierPrivileges_theme/images/bg-overlay-card.gif") no-repeat top right;
	padding:30px 490px 15px 0px;
	margin-top:20px;
	border-bottom:1px solid #CCCCCF;
	position: relative;

}
.buttonRow {
	padding-top:20px;
	height:26px;

}
.buttonRow .btnStyle00 {
	float:right;
}

.overlay h2 {
	font-size:150%;
	color:#000;
	border-bottom:1px solid #cccccf;
	padding-bottom:10px;
}
.overlay a.close {
	font-size:75%;
	color:#DB0011;
	padding-right:19px;	
	background:url(/1/themes/html/HSBCPremierPrivileges_theme/images/bg-overlay-close.gif) no-repeat right center;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	display: none;
	position: absolute;
	top: 10px;
	right: 0px;
}
.overlay a.close:hover {
	text-decoration:underline;
}

.overlay h3 {
	font-size:112.5%;
	margin-bottom:0px;
}

.overlay p {
	padding-top:15px;
	padding-bottom:5px;
}
/*
.overlay input.card_number {
	position:absolute;
	top:219px;
	left:297px;
	font-size:175%;
	width:128px;
	border:none;
	background:none;
	color:#65686F;
}
*/
.overlay .inputWrapper {
	position:absolute;
	top:159px;
	left:292px;
	width:145px;
}
.overlay input.card_number{
	width: 17px;
	float: left;
	background:none;
	color:#65686F;
	font-size:28px !important;
	border: 1px solid #CCC;
	margin-left: 2px;
	padding: 0px;
	text-align: center;
	height: 29.5px; 
}
.overlay input.card_number.first{
	margin-left: 15px;	
}
.overlay input.card_number.invalid{
	background: #fbe5e7;
	color: #000;
}
.overlay input.card_number.valid{
	background: #ecf2de;
	color: #000;
}
.errorMsg{
	width: 201px;
	background: url('/1/themes/html/HSBCPremierPrivileges_theme/images/error_box_top.gif') top left no-repeat;
	padding: 10px 10px 10px 50px;
	position: absolute;
	left: 150px;
	font-size: 87.5%;
	display: none;
}
.errorMsgBottom{
	background: url('/1/themes/html/HSBCPremierPrivileges_theme/images/error_box_bottom.gif') bottom right no-repeat;
	height: 5px;
	width: 261px;
	position: absolute;
	bottom: -5px;
	left: 0px;
}
.errorMsg p{
	padding: 0px;
	margin: 0px;
}
.overlay label{
	display:none;
}

