/* ------------------------------------------------------------------- */ /* TOP NAV */ /* ------------------------------------------------------------------- */ #Header-Navigation-Wrapper { position:absolute; right:185px; top:15px;} #Header-Navigation-Wrapper ul {} #Header-Navigation-Wrapper ul li { list-style:none; float:left; padding-left:13px; margin-right:13px; background:url('../grfx/navigation/topNav-divider.png') no-repeat 0 2px;} #Header-Navigation-Wrapper ul li.first { padding-left:0; background-image:none; } #Header-Navigation-Wrapper ul li a { text-decoration:none; font-size:.8em; text-transform:uppercase; color:#FFF; } #Header-Navigation-Wrapper ul li a:hover, #Header-Navigation-Wrapper ul li a.active { color:#716479} /* Drop down */ /* ------------------------------------------------------------------- */ #Website-Selector-Container { position:absolute; right:0; top:9px; z-index:9; background-color:#000; border:1px solid #484848; padding-top:5px; } #Website-Selector-Container ul { } #Website-Selector-Container span { color:#FFF; text-transform:uppercase; font-size:10px; background:url('../grfx/layout/header-arrow.png') no-repeat 154px 5px; display:block; padding:2px 37px 5px 12px; } #Website-Selector-Container ul li { list-style:none; display:block; clear:both; position:relative; } #Website-Selector-Container ul li a { color:#FFF; text-transform:uppercase; font-size:10px; text-decoration:none; padding:0 12px 5px 10px; display:block; cursor:pointer; } #Website-Selector-Container ul li a span.link-name { background-position:0 0; background-repeat:no-repeat; display:block; padding:5px 0 10px 27px;} #Website-Selector-Container ul li.BIGNELL-PARK a span.link-name { background-image:url('../grfx/layout/ico-dropDown-bignell.png')} #Website-Selector-Container ul li.OSBORNE a span.link-name { background-image:url('../grfx/layout/ico-dropDown-osborne.png')} #Website-Selector-Container ul li.WHITE-HART a span.link-name { background-image:url('../grfx/layout/ico-dropDown-whiteHart.png')} #Website-Selector-Container ul li.UPPER-REACHES a span.link-name { background-image:url('../grfx/layout/ico-dropDown-upperReaches.png')} #Website-Selector-Container ul li.BIGNELL-PARK a:hover { background:#2c3840 url('../grfx/layout/header-dropDownOver-bignell.png') repeat-x 0 0; } #Website-Selector-Container ul li.OSBORNE a:hover { background:#2c3840 url('../grfx/layout/header-dropDownOver-osborne.png') repeat-x 0 0; } #Website-Selector-Container ul li.WHITE-HART a:hover { background:#2c3840 url('../grfx/layout/header-dropDownOver-whiteHart.png') repeat-x 0 0; } #Website-Selector-Container ul li.UPPER-REACHES a:hover { background:#2c3840 url('../grfx/layout/header-dropDownOver-upperReaches.png') repeat-x 0 0; } #Website-Selector-Container ul li a span { display:block; cursor:pointer;} #Website-Selector-Container ul li a:hover span.link-name { background-position:0 -34px} #Website-Selector-Container ul li a span.link-location { text-transform:capitalize; color:#a5a5a5; position:absolute; top:16px; left:37px; width:110px; padding:0; } #Website-Selector-Container ul ul { display:none; margin-top:2px; } #Website-Selector-Container ul:hover { cursor: pointer; } #Website-Selector-Container ul:hover ul { display: block; } /* The magic */ #Website-Selector-Container ul li.sfhoverA, #Website-Selector-Container ul li.sfhoverA ul li { cursor: pointer; } #Website-Selector-Container ul li.sfhoverA ul { display:block; } /* ------------------------------------------------------------------- */ /* PRIMARY NAV */ /* ------------------------------------------------------------------- */ #Primary-Navigation-Wrapper { position:absolute; bottom:0; z-index:0;} ul#Primary-Navigation { } ul#Primary-Navigation li { list-style:none; float:left; } ul#Primary-Navigation li a, ul#Primary-Navigation li a:visited { text-decoration:none; text-indent:-999em; display:block; height:30px; background-position:0 0; background-repeat:no-repeat } ul#Primary-Navigation li a:hover, ul#Primary-Navigation li.active a { background-position:0 -30px;} ul#Primary-Navigation li.HOME a, ul#Primary-Navigation li.HOME-active a { width:60px; background-image:url('../grfx/navigation/primary/home.png');} ul#Primary-Navigation li.THE-HOTEL a , ul#Primary-Navigation li.THE-HOTEL-active a { width:88px; background-image:url('../grfx/navigation/primary/the-hotel.png');} ul#Primary-Navigation li.SLEEPING a , ul#Primary-Navigation li.SLEEPING-active a { width:80px; background-image:url('../grfx/navigation/primary/sleeping.png');} ul#Primary-Navigation li.EATING-AND-DRINKING a , ul#Primary-Navigation li.EATING-AND-DRINKING-active a { width:139px; background-image:url('../grfx/navigation/primary/eating-drinking.png');} ul#Primary-Navigation li.WEDDINGS-AND-CEREMONIES a , ul#Primary-Navigation li.WEDDINGS-AND-CEREMONIES-active a { width:180px; background-image:url('../grfx/navigation/primary/weddings.png');} ul#Primary-Navigation li.MEETINGS a , ul#Primary-Navigation li.MEETINGS-active a { width:83px; background-image:url('../grfx/navigation/primary/meetings.png');} ul#Primary-Navigation li.RELAXING a , ul#Primary-Navigation li.RELAXING-active a { width:87px; background-image:url('../grfx/navigation/primary/relaxing.png');} ul#Primary-Navigation li.EXCLUSIVE-OFFERS a , ul#Primary-Navigation li.EXCLUSIVE-OFFERS-active a { width:125px; background-image:url('../grfx/navigation/primary/exclusive-offers.png');} ul#Primary-Navigation li.BOOKING-AND-AVAILABILITY a , ul#Primary-Navigation li.BOOKING-AND-AVAILABILITY-active a { width:158px; background-image:url('../grfx/navigation/primary/booking-availability.png');} /* ------------------------------------------------------------------- */ /* SUB NAV */ /* ------------------------------------------------------------------- */ #Layout1-ColA-Wrapper ul { margin-left:1px;} #Layout1-ColA-Wrapper ul li { list-style:none; background:url('../grfx/navigation/subNav-divider.png') no-repeat 0 0 } #Layout1-ColA-Wrapper ul li a { text-decoration:none; display:block; color:#FFF; text-transform:capitalize; font-size:.9em; padding:9px 15px 7px 14px} #Layout1-ColA-Wrapper ul li a:hover { background:url('../grfx/navigation/subNav-hoverBkgd.png') no-repeat 0 2px} /* Left col titles */ /* ------------------------------------------------------------------- */ #Layout1-ColA-Wrapper ul li a.THE-HOTEL-active, #Layout1-ColA-Wrapper ul li a.THE-HOTEL, #Layout1-ColA-Wrapper ul li a.THE-HOTEL-active:hover, #Layout1-ColA-Wrapper ul li a.THE-HOTEL:hover, #Layout1-ColA-Wrapper ul li a.SLEEPING-active, #Layout1-ColA-Wrapper ul li a.SLEEPING, #Layout1-ColA-Wrapper ul li a.SLEEPING-active:hover, #Layout1-ColA-Wrapper ul li a.SLEEPING:hover, #Layout1-ColA-Wrapper ul li a.EATING-AND-DRINKING-active, #Layout1-ColA-Wrapper ul li a.EATING-AND-DRINKING, #Layout1-ColA-Wrapper ul li a.EATING-AND-DRINKING-active:hover, #Layout1-ColA-Wrapper ul li a.EATING-AND-DRINKING:hover, #Layout1-ColA-Wrapper ul li a.WEDDINGS-AND-ANNIVERSARIES-active, #Layout1-ColA-Wrapper ul li a.WEDDINGS-AND-ANNIVERSARIES, #Layout1-ColA-Wrapper ul li a.WEDDINGS-AND-ANNIVERSARIES-active:hover, #Layout1-ColA-Wrapper ul li a.WEDDINGS-AND-ANNIVERSARIES:hover, #Layout1-ColA-Wrapper ul li a.WEDDINGS-AND-CEREMONIES-active, #Layout1-ColA-Wrapper ul li a.WEDDINGS-AND-CEREMONIES, #Layout1-ColA-Wrapper ul li a.WEDDINGS-AND-CEREMONIES-active:hover, #Layout1-ColA-Wrapper ul li a.WEDDINGS-AND-CEREMONIES:hover, #Layout1-ColA-Wrapper ul li a.RENDEVOUS-active, #Layout1-ColA-Wrapper ul li a.RENDEVOUS, #Layout1-ColA-Wrapper ul li a.RENDEVOUS-active:hover, #Layout1-ColA-Wrapper ul li a.RENDEVOUS:hover, #Layout1-ColA-Wrapper ul li a.RELAXING-active, #Layout1-ColA-Wrapper ul li a.RELAXING, #Layout1-ColA-Wrapper ul li a.RELAXING-active:hover, #Layout1-ColA-Wrapper ul li a.RELAXING:hover, #Layout1-ColA-Wrapper ul li a.MEETINGS-active, #Layout1-ColA-Wrapper ul li a.MEETINGS, #Layout1-ColA-Wrapper ul li a.MEETINGS-active:hover, #Layout1-ColA-Wrapper ul li a.MEETINGS:hover, #Layout1-ColA-Wrapper ul li a.EXCLUSIVE-OFFERS-active, #Layout1-ColA-Wrapper ul li a.EXCLUSIVE-OFFERS, #Layout1-ColA-Wrapper ul li a.EXCLUSIVE-OFFERS-active:hover, #Layout1-ColA-Wrapper ul li a.EXCLUSIVE-OFFERS:hover, #Layout1-ColA-Wrapper ul li a.BOOKING-AND-AVAILABILITY-active, #Layout1-ColA-Wrapper ul li a.BOOKING-AND-AVAILABILITY, #Layout1-ColA-Wrapper ul li a.BOOKING-AND-AVAILABILITY-active:hover, #Layout1-ColA-Wrapper ul li a.BOOKING-AND-AVAILABILITY:hover, #Layout1-ColA-Wrapper ul li a.CONTACT-US-active, #Layout1-ColA-Wrapper ul li a.CONTACT-US, #Layout1-ColA-Wrapper ul li a.CONTACT-US-active:hover, #Layout1-ColA-Wrapper ul li a.CONTACT-US:hover, #Layout1-ColA-Wrapper ul li a.PRESS-ROOM-active, #Layout1-ColA-Wrapper ul li a.PRESS-ROOM, #Layout1-ColA-Wrapper ul li a.PRESS-ROOM-active:hover, #Layout1-ColA-Wrapper ul li a.PRESS-ROOM:hover, #Layout1-ColA-Wrapper ul li a.PRIVACY-POLICY-active, #Layout1-ColA-Wrapper ul li a.PRIVACY-POLICY, #Layout1-ColA-Wrapper ul li a.PRIVACY-POLICY-active:hover, #Layout1-ColA-Wrapper ul li a.PRIVACY-POLICY:hover, #Layout1-ColA-Wrapper ul li a.TERMS-OF-USE-active, #Layout1-ColA-Wrapper ul li a.TERMS-OF-USE, #Layout1-ColA-Wrapper ul li a.TERMS-OF-USE-active:hover, #Layout1-ColA-Wrapper ul li a.TERMS-OF-USE:hover, #Layout1-ColA-Wrapper ul li a.ACCESSIBILITY-active, #Layout1-ColA-Wrapper ul li a.ACCESSIBILITY, #Layout1-ColA-Wrapper ul li a.ACCESSIBILITY-active:hover, #Layout1-ColA-Wrapper ul li a.ACCESSIBILITY:hover { background-position:13px 12px; background-color:#27222A; background-repeat:no-repeat; display:block; height:10px; text-indent:-999em; padding:11px 0; } #Layout1-ColA-Wrapper ul li a.PRIVACY-POLICY-active, #Layout1-ColA-Wrapper ul li a.PRIVACY-POLICY, #Layout1-ColA-Wrapper ul li a.PRIVACY-POLICY-active:hover, #Layout1-ColA-Wrapper ul li a.PRIVACY-POLICY:hover, #Layout1-ColA-Wrapper ul li a.TERMS-OF-USE-active, #Layout1-ColA-Wrapper ul li a.TERMS-OF-USE, #Layout1-ColA-Wrapper ul li a.TERMS-OF-USE-active:hover, #Layout1-ColA-Wrapper ul li a.TERMS-OF-USE:hover, #Layout1-ColA-Wrapper ul li a.ACCESSIBILITY-active, #Layout1-ColA-Wrapper ul li a.ACCESSIBILITY, #Layout1-ColA-Wrapper ul li a.ACCESSIBILITY-active:hover, #Layout1-ColA-Wrapper ul li a.ACCESSIBILITY:hover {border-bottom:1px solid #5e5661; padding-bottom:12px} #Layout1-ColA-Wrapper ul li a.THE-HOTEL-active, #Layout1-ColA-Wrapper ul li a.THE-HOTEL, #Layout1-ColA-Wrapper ul li a.THE-HOTEL-active:hover, #Layout1-ColA-Wrapper ul li a.THE-HOTEL:hover { background-image:url('../grfx/titles/left-col/THE-HOTEL.png')} #Layout1-ColA-Wrapper ul li a.SLEEPING-active, #Layout1-ColA-Wrapper ul li a.SLEEPING, #Layout1-ColA-Wrapper ul li a.SLEEPING-active:hover, #Layout1-ColA-Wrapper ul li a.SLEEPING:hover { background-image:url('../grfx/titles/left-col/SLEEPING.png')} #Layout1-ColA-Wrapper ul li a.EATING-AND-DRINKING-active, #Layout1-ColA-Wrapper ul li a.EATING-AND-DRINKING, #Layout1-ColA-Wrapper ul li a.EATING-AND-DRINKING-active:hover, #Layout1-ColA-Wrapper ul li a.EATING-AND-DRINKING:hover { background-image:url('../grfx/titles/left-col/EATING---DRINKING.png')} #Layout1-ColA-Wrapper ul li a.WEDDINGS-AND-ANNIVERSARIES-active, #Layout1-ColA-Wrapper ul li a.WEDDINGS-AND-ANNIVERSARIES, #Layout1-ColA-Wrapper ul li a.WEDDINGS-AND-ANNIVERSARIES-active:hover, #Layout1-ColA-Wrapper ul li a.WEDDINGS-AND-ANNIVERSARIES:hover { background-image:url('../grfx/titles/left-col/WEDDINGS---ANNIVERSARIES.png'); height:24px;} #Layout1-ColA-Wrapper ul li a.WEDDINGS-AND-CEREMONIES-active, #Layout1-ColA-Wrapper ul li a.WEDDINGS-AND-CEREMONIES, #Layout1-ColA-Wrapper ul li a.WEDDINGS-AND-CEREMONIES-active:hover, #Layout1-ColA-Wrapper ul li a.WEDDINGS-AND-CEREMONIES:hover { background-image:url('../grfx/titles/left-col/WEDDINGS---CEREMONIES.png'); height:24px;} #Layout1-ColA-Wrapper ul li a.RENDEVOUS-active, #Layout1-ColA-Wrapper ul li a.RENDEVOUS, #Layout1-ColA-Wrapper ul li a.RENDEVOUS-active:hover, #Layout1-ColA-Wrapper ul li a.RENDEVOUS:hover { background-image:url('../grfx/titles/left-col/RENDEVOUS.png')} #Layout1-ColA-Wrapper ul li a.RELAXING-active, #Layout1-ColA-Wrapper ul li a.RELAXING, #Layout1-ColA-Wrapper ul li a.RELAXING-active:hover, #Layout1-ColA-Wrapper ul li a.RELAXING:hover { background-image:url('../grfx/titles/left-col/RELAXING.png')} #Layout1-ColA-Wrapper ul li a.MEETINGS-active, #Layout1-ColA-Wrapper ul li a.MEETINGS, #Layout1-ColA-Wrapper ul li a.MEETINGS-active:hover, #Layout1-ColA-Wrapper ul li a.MEETINGS:hover { background-image:url('../grfx/titles/left-col/MEETINGS.png')} #Layout1-ColA-Wrapper ul li a.EXCLUSIVE-OFFERS-active, #Layout1-ColA-Wrapper ul li a.EXCLUSIVE-OFFERS, #Layout1-ColA-Wrapper ul li a.EXCLUSIVE-OFFERS-active:hover, #Layout1-ColA-Wrapper ul li a.EXCLUSIVE-OFFERS:hover { background-image:url('../grfx/titles/left-col/EXCLUSIVE-OFFERS.png')} #Layout1-ColA-Wrapper ul li a.BOOKING-AND-AVAILABILITY-active, #Layout1-ColA-Wrapper ul li a.BOOKING-AND-AVAILABILITY, #Layout1-ColA-Wrapper ul li a.BOOKING-AND-AVAILABILITY-active:hover, #Layout1-ColA-Wrapper ul li a.BOOKING-AND-AVAILABILITY:hover{ background-image:url('../grfx/titles/left-col/BOOKING---AVAILABILITY.png'); height:24px;} #Layout1-ColA-Wrapper ul li a.CONTACT-US-active, #Layout1-ColA-Wrapper ul li a.CONTACT-US, #Layout1-ColA-Wrapper ul li a.CONTACT-US-active:hover, #Layout1-ColA-Wrapper ul li a.CONTACT-US:hover { background-image:url('../grfx/titles/left-col/CONTACT-US.png')} #Layout1-ColA-Wrapper ul li a.PRESS-ROOM-active, #Layout1-ColA-Wrapper ul li a.PRESS-ROOM, #Layout1-ColA-Wrapper ul li a.PRESS-ROOM-active:hover, #Layout1-ColA-Wrapper ul li a.PRESS-ROOM:hover { background-image:url('../grfx/titles/left-col/PRESS-ROOM.png');} #Layout1-ColA-Wrapper ul li a.PRIVACY-POLICY-active, #Layout1-ColA-Wrapper ul li a.PRIVACY-POLICY, #Layout1-ColA-Wrapper ul li a.PRIVACY-POLICY-active:hover, #Layout1-ColA-Wrapper ul li a.PRIVACY-POLICY:hover { background-image:url('../grfx/titles/left-col/PRIVACY-POLICY.png')} #Layout1-ColA-Wrapper ul li a.TERMS-OF-USE-active, #Layout1-ColA-Wrapper ul li a.TERMS-OF-USE, #Layout1-ColA-Wrapper ul li a.TERMS-OF-USE-active:hover, #Layout1-ColA-Wrapper ul li a.TERMS-OF-USE:hover { background-image:url('../grfx/titles/left-col/TERMS-OF-USE.png')} #Layout1-ColA-Wrapper ul li a.ACCESSIBILITY-active, #Layout1-ColA-Wrapper ul li a.ACCESSIBILITY, #Layout1-ColA-Wrapper ul li a.ACCESSIBILITY-active:hover, #Layout1-ColA-Wrapper ul li a.ACCESSIBILITY:hover { background-image:url('../grfx/titles/left-col/ACCESSIBILITY.png')} #Layout1-ColA-Wrapper ul li a.PRESS-ROOM-active:hover, #Layout1-ColA-Wrapper ul li a.PRESS-ROOM:hover { } /* ------------------------------------------------------------------- */ /* BREADCRUMB */ /* ------------------------------------------------------------------- */ #Layout1-BCT-Wrapper { color:#928e93; font-size:.8em; text-transform:uppercase; margin-bottom:20px; position:absolute; top:181px; z-index:99999; height:10px; overflow:hidden;} #Layout1-BCT-Wrapper a { color:#928e93; text-decoration:none; float:left; margin-right:4px; font-size:10px} #Layout1-BCT-Wrapper a.bct-home-link { background:url('../grfx/navigation/breadcrumb-home.png') no-repeat 0 1px; padding-left:16px;} #Layout1-BCT-Wrapper span.bct-div-char { display:block; width:4px; height:7px; float:left; background:url('../grfx/navigation/breadcrumb-arrow.png') no-repeat 0 0; text-indent:-999em; margin:0 10px 0 6px; position:relative; top:3px; font-size:10px } #Layout1-BCT-Wrapper a:hover { color:#FFF} #Layout1-BCT-Wrapper a.bct-home-link:hover { background-position:0 -29px} /* ------------------------------------------------------------------- */ /* CONVERSION WINDOW */ /* ------------------------------------------------------------------- */ #ConvWindow-Wrapper {} #ConvWindow-Wrapper a { color:#787777; font-size:10px; float:left; margin:0 60px 20px 0; height:14px; padding:0 0 0 22px; text-decoration:none; text-transform:uppercase; background:url('../grfx/buttons/double-arrow.png') no-repeat 0 2px} #ConvWindow-Wrapper a:hover { color:#FFF; text-decoration:none; background-position:0 -17px;} #ConvWindow-Wrapper a.CONV-REQLIT { margin-right:0;}