/*
+-------------------------------------------------------------------------+
Title:		Nestle Drumstick Styles
Version:	2
Copyright:	2011 - Smith Brothers Agency
Last Edit:  10/10/2011
+-------------------------------------------------------------------------+
*/


/* reset -------------------------------------------------------------------- */
/* version 3.0 - 11.04.10, gjh nods to html5 boilerplate, yui and eric meyer.
/* -------------------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
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;}

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del {text-decoration: line-through;}	

blockquote, q {quotes: none;}

table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

ul, ol {list-style: none;}

:focus {outline:0;}

caption, th {text-align:left;}

/* Additional */
label, input[type=button], input[type=submit], button {cursor: pointer;}
button, input, select, textarea { margin: 0; }

a.img {border: none;}

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; } 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.vh { position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

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

.clear {clear: both;}
.group:after {
	content: ".";
	display: block;
	height:0;
	clear:both;
	visibility: hidden;}

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

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

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

/* --- 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;}

a {color: #ed1c24;}	
	a:hover {color: #024284; text-decoration: none;}

#sub #drumstick {
	min-height: 100%;
	position: relative;}
	
/* --- header --- */

#header {
	width: 942px;
	height: 49px;
	padding-top: 10px;
	position: relative;
	margin: 0 auto;
	z-index: 100;}

#header h1 {
	position: absolute;
	top: 8px;
	left: 25px;
	width: 184px;
	height: 271px;
	z-index: 100;}

	#header h1 a,
	#flash-hp-alt2 h1 a {
	background-image: url(../images/shared/logo-10.png);
	width: 184px;
	height: 271px;}	

#nav-main {
	width: 490px;
	height: 37px;
	background: url(../images/shared/nav-main.gif);
	background-position: 0 -120px;
	background-repeat: no-repeat;
	position: relative;
	margin-left: 200px;
	z-index: 110;}
	
		.ourflavors #nav-main {background-position: 0 -160px;}
		#forever-summer #nav-main {background-position: 0 -200px;}
		.promotions #nav-main {background-position: 0 -240px;}
		.stay-connected #nav-main {background-position: 0 -280px;}
	
	#nav-main li {height: 37px; float: left; }
	#nav-main a {
		height: 37px;
		background-image: url(../images/shared/nav-main.gif);}
	
	#nav-drum	{width: 166px; margin-right: 3px;}
		#nav-drum a	{width: 166px; background-position: 0 0;}
		#nav-drum a:hover {width: 166px; background-position: 0 -40px;}
		#nav-drum a.on {width: 166px; background-position: 0 -80px;}
		
	#nav-summer	{width: 94px; margin-right: 3px;}
		#nav-summer	a {width: 94px; background-position: -169px 0;}
		#nav-summer	a:hover {width: 94px; background-position: -169px -40px;}
		#nav-summer	a.on {width: 94px; background-position: -169px -80px;}
		
	#nav-prom	{width: 115px; margin-right: 3px;}
		#nav-prom a	{width: 115px; background-position: -266px 0;}
		#nav-prom a:hover	{width: 115px; background-position: -266px -40px;}
		#nav-prom a.on	{width: 115px; background-position: -266px -80px;}
		
	#nav-stay	{width: 106px;}
		#nav-stay a	{width: 106px; background-position: -384px 0;}
		#nav-stay a:hover	{width: 106px; background-position: -384px -40px;}
		#nav-stay a.on	{width: 106px; background-position: -384px -80px;}
		
	#nav-main li#nav-more {
		width: 130px;
		height: 55px;
		float: none;
		position:absolute;
		top: -7px;
		right: -240px;
		z-index: 1000;}
		
		#nav-main li#nav-more a {
			width: 130px;
			height: 55px;
			background-image: url(../images/shared/nav-more.png);}
		
		#nav-main li#nav-more a:hover {background-position: 0 -55px;}
	
	
	/* Move stuff for the home page */
	#home #nav-main,
	#forever-summer #nav-main {margin-left: 120px;}
	
	#home #nav-main li#nav-more,
	#forever-summer li#nav-more {right: -335px;}
		
	#like-home {
		width: 250px;
		height: 54px;
		position: absolute;
		top: -5px;
		left: 610px;}
		

/* Home page */

#drumstick-top {
	width: 942px;
	padding: 0;
	margin: 0 auto;
	position: relative;}
	
	#sub #drumstick-top {
		padding: 0;
		height: 60px;
		z-index: 6;}	
	
	
	/* flash space */
	#flash-hp {
		position: relative;
		width: 942px;
		height: 504px;
		margin: -49px auto 0;
		padding:0;}	
	
		#flash-hp-alt {
			width: 942px;
			height: 504px;
			margin:0;
			padding:0;
			position: absolute;
			top:0;
			left:0;}
			
			#flash-hp-alt2 {
				background: url(../images/shared/flash-front-alt-2.jpg) 0 49px no-repeat;
				width: 942px;
				height: 504px;}
				
				
				#flash-hp-alt2 a:link, #flash-hp-alt2 a:visited {
				width: 118px;
				height: 45px;
				background-image: url(../images/shared/btn-click-me.jpg);
				position: absolute;
				top: 437px; left: 411px;}
				
				#flash-hp-alt2 a:hover {background-position: left -45px;}


/* homepage callout boxes */
	
#drumstick-mid {
	min-height: 204px;
	margin: 0;
	padding: 0;
	background: url(../images/shared/bg-main.jpg) 0 -60px repeat-x;}
	
	#hp-callouts {
		width: 922px;
		height: 210px;
		margin: 0 auto;
		padding: 25px 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;
			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;
				position: relative;
				margin-top: -20px;}	
							
				.calloutbox h3 a {width: 295px;	height: 46px;}
			
			.calloutbox a.link {
				position: absolute;
				bottom: 25px;
				left: 25px;
				height: 9px;
				width: 150px;
				background-image: url(../images/frontpage/links.png);}
				
		/* each box */
		
		
		/* Yay for sprinkles 
		
		#callout-sprinkles h3 a  {background-image: url(../images/frontpage/h3-sprinkles.png);}
			
			#callout-sprinkles h4 {
				width: 112px;
				height: 135px;
				position: absolute;
				top: 17px;
				right: -10px;}
				
				#callout-sprinkles h4 a {
					background-image: url(../images/frontpage/sprinkles.png);
					width: 112px;
					height: 135px;}
				
			#callout-sprinkles p {margin: 8px 110px 0 25px;}
		*/
		
			
		/* Big news for our fans! */
		#callout-kingsize h3 a  {background-image: url(../images/frontpage/h3-bigbetyum.png);}
			
			#callout-kingsize h4 {
				width: 88px;
				height: 161px;
				position: absolute;
				top: 17px;
				right: -10px;}
				
				#callout-kingsize h4 a {					
					background-image: url(../images/frontpage/king.png);
					width: 88px;
					height: 161px;}
				
			#callout-kingsize p {margin: 8px 90px 0 25px;}			
		
		
		#callout-facebook h3 a  {background-image: url(../images/frontpage/h3-love.png);}
		
			#callout-facebook h4 {
				width: 75px;
				height: 75px;
				position: absolute;
				top: 40px;
				right: 22px;}
				
				#callout-facebook h4 a {
					background: url(../images/frontpage/fb-small.png);
					width: 68px;
					height: 70px;}
			
			#callout-facebook p {margin: 8px 110px 0 25px;}
		
		/* Show us a lil love 

		#callout-facebook h3 a  {background-image: url(../images/frontpage/h3-beach.png);}
		
			#callout-facebook h4 {
				width: 75px;
				height: 75px;
				position: absolute;
				top: 40px;
				right: 22px;}
				
				#callout-facebook h4 a {
					background: url(../images/frontpage/beachy.jpg);
					width: 75px;
					height: 75px;}
			
			#callout-facebook p {margin: 8px 110px 0 25px;}
		*/
		
		/* Gimmie more / varieties callout */
		#callout-more h3 a  {background-image: url(../images/frontpage/h3-more.png);}
		
			#callout-more h4 {
				width: 150px;
				height: 108px;
				position: absolute;
				top: 25px;
				right: -5px;}
				
				#callout-more h4 a {
					background: url(../images/frontpage/lots.png);
					width: 150px;
					height: 108px;}
		
			#callout-more p {margin: 8px 135px 0 25px;}
		
		/* Super Nugget */
		#callout-bite h3 a  {background-image: url(../images/frontpage/h3-bite.png);}
		
			#callout-bite h4 {
				width: 117px;
				height: 85px;
				position: absolute;
				top: 40px;
				right: -10px;}
				
				#callout-bite h4 a {
					background: url(../images/frontpage/nugget.png);
					width: 117px;
					height: 85px;}
		
			#callout-bite p {margin: 8px 110px 0 25px;}
			
			
			/* Super Nugget */
			#callout-lil h3 a  {background-image: url(../images/frontpage/h3-lil.png);}

				#callout-lil h4 {
					width: 117px;
					height: 85px;
					position: absolute;
					top: 40px;
					right: -25px;}

					#callout-lil h4 a {
						background: url(../images/flavors/v-ld4.png);
						width: 128px;
						height: 125px;}

				#callout-lil p {margin: 8px 100px 0 25px;}
				#callout-lil p.disclaimer { font-size: 8px; margin-top: 4px; text-align: right; }
			
			
			
			#home .learn {background-position: 0 0;}								
			#home .learn:hover {background-position: 0 -29px;}
			
			.flavors {background-position: 0 -117px;}								
				.flavors:hover {background-position: 0 -147px;}
			
			/* Visit us on facebook */
			.fb {background-position: 0 -59px;}								
				.fb:hover {background-position: 0 -88px;}
			
			/* get Started */
			.get {background-position: 0 -176px;}								
				.get:hover {background-position: 0 -206px;}
				
			/* Get the Lowdown */
			.ld {background-position: 0 -235px;}								
				.ld:hover {background-position: 0 -264px;}
			
/* --- 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: 550px;
		margin: 0 auto;}	
	
		#flash-fs-alt {
			width: 960px;
			height: 550px;
			position: relative;
			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;}
				
/* Shared Styles ------------------------------------------------------------------------------------------------ */
a.learn {
	width: 79px;
	height: 20px;
	background-image: url(../images/shared/link-learn.png)}
	a.learn:hover {background-position: 0 -20px;}

a.reg {
	width: 154px;
	height: 20px;
	background-image: url(../images/shared/link-reg.gif)}
	a.reg:hover {background-position: 0 -20px;}

a.sign {
	width: 79px;
	height: 20px;
	background-image: url(../images/shared/link-sign.png)}
	a.sign:hover {background-position: 0 -20px;}
	
	
.foot {
	color: #666666; 
	position: absolute; 
	bottom: 5px; 
	left:20px;
	width: 470px;}

/* --- 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;}
		
		.heroes-2010 #content-header {height: 70px;}

	.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;}
		
		#content h3.closed {font-size: 20px; margin: 20px 0 10px; color: #074283;}
		
		/* flavors pages have a larger space */
		body.anatomy #content {height:500px;}
		body.ourflavors #content {
			width: 613px;
			height: 600px;
			margin: 0 0 0 23px;
			padding: 0;
			background: none;}
			
			body.ourflavors.all.nestle #content {height: 1150px;}
			
			body.variety-packs #content {height: auto;}
		
		body.breaks #content {background: none;}
		
		#content p {margin:0 0 1.2em}
			
			#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;}
		

/* Promotions */
.promo {
	width: 185px;
	padding-left: 135px;
	position: relative;
	margin: 25px 0 0;}
	
.promo h2 {
	width: 125px;
	height: 125px;
	position: absolute;
	top:0;
	left:0;}

#summer-contest h2 {background-image: url(../images/promo/summer.jpg);}


#promo-beachy {
		width: 350px;
		min-height: 150px;
		padding: 20px 0 0 120px;
		background: url(../images/frontpage/cool-promos.jpg) 20px 20px no-repeat;
		position: absolute;
		top:45px;
		left:10px;}
		
		#promo-beachy em {font-style: normal; text-decoration: underline;}
		
a.beachy {
	width: 75px;
	height: 75px;
	display: block;
	text-indent: -123456px;
	position: absolute;
	top:20px;
	left:20px;}
		
/* Stay Connected */
.connect {
	width: 115px;
	padding: 15px 0 0 170px;}
	
.connect h2 {
	width: 140px;
	height: 22px;
	background-image: url(../images/shared/ban-connected.gif);}
	
	#connect-offers {background: url(../images/shared/bg-connect-point.jpg) 0 0 no-repeat;}
	#connect-offers h2 {background-position: 0 0;}
	
	#connect-store {background: url(../images/shared/bg-connect-map.jpg) 0 0 no-repeat;}
	#connect-store h2 {background-position: 0 -22px;}




/* 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 */
#flavor-scroll {
	width: 608px;
	height: 433px;
	margin: 40px 0;
	background: url(../images/shared/bg-product-2010.jpg) 0 0 no-repeat;
	position: relative;}
	
	.variety-packs #flavor-scroll {
		height: 975px;
		background: url(../images/shared/bg-product-var.jpg) 0 0 no-repeat;}
	
	strong.new-badge { 
		width: 52px; height: 40px;
		background-image: url(../images/shared/new-thumb.png);
		position: absolute;
		top: 5px; left: -10px;
	}
	
	.new-burst { position: absolute; top: 35px; left: 20px; }
	.walmart-burst { position: absolute; top: -27px; left: 50%; margin-left: -72px; }

/* Flavor Head! */

#flavor-head {min-height: 60px;}

#flavor-head h2 {
	width: 354px;
	height: 18px;
	margin-bottom: 12px;
	background-image: url(../images/shared/titles.gif);}

#flavor-nav {
	width: 292px;
	padding-left: 130px;
	height: 79px;
	background: url(../images/products/nav/bg.png) 0 0 no-repeat;
	position: absolute;
	top: -30px;
	left:0;
	z-index: 15;}
	
	#flavor-nav ul {height: 79px; width: 244px;}
	#flavor-nav li {
		width: 61px;
		height: 79px;
		padding: 0;
		float: left;
		margin: 0;
		background: url(../images/products/nav/bg-li.png) -60px 0 no-repeat;}
		
		#flavor-nav li:hover,
		#flavor-nav li.on {background: url(../images/products/nav/bg-li.png) 0 0 no-repeat;}
		
		#flavor-nav li a {
		width: 55px; 
		height: 79px;
		background-position: 8px 10px;}	
		
		.bars #flavor-nav li a {background-position: 15px 10px;}	
		.sandwiches #flavor-nav li a {background-position: 14px 14px;}	
		.pushups #flavor-nav li a {background-position: 14px 15px;}	
		.dibs #flavor-nav li a {background-position: 6px 27px;}	
				
		
	/* inside the flavor box */
	
	.flavor-item {
		width: 230px;
		position: absolute;
		top: 180px;
		left: 205px;
		color: #6c6c6c;
		z-index: 15;}
		
		.wallytweak {top: 120px;}
		.wallytweak .nutri-buttons {margin: 0 0 10px 0;}
		 .walmartcopy-spec {font-size: 9px; padding: 0 15px 0 0;}
		
		.bars .flavor-item {top: 85px;}
		.sandwiches .flavor-item,
		.dibs .flavor-item {top: 115px;}
		
		.pushups .flavor-item {top: 115px; left: 225px;}
		
		.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: 286px;
		height: 430px;
		position: absolute;
		top: 10px;
		left: -15px;
		z-index: 5;}
		
		.bars .flavor-pic {left: -30px;}
		
		.sandwiches .flavor-pic,
		.pushups .flavor-pic {
			width: 200px;
			height: 284px;
			top: 75px;
			left: 5px;}
		
		.dibs .flavor-pic {
			width: 200px;
			height: 284px;
			top: 45px;
			left: 0px;}
		
	.flavor-variety {
		width: 172px;
		height: 433px;
		position: absolute;
		top:0;
		right:0;}
		
		.flavor-variety h4 {
			width: 112px;
			height: 13px;
			background: url(../images/products/nav/avail.png);
			margin: 15px auto;}
		
		.flavor-variety dl {
			width: 172px;
			margin-bottom: 15px;
			font-size: 11px;
			font-family: Verdana, Arial, Helvetica, sans-serif;}
			
			.flavor-variety dt {text-align: center; margin:0; padding:0;}
			.flavor-variety dd {text-align: center; color: #ffffff; padding-bottom: 15px; margin-top: -3px;}
	
	
	#not {
		width: 190px;
		padding: 10px;
		background: #ffffff;
		border: 1px solid #003366;
		text-align: center;}


/* classic flavors */

.classic #flavor-head h2 {background-position: 0 0;}

#fnav-cv a {background-image: url(../images/products/slider/cones_classic_vanilla.png);}
#fnav-cc a {background-image: url(../images/products/slider/cones_classic_choco.png);}
#fnav-cvf a {background-image: url(../images/products/slider/cones_classic_vanfudge.png);}
#fnav-cvc a {background-image: url(../images/products/slider/cones_classic_vanillacarm.png);}	
		
#f-classic-vanilla .flavor-item h3 {background-image:url(../images/flavors/vanilla-name.gif); height: 26px;}
#f-classic-chocolate .flavor-item h3 {background-image:url(../images/flavors/chocolate-name.gif); height: 26px;}
#f-classic-vanilla-caramel .flavor-item h3 {background-image:url(../images/flavors/vanilla-caramel-name.gif); height: 26px;}
#f-classic-vanilla-fudge .flavor-item h3 {background-image:url(../images/flavors/vanilla-fudge-name.gif); height: 31px;}

/* Sprinkled flavors */

.sprinkled #flavor-head h2 {background-position: 0 -192px;}

#fnav-sv a {background-image: url(../images/products/slider/cones_sprinkles_vanilla.png);}
#fnav-sc a {background-image: url(../images/products/slider/cones_sprinkles_choco.png);}
#fnav-svc a {background-image: url(../images/products/slider/cones_sprinkles_cherry.png);}

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

/* Simply Dipped Flavors */
.simply-dipped #flavor-head h2 {background-position: 0 -48px;}

#fnav-sdv a {background-image:url(../images/products/slider/cones_simplydipped_vanilla.png);}
#fnav-sdc a {background-image:url(../images/products/slider/cones_simplydipped_cnc.png);}
#fnav-sdm a {background-image:url(../images/products/slider/cones_simplydipped_mint.png);}

#f-simply-vanilla .flavor-item h3 {background-image:url(../images/flavors/vanilla-name.gif); height: 26px;}
#f-simply-cookies .flavor-item h3 {background-image:url(../images/flavors/simply-cookies-name.gif); height: 26px;}
#f-simply-mint .flavor-item h3 {background-image:url(../images/flavors/simply-mint-name.gif); height: 26px;}

/* cookie-dipped flavors */

.cookie-dipped #flavor-head h2 {background-position: 0 -97px;}

#fnav-cdv a {background-image:url(../images/products/slider/cones_cookiedipped_vanilla.png);}
#fnav-cdvc a {background-image:url(../images/products/slider/cones_cookiedipped_vancarm.png);}
#fnav-cdvf a {background-image:url(../images/products/slider/cones_cookiedipped_vanfudge.png);}

#f-cookie-vanilla .flavor-item h3 {background-image:url(../images/flavors/vanilla-name.gif); height: 26px;}
#f-cookie-vanilla-caramel .flavor-item h3 {background-image:url(../images/flavors/vanilla-caramel-name.gif); height: 26px;}
#f-cookie-vanilla-fudge .flavor-item h3 {background-image:url(../images/flavors/vanilla-fudge-name.gif); height: 31px;}

/* king-sized flavors */

.king-size #flavor-head h2 {background-position: 0 -288px;}

#fnav-kc a {background-image: url(../images/products/slider/cones_kingsize_choc.png);}		
#fnav-kv a {background-image: url(../images/products/slider/cones_kingsize_vanilla.png);}
		
#f-king-size-chocolate .flavor-item h3 {background-image:url(../images/flavors/king-size-chocolate-name.gif); height: 26px;}
#f-king-size-vanilla .flavor-item h3 {background-image:url(../images/flavors/king-size-vanilla-name.gif); height: 53px;}

.now-even-bigger {
	background: url(../images/products/packages/cones/KingSized/now-even-bigger.png);
	width: 96px; height: 52px;
	position: absolute;
	top: 80px;
	left: 215px;}

/* lil' drums flavors */

.lil-drums #flavor-head h2 {background-position: 0 -144px;}

#fnav-lilvc a {background-image: url(../images/products/slider/cones_lildrum_vanchoco.png);}
#fnav-lilcc a {background-image: url(../images/products/slider/cones_lildrum_vanchoco.png);}
#fnav-lilcd a {background-image: url(../images/products/slider/cones_lildrum_cookiedough.png);}
#fnav-lilfb a {background-image: url(../images/products/slider/cones_lildrums_chocofudbrownie.png);}
#fnav-lilca a {background-image: url(../images/products/slider/cones_lildrum_caramel.png);}
#fnav-lilsm a {background-image: url(../images/products/slider/cones_lildrum_smore.png);}
#fnav-lilvcs a {background-image: url(../images/products/slider/cones_lildrum_vancaram.png);}
#fnav-lilvfs a {background-image: url(../images/products/slider/cones_lildrum_vanfudg.png);}

#f-lil-vanilla .flavor-item h3 {background-image:url(../images/flavors/king-size-vanilla-name.gif); height: 53px;}
#f-lil-chocolate .flavor-item h3 {background-image:url(../images/flavors/lil-chocolate-name.gif); height: 52px;}
#f-lil-cookie-dough .flavor-item h3 {background-image:url(../images/flavors/lil-cookie-name.gif); height: 27px;}
#f-lil-chocolate-fudge .flavor-item h3 {background-image:url(../images/flavors/lil-chocolate-fudge-name.gif); height: 54px;}
#f-lil-smores .flavor-item h3 {background-image:url(../images/flavors/lil-smores-name.gif); height: 27px;}
#f-lil-caramel .flavor-item h3 {background-image:url(../images/flavors/lil-caramel-name.gif); height: 22px;}
#f-vanilla-fudge .flavor-item h3 {background-image:url(../images/flavors/lil-vanillafudge-name.gif); height: 63px;}
#f-vanilla-caramel .flavor-item h3 {background-image:url(../images/flavors/lil-vanillacaramel-name.gif); height: 58px;}

/* Super Nugget! */
.supernugget #flavor-head h2 {background-position: 0 -240px;}
#super-nugget .flavor-item h3 {background-image:url(../images/flavors/nugget-name.gif); height: 61px;}

#super-nugget .flavor-pic p {
	width: 125px;
	height: 85px;
	background-image: url(../images/shared/walmart.png);
	position: absolute;
	top:-20px;
	right:-10px; }
	
.wal-mart-alt {background: url(../images/flavors/walmart2.gif) no-repeat;
		width: 186px; height: 33px;
		position: absolute; right: 0px; top: -40px;}

/* variety packs flavors */

.variety-packs #flavor-head h2 {background-position: 0 -337px;}

#variety-packs h3 {margin-bottom: 8px;}
#variety-packs li {position: absolute;}

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


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

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

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

#vlfc {
	width: 165px;
	top: 680px;
	left: 50px;
	}



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


#vssn {
	width: 185px;
	top: 680px;
	left: 410px;}
	
	#vssn h3 {
		width: 180px;
		height: 25px;
		background-image: url(../images/flavors/v-h-sn.gif);}
	
		
	
/* All Flavors Page */
#products-index-menu {
	position: relative;
	margin: 20px auto;
	width: 615px;
	height: 500px;
	background: url(../images/shared/flavors-big-real-2.jpg) 0 0 no-repeat;}
	
	#products-index-menu li {position: absolute; width: 202px;}		
	#products-index-menu li a {width: 202px; background-image: url(../images/shared/flavors-big-real-2.jpg)}
	
	#menp-cla {height: 150px; top:0; left:7px;}
		#menp-cla a {height: 150px; background-position: -7px -500px;}
		#menp-cla a:hover {background-position: -7px 0px;}
		
	#menp-sim {height: 150px;top:0; left:210px;}
		#menp-sim a {height: 150px; background-position: -210px -500px;}
		#menp-sim a:hover {background-position: -210px 0px;}
		
	#menp-coo {height: 150px;top:0; left:413px;}
		#menp-coo a {height: 150px; background-position: -413px -500px;}
		#menp-coo a:hover {background-position: -413px 0px;}
		
	#menp-lil {height: 178px; top:150px; left:7px;}
		#menp-lil a {height: 178px; background-position: -7px -650px;}
		#menp-lil a:hover {background-position: -7px -150px;}
		
	#menp-spr {height: 178px; top:150px; left:210px;}
		#menp-spr a {height: 178px; background-position: -210px -650px;}
		#menp-spr a:hover {background-position: -210px -150px;}

	#menp-nug {height: 178px;top:150px;left:413px;}
		#menp-nug a {height: 178px;background-position: -413px -650px;}
		#menp-nug a:hover {background-position: -413px -150px;}

	#menp-kin {height: 172px; top:328px; left:7px;}
		#menp-kin a {height: 172px; background-position: -7px -828px;}
		#menp-kin a:hover {background-position: -7px -328px;}
		
	#products-index-menu li#menp-var {width:319px; height: 172px; top:328px; left:210px;}
		#products-index-menu li#menp-var a {width:319px; height: 172px; background-position: -210px -828px;}
		#products-index-menu li#menp-var a:hover {background-position: -210px -328px;}
		


/* OTHER NESTLE FLAVORS */

#fun-slide,
#fun-slide li,
#fun-slide a {
	width: 616px;
	height: 314px;
	margin:0;
	padding: 0;}
	
	#fun-slide {margin-bottom: 15px; padding-bottom: 10px;}
	
	.slide-dibs a {background-image: url(../images/fun-slide/dibs.jpg);}
	.slide-sand a {background-image: url(../images/fun-slide/sand.jpg);}
	.slide-crunch a {background-image: url(../images/fun-slide/crunch.jpg);}

#nestle-flavors {width: 580px; margin: 0 auto;}
#nestle-flavors div {
	width: 125px;
	padding: 0 10px 35px;
	float: left;}

#nestle-flavors h3 {
	height: 30px;
	background-image: url(../images/products/nestle-full/titles.gif);
	margin: 0 auto;}
	
	#all-bars h3 	{width: 44px; background-position: 0 0;}
	#all-sand h3 	{width: 116px; background-position: -125px 0;}
	#all-pu h3 		{width: 86px; background-position: -302px 0;}
	#all-dibs h3 	{width: 47px; background-position: -484px 0;}
	
	
#nestle-flavors dl {
	width: 125px;
	font-size: 11px;
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
	
	#nestle-flavors dt {text-align: center; margin:0; padding:0;}
	#nestle-flavors dd {text-align: center; padding-bottom: 15px;}
		
/* BARS */

.bars #flavor-head h2 {background-position: 0 -385px;}



#fnav-bnc a {background-image: url(../images/products/slider/bar_crunch.png);}
#fnav-bbb a {background-image: url(../images/products/slider/bar_butterfinger.png);}
#fnav-bep a {background-image: url(../images/products/slider/bar_eskimo.png);}
#fnav-bth a {background-image: url(../images/products/slider/bar_tollhousechocochip.png);}

.bars .flavor-item h3 {background-image: url(../images/products/titles/bars.gif); width: 220px;}

#f-nestle-crunch .flavor-item h3 {background-position: 0 0; height: 59px;}
#f-butterfinger .flavor-item h3 {background-position: 0 -104px; height: 96px;}
#f-eskimo-pie .flavor-item h3 {background-position: 0 -243px; height: 62px;}
#f-toll-house .flavor-item h3 {background-position: 0 -348px; height: 129px;}


/* Sanwiches */

.sandwiches #flavor-head h2 {background-position: 0 -433px;}

#fnav-sva a {background-image: url(../images/products/slider/sandwich_vanilla.png);}
#fnav-sct a {background-image: url(../images/products/slider/sandwich_carmeltrio.png);}

.sandwiches  .flavor-item h3 {background-image: url(../images/products/titles/sandwiches.gif); width: 249px;}

.sandwiches #f-vanilla .flavor-item h3 {background-position: 0 0; height: 32px;}
.sandwiches #f-caramel-trio .flavor-item h3 {background-position: 0 -66px; height: 32px;}

/* Push Ups */

.pushups #flavor-head h2 {background-position: 0 -481px;}

#fnav-prt a {background-image: url(../images/products/slider/pushup_rainbowtwist.png);}
#fnav-pfm a {background-image: url(../images/products/slider/pushup_fruitmania.png);}

.pushups .flavor-item h3 {background-image: url(../images/products/titles/pushups.gif); width: 249px;}

.pushups #f-rainbow-twisters .flavor-item h3 {background-position: 0 0; height: 66px;}
.pushups #f-fruit-mania .flavor-item h3 {background-position: 0 -103px; height: 29px;}

/* Dibs */

.dibs #flavor-head h2 {background-position: 0 -528px;}

#fnav-dnc a {background-image: url(../images/products/slider/dibs_crunch.png);}
#fnav-dva a {background-image: url(../images/products/slider/dibs_vanilla.png);}
#fnav-dmn a {background-image: url(../images/products/slider/dibs_mint.png);}

.dibs .flavor-item h3 {background-image: url(../images/products/titles/dibs.gif); width: 249px;}

.dibs #f-nestle-crunch-dibs .flavor-item h3 {background-position: 0 0; height: 101px;}
.dibs #f-vanilla-dibs .flavor-item h3 {background-position: 0 -140px; height: 31px;}
.dibs #f-mint-dibs .flavor-item h3 { background-position: 0 -195px; height: 48px; }

/* 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,
	#sub-section h3 {
		width: 254px;
		height: 24px;
		padding-top: 16px;
		margin-left: 7px;
		background: url(../images/shared/nav-left-li.gif) bottom left no-repeat;}
		
	.promotions  #sub-nav li {
		width: 254px;
		height: 48px;
		padding-top: 16px;
		background: url(../images/shared/nav-left-li-b.gif) bottom left no-repeat;}
		
		#sub-section h3  {background: url(../images/shared/nav-left-h3.gif) 0 21px no-repeat;}
		
	#sub-nav li a,
	#sub-section h3 a {
		height: 15px;
		margin: 0 0 0 15px;
		width: 220px;}
		
/* multiple navs */
#sub-section {
	margin-top: 15px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;}
	
	#sub-section ul {margin-left: 23px;}
	#sub-section ul a {
		color: #666;
		text-decoration: none;
		display: block;
		padding-bottom: 3px;}
		
		#sub-section ul a:hover {color: #000000;}
		#sub-section ul a.on {color: #ed1c24;}
		
/* Promotions */
.promotions #sub-nav a {background-image: url(../images/nav/n-promo.gif);}

	#sn-p-sum a {background-position: 0 0;}
		#sn-p-sum a:hover {background-position: 0 -30px;}

/* stay-connected */
.stay-connected #sub-nav a {background-image: url(../images/nav/n-offers.gif);}

	#sn-c-news a {background-position: 0 0;}
		#sn-c-news a:hover,
		#sn-c-news a.on {background-position: 0 -15px;}
	
	#sn-c-loca a {background-position: 0 -30px;}
		#sn-c-loca a:hover,
		#sn-c-loca a.on {background-position: 0 -45px;}
	

/* Flavors */
#sub-section #drum-flavors a {
	background-image: url(../images/nav/n-drumsticks.gif);
	background-position: 0 -15px;}

.ourflavors #sub-nav a {background-image: url(../images/nav/n-drumsticks.gif);}

	#sn-df-fla a {background-position: 0 0px;}
		#sn-df-fla a:hover,
		#sn-df-fla a.on {background-position: 0 -15px;}
		
	#sn-df-loo a {background-position: 0 -30px;}
		#sn-df-loo a:hover,
		#sn-df-loo a.on {background-position: 0 -45px;}
	
	#sn-df-sto a {background-position: 0 -60px;}
		#sn-df-sto a:hover,
		#sn-df-sto a.on {background-position: 0 -75px;}
	
	#sn-df-loc a {background-position: 0 -90px;}
		#sn-df-loc a:hover,
		#sn-df-loc a.on {background-position: 0 -105px;}


/* Other Nestle Flavors */
#sub-section #nestle-flavors a {
	background-image: url(../images/nav/n-products.gif);
	background-position: 0 -15px;}


#promo-try {
	width: 247px;
	height: 155px;}
	
	#promo-try a {
		width: 247px;
		height: 155px;
		background-image: url(../images/nav/promo-cone.jpg)}
		
#promo-single {
	width: 247px;
	height: 274px;
	background-image: url(../images/nav/promo-avail.jpg)}


/* -- 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;}

#content-header h1#b-flavors {background:url(../images/banners/b-drum-flavors.gif) no-repeat; width: 506px; height: 34px;}
.all #content-header h1#b-flavors {background:url(../images/banners/b-drum-flavors.gif) no-repeat; width: 528px; height: 34px;}

#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);}

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


.all #content-header h1#b-products {background-image:url(../images/banners/b-nestle.gif); height: 34px; width: 450px;}
#content-header h1#b-products {background-image:url(../images/banners/b-nestle.gif); height: 34px; width: 326px;}


#content-header h1#b-hear {background: url(../images/banners/b-yh.gif); width: 297px; height: 57px;}

/* --- 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: 610px;
		height: 45px;
		margin: 0 auto;
		position: relative;
		z-index: 5}
		
		#home #nav-tert {margin: 25px auto 0;}
		
		#nav-tert li {float: left;}
		
		#nav-tert a {
			display: block;
			height: 45px;
			background-image: url(../images/shared/footer.png);}
		
		
		#tert-sign a {width: 193px; background-position: 0 0;}
			#tert-sign a:hover {background-position: 0 -45px;}
		
		#tert-find a {width: 114px; background-position: -193px 0;}
			#tert-find a:hover {background-position: -193px -45px;}
		
		#tert-facebook a {width: 303px; background-position: -307px 0;}
			#tert-facebook a:hover {background-position: -307px -45px;}
			
			
	
	#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 {}


/*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-section {
	background: #d1e4f3;
	width: 613px;
	padding: 0 0 10px;
	margin-bottom: 20px;
	
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	}
	
	.ff-head {
		width: 613px;
		min-height: 40px;
		background: url(../images/shared/ff-top.gif) 0 0 no-repeat;
		color: #ffffff;
		position: relative;
		margin-bottom: 20px;}
	
	.ff-head h2 {font-weight: normal; text-transform: uppercase; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 10px 0 0 20px;}
	.ff-head a {color: #ffff00; text-decoration: none;}
		.ff-head a:hover {text-decoration: underline;}
	
	.ff-head p {position: absolute; top: 10px; left: 350px;}

	.ff-body {padding: 0 15px;}



#form .flavor-form {margin-bottom: 20px; width: 270px;}

	/* #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; padding-bottom:8px; }
	#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;}


.ff-flavors p {margin-bottom: 15px;}
.ff-flavors input {float: left;}
.ff-flavors 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: 260px;
  text-indent: -12345px;
  background: url(../images/shared/email-preview.jpg) left top no-repeat;}


/*  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;
	z-index: 500;}

#zoom {z-index: 500;}

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

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

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

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

.nutrition 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  */
.nutrition td.dv {
	font-weight : bold;
	text-align : right;}

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

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

 /* Use the strong tag to set emphasis on particular text  */
.nutrition 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 {
	width: 134px;
	height: 18px;
	background-image: url(../images/shared/but-ing-nutr.gif);
	background-position: -108px 0;
	margin-bottom: 5px;}

.ingredientzoom {
	width: 108px;
	height: 18px;
	background-image: url(../images/shared/but-ing-nutr.gif);}
	
	#zoom_content h4 {
		font-family : Arial;
		font-size : large;
		font-weight : bolder;
		padding: 3px 0;}


/* 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;}
	
	
	
/* Remainders */

/* offers/default.aspx */
.offers #rows label {width: 150px !important;}
.offers #rows input, .offers #rows select {width: 150px !important; float: left !important;}
	
/* Facebook Promo Link on Thank You Offers Page */
#promo-fb {
width: 135px;
min-height: 160px;
padding: 20px 20px 0 150px;
margin-top: 25px;
background: url(../images/shared/facebook/fb-promo-bg.gif) -1px 0 no-repeat;}


/* heroes 2010 */
#heroes-list {padding-top: 25px; }
#heroes-intro {padding-right: 250px;}
#list-sec {background: url(../images/shared/hero-line.gif) 0 0 repeat-y;}
#heroes-list li {margin: 0 0 15px; padding-left: 35px;}
#heroes-list a {text-decoration: none;}
	#heroes-list a:hover {text-decoration: underline;}
	
#heroes-list ul {
	width: 200px;
	float: left;}

#heroes-list p {width: 75%; text-align: center; font-size: 10px; color: #515151; margin: 0 auto; clear: both; padding-top: 25px;}

#heroes-2010-logo {
	position: absolute;
	width: 300px;
	height: 337px;
	top:-140px;
	right: -15px;}

#promo-raise {
	width: 250px;
	min-height: 150px;
	padding: 0 0 0 100px;
	margin: 45px 0 0 15px;
	position: relative;}
	
	#promo-raise h3 {
		width: 75px;
		height: 75px;
		position: absolute;
		top:0;
		left:0;}
	#promo-raise h3 a {
		width: 75px;
		height: 75px;
		background-image: url(../images/frontpage/logo-small.jpg);}
	
	a.tell {
		width: 121px;
		height: 15px;
		background-image: url(../images/shared/tell-but.png);}
		
		a.tell:hover {background-position: 0 -20px;}

#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;}

/* Flash of unstyled content fix. */

.js div.flavor-box {display: none;}
.js .supernugget div.flavor-box,
.js .variety-packs div.flavor-box {display: block;}


#pixels {
position: absolute;
bottom: 0;
left:0;}

.wal-mart {
	width: 246px;
	height: 45px;
	background-image :url(../images/flavors/walmart.gif);
	position: absolute;
	top: 40px;
	right:0;}