a { background: transparent; color: #008; cursor: pointer; padding: 0 2px; text-decoration: none; }
a:link { text-decoration: underline; }
a:visited, .pcnav2 a, .ltab a, .dow a, a.dow, a span.dow, a.navup, a.navdn, a.navlt, .plnav a, .prnav a, a.mnu2, .mnu2 a, .mnu3 li a, a.tcp { color: #700;  text-decoration: none; }
a:hover, a:focus, a span.dow:hover, a span.dow:focus { background: #060; color: #FF0; text-decoration: none; }
a img { border: none; pointer-events: auto; }
a.arr { background: #f1f1f1; border-left: 1px solid #757575; border-top: 2px solid #757575; border-right: 1px solid #ffffac; border-top-left-radius: 7px; color: #008; line-height: 1.5; margin: 5px 0; padding: 0 5px; text-decoration: none;}
a.arr:hover, a.arr:focus, a.help:hover, a.help:focus { background: #ffc862; color: #008; text-decoration: underline; }
a.ccn, a.pti, a.sta { display: inline-block; font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 10px; padding: 2px 5px 2px 0px; text-decoration: none; }
a.ccn::before { content: "Cruise News Vignette :"; font-size: smaller;  text-align: left; text-decoration: none;}
a.pti::before { content: "Port Information :"; font-size: smaller;  text-align: left; text-decoration: none;}
a.sta::before { content: "Tour Ashore :"; font-size: smaller;  text-align: left; text-decoration: none;}
a.ccn, a.sta { background: transparent; border: 1px solid #e47090; border-top-width: 2px; border-left: 10px groove #bcbd00; border-radius: 4px; color: #008;  }
a.pti { border: 1px solid #00b702; border-top-width: 2px; border-left: 10px groove #00b702; border-radius: 4px; color: #008; }
a.ccn:hover, a.ccn:focus, a.sta:hover, a.sta:focus { background: #060; border-left: 10px ridge #ff4242; color: #ff0; text-decoration: underline; }
a.pti:hover, a.pti:focus { border-left: 10px ridge #ff4242; background: #060; color: #ff0; text-decoration: underline; }
a.navdn, a.navup { float: left; font: 0.85em/1.3 Arial,Helvetica,sans-serif; }
a.navdn { background: #bfead2 url(../image/navbar.jpg) no-repeat 0 -33px; color: #008; margin: 20px 0 0 20px; padding: 2px 3px 2px 21px; width: auto; }
a.navdn:hover, a.navdn:focus { background: #ffc url(../image/navbar.jpg) no-repeat 0 -1px; color: #007 }
a.navdn:active { background: #1e48c1 url(../image/navbar.jpg) no-repeat 0 -62px; color: #f1f1f1; }
a.xm, a.xm img { background: transparent; color: #bcf2c9; display: none; float: left; height: 1px; width: 1px; }
a.navlt { background: #bfead2 url(../image/navbar.jpg) no-repeat 0 -32px; color: #0f11ff; float: left; font: 1em/1.4 Arial,Helvetica,sans-serif; margin: 3px 7px 0 3px; padding: 1px 5px 1px 22px; }
a.navlt:visited { background: #bfead2 url(../image/navbar.jpg) no-repeat 0 -32px; color: #0f11ff; }
a.navlt:hover, a.navlt:focus { background: #ffc url(../image/navbar.jpg) no-repeat 0 0; color: #008; }
a.navlt:active { background:  #1e48c1 url(../image/navbar.jpg) no-repeat 0 -60px; color: #f1f1f1; }
a.navup { background: #bfead2 url(../image/navup1.jpg) no-repeat 0 -30px; color: #008; margin: 4px 0 0 20px; padding: 2px 5px 3px 21px; width: auto; }
a.navdn, a.navlt, a.navup, a.ndn, a.nlt, a.nrt, a.nup, .plnav a, .prnav a, a.voy { border-bottom: 1px solid #84b486; border-right: 1px solid #c2dac3; border-top: 1px solid #f0fff0; }
a.navup:hover, a.navup:focus { background: #ffc url(../image/navup1.jpg) no-repeat 0 -1px; color: #008; }
a.sbmt { font: 0.9em/1.5 Arial,Helvetica,sans-serif; margin: 0; padding: 1px 5px 2px 5px; }
a.capt { background: url(../img/cptn.jpg) repeat-y 0 -1px; margin: 3px 0 3px 5px; padding: 1px 0 1px 55px;}
a.capt:hover, a.capt:focus { background: #060 url(../img/cptn.jpg) repeat-y 0 0; color: #ff0; }
a.help { cursor: help; text-decoration: none; }
a.mnu2, .mnu2 li a, .mnu3 li a { background: #bfead2 url(../image/idx.jpg) repeat 0 0; border-bottom: 1px solid #84b486; border-right: 2px solid #c2dac3; border-top: 1px solid #d4ffaa; border-radius: 6px; color: #0400ec; display: block; font: 1em/1.5 Arial,Helvetica,sans-serif; margin: 1px 0 2px 0; padding: 0 5px; text-align: center;}
.mnu3 li a { display: inline-block; text-align: left; }
a.mov { background: transparent url(../img/movie.gif) no-repeat 0 0; line-height: 2; padding: 6px 0 7px 35px; text-align: left; }
a.mov:hover, a.mov:focus { background: #060 url(../img/movie.gif) no-repeat 0 0; color: #ff0; }
a.tip { cursor: pointer; position: relative; text-decoration: none; }
a.tip span { display: none; }
a.tip:hover, a.tip:focus { background: #FED url(../img/film.jpg) repeat; color: #e13e00; }
a.tip:hover span, a.tip:focus span { background: #EAFFEA; border: 2px solid #008; color: #008; display: block; left: -4em; overflow: auto; padding: 3px; position: absolute; top: -2.5em; width: 35em; text-align: center; }
a.txt { background: transparent url(../img/txtbtn.jpg) no-repeat 0 0; color: #0f11ff; content:"Display+"; float: right; height: 18px; margin: 6px 0; padding: 0 15px 0 57px; }
a.txt:hover, a.txt:focus { background: url(../img/txtbtn.jpg) no-repeat 0 -18px; color: #060; cursor: help; text-decoration: underline; }
a.voy { background: transparent url(../img/voybg.jpg) no-repeat; color: #fff; display: block; line-height: 2; margin: 0; padding: 2px 20px 0 90px; text-decoration: none; width: fit-content; }
a.voy:hover, a.voy:focus { background: transparent url(../img/voybg.jpg) no-repeat; color: #FF0; }
a.xtl, span.xtl, a.xtr, span.xtr { background: url(../img/extlnk.gif) no-repeat; }
a.xtl.xbl, span.xtl.xbl, a.xtl.xbl:hover, a.xtl.xbl:focus, span.xtl.xbl:hover, span.xtl.xbl:focus { background-position: bottom left; padding-left: 16px; }
a.xtr.xbl, span.xtr.xbl, a.xtr.xbl:hover, a.xtr.xbl:focus, span.xtr.xbl:hover, span.xtr.xbl:focus { background-position: bottom left; padding-right: 16px; }
a.xtr.xbr, span.xtr.xbr, a.xtr.xbr:hover, a.xtr.xbr:focus, span.xtr.xbr:hover, span.xtr.xbr:focus { background-position: bottom right; padding-right: 16px; }
a.xtl.xbr, span.xtl.xbr, a.xtl.xbr:hover, a.xtl.xbr:focus, span.xtl.xbr:hover, span.xtl.xbr:focus { background-position: bottom right; padding-right: 16px; }
a.xtl.xcl, span.xtl.xcl, a.xtl.xcl:hover, a.xtl.xcl:focus, span.xtl.xcl:hover, span.xtl.xcl:focus { background-position: center left; padding-left: 16px; }
a.xtl.xcr, span.xtl.xcr, a.xtl.xcr:hover, a.xtl.xcr:focus, span.xtl.xcr:hover, span.xtl.xcr:focus { background-position: center left; padding-right: 16px; }
a.xtr.xcl, span.xtr.xcl, a.xtr.xcl:hover, a.xtr.xcl:focus, span.xtr.xcl:hover, span.xtr.xcl:focus { background-position: center right; padding-right: 16px; }
a.xtr.xcr, span.xtr.xcr, a.xtr.xcr:hover, a.xtr.xcr:focus, span.xtr.xcr:hover, span.xtr.xcr:focus { background-position: center right; padding-right: 16px; }
a.xtl:hover, a.xtl:focus, span.xtl:hover, span.xtl:focus, a.xtr:hover, a.xtr:focus, span.xtr:hover, span.xtr:focus { background: url(../img/extlnk.gif) no-repeat #060; color: #FF0; }
button:hover, button:focus { background: #e13e00; color: #ff0; }
button { background: #006601; border-radius: 3px; color: #f0f8ff; font-size: 0.9em; font-weight: bold; }
fieldset { background-image: linear-gradient(to right, #e7f7ed 0%, #bcf2c9 100%); color: #008; margin: 0; padding: 2px 4px; text-align: center; }
form { margin: 1px; padding: 2px; }
form input, form textarea { background: #DAF9DA; color: #0f11ff; font: 1.1em/1.4 Arial,Helvetica,sans-serif; padding: 3px 4px;}
form input#query { background: transparent url(../image/magnify.gif) 0 3px no-repeat; color: #0f11ff; margin: 3px 0 0 0; padding-left: 17px; }
form input#query:focus { background: #FFF url(../image/magnify.gif) 0 3px no-repeat; color: #0f11ff; }
form input:focus, form textarea:focus { background: #FFF; color: #0f11ff; }
.pcnav2 a.ndn { background: #bfead2 url(../image/navbar.jpg) no-repeat 0 -32px; color: #00f; }
.pcnav2 a.ndn:hover, .pcnav2 a.ndn:focus { background: #ffc url(../image/navbar.jpg) no-repeat 0 0; color: #008; }
.pcnav2 a.nlt { background: #bfead2 url(../image/nlt.jpg) no-repeat 0 -30px; color: #00f; }
.pcnav2 a.nlt:visited { background: #ffc862 url(../image/nlt.jpg) no-repeat 0 -60px;  color: #912caa; }
.pcnav2 a.nlt:hover, .pcnav2 a.nlt:focus { background: #ffc url(../image/nlt.jpg) no-repeat -1px 0; color: #008; }
.pcnav2 a.nrt { background: #bfead2 url(../image/nrt.jpg) no-repeat 0 -30px; color: #00f; }
.pcnav2 a.nrt:visited { background: #ffc862 url(../image/nrt.jpg) no-repeat 0 -60px; color: #912caa; }
.pcnav2 a.nrt:hover, .pcnav2 a.nrt:focus { background: #ffc url(../image/nrt.jpg) no-repeat 1px 0; color: #008; }
.pcnav2 a.nup { background: #bfead2 url(../image/navup1.jpg) no-repeat 0 -30px; color: #00f; }
.pcnav2 a.nup:hover, .pcnav2 a.nup:focus { background: #ffc url(../image/navup1.jpg) no-repeat 0 -1px; color: #008; }
.pcnav2 a.ndn, .pcnav2 a.nlt, .pcnav2 a.nrt, .pcnav2 a.nup { display: block; margin: 0; padding: 2px 3px 0 20px; }
.plnav a, .prnav a, a.pti, a.ccn, a.sta { background: #bfead2 url(../image/idx.jpg) repeat-x 0 0; color: #0f11ff; margin: 1px 3px; padding: 1px 3px 2px 3px; }
a.mnu2:visited, .plnav a:visited, .prnav a:visited, .mnu2 a:visited, .mnu3 li a:visited { background: #ffc862 url(../image/idx.jpg) repeat-x 0 -66px; color: #912caa; }
a.mnu2:hover, a.mnu2:focus, .mnu2 a:hover, .mnu2 a:focus, .mnu3 li a:hover, .mnu3 li a:focus { background: #ffc url(../image/idx.jpg) repeat-x 0 -33px; color: #008; }
.plnav a:hover, .plnav a:focus, .prnav a:hover, .prnav a:focus { background: #060 url(../image/idx.jpg) repeat-x 0 -33px; border-top-color: #9da8b3; color: #008;  }
a.mnu2:hover, a.navdn:hover, a.navlt:hover, a.navup:hover, a.ndn:hover, a.nlt:hover, a.nrt:hover, a.nup:hover, .plnav a:hover, .prnav a:hover, .mnu2 li a:hover, .mnu3 li a:hover, a.voy:hover, .trsp a:hover, a.mnu2:focus, a.navdn:focus, a.navlt:focus, a.navup:focus, a.ndn:focus, a.nlt:focus, a.nrt:focus, a.nup:focus, .plnav a:focus, .prnav a:focus, .mnu2 li a:focus, .mnu3 li a:focus, a.voy:focus, .trsp a:focus  { border-top: 1px solid #9da8b3; border-bottom: 1px solid #ef7510; border-right: 1px solid #ef7510; text-decoration: underline; }
a.mnu2:active, .plnav a:active, .prnav a:active, .mnu2 a:active, .mnu3 li a:active { background:  #1e48c1 url(../image/idx.jpg) repeat-x 0 -99px; color: #f1f1f1; }
a.sbmt, a.sbmt:visited, form input.sbmt { background: transparent url(../image/idx.jpg) repeat-x 0 0; border: 2px outset #e0ede1; border-radius: 6px; color: #0f11ff; display: inline;  text-align: center; text-decoration: none; width: auto; }
a.sbmt:hover, form input.sbmt:hover, a.sbmt:focus, form input.sbmt:focus { background: #ff0 url(../image/idx.jpg) repeat-x 0 -33px; border: 2px outset; border-left-color: #ffa702; border-bottom-color: #ff4d09; border-right-color: #ff4d09; border-top-color: #ef7510; color: #008; text-decoration: underline; }
a.sbmt:active, form input.sbmt:active { background:  #1e48c1 url(../image/idx.jpg) repeat-x 0 -99px; border: 2px inset #4681b5; color: #f1f1f1; }
.fw5 li a { text-align: left; }
.ltftr a { border-radius: 7px; }
.thlt a, .bxlnk a, dl.mnu1 dd a { display: block; line-height: 1.5; }
.thlt a:visited { background: transparent; color: #e47090; }
.thlt a:hover, .thlt a:focus { background: transparent url(../image/thlt.gif) 0 0 no-repeat; text-decoration: none; }
.thlt a:active { background: transparent url(../image/thlt.gif) 0 -39px no-repeat; color: #f1f1f1; text-decoration: underline; }
#sdnavdn a {font: 0.85em/1.1 Arial,Helvetica,sans-serif; margin: 0; position: fixed; bottom: 10px; left: 5px; z-index: 1; }
#sdnavup a {font: 0.85em/1.1 Arial,Helvetica,sans-serif; margin: 0; position: fixed; top: 10px; left: 5px; z-index: 2; }
#srchbx { float: right; }
#srchbx form input.sbmt { font: normal 0.9em/1 Arial, Helvetica, sans-serif; margin: 0; padding: 1px 4px; }
#modalContent { overflow-y: auto; pointer-events: none; }
.modal { align-items: center; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; display: flex!important; z-index: 999; }
.modal-body{ background: #BCF2C9 url(../image/hband7.jpg) fixed; height: 100%; justify-content: center; margin: 0 auto; max-height: calc(100vh - 8rem); padding: 10px 5px; overflow: auto; width: 100%;}
.modal-content { border: 3px groove #060; border-radius: 10px; top: 0; left: 0; text-align: center; }
.modal-dialog { max-height: 90%; max-width: 90%;  }
.modal-header, .modal-footer { background: #cfc; color: #060; margin: 0; padding: 5px; }
.modal.hidden { display: none!important; }
.modal-title { margin: 0 auto; padding: 0 35px; text-align: center; }