﻿#Container {
	width: 788px;
	text-align: left;
	padding: 0px;
	padding-bottom: 50px;
}

/* HTML generic tags defined */

/* IE6 hack for CSS image hover flicker */
html {filter:expression(document.execCommand("BackgroundImageCache", false, true));}


body { 
	font-family: Arial, Helvetica, sans-serif;
	background-color: #EAEDEF;
	font-size: 12px;
	color:#3E5165;
	padding: 0px;
	margin:0px;
}
h1 {font-size:16pt;}
h1,h2,h3,h4,h5 { clear: both; padding: 0px; margin:0px; font-weight:normal; }
p { clear: both; line-height: 140%; padding:0 0 16px 0; margin:0; }

ul, ol {
	clear: both;
	padding: 0;
	margin: 0;
	padding-left: 20px;
}

a { color:#4e71a7; text-decoration: none; }
a:hover { text-decoration: none; }

/* 
	Generic Layout Classes
*/
.Header, .Header2, .Content, .Footer { clear: both; padding: 0px; margin: 0px; background-color:#FFF; }
.Header { width: 785px; height: 94px; overflow:hidden; }
.Header2 { width: 785px; height: 94px; overflow:hidden; }
.Content { float: left; width: 785px; background-position: top left; padding-top:16px; background-repeat:repeat-y; background-color: #FFF;}
.Padding { clear:both; float:left; height:30px; width:100%; }
.Footer { width: 770px; height:22px; font-size:10px; background-color: #74808c; color: #FFF; padding-top:10px; padding-left:15px;  }


/* Header Classes */
.Header { background-image: url(../images/Header_bg.jpg); }
.Header .Brand { width: 124px; height:94px; }
.Header .Brand h1, .Header .Brand h2 { display: none; }

.Header2 { background-image: url(../images/Header_bg2.gif); }
.Header2 .Brand { width: 124px; height:94px;}
.Header2 .Brand h1, .Header2 .Brand h2 { display: none; }

/* Content, Content Area */

.ParalellLines {	
PADDING-RIGHT: 5px;	
BORDER-TOP: #ccc 1px solid;	
PADDING-LEFT: 5px;	
PADDING-BOTTOM: 10px;	
WIDTH: 180px;	
PADDING-TOP: 10px;	
BORDER-BOTTOM: #ccc 1px solid}

.ParalellLines p {padding:0 0 4px 0; margin:0 0px 0 0; font-weight:bold;}

#BusinessContinuityMessage
{
	clear:both;
	float:left;
	width:685px;
	background-color:#FFE6E6;
	border: 2px solid red;
	padding: 10px 10px 10px 20px;
	color: red;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
}
#BusinessContinuityMessage a 
{
	color: red;
	font-weight: bold;
	text-decoration: underline;
	white-space:nowrap;
}


.ContentArea .ContentRegion { padding: 20px 30px; color:#3E5165; }/*  The editable region for the content */
.PageTitle { padding: 0px; margin:0px;}
.PageTitle.Off { display:none; }
.PageTitle h1 { color: #3E5165; text-decoration: none; font-size: 20px; font-weight: bold; font-size: 18px; }


.FullWidth { width: 700px; padding: 30px; }
.Left, .Right { float: left; min-height: 240px; }
.Left { padding: 20px 0 0 22px; width:115px; background-repeat:no-repeat; background-position: top left; font-size:11px;  }
.Right { width: 580px; padding: 20px 0px 20px 26px; }
.Right .BiogContent {	FLOAT: left;	WIDTH: 495px}

/* Version two - re-design */
.ContentArea { background-repeat: no-repeat; background-image:url(../images/banners/generic.jpg); }
.Left { width: 214px; background-image:none; }

/* .Right { width: 526px !important; width:500px; padding-left: 0px; } */
.Right { width: 500px !important; width:500px; padding-left: 0px; }

.ContentArea .Enquiries {
	clear:both;
	float:left;
	/* width:98%;  */
	width:460px;
	margin-top: 20px;
	padding: 10px 20px 10px 20px;
	background-color:#ebecf0;
}

.Right h2 { clear:both; padding: 0px 0px 15px 0px; margin: 0px; font-size: 16px; font-weight:bold; }
.Right h3 { clear:both; padding: 8px 0px 0px 0px; margin: 0px; font-size: 16px; font-weight:bold; color:#4076A5 }
.Right .InnerColumn { float: left; width:48%; }
.Right .InnerColumn p { float:left; width:210px; height:190px; }
.Right .MinHeight { clear: both; float:left; width:1px; height: 300px; }
.Right .BiogContent { float:left; width: 495px; }
/* Padding (space above the footer region */
.Padding p { padding:0px; margin:0px; padding-left: 250px;  }

/* Footer */
.Footer span{ display: block; width:760px; text-align: left; padding: 10px 0 0 19px;}




/* ContentArea items/elements */
.InfoTable { width:235px; float:left; margin-right:15px; }
.InfoList { width: 270px; float:left; }

.InfoTable h1, .InfoList h1 { font-size: 11px; font-weight:bold; color: #FFF; padding: 6px; }

.InfoTable h1 { background-color:#DCA45E; }
.InfoTable table { width: 100%; }
.InfoTable table tr th, .InfoTable table tr td { border-top: 1px solid #FFF; padding: 6px; padding-left:14px;}
.InfoTable table tr th { background-color: #EED2AD; font-weight:normal; text-align:left; width:30% }
.InfoTable table tr td { background-color: #FAF0E4; color:red }


.InfoList h1 { background-color:#DD705E; }
.InfoList ul { padding:0px; margin:0px; background-color:#FAF0E4; }
.InfoList ul li { 
	border-top: 1px solid #FFF;
	list-style: none;
	padding: 6px;
	padding-left: 28px;
	background-image: url(../images/icons/arrow_red.gif);
	background-position: 10px 8px;
	background-repeat: no-repeat;
}

.Enquiries { clear:both; }

#SubContent {
	clear:both;
	padding:0;
	margin:0;
	float:left;
	padding: 5px 0px 18px 0px;
	color:#445768;
	width:535px;
}

#SubContent a { 
	float:left;
	display: inline;
	color:#042656;
	background-color:#DBE9F6;
	border:1px solid #C3CFE5; 
	padding: 8px 16px 8px 28px; 
	margin-right: 10px;
	font-size:11px;
	text-decoration: none;
	background-image:url(../images/icons/arrow_disclaimer.gif);
	background-position: 10px 8px;
	background-repeat:no-repeat;
}
#SubContent a.last { margin-right:0px; }
#SubContent p { padding-left:4px; }

.TimeLine {
	clear:both;
	float:left;
	width: 490px;
	height: 55px;
	border:1px solid #D1D2D6;
	margin-top:5px;
	margin-bottom:15px;
	background-image:url(../images/content/history/bg-time-line.jpg); 
	background-position:top center;
	display:block;
	overflow:hidden;
}
.TimeLine a { padding: 0 14px 0 14px;}

.NoJavaScriptWarning {
	color: white;
	text-align: center;
}

.NoJavaScriptWarning a {
	color: white;
	font-size: 110%;
}



/* Form Elements */
.Left input { margin:2px 0 2px 0;padding: 2px; font-size:10px; width: 200px; }
.Left input.none { width:auto;}
.formtext {
	padding:0;
	margin:0;
	clear:both;
	float:none;
	font-weight:bold;

}

/* Global Navigation */
.Nav_global {  }
.Nav_global {
        CLEAR: both;
 	    padding-right: 0px;
		PADDING-LEFT: 0px;
		FLOAT: left;
		PADDING-BOTTOM: 0px;
		MARGIN: 0px;
		OVERFLOW: hidden;
		PADDING-TOP: 0px;
		POSITION: relative;
		HEIGHT: 36px;
		TEXT-ALIGN: center}


.Nav_global ul { padding:0px; margin:0px; height:40px; overflow:visible; }
.Nav_global ul li { 
	display:inline; white-space:nowrap;  font-size:12px;
	background-image:url(/layouts/images/navigation/global_silver.jpg);
}
.Nav_global ul li a { text-decoration:none; color:#012141; font-weight:bold; }

.Nav_global ul li a { 
	display: block; 
	float:left; 
	height:40px;
	padding:10px 0px; 
	margin:0px;
	background-image:url(/layouts/images/navigation/global_grey.jpg);
	background-repeat:repeat-x;
	background-color:#fff;
	/*width: 131px*/
}

/* Global navigation tabs all have different widths 
.Nav_global li.First a { width: 101px; }
.Nav_global li.Second a { width: 130px; }
.Nav_global li.Third a { width: 138px; }
.Nav_global li.Four a { width: 164px; }
.Nav_global li.Five a { width: 126px; }
.Nav_global li.Six a { width: 126px !important;	width:126px; }
*/
.Nav_global li a:hover {
	background-image:url(/layouts/images/navigation/global_silver.jpg);
}

.Nav_global ul li .selectedTopMenu,
.Nav_global ul li .selectedTopMenu:hover  { 
	background-color: #FFF;
	color:#1B2046;
	background-image:url(/layouts/images/navigation/global_blue.jpg);
}

/* exception */
.Nav_global ul li .clientAreaTab,
.Nav_global ul li .clientAreaTab:hover { 
	color:#FFF; 
	background-image:url(/layouts/images/navigation/global_client.jpg);  
}








/* Sub-Navigation in the content area
.ContentArea .Nav_subnavigation { display: none; }
*/
.Nav_subnavigation { width: 185px; text-align: left; clear: both; float: left; padding:0px; margin:0px; padding-top:0px; }
.Nav_subnavigation ul { clear:both; padding: 0px; margin: 0px; text-align: left; }
.Nav_subnavigation ul li { list-style:none; margin:0px; margin-right:1px; padding:0px; border-top: 1px solid #ccc;}
.Nav_subnavigation ul li a { 
	display:block;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	background-image: url(/layouts/images/icons/sub_nav_off.gif);
	background-position: 8px 11px;
	background-repeat: no-repeat; 
	padding: 10px 0px 10px 22px;
	
	text-decoration: none;
	color: #747474;
	font-size:10px;
}
.Nav_subnavigation ul li a.selected { background-image: url(/layouts/images/icons/sub_nav_on.gif); color:#000; font-weight:bold; }
.Nav_subnavigation ul li a:hover { background-image: url(/layouts/images/icons/sub_nav_on.gif); }
.Nav_subnavigation ul li.first { border-top: none; }

.SubContent { width: 100%; padding-bottom: 10px; float:left; }
.SubContent a 
{
	width: 200px; 
	display:block; 
	padding:4px 8px 4px 8px; 
	background-color:#006699; 
	border:1px solid #000; 
	color: #FFFFFF; 
	display: inline 
}

/*Add by Tahmineh */


#contact-bottom {
 background-color:#ebecf0; margin:20px 0 85px 0; padding:10px 0 10px 10px;}

#frmhedgetopmenu{
padding:0 0 0 0;}

.TimeLine {	CLEAR: both;	BORDER-RIGHT: #d1d2d6 1px solid;	BACKGROUND-POSITION: center top;	BORDER-TOP: #d1d2d6 1px solid;	MARGIN-TOP: 5px;	FLOAT: left;	BACKGROUND-IMAGE: url(/layouts/images/content/history/bg-time-line.jpg);	MARGIN-BOTTOM: 15px;	BORDER-LEFT: #d1d2d6 1px solid;	WIDTH: 490px;	BORDER-BOTTOM: #d1d2d6 1px solid;	HEIGHT: 55px}.TimeLine A {	PADDING-RIGHT: 14px;	PADDING-LEFT: 14px;	PADDING-BOTTOM: 0px;	PADDING-TOP: 0px}

#corpHeight {min-height:445px;}

#profilesWrapper {min-height:435px;}

#loginMinHeight {height:120px; width:1px; float:right;}
#loginFormWrapper {min-height:135px; padding:15px 0 0 0;}

.Cleft {float:left;}
.Cright {float:right; margin-right:30px;}