.quickbook-box{
	position: absolute;
	font-family: 'openlight';
	font-weight:normal;
	margin-left:670px;
	margin-top:120px;
}
.d21Container{
	position: absolute;
	font-weight:normal;
	width: 300px!important;
	background-color: #FFF;
	padding: 20px;
	border: 1px solid #CCCCCC;
	margin-top:0px;
	z-index:100000;
}
.d21Container{
	display:none;
}
.quickbook-box div#booking-headline{
	position:relative;
	clear:both;
	height:40px;
	width:300px;
	margin:0;
	padding-left: 0px;
	line-height:37px;
	font-size:24px;
	cursor:pointer;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
}
.booking-arrow{
	width: 25px;
	height: 25px;
	float: left;
	position: relative;
	background-image: url('../images/arrow_white_dropdown.png');
	background-position: 1px center;
	background-size:50px 25px;
	background-repeat: no-repeat;
	margin-left:10px;
	margin-right:10px;
	margin-top:8px;
}
.booking-arrow.arrow-active{
	width: 25px;
	height: 25px;
	float: left;
	position: relative;
	background-image: url('../images/arrow_white_dropdown.png');
	background-position: -24px center;
	background-size:50px 25px;
	background-repeat: no-repeat;
	margin-left:10px;
	margin-right:10px;
	margin-top:8px;
}
.quickbook-box div#booking-headline:after
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 290px;
	top: 100%;
	border-width: 0px 0px 10px 10px;
	border-style: solid;
	border-color: transparent #000 transparent #000;
}

.d21Header, .d21CheckHeader{
	width: 260px!important;
	font-size:30px!important;
	font-weight: normal!important;
	margin-bottom: 10px!important;
	margin-top: -10px!important;
	height: 45px;
	font-family: 'Roboto';
}
.d21Row1, .d21Row2 {
	width: 260px!important;
	height: 35px;
	margin-top: 10px;
}
.d21Row3 {
	width: 260px!important;
	margin-top: 10px;
	
}
.d21Row5 {
	margin-top: 50px;
	width: 260px!important;
	clear:both;
	border-bottom-color: #ccc;
	border-bottom-width: thin;
	border-bottom-style: solid;
}
.d21Row6 {
	width: 260px!important;
	margin-top: -1px!important;
}
.d21CheckIn, .d21CheckOut {
	color: #666;
	font-size: 18px;
	width: 90px!important;
	padding-top: 0!important;
	font-weight:normal!important;
	margin-top:5px;
}
#txtD21Arrival, #txtD21Departure, #txtD21Persons {
	border: 1px solid #cccccc;
	color: #666;
	padding: 3px 3px 3px 4px;
		font-family: "OpenLight";
    font-size: 18px;
    margin-top: 1px;
    width: 124px!important;
}
.d21Cal {
	margin-left: 10px!important;
}
.d21Cal img{
	margin-top:6px;
}
.d21Count {
	text-align: left!important;
	margin-left: 37px;
	width: 45px!important;
	overflow: hidden;
	margin-right:3px;
	border: 0px solid #cccccc;
	
}
#ddD21Count{
	border: none;
	color: #333;
	font-family: Openlight;
	font-size: 18px;
	margin-left: 0px;
	width: 65px;
	background-image: url(../images/arrow_down.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	overflow: hidden;
	background-size: 15px auto;
}
.d21Row4 {
	border: 0px solid #cccccc;
	overflow: hidden;
	width: 160px!important;
}
#ddD21Room {
	margin-left: 0!important;
	color:#333;
	border: 0px solid #cccccc;
    font-family: 'OpenLight';
	font-family: Openlight;
    font-size: 18px;
    margin-left: -5px;
	width: 180px!important;
	background-image: url(../images/arrow_down.png);
	background-repeat: no-repeat;
	background-position: 135px center;
	background-size: 15px auto;
	cursor:pointer;
}

#btD21Search,#hlD21PackageLink  {
	font-family: 'OpenLight';
	font-weight:normal!important;
	line-height:22px;
	float:left;
	margin-left:0!important;
	border:none;
	height:25px;
	cursor:pointer;
	-webkit-transition:background-color 500ms ease-out;
	-moz-transition:background-color 500ms ease-out;
	-o-transition:background-color 500ms ease-out;
	transition:background-color 500ms ease-out;
	margin-top: 20px!important;
}
#btD21Search:hover,#hlD21PackageLink:hover {
	-webkit-transition:background-color 500ms ease-out;
	-moz-transition:background-color 500ms ease-out;
	-o-transition:background-color 500ms ease-out;
	transition:background-color 500ms ease-out;
}
#btD21Search{
	margin-right:25px;
}
#hlD21PackageLink{
	text-decoration:none;
	padding: 0 10px;
}
td.scwCells, td.scwCellsHover, td.scwCells:hover, td.scwCellsDisabled, td.scwCellsExMonth, td.scwCellsExMonthHover, 
td.scwCellsExMonth:hover, td.scwCellsExMonthDisabled, td.scwCellsWeekend, td.scwCellsWeekendHover, td.scwCellsWeekend:hover, 
td.scwCellsWeekendDisabled, td.scwInputDate, td.scwInputDateHover, td.scwInputDate:hover, td.scwInputDateDisabled, td.scwWeekNo, td.scwWeeks {
	text-align: center!important;
	font-weight:normal!important;
	
}

td.scwInputDate:hover,td.scwCellsWeekend:hover,td.scwCellsExMonth:hover{
	background-color:#FFF!important;
}
table.scw,td.scwCells {
	border: 1px solid #cccccc!important;
	background-color:#FFF!important;
	font-family: 'openlight';
	font-weight:normal!important;
	text-align: center!important;
}
input.scwHead {
	font-family: 'openlight';
	background-color:#FFF!important;
	color:#CCC;
	border:1px solid #cccccc;
}
input.scwHead:hover {
	color:#333;
}
#scwMonths,#scwYears{
	border:1px solid #cccccc;
	font-family: 'openlight';
}
#d21-quickbook{
	position:absolute;
	background-color:#FFF;
	max-width:300px;
	min-height:240px;
	width:300px;
	z-index:100;
	padding: 15px;
	display:none;
}
#d21-quickbook h2{
	font-size:24px;
	margin-bottom:10px;
}
@media only screen and (max-width: 980px) {
	.quickbook-box{
		position: relative;
		margin-left:0px;
		margin-top:0px;
		height: 45px;
	}
	.quickbook-box div#booking-headline:after{
		border: none;
	}
	.quickbook-box div#booking-headline{
		position:relative;
		width:310px;
	}
	.d21Container{
		position: absolute;
		width: 310px!important;
		margin-top:0px;
	}	
	#d21-quickbook{
		width:310px;
		max-width:310px;
	}
}