/*RULES FOR SHIPPING AND LOGISTICS  */

/*TAGLINE TEXT ON TOP OF BANNER ON EVERY MAINPAGE.*/
.taglineTop {
	color:#001c52;
	background-color:#d6dfee;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px 15px 4px 15px;
	margin:0 0 1px 0;
	width:950px !important;
	height:28px;
}

.taglineTop span.b {
	font-weight:bold;
}

/* CONTAINERS AROUND LISTINGS INSIDE WEBPARTS */
.listholder {
	padding:0px;
	/*border:1px solid yellow;*/
}

.bgHeaderBorder  {
	background:url('/Style%20Library/images/WW/bgHeader_1x28.gif') repeat-x left 100%;	
	height:34px !important;
	margin:0px;
	padding:0px;
	width: 100%;
	float: left;	
}
	 .bgHeaderBorder h2 {
	 	font-family: Arial, Verdana, Helvetica, Sans-serif;
		padding-left:15px;
		margin:0 0 0 0;
		border-top:6px solid #ccd8e8; 
		padding-top:11px;
		font-size:14px; 
	}	




/* COMMON STYLES FOR LINKS*/	

img { border:0px; padding:0px; margin:0px; }
img.bulletList { border:0px; padding:0px; margin:0px;  }




/* RULES FOR GRID AND LAYOUT */
#wrapper_body { margin:auto; width:980px;}

#wrapper {	
	
}
	 
#maincontainer {
	padding:0px;
	margin:0px;
	float:left;
	width:100%;
	background:url('/Style%20Library/images/WW/bgLeftContent.gif') bottom left repeat-y;	
}	

/*.banner { 
	margin:0 0 2px 0;
	float:left;
	border-top:5px solid #003182;
	padding:1px 0 0 0; 		  
}*/




/*----------------------------------------------------------------------------------------------*/
/* RULES FOR LEFTNAVIGATION */
/*----------------------------------------------------------------------------------------------*/

/* FIRST LEVEL, leftNavigation  */
#leftContent {
	width: 188px;
	float:left;
	margin:0 6px 0 0;
	border-top:1px solid #4169a6;
	padding:0px;
} 

	ul.leftNavigation { 
		background-color:#ccd8e8;
		border-bottom:2px solid white;
		margin:0px;
		padding: 0px 0px 1px 0;
		list-style-type:none;
		font-size: 11px;
		border-top: 6px solid #ccd8e8;
	}
	
	ul.leftNavigation li { 
		border-bottom:1px solid white; 
		display:block;
		padding:0px; 
	 }
		
		ul.leftNavigation li a { 
			text-transform:uppercase;
			font-weight:bold;			
			background-color:#e8e5e2;
			color:#FFFFFF;
			text-decoration:none; 
			display:block;
			padding:5px 0 5px 10px;
			border-top:1px solid #ffffff;  						
		}
		
		ul.leftNavigation li a:hover { 			
			background-color:#003082 !important;
			background:none;
			color:#FFFFFF;			
			padding:5px 0 5px 10px;
		}
			
			ul.leftNavigation li a.selected {				
				background:#7f9bc3 url('/Style%20Library/Images/WW/arrow_7f9bc3.gif') no-repeat left bottom;
				text-decoration:none;				
				padding:10px 0 2px 10px;
				color:#ffffff;
				font-weight:bold;
				border-bottom: 1px solid #FFFFFF;   
			}
			
			ul.leftNavigation li a.selected:hover {				
				background-color:#003082;
				background-image:none; 				
				text-decoration:none;
				padding:10px 0 2px 10px;
				border-bottom: 1px solid #FFFFFF;   
			}

				ul.leftNavigation li a.childselected {
					background-color:#7f9bc3;
					color:#FFFFFF; 
					text-decoration:none;
					font-weight:bold;				
					padding:10px 0 2px 10px;
					border-bottom: 1px solid #FFFFFF					 			
				}
				
				ul.leftNavigation li a.childselected:hover {
					background-color:#001b53; 
					color:#FFFFFF; 
					font-weight:bold;
					text-decoration:none;				
					padding:10px 0 2px 10px; 
				}

/* END FIRSTLEVEL, leftNavigation */


/* SECOND LEVEL, leftNavigation  */
ul.leftNavigation ul {
	background-color:#e8e5e2;
	margin:0px;
	padding:0px 0 0px 0;
	list-style-type:none;
	font-size:11px;

}
	
	ul.leftNavigation ul li {
		background-color:#e8e5e2 !important;
		border-bottom:1px solid white; 
		display:block;
		padding:0px; 
	}
		
		ul.leftNavigation ul li a, ul.leftNavigation ul li a:active, ul.leftNavigation ul li a:visited {
			padding:1px 0 0 0; 
			text-transform:uppercase;
			font-weight:normal; 
			color:#001b53; 
			text-decoration:none; 
			display:block;
			padding:5px 0 5px 10px;
			border-top:none; 
		}
		
		ul.leftNavigation ul li a:hover {				
			background-color:#7f9bc3 !important;
			color:#FFFFFF;
			text-decoration:none;
			padding:5px 0 5px 10px; 	
			display: block;
		}
		
		ul.leftNavigation ul li a.selected {
				background:#7f9bc3 url('/Style%20Library/Images/WW/arrow_7f9bc3.gif') no-repeat left bottom;
				background-color:#7f9bc3; 
				color:#FFFFFF !important; 
				text-decoration:none;				
				padding:5px 0 5px 10px; 	
				border:none;				
		}
		
		ul.leftNavigation ul li a.selected:hover {
				background:none;
				background-color:#7f9bc3; 
				color:#FFFFFF !important; 
				text-decoration:none;				
				padding:5px 0 5px 10px; 	
				border:none;				
		}

				ul.leftNavigation ul li a.childselected {
					background:#7f9bc3 url('/Style%20Library/Images/WW/arrow_7f9bc3.gif') no-repeat left bottom;					background-color:#7f9bc3;
					color:#FFFFFF !important; 
					text-decoration:none;				
					padding:5px 0 5px 10px;
					border-bottom: 1px solid #FFFFFF 
				}
				
				ul.leftNavigation ul li a.childselected:hover {
					/*background-color:#406aa6 !important;*/
					background-color:#7f9bc3!important;
					background:none;				
					color:#FFFFFF; 
					text-decoration:none;				
					padding:5px 0 5px 10px; 
				}

/* END SECOND LEVEL, leftNavigation  */				
	
				
/* THIRD LEVEL, leftNavigation  */
ul.leftNavigation ul ul {	
	margin:0 0 0 0;
	padding:0px;
	border:none;
	background-color:#e8e5e2 !important;
			
}
	
	ul.leftNavigation ul ul li {
		background:url('/Style%20Library/images/WW/menu_img/stipledborder.gif') left bottom repeat-x;	
		background-color:#ffffff !important;
		display:block;
		padding:0 0 1px 0; 
		border:none;		
	}
		
		ul.leftNavigation ul ul li a {
			background:url('/Style%20Library/images/WW/menu_img/333333_third_activeT.gif') left top no-repeat;	
			background-color:#ffffff;
			text-transform:none !important;
			font-weight:normal;			
			color:#333333 !important;
			display:block;
			padding:3px 10px 4px 24px !important;			
			font-size:12px;
			border:none;
		}
		
		ul.leftNavigation ul ul li a:hover {			
			color:#ffffff !important;
			background-color:#7f9bc3 !important;
			display:block;
			border:none;
			padding:3px 10px 4px 24px;
			text-decoration:none; 
		}
		
		ul.leftNavigation ul ul li a.selected {
			background:url('/Style%20Library/images/WW/menu_img/406ba2_third_selectT.gif') left top no-repeat;
			color:#003787 !important;
			background-color:#ffffff !important;
			display:block;
			padding:3px 10px 4px 24px;
			text-decoration:none; 
			border:none;
		}
		
		ul.leftNavigation ul ul li a.selected:hover {
			color:#ffffff !important;
			background-color:#7f9bc3 !important;
			display:block;
			border:none;
			padding:3px 10px 4px 24px;
			text-decoration:none; 
			border:none;
		}

		ul.leftNavigation ul ul li a.childselected {
			background:url('/Style%20Library/images/WW/menu_img/406ba2_third_selectT.gif') left top no-repeat;
			color:#003787 !important;
			background-color:#ffffff !important;
			display:block;
			padding:3px 10px 4px 24px;
			text-decoration:none;
			border:none; 
		}
			
		ul.leftNavigation ul ul li a.childselected:hover {
			color:#ffffff !important;
			background-color:#7f9bc3 !important;
			display:block;
			border-bottom:none;
			padding:3px 10px 4px 24px;
			text-decoration:none;
			border:none; 
		}
							
/* END  THIRD LEVEL, leftNavigation  */	

/* FOURTH LEVEL, leftNavigation  */
ul.leftNavigation ul ul ul {
	margin:0px;
	padding:0px 0 1px 0;
	font-size: 12px;
	font-weight:normal;
	border:none;

}
	
	ul.leftNavigation ul ul ul li {
		display:block;
		padding:0 0 0 0px;
		background:none; 
		border:none;	
	}
		
		ul.leftNavigation ul ul ul li a {
			background:url('/Style%20Library/images/WW/menu_img/333333_fourth_activeT.gif') left top no-repeat;
			font-size:12px;
			color:#333333 !important;
			background-color:#ffffff !important;
			display:block;
			border:none;
			padding:2px 10px 2px 38px;
			text-decoration:none; 
		
		}
		
		ul.leftNavigation ul ul ul li a:hover {
			color:#ffffff !important;
			background-color:#7f9bc3 !important;
			display:block;
			border:none;
			padding:2px 10px 2px 38px;
			text-decoration:none; 
		}
		
		ul.leftNavigation ul ul ul li a.selected {
			background:url('/Style%20Library/images/WW/menu_img/003789_fourth_selectT.gif') left top no-repeat ;
			color:#003787 !important;
			background-color:#ffffff !important;
			display:block;
			padding:2px 10px 2px 38px;
			text-decoration:none;
			border:none; 
		}
		
		ul.leftNavigation ul ul ul li a.selected:hover {
			color:#ffffff !important;
			background-color:#7f9bc3 !important;
			background:none;
			display:block;
			border-bottom:none;
			padding:2px 10px 2px 38px;
			text-decoration:none;
			border:none; 
		}	
	
		ul.leftNavigation ul ul li a.childselected:hover {
			color:#ffffff !important;
			background-color:#7f9bc3 !important;
			display:block;
			border-bottom:none;
			padding:3px 10px 4px 30px;
			text-decoration:none; 
			border:none;
		}
	
							
/* END FOURTH LEVEL, leftNavigation  */
/* END RULES LEFT NAVIGATION AND LEFTCONTENT*/	
	


	
/* RULES FOR MAINCONTENT, CARGO TYPES, LOGISTICS SERVICES */

.centerContent { background-color:#ccd8e8;}
#centerContent_oneColoumn {
	width: 786px;
	float: left;
	padding: 0px;
	border-top:6px solid #ccd8e8;
}


/* MAKES THE BACKGROUND WHITE, (the padding in the divs outside this one, makes the blue border basically) */


.centerContent_leftside {
	float:left;
	width:46%;
	margin:0px;
	padding:0 15px 0 0px;
	background-color:#FFFFFF;
}
.centerContent_rightside {
	float:left;
	width:45%;
	background-color:#FFFFFF;
	margin:0px;
	padding:0 0 0 0px;	
}

.centerContent_leftside_section {
	float:left;
	width:48%;
	margin:0px;
	padding:0 15px 0 0px;
	background-color:#FFFFFF;
}
.centerContent_rightside_section {
	float:left;
	width:47%;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;	
}



/* RULES FOR RIGHT SIDE/RIGHTCONTENT, (ROUTES AND FLEET, MAP) */
#rightContent {
	border-top:6px solid #ccd8e8;
	
}


/* RULES FOR BOTTOM LINE, TWO STYLES BECAUSE OF WIDTH AND COLOUR. (These id's exists in each css because of the change of colour in the image. */
#bottomSection {
	background:url('/Style%20Library/Images/WW/ShippingLogistics/bottomSL_section.gif') no-repeat;
	padding:0px;
	margin:0px;
	height:14px;
	float:left;
	width:100%;	
}

#bottomMain {
	background:url('/Style%20Library/Images/WW/ShippingLogistics/bottomSL_main.gif') no-repeat bottom;
	padding:0px;
	margin:0px;
	height:14px;
	float:left;
	width:100%;	
}

/* BOTTOM LINE FOR SECTIONPAGES, WITH JUST ONE COLOUMN CONTENT, NO RIGHTSIDE/RIGHTCONTNENT */
#bottomOneColoumn {
	background:url('/Style%20Library/Images/WW/ShippingLogistics/bottomSL_oneColoumn.gif') no-repeat bottom;
	padding:0px;
	margin:0px;
	height:14px;
	float:left;
	width:100%;	
}

		
	
/* RULES FOR FOOTER */
#footer { width:188px; color:#406aa6; font-size:0.9em; float:left; padding:2px 0 7px 0;  }	


img.cargoTypes { padding:0px; margin:0 0 20px 0; float:left; }


/* Rules Fleet list table */
table.fleetlist { 
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal; 
	border:none; 
	width:99%; 
	padding:0px;
	margin:0px; 
}
	.fleetlist th { 
		text-align: left; 
		font-weight: bold; 
		padding:5px 5px 0px 5px; 
		color:#333333; 
		background-color:#ffffff;
		vertical-align:bottom; 
	}
	.fleetlist th.leftalign { 
		text-align: left; 
		font-weight: bold;
		font-size:11px; 
		padding:5px 5px 0px 2px; 
		color:#333333; 
		background-color:#ffffff; 
	}
	.fleetlist th.rightalign { 
		text-align: right; 
		font-weight: bold; 
		padding:5px 5px 0px 5px; 
		color:#333333; 
		background-color:#ffffff; 
	}


	.fleetlist tr { 
		margin:0px; 
		padding:0px;
		background-color:#ffffff;
	}
	
	.fleetlist tr.odd { 
		margin:0px; 
		padding:0px;
		background-color:#f2f2f2;
	}
	
	.fleetlist td { 
		text-align: right;
		padding:5px;  
		margin:0px 10px 0px 0px;
	}
	.fleetlist td.leftalign { 
		text-align: left;
		vertical-align:middle;
		padding:1px 5px 1px 2px;  
		margin:0px 10px 0px 0px;
	}

		
	.fleetlist a:link, a:active, a:visited {
		color:#003888; 
		text-decoration:none;
		padding:0px;
		margin:0px;
	}
	.fleetlist a:hover {
		color:#003888;
		text-decoration:underline;
	}


/*  Rules Fleet list table */
table.techspec { 
	background-color:#e3e3e3;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:11px;
	font-weight:normal; 
	border:none; 
	width:288px; 
	padding:0px;
	margin:0px; 
}
	.techspec th { 
		text-align: left; 
		font-weight: bold; 
		padding:5px 5px 0px 5px; 
		color:#333333; 
		vertical-align:bottom; 
	}
	
	.techspec tr { 
		margin:0px; 
		padding:0px;
	}
			
	.techspec td { 
		text-align: left;
		vertical-align:top;
		padding:1px 0 5px 0;  
		margin:0px;
	}
	.techspec td.rightalign { 
		text-align: right;
		vertical-align:top;
		padding:1px 0 5px 0;  
		margin:0px;
	}

			
	.techspec a:link, a:active, a:visited {
		color:#003888; 
		text-decoration:none;
		padding:0px;
		margin:0px;
	}
	.techspec a:hover {
		color:#003888;
		text-decoration:underline;
	}