



<!DOCTYPE html>
<html lang="en">
<head prefix="og: http://ogp.me/ns#">
    <title>Hawaii Hotels &amp; Resorts, Condos in Oahu, Maui, Kauai, Big Island | Outrigger</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="description" content="Book your next Hawaiian vacation in one of Outrigger&#39;s many Hotels &amp; Resorts, Condos in Hawaii. World-famous beaches. Regional cuisines. Joyful hosts." />
    <meta name="keywords" content="" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta property="og:title" content="Hawaii Hotels &amp; Resorts, Condos in Oahu, Maui, Kauai, Big Island | Outrigger" />
    <meta property="og:url" content="http://www.outrigger.com/hotels-resorts?region=hawaii&amp;show=true" />
    <meta property="og:image" content="http://www.outrigger.com" />
    <link rel="stylesheet" href="/css/style.css?v=2.0.4" media="all" />
    <link rel="stylesheet" type="text/css" href="//cloud.typography.com/7245974/739048/css/fonts.css" />
    <link rel="stylesheet" href="/css/discovery.css?v=2.0.4" media="all" />
    <link href="/images/favicon.ico" rel="shortcut icon" type="image/x-icon">
        <link rel="canonical" href="http://www.outrigger.com/hotels-resorts?region=hawaii" />
        <!--SERVER: PROD-WEB8-->
</head>
<body class="">
    <script type="text/javascript">
        var utag_data = {page_name : 'www:Hotels & Resorts', channel : 'www:Hotels & Resorts', region: 'HI', property_type: '', server: 'PROD-WEB8', language: 'en', page_guid : '9C3EA11C-00B2-4E1C-BFFC-8A5984CA5F54', page_last_edit_date : '201723', page_type: 'MegaRegion Default View'}
    </script>

    <script type="text/javascript">(function (a, b, c, d) { a = '//tags.tiqcdn.com/utag/outrigger/outrigger-com/prod/utag.js'; b = document; c = 'script'; d = b.createElement(c); d.src = a; d.type = 'text/java' + c; d.async = true; a = b.getElementsByTagName(c)[0]; a.parentNode.insertBefore(d, a); })();</script>

    

    



<header class="main-header">
    <div class="super-masthead hidden-xs hidden-sm">

    </div><!-- super-masthead -->    <div class="container-fluid header-desktop hidden-xs hidden-sm">
        <div class="container header-desktop-container">

            <!-- 00-atoms/08-links/_00-logo.mustache -->

            <div class="header-logo-space"><a href="/" class="header-logo">Outrigger ™ Hotels and Resorts</a></div>
            <ul class="header-main-nav">
                <li class="header-nav-l1">
                    <a class="header-nav-li-item" href="/hotels-resorts">Hotels & Resorts</a>
                    <div class="header-subnav-menu" tabindex="0">
                        <ul class="header-submenu-list header-submenu-dual-list">


                            <li class="header-submenu-list-hdr">Hawaiian Islands</li>
                                <li class="header-subnav-menu-item"><a href="/hotels-resorts?region=hawaii">All Islands <span class="header-subnav-menu-item-extra"></span></a></li>
                                <li class="header-subnav-menu-item"><a href="/hotels-resorts?region=oahu">Oahu <span class="header-subnav-menu-item-extra"></span></a></li>
                                <li class="header-subnav-menu-item"><a href="/hotels-resorts?region=maui">Maui <span class="header-subnav-menu-item-extra"></span></a></li>
                                <li class="header-subnav-menu-item"><a href="/hotels-resorts?region=kauai">Kauai <span class="header-subnav-menu-item-extra"></span></a></li>
                                <li class="header-subnav-menu-item"><a href="/hotels-resorts?region=hawaii-island">Hawaii <span class="header-subnav-menu-item-extra">Big Island</span></a></li>
                        </ul>
                        <ul class="header-submenu-list header-submenu-dual-list">


                            <li class="header-submenu-list-hdr">Worldwide</li>

                                <li class="header-subnav-menu-item"><a href="/hotels-resorts?region=fiji">Fiji <span class="header-subnav-menu-item-extra"></span></a></li>
                                <li class="header-subnav-menu-item"><a href="/hotels-resorts/guam/tumon-bay/outrigger-guam-beach-resort">Guam <span class="header-subnav-menu-item-extra"></span></a></li>
                                <li class="header-subnav-menu-item"><a href="/hotels-resorts?region=thailand">Thailand <span class="header-subnav-menu-item-extra"></span></a></li>
                                <li class="header-subnav-menu-item"><a href="/hotels-resorts/island-of-mauritius/mauritius/outrigger-mauritius-beach-resort">Mauritius <span class="header-subnav-menu-item-extra"></span></a></li>
                                <li class="header-subnav-menu-item"><a href="/hotels-resorts/maldives/konotta-island/outrigger-konotta-maldives-resort">Maldives <span class="header-subnav-menu-item-extra"></span></a></li>

                        </ul>

                        <hr class="header-subnav-menu-sep" />
                        <ul class="header-submenu-list header-submenu-list-alt">
                            <li class="header-subnav-menu-item header-subnav-menu-item-alt"><a href="/hotels-resorts">View all properties</a></li>
                        </ul>
                    </div>

                </li>
                <li class="header-nav-l1">
                    <a class="header-nav-li-item" href="/specials">Specials</a>
                    <div class="header-subnav-menu" tabindex="0">
                        <ul class="header-submenu-list">
                            <li class="header-subnav-menu-item"><a href="/specials">All Specials</a></li>
                            <li class="header-subnav-menu-item"><a href="/specials/outrigger-best-rates-hawaii-asia-pacific">Best Deals</a></li>
                        </ul>
                    </div>
                </li>

                            <li class="header-nav-l1">
                                <a class="header-nav-li-item" title="Loyalty Program" href="/discovery-program/member-benefits">Loyalty</a>
                                <div class="header-subnav-menu" tabindex="0">
                                    <ul class="header-submenu-list">
                                            <li class="header-subnav-menu-item"><a href="/discovery-program/discovery">DISCOVERY</a></li>
                                            <li class="header-subnav-menu-item"><a href="/discovery-program/member-benefits">Member Benefits </a></li>
                                            <li class="header-subnav-menu-item"><a href="/discovery-program/local-experiences">Local Experiences</a></li>
                                            <li class="header-subnav-menu-item"><a href="/discovery-program/book">DISCOVERY Reservations</a></li>
                                            <li class="header-subnav-menu-item"><a href="/discovery-program/join">Join DISCOVERY</a></li>
                                    </ul>
                                </div>
                            </li>



                <li class="header-nav-l1">
                    <a class="header-nav-li-item" href="https://reservations.outrigger.com/rez.aspx?chain=18497&amp;hotellist=OHR&amp;locale=en-US" target="_blank">Reservations</a>
                    <!--
                    *** COMMENTED OUT FOR LAUNCH ***
                    <div class="header-subnav-menu" tabindex="0">
                        <ul class="header-submenu-list">
                            <li class="header-subnav-menu-item"><a href="/hotels-resorts">Make Reservation</a></li>
                        </ul>
                        <hr class="header-subnav-menu-sep" />
                        <div class="header-subnav-copy">Modify/Cancel Reservation<br>Enter your reservation information below:</div>
                        <form class="header-subnav-res-form">
                            <div class="floater-label-item">
                                <label class="floater-label" for="FPO_conf">Confirmation Number</label>
                                <input class="floater-field" type="text" name="FPO_conf" id="FPO_conf">
                            </div>
                            <div class="floater-label-item">
                                <label class="floater-label" for="FPO_last_4">Last 4 Digits of Credit Card</label>
                                <input class="floater-field" type="text" name="FPO_last_4" id="FPO_last_4">
                            </div>
                            <input type="submit" class="btn btn-blue" value="View Reservation" />
                        </form>
                    </div>
                    -->
                </li>
                <li class="header-nav-l1">
                    <a class="header-nav-li-item" href="/help/phone-numbers" target="_parent">Help</a>
                    <div class="header-subnav-menu" tabindex="0">
                        <ul class="header-submenu-list">
                            <li class="header-subnav-menu-item header-help-subnav-item header-help-subnav-phone-icon">
                                <div class="header-subnav-copy">Phone Numbers</div>
                                <div class="header-subnav-copy header-subnav-phone-no">+1.303.369.7777</div>
                            </li>
                            <li class="header-subnav-menu-item header-help-subnav-item header-help-subnav-chat-icon">
                                <div class="header-subnav-copy">Live Support</div>
                                <a href="/help/live-chat">Start Live Chat</a>
                            </li>
                            <li class="header-subnav-menu-item header-help-subnav-item header-help-subnav-email-icon">
                                <div class="header-subnav-copy">Email Us</div>
                                <a href="/help/email-us">Send Us An Email</a>
                            </li>
                            <li class="header-subnav-menu-item header-help-subnav-item header-help-subnav-headset-icon">
                                <div class="header-subnav-copy">Have Us Call You</div>
                                <a href="/help/have-us-call-you">Schedule a Call</a>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>




   

            <button type="button" class="brg btn bw-header-btn hidden" tabindex="">
                <span class="bw-header-book-text">
                    Check Availability
                    <span class="bw-header-brg-text">Best Rate Guarantee</span>
                </span>
                <span class="bw-header-close-text">X close</span>
            </button>

        </div><!-- container -->

    </div><!-- header-desktop -->
   
            <div class="row brg-hdr-banner-hero hidden-xs hidden-sm">
                
                <div class="col col-md-12">                  
                        <a href="/landing-pages/brg/best-rate-guarantee" target="_blank" class="brg-hdr-banner-link">Best Rate Guarantee</a> Book with Outrigger.com and get the best rate!               
                </div>
            </div>

        

  

        <div class="header-mobile hidden-md hidden-lg">
            <span class="mobile-menu-toggle-btn">
                <span class="mobile-menu-glyph"></span>
                <span class="mobile-menu-glyph"></span>
                <span class="mobile-menu-glyph"></span>
                <span class="mobile-menu-glyph"></span>
            </span>        <!-- 00-atoms/08-links/_00-logo.mustache -->

            <div class="header-logo-space"><a href="/" class="header-logo">Outrigger ™ Hotels and Resorts</a></div>
            <span class="btn mobile-header-book-btn">Book</span>
            <a href="tel:18665516735" class="mobile-header-contact-btn"><span class="sprite sprite-phone-black">phone/contact</span></a>
        </div><!-- container -->


            <div class="brg-mobile-banner hidden-md hidden-lg">
                <a href="/landing-pages/brg/best-rate-guarantee" target="_blank" class="brg-mobile-banner-link">Best Rate Guarantee</a>
            </div>




        <nav class="mobile-menu-wrap  hidden-md hidden-lg">
            <ul class="mobile-menu-section">
                <li class="mobile-menu-l1 mobile-menu-l1-white"><a href="/" class="mobile-menu-item">Home</a></li>
                <li class="mobile-menu-l1 mobile-menu-l1-white">
                    <span class="mobile-menu-section-open-btn">Hawaiian Islands</span>
                    <ul class="mobile-menu-sub-section">
                        <li class="mobile-menu-l2 "><span class="mobile-menu-section-close-btn">Back</span></li>
                            <li class="mobile-menu-l2"><a class="mobile-menu-item" href="/hotels-resorts?region=hawaii">All Islands <span class="mobile-menu-item-lowercase"></span></a></li>
                            <li class="mobile-menu-l2"><a class="mobile-menu-item" href="/hotels-resorts?region=oahu">Oahu <span class="mobile-menu-item-lowercase"></span></a></li>
                            <li class="mobile-menu-l2"><a class="mobile-menu-item" href="/hotels-resorts?region=maui">Maui <span class="mobile-menu-item-lowercase"></span></a></li>
                            <li class="mobile-menu-l2"><a class="mobile-menu-item" href="/hotels-resorts?region=kauai">Kauai <span class="mobile-menu-item-lowercase"></span></a></li>
                            <li class="mobile-menu-l2"><a class="mobile-menu-item" href="/hotels-resorts?region=hawaii-island">Hawaii <span class="mobile-menu-item-lowercase">Big Island</span></a></li>
                        <li class="mobile-menu-l2"><a href="/hotels-resorts" class="mobile-menu-item">View all properties</a></li>
                    </ul>
                </li>
                <li class="mobile-menu-l1 mobile-menu-l1-white">
                    <span class="mobile-menu-section-open-btn">Worldwide</span>
                    <ul class="mobile-menu-sub-section">
                        <li class="mobile-menu-l2 "><span class="mobile-menu-section-close-btn">Back</span></li>
                            <li class="mobile-menu-l2"><a class="mobile-menu-item" href="/hotels-resorts?region=fiji">Fiji <span class="mobile-menu-item-lowercase"></span></a></li>
                            <li class="mobile-menu-l2"><a class="mobile-menu-item" href="/hotels-resorts?region=guam">Guam <span class="mobile-menu-item-lowercase"></span></a></li>
                            <li class="mobile-menu-l2"><a class="mobile-menu-item" href="/hotels-resorts?region=thailand">Thailand <span class="mobile-menu-item-lowercase"></span></a></li>
                            <li class="mobile-menu-l2"><a class="mobile-menu-item" href="/hotels-resorts?region=island-of-mauritius">Mauritius <span class="mobile-menu-item-lowercase"></span></a></li>
                            <li class="mobile-menu-l2"><a class="mobile-menu-item" href="/hotels-resorts?region=maldives">Maldives <span class="mobile-menu-item-lowercase"></span></a></li>
                        <li class="mobile-menu-l2"><a href="/hotels-resorts" class="mobile-menu-item">View all properties</a></li>
                    </ul>
                </li>
                <li class="mobile-menu-l1 mobile-menu-l1-white"><a class="mobile-menu-item" href="/specials">Specials</a></li>
                            <li class="mobile-menu-l1 mobile-menu-l1-white"><a class="mobile-menu-item" title="Loyalty Program" href="/discovery-program/member-benefits">Loyalty</a></li>


                <li class="mobile-menu-l1 mobile-menu-l1-white"><a class="mobile-menu-item" href="https://reservations.outrigger.com/rez.aspx?chain=18497&amp;hotellist=OHR&amp;locale=en-US" target="_blank">Reservations</a></li>
                <li class="mobile-menu-l1 mobile-menu-l1-white"><a class="mobile-menu-item" href="/help/phone-numbers" target="_parent">Help</a></li>
                
                <li class="mobile-menu-l1 mobile-menu-l1-brown">
                    <span class="mobile-menu-section-open-btn">Phone Numbers</span>
                    <ul class="mobile-menu-sub-section">
                        <li class="mobile-menu-l2"><span class="mobile-menu-section-close-btn">Close Section</span></li>
                        <li class="mobile-menu-l2">
                            <a href="tel:1 866 956 4262" class="mobile-menu-item mobile-menu-item-phone-number">
                                1 866 956 4262<br />
                                US, Canada &amp; Guam
                            </a>
                        </li>
                        <li class="mobile-menu-l2">
                            <a href="tel:1 866 956 4262" class="mobile-menu-item mobile-menu-item-phone-number">
                                1 866 956 4262<br />
                                Australia
                            </a>
                        </li>
                        <li class="mobile-menu-l2">
                            <a href="tel:1 866 956 4262" class="mobile-menu-item mobile-menu-item-phone-number">
                                1 866 956 4262<br />
                                Worldwide Phone
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="mobile-menu-l1 mobile-menu-l1-brown">
                    <span class="mobile-menu-section-open-btn">Quick Links</span>
                    <ul class="mobile-menu-sub-section">
                        <li class="mobile-menu-l2 "><span class="mobile-menu-section-close-btn">Close Section</span></li>
                            <li class="mobile-menu-l2">
                                    <a href="/events" class="mobile-menu-item">Events Calendar</a>
                            </li>
                            <li class="mobile-menu-l2">
                                    <a href="/events/music/overview-music" class="mobile-menu-item">Music Events</a>
                            </li>
                            <li class="mobile-menu-l2">
                                    <a href="/events/sports/overview-sports" class="mobile-menu-item">Sports Events</a>
                            </li>
                            <li class="mobile-menu-l2">
                                    <a href="/stories" class="mobile-menu-item">Travel Blog</a>
                            </li>
                            <li class="mobile-menu-l2">
                                    <a href="/weddings" class="mobile-menu-item">Weddings</a>
                            </li>
                            <li class="mobile-menu-l2">
<a class="mobile-menu-item" title="Outrigger Business Connection" href="http://www.outriggerbusinessconnection.com" DisableWebEdit="True" target="_blank">Outrigger Business Connection</a>                            </li>
                            <li class="mobile-menu-l2">
<a class="mobile-menu-item" href="http://www.outriggeragent.com/" DisableWebEdit="True" target="_blank">Travel Agents</a>                            </li>
                            <li class="mobile-menu-l2">
                                    <a href="/meetings-and-groups" class="mobile-menu-item">Meetings &amp; Groups</a>
                            </li>
                    </ul>
                </li>
                <li class="mobile-menu-l1 mobile-menu-l1-brown">
                    <span class="mobile-menu-section-open-btn">Company Info</span>
                    <ul class="mobile-menu-sub-section">
                        <li class="mobile-menu-l2 "><span class="mobile-menu-section-close-btn">Close Section</span></li>
                            <li class="mobile-menu-l2">
<a class="mobile-menu-item" href="/signature-experiences" DisableWebEdit="True" target="_parent">Signature Experiences</a>                            </li>
                            <li class="mobile-menu-l2">
                                    <a href="/ozone-program/overview" class="mobile-menu-item">Outrigger&#39;s OZONE</a>
                            </li>
                            <li class="mobile-menu-l2">
<a class="mobile-menu-item" href="/about-us/company-info" DisableWebEdit="True" target="_blank">About Us</a>                            </li>
                            <li class="mobile-menu-l2">
<a class="mobile-menu-item" href="http://news.outrigger.com/" DisableWebEdit="True" target="_blank">Press Room</a>                            </li>
                            <li class="mobile-menu-l2">
<a class="mobile-menu-item" href="http://saturdaybriefing.outrigger.com/" DisableWebEdit="True" target="_blank">Saturday Briefing</a>                            </li>
                            <li class="mobile-menu-l2">
                                    <a href="/about-us/career-opportunities" class="mobile-menu-item">Employment</a>
                            </li>
                            <li class="mobile-menu-l2">
                                    <a href="/hawaii-tat-disclosure" class="mobile-menu-item">Hawaii TAT Disclosure</a>
                            </li>
                            <li class="mobile-menu-l2">
                                    <a href="/ada" class="mobile-menu-item">Accessible Rooms</a>
                            </li>
                            <li class="mobile-menu-l2">
                                    <a href="/help/phone-numbers" class="mobile-menu-item">Contact Us</a>
                            </li>
                    </ul>
                </li>
            </ul>
        </nav>

</header>



    




<div id="bookingWidgetMobile" class="hidden-md hidden-lg mobile-booking-widget-wrap">

    <form class="container bwm-form" method="get" action="https://reservations.outrigger.com/rez.aspx">
        <div class="row">
            <div class="col col-xs-12">
                <div class="bwm-item-wrap">
                    <label class="floater-label floater-label-select bwm-floater-label bwm-floater-label-icon" for="bwmDestination">Select Destination</label>
                    <div class="pe-dropdown-container simple-select-container">
                        <!--
                            Sitecore Notes for this select menu:

                            Optgroups represent subregions
                            - data-subregion-dest: used by js to populate the dest hidden field
                            - data-simple-select-text: what displays on the button when "all properties" is selected

                            Option values are the hotel ids in synexis
                            - "All Properties" options should have a blank value
                        -->
                        
                        <select id="bwmDestination" name="Hotel" class="floater-field bwm-select-menu" tabindex="">
                            <option value="">Select Destination</option>
                                <optgroup label="Hawaii - Oahu" data-subregion-dest="OA">
                                    <option value="" data-simple-select-text="All Properties in Oahu">All Properties</option>
                                            <option value="66419" data-min-stay="">Outrigger Waikiki Beach Resort</option>
                                            <option value="66403" data-min-stay="">Outrigger Reef Waikiki Beach Resort</option>
                                            <option value="66402" data-min-stay="">OHANA&#174; Waikiki East by Outrigger&#174;</option>
                                            <option value="66414" data-min-stay="">OHANA&#174; Waikiki Malia by Outrigger&#174;</option>
                                            <option value="66405" data-min-stay="">Ala Moana Hotel</option>
                                            <option value="66413" data-min-stay="">Airport Honolulu Hotel</option>
                                            <option value="66820" data-min-stay="">Waikiki Shore by Outrigger&#174;</option>
                                            <option value="66821" data-min-stay="2">Regency on Beachwalk Waikiki by Outrigger&#174;</option>
                                </optgroup>
                                <optgroup label="Hawaii - Maui" data-subregion-dest="MA">
                                    <option value="" data-simple-select-text="All Properties in Maui">All Properties</option>
                                            <option value="67000" data-min-stay="2">Palms at Wailea Maui by Outrigger&#174;</option>
                                            <option value="66999" data-min-stay="2">Aina Nalu&#174; Lahaina by Outrigger&#174;</option>
                                            <option value="67001" data-min-stay="2">Maui Eldorado Kaanapali℠ by Outrigger&#174;</option>
                                            <option value="67002" data-min-stay="2">Royal Kahana Maui by Outrigger&#174;</option>
                                            <option value="67003" data-min-stay="0">Napili Shores Maui by Outrigger&#174;</option>
                                            <option value="66412" data-min-stay="0">The Kapalua Villas Maui</option>
                                </optgroup>
                                <optgroup label="Hawaii - Kauai" data-subregion-dest="KA">
                                    <option value="" data-simple-select-text="All Properties in Kauai">All Properties</option>
                                            <option value="66404" data-min-stay="2">Kiahuna Plantation Resort Kauai by Outrigger&#174; </option>
                                            <option value="66997" data-min-stay="3">Lae Nani Resort Kauai by Outrigger&#174; </option>
                                            <option value="66998" data-min-stay="2">Waipouli Beach Resort &amp; Spa Kauai by Outrigger&#174;</option>
                                </optgroup>
                                <optgroup label="Hawaii - Big Island" data-subregion-dest="BI">
                                    <option value="" data-simple-select-text="All Properties in Hawaii">All Properties</option>
                                            <option value="67006" data-min-stay="2">Kanaloa at Kona by Outrigger&#174; </option>
                                            <option value="67007" data-min-stay="2">Royal Sea Cliff Kona by Outrigger&#174;</option>
                                            <option value="67004" data-min-stay="">Fairway Villas Waikoloa by Outrigger&#174;</option>
                                            <option value="67005" data-min-stay="">Kohala Coast Vacation Rentals by Outrigger&#174;</option>
                                </optgroup>
                                <optgroup label="Fiji - Viti Levu" data-subregion-dest="VL">
                                    <option value="" data-simple-select-text="All Properties in Fiji - Viti Levu">All Properties</option>
                                            <option value="66410" data-min-stay="">Outrigger Fiji Beach Resort</option>
                                </optgroup>
                                <optgroup label="Fiji - Castaway Island" data-subregion-dest="CI">
                                    <option value="" data-simple-select-text="All Properties in Fiji - Castaway Island">All Properties</option>
                                            <option value="66415" data-min-stay="">Castaway Island, Fiji Resort</option>
                                </optgroup>
                                <optgroup label="Guam - Tumon Bay" data-subregion-dest="TU">
                                    <option value="" data-simple-select-text="All Properties in Guam">All Properties</option>
                                            <option value="66418" data-min-stay="">Outrigger Guam Beach Resort</option>
                                </optgroup>
                                <optgroup label="Thailand - Phuket" data-subregion-dest="PK">
                                    <option value="" data-simple-select-text="All Properties in Thailand - Phuket">All Properties</option>
                                            <option value="67009" data-min-stay="">Outrigger Laguna Phuket Beach Resort</option>
                                </optgroup>
                                <optgroup label="Thailand - Koh Samui" data-subregion-dest="KS">
                                    <option value="" data-simple-select-text="All Properties in Thailand - Koh Samui">All Properties</option>
                                            <option value="67008" data-min-stay="">Outrigger Koh Samui Beach Resort</option>
                                </optgroup>
                                <optgroup label="Mauritius" data-subregion-dest="MU">
                                    <option value="" data-simple-select-text="All Properties in Mauritius">All Properties</option>
                                            <option value="66417" data-min-stay="">Outrigger Mauritius Beach Resort</option>
                                </optgroup>
                                <optgroup label="Maldives - Konotta Island" data-subregion-dest="MV">
                                    <option value="" data-simple-select-text="All Properties in Konatta Island">All Properties</option>
                                            <option value="66416" data-min-stay="">Outrigger Konotta Maldives Resort</option>
                                </optgroup>
                        </select>

                        <button class="dropdown-toggle bwm-dropdown-toggle bwm-dest-dropdown-toggle bwm-dropdown-toggle-with-icon" type="button" data-toggle="dropdown" aria-haspopup="true">Select Destination</button>

                    </div>
                    <div class="bwm-error-msg hidden" aria-hidden="true" id="bwmDestinationErrorMsg">Please specify a destination</div>
                </div><!-- bwm-item-wrap -->

                <div class="bwm-item-wrap">
                    <label class="floater-label bwm-floater-label bwm-floater-label-icon" for="bwmCalendarTriggerBtn">Select Dates</label>
                    <button id="bwmCalendarTriggerBtn" class="bwm-dropdown-toggle bwm-additional-screen-trigger bwm-dropdown-toggle-with-icon floater-field" type="button" aria-haspopup="true">Select Dates</button>
                    <div class="bwm-calendar-wrap bwm-additional-screen hidden" aria-hidden="true" id="bwmCalendarWrap">
                        <div class="bwm-additional-screen-hdr with-icon">Select Dates</div>
                        <div class="calendar"></div>
                        <button id="bwmCalendarResetBtn" type="button">Reset</button>
                        <input type="hidden" name="arrive" id="bwmDateStartInput" value="">
                        <input type="hidden" name="depart" id="bwmDateEndInput" value="">
                    </div><!-- bwm-calendar-wrap -->
                    <div class="bwm-error-msg hidden" aria-hidden="true" id="bwmDateErrorMsg">Please specify dates for your visit</div>
                </div><!-- bwm-item-wrap -->

            </div>
        </div>



        <div class="row bwm-3col-row">
            <div class="col col-xs-4">
                <div class="bwm-item-wrap">
                    <label for="bwmAdults" class="vis-hidden-for-screen-readers">Number of Adults</label>
                    <div class="pe-dropdown-container simple-select-container">
                        
                        <select name="adult" id="bwmAdults" class="floater-field bwm-select-menu" tabindex="">
                                        <option value="1" data-user-selected="true" selected>1 Adult</option>
                                        <option value="2">2 Adults</option>
                                        <option value="3">3 Adults</option>
                                        <option value="4">4 Adults</option>

                        </select>

                        <button class="dropdown-toggle bwm-dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true">1 Adult</button>

                    </div>

                </div><!-- bwm-item-wrap -->
            </div>
            <div class="col col-xs-4">
                <div class="bwm-item-wrap">
                    <label for="bwmChild" class="vis-hidden-for-screen-readers">Number of Children</label>
                    <div class="pe-dropdown-container simple-select-container">
                        
                        <select name="child" id="bwmChild" class="floater-field bwm-select-menu" tabindex="">
                                        <option value="0" data-user-selected="true" selected>0 Children</option>
                                        <option value="1">1 Child</option>
                                        <option value="2">2 Children</option>
                                        <option value="3">3 Children</option>
                                        <option value="4">4 Children</option>

                        </select>

                        <button class="dropdown-toggle bwm-dropdown-toggle bwm-dropdown-toggle-center" type="button" data-toggle="dropdown" aria-haspopup="true">0 Children</button>

                    </div>
                </div><!-- bwm-item-wrap -->
            </div>
            <div class="col col-xs-4">
                <div class="bwm-item-wrap">
                    <label for="bwmRooms" class="vis-hidden-for-screen-readers">Number of Rooms</label>
                    <div class="pe-dropdown-container simple-select-container">
                        
                        <select name="rooms" id="bwmRooms" class="floater-field bwm-select-menu" tabindex="">
                                        <option value="1" data-user-selected="true" selected>1 Room</option>
                                        <option value="2">2 Rooms</option>
                                        <option value="3">3 Rooms</option>
                                        <option value="4">4 Rooms</option>

                        </select>

                        <button class="dropdown-toggle bwm-dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true">1 Room</button>

                    </div>
                </div><!-- bwm-item-wrap -->
            </div>
        </div>

        <div class="row">
            <div class="col col-xs-12">

                <div class="bwm-item-wrap">
                    <label class="floater-label bwm-floater-label" for="bwmPromoTriggerBtn">Promo Codes/Special Rates</label>
                    <button id="bwmPromoTriggerBtn" class="bwm-dropdown-toggle bwm-additional-screen-trigger floater-field" type="button" aria-haspopup="true">Promo Codes/Special Rates</button>
                    <div class="bwm-promo-wrap bwm-additional-screen hidden dropdown-menu-promo" aria-hidden="true">
                        <div class="bwm-additional-screen-hdr">Promo Codes/Special Rates</div>
                        <!-- NOTE:
                        widgetType is used to allow for unique ids for the mobile & desktop widgets, as this content can be used in both, & is in Patternlab.
                        values: Mobile, Desktop
                        -->

                        <div class="bw-promo-content">
                            <div class="bw-promo-item-block">
                                <!-- NOTE: this field's ID is used by js -->
                                <label class="bw-promo-label" for="bwMobilePromoCodeInput">Promotion/Corporate Code</label>
                                <input type="text" placeholder="Enter Code" class="bw-promo-text-input" id="bwMobilePromoCodeInput" name="promo" maxlength="30" value="">
                            </div>

                            <div class="bw-promo-item-block">
                                <fieldset>
                                    <legend class="bw-promo-label">Special Rates</legend>
                                    <p class="bw-promo-small">Special rates require proof of eligibility at check-in.</p>
                                    <div class="row">
                                        <!--
                                        Sitecore Note:
                                        Checkbox IDs can be anything as long as they are matched between checkbox & label
                                        This markup is used for both the mobile & desktop booking widget, so the IDs can't be duplicated.
                                        These values are used by js to update the hidden field, which synxis actually uses
                                        & values aren't right, I just guessed.
                                        -->
                                            <div class="col col-lg-6 bw-promo-col">
                                                        <div class="bw-promo-checkbox-item">
                                                            <input type="checkbox" class="bw-promo-checkbox" id="bwmPromo_AAARATE" name="bookingWidgetPromoCodes" value="AAARATE">
                                                            <label class="bw-promo-checkbox-label" for="bwmPromo_AAARATE"><span>AAA/CAA</span></label>
                                                        </div>
                                                        <div class="bw-promo-checkbox-item">
                                                            <input type="checkbox" class="bw-promo-checkbox" id="bwmPromo_SENIORRATE" name="bookingWidgetPromoCodes" value="SENIORRATE">
                                                            <label class="bw-promo-checkbox-label" for="bwmPromo_SENIORRATE"><span>Senior</span></label>
                                                        </div>
                                                        <div class="bw-promo-checkbox-item">
                                                            <input type="checkbox" class="bw-promo-checkbox" id="bwmPromo_GOVRATE" name="bookingWidgetPromoCodes" value="GOVRATE">
                                                            <label class="bw-promo-checkbox-label" for="bwmPromo_GOVRATE"><span>Government</span></label>
                                                        </div>
                                                        <div class="bw-promo-checkbox-item">
                                                            <input type="checkbox" class="bw-promo-checkbox" id="bwmPromo_TVLCLBRATE" name="bookingWidgetPromoCodes" value="TVLCLBRATE">
                                                            <label class="bw-promo-checkbox-label" for="bwmPromo_TVLCLBRATE"><span>Travel Club</span></label>
                                                        </div>
                                            </div>
                                            <div class="col col-lg-6 bw-promo-col">
                                                        <div class="bw-promo-checkbox-item">
                                                            <input type="checkbox" class="bw-promo-checkbox" id="bwmPromo_LOCALRATE" name="bookingWidgetPromoCodes" value="LOCALRATE">
                                                            <label class="bw-promo-checkbox-label" for="bwmPromo_LOCALRATE"><span>Resident/Kamaaina</span></label>
                                                        </div>
                                                        <div class="bw-promo-checkbox-item">
                                                            <input type="checkbox" class="bw-promo-checkbox" id="bwmPromo_AIREMPRATE" name="bookingWidgetPromoCodes" value="AIREMPRATE">
                                                            <label class="bw-promo-checkbox-label" for="bwmPromo_AIREMPRATE"><span>Airline Employee</span></label>
                                                        </div>
                                                        <div class="bw-promo-checkbox-item">
                                                            <input type="checkbox" class="bw-promo-checkbox" id="bwmPromo_TVLAGTRATE" name="bookingWidgetPromoCodes" value="TVLAGTRATE">
                                                            <label class="bw-promo-checkbox-label" for="bwmPromo_TVLAGTRATE"><span>Travel Agent</span></label>
                                                        </div>
                                                <div class="bw-promo-checkbox-item">
                                                    <a class="bw-promo-checkbox-link" href="/specials/military-travel">Military Travel</a>
                                                </div>
                                            </div>

                                    </div>
                                </fieldset>

                                <input type="hidden" name="filter" class="bw-special-rates-hidden-field">
                            </div>



                            <div class="bw-promo-item-block">
                                <button class="btn btn-blue bw-promo-btn-apply">Apply</button>
                            </div>
                        </div><!-- bw-promo-content -->
                    </div>

                </div><!-- bwm-item-wrap -->

                <div class="bwm-item-wrap">
                    <input type="submit" value="Check Availability" class="btn bwm-submit-btn" />
                                <a href="/landing-pages/brg/best-rate-guarantee" target="_blank" class="bwm-brg-text">
                                    Best Rate Guarantee
                                </a>

                </div><!-- bwm-item-wrap -->

                <div class="bwm-item-wrap">
                    <a class="bwm-dropdown-toggle" href="https://reservations.outrigger.com/rez.aspx">Edit / View Reservation</a>
                </div><!-- bwm-item-wrap -->

                <div class="bwm-item-wrap">
                    <a class="bwm-dropdown-toggle" href="/help/phone-numbers">Call An Agent</a>
                </div><!-- bwm-item-wrap -->
            </div>
        </div>
        <div class="bwm-error-screen hidden" aria-hidden="true">
            <button class="bwm-close-btn" type="button">close</button>
            <div class="msg"></div>
        </div>
        <input type="hidden" name="Chain" value="18497">
        <input type="hidden" name="hotellist" id="bwHotelListCode" value="OHR">
        <input type="hidden" name="dest" id="bwmSubregionCode">
        <input type="hidden" name="start" value="availresults" id="bwStartScreen">
        <input type="hidden" name="locale" value="en-US">
    </form>
</div><!-- #mobileBookingWidget -->    

    

    













    <script type="text/javascript">
        regionLatLngNW = [21.8284, -158.6041];
        regionLatLngSE = [18.7425, -154.4843];
    </script>


<div class="container-fluid bw-h-container bw-toggle-version hidden-xs hidden-sm" id="booking-widget">
    




<form class="container bw-form" method="get" action="https://reservations.outrigger.com/rez.aspx">
    <div class="row">
        <div class="col col-md-9">
            <div class="row">
                <div class="col col-md-6">
                    <div class="tsm-wrap bw-destination-wrap bw-error-parent">
                        <div class="dropdown bw-drop">

                            <label id="bwDestLabel" class="floater-label bw-floater-label bw-icon-label" for="bwDestBtn">Select Destination</label>

                            <button class="dropdown-toggle bw-drop-toggle floater-field bw-icon-btn" type="button" id="bwDestBtn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0"><span class="bw-drop-toggle-text"></span><span class="vis-hidden-for-screen-readers">Select Destination</span></button>


                            <div class="dropdown-menu bw-drop-menu tsm-drop-menu-destination" aria-labelledby="bwDestBtn" aria-expanded="false">
                                <div class="bw-drop-hdr-bar">
                                    <button class="tsm-back" type="button" tabindex="0">back</button>
                                    <button class="bw-close-simple bw-close-dest" type="button" tabindex="0">close</button>
                                </div>
                                <div class="tsm-dest-viewport">
                                    <div id="bwDestinationMenuWrap" class="tsm-menu-wrap">
                                    </div>
                                </div>
                            </div><!-- dropdown-menu -->
                            <label for="bwDestination" class="vis-hidden-for-screen-readers">Destinations</label>
                            <select id="bwDestination" name="Hotel" class="floater-field hidden" tabindex="-1" aria-hidden="true" aria-labelledby="bwDestLabel" title="Select Destination">
                                <option value="">Select Destination</option>
                                    <optgroup label="Hawaii - Oahu" data-subregion-dest="OA">      
                                        <option  value="" data-simple-select-text="All Properties in Oahu">All Properties</option>                                                 
                                                <option value="66419" data-min-stay="">Outrigger Waikiki Beach Resort</option>
                                                <option value="66403" data-min-stay="">Outrigger Reef Waikiki Beach Resort</option>
                                                <option value="66402" data-min-stay="">OHANA&#174; Waikiki East by Outrigger&#174;</option>
                                                <option value="66414" data-min-stay="">OHANA&#174; Waikiki Malia by Outrigger&#174;</option>
                                                <option value="66405" data-min-stay="">Ala Moana Hotel</option>
                                                <option value="66413" data-min-stay="">Airport Honolulu Hotel</option>
                                                <option value="66820" data-min-stay="">Waikiki Shore by Outrigger&#174;</option>
                                                <option value="66821" data-min-stay="2">Regency on Beachwalk Waikiki by Outrigger&#174;</option>
                                    </optgroup>
                                    <optgroup label="Hawaii - Maui" data-subregion-dest="MA">      
                                        <option  value="" data-simple-select-text="All Properties in Maui">All Properties</option>                                                 
                                                <option value="67000" data-min-stay="2">Palms at Wailea Maui by Outrigger&#174;</option>
                                                <option value="66999" data-min-stay="2">Aina Nalu&#174; Lahaina by Outrigger&#174;</option>
                                                <option value="67001" data-min-stay="2">Maui Eldorado Kaanapali℠ by Outrigger&#174;</option>
                                                <option value="67002" data-min-stay="2">Royal Kahana Maui by Outrigger&#174;</option>
                                                <option value="67003" data-min-stay="0">Napili Shores Maui by Outrigger&#174;</option>
                                                <option value="66412" data-min-stay="0">The Kapalua Villas Maui</option>
                                    </optgroup>
                                    <optgroup label="Hawaii - Kauai" data-subregion-dest="KA">      
                                        <option  value="" data-simple-select-text="All Properties in Kauai">All Properties</option>                                                 
                                                <option value="66404" data-min-stay="2">Kiahuna Plantation Resort Kauai by Outrigger&#174; </option>
                                                <option value="66997" data-min-stay="3">Lae Nani Resort Kauai by Outrigger&#174; </option>
                                                <option value="66998" data-min-stay="2">Waipouli Beach Resort &amp; Spa Kauai by Outrigger&#174;</option>
                                    </optgroup>
                                    <optgroup label="Hawaii - Big Island" data-subregion-dest="BI">      
                                        <option  value="" data-simple-select-text="All Properties in Hawaii">All Properties</option>                                                 
                                                <option value="67006" data-min-stay="2">Kanaloa at Kona by Outrigger&#174; </option>
                                                <option value="67007" data-min-stay="2">Royal Sea Cliff Kona by Outrigger&#174;</option>
                                                <option value="67004" data-min-stay="">Fairway Villas Waikoloa by Outrigger&#174;</option>
                                                <option value="67005" data-min-stay="">Kohala Coast Vacation Rentals by Outrigger&#174;</option>
                                    </optgroup>
                                    <optgroup label="Fiji - Viti Levu" data-subregion-dest="VL">      
                                        <option  value="" data-simple-select-text="All Properties in Fiji - Viti Levu">All Properties</option>                                                 
                                                <option value="66410" data-min-stay="">Outrigger Fiji Beach Resort</option>
                                    </optgroup>
                                    <optgroup label="Fiji - Castaway Island" data-subregion-dest="CI">      
                                        <option  value="" data-simple-select-text="All Properties in Fiji - Castaway Island">All Properties</option>                                                 
                                                <option value="66415" data-min-stay="">Castaway Island, Fiji Resort</option>
                                    </optgroup>
                                    <optgroup label="Guam - Tumon Bay" data-subregion-dest="TU">      
                                        <option  value="" data-simple-select-text="All Properties in Guam">All Properties</option>                                                 
                                                <option value="66418" data-min-stay="">Outrigger Guam Beach Resort</option>
                                    </optgroup>
                                    <optgroup label="Thailand - Phuket" data-subregion-dest="PK">      
                                        <option  value="" data-simple-select-text="All Properties in Thailand - Phuket">All Properties</option>                                                 
                                                <option value="67009" data-min-stay="">Outrigger Laguna Phuket Beach Resort</option>
                                    </optgroup>
                                    <optgroup label="Thailand - Koh Samui" data-subregion-dest="KS">      
                                        <option  value="" data-simple-select-text="All Properties in Thailand - Koh Samui">All Properties</option>                                                 
                                                <option value="67008" data-min-stay="">Outrigger Koh Samui Beach Resort</option>
                                    </optgroup>
                                    <optgroup label="Mauritius" data-subregion-dest="MU">      
                                        <option  value="" data-simple-select-text="All Properties in Mauritius">All Properties</option>                                                 
                                                <option value="66417" data-min-stay="">Outrigger Mauritius Beach Resort</option>
                                    </optgroup>
                                    <optgroup label="Maldives - Konotta Island" data-subregion-dest="MV">      
                                        <option  value="" data-simple-select-text="All Properties in Konatta Island">All Properties</option>                                                 
                                                <option value="66416" data-min-stay="">Outrigger Konotta Maldives Resort</option>
                                    </optgroup>
                            </select>

                        </div>

                        <div class="bw-error-msg" aria-hidden="true">
                            <button type="button" class="bw-close-error">close</button>
                            <div class="msg">
                                Please specify a destination
                            </div>
                        </div>

                    </div>
                </div>
                <div class="col col-md-6">
                    <div class="bw-dates-wrap bw-error-parent">
                        <div class="dropdown bw-drop">

                            <label class="floater-label bw-floater-label bw-icon-label" for="bwCalendarTriggerBtn">Select Dates</label>

                            <button class="dropdown-toggle bw-drop-toggle floater-field bw-icon-btn" type="button" id="bwCalendarTriggerBtn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0"><span class="bw-drop-toggle-text"></span><span class="vis-hidden-for-screen-readers">Select Dates</span></button>

                            <div class="dropdown-menu bw-drop-menu drop-menu-dates" id="bwCalendarWrap" aria-labelledby="bwCalendarTriggerBtn" aria-expanded="false">
                                <div class="bw-drop-hdr-bar">
                                    <div class="bw-date-drop-hdr-reset hidden">
                                        <button class="bw-reset" type="button" tabindex="0">Reset</button>
                                        <span class="bw-min-stay-notice hidden">Minimum Stay of <span class="bw-min-stay-nights"></span> Nights Required</span>
                                        <button class="bw-close-simple bw-close-dest" type="button" tabindex="0">close</button>
                                    </div>
                                    <div class="bw-date-drop-hdr-instruct">
                                        <span class="bw-date-drop-instruct-text">Select Your Check-In Date</span>
                                        <span class="bw-date-drop-instruct-text hidden">Select Your Check-Out Date</span>
                                        <span class="bw-date-drop-instruct-text hidden">You&#39;re On Your Way</span>
                                    </div>
                                </div>
                                <div class="calendar"></div>
                                <input type="hidden" name="arrive" id="bwDateStartInput" value="">
                                <input type="hidden" name="depart" id="bwDateEndInput" value="">
                            </div>
                        </div>

                        <div class="bw-error-msg" aria-hidden="true">
                            <button type="button" class="bw-close-error">close</button>
                            <div class="msg">
                                Please specify dates for your visit
                            </div>
                        </div>

                    </div>
                </div><!-- row -->
            </div>
            <div class="row bw-row-additional">
                <div class="col col-md-2">
                    <div class="dropdown bw-drop bw-simple-drop">
                        <button class="dropdown-toggle bw-drop-toggle" type="button" id="bwAdults" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0"><span class="bw-drop-toggle-text">1 Adult</span></button>

                        <ul class="dropdown-menu bw-drop-menu" aria-labelledby="bwAdults" aria-expanded="false" role="listbox">
                            <li class="bw-drop-hdr-bar"><button class="bw-close-simple" type="button">close</button></li>
                                <li class="bw-simple-drop-option"><a role="option" tabindex="0" href="javascript:void();" data-field-value="1" data-display-text="1 Adult">1</a></li>
                                <li class="bw-simple-drop-option"><a role="option" tabindex="0" href="javascript:void();" data-field-value="2" data-display-text="2 Adults">2</a></li>
                                <li class="bw-simple-drop-option"><a role="option" tabindex="0" href="javascript:void();" data-field-value="3" data-display-text="3 Adults">3</a></li>
                                <li class="bw-simple-drop-option"><a role="option" tabindex="0" href="javascript:void();" data-field-value="4" data-display-text="4 Adults">4</a></li>
                        </ul>

                        <input type="hidden" name="adult" value="1" />

                    </div>

                </div>
                <div class="col col-md-2">
                    <div class="dropdown bw-drop bw-simple-drop">

                        <button class="dropdown-toggle bw-drop-toggle" type="button" id="bwChildren" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex=""><span class="bw-drop-toggle-text">0 Children</span></button>

                        <ul class="dropdown-menu bw-drop-menu" aria-labelledby="bwChildren" aria-expanded="false" role="listbox">
                            <li class="bw-drop-hdr-bar"><button class="bw-close-simple" type="button">close</button></li>
                                <li class="bw-simple-drop-option"><a role="option" tabindex="0" href="javascript:void();" data-field-value="0" data-display-text="0 Children">0</a></li>
                                <li class="bw-simple-drop-option"><a role="option" tabindex="0" href="javascript:void();" data-field-value="1" data-display-text="1 Child">1</a></li>
                                <li class="bw-simple-drop-option"><a role="option" tabindex="0" href="javascript:void();" data-field-value="2" data-display-text="2 Children">2</a></li>
                                <li class="bw-simple-drop-option"><a role="option" tabindex="0" href="javascript:void();" data-field-value="3" data-display-text="3 Children">3</a></li>
                                <li class="bw-simple-drop-option"><a role="option" tabindex="0" href="javascript:void();" data-field-value="4" data-display-text="4 Children">4</a></li>
                        </ul>

                        <input type="hidden" name="child" value="0" />

                    </div>

                </div>
                <div class="col col-md-2">
                    <div class="dropdown bw-drop bw-simple-drop">

                        <button class="dropdown-toggle bw-drop-toggle" type="button" id="bwRooms" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0"><span class="bw-drop-toggle-text">1 Room</span></button>

                        <ul class="dropdown-menu bw-drop-menu" aria-labelledby="bwRooms" aria-expanded="false" role="listbox">
                            <li class="bw-drop-hdr-bar"><button class="bw-close-simple" type="button">close</button></li>
                                <li class="bw-simple-drop-option"><a role="option" tabindex="0" href="javascript:void();" data-field-value="1" data-display-text="1 Room">1</a></li>
                                <li class="bw-simple-drop-option"><a role="option" tabindex="0" href="javascript:void();" data-field-value="2" data-display-text="2 Rooms">2</a></li>
                                <li class="bw-simple-drop-option"><a role="option" tabindex="0" href="javascript:void();" data-field-value="3" data-display-text="3 Rooms">3</a></li>
                                <li class="bw-simple-drop-option"><a role="option" tabindex="0" href="javascript:void();" data-field-value="4" data-display-text="4 Rooms">4</a></li>
                        </ul>

                        <input type="hidden" name="rooms" value="1" />

                    </div>

                </div>
                <div class="col col-md-6">
                    <div class="booking-dropdown-promos">
                        <div class="dropdown bw-drop" id="bwPromoDrop">

                            <label class="floater-label bw-floater-label" for="bwPromoBtn">Promo Codes/Special Rates</label>

                            <button class="dropdown-toggle bw-drop-toggle floater-field" type="button" id="bwPromoBtn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0"><span class="bw-drop-toggle-text"></span><span class="vis-hidden-for-screen-readers">Promo Codes/Special Rates</span></button>

                            <div class="dropdown-menu bw-drop-menu dropdown-menu-promo" aria-labelledby="bwPromoBtn" aria-expanded="false">
                                <div class="bw-promo-header-section">
                                    <div class="bw-promo-box-header">
                                        Enter Your Code Or Rate
                                    </div>
                                    <button class="bw-promo-header-clear-btn" id="bwPromoResetBtn" type="button">Clear Selection</button>
                                    <button class="bw-close-simple bw-close-promo" type="button" tabindex="0">close</button>
                                </div>
                                <!-- NOTE:
                                widgetType is used to allow for unique ids for the mobile & desktop widgets, as this content can be used in both, & is in Patternlab.
                                values: Mobile, Desktop
                                -->

                                <div class="bw-promo-content">
                                    <div class="bw-promo-item-block">
                                        <!-- NOTE: this field's ID is used by js -->
                                        <label class="bw-promo-label" for="bwPromoCodeInput">Promotion/Corporate Code</label>
                                        <input type="text" value="" placeholder="Enter Code" class="bw-promo-text-input" id="bwPromoCodeInput" name="promo" maxlength="30">
                                    </div>

                                    <div class="bw-promo-item-block">
                                        <fieldset>
                                            <legend class="bw-promo-label">Special Rates</legend>
                                            <p class="bw-promo-small">Special rates require proof of eligibility at check-in.</p>
                                            <div class="row">
                                                <!--
                                                    Sitecore Note:
                                                    Checkbox IDs can be anything as long as they are matched between checkbox & label
                                                    This markup is used for both the mobile & desktop booking widget, so the IDs can't be duplicated.
                                                    These values are used by js to update the hidden field, which synxis actually uses
                                                    & values aren't right, I just guessed.
                                                -->
                                                    <div class="col col-lg-6 bw-promo-col">
                                                                <div class="bw-promo-checkbox-item">
                                                                    <input type="checkbox" class="bw-promo-checkbox" id="bwPromo_AAARATE" name="bookingWidgetPromoCodes" value="AAARATE">
                                                                    <label class="bw-promo-checkbox-label" for="bwPromo_AAARATE"><span>AAA/CAA</span></label>
                                                                </div>
                                                                <div class="bw-promo-checkbox-item">
                                                                    <input type="checkbox" class="bw-promo-checkbox" id="bwPromo_SENIORRATE" name="bookingWidgetPromoCodes" value="SENIORRATE">
                                                                    <label class="bw-promo-checkbox-label" for="bwPromo_SENIORRATE"><span>Senior</span></label>
                                                                </div>
                                                                <div class="bw-promo-checkbox-item">
                                                                    <input type="checkbox" class="bw-promo-checkbox" id="bwPromo_GOVRATE" name="bookingWidgetPromoCodes" value="GOVRATE">
                                                                    <label class="bw-promo-checkbox-label" for="bwPromo_GOVRATE"><span>Government</span></label>
                                                                </div>
                                                                <div class="bw-promo-checkbox-item">
                                                                    <input type="checkbox" class="bw-promo-checkbox" id="bwPromo_TVLCLBRATE" name="bookingWidgetPromoCodes" value="TVLCLBRATE">
                                                                    <label class="bw-promo-checkbox-label" for="bwPromo_TVLCLBRATE"><span>Travel Club</span></label>
                                                                </div>
                                                    </div>
                                                    <div class="col col-lg-6 bw-promo-col">
                                                                <div class="bw-promo-checkbox-item">
                                                                    <input type="checkbox" class="bw-promo-checkbox" id="bwPromo_LOCALRATE" name="bookingWidgetPromoCodes" value="LOCALRATE">
                                                                    <label class="bw-promo-checkbox-label" for="bwPromo_LOCALRATE"><span>Resident/Kamaaina</span></label>
                                                                </div>
                                                                <div class="bw-promo-checkbox-item">
                                                                    <input type="checkbox" class="bw-promo-checkbox" id="bwPromo_AIREMPRATE" name="bookingWidgetPromoCodes" value="AIREMPRATE">
                                                                    <label class="bw-promo-checkbox-label" for="bwPromo_AIREMPRATE"><span>Airline Employee</span></label>
                                                                </div>
                                                                <div class="bw-promo-checkbox-item">
                                                                    <input type="checkbox" class="bw-promo-checkbox" id="bwPromo_TVLAGTRATE" name="bookingWidgetPromoCodes" value="TVLAGTRATE">
                                                                    <label class="bw-promo-checkbox-label" for="bwPromo_TVLAGTRATE"><span>Travel Agent</span></label>
                                                                </div>
                                                        <div class="bw-promo-checkbox-item">
                                                            <a class="bw-promo-checkbox-link" href="/specials/military-travel">Military Travel</a>
                                                        </div>
                                                    </div>

                                            </div>
                                        </fieldset>
                                        <input type="hidden" name="filter" class="bw-special-rates-hidden-field">
                                    </div>

                                    <div class="bw-promo-item-block">
                                        <button class="btn btn-blue bw-promo-btn-apply">Apply</button>
                                    </div>
                                </div><!-- bw-promo-content -->
                            </div>

                        </div>
                    </div>
                </div>
            </div><!-- row -->
        </div>
        <div class="col col-md-3">
        <button type="submit" class="bw-submit-btn">Check Availability</button>

                    <a href="/landing-pages/brg/best-rate-guarantee" target="_blank" class="bw-brg-text">
                        Best Rate Guarantee
                    </a>



</div>
    </div><!-- row -->
    <input type="hidden" name="Chain" value="18497">
    <input type="hidden" name="hotellist" id="bwHotelListCode" value="OHR">
    <input type="hidden" name="dest" id="bwSubregionCode">
    <input type="hidden" name="start" value="availresults" id="bwStartScreen">
    <input type="hidden" name="locale" value="en-US">
</form>

<!-- bw-h-container -->

</div>







<h1 class="vis-hidden-for-screen-readers">Mega Region Page Headline</h1>
    <div class="container-fluid">
        <div class="carousel-container carousel-hero">
                <div class="carousel-slide carousel-image  carousel-container-dark">
                    <div class="carousel-content container">
                        <div class="row">
                            <div class="col-xs-12">
                                    <h2>Paddle into our limited-time savings</h2>
                                                                    <h3>Sea  La  Vie</h3>
                                <hr>
                                <a href="/specials/outrigger-best-rates-hawaii-asia-pacific?icid=brand:hero:home:bc2-canoe">Save Up to 30% Now</a>
                                
                            </div>
                        </div>
                    </div> <!-- /.carousel-content -->
                    <!-- weather widget -->

                    <!-- / weather widget -->

                    <picture>
                        <!--[if IE 9]><video style="display: none;"><![endif]-->

                        <source media="(min-width: 800px)" srcset="/~/media/images/outrigger/home/hero-desktop-1600x862/bc2-canoe.jpg">
                        <source media="(min-width: 480px)" srcset="/~/media/images/outrigger/home/hero-tablet-800x522/bc2-canoe.jpg">
                        <!--[if IE 9]></video><![endif]-->
                        <img class="kb" srcset="/~/media/images/outrigger/home/hero-mobile-480x653/bc2-canoe.jpg" alt="OUT-3819-480x653">
                    </picture>

                </div> <!-- /.carousel-slide -->
                <div class="carousel-slide carousel-image  ">
                    <div class="carousel-content container">
                        <div class="row">
                            <div class="col-xs-12">
                                    <h2>Where do summer deals get you island getaways?</h2>
                                                                    <h3>Hawaii</h3>
                                <hr>
                                <a href="http://www.outrigger.com/hotels-resorts?region=oahu&amp;type=hotelsresorts">Find hotels & resorts</a>
                                <a href="http://www.outrigger.com/hotels-resorts?region=hawaii&amp;type=condo">Find Vacation Condos</a>
                            </div>
                        </div>
                    </div> <!-- /.carousel-content -->
                    <!-- weather widget -->
                            <div class="carousel-weather-widget carousel-weather-widget-top-right hidden-xs hidden-sm">
                                <div class="container">
                                    <div class="weather-cont">
                                        <div class="weather-icon png-sprite partly-cloudy-night"></div>
                                        <div class="weather-time"><span class="weather-current-time" data-time-offset="-36000" data-time-zone="Pacific/Honolulu"></span>&nbsp;<span class="weather-time-type">Local Time</span></div>
                                        <div class="weather-temp"><span class="weather-temp-f">71&deg;&nbsp;F</span>&nbsp;&nbsp;|&nbsp;&nbsp;<span class="weather-low-temp">22&deg;&nbsp;C</span></div>
                                    </div>
                                </div>
                            </div>

                    <!-- / weather widget -->

                    <picture>
                        <!--[if IE 9]><video style="display: none;"><![endif]-->

                        <source media="(min-width: 800px)" srcset="/~/media/images/outrigger/home/hero-desktop-1600x862/orf-sunrise.jpg">
                        <source media="(min-width: 480px)" srcset="/~/media/images/outrigger/home/hero-tablet-800x522/orf-sunrise.jpg">
                        <!--[if IE 9]></video><![endif]-->
                        <img class="kb" srcset="/~/media/images/outrigger/home/hero-mobile-480x653/orf-sunrise-diamond-head.jpg" alt="Sunrise - Outrigger Reef Waikiki Beach Resort">
                    </picture>

                </div> <!-- /.carousel-slide -->
        </div><!-- carousel-hero -->

        
    </div><!-- container-fluid -->
                        <div class="sticky-wrapper"><div class="waypoint-tracker" id="brgHeroBannerWaypointTracker"></div></div>

<a name="skipToContent" id="skipToContent"></a>
<div class="container">
    <form class="filter-wrapper" method="GET">
        <div class="row filter-container mr-filter-container">
            <div class="filter-close">close</div>
            <div class="col col-12 col-md-4 filter-col mr-filter-dest-col">
                <div class="pe-dropdown-container">
                    
                    <select name="region" id="filter-dest" tabindex>
                        <option value="" >View All</option>
                            <option value="hawaii" selected>All Hawaii</option>
                            <option value="oahu" >Hawaii  - Oahu</option>
                            <option value="hawaii-island" >Hawaii  - Big Island</option>
                            <option value="maui" >Hawaii - Maui</option>
                            <option value="kauai" >Hawaii  - Kauai</option>
                            <option value="fiji" >Fiji</option>
                            <option value="guam" >Guam</option>
                            <option value="maldives" >Maldives</option>
                            <option value="island-of-mauritius" >Mauritius</option>
                            <option value="thailand" >Thailand</option>
                    </select>

                    <div class="dropdown ">
                        <button class="btn btn-default dropdown-toggle" type="button" id="mr-filter-dest-btdropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            <span class="dropdown-toggle-title">Filter by Destination</span>
                            <label for="filter-dest" class="selected-text" data-default-text="Viewing All Destinations">Viewing All Destinations</label>
                            <span class="filter-down-arrow"></span>
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="mr-filter-dest-btdropdown">
                                <li>
                                    <a href="javascript:void(0)" data-val="hawaii"><span>All Hawaii</span></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" data-val="oahu"><span>Hawaii  - Oahu</span></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" data-val="hawaii-island"><span>Hawaii  - Big Island</span></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" data-val="maui"><span>Hawaii - Maui</span></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" data-val="kauai"><span>Hawaii  - Kauai</span></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" data-val="fiji"><span>Fiji</span></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" data-val="guam"><span>Guam</span></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" data-val="maldives"><span>Maldives</span></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" data-val="island-of-mauritius"><span>Mauritius</span></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" data-val="thailand"><span>Thailand</span></a>
                                </li>
                            <li>
                                <a href="javascript:void(0)" data-val="all"><span>View All</span></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col col-12 col-md-4 filter-col mr-filter-type-col">
                <div class="pe-dropdown-container">
                    
                    <select name="type" id="filter-type" tabindex>
                        <option value="" selected>View All</option>
                            <option value="hotelsresorts" >Hotels &amp; Resorts</option>
                            <option value="condo" >Condos</option>
                    </select>

                    <div class="dropdown ">
                        <button class="btn btn-default dropdown-toggle" type="button" id="mr-filter-type-btdropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            <span class="dropdown-toggle-title">Filter by Type</span>
                            <label for="filter-type" class="selected-text" data-default-text="Viewing All Types">Viewing All Types</label>
                            <span class="filter-down-arrow"></span>
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="mr-filter-type-btdropdown">
                                <li>
                                    <a href="javascript:void(0)" data-val="hotelsresorts"><span>Hotels &amp; Resorts</span></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" data-val="condo"><span>Condos</span></a>
                                </li>
                            <li>
                                <a href="javascript:void(0)" data-val="all"><span>View All</span></a>
                            </li>
                        </ul>

                    </div>
                </div>
            </div>

            <div class="filter-submit-col">
                <input type="submit" class="filter-submit" value="Filter">
            </div>
        </div>
    </form>
    <div class="row filter-result-header ">
        <div class="col col-xs-12">
            <span class="filter-results"><strong>Filtered Results</strong> (21 results)</span>
        </div>
    </div>

    <div class="row filter-result-row">

            <div class="col col-md-6">
                <div class="promo-box-tabs">
                    <a href="/hotels-resorts/hawaii/oahu/outrigger-waikiki-beach-resort">
                        <div class="promo-bleed-header">
                            <picture class="">
                                <source srcset="/~/media/images/outrigger/hawaii/owk/property-tile-530x268/waikiki-beach-day.jpg" media="(max-width: 800px)">
                                <img src="/~/media/images/outrigger/hawaii/owk/property-tile-530x268/waikiki-beach-day.jpg" alt="Outrigger Waikiki Beach Resort" class="fullsize promo-image">
                            </picture>

             
                            <div class="promo-header-type">Resort</div>
                            

                                <div class="promo-header-type">Resort</div>
                            <div class="promo-header-content-gradient">
                                <div class="promo-header-content">
                                        <h5 class="promo-subheader-bleed">Hawaii - Oahu</h5>
                                                                            <h4 class="promo-header promo-header-bleed">Outrigger Waikiki Beach Resort</h4>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div class="promo-content-tabs">
                        <!-- removed centered-vert-large -->
                        <div class="">
                            <div class="bs-tabs" data-example-id="togglable-tabs">
                                <ul id="myTabs" class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="first active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-outrigger-waikiki-beach-resort" id="block-promo-d-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-outrigger-waikiki-beach-resort" aria-expanded="true">Overview</a></li>
                                                                        <li role="presentation" class="dropdown">
                                        <a href="#" id="block-promo-d-drop-taba" class="dropdown-toggle" data-toggle="dropdown" aria-controls="block-promo-d-dropa" aria-expanded="false"><span class="selected-text">Overview</span> 
                                        </a>
                                        <ul class="dropdown-menu" aria-labelledby="block-promo-d-drop-taba" id="block-promo-d-dropa">
                                            <li class="active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-outrigger-waikiki-beach-resort" id="block-promo-d-drop-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-outrigger-waikiki-beach-resort" aria-expanded="true">Overview</a></li>            
                                                                                    </ul>
                                    </li>
                                </ul>
                                <div id="myTabContent" class="tab-content">
                                    <div role="tabpanel" class="tab-pane active in" id="block-promo-d-panel-1a-outrigger-waikiki-beach-resort" aria-labelledby="block-promo-d-drop-tab-1a">
                                        <p>If your vision of Hawaii is sun and riding waves, Outrigger Waikiki is a dream come true. Stroll warm sand, soft as sugar. Skim rolling waves with world-famous surfers. </p>
                                    </div>      
                                                                    </div>
                            </div>


                            <div class="promo-cta-content">
                                <a href="/hotels-resorts/hawaii/oahu/outrigger-waikiki-beach-resort" class="promo-cta">View Hotel<span class="sprite sprite-arrow-right-blue">arrow right icon</span></a>
                                <a href="https://reservations.outrigger.com/rez.aspx?Hotel=66419&Chain=18497&locale=en-US" class="book-now-button promo-cta-primary" data-property-code="66419"><span class="sprite sprite-book-cal-black">booking calendar icon</span>Check Availability</a>
                                <a href="/landing-pages/brg/best-rate-guarantee" target="_blank" class="promo-brg-text">Best Rate Guarantee</a> 
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col col-md-6">
                <div class="promo-box-tabs">
                    <a href="/hotels-resorts/hawaii/oahu/outrigger-reef-waikiki-beach-resort">
                        <div class="promo-bleed-header">
                            <picture class="">
                                <source srcset="/~/media/images/outrigger/hawaii/orf/property-tile-530x286/exterior-evening.jpg" media="(max-width: 800px)">
                                <img src="/~/media/images/outrigger/hawaii/orf/property-tile-530x286/exterior-evening.jpg" alt="Outrigger Reef Waikiki Beach Resort" class="fullsize promo-image">
                            </picture>

             
                            <div class="promo-header-type">Resort</div>
                            

                                <div class="promo-header-type">Resort</div>
                            <div class="promo-header-content-gradient">
                                <div class="promo-header-content">
                                        <h5 class="promo-subheader-bleed">Hawaii - Oahu</h5>
                                                                            <h4 class="promo-header promo-header-bleed">Outrigger Reef Waikiki Beach Resort</h4>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div class="promo-content-tabs">
                        <!-- removed centered-vert-large -->
                        <div class="">
                            <div class="bs-tabs" data-example-id="togglable-tabs">
                                <ul id="myTabs" class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="first active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-outrigger-reef-waikiki-beach-resort" id="block-promo-d-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-outrigger-reef-waikiki-beach-resort" aria-expanded="true">Overview</a></li>
                                                                        <li role="presentation" class="dropdown">
                                        <a href="#" id="block-promo-d-drop-taba" class="dropdown-toggle" data-toggle="dropdown" aria-controls="block-promo-d-dropa" aria-expanded="false"><span class="selected-text">Overview</span> 
                                        </a>
                                        <ul class="dropdown-menu" aria-labelledby="block-promo-d-drop-taba" id="block-promo-d-dropa">
                                            <li class="active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-outrigger-reef-waikiki-beach-resort" id="block-promo-d-drop-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-outrigger-reef-waikiki-beach-resort" aria-expanded="true">Overview</a></li>            
                                                                                    </ul>
                                    </li>
                                </ul>
                                <div id="myTabContent" class="tab-content">
                                    <div role="tabpanel" class="tab-pane active in" id="block-promo-d-panel-1a-outrigger-reef-waikiki-beach-resort" aria-labelledby="block-promo-d-drop-tab-1a">
                                        <p>Escape to Outrigger Reef Waikiki Beach Resort and dive deep into timeless Hawaiian culture. Local music legends perform nightly at Kani Ka Pila Grille. </p>
                                    </div>      
                                                                    </div>
                            </div>


                            <div class="promo-cta-content">
                                <a href="/hotels-resorts/hawaii/oahu/outrigger-reef-waikiki-beach-resort" class="promo-cta">View Hotel<span class="sprite sprite-arrow-right-blue">arrow right icon</span></a>
                                <a href="https://reservations.outrigger.com/rez.aspx?Hotel=66403&Chain=18497&locale=en-US" class="book-now-button promo-cta-primary" data-property-code="66403"><span class="sprite sprite-book-cal-black">booking calendar icon</span>Check Availability</a>
                                <a href="/landing-pages/brg/best-rate-guarantee" target="_blank" class="promo-brg-text">Best Rate Guarantee</a> 
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col col-md-6">
                <div class="promo-box-tabs">
                    <a href="/hotels-resorts/hawaii/oahu/ohana-waikiki-east-by-outrigger">
                        <div class="promo-bleed-header">
                            <picture class="">
                                <source srcset="/~/media/images/outrigger/hawaii/oeh/property-tile-530x268/pool-day.jpg" media="(max-width: 800px)">
                                <img src="/~/media/images/outrigger/hawaii/oeh/property-tile-530x268/pool-day.jpg" alt="OHANA Waikiki East by Outrigger" class="fullsize promo-image">
                            </picture>

             
                            <div class="promo-header-type">Hotel</div>
                            

                            <div class="promo-header-content-gradient">
                                <div class="promo-header-content">
                                        <h5 class="promo-subheader-bleed">Hawaii - Oahu</h5>
                                                                            <h4 class="promo-header promo-header-bleed">OHANA&#174; Waikiki East by Outrigger&#174;</h4>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div class="promo-content-tabs">
                        <!-- removed centered-vert-large -->
                        <div class="">
                            <div class="bs-tabs" data-example-id="togglable-tabs">
                                <ul id="myTabs" class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="first active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-ohana-waikiki-east-by-outrigger" id="block-promo-d-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-ohana-waikiki-east-by-outrigger" aria-expanded="true">Overview</a></li>
                                                                        <li role="presentation" class="dropdown">
                                        <a href="#" id="block-promo-d-drop-taba" class="dropdown-toggle" data-toggle="dropdown" aria-controls="block-promo-d-dropa" aria-expanded="false"><span class="selected-text">Overview</span> 
                                        </a>
                                        <ul class="dropdown-menu" aria-labelledby="block-promo-d-drop-taba" id="block-promo-d-dropa">
                                            <li class="active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-ohana-waikiki-east-by-outrigger" id="block-promo-d-drop-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-ohana-waikiki-east-by-outrigger" aria-expanded="true">Overview</a></li>            
                                                                                    </ul>
                                    </li>
                                </ul>
                                <div id="myTabContent" class="tab-content">
                                    <div role="tabpanel" class="tab-pane active in" id="block-promo-d-panel-1a-ohana-waikiki-east-by-outrigger" aria-labelledby="block-promo-d-drop-tab-1a">
                                        <p>Centrally located; one block from Waikiki Beach and close to the many shops and restaurants of Kalakaua Avenue including the brand new International Market Place!</p>
                                    </div>      
                                                                    </div>
                            </div>


                            <div class="promo-cta-content">
                                <a href="/hotels-resorts/hawaii/oahu/ohana-waikiki-east-by-outrigger" class="promo-cta">View Hotel<span class="sprite sprite-arrow-right-blue">arrow right icon</span></a>
                                <a href="https://reservations.outrigger.com/rez.aspx?Hotel=66402&Chain=18497&locale=en-US" class="book-now-button promo-cta-primary" data-property-code="66402"><span class="sprite sprite-book-cal-black">booking calendar icon</span>Check Availability</a>
                                <a href="/landing-pages/brg/best-rate-guarantee" target="_blank" class="promo-brg-text">Best Rate Guarantee</a> 
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col col-md-6">
                <div class="promo-box-tabs">
                    <a href="/hotels-resorts/hawaii/oahu/ohana-waikiki-malia-by-outrigger">
                        <div class="promo-bleed-header">
                            <picture class="">
                                <source srcset="/~/media/images/outrigger/hawaii/omh/property-tile-530x268/lobby.jpg" media="(max-width: 800px)">
                                <img src="/~/media/images/outrigger/hawaii/omh/property-tile-530x268/lobby.jpg" alt="Lobby - OHANA Waikiki Malia by Outrigger" class="fullsize promo-image">
                            </picture>

             
                            <div class="promo-header-type">Hotel</div>
                            

                            <div class="promo-header-content-gradient">
                                <div class="promo-header-content">
                                        <h5 class="promo-subheader-bleed">Hawaii - Oahu</h5>
                                                                            <h4 class="promo-header promo-header-bleed">OHANA&#174; Waikiki Malia by Outrigger&#174;</h4>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div class="promo-content-tabs">
                        <!-- removed centered-vert-large -->
                        <div class="">
                            <div class="bs-tabs" data-example-id="togglable-tabs">
                                <ul id="myTabs" class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="first active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-ohana-waikiki-malia-by-outrigger" id="block-promo-d-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-ohana-waikiki-malia-by-outrigger" aria-expanded="true">Overview</a></li>
                                                                        <li role="presentation" class="dropdown">
                                        <a href="#" id="block-promo-d-drop-taba" class="dropdown-toggle" data-toggle="dropdown" aria-controls="block-promo-d-dropa" aria-expanded="false"><span class="selected-text">Overview</span> 
                                        </a>
                                        <ul class="dropdown-menu" aria-labelledby="block-promo-d-drop-taba" id="block-promo-d-dropa">
                                            <li class="active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-ohana-waikiki-malia-by-outrigger" id="block-promo-d-drop-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-ohana-waikiki-malia-by-outrigger" aria-expanded="true">Overview</a></li>            
                                                                                    </ul>
                                    </li>
                                </ul>
                                <div id="myTabContent" class="tab-content">
                                    <div role="tabpanel" class="tab-pane active in" id="block-promo-d-panel-1a-ohana-waikiki-malia-by-outrigger" aria-labelledby="block-promo-d-drop-tab-1a">
                                        <p>Connecting rooms and one-bedroom units with kitchenettes - ideal for families/groups. Close to International Market Place and 3 blocks from the beach.</p>
                                    </div>      
                                                                    </div>
                            </div>


                            <div class="promo-cta-content">
                                <a href="/hotels-resorts/hawaii/oahu/ohana-waikiki-malia-by-outrigger" class="promo-cta">View Hotel<span class="sprite sprite-arrow-right-blue">arrow right icon</span></a>
                                <a href="https://reservations.outrigger.com/rez.aspx?Hotel=66414&Chain=18497&locale=en-US" class="book-now-button promo-cta-primary" data-property-code="66414"><span class="sprite sprite-book-cal-black">booking calendar icon</span>Check Availability</a>
                                <a href="/landing-pages/brg/best-rate-guarantee" target="_blank" class="promo-brg-text">Best Rate Guarantee</a> 
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col col-md-6">
                <div class="promo-box-tabs">
                    <a href="/hotels-resorts/hawaii/oahu/ala-moana-hotel">
                        <div class="promo-bleed-header">
                            <picture class="">
                                <source srcset="/~/media/images/outrigger/hawaii/amh/property-tile-530x268/ala-moana-hotel-with-convention-center.jpg" media="(max-width: 800px)">
                                <img src="/~/media/images/outrigger/hawaii/amh/property-tile-530x268/ala-moana-hotel-with-convention-center.jpg" alt="Honolulu Convention Center near Ala Moana Hotel" class="fullsize promo-image">
                            </picture>

             
                            <div class="promo-header-type">Hotel</div>
                            

                            <div class="promo-header-content-gradient">
                                <div class="promo-header-content">
                                        <h5 class="promo-subheader-bleed">Hawaii - Oahu</h5>
                                                                            <h4 class="promo-header promo-header-bleed">Ala Moana Hotel</h4>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div class="promo-content-tabs">
                        <!-- removed centered-vert-large -->
                        <div class="">
                            <div class="bs-tabs" data-example-id="togglable-tabs">
                                <ul id="myTabs" class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="first active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-ala-moana-hotel" id="block-promo-d-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-ala-moana-hotel" aria-expanded="true">Overview</a></li>
                                                                        <li role="presentation" class="dropdown">
                                        <a href="#" id="block-promo-d-drop-taba" class="dropdown-toggle" data-toggle="dropdown" aria-controls="block-promo-d-dropa" aria-expanded="false"><span class="selected-text">Overview</span> 
                                        </a>
                                        <ul class="dropdown-menu" aria-labelledby="block-promo-d-drop-taba" id="block-promo-d-dropa">
                                            <li class="active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-ala-moana-hotel" id="block-promo-d-drop-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-ala-moana-hotel" aria-expanded="true">Overview</a></li>            
                                                                                    </ul>
                                    </li>
                                </ul>
                                <div id="myTabContent" class="tab-content">
                                    <div role="tabpanel" class="tab-pane active in" id="block-promo-d-panel-1a-ala-moana-hotel" aria-labelledby="block-promo-d-drop-tab-1a">
                                        <p>Located between Honolulu and Waikiki, the property is ideally situated adjacent to the famous Ala Moana Center and the Hawaii Convention Center.</p>
                                    </div>      
                                                                    </div>
                            </div>


                            <div class="promo-cta-content">
                                <a href="/hotels-resorts/hawaii/oahu/ala-moana-hotel" class="promo-cta">View Hotel<span class="sprite sprite-arrow-right-blue">arrow right icon</span></a>
                                <a href="https://reservations.outrigger.com/rez.aspx?Hotel=66405&Chain=18497&locale=en-US" class="book-now-button promo-cta-primary" data-property-code="66405"><span class="sprite sprite-book-cal-black">booking calendar icon</span>Check Availability</a>
                                <a href="/landing-pages/brg/best-rate-guarantee" target="_blank" class="promo-brg-text">Best Rate Guarantee</a> 
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col col-md-6">
                <div class="promo-box-tabs">
                    <a href="/hotels-resorts/hawaii/oahu/airport-honolulu-hotel">
                        <div class="promo-bleed-header">
                            <picture class="">
                                <source srcset="/~/media/images/outrigger/hawaii/hah/property-tile-530x268/hotel-entrance.jpg" media="(max-width: 800px)">
                                <img src="/~/media/images/outrigger/hawaii/hah/property-tile-530x268/hotel-entrance.jpg" alt="Airport Honolulu Hotel" class="fullsize promo-image">
                            </picture>

             
                            <div class="promo-header-type">Hotel</div>
                            

                            <div class="promo-header-content-gradient">
                                <div class="promo-header-content">
                                        <h5 class="promo-subheader-bleed">Hawaii - Oahu</h5>
                                                                            <h4 class="promo-header promo-header-bleed">Airport Honolulu Hotel</h4>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div class="promo-content-tabs">
                        <!-- removed centered-vert-large -->
                        <div class="">
                            <div class="bs-tabs" data-example-id="togglable-tabs">
                                <ul id="myTabs" class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="first active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-airport-honolulu-hotel" id="block-promo-d-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-airport-honolulu-hotel" aria-expanded="true">Overview</a></li>
                                                                        <li role="presentation" class="dropdown">
                                        <a href="#" id="block-promo-d-drop-taba" class="dropdown-toggle" data-toggle="dropdown" aria-controls="block-promo-d-dropa" aria-expanded="false"><span class="selected-text">Overview</span> 
                                        </a>
                                        <ul class="dropdown-menu" aria-labelledby="block-promo-d-drop-taba" id="block-promo-d-dropa">
                                            <li class="active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-airport-honolulu-hotel" id="block-promo-d-drop-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-airport-honolulu-hotel" aria-expanded="true">Overview</a></li>            
                                                                                    </ul>
                                    </li>
                                </ul>
                                <div id="myTabContent" class="tab-content">
                                    <div role="tabpanel" class="tab-pane active in" id="block-promo-d-panel-1a-airport-honolulu-hotel" aria-labelledby="block-promo-d-drop-tab-1a">
                                        <p>This Oahu hotel is a half mile from Honolulu International Airport with 24/7 free airport shuttle. Convenient for business or leisure and pet-friendly.</p>
                                    </div>      
                                                                    </div>
                            </div>


                            <div class="promo-cta-content">
                                <a href="/hotels-resorts/hawaii/oahu/airport-honolulu-hotel" class="promo-cta">View Hotel<span class="sprite sprite-arrow-right-blue">arrow right icon</span></a>
                                <a href="https://reservations.outrigger.com/rez.aspx?Hotel=66413&Chain=18497&locale=en-US" class="book-now-button promo-cta-primary" data-property-code="66413"><span class="sprite sprite-book-cal-black">booking calendar icon</span>Check Availability</a>
                                <a href="/landing-pages/brg/best-rate-guarantee" target="_blank" class="promo-brg-text">Best Rate Guarantee</a> 
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col col-md-6">
                <div class="promo-box-tabs">
                    <a href="/hotels-resorts/hawaii/oahu/waikiki-shore-by-outrigger">
                        <div class="promo-bleed-header">
                            <picture class="">
                                <source srcset="/~/media/images/outrigger/hawaii/wsr/property-tile-530x268/exterior-building.jpg" media="(max-width: 800px)">
                                <img src="/~/media/images/outrigger/hawaii/wsr/property-tile-530x268/exterior-building.jpg" alt="Waikiki Shore by Outrigger&#174;" class="fullsize promo-image">
                            </picture>

             
                            <div class="promo-header-type">Condo</div>
                            

                            <div class="promo-header-content-gradient">
                                <div class="promo-header-content">
                                        <h5 class="promo-subheader-bleed">Hawaii - Oahu</h5>
                                                                            <h4 class="promo-header promo-header-bleed">Waikiki Shore by Outrigger&#174;</h4>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div class="promo-content-tabs">
                        <!-- removed centered-vert-large -->
                        <div class="">
                            <div class="bs-tabs" data-example-id="togglable-tabs">
                                <ul id="myTabs" class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="first active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-waikiki-shore-by-outrigger" id="block-promo-d-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-waikiki-shore-by-outrigger" aria-expanded="true">Overview</a></li>
                                                                        <li role="presentation" class="dropdown">
                                        <a href="#" id="block-promo-d-drop-taba" class="dropdown-toggle" data-toggle="dropdown" aria-controls="block-promo-d-dropa" aria-expanded="false"><span class="selected-text">Overview</span> 
                                        </a>
                                        <ul class="dropdown-menu" aria-labelledby="block-promo-d-drop-taba" id="block-promo-d-dropa">
                                            <li class="active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-waikiki-shore-by-outrigger" id="block-promo-d-drop-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-waikiki-shore-by-outrigger" aria-expanded="true">Overview</a></li>            
                                                                                    </ul>
                                    </li>
                                </ul>
                                <div id="myTabContent" class="tab-content">
                                    <div role="tabpanel" class="tab-pane active in" id="block-promo-d-panel-1a-waikiki-shore-by-outrigger" aria-labelledby="block-promo-d-drop-tab-1a">
                                        <p>The ultimate beachfront condos! Studio, one, or two-bedroom condos with panoramic ocean views. Family friendly and perfect for extended stays.</p>
                                    </div>      
                                                                    </div>
                            </div>


                            <div class="promo-cta-content">
                                <a href="/hotels-resorts/hawaii/oahu/waikiki-shore-by-outrigger" class="promo-cta">View Hotel<span class="sprite sprite-arrow-right-blue">arrow right icon</span></a>
                                <a href="https://reservations.outrigger.com/rez.aspx?Hotel=66820&Chain=18497&locale=en-US" class="book-now-button promo-cta-primary" data-property-code="66820"><span class="sprite sprite-book-cal-black">booking calendar icon</span>Check Availability</a>
                                <a href="/landing-pages/brg/best-rate-guarantee" target="_blank" class="promo-brg-text">Best Rate Guarantee</a> 
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col col-md-6">
                <div class="promo-box-tabs">
                    <a href="/hotels-resorts/hawaii/oahu/regency-on-beachwalk-waikiki-by-outrigger">
                        <div class="promo-bleed-header">
                            <picture class="">
                                <source srcset="/~/media/images/outrigger/hawaii/rbw/property-tile-530x268/dining-kitchen-living-area.jpg" media="(max-width: 800px)">
                                <img src="/~/media/images/outrigger/hawaii/rbw/property-tile-530x268/dining-kitchen-living-area.jpg" alt="Regency on Beachwalk Waikiki by Outrigger" class="fullsize promo-image">
                            </picture>

             
                            <div class="promo-header-type">Condo</div>
                            

                            <div class="promo-header-content-gradient">
                                <div class="promo-header-content">
                                        <h5 class="promo-subheader-bleed">Hawaii - Oahu</h5>
                                                                            <h4 class="promo-header promo-header-bleed">Regency on Beachwalk Waikiki by Outrigger&#174;</h4>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div class="promo-content-tabs">
                        <!-- removed centered-vert-large -->
                        <div class="">
                            <div class="bs-tabs" data-example-id="togglable-tabs">
                                <ul id="myTabs" class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="first active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-regency-on-beachwalk-waikiki-by-outrigger" id="block-promo-d-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-regency-on-beachwalk-waikiki-by-outrigger" aria-expanded="true">Overview</a></li>
                                                                        <li role="presentation" class="dropdown">
                                        <a href="#" id="block-promo-d-drop-taba" class="dropdown-toggle" data-toggle="dropdown" aria-controls="block-promo-d-dropa" aria-expanded="false"><span class="selected-text">Overview</span> 
                                        </a>
                                        <ul class="dropdown-menu" aria-labelledby="block-promo-d-drop-taba" id="block-promo-d-dropa">
                                            <li class="active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-regency-on-beachwalk-waikiki-by-outrigger" id="block-promo-d-drop-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-regency-on-beachwalk-waikiki-by-outrigger" aria-expanded="true">Overview</a></li>            
                                                                                    </ul>
                                    </li>
                                </ul>
                                <div id="myTabContent" class="tab-content">
                                    <div role="tabpanel" class="tab-pane active in" id="block-promo-d-panel-1a-regency-on-beachwalk-waikiki-by-outrigger" aria-labelledby="block-promo-d-drop-tab-1a">
                                        <p>Intimate, boutique-style resort offering one- and two-bedroom condos with full kitchens. Contemporary style in the Waikiki Beach Walk&#174; shopping and dining district!</p>
                                    </div>      
                                                                    </div>
                            </div>


                            <div class="promo-cta-content">
                                <a href="/hotels-resorts/hawaii/oahu/regency-on-beachwalk-waikiki-by-outrigger" class="promo-cta">View Hotel<span class="sprite sprite-arrow-right-blue">arrow right icon</span></a>
                                <a href="https://reservations.outrigger.com/rez.aspx?Hotel=66821&Chain=18497&locale=en-US" class="book-now-button promo-cta-primary" data-property-code="66821"><span class="sprite sprite-book-cal-black">booking calendar icon</span>Check Availability</a>
                                <a href="/landing-pages/brg/best-rate-guarantee" target="_blank" class="promo-brg-text">Best Rate Guarantee</a> 
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col col-md-6">
                <div class="promo-box-tabs">
                    <a href="/hotels-resorts/hawaii/maui/palms-at-wailea-by-outrigger">
                        <div class="promo-bleed-header">
                            <picture class="">
                                <source srcset="/~/media/images/outrigger/hawaii/pwr/property-tile-530x268/pool.jpg" media="(max-width: 800px)">
                                <img src="/~/media/images/outrigger/hawaii/pwr/property-tile-530x268/pool.jpg" alt="Palms at Wailea Maui by Outrigger" class="fullsize promo-image">
                            </picture>

             
                            <div class="promo-header-type">Condo</div>
                            

                            <div class="promo-header-content-gradient">
                                <div class="promo-header-content">
                                        <h5 class="promo-subheader-bleed">Hawaii - Maui</h5>
                                                                            <h4 class="promo-header promo-header-bleed">Palms at Wailea Maui by Outrigger&#174;</h4>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div class="promo-content-tabs">
                        <!-- removed centered-vert-large -->
                        <div class="">
                            <div class="bs-tabs" data-example-id="togglable-tabs">
                                <ul id="myTabs" class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="first active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-palms-at-wailea-by-outrigger" id="block-promo-d-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-palms-at-wailea-by-outrigger" aria-expanded="true">Overview</a></li>
                                                                        <li role="presentation" class="dropdown">
                                        <a href="#" id="block-promo-d-drop-taba" class="dropdown-toggle" data-toggle="dropdown" aria-controls="block-promo-d-dropa" aria-expanded="false"><span class="selected-text">Overview</span> 
                                        </a>
                                        <ul class="dropdown-menu" aria-labelledby="block-promo-d-drop-taba" id="block-promo-d-dropa">
                                            <li class="active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-palms-at-wailea-by-outrigger" id="block-promo-d-drop-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-palms-at-wailea-by-outrigger" aria-expanded="true">Overview</a></li>            
                                                                                    </ul>
                                    </li>
                                </ul>
                                <div id="myTabContent" class="tab-content">
                                    <div role="tabpanel" class="tab-pane active in" id="block-promo-d-panel-1a-palms-at-wailea-by-outrigger" aria-labelledby="block-promo-d-drop-tab-1a">
                                        <p>Located within the world-famous Wailea Resort, these stylish condos feature patios with barbecue grills, all set amid lush tropical gardens. </p>
                                    </div>      
                                                                    </div>
                            </div>


                            <div class="promo-cta-content">
                                <a href="/hotels-resorts/hawaii/maui/palms-at-wailea-by-outrigger" class="promo-cta">View Hotel<span class="sprite sprite-arrow-right-blue">arrow right icon</span></a>
                                <a href="https://reservations.outrigger.com/rez.aspx?Hotel=67000&Chain=18497&locale=en-US" class="book-now-button promo-cta-primary" data-property-code="67000"><span class="sprite sprite-book-cal-black">booking calendar icon</span>Check Availability</a>
                                <a href="/landing-pages/brg/best-rate-guarantee" target="_blank" class="promo-brg-text">Best Rate Guarantee</a> 
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col col-md-6">
                <div class="promo-box-tabs">
                    <a href="/hotels-resorts/hawaii/maui/aina-nalu-lahaina-by-outrigger">
                        <div class="promo-bleed-header">
                            <picture class="">
                                <source srcset="/~/media/images/outrigger/hawaii/oan/property-tile-530x268/pool-main.jpg" media="(max-width: 800px)">
                                <img src="/~/media/images/outrigger/hawaii/oan/property-tile-530x268/pool-main.jpg" alt="Aina Nalu Lahaina by Outrigger" class="fullsize promo-image">
                            </picture>

             
                            <div class="promo-header-type">Condo</div>
                            

                            <div class="promo-header-content-gradient">
                                <div class="promo-header-content">
                                        <h5 class="promo-subheader-bleed">Hawaii - Maui</h5>
                                                                            <h4 class="promo-header promo-header-bleed">Aina Nalu&#174; Lahaina by Outrigger&#174;</h4>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div class="promo-content-tabs">
                        <!-- removed centered-vert-large -->
                        <div class="">
                            <div class="bs-tabs" data-example-id="togglable-tabs">
                                <ul id="myTabs" class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="first active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-aina-nalu-lahaina-by-outrigger" id="block-promo-d-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-aina-nalu-lahaina-by-outrigger" aria-expanded="true">Overview</a></li>
                                                                        <li role="presentation" class="dropdown">
                                        <a href="#" id="block-promo-d-drop-taba" class="dropdown-toggle" data-toggle="dropdown" aria-controls="block-promo-d-dropa" aria-expanded="false"><span class="selected-text">Overview</span> 
                                        </a>
                                        <ul class="dropdown-menu" aria-labelledby="block-promo-d-drop-taba" id="block-promo-d-dropa">
                                            <li class="active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-aina-nalu-lahaina-by-outrigger" id="block-promo-d-drop-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-aina-nalu-lahaina-by-outrigger" aria-expanded="true">Overview</a></li>            
                                                                                    </ul>
                                    </li>
                                </ul>
                                <div id="myTabContent" class="tab-content">
                                    <div role="tabpanel" class="tab-pane active in" id="block-promo-d-panel-1a-aina-nalu-lahaina-by-outrigger" aria-labelledby="block-promo-d-drop-tab-1a">
                                        <p>These boutique-style vacation condos are just two blocks away from Lahaina’s harbor and the many shops and restaurants of Front Street.</p>
                                    </div>      
                                                                    </div>
                            </div>


                            <div class="promo-cta-content">
                                <a href="/hotels-resorts/hawaii/maui/aina-nalu-lahaina-by-outrigger" class="promo-cta">View Hotel<span class="sprite sprite-arrow-right-blue">arrow right icon</span></a>
                                <a href="https://reservations.outrigger.com/rez.aspx?Hotel=66999&Chain=18497&locale=en-US" class="book-now-button promo-cta-primary" data-property-code="66999"><span class="sprite sprite-book-cal-black">booking calendar icon</span>Check Availability</a>
                                <a href="/landing-pages/brg/best-rate-guarantee" target="_blank" class="promo-brg-text">Best Rate Guarantee</a> 
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col col-md-6">
                <div class="promo-box-tabs">
                    <a href="/hotels-resorts/hawaii/maui/maui-eldorado-kaanapali-by-outrigger">
                        <div class="promo-bleed-header">
                            <picture class="">
                                <source srcset="/~/media/images/outrigger/hawaii/mer/property-tile-530x268/aerial.jpg" media="(max-width: 800px)">
                                <img src="/~/media/images/outrigger/hawaii/mer/property-tile-530x268/aerial.jpg" alt="Maui Eldorado Kaanapali by Outrigger" class="fullsize promo-image">
                            </picture>

             
                            <div class="promo-header-type">Condo</div>
                            

                            <div class="promo-header-content-gradient">
                                <div class="promo-header-content">
                                        <h5 class="promo-subheader-bleed">Hawaii - Maui</h5>
                                                                            <h4 class="promo-header promo-header-bleed">Maui Eldorado Kaanapali℠ by Outrigger&#174;</h4>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div class="promo-content-tabs">
                        <!-- removed centered-vert-large -->
                        <div class="">
                            <div class="bs-tabs" data-example-id="togglable-tabs">
                                <ul id="myTabs" class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="first active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-maui-eldorado-kaanapali-by-outrigger" id="block-promo-d-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-maui-eldorado-kaanapali-by-outrigger" aria-expanded="true">Overview</a></li>
                                                                        <li role="presentation" class="dropdown">
                                        <a href="#" id="block-promo-d-drop-taba" class="dropdown-toggle" data-toggle="dropdown" aria-controls="block-promo-d-dropa" aria-expanded="false"><span class="selected-text">Overview</span> 
                                        </a>
                                        <ul class="dropdown-menu" aria-labelledby="block-promo-d-drop-taba" id="block-promo-d-dropa">
                                            <li class="active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-maui-eldorado-kaanapali-by-outrigger" id="block-promo-d-drop-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-maui-eldorado-kaanapali-by-outrigger" aria-expanded="true">Overview</a></li>            
                                                                                    </ul>
                                    </li>
                                </ul>
                                <div id="myTabContent" class="tab-content">
                                    <div role="tabpanel" class="tab-pane active in" id="block-promo-d-panel-1a-maui-eldorado-kaanapali-by-outrigger" aria-labelledby="block-promo-d-drop-tab-1a">
                                        <p>These spacious vacation condos are the perfect base for exploring! The property features 3 pools and a private beach cabana for enjoying the coastal views. </p>
                                    </div>      
                                                                    </div>
                            </div>


                            <div class="promo-cta-content">
                                <a href="/hotels-resorts/hawaii/maui/maui-eldorado-kaanapali-by-outrigger" class="promo-cta">View Hotel<span class="sprite sprite-arrow-right-blue">arrow right icon</span></a>
                                <a href="https://reservations.outrigger.com/rez.aspx?Hotel=67001&Chain=18497&locale=en-US" class="book-now-button promo-cta-primary" data-property-code="67001"><span class="sprite sprite-book-cal-black">booking calendar icon</span>Check Availability</a>
                                <a href="/landing-pages/brg/best-rate-guarantee" target="_blank" class="promo-brg-text">Best Rate Guarantee</a> 
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col col-md-6">
                <div class="promo-box-tabs">
                    <a href="/hotels-resorts/hawaii/maui/royal-kahana-maui-by-outrigger">
                        <div class="promo-bleed-header">
                            <picture class="">
                                <source srcset="/~/media/images/outrigger/hawaii/rkr/property-tile-530x268/2-bdrm-living-area.jpg" media="(max-width: 800px)">
                                <img src="/~/media/images/outrigger/hawaii/rkr/property-tile-530x268/2-bdrm-living-area.jpg" alt="Royal Kahana Maui by Outrigger" class="fullsize promo-image">
                            </picture>

             
                            <div class="promo-header-type">Condo</div>
                            

                            <div class="promo-header-content-gradient">
                                <div class="promo-header-content">
                                        <h5 class="promo-subheader-bleed">Hawaii - Maui</h5>
                                                                            <h4 class="promo-header promo-header-bleed">Royal Kahana Maui by Outrigger&#174;</h4>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div class="promo-content-tabs">
                        <!-- removed centered-vert-large -->
                        <div class="">
                            <div class="bs-tabs" data-example-id="togglable-tabs">
                                <ul id="myTabs" class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="first active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-royal-kahana-maui-by-outrigger" id="block-promo-d-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-royal-kahana-maui-by-outrigger" aria-expanded="true">Overview</a></li>
                                                                        <li role="presentation" class="dropdown">
                                        <a href="#" id="block-promo-d-drop-taba" class="dropdown-toggle" data-toggle="dropdown" aria-controls="block-promo-d-dropa" aria-expanded="false"><span class="selected-text">Overview</span> 
                                        </a>
                                        <ul class="dropdown-menu" aria-labelledby="block-promo-d-drop-taba" id="block-promo-d-dropa">
                                            <li class="active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-royal-kahana-maui-by-outrigger" id="block-promo-d-drop-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-royal-kahana-maui-by-outrigger" aria-expanded="true">Overview</a></li>            
                                                                                    </ul>
                                    </li>
                                </ul>
                                <div id="myTabContent" class="tab-content">
                                    <div role="tabpanel" class="tab-pane active in" id="block-promo-d-panel-1a-royal-kahana-maui-by-outrigger" aria-labelledby="block-promo-d-drop-tab-1a">
                                        <p>These spacious condos are situated on a quiet beach and offer breathtaking views of the west Maui coast and Lanai and Molokai islands. </p>
                                    </div>      
                                                                    </div>
                            </div>


                            <div class="promo-cta-content">
                                <a href="/hotels-resorts/hawaii/maui/royal-kahana-maui-by-outrigger" class="promo-cta">View Hotel<span class="sprite sprite-arrow-right-blue">arrow right icon</span></a>
                                <a href="https://reservations.outrigger.com/rez.aspx?Hotel=67002&Chain=18497&locale=en-US" class="book-now-button promo-cta-primary" data-property-code="67002"><span class="sprite sprite-book-cal-black">booking calendar icon</span>Check Availability</a>
                                <a href="/landing-pages/brg/best-rate-guarantee" target="_blank" class="promo-brg-text">Best Rate Guarantee</a> 
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col col-md-6">
                <div class="promo-box-tabs">
                    <a href="/hotels-resorts/hawaii/maui/napili-shores-maui-by-outrigger">
                        <div class="promo-bleed-header">
                            <picture class="">
                                <source srcset="/~/media/images/outrigger/hawaii/nsr/property-tile-530x268/garden-pool.jpg" media="(max-width: 800px)">
                                <img src="/~/media/images/outrigger/hawaii/nsr/property-tile-530x268/garden-pool.jpg" alt="Pool - Napili Shores Maui by Outrigger" class="fullsize promo-image">
                            </picture>

             
                            <div class="promo-header-type">Condo</div>
                            

                            <div class="promo-header-content-gradient">
                                <div class="promo-header-content">
                                        <h5 class="promo-subheader-bleed">Hawaii - Maui</h5>
                                                                            <h4 class="promo-header promo-header-bleed">Napili Shores Maui by Outrigger&#174;</h4>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div class="promo-content-tabs">
                        <!-- removed centered-vert-large -->
                        <div class="">
                            <div class="bs-tabs" data-example-id="togglable-tabs">
                                <ul id="myTabs" class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="first active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-napili-shores-maui-by-outrigger" id="block-promo-d-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-napili-shores-maui-by-outrigger" aria-expanded="true">Overview</a></li>
                                                                        <li role="presentation" class="dropdown">
                                        <a href="#" id="block-promo-d-drop-taba" class="dropdown-toggle" data-toggle="dropdown" aria-controls="block-promo-d-dropa" aria-expanded="false"><span class="selected-text">Overview</span> 
                                        </a>
                                        <ul class="dropdown-menu" aria-labelledby="block-promo-d-drop-taba" id="block-promo-d-dropa">
                                            <li class="active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-napili-shores-maui-by-outrigger" id="block-promo-d-drop-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-napili-shores-maui-by-outrigger" aria-expanded="true">Overview</a></li>            
                                                                                    </ul>
                                    </li>
                                </ul>
                                <div id="myTabContent" class="tab-content">
                                    <div role="tabpanel" class="tab-pane active in" id="block-promo-d-panel-1a-napili-shores-maui-by-outrigger" aria-labelledby="block-promo-d-drop-tab-1a">
                                        <p>Offering stunning views of Lanai and Molokai, these newly renovated condos feature custom-made furniture and are set amid tranquil gardens with fragrant plumeria trees. </p>
                                    </div>      
                                                                    </div>
                            </div>


                            <div class="promo-cta-content">
                                <a href="/hotels-resorts/hawaii/maui/napili-shores-maui-by-outrigger" class="promo-cta">View Hotel<span class="sprite sprite-arrow-right-blue">arrow right icon</span></a>
                                <a href="https://reservations.outrigger.com/rez.aspx?Hotel=67003&Chain=18497&locale=en-US" class="book-now-button promo-cta-primary" data-property-code="67003"><span class="sprite sprite-book-cal-black">booking calendar icon</span>Check Availability</a>
                                <a href="/landing-pages/brg/best-rate-guarantee" target="_blank" class="promo-brg-text">Best Rate Guarantee</a> 
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col col-md-6">
                <div class="promo-box-tabs">
                    <a href="/hotels-resorts/hawaii/maui/the-kapalua-villas">
                        <div class="promo-bleed-header">
                            <picture class="">
                                <source srcset="/~/media/images/outrigger/hawaii/kvl/property-profile-530x286/golf-course-day.jpg" media="(max-width: 800px)">
                                <img src="/~/media/images/outrigger/hawaii/kvl/property-profile-530x286/golf-course-day.jpg" alt="Kapalua Villas Maui" class="fullsize promo-image">
                            </picture>

             
                            <div class="promo-header-type">Condo</div>
                            

                            <div class="promo-header-content-gradient">
                                <div class="promo-header-content">
                                        <h5 class="promo-subheader-bleed">Hawaii - Maui</h5>
                                                                            <h4 class="promo-header promo-header-bleed">The Kapalua Villas Maui</h4>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div class="promo-content-tabs">
                        <!-- removed centered-vert-large -->
                        <div class="">
                            <div class="bs-tabs" data-example-id="togglable-tabs">
                                <ul id="myTabs" class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="first active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-the-kapalua-villas" id="block-promo-d-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-the-kapalua-villas" aria-expanded="true">Overview</a></li>
                                                                        <li role="presentation" class="dropdown">
                                        <a href="#" id="block-promo-d-drop-taba" class="dropdown-toggle" data-toggle="dropdown" aria-controls="block-promo-d-dropa" aria-expanded="false"><span class="selected-text">Overview</span> 
                                        </a>
                                        <ul class="dropdown-menu" aria-labelledby="block-promo-d-drop-taba" id="block-promo-d-dropa">
                                            <li class="active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-the-kapalua-villas" id="block-promo-d-drop-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-the-kapalua-villas" aria-expanded="true">Overview</a></li>            
                                                                                    </ul>
                                    </li>
                                </ul>
                                <div id="myTabContent" class="tab-content">
                                    <div role="tabpanel" class="tab-pane active in" id="block-promo-d-panel-1a-the-kapalua-villas" aria-labelledby="block-promo-d-drop-tab-1a">
                                        <p>Located on the magnificent, 22,000-acre Kapalua Resort, these upscale accommodations are some of Maui’s best vacation condos. </p>
                                    </div>      
                                                                    </div>
                            </div>


                            <div class="promo-cta-content">
                                <a href="/hotels-resorts/hawaii/maui/the-kapalua-villas" class="promo-cta">View Hotel<span class="sprite sprite-arrow-right-blue">arrow right icon</span></a>
                                <a href="https://reservations.outrigger.com/rez.aspx?Hotel=66412&Chain=18497&locale=en-US" class="book-now-button promo-cta-primary" data-property-code="66412"><span class="sprite sprite-book-cal-black">booking calendar icon</span>Check Availability</a>
                                <a href="/landing-pages/brg/best-rate-guarantee" target="_blank" class="promo-brg-text">Best Rate Guarantee</a> 
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col col-md-6">
                <div class="promo-box-tabs">
                    <a href="/hotels-resorts/hawaii/kauai/kiahuna-plantation-resort-kauai-by-outrigger">
                        <div class="promo-bleed-header">
                            <picture class="">
                                <source srcset="/~/media/images/outrigger/hawaii/kpr/property-tile-530x268/beach-view.jpg" media="(max-width: 800px)">
                                <img src="/~/media/images/outrigger/hawaii/kpr/property-tile-530x268/beach-view.jpg" alt="Kiahuna Plantation Resort Kauai by Outrigger" class="fullsize promo-image">
                            </picture>

             
                            <div class="promo-header-type">Condo</div>
                            

                            <div class="promo-header-content-gradient">
                                <div class="promo-header-content">
                                        <h5 class="promo-subheader-bleed">Hawaii - Kauai</h5>
                                                                            <h4 class="promo-header promo-header-bleed">Kiahuna Plantation Resort Kauai by Outrigger&#174;</h4>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div class="promo-content-tabs">
                        <!-- removed centered-vert-large -->
                        <div class="">
                            <div class="bs-tabs" data-example-id="togglable-tabs">
                                <ul id="myTabs" class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="first active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-kiahuna-plantation-resort-kauai-by-outrigger" id="block-promo-d-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-kiahuna-plantation-resort-kauai-by-outrigger" aria-expanded="true">Overview</a></li>
                                                                        <li role="presentation" class="dropdown">
                                        <a href="#" id="block-promo-d-drop-taba" class="dropdown-toggle" data-toggle="dropdown" aria-controls="block-promo-d-dropa" aria-expanded="false"><span class="selected-text">Overview</span> 
                                        </a>
                                        <ul class="dropdown-menu" aria-labelledby="block-promo-d-drop-taba" id="block-promo-d-dropa">
                                            <li class="active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-kiahuna-plantation-resort-kauai-by-outrigger" id="block-promo-d-drop-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-kiahuna-plantation-resort-kauai-by-outrigger" aria-expanded="true">Overview</a></li>            
                                                                                    </ul>
                                    </li>
                                </ul>
                                <div id="myTabContent" class="tab-content">
                                    <div role="tabpanel" class="tab-pane active in" id="block-promo-d-panel-1a-kiahuna-plantation-resort-kauai-by-outrigger" aria-labelledby="block-promo-d-drop-tab-1a">
                                        <p>These charming, cottage-style Poipu vacation condos are situated on 35 acres of verdant lawns that reach out to the sands of Kauai’s most popular beach. </p>
                                    </div>      
                                                                    </div>
                            </div>


                            <div class="promo-cta-content">
                                <a href="/hotels-resorts/hawaii/kauai/kiahuna-plantation-resort-kauai-by-outrigger" class="promo-cta">View Hotel<span class="sprite sprite-arrow-right-blue">arrow right icon</span></a>
                                <a href="https://reservations.outrigger.com/rez.aspx?Hotel=66404&Chain=18497&locale=en-US" class="book-now-button promo-cta-primary" data-property-code="66404"><span class="sprite sprite-book-cal-black">booking calendar icon</span>Check Availability</a>
                                <a href="/landing-pages/brg/best-rate-guarantee" target="_blank" class="promo-brg-text">Best Rate Guarantee</a> 
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col col-md-6">
                <div class="promo-box-tabs">
                    <a href="/hotels-resorts/hawaii/kauai/lae-nani-resort-kauai-by-outrigger">
                        <div class="promo-bleed-header">
                            <picture class="">
                                <source srcset="/~/media/images/outrigger/hawaii/lnr/property-tile-530x286/aerial.jpg" media="(max-width: 800px)">
                                <img src="/~/media/images/outrigger/hawaii/lnr/property-tile-530x286/aerial.jpg" alt="Lae Nani Resort Kauai by Outrigger&#174;" class="fullsize promo-image">
                            </picture>

             
                            <div class="promo-header-type">Condo</div>
                            

                            <div class="promo-header-content-gradient">
                                <div class="promo-header-content">
                                        <h5 class="promo-subheader-bleed">Hawaii - Kauai</h5>
                                                                            <h4 class="promo-header promo-header-bleed">Lae Nani Resort Kauai by Outrigger&#174;</h4>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div class="promo-content-tabs">
                        <!-- removed centered-vert-large -->
                        <div class="">
                            <div class="bs-tabs" data-example-id="togglable-tabs">
                                <ul id="myTabs" class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="first active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-lae-nani-resort-kauai-by-outrigger" id="block-promo-d-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-lae-nani-resort-kauai-by-outrigger" aria-expanded="true">Overview</a></li>
                                                                        <li role="presentation" class="dropdown">
                                        <a href="#" id="block-promo-d-drop-taba" class="dropdown-toggle" data-toggle="dropdown" aria-controls="block-promo-d-dropa" aria-expanded="false"><span class="selected-text">Overview</span> 
                                        </a>
                                        <ul class="dropdown-menu" aria-labelledby="block-promo-d-drop-taba" id="block-promo-d-dropa">
                                            <li class="active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-lae-nani-resort-kauai-by-outrigger" id="block-promo-d-drop-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-lae-nani-resort-kauai-by-outrigger" aria-expanded="true">Overview</a></li>            
                                                                                    </ul>
                                    </li>
                                </ul>
                                <div id="myTabContent" class="tab-content">
                                    <div role="tabpanel" class="tab-pane active in" id="block-promo-d-panel-1a-lae-nani-resort-kauai-by-outrigger" aria-labelledby="block-promo-d-drop-tab-1a">
                                        <p>Quiet and comfortable condos nestled in a serene property, along with a unique ocean pool within a natural stone breakwater. Adjacent to the Coconut MarketPlace.  </p>
                                    </div>      
                                                                    </div>
                            </div>


                            <div class="promo-cta-content">
                                <a href="/hotels-resorts/hawaii/kauai/lae-nani-resort-kauai-by-outrigger" class="promo-cta">View Hotel<span class="sprite sprite-arrow-right-blue">arrow right icon</span></a>
                                <a href="https://reservations.outrigger.com/rez.aspx?Hotel=66997&Chain=18497&locale=en-US" class="book-now-button promo-cta-primary" data-property-code="66997"><span class="sprite sprite-book-cal-black">booking calendar icon</span>Check Availability</a>
                                <a href="/landing-pages/brg/best-rate-guarantee" target="_blank" class="promo-brg-text">Best Rate Guarantee</a> 
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col col-md-6">
                <div class="promo-box-tabs">
                    <a href="/hotels-resorts/hawaii/kauai/waipouli-beach-resort-and-spa-kauai-by-outrigger">
                        <div class="promo-bleed-header">
                            <picture class="">
                                <source srcset="/~/media/images/outrigger/hawaii/wbr/property-tile-530x268/aerial-pool-ocean.jpg" media="(max-width: 800px)">
                                <img src="/~/media/images/outrigger/hawaii/wbr/property-tile-530x268/aerial-pool-ocean.jpg" alt="Waipouli Beach Resort and Spa Kauai by Outrigger" class="fullsize promo-image">
                            </picture>

             
                            <div class="promo-header-type">Condo</div>
                            

                            <div class="promo-header-content-gradient">
                                <div class="promo-header-content">
                                        <h5 class="promo-subheader-bleed">Hawaii - Kauai</h5>
                                                                            <h4 class="promo-header promo-header-bleed">Waipouli Beach Resort &amp; Spa Kauai by Outrigger&#174;</h4>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div class="promo-content-tabs">
                        <!-- removed centered-vert-large -->
                        <div class="">
                            <div class="bs-tabs" data-example-id="togglable-tabs">
                                <ul id="myTabs" class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="first active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-waipouli-beach-resort-and-spa-kauai-by-outrigger" id="block-promo-d-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-waipouli-beach-resort-and-spa-kauai-by-outrigger" aria-expanded="true">Overview</a></li>
                                                                        <li role="presentation" class="dropdown">
                                        <a href="#" id="block-promo-d-drop-taba" class="dropdown-toggle" data-toggle="dropdown" aria-controls="block-promo-d-dropa" aria-expanded="false"><span class="selected-text">Overview</span> 
                                        </a>
                                        <ul class="dropdown-menu" aria-labelledby="block-promo-d-drop-taba" id="block-promo-d-dropa">
                                            <li class="active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-waipouli-beach-resort-and-spa-kauai-by-outrigger" id="block-promo-d-drop-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-waipouli-beach-resort-and-spa-kauai-by-outrigger" aria-expanded="true">Overview</a></li>            
                                                                                    </ul>
                                    </li>
                                </ul>
                                <div id="myTabContent" class="tab-content">
                                    <div role="tabpanel" class="tab-pane active in" id="block-promo-d-panel-1a-waipouli-beach-resort-and-spa-kauai-by-outrigger" aria-labelledby="block-promo-d-drop-tab-1a">
                                        <p>Deluxe oceanfront condominium property near the Coconut MarketPlace.</p>
                                    </div>      
                                                                    </div>
                            </div>


                            <div class="promo-cta-content">
                                <a href="/hotels-resorts/hawaii/kauai/waipouli-beach-resort-and-spa-kauai-by-outrigger" class="promo-cta">View Hotel<span class="sprite sprite-arrow-right-blue">arrow right icon</span></a>
                                <a href="https://reservations.outrigger.com/rez.aspx?Hotel=66998&Chain=18497&locale=en-US" class="book-now-button promo-cta-primary" data-property-code="66998"><span class="sprite sprite-book-cal-black">booking calendar icon</span>Check Availability</a>
                                <a href="/landing-pages/brg/best-rate-guarantee" target="_blank" class="promo-brg-text">Best Rate Guarantee</a> 
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col col-md-6">
                <div class="promo-box-tabs">
                    <a href="/hotels-resorts/hawaii/hawaii-island/kanaloa-at-kona-by-outrigger">
                        <div class="promo-bleed-header">
                            <picture class="">
                                <source srcset="/~/media/images/outrigger/hawaii/kak/property-tile-530x268/shoreline.jpg" media="(max-width: 800px)">
                                <img src="/~/media/images/outrigger/hawaii/kak/property-tile-530x268/shoreline.jpg" alt="Kanaloa at Kona by Outrigger&#174;" class="fullsize promo-image">
                            </picture>

             
                            <div class="promo-header-type">Condo</div>
                            

                            <div class="promo-header-content-gradient">
                                <div class="promo-header-content">
                                        <h5 class="promo-subheader-bleed">Hawaii - Big Island</h5>
                                                                            <h4 class="promo-header promo-header-bleed">Kanaloa at Kona by Outrigger&#174; </h4>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div class="promo-content-tabs">
                        <!-- removed centered-vert-large -->
                        <div class="">
                            <div class="bs-tabs" data-example-id="togglable-tabs">
                                <ul id="myTabs" class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="first active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-kanaloa-at-kona-by-outrigger" id="block-promo-d-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-kanaloa-at-kona-by-outrigger" aria-expanded="true">Overview</a></li>
                                                                        <li role="presentation" class="dropdown">
                                        <a href="#" id="block-promo-d-drop-taba" class="dropdown-toggle" data-toggle="dropdown" aria-controls="block-promo-d-dropa" aria-expanded="false"><span class="selected-text">Overview</span> 
                                        </a>
                                        <ul class="dropdown-menu" aria-labelledby="block-promo-d-drop-taba" id="block-promo-d-dropa">
                                            <li class="active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-kanaloa-at-kona-by-outrigger" id="block-promo-d-drop-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-kanaloa-at-kona-by-outrigger" aria-expanded="true">Overview</a></li>            
                                                                                    </ul>
                                    </li>
                                </ul>
                                <div id="myTabContent" class="tab-content">
                                    <div role="tabpanel" class="tab-pane active in" id="block-promo-d-panel-1a-kanaloa-at-kona-by-outrigger" aria-labelledby="block-promo-d-drop-tab-1a">
                                        <p>This award-winning property features condos with stunning ocean views - plus pools, tennis courts, BBQ areas, and access to Championship golf courses.</p>
                                    </div>      
                                                                    </div>
                            </div>


                            <div class="promo-cta-content">
                                <a href="/hotels-resorts/hawaii/hawaii-island/kanaloa-at-kona-by-outrigger" class="promo-cta">View Hotel<span class="sprite sprite-arrow-right-blue">arrow right icon</span></a>
                                <a href="https://reservations.outrigger.com/rez.aspx?Hotel=67006&Chain=18497&locale=en-US" class="book-now-button promo-cta-primary" data-property-code="67006"><span class="sprite sprite-book-cal-black">booking calendar icon</span>Check Availability</a>
                                <a href="/landing-pages/brg/best-rate-guarantee" target="_blank" class="promo-brg-text">Best Rate Guarantee</a> 
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col col-md-6">
                <div class="promo-box-tabs">
                    <a href="/hotels-resorts/hawaii/hawaii-island/royal-sea-cliff-kona-by-outrigger">
                        <div class="promo-bleed-header">
                            <picture class="">
                                <source srcset="/~/media/images/outrigger/hawaii/rsc/property-tile-530x268/aerial.jpg" media="(max-width: 800px)">
                                <img src="/~/media/images/outrigger/hawaii/rsc/property-tile-530x268/aerial.jpg" alt="Royal Sea Cliff by Outrigger" class="fullsize promo-image">
                            </picture>

             
                            <div class="promo-header-type">Condo</div>
                            

                            <div class="promo-header-content-gradient">
                                <div class="promo-header-content">
                                        <h5 class="promo-subheader-bleed">Hawaii - Big Island</h5>
                                                                            <h4 class="promo-header promo-header-bleed">Royal Sea Cliff Kona by Outrigger&#174;</h4>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div class="promo-content-tabs">
                        <!-- removed centered-vert-large -->
                        <div class="">
                            <div class="bs-tabs" data-example-id="togglable-tabs">
                                <ul id="myTabs" class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="first active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-royal-sea-cliff-kona-by-outrigger" id="block-promo-d-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-royal-sea-cliff-kona-by-outrigger" aria-expanded="true">Overview</a></li>
                                                                        <li role="presentation" class="dropdown">
                                        <a href="#" id="block-promo-d-drop-taba" class="dropdown-toggle" data-toggle="dropdown" aria-controls="block-promo-d-dropa" aria-expanded="false"><span class="selected-text">Overview</span> 
                                        </a>
                                        <ul class="dropdown-menu" aria-labelledby="block-promo-d-drop-taba" id="block-promo-d-dropa">
                                            <li class="active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-royal-sea-cliff-kona-by-outrigger" id="block-promo-d-drop-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-royal-sea-cliff-kona-by-outrigger" aria-expanded="true">Overview</a></li>            
                                                                                    </ul>
                                    </li>
                                </ul>
                                <div id="myTabContent" class="tab-content">
                                    <div role="tabpanel" class="tab-pane active in" id="block-promo-d-panel-1a-royal-sea-cliff-kona-by-outrigger" aria-labelledby="block-promo-d-drop-tab-1a">
                                        <p>These premiere Big Island vacation condos are set on a dramatic lava rock bluff, providing guests panoramic views of the Kona coast. </p>
                                    </div>      
                                                                    </div>
                            </div>


                            <div class="promo-cta-content">
                                <a href="/hotels-resorts/hawaii/hawaii-island/royal-sea-cliff-kona-by-outrigger" class="promo-cta">View Hotel<span class="sprite sprite-arrow-right-blue">arrow right icon</span></a>
                                <a href="https://reservations.outrigger.com/rez.aspx?Hotel=67007&Chain=18497&locale=en-US" class="book-now-button promo-cta-primary" data-property-code="67007"><span class="sprite sprite-book-cal-black">booking calendar icon</span>Check Availability</a>
                                <a href="/landing-pages/brg/best-rate-guarantee" target="_blank" class="promo-brg-text">Best Rate Guarantee</a> 
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col col-md-6">
                <div class="promo-box-tabs">
                    <a href="/hotels-resorts/hawaii/hawaii-island/fairway-villas-waikoloa-by-outrigger">
                        <div class="promo-bleed-header">
                            <picture class="">
                                <source srcset="/~/media/images/outrigger/hawaii/fvr/property-tile-530x268/exterior-pool.jpg" media="(max-width: 800px)">
                                <img src="/~/media/images/outrigger/hawaii/fvr/property-tile-530x268/exterior-pool.jpg" alt="Fairway Villas Waikoloa by Outrigger" class="fullsize promo-image">
                            </picture>

             
                            <div class="promo-header-type">Condo</div>
                            

                            <div class="promo-header-content-gradient">
                                <div class="promo-header-content">
                                        <h5 class="promo-subheader-bleed">Hawaii - Big Island</h5>
                                                                            <h4 class="promo-header promo-header-bleed">Fairway Villas Waikoloa by Outrigger&#174;</h4>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div class="promo-content-tabs">
                        <!-- removed centered-vert-large -->
                        <div class="">
                            <div class="bs-tabs" data-example-id="togglable-tabs">
                                <ul id="myTabs" class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="first active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-fairway-villas-waikoloa-by-outrigger" id="block-promo-d-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-fairway-villas-waikoloa-by-outrigger" aria-expanded="true">Overview</a></li>
                                                                        <li role="presentation" class="dropdown">
                                        <a href="#" id="block-promo-d-drop-taba" class="dropdown-toggle" data-toggle="dropdown" aria-controls="block-promo-d-dropa" aria-expanded="false"><span class="selected-text">Overview</span> 
                                        </a>
                                        <ul class="dropdown-menu" aria-labelledby="block-promo-d-drop-taba" id="block-promo-d-dropa">
                                            <li class="active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-fairway-villas-waikoloa-by-outrigger" id="block-promo-d-drop-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-fairway-villas-waikoloa-by-outrigger" aria-expanded="true">Overview</a></li>            
                                                                                    </ul>
                                    </li>
                                </ul>
                                <div id="myTabContent" class="tab-content">
                                    <div role="tabpanel" class="tab-pane active in" id="block-promo-d-panel-1a-fairway-villas-waikoloa-by-outrigger" aria-labelledby="block-promo-d-drop-tab-1a">
                                        <p>1- to 3-bedroom condos in a gated community. Enjoy all the amenities of the Waikoloa Beach Resort including an infinity pool, lava-rock whirlpool spa, and fitness center.</p>
                                    </div>      
                                                                    </div>
                            </div>


                            <div class="promo-cta-content">
                                <a href="/hotels-resorts/hawaii/hawaii-island/fairway-villas-waikoloa-by-outrigger" class="promo-cta">View Hotel<span class="sprite sprite-arrow-right-blue">arrow right icon</span></a>
                                <a href="https://reservations.outrigger.com/rez.aspx?Hotel=67004&Chain=18497&locale=en-US" class="book-now-button promo-cta-primary" data-property-code="67004"><span class="sprite sprite-book-cal-black">booking calendar icon</span>Check Availability</a>
                                <a href="/landing-pages/brg/best-rate-guarantee" target="_blank" class="promo-brg-text">Best Rate Guarantee</a> 
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col col-md-6">
                <div class="promo-box-tabs">
                    <a href="/hotels-resorts/hawaii/hawaii-island/kohala-coast-condominium-collection">
                        <div class="promo-bleed-header">
                            <picture class="">
                                <source srcset="/~/media/images/outrigger/hawaii/kwb/property-tile-530x268/wbv-exterior.jpg" media="(max-width: 800px)">
                                <img src="/~/media/images/outrigger/hawaii/kwb/property-tile-530x268/wbv-exterior.jpg" alt="Waikoloa Beach Villas - Waikoloa Beach Resort - Hawaii Island" class="fullsize promo-image">
                            </picture>

             
                            <div class="promo-header-type">Condo</div>
                            

                            <div class="promo-header-content-gradient">
                                <div class="promo-header-content">
                                        <h5 class="promo-subheader-bleed">Hawaii - Big Island</h5>
                                                                            <h4 class="promo-header promo-header-bleed">Kohala Coast Vacation Rentals by Outrigger&#174;</h4>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div class="promo-content-tabs">
                        <!-- removed centered-vert-large -->
                        <div class="">
                            <div class="bs-tabs" data-example-id="togglable-tabs">
                                <ul id="myTabs" class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="first active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-kohala-coast-condominium-collection" id="block-promo-d-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-kohala-coast-condominium-collection" aria-expanded="true">Overview</a></li>
                                                                        <li role="presentation" class="dropdown">
                                        <a href="#" id="block-promo-d-drop-taba" class="dropdown-toggle" data-toggle="dropdown" aria-controls="block-promo-d-dropa" aria-expanded="false"><span class="selected-text">Overview</span> 
                                        </a>
                                        <ul class="dropdown-menu" aria-labelledby="block-promo-d-drop-taba" id="block-promo-d-dropa">
                                            <li class="active"><a href="javascript:void(0)" data-target="#block-promo-d-panel-1a-kohala-coast-condominium-collection" id="block-promo-d-drop-tab-1a" role="tab" data-toggle="tab" aria-controls="block-promo-d-panel-1a-kohala-coast-condominium-collection" aria-expanded="true">Overview</a></li>            
                                                                                    </ul>
                                    </li>
                                </ul>
                                <div id="myTabContent" class="tab-content">
                                    <div role="tabpanel" class="tab-pane active in" id="block-promo-d-panel-1a-kohala-coast-condominium-collection" aria-labelledby="block-promo-d-drop-tab-1a">
                                        <p>Offering the finest selection of Waikoloa and Mauna Lani Resort condos, Kohala Coast vacation rentals feature 2- and 3-bedroom condos in exclusive gated communities. </p>
                                    </div>      
                                                                    </div>
                            </div>


                            <div class="promo-cta-content">
                                <a href="/hotels-resorts/hawaii/hawaii-island/kohala-coast-condominium-collection" class="promo-cta">View Hotel<span class="sprite sprite-arrow-right-blue">arrow right icon</span></a>
                                <a href="https://reservations.outrigger.com/rez.aspx?Hotel=67005&Chain=18497&locale=en-US" class="book-now-button promo-cta-primary" data-property-code="67005"><span class="sprite sprite-book-cal-black">booking calendar icon</span>Check Availability</a>
                                <a href="/landing-pages/brg/best-rate-guarantee" target="_blank" class="promo-brg-text">Best Rate Guarantee</a> 
                            </div>
                        </div>
                    </div>

                </div>
            </div>
    </div>


    <div class="row filter-result-showmore">
        <div class="col col-12">
            <span>Show More Destinations</span>
        </div>
    </div>
</div>

    



<div class="container-fluid footer">
    <div class="container">
        <div class="row">
            <div class="col footer-section footer-phone-numbers col-xs-12 col-md-3 ">
                <div class="footer-section-head">
                        <div class="footer-section-title">Phone Numbers</div>
                    <div class="sprite sprite-footer-accordion-arrow"></div>
                </div>
                <div class="footer-section-content">
                    <div class="footer-phone-number-group">
                            <span class="footer-phone-number">1 866 956 4262</span>
                        <p class="footer-phone-location">US, Canada &amp; Guam</p>
                    </div>
                    <div class="footer-phone-number-group">
                            <span class="footer-phone-number">1 800 608313</span>
                        <p class="footer-phone-location">Australia</p>
                    </div>
                    <div class="footer-phone-number-group">
                            <span class="footer-phone-number">+1 303 369 7777</span>
                        <p class="footer-phone-location">Worldwide Phone</p>
                    </div>
                </div>
            </div>
            <div class="col footer-section footer-quick-links col-xs-12 col-md-2 ">
                <div class="footer-section-head">
                        <div class="footer-section-title">Quick Links</div>
                    <div class="sprite sprite-footer-accordion-arrow"></div>
                </div>
                <div class="footer-section-content">
                        <p class="footer-quick-link">
                                <a href="/events">Events Calendar</a>
                        </p>
                        <p class="footer-quick-link">
                                <a href="/events/music/overview-music">Music Events</a>
                        </p>
                        <p class="footer-quick-link">
                                <a href="/events/sports/overview-sports">Sports Events</a>
                        </p>
                        <p class="footer-quick-link">
                                <a href="/stories">Travel Blog</a>
                        </p>
                        <p class="footer-quick-link">
                                <a href="/weddings">Weddings</a>
                        </p>
                        <p class="footer-quick-link">
<a title="Outrigger Business Connection" href="http://www.outriggerbusinessconnection.com" DisableWebEdit="True" target="_blank">Outrigger Business Connection</a>                        </p>
                        <p class="footer-quick-link">
<a href="http://www.outriggeragent.com/" DisableWebEdit="True" target="_blank">Travel Agents</a>                        </p>
                        <p class="footer-quick-link">
                                <a href="/meetings-and-groups">Meetings &amp; Groups</a>
                        </p>
                </div>
            </div>
            <div class="col footer-section footer-about-us col-xs-12 col-md-3">
                <div class="footer-section-head">
                        <div class="footer-section-title">Company Info</div>
                    <div class="sprite sprite-footer-accordion-arrow"></div>
                </div>
                <div class="footer-section-content">
                        <p class="footer-about-us-link">
<a href="/signature-experiences" DisableWebEdit="True" target="_parent">Signature Experiences</a>                        </p>
                        <p class="footer-about-us-link">
                                <a href="/ozone-program/overview">Outrigger&#39;s OZONE</a>
                        </p>
                        <p class="footer-about-us-link">
<a href="/about-us/company-info" DisableWebEdit="True" target="_blank">About Us</a>                        </p>
                        <p class="footer-about-us-link">
<a href="http://news.outrigger.com/" DisableWebEdit="True" target="_blank">Press Room</a>                        </p>
                        <p class="footer-about-us-link">
<a href="http://saturdaybriefing.outrigger.com/" DisableWebEdit="True" target="_blank">Saturday Briefing</a>                        </p>
                        <p class="footer-about-us-link">
                                <a href="/about-us/career-opportunities">Employment</a>
                        </p>
                        <p class="footer-about-us-link">
                                <a href="/hawaii-tat-disclosure">Hawaii TAT Disclosure</a>
                        </p>
                        <p class="footer-about-us-link">
                                <a href="/ada">Accessible Rooms</a>
                        </p>
                        <p class="footer-about-us-link">
                                <a href="/help/phone-numbers">Contact Us</a>
                        </p>
                </div>
            </div>
            <div class="col footer-section footer-social col-xs-12 col-md-4 always-expanded">
                <div class="footer-section-head">
                        <div class="footer-section-title">Connect With Us</div>
                </div>
                <div class="footer-section-content">
                    <a href="https://www.instagram.com/outriggerresorts/" target="_blank" class="footer-social-icon sprite sprite-footer-social-instagram">Instagram</a>
                    <a href="https://www.facebook.com/OutriggerResorts/?fref=ts" target="_blank" class="footer-social-icon sprite sprite-footer-social-facebook">Facebook</a>
                    <a href="https://twitter.com/OutriggerResort" target="_blank" class="footer-social-icon sprite sprite-footer-social-twitter">Twitter</a>
                    <a href="https://www.pinterest.com/outriggerresort/" target="_blank" class="footer-social-icon sprite sprite-footer-social-pinterest">Pinterest</a>
                    <a href="https://www.youtube.com/user/OutriggerHotels" target="_blank" class="footer-social-icon sprite sprite-footer-social-youtube">Outrigger Hotels and Resorts youTube</a>
                </div>
                <div class="footer-section-head">
                    <label class="footer-section-title" for="newsletterSignup">Sign Up For Exclusives</label>
                </div>
                <div class="footer-section-content">
                    <div class="exclusives-input">
                        <input type="text" class="exclusives-input-box" placeholder="email@example.com" id="newsletterSignup" name="newsletterSignup">
                        <input type="submit" value="Submit" class="exclusives-input-button" tabindex="0">
                    </div>
                </div>
                    <div class="footer-gha-logo"><a href="https://www.gha.com/" target="_blank" class="sprite sprite-gha-logo">Global Hotel Aliance</a></div>
            </div>
        </div>
    </div>
    <div class="footer-section footer-brands always-expanded">
        <div class="container">
            <div class="row footer-brands-group">
                    <div class="col col-md-2">
                        <a href="/hotels-resorts?type=hotelsresorts" title="Outrigger Resorts logo" class="sprite footer-brand-OUT_HOTELS_RESORTS">Outrigger Resorts logo</a>
                    </div>
                    <div class="col col-md-2">
                        <a href="/hotels-resorts?region=hawaii&amp;type=condo" title="Hawaii Vacation Condos by Outrigger logo" class="sprite footer-brand-OUT_HAWAII_VAC_CONDOS">Hawaii Vacation Condos by Outrigger logo</a>
                    </div>
                    <div class="col col-md-2">
                        <a href="/hotels-resorts/hawaii/oahu/ala-moana-hotel" title="Ala Moana Hotel logo" class="sprite footer-brand-ALA_MOANA">Ala Moana Hotel logo</a>
                    </div>
                    <div class="col col-md-2">
                        <a href="/hotels-resorts/hawaii/maui/the-kapalua-villas" title="The Kapalua Villas logo" class="sprite footer-brand-KAPALUA_VILLAS">The Kapalua Villas logo</a>
                    </div>
                    <div class="col col-md-2">
                        <a href="http://www.outrigger.com/hotels-resorts?region=oahu&amp;type=hotelsresorts" title="OHANA Hotels and Resorts logo" class="sprite footer-brand-OHANA">OHANA Hotels and Resorts logo</a>
                    </div>
                    <div class="col col-md-2">
                        <a href="/hotels-resorts/hawaii/oahu/airport-honolulu-hotel" title="Airport Honolulu Hotel logo" class="sprite footer-brand-AIRPORT_HONOLULU">Airport Honolulu Hotel logo</a>
                    </div>
            </div>
        </div>
    </div>
    <div class="footer-section footer-legal-links always-expanded">
        <div class="container">
            <div class="footer-section-content">
                <div class="footer-legal-links-group">
                            <a class="footer-legal-link" href="/privacy-policy">Privacy Policy</a>
                </div>
                <p class="footer-copyright">&copy; 2010-2016 Outrigger Hotels Hawaii</p>
            </div>
        </div>
    </div>
    <div class="modal fade" id="footer-email-modal">
        <div class="modal-dialog">
            <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="position:absolute;z-index:10;right:0;"><span aria-hidden="true">&times;</span></button>
                <iframe class="email-newsletter-signup" src="" scrolling="no" frameborder="0" style="width:385px;height:325px;"></iframe>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
</div>	<!--DO NOT REMOVE-->


    <a href="#" class="btt not-scrolling">Back to Top</a>	<!--DO NOT REMOVE-->



    </div><!-- hidden templates -->

    <!--[if lte IE 9]>
        <script type="text/javascript">document.documentElement.className += " ie-9";</script>
    <![endif]-->
    <script src="/js/main?v=gIym5DOF3TKY0ixm34DEU0_Mge_8NayCIX9obKiL1vg1"></script>



</body>



</html>