html {
margin:0pt;
padding:0pt;
}

body {
background:  url(../images/bg.jpg) repeat-x top #f9b707;
color:#5E5D60;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
margin:0pt;
padding:0pt;
text-align:center;
}

div
{	
	clear:both;
}

a {
    outline:none; /* FF1.5+ IE7+*/
    -moz-outline: /* FF<=1.5*/}
/*Menu start here*/

div#menu {
display:block;
margin:0 auto; 

width:845px;
clear:both;
margin-bottom:-2px;
text-align: center; 
}
div#menu ul {
list-style-type:none;
margin:0pt;
float:left;
padding:0pt;

}

div#menu ul li.left {
display:block;
background: url(../images/menu_left.jpg) no-repeat;
width:41px;
height:33px;

}

div#menu ul.rights {
display:block;
background: url(../images/right.jpg) no-repeat;
width:340px;
height:33px;

}
div#menu li.right a {
line-height:35px;
margin-left:120px;
text-indent:0px;
color:#424342;
text-decoration:none;
}
div#menu li.right a:hover, a:visited{
	background:none;
	text-decoration:underline;
	
}


div#menu ul li a{
text-indent:-90000px;
}
div#menu ul li.one a{
display:block;
background:transparent url(../images/menu_01_.jpg) no-repeat scroll 0 0px;
width:92px;
height:33px;
text-decoration:none;
}
div#menu ul li.one a:hover, a:active{
background:transparent url(../images/menu_01_.jpg) no-repeat scroll 0px -33px;
}



div#menu ul li.one1 {
display:block;
width:92px;
height:33px;
text-indent:-90000px;
background: transparent url(../images/menu_01_.jpg) no-repeat scroll 0px -33px;
}

div#menu ul li.two a{
display:block;
background:transparent url(../images/menu_02.jpg) no-repeat scroll 0 0px ;
width:118px;
height:33px;
text-decoration:none;
}
div#menu ul li.two a:hover, a:active{
background:transparent url(../images/menu_02.jpg) no-repeat scroll 0px -33px;
}


div#menu ul li.two1{
display:block;
background:transparent url(../images/menu_02.jpg) no-repeat scroll 0px -33px;
width:118px;
text-indent:-90000px;
height:33px;

}

div#menu ul li.three a{
display:block;
background: transparent url(../images/menu_03_.jpg) no-repeat scroll 0 0px;
width:116px;
height:33px;
text-decoration:none;
}
div#menu ul li.three a:hover, a:active{
background:transparent url(../images/menu_03_.jpg) no-repeat scroll 0% -33px;
}

div#menu ul li.three1{
background:transparent url(../images/menu_03_.jpg) no-repeat scroll 0% -33px;
width:116px;
height:33px;
text-indent:-90000px;
text-decoration:none;
display:block;
}


div#menu ul li.four a{
display:block;
background: transparent  url(../images/menu_04_.jpg) no-repeat scroll 0% 0px;
width:130px;
height:33px;
text-decoration:none;
}
div#menu ul li.four a:hover, a:active{
background:transparent  url(../images/menu_04_.jpg) no-repeat scroll 0% -33px;
}

div#menu ul li.four1{
background:transparent  url(../images/menu_04_.jpg) no-repeat scroll 0% -33px;
width:130px;
height:33px;
text-indent:-90000px;
text-decoration:none;
display:block;
}

div#menu ul li.five a{
display:block;
background:transparent  url(../images/menu_05_.jpg) no-repeat scroll 0% 0px;
width:111px;
height:33px;
text-decoration:none;
}
div#menu ul li.five a:hover, a:active{
background:transparent  url(../images/menu_05_.jpg) no-repeat scroll 0% -33px;
width:111px;
height:33px;
text-decoration:none;
}


div#menu ul li.five1{
background:transparent  url(../images/menu_05_.jpg) no-repeat scroll 0% -33px;
width:111px;
height:33px;
text-indent:-90000px;
display:block;
text-decoration:none;
}
/*Header */
#header {
margin:0pt auto;
padding:0pt;
width:840px;
clear:both;
}

div.mashreqLogo{float:left; display:block; clear:none; margin-left:-3px;}
div.topBanner{ float:left; clear:none;}

div.etesalatLogo{ float:right; clear:none; margin-right:5px;}
.clear{clear:both;}





/*Body*/

div#bodybox{

width:844px;
margin:0pt auto;
padding:0pt;
background: url(../images/bgee_1.jpg) repeat-y; 
text-align: left;
height:400px;
}

div#bodyboxcardtypehome{

width:844px;
margin:0pt auto;
padding:0pt;
background: url(../images/bgee_1.jpg) repeat-y; 
text-align: left;
height:360px;
}
div#bodyboxCardtype{

width:844px;
margin:0pt auto;
padding:0pt;
background: url(../images/bgee_1.jpg) repeat-y; 
text-align: left;
height:645px;
}
div#privacy{

width:844px;
margin:0pt auto;
padding:0pt;
background:url(../images/bgee_1.jpg) repeat-y;  
text-align: left;
height:2200PX;

}

div#disclaimer{

width:844px;
margin:0pt auto;
padding:0pt;
background:url(../images/bgee_1.jpg) repeat-y; 
text-align: left;
height:420PX;

}

div#contactForm{

width:844px;
margin:0pt auto;
padding:0pt;
background:url(../images/bgee_1.jpg) repeat-y; 
text-align: left;
height:500PX;

}

div#benefits{
width:844px;
margin:0pt auto;
padding:0pt;
background:url(../images/bgee_1.jpg) repeat-y; 
text-align: left;
height:1275PX;
}

div#more{
width:844px;
margin:0pt auto;
padding:0pt;
background:url(../images/bgee_1.jpg) repeat-y;  
text-align: left;
height:570PX;
}
/*left*/
div#leftbox{
	display:block;
	width:550px;
	float:left;
	clear:both;
	height:300px;
	margin: 0px auto;
	}
div#leftboxMore{
	display:block;
	float:left;
	clear:both;
	height:450px;
	float:left;
text-align:justify;
margin:0px 0 0 10px;
padding:24px 10px 10px 10px;
width:790px;
	background:url(../images/back_.gif) no-repeat  right top;
	}
div#cardtype{
	display:block;
	width:800px;
	float:left;
	clear:none;
	height:600px;
	margin: 0px auto;
	}
	
div#cardtype1{
	display:block;
	width:800px;
	float:left;
	clear:none;
	height:450px;
	margin: 0px auto;
	}
div#leftboxHome{
	display:block;
	width:550px;
	float:left;
	clear:none;
	height:250px;
	padding-top:0px;

	}
	

	
.goshopping{
	margin-top:20px;}
.lady{margin-left:0px; 
	float:left;
	margin-top:84px;}

/*right*/
div#rightbox{display:block;
width:270px;
clear:none;
margin-top:10px;
float:right;

}


/*closing*/
div#closebox{
display:block;
width:844px;
margin:0pt auto;
padding:0pt;
height:30px;
background: url(../images/bgee.jpg) no-repeat top left ; 

}
div#closebox2{
display:block;
width:844px;
margin:0pt auto;
padding:0pt;
height:30px;
background: url(../images/bgee.jpg) no-repeat top left ; 

}
div#closebox1{
display:block;
width:844px;
margin:0pt auto;
padding:0pt;
height:30px;
background: url(../images/bgee_.jpg) no-repeat top left ; 

}
div#closebox3{
display:block;
width:844px;
margin:0pt auto;
padding:0pt;
height:30px;
background: url(../images/bgee_1.jpg) no-repeat top left ; 

}
/*footer*/
div#footer{
display:block;
width:844px;
margin:0pt auto;
padding-top:10px;
height:50px;
background: url(../images/footverbg.jpg) no-repeat top left ; 
}
div#footer a{
	color:#3f3e3e;
	text-decoration:none;
	}
div#footer a:hover, a:visited{text-decoration:underline;

	background:none}


.cardType{
	margin:40px 0 0 40px ;
	padding:5px;
	border:none;
	display:block;
	width:150px;
	height:150px;
	float:left;
	clear:none;
	text-align:center;}


/*TEXT*/
div#leftboxMore h1{
color:#192F87;
font-size:15px;
line-height:18px;
margin:-3px 0pt 0pt;
padding:0pt 0pt 6px;

}
#content {
display:inline;
float:left;
text-align:justify;
padding:10px 0px 10px 20px; 
width:790px;
margin-top:24px;
background:url(../images/bodycardbg.jpg) no-repeat right bottom;
}

#content a {
color:#5E5D60;
font-weight:bold;
text-decoration:none;
background:none;
}
#content a:hover {
color:#E75225;
background:none;
}

#content h1 {
color:#192F87;
font-size:15px;
line-height:18px;
margin:-3px 0pt 0pt;
padding:0pt 0pt 6px;
}
#content h1.narrow {
width:275px;
}
#content h2 {
color:#E75225;
font-size:13px;
font-weight:bold ;
line-height:17px;
margin:10px 0pt 6px;
}
#content h3 {
color:#192F87;
font-size:13px;
font-weight:bold ;
line-height:17px;
margin:10px 0pt 6px;
padding:0pt;
}
#content ul {
line-height:15px;
list-style-type:none;
margin:0pt;
padding:0pt;
}
#content ul li {
background:transparent url(../images/bul_text_tcm17-13002.gif) no-repeat scroll 0% 6px;
list-style-type:none;
margin:0pt 0pt 4px;
padding:0pt 0pt 0pt 11px;
}
#content ol {
margin:0pt;
padding:0pt;
}
#content ol li {
margin:0pt 0pt 6px 30px;
padding:0pt;

}
#content ol li ul {
line-height:15px;
list-style-type:none;
margin:0pt;
padding:0pt;
}
#content ol li ul li {
background:transparent url(../images/bul_text_tcm17-13002.gif) no-repeat scroll 0% 6px;
list-style-type:none;
margin:0pt 0pt 4px;
padding:0pt 0pt 0pt 11px;
}


/***********************************************************content for Cardtype page*/

#content1 {
display:inline;
float:left;
text-align:justify;
padding:10px 0px 10px 20px; 
width:790px;
margin-top:24px;
}

#content2 {
display:inline;
float:left;
text-align:justify;
padding:10px 0px 10px 20px; 
width:790px;

}

#content1 a {
color:#5E5D60;
font-weight:bold;
text-decoration:none;
background:none;
}
#content1 a:hover {
color:#E75225;
background:none;
}

.benefitText{
color:#192F87;
font-size:13px;
line-height:18px;
font-weight:bold;

}
#content1 h1 {
color:#192F87;
font-size:15px;
line-height:18px;
margin:-3px 0pt 0pt;
padding:0pt 0pt 6px;
}
#content1 h1.narrow {
width:275px;
}
#content1 h2 {
color:#E75225;
font-size:13px;
font-weight:bold ;
line-height:17px;
margin:10px 0pt 6px;
}
#content1 h3 {
color:#192F87;
font-size:13px;
font-weight:bold ;
line-height:17px;
margin:10px 0pt 6px;
padding:0pt;
}


/*collaps*/
.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */

color:#E75225;
font-size:13px;
font-weight:bold ;
line-height:17px;
margin:10px 0pt 6px;
	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}

.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	/*border:1px solid #317082;*/
	/*background-color:#E2EBED;*/
		
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background:  #ebf7fe repeat-x bottom;
	border:1px solid #d9effc;
	width:100%;

}

.dhtmlgoodies_answer_content ol li ul li {
background:transparent url(../images/bul_text_tcm17-13002.gif) no-repeat scroll 0% 6px;
list-style-type:none;
margin:0pt 0pt 4px;
padding:0pt 0pt 0pt 11px;
}

.dhtmlgoodies_answer_content{	/* Content that is slided down */
	font-size:11px;	
	position:relative;
	color:#000;
	font-weight:normal;
	padding-top:1px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:1px;
	
	
}

input{font-size:11px;
	border:1px solid #003366;}
.btn {background:#fff ;
border:1px solid #003366;
color:#003366;
font-size:10px;
text-align:center;
}



/***********************tab windows for Card type page */
#button001 a:link,#button001 a:visited{
	width:80px;
	height:21px;
	background:#feedc2;
	margin:0 0 0px 0px;
	font-size:12px;	
	text-decoration:none;
	line-height:21px;
	text-align:center;
	display:block;
	border:1px solid #e3500c;
	border-bottom:1px solid #feedc2;
	color:#0d3792;

}


#button001 a:hover{
	background:#c5cc2c;
	color:#fff;
		
	}
#button001 a:active{
	background:#feedc2;
	border:1px solid #feedc2;
	color:#000;
		
	}

.tabwindow{

padding:10px;
text-decoration:none;}

.benefits1{
background:#d9effc;

	}
.subBox1{
background:#d9effc;
padding:5px;
}


.contactBox {
background-color:#F5F6F3;
margin:0pt 0pt 15px !important;
padding:5px !important;
}

.contactBox h3 {
color:#E75225 !important;
font-size:11px;
font-weight:bold;
line-height:12px !important;
margin:5px 0pt !important;}