﻿
/* -------------------------- FONT FACES ------------------------------ */
/* See: http://www.fontsquirrel.com/fontface  */

@font-face {
    font-family: 'GeometrySoftPro';
    src: url('../Fonts/GeometrySoftPro/Geometry_Soft_Pro-Bold_N-webfont.eot');
    src: url('../Fonts/GeometrySoftPro/Geometry_Soft_Pro-Bold_N-webfont.eot?#iefix') format('embedded-opentype'), 
        url('../Fonts/GeometrySoftPro/Geometry_Soft_Pro-Bold_N-webfont.woff') format('woff'), 
        url('../Fonts/GeometrySoftPro/Geometry_Soft_Pro-Bold_N-webfont.ttf') format('truetype'), 
        url('../Fonts/GeometrySoftPro/Geometry_Soft_Pro-Bold_N-webfont.svg#GeometrySoftPro') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ArialNarrow';
    src: url('../Fonts/ArialNarrow/ArialNarrow.eot') format('embedded-opentype');
    src: url('../Fonts/ArialNarrow/ArialNarrow.svg') format('svg');
    src: url('../Fonts/ArialNarrow/ArialNarrow.ttf') format('truetype');
    src: url('../Fonts/ArialNarrow/ArialNarrow.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* -------------------------- GLOBAL ---------------------------------- */

/*---- HEADINGS ----*/
/*div {
    border-style: solid;
    border-color: black;
    border-width: 0.5px;
}*/

/*NOTE HEADING 1 & 2 are identical. Use H3 for 2nd level instead of h2*/

a {
    color: white;
}

.table_rates {
    overflow-x: auto;
    display: block;
    background-color: white;
}

h1 {
    font-family: ArialNarrow, Arial;
    font-weight: bold;
    font-size: 17pt;
    text-align: left;
    font-variant-caps: small-caps;
    color: #d95b32;
}

h2 {
    font-family: ArialNarrow, Arial;
    font-weight: bold;
    font-size: 17pt;
    text-align: left;
    font-variant-caps: small-caps;
    color: #d95b32;
}

h3 {
    font-family: ArialNarrow, Arial;
    font-weight: bold;
    font-size: 13pt;
    text-align: left;
    color: #d95b32;
}

.h1_Home {
    font-family: ArialNarrow, Arial;
    font-weight: bold;
    font-size: 17pt;
    text-align: left;
    color: #d95b32;
}

#divHome1 {
    padding-right: 15px;
}

.hrHome {
    border-bottom: solid 2px #FFFFFF !important;
    margin-top: 5px;
    margin-bottom: 0px;
}

.bg_orange{
    background-color: #d95b32 !important;
}

.border_right{
    border-right: 2px solid #008FC4;
}
/*---- BODY ----*/
body {
    font-size: 11pt;
    font-family: ArialNarrow, Arial;
    color: #383838;
}

.body_background1 {
    /* background-image: url('../../Images/Master/beach3.jpg'); */
    background-color: White;
}

.body_background2 {
    /* background-image: url('../../Images/Master/beach3.jpg'); */
    background-color: #c7e8f5;
}

.body_background3 {
    /* background-image: url('../../Images/Master/beach3.jpg'); */
    background-color: #FFFFAA;
}

.body_background4 {
    /* background-image: url('../../Images/Master/beach3.jpg'); */
    background-color: #AAFFAA;
}

.body_background5 {
    /* background-image: url('../../Images/Master/beach3.jpg'); */
    background-color: #FFFFFF;
}

/*-------------------------- GENERAL ----------------------------------*/

/*---- BUTTONS ----*/

.btnBookNow {
    background-color: #D95B32 !important;
    top: 10px;
    font-family:Arial;
    color: #ECECEC;
    font-size: 12px !important;
    border:none;
    padding: 5px;
    
}

    .btnBookNow:hover {
        background-color: #ECECEC !important;
        color: #D95B32;
    }

.btnBookNowMedium {
    background-color: #FFFFFF !important;
    top: 10px;
    font-family: Arial;
    color: #D95B32;
    font-size: 18px !important;
    border: none;
    padding: 5px;
}

    .btnBookNowMedium:hover {
        background-color: #ECECEC !important;
        color: #D95B32;
        text-decoration:underline;
    }


.btnBookNowLarge {
    background-color: #D95B32 !important;
    top: 10px;
    font-family: Arial;
    color: #ECECEC;
    font-size: 24px !important;
    border: none;
    padding: 5px;
}

    .btnBookNowLarge:hover {
        background-color: #ECECEC !important;
        color: #D95B32;
    }


.btn_del {
    cursor: pointer;
    background-color: #e52929;
    background-repeat: no-repeat;
    width: 110px;
    height: 30px;
    border-width: 0px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.btn_lhh {
    cursor: pointer;
    background-color: #008FC4;
    background-repeat: no-repeat;
    width: 110px;
    height: 30px;
    border-width: 0px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.btn_lhh_amenities {
    cursor: pointer;
    background-color: #d95b32;
    background-repeat: no-repeat;
    width: 130px;
    height: 30px;
    border-width: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.btn_standard {
    /*cursor: pointer;
    color: White;
    background-color: #88B4CA;
    border-color: #666666;
    border-style: solid;
    border-width: 1px;*/
    cursor: pointer;
    background-color: #008FC4;
    background-repeat: no-repeat;
    width: 140px;
    height: 30px;
    border-width: 0px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.btn_cms_popup_x {
    cursor: pointer;
    color: White;
    background-color: black;
    top: -8px;
    right: -8px;
    position: absolute;
}

.btn_cms_danger {
    cursor: pointer;
    color: White;
    background-color: #FFAAAA;
    border-color: #666666;
    border-style: solid;
    border-width: 1px;
}

/*---- LABELS ----*/

.lbl_gallery_name {
    font-family: ArialNarrow, Arial, sans-serif;
    font-size: 15pt;
    color: #D95B32;
    text-decoration: none !important;
}

.lbl_heading {
    font-family: ArialNarrow, Arial, sans-serif;
    font-size: 15pt;
    color: #036082;
    font-variant: small-caps;
    text-decoration: none !important;
}

.lbl_gallery_content {
    font-family: ArialNarrow, Arial, sans-serif;
    font-size: 12pt;
    text-decoration: none;
    color: #191919;
}

.lbl_error {
    color: Red;
    font-weight: bold;
}

.lbl_image_title {
    color: #444444;
    font-size: 8pt;
    text-decoration: none;
}

.lbl_underline {
    text-decoration: underline;
}

.lbl_product_description {
    /* --- Sync this with body style in Ajax/HtmlDocument.css --- */
    font-family: ArialNarrow, Arial, sans-serif;
    font-size: 12pt;
    color: Black;
    text-align:left;
}

.lbl_prodlist_productname, .lbl_catlist_categoryname {
    font-family: ArialNarrow, Arial, sans-serif;
    font-size: 14pt;
    color: #D95B32;
    font-weight: bold;
    text-decoration: none !important;
    /*
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: white;
    font-family: Arial;
    font-size: 14pt;
    text-align: left;
    color: #D95B32;
    text-transform: uppercase;
    text-decoration: none;*/
}

.lbl_prodlist_price {
    font-size: 10pt;
    color: Black;
    font-weight: bold;
}

.lbl_prodlist_summary {
    font-size: 11pt;
    color: Black;
}

.lbl_news_title {
    font-size: 10pt;
    color: Black;
    font-weight: bold;
    text-decoration: underline;
}

.lbl_news_summary {
    /* Do not specify - this is a html string */
}

.lbl_news_date {
    font-size: 10pt;
    color: gray;
}

/*---- TEXT ----*/


.txt_name {
    width: 250px;
}

.txt_id {
    width: 300px;
}

/*---- ITEM STYLES ----*/

.tbl_padding{
    padding-top: 200px;
}

.tbl_gridview_item {
    border: 1px solid black;
    padding: 8px;
}

.tbl_gridview_header {
    border: 1px solid black;
    color: white;
    padding: 5px;
}

/*----------------------------- NEW CODE ----------------------------------*/

.pt_10{
    padding-top: 10px;
}

.col-12{
    width: 100%;
}

.text_white{
    color:white !important;
}

.col_pad{
    padding-left: 15px;
    padding-right: 15px;
}

.padding10{
    padding:10px;
}

.disabled:disabled{
    color:#ededed;
    background-color: #d1d1d1;
}

.content_font{
    font-family:ArialNarrow, Arial;
}

.pager_spacing{
    padding:5px;
}

.header_padding {
    padding: 10px;
}

.search_dropdown {
    color: white;
    height: 30px;
    text-align: left;
    background-color: #6C8196;
}

.search_dropdown:disabled{
    color:dimgray;
    background-color: #a8b5c2;
}

.column_header {
    padding: 50px;
}

.header {
    text-align: center;
}

.column_heading {
    text-align: center;
    width: 100%;
    font-size: 25px !important;
    font-family: ArialNarrow, Arial;
    color: #FFFFFF;
}

.column_content {
    font-family: ArialNarrow, Arial;
    font-size: 30px;
    padding-top: 10px;
    text-align: center;
    width: 100%;
    height: 100%;
    min-height: 90px;
    color: white;
}
/* Check waar word hierdie style ook nog gebruik*/
.img_galleries{
    width:100%;
    text-align:center;
    min-width:300px;
    max-width:300px;
    border-radius: 15px 15px 15px 15px;
}

.img_left {
    width: 100%;
    max-width: 400px;
    border-radius: 10px 10px 10px 10px;
}

.img_right {
    width: 100%;
    border-radius: 10px 10px 10px 10px;
}

.frame {
    width: 100%;
    background-color: #D95B32;
}

.img_bottom_banner {
    width: 200px;
}

.img_booking {
    width: 100%;
    max-width: 200px;
}

.imgSocialMedia {
    width: 50px;
}

.img_activities {
    width: 250px;
    padding: 5px;
    border-radius: 15px 15px 15px 15px;
}

.map {
    height: 100%;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    display: flex;
}

.banner_spacer {
    height: 200px;
    width: 100%;
}

.background_contactus {
    width: 100%;
    background-position: left center;
    background-repeat: no-repeat;
    background-color: transparent;
    background: url('../../Images/Cover Photos/HomePageFlowers.jpg') no-repeat;
}

.th_checkboxes_heading {
    vertical-align: top;
    text-align: left;
    border: 1px solid #dddddd;
    padding: 5px;
    width: 100px;
    background-color: #8bcff1;
    font-size: 11pt;
    font-weight: bold;
}

.th_checkboxes {
    vertical-align: top;
    text-align: left;
    padding: 5px;
    width: 100px;
    font-size: 10pt;
}

.cms_checkboxes_heading {
    vertical-align: top;
    border: 1px solid #dddddd;
    text-align: left;
    padding: 5px;
    width: 100px;
    background-color: #c6c6c6;
}

.cms_checkboxes {
    vertical-align: top;
    border: 1px solid #dddddd;
    text-align: left;
    padding: 5px;
    width: 100px;
}

.info_notes {
    color: #036082;
    font-size: 14pt;
}

.review_date {
    font-style: italic;
    float: right;
}

.review_author {
    text-align: center;
}

.baloon_custom
{
    background-color: #f4faff;
    display: inline-block;
    width: 300px;
    height: 310px;
    text-align: left;
    vertical-align: top;
    font-size: 11px;
    border: solid 1px #cbbeac;
    border-radius: 20px;
}

.div_listview_spacer{
    background-color: white; 
    padding-top: 3px;
}

.special_backcolor{
    background-color: #e5f8ff;
}

.div_special_content{
    text-align: left; 
    padding: 10px;
}

.div_special_image{
    padding:20px;
}

.height5 {
    height: 5px;
}

/*-------------------------- STAR RATING ----------------------------------*/

.rating {
    font-size: 0pt;
    width: 32px;
    height: 28px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.rating_star_filled {
    background-image: url('../../Images/Ajax/FilledStar.png');
}

.rating_star_empty {
    background-image: url('../../Images/Ajax/EmptyStar.png');
}

/*-------------------------- MAIN MASTER PAGE -----------------------------*/

/*----@Media divisions for repsonsive layout-------



/* Default Width: 
  .container { width: 940px; margin: 0 auto; }

  /* Smaller than standard 960 (devices and browsers) 
  @media only screen and (max-width: 959px) {}

  /* Tablet Portrait size to standard 960 (devices and browsers) 
  @media only screen and (min-width: 768px) and (max-width: 959px) {}

  /* All Mobile Sizes (devices and browser) 
  @media only screen and (max-width: 767px) {}

  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) 
  @media only screen and (min-width: 480px) and (max-width: 767px) {}

  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
  @media only screen and (max-width: 479px) {} 

See bottom of CSS for @media queries
----------------------------------------------------------------------------*/


/*---- DIVS ----*/

.divSeason{
    padding:  10px;
    height:300px;
}

.div_testimonial_heading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.container_spacing {
    padding-top: 40px;
    padding-bottom: 40px;
}

.div_book_now {
    padding: 20px;
    width: 100%;
    max-width: 230px;
    border-radius: 10px;
    background-color: #d95b32;
    color:white;
    text-align: center;
    box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.47);
    -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.47);
    -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.47);
    transition: all 0.3s ease;
}

    .div_book_now:hover {
        background-color: white;
        color: #d95b32;
    }

.div_testimonial_heading {
    width: 100%;
    padding: 60px 30px;
}

.div_testimonial {
    width: 100%;
    padding: 30px;
    background-color: #d95b32;
}

.divStatement {
    margin: 0 auto;
    padding: 10px;
}

.btn_contact{
    background-color: #D95B32;
    border-radius: 5px;
    width:250px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.page_100 {
        width: 100%;
    }

.mobile {
    display: none;
}

.desktop {
}

.div_gap1{
    padding-top: 20px; padding-bottom: 20px;
}

.div_gap2{
    padding-top: 20px; padding-bottom: 20px;
}

.home_img{
    padding-left:20px;
}

.home_img2{
    padding-left: 0px; 
    padding-right: 0px;
}

.master_fixed_header
{
    position: fixed; 
    top: 0px; 
    margin: 0px auto; 
    width:100%; 
    height:20px; 
    background-color: #ECECEC;
    z-index:99999;
}

.master_fixed_header_inner_content {
    width: 1050px;
    text-align: left;
}

.master_content_below_fixed_header {
    margin: 40px auto;
    height: auto;
    /*box-shadow: 2px 2px 0px rgba;*/
}

.master {
    /*comment out to remove responsiveness */
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.main_frame {
    max-width: 1000px; /*1000px */
    top: 10px;
    margin-left: auto;
    margin-right: auto;
}

.div_master_section_top {
    width: 100%;
    margin: 0;
    padding: 0;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../../Images/Cover Photos/home_main_background.jpg');
    background-color: transparent;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.div_master_section_bottom {
    width: 100%;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    /*background-color: #008FC4;*/
    background-color: #1c97ca;
    text-align: center !important;
}

.spacer {
    height: 3px;
    width: 100%;
}

.spacing {
    height: 50px;
    width: 100%;
}

.rotator {
    padding: 20px;
}

.product_tree {
    width: 0px;
    font-family: Arial;
    padding: 10px;
}

.div_cms_master_content_placeholder {
    width: 100%;
    padding-left: 15px;
}

.div_master_content_placeholder2 {
    width: 100%;
    margin: 0;
    padding: 0;
    /*background-color: #D95B32;*/
    background-color: #f37247;
    background-position: center;
    background-repeat: no-repeat;
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    text-align: left;
}

.content_placeholder2 {
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    background-color: Transparent;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

.div_master_content_placeholder3 {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
    background-position: center;
    background-repeat: no-repeat;
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    text-align: center;
}

.content_placeholder3 {
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    background-color: Transparent;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

.div_cms_master_bottom_banner {
    background-color: #c8e6eb;
}


/*---- TOP BANNER ----*/

.masterTopBanner {
    /*comment out to remove responsiveness */
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: transparent;
}

/*---- FOOTER ----*/

.masterFooter {
    /*comment out to remove responsiveness */
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.footer_bottom{
    background-color: #c7e8f5; 
    width: 100%; 
    padding-top: 3px;
}

/*---- MAIN LEFT PANEL ---- */

.mainLeftPanel {
    /*comment out to remove responsiveness */
    display: flex;
    flex-wrap: wrap;
    width: 0%;
    background-color: #B2C5C5;
}

/*---- MAIN RIGHT PANEL ----*/

.mainRightPanel {
    /*comment out to remove responsiveness */
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: #B2C5C5;
}

.content_placeholder {
    background-color: Transparent;
    padding-left: 10px;
    padding-top: 15px;
    padding-right: 10px;
    padding-bottom: 10px;
    background-color: White;
    width: 100%;
}

/*---- PAGE CONTENTS ----*/

.page_content {
    /*comment out to remove responsiveness */
    width: 100%;
    background-color: white;
    display: flex;
    flex-wrap: wrap;
}

.gallery_content {
    /*comment out to remove responsiveness */
    padding-top: 20px;
    width: 100%;
    background-color: white;
    display: flex;
    flex-wrap: wrap;
}

.div_ResourcesTable {
    /*comment out to remove responsiveness */
    width: 100%;
    background-color: white;
    display: flex;
    flex-wrap: wrap;
}

/*---- TABLE ----*/

.tblSeason td{
    font-size: 14px;
}

.tblSeason, th tr td {
    border: 1px solid black;
    border-collapse: collapse;
}

.tblSeason th {
    border: 1px solid black;
    border-collapse: collapse;
}

.tbl_listview_placeholder{
    background-color: white; 
    border-collapse: collapse; 
    border-style: none;
}

/*---- TH ----*/
.thSeason{
    font-size: 15px;
    text-align: center;
}

/*---- TD ----*/
.column_links {
    background-color: #FFFFFF;
    color: #008FC4;
    text-align: center;
    padding: 10px 20px 10px 20px;
    width: 100%;
    opacity: 1;
    font-size: 11pt;
}

/*--Desktop--*/

.div_see_frame {
    
    min-height:200px;
    padding:20px;
}


.td_listview_item{
    border: thin solid #c4c4c4;
    background-color: transparent;
    color: #000000; 
    padding: 5px;
}

.td_stay {
    margin-left: 10px;
    background-color: rgba(217, 91, 50, 0.8);
    height: 100%;
    max-width:330px;
    
}



.td_experience {
    margin-left: 10px;
    background-color: rgba(0, 143, 196, 0.8);
    height: 100%;
    max-width:330px;
}

.td_explore {
    margin-left: 10px;
    background-color: rgba(108, 129, 150, 0.8);
    height: 100%;
    max-width:330px;
}

/*--Mobile--*/
.td_stay_mobile {
    padding: 5px 30px 10px 30px;
    margin-bottom: 1px;
    background-color: #D95B32;
    width:100%;

}

.td_experience_mobile {
    padding: 5px 30px 10px 30px;
    margin-bottom: 1px;
    background-color: #008FC4;
}

.td_explore_mobile {
    padding: 5px 30px 10px 30px;
    margin-bottom: 1px;
    background-color: #6C8196;
}

/*--Small--*/

.td_pager_style {
    text-align: center;
    background-color: #d95b32;
    color: white;
    font-size: 15pt;
    vertical-align: text-top;
    padding: 10px;
}

.td_stay_small {
    margin-left: 10px;
    width: 32%;
    background-color: #D95B32;
}

.td_experience_small {
    margin-left: 10px;
    width: 32%;
    background-color: #008FC4;
}

.td_explore_small {
    margin-left: 10px;
    width: 32%;
    background-color: #6C8196;
}

.td_cms_menu_indent {
    width: 20px;
}

.td_smallmenu {
    position:relative;
    z-index:999;
    background-color: #ECECEC;
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 0px;
    width: 100%;
}

.td_cms_details_labelcolumn {
    width: 150px;
    padding-bottom: 10px;
}

.td_cms_details_fieldcolumn {
    padding-bottom: 10px;
}

.td_cms_master_top_logo {
    width: 20%;
    padding-bottom: 10px;
    padding-left: 20px;
}

.td_master_footer {
    padding-right: 20px;
    padding-left: 20px;
    color: #333333;
    vertical-align: top;
    font-family: Calibri;
    font-size: 10pt;
    width: 100%;
}

.td_master_bottom_banner_left {
    width: 50%;
}

.td_master_bottom_banner_center {
    vertical-align: middle;
    width: 20%;
}

.td_master_bottom_banner_right {
    vertical-align: middle;
    width: 30%;
}

.td_search_col1 {
    width: 100px;
    padding-bottom: 2px;
}


.td_search_col2 {
    padding-bottom: 2px;
}

td {
    font-family: ArialNarrow, Arial;
    color: #191919;
}

.td_news_image {
    display: block;
    padding-right: 10px;
}



/*----  SPANS ----*/

.span_book_now{
    font-size: 25px;
}

.span_testimonial_heading {
    font-size: 30px;
    color: white;
}

.span_contact_heading {
    font-size: 15pt;
    font-weight: bold;
    font-family: ArialNarrow;
}

.span_heading {
    font-size: 15pt;
    font-weight: bold;
}

.span_login {
    font-family: Arial;
    font-weight: bold;
    font-size: 15pt;
    text-align: center;
}

.span_master_main_title {
    font-family: Arial;
    font-size: 24pt;
    font-weight: bold;
    padding-left: 20px;
}

.span_master_primelogic {
    color: Black;
    font-family: Verdana, Arial;
    font-size: 12px;
    text-align: left;
}

.span_master_website_url {
    color: White;
    font-family: Verdana, Arial;
    font-size: 16px;
    text-align: left;
}

.span_menu_heading {
    color: White;
    font-family: Arial;
    font-size: 11pt;
    padding-left: 13px;
}

.span_home_description {
    color: white;
    text-align: left;
}

.span_home_content {
    color: #008FC4;
    font-size: 18px;
}

.home_description {
    width: 100%;
    padding: 10px;
    text-align: left;

}

.home_content {
    padding: 20px;
}

.span_corporate_left {
    color: White;
    font-size: 13pt;
}

.span_corporate_right {
    padding-left: 20px;
    color: black;
}


/*---- HYPERLINKS ----*/

.hlnkNoUnderline{
    text-decoration: none !important;
}


.hyperlinkStatement {
    color: #333;
    font-size: 12pt;
    text-decoration: underline;
}

    .hyperlinkStatement:hover {
        color: #333;
    }

.hyperlink_footer{
    color:#191919;
    text-decoration:none;
}

.hyperlink_footer:hover{
    color:white;
    text-decoration:none;
}

.hyperlink_footer_white{
    color:white;
    text-decoration:none;
}


.hyperlink_nodecoration {
    text-decoration: none;
}

.hyperlink_gallery {
    text-decoration: none;
}

.hyperlink_cms {
    color: #383838;
    text-decoration: none;
}

    .hyperlink_cms:hover {
        color: #D95B32;
    }

.hyperlink_links {
    color: White;
    text-decoration: none;
    font-size: 14pt;
    background-color: #2c94c8;
    padding: 10pt;
    border-radius: 5pt;
}

    .hyperlink_links:hover {
        color: White;
        text-decoration: underline;
    }

.hyperlink_book {
    color: White;
    text-decoration: none;
    font-size: 12pt;
    font-family: Calibri;
    background-color: #d95b32;
    padding: 7px;
    text-align: center;
}

    .hyperlink_book:hover {
        color: Black;
    }


.hyperlink_column {
    color: #a30202;
    text-decoration: none;
    font-size: 20px;
}

    .hyperlink_column:hover {
        color: #008FC4;
        text-decoration: underline;
    }

.hyperlink_url {
    color: #036082;
    font-size: 14pt;
    text-decoration: none;
}

    .hyperlink_url:hover {
        color: #008FC4;
        text-decoration: underline;
    }

.hyperlink {
    color: Black;
    font-family: Verdana, Arial;
    font-size: 12px;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
}

    .hyperlink:link {
        text-decoration: none;
        cursor: pointer;
    }

    .hyperlink:visited {
        text-decoration: none;
        cursor: pointer;
    }

    .hyperlink:hover {
        color: white;
        font-weight: bold;
        text-decoration: none;
        cursor: pointer;
    }

    .hyperlink:active {
        text-decoration: none;
        cursor: pointer;
    }

.hyperlink_text {
    color: Black;
    text-decoration: underline;
    text-align: left;
    cursor: pointer;
}

    .hyperlink_text:link {
        text-decoration: underline;
        cursor: pointer;
    }

    .hyperlink_text:visited {
        text-decoration: none;
        cursor: pointer;
    }

    .hyperlink_text:hover {
        color: #c6c9e0;
        text-decoration: none;
        cursor: pointer;
    }

    .hyperlink_text:active {
        text-decoration: none;
        cursor: pointer;
    }

.hyperlink_news_title {
    font-size: 12px;
    text-decoration: none;
}

.hyperlink_video_link {
    font-size: 14px;
    text-decoration: underline;
}

.hyperlink_news_summary {
    text-decoration: none;
}

.hyperlink_refresh {
    color: Black;
    font-family: Verdana, Arial;
    font-size: 10px;
    text-decoration: underline;
    text-align: left;
    cursor: pointer;
}

.hyperlink_alwaysvisible {
    font-family: Arial;
    font-size: 12pt;
    color: White;
    font-weight: bold;
    text-align: center;
    background-color: #216388;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 5px;
    line-height: 25px;
}

.hyperlink_smallmenubanners {
    background-color: #D95B32;
    padding-top: 10px;
    padding-left: 15px;
    border-top-style: none;
    border-top-width: thin;
    border-top-color: #C0C0C0;
    padding-bottom: 10px;
    cursor: pointer;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #ECECEC;
}

.hyperlink_smallmenubanners_dropdown {
    background-color: #ECECEC;
    padding-top: 10px;
    padding-left: 35px;
    border-top-style: none;
    border-top-width: thin;
    border-top-color: #C0C0C0;
    padding-bottom: 10px;
    cursor: pointer;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #D95B32;
}

.hyperlink_smallmenubanners:hover {
    background-color: #6C8196;
}



.hyperlink_menu {
    color: White;
    font-family: Arial;
    font-size: 9pt;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    padding-right: 10px;
}

.hyperlink_menu_dropdown {
    color: #D95B32;
    font-family: Arial;
    font-size: 10pt;
    background-color: #ECECEC;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    width: 200px;
}

    .hyperlink_menu_dropdown:link {
        text-decoration: none;
        cursor: pointer;
    }

    .hyperlink_menu_dropdown:visited {
        text-decoration: none;
        cursor: pointer;
    }

    .hyperlink_menu_dropdown:hover {
        text-decoration: none;
        cursor: pointer;
    }

.hyperlink_menu:link {
    text-decoration: none;
    cursor: pointer;
}

.hyperlink_menu:visited {
    text-decoration: none;
    cursor: pointer;
}

.hyperlink_menu:hover {
    color: White;
    text-decoration: none;
    cursor: pointer;
}

.hyperlink_menu:active {
    text-decoration: none;
    cursor: pointer;
}

/*---LINK BUTTONS----*/
.grid_pageNum {
    text-decoration: underline;
}


.lnk_master_login {
    color: Black;
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
}

    .lnk_master_login:hover {
        color: #D95B32;
    }

.lnk_prodlist, lnk_catlist {
    text-decoration: none;
}

    .lnk_prodlist:hover {
        color: #d85d34;
    }

.link_prodlist:active {
    color: #d85d34 !important;
}


.lnk_news {
    text-decoration: none;
    color: #333333;
}

.lnk_resourceview {
    text-decoration: underline;
    color: #333333;

}

.lnk_prodlist:hover {
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

.lnk_subprodlist, lnk_subcatlist {
    text-decoration: none;
    color: black;
}

    .lnk_subprodlist:hover {
        color: #D95B32;
    }

/*---- IMAGES ----*/

.imgInfo{
    position:absolute;
    top: 5px;
    right: 30px;
    color: #0077b7
}

.img_submitted {
    width: 200px;
}

.img_logo_right {
    float:right;
    padding-top: 10px;
    padding-bottom: 3px;
}

.img_logo_center {
    text-align: center;
}

.img_newslisting {
    width: 100%;
    border-radius: 10px 10px 10px 10px;
    max-height:190px;
    max-width:250px;
}

.img_lhh {
    width: 90%;
    border-radius: 10px 10px 10px 10px;
}

.img_loyalty {
    width: 100%;
}

.img_desktoplogo {
    display: block;
    width: 200px;
}

.img_thumbnail_hyperlink {
    margin-top: 2px;
    margin-left: 2px;
    border-radius: 10px 10px 10px 10px;
    max-width: 120px;
    max-height: 80px;   
    cursor: pointer;
    border-radius: 10px;
}

.img_thumbnail_hyperlink_review {
    margin-top: 2px;
    margin-left: 2px;
    max-width: 120px;
    max-height: 80px;
    cursor: pointer;
    border-radius: 10px;
}

.img_thumbnail {
    margin-top: 2px;
    margin-left: 2px;
    max-width: 120px;
    max-height: 120px;
    width: 95%;
    padding-bottom: 10px 10px 10px 10px;
}

.cms_img_thumbnail {
    margin-top: 2px;
    margin-left: 2px;
    /*max-width: 120px;
    max-height: 80px;*/
    width: 50%;
    padding-bottom: 10px 10px 10px 10px;
}

.img_thumbnail_gallery_static {
    margin-top: 2px;
    margin-left: 2px;
    max-width: 160px;
    max-height: 120px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.img_thumbnail_gallery_dynamic {
    text-align: center;
    margin-top: 2px;
    margin-left: 2px;
    max-width: 160px;
    max-height: 130px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.img_thumbnail_tiny {
    margin-top: 2px;
    margin-left: 2px;
    max-width: 80px;
    max-height: 60px;
}

.img_fullsize {
    max-width: 400px;
    max-height: 300px;
    cursor: pointer;
}

.img_prodlist_image, .img_catlist_image {
    /* Apply to td_prodList_image */
    /* Also ensure that thumbnail size in Settings match these values */
    /*max-width:250px;
    max-height:190px;*/
    
    padding: 5px;
    text-align: center;
    border-radius: 10px 10px 10px 10px;
    min-height:130px;
    max-height:150px;
    max-width:200px;

    /*max-height: 180px;*/
}

.img_mobile_productcategory {
    max-width:100%;
    padding: 5px;
    text-align: center;
    border-radius: 10px 10px 10px 10px;
    
}

.img_master_customer_logo {
    width: 70%;
    padding-left: 10px;
    padding-top: 10px;
}

.img_master_primelogic_logo {
    margin-left: 10px;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.img_master_attraction {
    width: 90%;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 20px;
    text-align: center;
}

.img_master_rotator {
    width: 160px;
    height: 120px;
}

.img_home_news {
    margin-top: 2px;
    margin-left: 2px;
    max-width: 250px;
    max-height: 150px;
    cursor: pointer;
    border-radius: 10px 10px 10px 10px;
}

.img_static_sample {
    width: 300px;
    height: 250px;
}

.img_collapse {
    width: 30px;
    padding: 10px 0px 10px 10px;
    /* height: 300px; */
}

.img_homeLogo {
    width: 300px;
    padding-top: 60px;
    float: right;
}

/*---- PANELS ----*/

.pnl_ajax_modal_popup_custom {
    display: none;
 /*   position: fixed;*/
    /*top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;*/
}

.pnl_ajax_modal_background_custom {
/*    background-color: Black;
    filter: alpha(opacity=80);
    opacity: 0.8;*/
}

.pnl_balloon {
    font-size: 10pt;
    text-align: left
}

.pnl_rounded {
    padding: 20px;
    border-radius: 20px;
}

.panel_master_rotator {
    width: 100%;
    height: 100%;
}

.pnl_cms_baloon {
    font-size: 10pt;
    width: 160px;
}

/*-------- MENU --------*/

.menu
{
    z-index: 9999;
    width: 100%;
    background-color: #ECECEC;
    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
}

.mnu_tree_sitemap {
    font-family: Calibri, Arial;
    font-size: 9pt;
    text-align: left;
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 10px;
    color: White;
    padding-bottom: 10px;
    padding-left: 10px;
}

.mnu_master_sitemap {
    font-family: Arial;
    font-size: 9pt;
    text-align: center;
}

.mnu_cms_master_sitemap {
    font-family: Arial;
    font-size: 10pt;
    text-align: center;
}



/*----  MENU ITEM (static) ----*/

.div_cms_master_menu {
    padding: 0px;
    background-color: #c8e6eb;
    padding-left: 20px;
    padding-right: 20px;
}

/*.mitem_master_static_normal {
    color: #D95B32;
    font-family: 'Arial Narrow', Arial, sans-serif;
    font-weight: bold;
    text-align: center;
    padding-left: 15px;
	padding-right: 15px;	
	padding-bottom: 20px;
    padding-top: 20px;
    height: 20px;

}*/
.mitem_master_static_normal
{
    margin-top:0px;
	text-align: left;
	text-indent: 10px;
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 0px;
	height: 50px;
	color: #D95B32;
	padding-top: 10px
 }

.mitem_master_static_selected {
    background-color: #D95B32;
    color: white;
}

.mitem_master_static_hover {
    color: white;
    background-color: #6C8196;
    background-image: none;
}

/*----  MENU ITEM (dynamic) ----*/

.mnu_master_dynamic {
    display: block;
}

.mitem_master_dynamic_normal {
    text-align: left;
    border: solid 1px #D95B32;
    font-size: 9pt;
    color: #D95B32;
    background-color: #ECECEC;
    height: 30px;
    padding: 5px;
}

.mitem_master_dynamic_selected, .mitem_master_dynamic_hover {
    color: #ECECEC;
    background-color: #D95B32;
    /*border:solid 3px Navy;*/
}

/*---- TREE ----*/

.tree_master_products {
    font-size: 12pt;
}

/*--------------- PRODUCT LISTING & DETAILS ---------------*/

.img_product_details_main_image {
    width: 100%;
    cursor: pointer;
}

.div_product_details_main_image {
    width: 100%;
    /*height: 300px;*/
    text-align: center;
    vertical-align: middle;
}

.div_image_title {
    padding-top: 5px;
}

.td_product_details_header {
    width: 00px;
    min-width: 00px;
    max-width: 00px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    height: 30px;
    background-color: transparent;
    display: none;
}

.td_product_details_field {
    text-align: left;
    background-color: transparent;
    vertical-align: top;
    padding-bottom: 10px;
}

.td_product_details_field_inner1 {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    text-align: left;
}

.td_product_details_field_inner2 {
    width: 50px;
    min-width: 120px;
    max-width: 120px;
    text-align: left;
    vertical-align: text-top;
}

.td_product_details_field_inner3 {
    width: 100px;
    text-align: center;
}

.td_cms_edit_header {
    width: 200px;
    vertical-align: top;
    padding-top: 5px;
}

.td_cms_edit_header:disabled{
    color:#ededed;
    background-color: #8996a3;
}

.td_cms_edit_value {
    vertical-align: top;
    padding-top: 5px;
}

.td_cms_edit_value:disabled{
    color:#ededed;
    background-color: #8996a3;
}

.td_cms_edit_value_inner {
    width: 150px;
    vertical-align: top;
}

.td_prodlist_image, .td_catlist_image {
    vertical-align: top;
    padding-bottom: 5px;
    padding-top: 5px;
    
    max-height:500px;
    /* Depends on img_prodlist_image */
    /* DO NOT CHANGE SIZE HERE WITHOUT CHANGING SIZE IN img_prodlist_image FIRST ! */
    /* Height =   img_prodlist_image.height + 5px margin 
    height: 185px;
    max-height: 185px;
    min-height: 185px;*/
    /* Width =   img_prodlist_image.width + 5px margin 
    width: 240px;
    max-width: 240px;
    min-width: 240px;*/
}

.td_prodlist_productname, .td_catlist_categoryname {
    vertical-align: top;
}

.td_prodList_price {
    vertical-align: top;
}

.td_prodList_summary {
    vertical-align: top;
    height: 60px;
}

.td_image_title {
    text-align: center;
}

.tbl_product_details {
    width: 100%;
    background-color: white;
    padding-right: 0px;
}

.tbl_product_details_rates {
    width: 100%;
}

.tbl_cms_data_capture {
    width: 100%;
}

.txt_required {
    background-color: #EEEEFF;
}

/*--------------- CONTACT US ---------------*/

.td_contact_col1 {
    text-align: left;
    vertical-align: top;
    background-color: White;
    width: 0%;
}

.td_contact_col2 {
    text-align: left;
    vertical-align: top;
    background-color: White;
    padding-bottom: 2px;
}

/*--------------- CMS MASTER PAGE ---------------*/

.td_cms_master_main_left_panel {
    width: 20%;
    vertical-align: top;
    background-color: #c8e6eb;
}

.td_cms_master_main_right_panel {
    width: 80%;
}

.visible_mobile {
    display: none;
}

.visible_desktop {
}

.visible_small {
    display: none;
}

.masterFooterLeft {
    padding: 10px;
    width: 40%;
    text-align: center;
}

.masterFooterCenter {
    padding: 10px;
    vertical-align: middle;
    width: 20%;
    font-weight: bold;
    text-align: left;
}

.masterFooterRight {
    padding: 10px;
    vertical-align: middle;
    width: 40%;
    font-weight: bold;
    text-align: left;
}

/* -------------------------------------------------------------------------------------------- */

/*--------------- MEDIA QUERIES --------------- */

/*---All Mobile Sizes (devices and browser) ---------------www.responsinator.com---------------- */

/* All Mobile Sizes (devices and browser) ---------------www.responsinator.com--------------------
1. 320              Blue   @media screen and (max-width: 320px) 
2. 375, 384         Green  @media screen and (min-width: 321px) and (max-width: 384px)
3. 414              Yellow @media screen and (min-width: 385px) and (max-width: 479px)
4. 568              Gold   @media screen and (min-width: 480px) and (max-width: 568px)
5. 600, 667, 736    Red    @media screen and (min-width: 569px) and (max-width: 767px)
6. 768              Pink   @media screen and (max-width: 959px) 
7. 1024             Normal @media screen and (min-width: 960px) 
----------------------------------------------------------------------------------------------------

LISTED FROM BIG TO SMALL:

/* Larger than standard 960 (devices and browsers) */

@media screen and (min-width: 960px) {

    @-ms-viewport {
        width: 100%;
    }



    /* Top Banner */

    .mainBannerLeft {
        width: 33%;
    }

    .mainBannerMid {
        width: 33%;
        background-color: transparent;
    }

    .mainBannerRight {
        width: 33%;
    }

    .menu {
        position:relative;
        display: block;
    }

    .small_menu {
        display: none;
    }


    /* Main Table  */

    .mainLeftPanel {
        width: 0%;
        background-color: #FF66FF;
    }

    .mainRightPanel {
        width: 100%;
        background-color: White;
    }

    .div_ResourcesTable {
        width: 50%;
    }


    /* Bottom Banner */

    .masterFooterLeft {
        padding: 10px;
        width: 40%;
        text-align:center;
    }

    .masterFooterCenter {
        padding: 10px;
        vertical-align: middle;
        width: 20%;
    }

    .masterFooterRight {
        padding: 10px;
        vertical-align: middle;
        width: 40%;
        font-weight: bold;
    }

    /* Pages Inside */

    .page_accommodationimage {
        width: 40%;
        padding-right: 0px;
    }

    .page_accommodationdetails {
        width: 60%;
        padding-right: 0px;
    }

    .page_1 {
        width: 60%;
        padding-right: 20px;
    }

    .page_2 {
        width: 39%;
    }

    .page_100 {
        width: 100%;
    }

    .gallery_1 {
        width: 40%;
    }

    .gallery_2 {
        width: 40%;
    }

    /*--- Left Panel same page article ---*/

    .news_1 {
        width: 100%;
    }

    /*--- Right Panel same page article ---*/

    .news_2 {
        width: 40%;
    }

    /*--- Full screen article ---*/

    .news_3 {
        max-width: 100%;
    }


    .contact_content {
        width: 50%;
    }

    /*---GRIDVIEW NORMAL---*/
   .div_searchresults_searchpage_desktop {
        width: 100%;
        display: block;
    }

    .div_searchresults_mobile_searchpage {
        width: 100%;
        display: none;
    }

    .div_searchresults_desktop {
        width: 100%;
        display: block;
    }

    .div_searchresults_mobile {
        width: 100%;
        display: none;
    }



    .visible_mobile {
        display: none;
    }



    .master_fixed_header {
        height: 40px;
    }

    .banner_spacer {
        height: 200px;
        width: 100%;
    }
}

/* Smaller than standard 960 (devices and browsers) -------------------PINK---------------------------------*/

@media screen and (max-width: 959px) {

    @-ms-viewport {
        width: 100%;
    }


    /* Top Banner */

    .mainBannerLeft {
        width: 33%;
    }

    .mainBannerMid {
        width: 33%;
        background-color: transparent;
    }

    .mainBannerRight {
        width: 33%;
    }

    .menu {
        display: none;
    }

    .small_menu {
        box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
        margin: 0px;
        padding: 0;
        height: 40px;
        display: block;
        /* Main Table  PINK*/
    }


    .column_content {
        min-height: 90px;
        font-size: 23px;

    }

    .column_links {
        font-size: 11pt;
    }

    .div_see_frame {
    max-height:150px;
    min-height:150px;
    
}



    .mainRightPanel {
        width: 100%;
        background-color: White;
    }

    .div_ResourcesTable {
        width: 50%;
    }

    /* Bottom Banner PINK*/

    .masterFooterLeft {
        padding: 15px;
        width: 40%;
    }

    .masterFooterCenter {
        padding: 15px;
        vertical-align: middle;
        width: 30%;
    }

    .masterFooterRight {
        padding: 15px;
        vertical-align: middle;
        width: 30%;
    }

    /* Pages inside PINK*/

    .page_accommodationimage {
        width: 40%;
        padding-right: 0px;
    }

    .page_accommodationdetails {
        width: 60%;
        padding-right: 0px;
    }

    .page_1 {
        max-width: 50%;
        padding-right: 10px;
    }

    .page_2 {
        max-width: 42%;
    }

    .gallery_1 {
        max-width: 20%;
    }

    .gallery_2 {
        max-width: 60%;
    }

    .img_thumbnail_gallery_dynamic {
    max-width: 95%;
    max-height: 95%;
     
}

    /*--- Left Panel same page article ---PINK*/
    .news_1 {
        max-width: 100%;
    }

    /*--- Right Panel same page article ---PINK*/
    .news_2 {
        max-width: 45%;
    }

    /*--- Full screen article ---PINK*/
    .news_3 {
        max-width: 100%;
    }

    .contact_content {
        width: 50%;
    }

    /*---GRIDVIEW NORMAL---PINK*/

    .div_searchresults_searchpage_desktop {
        width: 100%;
        display: block;
    }

    .div_searchresults_mobile_searchpage {
        width: 100%;
        display: none;
    }

    .div_searchresults_desktop {
        width: 100%;
        display: block;
    }

    .div_searchresults_mobile {
        width: 100%;
        display: none;
    }

    .td_prodList_image {
        min-width: 180px;
    }

    .img_prodlist_image {
        width: 100%;
    }


    .img_catlist_image {
        width: 100%;
    }

    .img_right {
        width: 70%;
    }

    .td_catlist_image {
        min-width: 180px;
    }

    .img_homeLogo {
        padding-top: 20px;
    }

    .visible_mobile {
        display: none;
    }


    .master_fixed_header {
        position:relative;
        height: 40px;
    }

    .banner_spacer {
        height: 200px;
        width: 100%;
    }

    .master_content_below_fixed_header {
        margin: 0px auto;
    }

    .lbl_prodlist_productname, .lbl_catlist_categoryname {
        font-size:12pt;
    }

}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers)----------------------RED------------------- */

@media screen and (max-width: 767px) {

    @-ms-viewport {
        width: 100%;
    }


    /* Top Banner */

    .mainBannerLeft {
        width: 33%;
    }

    .mainBannerMid {
        width: 33%;
        background-color: transparent;
    }

    .mainBannerRight {
        width: 33%;
    }

    .div_visible {
        display: none;
    }

    /* Menu*/

    .mnu_master_sitemap {
        font-size: 10pt;
    }

    .menu {
        display: none;
    }

    .small_menu {
        display: block;
    }

    .master_fixed_header {
        position:relative;
        height: 40px;
    }

    .master_content_below_fixed_header {
        margin: 0px auto;
    }


    /* Main Table -- If panels are used RED*/

    .mainLeftPanel {
        width: 0%;
        background-color: Red;
        display: none;
    }

    .mainRightPanel {
        width: 100%;
    }


    /* Bottom Banner */

    .masterFooterLeft {
        padding: 15px;
        width: 100%;
    }

    .masterFooterCenter {
        padding: 15px;
        text-align: center;
        vertical-align: middle;
        width: 100%;
    }

    .masterFooterRight {
        padding: 15px;
        text-align: center;
        vertical-align: middle;
        width: 100%;
    }

    /* Pages Inside RED*/

    .page_accommodationimage {
        width: 100%;
        padding-right: 0px;
    }

    .page_accommodationdetails {
        width: 100%;
        padding-right: 0px;
    }

    .page_1 {
        max-width: 100%;
    }

    .page_2 {
        max-width: 100%;
    }

    .gallery_1 {
        max-width: 100%;
    }

    .gallery_2 {
        max-width: 100%;
    }

    .img_thumbnail_gallery_dynamic {
    max-width: 95%;
    max-height: 95%;
     
}


    /*--- Left Panel same page article ---RED*/

    .news_1 {
        max-width: 100%;
        min-width: 200px;
    }

    /*--- Right Panel same page article ---RED*/

    .news_2 {
        max-width: 100%;
    }

    .contact_content {
        width: 50%;
    }

    /*--- Full screen article ---RED*/

    .news_3 {
        max-width: 100%;
    }

    /*---GRIDVIEW RED---*/

    
    .div_searchresults_searchpage_desktop {
        width: 100%;
        display: block;
    }

    .div_searchresults_mobile_searchpage {
        width: 100%;
        display: none;
    }

    .div_searchresults_desktop {
        width: 100%;
        display: none;
    }

    .div_searchresults_mobile {
        width: 100%;
        display: block;
    }

    .td_prodList_image {
        min-width: 70px;
    }

    .img_prodlist_image {
        width: 90%;
    }

    /*added height to get all titles aligned. Impacts Search, Product Line and Product Category */

    .td_catlist_image {
        min-width: 90px;
        height:120px;
        
    }
    /*added max-width to size better */

    .img_catlist_image {
        width: 100%;
        max-width:150px;
        min-height:100px;
                
    }

    .visible_desktop {
        display: none;
    }

    .visible_mobile {
        display: block
    }

    .column_links {
        font-size: 8pt;
    }

    .img_desktoplogo {
        display: none;
    }

    .img_product_details_main_image {
    width: 65%;
    cursor: pointer;
}



    .div_see_frame {
    max-height:185px;
    min-height:185px;
    
}

    .column_heading {
        font-size: 16pt;
    }

    .visible_small {
        display: block;
    }

    .banner_spacer {
        height: 70px;
        width: 100%;
    }



    .img_lhh {
        width: 60%;
    }

    .lbl_prodlist_productname, .lbl_catlist_categoryname {
        font-size:11pt;
    }

    .mobile {
        display: table;
    }

    .desktop {
        display:none;
    }

    .hrHome {
        border-bottom: solid 1px #FFFFFF !important;
        margin-top: 5px;
        margin-bottom: 0px;
    }


    .border_right {
        border-right: none;
        border-bottom: 2px solid #008FC4;
    }

    .div_testimonial_heading {
        padding: 20px;
    }


    .col-full {
        width: 100%;
    }

    .container_spacing {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .div_book_now {
        padding: 10px;
    }

    .span_book_now {
        font-size: 18px;
    }

    .div_testimonial_heading {
        position: unset;
        top: unset;
        left: unset;
        transform: unset;
    }

    .column_heading {
        border: none;
    }

    .div_master_section_top {
        background-attachment: unset;
        background-image: url('../../Images/Cover Photos/home_main_background_mobile.jpg');
    }

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers)----------------------Gold------------------- */

@media screen and (max-width: 568px) {

    @-ms-viewport {
        width: 100%;
    }


    /* Top Banner */

    .mainBannerLeft {
        width: 33%;
    }

    .mainBannerMid {
        width: 33%;
        background-color: transparent;
    }

    .mainBannerRight {
        width: 33%;
    }

    .div_ResourcesTable {
        width: 100%;
    }

    /* Menu*/

    .mnu_master_sitemap {
        font-size: 10pt;
    }

    .menu {
        display: none;
    }

    .small_menu {
        display: block;
    }

    .master_fixed_header {
        position:relative;
        height: 40px;
    }

    .master_content_below_fixed_header {
        margin: 0px auto;
    }

    /* Main Table -- If panels are used* Gold*/

    .mainLeftPanel {
        width: 0%;
        display: none;
    }

    .mainRightPanel {
        width: 100%;
    }

    /* Side Buttons Gold*/

    .div_visible {
        display: none;
    }


    /* Bottom Banner Gold*/

    .masterFooterLeft {
        padding: 15px;
        width: 100%;
    }

    .masterFooterCenter {
        padding: 15px;
        text-align: center;
        vertical-align: middle;
        width: 100%;
    }

    .masterFooterRight {
        padding: 15px;
        text-align: center;
        vertical-align: middle;
        width: 100%;
    }

    /* Pages inside Gold*/

    .page_accommodationimage {
        width: 100%;
        padding-right: 0px;
    }

    .page_accommodationdetails {
        width: 100%;
        padding-right: 0px;
    }

    .page_1 {
        max-width: 100%;
    }

    .page_2 {
        max-width: 100%;
    }

    .gallery_1 {
        max-width: 100%;
    }

    .gallery_2 {
        max-width: 100%;
    }

    .img_thumbnail_gallery_dynamic {
    max-width: 50%;
    max-height: 50%;
     
}


    /*--- Left Panel same page article ---Gold*/

    .news_1 {
        max-width: 100%;
        min-width: 200px;
    }

    /*--- Right Panel same page article ---*/

    .news_2 {
        max-width: 100%;
    }

    .contact_content {
        width: 100%;
    }

    /*--- Full screen article ---Gold*/

    .news_3 {
        max-width: 100%;
    }

    /*---GRIDVIEW GOLD---*/
   .div_searchresults_searchpage_desktop {
        width: 100%;
        display: none;
    }

    .div_searchresults_mobile_searchpage {
        width: 100%;
        display: block;
    }


    .div_searchresults_desktop {
        width: 100%;
        display: none;
    }

    .div_searchresults_mobile {
        width: 100%;
        display: block;
    }

    .td_prodList_image {
        min-width: 70px;
    }

    .img_prodlist_image {
        width: 100%;
    }

    .td_catlist_image {
        min-width: 70px;
        
    }

    .img_catlist_image {
        width: 100%;
        
    }

    .td_product_details_field_inner2 {
        width: 110px;
        min-width: 110px;
        max-width: 110px;
        text-align: left;
        vertical-align: text-top;
    }

    .img_homeLogo {
        padding-top: 20px;
        width: 200px;
    }

    .img_desktoplogo {
        display: none;
    }

    .column_links {
        font-size: 9pt;
    }

    .div_see_frame {
    
    min-height:80px;
    
}


    .column_heading {
        font-size: 16pt;
        border: none;
    }


    .visible_small {
        display: block;
    }

    .banner_spacer {
        height: 70px;
        width: 100%;
    }



    .img_lhh {
        width: 80%;
    }

    .mobile {
        display: table;
    }

    .desktop {
        display:none;
    }


    .hrHome {
        border-bottom: solid 1px #FFFFFF !important;
        margin-top: 5px;
        margin-bottom: 0px;
    }

    .visible_desktop {
        display: none;
    }
    .visible_mobile{
        display: block
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers)----------------------Yellow------------------- */

@media screen and (max-width: 479px) {

    @-ms-viewport {
        width: 100%;
    }


    /* Top Banner Yellow*/

    .mainBannerLeft {
        width: 100%;
    }

    .mainBannerMid {
        width: 100%;
        background-color: transparent;
    }

    .mainBannerRight {
        width: 100%;
    }

    .div_ResourcesTable {
        width: 100%;
    }

    /* Menu Yellow*/

    .mnu_master_sitemap {
        font-size: 10pt;
    }

    .menu {
        display: none;
    }

    .small_menu {
        display: block;
    }

    .master_fixed_header {
        position:relative;
        height: 40px;
    }

    .master_content_below_fixed_header {
        margin: 0px auto;
    }

    /* Main Table Yellow */

    .mainLeftPanel {
        width: 0%;
        background-color: Yellow;
        display: none;
    }

    .mainRightPanel {
        width: 100%;
        background-color: White;
    }

    /* Side Buttons Yellow*/

    .div_visible {
        display: none;
    }

    /* Bottom Banner Yellow*/

    .masterFooterLeft {
        padding: 15px;
        width: 100%;
    }

    .masterFooterCenter {
        padding: 15px;
        text-align: center;
        vertical-align: middle;
        width: 100%;
    }

    .masterFooterRight {
        padding: 15px;
        text-align: center;
        vertical-align: middle;
        width: 100%;
    }

    /* Images Yellow */

    .img_master_customer_logo {
        width: 40%;
    }

    .img_master_attraction {
        width: 50%;
    }

    .img_desktoplogo {
        display: none;
    }

    /* Pages Inside Yellow */

    .page_accommodationimage {
        width: 100%;
        padding-right: 0px;
    }

    .page_accommodationdetails {
        width: 100%;
        padding-right: 0px;
    }

    .page_1 {
        max-width: 100%;
    }

    .page_2 {
        max-width: 100%;
    }

    .gallery_1 {
        max-width: 100%;
    }

    .gallery_2 {
        max-width: 100%;
    }

    /*--- Left Panel same page article ---Yellow*/

    .news_1 {
        max-width: 100%;
        min-width: 200px;
    }

    /*--- Right Panel same page article ---Yellow*/

    .news_2 {
        max-width: 100%;
    }


    /*--- Full screen article ---Yellow*/

    .news_3 {
        max-width: 100%;
    }

    .contact_content {
        width: 100%;
    }

    /*---GRIDVIEW YELLOW---*/
    .div_searchresults_searchpage_desktop {
        width: 100%;
        display: none;
    }

    .div_searchresults_mobile_searchpage {
        width: 100%;
        display: block;
    }


    .div_searchresults_desktop {
        width: 100%;
        display: none;
    }

    .div_searchresults_mobile {
        width: 100%;
        display: block;
    }

    .td_prodList_image {
        min-width: 70px;
    }

    .img_prodlist_image {
        width: 100%;
    }


    .td_catlist_image {
        min-width: 70px;
        
    }

    .img_catlist_image {
        width: 100%;
        
    }

    /*---PRODUCT DETAILS PAGE---Yellow*/

    .td_product_details_header {
        display: none;
        width: 100%;
    }

    .div_product_details_main_image {
        width: 100%;
        height: 100%;
    }

    .img_product_details_main_image {
        width: 100%;
    }

    .td_product_details_field_inner2 {
        width: 110px;
        min-width: 110px;
        max-width: 110px;
        text-align: left;
        vertical-align: text-top;
    }

    .home_descrition {
        padding: 40px;
    }

    .img_homeLogo {
        padding-top: 20px;
    }

    .visible_mobile {
        display: block;
    }

    .visible_desktop {
        display: none;
    }

    .visible_small {
        display: none;
    }

    .banner_spacer {
        height: 100px;
        width: 100%;
    }


    .img_lhh {
        width: 100%;
    }

    .img_booking {
        width: 70%;
    }

    .img_submitted {
        width: 50%;
    }

    .img_thumbnail_gallery_dynamic {
        max-width: 70%;
        max-height: 70%;
    }

    .mobile {
        display: table;
    }

    .desktop {
        display:none;
    }

    .hrHome {
        border-bottom: solid 1px #FFFFFF !important;
        margin-top: 5px;
        margin-bottom: 0px;
    }
    .col-full {
        width: 100%;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers)----------------------Green------------------- */

@media screen and (max-width: 384px) {

    @-ms-viewport {
        width: 100%;
    }


    h1 {
        font-size: 15pt;
    }

    /* Top Banner Green*/

    .mainBannerLeft {
        width: 100%;
    }

    .mainBannerMid {
        width: 100%;
        background-color: transparent;
    }

    .mainBannerRight {
        width: 100%;
    }

    .div_ResourcesTable {
        width: 100%;
    }

    /* Menu Green*/

    .mnu_master_sitemap {
        font-size: 10pt;
    }

    .menu {
        display: none;
    }

    .small_menu {
        display: block;
    }

    .master_fixed_header {
        position:relative;
        height: 40px;
    }

    .master_content_below_fixed_header {
        margin: 0px auto;
    }

    /* Main Table  Green*/

    .mainLeftPanel {
        width: 0%;
        background-color: Blue;
        display: none;
    }

    .mainRightPanel {
        width: 100%;
        background-color: White;
    }

    /* Side Buttons Green*/

    .div_visible {
        display: none;
    }

    /* Bottom Banner Green*/

    .masterFooterLeft {
        padding: 15px;
        width: 100%;
    }

    .masterFooterCenter {
        padding: 15px;
        text-align: center;
        vertical-align: middle;
        width: 100%;
    }

    .masterFooterRight {
        padding: 15px;
        text-align: center;
        vertical-align: middle;
        width: 100%;
    }

    /* Images Green*/

    .img_master_customer_logo {
        width: 40%;
    }

    .img_master_attraction {
        width: 50%;
    }

    .img_desktoplogo {
        display: none;
    }

    /* Pages Inside Green*/

    .page_accommodationimage {
        width: 100%;
        padding-right: 0px;
    }

    .page_accommodationdetails {
        width: 100%;
        padding-right: 0px;
    }

    .page_1 {
        max-width: 100%;
    }

    .page_2 {
        max-width: 100%;
    }

    .gallery_1 {
        max-width: 100%;
    }

    .gallery_2 {
        max-width: 100%;
    }

    .img_thumbnail_gallery_dynamic {
    max-width: 90%;
    max-height: 90%;
     
}

    /*--- Left Panel same page article ---Green*/

    .news_1 {
        max-width: 100%;
        min-width: 200px;
    }

    /*--- Right Panel same page article ---Green*/

    .news_2 {
        max-width: 100%;
    }

    .td_news_image {
        display: none;
    }



    /*--- Full screen article ---Green*/

    .news_3 {
        max-width: 100%;
    }

    .contact_content {
        width: 100%;
    }

    /*---GRIDVIEW GREEN---*/

    .div_searchresults_searchpage_desktop {
        width: 100%;
        display: none;
    }

    .div_searchresults_mobile_searchpage {
        width: 100%;
        display: block;
    }

    .div_searchresults_desktop {
        width: 100%;
        display: none;
    }

    .div_searchresults_mobile {
        width: 100%;
        display: block;
    }



    .td_prodList_image {
        min-width: 70px;
    }

    .img_prodlist_image {
        width: 100%;
    }

    .td_catlist_image {
        min-width: 70px;
    }

    .img_catlist_image {
        width: 100%;
    }

    /*---PRODUCT DETAILS PAGE---Green*/

    .td_product_details_header {
        display: none;
        width: 100%;
    }

    .div_product_details_main_image {
        width: 100%;
        height: 100%;
    }

    .img_product_details_main_image {
        width: 100%;
    }

    .td_product_details_field_inner2 {
        width: 80px;
        min-width: 80px;
        max-width: 80px;
        text-align: left;
        vertical-align: text-top;
    }

    .home_descrition {
        padding: 40px;
    }

    .img_homeLogo {
        padding-top: 20px;
    }

    .visible_mobile {
        display: block;
    }

    .visible_desktop {
        display: none;
    }

    .img_bottom_banner {
        width: 90%;
    }



    .visible_small {
        display: none;
    }

    .banner_spacer {
        height: 150px;
        width: 100%;
    }

    .spacing {
        height: 0px;
        width: 100%;
    }



    .img_lhh {
        width: 100%;
    }

    .hyperlink_book {
        font-size: 10pt;
        line-height: 30pt;
        padding: 7px;
    }

    .col-full {
        width: 100%;
    }

    .img_booking {
        width: 100%;
    }

    .img_submitted {
        width: 50%;
    }

    .mobile {
        display: table;
    }

    .desktop {
        display:none;
    }

    .hrHome {
        border-bottom: solid 1px #FFFFFF !important;
        margin-top: 5px;
        margin-bottom: 0px;
    }
}

/* All Mobile Sizes (devices and browser) --------------------------------------------BLUE*/

@media screen and (max-width: 320px) {
    @-ms-viewport {
        width: 100%;
    }



    /* Fonts */

    h1 {
        font-size: 15pt;
    }

    h2 {
        font-size: 15pt;
    }

    .span_master_main_title {
        font-size: 18pt;
    }

    /* Top Banner BLUE*/

    .mainBannerLeft {
        width: 100%;
    }

    .mainBannerMid {
        width: 100%;
        background-color: transparent;
    }

    .mainBannerRight {
        width: 100%;
    }

    .master_fixed_header {
        position:relative;
        height: 40px;
    }

    .master_content_below_fixed_header {
        margin: 0px auto;
    }

    /* Menu BLUE*/

    .mnu_master_sitemap {
        font-size: 10pt;
    }

    .menu {
        display: none;
    }

    .small_menu {
        display: block;
    }

    /* Main Table  BLUE*/

    .mainLeftPanel {
        width: 0px;
        background-color: Blue;
        display: none;
    }

    .mainRightPanel {
        width: 100%;
        background-color: White;
    }

    .div_ResourcesTable {
        width: 100%;
    }

    /* Side Buttoms BLUE*/

    .div_visible {
        display: none;
    }

    /* Bottom Banner BLUE*/

    .masterFooterLeft {
        padding: 15px;
        width: 100%;
    }

    .masterFooterCenter {
        text-align: center;
        padding: 15px;
        vertical-align: middle;
        width: 100%;
    }

    .masterFooterRight {
        text-align: center;
        padding: 15px;
        vertical-align: middle;
        width: 100%;
        font-weight: bold;
    }

    /* Images BLUE*/

    .img_master_customer_logo {
        width: 40%;
    }

    .img_master_attraction {
        width: 50%;
    }

    .img_desktoplogo {
        display: none;
    }

    /* Pages Inside BLUE*/

    .page_accommodationimage {
        width: 100%;
        padding-right: 0px;
    }

    .page_accommodationdetails {
        width: 100%;
        padding-right: 0px;
    }

    .page_1 {
        max-width: 100%;
    }

    .page_2 {
        max-width: 100%;
    }

    .gallery_1 {
        max-width: 100%;
    }

    .gallery_2 {
        max-width: 100%;
    }

     .img_thumbnail_gallery_dynamic {
    max-width: 90%;
    max-height: 90%;
     
}

    /*--- Left Panel same page article ---BLUE*/

    .news_1 {
        max-width: 100%;
        min-width: 200px;
    }

    /*--- Right Panel same page article ---BLUE*/

    .news_2 {
        max-width: 100%;
    }

    /*--- Full screen article ---BLUE*/

    .news_3 {
        max-width: 100%;
    }

    .contact_content {
        width: 100%;
    }

    /*---GRIDVIEW BLUE---*/
    .div_searchresults_searchpage_desktop {
        width: 100%;
        display: none;
    }

    .div_searchresults_mobile_searchpage {
        width: 100%;
        display: block;
    }

    .div_searchresults_desktop {
        width: 100%;
        display: none;
    }

    .div_searchresults_mobile {
        width: 100%;
        display: block;
    }

    .td_prodList_image {
        min-width: 70px;
    }

    .img_prodlist_image {
        width: 90%;
    }

    .td_news_image {
        display: none;
    }


    .td_catlist_image {
        min-width: 70px;
    }

    .img_catlist_image 
    {
        width: 90%;
    }

    /*---PRODUCT DETAILS PAGE---BLUE*/

    .td_product_details_header {
        display: none;
        width: 100%;
    }

    .div_product_details_main_image {
        width: 100%;
        height: 100%;
    }

    .img_product_details_main_image {
        width: 100%;
    }

    .td_product_details_field_inner2 {
        width: 70px;
        min-width: 70px;
        max-width: 70px;
        text-align: left;
        vertical-align: text-top;
        font-weight: bold;
    }

    .home_descrition {
        padding: 25px 10px 25px 10px;
    }

    .img_homeLogo {
        padding-right: 5px;
        padding-top: 20px;
        width: 150px;
    }

    .visible_mobile {
        display: block;
    }

    .visible_desktop {
        display: none;
    }

    .visible_small {
        display: none;
    }

    .img_bottom_banner {
        width: 100%;
    }

    .banner_spacer {
        height: 170px;
        width: 100%;
    }

    .spacing {
        height: 0px;
        width: 100%;
    }


    .img_lhh {
        width: 100%;
    }

    .img_loyalty {
        width: 100%;
    }

    .hyperlink_links {
        font-size: 10pt;
        padding: 10pt;
        border-radius: 5pt;
    }

    .hyperlink_book {
        font-size: 10pt;
        line-height: 30pt;
        padding: 7px;
        padding-top: 7pt;
        padding-bottom: 7pt;
        padding-left: 10pt;
        padding-right: 10pt;
    }

    .col-full {
        width: 100%;
    }

    .img_booking {
        width: 100%;
    }

    .img_thumbnail_hyperlink_review {
        display: none;
    }

    .img_submitted {
        width: 50%;
    }

    .mobile {
        display: table;
    }

    .desktop {
        display:none;
    }

    .hrHome {
        border-bottom: solid 1px #FFFFFF !important;
        margin-top: 5px;
        margin-bottom: 0px;
    }
}





/*---- END QUERY---- */


