@charset "utf-8";
/* CSS Document */
/****************************** Main Css ******************************/

body {	
	font: 11px arial, helvetica, sans-serif;
	color: #000000; 
	background: #ffffff;
    width: 100%;

	
}
	
/************************* Global linking *************************/	
a:link, a:visited, a:active { color: #4060ae; text-decoration: none; }
a:hover { text-decoration: underline; }


/************************* Container Css *************************/
#loan-container {
	width: 968px;
	text-align: left;
	float:left;font: 11px arial, helvetica, sans-serif;
	background:#FFFFFF url(/image/bgforall.gif) top left repeat-y;
}


/****************************** Left Menu Panel Css ******************************/
#left-menu {
	width: 132px;
	_width:120px;
	height: 100%;
	padding: 0px 24px 25px 0px;
	background-color:#f6f6f6;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#ed1c24;
	line-height:1.8em;
}
#left-menu a:link, #left-menu a:visited, #left-menu a:active, #left-menu a:hover { color:#000000; font-weight:normal; text-decoration:none; } 
#left-menu a:hover { text-decoration:underline; }

/****************************** Main Tab Panel Css ******************************/
#loans-main {
	width: 778px;
	padding: 0 23px 0 0;
	_padding:0;
	_margin:0;
	float:right;
}

#loans-flash {
	width:780px;
	height:288px;
	float:left;
	_margin-left:5px;
}

#tab-container {
	width: 770px;
	float:left;
	margin: 10px;
	/**margin-top:0px;*/
}

	#tab-container a:link.newlink, #tab-container a:visited.newlink{ color:#000000; text-decoration:none;}
	#tab-container a:hover.newlink{ color:#ed1c24; text-decoration:none;}

#left-col{
	width:167px;
	float:left;

}
#footnote{ float:left; text-align:left; line-height:10px; padding-left:5px;padding-right:5px;}

#cashcalculator-box {
	width:152px;
	height:258px;
	background: #FFFFFF url(../images/cashcalculator_bg.gif) top left no-repeat;
	padding:78px 15px 15px 15px;
	float:left;
}

.cal2{
	width:132px;
	height:100px;
	margin-bottom:20px;
	background: #FFFFFF url(../images/fundcalculator_sample.gif) top left no-repeat;

}
.cal2text{ 
	font-size:9px; 
	color:#7e8389;
	font-family:Arial, Helvetica, sans-serif;
}

#fundcalculator-box {
	width:154px;
	height:260px;
	background: #FFFFFF url(../images/bt_background2.gif) top left no-repeat;
	padding:85px 15px 15px 13px;
	float:left;
}
p.fundcalculator-text {
	font:bold 11px Helvetica, Arial, sans-serif;
	color:#7e8389;
	margin: -17px 0 3px 0;
}
input.calculator{
	width:131px;
	height:18px;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	border: none;
	color:#000000;
	background: url(theme/select_bg.gif) top left no-repeat;
	margin-bottom:27px;
	padding:4px 0 0 6px;
	overflow:hidden;
}
select.calculator {
	width:136px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	padding:1px 0 0 1px;
	overflow:hidden;
	background: #FFFFFF url(theme/select_bg.gif) top left no-repeat;
	margin-bottom:27px;
	border: #FFFFFF 1px solid;
}

/******************** Quick Links *******************/
#loans-tab-quicklink{
	width:212px;
	color:#000000;
	float:left;
	margin-left:8px;
	*margin-left:0px;
	/*margin: 0 5px 0 0;
	*margin-bottom:10px;*/
}

	.col2r-top{ background:url(../images/col2r_bg-top_2.gif) no-repeat; width:220px; padding-top:15px; }
	.col2r-descr { font-size:11px; line-height:13px; color:#000000; padding-top:5px; padding-bottom:5px;}
	.col2r-descr-bold{ font-weight:bold; font-size:13px; color:#000000; padding-top:5px;padding-bottom:2px;}
	.col2r-top table{ font-size:11px; line-height:13px;}
	.col2r-top strong, col2r-top b{ color:#dd121b; font-size:12px;}
	.col2r-top table{ width:184px;}
	.col2r-top table a:link{ color:#de2127; text-decoration:underline;}
	.col2r-top table a:visited{ color:#de2127; text-decoration:underline;}
	.col2r-top table a:hover{ color:#4060ae; text-decoration:underline;}
	
	.col2r-bottom{ background:url(../images/col2r_bg-bottom.gif) no-repeat; height:auto; width:220px;}
	
.quicklink_button td {
	background:url(../images/quicklinks_bg.gif) no-repeat;
	width:179px;
	height:22px;
	text-align:left;
	vertical-align:middle;
	color:#dd121b;
	font-size:11px;
	font-weight:bold;
	padding-left:5px;
}

.quicklink_button td a:active, .quicklink_button td a:hover, .quicklink_button td a:link, .quicklink_button td a:visited {
	text-decoration:none;
}

/******************** Content *******************/
#loans-tab-contentleft{
	width:500px;
	color:#000000;
	float:left;
	margin: 0 10px 0 0;
	*margin-bottom:10px;
}

#loans-tab-contentright{
	width:535px;
	color:#000000;
	float:right;
	margin: 0 5px 0 0;
	*margin-bottom:10px;
}

#loans-tab-contentfull{
	width:730px;
	_width:720px;
	color:#000000;
	float:left;
	margin: 0 5px 0 0;
	*margin-bottom:0px;
	_margin-bottom:15px;
}
.loans-redbold {
	color:#ed1c24;
	font-weight:bold;
}
.loans-title {
	font-weight:bold;
	font-size:12px;
	color:#ed1c24;
	width:100%;
	height:20px;
	border-bottom: #ed1c24 1px solid;
	margin-bottom:5px;
}
table.overview{ border:1px #ed1c24 solid; border-right:none; margin:4px 0 4px 0; }
table.overview2{ border:1px #ccc solid; border-right:none; margin:4px 0 4px 0; }
table.overview thead tr td, table.overview2 thead tr td{
	color:#FFFFFF;
	font-weight:bold;
	height:24px;
}
table.overview tbody tr td{
	border-top: 1px #ed1c24 solid;
	border-right: 1px #ed1c24 solid;
	padding: 4px 0 4px 0;
}

table.overview2 tbody tr td{
	border-top: 1px #ccc solid;
	border-right: 1px #ccc solid;
	padding: 4px 0 4px 0;
}
	.greybg{ background:url(http://www.ocbc.com.sg/image/loans/grey-tb-bg02.gif) bottom repeat-x;}


/****************************** Main Bottom Panel Css ******************************/
#loans-bottom-content{
	width:770px;
	margin:10px;
}
#loans-bottom-content a:link, #loans-bottom-content a:visited, #loans-bottom-content a:active, #loans-bottom-content a:hover { color:#ed1c24; font: bold 11px Arial, Helvetica, sans-serif; text-decoration:none; }
#loans-bottom-content a:hover { text-decoration:underline; }

.loans-bottom-title{ font: bold 12px Arial, Helvetica, sans-serif; color:#ed1c24; }
#loans-testimonials{
	width:515px;
	float:left;
	border-right:1px #c6c6c6 solid;
	padding-right:15px;
	margin:10px 0 10px 0;
	*margin:0;
	_margin-left:5px;
}
.test-img-left{
	width:195px;
	height:195px;
	margin-right:10px;
	float:left;
}
#loans-video{
	width:212px;
	float:right;
	margin:10px 0 10px 0;
	*margin:0;
	_margin-left:5px;
}

/*for calculator button on BT */

.handcursor {cursor:hand;}
.pointcursor {cursor:default;}

/* Balance Transfer Calculator - graph */

#balcalculator-box {
background:url("../images/bt_background.gif") no-repeat scroll left top #FFFFFF;
float:left;
height:260px;
padding:75px 15px 15px 7px;
width:150px;
}

#balcalculator-box .graph{
	height:150px;
	width:150px;
	margin-bottom:28px;
}

#balcalculator-box .notice{
	font-style:italic;
	color:#333;
	font-size:11px;	
	font-family:Arial, Helvetica, sans-serif;
	padding-left:5px;
	margin-bottom:10px;
}

#balcalculator-box .graph .creditmax{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
	text-align:right;
	padding-top:16px; padding-right:105px;
	float:left;
	width:37px;
}	

#balcalculator-box .graph .easicreditmax{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
	text-align:right;
	padding-top:66px; padding-right:105px;
	float:left;
	width:37px;
}	

#balcalculator-box .graph .interest{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	float:left;
	margin-top:25px;
	padding-left:47px;
	width:52px;
	letter-spacing:-0.3px;
}

#balcalculator-box .graph .interest span, .graph .saving span{
	font-weight:bold;
	letter-spacing:normal;	
}

#balcalculator-box .graph .saving{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	float:left;
	margin-top:25px;
	letter-spacing:-0.3px;
}