/* CSS Document */
/*-- Created by Zoe Zhong Oct 10 2006--*/

Body {
	FONT-WEIGHT: normal;
	line-height: 16px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #e8e8e8;
}
Table, Td, Span, Div,P,Font {
	line-height: 16px;
}


/*-------------------- Hyperlink ------------------*/
A {
	COLOR: #a12734; 
	TEXT-DECORATION: underline;
}
A:hover {
	COLOR: #a12734; 
	TEXT-DECORATION: underline;
}
A.level1Link {
	COLOR: #2b2b2b;
	TEXT-DECORATION:none; 
	font-weight:bold;
}
A.level1Link:hover {
	COLOR: #e6001d;
	TEXT-DECORATION:underline; 
	font-weight:bold;
}
A.level2Link {
	COLOR: #404040;
	TEXT-DECORATION:none; 
	font-weight:bold;
}
A.level2Link:hover {
	COLOR: #e6001d;
	TEXT-DECORATION:underline; 
	font-weight:bold;
}
A.level3Link {
	COLOR: #555555;
	TEXT-DECORATION:none; 
	font-weight:bold;
}
A.level3Link:hover {
	COLOR: #e6001d;
	TEXT-DECORATION:underline; 
	font-weight:bold;
}
A.boldUnderlineLink {
	COLOR: #404040;
	TEXT-DECORATION:underline; 
	font-weight:bold;
}
A.boldUnderlineLink:hover {
	COLOR: #e6001d;
	TEXT-DECORATION:underline; 
	font-weight:bold;
}
A.lightUnderlineLink {
	COLOR: #717171;
	TEXT-DECORATION:underline; 
	font-weight:normal;
}
A.lightUnderlineLink:hover {
	COLOR: #e6001d;
	TEXT-DECORATION:underline; 
	font-weight:normal;
}
A.lightLink {
	COLOR: #555555;
	TEXT-DECORATION:none; 
	font-weight:normal;
}
A.lightLink:hover {
	COLOR: #e6001d;
	TEXT-DECORATION:underline; 
	font-weight:normal;
}
A.menuBarLink {
	COLOR: #404040;
	TEXT-DECORATION:none; 
	font-weight:bold;
}
A.menuBarLink:hover {
	COLOR: #e6001d;
	TEXT-DECORATION:none; 
	font-weight:bold;
}
A.lightPurpleLink {
	COLOR: #9999d1;
	TEXT-DECORATION:none; 
}
A.lightPurpleLink:hover {
	COLOR: #3d3d9b;
	TEXT-DECORATION:underline; 
}
A.LPUnderlineLink {
	COLOR: #9999d1;
	TEXT-DECORATION:underline; 
}
A.LPUnderlineLink:hover {
	COLOR: #3d3d9b;
	TEXT-DECORATION:underline; 
}
A#closeCLL {
	height: 16px;
	width: 53px;
	text-align: left;
	padding: 0;
	text-decoration: none;
	font-weight: bold;
	color: #555;
	display: block;
	background: url("/Style Library/Images/OLL/close.gif") top right no-repeat;
}
A#closeCLL:hover {
	text-decoration: underline;
}


/*-------------------- Content Text ------------------
.pageTitle {
	color:#2a2a88;
	font-size:160%;
	padding-bottom: 36px;
}*/
.pageTitle_oll {
	color:#2a2a88;
	font-size:160%;
	padding-top:2px;   
	padding-bottom: 36px;
}
.level1Title {
	font-weight:bold;
	color:#2b2b2b;
	height: 28px;
	font-size:110%;
}
.level2Title {
	font-weight:bold;
	color: #404040;
	line-height: 21px;
}
.level3Title {
	font-weight:bold;
	color:#555555;
	line-height: 19px;
}
.contentZoneTitle {
	font-weight:bold;
	color:#e6001d;
	line-height: 11px;
}
.contentZoneSubTitle1 {
	font-weight:bold;
	color:#e47a87;
	line-height: 21px;
}
.contentZoneSubTitle2 {
	font-weight:bold;
	color:#e47a87;
	line-height: 11px;
}
.localSiteName {
	FONT-SIZE: 200%; 
	color:#a12734;
	line-height: 36px;
}
.lightBoldText {
	font-weight:bold;
	color: #717171;
}
.lightText {
	color:#555555;
}
.darkText {
	color:#000000;
}
.L1_list_style {
	list-style:url(/oocllogisticsdotcom/images/bullet_disc.gif);
	color: #404040;
}
.L2_list_style {
	list-style:url(/oocllogisticsdotcom/images/bullet_circle.gif);
	color: #404040;
}
.L3_list_style {
	list-style:url(/oocllogisticsdotcom/images/bullet_square.gif);
	color: #404040;
}

/*-------------------- Image ------------------*/
IMG.mainBanner {
	width: 462px;
	height: 141px;
}
IMG.contentZoneImg {
	border:1px solid #555555;
	float: left;
	margin-left: 0px;
    margin-top: 0px;
	margin-right: 12px;
    margin-bottom: 12px;
	width: 50px;
	height: 50px;
}
IMG.rightFloatImg {
	float: right;
	margin-left: 8px;
    margin-top: 0px;
	margin-right: 0px;
    margin-bottom: 8px;
	border:1px solid #555555;
}
IMG.photoGalleryImg {
	width: 146px;
	height: 98px;
}
IMG.leftFloatImg {
	float: left;
	margin-right: 8px;
    	margin-top: 0px;
	margin-left: 0px;
   	 margin-bottom: 8px;
	border:1px solid #555555;
}

/*-------------------- Table Template ------------------*/
TABLE.generalTable1 {
	border: 1px solid #a9a9c7;
	border-collapse:collapse;
}
.generalTable1 TH{
	border: 1px solid #a9a9c7;
  	background-color:#E8E8E8;
  	color: #2a2a88;
	padding:3px;
}
.generalTable1 TD{
  	border:1px solid #a9a9c7;
  	padding:3px;
  	color: #2a2a88;
}

TABLE.generalTable2 {
	border: 1px solid #a9a9c7;
	border-collapse:collapse;
}
.generalTable2 TH{
  	color: #2a2a88;
	border: 0px solid #c3c3c3;
  	background-color:#E8E8E8;
  	padding:3px;
}
.generalTable2 TD{
  	background-color:#f6f6f6;
  	padding:3px;
  	color: #2a2a88;
}

/*-------------------- Form Object ------------------*/
form {
	margin:0px;
}
input.search_oll {
	border: 1px solid #d2d2d2;
	
	width: 86px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
}
select {
	font-family: Verdana, Helvetica, sans-serif;
	color: #555555;
	font-size: 100%;
}
input{
	font-family: Verdana, Helvetica, sans-serif;
	color: #555555;
	font-size: 100%;
}
INPUT.eServicesInput {
	width: 91px;
}
INPUT.shipTrackingInput {
	width: 136px;
}

/*-------------------- Color ------------------*/
.redColor {
	color: #e6001d;
}
.greyColor{
	color: #555555;
}
.wineColor {
	color: #a90346;
}
.lightWineColor {
	color: #f35c99;
}
.purpleColor {
	color: #2a2a88;
}
.lightPurpleColor {
	color: #8181de;
}
.greyBg {
	background-color: #f6f6f6;
}
.blackgreyBg {
	background-color: #dfdfdf;
}
.whiteBg {
	background-color: #ffffff;
}

/*-------------------- Page Layout ------------------*/
@media print {
.return {
	display: none;
}
}

TABLE.pageTable {
	height: 100%;
	background-color: #FFFFFF;
}
TD.header {
	height: 65px;
	vertical-align: top;
	padding-left:18px;
	padding-right:9px;
	padding-bottom:0px;
}
.topNav {
	height:21px;
	padding-right:25px;
}
TD.menuBar {
	height: 22px;
	background-color: #d1d1d1;
	padding-bottom:0px;
	/*padding-right:9px;*/
}
.menuBarItem {
	padding-left:18px;
	padding-right:28px;
	text-transform:uppercase;
	height:16px;
	padding-top:3px;
	padding-bottom:3px;
}
TD.primaryArea {
	height: 90%;
	vertical-align: top;
	padding-left: 9px;
}
TD.footer {
	height: 22px;
	background-color: #d1d1d1;
	padding-left:9px;
	padding-right:9px;
}
TD.leftHPPanel {
	width:215px;
	padding-top: 16px;
	padding-right:25px;
}
TD.centerHPPrimary {
	padding-right: 25px;
	padding-top: 16px;
	padding-bottom: 16px;
}
TD.rightHPPanel {
	width:211px;
	padding-top: 16px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom: 4px;
	background-color: #f8f8f8;
}
.rightHPPanel TABLE TD{
	padding-left:14px;
}
.rightHPPanel TABLE TD TABLE TD{
	padding-left:0px;
}

TD.leftCorpPrimary{
	width:230px;
	padding-right:10px;
}
TD.rightCorpPrimary{
	padding-left:16px;
	padding-top:16px;
}

TD.leftLocalPrimary{
	width:242px;
	padding-right:10px;
}
TD.rightLocalPrimary{
	width:220px;
	padding-left:20px;
	padding-top:16px;
}
TD.leftContentPanel {
	width:178px;
	padding-top: 16px;
	padding-right:16px;
}
TD.rightContentRight {
	padding-top: 16px;
	padding-bottom: 16px;
	padding-left:9px;
}
TABLE.borderWhiteBg {
	background-color:#FFFFFF;
	border: 1px solid #cdcdcd;
	border-collapse:collapse;
}
TABLE.borderGreyBg {
	background-color:#F8F8F8;
	border: 1px solid #cdcdcd;
	border-collapse:collapse;
}
.borderGreyBg TD{
	padding-left:6px;
	padding-right:6px;
	padding-top:3px;
	padding-bottom:3px;
}
.borderGreyBg TD TABLE TD{
	padding-left:3px;
	padding-right:3px;
	padding-top:3px;
	padding-bottom:3px;
}

TD.sectionTitle {
	border: 1px solid #cdcdcd;
	background-color: #eaeaea;
	height:24px;
	padding-left:9px;
	font-weight:bold;
}
.bullet_oll {
	padding-top:5px;
	padding-right:6px;
	padding-bottom:5px;
	vertical-align: top;
	text-align:left;
	width:11px;
}
.items {
	padding-top:5px;
	padding-right:6px;
	padding-bottom:5px;
	vertical-align: top;
	text-align:left;
	width:99%;
}
TD.longIndent {
	padding-left:14px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:6px;
}
TD.shortIndent {
	padding-left:10px;
	padding-top:8px;
	padding-bottom:10px;
	padding-right:6px;
}
TABLE.contentZone1 {
    margin-top: 16px;
}
TABLE.contentZone2 {
    margin-top: 20px;
}
TD.changeLocMouseOut {
	background-color: #FFFFFF;
	color: #a12734;
	line-height:13px;
	padding-top: 1px;
	padding-bottom: 1px;
}
TD.changeLocMouseOver {
	background-color: #eeeeee;
	color: #a12734;
	cursor: pointer;
	line-height:13px;
	padding-top: 1px;
	padding-bottom: 1px;
}
TABLE.subMenu {
	background-color:#f6f6f6;
	border: 1px solid #858585;
	border-collapse:collapse;
}
.subMenuMouseOut {
	border: 1px solid #858585;
	padding-left: 18px;
	padding-bottom: 5px;
	padding-right: 6px;
	padding-top: 2px;
	color: #555555;
	height: 23px;
}
.subMenuMouseOver {
	border: 1px solid #858585;
	background-color: #dfdfdf;
	padding-left: 18px;
	padding-bottom: 5px;
	padding-right: 6px;
	padding-top: 2px;
	color: #e6001d;
	height: 23px;
	cursor: pointer;
}

#ChangeLocationTable {
	background-color:#eeeeee;
	border: 1px solid #a45b63;
	border-collapse:collapse;
}
#ChangeLocationTable TD{
	padding-left:6px;
	padding-right:6px;
	padding-top:3px;
	padding-bottom:3px;
	color:#a45b63;
}
#ChangeLocationTable #Title {
	color:#a12734;
	font-weight:bold;
}
#ChangeLocationTable #SubTitle {
	font-weight:bold;
}
.leftFloat {
	float: left;
	margin-left: 0px;
    margin-top: 0px;
	margin-right: 8px;
    margin-bottom: 8px;
}
.rightFloat {
	float: right;
	margin-left: 8px;
    margin-top: 0px;
	margin-right: 0px;
    margin-bottom: 8px;
}
TD.breadcrumb_oll {
	color: #8181de;
	height: 56px;
	padding-bottom: 20px;
	padding-right:16px;
}
.leftMenu {
	background-color:#F8F8F8;
	border-collapse:collapse;
}
.leftMenu TH{
	border: 1px solid #bcbcbc;
	background-color: #eaeaea;
	height:26px;
	padding-top: 3px;
	padding-bottom:3px;
	padding-left:9px;
	font-weight:bold;
	text-align:left;
	color: #e6001d;
}
.leftMenu TD{
	padding-left:9px;
	padding-top: 3px;
	padding-bottom:3px;
	text-align:left;
	vertical-align: top;
	border: 1px solid #bcbcbc;
}
.leftMenu TD TD{
	font-weight:bold;
	vertical-align: top;
	padding-left:0px;
	color: #555555;
	border: 0px;
}
.leftMenu TD TD TD{
	font-weight:normal;
	vertical-align: top;
	color: #e6001d;
	border: 0px;
}
TD.primaryContent {
	padding-right:25px;
}

hr {
	color: #858585;
	height: 1px;
}
.bottomBorder{
	border-top: 0px none #666666;
	border-right: 0px none #666666;
	border-bottom: 1px solid #666666;
	border-left: 0px none #666666;
}

TD.instruction {
	padding-bottom: 16px;
	color: #8181de;
}
.note{
	color: #717171;
	padding-top: 16px;
	padding-bottom: 16px;
	vertical-align:middle;
}
TD.bottomRow {
	color: #2a2a88;
	height: 50px;
	/*text-align: right;*/  /*20080902 by Wedy Yu*/
	vertical-align:middle;
}
.bottomSpace {
	padding-bottom: 16px;
}
.leftSpace {
	padding-left: 6px;
}

.download {
	color: #555555;
	padding-left: 4px;
}
TD.photoGalleryFrame {
	padding-right: 16px;
	padding-bottom: 16px;
}
TABLE.photoGallery {
	width:146px;
	height:190px;
	border: 1px solid #666666;
	background-color:#f2e5e7;
}
TD.photoGallery {
	padding-left: 4px;
	padding-top: 8px;
}
/*20080507 by Hyman Ding*/
TABLE.outerBorder {
	border: 1px solid #bfbfbf;
} 
/*----------------------*/

/*Added by John Mar 19, 2007  for Content Page Extranet Table Space Image Width. Begin */
IMG.firstLine{
	width: 101px;
	height:5px
}
IMG.secondLine{
	width: 120px;
	height:5px
}
IMG.thirdLine{
	width: 41px;
	height:5px
}
/*Added by John Mar 19, 2007  for Content Page Extranet Table Space Image Width. End */

/*20080314 by Hyman Ding*/
TD.signIn {
	background-color: #336699;
	color: #ffffff;
}
/*Added by John Mar 17, 2008  for Content Page Extranet Table Space Image Width. Begin */
IMG.PordiumSpace{
	width: 91px;
	height:5px
}
IMG.MyPilotSpace{
	width: 114px;
	height:5px
}
IMG.SailingSchedule{
	width: 50px;
	height:5px
}
#wrapper {
     width: 945px; 
     min-height: 100%; 
     background: #FFFFFF; 
     margin: auto; 
     text-align: left; 
} 
#footer {
	/*height:23px;*/
	width:927px;
	background-color: #d1d1d1;
	/*margin:auto;*/
	margin: -23px auto 0;
	border-top:1px solid #E0E0E0;
	padding-left:9px;
	padding-right:9px;
}

/*----------------------*/