/* stylesheet for: Video Page */

/* layout */
#video #container {position:relative; padding-top:0;}
#video #content {overflow:visible;}
#video #content #maincol {/*width:973px;*/ float:left; padding:15px 0 0 20px;}
 
#video #breadcrumbs {margin-left:0;}
#video hr {margin-top:0;}
#video #topinfo {margin-top:9px;overflow: hidden;}


/* OLD Video Tabs (REMOVE from CSS after How-To Tabs launch) */
#video #vtabs {height:24px; width:792px; background:url(../i/bg_vtabs.gif) left center repeat-x;}
#video #vtabs ul#tabs {margin-left:251px;}
#video #vtabs #tabs li {list-style:none; float:left; height: 24px;}
#video #vtabs #tabs li img {/*display:none;*/opacity:0; filter:alpha(opacity=0);}
#video #vtabs #tabs li.selected img {/*display:block;*/opacity:100; filter:alpha(opacity=100)}
#video #vtabs #tabs a {display:block; padding-top:0; color:#000; cursor: pointer;}
#video #vtabs #tabs img {float:left; border:none;}

#video #vtabs #tabs li#tab_b {width:55px; background:url(../i/bg_tab-b.gif) left center no-repeat;}
#video #vtabs #tabs li#tab_k {width:75px; background:url(../i/bg_tab-k.gif) left center no-repeat;}
#video #vtabs #tabs li#tab_e {width:44px; background:url(../i/bg_tab-e.gif) left center no-repeat;}
#video #vtabs #tabs li#tab_m {width:44px; background:url(../i/bg_tab-m.gif) left center no-repeat;}
#video #vtabs #tabs li#tab_f {width:97px; background:url(../i/bg_tab-f.gif) left center no-repeat;}
#video #vtabs #tabs li#tab_g {width:54px; background:url(../i/bg_tab-g.gif) left center no-repeat;}
#video #vtabs #tabs li#tab_p {width:54px; background:url(../i/bg_tab-p.gif) left center no-repeat;}
#video #vtabs #tabs li#tab_v {width:116px; background:url(../i/bg_tab-v.gif) left center no-repeat;}


/* How-To Tabs */
#video #httabs {height:24px; width:792px; background:url(../i/bg_vtabs.gif) left center repeat-x;}
#video #httabs #tabs li {list-style:none; float:left; height: 24px;}
#video #httabs #tabs li img {/*display:none;*/opacity:0; filter:alpha(opacity=0);}
#video #httabs #tabs li.selected img {/*display:block;*/opacity:100; filter:alpha(opacity=100)}
#video #httabs #tabs a {display:block; padding-top:0; color:#000; cursor: pointer;}
#video #httabs #tabs img {float:left; border:none;}

/* ************* IMPORTANT: TEMPORARY STYLES TO BE REMOVED ONCE NEW TABS SYNC WITH CONTENT TOOL ****************/
#video #httabs li#tab_b {width:55px; background:url(../i/bg_tab-b.gif) left center no-repeat;}
#video #httabs li#tab_k {width:75px; background:url(../i/bg_tab-k.gif) left center no-repeat;}
#video #httabs li#tab_e {width:44px; background:url(../i/bg_tab-e.gif) left center no-repeat;}
#video #httabs li#tab_m {width:44px; background:url(../i/bg_tab-m.gif) left center no-repeat;}
#video #httabs li#tab_f {width:97px; background:url(../i/bg_tab-f.gif) left center no-repeat;}
#video #httabs li#tab_g {width:54px; background:url(../i/bg_tab-g.gif) left center no-repeat;}
#video #httabs li#tab_p {width:54px; background:url(../i/bg_tab-p.gif) left center no-repeat;}
#video #httabs li#tab_v {width:116px; background:url(../i/bg_tab-v.gif) left center no-repeat;}

/* ************* IMPORTANT: KEEP THIS BLOCK HERE PERMANENTLY ****************/
#video #httabs li#tab_bak {width:79px; background:url(../i/bg_tab_bak.gif) left center no-repeat;}
#video #httabs li#tab_egg {width:79px; background:url(../i/bg_tab_egg.gif) left center no-repeat;}
#video #httabs li#tab_gri {width:79px; background:url(../i/bg_tab_gri.gif) left center no-repeat;}
#video #httabs li#tab_kni {width:79px; background:url(../i/bg_tab_kni.gif) left center no-repeat;}
#video #httabs li#tab_mea {width:79px; background:url(../i/bg_tab_mea.gif) left center no-repeat;}
#video #httabs li#tab_pou {width:79px; background:url(../i/bg_tab_pou.gif) left center no-repeat;}
#video #httabs li#tab_pro {width:79px; background:url(../i/bg_tab_pro.gif) left center no-repeat;}
#video #httabs li#tab_sea {width:79px; background:url(../i/bg_tab_sea.gif) left center no-repeat;}


#video #httabs li#tab_basics {width:79px; background:url(../i/bg_tab_basics.gif) left center no-repeat;}
#video #httabs li#tab_breads {width:79px; background:url(../i/bg_tab_breads.gif) left center no-repeat;}
#video #httabs li#tab_desserts {width:79px; background:url(../i/bg_tab_desserts.gif) left center no-repeat;}
#video #httabs li#tab_equipment {width:79px; background:url(../i/bg_tab_equipment.gif) left center no-repeat;}
#video #httabs li#tab_meatspoultry {width:79px; background:url(../i/bg_tab_meatspoultry.gif) left center no-repeat;}
#video #httabs li#tab_pro {width:79px; background:url(../i/bg_tab_pro.gif) left center no-repeat;}
#video #httabs li#tab_sea {width:79px; background:url(../i/bg_tab_sea.gif) left center no-repeat;}
#video #httabs li#tab_specialdiets {width:79px; background:url(../i/bg_tab_specialdiets.gif) left center no-repeat;}
#video #httabs li#tab_chefsdemos {width:79px; background:url(../i/bg_tab_chefsdemos.gif) left center no-repeat;}

/*Video Page CSS */
#video #httabs li#tab_fall {width:83px; background:url(../i/fall_unselected.gif) left center no-repeat;}
#video #httabs li#tab_winter {width:83px; background:url(../i/winter_unselected.gif) left center no-repeat;}
#video #httabs li#tab_spring {width:83px; background:url(../i/spring_unselected.gif) left center no-repeat;}


/* Dinner Tonight Tabs */
#video #dttabs {height:24px; width:792px; background:url(../i/bg_vtabs.gif) left center repeat-x;}
/*#video #dttabs ul#tabs {margin-left:45px;}*/
#video #dttabs #tabs li {list-style:none; float:left; height: 24px;}
#video #dttabs #tabs li img {/*display:none;*/opacity:0; filter:alpha(opacity=0);}
#video #dttabs #tabs li.selected img {/*display:block;*/opacity:100; filter:alpha(opacity=100)}
#video #dttabs #tabs a {display:block; padding-top:0; color:#000; cursor: pointer;}
#video #dttabs #tabs img {float:left; border:none;}

#video #dttabs li#tab_bee {width:79px; background:url(../i/bg_tab_bee.gif) left center no-repeat;}
#video #dttabs li#tab_chk {width:79px; background:url(../i/bg_tab_chk.gif) left center no-repeat;}
#video #dttabs li#tab_gri {width:79px; background:url(../i/bg_tab_gri.gif) left center no-repeat;}
#video #dttabs li#tab_mtl {width:79px; background:url(../i/bg_tab_mtl.gif) left center no-repeat;}
#video #dttabs li#tab_pst {width:79px; background:url(../i/bg_tab_pst.gif) left center no-repeat;}
#video #dttabs li#tab_prk {width:79px; background:url(../i/bg_tab_prk.gif) left center no-repeat;}
#video #dttabs li#tab_sea {width:79px; background:url(../i/bg_tab_sea.gif) left center no-repeat;}
#video #dttabs li#tab_sal {width:79px; background:url(../i/bg_tab_sal.gif) left center no-repeat;}
#video #dttabs li#tab_oth {width:79px; background:url(../i/bg_tab_oth.gif) left center no-repeat;}
#video #dttabs li#tab_bon {width:79px; background:url(../i/bg_tab_bon.gif) left center no-repeat;}

/* Brightcove */
#video #brightcove {float:left; /*height:620px; width:790px;*/ border:1px solid #C7CBCC; border-top:none; position:relative; }
#video #rightcol {float:right; width:170px; margin:0 0 0 10px;}
#video #rightcol hr.yellow {margin:0 0 10px 0;}
#video #rightcol hr.yellow {_margin:0 0 2px 0;}
#video #rightcol hr.spnvid {margin:0 0 10px 0;}
#video #rightcol hr.spnvid {_margin:0 0 2px 0;}
#video #rightcol h3 {font-size:18px; font-weight:normal; color:#627a85; margin-top:3px;}
#video #rightcol p {font:normal 12px arial,  helvetica, sans-serif; line-height:16px;}

#video .sidelinks h4 {font-size:13px; color:#2A2A2A; line-height:16px;}
#video .sidelinks ul {margin:10px 0 15px 0; padding:10px 0 15px 0; color:#A02E14; font-size:12px;}
#video .sidelinks li {margin:0 0 0 1.3em; padding:3px 3px;}

#video .sponsorsidelinks h4 {font-size:13px; color:#2A2A2A; line-height:16px;}
#video .sponsorsidelinks ul {margin:10px 0 15px 0; padding:0; color:#937010; font-size:12px;}
a {color:#937010; text-decoration:none;}
a:hover, a:active {text-decoration:underline;}
#video .sponsorsidelinks li {margin:0 0 0 1.3em; padding:3px 3px;}

#video h1 {clear:both; padding:20px 0 0 0; padding:10px 0 0 0; margin:0; font-size:26px;}

#video #video_categs {float:left; position: relative;width:650px;}
#video #video_categs .tout_row {clear:both;}
#video #video_categs .tout_row .left {width:290px; margin:0 30px 18px 0; _margin-left:10px; float:left; padding-bottom:17px;}
#video #video_categs .tout_row .right {width:290px; margin:0 0 18px 17px; float:left; padding-bottom:12px;}
#video #video_categs .tout {clear:none;}
#video #video_categs .tout .title {font:normal 18px georgia, times, serif; color:#2A2A2A;}
#video #video_categs .tout .txtcont {font:normal 12px arial, helvetica, sans-serif;}
#video #video_categs .tout select {margin-top:5px; width:180px;}

#video .google {float:right;}

/* Additions - Sponsor Video*/
#video #holderall {width:973px; float:left; position: relative; display:block; margin-bottom: 10px;}
#video #allvideos {width:650px; float:left;}
#video #sponsoredvideo {width:300px; float:right;}
#video .spacer {width:10px;}
#video .sponsortitle {font:normal 18px georgia, times, serif; color:#2A2A2A;}
#video #sponsored_video_categs {float: left; width: 300px; position: relative;}
#video #sponsored_video_categs .tout .txtcont {font:normal 12px arial, helvetica, sans-serif; margin-bottom:18px; padding-bottom:17px;}
#video #sponsored_video_categs .tout select {margin-top:5px; width:180px;}

#video .magads {padding-top:20px;}