/* global styles */
* { margin: 0; padding: 0; border: 0; }
body { font: 0.80em arial, verdana; color: #818080; }
p { margin: 17px 0 17px 30px; width: 750px; }

a:link { text-decoration: underline; color: #808080; }
a:visited { text-decoration: underline; color: #808080; }
a:hover { text-decoration: underline; color: #808080;  }
a:active { text-decoration: underline; color: #808080; }

#static-content { margin: 0 auto 0 auto; padding: 10px 0 10px 40px; width: 864px; position: relative; border: 1px solid #bdbcbc; display: block; }

#header { margin: 25px 0 0 5px; }
#header li { list-style-type: none; display: inline; float: left; }

h1
{ 
	padding: 40px 20px 0 0; 
	width: 742px;
	height: 46px;
	text-indent: -7000px;	
	background: url(../images/hs018/h1_priorities.gif) 30px 30px no-repeat;
}

.logo 
{ 
	margin: 0 20px 0 -20px; 
	width: 189px;
	height: 16px;
	text-indent: -7000px;	
	background: url(../images/hs018/img_hsbclogo.gif) no-repeat left top;
	display: block;
}


.card-art { margin: 20px 0 0 300px; }

#content-container 
{ 
	margin: 0 0 0 5px; 
	border-left: 1px solid #bdbcbc;
	border-right: 1px solid #bdbcbc;
	width: 807px; 
}

.btn-begin 
{ 
	float: left; 
	left: 675px;
	top: 129px;
	z-index: 1; 
	position: absolute; 
}

#icons { list-style-type: none; margin: 0 0 0 30px; }
#icons li { display: inline; }

a.cashback { width: 152px; height: 204px; background: transparent url(../images/hs018/card_cashback.gif) no-repeat; float: left; display: block;}
a.cashback:hover { background-position: 0 -204px; }
a.cashorfly { width: 152px; height: 204px; background: transparent url(../images/hs018/card_cashorfly.gif) no-repeat; float:  left; display: block;}
.cashorfly img { display: inline;}
a.cashorfly:hover { background-position: 0 -204px; }
a.plusrewards { width: 152px; height: 204px; background: transparent url(../images/hs018/card_plusrewards.gif) no-repeat; float: left; display: block; }
a.plusrewards:hover { background-position: 0 -204px; }
a.platinum { width: 152px; height: 204px; background: transparent url(../images/hs018/card_platinum.gif) no-repeat; float: left; display: block; }
a.platinum:hover { background-position: 0 -204px; }
a.secured { width: 152px; height: 204px; background: transparent url(../images/hs018/card_secured.gif) no-repeat; float: left; display: block; }
a.secured:hover { background-position: 0 -204px; }

.card-module {  border-top: 30px solid #fff; margin: 0px 0 0 30px; background: url(../images/hs018/tabs_background.gif); width: 764px; clear: both; }
.card-module ul { padding: 0 0 50px 0; font-size: 85%; background: url(../images/hs018/tabs_bottom.gif) no-repeat left bottom; padding: 0 0 80px 0; }
.card-module ul li { padding: 0 40px 0 0; }
.card-module-platinum { border-top: 30px solid #fff; margin: 0px 0 0 30px; background: url(../images/hs018/tabs_background.gif); width: 764px; clear: both; }
.card-module-platinum ul { font-size: 85%; background: url(../images/hs018/tabs_bottom.gif) no-repeat left bottom; padding: 0 0 90px 0;}
.card-module-secured { border-top: 30px solid #fff; margin: 0px 0 0 30px; background: url(../images/hs018/tabs_background.gif); width: 764px; clear: both; }
.card-module-secured ul { font-size: 85%; background: url(../images/hs018/tabs_bottom.gif) no-repeat left bottom; padding: 0 0 90px 0;}
.card-module li.module-tab { list-style-type: none; width: 764px; height: 25px; }
.module-title { height: 38px; padding: 40px 0 10px 0; margin: 0 0 0 -15px; }
.back-top-btn { float: right; margin: -40px 40px 0 0 }
.indent { margin: 0 0 0 211px; } 
.module-card-art { float: left; margin: 45px 40px 30px 15px; }
.top-corners { margin: 30px 0 0 5px; width: 810px; height: 8px; background: url(../images/hs018/crnr_bodytop.gif) no-repeat left top; border-top: 10px solid white; clear: both; }
.bottom-corners { margin: 0 0 0 5px; width: 810px; height: 8px; background: url(../images/hs018/crnr_bodybottom.gif) no-repeat left bottom; }

#legal { margin: 0 auto 0 auto; font-size: 10px; color: #808080; width: 840px; text-align: left; }
#legal p { width: 810px; margin: 5px 0 5px 15px; }
#legal ul { margin: 0 0 20px 10px; }
#legal li { border-right: 1px solid #808080; display: inline; padding: 0 5px 0 5px; }
#legal li.nopipe { border: 0; }

.acc_buttons {text-align:right; margin:10px 0px 20px 0px;}
.acc_buttons span {padding-left:4px;}
.acc_buttons img {vertical-align:middle;border:0px;}

.goal {
	font-weight: bold;
	font-size: 12px;
}
h2 {
margin: 0px;
border: 0px;
font-size: 10px;
font-weight: none;
}