/* 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:0 0 28px 0;
}

#intro-area{
	margin: 0 24px 15px 26px;
}

#promo-area{
	background-color: #f4f3fa;
	height: 220px;
	margin: 0 24px 15px 26px;
}

#promo-title{
	background-color:#e7e5f4;
	padding: 10px 15px;
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
}

#promo-left-col {
	width: 400px;
	padding: 15px;
}

#promo-left-col ul{
	margin:10px 0 0 0;
	padding:0;
	display:block;
}

#promo-left-col ul li {
	margin:5px 0 0 0;
	padding-bottom: 0;
}


#promo-right-col {
	width: 296px;
	float: right;
	margin: 10px;
	border: solid 1px #bab9cd;
}

#offer-box-img {
	width: 190px;
	float: left;
	margin: 0 9px 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 5px 0;
}

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


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

span#sign-up-panel {
	display: block;
	/*width: 296px;*/
	margin: 10px 15px;
}

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: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 15px 0 5px 0;
}

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


span.sign-up-offer-date{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a39dc2;
}

span.lightcolor {
	color: #695f9c;
}

span.darkcolor {
	color: #1d1160;
}


/* TNC */
div#terms-and-conditions{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	color: #999999 !important;
	margin: 0 24px 20px 24px;
	padding-top: 10px;
}

div#terms-and-conditions dl{
	margin:0;
	padding:0;
}

div#terms-and-conditions dt{
	clear: both;
	float: left;
	padding: 3px 0 0 0;
	margin:0;
}

div#terms-and-conditions dd{
	display:block;
	padding: 3px 0 0 0;
	margin:0 0 0 20px;
}


/* offer boxes */
div#offer-box {
	display: block;
	width: 800px;
	margin: 10px 0 30px 24px;
	_margin: 10px 0 10px 24px;
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
}



/* gray bar  */
span#gray-bar {
	display: block;
	float: left;
	width: 830px;
	height: 8px;
	padding: 10px 0;
}


/* Apply Now panel */

div#apply-now-panel {
	clear:both;
	display: block; !important;
	width: 758px;
	height: 93px;
	padding: 10px 15px;
	margin: 0 0 0 24px;
	background: url(../images/footer_bg.gif) top no-repeat;
}


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

/* Footer panel */

div.find-out-more {
	clear:both;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 30px 0 20px 26px;
}