@charset "utf-8";
/* CSS Document */
html{
	overflow-x: hidden !important;
}
.expander{
	width: 100% !important;
	xbackground: url(/amanah/images/body_footer.gif) repeat-x bottom !important;
}
.container{
	width: auto !important;
}
#r1c1r1c2 div.row{
position: static !important;
}
#site{
	background: none !important;
	border: none !important;
	margin-bottom: 10px !important;
	margin-top: 10px !important;
	font-size: 12px !important;
	width: 950px !important;
	_width: 960px !important;
}
#r1c1r1c2{
	margin: 0px auto !important;
	_margin-left: 0px !important;
	width: 950px !important;
}
#r1c1r1c2 .row{
	margin: 0px auto !important;
	_margin: 0px !important;
}
#head{
	height: 182px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	width: 950px !important;
}
#main{
	border-top: none !important;
	border-bottom: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
	width: 950px !important;
	_width: 950px !important;
}
#subnavigation{
	margin-top: 5px !important;
}
#banner img{
	padding: 15px !important;
}
#brand{
	height: 54px !important;
	margin: 0px 0px 14px !important;
	_margin: 0px 0px 12px !important;
}
#brand img{
	padding-left: 10px !important;
}
#navigation{
	height: 49px !important;
	_height: 50px !important;
	background: url(/amanah/images/tab_bottom_v35.gif) repeat-x bottom !important;
	width: 950px !important;
	_width: 960px !important;
	padding-right: 0px !important;
}
#navigation ul li{
	background: url(/amanah/images/tab_bg.gif) bottom repeat-x !important;
	border: 1px solid #CCCCCC !important;
	border-bottom: none !important;
	margin-top: 0px !important;
	margin-left: -7px !important;
	margin-right: 8px !important;
	font-size: 12px !important;
	xheight: 31px !important;
	height: 38px !important;
	visibility:visible !important;
	
}
#navigation ul li.toolName{
	margin-left: 0px !important;
}
#navigation ul li.ibLink{
	margin-right: 0px !important;
	
}
#navigation ul li.current{
	background: #FFFFFF !important;
	height: 48px !important;
	*height: 50px !important;
	_height: 50px !important;
	
}
#navigation ul li.current a{
	color: #FF0000 !important;
	
}
#navigation li a{
	font-weight: normal !important;
	color: #333333 !important;
	background: none !important;
	height: 34px !important;
	float: left !important;
	line-height: 33px !important;
	padding-left: 10px !important;
}
#navigation li span {
	height: 40px !important;
	
}
#navigation li a span{
	height: 33px !important;
	margin-right: -7px !important;	
}
#foot{
	width: 100% !important;
	border-top: 5px solid #FF0000;
	margin: 0px !important;
}
#amFooter{
	color: #000000 !important;
	font-size: 12px !important;
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
	width: 950px !important;
}
.bodyCopy h1{
	font-size: 24px !important;
	margin-top: 15px !important;
}
.toolName{
	background: none !important;
}
.amanahRightNav{
	width: 230px !important;
	padding-bottom: 1px !important;
	*padding-bottom: 7px !important;
	_padding-bottom: 7px !important;
	background: url(/amanah/images/lef_menu_image_02b.gif) bottom no-repeat !important;
}
.amanahSubRightNav{
	background: url(/amanah/images/lef_menu_image_02c.gif) repeat-y left !important;
}
.amanahSubRightNav ul{
	padding: 0px !important;
}
.amanahRightNav ul li.amNavTop{
	background: url(/amanah/images/lef_menu_image_02a.gif) no-repeat left top !important;
	padding: 10px 15px !important;
	color: #000000 !important;
	font-size: 1em !important;
}
.amanahRightNav ul li span{
	color: #666666 !important;
	font-size: 12px !important;
	display: block !important;
	margin-top: 5px !important;
}
.amanahRightNav ul.amSubMenu li{
	font-size: 12px !important;
	padding: 2px 0px !important;
	width:90%;
}
.amanahRightNav ul.amSubMenu li a{
	color: #FF0000 !important;
	text-decoration: underline !important;
	background: url(/amanah/images/lef_menu_image_02e.gif) no-repeat left top !important;
	padding-left: 10px !important;
}
.amanahRightNav ul li.amNavNext{
	background: url(/amanah/images/lef_menu_image_02d.gif) top left no-repeat !important;
	padding: 10px 15px 0px !important;
	*padding: 10px 15px !important;
	_padding: 10px 15px !important;
	font-size: 1em !important;
	margin-bottom: 0px !important;
}
.amanahRightNav ul li.amNavNext p{
	padding-bottom: 10px !important;
}
.amanahRightNav ul li.amNavNext a{
	background: url(/amanah/images/lef_menu_image_02f.gif) left top no-repeat !important;
	font-size: 12px !important;
	padding-left: 10px !important;
	color: #000000 !important;
	text-decoration: underline !important;
}
.ibLink{
	float:right !important;
	margin-right: 0px !important;
}
.footerNotch{
	background: url(/amanah/images/zone2/footer/background_image_01.gif) no-repeat top right !important;
	display: block;
	position: relative;
	width: 9px;
	height: 5px;
	float: right;
	margin-top: -25px;
	margin-left: -10px;
}
#amCrumbs{
	margin-top: 10px !important;
}
#amCrumbs ul li{
	padding: 0px 10px !important;
	font-size: 12px;
	background:url(/amanah/images/zone2/header/list_divider_01.gif) no-repeat top left !important;
}
#amCrumbs ul li a.current{
	color: #FF0000 !important;
	text-decoration: none !important;
}
#amCrumbs ul li a{
	color: #000000 !important;
	text-decoration: none !important;
}
#amCrumbs ul li a:hover{
	color: #FF0000 !important;
	text-decoration: underline !important;
}
/*Start Global Links*/
#search{
	padding-top: 10px !important;
	width: 403px !important;
	z-index: 999999 !important;
	/*right:-16px !important; updated for dropdown without search */ 
	/*_right:-5px !important; updated for dropdown without search */ 
}
#search form fieldset input{
	background-color: none !important;
}
#searchBox{
	float: right !important;
}

/*Global Links div on mouse over without search box */
#searchBox .globalLinks{ 
	font-size: 14px !important;
	position: relative;
	z-index: 99999;
	display: block;
	float: right;
	width: auto;
	padding-left: 10px;
	margin-right: 20px;
	_margin-right: 10px;
	color: #000000 !important;
}


/*Global Links div on mouse over with search box */
#searchBox .globalLinksHover{ 
	background: url(/amanah/images/zone2/header/country_list_image_01.gif) top left no-repeat !important;
	font-size: 14px !important;
	position: relative;
	z-index: 99999;
	display: block;
	float: right;
	width: auto;
	padding-left: 10px;
	margin-right: 20px; /*with search */
	_margin-right: 10px; /*with search */
	/*margin-right: 0px; without search */
	color: #000000 !important;
} 

/* without search box 
#searchBox .globalLinksHover{ Global Links div on mouse over without search box
	background: url(/amanah/images/zone2/header/country_list_image_01v.gif) top right no-repeat !important;
	font-size: 14px !important;
	position: relative;
	z-index: 99999;
	display: block;
	float: right;
	width: auto;
	padding-left: 10px;
	
	color: #000000 !important;
}*/

/*Global Links div on click with search */
#searchBox .globalLinksClick{ 
	background: url(/amanah/images/zone2/header/country_list_image_03.gif) top left no-repeat !important;
	font-size: 14px !important;
	position: relative;
	z-index: 200;
	display: block;
	float: right;
	width: 102px !important;
	*width: 102px !important;
	_width: 102px !important;
	padding-left: 10px;
	margin-right: 20px;/* with search */
	_margin-right: 10px;/* with search */
	/* margin-right: 0px;  without search */
	color: #000000 !important;
} 

/*Global Links a without search box
#searchBox .globalLinksClick{ 
	background: url(/amanah/images/zone2/header/country_list_image_01v2.gif) top left no-repeat !important; //comment this line
	font-size: 14px !important;
	position: relative;
	z-index: 99999;
	display: block;
	float: right;
	width: auto;
	padding-left: 17px;
	margin-right: 10px;
	color: #000000 !important;
}*/

/*Global Links a with search box*/
#searchBox a.globeLinks{ 
	background: url(/amanah/images/zone2/header/country_list_arrow.gif) right no-repeat !important;
	display: block;
	padding: 10px 30px 10px 0px;
	width: auto;
	height: 20px;
	float: left;
	color: #000000;
}
/*Global Links a wthout search box
#searchBox a.globeLinks{ 
	background: url(/amanah/images/zone2/header/country_list_arrow.gif) left no-repeat !important;
	display: block;
	padding: 10px 30px 10px 15px;
	width: auto;
	height: 20px;
	float: left;
	color: #000000;

}*/

/*Global Links a on click with search */
#searchBox a.globeLinksClick{ 
	background: url(/amanah/images/zone2/header/country_list_image_04.gif) right no-repeat !important;
	xbackground: #FF0000 !important;
	display: block;
	position: relative;
	z-index: 99999;
	padding: 10px 30px 10px 5px;
	_padding: 10px 30px 10px 5px;
	width: auto;
	height: 20px;
	float: left;
	color: #000000;
} 
/*Global Links a on click without search
#searchBox a.globeLinksClick{ 
	background: url(/amanah/images/zone2/header/country_list_image_01v2.gif) right no-repeat !important;
	display: block;
	position: relative;
	z-index: 99999;
	padding: 10px 30px 10px 22px;
	width: auto;
	height: 20px;
	float: left;
	color: #000000;
}
*/

#searchBox a:hover{ /*Global Links a on hover*/
	text-decoration: none;
	color: #000000;
}

/*Global Links a on hover with search box*/
#searchBox a.globeLinksHover{ 
	background: url(/amanah/images/zone2/header/country_list_image_02.gif) right top no-repeat !important;
	display: block;
	position: relative;
	z-index: 99999;
	padding: 10px 30px 10px 5px;
	width: auto;
	height: 20px;
	float: left;
	color: #000000;
}
/*Global Links a on hover without search box
#searchBox a.globeLinksHover{ 
	background: url(/amanah/images/zone2/header/country_list_image_02v.gif) left top no-repeat !important;
	display: block;
	position: relative;
	z-index: 99999;
	padding: 10px 30px 10px 28px;
	width: auto;
	height: 20px;
	float: left;
	color: #000000;
}
*/

#searchBox form{
	background: url(/amanah/images/zone2/header/search_right.gif) bottom right no-repeat !important;
	padding: 0px 1px !important;
	margin-top: 10px !important;
	width: 128px !important;
	*width: 140px !important;
	_width: 140px !important;
	float: right !important;
}
#searchBox fieldset{
	float: left !important;
	padding: 0px 0px 0px 2px !important;
	*padding: 0px 0px 0px 3px !important;
	_padding: 0px 0px 0px 2px !important;
	background: url(/amanah/images/zone2/header/search_left.gif) bottom left no-repeat !important;
	float: right !important;
}
#searchEntry{
	width: 82px; 
	background: url(/amanah/images/no-background.gif); 
	border: none !important; 
	margin-left: 5px;
	top: 4px !important;
}
#searchButton{
	background: none !important;
	border: none !important; 
	color:#ff0000; 
	overflow:visible; 
	cursor:pointer; 
	font-weight:bold; 
	padding:0px;
	margin:2px 5px 2px 0px !important;
}
/*Global Links drop link with search*/
#dropLink{ 
	background: url(/amanah/images/zone2/header/country_list_image_06.gif) bottom no-repeat !important;
	position: absolute;
	z-index: 100;
	width: 260px;
	top: 44px;
	margin: 0px !important;
	float: right;
	padding-bottom: 10px !important;
	line-height:1em;
	display: none;
	white-space: nowrap;
	left: 3px !important;
	*left: 9px !important;
	_left: 0px !important;
	margin-left: -10px !important;
	_margin-left: 0px !important;
}
/*Global Links drop link without search
#dropLink{
	background: url(/amanah/images/zone2/header/country_list_image_06v.gif) bottom no-repeat !important;
	position: absolute;
	z-index: 100;
	width: 260px;
	top: 10px;
	_top: 11px;
	*top: 11px;
	margin: 0px !important;
	float: right;
	padding-bottom: 10px !important;
	line-height:1em;
	display: none;
	white-space: nowrap;
	left: 15px !important;
	*left: 14px !important;
	_left: 5px !important;
}
*/

#dropLink div{
	font-size: 12px !important;
	background:url(/amanah/images/zone2/header/country_list_image_03.gif) left top no-repeat !important;
	padding: 10px !important;
}

/*
#dropLink div{
	font-size: 11px !important;
	background:url(/amanah/images/zone2/header/country_list_no_image.gif) left top no-repeat !important;
	padding: 10px !important;
} */

#dropLink div p{
	line-height: 25px;
}

#dropLink div p{
	line-height: 20px;
}
#dropLink div ul li{
	width: 50%;
	display: block;
	float: left;
	padding-bottom: 5px;
}
#dropLink div ul li a:hover{
	background: none !important;
}
/*End Global Links*/
#siteMap{
	width: auto;
	float: left;
}
.hsbcAmanahContentStyle31a h2 a{
	font-size: 16px !important;
}
/*Amanah classes*/
.hsbcAmanahContentStyle32m h2{
	font-size: 16px !important;
	font-weight: normal !important;
}
.hsbcAmanahContentStyle32m div a{
	font-size: 14px !important;
}
.hsbcAmanahContentStyle52c3{
	font-size: 16px !important;
}
.hsbcAmanahContentStyle52c3 p{
	font-size: 16px !important;
}
.hsbcAmanahContentStyle52c3 a{
	font-size: 16px !important;
}
.hsbcAmanahShowHideTrigger01 li div{
	font-size: 14px !important;
}
.hsbcAmanahContentStyle02{
	width: 950px !important;
	margin: 30px 5px 50px !important;
}
.hsbcAmanahContentStyle02y{
	width: 235px !important;
}
.hsbcAmanahPageFramework30{
	width: 950px !important;
}
.hsbcAmanahContentStyle06h{
	height: 85px !important;
}
.hsbcAmanahContentStyle53a strong{
	font-size: 16px !important;
}
.hsbcAmanahContentStyle52a h2{
	font-weight: bold !important;
}
.hsbcAmanahContentStyle52c2 ul li div a{
	font-size: 14px !important;
}

/* Search Css Added for July09 release */

#search {
	Z-INDEX: 999999 !important;
	RIGHT: -16px !important;
	WIDTH: 403px !important;
	PADDING-TOP: 10px !important;
	_right: -5px;
}

#searchResults {	
	BORDER-RIGHT: #e0d0d0 1px solid;
	BORDER-TOP: #e0d0d0 1px solid;
	BORDER-LEFT: #e0d0d0 1px solid;
	WIDTH: 100% !important;
	BORDER-BOTTOM: #e0d0d0 1px solid;
	BACKGROUND-COLOR: #e8e0e0 !important;
}

#searchResults li.current {	
	BORDER-RIGHT: #e0d0d0 1px solid;
	PADDING-RIGHT: 5px !important;
	DISPLAY: block !important;
	PADDING-LEFT: 5px !important;
	FONT-WEIGHT: bold !important;
	FLOAT: left;
	PADDING-BOTTOM: 5px !important;
	WIDTH: 15px !important;
	COLOR: #000000 !important;
	PADDING-TOP: 5px !important;
	BACKGROUND-COLOR: #ffffff !important;
	TEXT-ALIGN: center !important;
} 

#searchResults li {	
	BORDER-RIGHT: #e0d0d0 1px solid;
	PADDING-RIGHT: 5px !important;
	DISPLAY: block !important;
	PADDING-LEFT: 5px !important;
	FONT-WEIGHT: bold !important;
	FLOAT: left;
	PADDING-BOTTOM: 5px !important;
	WIDTH: 15px !important;
	COLOR: #ff0000 !important;
	PADDING-TOP: 5px !important;
	TEXT-ALIGN: center !important;
}

#searchResults li.last {
	PADDING-RIGHT: 5px !important;
	DISPLAY: block !important;
	PADDING-LEFT: 5px !important;
	FONT-WEIGHT: bold !important;
	FLOAT: left;
	PADDING-BOTTOM: 5px !important;
	WIDTH: auto !important;
	COLOR: #ff0000 !important;
	PADDING-TOP: 5px !important;
	TEXT-ALIGN: center !important;
}

#searchResultsBox {	
	MARGIN: 10px 0px;
	WIDTH: 100% !important;
}

#searchResultsBox P {
	MARGIN-BOTTOM: 10px !important;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
}

#searchResultsBox A {	
	COLOR: #ee3025;
	TEXT-DECORATION: none;
}

P {	
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px
}

.hsbcAmanahContentStyle44 .hsbcAmanahContentStyle44z{
	top:-30px !important;
}

/* the bellow css added to fix the amanah/about-amanah/islamic-banking/our_vision.html page  link align  .amSubMenu li{margin-left:15px !important;}*/
.amanahSubRightNav ul li{ padding-left:15px !important;}

html>/**/body .amSubMenu{  margin-left:15px !important;}


/* the bellow css added to fix search result align*/
.columns2{ MARGIN-RIGHT: 10px !important; }


/* the bellow css added to fix  Global site image issue - fixed for IE 6 */

#searchBox form { 
	_width:140px !important; _margin-left:0px !important;
} 

 


/*#searchBox a.globeLinksClick { 
	background:url(/amanah/images/zone2/header/country_list_image_04.gif) right top no-repeat !important;
	margin: 0px !important;
}

#searchBox .globalLinksClick { 
	margin: 2px 12px 0px 0px !important;
}
*/
 

/*  This is for fix search box issue  */

#searchBox fieldset {  width:136px !important}




*html body #searchBox form {
	WIDTH: 143px !important;
}

#search {
	_RIGHT: 18px !important;
}

* html #searchBox form {
	WIDTH: 145px !important;
}

#dropLink {
	*left:-9px !important;
}

#dropLink {
	_left:-12px !important;
 
}

html>/**/body #dropLink {
 
	top:44px  !important;
	left:3px !important;
}

/* Footer */

#amFooter a{
	color:#F00;
}

#amFooter a:hover{
	color:#F00;
	text-decoration:underline;
}

/*  Foootnote class  */
p.footnote {font-size:0.9em !important;}