/* Example style sheet file (note how this comment was created) */
ttable { background-color:#CC0}
/*body { background-color: #9999CC}*/
html {font-size: 62.8%; height:100%; overflow-y: scroll;} /* now 1 em is about 10px, force scrollbar in FF  */
body { margin: 0 auto; font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 1.4em; } /*height: 50%; */
/*div {box-sizing: border-box; -moz-box-sizing: border-box ; -webkit-box-sizing: border-box ;}*/

/*
general styles
*/
h1 {  font-size: 24pt; color: #339; background: url(/images/bg_h1.jpg) repeat-x 0 -1px #444; display:table; padding: 0 100px; margin: 10px; #width:65%; } /* #only for IE<8*/
h2 {  font-size: 18pt; color: #339; background: url(/images/bg_h1.jpg) repeat-x 0 -8px #444; display:table; padding: 0 50px; margin: 10px; #width:60%; }
h3 {  font-size: 14pt; color: #339; background: url(/images/bg_h1.jpg) repeat-x 0 -8px #444; display:table; padding: 0 25px; margin: 8px; #width:30%; }
h4 {  font-size: 12pt; color: #339; background: url(/images/bg_h1.jpg) repeat-x 0 -8px #444; display:table; padding: 0 15px; margin: 5px; #width:50%; }
h5{  font-size: 10pt}
h6{  font-size: 8pt}
h1, h2, h3, h4, h5, h6{ font-family: Arial, Helvetica, sans-serif; ccolor: #000099;}
h1, h2, h3, h4{ #display: block; #white-space:nowrap;} /* only for IE7 and below*/
/*.fra h1, .fra h2, .fra h3, .fra h4{ margin: auto;}  only for IE7 and below*/
body, a {	color: #55668c; color: #0033CC;;	text-decoration: none;}
a:hover { text-decoration: underline; cursor:pointer;}
img { border: 0;}
ul {margin:0;}
.noUnderline {  text-decoration: none !important;}
td { vertical-align:top; }
.titleCenter {margin: auto;}

/*
top level body elements 
*/
#bodyMain, #bodyIntro { width: 980px;  height:100%;  background:url(/images/cloud_bg.jpg) no-repeat #55668c;} 
#wrapperBorder{ position:relative; background: #ffc;  width: 980px; margin: 0; }
#bodyIntro #wrapperBorder{ height:100%;}
#bodyMain #wrapper, #bodyIntro #wrapper{ position:relative; top: 10px; left: 10px; width: 960px; } 

#header, #banner { height: 150px;	}
#header { position:relative;	margin-bottom:10px;} /*  text-align:center; margin bottom needed for ie6 */
#banner { float: left; width:700px; background:url(/images/banner_eng.jpg) no-repeat; }
.fra #banner { background:url(/images/banner_fra.jpg) no-repeat;}
#bannerL { float:left; width: 130px; text-align:center;}
#bannerR { float:right; width: 130px; text-align:center; }

/*#bodyIntro #content{ text-align:center; }*/
#content{ position:relative; width: 980px; left: -10px; }
#contentLeft {position:relative;  height: auto; overflow:visible ; width: 180px; float:left; left: 0px; top:0px; padding:0 0 0 4px; font-family: Arial, Helvetica, sans-serif; font-size: 11pt;} /* width is 184 */

#contentRight {position:relative; height: auto;  width: 790px; overflow-y:auto; float:right; rright: 0px;}

#frame_div{ position:relative; height:auto;   border: 0; padding-right: 10px; vertical-align:top; overflow:auto; }  /*position relative required for curvy corners to work in ie*/
#main {	height:500px; width:100%;}

#footer_div { position: relative; height: 50px; font-size:13px;	clear:both; bottom: auto; margin:20px 0 0 190px; width: 770px; } /*background: #EEF;  display:none;  */
#footer_div p{ margin: 0px auto; width:550px; }
#hostedBy {  position: absolute; bottom: 0; right: 20px; } 
#flagLinks {  position: absolute; bottom: 0; left: 20px; } 
#flagLinks div {   float: left; width: 20px; } 

/* all the menu stuff  */
#menuOld { position:relative; /* top: 6px;*/ } 

#menuOld div , #menuOld a { position:relative; text-decoration: none; display: block; background: url(/images/bg_h1.jpg) repeat-x 0 -2px #444; padding-left: 4px; line-height: 20px; margin-top: 7px;}
#menuOld a:hover  { background: url(/images/bg_h1.jpg) repeat-x 0 -15px #444;}

#menuOld div div {padding: 0px 5px 7px 5px; margin: 0;/**/ position:absolute; left:120px; top: -1px; visibility: hidden; width: 160px; background-image:none; background-color: #FFC; z-index:6; border: solid #666 2px;} 
#menuOld div:hover div{  visibility: visible; } 
#menuOld #linksBottom   { position:absolute; text-decoration: none; display: block; background: none; padding-left: 4px; line-height: 20px; margin-top: 7px; width:180px;}
/*
#menuOld div a {color: white; text-decoration:none; display:block; }
#menuOld div div a{ text-decoration:none; color: white; background: #457ea5; border: solid #999; border-width: 0px 1px 1px 1px; font-size: 12px;}  height:25px;
#menuOld div:hover, #menuOld div div a:hover{ background: #900;} 
*/
#spacer { height: 22px; clear:both;} /* if you change this change the stylesIE6.css too */

#menuOld div , #menuOld a {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
/*behavior:url(/Library/border-radius-ie8.htc); breaks the mouseover  */  
}



#menu {float:left; padding:0; margin:3px 0 0 0; list-style:none; position:relative; width:130px;}
#menu ul {padding:0px 5px 7px 5px; margin:0; list-style:none; width:160px; height:auto; background: url(trans.gif) #ffc; position:absolute; left:-9999px; top:0;border: solid #666 2px;}
#menu table {border-collapse:collapse; width:0; height:0; margin:-1px -10px;}

#menu li {float:left; margin-top:7px;width:180px; height:20px; background: url(/images/bg_h1.jpg) repeat-x 0 -2px #444;  text-indent:6px;}
#menu li a {display:block; float:left; width:180px; height:20px; background: url(/images/bg_h1.jpg) repeat-x 0 -2px #444; line-height:20px; text-decoration:none;}
/*{ position:relative; text-decoration: none; display: block; background: url(/images/bg_h1.jpg) repeat-x 0 -2px #444; padding-left: 4px; line-height: 20px; margin-top: 7px; height: 20px; width: 150px; float:left; }*/
#menu li:hover {position:relative;}
#menu li a:hover {position:relative; background: url(/images/bg_h1.jpg) repeat-x 0 -15px #444;}
#menu li:hover > a {background: url(/images/bg_h1.jpg) repeat-x 0 -15px #444;}

#menu ul li  { width:160px; }
#menu ul li a { width:160px;   }
#menu ul li a.fly {background:#aaa url(right-arrow.gif) no-repeat right center;}
#menu ul ul li a {background:#ccc;}
#menu ul ul li a.fly {background:#ccc url(right-arrow.gif) no-repeat right center;}
#menu ul ul ul li a {background:#ddd;}

#menu li a.current,
#menu ul li a.current,
#menu ul ul li a.current,
#menu ul ul ul li a.current {background-color:#c40; color:#fff;}

#menu :hover ul,
#menu :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul {left:120px;}

#menu :hover ul ul,
#menu :hover ul :hover ul ul {left:-9999px;}

#menu ul li:hover > a {background: url(/images/bg_h1.jpg) repeat-x 0 -15px #444;}
#menu ul ul li:hover > a {background: url(/images/bg_h1.jpg) repeat-x 0 -15px #444;}

#menu #linksBottomm   { position:absolute; text-decoration: none; display: block; background: none; padding-left: 4px; line-height: 20px; margin-top: 7px; width:180px;}
#menu #linksBottom   { position:relative;}
#menu ul ,#menu li , #menu a {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
/*behavior:url(/Library/border-radius-ie8.htc); breaks the mouseover  */  
}



/*
curves and shadows
*/
h4, .curve5{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
behavior:url(/Library/border-radius-ie8.htc);/**/
}
h3, .curve10{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior:url(/Library/border-radius-ie8.htc);/**/
}
h2, .curve15{
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
behavior:url(/Library/border-radius-ie8.htc);/**/
}
#wrapperBorder, h1, .curve30{
-moz-border-radius: 30px;
-webkit-border-radius:  30px;
border-radius:  30px;
}
h1, .curve30{behavior:url(/Library/border-radius-ie8.htc);}
.availability table, .shadow5{
-moz-box-shadow: 2px 2px 5px #444; /* hori vert spread colour */
-webkit-box-shadow: 3px 3px 5px #444;
box-shadow: 3px 3px 5px #444;
behavior:url(/Library/border-radius-ie8.htc);/**/
}
.availability h2 { margin:auto; }
/*
form validation
*/
.validation-passed {  border: 1px solid green;}
.validation-failed {  border: 1px solid #f00;}
.validation-advice {  margin: 2px;   padding: 2px;  color:red; /*font-weight:bold;*/}


/*
page styles
*/
.red {  color:red; }
.captionBox { background: #eeeeee; font-size: 10px; text-align:center;}
.captionBox a{ text-decoration: none; }
.captionBox img {border: solid #f1f1f1 1px; padding: 3px 3px 1px 3px; background: #eeeeee}
.captionBox a:hover img {border: solid #000000 1px;  background: #999}

#boxCurved { padding: 3px 25px; background: url(/images/bg_note.jpg) repeat-x #FF7; margin: 0 150px 0 100px; text-align:center;}
#bigBoxCurved { padding: 5px 25px; background: url(/images/bg_note_big.jpg) repeat-x #FF7; margin: 0 90px 0 40px; text-align:left;}
.tblGettingHere td { mmargin: 0 150px 0 100px; bborder: solid 2px #03C; padding: 12px 14px 10px; white-space:nowrap}
.tblGettingHere { padding: 3px 25px; background: url(/images/bg_note.jpg) repeat-x #FF7; margin: 0 0px 0 60px;  }

.availability td, .availability th { background-color:#ffe; color:black; width: 20px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; border: #777 solid; border-width: 0 1px 1px 0;}
.availability th {text-align:left; font-weight:bold;}
.availability td.wend { background-color:#FFFF66}
.availability td.booked { background-color:#FF0000}
.availability td.bnb { background-color:#0000ff}
.availability td.ask { background-color:#669900}


#galleryFrameR, #galleryFrameL {  margin: 0px;   color:red;}
#galleryFrameL img{  border:transparent solid; border-width: 1px 0px 0px 0px}
#galleryFrameR img{  border:black solid 0px;}
/* #galleryFrameR #mainPhoto  { width:600px;} */
#galleryIFrame { position:relative; width:790px; height:500px}

/* may be useful in the future 
#menu { position:relative; width: 700px; margin: 0 auto; clear:both; top: -10px}
#menu div { float: left; width: 136px; height : 30px; background-position: 0px 30px ; margin: 0 3px 0 0; text-align:center;}
#menu a {line-height: 25px; color: white; text-align:center; font-size:12px; font-weight: bold;}
#menu a:hover {	text-decoration: none;}
#menu div:hover { background-position: 0px 0px;}

.boxy {box-sizing: border-box; -moz-box-sizing: border-box ; -webkit-box-sizing: border-box ;}
.xmlcomic9ptblue {	font-family: Comic Sans MS;	font-size: 9pt;	color: #333399;	border: 2px #CC0000;}
.xmlltbluebg {	background-color: #d2d2ff;	border: #000000;}
*/