/* Page structure CSS*/

a {
	text-decoration: underline !important;
	color: #666666 !important;
}

a:hover {
	text-decoration: none !important;
}

.hsbcContent {
	margin-left: 50px !important;
}

#htmlcontent {
	width: 830px;
}

#main-promo-image {
	display: block;
	float: left;
	margin-bottom: 28px;
}

#promo-left-col {
	width: 518px;
	float: left;
	padding: 0 25px 0 26px;
}

#promo-right-col {	
	width: 244px;
	float: left;
	padding: 0 17px 0 0;
}


/* ------ Left column body panel ------ */

p#promo-content-intro,
p#note,
p#promo-content,
p#promo-content-outro {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px !important;
	color: #000000 !important;
}

p#footnote {
	font-size:10px !important;
}

span#find-out-more {
	display: block;
	width:210px;
	background: url(../images/cta-arrow.gif) right no-repeat;
}


span#find-out-more a{
	font-size:12px;
	text-decoration: underline !important;
	color: #d90000 !important;
}

p#promo-content-intro {	
	margin: 0 0 20px 0;
}


p#promo-content-outro {
	margin: 0 0 10px 0;
}

ul#promo-content-list {
	display: block;
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px !important;
	color: #666666 !important;
	padding: 0;
	margin: 0;
}

ul#promo-content-list li{
	line-height:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px !important;
	color: #666666 !important;
	padding:0 10px 0 10px;
	margin:0;
	background: url(../images/red-dot.gif) 0 5px no-repeat;
}


span#red-highlight{
	font-weight:bold;
	color:#d90000 !important;
}

/* ------ Right column Sign Up panel ------ */

span#sign-up-panel {
	display: block;
	width: 242px;
	/*height: 142px;*/
	border:solid #d0d0d0 ;
	border-width:1px;
	background-color:#f2f2f2;
}

span#sign-up-panel span#sign-up-header{
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	display: block;
	padding:10px 0 10px 0;
	background-color:#d90000;
}

span#sign-up-panel span#sign-up-content{
	display: block;
	font-size:12px;
	color:#666666;
	padding:10px 20px 10px 20px;
}

span#sign-up-panel span#sign-up-content span#contact-me{
	display:block;
	width:110px;
	background: url(../images/cta-arrow.gif) right no-repeat;
}


span#limited{
	display:block;
	padding:10px 0 0 0;
	font-size:12px !important;
	color:#666666;
}


/* Footer panel */

span.find-out-more {
	display: block;
	width: 320px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 30px 0 20px 26px;
	_margin: 30px 0 20px 13px;
	background: url(../images/clickhere_arrow.gif) right no-repeat;
}

span.terms-and-conditions {
	display: block;
	float: left;
	width: 765px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	color: #999999 !important;
	margin: 0 17px 0 26px;
	_margin: 0 17px 0 13px;
}

span.tnc-symbol {
	display: block;
	width: 5px;
	float: left;
	margin: 0;
	padding: 0;
}

span.tnc-desc {
	display: block;
	width: 760px;
	float: right;
	margin: 0;
	padding: 0;
}