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

/****************** DEFAULTS ***********************/
body {
	background:#ffffff url(../images/bgtile_main.gif) top repeat-x scroll;
	font:11px Tahoma, Arial, Verdana; color:#7d7d7d;
	text-align:center; 
	padding:0px; margin:0px;
	}
a{
	font:11px Tahoma, Arial, Verdana; color:#0078bd; text-decoration:none;
	outline:none; border:0px;
	}
a:hover{
	font:11px; color:#0078bd; 
	text-decoration:underline; 
	}

h1 {
	font:18px Verdana, Tahoma, Arial; color:#5e935f; font-weight:normal;
	margin-bottom:10px; margin-top:0px;
	}
h2 {
	font: bold 16px Arial, Tahoma, Verdana; color:#424a4d;
	margin-bottom:5px; margin-top:10px;
	}
h3 {
	font:13px Arial Tahoma,, Verdana; color:#424a4d; font-weight:bold;
	margin-bottom:5px; margin-top:10px;
	}
p {
	margin-top:10px;
	margin-bottom:15px;
	}
img {
	border:0px;
	}
.greenColor {
	color:#669966;
}
/************	BG Eff	***************/

.bgEff {
	background:url(../../images/bg_eff.jpg) top center no-repeat fixed;
	width:100%;
	z-index:0;
	}
.bgLink {
	cursor:pointer; width:100%; height:520px; position:absolute; border:0px; z-index:0;
	position:fixed;
	}
/****************** Global ***********************/

.bodyHeader, .bodySlider, .bodyMainHome, .bodyMain{
	width:980px;
	background:#FFFFFF;
	margin:auto; 
	padding:5px 10px 0px 10px;
	text-align:left;
	position:relative;
	}
.bodyHeader {
	background: #FFFFFF url(../images/topbar_bgtile.gif) repeat-x top;
	}
.bodySlider {
	padding-top:0px;
	position:relative;
	}
.bodyMainHome {
	width: 960px;
	min-height:200px;
	padding: 15px 20px 10px 20px;
	}
.bodyMain {
	width: 960px;
	min-height:550px;
	padding: 15px 20px 10px 20px;
	}
.bodyContent {
	width: 700px;

	text-align:justify;
	}
.bodyContent h3 {
	 color:#666666;
	 margin:0px;
}
.bodyContent h4 {
	 color:#669966;
	 margin:0px;
}
.bodyContent h5 {
	 color:#669966;
	 margin:0px;
}
.bodyContent h6 {
	 margin-left:0px;
}
.bodyContent a:link{
	font:11px Tahoma, Arial, Verdana; color:#0078bd; text-decoration:none;
	outline:none; border:0px;
	}
.bodyContent a:visited{
	font:11px Tahoma, Arial, Verdana; color:#0078bd; text-decoration:none;
	outline:none; border:0px;
	}	
.bodyContent p a{
	font:11px Tahoma, Arial, Verdana; color:#0078bd; text-decoration:none;
	outline:none; border:0px;
	}
.bodyContent p span a{
	font:11px Tahoma, Arial, Verdana; color:#0078bd; text-decoration:none;
	outline:none; border:0px;
	}
.bodyContent a:hover{
	font:11px Tahoma, Arial, Verdana;
	color:#0078bd; text-decoration:underline; 
	}
.bodyMain ul li{
	line-height:22px;
	list-style:none;
	margin-left:-25px;
	padding-left:12px;
	background:url(../images/ico-arrow2.gif) no-repeat left top;
}
.subHeaderImg {
	width:730px; height:116px;
	margin-top:-17px;
	margin-left:-10px;
	margin-bottom:10px;
	background:url(../title-images/hdr_bgeff.gif) no-repeat bottom;
	}
#hotLink {
	font:11px Tahoma, Arial, Verdana; color:#0078bd; text-decoration:none;
	outline:none; border:0px;
}
#hotLink:hover{
	text-decoration:underline;
}

/*.subHeaderHeading{
	float:right;
	position:relative;
	margin-right:0px;
	
	}
*/

/**********************  Body Right Navigation Panel  ****************************/
.contentNavigation {
	width: 200px; height:500px; min-height:500px;
	background:url(../images/saperator_vlarge_content.gif) left top no-repeat;
	position:relative;  float:right;
	padding-left:30px; margin-left:0px;
	}
.contentNavigation li{
	margin-left:15px;
	list-style:none;
	list-style-position:outside;
	margin-top:5px;
	}
.contentNavigation ul {
/*	background:url(../images/bodynavi_rowsbgtile.gif);
*/	width:200px;
	margin:0px; padding:0px;
	padding-bottom:1px;
	margin-bottom:5px;
	}
.contentNavigation ul li{
	list-style:none;
	line-height:15px;
	margin:0px;
	padding:3px;
	padding-left:15px;
	background:url(../images/ico-arrow.gif) no-repeat left top;
	}
.contentNavigation ul li a {
	font-family: Tahoma, Arial, Verdana; color:#2e292f;
	text-decoration:none;
	text-indent:0px;
	line-height:15px;
	}
.contentNavigation ul li a:hover {
	color:#2e292f;
	text-decoration:underline;
	}
.socIcons {
	margin-top:10px;
	margin-left:15px;
	}
.socIcons img{
	margin-right:5px;
	border:0;
	}
.socIcons a{
	border:0;
	}

.contactForm {
	line-height:15px;

	}

.contactForm input{
	margin-bottom:5px;
	}

/**********************  Home Right Navigation Panel  ****************************/
.rightPan {
	width: 200px; height:210px; min-height:210px;
	background:url(../images/saperator_vlarge.gif) left top no-repeat;
	position:relative;  float:right;
	padding-left:30px; margin-left:0px;
	}
.rightPan li{
	margin-left:15px;
	list-style:none;
	list-style-position:outside;
	margin-top:5px;
	}
.rightPan ul {
	width:200px;
	margin:0px; padding:0px;
	padding-bottom:1px;
	margin-bottom:5px;
	}
.rightPan ul li{
	list-style:none;
	line-height:15px;
	margin:0px;
	padding:3px;
	padding-left:15px;
	background:url(../images/ico-arrow.gif) no-repeat left top;
	}
.rightPan ul li a {
	font-family: Tahoma, Arial, Verdana; color:#2e292f;
	text-decoration:none;
	text-indent:0px;
	line-height:15px;
	}
.rightPan ul li a:hover {
	color:#2e292f;
	text-decoration:underline;
	}


/**********************  Home Left Navigation Panel  ****************************/
.leftPan {
	width: 200px; height:210px; min-height:210px;
	background:url(../images/saperator_vlarge_left.gif) right top no-repeat;
	position:relative;  float:left;
	padding-right:30px; margin-right:20px;
	}
.leftPan li{
	margin-left:16px;
	list-style:none;
	list-style-position:outside;
	}
.leftPan ul {
	width:200px;
	margin:0px; padding:0px;
	padding-bottom:1px;
	margin-bottom:5px;
	}
.leftPan ul li{
	list-style:none;
	line-height:15px;
	padding:3px;
	margin-left:0px;
	padding-left:15px;
	background:url(../images/ico-arrow.gif) no-repeat left top;
	}
.leftPan ul li a {
	font-family: Tahoma, Arial, Verdana; color:#2e292f;
	text-decoration:none;
	text-indent:0px;
	line-height:15px;
	}
.leftPan ul li a:hover {
	color:#2e292f;
	text-decoration:underline;
	}

/****************  Header  ******************/

.headerMain {
	width:100%; height:115px;
	padding:0px; margin: auto;
	text-align:left; position:relative;
	background:url(../images/dubai_bgeff.gif) no-repeat right bottom;
	}
.corpLogo{
	text-align:left; position:absolute; width:360px;
	margin-left:0px; margin-top:10px;
	}
.searchPan{
	width:230px; height:25px;
	position: relative; float:right;
	top:89px; right:4px;
	position:absolute;
	background: url(../images/searchbox_bggray.gif) no-repeat;
	}
.searchBox {
	height:14px; width:142px; margin-top:6px; margin-left:32px;
	font: 11px Tahoma, Arial, Verdana; color:#7d7d7d;
	border: 0px hidden; border-style:none;
	background:none; outline:none;
	}

.searchPan img {
	position:absolute; float:right;
	margin-left:3px;
	margin-top:4px;
	padding:0px; border:none;
	}
.welcomeBar {
	position:relative;
	width:auto; height:20px;
	position: relative; float:right;
	top:70px; right:4px;
	text-align:right;
	}
.welcomeBar img{
	margin-left:10px;
	margin-right:10px;
	vertical-align:text-bottom;
	}
/************* Menu Styles ***********************************/

/****************Vertical Menu******************/
#mainMenu{
	margin: 0px; padding: 0px;
	height:26px; width:100%;
	position:absolute;
	background:url(../images/greenmenu_bgtile.gif) repeat-x;
	bottom:0px;
	z-index:1;
	}
#mainMenu li {	
	float: left;
	list-style: none;
	padding:0px; text-indent:0px;
	margin:0px 0px 0px 20px;
}
#mainMenu li img{	
	margin-top:5px;
}

#mainMenu li a {	
	display: block;
	text-decoration: none;
	font: 11px Tahoma, Arial; color: #ffffff;
	text-align:left;
	line-height:25px;
}

#mainMenu li a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#mainMenu li ul {
	margin:1px 0px 0px 0px; margin-left:-20px;
	padding: 0 0 5px 0;
	position: absolute;
	visibility: hidden;
	width:auto;
	background:#a7c4a7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	opacity: 0.90;
	}
.mainMenuIE{
	top:0px; left:0px;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	}
.mainMenuIE6{
	top:0px; left:0px;
	filter: alpha(opacity=90);
	}
#mainMenu li ul ul li {
	width:220px;
	margin:-1px; padding:0px;
	}

/*
#mainMenu li ul {
	margin:1px 0px 0px 0px; margin-left:-20px;
	padding: 0 0 5px 0;
	position: absolute;
	visibility: hidden;
	width:auto;
	background:#a7c4a7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	opacity: 0.90;
	}
.mainMenuIE{
	margin:1px 0px;
	top:0px; left:0px;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	}
.mainMenuIE6{
	margin:1px 0px;
	top:0px; left:0px;
	filter: alpha(opacity=90);
	}*/

#mainMenu li ul li {
	text-indent:20px;
	margin:1px 0px 0px 0px;
	padding-right:20px;
	float:none;
	list-style:none;
	background:#5E935F;
	width:auto;
	}

#mainMenu li ul li a, #mainMenu li ul ul li a {
	text-decoration: none;
	font: 11px Tahoma, Arial; color: #ffffff;
	line-height:22px;
}


/****************Horizontal Menu******************/
#ddmenu {
	margin: 0;
	padding: 0;
	height:50px;
	width:300px;
	position:absolute;
	right:0px;

}
#ddmenu li {	
	float: left;
	list-style: none;
	font: 11px Tahoma, Arial;
	margin-top:2px;
	margin-left:10px;
	margin-right:2px;
}
#ddmenu li img{	
	margin-top:5px;
}

#ddmenu li a {	
	display: block;
	text-decoration: none;
	color: #7d7d7d;
	text-align:right;
	line-height:25px;
}
#ddmenu li a:hover {
	color:#0066CC;

}	
#ddmenu li ul {	
	margin: 0px;
	padding: 0;
	position: absolute;
	visibility: hidden;
	width:350px;
}
#ddmenu li ul li {	
	display:inline;
	padding:0px;
	margin-top:-5px;
	margin-left:0px;
	margin-right:10px;
}
/*#ddmenu li ul li a {
	width: auto;	
	display: inline;
	color: #7d7d7d; 
	font-size: 11px;
	padding: 0px;

}
*/

/****************** Online Support ***********************/

.onlineSupport {
	margin: 0;
	padding: 0;
	height:50px;
	width:120px;
	position:absolute;
	top:52px;
	right:0px;

}


/****************** Quick Links Bar ***********************/
.quickBar {
	background:#699a6a;
	height:14px;
	margin:0px;
	text-align:left;
	padding:6px 10px;
	font: 11px  Tahoma, Arial, Verdana normal;
	color:#a9c4a5;
	}
.quickBar a {
	margin:0 15px 0 10px;
	text-decoration:none;
	color:#f4f4eb;
	}
	
.quickBar a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}

.bodyMain ol{
	list-style:none;
	/*margin-left:15px;*/
	text-indent:0px;
	padding-left:0px;
}
.bodyMain ol li{
	line-height:20px;
}
.bodyMain ol li ol{
	margin-bottom:5px;
	margin-left:25px;
}

/****************** Footer ***********************/

.footer{
	width:100%; 
	min-width:1000px;
	background:url(../images/btmslide_bgtile.gif) bottom repeat-x;
	padding-top:1px;
	position:relative;
	}

.clientBar {
	width:1000px;
	height: 65px;
	margin: auto;
	background:#FAFAFA url(../images/bgtile_clientbar.gif) repeat-x;
	}
	
.footerNavigation {
	width:960px;
	min-height:15px;
	margin:auto;
	margin-top:5px;
	text-align:left;
	}

.footerNavigation li{
	float: left;
	list-style: none;
	font: bold 11px Tahoma, Arial; color:#424a4d;
	margin:0px;	margin-right:22px;
	padding:0px;
	width:165px;
	background:url(../images/saerator_bgunderline.gif) top repeat-x;
	}
.footerNavigation li a{
	font: bold 11px Tahoma, Arial; color:#424a4d;
	text-decoration:none;
	line-height:18px;
	}
.footerNavigation li a:hover{
	color:#0078bd;
	text-decoration:none;
	}
	
.footerNavigation li ul{
	margin:3px 0px 0px 0px;
	padding:0px;
	font: normal 11px Tahoma, Arial;
	}
.footerNavigation li ul li{
	margin:0px;	padding:0px;
	float:none;
	background:none;
	font: normal 11px Tahoma, Arial; color:#7d7d7d;
	line-height:18px;
	}
.footerNavigation li ul li a{
	text-decoration:none;
	font: normal 11px Tahoma, Arial; color:#7d7d7d;
	}
.footerNavigation li ul li a:hover{
	text-decoration:underline;
	font: normal 11px Tahoma, Arial; color:#7d7d7d;
	}
.collapseBtn {
	width:15px; height:15px;
	background:#999999;
	float:right;
	}
.collapseBtn a, .collapseBtn img{border:none;}

.eetTab {
	width:67px; height:28px;
	background:url(../images/eet_tab.gif) no-repeat;
	position:relative; float:right;
	bottom:17px; right:12px;
	}
.copyrightBar {
	width:960px;
	height:20px;
	margin:auto;
	margin-top:24px;
	text-align:right;
	}


	/* New style made by muzahir for different uses*/
.advanced_button_green {
	
	font: bold 11px Tahoma, Arial;
	color: #FFFFFF;
	background-color: #5e935f;
	border: 1px solid #dddddd;
	text-decoration: none;
	text-align: center;
	padding:2px;
}

/************************************************/
ul.partners{
	margin:0px 10px 0px 10px;
	padding:0px;
	width:auto;
	}
ul.partners li{
	font: normal 11px Tahoma, Arial; color: #666666;
	padding-left:0px; margin:0px;
	height: 130px;
	width:310px;
	background:none no-repeat;
	list-style-type: none;
	}
	
ul.partners li div, .profilePortrait{
	background: url(../images/portrait_bgeff.gif) no-repeat right bottom;
	padding:0px 3px 3px 0px;
	float:left;
	margin-right:5px;
	width:90px; height:100px;
	}
ul.partners li div img, .profilePortrait img{
	text-align:left;
	width:80px;
	overflow:hidden;
	}
ul.partners li a{
	font: bold 11px Tahoma, Arial!important; color: #666666!important;
	}
ul.partners p{
	margin-top:3px;
	text-align:left;
	}
.whitebg {
	color:#000000;
	background-color:#FFFFFF;
}

.greybg {
	color:#000000;
	background-color:#F5F5F5;
}

.greybg_dark {
	color:#000000;
	background-color:#DDDDDD;
}

.partner{padding:5px 73px 5px 0; float:left;}
.partner-last{padding:5px 0 5px; float:right;}
#ShowParterDetail{width:100%; padding:0; clear:both; }
div.maffinance{background:url(../images/hover_bgeff_01.gif) no-repeat right top; padding:25px 2% 0;width:96%;height:100px;}
div.bankajman{background:url(../images/hover_bgeff_02.gif) no-repeat right top;padding:25px 2% 0;width:96%;height:100px;}
div.visa{background:url(../images/hover_bgeff_03.gif) no-repeat right top;padding:25px 2% 0;width:96%; height:100px;}
div.uaeswitch{background:url(../images/hover_bgeff_04.gif) no-repeat right top;padding:25px 2% 0;width:96%; height:100px;}
a.btnPayperfectLogin{display:block; width:162px; height:28px;clear:both;  /*background:url(../images/btn_cardholderlogin.gif) no-repeat left top;*/ }
a.btncontactus{display:block; width:108px; height:28px; margin-top:5px; float:right;  /*background:url(../images/btn_contactus.gif) no-repeat left top;*/ }
