/*
+-------------------------------------------------------------------------+
Title:		Nestle Drumstick Styles
Version:	1.5
Copyright:	2010 - Smith Brothers Agency
Updated:	06/30/2010 - gjh
Last Edit: 8/19/2010 - jym
+-------------------------------------------------------------------------+
*/


/* 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,
dd, dl, dt, li, ol, ul,
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;}

address, caption, cite, code, dfn, th, var { 
	font-style:normal; 
	font-weight:normal;} 
	
caption, th {text-align:left;}

table {
	border-collapse: collapse;
	border-spacing: 0;}

ul {list-style: none;}

blockquote, q {quotes: none;}

/* Additional */
form label {cursor: pointer;}
fieldset {border: none;}
abbr, acronymn {text-decoration: none; border:0;}

.f-left {float: left;}
.f-right {float:right;}
.clear {clear: both;}

#skip, 
.hide, 
hr, 
#logo-print {display: none;}

sup {
	height: 0;
	line-height: 1;
	position: relative;
	top: -3px;
	vertical-align: baseline !important;
	vertical-align: bottom;
	font-size: .9em; }

/* --- site-wide ------------------------------------------------------------------------------------------------ */

html {height: 100%;}
body {
	background: url(../images/shared/bg-main.jpg) 0 0 repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height:100%;}
	
body#home {background: url(../images/shared/bg-main-fs.jpg) 0 0 repeat-x;}
body#sub {background: url(../images/shared/bg-main.jpg) 0 0 repeat-x;}

a {	
	color: #ed1c24;
	outline-style:none;
	outline-width:0;}
	
a:hover {color: #024284; text-decoration: none;}

/* #disclaim {font-weight: bold; margin-bottom: .5em;} */
#disclaim {display: none;}

		/* branding Edit 7/1/2010*/
		#brand h1 {
			position: absolute;
			top: 8px;
			left: 25px;
			width: 184px;
			height: 271px;
			z-index: 5;}
	
			#brand h1 a {
			display: block;
			background: url(../images/shared/logo-10.png) 0 0 no-repeat;
			width: 184px;
			height: 271px;
			text-indent: -8000px;
			overflow: hidden;}
			


#sub #drumstick {
	min-height: 100%;
	position: relative;	
	/* padding: 0 0 145px; */}
	



	
/* --- main nav ------------------------------------------------------------------------------------------------- */

#nav-main {
	width: 528px;
	height: 40px;
	position: absolute;
	background-image: url(../images/shared/nav-top.gif);
	background-repeat: no-repeat;
	background-position: 0 -320px;
	top:8px;
	right:150px;}
	
	#home #nav-main {right:170px; z-index: 2; top:-8px;}
		.flavors #nav-main {background-position: 0 -120px;}
		#forever-summer #nav-main {background-position: 0 -160px;}
		.promotions #nav-main {background-position: 0 -200px;}
		.stay-connected #nav-main {background-position: 0 -240px;}
		.about #nav-main {background-position: 0 -280px;}
	
	#nav-main li {position: absolute; top:0; height: 40px; overflow: hidden;}
	#nav-main a {
		display: block;
		height: 40px;
		background-image: url(../images/shared/nav-top.gif);
		background-repeat: no-repeat;
		text-indent: -8000px;
		overflow: hidden;}
	
	#nav-funf {width: 96px; left:0;}
	#nav-funf a {width: 96px;	background-position: 0 0;}
		#nav-funf a:hover {background-position: 0 -40px;}
		#nav-funf a.on {background-position: 0 -80px;}

		
	#nav-summer {width: 99px; left: 96px;}
	#nav-summer a {width: 99px;	background-position: -96px 0;}
		#nav-summer a:hover {background-position: -96px -40px;}
		#nav-summer a.on {background-position: -96px -80px;}
		
	#nav-prom {width: 135px; left: 195px;}
	#nav-prom a {width: 135px;	background-position: -195px 0;}
		#nav-prom a:hover {background-position: -195px -40px;}
		#nav-prom a.on {background-position: -195px -80px;}
		
	#nav-stay {width: 123px; left: 328px;}
	#nav-stay a {width: 123px;	background-position: -328px 0;}
		#nav-stay a:hover {background-position: -328px -40px;}
		#nav-stay a.on {background-position: -328px -80px;}
		
	#nav-stor {width: 79px; left: 450px;}
	#nav-stor a {width: 79px;	background-position: -450px 0;}
		#nav-stor a:hover {background-position: -450px -40px;}
		#nav-stor a.on {background-position: -450px -80px;}
		
		
	
/* --- home page ------------------------------------------------------------------------------------------------ */

#drumstick-top {
	width: 942px;
	padding: 0;
	margin: 0 auto;
	position: relative;}
	
	#index #drumstick-top {height: 504px;}
	
	#sub #drumstick-top {
		padding: 0;
		height: 60px;
		z-index: 6;}	
	
	
	#index-content {height: 504px;}
	
	/* flash space */
	#flash-hp {
		width: 942px;
		height: 504px;
		margin-top: 17px;}	
	
		#flash-hp-alt {
			width: 942px;
			height: 504px;}
			
			#flash-hp-alt2 {
				background: url(../images/shared/flash-front-alt.jpg) left top no-repeat;
				width: 942px;
				height: 504px;}
				
			
		
		/* branding Edit Forever Summer 4/14/2010*/
			
		/* branding Edit 7/1/2010*/
		#flash-hp-alt2 h1 {
			position: absolute;
			top: 8px;
			left: 25px;
			width: 184px;
			height: 271px;
			z-index: 5;}
	
			#flash-hp-alt2 h1 a {
			display: block;
			background: url(../images/shared/logo-10.png) 0 0 no-repeat;
			width: 184px;
			height: 271px;
			text-indent: -8000px;
			overflow: hidden;}
				
				/* Static link */
				
				#flash-hp-alt2 a:link.click-me, #flash-hp-alt2 a:visited.click-me {
				display: block;
				width: 118px;
				height: 45px;
				background: url(../images/shared/btn-click-me.jpg) left top no-repeat;
				overflow: hidden;
				position: absolute;
				top: 437px; left: 411px;
				}
					#flash-hp-alt2 a:hover.click-me {
					background: url(../images/shared/btn-click-me.jpg) left -45px no-repeat;}
	
		
		
		/* Added 3/15 - Static Home Page */
		#flash-hp-alt {position: relative;}
		
		
		#flash-hp-alt h2 {
			width: 248px;
			height: 128px;
			text-indent: -123456px;
			background: url(../images/frontpage/orig.gif) 0 0 no-repeat;
			position: absolute;
			top:235px;
			left:0;}
		
		#flash-hp-alt h3 {
			width: 697px;
			height: 459px;
			text-indent: -123456px;
			background: url(../images/frontpage/new.jpg) 0 0 no-repeat;
			position: absolute;
			top:0;
			right:0;}
			
		#new-save a {
			display: block;
			width: 109px;
			height: 33px;
			text-indent: -123456px;
			position: absolute;
			top:335px;
			left:500px;
			background: url(../images/frontpage/save.png) 0 0 no-repeat;}
			
			#new-save a:hover {background: url(../images/frontpage/save.png) 0 -53px no-repeat;}
		
		
			
		#new-drums a  {
				display: block;
				width: 80px;
				height: 9px;
				background: url(../images/shared/learn.png) 0 0 no-repeat;
				text-indent: -8000px;
				overflow: hidden;
				position: absolute;
				bottom: 51px;
				right: 65px;}
				
				#new-drums a:hover {background: url(../images/shared/learn.png) 0 -18px no-repeat;}
	
	
#drumstick-mid {
	min-height: 204px;
	margin: 0;
	padding: 0;
	background: url(../images/shared/bg-main.jpg) 0 -60px repeat-x;}
	
	#hp-callouts {
		width: 922px;
		min-height: 192px;
		margin: 0 auto;
		padding: 8px 0 0 22px;
		background:url(../images/shared/foot-fr-bot.gif) bottom left no-repeat; }
		
		.calloutbox {
			width: 295px;
			min-height: 185px;
			margin:0 5px 0 0;
			float: left;
			font-size: 11px;
			background: url(../images/shared/box-fr-bot.png) bottom left no-repeat;
			position: relative;}
			
			.calloutbox h3 {
				width: 295px;
				height: 46px;
				text-indent: -8000px;
				overflow: hidden;}
				
				.calloutbox h3 a {
					display: block;
					width: 295px;
					height: 46px;}
				
				
		
		
		/* each box */
		#callout-lil h3 a  {background: url(../images/shared/box-fr-top-know.jpg) 0 0 no-repeat;}
			
			#callout-lil h4 {
				width: 120px;
				height: 182px;
				background: url(../images/frontpage/lil.png) 0 0 no-repeat;
				position:absolute;
				top: -5px;
				right:-5px;
				text-indent: -8000px;}
				
			#callout-lil p {margin: 13px 110px 0 25px;}	
		
		/* new callout / cookies */
		#callout-cookies h3 a  {background: url(../images/shared/box-fr-top-cookie.jpg) 0 0 no-repeat;}
		
			#callout-cookies h4 {
				width: 128px;
				height: 144px;
				background: url(../images/frontpage/cookie.png) 0 0 no-repeat;
				position:absolute;
				top:35px;
				right:-25px;
				text-indent: -8000px;}
				
			#callout-cookies p {margin: 13px 110px 0 25px;}	
			
		
		#callout-break h3 a {background: url(../images/shared/box-fr-top-break.jpg) 0 0 no-repeat;}
			
			#callout-break h4 {
				width: 89px;
				height: 154px;
				background: url(../images/shared/fr-break-img.png) 0 0 no-repeat;
				position:absolute;
				top: 10px;
				right: 12px;
				text-indent: -8000px;}
				
			#callout-break p {
				margin: 13px 110px 0 25px;}
		
		#callout-ana h3 {background: url(../images/shared/box-fr-top-anat.jpg) 0 0 no-repeat;}
		
			#callout-ana h4 {
				width: 81px;
				height: 144px;
				background: url(../images/frontpage/cone.png) 0 0 no-repeat;
				position:absolute;
				top: 34px;
				right: 5px;
				text-indent: -8000px;}
				
			#callout-ana p {
				margin: 13px 90px 0 25px;}
			
			#callout-ana a {font-weight: bold;}
			
			#callout-ana ul {margin: 6px 0 0 25px;}
				#callout-ana ul li {margin-bottom: 5px;}
				
		#callout-sav h3 {background: url(../images/shared/box-fr-top-save.jpg) 0 0 no-repeat;}
		
			#callout-sav h4 {
				width: 130px;
				height: 107px;
				background: url(../images/shared/facebook/fb-b.png) 0 0 no-repeat;
				position:absolute;
				top: 55px;
				right:20px;
				text-indent: -8000px;}
				
			#callout-sav p {margin: 13px 140px 0 25px;}
				#callout-sav p span {font-size: .9em;}	
			
			.learn {
				display: block;
				width: 80px;
				height: 9px;
				background: url(../images/shared/learn.png) 0 0 no-repeat;
				text-indent: -8000px;
				overflow: hidden;
				position: absolute;
				bottom: 25px;
				left: 25px;}
				.learn:hover {background: url(../images/shared/learn.png) 0 -18px no-repeat;}
			
			
			.viewnow {
				display: block;
				width: 80px;
				height: 9px;
				background: url(../images/shared/view.gif) 0 0 no-repeat;
				text-indent: -8000px;
				overflow: hidden;
				position: absolute;
				bottom: 25px;
				left: 25px;}
				.viewnow:hover {background: url(../images/shared/view.gif) 0 -18px no-repeat;}
			
			
			/* New Heroes - May 10th */ 
			#callout-hero-10 h3 a  {background: url(../images/shared/box-fr-top-nom.jpg) 0 0 no-repeat;}
			
			#callout-hero-10 h4 {
				width: 110px;
				height: 64px;
				background: url(../images/frontpage/heroes.png) 0 0 no-repeat;
				position:absolute;
				top: 55px;
				right:-5px;
				text-indent: -8000px;}
				
			#callout-hero-10 p {margin: 13px 105px 0 25px;}
			#callout-hero-10 p span {font-size: .9em;}	


/* --- forever summer page ------------------------------------------------------------------------------------------------ */
body#forever-summer {background: url(../images/shared/bg-main-fs.jpg) 0 0 repeat-x;}

/* branding Edit 4/14/2010*/
		#forever-summer #brand h1 {
			position: absolute;
			top: 9px;
			left: 25px;
			width: 184px;
			height: 293px;
			z-index: 50;}
	
			#forever-summer #brand h1 a {
			display: block;
			background: url(../images/shared/logo-fs-10.png) 0 0 no-repeat;
			width: 184px;
			height: 293px;
			text-indent: -8000px;
			overflow: hidden;}
			
			
	/* flash space */
	#flash-fs {
		width: 960px;
		height: 594px;}	
	
		#flash-fs-alt {
			width: 960px;
			height: 550px;
			position: absolute;
			top: 59px;
			z-index: 48;}
			
			#flash-fs-alt2 {
				background: url(../images/shared/bg-flash-fs.jpg) left top no-repeat;
				width: 960px;
				height: 550px;
				color: #fff;}
				
	#classic {
	position: absolute;
	top: 210px; left: 63px;
	display: block;
	width: 140px;
	height: 50px;
	background: url(../images/shared/fs-bg-classic.jpg) left top no-repeat;
	padding: 75px 130px 23px 30px;}	
		
		#classic a {
			position: absolute;
			top: 85px; left: 173px;
			display: block;
			width: 128px;
			height: 49px;
			overflow: hidden;
			background:url(../images/shared/fs-btn-classic.jpg) left top no-repeat;
			}
			
			#classic a:hover {
			background:url(../images/shared/fs-btn-classic.jpg) left -49px no-repeat;}
	
	#chill {
	position: absolute;
	top: 353px; left: 120px;
	display: block;
	width: 145px;
	height: 54px;
	background: url(../images/shared/fs-bg-chill.jpg) left top no-repeat;
	padding: 75px 145px 40px 50px;
	}		
	
		#chill a {
			position: absolute;
			top: 88px; left: 199px;
			display: block;
			width: 128px;
			height: 47px;
			overflow: hidden;
			background:url(../images/shared/fs-btn-chill.jpg) left top no-repeat;
			}
			
			#chill a:hover {
			background:url(../images/shared/fs-btn-chill.jpg) left -47px no-repeat;
			}

	
	#fun {
	position: absolute;
	top: 145px; left: 580px;
	display: block;
	width: 148px;
	height: 50px;
	background: url(../images/shared/fs-bg-fun.jpg) left top no-repeat;
	padding: 72px 114px 37px 54px;
	}	
	
		#fun a {
			position: absolute;
			top: 82px; left: 199px;
			display: block;
			width: 127px;
			height: 50px;
			overflow: hidden;
			background:url(../images/shared/fs-btn-fun.jpg) left top no-repeat;
			}
			
			#fun a:hover {
			background:url(../images/shared/fs-btn-fun.jpg) left -50px no-repeat;
			}

	
	#friends {
	position: absolute;
	top: 302px; left: 545px;
	display: block;
	width: 310px;
	height: 246px;
	background: url(../images/shared/fs-bg-friends.jpg) left top no-repeat;
	}		
			
		#friends a {
			position: absolute;
			top: 174px; left: 181px;
			display: block;
			width: 127px;
			height: 49px;
			overflow: hidden;
			background:url(../images/shared/fs-btn-friends.jpg) left top no-repeat;
			}
				
				#friends a:hover {
				background:url(../images/shared/fs-btn-friends.jpg) left -49px no-repeat;
				}
				

/* --- sub pages ------------------------------------------------------------------------------------------------ */

#drumstick-content {
	width: 923px;
	padding-bottom: 170px; /* padding for the footer */
	margin: 0 auto;
	font-size: 11px;
	color: #515151;
	position: relative;} 
	 

#breadcrumb {
	font-size: 11px;
	color: #585858;
	position: absolute;
	top: 70px;
	left: 275px;
	z-index: 7;
	overflow: hidden;}

	#content-sub {
		width: 659px;		
		margin-top: 50px;
		float: right;
		background: url(../images/shared/content-bg-main.gif) bottom left no-repeat;}
	
	#content-header {
		width: 635px;
		height: 54px;
		background: url(../images/shared/content-top-bg.gif) 0 0 no-repeat;
		padding: 63px 0 0 24px;
		overflow: hidden;}

	.lilheroswinners #content-header {
		width: 635px;
		height: 64px;
		background: url(../images/shared/content-top-bg.gif) 0 0 no-repeat;
		padding: 63px 0 0 24px;
		overflow: hidden;}
		
		#content-header h1 {
			color: #024284;
			font-size: 33px;
			text-transform: uppercase;}
		
	#content {
		min-height: 375px;
		width: 600px;
		margin: 0 0 14px 14px;
		padding: 0 21px 75px 10px;
		background: url(../images/shared/content-bg-internal.jpg) bottom left no-repeat;
		position: relative;}
		
		/* flavors pages have a larger space */
		body.anatomy #content {height:500px;}
		body.flavors #content {
			width: 613px;
			height: 600px;
			margin: 0 0 0 23px;
			padding: 0;
			background: none;}
			
			body.variety-packs #content {
			height: auto;
			}
		
		body.breaks #content {background: none;}
		
		#content p {margin:0 0 1.2em}
		
		.moments #content ol {
			margin: 0 0 1em; 
			font-size: 12px; 
			color: #005fa4; 
			font-weight: bold; 
			list-style-position: inside; }
		
			.moments #content ol li {margin: 0 0 5px 0; padding: 10px;}
				.moments #content ol li.even {background: #ededed; }
				
				.moments #content ol ul {margin: 10px 0 0 10px; padding:0;}				
				
				.moments #content ol ul li {
					margin: .4em 0; 
					font-size: 11px;
					color: #515151;
					font-weight: normal;
					padding: 0;
					padding: 0 0 0 10px;
					background: url(../images/shared/bul.gif) 0 6px no-repeat;
					list-style-position: outside;}
					
				.moments #content ol ul li {margin-bottom: .3em;}
			
			#list-nav {
				min-height: 140px;
				background: url(../images/shared/bg-dash.gif) bottom left repeat-x}
				
			#content #list-nav ol {
				width: 230px;
				margin:0;
				padding:0 0 0 15px;
				float: left;
				list-style-position: outside;}
				
				#content #list-nav ol li {padding:0; margin:0 0 8px 20px; list-style-position: outside;}
				
			.return-top {
				display: block;
				width: 90px;
				height:7px;
				background-image: url(../images/shared/return.gif);
				background-repeat: no-repeat;
				text-indent: -8000px;
				margin-top: 15px;}
				
				.return-top {background-position: 0 0;}
					.return-top:hover {background-position: 0 -7px;}
				
				.even .return-top {background-position: -90px 0;}
					.even .return-top:hover {background-position: -90px -7px;}
			
	
	#content table {
	margin: 0 0 2.5em;
	border: 1px solid #666;
	border-bottom: 0;
	font-size: 11px;
	width: 100%;}

	#content table caption {
		font-size: 1.2em;
		font-weight: bold;
		color: #024284;
		padding-bottom: 1.2em;}
	
	#content td,
	#content th {padding: 4px; vertical-align: top;}
	
	#content th {	
		 color:#000000;
		 border-bottom: 2px solid #666;
		 background: #e5e5e5;
		 font-size: 11px;
		 font-weight: bold;
		 padding: 5px 4px;}
	
	#content td {border-bottom: 1px solid #666;}
	
	#t-store {width:180px;}
	#t-address {width:212px;}
	#t-city {width:116px;}
	#t-state {width:43px;}
	#t-zip {width:45px;}
	
	#content table.no-results-table,
	#content table.no-results-table td {border: none;}

	#content .search_footer tbody td {
		text-align: left;
		color: #000000;
		background-color: #e5e5e5;
		background-image: none;
		background-repeat: repeat;
		background-attachment: scroll;
		background-position: 0% 0%;
		font-size: 11px;
		font-weight: bold;
		padding-top: 5px;
		padding-right: 4px;
		padding-bottom: 5px;
		padding-left: 4px;	}
		
		
	#content.faq {background: none;}
		
	#content.faq dl {
		border-top: 1px dashed #c7c7c7;
		padding-top: 5px;
		margin-bottom: 15px;}	
		
		#content.faq dl dt {
			font-weight: bold;
			font-size: 14px;
			color: #024284;
			margin: 3px 10px 10px;}
		
		#content.faq dl dd {
			background: #f0f0f0;
			padding: 10px 10px 1px 10px;
			-webkit-border-radius: 7px;
			-moz-border-radius: 7px;}
			
			
			#content.faq ol,
			#content.faq ul {margin: 20px 25px}
			#content.faq ul {list-style-type: disc;}
			#content.faq li {margin-bottom: 1em;}
		


	/* LIL HERO'S WINNERS */
	
	
	#winners ul {
		width: 100%;
		height: 400px;
		position: relative;}
		
		#winners li {
			position: absolute;
			height:170px;}
		
		#winners a {
			display: block;
			text-indent: -123456px;
			height:170px;
			background-position: 0 0;
			background-repeat:no-repeat;}
			
	
	#hero-a		{width:130px; top:0px; left:60px;}
	#hero-a a	{width:130px; background-image:url(/images/heroes/pol-sm-kennedy-k.jpg);}
	
	#hero-b		{width:124px; top:0; left:184px;}
	#hero-b a	{width:124px; background-image:url(/images/heroes/pol-sm-hannah-t.jpg);}
	
	#hero-c		{width:130px; top:0; left:308px;}
	#hero-c a	{width:130px; background-image:url(/images/heroes/pol-sm-kendall-c.jpg);}
	
	#hero-d		{width:117px; top:0; left:438px;}
	#hero-d a	{width:117px; background-image:url(/images/heroes/pol-sm-drew-f.jpg);}
	
	#hero-e		{width:124px; top:180px; left:0px;}
	#hero-e a	{width:124px; background-image:url(/images/heroes/pol-sm-kylie-k.jpg);}
	
	
	#hero-f		{width:130px; top:180px; left:124px;}
	#hero-f a	{width:130px; background-image:url(/images/heroes/pol-sm-arynn-j.jpg);}
	
	
	#hero-g		{width:117px; top:180px; left:241px;}
	#hero-g a	{width:117px; background-image:url(/images/heroes/pol-sm-alexandria-c.jpg);}
	
	#hero-h		{width:124px; top:180px; left:358px;}
	#hero-h a	{width:124px; background-image:url(/images/heroes/pol-sm-riley-m.jpg);}
	
	#hero-i		{width:124px; top:180px; left:482px;}
	#hero-i a	{width:124px; background-image:url(/images/heroes/pol-sm-quinlyn-l.jpg);}
	
	
	

		
		#pager_first,
		#pager_prev  {
			display:block;
			text-align: left;}
		
		#pager_next,
		#pager_last {
			display:block;
			text-align: right;}	

		
	#promo-lildrums, #promo-classic {
		width: 165px;
		min-height: 200px;
		padding: 30px 0 0 150px;
		background: url(../images/shared/promo-lild.jpg) 0 0 no-repeat;
		position: absolute;
		top:45px;
		left:5px;}		
		
		/*Edited 4/19/2010*/
		#promo-classic {
		background: url(../images/shared/promo-classic.jpg) 0 0 no-repeat;}		
		
		.moments #promo-lildrums, .moments #promo-classic {top: 60px;}
		.lilherossubmit #promo-lildrums, .lilherossubmit #promo-classic {top: 70px;}
	
		#promo-lildrums a,
		#promo-classic a,
		#callout a {
			display: block;
			width: 71px;
			height: 15px;
			background: url(../images/shared/b-save.gif) 0 0 no-repeat;
			text-indent: -8000px;}
			
	
	#promo-lilheroes {
		/*Edited 4/21/2010 this is the old one - not sure if it is still on other pages. darns. */ display:none;
		width: 155px;
		min-height: 150px;
		padding: 30px 10px 0 140px;
		background: url(../images/shared/promo-lilh.png) 0 0 no-repeat;
		position: absolute;
		top:45px;
		right:5px;}
		
		#promo-lilheroes-10 {
		width: 155px;
		min-height: 150px;
		padding: 20px 0 0 150px;
		background: url(../images/shared/promo-lilh.jpg) -1px 0 no-repeat;
		position: absolute;
		top:45px;
		left:10px;}
		
		.moments #promo-lilheroes {top: 60px;}
		
		#promo-lilheroes a,
		#promo-lilheroes-10 a {
			display: block;
			width: 79px;
			height: 15px;
			background: url(../images/shared/b-learn.gif) 0 0 no-repeat;
			text-indent: -8000px;}
			
		
		#promo-news-offers {
		width: 135px;
		min-height: 120px;
		padding: 40px 0 0 150px;
		background: url(../images/shared/promo-news.jpg) -1px 0 no-repeat;
		position: absolute;
		top:45px;
		left:5px;}
		
		#promo-news-offers a {
			display: block;
			width: 79px;
			height: 15px;
			background: url(../images/shared/b-sign.gif) 0 0 no-repeat;
			text-indent: -8000px;}
			
		#promo-flavor-finder {
		width: 135px;
		min-height: 140px;
		padding: 40px 20px 0 130px;
		background: url(../images/shared/promo-ff.gif) -1px 0 no-repeat;
		position: absolute;
		top:215px;
		left:25px;}
		
		
		#promo-flavor-finder a {
			display: block;
			width: 79px;
			height: 15px;
			background: url(../images/shared/b-learn.gif) 0 0 no-repeat;
			text-indent: -8000px;}
			
		#promo-about-drumstick {
		width: 135px;
		min-height: 160px;
		padding: 40px 20px 0 100px;
		background: url(../images/shared/promo-about.gif) -1px 0 no-repeat;
		position: absolute;
		top:245px;
		left:35px;}
		
		
		#promo-about-drumstick a {
			display: block;
			width: 79px;
			height: 15px;
			background: url(../images/shared/b-learn.gif) 0 0 no-repeat;
			text-indent: -8000px;}	
	
	
	#promo-fb {
		width: 135px;
		min-height: 160px;
		padding: 20px 20px 0 150px;
		background: url(../images/shared/facebook/fb-promo-bg.gif) -1px 0 no-repeat;
		position: absolute;
		top:75px;
		left:320px;}
		
		
		#promo-fb a {
			display: block;
			width: 79px;
			height: 15px;
			background: url(../images/shared/b-learn.gif) 0 0 no-repeat;
			text-indent: -8000px;}
	
	#promo-shared {
		width: 165px;
		min-height: 200px;
		padding: 30px 0 0 140px;
		background: url(../images/shared/promo-shared.png) -20px 0 no-repeat;
		position: absolute;}
		
		#promo-shared a {
			display: block;
			width: 102px;
			height: 15px;
			background: url(../images/shared/b-shared.gif) 0 0 no-repeat;
			text-indent: -8000px;}
		
		
		.promotions #promo-shared {top:215px;left:5px;}
		.lilherossubmit #promo-shared {top: 245px;}


/* sub page specifics */
#lil {
	width: 325px;
	padding: 0 275px 30px 0;
	position: relative;}

/* 2009 Logos */
#lil-pic {
	position: absolute;
	top:-50px;
	right:-30px;
	width: 244px;
	height: 216px;
	background: url(../images/shared/lil.png) 0 0 no-repeat;
	text-indent: -8000px;}
	
div#lil h2.pol-lg { 
	position: absolute;
	right: 15px;
	top: -70px;
	text-indent: -8000px;
	width: 170px;
	height: 194px;
	background-repeat: no-repeat;}







	
/* 2010 Logos */
#lil-pic-10 {
	position: absolute;
	top:0;
	right:0;
	width: 247px;
	height: 214px;
	background: url(../images/heroes/logo-2010.jpg) 0 0 no-repeat;
	text-indent: -8000px;}

	



	
div#lil #pol-lg-alexandria { background: url(../images/heroes/pol-lg-alexandria-c.jpg); }
div#lil #pol-lg-arynn { background: url(../images/heroes/pol-lg-arynn-j.jpg); }
div#lil #pol-lg-drew { background: url(../images/heroes/pol-lg-drew-f.jpg); }
div#lil #pol-lg-hannah { background: url(../images/heroes/pol-lg-hannah-t.jpg); }
div#lil #pol-lg-kendall { background: url(../images/heroes/pol-lg-kendall-c.jpg); }
div#lil #pol-lg-kennedy { background: url(../images/heroes/pol-lg-kennedy-k.jpg); }
div#lil #pol-lg-kylie { background: url(../images/heroes/pol-lg-kylie-k.jpg); }
div#lil #pol-lg-matthew { background: url(../images/heroes/pol-lg-matthew-m.jpg); }
div#lil #pol-lg-quinlyn { background: url(../images/heroes/pol-lg-quinlyn-l.jpg); }
div#lil #pol-lg-riley { background: url(../images/heroes/pol-lg-riley-m.jpg); }

#winners img{ }


/* anatomy */
#anatomy {
	width: 500px;
	height: 442px;
	margin: 0 50px 0;}
	
	#flash-anatomy-alt {
		width: 500px;
		height: 442px;
		background: url(../images/shared/flash-anat-alt.gif) 0 0 no-repeat;}


/*moments */
#moments-flash {
	width: 600px;
	height: 400px;
	position: relative;}
	

#moments-footer p{text-align: center;}
	#share-link a {
		display: block;
		width: 132px;
		height: 18px;
		text-indent: -8000px;
		margin: 0 auto;
		background: url(../images/shared/sub-mom.gif) 0 0 no-repeat;}


/* flavor pages */
#nav-products {
	height: 27px;
	width: 620px;
	margin: 0 0 11px -3px;
	padding:0;
	list-style-type: none;
	position: relative;
	background-image: url(../images/shared/prod-nav-spr.gif);
	background-position: 0 -170px;
	background-repeat: no-repeat;}
	
	.all #nav-products {background-position: 0 -81px;}
	.classic #nav-products {background-position: 0 -108px;}
	.simply-dipped #nav-products {background-position: 0 -135px;}
	.cookie-dipped #nav-products {background-position: 0 -162px;}
	.king-size #nav-products {background-position: 0 -189px;}
	.lil-drums #nav-products {background-position: 0 -216px;}
	.sprinkled #nav-products {background-position: 0 -243px;}
	.variety-packs #nav-products {background-position: 0 -270px;}
	
	
	#nav-products li {height: 27px;	float: left;}
	#nav-products a {
		display: block;
		height: 27px;
		text-indent: -8000px;
		overflow: hidden;
		background-image: url(../images/shared/prod-nav-spr.gif);
		background-repeat: no-repeat;}
	
	
	#navp-all {width:76px; }
		#navp-all a {width: 76px; background-position: 0 0;}
		#navp-all a:hover {width: 76px; background-position: 0 -27px;}
		#navp-all a.on {width: 76px; background-position: 0 -54px;}
	
	#navp-cla {width:69px;}
		#navp-cla a {width: 69px; background-position: -76px 0;}
		#navp-cla a:hover {width: 69px; background-position: -76px -27px;}
		#navp-cla a.on {width: 69px; background-position: -76px -54px;}
	
	#navp-sim {width:76px;}
		#navp-sim a {width: 76px; background-position: -145px 0;}
		#navp-sim a:hover {width: 76px; background-position: -145px -27px;}
		#navp-sim a.on {width: 76px; background-position: -145px -54px;}
	
	#navp-coo {width:76px;}
		#navp-coo a {width: 76px; background-position: -221px 0;}
		#navp-coo a:hover {width: 76px; background-position: -221px -27px;}
		#navp-coo a.on {width: 76px; background-position: -221px -54px;}
	
	#navp-kin {width:53px;}
		#navp-kin a {width: 53px; background-position: -297px 0;}
		#navp-kin a:hover {width: 53px; background-position: -297px -27px;}
		#navp-kin a.on {width: 53px; background-position: -297px -54px;}
	
	#navp-lil {width:87px;}
		#navp-lil a {width: 87px; background-position: -350px 0;}
		#navp-lil a:hover {width: 87px; background-position: -350px -27px;}
		#navp-lil a.on {width: 87px; background-position: -350px -54px;}
		
	#navp-spr {width:92px;}
		#navp-spr a {width: 90px; background-position: -437px 0;}
		#navp-spr a:hover {width: 90px; background-position: -437px -27px;}
		#navp-spr a.on {width: 90px; background-position: -437px -54px;}
	
	#navp-var {width:76px;}
		#navp-var a {width:76px; background-position: -528px 0;}
		#navp-var a:hover {width:76px; background-position: -528px -27px;}
		#navp-var a.on {width:76px; background-position: -528px -54px;}


#flavor-scroll {
	width: 613px;
	min-height: 460px;
	margin-bottom: 40px;
	background: url(../images/shared/bg-product.jpg) 0 0 no-repeat;
	position: relative;}
	
	.lil-drums #flavor-scroll {
		height: 521px;
		background: url(../images/shared/bg-product-lil.jpg) 0 0 no-repeat;}
	
	.variety-packs #flavor-scroll {
		height: 975px;
		background: url(../images/shared/bg-product-var.jpg) 0 0 no-repeat;}

#flavor-head {
	position: absolute;
	top: 13px;
	left: 15px;
	width: 340px;
	color: #ffffff;}
	
	.king-size #flavor-head {width: 270px;}

	#flavor-head h2 {
		background-position: 0 0;
		background-repeat: no-repeat;
		margin: 0 0 0 -7px;
		text-indent: -8000px;}
	
	#flavor-head p {margin: -3px 0 0;}
	
	#flavor-nav {
		width: 99px;
		position: absolute;
		top: 99px;
		left: 23px;
		background: url(../images/flavors/bg-flavor-nav.png) bottom left repeat-y;
		overflow: hidden;
		padding-bottom: 10px;}
		
		.lil-drums #flavor-nav {top: 75px;}
		
		
		#flavor-nav dt {
			width: 99px;
			height: 50px;
			text-indent: -8000px;
			background: url(../images/flavors/choose.jpg) 0 0 no-repeat;}
			
			.lil-drums #flavor-nav dt {
				background: url(../images/flavors/choose-lil.gif) 0 0 no-repeat;
				height: 38px;}
		
		#flavor-nav dd {
			width: 90px;
			padding: 0 0 0 9px;
			height: 61px;
			margin-bottom: 6px;}
			
			.lil-drums #flavor-nav dd {margin-bottom: 0;}
			
			#flavor-nav dd a {
				display: block;
				width: 81px;
				height: 61px;
				text-indent: -8000px;
				background-repeat: no-repeat;}
			
			/* change height for king size, since they are king size after all. */
			.king-size #flavor-nav dd,
			.king-size #flavor-nav dd a {height: 65px;}
	
	
	/* inside the flavor box */
	
	.flavor-item {
		width: 230px;
		position: absolute;
		top: 206px;
		right: 17px;
		color: #6c6c6c;}
		
		.flavor-item h3 {
			text-indent: -8000px;
			background-position: 0 0;
			background-repeat: no-repeat;
			margin: 0 0 10px -5px;
			width: 100%;}
			
		.flavor-item p {line-height: 1.4em;}

	.flavor-pic {
		width: 208px;
		height: 380px;
		position: absolute;
		top:80px;
		left:136px;
		background-position: 0 0;
		background-repeat: no-repeat;}
	
	.flavor-variety {
		width: 255px;
		padding: 65px 0 0 0;
		color: #ffffff;
		font-size: 10px;
		text-align: right;
		position: absolute;
		top:37px;
		right:12px;
		background-repeat: no-repeat;
		background-position: top right;}
		
		
		
	#not {
		width: 190px;
		padding: 10px;
		background: #ffffff;
		border: 1px solid #003366;
		text-align: center;}


/* classic flavors */

.classic #flavor-head h2 {height: 34px; width: 121px; background: url(../images/flavors/ban-classic.jpg)}
.classic #flavor-nav dd a {background-image: url(../images/flavors/nav-classic.jpg);}
	
	#fnav-cv a {background-position: -81px 0;}
		#fnav-cv a:hover,
		#fnav-cv a.selected {background-position: 0 0;}
	#fnav-cc a {background-position: -81px -65px;}
		#fnav-cc a:hover,
		#fnav-cc a.selected {background-position: 0 -65px;}
	#fnav-cvf a {background-position: -81px -130px;}
		#fnav-cvf a:hover,
		#fnav-cvf a.selected {background-position: 0 -130px;}
	#fnav-cvc a {background-position: -81px -195px;}
		#fnav-cvc a:hover,
		#fnav-cvc a.selected {background-position: 0 -195px;}
				
#classic-vanilla {}
	#classic-vanilla .flavor-pic {background-image: url(../images/flavors/classic-vanilla-pic.jpg);}
	#classic-vanilla .flavor-item h3 {background-image:url(../images/flavors/vanilla-name.gif); height: 26px;}
	#classic-vanilla .flavor-variety {background-image:url(../images/flavors/classic-vanilla-var.jpg);}
	
#classic-chocolate {}
	#classic-chocolate .flavor-pic {background-image: url(../images/flavors/classic-chocolate-pic.jpg);}
	#classic-chocolate .flavor-item h3 {background-image:url(../images/flavors/chocolate-name.gif); height: 26px;}
	#classic-chocolate .flavor-variety {background-image:url(../images/flavors/classic-chocolate-var.jpg);}
	
#classic-vanilla-caramel {}
	#classic-vanilla-caramel .flavor-pic {background-image: url(../images/flavors/classic-vanilla-caramel-pic.jpg);}
	#classic-vanilla-caramel .flavor-item h3 {background-image:url(../images/flavors/vanilla-caramel-name.gif); height: 26px;}
	#classic-vanilla-caramel .flavor-variety {background-image:url(../images/flavors/classic-vanilla-caramel-var.jpg);}
	
#classic-vanilla-fudge {}
	#classic-vanilla-fudge .flavor-pic {background-image: url(../images/flavors/classic-vanilla-fudge-pic.jpg);}
	#classic-vanilla-fudge .flavor-item h3 {background-image:url(../images/flavors/vanilla-fudge-name.gif); height: 31px;}
	#classic-vanilla-fudge .flavor-variety {background-image:url(../images/flavors/classic-vanilla-fudge-var.jpg);}



/* Sprinkled flavors */

.sprinkled #flavor-head h2 {height: 34px; width: 165px; background: url(../images/flavors/ban-sprinkled.jpg) 7px 0 no-repeat;}
.sprinkled #flavor-nav dd a {background-image: url(../images/flavors/nav-sprinkled.gif);}
	
	#fnav-sv a {background-position: -81px 0;}
		#fnav-sv a:hover,
		#fnav-sv a.selected {background-position: 0 0;}
	#fnav-svc a {background-position: -81px -65px;}
		#fnav-svc a:hover,
		#fnav-svc a.selected {background-position: 0 -65px;}
	#fnav-sc a {background-position: -81px -130px;}
		#fnav-sc a:hover,
		#fnav-sc a.selected {background-position: 0 -130px;}

				
#sprinkled-vanilla {}
	#sprinkled-vanilla .flavor-pic {background-image: url(../images/flavors/sprinkled-vanilla-pic.png);}
	#sprinkled-vanilla .flavor-item h3 {background-image:url(../images/flavors/vanilla-name.gif); height: 26px;}
	#sprinkled-vanilla .flavor-variety {background-image:url(../images/flavors/sprinkled-var.jpg);}
	
#sprinkled-vanilla-cherry {}
	#sprinkled-vanilla-cherry .flavor-pic {background-image: url(../images/flavors/sprinkled-vanilla-cherry-pic.png);}
	#sprinkled-vanilla-cherry .flavor-item h3 {background-image:url(../images/flavors/vanilla-cherry-name.gif); height: 26px;}
	#sprinkled-vanilla-cherry .flavor-variety {background-image:url(../images/flavors/sprinkled-var.jpg);}
	
#sprinkled-chocolate {}
	#sprinkled-chocolate .flavor-pic {background-image: url(../images/flavors/sprinkled-chocolate-pic.png);}
	#sprinkled-chocolate .flavor-item h3 {background-image:url(../images/flavors/chocolate-name.gif); height: 26px;}
	#sprinkled-chocolate .flavor-variety {background-image:url(../images/flavors/sprinkled-var.jpg);}



/* Simply Dipped Flavors */
.simply-dipped #flavor-head h2 {height: 34px; width: 332px; background: url(../images/flavors/ban-simply.jpg);}
.simply-dipped #flavor-nav dd a {background-image: url(../images/flavors/nav-simply.jpg);}
	
	#fnav-sdv a {background-position: -81px 0;}
		#fnav-sdv a:hover,
		#fnav-sdv a.selected {background-position: 0 0;}
	#fnav-sdc a {background-position: -81px -65px;}
		#fnav-sdc a:hover,
		#fnav-sdc a.selected {background-position: 0 -65px;}
	#fnav-sdm a {background-position: -81px -130px;}
		#fnav-sdm a:hover,
		#fnav-sdm a.selected {background-position: 0 -130px;}
		

#simply-vanilla {display: none}
	#simply-vanilla .flavor-pic {background-image: url(../images/flavors/simply-vanilla-pic.jpg);}
	#simply-vanilla .flavor-item h3 {background-image:url(../images/flavors/vanilla-name.gif); height: 26px;}
	#simply-vanilla .flavor-variety {background-image:url(../images/flavors/simply-van-prod.jpg);}
	
#simply-cookies {display: none}
	#simply-cookies .flavor-pic {background-image: url(../images/flavors/simply-cookies-pic.jpg);}
	#simply-cookies .flavor-item h3 {background-image:url(../images/flavors/simply-cookies-name.gif); height: 26px;}
	#simply-cookies .flavor-variety {background-image:url(../images/flavors/simply-cc-prod.jpg);}
	
#simply-mint {}
	#simply-mint .flavor-pic {background-image: url(../images/flavors/simply-mint-pic.jpg);}
	#simply-mint .flavor-item h3 {background-image:url(../images/flavors/simply-mint-name.gif); height: 26px;}
	#simply-mint .flavor-variety {background-image:url(../images/flavors/simply-var.jpg);}
	
/* cookie-dipped flavors */

.cookie-dipped #flavor-head h2 {height: 34px; width: 215px; background: url(../images/flavors/ban-cookie-dipped.jpg)}
.cookie-dipped #flavor-nav dd a {background-image: url(../images/flavors/nav-cookie.jpg);}

.cookie-dipped dd {}
	#fnav-cdv a {background-position: -81px 0;}
		#fnav-cdv a:hover,
		#fnav-cdv a.selected {background-position: 0 0;}
		
	#fnav-cdvc a {background-position: -81px -65px;}
		#fnav-cdvc a:hover,
		#fnav-cdvc a.selected {background-position: 0 -65px;}
				
	#fnav-cdvf a {background-position: -81px -130px;}
		#fnav-cdvf a:hover,
		#fnav-cdvf a.selected {background-position: 0 -130px;}
		
	
#cookie-vanilla {display: none}
	#cookie-vanilla .flavor-pic {background-image: url(../images/flavors/cookie-vanilla-pic.jpg);}
	#cookie-vanilla .flavor-item h3 {background-image:url(../images/flavors/vanilla-name.gif); height: 26px;}
	#cookie-vanilla .flavor-variety {background-image:url(../images/flavors/cookie-var.jpg);}
	
#cookie-vanilla-caramel {display: none}
	#cookie-vanilla-caramel .flavor-pic {background-image: url(../images/flavors/cookie-vanilla-caramel-pic.jpg);}
	#cookie-vanilla-caramel .flavor-item h3 {background-image:url(../images/flavors/vanilla-caramel-name.gif); height: 26px;}
	#cookie-vanilla-caramel .flavor-variety {background-image:url(../images/flavors/cookie-var.jpg);}
	
#cookie-vanilla-fudge {}
	#cookie-vanilla-fudge .flavor-pic {background-image: url(../images/flavors/cookie-vanilla-fudge-pic.jpg);}
	#cookie-vanilla-fudge .flavor-item h3 {background-image:url(../images/flavors/vanilla-fudge-name.gif); height: 31px;}
	#cookie-vanilla-fudge .flavor-variety {background-image:url(../images/flavors/cookie-var.jpg);}

/* king-sized flavors */

.king-size #flavor-head h2 {height: 34px; width: 135px; background: url(../images/flavors/ban-king.jpg)}
.king-size #flavor-nav dd a {background-image: url(../images/flavors/nav-king.jpg);}
	
	#fnav-kc a {background-position: -81px 0;}
		#fnav-kc a:hover,
		#fnav-kc a.selected {background-position: 0 0;}
		
	#fnav-kv a {background-position: -81px -65px;}
		#fnav-kv a:hover,
		#fnav-kv a.selected {background-position: 0 -65px;}
				
#king-size-chocolate {display: none}
	#king-size-chocolate .flavor-pic {background-image: url(../images/flavors/king-size-chocolate-pic.jpg);}
	#king-size-chocolate .flavor-item h3 {background-image:url(../images/flavors/king-size-chocolate-name.gif); height: 26px;}
	#king-size-chocolate .flavor-variety {background-image:url(../images/flavors/king-c-prod.jpg);}
	
#king-size-vanilla {}
	#king-size-vanilla .flavor-pic {background-image: url(../images/flavors/king-size-vanilla-pic.jpg);}
	#king-size-vanilla .flavor-item h3 {background-image:url(../images/flavors/king-size-vanilla-name.gif); height: 53px;}
	#king-size-vanilla .flavor-variety {background-image:url(../images/flavors/king-v-prod.jpg);}
	
	#king-size-chocolate .flavor-variety,
	#king-size-vanilla .flavor-variety {padding: 75px 0 0 0;}
	
	
/* lil' drums flavors */

.lil-drums #flavor-head h2 {height: 34px; width: 280px; background: url(../images/flavors/ban-lil.jpg)}
.lil-drums #flavor-nav dd a {background-image: url(../images/flavors/nav-lil-b.jpg);}
	
	#flavor-nav dd#fnav-lilvc {height: 62px;}
		#flavor-nav dd#fnav-lilvc a {height: 62px; background-position: -81px 0;}
		#flavor-nav dd#fnav-lilvc a:hover,
		#flavor-nav dd#fnav-lilvc a.selected {background-position: 0 0;}
		
	#flavor-nav dd#fnav-lilcc {height: 60px;}
		#flavor-nav dd#fnav-lilcc a {height: 60px; background-position: -81px -62px;}
		#flavor-nav dd#fnav-lilcc a:hover,
		#flavor-nav dd#fnav-lilcc a.selected {background-position: 0 -62px;}
		
	#flavor-nav dd#fnav-lilvc {height: 59px;}
		#flavor-nav dd#fnav-lilcd a {height: 59px; background-position: -81px -122px;}
		#flavor-nav dd#fnav-lilcd a:hover,
		#flavor-nav dd#fnav-lilcd a.selected {background-position: 0 -122px;}
		
	#flavor-nav dd#fnav-lilfb {height: 60px;}
		#flavor-nav dd#fnav-lilfb a {height: 60px; background-position: -81px -181px;}
		#flavor-nav dd#fnav-lilfb a:hover,
		#flavor-nav dd#fnav-lilfb a.selected {background-position: 0 -181px;}
	
	#flavor-nav dd#fnav-lilca {height: 58px;}
		#flavor-nav dd#fnav-lilca a {height: 58px; background-position: -81px -241px;}
		#flavor-nav dd#fnav-lilca a:hover,
		#flavor-nav dd#fnav-lilca a.selected {background-position: 0 -241px;}
	
	#flavor-nav dd#fnav-lilsm {height: 62px;}
		#flavor-nav dd#fnav-lilsm a {height: 62px; background-position: -81px -299px;}
		#flavor-nav dd#fnav-lilsm a:hover,
		#flavor-nav dd#fnav-lilsm a.selected {background-position: 0 -299px;}
		
				
#lil-vanilla {}
	#lil-vanilla .flavor-pic {background-image: url(../images/flavors/lil-vanilla-pic.jpg);}
	#lil-vanilla .flavor-item h3 {background-image:url(../images/flavors/king-size-vanilla-name.gif); height: 53px;}
	#lil-vanilla .flavor-variety {background-image:url(../images/flavors/lil-var-b.jpg);}

#lil-chocolate {display: none}
	#lil-chocolate .flavor-pic {background-image: url(../images/flavors/lil-chocolate-pic.jpg);}
	#lil-chocolate .flavor-item h3 {background-image:url(../images/flavors/lil-chocolate-name.gif); height: 52px;}
	#lil-chocolate .flavor-variety {background-image:url(../images/flavors/lil-var-b.jpg);}

#lil-cookie-dough {display: none}
	#lil-cookie-dough .flavor-pic {background-image: url(../images/flavors/lil-cookie-pic.jpg);}
	#lil-cookie-dough .flavor-item h3 {background-image:url(../images/flavors/lil-cookie-name.gif); height: 27px;}
	#lil-cookie-dough .flavor-variety {background-image:url(../images/flavors/lil-var-a.jpg);}

#lil-chocolate-fudge {display: none}
	#lil-chocolate-fudge .flavor-pic {background-image: url(../images/flavors/lil-chocolate-fudge-pic.jpg);}
	#lil-chocolate-fudge .flavor-item h3 {background-image:url(../images/flavors/lil-chocolate-fudge-name.gif); height: 54px;}
	#lil-chocolate-fudge .flavor-variety {background-image:url(../images/flavors/lil-var-a.jpg);}

#lil-smores {display: none}
	#lil-smores .flavor-pic {background-image: url(../images/flavors/lil-smores-pic.jpg);}
	#lil-smores .flavor-item h3 {background-image:url(../images/flavors/lil-smores-name.gif); height: 27px;}
	#lil-smores .flavor-variety {background-image:url(../images/flavors/lil-var-a.jpg);}

#lil-caramel {display: none}
	#lil-caramel .flavor-pic {background-image: url(../images/flavors/lil-caramel-pic.jpg);}
	#lil-caramel .flavor-item h3 {background-image:url(../images/flavors/lil-caramel-name.gif); height: 22px;}
	#lil-caramel .flavor-variety {background-image:url(../images/flavors/lil-var-a.jpg);}

/* variety packs flavors */

.variety-packs #flavor-head h2 {height: 34px; width: 218px; background: url(../images/flavors/ban-variety.jpg)}
#variety-packs h3 {text-indent: -8000px; margin-bottom: 8px;}

#variety-packs li {position: absolute;}



#vvp {
	width: 165px;
	top: 90px;
	left: 50px;}
	
	#vvp h3 {
		width: 77px;
		height: 19px;
		background: url(../images/flavors/v-h-cla.gif) 0 0 no-repeat;}
#vcd {
	width: 165px;
	top: 90px;
	left:230px;}
	
	#vcd h3 {
		width: 153px;
		height: 27px;
		background: url(../images/flavors/v-h-coo.gif) 0 0 no-repeat;}
	
#vsd {
	width: 165px;
	top: 90px;
	left: 413px;}
	
	#vsd h3 {
		width: 149px;
		height: 25px;
		background: url(../images/flavors/v-h-sim.gif) 0 0 no-repeat;}


#vlda {
	width: 165px;
	top: 400px;
	left: 50px;}

#vldb {
	width: 165px;
	top: 400px;
	left: 230px;}

#vldc {
	width: 165px;
	top: 400px;
	left: 413px;}



	#vlda h3,
	#vldb h3,
	#vldc h3 {
		width: 135px;
		height: 25px;
		background: url(../images/flavors/v-h-lil.gif) 0 0 no-repeat;}
	
#vspr {
	width: 165px;
	top: 680px;
	left: 40px;}
	
	#vspr h3 {
		width: 149px;
		height: 25px;
		background: url(../images/flavors/v-h-spr.gif) 0 0 no-repeat;}	
	


/* All Flavors Page */
#products-index-menu {
	position: absolute;
	top:65px;
	left:-16px;
	width: 634px;
	height: 478px;}
	
	#products-index-menu li {
		position: absolute;
		}
		
		#products-index-menu li a {
		display: block;
		text-indent: -8000px;
		background-image: url(../images/flavors/all.jpg);
		background-repeat: no-repeat;}
	
	#menp-cla {width: 207px; height: 148px; top:0; left:0;}
		#menp-cla a {width: 207px; height: 148px; background-position: 0 0;}
		#menp-cla a:hover {background-position: 0 -489px;}
		
	#menp-sim {width: 219px; height: 148px;top:0; left:207px;}
		#menp-sim a {width: 219px; height: 148px;background-position: -207px 0;}
		#menp-sim a:hover {background-position: -207px -489px;}
		
	#menp-coo {width: 207px; height: 148px;top:0;left:430px;}
		#menp-coo a {width: 207px; height: 148px;background-position: -426px 0px;}
		#menp-coo a:hover {background-position: -426px -489px;}
		
	#menp-kin {width: 207px; height: 184px;top:148px;left:430px;}
		#menp-kin a {width: 207px; height: 184px;background-position: -426px -148px;}
		#menp-kin a:hover {background-position: -426px -637px;}
		
	#menp-lil {width: 221px; height: 184px;top:148px;left:207px;}
		#menp-lil a {width: 221px; height: 184px;background-position: -207px -148px;}
		#menp-lil a:hover {background-position: -207px -637px;}
		
	#menp-spr {width: 207px; height: 184px;top:148px;left:0px;}
		#menp-spr a {width: 207px; height: 184px;background-position: 0px -148px;}
		#menp-spr a:hover {background-position: 0px -637px;}
		
	#menp-var {width:326px; height: 156px; top:333px;left:157px;}
		#menp-var a {width:326px; height: 156px; background-position: -157px -333px;}
		#menp-var a:hover {background-position: -157px -822px;}
			

/* breaks */
#nice {
	position: absolute;
	top: -60px;
	right:-70px;}

/* sitemap */
.sitemap #content ul {font-size: 14px; }
.sitemap #content ul li {list-style-type: disc; color: #003366;margin-left: 25px; }
.sitemap #content ul ul {margin: 10px 15px; font-size: 12px;}

/* privacy */

.privacy table img,
.terms table img {display: none;}
.privacy #content table,
.terms #content table,
.privacy #content table td,
.terms #content table td  {border:0;}

.privacy #content ul,
.terms #content ul {list-style-type: disc; margin: 0 20px 35px;}
.privacy #content ol,
.terms #content ol {list-style-type: decimal; margin: 0 0 20px 35px;}

.privacy #content-sub,
.terms #content-sub {background: url(../images/shared/content-bg-big.gif) top left repeat-y;}
.privacy #drumstick-content,
.terms #drumstick-content {padding-bottom: 140px; /* padding for the footer */} 


/* --- sub gutter----------------------------------------------------------------------------------------------- */

#gutter {
	width: 246px;
	float: left;	
	padding-top: 250px;}
	

/* sub navigation */

#sub-nav {
	width: 254px;
	padding-bottom: 65px;
	background: url(../images/shared/nav-left-bg.png) bottom left no-repeat;}
	
	#sub-nav li {
		width: 254px;
		height: 24px;
		padding-top: 16px;
		margin-left: 7px;
		background: url(../images/shared/nav-left-li.gif) bottom left no-repeat;}
		
	#sub-nav li a {
		display: block;
		background-image: url(../images/shared/nav-left.gif);
		background-repeat: no-repeat;
		height: 15px;
		margin: 0 0 0 20px;
		width: 220px;
		text-indent: -8000px;}


#sn-flavor a {background-position: 0 0;}
	#sn-flavor a:hover,
	#sn-flavor a.on {background-position: -222px 0;}
	
#sn-anatom a {background-position: 0 -28px;}
	#sn-anatom a:hover,
	#sn-anatom a.on {background-position: -222px -28px;}

#sn-frommo a {background-position: 0 -56px;}
	#sn-frommo a:hover,
	#sn-frommo a.on {background-position: -222px -56px;}

#sn-breaks a {background-position: 0 -83px;}
	#sn-breaks a:hover,
	#sn-breaks a.on {background-position: -222px -83px;}

#sn-sendto a {background-position: 0 -111px;}
	#sn-sendto a:hover,
	#sn-sendto a.on {background-position: -222px -111px;}

#sn-lilcou a {background-position: 0 -139px;}
	#sn-lilcou a:hover,
	#sn-lilcou a.on {background-position: -222px -139px;}
	
#sn-lildc a {background-position: 0 -278px;}
	#sn-lildc a:hover,
	#sn-lildc a.on {background-position: -223px -278px;}

#sn-lilher {background-position: 0 -250px;}
#sn-lilher a { background-position: 0 -250px;}
	#sn-lilher a:hover,
	#sn-lilher a.on {background-position: -222px -250px;}

#sn-finder a {background-position: 0 -194px;}
	#sn-finder a:hover,
	#sn-finder a.on {background-position: -222px -194px;}

#sn-submit a {background-position: 0 -222px;}
	#sn-submit a:hover,
	#sn-submit a.on {background-position: -222px -222px;}


/* -- callout -- */
#callout {
	width: 158px;
	min-height: 52px;
	margin: 50px 0 0 12px;
	padding: 159px 30px 0;
	background: url(../images/shared/callout.jpg) 0 0 no-repeat;
	text-align: center;}
	
	#callout p {margin-bottom: 1.2em;}
	#callout a {margin: 0 auto;}


/* banners for sub pages -- */

#content-header h1 {
	width: 505px;
	height: 26px;
	text-indent: -8000px;
	background-repeat: no-repeat;
	background-position: 0 0;}

#b-flavors {background:url(../images/banners/b-flavors.gif);}
#b-anatomy {background:url(../images/banners/b-takealook.gif);}
#b-finder {background:url(../images/banners/b-finder.gif);}
#b-moments {background:url(../images/banners/b-moments.gif);}

#b-save {background:url(../images/banners/b-save.gif);}
#b-classic {background:url(../images/banners/b-classic.gif);}
#b-know {background:url(../images/banners/b-hero.gif);}
#b-offers {background:url(../images/banners/b-offers.gif);}
#b-sitemap {background:url(../images/banners/b-sitemap.gif);}
#b-privacy {background:url(../images/banners/b-privacy.gif);}
#b-terms {background:url(../images/banners/b-terms.gif);}
#b-contact {background:url(../images/banners/b-contact.gif);}
#b-moms {background:url(../images/banners/b-moms.gif);}
#b-breaks {background:url(../images/banners/b-break.gif);}
#b-send {background:url(../images/banners/b-send.gif);}
#b-promo {background:url(../images/banners/b-cool.gif);}
#b-story {background:url(../images/banners/b-story.gif);}
#b-sign {background:url(../images/banners/b-sign.gif);}
#b-signu {background:url(../images/banners/b-signu.gif);}
#b-reset {background:url(../images/banners/b-reset.gif);}
#b-forgot {background:url(../images/banners/b-forgot.gif);}
#b-unsub {background:url(../images/banners/b-unsub.gif);}
#b-stay-connected {background:url(../images/banners/b-stay-connected.gif);}
#b-winners {background: url(../images/heroes/headline-winners-new.gif); height: 30px !important;}

#b-share {background:url(../images/banners/b-share.gif);}

#b-coup-faq {background:url(../images/banners/b-coup-faq.gif);}

#b-hero-hear {background:url(../images/banners/b-heros-know.gif); width: 578px !important;}

#b-thanks {background:url(../images/banners/b-thanks.gif);}

.lilheroswinners #content-header h1 { height: 60px; }

#b-kendall {background: url(../images/heroes/headline-kendall-c.gif);}
#b-hannah {background: url(../images/heroes/headline-hannah-t.gif);}
#b-quinlyn {background: url(../images/heroes/headline-quinlyn-l.gif);}
#b-drew {background: url(../images/heroes/headline-drew-f.gif);}
#b-matthew {background: url(../images/heroes/headline-matthew-m.gif);}
#b-arynn {background: url(../images/heroes/headline-arynn-j.gif);}
#b-kennedy {background: url(../images/heroes/headline-kennedy-k.gif);}
#b-riley {background: url(../images/heroes/headline-riley-m.gif);}
#b-alexandria {background: url(../images/heroes/headline-alexandria-c.gif);}
#b-kylie {background: url(../images/heroes/headline-kylie-k.gif);}




/* --- footer -------------------------------------------------------------------------------------------------- */

#drumstick-footer {
	position: relative;
	text-align: center;
	font-size: 10px;
	color: #8dbfdf;}
	
	#sub #drumstick-footer, #forever-summer #drumstick-footer  {
		height: 120px;
		padding: 25px 0 0;
		background: url(../images/shared/bg-main.jpg) 0 -68px repeat-x;
		position:absolute;
		bottom:0;
		width:100%;}
		
	#forever-summer #drumstick-footer  {
		position: relative;
		top: 16px;
		background: url(../images/shared/bg-footer-fs.jpg) 0 0 repeat-x;
		}
	
	#nav-tert {
		width: 564px;
		height: 28px;
		margin: 0 auto;
		position: relative;
		z-index: 123;}
		
		#home #nav-tert {margin: 25px auto 0;}
		
		#nav-tert li {position: absolute;}
		
		#nav-tert a {
			display: block;
			height: 28px;
			text-indent: -8000px;
			overflow: hidden;
			background-image: url(../images/shared/nav-footer.gif);
			background-repeat: no-repeat;}
		
		#tert-facebook {top:0; left:0;}
		#tert-facebook a {width: 97px; background-position: -467px 0;}
			#tert-facebook a:hover {background-position: -467px -28px;}
		
		#tert-sign {top:0; left: 97px;}
		#tert-sign a {width: 191px; background-position: -10px 0;}
			#tert-sign a:hover {background-position: -10px -28px;}
			
		#tert-find {top:0; left: 288px;}
		#tert-find a {width: 115px;  background-position: -201px 0;}
			#tert-find a:hover {background-position: -201px -28px;}
			
		#tert-nest {top:0; left: 403px;}
		#tert-nest a {width: 151px; background-position: -316px 0;}
			#tert-nest a:hover {background-position: -316px -28px;}
	
	#nav-legal {
		text-align: center;
		padding: 15px 0 10px;
		position: relative;
		z-index: 1234;}
	
	#goodlife {
	display: block; 
	width: 480px; height: 43px; 
	background:url(../images/shared/good-life.png) right top no-repeat;
	text-indent: -12345px;
	position: absolute;
	bottom: 40px; left: 50%; 
	z-index: 1;}

/* --- forms -------------------------------------------------------------------------------------------------- */

#form {
	margin: 20px 0 35px;
	width: 600px;}
	

#form p {
 	margin: 0 3px 10px;
 	float: left;
 	clear: left;
	width: 400px;}	
	
	
#form label {color: #024284;}
 
#email_label,
#email_confirm_label,
#name_first_label,
#name_last_label,
#refer_email_label,
#refer_email_confirm_label,
#refer_name_first_label,
#refer_name_last_label,
#email_confirm_label,
#password_label,
#password_confirm_label,
#password_new_label,
#password_new_confirm_label,
#address_label,
#city_label,
#state_label,
#zip_label,
#birth_month_label,
.birth_label,
#gender_label,
#password_confirm_label,
#email_label,
#email_confirm_label,
#name_first_label,
#name_last_label,
#birth_month_label,
#password_label,
#password_confirm_label {
 	display: block;
 	width: 150px;
 	float: left; }
 
#birth_month_label {margin-right:21px;}
 
 #tbEmail,
 #tbEmailConfirm,
 #tbPassword,
 #tbPasswordNew,
 #tbPasswordConfirm,
 #tbPasswordNewConfirm,
 #tbEmailRecipient,
 #tbEmailConfirmRecipient,
 #tbFirstNameRecipient,
 #tbLastNameRecipient,
 #tbFirstName,
 #tbLastName,
 #tbAddress,
 #tbZipPostal,
 #tbAddress,
 #tbCity,
 #ucRegister_email,
 #ucRegister_email_confirmation,
 #ucRegister_name_first,
 #ucRegister_name_last,
 #ucRegister_friend_email,
 #ucRegister_friend_email_confirmation,
 #ucRegister_friend_name_first,
 #ucRegister_friend_name_last {
  float: right;
  width: 220px;}


#form-info  p span,  
#contact-comment-info p span,  
#contact-info p span,
#form-info-recipient p span,
#form-info-sender p span,
#form-info-message p span,
#form-subs legend
{display: none;}  

	#form-info  p span.req,  
	#contact-comment-info p span.req,  
	#contact-info p span.req,
	#form-info-recipient p span.req,
	#form-info-sender p span.req,
	#form-info-message p span.req
		{display:inline;}


 #ddlState {
  float: right;
  width: 228px;}
 
#birth_year_label,
#birth_date_label {display: block; text-indent: -5000px; width:0; overflow: hidden; float: right;}
 
#birth_month,
#birth_date,
#birth_year {float: left;}
 
#birth_month,
#birth_date {margin-right: 4px;}

#form .footnote {font-size: .9em; color: #666; margin-top: -5px;}

#addl-info {padding:15px 0 10px;}
#addl-info label {
	display: block;
	margin-bottom: 5px;}
	
	#favorite_act,
	#favorite_drum {width: 280px;}

#form-subs {padding: 10px 0 15px;}
#form-subs legend,
#addl-info legend,
#form-password legend,
#form-info legend {
	font-size: 1.2em;
	font-weight: bold;
	color: #024284;
	padding: 0 0 15px;}
	
	#subscribe-a input,
	#subscribe-b input {
 		float:left;
 		width: 15px;}
 
	#subscribe-a label,
	#subscribe-b label {
		float:right; 
  		display: block; 
  		width: 370px;}
  		
/* contact form styles */

.form-contact form,
.couponform form fieldset,
#form-friend #form {width: 450px; margin-left: 100px}
.couponform form  #submit {margin-left: 100px;}


/*upc*/
#contact-product-info {position: relative;}
#upc {position: absolute; top:-50px; left:-400px;}


.form-contact legend {
	font-weight: bold;
	color: #034383;
	display: block;
	clear: both;
	margin: 0 0 15px;
	padding: 0;
	font-size: 1.1em;}
	.form-contact fieldset {margin-bottom:15px;}
	
#contact-info label,
#contact-product-info label,
#age_label {
	display: block;
 	width: 150px;
 	float: left;
	text-align: right;}
	
#contact-info input,
#contact-product-info input,
#ddlAge {
	display: block;
 	width: 220px;
 	float: right;}
 
#ucRegister_comment {
	width: 400px;
	height: 100px;}

#tbMessage {
	width: 400px;
	height: 100px;}
	
#submit {clear: both; padding: 5px 0 0;}

	#submitbut {
		width: 72px;
		height: 18px;
		margin: 0;
		padding: 18px 0 0;
		border: 0;
		outline: 0;
		overflow: hidden;
		background: url(../images/shared/submit.gif) top left no-repeat;
		cursor: pointer;}
	
	#form-comment label {text-align: left; margin-bottom: 10px;}
 
.right {text-align: right;}
.req {color: #f0513d;}
 
#form-info {clear: left;}


/* Flavor Finder! */

#form .flavor-form {margin-bottom: 1.5em; width: 290px;}

	#form .row-a {height: 170px; display: block;}
	#form .row-b {height: 85px; display: block;}
	#form .row-c {height: 80px; display: block;}

	form #flavor-finder legend {color: #024284;  font-weight: bold; font-size: 1.1em; margin-bottom:.5em; }
	#flavor-finder p {margin-bottom: .5em; width: 250px;}

#finder-location {clear: both;}
	#finder-location p {margin: 1em 0; clear:none;}
	#flavor-finder #submit {padding: 20px 0 0;}
	
	#finder-location .f-left,
	#finder-location .f-right {width: 290px}
	#finder-location #zip {width: 165px; float:left;}
	#finder-location #zip_label {width: 65px; padding-top:5px;}

#ucRegister_lblError {font-weight: bold; color: #cc0000; font-size: 1.2em;}
#ucRegister_lblErrorCoupon {font-weight: bold; color: #cc0000; font-size: 1.2em;}

#flavor-lil p {margin-bottom: 15px;}
#flavor-lil input {float: left;}
#flavor-lil label {display: block; width: 90%; float: right;}



	

/* friend */
#form-friend #form p {float: none; clear: both; width: 420px; margin-bottom: 5px;}
#form-info-sender p,
#form-info-recipient p {height: 25px;}

#fieldset {position: relative;}

#form-friend legend {
	font-weight: bold;
	color: #034383;
	display: block;
	clear: both;
	margin: 0 0 15px;
	padding: 10px 0 0 ;
	font-size: 1.1em;}
	
	#form-info-sender label,
	#form-info-recipient label {width: 175px; text-align: right; padding-top:3px;}
	
	#form-info-message label{padding: 0 0 15px; display: block;}


/*offers */

.form-offers legend {
	font-weight: bold;
	color: #ed1c24;
	display: block;
	clear: both;
	margin: 0 0 15px;
	padding: 0;
	font-size: 14px;
	text-transform: uppercase;}
	
	.form-offers fieldset {margin-bottom:15px;}

/* coupon form */
.couponform #form {width: 500px;}
.couponform #form #form-intro p {width: 500px; float:none; }
#form-intro {margin-bottom: 25px;}
.couponform #form fieldset {padding-bottom: 20px;}
.couponform #form #form-info label {text-align: right;}


.offers #form {}
.offers #form #form-info label {text-align: left;}
.offers #form p.member {margin-bottom: 20px;}
.offers form fieldset {margin-left: 0;}

 .offers label,
 .offers #tbName,
 .offers #tbEmail,
 .offers #tbZipPostal,
 .offers #tbOther,
 .offers #ddlMonth {
  float: left;
  width: 150px;}
  
  .offers #tbOther, .offers label#other_label {
  	margin: 20px 0 20px 5px;
  	width: auto;}
  
  .offers #birth_month_label {
  margin-right: 0;}
  
  .offers #flavors {
  margin: 5px 0 10px 5px;}
  
  .offers label.check-group {
  	float: none;
  	margin: 0 0 0 5px;} 
  	
  .offers #form p.check-group {
  	display: block;
  	width: 170px;
  	float: left;
  	clear: none;
  	margin: 0 0 0 5px;}
  	
  .offers #form h3 {
  display: block;
  width: 100%;
  float: left;
  margin: 10px 0 10px 5px;
  font-size: 13px;
  color: #024284;
  clear: left;}
  
  .offers #submit {
  margin:20px 0 0 0;}
  
  .offers #email-preview a {
  position: absolute;
  top: 20px; left: 384px;
  display: block;
  width: 235px;
  height: 272px;
  text-indent: -12345px;
  background: url(../images/shared/email-preview.jpg) left top no-repeat;}


/* lil heroes form */

.lil-hero-form #form_detail {margin-left: 100px;}
.lil-hero-form #submitbut {margin-left: 180px;}

#hero-contact h3 {
	width: 102px;
	height: 28px;
	text-indent: -8000px;
	background: url(../images/shared/b-lil-au.gif) 0 0 no-repeat;}

#hero-info h3 {
	width: 202px;
	height: 28px;
	text-indent: -8000px;
	background: url(../images/shared/b-lil-al.gif) 0 0 no-repeat;
	margin-top:20px;}

#hero-contact-info {margin-top: 20px;}
	
	#rules h3 {font-size: 1.1em; color:#014284; margin-bottom: 5px;}
	#rules li {margin: 0 0 1.2em 30px;}
	
	#rules li ul li {list-style-type: disc;}


#hero-contact label,
#hero-info label,
#upload_label {
	display: block;
 	width: 150px;
 	float: left;
	text-align: right;}
	
#hero-contact input,
#hero-info input,
#tbUpload {
	display: block;
 	width: 220px;
 	float: right;}
 
 #tbUpload {padding:5px;}
 
 /* share a moment form */

div.share-form fieldset {
	margin-left: 50px;}
 
#share-contact label,
#title_label,
#file_label {
	display: block;
 	width: 150px;
 	float: left;
	text-align: right;}
	
#share-contact input,
#share-info input,
#shTitle,
#shFile {
	display: block;
 	width: 220px;
 	float: right;}
 	
#shFile {margin-right: 5px;}
 	
 	#share-contact select {
	display: block;
 	width: 228px;
 	float: right;}
 	
	#shMoment {
		width: 350px;
		height: 100px;
		margin-left: 50px;}
	
	#form-moment {padding-left: 50px;}
	.share-form #submit {padding-top: 10px;}
		.share-form #submit p {padding: 0 0 0 370px; width: 100px; margin-top:-20px; }	
	
	#share-disclaimer {padding-top: 10px;}
	#shDisclaim #shAgree,
	#shDisclaim label {display: block; float: left;}
		#shDisclaim label {padding:3px 0 0 5px;;}


	#comment_label {font-weight: bold;}

#disclaim-link,
#disclaim-close {color: #ED1C24; cursor: pointer; }

#disclaim-link:hover,
#disclaim-close:hover {text-decoration: underline;}
#more-mom {display: none;}



.footnote {font-size: .9em; color:#888888;}
.footnote-input {margin-left: 173px; font-size: .9em; color:#888888;}

/*  Information */

.nutrizoom {
	display: block;
	text-indent: -8000px;
	width: 163px;
	height: 18px;
	background:url(../images/shared/nutri.gif) 0 0 no-repeat;
	position: absolute;
	bottom: 10px;
	right:0;}

table. {
	width: 275px;
	margin-top : 10px;
	margin-left : 0;
	margin-right : 0;
	border : 1px solid black;
	border-collapse : collapse;
	table-layout : auto;}

. caption {
	font-family : Arial;
	font-size : small;
	font-style: italic;}

. tr#calories td {border-bottom : 4px solid black;}
. tr#servings td {border-bottom : 6px solid black;}
. tr#minerals td {border-top : 4px solid black;}

 /* Format the header, which is basically the text " Facts" */
. th {
	background-color : transparent;
	padding : 3px;
	border : 0;
	font-family : Arial;
	font-size : large;
	font-weight : bolder;}	

. td {
	padding : 3px;			
	font-family : Arial;
	font-size : x-small;
	border : 0;
	border-bottom : 1px solid black;	
	text-align : left;}

 /* Define the cell for Daily Values  */
. td.dv {
	font-weight : bold;
	text-align : right;}

 /* Set an indent for subordinate nutrients */
. td.sub {text-indent : 10px;}

 /* Set the style of the disclaimer text */
. td.disclaimer {font-size : xx-small;}

 /* Use the strong tag to set emphasis on particular text  */
. strong {font-weight : bold;}




/* carousel styles */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {position: relative;margin: 0 ;}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;}
    
.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;}
    
.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 184px;
    height: 280px;}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;}
.jcarousel-prev {
    z-index: 3;
    display: none;}
/* skin */
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 562px;
    padding-left: 32px;
	margin: 0 0 35px 0;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  530px;
    height: 280px;
	background: url(../images/shared/scroll-bg.gif) 0 0 no-repeat;}
.jcarousel-skin-tango .jcarousel-item {
    width: 160px;
    height: 280px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;}
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 50px;
    right: 0;
    width: 22px;
    height: 35px;
    cursor: pointer;
    background: transparent url(../images/shared/scroll-b-bg.gif) no-repeat -22px 0;}

	.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position: -22px 0;}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -54px -97px;}	
	

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 50px;
    left: 0;
    width: 22px;
    height: 35px;
    cursor: pointer;
    background: transparent url(../images/shared/scroll-b-bg.gif) no-repeat 0 0;}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position: 0 0;}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -54px 0px;}
    
    
 #submit-retrieve {
 	height: 125px;
 	width: 350px;
 	position: relative;}
 	
 	#submit-retrieve #submit {
 		position:absolute;
 		top:0;
 		left:0;}
 	
 	#submit-retrieve #retrieving {
 		width: 200px;
 		height: 19px;
 		position: absolute;
 		top: 20px;
 		left: 82px;} 
 
 
 /* addition 4-2 zooms */
 .nutrizoom-n {
	display: block;
	text-indent: -8000px;
	width: 134px;
	height: 18px;
	background:url(../images/shared/but-ing-nutr.gif) -108px 0 no-repeat;
	position: absolute;
	bottom: 10px;
	right:0;}

.ingredientzoom {
	display: block;
	text-indent: -8000px;
	width: 108px;
	height: 18px;
	background:url(../images/shared/but-ing-nutr.gif) 0 0 no-repeat;
	position: absolute;
	bottom: 10px;
	right:144px;}
	
	#zoom_content h4 {
		font-family : Arial;
		font-size : large;
		font-weight : bolder;
		padding: 3px 0;}


/* Moments */
#moments-gallery {
	background: url(../images/shared/bg-dash.gif) top left repeat-x;
	margin-bottom: 15px;}
	
.moment-contain {
	background: url(../images/shared/bg-dash.gif) bottom left repeat-x;
	padding: 15px 0;
	clear: both;
	font-size: 11px;
	float: left;
	width: 579px;
	position: relative;}
	
	
	.moment-pic {float: left; width: 104px;}
		.moment-pic a {
			display: block;
			width: 104px;
			height: 22px;
			background: url(../images/shared/enlarge.gif) 0 -2px no-repeat;
			text-indent: -8000px;}
	
	.the-moment {
		width: 330px;
		float: left;
		padding: 15px 15px 0 10px;}
		
		#content .the-moment p {margin:0;}
	
	.moment-meta {
		width: 100px;
		float: right;
		padding: 15px 0 0 20px ;} 	
	
	
	.the-moment h4 {
		font-size: 12px;
		font-weight: bold;
		color: #005fa4;
		margin-bottom: .3em;}
	
	p.viewmore {
		width: 11px;
		height: 11px;
		text-indent: -8000px;
		background: url(../images/shared/off-on.gif) 0 0 no-repeat;
		position: absolute;
		top:32px;
		right:113px;}
	
	p.viewmore.selected {background: url(../images/shared/off-on.gif) 0 -11px no-repeat;}
	
	#pagination {text-align:right; padding-right: 20px;}
	#more-mom a {
		display: block;
		width: 147px;
		height: 18px;
		text-indent: -8000px;
		background:url(../images/shared/more-mom.gif) 0 0 no-repeat;
		margin: 10px 0 0 230px; }



/* Facebook Thing */
#home #facebook a {
	display: block;
	width: 78px;
	height: 43px;
	text-indent: -123456px;
	background: url(../images/shared/facebook/fb-1.gif) 0 0 no-repeat;
	position: absolute;
	top:-10px;
	right:5px;}
	
#sub #facebook a {
	display: block;
	width: 78px;
	height: 43px;
	text-indent: -123456px;
	background: url(../images/shared/facebook/fb-1.gif) 0 0 no-repeat;
	position: absolute;
	top:-53px;
	right:0px;
	z-index: 100;}

#forever-summer #facebook a {
	display: block;
	width: 78px;
	height: 43px;
	text-indent: -123456px;
	background: url(../images/shared/facebook/fb-1.gif) 0 0 no-repeat;
	position: absolute;
	top:-1px;
	right:15px;}