@charset "utf-8";

/*Quick navigation

1. CSS Reset
2. Default Layout Elements 
3. Content Elements (for everything inside the main content box)
   - overlay for fade in carousel effect
   - Nutrional Info - No JS
   - carousel styles for the range
   - carousel styles for nestle confectionary
   - carousel styles for nestle games
   - Error Pages
4. Box Links Transition CSS
5. Typography

END*/

/* CSS Document */
/* Reset styles for cross-browser compliancy */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

/* 1. Default Layout Elements*/

body	{
	margin: 0px;
	background: url('../images/layout/background.jpg') repeat-x #373737;
	font-family: Arial, Helvetica, sans-serif;
}

/* 2. Main Template Elements */

#container	{
	margin: auto;
	width:1000px;
	height: 662px;
	background:url('../images/layout/container.jpg') no-repeat;
}

#header	{
	width: 944px;
	height: 60px;
	margin: 0px 0px 0px 28px;
	background:url('../images/layout/header.jpg') repeat-x;
	position: absolute;
	z-index: 6001;
}

#header	h1 a	{
	display:block;
	text-indent: -9999px;
	width: 208px;
	height: 52px;
	background:url('../images/layout/logo.jpg') no-repeat;
	float: left;
}

#header	ul	
{
	position:relative;
	float: right;
	margin: 8px 0px 0px 0px;
	z-index: 10;
}

#header	li	{
	display: inline;
	float: left;
	line-height: 44px;
	font-size: 10px;
	border-right: solid 1px #E9E7E8;
}

#header	li.last	{
	display: inline;
	float: left;
	line-height: 44px;
	background:none;
}

#header	li.active	{
	display: inline;
	float: left;
	line-height: 44px;
	background:url('../images/layout/nav_bite_active.jpg') no-repeat center top #DAD6D8; 
	padding: 0px 10px 0px 10px;
	color: #6F6F6F;
}

#header li a	{
	display: inline-block;
	height: 44px;
	color: #6F6F6F;
	padding: 0px 10px 0px 10px;
	text-decoration: none;	
}

#header li a:hover	{
	display: inline-block;
	height: 44px;
	color: #6F6F6F;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
	background:url('../images/layout/nav_bite.jpg') no-repeat center top #E9E7E8;
}

#hover
{
	display:none;
	position:relative;
	left: 253px;
	top:13px;
	width: 91px;
	height: 44px;
	float: left;
	line-height: 44px;
	background:url('../images/layout/nav_bite.jpg') no-repeat center top #E9E7E8;
	z-index: 1;
}

#outer_main	{
	width: 944px;
	height:591px;
	background: #000000;
	margin: 60px 0px 0px 27px;
	position: absolute;
}

#fadeout	
{
	display: none;
	position:absolute;
	width: 944px;
	height: 485px;
	background-color:#000000;
	z-index: 11000;
}

#inner_main	
{
	width: 944px;
	height: 485px;
	background: url('../images/layout/inner_bground.jpg') no-repeat;
}

#inner_main	p{
	color: #DBC58C;
	font-size: 10px;
	width: 620px;
	line-height: 13px;
	margin: 6px auto 12px auto;
	letter-spacing: 0.1em;
}

#inner_main p.small	{
	width: 380px;
	margin: 10px auto 10px auto;
}

#dinner_panel_1	{
	width: 308px;
	height: 106px;
	background: url('../images/layout/dinner_panel_1.jpg') no-repeat;
	float: left;
	margin: 2px 0px 0px 0px;
	}
	
#dinner_panel_2	{
	width: 307px;
	height: 106px;
	background:url('../images/layout/dinner_panel_2.jpg') no-repeat;
	float: left;
	margin: 2px 0px 0px 11px;
	}
	
#dinner_panel_3	{
	width: 308px;
	height: 106px;
	background:url('../images/layout/dinner_panel_3.jpg') no-repeat;
	float: left;
	margin: 2px 0px 0px 10px;
	}	
	
#dinner_panel_1 span, #dinner_panel_2 span, #dinner_panel_3 span
{
	font-size: 11px;
	font-weight: bold;
}	

#feature_nav	{
	width: 944px;
	height: 108px;
	background: url('../images/layout/feature_nav.jpg') no-repeat #FFFFFF;
}

#feature_nav p {
	width: 176px;
	height: 106px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 7px 0px 0px 7px;
	float: left;
	display: block;
	line-height: 13px;
}	

#feature_nav p.dinner2small {
	width: 175px;
	height: 106px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 7px 0px 0px 7px;
	float: left;
	display: block;
	line-height: 13px;
}	

#feature_nav a{
	color: #265B41;
	text-decoration: none;
}

.feature_art	{
	float: left;
	width: 125px;
	height: 106px;
}

#footer	{
	margin: auto;
	width: 1000px;
	height: 46px;
	background:url('../images/layout/footer.jpg') no-repeat;
}

#footer	ul	{
	width: 1000px;
}

#footer	li	{
	display: inline;
	float: left;
	font-size: 1.25em;
	color: #5C5C5C;
	padding: 10px 4px 0px 4px;
	line-height: 1.25em;
}

#footer li	a	{
	color: #FFFFFF;
	font-size: 0.50em;
	text-decoration: none;
	line-height: 1.25em;
	padding: 0px 4px 0px 0px;
}

#footer p
{
	clear: both;
	color: #BEAF7A;
	font-size: 0.6em;
	text-align: center;	
}

/*
FACEBOOK APP
a.facebook{
	margin: -10px -3px 0px 12px;
	display: block;
	text-indent: -99999px;
	background: url('../images/layout/facebook_lnk.jpg') 0 0 no-repeat;
	width: 208px;
	height: 49px;
}

a.facebook:hover{
	margin: -10px 1-3px 0px 12px;
	display: block;
	text-indent: -99999px;
	background: url('../images/layout/facebook_lnk.jpg') 0px -49px no-repeat;
	width: 208px;
	height: 49px;
}
*/

a.facebook{
	margin: -10px 105px 0px 12px;
	display: block;
	text-indent: -99999px;
	background: url('../images/layout/facebook_lnk.jpg') 0 0 no-repeat;
	width: 100px;
	height: 46px;
}

a.facebook:hover{
	margin: -10px 105px 0px 12px;
	display: block;
	text-indent: -99999px;
	background: url('../images/layout/facebook_lnk.jpg') 0px -46px no-repeat;
	width: 100px;
	height: 46px;
}

a.nestle	{
	margin: -10px 0px 0px 113px;
	display: block;
	text-indent: -99999px;
	background: url('../images/layout/nestle_lnk.jpg') 0 0 no-repeat;
	width: 84px;
	height: 46px;
}

a.nestle:hover	{
	margin: -10px 0px 0px 113px;
	display: block;
	text-indent: -99999px;
	background: url('../images/layout/nestle_lnk.jpg') 0px -46px no-repeat;
	width: 84px;
	height: 46px;
}

/* Home page flash */

#homepageFlash
{
	display: none; 
	position:absolute; 
	z-index:50000; 
	width:944px; 
	height: 487px;
}

/* 3. Panel Elements*/
#welcome	{
	width: 944px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 30px 0px 0px 0px;
}

#welcome h2	
{
	padding: 5px 0px 0px 0px;
}

#welcome h2	img
{
	padding: 10px 0px 10px 0px;
}


#welcome ul	{
	clear: both;
	width: 121px;
	margin: 20px auto 0px auto;
}

#welcome li	{
	display: inline;
	float: left;
}

#tv_advert, #jims_bio	{
	width: 944px;
	height: 254px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 30px 0px 0px 0px;
}

#tesco_terms	{
	width: 944px;
	height: 424px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 30px 0px 30px 0px;
	overflow: auto;
}

#tesco_terms h2
{
	font-size: 16px;
	color:#ffffff;
	line-height: 30px;
}

#tesco_terms h3
{
	font-size: 12px;
	color:#ffffff;
	line-height: 20px;
}

#tesco_terms a
{
	color:#DBC58C;
	font-weight: bold;
	text-decoration: none;
}

#did_you_know
{
	width: 820px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#did_you_know h2	{
	padding: 40px 0px 0px 0px;
}

#did_you_know p	{
	text-align:left;
	width: 374px;
	margin: 15px 0px 15px 0px;
}

#did_you_know ul {
	clear: both;
	width: 402px;
	margin: 28px auto 0px auto;
}

#did_you_know ul.dyn_content {
	clear: both;
	width: 620px;
	margin: 10px auto 0px auto;
}

#did_you_know ul.dyn_content li{
	text-align: left;
	color: #DBC58C;
	width: 280px;
	min-height: 70px;
	margin: 0px 10px 10px 10px;
	font-size: 10px;
	display:block;
}

#tv_advert h2	
{
	padding: 10px 0px 0px 0px;
}

#jims_bio h2	
{
	padding: 10px 0px 0px 0px;
}

#tv_advert ul, #jims_bio ul	{
	margin: auto;
	width: 800px;
}

#tv_advert li, #jims_bio li	{
	display: inline;
	float: left;
	padding: 10px 76px 0px 0px;
	width: 70px;
	font-size: 0.63em;
	color: #FFFFFF;
}

#tv_advert li.active, #jims_bio li.active	{
	display: inline;
	float: left;
	padding: 10px 76px 0px 0px;
	width: 70px;
	font-size: 0.63em;
	color: #FFFFFF;
}

#tv_advert li.active img, #jims_bio li.active img	{
	border: 3px solid #CCB883;
	display: block;
	margin: 0px 0px 10px 0px;
}

#tv_advert li.final, #jims_bio li.final	{
	display: inline;
	float: left;
	padding: 10px 0px 0px 0px;
	width: 70px;
	font-size: 0.63em;
	color: #FFFFFF;
}

#tv_advert li img, #jims_bio li img	{
	border: 3px solid #FFF;
	display: block;
	margin: 0px 0px 10px 0px;
}

#tv_advert li a, #jims_bio li a {
	color:#FFFFFF;
	text-decoration: none;
}

#dinner_party, #history_video{
	width: 944px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 30px 0px 0px 0px;
}

#dinner_party_flash{
	width: 944px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#dinner_party_flash p{
	text-align: right;
	width: 924px;
}

#dinner_party h2 	
{
	padding: 35px 0px 0px 0px;
}

#history_video h2	
{
	padding: 30px 0px 0px 0px;
}

#dinner_party p {
	width: 560px;
	margin: 6px auto 10px auto;
}

#history_video p	{
	width: 600px;
	margin: 6px auto 10px auto;
}

#history_video ul {
	clear: both;
	width: 402px;
	margin: 88px auto 0px auto;
}

#history_video li, #did_you_know li{
	display: inline;
	float: left;
	padding: 0px 5px 0px 5px;
}

#dinner_party_list ul {
	clear: both;
	width: 262px;
	margin: 36px auto 0px auto;
}

#dinner_party_list li {
	display: inline;
	float: left;
	padding: 0px 5px 0px 5px;
}

#dinner_party_list	{
	width: 820px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 30px 0px 0px 0px;
}

.column_1	{
	width: 375px;
	height: 320px;
	float: left;
	margin: 5px 42px 0px 0px;
	text-align: left;
}

.column_1 h3, .column_2 h3		
{
	padding: 10px 0px 0px 0px;
}

.column_2	{
	width: 375px;
	height: 320px;
	float: left;
	margin: 5px 0px 0px 0px;
	text-align: left;
}

#dinner_party_list p	{
	text-align:left;
	width: 374px;
	margin: 3px 0px 0px 0px;
}

#products_landing
{
	width: 820px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 45px 0px 0px 0px;
}

#products_landing h2	{
	padding: 0px 0px 10px 0px;
}

/****NOTE****/ 
/* UL style to use for TWO wrappers */
#products_landing ul, #dinner_party ul 
{
	width: 396px;
	margin: 0px auto 0px auto;
	list-style: none;
}

/****NOTE****/ 
/* UL style to use for THREE wrappers */
#dinner_party_tips ul	{
	width: 200px;
	margin: 0px auto 0px auto;
	list-style: none;
}



#hosting_perfect_evening ul	{
	width: 614px;
	margin: 0px auto 0px auto;
	list-style: none;
}

#welcome ul	{
	width: 614px;
	margin: 0px auto 0px auto;
	list-style: none;
}

#products_landing li, #dinner_party li, #hosting_perfect_evening li, #welcome li, #dinner_party_tips li{
	display: inline-block;
	background: url('../images/buttons/wrapper_background_pane.gif') no-repeat top;
	width: 152px;
	height: 220px;
	float: left;
	margin: 0px 23px 0px 23px;
}

#products_landing a, #dinner_party a, #hosting_perfect_evening a, #welcome a, #dinner_party_tips a	{
	color:#DBC58C;
	text-decoration: none;
	letter-spacing: 0.1em;
	font-size: 10px;
	line-height: 11px;
	display: block;
	position: relative;
	width: 122px;
	height: 800px;
	z-index: 20000;
	margin: -170px auto 0px auto;
	padding: 40px 0px 0px 0px;
	background: url('../images/buttons/placebo.gif') repeat;
}

.after_eight_range_wrapper, .after_eight_confectionary_wrapper, .eight_dos_wrapper, .eight_donts_wrapper, .eight_donts_wrapper, .music_wrapper, .recipes_wrapper, .party_games_wrapper, .do_donts_wrapper, .after_eight_confect {
	position:relative;
  	width: 152px;
	height: 250px;
	overflow: hidden;
	z-index: 1000;
}

.music_wrapper_small {
	position:absolute;
  	width: 120px;
	height: 113px;
	overflow: hidden;
	z-index: 1000;
	text-align:left;
}

.the_range_inner_slot, .confectionary_inner_slot, .eight_dos_inner_slot, .eight_donts_inner_slot, .music_inner_slot, .recipes_inner_slot, .party_games_inner_slot, .do_dont_slot{
  	position:absolute;
  	margin: 58px 10px 0px 10px;
  	z-index: 0;
}

.after_eight_outer_wrap	{
  	width: 152px;
  	height: 180px;
  	position:relative;
  	margin: 50px 0px 0px 0px;
  	z-index: 1000;
}


.after_eight_music_cd_wrap	{
  	width: 95px;
  	height: 113px;
  	position:relative;
  	margin: 0px 0px 0px 0px;
  	z-index: 1000;
}

.music_cd_inner_slot{
  	position:absolute;
  	margin: 10px 0px 0px 10px;
  	z-index: 0;
}

#hosting_perfect_evening, #music_landing, #dinner_party_tips	{
	width: 944px;
	height: 254px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 43px 0px 0px 0px;
}


#music_landing ul.music_main_nav {
	width:560px;
	margin: 20px auto 0px auto;
	text-align: left;
}


#music_landing ul.music_main_nav li	
{
	width: 118px;
	height: 104px;
	display: inline-block;
	float: left;
	margin: 0px 10px 0px 10px;
	background:url('../images/buttons/wrapper_sml_background_pane.gif') 7px 8px; no-repeat;
}

#music_landing ul.music_main_nav li a	
{
	color:#DBC58C;
	text-decoration: none;
	letter-spacing: 0.1em;
	font-size: 8px;
	line-height: 11px;
	display: block;
	position: relative;
	width: 100px;
	height: 95px;
	z-index: 20000;
	margin: -100px 0px 0px 11px;
	text-align:left;
	background: url('../images/buttons/placebo.gif') repeat;
}

#music_landing ul.music_secondary_nav {
	clear: both;
	width: 262px;
	margin: 0px auto 0px auto;
}

#music_landing ul.music_secondary_nav li {
	display: inline;
	float: left;
	padding: 0px 5px 0px 5px;
}

/*-- overlay for fade in carousel effect --*/
#overlay
{
	position:absolute;
	width:944px;
	height: 300px;
	background:url('../images/layout/overlayfade.png') no-repeat;
	z-index: 1000;
	margin: 0px 0px 0px 0px;
}

#overlay_confectionery
{
	position:absolute;
	width:944px;
	height: 240px;
	background:url('../images/layout/overlayfade.png') no-repeat;
	z-index: 1000;
	margin: 0px 0px 0px 0px;
}

#overlayInfo
{
	position:absolute;
	width: 944px;
	height: 420px;
	overflow: hidden;
	z-index: 10000;
}

#gameoverlay
{
	position:absolute;
	width:944px;
	height: 420px;
	background:url('../images/layout/overlayfade.png') no-repeat;
	z-index: 1000;
	margin: 0px 0px 0px 0px;
	left:0px;
	top:0px;
}

#playlistoverlay
{
	position:absolute;
	width:944px;
	height: 370px;
	background:url('../images/layout/overlayfade.png') no-repeat;
	z-index: 1000;
	margin: 0px 0px 0px 0px;
	left:0px;
	top:0px;
}

/*-- Nutrional Info - No JS --*/
#nutInfoScroll
{
	height: 490px;
	width: 944px;
	overflow:auto;
	
}

#nutInfoScroll .top
{
	margin: 30px auto 30px auto;
	text-align:center;
}

#nutInfoScroll a
{
	color: #DBC58C;
	font-size: 10px;
	text-decoration:none;
	margin: 50px 0 0 0;
}

#nutInfo0_bg
{
	margin: 0 0 0 0;
	display:block;
	z-index: 8001;
	background: url('../images/layout/nutrition_info_0_no_js.jpg') no-repeat top center; 
	height: 350px;
}

#nutInfo1_bg
{
	background: url('../images/layout/nutrition_info_1_no_js.jpg') no-repeat top center; 
	height: 350px;
}

#nutInfo2_bg
{
	background: url('../images/layout/nutrition_info_2_no_js.jpg') no-repeat top center; 
	height: 350px;
}

#nutInfo3_bg
{
	background: url('../images/layout/nutrition_info_3_no_js.jpg') no-repeat top center; 
	height: 350px;
}

#nutInfo4_bg
{
	background: url('../images/layout/nutrition_info_4_no_js.jpg') no-repeat top center; 
	height: 350px;
}

.nutInfoTable
{
	/*color: #BEAF7A; */
	color: #FFFFFF;
	margin: 95px auto 0 auto ;
	width: 340px;
	font-size: 10px;
	text-align: left;
	height: 200px;
}

.nutInfoTable .tblHeading
{
	padding: 10px 0 10px 0;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.nutInfoTable td
{
	padding: 3px 0 3px 0;
	border-bottom: solid 1px #FFFFFF;
}

/*-- carousel styles for the range --*/
#the_range
{
	width:944px;
	text-align: center;
	overflow:hidden;
	z-index: 100000;
}

#the_range_product_shot
{
	position:relative;
	width: 944px;
	height: 370px;
	overflow: auto;
}

.product 
{
	width: 5500px;
	height: 245px;
}

.product li	
{
	display: inline;
	float: left;
	width: 944px;
	text-align:center;
	padding: 70px 0 0 0;
}

ul.product_thumbs
{
	text-align: center;
	margin: -45px auto 0px auto;
}

.product_thumbs	li	{
	display: inline;
	padding: 0px 0px 0px 0px;
	
}

.product_thumbs	li.active	{
	display: inline;
	padding: 0px 10px 0px 10px;
}

/*-- carousel styles for nestle confectionary --*/
#nestle_confectionary
{
	width:944px;
	text-align: center;
	overflow:hidden;
	z-index: 100000;
}

#nestle_confectionary_product_shot
{
	position:relative;
	width: 944px;
	height: 340px;
	overflow: auto;
}

#nestle_confectionary_product_shot ul
{
	margin: -40px 0 0 0;
}

#nestle_confectionary_product_shot li h2
{
	margin: 0px auto -10px auto;
}

#nestle_confectionary_product_shot li p
{
	margin: 10px auto 0px auto;
}

ul.nestle_confectionary_thumbs
{
	text-align: center;
	margin: 0px auto 10px auto;
}

.nestle_confectionary_thumbs li	{
	display: inline;
	padding: 0px 0px 0px 0px;	
}

.nestle_confectionary_thumbs li.active	{
	display: inline;
	padding: 0px 10px 0px 10px;
}

.nc_product 
{
	width: 6608px;
	height: 245px;
}

.nc_product li	
{
	display: inline;
	float: left;
	width: 944px;
	text-align:center;
	padding: 50px 0 0 0;
}

/*-- carousel styles for nestle games --*/
#games
{
	width:944px;
	text-align: center;
	overflow:hidden;
	z-index: 100000;
}

#the_game_shots
{
	position:relative;
	width: 944px;
	height: 420px;
	overflow: auto;
	margin: 0 0 0 0;
}

#playlist_Scroll
{
	position:relative;
	width: 944px;
	height: 420px;
	overflow: auto;
	margin: 0 0 0 0;
}

ul.game_thumbs
{
	text-align: center;
	margin: 15px auto 0px auto;
}

.game_thumbs	li	{
	display: inline;
	padding: 0px 5px 0px 5px;	
}

.game_thumbs	li.active	{
	display: inline;
	padding: 0px 10px 0px 10px;
}

.game_steps 
{
	width: 7552px;
	height: 382px;
}

.game_steps li	
{
	display: inline;
	float: left;
	width: 944px;
	text-align:center;
	padding: 40px 0 0 0;
}

.game_steps span
{
	color: #FFFFFF;
}

.game_steps img
{
	padding: 0 10px 0 10px;
}

.game_steps h2
{
	padding: 0 0 15px 0;
}

.game_steps p
{
	padding: 0 0 15px 0;
}


/* Playlist */

#playlist_mask_area
{
	position:relative;
	width: 944px;
	height: 370px; 
	overflow: auto;
	margin: 0 0 0 0;
	border: solid 1px red;
}

#playlist_landing
{
	width:944px;
	text-align: center;
	overflow:hidden;
	z-index: 100000;
	padding: 30px 0 0 0;
	margin: 0 auto 0 auto;
}

.playlist 
{
	width: 7552px;
	height: 382px;
}

#playlist_landing ul.playlist {
	width:800px;
	margin: 0px auto 0px auto;
}

.playlist li	
{
	display: inline;
	float: left;
	width: 944px;
	text-align:center;
	padding: 30px 0 0 0;
}

.playlist img
{
	padding: 0 10px 0 10px;
}

.playlist h2
{
	padding: 0 0 15px 0;
}

.playlist span
{
	color: #ffffff;
	font-size: 10px;
}

.playlist span span
{
	color: #DBC58C;
}

.playlist_tracks
{
	margin:0 auto 0 auto; 
	width:600px; 
	height: 300px; 
}

.playlist_tracks a
{
	font-weight:bold;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 12px;
}

#inner_main	.playlist_tracks p
{
	line-height: 11px;
}

.tracklist1
{
	 height:250px;
	 width:290px;
	 text-align: left;
	 float:left;
	 line-height: 10px;
}

.trackpadding1
{
	padding-left: 15px;
	color: #FFFFFF;
}

.trackpadding2
{
	padding-left: 22px;
	color: #FFFFFF;
}

.trackpadding3
{
	padding-left: 15px;
}

.tracklist2
{
	height:250px;
	width:290px;
	text-align: left;
	float:right;
}

.playlist_buttons
{
	padding: 20px 0 0 0;
	list-style: none;
	display:none;
}

.playlist_gmaes_deserts, .playlist_music
{
	 padding: 10px 0 0 0; 
	 width:400px;
	 margin: 0 auto 0 auto; 
	 text-align:center;
}

.playlist_games_landing, .playlist_desserts_landing
{
	 padding: 30px 0 0 0; 
	 width:400px;
	 margin: 0 auto 0 auto; 
	 text-align:center;
}


.playlist_meet_jim
{
	 padding: 10px 0 0 0; 
	 width:944px;
	 margin: 0 auto 0 auto; 
	 text-align:center;
}

/* buttons */

#game_prev
{
	position:absolute;
	width:59px;
	height: 62px;
	background:url('../images/buttons/btn_prev.png') no-repeat;
	left: 0px;
	top: 0px;
	margin: 215px 0 0 60px;
	z-index: 10000;
	display:none;
	cursor:pointer;
}

#game_next
{
	position:absolute;
	width:59px;
	height: 62px;
	background:url('../images/buttons/btn_next.png') no-repeat;
	right: 0px;
	top: 0px;
	margin: 215px 60px 0 0;
	z-index: 10000;
	display:none;
	cursor:pointer;
}

#advertising_history	{
	width: 944px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#site_map
{
	width: 944px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 30px 0px 0px 0px;
}

#site_map ul
{
	list-style:none;
	line-height: 30px;
}

#site_map a
{
	color: #FFFFFF;
	text-decoration:none;
	font-size: 0.75em;
}

#site_map a:hover
{
	text-decoration:underline;
}

#site_map .site_map_sub a
{
	color: #BEAF7A;
}

/*-- Error Pages --*/

#ErrorTitle	{
	width: 944px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 30px 0px 0px 0px;
}

#ErrorTitle p
{
	font-size: 11px;
}

#ErrorTitle a
{
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

/* 4. Box Links Transition CSS */
.boxgrid{ 
width: 121px; 
height: 27px; 
float:left; 
overflow: hidden;
position: relative;
margin: auto;
}

.boxgrid_nestle_confectionery{ 
width: 191px; 
height: 27px; 
overflow: hidden;
position: relative;
width: 944px;
}

.boxgrid_after_eight_story{ 
width: 191px; 
height: 27px; 
float:left;
overflow: hidden;
position: relative;
margin: auto;
}

.boxgrid_after_eight_visit{ 
width: 145px; 
height: 27px; 
overflow: hidden;
position: relative;
width: 944px;
}

.boxgrid_itunes_purchase{ 
width: 192px; 
height: 27px; 
/*float:left;*/
overflow: hidden;
position: relative;
margin: auto;
}

.boxgrid_after_eight_deserts{ 
width: 191px; 
height: 27px; 
/*float:left;*/
overflow: hidden;
position: relative;
margin: auto;
}

.boxgrid_after_eight_games{ 
width: 192px; 
height: 27px; 
/*float:left;*/
overflow: hidden;
position: relative;
margin: auto;
}

.boxgrid_after_eight_music{ 
width: 191px; 
height: 27px; 
overflow: hidden;
position: relative;
margin: auto;
}

.boxgrid_after_eight_trivia{ 
width: 191px; 
height: 27px; 
overflow: hidden;
position: relative;
margin: auto;
}

.boxgrid_after_eight_story{ 
width: 191px; 
height: 27px; 
overflow: hidden;
position: relative;
margin: auto;
}

.boxgrid_after_eight_ad_campaign{ 
width: 191px; 
height: 27px; 
overflow: hidden;
position: relative;
margin: auto;
}

.boxgrid_after_eight_meet_jim{ 
width: 267px; 
height: 27px; 
overflow: hidden;
position: relative;
margin: 50px auto 0 auto;
}

.boxgrid_after_eight_VisitSite{ 
width: 145px; 
height: 27px; 
overflow: hidden;
position: relative;
margin: 20px auto 0 auto;
}

.boxgrid_after_eight_ProductRange{ 
width: 145px; 
height: 27px; 
overflow: hidden;
position: relative;
margin: 10px auto 0 auto;
}

.boxgrid_after_eight_Nestle_Confectionery{ 
width: 192px; 
height: 26px; 
overflow: hidden;
position: relative;
margin: 0 auto 0 auto;
}

.boxgrid_after_eight_Jims_Place{ 
width: 121px; 
height: 27px; 
overflow: hidden;
position: relative;
margin: 30px auto 0 auto;
}

.boxgrid_after_eight_Confect{ 
width: 192px; 
height: 27px; 
overflow: hidden;
position: relative;
width: 944px;
}


.boxgrid_after_eight_range{ 
width: 145px; 
height: 27px; 
overflow: hidden;
position: relative;
width: 944px;
}

.boxgrid_after_eight_visit_site{ 
width: 145px; 
height: 27px; 
overflow: hidden;
position: relative;
width: 944px;
margin: 10px 0 0 0;
cursor: pointer;
}

.eight_dos{ 
float: left; 
position: absolute; 
background: url('../images/buttons/but_eight_dos.jpg') 0px -27px no-repeat; 
height: 27px; 
width: 121px; 
}

.eight_do_nots{ 
float: left; 
position: absolute; 
background: url('../images/buttons/but_eight_do_nots.jpg') 0px -27px no-repeat; 
height: 27px; 
width: 121px; 
}

.after_eight_trivia{ 
float: left; 
position: absolute; 
background: url('../images/buttons/but_after_eight_trivia.jpg') 0px -27px no-repeat; 
height: 27px; 
width: 191px; 
}

.after_eight_ad_campaign{ 
float: left; 
position: absolute; 
background: url('../images/buttons/campaigns_button.jpg') 0px -27px no-repeat; 
height: 27px; 
width: 191px; 
}

.after_eight_story{ 
float: left; 
position: absolute; 
background: url('../images/buttons/story_button.jpg') 0px -27px no-repeat; 
height: 27px; 
width: 191px; 
}

.after_eight_itunes{ 
float: left; 
position: absolute; 
background: url('../images/buttons/purchase_button.jpg') 0px -27px no-repeat; 
height: 27px; 
width: 191px; 
}

.after_eight_games{ 
float: left; 
position: absolute; 
background: url('../images/buttons/games_button.jpg') 0px -27px no-repeat; 
height: 27px; 
width: 192px; 
}

.after_eight_meet_jim{ 
float: left; 
position: absolute; 
background: url('../images/buttons/meet_jim_button.jpg') 0px -27px no-repeat; 
height: 27px; 
width: 267px; 
}

.after_eight_meet_ProductRange{ 
float: left; 
position: absolute; 
background: url('../images/buttons/but_after_eight_range.jpg') 0px -27px no-repeat; 
height: 27px; 
width: 145px; 
}

.after_eight_meet_VisitSite{ 
float: left; 
position: absolute; 
background: url('../images/buttons/visit_button.jpg') 0px -27px no-repeat; 
height: 27px; 
width: 145px; 
}

.after_eight_Nestle_Confectionery{ 
float: left; 
position: absolute; 
background: url('../images/buttons/but_nestle_confectionery.jpg') 0px -26px no-repeat; 
height: 27px; 
width: 267px; 
}

.after_eight_jims_place{ 
float: left; 
position: absolute; 
background: url('../images/buttons/but_jims_bio.jpg') 0px -27px no-repeat; 
height: 27px; 
width: 121px; 
}

.after_eight_jims_confectionery{ 
float: left; 
position: absolute; 
background: url('../images/buttons/visit_button.jpg') 0px -27px no-repeat; 
height: 27px; 
width: 145px; 
}

.after_eight_visit{ 
float: left; 
position: absolute; 
background: url('../images/buttons/visit_button.jpg') 0px -27px no-repeat; 
height: 27px; 
width: 145px; 
}

.after_eight_music{ 
float: left; 
position: absolute; 
background: url('../images/buttons/music_button.jpg') 0px -27px no-repeat; 
height: 27px; 
width: 192px; 
}

.after_eight_trivia{ 
float: left; 
position: absolute; 
background: url('../images/buttons/trivia_button.jpg') 0px -27px no-repeat; 
height: 27px; 
width: 192px; 
}

.after_eight_deserts{ 
float: left; 
position: absolute; 
background: url('../images/buttons/recipe_button.jpg') 0px -27px no-repeat; 
height: 27px; 
width: 191px; 
}

.after_eight_ad_campaigns{ 
float: left; 
position: absolute; 
background: url('../images/buttons/but_after_eight_ad_campaigns.jpg') 0px -27px no-repeat; 
height: 27px; 
width: 191px; 
}

/*.after_eight_story{ 
float: left; 
position: absolute; 
background: url('../images/buttons/but_after_eight_story.jpg') 0px -27px no-repeat; 
height: 27px; 
width: 191px; 
}*/

.back{ 
float: left; 
position: absolute; 
background: url('../images/buttons/but_back.jpg') 0px -27px no-repeat; 
height: 27px; 
width: 121px; 
}

.jims_bio{ 
float: left; 
position: absolute; 
background: url('../images/buttons/but_jims_bio.jpg') 0px -27px no-repeat; 
height: 27px; 
width: 121px; 
}

.nestle_confectionery{ 
position: absolute; 
background: url('../images/buttons/but_nestle_confectionery.jpg') center -27px no-repeat; 
height: 27px; 
width: 944px; 
}

.after_eight_range{ 
position: absolute; 
background: url('../images/buttons/but_after_eight_range.jpg') center -27px no-repeat; 
height: 27px; 
width: 944px; 
}

.after_eight_range_VB{ 
position: absolute; 
background: url('../images/buttons/but_after_eight_range.jpg') center -27px no-repeat; 
height: 27px; 
width: 944px; 
}

.after_eight_visit_site{ 
position: absolute; 
background: url('../images/buttons/visit_button.jpg') center -27px no-repeat; 
height: 27px; 
width: 944px; 
}

.after_eight_Confect{ 
position: absolute; 
background: url('../images/buttons/but_nestle_confectionery.jpg') center -27px no-repeat; 
height: 27px; 
width: 944px; 
}

a.visitwebsite:hover{ 
display:block;
background: url('../images/buttons/but_visit_site.jpg') 0px -27px no-repeat; 
height: 27px; 
width: 121px; 
text-indent:-99999px;
margin: 10px auto 0 auto;
}

a.visitwebsite{ 
background: url('../images/buttons/but_visit_site.jpg') 0px 0px no-repeat; 
display:block;
height: 27px; 
width: 121px; 
text-indent:-99999px;
margin: 10px auto 0 auto;
}

/* IMPORTANT FOR ROLLOVERS TO WORK */
.captionfull, .eight_dos, .eight_do_nots, .back, .jims_bio, .nestle_confectionary, .after_eight_range, .after_eight_ad_campaigns, .after_eight_trivia, .after_eight_story, .after_eight_visit_site{
top: 26;
left: 0;
}
						
.hidden	{
width: 121px;
height: 27px;
display: block;
text-indent: -9999px;
}

.hidden_after_eight_story	{
width: 191px;
height: 27px;
display: block;
text-indent: -9999px;
}

.hidden_itunes_purchase	{
width: 192px;
height: 27px;
display: block;
text-indent: -9999px;
}

.hidden_after_eights_games	{
width: 192px;
height: 27px;
display: block;
text-indent: -9999px;
}

.hidden_after_eights_meet_jim	{
width: 267px;
height: 27px;
display: block;
text-indent: -9999px;
}

.hidden_after_eights_ProductRange	{
width: 145px;
height: 27px;
display: block;
text-indent: -9999px;
}

.hidden_after_eights_VisitSite	{
width: 145px;
height: 27px;
display: block;
text-indent: -9999px;
}

.hidden_after_eights_Nestle_Confectionery	{
width: 192px;
height: 26px;
display: block;
text-indent: -9999px;
}

.hidden_after_eights_jims_place	{
width: 192px;
height: 27px;
display: block;
text-indent: -9999px;
}

.hidden_after_eights_confectionery	{
width: 192px;
height: 27px;
display: block;
text-indent: -9999px;
}


.hidden_after_eights_visit	{
width: 145px;
height: 27px;
display: block;
text-indent: -9999px;
}

.hidden_after_eights_music	{
width: 191px;
height: 27px;
display: block;
text-indent: -9999px;
}

.hidden_after_eights_trivia	{
width: 191px;
height: 27px;
display: block;
text-indent: -9999px;
}

.hidden_after_eights_ad_campaign	{
width: 191px;
height: 27px;
display: block;
text-indent: -9999px;
}

.hidden_after_eights_story	{
width: 191px;
height: 27px;
display: block;
text-indent: -9999px;
}

.hidden_after_eights_deserts	{
width: 191px;
height: 27px;
display: block;
text-indent: -9999px;
}

.hidden_nestle_confectionery, .hidden_after_eight_range	{
width: 191px;
height: 27px;
display: block;
text-indent: -9999px;
}

.hidden_after_eight_visit_site{
width: 145px;
height: 27px;
display: block;
text-indent: -9999px;
}

.hidden_after_eights_confect	{
width: 192px;
height: 27px;
display: block;
text-indent: -9999px;
}

#noscript_warning	
{
	position: absolute;
	height: 64px;
	background: #000000;
	margin: 0px auto 0px auto;
	width: 944px;
	z-index: 7001;	
}

#noscript_warning_itunes	
{
	position: absolute;
	height: 25px;
	background: #000000;
	margin: 0px auto 0px auto;
	width: 944px;
	z-index: 7001;	
}

#noscript_warning a	
{
	color: #FFFFFF;
}

#showInfoButton
{
	position:absolute;
	width: 944px;
	height: 31px;
	text-align:center;
	background: url('../images/buttons/btn_nutrition_info.png') center no-repeat;
	z-index: 6001;
	margin: 0px auto 0px auto;
	cursor: pointer;
	text-align:center;
}

#showInfo
{
	position:absolute;
	width: 944px;
	height: 339px;
	z-index: 5001;
	/*margin: -305px auto 0px auto;*/
	margin: -340px auto 0px auto;
	/*background: url('../images/layout/nutrition_info_0.png') no-repeat top center; */
	background-repeat:no-repeat;
	background-position:center; 
}

#showInfo_up_arrow
{
	position:absolute;
	left: 467px;
	top: 5px;
	width: 14px;
	height: 18px;
	text-align:center;
	background: url('../images/layout/up.jpg') center no-repeat;
	z-index: 6002;
	margin: 0px auto 0px auto;
	cursor: pointer;
	margin: -2px 0 0 64px;
	display: none;
}

/*
.hideInfoButton
{
	color: #DBC58C;
	text-decoration: none;
	display: block;
	font-size: 10px;
	margin: 30px 0px 0px 312px;
	cursor: pointer;
	height: 20px;
	width: 300px;
	border: solid 1px red;
}
*/

.hideInfoButton:hover
{
	color: #FFFFFF;
}

#nutInfo0
{
	margin: 0 0 0 0;
	display:block;
	z-index: 8001;
}

#nutInfo1
{
	display:none;
}

#nutInfo2
{
	display:none;
}

#nutInfo3
{
	display:none;
}

#nutInfo4
{
	display:none;
}

/*-- 5. Typography --*/

.alt_font_treatment	{
	color:#FFFFFF;
}

.number	{
	color:#FFFFFF;
	display:block;
	float: left;
	/*margin:0px 5px 60px 0px;*/
	margin:0px 5px 0 0;
	font-weight: bold;
}

a.alt_font_treatment:link, a.alt_font_treatment:hover, a.alt_font_treatment:visited, a.alt_font_treatment:active,	{
	text-decoration: none;
	font-weight: bold;
}

.playlist_track_name	{
	color: #000000;
	font-size:10px;
}

.button_bottom_margin
{
	 margin: 60px 0 0 0;
}