/* Import HTML5 Boilerplate / Resets  CSS  */
@import url(myboilerplate.css)

/* consolidated CSS

featured horizontal

*/



* {
    margin:0;
	padding:0;
}

html {
    text-align: center;
    background: #f3f3f3;
    background: #fff url(/media/images/myback.gif) repeat-x 100% top;
    font-size: 100%;
}

body {
    font: 62.5% "trebuchet ms";
    text-align: left;
    color: #333;
    margin: 1.5em auto 2em;
    background: #FFF;
    padding: 1.3em;
    background: #fff url(/media/images/body_bg.gif) repeat-x 50% bottom;
    width: 110em;
    border: solid 0.1em #eaeaea;
}

h1,h2,h3,h4,h5 {
    text-align: left;
    font-family: "Lucida Grande",Arial,Verdana,sans-serif;
    font-weight: bold;
}

h2.divider {
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    background: url(/media/graphics/line_divide.png) top repeat-x;
    font-weight: bold;
    padding: 20px 0;
}

.nobr {
    white-space: nowrap;
}

a {
    color: #0088cc;
}

a img {
    border: 0;
}

.more {
    text-align: right;
}

a:link, a:visited, a:active {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.infolink {
    color: #888888;
    line-height: 1.4;
    font-weight: normal;
    font-size: 1.5em;
    margin-bottom: 1.5em;
    border-bottom: 1px dotted silver;
    display: inline;
}

a.infolink:hover {
    text-decoration: none;
}

a.more {
    white-space: nowrap;
    padding-right: 10px;
    background-color: transparent;
    background-image: url("/media/morearrow.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 100% 50%;
}

a.navlink {
    padding-left: 20px;
    background-color: transparent;
    background-image: url("/media/arrow_next.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0pt 50%;
}

ul {
    list-style: none;
    text-align: left;
}

ul.keypoints {
    width: 30em;
    background-image: url(/media/graphics/h300.png);
    background-repeat: repeat-x;
    list-style: none;
    text-align: left;
    border: solid 1px silver;
}

ul.keypoints li {
    text-align: left;
    background: url(/media/images/li_bullet.gif) left center no-repeat;
}

ul.keypoints > li > a {
    text-align: left;
    background: url(/media/images/link_underline.gif) bottom repeat-x;
    padding-bottom: 0.1em;
}


/* Forms */

form p {
    padding-top: 0;
    padding-left: 0;
    margin: 0;
}

fieldset {
    padding: 0.5em 1em;
    border: solid 1px #eaeaea;
    margin-top: 0.5em;
    background: #f7f7f7;
}


#registerFORM > label {
    display: inline;
    padding-bottom: 0.1em;
    font-weight: bold;
    margin-top: 0;
    padding-top: 0;
}

p {
    font-size: 1.5em;
    line-height: 1.5em;
    text-align: left;
    margin: 1em 0;
}

.focusField {
    border: solid 1px #73A6FF;
    background: #EFF5FF;
    color: #000;
}

.idleField {
    background: #f5f5f5;
    color: #6f6f6f;
    border: solid 1px #dfdfdf;
}

.idleField:hover {
    border: solid 1px #dfdfdf;
}

input, textarea {
    font-family: Arial, sans-serif;
    font-size: 100%;
    width: 26em;
 /* fallback for the next one, for browsers not recognizing ch */
    width: 40ch;
 /* sets the width to 40 times the width of the digit “0” */;
}

input,textarea {
    border: solid 1px #ccc;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    padding: 2px 5px;
    font: 1em/1.5em "Helvetica Neue", Arial, sans-serif;
    color: #888a7a;
    margin-right: 5px;
}

input:hover,textarea:hover {
    border-color: #999;
    border-width: 1px;
}

input:focus,textarea:focus {
    border-color: #39b2e5;
    border-width: 1px;
    -webkit-box-shadow: #b5dff1 0 0 5px;
    -moz-box-shadow: #b5dff1 0 0 5px;
    -o-box-shadow: #b5dff1 0 0 5px;
    box-shadow: #b5dff1 0 0 5px;
}
/*input[type=text]:hover {
	border-color: #999;
}

input[type=text]:focus {
	border-color: #39b2e5;
	-webkit-box-shadow: #b5dff1 0 0 5px;
	-moz-box-shadow: #b5dff1 0 0 5px;
	-o-box-shadow: #b5dff1 0 0 5px;
	box-shadow: #b5dff1 0 0 5px;
}


input[type=text] { border: solid 1px #ccc; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; padding: 2px 5px; font: 1em/1.5em "Helvetica Neue", Arial, sans-serif; color: #888a7a; margin-right: 5px;}
*/




/* Placeholder  input[type=text]::-webkit-input-placeholder {
	color: #ccc;
}

*/

input[type=text]::-webkit-input-placeholder,input[type=textarea]::-webkit-input-placeholder {
    color: #333;
}

input[type=text]::-moz-placeholder,input[type=textarea]::-moz-placeholder {
    color: #333;
} /* firefox 19+ */
input[type=text]::-ms-input-placeholder,input[type=textarea]::-ms-input-placeholder {
    color: #333;
} /* ie */
input[type=text]::-moz-placeholder,input[type=textarea]::-moz-placeholder {
    color: #333;
}

input[type=submit] {
    color: #fff;
    font: bold 13px/20px "Helvetica Neue", Arial, sans-serif;
    padding: 4px 10px;
    text-shadow: #5063ba 0 -1px 0;
    border: solid 1px #5063ba;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
    -moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
    -o-box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
    box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
    background: #ff920d;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffc039), to(#ff920d));
    background: -moz-linear-gradient(top,  #ffc039,  #ff920d);
    background: -o-linear-gradient(top,  #ffc039,  #ff920d);
    background: #4d73d3;
    width: 150px;
    margin-top: 5px;
    cursor: pointer;
}

input[type=submit].contactbox {
}

input[type=button] {
    color: #fff;
    font: bold 13px/20px "Helvetica Neue", Arial, sans-serif;
    padding: 4px 20px;
    text-shadow: #5063ba 0 -1px 0;
    border: solid 1px #5063ba;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
    -moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
    -o-box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
    box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
    background: #ff920d;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffc039), to(#ff920d));
    background: -moz-linear-gradient(top,  #ffc039,  #ff920d);
    background: -o-linear-gradient(top,  #ffc039,  #ff920d);
    background: #4d73d3;
    cursor: pointer;
}

input[type=reset]:hover,
input[type=reset]:focus,input[type=submit]:hover,
input[type=submit]:focus,input[type=button]:focus,input[type=button]:hover {
    border-color: #211f1d;
}

input[type=reset] {
    width: 4em;
 /* fallback for the next one, for browsers not recognizing ch */
    width: 20ch;
 /* sets the width to 40 times the width of the digit “0” */;
}

input[type=submit]:active {
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0 0;
}

input[type=checkbox] {
    border: 0px;
}

input.submitpropertybutton , input .cancelbutton {
    width: 150px;
}

input.cancel {
    background: red;
}

input.error {
    border: 1px solid red;
}

/*label .error { float: none; color: red; padding-left: .5em; vertical-align: top; } 

.invalid { color: red; font-style: italic; }*/

label {
    display: block;
    padding-bottom: 0.1em;
    font-weight: bold;
    margin-top: 0;
    padding-top: 0;
}

label.inlinelabel {
    display: inline;
    padding-bottom: 0.1em;
    font-weight: bold;
    margin-top: 0;
    padding-top: 0;
}

label.error {
    background: url('images/unchecked.gif') no-repeat;
    padding-left: 25px;
    margin-left: .3em;
}

label.valid {
    background: url('images/validYes.png') no-repeat;
    display: block;
    padding-left: 25px;
    margin-left: .3em;
    color: #444;
    background-color: #333;
    text-decoration: none;
}

label.invalid {
    background: url('images/validNo.png') no-repeat;
    display: block;
    padding-left: 25px;
    margin-left: .3em;
    height: 16px;
    color: red;
    text-decoration: none;
}

label.success {
    background: url("images/validYes.png") no-repeat 0px 0px;
    padding-left: 25px;
}

#paymentform input , #paymentform input:hover {
    cursor: pointer;
    border: none;
}

table .BCcontainer input #arrival_date,table .BCcontainer  > #departure_date {
    width: 10em;
}

#advsearch-container {
    width: 100%;
    padding: 20px;
}

#advsearch-container > input .checkbox {
    display: inline;
}

#advsearch-container > label {
    width: 60%;
}

#advsearch-container h4 {
    font-weight: normal;
    color: #333333;
    font-size: 1.5em;
    margin-bottom: 0.6em;
}

#advsearch-container .columns {
    padding-top: 0.87em;
}

#advsearch-container .column {
    color: gray;
    font-weight: bold;
    float: left;
    width: 26em;
}

.column {
    font-weight: bold;
    float: left;
    width: 26em;
}

span.bold {
    font-weight: bold;
    color: #120000;
}

/*Logo area for logo PLUS header/headlines */

#cornershoutout {
    position: absolute;
    top: 7px;
    left: 13.5em;
    z-index: 25;
}

/*#logo { position: absolute; top: 5px; float: left; margin-top: 0; margin-left: 2em;  float: left;}
#logo img { margin-top: 2em;  }
#logo img.arealogo { margin-top: 2em;  }

#titles { float: left; font-family:"trebuchet ms"; margin-left: 17em; }
#titles h1 { font-size:3em; color:white; margin-top: 1em;  margin-left: 2em; text-shadow: #999 0 1px 0; }
#titles h1.areatitle { font-size:2.5em; color:white; margin-top: 1em;  margin-left: 1em; text-shadow: #999 0 1px 0; }
#titles h2 { font-size:1.2em; color:white; text-align: right; margin: 0.1em 0.5em 0 15em; padding-top: 0; padding-bottom: 0.1em; text-shadow: #22222; }
)*/

#logo {
    top: 5px;
    float: left;
    margin-top: 0;
    margin-left: 4em;
}

#logo img {
    margin-top: 2em;
}

#titles {
    float: left;
    font-family: "trebuchet ms";
    margin-left: 0em;
}

#titles h1 {
    font-size: 3em;
    color: white;
    margin-top: 1em;
    margin-left: 1em;
    text-shadow: #999 0 1px 0;
}

#titles h1.short {
    font-size: 2.5em;
    color: white;
    margin-top: 1em;
    margin-left: 0.5em;
    text-shadow: #999 0 1px 0;
}

#titles h1.medium {
    font-size: 3.5em;
    color: white;
    margin-top: 1em;
    margin-left: 2.5em;
    text-shadow: #999 0 1px 0;
}

#titles h1.shorten {
    font-size: 1.5em;
    color: white;
    margin-top: 1em;
    margin-left: 5em;
    text-shadow: #999 0 1px 0;
}

#titles h2 {
    font-size: 1.2em;
    color: white;
    text-align: right;
    margin: 0.1em 0.5em 0 15em;
    padding-top: 0;
    padding-bottom: 0.1em;
    text-shadow: #22222;
}

#titles p a {
    font-size: 1.8em;
    color: yellow;
    text-align: right;
    margin: 0.1em 0.5em 0 15em;
    padding-top: 0;
    padding-bottom: 0.1em;
}



/* html > body > div#masthead.noprint > div#titles > h2  */


html > body > div#masthead.noprint > div#titles > p {
    margin-top: 1.5em;
    font-size: 0.9em;
    font-family: "trebuchet ms";
    color: white;
    font-style: italic;
    margin-left: 21em;
}

/* image control #headerphoto { width: 13em; margin-top: 0.2em; margin-right: 1em; padding: 5px; border: solid 1px white; }*/
html > body > div#masthead.noprint > div.floatRIGHT > img#headerphoto {
    width: 13em;
    margin-top: 15px;
    margin-right: 1em;
    padding: 5px;
    border: solid 1px silver;
}

.launchmap {
    width: 30em;
    margin-top: 2.5em;
    margin-right: 1em;
    padding: 5px;
    border: solid 1px silver;
}

div.launchmap.copyright {
    width: 30em;
    font-size: 0.1em;
}

/*#masthead { position:relative;width:100%; height:15em; margin-bottom:0; background:url(/media/images/masthead_bg.gif) repeat-x; } */

#masthead {
    background-color: #04538B;
    position: relative;
    width: 100%;
    height: 15em;
    margin-bottom: 0;
}

.subnav {
    float: right;
    width: 250px;
}
/*  display: inline-block;   */
.ad-tab {
    height: 30px;
    float: right;
    color: white;
    font-size: 1.5em;
    font-weight: bold;
    background-color: #feba02;
    text-align: center;
    margin-left: 5px;
    padding: 2px;
}

a.ad-tab {
    font-weight: bold;
    position: relative;
}

#masthead h1 {
}

#masthead h2 {
}

#masthead p {
}

#masthead logo h1 a {
    color: #FFF;
}

#masthead sup {
    font-size: 0.5em;
}

#mastheadBox {
    background: url(/media/images/masthead_box.gif) left center no-repeat;
    z-index: 11;
    position: absolute;
    height: 8em;
    top: 50%;
    margin-top: -5em;
    right: 2em;
    width: 43.5em;
    padding: 1em 1em 1em 3.5em;
}

#mastheadBox h2 {
    line-height: 1em;
    color: #F60;
    font-size: 1.2em;
}

#mastheadBox p {
    padding: 1em 0 0;
    margin: 0;
}

#breadCrumbs {
    clear: both;
    padding: 0.5em 2em;
    margin-top: 0.3em;
    background: #EAEAEA url(/media/images/breadcrumbs_bg.gif);
    list-style: none;
}

#breadCrumbs li {
    display: inline;
}

#breadCrumbs li a {
    margin-right: 0.5em;
    padding-right: 1em;
    background: url(/media/images/breadcrumbs_bullet.gif) right 0.7em no-repeat;
}

#breadCrumbs li a:hover, {
    text-decoration: underline;
}

#quicklinkscont a img {
    float: right;
}

#quicklinkscont a {
    text-decoration: none;
}



/* Main Column */

#mainContent {
    padding: 2em 0;
    float: left;
    width: 90em;
    margin-top: 6em;
}

#mainContentFrontPage {
    padding: 2em 0;
    float: left;
    width: 80em;
    margin-top: 1em;
}

p.intro {
    color: #585858;
    line-height: 1.4;
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

table.showcase {
    font-size: 0.85em;
}

table.showcase p {
    font-size: 1.25em;
}

#mainContent h1 {
    color: #444;
    font-size: 1.5em;
    margin-top: 1.5em;
}

#mainContentFrontPage h1 {
    color: #444;
    font-size: 0.85em;
    margin-top: 0.0em;
    margin-bottom: 0.5em;
    padding: 0em;
}

#mainContentFrontPage h3 {
    color: #444;
    font-size: 1.85em;
    margin-top: 0.0em;
    margin-bottom: 0.5em;
}

#mainContent h1.main {
    color: #444;
    font-size: 1.25em;
    width: 50%;
    margin-top: 0.2em;
    margin-bottom: 0.3em;
    padding-bottom: 0.1em;
    border-bottom-width: 1px;
}

#mainContent h2 {
    color: #444;
    font-size: 1.7em;
}

#mainContent p + h2 {
    margin-top: 1.5em;
}

#mainContent h3 {
    color: #444;
    font-size: 1.25em;
    margin-top: 0.4em;
    padding-bottom: 0.1em;
}

#mainContent blockquote {
    padding: 0 2em;
    font-style: italic;
    font-size: 1em;
    color: #444;
    border-left: 4px solid #bab60e;
}

#mainContent ul {
    color: #F90;
}

#mainContent li {
	/* background:url(/media/images/li_bullet.gif) left center no-repeat; */
    font-size: 1.2em;
    padding-left: 1em;
    margin: 0 0 0.5em 1em;
    color: #333;
}


/* Main Column Table */

/*#mainContent table {
	margin-top:1.5em;
}
*/

#mainContent thead th {
    background: #EAEAEA;
}

#mainContent td {
    padding: 0.0em;
}

#mainContent th {
    padding: 0.5em;
    background: #F4F4F4;
    color: #004D85;
}

#mainContent th strong {
    color: #F60;
}




/* Side Column */



#secondaryContent {
    color: #333;
    width: 18em;
    padding: 2px;
    float: left;
    margin-top: 20px;
    margin-left: 10px;
}

#secondaryContent h2, #secondaryContent p {
    font-size: 1.2em;
    text-align: justify;
    width: 100%;
    margin-right: 1px;
    margin-left: 1px;
    padding: 0;
}

#secondaryContent h2 {
    color: teal;
    font-size: 1.8em;
}

#secondaryContent h3 {
    font-size: 1.2em;
    margin-top: 0.6em;
    margin-bottom: 0.3em;
}

#secondaryContent IMG {
    width: 150px;
    margin-top: 0.6em;
    margin-bottom: 0.3em;
    margin-left: auto;
    margin-right: auto;
}

.secondaryContentBox {
    border: 1px solid #EAEAEA;
    background: #F7F7F7;
    padding: 1em 1em 0.5em;
    margin-bottom: 2em;
}

.secondaryContentBox span {
    color: #F60;
    font-weight: bold;
}

#secondaryContent blockquote {
    font-style: italic;
    font-size: 0.9em;
    padding: 0.5em 0 0 2em;
    background: url(/media/images/left_quote.gif) no-repeat;
}

#secondaryContent blockquote p {
    background: url(/media/images/right_quote.gif) right bottom no-repeat;
    padding-bottom: 1em;
}

#secondaryContent blockquote span {
    margin-left: 2em;
}

#secondaryContent .source {
    text-align: right;
    margin: -0.5em 0 2em;
    font-size: 1em;
}

#sidebar {
    height: 100%;
    padding-top: 90px;
    margin-left: 10px;
}

.separator {
    clear: both;
}

.separatorInvisible {
    clear: both;
    height: 1px;
}

/* Sidebar padding: 10px; width:18em;*/


.sidebarBlock {
    margin-top: 10px;
    margin-bottom: 10px;
}

.sidebarBlock.outline {
    margin-top: 10px;
    border: solid 1px silver;
}

.sidebarBlock.outline img > {
    margin: 10px;
}

.sidebarBlock.outline.owner {
    background-color: orange;
    border: solid 1px silver;
}

.break {
    display: none;
}

#footer {
    text-align: center;
    clear: both;
    margin-top: 3em;
    padding: 1em 0 0;
}

#footer li {
    display: inline;
    margin: 0.5em;
}

#footer > .legal {
    text-align: center;
}

#menorcainpictures {
    margin-top: 50px;
    margin-left: auto;
}

span.highlight {
    display: block;
    color: #333;
    font-size: 1.2em;
    font-weight: bold;
    background-image: url(/online/myimages/graphics/icons/iconInfo.png);
    background-repeat: no-repeat;
    background-position: 5px 8px;
    padding: 5px 5px 5px 35px;
    background-color: #bad6f9;
    text-align: left;
    width: 70%;
    border: solid 1px #cfdfec;
    margin: 5px 0 15px;
}

.weather {
    background: #EEF2F6;
    padding: 4px;
    margin-bottom: 2px;
    width: 400px;
    overflow: hidden;
}

.weather img {
    vertical-align: middle;
    float: left;
    margin-right: 4px;
}
			
/* top of page menu */
			
#mymenu {
    width: 100%;
    margin-top: 1.0em;
    margin-bottom: 1.0em;
}

.mymenu a {
    color: black;
    font-size: 1.5em;
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
}

.mymenu a:hover {
    color: black;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 4px solid #black;
}

/* context help */

span.helpdisplay {
    display: block;
    color: #999999;
    font-weight: bold;
    background-image: url(/online/myimages/graphics/icons/iconInfo.png);
    background-repeat: no-repeat;
    padding: 5px 5px 5px 35px;
    background-color: #e3edf8;
    text-align: left;
    border: solid 1px #cfdfec;
    margin: 0 0 5px;
}

span.helpdisplay #helpicon {
    vertical-align: middle;
}

span.helpdisplay h1 {
    color: black;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
}

span.helpwarning {
    display: block;
    color: white;
    font-size: 12px;
    font-family: Arial;
    font-weight: normal;
    background-color: #f00;
    padding: 5px 5px 5px 27px;
    text-align: left;
    border: solid 1px red;
    margin: 0 0 5px;
}

span.highlight {
    color: #0066cc;
    background-color: #6f6;
    background-position: 5px 8px;
    display: block;
    margin: 0 0 5px;
    padding: 5px 5px 5px 27px;
    border: solid 1px #cfdfec;
}

span.info {
    display: block;
    color: #444;
    background-image: url('/media/icons/iconInfo.png');
    background-repeat: no-repeat;
    background-position: 5px 8px;
    padding: 5px 5px 5px 35px;
    background-color: #e3edf8;
    border: solid 1px #cfdfec;
    margin: 0 0 5px;
}

span.infogreen {
    display: block;
    color: black;
    font-size: 1.2em;
    background-image: url(/online/myimages/graphics/icons/iconInfo.png);
    background-repeat: no-repeat;
    background-position: 5px 8px;
    padding: 5px 5px 5px 35px;
    background-color: #5cbd00;
    border: solid 1px #cfdfec;
    margin: 10px 0 5px;
}

div.infoPAYPALgreen {
    display: block;
    color: white;
    background-image: url(/online/myimages/graphics/icons/iconInfo.png);
    background-repeat: no-repeat;
    background-position: 5px 8px;
    padding: 5px 5px 5px 35px;
    background-color: #5cbd00;
    width: 85%;
    border: solid 1px #cfdfec;
    margin: 0 auto 5px;
}

.infogreen  h3 {
    color: black;
    font-weight: bold;
}

span.info h3 {
    color: #444;
    font-weight: bold;
}

h3.infogreen {
    color: white;
    font-weight: bold;
}

h3.info {
    color: #444;
    font-weight: bold;
}

span.highlight {
    color: #0066cc;
    background-color: #6f6;
    background-position: 5px 8px;
    display: block;
    margin: 0 0 5px;
    padding: 5px 5px 5px 27px;
    border: solid 1px #cfdfec;
}

.actionbutton {
}

.featured {
    color: black;
    margin: 0;
    padding: 4px;
    border: solid 3px #c6d8e1;
}

.featuredheader {
    color: black;
    font-size: 12px;
    font-weight: bold;
    background-color: lime;
    margin: 0;
    padding: 0 0 0 5px;
    border: solid 1px silver;
}

.TOP {
    font-size: 1.5em;
    font-weight: bold;
}

#advertising {
    clear: both;
    font-size: 3.5em;
    border: solid 2px silver;
}

/*** css for scripts items ***/
#shoppingcart.shoppingcartClass tr {
    color: white;
    background-color: fuchsia;
}

#shoppingcart.shoppingcartClass tr {
    color: white;
    background-color: fuchsia;
}

#shoppingcart #z1a TR {
    background-color: white;
}

.fsd {
    font-size: 11px;
    padding: 0px;
    text-align: justify;
    color: black;
    font-family: tahoma;
}

.menu A {
    color: black;
    font-weight: bold;
}

.menu A:HOVER {
    color: black;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 4px solid #0f3;
}

.bookedcalendar {
    background-color: #f00;
}

.notavailablecalendar {
}

.availablecalendar {
    background-color: #3f3;
}

.cancellations {
    background-color: blue;
}

.fl {
    background: url(/online/images/newimages/after.gif);
    background-repeat: no-repeat;
}

.fr {
    background: url(/online/images/newimages/before.gif);
    background-repeat: no-repeat;
}

.fc {
    background: url(/online/images/newimages/full.gif);
    background-repeat: no-repeat;
}

.fl1 {
    background: url(/online/images/newimages/a.gif);
    background-repeat: no-repeat;
}

.fr1 {
    background: url(/online/images/newimages/b.gif);
    background-repeat: no-repeat;
}

.fc1 {
    background: url(/online/images/newimages/f.gif);
    background-repeat: no-repeat;
}

.fr2 {
    background: url(/online/images/newimages/top.gif);
    background-repeat: no-repeat;
}

.fl2 {
    background: url(/online/images/newimages/bottom.gif);
    background-repeat: no-repeat;
}

.combineddays {
    border-top: 1px solid #33BB00;
    border-bottom: 1px solid #33BB00;
}

.perioddays {
    background-color: #DFDFDF;
}

.torent {
    background-color: #BB9900;
}
/*Shows a discount period in booking calendar*/
.discountperiods {
    border-bottom: 5px solid blue;
    border-top: 3px solid yellow;
}
/* Text settings for all areas of the script */
/*Standard option for all the links in the script*/
/*Formatting for text inside table cells
textarea, option, select,input,tr,td
    { color: #444; font-size: 12px; font-family: "Trebuchet MS"; text-decoration: none;    }*/
/* Admin area - outer tabel for confirmed reservations management pages. It belongs to an older version of the script*/
.blue {
    border-color: #6c745d;
    border-style: solid;
    border-width: 3px;
}
/* Error message formatting both in the client and admin area */
.error {
    color: red;
    font-size: 12px;
    font-family: Verdana;
}
/*Text formatting for a section title displayed when opening it. Example: clicking on Manage Reservations open a window where there are 2 options (single type and hotel type); below this option there is a bold text with the name of the active option, in this case single property */
.error1 {
    color: #51593d;
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
}
/* Admin area - outer tabel for Pending reservations management pages. It belongs to an older version of the script*/
.green {
    border-color: #dbdfce;
    border-style: solid;
    border-width: 3px;
}


/*Style for login in the user and admin area*/
.login {
    font-size: 12px;
    font-family: tahoma;
    background-color: #3474bc;
    color: white;
}

.login A {
    font-size: 12px;
    font-family: tahoma;
    background-color: #3474bc;
    color: white;
}


/*Admin area - Style for the MAIN admin menu (List properties, Add property, manage reservations, etc...) */
.meniuadmin {
    color: #069;
    font-size: 12px;
    font-family: verdana, tahoma, serif;
    background-color: transparent;
}
/*Admin area - Rollover style for the MAIN admin menu (List properties, Add property, manage reservations, etc...) */
.meniuadmin:hover {
    color: #069;
    font-size: 12px;
    font-family: verdana, tahoma, serif;
    text-decoration: underline;
    background-color: transparent;
}
/*Visitor area - style for headers and other important text such as Name of the property and Click here for more details in the 1st page or Booking and property name in the property details page*/
.meniulist {
    color: #006699;
    font-size: 12px;
    font-family: verdana, tahoma, serif;
    font-weight: bold;
    text-decoration: none;
}
/*Visitor area - ROLLOVER style for headers and other important text such as Name of the property and Click here for more details in the 1st page or Booking and property name in the property details page*/
.meniulist:hover {
    color: #006699;
    font-size: 12px;
    font-family: verdana, tahoma, serif;
    font-weight: bold;
    text-decoration: underline;
}

.ocupat1 {
    background-color: red;
    font-align: center;
}

.ocupat2 {
    background-color: #0f0;
    font-align: center;
}

.ocupat3 {
    background-color: lime;
    font-align: center;
}

.ocupat4 {
    color: white;
    font-align: center;
    background-color: black;
}

.ocupat5 {
    font-align: center;
    background-color: #ECF0E2;
}

.ocupatjos {
    color: yellow;
    background-color: lime;
    font-align: center;
}

.ocupatjos TD {
    font-align: center;
    background-color: green;
    color: Yellow;
}

.ocupatsus {
    color: yellow;
    background-color: lime;
    font-align: center;
}

.cancellations {
    background-color: blue;
}

.ocupatsus TD {
    font-align: center;
    color: Yellow;
    background-color: #932127;
}
/*WEEKLY & MONTHLY booking calendar - text formatting for cells with dark colours*/
.white {
    color: #FFFFFF;
    font-size: 12px;
    font-family: verdana,tahoma;
}
/*BOOKING CALENDAR - formatting for month names appearing in the left column (i.e. January, February, etc )*/
.year {
    color: #000;
    font-family: verdana, tahoma;
    font-weight: bold;
}
/*Formatting for the text appearing in all buttons*/
.tdmicseach {
    color: black;
    font-size: 12px;
    font-family: verdana,tahoma;
    text-align: center;
}
/*BOOKING CALENDAR (months and period-months) - message text diplayed above the booking calendar*/
.legend {
    color: #484848;
    font-size: 12px;
    font-family: verdana,tahoma;
    background-color: #ECF0E2;
}

#bookingprices { color: #484848; font-size: 15px; font-family: verdana, tahoma; font-weight: bold; background-color: #ecf0e2; }



/*ADMIN AREA - Secondary (level 2 and below) menus formatting*/
.meniuadminsmall {
    color: #51593D;
    font-size: 12px;
    font-family: verdana,tahoma,serif;
    text-align: center;
    background-color: transparent;
}
/*ADMIN AREA - Custom fields, links, etc ... - text formatting*/
.fontsmall {
    color: #51593D;
    font-size: 12px;
    font-family: verdana,tahoma,serif;
    text-align: center;
    background-color: transparent;
}
/*ADMIN AREA - Reservation Management hotel type - row colour and text formatting (used in order to have different colours for adiacent rows)*/
.tabelsushotel1 {
    font-size: 12px;
    font-family: verdana,tahoma;
    background-color: #ededed;
    border-color: #AAAAAA;
}
/*ADMIN AREA - Reservation Management hotel type - row colour and text formatting (used in order to have different colours for adiacent rows)*/
.tabelsushotel2 {
    font-size: 12px;
    font-family: verdana,tahoma;
    background-color: #cccccc;
    border-color: #AAAAAA;
}
/*ADMIN AREA - Reservation Management hotel type - Property calendar - text formatting*/
.tabelhotelfontmic {
    font-size: 12px;
    font-family: verdana,tahoma;
}
/*BOOKING CALENDAR - Period-days - colour and text formatting (used in order to have different colours for adiacent periods)*/
.ocupatperiod1 {
    font-size: 12px;
    text-align: center;
    background-color: #CCCCCC;
}
/*BOOKING CALENDAR - Period-days - colour and text formatting (used in order to have different colours for adiacent periods)*/
.ocupatperiod {
    font-size: 12px;
    text-align: center;
    background-color: #999999;
}
/* Admin area - Formatting for text in add/modify properties and for settings*/

/* Admin area - Formatting for text in add/modify properties and for settings input fields*/
.configuration1 {
    font-size: 12px;
    font-family: Tahoma,Verdana;
    color: #484848;
    background-color: #FFFFEE;
}
/*Visitor area - text style for description */
.description {
    text-align: justify;
    display: marker;
}
/*Visitor area - text style for shortdescription*/
.shortdescription {
    text-align: justify;
    display: marker;
    text-indent: 25pt;
}
/* Admin area - revervation section*/
.reservation0 {
    font-size: 12px;
    font-family: Tahoma, Verdana;
    color: #EEEAEA;
    background-color: #D9E1CC;
}
/* Admin area - revervation section*/
.reservation1 {
    font-size: 12px;
    font-family: Tahoma,Verdana;
    color: #484848;
}
/* error message */
.errormessage {
    color: #FF0000;
}

.dayoftheweek {
    font-size: 7pt;
    font-family: Tahoma,Verdana;
    color: #000000;
    text-align: center;
}
/* ORIG .dayoftheweekSundaySaturday  { color: #000000; font-size: 7pt; font-family: Tahoma, Verdana; background-color: #dedeff; text-align: center } */
.dayoftheweekSundaySaturday {
    color: #000000;
    font-size: 7pt;
    font-family: Tahoma, Verdana;
    text-align: center;
}

.login2 {
    color: black;
    font-size: 14px;
    font-family: "Trebuchet MS";
    font-weight: bold;
    padding: 3px;
    border: solid 1px silver;
}

.loginv {
    color: #484848;
    font-size: 12px;
    font-family: verdana,tahoma;
    background-color: #AEF085;
    padding: 2px;
}

.login2v {
    color: #484848;
    font-size: 12px;
    font-family: verdana,tahoma;
    background-color: #A3E17C;
    border: 1px solid black;
    padding: 3px;
}

.configuration2 {
    font-size: 12px;
    font-family: Tahoma, Verdana;
    background-color: #d0d0d0;
}

.configuration2a {
    font-size: 7px;
    font-family: Tahoma,Verdana;
    color: red;
    background-color: #CBCBC6;
}

.configuration3a {
    font-size: 7px;
    font-family: Tahoma,Verdana;
    color: red;
    background-color: #dcdcd7;
}

.configurationv {
    font-size: 12px;
    font-family: Tahoma,Verdana;
    color: #484848;
    background-color: #A3E17C;
}

.configuration2v {
    font-size: 12px;
    font-family: Tahoma,Verdana;
    color: #484848;
    background-color: #AEF085;
}

.configuration3 {
    font-size: 12px;
    font-family: Tahoma,Verdana;
    color: #484848;
}

.table2 {
    border-left: outset 1px #efefef;
    border-top: outset 1px #efefef;
    border-right: outset 1px #ffffff;
    padding: 1px;
    border-bottom: solid 1px #000000;
}

.table3 {
    background-color: #E3E7F9;
    padding: 1px;
    border: solid 1px #bdbdbd;
}

.table3v {
    background-color: #AEF085;
    padding: 1px;
    border: solid 1px #bdbdbd;
}

.meniuadminsmall {
    color: #000;
    font-size: 12px;
    font-family: arial, verdana, tahoma, serif;
    text-decoration: underline;
    background-color: transparent;
    text-align: center;
}

.meniuadminsmall A {
    color: #00f;
    font-size: 12px;
    font-family: arial, verdana, tahoma, serif;
    text-decoration: underline;
    background-color: transparent;
    text-align: center;
}

.login_clients {
    font-size: 11px;
    font-family: Tahoma,Verdana;
    color: #000000;
}

.configuration {
    color: #484848;
    font-family: Tahoma, Verdana;
}

.tablebooking {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
    margin-top: 2em;
}

table .tablebooking checkbox {
    background-color: white;
}

td .tablebooking {
}

td .tablebooking0 , td .tablebooking1 {
    text-align: left;
    font-size: 1.5em;
}

td .tablebooking0 font .year , td .tablebooking1 {
    padding-right: 5px;
    padding-left: 5px;
}

.list1 {
    font-size: 1.2em;
}

.QStooltip {
    background-color: #000;
    border: 1px solid #fff;
    padding: 10px 15px;
    width: 200px;
    display: none;
    color: #fff;
    text-align: left;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
}

.node {
    -webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 3px;
    -o-box-shadow: rgba(0, 0, 0, .25) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, .25) 0 1px 3px;
}

.photonode {
    -webkit-box-shadow: rgba(0, 0, 0, .35) 0 10px 25px;
    -moz-box-shadow: rgba(0, 0, 0, .25) 0 10px 25px;
    -o-box-shadow: rgba(0, 0, 0, .35) 0 10px 5px;
    box-shadow: rgba(0, 0, 0, .35) 0 10px 5px;
}

div.propertybox {
    margin-top: 2em;
    margin-bottom: 2em;
}

#propertyname {
    margin-top: 1.2em;
    margin-bottom: 0em;
}

div.propertybox {
    margin-top: 0.2em;
    margin-bottom: 2em;
}

div.resortbox {
    margin-top: 2.0em;
    margin-bottom: 0.2em;
    float: left;
}

div.resortbox h2 {
    width: 30em;
    margin-top: 2.0em;
}

div.resortbox h4 {
    width: 10em;
    margin-top: 1.0em;
}

div.propertyboxtitles {
    margin-top: 2em;
    margin-bottom: 0.2em;
}

div.propertyboxtitles > h4 {
    font-weight: bold;
    text-align: left;
    font-size: 1.2em;
}

div.propertybox > p.column , div.propertyboxtitles > h4.column {
    font-weight: bold;
    float: left;
    width: 25em;
}

div.resortbox  p.column {
    font-weight: bold;
    float: left;
    width: 10em;
}

div.propertynav {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

div.shoutout,div.shoutoutbooking {
    background-color: #d9d9c2;
    border: solid 2px #000000;
    padding: 10px 15px 10px 16px;
    display: none;
    text-align: left;
    -webkit-box-shadow: rgba(0, 0, 0, .25) 0 10px 25px;
    -moz-box-shadow: rgba(0, 0, 0, .25) 0 10px 25px;
    -o-box-shadow: rgba(0, 0, 0, .25) 0 10px 5px;
    box-shadow: rgba(0, 0, 0, .25) 0 10px 5px;
}

div.shoutout {
    width: 200px;
}

div.shoutoutbooking {
    width: 350px;
}

div.shoutout h4 {
    font-weight: bold;
    font-size: 130%;
    margin-bottom: 5px;
}

div.shoutoutbooking h4 {
    font-size: 150%;
}

div.shoutout > ul {
    margin-left: 5px;
    font-weight: bold;
}

div.shoutout > ul > li {
    margin-left: 0;
}

div.shoutoutbooking > ul > li {
    margin-left: 0;
    font-weight: bold;
}

div.shoutout > ul > li p {
    font-size: 0.8em;
    margin-top: 1px;
    margin-bottom: 1px;
}

div.shoutoutbooking > ul > li p {
    font-size: 0.8em;
    margin-top: 1px;
    margin-bottom: 1px;
    font-weight: normal;
}

.faint {
    font-size: 80%;
    color: silver;
}

.hiliteimg {
    -webkit-box-shadow: rgba(0, 0, 0, .25) 0 10px 25px;
    -moz-box-shadow: rgba(0, 0, 0, .25) 0 10px 25px;
    -o-box-shadow: rgba(0, 0, 0, .25) 0 10px 5px;
    box-shadow: rgba(0, 0, 0, .25) 0 10px 5px;
}

#instantconfirm {
    margin-top: 30px;
    margin-bottom: 15px;
}

#filler1 {
    height: 20em;
}

#filler2 {
    height: 20em;
}

#resultsfiller {
    height: 8em;
}

#resortsfiller {
    height: 8em;
}

span .amenities img {
    margin-left: 2px;
    padding: 0;
}

.floatRIGHT {
    float: right;
}

.floatLEFT {
    float: left;
}

#ADDbutton {
    margin-top: 0.1em;
    margin-bottom: 0.3em;
    margin-left: 0;
    padding: 0;
}

#featuredproperties {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

#searchbar {
    margin: 0;
    padding: 0;
}

#searchbar h4 {
    text-align: right;
    font-size: 1em;
}

#toolbar {
    width: 100%;
    height: 2em;
    position: relative;
    margin-bottom: 0.4em;
    padding-top: 2px;
    padding-bottom: 2px;
}

#toolbarsearch input .text {
    text-align: left;
    width: 25em;
}

#toolbarsearchform input.button {
    background-color: #92b4f0;
    width: 5em;
}

#resortsummary {
    margin-top: 5em;
    margin-bottom: 20em;
}

#resortphotos,#resortbeds {
    float: left;
    margin-left: 4em;
}

#resortmap {
    margin-bottom: 2em;
    float: left;
    margin-right: 4em;
}

#islandmap {
    margin-bottom: 2em;
    float: left;
    margin-right: 0.5em;
    width: 350px;
}

#resorts {
    float: left;
    margin-left: 0em;
    width: 300px;
}

#resortfeatured {
    margin-top: 4em;
    margin-bottom: 4em;
}

p .resort {
    color: #333;
    font-size: 1.2em;
}

h2 .resort {
    color: #333;
    font-size: 1.5em;
    margin-top: 4em;
}

.inlineprice {
    text-align: left;
    font-size: 0.65em;
}

#featureslist {
    background-color: #e3e7f9;
    padding: 10px;
}

#featuresblock {
    padding: 10px;
}

#featuresblock li {
    line-height: 1;
    text-align: left;
    list-style-type: circle;
    margin-left: 25px;
    padding: 3px;
}

#featuresblock H2 {
    font-size: 14px;
    font-family: Tahoma;
    font-weight: bold;
    text-align: left;
    margin-left: 15px;
}

.note {
    color: #f03;
    font-size: 10px;
    font-family: "Times New Roman";
    font-style: italic;
    font-weight: normal;
    margin: 0 auto;
}

.clearer {
    clear: both;
}

.adminselected {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
    background-color: #369;
    margin: 0;
    padding: 8px 18px;
    height: 25px;
    border: none;
    voice-family: inherit;
}

#errorhelp {
    color: #fff;
    font-size: 13px;
    font-family: "Trebuchet MS";
    font-weight: bold;
    background-color: #f33;
    text-align: left;
    padding: 10px;
}
/*Start of packages display*/


.packages {
}

.packages a:link,
.packages a:visited,
.packages a:hover,
.packages a:active {
    text-decoration: none;
    cursor: pointer;
}

.packagebox {
    float: left;
    width: 180px;
    font-size: 0.9em;
    min-height: 24em;
    * height: 24em;
}

.packageboxINTRO {
    float: left;
    width: 230px;
    font-size: 1.5em;
    min-height: 10em;
    * height: 10em;
}

.packagebox div {
    min-height: 24em;
    * height: 24em;
}

.packageboxINTRO div {
    min-height: 10em;
    * height: 10em;
}

.packagebox a {
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.packagebox a:hover {
    cursor: pointer;
    text-decoration: none;
}

.packagebox h2 {
    border: 0;
    width: 138px;
    margin: 8px 0 0 3px;
    color: #fff;
    font-size: 1.4em;
}

.packagebox h3 {
    margin: 0 5px;
    padding: 0px;
    color: #ffffff;
}

.packagebox ul {
    margin: 0.5em 0 0 2em;
}

.packagebox li {
}

/* Featured */

#featuredproperties {
    float: left;
    width: 500px;
    border: solid 1px silver;
}

#featuredproperties h4 {
    font-size: 1em;
    padding-left: 30px;
}

#featuredproperties a {
    font-size: 0.95em;
    text-align: right;
}

.featuredheadbar {
    margin: 0 0 0;
    padding-top: 3px;
    padding-bottom: 3px;
}

.featuredtooltip {
    display: none;
    background: url(/media/graphics/featuredttback.png) no-repeat;
    height: 120px;
    width: 270px;
    color: #fff;
    padding: 30px 10px 40px;
}

.tooltip-content {
    width: 250px;
    margin-left: 15px;
}

.featuredsubtitle {
    font-size: 0.9em;
    font-weight: bold;
}

.scrollable {
	/* required settings */
    background-color: transparent;
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: 0 0;
    position: relative;
    overflow: hidden;
    width: 450px;
    height: 140px;
	/* custom decorations */;
}

.scrollable .items {
	/* this cannot be too large */
    width: 20000em;
    position: absolute;
    clear: both;
}

.items div {
    float: left;
    width: 400px;
    margin-top: 0;
}

.scrollable .active {
    border: 2px solid #000;
    position: relative;
    cursor: default;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
    float: left;
}

.scrollable div .propertygroup {
    float: left;
    margin: 20px 5px 20px 21px;
    background-color: #fff;
    padding: 2px 2px 2px 20px;
    width: 400px;
    height: 100px;
}

.scrollable  .featuredproperty {
    width: 110px;
    margin-right: 20px;
    display: inline;
    font-size: 1em;
    padding-right: 0;
    padding-left: 0;
}

.scrollable  .featuredproperty img {
    width: 120px;
    height: 95px;
    margin: 0;
}

.scrollable  .featuredproperty a {
    width: 100px;
    margin: 0;
    padding: 0;
}

.scrollable .featuredproperty h3 {
    color: #333;
    margin: 0;
    padding: 0;
}

.scrollable  .featuredproperty p {
    font-size: 0.8em;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 15px;
    padding: 0;
}

.Title6b {
    font: bold 1.2em 'Arial';
    text-align: left;
    margin-left: 5px;
}

.contentNav {
    float: right;
    margin-right: 2px;
}

a.goLeft {
    background: url(/media/graphics/button_left_2.gif) no-repeat left -22px;
    display: block;
    height: 22px;
    width: 32px;
    float: left;
    margin-right: 2px;
}

a.goLeft:hover {
    background-position: left 0;
}

a.goRight {
    background: url(/media/graphics/button_right_2.gif) no-repeat left -22px;
    display: block;
    height: 22px;
    width: 32px;
    float: left;
    margin-left: 2px;
    margin-left: 0;
}

a.goRight:hover {
    background-position: left 0;
}



/* prev, next, prevPage and nextPage buttons */
a.browse {
    display: block;
    width: 32px;
    height: 22px;
    cursor: pointer;
    font-size: 1px;
}

/* right */
a.right {
    float: left;
    background: url(/media/graphics/button_right_2.gif) no-repeat left -22px;
    margin-left: 2px;
}

a.right:hover {
    background-position: left 0;
}

a.right:active {
    background-position: left 0;
} 


/* left */
a.left {
    float: left;
    background: url(/media/graphics/button_left_2.gif) no-repeat left -22px;
    margin-left: 2px;
}

a.left:hover {
    background-position: left 0;
}

a.left:active {
    background-position: left 0;
}

/* up and down */
a.up, a.down {
    background: url(/media/graphics/vert_large.png) no-repeat;
    float: none;
    margin: 10px 50px;
}

/* up */
a.up:hover {
    background-position: -30px 0;
}

a.up:active {
    background-position: -60px 0;
}

/* down */
a.down {
    background-position: 0 -30px;
}

a.down:hover {
    background-position: -30px -30px;
}

a.down:active {
    background-position: -60px -30px;
}

a.disabled {
    visibility: hidden !important;
}

.navi {
    margin: auto;
    width: 100px;
    height: 22px;
}

.navi a {
    width: 8px;
    height: 8px;
    float: left;
    margin: 3px;
    background: url(/media/graphics/navigator.png) 0 0 no-repeat;
    display: block;
    font-size: 1px;
}

.navi a:hover {
    background-position: 0 -8px;
}

.navi a.active {
    background-position: 0 -16px;
}

.tt {
    display: none;
}
/* image captions */
.imgcaption {
    position: relative;
}

.imgcaption div {
    position: absolute;
    padding: 5px;
    bottom: 0;
    text-align: center;
    line-height: 150%;
    color: #ffffff;
    background: #000000;
}

.featimgcaption div {
    position: absolute;
    padding: 2px;
    bottom: 0;
    text-align: left;
    line-height: 150%;
    color: #ffffff;
    background: #000000;
}

/* login */
#loginerrorblock {
    font-size: 1.5em;
    background-color: #e7f6ff;
}

.loginerror {
    font-size: 120%;
    font-weight: bold;
}

.newadvertisers {
    margin-top: 3em;
    padding: 5px;
    border: solid 2px silver;
}

#paypalinfo {
    margin-top: 3em;
    padding: 10px;
    border: solid 1px #e7f6ff;
}

.paypalhelplink a {
    font-size: 1.5em;
}

.vatinfo {
    font-size: 0.8em;
    background-color: #e7f6ff;
}

ul.error {
    color: red;
}

.screenbooking {
    width: 80%;
    background-color: #e7f6ff;
    margin-top: 3em;
    padding: 10px;
    border: solid 1px #e7f6ff;
}

.headline {
    color: #fff;
    font-size: 110%;
    background-color: #369;
    padding: 5px;
}

#balances {
    text-align: left;
    width: 80%;
    margin: 30px;
}

#balanceblock {
    margin: 30px;
    margin-top: 10;
    margin-right: 0px;
    border: solid 1px silver;
    padding: 5px;
}

#balanceblock.balancetopay {
    border-top: 2px solid black;
    border-bottom: 2px solid black;
}

.staytable {
    margin: 0;
    width: 100%;
    font-size: 10px;
    text-align: left;
}

.summarytable {
    margin: 0;
    width: 200px;
    font-size: 10px;
    text-align: left;
}

.paymentmethods {
    font-size: 10;
    font-family: 'Trebuchet MS';
    margin-top: 50;
    ; text-align: left;
    width: 80%;
    margin: 30px;
}

.footerbrand {
    background-color: #cfd6f9;
    text-align: left;
    width: 80%;
    margin: 30px;
    border: solid 1px silver;
}

.footerterms {
    margin-top: 80;
    margin-bottom: 20;
    text-align: left;
    width: 80%;
    margin: 30px;
}

.photoinfo {
    background-color: #cfd6f9;
    width: 80%;
    margin: 30px;
    border: solid 1px silver;
}

#photoheader {
    font-size: 11px;
}

.charges {
    width: 80%;
    margin: 30px;
}

#reservationdetails {
    width: 80%;
    text-align: left;
    padding: 10px;
    border: solid 1px silver;
}

table .reservationitems {
    font-size: 10;
    font-family: 'arial';
}

.nobr {
    white-space: nowrap;
}

.stay , .addservices {
    font-size: 10;
    font-family: 'arial';
}

.reservationmessages {
    text-align: left;
    width: 80%;
    margin-left: 30;
}

.summary {
    text-align: left;
    width: 80%;
    margin-left: 30;
}

#headerforinvoice {
    margin-bottom: 20;
    margin-top: 10;
    width: 100%;
}

#guest > table ,#owner > table {
    padding: 5px;
    font-size: 10;
    font-family: 'arial';
}

.headline {
    padding: 5px;
}

#invoiceHEADER {
    margin-left: 30;
}

.basicinvoice {
    color: white;
    font-family: 'Trebuchet MS';
    background-color: teal;
    text-align: center;
    padding: 2px;
}

#balances {
    text-align: left;
    width: 80%;
    margin: 30;
}

.small {
    font-size: 8px;
}

.boxhiglight {
    background-image: url(/media/graphics/lbluegrad300.jpg);
    background-repeat: repeat-x;
    width: 650px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border: solid 1px #84cccc;
}

.ALLPAID {
    color: #00fd00;
}

.WAITFORDEPOSIT {
    color: red;
}

img.quickhelp {
    color: red;
    width: 20px;
    height: 20px;
}

div.errors {
    color: red;
    font-size: 2em;
    font-family: verdana;
    margin-top: 2em;
    padding: 0.8em;
    border: solid 1px #c0c0c0;
}

#contact_box > img {
    width: 20px;
    height: 20px;
}

#contact_box {
    margin-top: 6px;
}

.contactinfos {
    float: right;
    margin-right: 20px;
}

#offers {
    background-image: url(/media/graphics/hightlightbackbluegrad.png);
    background-repeat: repeat-x;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    margin-bottom: 0px;
    border: solid 1px #84cccc;
    padding: 10px;
}

#offers a {
    color: blue;
}

#offers h2 {
    color: yellow;
    font-weight: bold;
    text-shadow: #5063ba 0 -1px 0;
}
/* Booking Form   */

.enquirycont {
    border: dotted 1px silver;
}

.enquirydates {
    background-color: #c7dbcc;
}

.headoffer {
    color: yellow;
    font-size: 1.8em;
    font-weight: bold;
}

.latestoffer {
    color: #3964c2;
    font-size: 1.8em;
    font-weight: bold;
}

div.specialoffermonth {
    color: #4a4242;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 2.5em;
    background-color: #c5dcec;
    padding: 5px;
}

div.offerperiod {
    color: white;
    font-size: 1em;
    font-weight: bold;
    background-color: orange;
    margin-bottom: 0;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 8px;
}

div.listingoffers {
    font-size: 1em;
    font-weight: bold;
    background-color: #ebeded;
    margin-bottom: 0;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 8px;
    border: solid 1px silver;
}

div.listingoffers li {
    list-style-type: none;
}

@media print {

    .noprint {
        display: none !important;
    }

    #quotebooking.noprint {
        display: none !important;
    };
}

/* paging */

div.paging {
    margin-right: auto;
    margin-left: auto;
    width: 400px;
}

.currentStyle {
    font-size: 1.5em;
    font-weight: bold;
}

#numbers a, #numbers span {
    display: block;
    width: 20px;
    font: bold 12px/20px Arial, Helvetica, sans-serif;
    text-decoration: none;
    float: left;
    text-align: center;
    margin-right: 7px;
    border: 1px solid #999999;
}

#numbers a {
    background-color: #CCCCCC;
    color: #000000;
}

#numbers a:hover {
    color: #CCCCCC;
    background-color: #000000;
}

#numbers span.current {
    color: #ffffff;
    background-color: lime;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

@media print {

    #headnav {
        display: none;
    };
}

@media screen {

    #headnav {
        width: 100%;
        background: #333;
        height: 30px;
    }

    #menu {
        padding: 0;
        margin: 0;
        list-style: none;
        height: 40px;
        position: relative;
        font-family: arial, verdana, sans-serif;
    }

    #menu  > li {
        text-align: left;
        float: left;
        margin-right: 1px;
    }
/*#menu li a { display:block; float:left; height:40px; line-height:40px; background:#333; color:#ccc; text-decoration:none; font-size:14px; font-weight:bold; text-align: left; padding:0 30px 0 20px; }
*/
    #menu >  li a {
        display: block;
        float: left;
        height: 30px;
        line-height: 30px;
        background: #333;
        color: #ccc;
        text-decoration: none;
        font-size: 12px;
        text-align: left;
        padding: 0 32px 0 41px;
    }

    #menu table {
        border-collapse: collapse;
        width: 0;
        height: 0;
        position: absolute;
        top: 0;
        left: 0;
    }

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */



    #menu li a:hover {
        z-index: 200;
        position: relative;
        color: #fff;
        background-color: #007991;
        text-align: left;
    }

    #menu li:hover {
        position: relative;
        z-index: 200;
    }

    #menu li:hover > a {
        color: #fff;
        background: #007991;
        text-align: left;
    }

    #menu li:hover > a.sub {
        color: #fff;
        background-color: #007991;
        text-align: left;
    }

    #menu li.current a {
        color: #fff;
        background: #840;
    }

    #menu li a.sub {
        background: #333 url(down-arrow.gif) no-repeat right center;
        text-align: left;
    }

    #menu li.current a.sub {
        color: #fff;
        background: #840 url(/css/down-arrow.gif) no-repeat right center;
        text-align: left;
        ;
    }

    #menu :hover ul {
        left: 0;
        top: 30px;
        width: 200px;
        background: #444;
    }

/* keep the 'next' level invisible by placing it off screen. */
    #menu ul, 
#menu :hover ul ul {
        position: absolute;
        left: -9999px;
        top: -9999px;
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #menu :hover ul :hover ul {
        left: 120px;
        top: -1px;
        background: #222;
        text-align: left;
        white-space: nowrap;
        width: 100px;
        z-index: 200;
        height: auto;
    }

    #menu :hover ul li {
        margin: 0;
        border-top: 1px solid #666;
    }

    #menu :hover ul li a {
        font-size: 10px;
        width: 200px;
        padding: 0;
        text-indent: 10px;
        background: #333;
        color: #ccc;
        height: 30px;
        line-height: 30px;
    }

    #menu :hover ul li a.fly {
        background: #333 url(/css/right-arrow.gif) no-repeat right center;
    }

    #menu :hover ul :hover {
        background-color: #007991;
        color: #fff;
    }

    #menu :hover ul :hover a.fly {
        background-color: #007991;
        color: #fff;
    }

    #menu :hover ul li.currentsub a {
        background: #840;
        color: #fff;
    }

    #menu :hover ul li.currentsub a.fly {
        background: #840 url(/css/right-arrow.gif) no-repeat right center;
        color: #fff;
    }

    #menu :hover ul :hover ul li a {
        width: 200px;
        padding: 0;
        text-indent: 10px;
        background: #3e3e3e;
        color: #ccc;
    }

    #menu :hover ul :hover ul :hover {
        background-color: #d70;
        color: #fff;
    }

    #menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {
        background: #840;
        color: #fff;
    }

    #menu > li > ul.sub2 > li.subdivider > a {
        background: lime url('(EmptyReference!)');
        color: black;
        height: 20px;
        line-height: 20px;
    };
}

#menu li a.home {
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    background: #333;
    color: #ccc;
    text-decoration: none;
    font-size: 12px;
    text-align: left;
    padding: 0 0px 0 0px;
}

#menu li a.home img {
    padding-top: 4px;
    padding-left: 6px;
}

#menu li a.lastitem {
    display: block;
    float: right;
    height: 30px;
    line-height: 30px;
    background: #333;
    color: #ccc;
    text-decoration: none;
    font-size: 12px;
    text-align: left;
    padding: 0 0px 0 0px;
}



/* Photo strip */

.photostrip2,.photostrip3,.photostrip4,.photostrip4vert , .photostrip3 {
    margin-bottom: 50px;
    width: 100%;
    margin-top: 30px;
    padding: 5px;
}

.photostrip2 .titledthumb {
    float: left;
    width: 50%;
}

.photostrip3 .titledthumb , .photostrip3wide .titledthumb {
    float: left;
    width: 33%;
}

.photostrip4 .titledthumb, .photostrip4vert .titledthumb {
    float: left;
    width: 25%;
}

.photostrip2 .titledthumb img {
    width: 250px;
    height: 200px;
}

.photostrip3 .titledthumb img {
    width: 200px;
    height: 150px;
}

.photostrip3wide .titledthumb img {
    width: 200px;
}

.photostrip4 .titledthumb img {
    width: 150px;
    height: 120px;
}

.photostrip4vert .titledthumb img {
    width: 120px;
    height: 150px;
}

.photostrip2 .titledthumb img.mag,.photostrip3 .titledthumb img.mag,.photostrip4 .titledthumb img.mag,.photostrip4vert  .titledthumb img.mag {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 14px;
    height: 14px;
}

.bigcaption {
    border: solid 10px white;
}

.titledthumb .photodesc {
    font-family: "trebuchet ms";
    font-weight: bold;
    text-align: left;
    width: 100%;
    height: 10%;
}

.caption {
    position: relative;
    display: block;
}

.caption div {
    position: absolute;
    padding: 5px;
    bottom: 0;
    text-align: left;
    line-height: 150%;
    color: #ffffff;
    background: #000000;
}

.photostrip3 .titledthumb img.enlarger,.photostrip2 .titledthumb img.enlarger,.photostrip4 .titledthumb img.enlarger {
    margin: 0px;
    padding: 0px;
    display: inline;
    width: 22px;
    height: 22px;
}

.SocialBar {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d7e5ed;
    background-color: transparent;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    height: 22px;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    margin-bottom: 5px;
}

.SocialBarpropdetails {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.socialLinks {
    width: 740px;
}

.socialLinks .social-button {
    margin-right: 5px;
    float: right;
}

.socialLinks #ab-facebook {
    max-width: 96px;
    overflow: hidden;
}

.button-base {
    cursor: pointer;
    display: inline-block;
    margin: 0;
    outline: none;
    text-align: center;
    text-decoration: none;
    vertical-align: baseline;
    white-space: normal;
}

.button-base:hover {
    text-decoration: none;
}

.socialLinks .button-base .btn-txt a {
    text-decoration: none;
}

.socialLinks .button-base .btn-txt {
    padding: 2px 2px 2px 24px;
    font: 12px/14px Arial;
    color: #00a5d7;
    height: 14px;
}

.button-base.pdp-light,.button-base .pdp-light {
    border: 1px solid #A4C6E1;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    color: #0095CA;
    background: -moz-linear-gradient(top, #f7f7f7 50%, #e8edf0 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f7f7f7), color-stop(50%,#e8edf0));
    background: -webkit-linear-gradient(top, #f7f7f7 50%,#e8edf0 50%);
    background: -o-linear-gradient(top, #f7f7f7 50%,#e8edf0 50%);
    background: -ms-linear-gradient(top, #f7f7f7 50%,#e8edf0 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e8edf0',GradientType=0 );
    background: linear-gradient(top, #f7f7f7 50%,#e8edf0 50%);
    background-clip: padding;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    zoom: 1;
}

.button-base.pdp-light:hover,.button-base .pdp-light:hover {
    border: 1px solid #A4C6E1;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    color: #0095CA;
    background: -moz-linear-gradient(top, #eaf0f4 50%, #e0e9ef 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#eaf0f4), color-stop(50%,#e0e9ef));
    background: -webkit-linear-gradient(top, #eaf0f4 50%,#e0e9ef 50%);
    background: -o-linear-gradient(top, #eaf0f4 50%,#e0e9ef 50%);
    background: -ms-linear-gradient(top, #eaf0f4 50%,#e0e9ef 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf0f4', endColorstr='#e0e9ef',GradientType=0 );
    background: linear-gradient(top, #eaf0f4 50%,#e0e9ef 50%);
    zoom: 1;
}

.orange-button {
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    border: 2px solid #e9a35c;
    -webkit-background-clip: padding-box;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background: -moz-linear-gradient(top, #F7B36D 0%, #E89C4E 50%, #E2811C 60%, #ea9134 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7B36D), color-stop(50%,#E89C4E), color-stop(60%,#E2811C), color-stop(100%,#ea9134));
    background-color: #E89C4E;
}

.facebookmini {
    background: url(fbmini.png) no-repeat;
}

.emailmini {
    background: url(emailafriendmini.png)no-repeat;
}

.socialwrap li.icon_text a img, .socialwrap li.iconOnly a img, .followwrap li.icon_text a img, .followwrap li.iconOnly a img {
    border-width: 0 !important;
    background-color: none;
}

#follow.right {
    width: 32px;
    position: fixed;
    right: 0;
    top: 300px;
    background-color: #878787;
    padding: 10px 0;
    font-family: impact,charcoal,arial, helvetica,sans-serif;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border: 2px solid #fff;
    border-right-width: 0;
}

#follow.right ul {
    padding: 0;
    margin: 0;
    list-style-type: none !important;
    font-size: 24px;
    color: black;
}

#follow.right ul li {
    padding-bottom: 10px;
    list-style-type: none !important;
    padding-left: 4px;
    padding-right: 4px;
}

#follow img {
    border: none;
}

#follow.right ul li.follow {
    margin: 0 4px;
}

#follow.right ul li.follow img {
    border-width: 0;
    display: block;
    overflow: hidden;
    background: transparent url(/media/images/graphics/follow-right.png) no-repeat -0px 0px;
    height: 79px;
    width: 20px;
}

#follow.right ul li a {
    display: block;
}

#follow.right ul li.follow span, #follow ul li a span {
    display: none;
}

.share {
    margin: 0 3px 3px 0;
}

#follow.left {
    width: 32px;
    position: fixed;
    left: 0;
    top: 300px;
    background-color: #878787;
    padding: 10px 0;
    font-family: impact,charcoal,arial, helvetica,sans-serif;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border: 2px solid #fff;
    border-right-width: 0;
}

#follow.left ul {
    padding: 0;
    margin: 0;
    list-style-type: none !important;
    font-size: 24px;
    color: black;
}

#follow.left ul li {
    padding-bottom: 10px;
    list-style-type: none !important;
    padding-left: 4px;
    padding-right: 4px;
}

#follow img {
    border: none;
}

#follow.right ul li.follow {
    margin: 0 4px;
}

#follow.left ul li.follow img {
    border-width: 0;
    display: block;
    overflow: hidden;
    background: transparent url(/media/images/graphics/follow-right.png) no-repeat -0px 0px;
    height: 79px;
    width: 20px;
}

#follow.left ul li a {
    display: block;
}

#follow.left ul li.follow span, #follow ul li a span {
    display: none;
}


.share {
    margin: 0 3px 3px 0;
}

ul.row li {
    float: left;
    list-style-type: none;
}

li.iconOnly a span.head {
    display: none;
}

#follow.left ul.size16 li.follow {
    margin: 0px auto !important;
}

li.icon_text a {
    padding-left: 0;
    margin-right: 3px;
}

li.text_only a {
    background-image: none !important;
    padding-left: 0;
}

li.text_only a img {
    display: none;
}

li.icon_text a span {
    background-image: none !important;
    padding-left: 0 !important;
}

li.iconOnly a span.head {
    display: none;
}


/*  Booking form  */

#enquiryintro { margin-top: 10px; margin-bottom: 10px; text-align:left;}

#enquirydetails { padding-top: 10px; width:100%; margin-right:auto;margin-left:auto;}
#enquirydetails tr { margin-top: 10px; margin-bottom: 10px; }
#currselect { margin-top: 10px; margin-bottom: 30px; }
.pricing,.enquirydates { font-size: 1.2em; font-weight: bold; }
.discounted { margin-right:20px; }

.finaltotal {font-size: 1.5em; border-top: 1px double black; border-bottom: 1px double black; }
.subtotal {font-size: 1.3em;  border-bottom: 1px solid black; }
#currencynotices {  text-align:left; font-size: 1.2em; }


.noshow {
    display: none;
}
.show {
    display: block;
}

.stb-detail-container .stb-send-form{
	overflow: hidden;
	display: none;
}
.stb-detail-container .stb-send-message , {
	display: none;
	color: #129ad9 !important;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.stb-textarea{
	background-color: #f7f7f7;
	border: solid 1px #c7c8c4;
	box-shadow: inset 2px 2px 1px #e9e9e9;
	padding: 8px 6px;
	
	color: #5a5a5b;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	font-weight: 400;
}
.stb-form{
	overflow: hidden;
}
.stb-form p{
	overflow: hidden;
	margin: 0 0 18px;
}


.stb-send-form .stb-form p.info{
	overflow: hidden;
	margin: 0 0 18px;
	background-color: #f7f7f7;

	
	padding: 8px 6px;
	
	color: #5a5a5b;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	font-weight: 400;
}
.stb-form .title{
	display: block;
}
.stb-form em label.stb-form-error{
	color: red;
	font-style: normal;
}
.stb-form .stb-button{
	border: none;
	text-transform: uppercase;
	color: #ffffff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 30px;
	padding: 4px 20px;
	background-color: #129ad9;
	text-decoration: none;
	cursor: pointer;
}
.stb-form .stb-button:hover{
	background-color: #26b1f1;
}
.stb-form .stb-captcha{
	width: 100px;
	float: left;
	margin-right: 4px;
}


/*#enquirydetails td { font-size: 1.2em;  }
#enquirydetails td input { font-size: 1.2em;} */