/********************************************************************************************** 1. BASE 1.1 Reset 1.2 Default styles 1.3 Basic styles 2. LAYOUT 2.1 Header 2.2 Primary Content 2.3 Secondary Content 2.4 Footer 3. POPUPS / LIGHTBOXES ***********************************************************************************************/ /* 1. BASE ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 1.1 Reset -----------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1;} ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: '';content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse;border-spacing: 0; } img { vertical-align: bottom; } a span {cursor:pointer;} /* 1.2 Default styles -----------------------------------------------------------------------------------------------*/ html, body { height: 100%; } body { position: relative; margin: 0; background: #d7dddd; font: 62.5% Verdana, Geneva, sans-serif; text-align: center; color: #4E5B66; } hr { display: none; } strong { font-weight: bold; } em { font-style: italic; } abbr, acronym { border: none; cursor: help; } input, textarea, select { font: 11px Verdana, Geneva, sans-serif; } input:focus { outline: none; } a { color: #489B25; text-decoration: none; cursor:pointer; } a:hover, a:active { color: #E0521B; text-decoration: underline; } /* 1.4 Basic styles -----------------------------------------------------------------------------------------------*/ .hide { display: none !important; } /* clearing */ .clearfix:after, .section:after, .tab-panel .tabs:after, .tab-content:after, .secondary-content .travel-cart .panel-content ul li dl:after, .pagination:after, .cta:after, .search-results .panel-content:after, .why-isango .reasons:after, .why-isango .quotes:after, .title-with-suggestion:after, .holiday-suggestions .panel-title:after, .holiday-suggestions ul li .inner-content:after, .cta-price-list dl:after, .search-panel .tab-content-inner:after, .experience-with-multisave:after, .experience-with-multisave:after, .travel-cart li:after, .travel-cart ul:after, .inner-right .item-total .panel-content dl:after, .inner-right .total p:after, .inner-right .go-multisave .savings-so-far:after, .cart-list .overview-left dl:after, .cart-list .panel-content h2:after, .panel-content h3:after, .primary-content .inner-right .panel-content:after, .cta-price-list .cta-inner dl:after, .primary-content .inner-right .result-list .inner-content:after, .result-list .col1 dl:after, .other-great-destinations .panel-content:after, .best-deals:after, .best-deals a:after, .weather-and-offers ul:after, .traveller-reviews-and-photos .panel-content ul:after, .traveller-tips ul li:after, ol.comments li:after, .weather-and-offers dl:after, .suggestions ul li:after, p.caption:after, .isango-news .date-category:after, .note .inner:after, .modify-search .panel-content ul li:after, .best-selling .best-selling-experiences:after, .top-holidays-experiences-hotels:after, .best-selling:after, .header .checkout-nav:after, .panel-content fieldset li:after, .more-info-large .inner:after, .primary-content .inner-left .panel-rounded .panel-title span:after, div.traveller-choice-details:after, div.sub-title:after, .confirmation .details .section:after, .confirmation .details .section dl:after, .panel-details .panel-content-wrap .panel-title:after, .panel-payable-amount dl:after, div.price-description div.in:after, div.price-description-small div.in:after, div.enter-discount:after, div.cart-summary div.purchased-products:after, ul.cart-promo li:after, ul.cart-promo li div.product-options fieldset ol:after, ul.cart-promo li div.product-options fieldset ol li.checkbox:after, ul.cart-promo li p.options:after, .top-destinations .destination-locations:after, div.tab2-panel div.tab-content div.secure:after, div.tab2-panel div.tab-content blockquote:after, div.tab2-panel div.tab-content div.panel-overview div.contact-details:after, .ideas .ideas-list li:after, .ideas .idea-selection li:after, .multi-destinations li:after, .single-destination-a .tours li:after, .single-destination-b ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* breadcrumb */ .breadcrumb { width: 780px; overflow: hidden; position: relative; z-index: 997; margin: -10px 20px 20px 40px; color: #489B25 } .breadcrumb li { float: left; display: inline; margin: 0 8px 0 0; line-height: 16px; } .breadcrumb li.home { width: 110px; margin: 0; } .breadcrumb li.home a { display: block; margin: 0; padding-left: 20px; background: url(/_ui/images/ico/home.gif) no-repeat 0 -15px; } .breadcrumb li.current { color: #B3C4D4; } /* buttons */ a.button-go, .button-go span, a.button-go22, .button-go22 span{ display: block; width: 18px; height: 18px; overflow: hidden; cursor: pointer; text-align: center; } a.button-go, a.button-go22 { position: relative; } a.button-go span, a.button-go22 span { position: absolute; top: 0; left: 0; z-index: 10; background-repeat: no-repeat; } a.button-go22 span { background-image: url(/_ui/images/btn/go_22x22.png); } a.button-go22:hover span { background-image: url(/_ui/images/btn/go_22x22_hover.png); } a.button-go span { background-image: url(/_ui/images/btn/go.png); } a.button-go:hover span { background-image: url(/_ui/images/btn/go_hover.png); } a.button-go2, .button-go2 span{ display: block; width: 18px; height: 18px; overflow: hidden; cursor: pointer; text-align: center; } a.button-go2:hover span { background-image: url(/_ui/images/btn/go_hover.png); } a.button-go2 span { background-image: url(/_ui/images/btn/go.png); } /* panels */ .panel { margin: 0 0 12px 0; padding: 0 0 7px 0; background-repeat: no-repeat; background-position: 0 100%; } .panel .panel-title { display: block; border-bottom: 1px solid #ccd3d4; background: #edeeea url(/_ui/images/bg/panel_title_left.gif) no-repeat; color: #1899B3; font-weight: bold; line-height: 1.2em; } .panel .panel-title span { position: relative; display: block; padding: 5px 10px; background: url(/_ui/images/bg/panel_title_right.gif) no-repeat 100% 0; } .panel .panel-title span a { position: absolute; right: 10px; top: 6px; font-weight: normal; font-size: .8em; line-height: 1.2em; } .panel .panel-content { border-left: 1px solid #ccd3d4; border-right: 1px solid #ccd3d4; } .panel .panel-content .last { margin-bottom: 0; border-bottom: none; } .panel p.info { padding: 6px 9px; } .panel p.go, .panel p.more { width: 100%; overflow: hidden; margin: 0; padding: 5px 0 0 0; border-top: 1px solid #ccd3d4; } .panel p.go a, .panel p.more a { float: right; font-weight: bold; display: inline; margin-right: 10px; cursor:pointer; } .panel p.go a { line-height: 12px; padding: 3px 31px 3px 0; background: url(/_ui/images/btn/go.gif) no-repeat center right; } .panel p.go a:hover { color: #e0521b; background: url(/_ui/images/btn/go_hover.gif) no-repeat center right; } .panel p.more a { line-height: 12px; padding: 3px 20px 3px 0; background: url(/_ui/images/ico/arrow-closed.gif) no-repeat center right; } .panel p.more a:hover { background-image: url(/_ui/images/ico/arrow-closed_hover.gif) } .panel .stars span { color: #e0521b; } .panel div.multisave { width: 100%; position: relative; padding: 5px 0 0 0; border-top: 1px solid #ccd3d4; display:none; } .panel div.multisave p { width: 96px; position: relative; margin: 0 0 0 5px; display: inline; } .panel div.multisave p span { width: 78px; height: 27px; overflow: hidden; position: absolute; top: 0; left: 0; background: url(/_ui/images/text/multisave.png) no-repeat top left; } .panel div.multisave a.button-go { margin: -7px 5px 0 auto; background-image:url(/_ui/images/btn/go.gif);} .panel div.multisave a.button-go:hover { background-image:url(/_ui/images/btn/go_hover.gif);} .panel div.multisave-ideas { overflow: hidden; } .panel div.multisave-ideas p { float: left; margin: 4px 0 0 10px; display: inline; } .panel div.multisave .button-go { position: absolute; right: 4px; bottom: 4px; } .panel div.multisave-ideas .savings { float: left; color: #D32174; font-size: .85em; line-height: 1.2em; font-style: normal; } .panel div.multisave-ideas .savings span { padding-left: 10px ; display: block; } .sub-panel .sub-panel-title { padding: 6px 10px; display: block; background: #edeeea url(/_ui/images/bg/panel_title_gradient.gif) repeat-x; border-top: 1px solid #ccd3d4; border-bottom: 1px solid #ccd3d4; color: #3F4E5F; } .sub-panel .sub-panel-title a { color: #3F4E5F; background: url(/_ui/images/ico/arrow-open.png) no-repeat center left; padding-left: 15px; } .sub-panel .sub-panel-title a:hover { background-image: url(/_ui/images/ico/arrow-open_hover.png);} .panel .closed .sub-panel-title { margin-top: -1px;} .panel .closed .sub-panel-title a { background: url(/_ui/images/ico/arrow-closed.png) no-repeat center left; } .panel .closed .sub-panel-title a:hover { background-image: url(/_ui/images/ico/arrow-closed_hover.png); } .panel .closed ul { display: none;} /* star rating */ .rating, .rating span { display: block; width: 201px; height: 17px; overflow: hidden; } .rating { position: relative; text-indent: -999em; } .rating span { position: absolute; top: 0; left: 0; z-index: 10; background-repeat: no-repeat;} .no-rating span { background-position: top left; } .one-star span { background-image: url(/_ui/images/ico/star1.gif); } .two-stars span { background-image: url(/_ui/images/ico/star2.gif); } .three-stars span {background-image: url(/_ui/images/ico/star3.gif);} .four-stars span { background-image: url(/_ui/images/ico/star4.gif); } .five-stars span { background-image: url(/_ui/images/ico/star5.gif); } .onehalf-star span { background-image: url(/images/myaccount/productpagestarnew-7.gif); } .twohalf-stars span { background-image: url(/images/myaccount/productpagestarnew-8.gif); } .threehalf-stars span {background-image: url(/images/myaccount/productpagestarnew-9.gif);} .fourhalf-stars span { background-image: url(/images/myaccount/productpagestarnew-10.gif); } .one-starhotel span { background-image: url(/_ui/images/ico/holelstar1.gif); } .two-starshotel span { background-image: url(/_ui/images/ico/holelstar2.gif); } .three-starshotel span {background-image: url(/_ui/images/ico/holelstar3.gif);} .four-starshotel span { background-image: url(/_ui/images/ico/holelstar4.gif); } .five-starshotel span { background-image: url(/_ui/images/ico/holelstar5.gif); } .rating-medium, .rating-medium span { display: block; width: 75px; height: 17px; overflow: hidden; } .rating-medium { position: relative; text-indent: -999em; } .rating-medium span { position: absolute; top: 0; left: 0; z-index: 10; background-repeat: no-repeat; background-image: url(/_ui/images/ico/rating_stars_medium.png); } .rating-medium-no-rating span { background-position: top left; } .rating-medium-one-star span { background-position: 0 -17px; } .rating-medium-two-stars span { background-position: 0 -34px; } .rating-medium-three-stars span { background-position: 0 -51px; } .rating-medium-four-stars span { background-position: 0 -68px; } .rating-medium-five-stars span { background-position: bottom left; } .rating-medium-white, .rating-medium-white span { display: block; width: 80px; height: 17px; overflow: hidden; } .rating-medium-white { position: relative; text-indent: -999em; } .rating-medium-white span { position: absolute; top: 0; left: 0; z-index: 10; background-repeat: no-repeat; background-image: url(/_ui/images/ico/rating_stars_medium_white.png); } .rating-medium-white-one-star span { } .rating-medium-white-two-stars span { background-position: 0 -16px; } .rating-medium-white-three-stars span { background-position: 0 -32px; } .rating-medium-white-four-stars span { background-position: 0 -48px; } .rating-medium-white-five-stars span { background-position: bottom left; } /* trip advisor rating */ .trip-advisor-rating, .trip-advisor-rating span { display: block; width: 102px; height: 18px; overflow: hidden; } .trip-advisor-rating { position: relative; text-indent: -999em; } .trip-advisor-rating span { position: absolute; top: 0; left: 0; z-index: 10; background-repeat: no-repeat; background-image: url(/_ui/images/ico/trip_advisor_rating.png); } .trip-advisor-no-rating span { background-position: top left; } .trip-advisor-half-star span { background-position: 0 -18px; } .trip-advisor-one-star span { background-position: 0 -36px; } .trip-advisor-one-half-stars span { background-position: 0 -54px; } .trip-advisor-two-stars span { background-position: 0 -72px; } .trip-advisor-two-half-stars span { background-position: 0 -90px; } .trip-advisor-three-stars span { background-position: 0 -108px; } .trip-advisor-three-half-stars span { background-position: 0 -126px; } .trip-advisor-four-stars span { background-position: 0 -144px; } .trip-advisor-four-half-stars span { background-position: 0 -162px; } .trip-advisor-five-stars span { background-position: 0 -180px; } /* calls-to-action - rounded corner boxes */ .cta { background: url(/_ui/images/bg/rounded_box-green.png) no-repeat bottom right; float: right; position: relative;} .cta .tl, .cta .tr, .cta .bl { background: url(/_ui/images/bg/rounded_box-green.png) no-repeat top left; display: block; width: 5px; height: 5px; position: absolute; } .cta .tl { top: 0; left: 0; background-position: top left; } .cta .tr { top: 0; right: 0; background-position: top right; } .cta .bl { bottom: 0; left: 0; background-position: bottom left; } .cta .tr, .cta .bl { width: 9px; height: 9px; } .cta .cta-inner { border-top: 1px solid #389613; border-left: 1px solid #389613; padding: 7px 13px 10px 11px; } .cta .go { font-weight: bold; font-size: 1.1em; line-height: 12px; padding: 3px 31px 3px 0; background: url(/_ui/images/btn/go.gif) no-repeat center right; border:0px; cursor:pointer;} .cta .go:hover { color:#E0521B; background: url(/_ui/images/btn/go_hover.gif) no-repeat center right; text-decoration:underline; } /* pagination */ .pagination { padding: 5px 5px 0px; } .filterbt b{font-weight:normal;} #filterForSubSearch b{font-weight:normal;} .pagination strong { display: block; float: left; } .pagination strong.result-count, .search-results strong.result-count { font-weight: bold; color: #e0521b; float: left; font-size: 1.2em; line-height: 1.6em; } .pagination ul { float: right; } .pagination ul li { float: left; margin-right: 3px; } .pagination ul li { line-height: 20px; } .pagination ul li a { display: block; padding: 2px 6px; background: #EFEFEB; border: 1px solid #EFEFEB; line-height: normal; cursor:pointer;} .pagination ul li a.current { background: #fff; border-color: #e0521b; color: #e0521b; } .pagination ul li.previous { margin-right: 5px; } .pagination ul li.next { margin-left: 2px; margin-right: 0; } .pagination ul li.previous, .pagination ul li.next { text-indent: -999em; width: 9px; height: 9px; overflow: hidden; margin-top: 4px; } .pagination ul li.previous a, .pagination ul li.next a { padding: 0; background: none; border: 0; margin: 0; display: block; } .pagination ul li.previous { background: url(/_ui/images/ico/arrow-closed-previous-inactive.png) no-repeat top left; } .pagination ul li.next { background: url(/_ui/images/ico/arrow-closed-next-inactive.png) no-repeat top left; } .pagination ul li.previous a { background: url(/_ui/images/ico/arrow-closed-previous.png) no-repeat top left; } .pagination ul li.previous a:hover { background-image: url(/_ui/images/ico/arrow-closed-previous_hover.png); } .pagination ul li.next a { background: url(/_ui/images/ico/arrow-closed.png) no-repeat top left; } .pagination ul li.next a:hover { background-image: url(/_ui/images/ico/arrow-closed_hover.png); } /* experiences */ .experiences li { float: left; display: inline; margin-right: 6px; } .experiences li a, .experiences li a span { display: block; width: 18px; height: 22px; overflow: hidden; cursor: pointer; background-position:center top; } .experiences li a { position: relative; text-indent: -999em; } .experiences li a span { position: absolute; top: 0; left: 0; z-index: 10; background-repeat: no-repeat; } .experiences li.bar a span { background-image: url(/_ui/images/ico/bar.gif); } .experiences li.whellchair a span { background-image: url(/_ui/images/ico/whellchair.gif); } .experiences li.tennis a span { background-image: url(/_ui/images/ico/tennis.gif); } .experiences li.swimming_pool a span { background-image: url(/_ui/images/ico/swimming_pool.gif); } .experiences li.restaurant a span { background-image: url(/_ui/images/ico/restaurant.gif); } .experiences li.parking a span { background-image: url(/_ui/images/ico/parking.gif); } .experiences li.internet a span { background-image: url(/_ui/images/ico/internet.gif); } .experiences li.health a span { background-image: url(/_ui/images/ico/health.gif); } .experiences li.golf a span { background-image: url(/_ui/images/ico/golf.gif); } .experiences li.beach a span { background-image: url(/_ui/images/ico/beach.gif); } .experiences li.baby_sitting a span { background-image: url(/_ui/images/ico/baby_sitting.gif); } .experiences li.air_conditioning a span { background-image: url(/_ui/images/ico/air_conditioning.gif); } .experiences li.icon2 a span { background-image: url(/_ui/images/ico/experience_icon2.png); } .experiences li.icon3 a span { background-image: url(/_ui/images/ico/experience_icon3.png); } .experiences li.icon4 a span { background-image: url(/_ui/images/ico/experience_icon4.png); } .experiences li.icon5 a span { background-image: url(/_ui/images/ico/experience_icon5.png); } /* room table */ table.default { width: 100%; font-size: 1em; } table.default td{ background: #f3f3f1; border-bottom: 3px solid #fff; } table.default td.col1{ width: 400px; border-right: 3px solid #fff;} table.default td.col1 label{padding: 7px 10px 6px 30px; display: block; width: 355px; position: relative; line-height: 1.3em; font-weight: bold;} table.default td.col1 label input{position: absolute; left: 4px; top: 4px;} table.default td.col1 p{padding-left: 30px; margin-top: -3px; padding-bottom: 8px; clear: both; margin: 0;} table.default td.col2{ vertical-align: middle; text-align: right; padding-right: 15px; color: #df521a; font-weight: bold;} table.default td.col2 span.selected{ color: #4f5c67; background: url(/_ui/images/ico/selected.gif) no-repeat 0 0; padding: 2px 0 2px 30px;} table.default td.col2 span.from { display: block; font-weight: normal; color: #3F3F3F; padding: 2px 0 2px 30px; } table.default td.col2 span.from strong { display: inline; line-height: normal; } .pick-option table.default td.col1{width: 200px;} .pick-option table.default td.col1 label{width: 155px;} .pick-option table.default td.col2 span.selected, .pick-option table.default td.col2 span.from {background: none; padding-left:20px;} /* thumbnails with banners */ .thumbnail .top-banner, .thumbnail .top-banner span { display: block; width: 111px; height: 17px; overflow: hidden; font-weight: bold; color: #fff; text-align: center; } .thumbnail .top-banner { position: relative; } .thumbnail .top-banner span { position: absolute; top: 0; left: 0; z-index: 10; background: url(/_ui/images/text/top_banner.gif) no-repeat; } .thumbnail .top-seller { background-color: #cd0562; } .thumbnail .top-seller span { background-position: 0 0; } .thumbnail .recommended { background-color: #3f4f5f; } .thumbnail .recommended span { background-position: 0 -17px; } .thumbnail .isango-exclusive { background-color: #479a22; } .thumbnail .isango-exclusive span { background-position: 0 -34px; } ul.bullets { padding: 0; margin: 0 0 0 5px; } ul.bullets li { padding: 0 0 10px 18px; background: url(/_ui/images/ico/bullet-highlights.gif) no-repeat 0 6px; } ul.bullets li.last { margin-bottom: 0; } /* 2. LAYOUT ----------------------------------------------------------------------------------------------- ===============================================================================================*/ .container { width: 1000px; position: relative; margin: 0 auto; text-align: left; background-color: #fff; font-size: 1.1em; } /* default layout */ .header { width: 1000px; height: 100px; overflow: hidden; position: relative; z-index: 99; background-color: #87B300; } .content { width: 970px; margin: 0 15px 30px 15px; } #ctl00_MainContent_UcCancellationVoucher1_lblAmountRefund .content, #ctl00_MainContent_UcCancellationVoucher1_lblCurrencySymbol .content { margin: 0px 2px !important; } .primary-content { width: 800px; float: left; } .primary-content .inner-right { width: 540px; float: right; } .primary-content .inner-left { float: left; width: 240px; } .secondary-content { width: 160px; float: right; } .footer { clear: both; width: 1000px; position:relative; } #travolution{margin-bottom:12px;} #travolution_f{/*position:absolute; */margin-top:11px; right:8px; width:175px; height:64px;} #travolution_f a{width:175px; height:64px; background-image: url(/_media/images/travolution_footer.jpg); background-repeat: no-repeat; display:block;} #travolution_f a:hover{text-decoration:none;} /* 2.1 Header -----------------------------------------------------------------------------------------------*/ /* for image replacement */ .header, .header h1 span, .header a.logo span, .header .tagline span { background-image: url(/_ui/images/bg/header_section.png); background-repeat: no-repeat; } .header span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .header a span { cursor: pointer; } /* logo */ .header h1, .header a.logo { position: absolute; top: 15px; left: 25px; font-size: 3.1em; font-weight: bold; color: #489B25; width: 152px; height: 66px; display: block; overflow: hidden; } .header h1 span, .header a.logo span { background-position: -25px -15px; } /* tagline */ .header .tagline { position: absolute; top: 16px; left: 189px; width: 97px; height: 48px; color: #8ea5ba; font-weight: normal; display: block; overflow: hidden; background-color: #fff; } .header .tagline span { background-position: -189px -16px; } /* global navigation & help and travel blog */ .header ol { position: absolute; top: 15px; left: 298px; } .header ol.help-travel-blog { left: 683px; top: 20px;} .header ol.global-navigation li { float: left; } .header ol li a { position: relative; } .header ol li a, .header ol li a span { width: 125px; height: 50px; display: block; overflow: hidden; } .header ol li a span { position: absolute; left: 0; top: 0; z-index: 100; cursor: pointer; background-image: url(/_ui/images/bg/header_section.png); } .header ol li a.nav-activities-unique-experiences, .header ol li a.nav-activities-unique-experiences span { background-position: -298px -15px; } .header ol li a.nav-activities-unique-experiences:hover span { background-position: -298px -115px; } .header ol li a.nav-destinations-ideas-guides, .header ol li a.nav-destinations-ideas-guides span { background-position: -548px -15px; } .header ol li a.nav-destinations-ideas-guides:hover span { background-position: -548px -115px; } .header ol li a.nav-short-breaks-holidays-hotels, .header ol li a.nav-short-breaks-holidays-hotels span { background-position: -423px -15px; } .header ol li a.nav-short-breaks-holidays-hotels:hover span { background-position: -423px -115px; } .header ol li a.nav-help, .header ol li a.nav-travel-blog { width: 73px; padding-left: 20px; height: auto; line-height: 20px; } /* user panel */ .header .user-panel { position: absolute; top: 16px; right: 15px; width: 185px; height: 48px; overflow: hidden; } .header select { font-size: 9px; color: #666; } .header .user-panel select { margin-top: 4px; margin-right: 79px; float: right; } /* language */ .header .language { width: 63px; height: 20px; overflow: hidden; position: absolute; top: 8px; right: 3px; } .header .language li { width: 20px; height: 20px; overflow: hidden; position: relative; float: left; margin-right: 1px; } .header .language li a span { background: url(/_ui/images/ico/currency.png); } .header .language li.english a span { background-position: 0 0; } .header .language li.french a span { background-position: -20px 0; } .header .language li.german a span { background-position: -40px 0; } .header .language li.english a.current span { background-position: 0 -20px; } .header .language li.french a.current span { background-position: -20px -20px; } .header .language li.german a.current span { background-position: -40px -20px; } /* user navigation */ .header .user-navigation { position: absolute; bottom: 3px; left: 3px; } .header .user-navigation li { float: left; font-weight: bold; font-size: 9px; } .header .user-navigation li a { padding: 2px 3px 2px 16px; display: block; } .header .user-navigation li.cart a { padding-left: 25px; width: 17px; } .header .user-navigation li.log-in a { width: 44px; background: url(/_ui/images/ico/login.png) no-repeat center left; } .header .user-navigation li.log-in-user a { width: 58px; background: url(/_ui/images/ico/login.png) no-repeat center left; } .header .user-navigation li.log-out a { width: 40px; background: url(/_ui/images/ico/logout.png) no-repeat center left; } .header .user-navigation li.register a { padding-left:0; text-align: right; width: 62px; background: url(/_ui/images/ico/register.png) no-repeat center left; } /* phone-number */ .header .phone-number { position: absolute; bottom: 0; right: 33px; height: 25px; width: 154px; overflow: hidden; color: #fff; line-height: 25px; } .header .phone-number select { float: right; margin-top: 3px; } /* 2.2 Primary Content -----------------------------------------------------------------------------------------------*/ /** INNER LEFT **/ /* panels */ .primary-content .inner-left .panel { width: 240px; background-image: url(/_ui/images/bg/panel_bottom_240px.gif);} .primary-content .inner-left .panel-title { font-size: 1.3em; } .primary-content .inner-left .panel-title span { width: 220px; } .primary-content .inner-left .panel-content { width: 238px; overflow:hidden; } .primary-content .inner-left .panel .optcontain span.searchoptions { font-weight:bold;display:block;} .primary-content .inner-left .panel .optcontain {border:1px solid #CCD3D4; border-top:none; padding:5px 0px 10px 5px;} .primary-content .inner-left .panel .optcontain input.not { background-image:none; border:none;} /* panel > why isango */ .why-isango{overflow:hidden; position:relative;} .why-isango p { font-size: .9em; line-height: 12px; padding: 0 0 9px; } .why-isango .image { width: 85px; float: left; margin: 3px 10px 0 0; text-align: center; } .why-isango .the-reason, .why-isango .the-quote { float: left; width: 125px; } .why-isango .reasons ul { height: 10px; clear:both; margin:0px auto; width:110px; } .why-isango .reasons ul li { float: left; position: relative; overflow: hidden; display: block; width: 10px; height: 10px; margin-right: 7px; text-indent:-100px; } .why-isango .reasons ul li span { position: absolute; top: 0; left: 0; width: 10px; height: 10px; overflow: hidden; display: block; background: url(/_ui/images/ico/bullet-nav.png) no-repeat top right; } .why-isango .reasons ul li a { cursor: pointer; } .why-isango .reasons ul li a.current span, .why-isango .reasons ul li a:hover span { background-position: top left; } .why-isango .quotes ul { height: 9px; margin-top: 2px; } .why-isango .quotes ul li { float: left; margin-right: 25px; text-indent: -999em; } .why-isango .quotes ul li.next-quote a { background: url(/_ui/images/ico/arrow-closed.png) no-repeat top left; display: block; width: 9px; height: 9px; } .why-isango .quotes ul li.next-quote a:hover { background-image: url(/_ui/images/ico/arrow-closed_hover.png); } .why-isango .quotes ul li.previous-quote a { background: url(/_ui/images/ico/arrow-closed-previous.png) no-repeat top left; display: block; width: 9px; height: 9px; } .why-isango .quotes ul li.previous-quote a:hover { background-image: url(/_ui/images/ico/arrow-closed-previous_hover.png); } .why-isango .reasons ul li .previous span { position: absolute; top: 0; left: 0; width: 10px; height: 10px; overflow: hidden; display: block; background: url(/_ui/images/ico/arrow-closed-previous.png) no-repeat top right; } .why-isango .reasons ul li .next span { position: absolute; top: 0; left: 0; width: 10px; height: 10px; overflow: hidden; display: block; background: url(/_ui/images/ico/arrow-closed.png) no-repeat top right; } .why-isango .reasons ul li a.previous:hover span { background: url(/_ui/images/ico/arrow-closed-previous_hover.png) no-repeat top right; } .why-isango .reasons ul li a.next:hover span { background: url(/_ui/images/ico/arrow-closed_hover.png) no-repeat top right; } .why-isango .reasons ul li .previous_d span { background: url(/_ui/images/ico/arrow-closed-previous-inactive.png) no-repeat top left; cursor:text; } .why-isango .reasons ul li .next_d span { position: absolute; top: 0; left: 0; width: 10px; height: 10px; overflow: hidden; display: block; background: url(/_ui/images/ico/arrow-closed-next-inactive.png) no-repeat top right; cursor:text; } .gallery-navigation ul li .previous_d span { background: url(/_ui/images/ico/arrow-closed-previous-inactive.png) no-repeat top left; cursor:text; } .gallery-navigation ul li .next_d span { position: absolute; top: 0; left: 0; width: 10px; height: 10px; overflow: hidden; display: block; background: url(/_ui/images/ico/arrow-closed-next-inactive.png) no-repeat top right; cursor:text; padding:0px!important; } /* panel > newsletter sign up */ .newsletter-sign-up { background:url(/_ui/images/bg/tag.jpg) no-repeat top left; min-height: 150px; padding: 37px 0 0 58px; margin-bottom: 15px; } .newsletter-sign-up select, .newsletter-sign-up input { font-family: Arial, Helvetica, sans-serif; } .newsletter-sign-up input { border: 1px solid #717073; color: #3f4f5f; padding: 2px 3px; width: 150px; } .newsletter-sign-up select { float: left; margin-left: 47px; margin-top: 2px; } .newsletter-sign-up p { color: #4f5c67; font-size: .9em; line-height: 12px; padding: 2px 24px 5px 0; } .newsletter-sign-up label { color: #e0521b; font-size: 1.1em; font-weight: bold; } .newsletter-sign-up a.button-go { float: right; margin-top: 2px; margin-right: 5px; } .newsletter-sign-up p.privacy-policy { clear: both; width: 42px; text-align: right; padding: 7px 0 0 0; } .newsletter-sign-up .sign-up, .newsletter-sign-up .sign-up span { display: block; width: 125px; height: 50px; overflow: hidden; } .newsletter-sign-up .sign-up { position: relative; margin: 0 0 9px 0; } .newsletter-sign-up .sign-up span { position: absolute; top: 0; left: 0; z-index: 10; background: url(/_ui/images/text/sign_up.gif) no-repeat; } /* panel > isango news */ .primary-content .inner-left .isango-news { overflow: hidden; } .primary-content .inner-left .isango-news ul li { width: 222px; padding: 10px 6px 10px 10px; border-bottom: 1px solid #ccd3d4; color: #3F4F5F; } .primary-content .inner-left .isango-news ul li .metadata { width: 222px; overflow: hidden; margin: 0 0 4px 0; color: #828A90; font-size: .9em; } .primary-content .inner-left .isango-news ul li .metadata .date { float: left; } .primary-content .inner-left .isango-news ul li .metadata .category { float: right; } .primary-content .inner-left .isango-news p.go { padding: 6px 10px 0 10px; width: 218px; overflow: hidden; } /* gift (cross sell) */ .gift { width: 220px; overflow: hidden; background: #ecede8 url(/_ui/images/bg/gift.jpg) no-repeat top left; border: 1px solid #d5dce0; margin: 0 0 12px 0; padding: 10px 10px 15px; } .gift .title { font-weight: normal; color: #1899B3; font-size: 1.3em; } .gift p { font-size: .95em; padding: 10px 10px 15px 105px; } .gift p.more { padding: 0; font-size: 1em; font-weight: bold; border-top: none;} .gift p.more a.go { float: right; line-height: 12px; padding: 3px 31px 3px 0; background: url(/_ui/images/btn/go.png) no-repeat center right; } .gift p.more a.go:hover { color: #e0521b; background: url(/_ui/images/btn/go_hover.png) no-repeat center right; } /* back to button */ .back-to { width: 240px; display: block; background:url(/_ui/images/bg/back_to_search_bottom_240px.gif) no-repeat 0 100%; padding-bottom: 6px; margin-bottom: 9px; font-size: 1.3em;} .back-to strong { display: block; background: url(/_ui/images/bg/panel_search_left.gif) no-repeat 0 0;} .back-to span { display: block; background: url(/_ui/images/bg/panel_title_right.gif) no-repeat 100% 0; padding: 6px 0 0 34px;} /* modify search panel */ .modify-search { padding-top: 0; padding-bottom: 0; } .modify-search .panel-title { background: url(/_ui/images/bg/panel_title_modify_search.gif) no-repeat; border: none; color: #fff;} .modify-search .panel-title:hover { color: #fff; } .modify-search .panel-title span { cursor: pointer; } .primary-content .inner-left .modify-search .panel-title span{ background: none; width:198px; padding-left: 32px;} .modify-search .panel-content{ display: none;} .modify-search .panel-content ul { padding: 10px 0 10px 22px;} .modify-search .panel-content label{ color: #1899b4; padding: 0 0 5px 0; float:left;} .modify-search .panel-content label.rooms { float: left; width: 85px; } .modify-search .panel-content label.adults, .modify-search .panel-content label.children { float: left; width: 60px; } .modify-search .panel-content label strong { font-weight: bold; } .modify-search .panel-content select{ width: 183px; margin-bottom: 10px;} .modify-search .panel-content label select { float: left; display: block; margin-left: 0; } .modify-search .panel-content input{ width: 160px;} .open .modify-search{ padding-bottom: 2px;} .open .modify-search .panel-title, .open .modify-search .panel-title:hover { background-image: url(/_ui/images/bg/panel_title_modify_search_open.gif); color: #df4a0f;} .open .modify-search .panel-content{ display: block;} .modify-search .panel-content .nooftravel { margin-bottom:10px;} /* closed panel */ .primary-content .inner-left .collapsed, .primary-content .inner-left .collapsed-first { margin: 0; padding: 0; } .primary-content .inner-left .collapsed-first .panel-title { background: url(/_ui/images/bg/panel_title_modify_search_homepage.gif) no-repeat -480px 0; } .primary-content .inner-left .collapsed .panel-title { background: url(/_ui/images/bg/panel_title_modify_search.gif) no-repeat -240px 0; } .primary-content .inner-left .search-options-collapsed .panel-title { background: url(/_ui/images/bg/panel_title_modify_search_open.gif) no-repeat 0px 0; color: #df4a0f; } .primary-content .inner-left .collapsed-last .panel-title { background: url(/_ui/images/bg/panel_title_modify_search.gif) no-repeat -720px 0; } /* search holidays open panel */ .modify-search .input { position: relative; width: 98px; float: left; height:22px; margin-bottom:3px; } .modify-search input { border-top: 1px solid #6f8c68; border-left: 1px solid #6f8c68; border-bottom: 1px solid #94bb8b; border-right: 1px solid #94bb8b; background: url(/_ui/images/bg/input.png) no-repeat top left; padding: 3px;} .modify-search .input input { width: 90px; } .modify-search .input .calendar-trigger { position: absolute; top: 2px; right: 2px; width: 16px; height: 17px; overflow: hidden; text-indent: -999em; background: url(/_ui/images/ico/calendar.gif) no-repeat;} .suggestkeywordeg{font-size:10px; color:#bababc !important; padding:0px !important; clear:both !important; width:100%;} .modify-search select.short { width: 45px; float:left;} .modify-search .panel-content span { color: #1899b4; padding: 2px 8px; display: block; float: left; font-weight:normal; } .primary-content .inner-left .open-first .panel-title { background: url(/_ui/images/bg/panel_title_modify_search_open.gif) no-repeat -240px 0; color: #df4a0f; } .primary-content .inner-left .open .panel-content { display: block; padding-bottom: 5px; } .primary-content .inner-left .open { margin: 0; background-image: none;} .modify-search .panel-content .fornigt {color:#1899B4;display:block;float:left;font-weight:normal;padding:3px 0px; width:55px; text-align:right;} .modify-search .panel-content .chkin {color:#1899B4;display:block;float:left;font-weight:normal;padding:3px 5px 0px 0px; } /** INNER RIGHT **/ /* hero */ .hero { position: relative; width: 710px; height: 285px; overflow: hidden; margin-bottom: 20px; } .heropricetext{font-size:18px; font-weight:bold;} .hero img { z-index: 1; position: absolute; top: 0; left: 0; height: 276px; overflow: hidden; display: block; } .hero .rc { position: absolute; top: 0; left: 0; width: 710px; height: 8px; background: url(/_ui/images/bg/hero_rounded_corners.png) no-repeat top left; display: block; z-index: 3; } .hero ul { z-index: 2; position: absolute; bottom: 0; left: 0; height: 50px; background: url(/_ui/images/bg/hero_nav.png) no-repeat top left; width: 705px; padding-left: 5px; } .hero ul li { float: left; margin-left: 8px; font-size: 0.9em; height: 50px; overflow: hidden; } .hero ul li a { width: 118px; display: block; color: #cad0cc; font-weight: bold; line-height: 1; height: 40px; background: url(/_ui/images/bg/hero_nav_links.gif) no-repeat; padding: 10px 6px 0 6px; overflow: hidden; } .hero ul li a:hover, .hero ul li a.current { padding-bottom: 7px; padding-top: 5px; color: #fff; text-decoration:none; } .hero ul li.item1 a.current { padding-top: 8px; padding-bottom: 0; } .hero ul li.item1 a.current:hover { padding-bottom: 0; padding-top: 8px; } .hero ul li.item1double a.current, .hero ul li.item1double a.current:hover { padding-bottom: 7px; padding-top: 5px; color: #fff; } .hero ul li.item1 a { background-position: 0 34px; } .hero ul li.item1 a.current, .hero ul li.item1 a:hover { background-position: -650px 34px; } .hero ul li.item2 a { background-position: -130px 34px; } .hero ul li.item2 a.current, .hero ul li.item2 a:hover { background-position: -780px 34px; } .hero ul li.item3 a { background-position: -260px 34px; } .hero ul li.item3 a.current, .hero ul li.item3 a:hover { background-position: -910px 34px; } .hero ul li.item4 a { background-position: -390px 34px; } .hero ul li.item4 a.current, .hero ul li.item4 a:hover { background-position: -1040px 34px; } .hero ul li.item5 a { background-position: -520px 34px; } .hero ul li.item5 a.current, .hero ul li.item5 a:hover { background-position: -1170px 34px; } .hero ul li a.current { color: #fff; } .hero ul li a strong { display: block; font-size: 1.2em; } .hero ul li a:hover { text-decoration: none; } .hero .desc { z-index: 2; position: absolute; top: 15px; left: 18px; color: #fff; width: auto; font-weight: bold; line-height: 1; } .hero .desc h1 { font-size: 2.2em; margin: 0 0 2px; } .hero .desc h2 { font-size: 2.2em; margin: 0 0 2px; } .hero .desc h1 em { display: block; font-style: normal; font-size: 11px; line-height: 1.2; } .hero .desc h2 em { display: block; font-style: normal; font-size: 11px; line-height: 1.2; } .hero .desc em { display: block; font-style: normal; font-size: 11px; line-height: 1.2; } /* panels */ .primary-content .inner-right .panel { width: 540px; background-image: url(/_ui/images/bg/panel_bottom_540px.gif); } .primary-content .inner-right .panel-title span { width: 520px; } .primary-content .inner-right .panel-content { width: 538px; } /* details > gallery */ .gallery { clear: both; width: 354px; overflow: hidden; margin: 0 0 15px 15px; text-align: center; } .gallery .frame { width: 354px; position: relative; margin: 0 0 0px 0; padding: 12px 0 0 0;} .slidepanel {height:208px; overflow:hidden;} .gallery .caption { margin: 10px 0; } .gallery .frame .top-banner, .gallery .frame .top-banner span { display: block; width: 135px; height: 22px; overflow: hidden; font-weight: bold; color: #fff; text-align: center; } .gallery .frame .top-banner { position: absolute; left: -1px; top: 0; } .gallery .frame .top-banner span { position: absolute; top: 0; left: 0; z-index: 10; background: url(/_ui/images/text/top_banner_top_seller.gif) no-repeat; } .gallery .frame .top-seller { background-color: #cd0562; } .gallery-navigation { width: 100%; overflow: hidden; text-align: center; } .gallery-navigation ul { float: left; position: relative; margin: 0 auto; left: 50%; } .gallery-navigation ul li { float: left; display: inline; margin: 0 4px 0 3px; position: relative; right: 50%; } .gallery-navigation ul li a { position: relative; } .gallery-navigation ul li a, .gallery-navigation ul li a span { display: block; width: 10px; height: 10px; overflow: hidden; cursor: pointer; text-indent:-100px; } .gallery-navigation ul li a span { background: url(/_ui/images/ico/bullet-nav.png) no-repeat -10px 0; position: absolute; top: 0; left: 0; z-index: 10; } .gallery-navigation ul li a.current span, .gallery-navigation ul li a:hover span { background-position: 0 0; } .gallery-navigation ul li a.previous, .gallery-navigation ul li a.next { text-indent: -999em; } .gallery-navigation ul li a.previous span { background: url(/_ui/images/ico/arrow-closed-previous.gif) no-repeat 0 0; } .gallery-navigation ul li a.previous:hover span { background-image: url(/_ui/images/ico/arrow-closed-previous_hover.gif); } .gallery-navigation ul li a.next span { background: url(/_ui/images/ico/arrow-closed.gif) no-repeat 0 0; } .gallery-navigation ul li a.next:hover span { background: url(/_ui/images/ico/arrow-closed_hover.gif) no-repeat; } .gallery-navigation ul li a.previous-dimm span { background: url(/_ui/images/ico/arrow-closed-previous-inactive.png) no-repeat 0 0; cursor:text;} .gallery-navigation ul li a.previous-dimm{width:9px; height:9px;} .gallery-navigation ul li a.previous-dimm:hover span { background-image: url(/_ui/images/ico/arrow-closed-previous-inactive.png); } .gallery-navigation ul li a.next-dimm span { background: url(/_ui/images/ico/arrow-closed-next-inactive.png) no-repeat 0 0; cursor:text; } .gallery-navigation ul li a.next-dimm{width:9px; height:9px;} .gallery-navigation ul li a.next-dimm:hover span { background-image: url(/_ui/images/ico/arrow-closed-next-inactive.png); } /* details > tab panel */ .details-content .tab-panel .tabs { border-bottom: 1px solid #D5DCE0; margin: 0 0 18px 0; padding-left: 18px; } .details-content .tab-panel .tabs li { float: left; margin: 0 5px 0 0; display: inline; font-size: 1.2em; font-weight: bold; } .details-content .tab-panel .tabs li a { width: 112px; display: block; position: relative; margin-bottom: -1px; padding: 5px 0; border: 1px solid #D5DCE0; background: #EEEFEA url(/_ui/images/bg/product_tab_gradient.gif) repeat-x; text-align: center; } .details-content .tab-panel .tabs li a.current { background: none #fff; color: #E0521B; border-bottom-color: #fff; } .details-content .tab-panel .tabs li a.current:hover { text-decoration: none; } .details-content .tab-panel .tab-content { margin: 0 9px; font-size: 1.1em; } .details-content .tab-panel .tab-content .tab1, .details-content .tab-panel .tab-content .tab2, .details-content .tab-panel .tab-content .tab3 { display: none; } .details-content .tab-panel .tab-content .open { display: block; } .details-content .tab-panel .tab-content .overview { padding: 0 10px; } /* details > tab content > overview */ .details-content h2 { color: #1F9DB6; font-size:12px; margin-bottom:10px; width:100%; overflow:hidden; clear:both;} .details-content p { margin: 0 0 18px 0; } /* bullet list */ .details-content .bullet-list { margin: 0 0 20px 0; } .details-content .bullet-list li { margin: 0 0 3px 0; padding: 0 0 0 10px; background: url(/_ui/images/ico/bullet.gif) no-repeat 0 6px; } /* details highlights */ .details-content .detail-highlights { border:1px solid #E35B29; margin:15px; padding:10px 10px 10px 15px; background: #FFF url(/_ui/images/product_hi_bg.gif) repeat-x bottom; } .details-content .detail-highlights .title { display: block; margin: 0 0 5px 0; color: #E0521B; font-size:12px;} .details-content .detail-highlights ul {} .details-content .detail-highlights li { margin: 0 0 7px 0; padding: 0 0 0 15px; background: url(/_ui/images/ico/bullet-highlights.gif) no-repeat 0 6px; color: #000C14; font-size:11px; } .details-content .detail-highlights li.last { margin-bottom: 0; } /* cancellation policy */ .details-content .cancellation-policy { padding: 15px 20px; background-color: #EEF1F1; } /* Reduced horizontal padding from 22px to 20px to fit in 100% in one line.*/ .details-content .cancellation-policy .title { display: block; color: #1F9DB6; } .details-content .cancellation-policy li { margin: 16px 0 0 0; color: #000C13; } .details-content .cancellation-policy p { margin-bottom: 0; } .details-content .cancellation-policy br {} /* details > tab content > reviews */ .reviews .section { width: 360px; overflow: hidden; margin: 0 0 5px 0; border-bottom: 1px solid #D5DCE0; padding: 4px 5px; line-height: 1.8em; } .reviews .section h2 { margin-bottom: 12px; } .reviews .pagination { padding-top: 6px; padding-bottom: 6px; margin-bottom: 5px; } .show-other { border-top: 1px solid #D5DCE0; } .show-other strong { float: left; text-align: left; line-height: 1.8em; color: #4F5C67;} .show-other ul { width: 208px; float: right; overflow: hidden; } .show-other ul li { float: left; display: inline; margin-right: 4px; } .show-other ul li input { vertical-align: middle; margin-bottom: 1px; } .show-other ul li span { vertical-align: middle; line-height: 1.1em; margin-left: -4px; } .reviews .ratings { margin-bottom: 0; position: relative; padding-top: 9px; padding-bottom: 9px; border-bottom: 1px solid #D5DCE0; } .reviews .ratings .based-on { position: absolute; right: 0; top: 9px; color: #1F9DB6; } .reviews .ratings dl { width: 360px; overflow: hidden; } .reviews .ratings dt { float: left; width: 145px; margin: 2px 0 10px 0; padding: 0 18px 0 0; text-align: right; clear: left; } .reviews .ratings dd { float: left; width: 197px; margin-bottom: 10px; } .reviews .personal-rating dl { width: 360px; overflow: hidden; } .reviews .personal-rating dt { width: 160px } .reviews .personal-rating dd.rating, .reviews .personal-rating dd.rating span { float: left; width: 180px; } .reviews .personal-rating dd.rating { float: right; } .show-details-for { padding-bottom: 9px; } .show-details-for .column { width: 180px; float: left; overflow: hidden; } .show-details-for .column li { width: 180px; float: left; display: inline; margin: 0 0 4px 0; color: #909287; } .show-details-for .column li.has-more { color: #333; } .show-details-for .column li input { vertical-align: middle; margin-bottom: 1px; } .show-details-for .column li span { vertical-align: middle; line-height: 1.1em; } .user-reviews { margin: 0 0 5px 0; border-bottom: 1px solid #D5DCE0; padding: 4px 0; padding-bottom: 38px; width: 100%; overflow: hidden;clear:left; } .user-reviews .ratings { border: none; margin: 0 0 10px 0; padding: 0; } .user-reviews .ratings dt, .user-reviews .ratings dd { margin-bottom: 5px; } .user-reviews .review { float: left; width: 360px; overflow: hidden; margin-bottom: 11px; padding: 0 5px 11px 5px; border-bottom: 1px solid #D5DCE0; } .user-reviews .review p.collapsed { margin-bottom: 6px; } .user-reviews .last { margin-bottom: 0; padding-bottom: 0; border: none; } .user-reviews .column { width: 180px; margin: 0 0 6px 0; float: left; } .user-reviews .column dt { color: #1296B2; } .user-reviews .column dd { color: #909286; margin-bottom: 2px;} .user-reviews .column dd.rating { width: 180px; margin-bottom: 2px; } .user-reviews .column dd.user { color: #000; } .user-reviews .user-photo { vertical-align: bottom; display: block; margin-bottom: 5px; } .user-reviews h3 { clear: both; } .user-reviews .see-less { float: left; margin-bottom: 10px; } .user-reviews .show-pics-and-videos { clear: both; float: left; padding: 4px 0 4px 35px; line-height: 28px; background: url(/_ui/images/ico/display.png) no-repeat 0 50%; } /* details content > latest reviews */ .latest-reviews .rating, .latest-reviews .rating span { width: 74px; height:17px; } .latest-reviews dl { margin-top: 4px; } .latest-reviews dt { display: none; } .latest-reviews dd { margin-bottom: 4px; } .latest-reviews dd img { margin-bottom: 4px; } .latest-reviews dd span { display: block; } .latest-reviews p { margin-bottom: 0; } /* details content > experience details */ .experience-details { position: relative; } .experience-details .experiences { float: left;} .experience-details dl {position: relative; clear: both; } .experience-details dt {clear: both; font-weight: bold; color: #1899B4; padding: 10px 0 1px 0;} .experience-details dt.where { padding-top: 0; } .experience-details dd { padding-bottom: 12px; } .experience-details dd strong{color: #061219;} .experience-details .location { padding-bottom: 10; width:150px; overflow:hidden;} .experience-details .airport { padding-top: 0; } .experience-details .airport em { font-style: normal; padding-right: 10px; } .experience-details dd.see-map{ padding: 0; } .experience-details dd.see-map a { float: left; padding: 4px 0 4px 30px; background: url(/_ui/images/ico/map.gif) no-repeat 0 center;} /* tab2-levels - level 1 */ div.tab2-panel ul.tabs {padding:0 12px 0 12px;height:37px;width:686px;background:url(/_ui/images/bg/tab2_nav.gif) 0 30px no-repeat;} div.tab2-panel ul.tabs li {float:left;margin:0 5px 0 0;background-position:top left;background-repeat:no-repeat;background-image:url(/_ui/images/bg/tab_left.gif);background-color:#85b200;} div.tab2-panel ul.tabs li a {float:left;line-height:30px;padding:0 0 0 13px;width:96px;font-size:1.09em;font-weight:bold;background-position:top right;background-repeat:no-repeat;color:#fff;background-image:url(/_ui/images/bg/tab_right.gif);} div.tab2-panel ul.tabs li a:hover {text-decoration:underline;} div.tab2-panel ul.tabs li.current {background-color:#e0531c;background-position:0 -250px;} div.tab2-panel ul.tabs li.current a {cursor:default;background-position:right -250px;} div.tab2-panel ul.tabs li.current a:hover {text-decoration:none;} /* tab2-levels - level 2 */ div.tab2-panel ul.subtabs {padding:0 0 0 15px;width:693px;height:27px;border-width:0 1px 1px 1px;border-style:solid;border-color:#d2d2d2;background:url(/_ui/images/bg/tab2_subnav.gif) top left repeat-x #ececec; font-size: 1.2em;} div.tab2-panel ul.subtabs li {float:left;background:none;margin:0;} div.tab2-panel ul.subtabs li a {float:left;width:auto;line-height:27px;padding:0 16px 0 0;margin:0 27px 0 0;font-weight:normal;background-color:transparent;background-position:right 10px;background-image:url(/_ui/images/ico/arrow-closed.png);cursor:pointer;color:#489b25;background-repeat:no-repeat;} div.tab2-panel ul.subtabs li.last a {margin-right:0;} div.tab2-panel ul.subtabs li a:hover {text-decoration:underline;color:#E0521B;background-image:url(/_ui/images/ico/arrow-closed_hover.png);} div.tab2-panel ul.subtabs li.current {background:none;} div.tab2-panel ul.subtabs li.current a, div.tab2-panel ul.subtabs li.current a:hover {cursor:default;text-decoration:none;color:#df4a0f;background-image:url(/_ui/images/ico/arrow-open_hover.png);background-position:right 10px;} div.tab2-panel div.tab-content {padding:1px 0 0 0;border-width:0 1px 0 1px;border-style:solid;border-color:#dadada;margin:0 0 20px 0;} div.tab2-panel div.tab-content .tab1, div.tab2-panel div.tab-content .tab2, div.tab2-panel div.tab-content .tab3, div.tab2-panel div.tab-content .tab4, div.tab2-panel div.tab-content .tab5, div.tab2-panel div.tab-content .tab6, div.tab2-panel div.tab-content .tab7 { display: none; } div.tab2-panel div.tab-content .open { display: block; } div.tab2-panel div.tab-content div.panel-content {width:672px;padding:0 18px 1px;width:auto;border-width:0 0 1px 0;border-style:solid;border-color:#dadada;} /* OTHER */ /* note */ .note { background: url(/_ui/images/bg/note_top.png) no-repeat top left; } .note .inner { background: url(/_ui/images/bg/note_bottom.png) no-repeat bottom left; padding-bottom: 4px; } .note p { float: left; background: url(/_ui/images/ico/isango_intro.gif) no-repeat center left; padding: 8px 0 5px 40px; margin-left: 5px; } .note a.go { line-height: 12px; padding: 3px 30px 3px 0; background: url(/_ui/images/btn/go.png) no-repeat center right; font-weight: bold; float: right; margin: 12px 10px 0 0; } .note a.go:hover { background: url(/_ui/images/btn/go_hover.png) no-repeat center right; } /* swap holiday */ .swap-holiday { width: 970px; overflow: hidden; margin: 0 0 0px 0; } .swap-holiday .title { display: block; margin: 0 0 20px 0; font-weight: bold; font-size: 1.8em; color: #1899B3; } .holiday-details { width: 696px; padding: 10px 6px; background-color: #F9F9F8; border: 1px solid #D5DADB; overflow:hidden; margin-bottom:10px; float:right; } .holiday-details .column { width: 216px; float: left; margin-bottom: 10px; } .holiday-details .where-are-you-going { margin-left: 5px; display: inline; } .holiday-details .when-are-you-going { width: 245px; } .holiday-details .whos-going { width: 220px; } .holiday-details dt { margin-bottom: 3px; color: #1899B4; } .holiday-details dd { font-weight: bold; } .holiday-details dd a { margin-left: 14px; font-weight: normal; } .holiday-details .holiday-so-far { float:left;padding: 10px 5px 0 5px; border-top: 1px solid #D5DADB; font-size: .9em; } .holiday-details .holiday-so-far .title { width: 126px; float: left; font-size: 1em; font-weight: normal; } .holiday-details .holiday-so-far dl { width: 554px; overflow: hidden; float: right; } .holiday-details .holiday-so-far dt { width: 454px; float: left; margin-bottom: 3px; color: #4F5C67; } .holiday-details .holiday-so-far dd { width: 100px; float: right; text-align: right; color: #4F5C67; } .holiday-details .holiday-so-far dt .date { width: 70px; float: left; font-style: normal; } .holiday-details .holiday-so-far dd { font-weight: normal; } .action { float: left; } /* please-note */ .primary-content .inner-left .please-note { padding: 15px 20px 8px; width: auto; } .please-note strong span { color: #dc5223; } .please-note p, .please-note li { margin-bottom: 6px; } .please-note li { font-size: .9em; padding-left: 9px; background: url(/_ui/images/ico/bullet-note.png) no-repeat 0 5px; } /* 2.3 Secondary content -----------------------------------------------------------------------------------------------*/ /* panels */ .secondary-content .panel { background-image: url(/_ui/images/bg/panel_bottom_160px.gif); width: 160px; color: #666; margin-bottom: 15px; } .secondary-content .panel-title { font-size: 1.1em; } .secondary-content .panel-title span { width: 140px; } .secondary-content .panel-content { width: 158px; } /* panel > create your own holiday and save! */ .secondary-content .create-your-own-holiday { margin-top: 30px; } .secondary-content .create-your-own-holiday .panel-title { display: block; border-bottom: 1px solid #ccd3d4; background: #edeeea url(/_ui/images/bg/panel_title_left_pink.png) no-repeat; color: #fff; line-height: 1.2em; } .secondary-content .create-your-own-holiday .panel-title span { position: relative; display: block; padding: 5px 10px; background: url(/_ui/images/bg/panel_title_right_pink.png) no-repeat 100% 0; } .secondary-content .create-your-own-holiday .panel-content ol li { line-height: 1.2em; font-size: .9em; position: relative; background: #f1f2ee url(/_ui/images/bg/holiday_gradient.png) repeat-x top left; } /* numbers */ .secondary-content .create-your-own-holiday .panel-content p { padding: 7px 12px 7px 32px; background-repeat: no-repeat; background-position: 7px 7px; } .secondary-content .create-your-own-holiday .panel-content li.one p { background-image: url(/_ui/images/ico/number_one.gif); } .secondary-content .create-your-own-holiday .panel-content li.two p { background-image: url(/_ui/images/ico/number_two.gif); } .secondary-content .create-your-own-holiday .panel-content li.three p { background-image: url(/_ui/images/ico/number_three.gif); } .secondary-content .create-your-own-holiday .panel-content div.multisave p { background:transparent url(/_ui/images/text/multisave.png) no-repeat scroll left top; padding: 0; width: 78px; height: 27px; display: block; } /* panel > recently viewed */ .recently-viewed .panel-title { background: #fff url(/_ui/images/bg/panel_white_title_left.gif) no-repeat; } .recently-viewed .panel-title span { background: url(/_ui/images/bg/panel_white_title_right.gif) no-repeat 100% 0; } .recently-viewed .panel-content ul { margin: 0 4px; font-size: .9em; line-height: 12px; color: #828a90; padding: 8px 0 0; } .recently-viewed .panel-content ul li { padding: 0 3px 5px; border-bottom: 1px solid #ccd3d4; margin: 0 0 5px; } /* panel > other great destinations */ .other-great-destinations .panel-title { background: #fff url(/_ui/images/bg/panel_white_title_left.gif) no-repeat; } .other-great-destinations .panel-title span { background: url(/_ui/images/bg/panel_white_title_right.gif) no-repeat 100% 0; } .inner-left .other-great-destinations .panel-content { padding: 9px 9px 5px; width: 220px; } .other-great-destinations .panel-content ul { width: 50%; float: left; } .useful-resources .panel-title span{padding:5px 0 5px 10px;width:230px !important;} .inner-left .useful-resources .panel-content {padding:0;width:238px;} .inner-left .useful-resources li{padding:9px;border-bottom:1px #e0e0e0 solid;} .inner-left .useful-resources li.last{border:0; padding-bottom:5px;} /* panel > links */ .links .panel-content dl { width: 140px; margin: 0 9px; padding: 9px 0; font-size: .9em; line-height: 12px; } .links .panel-content dl dd { margin: 0 0 12px 0; } .links .panel-content dl dd.last { margin-bottom: 0; } .links .panel-content dl dd ul { width: 130px; overflow: hidden; margin: 0 0 0 10px; } /* panel > thumbnail list */ .panel-content ul.thumbnail-list { border-top: 1px solid #ccd3d4; padding: 6px 9px 0 9px; } .panel-content ul.thumbnail-list li { width: 220px; overflow: hidden; padding: 0 0 8px 0; } .panel-content ul.thumbnail-list li a { margin: 8px 0 0 0; font-style: normal; } .panel-content ul.thumbnail-list li .thumbnail { float: left; display: inline; margin-right: 18px; } /* panel > thumbnail w/ info list */ .panel-content ul.thumbnail-info-list { width: 238px; overflow: hidden; } .panel-content ul.thumbnail-info-list li { width: 220px; float: left; overflow: hidden; padding: 8px 9px; border-top: 1px solid #ccd3d4; background: url(/_ui/images/bg/thumbnail_info_list_gradient.gif) repeat-x 0 100%;} .panel-content ul.thumbnail-info-list li p { margin-left: 67px; font-style: normal; line-height: 1.1em; overflow:hidden; } .panel-content ul.thumbnail-info-list li p .stars { display: block; } .panel-content ul.thumbnail-info-list li .thumbnail { float: left; } .panel-content ul.thumbnail-info-list li a { float: left; } .panel-content ul.thumbnail-info-list li .metadata { margin-top:5px; } .panel-content ul.thumbnail-info-list li .metadata dl { width: 215px; margin-top: -3px; float:left; } .panel-content ul.thumbnail-info-list li .metadata dt { display: none; } .panel-content ul.thumbnail-info-list li .metadata dd { float: left; margin-top: 10px; } .panel-content ul.thumbnail-info-list li .metadata dd.rating, .panel-content ul.thumbnail-info-list li .metadata dd.tripadvisor-rating { width: 70px;} .panel-content ul.thumbnail-info-list li .metadata dd.tripadvisor-rating img { vertical-align: middle; } .panel-content ul.thumbnail-info-list li .metadata dd.price { float: right; width: 112px; margin-top: 0; position: relative; } .panel-content ul.thumbnail-info-list li .metadata dd.price em { position: absolute; top: -4px; right: 22px; font-size: 9px; font-style: normal; } .panel-content ul.thumbnail-info-list li .metadata dd.price a { font-size: 1.2em; font-weight: bold; color: #DF4B10; float: right; padding: 7px 22px 0 0; background: url(/_ui/images/btn/go.png) no-repeat 100% 100%; } .panel-content ul.thumbnail-info-list li .metadata dd.price a:hover { background-image: url(/_ui/images/btn/go_hover.png);} .panel-content ul.thumbnail-info-list li .metadata dd.pricehotel{ float:right; width:100px;} .panel-content ul.thumbnail-info-list li .metadata dd.pricehotel em { margin-left:51px; font-size:9px; font-style:normal;} .panel-content ul.thumbnail-info-list li .metadata dd.pricehotel a { color:#DF4B10; float:right; font-size:1.2em; font-weight:bold; padding:0 0 0; position:relative;} .panel-content ul.thumbnail-info-list li .metadata dd.pricehotel a:hover { background-image:none; color:#DF4B10; cursor:text; text-decoration:none; } /* panel > destination (cross sell) */ .secondary-content .destination { background-image: none; padding-bottom: 0; } .secondary-content .destination .panel-title { background: #fefffe url(/_ui/images/bg/panel_title_gradient_destination.gif) repeat-x 0 100%; font-size: 1em; } .secondary-content .destination .panel-title span { width: 140px; padding: 6px 9px; background: none; border-left: 1px solid #ccd3d4; border-right: 1px solid #ccd3d4; } .secondary-content .destination .panel-title a { background: url(/_ui/images/ico/arrow-closed.png) no-repeat bottom right; padding-right: 17px; position: static; right: auto; top: auto; font-weight: bold; font-size: .9em; } .secondary-content .destination .panel-title a:hover { background-image: url(/_ui/images/ico/arrow-closed_hover.png) } .secondary-content .destination .panel-content { display: none; background: #f1f2ee url(/_ui/images/bg/panel_content_destination.gif) repeat-x; border-bottom: 1px solid #ccd3d4; } .secondary-content .destination .panel-content ul { padding: 3px 3px 9px 3px; } .secondary-content .destination .panel-content ul li { width: 152px; overflow: hidden; margin: 0 0 6px 0; font-size: .9em; } .secondary-content .destination .panel-content ul li.last { margin-bottom: 0; } .secondary-content .destination .panel-content ul li a { float: left; width: 108px;padding: 4px 0 4px 44px; background-position: 0 50%; background-repeat: no-repeat; } .secondary-content .destination .panel-content ul li.item1 a { background-image: url(/_ui/images/ico/sun.png); } .secondary-content .destination .panel-content ul li.item2 a { background-image: url(/_ui/images/ico/display.png); } .secondary-content .destination .panel-content ul li.item3 a { background-image: url(/_ui/images/ico/sale.png); } .secondary-content .destination .open { display: block; } .secondary-content .destination .image { width: 160px; position: relative; } .secondary-content .destination .image span.mask { display: block; width: 160px; height: 6px; position: absolute; left: 0; top: 0; background: url(/_ui/images/bg/destination_corners.gif) no-repeat; } /* isango reasons */ .isango-reasons li { margin: 0 9px 8px 9px; background: #fff url(/_ui/images/bg/reason_box_top.gif) no-repeat; } .isango-reasons li div { padding: 14px 10px 10px 14px; background: url(/_ui/images/bg/reason_box_bottom.gif) no-repeat 0 100%; } .isango-reasons li p { margin: 0; padding: 0 0 0 70px; background-repeat: no-repeat; } .isango-reasons li p strong { display: block; color: #1899b4; } .isango-reasons li.reason1 div p { background-image: url(/_ui/images/ico/reason_icon1.gif); } .isango-reasons li.reason2 div p { background-image: url(/_ui/images/ico/reason_icon2.gif); } .isango-reasons li.reason3 div p { background-image: url(/_ui/images/ico/reason_icon2.gif); } .isango-reasons li.reason4 div p { background-image: url(/_ui/images/ico/vetted.gif); } /* contact us */ .contact-us { height: 78px; clear: both; overflow: hidden; margin: 0 9px 8px 9px; padding: 0 0 0px 84px; background: #fff url(/_ui/images/bg/contact_us_box.jpg) no-repeat; } .contact-us .title { display: block; margin: 0; font-size: 1.2em; color: #fff; padding-top:3px; height:20px; } .contact-us p { margin-bottom: 0; color: #000b13; } .contact-us p strong{ clear:left; } .contact-us p em { font-style: normal; color: #DE460A; padding-right: 3px; } .contact-us p .call-type { display: block; margin:-1px 0px 1px; color: #3e9418; } .contact-us p strong span{ height:19px; line-height:19px; margin:-1px 0px 1px;} .contact-us-alt p .call-type{ margin:-1px 0px 3px} /* contact us - big */ .contact-us-big { height: 98px; margin: 0 0 20px; padding: 0 0 0 81px; background: #fff url(/_ui/images/bg/contact_us_box-big.jpg) no-repeat; } .contact-us-big .title { margin: 0 0 2px 0; font-size: 1.1em; } .contact-us-big p { font-size: .9em; } .contact-us-big p em { display: block; padding-right: 0; } .contact-us-big p span, .contact-us p strong span { display:inline-block; } /* contact us - alt */ .contact-us-alt { background: #fff url(/_ui/images/bg/contact_us_box-alt82.png) no-repeat; width: 160px; height: 82px; margin: 0 0 18px; padding: 0 0 0 80px; } .contact-us-alt p { font-size: .8em; } /* 2.4 Footer -----------------------------------------------------------------------------------------------*/ .footer .section { width: 945px; padding: 27px 15px 17px 40px; border-top: 1px solid #B4B9B9; background: url(/_ui/images/bg/footer_section.png) repeat-x; font-size: .9em; line-height: 12px; } .footer .section-links { padding-bottom: 60px; } .footer .seo-links li { color: #489B25; padding: 0 0 10px; } .footer .seo-links li a { background: url(/_ui/images/ico/arrow-closed.png) no-repeat 0 2px; padding-left: 19px; } .footer .seo-links li a:hover { background-image: url(/_ui/images/ico/arrow-closed_hover.png); } .footer .seo-links li.open a { background: url(/_ui/images/ico/arrow-open.png) no-repeat 0 2px; } .footer .seo-links li.open a:hover { background-image: url(/_ui/images/ico/arrow-open_hover.png); } .footer .seo-links li li { padding: 0 0 0 29px; background: none; } .footer .seo-links li.open li a, .footer .seo-links li.open li a:hover { background: none; padding-left: 0; } .footer .seo-links li ul { display: none; } .footer .seo-links li.open ul { display: block; } .footer .seo-links li dl { width: 897px; padding: 10px 0 0;} .footer .seo-links li dt strong { font-weight: bold; } .footer .seo-links li dd { font-weight: normal; } .footer .seo-links li dt, .footer .seo-links li dd { display: inline; } /* sub navigation */ .footer strong, .footer p { color: #606c76; font-weight: bold; margin-bottom:5px; } .footer .sub-navigation { width: 790px; float: right; } .footer .sub-navigation strong { float: left; width: 300px; } .footer .sub-navigation ul { float: left; } .footer .sub-navigation ul { width: 129px; } .footer .sub-navigation ul.site-links { width: 180px; } .footer .sub-navigation ul.isango-sites { width: 250px; } .footer .ukflag{ background: url(/_ui/images/ico/uk.gif); background-repeat: no-repeat; background-position: 0 4px; height: 24px; padding-left:30px; margin-bottom:5px;} .footer .usflag{ background: url(/_ui/images/ico/us.gif); background-repeat: no-repeat; background-position: 0 4px; height: 24px; padding-left:30px; margin-bottom:5px;} .footer .deflag{ background: url(/_ui/images/ico/ger.gif) no-repeat left; padding-left:30px; margin-bottom:5px;} .footer .frflag{ background: url(/_ui/images/ico/fra.gif) no-repeat left; padding-left:30px; margin-bottom:5px;} .footer .auflag{ background: url(/_ui/images/ico/aus.gif) no-repeat left; padding-left:30px; margin-bottom:5px; height:24px;} .footer .facebookico{background: url(/_ui/images/ico/facebookico.gif) no-repeat left; padding-left:20px; padding-bottom:5px; padding-top:5px;} .footer .twitterico{background: url(/_ui/images/ico/twitterico.gif) no-repeat left; padding-left:20px; padding-bottom:5px; padding-top:5px;} /* copyright */ .footer .copyright { width: 150px; float: left; } /* verisigned secured */ .footer .verisign-secured { position: relative; width: 65px; height: 33px; margin-top:10px; } .footer .verisign-secured span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/_ui/images/btn/verisign.png); } .footer .verisign-secured, .footer .verisign-secured span { display: block; overflow: hidden; } /* 3. POPUPS / LIGHTBOXES ----------------------------------------------------------------------------------------------- ===============================================================================================*/ .overlay, .ovrlay { left: 0; top: 0; width: 100%; background-color: #1F3242; opacity: 0.8; z-index:1000; position:absolute; top:0px; left:0px; height:2500px;} /* lightboxes */ .lightbox { width: 624px; display:none; top: 550px; left: 200px; padding-top: 11px; background: url(/_ui/images/bg/lightbox_top.png) no-repeat; position: absolute; z-index: 10000; font-size: 1em; text-align: left; } .lightbox .lightbox-outer { width: 624px; padding-bottom: 11px; background: url(/_ui/images/bg/lightbox_bottom.png) no-repeat 50% 100%; } .lightbox .lightbox-inner { width: 624px; padding-bottom: 6px; background: #1F3242 url(/_ui/images/bg/lightbox_inner_bottom.gif) no-repeat 11px 100%; } .lightbox .lightbox-content { width: 600px; overflow: hidden; border-left: 11px solid #1F3242; border-right: 11px solid #1F3242; background: #fff url(/_ui/images/bg/lightbox_column.gif) repeat-y 100% 0; position: relative; z-index: 1; } .lightbox .lightbox-header { width: 600px; border-left: 11px solid #1F3242; border-right: 11px solid #1F3242; background-color: #fff; position: relative; z-index: 99; } .lightbox .lightbox-header .logo { position: absolute; left: 0; top: 0; background-color: #fff; } .lightbox .lightbox-header .logo, .lightbox .lightbox-header .logo span { display: block; overflow: hidden; width: 97px; height: 42px; } .lightbox .lightbox-header .logo span { position: absolute; left: 0; top: 0; z-index: 999; background: url(/_ui/images/logo_lightbox.gif) no-repeat; } .lightbox .lightbox-header .lightbox-title { width: 499px; padding: 0 4px 0 0; background: url(/_ui/images/bg/lightbox_title_right.gif) no-repeat 100% 0; margin-left: 97px; font-size: 1.3em; line-height: 27px; color: #fff; } .lightbox .lightbox-header .lightbox-title strong { display: block; height: 28px; padding: 0 0 0 9px; background: #86b200 url(/_ui/images/bg/lightbox_title.gif) repeat-x 0 0; } .lightbox .lightbox-header .close { position: absolute; right: 6px; top: 4px; } .lightbox .lightbox-header a.close, .lightbox .lightbox-header a.close span { display: block; overflow: hidden; width: 19px; height: 18px; cursor: pointer; } .lightbox .lightbox-header a.close span { position: absolute; left: 0; top: 0; z-index: 999; background: url(/_ui/images/ico/x_lightbox.gif) no-repeat; } .lightbox .lightbox-content .first-column { float: left; width: 417px; padding: 22px 18px 26px 22px; } .lightbox .lightbox-content .second-column { float: right; width: 100px; padding: 22px 19px 22px 18px; overflow:hidden; } /* lightbox > holiday details */ .holiday-details-lightbox .lightbox-inner { background-image: url(/_ui/images/bg/lightbox_column_details.gif); } .holiday-details-lightbox .lightbox-inner { background-image: url(/_ui/images/bg/lightbox_inner_bottom_details.gif); background-position: 10px 100%; } .holiday-details-lightbox .lightbox-content { background-image: url(/_ui/images/bg/lightbox_column_details.gif); } .holiday-details-lightbox .lightbox-content .first-column { width: 394px; padding: 32px 0 10px 0; } .holiday-details-lightbox .lightbox-content .second-column { width: 180px; display: inline; margin-right: 1px; border-left: 1px solid #dedede; border-right: 1px solid #dedede; padding: 15px 11px 0 12px; } .holiday-details-lightbox .detail-title { float: left; margin: 0 13px 10px 15px; display: inline; font-size: 1.5em; color: #1F9DB6; } .holiday-details-lightbox .latest-reviews { margin-bottom: 30px; } .holiday-details-lightbox .experience-details { width: 180px; margin-bottom: 26px; } .holiday-details-lightbox .experience-details dl { padding-bottom: 100px; } .holiday-details-lightbox .experience-details dd.see-map, .holiday-details-lightbox .experience-details dt.airport, .holiday-details-lightbox .experience-details dd.airport, .holiday-details-lightbox .experience-details dd.distance { position: absolute; left: 0; } .holiday-details-lightbox .experience-details dd.see-map { width: 150px; bottom: 48px; } .holiday-details-lightbox .experience-details dt.airport { bottom: 24px; } .holiday-details-lightbox .experience-details dd.airport { bottom: 0; } .holiday-details-lightbox .experience-details dd.distance { bottom: 64px; } .holiday-details-lightbox .ok { position: absolute; bottom: 10px; right: 16px; } .holiday-details-lightbox .ok .cta-inner { padding-top: 8px; padding-bottom: 12px; } .holiday-details-lightbox .second-column .ok { position: relative; top: 0; } /* lightbox > room and travellers details */ .room-and-travellers-details .lightbox-content { } .room-and-travellers-details .lightbox-content li label { float: left; padding-top: 2px; padding-left: 5px; font-weight: bold; font-size: 1.1em; } .room-and-travellers-details .lightbox-content li ul { margin-top: 34px; padding-top: 10px; border-top: 1px solid #D8DDDE;} .room-and-travellers-details .lightbox-content li li { padding-bottom: 7px; margin-bottom: 11px; border-bottom: 1px solid #D8DDDE; overflow:hidden; width:100%;} .room-and-travellers-details .lightbox-content li li strong { display: block; margin: 0 0 9px 5px; } .room-and-travellers-details .lightbox-content li li label { font-size: 1em; font-weight: normal; } .room-and-travellers-details .lightbox-content li li div { width: 100%; overflow: hidden; padding: 6px 0; } .room-and-travellers-details .lightbox-content li li div.column { padding: 0; width: 188px; float: left; } .room-and-travellers-details .lightbox-content li li div.column div { padding: 0 0 8px 0; } .room-and-travellers-details .lightbox-content li li div.age-child { float: right; margin-top:10px; } .room-and-travellers-details .lightbox-content li li div.age-child label { width: 74px; } .room-and-travellers-details .lightbox-content .action { position: absolute; right: 19px; width: 110px; top:100px;} .room-and-travellers-details .lightbox-content .action .cta { float: none; display: block; margin-bottom: 6px; font-size: 1.1em; } .room-and-travellers-details .lightbox-content .action .cancel { margin-left: 6px; } .room-and-travellers-details .lightbox-content label { color: #1899B4; } #overlay, #ovrlay { display:none;} /* lightboxes */ .lightbox2 { width: 624px; display:none; top: 550px; left: 200px; padding-top: 11px; background: url(/_ui/images/bg/lightbox_top.png) no-repeat; position: absolute; z-index: 10000; font-size: 1em; text-align: left; } .lightbox2 .lightbox-outer { width: 624px; padding-bottom: 11px; background: url(/_ui/images/bg/lightbox_bottom.png) no-repeat 50% 100%; } .lightbox2 .lightbox-inner { width: 624px; padding-bottom: 6px; background: #1F3242 url(/_ui/images/bg/lightbox_inner_bottom.gif) no-repeat 11px 100%; } .lightbox2 .lightbox-content { width: 600px; overflow: hidden; border-left: 11px solid #1F3242; border-right: 11px solid #1F3242; background: #fff url(/_ui/images/bg/lightbox_column.gif) repeat-y 100% 0; position: relative; z-index: 1; } .lightbox2 .lightbox-header { width: 600px; border-left: 11px solid #1F3242; border-right: 11px solid #1F3242; background-color: #fff; position: relative; z-index: 99; } .lightbox2 .lightbox-header .logo { position: absolute; left: 0; top: 0; background-color: #fff; } .lightbox2 .lightbox-header .logo, .lightbox2 .lightbox-header .logo span { display: block; overflow: hidden; width: 97px; height: 42px; } .lightbox2 .lightbox-header .logo span { position: absolute; left: 0; top: 0; z-index: 999; background: url(/_ui/images/logo_lightbox.gif) no-repeat; } .lightbox2 .lightbox-header .lightbox-title { width: 499px; padding: 0 4px 0 0; background: url(/_ui/images/bg/lightbox_title_right.gif) no-repeat 100% 0; margin-left: 97px; font-size: 1.3em; line-height: 27px; color: #fff; } .lightbox2 .lightbox-header .lightbox-title strong { display: block; height: 28px; padding: 0 0 0 9px; background: #86b200 url(/_ui/images/bg/lightbox_title.gif) repeat-x 0 0; } .lightbox2 .lightbox-header .close { position: absolute; right: 6px; top: 4px; } .lightbox2 .lightbox-header a.close, .lightbox2 .lightbox-header a.close span { display: block; overflow: hidden; width: 19px; height: 18px; cursor: pointer; } .lightbox2 .lightbox-header a.close span { position: absolute; left: 0; top: 0; z-index: 999; background: url(/_ui/images/ico/x_lightbox.gif) no-repeat; } .lightbox2 .lightbox-content .first-column { float: left; width: 417px; padding: 22px 18px 26px 22px; } .lightbox2 .lightbox-content .second-column { float: right; width: 100px; padding: 22px 19px 22px 18px; overflow:hidden; } .lightbox2 .lightbox-content select{width:40px;} /* Overrides for hotle details light box */ /* --PLEASE PUT THE CSS IN PAGE CSS.-- #lightboxcontent{ display:none;} .room-and-travellers-details .lightbox-content li li{ font-size:1em;} /*.first-column li dl {display:inline; float:left; width:160px;}*/ li.whenbox { border-bottom:1px solid #D8DDDE; margin-bottom:10px; padding-bottom:10px;} .first-column li dt {color:#1899B4;} .travel-cart li.wherebox dd {padding-top:5px;} .first-column li.wherebox input {border:1px solid #789871; float:left; height:17px; padding-right:22px; width:74px;} .first-column li.wherebox .calendar-trigger {background:transparent url(/_ui/images/ico/calendar.gif) no-repeat scroll 0 0; float:left; height:17px; margin:3px 0 0 -20px; overflow:hidden; text-indent:-999em; width:16px;} .first-column li.wherebox label {float:left; padding:8px 8px 0 0; color:#48555e; font-size:10px;} .first-column li.wherebox dd {padding-top:5px; margin-left:2px;} .noofroomlab {margin-left:-5px;} /* Experience with multisave */ .experience-with-multisave { margin-bottom: 14px; } .experience-with-multisave h1 { width: 535px; float: left; vertical-align: middle; line-height: 1em; } .experience-with-multisave h1 strong { display: block; margin-left: 10px; } .experience-with-multisave ol { float: right; width: 540px; overflow: hidden; } .experience-with-multisave li { height: 55px; float: left; overflow: hidden; display: inline; background: url(/_ui/images/bg/experience_with_multisave.png); color: #4F5C67; position: relative; } .experience-with-multisave li.step-one { width: 169px; } .experience-with-multisave li.step-two { width: 174px; margin-right: 6px; background-position: -169px 0; } .experience-with-multisave li.step-three { width: 191px; background-position: top right; position:static; } .experience-with-multisave li strong { /*padding: 9px 0 9px; padding: 14px 0 9px;*/ float: left; width: 91px; margin-top: 1px; line-height: 1.2; color:#1899B4; } .experience-with-multisave li a strong { color: #489B25; text-decoration: none; } .experience-with-multisave li a:hover strong, .experience-with-multisave li a:active strong { color: #E0521B; text-decoration: underline; } .experience-with-multisave li strong.photel { /*padding: 18px 0 9px;*/ float: left; width: 91px; margin-top: 1px; line-height: 1.2; color:#1899B4; } .experience-with-multisave li a strong.photel { color: #489B25; text-decoration: none; } .experience-with-multisave li a:hover strong.photel, .experience-with-multisave li a:active strong.photel { color: #E0521B; text-decoration: underline; } .experience-with-multisave li.step-two strong { width: 91px; } .experience-with-multisave li.step-three strong { width: 80px; text-align: right; font-weight: normal; padding: 16px 0px 0 60px; font-size: .9em; line-height: 1; } .experience-with-multisave li.step-three span.savavg{ color:#4f5c67; font-weight:bold;} .experience-with-multisave li.step-three strong em { font-size: 1.3em; line-height: 1.4; } .experience-with-multisave li .num, .experience-with-multisave li .num-tick, .experience-with-multisave li .tick { width: 29px; height: 29px; overflow: hidden; text-indent: -999em; float: left; background: url(/_ui/images/ico/experience_with_multisave.png); } .experience-with-multisave li .tick { width: 34px; height: 32px; } .experience-with-multisave li.step-one .num { background-position: 0 -29px; margin: 14px 7px 0; } .experience-with-multisave li.step-two .num { background-position: -29px -29px; margin: 14px 7px 0 14px; } .experience-with-multisave li.step-three .num { background-position: -58px -29px; margin: 14px 7px 0 7px; } .experience-with-multisave li.step-one .num-inactive { background-position: 0 0; } .experience-with-multisave li.step-two .num-inactive { background-position: -29px 0; } .experience-with-multisave li.step-three .num-inactive { background-position: -58px 0; } .experience-with-multisave li .tick { background-position: -68px -58px; margin: 11px 2px 0 7px; } /* tick-done */ .experience-with-multisave li .tick-inactive { background-position: 0 -58px; margin: 11px 2px 0 7px; } .experience-with-multisave li .tick-other { background-position: -34px -58px; } .experience-with-multisave li .tick-inprogress { background-position: -102px -58px; margin: 11px 2px 0 14px; } .step-three{ position:static !important; } .experience-with-multisave li.step-three em { font-weight: bold; color: #DD551B; font-style: normal; } .experience-with-multisave li a { display: block; font-weight: bold; color: #1899B4; } .experience-with-multisave li.noclick a { color: #B3C4D4; } .experience-with-multisave li.inactive a { color: #43942b; } .experience-with-multisave li .overlay { background: transparent none; height: 100%; display: block; position: absolute; top: 0; left: 0; } .experience-with-multisave li.step-one .overlay { width: 134px; } .experience-with-multisave li.step-two .overlay { width: 134px; left: 7px; } .experience-with-multisave li.step-three .overlay { width: 194px; } .experience-with-multisave li.step-one .num-tick {background-position:0px; background-image:url(/_ui/images/ico/one_+_tick.gif);margin: 14px 7px 0 14px;} .experience-with-multisave li.step-two .num-tick {background-position:0px; background-image:url(/_ui/images/ico/two_+_tick.gif);margin: 14px 7px 0 14px;} .experience-with-multisave li.step-three .num-tick {background-position:0px; background-image:url(/_ui/images/ico/three_+_tick.gif);margin: 14px 7px 0 14px;} .experience-with-multisave li.step-one .num-tick-deactive {background-position:0px; background-image:url(/_ui/images/ico/one_-_inactive_+_tick.gif);} .experience-with-multisave li.step-two .num-tick-deactive {background-position:0px; background-image:url(/_ui/images/ico/two_-_inactive_+_tick.gif);} .experience-with-multisave li.step-three .num-tick-deactive {background-position:0px; background-image:url(/_ui/images/ico/three_-_inactive_+_tick.gif);} .noofroomlab {margin-left:-5px;} /*#currLoading {background-color:#95BE00; color:#FFFFFF; display:none; padding-bottom:10px; padding-left:20px; padding-right:20px; padding-top:10px; position:absolute; z-index:100; width:200px; top:350px; left:50%;}*/ .pleasewait {color:#dc501f; background-color:#f4f4f2; font-size:18px; border:#cfd1d0 solid 1px; text-align:center; padding:10px; position:absolute; left:350px; z-index:1000;} /* Lite box popup css */ .lightbox .lightbox-header-new { background-color:#FFFFFF; border-left:11px solid #1F3242; border-right:11px solid #1F3242; width:600px; z-index:99; } .lightbox .lightbox-header-new .lightbox-title-new { background:#86B200 url(/_ui/images/bg/lightbox_title_right.gif) no-repeat scroll 100% 0; color:#FFFFFF; font-size:1.3em; line-height:27px; margin-left:97px; padding:0 4px 0 0; width:499px; } .lightbox .lightbox-header-new .logonew{ background:transparent url(/_ui/images/logo_lightbox.gif) no-repeat scroll 0 0; display:block; height:42px; overflow:hidden; width:97px; left:11px; position:absolute; } .lightbox .lightbox-header-new .lightbox-title-new strong{ background:#86B200 url(/_ui/images/bg/lightbox_title.gif) repeat-x scroll 0 0; display:block; height:28px; padding:0 0 0 9px; } .lightbox .lightbox-content-static { background:#FFFFFF none repeat scroll 0 0; overflow:hidden; margin-left:11px; width:600px; z-index:1; } .lightbox .lightbox-content-static .first-column-static { float:left; padding:22px 12px 26px 12px; width:575px; } .lightbox .lightbox-content-static .first-column-static p { font-size:1.09em; padding:8px; line-height:1.4em; } .lightbox .lightbox-content-static .first-column-static p.howthinote{ font-size:1.02em; padding:4px 0px 4px 0px; width:100%;} .lightbox .lightbox-content-static .first-column-static strong{ color: #000000;} .lightbox .lightbox-content-static .first-column-static strong.headingblue{ color: #1899B4;} .priceseaseason{color: #000000;} .close2 { background:transparent url(/_ui/images/ico/x_lightbox.gif); z-index:999; margin-top:-23px; width:19px; height:18px; float:right; top:-10px; margin-right:7px; cursor:pointer;} .lightbox .lightbox-content-static .first-column-static .breakdowncont{width:560px; float:left; padding:5px; border:#d0d4d3 1px solid; margin-top:10px;} .lightbox .lightbox-content-static .first-column-static .creatbord{border-bottom:#d0d4d3 2px solid; padding:5px 0px 5px 0px; float:left;} .lightbox .lightbox-content-static .first-column-static .creatbordlast{border-bottom:none; padding:5px 0px 3px 0px; float:left;} .lightbox .lightbox-content-static .first-column-static .prodname{width:322px; float:left;} .lightbox .lightbox-content-static .first-column-static .prodname strong{font-size:1.09em; font-weight:bold; line-height:1.39em; color:#596066;} .lightbox .lightbox-content-static .first-column-static dd{ margin-top:8px;} .lightbox .lightbox-content-static .first-column-static .creatbord .regprice{border-right:#d0d4d3 1px solid; float:left; width:77px; margin-top:3px; padding:0px 7px 5px 0px; text-align:right;} .lightbox .lightbox-content-static .first-column-static .creatbord .discount{border-right:#d0d4d3 1px solid; float:left; width:70px; margin-top:3px; padding:5px 7px 5px 0px; text-align:right;} .lightbox .lightbox-content-static .first-column-static .creatbord .multilogo{background:transparent url(/_ui/images/text/multisave_smallest.gif) no-repeat scroll center top; height:16px; width:49px; float:right; margin:-5px 0px 5px 0px;} .lightbox .lightbox-content-static .first-column-static .creatbord .totprice{font-weight:bold; float:right; width:72px; margin-top:3px; padding:0px 0px 5px 0px; text-align:right;} .lightbox .lightbox-content-static .first-column-static .creatbord .totsave{color:#E0521B; font-weight:bold;} .lightbox .lightbox-content-static .first-column-static .creatbordlast .regprice{border-right:#d0d4d3 1px solid; float:left; width:77px; padding:0px 7px 5px 0px; text-align:right;} .lightbox .lightbox-content-static .first-column-static .creatbordlast .discount{border-right:#d0d4d3 1px solid; float:left; width:70px; padding:5px 7px 5px 0px; text-align:right;} .lightbox .lightbox-content-static .first-column-static .creatbordlast .multilogo{background:transparent url(/_ui/images/text/multisave_smallest.gif) no-repeat scroll center top; height:16px; width:49px; float:right; margin:-5px 0px 5px 0px;} .lightbox .lightbox-content-static .first-column-static .creatbordlast .totprice{font-weight:bold; float:right; width:65px; padding:0px 0px 5px 0px; text-align:right;} .lightbox .lightbox-content-static .first-column-static .creatbordlast .totsave{color:#E0521B; font-weight:bold;} .lightbox .lightbox-content-static .first-column-static .brkdown {background:transparent url(/_ui/images/bg/total.gif) no-repeat scroll left top; float:right; height:119px; width:240px; margin-top:10px; margin-right:-9px;} .lightbox .lightbox-content-static .first-column-static .brkdown dd{ margin-top:19px;} .lightbox .lightbox-content-static .first-column-static .brkdown .maintot {width:74px; float:left; margin:35px 2px 0 3px; border-right:1px solid #D0D4D3; text-align:right; padding-right:5px;} .lightbox .lightbox-content-static .first-column-static .brkdown .mainsave{color:#E0521B; font-weight:bold; width:64px; float:left; margin:35px 0; border-right:1px solid #D0D4D3; text-align:right; padding-right:5px;} .lightbox .lightbox-content-static .first-column-static .brkdown .totelleft{width:68px; float:right; font-weight:bold; margin:35px 7px 0; text-align:right; overflow:hidden;} .lightbox .lightbox-content-static .first-column-static .brkdown .maintot dd{ margin-top:7px;} .lightbox .lightbox-content-static .first-column-static .brkdown .multilogo{background:transparent url(/_ui/images/text/multisave_smallest.gif) no-repeat scroll center top; height:16px; width:49px; float:right; margin:0px 0px 17px 0px;} #pMultisaveBreakLink {font-weight:bold; width:600px; overflow:hidden; float:right; text-align: right; margin-right: 10px; margin-top:25px;} .holiday-search-results .result-list .cta-price-list .cta-inner em{ line-height:1.2em;} /* Lite box popup css */ /* Popup*/ #isangoPopup {position:relative; top:0; left:0;} /* Child policy popup*/ .t_search_heading { color:#FF6000; font-size:12px; font-weight:bold; border-left:1px solid #EDF2F3; } .t_input_signup { color:#656565; border:1px; background-color:#FFFFFF; font-size:10px; } .t_select { color:#656565; border:#969696 1px; border-style:solid; font-size:10px; } .t_select_sec { color:#656565; border:#969696 1px; border-style:solid; font-size:10px; width:180px; } .t_select_input { color:#656565; border:#969696 1px; border-style:solid; font-size:10px; width:340px; height:18px; } .t_gray { color:#cccccc; font-weight:normal; font-size:9px; } .t_rnav_left { background-image:url(/images/isango/en/t_rnav_left.gif); background-repeat:repeat-y; width:3px; } .t_rnav_right { background-image:url(/images/isango/en/t_rnav_right.gif); background-repeat:repeat-y; width:3px; } .t_rnav { background-color:#edf2f3; color:#444444; font-size:9px; } .t_form { color:#444444; font-size:12px; font-weight:bold; } .t_small { font-size:10px; } .t_price { color:#5ca53d; font-size:16px; font-weight:bold; } .t_avail_normal { font-size:11px; color:#444444; } .t_aust_categry_heading {background-color:#EDF2F3; color:#444444; font-size:13px !important; font-weight:bold; padding:5px; } .t_travel_pricecolor { font-size:9px; color:#d51f7b; font-weight:bold; } .t_travel_normal { font-weight:normal;font-size:9px } .t_small_orange { font-size:10px; font-weight:bold; color:#29A2BA; border:1px solid #C5C9CA; } .t_price_heading { background-color:#FFFFFF; border:1px solid #CCCCCC; font-size:11px; margin-top:5px; } .t_aust_categry_heading {background-color:#EDF2F3; color:#1899B4; font-size:13px !important; font-weight:bold; padding:5px; } .t_aust_categry_heading1 { font-size:9px !important; color:#444444; font-weight:bold; } .t_mainDivPriceControl{width:574px; height:100%; overflow-x:scroll;overflow-y:visible} .t_mainDivPriceControl b{font-weight:normal;} .t_avail_normal a:link, .t_avail_normal a:visited, .t_avail_normal a:active { color: rgb(213, 31, 123); font-size: 10px; font-weight: bold; margin-right: 8px; } /*price list css */ .pricetab {border-collapse:inherit; } .bg-top { background:url(/_ui/images/ico/bg-top.jpg) left top; background-repeat:repeat-x; color:#29a2ba; font-size:12px; vertical-align:middle; font-weight:bold; height:27px; border-right:1px solid #cccccc; border-left:1px solid #cccccc; } .color-bg-table { background-color:#fff; vertical-align:middle; } .b-r { border-right:1px solid #cccccc; background-color:#fff; } .b-l { border-left:1px solid #cccccc; background-color:#fff; } .b-b { border-bottom:1px solid #cccccc; background-color:#fff; } .dark-gry { color:#4b5b68; font-size:11px; font-weight:bold; padding:5px 0; } .blue-one { color:#2298c8; font-size:11px; font-weight:bold; padding:5px 0; } .price-txt { color:#e75023; font-size:11px; font-weight:bold; padding:5px 0; } /* Child policy popup ends here*/ /* For mini travel cart */ .item-toatal-none { display:none;} /* Confirm box css */ .confirmsgbox {background:transparent url(/_ui/images/bg/confirmbox_top.png) no-repeat scroll 0 0;display:none;font-size:1em;left:330px;padding-top:11px;position:absolute;text-align:left;top:550px;width:393px;z-index:10000;} .confirmsgbox .confirmsgbox-outer {background:transparent url(/_ui/images/bg/confirmbox_bottom.png) no-repeat scroll 50% 100%;padding-bottom:11px;width:393px;} .confirmsgbox .confirmsgbox-inner {background:#1F3242 url(/_ui/images/bg/lightbox_inner_bottom.gif) no-repeat scroll 397px 100%;width:393px;} .confirmsgbox .confirmsgbox-content-static .first-column-static p {font-size:1.09em;line-height:1.3em;padding:5px;} .confirmsgbox .confirmsgbox-header-new .logonew {background:transparent url(/_ui/images/logo_lightbox.gif) no-repeat scroll 0 0;display:block;height:42px;overflow:hidden;position:absolute;width:97px;} .confirmsgbox .confirmsgbox-header-new {background-color:#FFFFFF;border-left:11px solid #1F3242;border-right:11px solid #1F3242;width:371px;z-index:99;} .confirmsgbox .confirmsgbox-header-new .confirmsgbox-title-new {background:#86B200 url(/_ui/images/bg/lightbox_title_right.gif) no-repeat scroll 100% 0;color:#FFFFFF;font-size:1.3em;line-height:27px;margin-left:97px;padding:0 4px 0 0;width:272px;} .confirmsgbox .confirmsgbox-content-static {background:#FFFFFF none repeat scroll 0 0;margin-left:11px;overflow:hidden;width:373px;z-index:1;} .confirmsgbox .confirmsgbox-header-new .confirmsgbox-title-new strong {background:#86B200 url(/_ui/images/bg/lightbox_title.gif) repeat-x scroll 0 0;display:block;height:28px;padding:0 0 0 9px;} .confirmsgbox .confirmsgbox-content-static .first-column-static {float:left;padding:22px 18px 26px 22px;} .confirmsgbox .confirmsgbox-content-static .first-column-static .confirmbtn{ background:transparent url(/_ui/images/bg/inputfieldimg.gif) repeat-x scroll 100% 100%; width:71px; height:31px; font-weight:bold; font-size:1em; cursor:pointer; line-height:30px; position:absolute; text-align:center; left:200px; margin-top:10px; } .confirmsgbox .confirmsgbox-content-static .first-column-static .confirmbtncan {background:transparent url(/_ui/images/bg/inputfieldimg.gif) repeat-x scroll 100% 100%; width:71px; height:31px; font-weight:bold; font-size:1em; cursor:pointer; line-height:30px; position:absolute; text-align:center; left:275px; margin-top:10px; } .confirmsgbox .confirmsgbox-content-static .first-column-static strong {color:#1899B4;} .t_search_box11{color:#FF7900; font-weight:bold;} .updateIndicatorAv1{display:none;} /* Modify search fixes */ #ctl00_MainContent_ucSimilarideas_mainDiv{ margin-top:15px;} .modify-search select.short2 {float:left;margin:2px 0 0 10px;text-align:center;width:45px;} .lightbox .lightbox-header-new .cartimg {background:transparent url(/_ui/images/ico/cart.gif) no-repeat scroll 0 0; height:18px; padding:0px 3px 3px 25px; vertical-align:middle; width:20px;} .exctab { margin-top:10px; border:#cccccc 1px solid; border-right:none;} .exctabtds { padding:5px; border-bottom:#cccccc 1px solid; border-right:#cccccc 1px solid;} .nolink {color:#4E5B66; cursor:text;} .nolink:hover{ text-decoration:none; color:#4E5B66; cursor:text;} #nolink {color:#4E5B66; cursor:text;} #nolink:hover{ text-decoration:none;} #whyisango{overflow:hidden; position:relative;} #whyisango .whyisangolist{height:110px; overflow:hidden; position:relative; margin-top:10px; } #whyisangolists{ border-bottom:#ccc solid 1px; padding-bottom:10px; } #whyisangolist{clear:both; margin-bottom:5px; padding-bottom:5px;} #whyisango .reasons {position:absolute; top:0px; left:0px; width:238px;} .whyisangohead{color:#1899B3; padding-left:10px; line-height:25px;} #recognitions .recognitionsall{height:28px; overflow:hidden; position:relative; margin-top:10px; } #recognitions{clear:both; margin-bottom:5px; padding-bottom:5px; position:relative; overflow:hidden;} #recognitions .recognition {position:absolute; top:0px; left:0px; width:238px; text-align:center;} #recognitions .recognition img{padding-left:5px; padding-right:5px;} /*price policy css */ .bg-top { background:url(/_ui/images/bg-top.jpg) left top; background-repeat:repeat-x; color:#29a2ba; font-size:12px; vertical-align:middle; font-weight:bold; } .color-bg-table { background-color:#fff; vertical-align:middle; } .b-r { border-right:1px solid #cccccc; background-color:#fff; } .b-l { border-left:1px solid #cccccc; background-color:#fff; } .b-b { border-bottom:1px solid #cccccc; background-color:#fff; } .dark-gry { color:#4b5b68; font-size:11px; font-weight:bold; } .blue-one { color:#2298c8; font-size:11px; padding:5px 6px; font-weight:bold; } .price-txt { color:#e75023; font-size:11px; font-weight:bold; padding-left:3px; padding-right:3px; } /* end of price policy css */ #whyisango{overflow:hidden; position:relative;} #whyisango .whyisangolist{height:110px; overflow:hidden; position:relative; margin-top:10px; } #whyisangolists{ border-bottom:#ccc solid 1px; padding-bottom:10px; } #whyisangolist{clear:both; margin-bottom:5px; padding-bottom:5px;} #whyisango .reasons {position:absolute; top:0px; left:0px; width:238px;} .whyisangohead{color:#1899B3; padding-left:10px; line-height:25px;} #recognitions .recognitionsall{height:28px; overflow:hidden; position:relative; margin-top:10px; } #recognitions{clear:both; margin-bottom:5px; padding-bottom:5px; position:relative; overflow:hidden;} #recognitions .recognition {position:absolute; top:0px; left:0px; width:238px; text-align:center;} #recognitions .recognition img{padding-left:5px; padding-right:5px;} .error4search {background:transparent url(/_ui/images/bg/error_popup_top1.gif) no-repeat scroll left top; clear:left; overflow:visible !important; padding:0 !important; width:185px !important; margin-top:-6px; margin-bottom:10px;} .error4search .inner4search {background:transparent url(/_ui/images/bg/error_popup_btm1.png) no-repeat scroll left bottom; overflow:visible !important; padding:18px 10px 6px 25px !important; width:auto !important; } .error4search .inner4search p {line-height:1.3em;} #booking2{display:none;} /* error message */ .error-message { border: 1px solid #f30401; border-left-width: 2px; border-right-width: 2px; background: url(/_ui/images/ico/exclamation.png) no-repeat 5px 7px; margin: 5px 10px 15px; } .error-message p { padding: 5px 15px; font-size: .9em; } /* Sussess msg */ .sussess-message {background:transparent url(/_ui/images/ico/selected_green.gif) no-repeat scroll 5px 7px; border-color:#559835; border-style:solid; border-width:1px 2px; margin:5px 10px 15px; } .sussess-message p { padding: 5px 25px; font-size: .9em; } /* Page not found css */ .notfound h1 { font-size:14px; color:#1899ce;} .notfound h2 { font-size:14px; color:#e0521b;} .notfound h3 { font-size:14px; color:#1899ce; margin-top:20px; margin-bottom:10px;} .notfound .customerservicebox { width:650px; border-bottom:#e0521b 1px solid; border-top:#e0521b 1px solid; margin-top:5px;} .notfound p{margin:15px 0px 0px 0px;} .notfound ul li{ margin:15px 0 0 20px; padding:0px; line-height:1.2em;} .notfound img { vertical-align:middle;} .notfound li{ list-style-type:none;} .notfound .customerservicebox p{margin:10px 0px 10px 0px;} .notfound .newbox { width:182px; border:#cdd4d5 1px solid; border-top:none; border-bottom:none;} .notfound .boxhead { background-image:url(/_ui/images/bg/boxheadbg.gif); background-repeat:repeat; width:184px; height:29px; text-align:center; color:#1899ce; font-size:12px; font-weight:bold; line-height:28px;} .notfound .boxbottom {background-image:url(/_ui/images/bg/boxbotbg.gif); background-repeat:repeat-x; width:184px; height:8px;} .notfound .icon{ padding:19px 10px 10px 58px; width:101px;} .notfound .iconmultisave{ padding:18px 10px 10px 52px; width:101px;} .notfound .contxt { width:164px; background-color:#eef1f1; margin-left:6px; padding:3px;} .notfound .boxcontiner{ float:left; margin-right:50px;} .notfound .boxconlast{ float:left;} #welcomewindow{position:absolute; width:507px; height:472px; overflow:hidden; top:125px; left:390px; background:url(/_ui/images/bg/w_bg.gif) no-repeat; padding-left:30px; padding-right:30px; padding-top:82px; font-family:Verdana, Arial, Helvetica, sans-serif; z-index:110000; text-align:left;} #welcomewindow .close{color:#ffffff; font-size:13px; font-weight:bold; text-decoration:none; background:url(/_ui/images/bg/w_close.gif) no-repeat right center; padding-top:5px; padding-bottom:5px; padding-right:20px; top:-80px; left:455px; position:relative;} #welcomewindow .boxcontiner {margin-right:10px;} #welcomewindow .boxhead {background-image:url(/_ui/images/bg/w_boxheadbg.gif); background-repeat:no-repeat; width:162px;} #welcomewindow .newbox {width:160px; background-color:#ffffff; height:185px;} #welcomewindow .icon {width:auto; height:55px; padding-left:35px;} #welcomewindow .iconholiday{height:70px; text-align:center; padding-top:15px;} #welcomewindow .iconmultisave {height:60px; text-align:center;} #welcomewindow .boxbottom {background-image:url(/_ui/images/bg/w_boxbotbg.gif); width:162px;} #welcomewindow .contxt {height:90px; padding:8px; width:132px;} #welcomewindow .iconmultisave{padding-left:25px; padding-top:15px; height:60px;} #welcomewindow .notfound p{color:#858585; margin-top:5px;} #welcomewindow .notfound h3 {margin-top:10px;} #welcomewindow .notfound h1 {margin-top:10px;} .panel-data-multisave{padding:10px; border-bottom:1px solid #CCD3D4; padding-bottom:0px;} .panel-data-multisave strong{background:url(/_ui/images/ico/point.gif) no-repeat left bottom; padding-left:12px; margin-left:15px;} .panelmultisave{text-align:center;} .pinkyhead{color:#d32174 !important;} .holidaytitel{font-family:Verdana;} .disctext{color:#4e5b66; font-size:12px; margin-bottom:15px;} .headtext{color:#1899b3; font-size:20px; font-weight:bold; margin-bottom:5px;} /* CSS for currency */ #currency{ width:210px; position:absolute; top:44px; margin-right:0px; z-index:2000; right:0px; display:none;} #currencyTop{ background:url(/_ui/images/ico/top.png) no-repeat bottom left; clear:both; line-height:30px; padding-left:10px; color:#FFFFFF; font-size:12px; font-weight:bold; } #currencyContent{background:url(/_ui/images/ico/bg.png) repeat-y left; clear:both; font-size:10px; } #currencyBottom{ background:url(/_ui/images/ico/bottom.png) no-repeat 2px 0px; height:12px; clear:both; } #currencyContent li{ padding:2px 0px 2px 15px; color:#4e5b66; } #currencyContent li a{ line-height:20px; display:block;} #australia{ background:url(/_ui/images/ico/australia.gif) no-repeat 0px 2px; padding-left:25px; } #austria{ background:url(/_ui/images/ico/austria.gif) no-repeat 0px 2px; padding-left:25px; } #france{ background:url(/_ui/images/ico/france.gif) no-repeat 0px 2px; padding-left:25px; } #germany{ background:url(/_ui/images/ico/germany.gif) no-repeat 0px 2px; padding-left:25px; } #uk{background:url(/_ui/images/ico/uk2.gif) no-repeat 0px 2px; padding-left:25px; } #usa{background:url(/_ui/images/ico/usa2.gif) no-repeat 0px 2px; padding-left:25px; } .language{padding:0px 0px 0px 15px; margin-top:-5px; } .currencyHead{line-height:20px; font-weight:bold; display:block;} #uksite span{background:url(/_ui/images/ico/uksitetop.png) no-repeat; width:28px; cursor:pointer;} #uksite {width:30px;} #ussite span{background:url(/_ui/images/ico/ussitetop.png) no-repeat; width:28px; cursor:pointer;} #ussite {width:30px;} /* Search Panel */ #opti1, #opti2 {padding:3px 0px 3px 0px;margin:3px 2px; float:left;} .searchoptions {clear:both; *margin-top:-10px; _margin-top:-5px;} .optilink{float:left; float:left; margin-left:4px; margin-top:3px; *margin-top:6px; _margin-top:6px;} .optcontain{overflow:hidden; _height:38px;} #optisearch1{*margin-top:5px; _margin-top:5px;} /* My Isango! error class */ .errorMsg{width:293px; margin:0px auto;} .errArrow{height:14px; width:17px; background:url(/_ui/images/ErrorMsgArrow.gif) bottom left no-repeat; margin:0px 10px -2px 82px; z-index:2; position:relative;} .errMsgTop{height:5px; font-size:1px; background:url(/_ui/images/ErrorMsgTop.gif) bottom left no-repeat; } .errMsg, .moreInfomsg{ background:#fefdab url(/_ui/images/exclamation.gif) 15px 3px no-repeat; padding:3px 12px 5px 25px; border-left:1px solid #f4e168; border-right:1px solid #f4e168; font:10px Verdana; color:#ed0a03; } .errMsgBottom{height:5px; font-size:1px; background:url(/_ui/images/ErrorMsgBottom.gif) top left no-repeat; } .moreInfomsg{border:1px solid #f4e168; padding:12px 12px 12px 30px; background-position: 20px 12px } /* for TripAdviser logo bg*/ #Atripadvisordiv a{ width:100px; padding-top:18px; background:url(/_ui/images/ico/tripAdvisorLogo1.gif) no-repeat top center;} /* Show on Map CSS*/ .show-on, .show-on-bg{ text-decoration:none; font-family:Verdana; font-size:10px; color:#489b25; text-transform:uppercase; font-weight:bold; line-height:32px; padding:10px 8px 12px 25px; background:url(/_ui/images/ico/show-on.gif) no-repeat top left; } .show-on-bg{background:url(/_ui/images/ico/show-on1.gif) no-repeat top left; padding:7px 8px 13px 25px; } .sho-on-right{float:right; padding:0 8px 0 24px;} .disc_left{float:left; padding-top:6px;} .show-on:hover, .show-on-bg:hover{ color:#E0521B; text-decoration:underline;} #hoteldetais h2{margin-bottom:0px;} /* Gift Banner CSS */ .giftbanner{margin-bottom:15px;} .giftbanner{ width:240px; height:180px; background:url(/_ui/images/gifts/gift-banner_new.jpg) no-repeat 0 0; color:#525659; font:11px Verdana, Arial, Helvetica, sans-serif; overflow:hidden;} .giftbanner .gift-msg{ text-align:justify; line-height:15px; margin:83px 19px 0 18px; padding:0;} .giftbanner p.go { margin:0;overflow:hidden;padding:5px 0 10px 4px;letter-spacing:normal;width:41%;} .giftbanner p.go a {color:#489B25;cursor:pointer;display:block;background:transparent url(/_ui/images/btn/go.gif) no-repeat scroll right center;margin:19px 0px 0px 14px;text-decoration:none;padding:3px 0px;} .giftbanner p.go a:hover {background:transparent url(/_ui/images/btn/go_hover.gif) no-repeat scroll right center;color:#E0521B;text-decoration:underline;} /* Gift Banner_right CSS */ .giftbanner_right {margin-bottom:15px;} .giftbanner_right {-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(/_ui/images/gifts/giftbanner.jpg) no-repeat scroll 0 0; color:#525659; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; height:180px; line-height:normal; overflow:hidden; width:300px;} .giftbanner_right .gift-msg { line-height:15px; margin:85px 59px 0 38px; padding:0; text-align:justify;} .giftbanner_right p.go {letter-spacing:normal; margin:0; overflow:hidden; padding:5px 0 20px 4px; width:35%;} .giftbanner_right p.go a {-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(/_ui/images/btn/go.gif) no-repeat scroll right center; color:#489B25; cursor:pointer; display:block; margin:19px 0 0 20px; padding:3px 0; text-decoration:none;} .giftbanner_right p.go a:hover {-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(/_ui/images/btn/go_hover.gif) no-repeat scroll right center; color:#E0521B; text-decoration:underline;} #ctl00_MainContent_UcCancellationVoucher1_lblAmountRefund .content, #ctl00_MainContent_UcCancellationVoucher1_lblCurrencySymbol .content { margin: 0px 2px !important; } .adulttext{ margin-top:-3px !important; _margin:-20px 0px 0px !important; } .multi-out, .multi-out-adulttext { display: table; #position: relative; overflow: hidden;height: 52px;width:91px;} .multi-mid { display: table-cell;#position: absolute; #top: 50%; vertical-align: middle; } .multi-in { #position: relative; #top: -50%; font-weight:bold; } .multi-out-adulttext { width:auto; margin-top:-2px;_margin-top:-3px; height:27px; padding-left:2px;_padding-left:5px; } .multi-out-adulttext div{ font-weight:normal; } .more.goBack{ padding-top:10px; margin:0px 10px; border-top:1px solid #D5DCE0; } .more.goBack a{ background:transparent url(/_ui/images/ico/topArrow.gif) no-repeat scroll right center; padding:2px 27px 3px 0;float:right; font-size:11px;} .new-recognition{ margin-top:15px; } .new-recognition #recognitions .recognition{ width:155px; } .new-recognition .reasons ul{ width:143px; } .new-recognition .reasons ul li{ margin-right:3px; } #ctl00_MainContent_InfoSection ul{ margin:10px 0px 0px 15px; list-style:disc !important; } .second-column a.more-info_new{display:block; float:left; padding-top:5px; width:100px; padding-left:15px;} .oneoption{border-bottom:0 none !important;} .errorformated{margin-bottom:10px;} .unavailable .disable{color:#ccc;} /* css for review */ .reviewTabs{margin:-10px 0 0;position:relative;} .isangoReview{background:url(/_ui/images/ico/star1.gif) no-repeat 0 0; padding:2px 10px 2px 14px;border-right:1px dotted #999;} .tripAdReview{background:url(/_ui/images/ico/trip_advisor_icoSmal.gif) no-repeat 0 3px; padding:2px 5px 2px 24px; margin-left:10px;} .reviewHead{ height:33px;background:url(/_ui/images/bg/reviewHeadBg.gif) repeat-x 40px center; } .reviewHead span{line-height:33px;background:url(/_ui/images/ico/reviewBubble.png) no-repeat right center; font-size:12px; margin-left:10px; color:#2197b1; padding-right:55px;display:block;float:left;font-weight:bold;} .reviewContainer{overflow:hidden; background:#FFF url(/_ui/images/bg/reviewDevider.gif) repeat-y 11px center; border-bottom:1px solid #D5DCE0;width:100%;} .reviewContainer b{display:block; float:left; width:100%;margin-bottom:8px;font-size:11px;letter-spacing:0.5px;} #experiencedetais p a{background:transparent url("/_ui/images/btn/go.png") no-repeat scroll 100% 5px;padding:7px 22px 2px 0;} #experiencedetais p a:hover{background-image:url("/_ui/images/btn/go_hover.png");} #experiencedetais .cancellation-policy a{background:none;padding:0;} .subsContainer{width:242px;margin:0 auto;padding-top:20px;} .newLetter span{font-size:14px;} #CDSWIDSSP{clear:left;}