/* $Id: hayes.css,v 1.178 2012/02/08 10:44:46 awaes.i Exp $ */ @import "searchPanel.css"; /* Remove padding and margin */ * { margin: 0; padding: 0; } /* Put it back on certain elements */ pre, blockquote, fieldset, table, ul { margin: 1em 0; } table, tr, td, th{ text-align:left !important; } /* Class for clearing floats */ .clear { clear:both; } .clearLeft { clear:left; } .clearRight { clear:right; } option { margin-right:1em; } /* Remove border around linked images and fieldset */ a img, fieldset { border: 0; } a:link, a:visited, a:active{ color:#ff6b18; } a:hover{ color:#422C17; } a.secondary:link, a.secondary:visited, a.secondary:active { color:rgb(108,81,0);} a.secondary:hover { color:#422C17;} p.tinyText { font-size: 0.9em; } /*** Typography ************************************************/ body { font: normal 62.5%/1.6 Arial, Verdana, Georgia, "Trebuchet MS", Tahoma, "Times New Roman"; color: #422C17; background: url(../images/pageElements/background/bg.gif) repeat-x top; } body.agentBannerOn { background-position: 0px 42px; } body.bodyBannerOn { background-position: 0px 61px; } body.agentAndOfferBannerOn { background-position: 0px 118px; } .tLeft{ text-align:left !important; } .tRight{ text-align:right !important; } .tCenter{ text-align:center !important; } .fRight{ float:right; } .fLeft{ float:left; } /*** New Button Styles ************************************************/ .viewBtn { background: url(../images/pageElements/buttons/btnView.png) no-repeat; display:block; height:25px; text-indent:-9999px; width:48px; } .viewBtn:hover { background: url(../images/pageElements/buttons/btnView.png) no-repeat 0 -25px; } .submitYourEnquiry input { background: url(../images/pageElements/buttons/btnLogin.gif) no-repeat; border:none; cursor:pointer; display:block; height:25px; line-height:0; margin-bottom:10px; text-indent:-9999px; width:67px; } .submitYourEnquiry input:hover { background: url(../images/pageElements/buttons/btnLogin.gif) no-repeat 0 -25px; } .brochures .reqBrox { background: url(../images/pageElements/buttons/btnRequestBrochure.gif) no-repeat; border:none; cursor:pointer; display:block; height:34px; line-height:0; text-indent:-9999px; width:228px; } .brochures .reqBrox:hover { background: url(../images/pageElements/buttons/btnRequestBrochure.gif) no-repeat 0 -34px; } .balancePayment input#continueBtn { background:url(/themes/hnjww/images/pageElements/buttons/btnContinue.gif) no-repeat; border:0; cursor:pointer; display:block; height:25px; line-height:0; text-indent:-9999px; width:88px; } .countryMap { float:right; text-align:center; width:150px; } .countryMap a { color:#422c17; } .countryMap a:hover { color:#ff6b18; } .countryMap img { margin-bottom:10px; } .countryMap a.map { background:url(/themes/hnjww/images/pageElements/icons/makeMapBig.png) no-repeat; display:block; float:right; line-height:0; margin:0 5px; text-indent:-9999px; height:25px; width:25px; } .countryMap a.map:hover { background:url(/themes/hnjww/images/pageElements/icons/makeMapBig.png) no-repeat 0 -25px; } /* MAP */ a.enlargeMap { float:left; padding-left:25px; color:rgb(108,81,0); text-decoration:underline; background:url(/themes/hnjww/images/pageElements/icons/mapPin.gif) no-repeat; margin:20px 0; } /* GLOBAL ORANGE BUTTON */ a.stdPrimaryBtn span { background: transparent url('/themes/hnjww/images/pageElements/buttons/btn-sprite-orange.gif') no-repeat 0 0; display: block; line-height: 10px; padding: 5px 0 5px 10px; color: #fff; text-shadow : 0 -1px 1px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.3); } a.stdPrimaryBtn { background: transparent url('/themes/hnjww/images/pageElements/buttons/btn-sprite-orange-right.gif') no-repeat top right; float: left; height: 21px; margin-right: 6px; padding-right: 20px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; cursor:pointer; } a.stdPrimaryBtn:hover span { background-position: 0 -21px; color: #fff; } a.stdPrimaryBtn:hover { background-position: right -21px; } a.stdPrimaryBtn:active span { background-position: 0 -42px; color: #fff; line-height:12px; } a.stdPrimaryBtn:active { background-position: right -42px; } /* GLOBAL ORANGE BUTTON LARGE */ a.lrgPrimaryBtn span { background: transparent url('/themes/hnjww/images/pageElements/buttons/btn-sprite-orange-lge.gif') no-repeat 0 0; display: block; line-height: 20px; padding: 5px 0 5px 10px; color: #fff; text-shadow : 0 -1px 1px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.3); } a.lrgPrimaryBtn { background: transparent url('/themes/hnjww/images/pageElements/buttons/btn-sprite-orange-lge-right.gif') no-repeat top right; float: left; height: 30px; margin-right: 6px; padding-right: 20px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; } a.lrgPrimaryBtn:hover span { background-position: 0 -30px; color: #fff; } a.lrgPrimaryBtn:hover { background-position: right -30px; } a.lrgPrimaryBtn:active span { background-position: 0 -60px; color: #fff; line-height:22px; } a.lrgPrimaryBtn:active { background-position: right -60px; } /* GLOBAL SECONDARY BUTTON */ a.stdSecondaryBtn {background: transparent url('/themes/hnjww/images/pageElements/buttons/btn-sprite-secondary-right.gif') no-repeat top right; float: left; height: 21px; margin-right: 6px; padding-right: 20px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;} a.stdSecondaryBtn:hover {background-position: right -21px; } a.stdSecondaryBtn:active { background-position: right -42px;} a.stdSecondaryBtn span { background: transparent url('/themes/hnjww/images/pageElements/buttons/btn-sprite-secondary.gif') no-repeat 0 0; display: block; line-height: 10px; padding: 5px 0 5px 10px; color: #fff; text-shadow : 0 -1px 1px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.3);} a.stdSecondaryBtn:hover span {background-position: 0 -21px; color: #fff;} a.stdSecondaryBtn:active span { background-position: 0 -42px; color: #fff; line-height:12px;} /* GLOBAL ORANGE BUTTON LARGE */ a.lrgSecondaryBtn { background: transparent url('/themes/hnjww/images/pageElements/buttons/btn-sprite-secondary-lge-right.gif') no-repeat top right; float: left; height: 30px; margin-right: 6px; padding-right: 20px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; } a.lrgSecondaryBtn:hover { background-position: right -30px; } a.lrgSecondaryBtn:active { background-position: right -60px;} a.lrgSecondaryBtn span { background: transparent url('/themes/hnjww/images/pageElements/buttons/btn-sprite-secondary-lge.gif') no-repeat 0 0; display: block; line-height: 20px; padding: 5px 0 5px 10px; color: #fff; text-shadow : 0 -1px 1px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.3); } a.lrgSecondaryBtn:hover span {background-position: 0 -30px; color: #fff;} a.lrgSecondaryBtn:active span { background-position: 0 -60px; color: #fff; line-height:22px;} /*** Sitewide Guides ************************************************/ /* Agent Portal Bar */ #agentLoginPanelContainer { position: fixed; left: 0; top: 0; width: 100%; height: 30px; padding: 6px 0; font-size: 1.1em; color: #FFF; overflow: hidden; background: #000 url('../themes/common/images/pageElements/background/agent-portal-bg.jpg') repeat-x 0 -10px; z-index: 10000001; } #agentLoginPanelContainer .agentLoginPanel { width: 976px; height: 30px; margin: 0 auto; } #agentLoginPanelContainer .agentLoginPanel .logo { float: left; width: 82px; height: 0; overflow: hidden; padding: 30px 0 0 0; margin: 0 60px 0 0; background: transparent url('../themes/common/images/logos/shg-logo.jpg') 0 0 no-repeat; } #agentLoginPanelContainer .agentLoginPanel form.siteSwap { float: left; width: 265px; padding: 4px 0 0 0; } #agentLoginPanelContainer .agentLoginPanel form.siteSwap fieldset { margin: 0; padding: 0; } #agentLoginPanelContainer .agentLoginPanel form.siteSwap label { float: left; margin: 0 10px 0 0; line-height: 20px; } #agentLoginPanelContainer .agentLoginPanel form.siteSwap select { float: left; width: 156px; margin: 0 8px 0 0; font-size: 1.2em; } #agentLoginPanelContainer .agentLoginPanel form.siteSwap input { float: left; width: 41px; height: 20px; text-indent: -999px; font-size: 0; line-height: 0; overflow: hidden; border: none; cursor: pointer; background: transparent url('../themes/common/images/pageElements/buttons/go-btn.jpg') no-repeat 0 0; } #agentLoginPanelContainer .agentLoginPanel .loginDetails { float: right; } #agentLoginPanelContainer .agentLoginPanel .loginDetails .loginStatus, #agentLoginPanelContainer .agentLoginPanel .loginDetails .logoutLink { float: left; line-height: 28px; color: #FFF; margin: 0; } #agentLoginPanelContainer .agentLoginPanel .loginDetails .logoutLink { margin: 0 0 0 25px; } #agentLoginPanelContainer .agentLoginPanel .loginDetails .logoutLink a { color: #FFF; text-decoration: underline; } /* EOF Agent Portal Bar */ #container, #popContainer { width: 1000px; margin: 0 auto; position:relative; } #container.agentBannerOn { padding-top: 42px; _padding-top: 0; } #popContainer { font-size:1.2em; width: 585px; background: #fff; } #popContainer li { padding: 5px; } #wrapper { background: url(../images/pageElements/background/containerBg.gif) repeat-y top; float:left; padding:33px 12px 0; width:976px; } #noPaddingWrapper { padding: 0 12px; } #popContainer #wrapper{ padding: 0 12px 12px 12px; margin-top: 0 !important; } #header { height: 122px; background: url("../images/pageElements/background/bgHeadTop.jpg") repeat left top;; } #menu { background: url("../images/pageElements/menuBg.gif") no-repeat; font-size:1.3em; height: 33px; clear: both; padding:0 5px; position:absolute; top:122px; left:0px; width:990px; float:left; } #menu ul { border: 0; display: block; margin: 0; padding: 0; list-style-type: none; list-style: none outside; text-align: center; padding: 0; } #menu li{ float:left; position:relative; } #menu li a { padding: 5px 1em 0 1em; background: url(../images/pageElements/topNavDivide.gif) no-repeat right 0; color:#422C17; float: left; height:33px; text-decoration:none; } #menu a:hover, #menu .subMenu, #menu a.selectedNav.subMenu, #menu a.selectedNav:hover{ background: url(../images/pageElements/topNavHoverBg.gif) repeat-x; color: #fff; } #menu a.selectedNav{ background: url(../images/pageElements/background/topNavOnBg.gif) repeat-x; color:#422C17; font-weight: bold; } #menu ul div{ -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; display:none; position:absolute; top:33px; left:0; background-color:#432D18; border:1px solid #000; color:#fff; width:220px; z-index:1000; } #menu ul div.destinationsNav { width: 692px; } .js #menu ul li a span.dropDown { background: url(../images/pageElements/spriteMenuArrow.gif) no-repeat right -7px; padding-right: 25px; _background: transparent; _padding-right: 1em; } .js #menu ul li a:hover span.dropDown, .js #menu ul li a.subMenu span.dropDown, .js #menu ul li a.selectedNav:hover span.dropDown, .js #menu ul li a.selectedNav.subMenu span.dropDown{ background-position: right -37px ; } .js #menu ul li a.selectedNav span.dropDown{ background-position: right -67px ; } .js #menu li a#destinationsNav, .js #menu li a#holidays { padding-right: 5px; } #menu ul li:hover div, #menu ul a:hover div { display:block; } #menu ul div ul{ float:left; padding:5px 0; } #menu ul div.destinationsNav ul{ border-bottom:1px solid #553F2A; border-right:1px solid #553F2A; height:117px; } #menu ul div ul#subColOne, #menu ul div ul#subColFive { width:150px; } #menu ul div ul#subColTwo, #menu ul div ul#subColSix { width:198px; } #menu ul div ul#subColThree, #menu ul div ul#subColSeven { width:194px; } #menu ul div ul#subColFour { border-right:none; width:147px; } #menu ul div ul#subColFive, #menu ul div ul#subColSix, #menu ul div ul#subColSeven { border-bottom:none; } #menu ul div ul#subColOne li a, #menu ul div ul#subColFive li a { width:130px; } #menu ul div ul#subColTwo li a, #menu ul div ul#subColSix li a { width:178px; } #menu ul div ul#subColThree li a, #menu ul div ul#subColSeven li a { width:174px; } #menu ul div ul#subColFour li a { width:127px; } #menu ul div ul li a{ background:none; color:#fff; display:block; font-weight:normal; height:auto; padding:0 0 0 20px; text-align:left; width:200px; } #menu ul div ul li a:hover{ background:none; background-color:#826C47; } #menu ul div ul li span a { font-weight:bold; } #menu ul div ul li .more{ font-style:italic; text-decoration:underline; } .splashHeader{ background-color:#422c17; color:#fff; margin:20px 0; padding:6px 12px; text-transform:uppercase; } #breadCrumbContainer, #breadCrumbContainerAuto { font-size:1.2em; height: 26px; padding:10px; } #breadCrumbContainerAuto { height: auto;} #breadCrumbContainer a { color:#422C17; text-transform: capitalize; } #breadcrumb, #bCrumbShort, .loggedIn{ float:left; clear: left; } #bCrumbShort{ width:530px; } .browseBreadCrumb { padding: 0; position: relative; z-index: 701; display: inline;} #gmContainer{ background: url(../images/pageElements/background/searchBg.gif) no-repeat; float:right; height:18px; margin-right:25px; padding:10px 10px 10px 30px; width:280px; position:absolute; bottom:-1px; right:0; } #gmContainer input { float:right; margin-left:4px; } #gmContainer input#searchBox { padding:2px; width:210px; } #gmContainer input#gmSearchButton { width:49px; } #column-left { float: left; width: 252px; } .contactUs #column-left { float: left; width: 500px; } .index #column-left { width:310px; } .brochures #column-left, .holidays #column-left { width:228px; } .extras #column-left { width:252px; } .emailRequest #column-left { font-size:1.2em; padding:0 30px 0 10px; width:330px; } #column-left img#callUsNow { margin: 0 0 6px 0 } #column-left img#requestAQuoteBtn { margin: 0 0 6px 0 } #content { width: 710px; float: right; font-size:1.2em; margin-bottom:10px; } .index #content { width:650px; } .brochures #content, .holidays #content {width: 732px;} .extras #content { width:702px; } .emailRequest #content { width:606px; } .tours #content { width:742px; } #content p, #column-left p{ margin:0 0 12px; } #contentInner, #contentInnerV1 { float:left; margin-bottom:10px; padding-bottom:330px; position:relative; } ul.responsibleTourism { margin-left:15px; } .oneColumnContent { float:left !important; width:auto !important; } #browseContent, #bookingContent, #bookingFooter, #offerContent, #destinationContent, #unitContent{ clear:both; float:left; padding-left:13px; width:696px; } #browseContent{ width:710px; } #unitContent{ width: 710px; padding-left: 0; } #bookingContent { padding-top: 10px; } #browseContent h1 { margin-top:15px; } .greenSquareBullet { list-style-image:url(themes/hnjww/images/pageElements/icons/bullet.gif); margin-left:20px; } .doubleBarContainer, #searchPanel, #middleOffers{ /*background: #fff url("../images/pageElements/vLineGold.gif") repeat-y left top;*/ margin-bottom:12px; /*padding-left:17px;*/ } .sideBox{ float:right; width:196px; } .imageBox{ float:right; padding-left:6px; width:254px; } .noCurveBox{ padding-left:12px; padding-top:0px; margin-bottom: 1em; } .noCurveBox ul{ margin:1em 2em; } .topLeftCurveContent{ width:466px; } .topLeftCurveContentImageContent{ width:404px; } .bottomRightCurveBox{ background-image:url(../images/pageElements/background/bottomRightCurve.gif); background-position:100% 100%; background-repeat:no-repeat; padding-bottom:12px; padding-right:12px; } #waiting { display:none; margin:20px 0; } #waiting.show { display:block; } #waiting_box { background: url(../images/pageElements/background/waitBkg.gif) no-repeat top center; text-align: center; margin: 0 auto; width: 808px; height: 441px; } #waiting_header { font-size: 24px; padding-top: 10px; font-weight: bold; color: #452b10; } #waiting_ad { color: #888; font-size: 11px; font-weight: bold; text-align: right; margin: 0 7px 0 0; } #waiting_header img { margin: 5px 0 10px 0; } #waiting_footer { margin: 0 0 0 20px; text-align: left; } #waiting_footer img { float: left; margin: 0 10px 0 0; } #waiting_footer #confidence { width: 600px; font-size: 11px; color: #452b10; } #waiting_footer span { font-size: 16px; font-weight: bold; line-height: 18px; color: #452b10; } .callToBookWidget, .discountWeddingBox { float: right; line-height: 1.1em; background: #F8F8F8; padding: 10px 7px; border: 1px solid #E7E7E7; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .callToBookWidget h4, .callToBookWidget .telNo { color: #FF6B18; } .callToBookWidget h4 { font-weight: normal; font-size: 18px; margin: 0 0 5px 0; } .callToBookWidget p, .discountWeddingBox p { clear: left; margin: 0 !important; line-height: 1.2em; } .callToBookWidget .telNo { height: 26px; padding-left: 30px; margin: 0 0 4px 0 !important; line-height: 26px; font-size: 23px; font-weight: bold; background: transparent url('themes/hnjww/images/pageElements/icons/iconTelephone.gif') 0 50% no-repeat; } .callToBookWidget-2, .callToBookWidget-3 { border: none; background: 0; padding: 0; } .callToBookWidget-3 h4 { font-size: 16px; } .callToBookWidget-3 .telNo { float: left; clear: left; font-size: 20px; background-image: url('themes/hnjww/images/pageElements/icons/iconTelephoneSml.gif'); height: 24px; line-height: 24px; } .bedBank-CTB .callToBookWidget-2 { float: left; } .callToBookWidget-5 { background-image: none; border: solid 1px #C8BEA1; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; width: 230px; padding: 10px; background-color: #F4F3EF } .callToBookWidget-5 h4 { font-size: 21px; font-weight: normal; color: #422C17; line-height: 23px; } .callToBookWidget-5 p { font-size: 13px; padding-bottom: 5px; } .callToBookWidget-5 .telNo { background-position: 0 4px; } #ftrCntr{ background:#14100F url(../images/pageElements/background/ftrTopBgTile.gif) repeat-x; clear:both; } #ftrTop{ background:#14100F url(../images/pageElements/background/ftrTopBg.gif) no-repeat; height:8px; } #footer { background:#221A17 url(../images/pageElements/background/ftrBgTile.gif) repeat-y; font-size:1.2em; margin:0 auto; padding-bottom:10px; width:1000px; } #footer .ftrCol{ float:left; width:210px; padding:20px 20px 0; } #footer .ftrCol p{ margin:0; text-transform:uppercase; } #footer ul{ list-style:none; } #footer p{ clear:left; color:#fff; margin:0 20px 20px; } #footer p.ftrTxt{ display:inline; float:left; margin-top:20px; width:575px; } #footer p.offerTerms{ border:1px solid #553F2A; padding:5px; } #footer #bonding{ -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color:#fff; float:right; margin:20px; padding:20px; width:265px; } #footer #bonding img, #footer #bonding img.fRight{ border:0; margin-bottom:20px; } #footer p.cCardIcons{ margin:0; } #footer p.cCardIcons label{ color:#180001; float:left; } #footer p.cCardIcons span.logo{ background:transparent url(../images/pageElements/icons/ccards.gif) no-repeat scroll 0 0; display:block; float:left; height:0; margin-left:15px; overflow:hidden; padding-top:24px; width:138px; } /*** Generic Picture Styling ************************************************/ p img, .offerItem a img.offer{ float:right; margin: 0 0 12px 12px; padding:2px; } img.contentImage{ height:112px; width:150px; } .offerItem a img.offer{ width:94px; height:74px; } p.resortHeading img{ border: none; float:none; margin:0; padding:0; } a.viewOffersBtn { background: url(../themes/hnjww/images/pageElements/buttons/ViewOffer.gif) no-repeat; display:block; float:right; height:25px; margin:10px; text-indent:-9999px; width:96px; } a.viewOffersBtn:hover { background: url(../themes/hnjww/images/pageElements/buttons/ViewOffer.gif) no-repeat 0 -25px; } /*** On splash page - for multiple text and images in highlight ************************************************/ .multipleImages{ float: right; width: 128px; padding-left: 15px; } .multipleImages img{ margin-bottom: 10px; } .highlightMultipleTextImage{ width: 100%; } .fixedWidth{ width: 550px; } /*** Headings ************************************************/ h1, h2, h3, h4 { font-weight: normal; } h1{ font-size: 24px; line-height: 26px; margin: 0px 0px 5px 0px; } h2{ font-size: 20px; } img.headerImage { margin-bottom:10px; } img.headerImagePaE { margin: 1px 0 15px 2px; } #logo a { display: block; height: 61px; text-indent:-9999px; width:318px; } h3 { font-size:18px; } h3.sale {margin-bottom: 20px; } h4 { font-size:16px; font-weight:bold; } /*** Header Elements ************************************************/ #logo { background: url(../images/pageElements/logo.gif) no-repeat; float: left; height: 61px; margin: 25px 20px; width:318px; } #tagline { float: left; margin-top: 48px; width: 265px; height: 21px; } #head-right,#agent-right { float: right; height:120px; padding: 0 12px 0 0; position:relative; width: 610px; } #agent-right { padding-top:0; } #head-right #topnav, #agent-right #agentLogedIn { float: right; color: #d8c99d; font-size: 1.2em; line-height: 1.2em; } #head-right #topnav { margin-bottom:5px; padding: 3px 5px; } #topnav a:link, #topnav a:visited, #topnav a:active, #footer a:link, #footer a:visited, #footer a:active{ color: #d8c99d; text-decoration: none; } #topnav a:hover, #footer a:hover{ color: #f4e3b1; text-decoration: underline; } #head-right #slogan { float: right; margin-right:5px; width:300px; } #sloganAgent { float: right; padding: 20px; width:317px; } #sloganAgent p{ color:#d8c99d; font-size:2em; text-align:right; text-transform:uppercase; } #head-right #slogan .agent{ margin-top: 20px; } #head-right #slogan .bookOnlineImage,#agent-right #slogan .bookOnlineImage{ padding-right: 10px; margin-bottom: 10px; } #head-right #slogan .atolHeaderLogo{ margin-top: 5px; } #head-right #slogan #leftPhone { float:right; } .agentLogin #head-right #slogan #leftPhone { margin-top:20px; } #head-right #slogan #phoneRow { color: #fff; } #head-right #slogan #opening { text-align: right; } #head-right #slogan #opening a { text-decoration: none; } #head-right #slogan #opening a:hover { text-decoration: underline; } #head-right #slogan #opening a { float: none; color: #D8C99D; } #head-right #slogan #opening a:hover { color: #f4e3b1 } #head-right #slogan #opening p { font-size:12px; clear: both; } #head-right #slogan #opening img { position: absolute; } #head-right #slogan #opening #timesOff { display:none; top:5px; left:-130px; } #head-right #slogan #opening #timesOn { top: 10px; left: 0; } /* ensure opening times appears over menu in IE*/ #header, #head-right, #slogan, #topnav, #container { z-index: 2; } #head-right #slogan #call { color: #fff; float:left; font-size: 12px; font-weight: bold; margin: 7px 10px 0 0; } #head-right #slogan #phone { color: #fff; float:left; font-size: 20px; line-height:1.4em; } #head-right #slogan a { float:left; } .printOnly, .hide, .ui-tabs-hide{ display:none; } /*** Agent Banner ************************************************/ #agentLogedIn ul{ margin:0; margin-left: 40px; /*margin between first menu item and left browser edge*/ padding: 0; list-style: none; } #agentLogedIn li{ float: left; margin: 0; padding: 0; background:url("../images/pageElements/tabs/agentRight.gif") no-repeat left bottom; list-style: none; } #agentLogedIn p{ float: left; display: block; padding: 5px 15px; /*Padding within each menu item*/ background:url("../images/pageElements/tabs/agentLeft.gif") no-repeat right bottom; } #agentLogedIn p{ float: left; color:#180001; } #agentLogedIn a { color:#422c17; } /*** Forms ************************************************/ input, select { font-size:1em; } input.text{ width:98px; } select.short{ width:36px; } select.medium{ width:54px; } select.short{ width:42px; } select.title{ width:62px; } .formFieldHighlight { border: 1px solid #ff0000; background-color: #f8dbdb; } /*** Error / Boxes ************************************************/ #infoBox{ background:#CAC1A4 url("../images/pageElements/background/infoBoxBg.gif") repeat left top; } #infoBox p{ background:#CAC1A4 url("../images/pageElements/background/infoBoxTop.gif") no-repeat left top; border-bottom: 2px #180001 solid; font-weight:bold; margin-bottom:6px; padding:2px 6px 2px 10px; } #infoBox div{ padding-bottom:45px; padding-left:10px; padding-right:10px; background: url("../images/pageElements/background/infoBoxBottom.jpg") no-repeat left bottom; } .infoContent #infoGallery{ background-image:none; border-bottom-color:#C8BEA1; border-bottom-style:dashed; border-bottom-width:2px; margin-bottom:6px; padding-bottom:6px; padding-left:133px; text-align:center; width:118px; } #offerBox{ background:#CAC1A4 url("../images/pageElements/background/offerBoxMid.gif") repeat left top; border-left: 12px Solid #fff; border-bottom: 34px Solid #fff; width:263px; } #splashOfferBox{ background-color: #F4F3F0; border-left: 12px Solid #fff; border-bottom: 34px Solid #fff; width:330px; } p.highlight, #offerBox p, h2.highlight, h3.highlight{ background:#CAC1A4; clear:left; font-weight:bold; margin-bottom:6px; padding:2px 6px 2px 10px; } h2.highlight, h3.highlight{ color:#000; font-size: 1em; margin-bottom:12px; } #offerBox p{ background:#CAC1A4 url("../images/pageElements/background/offerBoxTop.gif") no-repeat left top; border-bottom: 2px #180001 solid; } #offerBox div{ padding-bottom:38px; padding-left:10px; padding-right:10px; background: url("../images/pageElements/background/offerBoxBottom.jpg") no-repeat left bottom; } #toursRightColumn .offerContent{ border: 1px solid #AD9B69; padding: 10px; } #offerBox .offerContent div, #offerBox .offerContent div.offerItem{ background:none; clear:both; margin-bottom:6px; padding:0; } #offerBox .offerContent div.offerItem div.offerLink{ border-bottom:1px dashed #C8BEA1; } #offerBox .offerContent div.offerItem p, #offerBox .offerContent div.offerItem div.offerLink p{ background:none; border:none; padding:0; } #bookingContent .pricingElements, #errataBox, .errataBox{ background:#F4F3EF url(themes/hnjww/images/pageElements/icons/icnNote.png) no-repeat left top; background-position: 6px 12px; clear:both; padding:12px 12px 12px 56px; } /* **************** Site Error ******************* */ #errataBox h3.openingHoursHead { margin: 0 0 5px 0; font-size: 1em; font-weight: bold; } #errataBox dl.openingTimes { width: 250px; clear: both; overflow: hidden; margin: 0 0 12px 0; line-height: 1.4em; } #errataBox dl.openingTimes dt { float: left; clear: left; width:130px; font-weight: bold; } #errataBox dl.openingTimes dd { float: left; width: 115px; } /* **************** EOF Site Error ******************* */ .newsCntr { background: #988159 url("../images/pageElements/background/newsBgTop.gif") no-repeat top left; color:#fff; padding-top: 12px; padding-left: 15px; width: 635px; float:left; } .newsCntrFooter { background:url("../images/pageElements/background/newsBgBtm.gif") no-repeat left bottom; margin-bottom: 10px; float: left; height: 3px; width: 650px; } .newsCntr li{ float:right; list-style:none; margin: 0px 0px 3px 0px; width:470px; } .newsCntr li.first{ float:left; width:160px; } .newsCntr li a{ color:#fff; font-weight:bold; } /* BACKEND-72 Notices edited in web admin */ #notices {display:none;} .notice {width: 500px; min-height: 200px; } .notice h1 p {font-size: 24px } .notice p {font-size: 13px;} #news.newsCntr ul {width: 430px; float: right; margin: 3px 0px 5px 0px; padding: 0px} #news.newsCntr h3 {background: transparent; display: inline; font-size: 1.1em; font-weight: normal; float: left; width: 140px; } #news.newsCntr li a p {margin-bottom: 0px; margin-top: 0px; text-decoration: none;} #news.newsCntr li a {text-decoration: underline; float: left; color: #fff;} #news.newsCntr li a:hover {text-decoration: none; } /*** Left Column Lower Panel ************************************************/ .bkOnline { clear: left; padding: 7px 15px 0;} .bkOnline span {display:block; background: #EDE7DD; font-size: 124%; padding: 5px 16px; text-align: center; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px; border-radius: 6px; } .index .bkOnline span { font-size: 130%;} .expertAdvice { text-align: center; font-size:15px; font-weight:bold; line-height:1.6em; margin-bottom:15px; padding-left:10px; } .expertAdvice span { color:#422C17; display:block; font-size:22px; font-weight:normal; text-transform:uppercase; } .expertAdvice strong { color:#a88f61; display:block; font-size:20px; font-weight:normal; } #emailOffers {width:310px; padding:38px 0px 0px 0px; margin-bottom:12px; float:left; clear:both; background:url(../images/pageElements/background/emailSignUpTopSection.gif); background-position:top left; background-repeat:no-repeat;} #emailOffers .insideEmailOffers {width:280px; padding:0px 15px 12px 15px; float:left; clear:both; background:url(../images/pageElements/background/emailSignUpBtmSection.gif); background-position:bottom left; background-repeat:no-repeat;} #emailOffers h2 {display:none; } #emailOffers form, #emailOffers form fieldset {padding:0px 0px 0px 0px; margin:0px;} #emailOffers input {width:100px; float:left; clear:both; } #emailOffers input.text {width:160px; border:solid 1px #dcd0bb; font-size:120%; color:#999; margin-right:12px; padding:3px 5px 3px 5px;} #emailOffers input.signUp {width:66px; margin:0px; clear:none; background:url(../images/pageElements/buttons/btnSignUp.png) no-repeat; border:none; cursor:pointer; height:25px; line-height:0; text-indent:-9999px; } #emailOffers input.signUp:hover { background:url(../images/pageElements/buttons/btnSignUp.png) no-repeat 0 -25px; } .barclaycard-freedom #emailOffers {width:252px; height: 71px; background: url(../images/pageElements/background/SignupBg.jpg) 0 0 no-repeat; } .barclaycard-freedom #emailOffers .insideEmailOffers { width:222px; background:transparent none } .barclaycard-freedom #emailOffers form, .barclaycard-freedom #emailOffers form fieldset {padding:0px 0px 0px 0px; margin:0px;} .barclaycard-freedom #emailOffers input.signUp { margin: 12px 0 0 109px; } /*Your booking is safe*/ .bookingIsSafe {width:310px; padding:38px 0px 0px 0px; margin-bottom:12px; float:left; clear:both; background:url(../images/pageElements/background/safeBookingTop.gif); background-position:top left; background-repeat:no-repeat;} .bookingIsSafe .insideBookingIsSafe {width:288px; padding:0px 7px 12px 15px; float:left; clear:both; background:url(../images/pageElements/background/safeBookingBtm.gif); background-position:bottom left; background-repeat:no-repeat;} .bookingIsSafe h2 {display:none; } .bookingIsSafe ul.safeBooking {width:288px; float:left; clear:both; padding:0px; margin:0px; list-style-type:none;} .bookingIsSafe ul.safeBooking li {width:auto; float:left; clear:none; padding:55px 0px 0px 0px; margin:0px 8px 0px 0px; background-position:top left; background-repeat:no-repeat;} .bookingIsSafe ul.safeBooking li.atol {width:57px; background-image:url(../images/pageElements/background/atolbg.gif);} .bookingIsSafe ul.safeBooking li.verisign {width:77px; background-image:url(../images/pageElements/background/verisignbg.gif);} .bookingIsSafe ul.safeBooking li.iata {width:47px; background-image:url(../images/pageElements/background/iatabg.gif);} .bookingIsSafe ul.safeBooking li.fto {width:31px; background-image:url(../images/pageElements/background/ftobg.gif);} .bookingIsSafe ul.safeBooking li.abta {width:31px; background-image:url(../images/pageElements/background/abtabg.gif);} .bookingIsSafe ul.safeBooking li a {width:100%; float:left; clear:both; overflow:hidden; padding-top:55px; margin-top:-55px; background-color:transparent; } .bookingIsSafe ul.safeBooking li span {display:none;} .paymentVerificationLogos { width: 161px; overflow: hidden; clear: both; margin: 0 auto 30px auto; } .paymentVerificationLogos span { float: left; height: 0; overflow: hidden; padding: 31px 0 0 0; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; } .paymentVerificationLogos .secureCode { width: 74px; margin: 0 20px 0 0; background-image: url(../images/pageElements/background/MasterSecure.gif); } .paymentVerificationLogos .verifiedByVisa { width: 67px; background-image: url(../images/pageElements/background/VerifiedVisa.gif); } /*** Left Column Offers Panel Region / Resort List ******************************************************/ .leftColumnText { font-size: 13px; font-weight: bold; padding: 15px 13px 0px; } .leftColumnResortList { display:inline; float:left; height: 200px; margin-left:3px; width:125px; } .destinationRegion { margin-bottom:10px; } /*** Gallery *************************************************/ #image-paging{ padding:0; height:32px; padding-top:6px; } #image-paging ul{ list-style-type:none; margin:0; padding:0; } #image-paging ul.paging{ float:right; width:auto; } #image-paging ul.paging li{ display:block; float:left; padding:1px 5px 0 5px; width:auto; } #image-paging ul.paging li.previous{ padding:0 2px 0 0; } #image-paging ul.paging li.next{ padding:0 0 0 6px; } #image-paging ul img{ border:0px !important; } /*** Splash Pages *************************************************/ .splashPageMinHeight { height:103px; } .splashPageUV { float:right; padding-left:18px; } #splasPageUVContainer { float:right; margin: 10px 0px 10px 10px; } #splasPageUVContainer div { background:url(../themes/hnjww/images/ads/unmistakableValue/unmistakableListBG.gif); height: 98px; margin-bottom: 10px; padding:12px 12px 12px 24px; width: 670px; } #splasPageUVContainer p { padding-left:9px; font-size:11px; } #splasPageUVContainer ul { margin:0px !important; padding:6px 16px 0px 16px; list-style-image:url(../themes/hnjww/images/pageElements/icons/bullet.gif); } #splasPageUVContainer ul.top { float: left; width: 350px; } .topLeftCurveBox div div ul { list-style-image:url(../themes/hnjww/images/pageElements/icons/bullet.gif); } .splasPageUV { height:143px; } .subHightlight { padding-top:6px; border-top:1px dashed #000000; } .splashPageUL { height:108px; } .subHightlight img { margin:18px; } .splashpage .offer{ border-top: 1px solid #CAC1A4; } /*** Special Request on Splash Pages *************************************************/ .textLeft img{ float: right; } .textLeft .text{ width: 560px; float: left; } .fixedWidth{ width: 560px; } .terms{ font-size: 11px; } /*** Brochure Landing Pages *************************************************/ .brochureCover132{ width:138px; float: right; } .brochureCover158{ float:right; margin-left:15px; width:164px; } .brochureCover132 img, .brochureCover158 img{ border: 1px solid #98834D; padding: 2px; } /*** Latin America & Caribbean Brochure *************************************************/ img.broxTouring1, img.broxTouring2, img.broxTouring3, img.broxTouring4, img.broxTouring5 { margin:7px 3px; float:left; } img.broxTouring2 { margin:7px 3px 7px 9px!important; } img.broxTouring3 { float:right!important; } img.broxTouring4 { margin:7px 7px 7px 100px!important; } img.broxTouring5 { margin:7px!important; } /*** Hidden Search Parameters in Booking Confirmation page for TeaLeaf UKSD # 4447 *************************************************************************************/ .searchFields { display:none!important; } /*** Static Top Offer Banner Styles - (These affect all pages of the site) **************************************************************************/ /* Push container down when banner displayed */ #container.offerBannerOn { padding-top: 62px; } /* IE6 specific fix for banner */ * html #wrapper { margin-top: 0 !important; } * html #container.offerBannerOn { padding-top: 0px; } #offerBanner { position:fixed; _position: relative; /* IE6 Fix for absolutely positioned breakout image*/ top:0; left:0; width:100%; height: 66px; background: url(../images/offers/bnrBankHolsRepeat.png) repeat-x left top; color:#fff; z-index:100; margin: auto 0; } #offerBanner.agentPortalOn { position: relative; padding-top: 52px; _padding-top: 10px; background-position: left bottom; background-color: #FFF; clear: none; } #menu.menuBannerOn { top: 183px; _top: 117px; /* IE6 css */ display: inline; border-top: 0px; margin-top: 0px; } body.agentBannerOn #menu { top: 164px; _top: 122px; } body.agentAndOfferBannerOn #menu { top: 122px; } #bannerWrapper { position: relative; width: 960px; margin: 0 auto; height: 61px; } #bannerWrapper.bannerWrapperNoBtn { width: 813px } #bannerWrapper.bannerWrapperNoBtn.stage6 { width: 878px } .bhStampContainer { position: absolute; left: 0px; top: 0px; z-index: 1000; width: 90px; height: 85px; } .bhStamp { width: 90px; height: 85px; background: transparent url(../images/offers/bank-holiday-sale-flash.png) no-repeat top left; } #bannerWrapper p.offer { float: left; display: inline; width: 855px; height: 0; padding-top: 55px; margin: 0; overflow:hidden; background: transparent url(../images/offers/toyBnrTxt.jpg) no-repeat top left; } #bannerWrapper.stage6 p.offer { background-image: url('../images/offers/staticBannerStage6.jpg'); } #bannerWrapper.stage7 p.offer { background-image: url('../images/offers/staticBannerStage7.jpg'); } #bannerWrapper .offerBtn { float: right; margin: 16px 0 0 0; display: inline; } #countContainer { float: left; margin: 2px 0 0 0; } #countContainer #countdown_dashboard { width:280px; height:54px; overflow: hidden; } .splashpage .sandals241 { margin-top:15px; } .splashpage #sandalsTop{border:1px solid black;height:216px} .splashpage #sandalsTop div{float:left;} .splashpage #sandalsTop div ul{padding-left:25px;list-style-type:none;line-height:1} .splashpage #sandalsTop div ul a{text-decoration:none;} .splashpage .sandalsPanel{background:url(../images/ads/sandals/newDesign/boxBgCircles1.gif) no-repeat bottom;border:1px solid black;} .splashpage .sandalsPanel img{float:left; margin:20px; } .splashpage .sandalsPanel .offerHeader{font-size:10pt} #content .splashpage .sandalsPanel p{margin:10px 25px 10px 214px} #content .splashpage .sandalsPanel p.moreLink{text-align:right; display:block; overflow:hidden;} #content .splashpage .sandalsPanel p.moreLink a{font-weight:bold;} #content .splashpage .sandalsPanel p.moreLink a:hover{text-decoration:none;} .splashpage .panelContainer{margin-top:20px;} .splashpage .footNote{border:1px solid black;border-top:none;font-size:8pt;} #content .splashpage .footNote p{margin:0 3px 3px 3px} .splashpage #sandalsTop .sandalsLinks li{padding-bottom:10px} .splashpage #sandalsTop .sandalsLinks li a{color:#26567C;font-size:12pt} .splashpage #sandalsTop .sandalsLinks li .smallLink{font-size:8pt} .splashpage .section{margin-top:30px} .splashpage .section .right{float:right;margin-left:20px;} .splashpage .section .left{float:left;margin-right:20px;} .splashpage .section .header{font-size:12pt;font-weight:bold;} .splashpage .section ul{margin-left:50px} .splashpage .section ul a{text-decoration:none;color:#26567C;} .splashpage .section .narrow{width:350px;} .sandalsOffers #offerBox {width:253px;border-left:none;} .sandalsOffers #offerBox p {background:url("../images/pageElements/background/sandalsOfferBoxTop.gif") no-repeat scroll left top #CAC1A4} /* Volcano FAQs */ .faqsVolcano ul li strong { font-size: 1.2em; } .faqsVolcano .btt { clear: both; display: block; float: right; } .faqsVolcano .highlight { clear: both; } /*** TOY 2010 Styles - (These affect all pages of the site) **************************************************************/ #twoHundredOffer { position:fixed; top:0; left:0; width:100%; /* height:73px; */ background: url(../images/offers/TOYbg.jpg) repeat-x; color:#fff; z-index:100; text-align:center; margin: auto 0; } #twoHundredOffer #offer200Off { margin-top:-1px; margin-left:30px; } #twoHundredOffer.noClick { background: url(../images/offers/TOYbg.jpg) center repeat-x; } #twoHundredOffer.noClick div img { margin-left:140px!important; } /*** Exclusive Guarantee - Volcanic Ash **************************************************************/ #exGteeImg { float: right; } #exGtee1 { font-size: 14px; font-weight: bold; } #exGtee2 { color: #999; font-size: 21px; font-weight: bold; margin-top: -10px; text-transform: uppercase; } #exGtee3 { font-size: 26px; font-weight: bold; margin-top: -18px; } #exGtee4 { background: url(../images/pageElements/background/exclusiveGuarantee.gif) no-repeat; color: #fff; font-size: 18px; font-weight: bold; line-height: 18px; margin: 0 0 10px 0; padding: 12px; height: 69px; width: 453px; } .exGtee { width: 465px; } #newOrleansPage .header{background-color:#EADDC0;color:#8A4B00;padding:5px 0 5px 5px;margin:10px 0 20px 0;clear:both;font-weight:bold;font-size:12pt;} #newOrleansPage .header a{color:#8A4B00;font-weight:bold;font-size:12pt;text-decoration:underline;} #newOrleansPage .section{clear:both;padding:0 10px;} #newOrleansPage .section p{padding-top:15px;} #newOrleansPage .section .left{float:left;margin-right:15px;} #newOrleansPage .section .right{float:right;margin-left:15px;} /* APIS - #5032 */ /****************/ h3.importantInformation { color: #ff6b18; margin: 3px 0px; } .apis h2 { margin-bottom:0px; } .apis ul { margin-left:25px; } .apis h4 { margin-bottom: 10px;} div.apisFeatures div.header { background: #fff url("../images/pageElements/background/features-top.gif") no-repeat top left; height: 6px; overflow: hidden; /* for IE6 */ } div.apisFeatures div.content { background: #fff url("../images/pageElements/background/features-mid.gif") repeat-y top left; padding: 10px 10px 10px 20px; width: 710px; float: left; } div.apisFeatures div.footer { background: #fff url("../images/pageElements/background/features-bot.gif") no-repeat top left; height: 6px; margin-bottom: 20px; width: 710px; float: left; } .sunResortPage {display:block; width:682px;} .sunResortPage .section .offers{background-color:#EAE3D0;padding:10px;border:1px solid #CBB987} .sunResortPage .section {display:block; overflow:hidden; } .sunResortPage .section ul {list-style-position:outside; display:block; margin-left:30px; list-style-type:disc; } .sunResortPage .section ul li {padding-left:5px;} .sunResortPage h2 a {display:block; width:662px; background-color:#CBB987; border:1px solid #ACA286; padding:2px 10px; font-weight:bold; color:#090601; font-size:0.9em; } .sunResortPage p {margin:0px; padding:5px 0px; } .sunResortPage .section p {margin:5px; padding:10px; } .sunResortPage .section .desc {margin-left:15px; } .sunResortPage .section .desc img{float:right;margin-left:15px;} /* Holiday Brochure Splash Page - #5231 */ /****************************************/ .b {font-weight:bold; } .bk {display:block; } .ital {font-style:italic; } .fl {float:left; } .fr {float:right; } .tac {text-align:center; } .p5 {padding:5px; } #holidayBrochures {margin-top:-12px; } #holidayBrochures.altHBctrl {margin-top:0px; } #holidayBrochures.altHBctrl h1 {padding:0px; } #holidayBrochures #leftSide {width:485px; margin-right:10px; } #holidayBrochures #rightSide {width:200px; } #holidayBrochures h1, #holidayBrochures h3, #holidayBrochures h4, #holidayBrochures h5, #holidayBrochures h6 {margin:0px; padding:0px; border:none; color:#000; text-transform: uppercase; } #holidayBrochures h1 {font-size:1.9em; min-height:40px; padding-top:12px; } #holidayBrochures h2 {font-size:1.4em; font-weight:bold; text-transform:uppercase; } #holidayBrochures .fieldsetRightCol h2 { border:0; font-size:14px; font-weight:normal; } #holidayBrochures h3 {font-size:1.2em; line-height: 1.2em; height: 2.3em; } #holidayBrochures h4 {font-size:1.1em; } #holidayBrochures h5 {font-size:1.1em; } #holidayBrochures h6 {font-size:1.0em; } #hbSide {float:left; padding:5px; background-color:#EDE9E0; width:218px; } #hbSide .title {padding:10px; font-size:1.2em; font-weight:bold; } #hbSide ul {margin-left:20px; } #hbSide a {text-decoration:none; font-size:1.1em; } #hbSide a:hover, #hbSide a:active {text-decoration:underline; font-weight:bold; } #hbSide a.sel {text-decoration:underline; } #holidayBrochures .clearfloat {clear:both; } .holidayBrochures .thumb {margin-bottom:30px; overflow:hidden; } .holidayBrochures .thumb li {float:left; display:block; list-style:none; font-weight:bold; margin-right:5px; font-size:1.1em; } .holidayBrochures .thumb a, .holidayBrochures .thumb .widH {display:block; font-weight:bold; width:154px; } .holidayBrochures .thumb img {border:2px solid #E7E2D5; display:block; height:100px; } .holidayBrochures .bor {border:2px solid #E7E2D5; margin-bottom:10px; display:block; padding:0px; } .holidayBrochures p {margin:0px; padding:0px; } .holidayBrochures .dtul {margin-left:20px; font-weight:bold; } /****** Left Col Menu ******/ .leftColMenu { width:252px; } .brochures .leftColMenu, .holidays .leftColMenu { width:228px; } .extras .leftColMenu { width:252px; margin-bottom: 15px; overflow: hidden; } .leftColMenu ul { background-color:#e6e3dc; float:left; margin:0; list-style-type:none; } .leftColMenu ul ul { margin:0; } .leftColMenu li { border-top:1px solid #c8bea1; clear:left; float:left; position:relative; width:252px; } .brochures .leftColMenu li, .holidays .leftColMenu li{ width:228px; } .extras .leftColMenu li { width:252px; } .leftColMenu li.innerNavContainer { border: none; } .leftColMenu li a, .leftColMenu li.selected span { background:url(../images/pageElements/background/menuLeftColSprite.gif) no-repeat 16px 11px; color:#422c18; display:block; font-size:12px; outline:0; padding:4px 10px 4px 30px; text-decoration:none; } .leftColMenu li a:hover { text-decoration:underline; } .leftColMenu li a.noLink:hover { text-decoration:none; } .leftColMenu li a:visited { color:#422c17; } .leftColMenu li.first a, .leftColMenu li.first .on a { background-position:8px -27px; padding-left:20px; } .leftColMenu li.firstOn a, .leftColMenu li.firstOn a:hover { background-color:#422c17; background-position:8px -69px; color:#fff; padding-left:20px; } .leftColMenu li.selected span { background-color:#422c17; background-position:16px -69px; color:#fff; padding-left:30px; } .leftColMenu ul.inner li.selected span { padding-left: 45px; background-color:#422c17; background-position:30px -69px; color:#fff; } .leftColMenu li.firstOn a:visited, .leftColMenu li.on a:visited { color: #fff; } .leftColMenu li .menuSub { float:left; width:184px; } .brochures .leftColMenu li .menuSub, .holidays .leftColMenu li .menuSub { width: 160px; } .extras .leftColMenu li .menuSub { width: 184px; } .leftColMenu li .menuSub.down { background-position:16px -27px; } .leftColMenu li.on .menuSub.down { background-position:16px -108px; color:#fff; } .leftColMenu li.on { background:#422c17; } .leftColMenu li.on li { background:#E6E3DC; } .leftColMenu ul li.on a { background-color:#422c17; background-position:16px -69px; color: #fff} .leftColMenu li a.toggle, .leftColMenu li.on a.toggle { background-position:5px -235px; float:left; height:17px; padding:4px; width:20px; } .leftColMenu li a.toggle:hover { background-position:5px -275px; text-decoration:none; } .leftColMenu li a.open, .leftColMenu li.on a.open { background-position:5px -155px; } .leftColMenu li a.open:hover { background-position:5px -195px; } .leftColMenu ul.inner.on { display: block; } .leftColMenu ul.inner li { border-left:none; border-right:none; } .leftColMenu ul.inner li.on a.subMenu, .leftColMenu ul.inner li.on a.subMenu:hover, .leftColMenu ul.inner li.subOn a.subMenu, .leftColMenu ul.inner li.subOn a.subMenu:hover { background-color:#422c17; background-position:30px -69px; color:#fff; } .leftColMenu ul.inner li a.subMenu, .leftColMenu ul.inner li a.subMenuA { background-color:#E6E3DC; background-position:30px 11px; color:#422c17; padding-left:45px; } .leftColMenu ul.inner li a.subMenu:visited { color:#422c17;} .leftColMenu ul.inner li.subOn a.subMenu:visited { color:#fff;} /* More list Items */ #destinationContent li, ul.info li{ font-weight:normal; background:url("../images/pageElements/background/menuLeftColArrowSprite.gif") no-repeat scroll 0 -221px transparent; padding-left: 15px; list-style: none outside none; } /*new for stars*/ #content .starSet, .starSet {clear:both; float:none; display:block; margin:0px; padding:0px; border:none; } #content .tourContentBox .starSet {margin-top:0px; } #content .starSet img, .starSet img {float:none; margin:0px; padding:0px; border:none; } #content span.nameb {font-weight:bold; margin:0px; padding:0px; padding-bottom:10px; display:block; } #content p.name {margin:0px; } .TODO { border:#ff0000 1px dashed; } .txtCallToBook_rightAligned { float:right; margin-right:5px; font-weight:bold; } /* Confidence */ #confidence {float: left;} #confidence #text {float: left; width: 452px;} #confidence #imagery {float: left;width: 218px;margin-left: 20px;} #confidence h1 {margin-top: 0px; border-bottom: none;} /* Holidays section */ .holidays ul#holidaysIndex li { float:left; height:19px; list-style:none; margin:0 10px 10px 0; padding:108px 15px 10px; width:204px; } .holidays ul#holidaysIndex li a { background: url(../images/pageElements/background/menuLeftColArrowSprite.gif) no-repeat 0 3px; color:#422C17; font-weight:bold; padding-left:15px; } .holidays ul#holidaysIndex li a:hover { background: url(../images/pageElements/background/menuLeftColArrowSprite.gif) no-repeat 0 -223px; color:#ff6b18; } .holidays ul#holidaysIndex li.worldwide-collection { background: url(../images/holidays/wwBtn.jpg) no-repeat } .holidays ul#holidaysIndex li.all-inclusive-holidays { background: url(../images/holidays/allIncBtn.jpg) no-repeat } .holidays ul#holidaysIndex li.usa-and-canada-holidays { background: url(../images/holidays/usaBtn.jpg) no-repeat } .holidays ul#holidaysIndex li.exclusive { background: url(../images/holidays/exclBtn.jpg) no-repeat } .holidays ul#holidaysIndex li.twin-and-multicentres { background: url(../images/holidays/twinMultiBtn.jpg) no-repeat } .holidays ul#holidaysIndex li.spa-holidays { background: url(../images/holidays/spaBtn.jpg) no-repeat } .holidays ul#holidaysIndex li.honeymoon-packages { background: url(../images/holidays/honeymoonsBtn.jpg) no-repeat } .holidays ul#holidaysIndex li.weddings-abroad { background: url(../images/holidays/weddingsBtn.jpg) no-repeat } .holidays ul#holidaysIndex li.family-holidays { background: url(../images/holidays/familyBtn.jpg) no-repeat } .holidays ul#holidaysIndex li.group-holidays { background: url(../images/holidays/groupBtn.jpg) no-repeat } .holidays ul#holidaysIndex li.city-breaks { background: url(../images/holidays/cityBtn.jpg) no-repeat } .holidays ul#holidaysIndex li.romantic-breaks { background: url(../images/holidays/romanticBtn.jpg) no-repeat } .holidays ul#holidaysIndex li.exotic-beach-holidays { background: url(../images/holidays/exoticBtn.jpg) no-repeat } .holidays ul#holidaysIndex li.sandals-holidays { background: url(../images/holidays/sandalsBtn.jpg) no-repeat } .bkTop { float:left; } #landing.family #family-holiday-destinations {width: 735px} #landing.family #family-holiday-destinations li {padding-top: 5px; padding-left: 150px; width: 197px; padding-right: 15px; float: left;} #landing.family #family-holiday-destinations h3 {width: 100%; clear: left; float: left;} #landing.family #family-holiday-destinations ul li h4 {margin-bottom: 3px; float: left; display: inline;} #landing.family #family-holiday-destinations ul li h4 a {color: #ff6b18; font-size: 1em; line-height: 1.3em; float: left;display: inline; } #landing.family #family-holiday-destinations ul li p {line-height: 1.4em; margin-top: 5px;display: inline;} #landing.family #family-holiday-destinations li.first { background: url(../images/holidays/family/Family-Jolly-Beach.jpg) no-repeat; margin-right: 8px} #landing.family #family-holiday-destinations li.second { background: url(../images/holidays/family/Family-Verandah-Resort.jpg) no-repeat} #landing.family #family-holiday-destinations li.third { background: url(../images/holidays/family/Family-Almond-Beach.jpg) no-repeat; margin-right: 8px} #landing.family #family-holiday-destinations li.fourth { background: url(../images/holidays/family/Family-Almond-Casuarina.jpg) no-repeat} #landing.family #family-holiday-destinations li.fifth { background: url(../images/holidays/family/Family-Barcelo-Bavaro.jpg) no-repeat} #landing.family #family-holiday-destinations li.sixth { background: url(../images/holidays/family/Family-Moon-Palace.jpg) no-repeat; margin-right: 8px} #landing.family #family-holiday-destinations li.seventh { background: url(../images/holidays/family/Family-Barcelo-Maya.jpg) no-repeat} #landing.family #family-holiday-destinations li.eighth { background: url(../images/holidays/family/Family-Smugglers-Cove.jpg) no-repeat; margin-right: 8px} #landing.family #family-holiday-destinations li.ninth { background: url(../images/holidays/family/Family-Coconut-Bay.jpg) no-repeat} #landing.family #family-holiday-destinations li.tenth { background: url(../images/holidays/family/Family-Almond-Morgan.jpg) no-repeat} #landing div { float:left; margin-bottom:20px; width:732px; } #landing img { margin-bottom:10px; } #landing p span { display:block; font-weight:bold; } #landing .introL { float:left; } #landing .introR { float:right; margin-top:10px; } #landing .introR.bg { clear:none; } #landing ul li { float:left; list-style:none; } #landing ul li a { color:#422C17; font-size:11px; font-weight:bold; } #landing ul li a:hover { color:#ff6b18; } #landing ul img { margin:0; } #landing .bg { background-color:#F1EDE5; clear:left; padding:10px; width:712px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #intro p.bg { background-color:#F1EDE5; clear:left; padding:10px; width:450px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #landing .orngTxt { color:#ff6b18; font-size:16px; margin-bottom:0; } #landing .twoCol div { float:none; } #landing .twoCol img { float:right; } #landing.honeymoons .introL { width:540px; } #landing.honeymoons .introR { width:155px; } #landing.honeymoons .introR span { font-size:16px; } #landing.exotic ul li, #landing.honeymoons ul li, #landing.romanticBreaks ul li, #landing.spa ul li, #landing.weddings ul li { height:141px; margin:0 3px 10px 0; position:relative; width:241px; } #landing.honeymoons ul#recommends { width:430px; } #landing.honeymoons ul#recommends li { background: url(../images/pageElements/background/menuLeftColArrowSprite.gif) no-repeat 0 -221px; height:20px; margin:0; padding-left:15px; width:200px } #landing.honeymoons ul#recommends li:hover { background: url(../images/pageElements/background/menuLeftColArrowSprite.gif) no-repeat 0 5px; } #landing.honeymoons ul#recommends li a { color:#ff6b18; position:static; } #landing.honeymoons ul#recommends li a:hover { color:#422C17; } #landing.family ul li, #landing.cityBreaks ul li { height:137px; margin:0 3px 10px 0; position:relative; width:234px; } #landing.usaCanada .introL, #landing.usaCanada .introL .bg { width:492px; } #landing.usaCanada .introR { margin-bottom:0; width:203px; } #landing.usaCanada .introR a { background:url("../images/holidays/usaCanada/downloadBtn.jpg") no-repeat; } #landing.usaCanada ul#hotels { background:url("../images/holidays/usaCanada/hotelsBg.jpg") no-repeat; height:175px; padding:20px 20px 16px 437px; } #landing.usaCanada ul#hotels li { background: url("../images/pageElements/background/menuLeftColArrowSprite.gif") no-repeat 0 8px; line-height:2em; list-style:none; padding-left:15px; width:260px; } #landing.usaCanada ul#hotels li:hover { background: url("../images/pageElements/background/menuLeftColArrowSprite.gif") no-repeat 0 -218px; } #landing.usaCanada #selfDrive div { float:left; margin-right:12px; width:354px; } #landing.usaCanada #selfDrive h4 { height:41px; padding:170px 0 0 20px; } #landing.usaCanada #selfDrive div p { margin:0; padding:5px 20px 0; } #landing.usaCanada h4.sd1 { background: url("../images/holidays/usaCanada/selfDrive1.jpg") no-repeat } #landing.usaCanada h4.sd2 { background: url("../images/holidays/usaCanada/selfDrive2.jpg") no-repeat } #landing.usaCanada h4.sd3 { background: url("../images/holidays/usaCanada/selfDrive3.jpg") no-repeat } #landing.usaCanada h4.sd4 { background: url("../images/holidays/usaCanada/selfDrive4.jpg") no-repeat } #landing.usaCanada ul#exc { background:url("../images/holidays/usaCanada/excBg.jpg") no-repeat; height:175px; padding:20px 20px 16px 402px; } #landing.usaCanada ul#exc li { color:#fff; background: url("../images/pageElements/background/menuLeftColArrowSprite.gif") no-repeat 0 -108px; padding-left:15px; width:300px; } #landing.usaCanada ul#exc li.last { font-weight:bold; background:none; } #landing.usaCanada ul#val { background:url("../images/holidays/usaCanada/valBg.jpg") no-repeat; height:100px; padding:20px 20px 16px 555px; } #landing.usaCanada ul#val li { background: url("../images/pageElements/background/menuLeftColArrowSprite.gif") no-repeat 0 5px; padding-left:15px; width:155px; } #landing.mexico .introL { width:474px; } #landing.usaCanada .introL a, #landing.mexico .introL a { background:url("../images/pageElements/background/menuLeftColArrowSprite.gif") no-repeat 0 -223px; font-weight:bold; padding-left:15px; } #landing.usaCanada .introL a:hover, #landing.mexico .introL a:hover { background:url("../images/pageElements/background/menuLeftColArrowSprite.gif") no-repeat 0 3px; } #landing.mexico .introR { margin-bottom:0; width:221px; } #landing.usaCanada .introR span, #landing.mexico .introR span { background:url("../images/pageElements/background/menuLeftColArrowSprite.gif") no-repeat 0 5px; display:block; height:15px; padding-left:15px; } #landing.mexico .introR a { background:url("../images/ads/mexicoHolidays/downloadBtn.jpg") no-repeat; } #landing.usaCanada .introR a, #landing.mexico .introR a { color:#422c17; display:block; font-weight:bold; height:152px; padding:10px 100px 10px 10px; text-decoration:none; } #landing.usaCanada .introR a:hover, #landing.mexico .introR a:hover { text-decoration:underline; } #landing.mexico p.bg { width:454px; } #landing.mexico ul#resorts li { height:134px; margin-right:5px; position:relative; width:230px; } #landing.mexico ul#resorts li a { font-weight:bold; position:absolute; bottom:6px; left:15px; } #landing.mexico ul#tours li { height:204px; margin:0 5px 10px 0; position:relative; width:350px; } #landing.mexico ul#tours li span { font-size:15px; font-weight:bold; position:absolute; bottom:10px; left:15px; } #landing.mexico ul#val { background:url("../images/ads/mexicoHolidays/valBg.jpg") no-repeat; height:100px; padding:16px 0 16px 540px; } #landing.mexico ul#val li { background: url("../images/pageElements/background/menuLeftColArrowSprite.gif") no-repeat 0 5px; padding-left:15px; width:155px; } /*=================================================================== Latin America and Carribean Holidays ===================================================================*/ #landing.latinAmerica .introL, #landing.latinAmerica .introL .bg { width:492px; } #landing.latinAmerica .downloadBox { margin-bottom:0; width:221px; } #landing.latinAmerica .downloadBox span { display:block; height:15px; padding-left:5px; } #landing.latinAmerica .downloadBox a { background:url("../images/ads/latinAmericaAndCaribbean/LatAm-DownloadBrochureGph.jpg") no-repeat; } #landing.latinAmerica .downloadBox a { color:#422c17; display:block; font-weight:bold; height:142px; padding:20px 100px 10px 10px; text-decoration:none; } #landing.latinAmerica .downloadBox a:hover { text-decoration:underline; } #landing.latinAmerica ul.escortedTours { height:204px; padding:0; list-type:none; /*width:730px;*/ } #landing.latinAmerica ul.escortedTours li { width:219px; height:80px; padding:125px 10px 0 10px; margin:0; font-size:0.9em; list-type:none; display:inline; } #landing.latinAmerica ul.escortedTours li.cuba { margin-right:6px; background: url("../images/holidays/latinAmerica/CubaTour-img.jpg") no-repeat; } #landing.latinAmerica ul.escortedTours li.costaRica { margin-right:6px; background: url("../images/holidays/latinAmerica/CostaRicanTour-img.jpg") no-repeat; } #landing.latinAmerica ul.escortedTours li.andesGalapagos { background: url("../images/holidays/latinAmerica/AndesTour-img.jpg") no-repeat; } #landing.latinAmerica ul.escortedTours li.cuba strong, #landing.latinAmerica ul.escortedTours li.costaRica strong, #landing.latinAmerica ul.escortedTours li.andesGalapagos strong { text-decoration:underline; } #landing.latinAmerica ul.feature { padding:0px 20px 16px 450px; list-type:none; } #landing.latinAmerica ul.feature li { background: url("../images/pageElements/background/menuLeftColArrowSprite.gif") no-repeat 0 5px; list-style:none; padding-left:15px; width:260px; } #landing.latinAmerica .splitFeature div.leftCol { float:left; margin-right:6px; padding:0; width:360px; } #landing.latinAmerica .splitFeature div.rightCol { float:right; width:360px; } #landing.latinAmerica .splitFeature h3 { padding-bottom:10px; } #landing.latinAmerica .splitFeature h4 { padding:0; color:#a7906a; font-size:1.0em; } #landing.latinAmerica .splitFeature div p { margin:0 0 10px 0; padding:0; } #landing.latinAmerica .splitFeature ul { float:left; width:170px; height:109px; padding:30px 0 0 190px; margin:0; list-type:none; } #landing.latinAmerica .splitFeature ul li { background: url("../images/pageElements/background/menuLeftColArrowSprite.gif") no-repeat 0 5px; line-height:1.6em; list-style:none; padding-left:15px; width:150px; color:#484848; font-size:1.1em; } #landing.latinAmerica ul.shortTours { height:155px; padding-top:40px; background:url("../images/holidays/latinAmerica/ShortTours-img.jpg") no-repeat; } #landing.latinAmerica .splitFeature ul.cosmo { background: url("../images/holidays/latinAmerica/Cosmopolitan-img.jpg") no-repeat; } #landing.latinAmerica .splitFeature ul.beaches { background: url("../images/holidays/latinAmerica/LatinBeaches-img.jpg") no-repeat; } #landing.latinAmerica ul.beachHotels { height:155px; padding-top:40px; background:url("../images/holidays/latinAmerica/NewBeachHotels-img.jpg") no-repeat; } #landing.latinAmerica ul.unmistakableValue { height:155px; padding-top:50px; background:url("../images/holidays/latinAmerica/UnmistableValue-img.jpg") no-repeat; } #landing.romanticBreaks .introL, #landing.spa .introL { width:457px; } #landing.romanticBreaks .introR, #landing.spa .introR { width:238px; } #landing.weddings h1 {margin-bottom: 10px; } #landing.weddings h2 {line-height: 1.3em; clear: both; } #landing.weddings .zero {margin-bottom: 0px; } #landing.weddings h3 {color: #7f7565; font-size: 1.4em; margin-bottom: 10px; line-height: 1.3em;} #landing.weddings div.rightCol {margin-top: 15px; float: right; width: 238px; padding: 0px; margin-left: 35px; } #landing.weddings div.leftCol {margin-top: 15px; float: left; width: 450px; } #landing.weddings div.leftColWide {margin-top: 15px; float: left; width: 707px; } #landing.weddings div.leftColWide h1 {margin-top: 40px;} #landing.weddings .call-right { margin-bottom: 0px;} #landing.weddings .call-right .call-to-book {margin-bottom: 0px;} #landing.weddings .callToBookWidget, #landing.weddings .discountWeddingBox {width: 218px; margin-bottom: 20px;} #landing.weddings .call-right {float: right; width: 218px;} #landing.weddings div.rightCol h3 {line-height: 1.3em; font-size: 1.2em; color: #fd732b; padding-left: 10px; background: transparent url("../images/holidays/weddings/arrow-right.gif") no-repeat 0% 50%;} #landing.weddings div.rightCol h3.threeLine {background: transparent url("../images/holidays/weddings/arrow-right.gif") no-repeat 0% 13%;} #landing.weddings div.rightCol h3 a {text-decoration: none;} #landing.weddings div.rightCol img {margin-bottom: 0px;} #landing.weddings div.testimonial {color: #98897b; font-size: 1.1em; width: 234px; background: transparent url("../images/holidays/weddings/test-top.gif") no-repeat top left; padding: 20px 0; margin-bottom: 0px;} #landing.weddings div.testimonial p {padding: 0px 30px 0px 30px;} #landing.weddings div.testimonial p.footnote {color: #000; font-style: italic; font-size: 1.3em; line-height: 1.3em; padding: 0 30px;} #landing.weddings div.testimonial p.footnote span {font-size: 0.7em; line-height: 1.1em; font-weight: normal;} #landing.weddings div.speech-close {float: right; width: 16px; height: 14px; background: transparent url("../images/holidays/weddings/speechmark-right.jpg") no-repeat top left; margin: -30px 12px 0 0} #landing.weddings div.testimonial-footer {width: 234px; height: 5px; background: transparent url("../images/holidays/weddings/test-bottom.gif") no-repeat top left;} #landing.weddings div.wedding-brochures {width: 238px; float: right; margin: 0px 0px 15px 0px; padding: 0; } #landing.weddings ul#wedding-holidays li p {height: 110px;} #landing.weddings ul#wedding-holidays li h2 {padding-left: 25px; margin-bottom: 10px;} #landing.weddings ul#wedding-holidays li.first h2 {background: transparent url("../images/holidays/weddings/no-1.gif") no-repeat 0% 50% } #landing.weddings ul#wedding-holidays li.second h2 {background: transparent url("../images/holidays/weddings/no-2.gif") no-repeat 0% 50% } #landing.weddings ul#wedding-holidays li.third h2 {background: transparent url("../images/holidays/weddings/no-3.gif") no-repeat 0% 50% } #landing.weddings ul#wedding-holidays li.fourth h2 {background: transparent url("../images/holidays/weddings/no-4.gif") no-repeat 0% 50% } #landing.weddings ul#wedding-holidays li.fifth h2 {background: transparent url("../images/holidays/weddings/no-5.gif") no-repeat 0% 50% } #landing.weddings ul#wedding-holidays li h2 a {text-decoration: none; font-size: 1em; line-height: 1em; font-weight: normal;} #landing.weddings ul#wedding-holidays li {margin-bottom: 35px; height: 170px; width: 450px; padding-left: 270px; float: left; clear: both; } #landing.weddings ul#wedding-holidays li.first {background: transparent url("../images/holidays/weddings/mauritius.jpg") no-repeat top left; } #landing.weddings ul#wedding-holidays li.second {background: transparent url("../images/holidays/weddings/srilanka.jpg") no-repeat top left; } #landing.weddings ul#wedding-holidays li.third {background: transparent url("../images/holidays/weddings/lasvegas.jpg") no-repeat top left; } #landing.weddings ul#wedding-holidays li.fourth {background: transparent url("../images/holidays/weddings/caribbean.jpg") no-repeat top left; } #landing.weddings ul#wedding-holidays li.fifth {background: transparent url("../images/holidays/weddings/kenya.jpg") no-repeat top left; } #landing.weddings ul#wedding-holidays li h3 a {float: right; text-decoration: none; color: #fd732b; padding-left: 10px; background: transparent url("../images/holidays/weddings/arrow-right.gif") no-repeat 0% 50%; font-size: 0.9em; font-weight: normal;} #landing.weddings table.required-documents th {padding: 3px; font-size: 0.9em; text-align: center !important; background-color: #9b928d;} #landing.weddings table.required-documents th.left {background-color: #392c26; color: #fff} #landing.weddings table.required-documents td.first {background-color: #9b928d; width: 120px;} #landing.weddings table.required-documents td {line-height: 1.2em; padding: 4px; background-color: #c4bfbb; text-align: center !important; } #landing.weddings table.required-documents td.applicable {background: #c4bfbb url("../images/holidays/weddings/bullet-legal.gif") no-repeat 50% 50%; } #landing.weddings table.required-documents td span {display: block; font-style: italic; color: #5a524f;} #landing.weddings ol { margin-bottom: 15px;} #landing.weddings ol li {list-style: decimal inside; margin-bottom: 0.3em;} #landing.weddings div.weddingbox-designs-header {width: 214px; background: #2D221E url("../images/holidays/weddings/black-tp.jpg") no-repeat top left; padding: 10px; margin: 0px;} #landing.weddings div.weddingbox-designs-header h4, #landing.weddings div.weddingbox-designs-image h4 {color: #E1D2A9; font-size: 1.3em; font-weight: bold;} #landing.weddings div.weddingbox-designs-header p, #landing.weddings div.weddingbox-designs p, #landing.weddings div.weddingbox-designs-image p {margin: 0px; color: #fff; font-weight: bold; font-size: 1.0em;} #landing.weddings div.weddingbox-designs {width: 214px; background: #2D221E; padding: 10px; margin: 0px;} #landing.weddings div.weddingbox-designs-image {width: 214px; height: 213px; background: #2D221E url("../images/holidays/weddings/box-selection.jpg") no-repeat top left; padding: 224px 10px 10px 10px; margin: 0px; overflow: hidden;} #landing.weddings div.weddingbox-designs-footer {width: 234px; height: 8px; background: transparent url("../images/holidays/weddings/black-bg.jpg") no-repeat top left; margin: 0px;} #landing.weddings div.weddingbox-product {width: 450px; padding: 30px 0 0 0; margin: 0px;} #landing.weddings div.weddingbox-product h4 {font-size: 1em; font-weight: bold;} #landing.weddings .image-align-right {float: right; padding:0 0 0 20px} #landing.weddings span.weddingbox-emphasis {font-size: 1em; font-weight: bold; font-style: italic;} #landing.weddings div.weddingbox-tips {width: 687px; background: #F2ECDE url("../images/pageElements/background/brown-curve-top.jpg") no-repeat top left; padding: 10px 20px 0 20px; margin: 0px} #landing.weddings div.weddingbox-tips-footer {width: 727px; background: url("../images/pageElements/background/brown-curve-bottom.jpg") no-repeat top left; margin: 0px} #landing.weddings div.weddingbox-break {width: 450px; border-bottom: solid 1px #f5f5f5; margin: 0; padding-bottom: 20px;} #landing.weddings div.weddingbox-link {background: transparent url("../images/holidays/weddings/callout-box.jpg") no-repeat top left; padding: 20px} #landing.weddings div.weddingbox-link h4, #landing.weddings div.weddingbox-link h4 a {text-decoration: none;} #landing.weddings div.weddingbox-company {margin: 0px 0px 20px 0px} #landing.weddings h2.weddingbox {font-size: 1.5em;} #landing.weddings p.bold {font-weight: bold;} .discountWeddingBox h4, .discountWeddingBox h4 a { line-height: 1.1em; font-weight: bold; font-size: 15px; margin: 0 0 5px 0; text-decoration: none;} #landing.exotic .twoCol p { height:124px; width:462px; } #landing.exotic p.bg strong { display:block; font-size:16px; } /* end of Holidays section */ .emailRequest fieldset { margin:0 0 10px; } .emailRequest table { background-color:#f4f3f0; margin-top:40px; width:450px; } .emailRequest h4 { font-size:12px; margin-top:0px; } .extras #content li { margin-left:30px; } .extras #insurance p img { float:none; margin:0; padding:0; } .extras #insurance tr th, .extras #insurance tr td { padding-right:10px; } .extras #carHire div { margin-top:10px; } .extras #carHire .carHireLogo { float:right; padding:10px; } .extras #carHire h1 { margin-top:12px; } .extras #carHire h2 { font-size:18px; } .extras #carHire h3 { font-size:12px; font-weight:bold; } .extras #carHire h4 { font-size:12px; margin-top:5px; } .extras #carHire ul.inline { margin-top:0; } .extras #carHire ul.inline li { background: url(../images/pageElements/background/menuLeftColArrowSprite.gif) no-repeat 0 -185px; display:inline; margin:0; padding-left:12px; } .extras #carHire ul.carGroups { overflow:hidden; } .extras #carHire ul.carGroups li { border:1px solid #a88f61; float:left; height:155px; line-height:1.4em; list-style:none; margin:0 5px 5px 0; padding:10px; width:338px; } .extras #carHire ul.carGroups .carL { float:left; margin:0 10px 0 0; width:210px; } .extras #carHire ul.carGroups .carR { float:right; margin-top:0; width:118px; } .extras #carHire ul.carGroups .carR p { clear:left; } .extras #carHire ul.carGroups .carR span { display:block; float:left; height:30px; margin-bottom:5px; } .extras #carHire ul.carGroups .carR .twoA { background: url(../images/extras/carHire/carHireSprite.gif) no-repeat; width:36px; } .extras #carHire ul.carGroups .carR .fourA { background: url(../images/extras/carHire/carHireSprite.gif) no-repeat; width:72px; } .extras #carHire ul.carGroups .carR .fiveA { background: url(../images/extras/carHire/carHireSprite.gif) no-repeat; width:90px; } .extras #carHire ul.carGroups .carR .sevenA { background: url(../images/extras/carHire/carHireSprite.gif) no-repeat; width:124px; } .extras #carHire ul.carGroups .carR .oneC { background: url(../images/extras/carHire/carHireSprite.gif) no-repeat 0 -30px; width:18px; } .extras #carHire ul.carGroups .carR .twoC { background: url(../images/extras/carHire/carHireSprite.gif) no-repeat 0 -30px; width:36px; } .extras #carHire ul.carGroups .carR .threeC { background: url(../images/extras/carHire/carHireSprite.gif) no-repeat 0 -30px; width:54px; } .extras #carHire ul.carGroups .carR .oneL { background: url(../images/extras/carHire/carHireSprite.gif) no-repeat 0 -69px; width:22px; } .extras #carHire ul.carGroups .carR .twoL { background: url(../images/extras/carHire/carHireSprite.gif) no-repeat 0 -69px; width:44px; } .extras #carHire ul.carGroups .carR .twoS { background: url(../images/extras/carHire/carHireSprite.gif) no-repeat 0 -100px; width:32px; } .extras #carHire ul.carGroups .carR .threeS { background: url(../images/extras/carHire/carHireSprite.gif) no-repeat 0 -100px; width:48px; } .extras #carHire .carTerms ul { float:left; } .extras #carHire .carTerms ul li { margin:0 10px 0 15px; width:210px; } .extras #carHire .carTerms ul li.header { font-weight:bold; list-style:none; margin-left:0; } .extras #carHire .carTerms p { clear:left; } /* =Preferred Partners -----------------------------------------------------------------------------*/ .partnerList, .hotelPartners { clear:left; } .partners h2 { clear:both; margin:10px 0; } .partnerList h4 { margin-bottom:10px; font-size:133%; font-weight:bold;} .partnerList h4 a { color:#422C17; float:none; text-indent:0; text-decoration:none;} .partnerList h4 a:hover { color:#ff6b18; text-decoration:underline; } .partnerList h2 { margin-bottom:10px; font-size:133%; font-weight:bold;} .partnerList h2 a { color:#422C17; float:none; text-indent:0; text-decoration:none;} .partnerList h2 a:hover { color:#ff6b18; text-decoration:underline; } .partnerList a { float:left; height:94px; margin-right:10px; overflow:hidden; text-indent:-9999px; width:210px; } .partners .partnerList a { margin-right:30px; } .partnerList a.partner01 { background:url("../images/pageElements/preferredPartners01.jpg") no-repeat; text-indent:0px; line-height: 1.2em; padding: 7px 0px 0px 10px; width: 200px; height: 88px; margin-right: 7px;} .partnerList a.partner02 { background:url("../images/pageElements/preferredPartners02.jpg") no-repeat; } .partnerList a.partner03 { background:url("../images/pageElements/preferredPartners03.jpg") no-repeat; margin-right: 0px; } .partners .hotelPartners ul { background:url("../images/pageElements/hotelPartners.jpg") no-repeat; height:128px; padding:50px 20px 50px 520px; width:163px; } .partners .hotelPartners ul li { background: url("../images/pageElements/background/menuLeftColArrowSprite.gif") no-repeat 0 8px; line-height:2em; list-style:none; padding-left:15px; } .partners .hotelPartners ul li:hover { background: url("../images/pageElements/background/menuLeftColArrowSprite.gif") no-repeat 0 -218px; } .partners .hotelPartners ul li a { color:#422C17; text-decoration:none; } .partners .hotelPartners ul li a:hover { color:#ff6b18; } .partnerList a.airline01 { background:url("../images/pageElements/airlinePartner01.jpg") no-repeat; } .partnerList a.airline02 { background:url("../images/pageElements/airlinePartner02.jpg") no-repeat; } .partnerList a.airline03 { background:url("../images/pageElements/airlinePartner03.jpg") no-repeat; margin-right:0; } /* Site map */ #siteMap ul li { list-style: none; } #siteMap ul { margin-left: 30px; } #siteMap h2 { background-color: #cac1a4; padding:2px 6px 2px 10px; font-size: 1em; font-weight: bold; margin: 10px 0px; } div#image-paging ul.paging li a:link { color: #422c17; } div#image-paging ul.paging li a:active { color: #422c17; } div#image-paging ul.paging li a:visited { color: #422c17; } div#image-paging ul.paging li a:hover { color: #ff6b18; } div.faqsVolcano li { background-image: none; list-style:none outside none; } div.faqsVolcano li ul li { background:url("../images/pageElements/background/menuLeftColArrowSprite.gif") no-repeat scroll 0 -221px transparent; list-style:none outside none; padding-left:15px; } div.headerImage { margin-bottom: 15px; } div.inlineBanner { margin: 15px 0px 10px 0px; float: left; } #landing.mexico .opalinks#resorts li a {margin:0px; padding:52px 0px 0px 0px; padding:0px; top:auto; left:auto; bottom:auto; right:auto; position:relative; } .opalinks li a, #landing .opalinks li a {margin:0px; padding:50px 0px 0px 0px; padding:0px; top:auto; left:auto; bottom:auto; right:auto; position:relative; } .opalinks li a:hover {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; } .opalinks li a:hover img {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; } /* #landing.mexico .opalinks#resorts li a span {position:absolute; bottom:9px; left:15px; display:block; text-decoration:underline; } #landing.honeymoons ul li a span, #landing.family ul li a span {position:absolute; bottom:13px; left:8px; display:block; text-decoration:underline; } */ #landing.mexico .opalinks#resorts li a span {position:relative; display:block; margin-left:8px; text-decoration:underline; z-index:1; margin-top:-30px; } #landing ul li a span {position:relative; display:block; margin-left:8px; text-decoration:underline; z-index:1; margin-top:-30px; } #landing.mexico .opalinks#resorts li a img {position:relative; display:block; z-index:0; } #landing ul li a img {position:relative; display:block; z-index:0; } #column-left, #content, #landing, #landing #tours {overflow:hidden; } #infoColumn .tlAwardCont {margin:10px 0px; padding-top:5px; background:url(../images/pageElements/background/HJ-TopBottom-BoxCurves.gif) top left no-repeat; overflow:hidden; } #infoColumn .tlAwardCont .mid { overflow: hidden; zoom: 1; background-color:#fff; padding:10px; border:0px solid #ccc; border-left-width:1px; border-right-width:1px; display:block; font-size:0.9em; } #infoColumn .tlAwardCont .bot {padding-top:5px; font-size:1px; background:url(../images/pageElements/background/HJ-TopBottom-BoxCurves.gif) bottom right no-repeat; display:block; } #infoColumn .tlAwardCont img {float:left; margin-right:10px; } #infoColumn .tlAwardCont p.awardText { float: left; width: 160px; margin: 0; } #infoColumn .tlAwardCont .label {display:none; } /********* #524 British Travel Awards ************/ .index #travelAward { clear:both; float:right; height:95px; width:212px; } .index #travelAward img, .about #travelAward img { display:inline; margin:0 4px; } p#travelAward { float:left; width:100%; } p#travelAward img { display:block; float:none; margin:0 auto; padding:0; } #btaNomineeVote {width: 100%; text-align: center; margin-top: 20px; } #btaNomineeVote a {outline: none; } #btaNomineeVote a img { float: none; border: none; margin: 0px} #btaNomineeVote a img.top {margin: 10px 0px 0px 0px;} /*************************************************/ /********* Image Galleries ************/ #fancybox-wrap { position: fixed; } * html #fancybox-wrap { /* IE6 */ position: absolute; } .gallery { margin-bottom: 10px; width: 696px; height: 240px; overflow: hidden; } .gallery h3{ font-weight: normal; margin: 0 0 10px 0; position: relative; height: 16px; } .gallery h3 span{ font-size: 10px; position: absolute; bottom: 0; right: 0; line-height: 16px; } .gallery .mainPic{ float: left; } .gallery .thumbs { float:right; height:242px; overflow:hidden; width: 360px; } .gallery .thumbs p{ padding-bottom: 11px; text-align: right; text-transform: lowercase; font-size: 10px; } .gallery .thumbs img { border: 1px solid #C7BDA0; height:63px; margin-bottom:4px; margin-left:4px; padding:0; width:84px; } .gallery .mainPic #hotel_main_image { border: 1px solid #C7BDA0; } #unitContent .gallery { /* Reduce width required */ width: 685px; } #resortContentText { clear: both; margin: 20px 0px; } /* Action Container */ .actionContainer { border-bottom: 6px solid #e6e3dc; margin-bottom: 18px; padding: 12px 12px 6px 12px; } .actionContainer ul, #bookingContent .actionContainer ul{ margin: 0; width: 672px; overflow: hidden; list-style: none; } #destinationContent .actionContainer li, .actionContainer li{ background: none; padding-left: 0; } .actionContainer .checkAvail{ float: right; } #bookingContent .actionContainer .checkAvail p{ margin-bottom: 0; } .actionContainer .videoControl { float: left; width: 40%; } .actionContainer .videoControl a{ background: url("../images/pageElements/icons/playVideo.gif") no-repeat scroll 5px 5px transparent; color: #422C17; float: left; line-height: 19px; padding-left: 36px; padding-bottom: 5px; padding-right: 5px; padding-top: 5px; } #unitContent .actionContainer { margin-bottom: 10px; } #unitContent .actionContainer ul{ width: 672px; } /* EOF Action Container */ /* FAQ Definition list */ #faqs dl.list dd, #faqs dl.list dt {float: left; display: inline; width: 150px;} #faqs dl.list dt {clear: both;} #faqs dl.list {width: 300px; overflow: auto; margin-bottom: 15px;} #faqs dl.wideList dd{ float: right; display: inline; width: 300px; } #faqs dl.wideList dt {float: left; display: inline; width: 170px; clear:both;} #faqs dl.wideList {width: 550px; overflow: auto; margin-bottom: 15px;} #faqs dl.wideList .header { font-weight: bold; margin-bottom: 5px; } /* Responsible tourism */ div.uganda h1 {margin-bottom: 15px;} div.uganda h2.highlight {clear: right; } #content .uganda .imagecaption {width: 250px; float: right; margin-left: 20px; } #content .uganda .imagecaption p {clear: right; font-style: italic; font-size: 0.8em; line-height: 1.2em; margin: 5px 0px; padding: 0px;margin-bottom: 20px; } #justADropVideo { margin: 0 0 25px 50px; width: 580px; height: 326px; text-align: center; } /* Spring Sale 2011 */ #content .saveStamp { background:url(../images/offers/stamp.png) no-repeat; } #content h1.saveStamp { background-position:right -1px; float:left; margin-bottom:0; padding:18px 75px 17px 0; } .specialOffers #content h1.saveStamp { margin-bottom:5px; } .specialOffers #pageIntro div { float:left; width:500px; } #content p.saveStamp { float:left; margin:0 12px; text-indent:-9999px; height:63px; width:63px; } /* Group Holidays Opening Times */ .holidays h3.openingHoursHead { margin: 12px 0 5px 0; font-size: 1em; font-weight: bold; } .holidays dl.openingTimes { width: 250px; clear: both; overflow: hidden; margin: 0; line-height: 1.4em; } .holidays dl.openingTimes dt { float: left; clear: left; width:130px; font-weight: bold; } .holidays dl.openingTimes dd { float: left; width: 115px; } .debug { border: 1px solid red; padding: 9px; background: #fff; font-size: 12px;} /* New Breadcrumb */ #breadcrumb ul li {display: inline;} #breadcrumb ul.sub-menu li {display: block;} /******************for ie6, can delete when no longer supported********************/ * html .bkOnline, * html .bookingIsSafe ul.safeBooking li a, * html .bookingIsSafe ul.safeBooking li {height:1px;} * html #emailOffers input.signUp {background-image:url(../images/pageElements/buttons/btnSignUpV2.gif);} /****** Issue 2595 - Attraction Tickets ******/ #column-left #attractionsHeader { border: 1px solid #C8BEA1; border-bottom: none; background-color: #F4F3EF; padding: 10px 10px 0; } #column-left #attractionsHeader h2 { background-color: transparent;color: #422C17; font-size: 21px; font-weight: normal; line-height: 23px; padding: 0; } #column-left #attractions { border: 1px solid #C8BEA1; border-top: none; background-color: #F4F3EF; padding: 5px 10px 10px; } #column-left #attractions p { font-size: 13px; line-height: 1.2em; } /* Issue 2665 - Site Confidence */ #confidence {width: 700px; } #confidence p {margin-bottom: 15px;} #confidence .header {margin-bottom: 30px; } #confidence .section {clear: both; width: 700px; padding: 15px 0 10px 0; border-top: 1px solid #d7d0c6; } #confidence .section .left {text-align: center; float: left; width: 140px; margin-right: 10px; } #confidence .section .right {float: left; width: 550px; }