/* ----------------------------------- Main Matson Stylesheet Website: Matson.com Authors: Jason Nguyen / Rico Lavender =================================== Revised Authors: Jason Nguyen Date : 9/22/2010 - 04/17/2012 ------------------------------------- */ /* Imports */ @import url("forms.css"); @import url("text.css"); @import url("colors_borders.css"); @import url("newsbox.css"); /* Reset some default styling in common (x)html browsers */ :link,:visited{text-decoration:none}h1,h2,h3,h4,h5,h6,pre,code{font-size:1em}a,a img,:link img,:visited img{border:none;outline:none;}address{font-style:normal} /* ----------------------------------- Headings, Anchors & Lists ------------------------------------- */ h1, h2, h3 {font-weight:700;margin:0;padding:0;text-align:left} h1 {font-size:12pt;padding:13px 0 22px;*padding:18px 0 22px} h2 {font-size:9pt;padding:0 0 12px} h3 {font-size:8pt;font-style:italic;padding:0 0 2px} ul, ol {color:#000;font-size:8pt;margin:0 0 11px;padding:0 0 0 37px;} li {padding:0 0 0 3px;line-height:1.27em;} ul ul{margin:0 0 0 5px;padding:0 0 0 36px;} br {line-height:.5em} .normal_link a:link {font-weight:400} .breadcrumb, .breadcrumb a:link, .breadcrumb a:visited {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:8pt;font-weight:400} /* ----------------------------------- Specific Targeted Pages ------------------------------------- */ /*root - index.html*/ #home-content {padding:8px 0 0 15px} #home-content p {margin:0;padding:0} #home-content h2 {border-bottom: 1px solid #fff} #home-content h2 span {border-bottom:1px solid #2CBCFF; display:block; width:86.8%; float:right;margin-top: -3px;*margin-top:-17px} #home-content h2 {margin:0;padding:0;} #home-content h4 {margin:15px 0 10px;padding:0;} #home-content .row div {float:left; width:230px} #home-content .row img {float:right;} #home-content .row .rt-col {padding-left:32px} #home-content .row p img#phg{margin-top:15px} /*root - terms_and_conditions.html*/ .content1 a:visited, .content1 p a {font-weight:normal} .content1 p {line-height:1.7em;} /*corporate - corp_background.html*/ td.corp p {margin:0 0 12px} td.corp ul {margin:0} td.corp ul li{margin:0 0 12px;} td.corp ul h3 {line-height:1.5em;padding:0 0 5px} /*matnav - schedules/index.html*/ ul.vessel li a {font-weight:400;} /*china - Contacts.html*/ td.cn_contact h2 {margin:0 0 10px;} /* ----------------------------------- Structure ------------------------------------- */ html {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif} body, p {color:#000;font-size:8pt;line-height:130%;margin:2px 0 0 8px;white-space:normal} p {margin:0 0 17px;line-height:1.23em} .content {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:8pt;line-height:130%} .content img {padding:0 0 10px 10px} .footer, .footer a:link, .footer a:visited, .footer a:hover {background-color:#039;color:#fff;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:8pt;font-weight:400;padding:5px 3px} /* ----------------------------------- Side Navigation ------------------------------------- */ .nav,.nav a:link,.nav a:visited,ul.nav{color:#999;font-weight:700;padding:3px 0} .navTitle{color:#039;font-size:10pt;font-weight:700;padding:3px 0} .navMenu{color:#999;font-size:8pt;padding:3px 0 3px 15px} .navSub{color:#999;font-size:7pt;padding:3px 0 3px 33px} .nav table {margin:5px 0 0 10px;*margin:5px 0 0 -10px;} .navSub-gray{background-color:#efefef;border-color:#CCC;border-style:solid;border-width:1px;color:#999;font-size:7pt !important;font-weight:700;/*line-height:2em;margin-left:0;padding-left:0*/} td.navSub-gray{font-size:5pt} td.navSub-gray ul{list-style:none;padding:0;font-size:7pt;width:178px;} td.navSub-gray ul li{padding:3px 5px;line-height:1.18em;} ul.nav,ul.navSub-gray{list-style:none;margin:0.5em} ul.nav ul li{padding:0;line-height:2.47em;} li.navTitle,li.navMenu,li.navSub{font-weight:700;list-style:none;margin:0 .5em} #arrow {color:#999;font-size:8pt;list-style-image:url("../images/Sidebullet.jpg");margin:3px 0 3px 21px;padding:0} #arrow ul li,#arrow ul .navMenu {list-style-image:none;list-style-type:none;margin:0} ul.sidemenu {margin:0 0 5px 16px;padding:0;} ul.sidemenu li.navMenu {margin:0;padding:0;line-height:1.8em;} ul.sidemenu li#arrow {margin:0} /* online forms */ ul#forms-sidenav {padding:0;margin:0 0 0 20px} ul#forms-sidenav li ul {padding:0;margin:0 0 0 10px} /* China ges page */ .ges-cn-box{border:#005da3 2px solid;margin:20px 0 10px;padding:0;overflow:hidden} .ges-cn-box h2{margin:0;padding:20px 20px 0;text-align:center} .ges-cn-box p{text-align:center;margin:0;padding:20px 20px 0} .ges-cn-box img{border-right:#005da3 2px solid;float:left;margin:0 20px 0 0;padding:0;height:138px;width:154px;overflow:hidden} .cn-sched-clx1, .cn-sched-clx2 {font-size:.8em;float:left;margin:0 0 10px;overflow:hidden;width:250px} .cn-sched-clx2 {float:right} .cn-sched-clx1 table, .cn-sched-clx2 table {border:#005DA3 solid 2px;margin:0;border-spacing:0;border-collapse:collapse;width:100%;} .cn-sched-clx1 table th, .cn-sched-clx2 table th {background:#005DA3;border:#005DA3 solid 2px;border-spacing:0;color:#fff;font-size:.9em} .cn-sched-clx1 table tr, .cn-sched-clx2 table tr {border-spacing:0;text-align:center} .cn-sched-clx1 table tr.even, .cn-sched-clx2 table tr.even {background:#e4e8f3} .cn-sched-clx1 table td.mid, .cn-sched-clx2 table td.mid {border-right:#005DA3 solid 2px;border-left:#005DA3 solid 2px;padding:2px;} .cn-sched-clx1 table td.txtleft, .cn-sched-clx2 table td.txtleft {text-align:left;padding:0 5px;} .cn-sched-clx1 h2, .cn-sched-clx2 h2 {font-style:italic;margin:10px 0;padding:0;text-align:center} .cn-sched-clx1 h2 span, .cn-sched-clx2 h2 span {background:#fff;border:5px solid #fff; font-style:italic} .cn-sched-clx1 h2 {background:url(../images/matnav/gold_f89c1e.jpg) repeat-x center} .cn-sched-clx2 h2 {background:url(../images/matnav/red_ea2939.jpg) repeat-x center} .cn-sched-clx1 h3, .cn-sched-clx2 h3 {font-style:normal;color:#005DA3;margin:10px 0 2px;padding:0 0 0 15px;} .cn-sched-clx1 h3 {background:url(../images/matnav/orange-arrow.gif) no-repeat left} .cn-sched-clx2 h3 {background:url(../images/matnav/red-arrow.gif) no-repeat left} h2.ges-black {margin:0;padding:10px 0;text-align:center} p.ges-blue {color:#005DA3;text-align:center} /* ----------------------------------- Misc Styles ------------------------------------- */ ol.po-terms li {margin:0 0 10px} .portHeader, .whiteText, td.cn_contact h2/*china - Contacts.html*/ {background-color:#A9B6BE;color:#fff;font-weight:700;padding:2px;text-align:center} .returnTop {border-top-color:#CCC;border-top-style:solid;border-top-width:thin;color:#039;font-size:7pt;font-weight:700;margin:20px 0;text-align:right;} .copyright {color:#fff;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:7pt;padding-left:5px} .cleaner {clear:both;font-size:0;height:0;line-height:0} /*Clear and clean floats*/ .f-left img {margin:40px 0 0 18px;*margin:60px 0 0 18px;} body a.print, h2 a.print{color:#999;font:normal 12px arial;float:right;opacity:.5;margin: 10px 0 0;letter-spacing:normal} a.print:hover{color:#999;opacity:1} table#logistics-leftnav td span {font-weight:bold; padding:8px 0 0 13px; display:block;} /* vess schedule */ #vessle-search { margin:0 0 0 14px;width:745px;min-height:600px} #vessle-search h2 {background: url(img/h2-bg.png) repeat-x top;font-size:2em;padding:0;line-height:1em;font-weight:100;letter-spacing:-1px;padding:10px;} #vessle-search h2 span {font-size:.6em; font-weight:bold} #vess-search td span {margin:0} #vess-search td span.right {float:right;text-align:left;width:30px}/*direction - eg. E*/ #vess-search td span.right2 {float:right;text-align:left;width:44px}/*time - eg. 18:00*/ #vess-search td span.left {float: left;text-align: right;width: 70px;}/*vessel eg. MANOA- */ #vess-search td span.left2 {float: left;text-align: right;width: 44px;}/*day eg. Fri*/ #tbl-hdr-detail {color:#999;font-size: 0.8em;left: 40px;position: absolute;top: 343px;} #tbl-hdr-detail span {float:left;text-indent:-9999px;width:116px;margin:10px 0 0} #tbl-hdr-detail span.arrive {margin: 10px 0 0 32px} #tbl-hdr-detail span.vessel {margin: 10px 0 0 15px;width:157px} #tbl-hdr-detail span.vessel:hover, #tbl-hdr-detail span.depart:hover, #tbl-hdr-detail span.arrive:hover { text-indent:0} /* vess schedule details */ #details {overflow:hidden} #details table {border:none;border-bottom:1px solid #ddd;font-family:arial, sans-serif;font-size:.85em;width:883px; margin:1px 1px 20px; padding:0; } #details .right {text-align:right} #details h2 {font-family:arial, sans-serif;font-size:1em;margin:0 0 0 10px} #details .left{text-align:left} #details .center {text-align:center} #details .title th {color:#000;background:#87B6D9;font-size:1.5em;padding: 8px;text-shadow: 0 0 1px #fff} #details .title tr th span{color:#fff;text-shadow: -1px -1px 0 #000;} #details table.title {border:none;} #details th {background:#D4E7F5;font-size:1.1em;padding:5px} #details table td {padding:5px} #details table#summary-1 td {width:25%} #details table#summary-2 td {width:25%;;text-align:center} #details table#summary-2 td span {width:30%;display:inline-block;padding:0 10px} #details table#summary-2 td span.left{text-align:right;} #details table#summary-2 td span.right{text-align:left;} #details table#cutoff th, #details table#cutoff td, #details table#cutoff-2 th, #details table#cutoff-2 td {width: 100px} #details .striped {background:#eee} #details a {color:#1D5987} #details a:hover {text-decoration:underline} #details table th span {color:#fff} #details div {border:1px solid #fff;padding:10px 0} #details div:hover {background:#FAFAFA;border:1px solid #f1f1f1;} .opener{cursor:pointer; color:#1D5987} .opener:hover{text-decoration:underline} #progressbar{border:none;height: 19px;left: 300px;position: absolute;top: 500px;width: 220px;} #progressbar .ui-widget-header {border:none;background-color:#fff} /* ========================================================== Logistics Contact Map (logistics/about_us/contact_us.html) Author: Jason Nguyen Created: 07/22/2011 Last Revised: 11/10/2011 */ /* common div attributes */ #logistics-map #seattle,#logistics-map #portland,#logistics-map #sanfran,#logistics-map #la,#logistics-map #reno,#logistics-map #merrifield,#logistics-map #msp,#logistics-map #chicago,#logistics-map #indi,#logistics-map #dallas,#logistics-map #birm,#logistics-map #houston,#logistics-map #akron,#logistics-map #ne,#logistics-map #metro-ny-nj,#logistics-map #phili,#logistics-map #columbus,#logistics-map #charlotte,#logistics-map #atlanta,#logistics-map #savannah,#logistics-map #jacksonv, #logistics-map #boston {position:absolute} /* common icon attributes */ #logistics-map span#seattle-i,#logistics-map span#portland-i,#logistics-map span#sanfran-i,#logistics-map span#la-i,#logistics-map span#reno-i,#logistics-map span#merrifield-i,#logistics-map span#msp-i,#logistics-map span#chicago-i,#logistics-map span#indi-i,#logistics-map span#dallas-i,#logistics-map span#birm-i,#logistics-map span#houston-i,#logistics-map span#akron-i,#logistics-map span#ne-i,#logistics-map span#metro-ny-nj-i,#logistics-map span#phili-i,#logistics-map span#columbus-i,#logistics-map span#charlotte-i,#logistics-map span#atlanta-i,#logistics-map span#savannah-i,#logistics-map span#jacksonv-i, #logistics-map span#boston-i {display:block; position:absolute} /* map image */ #logistics-map {background: url('../images/mil_images/logisticsMap_legendOnly.jpg') no-repeat;height:375px;width:500px} /* icons/hover-state/position elements on map */ #logistics-map a#seattle {left:93px; top:81px;} #logistics-map span#seattle-i {background: url('../images/mil_images/icons/s_dls.png') no-repeat; height:13px; width:18px; left:136px; top:88px;} #logistics-map #seattle:hover span#seattle-i {background: url('../images/mil_images/icons/l_dls.png') no-repeat;} #logistics-map a#portland {left:82px; top:101px;} #logistics-map span#portland-i {background: url('../images/mil_images/icons/s_PortHousAkrAtl.png'); height:11px; width:24px; left:133px; top:102px;} #logistics-map #portland:hover span#portland-i {background: url('../images/mil_images/icons/l_PortHousAkrAtl.png') no-repeat;} #logistics-map a#sanfran {left:51px; top:137px; width:67px;} #logistics-map span#sanfran-i {background: url('../images/mil_images/icons/s_SFOakland.png') no-repeat; width:30px; height:24px; left:116px; top:151px;} #logistics-map #sanfran:hover span#sanfran-i {background: url('../images/mil_images/icons/l_SFOakland.png') no-repeat;} #logistics-map a#la {left:58px;top:194px; width:60px;} #logistics-map span#la-i {background: url('../images/mil_images/icons/s_longBeach.png') no-repeat; width:30px; height:24px; left:125px; top:195px;} #logistics-map #la:hover span#la-i {background: url('../images/mil_images/icons/l_longBeach.png') no-repeat;} #logistics-map a#reno {left:147px; top:140px;} #logistics-map span#reno-i {background: url('../images/mil_images/icons/s_dls.png') no-repeat;height: 13px;width: 18px; left:149px; top:155px;} #logistics-map #reno:hover span#reno-i {background: url('../images/mil_images/icons/l_dls.png') no-repeat;} #logistics-map a#merrifield {left:221px; top:128px;} #logistics-map span#merrifield-i {background: url('../images/mil_images/icons/s_dls.png') no-repeat; height:13px; width:18px; left: 278px; top: 135px} #logistics-map #merrifield:hover span#merrifield-i {background: url('../images/mil_images/icons/l_dls.png') no-repeat;} #logistics-map a#msp {left:248px; top:143px;} #logistics-map span#msp-i {background: url('../images/mil_images/icons/s_dls.png') no-repeat; height:13px; width:18px; left: 278px; top: 143px;} #logistics-map #msp:hover span#msp-i {background: url('../images/mil_images/icons/l_dls.png') no-repeat;} #logistics-map a#chicago {left:252px; top:171px;} #logistics-map span#chicago-i {background: url('../images/mil_images/icons/s_chicago.png') no-repeat; width: 29px; height:26px; left:297px; top:168px;} #logistics-map #chicago:hover span#chicago-i {background: url('../images/mil_images/icons/l_chicago.png') no-repeat;} #logistics-map a#indi {left: 257px; top: 195px;} #logistics-map span#indi-i {background: url('../images/mil_images/icons/s_dls.png') no-repeat;height: 13px;width: 18px; left: 320px; top: 185px;} #logistics-map #indi:hover span#indi-i {background: url('../images/mil_images/icons/l_dls.png') no-repeat;} #logistics-map a#dallas {left: 209px;top: 220px;} #logistics-map span#dallas-i {background: url('../images/mil_images/icons/s_dls.png') no-repeat;height: 13px;width: 18px; left: 249px;top: 226px;} #logistics-map #dallas:hover span#dallas-i {background: url('../images/mil_images/icons/l_dls.png') no-repeat;} #logistics-map a#birm {left: 270px;top: 216px;} #logistics-map span#birm-i {background: url('../images/mil_images/icons/s_dls.png') no-repeat;height: 13px;width: 18px; left: 308px;top: 232px;} #logistics-map #birm:hover span#birm-i {background: url('../images/mil_images/icons/l_dls.png') no-repeat;} #logistics-map a#houston {left:279px; top:263px;} #logistics-map span#houston-i {background: url('../images/mil_images/icons/s_PortHousAkrAtl.png') no-repeat; width:24px; height:11px; left:255px; top:264px;} #logistics-map #houston:hover span#houston-i {background: url('../images/mil_images/icons/l_PortHousAkrAtl.png') no-repeat;} #logistics-map a#akron {left: 332px;top: 163px;width: 30px;} #logistics-map span#akron-i {background: url('../images/mil_images/icons/s_PortHousAkrAtl.png') no-repeat; width:24px; height:11px; left:339px; top:178px;} #logistics-map #akron:hover span#akron-i {background: url('../images/mil_images/icons/l_PortHousAkrAtl.png') no-repeat;} #logistics-map a#ne {left: 414px; top: 153px; width:64px;} #logistics-map span#ne-i {background: url('../images/mil_images/icons/s_dls.png') no-repeat;height: 13px;width: 18px; left:401px; top:157px;} #logistics-map #ne:hover span#ne-i {background: url('../images/mil_images/icons/l_dls.png') no-repeat;} #logistics-map a#boston {left: 414px;top: 164px;} #logistics-map span#boston-i {background: url('../images/mil_images/icons/s_dls.png') no-repeat;height:13px;width:18px;left: 393px;top: 164px;} #logistics-map #boston:hover span#boston-i {background: url('../images/mil_images/icons/l_dls.png') no-repeat;} #logistics-map a#metro-ny-nj {left: 397px; top: 168px; width: 65px;} #logistics-map span#metro-ny-nj-i {background: url('../images/mil_images/icons/s_dls.png') no-repeat;height: 13px;width: 18px; left:384px; top:170px;} #logistics-map #metro-ny-nj:hover span#metro-ny-nj-i {background: url('../images/mil_images/icons/l_dls.png') no-repeat;} #logistics-map a#phili {left: 390px;top: 183px;} #logistics-map span#phili-i {background: url('../images/mil_images/icons/s_dls.png') no-repeat;height: 13px;width: 18px; left:376px; top:180px;} #logistics-map #phili:hover span#phili-i {background: url('../images/mil_images/icons/l_dls.png') no-repeat;} #logistics-map a#columbus {left: 364px; top: 198px;} #logistics-map span#columbus-i {background: url('../images/mil_images/icons/s_dls.png') no-repeat;height: 13px;width: 18px; left:351px; top:205px;} #logistics-map #columbus:hover span#columbus-i {background: url('../images/mil_images/icons/l_dls.png') no-repeat;} #logistics-map a#charlotte {left: 364px; top: 213px;width: 63px;} #logistics-map span#charlotte-i {background:url('../images/mil_images/icons/s_dls.png') no-repeat;height: 13px; width:18px; left: 341px; top: 210px;} #logistics-map #charlotte:hover span#charlotte-i {background: url('../images/mil_images/icons/l_dls.png') no-repeat;} #logistics-map a#atlanta {left:358px; top:228px;} #logistics-map span#atlanta-i {background: url('../images/mil_images/icons/s_PortHousAkrAtl.png') no-repeat; width:24px; height:11px; left:332px; top:229px;} #logistics-map #atlanta:hover span#atlanta-i {background: url('../images/mil_images/icons/l_PortHousAkrAtl.png') no-repeat;} #logistics-map a#savannah {left:369px; top:243px;} #logistics-map span#savannah-i {background: url('../images/mil_images/icons/s_wd.png') no-repeat; height:15px; width:15px; left:353px; top:245px;} #logistics-map #savannah:hover span#savannah-i {background: url('../images/mil_images/icons/l_wd.png') no-repeat;} #logistics-map a#jacksonv {left:371px; top:258px;} #logistics-map span#jacksonv-i {background: url('../images/mil_images/icons/s_dls.png') no-repeat; height:13px; width:18px; left: 353px;top: 261px;} #logistics-map #jacksonv:hover span#jacksonv-i {background: url('../images/mil_images/icons/l_dls.png') no-repeat;} /* show/hide content via hover */ #logistics-map #seattle span#seattle-c, #logistics-map #portland span#portland-c, #logistics-map #sanfran span#sanfran-c, #logistics-map #la span#la-c, #logistics-map #reno span#reno-c, #logistics-map #merrifield span#merrifield-c, #logistics-map #msp span#msp-c, #logistics-map #chicago span#chicago-c, #logistics-map #indi span#indi-c , #logistics-map #dallas span#dallas-c, #logistics-map #birm span#birm-c, #logistics-map #houston span#houston-c, #logistics-map #akron span#akron-c, #logistics-map #ne span#ne-c, #logistics-map #metro-ny-nj span#metro-ny-nj-c, #logistics-map #phili span#phili-c, #logistics-map #columbus span#columbus-c, #logistics-map #charlotte span#charlotte-c, #logistics-map #atlanta span#atlanta-c, #logistics-map #savannah span#savannah-c, #logistics-map #jacksonv span#jacksonv-c, #logistics-map #boston span#boston-c {visibility:hidden} #logistics-map #seattle:hover span#seattle-c,#logistics-map #portland:hover span#portland-c,#logistics-map #sanfran:hover span#sanfran-c,#logistics-map #la:hover span#la-c,#logistics-map #reno:hover span#reno-c,#logistics-map #merrifield:hover span#merrifield-c,#logistics-map #msp:hover span#msp-c,#logistics-map #chicago:hover span#chicago-c,#logistics-map #indi:hover span#indi-c ,#logistics-map #dallas:hover span#dallas-c,#logistics-map #birm:hover span#birm-c,#logistics-map #houston:hover span#houston-c,#logistics-map #akron:hover span#akron-c,#logistics-map #ne:hover span#ne-c,#logistics-map #metro-ny-nj:hover span#metro-ny-nj-c,#logistics-map #phili:hover span#phili-c,#logistics-map #columbus:hover span#columbus-c, #logistics-map #charlotte:hover span#charlotte-c, #logistics-map #atlanta:hover span#atlanta-c,#logistics-map #savannah:hover span#savannah-c,#logistics-map #jacksonv:hover span#jacksonv-c, #logistics-map #boston:hover span#boston-c {visibility:visible} /* style visible city names */ #logistics-map #seattle a,#logistics-map #portland a,#logistics-map #sanfran a,#logistics-map a#la,#logistics-map a#reno,#logistics-map a#merrifield,#logistics-map a#msp,#logistics-map a#chicago,#logistics-map a#indi,#logistics-map a#dallas,#logistics-map a#birm,#logistics-map a#houston,#logistics-map a#akron,#logistics-map a#ne,#logistics-map a#metro-ny-nj,#logistics-map a#phili,#logistics-map a#columbus,#logistics-map a#charlotte,#logistics-map a#atlanta,#logistics-map a#savannah,#logistics-map a#jacksonv, #logistics-map a#boston {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#053393;color:#fff;display:block;font-size:.85em;padding:0 3px;margin:0} #logistics-map a#seattle:hover,#logistics-map a#portland:hover,#logistics-map a#sanfran:hover,#logistics-map a#la:hover,#logistics-map a#reno:hover,#logistics-map a#merrifield:hover,#logistics-map a#msp:hover,#logistics-map a#chicago:hover,#logistics-map a#indi:hover,#logistics-map a#dallas:hover,#logistics-map a#birm:hover,#logistics-map a#houston:hover,#logistics-map a#akron:hover,#logistics-map a#ne:hover,#logistics-map a#metro-ny-nj:hover,#logistics-map a#phili:hover,#logistics-map a#columbus:hover,#logistics-map a#charlotte:hover,#logistics-map a#atlanta:hover,#logistics-map a#savannah:hover,#logistics-map a#jacksonv:hover, #logistics-map a#boston:hover {background-color:#00CCFF;color:#053393} /* style contact info of show/hide div */ #logistics-map div span.info {background-color: #ccc; border:1px solid #999; left:219px; padding:10px; position:absolute; top:13px; left:322px; width:200px; display:block;} /* style city names in show/hide div */ #logistics-map div span.info span {font-weight:bold; text-decoration:underline} /* Logistics Contact Map - End ============================== */ #banner-container{background:#fff;position:absolute;top:100px;left:250px} #banner-container ul li div {position:absolute; top:147px; left:0; margin:147px 0 0;height:50px; width:507px;} /* Above - Web Refresh 2.0 changes and additions. ================================================= */ .infoBoxContainer{text-align:center;vertical-align:top;width:180px} a:link,a:visited{color:#0039a6;font-weight:700;text-decoration:none} a:hover,a:active{color:#0CF;text-decoration:none} .darkBlue{color:#00417b} .medBlue{background-color:#039;color:#2475b6} .darkBlue_WS{color:#036} .medBlue_WS{color:#369} .quickLinkTitle{color:#039;font-family:Helvetica;font-size:12pt;font-weight:700} .quickLinkContainer{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:8pt;vertical-align:top} .quickLinkBullet{list-style-image:url(../images/quickLink_bullet.gif)} .quickLinkHeader{color:#039;font-weight:700} .quickLinkItem,.quickLinkItem a:link,.quickLinkItem a:visited,.quickLinkItem a:hover{color:#666;font-weight:400} .menu{color:#FFF;font-family:Verdana, Geneva, Helvetica, sans-serif;font-size:10pt;font-weight:700;padding-bottom:2px} a.breadcrumb:hover,a.breadcrumb:active{color:#600;text-decoration:underline} .pageHeader{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:12pt;font-weight:700} .subHeader{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:9pt;font-weight:700} .menuBullet{font-family:Arial, Helvetica, sans-serif;font-size:10px} .textFieldLabel{color:#ccc} .textField{color:navy} .equipmentHeaderWhite{color:#fff;font-weight:700} .requiredField{color:red;font-size:8pt;font-weight:700} .portAddress{color:#000;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:x-small} .portTableHeader{background-color:#039;color:#fff;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:8pt;font-weight:700;padding:2px} .portData{background-color:#fff;color:#000;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:8pt;padding:3px 3px 10px;vertical-align:top} .oddRow{background-color:#eee} .evenRow{background-color:#fff} .table_data{color:#000;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:8pt;vertical-align:top} .ltBlue{background-color:#eef} .paleGoldenrod{background-color:#EEE8AA} .subMenuContainer{color:#fff;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:8pt;font-weight:700;margin-bottom:0;margin-top:0;padding:4px 3px 3px} .subMenuContainer a:link,.subMenuContainer a:visited{color:#fff;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:8pt;font-weight:700} .blackBorder{border:1px solid #000} .ltGrayBorder{border:1px solid #efefef} .mdGrayBorder{border:1px solid #666} .blueBorder{border:1px solid #039} .grayBackgroundWith1pxBorder{background-color:#efefef;border:1px;border-color:#ccc;border-style:solid} .redPhoneNumberTopRight{color:#8B0000;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:8pt;text-align:right;vertical-align:top;white-space:nowrap} hr{border-bottom:1px solid #fff;border-left:1px solid #E1DFCC;border-right:1px solid #fff;border-top:1px solid #E1DFCC} .blueBackground8ptWhite,.blueBkgWhiteBoldText,.blueBackground8ptWhiteBold{background-color:#039;color:#fff;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:8pt} .blueBkgWhiteBoldText{font-size:9pt;font-weight:700} .blueBackground8ptWhiteBold{background-color:#039;font-weight:700} .vesselName{color:#000;font-size:7pt;font-weight:700;padding:1px 1px 1px 8px} .vesselTrack{color:#000;font-size:7pt;padding-bottom:1px;padding-top:1px;text-align:left} .sidemenuTitle_Corp,.sidemenuTitle_MIL,.sidemenuItem{font-family:Arial, Helvetica, sans-serif;font-weight:700} .sidemenuTitle_Corp{color:#039;font-size:11pt} .sidemenuTitle_MIL{color:#FFCA64;font-size:11pt} .sidemenuItem{color:#999;font-size:8pt;padding-bottom:3px;padding-top:3px} .sidemenuItem a:link,.sidemenuItem a:visited{color:#999;text-decoration:none} .introTextContainer{padding-left:3px} .introTextTitle_mil{color:#FC6;font-family:Arial, Helvetica, sans-serif;font-size:30pt;font-weight:700;line-height:30pt} .introText_subHeader_MIL{color:#0D5BAD;font-family:Arial, Helvetica, sans-serif;font-size:14pt;font-weight:700} .introText_subHeader_MatNav{color:#039;font-family:Arial, Helvetica, sans-serif;font-size:16pt;font-weight:700;padding-left:10px} .introText_MIL{color:#333;font-family:Helvetica, Arial, sans-serif;font-size:10pt;font-weight:700;line-height:16pt} .introText_subHeader_Corp{color:#039;font-family:Arial, Helvetica, sans-serif;font-size:18pt;font-weight:700;padding-left:10px} .milAir_largeBlack,milAir_largeRed{color:#000;font-family:Arial, Helvetica, sans-serif;font-size:18pt;font-weight:700} .milAir_largeRed{color:#C4232A;font-family:Arial, Helvetica, sans-serif;font-size:18pt;font-weight:700} ul.sideMenu{background-color:#efefef;border:1px solid #ccc;color:#ccc;font-size:xx-small;list-style:none;margin:0 .5em;padding:0} ul.sideMenu li{margin:0;padding:.5em} ul.sideMenu li a.current{color:#000} /* WR09 styles DCT */ #aboutRO{display:none;left:253px;position:absolute;top:81px} #oceanRO{display:none;left:422px;position:absolute;top:81px} #logisticsRO{display:none;left:590px;position:absolute;top:81px} #oceanLoginTabRO{display:none;left:23px;position:absolute;top:223px} #logisticsLoginTabRO{display:none;left:137px;position:absolute;top:223px} #vesselSubNav{display:none;left:75px;position:absolute;top:317px} #vesselSubNavOS{display:none;left:80px;position:absolute;top:301px} #rateTariffSubNav{display:none;left:80px;position:absolute;top:336px} #rateTariffSubNavOS{display:none;left:80px;position:absolute;top:320px} #bookingSubNav{display:none;left:76px;position:absolute;top:353px} #bookingSubNavOS{display:none;left:76px;position:absolute;top:337px} #trackingSubNav{display:none;left:80px;position:absolute;top:372px} #trackingSubNavOS{display:none;left:76px;position:absolute;top:356px} #billDocsSubNav{display:none;left:80px;position:absolute;top:416px} #billDocsSubNavOS{display:none;left:80px;position:absolute;top:400px} #obtainFormsSubNav{display:none;left:80px;position:absolute;top:456px} #obtainFormsSubNavOS{display:none;left:80px;position:absolute;top:439px} #gateCamsSubNav{display:none;left:80px;position:absolute;top:532px} #gateCamsSubNavOS{display:none;left:80px;position:absolute;top:516px} #carrierSubNav{display:none;left:60px;position:absolute;top:370px} .subNavs{background-color:#e7e7e7;border-bottom:1px solid #2cbcff;border-left:1px solid #2cbcff;border-right:1px solid #2cbcff;border-top:1px solid #2cbcff;color:#0039A6;font-size:7pt} .subNavs a:link,.subNavs a:visited,.subNavs a:active{color:#0039A6;font-size:7pt} .subNavs a:hover{color:#000;text-decoration:none} #keyWrapper{left:603px;position:absolute;top:408px} #keyWrapper2{left:603px;position:absolute;top:421px} #fl_banner{position:absolute;margin:-2px 0 0} #main_fl_banner{position:absolute;top:100px;width: 507px;} #ocean_menu{background-color:#0039A6;width:506px} .li-header{font-family:Verdana, Geneva, sans-serif;font-size:7pt;font-style:italic;font-weight:700} .nav a:active,.nav a:hover,.subMenuContainer a:hover{color:#039} .navBar,.sidemenuTable{border-right:1px solid #999} a.breadcrumb:link,a.breadcrumb:visited,.vesselTrack a:link,.vesselTrack a:visited{color:#039;text-decoration:none} .vesselHeader,.vesselHeaderRight{color:#039;font-size:8pt;font-weight:700;padding:1px} .vesselTrack a:hover,.vesselTrack a:active,.sidemenuItem a:hover,.sidemenuItem a:active{color:#039;text-decoration:underline} .introText_MatNav,.introText_Corp{color:#333;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:10pt;font-weight:700;line-height:14pt;padding-left:10px} #mainAboutUsMenu,#mainOceanMenu,#mainLogisticsMenu{background-color:#0039A6;display:none;margin:-3px 0 0;/*position:absolute;*/width:507px} #aboutTabRO,#oceanTabRO,#logisticsTabRO{display:none}