html, body { height: 100%; width: 100%; margin: 0px; padding: 0px; text-align: center; }
body, table, tr, td, pre {
font-family: arial, verdana, Helvetica, sans-serif;
font-size: 11px;
color: #3C3839;
padding: 0px;
vertical-align: top;
}
body { background-color: #E8E8E8; }
a { color: #1B1C20; }
a:active,
a:visited,
a:link { text-decoration: none; }
a:hover { text-decoration: underline; }
.header1,
h1 { font-size: 18px; padding: 0px; margin: 0px; font-weight: bold; padding-bottom: 10px; }
.header2,
h2 { font-size: 15px; padding: 0px; margin: 0px; font-weight: bold; }
.header3,
h3 { font-size: 12px; padding: 0px; margin: 0px; font-weight: bold; }
hr { height: 1px; color: #000; border: 0px; border-bottom: 1px solid #000; }
.header1, .header2, .header3 {
width: 100%;
display: block;
clear: both;
}
div#content .pb0 { padding-bottom: 0px; }
div#content .pb3 { padding-bottom: 3px; }
strong { font-size: 1.1em; }
img { border: 0px; }
form { padding: 0px; margin: 0px; }
button { cursor: pointer; font-weight: normal; }
.small { font-size: 11px; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.relative { position: relative; }
.scrollable { overflow-y: auto; }
.overflowHidden { overflow-y: hidden; }
.description { font-size: 9px; line-height: 12px; }
.orange { color: #ff6600; }
.height85 { height: 85px; }
.height100 { height: 100px; }
.pad5 { padding: 5px; }
.p10 { padding-top: 10px; }
div#main { background: #ffffff no-repeat top left; margin: 0 auto; text-align: left; width: 980px; padding: 0px; } /* 20px 20px 20px; }*/
div#mainContent { margin: 0 20px 10px 20px; }
div#header { height: 210px; background: #ffffff url(../images/header.jpg) top left no-repeat; margin-bottom: 10px; }
div#main div.headerSmall { height: 85px; }
div#header div#headerLeft { float: left; width: 300px; }
div#header div#headerContent { padding-top: 10px; }
div#header div#logo { float: left; width: 298px; height: 65px; padding-bottom: 8px; }
div#header div#promoText { float: left; width: 300px; height: 117px; background: url(../images/block.promo.png) top left no-repeat; }
div#header div#promoText div.container { padding: 10px; }
div#header div#promoText a { text-decoration: underline; }
div#header div#promoText span { font-family: "lucida grande","arial"; }
div#header div#search { float: right; width: 235px; height: 190px; background: transparent url(../images/block.search.gif) top left no-repeat; }
div#header div#headerContent div#search { background-image: url(../images/block.search.png); padding-top: 10px; }
div#menu { padding-bottom: 10px; height: 43px; }
p { margin: 0px; }
div.margin { height: 10px; font-size: 1px; line-height: 1px; }
div#sidebar div.title,
div#content div.title { height: 43px; background: #DFDFDF url(../images/thead.bg.gif) top left repeat-x; width: 100%; }
div#content div.title img { margin-top: 20px; margin-left: 15px; }
div#sidebar div.title .header1,
div#content div.title .header1,
div#content div.title h1,
div#content div.title span.title { font-size: 18px; padding-bottom: 0px; padding-top: 20px; padding-left: 15px; display: block; font-weight: normal; }
div#content div.title div.addthis_toolbox { padding-top: 20px;}
div#footerMenu { font-size: 11px; padding-top: 5px; }
div#footerMenu a { color: #FF6600; text-decoration: none; }
div#footerMenu a:hover { text-decoration: underline; }
div#footerMenu ul { list-style-type: none; margin: 0px; padding: 0px; }
div#footerMenu li { float: left; padding-right: 5px; padding-left: 5px; border-right: 1px solid #EA5317; }
div#footerMenu li.first { padding-left: 0px; }
div#footerMenu li.last,
div#footerMenu ul.dark li.last { border-right: 0px; padding-right: 0px; }
div#footerMenu ul.dark li { border-right: 1px solid #000000; }
div#footerMenu ul.dark li a { color: #000000; }
div#footerMenu li.backlinks { border: 0px; }
div#footerMenu li.backlinks a { color: #d0d0d0; }
/**
* Search block
*/
div#search div#searchTop { padding: 7px; padding-top: 0px; padding-right: 5px; }
div#search div#searchTop div.dateSelect { float: left; }
div#search div#searchTop a.datePicker { float: left; margin-left: 3px; margin-top: 2px; }
div#search div#searchTop a.showAll { color: #808183; font-size:9px; }
div#search div#searchTop div.dates { margin-top: 5px; padding-bottom: 10px; }
div#search div#searchTop td { color: #fff; }
div#search div#searchTop td.pad { font-size: 5px; line-height: 5px; }
div#search div#searchTop div.buttons { margin-top: 10px; }
div#search div#searchTop div.buttons button { width: 120px; }
div#search div#searchTop { color: #fff; }
div#search div#searchTop a.datePicker { border: 1px solid white; }
div#search div#searchTop select#book_persons,
div#search div#searchTop select#book_type,
div#search div#searchTop select#book_area { width: 145px; }
div#header div#search div#searchTop div.buttons { margin-top: 0px; }
div#header div#search div#searchTop div.buttons button { margin-bottom: 10px; }
div#header div#search div#searchTop a.showAll { color: #fff; font-size:11px; font-weight: bold; }
/**
* search by calendar
*/
div.apartmentCalendar { padding: 10px; }
/**
* Review module
*/
div#reviewComponent div.questionContainer { padding-bottom: 10px; }
div#reviewComponent div.question { padding: 10px; }
div#reviewComponent div.question div.text { font-size: 16px; padding-bottom: 10px; }
div#reviewComponent div.question div.rate { float: left; padding-left: 10px; padding-top: 5px; font-size: 16px; font-weight: bold; height: 30px; width: 30px; }
div#reviewComponent div.question div.rate10 { padding-left: 5px; }
div#reviewComponent div.question div.hover { background: transparent url(../images/circle_hover.png) no-repeat top left; cursor: pointer;}
div#reviewComponent div.question div.current { background: transparent url(../images/circle.png) no-repeat top left; }
div#reviewComponent div.question textarea { width: 600px; height: 100px; }
div#reviewComponent div.question textarea.new { font-style: italic; color: #aaa; }
div#reviewComponent table td { padding-left: 5px; }
div#reviewComponent table thead td { background-color: #333; color: #fff; }
div#reviewComponent table tr.odd td { background-color: #d0d0d0; }
/**
* Home module
*/
div#home { float: left; }
div#home div.homeBlock {
width: 220px;
float: left;
}
div#home div.homeBlock div.content { line-height: 18px; padding: 15px; background-color: #E6E6E7; }
div#home div#homeLeft { width: 460px; }
div#home div#homeLeft div.content { height: 420px; }
div#home div#homeMiddle div.content { height: 420px; }
div#home div#homeMiddle_gwo_2,
div#home div#homeMiddle { padding-left: 20px; width: 220px;}
div#home div#homeRight { padding-left: 20px; }
div#home div#homeMiddle div.calendar,
div#home div#homeMiddle div.location { width: 100%; }
div#home div#homeMiddle div.location { padding-bottom: 21px; }
div#home div#homeMiddle div.calendar div.header2 { padding-bottom: 0px; }
div#home div#homeMiddle div.calendar div.content { height: 156px; padding: 15px; }
div#home div#homeMiddle div.location div.content { height: 190px; padding: 5px; }
/*
div#home div#homeMiddle_gwo_2 div.calendar,
div#home div#homeMiddle_gwo_2 div.location { width: 100%; }
div#home div#homeMiddle_gwo_2 div.location { padding-bottom: 21px; }
div#home div#homeMiddle_gwo_2 div.calendar div.header2 { padding-bottom: 0px; }
div#home div#homeMiddle_gwo_2 div.calendar div.content { height: 156px; padding: 15px; }
div#home div#homeMiddle_gwo_2 div.location div.content { height: 190px; padding: 5px; }
*/
div#home div#searchTop { height: 145px; }
div#searchBottom { position: absolute; bottom: 15px; width: 234px; }
div#searchBottom a { float: left; color: #666; }
div#searchBottom button { float: right; }
div#home div#most_populair div.mpItemOdd,
div#home div#most_populair div.mpItemEven { height: 121px; padding: 15px 15px; }
div#home div#most_populair div.mpItemOdd { background-color: #e6e6e7; }
div#home div#most_populair div.mpItemEven { background-color: #dadadb; }
div#home div#most_populair div.mpImage { padding: 1px 0px 0px 2px; width: 190px; height: 120px; text-align: left; float: left; }
div#home div#most_populair div.mpImage img { border: 1px solid black; }
div#home div#most_populair div.mpTitle { font-size: 14px; font-weight: bold; }
div.mpRating { margin-bottom: 5px; height: 15px; }
div.mpRating span { font-weight: bold; font-size: 12px; float: left; margin-right: 5px; }
div.mpRating div { width: 14px; height: 13px; background: transparent url(../icons/rating.gif) no-repeat top left; float: left; margin-top: 0px; }
div.mpRating div.empty { background-position: top center; }
div.mpRating div.half { background-position: top right; }
div#home div#most_populair div.mpContent div.mpContent { line-height: 14px; height: 43px; margin-bottom: 7px; overflow-y: hidden; text-align: left; }
div#home div#most_populair div.mpPrice div.mpLeft { width: 115px; float: left; }
div#home div#most_populair div.mpPrice div.mpRight { width: 115px; float: right; text-align: right; }
div#home div#most_populair div.mpPrice .header2,
div#home div#most_populair div.mpPrice h2 { font-size: 14px; margin: 0px; padding: 0px; line-height: 15px; }
div#home div#most_populair div.mpPrice .header1,
div#home div#most_populair div.mpPrice h1 { font-size: 19px; margin: 0px; padding: 0px; line-height: 15px; }
div#home div#most_populair div.mpPrice a { color: #808183; text-decoration: underline; }
div#home div#homeSpecialOffers { background-color: #575757; color: #ffffff; }
div#home div#homeMailinglist { background: #ffffff url(../images/home.mailinglist.bg.gif) repeat-x top left; border: 1px solid #000; }
div#home div#homeMailinglist .header2,
div#home div#homeMailinglist h2 { font-size: 18px; color: #F7941E; }
div#home div#homeMailinglist input { width: 100px; }
input.small { width: 100px; }
div#content { float: left; width: 100%; }
div#blog div#content { width: 700px; padding: 0px; padding-top: 15px; }
div#contentComponent { width: 100%; }
div#contentComponent div#contentPhoto {
height: 135px;
background: transparent url(../images/content.photo.jpg) no-repeat top left;
}
div#contentComponent div.item { padding: 0px; }
div.itemContent { padding: 10px; line-height: 18px; }
div#contentComponent div.left { width: 590px; float: left; } /* background-color: #eee; }*/
div#contentComponent div.right { width: 200px; float: right; padding-right: 0px; }
div#contentComponent div.header { padding: 0 10px 10px 10px; background-color: #eee; margin-left: 10px; }
div#contentComponent div.header div.title { font-size: 22px; font-weight: bold; color: #F6A613; }
div#contentComponent div.header div.category a { font-size: 14px; font-weight: bold; color: #0086EA; }
div#contentComponent div.itemTitle { font-size: 14px; font-weight: bold; }
div#contentComponent div.content { margin: 10px; margin-top: 0px; background-color: #fff; padding: 10px; }
/**
* Apartment module
*/
div#apartment div#apartmentTop { float: left; }
div#apartment div#apartmentTop div.apartmentTopBlock {
width: 267px;
height: 186px;
background: #ffffff url(../images/home.bg.bottom.gradient.gif) repeat-y top right;
border-right: 1px solid white;
}
div#apartment div#apartmentTop div.apartmentTopBlock div.content { margin: 15px; margin-bottom: 0px; }
div#apartment div#apartmentTop div.apartmentTopBlock div.content td { line-height: 18px; }
div#apartment div#apartmentTop div.apartmentTopBlock div.content div#search { width: 100%; }
div#apartment div#apartmentTop div.apartmentTopBlock div.content div#search div#searchTop { padding-bottom: 35px; }
div#apartment div#apartmentTop div#apartmentTopRight { width: 531px; border-right: 0px; }
div#apartment div#apartmentTop div#apartmentTopImage {
width: 531px;
height: 167px;
background: transparent url(../images/search.photo.jpg) no-repeat bottom left;
}
div#apartment div#apartmentBottom { float: left; } /*background-color: #E6E6E7; }*/
div#apartment div#apartmentBottom div.apartmentBottomBlock { width: 240px; padding: 0px; float: left; background-color: #E6E6E7;}
div#apartment div#apartmentBottom td.white { background-color: #ffffff; }
div#apartment div#apartmentBottom div.wide { width: 100%; }
div#apartment div#apartmentBottom div.apartmentBottomBlock div.content { line-height: 18px; height: 150px; padding-left: 15px; padding-right: 15px; }
div#apartment div#apartmentBottom div.wide div.content { height: auto; padding: 10px 15px; }
div#apartment div#apartmentBottom div.apartmentBottomViews { /*width: 160px;*/ margin-left: 15px; float: left; }
div#apartment div#apartmentBottom div.apartmentBottomViews a { float: left; height: 21px; }
div#apartment div#apartmentBottom div.apartmentBottomViews a.info { width: 52px; background: transparent url(../images/search.view.gif) top left no-repeat; }
div#apartment div#apartmentBottom div.apartmentBottomViews a.location { width: 76px; background: transparent url(../images/search.view.gif) top right no-repeat; }
div#apartment div#apartmentBottom div.apartmentBottomViews a.info:active { background-position: bottom left; }
div#apartment div#apartmentBottom div.apartmentBottomViews a.location:active { background-position: bottom right; }
div#apartment div#apartmentBottom div.apartmentBottomViews span.selected a.info { background-position: left 50%; }
div#apartment div#apartmentBottom div.apartmentBottomViews span.selected a.location { background-position: right 50%; }
div#apartment div#apartmentBottom div.apartmentDateSelect { width: 510px; float: left; padding-left: 10px; }
div#apartment div#apartmentBottom div.apartmentDateSelect a.datePicker { float: right; margin-top: 2px; border: 1px solid white; }
/*div#apartment div#apartmentBottom div.apartmentBottomSort { height: 46px; background-color: #F67E1F;border: 0px; border-bottom: 1px solid #565656; line-height: 20px; text-align: right; color: #fff; padding-top: 5px;}
*/
div#apartment div#apartmentBottom div.apartmentBottomSort { height: 23px; background-color: #555;border: 0px; border-bottom: 1px solid #565656; line-height: 20px; text-align: right; color: #fff; padding-top: 5px;}
div#apartment div#apartmentBottom div.apartmentBottomSort td { color: #fff; }
div#apartment div#apartmentBottom div.apartmentBottomSort select#book_persons,
div#apartment div#apartmentBottom div.apartmentBottomSort select#book_area,
div#apartment div#apartmentBottom div.apartmentBottomSort select#book_type { width: 140px; height: 17px; }
div#apartment div#apartmentBottom div.apartmentBottomSort button { margin-left: 5px; }
/*div#apartment div#apartmentBottom div#apartmentBottomLeft div.apartmentBottomSort { border-right: 1px solid #FFAF02; }
*/
div#apartment div#apartmentBottom div#apartmentBottomLeft div.apartmentBottomSort { border-right: 1px solid #777; }
div#apartment div#apartmentBottom div#apartmentBottomRight div.apartmentBottomSort { padding-right: 15px; }
div#apartment div#apartmentBottom div#apartmentBottomRight div.apartmentBottomSort select { width: 90px; height: 17px; }
div#apartment div#apartmentBottom div#apartmentBottomLeft { width: 700px; }
div#apartment div#apartmentBottom div#apartmentBottomLeft div.content,
div#apartment div#apartmentBottom div#apartmentBottomLeft div.title { border-right: 1px solid #B3B3B5; }
div#apartment div#apartmentBottom div#apartmentBottomLeft div.apartmentBottomSort { text-align: left; }
div#apartment div#apartmentBottom div#apartmentBottomLeft div.content { padding-right: 0px; }
div#apartment div#apartmentBottom div#apartmentBottomRight div.content { padding-left: 0px; }
div#apartment div#apartmentBottom div#apartmentBottomLeft div.apartmentItem { padding-right: 10px; }
div#apartment div#apartmentBottom div#apartmentBottomRight div.apartmentItem { padding-left: 10px; }
div#apartment div#apartmentBottom div.apartmentItem { border-bottom: 1px solid #B3B3B5; height: 140px; padding-top: 10px; }
div#apartment div#apartmentBottom div#apartmentItemLeft { width: 160px; padding-bottom: 0px; padding-left: 2px; padding-top: 1px; float: left; background: transparent url(../images/img.border.thumb.gif) top left no-repeat; height: 125px; }
div#apartment div#apartmentBottom div#apartmentItemMiddle { width: 510px; float: left; height: 100px; line-height: 16px; }
div#apartment div#apartmentBottom div#apartmentItemMiddle h2 { padding-bottom: 15px; }
div#apartment div#apartmentBottom a.link { color: #555; text-decoration: underline; }
div#apartment div#apartmentBottom div#apartmentItemMiddleRight { width: 150px; float: left; height: 120px; text-align: right; }
div#apartment div#apartmentBottom div#apartmentItemRight { float: left; width: 100%; }
div#apartment div#apartmentBottom div#apartmentItemRight ul { list-style-type: none; height: 40px; margin: 0px; padding: 0px; }
div#apartment div#apartmentBottom div#apartmentItemRight li { line-height: 12px; }
div#apartment div#apartmentBottom div#apartmentItemRight div.apartmentInfo { position: relative; height: 125px; }
div#apartment div#apartmentBottom div#apartmentItemRight div.apartmentLinks { position: absolute; bottom: 0px; left: 0px; text-align: center; width: 100%; }
div#apartment div#apartmentBottom div.apartmentDiscountIcon { position: absolute; bottom: 0px; right: 0px; height: 80px; width: 60px; cursor: pointer; }
/*div#apartment div#apartmentBottom div#apartmentItemRight div.apartmentLinks a { color: #808183; text-decoration: underline; }*/
div#apartment div#apartmentBottom div.apartmentBottomBlock div.apartmentSearchLocation { padding-top: 15px; height: 420px; }
div#apartment div#apartmentBottom div#apartmentBottomRight div.apartmentSearchLocation { padding-top: 0px; }
div#apartment div#apartmentBottom div.apartmentSearchLocation { overflow-y: auto; overflow-x: hidden; }
div#apartment div#apartmentBottom div.apartmentSearchLocation div.apartmentItem { height: auto; cursor: pointer; padding: 15px; padding-right: 5px; }
div#apartment div#apartmentBottom div.apartmentSearchLocation div.hover { background-color: #A0A0A0; color: #fff; }
div#apartment div#apartmentBottom div.apartmentSearchLocation div.hover * { color: #fff; }
div#apartment div#apartmentBottom div.apartmentSearchLocation div.current { background-color: #A0A0A0; color: #fff; }
div#apartment div#apartmentBottom div.apartmentSearchLocation div.current * { color: #fff; }
div#apartment div#apartmentSearchCalendar div#apartmentBottom { background: transparent; }
div#apartment div#apartmentSearchCalendar div#apartmentBottom div.apartmentBottomBlock { background: transparent; }
div#apartment div#apartmentSearchCalendar div#apartmentBottom div#apartmentBottomLeft { background: #e6e6e7; }
div#apartment div#apartmentBottom div#apartmentItemMiddle h2.nopadding { padding-bottom: 0px; }
div#apartment div.white15 { height: 15px; width: 100%; background-color: #fff; }
div#apartment div.apartmentSpecials div#apartmentItemMiddle .header2,
div#apartment div.apartmentSpecials div#apartmentItemMiddle div.mpRating { margin-bottom: 0px; }
div#apartment div.apartmentSpecials div#apartmentItemMiddle div.description { font-size: 14px; padding-top:5px; }
div#apartment div.apartmentSpecials div#apartmentItemMiddle div.specialText { font-size: 12px; }
div#apartment div.apartmentDetailBlock { width: 220px; }
div#questionBlock div.content,
div#apartment div.apartmentDetailBlock div.content { line-height: 18px; padding: 15px; background-color: #E6E6E7; }
div#apartment div.apartmentDetailBlock div.buttons { width: 100%; }
div#apartment div.apartmentDetailBlock div.content ul { padding-top: 5px; margin-top: 0px; }
div#apartment div.apartmentDetailBlock div.content li { line-height: 15px; }
div#apartment ul.invisible { list-style: none; padding-left: 0px; }
div#apartment table#apartmentDetails ul { padding: 20px; margin: 0px; padding-top: 5px; }
div#apartment table#apartmentDetails li { list-style: none; height: 15px; padding: 0px; }
div#apartment div#apartmentDetailRight { float: right; }
div#apartment div#apartmentDetailQuestion,
div#apartment div#apartmentDetailLeft { width: 700px; float: left; }
div#apartment div#apartmentDetailQuestion input { width: 660px; }
div#apartment div#apartmentDetailQuestion input#question_name,
div#apartment div#apartmentDetailQuestion input#question_email { width: 310px; float: left; }
div#apartment div#apartmentDetailQuestion button { float: right; height: 28px; line-height: 28px; }
div#apartment div#apartmentDetailQuestion .unedit { font-style: italic; color: #aaa; }
div#apartment div#apartmentDetailQuestion textarea { height: 100px; width: 660px; }
div#apartment div#apartmentDetailQuestion { padding-top: 15px; }
div#apartment div#apartmentDetailLeft div.title { }
div#apartment div#apartmentDetailLeft div.contentLeft { width: 430px; float: left; }
div#apartment div#apartmentDetailLeft div.contentRight { width: 220px; float: right; }
div#apartment div#apartmentDetailTabsTabContainer { height: 43px; background: #C8C9CD url(../images/tab.bg.gif) repeat-x top left; }
div#apartment div#apartmentDetailTabsTabContainer div.tab {
float: left;
height: 43px;
cursor: pointer;
background-color: #FFFFFF;
background-position: top left;
text-align: center;
vertical-align: bottom;
}
div#apartment div#apartmentDetailTabsTabContainer div.text { float: right; height: 18px; padding-top: 25px; padding-right: 10px; }
div#apartment div#apartmentDetailTabsTabContainer div.line { float: left; background: transparent url(../images/menu.line.gif) top left no-repeat; width: 1px; height: 43px; }
div#apartment div#apartmentDetailTabsTabContainer div.tab span { display: none; }
div#apartment div#apartmentDetailTabsTabContainer div.hover { background-position: 50% top; }
div#apartment div#apartmentDetailTabsTabContainer div.current { background-position: top right; }
div#apartment div#apartmentDetailTabsTabContainer div#apartmentDetailTabsTab0 { background-image: url(../images/tab.description.jpg); width: 112px; }
div#apartment div#apartmentDetailTabsTabContainer div#apartmentDetailTabsTab1 { background-image: url(../images/tab.details.jpg); width: 73px; }
div#apartment div#apartmentDetailTabsTabContainer div#apartmentDetailTabsTab2 { background-image: url(../images/tab.availability.jpg); width: 110px; }
div#apartment div#apartmentDetailTabsTabContainer div#apartmentDetailTabsTab3 { background-image: url(../images/tab.reviews.jpg); width: 84px; }
div#apartment div#apartmentDetailTabsTabContainer div#apartmentDetailTabsTab4 { background-image: url(../images/tab.location.jpg); width: 86px; }
div#apartment div#apartmentDetailTabsTabContainer div#apartmentDetailTabsTab5 { background-image: url(../images/tab.photos.jpg); width: 73px; }
div#apartment div#apartmentDetailLeft div.apartmentDetailThumbs { overflow-y: auto; width: 130px; height: 333px; overflow-x: hidden; padding-right: 10px; float: left; }
div#apartment div#apartmentDetailLeft div.apartmentDetailThumbs div.thumbImage { padding: 1px 0px 0px 2px; background: transparent url(../images/img.border.mini.gif) top left no-repeat; width: 120px; height: 89px; text-align: left; text-align: center; }
div#apartment div#apartmentDetailLeft div.apartmentDetailImage { padding-bottom: 10px; float: left; padding-left: 2px; padding-top: 1px; background: transparent url(../images/img.border.big.gif) top left no-repeat; width: 510px; height: 333px; text-align: center; }
div#apartment div.apartmentOption { padding-bottom: 10px; }
div#apartment div.apartmentOption .header2,
div#apartment div.apartmentOption h2 { font-size: 12px; }
div#apartment div.apartmentOptionImage { float: left; width: 90px; }
div#apartment div.apartmentOptionInfo { float: left; width: 90px; margin-left: 5px; }
div#apartment div.apartmentOptionRating span { clear: both; width: 100%; font-size: 11px; line-height: 13px; font-weight: normal; }
div#apartment div.apartmentOptionPrice { font-size: 18px; margin: 0px; padding: 0px; }
div#apartment div.apartmentOption a.more { color: #808183; text-decoration: underline; line-height: 12px; }
div#home div#most_populair div.mpContent div.mpContent { line-height: 14px; height: 43px; margin-bottom: 7px; overflow-y: hidden; text-align: left; }
div#home div#most_populair div.mpPrice div.mpLeft { width: 115px; float: left; }
div#home div#most_populair div.mpPrice div.mpRight { width: 115px; float: right; text-align: right; }
div#home div#most_populair div.mpPrice .header2,
div#home div#most_populair div.mpPrice h2 { font-size: 14px; margin: 0px; padding: 0px; line-height: 15px; }
div#home div#most_populair div.mpPrice .header1,
div#home div#most_populair div.mpPrice h1 { font-size: 19px; margin: 0px; padding: 0px; line-height: 15px; }
div#home div#most_populair div.mpPrice a { color: #808183; text-decoration: underline; }
div#questionBlock div.content,
div#apartment div#apartmentDetailRight div.content { padding-bottom: 20px; }
div#apartment div#apartmentDetailRight div.content td { font-weight: bold; }
div#apartment div#apartmentDetailRight div.apartmentDetailImage { padding-bottom: 10px; float: left; padding-left: 2px; padding-top: 1px; background: transparent url(../images/img.border.normal.gif) top left no-repeat; width: 210px; }
div#apartment div.apartmentPhoto { width: 100px; height: 80px; text-align: center; float: left; margin-bottom: 10px; }
div#apartment div#apartmentPriceTotal div.price { font-size: 16px; font-weight: bold; }
div#apartment div#apartmentPriceTotal div.priceDiscount { font-size: 12px; }
div#apartment div#apartmentPriceTotal div.discount { font-size: 16px; font-weight: bold; }
div#apartment div#apartmentPriceTotal div.dates { margin-top: 5px; }
div#apartment div#apartmentPriceTotal div.dates span { font-weight: bold; }
div#apartment div#apartmentPriceTotal div.dates a { color: #777777;}
div#apartment div#apartmentPriceTotal div.dates a.orange { color: #7F410F;}
div#apartment div#apartmentPriceTotal span.small { font-size: 9px; line-height: 10px; }
.priceDiscount span.price { text-decoration: line-through; }
div#apartment div.odd { clear: both; }
div#apartment div.even { float: right; }
div#apartment div.apartmentDetailAvailable { border-top: 1px solid #565656; border-bottom: 1px solid #565656; padding-top: 10px; padding-bottom: 10px; }
div#apartment div.apartmentDetailAvailable div#dateDomainStart,
div#apartment div.apartmentDetailAvailable div#dateDomainEnd { background-color: #C6C7CB; }
div#apartment div.dateDomainSelect { float: left; }
div#apartment div#dateDomainEndSelect { float: right; width: 180px; text-align: right; }
div#apartment div.dateDomainSelect select.month { width: 80px; }
div#apartment div.apartmentDetailAvailableBook { float: right; margin-top: 10px; text-align: center; width: 100%; }
div#apartment span.apartmentDiscount,
div#apartment td.apartmentDiscount,
div#apartment .normal { background-color: #45B95A; color: #fff; }
div#apartment .apartmentSeasonLow { background-color: #75A98A; color: #3C7654; }
div#apartment .apartmentSeasonMid { background-color: #A8A974; } /*#C6C7CB; }*/
div#apartment .apartmentSeasonHigh { background-color: #7677A9; color: #3D3F76; }
div#apartment span.current,
div#apartment td.current { background-color: #fff; color: #4F4F4F; }
div#apartment td.realCurrent { background-color: #ff7; color: #4F4F4F; }
div#apartment td.select { background-color: #ddd; color: #4F4F4F; }
/*
div#apartment .apartmentSeasonLowWeekend { background-color: #75A98A; }
div#apartment .apartmentSeasonMidWeekend { background-color: #AAAAAA; }
div#apartment .apartmentSeasonHighWeekend { background-color: #7677A9; }
div#apartment td.currentWeekend { background-color: #8396AE; }
div#apartment .apartmentSeasonLow.select { background-color: #A0ADBD; }
div#apartment .apartmentSeasonMid.select { background-color: #A0ADBD; }
div#apartment .apartmentSeasonHigh.select { background-color: #A0ADBD; }
*/
div#apartment div.apartmentDetailAvailableLegenda { text-align: center; font-size: 10px; width: 100%; }
div#apartment div.apartmentDetailAvailableLegenda td { text-align: left; }
div#apartment div.apartmentDetailAvailableLegenda span.legendaItem { width: 12px; height: 14px; border: 1px solid black; display: block; text-align: center; font-size: 11px; font-weight: bold; }
div.imagePopupLarge { border: 1px solid black; }
div#apartment div#apartmentBook div.apartmentBookBlock { width: 220px; }
div#apartment div#apartmentBook div.apartmentBookBlock div.content { line-height: 18px; padding: 15px; position: relative; background-color: #E6E6E7; }
div#apartment div#apartmentBook div.apartmentBookBlock div.bigContent { height: 600px; }
div#apartment div#apartmentBook div#apartmentBookLeft { width: 700px;}
div#apartment div#apartmentBook div#apartmentBookLeft div.content { }
div#apartment div#apartmentBook div#apartmentBookLeft div.title { border-right: 1px solid white;}
div#apartment div#apartmentBook div#apartmentBookLeft div.apartmentDetailAvailableLegenda { margin-bottom: 10px; }
a#tacLink,
div#apartment div#apartmentBook div#apartmentDetailRight a { color: #777; }
div#apartment div#apartmentBook div#apartmentDetailRight a.orange { color: #7F410F; }
div#apartment div.title h1.selected { font-weight: bold; width: auto; float: left; clear: none; }
div#apartment div.title div.unselected { font-size: 16px; width: auto; float: left; clear: none;}
div#apartment div#apartmentBook label { font-weight: bold; line-height: 16px; font-size: 13px; }
div#apartment textarea,
div#apartment div#apartmentBook select,
div#apartment input { padding: 0px; margin: 0px; margin-bottom: 5px;}
div#apartment div#apartmentBook select { height: 20px; line-height: 16px; }
div#apartment input { height: 20px; font-size: 14px; line-height: 16px; font-size: 14px; padding: 3px 0px; }
div#apartment textarea { width: 370px; height: 100px; font-size: 12px; }
div#apartment input.checkbox { width: auto; height: 14px; }
div#apartment div#apartmentBook button.terug { position: absolute; bottom: 10px; left: 20px; }
div#apartment div#apartmentBook button.verder { position: absolute; bottom: 10px; right: 15px; }
div#apartment div#apartmentBook button.betalen { position: absolute; bottom: 10px; right: 15px; }
div#apartment tr.odd, div#apartment tr.even { height: 35px; }
div#apartment tr.odd td, div#apartment tr.even td { vertical-align: middle; }
div#apartment tr.odd { background-color: #f0f0f0; }
span.required { margin-left: 2px; color: #CE0808; font-size: 16px; display: block; float: left; padding-top: 0px; width: 8px;}
input { width: 250px; height: 22px; }
input#straat, input#street { width: 180px; }
input#huisnummer, input#street_nr { width: 30px; }
input#toevoeging, input#street_nr_add { width: 30px; }
input#postcode, input#zipcode { width: 100px; }
input#plaats, input#city { width: 144px; }
select#land, select#country { width: 250px; }
div#apartment div#apartmentBook input#gewicht { width: 50px; }
div#apartment div#apartmentBook span#carWeightMsg { color: #ff0000; font-size: 9px; }
div#apartment div#apartmentBook select#volwassenen,
div#apartment div#apartmentBook select#kinderen { width: 83px; }
div#apartment div#apartmentBook input#card_id { width: 50px; }
div#tacPopup div.popupContainer { width: 740px; }
div#tacPopup div.popupContent { height: 500px; overflow-y: scroll; }
div#CVCCID div.popupContainer { width: 500px; }
div#contactPopup div.popupContainer { width: 400px; }
div#contactPopup hr { color: #777; border-bottom: 1px solid #777; }
.error { color: #CE0808; font-weight: bold; }
label.validationError { color: #CE0808; }
input.validationError {
background-color: #ABB7C5; /* transparent url(../icons/validationError.gif) top right no-repeat; */
color: #000;
}
div.validationErrorMessage { margin-left: 5px; padding: 5px; background-color: #ABB7C5; color: #000; border: 1px solid #000; }
textarea { height: 60px; }
textarea,
input { border: 1px solid black; background-color: #F6F7F9; padding-left: 5px; padding-top: 0px; font-size: 11px; }
input.button { width: 150px; background-color: #CAD3DA; padding: 0px; margin-bottom: 5px; }
input.small { width: 100px; }
input.checkbox { width: auto; border: 0px; }
select { border: 1px solid #C8C9CD; background-color: #F6F7F9; padding-top: 0px; line-height: 10px; width: 120px; height:18px; font-size: 11px; margin-top: 2px;}
select.day { width: 40px; }
select.month { width: 50px; }
select.monthFull { width: 80px; }
select.year { width: 50px; }
select.hour { width: 40px; }
select.minute { width: 40px; }
div.center { margin: 0 auto; }
a.bigButton,
button.bigButton { background: transparent url(../images/button.big.bg.gif) repeat-x top left; height: 31px; border: 0px; color: #fff; font-family: verdana; font-weight: bold; font-size: 15px; padding: 0px; margin: 0px; padding: 5px; line-height: 31px; }
a.button,
button { background: transparent url(../images/button.bg.gif) repeat-x top left; height: 21px; border: 0px; color: #fff; font-family: verdana; font-size: 11px; padding: 0px; margin: 0px; padding-bottom: 5px; line-height: 21px; }
a.button { color: #ffffff; text-decoration: none; float: left; width: 75px; text-align: center; }
a.moreinfo { width: 110px; margin-right: 5px; }
button.back { background: transparent url(../images/button.bg.dark.gif) repeat-x top left; color: #c9c9c9; }
button.bigBack { background: transparent url(../images/button.big.bg.dark.gif) repeat-x top left; color: #c9c9c9; }
button.boek { background: transparent url(../images/button.boek.gif) no-repeat top left; width: 63px; height: 19px; border: 0px; }
button.meer { background: transparent url(../images/button.meer.gif) no-repeat top left; width: 63px; height: 19px; border: 0px; }
button.terug { background: transparent url(../images/button.terug.gif) no-repeat top left; width: 49px; height: 19px; border: 0px; }
button.verder { background: transparent url(../images/button.verder.gif) no-repeat top left; width: 50px; height: 18px; border: 0px; }
button.betalen { background: transparent url(../images/button.betalen.gif) no-repeat top left; width: 54px; height: 18px; border: 0px; }
a.button_white,
button.white { background-image: url(../images/button.bg.white.gif); color: #222; }
textarea.big { height: 100px; }
div.contentExtreme { float: left; margin-bottom: 10px; }
div.contentExtreme div.contentContainer { width: 100%; }
div.component div.contentFull,
div.component div.contentSemifull { width: 700px; float: left; margin-bottom: 10px; }
div.component div.contentLeft { float: left; width: 440px; margin-bottom: 10px; }
div.component div.contentRight { width: 210px; float: right; margin-bottom: 10px; }
div.component div.contentSemifull div.contentLeft { width: 420px; margin-bottom: 0px; }
div.component div.contentSemifull div.contentRight { width: 190px; margin-bottom: 0px; }
div.contentBlock { float: right; margin-bottom: 10px; width: 220px; }
div.contentBlock { overflow-x: hidden; }
div.contentBlock div.itemContent { padding: 15px; }
div.specialBlock { float: right; margin-bottom: 11px; width: 220px; height: 360px; }
div.specialBlock a { height: 105px; width: 220px; float: left; clear: both; }
div#questionBlock { float: right; margin-bottom: 11px; width: 220px; }
div#skypeIcon { background: transparent url(../images/skype.bal.png) no-repeat top left; width: 10px; height: 10px; }
a.questionButton { background: transparent url(../images/button.question.bg.png) no-repeat top left; width: 115px; height: 25px; display: block; color: #ffffff; text-align: center; font-size: 14px; padding-top: 3px; }
div.questionBgBelow,
div.questionBg { background: #e6e6e6 url(../images/contact.bg.gif) repeat-x top left; width: 100%; height: 33px; }
div.questionBgBelow { height: 70px; }
div.questionBgBelow div.cardsContainer,
div.questionBg div.phoneContainer { padding-left: 15px; padding-top: 3px; }
div.questionBgBelow div.cardsContainer { padding-top: 20px; }
div.questionBgBelow a { text-decoration: underline; padding-bottom: 5px; font-size: 12px; float: left; }
div.questionBg span { font-size: 17px; font-weight: bold; padding-top: 3px; float: left; }
div.block { background: #E9E9E9 url(/data/gradient/ffffff/e9e9e9/50/vertical.gif) repeat-x top left; margin-bottom: 10px; }
div.block div.container { border: 1px solid #D8DADC; }
/* General */
div.popup div.popupBackground { background-color: #666; }
div.popup div.popupContainer {
width: 235px;
height: 200px;
}
/* Header */
div.popup div.popupHeader {
background-color: #1B1C20;
height: 20px;
border: 1px solid #444444;
border-bottom: 0px;
padding-top: 2px;
padding-left: 5px;
color: #ffffff;
}
div.popup div.popupButtonsTop {
position: absolute;
top: 5px;
right: 5px;
}
div.popup div.popupButtonsTop a {
display: block;
float: left;
width: 16px;
height: 14px;
cursor: pointer;
background-position: top left;
background-repeat: no-repeat;
background-color: transparent;
}
div.popup div.popupButtonsTop a.down { background-position: top right; }
div.popup div.popupButtonsTop a.minimize { background-image: url(../icons/popup.button.top.minimize.gif); }
div.popup div.popupButtonsTop a.maximize { background-image: url(../icons/popup.button.top.maximize.gif); }
div.popup div.popupButtonsTop a.small { background-image: url(../icons/popup.button.top.small.gif); }
div.popup div.popupButtonsTop a.close { background-image: url(../icons/popup.button.top.close.gif); }
/* Content */
div.popup div.popupContent {
text-align: left;
border: 1px solid #444444;
background: #ffffff url(../images/home.bg.bottom.gradient.gif) repeat-y top right;
min-height: 100%;
padding: 10px;
overflow: hidden;
}
* html div.popup div.popupContent { height: 100%; }
/* Footer */
div.popup div.popupFooter {
border: 1px solid #444444;
border-top: 0px;
height: 17px;
background-color: #F0F0F0;
z-index: 100;
}
div.popup div.popupStatus {
height: 17px;
}
div.popup div.popupSizable {
background: #efefef url(../images/popup.size.gif) no-repeat top right;
float: right;
width: 15px;
height: 17px;
cursor: se-resize;
}
div#menu ul { list-style: none; padding: 0px; margin: 0px; height: 44px; float: left; }
div#menu ul li { display: inline; float: left; }
div#menu ul li { display: inline; float: left; }
div#menu ul.menu li.line { background: transparent url(../images/menu.line.gif) top left no-repeat; width: 1px; height: 43px; }
div#menu ul.menu li a { height: 43px; display: block; background-position: top left; background-repeat: no-repeat; }
div#menu ul.menu li a.current,
div#menu ul.menu li a:hover { background-position: 50% top; }
div#menu ul.menu li a.selected { background-position: right top; }
div#menu ul.menu li a#menu_home { background-image: url(../images/menu.home.jpg); width: 86px; }
div#menu ul.menu li a#menu_apartments { background-image: url(../images/menu.apartments.jpg); width: 122px; }
div#menu ul.menu li a#menu_calendar { background-image: url(../images/menu.calendar.jpg); width: 101px; }
div#menu ul.menu li a#menu_blog { background-image: url(../images/menu.blog.jpg); width: 80px; }
div#menu ul.menu li a#menu_aboutus { background-image: url(../images/menu.aboutus.jpg); width: 97px; }
div#menu ul.menu li a#menu_contact { background-image: url(../images/menu.contact.jpg); width: 114px; }
div#menu ul.menu li a#menu_faq { background-image: url(../images/menu.faq.jpg); width: 55px; }
div#menu ul.menu li.last { background: transparent url(../images/menu.bg.gif) top left repeat-x; width: 495px; }
div#menu div.phoneContact { float: right; height: 44px; }
div#menu div.phoneContact div.flags { float: right; width: 20px; padding-top: 3px; }
div#menu div.phoneContact div.numbers { float: right; width: 130px; font-weight: bold; font-size: 11px; font-family: verdana; line-height: 13px; }
div#menu div.phoneContact div.numbers div.left { height: 13px; }
div#menu div.contact { float: right; width: 220px; height: 44px; }
div#menu div.contact a.contact { display: block; background-position: top left; background-repeat: no-repeat; margin-top: 5px; background-image: url(../images/contact_gwo_2.jpg); width: 198px; height: 38px; }
div.calendar { float: left; width: 210px; margin-bottom: 5px; }
div.calendar table {
border-right: 1px solid #5C5B60;
border-bottom: 1px solid #5C5B60;
}
div.calendar thead td {
width: 25px;
height: 15px;
border-left: 1px solid #5C5B60;
border-top: 1px solid #5C5B60;
line-height: 20px;
padding: 0px;
margin: 0px;
color: #ffffff;
background-color: #5C5B60;
text-align: center;
}
div.calendar tbody td {
border-top: 1px solid #5C5B60;
border-left: 1px solid #5C5B60;
padding: 0px;
margin: 0px;
height: 17px;
line-height: 20px;
color: #4f4f4f;
background-color: #C6C7CB;
text-align: center;
}
div.calendar tfoot td {
border-top: 1px solid #5C5B60;
border-left: 1px solid #5C5B60;
}
div.calendar tfoot tr { border: 0px; }
div.calendar td.month { width: auto; color: #222222; padding: 0px; text-align: center; }
/*
div.calendar td.weekend { background-color: #AAAAAA; }
div.calendar td.disabled { color: #6f6f6f; text-decoration: line-through; }
div.calendar td.select { background-color: #A0ADBD; color: #ffffff; cursor: pointer; }
*/
div.calendar td.today { color: #fff; }
div.calendar td.disabled { color: #ccc; background-color: #AA2222; text-decoration: line-through; }
div.calendar td.lightDisabled { text-decoration: line-through; }
div.calendar tr.current td,
div.calendar td.current { background-color: #FFFFFF; /*EA781C;*/ color: #000000; }
div.calendar tr.select td,
div.calendar td.select { background-color: #DDD; cursor: pointer; }
div.calendar td.weekNr { background-color: #999999; color: #fff; }
div.calendar div.monthContainer { position: relative; clear: both; z-index: 150; }
div.calendar div.monthContainer div {
position: absolute;
z-index: 150;
background: transparent;
padding: 0px;
margin: 0px;
left: 0px;
top: -85px;
}
div.calendar div.monthContainer span {
width: 156px;
margin: 0px;
clear: both;
display: block;
color: #ffffff;
text-align: center;
background-color: #000000;
}
div.calendar div.monthContainer span.select { color: #000000; background-color: #ffffff; }
div.contentStyle { width: 50px; height: 50px; float: left; }
div.style01 { background: #ffffff; }
div.style02 { background: #e6e6e7; }
div.style03 { background: #575757; color: #ffffff; }
div.style04 { background: #ffffff url(../images/home.mailinglist.bg.gif) repeat-x top left; border: 1px solid #000; }
.header1,
h1 { font-size: 18px; padding: 0px; margin: 0px; font-weight: bold; padding-bottom: 10px; line-height: 20px; }
.header2,
h2 { font-size: 15px; padding: 0px; margin: 0px; font-weight: bold; padding-bottom: 10px; line-height: 20px; }
ul { padding: 0px; margin: 0px; padding-left: 15px; }
div.style01 .header1, div.style01 .header2,
div.style02 .header1, div.style02 .header2,
div.style03 .header1, div.style03 .header2,
div.style01 h1, div.style01 h2,
div.style02 h1, div.style02 h2,
div.style03 h1, div.style03 h2 { color: #3C3839; }
div.style04 .header1, div.style04 .header2,
div.style04 h1, div.style04 h2 { color: #F7941E; }
div.style04 .header2,
div.style04 h2 { font-size: 18px; }
div.header div.contact a,
div.header div.banner a,
div.header div.banner .header1,
div.header div.banner .header2,
div.header div.banner .header3,
div.header div.banner h1,
div.header div.banner h2,
div.header div.banner h3 { color: #ffffff; padding: 0px; margin: 0px; }
div.small { font-size: 9px; }