/* Global */
@media all and (min-width: 0) {
    body { font-family: georgia,times,'times new roman',serif; }
    .MSN { display: none; }

    .Avatar { display: none; }

    a { color: #004276; }

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

        a img { border: none; }

    ul { list-style: none; }

    .left { float: left; }

    .right { float: right; }

    .clearfix { clear: both; }

    .byline { font-style: italic; }

    .tags { font-size: 12px; font-weight: bold; color: #808e8f; }

    img.left { float: left; }

    img.right { float: right; }

    .nav-bullet-off { list-style-type: none; }

    hr.double-column { clear: both; background: #c8c8c9; border: none; }

    hr.left-column { clear: both; float: left; background: #c8c8c9; border: none; }

    hr.right-column { float: left; background: #c8c8c9; border: none; }

    #MainPanel { background: #e9e9e9; text-align: center; }

    #CenterColumn { text-align: left; }

    #Banner { background: white; border-bottom: 1px solid #bfbfbf; }

    #Content { background: white; border-bottom: 1px solid #bfbfbf; }

    .BlogList ul { }

    .Blogs .BlogList h3 a { text-decoration: none; }

    .BlogLatestControl .Title a { text-decoration: none; }

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

    .FooterLayout { padding: 5px; }

    .FooterControl { clear: both; color: #004276; text-align: center; }

        .FooterControl p { }

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

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

        .FooterControl li { float: left; }

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

            .FooterControl .footer-links a { color: #004276; }

    /*Most Popular*/

    .MPTitle { font-size: 22px; font-weight: bold; }

    .PopularTabContentListC1Control { text-align: left; margin: 10px auto; width: 99%; }

    .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; }

    .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-top: 3px; }

        .most-popular-visited ul a { text-decoration: none !important; }

    .most-popular-articles p { padding: 0; margin: 0; }

    .most-popular-articles { padding: 5px; }

        .most-popular-articles dt { font-weight: bold; border-bottom: solid 1px #BBBBBB; }

        .most-popular-articles dd { padding-top: 8px; margin-left: 3px; }

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

    .AdvertisementControl { text-align: center; }

        .AdvertisementControl .Title { font-size: 22px; font-weight: bold; color: black; padding: 8px; }

    /* Community*/
    .CommunityControl { padding: 5px; }


    .Community .CommentList .Title { background-color: white; border: none !important; }

    .CommentList .Title a { text-decoration: underline !important; font-size: 14px !important; }

    .CommunityControl .Community { border-bottom: solid 1px #b0b0b0; color: #5D5D5D; padding: 5px; font-size: 13px; }

    .CommunityControl .Avatar { float: left; height: 45px; width: 45px; padding: 10px; }

    .CommunityControl .CommentList { min-height: 65px; width: 99%; padding-top: 5px; }



    .Title h2 { font-weight: normal; font-size: 22px; }

        .Title h2 strong { font-weight: bolder; color: black; font-size: 22px; }

        .Title h2 a { color: black; font-size: 22px; font-weight: normal; text-decoration: none; }

    .CommunityTitle h2 { font-weight: normal; font-size: 22px; }

        .CommunityTitle h2 strong { font-weight: bolder; color: black; font-size: 22px; }

    .ShoppingTitle h2 { font-weight: normal; font-size: 22px; }

        .ShoppingTitle h2 strong { font-weight: bolder; color: black; font-size: 22px; }

        .ShoppingTitle h2 a { color: black; font-size: 22px; }

    .MPTitle h2 { font-weight: normal; padding: 0; margin: 0; }

        .MPTitle h2 strong { font-weight: bolder; color: black; font-size: 22px; }

        .MPTitle h2 a { color: black; font-size: 22px; }

    .MobileLeaderboardAdvertisement .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; }
    div.recommendation.sailthruRecommendation > div#sailthru-concierge > div.recommendationWrapper > div.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; padding-top: 5px; }

    .HeaderLayout .ControlHeader .Desktop .headerBanner { display: none; }

    .HeaderLayout .ControlHeader .Desktop .headerNavigation { display: none; }

    .HeaderLayout .ControlHeader .Desktop .headerAd { display: none; }

    .ContentLayout { border-top: solid 4px#a2def9; }

    a { text-decoration: underline; }

    .ControlHeader .dvSearch { width: 90%; padding: 5px; display: inline-block; }

    .gsc-control-cse { padding: 0 !important; }

    /*  ===========  TOP SOCIAL MEDIA  ==================  */

    .Member { width: 300px; }

        .Member .Social { width: 75px; }



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

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

            .Member .Login .LoginBar a { font-size: 14px; font-weight: bold; float: left; }

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

            .Member .Login .JoinBar a { font-size: 14px; font-weight: bold; float: left; }

    .NavigationLayout { display: none; }

    .BreadcrumbControl { 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 { margin: 0 auto; text-align: center; }

    .Title { background-color: white; font-size: 20px; color: black; font-weight: bold; width: 99%; display: inline-block; }

    .title { background-color: white; font-size: 20px; font-weight: bold; color: black; width: 99%; display: inline-block; }

        .Title a { background-color: white; font-size: 20px; color: black; font-weight: bold; width: 99%; display: inline-block; }

        .title a { background-color: white; font-size: 20px; color: black; font-weight: bold; width: 99%; display: inline-block; }

    .dvTitle { background-color: white; font-size: 20px; color: black; font-weight: bold; width: 99%; display: inline-block; }

        .dvTitle a { background-color: white; font-size: 20px; color: black; font-weight: bold; width: 99%; display: inline-block; }

    .Title { padding: 8px 2px; }

    .NewsletterAdvertisement { width: 99%; display: inline-block; padding: 5px 0 5px 5px; }

        .NewsletterAdvertisement .AdvertisementControl .Title { display: none; }
    .Comments .Comment .Information .DisplayName { font-weight: bold; }
    .Comments .Comment .Information .DateCreatedv { font-style: italic; }

    /* Category page */

    .CategoryColumnsSubLayout .LeftColumn .LeftColumnCenter { border-top-width: 1px; border-top-style: dashed; border-top-color: black; }

    div.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; }


    .CenterColumnThree .EmptyContainerControl { padding-bottom: 10px; }

    div.ContentFreshControl > div.Content > div.ContentList { padding: 3px 0; }

    div.MobileHeader { margin: 0 0 4px; }

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

    .Logo { display: none; }

    .Facebook, .Twitter, .Pintrest, .GooglePlus, .LinkedIn { 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/MEL/Editorial/Layout/mobile-menu.ashx); top: 5px; left: 5px; width: 40px; height: 40px; position: absolute; }

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

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

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

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

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

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

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

    .Header { text-align: center; width: 100%; }

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


    .ShoppingTitle { text-transform: uppercase; }


    .BlogLatestC1Control .BlogLatestControl .Blogs .BlogList ul li { padding-bottom: 8px; }



    .BlogLeftColumnLeft .LeftTop .FeaturedBlogControl .Content .Title { padding-top: 8px; padding-bottom: 8px; background-color: white; }

    .top-books .row .top-books-item { border-bottom: dashed 1px #e3dfd0; padding: 10px 0 5px 0; }

        .top-books .row .top-books-item .top-books-title a { font-weight: bold; }

        .top-books .row .top-books-item .top-books-content { padding: 8px 0; float: left; }

        .top-books .row .top-books-item .top-books-price { padding: 0 3px; text-align: right; font-weight: bold; }


    .MobileControls { display: block; }

    .MobileHeader { width: 99%; text-align: center; background-image: url(/~/media/Images/MEL/Editorial/Layout/mobile_banner.ashx); background-size: contain; background-repeat: no-repeat; background-position: center; cursor: pointer; }

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

    .OrderFormInEditorialLayout .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; }
    /* Sitecore Default Stylesheet */

    .MobileMenuSystem { display: block; }

    .HeaderControl { display: none; }

    .NavigationLayout { display: none; }

    .LargeAd { display: none; }

    .MobileAdvertisement { display: block; }

    .MobileHeader { height: 50px; }

    hr.double-column { clear: both; background: #c8c8c9; border: none; }

    hr.left-column { clear: both; float: left; background: #c8c8c9; border: none; }

    hr.right-column { float: left; background: #c8c8c9; border: none; }

    #MainPanel { background: #e9e9e9; text-align: center; }

    #CenterColumn { text-align: left; }

    #Banner { background: white; border-bottom: 1px solid #bfbfbf; }

    #Content { background: white; border-bottom: 1px solid #bfbfbf; }

    /*  ===========  HEADER AND TOP SOCIAL MEDIA  ==================  */

    .HeaderLayout { height: 70px; background-color: White; }

    .HeaderControl .headerBanner { float: left; }

    .HeaderControl .headerAd { float: right; }

    .HeaderControl .dvSearch { float: left; }

    /*  ===========  TOP SOCIAL MEDIA  ==================  */

    .Member { float: left; }

        .Member .Social { float: left; }

            .Member .Social a { }

        .Member .Login { float: left; }

            .Member .Login .LoginBar .dvDisplayName { font-size: 14px; text-decoration: none; font-weight: bold; float: left; }

            .Member .Login .LoginBar a { font-size: 14px; font-weight: bold; float: left; }

            .Member .Login .Divide { font-weight: Bold; float: left; font-size: 14px; }

            .Member .Login .JoinBar a { font-size: 14px; font-weight: bold; float: left; }

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

    .NavigationControl { clear: both; background: #fff; overflow: hidden; }

        .NavigationControl .dvNavigation { }

            .NavigationControl .dvNavigation ul { list-style-type: none; display: block; }

            .NavigationControl .dvNavigation li { float: left; }

                .NavigationControl .dvNavigation li a { text-decoration: none; text-transform: uppercase; color: Black; font-size: 13px; font-weight: bold; }

                    .NavigationControl .dvNavigation li a:hover { text-decoration: underline; }

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

    .HeaderControl .headerNavigation { float: right; }

        .HeaderControl .headerNavigation ul { list-style-type: none; }

            .HeaderControl .headerNavigation ul li { float: left; border-right: 1px solid #333; }

                .HeaderControl .headerNavigation ul li.last { border-right: none; }
}

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


    .MobileMenuSystem { display: block; }

    .HeaderControl { display: none; }

    .MobileHeader { height: 60px; }

    .NavigationLayout { display: none; }

    .LargeAd { display: none; }

    .MobileAdvertisement { display: block; }
    /*  ===========  HEADER AND TOP SOCIAL MEDIA  ==================  */

    .HeaderLayout { height: 80px; background-color: White; border-bottom: solid 4px#a2def9; }

    .HeaderControl .headerBanner { float: left; }

    .HeaderControl .headerAd { float: right; }

    .HeaderControl .dvSearch { float: left; }

    /*  ===========  TOP SOCIAL MEDIA  ==================  */

    .Member { float: left; }

        .Member .Social { float: left; }

            .Member .Social a { }

        .Member .Login { float: left; }

            .Member .Login .LoginBar .dvDisplayName { font-size: 14px; text-decoration: none; font-weight: bold; float: left; }

            .Member .Login .LoginBar a { font-size: 14px; font-weight: bold; float: left; }

            .Member .Login .Divide { font-weight: Bold; float: left; font-size: 14px; }

            .Member .Login .JoinBar a { font-size: 14px; font-weight: bold; float: left; }


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

    .NavigationControl { clear: both; background: #fff; overflow: hidden; }

        .NavigationControl .dvNavigation { }

            .NavigationControl .dvNavigation ul { list-style-type: none; display: block; }

            .NavigationControl .dvNavigation li { float: left; }

                .NavigationControl .dvNavigation li a { text-decoration: none; text-transform: uppercase; color: Black; font-size: 13px; font-weight: bold; }

                    .NavigationControl .dvNavigation li a:hover { text-decoration: underline; }

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

    .HeaderControl .headerNavigation { float: right; }

        .HeaderControl .headerNavigation ul { list-style-type: none; }

            .HeaderControl .headerNavigation ul li { float: left; border-right: 1px solid #333; font-size: 10px; }

                .HeaderControl .headerNavigation ul li.last { border-right: none; }

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

    .OrderFormInEditorialLayout { border-top: dashed 1px #BBB; }

        .OrderFormInEditorialLayout .ofie-horizontal .ofie-horizontal-header { font-weight: bold; font-size: 24px; text-align: center; }

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

/* Tablet */
@media all and (min-width : 481px) and (max-width : 600px) {
    .SmallTabletPortrait { display: block; }


    .MobileMenuSystem { display: block; }

    .HeaderControl { display: none; }

    .MobileHeader { height: 90px; }

    .NavigationLayout { display: none; }


    .LargeAd { display: none; }

    .MobileAdvertisement { display: block; }

    /*  ===========  HEADER AND TOP SOCIAL MEDIA  ==================  */

    .HeaderLayout { height: 110px; background-color: White; border-bottom: solid 4px#a2def9; }

    .HeaderControl .headerBanner { float: left; }

    .HeaderControl .headerAd { float: right; }

    .HeaderControl .dvSearch { float: left; }

    /*  ===========  TOP SOCIAL MEDIA  ==================  */

    .Member { float: left; }

        .Member .Social { float: left; }

            .Member .Social a { }

        .Member .Login { float: left; }

            .Member .Login .LoginBar .dvDisplayName { font-size: 14px; text-decoration: none; font-weight: bold; float: left; }

            .Member .Login .LoginBar a { font-size: 14px; font-weight: bold; float: left; }

            .Member .Login .Divide { font-weight: Bold; float: left; font-size: 14px; }

            .Member .Login .JoinBar a { font-size: 14px; font-weight: bold; float: left; }

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

    .NavigationControl { clear: both; background: #fff; overflow: hidden; }

        .NavigationControl .dvNavigation { }

            .NavigationControl .dvNavigation ul { list-style-type: none; display: block; }

            .NavigationControl .dvNavigation li { float: left; }

                .NavigationControl .dvNavigation li a { text-decoration: none; text-transform: uppercase; color: Black; font-size: 13px; font-weight: bold; }

                    .NavigationControl .dvNavigation li a:hover { text-decoration: underline; }

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

    .HeaderControl .headerNavigation { float: right; }

        .HeaderControl .headerNavigation ul { list-style-type: none; }

            .HeaderControl .headerNavigation ul li { float: left; border-right: 1px solid #333; font-size: 10px; }

                .HeaderControl .headerNavigation ul li.last { border-right: none; }
}

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


    .MobileMenuSystem { display: block; }

    .HeaderControl { display: none; }

    .MobileHeader { height: 90px; }

    .NavigationLayout { display: none; }

    .LargeAd { display: none; }

    .MobileAdvertisement { display: block; }
    /* Sitecore Default Stylesheet */

    hr.double-column { clear: both; background: #c8c8c9; border: none; }

    hr.left-column { clear: both; float: left; background: #c8c8c9; border: none; }

    hr.right-column { float: left; background: #c8c8c9; border: none; }

    #MainPanel { background: #e9e9e9; text-align: center; }

    #CenterColumn { text-align: left; }

    #Banner { background: white; border-bottom: 1px solid #bfbfbf; }

    #Content { background: white; border-bottom: 1px solid #bfbfbf; }

    /*  ===========  HEADER AND TOP SOCIAL MEDIA  ==================  */

    .HeaderLayout { height: 110px; background-color: White; border-bottom: solid 4px#a2def9; }

    .ControlHeader .headerBanner { float: left; }

    .ControlHeader .headerAd { float: right; }

    .ControlHeader .dvSearch { float: left; }

    /*  ===========  TOP SOCIAL MEDIA  ==================  */

    .Member { float: left; }

        .Member .Social { float: left; }

            .Member .Social a { }

        .Member .Login { float: left; }

            .Member .Login .LoginBar .dvDisplayName { font-size: 14px; text-decoration: none; font-weight: bold; float: left; }

            .Member .Login .LoginBar a { font-size: 14px; font-weight: bold; float: left; }

            .Member .Login .Divide { font-weight: Bold; float: left; font-size: 14px; }

            .Member .Login .JoinBar a { font-size: 14px; font-weight: bold; float: left; }

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

    .NavigationControl { clear: both; background: #fff; overflow: hidden; }

        .NavigationControl .dvNavigation { }

            .NavigationControl .dvNavigation ul { list-style-type: none; display: block; }

            .NavigationControl .dvNavigation li { float: left; }

                .NavigationControl .dvNavigation li a { text-decoration: none; text-transform: uppercase; color: Black; font-size: 13px; font-weight: bold; }

                    .NavigationControl .dvNavigation li a:hover { text-decoration: underline; }

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

    .HeaderControl .headerNavigation { float: right; }

        .HeaderControl .headerNavigation ul { list-style-type: none; }

            .HeaderControl .headerNavigation ul li { float: left; border-right: 1px solid #333; font-size: 10px; }

                .HeaderControl .headerNavigation ul li.last { border-right: none; }
}

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


    .MobileMenuSystem { display: block; }

    .HeaderControl { display: none; }

    .MobileHeader { height: 90px; }

    .NavigationLayout { display: none; }

    .LargeAd { display: block; }

    .MobileAdvertisement { display: none; }

    hr.double-column { clear: both; background: #c8c8c9; border: none; }

    hr.left-column { clear: both; float: left; background: #c8c8c9; border: none; }

    hr.right-column { float: left; background: #c8c8c9; border: none; }

    #MainPanel { background: #e9e9e9; text-align: center; }

    #CenterColumn { text-align: left; }

    #Banner { background: white; border-bottom: 1px solid #bfbfbf; }

    #Content { background: white; border-bottom: 1px solid #bfbfbf; }

    /*  ===========  HEADER AND TOP SOCIAL MEDIA  ==================  */

    .HeaderControl .headerBanner { float: left; }

    .HeaderControl .headerAd { float: right; }

    .HeaderControl .dvSearch { float: left; }

    /*  ===========  TOP SOCIAL MEDIA  ==================  */

    .Member { float: left; }

        .Member .Social { float: left; }

            .Member .Social a { }

        .Member .Login { float: left; }

            .Member .Login .LoginBar .dvDisplayName { font-size: 14px; text-decoration: none; font-weight: bold; float: left; }

            .Member .Login .LoginBar a { font-size: 14px; font-weight: bold; float: left; }

            .Member .Login .Divide { font-weight: Bold; float: left; font-size: 14px; }

            .Member .Login .JoinBar a { font-size: 14px; font-weight: bold; float: left; }

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

    .NavigationControl { clear: both; background: #fff; overflow: hidden; }

        .NavigationControl .dvNavigation { }

            .NavigationControl .dvNavigation ul { list-style-type: none; display: block; }

            .NavigationControl .dvNavigation li { float: left; }

                .NavigationControl .dvNavigation li a { text-decoration: none; text-transform: uppercase; color: Black; font-size: 13px; font-weight: bold; }

                    .NavigationControl .dvNavigation li a:hover { text-decoration: underline; }

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

    .HeaderControl .headerNavigation { float: right; }

        .HeaderControl .headerNavigation ul { list-style-type: none; }

            .HeaderControl .headerNavigation ul li { float: left; border-right: 1px solid #333; font-size: 10px; }

                .HeaderControl .headerNavigation ul li.last { border-right: none; }
}

/* Desktop */
@media all and (min-width: 985px) {

    .DesktopLandscape { display: block; }

    .LeaderboardSubLayout { display: block; }

    .LeaderboardAdvertisement { display: block; }

    .MobileLeaderboardAdvertisement { display: none; }

    .LargeAd { display: block; }

    .MobileAdvertisement { display: none; }

    .MobileControls { display: none; }

    .Logo { width: 295px; }

    nav#mNav ul { display: none; }

    .MobileHeader { display: none; }

    /* Sitecore Default Stylesheet */


    body { width: 985px; margin: 0 auto; }

    form { width: 985px; margin: 0 auto; }

    .Frame { width: 985px; margin: 0 auto; border: 2px solid#a2def9; }

    a { text-decoration: none; }

    .Title a { text-decoration: none; }

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

    hr.double-column { clear: both; background: #c8c8c9; border: none; height: 1px; }

    hr.left-column { clear: both; float: left; background: #c8c8c9; border: none; height: 1px; width: 297px; margin: 0; }

    hr.right-column { float: left; background: #c8c8c9; border: none; height: 1px; width: 297px; margin: 0 0 0 25px; }

    #MainPanel { background: #e9e9e9; text-align: center; height: 100%; }

    #CenterColumn { text-align: left; margin: auto; width: 800px; }

    #Banner { background: white; border-bottom: 1px solid #bfbfbf; padding: 8px; }

    #Content { background: white; margin: 10px 0px 0px 0px; border-bottom: 1px solid #bfbfbf; padding: 16px 16px 48px 16px; }

    /*  ===========  HEADER AND TOP SOCIAL MEDIA  ==================  */

    .HeaderLayout { background-color: White; border-bottom: solid 4px#a2def9; }

    .ControlHeader .headerBanner { float: left; width: 300px; padding-top: 5px; padding-left: 5px; height: 110px; }

    .ControlHeader .headerAd { float: right; margin: 5px 10px 0 0; }

    .ControlHeader .dvSearch { float: left; width: 290px; height: 30px; margin: 0px 0 0 41px; padding: 0 0 10px; }

    /*  ===========  TOP SOCIAL MEDIA  ==================  */

    .Member { margin: 20px 0 0 100px; float: left; width: 300px; }

        .Member .Social { width: 75px; float: left; }

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

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

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

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

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

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

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

    .NavigationControl { clear: both; background: #fff; width: 985px; height: 20px; padding-top: 7px; overflow: hidden; font-family: Arial,Helvetica,sans-serif; }

        .NavigationControl .dvNavigation { }

            .NavigationControl .dvNavigation ul { list-style-type: none; display: block; margin: 0px; padding: 0px; }

            .NavigationControl .dvNavigation li { float: left; padding: 0 5px 3px 11px; }

                .NavigationControl .dvNavigation li a { text-decoration: none; text-transform: uppercase; color: Black; font-size: 13px; }

                    .NavigationControl .dvNavigation li a:hover { text-decoration: underline; }

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

    .ControlHeader .headerNavigation { width: 365px; float: right; }

        .ControlHeader .headerNavigation ul { list-style-type: none; margin: 5px 0; }

            .ControlHeader .headerNavigation ul li { float: left; border-right: 1px solid #333; padding: 0 5px; }

                .ControlHeader .headerNavigation ul li.last { border-right: none; }



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

    .OrderFormInEditorialLayout { border-top: solid 1px #a2def9; }

    .ofie-horizontal-content { border-bottom: solid 1px #a2def9; }

    .OrderFormInEditorialLayout .ofie-horizontal .ofie-horizontal-header { font-weight: bold; font-size: 24px; text-align: center; margin: 0; padding: 5px 0 5px 0; }

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

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

        .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: 450px; float: left; padding-top: 5px; padding-left: 5px; }

    .OrderFormInEditorialLayout .ofie-horizontal .ofie-body { width: 500px; float: left; padding: 5px; border-right: solid 1px #a2def9; }

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