/* CSS Document */

a.cta_link{
	color: #969D01;
}

a.cta_link:hover{
	color: #000000;
}

.adult_box {
	float: left;
	width: 140px;
	height: 136px;
}

.book_now {
	width: 98px;
	background-color: #969D01;
	font-size: 12px;
	font-weight: bolder;
	color: #fff;
	text-align: center;
	padding: 6px 0px;
	float: right;
	margin-right: 25px;
	margin-top: 17px;
	cursor: pointer;
}

.book_now:hover{
	background-color: #000000;
}

.booking_box{
	background-color: #fff;
	max-height: 136px;
	display: table;
	width: 407px;
	float: right;
}

.cal_img {
	margin-left: 5px;
}

.check {
	font-size: 13px;
	font-weight: bold;
}

.check_in {
	padding: 3px;
	background-color: #f4f4f4;
	border-color: #cfcfcf;
	border-width: 1px;
	width: 78px;
}

.checkin_box {
	float: left;
	width: 261px;
	/* 
	margin-top: 12px;
	height: 136px;
	*/
}

.check_div{
	max-width: 216px;
	text-align: right;
	padding: 19px 25px 0px 0px;
}

.cta_boxes{
	height: 98px;
	background-color: #F8F8F8;
	width: 100%;
	display: table;
	float: left;
}

.cta_box1,.cta_box2,.cta_box3{
	float: left;
	padding: 12px;
	width: 181px;
}

.cta_box_headline {
	font-size: 13px;
	font-weight: bold;
}


.datepickerBorderT, .datepickerBorderB, .datepickerBorderL, .datepickerBorderR, .datepickerBorderTL, .datepickerBorderTR, .datepickerBorderBL, .datepickerBorderBR, .datepickerContainer {
	background-color: #969D01;
	background: #969D01;
}

.destination_container{
	display: table;
	height: 234px;
	width: 616px;
    position: absolute;
	left: 40px;
	top: 142px;
	background-color: #969D01;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.dest{
	color: #fff;
	font-size: 26px;
	margin-left: 20px;
}

.dest_box{
	background-color: #969D01;
	width: 208px;
	height: 126px;
	float: left;
	padding-top: 10px;
}

div.datepicker {
	background-color: #969D01;
}
div.datepicker th {
	color: #000;
	font-weight: bold;
}
div.cta_boxes span {
	font-size: 13px;

}

.hotelid{
	margin: 10px 0px;
	padding: 8px;
	font-size: 16px;
}


.hotelid_div {
	margin-left: 20px;
}

#logo a {
	margin: 0 auto!important;
	width: 146px!important;
	height: 107px!important;
	background: url(../../../themes/welkdefault/img/logo-small.png) no-repeat!important;
}

.offers{
	color: #fff;
	font-size: 13px;
	margin-left: 20px;
}

tbody.datepickerDays td.datepickerSelected {
background: #969D01;
}

.v_rule {
	margin-top: 12px;
	float: left;
	height: 86px;
	border-left: 1px solid #B1B1B1;
}


#message_container {
	display: table;
	height: 40px;
	width: auto;
	position: absolute;
	left: 40px;
	top: 390px;
	background-color: #1BBC9D;
	opacity: 0.8;
	cursor: pointer;
}
.messageHeader{
	height: 30px;
	background-color: #1BBC9D;
	color: #fff;
	font-size: 17px;
	text-indent: 10px;
	padding-top: 10px;
}
.mesageContent{
	padding: 15px 20px;
}	
	/* 	Style Reference
		PC Landscape = the_vars_array[0], PC Portrait = the_vars_array[4], MOBILE Landscape = the_vars_array[3], MOBILE Portrait = the_vars_array[5] */
	
	/* All 'outside the box' (landscape) ----------- */
	@media only screen	and (orientation : landscape) {
		
		.destination_container{
			
		}
	}
	
	/* All 'outside the box' (portrait) ----------- */
	@media only screen	and (orientation : portrait) {
		
		.destination_container{
			
		}
	}	
	
	/* PCs (landscape) ----------- */
	@media only screen	and (min-width : 1024px)	and (orientation : landscape) {
		
		.destination_container{
			
		}
	}	
	
	
	/* iPad 1 & 2 in portrait(landscape) ----------- */
	/* @media screen and (width : 1024px) and (orientation : landscape)  { */
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1) { 
		
		.adult_box {
			width: 88px;
			height: 81px;
		}
		
		.book_now {
			width: 60px;
			font-size: 8px;
			padding: 4px 0px;
			margin-right: 5px;
			margin-top: 6px;
		}

		.cal_img {
			margin-left: 1px;
			width: 12px;
			height: 12px;
		}		

		.check {
			font-size: 9px;
		}		
		
		.check_in {
			padding: 1px;
			width: 46px;
		}		
		
		.check_div {
			max-width:129px;
			padding:12px 5px 0px 0px;
		}
		
		.destination_container{			
			left: 5%;
			top: 20%; 
			height: 140px;
			width: 369px;			
		}
		
		.dest_box {
			background-color: #969D01;
			width: 124px;
			height: 75px;
			padding-top: 6px;
		}	
		
		.dest {
			font-size: 14px;
			margin-left: 12px;
		}
		
		.hotelid {
			margin: 6px 0px;
			padding: 5px;
			font-size: 10px;
		}
		
		.hotelid_div {
			margin-left: 12px;
		}	
		
		.offers {
			font-size: 8px;
			margin-left: 12px;
		}	
		
		.booking_box {
			max-height: 81px;
			width: 244px;
		}
		
		.checkin_box {
			width: 145px;
		}			
		
		.cta_boxes {
			height: 58px;
		}	
		
		.cta_box1, .cta_box2, .cta_box3 {
			padding: 6px;
			width: 108px;
		}
		
		.cta_box_headline {
			font-size: 10px;
		}
		
		div.cta_boxes span {
			font-size: 10px;
		}
		
		select, textarea {
			font-size: 8px;
		}
		
		.v_rule {
			margin-top: 6px;
			height: 51px;
		}	
				
	}
	
	
	/* iPad 1 & 2 in portrait(portrait) ----------- */
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) { 
		
		.destination_container{
		   left: 5%;
		   top: 12%; 			
		}
	}	
	

	/* iPhone 5 in landscape */
	@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape){
	
		destination_container{
			
		}	 
	 }	
	
	/* iPhone 5 in portrait */
	@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait){
	
		destination_container{
		   left: 5%;
		   top: 22%; 			
			
		}	 
	}

	
	/* Smartphones (portrait) ----------- */
	@media only screen	and (min-width : 300px) and (orientation : portrait) {
		
		destination_container{
			
		}
	}