body {
	font-family: Arial, Verdana, sans-serif; 
	font-size: 78%;
	background:#fdb812 url('../img/layout/bkgd.jpg') no-repeat top center;
	padding:25px 0; 
}

* 					{ margin:0; padding:0; outline:none;} 
img					{ border:none; margin:0; padding:0;}

p, #rightBox ul, #rightBox ol,
form label, td, .contact-info, span.question		{ color:#505050; line-height:1.5em; font-size:1em; }
p					{ margin-bottom:1.1em;}
.blue				{ color:#004fa3; }
.quote				{ font-size:1em; font-style:italic; }
.italics			{ font-size:0.9em; font-style:italic; }

#rightBox ul		{ margin:0 0 1.2em 3em; }
#rightBox ul li 	{ margin-bottom: .3em}
		
#rightBox ol		{ margin:0 0 1.6em 1.6em; }
#rightBox ol li 	{ margin-bottom: .3em}

td					{margin:0px; padding:2px 8px 2px 8px; text-align:left; line-height:1.5em; font-size:.8em; color: #505050;}
table.loan_table 	{font-size:1.2em; width:98%; margin-left:0px;}
.table_lightTint	{background-color:#FCEAC6; border-left:1px solid white; border-top:1px solid white;}
.table_midTint		{background-color:#FAD68C; border-left:1px solid white; border-top:1px solid white; }
.table_darkTint		{background-color:#FFBB00; border-left:1px solid white; border-top:1px solid white; }

.txt-small			{ font-size:.8em; }
.txt-medium			{ font-size:1.2em !important}
.txt-large			{ font-size:1.4em !important;}
.txt-xlarge			{ font-size:1.9em !important;}

.txt-uppercase		{ text-transform:uppercase}

.txt-blue			{ color:#004fa3;}
 
.list				{ margin:0 0 1.1em 1.3em; }
.list li 			{ margin-bottom: .3em}

a,
a:visited			{ color:#004fa3;}
a:hover				{ text-decoration:none; }

a.hide				{ position:absolute; left:-999em; }


h1					{ font-weight: normal; color: #004fa3 /*#505050*/; margin: 0 0 .5em 0; font-size: 1.4em;  }
h2					{ font-weight: normal; font-size: 1.3em; margin: 1.3em 0 .5em; color: #004fa3 /*#505050*/;}
h3					{ color: #004fa3; font-size: 1.4em}
h4					{ font-weight: normal; font-size: 1em; color: #505050; text-transform: uppercase;}
h5					{ font-weight: normal; margin: 0 0 .5em 0; font-size: 2.1em; color: #004fa3;}

.javascript			{display:none;}

#rightBox div.news_content { margin:0 0 1.3em 0 }
#rightBox div.news_content h2 { margin:0 0 0 0; }
#rightBox div.news_content .article_date { color:#505050; line-height:1.5em; font-size:1em; }
#rightBox div.news_content a.png{ 
	width: 125px;
	height: 27px;
	display: block;
	background: #fdb812;
	text-transform: uppercase;
	text-decoration: none;
	color: #004fa3;
	font-weight: bold;
	font-size: .7em;
	margin: 10px 10px 10px 0;
	line-height: 2.9em;
	text-align: center;
}


#rightBox div.news_content a.png:hover {
background: #004fa3;
color: #fdb812; }

input, select		{ width:auto; }

.clearfix			{clear:both;}
/* ---------------------------- */
/* LAYOUT */
/* ---------------------------- */
#container					{ width:853px; text-align: left; margin: 0 auto; position: relative; }
#hd_top						{ position: relative; margin-bottom: 35px;}
#hd_top #header_text		{ position: absolute; left:155px; top:65px;}
#hd_top p					{ color: #000; margin-bottom: .4em; line-height: 1.1em}
#breadcrumb					{ margin: 75px 30px 10px 30px;   }
#breadcrumb-vacancies		{ margin: 40px 30px 10px 30px;   }
#breadcrumb p,
#breadcrumb-vacancies p		{ font-size: .8em; margin-bottom: 0;}
#cnt_container				{ clear: both; background-color: #FFF; border: 1px solid #FFF; overflow: hidden; padding-bottom: 25px; position: relative; }
#leftBox					{ float: left; width: 246px; margin:0 15px 0 22px; display: inline; }
#rightBox					{ float: left; width: 538px; margin:5px 30px 0 0;  }
#footer						{ background: url('../img/layout/footer.png') no-repeat 0 0; color:#004FA3;font-size:10px;padding-top:70px;}



/* Right Col */
/* ---------------------------- */

#FAQ a, #FAQ_answers a			{ color:#004FA3; text-decoration:underline; }
#FAQ li							{ padding:0px; }
#FAQ_answers li					{ padding:10px 0px 10px 0px; }
#list_keyStaff,.list_keyStaff	{ list-style:none; margin:0px 65px 25px 0px; padding:0 50px 10px 0;} 
.listCol						{ float:left; }
.float-right					{ float:right; margin:0 15px 15px 15px; }

#terms li ol 					{list-style-type:lower-roman; margin:10px 0px 10px 40px; }

#buttons {
	list-style: none;
	padding: 0px 0 30px 0;
}

#buttons li {
	float: left;
}

#buttons li a {
	width: 135px;
	height: 27px;
	display: block;
	background: #fdb812;
	text-transform: uppercase;
	text-decoration: none;
	color: #004fa3;
	font-weight: bold;
	font-size: .8em;
	margin: 10px 10px 10px 0;
	line-height: 2.9em;
	text-align: center;
}


#buttons li a:hover {
	background: #004fa3;
	color: #fdb812;
}

#feedback-buttons {
	list-style: none;
	padding: 0px 0px 20px 0;
}

#feedback-buttons li {
	float: left;
}

#feedback-buttons li a {
	width: 135px;
	height: 27px;
	display: block;
	background: #fdb812;
	text-transform: uppercase;
	text-decoration: none;
	color: #004fa3;
	font-weight: bold;
	font-size: .8em;
	margin: 10px 50px 0 0;
	line-height: 2.9em;
	text-align: center;
	
}


#feedback-buttons li a:hover {
	background: #004fa3;
	color: #fdb812;
}

/* Left Col */
/* ---------------------------- */
div.promo_box						{ margin-bottom: 15px;}
div.promo_box h3					{ display: block; background: url('../img/layout/promo-header.png') no-repeat 0 0; text-align: center; padding: 17px 0 7px 0;}
div.promo_box p.strapline			{ font-size: 2.2em; margin: 0 0 10px 0; color: #004fa3; line-height: 1.1em; position: relative }
div.promo_box ul.links				{ list-style: none}
div.promo_box ul.links li			{ margin-bottom: 5px; margin-top: 5px;}
div.promo_box .promo_bottom			{ background: url('../img/layout/promo-bottom.png') no-repeat left bottom; padding: 15px 20px 20px 20px }


/* ---------------------------- */
/* HOME */
/* ---------------------------- */
#welcome								{ background-color: #FFF; padding: 10px 20px; margin-bottom: 10px;}
#welcome h1								{ float: left; color: #004fa3; margin:0 20px 0 0; font-size: 1.9em; }
#welcome p								{ margin-bottom: 0; font-size: .9em;}

/* Boxes */
/* ---------------------------- */
div.promo								{ position: relative; height: 270px; width:395px; background: url('../img/home/promo-bkgd.png') no-repeat 0 0; float: left; margin: 20px 0 0 20px}
div.promo a.primary-link				{ padding: 5px 15px 7px 15px; background-color: #fdb812; z-index: 9999; position: absolute; right: 35px; top:9px; font-size:1.5em; color: #FFF; font-weight: bold; text-decoration: none; border-top: 2px solid #fdb812}
div.promo a.second-link					{ right:175px;}
div.promo a.bottom-link					{ bottom:8px; top: auto; border-top:none; border-bottom: 2px solid #fdb812; padding: 7px 15px 5px 15px; }
div.promo span.text						{ text-align: right; z-index: 9999; position: absolute; right: 35px; top: 80px; font-size: 1.9em; color: #004fa3; }
div.promo img							{ position: absolute; top:11px; left:11px;}
div.promo:hover							{ background-position: 0 -274px; cursor:pointer;}
div.promo:hover a.primary-link			{ border-top-color: #004fa3}
div.promo:hover a.default-link			{ background-color: #004fa3; border-top-color: #004fa3}
div.promo:hover a.bottom-link			{ border-bottom-color: #004fa3}
div.promo a.primary-link:hover			{ background-color: #004fa3; border-top-color: #004fa3}
div.promo a.bottom-link:hover			{ background-color: #004fa3; border-bottom-color: #004fa3}

/* News box */
a.news									{ font-size: 1.1em; text-align: right; z-index: 9999; position: absolute; right: 35px; top: 80px;}
a.news:hover							{ }

/* Small boxes */
div.small-promo							{ height: 102px; background-image: url('../img/home/smallPromo-bkgd.png'); }
div.small-promo	img						{ position:static; float: left; margin:9px 25px 0 9px;}
div.small-promo p						{ font-size: .8em; margin: 25px 25px 0 0;}
div.small-promo:hover					{ background-position: 0 0; }


/* Giving box */
/* ---------------------------- */
div.giving								{ position: relative; height: 270px; width:395px; background: url('../img/home/promo-bkgd.png') no-repeat 0 0; float: left; margin: 20px 0 0 20px}

div.giving img							{ position: absolute; top:11px; left:11px;}

div.small-jg							{ background: none no-repeat; float:left; width: 150px; height: 230px; vertical-align: top; top: 1px;}
div.small-jg p							{ font-size: .8em; width:200px; margin: 0px 35px 6px 155px;}

div.malay p								{ font-size: .8em;}
div.malay div.flash						{ float:left;width:152px;margin-top:20px;margin-left:20px }
div.malay div.flashtext					{ float:left; width: 200px;margin-top:20px }

/* ---------------------------- */
/* LOANS */
/* ---------------------------- */
/* Loans Actions */
/* ---------------------------- */
div.loan-container						{ border: 1px solid #181818; border-bottom: none; position: relative;}
div.loan-container:hover					 {cursor:pointer;}
div.loan-container-last					{ border-bottom: 1px solid #181818; margin-bottom: 1.3em;}
div.loan-title							{ padding: 10px 15px;}
div.loan-title p						{ margin-bottom: 0;}
div.loan-actions 						{ position: absolute; right:15px; top:10px; }
div.loan-actions ul 						{ list-style: none; }
div.loan-actions li						{ float: left; }
div.loan-actions li a					{ display: block; text-decoration: none; margin-left: 25px; text-indent: -999em; width:19px; height:26px; background-position: 0 0; background-repeat: no-repeat;}
div.loan-actions li.information a		{ background-image: url('../img/layout/ico-information.png'); }
div.loan-actions li.calculator a			{ background-image: url('../img/layout/ico-calculator.png'); }
div.loan-actions li.apply a				{ background-image: url('../img/layout/ico-applyOnline.png'); width: 118px; }
div.loan-actions li a:hover				{ background-position: 0 -26px; }

div.loan-step					       { display:block; color:#505050; margin-bottom:12px;}
div.loan-step img					{ display:block; float:left; }
div.loan-step div					{ display:block; float:left; margin-left:5px; width:460px;}


div.loan-active	.loan-title				{ background-color: #e6e6e6;}
div.loan-infoBox						{ padding: 10px 15px 20px 15px; border-top:1px solid #181818; position: relative; height: 100%;}
div.loan-infoBox p,
div.loan-infoBox li						{ font-size: .9em}
div.loan-infoBox a.close				{ position: absolute; right:15px; bottom: 10px; text-decoration: none; color:#383838; background: url('../img/layout/btn-close.png') no-repeat right top; padding:4px 23px 4px 0; font-size:.8em; }
div.loan-infoBox a.close:hover			{ background-position: right -29px; color: #004fa3}

/* Apply Online  */
div.existing-member						{ text-align: center; }
div.existing-member ul					{ list-style: none; overflow: hidden; margin:0 0 15px -25px !important; }
div.existing-member li					{ float: left; margin-left: 35px;}

div.existing-member li a				{ text-decoration: none; display: block; background-color: #004fa3; color: #FFFFFF; padding: 10px; width:200px; text-transform: uppercase; font-size: 1.2em}
div.existing-member li a:visited		{ background-color: #004fa3; color: #FFFFFF}
div.existing-member li a:hover,
div.existing-member li a.hover{ background-color: #fdb812; color: #004fa3}


div.existing-member .confirmation		       { background-color:#004FA3; padding-bottom:8px; }
div.existing-member .confirmation .yesno		{ padding-bottom:40px; }
div.existing-member .confirmation span a		{ margin-left: 4px; margin-right:4px ;float: left; text-decoration: none; background-color: #FFFFFF; color: #004fa3; padding: 10px; width:72px; text-transform: uppercase; font-size: 1.2em; }
div.existing-member .confirmation span a:visited		{ background-color: #FFFFFF; color: #004fa3;}
div.existing-member .confirmation span a:hover,
div.existing-member .confirmation span a.hover	       { background-color: #fdb812; color: #004fa3}
div.existing-member .confirmation span { text-decoration: none; display: block; background-color: #004fa3; color: #FFFFFF;  padding: 10px; width:200px; text-transform: uppercase; font-size: 1.1em}
div.existing-member .confirmation span.contact-span a  {float:none; background:none; padding:0;margin:0; height:auto;width:auto; color:white; text-decoration:underline;}

/* Loan app preform */
ul.loan-proceed 						{ list-style: none;}
ul.loan-proceed li						{ float: left; }
ul.loan-proceed li a					{ display: block; text-decoration: none; padding: 15px; width:auto; height:auto; background-color:#004FA3; color:white;}
ul.loan-proceed li.apply a				{ color:white;}
ul.loan-proceed li.apply a:hover			{ color:#004FA3; background-color:#FDB812; border:1px solid white;}

.morebox									{ background: #eee; padding: 1px 0 1px 0; margin: 8px 0 8px 0;}
.morebox h3									{ margin: 12px 0 12px 12px !important; display: block; }
.morebox a.closeparent						{ color: #022366; font-size: 11px; float: right; margin: 12px; font-weight: bold; }
.morebox p									{ margin:5px; }
/* ---------------------------- */
/* FORM */
/* ---------------------------- */
form									{ margin:50px 0 0 0px;}
form.apply 								{ margin:0px; }
form fieldset							{ border:none;}
form fieldset legend					{ position:absolute; left:-999em; display: none; }
form fieldset ul li						{ list-style:none; clear:both; vertical-align:middle; margin-bottom:15px; position:relative; overflow: hidden; }
form fieldset ul li	span.star			{ position:absolute; font-size:1.4em; font-weight:bold; left:130px; color:red}
form fieldset ul li label,
form fieldset ul li span.question		{ color:#383838; display:block; float:left; width:140px; font-size:1.3em; text-align: left; font-family: Georgia, Times New Roman, serif;}


form input,
form textarea							{ font-family: Arial, Helvetica, sans-serif; color:#383838; padding:2px 4px; border:1px solid #999; width:250px; font-size: 1.3em;}
form textarea							{ height:150px;}
form select								{ padding: 3px 3px 3px 0; width: 260px;  }
form option								{ padding:0 4px; margin-top: 3px; }
form input.radio, form input.check		{ width:auto; margin:0 10px 0 0; border:white 1px solid; }

form select#applicant_dob_dd,
form select#existing_dob_dd,
form select#applicant_dob_mm,
form select#existing_dob_mm,
form select#applicant_dob_yyyy,
form select#existing_dob_yyyy			{width:70px;}

form li.submit							{ margin-top: 15px;}
form li.submit input					{ margin-left:137px; border: none; text-align: center; width: 110px; height: 44px; cursor: pointer;  }

.promo_box form							{ margin:0 }
.promo_box form select					{ width:199px }

/* ---------------------------- */
/* NAVIGATION */
/* ---------------------------- */
/* Primary Nav */
/* ---------------------------- */
#navigation							{ }
#navigation ul						{  }
#navigation ul li					{ float: left; list-style: none; }
#navigation ul li a					{ text-decoration: none; color: #004fa3; padding: 5px 0; font-size: 1em; display: block; text-transform: uppercase; background-color: #fdb812; width: 121px; letter-spacing: .1em; text-align: center; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF  }
#navigation ul li.last a			{ border-right:none; width: 119px; }
#navigation ul li.active a,
#navigation ul li a:hover			{ color: #FFF; background-color: #004fa3; }
#navigation ul li.active a			{ border-bottom: 1px solid #004fa3}

#navigation ul ul					{ position: absolute; left: 1px; background-color: #004fa3; width: 851px }
#navigation ul ul li				{}
#navigation ul ul li a,
#navigation ul li.active li a		{ letter-spacing: 0; font-size: .8em; width: auto; border: none; padding: 9px 8px; background-color: transparent; color:#FFF  }
#navigation ul ul li a:hover,
#navigation ul ul li.active a		{ color: #fdb812; border: none;}


/* Top Nav */
/* ---------------------------- */
#hd_top ul							{ position: absolute; right:0; top:0;}
#hd_top ul li						{ list-style: none; }
#hd_top ul li a					{ display: block; width: 110px; color: #FFF; font-size: 1em; background-color: #004fa3; text-align: center; text-decoration: none; margin-bottom: 3px; padding: 3px 0; border: 1px solid #004fa3; text-transform: uppercase; letter-spacing: .1em;}
#hd_top ul li a:hover				{ border: 1px solid #FFF; background-color: #fdb812; color: #004fa3}
#hd_top ul li.active a				{ border: 1px solid #FFF; background-color: #fdb812; color: #004fa3}

.map p { line-height:1.3; font-size:0.9em }


/* CONTACT */
ul.branch-news li                   {margin:0 0 0 10px; font-size: 0.9em;}

#tooltip {
	background: black;
}