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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size:100%;
	font:inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Reser Finish */

body					{font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#4d4d4d; line-height:18px; background:url(../images/mainBg.jpg) left top repeat; text-align:justify;}

p						{padding:6px 0;}

h1, h2, h3, h4, h5		{padding:6px 0; font-weight:bold;}
h1						{font-size:22px; border-bottom:#999999 1px solid; margin:0 0 10px 0; color:#bb8d09;}
h2						{font-size:15px; padding:4px 0;}
h3						{font-size:14px; color:#bb8d09;}
h4						{font-size:13px;}
h5						{font-size:13px; color:#bb8d09;}

a						{text-decoration:none; color:#bb8d09;}
a:hover					{text-decoration:none; color:#000;}

tt						{font-family:Tahoma, Geneva, sans-serif !important;}


.clear					{clear:both;}
.imgRight				{float:right; margin:0 0 5px 15px;}
.imgLeft				{float:left; margin:0 15px 5px 0px;}

#page					{float:left; width:100%; background:url(../images/bgRepeat.jpg) center top repeat-y;}
#header					{float:left; width:100%; background:url(../images/goldenBorder.jpg) left bottom repeat-x #FFF;}
#headerIn				{width:1000px; margin:0 auto;}
#logo 					{float:left; padding:5px 0 0 0;}
#controls				{float:right; width:780px;}
#one					{float:left; width:100%; padding:5px 0 0 0; text-align:right;}
#two					{float:left; width:100%; padding:10px 0 0 0;}
#three					{float:left; width:100%; padding:0px 0;}


#links					{float:left; width:100%;}



/* Banner Start ============================================================ */

#bannerWrapInIn					{float:left; width:100%;}

/*===== The Nivo Slider styles ============================================================*/
#bannerWrap					{float:left; width:100%; background:url(../images/bannerBgNew.png) center top no-repeat;}
#bannerWrapIn				{width:1065px; margin:0 auto; padding:0 0 5px 0; background:url(../images/goldenBorder.jpg) left bottom repeat-x;}
.nivoSlider					{position:relative; top:0; left:0; width:100%;}
.nivoSlider a.nivo-imageLink{position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none;}
.nivo-slice					{display:block; position:absolute; z-index:50; height:100%; }
.nivo-directionNav a		{position:absolute; top:50%; z-index:99; cursor:pointer; }
.nivo-prevNav				{left:0px;}
.nivo-nextNav				{right:0px;}
.nivo-controlNav a			{position:relative; z-index:99; cursor:pointer; }
.nivo-controlNav a.active	{font-weight:bold; }

#slider						{position:relative; width:100% !important;	height:329px; background:url(../images/loading.gif) center center no-repeat;}
#slider img					{position:absolute; top:0px; left:0px; display:none; }
#slider a					{border:0; display:block; }

#slider2					{position:relative; width:100% !important;	height:110px; background:url(../images/loading.gif) center center no-repeat;}
#slider2 img				{position:absolute; top:0px; left:0px; display:none; }
#slider2 a					{border:0; display:block; }

#slider3					{position:relative; width:130px !important; margin:0 auto; height:107px; text-align:center; background:url(../images/loading.gif) #FFF center center no-repeat;}
#slider3 img				{position:absolute; top:0px; left:0px; display:none; text-align:center; }
#slider3 a					{border:0; display:block;}


/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink{position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none;}

/* The slices in the Slider */
.nivo-slice					{display:block; position:absolute; z-index:50; height:100%;}

/* Caption styles */
.nivo-caption				{position:absolute; right:340px; bottom:40px; width:230px; height:auto; z-index:80;}
.nivo-caption p				{padding:5px; color:#464646; font-size:30px; line-height:25px; font-weight:bold; padding:10px 0; }
.nivo-caption span			{font-size:13px; font-family:Tahoma, Geneva, sans-serif; color:#333333; line-height:normal; font-weight:normal;}
.nivo-html-caption			{display:none;}

/*
.nivo-controlNav			{position:absolute; bottom:10px; left:480px; z-index:99999;}
.nivo-controlNav a			{float:left; position:relative; z-index:99; cursor:pointer; background:url(../images/slider_nav.png) no-repeat 0 0; width:12px; height:5px; display:block; text-indent:-9999px; margin:0 10px 0 0;}
.nivo-controlNav a.active	{background-position:0 -6px; } */
/*===== The Nivo Slider styles ============================================================*/

#map						{float:right; width:auto;}
#time						{float:left; width:540px; padding:0px 0 0 80px; }
#time tt					{float:left; width:145px; display:block; padding:0 0 0 30px; margin:0; height:80px !important; background:url(../images/clockIcon.jpg) left 23px no-repeat;}
#time tt dd					{float:left; color:#999; width:100%; display:block; padding:0 0 0px 0; color:#bb8d09; font-weight:bold;}
#time tt span				{float:left; width:100%;  display:block;}

#contentwrap				{float:left; width:100%; background:#e4e4e4;}
#contentwrapIn				{width:100%; float:left; margin:200px 0 0 0; }
#content					{margin:0 auto; width:990px; padding:15px 0 0 0;}
#contentIn					{margin:0 auto; width:1015px; padding:35px 25px 25px 25px; background:url(../images/transparentBg.png); min-height:300px;}
#contentInIn				{position:relative; float:left; width:100%;}
#contentInInSub				{position:absolute; width:100%; top:0; left:0;}


#blockA, #blockB, #blockC	{float:left; display:block;}
#blockA						{width:405px; vertical-align:bottom !important;}
#blockB						{width:305px; padding:0 10px; line-height:17px;}
#blockC						{width:240px; padding:0 0 0 20px;}

.readmore a					{padding:2px 5px; background:#CCC; color:#000;}
.readmore a:hover			{background:#999999; color:#FFF;}

/* Latest News ============================================================ */
.section						{float:left; width:100%; padding:0 0 9px 0;}
.slides							{float:left; width:100%;}
.slides .latestNews				{float:left; width:100%;}
.slides .latestNews li			{float:left; width:100%;}
.slides .latestNews li span 	{float:left; width:100%; padding:3px 0; border-bottom:1px dotted #000; line-height:16px;}
.slides .latestNews li span dd	{float:left; width:100%;}
/* Latest News ============================================================ */


.sh								{float:left; width:100%; display:block; padding:15px 0 0 0;}
.sh li							{float:left; width:100%; padding:10px 0px; display:block; border-bottom:1px dashed #e5e5e5;}
.sh	li tt						{float:left; width:260px; display:block;}
.sh	li span						{float:left; width:650px; display:block; padding:0 0 0 25px;}
.sh	li span p					{float:left; width:100%; display:block; font-weight:bold; color:#bb8d09;}
.sh	li span dd					{float:left; width:100%; display:block;}

.bm								{float:left; width:100%; display:block; padding:15px 0 0 0;}
.bm li							{float:left; width:100%; padding:10px 0px; display:block; border-bottom:1px dashed #e5e5e5;}
.bm	li tt						{float:left; width:225px; display:block;}
.bm	li span						{float:left; width:775px; display:block; padding:0 0 0 25px;}
.bm	li span p					{float:left; width:100%; display:block; font-weight:bold; color:#bb8d09; padding:3px 0 0px 0; font-size:14px;}
.bm	li span dd					{float:left; width:100%; display:block; padding:2px 0; font-weight:bold;}
.bm	li span address				{float:left; width:100%; display:block;}
.bm	li span email				{float:left; width:100%; display:block;}

.ceoMessage						{background:url(../images/banner/ceoMessage.jpg) center top no-repeat;}
.common							{background:url(../images/banner/001.jpg) center top no-repeat;}
.contactUs						{background:url(../images/banner/contactUs.jpg) center top no-repeat;}
.ShariaaCommittee				{background:url(../images/banner/002.jpg) center top no-repeat;}
.ExecutiveManagement			{background:url(../images/banner/ExecutiveManagement.jpg) center top no-repeat;}
.subsidiries					{background:url(../images/banner/subsidiries.jpg) center top no-repeat;}
.BoardMembers					{background:url(../images/banner/BoardMembers.jpg) center top no-repeat;}
.ShareHolders					{background:url(../images/banner/ShareHolders.jpg) center top no-repeat;}

#left							{float:left; width:700px;}
#right							{float:right; width:300px;}

.address						{float:left; width:100%; padding:10px 0;}
.address .fifty					{float:left; width:50%;}
.address .fifty	.icon			{float:left; width:60px;}
.address .fifty .add			{float:left; width:270px;}


#contactform					{float:left; width:100%; padding:10px 0;}
.formfield						{float:left; width:100%; padding:2px 0 5px 0;}
.field							{width:250px; padding:7px 5px; border:#CCC 1px solid;}

.crFields						{width:350px; padding:7px 5px; border:#CCC 1px solid;}

.mapWrapper						{float:left; width:100%; padding:10px 0;}

#careers						{float:left; width:740px; padding:5px 100px;}
#line							{float:left; width:100%; padding:5px 0;}

.crLabel						{float:left; width:150px; font-weight:bold;}
.crField						{float:left; width:550px;}

.button							{background:#bb8d09; color:#000; border:none; padding:5px 10px;}
.button:hover					{background:#bcbdc0; color:#000; border:none;}

.news					{float:left; width:100%; padding:10px 0;}
.news li				{float:left; width:100%; display:block; padding:15px 0px; border-bottom:#CCC 1px dashed;}
.news li .date			{color:#0f496f; display:block; padding:3px 0; font-weight:600; font-size:13px;}
.news li .photo			{float:left; display:block;}
.news li .photo a		{float:left; width:170px;}
.news li .photo a:hover .zoom	{display:block;}
.news li .photo img		{border:#cfdbe2 1px solid; padding:2px;}
.news li .newsContent	{float:left; width:750px; display:block;}

#ticker					{width:100%; float:left; padding:0 0 5px 0;}

.balloonstyle			{position:absolute; top:0px; left:-100px; visibility:hidden; z-index:100;}

#firstWrap				{float:left; width:100%;}
#firstIn				{width:665px; padding:10px 0 10px 400px; margin:0 auto; background:url(../images/blockOne.jpg) left bottom no-repeat; min-height:200px;}
#firstInOne				{float:left; width:340px; padding:15px 0 0 0;}
#firstInTwo				{float:left; width:250px; padding:60px 36px 0 36px; }

#SecondWrap				{float:left; width:100%;}
#SecondIn				{width:1043px; padding:20px 10px; margin:20px auto 30px auto; border:1px solid #bebebe; position:relative; background:url(../images/SecondInLine.png) 630px top repeat-y;}
.leftBottomCorner		{position:absolute; left:-4px; bottom:-4px; width:54px !important; height:53px;}
.rightTopCorner			{position:absolute; right:-4px; top:-4px; width:54px !important; height:53px;}
#SecondInOne			{float:left; width:600px; padding:0 10px;}
#SecondInOne tt			{float:left; width:270px; height:195px; margin:0 20px 0 0; display:block;}
#SecondInOne span		{float:left; display:block; width:300px;}
#SecondInOne span h2	{color:#9d790d;}

#SecondInTwo			{float:left; width:400px; padding:0 10px;}
#SecondInTwo tt			{float:left; width:158px; height:160px; padding:25px 5px 10px 5px; margin:0 20px 0 0; background:url(../images/ourSubsidariesBg.png) left top no-repeat; display:block; text-align:center;}
#SecondInTwo span		{float:left; display:block;width:210px; padding:0 0 0 0;}
#SecondInTwo span h2	{color:#9d790d;}

#SecondInThree			{float:left; width:325px; padding:0 10px;}
#SecondInThree tt		{float:left; width:140px; height:110px; border:#cccccc 2px solid; margin:0 20px 0 0;}
#SecondInThree span		{float:left; display:block; width:150px; padding:0 0 0 0;}

.readmoreNew a			{background:url(../images/more.jpg) left top no-repeat; padding:0 5px; width:75px; height:21px; display:block; color:#FFF; font-size:12px; line-height:21px;}
.readmoreNew a:hover	{background:url(../images/more.jpg) left bottom no-repeat; display:block; color:#000;}

.readmoreNew1 a			{background:url(../images/more.jpg) left top no-repeat; padding:0 5px; width:75px; height:21px; display:block; color:#FFF; font-size:12px; line-height:21px; position:absolute; bottom:-10px; left:310px; }
.readmoreNew1 a:hover	{background:url(../images/more.jpg) left bottom no-repeat; display:block; color:#000;}

.readmoreNew2 a			{background:url(../images/more.jpg) left top no-repeat; padding:0 5px; width:75px; height:21px; display:block; color:#FFF; font-size:12px; line-height:21px; position:absolute; bottom:-10px; left:825px;}
.readmoreNew2 a:hover	{background:url(../images/more.jpg) left bottom no-repeat; display:block; color:#000;}

.readmoreNew3 a			{background:url(../images/more.jpg) left top no-repeat; padding:0 5px; width:75px; height:21px; display:block; color:#FFF; font-size:12px; line-height:21px; position:absolute; bottom:-10px; left:220px;}
.readmoreNew3 a:hover	{background:url(../images/more.jpg) left bottom no-repeat; display:block; color:#000;}

#slideshow 					{position:relative; height:110px; width:140px; }
#slideshow DIV 				{position:absolute; top:0; left:0; z-index:8; opacity:0.0; height:110px; background-color: #FFF; }
#slideshow DIV.active 		{z-index:10; opacity:1.0; }
#slideshow DIV.last-active 	{z-index:9; }

#slideshowtwo 					{position:relative; height:110px; width:250px; }
#slideshowtwo DIV 				{position:absolute; top:0; left:0; z-index:8; opacity:0.0; height:110px; background-color: #FFF; }
#slideshowtwo DIV.active 		{z-index:10; opacity:1.0; }
#slideshowtwo DIV.last-active 	{z-index:9; }


#ThirdWrap					{float:left; width:100%;}
#ThirdIn					{width:1065px; padding:0px 0px 30px 0; margin:0 auto; background:#FFF; border-top:#bb8d09 1px solid;}
#ThirdInDown				{width:1065px; margin:0 auto;}

#ThirdInOne					{float:left; width:280px; border-right:#c8c8c8 1px solid;}
#ThirdInOne tt				{float:left; display:block; width:100%;}
#ThirdInOne span			{float:left; padding:10px 25px; width:200px;}

#ThirdInTwo					{float:left; width:250px; border-right:#c8c8c8 1px solid;}
#ThirdInTwo tt				{float:left; display:block; width:100%;}
#ThirdInTwo span			{float:left; padding:10px 25px; width:200px;}

#ThirdInThree				{float:left; width:250px; border-right:#c8c8c8 1px solid;}
#ThirdInThree tt				{float:left; display:block; width:100%;}
#ThirdInThree span			{float:left; padding:10px 25px; width:200px;}

#ThirdInFour				{float:left; width:281px;}
#ThirdInFour tt				{float:left; display:block; width:100%;}
#ThirdInFour span			{float:left; padding:10px 22px; width:206px; display:block;}

#footerWrap					{float:left; width:100%; background: url(../images/footerBg.jpg) #363636 left top repeat-x;}
#footerWrapIn				{width:1065px; padding:15px 0 10px 0px; margin:0 auto;}

#footerOne					{float:left; width:auto;}
#footerTwo					{float:left; width:auto; margin:0 0 0 240px; padding:5px 0 0 0;}
#footerThree				{float:right; width:auto; color:#FFF; font-size:11px;}

#contentWrap				{float:left; width:100%;}
#contentWrapIn				{margin:0 auto; width:1065px;}

#tickerWrap					{float:left; width:100%; background:#FFF;}
#tickerWrapIn				{width:1065px; margin:0px auto 0 auto; background:#FFF;}


#contentwrapX				{float:left; width:100%;}
#contentX					{width:1025px; padding:25px 20px; margin:0 auto; background:url(../images/transparentBg.png) repeat;}

.applyOnline								{float:left; width:100%; padding:15px 0;}
.applyOnline li								{float:left; width:100%; padding:3px 0; display:block;}
.applyOnline li span						{float:left; width:50%; padding:0; display:block;}
.applyOnline li .cv							{float:left; width:140px; display:block;}

.fieldOne									{padding:5px; border:#CCC 1px solid; width:300px; color:#666;}
.fieldTwo									{padding:5px; border:#CCC 1px solid; width:312px; color:#666;}

.fieldOne:focus								{padding:5px; border:#fab14d 1px solid;}
.fieldTwo:focus								{padding:5px; border:#fab14d 1px solid;}

.bullet										{padding:5px 0 5px 20px;}
.bullet li									{list-style:inside disc;}
strong										{font-weight:bold;}

#a											{float:left; width:100%;}

#leftCon									{float:left; width:700px;}
#rightCon									{float:right; width:300px;}

.oneIn1										{float:right; padding:0 20px 0 0;}
.oneIn1 a									{padding:0 1px;}
.oneIn2										{float:right; padding:0 0px 0 20px;}
.oneIn2 a									{padding:0 10px;}

.employees_access							{width:251px; height:66px; display:block; float:left;}
.employees_access a							{display:block; float:left; width:231px; height:66px; background:url(../images/employeeAccess.png) left top no-repeat; color:#FFF; line-height:66px; font-size:18px; font-weight:bold; padding:0 0 0 20px;}
.employees_access a:hover					{background:url(../images/employeeAccess.png) left bottom no-repeat;}

#fourWrap					{float:left; width:100%;}
#fourIn						{width:1057px; margin:10px auto; background:#FFF; border:1px solid #bebebe; position:relative; padding:3px; position:relative;}
#fourIn span				{float:left; width:100%;}
#fourIn p					{float:left; width:90%; padding:20px 0 30px 50px;}

.leftBottomCorner1			{position:absolute; right:-4px; bottom:-4px; width:54px !important; height:53px;}
.rightTopCorner1			{position:absolute; left:-4px; top:-4px; width:54px !important; height:53px;}

#titleWrap					{float:left; width:100%;}
#titleIn					{width:1065px; margin:0 auto; font-weight:bold; font-size:20px; padding:10px 0; color:#9d790d;}

#fiveWrap					{float:left; width:100%;}
#fiveIn						{width:1000px; margin:0 auto; background:url(../images/pageBgTwo.png) left bottom no-repeat; border-bottom:#bebebe 1px solid;}
#fiveIn span				{float:left; width:459px; background: url(../images/whiteBg.png) left bottom repeat-x; margin:0 20px; padding:10px 0; min-height:510px;}
#fiveIn span tt				{float:left; width:100%; padding:0 0 10px 0;}
#fiveIn span dd				{float:left; width:90%; margin:0 5%; display:block;}

#sixWrap					{width:100%; float:left;}
#sixIn						{width:1033px; margin:20px auto 20px auto;; position:relative; border:#bebebe 1px solid; padding:30px 15px;}
#sixIn tt					{float:left; margin:0 20px 0 0; display:block;}
#sixIn dd					{float:left; display:block; width:800px;}

#conLeft					{float:left; width:740px;}
#conRight					{float:left; width:240px; padding:0 0 0 25px;;}

.colorGold					{font-size:20px; color:#9d790d;}








.font1 {
color: rgb(187, 141, 9); font-family: Tahoma, Geneva, sans-serif; font-size: 13.63636302947998px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; display: inline !important; float: none;
}

.div1 {
	display: table-cell; vertical-align: middle; height: 125px;  padding-left: 20px;
}

.font2 {
color: rgb(77, 77, 77); font-family: Tahoma, Geneva, sans-serif; font-size: 12.727272033691406px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; display: inline !important; float: none;
}