/* Xpay CSS by Antony */
body {
	margin: 0px;
}
#body {
width:951px;
margin:0px auto;
border:#00275d 1px solid;
}
#top_banner {
float:left;
clear:both;
width:950px;
height:70px;
background-color:#00275d;
}
#top_ban_left {
	float: left;
	height: 65px;
	width: 500px;
	background-image: url(../images/banner_txt.png);
	background-repeat: no-repeat;
	background-position: center center;

}
#top_ban_right {
	float: left;
	height: 45px;
	width: 200px;
	padding-top: 15px;
	padding-left: 200px;

	

	
}
.form_text {
font-family:Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS";
color:#bf2e1a;
font-size:11px;
}
.small_text {
font-family:Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS";
color:#FFF;
font-size:10px;
}
.med_text {
font-family:Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS";
color:#FFF;
font-size:11px;
}
.form_head {
font-family:Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS";
color:#ffffff;
font-size:14px;
font-weight:bold;

}
#logo_menu {
	clear: both;
	float: left;
	width: 951px;

}
#logo {
	float: left;
	height: 70px;
	width: 123px;
	padding-top: 10px;
	padding-left: 70px;
}
#login_menu {
	float: left;
	height: 90px;
	width: 748px;
	padding-left: 10px;
}
#login {
	clear: both;
	float: right;
	height: 60px;
	width: 720px;
	padding-top: 3px;
}
#menu {
	clear: both;
	float: right;
	height: 28px;
	width: 415px;
	padding-right:0px;
	background-color: #BF2E1A;
}
	#topmenu {
	clear: both;
	float: right;
	height: 28px;
	width: 510px;
	padding-right:0px;
	background-color: #BF2E1A;
}
.menu_btn {
width:102px;
height:25px;
padding:3px 3px 6px 3px;
float:left;
background-color:#00275d;
border:solid 1px #00275d;
font-family:"Trebuchet MS";
font-size:12px;
color:#fff;
cursor:hand;
}
.menu_btn_over {
width:102px;
height:25px;
padding:3px 3px 6px 3px;
float:left;
background-color:#bf2e1a;
border:solid 1px #bf2e1a;
font-family:"Trebuchet MS";
font-size:12px;
color:#fff;
cursor:hand;
}
#home_contents {
	clear: both;
	float: left;
	height: 400;
	width: 947px;
	background-color:#00275d;
	padding: 2px;
	border-top: solid 3px #bf2e1a;
	border-bottom: solid 3px #bf2e1a;
}

#home_contents_inner {
	clear: both;
	float: left;
	width: 947px;
	padding: 2px;
	border-top: solid 3px #bf2e1a;
	border-bottom: solid 3px #bf2e1a;
}
#flash_menu {
	float: left;
	height: 367px;
	width: 613px;
}
#flash {
	clear: both;
	float: left;
	height: 325px;
	width: 613px;
	background-color: #000000;
}
#buttons {
	clear: both;
	float: left;
	height: 25px;
	width: 613px;
	background-color: #999900;
}
#ads_area {
	float: left;
	height: 347px;
	width: 333px;
}
#news {
	background-color: #FFFFFF;
	clear: both;
	float: left;
	height: 150px;
	width: 333px;
}
#recharge {
	background-image: url(../images/recharge.png);
	float: left;
	height: 42px;
	width: 120px;
}
#uti_pay {
	background-image: url(../images/uti_pay.png);
	float: left;
	height: 42px;
	width: 157px;
}
#shop {
	background-image: url(../images/shop.png);
	float: left;
	height: 42px;
	width: 90px;
}
#travel {
	background-image: url(../images/travel.png);
	float: left;
	height: 42px;
	width: 106px;
}
#bill_pay {
	background-image: url(../images/bill_pay.png);
	float: left;
	height: 42px;
	width: 140px;
}
#recharge:hover,#uti_pay:hover,#shop:hover,#travel:hover,#bill_pay:hover {
    background-position:bottom;
}
#bottom_links {
	background-color: #00275D;
	clear: both;
	float: left;
	height: 40px;
	width: 940px;
	border-top:#fff 3px solid;
	padding: 5px;
}
#bottom_logos {
	clear: both;
	float: left;
	height: 0px;
	width: 940px;
	padding: 5px;
	background-image: url(../images/botton_gra.png);
	background-repeat: repeat-x;
}
#ads {
	background-color: #009999;
	clear: both;
	float: left;
	height: 75px;
	width: 333px;
}
#ads_mob {
	background-color: #009999;
	clear: both;
	float: left;
	height: 112px;
	width: 333px
}

.LoginTabImgOuter {  background:url(../images/login_bg.png) repeat-x left -31px; width:720px; margin:auto; clear:both; padding-top:4px; }
.LoginTabImg {  width:241px; clear:both; margin:auto; height:28px; z-index:10000; position:relative; }
.LoginTabImg a, .LoginTabImg a:hover, .LoginTabImg a:visited, .LoginTabImg a:active { background:url(../images/login_tab.png) 0px 0px; width:241px; padding-top:5px; height:22px; display:block; margin:-4px auto 0 auto; text-align:center;   font-size:11px; text-decoration:none; position:relative; z-index:100000; cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS";}
.HdrLogin { background:url(../images/login_bg.png) repeat-x 0 0; width:720px; margin:auto; position:relative; }
.LoginField { background:url(../images/login_bg.png) repeat-x left top; width:660px; margin:auto; clear:both; height:30px;}
.HdrLogin table { margin:auto; }
.LoginField td {}
.HdrLogin_content td { }
.HdrLogin_content label, .LoginField label {}
.HdrLogin  a { font-size:10px; }
.HdrLogin  a:hover { text-decoration:underline; }

#msgLayer
{
font-family:Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS";
color:#bf2e1a;
font-size:11px;
font-weight:bold;
}

.text_head {
	font-family:Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS";
	font-size: 14px;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	background-color: #bf2e1a;
}

.text_normal {
	font-family:Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS";
	font-size: 11px;
	color:#bf2e1a;
	text-align:justify;
}


#Cust_mer {
	
	float: left;
	width: 460px;
	border: 1px solid red;
	padding: 1px;
}

#top_ban_right_inner {
	float: left;
	height: 45px;
	width: 300px;
	padding-top: 15px;
	padding-left: 20px;
	text-align:left;
	
}

#inside_cnts {
	clear: both;
	float: left;
	width: 947px;
	border-top: solid 3px #bf2e1a;
	border-bottom: solid 3px #bf2e1a;
}
#inside_cnts_left {
	float: left;
	height: 300px;
	width: 550px;
	padding: 25px;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: auto;
	background-image: url(../images/inside_back.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#inside_cnts_right {
	float: left;
	height: 300px;
	width: 339px;
}
.bluetext_normal {
	font-family:Verdana;
	font-size: 11px;
	color:#00275d;
	text-align:justify;
}



.text_big {
	font-family:Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS";
	font-size: 13px;
	color:#bf2e1a;
	text-align:left;
	font-weight:bold;
}

/* **/


#inside_cnts_inner {
	clear: both;
	float: left;
	height: auto;
	width: 947px;
}

#aboutus_cnts {
	float: left;
	height: auto;
	width: 920px;
	padding: 5px;
	
	}
.tre_head {
	font-family:Trebuchet MS;
	font-size: 18px;
	color:#bf2e1a;
	text-align:justify;
	
}
#recharge_head {
	background-image: url(../images/recharge_top.png);
	background-repeat: no-repeat;
	clear: both;
	float: left;
	height: 25px;
	width: 895px;
}
#recharge_matter {
	clear: both;
	float: left;
	height: auto;
	width: 835px;
	background-image: url(../images/recharge_btm.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 20px 30px 50px 30px;
	background-color: #ffe9e9;
}

#shop_head {
	background-image: url(../images/shop_top.png);
	background-repeat: no-repeat;
	clear: both;
	float: left;
	height: 20px;
	width: 895px;
}
#shop_matter {
	clear: both;
	float: left;
	height: auto;
	width: 835px;
	background-image: url(../images/shop_btm.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 20px 30px 50px 30px;
	background-color: #e4ffa2;
}
#utility_head {
	background-image: url(../images/utility_top.png);
	background-repeat: no-repeat;
	clear: both;
	float: left;
	height: 20px;
	width: 895px;
}
#utility_matter {
	clear: both;
	float: left;
	height: auto;
	width: 835px;
	background-image: url(../images/utility_btm.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 20px 30px 50px 30px;
	background-color: #ffffda;
}

#about_uae_head {
	background-image: url(../images/about_uae_head.png);
	background-repeat: no-repeat;
	clear: both;
	float: left;
	height: 101px;
	width: 895px;
}

#about_uae_matter {
	clear: both;
	float: left;
	height: auto;
	width: 835px;
	background-image: url(../images/about_uae_btm.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 20px 30px 50px 30px;
	background-color: #f0f0f0;
}

#about_us_head {
	background-image: url(../images/inside_about_head.png);
	background-repeat: no-repeat;
	clear: both;
	float: left;
	height: 74px;
	width: 895px;
	
}

#contact_head {
	background-image: url(../images/contact_head.png);
	background-repeat: no-repeat;
	clear: both;
	float: left;
	height: 74px;
	width: 895px;
}
#about_us_matter {
	clear: both;
	float: left;
	height: auto;
	width: 835px;
	background-image: url(../images/inside_about_btm.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 20px 30px 50px 30px;
	background-color: #ddf3f7;
}

/*********************/


/*************/
#bottom_links a:link {
 color:#fff;
 text-decoration: none;
}
#bottom_links a:hover {
 font-weight:bold;
 color:#fff;
 text-decoration: none;
}
#bottom_links a:visited {
 text-decoration: none;
 color:#fff;
}
#bottom_links a:active {
 text-decoration: none;
 color:#fff;
}

#inside_cnts_add {
 clear: both;
 float: left;
 height: 390px;
 width: 100%;
 background-color: #FFFFFF;
}
#inside_area {
 clear: both;
 float: inherit;
 height: auto;
 width: 890px;
 padding: 50px 0px 30px 50px;
}

#inside_heads_cnts_btns {
 float: left;
 height: 350px;
 width: 600px;
}
#inside_cnts_head {
 clear: both;
 float: left;
 height: 10px;
 width: 300px;
 padding: 10px 0px 0px 50px;
}
#inside_cnts_cnts {
 clear: both;
 float: left;
 height: 160px;
 width: 589px;
 background-image: url(../images/xpay_in_back.png);
 background-repeat: no-repeat;
 padding: 20px;
 background-position: center;
}
#button_inside {
 clear: both;
 float: left;
 height: 35px;
 width: 140px;
padding-left: 170px;
}

#inside_image_bill {
 float: left;
 height: 230px;
 width: 170px;
 background-image: url(../images/bill_back.png);
 background-repeat: no-repeat;
 background-position: center center;
}
#inside_image_utility {
 float: left;
 height: 230px;
 width: 170px;
 background-image: url(../images/utility_back.png);
 background-repeat: no-repeat;
 background-position: center center;
}
#inside_image_recharge {
 float: left;
 height: 230px;
 width: 170px;
 background-image: url(../images/recharge_back.png);
 background-repeat: no-repeat;
 background-position: center center;
}

#inside_image_shop {
 float: left;
 height: 230px;
 width: 170px;
 background-image: url(../images/shop_back.png);
 background-repeat: no-repeat;
 background-position: center center;
}
.text_normal_blue {
	font-family:Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS";
	font-size: 12px;
	color:#00275D;
	text-align:justify;
}
.text_big {
	font-family:Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS";
	font-size: 13px;
	color:#bf2e1a;
	text-align:justify;
	font-weight:bold;
}
.text_big_red {
	font-family:Verdana, Arial, Helvetica, sans-serif, "Comic Sans MS";
	font-size: 16px;
	color:#bf2e1a;
	text-align:justify;
	font-weight:bold;
}
#faq_head {
	background-image: url(../images/faq_head.png);
	background-repeat: no-repeat;
	clear: both;
	float: left;
	height: 76px;
	width: 895px;
}
.fancy_close {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/fancy_closebox_red.png)  no-repeat scroll left top;
	cursor:pointer;
	display:block;
	height:30px;
	position:absolute;
	right:-15px;
	top:-12px;
	width:30px;
	z-index:181;
}