/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* GLOBAL : DEFAULT */ /* _________________________________________________________________________ */ /* _________________________________________________________________________ */ body { background-color: #ffffff; margin: 0px; } body, input, textarea, select { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.9em; } table { font-size: 1em; } table table { font-size: 1em; } table table table { font-size: 1em; } table table table table { font-size: 1em; } table table table table table { font-size: 1em; } div { /* border-color: #bababa; border-style: dashed; border-width: 1px; padding: 4px; margin: 4px */ } td { /* border-color: #000000; border-style: dashed; border-width: 1px; margin: 6px */ } /* info box */ /* ----------------------------------------------------------------------- */ #global-info-box { color: #FFA518; padding: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; width: 100%; background-color: #FFFFFF; font-weight: bold; text-align: center; } #global-infos { color: #58A04E; } /* error box */ /* ----------------------------------------------------------------------- */ #global-error-box { padding: 10px; margin-top: 22px; margin-bottom: 10px; margin-left: auto; margin-right: auto; width: 100%; background-color: #E71F1F; color: #FFFFFF; font-weight: bold; text-align: center; } #global-error-box a { color: #FFFFFF; } #global-errors { } #global-errors a { color: #E71F1F; text-decoration: none; } /* modal box */ /* ------------------------------------------------------------------------- */ #modal_container { overflow: auto; border: 33px solid #FFFFFF; width: 50%; background-color: #FFFFFF; } #modal_container.info { } #modal_container.error { } #modal_subcontainer { border: 1px solid #E71F1F; } #modal_subcontainer.info { border: 1px solid #58A04E; } #modal_button { display: block; text-align: right; padding-right: 8px; padding-top: 14px; padding-bottom: 14px; font-size: 120%; } #modal_button a { color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 5px; border: 1px solid #FFFFFF; } #modal_button a:hover { color: #FFFFFF; border: 1px solid #FFFFFF; } #modal_button.info { background-color: #58A04E; } #modal_button.error { background-color: #E71F1F; } #modal_content { margin-top: 22px; padding-right: 11px; padding-top: 44px; padding-bottom: 44px; color: #58A04E; font-size: 150%; padding-left: 22px; } #modal_content.info { font-size: 150%; text-align: center; color: #58A04E; margin-bottom: 22px; font-weight: bold; } #modal_content.error { padding-top: 77px; padding-bottom: 22px; margin-bottom: 55px; } #modal_overlay { } #modal_overlay.info { background-color: #FFFFFF; } #modal_overlay.error { background-color: #FFFFFF; } /* forms */ /* ----------------------------------------------------------------------- */ input { margin-top: 5px; color: #5D4133; border: inset 1px #e6e6e6; } .submit { font-size: 140%; text-decoration: underline overline; line-height: 8px; padding: 4px 22px 4px 22px; color: #FFFFFF; background-color: #58A04E; border: 2px solid #58A04E; cursor: pointer; } .submit:hover { } select { margin-top: 5px; color: #5D4133; border: inset 1px #e6e6e6; } textarea { margin-top: 5px; color: #5D4133; border: inset 1px #e6e6e6; } .form-title-mandatory { color: #E71F1F; font-weight: bold; } .form-title-error { color: #E71F1F; font-weight: bold; } .form-title-error:link { color: #E71F1F; text-decoration: none; font-weight: bold; } .form-title-error:visited { color: #E71F1F; text-decoration: none; font-weight: bold; } .form-title-error:active { color: #E71F1F; text-decoration: none; font-weight: bold; } .form-title-error:hover { color: #E71F1F; text-decoration: none; font-weight: bold; } .form-title-ok { color: #58A04E; font-weight: bold; } .form-field-default { background-color: #FFFFFF; color: #5D4133; } .form-field-error { background-color: #E71F1F; color: #FFFFFF; } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* GLOBAL : CUSTOM */ /* _________________________________________________________________________ */ /* _________________________________________________________________________ */ hr { color: #5D4133; background-color: #5D4133; width: 100%; height: 1px; border: 0px; } #temp-clear { clear: both; } #area-all { height : auto !important; /* ignored by IE, applied everywhere else */ height : 100%; /* IE treats as min-height */ min-height : 100%; /* IE ignores this */ width: 998px; font-size: 80%; margin: 0px; padding: 0px; border-left: 1px solid #DBC9A8; border-right: 1px solid #DBC9A8; } #area-top { width: 100%; text-align: left; padding-top: 10px; } #area-top a.link-home { float: left; padding-left: 22px; color: #000000; font-weight: bold; text-decoration: none; margin-top: 4px; } #area-top a.link-home:hover { text-decoration: underline; } #area-top-flags { padding-bottom: 8px; float: left; width: 124px; text-align: right; } #area-top-flags a { padding-left: 6px; } #area-top-nav-contact { float: left; padding-left: 15px; margin-top: 0px; font-size: 92%; } #area-top-nav-contact a { text-decoration: underline; color: #000000; } #area-top-decor { width: 998px; height: 344px; background-position: top left; } #area-top-nav { padding-left: 33px; margin-bottom: 22px; background-image: url('images/nav_top_inter.gif'); background-repeat: repeat-x; background-position: center center; text-align: left; } #area-top-nav a { padding-left: 11px; padding-right: 11px; margin-right: 33px; background-color: #ffffff; font-size: 130%; font-weight: bold; color: #000000; text-decoration: none; } #area-top-nav a:hover { color: #58A04E; text-decoration: underline; } #area-left-nav-container { float: left; width: 391px; height: 527px; background-image: url('images/nav_left_bg.jpg'); background-repeat: no-repeat; background-position: 0px 0px; } #area-left-nav { margin-top: 240px; padding-left: 222px; position: relative; } #area-mid-nav { -moz-box-sizing: border-box; display: block; width: 998px; height: 119px; color: #FFFFFF; font-weight: bold; text-decoration: none; background-image: url('images/nav_mid_bg.jpg'); background-repeat: no-repeat; text-align: left; padding-top: 18px; } #area-mid-nav .line { -moz-box-sizing: border-box; display: block; background-image: url('images/nav_mid_puce.gif'); background-repeat: no-repeat; background-position: left 2px; padding-left: 11px; padding-bottom: 10px; } #area-right { float: right; width: 580px; margin-left: 22px; text-align: left; } #area-right-title-container { text-align: left; background-repeat: repeat-x; background-position: center center; background-image: url('images/content_title_bg.gif'); margin-bottom: 40px; } #area-right-title { font-size: 185%; font-weight: bold; color: #5D4133; background-color: #FFFFFF; padding-right: 15px; } #area-right-content { font-size: 110%; text-align: left; margin-right: 11px; } #area-right-content a { color: #58A04E; text-decoration: underline; } #area-right-content hr { color: #58A04E; background-color: #58A04E; } #area-right-content table.t1 { border: 1px #FFFFFF dotted; border-collapse: collapse; border-spacing: 0px; } #area-right-content table.t1 td { border-right: 1px #DBC9A8 dotted; border-left: 1px #DBC9A8 dotted; padding-top: 4px; padding-bottom: 4px; padding-left: 10px; padding-right: 10px; } #area-right-content table.t2 { border: 1px #FFFFFF dotted; border-collapse: collapse; border-spacing: 0px; vertical-align: top; } #area-right-content table.t2 td { border-bottom: 1px #DBC9A8 dotted; border-right: 1px #DBC9A8 dotted; padding-top: 4px; padding-bottom: 4px; padding-left: 10px; padding-right: 10px; vertical-align: top; } #area-bottom { clear: both; -moz-box-sizing: border-box; display: block; width: 998px; height: 39px; background-image: url('images/nav_bot_bg.gif'); text-align: left; color: #5D4133; font-weight: bold; padding-left: 22px; padding-top: 18px; } #area-bottom a { color: #5D4133; text-decoration: none; } #area-bottom a:hover { text-decoration: underline; } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* MODULE : FLAGS */ /* _________________________________________________________________________ */ /* _________________________________________________________________________ */ #flags-container { width: 100%; text-align: left; padding-left: 18px; padding-top: 12px; } #flag-container { float: left; } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* SCRIPT : NAVIGATION */ /* _________________________________________________________________________ */ /* _________________________________________________________________________ */ /* path */ #navigation-path-container { width: 580px; } #navigation-path { width: 580px; font-weight: bold; font-size: 105%; color: #5D4133; margin-top: 22px; margin-bottom: 33px; line-height: 150%; padding-bottom: 8px; border-bottom: 1px solid #58A04E; } #navigation-path-intro { font-weight: bold; } #navigation-path-pages { } #navigation-path-pages .ispage { } #navigation-path-pages a { color: #58A04E; text-decoration: none; } #navigation-path-pages a:hover { text-decoration: underline; } .navigation-path-inter { } /* curnav */ #navigation-curnav-container { } #navigation-curnav { } #navigation-curnav a { width: 171px; -moz-box-sizing: border-box; display: block; color: #DBC9A8; font-weight: bold; text-decoration: none; border-top: 1px solid #DBC9A8; padding-top: 8px; padding-bottom: 8px; } #navigation-curnav a:hover { color: #5D4133; border-top: 1px solid #5D4133; } #navigation-curnav a.ispage { color: #5D4133; border-top: 1px solid #5D4133; } /* subnav */ #navigation-subnav-container { width: 300px; } #navigation-subnav { width: 300px; font-size: 105%; font-weight: bold; margin-top: 22px; margin-bottom: 33px; line-height: 150%; color: #5D4133; } #navigation-subnav a { -moz-box-sizing: border-box; display: block; width: 500px; color: #FFFFFF; text-decoration: none; border-bottom: 1px solid #FFFFFF; padding-top: 4px; padding-bottom: 4px; padding-left: 11px; padding-right: 11px; background-color: #DBC9A8; } #navigation-subnav a:hover { color: #FFFFFF; background-color: #5D4133; } #navigation-subnav-title { width: 500px; padding-bottom: 22px; } #navigation-subnav hr { width: 500px; color: #58A04E; background-color: #58A04E; } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* SCRIPT : CONTACT */ /* _________________________________________________________________________ */ /* _________________________________________________________________________ */ #contact-container { width: 100%; text-align: center; padding-top: 20px; } #contact { width: 500px; margin-left: auto; margin-right: auto; position: relative; } #contact .box-f { } #contact .label-f { color: #58A04E; font-weight: bold; text-align: left; padding-top: 4px; } #contact .data-f { text-align: left; } #contact .data-f input.text { } #contact .data-f textarea { } #contact .data-f select { } #contact-submit { } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* MODULE : MEMBERS */ /* _________________________________________________________________________ */ /* _________________________________________________________________________ */ /* registration */ /* ----------------------------------------------------------------------- */ #members-reg-container { width: 100%; } #members-reg-content { } #members-reg-content hr { color: #FFFFFF; background-color: #FFFFFF; width: 100%; height: 1px; border: 0px; } #members-reg-title { border-top: 1px solid #58A04E; color: #58A04E; font-weight: bold; padding-top: 1em; padding-bottom: 1em; } #members-reg-data { } #members-reg-label { padding-top: 6px; text-align: left; } #members-reg-field { text-align: left; } #members-reg-field input.text { width: 200px; } #members-reg-field textarea { width: 400px; height: 100px; } #members-reg-field select { } #members-reg-submit checkbox { } #members-reg-cond { } #members-reg-cond-title { border-top: 1px solid #58A04E; color: #58A04E; font-weight: bold; padding-top: 1em; padding-bottom: 1em; } #members-reg-summary-label { font-weight: bold; color: #5D4133; text-align: left; padding-top: 1em; } #members-reg-summary-field { color: #000000; padding-left: 3em; } #members-reg-submit { text-align: center; padding-top: 2em; } #members-reg-gateway { text-align: center; } /* login */ /* ----------------------------------------------------------------------- */ #members-log-container { width: 100%; text-align: left; padding-top: 20px; } #members-log-content { width: 550px; } #members-log-form { border-top: 1px solid #58A04E; padding-bottom: 2em; } #members-log-form-title { text-align: right; color: #58A04E; font-weight: bold; padding-top: 1em; padding-bottom: 1em; } #members-log-data { } #members-log-label { } #members-log-field { } #members-log-field input.text { width: 200px; } #members-log-submit { padding-top: 1em; } #members-log-option { margin-left: auto; margin-right: auto; text-align: left; } /* retrieval */ /* ----------------------------------------------------------------------- */ #members-get-form { border-top: 1px solid #58A04E; padding-bottom: 2em; } #members-get-form-title { color: #58A04E; font-weight: bold; padding-top: 1em; padding-bottom: 1em; } #members-get-data { } #members-get-label { text-align: left; } #members-get-field { text-align: left; } #members-get-field input.text { width: 300px; } #members-get-submit { padding-top: 1em; } #members-log-reg { padding-top: 1em; padding-bottom: 1em; border-top: 1px solid #58A04E; font-size: 200%; margin-left: auto; margin-right: auto; text-align: center; } /* session */ /* ----------------------------------------------------------------------- */ #members-session-container { float: right; text-align: center; } #members-session-content { font-size: 85%; color: #ffffff; font-weight: bold; margin-left: auto; margin-right: auto; position: relative; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; } #members-session-content a { color: rgb(255,204,0); text-decoration: none; } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* MODULE : rates */ /* _________________________________________________________________________ */ /* _________________________________________________________________________ */ /* currency selector */ /* ----------------------------------------------------------------------- */ #currency-selector-container { width: 171px; -moz-box-sizing: border-box; display: block; color: #5D4133; border-top: 1px solid #DBC9A8; margin-top: 77px; padding-top: 11px; } #currency-selector { } #currency-selector select { font-size: 100%; width: 171px; } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* MODULE : hotel */ /* _________________________________________________________________________ */ /* _________________________________________________________________________ */ /* hotel type nav */ /* ----------------------------------------------------------------------- */ #hotel-type-nav-container { } #hotel-type-nav { margin-left: 340px; padding-left: 33px; background-image: url('images/nav_top_inter.gif'); background-repeat: repeat-x; background-position: center center; text-align: center; } #hotel-type-nav a { padding-left: 11px; padding-right: 11px; margin-right: 88px; background-color: #ffffff; font-size: 130%; font-weight: bold; color: #000000; text-decoration: none; } #hotel-type-nav a:visited { } #hotel-type-nav a:active { } #hotel-type-nav a:hover { color: #58A04E; text-decoration: underline; } #hotel-type-nav a.ispage { } /* hotel room list /* ----------------------------------------------------------------------- */ #hotel-room-list-container { width: 100%; text-align: left; } #hotel-room-list { } #hotel-room-list-linebreak { height: 30px; } #hotel-room-list-type-name { padding-left: 22px; font-size: 150%; text-decoration: underline; font-weight: bold; padding-bottom: 33px; color: #58a04e; } #hotel-room-list-type-desc { padding-left: 22px; padding-bottom: 33px; } #hotel-room-list-type-go { text-align: center; padding-top: 33px; } #hotel-room-list-type-go a { font-weight: bold; font-size: 110%; padding: 5px 15px 5px 15px; background-color: #DBC9A8; color: #5D4133; text-decoration: none; border: 1px solid #5D4133; } #hotel-room-list-type-go a:hover { color: #ffffff; background-color: #5D4133; color: #ffffff; } #hotel-room-list-storey { color: #DBC9A8; margin-left: 44px; font-weight: bold; margin-bottom: 33px; border-bottom: 1px solid #DBC9A8; padding-bottom: 11px; } #hotel-room-list-name { color: #5D4133; margin-left: 44px; line-height: 2em; font-weight: bold; font-size: 170%; } #hotel-room-list-desc { border-left: 2px dotted #DBC9A8; margin-left: 66px; margin-bottom: 44px; padding-left: 11px; } #hotel-room-list-desc .type { display: inline; font-weight: bold; } #hotel-room-list-desc .max-pers { display: inline; font-weight: bold; } #hotel-room-list-desc .bed { margin-top: 11px; } #hotel-room-list-desc .sdb { margin-bottom: 11px; } #hotel-room-list-desc .photos { display: inline; font-weight: bold; } #hotel-room-list-desc .photos a { color: #DBC9A8; } #hotel-room-list-desc .photos a:hover { color: #5D4133; } #hotel-room-list-desc .detail { display: inline; border-left: 1px solid #DBC9A8; margin-left: 11px; padding-left: 11px; font-weight: bold; } #hotel-room-list-desc .detail a { color: #DBC9A8; } #hotel-room-list-desc .detail a:hover { color: #5D4133; } #hotel-room-list-desc .price { margin-top: 11px; } #hotel-room-list-desc .extra-info { margin-left: 15px; display:list-item; list-style-type: square; font-style: italic; } #hotel-room-list-desc .order { font-weight: bold; margin-top: 11px; } #hotel-room-list-desc .order a { color: #DBC9A8; } #hotel-room-list-desc .order a:hover { color: #5D4133; } /* hotel room pager */ /* ----------------------------------------------------------------------- */ #hotel-room-list-pager { width: 100%; margin: 20px 0px 20px 0px; text-align: center; } #hotel-room-list-pager a:link { font-weight: normal; } #hotel-room-list-pager a:visited { font-weight: normal; } #hotel-room-list-pager a:active { font-weight: normal; } #hotel-room-list-pager a:hover { font-weight: normal; } /* hotel room detail */ /* ----------------------------------------------------------------------- */ #hotel-room-detail-container { width: 100%; text-align: left; } #hotel-room-detail { } #hotel-room-detail-linebreak { height: 30px; } #hotel-room-detail-storey { width: 100%; color: #58A04E; font-weight: bold; border-top: 1px solid #58A04E; margin-top: 11px; padding: 11px 0px 11px 0px; } #hotel-room-detail-storey .label { display: inline; } #hotel-room-detail-storey .data { margin-left: 0.6em; display: inline; } #hotel-room-detail-name { width: 100%; font-size: 150%; font-weight: bold; color: #FFFFFF; text-decoration: none; padding: 11px 0px 11px 11px; background-color: #58A04E; margin-bottom: 11px; } #hotel-room-detail-type { width: 100%; color: #58A04E; font-weight: bold; border-bottom: 1px solid #58A04E; margin-bottom: 11px; padding-bottom: 11px; } #hotel-room-detail-type .label { display: inline; } #hotel-room-detail-type .data { display: inline; } #hotel-room-detail-desc { margin: 22px 0px 22px 0px; } #hotel-room-detail-photos-container { margin-bottom: 22px; text-align: center; } #hotel-room-detail-photos { } #hotel-room-detail-photos a { font-weight: bold; font-size: 110%; padding: 5px 15px 5px 15px; background-color: #DBC9A8; color: #5D4133; text-decoration: none; border: 1px solid #5D4133; } #hotel-room-detail-photos a:hover { color: #ffffff; background-color: #5D4133; color: #ffffff; } #hotel-room-detail-bed-container { padding-bottom: 11px; } #hotel-room-detail-bed-label { font-weight: bold; border-top: 1px solid #DBC9A8; margin-top: 11px; padding: 11px 0px 11px 0px; } #hotel-room-detail-bed-data { } #hotel-room-detail-bed-single { display: list-item; list-style-type: square; margin-left: 15px; } #hotel-room-detail-bed-single .label { display: inline; } #hotel-room-detail-bed-single .data { display: inline; } #hotel-room-detail-bed-double { display: list-item; list-style-type: square; margin-left: 15px; } #hotel-room-detail-bed-double .label { display: inline; } #hotel-room-detail-bed-double .data { display: inline; } #hotel-room-detail-sdb-container { padding-bottom: 11px; } #hotel-room-detail-sdb-label { font-weight: bold; border-top: 1px solid #DBC9A8; margin-top: 11px; padding: 11px 0px 11px 0px; } #hotel-room-detail-sdb-data { } #hotel-room-detail-sdb-bath { display: list-item; list-style-type: square; margin-left: 15px; } #hotel-room-detail-sdb-bath .label { display: inline; } #hotel-room-detail-sdb-bath .data { display: inline; } #hotel-room-detail-sdb-shower { display: list-item; list-style-type: square; margin-left: 15px; } #hotel-room-detail-sdb-shower .label { display: inline; } #hotel-room-detail-sdb-shower .data { display: inline; } #hotel-room-detail-sdb-wc { display: list-item; list-style-type: square; margin-left: 15px; } #hotel-room-detail-sdb-wc .label { display: inline; } #hotel-room-detail-sdb-wc .data { display: inline; } #hotel-room-detail-with { border-top: 1px solid #DBC9A8; margin-top: 11px; padding-top: 3em; padding-bottom: 3em; line-height: 2em; } #hotel-room-detail-with-phone { border-top: 1px solid #DBC9A8; margin-top: 11px; padding: 11px 0px 0px 0px; width: 300px; } #hotel-room-detail-with-phone .label { float: left; } #hotel-room-detail-with-phone .data { font-weight: bold; float: right; } #hotel-room-detail-with-tv { width: 300px; clear: both; border-top: 1px solid #DBC9A8; } #hotel-room-detail-with-tv .label { float: left; } #hotel-room-detail-with-tv .data { font-weight: bold; float: right; } #hotel-room-detail-with-satcable { width: 300px; clear: both; border-top: 1px solid #DBC9A8; } #hotel-room-detail-with-satcable .label { float: left; } #hotel-room-detail-with-satcable .data { font-weight: bold; float: right; } #hotel-room-detail-with-net { width: 300px; clear: both; border-top: 1px solid #DBC9A8; } #hotel-room-detail-with-net .label { float: left; } #hotel-room-detail-with-net .data { font-weight: bold; float: right; } #hotel-room-detail-with-aircon { width: 300px; clear: both; border-top: 1px solid #DBC9A8; } #hotel-room-detail-with-aircon .label { float: left; } #hotel-room-detail-with-aircon .data { font-weight: bold; float: right; } #hotel-room-detail-with-fridge { width: 300px; clear: both; border-top: 1px solid #DBC9A8; } #hotel-room-detail-with-fridge .label { float: left; } #hotel-room-detail-with-fridge .data { font-weight: bold; float: right; } #hotel-room-detail-with-kitchen { width: 300px; clear: both; border-top: 1px solid #DBC9A8; } #hotel-room-detail-with-kitchen .label { float: left; } #hotel-room-detail-with-kitchen .data { font-weight: bold; float: right; } #hotel-room-detail-with-balcony-pub { width: 300px; clear: both; border-top: 1px solid #DBC9A8; } #hotel-room-detail-with-balcony-pub .label { float: left; } #hotel-room-detail-with-balcony-pub .data { font-weight: bold; float: right; } #hotel-room-detail-with-balcony-priv { width: 300px; clear: both; border-top: 1px solid #DBC9A8; } #hotel-room-detail-with-balcony-priv .label { float: left; } #hotel-room-detail-with-balcony-priv .data { font-weight: bold; float: right; } #hotel-room-detail-with-terrace-pub { width: 300px; clear: both; border-top: 1px solid #DBC9A8; } #hotel-room-detail-with-terrace-pub .label { float: left; } #hotel-room-detail-with-terrace-pub .data { font-weight: bold; float: right; } #hotel-room-detail-with-terrace-priv { width: 300px; clear: both; border-top: 1px solid #DBC9A8; } #hotel-room-detail-with-terrace-priv .label { float: left; } #hotel-room-detail-with-terrace-priv .data { font-weight: bold; float: right; } #hotel-room-detail-with-garden-pub { width: 300px; clear: both; border-top: 1px solid #DBC9A8; } #hotel-room-detail-with-garden-pub .label { float: left; } #hotel-room-detail-with-garden-pub .data { font-weight: bold; float: right; } #hotel-room-detail-with-garden-priv { width: 300px; clear: both; border-top: 1px solid #DBC9A8; } #hotel-room-detail-with-garden-priv .label { float: left; } #hotel-room-detail-with-garden-priv .data { font-weight: bold; float: right; } #hotel-room-detail-with-pet { width: 300px; clear: both; border-top: 1px solid #DBC9A8; } #hotel-room-detail-with-pet .label { float: left; } #hotel-room-detail-with-pet .data { font-weight: bold; float: right; } .no { color: #DBC9A8; } /* hotel services */ /* ----------------------------------------------------------------------- */ #hotel-room-services-container { margin-top: 33px; border-top: 1px solid #DBC9A8; } #hotel-room-services { } #hotel-room-services-title { font-weight: bold; font-size: 150%; color: #DBC9A8; margin-bottom: 22px; padding: 11px 0px 11px 0px; } #hotel-room-services-type-name { background-color: #DBC9A8; color: #ffffff; font-weight: bold; margin-top: 11px; padding: 5px 0px 5px 15px; } #hotel-room-services-type-desc { margin-top: 11px; } #hotel-room-services-name { margin-top: 11px; font-weight: bold; } #hotel-room-services-name .price { font-weight: normal; } #hotel-room-services-name .free { color: #58A04E; } #hotel-room-services-name .price-target { font-weight: normal; } #hotel-room-services-desc { } /* hotel room prices */ /* ----------------------------------------------------------------------- */ #hotel-room-prices-container { margin-top: 33px; border-top: 1px solid #DBC9A8; } #hotel-room-prices { } #hotel-room-prices-linebreak { height: 30px; } #hotel-room-prices-type { font-weight: bold; font-size: 150%; color: #DBC9A8; margin-top: 11px; margin-bottom: 33px; } #hotel-room-prices-season { background-color: #DBC9A8; color: #ffffff; font-weight: bold; margin-top: 11px; padding: 5px 0px 5px 15px; } #hotel-room-prices-container table { } #hotel-room-prices-container table td { padding-right: 22px; } #hotel-room-prices-container table td.labels-x { text-align: right; font-weight: bold; } #hotel-room-prices-container table td.labels-y { font-weight: bold; } #hotel-room-prices-container table td.cells-price { text-align: right; } #hotel-room-prices-dates-container { margin-top: 44px; margin-bottom: 22px; text-align: center; } #hotel-room-prices-dates { } #hotel-room-prices-dates a { font-weight: bold; font-size: 110%; padding: 5px 15px 5px 15px; background-color: #DBC9A8; color: #5D4133; text-decoration: none; border: 1px solid #5D4133; } #hotel-room-prices-dates a:hover { color: #ffffff; background-color: #5D4133; color: #ffffff; } /* hotel room resa */ /* ----------------------------------------------------------------------- */ #hotel-resa-container { } #hotel-resa { } #hotel-resa-steps { font-weight: bold; font-size: 140%; text-align: center; padding-top: 22px; padding-bottom: 22px; color: #5D4133; } hotel-resa-cal-container { } #hotel-resa-cal-legend { } #hotel-resa-cal { /* ~#58A04E~ DO NOT EDIT THIS COMMENT! */ float: left; margin-right: 11px; height: 180px; } #hotel-resa-cal table { } #hotel-resa-cal table td { text-align: center; } #hotel-resa-cal table td.iszone { color: #ffffff; font-weight: bold; } #hotel-resa-cal table td.iszone a { display: block; width: 100%; color: #ffffff; text-decoration: none; } #hotel-resa-cal table td.iszone a:hover { background-color: #DBC9A8; } table td.isarrival { color: #ffffff; font-weight: bold; background-color: #E71F1F; } table td.isarrival a { display: block; width: 100%; color: #ffffff; text-decoration: none; } td.isarrival a:hover { background-color: #DBC9A8; } table td.isreserved { color: #ffffff; font-weight: bold; background-color: #DBC9A8; } table td.isreserved a { } table td.isreserved a:hover { } table td.isclosed { color: #CACACA; background-color: #FFFFFF; } table td.isclosed a { color: #CACACA; background-color: #FFFFFF; text-decoration: none; } table td.isday a:isclosed { } #hotel-resa-sum-container { } #hotel-resa-sum { } #hotel-resa-sum-pers { padding-bottom: 1em; } #hotel-resa-sum-pers select { width: 55px; margin-left: 11px; margin-right: 11px; } #hotel-resa-sum table { width: 98%; padding: 0px; margin-bottom: 33px; } #hotel-resa-sum table tr { } #hotel-resa-sum table tr.header { font-weight: bold; background-color: #DBC9A8; color: #ffffff; } #hotel-resa-sum table tr.header td { padding-top: 11px; padding-bottom: 11px; } #hotel-resa-sum table td { padding-left: 11px; padding-right: 11px; border-top: 1px solid #DBC9A8; } #hotel-resa-sum table td.col1 { text-align: right; } #hotel-resa-sum table td.col2 { text-align: left; } #hotel-resa-sum table td.col3 { text-align: right; } #hotel-resa-sum table td.col4 { text-align: right; } #hotel-resa-sum table tr.footer { font-weight: bold; } #hotel-resa-sum-backlinks { width: 100%; text-align: center; font-weight: bold; font-size: 90%; margin-top: 33px; } #hotel-resa-sum-backlinks a { display: inline; color: #5D4133; padding: 11px; } #hotel-resa-sum-backlinks a:hover { } #hotel-resa-form-container { width: 100%; text-align: center; margin-top: 33px; border-top: 1px solid #DBC9A8; } #hotel-resa-form { text-align: center; } #hotel-resa-form-email { float: left; margin-bottom: 2em; width: 49%; } #hotel-resa-form-email.box-f { } #hotel-resa-form-email.label-f { } #hotel-resa-form-email.data-f { } #hotel-resa-form-email input { width: 210px; } #hotel-resa-form-options { clear: both; text-align: left; padding-left: 7em; } #hotel-resa-form-options.box-f { display: none; } #hotel-resa-form-options.label-f { font-weight: bold; color: #5D4133; } #hotel-resa-form-options.data-f { } #hotel-resa-invoice-pay input { } #hotel-resa-form-submit { margin: 2em; } /* ----------------------------------------------------------------------- */ /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* MODULE : pay */ /* ____________________________________________________________________________________________________________________________ */ /* ____________________________________________________________________________________________________________________________ */ #pay-container { } #pay { } #pay-steps { padding-bottom: 2em; } #pay-step { } #pay-step.curstep { font-weight: bold; } #pay-price { padding-bottom: 1em; text-align: right; } #pay-price .label { display: inline; } #pay-price .data { display: inline; color: #5D4133; font-weight: bold; font-size: 180%; } #pay-infos { padding-bottom: 1em; color: #58A04E; font-weight: bold; } #pay-orders table { padding-bottom: 2em; width: 100%; } #pay-orders table tr.header { } #pay-orders table td { border-top: 1px solid #DBC9A8; padding: 5px; } #pay-orders table td .box { border-bottom: 1px solid #DBC9A8; padding-top: 0.5em; padding-bottom: 0.5em; } #pay-orders table td .label { color: #5D4133; font-weight: bold; padding-bottom: 0.5em; } #pay-orders table td .data { text-align: right; } #pay-orders table td.sel { background-color: #F9F9F9; text-align: center; } #pay-orders table td.price { text-align: center; font-size: 150%; font-weight: bold; } #pay-means table { width: 100%; } #pay-means table tr.header { } #pay-means table td { border-top: 1px solid #DBC9A8; padding: 5px; } #pay-means table td .box { margin-bottom: 1em; } #pay-means table td .label { color: #5D4133; font-weight: bold; } #pay-means table td .data { padding-left: 5em; } #pay-means table td.sel { background-color: #F9F9F9; text-align: center; } #pay-means table td.price { text-align: center; font-size: 150%; font-weight: bold; } #pay-mean-name { font-size: 150%; font-weight: bold; } #pay-mean-expl { padding-top: 2em; padding-bottom: 2em; } #pay-form-submit { text-align: center; } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* MODULE : gallery */ /* ____________________________________________________________________________________________________________________________ */ /* ____________________________________________________________________________________________________________________________ */ /* nav top */ /* ----------------------------------------------------------------------- */ #gallery-cat-nav-top-container { text-align: center; } #gallery-cat-nav-top { font-size: 120%; border-bottom: 1px solid #58A04E; padding-bottom: 4px; } #gallery-cat-nav-top a { color: #58A04E; text-decoration: none; padding-right: 5px; padding-left: 5px; } #gallery-cat-nav-top a:visited { } #gallery-cat-nav-top a:active { } #gallery-cat-nav-top a:hover { } #gallery-cat-nav-top a.iscat { font-size: 140%; font-weight: bold; } /* nav sub */ /* ----------------------------------------------------------------------- */ #gallery-cat-nav-sub { font-size: 120%; text-align: center; margin-bottom: 15px; padding-top: 15px; } #gallery-cat-nav-sub a { color: #58A04E; text-decoration: none; padding-right: 5px; padding-left: 5px; } #gallery-cat-nav-sub a:visited { } #gallery-cat-nav-sub a:active { } #gallery-cat-nav-sub a:hover { } #gallery-cat-nav-sub a.iscat { font-size: 140%; font-weight: bold; } /* gallery path */ /* ----------------------------------------------------------------------- */ #gallery-prod-path { margin: 10px; } #gallery-prod-path a:link { font-weight: bold; } #gallery-prod-path a:visited { font-weight: bold; } #gallery-prod-path a:active { font-weight: bold; } #gallery-prod-path a:hover { font-weight: bold; } /* gallery list */ /* ----------------------------------------------------------------------- */ #gallery-photo-list-container { width: 100%; text-align: center; } #gallery-photo-list { margin-left: auto; margin-right: auto; text-align: center; } #gallery-photo-list a { float: left; display: block; padding: 2px; margin: 0; border: 18px solid #ffffff; width: 100px; } #gallery-photo-list a:hover { border-color: #DBC9A8; } #gallery-photo-list a img { display: block; border: 0px; padding: 0px; margin: 0; width: 100px; height: 100px; } /* ----------------------------------------------------------------------- */