
/* main areas... */
.body
{
 margin: 0px;
 background-color: #ABB4C3;
 background-image: url(../images/mfin_back.jpg); 
}

.menubar
{
 height: 22px;
 background-color: #3D5D8E;
 border-top: 1px solid white; 
 border-bottom: 1px solid white;
}

.banner
{
	height: 79px;
 background-color: white; 
 border-bottom: 1px solid #EFEFEF; 
}

.banner_text
{
 background-color: #5689BE;
 height: 100%;
}

.banner_span1
{
 background-color: #2E406E;
 width: 189px;
 height: 100%;
}

.banner_span2
{
 font: 400 25px verdana, arial, geneva;
 color: white;
 width: 420px;
 height: 100%;  
 padding-top: 15px; 
 text-align: center; 
}

.banner_span3
{
 background-color: #A3B4D0;
 width: 171px;
 height: 100%; 
}

.toolbar
{
 height: 25px;
 background-color: #ABB4C3;
 border-bottom: 1px solid #EFEFEF;
}

.toolbarleftpad
{
 width: 205px;  
}

.imagearea
{
 width: 189px;
 background-color: white;
 border-right: 1px solid #EEEEEE; 
 vertical-align: top;
}

.welcometext
{
 font: 700 14px verdana, arial, geneva;
 color: #2C4A62;
 width: 100%;
 height: 100%; 
 padding-left: 20px;
}

.contentarea
{
 background-color: white;
 vertical-align: top;
}

.servicesarea
{
 width: 170px;
 background-color: #485A8C;
 border-left: 1px solid #EEEEEE; 
 vertical-align: top; 
}

.servicestitle
{
 font: 400 18px arial, verdana, geneva;
 color: white;
 height: 30px;
 background-image: url(../image.aspx?site=MFIN&ref=servicesbk);
 background-repeat: no-repeat;
 padding: 4px, 2px, 4px, 8px;	
 border-bottom: solid 1px #E3E7F0; 
}

.servicestitle_text
{
 font: 400 18px arial, verdana, geneva;
 color: white;
 height: 30px;
 background-color: #1B5491; 
 padding: 4px, 2px, 4px, 8px;	
 border-bottom: solid 1px #E3E7F0; 
}

.menuarea
{
 width: 170px;
 background-color: white;
 border-left: 1px solid #EEEEEE; 
 vertical-align: top; 
}

.logosarea
{
 height: 45px; 
 padding-top: 3px; 
 background-color: white; 
 text-align: center; 
 border-top: solid 1px #EFEFEF;
}

.footerarea
{
	height: 25px;
	background-color: #3D5D8E;
}

.homecontentarea
{
 background-color: White;
 border-left: solid 1px #EFEFEF;
}


/* graphical/text version styles... */
.version a 
{
	font: 400 11px arial, verdana, geneva;
	color: white;
 padding-left: 2px;
	text-decoration: none;
}

.version a:hover 
{
	color: #C4170B;	
}


/* toolbar styles... */
.tool a 
{
	font: 700 12px arial, verdana, geneva;
	color: #555555;
 text-decoration: none; 
}

.tool a:hover 
{
	color: #C4170B;	
}

.toolsearch
{
	width: 172px; 
}


/* footer styles... */
div.footer, div.footer a, td.footer a
{
	font: 400 11px arial, verdana, geneva;
	color: white;
	text-decoration: none;
}

div.footer a:hover, td.footer a:hover
{
	color: #C4170B;	
}


/* text menu (horizontal) styles... */
table.textmenu
{
	border-collapse: collapse; 
	background-color: #3D5D8E;
	width: 100%;
	height: 20px;
}

table.textmenu td
{
 border-right: solid 1px #EFEFEF;
}

table.textmenu a 
{
	font: 700 12px arial, verdana, arial, geneva;	
 color: white;
 width: 100%;
 text-decoration: none; 
 text-align: center;
 line-height: 19px;
}

table.textmenu a:hover 
{
	background-color: white;
	color: #3D5D8E;
}



/* text menu (vertical) styles... */
table.textmenu_v
{
	border-collapse: collapse; 
	background-color: white;
	width: 100%;
}

table.textmenu_v td
{
 border-bottom: solid 1px #EFEFEF;
}

table.textmenu_v a 
{
	font: 400 11px verdana, arial, geneva;	
	font-variant: small-caps;
 color: #3D5D8E;
 width: 100%;
 text-decoration: none; 
 padding-left: 3px; 
 line-height: 19px;
}

table.textmenu_v a.selected 
{
	font: 400 11px verdana, arial, geneva;	
	font-variant: small-caps;
 color: white;
 background-color: #7F91B3;
 width: 100%;
 text-decoration: none; 
 padding-left: 2px; 
 line-height: 19px;
}

table.textmenu_v a:hover 
{
	background-color: #EFEFEF;	
}

table.textmenu_v a.selected:hover 
{
	background-color: #B7C0D1;
}



/* text submenu (vertical) styles... */
table.textsubmenu_v
{
	border-collapse: collapse; 
	background-color: #FAFAFA;
	width: 100%;
}

table.textsubmenu_v td
{
 border-top: dotted 1px #EFEFEF;
 border-bottom: none;
}

table.textsubmenu_v a 
{
	font: 400 11px verdana, arial, geneva;	
	font-variant: small-caps;
 color: #3D5D8E;
 width: 100%;
 text-decoration: none; 
 padding-left: 10px; 
 line-height: 19px;
}

table.textsubmenu_v a.selected 
{
	color: white;
 background-color: #7F91B3; 
 padding-left: 10px; 
}

table.textsubmenu_v a:hover 
{
	background-color: #EFEFEF;	
}

table.textsubmenu_v a.selected:hover 
{
	background-color: #B7C0D1;
 padding-left: 10px; 
}



/* form styles... */
.formtext
{
	font: 400 12px arial, verdana, geneva;
 color: black;
	text-align: left;
	vertical-align: top;
	border-bottom: #EEEEEE 1px solid; 	
	padding-bottom:15px; 
	padding-left:2px;
}

.formitem
{
	font: 400 12px arial, verdana, geneva;
 color: black;
	text-align: left;
	vertical-align: top;
	border-bottom: #CBD2D8 1px solid; 
	border-left: #CBD2D8 1px solid; 
	background-color: #F0F5F9; 
	padding-left:1px;
}

.formparm
{
 font: 700 12px arial, verdana, geneva;
 color: black; 
 text-align: left;
 vertical-align: top; 
 background-color: #F0F5F9;
 border-bottom: #CBD2D8 1px solid; 
 padding-left:2px;
}


/* table styles... */
.tabletitle
{
 font: 700 12px arial, verdana, geneva;
 color: black;
 background-color: #F0F5F9;
 text-align: left;
 vertical-align: top; 
 border-bottom: white 1px solid; 
 border-right: white 1px solid; 
 padding-left:2px;
}

.tabletext
{
 font: 400 12px arial, verdana, geneva;
 color: black;
 text-align: left;
 vertical-align: top; 
 border-bottom: #F0F5F9 1px solid; 
 border-right: #F0F5F9 1px solid;
 padding-bottom: 12px; 
}

.tableplaintext
{
 font: 400 12px arial, verdana, geneva;
 color: black;
 text-align: left;
 vertical-align: top; 
 border-bottom: #F0F5F9 1px solid; 
 border-right: #F0F5F9 1px solid; 
}



/* cluster styles... */
div.clustertitle
{
 font: 700 12px verdana, arial, geneva;
 color: white;
 width: 116px;
 background-color: #3D5D8E; 
 padding: 4px, 2px, 4px, 3px;	
}

td.clusterimagearea
{
 width: 115px;
 vertical-align: top;
 border-top: solid 1px #3D5D8E;
}

td.clusterarea
{
 vertical-align: top; 
 padding-left: 0px;
 border-top: solid 1px #3D5D8E;  
}

.clusterimage
{
 width: 113px;
 height: 113px;
}

ul.cluster
{
	list-style-type: none;
	margin: 0;	
}

ul.cluster a 
{
	font: 400 11px verdana, arial, geneva;
 color: black;
 width: 100%;
 text-decoration: none; 
 padding: 0px, 0px, 3px, 10px;
 line-height: 15px;
 border-bottom: solid 1px #EFEFEF;  
}

ul.cluster a:hover 
{
	background-color: #C4CBDF;
}

.clustersep
{
 height: 25px; 
}



/* misc styles... */
.exception
{
	font: 400 12px arial, verdana, geneva;
 color: #BBBBBB;
 width: 100%;
 padding: 15px, 15px, 0px, 15px; 
 border-bottom: dotted 1px #BBBBBB;
}

.plaintext
{
	font: 400 12px arial, verdana, geneva;
 color: black;	
	padding-left:2px;
 text-decoration: none;
}

.errortext
{
	font: 400 12px arial, verdana, geneva;
	font-style: italic;
	color: black;	
	padding: 0px, 0px, 0px, 2px;
}

.errordesc
{
	font: 400 11px arial, verdana, geneva;
	color: black;	
	padding: 0px, 0px, 10px, 2px;
	background-color:#EEEEEE;
}

.button1
{
	font: 400 8px verdana, geneva, arial;
	color: white;
	background-color: #D37530;
	width: 59px;
	height: 18px;
	letter-spacing: 1;
	cursor: pointer;
	cursor: hand; 
}


/* services... */
ul.services
{
 list-style-type: none;
	margin: 0;	 
 padding: 10px, 0px, 0px, 0px; 
}

ul.services a 
{
	font: 400 10px verdana, arial, geneva;
 color: white;
 width: 100%;
 text-decoration: none; 
 padding: 0px, 5px, 3px, 8px;
 line-height: 15px;   
}

ul.services a:hover 
{
	font-weight: bold; 
}


/* generic page styles... */
.pagetitle
{
	font: 400 18px arial, verdana, geneva;
 color: white;
 height: 30px;
 background-color: #3D5D8E; 
 padding: 4px, 2px, 4px, 15px;	
	border-bottom: none;	
}

.pageline
{
	font: 400 12px arial, verdana, geneva;
 color: black;
 width: 100%;
 padding: 0px, 15px, 15px, 15px;
 text-align: justify;
}

.pagetext
{
	font: 400 12px arial, verdana, geneva;
 color: black;
 text-align: justify;
}

.pageimage
{
 width: 189px;
 height: 192px;
}

.pagelogo
{
 width: 189px;
}

.pagenotetitle
{
 font: 400 11px arial, verdana, geneva;
	color: black;
 border-bottom: #EFEFEF 1px solid;	
 padding-left: 2px;
}

.pagenotebullet
{
 font: 400 11px arial, verdana, geneva;
	color: black;
	width: 30px; 
	text-align: center;
	vertical-align: top; 
}

.pagenote
{
 font: 400 11px arial, verdana, geneva;
	color: black;
 text-align: justify;
	vertical-align: top; 
	padding-bottom: 3px; 
}


/* news styles... */
.newsdate
{
	font: 400 12px arial, verdana, geneva;
	width: 80px;
 vertical-align: top;
 text-align: center;  
 background-color: #D2E3F3;
}

.newssubject
{
	font: 700 12px arial, verdana, geneva; 
	color: black;
 display: block;
 padding-bottom: 10px;
 border-top: 1px solid #D2E3F3;
}

.newscontent
{
	font: 400 12px arial, verdana, geneva;
	text-align: justify;
}

.newsmore
{
 font: 400 11px arial, verdana, geneva;
 text-align: right; 
}

.newssep
{
 height: 20px; 
}


/* faq styles... */
.faqcategory
{
	font: 400 14px arial, verdana, geneva;
 padding: 3px, 0px, 5px, 1px;
 border-bottom: solid 1px #EFEFEF; 
	background-color: #D2E3F3;
}

.faqarea
{
 border-bottom: solid 1px #EFEFEF; 
}

.faqno
{
	font: 400 12px arial, verdana, geneva;
	width: 30px;
 border-right: solid 1px #EFEFEF; 
 padding-top: 5px;
	vertical-align: top;
	text-align: center;	
}

.faqquestion
{
	font: 700 12px arial, verdana, geneva;
	text-align: justify;
	padding: 5px, 2px, 10px, 1px;
}

.faqanswer
{
	font: 400 12px arial, verdana, geneva;
	text-align: justify;
	padding: 0px, 2px, 10px, 1px;
}

.faqsep
{
 height: 25px; 
}


/* sitemap styles... */
.smappage
{
 font: 700 12px arial, verdana, geneva;
 color: black;
 display: block;
 padding-bottom: 10px;
 border-top: 1px solid #D2E3F3;
}

.smaplastm
{
 font: 400 12px arial, verdana, geneva;
 width: 145px;
 vertical-align: top;
 text-align: center; 
 background-color: #D2E3F3; 
}

.smapdesc
{
 font: 400 12px arial, verdana, geneva;
 text-align: justify; 
}

.smapsep
{
 height: 20px; 
}


/* search styles... */
a.searchpage
{
 font: 700 12px arial, verdana, geneva;
 display: block;
 padding: 0px, 0px, 10px, 15px; 
}

.searchdesc
{
 font: 400 12px arial, verdana, geneva;
 text-align: justify;
 padding: 0px, 15px, 15px, 15px;
 border-bottom: 1px solid #EEEEEE;
}

.searchmsg
{
 font: 400 12px arial, verdana, geneva;
 font-style: italic;
 text-align: right;
 padding: 0px, 15px, 0px, 0px;
 border-bottom: 1px solid #EEEEEE;
}


/* portfolio styles... */
.portfolioname
{
	font-weight: bold;
 text-align: justify;
 padding: 15px, 0px, 0px, 0px;
 border-bottom: 1px solid #EFEFEF; 
}

.portfoliodesc
{
	text-align: justify; 
 padding: 0px, 0px, 10px, 20px;
}


/* contact details... */
.contacttitle
{
 font-size: 15px;
	font-weight: bold;
	height: 20px;
	text-align: justify;
	background-color: #D2E3F3;
	padding: 3px, 2px, 3px, 1px;	
}

.contactsubtitle
{
 font-weight: bold;
	padding: 15px, 0px, 0px, 0px;
}

.contacttext
{
	text-align: justify;
	padding: 0px, 0px, 15px, 3px;
}


/* customs department... */
.customstitle
{
 font-size: 15px;
	font-weight: bold;
	height: 20px;
	text-align: justify;
	background-color: #F0F5F9;
	padding: 3px, 2px, 3px, 1px;	
}


