@media all and (min-width: 0) {

    .MSN { display: none; }

    .Avatar { display: none; }

    body { font-family: georgia,times,'times new roman',serif; font-size: 16px; }

    img { border: none; }

    h1 { font-size: 26px; }

    h2 { font-size: 24px; }

    h3 { font-size: 22px; }

    h4 { font-size: 20px; }

    h5 { font-size: 18px; }

    h6 { font-size: 17px; font-weight: 700; }

    a { color: #004276; text-decoration: none; }

    .cse .gsc-control-cse, .gsc-control-cse { background-color: #fff !important; border: 1px solid #fff !important; }

    .FooterControl { text-align: center; }

        .FooterControl p { color: black; }

    .CommunityControl .DateCreated { display: none !important; }

    .most-popular-back { padding: 5px 0; margin-top: 10px; width: 297px; background-image: url( '/~/media/Images/MEN/Editorial/Home/box_297.ashx' ); background-repeat: no-repeat; }

    .most-popular-body { width: 297px; background-color: #ECE8D5; }

        .most-popular-body a { text-decoration: none; }

        .most-popular-body .most-popular-visited { background-color: White; }

        .most-popular-body .most-popular-emailed { background-color: White; }

        .most-popular-body .most-popular-discussed { background-color: White; }

        .most-popular-body .most-popular-tab-on { font-weight: bold; }

    .MPTitle { padding: 0 0 0 6px; font-weight: bold; font-size: 20px; text-transform: uppercase; }

    .most-popular-tab-on { border: solid 1px #BFBFBF; border-bottom: none; background-color: #E8E8E8; }

    .most-popular-tab-off { background-color: White; border: solid 1px #BFBFBF; }

    .most-popular-tab-on a { margin: 0; position: relative; top: 1px; padding: 0 7px; background-color: #E8E8E8; }

    .most-popular-tab-off a { margin: 0; padding: 0 7px; }

    .most-popular-visited, .most-popular-emailed, .most-popular-discussed { border: solid 1px #BFBFBF; margin-left: 1px; width: 293px; }

        .most-popular-visited ul, .most-popular-emailed ul, .most-popular-discussed ul { margin: 0 5px; padding: 0; }

        .most-popular-visited li, .most-popular-emailed li, .most-popular-discussed li { line-height: 18px; list-style-type: decimal; list-style-position: inside; padding: 4px 0 4px 0; }

    .PopularTabContentListControl { text-align: left; margin: 10px auto; width: 297px; min-height: 300px; border: solid 1px #BFBFBF; }

    .most-popular a { font-weight: bold; text-decoration: none; }

    .most-popular-back { width: 297px; padding: 5px 0; }

    .most-popular-options { padding: 0; margin: 0; position: relative; bottom: -2px; }

        .most-popular-options td { width: 105px; height: 22px; padding: 0; line-height: 20px; }

            .most-popular-options td a { text-decoration: none; color: Black; }

    .AdvertisementControl .Title { display: none; }

    .MobileLeaderboardAdvertisement .Title { display: none; }

    .FooterAd .Title {display: none;}
    .MobileFooterAd .Title {display: none;}

    .LeaderboardSubLayout .Title { display: none; }
    a.closeRecommendation { background-image: url("http://ads.ogdenpubs.com/phpads/libraries/layerstyles/simple/images/close.gif") !important; width: 17px !important; height: 17px !important; }
    .recommendation.sailthruRecommendation div#sailthru-concierge .recommendationWrapper .recommendationThumb > a > img { width: 50px; height: 50px; }
}

@media all and (min-width : 0px) and (max-width: 984px) {

    .LeaderboardSubLayout { display: none; }

    .LeaderboardAdvertisement { display: none; }

    .MobileLeaderboardAdvertisement { display: block; text-align: center; }

    .FooterAd {display: none;}
    .MobileFooterAd {display:block; text-align: center;}

  

    .AdvertisementControl { padding: 5px; }


    a { text-decoration: underline; }

    .NavigationLayout { display: none; }

    .BreadcrumbControl { display: none; }

    .Advertising { display: none; }

    .table-bordered-body table, .table-bordered-body thead, .table-bordered-body tbody, .table-bordered-body th, .table-bordered-body td, .table-bordered-body tr { display: block; }

    .table-bordered-body td { /* Behave  like a "row" */ border: none; position: relative; padding-left: 10px; }

    .MobileHeader { padding: 0 0 10px 10px; margin: 0 auto; text-align: center; }

    .Title { background-color: #ECE8D5; font-size: 18px; color: black; display: inline-block; font-weight: bold; width: 99%; border: 1px solid black; padding: 8px 1px 8px 8px; margin-bottom: 5px; }

    .title { background-color: #ECE8D5; font-size: 18px; color: black; display: inline-block; width: 99%; border: 1px solid black; padding: 8px 1px 8px 8px; margin-bottom: 5px; }

        .Title a { background-color: #ECE8D5; font-size: 18px; color: black; text-decoration: none; }

        .title a { background-color: #ECE8D5; font-size: 18px; color: black; }

    .dvTitle { background-color: #ECE8D5; font-size: 18px; color: black; }

        .dvTitle a { background-color: #ECE8D5; font-size: 18px; color: black; }

    .CategoryHeader { margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #bbbbbb; }

    .MobileHeader { margin: 0 0 4px; }

    .CategoryColumnsSubLayout .RightColumn .RightColumnThree { border-top-style: dashed; border-top-color: black; border-top-width: 1px; margin: 4px 0 4px; }

    div#ContentLayout.ContentLayout .HomeItemS3Sublayout .RightColumn .RightItem2 { border-top-style: dashed; border-top-color: black; border-top-width: 1px; margin: 4px 0 4px; }

    .CenterColumnBottom .ShoppingTitle { border-top-style: solid; border-top-color: black; border-top-width: 1px; margin: 4px 0 4px; }

    .CommunityControl .CommunityTitle { background-color: #ECE8D5; font-size: 18px; color: black; }

    .CommentList .Title { font-size: medium; font-weight: bold; border: none !important; }

    .Community .CommentList .Title a { background-color: white; font-size: 14px; font-weight: normal; }

    .CenterColumnBottom .ShoppingTitle a { background-color: #ECE8D5; font-size: 18px; color: black; }

    .CenterColumnBottom .ShoppingTitle { background-color: #ECE8D5; font-size: 18px; color: black; margin: 3px 0; }

    .Logo { display: none; }

    .Facebook, .Twitter, .Pintrest, .GooglePlus, .LinkedIn, .MSN { float: left; padding: 4px 4px; }



    #mNav { display: none; }

    nav,
    nav ul,
    nav li,
    nav a, nav p { margin: 0; padding: 1px 0 0 0; border: 0; list-style: none; font-weight: normal; text-decoration: none; line-height: 1; position: relative; color: black; }

    nav { display: none; top: 35px; right: 0; width: 100%; border-bottom: 4px solid black; }

        nav a { line-height: 1.3; }

        nav ul li:first-child { background-color: #f4f4be; border: 1px solid white; }

            nav ul li:first-child a span { padding: 0; padding-left: 30px; }

            nav ul li:first-child:hover { background-color: #F0C882; }

        nav ul li { background: #F0C882; padding: 10px; border: 1px white; }

            nav ul li:hover { background-color: #f4f4be; }

            nav ul li a { display: block; color: black; }

                nav ul li a span { display: block; padding: 12px 10px; }

                nav ul li a:hover { text-decoration: underline; }

            nav ul li.active { border-bottom: none; background-color: #EFB828; }

                nav ul li.active a { font-weight: bolder; color: #F0C882; color: white; }

    #mobileMenu { cursor: pointer; background-image: url(/~/media/Images/MEN/Editorial/Layout/mobile-menu.ashx); top: 5px; left: 5px; width: 40px; height: 33px; position: absolute; }

    #mMobileMenu { display: none; background-color: white; position: absolute; top: 50px; right: 0; z-index: 10; }

    .Member .Login div#dvLoginBarLogin.LoginBar a#lnkLoginBarLogin { color: black; float: left; text-align: left; font-size: 14px; }

    .Member .Login div#dvLoginBarJoin.JoinBar a#lnkLoginBarJoin { color: black; float: left; text-align: left; font-size: 14px; }

    .Member .Login div#dvLoginBarDivide.Divide { color: black; float: left; text-align: left; }

    .Member .Login div#dvLoginBarLogin.LoginBar { color: black; float: left; text-align: left; padding: 5px 3px; }

    .Member .Login div#dvLoginBarJoin.JoinBar { color: black; float: left; padding: 5px 3px; text-align: left; }

    .Member .Login div#dvLoginBarDivide.Divide { font-size: 14px; color: black; float: left; text-align: left; padding: 5px 3px; }

    .Header { text-align: center; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #bfbfbf; margin-bottom: 8px; }

    .Desktop .Header .Member { width: 100%; border-bottom-style: dashed; border-bottom-color: black; border-bottom-width: 1px; text-align: center; margin: 0 0 4px; }

    .Comments .Comment .Information .DisplayName { font-weight: bold; }
    .Comments .Comment .Information .DateCreatedv { font-style: italic; }

    div#browserv2_0_TopSellers_divTopBooks.top-books .row .top-books-item { padding: 4px 0; }

    .top-books-item .top-books-title a { font-size: 16px; font-weight: bold; }

    .HeaderLayout .ControlHeader .Header .Member { width: 100%; padding: 2px 0; text-align: left; }


    .ShoppingTitle { text-transform: uppercase; }

    .RightColumnLeft .LeftTop .BlogRecentPostsControl .InnerArea .List .RecentPost { padding: 4px 0; }




    .CommunityControl .CommunityTitle { font-size: 18px; font-weight: bold; }

    .MobileControls { height: 80px; display: block; }

    .MobileHeader { background-image: url(/~/media/Images/MEN/Editorial/Layout/MEN-logo.ashx); background-size: contain; background-repeat: no-repeat; background-position: center; height: 60px; cursor: pointer; }

    /*  ============  FOOTER  ================  */

    .FooterControl { background-color: white; clear: both; color: #5c5c5c; text-align: center; }

        .FooterControl p { color: #5c5c5c; }

        .FooterControl a { color: #5c5c5c; }

            .FooterControl a:hover { text-decoration: underline; }

        .FooterControl li { float: left; }

        .FooterControl .footer-links { text-align: center; }

            .FooterControl .footer-links a { }

    .LayoutContentDivider { background-color: #419639; height: 1px; }

     .ofie-horizontal .user-info { display: inline-block; margin: 5px auto; width: 99%; }

        .OrderFormInEditorialLayout .ofie-horizontal .user-info input { display: inline-block; margin: 5px auto; width: 99%; }
}

/* Mobile */
@media all and (max-width : 320px) {
    .MobilePortrait { display: block; }

    .NavigationLayout { display: none; }

    body { background-color: #fff; color: Black; }

    a { color: #004276; }

        a:hover { text-decoration: underline !important; }

        a img { border: none; }



    .HeaderLayout .Header { background-color: #214A88; }

    .Header .Banner { float: left; }

    .Header .Member { float: left; }

        .Header .Member .Search { float: left; }

            .Header .Member .Search .txtSearch { }

            .Header .Member .Search .btnSearch { border-right: 1px solid #BFBFBF; border-bottom: 1px solid #AFAFAF; background-color: #F3F3F3; color: black; font-weight: bold; font-size: 13px; text-decoration: none; }

        .Header .Member .Social { float: left; }

            .Header .Member .Social a { text-decoration: none; }

                .Header .Member .Social a .Facebook { }

                .Header .Member .Social a .GooglePlus { }

                .Header .Member .Social a .LinkedIn { }

                .Header .Member .Social a .Twitter { }

        .Header .Member .Login { float: left; }

    .Member .Login .LoginBar .dvDisplayName { color: White; text-decoration: none; font-weight: bold; float: left; }

    .Header .Member .Login .LoginBar a { font-weight: bold; color: white; float: left; }

    .Header .Member .Login .Divide { font-weight: Bold; float: left; color: white; }

    .Header .Member .Login .JoinBar a { color: white; font-weight: bold; float: left; }

    .Header .Advertising { float: left; }

    /*  ============  NAVIGATION  ================  */

    .header-nav { }

        .header-nav .header-nav-right-border { background-image: url( '/~/media/Images/MEN/Editorial/Layout/nav_right.ashx' ); float: right; }

        .header-nav .header-nav-left-border { background-image: url( '/~/media/Images/MEN/Editorial/Layout/nav_left.ashx' ); float: left; }

        .header-nav .header-nav-categories { background-image: url( '/~/media/Images/MEN/Editorial/Layout/nav_bg.ashx' ); background-repeat: repeat-x; }

            .header-nav .header-nav-categories a { color: Black; font-weight: bold; text-decoration: none; font-weight: 700; }

            .header-nav .header-nav-categories img { }

            .header-nav .header-nav-categories .header-nav-right { float: right; }

                .header-nav .header-nav-categories .header-nav-right a { font: bold 10px Verdana, Helvetica, Sans-serif; color: #fff; text-decoration: none; }

            .header-nav .header-nav-categories .current { color: #9e2024; font-weight: bold; text-decoration: none; }

    .header-subnav { clear: both; }

        .header-subnav a { font-weight: bold; font-size: 10px; text-decoration: none; }

        .header-subnav .header-subnav-right-border { background-image: url( '/~/media/Images/MEN/Editorial/Layout/subnav_right.ashx' ); background-repeat: no-repeat; float: right; }

        .header-subnav .header-subnav-categories { }

            .header-subnav .header-subnav-categories .header-subnav-links { background-color: #e5e2d1; float: right; }

    .HeaderLayout .NavigationLayout .SubNavigationLayout { }

        .HeaderLayout .NavigationLayout .SubNavigationLayout .header-subnav-topics { background-image: url( '/~/media/Images/MEN/Editorial/Layout/hot_topics_bg.ashx' ); background-repeat: repeat-x; border-left: #fff 4px solid; float: left; }

            .HeaderLayout .NavigationLayout .SubNavigationLayout .header-subnav-topics a { text-decoration: none; font-weight: bold; font-size: 10px; }

            .HeaderLayout .NavigationLayout .SubNavigationLayout .header-subnav-topics .hot-topics { color: #a63741; font-weight: bold; font-size: 10px; }

        .HeaderLayout .NavigationLayout .SubNavigationLayout .header-subnav-seperator { background-image: url( '/~/media/Images/MEN/Editorial/Layout/subnav_seperator.ashx' ); background-repeat: no-repeat; }




    /*  =========  ADVERTISEMENT  ============  */

    .LeftLayout { position: fixed; top: 0px; left: 5px; }

    .RightLayout { position: fixed; top: 0px; right: 5px; }

    .LargeAd { display: none; }

    .MobileAdvertisement { display: block; }

    /*  =========  SAILTHRU SLIDER  =================  */
    .recommendationFooter { visibility: hidden; }
}

/* Mobile Wide Screen */
@media all and (min-width : 321px) and (max-width : 480px) {
    .MobileLandscape { display: block; }


    .NavigationLayout { display: none; }

    body { background-color: #fff; color: Black; }

    a { color: #004276; }

        a:hover { text-decoration: underline !important; }

        a img { border: none; }

    .HeaderLayout .Header { background-color: #214A88; }

    .Header .Banner { float: left; }

    .Header .Member { float: left; }

        .Header .Member .Search { float: left; }

            .Header .Member .Search .txtSearch { }

            .Header .Member .Search .btnSearch { border-right: 1px solid #BFBFBF; border-bottom: 1px solid #AFAFAF; background-color: #F3F3F3; color: black; font-weight: bold; font-size: 13px; text-decoration: none; }

        .Header .Member .Social { float: left; }

            .Header .Member .Social a { text-decoration: none; }

                .Header .Member .Social a .Facebook { }

                .Header .Member .Social a .GooglePlus { }

                .Header .Member .Social a .LinkedIn { }

                .Header .Member .Social a .Twitter { }

        .Header .Member .Login { float: left; }

    .Member .Login .LoginBar .dvDisplayName { color: White; text-decoration: none; font-weight: bold; float: left; }

    .Header .Member .Login .LoginBar a { font-weight: bold; color: white; float: left; }

    .Header .Member .Login .Divide { font-weight: Bold; float: left; color: white; }

    .Header .Member .Login .JoinBar a { color: white; font-weight: bold; float: left; }

    .Header .Advertising { float: left; }

    /*  ============  NAVIGATION  ================  */

    .header-nav { }

        .header-nav .header-nav-right-border { background-image: url( '/~/media/Images/MEN/Editorial/Layout/nav_right.ashx' ); float: right; }

        .header-nav .header-nav-left-border { background-image: url( '/~/media/Images/MEN/Editorial/Layout/nav_left.ashx' ); float: left; }

        .header-nav .header-nav-categories { background-image: url( '/~/media/Images/MEN/Editorial/Layout/nav_bg.ashx' ); background-repeat: repeat-x; }

            .header-nav .header-nav-categories a { color: Black; font-weight: bold; text-decoration: none; font-weight: 700; }

            .header-nav .header-nav-categories img { }

            .header-nav .header-nav-categories .header-nav-right { float: right; }

                .header-nav .header-nav-categories .header-nav-right a { font: bold 10px Verdana, Helvetica, Sans-serif; color: #fff; text-decoration: none; }

            .header-nav .header-nav-categories .current { color: #9e2024; font-weight: bold; text-decoration: none; }

    .header-subnav { clear: both; }

        .header-subnav a { font-weight: bold; font-size: 10px; text-decoration: none; }

        .header-subnav .header-subnav-right-border { background-image: url( '/~/media/Images/MEN/Editorial/Layout/subnav_right.ashx' ); background-repeat: no-repeat; float: right; }

        .header-subnav .header-subnav-categories { }

            .header-subnav .header-subnav-categories .header-subnav-links { background-color: #e5e2d1; float: right; }

    .HeaderLayout .NavigationLayout .SubNavigationLayout { }

        .HeaderLayout .NavigationLayout .SubNavigationLayout .header-subnav-topics { background-image: url( '/~/media/Images/MEN/Editorial/Layout/hot_topics_bg.ashx' ); background-repeat: repeat-x; border-left: #fff 4px solid; float: left; }

            .HeaderLayout .NavigationLayout .SubNavigationLayout .header-subnav-topics a { text-decoration: none; font-weight: bold; font-size: 10px; }

            .HeaderLayout .NavigationLayout .SubNavigationLayout .header-subnav-topics .hot-topics { color: #a63741; font-weight: bold; font-size: 10px; }

        .HeaderLayout .NavigationLayout .SubNavigationLayout .header-subnav-seperator { background-image: url( '/~/media/Images/MEN/Editorial/Layout/subnav_seperator.ashx' ); background-repeat: no-repeat; }


    /*  =========  ADVERTISEMENT  ============  */

    .LeftLayout { position: fixed; top: 0px; left: 5px; }

    .RightLayout { position: fixed; top: 0px; right: 5px; }

    .LargeAd { display: none; }

    .MobileAdvertisement { display: block; }
}

/* Tablet */
@media all and (min-width : 481px) and (max-width : 600px) {

    .NavigationLayout { display: none; }

    body { }

    a { color: #004276; }

        a:hover { text-decoration: underline !important; }

    .Header .Member { float: left; }

        .Header .Member .Search { float: left; }

            .Header .Member .Search .txtSearch { }

            .Header .Member .Search .btnSearch { border-right: 1px solid #BFBFBF; border-bottom: 1px solid #AFAFAF; background-color: #F3F3F3; color: black; }

        .Header .Member .Social { float: left; }

            .Header .Member .Social a { text-decoration: none; }

                .Header .Member .Social a .Facebook { }

                .Header .Member .Social a .GooglePlus { }

                .Header .Member .Social a .LinkedIn { }

                .Header .Member .Social a .Twitter { }

        .Header .Member .Login { float: left; }

    .Member .Login .LoginBar .dvDisplayName { color: White; text-decoration: none; font-weight: bold; float: left; }

    .Header .Member .Login .LoginBar a { font-weight: bold; color: white; float: left; }

    .Header .Member .Login .Divide { font-weight: Bold; }

    .Header .Member .Login .JoinBar a { color: white; font-weight: bold; float: left; }

    .Header .Advertising { }

    /*  ============  NAVIGATION  ================  */

    .header-nav { }

        .header-nav .header-nav-right-border { background-image: url( '/~/media/Images/MEN/Editorial/Layout/nav_right.ashx' ); }

        .header-nav .header-nav-left-border { background-image: url( '/~/media/Images/MEN/Editorial/Layout/nav_left.ashx' ); }

        .header-nav .header-nav-categories { background-image: url( '/~/media/Images/MEN/Editorial/Layout/nav_bg.ashx' ); background-repeat: repeat-x; }

            .header-nav .header-nav-categories a { color: Black; font-weight: bold; text-decoration: none; font-weight: 700; }

            .header-nav .header-nav-categories img { }

            .header-nav .header-nav-categories .header-nav-right { }

                .header-nav .header-nav-categories .header-nav-right a { font-weight: bold; font-size: 10px; color: #fff; text-decoration: none; }

            .header-nav .header-nav-categories .current { color: #9e2024; font-weight: bold; text-decoration: none; }

    .header-subnav { clear: both; }

        .header-subnav a { font-weight: bold; font-size: 10px; text-decoration: none; }

        .header-subnav .header-subnav-right-border { background-image: url( '/~/media/Images/MEN/Editorial/Layout/subnav_right.ashx' ); background-repeat: no-repeat; }

        .header-subnav .header-subnav-categories { }

            .header-subnav .header-subnav-categories .header-subnav-links { background-color: #e5e2d1; }

    .HeaderLayout .NavigationLayout .SubNavigationLayout { }

        .HeaderLayout .NavigationLayout .SubNavigationLayout .header-subnav-topics { background-image: url( '/~/media/Images/MEN/Editorial/Layout/hot_topics_bg.ashx' ); background-repeat: repeat-x; border-left: #fff 4px solid; }

            .HeaderLayout .NavigationLayout .SubNavigationLayout .header-subnav-topics a { text-decoration: none; font-weight: bold; font-size: 10px; }

            .HeaderLayout .NavigationLayout .SubNavigationLayout .header-subnav-topics .hot-topics { color: #a63741; font-weight: bold; font-size: 10px; }

        .HeaderLayout .NavigationLayout .SubNavigationLayout .header-subnav-seperator { background-image: url( '/~/media/Images/MEN/Editorial/Layout/subnav_seperator.ashx' ); background-repeat: no-repeat; }

    /*  =========  ADVERTISEMENT  ============  */

    .LeftLayout { position: fixed; top: 0px; }

    .RightLayout { position: fixed; top: 0px; }

    .LargeAd { display: none; }

    .MobileAdvertisement { display: block; }
}

/* Tablet Wide Screen */
@media all and (min-width : 601px) and (max-width: 768px) {
    .NavigationLayout { display: none; }

    body { }

    a { color: #004276; }

        a:hover { text-decoration: underline !important; }

    .Header .Banner { }

    .Header .Member { float: left; }

        .Header .Member .Search { float: left; }

            .Header .Member .Search .txtSearch { }

            .Header .Member .Search .btnSearch { border-right: 1px solid #BFBFBF; border-bottom: 1px solid #AFAFAF; background-color: #F3F3F3; color: black; }

        .Header .Member .Social { float: left; }

            .Header .Member .Social a { text-decoration: none; }

                .Header .Member .Social a .Facebook { }

                .Header .Member .Social a .GooglePlus { }

                .Header .Member .Social a .LinkedIn { }

                .Header .Member .Social a .Twitter { }

        .Header .Member .Login { float: left; }

    .Member .Login .LoginBar .dvDisplayName { color: White; text-decoration: none; font-weight: bold; float: left; }

    .Header .Member .Login .LoginBar a { font-weight: bold; color: white; float: left; }

    .Header .Member .Login .Divide { font-weight: Bold; }

    .Header .Member .Login .JoinBar a { color: white; font-weight: bold; float: left; }

    .Header .Advertising { }

    /*  ============  NAVIGATION  ================  */

    .header-nav { }

        .header-nav .header-nav-right-border { background-image: url( '/~/media/Images/MEN/Editorial/Layout/nav_right.ashx' ); }

        .header-nav .header-nav-left-border { background-image: url( '/~/media/Images/MEN/Editorial/Layout/nav_left.ashx' ); }

        .header-nav .header-nav-categories { background-image: url( '/~/media/Images/MEN/Editorial/Layout/nav_bg.ashx' ); background-repeat: repeat-x; }

            .header-nav .header-nav-categories a { color: Black; font-weight: bold; text-decoration: none; font-weight: 700; }

            .header-nav .header-nav-categories img { }

            .header-nav .header-nav-categories .header-nav-right { }

                .header-nav .header-nav-categories .header-nav-right a { font-weight: bold; font-size: 10px; color: #fff; text-decoration: none; }

            .header-nav .header-nav-categories .current { color: #9e2024; font-weight: bold; text-decoration: none; }

    .header-subnav { clear: both; }

        .header-subnav a { font-weight: bold; font-size: 10px; text-decoration: none; }

        .header-subnav .header-subnav-right-border { background-image: url( '/~/media/Images/MEN/Editorial/Layout/subnav_right.ashx' ); background-repeat: no-repeat; }

        .header-subnav .header-subnav-categories { }

            .header-subnav .header-subnav-categories .header-subnav-links { background-color: #e5e2d1; }

    .HeaderLayout .NavigationLayout .SubNavigationLayout { }

        .HeaderLayout .NavigationLayout .SubNavigationLayout .header-subnav-topics { background-image: url( '/~/media/Images/MEN/Editorial/Layout/hot_topics_bg.ashx' ); background-repeat: repeat-x; border-left: #fff 4px solid; }

            .HeaderLayout .NavigationLayout .SubNavigationLayout .header-subnav-topics a { text-decoration: none; font-weight: bold; font-size: 10px; }

            .HeaderLayout .NavigationLayout .SubNavigationLayout .header-subnav-topics .hot-topics { color: #a63741; font-weight: bold; font-size: 10px; }

        .HeaderLayout .NavigationLayout .SubNavigationLayout .header-subnav-seperator { background-image: url( '/~/media/Images/MEN/Editorial/Layout/subnav_seperator.ashx' ); background-repeat: no-repeat; }

    /*  =========  ADVERTISEMENT  ============  */

    .LeftLayout { position: fixed; top: 0px; }

    .RightLayout { position: fixed; top: 0px; }

    .LargeAd { display: none; }

    .MobileAdvertisement { display: block; }
}

/* Tablet Wide Screen */
@media all and (min-width : 769px) and (max-width: 984px) {
    .TabletLandscape { display: block; }

    .NavigationLayout { display: none; }

    body { background-color: #fff; color: Black; }

    a { color: #004276; }

        a:hover { text-decoration: underline !important; }

    .Header .Banner { float: left; }

    .Header .Member { float: left; }

        .Header .Member .Search { float: left; }

            .Header .Member .Search .txtSearch { }

            .Header .Member .Search .btnSearch { border-right: 1px solid #BFBFBF; border-bottom: 1px solid #AFAFAF; background-color: #F3F3F3; color: black; font-weight: bold; font-size: 13px; text-decoration: none; }

        .Header .Member .Social { float: left; }

            .Header .Member .Social a { text-decoration: none; }

                .Header .Member .Social a .Facebook { }

                .Header .Member .Social a .GooglePlus { }

                .Header .Member .Social a .LinkedIn { }

                .Header .Member .Social a .Twitter { }

        .Header .Member .Login { float: left; }

    .Member .Login .LoginBar .dvDisplayName { color: White; text-decoration: none; font-weight: bold; float: left; }

    .Header .Member .Login .LoginBar a { font-weight: bold; color: white; float: left; }

    .Header .Member .Login .Divide { font-weight: Bold; float: left; color: white; }

    .Header .Member .Login .JoinBar a { color: white; font-weight: bold; float: left; }

    .Header .Advertising { float: left; }

    /*  ============  NAVIGATION  ================  */

    .header-nav { }

        .header-nav .header-nav-right-border { background-image: url( '/~/media/Images/MEN/Editorial/Layout/nav_right.ashx' ); float: right; }

        .header-nav .header-nav-left-border { background-image: url( '/~/media/Images/MEN/Editorial/Layout/nav_left.ashx' ); float: left; }

        .header-nav .header-nav-categories { background-image: url( '/~/media/Images/MEN/Editorial/Layout/nav_bg.ashx' ); background-repeat: repeat-x; }

            .header-nav .header-nav-categories a { color: Black; font-weight: bold; text-decoration: none; font-weight: 700; }

            .header-nav .header-nav-categories img { }

            .header-nav .header-nav-categories .header-nav-right { float: right; }

                .header-nav .header-nav-categories .header-nav-right a { font-weight: bold; font-size: 10px; color: #fff; text-decoration: none; }

            .header-nav .header-nav-categories .current { color: #9e2024; font-weight: bold; text-decoration: none; }

    .header-subnav { clear: both; }

        .header-subnav a { font-weight: bold; font-size: 10px; text-decoration: none; }

        .header-subnav .header-subnav-right-border { background-image: url( '/~/media/Images/MEN/Editorial/Layout/subnav_right.ashx' ); background-repeat: no-repeat; float: right; }

        .header-subnav .header-subnav-categories { }

            .header-subnav .header-subnav-categories .header-subnav-links { background-color: #e5e2d1; float: right; }

    .HeaderLayout .NavigationLayout .SubNavigationLayout { }

        .HeaderLayout .NavigationLayout .SubNavigationLayout .header-subnav-topics { background-image: url( '/~/media/Images/MEN/Editorial/Layout/hot_topics_bg.ashx' ); background-repeat: repeat-x; border-left: #fff 4px solid; float: left; }

            .HeaderLayout .NavigationLayout .SubNavigationLayout .header-subnav-topics a { text-decoration: none; font-weight: bold; font-size: 10px; }

            .HeaderLayout .NavigationLayout .SubNavigationLayout .header-subnav-topics .hot-topics { color: #a63741; font-weight: bold; font-size: 10px; }

        .HeaderLayout .NavigationLayout .SubNavigationLayout .header-subnav-seperator { background-image: url( '/~/media/Images/MEN/Editorial/Layout/subnav_seperator.ashx' ); background-repeat: no-repeat; }


    /*  =========  ADVERTISEMENT  ============  */

    .LeftLayout { position: fixed; top: 0px; left: 5px; }

    .RightLayout { position: fixed; top: 0px; right: 5px; }

    .LargeAd { display: block; }

    .MobileAdvertisement { display: none; }
}

/* Desktop */
@media all and (min-width: 985px) {
    .DesktopLandscape { display: block; }

    .LeaderboardSubLayout { display: block; }

    .LeaderboardAdvertisement { display: block; }

    .MobileLeaderboardAdvertisement { display: none; }

    .MobileControls { display: none; }

    .LargeAd { display: block; }

    .MobileAdvertisement { display: none; }

    .Logo { width: 295px; }

    nav#mNav ul { display: none; }

    .MobileHeader { display: none; }

    body { margin: auto auto; background-color: #fff; color: Black; }

    .LayoutContentDivider { display: none; }

    .Frame { margin: auto auto; width: 985px; }

    .HeaderLayout .Header { background-color: white; height: 106px; }

    .Header .Banner { height: 106px; width: 412px; float: left; }

    .Header .Member { float: left; width: 325px; height: 75px; padding: 20px 0 0 0; }

        .Header .Member .Search { float: left; width: 290px; height: 30px; margin: 0px 0 0 41px; padding: 0 0 10px; }

            .Header .Member .Search .txtSearch { height: 15px; width: 150px; margin-right: 3px; }

            .Header .Member .Search .btnSearch { border-right: 1px solid #BFBFBF; border-bottom: 1px solid #AFAFAF; background-color: #F3F3F3; color: black; padding: 1px; font-weight: bold; font-size: 13px; text-decoration: none; }

        .Header .Member .Social { float: left; margin: 10px 0 0 55px; }

            .Header .Member .Social a { text-decoration: none; }

                .Header .Member .Social a .Facebook { width: 16px; height: 16px; }

                .Header .Member .Social a .GooglePlus { width: 16px; height: 16px; }

                .Header .Member .Social a .LinkedIn { width: 16px; height: 16px; }

                .Header .Member .Social a .Twitter { width: 16px; height: 16px; }

        .Header .Member .Login { float: left; margin: 10px 0 0 0; width: 200px; padding: 0 0 0 8px; }

    .Member .Login .LoginBar .dvDisplayName { text-decoration: none; font-weight: bold; float: left; padding: 0 5px 0 0; }

    .Header .Member .Login .LoginBar a { text-decoration: none; font-weight: bold; float: left; }

    .Header .Member .Login .Divide { font-weight: Bold; padding: 0 2px; float: left; }

    .Header .Member .Login .JoinBar a { text-decoration: none; font-weight: bold; float: left; }

    .Header .Advertising { margin: 8px 0 0 45px; float: left; width: 190px; height: 90px; }

    /*  ============  NAVIGATION  ================  */

    .header-nav { }

        .header-nav .header-nav-right-border { background-image: url( '/images/men/nav_right.png' ); width: 8px; float: right; height: 51px; }

        .header-nav .header-nav-left-border { background-image: url( '/images/men/nav_left.png' ); width: 8px; float: left; height: 51px; }

        .header-nav .header-nav-categories { background-image: url( '/~/media/Images/MEN/Editorial/Layout/nav_bg.ashx' ); background-repeat: repeat-x; width: 949px; height: 51px; margin-left: 8px; line-height: 20px; padding-left: 20px; font-size: 12px; padding-top: 5px; margin-bottom: -5px; }

            .header-nav .header-nav-categories a { color: Black; font-weight: bold; text-decoration: none; font-weight: 700; }

            .header-nav .header-nav-categories img { padding: 7px 7px 3px 7px; }

            .header-nav .header-nav-categories .header-nav-right { padding: 0; width: 272px; float: right; }

                .header-nav .header-nav-categories .header-nav-right a { font-weight: bold; font-size: 10px; color: #fff; text-decoration: none; padding-right: 5px; }

            .header-nav .header-nav-categories .current { color: #9e2024; font-weight: bold; text-decoration: none; }

    .header-subnav { clear: both; }

        .header-subnav a { font-weight: bold; font-size: 10px; text-decoration: none; }

        .header-subnav .header-subnav-right-border { background-image: url( '/~/media/Images/MEN/Editorial/Layout/subnav_right.ashx' ); background-repeat: no-repeat; width: 8px; float: right; height: 23px; }

        .header-subnav .header-subnav-categories { }

            .header-subnav .header-subnav-categories .header-subnav-links { background-color: #e5e2d1; width: 440px; float: right; height: 17px; padding-top: 6px; font-size: 12px; }

    .HeaderLayout .NavigationLayout .SubNavigationLayout { }

        .HeaderLayout .NavigationLayout .SubNavigationLayout .header-subnav-topics { background-image: url( '/~/media/Images/MEN/Editorial/Layout/hot_topics_bg.ashx' ); background-repeat: repeat-x; border-left: #fff 4px solid; padding: 1px 0 0 10px; width: 523px; float: left; height: 24px; }

            .HeaderLayout .NavigationLayout .SubNavigationLayout .header-subnav-topics a { text-decoration: none; font-weight: bold; font-size: 10px; }

            .HeaderLayout .NavigationLayout .SubNavigationLayout .header-subnav-topics .hot-topics { color: #a63741; font-weight: bold; font-size: 10px; }

        .HeaderLayout .NavigationLayout .SubNavigationLayout .header-subnav-seperator { background-image: url( '/~/media/Images/MEN/Editorial/Layout/subnav_seperator.ashx' ); background-repeat: no-repeat; height: 23px; margin-left: 596px; }



    /*  =========  ORDER FORM IN EDITORIAL  ============= */

    .OrderFormInEditorialLayout { background-color: #f1efe2; }

        .OrderFormInEditorialLayout .ofie-horizontal .ofie-horizontal-header { font-weight: 700; color: #9e2024; text-align: center; margin: 0; padding: 5px 0 15px; font-size: 24px; }


            .OrderFormInEditorialLayout .ofie-horizontal .ofie-horizontal-header p { font-size: 18px; }

        .OrderFormInEditorialLayout .ofie-horizontal .user-info { box-sizing: border-box; display: inline-block; margin: 3px 5px; vertical-align: top; width: 175px; }

            .OrderFormInEditorialLayout .ofie-horizontal .user-info input { background-color: #f2f2f2; border: 1px solid #ccc; -moz-box-sizing: border-box; box-sizing: border-box; color: #999; display: block; font-size: 14px; line-height: 1; margin: 5px auto; padding: 3px 5px; width: 99%; }


        .OrderFormInEditorialLayout .ofie-horizontal .dvForm { width: 390px; float: left; padding-top: 5px; padding-left: 5px; }

        .OrderFormInEditorialLayout .ofie-horizontal .ofie-body { width: 575px; float: left; padding: 5px; }

    .ofie-horizontal-footer { background-color: #a2def9; height: 1px; display: inline-block; width: 99%; }


    /*  ============  FOOTER  ================  */

    .FooterControl { background-color: white; clear: both; color: #5c5c5c; margin-top: 10px; padding: 5px; text-align: center; }

        .FooterControl p { margin: 0; color: #5c5c5c; }

        .FooterControl a { color: #5c5c5c; }

            .FooterControl a:hover { text-decoration: underline; }

        .FooterControl li { float: left; margin: 0 10px; }

        .FooterControl .footer-links { width: 975px; text-align: center; padding-top: 8px; }

            .FooterControl .footer-links a { }

    .ofie-horizontal-footer { background-color: #419639; height: 1px; }

    /*  =========  ADVERTISEMENT  ============  */

    .LeftLayout { position: fixed; top: 0px; padding: 0; margin: 0; left: 5px; }

    .RightLayout { position: fixed; top: 0px; padding: 0; margin: 0; right: 5px; }

    .CommunityControl .CommentList a { font-weight: normal; font-size: 14px; }

    .CommunityControl .DateCreated { font-size: 12px; }
}