﻿/*----------------------------------------------------------------------------------------------*/
/* Globalstyles */
/*----------------------------------------------------------------------------------------------*/


/* CONTAINERS AROUND LISTINGS INSIDE WEBPARTS */
.listholder {
	padding:0px !important;
	margin: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,  Sans-serif;
		padding-left:15px;
		margin:0 0 0 0;
		border-top:6px solid #b2c0da;  
		padding-top:10px;  
		font-size:13px; 
	}	

.logoww { padding:15px 0 0 34px; margin:0; border:none; }

/*used on WW global sites.*/
/*.contactContainer {
	float:right;
	width:100%;
}*/


.globalmenuLine { 
	float:left; 
	padding:0 2px 0 16px !important; 
	margin:0px;
	background:url('/Style%20Library/images/ww/HOME/stripes1_globalTop.gif') no-repeat top left;
}

ul.globalMenu  {	
	background:url('/Style%20Library/images/ww/searchField.gif') no-repeat top right;
	list-style-type:none; 
	margin:0px; 
	float:left;
	padding:0 276px 0 0;
	
  }
	ul.globalMenu li  { 
		float:left; 
		padding:0px 0px 1px 0px; 
		display:inline;  
	}

		ul.globalMenu li a { 
			color:#003888; 
			text-transform:uppercase; 
			text-decoration:none;  
			padding:0px 19px 0 19px;
			font-weight:normal; 
		}
			ul.globalMenu li a:hover { 
				background-color:#003888; 
				color:#FFFFFF;
				text-decoration:none; 
				text-transform:uppercase;  
				padding:0px 19px 0 19px; 
			}
				ul.globalMenu li a.selected { 
					background-color:#003888; 
					color:#FFFFFF; 
					text-transform:uppercase;   
					padding:0px 19px 0 19px;  
				}


#wrapper {
	padding:0px;
	margin:auto;
	float:left;
}

#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;	
	padding:0px; 
	/*(border-top:5px solid #003182 -- this style is located in WWSubsite.master)*/	  
/*}*/



/*----------------------------------------------------------------------------------------------*/
/* RULES FOR LEFTNAVIGATION */
/*----------------------------------------------------------------------------------------------*/

/* FIRST LEVEL, leftNavigation  */
#leftContent {
	width: 188px;
	float:left;
	border-top:1px solid #003082;
	padding:0px;
	margin:0 6px 0 0;
	
}

	ul.leftNavigation { 
		background-color:#b2c0da;
		border-bottom:2px solid white;
		margin:0px;
		padding: 0px 0px 1px 0;
		list-style-type:none;
		font-size: 11px;
		border-top: 6px solid #94abcd;
	}
	
	ul.leftNavigation li { 
		/*border-bottom:1px solid white; */
		display:block;
		padding:0px; 
	 }
		
		ul.leftNavigation li a { 
			text-transform:uppercase; 
			background-color:#e8e5e2;
			color:#FFFFFF;
			text-decoration:none; 
			display:block;
			padding:5px 0 5px 10px;
			font-weight:bold;
			border-top:1px solid #ffffff;   					
		}
		
		ul.leftNavigation li a:hover { 			
			background-color:#003789!important;
			background:none;
			text-decoration:none;
			color:#FFFFFF;			
			padding:5px 0 5px 10px;
			font-weight:bold; 
		}
			
			ul.leftNavigation li a.selected {				
				background:#003789 url('/Style%20Library/Images/WW/arrow_003789.gif') no-repeat left bottom;				
				text-decoration:none;
				color:#ffffff;				
				padding:11px 0 1px 10px;
				border-bottom: 1px solid #FFFFFF; 
				font-weight:bold;   
				}
			
			ul.leftNavigation li a.selected:hover {				
				background-color:#001b53 !important;
				background-image:none; 				
				text-decoration:none;				
				padding:11px 0 1px 10px;
				border-bottom: 1px solid #FFFFFF;
				font-weight:bold;    
			}

				ul.leftNavigation li a.childselected {
					background-color:#003789 !important;
					color:#FFFFFF; 
					text-decoration:none;				
					padding:11px 0 1px 10px;
					border-bottom: 1px solid #FFFFFF;
					font-weight:bold; 					 			
				}
				
				ul.leftNavigation li a.childselected:hover {
					background-color:#000066 !important; 
					color:#FFFFFF; 
					text-decoration:none;				
					padding:11px 0 1px 10px;
			}

/* END FIRSTLEVEL, leftNavigation */


/* SECOND LEVEL, leftNavigation  */
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 {
			padding:1px 0 0 0; 
			text-transform:uppercase; 
			color:#001b53 !important; 
			text-decoration:none; 
			display:block;
			padding:3px 8px 3px 10px;
			font-weight:normal;
			border-top:none;  
		}
		
		ul.leftNavigation ul li a:hover {				
			background-color:#003789 !important;
			color:#FFFFFF !important;
			padding:3px 8px 3px 10px;   	
			display: block;
			font-weight:normal;  
		}
		
		ul.leftNavigation ul li a.selected {
				background:url('/Style%20Library/images/WW/menu_img/003789_second_select.gif') left no-repeat;
				background-color:#003789; 
				color:#FFFFFF !important; 
				text-decoration:none;				
				padding:3px 8px 3px 10px;  	
				border:none;
				font-weight:normal;  				
		}
		
		ul.leftNavigation ul li a.selected:hover {
				background:none;
				background-color:#003789 !important; 
				color:#FFFFFF !important; 
				text-decoration:none;				
				padding:3px 8px 3px 10px;
				border:none; 
				font-weight:normal;   	
							
		}

				ul.leftNavigation ul li a.childselected {
					background:url('/Style%20Library/images/WW/menu_img/003789_second_select.gif') left no-repeat;
					background-color:#003789 !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:#003789 !important;
					color:#FFFFFF !important; 
					text-decoration:none;				
					padding:3px 8px 3px 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;
			font-weight:normal;			
			color:#333333 !important;
			text-decoration:none; 
			display:block;
			padding:3px 10px 3px 27px;
			text-transform:none;
			font-size:12px;
			border:none;
		}
		
		ul.leftNavigation ul ul li a:hover {			
			color:#ffffff !important;
			background-color:#003789 !important;
			display:block;
			border:none;
			padding:3px 10px 3px 27px;
			text-decoration:none; 
		}
		
		ul.leftNavigation ul ul li a.selected {
			color:#003787 !important;
			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 3px 27px;
			text-decoration:none; 
			border:none;
		}
		
		ul.leftNavigation ul ul li a.selected:hover {
			color:#ffffff !important;
			background-color:#003789 !important;
			display:block;
			border:none;
			padding:3px 10px 3px 27px;
			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 27px;
			text-decoration:none;
			border:none; 
		}
			
		ul.leftNavigation ul ul li a.childselected:hover {
			color:#ffffff !important;
			background-color:#003789 !important;
			display:block;
			border-bottom:none;
			padding:3px 10px 4px 27px;
			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:#003789 !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:#003789 !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:#003789 !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 */
/*----------------------------------------------------------------------------------------------*/


/* SETS THE BACKGROUND COLOUR IN CENTERCONTENT */
.centerContent { background-color:#b2c0da;   }


#centerContent_oneColoumn {	
	/*float: left;*/
	width:100%;
	padding: 0px;
	border-top:6px solid #b2c0da;
}
	


/*.centerContent h1 { padding:0 0 0 15px; margin:0px !important; }*/
.centerContent h3 { padding:0px; margin:0px !important; }



.centerContent_leftside_section {
	float:left;
	width:48%;
	margin:0px;
	padding:0 15px 0 0px;
	background-color:#FFFFFF;
}

/*
.centerContent_leftside_section table tr td table tr td {
	padding-bottom:20px !important;
}
.centerContent_rightside_section table tr td table tr td {
	padding-bottom:20px !important;
}*/



.centerContent_rightside_section {
	float:left;
	width:47%;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;	
}


.outlisting_bullet {
	padding:0 0 10px 0px;
	margin:0px;
	list-style-type:none;
}
.outlisting_bullet li {
		padding:0 0 3px 7px;
		background:url('/Style%20Library/images/WW/bulletList.gif') left no-repeat;		
	}
	.outlisting_bullet li a {
			color:#003888;
			text-decoration:none;
			padding:0 0 0 0px;	
		}
		.outlisting_bullet li a:hover {
			text-decoration:underline;
			padding:0 0 0 0px;	
		}


.outlisting {
	padding:0 0 10px 0px;
	margin:0px;
	list-style-type: none;	
}
	.outlisting li {
		padding:0 0 3px 0;
		display:block;
	}
		.outlisting_bullet li a {
			color:#003888;
			text-decoration:none;
			display:block;
			padding:0 0 0 0px;	
		}
		.outlisting li a {
			color:#003888;
			text-decoration:none;
			display:block;
			padding:0 0 0 0px;	
		}
		.outlisting_bullet li a:hover {
			text-decoration:underline;
			display:block;	
		}



		.outlisting li a:hover {
			text-decoration:underline;
			display:block;	
		}



/*----------------------------------------------------------------------------------------------*/
/* RULES FOR RIGHT SIDE/RIGHTCONTENT */
/*----------------------------------------------------------------------------------------------*/


/* SETS THE BORDER-TOP COLOUR IN RIGHTCONTENT */

#rightContent {	border-top:6px solid #b2c0da; }



/* END RULES FOR RIGHT SIDE/RIGHTCONTENT */


/*----------------------------------------------------------------------------------------------*/
/*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. */  
/*----------------------------------------------------------------------------------------------*/

/* BOTTOM LINE FOR SECTIONPAGES, MEANING NARROW RIGHTCONTENT (219PX) */
#bottomSection {
	background:url('/Style%20Library/Images/WW/bottomAbout_section.gif') no-repeat;
	padding:0px;
	margin:0px;
	height:8px;
	float:left;
	width:100%;	
}

/* BOTTOM LINE FOR SECTIONPAGES, WITH JUST ONE COLOUMN CONTENT, NO RIGHTSIDE/RIGHTCONTNENT */
#bottomOneColoumn {
	background:url('/Style%20Library/Images/WW/bottomAbout_oneColoumn.gif') no-repeat !important;
	padding:0px;
	margin:0px;
	height:8px;
	float:left;
	width:100%;	
}
#bottomContact {
	background:url('/Style%20Library/Images/WW/bottomAbout_oneColoumn.gif') no-repeat !important;
	padding:0px;
	margin:0px;
	height:8px;
	float:left;
	width:100%;	
}



	
/* RULES FOR FOOTER */
#footer { 
	width:188px; 
	color:#406aa6; 
	font-size:0.9em; 
	text-align:left;
	padding:2px 0 7px 0;
	float:left;  
}	


/*----------------------------------------------------------------------------------------------*/
/* END RULES FOR TABLE ON IR (INVESTOR RELATIONS) SECTIONPAGE. */
/*----------------------------------------------------------------------------------------------*/




/*----------------------------------------------------------------------------------------------*/
/* RULES FOR BUSINESS INDEX. PRODUCT AND SERVICES. */
/*----------------------------------------------------------------------------------------------*/

/* RULES FOR MAINCONTENT/CENTERCONTENT, products and services "menu" */
#prodServ_menu {
	width:99%;
	float:left;
	margin:0px;
	padding: 0 5px 20px 0;
}
#prodServ_menu h3 a { 
	background: url(/Style%20Library/images/ww/businessIndex_menu.gif) left no-repeat; 
	color:#999999 !important; 
	text-decoration:none;  
	padding:0 15px 0 8px;
	margin:0 10px 0 0;
	font-size:16px !important;
	font-weight:normal;
		 
}
	#prodServ_menu h3 a:hover { 
		background: url(/Style%20Library/images/ww/businessIndex_menuHover.gif) left no-repeat; 
		color:#001b53 !important; 
		text-decoration:none; 
		padding:0 15px 0 8px;
		margin:0 10px 0 0;		
	}
		#prodServ_menu h3 a.selected { 
			color:#001b53 !important; 
			text-decoration:none; 
			padding:0 15px 0 8px;
			margin:0 10px 0 0;
			background: url(/Style%20Library/images/ww/businessIndex_menuSelect.gif) left no-repeat;  
		}
		
		
		
/* RULES FOR A-Z LIST ------------ moved to commonstyles.*/
/*.az_list {
	margin: 0px 0 7px 0;
	padding: 0px;
	width: 90%;
	border:1px solid red;
}
	.az_list a { 
		margin:0 10px 0 0 !important; 
		padding:0px; 
		text-transform:uppercase; 
		color:#666666; 
		text-decoration:none; 
		font-weight:normal; 
		font-size:1.1em; 		
	}
		.az_list a:hover { 
			margin:0 10px 0 0; 
			padding:0px; 
			text-transform:uppercase; 
			color:#003888; 
			text-decoration:underline; 
			font-weight:normal; 
			font-size:1.1em; 
		}
			.az_list a.selected { 
				margin:0 10px 0 0; 
				padding:0px; 
				text-transform:uppercase; 
				color:#003888; 
				text-decoration:underline; 
				font-weight:bold; 
				font-size:1.1em; 
			}
*/			
			
.listholderLeft {
	float: left;
	width: 45%;
	margin: 0 0 20px 0;
	padding: 0 40px 10px 0;
}
		
 /* makes space between shipping and logistics lists . WWHome/ Products & Services */
 .listholderLeft .ms-PartSpacingVertical {
 	margin:0px; 
	padding:0 0 10px 0 !important; 
	height:0px;
	width:0%;	
 }

.listholderRight {
	float: left; /* float reinstated - SA 73658 */
	width: 45%;
	margin: 0 0 20px 0;
	padding: 0 10px 10px 5px;
}

.letter_listholder {
	margin: 0 0 20px 0;
	padding: 0px;
	width: 90%;
}
	
/* END RULES FOR A-Z LIST*/	





/*----------------------------------------------------------------------------------------------*/
/* RULES SEARCHSITE, (searchresult) SHAREPOINT CLASSES. . */
/*----------------------------------------------------------------------------------------------*/

/*search box. (makes space below the search box.)*/
table.ms-sbtable{
	margin:0 0 30px 0;
	background-color:#ffffff;	
}

.ms-sbtabletd .ms-sbrow .ms-sbcell {
	background-color:#ffffff;
}

.ms-sbgo ms-sbcell{
	background-color:#ffffff;
}

.srch-description {
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;

}


/* styles search result*/
.srch-stats {
	margin:0 0 24px 0;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333333;
}

.srch-Page  {
	background-color:#ffffff;
	float:left;
}

#SRP a:link, #SRP a:active, #SRP a:visited  {
	color:#003888 !important;
}

#SRP a:hover  {
	color:#003888 !important;
	text-decoration:underline;
}

#SRP a.selected  {
	color:#003888 !important;
	text-decoration:underline;
	font-weight:bold;
}

.srch-Page a img, .srch-Page a:hover img  {
	text-decoration:none;
}

#SRP a#SRP_Next img, #SRP a#SRP_Next:hover img {
	text-decoration:none !important;
	padding:0px;
	margin:0px;
}

a#SRP_NextImg:hover {
	text-decoration:none;
}

/* OneColumnThreecolumnsSectionpage */

#OCTCcenterContent_oneColoumn {
	width: 786px;
	float: left;
	padding:0px;
	border-top:6px solid #94abcd;
}


#OCTCFirstCol {
	width:245px; 
	margin:0 0 30px 0; 
	padding:0 10px 0 0; 
	float:left; 
}

#OCTCSecondCol {
	width:245px;
	margin:0 0 30px 0; 
	padding:0 10px 0 0; 
	float:left; 
}

#OCTCThirdCol {
	width:245px; 
	margin:0 0 30px 0; 
	padding:0 0px 0 0; 
	float:left; 
}

.OCTCleftside{
	/*width:505px;*/
	width:420px;
	/*width:50%;*/
	margin:0 0 20px 0; 
	padding:0 30px 0 0; 
	float:left;
}

.OCTCquickportsearchArea {
	width:244px;
	/*width:35%;	*/
	padding:0 0 0 0px;
	margin:0 0 20px 0;	
}



