body {

    font-family: sans-serif;
}


img { max-width: 100%; }


a {
        color: #005281;
        text-decoration: none;
}
a:hover {
        color: #319FDA;

        text-decoration: none;
}


/* ********* CUSTOM CLASSES ********** */

.floatLeft { float: left; }
.floatRight { float: right; }

.centre { text-align: center }
.left  { text-align: left }
.right  { text-align: right }

.valign { vertical-align: top; }

.bold { font-weight: bold; }
.strong { font-weight: bold; }

.red { color: red; }
.white { color: white; }
.orange { color: orange; }
.purple { color: purple; }
.blue { color: #2F8ED5; }
.silver { color: silver; }
.green { color: #69D63F; }
.green2 { color: #449D44; }
.iro333 { color: #333333;}
.iro2F8 { color: #2F8ED5; }
.iro005 { color: #005281;}


.small { font-size: small; } /* class */
small { font-size: smaller; } /* element */


label {
    display: inline-block;
    font-weight: bold;
    padding: 5px;
    width: 200px;
}

#eftdetails label {
    display: inline-block;
     padding: 0px;
    width: 110px;
}

.sp16 { width: 150px; }
.searchThumb {
    width: 250px;
    height: 250px;
}
/*
.searchTitle {
    font-weight: bold;
    color: #005281;
}
*/



h1 {}
h2 {
    color: #005281;
}
h3 {
        color: #005281;
}
h4 {}
h5 {}
h6 {}
/*#container {*/

    /*min-width: 1200px;*/
    /*margin: 0 auto;*/
    /*height: auto;*/
/*}*/

#offline {
    background-color: orangered;
    color: white;
    text-align: center;
}


#topbar {
    width: 100%;
    min-height: 50px;
    background-color: #ffffff;
    text-align: right;
    /*color: #4D658B;*/
    color: #005281;
    padding: 5px;
}
#topbar a:hover {
    color: #2F8ED5;
     /*color: greenyellow;*/
     /*background-color: #005281;*/
    /*padding: 5px;*/
    border-radius: 10px;
}



/*image size*/
.socialicons {
    width: 40px;
    height: 40px;
}

#topbar ul li {
    display: inline;
    margin-left: 20px;
}

#header {
    width: 100%;
    min-height: 60px;

    /*background-color: #82760F;*/
    background-color: #005281;
    /*border-bottom: thin solid #4D658B;*/
    /*box-shadow: inset 2px -7px 11px rgba(80, 92, 51, 0.17);*/

 /*margin-bottom: 20px;*/

}

#logo {
    float: left;
    width: 400px;
    height: 60px;

    color: white;
}
#logo h2 {
    color: white;
    line-height: 60px;
}

/*rename to nav or navbar? */
#menu {
    float: right;
    padding-top: 10px;

}




/* ****** MENU ***************************************** */

/* MENU */
#nav ul li {
    display: inline;
    padding-left: 10px;
    /*font-weight: bold;*/
}

#nav ul li a {
    color: white;
}
#nav ul li a:hover {
    /*background-color: #2196F3;*/
    /*color: black;*/
    /*color: #319FDA;*/
    color: greenyellow;
    font-weight: bold;
    text-decoration: none;
    padding: 5px;
}

#topbar ul {
    padding-top:5px; margin-bottom:0;

}

/* ****** END MENU ***************************************** */


/* ---------- MOBILE MENU --------------------------------- */
#mobileMenu {
    display: none;
}
/* ------------------------------------------------------- */



#slideshow {
	clear: both; 

}

.pagetitle {
    color: #005281;
    padding: 15px 0 30px 0;
    text-align: center;
}

#main {
    width: 100%;
    min-height: 150px;

    margin-top: 20px;
    margin-bottom: 50px;

}

/* Apart Details Pages */
#main_left {
    float: left;
    width: 50%;


}
#main_right {
    float: left;
    width: 50%;


}

#infoboxes {
    margin-bottom: 20px;
    /*background-color: lime;*/
}
.infobox_image {
    width: 300px;
    height: 300px;
    background-color: white;
    text-align: center;
}
.infobox_image img {
    /*width: 300px;*/
    /*height: 300px;*/
    width: 95%;
    height: 95%;
    margin: 0 auto;
}

.infobox_image a:hover { opacity: 0.5 }
.infobox_title {
    color: #005281;
    font-weight: bold;
    text-align: center;
}

.infobox_text {
    max-height: 300px;
    overflow: hidden;
}

.infobox_text a { text-decoration: none; color: #005281; }
.infobox_text a:hover { text-decoration: none; color: #319FDA; }

/* APART VIEW */
#apartview h5 {
    color: #005281;
    text-align: center;
}




/* WORK AROUND FOR HOME col-md-3 .. see if resolves later .... */
/*#infoboxes .col-md-3 { background-color: white; }*/

#googlemap {
    clear: both;
    width: 100%;
    height: auto;
    background-color: #171717;
}


.captcha li {
    list-style-type: none;
    font-weight: bold;
    color: #005281;
    text-align: center;
}

#contactDetails {
    text-align: center;
    color: #005281;
}

#contactDetails a {
    color: #005281;
}
#contactDetails a:hover {
    color: deepskyblue;
}

#formContactUs {

    max-width: 600px;
    margin: 0 auto;

}

#footer {
    clear: both;
    width: 100%;
    height: 60px;
    /*#222222*/
    /*color: #38474F;*/
    color: #666666;
    background-color: #171717;
    text-align: center;
    padding-top: 5px;
}
#footer ul { padding: 0; margin: 0; }
#footer a {
 color: #666666;
}
#footer a:hover {
 color: #ffffff;
}

.footer-pipe { display: none; }



/* Global - Forms */











#paypaldetails, #eftdetails {
    max-width: 800px;
    margin: 0 auto;

}


/***********************************************************/
/* *********** APARTMENT SPECIFIC STUFF ****************** */

/* superceded?? */
/*
.apartListBox {}

.apartListText { text-align: left; }
 */






/* APART DETAIL */
#apartTitle h2 {
    color: #005281;
}

#apartHeader ul li {
    display: inline;
    margin-right: 15px;
}

/* ********* APART GALLERIES ************************ */

#apartPhotoGallery {

}

.galleryThumb {

    margin-bottom: 30px;
}



.galleryThumb img {
    width: 100%;
    height: 160px;

}



/* ********* AVAIL SEARCH FORM and BOOKING FORM ************************ */

#availableSearch {
	width: 100%;
	margin: 0;
	/*padding-top: 10px;*/
    text-align: center; /* affecting the #formAvailableSearch */
    background: #f9f9f9;
    padding: 12px 0 30px;
    border: 1px solid #eeeeee;
}

#formAvailableSearch {
	/*width: 800px;*/
	/*margin: 0px auto;*/
    display: inline-block; /* Inconjunction with the parent div's text-align */

    /*background-color: #005281;*/
    /*border-radius:10px;*/
    /*padding: 20px 10px 10px 10px;*/

}


#bookingForm {
	width: 100%;
	margin: 30px 0px 0px 0;
	/*padding-top: 10px;*/

    text-align: center; /* affecting the #formApartBook */
}

#formBookApart {
    display: inline-block; /* Inconjunction with the parent div's text-align */

}


.apartBook h2 { margin: 50px 0 30px 0; }




#formBookPayment {
    width: 600px;
}
#formBookPayment_inputs input {
     width: 300px;
}
#formBookPayment_inputs textarea {

     width: 300px;
}


/* ********* DATE PICKER CALENDAR ************************ */

/* DATE PICKER ... unavailable days */
.ui-datepicker td.ui-state-disabled>span{
    background-color: red;
}
.ui-datepicker td.ui-state-disabled{
    opacity: 100;
}



/* ********** BOOTSTRAP OVERRIDES *************************** */

.container {
    /*min-width: 1200px;*/

}




/* ********* SUCCESS AND FAIL Notification ********** */

.success {
    width: auto;
    /*height: 50px;*/
    height: auto;
    margin: 20px;
    padding: 10px;
    background-color: #DFF0D8;
    color: #56763D;
    border: thin solid #56763D;
}
.fail {
    width: auto;
    /*height: 50px;*/
    height: auto;
    margin: 20px;
    padding: 10px;
    background-color: #F2DEDE;
    color: #B04442;
    border: thin solid #B04442;
}

.info {
    width: auto;
    /*height: 30px;*/
    height: auto;
    margin: 20px;
    padding: 10px;
    background-color: #d9edf7;
    color: #31708f;
    border: thin solid #bce8f1;
}

.warning {
    height: auto;
    height: auto;
    margin: 20px;
    padding: 10px;
    background-color: #fcf8e3;
    color: #8a6d3b;
    border: thin solid #faebcc;
}



/* To The Top -------------------------------- */
.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(0, 82, 129, 0.8) url(images/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5;
}
.no-touch .cd-top:hover {
    /*background-color: #319FDA;*/
    background-color: #005281;
    opacity: 1;
}
@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}
@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 60px;
        width: 60px;
        right: 30px;
        bottom: 30px;
    }
}

@media only screen and (min-width:981px) {
.CloudBedsWidget .widgetHotelsForm a.submit_link { background: #005281 !important; }
.CloudBedsWidget.ver- { text-align: center; }
.CloudBedsWidget .acessa_widget_block { margin-left: 2%; }
.CloudBedsWidget a.submit_link { margin: 0 4%; padding: 11px 65px !important; top: 36px !important; font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif !important; font-size: 1.05em !important; border: 1px solid #005281 !important; box-shadow: none !important; }
    
.widgetHotelsForm .acessa_widget_block .widgetHotelsInputText.date, .widgetHotelsForm .acessa_widget_block select {
    width: 200px !important; min-height: 35px !important; font-size: 1.1em; border-radius: 0 !important; font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif; padding-left: 20px; background: url(/uploads/thumbs/images/icons8-calendar.svg) no-repeat scroll 95% center transparent !important; background-size: 10% 45% !important; border-color: #000000; color: #000000; }

.acessa_widget_block p {
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif !important; font-size: 1.2em !important; margin-bottom: 5px !important; font-weight: 300; color: #222222; text-align: left; }
}
@media only screen and (max-width:980px) {
.CloudBedsWidget .widgetHotelsForm a.submit_link { background: #005281 !important; margin-bottom:35px; }
.CloudBedsWidget.ver- {    text-align: center; }
.CloudBedsWidget .acessa_widget_block {     margin-left: 0%; }
.CloudBedsWidget a.submit_link {
        margin: 0 0%; padding: 12px 65px !important; top: 25px !important; font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif !important; font-size: 1.05em !important; border: 1px solid #005281 !important; min-width: 85% !important; }
.CloudBedsWidget p[title] { color: #f8f9fa; }
.widgetHotelsForm .acessa_widget_block .widgetHotelsInputText.date, .widgetHotelsForm .acessa_widget_block select {
    width: 90% !important; min-height: 35px !important; font-size: 0.9em; border-radius: 0 !important; font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif; /*   padding-left: 20px;*/ }

.acessa_widget_block p {
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif !important; font-size: 1em !important; margin-bottom: 5px !important; font-weight: 400; }
}

.myButton {
    background:linear-gradient(to bottom, #005281 5%, #024569 100%);
    background-color:#005281;
    border-radius:8px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:20px;
    padding:13px 32px;
    text-decoration:none;
    margin-top:30px
}
.myButton:hover {
    background:linear-gradient(to bottom, #024569 5%, #005281 100%);
    background-color:#024569;
    color:#ffffff;
}
.myButton:active {
    position:relative;
    top:1px;
}

/* END To The Top -------------------------------- */