/**
 *	GLOBAL RESET STYLES
 */
@charset "utf-8";

* {
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
}

a,
a * {
	cursor: pointer;
}

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

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

br.clearer {
	clear: both;
	width: 0;
	height: 0;
	margin: -1px 0 0 0;
	line-height: 0;
	font-size: 0;
	visibility: hidden;
}

a#top {
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

body {
	text-align: center;
	font-size: 100%;
}

div#page {
	text-align: left;
	margin: 0 auto;
	position: relative;
}

ul,
ul li {
	list-style: none;
}

ul.inline li {
	display: inline;
}

ol {
	margin-left: 16px;
}
ol li {
	padding-bottom: 0.5em;
}

th {
	text-align: left;
}

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

/* Image replacement */
.ir {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

.scrollable {
    display: block;
    overflow: auto;
    position: relative;
}
 
/**
 *	SITE.CSS
 */
 * {
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
}
html, 
body {

}
body {
	background: #f8bc00 url(../images/bg-body.jpg) repeat;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}

/**
 *	LAYOUT
 */
    #wrapper {
        top: 0;
        left: 0;
        position: relative;
    }
	#page {
		width: 954px;
		margin: 0 auto;
		text-align: left;
		padding-top: 84px;
		position: relative;
	}
	div#_atssh {
	    left: -9999px;
	}
	
/**
 *	TYPOGRAPHY
 */
	a {
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}
	a#skipto {
	    display: none;
	}
	a.button, 
	span.button {
		display: block;
		text-indent: -9999px;
		background: transparent url(../images/buttons.png) no-repeat;
	}
	a.more {
		width: 77px;
		height: 32px;
		background-position: 0 -106px;
	}
	a.more:hover {
		background-position: -77px -106px;
	}
	a.fb-connect {
		width: 73px;
		height: 18px;
		background: transparent url(../images/button-fb-connect.png) no-repeat;
	}
	a.truste {
		width: 105px;
		height: 29px;
		background-position: 0 -254px;
		margin: 0 auto;
	}
	a.where-to-buy {
		width: 157px;
		height: 36px;
	}
	a.where-to-buy:hover {
		background-position: -157px 0;
	}
	a.follow-us {
		width: 127px;
		height: 36px;
		background-position: 0 -138px;
	}
	a.click-here {
		width: 133px;
		height: 36px;
		background: transparent url(../images/button-click-here.png) no-repeat;
	}
	a.watch-now {
		width: 135px;
		height: 36px;
		background-position: 0 -36px;
	}
	
	
/**
 *	BRANDING
 */
    #branding {
        position: absolute;
        top: 0;
        left: 0;
        height: 57px;
        overflow: hidden;
    }
	
/**
 *	HEADER
 */
  #header {
		padding-top: 4px;
		padding-bottom: 10px;
		position: absolute;
		top: 57px;
		left: 0;
		width: 954px;
		height: 24px;
	}
	#logo {
		height: 57px;
		width: 966px;
		margin: 0;
	}
	#logo a {
	    display: block;
		height: 57px;
		width: 966px;
		background: transparent url(../images/logo.png) no-repeat;
		text-indent: -9999px;
	}
	#social-links {
		position: absolute;
		top: 0;
		right: 0;
	}
	#social-links ul {
		height: 26px;
		width: 140px;
		background: transparent url(../images/buttons.png) 1px -423px no-repeat;
		padding: 1px 0 0 1px;
	}
	#social-links li {
		float: left;
	}
	#social-links a {
		display: block;
		text-indent: -9999px;
	}
	#social-links .fb a {
		width: 23px;
		height: 23px;
		margin-right: 4px;
	}
	#social-links .tw a {
		width: 24px;
		height: 23px;
		margin-right: 4px;
	}
	#social-links .yt a {
		width: 23px;
		height: 23px;
		margin-right: 9px;
	}
	#social-links .bcn a {
		width: 51px;
		height: 23px;
	}
	#navigation {
		margin-top: -2px;
		height: 24px;
	}
	#navigation ul {
		float: left;
	}
	#navigation ul li {
		float: left;
		padding-right: 6px;
	}
	#navigation ul li a {
		display: block;
		background: transparent url(../images/buttons.png) no-repeat;
		height: 26px;
		text-indent: -9999px;
		padding: 0 19px 0 14px;
	}
	#navigation ul li.products a {
		width: 73px;
		background-position: 0 -306px;
	}
	.products #navigation ul li.products a {
		background-position: 0 -383px;
	}
	#navigation ul li.products a:hover, 
  #navigation ul li.products a.hover	{
		background-position: 0 -343px;
	}
	#navigation ul li.games a {
		width: 48px;
		background-position: -108px -306px;
		padding: 0 21px 0 18px;
	}
	.games #navigation ul li.games a {
		background-position: -108px -383px;
	}
	#navigation ul li.games a:hover, 
  #navigation ul li.games a.hover 	{
		background-position: -108px -343px;
	}
	#navigation ul li.promotions a {
		width: 92px;
		background-position: -200px -306px;
		padding: 0 14px 0 16px;
	}
	.promotions #navigation ul li.promotions a {
		background-position: -200px -383px;
	}
	#navigation ul li.promotions a:hover, 
  #navigation ul li.promotions a.hover {
		background-position: -200px -343px;
	}
	#navigation ul li.community a {
		width: 84px;
		background-position: -332px -306px;
		padding: 0 15px 0 14px;
	}
	.community #navigation ul li.community a {
		background-position: -332px -383px;
	}
	#navigation ul li.community a:hover, 
  #navigation ul li.community a.hover {
		background-position: -332px -343px;
	}
	
	#navigation ul.fb-info {
		float: right;
		font-size: 11px;
		color: #fff;
		font-weight: bold;
	}
	#navigation ul.fb-info li {
		padding-left: 12px;
		padding-right: 0;
	}
	#navigation ul.fb-info li a {
		display: inline;
		text-indent: 0;
		background: 0 none;
		color: #fff;
	}
	#navigation ul.fb-info li a.fb-connect {
		display: block;
		text-indent: -9999px;
		background: transparent url(../images/button-fb-connect.png) no-repeat;
		height: 18px;
		margin-top: -2px;
	}
	
	/*** SUBNAV ***/
	#navigation li:hover div.subnav-outer {
		left: auto;
	}
	div.subnav-outer {
		height: 0px;
		overflow: hidden;
		position: absolute;
		left: -9999px;
		z-index: 20;
	}
	ul.subnav {
		padding: 15px 15px 21px;
		background: #002145;
		color: #fff;
	}
	/* For Testing */
	/*
	#navigation ul li.games div.subnav-outer {
		left: auto !important;
		height: auto;
		overflow: visible;
	}
	*/
	ul.subnav li {
		display: block;
		float: none !important;
		position: relative;
		padding: 2px 2px 2px 2px !important;
		height: 39px;
		min-width: 170px;
		width: auto;
		vertical-align: bottom;
	}
	ul.subnav li.hover {
		background: #213e5a;
	}
	#navigation ul li ul.subnav li a {
		text-indent: 0 !important;
		background: transparent url(../images/subnav-icons.png) no-repeat !important;
		font-size: 13px;
		color: #fff;
		vertical-align: bottom;
		padding: 17px 0 2px 93px !important;
		height: 21px !important;
		width: auto !important;
	}
	#navigation ul.subnav li.bf-crisp a {
		background-position: 0 -58px !important;
	}
	#navigation ul.subnav li.bf-snackerz a {
		background-position: 0 -116px !important;
	}
	#navigation ul.subnav li.bf-best a {
		background-position: 0 -580px !important;
	}
	#navigation ul.subnav li.ocd a {
		background-position: 0 -406px !important;
	}
	#navigation ul.subnav li.ddpp a {
		background-position: 0 -232px !important;
	}
	#navigation ul.subnav li.cf a {
		background-position: 0 -174px !important;
	}
	#navigation ul.subnav li.ftf a {
		background-position: 0 -347px !important;
	}
	#navigation ul.subnav li.ett a {
		background-position: 0 -289px !important;
	}
	#navigation ul.subnav li.gg a {
		background-position: 0 -464px !important;
	}
	#navigation ul.subnav li.bfp a {
		background-position: 0 -521px !important;
	}
	ul.subnav li a span {
		border-bottom: 1px solid #2c5a7f;
		display: block;
	}
	ul.subnav li a:hover {
		text-decoration: none;
		color: #feb502;
	}
	
/**
 *	FEATURED IMAGE SLIDER
 */
  #slider { 
		width: 954px; 
		height: 318px; 
		position: relative; 
		margin: 0 auto 15px;
		padding: 3px 0;
		background: #ffc100;
		border-bottom: 1px solid #d5a90b;
		border-top: 1px solid #d5a90b;
	}
	#slider .wrapper  { 
		width: 954px; 
		overflow: hidden; 
		height: 318px;  
		position: absolute; 
		top: 3px; 
		left: 0; 
	}
	#slider .wrapper ul { 
		width: 99999px; 
		list-style: none; 
		position: absolute; 
		top: 0; 
		left: 0; 
		background: #eee;  
		margin: 0; 
	}
	#slider ul li { 
		display: block; 
		float: left; 
		padding: 0; 
		height: 318px; 
		width: 954px; 
		margin: 0; 
	}
	#slider ul li .label {
		position: absolute;
		lefT: -9999px;
	}
	#slider .feature-inner {
	    position: relative;
	}
	#slider .feature-inner a.button {
	    position: absolute;
	}
	#slider .feature-inner a.replacement-bar {
	    width: 315px;
	    height: 48px;
	    background: transparent url(../images/button-feature-replacement-bar.png) no-repeat;
	    top: 228px;
	    left: 97px;
	}
	#slider .feature-inner a.replacement-bar:hover {
	    background-position: 0 -48px;
	}
	#slider .feature-inner a.meet-league {
		width: 202px;
		height: 34px;
		text-indent: -9999px;
		left: 170px;
		top: 228px;
		background: transparent url(../images/bg-button-feature-meet-league.png) no-repeat;
	}
	
	#slider .feature-inner p.bfdl {
		width: 380px;
		height: 126px;
		position: absolute;
		left: 73px;
		top: 70px;
		text-indent: -9999px;
	}
	#slider .feature-inner a.g4-play-now {
		width: 182px;
		height: 46px;
		position: absolute;
		left: 178px;
		top: 227px;
		text-indent: -9999px;
		background: transparent url(../images/button-g4-play-now.png) no-repeat;
	}
	#slider .feature-inner h2.g4 {
		width: 333px;
		height: 186px;
		position: absolute;
		left: 109px;
		top: 24px;
		text-indent: -9999px;
		
	}
	#slider .feature-inner p.g4-tout {
		width: 374px;
		height: 70px;
		position: absolute;
		left: 523px;
		top: 41px;
		text-indent: -9999px;
	}
	#slider .feature-inner ul.g4-info {
		width: 338px;
		height: 150px;
		position: absolute;
		left: 559px;
		top: 139px;
	}
	#slider .feature-inner ul.g4-info li {
		text-indent: -9999px;
		height: 30px;
	}
	#slider .feature-inner a.win-20k {
		width: 179px;
		height: 44px;
		position: absolute;
		left: 665px;
		top: 173px;
		text-indent: -9999px;
		background: transparent url(../images/button-g4-win-20k.png) no-repeat;
	}
	#slider .feature-inner h2.g4-20k {
		width: 724px;
		height: 231px;
		position: absolute;
		left: 103px;
		top: 28px;
		text-indent: -9999px;
	}
	#slider .feature-inner h2.h2 {
		width: 367px;
		height: 165px;
		position: absolute;
		left: 288px;
		top: 13px;
		text-indent: -9999px;
	}
	#slider .feature-inner p.h2 {
		width: 388px;
		height: 42px;
		position: absolute;
		left: 288px;
		top: 190px;
		text-indent: -9999px;
	}
	#slider .feature-inner a.h2 {
		display: block;
		width: 168px;
		height: 34px;
		position: absolute;
		background: transparent url(../images/button-h2-playnow.png) no-repeat;
		left: 394px;
		top: 242px;
		text-indent: -9999px;
	}
	#slider .feature-inner p.h2-subtext {
		width: 223px;
		height: 11px;
		position: absolute;
		left: 5px;
		top: 304px;
		text-indent: -9999px;
	}
	#slider .feature-inner h2.gn {
		position: absolute;
		width: 431px;
		height: 89px;
		left: 12px;
		top: 23px;
		text-indent: -9999px;
	}
	#slider .feature-inner p.gn {
		width: 293px;
		height: 75px;
		position: absolute;
		left: 12px;
		top: 242px;
		text-indent: -9999px;
	}
	#slider .feature-inner a.gn {
		width: 220px;
		height: 52px;
		position: absolute;
		left: 715px;
		top: 242px;
		text-indent: -9999px;
		background: transparent url(../images/button-gn-play-now.png) no-repeat;
	}
	#slider .arrow  {
		display: none;
	}
	#start-stop  {
		display: none;
	}

	/*** Prevents	***/
	#slider .wrapper ul ul { 
		position: static; 
		margin: 0; 
		background: none; 
		overflow: visible; 
		width: auto; 
		border: 0; 
	}
	#slider .wrapper ul ul li { 
		float: none; 
		height: auto; 
		width: auto; 
		background: none; 
	}
	
	/*** Slider Nav ***/
	#feature-nav {
		padding: 0 94px;
		background: rgb(13, 32, 74);
		background: rgba(13, 32, 74, .9);
		position: absolute;
		bottom: 2px;
		left: 0;
		height: 0;
		/*overflow: hidden;*/
	}
	#feature-nav .wrapper {
		position: absolute;
		width: 766px !important;
		text-align: center;
		overflow: hidden;

	}

	#feature-nav ul {
		height: 68px;
		text-align: center;
		position: relative;

		clear:left;
		float:left;
	}
	#feature-nav li {
		float: left;
		right: 50%;
		height: 62px;
		width: 255px;
		text-align: left;
		padding-top: 6px;
	}
	#feature-nav a {
		/*background: rgb(0,0,0);
		background: rgba(0,0,0,.15);
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;*/
		display: block;
		margin:0 auto;
		color: #5179a7;
		font-size: 11px;
		font-weight: bold;
	} 
	#feature-nav li.cur a {
		color: #fff;
	}
  #feature-nav li.cur a img	{
		border: 2px solid #fff;
		padding: 0;
		opacity: 1;
	}
	#feature-nav a  img {
		display: block;
		float: left;
		margin-right: 6px;
		padding: 2px;
		opacity: .6;
	}
	a.arrow {
		position: absolute;
		background: transparent url(../images/bg-feature-nav-arrows-24.png) 0 -59px no-repeat;
		height: 38px;
		width: 28px;
		text-indent: -9999px;
		z-index: 100;
		display: none;
	}
	#feature-nav a.arrow {
		display: none;
	}
	a#forward {
		right: 26px;
		top: 20px;
		background-position: 100% 0;
	}
	a#forward.disabled {
		background-position: 100% -59px;
	}
  a#back {
		left: 26px;
		top: 20px;
	}
	a#back.disabled {
		background-position: 0 0px;
	}
	a#nav-close {
		display: none;
		height: 26px;
		width: 87px;
		position: absolute;
		top: -26px;
		left: 424px;
		background: transparent url(../images/bg-feature-nav-close.png) no-repeat;
		text-indent: -9999px;
	}
	a#rollover {
		width: 162px;
		height: 26px;
		background: transparent url(../images/buttons.png) 0 -228px no-repeat;
		position: absolute;
		left: 391px;
		bottom: 2px;
		display: none;
	}
	#easyTooltip {
		color: #ffc100;
		padding: 7px 10px;
		background: rgb(0,0,0);
		background: rgba(0,0,0,.8);
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border: 2px solid #fff;
		width: 140px;
		height: 46px;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
	}

/**
 *	CONTENT
 */
	#content {
		padding: 3px 0;
		background: #FFC100;
		border-top: 1px solid #D5A90B;
		border-bottom: 1px solid #D5A90B;
	}
	#content-inner {
		height: 540px;
		background: #1c2873 url(../images/bg-content.jpg) 0 -715px no-repeat;
	}
	
/**
 *	FOOTER
 */
	#footer {
		text-align: center;
		padding-top: 16px;
		padding-bottom: 30px;
		font-size: 11px;
	}
  #footer li {
		display: inline;
		border-left: 1px solid #000;
		padding: 0 6px;
	}
	#footer li:first-child {
		border-left: 0 none;
	}
	#footer li a {
		color: #000;
	}
	#footer p {
		padding: 11px 0;
	}
	
	
/**
 *	PAGE SPECIFIC
 */
  .home #content {
		padding: 0;
		background: none;
		border: 0 none;
	}
	.home #content-inner {
		height: auto;
		background: none;
	}
	.home #content-main {
		position: relative;
		overflow: hidden;
		height: 324px;
		/*box-shadow: -2px 2px  16px rgba(0, 0, 0, .5);
		-moz-box-shadow: -2px 2px  16px rgba(0, 0, 0, .5);
		-webkit-box-shadow: -2px 2px  16px rgba(0, 0, 0, .5);*/
	}
	.home #content-sub {
		padding: 3px 0;
		background: #ffc100;
		border-bottom: 1px solid #d5a90b;
		border-top: 1px solid #d5a90b;
		/*box-shadow: -2px 2px  16px rgba(0, 0, 0, .5);
		-moz-box-shadow: -2px 2px  16px rgba(0, 0, 0, .5);
		-webkit-box-shadow: -2px 2px  16px rgba(0, 0, 0, .5);*/
	}
	.home #content-sub .inner {
		background: transparent url(../images/bg-content.jpg) 0 -509px no-repeat;
		height: 206px;
		position: relative;
		
	}
	
	.home .block {
		position: relative;
		float: left;
		height: 206px;
	}
	.home .block h2 {
		background: transparent url(../images/titles.png) no-repeat;
	}
	.home .latest-buzz {
		width: 389px;
		height: 206px;
		padding-left: 20px;
		padding-right: 30px;
	}
	.home .latest-buzz h2 {
		position: absolute;
		width: 197px;
		height: 77px;
		left: 27px;
		top: 10px;
		background-position: 0 -693px;
	}
	.home .latest-buzz ul {
		padding-left: 11px;
		padding-top: 18px;
		color: #fff;
		font-size: 10px;
	}
	.home .latest-buzz .meta {
		color: #edb700;
	}
	.home .latest-buzz ul li.item1 {
		position: absolute;
		left: 234px;
		top: 25px;
		padding: 7px 8px 14px 10px;
		width: 150px;
	}
	.home .latest-buzz ul li.item2 {
		position: absolute;
		left: 20px;
		top: 96px;
		width: 175px;
		padding: 7px 8px 14px 10px;
	}
	.home .latest-buzz .content a {
		position: absolute;
		left: 290px;
		top: 154px;
	}
	.home .become-fan {
		width: 234px;
		padding-top: 70px;
		height: 136px;
		padding-right: 15px;
	}
	.home .become-fan h2 {
		position: absolute;
		width: 168px;
		height: 53px;
		left: -6px;
		top: 12px;
		background-position: 0 -619px;
	}
	.home .become-fan .content {
		padding-left: 16px;
	}
	.home .become-fan  p {
		font-size: 11px;
		color: #fff;
	}
	.home .become-fan #fb-fan {
		margin-left: -10px;
	}
	.home .want-to-laugh {
		width: 236px;
		margin-top: 7px;
		padding-left: 16px;
		height: 199px;
	}
	.home .want-to-laugh:hover, 
	.home #content-sub .hover {
		background: transparent url(../images/bg-home-wanttolaugh-hover.jpg) no-repeat;
	}
	.home .want-to-laugh h2 {
		width: 227px;
		height: 37px;
		left: 14px;
		top: 10px;
		position: absolute;
		background-position: 0 -789px;
	}
	.home .want-to-laugh .content p {
		font-size: 10px;
		color: #fff;
		padding-top: 50px;
	}
	.home .want-to-laugh .content a {
		position: absolute;
		left: 16px;
		top: 88px;
	}
	
	/*** Products ***/
	.products .where-to-buy {
		position: absolute;
		right: 20px;
		bottom: 20px;
	}
	.product #content-main {
		width: 674px;
		float: right;
	}
	.products #content-inner, 
	.product #content-inner {
		position: relative;
	}
	.product #img-display {
		height: 203px;
		position: relative;
	}
	.bf-snackerz #img-display, 
	.bf-best #img-display {
		height: 230px;
	}
	.product #img-display p {
		width: 180px;
		font-size: 12px;
		font-weight: bold;
		color: #fff;
		position: absolute;
		left: 475px;
		top: 32px;
	}
	.bf-snackerz #img-display p, 
	.bf-best #img-display p {
		width: 330px;
		left: 314px;
	}
	.product #img-display .where-to-buy {
		position: absolute;
		left: 475px;
		top: 126px;
	}
	.bf-snackerz #img-display .where-to-buy, 
	.bf-best #img-display .where-to-buy {
		top: 151px;
	}
	.product #content-main h2 {
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		/*padding-left: 80px;*/
		padding-bottom: 9px;
	}
	#product-list {
		/*padding-left: 80px;*/
	}
	#product-list li {
		width: 171px;
		float: left;
		padding-bottom: 3px;
	}
	#product-list li a {
		color: #ffc100;
		font-size: 12px;
		font-weight: bold;
		line-height: 1em;
	}
	#product-list li a  img {
		display: block;
	}
	
	/*** Products Landing ***/
	#products {
		padding: 33px 0 0 40px;
	}
	#products li {
		float: left;
		text-align: left;
	}
	#products li.bf {
	    margin-right: 39px;
	}
	#products li.bf a {
	    display: block;
	    height: 219px;
	    width: 303px;
	    /*padding-top: 13px;
	    padding-left: 30px;*/
	}
	#products li a:hover {
		text-decoration: none;
	}
	#products li a .title {
		margin-top: -35px !important;
		background: transparent url(../images/product-landing-titles.png) no-repeat;
	}
	#products li.bf a:hover {
	    /*background: transparent url(../images/bg-content.jpg) no-repeat;*/
	    text-decoration: none;
	}
	#products li.bf-snackerz a {
		width: 535px;
		height: 219px;
		display: block;
		float: left;
		position: relative;
	}
	#products li.bf-snackerz a img {
		float: left;
		display: block;
		position: absolute;
	}
	#products li.bf-snackerz a span {
		margin-left: 252px;
		padding-top: 0;
	}
	#products li.bf-snackerz a .title {
		margin-left: 240px;
		margin-top: 0 !important;
		width: 291px;
		height: 94px;
		background-position: 0 -264px;
	}
	#products li.bf-crisp a {
	    display: block;
	    height: auto;
	    width: 303px;
	    /*padding-top: 8px;
	    padding-left: 30px;*/
	}
	#products li.bf-crisp a:hover {
	    /*background: transparent url(../images/bg-content.jpg) 0 -254px no-repeat;*/
	    text-decoration: none;
	}
	#products li.bf span {
		margin-left: 36px;
	}
	
	#products li.bf .title {
		width: 243px;
		height: 44px;
		background-position: 0 0;
		display: block;
		padding: 0;
	}
	#products li.bf-crisp {
		margin-right: 40px;
	}
	#products li.bf-crisp span {
		margin-left: 36px;
	}
	#products li.bf-crisp .title {
		width: 240px;
		height: 67px;
		background-position: 0 -64px;
		display: block;
		margin: -35px 0 0 36px !important;
		padding: 0;
	}
	#products li a span {
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		display: block;
		padding-top: 10px;
	}
	#products li.bf-crisp a span {
		padding-top: 2px;
		/*padding-left: 61px;
		padding-right: 61px;*/
	}
	#products li.bf-best a {
		width: 535px;
		height: 219px;
		display: block;
		float: left;
		position: relative;
	}
	#products li.bf-best a img {
		float: left;
		display: block;
	}
	#products li.bf-best a img {
		float: left;
		display: block;
		position: absolute;
	}
	#products li.bf-best a .title {
		margin-left: 240px;
		margin-top: 0 !important;
		width: 291px;
		height: 94px;
		background-position: 0 -152px;
	}
	#products li.bf-best a span {
		margin-left: 252px;
		padding-top: 0;
	}
	
	/*** Product Sidenav ***/
	.product #content-sub {
		float: left;
		height: 540px;
		width: 273px;
		position: relative;
		top: 0;
		left: 0;
	}
	.product #content-sub .inner {
		/*padding-top: 119px;*/
		padding-left: 29px;
	}
	.product #content-sub li {
		padding-bottom: 0;
	}
	.product #content-sub li a {
		width: 206px;
		background: transparent url(../images/button-products-sidenav.jpg) -206px 0 no-repeat;
	}
	#content-sub a.bf {
		height: 123px;
	}
	#content-sub a.bf:hover, 
	.bf #content-sub a.bf {
		background-position: 0 0px;
	}
	.product #content-sub a.bf-snackerz {
		height: 140px;
		background-position: -206px -123px;
	}
	.product #content-sub a.bf-snackerz:hover, 
	.bf-snackerz #content-sub a.bf-snackerz {
		background-position: 0px -123px;
	}
	.product #content-sub a.bf-crisp {
		height: 128px;
		background-position: -206px -263px;
	}
	.product #content-sub a.bf-crisp:hover, 
	.bf-crisp #content-sub a.bf-crisp {
		background-position: 0px -263px;
	}
	.product #content-sub a.bf-best {
		height: 147px;
		background-position: -206px -391px;
	}
	.product #content-sub a.bf-best:hover, 
	.bf-best #content-sub a.bf-best {
		background-position: 0px -391px;
	}
	
	
	#NutritionalInfo {
		position: absolute;
		top: 120px;
		right: 80px;
		z-index: 150;
		padding: 18px;
		background: #fff;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		box-shadow: 2px 2px  16px rgba(0, 0, 0, .5);
		-moz-box-shadow: 2px 2px  16px rgba(0, 0, 0, .5);
		-webkit-box-shadow: 2px 2px  16px rgba(0, 0, 0, .5);
		display: none;
	}
	#NutritionalInfo a.close {
		color: red;
		position: absolute;
		right: 3px;
		top: 1px;
		font-weight: bold;
		font-size: 11px;
	}
	#NutritionalInfo .inner {
		width: 272px;
		height: 372px;
		overflow: auto;
		font-size: 9px;
	}
	#NutritionalInfo .inner h3 {
		background: #fff url(../images/bg-nutr-info-header.png) no-repeat;
		height: 27px;
		width: 222px;
		font-size: 15px;
		color: #ffc100;
		text-transform: uppercase;
		padding-left: 10px;
		line-height: 23px;
	}
	#NutritionalInfo .inner h4 {
		font-size: 11px;
		font-weight: bold;
	}
	#NutritionalInfo .inner p {
		font-weight: bold;
	}
	#NutritionalInfo .inner table {
		width: 80%;
	}
	
	/*** GAMES ***/
	#games-landing {
		padding: 21px 0 0 109px;
		text-align: center;
	}
	#games-landing li {
		width: 170px;
		float: left;
		padding-right: 28px;
		padding-bottom: 14px;
	}
	#games-landing li.ftf {
		/* Use when 3 items are in bottom row */
		margin-left: 89px;
	    /* Use when 2 items are in bottom row */
		/*margin-left: 170px;*/
		/* Use when 1 item is in bottom row */
		/*margin-left: 293px;*/
	}
	#games-landing li a img {
		display: block;
		border: 3px solid #1d366d;
		margin-bottom: 11px;
	}
	#games-landing li a:hover img {
		border-color: #f2ae00;
	}
	#games-landing li span.play-now {
		height: 34px;
		width: 130px;
		background-position: 0 -72px;
		margin: 0 auto;
		display: block;
		text-indent: -9999px;
	}
	#games-landing li a:hover .play-now {
		background-position: -131px -72px;
	}
	
	.gamepage #content-inner {
		position: relative;
		height: auto;
		min-height: 540px;
	}
	.gamepage #content-main {
		padding-top: 34px;
		text-align: center;
	}
	.gamepage #content-sub {
		position: absolute;
		top: 0;
		left: 0;
		height: auto;
		min-height: 31px;
		background: rgb(28,40,115);
		background: rgba(28,40,115,.8);
		width: 100%;
	}
	.gamepage #content-sub #rollover {
		display: block;
		background: transparent url(../images/buttons.png) 0 -210px no-repeat;
		height: 40px;
		position: absolute;
		top: 6px;
		left: 50%;
		width: 204px;
		height: 18px;
		margin-left: -102px;
	}
	.gamepage #content-sub #game-nav {
		padding: 0 98px;
		height: 89px;
		position: relative;
		height: 0;
		overflow: auto;
	}
	#game-nav .wrapper {
		padding-top: 9px;
	}
	#game-nav li {
		width: 160px;
		float: left;
	}
	#game-nav li a {
		color: #5179a7;
		font-size: 11px;
		font-weight: bold;
	}
	#game-nav li a:hover {
		color: #fff;
		text-decoration: none;
	}
	#game-nav li a img {
		padding: 3px;
		display: block;
	}
	#game-nav li a:hover img {
		padding: 0;
		border: 3px solid #fff;
	}
	#game-nav a.arrow {
		display: none;
	}
	.gamepage #flashContainer {
		min-width: 420px;
		min-height: 502px;
		margin: 0 auto;
		padding: 10px;
	}
	#ett #flashContainer {
	    padding: 0;
	}
	#ett #content-main {
	    padding-top: 31px;
	}
	.gamepage #flashContent {
		display: block;
	}
	
	
	/*** COMMUNITY ***/
	#community-links {
		padding: 24px 0 0 47px;
	}
	#community-links li {
		float: left;
		width: 218px;
		text-align: center;
		padding-bottom: 100px;
		position: relative;
	}
	#community-links li.fb {
		padding-top: 27px;
	}
	#community-links li.tw {
		padding-top: 20px;
	}
	#community-links li.yt {
		padding-top: 4px;
	}
	#community-links li h2 {
		background: transparent url(../images/titles.png) no-repeat;
	}
	#community-links li.fb h2 {
		height: 83px;
		width: 173px;
		background-position: 0 -96px;
		margin: 0 auto 12px;
	}
	#community-links li.bcn h2 {
		height: 88px;
		width: 181px;
		margin: 0 auto 19px;
	}
	#community-links li.tw h2 {
		height: 74px;
		width: 172px;
		background-position: 0 -194px;
		margin: 0 auto 24px;
	}
	#community-links li.yt h2 {
		height: 83px;
		width: 174px;
		background-position: 0 -290px;
		margin: 0 auto;
		padding-bottom: 13px;
	}
	#community-links li img {
		display: block;
		border: 3px solid #1d366d;
	}
	#community-links li a:hover img {
		border-color: #f2ae00;
	}
	#community-links li p {
		font-size: 11px;
		color: #fff;
		font-weight: bold;
		text-align: left;
		position: absolute;
		top: 357px;
		left: 11px;
		width: 180px;
	}
	#community-links li .button {
		position: absolute;
		top: 435px;
		left: 29px;
		display: block;
		text-indent: -9999px;
	}
	#community-links .watch-now {
		width: 135px;
		height: 36px;
		background-position: 0 -36px;
	}
	#community-links a:hover .watch-now {
		background-position: -135px -36px;
	}
	#community-links .click-here {
		width: 133px;
		height: 36px;
		background: transparent url(../images/buttons.png) 0 -174px no-repeat;
	}
	#community-links a:hover .click-here {
		background-position: -133px -174px;
	}
	#community-links .follow-us {
		width: 127px;
		height: 36px;
		background-position: 0 -138px;
	}
	#community-links a:hover .follow-us {
		background-position: -127px -138px;
	}
	
	/*** PROMOTIONS ***/
	.promotions #content-main {
		padding: 40px 0 0 145px;
		position: relative;
	}
	.promotions #content-main #forward {
		top: 196px;
		right: 51px;
	}
	.promotions #content-main #back {
		top: 196px;
		left: 51px;
	}
	#promotions-list {
	    /* Use when 3 items are present */
	   /*padding: 61px 0 0 131px;*/
	    /* Use when 2 items are present */
		/*padding-left:120px;*/
		/* Use when 1 item is present */
		/*padding: 61px 0 0 358px;*/
		/* Use when 2 items are present */
		padding: 0 0 0 241px;
		height: 480px;
		overflow: hidden;
	}
	#promotions-list li {
		position: relative;
		float: left;
		width: 238px;
		height: 480px !important;
	}
	#promotions-list li a img {
		display: block;
		border: 3px solid #1d366d;
	}
	#promotions-list li a:hover img {
		border-color: #f2ae00;
	}
	#promotions-list li h2 {
		text-indent: -9999px;
		background: transparent url(../images/titles.png) no-repeat;
	}
	#promotions-list li.p2 h2 {
		width: 193px;
		height: 57px;
		background-position: 0 -542px;
		margin: 8px 0 8px 4px;
	}
	#promotions-list li.p1 h2 {
		width: 205px;
		height: 56px;
		background-position: 0 -466px;
		margin: 8px 0 8px 0;
	}
	#promotions-list li.p3 h2 {
		width: 205px;
		height: 56px;
		background-position: 0 -391px;
		margin: 8px 0 8px 0;
	}
	#promotions-list li.p4 h2 {
		width: 205px;
		height: 62px;
		background-position: 0 -1027px;
		margin: 8px 0 8px 0;
	}
	#promotions-list li.p5 h2 {
		width:188px;
		height:66px;
		margin: 8px 0 4px;
		background:transparent url(../images/titlesPromo2H.png) no-repeat;
	}
	#promotions-list li.p6 h2 {
		width:194px;
		height:79px;
		background:transparent url(../images/titlesPromoGN.png) no-repeat;
	}
		#promotions-list li.p7 h2 {
		width:194px;
		height:79px;
		background:transparent url(../images/the-good-the-bad-img.png) no-repeat;
	} 
	#promotions-list li.p8 h2 { 
		width: 193px;
		height: 76px;
		background:transparent url(../../images/promotions/gold-rush-text.png) no-repeat;
		margin: 8px 0 8px 0;
	}
    #promotions-list li.p9 h2 { 
		width: 206px;
		height: 49px;
		background:transparent url(../../images/promotions/gadget-text.png) no-repeat;
		margin: 8px 0 8px 0;
	}
	#promotions-list li.p10 h2 { 
		width: 196px;
		height: 41px;
		background:transparent url(../../images/promotions/aliens-text.png) no-repeat;
		margin: 8px 0 8px 0;
	}
	#promotions-list li.p11 h2 { 
		width: 200px;
		height: 50px;
		background:transparent url(../../images/promotions/thirteenth-text.png) no-repeat;
		margin: 10px 0 8px 0;
	}
	#promotions-list li.p12 h2 { 
		width: 200px;
		height: 70px;
		background:transparent url(../../images/promotions/thirteenth-project-text.png) no-repeat;
		margin: 10px 0 8px 0;
	}
	#promotions-list li.p13 h2 { 
		width: 198px;
		height: 92px;
		background:transparent url(../../images/promotions/thirteenth-sweeps-text.png) no-repeat;
		margin: 10px 0 8px 0;
	}
	#promotions-list li.p14 h2 { 
		width: 191px;
		height: 60px;
		background:transparent url(../../images/promotions/premiere-text.png) no-repeat;
		margin: 10px 0 8px 0;
	}

/* This is the New Add Style for the Promotion page Image link Close*/
	 
	
	#promotions-list li p {
		font-size: 12px;
		color: #fff;
		font-weight: bold;
		padding-right: 40px;
		padding-left: 4px;
	}
	#promotions-list li .button {
		position: absolute;
		top: 430px;
		left: 29px;
		display: block;
		text-indent: -9999px;
	}
	#promotions-list .click-here {
		width: 133px;
		height: 36px;
		background-position: 0 -174px;
	}
	#promotions-list a:hover .click-here {
		background-position: -133px -174px;
	}
	
		
	#slider .feature-inner h2.candy {
		position: absolute;
		width: 343px;
		height: 161px;
		left: 54px;
		top: 19px;
		text-indent: -9999px;
	}
	#slider .feature-inner p.candy {
		width: 293px;
		height: 75px;
		position: absolute;
		left: 12px;
		top: 242px;
		text-indent: -9999px;
	}
	#slider .feature-inner a.candy {
		width: 384px;
		height: 107px;
		position: absolute;
		left: 512px;
		top: 202px;
		text-indent: -9999px;
		background: transparent url(../images/play-now-btn.png) no-repeat;
	}
	
	
	#slider .feature-inner a.snackerz {
		width: 700px;
		height: 500px;
		position: absolute;
		left: 218px;
		top: 195px;
		text-indent: -9999px;
		background: transparent url(../images/facebook-btn.png) no-repeat;	
	}	
	#slider .feature-inner a.likeometer {
		width: 700px;
		height: 500px;
		position: absolute;
		left: 398px;
		top: 220px;
		text-indent: -9999px;
		background: transparent url(../images/click-here-for-more.gif) no-repeat;			
		}
	#slider .feature-inner a.gadget {
		width: 700px;
		height: 500px;
		position: absolute;
		left: 103px;
		top: 254px;
		text-indent: -9999px;
		background: transparent url(../images/enter-now-facebook.jpg) no-repeat;			
		}
    #slider .feature-inner a.goldrush {
		width: 700px;
		height: 500px;
		position: absolute;
		left: 332px;
		top: 232px;
		text-indent: -9999px;
		background: transparent url(../images/space.jpg) no-repeat;			
		}
	#slider .feature-inner a.alien {
		width: 700px;
		height: 500px;
		position: absolute;
		left: 50px;
		top: 215px;
		text-indent: -9999px;
		background: transparent url(../images/space.jpg) no-repeat;			
		}
	#slider .feature-inner a.thirteenth {
		width: 324px;
		height: 36px;
		position: absolute;
		left: 589px;
		top: 167px;
		text-indent: -9999px;
		background: transparent url(../../images/watch-thirteenth.jpg) no-repeat;			
		}
	#slider .feature-inner a.thirteenth-project {
		width: 305px;
		height: 90px;
		position: absolute;
		left: 97px;
		top: 202px;
		text-indent: -9999px;
		background: transparent url(../../images/btn-thirteenth-enter.jpg) no-repeat;
		z-index:0;
		}
	#slider .feature-inner a.thirteenth-sweeps {
		width: 297px;
		height: 88px;
		position: absolute;
		left: 85px;
		top: 230px;
		text-indent: -9999px;
		background: transparent url(../../images/btn-thirteenth-sweeps.jpg) no-repeat;
		z-index:0;
		}
    #slider .feature-inner a.watch-premiere {
		width: 279px;
		height: 66px;
		position: absolute;
		left: 114px;
		top: 245px;
		text-indent: -9999px;
		background: transparent url(../../images/btn-premiere.jpg) no-repeat;
		z-index:0;
		}