#detailContainer { width:75%; right:0; position:absolute; z-index:99;   }
.scroll-pane { width:100%; overflow: auto;}			
.detailContainer { float:left; margin:0 0 0 7px ; cursor:pointer;}
.titleContainer {  background:#f1f1f1; padding:20px 30px; position:relative;}
.titleContainer h1 { font-size:26px; padding:0;}
.titleContainer h2 { font-size:20px; padding:30px 0 10px 0;}
.detailContentContainer { width:98%;}
#detailContainerContent { background:#f1f1f1; padding:0 20px 0px 30px; line-height:24px; }
.detailPagePlayButtonContainer { font-size:24px; position:absolute; right:34px; top:20px;}
.detailPagePlayButtonContainer span { cursor:pointer;}
.btnClose { background:url(../images/icon/btn-close.png) no-repeat; width:29px; height:23px; display:block; cursor:pointer; float:right;}
.btnOpen { background:url(../images/icon/btn-open.png) no-repeat; width:29px; height:23px; display:block; cursor:pointer; float:right;}
.detailSummary { border-top:1px solid #b2a99f; font-size:13px; padding:5px 0 0 0; margin:18px 0 0 0; line-height:24px;}
.detailSummary p { padding:15px 0 0 0; margin:0;}
.detailText { font-size:13px; margin:0 0 20px 0;}
.detailText p { padding:15px 0 0 0; margin:0;}
.detailText h1 { font-size:24px; color:#67533e; border-bottom:1px solid #b2a99f; padding:20px 0;}
.quickViewContainer { padding:20px 0 0 0; }
.quickViewContainer h1 { font-size:24px; color:#67533e; padding:0 0 20px 0;}
.quickViewContentContainer { background:#fff; padding:10px;}
.quickViewContentContainer h2 { font-size:14px; color:#b4a596;}
.priceContainer { font-size:24px; color:#67533e; border-bottom:1px solid #c1bcb6; padding:10px 30px 10px 0; display:block;}
.roomSettings { display:block; padding:20px 0 0 0; font-size:15px; color:#67533e;}
.roomSettings ul li { list-style:none;}

.roomDetail {}
.roomDetail .detailText { width:65%; font-size:14px; color:#97918b;}
.roomDetail .quickViewContainer { width:30%;}


#listContainer {  width:75%; right:0; position:absolute; z-index:99;   }
.listContainer { float:left; margin:0 0 0 7px ; cursor:pointer;}
.titleContainerForList { }
#listContainerContent {  background:#fff; padding:0 30px; }
#listContainerContent ul {}
#listContainerContent ul li { border-bottom:1px solid #e2dfdb;}
#listContainerContent ul li a { background:#fff url(../images/icon/list-bullet.png) 95% center no-repeat; padding:37px 25px 33px 30px; display:block; font-size:18px; color:#67533e; text-decoration:none;}
#listContainerContent ul li a:hover { background:#f6f6f6 url(../images/icon/list-bullet.png) 95% center no-repeat;}
#listContainerContent .jspVerticalBar { left:0;}

#listContainerMenu { width:29%; right:2%; position:absolute; z-index:99;   }
.listContainerMenu { float:left; margin:0 0 0 7px ; cursor:pointer;}
.titleContainerMenuForList { background:#523f2c !important; color:#fff;}
#listContainerMenuContent {  background:#fff; padding:0 0 0 5px; }
#listContainerMenuContent ul {}
#listContainerMenuContent ul li { border-bottom:1px solid #e2dfdb;}
#listContainerMenuContent ul li a { background:#fff url(../images/icon/list-bullet.png) 95% center no-repeat; padding:37px 25px 33px 30px; display:block; font-size:18px; color:#67533e; text-decoration:none;}
#listContainerMenuContent ul li a:hover { background:#f6f6f6 url(../images/icon/list-bullet.png) 95% center no-repeat;}
#listContainerMenuContent .jspVerticalBar { left:0;}

.listFooterContainer {}
.listFooterMenu { background:#523f2c; color:#fff; padding:28px 5px 23px 37px; font-size:14px;}
.listFooterMenu a { color:#fff; text-decoration:none; padding:0 3px;}
.listFooterMenu a:hover { color:#999;}
.listFooter { background:#604c37; padding:28px 23px 23px 40px; font-size:12px; color:#342618;}
.listFooter span { display:block;}
.listFooter a {}

.detailContainerForVillaDetail { width:25% !important;}
.titleContainerForVillaDetail { background:#594631; color:#fff;}
.detailContainerContentForVillaDetail { background:#594631 !important; color:#b69570; font-size:18px;}
.detailContainerContentForVillaDetail .detailSummary { font-size:24px; color:#fff; border-bottom:1px solid #8e8173;}
.detailContainerContentForVillaDetail .jspDrag { background:#fff;}
.detailContainerContentForVillaDetail .jspTrack { background:#594631;}
.detailContainerContentForVillaDetail .detailText { padding:10px 0 0 0;}
.roomNameContainer { border-top:1px solid #bcb3ac; margin:40px 0 20px 0; padding:20px 0 0 0; }
.roomName { font-size:24px; color:#66543e;}
.btnBackToList { color:#9b9188; text-decoration:none; font-size:18px;}
.detailHeaderImage { }
.detailHeaderImage img {width:100%;}



/*-------------------------------------------------------------------------------------*/
/*	HOME - SLIDER
/*-------------------------------------------------------------------------------------*/

.detail-slider {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 9;
}
.detail-slider .slides {
	display: block;
	width: 100%;
	height: 100%;
}
.detail-slider .slides li, .detail-slider .slides li img {
	display: none;
	position: static !important;
}
/* ----- slider nav ----- */

.detail-slider .nav-link {
	display: none !important;
	width: 15%;
	height: 80px;
	position: absolute;
	top: 50%;
	margin-top: 120px;
	z-index:9999;
}
.detail-slider .nav-link.next {
	right: 0;
}
.detail-slider .nav-link.prev {
	left: 0;
}
.detail-slider .nav-link > span {
	display: block;
	height: 80px;
	position: absolute;
	top: 50%;
	margin-top: -40px;
}
.detail-slider .nav-link.next > span {
	right: 0;
}
.detail-slider .nav-link.prev > span {
	left: 0;
}
.detail-slider .nav-link > span > img {
	display: block;
	max-width: none;
	height: 100%;
}
.detail-slider .nav-link > span > span {
	display: block;
	width: 40px;
	height: 100%;
	position: absolute;
	top: 0;
	background: #fff;
}
.detail-slider .nav-link.next > span > span {
	left: -40px;
}
.detail-slider .nav-link.prev > span > span {
	right: -40px;
}
.detail-slider .nav-link.next > span > span:before, .detail-slider .nav-link.prev > span > span:before {
	display: block;
	width: 40px;
	height: 100%;
	font: 100 30px/80px 'Roboto', sans-serif;
	text-align: center;
	color: #5bc;
	position: absolute;
	top: 0;
}
.detail-slider .nav-link.next > span > span:before {
	content: ">";
	left: 0;
}
.detail-slider .nav-link.prev > span > span:before {
	content: "<";
	right: 0;
}
/* ----- slider preloader ----- */

.detail-slider .home-slider-preloader {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	margin-top: -5px;
	margin-right: 20px;
	background: url(../images/loading_tiny.gif) no-repeat center center #000;
	-moz-border-radius: 99px;
	-webkit-border-radius: 99px;
	border-radius: 99px;
}
/* ----- slider controls ----- */

.detail-slider .controls {
	display: block;
	position: absolute;
	bottom:40px;
	z-index: 10;
	left:50%;
	width:300px;
	margin:0 0 0 -150px;
}
.detail-slider .controls a {
	display: block;
	width: 75px;
	height: 15px;
	float: left;
	margin-right:4px;
	text-align: center;
	font-size:0;
	border:1px solid #fff;
	padding:0;
}
.detail-slider .controls a:hover {
	background: #fff;
}
.detail-slider .controls a.active {
	cursor: default;
	background: #fff;
}

.detail-fullscreen-caption {
	position: absolute;
	bottom: 5%;
	left:2%;
	color:#fff;
}
.detail-fullscreen-caption span { display:block;}
.detail-fullscreen-caption > * {
	margin-left: 0;
	margin-right:80px;
}
.detail-fullscreen-caption h1 {
	font-size: 36px;
}
.detail-fullscreen-caption h2 {
	font-size: 2em;
}
.detail-fullscreen-caption h3 {
	font-size: 26px;
}



#tabNavigation {
	background: #e2e1e1;
	margin:0 16px 0 0;
}
.tabNavigation {
	float: left;
	cursor: pointer;
	background: #e2e1e1;
	font-size: 18px;
	color: #67533e;
	padding: 15px 40px;
	margin:0;
}
.tabNavigation.active {
	background: #67533e;
	color: #fff;
}
#tabContent {
	padding: 15px 0 0 0;
}
.tabContent {
}

.accomodationList {}
.accomodationList ul li { float:left; margin:0 12px 12px 0; padding:0 0 20px 0; list-style:none; background:#fff; color:#817264; font-size:13px; width:32%;}
.accomodationList img { width:100%;}
.accomodationList span.roomName { display:block; font-size:16px; padding:10px 20px;}
.accomodationList table { width:100%; margin:0 20px;}
.accomodationButtonContainer { display:block; padding:15px 20px 0 20px;}
.noMarginBox { margin:0 0 12px 0 !important;}

.accomodationList ul li.konaklama  span.roomName { display:block; font-size:16px; padding:10px 20px; height:45px;}
.buttonDark {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #67533E;
    color: #67533E;
    cursor: pointer;
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
    font-size: 16px;
    font-weight: 100;
    height: 30px;
    margin: 5px 0 0;
    padding: 2px 21px;
    text-decoration: none;
    width: 80px;
}