﻿
/*MOBILE MEDIA QUERIES */

/*Mobile up to Phablet Portrait*/ /*11/08/15 increased max-width from 599 to 601 so the Nexus portrait gets mobile styles PLUS/OVER-RIDDEN with what is in phablet_52.css*/
@media screen and (min-width: 300px) and (max-width: 603px), screen and (min-width: 300px) and (max-width: 668px) and (-webkit-min-device-pixel-ratio : 2) {


    /* GRID LAYOUT */

    #container, #contentContainer {
        width: 100% !important;
        padding: 0 !important;
    }

    #content {
        top: 0 !important;
    }

    /* GRID LAYOUT */

    /*COMMON CONTENT LAYOUTS*/

    #main.MainWithImage, .MetaGradeFooterCol3, .CruiseTableContainer, .HomePageNew2014 #content #main, .Overlay .ControlItem {
        padding: 0 !important;
    }


    #main .intro-panel, .main .intro-panel, #SocialMedia, .SocialMediaContainer, .top5qpanel, .faq-panel, .searchCtrl, #holder, #filter, #filter .panel, .Cruises2 .InfoBoxesContainer, #main .col-lhs2cols, .main .col-lhs2cols, .InfoBoxControlBar, .RegionInfoBox a:first-child, .BrochureItem, .press-release .details .desc .fulllink, .YourAccount .fulllink, .RichTextStyles .fulllink, .TextLoginBlockContainer .RHSPromo, .TextLoginBlockContainer .LeftColumn, .stickyTop.stuck, .ControlItem DIV.content-tab-right {
        width: 100% !important;
    }

    #rightContainer, .rightContainer, .Cruises2 .InfoBoxesContainer, .BookNowContainer, .Overlay .TasterIntro, .Overlay .TasterIntroText {
        width: 100% !important;
        margin: 0 !important;
    }

    #nav, .intro-panelTop, .ShoreExVideoLink, #SlideInfo, .InPageNav, .InPageNavNext, .InPageNavPrev, .InnerPage, #footerWrapper, #footer, .footershim, .FlowPlaylist, .SlideTextLink, .SearchLookingForItems .right, .rMHide, .SlideExtraInfoCarousel, .Slide360Link, .InstructionsIcon, .vtText, .Overlay .rightContainerWide, .CaouselImageCaption, .helpBox, .moreText {
        display: none !important;
    }

    #searchSiteTextBox, .magglass {
        display: none;
    }



    .siblingNavMobile.searchNew.stuck {
        position: fixed;
        top: 0px;
        z-index: 9999;
    }

    .searchNew {
        border-bottom: none !important;
        background-color: #fff !important;
    }

    .resultItemNew.NoImage .detailsLink {
        width: 100%;
    }

    .HomePageNew2014 .intro-panelTop {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        height: auto !important;
    }

    .intro-panelx .CountdownBanner .findoutmore {
        display: none;
    }

    .intro-panelx .CountdownBanner .ClockContainer .flip-clock-wrapper ul, .flip-clock-wrapper ul {
        width: 15px !important;
    }

        .intro-panelx .CountdownBanner .ClockContainer .flip-clock-wrapper ul li a div div.inn {
            font-size: 20px;
        }

        .intro-panelx .CountdownBanner .ClockContainer .flip-clock-wrapper ul li {
            line-height: 33px !important;
        }

    .intro-panelx .CountdownBanner .ClockContainer .flip-clock-divider .flip-clock-label {
        font-size: 14px;
        font-family: 'cronos-pro', sans-serif;
    }

    .intro-panelx .CountdownBanner .ClockContainer .flip-clock-wrapper ul, .flip-clock-wrapper ul {
        height: 30px !important;
    }

    .intro-panelx .CountdownBanner .ClockContainer {
        margin-top: 20px;
    }

    #QuickSearch2014 {
        display: none !important;
    }

        #QuickSearch2014.MobileMenuShow {
            display: block !important;
        }

    #QuickSearch2014 {
        display: none;
    }

    #leftContainer, .leftContainer, .three, .two, .TextBlock, .OverlayContent,
    .TextLoginBlockContainer .TextBlock.FullWidth, .leftColumnregister.register, .registerFooter, #accountRegisterContainer .fulllink, .leftColumnReview, .mobileMenuContentText {
        width: 96% !important;
        margin: 0 2% 0 2% !important;
        float: left !important;
    }

    .leftPaddingTop {
        padding-top: 70px;
    }

    #breadcrumb {
        width: 97% !important;
        margin: 0 0 0 0 !important;
        float: left !important;
    }


    .MinusLeftMargin {
        margin: 0 -3% 0 -3%;
    }

    .HomeImageDesktop, .HomeImageTablet {
        display: none;
    }

    .HomeImageMobile, .mobileCruiseMap {
        display: block;
    }

    #CarouselPagination,
    #CarouselPaginationTablet {
        display: none !important;
        left: -999em !important;
    }

    #PageHeading {
        width: 96% !important;
        margin: 0 2% 0 2% !important;
    }

    .accounts .TextBlock {
        width: 99% !important;
    }

    .setupLink {
        margin-left: -10px;
    }

    .clubNumberInfo {
        width: 95%;
    }

    #clubNumber {
        width: 98%;
    }

    .ClubTier.YourAccount p,
    .ClubTier.YourAccount ul {
        padding-left: 7px;
    }

    #divFullDetailsContainer,
    .registerFooter p,
    .registerFooter .form-check,
    .accounts .TextBlock.RichTextStyles H2,
    .accounts .TextBlock.RichTextStyles H3,
    .accounts .TextBlock.RichTextStyles H4,
    .accounts .TextBlock.RichTextStyles p {
        padding-left: 7px !important;
    }


    .accounts .TextBlock.RichTextStyles H2,
    .accounts .TextBlock.RichTextStyles H3,
    .accounts .TextBlock.RichTextStyles H4,
    .accounts .TextBlock.RichTextStyles p {
        padding-right: 6px !important;
    }

    .ClubTier.YourAccount ul li {
        padding: 0 0 4px 35px;
        height: 30px;
        margin: 0 0 7px 0;
        float: left;
        width: 89%;
        line-height: 20px;
    }

    .tbl-cruise-history {
        width: 97%;
    }

    .review-score .tableFloatLeft {
        margin-left: 0px !important;
    }

        .review-score .tableFloatLeft label {
            margin-right: 8px;
            margin-left: 5px;
            padding-top: 4px;
            float: left;
        }

    .WriteAReviewContainer .item input {
        width: 97%;
    }

    .WriteAReviewContainer .LeftColumn .other {
        float: left;
    }

    .TextLoginBlockContainer.accounts .loginButton {
        font-size: 16px;
    }

    .tbl-cruise-history {
        margin-left: 7px;
    }

    .controlLinksContainer.accounts .link-chev-white-small {
        background-position: -70px 5px;
        left: 75px;
        position: absolute;
    }

    .form-check.account span {
        float: left;
    }

    .portLink {
        margin-bottom: 10px;
    }

    .reviewStepsBar {
        margin-left: 0px;
    }

    #review-steps li.active {
        height: 135px;
    }

    .TextLoginBlockContainer .TextBlock.WriteAReviewContainer {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .WriteAReviewContainer .item {
        width: 96% !important;
    }

    .leftColumnReview {
        width: 94% !important;
        margin: 0 0% 0 0% !important;
        float: left !important;
    }

        .leftColumnReview.review, .leftColumnregister.register {
            padding-left: 0px;
        }

    .CruiseInfContainer, .CruiseTableTitle, .CruiseDetails {
        margin: 0 !important;
    }

        .CruiseInfContainer h4, .CruiseInfContainer .reduced {
            margin: 0 0 0 2%;
        }

    .leftColumnReview.preview {
        margin-left: 10px !important;
    }

    .ControlLinksSpacer, .ControlLinksSpacer H5, .rightContainer .mayWeHelp, .LeftColumn .mayWeHelp {
        margin: 0 !important;
    }

    .CruisesMenuMobile.White {
        background-color: #fff;
    }

    #SocialMediaContent, .CustomerReviews {
        padding: 18px 2% 0 !important;
    }

    .CustomerReview {
        margin: 0 3%;
        width: 94%;
    }

    .CustomerReviewTop img, .CustomerReviewBottom img {
        width: 100%;
    }

    .form-review-tc {
        margin-left: 6px;
    }

        .form-review-tc a {
            float: left;
            margin-left: 10px;
        }

    .MobCont {
        display: block;
        background: #429ddc;
        position: relative;
        /*don't set height here*/
        min-height: 40px;
        z-index: 101;
    }

    /*.MobCont:after {
        content: "Mobile";
    }*/

    .TabCont {
        display: none;
    }

    .MobileContent {
        display: block;
    }

    .DesktopContent {
        display: none;
    }

    A.TextLink, DIV.TextLink {
        border-radius: 0;
        padding: 3% !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }

    A#qckSearchBtnId {
        padding: 10px !important;
        width: 130px !important;
    }

    .PricingGlance {
        margin: 0 0 10px 0;
        width: 100%;
    }

    .Adonia .next, .Adonia .prev {
        background-color: transparent !important;
    }
    /*COMMON CONTENT LAYOUTS*/


    /*PULSES*/


    .PulseContainer {
        position: relative;
        right: 0;
        margin: 0 auto;
    }

        .PulseContainer .overviewRoundel .offer {
            background: transparent url("/assets/img/PulseRoundel_Overview.png") no-repeat scroll left center;
            display: table;
            height: 219px;
            margin: 0 0 5px 9px;
            width: 212px;
        }


        .PulseContainer .overviewRoundel h4 {
            font-family: "CoreRhino45Regular";
            font-size: 24px;
            line-height: 24px;
            margin-bottom: 12px;
        }


        .PulseContainer .overviewRoundel p {
            font-family: Arial;
            font-size: 16px;
            line-height: 18px;
            margin-bottom: 6px;
        }

        .PulseContainer .overviewRoundel > * {
            color: #074391 !important;
            margin: 0;
            padding: 0;
            text-align: left;
        }

    .ImageHtmlTagContainer img {
        width: 100%;
        height: 100%;
    }

    .CruiseOverview .PulseContainer .overviewRoundel > * {
        text-align: center;
    }

    .CruiseOverview .leftContainer {
        margin: 3% 0 2% !important;
        width: 100% !important;
    }

    .CruiseOverview #ctl00_MainContent_ctl01_strapLineHeading {
        margin: 0 3% 0 3% !important;
    }

    .CruiseOverview .CruiseDescription {
        margin: 10px 3% 0 3% !important;
    }

    .CruiseOverview .rightContainer {
        margin: 0 3% 20px 3% !important;
        width: 94% !important;
    }

    .PulseContainer .overviewRoundel .offer + .pDt1 {
        display: block;
        margin: 0;
        text-align: center;
    }

    .PulseContainer .overviewRoundel .pDt1 {
        font-family: "CoreRhino45Regular";
        font-size: 20px;
        line-height: 20px;
        width: 100%;
    }

    .PulseContainer .overviewRoundel .offer > div {
        display: table-cell;
        padding-top: 1px;
        text-align: center;
        vertical-align: middle;
    }

    .PulseContainer .overviewRoundel .offer .pDt1:first-child {
        margin-bottom: 8px;
    }

    .PulseContainer .overviewRoundel .offer > div > * {
        display: inline-block;
        margin: 0;
        padding: 0;
    }


    .PulseContainer .overviewRoundel .offer .pDt2 {
        font-family: "CoreRhino45Regular";
        font-size: 48px;
        line-height: 48px;
    }


    .PulseContainer .overviewRoundel .pTerms a::after {
        background: rgba(0, 0, 0, 0) url("/images/newsearch/infoIcon.png") no-repeat scroll left top / 100% auto;
        content: "";
        display: inline-block;
        height: 16px;
        margin-left: 3px;
        vertical-align: middle;
        width: 16px;
    }

    .PulseContainer .overviewRoundel .pTerms a {
        color: #074391;
        font-family: "CoreRhino55Medium";
        font-size: 0.8em;
        padding-bottom: 3px;
        text-decoration: none;
    }



    .PulseContainer .overviewRoundel .pTerms {
        display: inline-block;
        padding: 0;
        text-align: center;
        width: 100%;
    }

    .rightContainer .ImageHtmlTagContainer {
        margin: 10px 0 10px 0;
    }


    /*PULSES*/

    /* POPUP */

    #MobilePopup, .HotSpot1 {
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    .MobilePopupIconBar {
        top: 0;
        left: 0;
        right: 0;
        height: 45px;
    }

    .VideoPopUpContent {
        padding: 45px 0 0;
    }


    /* Cruises Menus*/
    .CruisesMenuDesktop {
        display: none;
    }

    .CruisesMenuMobile {
        display: block;
    }

        .CruisesMenuMobile .cruiseLinks {
            display: none;
        }

    .Cruises2 .controlLinksContainer A {
        width: 92%;
        padding: 7px 4% 7px 4% !important;
        line-height: 1em;
        height: 1em;
        color: #fff !important;
    }

    .Cruises2 .controlLinksContainer.single A {
        padding: 0 0 0 0 !important;
    }

    .Cruises2 .controlLinksContainer A.light {
        color: #074391 !important;
    }

    .cruiseLinks .BookNowContainer A.TextLink {
        color: #fff !important;
    }

    .Cruises2 #PageHeading {
        margin: 0 3%;
        width: 94%;
        padding: 2% 0;
        float: left;
        height: auto;
    }
    /* POPUP */

    /*MOBILE MENU LAYOUT*/

    .active-menu-link {
        font-weight: bold;
    }

    #Wrapper {
        background: url('/Images/POC-header-stripe-1px_mobile.png') repeat-x scroll center top !important;
    }


    #logo {
        background-image: none !important;
    }

        #logo img {
            /*height: 100%;*/
            width: 100%;
            display: block;
        }

    .SearchCruises {
        cursor: pointer;
        height: 30px;
        line-height: 15px;
        padding: 5px 5px 5px 10px;
        position: absolute;
        right: 0;
        top: 0;
        width: 80px;
    }

        .SearchCruises.DarkBackground {
            background: #1a2e5a;
        }

        .SearchCruises .BluePlus, .SearchCruises .BlueMinus {
            position: absolute;
            right: 10px;
            top: 7px;
        }

    /*.SearchStickyPanel.stuck
    {
        position:relative;
        width:100% !important;
    }*/

    .SearchPanel {
        height: 205px;
        position: relative;
    }

    .SearchInnerWrapper.SearchStickyPanel {
        margin-top: 5px;
    }


    .SearchPanel .TextLinkContainer {
        position: absolute;
        bottom: 25px;
        left: 10%;
        width: 85%;
        font-size: 0.8em;
    }

    .SearchPanel #TotalCruises {
        position: absolute;
        bottom: 70px;
        left: 10%;
        margin: 0;
    }

    .SearchPanel #searchholidaynumbersticky {
        position: absolute;
        bottom: 10px;
        right: 10%;
        font-size: 0.95em;
    }

    .SearchPanelCriteria {
        width: 80%;
        margin: 0 10% 0 10%;
    }

    .SearchStickyPanel .SearchDdlBox select, .SearchStickyPanel .SearchDdlBox span.select, .SearchStickyPanel .SearchDdlBox {
        width: 100% !important;
        height: 36px !important;
        line-height: 36px;
        max-width: 400px;
        background: #9A873A url("/Images/SearchDropdownArrow.png") no-repeat scroll 95% 50%;
    }

    .SearchStickyPanel .SearchDdlBox {
        margin-bottom: 12px;
    }

    .SearchDdlBox select {
        height: 36px;
    }

    .SearchPanel .SearchDdlBox SELECT {
        line-height: 36px;
    }

    .SearchStickyWrapper {
        margin: 10px 0 10px 0;
        width: 100%;
    }

    .SearchStickyPanel .link-more {
        font-size: 18px;
        line-height: 18px;
        width: 65px !important;
    }

    .SearchStickyPanel .HolidayNumberPanel .link-more {
        width: 95px !important;
    }

    .HolidayNumberPanel .right {
        width: 85%;
        margin: 0 5% 0 10%;
    }

    .SearchStickyPanel #cq {
        display: block;
        margin: 0;
        margin: 10px 0 0 0;
    }

    #strapline {
        display: none;
    }

    #header .right {
        margin: 0;
        width: 100%;
        height: 100%;
        position: absolute;
    }

        #header .right #cmHolder, #header .right #header-links {
            display: none;
        }

    #header-phone img, .RequestCallText {
        display: none;
    }

    #header-phone.header-phone-uk {
        width: 100%;
    }

    .RequestCallBackLink {
        width: 100%;
        margin: 0;
    }

    #header-phone .RequestCallBack {
        position: absolute;
        background: #4fa420 url("/Images/POC_imagesprite.png") no-repeat scroll -46px -87px;
        top: 30px;
        right: 20px;
    }

    #header, #header .left #logo a {
        width: 100%;
        height: 70px;
    }

    #header {
        background: #fff !important;
    }

    .MobilePopUpContent #header {
        background-color: transparent !important;
    }

    #header .left #logo a {
        position: absolute;
        width: 150px;
        height: 70px;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100;
        margin: 0 auto;
    }

    #header .left {
        width: 100%;
        height: 100%;
        margin: 0;
        background: transparent url("/Images/POC-header-stripe-30x1px.png") repeat-x scroll center top;
    }

        #header .left #logo {
            width: 100%;
            height: 100%;
        }

    .HowMayWeHelpContainer {
        left: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        overflow: auto;
        position: fixed;
        -webkit-overflow-scrolling: touch; /*touch device scroll bubbling defense*/
        background:#fff;
    }

    .mayWeHelp {
        padding: 10px 20px 10px 20px;
    }

        .mayWeHelp .MayWeHelpForm p {
            margin-left: 0px !important;
        }

        .mayWeHelp .hiddenForm {
            display: none;
            background: #b9c9de none repeat scroll 0 0 !important;
            margin: 0 -20px;
            padding: 10px 20px;
        }

    .HomePageNew2014 #QuickSearch2014 {
        padding-bottom: 0;
    }


    #header-phone .RequestCallBack {
        /*background: #074391 url("/Images/home-sprite.png") no-repeat -72px -233px;
        height: 26px;
        width: 26px;*/
        display: none;
    }

    .MobCont .RequestCallBack {
        background:transparent  url("/Images/home-sprite.png") no-repeat scroll -40px -300px;
        height: 26px;
        width: 26px;
        right: 10px;
    }

    .MobCont .RequestCallBackLink {
        width: auto;
        float:none;
    }

    .MobCont DIV.chevron {
        height: 20px;
    }

    .bluechevron {
        background: transparent url("/Images/home-sprite.png") no-repeat scroll -40px -300px;
        float: right;
        height: 20px;
        width: 20px;
    }

    .MobileViewSavedCruisesOverlay {
        display: none;
        z-index: 2000;
    }

    .viewSavedCruisesoverlay {
        top: 110px;
        width: 100%;
    }

        .viewSavedCruisesoverlay .close {
            margin: 10px 20px 0 0;
        }

    .cruiseSaveCountContainer {
        width: auto;
    }

        .cruiseSaveCountContainer.desktop {
            display: none;
        }



    .MobileSaveCruise {
        position: absolute;
        top: 5px;
        left: 42%;
    }

    .cruiseSaveCount {
        background: rgba(0, 0, 0, 0) url("/Images/pulsating-heart.png") no-repeat scroll center center / 100% auto;
        color: #6587b6;
        cursor: pointer;
        float: right;
        font-size: 12px;
        font-weight: 700;
        height: 22px;
        text-align: center;
        width: 22px;
        padding-top: 6px;
        line-height: 1.25em;
    }

    .viewSavedCruisesoverlay {
        left: 0;
    }

    #main .intro-panel .box.Double, .main .intro-panel .box.Double,
    #main .intro-panel .box.DoubleTwoColumn, .main .intro-panel .box.DoubleTwoColumn {
        width: 100% !important;
        height: 290px !important;
    }

        #main .intro-panel .box.DoubleTwoColumn .content, .main .intro-panel .box.DoubleTwoColumn .content {
            width: 96% !important;
            height: 280px !important;
        }

    .DoubleTwoColumn .panel {
    }

    .DoubleTwoColumn .left {
        float: left;
        width: 42%;
        margin-right: 5%;
    }

    .DoubleTwoColumn .right {
        float: left;
        width: 42%;
        margin-right: 5%;
        margin-left: 0;
    }


    .myAccountMenu {
        display: none;
    }

    .myAccountMobileMenu {
        display: block;
    }

        .myAccountMobileMenu .controlLinksContainer {
            display: none;
        }

    .myAccountMenu .controlLinksContainer {
        height: auto;
    }

        .myAccountMenu .controlLinksContainer H5 {
            float: left;
            width: 100%;
        }

            .myAccountMenu .controlLinksContainer H5 a {
                width: 92%;
                border-bottom: 2px solid white;
                padding: 10px 4% 10px 2%;
                padding-left: 4% !important;
            }

    .loginSection a {
        float: right !important;
    }
    /*MOBILE MENU LAYOUT*/

    /*FEATURED CRUISES BOX SLIDER*/

    .CruiseDetailsNew .intro-panel .box {
        /*width:100% !important;*/
    }

    /*FEATURED CRUISES BOX SLIDER*/

    /*SOCIAL MEDIA*/

    .DestinationsRegion .BackLinkContainer {
        position: absolute;
        right: 0;
        margin: 100px 0 0 0 !important;
    }

    .DoubleTwoColumn h1 {
        padding: 0 0 5px 0;
    }

    .Ports .BackLinkContainer, .DestinationCountry .BackLinkContainer {
        position: absolute;
        right: 0;
        margin: 50px 0 0 0 !important;
    }

        .DestinationsRegion .BackLinkContainer A.TextLink, .Ports .BackLinkContainer A.TextLink, .DestinationCountry .BackLinkContainer A.TextLink {
            background: none;
            color: #074391 !important;
            text-transform: lowercase;
        }

            .DestinationsRegion .BackLinkContainer A.TextLink .chevronBack, .Ports .BackLinkContainer A.TextLink .chevronBack, .DestinationCountry .BackLinkContainer A.TextLink .chevronBack {
                background: transparent url("/Images/POC_imagesprite.png") no-repeat scroll -290px -411px;
                margin: 0;
            }

    .RightSocialButton {
        float: left;
        width: 100%;
    }

        .RightSocialButton .TextLink {
            width: 94%;
        }

    /*SOCIAL MEDIA*/

    /*CABIN PRICING METAGRADE TAB*/

    #ChangeType {
        height: 40px;
        padding: 5px 5px 0 0;
        position: relative;
        width: 110px;
        float: right;
        cursor: pointer;
    }

    .ChangeTypeText {
        width: 60px;
        display: block;
        float: left;
        text-align: right;
        margin: 0 5px 0 0;
        line-height: 1em;
    }

    #ChangeType .icon {
        background: #4fa420 url('/Images/home-sprite.png') no-repeat top right;
        background-position: -69px -398px;
        display: block;
        width: 25px;
        height: 25px;
        content: '';
        border-radius: 12px;
        float: left;
    }

    #ChangeType .iconclose {
        background: #429ddc url("/Images/home-sprite.png") no-repeat -69px -430px;
        display: block;
        width: 25px;
        height: 25px;
        content: '';
        border-radius: 12px;
        float: left;
    }

    .MetaGradeTabMobileOpen {
        background-color: #1a2e5a;
        color: #fff;
        display: block;
        float: left;
        height: 40px;
        margin: 0 0 3px;
        padding: 5px 20px 5px 10px;
        position: relative;
        width: 100%;
    }

        .MetaGradeTabMobileOpen .MetaGradeTabText {
            width: 200px;
            float: left;
            display: block !important;
        }

    .MetaGradeTab .MetaGradeTabText {
        width: 65%;
        display: block;
    }


    /*CABIN PRICING METAGRADE TAB*/

    /*SPECIFIC ONE-OFF CONTENT LAYOUT*/

    .CountryInformation h3
    {
        width:100%;
    }

    .NewStyleRegionBox .RegionInfoBoxAjax {
        position: static;
    }

    .MobileWhatsIncludedTitle {
        font-size: 1.5em;
        line-height: 1.5em;
    }

    .CruiseWhatsIncContainer {
        height: auto;
        margin: 0 0 20px 0;
    }

    .WhatsIncIconInfoClose {
        position: absolute;
        top: 10px;
        right: 10px;
        display: block;
    }

    .WhatsIncIcon {
        margin: 0 5px 5px 0;
        width: calc(33.3% - 5px);
    }

    .HotSpot1.MobilePale {
        background: #fff;
    }

        .HotSpot1.MobilePale .SearchErrorText {
            background: #fff;
            color: #5d5853;
        }

        .HotSpot1.MobilePale h1 {
            margin: 0 0 0.5em 0;
        }

        .HotSpot1.MobilePale h4 {
            color: #988642 !important;
            font-size: 1.375em;
            line-height: 1em;
        }

        .HotSpot1.MobilePale h3 {
            color: #074391;
            margin: 1em 0 0.5em 0;
        }

        .HotSpot1.MobilePale p {
            padding: 0 0 10px 0;
        }

        .HotSpot1.MobilePale ul {
            margin: 0 !important;
            padding-bottom: 20px !important;
            padding-left: 0 !important;
        }

        .HotSpot1.MobilePale li {
            background: rgba(0, 0, 0, 0) url("/Images/bullets/bullet_blue_blob.png") no-repeat scroll left top;
            list-style-type: none !important;
            margin: 0 0 10px !important;
            padding: 0 0 0 25px !important;
            font-size: 0.875em;
            line-height: 1.286em;
        }

    span.WhatsIncIcon:nth-child(3n+2) {
        margin: 0 0 5px 0;
        /*background:red;*/
    }

    .CruiseWhatsIncContainer span.WhatsIncIcon:nth-child(3n+2), .CruiseEnhanceYourStay span.WhatsIncIcon:nth-child(3n+2) {
        margin: 0 0 5px 0;
        width:33.3%;
    }
	.WhatsIncIconInfo h4{width:300px;}
    .WhatsIncIconInfo {
        top: 0;
    }

    .WhatsIncludedInfo .blueAccommodation
    {
        background: transparent url("icons/icons_WhatsInc_Accommodation.png") no-repeat center 10px;
    }

    .WhatsIncludedInfo .blueChildrensClubs
    {
        background: transparent url("icons/icons_WhatsInc_ChildrensClubs.png") no-repeat center 10px;
    }

    .WhatsIncludedInfo .blueDining
    {
        background: transparent url("icons/icons_WhatsInc_Dining.png") no-repeat center 10px;
    }

    .WhatsIncludedInfo .blueEntertainment
    {
        background: transparent url("icons/icons_WhatsInc_Entertainment.png") no-repeat center 10px;
    }

    .WhatsIncludedInfo .blueFlightsTransfers
    {
        background: transparent url("icons/icons_WhatsInc_Flights-Transfers.png") no-repeat center 10px;
    }

    .WhatsIncludedInfo .blueGym
    {
        background: transparent url("icons/icons_WhatsInc_Gym.png") no-repeat center 10px;
    }

    .WhatsIncludedInfo .bluePool
    {
        background: transparent url("icons/icons_WhatsInc_Pool.png") no-repeat center 10px;
    }

    .WhatsIncludedInfo .blueService
    {
        background: transparent url("icons/icons_WhatsInc_Service.png") no-repeat center 10px;
    }

    .WhatsIncludedInfo .blueShuttleBuses
    {
        background: transparent url("icons/icons_WhatsInc_ShuttleBuses.png") no-repeat center 10px;
    }

    .WhatsIncludedInfo .blueSportsDeck
    {
        background: transparent url("icons/icons_WhatsInc_SportsDeck.png") no-repeat center 10px;
    }

    .WhatsIncludedInfo .blueDanceClasses
    {
        background: transparent url("icons/icons_WhatsInc_Dance-Classes.png") no-repeat center 10px;
    }

    .WhatsIncludedInfo .blueEvents
    {
        background: transparent url("icons/icons_WhatsInc_Events.png") no-repeat center 10px;
    }

    .WhatsIncludedInfo .blueShoreExcursions
    {
        background: transparent url("icons/icons_WhatsInc_Shore-Ex.png") no-repeat center 10px;
    }
    .WhatsIncludedInfo .blueSpa
    {
        background: transparent url("icons/icons_WhatsInc_Spa-Wellness.png") no-repeat center 10px;
    }
    .WhatsIncludedInfo .blueHair
    {
        background: transparent url("icons/icons_WhatsInc_Hair-Beauty.png") no-repeat center 10px;
    }
    .WhatsIncludedInfo .blueSelectDining
    {
        background: transparent url("icons/icons_WhatsInc_SelectDining.png") no-repeat center 10px;
    }
    .WhatsIncludedInfo .blueDrinks
    {
        background: transparent url("icons/icons_WhatsInc_drinks.png") no-repeat center 10px;
    }
    .WhatsIncludedInfo .blueFitness
    {
        background: transparent url("icons/icons_WhatsInc_fitness.png") no-repeat center 10px;
    }

    .WhatsIncludedInfo
    {
        background:#074391;
        color:#fff;
    }

    .WhatsIncludedInfo h4, .InfoBoxesClose .CloseText
    {
        color:#fff;
    }

    .SavedCruises .savedtoppanel {
        margin: 0 0 0 -2%;
        width: 95%;
    }

    .Content.NoImage .carousel {
        display: none !important;
    }

    .Content.NoImage div#content.ContentTop {
        padding-top: 0 !important;
    }


    .PulseTextContent {
        padding: 10px 3%;
    }

    .PreviewPanelContainer {
        width: 96%;
        padding: 2%;
    }

    .PreviewPanelText {
        width: 100%;
    }

    #newFooter .OffersBox {
        padding: 20px 5% 0 5%;
    }

    .CruiseItinerarySummaryTitle {
        width: 94%;
        padding: 3%;
    }

    .touch .CruiseItineraryLeft .ShoreExButtonWidth {
        width: 94%;
        margin-top: 10px;
    }

    .InfoBoxControlBarOpen {
        width: 100%;
    }

    .ItContentInfo {
        overflow: hidden;
    }
    /*.Cruises2 .leftContainer .rightContainer
    {
        margin:0 0 20px 0 !important;
    }*/

    .Cruises2 .leftContainer .rightContainer p {
        width: 100%;
        margin: 0;
    }

    .Cruises2 .searchBackbutton {
        padding-right: 3%;
    }

    .SearchStickyPanel .stickypaneltext {
        line-height: 0.95em;
    }

    .cruiseSaveTitle {
        display: block;
        float: left;
        font-size: 0.8em;
        line-height: 1em;
        width: 45px;
        padding-top: 2px;
    }

    .SearchCruises .smallSame {
        font-size: 0.8em;
        line-height: 1em;
        padding-top: 2px;
        display: block;
    }

    .ContentMargin {
        margin: 0 0 20px 0 !important;
    }

    .OfferBox {
        margin: 0 0 39px 0 !important;
        width: 100% !important;
    }

    #main .intro-panel, .main .intro-panel {
        margin-left: 0;
    }

        .main .intro-panel .box.type-hub div.secondary-action {
            background: none;
        }

    .FindBook2 #breadcrumb {
        padding: 0 0 5px 0 !important;
    }

    #breadcrumb {
        padding: 10px 0 10px 3% !important;
    }

    .MobileButton {
        width: 50% !important;
    }

    .RightMobileButton {
        width: 50% !important;
        margin: 0 !important;
        position: relative;
    }

        .RightMobileButton .RegionPortGO {
            position: absolute;
            top: 0;
            right: 0;
            height: 20px;
        }

    .TasterIntroText {
        margin: 20px 0 20px 0;
    }

    .TasterIntro {
        margin: 0 0 20px 0;
        float: left;
    }

    .LaunchCruiseTypes .TasterIntroText, .LaunchCruiseTypes .TasterIntro {
        margin: 0;
    }

    .ShowRegions {
        padding: 19px 0;
    }

    .RegionList {
        margin: 0;
    }

    .RegionLinks .OpenButton {
        margin: 10px 10px 0 0;
    }

    .RegionList A {
        line-height: 2em;
    }

    .RegionLinks div.GoldOpenButton {
        background: #4fa420 url("/Images/POC_imagesprite.png") no-repeat scroll -118px -599px;
    }

    .RegionLinks div.GoldCloseButton {
        background: #6c8dbb url("/Images/POC_imagesprite.png") no-repeat scroll -119px -639px;
    }

    .FinderControl .InputContainer {
        width: auto;
    }

    .viewSavedCruisesoverlay .textContainer {
        padding-left: 2%;
    }

    .viewSavedCruisesoverlay a.TextLink {
        width: 92% !important;
        padding: 8px 2% 8px 2% !important;
    }


    .ControlItemTabs {
        margin: 0 3% 10px 3%;
    }

    .ControlItem .excursion-tab {
        width: 96%;
        margin: 0 2% 10px 2%;
    }

    .SaveCruiseContainer {
        padding: 10px 2%;
        width: 96%;
        margin: 10px 0 10px 0;
    }

    DIV.SelectedReviews {
        padding: 0 2% 10px;
        width: 96%;
    }

    table.right {
        float: left;
    }


    .BrochureVia .TopCarousel, .loginButton, .TextLoginBlockContainer .LeftColumn {
        float: left;
        padding-left: 10px;
    }

    .accounts .LeftColumn {
        padding-left: 0px !important;
    }

    .BrochureVia .Slide {
        height: 200px !important;
    }

    .MoreDeals {
        /*height: 120px !important;*/
        padding: 10px 2% !important;
        width: 96% !important;
        float: left;
        height: auto !important;
    }

    .moreLinkThisSpan {
        margin-left: 3% !important;
    }

    .link-view-more6, .link-view-more7 {
        position: relative;
        right: auto;
        bottom: auto;
        text-align: right;
        line-height: 30px;
    }

        .link-view-more7::after {
            top: 33%;
        }

    .link-view-more6 {
        left: 10px;
    }

    .TopControlLinksContainer.stuck {
        position: relative;
        width: 100%;
    }

    .rightContainer .Text p {
        margin-left: 0px !important;
        margin-bottom: 10px;
    }

    .rightContainer p,
    .rightContainerWide p {
        margin: 0 3% 0 3%;
        width: 94%;
    }

    .rightContainerWide .textContent p {
        margin: 0;
    }

    .desktopMenu {
        display: none;
    }

    .mobileMenu {
        display: inline;
    }

        .mobileMenu.absMobileMenu {
            position: relative;
            width: 100%;
            z-index: 1000;
        }

    .AjaxMapContainer .mobileMenu.absMobileMenu {
        position: relative;
    }

    .mobileMenuContent {
        margin-top: 60px;
    }

    .controlLinksContainer A {
        width: 100%;
        border-bottom: 2px solid white;
    }

    .ArticlePage .controlLinksContainer.Dark {
        height: auto;
        border-bottom: 0px;
    }

    .activeControlLink {
        background: #074391 !important;
        color: #fff !important;
        font-weight: 600;
        padding: 7px 4% 7px 4%;
        height: 21px;
        line-height: 21px;
    }

    .ControlLinks {
        background: #cce3f2 !important;
        color: #074391 !important;
    }

    .menu-button-mob,
    .menu-button-mob,
    .menu-button-mob2,
    .controlLinksContainer.accounts h5 a,
    .controlLinksContainer.accounts h5 a span,
    .controlLinksContainer.Mobile h5,
    .controlLinksContainer.CruisesMenuMobile h5,
    .SiblingLinks h5 {
        font-family: CoreRhino35Light;
        font-size: 20px;
        line-height: 21px;
        font-weight: 600;
    }

        .controlLinksContainer.accounts h5 a .link-chev-white-small {
            margin-left: 10px;
        }

    .ControlLinks.Mobile.current {
        display: none;
    }

    .menu-button-mob,
    .menu-button-mob2 {
        background: #074391;
        color: #fff !important;
        font-weight: 600;
        padding: 18px 4% 18px 4%;
        height: auto;
        cursor: pointer;
        width: 92%;
        float: left;
    }

    .menu-button-mob2 {
        background: #cce3f2 !important;
        color: #074391 !important;
        padding: 15px 4% 12px 4%;
        margin-top: 50px;
        font-family: CoreRhino35Light;
        font-size: 20px;
        line-height: 25px;
        font-weight: 600;
        text-align: center;
    }

        .menu-button-mob2.Green {
            background: #4fa420 !important;
        }

        .menu-button-mob > span,
        .menu-button-mob2 > span {
            line-height: 24px;
        }

    .myAccountMobileMenu .menu-button-mob,
    .myAccountMobileMenu .menu-button-mob2 {
        margin-top: 10px;
    }

    .menu-button-mob .icon {
        background: #4fa420 url('/Images/home-sprite.png') no-repeat top right;
        background-position: -69px -398px;
        display: block;
        width: 25px;
        height: 25px;
        float: right;
        content: '';
        /* padding-right: 10px; */
        /* margin-top: 7px; */
        border-radius: 12px;
        position: relative;
    }

    .menu-button-mob2.Green span {
        color: #fff !important;
    }

    .menu-button-mob2 span {
        color: #074391 !important;
    }

    .menu-button-mob2 a:hover {
        text-decoration: none;
    }

    .menu-button-mob2.Green .icon {
        background-position: 0px -1107px;
    }

    .menu-button-mob2 .icon {
        background: url('/Images/home-sprite.png') no-repeat top right;
        background-position: 0px -782px;
        display: block;
        width: 24px;
        height: 35px;
        float: right;
        content: '';
        /* padding-right: 10px; */
        /* margin-top: 7px; */
        border-radius: 12px;
        margin-top: -5px;
    }

    .menu-button-mob.open .icon {
        background: #86c1e7 url('/Images/home-sprite.png') no-repeat top right;
        background-position: -69px -430px;
    }

    .icon .iconText {
        font-family: arial;
        font-size: 12px;
        line-height: 12px;
        position: absolute;
        right: 10px;
        top: 0;
        width: 80px;
    }

    .icon .iconSmallText {
        width: 50px;
    }

    .menu-button-mob.open {
        background-color: #cce3f2;
        border-bottom: 2px solid white;
        color: #074391 !important;
        font-weight: 600;
    }

    .portLink {
        margin-left: -5px;
    }

    .controlLinksContainer.Mobile {
        display: none;
    }

    .mobileMenuContentText {
        margin: 20px 2% 20px !important;
    }

    .webcamcontainer IMG {
        width: 100% !important;
        height: 100% !important;
    }

    .allCruiseContainer {
        position: relative;
        width: 100%;
        bottom: auto !important;
        right: auto !important;
        float: left;
    }

    .WorldCruisePage .carousel {
        float: left;
    }

    .AirportMapImage {
        margin: 0 0 0 2%;
    }

    .AirportMapTitle p,
    .AirportMapContent p {
        margin-left: 0 !important;
    }

    .InfoPanel ul.POBullet {
        margin-top: 0px !important;
        margin-left: 0px !important;
    }

    .InfoPanel {
        width: 100%;
        padding: 0px !important;
        overflow: hidden;
    }

        .InfoPanel .MainContent .Heading, .InfoPanel .MainContent .Text, .InfoPanel .MainContent .ImageTextLinkContainer, .InfoPanel .TextLinkContainer {
            padding: 10px 5% 10px 5%;
            width: 90%;
        }

            .InfoPanel .MainContent .ImageTextLinkContainer a.TextLink {
                margin-right: 10px;
            }

        .InfoPanel a.TextLink:after {
            margin-top: 0px;
        }

        .InfoPanel .TextLinkContainer {
            float: right;
            padding-right: 15px;
        }

    .HidePanelOnMobile {
        display: none;
    }

    .InfoPanel .MainContent {
        overflow: hidden;
    }

    .InfoPanel UL {
        padding: 0;
    }

    .HomePageNew2014 #main .intro-panel {
        margin-left: 0;
        position: relative;
    }

    .HomePageNew2014 .ControlItem2014 {
        width: 49.5%;
        margin: 0 0 1% 0;
        float: left;
    }

        .HomePageNew2014 .ControlItem2014.single:nth-child(odd) {
            width: 49.5%;
            /*margin: 0 1% 1% 0;*/
            float: left;
        }

    .HomePageNew2014 #QuickSearch2014 { /* margin-bottom: 46px; */
        padding-bottom: 38px;
    }

    .leftContainer {
        margin: 3% 2% 2% 2% !important;
    }

    .ShipReviewItemAlt .leftContainer, .ShipReviewItem .leftContainer {
        margin: 0 !important;
    }

    .ControlItem H2.ControlTitle {
        width: 96% !important;
        margin: 0 2% 3% 2% !important;
        padding: 0 !important;
    }

    #accountRegisterContainer .toolTipBox {
        left: 45px;
    }

    .AirportMapLeft {
        width: 94% !important;
        padding: 5% 3% 5% 3% !important;
    }

    .AirportMapTitle, .AirportMapContent {
        /* padding: 10px; */
        padding: 10px 5% 10px 5%;
        width: 90%;
    }

    .sticky-wrapper {
        float: left;
        width: 100%;
        height: auto !important;
    }

    .AirPortMapFullWidth {
        margin: 0 !important;
    }

    .AirportMapRight {
        float: left;
        position: relative !important;
        background-color: transparent;
    }

    .TasterItem {
        margin: 0;
    }

    .TasterIcon {
        padding: 3% 0 3% 0;
        width: 94% !important;
    }

        .TasterIcon img {
            margin: 0 10px 0 0;
        }

    .topMinPrice {
        margin: 0 0 2% 0 !important;
    }

    #top-title H1 {
        margin: 0 0 2% 0 !important;
    }

    .Cruises2 #top-title H1 {
        margin: 0 !important;
        position: relative;
        top: 0;
    }

    .ControlItem .inPageSubHeading {
        margin: -3% 0 5px 3%;
    }

    BODY.Content .ContentTop {
        margin: 0 !important;
    }

    .IVTEslide {
        height: 840px !important;
    }

    .SlideExtraInfoContainer {
        margin-top: 420px;
    }

    .focuspoint img {
        position: absolute;
    }

    .RegionInfoBoxAjax img {
        display: none;
    }

    .ImageContainer .SlideTextLink {
        right: auto;
        left: 10px;
        bottom: 10px;
    }

    .TopImageContainer {
        float: left;
    }

    .DestinationsRegion .BackLinkContainer, .Ports .BackLinkContainer, .DestinationCountry .BackLinkContainer {
        margin: 10px 10px 0 10px;
    }

    #newFooter .underFooterText {
        padding-left: 2%;
        width: 98%;
    }

    .ShipOwnRatingsText {
        width: 120px;
    }

    .ShipRatingsStars {
        width: 130px;
    }

    .webcamcontainer {
        width: 96%;
        margin: 0 2%;
    }

    .WebCamContainer {
        background: #fff;
    }

        .WebCamContainer .rightContainer h4 {
            margin: 0 0 10px 2%;
        }

    .siblingNavMobile {
        display: block;
    }

    .siblingNavDesktop {
        display: none;
    }

    .mobileMenu .controlLinksContainer.Mobile A,
    .siblingNavMobile.controlLinksContainer A {
        width: 92%;
        padding: 7px 4% 7px 4% !important;
        line-height: 1em;
        height: 1em;
        height: auto;
    }

    .siblingNavMobile.controlLinksContainer .SiblingLinks {
        display: none;
        float: left;
        width: 100%;
    }

    .controlLinksContainer, .DestinationsContent.MultiDestinationsContent {
        /*float: left;*/
        background: none;
    }

    .DestinationsContent.MultiDestinationsContent {
        float: left;
        width: 100%;
    }

    .onefifth {
        width: 120px;
    }

    .fourfifth {
        /*width:66%; set in js */
        margin: 10px 0 0 0;
        float: left;
    }

    .ControlItem .ShoreExcursionControls {
        margin: 0 -2%;
    }

    #cruiseMap {
        height: 400px;
    }

    .controlLinksContainer .BookNowContainer, .controlLinksContainer .PreviewContainer {
        float: left;
        height: auto;
    }

    .BookNowContainer.LargeText {
        font-family: CoreRhino35Light;
        font-size: 20px;
    }

    .InfoPanelHeading {
        margin: 0 0 0 3%;
    }

    .MainContent ul {
        margin-left: 3% !important;
    }


    .mobileCruiseMap {
        width: 100%;
        height: 200px;
        margin: 0;
        float: left;
    }

    .AjaxMapContainer .mobileCruiseMap {
        margin: 0;
    }

    .PortInfo {
        display: none;
    }

    .AjaxMapContainer .PortInfo {
        top: 90px;
    }

    .RegionPortDDContainer .LeftMargin {
        width: 100%;
    }

    .RegionPortDDContainer .LeftMargin {
        margin-left: 0;
    }

    .RegionPortDD {
        margin: 0 0 10px 0;
    }

    .ControlTitle.CruiseDestinations {
        padding: 0 0 0 3%;
    }

    .ImageContainer.CruiseDestination.focuspoint {
        min-height: 200px;
    }

    .ControlItem .ShoreExcursionControls {
        margin: 0;
    }

    .ControlItem .ShoreExcursionControlsLeft {
        width: 96%;
    }

    .ControlItem .ShoreExcursionControls .ShoreExButtonWidth {
        position: relative;
        top: 0;
        right: 0;
        width: 94%;
        margin: 0;
    }

    /*#newFooter .backToTop {
        position: fixed;
        right: 0;
        bottom: 40px;
        display: none;
        background-image: url('/Images/BackToTop_1x1px.png');
        background-repeat: repeat;
        padding: 10px;
        width: 55px;
        z-index: 2500;
    }


        #newFooter .backToTop .top {
            font-size: 16px;
            color: #fff;
        }

        #newFooter .backToTop .upIcon {
            background: #4fa420 url("/Images/home-sprite.png") no-repeat scroll -71px -333px;
            position: absolute;
            height: 26px;
            margin: 0;
            width: 26px;
            padding-right: 0;
            right: 5px;
        }*/

    .search-faq {
        padding: 3%;
        margin-bottom: 0px;
    }

    .CruiseFilter {
        display: none;
        width: 96% !important;
    }

        .CruiseFilter a {
            width: 92% !important;
            background-color: #4FA420 !important;
            color: #fff !important;
        }

    .search-faq .sf-input {
        width: 79%;
        margin: 10px 0 10px 0;
    }

    .search-faq .sf-submit {
        width: 15%;
        margin: 10px 0 0 5px;
    }

    #newFooter .SocialBox {
        /*padding-left: 3%;*/
        padding-bottom: 0;
    }

        #newFooter .SocialBox a {
            padding-right: 2%;
        }

    .resultItemNew .resPriceInfo {
        float: none;
        width: auto;
        padding: 5px 0 0 0;
        font-weight: bold;
    }

    .hfpBarNew SPAN {
        width: 100%;
    }

    .RegionCruisesHeader {
        margin: -10px 0 10px 3%;
    }

    .RegionPortDDContainer {
        padding: 20px 3% 0 3%;
    }

    A.TextLinkNew {
        line-height: 0.8em;
        padding: 18px 35px 20px 10px;
    }

        A.TextLinkNew.WithChev:after {
            background: url('/Images/home-sprite.png') no-repeat top right;
            background-position: 0px -1110px;
            display: block;
            position: absolute;
            width: 23px;
            height: 31px;
            top: 28%;
            right: 0;
            content: '';
            padding-right: 7px;
            /* margin-top: 7px; */
        }

    .TextLinkNew.WithChev .chevronLarge {
        display: none;
    }

    .RegionCruiseItems {
        margin-top: 20px !important;
    }

    .flowplayer .fp-unload, .flowplayer .fp-close {
        top: 10px;
    }

    .HotelDetails {
        margin: 0;
    }

        .HotelDetails UL {
            margin: 10px 0 0 15px;
            padding: 0;
        }

    .AirportMap {
        /*background: none;*/
    }

    .H1spanH2 {
        display: block;
        margin: 5px 0 0 0;
        float: left;
        width: 100%;
    }

    #top-title H3 {
        float: left;
    }

    #rightContainerWide, .rightContainerWide {
        margin: 0;
        width: 100%;
    }

    #ctl00_MainContent_ctl01_introTextHeading {
        margin: 0 3% 0.5em 3%;
    }
    .HomePageNew2014     #main .intro-panel .campaign .findoutmore, .main .intro-panel .campaign .findoutmore {
        position: absolute;
        right: auto;
        width: 175px;
        bottom: auto;
        margin: 5px 0;
        float: left;
        text-align: right;
    }

    #main .intro-panel .campaign .findoutmore, .main .intro-panel .campaign .findoutmore {
        position: relative;
        right: auto;
        width: 85%;
        bottom: auto;
        margin: 5px 0;
        float: left;
        text-align: right;
    }

    #main .intro-panel .panel, .main .intro-panel .panel {
        min-height: 318px;
        height: auto;
    }

    .HomePageNew2014 #main .intro-panel .panel, .HomePageNew2014 .main .intro-panel .panel {
        min-height: 140px;
    }

    .MobileBookingContainer {
        margin: 40px 0 20px 0;
    }


    /*SPECIFIC ONE-OFF CONTENT LAYOUT*/

    /*FORMS*/

    #StandardFormContainer input, #accountRegisterContainer input, #StandardFormContainer select, #accountRegisterContainer select {
        margin-bottom: 10px !important;
    }

    DIV.StandardForm {
        width: 100%;
        margin: 0;
    }

        DIV.StandardForm div.formColumn {
            width: 100%;
        }

    #StandardFormContainer .TextBoxFull, #accountRegisterContainer .TextBoxFull, #StandardFormContainer .fulllink, #accountRegisterContainer .fulllink, #StandardFormContainer .TextBoxHalf, #accountRegisterContainer .TextBoxHalf, #StandardFormContainer select, #accountRegisterContainer select, #StandardFormContainer .fulllink.small, #accountRegisterContainer .fulllink.small {
        width: 100% !important;
        padding-left: 3% !important;
    }

    #StandardFormContainer select {
        width: 75% !important;
    }

        #StandardFormContainer select#Request, #StandardFormContainer select#When {
            width: 49% !important;
        }

    select#Title {
        width: 100px !important;
    }

    #accountRegisterContainer .TextBoxFull,
    #accountRegisterContainer .TextBoxHalf {
        width: 94% !important;
    }

    #accountRegisterContainer select {
        width: 100% !important;
    }

    #findaddress {
        margin: 0 0 20px 0 !important;
    }

    .PreviewFormContainer {
        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: 100% !important;
        padding: 5px !important;
    }

    .PreviewForm {
        padding: 0 !important;
        width: 95% !important;
    }

        .PreviewForm div.StandardForm {
            width: 100% !important;
            padding: 0 !important;
            margin: 0 0 10px 0 !important;
        }

            .PreviewForm DIV.StandardForm div.formColumn {
                width: 95% !important;
            }

    .PreviewFormContainer .Close {
        right: 5px !important;
    }
    /*FORMS*/

    /* Press*/

    .intro-panel.pressLeft {
        padding: 0 3% 0 3%;
        width: 94% !important;
    }

    #press-release-search {
        height: 25px;
        padding: 10px 3% !important;
        width: 94% !important;
    }

    .press-release .details .desc .fulllink {
        padding: 0 3% 0 3% !important;
        width: 94% !important;
    }

    #press-release-search .loginButton-white-small {
        float: right;
        width: 30px;
    }

    .intro-panel.pressRight {
        margin-top: 20px;
    }

        .intro-panel.pressRight .rhs-ad {
            padding: 5px 3% 10px 3%;
        }

    /*YOUR ACCOUNT*/

    #accountRegisterContainer .fulllink {
        margin-top: 10px !important;
        margin-left: 0 !important;
        width: 96% !important;
    }

    .leftColumnregister.register {
        padding-left: 2px;
        margin-bottom: 5px !important;
        margin-left: 7px !important;
    }

    .registerFooter {
        margin-top: 10px !important;
    }

    #accountRegisterContainer .TextBoxHalf, #accountRegisterContainer .TextBoxFull {
        width: 90%;
        margin-bottom: 5px;
    }

    #accountRegisterContainer select {
        width: 44%;
        margin-bottom: 5px;
    }


    #accountRegisterContainer .fulllink.portunusreg {
        margin-left: 0px !important;
    }

    #AddressSelect,
    #countryWrapper {
        width: 75%;
    }

    .H1spanH2.account {
        width: 100%;
        float: left;
    }

    .registerFooter label {
        float: left;
    }

    .leftColumnReview .pad {
        width: 50%;
    }

    #accountRegisterContainer .dobSelect {
        width: 30% !important;
        margin-bottom: 10px;
    }

        #accountRegisterContainer .dobSelect:last-of-type {
            margin-bottom: 5px;
        }

    .myaccount-banner-image img {
        width: 100%;
    }

    #accountRegisterContainer .fulllink.small {
        width: 86% !important;
        margin: 20px 2% 20px 2% !important;
    }

    .rightColumnregister {
        display: none;
    }

    /* Content main main image*/
    .carousel.TopCarousel .MainImage img.MainImageDesktop {
        display: none;
    }

    .carousel.TopCarousel .MainImage img.MainImageMobile {
        display: block;
    }

    BODY.LaunchCruiseTypes .carousel.TopCarousel,
    BODY.WorldCruisePage .carousel.TopCarousel {
        height: 100% !important;
    }

    BODY.LaunchCruiseTypes .TopCarousel img,
    BODY.WorldCruisePage .TopCarousel img {
        height: 100% !important;
    }

    .MobileSlideLink, .MobileSingleSlideLink {
        display: block;
    }

        .MobileSlideLink .SlideTextLink {
            display: block !important;
        }

    /*YOUR ACCOUNT*/


    /*SEARCH RESULTS*/

    #findBookTop {
        padding-bottom: 2px;
    }

    .resPortsItems {
        display: block;
    }

    .resultItemNew .detailsLink a, .findbookTop .filterLink, .findbookTop .newSearchLink, .FindBook2 .SimilarCruises a {
        border-radius: 0px;
    }

    .FindBook2 .banner IMG {
        width: 100%;
        height: auto;
    }

    .SavedCruises .savedtoppanel .saveclear {
        width: 67%;
    }


    .resultItemNew .footerRt {
        border-top: none;
        padding: 0;
    }


    .resultItemNew .themeInfo {
        width: 100%;
    }

    .withPulse .detailsPrice, .withOffer .detailsPrice {
        margin-bottom: 5px;
    }

    .resultItemNew .resImg {
        width: 100%;
    }

    .resultItemNew .resDetails {
        width: 100%;
        padding: 0;
    }

    .resultItemNew .detailsMid {
        width: 100%;
        margin: 10px 0 10px 0;
    }

    .resultItemNew .detailsPrice {
        float: left;
        width: 100%;
        border-bottom: none;
    }

    .resultItemNew .footerRt {
        width: 100%;
    }

    .cruiseType {
        width: 100%;
        padding: 5px 0 0 0;
    }

    .resultItemNew .detailsLink {
        width: 100%;
    }

        .resultItemNew .detailsLink a {
            padding: 10px 2% 10px 2%;
            width: 96%;
            float: left;
        }

    #Wrapper .pulseRow.roundel {
        width: 100%;
    }

    .resultItemNew .cruiseTitle {
        position: relative;
        width: 100%;
    }

    .FindBook2 .headTitle, .FindBook2 .pageIntro, .FindBook2 .cachedPage #breadcrumb {
        padding: 10px 0 10px 0;
        margin: 0;
    }

    .noInoPanel .filterLink, .noInoPanel .newSearchLink {
        margin: 0 2% 10px 0;
        width: 96%;
    }

    #main .allResults .resultItemNew {
        padding: 10px 2% 13px !important;
        width: 96%;
    }

    #holder {
        width: 100%;
    }

    .resultItemNew .themeInfo {
        padding: 6px 3% 6px 0;
    }

    .FindBook2 .SimilarCruises {
        padding: 15px 2%;
        width: 96%;
    }

        .findbookTop .filterLink, .findbookTop .newSearchLink, .FindBook2 .SimilarCruises a {
            padding: 10px 2%;
        }

    .resultItemNew .saveLink {
        position: relative;
        top: 0;
    }

    .findbookTop .filterLink {
        background-color: #6c8dbb;
        margin: 0 2% 20px 0;
    }

    .FindBook2 .SimilarCruises a {
        background-color: #6c8dbb;
    }

    /*SEARCH RESULTS*/

    /*SEARCH FILTER*/


    #filter .panel-filter-selected-advFilter {
        padding: 5px 5% 8px 5%;
        width: 90%;
    }

    .AdvancedFiltersContainer h5 {
        margin: 0;
    }

    .searchItemsList {
        min-width: 50px;
        padding: 0;
        width: 100%;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .shipSelection .list {
        width: 49%;
        padding: 0 1% 0 0 !important;
    }

    .ShipIconImage img {
        width: 90%;
    }

    .ShipIconImage.AdoniaShipImage {
        height: 18px;
    }

    #filter .cruise-from {
        clear: none;
        float: left;
        margin: 5px 20px 5px 0;
    }

    .customSelect {
        margin: 10px 0 0 0;
    }

    .searchItemshipids {
        width: 100%;
    }

    #shipSelector {
        width: 92% !important;
    }

    .shipSelection {
        background: none;
        box-shadow: none;
        display: none;
        height: auto;
        left: 0;
        padding: 10px 0 10px 0;
        top: 0;
        width: 100%;
        z-index: 100;
        position: relative;
        float: left;
    }

    .customSelect SELECT, .customSelect .selectinner {
        border-radius: 0 !important;
        width: 95% !important;
        padding: 10px 0 0 10px;
    }

    #filter .col-c .dropdown {
        padding: 0 !important;
    }

    .searchItemshipids, #filter .btn {
        float: left;
    }

    #shipSelector, .shipSelection h5 {
        display: none !important;
    }

    .shipSelection {
        display: block;
    }

    .durationList {
        width: 100%;
    }

    #ShipsTextSummary {
        float: left;
        width: 100%;
    }

    .searchItemregionids {
        margin: 10px 0 20px 0 !important;
    }

    .searchItemmindate, .durationList, .searchItemshipids {
        margin: 10px 0 10px 0 !important;
    }

    .searchDispText.mindate, .searchDispText.maxdate, .HolidayPeriod .break {
        display: block;
        float: left;
        margin: 0 0 5px;
    }

    .SearchBottomText {
        display: block;
        margin: 0 0 5px 0;
    }

    .dateColumn input.mindate, .dateColumn input.maxdate {
        width: 95%;
        background: #fff url("/images/newsearch/calendar-icon.png") no-repeat scroll 99% 0;
    }

    #filter .dropdown {
        padding: 0 0 10px 0;
    }

    .FilterOpen {
        position: absolute;
        right: 3%;
        top: 5px;
    }

    .stickyTop {
        position: relative;
        z-index: 100;
    }

        .stickyTop.stuck {
            /*-webkit-overflow-scrolling: touch; 
        overflow-y:scroll; 
        height:100% !important;    touch device scroll bubbling defense set in search functions */
        }

    #filter .panel-filter h5, #filter .panel-filter-selected-closed h5 {
        padding: 0;
        margin: 0;
    }

    #filter {
        /*border-top: 5px solid #fff;*/
        -webkit-transform: translate3d(0, 0, 0);
    }

    #main {
        overflow: hidden;
        -webkit-overflow-scrolling: auto;
    }


    .panel-filter .col {
        border-left: none !important;
        padding: 0 !important;
        border-bottom: 1px solid #074391;
        margin: 10px 0 0 0;
        position: relative !important;
    }

    .ClearFilterContainer {
        float: left;
        margin: 10px 0 0 0;
    }

        .ClearFilterContainer h4, #filter .clearAllFilters {
            margin: 0;
        }

    #filter .price-type {
        background: #b5c7df;
    }

        #filter .price-type h4 {
            margin: 0 0 10px 10px;
        }

    .col-a .clearAllFilters {
        display: none !important;
    }

    .DepartureContainer, .durationList, .searchItemregionids, .searchItemshipids, .searchItemcruisetype {
        display: none;
    }

    #filter .top-panel h3 {
        padding: 0 0 0 3%;
    }

    .topViewSavedCruises {
        display: none !important;
    }

    .price-type .sort {
        display: none;
    }

    #filter .price-type h6 {
        line-height: 1em;
        margin: 3% 0 0 3%;
    }

    #filter .price-type .list {
        margin: 0 0 3% 3%;
    }

        #filter .price-type .list li:first-child {
            padding: 0 5px 0 0;
        }

        #filter .price-type .list li {
            padding: 0 5px;
        }

    .panel-filter-selected-closed {
        display: none;
    }

    #filter .panel-filter {
        width: 96%;
        padding: 0 2% 15px 2%;
        border-bottom: none;
    }

        #filter .panel-filter .col, #filter .panel-filter-selected-closed .col {
            height: auto !important;
            width: 100%;
        }

    #filter .dropdown {
        width: 100%;
    }

    #filter .price-type .type {
        width: 100%;
        padding: 0;
    }

    #filter .top-panel {
        height: 50px;
    }

    #filter .price-type {
        height: auto;
        display: none;
    }


    #filter .top-panel-content {
        padding: 0;
    }

    #filter .top-panel h4 {
        position: absolute;
        right: 3%;
        top: 0;
        left: auto;
    }

    .JumpLink {
        margin: 0;
        padding: 0;
        position: relative;
    }

    .JumpLinkText {
        position: absolute;
        bottom: 0;
        text-align: center;
        width: 100%;
        color: #074391;
    }

    .JumpLinkActive {
        background: #b5c7df;
        background-image: url('/Images/Search-icons_Close.png') !important;
    }

    .DateJumpLink {
        background-image: url('/Images/Search-icons_Dates.png');
        background-repeat: no-repeat;
        background-position: center 25%;
        height: 50px;
        width: 20%;
    }

    .DestJumpLink {
        background-image: url('/Images/Search-icons_Destination.png');
        background-repeat: no-repeat;
        background-position: center 25%;
        height: 50px;
        width: 20%;
    }

    .FilterJumpLink {
        background-image: url('/Images/Search-icons_Filters.png');
        background-repeat: no-repeat;
        background-position: center 25%;
        height: 50px;
        width: 20%;
    }

    .CabinJumpLink {
        background-image: url('/Images/Search-icons_Cabin.png');
        background-repeat: no-repeat;
        background-position: center 25%;
        height: 50px;
        width: 20%;
    }

    .SavedJumpLink {
        background-image: url('/Images/Search-icons_Saved.png');
        background-repeat: no-repeat;
        background-position: center 25%;
        height: 50px;
        width: 20%;
    }

        .SavedJumpLink .cruiseSaveCount {
            color: #fff;
            left: 0;
            right: 0;
            margin: 0 auto;
            position: absolute;
            top: 5px;
            background: none;
        }

    #filter .col-c .selectbox {
        background: #fff url("/images/arrow-blue19x10.png") no-repeat scroll right center;
    }

    .customSelect .selectinner, #filter .selectbox {
        color: #074391;
    }


    .shipSelection h5 {
        margin: 0 0 10px 0 !important;
    }

    #shipSelectorOK {
        display: none;
    }

    #filter .iradio_minimal {
        width: 100%;
    }

    /*SEARCH FILTER*/

    /*SINGLE IMAGES*/

    .CruiseItineraryItemImage, .CruiseItineraryItemImage IMG {
        width: 100%;
    }

    .main .intro-panel .box.type-hub .not-background img {
        margin: 0;
        display: block !important;
    }


    /*SINGLE IMAGES */

    /*VIDEO*/

    .SingleImageVideo .YouTubePlayer {
        width: 100%;
    }

    .YouTubeClose {
        z-index: 99999;
    }

    .fp-fullscreen {
        display: none !important;
    }

    .LaunchCruiseTypes .YouTubeContainerTop, .flowtooltip .flowplayer {
        width: 100%;
        left: 0;
        height: 200px;
    }

    .ImageContainer.CruiseDestination .YouTubeContainerTop {
        height: 200px;
        width: 100%;
        position: relative;
    }

    .flowtooltip {
        width: 100% !important;
    }

    #tabletslides .YouTubeContainerTop {
        top: 0 !important;
    }


    .Content.MasterSlider .tabletcarousel .YouTubeContainerTop {
        height: 220px !important;
    }

    .Content.MasterSlider .YouTubeContainerTop {
        height: 200px !important;
        top: 0 !important;
        width: 100% !important;
    }

    .YouTubePlay {
        top: 40%;
        left: 40%;
    }

    .CruiseDestination .YouTubePlayer {
        position: relative;
    }

        .CruiseDestination .YouTubePlayer iframe {
            position: absolute;
            top: 0;
            left: 0;
        }

    .SlideTextLink.flowplayerToggle {
        display: block !important;
        float: left;
        width: 100%;
        right: auto;
        bottom: auto;
        left: auto;
        position: relative;
    }

    .caroufredsel_wrapper .SlideTextLink.flowplayerToggle, .SingleImageVideo .SlideTextLink.flowplayerToggle, .MainImage .SlideTextLink.flowplayerToggle {
        display: none !important;
    }

    /*VIDEO*/

    /*SPECIFIC PRICING LAYOUT */

    .MetaGradeTab {
        width: 100%;
        margin: 0 0 3px 0;
        position: relative;
    }

    .MetaGradeNoItem {
        width: 100%;
        border-bottom: 3px solid #cfcfcf;
        border-left: none;
        border-right: none;
        border-top: none;
    }

    .MetaGradeBorder {
        border-bottom: none;
        margin: 0;
    }

    /*.CabinMetaGradePricing th, .CruiseWhatsIncluded th {
        width: 33% !important;
    }*/

    th.CabinTypePricingTitle {
        width: 50% !important;
    }

    th.CabinTypeSelectPricing {
        width: 25% !important;
    }

    th.CabinTypeSaverPricing {
        width: 25% !important;
    }

    TABLE.CruiseWhatsIncluded td.ChoiceOfTD {
        padding: 0 0 0 5px !important;
    }

    .CruiseMetaFromPrice {
        padding: 20px 5px 10px 5px !important;
    }

    .cabinBookNow {
        height: 50px;
    }

        .cabinBookNow .CabinTerms, .MetaGradeFooterCol3 .CabinTerms {
            bottom: auto;
            left: auto !important;
            position: relative;
        }

    .MetaGradeFooterCol1, .MetaGradeFooterCol2, .MetaGradeFooterCol3 {
        margin: 5px 0 0 0;
        height: auto;
    }

    .CabinTypePricingTitle h4 {
        display: none;
    }

    TABLE.CruiseWhatsIncluded {
        margin: 0;
    }

        TABLE.CruiseWhatsIncluded TD {
            border: none;
        }

    tr.AltTr {
        background-color: #cce3f2;
    }

    .CruiseWhatsIncludedTitle {
        padding: 20px 3% 0 3%;
    }

    .MobileWhatsIncludedOpen {
        margin: 3px 5px 0 0;
        display: block;
        float: left;
    }

    /*SPECIFIC PRICING LAYOUT */

    /*SHORE EX*/

    .ShoreExContent {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .carousel.ShoreExImages .ShoreExSlide IMG, .ShoreExInitalImage IMG {
        width: 100%;
    }

    .ShoreExButtonWidth {
        width: 90%;
    }

    .CruiseItineraryLeft .SaveCruiseContainer, .CruiseItineraryLeft .CruiseItinerarySummaryRHS {
        display: none !important;
    }

    /*SHORE EX*/

    /*CAROUSEL LAYOUT*/

    BODY.LaunchCruiseTypes .carousel, BODY.LaunchCruiseTypes .caroufredsel_wrapper, body.Cruises2 .carousel {
        float: left;
    }

    .carousel.vtnew {
        height: auto !important;
        float: left !important;
    }

    .carousel, .caroufredsel_wrapper, #slides, .slides, .Slide, .Slides {
        width: 100% !important;
    }


    .caroufredsel_wrapper {
        background: url('/images/ajax-loader.gif') 50% 50% no-repeat #324F84;
    }


    .MobileZIndex {
        z-index: 100;
    }

    .Close360 {
        right: auto;
        left: 0;
    }

    .Instructions360 {
        width: 96%;
        left: 0;
        padding: 2%;
        z-index: 1000;
    }

    .InfoControlBarText {
        left: 0;
        width: 94%;
        bottom: 0;
        height: 35%;
        background: #1a2e5a;
        opacity: 0.8;
        padding: 1% 3%;
    }

    .CabinsAndBooking .InfoControlBarText {
        height: 15%;
    }

        .CabinsAndBooking .InfoControlBarText P {
            display: none;
        }

    .InfoControlBarReadMore {
        right: 18px;
    }

    .MobileSlideLink, .MobileCruiseSlideLink {
        width: 100%;
        float: left;
    }

    /*.MobileSlideLink A.TextLinkLarge {
            line-height: 40px;
        }*/

    #next, #prev {
        background: none;
    }

    .itWrapper {
        overflow: auto;
    }

    /*CAROUSEL LAYOUT*/


    /*CENTERED ITEMS*/





    /*CENTERED ITEMS*/

    /*SEARCH LOOKING FOR*/



    /*SEARCH LOOKING FOR */

    /* Advice centre*/

    .search-faq .sf-queries {
        margin-left: 0px;
    }

    /* REVIEWS */

    .ReviewPaginationText {
        width: 84%;
        padding: 0;
        background-color: #6C8DBB;
    }



    .ReviewPagination {
        width: 100%;
        margin: 0;
    }

    .ReviewNavigation {
        height: 100px;
    }

    .ReviewNavigation {
        display: none;
    }

    .ReviewNavigationMobile {
        display: block;
    }

        .ReviewNavigationMobile .ReviewNavigationFirst {
            background: #6C8DBB;
            width: 94%;
            float: left;
            height: auto;
            padding: 3% 3% 3% 3%;
        }

            .ReviewNavigationMobile .ReviewNavigationFirst h5 {
                color: #fff !important;
                font-size: 1.313em;
                line-height: 1em;
                width: 100%;
                padding-right: 0px;
                margin-right: 0px;
            }

        .ReviewNavigationMobile .ReviewPagination {
            background: #6C8DBB;
            width: 100%;
            float: left;
            height: auto;
            padding: 0;
            margin-top: 3px;
        }

            .ReviewNavigationMobile .ReviewPagination .ReviewPaginationLinkPrev {
                float: left;
            }

            .ReviewNavigationMobile .ReviewPagination .ReviewPaginationLinkNext {
                float: right;
            }

            .ReviewNavigationMobile .ReviewPagination .ReviewPaginationText {
                padding: 0px;
                background-color: #6C8DBB;
                padding-top: 14px;
            }



    .ReviewNavigationPart select {
        position: absolute;
        left: 2%;
        top: 25px;
    }

    .ShipReviewItem, .ShipReviewItemAlt {
        padding: 2%;
    }

    /* REVIEWS */

    /*BOXES*/

    .InfoBoxesClose {
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        margin: 0 !important;
        height: 45px;
        width: 100%;
        z-index: 3001;
        background: rgba(66, 157, 220, 0.7);
    }

    .ie8warning .InfoBoxesClose {
        background: transparent;
    }

    .ie8warning .inner {
        padding: 20px 100px 20px 10px !important;
    }

    .RegionInfoBoxAjaxText h4 {
        margin-top: 45px;
    }

    .InfoBoxesClose .CloseIcon {
        position: absolute;
        top: 15px;
        right: 15px;
        background: #fff url("/Images/home-sprite.png") no-repeat scroll -39px -233px;
        height: 26px;
        width: 26px;
    }

    .InfoBoxesClose .CloseText {
        position: absolute;
        top: 10px;
        right: 50px;
    }

    .RegionInfoBoxLinkContainer {
        z-index: 200;
        right: 0;
        bottom: -21px;
        width: 100%;
    }

    .RegionInfoBoxExtra {
        position: absolute;
        width: 100%;
        display: none;
    }


    #main .intro-panel .front, .main .intro-panel .front, #main .intro-panel .box, .main .intro-panel .box {
        width: 100%;
        padding-left: 0px;
    }

    #main .intro-panel .box-ticker .mask, .main .intro-panel .box-ticker .mask {
        width: 97%;
        padding: 6px 2%;
    }

    .ImageTextLinkHolder img {
        width: 100%;
    }

    .RegionInfoBoxesContainer {
        max-width: 100%;
        float: left;
        overflow: hidden;
    }

    .NewStyleRegionBox {
        float: none;
        margin: 0;
    }

        .NewStyleRegionBox .leftContainer {
            background-color: #fff;
            padding: 0;
            margin: 0 0 3px 0 !important;
            padding: 5%;
            width: 90% !important;
        }

    .RegionInfoBox {
        width: 100%;
        margin: 0 0 3px 0;
    }

    .NewStyleRegionBox .RegionInfoBox, .NewStyleRegionBox .RegionInfoBoxEnd {
        border-left: none;
    }



    .RegionInfoBox img {
        width: 100%;
    }

    .SearchLookingForItems {
        width: 100%;
    }



        .SearchLookingForItems IMG, .SearchLookingForItemsResults A {
            width: 100%;
        }

    .RegionCruiseItem, .CruiseDetailsItem, .CruiseDetailsItems {
        margin: 0 0 20px;
        width: 100%;
    }

        .RegionCruiseItem .FeaturedCruiseHeader, .RegionCruiseItem .FeaturedCruisePrice, .RegionCruiseItem .FeaturedContentText {
            margin: 0 2% 0 2%;
        }


    .FeaturedCruiseContent IMG, .RegionCruiseContent IMG {
        width: 100%;
    }

    .InfoBoxesContainer {
        margin: 0;
        width: 100%;
    }

        .InfoBoxesContainer h2 {
            margin: 0 2% 2%;
        }

    .InfoBox {
        margin: 0 0 1%;
        width: 100%;
    }

        .InfoBox img {
            width: 100%;
        }

    .ExtraInfoBoxeContainer {
        margin: 20px 0;
        width: 100%;
    }

    .vale .InfoBoxExtra
    {
        position:fixed;
        top:0;
        left:0;
        height:100%;
        margin:0;
        background:#074391;
    }

    .InfoBoxExtra, .InfoBoxExtra .CruiseInfo {
        width: 100% !important;
    }


        .InfoBoxExtra #slides, .InfoBoxExtra .Slide, .InfoBoxExtra .carousel, .InfoBoxExtra .caroufredsel_wrapper, .InfoBoxExtra .Slides {
            width: 100% !important;
        }

    .leftContainerSmall {
        width: 96%;
        margin: 25px 2% 25px 2%;
    }

    .rightContainerSmall {
        width: 96%;
        margin: 25px 2% 25px 2%;
    }

    .rightContainerWide {
        width: 96%;
        margin: 25px 2% 25px 2%;
    }

    .noMarginMobile {
        margin: 0;
        width: 100%;
    }

    .rightContainerWide.noMarginMobile {
        margin: 0 0 20px 0;
    }

    .InfoBoxExtra .caroufredsel_wrapper, .InfoBoxExtra .carousel {
        margin: 0;
        height:200px !important
    }

    #ScrollerSelectedReviews, .SelectedReview, .SelectedReviewsScrollerNav {
        width: 100% !important;
    }

    .SelectedReviews P {
        width: 98%;
        margin: 0 2% 0 2%;
    }

    .SelectedReviewsScrollerNav .info {
        left: 0;
        right: 0;
        bottom: -15px;
    }

    .SelectedReviewsScrollerNav A.next {
        width: 20px;
    }

    .RegionInfoBoxAjaxText, .RegionInfoBoxAjaxTitle {
        z-index: 200;
        opacity: 1;
        width: 96%;
        padding: 20px 2% 0 2%;
    }

    .RegionInfoBoxAjaxText {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: fixed;
        background: #1a2e5a;
        height: 100%;
    }

    .RegionInfoBoxExtra {
        height: 250px;
    }

    .RegionInfoBoxAjaxText h5 p {
        font-family: Arial;
        font-size: 16px;
    }


    .InfoBoxesClose {
        left: auto !important;
        right: 0 !important;
    }

    #main .intro-panel .back, .main .intro-panel .back {
        width: 100%;
    }

    #main .intro-panel .box .content, .main .intro-panel .box .content {
        width: 92% !important;
        padding: 3% 4% 2% 4%;
    }





    .box-txt a:hover {
        color: #fff;
    }

    .TextBodyModule {
        cursor: pointer;
    }

    #main .intro-panel img, .main .intro-panel img {
        height: 100%;
    }

    #main .intro-panel .RecentlyViewedCntrlHomepage2014 img, .main .intro-panel .RecentlyViewedCntrlHomepage2014 img, .CruiseDetailsNew .intro-panel img {
        min-height: 318px;
    }

    BODY.HomePageNew2014 #main .intro-panel .RecentlyViewedCntrlHomepage2014 h2 {
        font-size: 1.750em;
        line-height: 1.0em;
        margin-left: 0;
    }


    /* HOME FONTS */
    BODY.HomePageNew2014 #main .intro-panel h2,
    body.HomePageNew2014 #main .link-flip2 h1.likeH2,
    BODY.HomePageNew2014 #main .intro-panel .whiteLarge .link-view-more3 {
        font-size: 1.1875em;
        line-height: 1.0em;
    }

    body.HomePageNew2014 #main .link-flip2 h1.likeH2 {
        font-size: 1.1875em !important;
        line-height: 1.0em !important;
    }

    BODY.HomePageNew2014 #main .intro-panel a {
        font-size: 0.85em;
    }

        BODY.HomePageNew2014 #main .intro-panel a:after {
            background-position: -73px -294px;
            bottom: 0 !important;
            right: 0 !important;
            top: inherit !important;
        }

    BODY.HomePageNew2014 #main .intro-panel .box-ticker p {
        font-size: 1.125em;
        line-height: 0.875em;
    }

    BODY.HomePageNew2014 #main .intro-panel .RecentlyViewedCntrlHomepage2014 p {
        font-size: 26px;
        line-height: 26px;
    }

    .box-txt.TextBodyModule p {
        font-size: 0.8em !important;
        line-height: 1.1em !important;
    }


    BODY.HomePageNew2014 #main .intro-panel .ControlItem2014 .whiteLarge p,
    BODY.HomePageNew2014 #main .intro-panel .ControlItem2014 .list li,
    BODY.HomePageNew2014 .ControlItem2014 .box-video h3 {
        font-size: 1.125em !important;
        line-height: 0.96em;
    }

    BODY.HomePageNew2014 .ControlItem2014 .box-video #main h3 {
    }

    /* Write reviews */
    .rightContainer h4 {
        margin-left: 2%;
    }

    .ReviewsRatings {
        padding-left: 2%;
    }
    /* HOME PAGE */
    .HomePageNew2014 #main .intro-panel .ControlItem2014 img {
        height: auto;
    }

    .ShipReviewItem .rightContainer p {
        margin-left: 0;
    }

    .ShipReviewItem .leftContainer .show-more, .ShipReviewItemAlt .leftContainer .show-more {
        float: right;
    }

    .ShipReviewItem .leftContainer a.show-more:after, .ShipReviewItemAlt .leftContainer a.show-more:after {
        background: #4fa420 url('/Images/home-sprite.png') no-repeat top right;
        background-position: -69px -398px;
        display: inline-block;
        width: 25px;
        height: 25px;
        border-radius: 12px;
        content: '';
        margin-bottom: -6px;
        margin-left: 10px;
    }

    .ShipReviewItem .leftContainer a.show-more.open:after, .ShipReviewItemAlt .leftContainer a.show-more.open:after {
        background: #86c1e7 url('/Images/home-sprite.png') no-repeat top right;
        background-position: -69px -430px;
    }

    BODY.HomePageNew2014 #main .intro-panel .link-play {
        zoom: 0.7;
        -moz-transform: scale(0.7);
        -moz-transform-origin: 0 0;
        top: initial;
        bottom: 20%;
    }

    h2#RecentlyViewedNewCntrl_header {
        padding-left: 10px !important;
    }

    #main .intro-panel .whiteLarge .link-view-more3 {
        padding-left: 4%;
        font-size: 1.750em;
        line-height: 1.0715em;
        bottom: 0;
    }

    BODY.HomePageNew2014 {
        font-size: 16px !important;
    }

    .ClockContainer {
        left: -6px;
        width: 100%;
    }

    .box.MobileContent .ClockContainer {
        left: 2%;
    }

    .flip-clock-wrapper ul li a div div.inn {
        font-size: 22px;
    }

    #main .flip-clock-wrapper ul, .flip-clock-wrapper ul {
        width: 22px;
    }

    #main .intro-panel .ControlItem2014 .list li {
        margin-bottom: -5px;
        font-size: 1.55em;
        line-height: 0.860em;
        font-family: 'cronos-pro', sans-serif;
        letter-spacing: -0.05em;
    }

    #newFooter .MiddleRowLinks li {
        width: 100%;
        padding-bottom: 10px;
    }

    #newFooter .MiddleRowLinks {
        height: 100%;
        line-height: 32px;
        padding: 20px 2% 10px 2%;
        width: 96%;
    }

    #newFooter .BottomSection {
        padding: 20px 2% 20px 2%;
        width: 96%;
    }

    #main .intro-panel .ControlItem2014 .whiteLarge p {
        font-size: 1.55em;
        line-height: 0.860em;
    }

    #main .intro-panel .link-flip {
        background-position: 0px -1110px;
        height: 30px;
    }

    #main .intro-panel .ControlItem2014 .box-txt h2 {
        padding-bottom: 2px;
        margin-bottom: 0.200em;
    }

    .CruiseInf {
        padding: 20px 0;
    }

        .CruiseInf, .CruiseInf img {
            width: 100%;
        }

    .fancyboxVideoThumb {
        top: 36%;
        left: 36%;
    }


    .main .intro-panel .box.type-hub.double {
        min-width: 100%;
        width: 100%;
    }

    .showMoreBlocks {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background-image: url('/Images/ShowMore_fadeout.png');
        background-repeat: repeat-x;
        cursor: pointer;
        height: 89px;
        border-bottom: 1px solid #429ddc;
        z-index: 1000;
    }

    .showMoreBlocksRelative {
        display: block;
        position: relative;
        bottom: 0;
        left: -10%;
        width: 111%;
        background-image: none;
        margin-top: 10px;
        cursor: pointer;
        height: 30px;
        border-bottom: 1px solid #429ddc;
        z-index: 1000;
        background-image: url("/Images/ShowMore_fadeout.png");
        background-repeat: repeat-x;
    }

    .CruiseItineraryItemSingle .showMoreBlocksRelative {
        position: absolute;
        height: 89px;
        margin-bottom: 50px;
    }

    .showMoreBlocks > span,
    .showMoreBlocksRelative > span {
        position: absolute;
        bottom: 5px;
        right: 46px;
    }

    .showMoreBlocks > div,
    .showMoreBlocksRelative > div {
        position: absolute;
        bottom: 5px;
        right: 10px;
    }

    .read-more-show {
        display: block;
        background-image: url('/Images/ShowMore_fadeout.png');
        background-repeat: repeat-x;
        cursor: pointer;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 89px;
        border-bottom: 1px solid #429ddc;
        z-index: 200;
    }

    .read-more-hide {
        display: block;
        background-image: url('/Images/ShowMore_fadeout.png');
        background-repeat: repeat-x;
        cursor: pointer;
        width: 100%;
        position: relative;
        bottom: 0;
        left: 0;
        margin-top: 20px;
        display: none;
        border-bottom: 1px solid #429ddc;
        float: left;
    }

        .read-more-hide > span {
            position: absolute;
            bottom: 5px;
            right: 35px;
        }

        .read-more-hide > div {
            position: absolute;
            bottom: 5px;
            right: 0;
        }

    .read-more-show > span {
        position: absolute;
        bottom: 5px;
        right: 35px;
    }

    .read-more-show > div {
        position: absolute;
        bottom: 5px;
        right: 0;
    }

    .FindBook2 .read-more-show {
        background-image: none;
        background-color: #fff;
        height: 33px;
    }

    .FindBook2 .read-more-hide {
        margin-top: 35px;
    }

    .rM {
        display: block;
        overflow: hidden;
        width: 100%;
        position: relative;
    }

    .RecentlyViewedCntrlHomepage2014 .content h2, .RecentlyViewedCntrlHomepage2014 .content p {
        margin: 0 0 0.2em 0;
    }

    .ContDownPanelContainer img {
        width: 100%;
    }

    /* Video playlist*/
    #VideoPlayList .caption {
        margin-top: 40px;
    }

    #VideoPlayList .vid-list-container {
        padding-bottom: 20px;
    }

    /* reposition left/right arrows */
    #VideoPlayList .arrows {
        position: relative;
        margin: 0 auto;
        width: 100%;
        height: 0px;
        top: -140px;
    }

    #VideoPlayList .arrow-left {
        left: -10px;
        top: 0px;
        height: 45px;
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    #VideoPlayList .arrow-right {
        right: -10px;
        top: 0px;
        height: 45px;
        opacity: 0.8;
        filter: alpha(opacity=80);
    }


    /*BOXES*/


    /*FOCUS POINT*/



    /*FOCUS POINT*/


    /*POP UPS*/

    .PhoneNumber {
        margin: 1px 0 0 0;
    }

        .PhoneNumber.right {
            float: right;
        }

    .RequestCallBackPhone {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
    }

    .PhoneNumberContainer DIV.chevron {
        height: 20px;
    }

    .PhoneNumberContainer a {
        background: #4fa420;
        padding: 5px 10px 5px 10px;
    }

    #SearchError, #IEError {
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
    }

    .SearchErrorClose {
        top: 0;
        left: 0;
        right: 0;
    }

    #SearchError .SearchErrorClose, #IEError .SearchErrorClose {
        top: 0;
        left: 0;
        right: 0;
    }

    .SearchErrorText, .IEErrorText {
        padding: 10px 3% 18px !important;
        width: 94% !important;
        overflow: auto !important;
        margin-top: 50px;
    }

    #filter .cruise-from {
        background: none;
        padding: 0;
        margin: 0;
        float: none;
        width: 100%;
    }

        #filter .cruise-from h6 {
            width: 100%;
            padding: 10px 0 0 30px;
            color: #666666;
        }

        #filter .cruise-from .tick {
            right: auto;
            left: 0;
        }

    #ResultsInControl.FindBook2 .HotSpot1, #ResultsInControl.FindBook2 .HotSpot2, .FindBook2 .HotSpot1, .FindBook2 .HotSpot2 {
        left: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        margin: 0;
        z-index: 9999;
    }


    /*POP UPS*/


    /*GENERIC*/

    .LargeLeftMargin {
        margin-left: 15px;
    }

    /*GENERIC*/

    /*NEW FOOTER*/

    /*.BottomSection .BototmColumn, #newFooter .baseCurve {
        display: none;
    }*/

    .BototmColumn {
        padding-bottom: 20px;
    }

    .BottomSection .BototmColumn.Last {
        display: block;
        margin: 10px 0 0;
    }

    #newFooter .OffersBox .signupText2, #newFooter .OffersBox .submitSection {
        padding-left: 0;
        margin-bottom: 20px;
    }

    #newFooter .MainLinks {
        overflow: hidden;
        padding-left: 2%;
    }

    #newFooter .SocialBox a {
        padding-bottom: 20px;
        width: 40px;
    }


    #newFooter .MainLinks {
        display: none;
    }

    /*NEW FOOTER*/

    /*SOCIAL MEDIA TILES*/

    .tile-content {
        height: 248px !important;
    }

    /*SOCIAL MEDIA TILES*/

    /*NEW CABIN PRICING*/

    .TitleRow {
        display: none;
    }

    .MetaGradeTitleContent {
        padding: 10px 3% 10px 3%;
        width: 94%;
    }

    .CabinPricingContainer, .CabinPricingContainer .MetaGradeTitle, .CabinPricingContainer .CruiseMetaFromPrice, .CabinPricingContainer .CruiseMetaSelectFromPrice {
        margin: 0;
        width: 100%;
    }

        .CabinPricingContainer .MetaGradeTitle {
            background: none;
        }

    .CruiseMetaFromPrice {
        padding: 0 !important;
    }

    .PulseText, .PulseOffer1, .PulseOffer2 {
        width: 100%;
        border-right: none;
    }

    .CabinPricingContainer .CruiseMetaSelectFromPrice {
        width: 49% !important;
        padding: 0 1% 0 0;
    }

        .CabinPricingContainer .CruiseMetaSelectFromPrice.CruiseMetaSelectFromPriceFull, .bookselect.CruiseMetaSelectFromPriceFull {
            width: 100% !important;
            padding: 0 !important;
        }

    .CabinPricingContainer .CruiseMetaFromPrice {
        width: 50%;
    }

    .bookselect {
        width: 49%;
        padding: 0 1% 0 0;
    }

    .booksaver {
        width: 50%;
    }

    .CabinPricingContainer .CruiseMetaSelectFromPrice {
        background: #e6ebf5 !important;
    }

    .CabinPricingContainer .CruiseMetaFromPrice {
        background: #c7d3e6;
    }

    .CabinPricingContainer {
        margin: 0;
    }

    .SaverTitleContent, .SelectTitleContent {
        min-height: 50px;
        padding: 0;
        margin: 10px 0 0 0;
    }

        .SaverTitleContent h4, .SelectTitleContent h4 {
            margin: 0 10px 10px 10px;
        }


    .SelectExtra {
        margin: 5px 0 10px 10px;
    }

    .ExplorePricingContainer {
        margin: 10px 0 0 0;
    }

        .ExplorePricingContainer h3 {
            margin: 0 0 5px 3%;
        }

    .MetaGradeFooterCol1 {
        margin: 5px 0 0 3%;
    }

    #ctl00_MainContent_ctl01_PricingText {
        float: left;
        margin: 10px 3% 10px 3%;
    }

    .searchBackbuttonLeft {
        margin: 0 0 0 3%;
    }

    .ImagesCaption {
        display: none !important;
    }

    .MetaGradeTitleContent {
        min-height: 50px;
        background: none;
    }

    .CabinPricingContainer .TextLink, .cabinBookNow .TextLink, .cabinBookNow a.TextLink {
        font-size: 1.413em !important;
    }

    .PulseText {
        background: none;
    }

    .MobilePulsesOffers .OfferHeading {
        display: none;
    }

    .CabinsAndBooking #content {
        padding: 12px 0 0;
    }

    .cabinPreview {
        width: 100%;
    }

    .MobileBookingMessage {
        margin: 50px 0 10px 0;
    }

    .MobileOverlayBookNow {
        line-height: 1.6em !important;
    }

    /*NEW CABIN PRICING*/

    /*SITEMAP*/

    #Sitemap, .siteMap {
        padding-bottom: 10px;
    }

        .sitemap_truncate_more > ol > li > a, #Sitemap > .indent > ol > li > a, .siteMap > .indent > ol > li > .catHead {
            width: 80%;
        }

        #siteMap h1 {
            margin: 0 2%;
        }

    #Sitemap, .siteMap, #content #left, #content .leftc {
        width: 100%;
    }

    #Wrapper.centered #content {
        padding: 0 2%;
        width: 96%;
    }

    #leftSiteMap {
        margin: 0;
        width: 100%;
        float: left;
    }

    #rightSiteMap {
        width: 100%;
        float: left;
        margin: 0;
    }

    /*SITEMAP*/

    /*CRISIS MESSAGE*/

    #MessageHolder .MessageContainer {
        width: 94%;
        padding: 20px 3% 20px 3%;
    }

        #MessageHolder .MessageContainer .MessageContent {
            width: 75%;
        }

    #MessageHolder {
        /*position:absolute;*/
        height: auto;
        min-height: 212px;
    }

    /*CRISIS MESSAGE*/


    /*WAS MOBILE PORTRAIT SECTION*/

    .SlideExtraInfoCarousel /*this will be replaced with a seperate control*/ {
        display: none;
    }


    #cruiseMap {
        height: 200px;
    }

    .ImageContainer.CruiseDestination.focuspoint {
        height: 200px !important;
        min-height: 200px !important;
        /*float:left;*/
    }


    .ImageContainer .OverLayText {
        top: 5px;
        left: 15px;
        font-size: 30px;
    }

        .ImageContainer .OverLayText .Small {
            font-size: 18px;
        }

    .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 {
        height: 200px !important;
        min-height: 200px !important;
    }

    .ImageContainer.CruiseDestination img {
        float: left;
        display: block;
        position: relative;
    }

    #myIframe {
        height: 200px !important;
    }


    .ArticlePage .ImageContainer.CruiseDestination img {
        height: auto !important;
        max-height: 200px !important;
        min-height: 100px !important;
    }

    .ArticlePage .SingleImage.ImageContainer.CruiseDestination img {
        max-height: 400px !important;
    }

    .TopCarousel .caroufredsel_wrapper {
        background-color: #324F84;
    }

    .MasterSlider .tcarousel .caroufredsel_wrapper {
        top: 110px !important;
    }

    .MasterSlider.MessageDisplayed .tcarousel .caroufredsel_wrapper {
        top: 320px !important;
    }

    .MasterSlider #tabletslides {
        padding-top: 0;
    }

    .MasterSlider .tcarousel {
        z-index: 100;
    }

    #content.ContentTop {
        padding-top: 162px !important;
    }


    .Slide {
        /*padding-top: 200px;*/
    }

        .Slide img {
            /*margin-top: -200px;*/
            max-height: 200px !important;
            min-height: 200px !important;
            height: 200px !important;
        }

    .Content.MasterSlider .Slide img {
        width: 100% !important;
        max-height: 100% !important;
        min-height: 250px !important; /*to keep 1110x750 image in prop at 360 wide*/
        height: auto !important;
    }

    .Content.MasterSlider #tabletslides, .Content.MasterSlider .caroufredsel_wrapper {
        height: 220px !important;
    }



    .Content.MasterSlider #content .Slide img {
        min-height: 200px !important;
        width: auto !important;
    }

    .Content.MasterSlider #content .caroufredsel_wrapper {
        height: 200px !important;
    }




    .InfoControlBar {
        display: none;
    }


    .virtualTourPano {
        width: 100%;
        height: 400px;
    }


    .Slide360Link {
        left: 20px;
    }

    .vtText {
        left: 90px;
        width: 70px;
        bottom: 20px;
    }

    .InfoControlBarReadMore {
        display: none;
    }

    .InfoControlBarReadMore {
        right: 0;
    }

    .Slide, .prev, .next {
        max-height: 200px !important;
    }

    .prev, .next {
        background: transparent;
    }

    #main .intro-panel .bx-next, .main .intro-panel .bx-next,
    #main .intro-panel .box-ticker-slider .bx-next, .main .intro-panel .box-ticker-slider .bx-next, .largenext {
        margin-right: 0;
        background: #1a2e5a url("/Images/arrow-rhs23x30.png") no-repeat scroll center center;
        height: 45px;
        width: 45px;
        top: 77px;
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    #main .intro-panel .bx-prev, .main .intro-panel .bx-prev,
    #main .intro-panel .box-ticker-slider .bx-prev, .main .intro-panel .box-ticker-slider .bx-prev, .largeprev {
        margin-left: 0;
        background: #1a2e5a url("/Images/arrow-lhs23x30.png") no-repeat scroll center center;
        height: 45px;
        width: 45px;
        top: 77px;
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    .DestinationsContent .largeprev, .DestinationsContent .largenext {
        top: 60px;
    }


    #main .intro-panel .bx-next, .main .intro-panel .bx-next,
    #main .intro-panel .bx-prev, .main .intro-panel .bx-prev {
        top: 130px !important;
    }


    .MobileSlider .box.box-ticker .panel {
        margin-right: 3px;
    }

    .carousel {
        background: #429ddc;
    }

    .vprev {
        bottom: 0;
    }

    .HomePageNew2014 #slides, .MasterSlider #slides, .MasterSlider #tabletslides {
        padding-top: 0;
    }

    #cookiesdirective .InfoBoxesClose {
        right: 20px !important;
        top: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        bottom: 5px !important;
        background: none !important;
        height: 35px !important;
    }

        #cookiesdirective .InfoBoxesClose .CloseIcon {
            top: 10px;
        }

        #cookiesdirective .InfoBoxesClose .CloseText {
            right: 32px;
            top: 1px;
        }

    #cookiesdirective > div {
        width: 100% !important;
        margin: 0 !important;
        padding: 20px 20px 60px 20px !important;
    }

    /* Promo Items*/
    .PromoTriple .Item {
        width: 100%;
    }

    #main .intro-panel .campaign img, .main .intro-panel .campaign img {
        height: auto;
    }

    .main .intro-panel .rightContainer.articleContent .box2 {
        width: 100% !important;
    }

    #main .intro-panel .campaign .textContent, .main .intro-panel .campaign .textContent {
        padding: 14px 3% 0;
        width: 94%;
    }

    .bannerMobile .mobileCampaignImage {
        display: block;
    }

    .bannerMobile .desktopCampaignImage {
        display: none;
    }

    p.psubtitle {
        font-size: 0.9em;
    }


    /* Home page Cruise blocks*/
    .HomePageNew2014 .ControlItem2014 .box .panel {
        height: auto;
    }

    .HomePageNew2014 .box-ticker .v-now, .HomePageNew2014 .main .intro-panel .box-ticker .v-now {
        background-size: 66px !important;
        height: 66px !important;
    }

    .HomePageNew2014 #main .intro-panel .link-price .from, .HomePageNew2014 .main .intro-panel .link-price .from {
        font-size: 14px;
        line-height: 15px;
        height: 14px;
        padding-right: 15px;
    }

    .HomePageNew2014 .RecentlyViewedCntrlHomepage2014 .from, .HomePageNew2014 .RecentlyViewedCntrlHomepage2014 .from {
        font-size: 26px !important;
        line-height: 26px !important;
        height: 28px !important;
    }

    .HomePageNew2014 #main .intro-panel .link-price .per, .HomePageNew2014 .main .intro-panel .link-price .per {
        font-size: 11px;
        padding-right: 15px;
    }

    .HomePageNew2014 .RecentlyViewedCntrlHomepage2014.link-price .per, .HomePageNew2014 .RecentlyViewedCntrlHomepage2014 .link-price .per {
        font-family: arial !important;
        font-size: 14px !important;
        line-height: 16px !important;
    }

    .HomePageNew2014 #main .intro-panel .link-price .price, .HomePageNew2014 .main .intro-panel .link-price .price {
        font-size: 26px;
        line-height: 22px;
        padding-right: 15px;
    }

    .HomePageNew2014 .RecentlyViewedCntrlHomepage2014 .link-price .price, .HomePageNew2014 .RecentlyViewedCntrlHomepage2014 .link-price .price {
        font-size: 52px !important;
        line-height: 47px !important;
        padding-right: 39px !important;
        letter-spacing: -2px !important;
        padding-top: 2px !important;
    }

    .HomePageNew2014 #main .intro-panel .link-price sup, .HomePageNew2014 .main .intro-panel .link-price sup {
        font-size: 17px;
    }

    .HomePageNew2014 .RecentlyViewedCntrlHomepage2014 .link-price sup, .HomePageNew2014 .RecentlyViewedCntrlHomepage2014 .link-price sup {
        font-style: normal !important;
        font-size: 30px !important;
        line-height: 14px !important;
        vertical-align: inherit !important;
    }

    .HomePageNew2014 #main .intro-panel .link-price .price:after, .HomePageNew2014 .main .intro-panel .link-price .price:after {
        background: url('/Images/home-sprite.png') no-repeat top left;
        background-position: -41px -435px;
        display: block;
        position: absolute;
        width: 21px;
        height: 17px;
        top: 24px;
        right: 0;
        content: '';
    }

    .HomePageNew2014 .RecentlyViewedCntrlHomepage2014 .link-price .price:after, .HomePageNew2014 .RecentlyViewedCntrlHomepage2014 .link-price .price:after {
        background: url('/Images/home-sprite.png') no-repeat top left !important;
        background-position: 0px -785px !important;
        display: block !important;
        position: absolute !important;
        width: 32px !important;
        height: 31px !important;
        top: 36px !important;
        right: 0 !important;
        content: '' !important;
    }

    .HomePageNew2014 #main .intro-panel .campaign .textContent, .HomePageNew2014 .main .intro-panel .campaign .textContent {
        width: 94%;
        padding: 3% 3% 3% 3%;
    }

        .HomePageNew2014 #main .intro-panel .campaign .textContent h2, .HomePageNew2014 .main .intro-panel .campaign .textContent h2 {
            font-size: 19px;
            line-height: 19px;
            width: 100%;
        }

        .HomePageNew2014 #main .intro-panel .campaign .textContent p,
        .HomePageNew2014 .main .intro-panel .campaign .textContent p {
            font-size: 14px;
            line-height: 14px;
            letter-spacing: -0.75px;
            display: none;
        }

    .HomePageNew2014 #main .intro-panel .campaign .findoutmore:after, .HomePageNew2014 .main .intro-panel .campaign .findoutmore:after {
        margin-top: 23px;
    }

    .HomePageNew2014 #main .intro-panel .campaign .textContent .findoutmore, .HomePageNew2014 .main .intro-panel .campaign .textContent .findoutmore {
        font-size: 12px;
        line-height: 12px;
        right: 20px;
        bottom: 5px;
    }

    .HomePageNew2014 #main .intro-panel .campaign.red .textContent .findoutmore:after,
    .HomePageNew2014 .main .intro-panel .campaign.red .textContent .findoutmore:after,
    .HomePageNew2014 #main .intro-panel .campaign.darkblue .textContent .findoutmore:after,
    .HomePageNew2014 .main .intro-panel .campaign.darkblue .textContent .findoutmore:after {
        background-position: -76px -305px;
        height: 18px;
        width: 14px;
        right: -16px;
    top: 0px;
    margin-top: 0px;
    }

    .HomePageNew2014 #main .intro-panel .campaign.palegold .textContent .findoutmore:after,
    .HomePageNew2014 .main .intro-panel .campaign.palegold .textContent .findoutmore:after,
    .HomePageNew2014 #main .intro-panel .campaign.paleblue .textContent .findoutmore:after,
    .HomePageNew2014 .main .intro-panel .campaign.paleblue .textContent .findoutmore:after {
        background-position: -45px -435px;
        height: 18px;
        width: 14px;
        right: -16px;
        top: -2px;
        margin-top: 0px;
    }
    /*WAS MOBILE PORTRAIT SECTION*/


    /*IE SECTION */

    .msph .item-with-ul, .msph .flexnav li {
        margin-bottom: -22px;
    }

    .SiteSearch {
        margin-bottom: 0px;
    }

    /*.msph #ctl00_MobileMenuCntrl_CruiseLifeLI
   {
       margin-bottom:-44px;
   }*/

    .msph #ctl00_MainContent_MobileMenuCntrl_HelpAndAdviceLI {
        height: 41px !important;
    }

        .msph #ctl00_MainContent_MobileMenuCntrl_HelpAndAdviceLI a {
            margin-top: -22px !important;
        }

    .msph .item-with-ul ul {
        margin-top: -20px;
    }

    .msph ul .flexnav-show {
        margin-top: -22px !important;
        margin-bottom: 22px !important;
    }

    .msph ul ul ul.flexnav-show li {
        top: -22px !important;
    }

    .msph .touch_button {
        top: -22px;
    }

    .msph .touch-button {
        top: 5px;
    }

    .msph #main-nav {
        margin-bottom: 22px !important;
    }

    #main-nav .SiteSearch {
        padding: 7px 13px 7px 20px;
        background: #cce3f2 !important;
        border-bottom: 2px solid #fff !important;
    }


        #main-nav .SiteSearch input[type="text"] {
            width: 95%;
            height: 28px;
            padding-left: 10px;
            color: #074391;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
        }

    .magglassMobile {
        background: url('/Images/Search_icon_16x16.png') no-repeat top right;
        display: block;
        position: absolute;
        width: 16px;
        height: 16px;
        top: 15px;
        right: 25px;
        cursor: pointer;
    }

    .NoResults {
        width: 90%;
    }

    #main-nav .SiteSearch .searchSiteTextBox {
        width: 100%;
    }

    .msph .RequestCallBackLI {
        margin-bottom: 0 !important;
    }

    .msph .flexnav {
        background: #fff;
    }

        .msph .flexnav li ul li ul li:first-child {
            margin-top: -22px !important;
        }

    .msph #logo a {
        background-image: url('/Images/spacer.gif');
    }

    .msph #QuickSearch2014 {
        margin-top: -21px;
    }

    .msph #content.ContentTop {
        padding-top: 121px !important;
    }

    /*IE SECTION */



    .CruiseImageTextBlock .textContainer .image {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .CruiseImageTextBlock .textContainer .text {
        width: 94%;
    }

    .CruiseImageTextBlock .text {
        padding: 0 3% !important;
    }

    .CruiseIconJumpLinks {
        margin-bottom: 0px;
        width: 94%;
        padding: 10px 3% 10px 3%;
    }

        .CruiseIconJumpLinks div {
            padding-left: 0px;
            width: 33%;
        }

    .CruiseImageTextBlock img {
        /*width: 100%;*/
    }

    .CruiseIconJumpLinks span {
        width: 100%;
    }

    .CruiseIconJumpLinks .TabTitle {
        display: none;
    }

    .textCountainerOuter .textContainer .text a {
        position: relative !important;
        margin-top: 10px;
    }

    .CruiseImageTextBlock .flash .flashtextContainer {
        width: 75%;
    }
    /*Highlights*/

    .HighlightsTextContainer, .HighlightsImageContainer {
        width: calc(100% - 20px);
        padding: 20px 10px 20px 10px;
    }

    .HighlightsImageContainer img {
        width: 100%;
    }

    .CountryInformationBg
    {
        display:none;
    }

    .CountryInformation {
        padding: 0 0 20px 5px; 
        position: relative; 
        width: 100%;
    }

    /*Mobile Table Layout*/

    .ContentBoxContentContainer, .ContentBoxHeaderContainer  {
        width:50%;
    }

    .ContentBoxHeaderContainer .ContentBoxHeader
    {
        width:100% !important;
    }

    .ContentBoxContentContainer
    {
        overflow-x:scroll;
        overflow-y:hidden;
    }

    .ContentBoxes
    {
        margin:20px 3% 20px 3%;        
    }

    .ContentBoxes.Red .ContentBoxHeader,  .ContentBoxes.DarkBlue .ContentBoxHeader, .ContentBoxes.DarkGold .ContentBoxHeader
    {
        border-right:solid 2px #fff;
    }

    .swipeIcon {
        height: 50px;
        right: 0;
        opacity: 0.5;
        top: 0;
        background: #1a2e5a url("/Images/arrow-lhs23x30.png") no-repeat scroll center center;
        cursor: pointer;
        margin: 0;
        position: absolute;
        width: 25px;
        z-index: 100;
    }


    .noPrices
    {
        padding:0 13px 0 13px;
    }

    /*Mobile Table Layout*/

    /*Suitcase Iframe*/
    .SuitCase
    {
        height:500px;
    }
    /*Suitcase Iframe*/

    /** Holiday finder - Mobile --*/

   body.OverlayHFinder .caroufredsel_wrapper 
   {
       background-image:none;
       background-color:#1a2e5a;
   }
     body.OverlayHFinder .MobCont, body.OverlayHFinder .DesktopContent, body.OverlayHFinder .TabCont
     {
         min-height:0;
         min-width:0;
         height:0;
         width:0;
     }
    body.OverlayHFinder .OverlayContent {
        width: 100% !important;
        margin: 0 auto 0 auto !important;
        position: relative;
        top: 0;
        left: 0;
        /* bring your own prefixes */
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -webkit-transform: none;
        transform: none;
    }
    .smcontainer .smItem
    {
        width:100%;
    }

     .SearchLookingFor {
        width: 100%;
        padding: 0!important;
    }
   body.OverlayHFinder .OverlayContent .OverlayPageTitle {
    margin: 6px 0 0 5px;
   }
   .hFinderfooter {
    width: 96%;
    padding: 5px 2% 5px 2%;
    }
   .buttonbar {
    float: right;
    padding-top: 8px;
    margin-right: 2%;
   }

   .smItem .shead {
    min-height: 0;
    padding: 15px 2% 0 2%;
    }
   .scarouselContainer
   {
       margin-top:0;
       white-space: nowrap;
       float: none;
       width: auto;
       margin-left:-27%;
   }

   .scarouselContainer ul
   {
       width:100%;
       float:none;
       display:inline-block;
   }
   body.OverlayHFinder .scarouselContainer ul li
   {
       float:none;
       display:inline-block;
       margin-top:0;
       margin-left:3px;
   }

   .scarousel .topcover, .scarousel .basecover {
    width: 12.5%;
    height: 100%;
    top: 0;
    left:auto;
    background-repeat: repeat-y;
    }
    .scarousel .topcover {
        background-image: url('/images/Hfinder/LeftShading2.png');
        left: 0;
    }
    .scarousel .basecover {
        background-image: url('/images/Hfinder/RightShading2.png');
        right: 0;
    }
    .smcontainer .smItem .scarousel
    {
        padding:0;
        width:100%;
    }
    .topcover span, .basecover span
    {
        left: auto;
        top:50%;
        width: 28px;
        height: 93px;
    }

    .topcover span
    {
        left:6%;
    }

    .basecover span
    {
        right:6%;
    }


    .topcover a, .basecover a {
        width: 19px;
        height: 93px;
        left: auto;
        top:-50%;

    }

    .topcover a {
        background-image: url('/images/Hfinder/HF_SpinnerButton_left.png');
        background-position:top right;
    }
    .basecover a {
        background-image: url('/images/Hfinder/HF_SpinnerButton_right.png');
        background-position:top left;
    }
    body.OverlayHFinder .hfinder2014 .buttonbar
    {
        width:98%;
    }
    #hf-rhs, #hf-lhs {width:100%; float:left;}
    .hf-rhs-item-more{
        position:relative;
    }
    .hf-rhs-item-rgt P.hf-rhs-item-more A {font-size:19px;padding: 5px 25px 5px 0;}

    .hf-rhs-item-lft
    {
        width:100%;
    }
    .hf-rhs-item-rgt{
        width:97%;
        padding: 10px 1% 10px 2%;
        position:relative;
        top:auto;
        bottom:auto;
        left:auto;
    }
    .hf-rhs-foot-rgt
    {
        width:98%;
    }

    .hf-rhs-item-rgt P.hf-rhs-item-more 
    {
        position:relative;
        margin-top:0;
    }
    span.NoResultsIntro
    {
        padding:0 1% 10px 1%;
        float:left;
    }

    /*Customer Support*/

    .InPageMargin
    {
        margin:0 2% 20px 2%;
    }

    .InPageMargin h3
    {
        padding-left:2%;
    }

    .SiteSearchContainer .header-searchBox
    {
        width: calc(100% - 40px);
    }

    .SiteSearchContainer .SiteSearch
    {
        width: calc(100% - 40px);
        background:#074391;
        padding:20px;
        position:relative;
        list-style-type:none;
    }

    .SiteSearchContainer #searchSiteTextBoxMobile
    {
        width:100%;
    }

    .SiteSearchContainer h4
    {
        margin:0 2% 10px 2%;
        width:96%;
    }

    .SiteSearchContainer .magglassMobile {
        top: 23px;
        right: 20px;
    }

    .SiteSearchContainer .HighlightContainer
    {
        width: calc(100% - 40px);
    }

    .CustomerSupportInfoBoxContainer
    {
        width:100%;
    }

    .CustomerSupportInfoBox
    {
        width: calc(50% - 22px);
        border-right: solid 2px #fff;
        border-bottom: 2px solid #fff;
        height:280px;
    }

    .CustomSupportFormContainer
    {
        padding:20px 2% 20px 2%;
        width:96%;
    }

    #StandardFormContainer .twothrd, #StandardFormContainer .onethrd
    {
        width:100%;
        margin:0 0 20px 0;
    }

    .CustomerSupportDD
    {
        width:100%;
    }

    .CustomSupportFormContainer #StandardFormContainer select
    {
        width:100% !important;
    }

    .CustomSupportFormContainer #StandardFormContainer input,  .CustomSupportFormContainer #StandardFormContainer textarea, .CustomSupportFormContainer #StandardFormContainer .fulllink
    {
        width:97% !important;
    }

    .OverSeasContainer {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0;
        width: 100%;
        background: #D9EBFA;
        margin:0 !important;
        z-index:9999;
    }

    .TopFaqs .faqs, .Results
    {
        width:100%;
    }

    /*Customer Support*/

    /*Whats Included*/

    .CruiseWhatsIncludedDiv, .CruiseWhatsIncludedDiv.SelectOnly
    {
        margin: 0;
        width: 100%;
    }

     /*Whats Included*/
}

/* iphone 4 */
@media screen and (min-width: 480px) and (max-width: 660px) and (orientation : landscape) {
    #logo img
    {
        width:65%;
        margin:0 auto;
    }
}

/* andriod moto */
@media screen and (min-width: 590px) and (max-width: 660px) and (orientation : landscape) {
    #logo img
    {
        width:54%;
        margin:0 auto;
    }
}

@media screen and (min-width: 322px) and (max-width: 360px) and (orientation : portrait) {
    #logo img
    {
        width:90%;
        margin:0 auto;
    }
}

/* iphone 6 */
@media screen and (min-width: 590px) and (max-width: 668px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    #logo img
    {
        width:48%;
        margin:0 auto;
    }
}

@media screen and (min-width: 362px) and (max-width: 380px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    #logo img
    {
        width:85%;
        margin:0 auto;
    }
}

/*MOBILE MEDIA QUERIES */
