@charset "utf-8";
/* HBUK Video  */
.hidden {display: none;}
.cursor {cursor: pointer;}
.center {text-align: center;}
img {border: none;}
.video_wrapper div.text  a{word-wrap:break-word;}
.videoLanding  #content .wide {width: 1000px;}
#main_video_content{display:inline;float:left;font-family:"Courier New",Courier;margin-left:10px;width:680px;}/*********************Header*************************/
#video_content {font-family:"Courier New",Courier; padding: 0px; } /* Needed to adjust ugly br clear all */
#video_content #leftcontainer {float: left; padding: 0px 14px 0 13px; width: 653px; background-color:#fff;}
#video_content #leftcontainer #video_header #video_breadcrumb {font-size: 12px; color: #000;}
#video_content #leftcontainer #video_header .page_title {font-size: 28px; font-weight: bold; margin: 5px 0 -10px 0;}
#video_content #leftcontainer #video_header #sponsor{margin-top:14px;float:right;}
#video_content #leftcontainer #video_header #video_title{padding:21px 0 28px;clear:left;}
#video_content #leftcontainer #video_header #video_title  h1{margin: 0; font-weight: bold; font-size:30px; line-height: 29px;}
#video_content #leftcontainer #video_header #video_title span.brown{padding-right: 8px; color:#C78EC0;}

/*********************Player************************/
#video_content #leftcontainer #playerbg {width: 640px; height: auto;float:left;}
#video_content #leftcontainer #playerbg #bcPlayer {width: 437px; height: 329px;float:left;}
#video_content #leftcontainer #playerbg #info {min-height: 280px; height:auto !important; height: 280px; margin-top: 5px; border-bottom: 1px solid #b2b2b2; padding-bottom: 10px;}

#video_content #leftcontainer #playerbg #player_right {float: right; width: 180px;}
#video_content #leftcontainer #playerbg #vidTitle h2 {font-size: 16px; line-height: 26px;width:180;word-wrap: break-word;color:#000;font-weight:bold} 
#video_content #leftcontainer #playerbg .border {display: none;}
#video_content #leftcontainer #playerbg #vidDesc p {font-weight:normal;font-size: 13px; line-height: 18px; margin-bottom: 10px;}
#video_content #leftcontainer #playerbg .more_video_wrap {color:#000000;margin: 10px 0 15px 0; width: 150px; font-size: 14px; font-weight: bold; float: left;}

#video_content #leftcontainer #tabbed_content{float:left; margin-top:32px;}

/***************Share Dropdown*********/
#video_content #share {position: relative;}
#video_content #vid_share_dd {font-size: 12px; font-weight: bold; width: 125px; background: #fff; border: 1px solid #b2b2b2; position: absolute; z-index: 10; margin: -5px 0 0 0; padding: 0px;*margin-top:14px;*margin-left:-80px;}
#video_content #vid_share_dd .dd_link {border-bottom: 1px solid #b2b2b2;vertical-align: top; margin: 2px 5px;}
#video_content #vid_share_dd .dd_link a{color: #000000;}
#video_content #vid_share_dd .icon {margin: 2px 5px 2px 2px; vertical-align: middle;}

#video_content #vid_share_dd a:hover {text-decoration: none;}
#video_content #vid_share_dd a:hover span {text-decoration: underline;}

#video_content #vid_share_dd .dd_link_share {padding: 3px; margin-left: 3px;}
#video_content #vid_share_dd .dd_link_share a {color: #999;}
#video_content #vid_share_dd .dd_link_share a:hover {text-decoration: underline;}
#video_content #vid_share_dd .dd_link_share .arrow {margin: 1px 5px 0 0;}

#video_content #vid_share_dd .buzz {padding: 3px 3px 5px 3px;}

/*****************************Search******************/
#video_content .searchform {border: 1px solid #000; width: 305px; height: 28px; padding: 2px;}
#video_content .searchform .input {width: 250px; height: 20px; vertical-align: top; font-size: 14px; color: #666; padding: 5px 0 0 5px; float: left; border: 0px;}
#video_content .searchform .input:focus {border: none;}

#video_content .searchform .search_but {vertical-align: top; width: 33px; height: 28px; float: right;}

/******* AD CIRC 620 ******************/
.videoLanding #circ620x100 {float: left; margin: 40px 0 25px;}

/***************** Tabbed Content ****************/
/*Featured Tab*/
#video_content #tabbed_content .tab_wrapper {width: 652px; overflow: hidden; margin: 0px; padding: 0px;border-bottom: 1px solid #b2b2b2;float:left; }
#video_content .video_wrapper {width: 120px;margin: 0 48px 31px 0;float:left;}
#video_content .last_col{width: 120px;margin: 0 0 31px 0;}
#video_content .video_wrapper a{border: 2px solid #fff;width:120px;float:left;margin-bottom:10px}
#video_content .video_wrapper a:hover{border: 2px solid #C78EC0;}
#video_content .video_wrapper .text a{border:none;margin-bottom:0;color:#000000;font-size:13px;font-size:15px;}
#video_content .video_wrapper .text a:hover{border:none;}
#video_content .text {font-size: 16px; font-weight: bold; overflow: hidden;margin-bottom:10px;float:left}

#video_content .info,#video_content .time {font-size: 12px;float:left;}
#video_content .info {height: 20px;padding:10px 0 12px 0;width:auto;display:inline;float:right;}

#video_content .info .arrow {padding:4px 4px 0px 4px;}
#video_content .info .displaytext{font-style: normal;margin-left:10px;float:none;*margin-left:5px;display:inline;}
#video_content .info .pag_back .arrow{float:none;display:inline;}
#video_content .info .pag_forward .arrow{float:none;display:inline;}
/*Channel Tab*/
#tabbed_content #channelvidtab {padding-top: 41px;}


#tabbed_content #channelvidtab .sidebar {min-height: 450px; height: 450px; width: 145px;}
#tabbed_content #channelvidtab .sidebar .sidebar_bg {width: 135px;}


#tabbed_content #channelvidtab .category {background:url("/cm/marieclaire/images/v01/video/MC_video_cat_arrow.gif") no-repeat scroll -2px 5px; padding-left: 12px;font-size: 14px; font-weight: bold; margin: 0 0 5px 0;}
#tabbed_content #channelvidtab .category  a{color:#000000;}
#tabbed_content #channelvidtab .cat_active_wrapper {margin: 7px 0;}
#tabbed_content #channelvidtab .subcategory {font-size: 12px; font-weight: bold; margin-left: 15px; padding-left: 7px; background: url(/cm/popularmechanics/site_images/video/sub-category-li.gif) no-repeat -2px 4px;}


#tabbed_content #channelvidtab .cat_name {font-size: 18px; font-weight: bold; float: left; width: auto; margin-top: 5px;}

#tabbed_content #channelvidtab .channel_videos_wrapper {float: right; width: 470px; padding-left:36px; border-left: 1px solid #b2b2b2;}

#tabbed_content #channelvidtab .channel_videos_wrapper .info {padding-top: 5px;}



/**************** Right Container styles **************/
#video_content #rightcontainer {width: 340px; float: right;}
#video_content #rightcontainer #gallery_ad {margin: 0px auto -15px;}/* Needed to adjust ugly br clear all */

#video_content #rightcontainer #morevideos {border: 1px solid #d4d4d4; width: 340px; min-height: 800px; margin: 0 auto 15px;}
#video_content #rightcontainer #relatedvideos {border-right: 1px solid #d4d4d4; width: 325px; height: 750px; overflow: auto; *overflow-x: hidden; margin-left: 10px; padding: 0 5px 20px 0;}
#video_content #rightcontainer #morevideos_title {display: block; border-right: 1px solid #d4d4d4;}
#video_content #rightcontainer #morevideos .video_wrapper {width: 270px; height: auto; margin: 10px 0 10px 0px;}
#video_content #rightcontainer #morevideos .video {float: left; margin-right: 10px;}
#video_content .video_bottom_clear{clear:both;height:29px;}
#morevideos {width:268px; background-color:#fff;padding:20px 15px;float:left;font-family:"Courier New",Courier;}
#morevideos  #morevideo_title{background:url('/cm/companyuk/site_images/comp_more_video.gif') no-repeat; height:25px; border-bottom:1px solid #cccccc;margin-bottom:24px}
#morevideos .video_wrapper {width:270px; height:92px;margin-bottom:18px}
#morevideos .video_wrapper a{float:left;border:2px solid #fff;margin-right:10px;width:120px}
#morevideos .video_wrapper a:hover {border:2px solid #C78EC0;}
#morevideos .video_wrapper .text{font-size:16px;font-weight:bold;width:136px;float:left;}
#morevideos .video_wrapper .text a{float:none;display:block;border:none;color:#000000;font-size:14px;}
#morevideos .video_wrapper .text a:hover{border:none}
#morevideos .video_wrapper .time {font-size:12px;color:#333}

/***************Tabbs CSS *****************/
.ui-tabs-hide {display: none;}


/* Skin */
.ui-tabs-panel {min-height: 372px; }
.ui-tabs-nav {list-style: none; margin: 0; text-transform: uppercase; *display: inline-block;border-bottom: 1px solid #7f7f7f;font-size: 14px; font-weight: bold; color: #fff;width:652px;}
.ui-tabs-nav:after {display: block; clear: both; content: " ";}
.ui-tabs-nav li {list-style: none; float: left; margin-right: 2px;width:auto}

.ui-tabs-nav a,
.ui-tabs-nav a span {display: block; text-align: center;}

/* Unselected Tabs */
.ui-tabs-nav a {float: left; padding: 7px 12px; border: 1px solid #7f7f7f; border-bottom: none; text-align: center; margin-right: 5px; position: relative; top: 1px;background-color:#7f7f7f;color:#fff;}


/* Selected Tab */
.ui-tabs-nav .ui-tabs-selected a {background: #fff; cursor: hand; color: #000;}
.ui-tabs-nav li .featured a span{width:100px;height:18px}
.ui-tabs-nav li .channel  a span{width:116px;height:18px}
.ui-tabs-nav li .mostpopular a span{width:137px;height:18px}
*>.ui-tabs-nav a span {width: auto; height: auto;}
.ui-tabs-nav .ui-tabs-selected a span {padding-bottom: 1px;}
.ui-tabs-nav .ui-tabs-selected a:link,
.ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link,
.ui-tabs-nav .ui-tabs-disabled a:visited {cursor: default;}

.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover,
.ui-tabs-nav .ui-tabs-unselect a:focus,
.ui-tabs-nav .ui-tabs-unselect a:active {cursor: pointer;}

.ui-tabs-disabled {opacity: .4; filter: alpha(opacity=40);}