/*clearfix*/
.group:before,
.group:after { content: ""; display: table; }

.group:after { clear: both; }

.group { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ }

.hidden { display: none; }

.nowbar { height: 100px; min-width: 900px;}

    .nowbar:before, .nowbar:after { content: " "; display: table; }

    .nowbar:after { clear: both; }

.nowbar-fixed-top { top: 0; z-index: 1000; border-width: 0 0 1px; left: 0; position: fixed; right: 0; }

.container { padding: 0; margin: 0 auto; }

    .container:before,
    .container:after { display: table; content: " "; }

    .container:after { clear: both; }

.brand { 
    background: #232323;
    height: 100px;
}

.GEN-logo { border: 0; width: 208px; height: 100px; padding: 0; margin: 0;}

ul.channelbar { 
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    width: 77%;
    }
ul.channelbar li { 
   display: inline;
   float: left;
   width: 128px;
    }
ul.channelbar li:hover a { 
    color: #000;
}
ul.channelbar li.navbar-item {
    padding: 10px 0 10px 10px;
  }
ul.channelbar li.navbar-item:hover { 
    background-color: #FFF;
    color: #000;
    width: 128px;
}
ul.channelbar li.navbar-item-logo {
    width: 31%;
    height: 100px;
 }
a.channel-hdr-caps { 
    float: left;
    font-family: "oswaldlight", Arial, Sans Serif;
    text-transform: uppercase;
    font-size: 21px;
    padding-bottom: 7px;
    color: #FFF;
 }
 a.channel-hdr-caps:hover { 
    color: #000;
    text-decoration: none;
 }
a.nav-hdlns {
    color: #FFF;
    font-family: 'Century Gothic W01', Arial, sans-serif;
    font-size: 12px;
    padding: 0;
    float: left;
    line-height: 1.3em;
}
.red_arrow {
    background: url(../../../App_Themes/Public/NowBar/images/arrow_red.png) 0 0 no-repeat;
    height: 7px;
    width: 11px;
    padding: 0;
    margin: 0;
    float: right;
}
.menu-item {
   border-right: 1px dashed #999;
   float: left;
   width: 118px;
   height: 80px;
   padding-right: 10px;
}
.menu-item:hover {
    border-right: 1px solid #232323;
    }
ul.more-gen {
    float: left;
    padding: 0;
    margin: 0;
}
ul.more-gen li a {
    display: block;
    }
.channelbar .showDropdown { left: 0px !important; top: 34px;}

.channelbar .dropdown { 
        margin: 0 auto;
        padding: 0;
        float: left;
        position: absolute;
        text-align: left;
        z-index: 2001;
        display: none;
        background-color: #FFF;
        font-family: 'Century Gothic W01';
        overflow: hidden;
        border-bottom: 25px solid #FFF;
    }
.channelbar li:hover .dropdown { 
        margin: 66px auto;
        padding-left: 24%;
        padding-top: 25px;
        padding-bottom: 25px;
        display: block;
        width: 100%;
        -webkit-box-shadow: 0 10px 10px -6px #333;
	   -moz-box-shadow: 0 10px 10px -6px #333;
	    box-shadow: 0 10px 10px -6px #333;
}
.channelbar a:hover { text-decoration: underline; }

.channelbar li:hover a.more-news {
    clear: both;
    float: right;
    font-size: 8pt;
    color: #0033ff;
    font-family: Arial, sans-serif; 
    padding: 20px 0 0 0;
}
.channelbar li:hover a.more-news2 {
    font-size: 8pt;
    float: right;
    color: #0033ff;
    font-family: Arial, sans-serif; 
    padding: 20px 6px 0 0;
}
.channelbar li:hover a.more-news3 {
    font-size: 8pt;
    float: right;
    color: #0033ff;
    font-family: Arial, sans-serif; 
    padding: 20px 0 0 0;
}
.mag-links {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.channelbar ul.left {
   border-right: 1px dashed #000;
    width: 295px;
    margin-bottom: -1000px;
    list-style: none;
    color: #000;
    float: left;
    padding: 0 25px 1000px 0; 
 }
.channelbar ul.right {
    border-right: 1px dashed #000;
    width: 295px;
    margin-bottom: -1000px;
    list-style: none;
    color: #000;
    float: right;
    padding: 0 25px 1000px 25px;
}
ul.channelbar ul.left li, ul.channelbar ul.right li {
    padding: 0;
    float: none;
    width: 100%;
    display: block;
    font-size: 15px;
}
a.channel-hdl {
    color: #000;
    text-decoration: none;
    padding: 10px 0;
    margin: 0;
    float: left;
    clear: both;
}
a.channel-hdl:hover {
    color: #000;
    text-decoration: underline;
    }
a.channel-hdl-more {
    color: #000;
    text-decoration: none;
    padding: 20px 0;
    margin: 0;
    float: left;
    clear: both;
    border-bottom: 1px solid #dadada;
    width: 100%
}
a.channel-hdl-more:hover {
    color: #000;
    text-decoration: underline;
    }

.list-wrap { display: table;}
.list-contr { display: table-cell; float: left; vertical-align: top; border: none;}
.sponsor-contr { display: table-cell; float: right; padding-left: 25px;}
.sponsor-contr img { border: none; }

.brandmenu { list-style: none; border: none; display: inline; }

.brandmenu .showDropdown { left: -60px; top: 0; }

.brandmenu .dropdown { 
   margin: 17px auto;
   float: left;
   position: absolute;
   text-align: left;
   padding: 15px 10px 20px 10px;
   z-index: 99;
   display: none;
   background-color: #EEE;
   width: 180px;
    }

.brandmenu li:hover .dropdown { 
    top: 0; 
    display: block;
    -webkit-box-shadow: 0 5px 6px -6px black;
	-moz-box-shadow: 0 5px 6px -6px black;
	box-shadow: 0 5px 6px -6px black;
}
.brandmenu > li { position: relative; }

 ul.brand-list { 
    font-family: 'Century Gothic W01', Arial, sans-serif;
    margin: 0;
    padding: 0;
    list-style-type: none;
    line-height: 2.5em;
}
ul.brand-list li {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
}
ul.brand-list li a { color: #000; font-size: 14px;  display: block;}
ul.brand-list li a:hover { text-decoration: underline; color: #000;}

.gen-subscribe { border-right: 1px dashed #000; float: left; padding: 0 32px 12px 12px; margin-right: 24px; }

.gen-subscribe img.cover { border: 1px solid #ccc; margin: 0 0 12px 0; padding: 0; }

.gen-subscribe ul { margin: 0 0 0 5px; padding: 0; list-style-type: none; }

.gen-subscribe li { padding: 3px 0; }

.subscribebar { list-style-type: none; margin: -50px 0 0 0; padding: 0; color: #FFF; float: right; clear:both; }

.subscribebar li { line-height: 29px;  background: #e31a2d; padding: 0 5px;}

.subscribebar li.search { line-height: 30px; background: none; }

.subscribebar a { color: #FFF; padding: 0; font-family: 'Century Gothic W01 Bold'; font-size: 13px;}

.subscribebar li, .sharebar li { float: left; }


.subscribe-signedin a { color: #000; padding: 0; font-family: 'Century Gothic W01'; font-size: 13px;}

.sharebar { float: right; list-style-type: none; margin: 0; padding: 10px 0 0 0;}

.sharebar a.facebook, .sharebar a.twitter, .sharebar a.linkedin, .sharebar a.youtube, .sharebar a.google, .sharebar a.rss { display: block; background: url(../../../App_Themes/Public/NowBar/images/social-media-sprite.png) no-repeat; height: 29px; width: 30px; text-indent: -9999px; outline: none; }

.sharebar a.facebook { background-position: 0 0; }

.sharebar a.twitter { background-position: -31px 0; }

.sharebar a.linkedin { background-position: -62px 0; }

.sharebar a.youtube { background-position: -93px 0; }

.sharebar a.google { background-position: -124px 0; }

.sharebar a.rss{ background-position: -154px 0; }

.sharebar a.facebook:hover { background-position: 0 -30px; }

.sharebar a.twitter:hover { background-position: -31px -30px; }

.sharebar a.linkedin:hover { background-position: -62px -30px; }

.sharebar a.youtube:hover { background-position: -93px -30px; }

.sharebar a.google:hover { background-position: -124px -30px; }

.sharebar a.rss:hover { background-position: -154px -30px; }

ul.subscribe-signedin {
    clear: both;
    margin: -44px 0 0 0;
    padding: 0;
    float: right;  
    list-style-type: none;
    font-family: 'Century Gothic W01';
    font-size: 13px;
    color: #fff;
}
ul.subscribe-signedin li {
    float:left;
    padding: 0;
    margin-right: 2px;
    }
ul.subscribe-signedin li.menu-login {
    padding: 7px 0;
    position: relative; 
    margin-right: 4px;
    }
.sub-login-btn {
    background: #e2192c;
    padding: 7px;
}
ul.subscribe-signedin li.menu-login a {
    color: #fff;
    font-family: 'Century Gothic W01 Bold';
    font-size: 13px;
    }
ul.subscribe-signedin li.menu-login a:hover {
    text-decoration: none;
    }
ul.subscribe-signedin li.search { 
    padding-bottom: 15px;
    }
ul.subscribe-signedin li.hi-user {
    background: #FFF;
    padding: 7px;
    margin-right: 5px;
    color: #000;
    }
ul.subscribe-signedin a.account-icon, .subscribe-signedin a.account-arrow { display: block; height: 30px; text-indent: -9999px; outline: none; text-align: left; }

    ul.subscribe-signedin a.account-arrow {
    background: url("../../../App_Themes/Public/NowBar/images/my-gen.gif") no-repeat 170px 0;
    height: 30px;
    margin-left: -238px;
    padding-bottom: 45px;
    padding-left: 150px;
    padding-right: 110px;
    position: absolute;
    width: 63px;
}
ul.subscribe-signedin a.account-icon { background: url(../../../App_Themes/Public/NowBar/images/account-icon.gif) no-repeat; background-position: 0 12px; width: 46px; }

ul.subscribe-signedin li .account-box { position: absolute; left: -9999px; padding: 0;}

ul.subscribe-signedin li:hover .account-box { left: 78%; top: 100px; display: block;  padding-bottom: 1000px;}

ul.subscribe-signedin li:hover .account-box ul { list-style-type: none;  }

ul.arrow_box { 
    background: #FFF;
    padding: 10px;
    border-bottom: 3px solid #000;
    border-right: 3px solid #000;
    border-left: 3px solid #000;
    float: left;
    display: inline-block;
}
ul.arrow_box li a {
    list-style-type: none;
    display: inline;
    padding: 0 7px 0 7px;
    border-right: 1px solid #000;
    font-size: 13px;
    margin: 0;
    }
ul.arrow_box li.last a {
    border-right: none;
    padding-right: 0;
    }
ul.arrow_box:after, .arrow_box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }

ul.subscribe-signedin li .account-box input {
    background: #EEE;
    font-family: 'Century Gothic W01';
    font-size: 14px;
    width: 352px;
    border: 0;
    padding: 10px;
    float: left;
    }
#wrap {
  margin: 0;
  display: inline-block;
  position: relative;
  height: 32px;
  float: right;
  padding: 0;
  position: relative;
 }

#wrap input[type="text"] {
  height: 35px;
  font-size: 14px;
  font-family: 'Century Gothic W01 Bold', Arial, sans-serif;
  display: inline-block;
  border: none;
  outline: none;
  /*color: #FFF;*/
  color:rgba(255,255,255,.1);
  padding-top: 45px;
  padding-right: 30px;
  width: 0px;
  position: absolute;
  right: 0;
  background: none;
  z-index: 3;
  cursor: pointer;
}

#wrap input[type="text"]:focus {
  width: 400px;
  /*z-index: 1;*/
  border-bottom: 3px solid #e2192c;
  border-left: 3px solid #e2192c;
  border-right: 3px solid #e2192c;
  padding-left: 10px;
  color: #000;
  background: #FFF;
  padding-top: 0;
  margin-top: 44px;
  cursor: text;
}
#wrap .search-trigger {
  height: 30px;
  width: 32px;
  display: inline-block;
  float: right;
  background: url(../../../App_Themes/Public/NowBar/images/brandbar-search-img.gif) no-repeat;
  border: none;
  top: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
}


/*//////////////////// MEDIA QUERIES /////////////////// */


/* 1680PX */
@media screen and ( max-width: 1680px) {

   /*.nowbar { border-bottom: 12px solid red; }*/

    ul.channelbar li.navbar-item-logo { width: 26%; }

    ul.channelbar li:hover .dropdown { padding-left: 20%; } 

    ul.subscribe-signedin li:hover .account-box { left: 76%;}

    /*ul.subscribe-signedin a.account-arrow { background: red url("../../../App_Themes/Public/NowBar/images/my-gen.gif") no-repeat 170px 0;}*/
}


/* 1580PX */

@media screen and (max-width: 1580px) {

    /*.nowbar { border-bottom: 12px solid purple; }*/

    ul.channelbar li:hover .dropdown { padding-left: 18%; } 

    ul.subscribe-signedin li:hover .account-box { left: 74%;}

    /*ul.subscribe-signedin a.account-arrow { background: purple url("../../../App_Themes/Public/NowBar/images/my-gen.gif") no-repeat 170px 0;}*/

 }

/* 1440PX */

@media screen and (max-width: 1440px) {

   /*.nowbar { border-bottom: 12px solid blue; }*/

    ul.channelbar li:hover .dropdown { padding-left: 15%; }
    
    ul.subscribe-signedin li:hover .account-box { left: 71%;}

    ul.subscribe-signedin { margin: -40px 0 0 0;}

    #wrap input[type="text"]:focus { margin-top: 40px; }

    /*ul.subscribe-signedin a.account-arrow { background: blue url("../../../App_Themes/Public/NowBar/images/my-gen.gif") no-repeat 170px 0;}*/

}

/* 1295PX */

@media screen and (max-width: 1295px) {

   /*.nowbar { border-bottom: 12px solid pink; }*/

    ul.channelbar li.navbar-item-logo { width: 24%; }

    ul.subscribe-signedin li:hover .account-box { left: 70%;} 

    ul.channelbar li:hover .dropdown { padding-left: 11%; }

    a.channel-hdr-caps { font-size: 18px; padding-bottom: 3px; }

    ul.channelbar li { width: 118px; }

    ul.channelbar li.navbar-item:hover { width: 118px; }
 
    .menu-item { width: 108px; }

    /*ul.subscribe-signedin a.account-arrow { background: pink url("../../../App_Themes/Public/NowBar/images/my-gen.gif") no-repeat 170px 0;}*/

     }


/* 1233PX */

@media screen and (max-width: 1233px) {

    /*.nowbar { border-bottom: 12px solid gray; }*/

    ul.subscribe-signedin li:hover .account-box { left: 69%;} 

   ul.channelbar li:hover .dropdown { padding-left: 8%} 

    .channelbar a.channel-hdr { font-size: 19px; padding-left: 2px;}

  }

/* 1200PX */

@media screen and (max-width: 1200px) {

    /*.nowbar { border-bottom: 12px solid orange; }*/

    .nowbar { height: 88px;}

    .brand { height: 88px; }
    
    ul.channelbar li.navbar-item-logo { width: 23%; }

   .GEN-logo { border: 0 none; height: 88px; padding: 0; width: 180px;}

   a.nav-hdlns, ul.more-gen li a {
    color: #fff;
    float: left;
    font-family: "Century Gothic W01",Arial,sans-serif;
    font-size: 11px;
    line-height: 1.1;
    padding: 0;
}
    ul.channelbar li { width: 108px; }

    ul.channelbar li.navbar-item:hover { width: 108px; }
 
    .menu-item { width: 98px; }

    ul.channelbar li:hover .dropdown {  margin: 54px auto; padding-left: 5%; }

     ul.subscribe-signedin li:hover .account-box { left: 73%; top: 88px; }

   .sharebar { padding: 10px 0 0 0;}

    ul.subscribe-signedin { margin: -52px 0 0 0;}

    .subscribe-signedin a { font-size: 11px }

    .menu-item { height: 70px;}

    ul.arrow_box li a {
    padding: 0 3px;
}
.subscribe-signedin a {
    font-size: 10px;
}
ul.subscribe-signedin a.account-arrow {
    background: url("../../../App_Themes/Public/NowBar/images/my-gen.gif") no-repeat scroll 40px 0;
    height: 30px;
    margin-left: -108px;
    padding-bottom: 45px;
    padding-left: 150px;
    padding-right: 110px;
    position: absolute;
    width: 63px;
}
ul.arrow_box li a
{
    font-size: 10px;
} 

   }

/* 1024PX */

@media screen and (max-width: 1024px) {

/*.nowbar { border-bottom: 12px solid green; }*/

    .nowbar { height: 88px;}

    .brand { height: 88px; }
    
    ul.channelbar li.navbar-item-logo { width: 20%; }

.GEN-logo {
    border: 0 none;
    height: 63px;
    padding: 12px 0;
    width: 130px;
}

a.nav-hdlns, ul.more-gen li a {
    color: #fff;
    float: left;
    font-family: "Century Gothic W01",Arial,sans-serif;
    font-size: 10px;
    line-height: 1.15;
    padding: 0;
}
    ul.channelbar li { width: 98px; }

    ul.channelbar li.navbar-item:hover { width: 98px; }
 
    .menu-item { width: 88px; }

    ul.channelbar li:hover .dropdown {  margin: 54px auto; padding-left: 2%; } 

    ul.subscribe-signedin li:hover .account-box { left: 73%; top: 88px; }

   .sharebar { padding: 10px 0 0 0;}

   a.channel-hdr-caps { font-size: 17px; }

   .menu-item { height: 70px;}

   .channelbar ul.left, .channelbar ul.right { width: 260px; }

   #wrap input[type="text"]:focus { width: 400px }

  
ul.arrow_box li a {
    padding: 0 3px;
}
.subscribe-signedin a {
    font-size: 9px;
}
ul.subscribe-signedin a.account-arrow {
    background: url("../../../App_Themes/Public/NowBar/images/my-gen.gif") no-repeat scroll 40px 0;
    height: 30px;
    margin-left: -108px;
    padding-bottom: 45px;
    padding-left: 150px;
    padding-right: 110px;
    position: absolute;
    width: 63px;
}
ul.arrow_box li a
{
    font-size: 9px;
}  

}