/*
 * This stylesheet overlaps with some of the existing ones in Xyka.
 * Conflicting or repeated styles should be removed from existing stylesheets when implementing.
 */

body {
  margin:0;
  padding:0;
  background:#034889;
}
body.shadowbox {
  padding:10px;
  background:#FFF;
}
#headerwrap {
  background:#056a9e url(../images/header-bg.png) repeat-x;
  height:95px;
  padding:0 7px;
}
#header {
  width:970px;
  margin:0 auto;
  position:relative;
}
#logo {
  position:absolute;
  left:0;
  top:6px;
  width:348px;
  height:66px;
  background:url(../images/logo.png) no-repeat;
  text-decoration:none;
}
#logo img {
  visibility:hidden;
  width:348px;
  height:66px;
}
#contact-box {
  float:right;
  margin:14px 0;
  color:#FFF;
  background:url(../images/phone-icon.png) 0 .2em no-repeat;
  padding:0 0 0 30px;
  font-size:90%;
}
#contact-box, #contact-box:visited, #contact-box:hover {
  color:#c0d7e4;
  text-decoration:none;
}
#contact-box big {
  font-size:205%;
  display:block;
  font-weight:bold;
  letter-spacing:-1px;
  line-height:1.0;
  color:#FFF;
}
#header ul {
  float:right;
  list-style:none;
  margin:16px 35px;
  padding:0;
  white-space:nowrap;
}
#header ul li {
  display:inline;
  margin:0 .5em;
  padding:0;
}
#header ul a, #header ul a:visited {
  color:#FFF;
  font-weight:bold;
  text-decoration:none;
}
#header ul a:hover {
  text-decoration:underline;
}
#menuwrap {
  background:#0987c2 url(../images/main-menu-strip.gif) repeat-x top;
  height:2.5em;
  padding:0 7px;
}
#menu {
  margin:0 auto;
  width:970px;
  height:2.5em;
  background:#9bd330 url(../images/main-menu-bg.gif) repeat-x bottom;
}
#contentwrap {
  background:#034889 url(../images/content-bg.png) repeat-x;
}
#content {
  width:970px;
  margin:0 auto;
  padding:1px 7px 0;
  background:url(../images/content-shadow.png) top repeat-y;
  min-height:500px;
}
#footer {
  width:970px;
  margin:0 auto;
  padding:1em 7px;
  background:url(../images/footer-shadow.png) top no-repeat;
  text-align:center;
  color:#c0d7e4;
  font-size:85%;
}
#footer ul {
  list-style:none;
  margin:0;
  padding:0;
  font-size:110%;
}
#footer ul li {
  display:inline;
  margin:0 1em;
  padding:0;
}
#footer a, #footer a:visited {
  color:#FFF;
  text-decoration:none;
}
#footer a:hover {
  text-decoration:underline;
}


/* SUPERFISH MENU */
.sf-menu, .sf-menu * {
  margin:0;
  padding:0;
  list-style:none;
}
.sf-menu {
  line-height:1.0;
}
.sf-menu ul {
  position:absolute;
  top:-999em;
  width:11.5em; /* left offset of submenus need to match (see below) */
}
.sf-menu li {
  float:left;
  position:relative;
  z-index:99; /* so dropdowns don't appear behind other page elements in IE */
}
.sf-menu li.sfHover {
  z-index:100; /* so dropdown don't appear behind other menu items if menu wraps */
  }
.sf-menu li:hover {
  visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu ul li {
  width:100%;
}
.sf-menu a {
  display:block;
  position:relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left:0;
  top:2.5em; /* match top ul list item height */
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top:-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left:10em; /* match ul width */
  top:0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top:-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left:11.5em; /* match ul width */
  top:0;
}

/*** SUPERFISH SKIN ***/
.sf-menu {
  float:right;
  border-right:1px solid #bbe476;
}
.sf-menu a {
  text-decoration:none;
  font:bold 125%/1.0 Calibri,Arial,Helvetica,sans-serif;
  white-space: nowrap;
  padding:.5em 1em; /* + 1.0 line-height x 125% font-size = 2.5em, but rounding errors mean it's sometimes off by a pixel */
  border-left:1px solid #bbe476;
}
.sf-menu ul a {
  font:normal 100%/1.0 Calibri,Arial,Helvetica,sans-serif;
  white-space: normal;
  border-left:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
  color:#FFF;
}
.sf-menu li {
  background:#9bd330 url(../images/main-menu-bg.gif) repeat-x bottom;
  height:2.5em;
}
.sf-menu li li {
  background:#74c200;
  border-bottom:1px solid #66aa00;
  border-left:1px solid #bbe476;
  height:auto;
}
.sf-menu li li li {
  background:#73bf00;
}
.sf-menu li:hover, .sf-menu li.sfHover {
  background:#9bd330 url(../images/main-menu-bg-ON.gif) repeat-x bottom;
  outline:0;
}
.sf-menu ul li:hover, .sf-menu ul li.sfHover,
.sf-menu ul a:focus, .sf-menu ul a:hover, .sf-menu ul a:active {
  background:#9bd330;
  outline:0;
}

/* SUPERFISH ARROWS (delete if not using) */
.sf-menu a.sf-with-ul {
  padding-right:1.75em;
  min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-menu .sf-sub-indicator {
  position:absolute;
  display:block;
  right:.75em;
  top:.9em; /* IE6 only */
  width:10px;
  height:10px;
  text-indent:-999em;
  overflow:hidden;
  background:url('../images/menu-arrow.png') no-repeat -10px -100px; /* 8-bit indexed alpha png (not 24-bit) for IE6 */
}
.sf-menu a > .sf-sub-indicator {  /* give all except IE6 the correct values */
  top:.65em;
  background-position:0 -100px; /* use translucent arrow for modern browsers*/
}
.sf-menu ul .sf-sub-indicator {
  top:.8em; /* IE6 only */
}
.sf-menu ul a > .sf-sub-indicator {  /* give all except IE6 the correct values */
  top:.55em;
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
  background-position:-10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:-10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
  background-position:-10px 0; /* arrow hovers for modern browsers*/
}

/* SUPERFISH SHADOWS */
.sf-shadow ul {
  box-shadow:2px 2px 3px #666;
  -moz-box-shadow:2px 2px 3px #666;
  -webkit-box-shadow:2px 2px 3px #666;
}


/* DYNAMIC IMAGE WRAPPERS & CAPTIONS for inline images (only applies if inline images function runs) */
div.alignLeft,
div.alignleft,
div.alignRight,
div.alignright {
  /* use padding & bg instead of margin to cover h4 underlines */
  background:#FFF;
  margin:0 0 1em;
  color:#000;
  display:inline;
}
div.alignLeft,
div.alignleft {
  padding:0 12px 0 0;
  float:left;
}
div.alignRight,
div.alignright {
  padding:0 0 0 12px;
  float:right;
}
div.alignLeft img,
div.alignleft img,
div.alignRight img,
div.alignright img {
  border-color:#444;
  display:block;
  margin:0 !important;
  float:none !important;
}
div.imgCaption {
  border-bottom:1px dotted #AAA;
  padding:2px 0;
  font:x-small Arial,Helvetica,Verdana,Geneva,sans-serif;
  /* font-size:10px; */ /* force reliable sizing in IE if not in standards compliant mode */
  font-weight:normal;
  color:#000;
  text-align:left;
}
span.imgCredit {
  font-weight:normal;
  color:#afafaf;
  padding-left:.75em;
}
span.imgCredit a, span.imgCredit a:visited { /* legacy */
  color:#afafaf;
  text-decoration:none;
}
span.imgCredit a:hover {
  color:#00F;
  text-decoration:underline;
}
div.enlarge {
  position:absolute;
  z-index:10;
  text-align:right;
  background:url(http://bookings.friendlyplanet.com/media/ui/dflt/img/enlarge.png) right top no-repeat;
  height:15px;
}
div.enlarge.on {
  background:url(http://bookings.friendlyplanet.com/media/ui/dflt/img/enlarge_ON.png) right top no-repeat;
}

/* SHADOWBOX */
/* v3.0.3 - Modified by Cameron to make loading screen white */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:10px solid #FFF;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;padding:10px;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:32px;height:32px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:#FFF url(../images/loading.gif) 5px 5px no-repeat;padding:5px 5px 5px 47px;display:inline-block;color:#666;}
#sb-body,#sb-loading{background-color:#FFF;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{padding-top:.1em;height:3em;line-height:1.2em;}
#sb-title-inner{font-weight:bold;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:100%;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../images/close.png);}
#sb-nav-next{background-image:url(../images/next.png);}
#sb-nav-previous{background-image:url(../images/previous.png);}
#sb-nav-play{background-image:url(../images/play.png);}
#sb-nav-pause{background-image:url(../images/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}