#leftRail {display:none;}
#feature {width:617px !important;}
#videoPlayerContainer {text-align:center; height:350px;position:relative;top:125px;left:54px;}
#videoPlayerContainer #videoPlaylist {margin: 0 auto; width: 561px;}
#content{width:615px; height:633px; background:url(http://a.dolimg.com/familyfun/assets/images/meals_mayhem/mim_vid_bg.jpg);}
#disneyPlayer{position:absolute;}

/* featured promo boxes styling */
/* ============================================================================================================== */
.featureH1{display: none !important;}
.boxWht442{width:486px !important;}
.orange{color:#C1257B !important;}
.box400GrayTop {display:none;}
.boxWht426Top {display:none;}
.boxWht426Mid {border-top: 1px dashed #E7E7E7; width: 486px !important;}
.boxWht426Btm {display:none;}
.box400GrayBtm{display:none;}
.boxGreyWrapper{width:588px;background-color:#fff !important;}

/* video carousel styling */ 
  /* ============================================================================================================== */
  #videoPlayerContainer .carousel { overflow: hidden; position: relative; text-align:left;}
  #videoPlayerContainer .carousel-view { overflow: hidden; position: relative; z-index: 1; left: 32px; width: 166px; /* 166px is the default width for 1 item carousel - this will be overidden via javascript based on the page size */ }
  #videoPlayerContainer .carousel-thumbs { width: 10000000px; z-index: 1; font-family: arial, sans-serif; font-size: 11px; left: 0; position: relative; line-height: 0; margin: 0 !important; padding: 0; position: relative; overflow: hidden; }
  #videoPlayerContainer .carousel-thumbs li { float: left; list-style: none; overflow: hidden; text-align: center; font: 11px arial, sans-serif; color: #fff; position: relative; margin: 0 3px; display: inline; padding: 0; width: 160px; }
  #videoPlayerContainer .carousel-thumbs li img { display: block; float: none; margin:0 !important;}
  #videoPlayerContainer .carousel-thumbs li .frame { background: url( 'http://a.dolimg.com/familyfun/assets/images/meals_mayhem/thumbnail_frame.png' ) top left no-repeat; height: 10px; width: 160px; display: block; position:relative; top:0px;}
  #videoPlayerContainer .carousel-thumbs li .default { display: table; background: url( 'http://a.dolimg.com/familyfun/assets/images/meals_mayhem/default_bg.png' ) top left no-repeat; width: 160px; height: 120px; position: absolute; top: 0; left: 0; }
  #videoPlayerContainer .carousel-thumbs li div.default .title { display: table-cell; vertical-align: middle; padding: 84px 8px 0; text-align: center; line-height: 13px; font-weight: bold; height: 30px; overflow: hidden; *padding-top: 0; *margin-top: 87px; *position: relative; }
  /* the next two items are to allow vertical centering divs in IE */
  #videoPlayerContainer .carousel-thumbs li div.ieOuterWrapper { position: absolute; top: 50%; left: 0; }
  #videoPlayerContainer .carousel-thumbs li div.ieInnerWrapper { position: relative; top: -50%; left: 0; margin-left: 8px; width: 144px; }
  #videoPlayerContainer .carousel-thumbs li .rollover { visibility: hidden; background: url( 'http://a.dolimg.com/familyfun/assets/images/meals_mayhem/rollover_bg.png' ) top left no-repeat; width: 160px; height: 120px; position: absolute; top: 0; left: 0; cursor: pointer; }
  #videoPlayerContainer .carousel-thumbs li div.rollover .title { display: table; margin: 1px 0 2px 6px; text-align: left; width: 148px; line-height: 12px; height: 32px; overflow: hidden; font-weight: bold; line-height: 13px; }
  #videoPlayerContainer .carousel-thumbs li div.rollover div.title .titleInnerWrapper { display: table-cell; vertical-align: middle; *position: relative; *margin-top: 16px; }
  #videoPlayerContainer .carousel-thumbs li div.rollover div.title div.titleInnerWrapper .ieInnerWrapper { width: 145px; margin: 0; }
  #videoPlayerContainer .carousel-thumbs li div.rollover .description { margin: 5px 0 0 8px; text-align: left; width: 140px; line-height: 13px; height: 80px; overflow: hidden; }
  #videoPlayerContainer .carousel-thumbs li div.rollover div.description span.playNowText { color: #0EA0E4; padding: 0; display: inline; line-height: 13px; }
  #videoPlayerContainer .carousel-thumbs li .nowPlaying { visibility: hidden; background: url( 'http://a.dolimg.com/familyfun/assets/images/meals_mayhem/now-playing_bg.png' ) 0 70px no-repeat; width: 160px; height: 120px; position: absolute; top: 0; left: 0; *text-align: left; }
  #videoPlayerContainer .carousel-thumbs li div.nowPlaying .title { text-align: left; width: 145px; line-height: 12px; height: 30px; overflow: hidden; font-weight: bold; line-height: 13px; margin: 89px 0 0 8px; *margin: 90px 0 0 7px; }
  #videoPlayerContainer .carousel-thumbs li div.nowPlaying .contextualLinkButton { position: absolute; top: 59px; right: 12px; }
  #videoPlayerContainer .carousel-thumbs li div.nowPlaying .contextualLinkTextContainer { display: none; position: absolute; top: 24px; left: 5px; background: url( 'http://a.dolimg.com/familyfun/assets/images/meals_mayhem/contextual-link-text_top.png' ) top left no-repeat; width: 150px; padding-top: 5px; text-align: left; }
  #videoPlayerContainer .carousel-thumbs li div.nowPlaying div.contextualLinkTextContainer .contextualLinkText { min-height: 24px; line-height: 12px; font-size: 10px; width: 136px; padding: 0 7px; color: #244E63; background: url( 'http://family.go.com/images/video/carousels/hasty-tasty/contextual-link-text_bg.png' ) top left repeat-y; line-height: 12px; }
  #videoPlayerContainer .carousel-thumbs li div.nowPlaying div.contextualLinkTextContainer .contextualLinkTextBottom { background: url( 'http://a.dolimg.com/familyfun/assets/images/meals_mayhem/contextual-link-text_bot.png' ) top left no-repeat; height: 9px; }
  #videoPlayerContainer .carousel-thumbs li span { display: block; padding: 3px 5px 0; line-height: 12px; }
  #videoPlayerContainer .carousel-prev { top: 42px; left: 0; position: absolute; z-index: 2; }
  #videoPlayerContainer .carousel-next { top: 42px; right: 0; position: absolute; z-index: 2; }
  .carousel-next-arrow, .carousel-prev-arrow { background: url( 'http://a.dolimg.com/familyfun/assets/images/meals_mayhem/sprite_arrows.png' ) top left no-repeat; width: 43px; height: 44px; overflow: hidden; display: block; text-indent: -9999px; }
  .carousel-prev-arrow { background-position: 0 -44px; }
  .carousel-prev span.hover { background-position: -43px -44px; cursor: pointer; }
  .carousel-prev span.disabled { background-position: -86px -44px; cursor: auto; }
  .carousel-next-arrow { background-position: 0 0; }
  .carousel-next span.hover { background-position: -43px 0; cursor: pointer; }
  .carousel-next span.disabled { background-position: -86px 0; cursor: auto; }
  #videoPlayerContainer .carousel-page { text-align: center; margin: 0 auto !important; padding: 0; clear: left; position: relative; z-index: 3; top: -2px; *top: -8px; float:none !important; }
  #videoPlayerContainer .carousel-page li { display: inline; margin: 0 !important; *padding: 0 1px 0 2px !important; }
  #videoPlayerContainer .carousel-page li span { background: url( 'http://a.dolimg.com/familyfun/assets/images/meals_mayhem/sprite_pagination.png' ) 0 0 no-repeat; padding: 0 3px 0 4px; width: 10px; height: 10px; overflow: hidden; float: none; display: inline; }
  #videoPlayerContainer .carousel-page li span em { visibility: hidden; font-size: 7px; line-height: 0; width: 10px; height: 10px; *padding-bottom: 10px; }
  #videoPlayerContainer .carousel-page li span.hover { background-position: -12px 0; cursor: pointer; }
  #videoPlayerContainer .carousel-page li span.current { background-position: -24px 0; cursor: auto; }
  #videoPlayerContainer .carouselNavHidden { display: none; }
  #videoPlayerContainer .carouselDisabled { background: url( 'http://a.dolimg.com/familyfun/assets/images/meals_mayhem/disabled.png' ) top left no-repeat; width: 562px; height: 130px; position: absolute; top: 0; z-index: 10; display: none; }
  #videoPlayerContainer .visible { visibility: visible !important; }
  #videoPlayerContainer .hidden { visibility: hidden !important; }
  .displayInline { display: inline !important; }
  .displayNone { display: none !important; }

       /* isolation test */ 
  /* ============================================================================================================== */
  /* #topBanner, #pageTopMagazine, #pagetopCap, .ffHeaderWrapper, .headTop, #sunsetHolder, #navCrubmbs, #opa_pushdown {display: none !important;} */
  

      /* caraousel nav fix */ 
  /* ============================================================================================================== */
  
  .carousel-nav {width: 168px;}
  .carousel-page {margin: 8px 0 0 0}

  /* page indicator fix */ 
  /* ============================================================================================================== */
  
  .carousel-page li span.enabled {background: url("http://a.dolimg.com/familyfun/assets/images/carousel/move_pages_sprite.png") -26px 4px no-repeat !important;} 
  .carousel-page li span.current   {background: url("http://a.dolimg.com/familyfun/assets/images/carousel/move_pages_sprite.png") 0px 4px no-repeat !important;} 
  .current {background: url("http://a.dolimg.com/familyfun/assets/images/carousel/move_pages_sprite.png") 0px 4px no-repeat !important;}

/* Kaltura video playlist adjustments */
/* ================================================================================================================= */
.horizontal.layout.M .name {
	height: auto !important;
}

.horizontal.layout.M.scripted ul.list, .horizontal.layout.M.scripted ol.list, .horizontal.layout.M.scripted ol.navigation {
    height: 100px !important;
}

.horizontal.layout.M.scripted ol.navigation {
	height: 20px !important;
	top: 105px !important;
}

.horizontal.layout.M.scripted button {
	height: 100px !important;
}