/*
   layout.css
*/

/* 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: 203px; 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,
	.full-width #content,
	.search #content,
	.subcategory #content {
		padding-top: 106px;
	}
	.category #content,
	.news-and-views-landing #content {
		padding: 0 0 20px 0;
	}
	.right-bleed #content {
		padding-right: 0;
	}
	
/*phase graphics*/
.phase #content { background-image: url('/en_US/_images/phase/bkgd-company.png'); }
#sustainability.phase #content { background-image: url('/en_US/_images/phase/bkgd-sustainability.png'); }
#news-and-views.phase #content { background-image: url('/en_US/_images/phase/bkgd-news.png'); }
#company.phase #content { background-image: url('/en_US/_images/phase/bkgd-company.png'); }
#brands.phase #content { background-image: url('/en_US/_images/phase/bkgd-brands.png'); }




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

	/*sits at top of main-content*/
	#lead {
		margin: 0 0 50px 0; 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;
}
#main-content,
#search-results {
	margin: 0 0 20px 0;
	width: 661px; height: auto;
	float: right;
	position: relative;
}
	.page-title {
		margin: 0 0 30px 0; padding: 8px 0 0 0;
		color: #444;
		font-size: 1.083em;
		font-weight: bold;
	}
	.pge_t{margin: 0 0 2px 0; padding: 8px 0 0 0;
		color: #444;
		font-size: 1.083em;
		font-weight: bold;}
	.page-intro {
		margin: 0 0 20px 0; padding: 0;
		position: relative;
		z-index: 10;
	}
	
	
		.page-intro img { display: block; }
		.page-intro .small-header { width: 427px; font-size: 1.4em; font-family: "Frutiger Next Heavy"; }
		.page-intro .medium-header { width: 539px; line-height: 1.2em; font-size: 24px; font-weight: 400; font-family: "Frutiger Next Medium"; }
		.page-intro .large-header { width: 427px; font-size: 4.4em;  font-family: "Frutiger Next Heavy"; 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; padding: 10px 0 40px 0;
		border-top: 3px solid #cccccc;
	}
		#flash-content { margin-bottom: 30px; }
		#flash-content img { display: block; }
	.view-by {}
		.view-by select { width: 223px; }
		.page-intro .view-by {
			position: absolute;
			top: 30px; right: 0;
		}
			.page-intro .view-by p { margin: 8px 0 0 0; }
		.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-top: 1px solid #cccccc;
		position: relative;
	}
		.blog-title {
			width: 427px;
			float: left;
		}
		.blog-meta {
			width: 213px;
			float: right;
			font-size: 1em;
		}
			.blog-meta p { margin: 0 0 10px 0; line-height: 1.2; }
			.blog-meta .date { font-weight: bold; }
			.blog-meta dl { margin: 0 0 10px 0; line-height: 1.2; font-size: 1em; }
			
			.posted-by,
			.posted-under { font-size: .85em; text-transform: uppercase; }
			.posted-by { font-size: .875em; }
			
		.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: 0 20px 0 0;
			width: 661px; height: auto;
			float: right;
		}
		
	/*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;
	}
		.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;
		}
	
	/*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_US/_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; }
			.bubble a { color: #fff; 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_US/_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; }

.clearer{clear: both; height: 1px; overflow: hidden; margin-top:-1px;}

/* css for career main*/
.career-page-bg { background:('/en_US/_images/content/careers/career_index.jpg'); background-color:#fff; min-height:585px !important;}

.clearer{clear: both; height: 1px; overflow: hidden; margin-top:-1px; font-size:0.01em;}

#career-new{margin:0px auto; padding-top:65px; width:890px; color:#000000}
.gry-bdr{background:#FFFFFF; border:1px solid #c5cdd0; padding:10px; margin-bottom:10px;}
.hiring-process{background:url('/en_US/_images/content/careers/green_bg.jpg') no-repeat; padding:18px 18px 0 18px; height:157px;}
h1.career-titl{font-size:18px; font-weight:bold; color:#444444; border-bottom:1px solid #FFFFFF; padding:0 0 10px 0; margin-bottom:15px;}
h1.career-titl small{font-size:13px; font-weight:normal}
.circle{width:90px; height:90px; text-align:center; padding-top:25px; margin-right:20px; font-size:36px; font-weight:bold; color:#000000; float:left;}
.circle a{color:#000000; text-decoration:none !important;}
.circle p{margin-top:28px; text-align:center; font-size:12px; font-weight:bold;}
.circle1{background:url(/en_US/_images/content/careers/circle1.gif) center top no-repeat;}
.circle2{background:url(/en_US/_images/content/careers/circle2.gif) center top  no-repeat;}
.circle3{background:url(/en_US/_images/content/careers/circle3.gif) center top  no-repeat;}
.circle4{background:url(/en_US/_images/content/careers/circle4.gif) center top  no-repeat;}
.circle5{background:url(/en_US/_images/content/careers/circle5.gif) center top  no-repeat;}
.hiring-process .right-txt{float:left;font-weight:bold; margin:40px 0 0 20px;}
.hiring-process .right-txt a, .hiring-process .right-txt a:hover{color:#000000; text-decoration:none !important;}

.hiring-detail{display:none; font-size:14px; color:#000000; margin:17px 0 10px 0; padding-left:5px; line-height:17px;}

.hiring-detail b{font-size:18px; font-weight:bold;}
.close-btn{margin:0 12px 5px 0; float:left}

/* Job Seeker */
.job-seeker{background:#eeeeee; padding:15px 20px 0 20px; height:175px}
.job-seeker h1{border-bottom:1px solid #cccccc}

/* Quality Callout */
/* Quality Callout */
.quality-bg{background:#cfecf4; padding: 16px 16px 10px 16px;}
.quality-bg .graph{float:left; width:578px; margin-top:12px;}
.quality-bg .graph-text{width:410px; float:right; padding-right:8px; }
.quality-bg .graph-text h3.pink{color:#cc0099; font-size:18px; font-weight:bold; display:inline; padding-left:4px;}
.quality-bg .graph-text h3.orange{color:#ff6600; font-size:18px; font-weight:bold; display:inline; padding-left:4px;}
.quality-bg .graph-text h3.green{color:#009900; font-size:18px; font-weight:bold; display:inline; padding-left:4px;}
.quality-bg .graph-text .show-txt {font-size:11px; color:#000000; height:12px; /*padding-bottom:5px;*/ overflow:hidden; padding-left:30px; margin-top:-5px; _margin-top:-3px;}
.quality-bg .graph-text .display-box { margin-bottom:8px;}
.quality-bg .graph-text .display-box a	{display:inline-block; vertical-align:middle;}

.hiring-detail	ul.body-list li	{font-size:12px;}

.quality-bg .about-vision{float:left; display:inline; border-left: 1px solid #9a9a9a; margin-top:12px; font-size:11px; height:112px;}
.quality-bg .about-vision p{float:left; margin:20px 0px 0px 28px; width:220px; display:inline;}
.quality-bg .about-vision p .italic {font:12px Arial, Helvetica, sans-serif; font-style:italic;}
.quality-bg .about-vision p .link {font:12px "Myriad Pro"; color:#000000; text-decoration:underline;}
.quality-bg .about-vision p .link a {color:#000; text-decoration:underline;}
.quality-bg h1{margin-bottom:3px;}

/* Hire Callout */
.hire-bg{background:url(/en_US/_images/content/careers/hire_bg.jpg) no-repeat; padding:17px 20px 0 20px; height:161px; position:relative;}
.hire-bg .img	{position:absolute; top:0; right:0;}
.hire-bg h1{width:525px;}
.hire-bg div.txt{width:200px; margin:20px 0 0 295px; line-height:16px;}
.hire-bg div.txt p{margin-top:6px;}
.hire-bg div.txt p a{/*color:#000000;*/ text-decoration:none;}