html {width: 100%; height: 100%; margin: 0; padding: 0; }
body {background-color: #151619; text-align: left; margin: 0; padding: 0; color: black; font: 1em/1em Helvetica, Arial, sans-serif; height: 100%; }
div {position: absolute; }
div a {display: block; position: absolute; }
span {display: none; }
p a {display: inline; position: relative; }
a {color: #3072e9; }
a:hover {color: #80a4ff; }
a:active {color: #2a00ff; }
:active, :focus {outline: none; -moz-outline: none ! important; }
h1 {z-index: 4; font: 1.2em/1.2em "Century Gothic", Helvetica, Arial, sans-serif; color: #416ee2; }
h2 {z-index: 4; font: 1em/1.1em "Century Gothic", Helvetica, Arial, sans-serif; color: #416ee2; }
h3 {z-index: 4; font: .75em/1.1em "Century Gothic", Helvetica, Arial, sans-serif; color: #416ee2; }
h4 {z-index: 4; font: 0.9em/.9em "Century Gothic", Helvetica, Arial, sans-serif; color: #416ee2; margin-top: 2em; }
h5 {position: relative; z-index: 4; float: left; font: 1.2em/1.2em "Century Gothic", Helvetica, Arial, sans-serif; color: #416ee2; margin: 11px 12px 4px 12px; }
h6 {position: relative; z-index: 5; font: .9em/2em "Century Gothic", Arial, Helvetica, sans-serif; color: #00072b; margin: 6px 12px 4px 12px; }

#background {position: absolute; width: 100%; height: 100%; left: 0; }
#background div {left: 0; top: 0; position: fixed; width: 100%; height: 100%; z-index: 1; }
#page {position: relative; margin: 0 auto; width: 872px; top: 0; z-index: 2; }
.anchor a {position: absolute; width: 2px; height: 2px; background: none; }

.container {position: relative; }

.currentpage a {font-weight: bold !important; }

#shadow-top {top: 0; left: 0; width: 872px; height: 71px; background: url('images/shadow-top.png'); z-index: 5; }
#shadow-left {left: 0; top: 71px; width: 37px; height: 292px; background: url('images/shadow-left.png'); z-index: 5; }
#shadow-right {right: 0; top: 71px; width: 37px; height: 292px; background: url('images/shadow-right.png'); z-index: 5; }
#shadow-bottom {position: relative; width: 872px; height: 74px; background: url('images/shadow-bottom.png'); z-index: 5; }

#top-spacer {width: 800px; height: 10px; position: relative; }
#top-anchor a {position: absolute; width: 2px; height: 20px; background: none; z-index: 0; }
#top-block {width: 800px; left: 36px; position: relative; height: 353px; z-index: 3; }
#neptune-strip {top: 0; left: 0; width: 800px; height: 74px; background: url('images/neptune-strip.jpg'); }
#logo-link a {position: absolute; top: 15px; left: 45px; width: 500px; height: 62px; z-index: 7; }

#divider-top {width: 800px; height: 9px; top: 109px; left: 0; background: url('images/divider-top.jpg'); z-index: 3; }
#divider-bottom {width: 800px; height: 9px; top: 318px; left: 0; z-index: 3; background: url('images/divider-bottom.jpg'); }
#main-image {width: 800px; height: 200px; top: 118px; left: 0; z-index: 3; }

#caption-bar {width: 800px; height: 26px; top: 327px; left: 0; background: url('images/caption-bar.jpg'); overflow: hidden; z-index: 4; }
#caption-bar ul {margin: 0 0 0 32px; padding: 0; list-style: none; list-style-image: none; }
#caption-bar ul li {display: inline; }
#caption-bar ul li a {position: relative; float: left; padding: 7px 1.8em 12px 0; font: .8em/.8em "Century Gothic", Arial, Helvetica, sans-serif; color: white; text-decoration: none; text-shadow: black 0 2px 4px; }
#caption-bar ul li a:hover {color: #00d8ff; }
#caption-bar ul li a:active {color: black; }

#content-section {position: relative; width: 872px; min-height: 360px; overflow: hidden; background: url('images/content-background.png'); }
.main-text {position: relative; width: 540px; margin: 14px 10px 24px 68px; float: left; }
.schedule-text {position: relative; width: 412px; margin: 14px 10px 24px 68px; float: left; }
.news-text {position: relative; width: 560px; margin: 14px 10px 24px 68px; float: left; }
.main-text p, p, .news-text p {font: .8em/1.2em Arial, Helvetica, sans-serif; color: black; }
.side-column {position: relative; width: 180px; margin: 14px 0 24px 12px; float: left; }
.news-column {position: relative; width: 158px; margin: 14px 0 24px 12px; float: left; }
.side-column p, .news-column p {margin-bottom: -5px; font: .75em/1.2em Arial, Helvetica, sans-serif; color: black; }
#contact-form {font: .8em/1.2em Arial, Helvetica, sans-serif; color: black; }

.small-image-box {position: relative; float: left; margin: 10px 0 10px 0; width: 543px; height: 212px; }
.small-image-box .image {width: 403px; height: 212px; z-index: 3; }
.small-image-box .caption {right: 0; width: 137px; height: 212px; background: url('images/small-image-blue.png'); overflow: hidden; }
.small-image-box .caption p {position: absolute; top: 0; left: 0; margin: 10px; font: .7em/1.3em "Century Gothic", Helvetica, Arial, sans-serif; color: white; width: 117px; height: 192px; overflow: hidden; }

.plain-image-box {position: relative; float: left; margin: 10px 0 10px 0; width: 543px; }
.plain-image-box .image {width: 543px;  z-index: 3; }
img {display: block; }

.top-left-corner {top: 0; left: 0; width: 15px; height: 15px; background: url('ie/tlcnr.png'); z-index: 5; }
.bottom-left-corner {bottom: 0; left: 0; width: 15px; height: 15px; background: url('ie/blcnr.png'); z-index: 5; }
.top-right-corner {top: 0; right: 0; width: 15px; height: 15px; background: url('ie/trcnr.png'); z-index: 5; }
.bottom-right-corner {bottom: 0; right: 0; width: 15px; height: 15px; background: url('ie/brcnr.png'); z-index: 5; }

.fleet-box-big {position: relative; clear: both; margin: 24px 68px 24px 68px; overflow: hidden; width: 736px; height: 324px; }
.fleet-box-big a {color: #00d8ff !important }
.fleet-box-big a:hover {color: white !important; }
.fleet-box-big a:active {color: black !important; }
.fleet-box-image-big {width: 488px; height: 324px; left: 0; z-index: 3; overflow: hidden; }
.fleet-box-big-caption {width: 245px; height: 324px; right: 0; background: url('images/big-box-blue.jpg'); z-index: 3; }
.fleet-box-big-caption ul {position: relative; font: .8em/1.8em Arial, Helvetica, sans-serif; padding: 0; list-style: none; list-style-image: none; z-index: 5; margin: 0 12px 0 12px; color: white; }
#column1 {clear: both; }

.vessel-box .column {position: relative; width: 221px; float: left; z-index: 3; margin: 0 12px 0 12px; }
.vessel-box p {position: relative; clear: both; z-index: 5; font: .8em/1.8em Arial, Helvetica, sans-serif; color: black; display: none !important; }
.vessel-box th, .vessel-box td {width: 221px; border-right: solid #959bac 1px; }
.vessel-box h5 {margin: 0 !important; line-height: 1.2em !important; }
.vessel-tables {position: relative; z-index: 5; clear: both; }
.vessel-box ul {position: relative; font: .8em/1.8em Arial, Helvetica, sans-serif; padding: 0; margin: 0; list-style: none; list-style-image: none; }
.vessel-box ul li, .fleet-box-big ul li, contact-box ul li, table ul li {list-style: none; list-style-image: none; }

.email-box {position: relative; clear: both; background: #fafbfc; margin: 12px 0 12px 0; overflow: hidden; width: 100%; min-height: 82px; }
.email-box table {clear: both; margin: 1px 12px 12px 12px; border-spacing: 0px; border-collapse: collapse; font: .8em/1em Arial, Helvetica, sans-serif; color: black; }
.email-box p {margin: 12px 30px 12px 12px; }

.schedule-box, .vessel-box {position: relative; clear: both; background: #fafbfc; margin: 12px 68px 12px 68px; overflow: hidden; width: 736px; }
.schedule-box p {clear: both; font: .8em/1.2em Arial, Helvetica, sans-serif; color: black; margin: 12px; z-index: 4; }
.schedule-box table, .vessel-box table {clear: both; margin: 1px; border-spacing: 0px; border-collapse: collapse; width: 100%; }
.schedule-box th {font: .8em/1em Helvetica, Arial, sans-serif; color: #2e47b2; font-weight: bold; border-bottom: solid #a5aab4 2px; }
.schedule-box td {font: .8em/1em Arial, Helvetica, sans-serif; color: black; border-bottom: solid #d6d8db 1px; }
.tables {top: 2px; position: relative; z-index: 5; clear: both; }

.contact-box {position: relative; clear: both; background: #fafbfc; margin: 12px 68px 24px 68px; overflow: hidden; width: 736px; }
.contact-people {float: left; position: relative; width: 497px; z-index: 6; }
.contact-people ul {position: relative; clear: both; z-index: 7; font: .8em/2em Arial, Helvetica, sans-serif; color: black; list-style: none; list-style-image: none; padding: 12px 0 0 0; margin: 12px;}
.contact-office {float: right; position: relative; width: 238px; z-index: 5; overflow: hidden; }
.contact-office ul {position: relative; clear: both; z-index: 5; font: .8em/1.3em Arial, Helvetica, sans-serif; color: black;  list-style: none; list-style-image: none; padding: 0; margin: 12px;}
.contact-office-top {width: 238px; height: 64px; right: 0; top: 0; z-index: 4; background: url('images/contact-office-top.png'); }
.contact-office-middle {width: 238px; height: 100%; right: 0; top: 0; z-index: 3; background: url('images/contact-office-middle.png'); border-left: solid 3px #959bac; }
.contact-office-bottom {width: 238px; height: 65px; bottom: 0; right: 0; z-index: 4; background: url('images/contact-office-bottom.png'); }

.contact-container {width: 736px; position: relative; z-index: 5; }
.fleet-container {width: 736px; position: relative; z-index: 6; }

.schedule-box ul a, .fleet-box ul a, .vessel-box ul a, .contact-box ul a, table ul li a {display: inline; position: relative; }

.box-top-left-corner {width: 41px; height: 41px; top: 0; left: 0; background: url('images/rounded-box-corners.gif') 0 0; z-index: 2; }
.box-top-edge {width: 100%; height: 41px; top: 0; left: 0; background: url('images/rounded-box-vertical.gif') 0 0; z-index: 1; }
.box-top-right-corner {width: 41px; height: 41px; top: 0; right: 0; background: url('images/rounded-box-corners.gif') -41px 0; z-index: 2; }
.box-left-edge {width: 41px; height: 100%; top: 0; left: 0; background: url('images/rounded-box-horizontal.gif') 0 0; z-index: 1; }
.box-right-edge {width: 41px; height: 100%; top: 0; right: 0; background: url('images/rounded-box-horizontal.gif') -41px 0; z-index: 1; }
.box-bottom-left-corner {width: 41px; height: 41px; bottom: 0; left: 0; background: url('images/rounded-box-corners.gif') 0 -41px; z-index: 2; }
.box-bottom-edge {height: 41px; bottom: 0; left: 0; width: 100%; background: url('images/rounded-box-vertical.gif') 0 -41px; z-index: 1; }
.box-bottom-right-corner {width: 41px; height: 41px; bottom: 0; right: 0; background: url('images/rounded-box-corners.gif') -41px -41px; z-index: 2; }

#link-box {position: relative; width: 300px; background: url('images/link-box-background.gif'); float: left; margin: 45px 0 24px 14px; }
#link-box-top {top: 0; width: 300px; height: 38px; background: url('images/link-box-top.gif'); z-index: 1; }
#link-box-bottom {bottom: 0; width: 300px; height: 28px; background: url('images/link-box-bottom.gif'); z-index: 1; }
#link-text {position: relative; z-index: 2; width: 300px; margin: 12px 0 12px 0; padding: 0; }
#link-text a {display: block; position: relative; text-align: center; }
#link-box ul {margin: 0; color: #00072b; font: .8em/1.6em "Century Gothic", Arial, Helvetica, sans-serif; text-align: center; z-index: 2; }
#link-box ul, #link-box ul li {padding; 0; list-style: none; list-image-style: none; list-style-type: none; display: block; text-align: center; }

#link-box p a {color: #00072b; font: .9em/1.3em "Century Gothic", Arial, Helvetica, sans-serif; text-decoration: underline; }
#link-box p a:hover {color: #3072e9; }
#link-box p a:active {color: #2e47b2; }

#fleet-text {width: 94px; height: 18px; top: 207px; right: 82px; z-index: 5; background: url('images/fleet-text.gif'); overflow: hidden; background-repeat: no-repeat;}
#home-text {width: 212px; height: 20px; top: 210px; right: 48px; z-index: 5; background: url('images/home-text.gif'); overflow: hidden; background-repeat: no-repeat;}
#news-text {width: 282px; height: 22px; top: 209px; right: 80px; z-index: 5; background: url('images/news-text.gif'); overflow: hidden; background-repeat: no-repeat;}

#conditions-box {position: relative; width: 175px; background: url('images/conditions-box-background.gif'); float: left; margin: 24px 0 12px 0; }
#conditions-box-top {top: 0; width: 175px; height: 38px; background: url('images/conditions-box-top.gif'); z-index: 1; }
#conditions-box-bottom {bottom: 0; width: 175px; height: 28px; background: url('images/conditions-box-bottom.gif'); z-index: 1; }
#conditions-text {position: relative; z-index: 2; }
#conditions-heading {text-align: center; font-size: .8em !important; }
#conditions-box p {margin: 9px 6px 12px 6px; color: #00072b; font: .8em/1.3em "Century Gothic", Arial, Helvetica, sans-serif; text-align: center; z-index: 2; }

#conditions-box p a {color: #00072b; font: .9em/1.3em "Century Gothic", Arial, Helvetica, sans-serif; text-decoration: underline; }
#conditions-box p a:hover {color: #3072e9; }
#conditions-box p a:active {color: #2e47b2; }

.small-contact-box {position: relative; float: left; background: #fafbfc; margin: 7px 14px 7px 0; overflow: hidden; width: 236px; left: 68px; }
.small-contact-box p {position: relative; color: #00072b; font: .75em/1.2em Arial, Helvetica, sans-serif; z-index: 4; margin: 0 12px 12px 12px; }
.small-contact-box .container {z-index: 3; }

.side-button {width: 158px; height: 87px; position: relative; float: right; margin: 12px 0 12px 0; }
.small-spacer {width: 158px; height: 1px; position: relative; clear: both; }

.more-info-link a {top: 304px; left: 545px; width: 130px; height: 20px; background: url('images/more-information.gif') 0 0; z-index: 8; }
.more-info-link a:hover {background-position: 0 -20px; }
.more-info-link a:active {background-position: 0 -40px; }
.button-fixer {z-index: 7; }


#button-fixer {display: none; }
/* Remove Print Button





#button-fixer {float: left; position: relative; left: 54px; top: 24px; width: 130px; height: 34px; z-index: 5; margin: 1px; }

#print-button a {width: 130px; height: 34px; background: url('images/print-version.png') 0 0; }
#print-button a:hover {background-position: 0 -34px; }
#print-button a:active {background-position: 0 -68px; } */

#modern-ships-states a {width: 158px; height: 87px; background: url('images/modern-ships-states.gif') 0 0; z-index: 6; }
#modern-ships-states a:hover {background-position: 0 -87px; }
#modern-ships-states a:active {background-position: 0 -174px; }
#modern-ships-background {top: 1px; left: 1px; width: 156px; height: 85px; background: url('images/modern-ships-button.jpg'); z-index: 4; }

#flexible-services-states a {width: 158px; height: 87px; background: url('images/flexible-services-states.gif') 0 0; z-index: 6; }
#flexible-services-states a:hover {background-position: 0 -87px; }
#flexible-services-states a:active {background-position: 0 -174px; }
#flexible-services-background {top: 1px; left: 1px; width: 156px; height: 85px; background: url('images/flexible-services-button.jpg'); z-index: 4; }

#extensive-network-button a {top: 1px; left: 1px; width: 156px; height: 85px; background: url('images/extensive-network-button.jpg') 0 0; z-index: 5; }
#extensive-network-button a:hover {background-position: 0 -85px; }
#extensive-network-button a:active {background-position: 0 -170px; }

#global-services-button a {top: 1px; left: 1px; width: 156px; height: 85px; background: url('images/global-services-button.jpg') 0 0; z-index: 5; }
#global-services-button a:hover {background-position: 0 -85px; }
#global-services-button a:active {background-position: 0 -170px; }

#usl-button {top: 1px; left: 1px; width: 156px; height: 85px; background: url('images/usl-logo.jpg') 0 0; z-index: 5; }

#cma-cgm-button {top: 1px; left: 1px; width: 156px; height: 85px; background: url('images/cma-cgm-logo.jpg') 0 0; z-index: 5; }

#anl-button {top: 1px; left: 1px; width: 156px; height: 85px; background: url('images/anl-logo.jpg') 0 0; z-index: 5; }

#newsletter-button a {top: 1px; left: 1px; width: 156px; height: 85px; background: url('images/newsletter-button.gif') 0 0; z-index: 5; }
#newsletter-button a:hover {background-position: 0 -85px; }
#newsletter-button a:active {background-position: 0 -170px; }

#footer {width: 518px; height: 22px; z-index: 8; position: relative; margin: 0 auto; bottom: 68px; }
#copyright {left: 0; width: 183px; height: 22px; background: url('images/footer.gif') 0 0; }

#footer-sergio a {left: 183px; width: 169px; height: 22px; background: url('images/footer.gif') -183px 0; }
#footer-sergio a:hover {background-position: -183px -22px; }
#footer-sergio a:active {background-position: -183px -44px; }

#footer-contact-us a {left: 352px; width: 77px; height: 22px; background: url('images/footer.gif') -352px 0; }
#footer-contact-us a:hover {background-position: -352px -22px; }
#footer-contact-us a:active {background-position: -352px -44px; }

#back-to-top a {left: 429px; width: 89px; height: 22px; background: url('images/footer.gif') -429px 0; }
#back-to-top a:hover {background-position: -429px -22px; }
#back-to-top a:active {background-position: -429px -44px; }

.menu-bar {top: 74px; left: 0px; width: 800px; height: 35px; padding-bottom: 200px; z-index: 7; }
.menu-bar ul {padding:0;margin:0;list-style-type:none; height:35px; background:transparent; font: .9em/3em "Century Gothic", Arial, Helvetica, sans-serif; color: white; text-shadow: #244176 0 2px 4px; }
.menu-bar ul ul {width:15em; }
.menu-bar ul li {position: relative; float:left;height:35px;line-height:35px; display:block; }
.menu-bar ul ul li {display:block;width:12em;height:auto; line-height:1em;}
 #home-link, #home-link-c {top: 0; left: 0; }
 #about-us-link, #about-us-link-c {top: 0; left: 96px; }
 #services-link, #services-link-c {top: 0; left: 212px; }
 #schedules-link, #schedules-link-c {top: 0; left: 323px; }
 #containers-link, #containers-link-c {top: 0; left: 454px; }
 #fleet-link, #fleet-link-c {top: 0; left: 590px; }
 #contact-link, #contact-link-c {top: 0; left: 673px; }

.menu-bar #home-link-c .section {width: 97px; height: 35px; background: url('images/menu-bar.png') 0 -70px; z-index: 4; }
.menu-bar #home-link .section {width: 97px; height: 35px; background: url('images/menu-bar.png') 0 0; z-index: 3; }
.menu-bar #home-link .section:hover {background-position: 0 -35px; z-index: 5; }
.menu-bar #home-link .section:active {background-position: 0 -70px; z-index: 5; }

.menu-bar #about-us-link-c .section {width: 117px; height: 35px; background: url('images/menu-bar.png') -557px -70px; z-index: 4; }
.menu-bar #about-us-link .section {width: 117px; height: 35px; background: url('images/menu-bar.png') -557px 0; z-index: 3; }
.menu-bar #about-us-link .section:hover {background-position: -557px -35px; z-index: 5; }
.menu-bar #about-us-link .section:active {background-position: -557px -70px; z-index: 5; }

.menu-bar #services-link-c .section {width: 112px; height: 35px; background: url('images/menu-bar.png') -96px -70px; z-index: 4; }
.menu-bar #services-link .section {width: 112px; height: 35px; background: url('images/menu-bar.png') -96px 0; z-index: 3; }
.menu-bar #services-link .section:hover {background-position: -96px -35px; z-index: 5; }
.menu-bar #services-link .section:active {background-position: -96px -70px; z-index: 5; }

.menu-bar #schedules-link-c .section {width: 132px; height: 35px; background: url('images/menu-bar.png') -207px -70px; z-index: 4; }
.menu-bar #schedules-link .section {width: 132px; height: 35px; background: url('images/menu-bar.png') -207px 0; z-index: 3; }
.menu-bar #schedules-link .section:hover {background-position: -207px -35px; z-index: 5; }

.menu-bar #containers-link-c .section {width: 137px; height: 35px; background: url('images/menu-bar.png') -338px -70px; z-index: 4; }
.menu-bar #containers-link .section {width: 137px; height: 35px; background: url('images/menu-bar.png') -338px 0; z-index: 3; }
.menu-bar #containers-link .section:hover {background-position: -338px -35px; z-index: 5; }
.menu-bar #containers-link .section:active {background-position: -338px -70px; z-index: 5; }

.menu-bar #fleet-link-c .section {width: 84px; height: 35px; background: url('images/menu-bar.png') -474px -70px; z-index: 4; }
.menu-bar #fleet-link .section {width: 84px; height: 35px; background: url('images/menu-bar.png') -474px 0; z-index: 3; }
.menu-bar #fleet-link .section:hover {background-position: -474px -35px; z-index: 5; }
.menu-bar #fleet-link .section:active {background-position: -474px -70px; z-index: 5; }

.menu-bar #contact-link-c .section {width: 127px; height: 35px; background: url('images/menu-bar.png') -673px -70px; z-index: 4; }
.menu-bar #contact-link .section {width: 127px; height: 35px; background: url('images/menu-bar.png') -673px 0; z-index: 3; }
.menu-bar #contact-link .section:hover {background-position: -673px -35px; z-index: 5; }

.menu-bar ul ul a, .menu-bar ul ul a:visited {text-decoration: none; position: relative; display:block;background:#6485d2 url('images/ice-menu.jpg') 0 0; color:black;width:12em;height:100%; padding: 1em; border-bottom: solid #becce8 1px; border-left: solid white 1px; border-right: solid #687faf 1px; }
.menu-bar ul #contact-col a, .menu-bar ul #contact-col a:visited {width: 102px !important; border-width: 0 0 1px 1px !important; padding: 12px !important; }

* html .menu-bar ul ul a, * html .menu-bar ul ul a:visited  {width:14em; w\idth:12em;}
* html .menu-bar ul #contact-col a, * html .menu-bar ul #contact-col a:visited  {width:126px !important; w\idth:102px !important;}

.menu-bar table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}

.menu-bar ul ul ul a, .menu-bar ul ul ul a:visited {background:#b4be9c url('images/ice-menu.jpg');}
.menu-bar ul ul ul ul a, .menu-bar ul ul ul ul a:visited {background:#c4ceac url('images/ice-menu.jpg');}
.menu-bar ul :hover a.sub1 {background: url('images/ice-menu.jpg') 0 -99px;}
.menu-bar ul :active a.sub1 {background-position: 0 -198px; }
.menu-bar ul ul :hover a.sub2 {background: url('images/ice-menu.jpg') 0 -99px;}
.menu-bar ul ul :active a.sub2 {background-position: 0 -198px; }

* html .menu-bar ul ul a:hover{color:#2d50c4;background: url('images/ice-menu.jpg') 0 -99px;position:relative; z-index:110;}
* html .menu-bar ul ul a:active{color:black; background-position: 0 -198px; }
.menu-bar ul ul li:hover {position:relative;}
.menu-bar ul ul :hover > a {color:#2d50c4;background: url('images/ice-menu.jpg') 0 -99px;}
.menu-bar ul ul :active > a {color:black; background-position: 0 -198px;}
* html .menu-bar ul ul ul a:hover {background: url('images/ice-menu.jpg') 0 -99px;position:relative; z-index:120;}
.menu-bar ul ul ul :hover > a {background: url('images/ice-menu.jpg') 0 -99px;}
.menu-bar ul ul ul :active > a {background-position: 0 -198px;}
.menu-bar ul ul ul ul a:hover {background: url('images/ice-menu.jpg') 0 -99px;position:relative; z-index:130;}
.menu-bar ul ul ul ul a:active {background-position: 0 -198px; }

.menu-bar ul ul {visibility:hidden;position:absolute;height:0;top:35px; left:0; width:14em;}

.menu-bar ul ul ul{left:12em;top:0;width:14em;}

.menu-bar ul :hover ul{visibility:visible; height:auto; padding:0 35px 35px 35px; background:transparent url(images/trans.gif); left:-35px;}
.menu-bar ul :hover ul ul{visibility:hidden;}
.menu-bar ul :hover ul :hover ul ul{visibility:hidden;}
.menu-bar ul :hover ul :hover ul{visibility:visible; left:9em;}
.menu-bar ul :hover ul :hover ul :hover ul {visibility:visible;}