/* Styles used on search and offers pages */

@import url(weather.css);

body.search-search .two-columns,
body.search-offers .two-columns
{
	overflow: visible;
	padding-left: 0px;
}

#result-list
{
	padding-left: 8px;
}

#result-list li
{
	cursor: pointer;
	overflow: inherit;
	background-position: 0 100%;
}

#result-list li.hover
{
	background-color: #ddeffa;
}

body.search-search #result-list .info-box ul
{
	width: auto;
}
body.search-search #result-list .info-box ul li
{
	width: 188px;
	float: left;
}
body.search-search #result-list .price-box
{
	width: 121px;
}
#result-list .info-box ul li
{
	background: url(../images/bullet01.gif) no-repeat 0 5px;
}
.acco-name
{
	display: none;
}
.items-form .content-block
{
	padding-top: 8px;
}
.items-form .center-box li .heading li 
{
	background-image: url("http://s2.autovakanties.sunweb.nl.resources-webcontent.com/images/separator-04.gif");
}
/* Star rating */
.items-form .heading span.star-rating
{
	background-position: 0 -8px;
	text-indent: -9000px;
}

.items-form .heading span.star-rating-0
{
	width: 0px;
}

.items-form .heading span.star-rating-10
{
	width: 11px;
}

.items-form .heading span.star-rating-15
{
	width: 16px;
}

.items-form .heading span.star-rating-20
{
	width: 22px;
}

.items-form .heading span.star-rating-25
{
	width: 27px;
}

.items-form .heading span.star-rating-30
{
	width: 33px;
}

.items-form .heading span.star-rating-35
{
	width: 38px;
}

.items-form .heading span.star-rating-40
{
	width: 44px;
}

.items-form .heading span.star-rating-45
{
	width: 49px;
}

.items-form .heading span.star-rating-50
{
	width: 55px;
}
/* End star rating */


/* Sorting */
.items-form .sort-block a
{
	padding: 0 10px;
	background: url(../images/bullet-sort.gif) no-repeat right 4px;
	display: block;
}
.items-form .sort-block a.disabled
{
	cursor: default;	
}

.items-form .sort-block a.sort_active_up
{
	text-decoration: none;
	font-weight: bold;
	background: url(../images/bullet-sorted-up.gif) no-repeat right 6px;
}
.items-form .sort-block a.sort_active_down
{
	text-decoration: none;
	font-weight: bold;
	background: url(../images/bullet-sorted.gif) no-repeat right 6px;
}
/* End sorting */


/* Pagination */
.paginationbottom
{
	display: none;
}

.paging a.disabled
{
	visibility: hidden;
}
.paging-box
{
	margin-left: -10px;
}
/* End Pagination */

/* Last viewed date */
.items-form .img-holder .views
{
	display: block;
	bottom: 3px;
}
/* End last viewed date */

/* Compare */
div.compare
{
	width: 29px;
	height: 15px;
	margin: 62px 0 0 -13px;
	padding: 0;
	float: left;
	position:relative;
	z-index: 15;
}
div.compare .compareCheck {
	float:left;
	width:24px !important;
	height:25px;
	overflow: hidden;
	background: url(../images/bg-checkbox.gif) no-repeat 0 -25px;
}
div.compare .compareCheck.checked 
{
	background-position: 0 0;
}
/* End compare */

/* Offers */
body.search-offers .items-form .content-block
{
	width: 325px;
}
.info-block-col-1
{
	float: left;
}
.info-block-col-2 .price-box
{
	padding-top: 0px;
}
.rating-box span
{
	color: #333333;
	font-size: 12px;
	float: left;
	line-height: 18px;
}
.rating-box .mark
{
	color: #ff2200;
	font-size: 20px;
	font-weight: bold;
	float: left;
	text-indent: 5px;
	line-height: 18px;
}
.departure-prices
{
	width: 155px;
	float: right;
	padding-top: 12px;
	font-size: 10px;
}
.departuredate
{
	color: #ff2200;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
}
.departure-prices .host-type
{
	padding-top: 5px;
	display: block;
}
.vacation-length
{
	font-size: 10px;
	font-weight: bold;
	display: block;
}
.departure-prices .all
{
	color: #ff2200;
	text-decoration: none;
}
.departure-prices .all span
{
	color: #1754B5;
}
.departure-prices .all:hover span
{
	text-decoration: underline;
}
/* End offers */
.sub-nav
{	
	height: 1%;
	overflow: hidden;
	margin: -4px 0 10px 5px;
	padding: 0px;
	list-style: none;
	background: url(../images/bg-items-list.gif) repeat-x 0 100%;
	
}
.sub-nav li
{
	float: left;
	margin-left: -1px;
	background: url(../images/separator-grey02.gif) no-repeat;
	padding: 0 10px 6px 11px;
	font-size: 10px;
	line-height: 13px;
}
.sub-nav li a
{
	text-decoration: underline;
	color: #555555;
}
.sub-nav li.selected a,
.sub-nav li.selected a:hover
{
	font-weight: bold;
	text-decoration: none;
	cursor: default;
}
.sub-nav li a:hover
{
	text-decoration: underline;
}
.search-search .info
{
	width: 515px;
}
.search-search .aside
{
	width: 225px;
	padding: 0px;
}
.aside h4
{
	color: #555555;
}
.info-holder .text-holder
{
	width: auto;
}
.city-info .text-holder
{
	width: 265px;
}
.navigation-refine
{
	padding: 2px;
	border: solid 1px #ffffff;
	width: 170px;
}
#btnHighlight
{
	background-color: #fffbc3;
	padding: 0px 5px;
	margin-left: -5px;
}
#btnTipOccupancy
{
	cursor: pointer;
}
#sidebar .items-list
{
	padding-left: 2px;
	position: relative;
}
#sidebar .items-list li 
{
	color: #777777;
}
#sidebar .remove-link
{
	position: absolute;
	right: 0px;
}
#sidebar a.remove
{
	color: #ff2200;
}
.child-discount
{
	color: #ff2200;
	font-weight: bold;
}
.important-usp
{
	font-weight: bold;
}
.important-orange-usp
{
	color: #ff2200;
	font-weight: bold;
}
/* styles for calendar */
input.calendar-input
{
	border: none; 
	color: #1754B5;
	background-color: transparent;
	float: left;
	cursor: pointer;
	width: 116px;
	font: 10px/15px Verdana,Arial,sans-serif;
}
input.calendar-input:hover
{
	text-decoration: underline;
}
.calendar-input-hidden
{
	visibility:hidden;
	position:absolute;
}

img.ui-datepicker-trigger
{
	cursor: pointer;
	margin-top: 1px;
}
button.ui-datepicker-current
{
	display: none;
}

#ui-datepicker-div
{
	background-color:#fff;
	border:solid 1px #ccc;
	z-index: 20;
	display: none;
	padding: 10px;
	width: 17em;
}
.ui-datepicker-cover {
	display: block;
	z-index: -1;
	filter: mask();
	left: -4px;
	width: 200px;
	position: absolute;
	top: -4px;
	height: 200px
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi 
{ 
	width:auto; 
}
.ui-datepicker-multi .ui-datepicker-group 
{ 
	float:left; 
}
.ui-datepicker-multi .ui-datepicker-group table 
{ 
	width:95%; 
	margin:0 auto .4em; 
}
.ui-datepicker-multi-2 .ui-datepicker-group 
{ 
	width:50%; 
}
.ui-datepicker-multi-3 .ui-datepicker-group 
{ 
	width:33.3%; 
}
.ui-datepicker-multi-4 .ui-datepicker-group 
{ 
	width:25%; 
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header 
{ 
	border-left-width:0; 
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header 
{ 
	border-left-width:0; 
}
.ui-datepicker .ui-datepicker-buttonpane 
{ 
	clear:left; 
	background: transparent url("http://s2.autovakanties.sunweb.nl.resources-webcontent.com/images/lightbox/lightbox-t-l.png") no-repeat left top;
	height: 31px;
	padding-left: 5px;
}
.ui-datepicker .ui-datepicker-buttonpane-content
{
	background: transparent url("http://s2.autovakanties.sunweb.nl.resources-webcontent.com/images/lightbox/lightbox-t-r.png") no-repeat right top;
	height: 31px;
	margin-left: 5px;
}
.ui-datepicker-row-break 
{ 
	clear:both; 
	width:100%; 
}
/* end with multiple calendars */

.ui-datepicker-group-middle select.ui-datepicker-month
{
	position: absolute;
	top: 18px;
	left: 45px;
}

.ui-datepicker-buttonpane
{
	background-color:#ffffff;
	position: absolute;
	width: 100%;
	top: -7px;
	left: -1px;
	font-size: 11px;
	padding: 0;
}
.ui-datepicker-close
{
	color: #555555;
	float: right;
	cursor: pointer;
	font-size: 11px;
	background: transparent;
	border: none;
	padding: 8px 10px 0 0;
}
.ui-datepicker-title
{
	text-align: center;
	margin: 0px 0px 5px 8px;
	height: 20px;
}
.ui-datepicker-title select
{
	height: 20px;
}
.ui-datepicker-title span
{
	margin-top: 1px;
	color: #555555;
	font-weight: bold;
}
.ui-datepicker-title-text
{
	color: #555555;
	font-weight: bold;
	padding-top: 8px;
	float: left;
}
.ui-datepicker .ui-datepicker-prev
{
	left: 0px;
}
.ui-datepicker .ui-datepicker-next
{
	right: 0px;
}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next
{
	position: absolute;
	top: 25px;
	padding: 3px;
	color: #555555;
	cursor: pointer;
}
.ui-datepicker-multi .ui-datepicker-prev, 
.ui-datepicker-multi .ui-datepicker-next
{
	top: 18px;
}
.ui-datepicker .ui-datepicker-prev span, 
.ui-datepicker .ui-datepicker-next span
{
	font-weight: bold;
}
.ui-datepicker-header
{
	margin-top: 25px;
}
.ui-datepicker-multi .ui-datepicker-header
{
	margin-top: 40px;
}

.ui-datepicker .ui-datepicker-prev.ui-state-disabled,
.ui-datepicker .ui-datepicker-next.ui-state-disabled,
.ui-datepicker .ui-datepicker-prev.ui-state-disabled:hover,
.ui-datepicker .ui-datepicker-next.ui-state-disabled:hover
{
	opacity: 0.35;
	filter: alpha(opacity=35); 
	text-decoration: none;
}
.ui-datepicker .ui-state-disabled span
{
	cursor: default;
	text-decoration: none;
	font-weight: normal;
}

table.ui-datepicker-calendar {
	background: #fff;
    margin-top: 5px;
    border-collapse: collapse;
    width: 100%;
}
table.ui-datepicker-calendar th {
	color: #555555;
	padding: 0px 0px 0px 0px;
	line-height:12px;
	font-size: 10px;
}
table.ui-datepicker-calendar th span
{
	font-weight: normal;
}
table.ui-datepicker-calendar td {
	background: #fff7ca;
	color: #555555;
	padding: 2px 0px;
	text-align: center;
	border-top: solid 5px #ffffff;
	border-bottom: solid 5px #ffffff;
}
table.ui-datepicker-calendar td span
{
	text-decoration: none;
}
table.ui-datepicker-calendar td a
{
	text-decoration: none;
	color: #555555;
}
table.ui-datepicker-calendar td a:hover
{
	color: #ffc22d;
	text-decoration: underline;
}
table.ui-datepicker-calendar td.ui-datepicker-week-col
{
	background: #fff;
	border: none;
	font-size: 10px;
	font-weight: bold;
}
table.ui-datepicker-calendar td.disabled
{
	color: #cccccc;
}
table.ui-datepicker-calendar td.selected a
{
	color: #ffc22d;
}
table.ui-datepicker-calendar td.click a
{
	color: #555;
	border: 1px solid #ffc22d;
	display: block;
	text-align: center;
	background: #ffffff;
}
.ui-datepicker-group
{
	position: relative;
}
/* end styles for calendar */
/* Location hover tooltip */
.randombox 
{
	width:450px;
	float:left;	
}
.randombox ul
{
	margin: 10px 0 0;
	padding: 0 0 0 2px;
	list-style: none;
	width: 170px;
}
.randombox ul li 
{
	padding: 0 0 2px 12px;
	background: url(../images/bullet-check02.gif) no-repeat 0 5px;
	width: 170px;
}
#randombox-content 
{
	background:url("http://s1.autovakanties.sunweb.nl.resources-webcontent.com/images/locations-info/result-properties-bg.jpg") no-repeat scroll right top transparent;
	height:180px;
	padding:10px;
	width:428px;
}
#randombox-content .pricetag {
	background:transparent url(../images/bg-price-badge.png) no-repeat;
	position:absolute;
	top:30px;
	right:194px;
	width:75px;
	height:75px;
	color:#fff;
	text-align:center;
	font-size:10px;
	padding-top:15px;
}
#randombox-content .pricetag .price {
	font-size:16px;
	font-weight:normal;
	display:block;
	line-height:25px;
}
.list-rounded {
	border:1px solid #ccc;
	color:#333;
	font-size:10px;
	margin-bottom:9px;
	position:relative;
	width:168px;
}
/* End location hover tooltip */

.items-form .heading ul
{
	color: #555555;
}
.departuredate-selector
{
	margin-bottom: 10px;
	padding-top: 1px;
	position: relative;
}
.departuredate-selector .seldate
{
	padding-left: 2px;
}
.departuredate-selector .remove-link
{
	top: 0px;
}
#sidebar .border
{
	position: relative;
}
.airport-info
{
	position: absolute;
	right: 0px;
	font-weight: normal;
	font-size: 10px;
}
.white-box-content dd
{
	width: 315px;
}

#result-properties-no-offers .white-box-block 
{
	height:1%;
	margin-bottom:50px;
	overflow:hidden;
	padding:7px 0 0 10px;
	position:relative;
	z-index:1;
}
.white-box .remove,
.white-box .ndp a
{
	color: #ff2200;
}
#sidebar .remove-hover,
.white-box .remove-hover 
{
	text-decoration: line-through;
}
#sidebar .remove-hover a.remove
{
	text-decoration: none;
}
.white-box .ndp a,
.white-box .remove-link a.remove
{
	text-decoration: none;
}
.items-form .top-box {
	background:url("http://s2.autovakanties.sunweb.nl.resources-webcontent.com/images/bg-top-box-dots.gif") no-repeat scroll 0 0 #E8E8E8;
}
.empty-top-box
{
	
}

#jHelperTipContainer
{
	background-color:#fff;
	border:solid 1px #ccc;
	z-index: 20;
}

.one-item
{
	background: 6px 0 transparent !important; 
	list-style:none outside none;
	margin:0;
	padding:0;
}
.select-holder span
{
	margin-top: 0px;
	padding-bottom: 0px;
}
.intro-block
{
	position: absolute;
	bottom: 0px;
	font-size: 10px;	
}
.img-holder h1
{
	color:#FF2200;
	font:18px/27px Verdana,Arial,sans-serif;
	margin:0 0 4px;
}
/* Miniski */
#result-properties.miniski
{
	overflow: hidden;
}
.miniski-block 
{
	float:right;
	width:270px;
	background:#fff url(../images/bg-miniski-t.png) no-repeat;
	margin:5px 0 15px;
	position:relative;
}
.midweek-block 
{
	background-image:url(../images/bg-midweek-t.png);
}
.miniski-block .item-heading 
{
	font-size:14px;
	color:#444;
	font-weight:bold;
	padding-bottom:3px;
}
.miniski-block .content
{
	font-size:11px;
	padding:10px 15px 10px 15px;
	width:210px;
	line-height:normal;
	color:#444;
	position:relative;
	z-index:10;
	float: none;
	margin: 0;
	overflow: hidden;
	background:transparent url(../images/bg-miniski-b.png) no-repeat bottom;
	height: 185px;
}
.miniski-block .more-text
{
	display:none;
}
.more-text p 
{
	margin-bottom:0;
}
ul.miniski-usp-texts 
{
	margin:10px 0 5px 0px;
	list-style:none;
	padding:0;
}
ul.miniski-usp-texts li 
{
	width:auto;	
	font-size:10px;
	color:#444;
	background-position: 0 100%;
	background: url(../images/bullet01.gif) no-repeat 0 5px;
	padding: 0 0 2px 7px;	
}
.more-text ul.usp-texts li
{
	width:auto;
	color:#555;
}
.items-form .content-block
{
	position: relative;
}
.items-form .content-block img.miniski-logo
{
	position: absolute;
	top: 2px;
	right: -25px;
}
/* End miniski */
.price-box .unit-type,
.departure-prices .unit-type
{
	color: #390;
}