
<!DOCTYPE html>
<html lang="en">




    
<script type="text/javascript" src="/ruxitagentjs_ICA7NVfghqrux_10287240325103108.js" data-dtconfig="app=cc590b451583e221|cuc=h2oqs14y|mel=100000|featureHash=ICA7NVfghqrux|dpvc=1|md=mdcc1=a#mySunProfileID|ssv=4|lastModification=1712646582174|tp=500,50,0|rdnt=1|uxrgce=1|bp=3|agentUri=/ruxitagentjs_ICA7NVfghqrux_10287240325103108.js|reportUrl=/rb_bf60867ewg|rid=RID_-1456379953|rpid=2040999766|domain=suninternational.com"></script><script type="text/javascript" src="/etc.clientlibs/clientlibs/granite/jquery.min.js"></script>
<script type="text/javascript" src="/etc.clientlibs/clientlibs/granite/utils.min.js"></script>
<script type="text/javascript" src="/etc.clientlibs/clientlibs/granite/jquery/granite.min.js"></script>
<script type="text/javascript" src="/etc.clientlibs/suninternational/clientlibs/clientlib-global.min.js"></script>
<script type="text/javascript" src="/etc.clientlibs/suninternational/clientlibs/clientlib-templates.min.js"></script>




	<link rel="stylesheet" href="/etc.clientlibs/suninternational/clientlibs/clientlib-templates.css" type="text/css"/>





<head>

    <style>
.video-background {position: relative;width:100%; min-height:350px; overflow: hidden;}
.video-background iframe {
	position: absolute;
	width: 100vw;
    left: 0;
    height:calc(100vw/1.77);
    top: -5vw;}
@media (min-width: 992px){
.video-background {min-height: 425px;}
}
@media (min-width: 1200px){
.video-background {min-height: 525px;}
}
@media (min-width: 1400px){
.video-background {min-height: 730px;}
}
@media (min-width: 768px){
#hero {display:none;}
}
.video-background.fluid-image-block:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: url(../../../content/dam/generic/img/main-banner-white-overlay.png);
    position: absolute;
    bottom: -1px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom -10px;
}
.bg-oscar {background-position:left 100px bottom;}
}
</style>
<script src="https://apps.elfsight.com/p/platform.js" defer></script>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <meta http-equiv="keywords" name="keywords" content="Page keywords,Table Bay,5 Star Hotel Cape Town,Accommodation in Cape Town,Hotel Accommodation in Cape Town"/>
    <meta http-equiv="description" name="description" content="The Luxury 5-Star Table Bay Hotel in Cape Town is located at the V&amp;A Waterfront with Beautiful Views of the Working Harbor, Table Mountain and the Atlantic Ocean."/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0"/>
    
    
<script type="text/javascript" src="/etc.clientlibs/clientlibs/granite/clientlibrarymanager.min.js"></script>
<script type="text/javascript">
GraniteClientLibraryManager.write([{"p":"/etc.clientlibs/foundation/clientlibs/jquery.min.js","c":[]},{"p":"/etc.clientlibs/foundation/clientlibs/shared.min.js","c":[]},{"p":"/etc.clientlibs/clientlibs/social/thirdparty/underscore.min.js","c":[]},{"p":"/etc.clientlibs/clientlibs/granite/moment.min.js","c":[]},{"p":"/etc.clientlibs/clientlibs/social/thirdparty/backbone.min.js","c":[]},{"p":"/etc.clientlibs/clientlibs/social/thirdparty/handlebars.min.js","c":[]},{"p":"/etc.clientlibs/clientlibs/social/commons/scf.min.js","c":[]},{"p":"/etc.clientlibs/clientlibs/social/commons/scf.min.css","c":[]},{"p":"/libs/cq/ui/rte.min.js","c":[]},{"p":"/libs/cq/ui/widgets.min.js","c":["extjs","ie6"]},{"p":"/etc.clientlibs/cq/personalization/clientlib/personalization/integrations/commons.min.js","c":[]},{"p":"/etc.clientlibs/cq/analytics/clientlibs/sitecatalyst/tracking.min.js","c":[]},{"p":"/etc.clientlibs/cq/analytics/clientlibs/sitecatalyst/tracking.min.css","c":[]},{"p":"/etc.clientlibs/cq/searchpromote/clientlibs/searchpromote.min.js","c":[]},{"p":"/etc.clientlibs/cq/searchpromote/clientlibs/searchpromote.min.css","c":[]},{"p":"/libs/cq/searchpromote/widgets.min.js","c":["extjs","ie6"]},{"p":"/etc.clientlibs/suninternational/components/structure/mainPage/widgets.min.js","c":["extjs","ie6"]},{"p":"/etc.clientlibs/suninternational/components/structure/mainPage/widgets.min.css","c":["extjs","ie6"]},{"p":"/libs/cq/ui/widgets/themes/default.min.js","c":["extjs","ie6"]},{"p":"/libs/cq/ui/widgets/themes/default.min.css","c":["extjs","ie6"]},{"p":"/libs/cq/searchpromote/widgets/themes/default.min.css","c":[]},{"p":"/libs/cq/analytics/widgets/themes/default.min.css","c":["extjs","ie6"]}],false);
</script>



    <script type="text/javascript">
    try
    {    
        function getCookie(source)
        {
	        var name = source + "=";
	        var ca = document.cookie.split(';');
	        for(var i = 0; i < ca.length; i++)
	        {
	            var c = ca[i];
	            while (c.charAt(0) == ' ')
	            {
	                c = c.substring(1);
	            }
	            if (c.indexOf(name) == 0)
	            {
	                return c.substring(name.length, c.length);
	            }
	        }
	        return "";
        }
    }
    catch(error)
    {
        console.log("Error accessing data=============");
    }

    </script>
    
    
        <meta name="robots" content="index, follow"/>
    

    <title>
        The Table Bay Hotel in Cape Town: Luxury 5-Star Hotel </title>
    
    
    <link rel="icon" type="image/vnd.microsoft.icon" href="/content/dam/suninternational/favicon.ico"/>
    <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="/content/dam/suninternational/favicon.ico"/>
    <link href="https://fonts.googleapis.com/css?family=Lato:100,200,300,400,700" rel="stylesheet" type="text/css"/>
    <!-- include the head.html to get sidekick-->

    <!-- SI -23 -->
    
    
    
    

    <!-- SI -41 -->
    
    <meta property="og:title" content="The Table Bay Hotel in Cape Town: Luxury 5-Star Hotel "/>
    <!-- <meta data-sly-test="false" property="og:title" content="The Table Bay"/> -->
    <meta property="og:site_name" content="Hotels, Gaming and Entertainment Group"/>
    
    
    
    <meta property="og:description" content="The Luxury 5-Star Table Bay Hotel in Cape Town is located at the V&A Waterfront with Beautiful Views of the Working Harbor, Table Mountain and the Atlantic Ocean."/>
    
    <meta property="og:type" content="website"/>
    
    
    
    
    
    
    
    <meta property="og:image" content="http://www.suninternational.com/content/dam/suninternational/table-bay/exterior/Table-Bay-350-x-315.jpg.sunimage.600.315.jpg"/>
    
    <meta property="og:image:width" content="600"/>
    
    <meta property="og:image:height" content="315"/>
     <!-- SI -41-->
    

    <!--TODO: Place this in a clientlib -->
    <!--<script type="text/javascript" src="/apps/settings/wcm/designs/suninternational/clientlib-global.js"></script>-->

    
    
    <!-- SI-23 -->
    
    
    
    
        <!-- GoogleAnalytics -->
        <!-- Global site tag (gtag.js) - Google Analytics -->

<script async src='https://www.googletagmanager.com/gtag/js?id=G-P3GHN2QWH8'></script>

<script>

  window.dataLayer = window.dataLayer || [];

  function gtag(){dataLayer.push(arguments);}

  gtag('js', new Date());

 

  gtag('config', 'G-P3GHN2QWH8');

</script>
    
    <!--For SI-88
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places,geometry"></script>-->

    <!--allows for CSS overrides -->
    
<!--TODO: Place these in a clientlib-->
    <!--<link rel="stylesheet" href="/content/dam/suninternational/propertyBase.css" type="text/css"/>
    <link rel="stylesheet" href="/content/dam/suninternational/propertyBrand.css" type="text/css"/>

    <link rel="stylesheet" href="/content/dam/generic/css/icomoon.css" type="text/css"/>
    <link rel="stylesheet" href="/content/am/generic/css/animate.css" type="text/css"/>
    <link rel="stylesheet" href="/content/dam/generic/css/aos.css" type="text/css"/>-->


    <script type='text/javascript' src='/content/dam/suninternational/mvgpropertysignup/jscookie.js'></script>
    <style>
        #myCovidModal .modal-dialog {margin:5% auto; max-width:90%;}
        #myCovidModal .modal-body {padding: 0 50px 50px; margin-top: 50px;}
        #myCovidModal button.close {font-size:40px; padding:10px 20px;}
    </style>
        <!-- end of CSS overrides -->
        <link href="/content/dam/suninternational/mvgpropertysignup/sunchallengesprizes.css" rel="stylesheet" type="text/css"/>

    
    
<link rel="stylesheet" href="/etc.clientlibs/suninternational/clientlibs/clientlib-megamenu.min.css" type="text/css">
<script type="text/javascript" src="/etc.clientlibs/suninternational/clientlibs/clientlib-megamenu.min.js"></script>




    
    
        <script src="/content/dam/generic/js/wow.min.js" type="text/javascript"></script>
    
    <a href="#0" class="cd-top">Top</a>
    
    
<link rel="stylesheet" href="/etc.clientlibs/suninternational/clientlibs/clientlib-toptoup.min.css" type="text/css">
<script type="text/javascript" src="/etc.clientlibs/suninternational/clientlibs/clientlib-toptoup.min.js"></script>




</head>


	<body class="suninternational-body propertyTableBay " ng-app="siApp">





<!-- Google Tag Manager -->

	<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-59GWM3P');</script>


<style>
.restaurant-page-summary {text-align: left;}

.dashboard-wrap {display:table; width:100%; padding:30px 0; border-radius:5px;}

.dashboard-primary .dashboard-col {width: 49%; display: inline-block; border-right: 1px solid rgba(255,255,255,0.2);}
.dashboard-secondary .dashboard-col {width: 100%; display: inline-block; border-right: 1px solid rgba(255,255,255,0.6);}
.dashboard-primary .dashboard-col:last-child,
.dashboard-secondary .dashboard-col:last-child {border-right:0;}

.dashboard-col .dash-icon {font-size:30px;}

.dashboard-small {padding:5px 0; border-radius:5px; margin:3px auto;}
.dashboard-small span {vertical-align:middle;}
.icon-18 {font-size:31px;}

.big-height {height:525px;}

.section-parallax {position:relative; width:100%; z-index:3; margin-bottom:0;}
.section-parallax-overlay {position:relative; background-color:#ffffff; z-index:5;}
footer {position:relative; z-index:10;}

/* mvg discounts */
.mvg-teal-light {background: linear-gradient(0deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), #007864;}
.mvg-teal-light h2 {color:#007864;}

.mvg-discounts {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 10;
    font-family: 'Museo Sans';
    padding-bottom:35px;
    margin-bottom:20px;
}

.mvg-discounts:before {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    content: '';
    display: inline-block;
    position: absolute;
    background-color: #fff;
    z-index: 1;
    top: 0;
}

.mvg-discounts img, .mvg-discounts div {z-index: 10;}
.mvg-percentage {font-size: 26px; font-weight: 700;}
.mvg-tier {font-size: 13px;}

.mvg-discounts.mvg-discount-silver {color: #8A8D8F;}
.mvg-discounts.mvg-discount-gold {color: #84754E;}
.mvg-discounts.mvg-discount-platinum {color: #7A99AC;}
.mvg-discounts.mvg-discount-diamond {color: #333F48;}

.btn.btn-outline-primary.btn-mvg-teal {box-shadow: inset 0 0 0 2px #007864, 0 0 1px transparent; color: #007864;}
.btn.btn-outline-primary.btn-mvg-teal:hover,
.btn.btn-outline-primary.btn-mvg-teal:active,
.btn.btn-outline-primary.btn-mvg-teal:focus {background-color: #007864; color:#ffffff;}

/* dashboard */
.dashboard-primary .dashboard-col {border:0!important; vertical-align:top; margin-bottom:20px;}
.dashboard-col h4 {
    text-align: left!important;
    margin: 10px auto;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 300;
}

.dashboard-col .extra-info {font-size:13px; color:#292629; line-height:1.5; text-align:left;}
.dashboard-col h5 {font-size:14px; margin:10px 0 0;}

.section-dashboard {text-align:left; max-width:100%; margin-top:50px;}
.dashboard-wrap {padding:0!important;}

.dashboard-col .btn.btn-menu {padding: 3px 0 3px 25px; position: relative; margin: 0 auto; width:100%;}
.dashboard-col .btn.btn-contact-phone {padding: 3px 0 3px 25px; position: relative; margin: 0 auto; width:100%;}
.dashboard-col .btn.btn-contact-email {padding: 3px 0 3px 27px; position: relative; margin: 0 auto; width:100%;}
.dashboard-col .btn.btn-book {padding: 3px 0 3px 27px; position: relative; margin: 0 auto; width:100%;}


.dashboard-col .btn.btn-link:hover {text-decoration:none; color:#ffffff;}

.btn.btn-menu:before {content: "\e984"; position: absolute; left: 0; top: 5px; font-size: 20px; margin-right: 0;}
.btn.btn-contact-phone:before {content: "\e92f"; position: absolute; left: 0; top: 5px; font-size: 20px; margin-right: 0;}
.btn.btn-contact-email:before {content: "\e931"; position: absolute; left: 0; top: 3px; font-size: 20px; margin-right: 0;}
.btn.btn-book:before {content: "\e93f"; position: absolute; left: 0; top: 4px; font-size: 20px; margin-right: 0;}

.dashboard-col a, 
.dashboard-col .btn.btn-link {
    color: #0A214F;
    font-size: 13px;
    text-align: left;
    position:relative;}

.section-parallax .fluid-image-block img {width:100%; height:100%; object-fit:cover;}

@media (min-width: 768px) {
	.dashboard-secondary .dashboard-col {width: 49%; display:table-cell;}
}

@media (min-width: 992px){
    .dashboard-primary .dashboard-col {width: 24%; display: table-cell;}
}

@media (min-width: 1200px) {
    .big-height {height:730px;}
}
</style>

<!-- End Google Tag Manager -->
<div class="suninternational-panel">

	<!-- include the header.html -->
	<header>
		 

<div class="section"><div class="new"></div>
</div><div class="iparys_inherited"><div class="megaMenuPar iparsys parsys"><div class="megaMenuComponent section"><div class="sun-international-mega-menu">
    <div class="sun-international-mega-menu-wraper">
        

            
                <input type="hidden" id="searchResultsPage" value="/content/suninternational/search-results.html"/>
                <input type="hidden" id="currentPage" value="/content/suninternational/properties/table-bay"/>
                <input type="hidden" id="megabutton" value="false"/>
            

            

            <!--mega wraper starts-->
            <div class="mega-wraper">
                <!--header-mega-wraper-starts-->
                <div class="header-mega-wraper">
                    <nav class="mega-menu-head-navbar navbar navbar-default" data-trackingregion="header nav">

                        <!--nav start-->
                        <div class="navbar-header-Wraper">
                            <div class="navbar-header">
                                <!-- hamburger -->
                                <button class="navbar-toggle navy-blue" type="button" data-toggle="collapse" data-target=".js-navbar-collapse">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                                <!-- logo -->
                                <a class="navbar-brand img-sun-international" href="/content/suninternational.html">
                                    <img class="hidden-xs logo-align" src="/content/dam/approved/sun-international/sun-international-nav-small.png" alt="Sun International logo"/>
                                    <img class="visible-xs logo-align" src="/content/dam/suninternational/SUN_logo_mobile.svg" alt="Mobile Sun International logo"/>
                                </a>
                                <!-- property logo -->
                                

                                
                                    <div class="navbar-header sun-city-menu">
                                        <a class="navbar-brand SunCityHeading" href="/content/suninternational/properties/table-bay.html">
                                            <img src="/content/dam/suninternational/table-bay/logos/table-bay-logo-white-nav.png.sunimage.148.80.png" alt="The Table Bay"/>
                                        </a>
                                    </div>
                                    <!--<div class="navbar-header sun-city-menu si-logo" data-sly-test="false">
                                        <a class="navbar-brand SunCityHeading" href="/content/suninternational/properties/table-bay.html"><img src=".sunimage.148.80.png"/></a>
                                    </div>-->
                                    <!-- show additional sub navigation logo -->
                                    
                                

                                <!-- login -->
                                <div class="login-booking-wraper">

                                    <div class="mega-menu-header-buttons no-gutters">
                                        <div id="show-login-button">
                                            <a href="/mysun/login/" class="btn btn-link btn-link-nav btn-sign-in">
                                                <!-- svg profile icon -->
                                                <svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M9.15 3.25C9.15 4.71425 7.96425 5.9 6.5 5.9C5.03575 5.9 3.85 4.71425 3.85 3.25C3.85 1.78575 5.03575 0.6 6.5 0.6C7.96425 0.6 9.15 1.78575 9.15 3.25ZM0.6 11.375C0.6 11.0551 0.755508 10.7304 1.11749 10.3963C1.48355 10.0585 2.01931 9.75301 2.65961 9.4965C3.94116 8.98311 5.49032 8.725 6.5 8.725C7.50968 8.725 9.05884 8.98311 10.3404 9.4965C10.9807 9.75301 11.5164 10.0585 11.8825 10.3963C12.2445 10.7304 12.4 11.0551 12.4 11.375V12.1875C12.4 12.303 12.303 12.4 12.1875 12.4H0.8125C0.696996 12.4 0.6 12.303 0.6 12.1875V11.375Z" stroke="#0A214F" stroke-width="1.2"/>
                                                </svg>Sign In</a>
                                        </div>
                                        <div id="hide-login-button">
                                            <a href="/mysun/profilelanding" class="btn btn-link btn-link-nav btn-myaccount nav-link dropdown-toggle" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                <svg width="13" height="13" viewBox="0 0 13 13" fill="#008676" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M9.15 3.25C9.15 4.71425 7.96425 5.9 6.5 5.9C5.03575 5.9 3.85 4.71425 3.85 3.25C3.85 1.78575 5.03575 0.6 6.5 0.6C7.96425 0.6 9.15 1.78575 9.15 3.25ZM0.6 11.375C0.6 11.0551 0.755508 10.7304 1.11749 10.3963C1.48355 10.0585 2.01931 9.75301 2.65961 9.4965C3.94116 8.98311 5.49032 8.725 6.5 8.725C7.50968 8.725 9.05884 8.98311 10.3404 9.4965C10.9807 9.75301 11.5164 10.0585 11.8825 10.3963C12.2445 10.7304 12.4 11.0551 12.4 11.375V12.1875C12.4 12.303 12.303 12.4 12.1875 12.4H0.8125C0.696996 12.4 0.6 12.303 0.6 12.1875V11.375Z" stroke="#008676" stroke-width="1.2"/>
                                                </svg>My account <span class="caret"></span>
                                            </a>
                                            <div class="dropdown-menu btn-myaccount-dropdown" aria-labelledby="navbarDropdown">
                                                <a class="dropdown-item" href="/mysun/profilelanding.html">Profile</a>
                                                <a class="dropdown-item item-statement" href="/mysun/sunmvg.html">Statements</a>
                                                <a class="dropdown-item item-logout" href="/mysun/login/"><button class="btn btn-link logoutButton">Log out</button></a>
                                            </div>
                                        </div>
                                        <!--<a class="cartIcon"><span><i class="icon-cart-facing-left"></i><span id="cart-count">0</span></span></a>-->
                                        <a href="/content/suninternational/app.html" class="btn btn-link btn-link-nav hidden-xs">Get the App</a>
                                        <a href="/content/suninternational/gift-vouchers.html" class="btn btn-link btn-link-nav hidden-xs">Vouchers</a>
                                        <button class="btn btn-link btn-link-nav btn-book" id="megaMenuBook">Book Now</button>
                                        <!--Booking.OpenSite('suninternationalgroupaccount',{currency:'ZAR'})-->

                                        <div class="sun-head-search hidden-xs hidden-sm"><a class="search-modal" data-toggle="modal" data-target="#searchModal"><span class="icon-search icon-search-3" id="search"></span></a></div>
                                        <!--<div class="sun-head-search">
                                            <form class="sun-international-search" id="megaMenuSearch" name="megaMenuSearch">
                                                <input type="text" name="search" id="forsearch" placeholder="">
                                                <span class="icon-search icon-search-3" id="search"></span>
                                            </form>
                                        </div>-->

                                    </div>
                                </div><!-- end login-booking-wraper -->
                            </div><!--end of navbar-header-->
                        </div>

                        <div class="collapse navbar-collapse js-navbar-collapse megaMenu-Nav">
                            <!--first navbar: Gaming-->
                            <ul class="nav navbar-nav">
                                <li class="dropdown mega-dropdown sun-mega-links">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Gaming</a>

                                    <ul class="dropdown-menu mega-dropdown-menu megaDropDwn1" data-trackingregion="header nav > gaming">
                                        <div class="container"><div class="row">
                                            <div class="col-xs-12 col-lg-4 col-lg-offset-1  HotelsDestination-links">
                                                <div class="sun-heading-links links-heading"><a class="megaheading-link" href="/content/suninternational/gaming.html">Casinos</a></div>

                                                <li class="col-xs-12 col-lg-6 list-links">
                                                    <ul>
                                                        <li><a href="/content/suninternational/properties/boardwalk.html">Boardwalk</a></li>
                                                        <li><a href="/content/suninternational/properties/carnival-city.html">Carnival City</a></li>
                                                        <li><a href="/content/suninternational/properties/flamingo.html">Flamingo</a></li>
                                                        <li><a href="/content/suninternational/properties/golden-valley.html">Golden Valley</a></li>
                                                        <li><a href="/content/suninternational/properties/grandwest.html">GrandWest</a></li>
                                                        <li><a href="/content/suninternational/properties/meropa.html">Meropa</a></li>
                                                    </ul>
                                                </li>
                                                <li class="col-xs-12 col-lg-6 list-links">
                                                    <ul>
                                                        <li><a href="/content/suninternational/properties/sibaya.html">Sibaya</a></li>
                                                        <li><a href="/content/suninternational/properties/sun-city.html">Sun City</a></li>
                                                        <li><a href="/content/suninternational/properties/time-square.html">Time Square</a></li>
                                                        <li><a href="/content/suninternational/properties/wild-coast-sun.html">Wild Coast Sun</a></li>
                                                        <li><a href="/content/suninternational/properties/windmill.html">Windmill</a></li>
                                                    </ul>
                                                </li>
                                                <!--<div class="TimeShareUnit col-sm-12 p-t-10"><div class="TimeShare-icon col-sm-2"><img src="/content/dam/suninternational/megamenu/clock.PNG" alt="Time-share" /></div>
<div class="TimeShare-info col-sm-10"><p class="TimeShare-info-head"><strong>Have you heard about our Timeshare Units?</strong></p>
<p class="TimeShare-info-data">The Sun Vacation Club at Sun City is a timeshare holiday programme that gives you your very own piece of holiday heaven</p>
<p class="TimeShare-info-data"><a class="visitnow" href="/content/suninternational/properties/sun-city/sunvacationclub.html">Visit now for more information</a></p>
</div>
</div>
-->
                                            </div>
                                            <div class="col-xs-12 col-lg-2 HotelsDestination-links">
                                                <div class="sun-heading-links links-heading destination-heading"><a class="megaheading-link" href="/content/suninternational/gaming/sunbet.html">SunBet</a></div>
                                                <!--<li class="list-links">
                                                    <ul>
                                                        <li><a href="https://www.sunbet.co.za/sports.html" target="_blank">Sports Betting</a></li>
                                                        <li><a href="https://www.sunbet.co.za/sports/betgames.html" target="_blank">Bet Games</a></li>
                                                        <li><a href="https://www.sunbet.co.za/sports/kiron-games.html" target="_blank">Virtual Sports</a></li>
                                                    </ul>
                                                </li>-->
                                            </div>
                                            <div class="col-xs-12 col-lg-2 HotelsDestination-links">
                                                <div class="sun-heading-links links-heading destination-heading"><a class="megaheading-link" href="http://www.sunslots.co.za/" target="_blank">Sun Slots</a></div>
                                            </div>
                                            <div class="col-xs-12 col-lg-2 HotelsDestination-links">
                                                <div class="sun-heading-links links-heading destination-heading"><a class="megaheading-link" href="/content/suninternational/gaming/promotions.html">Casino Promotions</a></div>
                                            </div>
                                        </div></div>
                                    </ul>
                                </li>
                            </ul>

                            <!-- second navbar: hotels-->
                            <ul class="nav navbar-nav">
                                <li class="dropdown mega-dropdown sun-mega-links">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Hotels</a>

                                    <ul class="dropdown-menu mega-dropdown-menu megaDropDwn2" data-trackingregion="header nav > hotels">

                                        <div class="container"><div class="row">
                                            <div class="col-xs-12 col-lg-8 col-lg-offset-1 HotelsDestination-links">
                                                <div class="sun-heading-links links-heading"><a class="megaheading-link" href="/content/suninternational/properties.html">Sun International Hotels</a></div>

                                                <li class="col-xs-12 col-lg-4 list-links">
                                                    <ul>
                                                        <li><a href="/content/suninternational/properties/sun-city.html">Sun City Resort</a>
                                                            <ul>
                                                                <li><a href="/content/suninternational/properties/sun-city/cabanas/accommodation.html">Cabanas</a></li>
                                                                <li><a href="/content/suninternational/properties/sun-city/sun-city-hotel/accommodation.html">Sun City Hotel</a></li>
                                                                <li><a href="/content/suninternational/properties/sun-city/cascades/accommodation.html">Cascades</a></li>
                                                                <li><a href="/content/suninternational/properties/palace.html">The Palace</a></li></ul>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li class="col-xs-12 col-lg-4 list-links">
                                                    <ul>
                                                        <li><a href="/content/suninternational/properties/boardwalk.html">Boardwalk</a></li>
                                                        <li><a href="/content/suninternational/properties/carnival-city.html">Carnival City</a></li>
                                                        <li><a href="/content/suninternational/properties/federal-palace.html">Federal Palace</a></li>
                                                        <li><a href="/content/suninternational/properties/golden-valley.html">Golden Valley</a></li>
                                                        <li><a href="/content/suninternational/properties/maslow.html">The Maslow Sandton</a></li>
                                                    </ul>
                                                </li>
                                                <li class="col-xs-12 col-lg-4 list-links">
                                                    <ul>
                                                        <li><a href="/content/suninternational/properties/time-square.html">The Maslow Time Square</a></li>
                                                        <li><a href="/content/suninternational/properties/meropa.html">Meropa</a></li>
                                                        <li><a href="/content/suninternational/properties/sibaya.html">Sibaya</a></li>
                                                        <li><a href="/content/suninternational/properties/table-bay.html">The Table Bay</a></li>
                                                        <li><a href="/content/suninternational/properties/wild-coast-sun.html">Wild Coast Sun</a></li>
                                                    </ul>

                                                </li>
                                            </div>

                                            <div class="col-xs-12 col-lg-2 HotelsDestination-links">
                                                <div class="sun-heading-links links-heading destination-heading"><span class="megaheading-link">Explore</span></div>
                                                <li class="list-links">
                                                    <ul>
                                                        <li><a href="/destinations.html">All destinations</a></li>
                                                        <li><a href="/sunlux.html">Luxury</a></li>
                                                        <li><a href="/golf.html">Golf</a></li>
                                                    </ul>
                                                </li>
                                            </div>

                                        </div></div>
                                    </ul>
                                </li>
                            </ul>

                            <!-- third navbar: SVC Sun Vacation Club-->
                            <ul class="nav navbar-nav">
                                <li class="dropdown mega-dropdown sun-mega-links">
                                    <a class="mega-link" href="/sunvacationclub.html">Sun Vacation Club</a>
                                </li>
                            </ul>


                            <!-- third navbar-->
                            <ul class="nav navbar-nav">
                                <li class="dropdown mega-dropdown sun-mega-links">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Conferences & Occasions </a>

                                    <ul class="dropdown-menu mega-dropdown-menu megaDropDwn4" data-trackingregion="header nav > conferences & occasions">

                                        <div class="container"><div class="row">
                                            <div class="col-xs-12 col-lg-3 col-lg-offset-2 HotelsDestination-links">
                                                <div class="sun-heading-links links-heading"><a class="megaheading-link" href="/partners/conferencing.html">Conferences & Meetings</a></div>
                                            </div>
                                            <div class="col-xs-12 col-lg-3 HotelsDestination-links">
                                                <div class="sun-heading-links links-heading"><a class="megaheading-link" href="/content/suninternational/weddings.html">Weddings</a></div>
                                            </div>
                                            <div class="col-xs-12 col-lg-3 HotelsDestination-links">
                                                <div class="sun-heading-links links-heading"><a class="megaheading-link" href="/content/suninternational/special-occasions.html">Special Occasions</a></div>
                                            </div>

                                        </div></div>
                                    </ul>
                                </li>
                            </ul>

                            <!-- third navbar-->
                            <ul class="nav navbar-nav">
                                <li class="dropdown mega-dropdown sun-mega-links">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Loyalty</a>

                                    <ul class="dropdown-menu mega-dropdown-menu megaDropDwn5" data-trackingregion="header nav > sun mvg">

                                        <div class="container"><div class="row">
                                            <div class="col-xs-12 col-lg-3 col-lg-offset-3 HotelsDestination-links">
                                                <div class="sun-heading-links links-heading"><a class="megaheading-link" href="/content/suninternational/mvg.html">Sun MVG<br/><span>Gaming Loyalty Programme</span></a></div>
                                            </div>
                                            <!--<li class="col-xs-12 col-lg-4 list-links">
                                                <ul>
                                                    <li><a href="/content/suninternational/mvg.html">Sun MVG Overview</a></li>
                                                    <li><a href="/content/suninternational/mvg/benefits.html">Benefits & Rewards</a></li>
                                                    <li><a href="/content/suninternational/mvg/faq.html">Frequently Asked Questions</a></li>
                                                </ul>
                                            </li>
                                            <li class="col-xs-12 col-lg-4 list-links">
                                                <ul>
                                                    <li><a href="/content/suninternational/mvg/cards.html">Sun MVG Cards</a></li>
                                                    <li><a href="/content/suninternational/mvg/mvg-terms-conditions.html">Terms & Conditions</a></li>
                                                </ul>
                                            </li>
                                            <li class="col-xs-12 col-lg-4 list-links no-gutters">
                                                <ul>
                                                    <li><a href="/mysun/registernewmvg">Join Sun MVG</a></li>
                                                    <li><a href="/mysun/login">Log In </a></li>
                                                </ul>
                                            </li>-->
                                            <div class="col-xs-12 col-lg-6 HotelsDestination-links">
                                                <div class="sun-heading-links links-heading"><a class="megaheading-link" href="/content/suninternational/gha.html">Sun GHA<br/><span>Leisure Loyalty Programme</span></a></div>
                                            </div>

                                        </div></div>
                                    </ul>
                                </li>
                            </ul>

                            <!--first navbar-->
                            <ul class="nav navbar-nav">
                                <li class="dropdown mega-dropdown sun-mega-links">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Travel Partners</a>

                                    <ul class="dropdown-menu mega-dropdown-menu megaDropDwn6" data-trackingregion="header nav > travel partners">

                                        <div class="container"><div class="row">
                                            <div class="col-xs-12 col-lg-8 col-lg-offset-2 HotelsDestination-links">
                                                <div class="sun-heading-links links-heading"><a class="megaheading-link" href="/content/suninternational/partners.html">Travel Partners</a></div>

                                                <li class="col-xs-12 col-lg-3 list-links">
                                                    <ul>
                                                        <li><a href="/content/suninternational/partners/resources.html">Resources</a></li>
                                                        <li><a href="/content/suninternational/partners/conferencing.html">Conferences</a></li>
                                                    </ul>
                                                </li>
                                                <li class="col-xs-12 col-lg-3 list-links">
                                                    <ul>
                                                        <li><a href="/content/suninternational/partners/contact.html">Contact Us</a></li>
                                                    </ul>
                                                </li>
                                                <li class="col-xs-12 col-lg-3 list-links">
                                                    <ul>
                                                        <li><a href="https://pricelists.suninternational.com/DoLogin.aspx?ReturnUrl=%2fViewPricelist.aspx">Log in</a></li>
                                                        <li><a href="https://pricelists.suninternational.com/registration.aspx">Register</a></li>
                                                    </ul>
                                                </li>
                                                <li class="col-xs-12 col-lg-3 no-gutters list-links">
                                                    <ul>
                                                        <li><a href="https://reservations.suninternational.com/Account/LogOn">Book Online</a></li>
                                                    </ul>
                                                </li>
                                            </div>
                                        </div></div>
                                    </ul>
                                </li>
                            </ul>

                            <!--first navbar-->
                            <ul class="nav navbar-nav">
                                <li class="dropdown mega-dropdown sun-mega-links">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Investors</a>

                                    <ul class="dropdown-menu mega-dropdown-menu megaDropDwn7" data-trackingregion="header nav > investors">

                                        <div class="container"><div class="row">
                                            <div class="col-xs-12 col-lg-2 col-lg-offset-2 HotelsDestination-links">
                                                <div class="sun-heading-links links-heading"><a class="megaheading-link" href="/investors/share-information.html" target="_blank">Investor Share Information</a></div>
                                            </div>
                                            <div class="col-xs-12 col-lg-2 HotelsDestination-links">
                                                <div class="sun-heading-links links-heading"><a class="megaheading-link" href="/investors/investors-results-reports.html" target="_blank">Results & Reports</a></div>
                                            </div>
                                            <div class="col-xs-12 col-lg-2 HotelsDestination-links">
                                                <div class="sun-heading-links links-heading"><a class="megaheading-link" href="/investors/presentations.html" target="_blank">Presentations</a></div>
                                            </div>
                                            <div class="col-xs-12 col-lg-2 HotelsDestination-links">
                                                <div class="sun-heading-links links-heading"><a class="megaheading-link" href="/investors/notices-circulars.html" target="_blank">Notices & Circulars</a></div>
                                            </div>
                                            <div class="col-xs-12 col-lg-2 HotelsDestination-links">
                                                <div class="sun-heading-links links-heading"><a class="megaheading-link" href="/investors/sens.html" target="_blank">SENS</a></div>
                                            </div>
                                        </div></div>
                                    </ul>
                                </li>
                            </ul>

                            <!--End of the nav links-->

                            <!-- Get the App -->
                            <ul class="nav navbar-nav hidden-sm hidden-md hidden-lg">
                                <li class="dropdown mega-dropdown sun-mega-links">
                                    <a href="/content/suninternational/app.html" class="text-sun-yellow">Get the App</a>
                                </li>
                            </ul>

                            <!-- Vouchers -->
                            <ul class="nav navbar-nav hidden-sm hidden-md hidden-lg">
                                <li class="dropdown mega-dropdown sun-mega-links">
                                    <a href="/content/suninternational/gift-vouchers.html" class="text-sun-yellow">Vouchers</a>
                                </li>
                            </ul>

                            <!-- search mobile-->
                            <ul class="nav navbar-nav hidden-md hidden-lg">
                                <li class="nav-search">
                                    <form class="sun-international-search sun-nav-search ng-pristine ng-valid" id="megaMenuSearchMobi" name="megaMenuSearchMobi">
                                        <input type="text" name="search" id="mobileSearch" placeholder="Search"/>
                                        <span class="icon-search icon-search-3" id="search"></span>
                                    </form>
                                </li>
                            </ul>
                            <!--<ul class="nav navbar-nav">
                                <li class="nav-search">
                                    <form class="sun-international-search sun-nav-search" id="megaMenuSearchMobi" name="megaMenuSearchMobi">
                                        <input type="text" name="search" id="mobileSearch" placeholder="Search">
                                        <span class="icon-search icon-search-3" id="search"></span>
                                    </form>
                                </li>
                            </ul>-->

                            <!--ends navbar-->
                        </div><!-- /.nav-collapse -->
                    </nav>
                </div><!--sub mega wraper ends-->
            </div>
            
            <div>
                
                    <div class="sub-mega-wraper navy-blue no-gutters col-xs-12 col-lg-12 col-xs-12">
                        <nav class="navbar navbar-default1 navy-blue">
                            <div class="container">
                                <div class="scroller scroller-left"><i class="icon-big-arrow-left"></i></div>
                                <div class="scroller scroller-right"><i class="icon-big-arrow-right"></i></div>

                                <!--<div data-sly-test="false" data-sly-unwrap>
                                    <div class="navbar-header sun-city-menu">
                                        <a class="navbar-brand SunCityHeading" href="/content/suninternational/properties/table-bay.html">
                                            <img src=".sunimage.148.80.png"/>
                                        </a>
                                    </div>
                                </div>

                                <div data-sly-test="true" data-sly-unwrap>
                                    <div class="navbar-header sun-city-menu" data-sly-test.logoImg="true">
                                        <a class="navbar-brand SunCityHeading" href="/content/suninternational/properties/table-bay.html">
                                            <img src="/content/dam/suninternational/table-bay/logos/table-bay-logo-white-nav.png.sunimage.148.80.png"/>
                                        </a>
                                    </div>
                                    <div class="navbar-header sun-city-menu" data-sly-test="false">
                                        <a class="navbar-brand SunCityHeading" href="/content/suninternational/properties/table-bay.html"><img src=".sunimage.148.80.png"/></a>
                                    </div>
                                </div>-->
                                <div class="collapse navbar-collapse js-navbar-collapse sun-city-menu-items">

                                    <div class="wrapper">
                                        <ul class="nav nav-tabs list test2" id="myTab">
                                            <li>
                                                <a href="/content/suninternational/properties/table-bay/specials.html">
                                                    
                                                    Offers
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/content/suninternational/properties/table-bay/rooms.html">
                                                    
                                                    Stay
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/content/suninternational/properties/table-bay/restaurants.html">
                                                    
                                                    Dining
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/content/suninternational/properties/table-bay/events.html">
                                                    
                                                    Experiences
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/content/suninternational/properties/table-bay/conferencing.html">
                                                    
                                                    Meetings
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/content/suninternational/properties/table-bay/activities.html">
                                                    
                                                    Explore
                                                </a>
                                            </li>
                                        
                                            <li>
                                                <a href="/content/suninternational/properties/table-bay/contact.html">
                                                    
                                                    About
                                                </a>
                                            </li>
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        
                                            
                                        </ul>

                                        <!-- Get the App -->
                                        <ul class="nav navbar-nav hidden-sm hidden-md hidden-lg">
                                            <li class="dropdown mega-dropdown sun-mega-links">
                                                <a href="/content/suninternational/app.html" class="text-sun-yellow">Get the App</a>
                                            </li>
                                        </ul>

                                        <!-- Vouchers -->
                                        <ul class="nav navbar-nav hidden-sm hidden-md hidden-lg">
                                            <li class="dropdown mega-dropdown sun-mega-links">
                                                <a href="/content/suninternational/gift-vouchers.html" class="text-sun-yellow">Vouchers</a>
                                            </li>
                                        </ul>

                                        <!-- search mobile-->
                                        <ul class="nav navbar-nav hidden-md hidden-lg">
                                            <li class="nav-search">
                                                <form class="sun-international-search sun-nav-search ng-pristine ng-valid" id="megaMenuSearchMobi" name="megaMenuSearchMobi">
                                                    <input type="text" name="search" id="mobileSearch" placeholder="Search"/>
                                                    <span class="icon-search icon-search-3" id="search"></span>
                                                </form>
                                            </li>
                                        </ul>


                                    </div>
                                </div>
                            </div>
                        </nav>
                    </div>
                
                
            </div>
        
    </div>
</div>
<input type="hidden" id="login-page-url" value="/mysun/login/"/>

<!-- search modal -->
<div class="modal fade" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="searchModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form class="sun-international-search" id="megaMenuSearch" name="megaMenuSearch">
                    <input type="text" name="search" id="forsearch" placeholder="Search Sun International Website"/>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- end of modal -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/crypto-js.js"></script>
<script>
        $(document).ready(function(){
    $(".sun-international-search").submit(function(){
				var searchText = $("#forsearch").val();
        		var mobileSearchText = $("#mobileSearch").val();
            		var url = "";
        			if(searchText != ""){
            			url = $("#searchResultsPage").val() + "/q='"+searchText+"'";
        			}else if(mobileSearchText != ""){
						url = $("#searchResultsPage").val() + "/q='"+mobileSearchText+"'";
        			}
            		console.log(url);
            		if($("#searchResultsPage").val() == ""){
            			alert("Please configure the Search Results Page");
            		}
            		else {
            			console.log("Enter key pressed");
            			var currentPage = $("#currentPage").val();

                        $(location).attr("href",url);
                        return false;
            		}
			});
    if( $(window).width() <= 1240 ) {
     $(".sub-mega-wraper").appendTo(".navbar-header-Wraper");


    }
	$(document).on('click','.navbar-header-Wraper .navbar-toggle',function() {
			$(".sun-city-menu-items,.megaMenu-Nav").collapse('hide');
	});

	var megabutton = $("#megabutton").val();
	if(megabutton == "true")
		{
		$('.login-booking-wraper').css('display','none');
		}
     });

</script>
</div>
</div>
</div>

	</header>
	<!-- include the main.html -->
	

	<div>
		
			
				<div class="subNav">
					
<div class="page-content">
	<!-- include the parsys component -->
    



<script>
  var offsettime=+2
  console.log("offsetvalue--"+offsettime);
</script>
<script>
$(document).ready(function(){

	var obj = jQuery.parseJSON('[{\"imgpath\":\"\/content\/dam\/approved\/table-bay\/tbh25-extra-2.jpg\",\"display\":\"image\",\"endhr\":\"8\",\"sthr\":\"5\",\"videopath\":\"\"},{\"imgpath\":\"\/content\/dam\/approved\/table-bay\/tbh25-08h00-10h00.jpg\",\"display\":\"image\",\"endhr\":\"10\",\"sthr\":\"8\",\"videopath\":\"\"},{\"imgpath\":\"\/content\/dam\/approved\/table-bay\/tabl-header-image3.jpg\",\"display\":\"image\",\"endhr\":\"11\",\"sthr\":\"10\",\"videopath\":\"\"},{\"imgpath\":\"\/content\/dam\/approved\/table-bay\/tbh25-11h00-13h00.jpg\",\"display\":\"image\",\"endhr\":\"13\",\"sthr\":\"11\",\"videopath\":\"\"},{\"imgpath\":\"\/content\/dam\/approved\/table-bay\/tbh25-12h00-15h00.jpg\",\"display\":\"image\",\"endhr\":\"15\",\"sthr\":\"13\",\"videopath\":\"\"},{\"imgpath\":\"\/content\/dam\/approved\/table-bay\/tbh25-15h00-18h00.jpg\",\"display\":\"image\",\"endhr\":\"16\",\"sthr\":\"15\",\"videopath\":\"\"},{\"imgpath\":\"\/content\/dam\/approved\/table-bay\/tbh25-05h00-08h00.jpg\",\"display\":\"image\",\"endhr\":\"18\",\"sthr\":\"16\",\"videopath\":\"\"},{\"imgpath\":\"\/content\/dam\/approved\/table-bay\/tbh25-18h00-20h00.jpg\",\"display\":\"image\",\"endhr\":\"19\",\"sthr\":\"18\",\"videopath\":\"\"},{\"imgpath\":\"\/content\/dam\/approved\/table-bay\/tbh25-extra-3.jpg\",\"display\":\"image\",\"endhr\":\"20\",\"sthr\":\"19\",\"videopath\":\"\"},{\"imgpath\":\"\/content\/dam\/approved\/table-bay\/tbh25-20h00-05h00.jpg\",\"display\":\"image\",\"endhr\":\"23\",\"sthr\":\"20\",\"videopath\":\"\"},{\"imgpath\":\"\/content\/dam\/approved\/table-bay\/tbh25-20h00-05h00.jpg\",\"display\":\"image\",\"endhr\":\"5\",\"sthr\":\"0\",\"videopath\":\"\"}]');
	var nextTriggetMS = null;
	var windowWidth = $(window).width();
	updateBanner();
    picturefill();

	function updateBanner()
	{
		var useDefault = true;
		$.each(obj, function() {
			var propTime = getPropertyTime();
            var startTime = parseInt(this['sthr']);
            if(startTime == 23){
				startTime = 0;
            }
			if(startTime <= getPropertyTime() && getPropertyTime() <= parseInt(this['endhr']))
			{
				useDefault = false;
				var display=encodeURI(this['display']);
				var path;
				var defaultImage;
				if(display == 'video'){
					path=encodeURI(this['videopath']);
					defaultImage=encodeURI(this['imgpath']);
					var ext = path.substring(path.lastIndexOf('.') + 1);
					if(null != ext || ext != undefined){
						if(ext ==="gif"){
							$('.landing-hero').addClass("banner-video");
							$('#hero').addClass("embed-responsive embed-responsive-16by9 hero-video");
							$('#showVideoImage').html('<div class="embed-responsive embed-responsive-16by9"><img src="'+path+'" /></div>');
						}else{
							$('.landing-hero').addClass("banner-video");
							$('#hero').addClass("embed-responsive embed-responsive-16by9 hero-video");
							$('#showVideoImage').html('<div class="embed-responsive embed-responsive-16by9"><video autoplay loop id="prop-video" height="100%" width="100%" class="embed-responsive-item" onclick="this.paused?this.play():this.pause()"><source src="'+path+'" type="video/mp4; codecs=avc1.42E01E, mp4a.40.2" /><source src="'+path+'" type="video/webm; codecs=vp8, vorbis" /><img src="'+defaultImage+'" title="Your browser does not support the <video> tag" /></video><a name="#video-tag"></a></div>');
						}
					}
				}else{
					path=encodeURI(this['imgpath']);
					$('#showVideoImage').html('<picture id="banner_image"><source id="banner_image_992" media="(min-width:992px)" srcset=""><source id="banner_image_769" media="(min-width:769px)" srcset=""><source id="banner_image_481" media="(min-width:481px)" srcset=""><img id="banner_image_default" srcset="" alt="The Table Bay"></picture>');
					//$('.landing-hero').css('background-image','url(' + path + ')');
					$('#banner_image_992').attr('srcset', path + ".sunimage.1920.550.jpg");
					$('#banner_image_769').attr('srcset', path + ".sunimage.992.350.jpg");
					$('#banner_image_481').attr('srcset', path + ".sunimage.768.350.jpg");
					$('#banner_image_default').attr('srcset', path + ".sunimage.481.350.jpg");
					//For Safari and IE
					if(windowWidth > 992){
						$('#banner_image_default').attr('src', path + ".sunimage.1920.550.jpg");
					}
					else if(windowWidth <= 991 && windowWidth >= 768){
						$('#banner_image_default').attr('src', path + ".sunimage.990.350.jpg");
					}
					else if(windowWidth <= 767 && windowWidth >= 480){
						$('#banner_image_default').attr('src', path + ".sunimage.769.350.jpg");
					}
					else {
						$('#banner_image_default').attr('src', path + ".sunimage.481.350.jpg");
					}
				}
			}

			  });
			if(useDefault)
			{
				var defaultDisplay='image';
				var path;
				var defaultImage;
				if(defaultDisplay == 'video'){
					path=encodeURI('');
					defaultImage=encodeURI('');
					var ext = path.substring(path.lastIndexOf('.') + 1);
					if(null != ext || ext != undefined){
						if(ext ==="gif"){
							$('.landing-hero').addClass("banner-video");
							$('#hero').addClass("embed-responsive embed-responsive-16by9 hero-video");
							$('#showVideoImage').html('<div class="embed-responsive embed-responsive-16by9"><img src="'+path+'" /></div>');
						}else{
							$('.landing-hero').addClass("banner-video");
							$('#hero').addClass("embed-responsive embed-responsive-16by9 hero-video");
							$('#showVideoImage').html('<div class="embed-responsive embed-responsive-16by9"><video autoplay loop id="prop-video" height="100%" width="100%" class="embed-responsive-item" onclick="this.paused?this.play():this.pause()"><source src="'+path+'" type="video/mp4; codecs=avc1.42E01E, mp4a.40.2" /><source src="'+path+'" type="video/webm; codecs=vp8, vorbis" /><img src="'+defaultImage+'" title="Your browser does not support the <video> tag" /></video><a name="#video-tag"></a></div>');
						}
					}

				}else{
					path=encodeURI('');
					$('#showVideoImage').html('<picture id="banner_image"><source id="banner_image_992" media="(min-width:992px)" srcset=""><source id="banner_image_769" media="(min-width:769px)" srcset=""><source id="banner_image_481" media="(min-width:481px)" srcset=""><img id="banner_image_default" srcset="" alt="The Table Bay"></picture>');
					//$('.landing-hero').css('background-image','url(' + path + ')');
					$('#banner_image_992').attr('srcset', path + ".sunimage.1920.550.jpg");
					$('#banner_image_769').attr('srcset', path + ".sunimage.992.350.jpg");
					$('#banner_image_481').attr('srcset', path + ".sunimage.768.350.jpg");
					$('#banner_image_default').attr('srcset', path + ".sunimage.481.350.jpg");
					//For Safari and IE
					if(windowWidth > 992){
						$('#banner_image_default').attr('src', path + ".sunimage.1920.550.jpg");
					}
					else if(windowWidth <= 991 && windowWidth >= 768){
						$('#banner_image_default').attr('src', path + ".sunimage.990.350.jpg");
					}
					else if(windowWidth <= 767 && windowWidth >= 480){
						$('#banner_image_default').attr('src', path + ".sunimage.769.350.jpg");
					}
					else {
						$('#banner_image_default').attr('src', path + ".sunimage.481.350.jpg");
					}
				}

			}
	}



	function getPropertyTime()
	{
		var timeP = getPropertyLocalTime();
		return parseInt((timeP.getHours()+1)%24);
	}


	var generateEventsAndSepecials = function(){
		var url = $("#currentpage-url").html() +".events.date.asc.0.1.json";

		var noEvent = false, noSpecial = false, noPromo = false;

	    $.getJSON(url, function(data) {
	    	if(!jQuery.isEmptyObject(data) && data.events.length != 0){
	    		$("#latestEvent").attr("href", data.events[0].eventUrl);
	            $("#latestEvent").find("p").html(data.events[0].eventTitle);
            }
	    	else {
	    		$("#latestEvent").remove();
	    		noEvent = true;
	    	}
	    	//Call Special Offers
	    	var offerUrl = $("#currentpage-url").html() +".specialoffers.date.asc.0.1.json";

	        $.getJSON(offerUrl, function(data) {
	            if(!jQuery.isEmptyObject(data) && data["special-offers"].length != 0){
	                $("#latestSpecial").attr("href", data["special-offers"][0].path);
	                $("#latestSpecial").find("p").html(data["special-offers"][0].offerTitle);
	            }
	            else {
	                 $("#latestSpecial").remove();
	                 noSpecial = true;
	            }
	            //Call Promotions
	            var promoUrl = $("#currentpage-url").html() +".promotions.date.asc.0.1.json";
	            console.log(promoUrl);
	            $.getJSON(promoUrl, function(data) {
	                if(!jQuery.isEmptyObject(data) && data["promotions"].length != 0){
	                    $("#latestPromotion").attr("href", data["promotions"][0].path);
	                    $("#latestPromotion").find("p").html(data["promotions"][0].title);
	                }
	                else {
	                     $("#latestPromotion").remove();
	                     noPromo = true;
	                }
	                //Finalise the widgets to be shown
	                if(!noEvent && noSpecial && noPromo){
	                    //Only Event
	                    $("#latestEvent").removeClass("col-md-4").addClass("col-md-12");
	                    $("#latestEvent").removeClass("col-sm-6").addClass("col-sm-12");
	                }
	                if(noEvent && !noSpecial && noPromo){
	                    //Only Special
	                    $("#latestSpecial").removeClass("col-md-4").addClass("col-md-12");
	                    $("#latestSpecial").removeClass("col-sm-6").addClass("col-sm-12");
	                }
	                if(noEvent && noSpecial && !noPromo){
	                    //Only Promo
	                    $("#latestPromotion").removeClass("col-md-4").addClass("col-md-12");
	                    $("#latestPromotion").removeClass("col-sm-6").addClass("col-sm-12");
	                }

	                if(!noEvent && !noSpecial && noPromo){
	                    //Event & Special
	                    $("#latestEvent").removeClass("col-md-4").addClass("col-md-6");
	                    $("#latestEvent").removeClass("col-sm-12").addClass("col-sm-6");

	                    $("#latestSpecial").removeClass("col-md-4").addClass("col-md-6");
	                    $("#latestSpecial").removeClass("col-sm-12").addClass("col-sm-6");
	                }

	                if(!noEvent && noSpecial && !noPromo){
	                    //Event & Promo
	                    $("#latestEvent").removeClass("col-md-4").addClass("col-md-6");
	                    $("#latestEvent").removeClass("col-sm-12").addClass("col-sm-6");

	                    $("#latestPromotion").removeClass("col-md-4").addClass("col-md-6");
	                    $("#latestPromotion").removeClass("col-sm-12").addClass("col-sm-6");
	                }

	                if(noEvent && !noSpecial && !noPromo){
	                    //Promo & Special
	                    $("#latestPromotion").removeClass("col-md-4").addClass("col-md-6");
	                    $("#latestPromotion").removeClass("col-sm-12").addClass("col-sm-6");

	                    $("#latestSpecial").removeClass("col-md-4").addClass("col-md-6");
	                    $("#latestSpecial").removeClass("col-sm-12").addClass("col-sm-6");
	                }

                    if(noPromo && noEvent && noSpecial){
                        $(".promo-events-top-container").hide();
                    }
                    else {
                    	 $(".promo-events-top-container").show();
                    }
	            });

	        });
	    });

	};
	generateEventsAndSepecials();
});



</script>
<section id="hero" class="section-item"> <div class="container-fluid"><!-- container-fluid -->
        <div class="jumbotron landing-hero">
        <div class="fluid-image-block" id="showVideoImage">

        </div>
            <!-- Arc Static component: hearo-header -->
            <div class="sun-header">
                <!--<h5 class="hero-tagline"><//%= tagsText %></h5>-->

            
               <div class="hero-title-border">
               
               
               <div class="row">
                        <div class="col-md-12">
                            <div class="landing-logo">
                                <picture>
				                    <source media="(min-width:992px)" srcset="/content/dam/suninternational/table-bay/logos/TableBay_rgb_stack_10.png.sunimage.450.193.png">
				                    <source media="(min-width:768px)" srcset="/content/dam/suninternational/table-bay/logos/TableBay_rgb_stack_10.png.sunimage.280.120.png">
				                    <source media="(min-width:481px)" srcset="/content/dam/suninternational/table-bay/logos/TableBay_rgb_stack_10.png.sunimage.280.120.png">
				                    <img srcset="/content/dam/suninternational/table-bay/logos/TableBay_rgb_stack_10.png.sunimage.200.86.png" alt="The Table Bay logo">
				                </picture>
                            </div>
                        </div>
                    </div>
               
               
                </div>
                
                
                <div class="clearfix"></div>


            </div>
            <!-- /Arc Static component: hero-header -->
            <div class="property-social-icons-wrapper">
                        <ul class="property-social-icons">
                            
                           		<li><a target="_blank" title="Twitter" href="http://twitter.com/TableBayHotelSA"><span class="icon-twitter-filled"></span></a></li>
                            
							
                            	<li><a target="_blank" title="Instagram" href="https://www.instagram.com/tablebayhotelsa/"><span class="icon-instagram-filled"></span></a></li>
                             
							
                            	<li><a target="_blank" title="Facebook" href="http://www.facebook.com/TheTableBayHotel"><span class="icon-facebook-filled"></span></a></li>
                             
							
							
							
                            	<li><a target="_blank" title="Tripadvisor" href="https://www.tripadvisor.co.za/Hotel_Review-g312659-d302762-Reviews-The_Table_Bay_Hotel-Cape_Town_Central_Western_Cape.html"><span class="icon-tripadvisor-filled"></span></a></li>
                             
							
                            	<li><a target="_blank" title="Sun Share" href="https://www.suninternational.com/contact/sunshare/?utm_medium=organic&utm_source=website&utm_campaign=sunshare&utm_term=tabl&utm_content=icon"><span class="icon-sunshare-filled"></span></a></li>
                             
                            </ul>
                    </div>

        </div>
    </div></section>
<div id="currentpage-url" style="display:none;">/content/suninternational/properties/table-bay</div>
	<div><div class="commonCustomRTE section">
 <div class="description-container-rte">
            <div class="description-content">
                <div><div class="video-background hidden-xs fluid-image-block"><div class="hide">The Table Bay</div>
<iframe src="https://www.youtube.com/embed/Evprgxv_ago?autoplay=1&amp;mute=1&amp;controls=0&amp;loop=1&amp;playlist=Evprgxv_ago,Evprgxv_ago&amp;showinfo=0" frameborder="0"></iframe></div>
</div>
                <div id="desc" class="collapse">
                    
                    





                </div>
            </div>
            
   </div>

</div>
<div class="sectionComponent section">


	<section class="PRbooking-widget" style="background-image: url('');">
		<div class="container">
			<div><div class="makeBookingPR section">



<input type="hidden" id="userType" value="ANONYMOUS">
<div class="mab-wrapper">


<div class="mabForm-wrapper history-wrapper wrapper-hide">
<!--make a  booking form start-->

<input type = "hidden" id = "availability-result" value="">


<form class="sun-custom-form text-left" id="makeBooking" name="makeBooking" novalidate>
    <div class="row">

        <!-- Sun City Resort -->
        <div class="booking-property-select">
            <div id="scPropertyGroup" class="SunCityResort" hidden>
                <span class="hasError required text-warning">Please select a hotel</span>
                <select id="scProperties" class="custom-select propertiesList">
                    	<option value="suncityresort">Select Hotel</option>
                        <option name="cabanas" value="cabanas">Cabanas</option>
                        <option name="suncityhotel" value="suncityhotel">Sun City Hotel</option>
                        <option name="cascades" value="cascades">Cascades</option>
                        <option name="thepalaceofthelostcity" value="thepalaceofthelostcity">The Palace</option>
                        <option name="theaviary" value="theaviary">Sun Vacation Club - The Aviary</option>
                        <option name="thereserve" value="thereserve">Sun Vacation Club - The Reserve</option>
                        <option name="lefikavillas" value="lefikavillas">Sun Vacation Club - Lefika Villas</option>

            	</select>
            </div>

            <!-- Sibaya -->
            <div id="sibayaPropertyGroup" class="SunCityResort" hidden>
                <span class="hasError required text-warning">Please select a hotel</span>
            	<select id="sibayaProperties" class="custom-select propertiesList">
                     <option value="sibaya">Select Hotel</option>
                        <option value="royalsibaya">Royal Sibaya</option>
                        <option value="sibayalodge">Sibaya Lodge</option>

                </select>
            </div>

            <!-- Sun Vacation Club -->
            <div id="svcPropertyGroup" class="SunCityResort" hidden>
                <span class="hasError required text-warning">Please select a hotel</span>
                <select id="svcProperties" class="custom-select propertiesList">
						<!--<option value="sunvacationclub">Select Hotel</option>-->
                        <option value="theaviary">Sun Vacation Club - The Aviary</option>
                        <option value="thereserve">Sun Vacation Club - The Reserve</option>
                        <option value="lefikavillas">Sun Vacation Club - Lefika Villas</option>

                </select>
            </div>

            <!-- all properties -->
            <div id="allPropertyGroup" class="SunCityResort" hidden>
                <span class="hasError required text-warning">Please select a hotel</span>
                <select id="allProperties" class="custom-select propertiesList">
                    <option value="all">Select Hotel</option>
                    <optgroup label="Sun City Resort">
                        <option value="suncityresort">Sun City Resort</option>
                        <option value="cabanas">Cabanas</option>
                        <option value="suncityhotel">Sun City Hotel</option>
                        <option value="cascades">Cascades</option>
                        <option value="thepalaceofthelostcity">The Palace</option>
                        <option value="theaviary">Sun Vacation Club - The Aviary</option>
                        <option value="thereserve">Sun Vacation Club - The Reserve</option>
                        <option value="lefikavillas">Sun Vacation Club - Lefika Villas </option>
                    </optgroup>
                    <option value="boardwalk">Boardwalk</option>
                    <option value="carnivalcity">Carnival City</option>
                    <option value="federalpalace">Federal Palace</option>
                    <option value="goldenvalley">Golden Valley</option>
                    <option value="themaslowsandton">The Maslow Sandton</option>
                    <option value="themaslowtimesquare">The Maslow Time Square</option>
                    <option value="meropa">Meropa</option>
                    <optgroup label="Sibaya">
                        <option value="sibaya">Sibaya</option>
                        <option value="royalsibaya">Royal Sibaya</option>
                        <option value="sibayalodge">Sibaya Lodge</option>
                    </optgroup>
                    <option value="thetablebayhotel">The Table Bay</option>
                    <option value="wildcoastsun">Wild Coast Sun</option>

                    <!--<div data-sly-unwrap data-sly-list.filter="">
                           <option value="~"></option>
                    </div>-->
                </select>
            </div>
        </div>


	<div class="booking-dates">
    <div class="row">

        <!-- check in date -->
        <div class="col-xs-6 padding-right-0">
            <div class="form-group date">
            	<input type="text" class="form-control" placeholder="Select date" id="datepicker-check-in" readonly >
            	<span class="icon-calendar calendar checkIn"></span>
    		</div>
    	</div>

        <!-- check out date -->
        <div class="col-xs-6">
            <div class="form-group date">
                    <input type="text" placeholder="Select date" class="form-control checkOutDate" id="datepicker-check-out" readonly>
                    <span class="icon-calendar calendar checkOut"></span>
            </div>
    	</div>
    </div><!-- end of row -->
    </div>

<div class="booking-action">
    <div class="booking-widget-inner">
    	<button class="btn btn-secondary" id="checkAvailabilityProf">Check Availability</button>
    	<a href="/content/suninternational/best-rate-guarantee.html" class="best-rate-guarantee"><img src="/content/dam/generic/img/best-rate-guarantee.png" alt="Best Rate Guarantee" title="Best Rate Guarantee"></a>
	</div>
</div>



    </div>


    </form>



<div class="booking-widget-mvg">
	<a href="/mysun/login.html">Sun MVGs: <strong>Sign in</strong> to view discounted rates &#8594;</a>
</div><!-- end of booking-widget-mvg -->



		<!--Make a booking form end -->
    </div>
</div> <!--mab-wrapper div close-->
	<!--Make a booking end-->





<input type="hidden" id="selected-property-code" value=""/>
<input type="hidden" id="day-value" value=""/>

<link rel="stylesheet" href="/etc.clientlibs/suninternational/components/structure/page/profileLandingPage/clientlib-profileLanding.min.css" type="text/css">
<link rel="stylesheet" href="/etc.clientlibs/suninternational/components/content/custom/makeBookingPR/clientlib-makebooking-pr.min.css" type="text/css">
<script type="text/javascript" src="/etc.clientlibs/suninternational/components/structure/page/profileLandingPage/clientlib-profileLanding.min.js"></script>
<script type="text/javascript" src="/etc.clientlibs/suninternational/components/content/custom/makeBookingPR/clientlib-makebooking-pr.min.js"></script>


<script>

$(document).ready(function() {
$('#hotel-dropdown').bind('DOMNodeInserted', function(event) {
    var vacationStr='Sun Vacation Club';
    if($('#hotel-dropdown').text().indexOf(vacationStr) != -1)
    {
        var adultExists=$('.adult-count-dropdown ul li:contains("4")').length;
        if(!adultExists){
			$(".adult-count-dropdown ul").append('<li>4</li>');
        }
        $('.child-count-dropdown ul li:contains("3")').remove();
        $(".child-count-dropdown").find('span:first-child').text('0');
    }
    else
    {
        var exists=$('.child-count-dropdown ul li:contains("3")').length;
		var adultExists=$('.adult-count-dropdown ul li:contains("4")').length;
		$('.adult-count-dropdown ul li:contains("4")').remove();
        if(adultExists)
        {
			$(".adult-count-dropdown").find("span:first-child").text('1');
            $(".child-count-dropdown").find('span:first-child').text('0');
        }
        if(!exists)
        {
        	$(".child-count-dropdown ul").append('<li>3</li>');
        }
    }
   });
$('#hotels').blur(function() {
        $("ul#hotels").parent().removeClass( "open" );

    });

$(window).keyup(function (e) {
        var code = (e.keyCode ? e.keyCode : e.which);
        if (code == 9) {
            $("form").find('.open').removeClass("open");
        }
    });
 $('.optionYes').focus(function() {
 		 $('.optionYes').addClass('active');
        $('.optionNo').removeClass('active');
	});

     $('.optionNo').focus(function() {
 		 $('.optionNo').addClass('active');
          $('.tab-pane').removeClass("active in");
        $('.optionYes').removeClass('active');
	});

    $('.optionYes').keyup(function (e) {
        var code = (e.keyCode ? e.keyCode : e.which);
        if (code == 13) {

            $('.tab-pane').addClass("active in");

        }
    });
     $('#promotion-btn').off().click(function() {

         if($('#promoCode').hasClass('active') == true)
         {
             $('#promoCode').removeClass('active');
        	 $('#groupCode').removeClass('active');
             $('.code').val("");
             $(".code").addClass('disab');
         }
         else
         {
			$('#promoCode').addClass('active');
            $('#groupCode').removeClass('active');
            $(".code").removeClass('disab');
         }

	});
	$('#group-code-btn').off().click(function() {

         if($('#groupCode').hasClass('active') == true)
         {
             $('#promoCode').removeClass('active');
        	 $('#groupCode').removeClass('active');
             $('.code').val("");
             $(".code").addClass('disab');
         }
         else
         {
			$('#groupCode').addClass('active');
        	$('#promoCode').removeClass('active');
            $(".code").removeClass('disab');
         }

	});

});
</script>
<style>
    .disab {
        pointer-events: none;
        cursor: default;
    }
</style>
</div>

</div>
		</div>
	</section>


</div>
<div class="sectionComponent section">




	<section style="background-image: url('');">
		<div class="container">
			<div><div class="columnImplementor section">
<div>
 <div class="row padding-bottom-30 no-padding-xs">
	
		<div class="col-xs-12 col-md-6 col-xs-text-left">
			<div><div class="commonCustomRTE section">
 <div class="description-container-rte">
            <div class="description-content">
                <div><h1 class="no-margin text-center text-md-right">The best address<br />
in Cape Town</h1>
</div>
                <div id="desc" class="collapse">
                    
                    





                </div>
            </div>
            
   </div>

</div>
<div class="commonCustomRTE section">
 <div class="description-container-rte">
            <div class="description-content">
                <div><div class="margin-top-30 margin-bottom-30 text-center text-md-right playfair">Be captivated by perennial beauty</div>
</div>
                <div id="desc" class="collapse">
                    
                    





                </div>
            </div>
            
   </div>

</div>

</div>
		</div>
  	
		<div class="col-xs-12 col-md-6 col-lg-5 margin-top-10">
			<div><div class="commonCustomRTE section">
 <div class="description-container-rte">
            <div class="description-content">
                <div><p>Imagine discovering a sophisticated world of luxury in a city of untold wonder overlooking the Atlantic Ocean.</p>
<p>The Table Bay offers the ultimate in 5-star luxury hotel accommodation in Cape Town. Considered to be the best address in Cape Town, this sophisticated Sun International property was opened in May 1997 by former South African president, Nelson Mandela. The Table Bay continues to set its own standards in international service, cuisine and luxury.</p>
<p class="text-secondary hide">The Table Bay hotel, Camelot Spa and Lobby Lounge restaurant are open, in line with extended COVID-19 regulations announced by the President on 11 July 2021. <a href="https://corporate.suninternational.com/media/" target="_blank">Find out more</a>.</p>
</div>
                <div id="desc" class="collapse">
                    
                    





                </div>
            </div>
            
   </div>

</div>

</div>
		</div>
  	
 </div>
</div>
</div>
<div class="columnImplementor section">
<div>
 <div class="row gha-purple-gradient display-flex border-radius padding-top-30 padding-bottom-30 text-inverse margin-left-30 margin-right-30 margin-bottom-50">
	
		<div class="col-xs-12 col-sm-6">
			<div><div class="commonCustomRTE section">
 <div class="description-container-rte">
            <div class="description-content">
                <div><div><a href="/content/suninternational/table-bay/gha-web-enrolment.html"><img src="/content/dam/approved/sun-gha/sun-gha-logo-sm.png" class="img-responsive center-block" alt="Sun International GHA Discovery Leisure Loyalty Programme"/></a></div>
</div>
                <div id="desc" class="collapse">
                    
                    





                </div>
            </div>
            
   </div>

</div>

</div>
		</div>
  	
		<div class="col-xs-12 col-sm-6">
			<div><div class="commonCustomRTE section">
 <div class="description-container-rte">
            <div class="description-content">
                <div><h4>Rewarding you from Day One</h4>
<p><a href="/content/suninternational/table-bay/gha-web-enrolment.html">Learn More →</a></p>
</div>
                <div id="desc" class="collapse">
                    
                    





                </div>
            </div>
            
   </div>

</div>

</div>
		</div>
  	
 </div>
</div>
</div>

</div>
		</div>
	</section>
</div>
<div class="sectionComponent section">

    <section id="covid-compliance" class="margin-bottom-60 padding-top-0 hide" style="background-image: url('');">
		<div class="container">
			<div><div class="columnImplementor section">
<div>
 <div class="row ">
	
		<div class="col-xs-12">
			<div><div class="commonCustomRTE section">
 <div class="description-container-rte">
            <div class="description-content">
                <div><div><a href="https://corporate.suninternational.com/media/" target="_blank"><img src="/content/dam/approved/nowopen/covid-compliance-certificate.png.sunimage.400.188.png" class="img-responsive center-block shadow border-radius" title="Compliant with Covid-19 Industry protocols" alt="Compliant with Covid-19 Industry protocols"/></a></div>
</div>
                <div id="desc" class="collapse">
                    
                    





                </div>
            </div>
            
   </div>

</div>

</div>
		</div>
  	
 </div>
</div>
</div>

</div>
		</div>
	</section>



</div>
<div class="sectionComponent section">


	<section class="bg-size-80 bg-no-repeat bg-left mobile-no-bg-img" style="background-image: url('/content/dam/approved/table-bay/campaigns/table-bay-accommodation-bg.jpg');">
		<div class="container">
			<div><div class="columnImplementor section">
<div>
 <div class="row text-center text-sm-left padding-top-30 padding-bottom-30 no-padding-xs">
	
		<div class="col-xs-10 col-xs-offset-1 no-gutters">
			<div><div class="commonCustomRTE section">
 <div class="description-container-rte">
            <div class="description-content">
                <div><div><img src="/content/dam/approved/table-bay/campaigns/table-bay-accommodation-bg.jpg.sunimage.800.400.jpg" class="img-responsive center-block visible-xs"/></div>
</div>
                <div id="desc" class="collapse">
                    
                    





                </div>
            </div>
            
   </div>

</div>

</div>
		</div>
  	
		<div class="bg-white no-gutters col-xs-10 col-xs-offset-1 col-sm-7 col-sm-offset-5 col-md-5 col-md-offset-6 col-lg-4 col-lg-offset-8">
			<div><div class="commonCustomRTE section">
 <div class="description-container-rte">
            <div class="description-content">
                <div><div class="bg-primary-10 padding-40"><h2 class="margin-top-0">The perfect setting</h2>
<p>Inspired by the boundless creative energy of the city that it calls home, the rooms unfold a sophisticated world of luxury with unrivalled views of Table Mountain or the ocean.</p>
<p><a class="btn btn-outline-primary" href="/table-bay/rooms.html" title="Explore">Explore</a></p>
</div>
</div>
                <div id="desc" class="collapse">
                    
                    





                </div>
            </div>
            
   </div>

</div>

</div>
		</div>
  	
 </div>
</div>
</div>

</div>
		</div>
	</section>


</div>
<div class="sectionComponent section">


	<section class="bg-size-80 bg-no-repeat bg-right-top mobile-no-bg-img margin-top-120 margin-bottom-40 no-margin-xs" style="background-image: url('/content/dam/approved/table-bay/tabl-siba-landing-page-banner-february-2022.jpg');">
		<div class="container">
			<div><div class="columnImplementor section">
<div>
 <div class="row text-center text-sm-left padding-top-30 padding-bottom-30 no-padding-xs">
	
		<div class="col-xs-10 col-xs-offset-1 no-gutters">
			<div><div class="commonCustomRTE section">
 <div class="description-container-rte">
            <div class="description-content">
                <div><div><img src="/content/dam/approved/table-bay/tabl-siba-interior-january-2022.jpg.sunimage.800.400.jpg" class="img-responsive center-block visible-xs"/></div>
</div>
                <div id="desc" class="collapse">
                    
                    





                </div>
            </div>
            
   </div>

</div>

</div>
		</div>
  	
		<div class="bg-white no-gutters col-xs-10 col-xs-offset-1 col-sm-7 col-sm-offset-0 col-md-5 col-md-offset-1 col-lg-4 col-lg-offset-0">
			<div><div class="commonCustomRTE section">
 <div class="description-container-rte">
            <div class="description-content">
                <div><div class="bg-primary-10 padding-40"><h2 class="margin-top-0">A feast for every sense</h2>
<p>A magnificent setting to present the best sustainable local cuisine. In the kitchen the chefs have a holistic approach to food sourcing the freshest ingredients from local farmers.</p>
<p><a class="btn btn-outline-primary" href="/table-bay/restaurants.html" title="Read more">Explore</a></p>
</div>
</div>
                <div id="desc" class="collapse">
                    
                    





                </div>
            </div>
            
   </div>

</div>

</div>
		</div>
  	
 </div>
</div>
</div>

</div>
		</div>
	</section>


</div>
<div class="sectionComponent section">


	<section class="margin-bottom-30 hide" style="background-image: url('');">
		<div class="container">
			<div><div class="columnImplementor section">
<div>
 <div class="row text-center text-sm-left padding-top-30 padding-bottom-30 no-padding-xs">
	
		<div class="col-xs-12 col-md-8">
			<div><div class="videoComponent section">

       <div>

         

		  <div>
              <div class="youtube-player" data-id="iOFAwMWF5ro"></div>
          </div>

		</div>


    
<link rel="stylesheet" href="/etc.clientlibs/suninternational/components/content/custom/youtubeVideoComponent/clientlib-videocomponent.min.css" type="text/css">
<link rel="stylesheet" href="/etc.clientlibs/suninternational/components/content/custom/videoComponent/clientlib-videocomponent.min.css" type="text/css">
<script type="text/javascript" src="/etc.clientlibs/suninternational/components/content/custom/youtubeVideoComponent/clientlib-videocomponent.min.js"></script>
<script type="text/javascript" src="/etc.clientlibs/suninternational/components/content/custom/videoComponent/clientlib-videocomponent.min.js"></script>


</div>

</div>
		</div>
  	
		<div class="col-xs-12 col-md-4">
			<div><div class="commonCustomRTE section">
 <div class="description-container-rte">
            <div class="description-content">
                <div><h2>We are getting things ready for you</h2>
<p>We are excited to welcome all our guests back to the best address in Cape Town. We have implemented the following protocols for your safety, and that of our staff.</p>
<p><a class="btn btn-outline-primary" href="https://corporate.suninternational.com/media/covid-19-protocols/" title="Read more">View our protocols</a></p>
</div>
                <div id="desc" class="collapse">
                    
                    





                </div>
            </div>
            
   </div>

</div>

</div>
		</div>
  	
 </div>
</div>
</div>

</div>
		</div>
	</section>


</div>
<div class="sectionComponent section">


	<section class="bg-parallax full-height display-flex align-items-flex-end" style="background-image: url('/content/dam/approved/table-bay/restaurants/tabl-lounge-high-tea-mountain-oscar-view-crop.jpg');">
		<div class="container">
			<div>
</div>
		</div>
	</section>


</div>
<div class="sectionComponent section">


	<section class="bg-contain bg-no-repeat bg-right-top" style="background-image: url('/content/dam/approved/table-bay/brand/table-bay-bg-pattern-6.jpg');">
		<div class="container">
			<div><div class="columnImplementor section">
<div>
 <div class="row display-flex align-items-center text-center text-sm-left">
	
		<div class="col-xs-12 col-sm-6 col-md-7">
			<div><div class="commonCustomRTE section">
 <div class="description-container-rte">
            <div class="description-content">
                <div><div><img src="/content/dam/approved/table-bay/conferencing/tabl-pavilion-close-up.jpg.sunimage.900.450.jpg" class="img-responsive center-block hidden-sm"/> <img src="/content/dam/approved/table-bay/conferencing/tabl-pavilion-close-up.jpg.sunimage.900.900.jpg" class="img-responsive center-block visible-sm"/></div>
</div>
                <div id="desc" class="collapse">
                    
                    





                </div>
            </div>
            
   </div>

</div>

</div>
		</div>
  	
		<div class="col-xs-10 col-xs-offset-1 col-sm-6 col-sm-offset-0 col-md-5 col-lg-4">
			<div><div class="commonCustomRTE section">
 <div class="description-container-rte">
            <div class="description-content">
                <div><h2>A place to connect, motivate and inspire</h2>
<p>Nestled between the exquisite Table Mountain and the cool Atlantic, The Table Bay is perfectly positioned, with close proximity to Cape Town’s top tourist attractions and convenient access to the V&amp;A Waterfront, to curate your event, from conferences, incentive gatherings to cocktail functions.</p>
<p><a class="btn btn-outline-primary" href="/table-bay/conferencing.html" title="Explore">Explore</a></p>
</div>
                <div id="desc" class="collapse">
                    
                    





                </div>
            </div>
            
   </div>

</div>

</div>
		</div>
  	
 </div>
</div>
</div>

</div>
		</div>
	</section>


</div>
<div class="sectionComponent section">


	<section class="bg-no-repeat bg-oscar" style="background-image: url('/content/dam/approved/table-bay/brand/table-bay-icon-oscar-light.png');">
		<div class="container">
			<div><div class="columnImplementor section">
<div>
 <div class="row display-flex align-items-center text-center text-sm-right margin-top-50 no-margin-xs">
	
		<div class="col-xs-12 col-sm-6 col-sm-push-6 col-md-7 col-md-push-5 overlay">
			<div><div class="commonCustomRTE section">
 <div class="description-container-rte">
            <div class="description-content">
                <div><div><img src="/content/dam/suninternational/table-bay/conferences/TBH1i0053-the-table-bay-the-ballroom-IMG_0042f.jpg.sunimage.900.450.jpg" class="img-responsive center-block hidden-sm" alt="The Table Bay is the perfect venue for celebrations in Cape Town."/> <img src="/content/dam/suninternational/table-bay/conferences/TBH1i0053-the-table-bay-the-ballroom-IMG_0042f.jpg.sunimage.900.900.jpg" class="img-responsive center-block visible-sm" alt="The Table Bay is the perfect venue for celebrations in Cape Town."/></div>
</div>
                <div id="desc" class="collapse">
                    
                    





                </div>
            </div>
            
   </div>

</div>

</div>
		</div>
  	
		<div class="col-xs-10 col-xs-offset-1 col-sm-6 col-sm-pull-6 col-sm-offset-0 col-md-5 col-md-pull-7 col-lg-4">
			<div><div class="commonCustomRTE section">
 <div class="description-container-rte">
            <div class="description-content">
                <div><h2>A place to celebrate</h2>
<p>Celebrating Cape Town’s colourful heritage, evocative romance and irresistible spirit of adventure, The Table Bay is the ideal place for glamorous celebrations, romantic weddings or birthday festivities. </p>
<p>The perfect backdrop for any occasion.</p>
<p><a class="btn btn-outline-primary" href="/table-bay/activities/special-occasions.html" title="Read more">Explore</a></p>
</div>
                <div id="desc" class="collapse">
                    
                    





                </div>
            </div>
            
   </div>

</div>

</div>
		</div>
  	
 </div>
</div>
</div>

</div>
		</div>
	</section>


</div>
<div class="sectionComponent section">



	<section id="covid-update" style="background-image: url('');">
		<div class="container">
			<div>
</div>
		</div>
	</section>

</div>
<div class="sectionComponent section">




	<section style="background-image: url('');">
		<div class="container">
			<div><div class="columnImplementor section">
<div>
 <div class="row text-center text-sm-left display-flex">
	
		<div class="col-xs-12 col-md-8 bg-light border-radius padding-40">
			<div><div class="commonCustomRTE section">
 <div class="description-container-rte">
            <div class="description-content">
                <div><h3 class="margin-top-0"><span>Get in touch</span></h3>
</div>
                <div id="desc" class="collapse">
                    
                    





                </div>
            </div>
            
   </div>

</div>
<div class="columnImplementor section">
<div>
 <div class="row ">
	
		<div class="col-xs-12 col-sm-6">
			<div><div class="commonCustomRTE section">
 <div class="description-container-rte">
            <div class="description-content">
                <div><p><strong>General Enquiries</strong><br />
<a href="tel:27214065000">+27 21 406 5000</a><br />
<a href="mailto:tbhres@suninternational.com">tbhres@suninternational.com</a></p>
</div>
                <div id="desc" class="collapse">
                    
                    





                </div>
            </div>
            
   </div>

</div>

</div>
		</div>
  	
		<div class="col-xs-12 col-sm-6">
			<div><div class="commonCustomRTE section">
 <div class="description-container-rte">
            <div class="description-content">
                <div><p><strong>Groups and Events Enquiries</strong><br />
<a href="tel:27214065000">+27 21 406 5000</a><br />
<a href="mailto:tbhgroup@suninternational.com">tbhgroup@suninternational.com</a></p>
</div>
                <div id="desc" class="collapse">
                    
                    





                </div>
            </div>
            
   </div>

</div>

</div>
		</div>
  	
 </div>
</div>
</div>

</div>
		</div>
  	
		<div class="col-xs-12 col-md-4 bg-light border-radius padding-40">
			<div><div class="commonCustomRTE section">
 <div class="description-container-rte">
            <div class="description-content">
                <div><h3 class="margin-top-0"><span>Follow The Table Bay</span></h3>
</div>
                <div id="desc" class="collapse">
                    
                    





                </div>
            </div>
            
   </div>

</div>
<div class="commonCustomRTE section">
 <div class="description-container-rte">
            <div class="description-content">
                <div><ul class="property-social-icons property-social-icons-left">
<li><a target="_blank" title="Instagram" href="https://www.instagram.com/tablebayhotelsa/"><span class="icon-instagram-filled"> </span></a></li>
<li><a target="_blank" title="Facebook" href="http://www.facebook.com/TheTableBayHotel"><span class="icon-facebook-filled"> </span></a></li>
</ul>
</div>
                <div id="desc" class="collapse">
                    
                    





                </div>
            </div>
            
   </div>

</div>

</div>
		</div>
  	
 </div>
</div>
</div>
<div class="columnImplementor section">
<div>
 <div class="row margin-top-50">
	
		<div class="col-xs-12">
			<div><div class="newsletter section">
<link rel="stylesheet" href="/content/dam/suninternational/mvgpropertysignup/newsletter.css" type="text/css"/>
<script type="text/javascript" src="/content/dam/suninternational/mvgpropertysignup/jquery.validate.min.js"></script>
<script type="text/javascript" src="/content/dam/suninternational/mvgpropertysignup/newsletter.js?v=1"></script>
<div id="newsletterContainer" class="newsletter sectionContainer table-bay-bg-small" data-redirecturl='/content/suninternational/properties/table-bay/newsletter-success.html' data-serverurl='https://digital.suninternational.com/newslettersubscriber.axd' data-newsletterName='hospitality' data-propertyName='Table Bay'>
	<section class="subscribe-area">
		<div class="container">
			<div class="row newslettersignup">
				<div class="col-xs-10 col-xs-offset-1 col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2">
					<div class="row">

						

						<div class="col-xs-12 col-md-4">
							<div class="subscribe-text">
								
								<h2><strong>Stay</strong> Up<br/><span>To Date</span></h2>
								<!--<p></p>-->
							</div>
						</div>
						<div class="col-xs-12 col-md-8">
							<div class="subscribe-wrapper subscribe2-wrapper">
								<div class="subscribe-form">
									<form id="newsletter" novalidate="novalidate" name='newsletter'>
										<input placeholder="enter your email address" name="email" type="email" id='newsletter_email' required='required'/>
										<button class='btn btn-outline-primary' id='newsletterButton'>subscribe</button>
									</form>
								</div>
							</div>
						</div>
					</div></div></div>
			<div class="row terms">
				<div class="col-xs-10 col-xs-offset-1 col-lg-8 col-lg-offset-2">
					
					
						<p><small>
							By submitting this form, you admit that you are 18 or older, you agree to our <a href='https://www.suninternational.com/privacy' target='_blank'>privacy policy</a>, you agree to receive marketing-related electronic communications from Sun International including news, events, updates and promotional emails. You may withdraw your consent and unsubscribe from these at any time, for example, by clicking the unsubscribe link included in our emails.
						</small></p>
					
				</div>
				<div class="row success hide">
					<div class="col-xs-10 col-xs-offset-1 col-md-8 col-md-offset-2">
						<p>You have successfully subscribed to our newsletter.</p>

					</div>
				</div>
				<div class="row failure hide">
					<div class="col-xs-10 col-xs-offset-1 col-md-8 col-md-offset-2">
						<p>Sorry, an error has occurred; please try again later.</p>

					</div>
				</div>
			</div>
		</div>
	</section>
</div></div>

</div>
		</div>
  	
 </div>
</div>
</div>

</div>
		</div>
	</section>
</div>
<div class="sectionComponent section">


	<section class="hide" style="background-image: url('');">
		<div class="container">
			<div><div class="newsletter section">
<link rel="stylesheet" href="/content/dam/suninternational/mvgpropertysignup/newsletter.css" type="text/css"/>
<script type="text/javascript" src="/content/dam/suninternational/mvgpropertysignup/jquery.validate.min.js"></script>
<script type="text/javascript" src="/content/dam/suninternational/mvgpropertysignup/newsletter.js?v=1"></script>
<div id="newsletterContainer" class="newsletter sectionContainer table-bay-bg-small" data-redirecturl='/content/suninternational/properties/table-bay/newsletter-success.html' data-serverurl='https://digital.suninternational.com/newslettersubscriber.axd' data-newsletterName='hospitality' data-propertyName='Table Bay'>
	<section class="subscribe-area">
		<div class="container">
			<div class="row newslettersignup">
				<div class="col-xs-10 col-xs-offset-1 col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2">
					<div class="row">

						

						<div class="col-xs-12 col-md-4">
							<div class="subscribe-text">
								<h2>Stay up to date</h2>
								
								<!--<p>&lt;p&gt;By submitting this form, you admit that you are 18 or older, you agree to our&amp;nbsp;&lt;a href=&#34;/content/suninternational/privacy.html&#34;&gt;privacy policy&lt;/a&gt;, you agree to receive marketing-related electronic communications from Sun International including news, events, updates and promotional emails. You may withdraw your consent and unsubscribe from these at any time, for example, by clicking the unsubscribe link included in our emails.&lt;/p&gt;
</p>-->
							</div>
						</div>
						<div class="col-xs-12 col-md-8">
							<div class="subscribe-wrapper subscribe2-wrapper">
								<div class="subscribe-form">
									<form id="newsletter" novalidate="novalidate" name='newsletter'>
										<input placeholder="enter your email address" name="email" type="email" id='newsletter_email' required='required'/>
										<button class='btn btn-outline-primary' id='newsletterButton'>subscribe</button>
									</form>
								</div>
							</div>
						</div>
					</div></div></div>
			<div class="row terms">
				<div class="col-xs-10 col-xs-offset-1 col-lg-8 col-lg-offset-2">
					<p>By submitting this form, you admit that you are 18 or older, you agree to our <a href="/content/suninternational/privacy.html">privacy policy</a>, you agree to receive marketing-related electronic communications from Sun International including news, events, updates and promotional emails. You may withdraw your consent and unsubscribe from these at any time, for example, by clicking the unsubscribe link included in our emails.</p>

					
				</div>
				<div class="row success hide">
					<div class="col-xs-10 col-xs-offset-1 col-md-8 col-md-offset-2">
						<p>You have successfully subscribed to our newsletter.</p>

					</div>
				</div>
				<div class="row failure hide">
					<div class="col-xs-10 col-xs-offset-1 col-md-8 col-md-offset-2">
						<p>Sorry, an error has occurred; please try again later.</p>

					</div>
				</div>
			</div>
		</div>
	</section>
</div></div>

</div>
		</div>
	</section>


</div>
<div class="sectionComponent section">


	<section class="storiesListContainer hide" style="background-image: url('');">
		<div class="container">
			<div><div class="storyListComponentForProperty section">
<section class="section-item">
<div class="container">

    <div class="row">
    	<div class="col-xs-12">
	     <div class="section-heading">
	         <h2>
	            <a href="/content/suninternational/properties/table-bay/stories.html"> Sun Stories <span class="section-heading-icon"></span></a>
	            
	         </h2>
	     </div></div>
	</div>
    
	 <input type="hidden" class="numberOfStories" value="3"/>
	 <input type="hidden" class="selectedTags"/>
	 <input type="hidden" class="storiesPath" value="/content/suninternational/properties/table-bay"/>
	 <input type="hidden" class="continueReadingText" value="Read More"/>
     
	 
	      
	    <div class="row storiesListContainer aos-item" data-aos="fade-up">
	        


	    </div>  
	  
</div></section></div>

</div>
		</div>
	</section>


</div>
<div class="sectionComponent section">




	<section style="background-image: url('');">
		<div class="container">
			<div><div class="columnImplementor section">
<div>
 <div class="row ">
	
		<div class="col-xs-12 col-md-8 col-md-offset-2">
			<div><div class="commonCustomRTE section">
 <div class="description-container-rte">
            <div class="description-content">
                <div><p><strong>Situated on the historic Victoria &amp; Alfred Waterfront</strong>, The Table Bay hotel is perfectly positioned against the stunning backdrop of Table Mountain and the Atlantic Ocean and provides easy access to the <a href="/content/suninternational/properties/table-bay/activities/tourist-attractions.html" title="Tourist Attractions in Cape Town">top places to visit in Cape Town</a>.</p>
<p>Top reasons why you’ll love The Table Bay hotel:</p>
<div class="row"><div class="col-sm-6 col-xs-12 margin-bottom-20"><ul class="check-list">
<li>Award-winning 5-star luxury <a href="/content/suninternational/properties/table-bay/rooms.html" title="5 Star Accommodation Cape Town">hotel accommodation in Cape Town</a>.</li>
<li>Beautiful views of the working harbour and Table Mountain or across the Atlantic Ocean to Robben Island.</li>
<li>Direct access to Cape Town’s renowned shopping destination, the V&amp;A Waterfront.</li>
<li>Tailor-made tours at The Table Bay's travel desk.</li>
</ul>
</div>
<div class="col-sm-6 col-xs-12"><ul class="check-list">
<li>Airport transfers in luxury WiFi-enabled vehicles.</li>
<li>Complimentary WiFi access throughout the hotel.</li>
<li>Excellent conferencing facilities for special occasions, weddings and events.</li>
<li>Best <a href="/content/suninternational/properties/table-bay/restaurants.html" title="Best Restaurants in Cape Town">breakfast buffet in Cape Town</a> served daily.</li>
</ul>
</div>
</div>
<p>A property with a big heart, The Table Bay is synonymous with friendly service, environmental sustainability awareness, and a keen attention to detail. From hundreds of indigenous Protea flower arrangements throughout the hotel to personal check-in services, every detail has been taken care of to make your experience uniquely and luxuriously South African.</p>
<p>The Table Bay offers luxury hotel accommodation in Cape Town that has been designed to mirror the rich colours and textures of the historic Spice Route.</p>
<p><a name="contact" id="contact"></a></p>
</div>
                <div id="desc" class="collapse">
                    
                    





                </div>
            </div>
            
   </div>

</div>

</div>
		</div>
  	
 </div>
</div>
</div>

</div>
		</div>
	</section>
</div>

</div>

</div>




    	<input type="hidden" name="propertyname" id="propertyname" value="The Table Bay"/>
    	<input type="hidden" name="operacode" id="operacode" value="TABL"/>
        <input type="hidden" name="propertysummary" id="propertysummary" value="Set on the historic V&amp;A Waterfront with views of Table Mountain and the sea, The Table Bay offers 5-star luxury hotel accommodation in Cape Town."/>
        <input type="hidden" name="physicaladdress" id="physicaladdress" value="Quay 6 Victoria &amp; Alfred Waterfront 
8001"/>
        <input type="hidden" name="starrating" id="starrating" value="5"/>
        <input type="hidden" name="propertyemail" id="propertyemail" value="tbhres@suninternational.com"/>
        <input type="hidden" name="propertyphone" id="propertyphone" value="+27 21 406 5000"/>
        <input type="hidden" name="propertyimage" id="propertyimage" value="/content/dam/suninternational/table-bay/logos/TableBay_rgb_stack_10.png"/>
        <input type="hidden" name="hostname" id="hostname" value="www.suninternational.com"/>







<!--
<sly data-sly-test="false ">
    &lt;!&ndash; Sibaya, Lodge, Royal &ndash;&gt;
    <script src='https://www.thehotelsnetwork.com/js/hotel_price_widget.js?hotel_id=1115670&property_id=1033269&account_key=657DA7CBF0561269F1AD988501CBE5A4' async></script>
</sly>-->






















    <!-- The Table Bay -->
    <script src='https://www.thehotelsnetwork.com/js/hotel_price_widget.js?hotel_id=1004896&property_id=1033279&account_key=657DA7CBF0561269F1AD988501CBE5A4' async></script>



<script>
try{
	$( document ).ready(function() {
	    var hostname  = $("#hostname").val();
	    var image = $("#propertyimage").val();
	    var hostimage = hostname+image;
	    
	    var address = {};
	    address['@type'] = 'PostalAddress';
	    address['streetAddress'] = 'Quay 6 Victoria \x26 Alfred Waterfront \n8001';
	    address['addressLocality'] = 'Cape Town';
	    address['addressCountry'] = '';
	    address['addressRegion'] = 'Western Cape';
	    
	    var geoLocation = {};
	    geoLocation['@type'] = 'GeoCoordinates';
	    geoLocation['latitude'] =  '\u002D33.9027995';
	    geoLocation['longitude'] = '18.4220967';
	    
	    var localBusinessObj = {};
	    localBusinessObj['@context'] = 'http://schema.org';
	    localBusinessObj['@type'] = 'LocalBusiness';
	    localBusinessObj['name'] = 'The Table Bay';
	    localBusinessObj['description'] = 'Set on the historic V\x26A Waterfront with views of Table Mountain and the sea, The Table Bay offers 5\u002Dstar luxury hotel accommodation in Cape Town.';
	    localBusinessObj['address'] = address;
	    localBusinessObj['telephone'] = '+27 21 406 5000';
	    localBusinessObj['email'] = 'tbhres@suninternational.com';
	    localBusinessObj['url'] = "https://"+"www.suninternational.com" + '\/content\/suninternational\/properties\/table\u002Dbay.html';
        localBusinessObj["image"] = (image!='' && image!='/') ? "http://"+"www.suninternational.com"+image : '';
	    localBusinessObj['photo'] = "http://"+ hostimage;

	    var json = JSON.stringify(localBusinessObj);
	    var script = document.createElement('script');
	    script.type = 'application/ld+json';
	    var t = document.createTextNode(json);
	    script.appendChild(t);
	    $(".page-content").append( script );
	});
}
catch(err)
{
	console.log(err);
}
    </script>




				</div>
			
			
			
		
	</div>

	<!-- include the footer.html -->
	

<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1743246552557062');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1743246552557062&ev=PageView&noscript=1"/></noscript>
<!-- End Facebook Pixel Code -->

<!-- loader -->
<div id="wait" style="display:none;position: absolute;top: 0;left: 0;bottom: 0;right: 0;height: 100%;z-index:10000;position:fixed;background: rgba(174, 174, 189, 0.4);">
    <img style="position:absolute;top:45%;left:48%;" src="/content/dam/suninternational/ajax_loader_icon/ajax-loader.gif" alt=""/>
</div>

<section class="sun-cookies" id="cookie-box">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <p><img src="/content/dam/generic/img/sun-cookies.png" alt=""/> We use cookies to personalise content and advertisements,
                    to provide social media features and to analyse traffic to our Sites. We also share information about your
                    use of our Site with our social media, advertising, newsletters and analytics partners who may combine
                    it with other information that you’ve provided to them or that they’ve collected from your use of their
                    services. For more information you can view
                    our <a href="/content/suninternational/privacy.html" title="Privacy Notice">Privacy Notice</a>.</p>
                <div class="close-box"><a href="#" class="cookie-box-close">
                    <span class="icon-line"></span>
                    <span class="icon-line"></span>
                </a></div>
            </div>
        </div>
    </div>
</section>

<footer>
    <section class="footer">
        <div class="container">

            <div class="row">
                <div class="col-xs-12 footer-border-bottom">
                    <div class="row">
                        <div class="col-xs-12 col-md-3 text-center text-sm-left"><a href="/content/suninternational.html"><img src="/content/dam/generic/img/si-logo-white.png.sunimage.207.45.png" class="img-responsive si-logo-footer" alt="Sun International logo" title="Sun International"/></a></div>
                        <div class="col-xs-12 col-md-9 text-center text-sm-right">
                            <div class="footer-get-app">
                                <span>Get the app</span>
                                <a class="btn-img" href="https://play.google.com/store/apps/details?id=com.suninternational.sunapp&amp;gl=ZA" target="_blank"><img src="/content/dam/approved/app/sun-app-google-play.png" class="img-responsive" alt="Google Play logo"/></a>
                                <a class="btn-img" href="https://apps.apple.com/za/app/sun-international/id1550258571" target="_blank"><img src="/content/dam/approved/app/sun-app-app-store.png" class="img-responsive" alt="App Store logo"/></a>
                            </div>
                            <ul class="list-inline social-buttons">
                                <li><a href="https://www.facebook.com/suninternational" target="_blank"><span class="icon icon-facebook"></span></a></li>
                                <li><a href="https://twitter.com/millionthrills" target="_blank"> <span class="icon icon-twitter"></span></a><div class="clearfix visible-md"></div></li>
                                <li><a href="https://www.instagram.com/suninternationalza/" target="_blank"><span class="icon icon-instagram"></span></a></li>
                                <li><a href="https://www.youtube.com/user/suninternational" target="_blank"><span class="icon icon-youtube"></span></a><div class="clearfix visible-md"></div></li>
                                <li><a href="https://www.linkedin.com/company/sun-international" target="_blank"><span class="icon icon-linkedin"></span></a></li>
                            </ul>
                        </div>
                    </div>
                </div>


                <div class="col-xs-12">

                    <div class="row">
                        <div class="col-xs-12 col-sm-4 col-lg-3">
                            <div class="head-office">
                                <p>6 Sandown Valley Crescent,<br/>
                                    Sandton<br/>
                                    Gauteng, South Africa<br/>
                                    <a href="/content/suninternational/contact.html" class="btn btn-link" title="Contact us">Contact Us</a></p>
                            </div>
                        </div><!-- end of first column -->

                        <div class="col-xs-12 col-sm-8 col-lg-7">
                            <!-- sitemap -->
                            <ul class="col-xs-12 col-sm-6">
                                <li><a href="/content/suninternational/corporate.html" title="About Us">About Us</a></li>
                                <li><a href="/content/suninternational/investors.html" title="Investors">Investors</a></li>
                                <li><a href="/content/suninternational/corporate/careers.html" title="Careers">Careers</a></li>
                                <li><a href="/content/suninternational/corporate/media.html" title="Media">Media</a></li>
                                <li><a href="/content/suninternational/corporate/procurement.html" title="Procurement">Procurement</a></li>
                                <li><a href="/content/suninternational/corporate/sustainability.html" title="Sustainability">Sustainability</a></li>
                                <li><a href="/content/corporate/investors/investors-governance/aml-ctf-statement.html" title="aml-ctf-statement">AML/CTF Statement</a></li>
                            </ul>
                            <ul class="col-xs-12 col-sm-6">
                                <li><a href="/content/suninternational/best-rate-guarantee" title="Best Rate Guarantee">Best Rate Guarantee</a></li>
                                <li><a href="/content/suninternational/whats-on" title="What's On">What's On</a></li>
                                <li><a href="/content/suninternational/properties" title="Accommodation &amp; Casinos">Accommodation &amp; Casinos</a></li>
                                <li><a href="/content/suninternational/partners" title="Travel Partners">Travel Partners</a></li>
                                <li><a href="/content/suninternational/sunlux" title="The Sunlux Collection">Sun International Collection</a></li>
                                <li><a href="/content/suninternational/stories" title="Sun International Blog">Blog</a></li>
                            </ul>

                        </div><!-- end of second column -->

                        <div class="col-xs-12 col-sm-12 col-lg-2">

                            <div class="central-reservations">
                                <h3>Central Reservations</h3>
                                <p><a href="tel:+27117807855" id="centralReservations">+27 11 780 7855</a><br/>
                                    <a class="contactEmail" href="mailto:crobook@suninternational.com" target="_blank">crobook@suninternational.com</a></p>
                            </div>
                            <!-- Share your experience-->
                            <div class="share">
                                <h3>Share Your Experience</h3>
                                <ul class="list-inline social-buttons"><li><a href="/content/suninternational/contact/sunshare.html" title="Share Your Experience on Sun Share"><span class="icon icon-sunshare"></span></a></li></ul>
                            </div>
                            <!-- end of share your experience -->
                        </div><!-- end of third column -->

                        <div class="hide col-xs-12 col-sm-8 col-lg-3">
                            <a href="/content/suninternational/corporate/media.html">
                                <img src="/content/dam/generic/img/safe-travel.png" alt="Safe Travel logo" title="Safe Travel" class="img-responsive safe-travel"/></a>
                        </div><!-- end of fourth column -->

                    </div><!-- end of inner row -->

                </div></div><!-- end of row -->
        </div><!-- end of container -->
    </section>

    <!-- gambling -->
    <section class="gambling">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 text-left">
                    <p>Sun international supports responsible gaming. Gambling for persons 18 years and older.
                        Winners know when to stop. National responsible gambling tollfree counselling helpline <a href="tel:0800006008">0800 006 008</a> or sms “help” to 076 675 0710.
                        For more information visit: <a href="/content/suninternational/activities/gaming/responsible-gaming.html">Responsible Gambling</a>.</p>
                </div>
            </div>
        </div></section>

    <!-- copyright -->
    <section class="copyright">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 text-left">
                    <p><a href="/content/suninternational/privacy.html" title="Privacy Notice">Privacy Notice</a> |
                        <a href="/content/suninternational/terms-conditions.html" title="Terms &amp; Conditions">Terms &amp; Conditions</a> |
                        <a href="/content/suninternational/sitemap.html" title="Sitemap">Sitemap</a><br/>
                        <span id="year">2019</span> &copy; Sun International</p>
                </div>
            </div>
        </div></section>

    <script type="text/javascript" src="//open.upperbooking.com/js/Booking.js"></script>
</footer>

<!-- AOS -->
<script src="/content/dam/generic/js/aos.js"></script>
<script>
	AOS.init({
		easing: 'ease-in-out-sine'
	});

var now = new Date();
	document.getElementById("year").textContent=now.getFullYear();
</script>
<!-- Load CXBus and the widgets-core plugin -->
<!--<script type="text/javascript" src="https://apps.mypurecloud.ie/widgets/9.0/cxbus.min.js"
    onload="javascript:CXBus.configure({debug:false,pluginsPath:'https://apps.mypurecloud.ie/widgets/9.0/plugins/'}); CXBus.loadFile('/content/dam/suninternational/widgets.config.js').done(function(){CXBus.loadPlugin('widgets-core')});"></script>-->

	<div>







<!--
More detailed timing info is available by uncommenting some code in the timing.jsp component
Timing chart URL:
http://chart.apis.google.com/chart?chtt=table-bay.html+%28111657ms%29&cht=bhs&chxt=x&chco=c6d9fd,4d89f9&chbh=a&chds=0,111657,0,111657&chxr=0,0,111657&chd=t:7,17564,17803,18057,18361,23404,23964,24344,25047,27242,27540,27828,28163,28363,28585,28900,29174,29847,32108,32715,34969,35288,35940,38187,38519,38849,39543,41884,42193,42813,44957,45211,45470,45790,46061,46774,49084,49468,49756,50044,50291,50866,53044,53325,53891,56083,56456,56730,57009,57247,57848,60249,60567,63334,65754,66047,66318,66610,66891,67500,67782,68455,70475,70870,71110,71424,71641,71939,72186,74867,77099,77381,78007,80207,80615,80886,81191,81430,82081,84094,84374,85041,87199,87415,87758,88038,88292,88534,88849,89111,89706,91983,92291,92626,93264,95487,95865,96468,98631,98940,99437,101368,101970,103842,104112,104362,104980,105198,105418,106109,106315,106531,108060,108270,108487,108773,109010,109656|1581,3993,81,3486,3142,359,87693,2678,1937,803,474,162,16579,16364,9377,5840,2715,2008,2610,1940,2978,2640,1950,6526,3123,2773,2041,2790,2461,1801,3927,3656,3385,3051,2760,2010,6818,6405,6104,2804,2539,1929,2802,2502,1901,9443,9047,8759,2993,2734,2094,5226,4887,2082,4552,4237,3953,733,430,2758,2457,1752,518,97,8907,8569,8339,4951,4682,1962,2867,2563,1902,6819,6389,6105,2715,2456,1771,2883,2584,1883,672,440,78,16797,16523,15114,9598,2636,2003,6450,2980,2627,1953,2932,2537,1903,5003,2224,1697,2248,1616,958,674,401,980,736,493,1810,1581,1342,3563,3340,3110,2809,2553,1872&chly=handleSecurity|iparsys.jsp|new.jsp|par.jsp|megaMenuComponent.html|dynamicBanner.jsp|parsys.jsp|commonCustomRTE.html|parsys.html|sectionComponent.html|parsys.jsp|makeBookingPR.jsp|sectionComponent.html|parsys.jsp|columnImplementor.html|parsys.jsp|commonCustomRTE.html|parsys.html|commonCustomRTE.html|parsys.html|parsys.jsp|commonCustomRTE.html|parsys.html|columnImplementor.html|parsys.jsp|commonCustomRTE.html|parsys.html|parsys.jsp|commonCustomRTE.html|parsys.html|sectionComponent.html|parsys.jsp|columnImplementor.html|parsys.jsp|commonCustomRTE.html|parsys.html|sectionComponent.html|parsys.jsp|columnImplementor.html|parsys.jsp|commonCustomRTE.html|parsys.html|parsys.jsp|commonCustomRTE.html|parsys.html|sectionComponent.html|parsys.jsp|columnImplementor.html|parsys.jsp|commonCustomRTE.html|parsys.html|parsys.jsp|commonCustomRTE.html|parsys.html|sectionComponent.html|parsys.jsp|columnImplementor.html|parsys.jsp|videoComponent.html|parsys.jsp|commonCustomRTE.html|parsys.html|sectionComponent.html|parsys.jsp|sectionComponent.html|parsys.jsp|columnImplementor.html|parsys.jsp|commonCustomRTE.html|parsys.html|parsys.jsp|commonCustomRTE.html|parsys.html|sectionComponent.html|parsys.jsp|columnImplementor.html|parsys.jsp|commonCustomRTE.html|parsys.html|parsys.jsp|commonCustomRTE.html|parsys.html|sectionComponent.html|parsys.jsp|org.apache.sling.servl...|sectionComponent.html|parsys.jsp|columnImplementor.html|parsys.jsp|commonCustomRTE.html|parsys.html|columnImplementor.html|parsys.jsp|commonCustomRTE.html|parsys.html|parsys.jsp|commonCustomRTE.html|parsys.html|parsys.jsp|commonCustomRTE.html|parsys.html|commonCustomRTE.html|parsys.html|columnImplementor.html|parsys.jsp|newsletter.html|sectionComponent.html|parsys.jsp|newsletter.html|sectionComponent.html|parsys.jsp|storyListComponentForP...|sectionComponent.html|parsys.jsp|columnImplementor.html|parsys.jsp|commonCustomRTE.html|parsys.html&chs=600x500
-->

</div>
	<div>
</div>

	
		<script src="/content/dam/generic/js/wow-init.js" type="text/javascript"></script>
	

	
		<!-- include the analytics code 
		<script src="/content/dam/suninternational/analytics.js"></script> -->
		<!--LinkedIn / Pixel tracking-->
		<script type="text/javascript">
			_linkedin_partner_id = "1136908";
			window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
			window._linkedin_data_partner_ids.push(_linkedin_partner_id);
		</script>
		<script type="text/javascript">
			(function(){var s = document.getElementsByTagName("script")[0];
				var b = document.createElement("script");
				b.type = "text/javascript";b.async = true;
				b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
				s.parentNode.insertBefore(b, s);})();
		</script>
		<noscript>
			<img height="1" width="1" style="display:none;" alt="" src="https://dc.ads.linkedin.com/collect/?pid=1136908&fmt=gif"/>
		</noscript>
		<!--End LinkedIn / Pixel tracking-->
	
	</body>
</div>
</html>