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

body{
	margin:0px;
	background:url(../images/main-bg.jpg) repeat-x top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4a4a4a;
	}

.fontem{
	font-size:2em;
	font-weight:bold;}


* {
	margin:0px;
	padding:0px;
	}

.fl {
	float:left;
	}

.fr {
	float:right;
	}

.clr {
	clear:both;

	}

#container{
	margin:auto;
	width:1001px;

	}

.mrg-top{
	margin-top:10px;}


/*Header area Starts Here*/

#header{
	height:84px;
	background:url(../images/header-bg.png) repeat-x top;
	padding-bottom:15px;
	clear:both}


#header .content{
	width:965px;
	padding:0px 6px;
	float:left}

.logo{
	padding-top:6px;
	float:left}

#top-nav{
	background:url(../images/top-nav-bg.png) no-repeat top;
	height:32px;
	width:417px;
	text-align:center;
	line-height:32px;
	float:right;
	color:#FFFFFF;
	margin-top:45px;}

#top-nav a{
	color:#FFFFFF;
	text-decoration:none;
	padding:0px 8px;}

#top-nav a:hover{
	color:#ffcb05;
	text-decoration:none;}

/*Header area ends Here*/

/*Content area Starts Here*/

#body-content{
	background-color:#eeeeee;
	padding:18px;
	border-top:4px solid #999999;
	border-bottom:4px solid #FFFFFF;
	min-height:530px;}

#left-col{
	width:168px;
	float:left;}

#cen-col{
	width:601px;
	float:left;
	padding:0px 14px;}

#right-col{
	width:168px;
	float:right;}


.pannel{
	margin:10px 0px;
	}

.pannel .heading{
	background:url(../images/pannel-heading.gif) no-repeat;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	height:30px;
	line-height:30px;

	}

.pannel-mid{
	background:url(../images/pannel-mid.gif) repeat-y;
	padding:5px;
	}

.pannel ul li{
	background:url(../images/li-arrow.png) no-repeat;
	padding:5px 0px 5px 12px;
	list-style:none;
	}

.pannel a{
	text-decoration:none;
	color:#163f64;
	}

.pannel a:hover{
	text-decoration:underline;
	color:#4a4a4a;
	}
	
/* career*/
.main-nav {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/main-nav-bg.png) no-repeat scroll 0 0;
color:#FFFFFF;
height:42px;
width:601px;
}
.main-nav a {
color:#FFFFFF;
font-weight:bold;
line-height:36px;
padding:3px 10px;
text-decoration:none;
display:inline-block;
}
.main-nav a:hover {
color:#003366;
}


#main-nav {

background:transparent url(../images/main-nav-bg.png) no-repeat scroll 0 0;
color:#FFFFFF;
height:42px;
width:601px;
}
#main-nav li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.level-1 a {
color:#FFFFFF;
font-weight:bold;
line-height:37px;
padding:3px 10px;
text-decoration:none;
display:inline-block;
}
.level-1 a:hover {
background-color:#F2F2F2;
color:#276DA9;
}
ul.dropdown li:hover {
background-color:#F2F2F2;
color:#276DA9;
}
.level-2 {
}
.level-2 a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/li-arrow2.png) no-repeat scroll 0 0;
color:#276DA9;
display:block;
font-size:100%;
font-weight:normal;
line-height:20px;
margin-left:10px;
padding:0 6px 0 10px;
text-align:left;
text-decoration:none;
}
.level-2 a:hover {
background-repeat:no-repeat;
color:#E88D22;
}
.level-3 {
}
.level-3 a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/li-arrow2.png) no-repeat scroll 0 0;
color:#276DA9;
display:block;
font-size:100%;
font-weight:normal;
line-height:20px;
margin-left:20px;
padding:0 0 0 12px;
text-align:left;
text-decoration:none;
}
.level-3 a:hover {
background-repeat:no-repeat;
color:#E88D22;
}
.level-2 p {
background-color:#F2F2F2;
color:#276DA9;
display:block;
font-size:100%;
line-height:20px;
padding-left:30px;
text-align:left;
text-decoration:none;
width:179px;
}

.banner-main{
	width:601px;
	height:179px;
	background-color: #999;
	margin:10px 0px;}
	
/* rotator in-page placement */
#rotator {
	position:relative;
	height:179px;
/*  margin-left: 15px;*/
}

/* rotator css */
#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}

/* rotator image style */	
#rotator ul li img {
  border:0;
/*  padding: 4px;*/
/*  background: #FFF;*/
}

#rotator img{
  width: 601px;
  height: 179px;
}

#rotator ul li.show {
	z-index:500;
}

	


h1{
	background:url(../images/main-heading-bg.png) no-repeat;
	line-height:28px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#193b7d;
	padding-left:10px;
	font-weight:bold;
	font-size:14px;}

.details-div{
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	border-top:none;
	line-height:18px;
	padding:10px;}

.details-div p{
/*  margin-top: 5px;*/
}
.new ul{
  padding-left:30px;
}

.bg-blue,
.new h1{
background:url(../images/heading-bg.jpg) repeat-x;
font-family:Arial,Helvetica,sans-serif;
line-height: 18px;
font-size: 12px;

margin-top:15px;
margin-bottom:10px;
margin-left:-8px;
width: 585px;
padding:5px;
color:#FFFFFF;
}


.new table{
  margin-left:auto;
  margin-right:auto;
}

.tabs-area{
	width:585px;
	height:105px;
	padding:8px;
	margin:10px 0px;
	background:url(../images/tabs-bg.gif) no-repeat;}

.tabs-area img{
	float:left;
	border:0;}

.link{
	text-decoration:none;
	color:#163f64;
	}

.link:hover{
	text-decoration:underline;
	color:#17446b;
	}

.color-blue{
	color:#17446b}


/*dropdown.css*/
ul.dropdown, ul.dropdown li, ul.dropdown ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
ul.dropdown {
margin-left:10px;
position:relative;
z-index:597;
}
ul.dropdown li {
float:left;
line-height:1.3em;
vertical-align:middle;
}
ul.dropdown li.hover, ul.dropdown li:hover {
cursor:default;
position:relative;
z-index:599;
}
ul.dropdown ul {
background-color:#F2F2F2;
left:0;
margin-top:1px;
padding:5px;
position:absolute;
top:100%;
visibility:hidden;
width:180px;
z-index:500;
}
ul.dropdown ul ul {
margin-left:3px;
}
ul.dropdown ul li {
float:none;
}
ul.dropdown ul ul {
left:99%;
top:1px;
}
ul.dropdown li:hover > ul {
visibility:visible;
}
ul.dropdown li:hover > .dir {
background-color:#F2F2F2;
color:#276DA9;
}
ul.dropdown-vertical {
width:197px;
}
ul.dropdown-vertical ul {
left:99%;
top:1px;
}
ul.dropdown-vertical li {
float:none;
}



/* the news box when JavaScript is available */
#news.hasJS
{
	height:120px;
	overflow:hidden;
	position:relative;
}
/* The nested UL when JavaScript is available */
#news.hasJS ul
{
	position:absolute;
	top:120px;
	left:0;
	margin:0 .5em 0 .5em;
	padding:0;
}




.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}


.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 1.0em sans-serif;
	color:#fff;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;

	background:url(../images/top-nav-bg.png) no-repeat center ;
}


.TabbedPanelsTabHover {
	background-color: #333333;
	background-image:none;
	color:#CCCCCC;
}


.TabbedPanelsTabSelected {
	background-color: #EEE;
	color:#333333;
	border-bottom: 1px solid #EEE;
	background-image:none;
}



.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}


.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #EEE;
}


.TabbedPanelsContent {
	padding: 4px;
}



.TabbedPanelsContentVisible {
}


.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}


.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}



.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

.branches{
	background-color:#fff;
	border:1px solid #999999;

	padding:2px;}

.branch-name{
	background-color:#a7a9ac;
	color:#545454;
	background:url(../images/branch-bg.png) top;
	font-weight:bold;
	text-indent:4px;
	font-size:14px;
	border-bottom:1px solid #CCCCCC;
	padding:5px 0px;
	border-collapse:collapse;}


/* page links */
  .page-links a{
    color:#276da9;
  	font-size:12px;
  	font-weight:bold;
  	text-decoration:none;
  }
  .page-links a:hover{
    text-decoration:underline;
  }

/*bottom links_n_footer area starts Here*/

#bottom-links{
	color:#858384;
	font-size:10px;
	}

#bottom-links .inner{
		background-color:#adafb1;
		padding:10px 20px 0px 20px;}

#bottom-links h2{
	color:#bc0101;
	font-size:12px;
	font-weight:bold;
	}

#bottom-links li{
	list-style:none;
	margin-top:3px;
	}
#bottom-links li a{
	color:#276da9;

	font-size:12px;
	text-decoration:none;
	}

#bottom-links li a:hover{
	text-decoration:underline;
	}

.product-n-services-links{
	width:405px;
	padding:10px 20px;
	background:url(../images/PnS-bg.png) bottom repeat-x;
	border:1px solid #dddddd;}

.sepration{
	width:6px;}

.product-n-services-links .sep{
	width:180px;
	padding-right:5px;
	}

.islamic-banking-links{
	width:230px;
	padding:10px 20px;
	background:url(../images/islamic-banking-bg.png) repeat-x bottom;
	border:1px solid #dddddd;}

.branches-links{
	width:188px;
	padding:10px 20px;
	background:url(../images/branches-bg.png) repeat-x bottom;
	border:1px solid #dddddd;}

.curve-bottom{
	background:transparent url(../images/imgs.png) no-repeat;
	height:45px;
	background-color:#FFFFFF;
	padding:25px 20px 0px 20px;
	line-height:25px;
	font-size:12px;}

.link-footer{
	font-size:12px;
	margin-right:8px;
	color:#FFFFFF;
	text-decoration:none;}

.link-footer:hover{
	font-size:12px;
	color:#ffcb05;
	text-decoration:none;}

.curve-bottom span{
	font-size:12px;
	color:#fff;}

.bg-white{
	background-color:#FFFFFF;}

/* career*/

.tr-bg{
	background:url(../images/branch-bg.png) top repeat-x;
	background-color:#dedede;
	text-indent:4px;
	border-bottom:1px solid #CCCCCC;
	padding:3px 0px;
	border-collapse:collapse;
	font-weight:bold;}

.tr-bg-h1{
	color:blue;
	font-size:14px;
	background:url(../images/branch-bg.png) top repeat-x;
	background-color:#dedede;
	text-indent:4px;
	border-bottom:1px solid #CCCCCC;
	padding:3px 0px;
	border-collapse:collapse;
	font-weight:bold;
}


.heading-bg-grey{
	background-color:#333333;
	color:#FFFFFF;
	font-weight:bold;
	text-indent:4px;
	font-size:12px;
	border-bottom:1px solid #CCCCCC;
	padding:5px 0px;
	border-collapse:collapse;}

.input{
	width:250px;
	border-top:1px solid #666666;
	border-left:2px solid #666666;
	height:20px;}

.btn{
	background:url(../images/btn-bg.gif);
	text-align:center;
	color:#FFFFFF;
	border:none;
	font-size:11px;
	font-weight:bold;
	padding:2px 4px 3px 4px;
	cursor:pointer;}

.btn:hover{
	background:url(../images/btn-bg-h.gif);}

  .heading2{
  	color:#193b7d;
  	font-weight:bold;
  	font-size:14px;}
.blue-text{
	color:#000080;
	font-size:16px;
	font-weight:bold;
	}

.new-table{
	font-size:12px;}
.new-table th{
	background-color:#333333;
	color:#FFFFFF;
	font-weight:bold;
	text-indent:4px;
	font-size:12px;
	border-bottom:1px solid #CCCCCC;
	padding:5px 0px;
	border-collapse:collapse;
}
.new-table td{
	background:url(../images/branch-bg.png) top repeat-x;
	background-color:#dedede;
	text-indent:4px;
	border-bottom:1px solid #CCCCCC;
	padding:3px 0px;
	border-collapse:collapse;
	font-weight:bold;}
.caption{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#193B7D;}