/* dev css*/       
/* ==== styles regardless of screen size ==== */

* {
padding:0;
margin:0;
border:0;
box-sizing: border-box;
}

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


body {
font-size:16px;
text-align : left;
/*height:100%;*/
-webkit-overflow-scrolling: touch;
color: #717073; /*#4d4c4d;*/ /*#59585a;*/
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%;
}

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:#717073;
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%;
}

/* align div centrally */
.centered_div{
margin:0 auto;
}

/* align text centrally */
.align_center{
text-align:center;
}

.capitalize{
text-transform: capitalize;
}



#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;
}
#basket_summary{
position:relative;float:right;
display:inline;
margin-right: 25px;
}
    
    #basket_summary a:link{
        margin:0; 
        padding:0;
    }

#basket_summary form{
border:0;
padding:0;
margin:0;
}
#basket_summary .fa-shopping-bag{
float:right;
color:#5995d5;
margin:10px 20px 0 0;
padding:0;
border:0;
font-size:2.0em;
}    
    #bookings_availability{
        margin: 0 10px;
        line-height: 1.2em;
    }
    #bookings_availability h1{
        font-size: 1em;
    }
    #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;
    }
    #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 */

 #cart_summary_number{
        text-align:left;
        line-height:1em;
        font-size:1em !important;
        color:#111;
        height: 50px;
        width:50px;
        -webkit-border-radius: 50%;
        -moz-border-radius:50%;
        border-radius:50%;
        background: #fff;
        vertical-align:middle; 
    }
    .cart_summary{
        position:relative;
        color: #dad8da; /*#a31e22 !important;*/
        font-size: 1.2em !important;
        top: 1.0em;
        left:1.2em;
    }

    #container{
        clear:left;
        padding:0; 
        border:0; 
        margin:0 0;
        width:100%;
        background: transparent;
    }

#customer_my_account{
position:relative;
float:right;
margin:20px 20px 0 0;
padding:0;
border:0;
text-decoration:underline;
font-weight: 200;
color:#5995d5;
} 
#customer_my_account a:link{
color:#5995d5;
}
#customer_nav_bar{
    position:relative;
    z-index: 10000;
    display:block;
    padding:0; 
    margin: 0;     
    background: #ddd;
}



/* === start of embedded mailing list signup form  === */
#embedded_form {
    clear:left !important;
    width: 100%;
    background-color: #fff; /*#f3dfba;*/
    padding: 10px 10px 25px 10px;
}
#embedded_form form{clear:left;
width: 100%;
max-width: 996px;
margin:0 auto;
}

#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; /*717074;*/ /*#ed1c24;*/
  color: white;
  min-width: 50px;
  text-align: center;
}

/* Style the input fields */
#embedded_form .input-field {
  width: 100%;
  padding: 10px;
  border: 1px solid #dad8da; /*none;*/
  color: #717074;
}

#embedded_form button {
	background-color: #a31e22; 
	border: 0;
	color: #ffffff;
	cursor: pointer;
	font-weight: 700;
	margin: 1em 0 0 0;
	padding: 0.5em 2.5em;
	width: 100%;
}
#embedded_form button:hover{
background-color: #ed1c24;
}
/* === end of embedded form === */

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

 #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:#717074;
        background: #fff;
    }
#main_content h1{clear:left;}
    #main_content.booking_terms{
        margin-top: 60px;
    }

    #main_content div
    {
    margin: 0 auto;
    }
    #main_content div div
    {
    margin:0;
    }
    #main_content div div img{
    width:100%;
    }
    #main_content #div_1 {
        width:100%;
        float:none;
        min-width:200px;
        padding:0 0 10px 0;
        margin:0 auto;
    }


    #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.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;
}


#brand_name_logos{
margin:0 auto;
text-align:center;
}
#brand_name_logos .brand_logo{
float:none;
margin:0 auto;
}
#brand_name_logos .brand_logo_image{
margin:10px auto;
}

        

#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{
margin:10px 0 0;
padding:0;
border:0;
background: #fff; 
text-align: center;
}
#logo #logo_image{
margin:0;
width: 80%;
}


/* the logo for the group */
#main_logo{
padding:0;
margin: 10px 15px 10px;
text-align:center;
}
#main_logo img {
margin: 0;
width: 100%;
}

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

#comments {
margin: 0;
background: transparent; /*#eee;*/
width:650px;
float:left;
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 : #fff;
text-align : left;
font-size : 0.90em;
width:99%;
line-height: 20px;
}
*/
#comments table {
margin:10px 0 5px;
text-decoration: none;
background-color : #fff;
text-align : left;
font-size : 0.90em;
width:99%;
line-height: 20px;
}
#comments table td {
border-bottom : 1px solid #ccc;
padding : 0 10px 0 10px;
margin : 0;
background-color : #F5F6EF;/*#ebebeb;#F5FDD9;*/
color : inherit;
}
#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: #737373;
text-decoration:underline;
font-family:Geneva, Arial, Verdana, Helvetica, sans-serif;
}

#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.comments {
font-size : 1em;
text-align : left;
margin : 0;
padding : 0 10px 0 10px;
background-color : inherit;
}
#comments dl dd.first {
margin-top : 10px;
text-align:left;
background-color : inherit;
padding: 0 10px 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;
float:left;
width: 675px;
background: transparent;
padding:20px 0 0 10px;
text-align:left;
line-height:18px;
}
#add_comments p{
padding:5px;
}

#add_comments table#guest_details{
width: 500px;
white-space:nowrap;
}
#add_comments table.comments{
margin: 10px 0;
width: 500px;
}
#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:#3e5c0e;
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;
	-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 input[type=radio] {
margin:5px auto;
}
#add_comments .form_button{
width: 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;
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 --------------- */




#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{
clear:left;
text-align:left;
margin:0;
padding: 0;
background: #5995d5; 
}



/* -------------- 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 -------------------*/


/* === footer div === */
#footer{
position:relative;
z-index: 5000;
width: 100%;
background-color: #efefef; /*#e7c484;*/
}
#footer .flex-footer{
display:flex;
flex-wrap:wrap;
justify-content:center;
}

/* === end of footer === */



/* ==== 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 ==== */


/* new image galleries css */
#image_galleries{
clear:both;
margin: 0;
text-align:center;
background: #fff;
}
#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;height: 100px;padding-bottom: 100px;  
}    
    #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 */




/* ==== 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;
}
#Location #div_3{
}
#Location iframe{
height: 200px;
width: 100%;

}

/* ==== end of Location 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; /*1D423D;#2C7077;*/
      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;
}
	
/* --------------- 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 --------------*/



/* === modal contact form  === */
/* Style the input container */
#modal-contact-form .input-container {
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}

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

/* Style the input fields */
#modal-contact-form .input-field {
  width: 100%;
  padding: 10px;
  border: 1px solid #dad8da; /*none;*/
  color: #717074;
}

#modal-contact-form .input-field:focus {
  /*border: 2px solid dodgerblue;*/
}

/* Set a style for the submit button */
#modal-contact-form .submit_button{
/*display:flex;*/
margin:0 auto;
} 
#modal-contact-form submit{ margin:0 auto;
}


#modal-contact-form .modal-content{
background-color: #e7c484 !important;
}
#modal-contact-form .modal{
position:fixed !important;
z-index:25000;line-height:1em;
}
#modal-contact-form .modal-header{
border:0; 
padding:0;
}
#modal-contact-form .modal-title{
margin-left: 20px;
}
#modal-contact-form .modal-header button {
margin:0;
width: 25px !important;
font-size: 1.5em;
color:#fff;
opacity: 100 !important;
}
#modal-contact-form .modal_logo{
margin:25px auto !important;
}
#modal-contact-form .modal .close{
/*zwidth: 10px !important;*/
}

#modal-contact-form textarea.textarea_input_field{
height: 200px;
width: 400px;
color: #717074;
padding : 10px !important;
border: 1px solid #dad8da;
}

/* === end modal contact form === */

/* ------------------- 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:left;
padding: 20px 20px 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;    
    
}
#nearby dl dd.comments {
font-size : 1em;
text-align : left;
margin : 0;
padding : 0 10px 0 10px;
background-color : inherit;
}
#nearby dl dd.first {
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: #737373;
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{
padding:0;
margin: 0; 
font-weight: 700;
text-align:left;
border-bottom: 0px solid #fff;
background:inherit;
}
#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;
}
#phone_numbers_international > ul > li{
padding:0px;
display:block;
line-height: 2.3em;
font-size: 1.3em;
}
#phone_numbers_international ul li a:link{
margin-left: 10px;
color:#717073;
}
#phone_numbers_international > ul > li > a:link{
margin-left: 10px;
color:#717073;
}



#postal_address_only{
width: 300px;
}
#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{
    }



#product_detail{
position-relative;
background: #fff;
padding:0;
margin: 20px 10px;
width: 300px;
height: 300px;
}
#product_detail div.easyzoom {
margin:0 auto;
}
#product_detail #brand_heading{
clear:left;
}
#product_data{
margin: 0 10px;

}
#product_data #product_name{
font-size: 1.2em;
text-transform: capitalize;
text-align:center;
font-weight: 700;
color: #717074; /* #875366;*/
clear: both;
}

#product_image{
text-align:center;
width:100%; /*300px;*/
height:100%;
margin:0 auto;
}
#product_thumbnails_div{
margin: 25px 10px 0;
}
#product_thumbnails{
z-index: 2500;
list-style-type: none;
margin:0;
}
#product_thumbnails .individual_product_thumbnail{
float:left;
margin:0 0 10px;
list-style-type: none;
}
#product_available_sizes{
clear:left;
margin-top: 10px;
line-height: 1em;
font-size: 1em;
}
#product_available_sizes dl dt.item_colour{
float:left;
clear:left;
text-align: right;
min-width: 100px; 
margin: 5px 0 10px;
}
#product_available_sizes dl dd p{
margin-top: 0;
float:left;
}
        
#product_available_sizes dl dd p.in_stock{
margin-left: 2px;
border: 1px solid #5b5b5b;
padding: 3px;
color: #717073;
text-align:center;
vertical-align: middle;
}
#product_available_sizes dl dd p.out_of_stock{
border: 1px solid #ccc;
margin-left: 2px;
padding:3px;
color: #ccc;
text-align: center;
vertical-align: middle;
}


#product_available_colours{
clear:left;
margin-top: 10px;
line-height: 1em;
font-size: 1em;
}

#product_available_colours p.in_stock{
margin-left: 2px;
border: 0px solid #5b5b5b;
padding: 3px;
color: #5b5b5b;
text-align:center;
vertical-align: middle;
}
#product_available_colours p.out_of_stock{
border: 1px solid #ccc;
margin-left: 2px;
padding:3px;
color: #ccc;
text-align: center;
vertical-align: middle;
}

#product_price{
clear:left;
font-weight: 700;
margin: 20px 0;
text-align: center;
font-size: 1.5em;
color: #a31e22;
}
#product_add_to_cart_form{
width: 240px;
padding:0;
margin: 0 auto;
float:none;
border:0px solid #ccc;
}    
#selected_size{
line-height: 1.5em;
padding: 10px;
margin-top: 10px;
}
#selected_item_data{
line-height: 2.5em;
padding: 10px;
margin: 10px 0;
font-size: 1.2em;
}


#view_cart_form_and_button .view_cart_button{
padding:10px;
}

           
#nav_cart_button{
float:right;
padding:10px;
}
#checkout_buttons{
margin: 10px auto;
width: 180px;
}
.checkout_button{
float:left;
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;
}

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


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

#quick_booker { 
  clear:left;
  margin : 0;
  border : 0;
  padding : 0;
  text-align:left;
  background: #ccc1a3; /*#7b0012;*/ /*#8d0233;*/
}

#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.5em;
}
#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.8em;
height: 1.8em;
}

#quick_booker ul li.nights select{
line-height: 1.8em;
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 ==== */
	



/* === real estate === */

#real-estate{
margin-top:0;
padding:0;
background-color: #fff; /*#f3dfba;*/
}

#real-estate #property_top_section{   
margin:10px auto 0;
background-color:#e7c484;
}

#real-estate #property_heading{
margin:10px 10px 0;
background-color:#e7c484;
}

#real-estate #property_heading h1{
text-align:left;
color:#a31e22;
}

#real-estate #price_div{
margin:10px 10px 0px;
background-color:#e7c484;
}

#real-estate #price_div p.price_qualifier{
text-align:right;
font-size: 1.2em;
padding-right: 10px;
}

#real-estate #price_div p.price{
text-align:right;
padding-right: 10px;
font-size: 1.5em;
color: #a31e22;
}

#real-estate h1.property_summary{
clear:both;
}

#real-estate #property_description{
max-width: 996px;
margin:0 auto;
padding: 10px;
}

#real-esate #property_description p{
font-size: 1.2em;
}

#real-estate #property_description h2{
color: #a31e22;
font-size:1.5em !important;
}

#real-estate #property_description #more_description {
display: none;
}

#real-estate #property_description a, #property_description a:hover{
display:inline;
color: #a31e22;
font-size:1em;
font-weight:700;
}

#real-estate #property_specifications{
max-width: 996px;
padding: 0 10px;
}

#real-estate #property_specifications h2{
color: #a31e22;
font-size:1.5em !important;
}

#real-estate #property_specifications .floor_level{
text-align:left;
font-size: 1.2em;
font-weight: 700;
}

#real-estate #property_specifications .room_item{
margin-top: 15px;
font-weight:700;
color: #a31e22;
}

#real-estate #property_features{
max-width: 996px;
margin:0 auto;
padding: 10px;
}
 
#real-estate #property_features h2{
color: #a31e22;
font-size:1.5em !important;
}

#real-estate #property_features ul{
width: 100%;
list-style-type:none;
text-align:center;
}

#real-estate #property_features ul li{
width: 100%;
}

#real-estate #property_features ul li:nth-child(odd) {
  color: #4b4b4b;
}

#real-estate #property_features ul li:nth-child(even) {
  color: #313034;
}

#real-estate #property_features a, #property_features a:hover{
color:#a31e22;
font-weight:700;
display:inline;
font-size: 1em;
}

#real-estate #property_features #more_features {
display: none;
}

#real-estate #summary_data{
padding: 0 10px;
background-color: #e7c484; 
}

#real-estate #agents_contact_area{
text-align:center;
background-color: #ffa500;
border: 1px solid #aaa;
margin:20px 0;
padding:10px;
}

#real-estate #agents_contact_area p{
padding: 10px 0;
color: #000;
}

#real-estate #agents_contact_area p img{
max-width:300px;
height: auto;
}

#real-estate #agents_contact_area a{
color: #fff;
}

#real-estate button {
	background-color: #a31e22;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-weight: 700;
	margin: 1em 0 0 0;
	padding: 0.5em 2.5em;
	width: 100%;
}

#real-estate button:hover{
background-color: #ed1c24;
}

#real-estate .container-fluid{
font-size: 0.75em;
}

#real-estate .label, .data{
font-size: 1.5em;
padding: 5px
}

#real-estate .label{
background-color: #f5b800;
vertical-align:center;
border:1px solid #717074;
}

#real-estate .data{
background-color: #eee;
color: #717074;
border:1px solid #717074;
border-top:0;
text-align:center;
}

#real-estate .first{
   border-top: 1px solid #717074;
}
#real-estate-galleries-index-thumbs{ 
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    max-width: 350px !important;
    background-color: #e7c484;
}

#real-estate-galleries-index-thumbs .col{
    color: #a31e22;
}

#real-estate-galleries-index-thumbs .col img{
    width: 120px;
    display:none;
}
#real-estate-galleries-index-thumbs p{
    text-align:center;
    font-weight: 700;
}
#real-estate-galleries-index-thumbs a{
    font-weight: 700;
    color:#fff;
}


/* === end of real estate === */





/* ==== 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; /*1D423D;#2C7077;*/
      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 ==== */

#search{
position:relative;
float:right;
margin:-10px 25px 0 0;
padding:0;
border:0;
font-size:1.7em;
}
#search:hover { 
color: #5995d5; 
}

#search_icon{
margin:0;
padding:0;
}
#search_icon .fa_class{
margin-top:10px;
}

    #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;


    }

#product_data #stock_code{
margin-top: 10px;

}
#product_data #description{
line-height: 1.3em;
margin-top: 10px;
}
   



#shopping_index{
    padding:0;
    margin:0 auto;clear:left;
    text-align:center;
}
#breadcrumbs{
text-align:left;
clear:left;
margin-left: 25px;
}
#shopping_index .image_tab{
text-align:center;
margin:50px 0 0;
font-size: 0.7em;
text-align:center;
border:0px solid #ddd;
min-width: 200px;
}

#shopping_index h2{
margin: 0 auto;
text-align:center;
}
#shopping_index table{
background:transparent;
margin:0 auto;
}
#shopping_index .image_tab table tr th{
font-size: 1em;
}

#shopping_index .product_image{
height: 225px;
}
#shopping_index tr td div{

float: none;
margin:0 auto;
min-height: 65px;
}
#shopping_index .product_image img{
margin: auto;
}

#shopping_index tr td div p{
margin:0 auto;
text-align:center;
width: 100%;
text-transform: capitalize;
}



#shopping_index .catalogue_buttons{
text-align:center;
width: 70px;
padding:0;
}

#shopping_index tr td div.catalogue_buttons form input[type=submit]{
margin:0 auto;
}
#view_cart{
max-width: 500px;
margin: 0 auto;
}
#shopping_index .item_details{
float:left;
margin: 0;
width: 65%;
text-align: left;
border: 0px solid #717073;
padding: 0 5px;
line-height:1.5em;
vertical-align:baseline;
}
#shopping_index .item_price{
line-height:1.5em;
float:left;
margin:0;
text-align:right;
width: 10%;
border: 0px solid #1b1b1b;
vertical-align:baseline;
}
#shopping_index .remove_button{
padding:0;
width: 20px;
line-height: 1em;
float:left;
clear:left;
vertical-align:baseline;
}
#order_total{
clear:left;
margin: 0;
text-align:center;
border:0px solid #000;
font-size: 1.2em;
color: #a31e22;
}
.in_stock{
border: 2px solid #717073;
color: #717073;
padding: 3px;
}
.out_of_stock{
border: 2px solid #ddd;
color: #ccc;
padding: 3px;
}
.add_to_cart_form input[type=submit]{
padding: 5px;
}

/* ==== shopping cataligue css ==== */
#filtering_div, #filters_div{
  width: 90%; /*  !important;*/
  text-transform: capitalize;
  margin:0 auto; /* !important;  */
  font-size: 1em; /* !important; */
  text-transform:capitalize;
}
#filtering_div h1, #filters_div h1{
  font-size: 1em;
}
/* Acordeon styles */
.tab {
  position: relative;
  margin-bottom: 10px;
  width: 100%;
  color: #fff;
}
.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab label {
  position: relative;
  display: block;
  padding: 10px 0 10px 10px; /* 0 0 1em;*/
  background: #717074; /*#16a085;*/
  font-weight: bold;
  line-height: 1.2em;
  cursor: pointer;
  margin-bottom: 0.5em;
}

.tab-content {
  max-height: 200vh;
  width: 100%;
  overflow: hidden;
  font-size: 0.8em;
  background: inherit; 
  -webkit-transition: max-height .50s;
  -o-transition: max-height .50s;
  transition: max-height .50s;
}

.tab-content label{
  background-color: #fff;
  margin:0;
  padding:0;
  border:0;
  color: #717073;
}
.tab-content p {
  clear:left;
  display:block;
  text-align:left;
  margin: 0; /*1em;*/
  border: 1px solid #1b1b1b;
  border-left: 0;
  border-right:0;
  border-top:0;
}
/* :checked */
.tab input:checked ~ .tab-content {
  max-height: 200vh;
}


/* Icon */

.tab label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  vertical-align:middle;
  -webkit-transition: all 1.35s;
  -o-transition: all 1.35s;
  transition: all 1.35s;
  
}

.tab input[type=checkbox] + label::after {
  content: "+";
  display:none;
}
.tab input[type=radio] + label::after {
  content: "\25BC";
}
.tab input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
}
.tab input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}


/*  my mods */
.lowercase{
text-transform:lowercase;
}
.tab-content input{
  position: initial;
  /*display:none;*/
  opacity: 0;
  z-index:initial;
  margin: 1em;
}
.tab-content label{
  display: block;
  line-height: 1em;
}
.tab-content input[type=checkbox] + label::after{
  display:none;
  content:'';
}

.tab-content input[type=checkbox] + label::before{
  content: "\2610" !important;
  color: #717074;
  margin-right: 10px;
  -webkit-transition: all .75s;
  -o-transition: all .75s;
  transition: all .75s;
}

.tab-content input[type=checkbox]:checked + label::before {
  content: "\2714" !important;
  transform: none;
  font-size: 1.3em;
  color: green; /*#a31e22;*/
  font-weight: 700;
}

.undo_label{
color:blue;
font-weight:100;
font-size: 12px
}
/* css for the anv bar*/
#menu{
font-size: 1.0em !important;
}

/* end of my mods*/
/* ==== end of shopping catalogue css ==== */
    #slideshow4{
        background: inherit; 
        padding-bottom: 20px;
        margin: 10px 0 0 0;

    }
    #slideshow5{
        margin:0 0 25px;;
        clear:both;
        border: 0;
        background:transparent;
    }
    #slideshow10{
    border:0;
    }
    #slideshow10 .swiper-container{
		background:#1b1b1b; /*#717074; */
		/*width:100%;
		height:100%;*/
		margin:0 auto;
	}
	#slideshow10 .swiper-slide{
		text-align:center;
		font-size:18px;
		background: transparent;
		display:-webkit-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;-webkit-box-pack:center;
		-ms-flex-pack:center;
		-webkit-justify-content:center;
		justify-content:center;
		-webkit-box-align:center;
		-ms-flex-align:center;
		-webkit-align-items:center;
		align-items:center;
		overflow:hidden;
		opacity: 0.50;
	}
	#slideshow10 .swiper-slide img{
		width: 100%;
		}
	#slideshow10 .swiper-slide.swiper-slide-next{
		opacity: 1;
	} 
    
    
    
    
    
    #slider1_container{
        position:relative;
        margin: 0 auto;
        width: 1200px; 
        height: 494px;
        
        background: transparent;
        border: 0px solid #bbb;  
overflow:visible;
    }


/* ==== social_media_icons_widgets ==== */
#social_media_icons_opening_tag{
float:left;
position:relative;
margin:0 15px 0;
padding:0;clear:left;
}
#social_media_icons:after {
    content : ".";
display:block;
height:0px;
width:100%;
visibility:hidden;
clear:both;
}

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

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

#social_media_icons ul li.social_media_icons_1 a{
display:block;
border:0;
background: transparent url(/cgi-bin/mask.pl?client=9779&size=website_graphics&img=facebook_50px.png) no-repeat;
background-size: 60px 60px;
height: 60px;
width: 60px;
}
#social_media_icons ul li.social_media_icons_1 a:link p{
display:none;
}

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

                     

#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 === */
#terms_and_conditions_panel{
width: 300px;

}

/* === end of terms and conditions panel === */

/*=== shopping cart view === */

#view_cart{
    border: 0px solid #717074;
    padding: 0;
}
#view_cart .item_details{
float:left;
margin: 0;
width: 70%;
text-align: left;
border: 0px solid blue;
padding: 0 5px;
line-height:1.5em;
vertical-align:baseline;
}
#view_cart .item_price{
line-height:1.5em;
float:left;
margin:0;
padding:0 5px;
text-align:right;
width: 10%;
min-width: 70px;
border: 0px solid red;
vertical-align:baseline;
}
#view_cart .remove_button{
padding:0;
width: 20px;
line-height: 1em;
float:left;
clear:left;
vertical-align:baseline;
}
#order_total{
clear:left;
margin: 0;
text-align:center;
border:0px solid #000;
font-size: 1.2em;
color: #a31e22;
}
.in_stock{
border: 2px solid #717073;
color: #717073;
padding: 3px;
}
.out_of_stock{
border: 2px solid #ddd;
color: #ccc;
padding: 3px;
}
.add_to_cart_form input[type=submit]{
padding: 5px;
}
/* === end of shopping cart view === */
#url{
display:none;
}


.warning {
border : 3px solid #ff8080;
background-color : #ffb3b3;
color:#990000;
font-weight : bold;
font-size:.85em;
}


/*  ==== 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;
}




     



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

    #div_2{
        position:relative;
        width:100%;
        float:none;
        padding: 0 0 10px 0;
    }
    
    
    
    #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:right; }
 
   /* .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) {

      



   

    #main_content div div
    {
    margin:0 10px 0 0;
    }
    #main_content div div img{
    
    }

#brand_name_logos{
padding:0;
border:0;
margin:0;
}  
#brand_name_logos .brand_logo{
margin:0;
padding:0;
text-align:center;
max-width: 300px;
margin:0 auto;
}
#brand_name_logos .brand_logo_image{
margin:10px 0;
}

    #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;
}





#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{
          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_image{
        margin-left: 0;
    }


#product_detail{
/* #product_image{*/
text-align:center;
width: 400px;
height:400px;
margin:0 auto;
border:0px solid #aaa;
}

#product_image{
width: 100%;
height: 100%;
}

    #slideshow10{
    	zheight: 120px;
    }
    
    
    #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;


    }


#shopping_index tr td div.catalogue_buttons form input{
margin:0 auto;
}
#shopping_index .image_tab{
width: 50%;
}      

          
/* 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;
}  

#brand_name_logos{
max-width: 44%;
float:left;
clear:none;
margin:0;
} 
#brand_name_logos .brand_logo{
text-align:center;
vertical-align: center;
margin-top: 30px;
}
#brand_name_logos .brand_logo_image{
margin: auto;
width: 100%;
min-width: 200px;
}


#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;
*/
}
#postal_address_only li{
/*
font-size: 1em;
line-height: 1.2em;*/
}


#real-estate #summary_small{
    display:none;
    }
    #real-estate #summary_data{
    margin: 0 auto;
    }
    #real-estate #summary_medium{
    border: 1px solid #717074;
    }    
    #real-estate #property_top_section{
        display:flex;
        justify-content: space-around;
   }

    #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) {
#customer_nav_bar{
        width: 400px ; 
        float:right;
        margin-right: 80px; background-color: yellow !important;
    }
   

    #main_content.Home{
    /*max-width: 50%; */ /*suspended 2023-06-22*/
    }



    #main_content.form{
    }
    #main_content.form form{
    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;
    }



    #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{
        position:relative;
        z-index: 1000;
      /*  text-align:left;*/
    }
    #logo #logo_image{
        margin: 10px 0;
        width: 250px;
    }



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

    #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;
}

#product_detail{
position-relative;
background: #fff;
width: 500px;
height: 500px;
padding:0;
margin: 20px auto 0;
display:block;
}


#product_image{
text-align:center;
width: 100%;
height:100%;
margin:0 auto;
}







    #slideshow10{
    	zheight: 150px;
    }
    




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

#quick_booker {  
  margin : 0;
  border : 0;
  padding : 0;
  text-align:left;
}

#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.5em;
}
#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.8em;
height: 1.8em;
}

#quick_booker ul li.nights select{
line-height: 1.8em;
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 ==== */	


/* === real estate === */

   #real-estate #agents_contact_area{
   display:flex;
   padding: 5%;
   }
   #real-estate #agents_logo_div{
   width: 50%;
   padding-right: 10%;
   }
   #real-estate #agents_buttons_div{
   width: 50%;
   padding-left: 10%;
   padding-top: 7%;
   }
   #real-estate button{
   width: 100%;
   }

#real-estate-galleries-index-thumbs{
    position:relative;
    z-index:5;
    max-width: 330px !important;    
    margin-top: -35px !important;
    background-color: transparent;
}
#real-estate-galleries-index-thumbs .col{
    padding-top:5px !important;
    width:110px;
} 
#real-estate-galleries-index-thumbs .col img{
    width: 100%;
    display:block;
    margin-top: 5px 0 0 0 !important;
}
#real-estate-galleries-index-thumbs p{
    background-color: #e7c484;
}
/* === enf of real estate  === */







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


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

/* end of rooms */



#shopping_index{
  width: 500px;
  padding:0;
}



#shopping_index .image_tab{
text-align:center;
width: 50%;
}

#shopping_index tr td div.catalogue_buttons form input{
margin:0 auto;
}
  

    #slideshow4{
        position:relative;
        z-index:0;
        mmargin-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;
    }

#brand_name_logos{
padding: 0 4%;
}

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

    #div_one.contact{
    }

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

   

/*#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 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;
}

    

    #main_content{    
        /*width: 47%;
        float:left;*/ 
        border:0px solid #ccc;
    }
    #main_content div{
    padding:10px 0 0 0;
    border:0px solid #ccc;
    }

    #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%;
}


    #slideshow10{
    	zheight: 250px;
    }
    
   #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: 1em;
    }
    #quick_booker li.submit{
        clear:none;
        margin:0; 
        padding:0; 
        float:left;
    }
    #quick_booker li.submit input{
        margin:0;
        margin-left: 35px;
        padding:0;
    }
    

/* === real estate === */

  #real-estate #agents_logo_div{
  width:40%;
  }
  
  #real-estate #agents_buttons_div{
  width: 60%;
  padding-top:4%;
  }
#real-estate-galleries-index-thumbs{
    max-width: 330px !important;    
    background-color: transparent;
}
 
#real-estate-galleries-index-thumbs .col img{
    width: 100%;
    display:block;
}
#real-estate-galleries-index-thumbs p{
    background-color: #a31e22;
    color:#fff;
}
/* === end of real estate === */
   
    #rooms .specific_room{
    }
    #rooms .specific_room .thumbnail{
        float:left;  
    }

    #shopping_index{
        width: 100%;
        padding:0;
    }
    


   
    
}




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


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

#product_detail{
margin:0 auto;
}

#shopping_index{
  width:100%;
  padding:0;
}

#zshopping_index .image_tab{width: 25%;}
#shopping_index tr td div.catalogue_buttons form input{
margin:0 auto;
}

}




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


#zbrand_name_logos{
margin:0;
max-width: 100%;
float:none;
clear:left;
} 
#zbrand_name_logos .brand_logo{
display:inline-block;
width: 23%;
text-align:center;
border: 0px solid red;
vertical-align: center;
padding-left: 5px;
padding-right: 5px;
}
#zbrand_name_logos .brand_logo_image{
margin: auto;
max-width: 300px;
max-height: 150px;
}

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

    #container{
        zmargin-top: 35px;
    }

#customer_nav_bar{
        width:300px;margin-top: 0px;
        margin-right: 10px;
        padding:10px 0 0;float:right;
    }
    #div_one{
        height: 300px;

    }

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

/* ==== shopping filters css ==== */ 
    
    #filtering_div{
        width:30% /* 0px;  !important;*/
        float:left; /* !important;*/
    }
    /* ==== end of shopping filters css ==== */
    
    #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;
    }



    #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;
    } 

    #logo{float:left;
        text-align:center;
        width: 20%;
    }
    #logo #logo_image{
        width: 100%;
    }




    #main_content{
        zfont-size: 1.5em;
        zline-height: 1.8em;
    }
    #main_content div{
        border:0px solid red;
        padding:10px 0 0 0;
    }
#main_content.Home{
/*max-width: 55%;*/ /*suspended 2023-06-22 */
zmargin: 0 20px;

}

    #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;
    }


    #product_detail{
        float: left;
        width: 500px;
        height: auto;
        margin-left: 5%;
display:inline-block;
    }
    #product_thumbnails_div:after{
    content: ' ';
    display:block;
    clear: left;
    font-size: 2em;
    } 
#product_image{
width: 100%;
height: 100%;
}
    #product_data{
    float: left;
    clear:none;
    width: 40%;
    margin-left: 5%;
    }


/* === real estate  === */ 

   #real-estate #property_top_section{
       max-width: 1000px;
       margin:10px auto 0;
   }

  #real-estate #summary_data{
  max-width: 1000px;
  border: 0px solid red;
  display:flex;
  }
  
  #real-estate #summary_medium{
  border: 2px solid orange;
  width: 55%;
  }
  #real-estate #agents_contact_area{
  width:35%;
  margin-top:0;
  margin:0 35px 0 0;
  padding:0;
  display:initial;
  }
  #real-estate #agents_contact_area p{
  padding:1px 0;
  }
  #real-estate #agents_logo_div{
  width: 100%;
  margin:0;
  padding:0;
  }  
  #real-estate #agents_buttons_div{
  width : 80%;
  padding:0 0 20px 0;
  margin:0 auto;
  }
  
  #real-estate #summary_data div div.label, #summary_data div div.data{
      height: 3em;
  }
  #real-estate #property_features{
  padding:0;
  }
  #real-estate #property_description{
  padding:0;
  }
  #real-estate #property_specifications{
  margin:20px auto 0;
  padding:0 0 20px;
  
  }

  #real-estate-galleries-index-thumbs{
      margin-left: 0 !important;

  }
/* === end of real estate  === */



    #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;


    }


    #slideshow10{
    	zheight: 350px;
    }
    
    
#zshopping_index{ 
    clear:none;
    width: 65%;
}



#shopping_index .image_tab{
text-align:center;
width: 25%;
}
#shopping_index .image_tab table tr th{
font-size: 0.8em;
}



}












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


#logo #logo_image{ width: 300px;}



#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{
    max-width: 100%;
    border:0px solid #ccc;
    font-size:1.5em;
    line-height:1.5em;
    zmargin : 0;
    text-align:justify;
}
#main_content div{
padding:10px 0 0 0;
border:0px solid #ccc;
}

#main_content.Home{
/*max-width: 65%;*/ /* suspended 2023-06-22 */
}


#main_content.form form{
        max-width:100%;
        margin:0 470px;
    }
#menus {
width: 600px;
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;
}

#product_detail{
margin: 0 5%;
}
#product_image{
height: 100%;
width: 100%;
} 
#product_data{
min-width: 300px;
}

#shopping_index .image_tab{
zwidth:20%;
}


}
    




















































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


nav { 
  width: 100%; 
font-size: 1em;
text-align:center;
font-size: 0.75em;
position:relative;
z-index:10000;
}
           
.nav_wrapper {
  display:flex;
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  transition: top .5s ease-out;
  background-color: #ccc; /*a31e22; */
  color: #fff;

}

.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: 50px 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: #fff; }

.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: #ccc;
  cursor: pointer;
  background: #dad8da;
  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;
  transition: all 0.3s ease;
  background: #28579f; /*#a31e22;*/
  background-position: 10px -58px;
}

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

.menu > li > ul.sub_menu {
  min-width: 10em;
  padding: 4px 0;
  background-color: #28579f; /*#a31e22;*/
  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: #fff; 
  font-size: 1.0em; 
}

.menu ul li a:hover {
  background-color: #5b88cf; /*#ed1c24; */
  color: #fff; 
}

.menu ul li.hover > a {
  background-color:#5b88cf; /*#ed1c24; */
  color: #fff;
}

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

.menu ul ul {
  display: none;
  position: absolute;
  top: 100%;
  min-width: 160px;
  background-color: #28579f; /*#a31e22;*/
  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: #28579f; /*#a31e22;*/
}

.menu ul ul > li a:hover {
  background-color: #5b88cf; /*#ed1c24; */
  color: #fff;
}


.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) {
 
	.nav_wrapper{
		display:initial;
	}

	.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: #28579f; /*#a31e22;*/
	}

	.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: #28579f; /*#a31e22;*/
		}

	a.menu-link:hover { 
    	color: #fff; 
    	background-color:#5b88cf; /*#ed1c24; */

	}

	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: #28579f; /*#a31e22;*/
	}

	.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: #28579f; /*#a31e22;*/
		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: #28579f; /*#a31e22;*/
		padding: 10px 18px 10px 30px;
	}

	.menu ul li a:hover {
		background: #5b88cf; /*#ed1c24; */
		color: #fff;
		background-image:none;
	}

	.menu ul li.hover > a {
		background: #28579f; /* #a31e22;*/
		color: #fff;
		background-image:none; 
	}
	.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 === */














    #bookings_availability .guest_details_content{
        background: #eee;
        width: 300px;
        margin: 10px ;float:left;
    } 
    #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;text-align:left;
    }  
    #bookings_availability .guest_details_content p{
    text-align:left;
    }          
    #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;
    }