@font-face {
	font-family: 'Noto Kufi Arabic';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Regular.eot);
	src: url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Regular.eot?#iefix) format('embedded-opentype'),
	url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Regular.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Regular.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Regular.ttf) format('truetype');
}
@font-face {
	font-family: 'Noto Kufi Arabic';
	font-style: normal;
	font-weight: 700;
	src: url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Bold.eot);
	src: url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Bold.eot?#iefix) format('embedded-opentype'),
	url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Bold.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Bold.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Bold.ttf) format('truetype');
}



body {

	font-family:'Noto Kufi Arabic', verdana, serif;
	font-size: 95%;
}

.value{
	direction: ltr;
	display: inline-block;
	text-align: right;
}
/*
nav, .menu{
	direction: ltr !important;
	width: auto !important;
	max-width: none !important;
}

.mm-listview > li{
	float:left;
	width: 80%;
}

.mm-panels > .mm-panel.mm-hasnavbar{
	width: 80%;
}*/

.subcatcount{
	float: left;
}

/* RTL: keep Latin phone/fax/P.O.Box runs left-to-right inside Arabic text, and
   flip the table's text alignment. dir='ltr' on the cells makes them bidi
   isolates; these rules line them up on the correct edge. */
.branchTable thead th,.branchTable tbody th,.branchTable tbody td{text-align:right}
.branchTable .branchTel,.branchTable .branchFax,.branchTable .branchPobox{direction:ltr;text-align:right;unicode-bidi:isolate}
.tellist,.faxlist{padding-right:0}
.tellist .telnum,.faxlist .faxnum,.telnum,.faxnum{direction:ltr;unicode-bidi:isolate;display:inline-block}
@media (max-width:640px){.branchTable tbody th,.branchTable tbody td{text-align:right}}


/* RTL type scale. Arabic script needs more vertical space than Latin at the
   same nominal size - the site's base sizes were tuned for English and read
   noticeably small in Arabic. */
body{font-size:15px;line-height:1.9}
.flyerDetailTable,.branchTable{font-size:14px;line-height:1.8}
.flyerDetailTable tbody th{font-size:14px}
.branchTable thead th{font-size:14px}
.tellist,.faxlist{font-size:14px}
.breadcrumbs{font-size:14px}
h1{font-size:24px;line-height:1.6}
h2{font-size:20px;line-height:1.6}
h3{font-size:18px;line-height:1.6}
h4{font-size:16px;line-height:1.6}
.branchesTitle{font-size:16px}


/* RTL footer layout. The LTR rules float the blocks left with fixed pixel
   widths (110/190/170/220px) and pad .footerBody from the left, so in Arabic
   everything piled up on the wrong edge and the columns were too narrow for
   the longer labels. Lay them out with flex instead so they spread across the
   width and size to their content. */
.footerBody{padding:0 42px 40px 0;display:flex;flex-wrap:wrap;align-items:flex-start;gap:0 46px}
.footerLinkBlock,.footblock1,.footblock2,.footblock3,.footblock4{float:none;width:auto;min-width:150px;max-width:280px;margin:0 0 20px;text-align:right}
.footerLinkBlock h4{text-transform:none;margin:0 0 10px;font-size:15px}
.footerLinkBlock li{line-height:2}
.footerLinkBlock a{display:inline-block}
.copyRightNote{text-align:right;padding:0 42px 0 0}
@media (max-width:640px){
  .footerBody{display:block;padding:0 18px 30px 0}
  .footerLinkBlock,.footblock1,.footblock2,.footblock3,.footblock4{min-width:0;max-width:none}
}


/* ---- RTL structural mirroring -------------------------------------------
   The LTR sheet hard-codes float:left / padding-left / border-right on the
   page furniture, so on Arabic the columns, tabs and breadcrumb trail kept
   their English orientation while the text ran right-to-left. */

/* Page columns: sidebar to the right, rail to the left. */
#content-left{float:right}
#content-mid{float:right}
#content-right{float:left}

/* Breadcrumbs. The pathway arrow is a background GIF pointing right, which
   cannot be flipped as an image - swap it for a character pointing the other
   way and move the indent to the right edge. */
.breadCrumb{background:none;padding-left:0;padding-right:16px;position:relative}
.breadCrumb:before{content:'\2039';position:absolute;right:5px;top:0;color:#999;font-size:14px;line-height:1.4}
.breadCrumbsHome{padding-left:0}

/* Tab menu: tabs run right-to-left, and the divider moves to the other side. */
.tab-menu li{float:right;border-right:0;border-left:1px solid #FFFFFF}
.tab-menu li:last-child{border-left:0}
.tab-menu,.ui-tabs-panel{float:right}

/* Small paddings that assumed a left edge. */
.citySelector a{padding:4px 2px 4px 0}
.tab-desti{padding-left:0;padding-right:20px}

/* Lists and form controls. */
ul,ol{padding-right:20px;padding-left:0}
.sFilterSubmit{margin-right:6px;margin-left:0}
input,select,textarea{text-align:right}
input[type=submit],input[type=button]{text-align:center}

/* Numbers, codes and anything Latin stays LTR wherever it appears. */
.telnum,.faxnum,.branchTel,.branchFax,.branchPobox,.post-office-box,.url{direction:ltr;unicode-bidi:isolate}
.url,.telnum,.faxnum{text-align:right}

/* ---- RTL header ---------------------------------------------------------
   The masthead kept its English orientation: logo pinned left, language
   selector and its drop-down pinned right, and on mobile the hamburger sat
   in the left corner while everything under it read right-to-left. */

/* Masthead: logo to the right, language selector to the left. */
a.headerLogo{float:right;margin:1% 0 0 1%}
.headerBanner{float:right}
.headerSearch{float:left;text-align:left}
.languagebox{clear:left;float:left}
#languageBox{float:left;margin:0 5px 0 0}

/* Language selector internals: flag then label, reading right to left. */
.lang-text{float:right}
.languageIcon{float:right;margin-right:0;margin-left:2px}
.languageList{text-align:right;border-left:1px solid #74bdfa;border-right:3px solid #74bdfa}
.languageList span{float:left}

/* Mobile bar: the hamburger belongs in the corner the reader starts from. */
.header a{left:auto;right:10px}
.smenu .handle a{left:auto;right:10px}