/* dev css */
*{
padding:0;
margin:0;
border:0;
}

html, body{
font-family: "Arial", Geneva, Verdana, Helvetica, sans-serif;
}


body {
font-size:18px;
text-align : left;
-webkit-overflow-scrolling: touch;
color: #717073;
background: #fff;
}

/* scale down the recaptcha box to fit mobiles portrait */
@media only screen and (max-width: 430px) {
    .g-recaptcha{
    position:relative;
    -moz-transform:scale(0.95); 
    -ms-transform:scale(0.95); 
    -o-transform:scale(0.95); 
    -moz-transform-origin:0; 
    -ms-transform-origin:0; 
    -o-transform-origin:0; 
    -webkit-transform:scale(0.95); 
    transform:scale(0.95); 
    -webkit-transform-origin:0 0; 
    transform-origin:0; 
    filter:     progid:DXImageTransform.Microsoft.Matrix(M11=0.95,M12=0,M21=0,M22=0.95,SizingMethod='auto expand');
/*margin:0 auto;*/
    background:#ccc;
    top:0;left:0;
    }
}

div.g-recaptcha{
width:318px;
margin:0 auto;
}
div.g-recaptcha p{
width: 100%;
}
/*for email output*/
.table_cell{
font-size: 60px;
color:red;
}




p {
padding:0;
margin:0;
border:0;
}


a:link, a:visited, a:hover, a:active {
text-decoration : none;
font-weight : bold;
color : #595959; 
font-size : 0.9em;
background-color : transparent;
padding : 0;
}

h1{
color:#717073;
margin: 0;
padding:0;
font-size : 1.5em;
line-height: 1.8em;
font-weight : 800;
text-align:center;
#background: #ccc2A3;  
text-transform:capitalize;
border-radius: 0.4em;
-webkit-border-radius: 0.4em;
-moz-border-radius: 0.4em;
width:100%;
}


h2{
color:#717074;
margin: 0;
font-size : 1.1em;
line-height: 1.5em;
font-weight : 800;
text-align:left;  
padding: 5px 0 0 0;
text-transform:capitalize;
border-radius: 0.4em;
-webkit-border-radius: 0.4em;
-moz-border-radius: 0.4em;
}
h3{
color:#717073;
margin: 0;
padding:0;
font-size : 1.5em;
line-height: 1.8em;
font-weight : 800;
#background: #ccc2A3;  
text-transform:capitalize;
border-radius: 0.4em;
-webkit-border-radius: 0.4em;
-moz-border-radius: 0.4em;
width:100%;
}
 
 
.bookings_image{
  margin: 0;
  max-width: 300px;
} 
.flex-all-around-justify{
    box-sizing:border-box;
    display:flex;  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex; 
      
    -webkit-box-pack: justify; 
    -ms-flex-pack: justify; 
    -webkit-justify-content: justify;
    -webkit-box-align: flex-start;
    -ms-flex-align: justify; 
    -webkit-align-items: flex-start;
    flex-direction: row;     
    align-content:flex-start; 
    justify-content: space-around;      
   
    flex-flow: col wrap; 
    flex-wrap:wrap; 
    align-items:center;
    align-self: center;
    

}

.thumbnail img{
width: 100%;
} 
.paginator td .active_page{
display:inline-block;     
padding: 0 3px 3px 3px;
line-height: 1.8em;
margin: 2px; 
border-radius: 0.3em;
-webkit-border-radius:0.3em;
-moz-border-radius:0.3em;
width:16px;
height: 19px;  vertical-align:top;
border: 1px solid #717073;
text-align:center;
float:left;  
}     
table.paginator{
    margin: 0 10px;
}
.paginator td{
color: #fff;
padding: 0 15px 0;
line-height: 18px;
font-weight: 800;
}
.paginator a:link
, .paginator a:visited
, .paginator a:hover
, .paginator a:active {
display:inline-block; float:left;  
color:#fff;
background: #717073;
border-radius: 0.3em;
-webkit-border-radius:0.3em;
-moz-border-radius:0.3em;
padding: 0 3px 3px 3px;
line-height: 1.8em;
margin:2px;
width: 16px;
height: 20px;vertical-align: top;
text-align:center;  border: 1px solid #717073; 
}

/* set width of the drop-down date-picker */
.ui-datepicker {
      width: 300px !important;
}      
      
#address{
width: 100%;
text-align: left;
padding: 0 0 0 20px;
}

#address .Location, #address .Billing{
width: 100%;
}
#address .Location h2, #address .Billing h2{
margin: 0;
font-size: 1.2em;
}

#address .Location ul.address , #address .Billing ul.address {
width: 100%;
list-style-type: none;
}

#address ul li {
float: left;
clear:left;
}
#address ul li.address_1{
float: none;
}

#address .International, #address .National{
text-align:left;
width: 100%;
}

#address .National{
clear:right;
}

#address .International h2 {
margin:0;
font-size: 1.2em;
}

#address .National h2 {
margin: 0;
font-size: 1.2em;

}
  
#address .International ul.phone_numbers{
list-style-type: none;
}

#address .National ul.phone_numbers{
list-style-type: none;
}


#booking_terms{
    max-width: 1024px;
    margin:0 auto;
    text-align: left;
}
#booking_terms h2{
    color: #a31e22;
    font-size: 2.5rem;
    font-wieght: 100 !important;
}
#booking_terms .booking_terms_item{
    margin-left: 10px;
}
#booking_terms .booking_terms_item strong{
    color: #000;
}


    #bookings_availability{
        line-height: 1.2em;
        max-width: 1024px;
        margin:0 auto;
        padding: 5px;
    }
    #bookings_availability h1{
        font-size: 1em;
    }
    #bookings_availability h2{
        font-size: 1em;
        line-height: 1.5em;
        padding: 5px;
        text-transform: capitalize;
        border: 0 solid yellow;
    }
    
    #bookings_availability p{
        padding:5px;
    }
    #bookings_availability .ages_and_numbers{
        margin-top:10px;
    }
    #bookings_availability .age_group select{
        background: #fff;
        line-height: 2.0em;
        padding: 3px 5px;
        border: 1px solid #fff;
    }
    #bookings_availability .amenities{
        margin-top:10px;
    }
    #bookings_availability .amenities ul{
        margin-left: 10px;
    }
    #bookings_availability .amenities ul li{
        margin-left: 20px;
    }
    #bookings_availability .book_now_button{
        text-align: right;
        clear:left;
    }
    #bookings_availability .book_now_button input{
        font-size: 1.2em;
    }
    #bookings_availability .form_button{
        margin-right: 0;
    }
    #bookings_availability #guest_details_content{
        background: #eee;
        width: 300px;
        margin: 10px auto;
    } 
    #bookings_availability #guest_details_content select{
        padding:3px 5px;
        margin-left: 5px;
        background: #fff;
        width: 212px;
        line-height: 2em;
        border: 1px solid #dad8da;
        font-size: 1.1em;
        color: #717073;
    } 
    #bookings_availability #guest_details_content select .countries{
        width: 250px;
    }
    #bookings_availability #guest_details_content div{
        margin: 2px 0;
    }  
    #bookings_availability #guest_details_content input{
        line-height: 2em;
        width: 200px;
        border: 1px solid #dad8da;
        margin-left: 5px;
        padding: 3px 5px;
    }
    #bookings_availability #guest_details_form{
        background: #eee;
        margin: 10px 0;
    } 
    #bookings_availability .highlight{
        font-weight: 700;
    }
    #bookings_availability .individual_product{
        margin-top: 10px;
        margin-bottom:10px;  
        background: #eee;
        border:1px solid #3d3d3d;
    }
    #bookings_availability .max_occupancy{
        margin-top:10px;
    }
    #bookings_availability .page_sub_total{
        background:#ccc;   
        clear:left;
    }
    #bookings_availability .page_sub_total h2{
        text-align:center;
    }
    #bookings_availability ul{
        list-style-type: none;
    }

 /* This is the section for the booking terms */
/* on the terms and conditions page */
    .booking_terms dl{
        font-size: 0.8em;
    }
    .booking_terms dl dt{
        font-weight: 700;
    }
    .booking_terms dl dd{
        margin-left: 10px;
    }


/*  end of section for booking terms */


    #container{
        clear:left;
        padding:0; 
        border:0; 
        margin:0; 
        background: transparent;
        overflow:hidden;
    }

   


   
 
/* === start of newsletter signup form  === */
#embedded_form {
    width: 300px; 
    border: 0 solid red;
    background-color: inherit;
    padding: 0 15px 25px; 
}

#embedded_form form{
width: 100%;
margin:0 auto;
}
#embedded_form div#button{
width: 100%;
}

#embedded_form .input-container {
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}

/* Style the form icons */
.fa{
font-size:25px;
}
#embedded_form .icon {
  padding: 10px;
  background: #a31e22; 
  color: white;
  min-width: 50px;
  text-align: center;
}

/* Style the input fields */
#embedded_form .input-field {
  width: 100%;
  padding: 5px;
  border: 1px solid #dad8da; 
  color: #717074;
  font-size: 2.0rem;
}
/*
#embedded_form input[type=text]{ 
height: 100% !important;
padding: 10px;
}
*/
#embedded_form button {
	background-color: #a31e22; 
	border: 0;
	color: #fff;
	cursor: pointer;
	font-weight: 700;
	margin: 0;
	padding: 0.5em 0;
	width: 100%;
}
#embedded_form button:hover{
background-color: #ed1c24;
}
/* === end of newsletter signup form === */ 





/* ----------------  FAQs -----------------------------*/


/* faqs accordion */

.faqs_accordion{
margin: 0 10px;
background: #fff;
text-align:left;
line-height:20px;
padding: 0;
color: #717073;font-size: 0.8em;
}

/* this is the first and second accordion menu div.*/
/* remember there may be multiple menu outputs per page */
/* for when say, two are being printed off the same A4 page. */
#one h1, #two h2{
clear:left;
background:transparent;
}




.faqs_accordion h2{
font-size : 0.8em;
font-weight : 800;
text-align:left;
padding: 10px 20px;
margin-top: 10px;
}



.faqs_accordion p{
padding: 10px 0 10px;
font-size: 0.8em;text-align:left;
}
.faqs_accordion p.title {
text-align:center;
font-weight: 800;
margin:10px 0 0 0;
color: #717073;
}
.faqs_accordion h1{
  text-align:center;
}		 

.faqs_accordion p.price{
color: #717073;
text-align:center;
}
.faqs_accordion p.body{
margin: 0;
color: #717073;
text-align:center;
}
	

.faqs_accordion div.answer_div{
margin: 0;
}
                                        
              
/* end of accordion faqs*/

#form{
padding: 0;
margin: 0;
background:#fff;
}

#form_buttons_block{
float:none;
margin:0 auto;
text-align:center;
height: 2em;
width: 92%;
}
#clear {
clear:both;
float: none;
height: 0;
}



.form_button{
height: 40px;
margin-left: 0;
margin-top:0;
background: #cf962d; /*#e41b21;*/
-moz-border-radius: .7em; /*50px;*/
-webkit-border-radius: .7em; /*50px;*/
border-radius: .7em; /*50px;*/
color: #fff;
padding:0 10px;
border:2px solid #fff;
font-weight: bold;
}

.form_button:hover{
    background: #E3BF7D; /*#a41318;*/
    color: #1b1b1b;
}




.form_button_inactive{
width: 145px;
height: 40px;
float: left;
margin-left: 10px;
background: #555; 
-moz-border-radius: .7em; 
-webkit-border-radius: .7em; 
border-radius: .7em; 
color: #fff;
}
.form_button_inactive:hover{
    background: #444;
}
 
/* the logo for the business */
#logo{
background: #000;
margin: 0;
text-align:center;
}
#logo #logo_image{
margin: 0;
max-width:100%;
}


/* the logo for the group */
#main_logo{
padding:0;
margin: 10px 0 0;
text-align:center;
}
#main_logo img {
margin: 0;
max-height: 140px;
}

/* --- customer comments --- */

#comments {
margin: 0 10px;
background: transparent; /*#eee;*/
text-align:left;
line-height:20px;
padding: 10px;
font-family : "Georgia", verdana, sans-serif, helvetica;
}


#comments h1{
font-size : 1.5em;
font-weight : 800;
text-align:left;
padding: 20px 20px 0;
background:transparent;
}
#comments h2{
font-size : 1em;
font-weight : 800;
text-align:left;
padding: 0 20px 0;
margin-top: 20px;
background:transparent;
}

#comments h5 {
      margin :0;
      font-size : 1em;
      font-family : "Georgia", verdana, sans-serif, helvetica;
      color : #5D5F45; /*1D423D;#2C7077;*/
      padding : 20px;
}

#comments p{
padding: 15px 20px 0;
}
#comments table {
margin:10px 0 5px;
text-decoration: none;
background-color : #f5f6ef; /*#fff;*/
text-align : left;
font-size : 0.90em;
line-height: 1em;
width: 100%;
}
#comments table td {
border-bottom : 1px solid #ccc;
padding : 5px 10px 5px 10px;
margin : 0;
background-color : transparent; /*#ebebeb;#F5FDD9;*/
color : inherit;
width: 50%;
}
#comments td.image{
width: 150px;
}


#comments table.paginator td{
padding: 0 15px 0;
line-height: 18px;
font-weight: 800;
font-family:Geneva, Arial, Verdana, Helvetica, sans-serif;
}
#comments table.paginator a:link
, #comments table.paginator a:visited
, #comments table.paginator a:hover
, #comments table.paginator a:active {
color: #fff;
font-family:Geneva, Arial, Verdana, Helvetica, sans-serif;
}


#comments table td.a:link .current_link{
background: transparent;
color: #000;
}

#comments table.comments td.shaded{
background:#c0cbd2;
}
#comments table.comments td{
padding : 0 5px;
text-align:left;
}
#comments table.comments td.category {
text-align:left;
font-weight:800;
}

#comments dl dt {
font-weight:800;    
    
}      
#comments dl dd{    
 line-height: 1.3em;      
}    
#comments dl dd.comments {
font-size : 1em;
text-align : left;
margin : 0;
padding : 0 5px 0 5px;
background-color : inherit;
}
#comments dl dd.first {
margin-top : 10px;
text-align:left;
background-color : inherit;
padding: 0;
}
#comments dl.address{
padding: 10px 0 20px 10px;
}
#comments dl.address dt{
float:left;
text-align:left;
}

#comments dl.address dd{
text-align:left;
}
         /* --- end customer comments --- */
         



/* ---- add customer comments page ---- */
/*
#add_comments{
  margin:0;width:98%;
  background: transparent;
  padding:20px 0 0;
  text-align:left;
  line-height:18px;
  border: 1px solid red;
}
#add_comments p{
padding:5px;
}

#add_comments table#guest_details{
white-space:nowrap;
}
#add_comments table.comments{
margin: 10px 0;
}
#add_comments table.comments td {
white-space:nowrap;
padding : 0 5px;
text-align:center;
font-weight:800;
height: 25px;
vertical-align:middle;
}

#add_comments table.scores{
width:200px;
}
#add_comments table.comments td.shaded{
background:#717073; 
color:#eee;
}

#add_comments table.comments td.category {
text-align:left;
}
#add_comments input, #add_comments textarea, #add_comments table tr td select {
        border-radius:.5em;
	-webkit-border-radius:.5em;
	-moz-border-radius: .5em;
}

#add_comments input[type=radio] {
margin:5px auto;
background: none;
}

#add_comments input[type=text]{
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
}
#add_comments textarea {
    width: 100%;
    height: 150px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;
    resize: none;
}
#add_comments select {
    width: 100%;
    padding: 16px 20px;
    border: none;
    border-radius: 4px;
    background-color: #f1f1f1;
}

#add_comments .form_button{
wwidth: 165px;
height: 40px;
float: left;
margin: 0 5px;
margin-top:0;
background: #e41b21;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px; 
color: #fff;
padding:0 10px;
border:1px solid #fff;
border-radius:.5em;
-webkit-border-radius:.5em;
-moz-border-radius: .5em;
-moz-box-shadow: 0 0 10px rgba(0,0,0,.35);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.35);
box-shadow: 0 0 10px rgba(0,0,0,.35);
}

#add_comments .form_button:hover{
    background: #a41318;
}
#add_comments table.comments td.shaded{
border-radius:.5em;
	-webkit-border-radius:.5em;
	-moz-border-radius: .5em;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.35);
  	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.35);
  	box-shadow: 0 0 10px rgba(0,0,0,.35);

}
*/
/* ---------------- add comments --------------- */

/* page add customer comments*/

#add_comments{
    margin:0 auto 0;
    max-width: 100%;
    border: 2px solid green;
    line-height: 1.1em;  
    color: #717074;     
    padding:0;
    background: #fff;
    padding-top: 50px;
} 
#add_comments form{
    width: 100%;
    max-width: 1024px;
    margin: 25px auto 10px;
    padding:0;
    border: 0px solid red;
}
#add_comments form label{ 
    margin-top: 20px;
}
#add_comments div{
    padding: 10px 0;
}
#add_comments select{
    text-transform: capitalize;
    width: 280px;
}
#zadd_comments select {
    width: 100%;
    padding: 16px 20px;
    border: none;
    border-radius: 4px;
}

/* change this to an H1 in the script */
#add_comments h1{
    width: 100%;
    margin:0 auto;
    border: 0px solid red;
    text-align:center;
}
#add_comments h2{
    width: 100%;
    border: 0px solid red;
}

#add_comments p{
    width: 100%;
    padding: 10px;
    border: 0px solid #aaa;
    max-width: 950px;
    margin: 0 auto;
    color:#717074;
}

#add_comments .menus_accordion{
    zcolor: #717074;
    width: 100%;
    zmin-width: 280px;
    margin: 10px;
    padding-top:0;
    border: 1px solid dad8da;
}
#add_comments .menus_accordion div{
    color: #717074 !important;
    width: 280px;
    margin:0 auto;
    border: 0px solid red;
}
#add_comments .menus_accordion div.recommendUs{
    color: #717074 !important;
    width: 100%;
    margin:0 auto;
    padding:10px;
    border: 0px solid green;
}
#add_comments .menus_accordion .recommendUs dl{
    border: 0px solid #717074;
    width: 100%;
}
#add_comments .menus_accordion .recommendUs dd{
    border-radius: 1em;
    display:inline-block;
    border: 1px solid #dad8da;
    padding: 0;text-align:center;
    width: 25px;
}
#add_comments input[type=text]{
    width: 100%;
    zmax-width: 950px;
    padding: 0 12px;
    margin: 10px 10px;
    box-sizing: border-box;
    font-size: 1.1em;
    color: #717074;
    
}
#add_comments input[type=text]::placeholder{
    color: #717074;
    opacity:1; /*firefox*/
}
#add_comments input[type=text]::-ms-input-placeholder{
    color: #717074;
}

#add_comments textarea {
    width: 100%;
    zmax-width: 950px;
    margin: 10px 10px;
    height: 150px;
    padding: 0 12px;
    box-sizing: border-box;
    font-size: 1.1em;
    resize: none;
    color: #717074;
}
#add_comments textarea::placeholder{
    color: #717074;
    opacity:1;
}
#add_comments textarea::-ms-input-placeholder{
    color: #717074; 
}
/* end of page: add customer comments*/








#copyright{
  color: #717073;
  width: 100%;
  text-align: center;
  padding: 0.2em 0;
clear:both;
background: #fff;
  }
.clear {
clear:both;
display:block;
font-size:0;
line-height:0;
}



/* ----------- start of div_one----------------------------*/
#div_one{
display:flex;
clear:left;
text-align:left;
margin:0;
padding: 0;
background: #000; 
box-sizing:border-box;
flex-flow: row wrap;
flex-wrap:wrap;
align-items:top;
align-content:space-around;
justify-content: space-around;
height:auto;
color:#717073;
}



/* -------------- end of div_one -----------------------------*/


/* ====  div two ==== */
#div_two{
/*position:relative;*/
width: 100%;
background:#fff;
clear:both;

}

/* ==== end of div two ==== */



/* -------------------- events page css --------------------- */

#events {
margin: 0 259px 0 178px;
background: #fff;
text-align:left;
line-height:20px;
padding: 10px;
/*font-family:Geneva, Arial, Verdana, Helvetica, sans-serif;*/
font-family : "Georgia", verdana, sans-serif, helvetica;
}
* html #events {
height:1%;
/*font-family:Geneva, Arial, Verdana, Helvetica, sans-serif;*/
font-family : "Georgia", verdana, sans-serif, helvetica;
}
#events h1{
font-size : 1.5em;
font-weight : 800;
text-align:left;
padding: 20px 0 0 0;

}
#events h2{
font-size : 1em;
font-weight : 800;
text-align:left;
padding: 0 20px 0;
margin-top: 20px;
}

#events h5 {
      margin :0;
      font-size : 1em;
      font-family : "Georgia", verdana, sans-serif, helvetica;
      color : #5D5F45; /*1D423D;#2C7077;*/
      padding : 20px;
}
#events hr {
color: #ccc;    
}
#events p{
padding: 15px 10px 0;
}       
#events table {
margin:10px 0 5px;
text-decoration: none;
background-color : #fff;
text-align : left;
font-size : 0.90em;
width:99%;
line-height: 20px;
}
#events table td {
border-bottom : 1px solid #ccc;
padding : 0 10px 0 10px;
margin : 0;
background-color : #F5F6EF;/*#ebebeb;#F5FDD9;*/
color : inherit;
}
#events td.image{
width: 150px;
}

#events table.paginator td{
padding: 0 15px 0;
line-height: 18px;
font-weight: 800;
font-family:Geneva, Arial, Verdana, Helvetica, sans-serif;
}
#events table.paginator a:link
, #events table.paginator a:visited
, #events table.paginator a:hover
, #events table.paginator a:active {
color: #737373;
text-decoration:underline;
font-family:Geneva, Arial, Verdana, Helvetica, sans-serif;
}
/*
#events table.comments td.shaded{
background:#c0cbd2;
}
#events table.comments td{
padding : 0 5px;
text-align:left;
}
#events table.comments td.category {
text-align:left;
font-weight:800;
}

#events dl dt {
font-weight:800;    
}
*/
#events dl dd.comments {
font-size : 1em;
text-align : left;
margin : 0;
padding : 0 10px 0 10px;
background-color : inherit;
}
#events dl dd.first {
margin-top : 10px;
text-align:left;
background-color : inherit;
padding: 0 10px 0;
}
#events dl.address{
padding: 10px 0 20px 10px;
}
#events dl.address dt{
float:left;
text-align:left;
}

#events dl.address dd{
text-align:left;
}

/* ---------------- end of events page css -------------------*/






/* ==== styling for the galleria image gallery ==== */
#SpecialDivForThumbnailGallery .galleria-container {
background: #1a1a1a;
border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
}
#galleria{
min-height: 200px;
width: 100%;
}
#SpecialDivForThumbnailGallery .content{
color:#777;
font:12px/1.4 "helvetica neue",arial,sans-serif;
wwidth:1200px;  /* was 620px*/
margin:5px auto;
}
#SpecialDivForThumbnailGallery h1{
font-size:12px;
font-weight:normal;
color:#ddd;
margin:0;
}
#SpecialDivForThumbnailGallery p{
margin:0 0 20px
}
#SpecialDivForThumbnailGallery a {
color:#22BCB9;
text-decoration:none;
}
#SpecialDivForThumbnailGallery ul{
width: 100%;
text-align:center;
background: #fff;
}
#SpecialDivForThumbnailGallery li{
text-align:center;
margin:0 auto;
background:#ccc;
}
.cred{
margin-top:20px;
font-size:11px;
}



/* ==== end of styling for Galleria image gallery ==== */


/* this image gallery css may be obsolete */ 
/* due to use of new flex display css */
/* in the div image_gallery_main */
#image_galleries{
clear:both;
margin: 0 auto;
text-align:center;
background: #fff;
max-width: 1600px;
}
#image_galleries div.thumbnail{
position:relative;
width: 48%;
font-size: 0.70em;
float:left;
margin:1%;
line-height: 1em;
height: 150px;
}
#image_galleries div.tc_one{
float:none;
margin:0 auto;
}
#image_galleries .thumbnail img.click_for_enlargement{
width: 100%;
}
#image_galleries div.thumbnail a p.click_for_enlargement{
  display:inline-block;clear:left;line-height: 1em;padding-bottom: 0;  
}    
    #image_galleries div.three_three{
        float: none;
        clear: left; 
        margin: 0 auto;
        height: 175px;
    }

    #image_galleries div.five_five{
        float: none; 
        clear:left;
        margin: 0 auto;
        height: 165px;
    }

    #image_galleries div.seven_seven{
        clear:left;
        float:none;
        margin:0 auto;
    }
/*  end of new image galleries css */



/* === image_gallery_main (using display:flex) === */

#image_gallery_main{
    box-sizing:border-box;
    display:flex;  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex; 
      
    -webkit-box-pack: justify; 
    -ms-flex-pack: justify; 
    -webkit-justify-content: justify;
    -webkit-box-align: flex-start;
    -ms-flex-align: justify; 
    -webkit-align-items: flex-start;
    flex-direction: row;     
    align-content:flex-start; 
    justify-content: space-around;      
   
    flex-flow: col wrap; 
    flex-wrap:wrap; 
    align-items:center;
    align-self: center;
    color: #717074;     
    padding:0 !important;
    background: #fff;
    border: 0;
    max-width: 1024px;
    margin: 0 auto 0;
    padding-top: 50px;
}
#image_gallery_main .thumbnail{
    max-width: 300px;
    width: 300px;
    border: 1px solid #dad8da;
    height: 250px;
}
#image_gallery_main .image_galleries_heading{
    width: 100%;
}
#image_gallery_main .gallery_label{
    text-align:center;
}



/* === end of image_gallery_main === */





/* ==== directions page content ==== */

#Location{
margin: 0;
padding: 0 10px;
line-height: 1.5em;
background:#fff;
}
#Location #div_1, #Location #div_2{
width:100%;
margin:0 auto;
font-size: 1.2em;
border: 0px solid #000;
}
#Location #div_3{

}
#Location #div_3 p iframe{
height: 200px;
width: 100%;
border: 0 solid red;
}

#Location #div_4{
}

#Location #div_4 p iframe{
height: 200px;
width: 100%;
border: 1px solid red;

}

/* ==== end of Location content ==== */


/* ==== start of main_content ==== */

#main_content.form{
margin:0;
border: 0px solid #000;
}
#main_content.form table{
margin:0;
border: 0px solid red;
}
#main_content.form input[type='text'], #main_content.form input[type='textarea']{
border-radius:.3em;
-webkit-border-radius:.3em;
-moz-border-radius:.3em;
margin: 2px 0;
height: 2.5em;
line-height: 2.5em;
font-size: 1.2em;
margin:0 auto;
border: 1px solid #9b948a;
padding-left: 0;
}

#main_content.form textarea{
border-radius:.3em;
-webkit-border-radius:.3em;
-moz-border-radius:.3em;
height: 10em;
line-height:2.5em;
font-size: 1.2em;
border: 1px solid #9b948a;
margin:2px 0;
font-family: Arial;
padding-left:0px;
}
#main_content.form table td p.keep_informed{
    font-size: 0.8em;
    line-height: 0.8em;
}


 

/* ==== end of main_content ==== */


/* ---- Menus ------*/
/* #menus {
margin: 10px 0 0 0;
width: 100%;
background: transparent;
text-align:left;
line-height:20px;
padding: 0;
border-radius: 0.5em;
-webkit-border-radius:0.5em;
-moz-border-radius:0.5em;

}
* html #menus {
height:1%;
}

#menus h1{
background:transparent;
}
#menus h2{
font-size : 1em;
font-weight : 800;
text-align:left;
padding: 0 20px 0;
margin-top: 20px;
}

#menus h5 {
      margin :0;
      font-size : 1em;
      font-family : "Georgia", verdana, sans-serif, helvetica;
      color : #5D5F45; 
      padding : 20px;
}
#menus p{
padding: 15px 20px 0;
}

#menus dl {
width:100%;
}
#menus dl dt {
margin-top:10px;
text-align:left;
font-weight : 800;
padding : 0 10px;
color:#8a001c;
font-size: 1.2em;
}
#menus dd {
width: 100%;
text-align:left;
padding: 8px 0 8px;
margin:0;
}
#menus dd.title {
text-align:center;
font-weight: 800;
margin:10px 0 0 0;
}
#menus dd.dish_category{
margin: 10px auto 0;
text-align:center;
font-size:1.2em;
font-weight: 800;
color:#717073;
}
#menus ul{
display:block;
list-style-type:disc;
}
#menus ul li{
margin: 5px 40px 0;
padding: 10px 0 0 0;
}
#menus h1{
  text-align:center;
}		 
#menus dt{
text-align:center;
padding-top: 10px;
line-height: 40px
}
#menus dt.menu_price{
text-align:center;    
}
#menus dt.course_name{
text-align:center;
}
#menus dt p{
text-align:center;
}
#menus dd.price{
text-align:center;
}
#menus dd.body{
text-align:center;
}
#menus dd p{
text-align:center;
}
*/
/* ---  Menus --- */

/* ---- Menus - accordion css ------*/


#menu_header_accordion, #menu_footer_accordion{
margin: 0 15px;
padding:10px 0;
background: #fff;
}
#menu_header_accordion p, #menu_footer_accordion p{
margin:0 10px;
}
                                     

#menu_header_default, #menu_footer_default{
margin: 0 15px;
padding:10px 0;
background: #fff;
}
#menu_header_default p, #menu_footer_default p{
margin:0 10px;
}
                                     


#menus_accordion{
margin: 0 10px;
background: #fff;
text-align:left;
line-height:20px;
padding: 0;
color: #717073;
}
* html #menus_accordion {
height:1%;
}

#menus_accordion h1{
background:transparent;
}
#menus_accordion h2{
font-size : 1em;
font-weight : 800;
text-align:left;
padding: 10px 20px;
margin-top: 20px;
}

#menus_accordion h5 {
      margin :0;
      font-size : 1em;
      font-family : "Georgia", verdana, sans-serif, helvetica;
      color : #5D5F45; /*1D423D;#2C7077;*/
      padding : 20px;
}
#menus_accordion .course_explanation{
text-align: center;
color: #717073;
}
#menus_accordion p{
padding: 10px 0 10px;
font-size: 0.8em;
}
#menus_accordion dl {
}
#menus_accordion dl dt {
margin-top:10px;
text-align:left;
font-weight : 800;
padding : 0 10px;
color:#8a001c;
font-size: 1.2em;
}
#menus_accordion dd {
text-align:center;
padding: 8px 0 8px;
margin:0;
}
#menus_accordion p.title {
text-align:center;
font-weight: 800;
margin:10px 0 0 0;
color: #717073;
}
#menus_accordion div h3.dish_category{
margin: 10px auto 0;
text-align:center;
font-size:1.2em;
font-weight: 800;
color : #717073;
clear: left;
}
#menus_accordion .dish_category_explanation{
color:#717073;
text-align:center;
}
#menus_accordion ul{
display:block;
list-style-type:disc;
}
#menus_accordion ul li{
margin: 5px 40px 0;
padding: 10px 0 0 0;
}
#menus_accordion h1{
  text-align:center;
}		 
#menus_accordion dt{
text-align:center;
padding-top: 10px;
line-height: 40px
}
#menus_accordion dt.menu_price{
text-align:center;    
}
h1 .course_name{
color:#8a001c;
text-align:center;
}
#menus_accordion dt p{
text-align:center;
}
#menus_accordion p.price{
color: #717073;
text-align:center;
}
#menus_accordion p.body{
margin: 0;
color: #717073;
text-align:center;
}
#menus_accordion dd p{
text-align:center;
}
#menus_accordion div dl div{
text-align:center;
}	

#menus_accordion div.dish_div{
margin: 0;
}
                                           

#menus, #menu_header, #menu_footer{
margin: 0 10px;
background: #fff;
text-align:left;
line-height:20px;
padding: 0;
color: #717073;
}
* html #menus {
height:1%;
}

#menus h1{
background:transparent;
}
#menus h2{
font-size : 1.5em;
font-weight : 800;
text-align:center;
padding: 10px 20px;
margin-top: 20px;
clear: both;
}

#menus h5 {
      margin :0;
      font-size : 1em;
      font-family : "Georgia", verdana, sans-serif, helvetica;
      color : #5D5F45; /*1D423D;#2C7077;*/
      padding : 20px;
}
#menus .course_explanation{
text-align: center;
color: #717073;
}
#menus p{
font-size: 0.8em;
padding: 10px 0 10px;
}
                 
#menus dl {
}
#menus dl dt {
margin-top:10px;
text-align:left;
font-weight : 800;
padding : 0 10px;
color:#8a001c;
font-size: 1.2em;
}
#menus dd {
text-align:center;
padding: 8px 0 8px;
margin:0;
}
#menus p.title {
text-align:center;
font-weight: 800;
margin:10px 0 0 0;
color: #717073;
}
#menus div h3.dish_category{
margin: 10px auto 0;
text-align:center;
font-size:1.2em;
font-weight: 800;
color : #717073;
clear: left;
}
#menus .dish_category_explanation{
color:#717073;
text-align:center;
}
#menus ul{
display:block;
list-style-type:disc;
}
#menus ul li{
margin: 5px 40px 0;
padding: 10px 0 0 0;
}
#menus h1{
  text-align:center;
}		 
#menus dt{
text-align:center;
padding-top: 10px;
line-height: 40px
}
#menus dt.menu_price{
text-align:center;    
}
h1 .course_name{
color:#8a001c;
text-align:center;
}
#menus dt p{
text-align:center;
}
#menus p.price{
color: #717073;
text-align:center;
}
        
#menus p.body{
font-size: 0.80em;
margin: 0;
color: #717073;
text-align:center;
}
#menus dd p{
text-align:center;
}
#menus div dl div{
text-align:center;
}	

#menus div.dish_div{
margin: 0;
}
                                                       
/* --------------- End of Menus ------------------------*/




/* --------------------- menus general -----------------*/
#menus_general {
/*margin: 0 auto;
width: 600px;*/
margin: 10px 0 0 0;
float:left;
width: 68%; /*675px;*/
background: transparent;
color: #1a1a1a;
text-align:center;
line-height:20px;
padding: 10px 0 10px 0;
border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
}
* html #menus_general {
height:1%;
}
#menus_general h1{
font-size : 1.5em;
font-weight : 800;
text-align:center;
padding: 20px 20px 0;
background:transparent;
}
#menus_general h2{
font-size : 1.2em;
font-weight : 800;
text-align:center;
padding: 0 20px 0;
margin-top: 20px;
color:#2b2b2b;
}

#menus_general h5 {
      margin :0;
      font-size : 1em;
      font-family : "Georgia", verdana, sans-serif, helvetica;
      color : #5D5F45; /*1D423D;#2C7077;*/
      padding : 20px;
}
#menus_general p{
padding: 15px 20px 0;
}
#menus_general p img.image_right{
float:right;
padding:0 10px 10px 10px;
}
#menus_general span.highlight_this{
font-size: 1.2em;
color: #c4a576;
line-height: 25px;
}
#menus_general p span.highlight_this {
font-size: 1em;
font-weight: 800;
color: #c4a576;
}
#menus_general .sub_total{
font-weight: 800;
font-size: 1.1em;
text-decoration: underline;
}
#menus_general .totals{
font-weight: 800;
font-size: 1.1em;
text-decoration: underline;
}


#menus_general a:link, #menus_general a:visited, #menus_general a:hover, #menus_general a:active {
text-decoration : none;
font-weight : bold;
color : #2b2b2b;
font-size : 0.9em;
background-color : transparent;
padding : 0;
text-decoration:underline;
}


/* ----------------- end of Menus general --------------*/





/* ------------------- nearby ----------------*/

#nearby {
margin: 10px;
background: #fff;
text-align:left;
line-height:20px;
font-family : "Georgia", verdana, sans-serif, helvetica;
}
*html #nearby {
height:1%;
font-family : "Georgia", verdana, sans-serif, helvetica;
}
#nearby h1{
font-size : 1.5em;
font-weight : 800;
text-align:center;
padding: 0;

}
#nearby h2{
font-size : 1em;
font-weight : 800;
text-align:left;
padding: 0 20px 0;
margin-top: 20px;
}

#nearby h5 {
      margin :0;
      font-size : 1em;
      font-family : "Georgia", verdana, sans-serif, helvetica;
      color : #5D5F45; /*1D423D;#2C7077;*/
      padding : 20px;
}

#nearby p{
padding: 15px 20px 0;
}
#nearby a:link, #nearby a:visited, #nearby a:hover, #nearby a:active {
color: #8d9451;

}
#nearby table {
position:relative;
margin:10px auto;
text-decoration: none;
background-color : #fff;
text-align : left;
font-size : 0.90em;
width:99%;
line-height: 20px;
}
#nearby table td {
border-bottom : 1px solid #ccc;
padding : 0 10px 0 10px;
margin : 0;
background-color : #eee;/*#ebebeb;#F5FDD9;*/
color : inherit;
}
#nearby td.image{
width: 100px;
padding: 0;
}
#nearby dl.breadcrumbs dd.sub_type {
margin:0 0 0 10px;
text-align:left;
}
#nearby dl.breadcrumbs dd.category {
margin:0 0 0 20px;
text-align:left;
}
#nearby dl dd.search_summary {
margin-top : 10px;
text-align:left;
background-color : inherit;
padding: 0 10px 0;
}
#nearby table.paginator td{
padding: 0 15px 0;
line-height: 18px;
font-weight: 800;
font-family:Geneva, Arial, Verdana, Helvetica, sans-serif;
}
#nearby table.paginator a:link
, #nearby table.paginator a:visited
, #nearby table.paginator a:hover
, #nearby table.paginator a:active {
color: #737373;
text-decoration:underline;
font-family:Geneva, Arial, Verdana, Helvetica, sans-serif;
}

#nearby table.comments td.shaded{
background:#c0cbd2;
}
#nearby table.comments td{
padding : 0 5px;
text-align:left;
}
#nearby table.comments td.category {
text-align:left;
font-weight:800;
}

#nearby dl dt {
font-weight:800;
font-size: 1.2em;    
    
}
#nearby dl dd.comments {
font-size : 1em;
text-align : left;
margin : 0;
padding : 0 10px 0 10px;
background-color : inherit;
}
#nearby dl dd.distances {
margin-top : 10px;
text-align:left;
background-color : inherit;
padding: 0 10px 0;
}
#nearby dl.address{
padding: 10px 0 20px 10px;
}
#nearby dl.address dt{
float:left;
text-align:left;
}

#nearby dl.address dd{
text-align:left;
}


/* ---------------- end of nearby ------------*/









/* -------------------- news page css --------------------- */

#news {
margin: 10px 0 20px 25px;
float:left;
width: 600px;
background: #fff;
text-align:left;
line-height:20px;
padding: 10px;
/*font-family:Geneva, Arial, Verdana, Helvetica, sans-serif;*/
font-family : "Georgia", verdana, sans-serif, helvetica;
border-radius: 0.5em;
webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
}

#news h1{
font-size : 1.5em;
font-weight : 800;
text-align:left;
padding: 20px 0 0 0;

}
#news h2{
font-size : 1em;
font-weight : 800;
text-align:left;
padding: 0 20px 0;
margin-top: 20px;
}

#news h5 {
      margin :0;
      font-size : 1em;
      font-family : "Georgia", verdana, sans-serif, helvetica;
      color : #5D5F45; /*1D423D;#2C7077;*/
      padding : 20px;
}
#news hr {
color: #ccc;    
}
#news p{
padding: 15px 10px 0;
}       
#news table {
margin:10px 0 5px;
text-decoration: none;
background-color : #fff;
text-align : left;
font-size : 0.90em;
width:99%;
line-height: 20px;
}
#news table td {
border-bottom : 1px solid #ccc;
padding : 0 10px 0 10px;
margin : 0;
background-color : #F5F6EF;/*#ebebeb;#F5FDD9;*/
color : inherit;
}
#news td.image{
width: 150px;
}

#news table.paginator td{
padding: 0 15px 0;
line-height: 18px;
font-weight: 800;
font-family:Geneva, Arial, Verdana, Helvetica, sans-serif;
}
#news table.paginator a:link
, #news table.paginator a:visited
, #news table.paginator a:hover
, #news table.paginator a:active {
color: #fff;
text-decoration:underline;
font-family:Geneva, Arial, Verdana, Helvetica, sans-serif;
}

#news dl dd.comments {
font-size : 1em;
text-align : left;
margin : 0;
padding : 0 10px 0 10px;
background-color : inherit;
}
#news dl dd.first {
margin-top : 10px;
text-align:left;
background-color : inherit;
padding: 0 10px 0;
}
#news dl.address{
padding: 10px 0 20px 10px;
}
#news dl.address dt{
float:left;
text-align:left;
}

#news dl.address dd{
text-align:left;
}

/* ---------------- end of news page css -------------------*/


/* ==== news panel ==== */

#news_panel{
width: 250px;
margin: 10px 10px;
border: 1px solid #3a3a3a;
border-radius: 0.5em;
webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
-moz-box-shadow: 0 0 20px #390718;
-webkit-box-shadow: 0 0 20px #390718;
box-shadow: 0 0 20px #390718;
padding: 5px;
background: #8a001c; 
}
#news_panel h1{
font-size: 1.1em;
}
#news_panel table#news_headlines {
width: 100%;
margin:0 auto;
}
#news_panel table td {
text-align:left;
}
#news_panel a:link, #news_panel a:visited, #news_panel a:hover, #news_panel a:active {
color: #eee;
text-transform: capitalize;
}

/* ==== end of news panel==== */



/* ==== opening hours panel ==== */

#opening_hours_panel{
margin: 0 15px;
border: 0px solid #ddd;
font-size: 1em;
}
#opening_hours_panel h3{
color:#fff;
}
#opening_hours_panel table{
}
#opening_hours_panel table th.days{
text-align:left;
line-height: 1.4em;
color:#fff;
}
#opening_hours_panel table td.first_hours, #opening_hours_panel table td.second_hours{
text-align:left;
}
.shaded{
color: #fff;
}
/* ==== end of opening hours panel==== */




/* -------------- opening hours page ------------------------*/
#opening_hours {
margin: 10px 0 20px 25px;
float:left;
width: 600px;
background: #fff;
text-align:left;
line-height:20px;
padding: 10px;
font-family : "Georgia", verdana, sans-serif, helvetica;
border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
}
* html #opening_hours {
height:1%;
/*font-family:Geneva, Arial, Verdana, Helvetica, sans-serif;*/
font-family : "Georgia", verdana, sans-serif, helvetica;
}
#opening_hours h1{
font-size : 1.5em;
font-weight : 800;
text-align:left;
padding: 20px 20px 0;

}
#opening_hours h2{
font-size : 1em;
font-weight : 800;
text-align:left;
padding: 0 20px 0;
margin-top: 20px;
}

#opening_hours h5 {
      margin :0;
      font-size : 1em;
      font-family : "Georgia", verdana, sans-serif, helvetica;
      color : #5D5F45; /*1D423D;#2C7077;*/
      padding : 20px;
}

#opening_hours p{
padding: 15px 20px 0;
}       
#opening_hours table {
margin:10px 0 5px;
text-decoration: none;
background-color : #fff;
text-align : left;
font-size : 0.90em;
width:99%;
line-height: 20px;
}
#opening_hours table td {
border-bottom : 1px solid #ccc;
padding : 0 10px 0 10px;
margin : 0;
background-color : #F5F6EF;/*#ebebeb;#F5FDD9;*/
color : inherit;
}
#opening_hours td.image{
width: 150px;
}

#opening_hours table.paginator td{
padding: 0 15px 0;
line-height: 18px;
font-weight: 800;
font-family:Geneva, Arial, Verdana, Helvetica, sans-serif;
}
#opening_hours table.paginator a:link
, #opening_hours table.paginator a:visited
, #opening_hours table.paginator a:hover
, #opening_hours table.paginator a:active {
color: #737373;
text-decoration:underline;
font-family:Geneva, Arial, Verdana, Helvetica, sans-serif;
}

#opening_hours table.comments td.shaded{
background:#c0cbd2;
}
#opening_hours table.comments td{
padding : 0 5px;
text-align:left;
}
#opening_hours table.comments td.category {
text-align:left;
font-weight:800;
}

#opening_hours dl dt {
font-weight:800;    
    
}
#opening_hours dl dd.comments {
font-size : 1em;
text-align : left;
margin : 0;
padding : 0 10px 0 10px;
background-color : inherit;
}
#opening_hours dl dd.first {
margin-top : 10px;
text-align:left;
background-color : inherit;
padding: 0 10px 0;
}
#opening_hours dl.address{
padding: 10px 0 20px 10px;
}
#opening_hours dl.address dt{
float:left;
text-align:left;
}

#opening_hours dl.address dd{
text-align:left;
}

/* ------------------end of opening hours ----------------------------*/





#page_divider1 {
clear:both;
background: inherit; 
width: 100%;
padding:0;
margin: 0;
border:0;
height: 0px;
font-size:0;
line-height:0;
}
#page_divider2 {
clear:both;
background: #e2da77; 
width: 100%;
padding:0;
margin: 0;
border:0;
height: 0;
font-size:0;
line-height:0;
}



#phone_numbers_international{
    width: 300px; 
    border: 0 solid red;
    background-color: inherit;
    padding: 0 15px 25px; 
}
#phone_numbers_international h3{
/*float:left;
width: 40%;*/
color:#fff;
}
#phone_numbers_international ul{
padding:0;
margin:0;
/*margin-left: 15px;*/
list-style-type:none;
color: #fff;
}
#phone_numbers_international > ul > li{
padding:0px;
display:block;
line-height: 2em;
font-size: 1em;
}
#phone_numbers_international ul li a:link{
margin-left: 10px;
color:#fff;
}
#phone_numbers_international > ul > li > a:link{
margin-left: 10px;
color:#fff;
}



#postal_address_only{
border: 0px solid #ccc;
margin: 0; /* 15px;*/
background-color:inherit;
font-size:1.1em;
padding: 0 15px 25px;
width: 300px !important;
}
#postal_address_only h3{
}
#postal_address_only ul{
padding:0;
list-style-type:none;
}
#postal_address_only > ul > li{
display:block;
}


#postal_address_only ul{
font-size: 1em;
    }

/* ==== quick booker form ==== */	

#quick_booker { 
  margin : 10px auto;
  width: 100%;
  color: #fff;
  border : 0 solid blue;
  background: #000; 
  box-sizing:border-box;
  display:flex;
  flex-flow: row wrap;
  flex-wrap:wrap;
  align-items:top;
  align-content:space-around;
  justify-content: center;
  height:auto;
}
#quick_booker #nights, #quick_booker .ci_ym{
    font-size: 1.2em !important;
    line-height: 2.0em !important;
    height: 2.0em !important;
}
#quick_booker form{
width: 100%;
}
#quick_booker div{
  width: 300px;
  border: 0 solid red;
  margin: 10px;
}
#quick_booker label{
display : none;
}


/* ==== end of quick booker form ==== */
	


/* the referer link at top of pages */
#referrer{
position:relative;
text-align:center;
top:0;
margin: 0;
z-index: 50000;
background:#eeede1;
border-bottom: 2px solid #fff;
padding:10px;
display:block;
}

#referrer a:link, #referrer a:visited, #referrer a:hover, #referrer a:active {
color:#000;
text-decoration:none;
font-size:0.8em;
font-weight:800;
padding:0;
} 
#referrer:after{ content: ' '; display:inline-block;color:#000;clear:both;visibility:hidden;}
/* end of the referer link at top of pages */



/* ==== Rooms ==== */
/*

#rooms{
margin: 0;
background: #fff; 
text-align:left;
line-height:20px;
}

#rooms h2{
font-size : 1em;
font-weight : 800;
text-align:left;
padding: 0 20px 0;
margin-top: 20px;
}

#rooms h5 {
      margin :0;
      font-size : 1em;
      color : #5D5F45; 
      padding : 20px;
}
#rooms p{
padding: 15px 10px 0;
}
#rooms ul.rooms{
font-weight:800;
list-style-type:none;
margin-left: 20px;
padding :0;
}
#rooms ul.rooms li{
margin:0;
list-style-type:none;

}
#rooms ul.rooms ul li{
font-weight:normal;
padding:0;
margin-left:20px;
}
#rooms a:link, #rooms a:visited, #rooms a:hover, #rooms a:active {
text-decoration : none;
font-weight : bold;
color : #403434;
font-size : 0.9em;
background-color : transparent;
padding : 0;
text-decoration:underline;
}



#rooms .thumbnail{
position:relative; 
margin: 0 10px;
text-align:left;
background:#fff;
z-index: 0;
}


#rooms .thumbnail a img {
width: 100%;
border:0;
margin:0;
padding:0;
}
#rooms .thumbnail a:link
, #rooms .thumbnail a:visited
, #rooms .thumbnail a:hover
, #rooms .thumbnail a:active 
, #news_thumbnail a:link
, #news_thumbnail a:visited
, #news_thumbnail a:hover
, #news_thumbnail a:active {
color:#717073;
line-height: 18px;
margin:0;
padding:0;

}

#rooms .thumbnail p.click_for_enlargement a {
margin:0;
padding:0;
line-height:18px;
color: #717073;

}
*/
/* ==== End of rooms ==== */




/* ==== Rooms ==== */
#rooms{
margin-top: 25px;

}
.specific_room{
  border: 0 solid red;
  max-width: 1024px;
  margin:0 auto;
  }
  .specific_room h2{
  margin: 10px;
  zclear:both;
  border: 0 solid #000;
  }
  .specific_room h6{
  font-weight: 700;
  color: #a31e22;
  }
  .specific-room .room-type{
  line-height: 1.2em;
  }
  .facilities{
  width: 100%;
  border: 0 solid blue;
  margin:0;
  padding:0;
  display:flex;
  flex-flow: row wrap;
  flex-wrap:wrap;
  align-items:top;
  align-content:space-around;
  justify-content: space-around;
  }
  .specific_room div.facilities div{
  width: 300px !important;
  border: 0 solid orange;
  margin:0;
  padding:0;
  }
  .facilities h6{
  margin-left: 10px;
  }
  .facilities ul li{
  margin: 2px 0;
  }
  .specific_room ul{
  list-style-type: none;
  margin-left: 20px;
  }
  #thumbnail_and_description{
  border: 0 solid #000080;
  margin: 20px 0 0;
  /*display:flex;
  flex-flow: row wrap;
  flex-wrap:wrap;
  align-items:top;
  align-content:space-around;
  justify-content: space-around;
  */}
  #accommodation-product-thumbnail{
  border: 0 solid red;
  width: 300px;
  float:left;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
  }
  #accommodation-product-thumbnail img{
  width: 100%;
  }
  #thumbnail_and_description p{
  border: 0 solid green;
  float: none;
  font-size: 1.2em;
  line-height: 1.2em;
  padding: 0 10px 10px !important;
  }
  .click_for_enlargement{
  text-align:center;
  border: 0 solid red;
  margin: 10px 0;
  }
  </style>);

/* ==== end of rooms === */






    #security_code{
        font-size: 1.2em;
    }	

    #shop_promotions_panel{
        background: #fff;
        margin:0 10px; 
        height: 450px; 
        overflow:hidden;
        padding:0;
    }
    #shop_promotions_panel #shop_promotions_slide_container{   
        display:none; 
        position:relative; 
        width:250px;
        height: 400px; 
        margin:0 auto;
        padding:0"
    }
    #shop_promotions_panel #shop_promotions_slide_container #slides{
        background:#fff;
        cursor:move; 
        position:absolute; 
        left:0; 
        top:0; 
        width:250px; 
        height:400px;
    }
    #shop_promotions_panel #slides .slider_content .image_div{
        background: #fff;
    }
    #shop_promotions_panel .slider_content{
        height:350px; 
        background: #fff;
    }
    #shop_promotions_panel .image_div{
        text-align:center;
        background:#fff;
        height: 250px;
        width: 100%;
    }
       
    #shop_promotions_panel .image{
        margin:0 auto; 
        height: 250px;
    }
    #shop_promotions_panel .text_data{
        position:relative;
        margin:0;
        background: #fff;
        padding:0;
        text-align:center;
    } 
    #shop_promotions_panel p.promo_name{
        color:#717073;
        font-weight:700;
    }
    #shop_promotions_panel p.promo_price{
        font-weight:700;
        color:red;


    }

    #slideshow4{
        background: inherit; 
        padding-bottom: 20px;

    }
    #slideshow5{
        margin:10px 0 0;
        clear:both;
        border: 0;
        background:transparent;
    }
    #slider1_container{
        position:relative;
        margin: 0 auto;
        width: 1200px;
        height: 494px;
        
        background: transparent;
        border: 0px solid #bbb;  
overflow:visible;
    }



#SpecialDivForThumbnailGallery {
text-align:center;
width:100%;
max-width: 500px;
margin: 0 auto;
background: #1a1a1a;
ppadding:20px 40px 10px 40px;
} 
* html #SpecialDivForThumbnailGallery {
zoom:1;
}

#SpecialDivForThumbnailGallery #gallery_thumbs{
position:relative;
margin-top:20px;
/*width: 100%;*/
}
* html #SpecialDivForThumbnailGallery #gallery_thumbs {
zoom:1; 
}

#SpecialDivForThumbnailGallery a img {
border: 1px solid #C5C99D;
}
#SpecialDivForThumbnailGallery p{
width: 100%;
margin-top: 20px;
}
#SpecialDivForThumbnailGallery ul { /**/
list-style:none;
/*width: 100%;*/
display:block;
position:relative;

}



#SpecialDivForThumbnailGallery  ul li {
position:relative;
margin:3px;
margin-right:50px;
display:inline;
}
*html #SpecialDivForThumbnailGallery ul li a, * html #SpecialDivForThumbnailGallery ul li {
height:1%;
}

#SpecialDivForThumbnailGallery ul li a {
background: transparent; 
border:0px solid #000;
display:inline;
width:165px;
text-decoration:none;
color: #6ba9d8;
padding:5px 8px;
font-weight:800;
white-space:nowrap;
line-height: 25px;
}
#SpecialDivForThumbnailGallery ul li a:hover {
border:0 solid #000;
background: transparent;
color: #8a8a8a;
}


* #SpecialDivForThumbnailGallery ul li ul {
padding:3px;
background: transparent;
width:145px;
line-height: 25px;
}
#SpecialDivForThumbnailGallery ul li ul li {
margin:0;
display:inline;
}
#SpecialDivForThumbnailGallery ul li ul li a {
border:0px solid #bcb366;
width:125px;
height:auto;
padding:3px;
display:inline;
font-weight:normal;
background:transparent;
}
#SpecialDivForThumbnailGallery ul li ul li a:hover {
background:transparent;
}

#SpecialDivForThumbnailGallery ul li ul {
position:absolute;
width:145px;
left:-999em;
z-index:1000;
}

#SpecialDivForThumbnailGallery ul li:hover ul,#SpecialDivForThumbnailGallery ul li li:hover ul,#SpecialDivForThumbnailGallery ul li li li:hover ul,#SpecialDivForThumbnailGallery ul li.sfhover ul,#SpecialDivForThumbnailGallery ul li li.sfhover ul,#SpecialDivForThumbnailGallery ul li li li.sfhover ul {
left:10px;
font-size:1em;
width:250px;
display:inline;
top:15px;
text-align:left;
}

#SpecialDivForThumbnailGallery ul li:hover ul {
z-index:1000;
}



/* =========== end ====================*/

/* ==== first_widgets ==== */
#first_widgets{
clear:left;
position:relative;
margin:0 15px 0;
padding:0;
border: 0px solid #ccc;
border-radius: 0.5em;
webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
background: inherit; /*#a39781;*/
}
#first_widgets:after {
    content : ".";
display:block;
height:0px;
width:100%;
visibility:hidden;
clear:both;
}

#first_widgets ul li{
display:inline;
padding: 0;

}
#first_widgets ul li a:link {
clear:none;
float:left;
background:inherit;
border:0px solid #ccc;
width: 50px;
padding:0;
margin: 0 5px;
}


/* ==== end first_widgets ==== */
  

/* ==== second widgets ==== */
#second_widgets{
  width : 90%;
  margin: 0 auto;
  }
  #second_widgets ul {
  
  list-style-type:none;
  margin:0;
  display:inline;

  }
  #second_widgets ul li {
  display:inline;
  
  }
  #second_widgets ul li a:link{
color: #eee;
font-weight: 800;
}
  #second_widgets ul li a img{
  border:0;
  background:inherit;
      
  }
#second_widgets ul li iframe{
width: 100%;
height: 150px;
border-radius: 0.4em;
-webkit-border-radius:0.4em;
-moz-border-radius:0.4em;
}


/* ==== end of second widgets ==== */


#terms_and_conditions_panel{

    width: 300px; 
    border: 0 solid red;
    background-color: inherit;
    padding: 0 15px 25px; 
    color: #fff;
}
#terms_and_conditions_panel p{
margin:0;
}    
#terms_and_conditions_panel a:link
, #terms_and_conditions_panel a:visited
, #terms_and_conditions_panel a:hover
, #terms_and_conditions_panel a:active{
color: #ddd;
}


#url{
display:none;
}


#virtual-tour-container{
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

#virtual-tour-container .virtual-tour-iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.warning {
    border : 3px solid #ff8080;
    background-color : #ffb3b3;
    color:#717074; /*#990000;*/
    font-weight : bold;
    font-size:.85em;
    padding: 15px !important;
}


/*  ==== end of default styles ====*/




@media only screen and (min-width: 300px) {


#button_form_preview
, #button_form_send
, #button_form_change
, button_form_cannot_send{

float:left;
}




     
 /* === start of embedded mailing list signup form  === */

 /*
#embedded_form {
float: none;
clear:both;
margin: 20px 10px 0 10px;
text-align:left;
line-height:20px;
padding: 0 0 10px 0;
border-radius:.4em;
-webkit-border-radius:.4em;
-moz-border-radius:.4em;
}
#embedded_form form{
padding:0;
margin:0;
}
#embedded_form p.newsletter-signup-form{
padding-left:10px;
}
#embedded_form div {
position:relative;
width: 250px;
}
#embedded_form_div #embedded_form_heading{
width: 300px;
background: transparent;
}
#embedded_form #button{
background: transparent;
width: 180px;
padding:0;
}



#embedded_form .textbox {
background:#fff;
height: 35px;
width: 238px;
padding: 0 0 0 10px;
font-size: 1.2em;
border:0;
color: #717073;
border: 0px solid #737373;
}
*/


/* This rule is read by Galleria to define the gallery height: */
#SpecialDivForThumbnailGallery #galleria{height:100px}
   
    
    

    #main_content {
        margin:0 auto;
        min-width: 100px;
        float:none;
        padding:5px 10px;        
        text-align:justify;
        font-size:1.2em;
        line-height:1.5em;
        color:#717073;
        background: #fff;
    }
    #main_content.booking_terms{
        margin-top: 60px;
    }
    #main_content #div_1 {
        width:100%;
        float:none;
        min-width:200px;
        hheight: 100px;
        padding:0;
        margin:0 auto;
    }

    #div_2{
        position:relative;
        width:100%;
        float:none;
        padding: 0 0 10px 0;
    }
    #main_content div img{
    width: 300px;
    float:left;
    }
 
    #main_content ul{
    list-style-type: none;
    padding-left: 20px;
    margin-top: 10px;
    }
    #main_content ul li{
        position: relative;
        padding-left: 20px;
        margin-bottom: 10px
    }
    #main_content ul li:before{
        position: absolute;
        top: 0;
        left: 0;
        font-family: FontAwesome;
        font-size: 0.7em;
        content: "\f069";
        color: #717073;
    }
    #main_content .ui-accordion-content{ color: #717073;}
    
    
    
    #news_panel{
    width: 100%;
    padding:0;
    margin:0;
    }




/* Ratings 
   -------------------- 

.stars { position:absolute; overflow:hidden; }

.stars.r0, .stars.r1, .stars.r2, .stars.r3, .stars.r4, .stars.r5 { margin-top:2px; width:61px; height:12px;}

.stars.r0 img, .stars.r1 img, .stars.r2 img, .stars.r3 img, .stars.r4 img, .stars.r5 img { left:-310px;  }

.stars.r0 img { top:0;}
.stars.r1 img { top:0px;}
.stars.r2 img { top:-24px;}
.stars.r3 img { top:-36px;}
.stars.r4 img { top:-48px;}
.stars.r5 img { top:0px;}
*/

.stars.r0, .stars.r1, .stars.r2, .stars.r3, .stars.r4, .stars.r5 { margin-top:2px; width:70px; height:12px; line-height:12px; font-size: 0.92em; display:block; float:left; }
 
   /* .stars .r0 img, .stars .r1 img, .stars .r2 img, .stars .r3 img, .stars .r4 img, .stars .r5 img { left:-310px;  }
  */
  .stars {
        background:url(/cgi-bin/mask.pl?client=cp&size=images&img=comments_stars.gif) no-repeat;
  }
  .stars.r5 { background-position:top left}
  .stars.r4 { background-position:0 -12px}
  .stars.r3 { background-position:0 -24px}
  .stars.r2 { background-position:0 -36px}
  .stars.r1 { background-position:0 -48px}
  .stars.r0 { background-position:bottom left}








a.tooltip {
  position:relative;
  background-color:transparent;
  text-decoration:underline;
  z-index:24;
  color:#616161;
}
a.tooltip:hover{z-index:25;}
a.tooltip span {
  position:relative;
  text-decoration:underline;
  z-index:24;
  } 
a.tooltip:hover span{
z-index:24;
}
a.tooltip span.the_tip {
    display:none;
}
a.tooltip:hover span.the_tip {  
    display:block;
    position:absolute;
    /*top:0em; left:-5em; width:10em;*/
    background-color:#ddd; 
    color:#616161;
    border:1px solid #616161;
    text-align: center;
    text-decoration: none;
    padding:2px;
margin-left: -5%;
font-size: 1.2em;

}

#tariffs table td.nowrap a.tooltip:hover span.the_tip {
        white-space:normal;
  }

* a.tooltip:hover{height:1%} 



}





@media only screen and (min-width: 480px) {

    /* === start of embedded mailing list signup form  === */
/* #embedded_form {
float: none;
clear:both;
text-align:left;
line-height:20px;
border-radius:.4em;
-webkit-border-radius:.4em;
-moz-border-radius:.4em;
width: 55%;
}
#embedded_form div {
position:relative;
float:left;
line-height: 20px;
height: 40px;
width: 35%;
background: #fff;
margin-top: 10px;
}
#embedded_form #name{
margin-left: 5%; 
border:1px solid #737373;
}

#embedded_form #button{
background: transparent;
width: 15%;
padding:0;
}
#embedded_form .textbox {
background:#fff;
height: 35px;
width: 90%;
padding: 0 0 0 10px;
font-size: 1.2em;
line-height: 1.2em;
border:0;
color: #717073;
float:left;
}
*/

/* end of embedded form */
   

   




    #main_content.form form{
       
        margin:0 70px;
    }
    
    
    
#form_buttons_block{
margin:0 auto;
text-align:center;
height: 2em;
width: 91%;
}
.g-recaptcha p{
width: 450px;
margin:0 auto;
background:#ccc;
}

/* === should be obsolete === */
#image_galleries{
margin: 0 auto;
}


#image_galleries div.thumbnail{
float:left;
height: 180px;
}

/* column widths structured according to the total number of images. */

      #image_galleries div.tc_one{
        float:none;
        margin:0 auto;
        height: 225px;
      }


    /* Display 3 images per row if the total is evenly divisible by three eg 3, 6, 9 & 12 OR 7 */

      #image_galleries div.tc_three
    , #image_galleries div.tc_six
    , #image_galleries div.tc_seven 
    , #image_galleries div.tc_nine
    , #image_galleries div.tc_twelve 
    {
        margin:0;
        padding:0;
        width: 32.3%;
    }   
  

    /* Display 4 images per row if the total is divisible by 4*/

      #image_galleries div.tc_eight
    , #image_galleries div.tc_four{
        margin:0;
        padding:0;
        width: 24%;
        height: 150px; 
    }

      #image_galleries div.tc_five, #image_galleries div.tc_eleven{
          height: 250px;
      }

    /* Display 2 images per row if the total is 2 */
    #image_galleries div.tc_two{
        margin:0;
        padding:0;
        width: 49%;
        height: 225px;  
    } 


   



  /* css for specific thumbnails */
  /* so that they are correctly spaced with margins */
   

    /* if 2 images - no thumb-specific css required */
    #image_galleries div.two_two{
        margin: 0 0 0 1.3%;
    }
    /* if 3 images - display 3 per row */
    /* and give the middle one a specific margin */ 
      #image_galleries div.three_two{
        margin:0 1.3%;
    }
      #image_galleries div.three_three{        
        float:left;
        margin:0;
        clear:none; 
    }

    /* if 4 images - give the middle images the correct margin*/
      #image_galleries div.four_two{
          margin: 0 1.3%;
      }
      #image_galleries div.four_three{
          margin: 0 1.3% 0 0;
      }


    /* if 5 images - center the last image */
    #image_galleries div.five_five{
        float: none; 
        clear:left;
        margin: 0 auto;
    }

    /* if 6 images - give the middle image the correct margin. */
      #image_galleries div.six_two
    , #image_galleries div.six_five{
      margin: 0 1.3%;
      }


    /* if 7 images - give the middle image the correct margin. */

      #image_galleries div.seven_two
      , #image_galleries div.seven_five{
          margin: 0 1.3%;
      }     
      #image_galleries div.seven_seven{
        clear:left;
        float:none;  
        margin: 0 auto;
      }
      

    /* if 8 images - add margin to middle images */ 
      #image_galleries div.eight_two
      , #image_galleries div.eight_six{
          margin: 0 0.6% 0 1.2%; 
      }
      #image_galleries div.eight_three
      , #image_galleries div.eight_seven{
        margin: 0 1.2% 0 0.6%;
      }
 
      





     /* if 9 images - give the middle image the correct margin.*/
      #image_galleries div.nine_two
    , #image_galleries div.nine_five
    , #image_galleries div.nine_eight{
        margin:0 1.3%;
    }

    /* if 10 images - no special margins required */
      
     

   
    



    #internal_businesses{        
        height:75px; 
        width:100%;
        margin:5px 0 0 0;
        bbackground:yellow; /*transparent;*/
        
    }
    #internal_businesses ul{
        width: 99%;
        list-style-type:none;
        padding:0;
        margin:0 auto;
    }

    #internal_businesses li {
        display:inline-block;
        text-align:center;
        height:100%;
        width:49.5%; /*230px;*/ /*47%;*/
        line-height:100%;
        margin:5px 0;
        vertical-align:middle;
        background: #ccc2A3;  
        border-radius: 0.3em;
        webkit-border-radius: 0.3em;
        -moz-border-radius: 0.3em;
        padding: 5px 0;
    }
    #internal_businesses ul li p{
        float:none;
    }
    #internal_businesses ul li a:link{   
        float:none;
    }  
    #logo{
    }
    #logo #logo_image{
        /*width:150px;
        margin-left: 10px;*/
    }
   

    #shop_promotions_panel{
        background: #fff;
        margin:0 auto; 
        height: 375px; 
        width: 300px;
        overflow:hidden;
        padding:0;
    }
    #shop_promotions_panel #shop_promotions_slide_container{   
        display:none; 
        position:relative; 
        width:250px;
        height: 375px; 
        margin:0 auto;
        padding:0"
    }
    #shop_promotions_panel #shop_promotions_slide_container #slides{
        background:#fff;
        cursor:move; 
        position:absolute; 
        left:0; 
        top:0; 
        width:250px; 
        height:375px;
    }

    #shop_promotions_panel .slider_content{
        height:350px; 
        background: #fff;
    }
    #shop_promotions_panel .image_div{
        text-align:center;
        background:#fff;
        height: 250px;
        width: 100%;
    }
    #shop_promotions_panel .image{
        margin:0 auto; 
        height: 250px;
    }
    #shop_promotions_panel .text_data{
        position:relative;
        margin:0;
        background: #fff;
        padding:0;
        text-align:center;
    } 
    #shop_promotions_panel p.promo_name{
        color:#717073;
        font-weight:700;
    }
    #shop_promotions_panel p.promo_price{
        font-weight:700;
        color:red;


    }


/* This rule is read by Galleria to define the gallery height: */
#SpecialDivForThumbnailGallery #galleria{height:425px}

}






@media only screen and (min-width: 550px) {
    
    #div_one{     
        margin: 0;
        /*padding:10px 0 10px 0;*/
        /*height: 375px;*/
    }

#div_one.contact_form{
clear:left;
}
    

    #internal_businesses{        
        height:75px; 
        width:100%;
        margin:5px 0 0 0;
        bbackground:blue; /*transparent;*/
        
    }
    #internal_businesses ul{
        width: 99%;
        list-style-type:none;
        padding:0;
        margin:0 auto;
    }

    #internal_businesses li {
        display:inline-block;
        text-align:center;
        height:100%;
        width:49.5%; /*230px;*/ /*47%;*/
        line-height:100%;
        margin:5px 0;
        vertical-align:middle;
        background: #ccc2A3;  
        border-radius: 0.3em;
        webkit-border-radius: 0.3em;
        -moz-border-radius: 0.3em;
        padding: 5px 0;
    }
#internal_businesses ul li p{
float:none;
}
#internal_businesses ul li a:link{
float:none;
}  



#opening_hours_panel{
width: 52%;
float:left;
margin:10px 0 0 15px;
font-size: 1em;
line-height: 1.2em;
}
#opening_hours_panel table{
font-size: 1em;
}
#opening_hours_panel table tr{
color: #fff;
line-height: 1em;
}
#opening_hours_panel table tr.shaded{
color:#717073;
}
#opening_hours_panel table tr{
padding:0;
}
#opening_hours_panel table tr th{
padding:0;
}
#opening_hours_panel table tr td{
padding:0;
}



/*
#phone_numbers_international{
width:100%;
font-size:1.8em;
}

#phone_numbers_international ul{
padding:0;
list-style-type:none;
}
#phone_numbers_international > ul > li{
padding:0;
display:block;
}
*/


#postal_address_only{
/*float:left;*/
/*width:40%;*/
/*margin:10px 0 0 15px;*/
/*font-size: 1em;
line-height: 2.0em;*/
}
#postal_address_only li{

font-size: 1em;
line-height: 1.2em;
}




    #shop_promotions_panel{
        background: #fff;
        height: 375px; 
        max-width:47%;
        mmax-width: 350px;  
        ooverflow:hidden;
        padding:0;
        margin: 0 auto;
    }
    #shop_promotions_panel #shop_promotions_slide_container{   
        display:none; 
        position:relative; 
        width:250px;
        height: 375px;
        padding:0"
    }
    #shop_promotions_panel #shop_promotions_slide_container #slides{
        background:#fff;
        cursor:move; 
        position:absolute; 
        left:0; 
        top:0; 
        width:100%; 
        height:375px;
    }

    #shop_promotions_panel .slider_content{
        height:350px; 
        background: #fff;
    }
    #shop_promotions_panel .image_div{
        text-align:center;
        background:#fff;
        height: 250px;
        width: 100%;
    }
    #shop_promotions_panel .image{
        margin:0 auto; 
        height: 250px;
    }
    #shop_promotions_panel .text_data{
        position:relative;
        margin:0;
        background: #fff;
        padding:0;
        text-align:center;
    } 
    #shop_promotions_panel p.promo_name{
        color:#717073;
        font-weight:700;
    }
    #shop_promotions_panel p.promo_price{
        font-weight:700;
        color:red;


    }




}


@media only screen and (min-width: 600px) {

    #embedded_form{
        width: 50%;
        float:left;
        clear:none;
        hheight: 260px;
        background: inherit;
        padding-top:0;
        margin-top: 0;

    }
/*    #embedded_form div {
        position:relative;
        line-height: 20px;
        width: 90%;
        background: #a29c93; 
        margin: 10px auto;
    }
    #embedded_form .textbox {
        background:#fff;
        height: 35px;
        width: 90%;
        padding: 0 0 0 10px;
        font-size: 1.2em;
        line-height: 1.2em; 
        border:0;
        margin:0 auto;
        color: #717073;
    }

*/

    #main_content.form{
    mmargin:0 135px;
    }
    #main_content.form form{
    wwidth:100%;
    margin: 0 140px;
    }
    #form_buttons_block{
        float:none;
        margin:0 auto;
        text-align:center;
        height: 2em;
        width: 100%;
}
    
    #div_two:after {
    content : ".";
display:block;
height:1px;
width:100%;
visibility:invisible;
clear:both;
    }


    
    
    #image_galleries div.thumbnail{
        height: 200px;
    }
    #image_galleries div.tc_one{
        height: 275px;
    }
    #image_galleries div.tc_two{
        height: 275px;
    }
    #image_galleries div.tc_three{
height: 200px;
}
    #image_galleries div.tc_five{
        height: 275px;
    }
    #image_galleries div.tc_eight{
        height: 250px;
    }
    #image_galleries div.tc_eleven{
        height: 275px;
    }


    #internal_businesses{ 
        height:25px;
        padding:0;
        width:97%;
        margin:5px auto;
  background:transparent;
        
    }
    #internal_businesses ul{
        width: 100%;
        list-style-type:none;
        padding:0;
        margin:0 auto;
    }

    #internal_businesses li {
        display:inline-block;
        text-align:center;
        height:100%;
        width:24.45%;
        line-height:100%;
        margin:0;
        vertical-align:middle;
        background: #ccc2A3;  
        border-radius: 0.3em;
        webkit-border-radius: 0.3em;
        -moz-border-radius: 0.3em;
        padding: 5px 0;
    }
#internal_businesses ul li p{
float:none;
}
#internal_businesses ul li a:link{
float:none;
}


#logo{
    }
    #logo #logo_image{
    }



/* the logo for the group */
#main_logo{
margin-top: 0;
text-align:center;
}
#main_logo img {
margin: 10px auto;
max-height: 150px;
}
    #main_content {
        min-width: 200px;
        float:none;       
        text-align:justify;
    }
    #main_content div{
    }
    

    #news_panel{
    width: 45%;
    float:left;
    }


    #opening_hours_panel{
        width: 47%;


    }


    #postal_address_only{
        width: 43%; 
    }



/*
#phone_numbers_international{
font-size: 0.9em;
border:0px solid #ccc;
margin:0;
}
#phone_numbers_international h3{
background:transparent;
width:20%;
color:#fff;
}
#phone_numbers_international ul{
background:transparent;
}
*/

    /* ==== quick booker form ==== */	
/*
#quick_booker { 
}

#quick_booker h1 {
color: #fff;
font-size: 1.2em;
text-align: left;
}

#quick_booker ul {
margin: 0 ;
font-size : 1em;
color : #fefdf6;
list-style-type: none;
padding: 10px;
}

#quick_booker li.ci_day {
background-color : inherit;
line-height: 1.2em;
float:left;
padding : 0;
margin: 0;
border:0;

}
#quick_booker li.month_year {
background-color :inherit;
float:left;
padding : 0;
margin: 0;
border:0;
line-height: 1.2em;
}
#quick_booker input[type=text]{
line-height: 1.2em;
}
#quick_booker li.ci_ym {
background-color : transparent;
float:left;

padding : 0;
margin:0;
border:0;

}
#quick_booker ul li.nights{
background-color : inherit;
line-height: 1.8em;
float:left;
clear:left;
width: 125px;
padding : 0;
margin:10px 0 0 0;
border:0;
}
#quick_booker > ul > li.nights {
background-color : inherit;
line-height: 1.8em;
float:left;
clear:left;
width: 125px;
padding : 0;
margin:0;
border:0;
}
#quick_booker > ul > li.nights > select{
line-height: 1.2em;
height: 1.8em;
}

#quick_booker ul li.nights select{
line-height: 1.2em;
height:1.8em;
}

#quick_booker li.submit {
background-color : inherit;
float:none;
clear:both;
padding : 0;
margin:10px 0 0 0;
border:0;
text-align:center;
}

#quick_booker li.submit input{
padding : 5px;
margin: 8px auto;
}

*/	
	
/* ==== end of quick booker form ==== */	

/* Rooms */
#rooms .thumbnail{
float: left;
width: 250px;
}


#rooms .specific_room p{
margin:0;
padding:0;
}

/* end of rooms */


    #slideshow4{
        position:relative;
        z-index:0;
        margin-top : -200px;
    }


}







@media only screen and (min-width: 768px) {


    #bookings_availability .clearfix{
        width: 100%;
        height: 0;
        clear:both;
        margin-top: 0;
    }

    #bookings_availability .individual_product{
        margin-top: 10px;
        margin-bottom:10px;
        background: #eee;
    } 

    
    #bookings_availability .page_sub_total{
    clear:both;
    }



    #comments table.ratings{
        width: 45%;
        float:left;
    }
    #comments table.guest_details{
        float:left;
        margin-left: 1%;
        width: 54%;
    }

    
    #div_one {         
        /*height: 300px;*/
        margin: 0;
    }

    #div_one.contact{
    }

#div_two:after {
    content : " ";
display:block;
height:0px;
width:100%;
visibility:invisible;
clear:both;
    }

/* === start of embedded mailing list signup form  === */

/* removed 2022-06-15 for testing */
/*
#embedded_form {
float: left;
text-align:left;
line-height:20px;
width: 47%;
}


#embedded_form div {
position:relativve;
float:left;
line-height: 20px;
height: 40px;
width: 250px;
background: inherit;
margin-left: 10px;
margin-top: 10px;
}
#embedded_form #button{
clear:left;
background: transparent;
padding:0;
}
#embedded_form .textbox {
background:#fff;
height: 35px;
width: 238px;
padding: 0 0 0 10px;
font-size: 1.2em;
line-height: 1.2em;
border:0;
color: #717073;
float:left;
}
*/

/* end of embedded form */



.faqs_accordion{ 
font-size: 1.0em;
}
.faqs_accordion p{
margin: 0 20px;
}



/*#first_widgets.contact_form{
float:left;
margin:45px 0 0 20px;
width: 20%;
border:0px solid #fff;
padding:0;
}

#first_widgets.contact_form ul li a:link {
clear:none;
float:left;
background:inherit;
border:0px solid #ccc;
width: 50px;
padding:0;
margin: 0;
}
*/


    #main_content.form form{
        padding:0;
        margin: 0 220px;
        border:0px solid #000;
    }
     

    #image_galleries div.thumbnail{
        height: 350px;
    }
    #image_galleries .thumbnail p{
        line-hight: 1em;
    }
    #image_galleries div.tc_eleven{
        height: 150px;
        width: 18%;
    }  
    #image_galleries div.tc_ten{
        height: 150px;
        width: 18%;
    }
    #image_galleries div.tc_nine{
        width: 32.3%; 
    }
    #image_galleries div.tc_eight{
        height: 200px;
    }
    #image_galleries div.tc_seven{
        height: 250px;
    }
    #image_galleries div.tc_six{
        height: 250px;
    }
    #image_galleries div.tc_five{
        height: 150px;
        width: 18%;
    }
    #image_galleries div.tc_four{
        height: 200px;
    }
#image_galleries div.tc_three{
width: 32.4%;
height: 250px;
}

 #image_galleries div.three_two{
        margin:0 1.3%;
    }


    #image_galleries div.five_five{
        clear:none;
        float:left;
        margin: 1%;
    }




    #internal_businesses{
        width:100%;  
background:transparent; 
    }
    #internal_businesses ul{
        width: 100%;
        list-style-type:none;
        padding:0;
        margin:0;
    }

    #internal_businesses li {
        display:inline-block;
        text-align:center;
        height:174px;
        width:49.40%; /*174px;*/
        margin: 0 0 1% 0;
        line-height:174px;
        vertical-align:middle;
        background: #ccc2A3; 
    }
#internal_businesses ul li p{
float:none;
}
#internal_businesses ul li a:link{
float:none;
}


#Location #div_1{
float:left;
width: 47%;
padding:0 10px;
}
#Location #div_2{
float:left;
padding:0 10px;
width: 47%;
}
#Location #div_2:after{
  content: ".";
  visibility: hidden;
  line-height: 1.5em;
  font-weight: normal;
}

#Location #div_3{
margin: 0 15px;
clear:both;
background: #fff;
}
#Location #div_4{
margin: 0 15px;
clear:both;
background: #dad8da;
}

    

    #main_content{    
        /*width: 47%;
        float:left;*/ 
        border:0px solid #ccc;
        text-align:left;
    }
    #main_content div{
    padding:10px 0 0 0;
    border:0px solid #ccc;
    }
   
    #menus_accordion div .dish_div{
        border: 0px solid red;
        margin: 0;  
        width: 48%;
        float:left;
    }

#menus_accordion div .three
 , #menus_accordion div .five
 , #menus_accordion div .seven
 , #menus_accordion div .nine
 , #menus_accordion div .eleven
 , #menus_accordion div .thirteen
 , #menus_accordion div .fifteen
 , #menus_accordion div .seventeen
 , #menus_accordion div .nineteen{
float:left;
clear:left;
}
#menus_accordion div .one
, #menus_accordion div .three
, #menus_accordion div .five
, #menus_accordion div .seven
, #menus_accordion div .nine
, #menus_accordion div .eleven
, #menus_accordion div .thirteen
, #menus_accordion div .fifteen
, #menus_accordion div .seventeen
, #menus_accordion div .nineteen
, #menus_accordion div .twenty_one
, #menus_accordion div .twenty_three
, #menus_accordion div .twenty_five
, #menus_accordion div .twenty_seven
, #menus_accordion div .twenty_nine
{
margin-right: 4%;
} 
#menus_accordion p.title{
width: 70%;
text-align: left;
float:left;
margin:0;
}
#menus_accordion p.price{
float:left;
text-align:right;
width: 30%;
}
#menus_accordion p.body{
clear:left;
} 


#menus div .dish_div{
border: 0px solid red;
margin: 0;
width: 48%;
float:left;
}
#menus div .three
 , #menus div .five
 , #menus div .seven
 , #menus div .nine
 , #menus div .eleven
 , #menus div .thirteen
 , #menus div .fifteen
 , #menus div .seventeen
 , #menus div .nineteen{
float:left;
clear:left;
}
#menus div .one
, #menus div .three
, #menus div .five
, #menus div .seven
, #menus div .nine
, #menus div .eleven
, #menus div .thirteen
, #menus div .fifteen
, #menus div .seventeen
, #menus div .nineteen
, #menus div .twenty_one
, #menus div .twenty_three
, #menus div .twenty_five
, #menus div .twenty_seven
, #menus div .twenty_nine
{
margin-right: 4%;
} 
#menus p.title{
width: 70%;
text-align: left;
float:left;
margin:0;
}
#menus p.price{
float:left;
text-align:right;
width: 30%;
}
#menus p.body{
clear:left;
} 
            
    #nearby{
        margin: 0 auto;
        max-width: 600px;      
    }    
    #news_panel{
        float:left;
        width: 46%;
        miin-width:250px;
        padding:0 10px;
        margin:10px 0 0 0;
    }
    
#opening_hours_panel{
font-size: 1.2em;
}



#phone_numbers_international h3{
width:15%;
}

/*#postal_address_only{
    float:left;
    width: 40%;
    clear:none;
}
#postal_address_only.mainpage{
clear:none; 
}
#postal_address_only.contact_form{
margin-left: 20px;
border:0px solid #fff;
}
#postal_address_only ul{

    }
*/

/*
   #quick_booker ul{
    margin: 0 10%;
    }
    #quick_booker ul:after{
        content: '.';
        display:block;
        clear:both;
        font-size: 1px;
        visibility:hidden;
    }  
    #quick_booker > ul > li{ 
        float:none;
        border: 2px solid #ccc;
        height: 10px;
    }
    #quick_booker ul li.month_year{
        margin-top: 10px;
    }
    #quick_booker ul li.nights{
        margin-top: 10px;
        margin-left: 25px;
        padding:0;
        clear:none;
        line-height: 1.2em;
    }
    #quick_booker li.submit{
        clear:none;
        margin:0; 
        padding:0; 
        float:left;
    }
    #quick_booker li.submit input{
        margin:0;
        margin-left: 35px;
        padding:0;
    }
    
*/

   
    #rooms .specific_room{
    }
    #rooms .specific_room .thumbnail{
        float:left;  
    }

#virtual-tour-container{
    /*position: relative;
    overflow: hidden;*/
    padding-top: 0; height:500px; width:100%;
}

#virtual-tour-container .virtual-tour-iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
}




@media only screen and (min-width: 800px){


#main_content.form form{
        margin: 0 235px;
    }

}




@media only screen and (min-width: 1024px) {

          
    #button_form_preview
    , #button_form_send
    , #button_form_change
    , button_form_cannot_send
    {
        ffont-size: 0.85em;
    }

    #div_one{
        /*height: 300px;*/

    }

    #div_one.contact{
        float:none;
        width:100%;
        margin-left: 0;
    }


/* === start of embedded mailing list signup form  === */

/* removed for testing 2022-06-15*/
/*
#embedded_form {
float: left;
clear:none;
text-align:left;
line-height:20px;
width: 33%;
margin:0 25px 0 0;
}



#embedded_form div {
float:left;
line-height: 20px;
height: 40px;
width: 250px;
background: inherit; 
margin-left: 10px;
margin-top: 10px;
}
#embedded_form #button{
background: transparent;
width: 100px;
padding:0;
clear:left;
}
#embedded_form .textbox {
background:#fff;
height: 35px;
width: 238px;
padding: 0 0 0 10px;
font-size: 1.2em;
line-height: 1.2em;
border:0;
color: #717073;
float:left;
}
*/


#embedded_form{
width: 33%;

}

/* end of embedded form */



    
    #first_widgets{
        float:none;
        margin:0;
        /*width: 20%;*/
        /*border:0px solid #fff;*/
        /*padding:0;  */
    }
    #first_widgets.contact_form{
        float:left;
        margin:75px 0 0 0;
    }

    /* #main_content.form form{
        width: 35%;
        float:none;
        margin:0 auto;
        padding:10px 0 0 0;
    }*/
    #main_content.form form{
        max-width:100%;
        margin:0 325px;
    }
    #form_buttons_block
    {
        font-size: 0.65em;
        width: 100%;
        margin:0 auto;
    }
    

   


    
    #div_two{
        width:100%;
        padding:10px 0 0;
    }
    #div_two.Location{
        background:#fff;
    }
    
 #image_galleries div.tc_one{
        height: 450px;
    } 
    #image_galleries div.tc_two{
        height: 450px;
    }
    #image_galleries div.tc_nine{
        height: 300px;
    }
    #image_galleries div.tc_eight{
        height: 250px;
    }
    #image_galleries div.tc_four{
        height: 250px;
    }
    #image_galleries div.tc_three{
        height: 300px;
    }
    #image_galleries div.tc_five{
        height: 200px;
    }
    #image_galleries div.tc_six{
    height: 300px;
    }
    #image_galleries div.tc_seven{
        height: 310px;
    }
    #image_galleries div.tc_eleven{
        height: 200px;
    }


    #internal_businesses{
        padding:0; 
        width:100%;
    }
    #internal_businesses ul{
        width: 100%;
        list-style-type:none;
    }

    #internal_businesses li {
        display:inline-block;
        text-align:center;
        height:1em;
        width:24.35%;
        margin:0;
        vertical-align:middle;
        line-height:1em;
    }
    #internal_businesses ul li p{
        float:none;
    }
    #internal_businesses ul li a:link{
        float:none;
    }
    #main_content{
        line-height: 1.8em;
    }
    #main_content div{
        padding:10px 0 0 0;
    }

 #menu_header_accordion
 , #menu_footer_accordion
, #menu_header_default
, #menu_footer_default{
        margin: -10px 12% 0;
    }
    #menus{
       margin: 10px 13%;
    }      
                                  
    #news_panel{
        float:left;
        width: 23%;
        /*padding:0 10px;
        margin:10px 0 0 0;*/
    }

    #news_panel h1{
        width:100%;
    }

    #opening_hours_panel{
        width: 35%;
    }

    #page_divider1 {
        clear:both; 
        width: 100%;
        padding:0;
        margin: 0;
        border:0;
    }



    #page_divider2 {
        clear:both;
        width: 100%;
        padding:0;
        margin: 0;
        border:0;
        height: 0;
    }
    #postal_address_only{
    width:25%;
    }
    #postal_address_only.contact_form{
    margin-left:20px;
    width:42%;
    }
    #postal_address_only.contact_form li{
    color:#fff;
    }




    #shop_promotions_panel{
        background: #fff;
        height: 375px; 
        width: 350px;
        overflow:hidden;
        padding:0;
        margin: 0 10px 0 25px;
    }
    #shop_promotions_panel #shop_promotions_slide_container{   
        display:none; 
        position:relative; 
        width:100%;
        height: 375px;
        padding:0"
    }
    #shop_promotions_panel #shop_promotions_slide_container #slides{
        background:#fff;
        cursor:move; 
        position:absolute; 
        left:0; 
        top:0; 
        width:100%; 
        height:375px;
    }

    #shop_promotions_panel .slider_content{
        height:350px; 
        background: #fff;
    }
    #shop_promotions_panel .image_div{
        text-align:center;
        background:#fff;
        height: 250px;
        width: 100%;
    }
    #shop_promotions_panel .image{
        margin:0 auto; 
        height: 250px;
    }
    #shop_promotions_panel .text_data{
        position:relative;
        margin:0;
        background: #fff;
        padding:0;
        text-align:center;
    } 
    #shop_promotions_panel p.promo_name{
        color:#717073;
        font-weight:700;
    }
    #shop_promotions_panel p.promo_price{
        font-weight:700;
        color:red;


    }







}












@media only screen and (min-width: 1200px) {






#form_buttons_block{
width:85%;
}
#form_buttons_block input{
font-size:1em;
}
 #main_content.form form td.buttons p{
    margin:0 auto;
    }
    #image_galleries div.tc_one{
        height: 525px;
    }
    #image_galleries div.tc_two{
        height: 550px;
    }
    #image_galleries div.tc_three{
        height: 400px;
    }
    #image_galleries div.tc_four{
        height: 325px;
    }
    #image_galleries div.tc_five{
        height: 250px;
    }
    #image_galleries div.tc_six{
        height: 400px;
    }
    #image_galleries div.tc_seven{
        height: 400px;
    } 

    #image_galleries div.tc_eight{
    height: 325px;
    }

/*}*/




#internal_businesses li {
display:inline-block;
text-align:center;
height:100%;
width:24.50%;
margin:0 0 1% 0;
line-height:1em;
max-height:100px;
background: #ccC2A3; 
wwhite-space: wrap;
}



#main_content{
border:0px solid #ccc;
ffont-size:1.5em;
line-height:1.5em;
text-align:justify;
}
#main_content div{
padding:10px 0 0 0;
border:0px solid #ccc;
}
#main_content.form form{
        max-width:100%;
        margin:0 470px;
    }


#menus_accordion {
margin:0 auto;
}


#news_panel{
float:left;
width: 25%;
padding:0 10px;
margin: 0 20px;
border: 0px solid #3a3a3a;
}



#page_divider1 {
clear:both;
background: inherit; 
width: 100%;
padding:0;
margin: 0;
border:0;
font-size:0;
line-height:0;
}



#page_divider2 {
clear:both;
background: #e2da77; 
width: 100%;
padding:0;
margin: 0;
border:0;
height: 0;
font-size:0;
line-height:0;
}


   
}
    




















































/* ==== progressive enhancement nav menu css ====*/


nav { 
  width: 100%; 
font-size: 16px !important;
text-align:center;
font-size: 0.75em;
}
           
.nav_wrapper {
/*  position: relative;
  left: 0;
  top: 0;*/
  margin: 0;   
  /*width: 100%;*/
  padding-top: 0;
  font-size: 16px !important;
  transition: top .5s ease-out;
  background-color: #1b1b1b; /*#2f3b3f;*/
  border: 0 solid #fff;
  z-index:5000;
}

.scroll { top: -290px; }

.no-scroll {
  top: 0;
  z-index: 9999;
}

.btn {
  padding: 10px 1%;
  margin: 5px;
  color: #fff;
  text-decoration: none;
  font-family: sans-serif;
  transition: all 0.1s ease;
}

.btn:hover { transition: all 0.1s ease; }

main {
  max-width: 800px;
  margin: 10px auto;
}

main p {  1.2em;
}

#search {
  float: right;
  font-size: 30px;
  padding: 2px 15px;
  line-height: 0;
  color: #fff;
  margin: 0;
  font-weight: 700;
  -webkit-transform: rotate(181deg);
  -moz-transform: rotate(181deg);
  -ms-transform: rotate(181deg);
  -o-transform: rotate(181deg);
  transform: rotate(181deg);
}

#search:hover { color: #efa666; }

.search_box {
  clear: both;
  width: 100%;
  background: #e8ebf0;
  padding: 0;
  margin: 0;
  height: 0;
  overflow: hidden;
  transition: all 0.1s ease-in-out;
}

.search_box.active {
  height: auto;
  padding: 15px 0;
}

.search_box input {
  width: 80%;
  font-size: 13px;
  margin: 0 0 0 15px;
  padding: 10px;
  border: none;
  background: #fff;
}

.search_box input:focus { outline: none; }

.search_box input.search_icon {
  clear: both;
  width: 10%;
  height: auto;
  padding: 10px;
  margin: 0;
  margin-left: -5px;
  border: none;
  color: #fff;
  cursor: pointer;
  background: #8c949d;
  opacity: 1;
  transition: all 0.1s ease;
}

.search_box input.search_icon:hover { background: #efa666; }

.menu-link { display: none; }

.spinner-master input[type=checkbox] { display: none; }

.menu {
  width: 100%;
  height: auto;
  /*background-color: #1b1b1b;*/ /*#2f3b3f;*/
  transition: all 0.3s ease;
background: #1b1b1b url(/cgi-bin/mask.pl?client=456&size=website_graphics&img=nav-icons-black.png) repeat;
border-top: 0px solid #707070;
background-position: 10px -58px;
}

.menu ul {
  z-index:5000;
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  display: inline-block;
  text-align:left;
}

.menu > li > ul.sub_menu {
  min-width: 10em;
  padding: 4px 0;
  background-color: #1b1b1b; /*#f4f4f4;*/
  border: 1px solid #fff;
   z-index:5000;
}

.menu ul li { padding: 0px; }

.menu > ul > li { display: inline-block; }

.menu ul li a {
  display: block;
  text-decoration: none;
  color: #ccc2a3; /*#e7e18b;*/
  /*font-size: 1.0em; */ /*14px;*/
}

.menu ul li a:hover {
  background-color: #1b1b1b; /*efa666;*/
  color: #fff; /*e7e18b;*/
/*background: #1b1b1b url(/cgi-bin/mask.pl?client=456&size=website_graphics&img=nav-icons-black.png) repeat;
border-top: 0px solid #707070;
background-position: 10px -58px;*/
}

.menu ul li.hover > a {
  background-color: #1b1b1b; /*#efa666;*/
  color: #fff;
/*background: #1b1b1b url(/cgi-bin/mask.pl?client=456&size=website_graphics&img=nav-icons-black.png) repeat;
border-top: 0px solid #707070;
background-position: 10px -58px;*/
}

.menu ul li > a { padding: 15px; }

.menu ul ul {
  display: none;
  position: absolute;
  top: 100%;
  min-width: 160px;
  background-color: #1b1b1b; /*#39484d;*/
  z-index:5000;
}

.menu ul li:hover > ul { display: block;  }

.menu ul ul > li { position: relative;}

.menu ul ul > li a {
  padding: 10px 15px;
  height: auto;
  background-color: #1b1b1b; /*#39484d;*/
}

.menu ul ul > li a:hover {
  background-color: #1b1b1b; /*#efa666;*/
  color: #fff;
}
/*  my addition */
#menu ul li ul li dl{
padding:0;background: red;
}
#menu ul > li > ul > li > dl{
padding:0;
background:yellow;
}
#menu ul li ul dl dd{
margin-left:0;
}
#menu > ul > li > ul > li > dl > dd{
margin-left:0;background:#ccc;
}

/* end of my addition */
.menu ul ul ul {
  position: absolute;
  left: 100%;
  top: 0;
}

#hero {
  width: 100%;
  height: auto;
  background-color: #e8ebf0;
  margin: 70px 0 20px 0;
}

#hero img {
  width: 100%;
  height: auto;
}

footer {
  width: 100%;
  background: #0099cc;
  padding: 10px;
  color: #fff;
  margin-top: 40px;
}

footer a {
  color: #fff;
  text-decoration: none;
}



 @media all and (max-width: 1024px) {

.example-header .container { width: 100%; }

#search { padding: 10px; }

.spinner-master * {
  transition: all 0.3s;
  box-sizing: border-box;
}

.spinner-master {
  position: relative;
  margin: 15px;
  height: 30px;
  width: 30px;
  float: left;
}

.spinner-master label {
  cursor: pointer;
  position: absolute;
  z-index: 99;
  height: 100%;
  width: 100%;
  top: 5px;
  left: 0;
}

.spinner-master .spinner {
  position: absolute;
  height: 4px;
  width: 100%;
  padding: 0;
  background-color: #fff;
}

.spinner-master .diagonal.part-1 {
  position: relative;
  float: left;
}

.spinner-master .horizontal {
  position: relative;
  float: left;
  margin-top: 4px;
}

.spinner-master .diagonal.part-2 {
  position: relative;
  float: left;
  margin-top: 4px;
}

.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal { opacity: 0; }

.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  margin-top: 10px;
}

.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  margin-top: -12px;
}

a.menu-link {
  display: block;
  color: #fff;
  float: left;
  text-decoration: none;
  padding: 10px 16px;
  font-size: 1.5em;
background-color:#1b1b1b;
}

a.menu-link:hover { 
    color: #efa666; 
    background-color:#1b1b1b;

}

a.menu-link:after {
  content: "\2630";
  font-weight: normal;
}

a.menu-link.active:after { content: "\2715"; }

.menu {
  clear: both;
  min-width: inherit;
  float: none;
background-image:none;
}

.menu,
.menu > ul ul {
  overflow: hidden;
  max-height: 0;
  background-color: #1b1b1b; /*39484d;*/
}

.menu > li > ul.sub-menu {
  padding: 0px;
  border: none;
}

.menu.active,
.menu > ul ul.active { max-height: 55em; }

.menu ul { display: inline; }

.menu li,
.menu > ul > li { display: block; }

.menu > ul > li:last-of-type a { border: none; }




.menu li a {
  color: #fff;
  display: block;
  padding: 0.8em;
  position: relative;
background: #1b1b1b url(/cgi-bin/mask.pl?client=456&size=website_graphics&img=nav-icons-black.png) repeat;
border-top: 0px solid #707070;
background-position: 10px -58px;
}

.menu li.has-submenu > a:after {
  content: '+';
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  font-size: 1.5em;
  padding: 0.55em 0.5em;
}

.menu li.has-submenu > a.active:after { content: "-"; }

.menu ul ul > li a {
  background-color: #1b1b1b; /*#39484d;*/
  padding: 10px 18px 10px 30px;
}

.menu ul li a:hover {
  background: #1b1b1b; /*#4b5f65;*/
  color: #fff;
background-image:none;/* #1b1b1b url(/cgi-bin/mask.pl?client=456&size=website_graphics&img=nav-icons-black.png) repeat;
border-top: 0px solid #707070;
background-position: 10px -58px;*/
}

.menu ul li.hover > a {
  background: #1b1b1b; /*#4b5f65;*/
  color: #fff;
background-image:none; /*: #1b1b1b url(/cgi-bin/mask.pl?client=456&size=website_graphics&img=nav-icons-black.png) repeat;
border-top: 0px solid #707070;
background-position: 10px -58px;*/
}
.menu ul ul li a{
background-image:none;
}
.menu ul ul li > a{
background-image:none;
}
.menu ul ul,
.menu ul ul ul {
  display: inherit;
  position: relative;
  left: auto;
  top: auto;
  border: none;
}

.search_box {
  position: absolute;
  top: 60px;
  left: 0;
  z-index: 10;
}

.search_box input { width: 70%; }

.search_box input.search_icon { width: 17%; }

#hero { height: 200px; }

}


/* === progressive enhancement nav menu end === */