@import url('form_items.css');
@import url('script_items.css');

body {
	background-color: #011e45;
	background-image: url('/images/main_bg.png') repeat-x;
	margin: 0;
	padding: 0;
	color: #334961;
	font-family: "Arial";
	font-size: 12px;
	line-height: 20px;
}

img
{
	border: 0;
	padding: 0;
	margin: 0;
}

img.mid {
	vertical-align: middle;
}

a
{
	color: black;	
}

p.content
{
	font-family: "Arial";
}

h1, h2 {
	font-family: "Arial";
	color: #001c3a;
	margin-bottom: 10px;
	font-size: 14pt;
}

/* Headings, texts, enz */
h2, h3
{
	margin-bottom: 0px;
	font-size: 11pt;
}

br
{
	clear: both;
}

/* Grid elements */
#main_container
{
	position: relative;
	width: 100%;
	margin-top: 40px;
}

#header_container
{
	position: relative;
	margin-top: 0px;
	height: 255px;
	width: 950px;
	background: transparent;
	margin: auto;
}

#menu_container{
	font-size: 10.8px;
	position: relative;
	height: 34px;
	width: 950px;
	background: transparent;
	margin: auto;
}

#content_container
{
	position: relative;
	width: 100%;
	text-align: left;
	margin: auto;
}

#footer_container
{
	clear: both;
	width: 100%;
	height: 80px;
	text-align: center;
	margin: auto;
}

/***************************************
 * 
 * Header things
 * 
 **************************************/

#languages
{
	position: absolute;
	left: 20px;
	top: 20px;
	width: 200px;
	height: 20px;
}

#languages img
{
	margin: 2px;
}

#logo
{
	position: relative;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 311px;
	height: 70px;
}

#header_banner
{
	position: relative;
	margin-top: 20px;
	width: 950px;
	height: 165px;
	background: url('/images/header.jpg') no-repeat;
}

#account_block
{
	position: absolute;
	right: 10px;
	top: 0px;
	height: 80px;
	width: 240px;
}

#account_block a
{
	color: white;
	text-decoration: none;
}

#account_block a:hover
{
	text-decoration: underline;
}

.input_login
{
	width: 145px;
	height: 23px;
	background:url('/images/input_login_bg.png') no-repeat left top;
	border: 0px;
	padding: 5px;
	color: #9c9c9c;
}

#login_submit_button
{
	position: absolute;
	right: 10px;
	top: 20px;
	width: 21px;
	height: 21px;
}

.submit_button
{
	width: 21px;
	height: 21px;
	background:url('/images/submit_button_bg.png') no-repeat left top;
	border: 0px;
}

.search_button
{
	width: 111px;
	height: 32px;
	border: 0px;
}


/***************************************
 * 
 * Menu things
 * 
 **************************************/

#menu
{
	position: relative;
	height: 34px;
	width: 100%;
}

#menu_home
{
	height: inherit;
	width: 148px;
	position: relative;
	display: inline;
}

#menu_over
{
	height: inherit;
	width: 124px;
	position: relative;
	display: inline;
	margin-left: -5px;
}

#menu_villas
{
	height: inherit;
	width: 137px;
	position: relative;
	display: inline;
	margin-left: -5px;
}

#menu_contact
{
	height: inherit;
	width: 149px;
	position: relative;
	display: inline;
	margin-left: -5px;
}

#menu_zoeken
{
	height: inherit;
	width: 150px;
	position: relative;
	display: inline;
	margin-left: -5px;
}

#menu_zoek
{
	height: inherit;
	width: 252px;
	position: relative;
	display: inline;
	margin-left: -5px;
}


#search
{
	position: absolute;
	left: 10px;
	top: 0px;
	height: 32px;
	width: 230px;
	margin-top: -15px;
}

#search_submit_button
{
	position: absolute;
	width: 21px;
	height: 21px;
	right: 0px;
	top: 0px;

}
#submenu a.selected, div.block a.selected
{
	font-weight: bold;
}

#search_menu
{
	overflow: hidden;
}
#search_menu a
{
	text-decoration: none;
}

#search_menu a.filtered
{
	color: #ff7711;
}

#search_menu ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

#search_menu li
{
	padding-left: 10px;
	font-family: "Arial";
}

#navcontainer
{
	position: relative;
	height: 26px;
	width: 100%;
	margin-left: 1px;
}

#detail_block
{
	margin-top: 0px;
}

#navcontainer ul 
{
	list-style-type: none;
	padding-left: 0;
	margin-left: 6px;
	margin-top: 0px;
}

#navcontainer ul li
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	background-color: #00193a;
	font: 10px/20px "Lucida Grande", Arial, sans-serif;
	text-align: center;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-top: 1px solid white;
}

#navcontainer ul li.red
{
	background-color: #940000;
}

#navcontainer a
{
	color: white;
	text-decoration: none;
	display: block;
	padding: 2px 10px;
}

#navcontainer li#active { background-color: white;}
#navcontainer li#active a { color: #00193a;}
#navcontainer a:hover { background-color: white; color: #00193a;}
/***************************************
 * 
 * Search menu things
 * 
 **************************************/
.template {
display:none;
}

.st_filter_row_add {
cursor:	pointer;
cursor:	hand;
position: absolute;
right: 40px;
text-align:right;
padding: 5px 0 0 5px;

}

.st_filter_row_del {
	cursor:	pointer;
	cursor:	hand;
	text-align:right;
	padding: 5px 0 0 5px;
	position: absolute;
	right: 70px;

}

form.generic div.filterType_row {
	vertical-align: middle;
	width: 100%;
	display: block;
}

form.generic div.left_spaced_row {
    margin-left: 215px;
}

.date_row
{
	margin-bottom: 20px;
}


/***************************************
 * 
 * Block things
 * 
 **************************************/

.block
{
	position: relative;
	width: 100%;
}
.block_160_content
{
	margin-top: 10px;
	border-top: 1px solid #a8b0bb;
	width: 140px;
	background: url("/images/block_160_bg.png") repeat-y;
	padding: 0px 10px;
	overflow: hidden;
}

.block_160_bottom
{
	position: relative;
	background: url("/images/block_160_bottom.png") no-repeat;
	width: 160px;
	height: 9px;
}

.block_250_content
{
	position: relative;
	margin-top: 10px;
	border-top: 1px solid #a8b0bb;
	width: 230px;
	background: url("/images/block_250_bg.png") repeat-y;
	padding: 0px 10px;
	overflow: hidden;
}

.block_250_bottom
{
	position: relative;
	background: url("/images/block_250_bottom.png") no-repeat;
	width: 250px;
	height: 6px;
}

.block_510_content
{
	position: relative;
	border-top: 1px solid #a8b0bb;
	width: 495px;
	background: url("/images/block_510_bg.png") repeat-y;
	padding: 0px 10px;
	margin-left: 6px;
	overflow: hidden;
}

.block_510_bottom
{
	position: relative;
	background: url("/images/block_510_bottom.png") no-repeat;
	width: 515px;
	height: 8px;
	margin-left: 6px;
}

.block_780_content
{
	position: relative;
	margin-top: 10px;
	border-top: 1px solid #a8b0bb;
	width: 760px;
	background: url("http://www.vipholidays.nl/images/block_780_bg.png") repeat-y;
	padding: 0px 10px;
	margin-left: 6px;
	overflow: hidden;
}

.block_780_bottom
{
	position: relative;
	background: url("/images/block_780_bottom.png") no-repeat;
	width: 780px;
	height: 8px;
	margin-left: 6px;
}

.block_920_content
{
	position: relative;
	margin-top: 10px;
	border-top: 1px solid #a8b0bb;
	width: 920px;
	background: url("/images/NL/block_920_bg.png") repeat-y;
	padding: 0px 10px;
	margin-left: 6px;
	overflow: hidden;
}

.block_920_bottom
{
	position: relative;
	background: url("/images/NL/block_920_bottom.png") no-repeat;
	width: 920px;
	height: 8px;
	margin-left: 6px;
}

.block_250_container
{
	position: relative;
	float: left;
	width: 250px;
	margin-left: 6px;
}

.block_510_container
{
	position: relative;
	float: left;
	width: 528px;
}

.middle_block
{
	margin-left: 16px;
	margin-right: 0px;
}

.incentive
{
	margin-top: 5px;
}
/***************************************
 * 
 * Content things
 * 
 **************************************/

div#content
{
	width: 950px;
	margin: 0 auto;
}

#left_column
{
	float: left;
	width: 155px;
}


#right_column
{
	float: right;
	width: 785px;
}

#full_column
{
	float: left;
	width: 100%;
}



.faq_question
{
	color: #a80000;
	font-weight: bold;
	margin-bottom: 5px;
	cursor: hand;
	cursor: pointer;
}

.faq_answer
{
	text-align: justify;
}

.template
{
	display: none;
}



/***************************************
 * 
 * Welcome page
 * 
 **************************************/

ul.welcome_points {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}


.welcome_points li
{
	font-weight: bold;
	background: url(/images/bullet_tick.png) left center no-repeat;
	padding-left: 25px;
	margin-bottom: 10px;
	font-family: "Arial";
}

.search_field
{
	clear: both;
	position: relative;
	display: block;
	width: 230px;
	height: 31px;
	background: url('/images/search_field_bg.png') no-repeat;
	padding: 5px 0px 0px 5px;
	margin-bottom: 2px;
}

div.search_submit
{
	position: relative;
	display: block;
}

#search_button
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 111px;
	height: 32px;
}

#message_box {
	position: absolute;
	top: 0; left: 0;
	z-index: 10;
	background:#ffc;
	padding:5px;
	border:1px solid #CCCCCC;
	text-align:center;
	font-weight:bold;
	width:99%;
}

#villa_preview
{
	position: relative;
	width: 100%;
	height: 136px;
	background-position: center;
	text-align: center;
}

#villa_preview_price
{
	position: relative;
	width: 100%;
	height: 36px;
	background: url("/images/villa_price_bg.png") no-repeat;
	background-position: center;
}

.more_info_button
{
	width: 113px;
	height: 32px;
	position: absolute;
	bottom: 0px;
	right: 10px;
}


.more_info_button_red
{
	width: 113px;
	height: 32px;
	position: absolute;
	bottom: 25px;
	right: 10px;
}

#villa_price
{
	color: #9e1111;
	font-family: "Arial";
	font-weight: bold;
	font-size: 11pt;
	width: 80px;
	margin-top: 9px;
	margin-right: 5px;
	position: relative;
	float: right;
	text-align: center;
	
}

#villa_period
{
	font-weight: bold;
	font-size: 8pt;
	width: 110px;
	margin-left: 15px;
	position: relative;
	float: left;
	text-align: left;
	line-height: 9pt;
	margin-top: 6px;
}

a.price
{
	color: #9e1111;
	font-family: "Arial";	
	text-decoration: none;
}

.top_villa
{
	position: relative;
	width: 100%;
	background: url("/images/top_villa_bg.png") no-repeat;
	background-position: center;
	height: 60px;
	margin-bottom: 10px;
}

.top_villa_img
{
	position: relative;
	float: left;
	width: 68px;
	height: 45px;
	margin-left: 10px;
}

.top_villa_price
{
	position: relative;
	float: left;
	width: 80px;
	height: 20px;
	margin-left: 10px;
	margin-top: 20px;
}

span.villa_price
{
	color: #9e1111;
	font-family: "Arial";
	font-weight: bold;
	font-size: 11pt;
}

span.villa_pricer
{
	color: #000000;
	font-family: "Arial";
	font-weight: none;
	font-size: 8pt;
}

.top_villa_period
{
	position: relative;
	float: left;
	width: 30px;
	height: 20px;
	line-height: 9pt;
	margin-top: 15px;
	margin-left: 10px;
}

#all_villas_button
{
	width: 108px;
	height: 28px;
	position: absolute;
	bottom: 0px;
	right: 10px;
}

.last_block
{
	position: relative;
	float: left;
	margin-right: 13px;
	height: 125px;
	width: 240px;
}

.last_block b
{
	font-size: 8pt;
}

.right_text
{
	position: relative;
	clear: both;
	width: 100%;
	text-align: right;
	margin-right: 10px;
}

.villa_image
{
	border: 2px solid white;
}

/***************************************
 * 
 * Results page
 * 
 **************************************/

.order_by
{
	position: absolute;
	top: 10px;
	right: 0px;
	width: 300px;
	height: 15px;
}

.results_villa
{
	position: relative;
	height: 120px;
	width: 100%;
	background: url("/images/results_villa_bg.png") no-repeat center right;
}

.results_villa_img
{
	position: relative;
	margin-left: 10px;
	float: left;
	width: 150px;
	margin-top: 10px;
	height: 110px;
}

.results_villa_desc
{
	position: relative;
	float: left;
	margin-top: 15px;
	width: 400px;
	height: 100%;
}

.results_villa_num_of_persons
{
	position: relative;
	float: left;
	width: 200px;
	height: 20px;
	font-weight: bold;
}

.results_villa_total_price
{
	position: relative;
	float: left;
	width: 200px;
	height: 20px;
	font-weight: bold;
}

.results_villa_price
{
	position: relative;
	float: left;
	margin-left: 10px;
	height: 50px;
	width: 140px;
}

.results_villa_price .price
{
	position: relative;
	float: left;
	font-weight: bold;
	text-align: center;
	width: 115px;
	margin-top: 30px;
}

span.large
{
	font-size: 17pt;
}

span.medium
{
	font-size: 16pt;
}

span.total_price
{
	font-size: 12pt;
}
.results_villa_period
{
	position: relative;
	float: left;
	width: 20px;
	height: 50px;
	font-weight: bold;
	margin-top: 20px;
}

div.results_block
{
	position: relative;
	margin-left: 30px;
	width: 730px;
	height: 180px;	

}


/***************************************
 * 
 * Info page
 * 
 **************************************/
.shortcut_icons
{
	position: absolute;
	right: 0px;
	top: 5px;
	width: 200px;
	height: 65px;
	text-align: left;
}

.shortcut_icons a
{
	text-decoration: none;
}
.grey_block
{
	position: relative;
	background: url("/images/grey_bg.png") no-repeat center;
	width: 100%;
	height: 190px;
}

div.accomodation_img
{
	position: relative;
	float: left;
	width: 350px;
	height: 170px;
}

div.accomodation_info
{
	position: relative;
	float: right;
	width: 400px;
	height: 170px;
}

div.labels
{
	margin-top: 15px;
	position: relative;
	float: left;
	width: 200px;
	height: 120px;
	font-weight: bold;
	line-height: 16px;
}

div.info
{
	margin-top: 15px;
	position: relative;
	float: left;
	width: 200px;
	height: 120px;
	font-weight: bold;
	line-height: 16px;
}

div.price_info
{
	clear: both;
	position: relative;
	float: left;
	width: 110px;
	height: 20px;
	font-weight: bold;	
	margin-top: 20px;
}

div.price_per_week
{
	position: relative;
	float: left;
	width: 20px;
	height: 30px;
	font-weight: bold;
	margin-top: 6px;
}

div.book_button
{
	position: relative;
	float: right;
	width: 120px;
	height: 30px;
	margin-top: 10px;
}

div.previous_villa a, div.next_villa a
{
	text-decoration: none;
}

div.previous_villa
{
	position: relative;
	width: 100px;
	text-align: left;
	float: left;
}

div.next_villa
{
	position: relative;
	width: 100px;
	text-align: right;
	float: right;
}


/***************************************
 * 
 * Map page
 * 
 **************************************/

#map
{
	position: relative;
	float: left;
	width: 500px;
	height: 500px;
}

#sidebar_map
{
	position: relative;
	float: left;
	width: 100px;
	height: 200px;
}


/***************************************
 * 
 * Price page
 * 
 **************************************/
.availability_calendar
{
	position: relative;
	float: left;
	width: 250px;	
	height: 170px;
	border-right: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	text-align: center;
	padding-top: 20px;
}

.availability_calendar table
{
	margin: auto;
}

.last_calendar
{
	border-right: none;
}

.step_header
{
	clear: both;
}

.previous_month
{
	position: relative;
	float: left;
	width: 200px;
	text-align: left;
	font-weight: bold;
	clear: left;
}

.next_month
{
	position: relative;
	float: right;
	width: 200px;
	text-align: right;
	font-weight: bold;
	clear: right;
}

.loader
{
	position: relative;
	float: left;
	width: 740px;
	text-align: center;
	height: 20px;
}


.directions
{
	cursor:	pointer;
	cursor:	hand;
}

.calendar_day
{
	cursor: pointer;
	cursor: hand;
}

#legenda
{
	position: relative;
	float: right;
	width: 400px;
	height: 20px;
}

table.price_overview th, table.price_overview td
{
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	text-align: center;
}

table.price_overview .last
{
	border-right: none;
}

/***************************************
 * 
 * Browse page
 * 
 **************************************/


table.list
{
	border: 0;
	width: 100%;
	border-collapse: collapse;
}

table.list th
{
	padding: 5px;
	font-weight: bold;
	text-align: left;
}

table.list td
{
	padding: 5px;
	border-top: 2px solid #e5e5e6;
	text-align: left;
}

table.list td.left
{
	text-align: left;
}

table.list tr.odd
{
	background-color: #d8d8d8;
}

table.list tr.even
{
	background-color: #ececec;
}

table.list tr.red_text, table.list tr.red_text a
{
	color: red;
}

table.list tr.over
{
	background-color: #ceedff;
	cursor: pointer;
	cursor: hand;
}

td.available_0
{
	background-color: #d61900;
	border: 1px solid white;
	width: 14px;
	text-align: center;
}

td.available_1
{
	background-color: #75c33f;	
	border: 1px solid white;
	width: 14px;
	text-align: center;
}

td.available_2
{
	background-color: #f1a605;	
	border: 1px solid white;
	width: 14px;
	text-align: center;
}

td.bookable_1
{
	background: #75c33f url("/images/available_bookable.png") no-repeat top left;
	width: 14px;
	border: 1px solid white;
	text-align: center;
}

td.bookable_2
{
	background: #f1a605 url("/images/available_bookable.png") no-repeat top left;
	width: 14px;
	border: 1px solid white;
	text-align: center;
}

td.highlighted_day
{
	background-color: #660000;
}

td.highlighted_day a
{
	font-weight: bold;
	color: white;
}

/***************************************
 * 
 * Favourite page
 * 
 **************************************/

.favourite_icons
{
	position: absolute;
	width: 15px;
	height: 15px;
	top: 0px;
	right: 0px;
}

.favourite_over
{
	background-color: #ffeec5;
	border: 1px dashed #ffba16;
}


.content_result
{
	position: relative;
	border-bottom: 1px dashed #011e45;
}

/***************************************
 * 
 * Booking page
 * 
 **************************************/

.step_header
{
	position: relative;
	height: 32px;
	width: 100%;
	background: url("/images/booking_bar_bg.png") repeat-x;
	padding-top: 5px;
}

.step_header span
{
	color: white;
	font-weight: normal;
	font-size: 15pt;
	margin-left: 5px;
	cursor: hand;
	cursor: pointer;
}

.booking_overview
{
	width: 100%;
}

.next_button, .final_button, .recalculate
{
	cursor: hand;
	cursor: pointer;
}

.booking_overview th
{
	font-size: 11pt;
	margin-bottom: 5px;
}

.booking_price
{
	border-top: 1px solid black;
}

/***************************************
 * 
 * Footer things
 * 
 **************************************/

div#footer, #footer2, #footer3
{
	margin: 0 auto;
	color: white;
	text-decoration: none;
	width: 950px;
	padding-bottom: 20px;
	padding-top: 20px;
	font-family: "Arial";
}

#footer a, #footer2 a, #footer3 a
{
	color: white;
	text-decoration: none;
	text-align: center;
	font-family: "Arial";
}

#footer a:hover, #footer2 a:hover, #footer3 a:hover
{
	text-decoration: underline;
}

div#footer
{
	border-bottom: 1px solid #494949;
	text-align: right;
}

div#footer2
{
	text-align: left;
}

div#footer3
{
	clear: both;
	border-top: 1px solid white;
}

div#footer2 h1, div#footer2 h2
{
	color: white;
}

span.footer_link
{
	display: inline;
	margin-left: 10px;
}

.footer_block
{
	position: relative;
	overflow: hidden;
	float: left;
	width: 300px;
	margin: 8px;
	height: 240px;
}

.footer_border
{
	border-bottom: 1px dashed white;
}

.footer_block ul
{
	padding-left: 15px;
	margin-left: 0;
}

.input_newsletter
{
	width: 186px;
	height: 17px;
	background:url('/images/input_white_bg.png') no-repeat left top;
	border: 0px;
	padding: 5px;
	color: #001c3a;
}

#newsletter_submit_button
{
	position: absolute;
	right: 70px;
	top: 137px;
	width: 21px;
	height: 21px;
}

.submit_button
{
	width: 21px;
	height: 21px;
	background:url('/images/submit_button_bg.png') no-repeat left top;
	border: 0px;
}

/***************************************
 * 
 * Action things
 * 
 **************************************/
div.action_ok, div.action_error {
margin-bottom:			10px;
width:					80%;
margin:					0 auto;
padding:				8px;
}

/* div in div specification to keep correct width of 100% */
div.action_ok div, div.action_error div {
padding:				10px 30px 10px 10px;
}

div.action_ok {
background-color:		#E3FFBF;
border:					2px solid #9AC45B;
}

div.action_error {
background-color:		#FFEFF0; /*#6F0707;*/
border:					2px solid #ff003a;
}

/* validation, wijkt iets af van voorgaande */
div.error { 
border:					1px solid #A80000;
background-color:		#FFEFF0;
background-position:	top left;
background-repeat:		no-repeat;
padding:				8px;
}

div.error ul {
	list-style-type:	square;
}

div.error h2 {
margin-top: 			0;
}

td.subok {
background-color:      #54ff00;
}

.empty_field {
font-weight: 			bold;
color:					#A80000;
}


/**********************************************************************************
SUBMENU
**********************************************************************************/
#submenu {
	margin-top: 10px;
	border-bottom: 2px solid #f0f1f4;
	height: 27px;
}

#submenu ul, #submenu li {
	margin: 0;
}

#submenu ul.mi {
	height: 27px;
	margin-right: 18px;
	float: right;
}

#submenu ul.mi li a {
	float:left;
	display: block;
	height: 22px;
	padding: 2px 12px;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
	text-decoration: none;
	font-size: 8pt;
    
    background-image: url('/images/back_tab.gif');
    background-position: left top;
    background-repeat: repeat-x;
}

#submenu ul.mi li a:hover {
    background-image: url('/images/back_tab_hover.gif');
    padding-top: 5px;
	padding-bottom: 3px;
	margin-top: -3px;
}

#submenu ul.mi li {
	float: left;
	display: block;
}

#submenu ul.mi img {
    vertical-align:middle;
    padding-right: 5px;
}

#submenu ul.mi li.selected a {
    background-image: url('/images/back_tab_sel.gif');
    background-color: #f0f1f4;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-top: -3px;
}

/**********************************************************************************
TOOLTIP
**********************************************************************************/


#tooltip.pretty {
	border: none;
	width: 210px;
	padding: 10px 15px;
	height: 80px;
	opacity: 0.8;
	background: url('/images/shadow.png');
}
#tooltip.pretty h3 {
	font-size: 9pt;
	font-weight: normal;
	width: 220px;
	text-align: left;
	
}
#tooltip.pretty div { width: 220px; text-align: left; }

button.boekbutton
{
   font-size:12px;
   font-family:Verdana,sans-serif;
   color:#FFFFFF;
   width:350px;
   height:29px;
   cursor: pointer;
   cursor: hand;
   background-color:#66CC33;
   background-image:url(http://www.vipholidays.nl/images/btn_boek.png);
   border-style:solid;
}