/**
 **********************************************************************************
 *  CSS Reset
 *  v1.0 | 20080212 (http://meyerweb.com/eric/tools/css/reset/)
 **********************************************************************************
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0; border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*background: transparent;*/
    }
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/**
 **********************************************************************************
 *  Clear fix
 *	Apply the clearfix class to any element which acts as a container for floats.
 **********************************************************************************
 */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
.clearfix {display: block;}
* html .clearfix {height: 1px;}
/* End hide from IE-mac */

/**
 **********************************************************************************
 *  PNG hack for IE
 **********************************************************************************
 */
* html img.png {behavior: url("includes/pngbehavior.htc");}

/**
 **********************************************************************************
 *  General Styles
 **********************************************************************************
 */
body {
	padding: 24px 0;
	min-width: 846px;
	background: #E2E1D2;
	font: 62.5% Arial, Verdana, sans-serif; color: #565247;
	}

img {display: block;}
img.inline {display: inline;}
img.printonly {display: none;}

p {
	margin: 0 0 1em;
	font-size: 1.2em; line-height: 1.4em;
	}

h1 {
	margin: 0 33px 30px 0;
	padding: 8px 0 0;
	font-weight: normal; font-size: 2.4em; color: #FFF; text-align: right;
	}
h3 {
	margin: 0 0 1em;
	font-weight: bold; font-size: 1.6em;
	}
h4 {font-weight: bold; font-size: 1.4em; color: #DE8A10;}

ul {list-style: outside;}
ol {list-style: outside decimal;}

a:link, a:visited, a:hover, a:focus, a:active {text-decoration: underline; color: #DE8A10;}

sup {font-size: .8em; vertical-align: text-top;}

/**
 **********************************************************************************
 *  Forms
 **********************************************************************************
 */
input.text {
	padding: 0 0 0 3px;
	background: #F6F4EA url(../images/bg_formfields.gif) top right no-repeat;
	font-size: 10px; color: #565247;
	}

label {font-weight:bold; font-size: 1.1em;}
textarea {font-family: Arial, Verdana, Sans-Serif; font-size: 11px;}
select {font-size: 10px;}

.text2 {
	padding: 0 0 0 3px;
	border: 1px solid #CDCDCD;
	background-color: #F9F9F8;
	font-size: 10px; color: #565247;
	}

.required {font-weight: bold; font-size: 1.2em; font-family: "Palatino Linotype", Palatino, "Times New Roman", Serif; font-style: italic; color: #4997BC;}
#contactus .required {font-weight: normal; font-size: 1em; font-family: Arial, Verdana, Sans-Serif; font-style: normal; color: #990000;}
.error {color: #FF0000;}

/**
 **********************************************************************************
 *  Structure
 **********************************************************************************
 */
#container {
	position: relative;
	margin: 0 auto 0 auto;
	width: 846px;
	background: #FFF;
	}
	
#masthead {
	position: relative;
	width: 100%; height: 93px;
	background: url(../images/bg_container_top.gif) top left no-repeat;
	}
	
	#masthead img#logo {
		position: absolute;
		top: 0; left: 20px;
		z-index: 1;
		}
	
	#masthead img#tagline {
		position: absolute;
		top: 9px; left: 162px;
		}

	#masthead #search {
		position: absolute;
		top: 7px; right: 17px;
		width: 407px;
		font-size: 10px; line-height: 2em;
		}
		
		#masthead #search img#google {
			float: left;
			display: inline;
			margin: 0 8px 0 0;
			}
			
		#masthead #search ul {list-style: none;}
			#masthead #search ul li {
				float: left;
				display: inline;
				margin: 0 6px 0 0;
				padding: 3px 0 0;
				}
			
				#masthead #search ul li input {
					float: left;
					display: inline;
					margin: 4px 3px 0 0;
					}
				* html #masthead #search ul li input {margin: 0;}
				*+ html #masthead #search ul li input {margin: 0;}
		
				#masthead #search ul li strong {font-weight: normal; vertical-align: middle;}
			
		#masthead #searchboxarea {
			position: relative;
			float: right;
			display: inline;
			padding: 0;
			width: 209px; height:24px;
			background: url(../images/searchbox_bg.gif) top left no-repeat;
			}
			#masthead #searchboxarea input.text {
				margin: 3px 0 0 11px;
				padding: 0;
				border: 1px solid #FFF;
				width: 164px; height: 16px;
				background: none;
				font-size: 13px; color: #6C4013;
				}
			#masthead #searchboxarea .button {
				position: absolute;
				top: 2px; right: 5px;
				}

/**
 **********************************************************************************
 *  Top navigation bar
 **********************************************************************************
 */
#nav-main {
	position: absolute;
	top: 48px; left: 95px;
	width: 731px; height: 36px;
	}
	
	#nav-main ul {
		position: relative;
		width: 100%; height: 36px;
		background: transparent url(../images/nav/main.gif) no-repeat;
		}
		#nav-main li {
			position: absolute;
			top: 0;
			display: block;
			height: 36px;
			}
			
			#nav-main a {
				display: block;
				width: 100%; height: 36px;
				text-indent: -9999px; text-decoration: none; overflow: hidden;
				}
		
		#nav-main #homemenu {left: 0; width: 38px;}
		#nav-main #recipesmenu {left: 58px; width: 50px;}
		#nav-main #productsmenu {left: 128px; width: 83px;}
		#nav-main #ideasandtechniquesmenu {left: 231px; width: 122px;}
		#nav-main #whatsnewmenu {left: 373px; width: 75px;}
		#nav-main #newslettermenu {left: 468px; width: 179px;}
		#nav-main #naturalmenu {left: 666px; width: 65px;}
	
		#nav-main #homemenu a:hover, #homepage #nav-main #homemenu {background: transparent url(../images/nav/main.gif) 0 -36px no-repeat;}
		#nav-main #recipesmenu a:hover {background: transparent url(../images/nav/main.gif) -58px -36px no-repeat;}
		#nav-main #productsmenu a:hover, #products #nav-main #productsmenu {background: transparent url(../images/nav/main.gif) -128px -36px no-repeat;}
		#nav-main #ideasandtechniquesmenu a:hover, #techniques #nav-main #ideasandtechniquesmenu {background: transparent url(../images/nav/main.gif) -231px -36px no-repeat;}
		#nav-main #whatsnewmenu a:hover, #whatsnewpage #nav-main #whatsnewmenu {background: transparent url(../images/nav/main.gif) -373px -36px no-repeat;}
		#newspage #nav-main #whatsnewmenu {background: transparent url(../images/nav/main.gif) -373px -36px no-repeat;}
		#nav-main #newslettermenu a:hover, #newsletter #nav-main #newslettermenu  {background: transparent url(../images/nav/main.gif) -468px -36px no-repeat;}
		#nav-main #naturalmenu a:hover, #allnaturalpage #nav-main #naturalmenu {background: transparent url(../images/nav/main.gif) -666px -36px no-repeat;}

/**
 **********************************************************************************
 *  Content area
 **********************************************************************************
 */
#content {
	position: relative;
	margin: 0 12px;
	background: transparent url(../images/ui/bg-header.jpg) no-repeat;
	}
	
#homepage #content {background: none;}

/**
 **********************************************************************************
 *  Homepage content
 **********************************************************************************
 */
#homepage #homepageflash {width: 830px; height: 347px; display:block;}
	#homepage #homepageflash p {
		padding: 150px 25px 0 25px;
		font-weight: bold; font-size: 1.1em; text-align:center;
		}
		
/*
 *	Callouts
 */
#homepage #callouts {
	margin: 16px 0 4em 36px;
	font-size: .9em;
	}
	
	#homepage div.callout {
		float: left;
		display: inline;
		margin: 0 0 0 19px;
		padding: 0 0 0 19px;
		width: 224px; min-height: 209px;
		background: transparent url(../images/home/divider-callouts.gif) left 20px no-repeat;
		}

	#homepage #callouts div.first {
		margin: 0;
		padding: 0;
		background: transparent;
		}
		
		#homepage #callouts h2 {
			margin: 0 0 1em -5px;
			min-height: 7em;
			font-size: 1.77em; font-weight: normal;
			}
			#homepage #callouts h2 a {
				padding: 0 0 95px 9px;
				text-decoration: none;
				}
			#homepage #callouts h2 span {
				padding: 0 0 95px 9px;
				}
			#homepage #callouts h2 sup {font-size: .7em;}
			
		#homepage #campbells-community h2 {background: transparent url(../images/home/bg-campbells-community.jpg) 5px bottom no-repeat;}
		#homepage #seasonal-favorites h2 {background: transparent url(../images/home/bg-seasonal-favorites.jpg) 5px bottom no-repeat;}
		#homepage #newsletter h2 {background: transparent url(../images/home/bg-newsletter.jpg) 5px bottom no-repeat; color:#DE8A10;}
		
		#homepage #callouts div.description {
			margin: 0 0 1.25em;
			padding: 0 0 1.25em;
			background: transparent url(../images/home/divider-description.gif) center bottom no-repeat;
			height:127px;
			}
		
			#homepage #callouts div.description p {margin-bottom:0.5em;}
		
			#homepage #callouts #campbells-community div.description .button {margin-top:81px;}
			#homepage #callouts #seasonal-favorites div.description .button {margin-top:0;}
			#homepage #callouts #newsletter div.description .button {margin-top:81px;}
			
			#newsletter .text {
				float: left;
				display: inline;
				margin: 0 10px 0 0;
				border-top: #BCBCBC 1px solid; border-right: #B3B3B3 1px solid; border-bottom: #f2f2f2 1px solid; border-left: #D4D4D4 1px solid;
				width: 161px; height: 16px;
				background: none;
				}


/**
 **********************************************************************************
 *  Subpage Intro areas
 **********************************************************************************
 */
#content #intro {padding: 0 0 0 325px;}
	
#products #content #intro, #contactus #content #intro {
	min-height: 225px;
	background: transparent url(../images/our-products/bg-intro.jpg) 7px 13px no-repeat;
	}
#newsletter #content #intro {
	min-height: 208px;
	background: transparent url(../images/newsletter/bg-intro.jpg) 28px 46px no-repeat;
	}
	
	#content #intro h2 {
		margin: 0 0 .5em;
		font-size: 1.6em; color: #DE8A10;
		}
		
	#content #intro h3 {
		margin: 0;
		font-size: 1.4em;
		}
	
	#content #intro p {margin-right: 32px;}

/**
 **********************************************************************************
 *  Our Products content
 **********************************************************************************
 */
#products #content #intro img#featurephoto {margin: 42px 0 0;}

#products #content #intro .rightcol {
	margin: 0 -10px 0 20px;
	width: 490px;
	}
	#products #content #intro .rightcol img {margin: 10px 0 0 -2px;}
	
	
#productareanav {
	margin: 0 0 0 38px;
	width: 715px;
	text-align: right;
	}
	
	#productareanav div {float: right;}

	#productareanav a:hover {cursor: pointer; cursor: hand;}
	
#content #productarea {
	position: relative;
	margin: 0 0 0 38px;
	padding: 0 0 20px;
	}

	#content #productareamain {
		width: 752px;
		background: url(../images/our-products/bg_ourproducts_maintop.gif) no-repeat top left #F2F1E7;
		}
		#content #productareamain .inner {background: url(../images/our-products/bg_ourproducts_mainbot.gif) no-repeat bottom left;}

	#content ul#productnav {
		float: left;
		display: inline;
		margin: 16px 0 0;
		width: 241px;
		}

		#content ul#productnav li {
			list-style: none;
			display: inline;
			}
			#content ul#productnav li a {
				display: block;
				width: 241px;
				}
			
#content #productarea #productcontentarea {
	float: right;
	display: inline;
	margin: 16px 14px 16px 0;
	padding: 23px 0 0;
	width: 479px;
	}

	#content #productcontent {
		padding-bottom:23px;
		min-height:334px;
		}
	* html #content #productcontent {height:334px;}

#content .brown #productcontentarea, #content .broth .default #productcontentarea, #content .bodydefault .default #productcontentarea {background: url(../images/our-products/bg_ourproducts_browntop.gif) no-repeat top left;}
#content .brown #productcontentarea .inner, #content .broth .default #productcontentarea .inner, #content .bodydefault .default #productcontentarea .inner {background: url(../images/our-products/bg_ourproducts_brownmiddle.gif) repeat-y top left;}
#content .brown #productcontent, #content .broth .default #productcontent, #content .bodydefault .default #productcontent {background: url(../images/our-products/bg_ourproducts_brownbot.gif) no-repeat bottom left;}

#content .blue #productcontentarea {background: url(../images/our-products/bg_ourproducts_bluetop.gif) no-repeat top left;}
#content .blue #productcontentarea .inner {background: url(../images/our-products/bg_ourproducts_bluemiddle.gif) repeat-y top left;}
#content .blue #productcontent {background: url(../images/our-products/bg_ourproducts_bluebot.gif) no-repeat bottom left;}

#content .green #productcontentarea  {background: url(../images/our-products/bg_ourproducts_greentop.gif) no-repeat top left;}
#content .green #productcontentarea .inner {background: url(../images/our-products/bg_ourproducts_greenmiddle.gif) repeat-y top left;}
#content .green #productcontent {background: url(../images/our-products/bg_ourproducts_greenbot.gif) no-repeat bottom left;}

#content .orange #productcontentarea {background: url(../images/our-products/bg_ourproducts_orangetop.gif) no-repeat top left;}
#content .orange #productcontentarea .inner {background: url(../images/our-products/bg_ourproducts_orangemiddle.gif) repeat-y top left;}
#content .orange #productcontent {background: url(../images/our-products/bg_ourproducts_orangebot.gif) no-repeat bottom left;}

#content .blue1 #productcontentarea, #content .stock .default #productcontentarea {background: url(../images/our-products/bg_ourproducts_blue1top.gif) no-repeat top left;}
#content .blue2 #productcontentarea {background: url(../images/our-products/bg_ourproducts_blue2top.gif) no-repeat top left;}
#content .blue1 #productcontentarea .inner, #content .blue2 #productcontentarea .inner, #content .stock .default #productcontentarea .inner {background: url(../images/our-products/bg_ourproducts_blue1middle.gif) repeat-y top left;}
#content .blue1 #productcontent, #content .blue2 #productcontent, #content .stock .default #productcontent {background: url(../images/our-products/bg_ourproducts_blue1bot.gif) no-repeat bottom left;}

#content .endcap, #content .connector {position: absolute;}
#content .endcap {left: -28px;}
#content .connector {left: 241px;}

#content #defaultendcap, #content #defaultconnector, #content #brownendcap, #content #brownconnector, #content #blue1endcap, #content #blue1connector {top: 16px;}
#content #blueendcap {top: 108px;} 
#content #blueconnector {top: 94px;}
#content #greenendcap {top: 168px;} 
#content #greenconnector {top: 154px;}
#content #orangeendcap {top: 260px;} 
#content #orangeconnector {top: 246px;}
#content #blue2endcap {top: 48px;} 
#content #blue2connector {top: 36px;}

#content #productcontent div.sidebar {
	clear: none;
	float: left;
	display: inline;
	margin-left:23px;
	padding-top:12px;
	width: 130px;
	}

	#content #productcontent div.sidebar p {
		font-weight:bold;
		color:#806651;
		padding:5px 0 0 0;
		margin:0;
		}
		#content #productcontent div.sidebar p span {color: #4997BC;}

#content #productcontent div.main {
	float:right;
	display:inline;
	width:286px;
	margin-right:33px;
	}

#content #productcontent p {
	margin-bottom: 0;
	padding-bottom: 20px;	
	}

#content #productcontent h3 {
	margin: 0;
	font-size: 1.4em; text-align: center;
	}
#content #productcontent h3.default {color: #593D25;}
#content #productcontent h3.blue {color: #2B6AA5;}
#content #productcontent h3.green {color: #5F6106;}
#content #productcontent h3.orange {color: #C78626;}

#content #productcontent p.first {
	background: url(../images/fancy_horizontal_line.gif) no-repeat 0 10px;
	padding-top: 27px;
	}

/**
 *	OUR PRODUCTS PAGE - BODY DISPLAY DEFAULTS
 */
.broth_connect, .stock_connect {display: none;}

.bodydefault .broth_connect {display: block;}
.bodydefault ul#productnav li.broth_nav a img, .bodydefault #productcontentarea .broth_content {position: static;}
.bodydefault ul#productnav li.stock_nav a img, .bodydefault #productcontentarea .stock_content {position: absolute;left: -999em;}

.broth .broth_connect {display: block;}
.broth ul#productnav li.broth_nav a img, .broth #productcontentarea .broth_content {position: static;}
.broth ul#productnav li.stock_nav a img, .broth #productcontentarea .stock_content {position: absolute;left: -999em;}

.stock .stock_connect {display: block;}
.stock ul#productnav li.broth_nav a img, .stock #productcontentarea .broth_content {position: absolute;left: -999em;}
.stock ul#productnav li.stock_nav a img, .stock #productcontentarea .stock_content {position: static;}

#content #productcontent div.group div, #content #productcontent div.group div.hideme { /* hide all content boxes */
	position: absolute;
	left: -999em;
	}
	#content #productcontent div.group div div {position: absolute;left: -999em;}
	#content #productcontent div.group div.revealme {
		position: static;
		left: 0;
		display: block;
		clear: both;
		padding-bottom: 40px;
		}
	#content #productcontent div.group div.revealme div {position: static;}

.hideme, .h {display: none;}
.revealme, .r {display: block;}

/**
 **********************************************************************************
 *  Generic subpage content
 **********************************************************************************
 */
#content #subpagearea {
	position:relative;
	padding-bottom:20px;
	margin-right:32px;
	}

#content #subpagecontentareamain {
	float:right;
	display:inline;
	width:488px;
	background: url(../images/bg_subpage_maintop.gif) no-repeat top left #F2F1E7;
	padding-top:12px;
	}

	#content #subpagecontentareamain .inner {
		background: url(../images/bg_subpage_mainbot.gif) no-repeat bottom left;
		padding-bottom:14px;
		}

#content #subpagecontentarea {
	width:460px;
	margin-left:14px;
	background: url(../images/bg_subpage_contenttop.gif) no-repeat top left;
	padding-top:28px;
	}

	#content #subpagecontentarea .inner {
		background: url(../images/bg_subpage_contentmid.gif) repeat-y top left;
		padding:0;
		}
		
#content #subpagecontent {
	background: url(../images/bg_subpage_contentbot.gif) no-repeat bottom left;
	padding:22px 35px 30px 35px;
	}
#newspage #content #subpagecontent {min-height:500px;}
* html #newspage #content #subpagecontent {height:500px;}
* html #content #subpagecontent {height:369px;}

	#content #subpagecontent h2 {font-size: 1.8em; color: #DE8A10; text-align: center;}
		#content #subpagecontent h2 img {margin: 0 auto 0 auto;}
		
	#content #subpagecontent p.first {
		background: url(../images/subpage_hr_fancy.gif) no-repeat top left;
		padding-top:21px;
		margin-top:15px;
		}
		
	#subpagecontent ul {
		list-style-type: disc;
		margin: 0 0 1em 14px;
		font-size: 1.2em;
		}
		#subpagecontent ul li {margin: 0 0 .5em;}

/**
 **********************************************************************************
 *  Left col area
 **********************************************************************************
 */
#content #subpageleftcol {
	width:267px;
	min-height:427px;
	float:right;
	display:inline;
	font-size:.9em;
	}
* html #content #subpageleftcol {height:427px;}

	#content #subpageleftcol h3 {font-size: 1.4em;}

#content #subpagenav {
	width: 267px; height: 427px;
	float: right;
	display: inline;
	position: relative;
	}
#techniques #subpagenav {
	background: url(../images/ui/bg_ideas_leftnav.jpg) no-repeat top left;
	height: 428px;
	}
#techniques div.brothvsstock #subpagenav {background: url(../images/ui/bg-brothvsstock-leftnav.jpg) no-repeat top left;}
#techniques div.betterwithbroth #subpagenav {background: url(../images/ui/bg-betterwithbroth-leftnav.jpg) no-repeat top left;}
#techniques div.betterwithstock #subpagenav {background: url(../images/ui/bg-betterwithstock-leftnav.jpg) no-repeat top left;}
#techniques div.conversion #subpagenav {background: url(../images/ui/bg-conversionchart-leftnav.jpg) no-repeat top left;}
#whatsnewpage #subpagenav, #newspage #subpagenav {background: url(../images/bg_whatsnew_leftnav.jpg) no-repeat top left;}

	#content #subpagenav img.flourish {
		position: absolute;
		top: 68px; left: 119px;
		z-index:3;
		}
		
	#content #subpagenav ul {
		width: 194px; height: 95px;
		border:1px solid #B1ADA2;
		background-color: #FFF;
		margin-top:70px;
		margin-left:39px;
		}
	#techniques #content #subpagenav ul {
		height: 123px;
		padding-top: 4px;
		}

		#content #subpagenav ul li {
			list-style-type: none;
			display: inline;
			}
			#content #subpagenav ul li a {
				display: block;
				width:175px;
				margin-left:9px;
				}
				
/**
 *	Tweaks for Ideas section nav
 */
#content #subpagenav ul li a#betterbroth {border-top:1px solid #C5BFBB;}
#content #subpagenav ul li a#betterstock {border-top:1px solid #C5BFBB;}
#content #subpagenav ul li a#conversionchart {border-top:1px solid #C5BFBB;}

/**
 *	Tweaks for What's New section nav
 */
#content #subpagenav ul li a#newsfromswanson {padding-top:4px;}
#content #subpagenav ul li a#news {border-top:1px solid #C5BFBB;}
#content #subpagenav ul li a#whatsnew {border-top:1px solid #C5BFBB;}

/**
 **********************************************************************************
 *  Subpage left nav promo
 **********************************************************************************
 */
#content #subpageleftcol .promo {
	clear: both;
	text-align: center;
	}
	#content #subpageleftcol .promo img {margin-left: auto; margin-right: auto;}

	#content #subpageleftcol .promo p {margin: 16px 43px 5px;}
	#content #subpageleftcol .promo a {color: #2269B1;}
	
#content #subpageleftcol #newsletter {
	background: url(../images/promo_bg_newsletter.jpg) no-repeat;
	width: 200px; height: 246px;
	padding-top: 15px;
	color: #333;
	margin: 0 0 0 35px;
	}
	#content #subpageleftcol #newsletter img.recipe {margin: 10px auto 0 auto;}
	#content #subpageleftcol #newsletter p {
		margin: 5px 15px 15px;
		padding: 0;
		text-align: left;
		}
		
#content #subpageleftcol #allnaturalbroth {margin-bottom: 8px; margin-left:3px;}		

/**
 **********************************************************************************
 *  Broth Vs. Stock
 **********************************************************************************
 */
div.brothvsstock #subpagecontent {
	position:relative;
	padding-top:160px !important;
	}
	
div.brothvsstock #hdr-img {
	position: absolute;
	top:-15px;
	left:13px;
	}
	
div.brothvsstock #comparison {
	position:relative;
	font-weight: bold; color: #00598C; text-align: center;
	margin:21px 0 0 -6px;
	width:405px;
	}
	
	div.brothvsstock #comparison #hdr #swiggley {
		position: absolute;
		top:40px;
		left:192px;
		}
		
	div.brothvsstock #comparison p {margin-top:22px;}
	
	div.brothvsstock #comparison .product {
		font-weight:normal;
		text-align:left;
		float:left;
		display:inline;
		}
	
		div.brothvsstock #comparison .product p {
			margin-top: 0;
			color: #565247;
			}
	
	div.brothvsstock #comparison .broth {
		width:201px;
		background:url(../images/brothvsstock_vertical_divider.gif) right 6px no-repeat;
		min-height:48px;
		}
	*html div.brothvsstock #comparison .broth {height:48px;}
	
	div.brothvsstock #comparison #hdr .broth {background:none;}
	
	div.brothvsstock #comparison .stock {
		width:188px;
		margin-left:15px;
		}
	
		div.brothvsstock #comparison .broth p {padding:0 45px 0 8px;}
		div.brothvsstock #comparison .stock p {padding:0 15px 0 12px;}

/**
 **********************************************************************************
 *  Conversion Chart
 **********************************************************************************
 */
#content .chart {
	background: url(../images/bg_conversion_top.gif) no-repeat top left #F2F1E7;
	padding-top:11px;
	width:389px;
	margin-bottom:17px;
	margin-top:32px;
	}
	
	#content .chart .innerchart {
		background: url(../images/bg_conversion_bot.gif) no-repeat bottom left;
		padding-bottom:10px;
		}
		
		#content .chart .innerchart table {
			width:100%;
			font-size: 1.2em;
			}
			#content .chart table th, #content .chart table td {
				padding-left:21px;
				text-align:left;
				width:50%;
				}
			#content .chart table th {font-weight:bold; font-style:italic; color:#DE8A10;}
	
div.conversion #subpagecontent strong {
	display: block;
	margin-left:21px; margin-bottom:4px;
	font-size: 1.2em;
	}
	
div.conversion #subpagecontent  ul {margin: 0 0 0 21px;}
	div.conversion #subpagecontent ul li {margin: 0 0 0 15px;}

/**
 **********************************************************************************
 *  New From Swanson
 **********************************************************************************
 */
div.newfromswanson #subpagecontent {
	position: relative;
	padding: 212px 0 25px 13px !important;
	}

div.newfromswanson #hdr-img {
	position: absolute;
	top: -16px; left:13px;
	height: 212px;
	}

div.newfromswanson #sections {
	width: 434px;
	font-size: 0.95em;
	}

div.newfromswanson .section {
	margin: 0 0 0 22px;
	padding: 0 35px 0 0;
	width: 399px; height: auto;
	}

	div.newfromswanson .section img.button {
		position:relative;
		margin: 6px 0 0 10px;
		z-index: 20;
		}
		
	div.newfromswanson .section img.section-hdr {
		display: inline;
		position: relative;
		margin: 6px 0 3px 10px;
		z-index: 10;
		}
		
	div.newfromswanson .section p {
		margin: 4px 0 0 10px;
		padding: 0 0 5px 0;
		line-height: 1.3em;
		}
	*html div.newfromswanson .section p {line-height:1.3em;}
	*+html div.newfromswanson .section p {line-height:1.3em;}
	
div.newfromswanson #sections #allnatural {
	padding-bottom: 20px;
	background:url(../images/allnatural_section_bg.jpg) 304px 8px no-repeat;
	}
	
	div.newfromswanson #sections #allnatural img.button {margin: 12px 0 10px 10px;}
	
	div.newfromswanson #sections #allnatural p {
		width: 295px;
		font-size: .95em;
		}
	
div.newfromswanson #sections #swansonstock {
	padding-bottom: 16px;
	background:url(../images/swansonstock_section_bg.jpg) no-repeat;
	}
	
	div.newfromswanson #sections #swansonstock img.section-hdr {margin-top: 27px;}
	
	div.newfromswanson #sections #swansonstock p {width: 234px;}

div.newfromswanson #sections #brothvsstock {
	height: 134px;
	background: transparent url(../images/stock_vs_broth_section_bg.jpg) no-repeat;
	}
	
	div.newfromswanson #sections #brothvsstock img.section-hdr {margin-top: 18px;}
	
	div.newfromswanson #sections #brothvsstock p {width: 200px;}

/**
 **********************************************************************************
 *  Newsletter Signup
 **********************************************************************************
 */
#newsletter #content #subpagecontent {padding-left:66px; padding-bottom:25px;}

/**
 *	Newsletter Existing Members Sign in
 */
#newsletter #content #subpageleftcol {
	padding-top: 39px;
	width: 266px; height:auto;
	background: url(../images/bg_newsletter_leftcoltop.gif) no-repeat top left;
	}
	
	#newsletter #content #subpageleftcol div#memberLogin {
		position: relative;
		margin-bottom:9px;
		padding: 10px;
		width: 172px;
		border: 1px solid #B1ADA2;
		background-color: #FFF;
		}

		#newsletter #content #subpageleftcol div#memberLogin label {
			display: block;
			padding-top: 11px;
			font-size: 1.2em;
			}

		#newsletter #content #subpageleftcol div#memberLogin p {
			padding-bottom:0;
			margin-bottom:0;
			}
			
		#newsletter #content #memberLogin img.flourish {
			position: absolute;
			top:-2px;
			left:80px;
			z-index:3;
			}
	
	#newsletter #content #subpageleftcol #subpageleftcolcontent {
		background: url(../images/bg_newsletter_leftcolmid.gif) repeat-y top left;
		padding-top: 7px;
		}

		#newsletter #content #subpageleftcol #subpageleftcolcontent .inner {
			background: url(../images/bg_newsletter_leftcolbot.gif) no-repeat bottom right;
			padding: 0 34px 79px 36px;
			}
		* html #newsletter #content #subpageleftcol #subpageleftcolcontent .inner {height: 1%;}

	#newsletter #content #subpageleftcol h2 {
		font-size:1.5em; text-align:center;
		margin-bottom:10px;
		}

#newsletter #content table#contactUsForm, #newsletter #content table#surveyForm {border-collapse:collapse;}

	#newsletter #content table#contactUsForm td, #newsletter #content table#surveyForm td {padding-bottom:19px;}

		#newsletter #content table#contactUsForm td table td, #newsletter #content table#surveyForm td table td {
			padding-bottom:7px; padding-right:5px;	
			vertical-align:top;
			}
		#newsletter #content table#surveyForm td table td {padding-bottom:2px;}
	
			#newsletter #content table#contactUsForm td table td label, #newsletter #content table#surveyForm td table td label {font-weight:normal;}


/**
 **********************************************************************************
 *  In The News
 **********************************************************************************
 */
p.news-pdfs {margin-bottom: .3em;}
p.news-pdfs a {color: #00598c;}

/**
 **********************************************************************************
 *  What's New pages
 **********************************************************************************
 */
#content #advertisements {margin-top:40px;}

	#content #advertisements h3 {font-size: 1.5em; color: #DE8A10;}
	
	#content #advertisements .advert {margin-bottom:25px;}
		
		#content #advertisements .advert img {
			float:left;
			display:inline;
			margin-left:20px;
			margin-bottom:10px;
			}
			
		#content #advertisements .advert .options {
			float:left;
			display:inline;
			width:160px;
			margin-left:10px;
			padding-top:155px;	
			}
			#content #advertisements .advert .options img {
				float:none;
				display: block;
				margin-left:0;
				margin-bottom:9px;
				}

/**
 **********************************************************************************
 *  100% Natural
 **********************************************************************************
 */
#content .allnaturalcontent {margin-right: 0 !important;}

	#content .allnaturalcontent h1 {height: auto;}

	#content .allnaturalcontent #subpagecontentareamain {
		background: none;
		float: left; 
		margin: 0;
		padding-top: 0;
		width: 588px;   
		}

	#content .allnaturalcontent #subpageleftcol {
		float: left;
		margin: 0 8px 0 0;
		width: 214px; 
		}
		
		#content .allnaturalcontent #subpageleftcol img {margin-bottom: 15px;}
		
		#content .allnaturalcontent #subpageleftcol #newsletter {margin: 0;}

/**
 **********************************************************************************
 *  Contact Us
 **********************************************************************************
 */
#content #contactusmain {
	width:761px;
	background: url(../images/bg_contactus_maintop.gif) no-repeat top left;
	padding-top:39px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
	}

#content #contactusmaincontent {background: url(../images/bg_contactus_mainmid.gif) repeat-y top left;}
	
	#content #contactusmaincontent .inner {
		background: url(../images/bg_contactus_mainbot.gif) no-repeat bottom left;
		padding:25px 73px 39px 73px;
		}
	
	#content #contactusmaincontent .button {
		display:inline;
		vertical-align:-3px;
		padding-left:12px;
		}
		
	#content #contactusmaincontent table {font-size: 1.2em;}
		#content #contactusmaincontent table th {padding: 0 0 6px;}
		#content #contactusmaincontent table td {padding: 0 0 6px;}
			
			#content #contactusmaincontent table label {font-size: 1em;}
			
			#content #contactusmaincontent table table {font-size: 1em;}

/**
 **********************************************************************************
 *  Footer
 **********************************************************************************
 */
#footer {
	padding: 0 0 14px;
	width: 100%;
	background: url(../images/bg_container_bottom.gif) bottom left no-repeat;
	font-size: 1.1em;
	}

	#footer .content {
		margin: 0 13px 0 12px;
		padding: 6px 0 0;
		background: url(../images/bg_footercontent_top.gif) no-repeat top left #EDECDC;
		}
	* html #footer .content {height: 8px;}

		#footer .content .inner {
			padding: 0 0 6px;
			background: #EDECDC url(../images/bg_footercontent_bottom.gif) bottom left no-repeat;
			}

	#footer #copyright {
		float: left;
		display: inline;
		margin: 0 0 0 15px;
		width: 33%;
		}

	#footer #utilitynav {
		float: right;
		display: inline;
		margin: 0 15px 0 0;
		width: 62%;
		text-align: right;
		}

	#footer a {text-decoration: underline; color: #565247;}

	#footer .footerburst {font-weight: bold;}

/**
 **********************************************************************************
 *  Contact Us pages
 **********************************************************************************
 */
table#BaseInformation td, table#InquiryInformation td, table#ProductInformation td, table#StoreInformation td {padding:3px 0;}

#WorkPhone1, #WorkPhone2, #WorkPhone3 {width:50px;}

table#BaseInformation td.label, table#InquiryInformation td.label, table#ProductInformation td.label, table#StoreInformation td.label {width:125px;}

table#BaseInformation .message-box {width:300px; height:100px;}

/**
 **********************************************************************************
 *  Swanson Stock Styles
 **********************************************************************************
 */
#productlanding {
	width: 753px;
	margin-left:36px;
	}
	
	#productlanding .col {
		display:inline;
		float:left;
		}
		
	#productlanding #leftcontent {
		width:423px;
		background:url(../images/productlanding_bg_content_left.gif) left bottom repeat-y;
		}
		
		#productlanding #leftcontent-inner {
			padding:38px 30px 0 32px;
			background:url(../images/productlanding_bg_content_left_top.jpg) left top no-repeat;
			min-height:660px;
			}
		
		.broth #productlanding #leftcontent-inner {
			padding:38px 30px 0 32px;
			background:url(../images/broth_bg_content_left_top.jpg) left top no-repeat;
			min-height:664px;
			}
		
			#productlanding #leftcontent .titlesub {margin:17px 0;}
			
			#productlanding #leftcontent #all-products img {
				margin:11px auto 0 auto;
				text-align:center;
				}
				
			#productlanding #leftcontent ul {
				margin-top:0; margin-bottom:40px;
				list-style-image:url(../images/stock_li.gif);
				padding-left:35px;
				font-size: 1.2em; line-height: 1.4em;
				}
				
			.broth #productlanding #leftcontent ul {
				margin-top:0; margin-bottom:100px;
				list-style-image:url(../images/stock_li.gif);
				padding-left:35px;
				}
				
			#productlanding #leftcontent .recipes .r_title {
				padding-bottom:10px;
				margin-bottom:10px;
				}
			.broth #productlanding #leftcontent .recipes .r_title {padding-bottom:10px;}
			
			#productlanding #leftcontent .recipes .r_box {
				position:relative;
				width:305px;
				border-top:1px solid #B0AC9F; border-bottom:1px solid #B0AC9F;
				padding-top:20px; padding-bottom:22px;
				}
			.broth #productlanding #leftcontent .recipes .r_box {padding-bottom:35px;}
			
				#productlanding #leftcontent .recipes .r_box .boxtop {
					position: absolute;
					top:-5px; left:140px;
					}
					
				#productlanding #leftcontent .recipes .r_box span {
					display: block;
					padding-left:15px;
					margin-bottom:3px;
					font-size: 1.2em;
					}
					
			#productlanding #leftcontent p.footnote {
				font-size:0.9em; color:#999;
				width:295px;
				margin-top:20px;
				}
				
	#productlanding #rightcontent {
		position:relative;
		padding: 0;
		width: 330px;
		}
	.stock #productlanding #rightcontent {
		height: 780px;
		background: transparent url(../images/stock_bg_content_right.jpg) no-repeat;
		}
	.broth #productlanding #rightcontent {
		height: 750px;
		background: transparent url(../images/broth_bg_content_right.jpg) no-repeat;
		}
		
		#productlanding #rightcontent #available {
			position: absolute;
			top: 442px; left:90px;
			}
			
		#productlanding #rightcontent #natural {
			position: absolute;
			top: 450px; left: 0;
			}
		.stock #productlanding #rightcontent #natural {top: 462px;}
		
		#productlanding #rightcontent #dontforget {
			position: absolute;
			left: 0;
			padding: 0 2px 0 56px;
			}
		.stock #productlanding #rightcontent #dontforget {top: 607px;}
		.broth #productlanding #rightcontent #dontforget {top: 600px;}
		    
		    #productlanding #rightcontent #productshot {position: absolute;}
			.stock #productlanding #rightcontent #productshot {top:-22px; left:-32px;}
			.broth #productlanding #rightcontent #productshot {top:-24px; left:-48px;}
				
			#productlanding #rightcontent #dontforget p {
				margin: 2px 0 0;
				line-height: 1.3em;
				}
			.stock #productlanding #rightcontent #dontforget p {margin: 8px 0 0;}
			
			#productlanding #rightcontent #dontforget p#learn-more {margin: 4px 0 0 154px;}
			.stock #productlanding #rightcontent #dontforget p#learn-more {margin: 8px 0 0 154px;}

/**
 **********************************************************************************
 *  Search Results
 **********************************************************************************
 */
#searchresults-container {
	margin: 0 0 0 36px;
	width: 754px;
	background: url(../images/searchresults_bg.gif) repeat-y top left;
	}

#searchresults {
	padding: 60px 50px 0 50px;
	background: url(../images/searchresults_top.gif) no-repeat top left;
	
	}
	
#resultsheader {
	padding: 0 0 20px;
	background: url(../images/searchresults_divider.gif) no-repeat bottom left;
	}
	
	#resultsheader h2 {font-size: 1.8em; color: #00598C;}
	
	#resultsheader #resultdetails {margin: 8px 0 0;}
		
		#resultsheader #resultdetails #description {
			float: left;
			display: inline;
			width: 440px;
			}
		
		#resultsheader #resultdetails #navigation {
			float: right;
			display: inline;
			white-space: nowrap;
			}
			
			#resultsheader #resultdetails #navigation a.previous {
				margin: 0 1px 0 0;
				padding: 0 0 0 12px;
				background: url(../images/searchresults_arrow_left.gif) no-repeat left 4px;
				}
			#resultsheader #resultdetails #navigation a.next {
				margin: 0 0 0 1px;
				padding: 0 12px 0 0;
				background: url(../images/searchresults_arrow_right.gif) no-repeat right 4px;
				}
				
.result {
	padding: 13px 0 24px;
	border-top: #E5E1D6 1px solid;
	min-height: 80px;
	}
*html .result {height: 80px;}

.first-result {border-top: none;}

	.result .recipe-img {
		float:left;
		display:inline;
		margin: 2px 0 0;
		border: #DAE098 1px solid;
		}
	
	.result .text {margin: 0 0 0 104px;}
	
		.result p {margin: 0 0 3px;}
		
		.result p.recipe-title {font-size: 1.1em; font-style: italic; font-weight: bold;}
	
/**
 **********************************************************************************
 *  Top Chef
 **********************************************************************************
 */
div.topchef a {color:#DE8A10;}

div.topchef #bravo-logo {
	display:inline;
	vertical-align:middle;
	margin-left:11px;
	}
	
div.topchef #header {
	background: url(../images/top_chef.png) no-repeat top left;
	width:434px; height:291px;
	position:relative;
	z-index:1;
	top:-48px; left:-22px;
	margin-bottom:-30px; margin-right:-30px;
	}
*html div.topchef #header {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/top_chef.png', sizingMethod='crop');
	}
	
	div.topchef #header p {text-indent:-10000px;}
	
		div.topchef #recipeheaderlink {
			position: absolute;
			z-index:10000;
			top:262px; left:343px;
			}
			
			div.topchef #recipeheaderlink a {
				width:189px; height:19px;
				display: block;
				text-decoration:none;
				overflow:hidden;
				}
				div.topchef #recipeheaderlink a span {visibility:hidden;}
				
	div.topchef #recipeheaderadobe {
	    width: 110px;
	    position: absolute;
	    z-index: 10000;
	    top: 252px; right: 51px;
	    }
	
	div.topchef #subpagecontent #recipes {
		overflow:auto;
		margin-left:-17px;
		width:420px; height:690px;
		}
		
		div.topchef #subpagecontent #recipes .recipe {
			background: url(../images/content_recipe_divider_bg.gif) no-repeat 50px top;
			padding-top:24px;
			height:150px;
			}
		
		div.topchef #subpagecontent #recipes .first-recipe {
			background:none;
			padding-top:4px;
			}
			
			div.topchef #subpagecontent #recipes .recipe-img {
				z-index:1000px;
				float:left;
				display:inline;
				margin:0 12px;
				}
				
			div.topchef #subpagecontent #recipes .text {
				float:left;
				display:inline;
				margin:11px 0 0 0;
				}
				div.topchef #subpagecontent #recipes .text img.button {margin-top:18px;}
				
	div.topchef #sections {font-size:0.9em; color:#666;}
	
		div.topchef .section {
			margin:0 -22px 0 -22px;
			background: url(../images/content_section_divider_bg.gif) no-repeat top left;
			padding:10px 22px 10px 22px;
			}
			div.topchef #congrats {
				margin-top:-33px;
				padding-bottom:18px;
				}
				div.topchef #congrats .section-hdr {margin-bottom:7px;}
			
			div.topchef #winning-recipe {padding-top:22px;}
				
				div.topchef #winning-recipe .head .recipe-img {
					position:relative;
					z-index:1000px;
					float:left;
					display:inline;
					margin:0 16px 5px -18px;
					}
				div.topchef #winning-recipe .head .text {
					float:left;
					display:inline;
					margin:13px 0 0 0;
					}
					div.topchef #winning-recipe .head .text img.button {margin-top:27px;}
					
			div.topchef .first-section {background:none;}
			
			div.topchef .section .subhead {margin:18px 0 8px 0;}
			
			div.topchef p.list-hdr {
				font-size:1.1em; font-weight:bold;
				padding:0;
				}
				
			div.topchef .section .columns {
				margin-right:-10px;
				padding:0;
				}
				
				div.topchef .section .columns .col {
					float:left;
					display:inline;
					margin:0;
					padding:0;
					}
					
				div.topchef .section .columns #coll {
					width:190px;
					margin:0 25px 0 0;
					}
					
				div.topchef .section .columns #colr {width:175px;}
				
				div.topchef .section ul {
					margin:0 0 1em 0;
					padding:0;
					}
					div.topchef .section ul li {
						list-style-type:none;
						margin:0;
						padding:0;
						}
				
				div.topchef .section ol {
					margin:0 0 1em 18px;
					padding:0;
					}
				*html div.topchef .section ol {margin-left:23px;}
				*+html div.topchef .section ol {margin-left:23px;}
				
/**
 **********************************************************************************
 *  Holiday Leftover Makeover
 **********************************************************************************
 */
div.leftovermakeover #subpagecontent {
	position:relative;
	padding-top:180px !important;
	}
	
div.leftovermakeover #hdr-img {
	position: absolute;
	top:-15px;
	left:13px;
	}
div.leftovermakeover #subpagecontent h2 {
	color:#DE8A10;
	margin:0;
	text-align:left !important; 
	font-weight:normal;
	font-size:1.6em;
	}
div.leftovermakeover img#holidayleftovervideothumb {
	margin:10px auto;
}
div.leftovermakeover h3 {
	font-weight:normal;
	font-style:italic;
	margin-bottom:0;
	font-size:1.2em;
	}
div.leftovermakeover ul#recipes {
	margin-left:15px;
	}
	div.leftovermakeover ul#recipes li {
		margin:10px 0 14px 52px;
		float:left;
		display:inline;
		width:143px;
		text-align:center;
		}
		div.leftovermakeover ul#recipes li.left {
			margin-left:0;
			}
		div.leftovermakeover ul#recipes li img {
			margin-bottom:6px;
			}
		div.leftovermakeover ul#recipes li a {
			color:#3744BF;
			}