﻿#bg{
position:relative;
width: 500px;
height: 400px;
background-image:url('images/bg_test.jpg');
}

#CPF_1 {
	float:left;
	width: 50px;
	height: 50px;
	margin-top:103px;
	margin-left:50px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
}

#TFL_1 {
	position: absolute;
	float:left;
	width: 50px;
	height: 50px;
	margin-top:150px;
	margin-left:50px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	left: 1px; 
	top: 65px;
}

#MTTFS_1 {
	position: absolute;
	float:left;
	width: 75px;
	height: 50px;
	margin-top:150px;
	margin-left:50px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	left: -3px; 
	top: 170px;

}

#myList {
	font-family: Arial;
	font-size: 13px;
	margin-left: 10px;

}

.border {
	border: 1px solid #cdcdcd;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 10px;
	_padding: 0px 0px 0px 0px;
	background-color: #f1f2ee;
}

.Subheader {
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	color: #000000;
	background-color: #D1D5C7;
	padding: 3px;
	margin-top: 0px;
	border-bottom: 1px solid #BEBEBE;
}

.Subheader2 {
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.Subheader3 {
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 10px;
}



.Financeheader {
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;

}

p.content {
	padding-left: 10px;
	padding-right: 10px;
	font-family: Verdana;
	font-size: 11px;
	text-align: justify;
}

.contentwrap {
	width: 521px;
	_width: 100%;
	background-color: #f1f2ee;
	border-left: 1px solid #bad1b0;
	border-right: 1px solid #bad1b0;
	border-top: 1px solid #bad1b0;
	border-bottom: 1px solid #bad1b0;
	margin-left: 0px;
	margin-right: 0px;
	padding: 10px;
}

.contentwrap1 {
	width: 521px;
	_width: 100%;
	background-color: #f1f2ee;
	margin-left: 0px;
	margin-right: 0px;
	padding: 10px;

}

.contentwrap2 {
	width: 477px;
	_width: 100%;
	background-color: #f1f2ee;
	margin-left: 0px;
	margin-right: 0px;
	padding: 10px;
}

.contentwrap3 {
	width: 487px;
	_width: 100%;
	background-color: #f1f2ee;
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 10px;
	padding-left: 0;
	padding-top: 1px;
	padding-bottom: 1px;
	_padding-top: 13px;

}



.linkbars {
	background-color: #D1D5C7;
	padding: 5px;
	margin-top: 0px;
	color:#000000;
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	border-left: 1px solid #BEBEBE;
	border-right: 1px solid #BEBEBE;
	border-top: 1px solid #BEBEBE;
	text-decoration:none;
}

.linkbars2 {
	background-color: #D1D5C7;
	padding: 5px;
	margin-top: 0px;
	color:#000000;
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	border-bottom: 1px solid #BEBEBE;
	text-decoration:none;
}


.inner {
	height: 15px;
	background-color: #D1D5C7; 
	margin-top: 0px;
	color:#000000;
}

.inner a { 
display: block; 
height: 100%; 
width: 100%; 
text-decoration:none;
color:#000000;
}

.container {
	width: 521px;
	_width: 100%;
	background-color: #f1f2ee;
	border-left: 1px solid #bad1b0;
	border-right: 1px solid #bad1b0;
	border-top: 1px solid #bad1b0;
	margin-left: 0px;
	margin-right: 0px;
	padding: 10px;
}

.container2 {
	width: 521px;
	_width: 100%;
	background-color: #f1f2ee;
	border-left: 1px solid #bad1b0;
	border-right: 1px solid #bad1b0;
	border-top: 1px solid #bad1b0;
	border-bottom: 1px solid #bad1b0;
	margin-left: 0px;
	margin-right: 0px;
	padding: 10px;
}


.test{
	background-color: #dde2df; 
	padding: 5px;
	margin-top: 0px;
	color:#000000;
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	border: 1px solid #bad1b0;
	text-decoration:none;
}

.footerheader {
	height: 19px;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	background-image:url('../images/Question_mark.jpg');
	background-position:left;
	background-repeat:no-repeat;
	text-indent: 25px;
	margin-top:10px;
	margin-bottom:20px;
	_margin-bottom:10px;
}


.footercontainer {
	width: 96%;
	_width: 100%;
	background-color: #f1f2ee;
	border-left: 1px solid #bad1b0;
	border-right: 1px solid #bad1b0;
	border-top: 1px solid #bad1b0;
	border-bottom: 1px solid #bad1b0;
	_padding-top: 10px;
	_padding-bottom: 10px;
	padding-left:10px;
	padding-right:10px;
	font-family: Tahoma;
	font-size: 11px;
}

#feeoverview{
	width: 462px;
	height: 109px;
	background-image:url('../images/Fee_overview.jpg');
	margin-left: 10px;
}

.financetable1 {
	width: 100%;
}

.financetable1 tbody tr.even td {
    background-color: #eee;
    font-family: Tahoma;
    font-size: 11px;
    padding: 5px;
    height: 15px;
    }
.financetable1 tbody tr.odd  td {
    background-color: #fff;
    height: 15px;
    font-family: Tahoma;
    font-size: 11px;
    padding: 5px;
    }
    
.financetable1 tbody tr.even1 td {
    background-color: #eee;
    font-family: Tahoma;
    font-size: 11px;
    height: 15px;
    }
.financetable1 tbody tr.odd1  td {
    background-color: #fff;
    height: 15px;
    font-family: Tahoma;
    font-size: 11px;
    }
        
.financetable1 thead th {
    background-color: #eee;
    border-right: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1;
    font-family: Arial;
    font-size: 11px;
    padding: 5px;
    }

.financetable1 tfoot tr  td {
    background-color: #eee;
    height: 15px;
    font-family: Tahoma;
    font-size: 11px;
    padding: 5px;
    }
    
.financetable2 tbody tr.even td {
    background-color: #eee;
    font-family: Tahoma;
    font-size: 11px;
    padding: 10px;
    height: 15px;
    }
.financetable2 tbody tr.odd  td {
    background-color: #fff;
    height: 15px;
    font-family: Tahoma;
    font-size: 11px;
    padding: 10px;
    }    

.financetable2 thead th {
    background-color: #eee;
    border-right: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1;
    font-family: Arial;
    font-size: 11px;
    padding: 10px;
    }

.financetable2 tfoot tr  td {
    background-color: #eee;
    height: 15px;
    font-family: Tahoma;
    font-size: 11px;
    padding: 10px;
    }
    
.financetable3 tbody tr.even td {
    background-color: #eee;
    font-family: Tahoma;
    font-size: 11px;
    padding: 10px;
    height: 15px;

    }
.financetable3 tbody tr.odd  td {
    background-color: #fff;
    height: 15px;
    font-family: Tahoma;
    font-size: 11px;
    padding: 10px;

    }
.financetable3 thead th {
    background-color: #eee;
    border-right: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1;
    font-family: Arial;
    font-size: 11px;
    padding: 10px;
    margin-top: 10px;
    }

.financetable3 tfoot tr  td {
    background-color: #eee;
    height: 15px;
    font-family: Tahoma;
    font-size: 11px;
    padding: 10px;
    border-left: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1;
    }

.financetable4 tbody tr.even td {
    background-color: #fff;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
    height: 15px;

    }
.financetable4 tbody tr.odd  td {
    background-color: #fff;
    height: 15px;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    padding: 10px;

    }
.financetable4 thead th {
    background-color: #fff;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
    margin-top: 10px;
    }

.financetable4 tfoot tr  td {
    background-color: #fff;
    height: 15px;
    font-family: Tahoma;
    font-size: 12px;
    padding: 10px;
    }


.tablediv {
	margin-top: 10px;
	border-left: 1px solid #a1a1a1;
	border-top: 1px solid #a1a1a1;
	border-bottom: 1px solid #a1a1a1;
	
}

.tablediv2 {
	border: 1px solid #bad1b0;
	background-color: #f1f2ee;
	padding: 10px;
	margin-top: 10px;
}

.tablediv3 {
	margin-top: 0px;
	border-left: 1px solid #a1a1a1;
	border-top: 1px solid #a1a1a1;
	margin-bottom: 0px;
}

.tablediv4 {
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 20px;
	background-color: #fff;
}

.tablediv5 {
	margin-top: 10px;
	border-left: 1px solid #a1a1a1;
	border-top: 1px solid #a1a1a1;
	
}

.tablediv6 {
	border: 1px solid #a1a1a1;
	background-color: #ffffff;
	padding: 5px;
	margin-top: 10px;
}


.table_tier tbody tr.even td {
    background-color: #dcdcdc;
    font-family: Tahoma;
    font-size: 11px;
    padding: 5px;
    height: 15px;
    border-right: 1px solid #dcdcdc;
    }
.table_tier tbody tr.odd  td {
    background-color: #fff;
    height: 15px;
    font-family: Tahoma;
    font-size: 11px;
    padding: 5px;
    }
    
.table_tier tbody tr.even1 td {
    background-color: #eee;
    font-family: Tahoma;
    font-size: 11px;
    height: 15px;
    }
.table_tier tbody tr.odd1  td {
    background-color: #fff;
    height: 15px;
    font-family: Tahoma;
    font-size: 11px;
    }
        
.table_tier thead th {
    background-color: #eee;
    border-right: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1;
    font-family: Arial;
    font-size: 11px;
    padding: 5px;
    }

.table_tier tbody tr.header  td {
    background-color: #dcdcdc;
    height: 15px;
    font-family: Tahoma;
    font-size: 11px;
    padding: 5px;
    border-right: 1px solid #dcdcdc;
    }



li.finance {
	list-style-type: decimal;
}

li.financealpha {
	list-style-type:lower-alpha;
}

li.financenone {
	list-style-type:none;
}

li.financesquare {
	list-style-type:square
}

li.finance1 {
	list-style-type: decimal;
}


.blanktable {
position: relative;
	width: 110px;;
	height:30px;

}

#special{
	background-color:#e8e8e8;
	padding: 5px;
	font-weight:bold;
}

#icon_cash{
	width: 39px;
	height: 38px;
	background-image:url('../images/cash.png');
	
}

#icon_cheque{
	width: 39px;
	height: 38px;
	background-image:url('../images/cheque.png');
	
}

#icon_NETS{
	width: 79px;
	height: 38px;
	background-image:url('../images/NETS.png');
	
}

#icon_EPAY{
	width: 40px;
	height: 38px;
	background-image:url('../images/EPAY.png');
	
}

#icon_GIRO{
	width: 48px;
	height: 32px;
	background-image:url('../images/GIRO.png');
	
}

#icon_CPF{
	width: 34px;
	height: 38px;
	background-image:url('../images/cpf.png');
	
}

#icon_mendaki{
	width: 57px;
	height: 38px;
	background-image:url('../images/mendaki.png');
	
}

#icon_citibank{
	width: 58px;
	height: 38px;
	background-image:url('../images/citibank.png');
	
}

#icon_MOE{
	width: 37px;
	height: 38px;
	background-image:url('../images/MOE.png');
	
}

#icon_fees{
	width: 42px;
	height: 38px;
	background-image:url('../images/fees.png');
	
}



#flowchart_container1 {
	position: relative;
	width: 100%;
	height: 420px;
	background-color: #ffffff;
	text-align: center;
}

#flowchart_container2 {
	position: relative;
	width: 100%;
	height: 320px;
	background-color: #ffffff;
	text-align: center;
}

#flowchart_container3 {
	position: relative;
	width: 100%;
	height: 680px;
	background-color: #ffffff;
	text-align: center;
}


.flowchart_box {

	width: 300px;
	background-color: #f1f2ee;
	border: 1px solid #a1a1a1;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}

.flowchart_box1 {

	width: 450px;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
}

.innerflowchart_box1 {

	width: 210px;
	_width: 215px;
	background-color: #f1f2ee;
	border: 1px solid #a1a1a1;
	margin: 0px;
	padding: 5px;
	font-family: Tahoma;
	font-size: 11px;
	text-align:justify;
}

.innerflowchart_box2 {

	width: 200px;
	_width: 215px;
	height: 320px;
	background-color: #f1f2ee;
	border: 1px solid #a1a1a1;
	margin-left: auto;
	margin-right: auto;
	padding: 8px;
	font-family: Tahoma;
	font-size: 11px;
	text-align:justify;
}

.innerflowchart_box3 {

	width: 200px;
	_width: 215px;
	height: 320px;
	_height: 325px;
	background-color: #f1f2ee;
	border: 1px solid #a1a1a1;
	margin-left: auto;
	margin-right: auto;
	padding: 8px;
	font-family: Tahoma;
	font-size: 11px;
	text-align:justify;
}


#TG_Flowchart_table {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#TG_Flowchart_table2 {
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: Tahoma;
	font-size: 9px;
	text-align:justify;
}



.downarrow {
	width: 47px;
	height: 45px;
	background-image:url('../images/down-arrow.gif');
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;

}

.Yarrow {
	width: 82px;
	height: 56px;
	background-image:url('../images/arrow_Y.png');
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;

}

.table_indent{
	font-family: Tahoma;
    font-size: 11px;
	margin: 10px;
}

.spacer {
	height:20px;
}


