/* Ventana Booking Stylesheet */ .booking h1 {font-size: 140%; margin-top: 30px;} .booking h2 {font-size: 100%; font-weight: bold;} .booking input, .booking select, .booking textarea {border: 1px solid #BBBBBB; width: auto;} .booking input[type!="checkbox"], .booking select, .booking textarea {background: #EEEEEE;} .booking input:focus, select:focus, textarea:focus {background: white;} .booking table, td, tr, th { border: 0; vertical-align: top;} #left .submenu h2 { padding-left: 7px; color: white; font-weight: bold; border-bottom: 1px solid white; padding-bottom: 3px; margin-bottom: 0px; font-size: 10px; margin-left: 8px; margin-right: 8px;} #left .submenu a { height: 15px !important; padding-left: 35px; color: white; font-weight: bold; background: url(li_sfondo_sottosezione.jpg) no-repeat 0; display: block; text-decoration: none; } #left .submenu a:hover { background: url(sfondo_sottosezione_hover.jpg) no-repeat;} #left .submenu a.sel { background: url(sfondo_sottosezione_sel.jpg) no-repeat;} #left .submenu .slot-body { padding: 0;} div.booking-content {padding: 15px;} div.booking-content ul {margin-left: 15px; margin-bottom: 1em;} div.booking-content p {margin-bottom: 1em;} div.booking-content h2 {margin-top: 0.5em; margin-bottom: 0.5em;} div.booking-content table {width: 100%} /* specific rules left-right starting from top */ #left h2, #left label {color: white;} #left div.slot-top {height: 18px; background: url(viaggi_i_cappello.jpg); } #left div.slot-body {background: #D4E5ED url(sfondo_sottosezione.jpg); padding-left: 20px; padding-right: 20px; } #left div.slot-bottom {height: 5px; background: url(sfondo_sottosezione_finale.jpg) no-repeat;} #left div.slot-very-bottom {height: 5px; background: url(sfondo_sottosezione_finale.jpg) no-repeat;} #left div.slot-tb {margin-top: 10px; text-align: right; width: 100%;} #left div.slot-tb button {margin-right: 10px; } #right div.slot-top {height: 40px;} #right div.slot-top h2 { color: black; font-size: 13px; font-weight: bold; padding-top: 15px; margin-left: 20px;} #right div.slot-bottom {height: 12px;} #right div.slot-body { padding-left: 5px; padding-right: 5px;} #right div.slot { margin-top: 10px;} #right div.slot-body h2 { color: black; font-size: 13px; font-weight: bold;} .booking h1 { margin: 0; padding: 11px 0 0 18px; height: 30px; color: black; font-size: 13px; font-weight: bold; } #main { overflow: auto; margin-bottom: 10px; } #main .static-content { margin: 10px; } #main .static-content p { text-align: justify;} #main .static-content h1 { font-size: 15px; font-weight: bold; } #main .static-content h2 { font-size: 13px; font-weight: bold; } #main .static-content ul { margin: 0.5em 1em 0.5em 2em; } #center { padding: 3px; } #center table td {padding: 0; } .error { background: #FBE3E4; border-color: #FBE3E4; color: #D12F19;} span.error {border: none; padding: 1px 4px; margin: 0; background: transparent;} .gohome {display: none;} /* hotels specifics */ #hotels table {border: 0; padding: 0;} #hotels {width: 100%; background: transparent;} #hotels img {margin: 0; padding: 0;} #hotels td.header {padding: 0; border: 1px solid #1F4E3E;} #hotels td.location {text-align: right; } #hotels td.description {padding-left: 5px; padding-top: 0.5em; text-align: justify} #hotels td.photo {padding-top: 0.5em;} #hotels td.header table {width: 100%; padding: 3px;} #hotels td.header table i, #hotels td.header table b, #hotels td.header table span {color: inherit;} #hotels td.rooms {padding: 0; padding-bottom: 10px;} #hotels td.rooms table {width: 100%; padding: 0; margin: 0; border-spacing: 2px;} #hotels td.rooms table td {padding: 3px;} #hotels td.room {background: #D9E8E3; border: 2px solid #D9E8E3;} #hotels td.room-info {background: #D9E8E3; border: 2px solid #D9E8E3;} #hotels td.price {border: 2px solid #D9E8E3; font-weight: bold;} #hotels td.total {border: 2px solid #3E685A; font-weight: bold;} #hotels td.total div.onrequest {font-size: 80%; font-weight: normal;} #hotels td.total div.onrequest img {float: right; margin-left: 1px;} #hotels td.bookit a {width: 69px; height: 22px; display: block; color: white; text-decoration: none; background: url(bg_bookit.jpg) no-repeat; text-align: center; font-weight: bold; padding-top: 2px;} #hotels td.bookit a:hover {text-decoration: underline;} div.popup {display: none; position: absolute; background-color: white; border: 2px solid #E97B00; font-weight: normal; width: 200px; padding: 5px; color: black;} div.popup span {display: block; text-decoration: underline; padding: 2px; margin-top: 5px; cursor: pointer; float: right; font-size: 80%; font-weight: bold;} /* table order */ table.order th {text-align: left;} table.order textarea { height: 3em; padding: 0; margin:0;} table.order {width: 100%; padding: 0; margin: 0;} table.room {width: 100%;} table.room td {padding: 3px !important; width: 25%;} table.order .price {border: 0; text-align: right; } table.room {margin-top: 10px; border: 2px solid black;} table.order th, table.order td {height: 20px;padding: 3px 5px;} table.order th.section {padding-top: 10px; border-bottom: 1px solid black; } .bgGreen {background-color: #1F4E3E; color: white;} .bgGreen b, .bgGreen span { color: white;} .bgBlue {background-color: #D9E8E3; padding: 3px !important;} .fgBlue {color: #395169;} table.order .b1Blue {border: 1px solid #010101; color: #010101; padding: 3px !important;} table.order .b2Green {border: 2px solid #395169; padding: 3px !important;} table.order .uGreen {border-bottom: 1px solid #CFEEB2; padding: 3px !important;} .italic {font-style: italic;} .l50 {width: 30px;} .slider {width: 600px;} a.button {cursor: pointer; text-decoration: underline; color: white;} table.twocol input {width: 100%;} table.twocol td {padding: 3px !important;} td.service-description {width: 100%; padding: 2px 6px; border-bottom: 2px solid #CFEEB2;} td.service-total {padding: 2px 6px; border: 2px solid #CFEEB2; text-align: right;} td.grand-total-description {width: 100%; padding: 2px 6px; border-bottom: 2px solid black; font-weight: bold;} td.grand-total {padding: 2px 6px; border: 2px solid black; font-weight: bold; text-align: right;} td.topay-description {width: 100%; padding: 2px 6px; border-bottom: 2px solid red;} td.topay-total {padding: 2px 6px; border: 2px solid red; text-align: right;} /* override fiera.css */ td.boxmenusezioni {height: 400px;} td.column-left div.boxmenu { line-height: 0; font-size: 10px;} td.column-left div.boxmenu img {display: block} #events {width: 100%;} #events td.logo {width: 110px; vertical-align: top; padding: 2px; border: 1px solid #ececec;} #events td.details {width: 80%; padding: 5px;} #events div.buttons {text-align: right; float: right;} #events div.bookit a {width: 69px; height: 22px; display: block; color: white; text-decoration: none; background: url(bg_bookit.jpg) no-repeat; text-align: center; font-weight: bold; padding-top: 2px;} #events div.bookit a:hover {text-decoration: underline;} td, tr { height: 100%; } .json-data { display: none; color: red; } .hidden { display: none; } #footer { text-align: center; } .search-item { float: left; margin: 0 1px 1px 1px; border-top: 1px dotted black; } .search-item:hover { } .search-item .top { float: left; height: 5px; width: 100%; } .search-item .bottom { float: left; height: 5px; width: 100%; } .search-item .body { float: left; width: 100%; } .search-summary { float: left; } .search-summary .top { float: left; height: 0px; width: 100%; } .search-summary .bottom { float: left; height: 0px; width: 100%; } .search-summary .body { float: left; width: 100%; } button.link { border: none; padding: 0px; color: #018458; text-decoration: underline; cursor: pointer; background: none; background-color: transparent; } button.selected { text-decoration: none; color: black; font-weight: bold; } /* search box */ #search-box { } #search-box label { display: block; } #search-box .span-date, #search-box .span-date input, #search-box .span-int, #search-box .span-int select { float: left; } #search-box .span-button { float: left; margin: 12px 0px 0px 5px; } #search-box .body { width: 100%; } #search-results-summary { clear: both; float: left; } #search-results-summary span { font-weight: bold; } #search-results-no-rooms { clear: both; float: left; margin: 0px 0px 5px 0px; } #search-form { margin-top: 13px; } #search-order { float: left; margin-bottom: 5px; margin-top: 13px; padding-left: 5px; background-color: #D9E8E3; } #search-order #search-show-map { float: right; } #search-order #search-hide-map { float: right; } /* results box */ #results-container { float: left; height: 540px; overflow: auto; margin-bottom: 5px; } #results-box { float: left; } #results-box.hotels .search-item .bottom { float: left: clear: both;} #results-box.hotels .search-item img.hotel-photo { float: left; width: 84px; clear: both; margin: 0; border:1px solid #aaaaaa; } #results-box.hotels .search-item h2 { float: left; margin: 0px; background: none; font-size:12px; } #results-box.hotels .search-item span.distance { float: right; margin: 0px; } #results-box.hotels .search-item .rooms { float: left; margin: 0px; margin-left: 7px;} #results-box.hotels .search-item .room { float: left; margin-bottom: 2px; } #results-box.hotels .search-item .rate { margin-top: -2px; } #results-box.hotels .search-item .rate-conditions { font-size: 80%; text-transform: lowercase; cursor: pointer; text-decoration: underline; } #results-box.hotels .search-item .room-name { float: left; padding: 2px; } #results-box.hotels .search-item .room-price { float: left; width: 46px; padding: 2px; font-size: 10px; font-weight: bold; text-align: right;} #results-box.hotels .search-item .room-warn { float: left; padding: 2px; font-size: 10px; text-align: right;} #results-box.hotels .search-item .room-book { font-size: 100%; text-align: right; font-weight: normal; margin-top: 1px; display: block; text-decoration: underline; text-transform: lowercase; } #results-box.hotels .search-item .room-sell-mode { font-size: 10px; color: #E74528; text-transform: lowercase; display: block; } #results-box.hotels .search-item .hotel-short { display: none; float: left; clear: both; text-align: right; } #results-box.hotels .search-item .hotel-long { float: left; clear: both; margin: 0px 10px 0px 0px; text-align: justify; } #results-box.hotels .search-item .hotel-long div { float: left; clear: both; border-bottom: 1px solid white;} #results-box.hotels .search-item .link { float: right; text-transform: uppercase; cursor: pointer; font-size: 10px; margin: 5px; text-decoration: none; } #results-box.hotels h3 { font-weight: bold; margin: 10px 0px 2px 0px; border-bottom: 1px solid #D4E5ED; padding-bottom: 3px; } #results-box.hotels hr { margin: 0; padding: 0; border: none; color: transparent; } #results-slider { margin-right: -12px; float: right; width: 12px; height: 540px; background: url(scrollpane-bg.gif);} #results-box.hotels button.hotel-close-details { clear: both; } #results-box.hotels button.hotel-map-details, #results-box.hotels button.hotel-close-details, #results-box.hotels button.hotel-open-details { height: 18px;} /* cart */ #cart-slot { float: left; margin-left: 0px; } #cart-slot h2, #left label {color: white;} #cart-slot .top {height: 18px; background: url(viaggi_i_cappello.jpg) no-repeat; } #cart-slot .body {background: #D4E5ED url(sfondo_sottosezione.jpg); padding: 0; float: left; } #cart-slot .bottom { clear: both; height: 5px; background: url(sfondo_sottosezione_finale.jpg) no-repeat; } #cart-left { float: left; margin-top: 45px; margin-bottom: 30px; } #cart-left .cart-step { float: left; margin-bottom: 10px; margin-left: 5px; } #cart-left .cart-step-number { float: left; width: 24px; height: 24px; color: white; font-size: 21px; font-weight: bold; text-align: center; } #cart-left .cart-step-done .cart-step-number { background: url(step.png) no-repeat; } #cart-left .cart-step-todo .cart-step-number { background: url(step_greyed.png) no-repeat; } #cart-left .cart-step-current .cart-step-number { background: url(step_current.png) no-repeat; } #cart-left .cart-step-text { float: left; margin-left: 10px; font-weight: bold; color: white; } #cart-left .cart-step-current .cart-step-text { color: yellow; } #cart-left .cart-step-todo .cart-step-text { color: white; } #cart-left .cart-step a { color: white; } #cart-left .cart-step a:visited { color: white; } #cart { float: left; } #cart .cart-item { float: left; border: 1px solid #1E4E3E; margin-bottom: 20px; margin-top: 20px; } #cart .cart-item .header { float: left; background: #D4E5ED; } #cart .cart-item .footer { float: left; background: #D4E5ED; } #cart .cart-item h2 { margin: 5px 10px; font-weight: bold; } #cart .cart-item strong { font-weight: bold; margin: 10px 0px 2px 0px; border-bottom: 1px solid #D4E5ED; padding-bottom: 3px; clear: both;} #cart .cart-item p { margin: 3px 0 2px 0; } #cart .cart-item .header p { margin: 5px 10px 10px 10px; } #cart .cart-item .hotel-name { float: left; font-weight: bold; margin: 10px 0px 2px 0px; border-bottom: 1px solid #D4E5ED; padding-bottom: 3px; } #cart .cart-item .hotel-long { float: left; margin: 0px 10px 5px 10px; } #cart .cart-item .details { float: left; border-bottom: 1px solid #D4E5ED; margin-bottom: 10px; } #cart .cart-item .details { text-align: justify; } #cart .cart-item .details div strong { display: block; } #cart .cart-item img.hotel-photo { float: left; clear: both; margin: 0px 10px 10px 0px; } #cart .cart-item .link { float: right; text-transform: lowercase; cursor: pointer; text-decoration: underline; margin-right: 5px; } #cart .cart-item .number { text-align: right; } #cart .cart-item .cart-room { float: left; padding: 0 10px; } #cart .cart-item .cart-room label { display: block; margin-top: 5px; } #cart .cart-item .cart-room .span-1 { float: left; margin-right: 5px; } #cart .cart-item .cart-room .span-2 { float: left; margin-right: 5px; } #cart .cart-item .cart-room .span-3 { float: left; margin-right: 5px; } #cart .cart-item .cart-room .span-4 { float: left; margin-right: 0px; } #cart .cart-item .cart-room .strip { background: #D4E5ED; margin: 10px 0px 0px -10px; } #cart .cart-item .cart-room .strip p { margin: 5px 10px 10px 10px; } #cart .cart-item .cart-room .strip strong { margin: 5px 10px 10px 10px; } #cart .cart-item .cart-room .last { margin-right: 0px; } #cart .cart-item .cart-room .info { font-weight: bold; margin-bottom: 5px; } .info label { display: inline !important; } #cart .cart-item .cart-room .label { font-weight: normal; text-align: left; margin-bottom: 5px; } #cart .cart-item .cart-room .title { background: #D4E5ED; margin-left: -10px; margin-top: 10px; } #cart .cart-item .cart-room .title p { margin: 5px 10px 10px 10px; } #cart .cart-item .cart-room .title strong { display: block; margin: 3px 9px 0px 9px; font-weight: bold; } #cart .cart-item .footer { margin-top: 15px;} #cart .cart-item .footer strong.price { display: block; float: right; margin-right: 15px;} #cart .cart-item a.button { float: right; text-transform: lowercase; cursor: pointer; text-decoration: underline; margin-right: 5px; } #cart .cart-item a.button-remove { margin-right: 8px; color: black;} #cart-button-bar { margin: 5px 0; float:left; text-align: right; } #cart div.strip input[type=checkbox], input.check { width: 13px !important; border: none; margin-right: 1em; } /* facets */ #facets-box { float: left; margin-bottom: 25px; } #facets-box .facet { float: left; margin-right: 4px; } #facets-box h3 { font-weight: normal; font-size: 10px; margin: 0; border: none; } #facets-box h3 img { margin: 0 2px -4px 2px; } #facet-prices { clear:left; } #facet-prices-display { margin: 0;} #facet-prices-slider { margin: 0px; } #facet-prices-slider .right { left: 64px; } #facet-distance-display { margin: 0px; } #facet-distance-slider { margin: 0px; } #facet-stars-display { margin: 0px; } #facet-stars-slider { margin: 0px; } #facet-accomodation { margin: 0px; } #facet-accomodation-select { border: 1px solid black; padding: 1px; font-size: 10px; margin-top: 6px; } /* Google Maps box */ #map-box { position: relative; float: left; height: 300px; margin: 15px 0 10px; border: 1px solid;} /* Home */ #slider-events { position: relative; } #slider-events .scrollto-control { clear: both; margin: 0; margin-top: 3px; border-top: 2px solid; margin-top: 0; float: left; } #slider-events .scrollto-control .year { margin-left: 18px; float: left; display: block; width: 40px; clear: left; height: 14px; text-transform: uppercase; font-weight: bold;} #slider-events .scrollto-control .month { float: left; height: 14px; width: 30px; text-transform: uppercase; margin: 1px; } #slider-events .scrollto-control .month:hover { text-decoration: underline;} #slider-events .scrollto-control .enabled { cursor: pointer; } #slider-events .scrollto-control .disabled { color: #9F9F9F; } #slider-events .scrollto-control .disabled:hover { text-decoration: none; } #slider-events button.link { float: right; margin-top: 2px; font-size: 10px; } #slider-events #event-search-popup { position: absolute; right: 0; top: 27px; z-index: 100; border: 1px solid; background: white; padding: 5px; } #strip-events { width: 16000px; overflow: auto; } #strip-wrapper { float: left; overflow: hidden; width: 473px; height: 170px; position: relative; } .strip-item { float: left; width: 114px; margin: 0 2px 0 2px; position: relative; height: 170px; position: relative; } .strip-item:hover { background: #E7F2EE;} .strip-item .congress { text-align: center; float: left; width: 100%; height: 20px;} .strip-item .congress img { margin: 2px; } .strip-item .period { float: left; width: 100px; font-size: 10px; text-transform: lowercase; text-align: right; } .strip-item .logo { width: 100%; text-align: center; height: 140px; line-height: 140px; } .strip-item .title { z-index: 10; width: 104px; position: absolute; top: 0; left: 0; color: white; font-weight: bold; margin: 20px 5px; font-size: 12px; display: none; text-align: center;} .strip-item .hilight { text-align: center; } .strip-item .description { z-index: 10; position: absolute; top: 0; color: white; font-weight: bold; margin: 20px 5px; font-size: 10px; display: none; text-align: center;} .strip-item .buttons { float: left; width: 100%; display: none;} .strip-item .buttons { position: absolute; top: 0; left: 0; height: 170px; background: url(mask-light.png); } .strip-item .buttons .bookit { z-index: -1; width: 70px; margin: 120px 20px 20px 20px; text-align: center;} .strip-item .buttons .bookit a { color: white; font-weight: bold; font-size: 14px; text-decoration: none; } a.prev { cursor: pointer; margin-left: 0px; float: left; display: block; height: 170px;} a.next { cursor: pointer; float: left; display: block; height: 170px;} a.next img { margin-top: 75px;} a.prev img { margin-top: 75px;} a.next:hover, a.prev:hover { text-decoration: underline; } .home-slot { margin: 3px; float: left; } .home-slot p { margin: 0.5em 10px 1em 10px; text-align: justify; } .home-slot h3 { font-size: 14px; font-weight: bold; margin: 5px 5px 10px 10px;} .home-slot em { font-weight: bold; font-style: normal; font-size: 13px; } .home-slot strong { font-size: 13px; font-weight: bold; } .home-slot strong.red-small { color: red; } .home-slot strong.red { color: red; font-size: 16px;} .home-slot strong.red i { color: red; font-size: 16px;} .home-slot-green { float: left; margin: 3px 3px 0 0; background: white; } .home-slot-green p { margin: 0.5em 10px 0 10px; text-align: justify; } .home-slot-green em { font-weight: bold; font-style: normal; } .home-slot-green input { font-size: 11px; } .home-slot-green select { font-size: 11px; } .home-slot-green button { font-size: 11px; } .last { margin-right: 0; } .front-2h h2 { margin: 10px 3px 0 0; } .col-left { float: left; position: relative; } .col-right { float: left; } .front-slot { float: left; } .front-slot a { font-size: 100%; } .front-slot p { margin: 0.5em 10px 1em 10px; text-align: justify; } .front-slot h3 { font-size: 14px; font-weight: bold; margin: 5px 5px 10px 10px;} .front-slot em { font-weight: bold; font-style: normal; font-size: 13px; } .front-slot strong { font-size: 13px; font-weight: bold; } .front-slot strong.red { color: red; font-size: 16px;} .front-slot strong.red i { color: red; font-size: 16px;} .front-slot-green { float: left; margin: 0; background: none; } .front-slot-green p { font-size: 13px; margin: 0.5em 10px 0 10px; text-align: justify; } .front-slot-green h2 { background: none; } .front-slot-green h2 span { margin: 0; padding: 1px 5px 1px 5px; border: 1px solid black; cursor: pointer; font-size: 14px; } .front-slot-green h2 span.active { color: white; background: gray; } .front-slot-green h2 span a { text-decoration: none; color: gray; } .front-slot-green em { font-weight: bold; font-style: normal; font-size: 13px; } .front-slot-green input { font-size: 11px; } .front-slot-green select { font-size: 11px; } .front-slot-green button { font-size: 11px; } #welcome .photo { float: left; margin: 10px; height: 150px;} #welcome img { float: left; margin: 10px; } #services .photo { float: left; margin: 10px; height: 150px;} #services img { float: left; margin: 10px; } #travel .photo { float: right; margin: 10px; width: 100%; text-align: center;} #book #arrival { float: left; margin-bottom: 5px; } #book #departure { float: left; } #book #adults { float: left; } #book label { margin: 3px 0 0 5px; display: block; } #book input { margin: 0 0 0 5px; width: 70px; border: 1px solid black; height: 15px;} #book #adults select { margin: 0 0 0 5px; width: 40px; border: 1px solid black; height: 17px;} #book .buttons button { margin: 15px 0 0 5px; width: 50px; height: 22px;} #group-and-transport { float: left; } #login-box { float: left; margin-left: 18px; } #login-form label { display: block; } #login-form button { float: right; margin-top: 1em; } #login-form input { border:1px solid black; height:15px; margin-top: 5px; } #info-boxes { float: left; } .home-slot .tc { text-align: center; width: 100%; margin-top: 15px;} #home-news-box { height: 171px; overflow: hidden; } #home-news-box .news-item { height: 125px; } #packets { font-size: 10px; margin: 0 auto;} #packets .news-item h3 { font-size: 10px; margin: 0 auto;} #packets .news-item em { font-size: 10px; margin: 0 auto;} #packets .news-item strong { font-size: 10px; margin: 0 auto;} #packets .news-item strong.red { font-size: 10px; margin: 0 auto;} #packets .news-item strong.red i { font-size: 10px; margin: 0 auto;} #packets .news-item p { font-size: 10px; margin: 0 2px;} #packets .news-item p.tc { font-size: 10px; margin: 0 2px; text-align: center;} #event-text { display: none; } #new-event-box .cycle h2 { margin: 0 5px; } #new-event-box .cycle { float: left; margin: 0; height: 100px; overflow: hidden; } #new-event-box #congress-logo { float: left; margin: 0 auto; height: 20px; text-align: center; } #new-event-box #congress-event { float: left; } #new-event-box #event-logo { margin-top: 0px; text-align: center; width: 100%; } #new-event-box #exhibition-data { margin-top: 0px; text-align: center; width: 100%; } #new-event-box #exhibition-data h2 { color: black; border: none; background: none; } #new-event-box .event-news {float: left; height: 120px; text-align: center; border: 1px solid #cecece; } /* overrides jScrollPane.css */ .jScrollPaneDrag { background: url(single-slider-handle.jpg); } .jScrollPaneTrack { background: url(scrollpane-bg.gif); } .tooltip-content { background: white; border: 1px solid black; padding: 10px; z-index: 9999; position: absolute; top: 170px; left: 0px;} #gmap-info-window { width: 150px; } #gmap-info-window_contents { background: white; } #gmap-info-window_tl, #gmap-info-window_t, #gmap-info-window_tr, #gmap-info-window_l, #gmap-info-window_r, #gmap-info-window_bl, #gmap-info-window_b. #gmap-info-window_br { width: 0; height: 0; } #gmap-info-window_beak, #gmap-info-window_close { width: 0; height: 0; } /* jquery overrides */ .ui-slider { height: 12px; } .ui-slider-handle { height: 12px; width: 6px; background-image: url(single-slider-handle.jpg); } .ui-slider-range { background: #011D33; opacity: 0.4; filter: alpha(opacity=30); } .ui-slider-handle-active { border: none; } .ui-slider-2 { background: url(slider-bg.gif); } .left-slider-handle { background-image: url(single-slider-handle.gif); } .right-slider-handle { background-image: url(single-slider-handle.gif); } .single-slider-handle { width: 6px; background-image: url(single-slider-handle.gif); } .results-slider-handle { width: 6px; background-image: url(single-slider-handle.gif); } .ui-datepicker-current-day { border: 1px solid #FF0000;} .ui-datepicker-today { font-weight: bold; } /* News box */ div.event-news-item { margin: 4px 0 0 4px; height: 110px; font-size: 10px; } div.event-news-item .body { margin-right: 4px; } div.event-news-item .body img { float: left; margin: 0 4px 0 0; } div.event-news-item .body .text { text-align: left; } div.event-news-item .body .text .title { font-weight: bold; } div.event-news-item .body .text .section { font-weight: bold; } div.event-news-item .body .text em { font-weight: bold; } div.event-news-item .body .text p { font-size: inherit; margin: 0; } div.event-news-item .footer { margin-right: 4px; text-align: right; } div.event-news-item .nologo .text { text-align: justify; font-size: 11px; } div.event-news-item .nologo .text .title { font-weight: bold; text-align: center; } div.event-news-item .nologo .text .section { font-weight: bold; text-align: center; } div.home-news-item { margin: 8px 0 0 8px; height: 175px; font-size: 11px; } div.home-news-item .body img { float: left; margin: 0 4px 0 0; } div.home-news-item .body .text { text-align: left; } div.home-news-item .body .title { font-weight: bold; font-size: 12px; text-align: center; margin-bottom: 8px; } div.home-news-item .body .text em { font-weight: bold; } div.home-news-item .body .text p { font-size: inherit; margin: 0; margin-bottom: 4px; } div.home-news-item .body .section { font-weight: bold; font-size: 15px; text-align: center; margin-bottom: 4px; color: red; } div.home-news-item .footer { text-align: right; } div.home-news-item .nologo .text { text-align: justify; } div.home-news-item .nologo .text .title { font-weight: bold; text-align: center; } #footer { font-size: 10px; clear:both; text-align: center; } /* Customizable lengths */ #main { width: 864px; } .col-left { width: 380px; padding-right: 40px; } .col-right { width: 444px; } .front-2 { width: 380px; } .front-1 { width: 444px; } .front-2h { width: 180px; } #group-and-transport, #login-box { width: 180px; } #login-box input { width: 178px; } #cart-left, #info-boxes, #booking-cart .col-left { width: 284px; } #booking-cart .col-right { width: 540px; } #map-box { width: 378px; } #facet-prices { width: 110px; } #facet-prices-slider .right { left: 104px; } #facet-distance { width: 130px; } #facet-distance-slider .right { left: 124px; } #facet-stars { width: 50px; } #facet-stars-slider .right { left: 44px; } #facet-accomodation { width: 74px; } #facet-accomodation-select { width: 74px; } #home-news-box .news-item { width: 258px; } td.column-left { width: 170px; } .tooltip-content, #new-event-box .cycle, #new-event-box #congress-logo, #new-event-box #congress-event { width: 180px; } #new-event-box #congress-event { margin-right: 10px; } #new-event-box .event-news { width: 188px; } div.event-news-item { width: 184px; } div.home-news-item { width: 242px; } .span-3 { width: 870px; } .span-2 { width: 577px; } .span-1 { width: 284px; } .span-2h { width: 288px; } .home-slot { width: 553px; margin-right: 30px; } #about-box { margin-right: 0px; } #book input, #login input { width: 80px; } #slider-events .scrollto-control { width: 493px; } #search-box .span-date { width: 100px; } #search-box .span-date input { width: 90px; } #search-box .span-int { width: 50px; } #search-box .span-int select { width: 40px; } #search-results-summary, #search-results-no-rooms { width: 444px; } #search-order { width: 439px; } #results-container { width: 444px; } #results-box.hotels .search-item, #results-box.hotels .search-item .bottom { width: 419px; } #results-box.hotels .search-item img.hotel-photo { width: 84px; } #results-box.hotels .search-item .rooms { width: 326px; } #results-box.hotels .search-item .room-name { width: 262px; } #results-box.hotels .search-item .room-price { width: 56px; } #results-box.hotels .search-item .hotel-short, #results-box.hotels .search-item .hotel-long div { width: 423px; } #results-box.hotels button.hotel-map-details, #results-box.hotels button.hotel-close-details, #results-box.hotels button.hotel-open-details { width: 100px; } #cart-slot { width: 170px; } #cart-left .cart-step-text { width: 170px; } #cart .cart-item .cart-room { width: 518px; } #cart .cart-item .cart-room .span-1 { width: 122px; margin-right: 10px; } #cart .cart-item .cart-room .span-2 { width: 254px; margin-right: 10px; } #cart .cart-item .cart-room .span-3 { width: 386px; margin-right: 10px; } #cart .cart-item .cart-room .span-4 { width: 518px; } #cart .cart-item .cart-room .span-4 input { width: 508px; } #cart .cart-item .cart-room .span-3 input { width: 376px; } #cart .cart-item .cart-room .span-2 input { width: 244px; } #cart .cart-item .cart-room .span-1 input, #cart .cart-item .cart-room .span-1 select { width: 112px; } #cart .cart-item .cart-room .last { margin-right: 0; } #cart, #cart .cart-item .title, #cart .cart-item .header, #cart .cart-item .hotel-name, #cart .cart-item .details, #cart .cart-item .cart-room .title, #cart .cart-item .cart-room .strip, #cart .cart-item .footer, #cart div.footer, #cart .title, #cart div.header, #cart-button-bar { width: 538px; } #cart .cart-item .cart-room .field-name input { width: 175px; } #cart .cart-item .cart-room .field-name select { width: 65px; } /* Customizable colors */ h2 { color: #CB0D26; } a, button.link { color: #333; } a:hover, button.link:hover { color: #CB0D26; } .ui-slider-range { background: #FDC400; } #slider-events .scrollto-control .month, .front-slot a, #book label, #results-box.hotels label, em { color: #333; } a.prev, a.next { color: #333; background: #333; } .strip-item .buttons .bookit { color: white; background: #333; } .home-slot-green { background: none; } .strip-item .title, #cart-left .cart-step-text, #cart-left .cart-step-todo .cart-step-text, #cart-left .cart-step a, #cart-left .cart-step a:visited { color: #9C9E9F; } #cart-left .cart-step-current .cart-step-text { color: black; } #cart .cart-item .cart-room .title, #cart .cart-item .header, #cart .cart-item .footer, #cart .cart-item .cart-room .strip, #results-box.hotels .search-item .room, #search-order { background: #E6E6E6; } #cart .cart-item strong { border-bottom-color: #E6E6E6; } #results-box.hotels button.hotel-close-details, #results-box.hotels button.hotel-open-details { background: #FDC400; color: black; } .front-slot-green h2, .front-slot-green h2 span a { color: #9C9E9F; font-weight: bold; } .front-slot-green h2 span a:hover { color: #CB0D26; } .front-slot-green h2 span.active { color: black; background: #FDC400; } .front-slot-green h2 span { border:1px solid #9C9E9F; } #cart-left .cart-step-number { color: black; } #cart-left .cart-step-current .cart-step-number { color: white; } /* Other customizations */ #main { font-family: Georgia,"Times New Roman",Times,serif; font-size:12px; } #main h2 { font-weight: bold; text-transform: uppercase; font-size: 16px; margin: 10px 0 5px; } #footer { margin-top: 2em; padding-top: 2em; text-align: right; border-top:1px solid #999; color: #444; } #map-box { margin-top: 10px; } #results-container { height: 470px; } button.bookit {width: 50px; font-size: 10px; cursor: pointer; text-align: right; font-weight: bold; padding: 1px; border: 0px; margin-right: 2px; background: transparent; }