﻿/* brand carousel */

	.brands.landing .carousel .nav {
		/*bottom: 24px;*/
	}
	
/* "product finder" box on landing page */

	#product-finder {
		font-size: 92.3%; /* 12px */
		overflow: hidden;
	}
	
	#product-finder .content {
		/*margin: 8px 6px 6px 16px;*/
	}
	
	#product-finder h1 {
	}
	
	#product-finder div.sidetab-tabs {
		width: 103px;
	}
	
	#product-finder div.sidetab-tabs li {
		font-size: 116.6%;
		padding-bottom: 2px;
		padding-top: 2px;
		width: 94px;
	}
	
	#product-finder .sidetab-content {
		height: 355px;
		width: 159px;
	}
	
	#product-finder .sidetab-content > div {
		height: 339px;
		margin: 8px;
		overflow: auto;
	}
	
	#product-finder .sidetab-content li {
		line-height: 1;
		margin-bottom: .6em;
	}
	
	#product-finder .rounded-5005 a {
		color: #cf000d !important;
	}

	#product-finder .sidetab-content a {
		color: #7D4E07 !important;
		text-decoration: none;
	}

	#product-finder .sidetab-content a:hover {
		text-decoration: underline;
	}
	
/* features */
	
	#feature-product-newsletter {
		background: #fff url(../img/bg_feature_product_newsletter.jpg) no-repeat;
	}

	#feature-product-newfromkelloggs {
		background: #fff url(../img/bg_feature_newfromkelloggs.png) no-repeat;
	}
	
/* brand page */

	.brand .brand-link {
		clear: left;
		color: #fff;
		font-size: 138.5%; /* 18px */
		padding: 12px 0;
		text-align: center;
	}
	
	.brand .brand-link p {
		line-height: 1;
		margin: 0;
	}
	
	.brand .brand-link a {
		color: #fff;
		text-decoration: none;
	}
	
	.brand .brand-link a:hover {
		color: #f1cc4c;
	}
	
	#brand-products {
		float: left;
		position: relative;
	}
	
	#brand-products h1 {
		color: #7d4e07;
		font-size: 123.1%; /* 16px */
		margin-bottom: 1em;
		text-transform: uppercase;
	}
	
	#brand-products h2 {
		color: #414042;
		font-size: 115.4%; /* 15px */
		font-weight: bold;
		margin: 1em 0 .4em 0;
		text-indent: -2em;
	}
	
	#brand-products h3 {
		color: #7d4e07;
		font-weight: bold;
		margin: 1em 0 .4em 0;
	}
	
	#brand-products div li:first-child h2, #brand-products div li:first-child h3 {
		margin-top: 0;
	}
	
	#brand-products h3 span {
		font-style: italic;
		font-weight: normal;
	}
	
	#brand-products .col1 {
		display: inline;
		float: left;
		margin: 0 20px 0 200px;
	}
	
	#brand-products .col2 {
		float: right;
		width: 340px;
	}
	
	#brand-products li {
		font-size: 92.3%; /* 12px */
		margin-bottom: .5em;
	}
	
	#brand-products a:hover {
		color: #7d4e07;
	}
	
	#product-bubble {
		color: #414042;
		font-size: 84.6%; /* 11px */
	    display: none;
	    
	    position: absolute;
	    top: 40px;
	    left: 0;
	    
	    border: 1px solid #7d4e07;
	    padding: 10px;
	    
	    width: 150px;
	    min-height: 150px;
	    
	    text-align: left; /* overrides yahoo reset */
	    
	    z-index: 9999;
	    
	    -moz-box-shadow: -5px 5px 20px -10px #333;
	    -webkit-box-shadow: -5px 5px 20px -10px #333;
	    box-shadow: -5px 5px 20px -10px #333;
/*	    behavior: url(../js/ie-css3.htc); IE can't render this shadow correctly*/
	}
	
	#product-bubble h3 {
		font-weight: bold;
		text-transform: uppercase;
	}
	
	#product-bubble img {
		background: url(../img/loading_small.gif) 50% 50% no-repeat;
		display: block;
		margin: .5em auto;
	}
	
	#product-bubble-connector {
		display: none;
		left: 165px;
		position: absolute;
		top: 55px;
		z-index: 9998;
	}
	
/* detail page */

	.detail div.two-column > div.content > div.content {
		float: left;
		margin: 16px;
	}

	.detail .col1 {
		float: left;
		margin-right: 38px;
		width: 380px;
	}
	
	.detail .col1 .banner {
		margin: 3em 0;
	}
	
	.detail .col2 {
		float: right;
		width: 302px;
	}

	.detail .content .meta p {
		font-size: 92.3% !important; /* 12 px */
		font-weight: bold;
	}
	
	#overlay-nutrition-content {
		text-align: center;
	}
	
	#view-sizes, .js .sizes {
		display: none;
	}
	
	.js #view-sizes {
		display: inline;
	}
	
	.detail .content .content h2, .detail .content .content h3, .detail #featured-recipes-promos p {
		color: #7d4e07;
		font-weight: bold;
		margin-bottom: 1em;
	}
	
	.detail #featured-recipes-promos p a {
		font-weight: normal;
	}
	
	.detail .content .content p, .detail .content .content li, .detail .content .content h3 {
		font-size: 84.6%; /* 11px */
	}
	
	.detail .content .content ul {
		margin-bottom: 1em;
	}
	
	.detail .content .content li {
		margin-bottom: .4em;
	}
	
	.detail .product-image {
		display: block;
		margin: 1em auto;
		max-height: 360px;
	}
	
	.detail #featured-recipes-promos {
		margin: 2em 41px;
		float: right;
		width: 220px;
	}
	
	.detail .recipe {
		clear: left;
		float: left;
		width: 100%;
	}
	
	.detail .recipe img {
		float: left;
		margin-right: 10px;
	}
	
	.detail .discover {
		font-style: italic;
	}
	
	.detail .discover a {
		font-style: normal;
	}
	
/* new products */

	#new-products {
		margin: 0 23px 16px 23px;
		padding-top: 8px;
	}
	
	#new-products h2 {
		color: #414042;
		font-size: 84.6%; /* 11px */
		font-weight: bold;
	}
	
	.two-column > .content {
		padding-bottom: 8px;
	}
	
	#company-ribbon {
		border: 1px solid #7d4e07;
		height: 60px;
		margin: .5em 0 2em 0;
	}
	
	#company-ribbon li {
		float: left;
		margin: 5px 0;
	}
	
	#company-ribbon a {
		background: url(../img/bg_new_products_logos.jpg) no-repeat;
		display: block;
		height: 50px;
		width: 100%;
	}
	
	#company-ribbon .empty a {
/*		cursor: default;*/
	}
	
	li#logo-3 {
		width: 80px;
	}
	
	li#logo-3 a {
		background-position: -5px -50px;
	}
	
	li#logo-3.selected a {
		background-position: -5px 0;
	}
	
	li#logo-3.empty a {
		background-position: -5px -100px;
	}
	
	li#logo-3.empty.selected a {
		background-position: -5px 0; /* or -150px */
	}
	
	li#logo-139 {
		width: 65px;
	}
	
	li#logo-139 a {
		background-position: -95px -50px;
	}
	
	li#logo-139.selected a {
		background-position: -95px 0;
	}
	
	li#logo-139.empty a {
		background-position: -95px -100px;
	}
	
	li#logo-139.empty.selected a {
		background-position: -95px 0; /* or -150px */
	}
	
	li#logo-140 {
		width: 70px;
	}
	
	li#logo-140 a {
		background-position: -165px -50px;
	}
	
	li#logo-140.selected a {
		background-position: -165px 0;
	}
	
	li#logo-140.empty a {
		background-position: -165px -100px;
	}
	
	li#logo-140.empty.selected a {
		background-position: -165px 0; /* or -150px */
	}
	
	li#logo-145 {
		width: 85px;
	}
	
	li#logo-145 a {
		background-position: -235px -50px;
	}
	
	li#logo-145.selected a {
		background-position: -235px 0;
	}
	
	li#logo-145.empty a {
		background-position: -235px -100px;
	}
	
	li#logo-145.empty.selected a {
		background-position: -235px 0; /* or -150px */
	}
	
	li#logo-141 {
		width: 70px;
	}
	
	li#logo-141 a {
		background-position: -320px -50px;
	}
	
	li#logo-141.selected a {
		background-position: -320px 0;
	}
	
	li#logo-141.empty a {
		background-position: -320px -100px;
	}
	
	li#logo-141.empty.selected a {
		background-position: -320px 0; /* or -150px */
	}
	
	li#logo-30 {
		width: 70px;
	}
	
	li#logo-30 a {
		background-position: -390px -50px;
	}
	
	li#logo-30.selected a {
		background-position: -390px 0;
	}
	
	li#logo-30.empty a {
		background-position: -390px -100px;
	}
	
	li#logo-30.empty.selected a {
		background-position: -390px 0; /* or -150px */
	}
	
	li#logo-23 {
		width: 90px;
	}
	
	li#logo-23 a {
		background-position: -460px -50px;
	}
	
	li#logo-23.selected a {
		background-position: -460px 0;
	}
	
	li#logo-23.empty a {
		background-position: -460px -100px;
	}
	
	li#logo-23.empty.selected a {
		background-position: -460px 0; /* or -150px */
	}
	
	li#logo-142 {
		width: 85px;
	}
	
	li#logo-142 a {
		background-position: -550px -50px;
	}
	
	li#logo-142.selected a {
		background-position: -550px 0;
	}
	
	li#logo-142.empty a {
		background-position: -550px -100px;
	}
	
	li#logo-142.empty.selected a {
		background-position: -550px 0; /* or -150px */
	}
	
	li#logo-144 {
		width: 90px;
	}
	
	li#logo-144 a {
		background-position: -635px -50px;
	}
	
	li#logo-144.selected a {
		background-position: -635px 0;
	}
	
	li#logo-144.empty a {
		background-position: -635px -100px;
	}
	
	li#logo-144.empty.selected a {
		background-position: -635px 0; /* or -150px */
	}
	
	#new-products .result {
		border-top: 1px solid #f1cc4c;
		font-size: 84.6%; /* 11px */
		line-height: 1.4;
		margin: 0 16px;
		overflow: auto;
		padding: 10px 0;
		width: 674px;
	}
	
	#new-products .result img {
		float: left;
		margin-right: 10px;
	}
	
	#new-products .result div {
		float: left;
		min-height: 60px;
		width: 584px;
	}
	
	#new-products .result div.description {
		margin-right: 10px;
		width: 450px;
	}
