@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: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 0 0 10px; padding:0 0 0 10px; }
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; }
.rtaHeaderRow02a01 { height: 1%; float: left; width: 65.5%; }
.rtaHeaderRow02a01 li { float: left; padding:0 25px 0 10px; }
.rtaHeaderRow02a01 li a { color: #000; font-size: 75%; font-weight: bold; }
.rtaHeaderRow02a01 li.first { padding-left: 25px; }
.rtaHeaderRow02a02 { float: left; width: 17.5%; padding: 3px 0 0 0; }
.rtaHeaderRow02a03 { float: left; width: 15%; text-align: right; }
.rtaHeaderRow02a03 img { vertical-align: middle; margin-right: 14px; }
.rtaHeaderRow02a03 a { font-size: 75%; color:#212020; }
.rtaHeaderRow03 { }
.rtaHeaderRow03 ul { padding-top:2px; height: 1%; }
.rtaHeaderRow03 ul li { float: left; width: 16.6%; padding: 10px 0; }
.rtaHeaderRow03 ul li a { padding: 3px 0 5px 33px; font-size: 75%; font-weight: bold; display: inline-block; }
.rtaHeaderRow03 ul li.rtaHeaderRow03d, .rtaHeaderRow03 ul li.rtaHeaderRow03e { text-align: center; }
.rtaHeaderRow03 ul li.rtaHeaderRow03c, .rtaHeaderRow03 ul li.rtaHeaderRow03f { text-align: right; }
.rtaHeaderRow03 ul li.rtaHeaderRow03a a { margin: 0 0 0 20px; background: url(../images/frame/rtaHeader-Icon-marine.gif) left no-repeat; color: #305484; }
.rtaHeaderRow03 ul li.rtaHeaderRow03b a { background: url(../images/frame/rtaHeader-Icon-pta.gif) left no-repeat; color: #f8730a; }
.rtaHeaderRow03 ul li.rtaHeaderRow03c a { background: url(../images/frame/rtaHeader-Icon-tnr.gif) left no-repeat; color: #ffb202; }
.rtaHeaderRow03 ul li.rtaHeaderRow03d a { margin: 0 0 0 50px; background: url(../images/frame/rtaHeader-Icon-rail.gif) left no-repeat; color: #728e04; }
.rtaHeaderRow03 ul li.rtaHeaderRow03e a { margin: 0 0 0 10px; background: url(../images/frame/rtaHeader-Icon-licensing.gif) left no-repeat; color: #695432; }
.rtaHeaderRow03 ul li.rtaHeaderRow03f a { background: url(../images/frame/rtaHeader-Icon-taxi.gif) left no-repeat; color: #710d72; margin: 0 20px 0 0; }
/* 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 */
.nolNav00 { width: 960px; margin: 0 0 0 10px; }

/* third level horizontal navigation (first level within Nol card site) */
.nolNav01 {
                BACKGROUND: url(../images/frame/nolNav01-Bg01-D2.gif) #cccccc no-repeat left top
}
.nolNav01 UL {
                HEIGHT: 1%
}
.nolNav01 UL LI {
                WIDTH: 118px; WHITE-SPACE: nowrap; FLOAT: left
}
.nolNav01 UL LI SPAN {
                DISPLAY: block
}
.nolNav01 UL LI SPAN A {
                position: relative; text-align: center; display: block; font-size: 100%; height: 100%; color: #FFF; padding: 26px 18px 10px 17px;
}
.nolNav01 UL LI SPAN A:hover {
                BACKGROUND: url(../images/frame/nolNav01-Bg02-Hover-D2.png) no-repeat left top; 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: 128px
}
.nolNav01 UL LI.first A {
                display: block; padding: 8px 0 0px 32px;
}
.nolNav01 UL LI.last {
                WIDTH: 118px
}
.nolNav01 UL LI.last SPAN A {
                text-align: center; display: block; font-size: 100%; height: 100%; color: #FFF; padding: 26px 18px 10px 17px;
}
.nolNav01 UL LI.selected SPAN A {
                PADDING-BOTTOM: 7px; BACKGROUND: url(../images/frame/nolNav01-Bg03-On-D2.png) left top no-repeat; color: #324e6f; padding-top: 29px; padding-bottom: 7px; cursor:default;
}


/* 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; }
.nolNav02 ul { height: 1%; padding: 9px 0 8px 140px; }
.nolNav02 ul li { float: left; background: url(../images/frame/nolNav02-Bg02.gif) left no-repeat; }
.nolNav02 ul li span { display: block; padding: 0 15px 0 16px; }
.nolNav02 ul li.selected { background: url(../images/frame/nolNav02-Bg03.gif) left no-repeat; }
.nolNav02 ul li.selected span { padding: 0 15px 0 25px; }
.nolNav02 ul li.last span { background: url(../images/frame/nolNav02-Bg02.gif) right no-repeat; }
.nolNav02 ul li a { font-size: 87.5%; 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; }
.nolNav03a {  background: url(../images/frame/nolNav03-Bg01.gif) top left no-repeat; }
.nolNav03 ul { height: 1%; background: url(../images/frame/nolNav03-Bg01-bottom.gif) bottom left no-repeat; }
.nolNav03 ul li { float: left; 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 { }
.nolNav03 ul li.firstSelected a { background: url(../images/frame/nolNav03-tab01-on.gif) left bottom no-repeat; }
.nolNav03 ul li.first a:hover { background: url(../images/frame/nolNav03-tab01-hover-bottom.gif) left bottom no-repeat; }
.nolNav03 ul li.first a:hover span { background: url(../images/frame/nolNav03-tab01-hover-top.gif) left top no-repeat; }
.nolNav03 ul li.second { background: url(../images/frame/nolNav03-tab02.gif) left bottom no-repeat; }
.nolNav03 ul li.secondSelected a { background: url(../images/frame/nolNav03-tab02-on.gif) left bottom no-repeat; }
.nolNav03 ul li.second a:hover { background: url(../images/frame/nolNav03-tab02-hover-bottom.gif) left bottom no-repeat; }
.nolNav03 ul li.second a:hover span{ background: url(../images/frame/nolNav03-tab02-hover-top.gif) left top no-repeat; }
.nolNav03 ul li.third { background: url(../images/frame/nolNav03-tab03.gif) left bottom no-repeat; }
.nolNav03 ul li.thirdSelected a { background: url(../images/frame/nolNav03-tab03-on.gif) left bottom no-repeat; }
.nolNav03 ul li.third a:hover { background: url(../images/frame/nolNav03-tab03-hover-bottom.gif) left bottom no-repeat; }
.nolNav03 ul li.third a:hover span { background: url(../images/frame/nolNav03-tab03-hover-top.gif) left top no-repeat; }
.nolNav03 ul li.forth { background: url(../images/frame/nolNav03-tab04.gif) left bottom no-repeat; }
.nolNav03 ul li.forthSelected a { background: url(../images/frame/nolNav03-tab04-on.gif) left bottom no-repeat; }
.nolNav03 ul li.forth a:hover { background: url(../images/frame/nolNav03-tab04-hover-bottom.gif) left bottom no-repeat; }
.nolNav03 ul li.forth a:hover span{ background: url(../images/frame/nolNav03-tab04-hover-top.gif) left top no-repeat; }
.nolNav03 ul li.fifth { background: url(../images/frame/nolNav03-tab05.gif) left bottom no-repeat; }
.nolNav03 ul li.fifthSelected a { background: url(../images/frame/nolNav03-tab05-on.gif) left bottom no-repeat; }
.nolNav03 ul li.fifth a:hover { background: url(../images/frame/nolNav03-tab05-hover-bottom.gif) left bottom no-repeat; }
.nolNav03 ul li.fifth a:hover span { background: url(../images/frame/nolNav03-tab05-hover-top.gif) left top no-repeat; }
.nolNav03 ul li.sixth { }
.nolNav03 ul li.sixthSelected a { background: url(../images/frame/nolNav03-tab06-on.gif) left bottom no-repeat; }
.nolNav03 ul li.sixth a:hover { background: url(../images/frame/nolNav03-tab06-hover-bottom.gif) left bottom no-repeat; }
.nolNav03 ul li.sixth a:hover span{ background: url(../images/frame/nolNav03-tab06-hover-top.gif) left top no-repeat; }
.nolNav03 ul li.seventh { }
.nolNav03 ul li.seventhSelected a { background: url(../images/frame/nolNav03-tab07-on.gif) left bottom no-repeat; }
.nolNav03 ul li.seventh a:hover { background: url(../images/frame/nolNav03-tab07-hover-bottom.gif) left bottom no-repeat; }
.nolNav03 ul li.seventh a:hover span { background: url(../images/frame/nolNav03-tab07-hover-top.gif) left 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/nolNav03-sel.gif) left top no-repeat; background-color:#94a1e1; }
.nolNav03 ul li.firstSelected a span { background: url(../images/frame/nolNav03-tab01-on-sel.gif) left top no-repeat; background-color:#94a1e1; }
.nolNav03 ul li.sixthSelected a span { background: url(../images/frame/nolNav03-tab06-on-sel.gif) left top no-repeat; background-color:#94a1e1; }
.nolNav03 ul li.seventhSelected a span { background: url(../images/frame/nolNav03-tab07-on-sel.gif) left top no-repeat; background-color:#94a1e1; }
/*left nav*/
div.nolNav04 { padding:16px 0 0 10px; }
div.nolNav04 ul { padding:1px 0 0 0; }
div.nolNav04 ul li { height: 1%; margin-top: -1px; }
div.nolNav04 ul li a { height: 1%; margin:0 0 0 0; color:#2a4c84; display: block; background:url("../images/frame/nolNav04-li-tall.gif") 0 0 no-repeat; font-size: 93.75%; }
div.nolNav04 ul li.selected a { color:#212020; background:url("../images/frame/nolNav04-li-sel-tall.gif") top left no-repeat; }
div.nolNav04 ul li.selected a:hover { color:#212020; background:url("../images/frame/nolNav04-li-sel-tall.gif") top left no-repeat; }
div.nolNav04 ul li a span { height: 1%; display: block; padding: 12px 40px 12px 20px; background:url("../images/frame/nolNav04-li-bottom.gif") left bottom no-repeat; cursor: pointer; }
div.nolNav04 ul li.selected a span { cursor: default; }
div.nolNav04 ul li a:hover { text-decoration: none; background:url("../images/frame/nolNav04-li-hover-tall.gif") top left no-repeat; }

/* submenu of vertical menu
div.nolNav04 ul li.son, div.nolNav04 ul li.sonselected { padding:1px 0 0 20px; height: 1%; margin-top: -1px; }
div.nolNav04 ul li.son a { height: 1%; margin:0 0 0 0; color:#2a4c84; display: block; background:url("../images/frame/nolNav04-li-son-tall.gif") 0 0 no-repeat; font-size: 80%; }
div.nolNav04 ul li.sonselected a { color:#212020; background:url("../images/frame/nolNav04-li-son-sel-tall.gif") top left no-repeat; }
div.nolNav04 ul li.sonselected a:hover { color:#212020; background:url("../images/frame/nolNav04-li-son-sel-tall.gif") top left no-repeat; }
div.nolNav04 ul li.son a span, div.nolNav04 ul li.sonselected a span { height: 1%; display: block; padding: 5px 10px 5px 10px; background:url("../images/frame/nolNav04-li-son-bottom.gif") left bottom no-repeat; cursor: pointer; }
div.nolNav04 ul li.sonselected a span { cursor: default; }
div.nolNav04 ul li.son a:hover { text-decoration: none; background:url("../images/frame/nolNav04-li-son-hover-tall.gif") top left no-repeat; }
*/

/* Breadcrumb*/
.nolBreadcrumb { padding: 10px 0 0 20px; }
.nolBreadcrumb h3 { font-size: 75%; font-weight: bold; color:#212020; display: inline; }
.nolBreadcrumb ol { display: inline; padding: 0; margin: 0; }
.nolBreadcrumb ol li { padding: 0; margin: 0; display: inline; color: #666; font-size: 75%; }
/* footer links (4 columns)*/
.nolFooterLinks { height: 1%; background: url(../images/frame/nolFooterLinks-Bg01.gif) left bottom no-repeat; }
.nolFooterLinks .nolFooterLinksColumn01 { float: left; width: 235px; }
.nolFooterLinks .nolFooterLinksColumn01 div { padding: 0px 20px 10px 30px; }
.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 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; }
.nolFooter .nolFooterRow01 ul { padding: 13px 0 3px 0; height: 1%; }
.nolFooter .nolFooterRow01 ul li { padding: 10px 0 10px 15px; margin: 0 0 0 10px; background: url(../images/frame/nolFooter01-icon01.gif) left no-repeat; display: inline; }
.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 */
.ScreenReaderText { position:absolute; left:-1000000px; }
ul.skipToLinks { position:absolute; top:-10000px; }
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; }