@charset "utf-8";
/****************************************************************************
* 																			*
* This CSS contains	styles for headers, footers, frameworks and navigations	*
* ---------------------------												*
* 																			*
* Author:			Calvin Yau (calvin.yau@heathwallace.com)				*
* Version:			1.2														*
* Updated:			14 Aug 2009												*
* 																			*
* **************************************************************************/
/* Default styles */
body, div, h1, h2, h3, h4, h5, h6, p, ul, ul li, dl, dt, dd, form, fieldset, input, select, textarea, table, th, td { margin:0; padding:0; }
body { font-family: Tahoma, Arial, Helvetica, sans-serif; }
h1.nolH1Style00 { font-size:150%; line-height:1.6em; color:#3d3d3d; }
h1.nolH1Style01 { font-size:112.5%; line-height:1.1em; color:#4f4f4f; }
.nolPageBody h2 { font-size:150%; font-weight:normal; line-height:1.5em; }
.nolPageBody h3 { font-size:100%; font-weight:normal; line-height:1em; }
ul { list-style:none; }
ol { margin:0 10px 0 0; padding:0 10px 0 0; }
ol li { margin:0 0 0 10px; padding:0 0 0 10px; }
dl { height:1%; }
dt, dd { float:left; }
fieldset { border:0; }
a { color: #2b4c84; text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: underline; }
p { color:#212020; font-size: 75%; }
img, a img { border: 0; }
table { width:100%; border-collapse:collapse; }
/* RTA header */
.rtaHeader { margin: 0 auto; width: 981px; }
.rtaHeaderWrapper01 { padding: 10px 11px 0 10px; }
.rtaHeaderRow01 { background:url(../images/frame/rtaHeader-Bg01.gif) left top no-repeat; }
.rtaHeaderRow01a { background:url(../images/frame/rtaHeader-Bg02.gif) right top no-repeat; border-bottom: 3px solid #d20000; height: 1%; padding-bottom: 8px; }
.rtaHeaderRow01a01 { float:left; margin: 10px 0 0 18px; }
.rtaHeaderRow01a02 { float:right; margin: 10px 12px 0 0; }
.rtaHeaderRow02 { background:url(../images/frame/rtaHeader-Bg03.gif) left bottom no-repeat; }
.rtaHeaderRow02a { background:url(../images/frame/rtaHeader-Bg04.gif) right bottom no-repeat; height: 1%; }
.rtaHeaderRow02Wrapper01 { padding: 8px 0 34px 0; }
/*Arabic*/ .rtaHeaderRow02a01 { height: 1%; float: right; width: 65.5%; }
/*Arabic*/ .rtaHeaderRow02a01 li { float: right; padding:0 10px 0 25px; }
.rtaHeaderRow02a01 li a { color: #000; font-size: 75%; font-weight: bold; }
/*Arabic*/ .rtaHeaderRow02a01 li.first { padding-right: 20px; }
/*Arabic*/ .rtaHeaderRow02a02 { float: right; width: 17.5%; padding: 3px 0 0 0; }
/*Arabic*/ .rtaHeaderRow02a03 { float: right; width: 15%; text-align: left; white-space: nowrap; }
/*Arabic*/ .rtaHeaderRow02a03 img { vertical-align: middle; margin-left: 4px; }
.rtaHeaderRow02a03 a { font-size: 75%; color:#212020; }
.rtaHeaderRow03 { }
.rtaHeaderRow03 ul { padding-top:2px; height: 1%; }
/*Arabic*/ .rtaHeaderRow03 ul li { float: right; width: 16.6%; padding: 10px 0; }
/*Arabic*/ .rtaHeaderRow03 ul li a { padding: 5px 33px 5px 0; font-size: 75%; font-weight: bold; display: inline-block; }
/*Arabic*/ .rtaHeaderRow03 ul li.rtaHeaderRow03a { text-align: right; }
/*Arabic*/ .rtaHeaderRow03 ul li.rtaHeaderRow03b, .rtaHeaderRow03 ul li.rtaHeaderRow03c, .rtaHeaderRow03 ul li.rtaHeaderRow03d, .rtaHeaderRow03 ul li.rtaHeaderRow03e { text-align: center; }
/*Arabic*/ .rtaHeaderRow03 ul li.rtaHeaderRow03f { text-align: left; }
/*Arabic*/ .rtaHeaderRow03 ul li.rtaHeaderRow03a a { margin: 0 20px 0 0; background: url(../images/frame/rtaHeader-Icon-marine.gif) right no-repeat; color: #305484; }
/*Arabic*/ .rtaHeaderRow03 ul li.rtaHeaderRow03b a { background: url(../images/frame/rtaHeader-Icon-pta.gif) right no-repeat; color: #f8730a; }
/*Arabic*/ .rtaHeaderRow03 ul li.rtaHeaderRow03c a { background: url(../images/frame/rtaHeader-Icon-tnr.gif) right no-repeat; color: #ffb202; }
/*Arabic*/ .rtaHeaderRow03 ul li.rtaHeaderRow03d a { margin: 0 10px 0 0; background: url(../images/frame/rtaHeader-Icon-rail.gif) right no-repeat; color: #728e04; }
/*Arabic*/ .rtaHeaderRow03 ul li.rtaHeaderRow03e a { margin: 0 10px 0 0; background: url(../images/frame/rtaHeader-Icon-licensing.gif) right no-repeat; color: #695432; }
/*Arabic*/ .rtaHeaderRow03 ul li.rtaHeaderRow03f a { background: url(../images/frame/rtaHeader-Icon-taxi.gif) right no-repeat; color: #710d72; margin: 0 0 0 20px; }
/* Page framework styles */
.nolFramework00 { }
.nolFramework01 { background: #f2f2f2 url(../images/frame/nolFramework01-Bg00.gif) top repeat-x; }
.nolFramework01Wrapper01 { margin: 0 auto; width: 981px; background: url(../images/frame/nolFramework01-Bg02.gif) top left repeat-y; }
.nolFramework01Wrapper02 { background: url(../images/frame/nolFramework01-Bg01.gif) top left no-repeat; }
.nolFramework01Wrapper03 { background: url(../images/frame/nolFramework01-Bg03.gif) bottom left no-repeat; }
.nolMainContent { margin: 0 auto; width: 981px; padding:0 0 35px 0; min-height: 300px; _height: 3s00px; }
/* Wrapper of navigation */
/*Arabic*/ .nolNav00 { width: 960px; margin: 0 11px 0 0; }
/* third level horizontal navigation (first level within Nol card site) */

/*DEPLOYMENT 2 - ARABIC*/
/*Arabic*/ .nolNav01 {
	BACKGROUND: url(../images/frame-arabic/nolNav01-Bg01-D4.gif) #2f4c6d no-repeat left top
}
.nolNav01 UL {
	HEIGHT: 1%
}
/*Arabic*/ .nolNav01 UL LI {
	WIDTH: 105px; WHITE-SPACE: nowrap; FLOAT: right
}
.nolNav01 UL LI SPAN {
	DISPLAY: block
}
/*Arabic*/ .nolNav01 UL LI SPAN A {
	position: relative; text-align: center; display: block; font-size: 80%; height: 100%; color: #FFF; padding: 27px 0px 10px 0px;
}
/*Arabic*/ .nolNav01 UL LI SPAN A:hover {
	BACKGROUND: url(../images/frame-arabic/nolNav01-Bg02-Hover-D3.png) no-repeat center top; padding: 27px 0px 10px 0px;TEXT-DECORATION: none
}
.nolNav01 UL LI SPAN A SPAN {
	DISPLAY: inline
}
.nolNav01 UL LI.selected SPAN A SPAN {
	BACKGROUND-COLOR: #fff
}
.nolNav01 UL LI.first {
	WIDTH: 115px
}
/*Arabic*/ .nolNav01 UL LI.first A {
	display: block; padding: 8px 25px 0px 0px;
}
.nolNav01 UL LI.last {
	WIDTH: 105px
}
/*Arabic*/ .nolNav01 UL LI.last SPAN A {
	text-align: center; display: block; font-size: 80%; height: 100%; color: #FFF; padding: 27px 0px 10px 0px;
}
/*Arabic*/ .nolNav01 UL LI.selected SPAN A {
	BACKGROUND: url(../images/frame-arabic/nolNav01-Bg03-On-D4.png) center top no-repeat; color: #324e6f; padding: 30px 0px 7px 0px; cursor:default;
}
/*DEPLOYMENT 2 - ARABIC*/


/* Fourth level horizontal navigation (second level within Nol card site) */
.nolNav02 { background: #fefefe url(../images/frame/nolNav02-Bg01.gif) bottom repeat-x; padding: 0 0 3px 0; }
/*Arabic*/ .nolNav02 ul { height: 1%; padding: 9px 140px 8px 0; }
/*Arabic*/ .nolNav02 ul li { float: right; background: url(../images/frame/nolNav02-Bg02.gif) right no-repeat; }
/*Arabic*/ .nolNav02 ul li span { display: block; padding: 2px 15px 0 16px; }
/*Arabic*/ .nolNav02 ul li.selected { background: url(../images/frame-arabic/nolNav02-Bg03.gif) right no-repeat; }
/*Arabic*/ .nolNav02 ul li.selected span { padding: 2px 25px 0 15px; }
/*Arabic*/ .nolNav02 ul li.last span { background: url(../images/frame/nolNav02-Bg02.gif) left no-repeat; }
.nolNav02 ul li a { font-size: 78%; color:#212020; }
.nolNav02 ul li.selected a { color:#2b4c84; font-weight: bold; }
.nolNav02 ul li.selected a:hover { text-decoration: none; cursor:default; }
/* fifth level horizontal navigation*/
.nolNav03 { padding: 18px 30px 0px 30px; }
/*Arabic*/ .nolNav03a {  background: url(../images/frame-arabic/nolNav03-Bg01.gif) top right no-repeat; }
/*Arabic*/ .nolNav03 ul { height: 1%; background: url(../images/frame-arabic/nolNav03-Bg01-bottom.gif) bottom right no-repeat; }
.nolNav03 ul li { float: right; width: 131px; min-height: 56px; _height: 56px; }
.nolNav03 ul li a span { display: block; padding: 10px 20px 0; margin-bottom: 10px; }
.nolNav03 ul li a { text-align: center; display: block; height: 56px }
.nolNav03 ul li a:hover { text-decoration: none; }
.nolNav03 ul li.first, .nolNav03 ul li.sixth, .nolNav03 ul li.seventh, .nolNav03 ul li.firstSelected, .nolNav03 ul li.sixthSelected, .nolNav03 ul li.seventhSelected { width: 132px; }
.nolNav03 ul li.prev { background: none; }
.nolNav03 ul li.first { }
/*Arabic*/ .nolNav03 ul li.firstSelected a { background: url(../images/frame-arabic/nolNav03-tab01-on.gif) right bottom no-repeat; }
/*Arabic*/ .nolNav03 ul li.first a:hover { background: url(../images/frame-arabic/nolNav03-tab01-hover-bottom.gif) right bottom no-repeat; }
/*Arabic*/ .nolNav03 ul li.first a:hover span { background: url(../images/frame-arabic/nolNav03-tab01-hover-top.gif) right top no-repeat; }
/*Arabic*/ .nolNav03 ul li.second { background: url(../images/frame-arabic/nolNav03-tab02.gif) right bottom no-repeat; }
/*Arabic*/ .nolNav03 ul li.secondSelected a { background: url(../images/frame-arabic/nolNav03-tab02-on.gif) right bottom no-repeat; }
/*Arabic*/ .nolNav03 ul li.second a:hover { background: url(../images/frame-arabic/nolNav03-tab02-hover-bottom.gif) right bottom no-repeat; }
/*Arabic*/ .nolNav03 ul li.second a:hover span{ background: url(../images/frame-arabic/nolNav03-tab02-hover-top.gif) right top no-repeat; }
/*Arabic*/ .nolNav03 ul li.third { background: url(../images/frame-arabic/nolNav03-tab03.gif) right bottom no-repeat; }
/*Arabic*/ .nolNav03 ul li.thirdSelected a { background: url(../images/frame-arabic/nolNav03-tab03-on.gif) right bottom no-repeat; }
/*Arabic*/ .nolNav03 ul li.third a:hover { background: url(../images/frame-arabic/nolNav03-tab03-hover-bottom.gif) right bottom no-repeat; }
/*Arabic*/ .nolNav03 ul li.third a:hover span { background: url(../images/frame-arabic/nolNav03-tab03-hover-top.gif) right top no-repeat; }
/*Arabic*/ .nolNav03 ul li.forth { background: url(../images/frame-arabic/nolNav03-tab04.gif) right bottom no-repeat; }
/*Arabic*/ .nolNav03 ul li.forthSelected a { background: url(../images/frame-arabic/nolNav03-tab04-on.gif) right bottom no-repeat; }
/*Arabic*/ .nolNav03 ul li.forth a:hover { background: url(../images/frame-arabic/nolNav03-tab04-hover-bottom.gif) right bottom no-repeat; }
/*Arabic*/ .nolNav03 ul li.forth a:hover span{ background: url(../images/frame-arabic/nolNav03-tab04-hover-top.gif) right top no-repeat; }
/*Arabic*/ .nolNav03 ul li.fifth { background: url(../images/frame-arabic/nolNav03-tab05.gif) right bottom no-repeat; }
/*Arabic*/ .nolNav03 ul li.fifthSelected a { background: url(../images/frame-arabic/nolNav03-tab05-on.gif) right bottom no-repeat; }
/*Arabic*/ .nolNav03 ul li.fifth a:hover { background: url(../images/frame-arabic/nolNav03-tab05-hover-bottom.gif) right bottom no-repeat; }
/*Arabic*/ .nolNav03 ul li.fifth a:hover span { background: url(../images/frame-arabic/nolNav03-tab05-hover-top.gif) right top no-repeat; }
.nolNav03 ul li.sixth { }
/*Arabic*/ .nolNav03 ul li.sixthSelected a { background: url(../images/frame-arabic/nolNav03-tab06-on.gif) right bottom no-repeat; }
/*Arabic*/ .nolNav03 ul li.sixth a:hover { background: url(../images/frame-arabic/nolNav03-tab06-hover-bottom.gif) right bottom no-repeat; }
/*Arabic*/ .nolNav03 ul li.sixth a:hover span{ background: url(../images/frame-arabic/nolNav03-tab06-hover-top.gif) right top no-repeat; }
.nolNav03 ul li.seventh { }
/*Arabic*/ .nolNav03 ul li.seventhSelected a { background: url(../images/frame-arabic/nolNav03-tab07-on.gif) right bottom no-repeat; }
/*Arabic*/ .nolNav03 ul li.seventh a:hover { background: url(../images/frame-arabic/nolNav03-tab07-hover-bottom.gif) right bottom no-repeat; }
/*Arabic*/ .nolNav03 ul li.seventh a:hover span { background: url(../images/frame-arabic/nolNav03-tab07-hover-top.gif) right top no-repeat; }
.nolNav03 ul li.seventh a { background: none; }
.nolNav03 ul li.second a span, .nolNav03 ul li.third a span, .nolNav03 ul li.forth a span, .nolNav03 ul li.fifth a span, .nolNav03 ul li.secondSelected a span, .nolNav03 ul li.thirdSelected a span, .nolNav03 ul li.forthSelected a span, .nolNav03 ul li.fifthSelected a span { padding: 10px 20px 0; margin-bottom: 20%; }
.nolNav03 ul li.secondSelected a span, .nolNav03 ul li.thirdSelected a span, .nolNav03 ul li.forthSelected a span, .nolNav03 ul li.fifthSelected a span { background: url(../images/frame-arabic/nolNav03-sel.gif) right top no-repeat; }
/*Arabic*/ .nolNav03 ul li.firstSelected a span { background: url(../images/frame-arabic/nolNav03-tab01-on-sel.gif) right top no-repeat; }
/*Arabic*/ .nolNav03 ul li.sixthSelected a span { background: url(../images/frame-arabic/nolNav03-tab06-on-sel.gif) right top no-repeat; }
/*Arabic*/ .nolNav03 ul li.seventhSelected a span { background: url(../images/frame-arabic/nolNav03-tab07-on-sel.gif) right top no-repeat; }
/*left nav*/
/*Arabic*/ div.nolNav04 { padding:16px 11px 0 0; }
div.nolNav04 ul { padding:1px 0 0 0; }
div.nolNav04 ul li { height: 1%; margin-top: -1px; }
/*Arabic*/ div.nolNav04 ul li a { height: 1%; margin:0 0 0 0; color:#2a4c84; display: block; background:url("../images/frame-arabic/nolNav04-li-tall.gif") top right no-repeat; font-size: 93.75%;  }
/*Arabic*/ div.nolNav04 ul li.selected a { color:#212020; background:url("../images/frame-arabic/nolNav04-li-sel-tall.gif") top right no-repeat; }
/*Arabic*/ div.nolNav04 ul li.selected a:hover { color:#212020; background:url("../images/frame-arabic/nolNav04-li-sel-tall.gif") top right no-repeat; }
/*Arabic*/ div.nolNav04 ul li a span { height: 1%; display: block; padding: 12px 20px 12px 40px; background:url("../images/frame-arabic/nolNav04-li-bottom.gif") right bottom no-repeat; cursor: pointer; }
div.nolNav04 ul li.selected a span { cursor: default; }
/*Arabic*/ div.nolNav04 ul li a:hover { text-decoration: none; background:url("../images/frame-arabic/nolNav04-li-hover-tall.gif") top right no-repeat; }
/* Breadcrumb*/
/*Arabic*/ .nolBreadcrumb { padding: 10px 20px 0 0; height: 1%; }
/*Arabic*/ .nolBreadcrumb h3 { font-size: 75%; font-weight: bold; color:#212020; display: inline; float: right; }
.nolBreadcrumb ol { display: inline; padding: 0; margin: 0; }
/*Arabic*/ .nolBreadcrumb ol li { padding: 0 3px 0 0; margin: 0; display: inline; color: #666; font-size: 75%; float: right; }
/* footer links (4 columns)*/
.nolFooterLinks { height: 1%; background: url(../images/frame/nolFooterLinks-Bg01.gif) left bottom no-repeat; }
/*Arabic*/ .nolFooterLinks .nolFooterLinksColumn01 { float: right; width: 235px; }
/*Arabic*/ .nolFooterLinks .nolFooterLinksColumn01 div { padding: 0px 30px 10px 20px; }
.nolFooterLinks .nolFooterLinksColumn01 h5 { font-size: 75%; padding: 0 0 5px 0; margin: 0; color:#212020; }

/* Modified By Yan Chiu*/
.nolFooterLinks .nolFooterLinksColumn01 div ul li { line-height: 1.3em; padding: 0 0 2px 0; font-size: 75%; color:#2b4c84;}
/* End of Modified By Yan Chiu*/
/*
.nolFooterLinks .nolFooterLinksColumn01 div ul li { line-height: 1em; padding: 0 0 2px 0; }
.nolFooterLinks .nolFooterLinksColumn01 div ul li a { font-size: 75%; }
*/
.nolFooterLinks .nolFooterLinksColumn01 div ul li a span { white-space: nowrap; }
/* Footer (under the red line) */
.nolFooter { padding: 20px 0 0 0; background-color: #f2f2f2; }
.nolFooterWrapper01 { width: 960px; margin: 0 auto; }
.nolFooter .nolFooterRow01 { text-align: center; border-top: 2px #ab1914 solid; }
/*Arabic*/ .nolFooter .nolFooterRow01 ul { padding: 10px 0 3px 0; height: 1%; white-space: nowrap; display: inline-block; }
/*Arabic*/ .nolFooter .nolFooterRow01 ul li { padding: 10px 15px 10px 0; margin: 0 0 0 10px; background: url(../images/frame/nolFooter01-icon01.gif) right no-repeat; display: inline; float: right; }
.nolFooter .nolFooterRow01 ul li.first { background: none; }
.nolFooter .nolFooterRow01 ul li a { font-size: 75%; font-weight: bold; color:#212020; }
.nolFooter .nolFooterRow02 { text-align: center; padding: 20px 0 20px 0; background:url(../images/frame/nolFooter01-Bg01.gif) left repeat-x; }
.nolFooter .nolFooterRow02 p { color:#212020; line-height: 1.5em; padding: 0px 0 0 0; font-size: 68.75%; }
.nolFooter .nolFooterRow02 p.nolFooterRow02a { color: #b51a15; }
/* Styles for screen reader */
/*Arabic*/ .ScreenReaderText { position:absolute; overflow: hidden; left:-1px; height: 0px; width: 0px; }
/*Arabic*/ ul.skipToLinks { position:absolute; overflow: hidden; left:-1px; height: 0px; width: 0px; }
ul.skipToLinks li a { padding:7px 5px 9px 5px; background-color:#f7f4e7; border:1px solid #eae7d9; font-size:87.5%; font-weight:bold; color:#e94226; position:absolute; top:-981px; left:35%; width:168px; text-align:center; }
ul.skipToLinks li a:active, ul.skipToLinks li a:focus { top:0; }
/* Fix for Firefox */
.nolNav03 ul li a:after, dl:after, .rtaHeaderRow02a:after, .rtaHeaderRow02a01:after, .rtaHeaderRow01a:after, .rtaHeaderRow03 ul:after, .nolNav01 ul:after, .nolFooter ul:after, .nolFooterLinks:after, .nolNav02 ul:after, .nolNav03 ul:after, .nolBreadcrumb:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height:0; }