/*
   layout.css
*/

.contact{
	margin: 0px;
	padding: 0px;
}


/* COLUMNS */

.col_ { float: left; }

/* two-col_ */
.two-col_ { width: 671px; clear: both; }
.two-col_ .col_ { width: 315px; margin-right: 21px; }
.two-col_ .last_ { margin-right: 0 !important; }

.expander .two-col_ { width: 661px; }
.expander .two-col_ .col_ { width: 310px; }
.expander  select { width: 310px; }

.content-article .two-col_ { width: 427px; }
.content-article .col_ { width: 206px; margin-right: 15px; }

/* three-col_ */
.three-col_ { width: 661px; clear: both; }
.three-col_ .col_ { width: 500px; margin-right: 11px; padding-right: 10px; }
.three-col-media_ .col_ { width: 300px; margin-right: 11px; padding-right: 10px; }
.three-col_ .last_ { margin-right: 0; }
	.full-width .three-col_ { width: 895px; clear: both; }
	.full-width .three-col_ .col_ { width: 291px; margin-right: 1px; }
	.full-width .three-col_ .last_ { width: 291px; margin-right: 0; padding-right: 0; }
	#worldwide-sites .three-col_ { width: 895px; clear: both; }
	#worldwide-sites .three-col_ .col_ { width: 291px; margin-right: 1px; }
	#worldwide-sites .three-col_ .last_ { width: 291px; margin-right: 0; padding-right: 0; }

/* four-col_ is spaced for the full width of the page by default.
	Individual sections explicitly determine other sizes. */
.four-col_ { width: 895px; clear: both; }
.four-col_ .col_ { width: 203px; margin-right: 11px; margin-bottom: 0; padding-left: 10px; }
.four-col_ .last_ { margin-right: 0; }

.executive-list .last_ { padding-right: 0 !important; }


/* ROWS */

/* rows with DLs, executive team */
.three-col_ .row_ { width: 661px; margin-bottom: 18px; }
.three-col_ .row_:after { clear: both; content:"."; height: 0; visibility: hidden; display: block; }
.three-col_ .row_ dl { width: 203px; margin: 0 11px 0 0; padding-right: 10px; float: left; }
.three-col_ .row_ dl.last_ { margin-right: 0; padding-right: 0; }

/* rows with Ps, all brands */
.four-col_ .row_ { width: 895px; margin-bottom: 18px; }
.four-col_ .row_:after { clear: both; content:"."; height: 0; visibility: hidden; display: block; }
.four-col_ .row_ p { width: 213px; margin: 0 1px 0 0; padding-left: 10px; float: left; line-height: 18px; }
.four-col_ .row_ p.last_ { margin-right: 0; }
.four-col_ .row_ p br { display: none; }
.four-col_ .row_ p strong { display: block; }


/* CONTENT - wrapper for non-shell content */

/*style set in shell.css*/
#content {}
	.article #content,
	.info-page #content,
	.newsletter #content,
	.full-width #content,
	.search #content,
	.subcategory #content,
	#investor-relations #content{
		padding-top: 73px;
		
		
	}

	.category #content,
	.news-and-views-landing #content {
		padding: 0px 0 0px 0;
		
	}
	.news-and-views-landing #main-content {min-height:330px!important; margin-bottom:0;}
	.right-bleed #content {
		padding-right: 0;
	}
	
/*phase graphics*/
.phase #content { background-image: url('/en_UK/_images/phase/bkgd-company.png'); }
#sustainability.phase #content { background-image: url('/en_UK/_images/phase/bkgd-sustainability.png'); }
#news-and-views.phase #content { background-image:url('/en_UK/_images/phase/news-phase-01.png');}
#company.phase #content { /*background-image: url('/en_UK/_images/phase/bkgd-company.png');*/ background-image:url('/en_UK/_images/phase/news-phase-01.png'); }
#brands.phase #content { background-image: url('/en_UK/_images/phase/bkgd-brands.png'); }
#investor-relations.phase #content	{background-image: url('/en_UK/_images/phase/bkgd-company.png');}
#SiteMap.phase #content, #careers.phase #content { background-image:url('/en_UK/_images/phase/news-phase-01.png');}



#pg-views-logo { padding-top: 12px; padding-bottom: 9px;}

	/*sits at top of main-content*/
	#lead {
		/* Edit by corbus May 10 */
		/*margin: 0 0 50px 0; */
		margin: 0 0 0px 0;
		/*End Editing*/
		padding: 0;
		position: relative;
	;
	}
		#lead img { display: block; }
		
		.news-and-views-landing #lead {
			margin-bottom: 0;
			
			
			height: 450px;
			background: url('../../_images/content/bg-pg-views-lead.png') 0 0 no-repeat;
		}
	
/* MAIN CONTENT - primary article content */

#sidebar-content,
#refine-search {
	margin: 0 1px 50px 0; padding: 0;
	width: 223px;
	float: left;
	position: relative;
}
#brands #main-content, #brands #content	{margin-bottom:0 !important; padding-bottom:0;}
#main-content{
	margin:0;
	width: 661px; height: auto;
	float: right;
	position: relative;}

#search-results {
	margin: 0 0 20px 0;
	width: 661px; height: auto;
	float: right;
	position: relative;
}

.breadcrumb	{ font-size:0.75em;  color:#666666;}
.breadcrumb a	{text-decoration:underline;}
	.page-title {
		margin: 0 0 30px 0; padding: 8px 0 0 0;
		color: #444;
		font-size: 13px;
		font-weight: bold;
	}
	
#sustainability.category .page-section, #company.category .page-section	{
	/*background:url("/en_UK/_images/PH_callouts/PH-brand-callout-BG.png") repeat-y scroll 0 0 transparent;*/
	border-top:0 none;
	margin:0 auto;
	overflow:hidden;
	padding:0;
	width:/*943*/935px;
	padding:16px 0 0 0;
}
/*#sustainability.category .page-section-header, #company.category .page-section-header	{background:url('/en_UK/_images/PH_callouts/PH-brand-callout-header.png') 0 100% no-repeat; background-position:0 100%; width:945px; margin:0 auto; height:9px; overflow:hidden;}*/
#sustainability.category  .category-intro	{width:270px; margin-right:24px;}	

/*#news-and-views .page-section-header	{background:url('/en_UK/_images/PH_callouts/PH-callout-header.png') 0 100% no-repeat; background-position:0 100%; width:945px; margin:0 auto;}*/

#news-and-views.article .page-section	{width:auto; margin:0 auto;padding-top:20px;}

#brands	.centerimage	{clear:both;  padding:20px 0 0 90px ;}


#investor-relations.article .medium-header {margin:0 0 15px 0; }

.page-intro {
		padding: 0;
		position: relative;
		z-index: 10;
		/* edit by corbus may 10
		margin: 0 0 20px 0; 
		end editing*/
		margin:0; 
	}

	
		.page-intro img { display: block; }
		.page-intro .small-header { width: 427px; font-size: 1.4em; font-weight: bold; }
		.page-intro .medium-header { width: 539px; font-size: 2.1em; font-weight: normal; }
		.page-intro .large-header { width: 427px; /* edit by corbus may 10 font-size: 4.4em; */ font-size:2.0em; /* end editing*/ font-weight: bold; line-height: 1; }
			.full-width .page-intro .small-header { width: 427px; }
			.full-width .page-intro .medium-header,
			.full-width .page-intro .large-header { width: 539px; }
			
			/*header colors*/
			.small-header, .medium-header, .large-header { color: #0046AD; } /*blue*/
			#brands .small-header, #brands .medium-header, #brands .large-header { color: #F06900; } /*orange*/
			#sustainability .small-header, #sustainability .medium-header, #sustainability .large-header { color: #6EB820; } /*green*/
			/* #news-and-views .small-header, #news-and-views .medium-header, #news-and-views .large-header { color: #A31A7E; } */
		.posted {
			margin: 3px 0 5px 0;
		}
		.page-intro-caption {
			color: #999999;
			position: absolute;
			bottom: 35px; left: 224px;
		}
		
	.page-section {
		margin: 0; 
		
		/* edit by corbus may 10
		padding: 10px 0 40px 0;
		border-top: 3px solid #cccccc;
		padding: 10px 0 40px 0;
		end editing */
		
		padding: 10px 0 0 0;
		
		
	}
		#flash-content { margin-bottom: 30px; }
		#flash-content img { display: block; }
	.view-by { }
		.view-by select { width: 223px; }
		.page-intro .view-by {
			position: absolute;
			top: 0px; right: 0;
		}
			.page-intro .view-by p { margin: 0 0 8px 5px; display:inline;}
		.page-section .view-by {
			margin: 0 0 30px 0; padding: 15px 10px 18px 10px;
			border: 1px solid #cccccc;
			background: #f9f9f9;
			position: relative;
			z-index: 11;
		}
			.page-section .view-by label { display: block; margin-bottom: 8px; }
			.page-section .view-by p { margin: 0; }
	.content-section {
		clear: both;
		margin: 0 0 30px 0; padding: 10px 0 0 0;
		border-top: 1px solid #cccccc;
	}
		.content-article {
			clear: both;
			width: 427px;
			float: left;
			word-wrap: break-word;
		}
		.content-sidebar {
			width: 223px;
			float: right;
		}
		 .content-sidebar .container {width:auto !important;}
	
.content-block.full-block {
	width: 661px;
}
.full-block .block .legend {
	width: 430px;
	float: left;
}
.full-block .block .legend img {
	margin: 20px 0 15px;
}
.full-block .block .figure {
	float: right;
	padding-right: 0;
}
	
	.blog-entry {
		clear: both;
		/*margin: 0 0 20px 0; */
		
		padding: 10px 0 0 0;
		width: 661px;
		border-bottom: 1px solid #cccccc;
		position: relative;
		overflow:auto;
	}
	#news-and-views .full-width news-and-views-landing .blog-entry {	width: 276px; overflow:hidden;}
	#news-and-views .full-width news-and-views-landing .blog-entry {	width: 206px; overflow:hidden;}
	.blog-title {
			width: 427px;
			/* commented by corbus 
			float: left;
			*/
		}
		.blog-meta {
			/* commented by corbus 
			width: 213px;
			float: right;*/
			font-size: 1em;
			
			
		}
		
		#news-and-views .blog-entry	{border-bottom:none;}
			.blog-meta p { margin: 0 0 10px 0; line-height: 1.2; }
			.blog-meta .date { font-weight: normal; font-style:normal!important; }
			.blog-meta dl { margin: 0 0 10px 0; line-height: 1.2; font-size: 1em; }
			.blog-meta  p.posted-under {font-size:0.75em; color:#8d8d8d;}
			.blog-meta  p.posted-under a	{ color:#8d8d8d; font-weight:bold;}
			.blog-entry .blog-article	{float:left; width:375px; margin-left:10px;}
			.blog-entry .blog-article-img	{float:left;}
			.blog-entry .blog-article-img img	{border:1px solid #ccc;}
			
			
			.posted-by,
			.posted-under { font-size: .85em; text-transform: uppercase; color:#8d8d8d; }
			.posted-by { font-size: .875em; }
			#news-and-views.article .posted-under{color:#8d8d8d;}
		.blog-article {
			width: 427px;
			float: left;
		}
		.blog-article object {
			margin-bottom: 18px
		}
				
		.blog-sidebar {
			width: 223px;
			float: right;
		}
		
	/*any top-sitting element, clears style*/
	.top_ { padding-top: 0; border-top: 0; }
	
#secondary-content {
	clear: both;
	margin: 20px 0 0 0; padding: 0;
	
}
	p.leadin {
		margin: 0 10px 1em 10px; padding: 0;
	}

/* MAIN CONTENT OVERRIDES */

		
	/*category landing*/
	.category #main-content {
		width: 935px; height: auto;
		float: none;
		
		
	}
		.category .page-section {
			margin: 0; padding: 0 0 20px 0;
			border-top: 0;
			
		}
		.category-intro {
			margin: 0; padding: 0 10px 0 30px;
			width: 203px; height: auto;
			float: left;
		}
		#category-navigation {
			margin: 0; padding: 20px 20px 0 10px;
			width: 270px; height: auto;
			float: left;
			
		}
		
#company.category 	#category-navigation {
			margin: 0 0 0 8px; 
			/*padding: 0px 20px 0 15px;*/
			width: 585px; height: auto;
			float: left;
			
		}
#company.category 	#category-navigation .col_	{ width:292px; float:left; margin-bottom:20px;}
#company.category 	#category-navigation .col_ img	{float:left;}
#company.category 	#category-navigation .col_ .content	{float:left; padding-left:10px;width:190px; text-align:left;}
#company.category 	#category-navigation .col_ .content	p	{margin-bottom:5px;}
/*#company.category 	#category-navigation .col_ .content h2	{font-size:1.5em;  }*/
#company.category 	#category-navigation .col_ .content h3	{font-size:1.5em;  }
#company.category .category-intro {
			margin:0 0 0 5px ; padding: 0 10px 0 5px;
			width: 280px; height: auto;
			float: left;
			text-align:left;
			
		}
		
	/*sub-category landing*/
	.subcategory #main-content {}
	
	/*brands sub-category landing*/
	.brands-subcategory .page-section {
		border: 0; padding-top: 0;
	}
	
	/*search*/
	.search #main-content {
		width: 895px;
		float: none;
	}
		.search .page-title { padding-left: 10px; }
		#refine-search {} /* defined as sidebar-content */
			#refine-search form {} /* defined in common.css */
		#search-results {} /* defined as main-content */
		
	/*full width*/
	.info-page #main-content,
	.full-width #main-content {
		width: 895px; min-height: 350px;
		float: none;
	}

	.newsletter #main-content{
	margin:0;
	width: 661px; height: auto;
	float: right;
	position: relative;
	}


		.info-page .page-title,
		.info-page .page-intro,
		.full-width .page-title,
		.full-width .page-intro {
			margin-left: 10px;
			margin-right: 10px;
		}
		
		/*all brands*/
		.all-brands .content-title { margin-left: 9px; }
		.all-brands p a { font-weight: normal; }
		
	/*info page (404 error, etc.)*/
	.info-page .page-section {
		padding: 10px 10px 40px 10px;
		border-top: 0;
		width: 651px;
		float: left;
	}
	.info-page .page-sidebar {
		margin: 0; padding: 10px 0 0 0;
		width: 223px;
		float: right;
	}
		.info-page .content-title { margin-bottom: 10px; }	


	/*right bleed*/
	.right-bleed #main-content {
		width: 681px;
	}
		.right-bleed .page-title {
			margin-bottom: 0;
		}
		.right-bleed .page-intro {
			margin: 0; padding: 0;
		}
		.right-bleed .page-section {
			margin-right: 20px;
			border-top-width: 1px;
			padding-top:0;
		}
	
	.right-bleed .three-col_ .col_	{margin-bottom:20px;}
	/*news & views landing*/
	.news-and-views-landing #main-content {
		width: 935px; height: auto;
		float: none;
	}
		.news-and-views-title {
			margin: 0 0 10px 0; padding: 0 0 0 0;
			color: #0046AC;
			font-size: 4em;
			font-weight: bold;
			display: none;
		}
		.news-and-views-landing .page-intro {
			margin: 0 0 0 0; padding: 20px 0 0 110px;
			width: 280px;
			background: url('/en_UK/_images/content/bg-pg-views-title.png') 0 0 no-repeat;
			position: absolute; top: 141px; left: 30px;
			color: #0046AC;
		}
			.news-and-views-landing .page-intro p { padding: 65px 0 0 3px; }
			
			
			
#bubbles { 
	width: 425px;
	position: absolute; 
	top: 125px; 
	left: 470px;
	overflow: auto;
	height: 200px;
}
.bubble-controls { display: none; }
.js-enabled #bubbles { 
	top: 141px;
	left: 478px;
	width: 397px;
	overflow: hidden;
}
.js-enabled #bubbles .bubble { 
	height: 200px;
}
		.news-and-views-landing .bubble {
			margin: 0 0 20px 0; padding: 0 30px 0 0;
			color: #fff;
		}
.js-enabled .news-and-views-landing .bubble { 
	margin-bottom: 20px;
}		
			.bubble {  }
			.bubble .date { margin: 0 0 7px 0; }
			.bubble p { margin: 0 0 1.25em 0; font-size: 1.083em; /*color:#000000;*/ }
			.bubble a { color: #FFFFFF;font-weight: bold;
}
			
			.bubble-controls { position: absolute; bottom: 0; right: 20px; margin: 0; padding: 0; }
				.bubble-controls li { margin: 0; padding: 0; display: inline; line-height: 30px; font-size: .9em; font-weight: bold; float: left; padding-left: 5px; }
				#lead .bubble-controls li img { display: block; margin: 0; padding: 0; }
				.bubble-controls a {  }

		.news-and-views-landing .page-section {
			margin: 0; padding: 0 20px 0 20px;
			border-top: 0;
		}
		
	/*careers landing*/
	.careers {
		padding-bottom: 35px;
		border-bottom: 1px solid #cccccc;
		background: url('/en_UK/_images/content/bg-careers.jpg') left bottom no-repeat;
		min-height: 650px;
	}
		.careers-info {
			margin: 0; padding: 10px 0 0 0;
			width: 300px;
			float: left;
		}
			.careers-info p {
				margin: 10px 0 0 0; padding: 0;
				line-height: 1.4;
			}
		.careers-options {
			margin: 0; padding: 0;
			width: 335px;
			float: right;
		}
			.career-box {
				margin-bottom: -1px;
				padding: 10px;
				border: 1px solid #D6D6D6;
				background: white;
			}
				.bottom { margin-bottom: 0; }
			.career-gray-box {
				padding: 20px 20px 25px 20px;
				background: #eeeeee;
			}
				.career-gray-box .content-title {
					margin: 0 0 -7px 0;
				}
				.career-gray-box p {
					margin: 12px 0 0 0; padding: 0;
					line-height: 1.4;
				}
				.career-gray-box form {
					margin: 5px 0 0 0;
				}

		.careers img { display: block; }
		
		.careers .job-number-search input.text { width: 184px; margin-right: 0; }
			* html .careers .job-number-search input.text { width: 184px; }
		.careers .job-number-search select { width: 198px; }
		.careers .job-number-search .custom-select span { color: #444; font-weight: bold; }
		.careers .job-number-search .search-image { vertical-align: bottom; margin-left: 6px; }
		
		.careers .return-search select { width: 198px; }
		.careers .return-search .custom-select span { color: #444; font-weight: bold; }
		.careers .return-search .search-image { vertical-align: bottom; margin-left: 6px; }
		
		.careers .intl-job-search select { width: 198px; }
		.careers .intl-job-search .custom-select span { color: #444; font-weight: bold; }
		.careers .intl-job-search .search-image { vertical-align: bottom; margin-left: 6px; }
		
		.careers p.note { font-size: 0.917em; margin-bottom: 15px; }

/*====================Site Map ========================*/

	
	#SiteMap.full-width #content{padding-top:30px;}
	#SiteMap.full-width .page-intro	{margin-left:0px!important;}
	#SiteMap..full-width .page-intro .medium-header	{width:800px;}
	#SiteMap.full-width .three-col_	{ overflow:hidden; margin-bottom:30px;}
	#SiteMap.full-width .three-col_	 p	{margin-bottom:5px;}
	#SiteMap.full-width .three-col_ li a	{margin:0 0 5px 10px; line-height:1.8em;text-decoration:underline;}
	#SiteMap.full-width .three-col_ .col_	{margin:0px; padding-right:0px; width:298px;border:none;}
	#SiteMap.full-width  .three-col_  .first_	{ width:272px;  margin:0 17px 0 0;  padding:0; }
	#SiteMap.full-width  .three-col_  .middle_	{ width:298px;margin:0 17px 0 0;}
	#SiteMap.full-width  .three-col_ .last_ {width:291px; margin-right:0;}