

#column-left {
float: left;
width: 200px; /* Width of left column in pixel */
margin-left: 0; /* Set margin to that of -(MainContainerWidth) */
background: url(http://www.bankmandiri.co.id/images/bg_col_left.png) repeat-x #f7fafd;
border: 1px solid #D0E5F3;
border-top: 1px solid #C7E0F1;
border-right: 1px solid #C7E0F1;
}

#column-left .content { padding: 18px 20px 18px 20px; }


#column-left h2 { color: #fff; padding: 7px; background: #0f2b5b; }

#addinfo .inner { padding: 10px 10px 0 10px; color: #333; line-height: 150%; font-size: 11px; border-bottom: 1px solid #333; }
	#addinfo .inner p { margin: 0 0 10px 0; padding: 0; }
	#addinfo .inner a { color: #333; font-weight: bold; text-decoration: none; }
	#addinfo .inner a:hover { color: #000; }
	
#menu-left h2, #addinfo h2 {
	background: #d2e4ef;
	color: #333;
}

#menu-left a {
	text-decoration: none;
	border-bottom: 1px solid #d5e8f5;
	color: #333;
	font-size: 11px;
	display: block;
	width: 185px;
	min-height: 20px;
	margin: 0;
	padding: 5px;
}

/* first level links */
#menu-left > ul > li > a {
padding-left: 5px;
background: url(http://www.bankmandiri.co.id/images/arrow_down.jpg) no-repeat 180px 13px;
}

/* second level */
#menu-left li li a {
padding-left: 20px;
width: 174px;
}

/* third level */
#menu-left li li li a {
padding-left: 35px;
width: 159px;
}

#menu-left li a:hover { background: #FFF !important; }

#menu-left li {
background: #e3f0f8;
}

#menu-left a.active {
font-weight: bolder;
}

#menu-left > ul > li > a.active {
color: #fff;
font-weight: normal;
background: url(http://www.bankmandiri.co.id/images/arrow_up.jpg) no-repeat 180px 13px #0f2b5b;
}

#menu-left li li {
background: #F2F8FB;
}

/* deepsubmn */
.deepsubmn {
	margin:0 ; padding:  0 0 0 12px; 
	color: #006B4D; 
	display: block;
}

.seconddeepsubmn {
	margin:0 ; padding:  0 0 0 17px; 
	color: #FC6900; 
	display: block;
}



/* accordion */
.accordion {
margin: 0;
padding: 0;
width: 185px;
}

#menu-left h2 {
background: #d2e4ef;
color: #333;
}

#menu-left a {
text-decoration: none;
border-bottom: 1px solid #d5e8f5;
color: #333;
font-size: 11px;
display:block;
margin: 0;
padding: 5px 5px 5px 10px;
}

/* top level links */
#menu-left a.menuitem {
background: none;
width: 185px;
position: relative;
}

/* currently collapsed top level link */
a.headeractive {
color: #B5DFCE !important;
background: #055A3B !important;
width: 184px !important;
}

/* top level links on hover */
.accordion a.menuitem:hover {
color: #fff !important;
background: #055A3B !important;
width: 184px !important;
font-color: #055A3B!important;
}

/* submenu */
.submenu li a {
padding-left: 20px !important;
width: 174px !important;
background: #EAF7F1 !important;
}

.submenu a.subheader {
font-weight: bolder;
padding-left: 15px !important;
width: 179px !important;
}

/* up-down arrows */
.accordion a.menuitem .statusicon {
position: absolute;
top: 12px;
right: 10px;
border: none;
}

.accordion div.submenu ul {
list-style-type: none;
margin: 0;
padding: 0;
}

