a:active {  outline:none; }
:focus   { -moz-outline-style:none; }

/* left/right slides */
.sliderLR {position:relative;height:auto}
#appetizers.sliderLR .controller {position:absolute; z-index:5; top:25%; left:0;}
.sliderLR .controller {position:absolute; z-index:5; top:0; left:0;height:auto; width:auto}
.sliderLR .sliderLR-list {z-index:0}

.searchresultContent .sliderLR-list {width:auto;overflow:hidden;}
#recipemenuResult .sliderLR-list{width:674px; height:410px; overflow:hidden;}

/*feed*/
#feedbox-home {}
.gfc-control {}
.gfc-control .gfc-resultsHeader {border:none}

/* scrollers - scrollPane*/

#feedbox-home {}
#feedbox-home a {font-size:12px; color: #faaf40;}
#feedbox-home .feed {margin-bottom:18px; border-bottom:1px solid #b47058; padding-bottom:18px; margin-right:16px}
#feedbox-home .feed h4, #home #content #homecontentLeft #twitterWrap #feedbox-home .feed h4 a{font-size:12px}
#feedbox-home .feed .feed-description {}
#feedbox-home .feed .feed-description br {}
#feedbox-home .feed .pub-date {font-size:9px; text-transform:uppercase; letter-spacing:0.12em; color:#CCC}
#feedbox-home .feed .pub-date a {font-size:9px;}

.scroll-feedbox{width: 225px;	height: 330px;	overflow: auto;	margin:10px 10px 0 auto; outline:0}
.scroll-feedbox .jspPane {margin: 0px 0px 0px 0px;}
.scroll-feedbox .jspContainer {}
.scroll-feedbox .jspVerticalBar {background:none; width:13px}
.scroll-feedbox .jspDrag {background: url(../images/scrollerDrag.png) no-repeat;display: block; height: 47px; width: 13px;}
.scroll-feedbox .jspDrag:hover {background: url(../images/scrollerDrag.png) no-repeat 0px -47px;}
.scroll-feedbox .jspTrack {background: url(../images/scrollerBg.png) no-repeat;}
.scroll-feedbox .jspArrowUp {background:url(../images/scrollArrow-red.png) no-repeat 0 0}
.scroll-feedbox .jspArrowUp:hover {background:url(../images/scrollArrow-red.png) no-repeat -13px 0px}
.scroll-feedbox .jspArrowUp.jspDisabled {background:url(../images/scrollArrow-red-disabled.png) no-repeat 0 0}
.scroll-feedbox .jspArrowDown {background:url(../images/scrollArrow-red.png) no-repeat 0 -16px}
.scroll-feedbox .jspArrowDown:hover {background:url(../images/scrollArrow-red.png) no-repeat -13px -16px}
.scroll-feedbox .jspArrowDown.jspDisabled {background:url(../images/scrollArrow-red-disabled.png) no-repeat 0 -16px}
.scroll-feedbox .jspCap {display:none}
.scroll-feedbox .jspVerticalBar .jspCapTop{}
.scroll-feedbox .jspVerticalBar .jspCapBottom{}

.scroll-wild {width: 160px;	height: 204px;	overflow:auto;	margin:0 10px 0 0; 	padding:0;	float:right; outline:0}
.scroll-wild .jspPane {}
.scroll-wild .jspContainer {}
.scroll-wild .jspVerticalBar {left: 0; background:none; padding:0; margin:0}
.scroll-wild .jspDrag {background: url(../images/sliderwildDrag.png) no-repeat; width:18px; height:18px}
.scroll-wild .jspTrack {background: url(../images/wildsliderBg.png) no-repeat transparent;}
.scroll-wild .jspCap {display: block;}
.scroll-wild .jspVerticalBar .jspCapTop{height: 20px;}
.scroll-wild .jspVerticalBar .jspCapBottom{height: 10px;}

.scroll-generic {overflow:hidden; outline:0}
.scroll-generic .jspPane {}
.scroll-generic .jspContainer {}
.scroll-generic .jspVerticalBar {background:none; width:13px;}
/*.scroll-generic .jspDrag {background: url(../images/scrollerDrag-generic.png) no-repeat;display: block; height: 47px; width: 13px;}*/
.scroll-generic .jspDrag {background: url(../images/scrollerDrag.png) no-repeat;display: block; height: 47px; width: 13px;}
.scroll-generic .jspDrag:hover {background: url(../images/scrollerDrag.png) no-repeat 0px -47px;}
.scroll-generic .jspTrack {background: url(../images/scrollerTrack-generic.png) no-repeat;}
/*.scroll-generic .jspArrowUp {background:url(../images/scrollArrow-generic.png) no-repeat 0 0}
.scroll-generic .jspArrowUp.jspDisabled {background:url(../images/scrollArrow-generic-disabled.png) no-repeat 0 0}
.scroll-generic .jspArrowDown {background:url(../images/scrollArrow-generic.png) no-repeat 0 -13px; margin-top:3px}
.scroll-generic .jspArrowDown.jspDisabled {background:url(../images/scrollArrow-generic-disabled.png) no-repeat 0 -13px}*/

.scroll-generic .jspArrowUp {background:url(../images/scrollArrow-red.png) no-repeat 0 0}
.scroll-generic .jspArrowUp:hover {background:url(../images/scrollArrow-red.png) no-repeat -13px 0px}
.scroll-generic .jspArrowUp.jspDisabled {background:url(../images/scrollArrow-red-disabled.png) no-repeat 0 0}
.scroll-generic .jspArrowDown {background:url(../images/scrollArrow-red.png) no-repeat 0 -16px}
.scroll-generic .jspArrowDown:hover {background:url(../images/scrollArrow-red.png) no-repeat -13px -16px}
.scroll-generic .jspArrowDown.jspDisabled {background:url(../images/scrollArrow-red-disabled.png) no-repeat 0 -16px}
.scroll-generic .jspCap {display:none}
.scroll-generic .jspVerticalBar .jspCapTop{}
.scroll-generic .jspVerticalBar .jspCapBottom{}

.scroll-gatherRound {overflow:hidden; outline:0; width:390px;}
.scroll-gatherRound .jspPane {}
.scroll-gatherRound .jspContainer {}
.scroll-gatherRound .jspVerticalBar {background:none; width:13px; margin-left:20px}
/*.scroll-gatherRound .jspDrag {background: url(../images/scrollerDrag-generic.png) no-repeat;display: block; height: 47px; width: 13px;}*/
.scroll-gatherRound  .jspDrag {background: url(../images/scrollerDrag.png) no-repeat;display: block; height: 47px; width: 13px;}
.scroll-gatherRound  .jspDrag:hover {background: url(../images/scrollerDrag.png) no-repeat 0px -47px;}
.scroll-gatherRound .jspTrack {background: url(../images/scrollerTrack-gatherRound.png) no-repeat;}
/*.scroll-gatherRound .jspArrowUp {background:url(../images/scrollArrow-gatherRound.png) no-repeat 0 0}
.scroll-gatherRound .jspArrowUp.jspDisabled {background:url(../images/scrollArrow-gatherRound-disabled.png) no-repeat 0 0}
.scroll-gatherRound .jspArrowDown {background:url(../images/scrollArrow-gatherRound.png) no-repeat 0 -13px; margin-top:3px}
.scroll-gatherRound .jspArrowDown.jspDisabled {background:url(../images/scrollArrow-gatherRound-disabled.png) no-repeat 0 -13px}*/
.scroll-gatherRound .jspArrowUp {background:url(../images/scrollArrow-red.png) no-repeat 0 0}
.scroll-gatherRound .jspArrowUp:hover {background:url(../images/scrollArrow-red.png) no-repeat -13px 0px}
.scroll-gatherRound .jspArrowUp.jspDisabled {background:url(../images/scrollArrow-red-disabled.png) no-repeat 0 0}
.scroll-gatherRound .jspArrowDown {background:url(../images/scrollArrow-red.png) no-repeat 0 -16px}
.scroll-gatherRound .jspArrowDown:hover {background:url(../images/scrollArrow-red.png) no-repeat -13px -16px}
.scroll-gatherRound .jspArrowDown.jspDisabled {background:url(../images/scrollArrow-red-disabled.png) no-repeat 0 -16px}
.scroll-gatherRound .jspCap {display:none}
.scroll-gatherRound .jspVerticalBar .jspCapTop{}
.scroll-gatherRound .jspVerticalBar .jspCapBottom{}

.scroll-timeline {overflow:hidden; outline:0}
.scroll-timeline .jspPane {}
.scroll-timeline .jspContainer {}
.scroll-timeline .jspHorizontalBar {height:17px; background:none; margin-bottom:25px}
.scroll-timeline .jspHorizontalBar .jspDrag {height:50px; margin-top:-18px; background:url(../images/timelinesliderBtn.png) no-repeat transparent; }
.scroll-timeline .jspHorizontalBar .jspDrag:hover {background:url(../images/timelinesliderBtn.png) 0px -50px no-repeat transparent; }
.scroll-timeline .jspHorizontalBar .jspTrack {background:transparent; padding: 0; background:url(../images/timelinesliderBg.png) repeat-x transparent;}
.scroll-timeline .jspArrowUp {}
.scroll-timeline .jspArrowUp.jspDisabled {}
.scroll-timeline .jspArrowDown {}
.scroll-timeline .jspArrowDown.jspDisabled {}
.scroll-timeline .jspCap {display:block}
.scroll-timeline .jspCapLeft {width:27px; height:100%}
.scroll-timeline .jspCapRight {width:37px; height:100%}
.scroll-timeline .jspVerticalBar .jspCapTop{}
.scroll-timeline .jspVerticalBar .jspCapBottom{}

.scroll-clips {width: auto;	height: auto; outline:0}
.scroll-clips .jspPane {}
.scroll-clips .jspContainer {}
.scroll-clips .jspVerticalBar {background:none; width:13px; left:0}
.scroll-clips .jspDrag {background: url(../images/scrollerDrag.png) no-repeat;display: block; height: 47px; width: 13px;}
.scroll-clips .jspDrag:hover {background: url(../images/scrollerDrag.png) no-repeat 0px -47px;}
.scroll-clips .jspTrack {background: url(../images/scrollerTrack-clips.png) no-repeat;}
.scroll-clips .jspArrowUp {background:url(../images/scrollArrow-red.png) no-repeat 0 0}
.scroll-clips .jspArrowUp:hover {background:url(../images/scrollArrow-red.png) no-repeat -13px 0px}
.scroll-clips .jspArrowUp.jspDisabled {background:url(../images/scrollArrow-red-disabled.png) no-repeat 0 0}
.scroll-clips .jspArrowDown {background:url(../images/scrollArrow-red.png) no-repeat 0 -16px;}
.scroll-clips .jspArrowDown:hover {background:url(../images/scrollArrow-red.png) no-repeat -13px -16px}
.scroll-clips .jspArrowDown.jspDisabled {background:url(../images/scrollArrow-red-disabled.png) no-repeat 0 -16px}
.scroll-clips .jspCap {display:none}
.scroll-clips .jspVerticalBar .jspCapTop{}
.scroll-clips .jspVerticalBar .jspCapBottom{}

.scroll-atTheGame {width: auto;	height: auto; outline:0}
.scroll-atTheGame .jspPane {}
.scroll-atTheGame .jspContainer {}
.scroll-atTheGame .jspVerticalBar {background:none; width:13px;}
/*.scroll-atTheGame .jspDrag {background: url(../images/scrollerDrag-atTheGame.png) no-repeat;display: block; height: 47px; width: 13px;}*/

.scroll-atTheGame .jspDrag {background: url(../images/scrollerDrag.png) no-repeat;display: block; height: 47px; width: 13px;}
.scroll-atTheGame .jspDrag:hover {background: url(../images/scrollerDrag.png) no-repeat 0px -47px;}
.scroll-atTheGame .jspTrack {background: url(../images/scrollerTrack-atTheGame.png) no-repeat;}
/*.scroll-atTheGame .jspArrowUp {background:url(../images/scrollArrow-atTheGame.png) no-repeat 0 0}
.scroll-atTheGame .jspArrowUp.jspDisabled {background:url(../images/scrollArrow-atTheGame-disabled.png) no-repeat 0 0}
.scroll-atTheGame .jspArrowDown {background:url(../images/scrollArrow-atTheGame.png) no-repeat 0 -16px;}
.scroll-atTheGame .jspArrowDown.jspDisabled {background:url(../images/scrollArrow-atTheGame-disabled.png) no-repeat 0 -16px}*/
.scroll-atTheGame .jspArrowUp {background:url(../images/scrollArrow-red.png) no-repeat 0 0}
.scroll-atTheGame .jspArrowUp:hover {background:url(../images/scrollArrow-red.png) no-repeat -13px 0px}
.scroll-atTheGame .jspArrowUp.jspDisabled {background:url(../images/scrollArrow-red-disabled.png) no-repeat 0 0}
.scroll-atTheGame .jspArrowDown {background:url(../images/scrollArrow-red.png) no-repeat 0 -16px}
.scroll-atTheGame .jspArrowDown:hover {background:url(../images/scrollArrow-red.png) no-repeat -13px -16px}
.scroll-atTheGame .jspArrowDown.jspDisabled {background:url(../images/scrollArrow-red-disabled.png) no-repeat 0 -16px}
.scroll-atTheGame .jspCap {display:none}
.scroll-atTheGame .jspVerticalBar .jspCapTop{}
.scroll-atTheGame .jspVerticalBar .jspCapBottom{}

/* scrollers - jQuery ui*/
.scroll-wild-mild.scroll-ui {position:relative; padding:0; height:230px;overflow:visible}
.scroll-wild-mild .scroll-list-wrap {position:absolute; right:0; top:0}
.scroll-wild-mild .scroll-control-wrap {left:25px; top:0; height: 172px; padding: 8px 0px 8px 0px; width: 18px;background: url(../images/wildsliderBg.png) no-repeat; position:absolute}
.scroll-wild-mild .scroll-control-wrap .scroll-control {border:none; background:none;height:172px; width:18px; position:absolute; margin:0; padding:0 0 0; z-index:5; top:0; left:0; cursor:pointer}
.scroll-wild-mild .scroll-control-wrap .scroll-control a.ui-slider-handle {border:none; height:18px; width:18px; cursor:pointer; background-color:#F00;margin:-9px 0 -9px 3px;background: url(../images/sliderwildDrag.png) no-repeat;}
.scroll-wild-mild .scroll-control-wrap .scroll-control a.ui-slider-handle.ui-state-active,.scroll-control a.ui-slider-handle.ui-state-hover{}


/* happenings page */
#herovideoWrap {position:relative}
#herovideoWrap .hero-video-container {position:absolute; top:45px; left:11px; width:949px; height:362px; overflow:hidden}
#herovideoWrap .hero-video-container .hero-playlist {position:absolute; top:0; left:0; width:316px; height:314px;overflow:hidden}
#herovideoWrap .hero-video-container .hero-player {position:absolute; top:0; left:316px; width:568px; height:362px;overflow:hidden; background:url(../images/flowplayer-bg-568x314.jpg) no-repeat;}
#herovideoWrap .hero-video-container .hero-sns-wrap {position:absolute; top:0; right:0; width:65px; height:314px;overflow:hidden}
#herovideoWrap .hero-video-container ul.social {position: absolute; margin: 268px 0px 0px 888px; background: url(../images/happeningsshareVideo.png) no-repeat; width: 54px; padding: 16px 0px 0px 3px;}
#herovideoWrap .hero-video-container ul.social li {float: left; margin:0px 5px 0px 0px;}

.clips {margin-left:-4px}
.clips .clip a {color:#F0CD9C}
.clips .clip a:hover {color:#990000}
.clips .clip {width:279px; height:82px; padding:12px; border-bottom:1px solid #b08686;}
.clips .clip .clip-thumb {width:120px; height:78px; float:left; /*background-color:#093*/}
.clips .clip .clip-details {width:140px; height:78px; float:right; color:#F0CD9C;}
.clips .clip .clip-details .clipTitle { font-size: 16px; font-weight: bold;}
.clips .clip .clip-details .clipTime { font-size: 16px;}
.clips .clip.active, .clips .clip:hover, .clips .first { background:url(../images/bg-playlist-active.png) repeat-x;}
.clips .clip.last {border:none}

/* products page */
.product-info {
	position:absolute; 
	width:190px; 
	height:195px; 
	/*background:url(../images/bg-products-productTop-popup.png) no-repeat;*/ 
	display:none; 
	margin:-70px 0 0 -32px; 
	z-index:450;
}
.round-about-wrap { width: 288px;  height: 288px; margin: 0 auto; position: relative; overflow:hidden; background:url(../images/bg-round-about.png) no-repeat}
.roundabout-holder {width: 180px;}
.round-about-overlay {width: 288px;  height: 288px; position: absolute; top:0; left:0; overflow:hidden; background:url(../images/bg-round-about-overlay.png) no-repeat; z-index:150;}
.round-about { width: 180px;  height: 288px; margin: 0 auto; position: relative;}
.round-about-full { width: 288px;  height: 288px; margin: 0 auto; position: relative;}
.round-about-full .moveable { height: 288px; width: 288px;}
.moveable { height: 288px; width: 288px;}
/*.moveable { height: 16.5em; width: 10.4em; font-size:12px}*/
div.box { font-size: 2em; height: 100%; width: 100%; margin: 0 auto;}
div.box img {width:100%; height:100%;}
div.two {}
div.three { }
div.four {}
div.five {}
div.caption { font-size: 1.4em; text-align: center; }

/* scroller products */
.scroll-wild-mild-products.scroll-ui {
	position:relative;
	background: url(../images/productssliderWrap.png) no-repeat center top;
	height: 50px;
	margin: 26px auto 0;
	padding: 0;
	width: 288px;
}
.scroll-wild-mild-products .scroll-list-wrap {position:absolute; right:0; top:0}
.scroll-wild-mild-products .scroll-control-wrap {left:38px; bottom:0; height:20px; padding:0; width: 212px;background: url(../images/productssliderBar.png) no-repeat; position:absolute}
.scroll-wild-mild-products .scroll-control-wrap .scroll-control {border:none; background:none;height:20px; width:194px; position:absolute; margin:0; padding:0 9px; z-index:5; top:3px;left:0; cursor:pointer}
.scroll-wild-mild-products .scroll-control-wrap .scroll-control a.ui-slider-handle {border:none; height:18px; width:18px; cursor:pointer; background-color:#F00;margin:0 0 0 -9px;background: url(../images/sliderwildDrag.png) no-repeat;}
.scroll-wild-mild-products .scroll-control-wrap .scroll-control a.ui-slider-handle.ui-state-active,.scroll-control a.ui-slider-handle.ui-state-hover{}


/* flash player */
#fl {position:absolute; top:0; left:0}
/**/


/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}


.gplusBtn {padding:13px 0 0 10px;}
#historybottomContent .gplusBtn {background:url(../images/bg-gplus.png) no-repeat 0 0; height:45px; width:50px; padding:21px 0 0 15px}
#historybottomContent .gplusBtn:hover {background-position:0 -68px}
.bg-flash-fx {position:absolute; width:279px; height:358px; top:10px; left:10px; overflow:hidden; z-index:0; background:url(../images/bg-flash-fx.png) no-repeat 0 -358px; display:none}

.overlay-block {display:none}


/* hide elements, show via JS */
.hasjs #rouletteWrap, .hasjs #homecontentLeft, .hasjs #homecontentRight, .hasjs #footerWrap{display:none}
.hasjs #productsTop, .hasjs #productsContent, .hasjs #productsbottomContent {display:none}
.hasjs #herovideoWrap, .hasjs #happeningsWrap {display:none}
.hasjs #footballfanfareWrap, .hasjs #partyideasWrap {display:none}
.hasjs #historyTop, .hasjs #historyTimeline, .hasjs #historybottomContent {display:none}
.hasjs #recipeSocial, .hasjs #recipeSearch, .hasjs #recipeheroWrap, .hasjs #recipeLeft, .hasjs #recipesideBar {display:none}
.hasjs #recipesmainSearch, .hasjs #recipesmainTop, .hasjs #winningrecipesWrap {display:none}