@charset "UTF-8";

/* Layout Medium Screens */
body {
    font-size: 14px;
}

/* ******** Header Section ******* */

#Header {
    height: 98px;
}

#divHeaderBox {
    width: auto;
    /*max-width: none;*/
    max-width:799px;
    min-width:501px;
}

#Logos{
    float:right;
    margin-right: 0px;
    padding-right: 1.6em;
}

#C-SPAN_Logo {
    /*height: auto;
    width: 112px;*/
    /*margin-right: 0.6em;*/
}

#CBC {
    font-size: 0.8em;
    margin-top: -5px;
    /*margin-right: 0.6em;*/
}

#LMC_Logo {
    position: relative;
    top: 0.25em;
}

#NCC_Logo{
/*    float: right;
    width: 12em;
    color: rgb(0, 0, 0);
    display: block;
    position: relative;
    top: 1.9em;*/
}

/* ******** Top Black Bar ******* */
#topBlackBar{
    height: 1.8em;
}

#topBlackBox {
    max-width: 798px;
    min-width: 500px;
    padding: 0px 1.2em;
}

#LMCTagline{
    font-size: 1.3em;
    line-height: 1.4em;
}

#LMCTaglineRight{
    display:none;
}

/* ******** Navigation Bar ******* */
.newNavArea{
    width: auto;
    margin:0 auto;
}
.navbar-toggle{
    /*top: 74px !important;*/
}

/*.navbar-collapse{
    font-weight:300!important;
    color:white !important;
}*/

.navbar-nav li{
    border-bottom: 1px solid #56504a !important;
}

nav {
    display: block;
}

#divNavBox {
    max-width: 800px;
    min-width: 501px;
    text-align: center;
}

#divNavBox ul{
    min-width: 450px;
}

.navCenter {
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 20px;
}

.navCenter li{
    font-size: 1.3em;
    margin: 3px auto;
}
.navCenter li:first-child { margin-left: 0;}
.navCenter li:last-child{ margin: 3px 0px 3px 0px;}
.navPipe {
    padding-right: 8px;
    margin-left: 8px;
    height: 20px;
    width: 2px;
}

#MainContain{
    max-width: 789px;
    min-width: 501px;
    margin-left: auto;
    margin-right:auto;
}

/* ******** Cases Section ******* */
#CasesContainer {
    float: left;
    height: auto;
    clear: both;
    width: 70%;
    min-width: 545px;
    min-width: 485px;
}

.CaseBox {
    float: left;
    height: auto;
    min-width: 80px;
    width: 24%;
}

.caseNameBox{
    height: 110px;
    line-height: 110px;
}

.airdat {  
    font-size: 0.9em;
    /*top: -12px;*/
}

.caseName {
    font-size: 1.25em;
}

/* ******** PormoBoxes Section ******* */

#PromoBoxES {
    float: left;
    height: auto;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 100%;
    padding: 7px;
    max-width: 30%;
    min-width: 210px;
}

.PROMOBox {
    width: 100%;
    margin-right: 0px;
    float: none;
    clear: both;
}

#PromoThisWK{
    margin-bottom: 10px;
}


/* ****** New Series & NCC Section *****/
#IntroCredit {
    width: auto;
    min-width: 490px;
    margin-left: auto;
    margin-right: auto;
}

#NCCInfoTitle{
    font-size: 1.2em;
}

#NCCLogo img{
    max-width: 349px;
    min-width: 90%;
}

/* ****** Social Media Section *****/

#SocialRedbar {
    max-height: 75px;
    min-height: 50px;
}

#SocialMedia {
    max-width: 800px;
    min-width: 501px;
}

#SocialMedia div{
    line-height: 75px;
}

#SocialMedia img{
    width: 45px;
}

/* ****** Footer Section *****/

#FooterBox {
    max-width: 799px;
    min-width: 501px;
}

.FooterColumn1{
    width: 33%;
}

.FooterColumn2{
    width: 33%;
}
.FooterColumn3{
    width: 33%;
}

#PromoBoxES{
   width: 100% 
}

#PromoNextWk{
    margin-left:0px;
}
#SchedTxtColRight{
    margin-top: 0px;
}
#SchedTxtColLeft, #SchedTxtColRight{
    width:100%;
    padding: 0px 10%;
    border-left:none;
}
#SchedTxtColRight .PressColumnTitle{
    margin:40px 0px 16px 0px;
}

#BookImgBox
{  
    float:left;
    width:40%;
    position: relative;
    top: -40px;  
}

#BookRIGHT
{
    float:right;
    width:58%;
    position: relative;
    top: -40px;
    border-left: 2px solid #333333;
    padding-left: 10px; 
}

/* *************** Exclusive **************** */
.IntweeTxtColLeft, .IntweeTxtColRight{
    width:100%;
    padding: 0px 5%;
    border-left:none;
}

.IntweeDesc
{
    width: 74%;
}

@media all and (min-width: 501px) and (max-width: 735px) {
    #PromoBoxES{
        clear:both;
        float: none;
        padding: 0px;
        max-width: 100%;
        min-width: 210px;
    }

   .PROMOBox
    {
        width: 49%;
    }

    #PromoThisWK{
        clear:none;
        float: left;
    }

    #PromoNextWk{
        float:right;
        clear: none;
    }

    #CasesContainer {
        width: 100%;
        min-width: 485px;
        float: none;
        clear: both;
    }

    .CaseBox {
        width: 100%;
        max-width: 24%;
        min-width: 100px;
    }
    .caseName {
        font-size: 1.3em;
    }
}

@media all and (min-width: 501px){
    .navbar-collapse{
        color:white !important;
    }

    #Logos{
        float:right;
        margin-right: 0px;
        padding-right: 1.6em;
    }

    #LMC_Logo {
        max-width: 24em;
        max-height: 5em;
        position: relative;
        top: 2em;
    }

    #C-SPAN_Logo {
        /*height: auto;*/
        width: 85px;
        /*margin-right: 0.6em;*/
    }

    #CBC {
        clear: both;
        font-size: 0.6em;
        margin-top: 0.5em;
        /*margin-right: 0.6em;*/
    }

    #NCC_Logo{
        width: 11em;
    }

    /* ******** Top Black Bar ******* */

    #LMCTagline{
        font-size: 1.3em;
        line-height: 1.4em;
        margin-left: 1.5em;
    }
 }

    @media all and (min-width: 501px) and (max-width: 573px) {
        .PromoTitle {
            position: relative;
            top: -40px;
        }
        .PROMOBox div.centerIt {
            position: relative;
            top: -20px;
        }

    @media screen and (-webkit-min-device-pixel-ratio:0) { 
        .PromoTitle {
            position: relative;
            top: -40px;
        }
        .PROMOBox div.centerIt {
            position: relative;
            top: -20px;
        }
    }
 }