/* template: site-basic */
body, div#site {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #333;
}
#bg { position: fixed; top: 0; left: 0; z-index:-2;}
.bgwidth { width: 100%; }
.bgheight { height: 100%; }
p {
	line-height: 16px;
}
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
  color: #254569; /* #00243d; */
}
#header,
#carousel,
#container {
  margin: 0 auto;
  width: 996px;
}
#header,
#container,
#rhs,
#content {
  position: relative;
}
#header {
  height: 135px;
  background: none;
}
#header-top {
  height: 90px;
}
#tbar {
  float: left;
  margin: 5px 5px 0 8px;
  line-height: 14px;
	color: #f00;
}
#language-select {
  float: left;
  clear: left;
  padding: 3px;
  margin: 15px 0 0 6px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #fff;
  color: #777;
  border: 1px solid #aaa;
  font-size: 12px;
  font-family: Calibri, Arial, sans-serif;
}
#logo {
  margin: 0px 0 0 118px;
}
#login {
  float: right;
  margin: 1px 4px;
  height: 30px;
  padding-top: 5px;
  max-width: 350px;
  overflow: hidden;
  white-space: nowrap;
}
/*#login.login-form {
  padding-left: 30px;
  background: url(/img/icons/icon-login.png) left top no-repeat;
}
*/
#login.logout {
  /*padding-right: 30px;
  background: url(/img/icons/icon-logout.png) right top no-repeat;*/
}
#login input,
#login-submit {
  float: left;
  clear: none;
  margin-right: 4px;
 
}
#login input {
  color: #777;
  background: #eee;
  border-color: #aaa;
}
#login input:focus {
  color: #222;
  background: #fff;
  border-color: #777;
}
#login-submit {
  height: 24px;
  width: 24px;
  margin-top: 0px;
  background: url(/img/bg/bg-login.png) center top no-repeat;
}
#login-submit:hover {
  background-position: center -30px;
}
.login-nav {
  display: inline-block;
  padding: 0px 5px;
  text-transform: uppercase;
}
a.login-nav:link,
a.login-nav:visited,
a.login-nav:hover,
a.login-nav:active {
  padding: 5px;
  text-decoration: underline;
}
a.login-nav:hover {
  text-decoration: none;
}


#main-nav {
  float: left;
  overflow: visible;
}

.nav-wrapper {
  float: left;
  position: relative;
  overflow: visible;
}
.main-nav {
  background: #777;
}
a.main-nav:link,
a.main-nav:visited,
a.main-nav:hover,
a.main-nav:active {
  display: block;
  float: left;
  margin-left: 5px;
  padding-left: 42px;
  line-height: 40px;
  height: 40px;
  width: 118px;
  color: #eee;
  font-size: 14px;
  text-transform: uppercase;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #254569;
  background-position: 4px 4px;
  background-repeat: no-repeat;
}
.has-subnav:hover a.main-nav {
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
}
a.main-nav:hover,
.has-subnav:hover a.main-nav {
  background-color: #182e45;
}
a.main-nav.first {
  margin-left: 6px;
}
.has-subnav {
  float: left;
  position: relative;
}
.subnav {
  display: none;
  position: absolute;
  top: 40px;
  margin-left: 5px;
  width: 150px;
  padding: 5px;
  z-index: 100;
  background: #182e45;
  z-index: 100;
  left: 0px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
}
.subnav.first {
  margin-left: 6px;
}
.subnav a:link,
.subnav a:visited,
.subnav a:hover,
.subnav a:active {
  display: block;
  clear: both;
  padding: 10px 0px 10px 35px;
  color: #eee;
  font-size: 13px;
  /*text-transform: uppercase;*/
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.subnav a:hover {
  background: #254569;
}
.has-subnav:hover .subnav {
  display: block;
}

/* nav icons */

a.main-nav.splash,
.splash .subnav a {
  background-image:url(/img/icons/icon-home.png);
}
a.main-nav.news,
.splash .subnav a {
  background-image: url(/img/icons/icon-news.png);
}
a.main-nav.portfolio,
.portfolio .subnav a {
  background-image: url(/img/icons/icon-portfolio.png);
}
a.main-nav.services,
.services .subnav a {
  background-image: url(/img/icons/icon-services.png);
}
a.main-nav.about,
.about .subnav a {
  background-image: url(/img/icons/icon-about.png);
}
a.main-nav.contact,
.contact .subnav a {
  background-image: url(/img/icons/icon-contact.png);
}
a.main-nav.chalets,
.chalets .subnav a {
  background-image: url(/img/icons/icon-chalet.png);
}
a.main-nav.apartments,
.apartments .subnav a {
  background-image: url(/img/icons/icon-apartment.png);
}

.subnav a,
.subnav a:hover {
  background-position: 0px 2px;
  background-repeat: no-repeat; 
}
.subnav a.latest {
  background-image: url(/img/icons/icon-latest.png);
}
.subnav a.features {
  background-image: url(/img/icons/icon-features.png);
}
.subnav a.blog {
  background-image: url(/img/icons/icon-blog.png);
}
.subnav a.chalet {
  background-image: url(/img/icons/icon-chalet.png);
}
.subnav a.apartment {
  background-image: url(/img/icons/icon-apartment.png);
}
.subnav a.who {
  background-image: url(/img/icons/icon-who.png);
}
.subnav a.what {
  background-image: url(/img/icons/icon-what.png);
}

.subnav a.lifestyle {
  background-image: url(/img/icons/icon-lifestyle.png);
}
.subnav a.outdoor {
  background-image: url(/img/icons/icon-outdoor.png);
}
.subnav a.self {
  background-image: url(/img/icons/icon-self.png);
}
.subnav a.pack {
  background-image: url(/img/icons/icon-pack.png);
}
.subnav a.full {
  background-image: url(/img/icons/icon-full.png);
}


.search {
  padding-bottom: 10px;
}
.search-wrapper {
  padding-top: 10px;
  padding-left: 5px;
  /*background: url(/img/icons/icon-search.png) left 10px no-repeat;*/
}
.sidebar-title {
  padding: 7px 5px;
  font-size: 14px;
  display: block;
  margin-bottom: 3px;
  background: #333;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
a.sidebar-title:link,
a.sidebar-title:visited,
a.sidebar-title:hover,
a.sidebar-title:active {
	color: #fff;
	text-decoration: underline;
}
a.sidebar-title:hover {
	color: #ccc;
}
.search input,
.search select {
  background: #eee;
  border: 1px solid #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 5px;
  margin: 0px 3px;
  
}
#search-button:hover {
  background: #ddd;
}



.comms-box {
  line-height: 18px;
  margin: 8px 10px 5px;
  background: #eee;
  padding: 2px 5px;
  border: 1px solid #ccc;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  float: left;
  clear: left;
}
.comms {
  color: #060;
}
.errors {
  color: #f00;
}

#footer {
  clear: both;
}

.unbookable.available .ui-state-default {
	background: #83a083;
	color: #fff;
}

.bookable.available .ui-state-default {
	background: #060;
	color: #fff;
}

.booked .ui-state-default {
	background: #000;
	/* display: none; */
	color: #555;
	text-decoration: line-through;
}

.ui-dialog-content {
	line-height: 21px;
}


.bg-fill {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(/img/bg/bg-s5.png) repeat;
}

.bg-fill.white {
	background: #fff;
	border-color: #fff;
}
.bg-fill.black {
	background: #000;
	border-color: #000;
}



.bg-fill.op25 {
	opacity: .25;
	filter: alpha(opacity=25);
}
.bg-fill.op50 {
	opacity: .50;
	filter: alpha(opacity=50);
}
.bg-fill.op60 {
	opacity: .60;
	filter: alpha(opacity=60);
}
.bg-fill.op75 {
	opacity: .75;
	filter: alpha(opacity=75);
}
.bg-fill.op90 {
	opacity: .9;
	filter: alpha(opacity=90);
}
.bg-fill.op100 {
	opacity: 1;
	filter: alpha(opacity=100);
}

.bg-fill.rounded {
	border-radius: 3px;
	-moz-border-radius: 3px;
}

#booking-select-popup {
  padding: 15px 30px;
	font-size: 15px;
	line-height: 19px;
}

.guide-title {
  display: block;
	line-height: 24px;
	color: #fff;
	margin: 3px 0;
	width: 268px;
	padding: 5px 10px 5px 36px;
	background: #333 url(/img/icons/icon-about.png) left center no-repeat;
	float: left;
	clear: left;
	border-radius: 5px;
}

#rhs .guide-title {
  margin: 3px 8px;
	color: #fff;
	background-color: #333;
}
#content .guide-title {
  margin: 3px 0px;
	color: #fff;
}


.img-wrapper {
  overflow: hidden;
  position: relative;
}

.img-cover, .img-cover img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
}

.pdf-download-wrapper {
  float: left;
	clear: both;
	margin: 5px 20px 13px;
	font-weight: bold;
	color: #060;
}