.left_col{
	font-size: 10px;
	float: left;
	width: 200px;
	height: 580px;
	/*border: 1px solid green;*/
}

.center_col{
	font-size: 10px;
	color: #fff;
	float: left;
	width: 380px;
	height: 376px;
	margin-right: 18px;
	margin-left: 17px;
	
	/*border: 1px solid pink;*/
}
.right_col{
	font-size: 10px;
	color: #fff;
	float: left;
	width: 200px;
	height: 376px;
	/*border: 1px solid blue;*/
}

/************ Left ****************/

.occupancy_box{
	width: 200px;
	color: #fff;
	background: #CDE1E1;
	margin-bottom: 9px;
}

.occupancy_body{
	height: 66px;
	text-align: right;
}

.occupancy_body_marg{
	padding-top: 8px;
	padding-right: 15px;
	color: #0169A2;
}




.clear_box{
	width: 200px;
	color: #fff;
	background: #CDE1E1;
	margin-bottom: 9px;
}

.clear_body{
	height: 26px;
	text-align: right;
}

.clear_body_marg{
	padding-top: 8px;
	padding-right: 15px;
}


.calendar_outer_holder{
	height: 400px;
}
.calendar_holder{
	width: 200px;
	height: 350px;
	overflow: hidden;
	background: #CDE1E1;
	/*border: 1px solid orange;*/
	position: relative;
}
.calendar_default{
	font-weight: bold;
	font-size: 14px;
	text-align:center;
	position: relative;
	padding-top: 74px;
	padding-bottom: 200px;
	background: #CDE1E1;
	color: #0169A2;
}
.occupancy_select{
	width: 50px;
}

/************* Center **************/
.room_outer_container{
	background: #CDE1E1;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;

	margin-bottom: 1px;
}

.room_inner_container{
	margin-top: 10px;
	height: 101px;
	width: 365px; 
	position: relative;
}

.room_img_holder{
	float: left;

}

.room_description_holder{
	margin-left: 9px;
	width: 240px;
	float: left;
	
}
.room_description_span{
	/*width: 300px;*/
}
.room_thumb_img{
	border: 1px solid #E7E8CB;
}

.room_more_book_holder{
	width: 354px;
	position: absolute;
	bottom: 0;
	right: 0px;
}
.room_click_toogle{
	padding: 0;
	cursor: pointer;
}
.room_more_imgs{
	margin-top: 5px;
	float: left;
}

.room_book_btn{
	float: right;
}
.float_right_plus{
	float: right;
	margin-right: 20px;
}

.rooms_default{
	font-weight: bold;
	font-size: 14px;
	text-align:center;
	position: relative;
	padding-top: 150px;
	padding-bottom: 200px;
	background: #CDE1E1;
	color: #0169A2;
}


/************* Right *************/

.supplements_box{
	width: 200px;
	color: #fff;
	background: #CDE1E1;
	margin-bottom: 2px;
	color: #0169A2;
	display: none
}

.supplements_body{
	text-align: right;
}

.supplements_body_marg{
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 8px;
}

.cost_analysis_box{
	width: 200px;
	color: #fff;
	background: #CDE1E1;
	margin-bottom: 2px;
	display: none;
}

.cost_analysis_body{
	text-align: right;
}

.cost_analysis_body_marg{
	padding-top: 5px;
	padding-right: 10px;
	color: #0169A2;
}

.other_information_box{
	width: 200px;
	color: #fff;
	background: #CDE1E1;
	margin-bottom: 3px;
	display: none;
}

.other_information_body{
	height: 31px;
	text-align: right;
}

.other_information_body_marg{
	padding-top: 7px;
	padding-right: 10px;
	color: #0169A2;
}


.converter_body{
	color: #fff;
	background: #CDE1E1;
	height: 52px;
	text-align: right;
	display: none;
}

.converter_marg{
	padding-top: 8px;
	padding-right: 8px;
	color: #0169A2;
}

.converter_note_box{
	color: #fff;
	height: 44px;
	display: none;
}

.converter_note_marg{
	padding: 8px;
	color: #0169A2;
}

.supplements_default{
	
}

.price_holder{
	float: right;
	width: 50px;
}


.supplement_name{
	padding-top: 5px;
	margin:0;
	float: left;
	vertical-align: bottom;
	width: 113px;
}
.supplement_checkbox{
	float: right;
	height: 20px;
	vertical-align: bottom;
	width: 66px;
}

.euro_price_holder{
	float: right;
}
.price_description_holder{
	padding-right: 30px;
	float: right;
}




.services_box{
	width: 200px;
	color: #fff;
	background: #CDE1E1;
	margin-bottom: 2px;
	display: none;
}

.services_body{
	text-align: right;
}

.services_body_marg{
	color: #0169A2;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 8px;
}


.service_name{
	padding-top: 5px;
	padding-right: 20px;
	margin:0;
	float: right;
	vertical-align: bottom;
}
.service_checkbox{
	float: right;
	height: 20px;
	vertical-align: bottom;
	display: none;
}



.meal_plans_box{
	width: 200px;
	color: #fff;
	background: #CDE1E1;
	margin-bottom: 2px;
}
.meal_plans_body{
	text-align: right;
}
.meal_plans_body_marg{
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 8px;
	color: #0169A2;
}



.meal_plan_name{
	padding-top: 5px;
	padding-right: 30px;
	margin:0;
	float: right;
	vertical-align: bottom;
}
.meal_plan_checkbox{
	float: right;
	height: 20px;
	vertical-align: bottom;
}

.discount_voucher_name{
	padding-top: 3px;
	float: right;
}

.discount_voucher_input{
	float: right;
}


.voucher_input{
	width: 50px;
	font-size: 10px;
}

.go_btn_holder{
	float: right;
}

/***************** Booking ********************/

.cost_title{
	margin-top: 4px;
	margin-bottom: 4px;
	width: 200px;
	float: left;
}

.cost_price{
	margin-top: 4px;
	margin-bottom: 4px;
	width: 80px;
	float: left;
}

.total_title{
	margin-top: 4px;
	margin-bottom: 4px;
	font-weight: bold;
	width: 200px;
	float: left;
	display: none;
}

.total_cost{
	margin-top: 4px;
	margin-bottom: 4px;
	font-weight: bold;
	width: 8px;
	float: left;
	display: none;
}
.cinfo_title{
	margin-top: 4px;
	margin-bottom: 4px;
	width: 200px;
	float: left;
}
.cinfo_input{
	margin-top: 4px;
	margin-bottom: 4px;
	width: 200px;
	float: left;
}

/************* General ************/
.clear{
	clear: both;
	height: 0px;
	line-height: 0px;
}

.float_left{
	
	float: left;
}

.float_right{
	float: right;
}

.box_title{
	background: #0169A2;
	font-weight: bold;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: white;
}

a:active{
	outline: none;
}

a:focus{
	-moz-outline-style: none;
}


select{
	height: 18px;
	font-size: 10px;
}
input{
	height: 16px;
	font-size: 9px;
}

.clear_link{
	color: #0169A2;
	text-decoration: none;
	font-size: 10px;
}
