/* Page structure CSS*/

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

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

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

#htmlcontent {
	width: 830px;
}

#main-promo-image {
	display: block;
	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#promo-content-outro {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px !important;
	color: #000000 !important;
}

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

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

ol#benefits-content {
	display: block;
	list-style: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 26px !important;
	color: #da3e27 !important;
	padding: 0;
	margin: 0;
}

ol#benefits-content li span {
	color: #1d1160 !important;
}

ol#benefits-content li ul.support-content {
	margin: 0;
	padding: 0 0 0 2px;
}

ol#benefits-content li ul.support-content li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px !important;
	color: #000000 !important;
	padding: 0 0 0 10px;
	background: url(../images/arrow2.gif) 0 5px no-repeat;
}




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

span#sign-up-panel {
	display: block;
	width: 214px;
	height: 142px;
	padding: 10px 15px;
	background: url(../images/right_smallpanel_bg.gif) top no-repeat;
}

span.sign-up-header {
	display: block;
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	margin: 0 0 6px 0;
}

span.sign-up-hotline {
	display: block;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	margin: 0 0 5px 0;
}

span.sign-up-click {
	display: block;
	width: 85px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0 10px 0 0;
	background: url(../images/clickhere_arrow.gif) right no-repeat;
}

span.sign-up-offer-date{
	display: block;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #a39dc2;
}

span.lightcolor {
	color: #695f9c;
}

span.darkcolor {
	color: #1d1160;
}




/* Apply Now panel */

span#apply-now-panel {
	display: block;
	float: left;
	width: 758px;
	height: 91px;
	padding: 10px 15px;
	margin: 0 0 0 25px;
	_margin: 0 0 0 13px;
	background: url(../images/footer_bg.gif) top no-repeat;
}

span#apply-now-panel span.sign-up-offer-date {
	margin-top: 20px;
}



/* 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;
}