/*
** Body
*/
html, body {
height: 100%;
}
body {
margin: 0;
padding: 0;
font-size: 0.9em;
background: url(/images/bg.png) repeat-x #F2F8ED;
font-family: Arial, Helvetica, sans-serif;
}
#popup_overlay {
background-color: #404040;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 500px;
}
/*
** Reset
*/
h1, h2, h3 {
margin: 0;
padding: 0;
}
ul, li {
margin: 0;
padding: 0;
}
img {
border: none;
}
.clear {
clear: both;
}
a {
color: #555;
}
form {
margin: 0;
}
.hidden {
display: none;
}
/*
** Top
*/
div#top {
background: url(../images/header_bg.png) repeat-x;
height: 45px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
div#top ul {
position: absolute;
right: 25px;
top: 5px;
}
div#top ul li {
position: relative;
display: inline;
float: left;
padding: 10px 10px 0px 0px;
}
div#top ul li.toptabsSmallLogo {
padding-top: 0px;
}
div#top ul li a {
color: #FF9D40;
text-decoration: none;
}
div#top ul li a:hover, div#top ul li a.active {
color: #FF9D40;
}
div#top ul li a.lang {
width: 16px;
height: 11px;
float: left;
}
div#top ul li a.lang span {
display: none;
}
div#top ul li a.nl {
background: url(../images/lang_nl.gif) no-repeat;
}
div#top ul li a.de {
background: url(../images/lang_de.gif) no-repeat;
}
div#top ul li a.en {
background: url(../images/lang_en.gif) no-repeat;
}
div#top ul li a.fr {
background: url(../images/lang_fr.gif) no-repeat;
}
/*
** Container
*/
div#overall_container {
position: relative;
min-height: 100%;
height:auto !important;
height:100%;
width: 955px;
background: url(../images/container_bg.png) repeat-y;
margin: auto;
}
div#container {
background-color: #FFF;
margin: 0 15px;
position: relative;
width: 924px;
}
/*
** Overall
*/
div#content ul.greendot li, div#content ul li.greendot {
margin: 0;
padding-left: 15px;
line-height: 160%;
list-style: none;
color: #747474;
background: url(../images/green_dot.gif) 0px 5px no-repeat;
}
a.previous {
padding-left: 15px;
background: url(../images/arrow_left.gif) left no-repeat;
}
a.next {
padding-right: 15px;
background: url(../images/arrow_right.gif) right no-repeat;
}
/*
** Menu top
*/
div#menu_top {
background: url(../images/menu_top/menu_bg.png) no-repeat;
height: 37px;
}
div#menu_top ul {
margin-left: 20px;
}
div#menu_top ul li {
color: #FFFFFF;
float: left;
margin: 0 8px 0 4px;
padding-top: 5px;
list-style: none;
white-space: nowrap;
}
div#menu_top ul li div.button {
height: 32px;
}
div#menu_top ul li div.button div.left,
div#menu_top ul li div.button div.center,
div#menu_top ul li div.button div.right {
display: inline;
float: left;
height: 32px;
}
div#menu_top ul li div.button div.left {
background: url(../images/menu_top/active_bg_left.png) no-repeat;
width: 10px;
}
div#menu_top ul li div.button div.center {
background: url(../images/menu_top/active_bg_right.png) no-repeat;
}
div#menu_top ul li div.button div.right {
background: url(../images/menu_top/active_bg_right.png) right top no-repeat;
width: 10px;
}
div#menu_top a {
font-size: 15px;
color: #FFFFFF;
display: block;
padding: 8px 5px;
text-decoration: underline;
}
div#menu_top a.active {
font-weight: bold;
}
div#menu_top a.active span {
text-decoration: none;
}
/*
** Logo
*/
h1#logo_en a, h1#logo_fr a, h1#logo_de a, h1#logo_nl a {
display: block;
height: 150px;
width: 260px;
}
h1#logo_en a span, h1#logo_fr a span, h1#logo_de a span, h1#logo_nl a span {
display: none;
}
h1.logo {
position: relative;
}
/* SGR logo */
div#sgr_top_logo {
position: absolute;
margin-left: 840px;
margin-top: -100px;
cursor: pointer;
background-image: url('/images/icons/sgr_logo_small.png');
width: 75px;
height: 68px;
}
/*
** Content
*/
div#content {
position: relative;
padding-top: 18px;
}
/*
** Left
*/
div#content div#left {
width: 230px;
float: left;
padding-left: 25px;
}
div#content div#left a {
color: #747474;
text-decoration: none;
}
div#content div#left a:hover {
text-decoration: underline;
}
div#content div#left ul.nav li {
background: url(../images/menu_left_bg.png) no-repeat;
list-style: none;
width: 210px;
}
div#content div#left ul.nav li.first {
background: url(../images/menu_left_top_bg.png) no-repeat;
padding-top: 6px;
}
div#content div#left ul.nav li.first.active {
background: url(../images/menu_left_active_top_bg.png) no-repeat;
}
div#content div#left ul.nav li.last {
background: url(../images/menu_left_bottom_bg.png) no-repeat;
padding-bottom: 5px;
margin-bottom: 15px;
}
div#content div#left ul.nav li.active {
height: 194px;
background: url(../images/menu_left_active_bg.png);
}
div#content div#left ul.nav li.active div {
margin: 0 6px;
width: 199px;
height: 156px;
}
div#content div#left ul.nav li a {
display: block;
width: 170px;
font-size: 17px;
color: #747474;
text-decoration: none;
padding: 10px 20px;
background: url(../images/arrow_left_gray.gif) no-repeat right;
}
div#content div#left ul.nav li a:hover, div#content div#left ul.nav li.active a {
color: #348A6F;
background: url(../images/arrow_left_green.gif) no-repeat right;
}
div#content div#left div.box div.top {
background: url(../images/left_top_bg.png) bottom left no-repeat;
height: 10px;
}
div#content div#left div.box div.content {
background: url(/images/left_bg.png) repeat-y;
padding: 10px 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
div#content div#left div.box div.content h3 {
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
}
div#content div#left div.box div.content img.small {
background: url(../images/images_small_bg.gif) no-repeat;
padding: 5px;
}
div#content div#left div.box div.content div.left {
float: left;
width: 90px;
}
div#content div#left div.box div.content div.right {
float: left;
width: 90px;
text-align: right;
}
div#content div#left div.box div.content div.right a {
padding-right: 15px;
background: url(../images/arrow_right.gif) right no-repeat;
}
div#content div#left div.bottom {
background: url(../images/menu_left_bottom_bg.png) bottom left no-repeat;
height: 10px;
}
div#content div#left div.search input {
width: 160px;
font-size: 10px;
padding: 2px;
margin: 0;
}
div#content div#left div.search input.submit {
background: url(../images/button_largest.gif) no-repeat;
border: 0;
height: 30px;
width: 75px;
color: #FFF;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
padding-left: 5px;
margin: 5px 0 0 95px;
cursor: pointer;
}
/*
** search_left
*/
div#content div#left div#search_left ul.search a {
color: #747474;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
padding-left: 15px;
background: url(../images/checkbox.gif) left no-repeat;
}
div#content div#left div#search_left ul.search a:hover {
color: #000;
}
div#content div#left div#search_left ul.search a.finch {
background: url(../images/checkbox_on.gif) left no-repeat;
color: #000;
font-weight: bold;
}
div#content div#left div#search_left ul.search li {
font-size: 16px;
list-style: none;
}
div#content div#left div#search_left.bg ul.search li {
background: url(../images/left_bg.png) repeat-y;
}
div#content div#left div#search_left ul.search li ul {
margin-bottom: 10px;
line-height: 140%;
}
div#content div#left div#search_left ul.search li ul li {
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
padding-left: 20px;
}
div#content div#left div#search_left ul.search li ul li ul li {
padding: 0;
}
div#content div#left div#search_left ul.search li.first {
display: block;
padding: 0;
background: url(../images/left/search_bg_top.png) top left no-repeat;
}
div#content div#left div#search_left ul.search a.back {
display: block;
width: 145px;
height: 15px;
padding: 17px 15px 13px 15px;
margin-left: 20px;
color: #000;
border-bottom: 1px solid #CCC;
background: url(../images/left/arrow_home.gif) left no-repeat;
}
div#content div#left div#search_left ul.search a.back.last {
border-bottom: none;
}
div#content div#left div#search_left ul.search li.refine {
background: url(../images/left_bg.png) repeat-y;
padding-bottom: 5px;
}
/*
div#content div#left div#search_left ul.search li.refine span {
background: url(../images/left/search_refine_bg.gif) no-repeat;
height: 40px;
padding: 10px 20px;
display: block;
}
*/
div#content div#left div#search_left ul.search li.refine span {
padding: 33px 20px 10px 20px;
display: block;
}
div#content div#left div.content p {
margin: 0;
padding: 7px 0;
}
div#content div#left div.hr {
height: 5px;
font-size: 0;
background: url(../images/left/hr.gif) no-repeat;
}
/*
** Bookinginformation
*/
div#content div#left div.content.bookinginformation {
color: #747474;
line-height: 160%;
padding-top: 0 !important;
}
div#content div#left div.content.bookinginformation p {
padding-top: 0 !important;
}
div#content div#left div.content.bookinginformation strong {
color: #000;
}
div#content div#left div.content.bookinginformation dl {
border-top: 1px solid #D1D1D1;
width: 185px;
margin: 0;
color: #555;
padding: 5px 0;
}
div#content div#left div.content.bookinginformation dl.bold {
font-weight: bold;
color: #000;
}
div#content div#left div.content.bookinginformation dl dt {
float: left;
width: 125px;
}
div#content div#left div.content.bookinginformation dl dd {
text-align: right;
}
/*
** Right
*/
div#content div#right {
position: relative;
float: left;
width: 648px;
}
/*
** bookingstatus
*/
div#content div#right div#bookingstatus {
height: 80px;
}
div#content div#right div#bookingstatus div.content {
position: absolute;
background: url(../images/bookingstatus/bookingstatus_bg.gif) no-repeat;
width: 678px;
height: 64px;
left: -13px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #555;
}
div#content div#right div#bookingstatus div.content ul li {
float: left;
display: block;
padding-top: 22px;
margin-left: 22px;
height: 64px;
}
div#content div#right div#bookingstatus div.content ul li.first {
padding-left: 45px;
margin: 0;
}
div#content div#right div#bookingstatus div.content li.first.active1 {
width: 199px;
color: #348A6F;
margin-left: 0;
padding-left: 45px;
background: url(../images/bookingstatus/active1_bg.gif) no-repeat;
}
div#content div#right div#bookingstatus div.content li.active2 {
width: 140px;
color: #348A6F;
margin-left: 0;
padding-left: 25px;
background: url(../images/bookingstatus/active2_bg.gif) no-repeat;
}
div#content div#right div#bookingstatus div.content li.active3 {
width: 125px;
color: #348A6F;
margin-left: 0;
padding-left: 25px;
background: url(../images/bookingstatus/active3_bg.gif) no-repeat;
}
div#content div#right div#bookingstatus div.content li.active4 {
width: 145px;
color: #348A6F;
margin-left: 15px;
padding-left: 30px;
background: url(../images/bookingstatus/active4_bg.gif) no-repeat;
}
div#content div#right div#bookingstatus div.content ul li a {
text-decoration: none;
}
div#content div#right div#bookingstatus div.content ul li a:hover {
text-decoration: none;
color: #348A6F;
}
/*
** ul.three
*/
div#content div#right ul.three {
height: 45px;
}
div#content div#right ul.three li {
float: left;
list-style: none;
}
div#content div#right ul.three li a {
width: 208px;
height: 30px;
display: block;
font-size: 16px;
text-decoration: none;
color: #747474;
padding-top: 15px;
text-align: center;
background: url(../images/three/middle.png) bottom no-repeat;
}
div#content div#right ul.three li a:hover, div#content div#right ul.three li a.active {
color: #348A6F;
}
div#content div#right ul.three li a:hover, div#content div#right ul.three li a.active {
background: url(../images/three/middle_active.png) bottom no-repeat;
}
div#content div#right ul.three li.first a {
width: 266px;
background: url(../images/three/left.png) bottom no-repeat;
}
div#content div#right ul.three li.first a:hover, div#content div#right ul.three li.first a.active {
background: url(../images/three/left_active.png) bottom no-repeat;
}
div#content div#right ul.three li.last a {
width: 220px;
background: url(../images/three/right.png) bottom no-repeat;
}
div#content div#right ul.three li.last a:hover, div#content div#right ul.three li.last a.active {
background: url(../images/three/right_active.png) bottom no-repeat;
}
div#content div#right div.bottom {
position: absolute;
bottom: -5px;
left: 0;
background: url(/images/content_bottom_bg.gif) bottom no-repeat;
width: 648px;
height: 15px;
}
div#content div.detailpage_component_container.full div.box div.bottom {
background: url(/images/new/full_container_bottom.png) bottom left no-repeat;
width: 880px;
height: 13px;
}
div#content div.detailpage_component_container.prices div.box div.bottom {
background: url(/images/new/prices_container_bottom.png) bottom left no-repeat;
width: 525px;
height: 13px;
}
div#content div.detailpage_component_container.important div.box div.bottom {
background: url(/images/new/important_container_bottom.png) bottom left no-repeat;
height: 13px;
width: 400px;
}
div#content div#right div.box.compare div.bottom {
background: url(/images/compare/content_bottom_bg.gif) bottom no-repeat;
width: 880px;
}
/*
** div.box
*/
div#content div#right div.box {
position: relative;
width: 648px;
background: url(../images/content_bg.png) repeat-y;
margin-bottom: 10px;
}
div#content div#right div.box.compare {
width: 880px;
margin-top: 10px;
margin-left: -232px;
background: url(../images/compare/bg.png) repeat-y;
}
div#content div#right div.box a.readmore {
color: #FF6600;
}
div#content div#right div.box h3,
div#content div#detailpage_container div.box h3 {
font-size: 12px;
font-weight: bold;
padding: 15px 0 19px 30px;
color: #333;
}
div#content div#right div.box h1 {
font-size: 12px;
font-weight: bold;
padding: 15px 0 19px 30px;
color: #333;
text-transform: uppercase;
}
div#content div#right div.box input.submit,
div#content div.detailpage_component_container input.submit {
float: right;
width: 85px;
height: 33px;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background: url(../images/button2_largest.gif) no-repeat;
border: none;
cursor: pointer;
}
div#content div.detailpage_component_container.prices div.box input.submit {
float: none;
margin: 0px -5px;
}
div#content div#right div.box div.gradient,
div#content div#right div.content div.gradient,
div#content div.detailpage_component_container div.content div.gradient
{
background: #fcf0e1 url(../images/content_gradient_bg.png) top left repeat-x;
margin: 0 8px;
width: 632px;
}
div#content div#right div#popupContainer {
position: absolute;
width: 510px;
}
div#content div#right div.content div.gradient,
div#content div.detailpage_component_container div.content div.gradient
{
background-position:left -250px;
border:1px solid #D1D1D1;
margin:0;
padding:20px;
position:absolute;
width:510px;
}
div#content div#right div.box div.other {
margin: 0 8px;
}
div#content div#right div.box ul,
div#content div.detailpage_component_container div.box ul {
list-style: none;
}
div#content div#right div.box ul li a,
div#content div.detailpage_component_container div.box ul li a {
color: #747474;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
}
div#content div#right div.box ul li a span,
div#content div.detailpage_component_container div.box ul li a span {
padding-left: 15px;
margin-left: 5px;
}
div#content div#right ul li a span.t,
div#content div.detailpage_component_container ul li a span.t {
background: url(../images/green_dot.gif) left center no-repeat;
}
div#content div#right div.box ul li a span.f,
div#content div.detailpage_component_container div.box ul li a span.f {
background: url(../images/red_cross.gif) left center no-repeat;
}
/*
** NL
*/
div.searchmore_anchor.nl_NL a {
background: url(../images/searchmore/nl/search_down.gif) no-repeat;
}
div.searchmore_anchor.up.nl_NL a {
background: url(../images/searchmore/nl/search_up.gif) no-repeat;
}
/*
** DE
*/
div.searchmore_anchor.de_DE a {
background: url(../images/searchmore/de/search_down.gif) no-repeat;
}
div.searchmore_anchor.up.de_DE a {
background: url(../images/searchmore/de/search_up.gif) no-repeat;
}
/*
** EN
*/
div.searchmore_anchor.en_US a {
background: url(../images/searchmore/en/search_down.gif) no-repeat;
}
div.searchmore_anchor.up.en_US a {
background: url(../images/searchmore/en/search_up.gif) no-repeat;
}
/*
** FR
*/
div.searchmore_anchor.fr_FR a {
background: url(../images/searchmore/fr/search_down.gif) no-repeat;
}
div.searchmore_anchor.up.fr_FR a {
background: url(../images/searchmore/fr/search_up.gif) no-repeat;
}
div.searchmore_anchor a span {
display: none;
}
div#content div#right div.box div.bg {
background: url(../images/gradient_bottom.png) top no-repeat;
padding-top: 10px;
width: 632px;
}
div#content div#right div.box div.bg.other {
padding-top: 20px;
}
div#content div#right div.box div.searchcount {
background: url(../images/searchcount_bg.gif) left top no-repeat;
margin: 0 15px 15px 35px;
padding-bottom: 15px;
height: 40px;
position: relative;
}
div#content div#right div.box div.searchcount h3 {
background: #FFF;
color: #747474;
height: 35px;
padding: 0;
padding-left: 10px;
width: auto;
background: url(../images/searchcount_left.gif) left no-repeat;
position: absolute;
right: 82px;
}
div#content div#right div.box div.searchcount span {
float: left;
height: 30px;
line-height: 125%;
padding-right: 5px;
padding-bottom: 5px;
background: url(../images/searchcount_right.gif) top right no-repeat;
}
div#content div#right div.box div.searchcount span span {
float: none;
background: none;
font-size: x-large;
}
div#content div#right div.box div.searchcount input {
width: 72px;
height: 37px;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
background: url(../images/searchcount_submit.gif) no-repeat;
border: none;
cursor: pointer;
position: absolute;
right: 0;
}
div#content div#right div.box div.searchcount input.disabled {
background: url(../images/searchcount_submit_disabled.gif) no-repeat;
}
div#content div#right div.box div.theme {
width: 275px;
display: inline;
height: 136px;
float: left;
margin: 5px 15px 25px 15px;
background-repeat: no-repeat;
}
div#content div#right div.box div.theme a {
display: block;
width: 245px;
height: 106px;
font-size: 17px;
color: #FFF;
text-decoration: none;
padding: 13px;
}
div#content div#right div.box div.theme a:hover {
text-decoration: underline;
}
div#content div#right div.box div.snow {
background-image: url(../images/themes/snow.png);
}
div#content div#right div.box div.topvillas {
background-image: url(../images/themes/topvillas.png);
margin-left: 25px;
}
div#content div#right div.box div.water {
background-image: url(../images/themes/water.png);
margin-left: 25px;
}
div#content div#right div.box div.children {
background-image: url(../images/themes/children.png);
}
div#content div#right div.box div.group {
background-image: url(../images/themes/group.png);
margin-left: 25px;
}
div#content div#right div.box div.seminar {
background-image: url(../images/themes/Themabanner_new.gif);
}
/*
** Header
*/
div#content div#right div.box div.header {
background: url(../images/box_blankheader_bg.png) top no-repeat;
background-color: #FFFFFF;
}
div#content div#right div.box div#breadcrumb {
padding: 13px 0px 0px 30px;
color:#348A6F;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
}
div#content div#right div.box div#breadcrumb a{
color:#348A6F;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
}
div#content div#right div.box.compare div.header {
background: url(../images/compare/header_bg.png) top no-repeat;
}
div#content div#right div.box div.breadcrumbs {
background: url(../images/box_blankheader_bg_bcs.png) top no-repeat;
}
div#content div#right div.box div.mediaContent {
background: url(../images/content_bg.png) repeat-y;
}
div#content div#right div.box div.header h3.middle {
text-align: center;
padding-left: 0;
}
div#content div#right div.box div.header a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #555;
text-decoration: none;
}
div#content div#right div.box div.header p,
div#content div.detailpage_component_container div.box div.header p {
color:#555555;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
padding: 0px 0px 0px 30px;
}
div#content div#right div.box div.header a.previous {
position: absolute;
top: 20px;
left: 20px;
}
div#content div#right div.box div.header a.next {
position: absolute;
top: 20px;
right: 20px;
}
/*
** Header.large
*/
div#content div#right div.box div.header.large {
position: relative;
background: url(../images/box_blankheader_large_bg.png) top no-repeat;
padding: 15px 0 0 30px;
height: 85px;
}
div#content div#right div.box div.header.large.breadcrumbs {
background: url(../images/box_blankheader_large_bg_bcs.png) top no-repeat;
}
div#content div#right div.box div#breadcrumb_large,
div#content div#detailpage_container div#breadcrumb_large {
color:#348A6F;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
height: 35px;
margin-bottom: 5px;
}
div#content div#detailpage_container div#breadcrumb_large {
height: inherit;
padding: 0px 0px 9px 22px;
margin: 0;
}
div#content div#right div.box div#breadcrumb_large a,
div#content div#detailpage_container div#breadcrumb_large a {
color:#348A6F;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
}
div#content div#right div.box div.header.large img {
background: url(../images/images_small_bg.gif) no-repeat;
padding: 5px;
margin-right: 20px;
float: left;
}
div#content div#right div.box div.header.large h3 {
margin: 0;
padding: 0;
padding-top: 8px;
}
div#content div#right div.box div.header.large h1 {
margin: 0;
padding: 0;
padding-top: 8px;
}
div#content div#right div.box div.header.large p {
float: left;
margin: 0;
margin-top: 5px;
padding: 0;
color: #555;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
div#content div#right div.box div.header.large p.stars {
float: right;
}
div#content div#right div.box div.header.large p span {
font-weight: bold;
float: left;
width: 145px;
}
div#content div#right div.box div.header.large div.right {
position: absolute;
top: 20px;
right: 30px;
text-align: right;
}
div#content div#right div.box div.header.large.breadcrumbs div.right {
position: absolute;
top: 55px;
right: 30px;
text-align: right;
}
div#content div#right div.box div.header.large div.right div#button_holder {
clear: right;
padding-top: 5px;
}
div#content div#right div.box div.header.large div.right div#button_holder div {
float: right;
}
div#content div#right div.box div.header.large div.right div#button_holder div form input.submit {
float: none;
}
div#content div#right div.box div.header.large div.right div#button_holder div p {
margin: 7px 5px;
}
div#content div#right div.box div.header h3,
div#content div#detailpage_container div.box div.header h3 {
font-size: 14px;
color: #348A6F;
padding: 22px 0 17px 30px;
}
div#content div#right div.box div.header h1 {
font-size: 14px;
color: #348A6F;
padding-top: 20px;
}
div#content div#right div.box div.margin,
div#content div.detailpage_component_container.full div.box div.margin {
margin: 0px 9px;
padding: 5px 0px 0px 0px;
}
/*
** Sub
*/
div#content div#right div.sub {
position: relative;
margin: 0 8px;
height: 50px;
background: url(../images/box_sub_bg.png) bottom no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
div#content div.detailpage_component_container.full div.sub {
position: relative;
margin: 0px;
height: 35px;
background: url('../images/new/full_container_rounded_top_right.png') 0px 27px no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width: 859px;
padding: 0px 10px;
}
div#content div.detailpage_component_container.full div#calendar div.sub {
position: relative;
margin: 0px;
height: 53px;
background: url('../images/new/full_container_separator.png') 0px 50px no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width: 839px;
padding: 0px 10px;
}
div#content div#right div.sub ul.tab {
margin-left: 15px;
}
div#content div#right div.sub ul.tab li,
div#content div.detailpage_component_container div.sub ul.tab li {
float: left;
margin: 15px 0;
margin-bottom: 0;
}
div#content div#right div.sub ul.tab li a,
div#content div.detailpage_component_container div.sub ul.tab li a {
padding: 0 5px 0 0;
height: 32px;
display: block;
font-family: Arial, Helvetica, sans-serif;
background: url(../images/sub/tab_active_left.gif) left top no-repeat;
}
div#content div#right div.sub ul.tab li a span,
div#content div.detailpage_component_container div.sub ul.tab li a span {
display: block;
padding: 10px 15px 7px 15px;
background: url(../images/sub/tab_active_right.gif) right top no-repeat;
}
div#content div#right div.sub ul.tab li a span.resultsMap {
padding: 0;
}
div#content div#right div.sub ul.tab li a span.resultsMap span {
background-position: left center;
padding-left: 52px;
}
div#content div#right div.sub ul.tab li a.active,
div#content div#right div.sub ul.tab li a:hover,
div#content div.detailpage_component_container div.sub ul.tab li a.active,
div#content div.detailpage_component_container div.sub ul.tab li a:hover {
background: url(../images/sub/tab_left.gif) left top no-repeat;
color: #348A6F;
}
div#content div#right div.sub ul.tab li a.active span,
div#content div#right div.sub ul.tab li a:hover span,
div#content div.detailpage_component_container div.sub ul.tab li a.active span,
div#content div.detailpage_component_container div.sub ul.tab li a:hover span {
color: #348A6F;
background: url(../images/sub/tab_right.gif) right top no-repeat;
}
div#content div#right div.sub a.previous,
div#content div.detailpage_component_container div.sub a.previous {
position: absolute;
top: 20px;
left: 10px;
}
div#content div#right div.sub a.next,
div#content div.detailpage_component_container div.sub a.next {
position: absolute;
top: 20px;
right: 10px;
}
/*
** Sort
*/
div#content div#right div.box div.sort {
position: relative;
height: 35px;
margin-left: 0px;
padding-left: 55px;
padding-bottom: 5px;
background: url(../images/selectitems_top_bg.gif) bottom left no-repeat;
}
div#content div#right div.box div.sort input {
background: url(../images/button_largest.gif) no-repeat;
border: 0;
height: 30px;
width: 75px;
color: #FFF;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
padding-left: 0px;
margin: 0;
cursor: pointer;
}
div#content div#right div.box div.sort p {
position: absolute;
right: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
top: 0;
}
div#content div#right div.box div.sort p select {
margin-left: 20px;
}
/*
** Itemnav
*/
div#content div#right ul.itemnav {
position: absolute;
right: 15px;
bottom: 10px;
}
div#content div#right ul.itemnav li {
display: inline;
}
div#content div#right ul.itemnav li a {
color: #555;
font-weight: bold;
}
div#content div#right ul.itemnav li a.first {
padding-right: 5px;
margin-right: 5px;
border-right: 1px solid #CCC;
font-weight: normal;
}
div#content div#right ul.itemnav li a.active, div#content div#right ul.itemnav li a:hover {
color: #FF7C00;
}
div#content div#right ul.itemnav li a.last {
padding-left: 5px;
margin-left: 5px;
border-left: 1px solid #CCC;
font-weight: normal;
}
div#content div#right div.box div.itemnav {
height: 35px;
}
/*
** Item
*/
div#content div#right div.box div.item {
position: relative;
margin: 0 0px 0px 8px;
width: 632px;
background: url(/images/selectitems_bg.png) -8px 0px repeat-y;
border-bottom: 1px solid #EBEBEB;
}
div#content div#right div.box div.item.first {
border-top: 1px solid #EBEBEB;
}
div#content div#right div.box div.item div.checkbox input {
position: absolute;
left: 12px;
top: 60px;
}
div#content div#right div.box div.item div.content img {
float: left;
background: url(/images/images_medium_bg.gif) no-repeat;
margin: 10px;
margin-left: 8px;
padding: 8px;
}
div#content div#right div.box div.item div.content div.right img {
background: none;
margin: 0;
padding: 0;
}
div#content div#right div.box div.item div.content img.subsite {
background: none;
float: right;
margin: 10px 10px 5px 5px;
padding: 0;
}
div#content div#right div.box div.item div.content ul {
margin-top: 5px;
}
div#content div#right div.box div.item div.content ul li {
float: left;
width: 130px;
}
div#content div#right div.box div.item div.content div.left {
float: left;
width: 290px;
padding: 0px 0px 5px 0;
}
div#content div#right div.box div.item div.content div.left div {
font-weight: bold;
margin-top: 15px;
}
div#content div#right div.box div.item div.content div.left div strong a {
color: #000;
text-decoration: none;
font-size: 13px;
}
div#content div#right div.box div.item div.content div.left ul.greendot {
font-size: 11px;
}
div#content div#right div.box div.item div.content div.right {
float: left;
width: 110px;
border-left: 1px solid #EBEBEB;
min-height: 110px;
padding: 0px 10px 0px 15px;
margin: 5px 0px 0px 5px;
}
div#content div#right div#popupContainer,
div#content div#right div.box div.content,
div#content div#detailpage_container div.box div.content {
font-family: Arial, Helvetica, sans-serif;
color: #555;
font-size: 12px;
margin: 0 8px;
padding: 5px 23px;
line-height: 140%;
}
div#content div#right div.box div.item div.content {
padding: 5px 0px 5px 23px;
margin: 0px 0px 0px 8px;
}
div#content div#detailpage_container div.box div.content {
margin: 0;
padding: 5px 15px 5px 20px;
}
div#content div.detailpage_component_container.full div.box div.content div#contentDesc {
padding: 10px 0px 0px 0px;
}
div#content div#right div.box div.content.background {
background: url(../images/box/content_bg.gif) repeat-x;
}
div#content div#right div.box div.content strong,
div#content div.detailpage_component_container div.box div.content strong {
color: #000;
}
div#content div#right div.box div.content h3,
div#content div.detailpage_component_container div.box div.content h3 {
color: #000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
line-height:140%;
margin: -10px 0px -5px 0px;
padding: 0px;
font-weight: bold;
}
div#content div#right div.box div.content h2,
div#content div.detailpage_component_container div.box div.content h2 {
color: #000;
font-size:12px;
}
div#content div#right div.box div.content select,
div#content div.detailpage_component_container div.box div.content select {
margin: 0 20px;
}
div#content div#right div.box div.contentmap,
div#content div.detailpage_component_container div.box div.contentmap {
font-family: Arial, Helvetica, sans-serif;
color: #555;
border-top: 1px solid #D1D1D1;
border-bottom: 1px solid #D1D1D1;
font-size: 12px;
margin: 5px 8px 5px;
padding: 0;
line-height: 140%;
}
div#content div#right div.box div.contentmap-spacer {
height: 5px;
}
div#content div#right div.box div.overall {
margin-top: 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
div#content div#right div.box div.overall div.left {
float: left;
margin-left: 25px;
width: 300px;
padding-top: 20px;
}
div#content div#right div.box div.overall div.left img {
padding: 7px;
background: url(../images/images_large_bg.gif) no-repeat;
}
div#content div#right div.box div.overall div.middle {
float: left;
width: 85px;
text-align: center;
margin-right: 20px;
}
div#content div#right div.box div.overall div.middle a.nav {
display: block;
width: 30px;
height: 20px;
margin: auto;
}
div#content div#right div.box div.overall div.middle img {
background: url(../images/images_small_bg.gif) no-repeat;
padding: 5px;
}
div#content div#right div.box div.overall div.middle img.active {
background: url(../images/images_small_active_bg.gif) no-repeat;
}
div#content div#right div.box div.overall div.middle a.nav span {
display: none;
}
div#content div#right div.box div.overall div.middle a.nav.top {
background: url(../images/arrow_top.gif) no-repeat;
}
div#content div#right div.box div.overall div.middle a.nav.bottom {
background: url(../images/arrow_bottom.gif) no-repeat;
}
div#content div#right div.box div.overall div.middle a.nav.top.disabled,
div#content div#right div.box div.overall div.middle a.nav.bottom.disabled {
visibility: hidden;
}
div#content div#right div.box div.overall div.content {
margin-left: 405px;
}
div#content div#right div.box div.overall div.right {
float: left;
padding-top: 35px;
}
/**
* Item info popup
*/
div#content div#right div.mapitem {
width: 200px;
height: 100px;
}
div#content div#right div.mapitem p {
float: left;
line-height: 130%;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #747474;
}
div#content div#right div.mapitem p a {
color: #000;
font-weight: bold;
text-decoration: none;
}
div#content div#right div.mapitem p a:hover {
text-decoration: underline;
}
div#content div#right div.mapitem p {
margin: 5px 0 5px 0;
}
div#content div#right div.mapitem img {
float: left;
clear: left;
background: url(../images/content_3c/img_bg.gif) no-repeat;
padding: 4px;
margin-right: 15px;
padding-top: 5px;
}
/*
** Table: Possibility
*/
div#content div#right div.box form#prices_availability,
div#content div.detailpage_component_container div.box form#prices_availability {
margin: 0;
}
div#content div.detailpage_component_container div.box div.possibility {
background: url(../images/table/bg_top.png) repeat-x;
padding: 0;
border-bottom: 1px solid #D1D1D1;
width: 859px;
}
div#content div#right div.box div.possibility table,
div#content div.detailpage_component_container div.box div.possibility table {
border-collapse: collapse;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
div#content div.detailpage_component_container div.box div.possibility table {
width: 859px;
}
div#content div.detailpage_component_container div.box div.possibility table tr.active td {
background: #FFAE46;
color: #000000;
}
div#content div#right div.box div.possibility table th,
div#content div.detailpage_component_container div.box div.possibility table th {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
padding: 20px 0 10px 0;
color: #000;
border-bottom: 1px solid #CCC;
font-weight: bold;
text-align: left;
}
div#content div#right div.box div.possibility table .center {
width: 30px;
text-align: center;
}
div#content div.detailpage_component_container div.box div.possibility table .center {
padding-left: 15px;
text-align: left;
width: 30px;
}
div#content div#right div.box div.possibility table .width100,
div#content div.detailpage_component_container div.box div.possibility table .width100 {
width: 100px;
}
div#content div#right div.box div.possibility table .width200,
div#content div.detailpage_component_container div.box div.possibility table .width200 {
width: 200px;
}
div#content div#right div.box div.possibility table .width230 {
width: 230px;
}
div#content div#right div.box div.possibility table td,
div#content div.detailpage_component_container div.box div.possibility table td {
height: 25px;
}
div#content div#right div.box div.possibility table tr.unavailable td,
div#content div.detailpage_component_container div.box div.possibility table tr.unavailable td {
color: #B2B2B2;
}
div#content div#right div.box div.possibility table tr.unavailable td.status,
div#content div#right div.box div.possibility table td.status,
div#content div.detailpage_component_container div.box div.possibility table tr.unavailable td.status,
div#content div.detailpage_component_container div.box div.possibility table td.status {
color: #747474;
}
div#content div#right div.box div.possibility table td.offer,
div#content div.detailpage_component_container div.box div.possibility table td.offer {
color: #348A6F;
}
div#content div#right div.box div.possibility table td img,
div#content div.detailpage_component_container div.box div.possibility table td img {
vertical-align: bottom;
}
div#content div#right div.box div.possibility table tr td span.pointer,
div#content div.detailpage_component_container div.box div.possibility table tr td span.pointer {
cursor: pointer;
}
div#content div#right div.box div.possibility table tr td.payment,
div#content div.detailpage_component_container div.box div.possibility table tr td.payment {
color: #348A6F;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
padding: 10px 0;
}
div#content div#right div.box div.possibility table tr.total td.payment,
div#content div.detailpage_component_container div.box div.possibility table tr.total td.payment {
border-top: 1px solid #CCCCCC;
}
/*
** Table: Compare
*/
div#content div#right div.box.compare table {
border-collapse: collapse;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width: 860px;
margin: 0 10px;
}
div#content div#right div.box.compare table td {
padding: 7px 20px;
border-left: 1px solid #EBEBEB;
vertical-align: top;
width: 169px;
}
div#content div#right div.box.compare table th {
color: #555;
text-align: left;
font-weight: normal;
width: 208px;
padding-left: 20px;
}
div#content div#right div.box.compare table tr.line td,
div#content div#right div.box.compare table tr.line th {
border-top: 1px solid #EBEBEB;
padding-top: 15px;
padding-bottom: 10px;
}
div#content div#right div.box.compare table tr.line th {
border: none;
}
div#content div#right div.box.compare table td div.compare_top {
line-height: 160%;
color: #555;
}
div#content div#right div.box.compare table td div.compare_top strong {
color: #000;
}
div#content div#right div.box.compare table td div.compare_top div.bookmark_holder form input.submit {
margin: 0;
float: none;
}
div#content div#right div.box.compare table td div.compare_top div.bookmark_holder p {
margin: 5px 0;
}
#book_holder {
_width: 85px;
}
div#content div#right div.box.compare table td img {
background: url(../images/images_medium_bg.gif) no-repeat;
padding: 8px;
margin-top: 10px;
}
div#content div#right div.box.compare table td a {
color: #000;
font-weight: bold;
text-decoration: none;
}
div#content div#right div.box.compare table td a:hover {
text-decoration: underline;
}
/*
** Table: Calendar
*/
div#content div#right div.box table.calendar {
border-collapse: collapse;
border-bottom: 1px solid #D1D1D1;
width: 633px;
margin-left: 8px;
}
div#content div.detailpage_component_container div.box table.calendar {
border-collapse: collapse;
width: 860px;
}
div#calendar div.header {
color: #348A6F;
font-size: 13px;
margin: 0;
}
div#content div.detailpage_component_container div.box table.calendar tr.gray td {
background: #F6F6F6;
font-size: 9px;
color: #555;
}
div#content div.detailpage_component_container div.box table.calendar tr.gray td.highlighted {
background-color: rgb(251,245,230);
}
div#content div.detailpage_component_container div.box #calendarList div.content table#periodInfo td {
padding-right: 5px;
vertical-align: top;
}
div#content div#right div.box table.calendar tr.gray td.border,
div#content div.detailpage_component_container div.box table.calendar tr.gray td.border {
border-right: 1px solid #D1D1D1;
}
div#content div#right div.box table.calendar tr.month th,
div#content div.detailpage_component_container div.box table.calendar tr.month th {
background: url(../images/table/bg_top.png) repeat-x;
border-right: 1px solid #D1D1D1;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
padding: 20px 0 10px 0;
color: #000;
font-weight: bold;
}
div#content div#right div.box table.calendar tr.month.highlighted th,
div#content div.detailpage_component_container div.box table.calendar tr.month th.highlighted {
background: url(../images/table/bg_top_highlighted.png) repeat-x;
text-decoration: underline;
}
div#content div#right div.box table.calendar td,
div#content div.detailpage_component_container div.box table.calendar td {
background: url(../images/table/bg.gif) right bottom no-repeat;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0;
color: #B6B6B6;
width: 28px;
height: 30px;
}
div#content div#right div.box table.calendar td.highlighted,
div#content div.detailpage_component_container div.box table.calendar td.highlighted {
background: url(../images/table/bg_highlighted.gif) right bottom no-repeat;
}
div#content div#right div.box table.calendar td.available,
div#content div.detailpage_component_container div.box table.calendar td.available {
background: url(../images/table/available.png) no-repeat;
}
div#content div#right div.box table.calendar td.request,
div#content div.detailpage_component_container div.box table.calendar td.request {
background: url(../images/table/request.png) no-repeat;
}
div#content div#right div.box table.calendar td.offer,
div#content div.detailpage_component_container div.box table.calendar td.offer {
background: url(../images/table/offer.png) no-repeat;
}
div#content div#right div.box table.calendar td.available,
div#content div#right div.box table.calendar td.request,
div#content div#right div.box table.calendar td.offer,
div#content div#right div.box table.calendar td.selected,
div#content div.detailpage_component_container div.box table.calendar td.available,
div#content div.detailpage_component_container div.box table.calendar td.request,
div#content div.detailpage_component_container div.box table.calendar td.offer,
div#content div.detailpage_component_container div.box table.calendar td.selected {
color: #000;
font-weight: bold;
}
div#content div#right div.box table.calendar td a,
div#content div.detailpage_component_container div.box table.calendar td a {
text-decoration: none;
color: #000;
display: block;
width: 28px;
padding-top: 7px;
height: 23px;
font-weight: bold;
}
div#content div#right div.box table.calendar td.available.arrival a,
div#content div#right div.box table.calendar td.request.arrival a,
div#content div#right div.box table.calendar td.offer.arrival a,
div#content div#right div.box table.calendar td.selected.arrival a {
text-decoration: underline;
}
div#content div.detailpage_component_container div.box table.calendar td.available.arrival a,
div#content div.detailpage_component_container div.box table.calendar td.request.arrival a,
div#content div.detailpage_component_container div.box table.calendar td.offer.arrival a,
div#content div.detailpage_component_container div.box table.calendar td.selected.arrival a {
background: url('/images/new/calendar_arrival_day.png') 0px 2px no-repeat;
font-size: 14px;
}
div#content div#right div.box table.calendar td.selected,
div#content div#right div.box table.calendar td.selected a,
div#content div#right div.box table.calendar td a:hover {
color: #FFF;
}
div#content div.detailpage_component_container div.box table.calendar td.available.arrival a:hover,
div#content div.detailpage_component_container div.box table.calendar td.request.arrival a:hover,
div#content div.detailpage_component_container div.box table.calendar td.offer.arrival a:hover,
div#content div.detailpage_component_container div.box table.calendar td.selected.arrival a:hover {
background: url('/images/new/calendar_arrival_day.png') 0px -25px no-repeat;
}
div#content div#right div.box table.calendar td.selected,
div#content div#right div.box table.calendar td a:hover,
div#content div.detailpage_component_container div.box table.calendar td.selected,
div#content div.detailpage_component_container div.box table.calendar td a:hover {
background: url(../images/table/selected.png) no-repeat;
}
div#content div#right div.box table.calendar th.spacer,
div#content div.detailpage_component_container div.box table.calendar th.spacer {
/*width: 20px;*/
border-left: 1px solid #D1D1D1;
border-right: 1px solid #D1D1D1;
}
div#content div#right div.box table.calendar td.spacer,
div#content div.detailpage_component_container div.box table.calendar td.spacer {
/*width: 20px;*/
background: none;
border-left: 1px solid #D1D1D1;
border-right: 1px solid #D1D1D1;
}
div#content div#right div.box ul.icon,
div#content div.detailpage_component_container div.box ul.icon {
width: 500px;
margin: 20px 0px 0px 90px;
color: #555;
}
div#content div.detailpage_component_container div.box ul.icon {
margin: 0px 0px 0px 320px;
position: absolute;
top: 20px;
}
div#content div#right div.box ul.icon li,
div#content div.detailpage_component_container div.box ul.icon li {
display: inline;
padding: 2px 15px 0 20px;
}
div#content div#right div.box ul.icon li.offer,
div#content div.detailpage_component_container div.box ul.icon li.offer {
background: url(../images/table/icon_offer.gif) 0 2px no-repeat;
}
div#content div#right div.box ul.icon li.available,
div#content div.detailpage_component_container div.box ul.icon li.available {
background: url(../images/table/icon_available.gif) 0 2px no-repeat;
}
div#content div#right div.box ul.icon li.request,
div#content div.detailpage_component_container div.box ul.icon li.request {
background: url(../images/table/icon_request.gif) 0 0 no-repeat;
}
div#content div#right div.box ul.icon li.unavailable,
div#content div.detailpage_component_container div.box ul.icon li.unavailable {
background: url(../images/table/icon_unavailable.gif) 0 2px no-repeat;
}
/*
** Pictures
*/
div#content div#right div.box div.pictures {
width: 580px;
margin: 30px auto;
}
div#content div#right div.box div.pictures img.large {
background: url(../images/images_largest_bg.png) no-repeat;
padding: 9px;
}
div#content div#right div.box div.pictures ul {
margin: 10px auto;
width: 550px;
}
div#content div#right div.box div.pictures ul li {
float: left;
margin-bottom: 20px;
}
div#content div#right div.box div.pictures img {
background: url(../images/images_small_bg.gif) no-repeat;
padding: 5px;
margin: 0 2px;
}
div#content div#right div.box div.pictures img.active {
background: url(../images/images_small_active_bg.gif) no-repeat;
}
div#content div#right div.box div.pictures a.before {
background: url(../images/arrow_orange_left.gif) center no-repeat;
display: block;
width: 25px;
height: 65px;
margin-right: 20px;
}
div#content div#right div.box div.pictures a.next {
background: url(../images/arrow_orange_right.gif) center no-repeat;
display: block;
width: 25px;
height: 65px;
margin-left: 20px;
}
div#content div#right div.box div.pictures a.before.disabled,
div#content div#right div.box div.pictures a.next.disabled {
visibility: hidden;
}
div#content div#right div.box div.pictures a.before span, div#content div#right div.box div.pictures a.next span {
display: none;
}
/*
** characteristic
*/
div#content div#right div.box div.characteristic,
div#content div.detailpage_component_container div.box div.characteristic,
div#content div#right div.box table.characteristic,
div#content div.detailpage_component_container div.box table.characteristic {
color: #555555;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0 42px;
padding-top: 20px;
padding-bottom: 20px;
}
div#content div.detailpage_component_container div.box div.characteristic table td {
width: 200px;
}
div#content div.detailpage_component_container div.box div.characteristic,
div#content div.detailpage_component_container div.box table.characteristic {
margin: 0 20px;
padding: 15px 0px 15px 0px;
}
div#content div#right div.box div.characteristic div.section,
div#content div#right div.box table.characteristic td.section {
float: left;
width: 270px;
}
div#content div.detailpage_component_container.full div.box div.characteristic div.section,
div#content div.detailpage_component_container.full div.box table.characteristic td.section {
float: left;
width: 400px;
}
div#content div#right div.box table.characteristic td.section,
div#content div.detailpage_component_container div.box table.characteristic td.section {
float: none;
vertical-align: top;
width: 50%;
}
div#content div#right div.box div.characteristic div.section.first,
div#content div#right div.box table.characteristic td.section.first {
margin-right: 10px;
padding-right: 10px;
border: none;
border-right: 1px solid #EBEBEB;
}
div#content div#right div.box div.characteristic ul,
div#content div.detailpage_component_container div.box div.characteristic ul,
div#content div#right div.box table.characteristic ul,
div#content div.detailpage_component_container div.box table.characteristic ul {
margin-top: 15px;
}
div#content div#right div.box div.characteristic ul.first,
div#content div.detailpage_component_container div.box div.characteristic ul.first,
div#content div#right div.box table.characteristic ul.first,
div#content div.detailpage_component_container div.box table.characteristic ul.first {
margin-top: 0;
}
div#content div#right div.box div.characteristic ul li,
div#content div.detailpage_component_container div.box div.characteristic ul li,
div#content div#right div.box table.characteristic ul li,
div#content div.detailpage_component_container div.box table.characteristic ul li {
color: #000;
font-weight: bold;
line-height: 160%;
}
div#content div.detailpage_component_container div.box div.characteristic ul.important {
margin: 0;
padding: 0;
}
div#content div.detailpage_component_container div.box div.characteristic ul.important li {
color: #555555;
font-weight: normal;
float: left;
width: 250px;
}
div#content div#book_container_important div.box div.characteristic div#showSpecifications {
font-weight: bold;
padding: 10px 0px 10px 15px;
}
div#content div#book_container_important div.box div.characteristic div#showSpecifications a{
cursor: pointer;
color: #348A6F;
font-size: 12px;
text-decoration: underline;
}
div#content div#right div.box div.characteristic ul li ul,
div#content div.detailpage_component_container div.box div.characteristic ul li ul,
div#content div#right div.box table.characteristic ul li ul,
div#content div.detailpage_component_container div.box table.characteristic ul li ul {
margin-top: 0;
}
div#content div#right div.box div.characteristic ul li ul li,
div#content div.detailpage_component_container div.box div.characteristic ul li ul li,
div#content div#right div.box table.characteristic ul li ul li,
div#content div.detailpage_component_container div.box table.characteristic ul li ul li {
font-weight: normal;
color: #555;
}
div#content div#book_container_important div.box div.characteristic p {
color: #555555;
font-size: 12px;
margin: 0px 0px 10px 0px;
padding: 0;
}
/*
** appraisal
*/
div#content div#right div.box div.appraisal,
div#content div.detailpage_component_container div.box div.appraisal {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0 42px;
padding: 20px 0;
line-height: 150%;
}
div#content div.detailpage_component_container div.box div.appraisal {
margin: 0 20px;
padding: 15px 0px
}
div#content div#right div.box div.appraisal div.top,
div#content div.detailpage_component_container div.box div.appraisal div.top {
position: relative;
font-weight: bold;
padding: 0px 0px 10px 0px;
}
div#content div#right div.box div.appraisal div.top span.right {
position: absolute;
left: 300px;
}
div#content div.detailpage_component_container div.box div.appraisal div.top span.right {
position: absolute;
left: 410px;
}
div#content div#right div.box div.appraisal div.row,
div#content div.detailpage_component_container div.box div.appraisal div.row {
border-top: 1px solid #D1D1D1;
padding-top: 5px;
}
div#content div#right div.box div.appraisal div.row.total,
div#content div.detailpage_component_container div.box div.appraisal div.row.total {
padding-left: 300px;
}
div#content div#right div.box div.appraisal div.row div.left,
div#content div.detailpage_component_container div.box div.appraisal div.row div.left {
float: left;
width: 285px;
color: #555;
padding-right: 15px;
}
div#content div.detailpage_component_container div.box div.appraisal div.row div.left {
width: 400px;
}
div#content div#right div.box div.appraisal div.row div.left strong,
div#content div.detailpage_component_container div.box div.appraisal div.row div.left strong {
color: #000;
}
div#content div#right div.box div.appraisal div.row div.right,
div#content div.detailpage_component_container div.box div.appraisal div.row div.right {
float: left;
width: 260px;
}
div#content div#right div.box div.appraisal div.row div.right dt,
div#content div.detailpage_component_container div.box div.appraisal div.row div.right dt {
float: left;
padding-left: 15px;
color: #555;
background: url(../images/green_dot.gif) left no-repeat;
}
div#content div#right div.box div.appraisal div.row div.right dt.bold,
div#content div.detailpage_component_container div.box div.appraisal div.row div.right dt.bold {
background: none;
padding: 0;
color: #000;
font-weight: bold;
}
div#content div#right div.box div.appraisal div.row div.right dd,
div#content div.detailpage_component_container div.box div.appraisal div.row div.right dd {
padding-left: 165px;
color: #555;
text-align: left;
}
div#content div#right div.box div.appraisal div.row div.right dd.bold,
div#content div.detailpage_component_container div.box div.appraisal div.row div.right dd.bold {
color: #000;
font-weight: bold;
}
/*
** Booking
*/
div#content div#right div.box div#booking {
padding: 0 10px 20px 32px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #555;
line-height: 150%;
}
div#content div#right div.box div#booking p.intro {
margin: 10px -2px 0 -24px ;
padding: 0 24px 15px 24px;
border-bottom: 1px solid #D1D1D1;
}
div#content div#right div.box div#booking div.gradient {
margin: 0;
padding: 10px;
width: 510px;
background-position: left -250px;
border: 1px solid #D1D1D1;
position: absolute;
}
div#content div#right div.box div#booking div.gradient p {
margin-top: 0;
}
div#content div#right div.box div#booking h3 {
color: #348A6f;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 10px 0;
padding-bottom: 0;
}
div#content div#right div.box div#booking div.side {
float: left;
width: 280px;
border-left: 1px solid #D1D1D1;
padding-left: 15px;
}
div#content div#right div.box div#booking div.side h3 {
padding-top: 25px;
}
div#content div#right div.box div#booking div.side.first {
padding: 0;
border: none;
}
div#content div#right div.box div#booking div.side dl {
margin: 0;
padding: 0;
}
div#content div#right div.box div#booking div.side dt {
float: left;
color: #555;
padding-top: 5px;
}
div#content div#right div.box div#booking div.side dd {
padding-left: 100px;
color: #000;
padding-top: 5px;
text-align: left;
}
div#content div#right div.box div#booking div.side td.total {
color: #000000;
border-top: 1px solid #555;
margin-left: 130px;
width: 120px;
padding: 4px 0px 4px 10px;
font-weight: bold;
}
div#content div#right div.box div#booking div.side td.priceoverview {
color: #000000;
text-align: right;
}
/*
** Error
*/
div#content div#right div.box div#booking div.error {
padding: 15px;
margin: 10px 20px 10px 0;
background: #FF284A;
color: #FFF;
}
div#content div#right div.box div#booking div.error p {
margin: 0;
padding: 0;
}
div#content div#right div.box div#booking div.error strong {
padding: 0;
margin: 0;
color: #FFF;
}
div#content div#right div.box div#booking div.error p {
margin: 0;
padding: 0;
}
div#content div#right div.box div#booking div.error ul li {
background:transparent url(../images/green_dot.gif) no-repeat scroll left center;
color:#FFFFFF;
line-height:160%;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding-left:15px;
}
div#content div#right div.box div#booking input.error, div#content div#right div.box div#booking select.error {
padding: 1px;
padding-top: 2px;
border: 2px solid #FF284A;
background: #FFBBC9;
}
div#content div#right div.box div#booking p {
padding: 20px 0 5px 0;
margin: 0;
}
div#content div#right div.box div#booking strong {
color: #000;
}
div#content div#right div.box div#booking label {
float: left;
margin-right: 10px;
}
div#content div#right div.box div#booking label input {
float: left;
}
div#content div#right div.box div#booking label select#step2_how_did_you_find_us {
margin-left: 10px;
}
div#content div#right div.box div#booking input.w30 {
width: 30px;
}
div#content div#right div.box div#booking input.w40 {
width: 40px;
}
div#content div#right div.box div#booking input.w55, div#content div#right div.box div#booking select.w55 {
width: 55px;
}
div#content div#right div.box div#booking input.w100, div#content div#right div.box div#booking select.w100 {
width: 100px;
}
div#content div#right div.box div#booking input.w115 {
width: 115px;
}
div#content div#right div.box div#booking input.w130 {
width: 130px;
}
div#content div#right div.box div#booking input.w150 {
width: 150px;
}
div#content div#right div.box div#booking input.w155 {
width: 155px;
}
div#content div#right div.box div#booking input.w180 {
width: 180px;
}
div#content div#right div.box div#booking input.w200 {
width: 200px;
}
div#content div#right div.box div#booking input.w70 {
width: 70px;
}
div#content div#right div.box div#booking select.w300 {
width: 300px;
}
div#content div#right div.box div#booking textarea.full {
width: 100%;
}
div#content div#right div.box div#booking input.subm {
float: left;
border: 0;
margin: 0;
margin-top: 12px;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
cursor: pointer;
}
div#content div#right div.content div.gradient input.subm {
background: url(../images/bookingstatus/findme_bg.gif) no-repeat;
border: none;
color: #FFFFFF;
cursor: pointer;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
margin: 12px 0 0;
padding: 4px;
width: 68px;
}
div#content div#right div.box div#booking input.subm.findme {
background: url(../images/bookingstatus/findme_bg.gif) no-repeat;
padding: 4px;
width: 68px;
}
div#content div#right div.box div#booking div.form_lines {
width: 580px;
padding: 10px 0;
padding-bottom: 0px;
margin: 10px 0;
border-top: 1px solid #D1D1D1;
}
div#content div#right div.box div#booking div.form_lines label input {
margin: 0;
margin-right: 5px;
}
div#content div#right div.box div#booking div.countpeople label {
float: left;
padding: 5px 0;
}
div#content div#right div.box div#booking div.countpeople select {
position: absolute;
left: 300px;
}
div#content div#right div.box div#booking div.bookingnav {
position: relative;
min-height: 30px;
width: 580px;
margin-top: 20px;
border-top: 1px solid #D1D1D1;
}
div#content div#right div.box div#booking div.bookingnav input.subm.previous, div#content div#right div.box div#booking div.bookingnav input.subm.next {
background: url(../images/bookingstatus/nav_bg.gif) no-repeat;
padding: 4px;
width: 110px;
}
div#content div#right div.box div#booking div.bookingnav input.subm.final {
position: absolute;
left: 220px;
top: -8px;
background: url(../images/bookingstatus/subscribe_house_bg_VXL.gif);
font-size: 110%;
height: 25px;
width: 140px;
}
div#content div#right div.box div#booking div.bookingnav input.subm.previous {
position: absolute;
left: 0;
}
div#content div#right div.box div#booking div.bookingnav input.subm.next {
position: absolute;
right: 0;
}
div#content div#right div.box div#booking div.bookingnav p.print {
font-family: Arial, Helvetica, sans-serif;
text-align: center;
width: 200px;
text-align: center;
margin: 0 auto;
padding: 10px;
padding-bottom: 0;
}
div#content div#right div.box div#booking div.bookingnav p.print a {
text-decoration: none;
color: #348A6f;
font-size: 130%;
}
/*
** Box_3col
** Left item
*/
div#content div#right div.box_3col {
width: 648px;
min-height: 180px;
margin-bottom: 5px;
}
div#content div#right div.box_3col div.middle {
background: url(../images/content_3c/bg.png) repeat-y;
}
div#content div#right div.box_3col div.bottom {
position: static;
}
div#content div#right div.box_3col h3 {
color: #348A6f;
font-size: 14px;
padding: 22px 0 18px 0;
}
div#content div#right div.box_3col div.gradient {
width: 648px;
background: url(../images/content_3c/gradient_bg.png) top left no-repeat;
}
div#content div#right div.box_3col div.gradient_header {
width: 648px;
background: url(../images/content_3c/gradient_header_bg.png) top left no-repeat;
padding-bottom: 15px;
}
div#content div#right div.box_3col div.gradient_header h3 {
margin-left: 30px;
}
div#content div#right div.box_3col div.coll {
float: left;
width: 180px;
margin-left: 30px;
display: inline;
}
div#content div#right div.box_3col div.coll div.item {
width: 170px;
height: 75px;
}
div#content div#right div.box_3col div.coll div.item p,
div#content div#left div.box div.content div.item p {
float: left;
line-height: 130%;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #747474;
width: 75px;
}
div#content div#right div.box_3col div.coll div.item p a,
div#content div#left div.box div.content div.item p a {
color: #000;
font-weight: bold;
text-decoration: none;
}
div#content div#right div.box_3col div.coll div.item p a:hover,
div#content div#left div.box div.content div.item p a:hover {
text-decoration: underline;
}
div#content div#right div.box_3col div.gradient_header div.item p {
margin: 5px 0 5px 0;
}
div#content div#right div.box_3col div.coll div.item img,
div#content div#left div.box div.content div.item img {
clear: left;
float: left;
background: url(../images/content_3c/img_bg.gif) no-repeat;
padding: 4px;
margin-right: 10px;
padding-top: 5px;
}
div#content div#right div.box_3col div.coll div.item p.first,
div#content div#left div.box div.content div.item p.first {
width: 100%
}
/*
** Stars - normaal
*/
div#content p.stars {
display: block;
width: 65px;
margin: 0;
padding: 0;
height: 10px;
background-repeat: no-repeat;
}
div#content p.stars span {
display: none;
}
div#content p.stars.zero {
background-image: url(../images/stars/0.gif);
}
div#content p.stars.one {
background-image: url(../images/stars/1.gif);
}
div#content p.stars.two {
background-image: url(../images/stars/2.gif);
}
div#content p.stars.three {
background-image: url(../images/stars/3.gif);
}
div#content p.stars.four {
background-image: url(../images/stars/4.gif);
}
div#content p.stars.five {
background-image: url(../images/stars/5.gif);
}
/*
** Stars - groot
*/
div#content p.stars.large {
width: 95px;
height: 15px;
}
div#content p.stars.large_zero {
background-image: url(../images/stars/0_large.gif);
}
div#content p.stars.large_one {
background-image: url(../images/stars/1_large.gif);
}
div#content p.stars.large_two {
background-image: url(../images/stars/2_large.gif);
}
div#content p.stars.large_three {
background-image: url(../images/stars/3_large.gif);
}
div#content p.stars.large_four {
background-image: url(../images/stars/4_large.gif);
}
div#content p.stars.large_five {
background-image: url(../images/stars/5_large.gif);
}
/*
** Footer
*/
div#footer {
background: url(../images/footer_bg.png) repeat-x;
background-color: #a1a1a1;
overflow: visible;
margin-top: 10px;
text-align: center;
}
div#footer div#info {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #747474;
padding-top: 5px;
}
div#footer div#info table td.right {
border-right: 1px solid #d1d1d1;
padding-right: 10px;
}
div#footer div#info img {
margin: 0 10px;
}
div#footer div#end {
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 190%;
padding: 15px 80px;
}
div#footer div#end ul li {
display: inline;
padding: 5px 10px;
}
div#footer div#end ul li a, div#end a {
color: #FFF;
text-decoration: none;
font-weight: bold;
}
div#footer div#end ul li a:hover {
text-decoration: underline;
}
div#end {
line-height: 120% !important;
overflow: auto;
}
div#footer_seo {
margin-top: 15px;
text-align: left;
}
div#footer div#end h2 {
line-height: 20px;
}
/**
* Loading
*/
.loading {
position: absolute;
background: #000;
opacity: 0.20;
}
.loadingText {
position: absolute;
background: #FFF url(/images/loading_arrows.gif) no-repeat 24px 24px;
border: 2px solid #348A6F;
color: #000;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
margin: 0;
padding: 24px 36px 24px 62px;
}
div#clearsearch {
margin-bottom: 40px; margin-top: -23px;
}
div#clearsearch a {
float:right;font-size:10px;padding-top:10px;padding-right:16px;font-family:Arial,Helvetica,sans-serif;
}
.link_seo_country, .link_seo_area {
width: 253px;
float: left;
}
.link_seo_country a, .link_seo_area a {
font-weight: normal !important;
}
/**
* GSA Results
*/
div#right div#gsaResults {
font-family: Arial, sans-serif;
padding-top: 10px;
}
div#right div#gsaResults div.gsaResult {
margin-top: 30px;
}
div#right div#gsaResults div.gsaResult div.gsaResultSnippet {
font-size: 12px;
margin-top: 5px;
}
div#right div#gsaResults div.gsaResult div.gsaResultTitle {
font-weight: bold;
}
div#right div#gsaResults div.gsaResult div.gsaResultTitle a {
text-decoration: none;
}
div#right div#gsaResults div.gsaResult.gsaResultIndented {
margin: 15px 0 0 40px;
}
div#right div#gsaResults div#gsaResultsNoResults {
font-size: 12px;
font-weight: bold;
margin-top: 30px;
}
div#right div#gsaResults div#gsaResultsPagination {
border-top: 1px solid #a0a0a0;
color: #606060;
font-size: 12px;
margin: 30px 0 10px 0;
padding-top: 5px;
text-align: center;
}
div#right div#gsaResults div#gsaResultsPagination a {
text-decoration: none;
}
div#right div#gsaResults div#gsaResultsPagination a.activePage {
font-size: 13px;
font-weight: bold;
}
div#right div#gsaResults div#gsaResultsPagination a.browser {
margin: 0 10px;
}
div#right div#gsaResults div#gsaResultsTotal {
border-bottom: 1px solid #a0a0a0;
color: #606060;
font-size: 12px;
padding-bottom: 5px;
}
div#content div#right div.box div.content h4 {
font-size: 16px;
font-weight: normal;
color: #348A6F;
margin: 0;
padding: 0;
}
#contactForm {
margin-top: 15px;
}
div#content div#right div.box div.content #contactForm td select {
margin: 0;
}
div#content div#left div.box div.content div.banner {
cursor: pointer;
padding-right: 20px;
font-size: 11px;
}
div#content div#left div.box div.content div.banner img {
display: block;
margin-top: 10px;
}
.descriptionLink a {
color: #268165;
font-weight: bold;
}
/***
** Search
***/
div#content div#right div.search div#map {
width: 500px;
height: 310px;
clear: left;
}
div#content div#right div.search div#map.area {
width: 272px;
height: 272px;
}
div#content div#right div.search h3 {
padding: 5px 0 0 0;
width: 210px;
font-weight: normal;
font-size: 12px;
line-height: 150%;
}
div#content div#right div.search p {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #747474
}
div#content div#right div.search img {
margin: 35px 0 0 35px;
display: inline;
}
div#content div#right div.search select {
font-size: 11px;
width: 140px;
}
/* Oude kaart (type1) */
div#content div#right div.search div.searchMap {
display: inline;
float: left;
margin-left: 20px;
width: 280px;
}
/* Nieuwe kaart (type2) */
div#content div#right div.search div#searchMap {
display: inline;
float: left;
height: 155px;
margin: 0 34px 0 0;
width: 250px;
}
div#content div#right div.search div.left, div#content div#right div.box div.search div.right {
display: inline;
float: left;
margin-left: 25px;
width: 280px;
}
div#content div#right div.search div.searchEntireSite {
background: #ffeedd url(../images/content_gradient_bg.png) top left repeat-x;
border-bottom: 1px solid #d1d1d1;
margin: 0 8px 0 8px;
padding: 16px 0 16px 22px;
}
div#content div#right div.search div.searchEntireSite div.searchInput {
background: #ffffff url(../images/search_gsa_input.png) top left no-repeat;
float: left;
height: 24px;
margin: 10px 0 0 0;
padding: 3px 13px 3px 13px;
width: 470px;
}
div#content div#right div.search div.searchEntireSite div.searchInput input.searchField {
background-color: #ffffff;
border-width: 0;
font-size: 16px;
height: 21px;
padding: 2px 0 0 0;
width: 470px;
}
div#content div#right div.search div.searchEntireSite h2 {
color: #348a6f;
font-size: 18px;
font-weight: normal;
}
div#content div#right div.search div.searchEntireSite input.searchButton {
background: #ffffff url(../images/search_gsa_button.png) top left no-repeat;
border-width: 0;
color: #ffffff;
cursor: pointer;
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
height: 33px;
margin: 8px 0 0 5px;
padding-bottom: 2px;
width: 88px;
}
div#content div#right div.search div.searchFields {
display: inline;
float: left;
margin: 10px 34px 0 0;
width: 140px;
}
div#content div#right div.search div.searchFields div.searchField {
margin-top: 10px;
}
div#content div#right div.search div.searchFields h3 {
font-size: 12px;
font-weight: bold;
}
div#content div#right div.search div.searchmore {
margin: 0 25px;
width: 582px;
}
div#content div#right div.search div.searchmore fieldset {
margin: 0;
padding: 0;
border: none;
}
div#content div#right div.search div.searchmore p {
float: left;
width: 200px;
margin: 0;
padding: 0;
color: #747474;
font-size: 11px;
width: 180px;
font-family: Arial, Helvetica, sans-serif;
}
div#content div#right div.searchmore_anchor a {
display: block;
height: 25px;
width: 632px;
}
/**
* Results search type 1
*/
div#content div#right div#resultsSearchType1 {
z-index: 0;
background: url(/images/quicksearch_bg.png) top no-repeat;
height: 80px;
padding: 10px 25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 225%;
}
div#content div#right div#resultsSearchType1 div.GUIValueSelect {
width: 120px;
}
div#content div#right div#resultsSearchType1 div.GUIValueSelect div.selectBox {
min-width: 112px;
}
div#content div#right div#resultsSearchType1 span.width {
padding-right: 15px;
margin-right: 10px;
width: 75px;
background: none;
display: block;
float: left;
}
div#content div#right div#resultsSearchType1 span {
padding-right: 15px;
}
div#content div#right div#resultsSearchType1 span.arrow {
padding-right: 15px;
margin-right: 10px;
background: url(/images/search_right_top_arrow.gif) right no-repeat;
}
div#content div#right div#resultsSearchType1 div.right {
position: absolute;
width: 300px;
left: 330px;
top: 60px;
line-height: normal;
}
div#content div#right div#resultsSearchType1 div.right h3 {
float: right;
color: #747474;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
padding: 10px 10px 0px 0px;
font-weight: normal;
}
div#content div#right div#resultsSearchType1 div.right h1 {
color: #747474;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
padding-bottom: 5px;
font-weight: normal;
}
div#content div#right div#resultsSearchType1 div.right input {
background: url(../images/button2_large.gif) no-repeat;
border: 0;
height: 33px;
width: 66px;
color: #FFF;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
float: right;
cursor: pointer;
}
/**
* Results search type 2
*/
div#content div#right div#resultsSearchType2 {
background: url(../images/mapsearch_bg.png) top no-repeat;
height: 155px;
padding: 7px 10px;
}
div#content div#right div#resultsSearchType2 div.searchFields {
margin-right: 28px;
margin-top: 5px;
}
div#content div#right div#resultsSearchType2 div.right h3 {
color: #747474;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 14px;
margin-top: 3px;
padding: 5px;
text-align: right;
}
div#content div#right div#resultsSearchType2 div.right input {
background: url(../images/button2_large.gif) no-repeat;
border: 0;
color: #FFF;
cursor: pointer;
height: 33px;
float: right;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
margin: 3px 45px 0 0;
width: 66px;
}
div#content div#right div#resultsSearchType2 p {
margin: 10px 0 0 0;
}
/*
* Favourites type 2
*/
div.favourites2_box {
position: relative;
width: 648px;
background: url(../images/favourites/background.png) repeat-y;
color: #666666;
font-size: 12px;
margin-bottom: 10px;
}
div.favourites2_header {
width: 648px;
background: url(../images/favourites/header.png) top left no-repeat;
}
div.favourites2_header h3 {
padding: 15px 0px 30px 10px;
color: #348A6f;
font-size: 16px;
font-weight: normal;
}
div.favourites2_header div.coll h2 {
padding: 15px 0px 30px 10px;
color: #348A6f;
font-size: 15px;
font-weight: bold;
}
div.favourites2_header div.coll {
float: left;
line-height: 17px;
padding: 0px 20px 10px 20px;
margin: 6px 0px 0px 0px;
display: inline;
}
div.favourites2_header div.line {
border-left: 1px solid #d1d1d1;
}
div.favourites2_header div.coll p {
float: left;
line-height: 17px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #747474;
padding: 0;
margin: 0;
}
div.favourites2_header div.coll p a {
color: #348A6f;
float: right;
font-weight: bold;
margin-top: 5px;
text-decoration: none;
}
div.favourites2_header div.coll p a:hover {
text-decoration: underline;
}
div.favourites2_header div.coll h4 {
padding: 0px 0px 5px 0px;
margin: 0;
color: #348A6f;
font-size: 14px;
font-weight: bold;
}
div.favourites2_header div.coll h4 a {
color: #348A6f;
text-decoration: none;
}
div.favourites2_header div.coll table {
border-collapse: collapse;
margin-bottom: 10px;
width: 385px;
}
div.favourites2_header div.coll td {
vertical-align: top;
}
div.favourites2_header div.coll td img {
clear: left;
float: left;
background: #FFFFFF;
border: 1px solid #AEAEAE;
padding: 4px;
margin: 0px 15px 10px 0px;
}
div.favourites2_header div.bottom {
position: absolute;
bottom: -5px;
left: 0;
background: url(/images/content_bottom_bg.gif) bottom no-repeat;
width: 648px;
height: 15px;
}
/*
* Mainsearch type 2
*/
div#content div#right div.boxtype2 {
position: relative;
width: 669px;
}
table.mainsearch2 {
border-collapse: collapse;
}
table.mainsearch2 div.searchField {
margin: 3px 0 0 80px;
}
table.mainsearch2 div.searchField div.GUIValueSelect {
width: 180px;
}
table.mainsearch2 div.searchField div.GUIValueSelect div.selectBox {
min-width: 172px;
}
table.mainsearch2 td div.backgroundLeft {
background: url(/images/content_bg.png) top left repeat-y;
margin-right: 10px;
padding-left: 10px;
width: 280px;
}
table.mainsearch2 td.backgroundRight {
background: url(../images/content_bg.png) top right repeat-y;
}
table.mainsearch2 div.backgroundLeftBottom {
background: #FFfFFF url(../images/content_bottom_bg.gif) top left no-repeat;
height: 15px;
margin-right: 10px;
width: 280px;
}
table.mainsearch2 td.backgroundRightBottom {
background: url(../images/content_bottom_bg.gif) top right no-repeat;
height: 15px;
}
table.mainsearch2 td {
vertical-align: top;
padding: 0;
}
table.mainsearch2 td.text {
line-height: 17px;
padding: 20px 110px 0px 30px;
color: #666666;
font-size: 13px;
}
table.mainsearch2 td.text p {
margin: 0;
padding: 0;
text-align: justify;
width: 200px;
}
table.mainsearch2 td.text h2 {
line-height: 22px;
padding: 10px 0px 20px 0px;
margin: 0;
color: #348A6f;
font-size: 18px;
font-weight: normal;
}
table.mainsearch2 div.gradient {
border: 1px solid #FFFFFF;
background: #FFEEDD url(../images/content_gradient_bg.png) top left repeat-x;
}
table.mainsearch2 div.backgroundLeft h3 {
background: none;
color: #666666;
font-size: 13px;
margin: 0;
padding: 5px 0px 10px 20px;
text-transform: none;
}
table.mainsearch2 div.backgroundLeft p {
margin: 2px 0px;
padding: 0;
}
table.mainsearch2 div.backgroundLeft select {
border: 1px solid #9cceab;
font-size: 11px;
color: #666666;
padding: 2px 3px;
margin-left: 80px;
width: 180px;
}
table.mainsearch2 div.backgroundLeft input.submit {
background: url(../images/button_largest.gif) no-repeat;
border: 0;
height: 30px;
width: 75px;
color: #FFF;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
padding-left: 5px;
margin: 5px 0 0 95px;
cursor: pointer;
}
table.mainsearch2 div.backgroundLeft input {
margin-left: 80px;
}
table.mainsearch2 div.backgroundLeft label {
color: #666666;
font-size: 12px;
}
table.mainsearch2 div.backgroundLeft div.housesfound h2 {
color: #348A6f;
float: left;
font-size: 28px;
margin: 0;
}
table.mainsearch2 div.backgroundLeft div.housesfound table {
border-collapse: collapse;
margin: 0px 0px 0px 20px;
}
table.mainsearch2 div.backgroundLeft div.housesfound table td {
color: #666666;
font-size: 12px;
vertical-align: top;
}
table.mainsearch2 div.backgroundLeft div.housesfound table td input {
margin: 0px 0px 0px 122px;
padding: 0;
}
table.mainsearch2 div.backgroundLeft div.searchmore_anchor2 a {
display: block;
height: 21px;
margin-top: 0px;
}
table.mainsearch2 div.searchmore_anchor2.nl_NL a {
background: url(../images/searchmore/nl/search_down.gif) no-repeat -350px 0px;
}
table.mainsearch2 div.searchmore_anchor2.up.nl_NL a {
background: url(../images/searchmore/nl/search_up.gif) no-repeat -350px 0px;
}
table.mainsearch2 div.searchmore_anchor2.de_DE a {
background: url(../images/searchmore/de/search_down.gif) no-repeat -350px 0px;
}
table.mainsearch2 div.searchmore_anchor2.up.de_DE a {
background: url(../images/searchmore/de/search_up.gif) no-repeat -350px 0px;
}
table.mainsearch2 div.searchmore_anchor2.en_US a {
background: url(../images/searchmore/en/search_down.gif) no-repeat -350px 0px;
}
table.mainsearch2 div.searchmore_anchor2.up.en_US a {
background: url(../images/searchmore/en/search_up.gif) no-repeat -350px 0px;
}
table.mainsearch2 div.searchmore_anchor2.fr_FR a {
background: url(../images/searchmore/fr/search_down.gif) no-repeat -350px 0px;
}
table.mainsearch2 div.searchmore_anchor2.up.fr_FR a {
background: url(../images/searchmore/fr/search_up.gif) no-repeat -350px 0px;
}
div#content div#left ul.nav li a:hover, div#content div#left ul.nav li.active2 a {
background: none;
color: #348A6F;
}
/* Sidebar nieuw */
div#content div#left ul.nav li.active2 div {
margin: 0 6px;
width: 199px;
height: 156px;
}
/* Booktype 2 */
div.bookType2container {
background: #FDFDFD url('../images/bookingstatus/book_background_gradient.png') repeat-x;
padding: 10px 0px 0px 25px;
margin: 0px 8px 0px -2px;
}
div.bookType2container table.bookType2 td.formError select {
background: #FFBBC9;
border: 2px solid #FF284A;
}
div#content div#right div.box div#booking .bookingType2StepTitle {
color: #348a6f;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
table.bookType2 td.validationIcon {
line-height: normal;
vertical-align: bottom;
}
table.bookType2 .radio_list li {
float: left;
padding-right: 70px;
}
table.bookType2 .radio_list input {
float: left;
}
table.bookType2 .radio_list label {
position: absolute;
}
table.bookType2 td.name {
float: right;
}
div#helpTextPosition1 div#helpText1,
table.bookType2 td div#helpText2 {
background: #FFFEE6 url('../images/help_text_bg.png') repeat-x;
border: 1px solid #EAEAEA;
padding: 8px 10px;
width: 150px;
}
table.bookType2 td div#helpText2 {
width: 200px;
}
div#helpTextPosition1 div#helpText1 div,
table.bookType2 td div#helpText2 div {
background:url('../images/icons/helptext.png') top left no-repeat;
}
div#helpTextPosition1 div#helpText1 div b,
table.bookType2 td div#helpText2 div b {
margin: 0px 0px 0px 24px;
}
div#helpTextPosition1 {
text-align: left;
padding: 5px 15px 0px 0px;
width: 200px;
position: absolute;
right: 0px;
}
table.bookType2 td#helpTextPosition2 {
vertical-align: top;
}
div#content div#right div.box ul#backBookingType2 {
margin: 5px 0px;
}
div#content div#right div.box ul#backBookingType2 li a {
background: url('../images/left/arrow_home.gif') no-repeat left center;
color: #000000;
padding: 0px 0px 0px 12px;
}
div#content div#right div.box div#booking div.bookingnav input.subm.previousType2 {
background: url(../images/bookingstatus/nav_bg.gif) no-repeat;
padding: 4px;
position: absolute;
left: 0;
width: 110px;
}
div#content div#right div.box div#booking div.bookingnav input.subm.nextType2 {
background: url('../images/bookingstatus/next_button.png') no-repeat top left;
color: #f5faff;
height: 32px;
padding: 0px 25px 0px 0px;
position: absolute;
right: 20px;
bottom: -5px;
font-weight: bold;
width: 139px;
}
div#content div#right div.box div#booking .bookType2container input.error,
div#content div#right div.box div#booking .bookType2container select.error {
background: #FFFFFF;
border: 1px solid #7F9DB9;
}
.bookingType2 {
float: left;
left: 30px
}
div#content div#left div#search_left ul.search a.back.last.bookingType2BackLink {
background-position: 0px 17px;
padding: 15px 0 0 15px;
width: 150px;
}
/* Eigen huis verhuren */
.register td.name {
float: right;
}
/* Background fading layers */
div.backgroundLayer {
background-position: 0px -37px;
height: 213px;
position: absolute;
width: 924px;
}
/* Detailpage containers */
div#detailpage_container {
clear: both;
margin: 0px 30px 0px 10px;
padding: 15px 0px 0px 0px;
}
div.detailpage_component_container {
margin-left: 20px;
}
div#content div.detailpage_component_container.full,
div#content div.detailpage_component_container.prices {
margin: 0px 30px 5px 0px;
padding: 0px 0px 0px 10px;
}
div#content div.detailpage_component_container.important {
margin: 0px 30px 5px 0px;
padding: 0px 0px 0px 0px;
}
div#content div.detailpage_component_container.full div.background {
background: url('/images/new/full_container_background.png') repeat-y;
width: 855px;
padding: 0px 15px 0px 11px;
}
div#content div.detailpage_component_container.prices div.background {
background: url('/images/new/prices_container_background.png') repeat-y;
padding: 0px 0px 0px 11px;
}
div#content div.detailpage_component_container.important div.background {
background: url('/images/new/important_container_background.png') repeat-y;
padding: 0px 0px 0px 11px;
width: 400px;
}
div#content div.detailpage_component_container.full div.sub ul.tab li {
margin: 0;
padding: 0;
}
div#content div.detailpage_component_container.full div.box div.header {
background: url('../images/new/full_container_header.png') no-repeat;
width: 880px;
}
div#content div.detailpage_component_container.prices div.box div.header {
background: url('../images/new/prices_container_header.png') no-repeat;
width: 525px;
}
div#content div.detailpage_component_container.important div.box div.header {
background: url('../images/new/important_container_header.png') no-repeat;
width: 385px;
}
div#content div.detailpage_component_container div.box div.content p {
margin: 0;
padding: 10px 10px 5px 0px;
}
/* Detailpage header */
div#detailpage_header {
margin: 0px 0px 15px 2px;
width: 545px;
}
div#detailpage_header h1 {
color: #348A6F;
font-size: 14px;
margin: 0px 0px 5px 0px;
padding: 0;
text-transform: uppercase;
}
div#detailpage_header p {
color: #555555;
margin: 0;
padding: 0;
font-size: 13px;
}
div#detailpage_header .stars {
float: right;
}
/* Detailpage foto's */
div#detailpage_photo div {
float: left;
font-size: 12px;
padding: 5px 0px 15px 5px;
width: 275px;
}
div#detailpage_photo img.mainphoto {
background: url('../images/images_large_bg.gif') no-repeat;
padding: 7px;
}
div#detailpage_photo div#middle ul {
height: 210px;
}
div#detailpage_photo li {
height: 69px;
float: left;
list-style: none;
margin: 0px 0px 0px 5px;
}
div#detailpage_photo li img {
background: url('../images/images_small_bg.gif') no-repeat;
padding: 5px;
}
div#detailpage_photo div#middle div#detailpage_photo_navigation {
color: #888888;
text-align: right;
padding: 0;
width: 265px;
}
div#detailpage_photo div#middle div#detailpage_photo_navigation table {
float: right;
}
/* Detailpage beknopt overzicht */
div#detailpage_overview ul.actions {
padding: 20px 0px 0px 0px;
}
div#detailpage_overview ul.actions li {
float: left;
list-style: none;
margin: 0px 7px 10px 0px;
}
div#detailpage_overview ul.actions li a {
color: #FF7200;
}
div#detailpage_overview .save_house {
background: url('/images/new/icons/star.png') top left no-repeat;
border: none;
color: #FF7200;
cursor: pointer;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px 0px 0px 8px;
}
div#detailpage_overview h2 {
clear: both;
color: #000000;
font-size: 12px;
margin: 0px 0px 5px 0px;
}
div#detailpage_overview li {
font-size: 12px;
}
div#detailpage_overview p a {
color: #293E6A;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
}
/* Lightbox titel */
#imageData #caption {
color: #348A6F;
}
/* Blok met belangrijke info in boekingspagina */
div#book_container_important div.header {
background: url('/images/left_header_bg.png') no-repeat;
}
div#book_container_important div.header h3 {
color: #348A6F;
font-size: 14px;
padding: 20px 20px 14px 20px;
}
div#book_container_important div.background {
background: url('/images/left_bg.png') repeat-y;
}
div#book_container_important div.characteristic {
padding: 10px 20px 10px 20px;
margin-right: 20px;
}
div#book_container_important div.characteristic ul {
font-family: Arial, Helvetica ,sans-serif;
font-size: 12px;
list-style: none;
color: #555555;
margin: 0;
}
div#book_container_important div.characteristic ul li {
line-height: 160%;
margin: 0;
padding: 0px 0px 0px 15px;
}
div#book_container_important .button {
width: 85px;
height: 33px;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background: url(../images/button2_largest.gif) no-repeat;
border: none;
cursor: pointer;
}
/* Wissen knoppen */
div#content input.erase {
background: url(/images/button_largest.gif) no-repeat;
border: none;
color: #FFF;
cursor: pointer;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
height: 30px;
width: 75px;
}
div#content div#right div.box div.header.breadcrumbs a.eraseTheme,
div#content div#right div.box div.header.breadcrumbs a.mediaContent,
div#content div#right div.box div.header a.mediaContent {
color: #348A6F;
cursor: pointer;
font-weight: bold;
float: right;
text-decoration: underline;
}
div#content div#right div.box div.header.breadcrumbs a.eraseTheme {
margin: 20px 20px 0px 0px;
}
/* Acco lijst (bookmarks, history, seo introductie) */
div.box.accoList {
margin: 0 0 5px 10px;
}
div.box.accoList div.background {
background: url('/images/new/full_container_background.png') repeat-y;
width: 855px;
padding: 0px 15px 0px 11px;
}
div.box.accoList div.bottom {
background: url(/images/new/full_container_bottom.png) bottom left no-repeat;
width: 880px;
height: 13px;
}
div.box.accoList div.content {
color: #666666;
font-size: 12px;
line-height: 17px;
margin: 0;
padding: 5px 15px 5px 20px;
}
div.box.accoList div.header {
background: url('/images/new/full_container_header.png') no-repeat;
width: 880px;
}
div.box.accoList div.header h3 {
font-size: 14px;
color: #348A6F;
padding: 22px 0 17px 30px;
}
div.box.accoList div.header h2 {
font-size: 14px;
color: #348A6F;
padding: 22px 0 17px 30px;
}
div.box.accoList div.item {
float: left;
margin-left: 10px;
width: 197px;
}
div.box.accoList div.item.first {
margin-left: 0;
}
div.box.accoList div.item div.description {
float: right;
width: 108px;
}
div.box.accoList div.item p {
color: #747474;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 130%;
margin: 0 0 5px 0;
}
div.box.accoList div.item p a {
color: #000;
font-weight: bold;
text-decoration: none;
}
div.box.accoList div.item p a:hover {
text-decoration: underline;
}
div.box.accoList div.item p.stars {
margin: 5px 0 !important;
}
div.box.accoList div.item img {
background: url(/images/content_3c/img_bg.gif) no-repeat;
margin-right: 5px;
padding: 5px 4px 4px 4px;
}
/* Beoordelingen op detailpagina */
table#latestScores {
border: 1px solid #FFC880;
}
table#latestScores td {
background: #FFC880;
cursor: pointer;
padding: 5px;
text-align: center;
width: 20px;
}
table#latestScores td.even {
background: #FFDAA9;
}
table#latestScores td.header {
background: none;
font-weight: bold;
padding: 5px;
width: auto;
}
#detail_tabs .appraisal a {
color: #348A6F;
font-weight: bold;
}
/* Notificatie */
#notification {
margin: 4px 0px 3px 8px;
font-size: 12px;
font-weight: bold;
height: 18px;
padding: 6px 10px;
text-align: center;
}
#notification .big {
font-size: 14px;
}
/* Display offer */
span.displayOldPrice {
background: url('/images/markers/offer.png') no-repeat 0px 1px;
color: #747474;
}
/* Minimum prijs listerpagina */
div#right div.priceInfo {
margin: 10px 0;
}
div#right div.priceInfo div.priceInfoActual {
clear: right;
font-weight: bold;
font-size: 22px;
float: right;
margin: 4px 0;
}
div#right div.priceInfo div.priceInfoBox {
padding: 6px;
}
div#right div.priceInfo div.priceInfoFrom {
font-size: 12px;
text-align: right;
}
div#right div.priceInfo div.priceInfoPeriod {
clear: right;
float: right;
font-size: 12px;
}
div#right div.priceInfo div.priceInfoPrevious {
background: url('/images/markers/offer.png') no-repeat 0 1px;
float: right;
margin-left: 5px;
}
div#right div.priceInfoUnknown {
color: #a0a0a0;
font-style: italic;
text-align: center;
}
div#content div#right div.box div.content div.right ul.priceInfoList {
font-size: 11px;
}
div#content div#right div.box div.content div.right ul.priceInfoList li {
color: #747474;
float: none;
text-align: right;
width: auto;
}
/* Stijl voor selectie velden */
div.GUIValueSelect div.selectMain {
color: #666666;
}
/* Afbeeldingen op de detailpagina */
.emailAcccommodationLink {
background: url('../../images/icons/email.png') no-repeat top left;
padding: 0px 0px 2px 22px;
}
.printAcccommodationLink {
background: url('../../images/icons/print.png') no-repeat top left;
padding: 0px 0px 2px 22px;
}
.saveAcccommodationLink {
background: url('../../images/icons/star.png') no-repeat top left;
padding: 0px 0px 2px 22px;
}
/* Foto navigatie op de detailpagina */
.previousAccommodationPhotoSet {
background: url('../../images/icons/left.png') no-repeat top left;
display: block;
height: 17px;
width: 17px;
}
.nextAccommodationPhotoSet {
background: url('../../images/icons/right.png') no-repeat top left;
display: block;
height: 17px;
width: 17px;
}
/* Smoelenboek */
div.departmentHeader{
padding-top: 6px;
padding-bottom: 2px;
height: 24px;
background: #FFFFFF url('/images/content_gradient_bg_facebook.png') repeat-x bottom left;
padding-left: 8px;
font-size: 12px;
font-weight: bold;
}
div.departmentHeader div.background {
width: 12px;
height: 12px;
background-position: top;
}
div.departmentHeader td.open div.background {
background-position: bottom;
}
div.departmentDetail {
background-color: #ffffff;
padding: 8px;
}
div.departmentDetail div.naam {
font-size: 13px;
}
div.departmentDetail div.functie {
max-width: 110px;
width: 110px;
overflow: hidden;
}
div.departmentDetail table {
border-collapse: collapse;
}
div.departmentDetail td.persoon {
padding-top: 10px;
text-align: center;
vertical-align: top;
max-height: 200px;
}
div#popupFaceContainer div#wiezijnwijDetail {
background: url('/images/transparent.png') repeat !important;
width: 400px !important;
}
div#smoelenboek {
color: #747474;
margin: 12px 0 18px;
border: 1px solid #EBEBEB;
}
/* Search Widget */
div.widget {
text-align: center;
color: #747474;
width: 300px;
height: 300px;
margin: 0 auto;
}
div.widget div.logo {
margin-top: 10px;
}
div.widget div.slogan {
font-size: large;
margin-bottom: 10px;
}
div.widget div.description {
margin-bottom: 10px;
}
div.widget div.searchFields {
}
div.widget div.searchFields div.label {
font-size: 0.85em;
}
div.widget div.searchFields div.searchField{
margin-bottom: 1px;
}
div.widget div.searchcount {
}
div.widget div.submit {
margin-top: 5px;
}
div.widget div.submit input {
width: 72px;
height: 37px;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
background: url(../images/searchcount_submit.gif) no-repeat;
border: none;
cursor: pointer;
}
div.GUIValueSelect ul.selectBox {
z-index: 0;
background-color: white;
}