﻿body
{
    margin: 0;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
    background-color: #9CB3D0;
    min-width: 356px;
}

.row, .col
{
    overflow: auto;
    position: absolute;
}

.row
{
    left: 0;
    right: 0;
}

.header.row
{
    height: 100%;
    top: 0;
    background-color: whitesmoke;
    overflow: hidden;
    display: inline-block;
}

.body.row
{
    top: 164px;
    bottom: 0px;
    background-color: transparent;
}

.scroll-y
{
    overflow-y: auto;
}

.MastheadWrapper
{
    position: relative;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100px;
    background-color: white;
    border-bottom: 1px solid #008000;
    display: inline-block;
    min-width: 345px;
}

.Div_BM
{
    position: relative;
    margin: 0 auto;
    margin-top: 0px;
    height: 0px;
    width: 1660px;
    border-left: 1px solid white;
    border-right: 1px solid white;
    background-color: transparent;
    }



.productmenu
        {
            padding-left: 1%;
            padding-right: 1%;
            margin-left: 1.2%;
            margin-right: 1.2%;
            text-align: center;
            margin-top: 2px;
            padding-top: 1px;
            float: right;
            text-decoration: none;
            color: black;
            font-size: 1.1rem;
        }

.additionmenu
{
    padding-left: 1.0%;
    padding-right: 0.0%;
    margin-left: 4.0%;
    margin-right: 1.0%;
    text-align: center;
    float: right;
    text-decoration: none;
    color: #008000;
    font-size: 1.1rem;
    font-style: italic;
    position: relative;
    margin-top:10px;
}

.LBSlogan
{
   position:relative; 
   margin-left:-10px; 
   top:-50px; 
   font-family:'Trebuchet MS'; 
   font-weight:bold; 
   text-decoration:none; 
   text-align:center; 
   font-size:1rem;  
   background-color:transparent; 
   margin-bottom: 25px;
   display: inline-block;
   width:15%;
}

.menusymbol
{
    display: none;
}

.OrderMenu
{
    margin-top: 0px;
    width: 100%;
    height: 4rem;
    background-color: #2980B9;
    text-align: center;
    margin: 0 auto;
    display:  block;
    min-width: 350px;
}

.OrderMenuButton
{
    margin-top: 0.5rem;
    width: 11.8%;
    min-width: 100px;
    padding: 0.2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: center;
    text-decoration: none;
    background-color: white;
    margin-left: 1%;
    margin-right: 1%;
    font-size: 0.8rem;
}

.ProductHoverMenu
{
    background-color: white;
    border: none;
    font-style: normal;
    font-size: 1rem;
    color: darkgreen;
    text-decoration: none;
    text-align: left;
    height: 30px;
    padding-left: 40px;
}

#PanelFooterH
        {
        display:none;
        }

.FootSpacer
{
    margin-left: 4rem;
    background-color: #2980b9;
}

.bvwrapper1
{
    max-width:1098px;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    height: 20px;

}

.bvwrapper2
{
    max-width:1098px;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
 
}

.Div_gt1680
        {
            top: 0px;
            width: 100%;
            height: 4rem;
            background-color: #2980B9;
            text-align: center;
            margin: 0 auto;
            display: inline-block;
            min-width: 350px;
        }

.tbBuildInformation
{
    font-size: 1.4em;
    text-align: left;
}

.ProductHoldergt1680
        {
            position:relative;
            max-width:1093px;
            width: 100%;
            min-width:980px;
            height: 100%;
            margin: 0 auto;
            background-color:white;
        }

#HyperLinkSelected{
            position: absolute;
            top: 10px;
            right: 15%;
        }
        
 #HyperLinkGeneral{
            position: absolute;
            top: 10px;
            right: 8%;
        }
        
 #HyperLinkTerms{
            position: absolute;
            top: 10px;
            right: 1%;
        }
 
#Iframe1
        {
            top:0px;
            height:902.40px;
            width:1920px;
        }

#LinkButtonRight01{display: inline-block;}
#ButtonAllAboutUs{display: none;}
#ButtonWhatWeOffer{display: none;}
#LinkButtonActivities{display: none;}
#LinkButtonNonRes{display: inline-block;}
#LinkButtonHolidays{display: inline-block;}
#LinkButtonEducational{display: inline-block;}
#LinkButtonPhoto{display: inline-block;}   
#LinkButtonOptions{display: inline-block;}

#Panel5
        {
        position: relative; 
        top: 0px; 
        left: 0px; 
        height:670px;
        width: 100%; 
        background-color:transparent;
        }

#Panel8{top:0px; background-color: whitesmoke;}

#Panel5S{display:none;}

#Panel8S{display:none;}

#IframeProductS{width:100%}

#PanelSocialMedia{display: inline-block;}

#TextBoxgt1680{display: inline-block}
#TextBox1680{display: none}
#TextBox1536{display: none}
#TextBox1280{display: none}
#TextBox1093{display: none}
#TextBox980{display: none}
#TextBox768{display: none}
#TextBox480{display: none}
#TextBox360{display: none}

@media screen and (max-height: 2000px )
        {
           #Panel5{height:670px;}
           #Iframe1{width:100%;}
        }
@media screen and (max-height: 950px )
        {
           #Panel5{height:612.40px;}
           #Iframe1{width:90%;}
        }
@media screen and (max-height: 900px )
        {
           #Panel5{height:572.40px;}
           #Iframe1{width:80%;}
        }
@media screen and (max-height: 850px )
        {
           #Panel5{height:512.40px;}
           #Iframe1{width:70%;}
        }
@media screen and (max-height: 800px )
        {
           #Panel5{height:472.40px;}
            #Iframe1{width:60%;}
        }
@media screen and (max-height: 750px )
        {
           #Panel5{height:412.40px;}
          #Iframe1{width:50%;}
        }
@media screen and (max-height: 700px)
        {
             #Panel5{display:none}
           #PanelFooter{display:none;}
        }
@media screen and (max-height: 650px)
        {
             #Panel5{height:312.40px;}
             #PanelFooter{display:none;}
        }
@media screen and (max-height: 600px )
        {
              #Panel5{height:0px;}
             
            /*.DivSlider_mh480
            {
                display: None;
            }*/
            #PanelSocialMedia{display: none;}
            }

@media screen and (max-width: 1680px ) and (max-height: 2000px )    
        {
             #Panel5{height:590.00px;}
             #Iframe1{width:100%;}
        }
@media screen and (max-width: 1680px ) and (max-height: 900px )    
        {
            #Panel5{height:540.00px; }
            #Iframe1{width:90%;}
        }
@media screen and (max-width: 1680px ) and (max-height: 850px )    
        {
            #Panel5{height:505.00px; }
            #Iframe1{width:80%;}
        }
@media screen and (max-width: 1680px ) and (max-height: 800px )
        {
            #Panel5{height:455.00px;}
           #Iframe1{width:70%;}
        }
@media screen and (max-width: 1680px ) and (max-height: 750px )
        {
            #Panel5{height:420.00px;}
            #Iframe1{width:60%;}
        }
@media screen and (max-width: 1680px ) and (max-height: 700px )
        {
             #Panel5{height:400.00px;}
             #Iframe1{width:50%;}
        }

@media screen and (max-width: 1680px )
{
    .Div_BM
    {
        width: 1516px;
    }

    .OrderMenuButton
    {
        width: 11.7%;
    }

    .productmenu
        {
        margin-left: 1.0%;
        margin-right: 1.0%;
        }

#TextBoxgt1680{display: none}
#TextBox1680{display: inline-block}

}

@media screen and (max-width: 1536px ) and (max-height: 2000px )    
        {
             #Panel5{height:590.00px;}
             #Iframe1{width:100%;}
        }
@media screen and (max-width: 1536px ) and (max-height: 900px )    
        {
             #Panel5{height:540.00px; }
             #Iframe1{width:95%;}
        }
@media screen and (max-width: 1536px ) and (max-height: 850px )    
        {
             #Panel5{height:505.00px; }
             #Iframe1{width:90%;}
        }
@media screen and (max-width: 1536px ) and (max-height: 800px )
        {
             #Panel5{height:455.00px;}
             #Iframe1{width:85%;}
        }
@media screen and (max-width: 1536px ) and (max-height: 750px )
        {
             #Panel5{height:420.00px;}
             #Iframe1{width:80%; }
        }
@media screen and (max-width: 1536px ) and (max-height: 700px )
        {
             #Panel5{height:400.00px;}
             #Iframe1{width:75%;}
        }

@media screen and (max-width: 1536px)
{
    .Div_BM
    {
        width: 1260px;
    }
   
    .OrderMenuButton{width:11.63%;}
   
   
    #TextBox1680{display: none}
    #TextBox1536{display: inline-block}
    }


@media screen and (max-width: 1280px ) and (max-height: 2000px )
{
            #Panel5{height:620.00px;}
            #Iframe1{width:130%;}
}
@media screen and (max-width: 1280px ) and (max-height: 950px )    
        {
             #Panel5{height:620.00px;}
             #Iframe1{width:120%;}
        }
@media screen and (max-width: 1280px ) and (max-height: 900px )    
        {
            #Panel5{height:570.00px; }
            #Iframe1{width:110%;}
        }
@media screen and (max-width: 1280px ) and (max-height: 850px )    
        {
            #Panel5{height:525.00px; }
            #Iframe1{width:105%;}
        }
@media screen and (max-width: 1280px ) and (max-height: 800px )
        {
            #Panel5{height:475.00px;}
            #Iframe1{width:100%;}
        }
@media screen and (max-width: 1280px ) and (max-height: 750px )
        {
           #Panel5{height:440.00px;}
           #Iframe1{width:95%;}
        }
@media screen and (max-width: 1280px ) and (max-height: 700px )
        {
            #Panel5{height:415.00px;}
            #Iframe1{width:95%;}
        }

@media screen and (max-width: 1280px)
{
    .Div_BM
    {
        width: 1073px;
    }

    .additionmenu
    {
        margin-right: 1.0%;
    } 

    .OrderMenuButton{width:11.50%;}

    .productmenu
            {
                margin-left: 3.4%;
                margin-right: 3.0%;
                padding-left: 1%;
                padding-right: 1%;
            }

   
    #TextBox1536{display: none}
    #TextBox1280{display: inline-block}

    #LinkButtonActivities{display: inline-block}
    #LinkButtonNonRes{display: none;}
    #LinkButtonHolidays{display: none;}
    #LinkButtonEducational{display: none;}
   
}


@media screen and (max-width: 1093px ) and (max-height: 2000px )
        {
            #Panel8{top:-0px; background-color: whitesmoke;}
            #Iframe1{top:0px;}
        }
@media screen and (max-width: 1093px ) and (max-height: 950px )    
        {
            #Panel8{top:-0px; background-color: whitesmoke;}
            #Iframe1{top:0px;}
        }
@media screen and (max-width: 1093px ) and (max-height: 900px )    
        {
            #Panel8{top:-0px; background-color: whitesmoke;}
            #Iframe1{top:0px;}
        }
@media screen and (max-width: 1093px ) and (max-height: 850px )    
        {
            #Panel8{top:-0px; background-color: whitesmoke;}
            #Iframe1{top:0px;}
        }
@media screen and (max-width: 1093px ) and (max-height: 800px )
        {
           #Panel8{top:-60px; background-color:whitesmoke;}  
           #Iframe1{top:0px;}
        }
@media screen and (max-width: 1093px ) and (max-height: 760px )
        {
           #Panel8{top:-60px; background-color: whitesmoke;}  
                #Iframe1{top:0px;}
        }
@media screen and (max-width: 1093px ) and (max-height: 730px )
        {
             #Panel8{top:-60px;  background-color:whitesmoke;}  
             #Iframe1{top:0px;}
        }
@media screen and (max-width: 1093px ) and (max-height: 700px )
        {
            #Panel8{top:-60px;  background-color: whitesmoke;}  
            #Iframe1{top:0px;}
        }
@media screen and (max-width: 1093px ) and (max-height: 690px )
        {
            #Panel8{top:-60px;  background-color: whitesmoke;}  
            #Iframe1{top:0px;}
        }
@media screen and (max-width: 1093px ) and (max-height: 600px )
        {
            #Panel8{top:-60px; background-color: whitesmoke; }  
            #Iframe1{top:0px;}
            .DivSlider_mh480
            {
                display: None;
            }
            }

@media screen and (max-width: 1093px)
{
    .Div_BM
    {
        width: 960px;
    }
    .additionmenu
    {
        padding-right: 2.0%;
        margin-left: 2.0%;
        margin-right: 0.0%;
        font-size: 1rem;
    }

    .OrderMenuButton
    {
        width: 12.7%;
        font-size: 0.8rem;
        min-width: 85px;
        margin-left: 0.5%;
        margin-right: 0.5%;
    }

    .productmenu
        {
         margin-left: 3.4%;
         margin-right: 1.6%;
         padding-left: 1%;
         padding-right: 1%;
        }

    .FootSpacer
    {
        margin-left: 4rem;
        background-color: #2980b9;
    }

   

     #HyperLinkSelectedS{
            position: absolute;
            top: 10px;
            right: 23%;
        }
        #HyperLinkGeneralS{
            position: absolute;
            top: 10px;
            right: 12%;
        }
        #HyperLinkTermsS{
            position: absolute;
            top: 10px;
            right: 1%;
        }

    
    #TextBox1280{display: none}
    #TextBox1093{display: inline-block}
   
}

@media screen and (max-width: 980px)
{
     .header.row
     {
            top: 0rem;
            height:704.60px;
            overflow-y: auto;
     }

     .Div_gt1680
    {
        height: 7.5rem;
        
    }

.bvwrapper1
{
    max-width:980px;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}

.bvwrapper2
{
     max-width:980px;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}


.LBSlogan{color:red;
          display:none;
}
     
#LinkButtonSlogan{background-color:aqua;}

#Divgt980{display:none;}
    
    #Panel8S{        
        display:inline-block;
            }
    #Panel5SSS
    {
        height: 244px;
        height: 170px;
        Width: 100%;
    }
    #Panel5S{
        display:block;
        margin-top: 0px; 
        z-index:1200; 
        height:460.60px;
        width:100%;
    }
    #iframeProductS{display:inline-block}
        
      .Div_BM{width: 753px;}

    .additionmenu
    {
        padding-right: 2.0%;
        margin-left: 2.0%;
        margin-right: 0.0%;
        font-size: 1rem;
    }

    .OrderMenuButton
    {
        width: 12.8%;
        font-size: 0.8rem;
        min-width: 85px;
        margin-left: 0.4%;
        margin-right: 0.4%;
    }
    
    .FootSpacer{margin-left:0.5rem;}

    .tbBuildInformation
        {
            font-size: 1.4em;
            text-align:left;
            display:inline-block;
        }

    .ProductHoldergt1680
        {
            position:relative;
            max-width:980px;
            width: 100%;
            min-width:200px;
            height: 100%;
            margin: 0 auto;
            background-color:white;
        }

    .productmenu
            {
                margin-left: 2.4%;
                margin-right: 0.6%;
            }
     
    #Iframe1
        {
            height:460.60px;
            width:980px;
        }
   
    
    #PanelFooterH{display:inline-block;}
    #PanelFooterH1{width: 753px;}
    #PanelFooterHInt{width: 95%;}
    #PanelSocialMedia{display:none;}
    #LinkButtonOptions{display: none;}
         
    #TextBox1093{display: none}
    #TextBox980{display: inline-block}
   }

@media screen and (max-width: 768px)
{

    .header.row
     {
            top: 0rem;
            height:704.60px;
            overflow-y: auto;
     }

    .Div_BM{width: 470px;}
            
    .additionmenu{display: none;}

    .OrderMenu{height: 7.5rem;}

    .OrderMenuButton{width: 30%;}

    .FootSpacer{margin-left:1.1rem;}
         
     #Iframe1
        {
            height:360.96px;
            width:768px;
        }

     .bvwrapper1
{
     max-width:768px;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}

.bvwrapper2
{
    max-width:768px;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}

     .Div_gt1680{height: 7.5rem;}
      
     .productmenu{display: none;}
      
     .tbBuildInformation
        {
            font-size: 1.2em;
            text-align:left;
            }

    #LinkButtonRight01{display: none;}
    #ButtonAllAboutUs{display: inline-block;}
    #ButtonWhatWeOffer{display: inline-block;}
    #TextBoxCheckInDate{width:28%;}
    #ButtonNights{width:28%;}
    #ButtonAdults{width:28%;}
    #ButtonBuildQuote{width:21%;}
    #ButtonBrochureRequest{width:21%;}
    #ButtonMyAccount{width:21%;}
    #ButtonVisitors{width:21%;}

    #PanelFooterH1{width: 470px;}
    #PanelFooterHInt{width: 95%;}

    #ImageButtonMapsH{display:none;}
    #ImageButtonMetOfficeH{display:none;}
    #ImageButtonFundraisingH{display:none;}
    #ImageButtonFriendsOfH{display:none;}

     #Panel5SSS
    {
        height: 290px;
        height: 242px;
        Width: 100%;
    }

   #Panel5S
        {
        height:340.96px; 
         
        }

/*#Panel8S{top:15rem;}*/

 #HyperLinkSelectedS{
            position: absolute;
            top: 10px;
            right: 1%;
            display:none;
        }
        #HyperLinkGeneralS{
            display:none;
            position: absolute;
            top: 10px;
            right: 8%;
            }
        #HyperLinkTermsS{
            display:none;
            position: absolute;
            top: 10px;
            right: 1%;
            display:none;
        }
        
         
    #TextBox980{display: none}
    #TextBox768{display: inline-block}

     #LinkButtonActivities{display: none;}
    
}

@media screen and (max-width: 480px )
{
    .Div_BM
    {
        width: 350px;
    }
    .menusymbol
    {
        display: inline-block;
        float: right;
        width: 55px;
        margin-top: 25px;
        margin-right: 4%;
    }
    .OrderMenu
    {
        height: 11rem;
    }

    .OrderMenuButton{width: 45%;}

    .FootSpacer{margin-left:0.2rem;}

    .bvwrapper1
{
     max-width:480px;
    width: 100%;;
    overflow-x: scroll;
    overflow-y: hidden;
}

.bvwrapper2
{
     max-width:480px;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}

   
     .Div_gt1680
    {
        height: 11rem;
    }


    
#ButtonAllAboutUs{display: none} 
#ButtonWhatWeOffer{display: none}
#TextBoxCheckInDate{width:29%;}
#ButtonNights{width:29%;}
#ButtonAdults{width:29%;}
#ButtonBuildQuote{width:45.5%;}
#ButtonBrochureRequest{width:45.5%;}
#ButtonMyAccount{width:45.5%;}
#ButtonVisitors{width:45.5%;} 

#PanelFooterH1{width: 355px;}
#PanelFooterHInt{width: 98%;}
#ImageButtonTermsH{display:none;}

 #Iframe1
        {
            height:225.60px;
            width:480px;
        }


 #Panel5SSS
    {
        height: 350px;
        Width: 100%;
    }


#Panel5S{height: 209.60px;
           
    }

.tbBuildInformation
        {
            font-size: 1.0em;
            text-align:left;
            }

/*#Panel8S{top:19rem;}*/


    #TextBox768{display: none}
    #TextBox480{display: inline-block}
   
}

@media screen and (max-width: 360px )
{
    .OrderMenu
    {
        height: 24.75rem;
    }

    .bvwrapper1
{
     max-width:360px;
    width: 100%;;
    overflow-x: scroll;
    overflow-y: hidden;
}

.bvwrapper2
{
     max-width:360px;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}

    .OrderMenuButton{width: 95%;}

#TextBoxCheckInDate{width:78%;}
#ButtonNights{width:80%;}
#ButtonAdults{width:80%;}
#ButtonBuildQuote{width:80%;}
#ButtonBrochureRequest{width:80%;}
#ButtonMyAccount{width:80%;}
#ButtonVisitors{width:80%;}

#Iframe1
        {
            height:189.20px;
            width:360px;
        }

.Div_gt1680
    {
        height: 24.75rem;
    }

 #Panel5S
        {
        height:139.20px;
        width: 100%; 
        }

/*#Panel8S{top:24.75rem;}*/

 #Panel5SSS
    {
        height: 570px;
        Width: 100%;
    }
 

.tbBuildInformation
        {
            font-size: 1.0em;
            text-align:left;
            }

    #TextBox480{display: none}
    #TextBox360{display: inline-block}
}
