﻿/* WE ONLY WANT TO ADD PHABLET PORTRAIT HERE, PHABLET LANDSCAPE TREATED AS TABLET */
/* IN ADDITION TO MOBILE CSS.*/

@media screen and (min-width: 600px) and (max-width: 962px) and (orientation: portrait) {
    .PhabCont {
        display: block;
    }

    /*.PhabCont:after {
        content: "Phablet";
    }*/

    .TabCont {
        display: none;
    }

    BODY.LaunchCruiseTypes .TopCarousel img, BODY.WorldCruisePage .TopCarousel img {
        top: 0 !important;
    }

    /*Cruise Page */

    .CruiseOverview .leftContainer {
        width: 48% !important;
        margin: 0 0 0 2% !important;
    }

    .CruiseOverview .rightContainer {
        width: 44% !important;
    }

    .CruiseInf {
        padding: 0 16px 0 0;
        width: 264px;
    }

        .CruiseInf .MapContainer {
            margin: 0 0 12px 0;
        }

    .CruiseInfContainer {
        margin: 20px 10px 20px 10px !important;
        float: left;
    }

    .AirPortMapFullWidth {
        float: left;
    }

    .AirportMapLeft {
        width: 49% !important;
    }

    .AirportMapRight {
        background: transparent;
    }

        .AirportMapRight h5 {
            position: relative;
            top: auto;
            left: auto;
        }

    .AirportMapAutoImage {
        margin: 30px 0 10px;
    }

    .WhatsIncluded {
        width: 98%;
        margin: 0 0 0 2%;
    }

        .WhatsIncluded .InfoBox {
            width: 48%;
            margin: 0 2% 2% 0;
        }

    .CustomerRatings {
        height: 36px;
        margin: 0;
    }

        .CustomerRatings.ShipRatings5 {
            background: transparent url("/Images/POC_imagesprite.png") no-repeat scroll 0 -824px;
        }

    .CustomerReview {
        width: 44%;
    }

    .H1spanH2 {
        float: none;
    }

    .CabinPricingContainer .TextLink, .cabinBookNow .TextLink
    {
        word-spacing:normal;
    }

    .MetaGradeFooterCol1
    {
        width:100%;
    }

    .PulseTabContainer .PulseFeature
    {
        height:auto;
    }

    /*Cruise Page */

    /*Slides / Images*/

    .Content.MasterSlider .YouTubeContainerTop, #slides, .TopCarousel, .TopCarousel .caroufredsel_wrapper, .TopCarousel .Slides, .flowtooltip .flowplayer, .carousel, .MasterSlider .tcarousel, .MasterSlider .caroufredsel_wrapper, #tabletslides, BODY.LaunchCruiseTypes .carousel, .TopCarousel img, .carousel.ShoreExImages, .ImageContainer.CruiseDestination img, .ImageContainer.TopImageContainer, .ImageContainer.TopImageContainer img, BODY.LaunchCruiseTypes .TasterMoreContent .carousel, BODY.LaunchCruiseTypes .TasterMoreContent .caroufredsel_wrapper, .Cruises .CruiseMapContainer, .Cruises2 .CruiseMapContainer, .touch #cruiseMap, .DestinationsContent .carousel, .Slides, .LaunchCruiseTypes .YouTubeContainerTop, .flowtooltip .flowplayer {
        height: 300px !important;
    }

    .Slide, .prev, .next
    {
        max-height: 300px !important;
    }

    .Slide img {
        height: 300px !important;
        max-height: 300px !important;
        min-height: 300px !important;
    }

    .ImageContainer.CruiseDestination.focuspoint {
        height: 300px !important;
        min-height: 300px !important;
    }

    .ImageContainer.CruiseDestination.focuspoint {
        min-height: 300px;
    }

    .ImageContainer.CruiseDestination .YouTubeContainerTop, .CruiseItineraryItemImage, .CruiseItineraryItemImage IMG, #cruiseMap
    {
        height:300px;
    }


    .largeprev, .largenext
    {
        top:48%;
    }

    .InfoControlBarText
    {
        bottom:10px;
    }

    /*Slides / Images*/


    /*Footer*/

    
    #newFooter .OffersBox .signupText2
    {
        margin-left:20px;
    }

    /*Footer*/


    /*Search Results*/

    .resultItemNew .resImg {
        width: 45%;
        margin: 0 5% 0 0;
    }

    .resultItemNew .themeInfo {
        position: absolute;
        top: 220px;
        left: 12px;
    }

    .resultItemNew .resDetails {
        width: 50%;
    }

    .footerRt {
        border-top: 1px solid #000 !important;
    }

        .footerRt .detailsLink {
            width: 50%;
            padding-top: 10px;
        }

    .resultItemNew .cruiseFooter {
        margin: 10px 0 0;
    }



    /*Search Results*/

    /*Search Filter*/

    .top-panel-content .MobileContent {
        width: 60%;
        margin: 0 auto;
    }

    #filter .price-type .type {
        width: 60%;
        margin: 0 20%;
    }


    #filter .price-type h4
    {
        margin: 0 22% 10px 22%;
        width: 56%;
    }

    .DepartureContainer
    {
        width:60%;
        margin:0 auto;
    }

    .DestinationCruiseCount
    {
        margin: 60px auto 0;
        width: 60%;
    }

    .searchItemregionids
    {
        width:60% !important;
        margin:0 20% !important;
    }

    .SearchPanelCriteria
    {
        width:98%;
        margin:0 2%;
    }

    .SearchStickyPanel .SearchDdlBox select, .SearchStickyPanel .SearchDdlBox span.select, .SearchStickyPanel .SearchDdlBox
    {
        width:170px !important;
    }

    .SearchPanel
    {
        height:105px;
    }

    .SearchPanel .TextLinkContainer
    {
        left:2%;
        width:98%;
    }

    .SearchPanel #searchholidaynumbersticky
    {
        left: 190px;
        right:auto;
    }

    A#qckSearchBtnId
    {
        width:150px !important;
    }

    .HolidayNumberPanel .right
    {
        margin: 0 2%;
        width: 98%;
    }

    .SearchStickyPanel .stickypaneltext
    {
        float:none;
        margin:0 0 11px 2%;
    }

    .SearchStickyPanel .HolidayNumberPanel .link-more
    {
        float:none;
    }

    .HolidayNumberPanel A.TextLink, .MayWeHelpForm A.TextLink
    {
        padding:2% !important;
    }

    /*Search Filter*/

    /*Header*/

    #header-phone img
    {
        display:block;
        position: absolute;
        right: 5px;
        top: 1px;
    }

    .HowMayWeHelpContainer {
        bottom: 0;
        left: 10%;
        right:10%;
        overflow: auto;
        position: fixed;
        top: 100px;
        width: 80%;
    }

    #logo {
        background: url('/Images/POC-logo-phablet.png') no-repeat scroll left top !important;
    }

    #header, #header .left #logo a
    {
        height:100px;
        margin:0;
    }

    #header .left {
        background: url('/Images/POC-header-stripe-1px_solid-blue.png') repeat-x scroll center top !important;
    }

    BODY.Content .ContentTop
    {
        margin:100px 0 0 0 !important;
    }

    .MasterSlider .tcarousel
    {
        top: 140px !important;
    }

    #MessageHolder
    {
        height:80px;
    }

    .MasterSlider.MessageDisplayed .tcarousel
    {
        top: 0 !important;
    }

    .MasterSlider .tcarousel .caroufredsel_wrapper
    {
        top:0 !important;
    }


    /*Header*/

    /*Pulses*/

    .PulseTabContainer, .ImageHtmlTagContainer
    {
        width:50%;
        float:left;
    }

    .PulseOffer2, .PulseOffer1
    {
        background-color:transparent;
    }

    /*Pulses*/

    /*Images*/

    .excursion .rightContainer
    {
        padding:10px 3% 10px 3%;
    }

    .carousel.ShoreExImages
    {
        margin:0 !important;
    }

    .carousel.ShoreExImages, .carousel.ShoreExImages .ShoreExSlide IMG, .ShoreExInitalImage IMG
    {
        height:353px !important;
        width:470px !important;
    }

    .ShoreExSlide
    {
        height:353px !important;
        width:470px !important;
        padding:0 !important;
    }


    .RegionCruiseContent IMG
    {
        height:130px;
    }


    .ArticlePage .main .intro-panel .box.type-hub.double
    {
        width:49.25% !important;
        min-width:49.25% !important;
        margin:0 0.75% 0 0;
    }

    .ArticlePage #main .intro-panel .box, .ArticlePage .main .intro-panel .box
    {
        width:49.25% !important;
        min-width:49.25% !important;
        margin:0 0.75% 0 0;
    }

    .ArticlePage .main .intro-panel .box.RecentlyViewedCntrlHomepage2014, .ArticlePage .main .intro-panel .RecentlyViewedCntrlHomepage2014 .box
    {
        width:100% !important;
        min-width:100% !important;
        margin:0;
    }

    .ArticlePage  #main .intro-panel .panel, .ArticlePage .main .intro-panel .panel
    {
        height:auto;
    }

    .ArticlePage .rightContainer.articleContent .box.type-hub .content
    {
        padding:15px !important;
        margin-top:15px !important;
    }

    .ArticlePageContent #main .intro-panel .link-view-more3, .ArticlePageContent .main .intro-panel .link-view-more3
    {
        bottom:-20px;
    }

    .ArticlePageContent .main .intro-panel .box.type-hub .panel
    {
        padding:0 0 40px 0;
    }

    .ArticlePageContent .main .intro-panel .box.type-hub .not-background
    {
        min-height:130px;
    }

    .ArticlePageContent #ctl00_MainContent_OtherCategoriesControl_ControlHeading
    {
        float:left;
        margin:20px 0 20px 0;
    }

    .ArticlePageContent #main .intro-panel .campaign .textContent, .ArticlePageContent .main .intro-panel .campaign .textContent
    {
        padding:14px 20px 10px 10px;
    }

    .ArticlePageContent.NoTopContent .articleContent h1
    {
        padding-top:0;
    }

    .rightContainerWide .InfoPanelNoBackground
    {
        float: left;
        margin: 0 0 0 2%;
        width: 48%;
    }

    .RegionCruiseItem {
        margin: 0 1% 20px;
        width: 48%;
    }

    #RegionCruises .InfoPanel, .rightContainerWide .InfoPanel, .rightContainer .InfoPanel
    {
        margin:0 0 0 2%;
        width:48%;
    }

    .rightContainerWide .clear
    {
        clear:none !important;
    }

    .RHSReviewRatingsContainer
    {
        float:left;
        width:100%;
    }

    .ImageHtmlTagContainer img
    {
        height:auto !important;
        width:auto !important;
    }

    /*Images*/

    /* port */

    .RegionPortDDContainer {
        padding: 20px 3% 20px 3%;
        float: left;
        width: 94%;
    }

    .DestinationsRegion .BackLinkContainer
    {
        margin:120px 0 0 0 !important;
    }

    .Ports .BackLinkContainer
    {
        margin:70px 0 0 0 !important;
    }

    /*port */

    /*general */

    .Ratings {
        float: left;
        width: 96%;
        margin: 20px 2% 0;
    }

    /*general */

    /*form*/

    .MayWeHelpForm .TextLink
    {
        height:25px;
    }

    /*form*/

    /*Mobile menu */

    .mobileMenu.absMobileMenu
    {
        display:block;
    }


    /*Mobile menu */
}
