/* Define the default first */

/******* em Text Delaration Start *******/

/* Setup Font Family and Size Correctly First. Default(Medium) Font Size is 16px on all browsers */
body *
{
  font-size: 101%; /* for IE bug */
  font-family: Arial, Verdana, sans-serif;
}

/* Reduce the font size to 68.8% or 11px size
100% = 16
11/16 x 100
*/
body{ font-size: 12px; }

/* IE can�t read this */
html>body { font-size: 12px;}

/* Ensure forms and tables inherit the correct size */
table, input, select, th, td, textarea { font-size: 1em; }

/* Ensure nested elements inherit the correct size */
ol, ul, li li, li p, td p, blockquote p, div div { font-size: 1em; }

table table td { font-size: 0.95em; }

/* child pixels / parent pixels = child ems
Example(19px for h1) : 19 (child pixels) / 11 (parent pixels) = 1.73
*/

/******* em Text Delaration End *******/
@font-face { font-family: 'AvantGarde Bk BT'; src: url("/images/fonts/AVGARDM.TTF"); }

body {margin: 0; padding: 0;}

form, input * {margin: 0; padding:0;}

img {border: 0;}

th {font-weight: normal;}

p {margin: 10px 0;}

#container { font-size: 12px; width: 1000px; margin: 0 auto; clear: both; }
#header {background: url(/images/headerBg.jpg) no-repeat; width: 1000px; height: 121px; margin: 0; padding: 0; position: relative; z-index: 9;}
#header h1 { margin:0; padding: 33px 0 0 40px; width: 159px; height: 63px; float: left;}
#header h1 a { display: block; width: 159px; height: 63px; text-indent: -1000em; background: url(/images/MTQ_logo.gif) no-repeat; outline: none; }

h1 {font-size: 18px; font-family: "AvantGarde Bk BT", sans-serif; font-weight: normal; margin: 15px 0; padding: 0; color: #16385d; }
h2 {font-size: 14px; margin: 1em 0; padding: 0; color: #019552; font-weight: bold;}
h2.ir_textMainHighlight {background: none; font-size: 12px; color: #16385d; font-weight: bold; padding: 5px 0; font-family: Arial; margin: 0;}
h3 {font-size: 12px; font-weight: bold; color: #343b95; margin: 5px 0; padding: 0;}
h4 {font-size: 13px; font-weight: bold; color: #0a8ba4;}
h5 {}
h6 {}

/* Engineering page header class */

h2.closeGap {clear: both;  width: 100%; padding: 0 0 15px 0; margin: 0; background: none; font-size: 12px; color: #16385d; font-weight: bold; font-family: Arial;}
h2.imgGap {clear: both;  width: 100%; background: none; font-size: 12px; color: #16385d; font-weight: bold; padding: 35px 0 15px 0; font-family: Arial; margin: 0;}
h2.mainGap {font-size: 14px; margin: 35px 0 15px 0; padding: 0; color: #019552; font-weight: bold;}
#engineering h2.ir_textMainHighlight {background: none; font-size: 12px; color: #16385d; font-weight: bold; padding: 15px 0; font-family: Arial; margin: 0;}

.blueTitle {font-size: 12px; color: #16385d; font-weight: bold; margin: 0; font-family: Arial; }

.readMore {background: url(/images/bullet_arrow.gif) no-repeat scroll left center; color: #16385d; font-weight: bold; padding: 0 0 0 10px; margin: 0; text-decoration: none;}
*+html .readMore{padding: 0 0 0 8px;}

img.ir_left {float: left; margin: 0 15px 10px 0;}
img.ir_right {float: right; margin: 0 0 10px 10px;}
img.ir_middle {vertical-align: middle;}

.ir_tableBorder {border: 1px solid #CCCCCC;}
table.ir_hover tr:hover td {background: #c3b777;}
table.ir_hover tr.row1:hover td, table.ir_hover tr.row1:hover th {background: #c3b777;}
table.ir_hover tr.row2:hover td, table.ir_hover tr.row2:hover th {background: #c3b777;}
table.ir_hover tr.rowHighlight:hover td {background: #c3b777;}
table.ir_hover tr.rowTSHighlight:hover td {background: #c3b777;}
table.ir_table tr.ir_tableTopRow td, table.ir_table tr.ir_tableTopRow th {background: #5b67c9; color: #fff; font-weight: bold;}
table.ir_table tr.row1 td, table.ir_table tr.row1 th {background: #efefef;}
table.ir_table tr.row2 td, table.ir_table tr.row2 th {background: #f4f4f4;}
table.ir_table tr.rowHeader th {background: #414141; color: #fff;}
table.ir_table tr.rowHighlight td, table.ir_table tr.rowHighlight th {background: #414141; color: #fff;}
table.ir_table tr.rowTSHighlight td {background: #ccd0e1; border-bottom: 1px solid #aaa;}
table.ir_table tr th.cellHeader {background: #414141; color: #fff;}
table.ir_table tr td.cellHighlight {background: #414141; color: #fff;}
table.ir_table tr td.cellTSHighlight {background: #ccd0e1; border-bottom: 1px solid #aaa;}
table.ir_table tr td.cellTotal {border-top: 1px solid #414141; border-bottom: 1px solid #414141;}
table.ir_table tr td.cellSubTotal {border-top: 1px solid #414141;}
table.ir_table tr td.cellRed {background: #ebddd8;}
table.ir_table tr td.cellGreen {background: #d8ebdc;}


/* Main Navigation*/
#mainNav{padding: 72px 0 0 0; margin: 0; float: right;}
#mainNav ul{padding: 0; margin: 0; position: absolute; display: none;}
.aboutUs {background: url(/images/aboutUs.jpg) no-repeat scroll 263px center #564FA3; width: 450px;}
.ourBusiness {background: url(/images/aboutUs.jpg) no-repeat scroll 263px center #564FA3; width: 450px;}
.ourBusiness li.last {height: 100px;}
.contactUs {right: 16px;}
#mainNav ul.contactUs li {width: 150px;}


#mainNav li{padding: 0 16px 0 14px; margin: 0; float: left; list-style: none; line-height: 30px; position: relative;}
#mainNav li a {padding: 0 20px; margin: 0; font-family: "AvantGarde Bk BT", sans-serif; font-size: 14px; color: #1d394d; text-decoration: none;  display:block;}
#mainNav li a.selected, #mainNav li a.hover {background: url(/images/menuBg.gif) no-repeat top center;  display:block; color: #fff;}

#mainNav ul li { background: url(/images/subNav_arrow.gif) no-repeat scroll 20px 9px #362F6E;  float: none;  margin: 0;  padding: 0 0 0 20px; line-height: 28px; width: 220px;}
#mainNav ul li a {color: #fff; padding: 0 10px; margin: 0; font-size: 12px; font-family: Arial, Verdana, sans-serif; display: block; line-height: 28px; height: 28px; }
#mainNav ul li a:hover {background: none;  display: block;}


/* Banner */
#banner {width: 950px; padding: 0; margin: 15px auto; position: relative; z-index: 1;}
#mainBanner {padding: 0; margin: 0; height: 340px; list-style: none; }
#pagerBg {background: url(/images/banner_bar_2019.png) no-repeat top left; position: absolute; bottom: 0; left: 0; z-index: 10000; margin: 0; padding: 0; list-style: none; width: 950px; height: 30px;}
#pagerBg_bh {background: url(/images/banner_bar_2019.png) no-repeat top left; position: absolute; bottom: 0; left: 0; z-index: 10000; margin: 0; padding: 0; list-style: none; width: 950px; height: 30px;}
#pager {left: 50%; list-style: none outside none; margin: 0 0 0 -130px; padding: 0; position: absolute; top: 0; } 
#pager li {background: url(/images/pager.gif) no-repeat scroll center bottom transparent; cursor: pointer; float: left; height: 27px; margin: 0 5px; padding: 0; text-indent: -1000em; width: 27px;}
#pager li.active { background: url(/images/pager_o.gif) no-repeat center bottom; width: 27px; height: 27px; }


/* Content */
#contentContainer {clear: both; font-size: 12px; margin: 0 auto; min-height: 1%; padding: 0 0 15px 0; text-align: justify; width: 950px;}
.clearfix:after { clear: both;  content: ".";  display: block;  height: 0;  visibility: hidden;}
#home #content {width: 950px; padding: 0; margin: 0; text-align: justify; color: #414141; float: left;}
#content {width: 700px; padding: 0; margin: 0; text-align: justify; color: #414141; float: right;}


/* Home */
#mainCol_wrap {width: 660px;}
#businessSegment {float: left; padding: 0 10px; box-sizing: border-box; width: 100%;} /*300px, 320px*/
#businessSegment h2 {background: url(/images/bullet_arrow.gif) no-repeat scroll left center; font-family: "AvantGarde Bk BT", sans-serif;  font-size: 14px;color: #16385d; font-weight: normal; margin: 1em 0; padding: 0 0 0 10px;}
#home_media {float: left; padding: 0 10px; box-sizing: border-box; width: 320px;}
#home_media h2 {background: url(/images/bullet_arrow.gif) no-repeat scroll left center; font-family: "AvantGarde Bk BT", sans-serif;  font-size: 14px;color: #16385d; font-weight: normal; margin: 1em 0; padding: 0 0 0 10px; margin-top:65px;}
p.home_media_title a {color: #414141!important;font-weight: bold; text-decoration: none;}
p.home_media_title a:hover {text-decoration: underline;}
p.home_media_date {color: #16385d!important; font-weight: bold!important;}
#oilfiedEngineering {width: 100%;/*305px*/ margin: 0; padding: 0 25px 0 0; text-align: left; float: left;}
#engineSystems {float: right; margin: 0; padding: 0; width: 305px;}

#homeNews {float: right; padding: 0 10px;} 
#homeNews_content {background: url(/images/newsBg.jpg) no-repeat scroll top left #fefefe; padding: 10px 0 0 10px; margin: 5px 0 0 0; width: 253px; }
#homeNews_content h2 {background: url(/images/bullet_arrow.gif) no-repeat scroll left center; font-family: "AvantGarde Bk BT", sans-serif;  font-size: 14px;color: #16385d; font-weight: normal; margin: 0; padding: 0 0 0 10px;}
#homeNews iframe {border: 0 none; height: 500px;}


/*IR-home-news-sg*/

#corp_newsContainer {width: 250px; font-family: Arial; font-size: 12px; line-height: 16px; text-align: justify;}
.ir_news {margin: 0 0 6px; padding: 0 10px 0 0; list-style: none;}
.ir_news li {padding: 5px 0; }
.ir_news li:first-child { border: none; }
.ir_news a { color: #414141; text-decoration: none; }
.ir_news a:hover {text-decoration: underline; }
.ir_news .date { display: block; color: #16385d; }

.ir_newsDateFull {width: 200px; color: #000; text-align: left; float: left; margin: 1em 0 0 8px; font-size: 11px; font-weight: bold; }

.ir_newsTitle {width: 83%; float: right; margin: 0 0 1em 8px;}

.more {float: left; background: url(/images/bullet_arrow.gif) no-repeat scroll left center; color: #16385d; font-weight: bold; padding: 0 0 0 10px; margin: 0; text-decoration: none;}
.more a {color: #16385d; text-decoration: none;}
.more a:visited {color:#16385d; text-decoration: none;}
.more a:hover {color:#16385d; text-decoration: none; }


/* Sidebar */
#sidebar {float: left; background: url(/images/sidebarBg.jpg) repeat-y scroll left top; margin: 0; padding :0; }
#sidebarTitle {background: url(/images/sidebarHeader.jpg) no-repeat scroll left top transparent;  color: #FFFFFF;  font-family: Arial;  font-size: 14px;  font-weight: bold;  height: 27px;  line-height: 15px;  margin: 0;  padding: 15px 0 0 15px;  width: 216px;}
#sidebarBottom {background: url(/images/sidebarBottom.jpg) no-repeat scroll left bottom transparent; height: 7px;  margin: 0;  padding: 0;  width: 231px; clear: both;}

#sidebar ul {list-style: none; padding: 10px; margin: 0;}
#sidebar li {padding: 0; margin: 0; background: url(/images/sidebar_arrow.gif) no-repeat scroll left 8px transparent; padding: 5px 0; margin: 0;}
#sidebar li a {color: #16385D; font-family: Arial; font-size: 12px; font-weight: normal; margin: 0; padding: 0 0 0 10px; text-decoration: none; display: block;}
#sidebar li a:hover, #sidebar li a.selected {color: #019552;}

#sidebar li ul {padding: 10px 0 0 10px; margin: 0;}


/* footer */
#footer {clear: both; background: url(/images/footerBg.jpg) repeat-x scroll left top; height: 27px; width: 100%;}
#copyright {color: #fff; float: left; font-size: 11px;  margin: 0;  padding: 5px 0 0 25px; line-height: 20px;}
#footer a {color: #bcc0ff; text-decoration: none;}
#designedBy { color: #fff; float: right; font-size: 11px; padding: 5px 22px 0 0; margin: 0;  line-height: 20px;}


/* BOD, Management, Bahrain Page */
#ThumbnailsContainer, #ThumbnailsContainer1, #ThumbnailsContainer2 {float: left; margin: 0; padding: 0 10px 0 0; width: 204px;}
#ThumbnailsContainer ul, #ThumbnailsContainer1 ul, #ThumbnailsContainer2 ul {margin: 0; padding: 0;}
#ThumbnailsContainer li, #ThumbnailsContainer1 li, #ThumbnailsContainer2 li {float: left; border: 1px solid #000000; margin: 0 5px 5px 0; padding: 0; list-style: none; width: 90px; height: 90px; cursor: pointer; overflow: hidden;}
#ThumbnailsContainer li.ThumbHeader {border: none; width: 100%; height: auto; cursor: default;}

#InfoContainer, #InfoContainer1, #InfoContainer2 {float: right; margin: 0; padding: 0; width: 475px; position: relative; }
.InfoContent {position: absolute;}


/* Certificates  */
.certificates_one { list-style: none; margin: 0; padding: 0; padding- }
.certificates_one li { float: left; padding-left: 10px; text-align: center; }
.certificates_one li.first { float: left; padding: 0;  }
.certificates_one .text { font-weight: normal;  }
.clear { clear: both; padding-top: 40px;  }
/*.certImage {float:left; margin: 20px 15px 0 15px; }*/
.certImage_left {float:left; margin: 20px 15px 10px; }
.certText {float:left; width:270px; text-align: left; }
.certText_left{width:320px; }

.certContainer {float:left; width: 100%; padding: 0; margin: 0;}
.certContent {float:left; width: 200px; padding: 0; margin: 0 10px 10px 0; height: 220px;}
.certImage {width: 100%; text-align: center; }
.certTitle {text-align: center; padding: 10px 0;}




/* Milestone  */

#milestonesContainer {margin: 0; padding: 0; width: 100%; float: left;}
.milestonesContent {width: 100%; margin: 0 0 6px 0; padding:0; float: left; }
.milestonesDate {background: url(/images/milestonesDateBg.gif) no-repeat scroll left top transparent; color: #FFFFFF; float: left; font-weight: bold; height: 30px; line-height: 30px; text-align: center;  width: 72px;}
.milestonesText {background: none repeat scroll 0 0 #EFEFEF; float: left;  padding: 8px 10px;  width: 608px;}

.listContainer{width: 100%;}
.listContainer ul {margin: 0;}
.listContainer li {list-style: disc;}

/* Facilities  */
#facilitiesThumbnails {margin: 0; padding: 10px 0; width: 100%; float: left;}
#facilitiesThumbnails ul {margin: 0; padding: 0;}
#facilitiesThumbnails li {float: left; border: 1px solid #000000; margin: 0 24px 0 0; padding: 0; list-style: none; width: 90px; height: 90px; cursor: pointer; overflow: hidden; display: inline;}

#facilitiesContainer {clear:both; margin: 0; padding: 10px 0; width: 100%; position: relative;}
.facilitiesContent {position: absolute; width: 100%;}
.facilitiesImage {float: left; padding: 0 10px 10px 0; margin: 0;}
.facilitiesInfo {float: right; width: 55%;}

/* Business Landing Page, Contact Us layout  */
.columnContainer {float: left; width: 100%; padding: 0; margin: 0;}
.LeftColumn {float: left; width: 330px; padding: 0 20px 0 0; margin: 0; }
.RightColumn {float: Right; width: 330px; padding: 0 0 0 20px; margin: 0; }
.businessContent {width: 100%; clear:both; margin: 0; padding: 15px 0; }
.businessContent.last {border: none;}
.shortText {height: 275px;}
.longText {height: 380px;}
.businessDivider {border-bottom: 1px solid #dfdfdf; clear: both; }



#contactUs .LeftColumn {float: left; width: 273px; padding: 0 20px 0 0; margin: 0; }
#contactUs .RightColumn {float: Right; width: 387px; padding: 0 0 0 20px; margin: 0;} 

.customer {width: 100%; float: left; margin: 0; padding: 0;}
.customer ul {margin: 0; padding: 0;}
.customer li {float: left; list-style: none; padding: 9px;}


.newsMedia_Wrap {list-style: none outside none; margin: 0;  padding: 0;  width: 100%;}
.newsMedia_Wrap li {border-bottom: 1px dotted #666666; float: left; width: 100%;}
.newsMediaDate {float: left; margin: 1em 0;  width: 25%;}
.newsMediaTitle {float: right; margin: 1em 0; width: 74%;}
.newsMediaTitle a {color: #666666; text-decoration: none;}
.newsMediaTitle a:hover {color: #000000; text-decoration: underline;}

.homenewsMedia_Wrap {float: left; width: 240px;}
.homenewsMedia_Wrap ul {list-style: none outside none; margin: 0 0 6px; padding: 0;}
.homenewsMedia_Wrap li { padding: 5px 0; width: 240px;}
.homenewsMedia_Wrap li a {color: #414141; text-decoration: none;}
.homenewsMedia_Wrap .date {color: #16385D; display: block;}

.more {background: url("/images/bullet_arrow.gif") no-repeat scroll left center transparent;
    color: #16385D;
    float: left;
    font-weight: bold;
    margin: 0;
    padding: 0 0 0 10px;
    text-decoration: none;
}
.more a {
    color: #16385D;
    text-decoration: none;
}
.more a:visited {
    color: #16385D;
    text-decoration: none;
}
.more a:hover {
    color: #16385D;
    text-decoration: none;
}
.more:before {
    content: "";
}

/**************Bahrain****************/

.thumbnail_wrapper {
	float: left;
}


/*----- Accordion -----*/
.accordion, .accordion * {
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}
.accordion {
	overflow:hidden;
	background:#f7f6ee;
}
a.accordion-section-title {
	color: #fff;
	width:100%;
	float: left;
	padding: 0 0 0 15px;
	display:inline-block;
	border-bottom:1px solid #fff;
	background:#3f46a1;
	margin: 0;
	transition:all linear 0.15s;
	font-size:16px;
	color:#fff;
}
a.accordion-section-title span.tit{
	float: left;
	width: 92%;
	padding: 12px 0;
}
a.accordion-section-title span.acbtn.hacbtn{
	padding: auto;
}
a.accordion-section-title span.acbtn{
	float: right;
	width: 8%;
	padding: 16px 0;
	text-align: center;
	background:#019552;
}
.accordion-section-title.active, .accordion-section-title:hover {
	background:#565fcc;
	text-decoration:none;
}
.accordion-section:last-child .accordion-section-title {
	border-bottom:none;
}
.accordion-section-content {
	padding:0 2% 15px 2%;
	display:none;
	float: left;
	margin: 0;
	clear: both;
	width: 100%;
}
.accordion-section-content h5{
	font-family: 'Lato-Bold', Arial, sans-serif;
	font-size: 15px;
	color: #000;
	margin: 20px 0 10px 0;
}
.accordion-section-content ul{
	list-style: circle;
	margin: 3px 0 5px 0;
}
.accordion-section h3 { margin: 15px 0; }