/* http://www.kuoni.co.uk/ProfileUIResources/CSS/reset-font-base.css */ /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.5.1 Valtech notes: base table styling is left out because of MOSS web part layout is messed up with tables */ /* reset*/ html{color:#000; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0; } table{border-collapse:collapse;border-spacing:0; } fieldset,img{border:0; } /*address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal; }*/ li{list-style:none; } caption,th{text-align:left; } /*h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal; }*/ q:before,q:after{content:''; } abbr,acronym {border:0;font-variant:normal; } /*sup {vertical-align:text-top; }*/ sub {vertical-align:text-bottom; } input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit; } input,textarea,select{*font-size:100%; } legend{color:#000; } .hiddened div{display:none; } /* font */ body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; } table {font-size:100%; } pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%; } /* base */ h1{font-size:138.5%; } h2{font-size:123.1%; } h3{font-size:108%; } h1,h2,h3{margin: 0; } /*h1,h2,h3,h4,h5,h6,strong{}*/ abbr,acronym{border-bottom:1px dotted #000;cursor:help; } em{font-style:italic; } blockquote,ul,ol,dl{margin:1em; } ol,ul,dl{margin-left:2em; } ol li{list-style:decimal outside; } ul li{list-style:disc outside; } dl dd{margin-left:1em; } /*th,td{border:1px solid #000;padding:.5em; }*/ /*th{font-weight:bold;text-align:center; }*/ caption{margin-bottom:.5em;text-align:center; } p,fieldset/*,table*/,pre{margin-bottom:1em; } input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em; } /* http://www.kuoni.co.uk/ProfileUIResources/CSS/sifr.css */ /* @media screen { .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate, .flash-replaced .alt { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; } } @media print { .sIFR-flash { display: none !important; height: 0; width: 0; position: absolute; overflow: hidden; } .sIFR-alternate { visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; width: auto !important; height: auto !important; } } @media screen { .sIFR-dummy { width: 0px; height: 0px; margin-left: 42px !important; z-index: 0; } .sIFR-active object { display: block; } .sIFR-active h1 { visibility: hidden; font-family: Verdana; line-height: 1em; font-size: 24px; } .sIFR-active body.stage #stage-spots h1 { bottom: 9px; right: 70px; } .sIFR-active body.frontpage #content h1 { font-size: 14px; text-transform: uppercase; margin: 0; text-align: right; } .sIFR-active #content h1 { font-size: 23px; } }*/ /* http://www.kuoni.co.uk/ProfileUIResources/CSS/layout.css */ /* +--------------------------------------------------------------------------+ | [Layout] | | Project: Kuoni global CMS, Style profile | Responsible: Balazs Suhajda, Mikael Gyde Moller | Usage: Layout styles defining the main layout structure | | Note: We are using YUI CSS foundation to reset and apply a common | style foundation that is consistent across A-grade browsers +--------------------------------------------------------------------------+ */ html, body { height: 100%; margin: 0; } form { height: 100%; min-height: 100%; margin: 0; } /*body.frontpage { background: #dadadb url(../img/bg/frontpage.png) repeat-x 100% 0; }*/ body.frontpage { background-color: #e6e2df; } /* the wrappers bottom margin is the negative value of the footer's height */ #wrapper { min-height: 100%; height: auto !important; height: 100%; width: 990px; margin: 0 auto -40px; } #push-footer { height: 50px; /*width: 990px; margin: 0 auto; position: relative; background: transparent url(../img/bg/footer.png) no-repeat 0 0; clear: both; z-index: 150; overflow: hidden;*/} #page { } body.stage #page { } #head { position: relative; height: 120px; background: transparent url(../img/bg/head.png) no-repeat 0 100%; z-index: 55;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="images/../img/bg/head.png"); _background:none; } body.pre-home #head { height: 75px; } body.frontpage #head { height: 110px; } #head .head-background { position: absolute; top: 0; left: 0; height: 105px; width: 960px; margin: 0 15px; background-color: #82694B; } body.pre-home #head .head-background { height: 60px; } #head .head-content { height: 105px; margin: 0 15px; } #head a { text-decoration: none; /*color: #fff;*/ outline: none; } #head a:hover { text-decoration: underline; } #head #logo { position: absolute; top: 20px; left: 45px; z-index: 10; } #head #print-logo { position: absolute; top: 20px; left: 25px; z-index: 10; display: none; } #head #global-menu { position: relative; padding: 65px 0 0; } #head #global-menu ul { margin: 0; width: 725px; } #head #global-menu ul li { float: left; position: relative; padding: 8px 0; list-style: none; margin-right: 0px; } #head #global-menu ul li.active { padding-bottom: 24px; } #head #global-menu ul li.last { float: right; border:none; } #head #global-menu ul li.services a { border: none; } #head #global-menu ul li a { float: left; height: 24px; overflow: hidden; border-right: 1px solid #fff; } #head #global-menu ul li.last a { border-right: 0; } #head #global-menu ul li a img { display:inline; } #head #languages-menu { float:right; margin-right:103px; } #head #languages-menu ul { margin: 0; } #head #languages-menu ul li { display: inline; list-style: none; } #head #languages-menu ul li a { } #head #service-nav { float:right; text-align: right; font-weight:normal; } #head #service-nav ul { margin: 0 0 8px; font-weight:normal; } #head #service-nav ul li { display: inline; list-style: none; font-weight:normal; } #head #service-nav ul li.contact { font-weight: bold; } #head #service-nav ul li.logout { display: none; } #head #service-nav ul li.logout a { font-weight: bold; } #head #service-nav ul li a { font-weight:normal; } #langservicerow { float:right; position: absolute; top: 25px; width:950px; } #content { position: relative; clear: both; width: 965px; padding-left: 25px; } .grid-row { position: relative; margin-right: -20px; clear: both; overflow: hidden; } .grid-row .grid-box-1 { position: relative; width: 60px; min-height: 1px; float: left; margin-right: 20px; } .grid-row .grid-box-2 { position: relative; width: 140px; min-height: 1px; float: left; margin-right: 20px; } .grid-row .grid-box-3 { position: relative; width: 220px; min-height: 1px; float: left; margin-right: 20px; } .grid-row .grid-box-30 { min-height: 1px; } .grid-row .grid-box-4 { position: relative; width: 300px; min-height: 1px; float: left; margin-right: 20px; } .grid-row .grid-box-5 { position: relative; width: 380px; min-height: 1px; float: left; margin-right: 20px; } .grid-row .grid-box-6 { position: relative; width: 460px; min-height: 1px; float: left; margin-right: 20px; } .grid-row .grid-box-7 { position: relative; width: 540px; min-height: 1px; float: left; margin-right: 20px; } .grid-row .grid-box-8 { position: relative; width: 620px; min-height: 1px; float: left; _float:none; margin-right: 20px; } .grid-row .grid-box-9 { position: relative; width: 700px; min-height: 1px; float: left; _float:none; margin-right: 20px; } .grid-row .grid-box-10 { position: relative; width: 780px; min-height: 1px; float: left; margin-right: 20px; } .grid-row .grid-box-11 { position: relative; width: 860px; min-height: 1px; float: left; margin-right: 20px; } .grid-row .grid-box-12 { position: relative; width: 940px; min-height: 1px; float: left; margin-right: 20px; } .grid-row-overflow { overflow: visible!important; } /* Special layout for layer navigation */ #layer-navigation .grid-row { margin-right: -30px; overflow: visible; } #layer-navigation .grid-row .grid-box-5 { width: 370px; min-height: 1px; } #layer-navigation .grid-row .grid-box-6 { width: 440px; min-height: 1px; } #layer-navigation .grid-row .grid-box-7 { width: 530px; min-height: 1px; } #layer-navigation .grid-row .grid-box-18 { width: 920px; min-height: 1px; } #layer-navigation .sublayers .grid-row { overflow: hidden; } #layer-navigation .sublayers_services .grid-row { overflow: hidden; } #site-search { clear:both; float:right; position:absolute; top:72px; right:25px; } #page-tools { margin: 0px 25px 25px 0px; padding: 0; clear: both; border-top: #c7c8c9 solid 1px; position: relative; } #page-tools ul { margin: 0; position: absolute; top: 5px; right: 0; } #page-tools ul li { list-style: none; color: #fff; float: right; /*width: 1px;*/ white-space: nowrap; } #page-tools ul li a:link, #page-tools ul li a:visited, #page-tools ul li a:active { margin-left: 15px; padding-left: 10px; background: transparent url(../img/icons/bullet-small.png) no-repeat 0 50%; width: 1%; white-space: nowrap; text-decoration: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="../img/icons/bullet-small.png"); _background:none; } #page-tools ul li a:hover { text-decoration: underline; } #page-tools ul li a.print-page { } #page-tools ul li a.feedback { } /*----- Footer -----*/ #footer { width: 990px; height: 95px; _width:970px; margin: 0 auto; position: relative; background: transparent url(../img/bg/footer.png) no-repeat 0 0; clear: both; z-index: 150; overflow: hidden; _background:none;_background-color:#FFFFFF; } #footer #copyright { position: absolute; top: 18px; left: 25px; } #footer #copyright p { margin: 0; } #footer #quick-links { position: absolute; top: 18px; right: 25px; width:950px; } #footer #quick-links ul { margin: 0; text-align: right; } #footer #quick-links ul li { display: inline; border-left: 1px solid #c7c8c9; padding-left: 4px; } #footer #quick-links ul li:first-child { border: none; } #footer #quick-links ul li a { } #footer #additional-links { left: 25px; position: absolute; bottom:5px; right: 25px; display: inline; overflow: hidden; } #additional-links ul { margin: 0; text-align: left; } #additional-links ul li { border-left: 1px solid #C7C8C9; display: inline; float: left; list-style-type: none; padding: 0 4px; white-space: nowrap; } #additional-links ul li:first-child { border: none; padding-left: 0; } /* Footer on Pre-home and Stage */ body.stage #footer { background: transparent url(../img/bg/footer-stage.png) no-repeat 0 0; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="images/../img/bg/footer-stage.png"); _background:none; } /*----- Frontpage -----*/ body.frontpage #breadcrumb { display: none; } body.frontpage #content { padding-left: 10px; width: 980px; } body.frontpage .grid-row .grid-box-4 { width: 320px; margin-right: 0; overflow: hidden; } body.frontpage .grid-row .fp-spot .grid-box-4 { width: 308px; } body.frontpage .grid-row .grid-box-8 { width: 645px; margin-right: 0; overflow: hidden; } body.frontpage .grid-row .grid-box-12 { float:none; width: auto; min-height: 0; margin-right: -20px; } body.frontpage .fp-spot-wrapper { margin-bottom: -10px; } /* http://www.kuoni.co.uk/ProfileUIResources/CSS/navigation.css */ /* +--------------------------------------------------------------------------+ | [Navigation] | | Project: Kuoni global CMS, Style profile | Responsible: Balazs Suhajda, Mikael Gyde Moller | Usage: Styles for navigational elements +--------------------------------------------------------------------------+ */ /*----- META NAVIGATION -----*/ /* to do... */ /*----- LAYER NAVIGATION -----*/ #layer-navigation { position: relative; width: 960px; background: #fff; z-index: 100; color:#202529; margin-top:50px; *margin-top:5px; } #layer-navigation .layers { margin: 0; padding: 40px 0 0 0;} #layer-navigation ul.layers li { list-style: none; } #layer-navigation ul.layers li.layer { height: 410px; } #layer-navigation ul.layers li#mykuoni.layer { height: auto; } #layer-navigation ul.layers li a { } #layer-navigation a.close-layer { position: absolute; top: 10px; right: 20px; height: 20px; padding-left: 17px; color: #202529; background: url(../img/icons/close.png) 0% 60% no-repeat; border: none; text-align: right; font-weight: bold; font-size: 11px; line-height: 20px; overflow: visible; cursor: pointer; } #layer-navigation a.close-layer:hover { text-decoration: underline !important; } #layer-navigation .layer { padding: 0 0 0 20px; } #layer-navigation .layer .menu { margin: 0; position: absolute; z-index: 1; left: 0; } #layer-navigation .layer .menu ul { margin: 0; padding: 0; } #layer-navigation .layer .menu ul li { width: 210px; line-height: 30px; list-style: none; vertical-align: top /* to remove vertical space between li's */; } #layer-navigation .layer .menu ul li a { display: block; padding-left: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #202529; text-decoration: none; text-transform: uppercase; background: url(../img/bg/layernav-menu-bg.png) repeat-x; } #layer-navigation .layer .menu ul li a:hover { background-position: 0 -30px; color: #33496F; } #layer-navigation .layer .menu ul li.selected { width: 211px; line-height: 28px; } /*#layer-navigation .layer .menu ul li.selected a { padding-left: 10px; border: 1px solid #c7cbc9; border-right: none; font-weight: bold; background-position: 0 -60px; }*/ #layer-navigation .layer .menu ul li.selected a:hover { background-position: 0 -60px; } /*add for HK*/ #layer-navigation .layer .menu ul li a.selected { width: 200px; line-height: 29px; padding-left:10px; border: 1px solid #c7cbc9; border-right: none; font-weight: bold; background-position: 0 -60px; } #layer-navigation .layer .usual ul.idTabs li.selected { width: 211px; line-height: 28px; } #layer-navigation .layer .usual ul.idTabs li.selected a { padding-left: 10px; border: 1px solid #c7cbc9; border-right: none; font-weight: bold; background-position: 0 -60px; } #layer-navigation .layer .usual ul.idTabs li.selected a:hover { background-position: 0 -60px; } #header_select_region .sublayers .sublayer { position: relative; padding: 20px 0 0 20px; border: 1px solid #c7cbc9; height: 370px; } #coslogun {height:45px; width:958px; margin: 0 auto; position: relative; clear: both; z-index: 150; overflow: hidden; } .sloguncontent {border:#999999 1px solid; width:948px; padding:2px; margin-top:10px; } .sendtofriendbox {margin-left:auto; margin-right:auto; z-index: 1000; opacity: 1; display:block;position: relative; width:500px; height:500px; background-color:#ff0000; } /*add for HK*/ #layer-navigation .sublayers { margin: 0 0 0 210px; } #layer-navigation .sublayers_services { margin: 0 0 0 0px; } #layer-navigation .sublayers .sublayer { position: relative; padding: 20px 0 0 20px; border: 1px solid #c7cbc9; height: 370px; } #layer-navigation .sublayers .selected { display: block; } /* Layer navigation / 12 spots */ #layer-navigation .zoomspots { position: relative; } .zoomspot { float: left; position: relative; width: 160px; height: 110px; margin: 0 10px 10px 0; text-decoration: none; } .zoomspot a.img-link { position: relative; display: block; height: 100%; z-index: 5; } .zoomspot a img { width: 100%; /* height: 100%; */ } .zoomspot .info, .zoomspot .bg { position: absolute; bottom: 0px; height: 30px; width: 100%; margin: 0; padding: 0px; font-size: 10px; overflow: hidden; z-index: 10; } .zoomspot .info img { display: block; margin: 2px 0; padding: 0; height: 26px; width: 160px; } .zoomspot .info img.big { position: absolute; top: 0; left: 0; } .zoomspot .info p { padding: 0 20px; } .zoomspot .bg { background: #FFF; opacity: 0.8; filter:alpha(opacity=80) \9; /* For IE */ z-index: 7; font: bold 14px/30px san-serif; color: #4D5154; text-align: center; cursor: pointer; } .zoomspot .shadow { display: none; position: absolute; top: -15px; left: -15px; width: 370px; height: 260px; background: url(../img/bg/layernav-spot-zoom-shadow.png); z-index: 2; } .zoomspot .info .see-details { display: block; padding-left: 10px; background: url(../IMG/icons/layernav-spot-link.gif) left center no-repeat; text-transform: none; text-decoration: none; } .zoomspot .info .see-details:hover { text-decoration: underline; } /*----- BREADCRUMB NAVIGATION-----*/ #breadcrumb { padding: 0 25px; margin: 10px 0; } #breadcrumb ul { margin: 0; } #breadcrumb ul li { display: inline; list-style: none; color: #33496F; } #breadcrumb ul li a { padding-right: 5px; color: #33496F; } #breadcrumb ul li a:active, #breadcrumb ul li a:visited { color: #33496F; } #breadcrumb ul li a:hover { color: #202529; text-decoration: none; } #breadcrumb ul li { color: #202529; } #breadcrumb ul li.ignore a, #breadcrumb ul li.ignore a:hover { text-decoration: none; color: #33496F; } /*----- PAGE NAVIGATION -----*/ #page-navigation { width: 220px; min-height: 195px; margin-bottom: 10px; } #page-navigation .sliding-list { position: relative; height: inherit; overflow: hidden; } #page-navigation .sliding-list .slider-content ul li a { *float:left; } #page-navigation .sliding-list .slider-content ul li .autoTruncate { text-overflow: ellipsis;-o-text-overflow: ellipsis;width: 190px;white-space: nowrap;overflow: hidden; } #page-navigation .control { display: none; width: 100%; height: 19px; cursor: pointer; text-align: center; background: url(../IMG/bg/tabs.png) no-repeat scroll 0 0; color:#33496F; font-weight: bold; } #page-navigation .slide-down { position: absolute; top: 0px; left: 0; } #page-navigation .slide-down div { height: 100%; background: url(../img/icons/accordion-arrow-up.gif) center 5px no-repeat; } #page-navigation .slide-down:hover div { background-position: center 3px; } #page-navigation .slide-up { position: absolute; bottom: -10px; left: 0; } #page-navigation .slide-up div { height: 100%; background: url(../img/icons/accordion-arrow-vertical.gif) center 7px no-repeat; } #page-navigation .slide-up:hover div { background-position: center 9px; } #page-navigation .slider-content { padding-top: 5px; overflow: hidden; } #page-navigation .slider-content .autoTruncate { text-overflow: ellipsis;-o-text-overflow: ellipsis;width: 190px;white-space: nowrap;overflow: hidden; } #page-navigation a { padding-left: 10px; text-decoration: none; } #page-navigation #backto { font-size: 12px; background: transparent url(../img/icons/bullet-backto.png) no-repeat 0 51%; } /* Added by Keami */ #page-navigation .sidebar-btn { background: url(../img/bg/sidebar-tab.png) no-repeat 0 0; width:220px; height:27px; padding:5px 0 0 5px; cursor:pointer; } #page-navigation .sidebar-btn:hover { background: url(../img/bg/sidebar-tab-on.png) no-repeat 0 0; } #page-navigation ul { margin: 0; } #page-navigation ul li { list-style: none; padding: 2px 0; } #page-navigation ul li a { background: transparent url(../img/icons/bullet-small.png) no-repeat 0 51%; white-space: nowrap; text-overflow: ellipsis; *float: left} #page-navigation ul li .autoTruncate { text-overflow: ellipsis;-o-text-overflow: ellipsis;width: 190px;white-space: nowrap;overflow: hidden; } #page-navigation .slider-active { overflow: visible; } #page-navigation .slider-active .control { display: block; } #page-navigation .slider-active .slider-content { position: absolute; top: 19px; left: 0px; height: 171px; width: 100%; } #page-navigation .slider-active .slider-content ul { position: absolute; height: auto; width: 100%; top: 0px; left: 0px; } #page-navigation .slider-active .slider-content ul li a { *float:left; } #page-navigation .slider-active .slider-content .autoTruncate { width: 190px; } #tour-facts { height:120px; } /* Store Navigation - menu decoration*/ #store-navigation ul li a { margin-bottom: 10px; padding-left: 0; margin-left: 0; text-transform: uppercase; font: normal 15px/18px georgia,verdana,arial,helvetica,clean,sans-serif; color: #4c5155; background: none; } #store-navigation ul ul li a { margin-bottom: 0; padding-left: 10px; background: transparent url(../img/icons/bullet-small.png) no-repeat 0 51%; font: normal 11px/15px verdana,arial,helvetica,clean,sans-serif; } #store-navigation ul ul ul li a { padding-left: 20px; } #store-navigation ul ul li a.selected { background-color: #efefef; } #store-navigation ul ul li a:hover { background-color: #efefef; } #store-navigation ul ul li a span { padding-right: 15px; margin-right: 5px; } /* Store Navigation - open/close */ #store-navigation ul li.open { display: block; } #store-navigation ul li.close { display: none; } #store-navigation ul li.open li.close { display: block; } #store-navigation ul li.open li.close li.close { display: none; } /* Back to links */ .backto { padding: 10px 0; border-top: #ccc solid 1px; } .backto ul { margin: 0; padding: 0; } .backto ul li { margin: 0; padding: 0; list-style: none; } .backto ul li a { text-decoration: none; background: transparent url(../img/icons/bullet-large.png) 0 51% no-repeat; padding-left: 18px; } /* Sitemap */ #sitemap { line-height: 20px; } #sitemap a { color: #666; text-decoration: none; padding-right: 8px; } #sitemap a:hover { text-decoration: underline; } #sitemap .section-name { padding: 7px 25px; margin: 0; font: bold 14px/18px georgia,verdana,arial,helvetica,clean,sans-serif; color: #4b4f52; text-transform: uppercase; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; background: #f8f8f8; } #sitemap .section-name a { color: #4b4f52; padding-right: 12px; text-decoration: none; } #sitemap .section-pages { background-color: #fff; margin-bottom: 15px; } #sitemap ul { margin: 0 9px 0 30px; padding: 0; font-family: verdana; font-size: 11px; } #sitemap ul li { padding: 0 0 0 24px; margin: 0; list-style: none; background: url(/../img/bg/node.gif) no-repeat 0% 0%; } #sitemap ul li ul { padding: 0 0 0 24px; margin: 0 0 0 -24px; background: url(../img/bg/vline.gif) repeat-y 0% 0%; } #sitemap ul li ul li { font-weight: normal; } #sitemap ul.lastnode { background-image: none; } #sitemap li.lastnode { background: url(../img/bg/lastnode.gif) no-repeat 0% 0%; } /* http://www.kuoni.co.uk/ProfileUIResources/CSS/typography.css */ /* +--------------------------------------------------------------------------+ | [Typography] | | Project: Kuoni global CMS, Style profile | Responsible: Balazs Suhajda, Mikael Gyde Moller | Usage: Typography definitions +--------------------------------------------------------------------------+ */ /*----- Links -----*/ a:link { color: #33496f; outline: none; text-decoration: underline; } a:visited { color: #551a8b; outline: none; text-decoration: underline; } a:hover { color: #202529; outline: none; text-decoration: underline; } a:active { color: #202529; outline: none; text-decoration: underline; } /*----- Headlines -----*/ h1 { font: normal 24px/28px feijoja,georgia,verdana,arial,helvetica,clean,sans-serif; color: #4D5154; } #content h1 { margin-top: 0px; /*border-bottom: 1px solid #868889;*/} h2 { font: normal 15px/18px georgia,verdana,arial,helvetica,clean,sans-serif; text-transform: uppercase; color: #4D5154; margin-bottom: 0; padding-bottom: 5px; } h3 { font: normal 13px/20px georgia,verdana,arial,helvetica,clean,sans-serif; text-transform: uppercase; color: #4D5154; padding-bottom: 5px; } h4 { font: normal 11px/15px verdana,arial,helvetica,clean,sans-serif; text-transform: uppercase; color: #4D5154; } h5 { font: normal 11px/15px verdana,arial,helvetica,clean,sans-serif; } h6 { font: normal 10px/15px verdana,arial,helvetica,clean,sans-serif; } p { margin-bottom: 1em; } em { font-style: normal; text-transform:uppercase; } body { color: #4d5154; font: 11px/1.531 verdana,arial,helvetica,clean,sans-serif; } table { font-size: 100%; } pre,code,kbd,samp,tt { font-family: monospace; *font-size: 108%; line-height: 100%; } /* Site elements */ #service-nav { font: normal 11px/15px verdana,arial,helvetica,sans-serif; color: #ffffff;font-weight:normal; } #service-nav a { color: #ffffff; font-weight:normal; } #head #languages-menu { font: normal 11px/15px verdana,arial,helvetica,sans-serif; color: #ffffff; font-weight:normal; } #head #languages-menu a { color: #ffffff; font-weight:normal; } #quick-navigation { font: normal 11px/15px verdana,arial,helvetica,sans-serif; color: #8b8d8f; } #quick-navigation span { text-transform: uppercase; } #quick-navigation a { color: #8b8d8f; } #tool-menu { font: normal 11px/15px verdana,arial,helvetica,sans-serif; } #tool-menu a { } #breadcrumb-menu { font: normal 11px/15px verdana,arial,helvetica,sans-serif; } #breadcrumb-menu a { } #page-navigation { font: normal 11px/15px verdana,arial,helvetica,clean,sans-serif; text-transform: uppercase; } #page-navigation a { } #page-navigation .city, #page-navigation .country { font: normal 15px/18px georgia,verdana,arial,helvetica,clean,sans-serif; text-transform: none; color: #4D5154; } ul#tabs { font: bold 11px/15px Verdana,arial,helvetica,sans-serif; color: #33496f; } ul#tabs a { color: #33496f; text-transform: uppercase; text-decoration: none; } ul#tabs .ui-tabs-selected a { color: #202529; } .accordion-panel .head { font: normal 11px/28px Verdana,arial,helvetica,sans-serif; color: #4c5053; text-transform: uppercase; text-decoration: none; } .accordion-panel .head:hover, .accordion-panel.selected .head { color: #4c5053; font-weight: bold; } #footer { font: normal 10px/15px verdana,arial,helvetica,sans-serif; color: #4d5154; } #footer a { color: #4d5154; text-decoration: none; } #footer a:hover { color: #202529; text-decoration: underline; } /* http://www.kuoni.co.uk/ProfileUIResources/CSS/toolbox.css */ /* +--------------------------------------------------------------------------+ | [Toolbox] | | Project: Kuoni global CMS, Style profile | Responsible: Balazs Suhajda, Mikael Gyde Moller | Usage: Toolbox with reusable common styles +--------------------------------------------------------------------------+ */ /*----- Layout Tools -----*/ .float-left { float: left; } .layout-center { margin: 0 auto; } .float-right { float: right; clear: right; } .clear { width: 100%; height: 1px; margin: 0 0 -1px; clear: both; overflow: hidden; } /* http://ryanfait.com/articles/breaking-floats-without-hacks */ .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .block { display: block; } img { display: block; } .extra-padding-top { padding-top: 15px; } /*----- Typographic Tools -----*/ .error { border: 1px solid #fb4343; padding: 3px; color: #fb4343; } .warning { border: 1px solid #d4ac0a; padding: 3px; color: #d4ac0a; } .success { border: 1px solid #149b0d; padding: 3px; color: #149b0d; } .call-out { font-size: 125%; font-weight: bold; } .strike-out { text-decoration: line-through; } .underline { text-decoration: underline; } /*----- Display Values -----*/ .hide { display: none; } .hide-absolute { visibility: hidden; position: absolute; } .invisible { visibility: hidden; } .show { display: block; } .show-relative { visibility: visible; position: relative; } .skip { display: block; width: 0; height: 0; overflow: hidden; } /*----- Decorations -----*/ .border-top { border-top: #8f9294 solid 1px; } .border-bottom { border-bottom: #8f9294 solid 1px; } /*----- Style XML Trace -----*/ #__asptrace span.tracecontent table { background-color: #fff; } #__asptrace span.tracecontent table th { text-align: left; padding: 1px; } #__asptrace span.tracecontent table td { padding: 1px; } /* http://www.kuoni.co.uk/ProfileUIResources/CSS/spots.css */ /* +--------------------------------------------------------------------------+ | [Spots] | | Project: Kuoni global CMS, Style profile | Responsible: Balazs Suhajda, Mikael Gyde Moller | Usage: Styles for all types of spots +--------------------------------------------------------------------------+ */ /*----- Spots on Pre-home and Stage -----*/ body.stage #stage-spots { position: absolute; width: 960px; bottom: 40px; left: 50%; margin-left: -480px; z-index: 40; } body.stage #stage-spots h1 { position: absolute; bottom: 15px; right: 45px; color: #ffffff; } body.stage #stage-spots .spot h1 { position: relative; margin-bottom: 5px; bottom: 0; right: 0; font-size: 18px; } body.stage #stage-spots .spot { margin-bottom: 20px; padding: 10px 20px; border: none; width: 380px; background-color: #cccccc; opacity: 0.9; color: #fff; } body.stage #stage-spots .spot h2 { padding: 0; margin: 5px 0; font: normal 15px/20px Georgia; border: none; color: #fff; text-transform: uppercase; } body.stage #stage-spots .spot p { padding: 0; margin: 5px 0; } body.stage #stage-spots .spot p.indent { text-indent: 15px; margin-top: 0; } body.stage #stage-spots .spot .process-button { margin-top: 10px; padding: 1px 35px; } body.stage #stage-spots .spot #locale { } body.stage #stage-spots .spot #locale label { display: block; float: left; width: 180px; margin-bottom: 10px; } body.stage #stage-spots .spot #locale select { float: left; width: 200px; margin-bottom: 10px; } body.stage #stage-spots .spot ul { padding: 0; margin: 0; } body.stage #stage-spots .spot ul li { padding: 0; margin: 0; list-style: none; } body.stage #stage-spots .spot ul li a { background: url(../img/icons/bullet.png) 0 50% no-repeat; font-weight: bold; color: #fff; padding: 0 20px 0 10px; text-decoration: none; } body.stage #stage-spots .spot ul li a:hover { } body.stage #stage-spots .offers { width: 330px; } body.stage #stage-spots .offers ul { margin: 10px 0 5px; } body.stage #stage-spots .offers ul li, body.stage #stage-spots .offers ul li a { display: inline; } /*----- Spots on Frontpage -----*/ body.frontpage #content h1 { border-bottom: 1px solid #868889; } body.frontpage .fp-spot { padding: 15px; } body.frontpage .fp-spot.small { background: transparent url(../img/bg/frontpage-smallspot.png) no-repeat 0 100%; } body.frontpage .fp-spot.large { background: transparent url(../img/bg/frontpage-largespot.png) no-repeat 0 100%; min-height: 1px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="images/../img/bg/frontpage-largespot.png"); _background:none; } body.frontpage .fp-spot.x-large { background: transparent url(../img/bg/frontpage-xlargespot.png) no-repeat 0 100%; clear:both; overflow:hidden; _background:none; _background-color:#FFFFFF; } body.frontpage .fp-spot.top { background-position: 0 0; padding: 0; height: 5px; overflow: hidden; } body.frontpage .fp-spot h3 { font: normal 16px/18px georgia,verdana,arial,helvetica,clean,sans-serif; color: #868889; text-transform: uppercase; border-bottom: 1px solid #868889; } body.frontpage .fp-spot h3 a:hover { text-decoration: underline; } body.frontpage .spot { border: none; margin: 5px; } body.frontpage #layer-navigation .spot { border: none; margin-bottom: 25px; } body.frontpage .fp-offerspot { border-top: 1px solid #646e6e; margin: 0 20px 15px 5px; padding: 0; } body.frontpage .fp-offerspot h3 { border: none; margin: 5px 0; padding: 3px 0 5px; } body.frontpage .fp-offerspot a { color: #646e6e; text-decoration: none; } body.frontpage .fp-offerspot img { display: inline; } body.frontpage .fp-offerspot .offer-text { left: 165px; overflow: hidden; position: absolute; top: 30px; width: 130px; } body.frontpage .fp-offerspot .offer-text:hover { text-decoration: underline; } body.frontpage .fp-offerspot .spot { margin: 0; padding: 0; border: none; } body.frontpage .fp-imgspot .spot, body.frontpage .fp-top4 { margin: 0 0 0 3px; padding: 0; border: none; } body.frontpage .fp-top4 { margin-right: 5px; } body.frontpage .fp-top4 table.top4 { margin: 0; padding: 0; border: none; width: 100%; color: #646e6e; } body.frontpage .fp-top4 table.top4 a { color: #646e6e; text-decoration: none; } body.frontpage .fp-top4 table.top4 td { border-bottom: 1px solid #8b9292; padding: 3px 0; } body.frontpage .fp-top4 table.top4 .price { font: normal 18px/18px georgia,verdana,arial,helvetica,clean,sans-serif; text-transform: uppercase; text-align: right; width: 90px; } body.frontpage .fp-top4 table.top4 .currency { font-size: 12px; float: left; } body.frontpage .fp-top4 h3 { border: none; color: #646E6E; margin-top: 5px; } body.frontpage #fp-booking.fp-spot { padding: 0 5px; } body.frontpage #fp-booking .formset { padding: 15px; height: 281px; position: relative; } body.frontpage #fp-booking .formset fieldset { margin: 5px auto; } body.frontpage #fp-booking .formset input { width: 281px; } body.frontpage #fp-booking .formset select { width: 285px; } body.frontpage #fp-booking .formset select.day { width: 65px; margin-right: 2px; } body.frontpage #fp-booking .formset select.month { width: 150px; margin-right: 2px; } body.frontpage #fp-booking .formset select.year { width: 65px; } body.frontpage #fp-booking-ch.fp-spot { padding: 0 5px; } body.frontpage #fp-booking-ch.fp-spot h3 { margin: 0; padding: 4px 10px; background: transparent url(../img/bg/bookingtabs.png) 0 0 repeat-x; font: bold 13px/20px arial; text-transform: none; color: #58585a; border-bottom: 1px solid #cbcdcc; line-height: 16px; } body.frontpage #fp-booking-ch.fp-spot .radio-btns { margin: 0 15px 10px; padding: 10px 0; height: 30px; border-bottom: 1px solid #cbcdcc; } body.frontpage #fp-booking-ch.fp-spot .radio-btns label { width: 140px; float: left; font-weight: normal; } body.frontpage #fp-booking-ch.fp-spot .radio-btns input { margin-right: 5px; border: none; } body.frontpage #fp-booking-ch.fp-spot .ui-tabs-panel { clear: both; } body.frontpage #fp-booking-ch.fp-spot .form-row { overflow: hidden; margin: 0 -5px 7px 0; } body.frontpage #fp-booking-ch.fp-spot .form-row .half { float: left; margin-right: 5px; width: 140px; } body.frontpage #fp-booking-ch.fp-spot .form-row .full { width: 285px; } body.frontpage #fp-booking-ch.fp-spot .form-row .full select { width: 285px; } body.frontpage #fp-booking-ch .formset { padding: 0 15px 15px; height: 237px; position: relative; } body.frontpage #fp-booking-ch .formset fieldset { margin: 7px auto; } body.frontpage #fp-booking-ch .formset input { width: 135px; height: 15px; } body.frontpage #fp-booking-ch .formset input.dp-applied { width: 110px; float: left; margin-right: 3px; } body.frontpage #fp-booking-ch .formset select { width: 140px; } body.frontpage #fp-booking-ch .formset select.day { width: 65px; margin-right: 2px; } body.frontpage #fp-booking-ch .formset select.month { width: 150px; margin-right: 2px; } body.frontpage #fp-booking-ch .formset select.year { width: 65px; } body.frontpage #fp-booking-ch .booking-btn { height: 15px; text-decoration: none; } body.frontpage #fp-booking-ch .booking-btn .arrow { line-height: 15px; } body.frontpage ul.subsidiaries { margin-left:-5px } body.frontpage ul.subsidiaries li { list-style-type: none; display:inline; float:right; margin-left:7px} body.frontpage ul.subsidiaries li a { } body.frontpage ul.subsidiaries li a img { } body.frontpage .float-spots { padding: 5px 0 10px 10px; } body.frontpage .float-spots .fp-spot { display:inline; float:left; margin:0 10px 8px 0; padding:0; position:relative; width:176px; } body.frontpage .float-spots a { display:block; text-decoration:none; } body.frontpage .float-spots a.text-link { background:none repeat scroll 0 0 #FFFFFF; opacity:0.9; background:#FFFFFF \9; /* for IE */ filter:alpha(opacity=90) \9; /* for IE */ bottom:0; color:#868889; display:block; font:16px/18px georgia,verdana,arial,helvetica,clean,sans-serif; left:0; padding:11px 0; position:absolute; text-transform:uppercase; width:100%; } body.frontpage .float-spots a.text-link span { padding:0 20px 0 8px; font-size:14px; font-weight:bold; font-family: sans-serif; } /*----- General spot properties -----*/ .spot, .content-highlight { border-top: 1px solid #c7c8c9; margin-bottom: 25px; padding-top: 5px; } .spot a.more, .content-highlight a.more { font-weight: bold; background: transparent url(../img/icons/bullet-small.png) no-repeat 0 51%; padding-left: 10px; display: block; } .spot p { font-size: 11px; line-height: 15px; margin-bottom: 2px; } #layer-navigation #services .spot { border: 0; } /*----- Spot exceptions -----*/ .content-related { width: 220px; } /* Highlight spots */ .highlights { margin-right: -20px; } .highlights a.show-all-highlights { position: absolute; padding-left: 10px; top: 3px; right: 20px; font-weight: bold; text-decoration: none; color: #4d5154; background: transparent url(../img/icons/bullet-small.png) no-repeat 0 50%; } .highlights .highlight { padding: 0 0 10px 0; width: 300px; float: left; } .highlights .highlight img { width: 300px; display: block; } .highlights .highlight h3 { font-size: 13px; padding: 5px 0 5px; } .highlights .highlight h3 a { text-decoration: none; color: #4d5154; } .highlights .highlight p { font-size: 11px; line-height: 15px; margin-bottom: 2px; } .highlights .highlight a.more { font-weight: bold; background: transparent url(../img/icons/bullet-small.png) no-repeat 0 51%; padding-left: 10px; display: block; } /* Hot offers - detailed view with images */ .offers ul { margin: 0; line-height: 15px; } .offers li { margin: 0 10px 10px 0; list-style: none; position: relative; } .offers li a { display: block; } .offers li .offer { position: absolute; top: 0; left: 90px; width: 210px; overflow: hidden; } .offers li a.header { margin-bottom: 3px; color: #4d5154; text-decoration: none; text-transform: uppercase; } .offers li a.offer-link { font-weight: bold; background: transparent url(../img/icons/bullet-small.png) no-repeat 0 60%; padding: 3px 0 0 10px; display: block; text-transform: none; } .offers li img { width: 80px; height: 80px; } /* Hot offers - minimal view without details */ .offers-minimal { } /* Map */ #map-clicker { cursor: pointer; } .map { margin-bottom: 10px; } .map h2 { } .map .map-image { position: relative; } .map .map-image img { border: 1px solid #c7c8c9; } .map .map-image .zoom { position: absolute; top: 6px; right: 6px; width: 20px; height: 20px; background: transparent url(../img/icons/resize.png) no-repeat 0 0; } /* Quick-book */ .quick-book { border: 1px solid #c7c8c9; background: #f4f4f4 url(../img/bg/quick-book.png) 0 0 repeat-x; padding: 5px; width: 208px; } .quick-book fieldset { padding: 3px 0; } .quick-book label.inline { display: inline; } .quick-book select.half-width { width: 102px; } .quick-book select.full-width { width: 208px; } .quick-book select.auto-width { width: auto; } .quick-book a.process-button { margin-top: 5px; } .quick-book fieldset.online-booking-date { float: left; width: 110px!important; } .quick-book fieldset.booking-hotelgrade { float: left; margin-right: 5px; } .quick-book fieldset.booking-numberofrooms { padding-left: 10px; } .quick-book .quick-book-support { background: #f4f4f4; color: #4D5154; margin: 10px -5px 0; border-top: 1px solid #c7c8c9; } .quick-book .quick-book-support p { margin: 0; padding: 5px; } /* Drop-down spot */ .drop-down { } .drop-down label { display: block; } .drop-down select { margin-bottom: 10px; width: 100%; } /* Accommodation awards */ .awards div { margin: 0 0 10px 0; } .awards div img { width: 70px; height: 70px; float: left; display: inline; } .awards div p { padding-left: 15px; overflow: hidden; line-height: 15px; } .text-spot img { float: left; margin-right: 10px; } .text-spot h3 a, .text-spot h3 a:hover { text-decoration: none; color: #4D5154; } .spot a.more { float: left; } /* Flash spots for destination Flash Map */ /* Type One - Flash - X-Large */ .flash-map { margin: 5px; background: #fff; position: relative; width: 474px; } .flash-map .country-selector-fs { bottom: 10px; left: 10px; position: absolute; } .flash-map .country-selector-fs select { color: #333; padding: 1px; width: 195px; } .flash-map .country-selector-fs select option.continent { color: #000; background: #e2e2e2; } .flash-map .country-selector-fs #select-hierarchy-wrapper-1 { clear: both; padding-bottom: 5px; } .flash-map .country-selector-fs #select-hierarchy-wrapper-2 { padding-bottom: 5px; } .flash-map .country-selector-fs a.btn { bottom: -23px; cursor: pointer; position: absolute; } .flash-map .country-selector-fs label { display: none; } .flash-map .flashmap-button { width: 100px; } /* http://www.kuoni.co.uk/ProfileUIResources/CSS/elements.css */ /* +--------------------------------------------------------------------------+ | [Elements] | | Project: Kuoni global CMS, Style profile | Responsible: Balazs Suhajda, Mikael Gyde Moller | Usage: Styles for page elements like e.g. img rotator, ratings, maps +--------------------------------------------------------------------------+ */ /* Text block */ .text { padding: 25px 0 15px; /* position: relative; to fix unclickable content-tools due to .text change */ } .rtc_bold { font-weight: bold; } .legend { background-color: #f4f4f4; padding: 10px; margin: 10px 0; } .notes { border: #c7c8c9 solid 1px; border-style: solid none; padding: 10px; margin: 10px 0; } /* often used striped tag */ a.striped { background: transparent url(../img/icons/bullet-small.png) no-repeat 0 51%; padding-left: 10px; } .disabled { opacity: .5; cursor: default; } /* Text Paging */ .paging { padding: 10px 0; float: right; font-size: 11px; } .paging ul { margin: 0; padding: 0; } .paging ul li { float: left; margin: 0; padding: 0 5px; list-style: none; border-right: #666 solid 1px; } .paging ul li.selected a { font-weight: bold; text-decoration: none; } .paging ul li.next { border-right: none; } /* Web code / hotel search*/ .web-code-search { position: absolute; bottom: 20px; left: 20px; } .web-code-search label { display: block; font: normal 13px/20px georgia,verdana,arial,helvetica,clean,sans-serif; text-transform: uppercase; color: #4D5154; margin-bottom: 0; padding-bottom: 5px; } .web-code-search input { border: 1px solid #8f9294; width: 155px; padding: 2px; } /* Image Rotator */ #flash-multiplayer { position: relative; width: 700px; height: 350px; margin-bottom: 30px; } body.frontpage #flash-multiplayer { position: relative; width: 635px; height: 333px; margin: 5px; } #flash-world-map { margin: 0 0 20px 15px; } /* Image Rotator */ .image-rotator { position: relative; width: 940px; height: 310px; margin-bottom: 30px; } .image-rotator .ir-info { position: absolute; top: 20px; left: 0; z-index: 5; opacity: 0.9; } .image-rotator .ir-info .ir-headline { padding: 10px 80px 20px 20px; color: #ffffff; } .image-rotator .ir-info .ir-subheadline { padding: 20px 80px 10px 20px; color: #ffffff; } .image-rotator .ir-paging { position: absolute; bottom: 5px; right: 5px; z-index: 10; } .image-rotator .ir-paging ul { float: right; margin: 0; padding: 5px; height: 20px; background-color: #fff;/*TODO*/ } .image-rotator .ir-paging ul li { float: left; list-style: none; padding-right: 1px; } .image-rotator .ir-paging ul li.prev { display: none; padding-right: 5px; } .image-rotator .ir-paging ul li.next { display: none; padding-right: 0px; padding-left: 5px; } .image-rotator .ir-paging ul .numbers { float: left; } .image-rotator .ir-paging ul li a { text-decoration: none; height: 20px; width: 20px; line-height: 20px; display: block; text-align: center; background: transparent url(../img/icons/btn_bg-20x20.gif) no-repeat 0 0; } .image-rotator .ir-paging ul li.selected a { color: #fff; background-position: 0 -20px; } .image-rotator .ir-images img { display: none; } .image-rotator .ir-images img:first-child { display: block; } /* Image Gallery */ .image-gallery { border-top: #ccc solid 1px; padding-top: 5px; } .image-gallery .help { position: relative; height: 20px; font-size: 11px; } .image-gallery .help .enlarge { position: absolute; top: 0; left: 0; width: 100% } .image-gallery .help .all { position: absolute; top: 0; right: 0; font-weight: bold; background: transparent url(../img/icons/layernav-spot-link.gif) 0 50% no-repeat; padding-left: 10px; } .image-gallery .popup-show { display: none; } .image-gallery ul { height: 70px; margin: 0 0 20px; padding: 14px 9px; border: #ccc solid 1px; overflow: hidden; } .image-gallery ul li { margin: 0; padding: 0 5px 14px; list-style: none; float: left; } .image-gallery ul li a { } .image-gallery ul li a:hover { } .image-gallery-popup { position: absolute; width: 740px; height: 560px; z-index: 100; padding: 14px; background: transparent url(../img/bg/image-gallery-popup.png) 0 0 no-repeat; } .image-gallery-popup .bg { padding: 6px 20px 20px; background: #fff; } .image-gallery-popup .bg h2 { padding: 5px 0 10px; } .image-gallery-popup .popup-hide { display: none; } .image-gallery-popup .title { margin: 3px 0 0 0; background: #fff; text-align: right; font-size: 10px; } .image-gallery-popup .title a { font-weight: bold; background: transparent url(../img/icons/bullet-small.png) no-repeat 10px 51%; padding-left: 20px; text-decoration: none; } .image-gallery-popup .close { position: absolute; right: 34px; top: 29px; height: 12px; line-height: 12px; font-weight: bold; background: transparent url(../img/icons/close.png) no-repeat 0% 0%; padding-left: 17px; text-decoration: none; } .image-gallery-popup a.close:hover { text-decoration: underline; } .image-gallery-popup .disabled { opacity: 0.25; filter: alpha(opacity=25); } .image-gallery-popup .gallery-carousel-wrapper { position: absolute; bottom: 53px; left: 34px; margin: 0; padding: 0; width: 700px; height: 98px; border: 1px solid #c7c8c9; } .image-gallery-popup .gallery-carousel { position: relative; margin: 0 49px; padding: 0; width: 600px; height: 100%; overflow: hidden; } .image-gallery-popup .gallery-carousel ul { position: absolute; top: 0; left: 0; width: 10000px; height: 98px; margin: 0; } .image-gallery-popup .gallery-carousel ul li { margin: 0; padding: 15px 5px; list-style: none; float: left; } .image-gallery-popup .gallery-carousel ul li:hover, .image-gallery-popup .gallery-carousel ul li.hover { background: #e9e9e9; } .image-gallery-popup .gallery-carousel ul li.selected, .image-gallery-popup .gallery-carousel ul li.selected:hover { background: #c7c8c9; } .image-gallery-popup .gallery-carousel ul li a { outline: none; } .image-gallery-popup .gallery-carousel ul li img { display: block; width: 140px; } /* Gotta give width, else script can't get width of floated parent
  • in webkits :( */ .image-gallery-popup a.arrow-left { position: absolute; left: 34px; top: 214px; width: 30px; height: 38px; display: block; outline: none; } .image-gallery-popup a.arrow-right { position: absolute; right: 34px; top: 214px; width: 30px; height: 38px; display: block; outline: none; } .image-gallery-popup a.arrow-left span, .image-gallery-popup a.arrow-right span { position: relative; display: block; height: 100%; } .image-gallery-popup a.arrow-left .bg, .image-gallery-popup a.arrow-right .bg { margin-bottom: -38px; padding: 0; background: #fff; opacity: 0.3; filter: alpha(opacity=30); } .image-gallery-popup a.arrow-left:hover .bg, .image-gallery-popup a.arrow-right:hover .bg { opacity: 0.8; filter: alpha(opacity=80); } .image-gallery-popup a.arrow-right .arrow { background: url(../img/icons/rotator-big-arrows.gif) 100% 0% no-repeat; cursor: pointer; } .image-gallery-popup a.arrow-left .arrow { background: url(../img/icons/rotator-big-arrows.gif) no-repeat; cursor: pointer; } .image-gallery-popup .carousel-left { position: absolute; left: 10px; top: 39px; width: 20px; height: 20px; display: block; outline: none; background: transparent url(../img/icons/previous-page.png) no-repeat; } .image-gallery-popup .carousel-right { position: absolute; right: 10px; top: 39px; width: 20px; height: 20px; display: block; outline: none; background: transparent url(../img/icons/next-page.png) no-repeat; } .image-gallery-popup .linklist { position: absolute; bottom: 29px; left: 34px; } .image-gallery-popup .linklist a { margin: 0 10px 0 0; list-style: none; float: left; background: transparent url(../img/icons/bullet-small.png) no-repeat 0 51%; padding: 0 10px; text-decoration: none; } .image-gallery-popup .slideshow-control { position: absolute; right: 58px; bottom: 27px; height: 18px; display: block; outline: none; background: transparent url(../img/icons/play.gif) no-repeat; padding-left: 16px; text-decoration: none; font-weight: bold; } .image-gallery-popup a.slideshow-control:hover { text-decoration: underline; } .image-gallery-popup .slideshow-pause { background-position: 0 -18px; } .image-gallery-popup .img-wrapper { height: 350px; position: relative; } .image-gallery-popup .img-wrapper img { position: absolute; top: 0; } .ui-effects-transfer { border: 1px dotted #333; z-index: 200; } /*----- Lists -----*/ /* Unordered list */ .unordered-list { } .unordered-list ul { margin: 0; padding: 0; } .unordered-list ul li { list-style: none; background: transparent url(../img/icons/bullet-small.png) no-repeat 0 51%; padding-left: 10px; } .unordered-list ul li a:link, .unordered-list ul li a:visited, .unordered-list ul li a:active { color: #33496F; text-decoration: none; font-weight:normal; } .unordered-list ul li a:hover { text-decoration: underline; } .layer .spot.unordered-list { margin-top: 0; padding-top: 0; } /* Layer Navigation */ #layer-navigation .related { margin: 0 30px 10px 10px; padding: 0; border: none; } #layer-navigation .related h2 { margin: 0; font-size: 13px; border-bottom: #8f9294 solid 1px; } #layer-navigation .related ul { margin-top: 10px; } #layer-navigation .related ul li { padding: 2px 0 2px 10px; } /* Teasers */ ul.teasers { margin: 0 0; padding: 0; } ul.teasers li { position: relative; } ul.teasers li .teaser-text { position: absolute; } ul.teasers li .teaser-text h3 { font-size: 15px; margin: 0; padding: 0; } ul.teasers li .teaser-text h3 a { background: none; font-weight: normal; padding: 0; } ul.teasers li .teaser-text p { font-weight: normal;margin: 5px 0; line-height: 15px; } ul.teasers li .teaser-text a { font-weight: bold; text-decoration: none; color: #4d5154; padding-left: 10px; background: transparent url(../img/icons/bullet-small.png) no-repeat 0 60%; } ul.teasers li a img { } /* layout related exceptions */ .grid-box-8 ul.teasers .teaser-text { width: 310px; } ul.teasers.large-img li { padding: 15px 0; height: 105px; border: none; border-top: 1px solid #d2d3d4; } ul.teasers.large-img li .teaser-text { top: 0; left: 180px; padding: 11px 7px 0; width: 245px; height: 110px; overflow: hidden; } ul.teasers.large-img li a img { width: 180px; height: 105px; } /* teasers spots in sub-layers */ .sublayers ul.teasers.large-img li { padding: 7px 0; } ul.teasers.small-img li { margin: 0 0 30px; list-style: none; } ul.teasers.small-img li h3 { font-size: 15px; margin: 0 0 5px 0; padding: 0; } ul.teasers.small-img li h3 a { background: none; font-weight: normal; padding: 0; text-decoration: none; } ul.teasers.small-img li .teaser-text { top: 12px; left: 160px; padding: 0; width: 140px; } ul.teasers.small-img li a img { width: 140px; height: 93px; } /* Type of holiday (for grid-box-5) */ #holiday-type-quicklink { height: 100px; width: 348px; border: 1px solid #d2d3d4; margin: 0 0 15px; padding: 10px; } #holiday-type-quicklink h2 { margin: 0; font-size: 13px; border-bottom: #8f9294 solid 1px; } #holiday-type-quicklink ul { margin: 5px 0 0 0; } #holiday-type-quicklink ul li { float: left; width: 164px; margin: 0; background: transparent url(../img/icons/bullet-small.png) no-repeat 0 51%; padding-left: 10px; } #holiday-type-quicklink ul li a { } /* Page-tools */ #content-tools { margin: 10px 0 0 20px; padding: 6px; border: 1px solid #c7c8c9;width: 126px; float: right; } #content-tools h3 { color: #494d50; padding: 0; } #content-tools ul { margin: 0; } #content-tools ul li { list-style: none; padding: 2px 0; } #content-tools ul li a:link, #content-tools ul li a:visited, #content-tools ul li a:active { background: transparent url(../img/icons/bullet-small.png) no-repeat 0 5px; display: block; padding-left: 10px; text-decoration: none; } #content-tools ul li a:hover { text-decoration: underline; } #content-tools ul li p { display: none; padding: 5px 0 5px 10px; margin: 0; border-bottom: 1px solid #ddd; } #content-tools ul li p a { padding: 0; display: inline; background: none; } #content-tools .selected-offers { margin-top: 5px; } #content-tools .selected-offers-tools { margin-top: 5px; } #content-tools a.remove { background: transparent url(../img/icons/small-delete-item.png) no-repeat 0 0; font-weight: normal; text-decoration: underline; line-height: 14px; } #content-tools a.compare { background: transparent url(../img/icons/small-compare.png) no-repeat 0 0; } #content-tools a.show-presentation { background: transparent url(../img/icons/small-show-presentation.png) no-repeat 0 0; } #content-tools a.create-brochure { background: transparent url(../img/icons/small-create-brochure.png) no-repeat 0 0; } #content-tools a.send-to-a-friend { background: transparent url(../img/icons/small-send-to-a-friend.png) no-repeat 0 0; } #content-tools a.add-to-wish-list { background: transparent url(../img/icons/small-add-to-wishlist.png) no-repeat 0 0; } .with-floting-content-tools #content-tools { width: 126px; float: right; margin: 0 20px 20px!important; } .with-floting-content-tools .text { padding-right: 20px; } /* Search Result Filters */ .filter { overflow: hidden; background: #d7d7d7 url(../img/bg/filter-box.png) repeat-x 0 0; border: #8f9294 solid 1px; border-top: none; margin-top: 10px; } .filter .filter-header { background: #ffffff; border-bottom: #8f9294 solid 1px; } .filter .filter-col-1 { float: left; width: 210px; padding: 10px; } .filter fieldset.filter-col-1 .wrapper { margin-bottom: 20px; } .filter fieldset.filter-col-1 .f-checkbox label { display: inline; padding-left: 5px; } .filter fieldset.filter-col-2 { float: left; width: 360px; padding: 10px; } .filter fieldset.filter-col-2 .wrapper { clear: both; display: block; margin: 0 15px 10px 0; overflow: hidden; } .filter fieldset.filter-col-2 select { float: right; width: 150px; margin-right: 8px; } .filter fieldset.filter-col-2 select.left, .filter fieldset.filter-col-2 label { float: left; } .ui-tabs-panel .filter fieldset.filter-col-2 { width: 360px; } .ui-tabs-panel .filter fieldset.filter-col-2 select { width: 150px; } .filter-footer { background: #ffffff; clear: both; padding: 10px 0;/* text-align: center; */} .filter-footer span {} /* Sliders */ .slider-track { position: relative; width: 210px; height: 14px; background: transparent url(../img/bg/slider-medium.png) no-repeat 0 0; } .slider { position: relative; margin: 0 20px; height: 100%; } .slider .arrow-right { position: absolute; top: 0; left: 0; margin-left: -20px; width: 20px; height: 14px; background: transparent url(../img/icons/slider-arrow-right.png) no-repeat 0 0; } .slider .arrow-left { position: absolute; top: 0; right: 0; width: 20px; height: 14px; background: transparent url(../img/icons/slider-arrow-left.png) no-repeat 0 0; } .slider .square { position: absolute; top: 0; left: 0; width: 14px; height: 14px; background: transparent url(../img/icons/slider-square.png) no-repeat 0 0; } /* Result list */ .result-list ul .result .text .tourcode { width:380px; float:left; font-weight:bold; margin-bottom:5px; } .result-list { padding-top: 20px; } .result-list ul { padding: 0; margin: 0; } .result-list ul .result { position: relative; padding-top: 20px; list-style: none; overflow: hidden; border-bottom: #8f9294 solid 1px; } .result-list ul .result .wrapper { position: relative; overflow: hidden; } .result-list ul .result .headline { padding-bottom: 14px; overflow: hidden; } .result-list ul a { color: #4d5154; text-decoration: none; } .result-list ul .result .headline a { float: left; color: #4d5154; padding-right: 8px; text-decoration: none; } .result-list ul .result .image { padding:0; margin:0; } .result-list ul .result .rating { margin: 0; } .result-list ul .result .rating div { overflow: hidden; } .result-list ul .result .price { width: 120px; color: #4D5154; float: right; clear: right; font-size: 15px; margin: 0 0 20px 10px; padding: 0 0 5px; font-family: georgia; text-align: right; } .result-list ul .result .price .priceT { font-weight: bold; } .result-list ul .result .price-msgs { padding-top: 5px; color:#C3004B; line-height: 15px; } .result-list ul .result .price-msgs .msg-1 { color: #4D5154; line-height: 15px; } .result-list ul .result .price .priceinfo { font: normal 10px/16px verdana,arial,helvetica,clean,sans-serif; } .result-list ul .result .text { margin:0; padding:0; padding-bottom: 8px; width: 380px; min-height: 110px; } .result-list ul .result .text .marketing { clear: left; font-size: 12px; } .result-list ul .result .text .intro { } .result-list ul .result .text .hspace { margin-right: 10px; } .result-list ul .result .text2 .tourcode { width:620px; float:left; font-weight:bold; margin-bottom:10px; } .result-list ul .result .text2 { position: relative; padding-top: 0; padding-bottom: 8px; width: 620px; min-height: 110px; } .result-list ul .result .text2 .marketing { clear: left; font-size: 12px; } .result-list ul .result .text2 .intro { } .result-list ul .result .text2 .hspace { margin-right: 10px; } .result-list ul .result .detail-link { margin-bottom: 3px; background: transparent url(../img/icons/bullet-small.png) no-repeat 0 5px; width: auto; display: inline-block; color: #73838b; padding: 0 10px; text-decoration: none; font-weight: bold; } .result-list ul .result .features { position: absolute; top: 160px; left: 240px; width: 540px; border-bottom: #c7c8c9 solid 1px; } .result-list ul .result .features ul { padding: 0; margin: 0; } .result-list ul .result .features ul li { list-style: none; padding: 0; margin: 0; } .result-list ul .result .text p { margin-bottom: 4px; } .result-list ul .result .text .region { } .result-list ul .result .text .region a { background: transparent url(../img/icons/bullet-small.png) no-repeat 5px 4px; color: #33496f; padding-left: 14px; text-decoration: none; font-weight: bold; } .result-list ul .result .text .category a { background: transparent url(../img/icons/bullet-small.png) no-repeat 5px 4px; color: #33496f; padding-left: 14px; text-decoration: none; font-weight: bold; } .result-list ul .result .stars { font-size: 8px; } .result-list ul .result .compare { position: absolute; top: 210px; left: 240px; font-weight: bold; } .result-list ul .result .compare label { display: inline; } .result-list ul .result .show-details { position: absolute; top: 150px; right: 0; padding: 2px 20px; line-height: 1.2em; } .result-list ul .result .ex-details-tbl { table-layout: fixed; } .result-list ul .result .ex-details-tbl .label { width: 220px; padding-right: 20px; } .result-list ul .result .detail-link.ex-showmore { cursor: pointer; padding: 5px 12px; background: transparent url(../img/icons/accordion-arrow-vertical.gif) 0 50% no-repeat; } .result-list ul .result .detail-link.ex-showmore.showreview { background: transparent url(../img/icons/accordion-arrow-up.gif) 0 50% no-repeat; } .result-list ul .noresult { display : none; margin: 20px 0 0; position: relative; height: 130px; list-style: none; border-bottom: #8f9294 solid 1px; text-align: center; font-weight: bold; } /*----- Rating's -----*/ /* highlights */ .rating-highlights { } .rating-highlight { position: relative; margin-bottom: 4px; } .rating-highlight .rating-name { } .rating-highlight .rating-display { position: absolute; top: 7px; right: 47px; width: 90px; height: 8px; overflow: hidden; background: transparent url(../img/ratings/square.png) no-repeat 0 0; } .rating-highlight .rating-display .rating-100 { background: transparent url(../img/ratings/square.png) no-repeat 0 -8px; height: 8px; width: 100%; } .rating-highlight .rating-display .rating-80 { background: transparent url(../img/ratings/square.png) no-repeat 0 -8px; height: 8px; width: 80%; } .rating-highlight .rating-display .rating-60 { background: transparent url(../img/ratings/square.png) no-repeat 0 -8px; height: 8px; width: 60%; } .rating-highlight .rating-display .rating-40 { background: transparent url(../img/ratings/square.png) no-repeat 0 -8px; height: 8px; width: 40%; } .rating-highlight .rating-display .rating-20 { background: transparent url(../img/ratings/square.png) no-repeat 0 -8px; height: 8px; width: 20%; } .rating-highlight .rating-score { position: absolute; top: 4px; right: 7px; } /* internal + user rating */ .rating { float: left; margin: 15px 0 0 5px; } .rating .rating-internal { width: 80px; height: 15px; background: transparent url(../img/tours/stars.png) no-repeat 0 2px; } .rating .rating-half { background-position: 0 -11px; } .rating .rating-1 { background-position: 0 -24px; } .rating .rating-1-half { background-position: 0 -37px; } .rating .rating-2 { background-position: 0 -50px; } .rating .rating-2-half { background-position: 0 -63px; } .rating .rating-3 { background-position: 0 -76px; } .rating .rating-3-half { background-position: 0 -89px; } .rating .rating-4 { background-position: 0 -102px; } .rating .rating-4-half { background-position: 0 -115px; } .rating .rating-5 { background-position: 0 -128px; } .rating .rating-5-half { background-position: 0 -141px; } .rating .rating-6 { background-position: 0 -154px; } /*----- Accordion -----*/ .accordion { overflow: hidden; } .accordion-panel { margin: 0; padding: 0; } .accordion-panel .head { padding-left: 30px; background: #f8f8f8 url(../img/icons/accordion-open-close.png) no-repeat 7px 7px; border-top: 1px solid #e2e3e3; border-bottom: solid 1px #f8f8f8; cursor: pointer; } .accordion-panel.last .head { border-bottom: solid 1px #e2e3e3; } .accordion-panel .content { margin: 0; padding: 0; height: 270px; overflow: auto; } .accordion-panel .head:hover, .accordion-panel.selected .head { background-color: #ebebec; background-position: 7px -38px; border-top: solid 1px #848789; border-bottom: solid 1px #ebebec; } .accordion-panel.selected .content { border-bottom: solid 1px #848789; } .accordion-panel .content .feature { margin-top: 10px; } .accordion-panel .content .feature a { float: left; text-decoration: none; margin-right: 20px; } .accordion-panel .content .feature .text { } .accordion-panel .content .feature .text a { float: none; margin: 0; } .accordion-panel .content .feature .text h3 { margin-bottom: 8px; } .accordion-panel .content .feature .text h3 a { color: #4d5154; text-decoration: none; } .accordion-panel .content .thumbs { clear: left; } .accordion-panel .content .thumbs h3 { margin: 8px 0; } .accordion-panel .content .thumbs ul { margin: 0; padding: 0; } .accordion-panel .content .thumbs ul li { list-style: none; float: left; margin-right: 15px; } .accordion-panel .content .thumbs ul li a { text-decoration: none; } /*----- Accordion weather -----*/ .weather-table { width: 620px; margin-bottom: 30px; clear: both; } .weather-table select { font-weight:normal; width:70px;margin:5px 0 5px 0; } .weather-table thead { } .weather-table thead th { padding: 0 1px; background-color: #eee; } .weather-table tbody { background: #f8f8f8 url(../img/bg/weather.gif) repeat 0 100%; } .weather-table tbody th { padding: 0 5px; text-align: right; font-weight:normal; background:#FFF; font-size:10px; } .weather-table tbody td { vertical-align: bottom; height:190px; } .weather-table .wt-column { background: #dddddd url(../img/bg/weather.gif) repeat 0 100%; margin:0 1px; width:43px; } .weather-table .bold { font-weight:bold; } #weather-info { border-top: 1px solid #c7c8c9; padding-top:5px; clear:both} #weather-info h3 { float:left; margin-bottom:10px; } #weather-info .climate-selector {float:right; position:relative; } #weather-icons { } #weather-icons .weather-icon { width:100px; margin-bottom:10px; margin-right:10px; float:left; } #weather-icons .weather-icon img { display:block; margin:auto; padding-top:2px; } #weather-icons .icon { float:left; height:50px; width:80px; } /* Step Wizard */ .step-wizard { margin: 0; overflow: hidden; } .step-wizard li { float: left; list-style: none; padding: 5px 0; } .step-wizard li a { background: #ececec url(../img/bg/step-wizard.gif) 100% 50% no-repeat; text-decoration: none; padding: 5px 25px 5px 10px; color: #4b5054; } .step-wizard li.selected a { background: #ffffff url(../img/bg/step-wizard-selected.gif) 100% 50% no-repeat; font-weight: bold; } .step-wizard li.prev-selected a { background: #ececec url(../img/bg/step-wizard-prev-selected.gif) 100% 50% no-repeat; } .step-wizard li.last a { background: #ececec url(../img/bg/step-wizard-prev-selected.gif) 100% 50% no-repeat; } /* Theme changer */ #theme-changer { display: none; position: absolute; left: 50%; top: 50%; width: 990px; margin: -90px 0 0 -495px; } #theme-changer a { display: block; width: 30px; height: 38px; margin: 0 15px; } #theme-changer a span { position: relative; display: block; height: 100%; } #theme-changer a .bg { margin-bottom: -38px; background: #fff; opacity: 0.3; filter: alpha(opacity=30); } #theme-changer a:hover .bg { opacity: 0.8; filter: alpha(opacity=80); } #theme-changer a.next { float: right; } #theme-changer a.prev { float: left; } #theme-changer a.next .arrow { background: url(../img/icons/rotator-big-arrows.gif) 100% 0% no-repeat; } #theme-changer a.prev .arrow { background: url(../img/icons/rotator-big-arrows.gif) no-repeat; } /* Autocomplete result list */ .ac_results { padding: 0px; background: url(../img/bg/white-85p.png); border: 1px solid #8f9294; overflow: hidden; z-index: 99999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results ul li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will appear when scroll mode is used */ /*width: 100%;*/ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; /* it is very important, if line-height not set or set in relative units scroll will be broken in firefox */ line-height: 16px; color: #717476; overflow: hidden; } .ac_results ul li strong { color: #4d5154; } .ac_results ul .label { margin: 0px; padding: 5px 5px 2px; color: #fff; background: #8f9294; font-weight: bold; } .ac_results ul .label a { color: #fff; text-decoration: none; } .ac_loading { background: white right center no-repeat; } .ac_odd { /* background-color: #eee; */ } .ac_over { background-color: #dededf; } /* My Kuoni Layer Login */ #mykuoni-login-wrapper { width: 460px; height: 194px; overflow: hidden; } #mykuoni-login-wrapper h2, #mykuoni-register h2 { border-top: 1px solid #8F9294; border-bottom:0 none ;font-size:13px; margin:0 0 10px 0; padding:5px 0; } #mykuoni-login-wrapper fieldset, #mykuoni-register fieldset { width: 380px; } #mykuoni-login-wrapper .wrapper { height: 17px; padding-bottom: 10px; text-align: right; } #mykuoni-login-wrapper .wrapper span { float: left; } #mykuoni-login-wrapper .wrapper input { width: 276px; } #mykuoni-login-wrapper .padded { clear: both; padding-left: 97px; padding-bottom: 5px; text-align: left; } #mykuoni-login-wrapper .padded input { width: auto; margin-right: 5px; vertical-align: middle; border: none; } #mykuoni-login-wrapper .padded a { background: transparent url(../img/icons/bullet-small.png) no-repeat 0 5px; display: block; padding-left: 10px; } #mykuoni-login-wrapper .padded label { float: left; } #mykuoni-login-wrapper .process-button, #mykuoni-register .process-button { margin-right: 0; } #mykuoni-register .free { float: right; margin: 10px 10px 0 0; text-align: right; width: 250px; } #mykuoni-register { width: 460px; } #mykuoni-forgot { display: none; } #mykuoni-forgot .process-button { margin-left: 10px; } #mykuoni-login-wrapper .kuoni-tooltip { float: left; margin: 4px 10px; } .my-kuoni-button { width: 100px; float: right; position: relative; margin: 10px 50px 20px 0} #mykuoni #mykuoni-register fieldset ul li { list-style: disc outside; } /* kuoni wishlist */ .my-wishlist-question {display:inline; padding:0 10px; position:relative; top:2px; } /* My Kuoni */ .mykuoni-overview-grid { overflow: visible; } .mykuoni-overview-grid .grid-box-10 { width: 800px; margin-right: 0; } .mykuoni-overview-grid .grid-box-2 { padding-top: 20px; } .toolboxes-wrapper { margin-left: -20px; } #toolbox-items { margin: 0 -20px 0 0; padding-bottom: 30px; zoom: 1; overflow: hidden; } #toolbox-items p { margin: 0 30px; padding: 10px 0 0 0; } #toolbox-items li.toolbox { position: relative; float: left; list-style: none; zoom: 1; } #toolbox-items li.toolbox { width: 420px; height: 310px; margin: 0 -20px -20px 0; background: url(../img/bg/mykuoni-toolbox_bottom.png) bottom no-repeat; } #toolbox-items li.toolbox .toolbox-inner { } #toolbox-items li.toolbox h2 { display: none; } #toolbox-items li.toolbox .handle { cursor: move; } #toolbox-items li.toolbox .tb-head { position: relative; height: 50px; background: url(../img/bg/mykuoni-toolbox_top.png); } #toolbox-items li.toolbox .tb-head .bg { display: none; } #toolbox-items li.toolbox .tb-head h3 { padding: 20px 0 0 30px; font-size: 13px; line-height: 30px; text-transform: uppercase; } #toolbox-items li.toolbox .tb-head .controls { position: absolute; right: 29px; top: 28px; } #toolbox-items li.toolbox .controls .close { border: none; cursor: pointer; overflow: visible; background: transparent url(../img/icons/close.png) no-repeat center; } #toolbox-items li.toolbox .controls .drag-icon { float: left; height: 14px; width: 17px; background: url(../img/icons/dragable.gif) left no-repeat; } .pager-controls { float: right; padding: 10px; color: #4d5154; line-height: normal; } .pager-controls .btn { float: left; height: 12px; right: 10px; top: 39px; width: 12px; outline: none; } .pager-controls .next { background: transparent url(../img/icons/arrow-small-right.gif) no-repeat; } .pager-controls .prev { margin-right: 5px; background: transparent url(../img/icons/arrow-small-left.gif) no-repeat; } .pager-controls .goto-page span { color: #c7c8c9; } .pager-controls .goto-page a { padding: 0 10px; text-decoration: underline; } .pager-controls .goto-page a.disabled { color: #202529; opacity: 1; text-decoration: none; } #toolbox-items li.toolbox .tb-content { position: relative; height: 219px; background: url(../img/bg/mykuoni-toolbox_center.png); } #toolbox-items li.toolbox .tb-content ul { margin-left: 1em; } #toolbox-items li.toolbox .tb-content ul li { margin: 0 30px; } #toolbox-items li.toolbox .tb-content p a { background: transparent url(../img/icons/bullet-small.png) no-repeat 0 51%; padding-left: 10px; } #toolbox-items li.toolbox .tb-content .controls { height: 32px; margin: 0 20px; background-color: #fff; } #toolbox-items li.toolbox .info { float: left; margin: 10px; line-height: 12px; font-weight: bold; } #toolbox-items li.toolbox .tb-foot { height: 20px; margin: 0 20px; background-color: #fff; border-top: 1px solid #c7c8c9; line-height: 20px; overflow: hidden; _zoom: 1; clear: both; } #toolbox-items li.toolbox .tb-foot a { float: right; margin: 0 10px 0 15px; padding-left: 10px; text-decoration: none; font-weight: bold; background-position: 0 6px; } #toolbox-items li.toolbox .scroller-container { height: 180px; margin: 0 20px; overflow: hidden; background-color: #fff; } #toolbox-items li.toolbox .scroller-container ul { margin: 0; height: 180px; width: 10000px; } #toolbox-items li.toolbox .scroller-container ul li { height: 100%; width: 380px; margin: 0; background: none; list-style: none; } #toolbox-items li.toolbox .scroller-container ul li .item { float: left; clear: both; width: 100%; } #toolbox-items li.toolbox .scroller-container ul li .item img { margin: 10px; float: left; } #toolbox-items li.toolbox .scroller-container ul li .item p { margin: 6px 10px 10px 0; padding: 0px; } #toolbox-items li.toolbox .scroller-container ul li .item a { font-weight: bold; } /* My Kuoni messages */ #message-box { margin-top: 10px; padding-top: 5px; border-top: 1px solid #C7C8C9; } #message-box h3 { margin-bottom: 5px; } #message-box .control { float: right; margin-top: -25px; } #message-box .control a { font-weight: bold; } #message-box .control a.expand { background: transparent url(../img/icons/expand-list.gif) no-repeat 0 51%; padding-left: 18px; } #message-box .control a.collapse { display: none; background: transparent url(../img/icons/collapse-list.gif) no-repeat 0 51%; padding-left: 18px; } #message-box .messages a { display: block; margin-bottom: 5px; background: transparent url(../img/icons/bullet-small.png) no-repeat 0 51%; padding-left: 10px; } /* scroller */ .scroller-container { position: relative; clear: both; overflow: hidden; } .scroller-container ul { position: absolute; top: 0; left: 0; margin: 0; padding: 0; } .scroller-container ul li { float: left; } .my-kuoni-box .tb-foot-manage { position:relative; height: 37px; padding: 0 6px; background: #fff; border-top: 1px solid #c7c8c9; line-height: 37px; overflow: hidden; _zoom: 1; clear:both; } .my-kuoni-box .tb-foot-manage-select { position:absolute; left:197px; top: 9px; line-height: normal; } .my-kuoni-box .tb-foot-manage-buttons { position:absolute; right:5px; top: 0; } .my-kuoni-box .tb-vertical-line { border-top:1px solid #c7c8c9; margin:0; padding:0; } .my-kuoni-box .tb-horisontal-line { border-left:1px solid #c7c8c9; } .my-kuoni-box .tb-wrapper {} .my-kuoni-box .tb-navigation { float:left; position:relative; width:190px; } .my-kuoni-box .tb-navigation ul { margin:0; padding:0; overflow:hidden; } .my-kuoni-box .tb-navigation li { width:110px; border: 1px solid #c7c8c9; margin: 7px; padding-left: 5px; color:#000; } .my-kuoni-box .tb-navigation li a { color:#000; text-decoration:none; } .my-kuoni-box .tb-navigation li:hover { background:#eee; } .my-kuoni-box .tb-navigation li.selected { background:#ccc; } .my-kuoni-box .tb-navigation-add { margin-left: 10px; position:relative; top: 10px; } .my-kuoni-box .close-icon { display:inline; left:129px; position:absolute; cursor:pointer; } .my-kuoni-box .tb-wishlist { background:#f2f2f2; float:left; position:relative; width:577px; padding-bottom:7px; min-height:300px; } .my-kuoni-box .tb-wishlist ul { margin:7px -7px -7px 7px; padding:0; } .my-kuoni-box .tb-wishlist li { background:#fff; height:90px; list-style-type:none; margin:0 7px 7px 0; width:181px; border:1px solid #c7c8c9; float:left; _zoom: 1; } .my-kuoni-box .tb-wishlist-image { margin-left:8px; margin-top:10px; position:absolute; } .my-kuoni-box .tb-wishlist-close-icon { margin-left:160px; margin-top:10px; position:absolute; cursor:pointer; } .my-kuoni-box .tb-wishlist-text { margin-left:98px; margin-top:8px; position:absolute; width:60px; line-height:14px; } .my-kuoni-box .tb-wishlist-button { background:transparent url(../img/icons/bullet-small.png) no-repeat scroll 0 center; margin-left:99px; margin-top:65px; padding-left:10px; position:absolute; text-decoration:none; } #toolbox-controls { padding: 5px; clear: both; background: #E7E8E9 url(../img/bg/box-quick-links.png) repeat-x 0 0; border: 1px solid #c7c8c9; } #toolbox-controls .tc-head { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dashed #c7c8c9; } #toolbox-controls .tc-content { overflow: hidden; } #toolbox-controls .tc-content .wrapper { padding-top: 2px; overflow: hidden; clear: both; } #toolbox-controls .tc-head h3 { padding: 0; } #toolbox-controls input { border: none; float: left; } #toolbox-controls label { float: left; padding-left: 2px; width: 106px; } #tooltip { position: absolute; z-index: 3000; } #tooltip .body { background: none; } #tooltip h3, #tooltip div { margin: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #4d5154; } #tooltip h3 { text-transform: uppercase; } .kuoni-tooltip-content { display: none; } #tooltip .tooltip-top { height: 21px; width: 285px; background: url(../img/bg/tooltip-top.png) no-repeat; } #tooltip .tooltip-content { width: 285px; padding: 5px 0 0; background: url(../img/bg/tooltip-content.png) repeat-y; } #tooltip .tooltip-content p { margin: 0; padding: 0 27px 0 34px; } #tooltip .tooltip-bottom { height: 30px; width: 285px; background: url(../img/bg/tooltip-bottom-la.png) no-repeat; } #tooltip.viewport-right .tooltip-bottom { background: url(../img/bg/tooltip-bottom-ra.png) no-repeat; } /* My Kuoni Nav. */ .backto-mykuoni { font-weight: bold; padding-left: 10px; background: url(../img/icons/quicknav-bullet-right.gif) no-repeat 0 50%; } /* My Kuoni - Registrer */ #my-kuoni-registrer {} #my-kuoni-registrer fieldset { border-top:1px solid #c7c8c9; padding-top:5px; padding-bottom:20px; } #my-kuoni-registrer h3 { background: url(../img/icons/accordion-arrow-horisontal.gif) no-repeat 0 50%; color:#33496F; padding: 0 10px; margin-bottom:10px; position:relative; } #my-kuoni-registrer h3 a { text-decoration:none; color: #33496F; } #my-kuoni-registrer .RadioButton {} #my-kuoni-registrer label { float:left; width:150px; } #my-kuoni-registrer input {} #my-kuoni-registrer .noborder { border-style: none; } #my-kuoni-registrer .input-large { display:inline; margin-bottom:10px; width:220px; } #my-kuoni-registrer .input-large-address { display:inline; left:150px; margin-bottom:10px; position:relative; width:220px; } #my-kuoni-registrer .input-small { display:inline; margin-bottom:10px; width:60px; vertical-align:top; } #my-kuoni-registrer .input-phone { display:inline; margin-bottom:10px; width:67px; } #my-kuoni-registrer .input-medium { display:inline; margin-bottom:10px; width:143px; } #my-kuoni-registrer .gender { margin-bottom:7px; overflow:hidden; } #my-kuoni-registrer .gender input { margin-right:3px; position:relative; top:1px; } #my-kuoni-registrer .gender label { } #my-kuoni-registrer .gender .RadioButton input { float:left; } #my-kuoni-registrer .gender .RadioButton label { display:inline; width:40px; } #my-kuoni-registrer .country { width: 224px; display:inline; margin-bottom:10px; } #my-kuoni-registrer .date { width: 69px; display:inline; margin-bottom:10px; } #my-kuoni-registrer .kuoni-tooltip { display:inline; left:128px; margin-top:3px; position:absolute; } #my-kuoni-registrer .invalid-text { margin:-10px 5px 10px 150px; } #my-kuoni-registrer .wrapper {} #my-kuoni-registrer #registrer-optional { display:block; } #registrer-terms { border-top:1px solid #c7c8c9; padding-top:20px; } #registrer-terms label { display:inline; float:none; } #registrer-terms a { text-decoration:underline; } #registrer-terms .container-checkbox { margin-bottom:5px; } #registrer-button { border-top:1px solid #c7c8c9; padding-top:20px; } #registrer-button .button { float:right; margin: 0 10px 20px 0; position:relative; width:160px; } #registrer-terms .container-checkbox { margin-bottom:5px; } /* My Kuoni - My profile */ #my-profile-register {} #my-profile-register h3 { margin-bottom:10px; } #my-profile-register .validation-overview { display: none; } #my-profile-register fieldset { border-top:1px solid #c7c8c9; padding-top:5px; padding-bottom:20px; } #my-profile-register .gender { } #my-profile-register .gender input { margin-right:3px; position:relative; top:3px; width:auto; border:none; vertical-align:middle; } #my-profile-register input { display:inline; margin-bottom:10px; width:220px; } #my-profile-register label { float:left; width:150px; } #my-profile-register .address { left:150px; position:relative; } #my-profile-register .input-small { vertical-align:top; width:60px; } #my-profile-register .input-medium { width:143px; } #my-profile-register select { display:inline; margin-bottom:10px; margin-right:4px; } #my-profile-register .input-phone { width:67px; } #my-profile-register .date { width:71px; margin-right:4px; } #my-profile-register .large-select { width:223px; } #my-profile-register .container-checkbox { margin-top:5px; position:relative; } #my-profile-register .container-checkbox input { border:none; width:auto; margin-right:5px; } #my-profile-register .container-checkbox label { width:auto; vertical-align:top; } #my-profile-register .container-checkbox a { text-decoration:underline; } #my-profile-register .container-checkbox a:hover { text-decoration:none; } #my-profile-register .save-button { float:right; margin:10px 5px 10px 0; position:relative; width:160px; } #my-profile-register p { clear:both; } #my-profile-register .kuoni-tooltip { display:inline; left:128px; margin-top:3px; position:absolute; } #my-profile-register .invalid-text { margin: -10px 5px 10px 150px; } #my-profile-register .container-checkbox .invalid-text { margin-top: 0; } #my-profile-change-pass {} #my-profile-change-pass h3 { margin-bottom:10px; } #my-profile-change-pass fieldset { border-top:1px solid #c7c8c9; padding-top:5px; padding-bottom:20px; } #my-profile-change-pass input { display:inline; margin-bottom:10px; width:219px; } #my-profile-change-pass label { float:left; width:150px; } #my-profile-change-pass .save-button { float:right; margin:10px 5px 10px 0; position:relative; width:160px; } #my-profile-change-pass .show-preferences { background:transparent url(../img/icons/bullet-small.png) no-repeat scroll 0 51%; float:left; font-weight:bold; padding-left:10px; margin-bottom:10px; } #my-profile-change-pass .delete-profile { background:transparent url(../img/icons/bullet-small.png) no-repeat scroll 0 50%; float:left; font-weight:bold; padding-left:10px; margin-bottom:10px;padding-right:15px; } #my-profile-change-pass .kuoni-tooltip { padding: 6px; margin-left: 5px; } #my-profile-change-pass .help-tooltip { background:transparent url(../img/icons/question.gif) no-repeat scroll 0 50%; margin-left:5px; padding:6px; } /* My Kuoni - Newsletter */ #newsletter {} #newsletter .question-text { display:none; } #newsletter .question-inline { background:transparent url(../img/icons/question.gif) no-repeat scroll 0 50%; margin-left:5px; padding:6px; } #newsletter .container-checkbox { margin-top:5px; position:relative; padding-bottom:15px; border-bottom:1px solid #c7c8c9; clear:both; } #newsletter .container-checkbox input { border: none; width: auto; margin-right: 5px; } #newsletter .container-checkbox label { width:auto; vertical-align:top; } #newsletter .container-checkbox a { text-decoration:underline; } #newsletter .container-checkbox a:hover { text-decoration:none; } #newsletter .save-button { float:right; margin:10px 5px 10px 0; position:relative; width:160px; } #newsletter .newsletter-intro { width: 525px; } #newsletter .newsletter-container { margin-right:-20px; _zoom:1; float: left; padding: 0 20px 20px 0; } #newsletter .box-wrapper { float:left; width:380px; } #newsletter .box-content { border:1px solid #C7C8C9; height:80px; margin-right:18px; position:relative; } #newsletter .send-friend { float:right; margin-right:20px; margin-bottom:20px; margin-top:4px; } #newsletter .newsletter-image { margin:5px; float:left; } #newsletter .newsletter-text { margin:5px; } #newsletter .newsletter-text label { display:inline; margin-right:10px; } #newsletter .newsletter-text input { margin-right:3px; vertical-align:top; border:none; } #newsletter .newsletter-text p { margin:0; padding:0; height:40px; overflow: hidden; } #newsletter .newsletter-text h3 { font-family:Verdana, Arial, Helvetica, sans-serif; line-height:15px; padding:0; text-transform:none; } #newsletter .send-friend-link { background:transparent url(../img/icons/bullet-small.png) no-repeat scroll 0 51%; float:left; font-weight:bold; margin-bottom:10px; padding-left:10px; } /* My Kuoni - Preferences */ .kuoni-preferences {} .kuoni-preferences .grid-box-10 { border-top:1px solid #c7c8c9; margin-top:20px; padding-top:5px; } .kuoni-preferences .grid-box-2 { margin-top:20px; } .kuoni-preferences .preferences-intro { width: 500px; } .kuoni-preferences .preferences-border { border:1px solid #c7c8c9; } .kuoni-preferences .preferences-gallery { margin-top:5px; } .kuoni-preferences .preferences-gallery .wrapper { margin-left: 4px; margin-bottom: 4px; float:left; border:1px solid #c7c8c9; background: url() center no-repeat; } .kuoni-preferences .preferences-gallery .wrapper img { /*height: 40px; width: 45px;*/ } .kuoni-preferences .preferences-wrapper { margin-bottom:10px; } .kuoni-preferences .preferences-help { clear:both; margin-left:5px; margin-top:10px; } .kuoni-preferences .preferences-choose { margin-left:5px; padding-bottom:5px; } .kuoni-preferences .preferences-choose p { margin-bottom:2px; } .kuoni-preferences .accordion { background-color:#F4F4F4; } .kuoni-preferences .accordion .accordion-panel { background:transparent url(../img/bg/accordion-tap-background.gif) repeat-x; } .kuoni-preferences .accordion .content { background:#F4F4F4; height: auto; } .kuoni-preferences .accordion-panel .head { background:none; padding-left:15px; } .kuoni-preferences .accordion-panel.selected .content { border-bottom:none; } .kuoni-preferences .accordion-panel .content { margin-left:5px; position:relative; } .kuoni-preferences .accordion-panel .head { border-bottom:1px solid #F4F4F4; border-top:1px solid #c7c8c9; color:#33496F; font-family:georgia,verdana,arial,helvetica,clean,sans-serif; font-size:13px; font-stretch:normal; font-weight:normal; font-family:georgia,verdana,arial,helvetica,clean,sans-serif; font-size:12px; background:transparent url(../img/icons/accordion-arrow-horisontal.gif) no-repeat scroll 5px 10px; outline: none !important; } .kuoni-preferences .accordion-panel .head:hover { border-bottom:1px solid #F4F4F4; border-top:1px solid #c7c8c9; } .kuoni-preferences .accordion-panel .selected { background:transparent url(../img/icons/accordion-arrow-vertical.gif) no-repeat scroll 5px 10px; } .kuoni-preferences .accordion-panel .content .wrapper { width:180px; white-space: nowrap; float:left; height:20px; overflow:hidden; position:relative; margin-right:10px; margin-bottom:0; } .kuoni-preferences .accordion-panel .content input { border:medium none; width:20px; } .kuoni-preferences .accordion-panel .content label { left:18px; line-height:15px; overflow:hidden; position:absolute; top:-2px; text-overflow:ellipsis; } .kuoni-preferences .buttonSubmit { float:right; position:relative; margin-bottom:20px; margin-top:10px; } .kuoni-preferences .buttonSubmit a { padding-left: 20px; padding-right: 20px; } /* My Kuoni - My offers */ #my-offers { border-top:1px solid #c7c8c9; margin-top:20px; margin-bottom:20px; } #my-offers .controls { height:30px; } #my-offers .pager-controls { color:#4D5154; float:right; line-height:normal; padding:10px; } #my-offers .goto-page span { color: #c7c8c9; } #my-offers .goto-page a { padding: 0 10px; text-decoration: underline; } #my-offers .goto-page a.disabled { color: #202529; opacity: 1; text-decoration: none; } #my-offers .goto-page { color:#4D5154; line-height:normal; } #my-offers .header-box { background:#F4F4F4; font-weight:bold; line-height:30px; width:100%; overflow:hidden; } #my-offers .requested-offers { padding-left:10px; width:310px; float:left; } #my-offers .my-comments { float: left; width: 320px; } #my-offers .status { float: left; } #my-offers .offer-list { height: 504px; overflow:hidden; position:relative; clear:both; } #my-offers ul.scroller-content { height: 100%; margin: 0; width: 10000px; } #my-offers ul.scroller-content li { float: left; height: 100%; width: 780px; margin: 0; background: none; list-style: none; } #my-offers .offer-item { border-bottom:1px solid #c7c8c9; overflow:hidden; padding: 10px 0; } #my-offers .offer-item-box { float:left; width:320px; float:left; } #my-offers .offer-item-border { float:left; border:1px solid #c7c8c9; height:80px; width:280px; } #my-offers .offer-image { position:absolute; height:69px; margin-left:5px; margin-top:5px; width:80px; } #my-offers .offer-image img { height: 70px; } #my-offers .offer-image-text { left:120px; margin-top:5px; position:absolute; width:150px; } #my-offers .icons { float:left; margin-left:2px; position:relative; width:12px; } #my-offers .icon { position:relative; margin-bottom:2px; } #my-offers .order-comments { float:left; margin-right:20px; width:300px; min-height: 10px; } #my-offers .order-status { float:left; width:140px; } /* My Kuoni - My wishlist */ #my-wishlist { margin-bottom:20px; } #my-wishlist .help { float:left; margin-left: 7px; margin-top: 5px; } #my-wishlist .paging { float:right; margin-right:10px; position:relative; } #my-wishlist .goto-page span { color: #c7c8c9; } #my-wishlist .goto-page a { padding: 0 5px; text-decoration: underline; } #my-wishlist .goto-page a.disabled { color: #202529; opacity: 1; text-decoration: none; } #my-wishlist .wishlist-wrapper { } #my-wishlist .wishlist-menu { width: 161px; position: relative; float: left; z-index: 40; } #my-wishlist .wishlist-menu ul { color:#202529; text-decoration:none; text-transform:uppercase; margin:0; } #my-wishlist .wishlist-menu li { margin:0; list-style-type:none; position:relative; left:1px; z-index:10; height:29px; line-height:30px; } #my-wishlist .wishlist-menu li.selected { border-left:1px solid #c7c8c9; border-top:1px solid #c7c8c9; border-bottom:1px solid #c7c8c9; border-right:1px solid #fff; font-weight:bold; } #my-wishlist .wishlist-menu li a { width: 150px; display: block; margin-left:5px; padding-left:10px; white-space: nowrap; overflow: hidden; background:transparent url(../img/icons/bullet-small.png) no-repeat scroll 0 50%; text-decoration:none; } #my-wishlist .wishlist-menu li.selected a { background-image: none; } #my-wishlist .wishlist-menu li .close { display: inline; left: 140px; position: absolute; top: 8px; } #my-wishlist .add-folder { background:transparent url(../img/icons/accordion-arrow-horisontal.gif) no-repeat scroll 0 50%; color:#33496F; font-weight:bold; padding-left:10px; position:relative; margin-top:20px; } #my-wishlist .add-folder-inputs { margin-top:10px; } #my-wishlist .add-folder-inputs input { margin-bottom:10px; } #my-wishlist .content-wrapper { margin-bottom: 15px; width: 617px; position: relative; float: left; z-index: 39; border: 1px solid #c7c8c9; overflow: hidden; } #my-wishlist .controls { height:30px; } #my-wishlist .content { position:relative; float:left; margin: 0; } #my-wishlist .scroller-container { overflow: hidden; } #my-wishlist .scroller-content { height: 100% } #my-wishlist ul.scroller-content { margin: 0; width: 10000px; } #my-wishlist ul.scroller-content li { float: left; height: 100%; width: 617px; margin: 0; background: none; list-style: none; } #my-wishlist .content-bottom { height:54px; border-top:1px solid #c7c8c9; clear:both; background: transparent url(../img/bg/wishlist-bottom-bg.gif); } #my-wishlist .add-selection { float:left; margin-left:10px; margin-top:5px; } #my-wishlist .add-selection p { margin:0; } #my-wishlist .add-selection select { width:150px; } #my-wishlist .functions { float:right; margin-top:13px; } #my-wishlist .functions ul {} #my-wishlist .functions li { display:inline; list-style-image:none; list-style-position:outside; list-style-type:none; margin-left:15px; } #my-wishlist .functions li a { background:transparent url(../img/icons/accordion-arrow-horisontal.gif) no-repeat scroll 0 50%; color:#33496F; font-weight:bold; padding-left:10px; position:relative; margin-top:20px; } #my-wishlist .wishlist-toolmenu { padding: 10px; border-top: 1px solid #C7C8C9; background: #D7D7D7 url(../img/bg/filter-box.png) repeat-x 0 0; } #my-wishlist .wishlist-toolmenu ul { margin: 0; text-align: right; } #my-wishlist .wishlist-toolmenu ul li { list-style: none; } #my-wishlist .wishlist-toolmenu ul li a { padding-left: 10px; font-weight: bold; background: url(../img/icons/accordion-arrow-horisontal.gif) no-repeat 0 50%; } #my-wishlist .offer-list { overflow: hidden; position: relative; } #my-wishlist .offer-item { overflow: hidden; float: left; padding: 0 0 7px 7px; } #my-wishlist .offer-item:hover .offer-item-border, #my-wishlist .offer-item.hover .offer-item-border { background: #efefef; } #my-wishlist .item-selected .offer-item-border { background: #dededf !important; } #my-wishlist .offer-item-box { width: 300px; cursor: pointer; } #my-wishlist .offer-item-border { float:left; border:1px solid #c7c8c9; height:80px; width:280px; } #my-wishlist .offer-image { position:absolute; height:69px; margin-left:5px; margin-top:5px; width:80px; } #my-wishlist .offer-image img { height: 70px; } #my-wishlist .offer-image-text { left:120px; margin-top:5px; position:relative; width:155px; } #my-wishlist .icons { float:left; margin-left:2px; position:relative; width:12px; } #my-wishlist .icon { position:relative; margin-bottom:2px; } /* My Kuoni - right spot banners */ .phone-number-banner { border: 1px solid #C7C8C9; padding: 5px; margin-bottom: 20px; } /* Tool tip */ .kuoni-tooltip { background: transparent url(../img/icons/question.gif) no-repeat scroll 0 50%; width: 12px; height: 12px; } .kuoni-tooltip-content { display: none; } /* preloader */ #preloader p { margin: 0; text-align: center; overflow: hidden; } /* MyKuoni feedback */ .feedback { clear: both; display: block; padding-right: 5px; text-align: right; height: 1.5em; } .feedback .negative { color: #da2128; } .feedback .positive { color: #b9ca23; } /* had to break apart background: properties for ie6 animation of bg color */ body.frontpage .newsletter-btn { background-color: #82694B; background-image: url(../img/bg/newsletter-btn.png); background-repeat: repeat-x; background-position: 0 0; cursor: pointer; color: #ffffff; display: block; border: 1px solid #ccc; text-align: center; text-decoration: none; padding: 20px 5px; height: 18px; margin: 5px; } body.frontpage .newsletter-btn:hover { background-position: 0 100%; text-decoration: none; } body.frontpage .newsletter-btn:active { outline: none; } body.frontpage .newsletter-btn:visited { color: #ffffff; outline: none; } body.frontpage .newsletter-btn .arrow { background: transparent url(../img/icons/btn-arrow-new.png) 100% 50% no-repeat; padding: 20px; color: #fff; font: normal 16px/18px georgia,verdana,arial,helvetica,clean,sans-serif; text-transform: uppercase; letter-spacing: 1px; } body.frontpage .booking-btn { position: absolute; bottom: 20px; left: 15px; display: block; padding: 9px 5px; height: 18px; width: 272px; border: 1px solid #d4d6d7; text-align: center; text-decoration: none; color: #58585a; background: transparent url(../img/bg/fp-book-btn.png) repeat-x 0 0; } body.frontpage .booking-btn:hover { background-position: 0 100%; text-decoration: none; } body.frontpage .booking-btn:active { outline: none; } body.frontpage .booking-btn:visited { color: #58585a; outline: none; } body.frontpage .booking-btn .arrow { background: transparent url(../img/icons/btn-arrow-black.png) 100% 50% no-repeat; padding: 20px; color: #58585a; font: normal 16px/18px georgia,verdana,arial,helvetica,clean,sans-serif; text-transform: uppercase; } /* Store locator */ #store-locator-map-large { width: 700px; height: 545px; } #store-locator-map-large p, #store-locator-map-small p { margin-bottom: 0!important; white-space: nowrap; } #store-locator-map-large .mapinfobox p, #store-locator-map-small .mapinfobox p { padding: 0; margin-bottom: 0; } #store-locator-map-large .mapinfobox a, #store-locator-map-small .mapinfobox a { background: transparent url(../img/icon-link-toolmenu-medium.png) no-repeat 100% 50%; padding-right: 10px; text-align: right; } /* vcard for store locator */ #store-address { overflow: hidden; } #store-address .header { margin: 10px 0 5px; } #store-address .vcard { } #store-address .vcard .adr { padding-bottom: 10px; } #store-address .vcard .adr .postal-code { padding-right: 5px; } #store-address .vcard a, #store-address .vcard a:hover, #store-address .vcard a:active, #store-address .vcard a:visited { text-decoration: none; } #store-address .vcard a:hover { text-decoration: underline; } #store-address .vcard .type { display: none; } /* search editing style when new property search is not defined */ #search-editor fieldset { background: #EEEEEE; border: 1px solid; float: left; margin: 1%; padding: 1%; width: 45%; } /* No search result */ .noresult { margin: 0 25px; } /* Date and price table */ .dateprice { width: 100%; margin: 10px 0 20px; } .dateprice th { background-color: #f4f4f4; } .dateprice th, .dateprice td { padding: 2px 5px; text-align: left; vertical-align: top; border: #c7c8c9 solid 1px; border-style: solid none; } /* Tour Variants */ .tour-variants { margin: 0; padding: 0; } .tour-variants li { margin: 0; padding: 5px 0; list-style: none; } .tour-variants li ul { margin: 5px; } .tour-variants li ul li { margin: 0; padding: 0 10px; background: transparent url(../img/icons/accordion-arrow-horisontal.gif) no-repeat 0 50%; } /* snippetbox */ #snippetbox { display: none; padding: 15px; position: absolute; z-index: 1000; top: 300px; left: 300px; } #snippetbox h3 { padding-bottom: 0px; } #snippetbox hr { clear: both; } #snippetbox .close { position: absolute; top: 13px; right: 12px; height: 20px; padding-left: 17px; background: url(../img/icons/close.png) 0% 50% no-repeat; border: none; text-align: right; font-weight: bold; font-size: 11px; line-height: 20px; overflow: visible; cursor: pointer; } #snippetbox .shadow { display: none; position: absolute; top: 0; left: 0; width: 490px; height: 100%; z-index: -1; } #snippetbox .shadow .top { position: absolute; height: 30px; top: 0; width: 100%; background: url(../img/bg/snippetbox-top.png) no-repeat; } #snippetbox .shadow .center { position: absolute; bottom: 30px; top: 30px; width: 100%; background: url(../img/bg/snippetbox-center.png) repeat-y; } #snippetbox .shadow .bottom { position: absolute; bottom: 0; height: 30px; width: 100%; background: url(../img/bg/snippetbox-bottom.png) no-repeat; } #snippetbox .content-wrapper { position: relative; padding: 20px; background: #fff; } #snippetbox .content { width: 420px; } #snippetbox .content .wrapper { clear: both; } #snippetbox .content .wrapper input { width: 268px; margin-bottom: 10px; } #snippetbox .content .wrapper textarea { width: 268px; height: 52px; margin-bottom: 10px; } #snippetbox .content .wrapper label { float: left; width: 148px; } #snippetbox .validation-overview { display: none; } #snippetbox .content fieldset { border-top: 1px solid #c7c8c9; padding-top: 5px; padding-bottom: 20px; } #snippetbox .content .wrapper .address { left: 150px; position: relative; } #snippetbox .content .wrapper .radios { overflow: hidden; } #snippetbox .content .wrapper .radios label { width: auto; margin-right: 5px; white-space: nowrap; } #snippetbox .content .wrapper .radios label input { margin-right: 3px; float: left; width: auto; border: none; vertical-align: middle; } #snippetbox .content .wrapper .chb { } #snippetbox .content .wrapper .chb label { width: auto; float: left; } #snippetbox .content .wrapper .chb input { width: auto; float: left; margin-right: 5px; border: none; } #snippetbox .content .wrapper .input-small { vertical-align: top; width: 60px; } #snippetbox .content .wrapper .input-medium { width: 190px; } #snippetbox .content select { display: inline; margin-bottom: 10px; width: 272px; } #snippetbox .content .wrapper .input-phone { width: 67px; } #snippetbox .content .wrapper .date { width: 84px; margin-right: 4px; } #snippetbox .content .wrapper .large-select { } #snippetbox .content .save-button { float: right; width: 160px; } #snippetbox .kuoni-tooltip { display: inline; left: 152px; margin-top: 3px; position: absolute; } #snippetbox .invalid-text { margin: -10px 5px 10px 150px; } /* Special offers */ .special-offer { margin-right: 20px; margin-bottom: 20px; overflow: hidden; width: 220px; float: left; background-color: #f8f8f8; padding-bottom: 10px; } .special-offer-last { margin-right: 0; } .special-offer img { } .special-offer .headline { margin: 5px 10px; padding: 0; overflow: hidden; font-size: 13px; } .special-offer .headline a { float: left; color: #4d5154; padding-right: 8px; } .special-offer .rating { margin: 0; } .special-offer .rating div { overflow: hidden; } .special-offer .sp-info { padding: 5px 10px; margin: 0; border-top: solid 1px #dedede; } .special-offer .price { padding: 0 10px; font-size: 17px; color: #4b5053; text-transform: none; } .special-offer .sp-price-info { padding: 0 10px; } .special-offer .readmore { margin: 0 10px; display: block; padding: 10px; font-weight: bold; background: transparent url(../img/icons/bullet-small.png) no-repeat 0 50%; } .special-offer .process-button { margin: 0 10px; color: #fff; padding: 0 15px; float: right; } /* Trip Advisor */ .ta-guest-rating-snippet { width: 135px; float: right; clear: right; margin: 0 0 10px 10px; padding: 0 5px 5px; } .ta-guest-rating-snippet h4 { font-weight: normal; text-align: center; text-transform: none; font-size: 11px; } .ta-guest-rating-snippet .rate { display: block; padding: 3px; text-align: center; text-indent: 28px; color: #589442; background: transparent url(../img/icons/trip-advisor-small.gif) no-repeat 35px 50%; } .ta-guest-rating-snippet .rate a { color: #589442; } .ta-guest-rating-snippet .basedon { font-size: 10px; display: block; text-align: center; } .ta-ratings { border-top: 1px solid #C7C8C9; margin-bottom: 30px; padding-top: 5px; } .ta-ratings img { padding-bottom: 10px; } .ta-ratings p { color: #7f7f7f; font-size: 10px; } .ta-ratings a { display: block; padding-left: 10px; background: transparent url(../img/icons/bullet-small.png) no-repeat 0 5px; } .ta-ratings a:hover { text-decoration: underline; } .ta-ratings ul { margin: 0; padding: 0; } .ta-ratings ul li { margin: 0; padding: 3px 0; font-size: 10px; list-style: none; } .ta-ratings ul li img { padding: 0 5px 0 0; vertical-align: middle; display: inline; } .ta-ratings .basedon { font-size: 10px; } .ta-reviews { border-top: 1px solid #C7C8C9; overflow: hidden; padding: 10px 0; } .ta-reviews .ta-review-meta { float: left; width: 140px; margin-right: 20px; } .ta-reviews .ta-review-meta .ta-reviewed { padding-top: 2px; font-weight: bold; } .ta-reviews .ta-review-meta .ta-reviewer { padding-top: 2px; } .ta-reviews .ta-review-main { float: left; width: 420px; } .ta-reviews .ta-review-main h4 { font-weight: bold; } .ta-reviews .ta-review-main .ta-summary { display: block; } .ta-reviews .ta-review-main .ta-summary p { display: inline; margin: 0; padding: 0; } .ta-reviews .ta-review-main .ta-review { display: none; } .ta-reviews .ta-review-main .ta-expand-review { display: block; font-weight: bold; cursor: pointer; padding: 5px 12px; background: transparent url(../img/icons/accordion-arrow-vertical.gif) 0 50% no-repeat; } .ta-reviews .ta-review-main .showreview { background: transparent url(../img/icons/accordion-arrow-up.gif) 0 50% no-repeat; } /* Fact table */ table.facts th { text-align: left; vertical-align: top; padding-right: 10px; } /* UK booking form */ #roomHolder .label { clear: both; } #roomHolder label { float: left; width: 30%; } /* Room Type facilities table */ #room-facilities { width: 100%; } #room-facilities tr { border-bottom: 1px solid #E9EBF4; } #room-facilities th { text-align: center; border-bottom: 2px solid #33496F; max-width: 110px; } #room-facilities td { text-align: center; } #room-facilities td.facilities { text-align: left; width: 180px; } #room-facilities span.selected { background: transparent url(../img/icons/accept.png) no-repeat scroll center center; padding: 2px 7px; } /* http://www.kuoni.co.uk/ProfileUIResources/CSS/tabs.css */ /* +--------------------------------------------------------------------------+ | [Tabs] | | Project: Kuoni global CMS, Style profile | Responsible: Balazs Suhajda, Mikael Gyde Moller | Usage: Tab styles for jQuery UI tabs http://docs.jquery.com/UI/Tabs +--------------------------------------------------------------------------+ */ #tabs { display: block; height: 24px; padding-top: 1px; margin: 5px 0 0; } #tab-container #tabs { position: absolute; left: 0; top: -60px; _top: -71px; z-index: 10; } #tabs { list-style: none; /*margin: 0; padding: 0;*/ } /* clearing without presentational markup, IE gets extra treatment */ #tabs:after { display: block; clear: both; content: " "; } #tabs li { list-style: none; display: block; float: left; } #tabs a { position: relative; top: 4px; padding: 6px 9px; margin-right: 1px; outline: 0; background: url(../img/bg/tabs.png) no-repeat; border: 1px solid #c7c8c9; border-bottom: 0; } #tabs a.selected { position: relative; top: 4px; padding: 10px 9px 6px; background: #fff; color: #202529; } #tabs a:link, #tabs a:active, #tabs a:visited { color: #33496f; } #tabs li.ui-tabs-selected { margin: 0; } #tabs li.ui-tabs-selected a { position: relative; top: 4px; padding: 10px 9px 6px; background: #fff; color: #202529; } /* hover effects */ #tabs a:hover, #tabs .ui-tabs-selected a:hover { /* background-position: 100% 50%; */ } /* focus effects */ #tabs a:focus, #tabs .ui-tabs-selected a:focus { /* background-position: 100% 100%; */ } /* @ Opera, use pseudo classes otherwise it confuses cursor... */ #tabs .ui-tabs-selected a:link, #tabs .ui-tabs-selected a:visited, #tabs .ui-tabs-disabled a:link, #tabs .ui-tabs-disabled a:visited { cursor: text; } /* @ Opera, we need to be explicit again here now... */ #tabs a:hover, #tabs a:focus, #tabs a:active, #tabs .ui-tabs-unselect a:hover, #tabs .ui-tabs-unselect a:focus, #tabs .ui-tabs-unselect a:active { cursor: pointer; } .ui-tabs-disabled { opacity: .4; filter: alpha(opacity=40); } #tabs .ui-tabs-disabled a:link, #tabs .ui-tabs-disabled a:visited { color: #33496f; } .ui-tabs-panel { border: none; } /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .ui-tabs-hide { display: none; } /* Tabs for bookingspot on frontpage */ #fp-booking #tabs { margin: 0; padding: 0; } #fp-booking #tabs a { background: url(../img/bg/bookingtabs.png) repeat-y 0 0; border: none; text-align: center; margin: 0; padding: 4px 0; width: 104px; } #fp-booking #tabs a:hover, #fp-booking #tabs .ui-tabs-selected a:hover { background-position: 100% 50%; } #fp-booking #tabs li a { border: none; top: 0; display: block; font-size: 10px; color: #58585a; text-decoration: none; } #fp-booking #tabs li.ui-tabs-selected a { background: #fff; border: none; padding: 4px 0; top: 0; display: block; } #fp-booking #tabs li { border-bottom: 1px solid #c8c9ca; border-left: 1px solid #fff; } #fp-booking #tabs li.ui-tabs-selected { border-bottom: none; } /* http://www.kuoni.co.uk/ProfileUIResources/CSS/forms.css */ /* +--------------------------------------------------------------------------+ | [Forms] | | Project: Kuoni global CMS, Style profile | Responsible: Balazs Suhajda, Mikael Gyde Moller | Usage: Form styles and form related elements +--------------------------------------------------------------------------+ */ input, textarea, select { border: 1px solid #8F9294; color: #4D5154; padding: 1px; } .checkbox, .radiobutton { border: none; color: #4D5154; padding: 0; vertical-align: text-bottom; } .checkbox { vertical-align: text-bottom; } label { display: block; color: #4D5154; } #site-search input.search-field { padding: 1px 0 1px 5px; border: #8f9294 solid 1px; border-right: none; width: 180px; height: 16px; } #site-search input.search-button { position: absolute; right: 0; bottom: 0; border: none; padding: 0; height: 20px; width: 20px; *padding-bottom:1px \9; } /*----- Forms -----*/ .form { } .form fieldset { margin: 5px auto; } .form fieldset.buttonFields a { background: transparent url(../img/bg/standard-button.png) repeat-x 0 0; color: #494d50; border: #c7c8c9 solid 1px; display: block; text-align: center; text-decoration: none; padding: 2px; width: 200px; } .form fieldset.buttonFields a:hover { background-position: 0 -36px; outline: none; } .form fieldset.buttonFields a:active { background-position: 0 -72px; outline: none; } .form label { } .form .checkbox label { } /* form elements */ .form fieldset { margin: 10px 0; } .form fieldset label { font-weight: bold; } .form fieldset .RadioButtonList td { padding-right: 15px; } .form fieldset .RadioButtonList td label { font-weight: normal; } .form fieldset .RadioButtonList td input { border: none; } .form fieldset input.TextBox, .form fieldset textarea.TextBox, .form fieldset select.DropDownList { width: 350px; } .RadioButton input, .noborder input { border: 0; } /* validation */ .invalid input, .invalid select { background: #f8d3d4; border : 1px solid #f00; } .invalid a { color: #f00; } .invalid-text { display: none; color: #f00; font-weight: bold; } .invalid .invalid-text { display: block; } .validation-overview { padding: 5px 0; border-bottom: 1px solid #f00; border-top: 1px solid #f00; color: #f00; font-weight: bold; } .validation-overview .linklike { background: url(../img/icons/bullet-small-red.gif) no-repeat 0 5px; display: block; padding-left: 10px; } /*----- Button's -----*/ /* Standard Button */ .standard-button { background: transparent url(../img/bg/standard-button.png) repeat-x 0 0; color: #494d50; border: #c7c8c9 solid 1px; display: block; text-align: center; text-decoration: none; padding: 2px; } .standard-button:hover { background-position: 0 -36px; outline: none; } .standard-button:active { background-position: 0 -72px; outline: none; } /* Standard Button */ .process-button { cursor:pointer; background: transparent url(../img/bg/process-button2.png) repeat-x 0 0; color: #ffffff; font-weight: bold; display: block; border: none; text-align: center; text-decoration: none; padding: 1px 0 2px; } .process-button:hover { background-position: 0 -20px; text-decoration: none; } .process-button:active { outline: none; text-decoration: none; } .process-button:visited { color: #ffffff; outline: none; text-decoration: none; } .process-button .arrow { background: transparent url(../img/icons/btn-arrow.png) 0 50% no-repeat; padding-left: 10px; color: #fff; } .btn .left { float: left; margin-right: 10px; } .btn .right { float: right; margin-left: 10px; } /* Property-search */ #search-editor fieldset select { width: 270px; } #search-editor fieldset select label { margin-bottom: 2px; display: block; } #search-editor #choose-search input { float: left; width: 20px; padding: 0; margin: 3px 0; } #search-editor #choose-search label { float: left; display: block; padding-right: 20px; width: auto; } #search-editor span input { float: left; width: 20px; padding: 0; margin: 0; } #search-editor span label { float: left; display: block; width: 245px; padding: 0 0 5px; font-weight: normal; } #search-editor #btn-panel input { float: left; margin: 2px 5px 2px 5px; } #search-editor #btn-panel label { } /* http://www.kuoni.co.uk/ProfileUIResources/CSS/override-moss.css */ /* +--------------------------------------------------------------------------+ | [Override MOSS] | | Project: Kuoni global CMS, Style profile | Responsible: Balazs Suhajda, Mikael Gyde Moller | Usage: Overriding of standard MOSS CSS properties +--------------------------------------------------------------------------+ */ body.frontpage h2.WebpartHeadline { display: none; } /* Style the default result page layout */ .srch-results { margin-left: 25px; width: 670px; } /* Hide required sharepoint elements that's not needed in the layout */ #hide-sharepoint-stuff { display: none; } .ms-tztable tr { background-color: transparent !important; } #MainLeftCell { width: 100%!important; } #RightCell { display: none; } /*----- Gray Search Top Bar -----*/ .srch-sort-right { float: right; padding-bottom: 5px; } .srch-stats { color: #333333; text-align: left; white-space: nowrap; } .srch-stats a:link { text-decoration: none; color: #003399; } .srch-stats a:hover { color: #FF0000; } /*----- Paging -----*/ .srch-Page { text-align: center; font-weight: bold; padding: 2px 0; } .srch-Page a#SRP_Next { border: none; padding-right: 13px; margin-right: 1px; text-decoration: none; } .srch-Page a#SRP_Next:hover { padding-right: 14px; margin-right: 0px; } .srch-Page a#SRP_Prev { border: none; padding-left: 13px; margin-left: 1px; text-decoration: none; } .srch-Page a#SRP_Prev:hover { padding-left: 14px; margin-left: 0px; } .srch-Page a:link,.srch-Page a:visited { font-weight: normal; padding: 0 3px; } .srch-Page a:hover { } /*----- Search Results -----*/ .srch-WPBody { } .srch-results { } .srch-sort { } .srch-Icon { margin-right: 4px; } .srch-Title { font-family: Georgia; font-size: 14px; margin: 0px 0px 5px; color: #202529; } .srch-Title a:link,.srch-Title a:visited { text-decoration: none; margin-bottom: 15px; } .srch-Title a:hover { text-decoration: underline; } .srch-Description { font-family: verdana; font-size: 12px; margin: 0px 0px 4px; color: #545d62; /* height: 40px; overflow: hidden; */ } .srch-Description ol { margin: 10px; padding: 5px; } .srch-Metadata { border-bottom: dotted #737171 1px; margin: 0px 0px 15px; padding: 0 0 15px; color: #8c8c8c; } .srch-URL a:link,.srch-URL a:visited { color: #8c8c8c !important; text-decoration: none; } .srch-URL a:hover { text-decoration: underline; } /*----- Table Design -----*/ /* .ms-rteTable-1 */ .ms-rteTable-1 { border-width: 0px; border-style: none; border-collapse: collapse; font-family: Tahoma; } .ms-rteTable-1 tr.ms-rteTableHeaderRow-1 { margin: 10px; padding: 10px; color: #3F4D6B; background: #D6E8FF; text-align: left; font-size: 10pt; font-style: normal; font-family: Tahoma; text-transform: capitalize; font-weight: bold; border-spacing: 10px; line-height: 14pt; vertical-align: top; } .ms-rteTable-1 td.ms-rteTableHeaderFirstCol-1 { padding: 0in 5.4pt 0in 5.4pt; color: #3a4663; line-height: 14pt; } .ms-rteTable-1 td.ms-rteTableHeaderLastCol-1 { padding: 0in 5.4pt 0in 5.4pt; color: #3a4663; line-height: 14pt; } .ms-rteTable-1 td.ms-rteTableHeaderOddCol-1 { padding:0in 5.4pt 0in 5.4pt; color: #3a4663; line-height: 14pt; } .ms-rteTable-1 td.ms-rteTableHeaderEvenCol-1 { padding:0in 5.4pt 0in 5.4pt; color: #3a4663; line-height: 14pt; } .ms-rteTable-1 tr.ms-rteTableOddRow-1 { color: #666666; background-color: #F2F3F4; font-size: 10pt; vertical-align: top; } .ms-rteTable-1 tr.ms-rteTableEvenRow-1 { color: #666666; background-color: #E7EBF7; font-size: 10pt; vertical-align: top; } .ms-rteTable-1 td.ms-rteTableFirstCol-1 { padding: 0in 5.4pt 0in 5.4pt; } .ms-rteTable-1 td.ms-rteTableLastCol-1 { padding:0in 5.4pt 0in 5.4pt; } .ms-rteTable-1 td.ms-rteTableOddCol-1 { padding: 0in 5.4pt 0in 5.4pt; } .ms-rteTable-1 td.ms-rteTableEvenCol-1 { padding:0in 5.4pt 0in 5.4pt; } .ms-rteTable-1 tr.ms-rteTableFooterRow-1 { background-color: #D6E8FF; color: #4A5A80; font-weight: 500; font-size: 10pt; font-family: Tahoma; line-height: 11pt; } .ms-rteTable-1 td.ms-rteTableFooterFirstCol-1 { padding: 0in 5.4pt 0in 5.4pt; border-top: solid gray 1.0pt; text-align: left; } .ms-rteTable-1 td.ms-rteTableFooterLastCol-1 { padding:0in 5.4pt 0in 5.4pt; border-top:solid gray 1.0pt; text-align:left; } .ms-rteTable-1 td.ms-rteTableFooterOddCol-1 { padding: 0in 5.4pt 0in 5.4pt; text-align: left; border-top: solid gray 1.0pt; } .ms-rteTable-1 td.ms-rteTableFooterEvenCol-1 { padding: 0in 5.4pt 0in 5.4pt; text-align: left; border-top: solid gray 1.0pt; } /* .ms-rteTable-2 */ .ms-rteTable-2 { border-collapse: collapse; border: solid 0px; font-family: Tahoma; } .ms-rteTable-2 tr.ms-rteTableHeaderRow-2 { border-width: 1.0pt 1.0pt 3.0pt 1.0pt; margin-top: 0in; margin-right: 0in; margin-bottom: 10.0pt; margin-left: 0in; line-height: 115%; font-size: 11.0pt; font-family: Tahoma; width: 119.7pt; border: solid white 1.0pt; border-bottom: solid white 3.0pt; background: #4F81BD; padding: 0in 5.4pt 0in 5.4pt; color: #FFFFFF; } .ms-rteTable-2 td.ms-rteTableHeaderFirstCol-2 { border-width: 1.0pt 1.0pt 3.0pt 1.0pt; border: solid white 1.0pt; border-bottom: solid white 3.0pt; padding: 0in 5.4pt 0in 5.4pt; } .ms-rteTable-2 td.ms-rteTableHeaderLastCol-2 { border-width: 1.0pt 1.0pt 3.0pt 1.0pt; border: solid white 1.0pt; border-bottom: solid white 3.0pt; padding: 0in 5.4pt 0in 5.4pt; } .ms-rteTable-2 td.ms-rteTableHeaderOddCol-2 { border-width: 1.0pt 1.0pt 3.0pt 1.0pt; border: solid white 1.0pt; border-bottom: solid white 3.0pt; padding: 0in 5.4pt 0in 5.4pt; } .ms-rteTable-2 td.ms-rteTableHeaderEvenCol-2 { border-width: 1.0pt 1.0pt 3.0pt 1.0pt; border: solid white 1.0pt; border-bottom: solid white 3.0pt; padding: 0in 5.4pt 0in 5.4pt; } .ms-rteTable-2 tr.ms-rteTableOddRow-2 { color: #666666; background-color: #F2F3F4; font-size: 10pt; vertical-align: top; } .ms-rteTable-2 tr.ms-rteTableEvenRow-2 { color: #666666; background-color: #E7EBF7; font-size: 10pt; vertical-align: top; } .ms-rteTable-2 td.ms-rteTableFirstCol-2 { margin-top: 0in; margin-right: 0in; margin-bottom: 10.0pt; margin-left: 0in; line-height: 115%; font-size: 11.0pt; font-family: Tahoma; width: 119.7pt; border-top: none; border-left: solid white 1.0pt; border-bottom: none; border-right: solid white 3.0pt; background: #4F81BD; padding: 0in 5.4pt 0in 5.4pt; color: #FFFFFF; } .ms-rteTable-2 td.ms-rteTableLastCol-2 { padding:0in 5.4pt 0in 5.4pt; } .ms-rteTable-2 td.ms-rteTableOddCol-2 { padding: 0in 5.4pt 0in 5.4pt; } .ms-rteTable-2 td.ms-rteTableEvenCol-2 { padding:0in 5.4pt 0in 5.4pt; } .ms-rteTable-2 tr.ms-rteTableFooterRow-2 { color: #666666; background-color: #FFFFFF; font-size: 10pt; vertical-align: top; padding: 0in 5.4pt 0in 5.4pt; } .ms-rteTable-2 td.ms-rteTableFooterFirstCol-2 { margin-top: 0in; margin-right: 0in; margin-bottom: 10.0pt; margin-left: 0in; line-height: 115%; font-size: 11.0pt; font-family: Tahoma; width: 119.7pt; border-top: none; border-left: solid white 1.0pt; border-bottom: none; border-right: solid white 3.0pt; background: #4F81BD; padding: 0in 5.4pt 0in 5.4pt; color: #FFFFFF; } .ms-rteTable-2 td.ms-rteTableFooterLastCol-2 { padding: 0in 5.4pt 0in 5.4pt; } .ms-rteTable-2 td.ms-rteTableFooterOddCol-2 { padding: 0in 5.4pt 0in 5.4pt; } .ms-rteTable-2 td.ms-rteTableFooterEvenCol-2 { padding: 0in 5.4pt 0in 5.4pt; } /* .ms-rteTable-3 */ .ms-rteTable-3 { border-collapse: collapse; border: solid 0px; font-family: Tahoma; } .ms-rteTable-3 tr.ms-rteTableHeaderRow-3 { margin: 10px; padding: 10px; color: #3a4663; text-align: left; font-size: 10pt; font-style: normal; font-family: Verdana; text-transform: capitalize; font-weight: normal; border-spacing: 10px; vertical-align: top; background-color: #C4D1E3; } .ms-rteTable-3 td.ms-rteTableHeaderFirstCol-3 { padding: 0in 5.4pt 0in 5.4pt; color: #3a4663; line-height: 14pt; } .ms-rteTable-3 td.ms-rteTableHeaderLastCol-3 { padding: 0in 5.4pt 0in 5.4pt; color: #3a4663; line-height: 14pt; } .ms-rteTable-3 td.ms-rteTableHeaderOddCol-3 { padding: 0in 5.4pt 0in 5.4pt; color: #3a4663; line-height: 14pt; } .ms-rteTable-3 td.ms-rteTableHeaderEvenCol-3 { padding: 0in 5.4pt 0in 5.4pt; color: #3a4663; line-height: 14pt; } .ms-rteTable-3 tr.ms-rteTableOddRow-3 { color:#666666; vertical-align: top; font-size: 10pt; } .ms-rteTable-3 tr.ms-rteTableEvenRow-3 { color:#666666; vertical-align: top; font-size: 10pt; } .ms-rteTable-3 td.ms-rteTableFirstCol-3 { padding: 0in 5.4pt 0in 5.4pt; background-color: #E7EBF7; } .ms-rteTable-3 td.ms-rteTableLastCol-3 { padding: 0in 5.4pt 0in 5.4pt; background-color:#E7EBF7; } .ms-rteTable-3 td.ms-rteTableOddCol-3 { padding: 0in 5.4pt 0in 5.4pt; background-color:#F7F3F7; } .ms-rteTable-3 td.ms-rteTableEvenCol-3 { padding: 0in 5.4pt 0in 5.4pt; background-color:#E7EBF7 } .ms-rteTable-3 tr.ms-rteTableFooterRow-3 { background-color: #C4D1E3; color: #3a4663; font-weight: normal; font-size: 10pt; font-family: Verdana; line-height: 11pt; } .ms-rteTable-3 td.ms-rteTableFooterFirstCol-3 { padding: 0in 5.4pt 0in 5.4pt; text-align: left; } .ms-rteTable-3 td.ms-rteTableFooterLastCol-3 { padding: 0in 5.4pt 0in 5.4pt; text-align: left; } .ms-rteTable-3 td.ms-rteTableFooterOddCol-3 { padding: 0in 5.4pt 0in 5.4pt; text-align: left; } .ms-rteTable-3 td.ms-rteTableFooterEvenCol-3 { padding: 0in 5.4pt 0in 5.4pt; text-align: left; } /* .ms-rteTable-4 */ .ms-rteTable-4 { border-collapse: collapse; border: solid 0px; font-family: Tahoma; } .ms-rteTable-4 tr.ms-rteTableHeaderRow-4 { border-width: 1.0pt 1.0pt 3.0pt 1.0pt; margin-top: 0in; margin-right: 0in; margin-bottom: 10.0pt; margin-left: 0in; line-height: 115%; font-size: 11.0pt; font-family: Tahoma; width: 119.7pt; background: #4F81BD; padding: 0in 5.4pt 0in 5.4pt; color: #FFFFFF; } .ms-rteTable-4 td.ms-rteTableHeaderFirstCol-4 { padding: 0in 5.4pt 0in 5.4pt; } .ms-rteTable-4 td.ms-rteTableHeaderLastCol-4 { padding: 0in 5.4pt 0in 5.4pt; } .ms-rteTable-4 td.ms-rteTableHeaderOddCol-4 { padding: 0in 5.4pt 0in 5.4pt; } .ms-rteTable-4 td.ms-rteTableHeaderEvenCol-4 { padding: 0in 5.4pt 0in 5.4pt; } .ms-rteTable-4 tr.ms-rteTableOddRow-4 { border-width: 1pt; color: #666666; font-size: 10pt; vertical-align: top; border-bottom-style: solid; border-bottom-color: #4F81BD; } .ms-rteTable-4 tr.ms-rteTableEvenRow-4 { color: #666666; font-size: 10pt; vertical-align: top; } .ms-rteTable-4 td.ms-rteTableFirstCol-4 { border-width: 1pt; border-color: #4F81BD; padding: 0in 5.4pt 0in 5.4pt; border-bottom-style: solid; border-left-style: solid; } .ms-rteTable-4 td.ms-rteTableLastCol-4 { border-width: 1pt; border-color: #4F81BD; border-bottom-style: solid; border-right-style: solid; padding: 0in 5.4pt 0in 5.4pt; } .ms-rteTable-4 td.ms-rteTableOddCol-4 { border-width: 1pt; border-color: #4F81BD; padding: 0in 5.4pt 0in 5.4pt; border-bottom-style: solid; } .ms-rteTable-4 td.ms-rteTableEvenCol-4 { border-width: 1pt; border-color: #4F81BD; padding: 0in 5.4pt 0in 5.4pt; border-bottom-style: solid; } .ms-rteTable-4 tr.ms-rteTableFooterRow-4 { color: #355C8C; background-color: #FFFFFF; font-size: 10pt; vertical-align: top; padding: 0in 5.4pt 0in 5.4pt; } .ms-rteTable-4 td.ms-rteTableFooterFirstCol-4 { border-width: 1pt; border-color: #4F81BD; border-bottom-style: solid; border-left-style: solid; padding: 0in 5.4pt 0in 5.4pt; } .ms-rteTable-4 td.ms-rteTableFooterLastCol-4 { border-width: 1pt; border-color: #4F81BD; border-bottom-style: solid; border-right-style: solid; padding: 0in 5.4pt 0in 5.4pt; } .ms-rteTable-4 td.ms-rteTableFooterOddCol-4 { border-width: 1pt; border-color: #4F81BD; border-bottom-style: solid; padding: 0in 5.4pt 0in 5.4pt; } .ms-rteTable-4 td.ms-rteTableFooterEvenCol-4 { border-width: 1pt; border-color: #4F81BD; border-bottom-style: solid; padding: 0in 5.4pt 0in 5.4pt; } /* .ms-rteTable-5 */ .ms-rteTable-5 { border-collapse: collapse; border: solid 0px; font-family: Tahoma } .ms-rteTable-5 tr.ms-rteTableHeaderRow-5 { margin: 10px; padding: 10px; color: #3A4663; text-align: left; font-size: 10pt; font-style: normal; font-family: Tahoma; text-transform: capitalize; font-weight: 500; border-spacing: 10px; line-height: 11pt; vertical-align: top; } .ms-rteTable-5 td.ms-rteTableHeaderFirstCol-5 { padding: 0in 5.4pt 0in 5.4pt; color: #3a4663; } .ms-rteTable-5 td.ms-rteTableHeaderLastCol-5 { padding: 0in 5.4pt 0in 5.4pt; color: #3a4663; } .ms-rteTable-5 td.ms-rteTableHeaderOddCol-5 { padding:0in 5.4pt 0in 5.4pt; color: #3a4663; } .ms-rteTable-5 td.ms-rteTableHeaderEvenCol-5 { padding:0in 5.4pt 0in 5.4pt; color: #3a4663; } .ms-rteTable-5 tr.ms-rteTableOddRow-5 { color: #666666; vertical-align: top; font-size: 10pt; } .ms-rteTable-5 tr.ms-rteTableEvenRow-5 { color: #666666; vertical-align: top; font-size: 10pt; } .ms-rteTable-5 td.ms-rteTableFirstCol-5 { padding: 0in 5.4pt 0in 5.4pt; } .ms-rteTable-5 td.ms-rteTableLastCol-5 { padding:0in 5.4pt 0in 5.4pt; } .ms-rteTable-5 td.ms-rteTableOddCol-5 { padding: 0in 5.4pt 0in 5.4pt; } .ms-rteTable-5 td.ms-rteTableEvenCol-5 { padding:0in 5.4pt 0in 5.4pt; } .ms-rteTable-5 tr.ms-rteTableFooterRow-5 { color: #3a4663; font-weight: 500; font-size: 10pt; font-family: Tahoma; line-height: 11pt; } .ms-rteTable-5 td.ms-rteTableFooterFirstCol-5 { padding: 0in 5.4pt 0in 5.4pt; text-align: left; } .ms-rteTable-5 td.ms-rteTableFooterLastCol-5 { padding:0in 5.4pt 0in 5.4pt; text-align:left; } .ms-rteTable-5 td.ms-rteTableFooterOddCol-5 { padding: 0in 5.4pt 0in 5.4pt; text-align: left; } .ms-rteTable-5 td.ms-rteTableFooterEvenCol-5 { padding: 0in 5.4pt 0in 5.4pt; text-align: left; } /* http://www.kuoni.co.uk/ProfileUIResources/CSS/overwrite-background.css */ #head .head-background, body.frontpage .newsletter-btn { background-color: #34b5d0; } /* ----add for lightbox header---- */ #ddd { display: none; position: absolute; width: 960px; margin: 0 15px; background: #fff; z-index: 100; } /* ------ customized addition from page.css ------ */ * { margin:0px; padding:0px; } a { outline:none; } .clear { clear:both; height:1px; } #log { text-align:left; color:#DDD; font-style:italic; width:90%; margin: 10px auto; } li { list-style:none; } #main { margin:0 auto 30px; text-align:center; font:10pt Calibri, Arial, sans-serif; } /*h1 { margin-top:30px; font:2.5em Cambria, Times New Roman, serif; font-weight:bold; line-height:34px; } h1 em { color:#68D; font-weight:normal; } h2 { margin-bottom:8px; font-weight:normal; font-size:1.3em; }*/ #header ul { color:#888; font-style:italic; margin-bottom:30px; } #header a { font-size:1.3em; background: url(icons.png) no-repeat left 3px; padding-left:20px; text-decoration:none; } #header a:hover { text-decoration:underline; } .usual a.current img { margin-top: -24px; } .usual a.selected img { margin-top: -24px; ^padding-bottom:24px; } a.selected span.top { top:0; height: 8px; position: absolute; left: 0; display: block; width: 100%; _width:auto; background: #fff; overflow: hidden; } a.selected span.bottom { top:32px;height: 24px; position: absolute; left: 0; display: block; width: 100%; _width:auto; background: #fff; overflow: hidden; } .usual .panel .close-layer { color:#FF0000; text-decoration:underline; } /* ----- Booking Form ----- */ .grid-row .grid-box-12 .title { font-weight:bold; border-bottom:0px; margin:0 0 10px 20px; } .grid-row .grid-box-12 .subtitle { font-weight:bold; border-bottom:1px solid #C7C8C9; padding-right:50px; font-size:150%; } .grid-row .grid-box-12 .subform { padding:10px 15px 10px 15px; border:20px solid #EFEFEF; } .grid-row .grid-box-12 .subform .celltitle{ font-weight:bold; } .grid-row .grid-box-12 .subform .celltitle td { background-color:#C0C0C0; border:#ffffff 1px solid; } .grid-row .grid-box-12 .subform .detail { padding:10px 15px 10px 15px; } .grid-row .grid-box-12 .subform .detail div { padding-top:15px; } .grid-row .grid-box-12 .subform .detail div td { padding-bottom:10px; } .grid-row .grid-box-12 .subform .detail div td img { display:inline; }