/* INNOVATIONS */

/* fix to prevent all items flickering */
.js-enabled .innovation-tab-panel {
	display: none;
}
.js-enabled #innovation-tab-panel-wrapper {
	height: 500px;
}


/* LAYOUT ADJUSTMENTS ++++++++++++++++++
*/
.innovations #content { padding-top: 0; }
.page-title { 
	position: absolute; 
	z-index: 10; 
	top: 130px;
	left: 28px; 
	font-size: 2.67em; 
	color: #444; 
	font-weight: normal;
	width: 400px;
}
#lead { 
	height: 390px; 
	position: relative; 
	margin-bottom: 28px;
}


/* FEATURED INNOVATIONS ++++++++++++++++++
*/
/* product panels */
.featured-innovation-panel { position: absolute; background-color: white; }
.featured-innovation-panel img.promo-hero { 
	height: 390px;
	width: 935px;
}
.featured-innovation-panel .featured-text { 
	width: 400px; 
	position: absolute; 
	top: 185px; 
	left: 28px;
}
.featured-innovation-panel .featured-text p.description { 
	color: #F06600; 
	font-size: 1.5em; 
	font-weight: bold; 
	line-height: 1.25; 
}
.featured-innovation-panel .featured-text p.note { 
	font-size: 1.083em; 
	margin-top: 10px;
}
/* paging */
#featured-innovation-controls { 
	position: absolute; 
	bottom: -50px; 
	right: 20px; 
	width: 105px;
}
#featured-innovation-controls a { display: block; width: 30px; height: 30px; text-indent: -9999px; overflow: hidden; position: relative; }
#featured-innovation-controls a.disabled { cursor: default; }
#featured-innovation-controls .count { font-weight: bold; color: #999;  line-height: 30px; font-size: 0.917em; }
#featured-innovation-controls .prev { position: absolute; top: 0; right: 35px; }
	#featured-innovation-controls .prev a { background: url('/en_US/_images/icons/ico-arrowprev.png') 0 0 no-repeat; }
	#featured-innovation-controls .prev a.disabled { background-image: url('/en_US/_images/icons/ico-arrowprev-off.png'); }
#featured-innovation-controls .next { position: absolute; top: 0; right: 0; }
	#featured-innovation-controls .next a { background: url('/en_US/_images/icons/ico-arrownext.png') 0 0 no-repeat; }
	#featured-innovation-controls .next a.disabled { background-image: url('/en_US/_images/icons/ico-arrownext-off.png'); }


/* INTRODUCTION ++++++++++++++++++
*/
#introduction { 
	width: 100%; 
	position: absolute;
	bottom: 0;
	z-index: 2;
 }
#introduction #intro-background { 
	height: 45px; 
	background: black; 
	opacity: .05;
	filter: alpha(opacity = 05);
}
#introduction .intro-thumb { 
	position: absolute; 
	z-index: 2; 
	bottom: 0; 
	left: 28px; 
	/* tweak position */
	margin-left: 5px;
}
#introduction #introduction-text { 
	position: absolute; 
	z-index: 1;
	bottom: 8px; 
	/* tweak position */
	left: 142px;
}
#introduction .description { 
	width: 400px;
	float: left;
	color: #444; 
	font-size: 1.083em;
	line-height: 1.2;
}
#introduction .button { 
	float: left; 
	margin-left: 25px; 
	margin-top: 3px;
}



/* PAGE CONTENT ++++++++++++++++++
*/
.innovations .page-section { 
	padding-left: 20px; 
	padding-right: 20px;
	margin-top: 36px;
	position: relative;
}
.innovations .legend {
	background: url('/en_US/_images/content/innovation/bkgd-legend-sprite.png') no-repeat 0 0;
	margin-top: 20px;
	padding-bottom: 1px;
}
.innovations .legend p {
	float: left;
	color: #999;
	line-height: 1.2;
	width: 220px;
	padding-left: 65px;
	margin-right: 50px;
	margin-top: 2px;
}

#print-all-link { 
	position: absolute; 
	right: 20px;
	top: 7px;
	width: 144px;
	height: 20px;
	background: url('/en_US/_images/content/innovation/link-print.gif') no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

/* FOLLOW LINK ++++++++++++++++++
*/
#follow-links { 
	margin-left: 0; 
}
#follow-links .links li { float: left; margin-left: 20px; }
#follow-links .links a { color: #444; }

/* TABS ++++++++++++++++++
*/
/* tab nav */
#innovation-tab-panel-nav { 
	height: 35px;
	background-image: url('/en_US/_images/content/innovation/tab-bkgd.png');
}
#innovation-tab-panel-nav li a { 
	height: 35px; 
	display: block; 
	overflow: hidden; 
	text-indent: -9999px; 
	background-repeat: no-repeat;
}
#innovation-tab-panel-nav li a.current { 
	color: #444;
	background-position: 0 -35px; 
}
#innovation-tab-panel-nav li a.disabled { 
	color: #999;
	cursor: default;
	background-position: 0 -70px; 
}
#innovation-tab-panel-nav #beauty-grooming-nav-item a { 
	width: 162px; 
	background-image: url('/en_US/_images/content/innovation/tab-beauty-grooming.png');
}
#innovation-tab-panel-nav #health-wellbeing-nav-item a { 
	width: 181px;
	background-image: url('/en_US/_images/content/innovation/tab-health-wellbeing.png'); 
}
#innovation-tab-panel-nav #household-care-nav-item a { 
	width: 137px; 
	background-image: url('/en_US/_images/content/innovation/tab-household-care.png'); 
}
#innovation-tab-panel-nav #multi-brand-nav-item a { 
	width: 191px; 
	background-image: url('/en_US/_images/content/innovation/tab-multi-brand.png'); 
}

#innovation-tab-panel-wrapper {
	border: solid 1px #ccc;
	border-top: 0;
	padding: 20px;
}
.innovation-group-header {
	font-weight: normal;
	font-size: 1.417em;
	margin-bottom: 10px;
}
.js-enabled .innovation-group-header {
	display: none;
}


/* INNOVATION ITEMS ++++++++++++++++++
*/
/* override layout */
.four-col_ {
	width: 853px; 
}
.four-col_ .col_ {
	width: 199px;
	margin-right: 19px;
	padding-bottom: 30px;
	padding-left: 0;
}
.four-col_ .last_ {
	margin-right: 0;
}
.innovation-item { }
.innovation-item * {
	font-size: 1.083em;
}
.innovation-item .thumb {
	border: solid 1px #ccc;
	width: 197px;
	height: 158px;
	margin-bottom: 10px;
}
.innovation-item .date {
	font-weight: normal;
	line-height: 1.2;
}
.innovation-item .description {
	margin-bottom: 10px;
	line-height: 1.2;
}
.innovation-item a {
	display: block;
	margin-bottom: 5px;
	line-height: 1.2;
}
.innovation-item br.link-br {
	display: none;
}
.innovation-item a span {
	font-weight: normal;
	color: #444;
}
.innovation-header {
	font-weight: bold;
	font-size: 1.417em;
	margin-bottom: 10px;
}
.flash-enabled .innovation-header {
	margin-bottom: 4px;
}

/* ARCHIVE LINKS ++++++++++++++++++
*/
#archive-links {
	margin: 20px 0 0 20px;
}
#archive-links a {
	font-weight: normal;
}
