/*
   brands.css
*/


#brands .brand-detail .body-list li { line-height: 1.4; }


/*Brands landing */

#brands #brands_landing_marquee {
	width: 935px;
	height: 290px;
	background: url(/en_US/_images/brands/PG_BrandInnovation_Header.jpg) left top no-repeat;
	padding: 100px 0 0;
	margin: 0 0 -30px;
}

#brands #brands_landing_marquee h2, #brands #brands_landing_marquee h3 {
	font-family: "Frutiger Next Heavy", sans-serif;
	color: #0046ad;
	font-size: 40px;
}
#brands #brands_landing_marquee div {
	float: left;
	width: 145px;
	margin-left: 25px;
	margin-top: 10px;
}

#brands #brands_landing_marquee div.left {
	width: 370px;
	color: #00a1de;
	margin-top: 0;
}
#brands #brands_landing_marquee div p {
	font-family: "Frutiger Next Medium","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 12px;
}
#brands #brands_landing_marquee div.left p {
	font-size: 15px;
}
#brands #brands_landing_marquee h3 {
	font-family: "Frutiger Next Bold", sans-serif;
	font-size: 24px;
}

/* all brands */
body.all-brands {}
.all-brands .col_ p { height: 37px; } /* with 18px bottom margin */
.all-brands .col_ p br { display: none; }
.all-brands .col_ p strong { display: block; }

.brand-intro {
	color: #0058c2;
	padding: 0 375px 20px 30px;
	width: 520px;
	position: relative;
	margin-top: -141px;
}
	.brand-intro h2 {
		font-size: 4.333em;
		/*font-weight: bold;*/
		font-family: 'Frutiger Next Heavy', 'Arial Black', Helvetica, sans-serif;
		line-height: 1;
		margin: 0;
	}
	.brand-intro h3 {
		font-size: 2.2em;
		line-height: 1.18;
		font-family: 'Frutiger Next Medium', 'Arial Black', Helvetica, sans-serif;
	}
	.brand-link {
		margin: 0; 
		padding: 0 0 0 24px;
		height: 24px;
/*
		width: 300px; 
		position: absolute; 
		top: 20px; 
		left: 600px;
		display: inline-table;
*/
		background: url('/en_US/_images/icons/ico-pointer.png') 0 0 no-repeat;
		color: #444;
		line-height: 24px;
		margin-bottom: 32px;
	}
		.brand-link a { font-weight: bold; }

.feature-prods .product {
	display: block;
	width: 148px;
	border-bottom: 1px solid #ccc;
	position: relative;
	z-index: 1;
	margin: 0;
}
	.feature-prods .product a.grad-link, .feature-prods .product div.grad-link {
		display: block;
		position: absolute;
		top:0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 5;
		text-decoration: none;
		color: white;
		font-weight: 300 !important;
	}
	.page-section .feature-prods .product .grad-link p {
		position: absolute;
		bottom: 5px;
		font-family: 'Frutiger Next Regular', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
		font-size: 14px;
		line-height: 18px;
		margin: 0 7px 0 0;
	}
		.page-section .feature-prods .product .grad-link p span {
			display: block;
			font-family: 'Frutiger Next Heavy', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
			font-size: 18px;
		}
			.page-section .feature-prods .product .grad-link p span img {
				margin: 0;
				width: auto;
				display: inline;
			}
.feature-prods .column {
	width: 148px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	float: left;
}
.feature-prods .column.col6 {
	border-right: 1px solid #ccc;
}

.brand-detail,
.brand-sidebar {
	float: left;
	padding: 0 0 20px 30px;
}

.brand-detail {
	line-height: 1.31;
	width: 540px;
}
	.brand-detail p { margin-bottom: 20px; font-size: 1.0833em; }
	.brand-detail a { font-weight: bold; }
	.brand-detail .callout { font-size: 0.8667em; }
		.brand-detail .callout p { margin-bottom: 8px; }
	.brand-detail .highlighted {
		margin-bottom: 0; padding-top: 3px;
		font-size: 1.5em;
		font-weight: bold;
	}
.brand-sidebar {
	font-size: 1.0833em;
	line-height: 1.31;
	width: 305px;
}
	.brand-sidebar li { padding: 0 0 1.3077em; }
		.brand-sidebar img { display: block; }
		.brand-sidebar h3 {
			margin-bottom: 7px;
			font-size: .9em; font-weight: bold;
			text-transform: uppercase;
			color: #333;
			padding: 2px 0 0.5em;
		}
		.brand-sidebar p { margin-bottom: 8px; }
		.brand-sidebar a { font-weight: bold; }
		.brand-sidebar ul { margin: 0; padding: 0; }
			.brand-sidebar ul li { margin: 0; padding: 0 0 2px 0; }
			.brand-sidebar ul li a {  }
			
	.brand-sidebar .innovation {
		margin: 0 0 50px 0
	}
		.brand-sidebar .innovation img {
			margin: 0 0 10px 0;
		}
		
			

.brand-safety {
	clear: both;
	border-top: 1px solid #ccc;
	font-size: 1.0833em;
	line-height: 1.36;
	margin: 0 30px;
	padding: 1.385em 335px 84px 0;
	width: 540px;
}
	.brand-safety h3 { font-weight: bold; }
	.brand-safety p { margin-bottom: 8px; }
	.brand-safety a {
		font-size: 0.8462em;
		font-weight: bold;
		text-transform: uppercase;
	}
	
.brand-group,
	.js-enabled .brand-group h3 { overflow: hidden; }
	.brand-group h3.content-title { margin-bottom: 15px; }
	.brand-group .heading { float: left; }
	.brand-group .note { float: right; }
	.brand-group a { display: block; }
	
	h2.brand-listings,
	.brand-listings .small-header,
	.brand-group h3 {
		padding-left: 10px;
		padding-right: 10px;
	}
	.brand-group ul {
		float: left;
		margin-right: 1px;
		padding: 0 10px;
		width: 203px;
	}
		.brand-group img {
			display: block;
			margin-bottom: 10px;
			width: 203px;
		}
		.brand-group li {
			clear: left;
			overflow: hidden;
			padding-bottom: .75em;
		}
			.brand-group li a { outline: 0; }
		.display li { height: 160px; margin: 0; padding: 0; }
			.brand-group li h4,
			.brand-group li p { font-size: 1.1em; line-height: 1.2; }
			.brand-group h4 { font-weight: bold; }
	.brand-group ul.last_ { width: 203px; margin-right: 0; }

/*
.brands-international {
	padding-top: 30px;
}
	.brands-international ul {
		padding-bottom: 0;
		width: 204px;
	}
		.brands-international li { padding-bottom: 0.5em; }
	.brands-international ul.last_ { width: 203px; }
*/


.all-brands .brands-related-content,
.brands-subcategory .brands-related-content {
	padding-left: 10px;
}
.all-brands .brands-related-content,
.brands-subcategory .brands-related-content {
	padding-top: 16px;
}
.brands-subcategory .brands-related-content {
	padding-top: 26px;
	border-top: solid 1px #ccc;
}
.all-brands .brands-related-content .links li,
.brands-subcategory .brands-related-content .links li {
	font-size: 1.1em;
	margin-bottom: 2px; 
}
.all-brands .brands-related-content .links li a,
.brands-subcategory .brands-related-content .links li a {
	display: inline;
}

#our-purpose {
	padding: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #0046AD;
	font-family: "Frutiger Next Medium Italic";
	font-size: 1.5em;
	line-height: 1.3em;
	margin-bottom: 1.0em;
}

#our-purpose h3 {
	font-family: "Frutiger Next Heavy";
}

/* For flash removal on Our Brands subpages. */
h2.content-title {
	margin-top: 20px;
}
	.brand-group ul.na-brands,
	 {
		border-bottom: #ccc solid 1px;
		border-top: #ccc solid 1px;		
		width: 220px;
		padding: 0px;
		margin: 0px;
	}

	.col-1,.col-2,.col-3,.col-4 {
		padding: 0px;
		margin: 0px;
	}

	.col-1 {
		border-left: #ccc solid 1px;
		border-right: #ccc solid 1px;		
	}

	.col-2,.col-3,.col-4 {
		border-right: #ccc solid 1px;	
	}
	
	.list-prods {
		width: 892px;
		padding: 0;
		border-top: #ccc solid 1px;
		border-left: #ccc solid 1px;
	}
	
	.na-brands li,
	.list-prods .product  {
		display: block;
		float: left;
		width: 222px;
		font-family: "Frutiger Next Bold", "Arial Black", Helvetica, sans-serif;
		font-weight: normal;
		text-decoration: none;
		position: relative;
		border-bottom: #ccc solid 1px;
		border-right: #ccc solid 1px;
		transition: background .25s ease-in-out;
	   	-moz-transition: background .25s ease-in-out;
	   	-webkit-transition: background .25s ease-in-out;
	}

	.na-brands a,
	.list-prods .product a {
		font-size: 13px;
		padding: 10px 0px 8px 10px;
		color: #F06900;
		font-weight: normal !important;
		width: 100%;
	}
	.list-prods .product p {
		font-size: 13px;
		padding: 10px 0px 8px 10px;
		margin: 0 !important;
		line-height: 13px;
	}

	.na-brands li:hover,
	.list-prods .product:hover {
		background-color: #F06900;
		text-decoration: none;
	}

	.na-brands a:hover,
	.list-prods .product a:hover {
		color: #ffffff;
		text-decoration: none;
		font-size: 14px;
		padding: 9px 0px 8px 10px;
	}
	
#brands.mbp #lead #lead-block {
  width: 280px;
  position: absolute;
  top: 125px;
  left: 105px;
  color:#FFF;
}

#brands.mbp #lead h1 {
  font-family: 'Frutiger Next Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  font-size: 38px;
  margin-bottom: 15px;
}

#brands.mbp #lead p {
  font-family: "Frutiger Next Medium","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-size: 15px;
  line-height: 19px;
}
#brands.mbp .brand-detail {
  width: 875px;
}
#brands.mbp .brand-detail .feature-block {
  width: 410px;
  padding: 10px 10px 60px 10px;
  border: 1px solid #cccccc;
  float: left;
  margin-bottom: 35px;
  position:relative;
}
#brands.mbp .brand-detail .feature-block.left {
  margin-right: 10px;
}
#brands.mbp .brand-detail .feature-block h3 {
  background:#FFF;
  font-family: "Frutiger Next Bold", "Arial Black", Helvetica, sans-serif;
  font-size: 18px;
  color: #fc6900;
  margin-top: 4px;
}
#brands.mbp .brand-detail .feature-block p {

}
#brands.mbp .brand-detail .feature-block .feature-link {
  background: url('/en_US/_images/home-marquee-arrow-blue.png') no-repeat left 4px transparent;
  padding: 0 0 0 18px;
  font-size: 13px;
}

#brands.mbp .brand-detail .feature-block .feature-logo {
  position: absolute;
  bottom: 0;
  right: 12px;
}

/*Modification for Brand category landing pages 11-21-2013*/

#brands #main-content h2.brand-orange-title {
	color: #ef6900 !important;
	font-family: "Frutiger Next Heavy","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif !important;
	font-size: 18px !important;
	line-height: 22px !important;
	margin-bottom: 8px !important;
	padding-bottom: 0 !important;
}

#brands #main-content h3.leadership-brands-title {
	color: #444444 !important;
	font-family: "Frutiger Next Heavy","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif !important;
	font-size: 14px !important;
	line-height: 17px !important;
	margin-bottom: 0 !important;
	padding-bottom: 8px !important;
	padding-left: 10px !important;
}

#brands #main-content  .brand-toc-landing-group {
	margin-bottom: 47px !important;
}

#brands #main-content  .no-brdr {
	border-top: none !important;
	padding-top: 0 !important;
	padding-bottom: 44px !important;
}

	#brands #main-content  .no-brdr ul.links li {
		margin-bottom: 14px;
	}

	#brands #main-content  .no-brdr ul.links li:last-child {
		margin-bottom: 0;
	}