/*RULES FOR MTS, MARITIME TRANSACTION SERVICES.  */


/*.logo { margin:0 0 15px 30px; }*/
.logo { margin:0px 15px 30px; padding:10px 0 0 0; }


/*div container, containing the search control*/
div.search {
	float:left;
}

/* div containing the SEARCH gif. */
div.searchImage{
	display:block;
}


.textfield { 
	width:176.5px;
	padding:0 2px 2px 2px; 
	color:#000066; 
	margin:0px; 
	border:1px solid #000066; 
	height:11px !important; 
	float:left;	
}

.formButton { 
	padding:0 0 0 4px; 
	margin:0px;
	float:left;
	
}

/* ENDRULES FOR SEARCH IN THE GLOBAL MENU */


/* RULES FOR GLOBALTOP */

.topcontainer {
	 width:980px;
	 float:left;
	 height:100%; /* IE 7.0 fix. If left out; unwanted whitespace between the background image and the div content*/
	 padding:0 0 8px 0; 
	 margin:0 0 1px 0;
	 background-image:url(/Style%20Library/Images/mts/greyhorizontalline.gif) !important;
	 background-repeat: no-repeat;
	 background-position: bottom;	
} 

/* RULES FOR CONTACT LINK (in the global top) */
.contactGlobal {
	margin: 0px 1px 0 0;
	float:right;	
	padding: 0 9px 0 0;
	background: url('/Style%20Library/Images/mts/contactbgImg.gif') no-repeat right;
}
	
	
	.contactGlobal a { 
		color:#003888; 
		text-transform:uppercase; 
		padding:0 5px 0 5px; 
		text-decoration:none; 
		font-weight:normal;
		font-size:11px;  
	}
			.contactGlobal a:hover { 
				background-color:#003888; 
				color:#FFFFFF; 
				padding:0 5px 0 5px; 
				text-transform:uppercase; 
				text-decoration:none;
				font-size:11px;
			}
				.contactGlobal a.selected { 
					background-color:#003888; 
					color:#FFFFFF; 
					padding:0 5px 0 5px; 
					text-transform:uppercase; 
					text-decoration:none;
					font-size:11px;
				}


/*---------------------------------------------------------------------------------------------------------------------*/
/* END RULES GLOBALTOP */
/*---------------------------------------------------------------------------------------------------------------------*/














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

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



#wrapper {
		
}


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

/*.banner { 
	margin:0 0 2px 0;
	float:left;	
	padding:0px; 
	/*(border-top:5px solid #003182 -- this style is located in WWSubsite.master)*/	  
/*}*/

.Campaign {
	/*background-color:#94abcd;
	padding:6px 0 0 0;
	margin:30px 0 0 0;*/
}




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

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

	ul.leftNavigation { 
		background-color:#94abcd;
		border-bottom:2px solid white;
		margin:0px;
		padding: 0px 0px 1px 0;
		list-style-type:none;
		font-size: 11px;
		border-top: 6px solid #ececee;
	}
	
	ul.leftNavigation li { 
		border-bottom:1px solid white; 
		display:block;
		padding:0px; 
	 }
		
		ul.leftNavigation li a { 
			text-transform:uppercase; 
			background-color:#003082;
			color:#FFFFFF;
			text-decoration:none; 
			display:block;
			padding:5px 0 5px 10px;
			font-weight:bold; 						
		}
		
		ul.leftNavigation li a:hover { 			
			background-color:#001b53 !important;
			background:none;
			color:#FFFFFF;			
			padding:5px 0 5px 10px;
			font-weight:bold; 
		}
			
			ul.leftNavigation li a.selected {				
				background:#003082 url('/Style%20Library/images/mts/menu_img/arrowFirstlevel_003082.gif') left top no-repeat;
				color:#ffffff;	
				text-decoration:none;				
				padding:10px 0 2px 10px;
				border-bottom: 1px solid #FFFFFF;
				font-weight:bold;    
				}
			
			ul.leftNavigation li a.selected:hover {				
				background-color:#001b53;
				background-image:none; 				
				text-decoration:none;				
				padding:10px 0 2px 10px;
				border-bottom: 1px solid #FFFFFF; 
				font-weight:bold;   
			}

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

/* END FIRSTLEVEL */


/* SECOND LEVEL */
ul.leftNavigation ul {
	margin:0px;
	padding:0px;
	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 {
			background-color:#edebee;
			padding:1px 0 0 0; 
			text-transform:uppercase; 
			color:#001b53 !important; 
			text-decoration:none; 
			display:block;
			padding:3px 8px 3px 10px;
			font-weight:normal; 
		}
		
		ul.leftNavigation ul li a:hover {				
			background-color:#003082!important;
			color:#FFFFFF !important;
			padding:3px 8px 3px 10px;   	
			display: block;
			text-decoration:none;
			font-weight:normal; 
		}
		
		ul.leftNavigation ul li a.selected {
				background:url('/Style%20Library/images/mts/menu_img/mts_seclev_003082.gif') left center no-repeat;
				background-color:#003082; 
				color:#FFFFFF !important; 
				text-decoration:none;				
				padding:3px 8px 3px 10px;  	
				border-bottom:none;
				font-weight:normal; 
		}
		
		ul.leftNavigation ul li a.selected:hover {
				background:none;
				background-color:#edebee !important; 
				color:#001b53 !important; 
				text-decoration:none;				
				padding:3px 8px 3px 10px;
				border-bottom:none;
				font-weight:normal; 							
		}

				ul.leftNavigation ul li a.childselected {
					background:url('/Style%20Library/images/mts/menu_img/mts_seclev_003082.gif') left center no-repeat;
					background-color:#003082 !important; 
					color:#FFFFFF !important; 
					text-decoration:none;				
					padding:3px 8px 3px 10px; 
					border-bottom: 1px solid #ecebea;
					font-weight:normal; 
				}
				
				ul.leftNavigation ul li a.childselected:hover {
					background-image:none;
					background-color:#003082!important;
					color:#FFFFFF !important; 
					text-decoration:none;				
					padding:3px 8px 3px 10px; 
					font-weight:normal;   
				}

/* END SECOND LEVEL */				
	
				
/* THIRD LEVEL  */
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/mts/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/mts/menu_img/333333_third_activeT.gif') left top no-repeat;	
			background-color:#ffffff;
			font-weight:normal;			
			color:#333333 !important;
			text-decoration:none; 
			display:block;
			padding:3px 10px 4px 24px;
			text-transform:none;
			font-size:12px;
			border:none;
		}
		
		ul.leftNavigation ul ul li a:hover {			
			color:#ffffff !important;
			background-color:#406aa6 !important;
			display:block;
			border:none;
			padding:3px 10px 4px 24px;
			text-decoration:none; 
		}
		
		ul.leftNavigation ul ul li a.selected {
			color:#003787 !important;			
			background:url('/Style%20Library/images/mts/menu_img/406ba2_third_selectT.gif') left top no-repeat;	
			background-color:#ffffff ;
			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:#406aa6 !important;
			display:block;
			border:none;
			padding:3px 10px 4px 24px;
			text-decoration:none; 
			border:none;
		}

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

/* FOURTH LEVEL  */
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/mts/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:#406aa6 !important;
			display:block;
			border:none;
			padding:2px 10px 2px 38px;
			text-decoration:none; 
		}
		
		ul.leftNavigation ul ul ul li a.selected {
			color:#003787 !important;
			background:url('/Style%20Library/images/mts/menu_img/003789_fourth_selectT.gif') left top no-repeat ;					*/
			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:#406aa6 !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:#406aa6 !important;
			display:block;
			border-bottom:none;
			padding:3px 10px 4px 30px;
			text-decoration:none; 
			border:none;
		}
	
							
/* END FOURTH LEVEL */
/* END RULES LEFT NAVIGATION AND LEFTCONTENT*/	



/*----------------------------------------------------------------------------------------------*/
/* RULES FOR LEFT LINKS, (links (gif's) below the leftmenu on every subsite)*/
/*----------------------------------------------------------------------------------------------*/

.leftLinks {
	padding:20px 0 0 1px;

}

	.leftLinks a.login {
		color:#001b53 !important;
		background:url('/Style%20Library/images/mts/mts_leftlink.gif') left no-repeat ;
		display:block;
		height:16px;
		text-transform:uppercase;
		padding:7px 40px 3px 23px !important;
		font-size:11px;
		margin-bottom:22px;
	} 
		
	.leftLinks a.login:hover {
		color:#ffffff !important;
		background:url('/Style%20Library/images/mts/mts_leftlinkMO.gif') left no-repeat ;
		height:16px;
		display:block;
		text-decoration:none;
		padding:7px 40px 3px 23px !important;
	} 
	





/*----------------------------------------------------------------------------------------------*/
/* RULES FOR MAINCONTENT, BRANDS, WMS PRODUCTS AND SERVICES, NEWS*/
/*----------------------------------------------------------------------------------------------*/

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


.centerContent h3 { 
	padding:0px; 
	margin:0px;
	line-height:12px; 
}


.centerContent_leftside {
	float:left;
	background-color:#ffffff;
	width:48%;
	padding:0px;
	margin:0 24px 20px 0px;
}

.centerContent_rightside {
	float:right;
	width:47%;
	background-color:#FFFFFF;
	padding:0px;
	margin:0 0 30px 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 */
/*----------------------------------------------------------------------------------------------*/

#rightContent {	border-top:6px solid #ececee; }	




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

/* 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/mts/bgBottomSection.gif') no-repeat;
	padding:0px;
	margin:0px;
	height:14px;
	float:left;
	width:100%;		
}

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

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




/*----------------------------------------------------------------------------------------------*/
/* RULES FOR PARTNER ZONE - mts_mainpage.aspx */
/*----------------------------------------------------------------------------------------------*/

table.mtsPartners {
	border:0px;
	width:100%;
}
	table.mtsPartners tr {
	
	}

	table.mtsPartners td {
		padding:0px 0 30px 0;
		width:33%;
		text-align:center;
		padding:10px;
	}