/* Eric Meyer's reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%;} body {line-height: 1; font-size: 75%} ol, ul {list-style: none;} blockquote, q {quotes: none;} /* remember to define focus styles! :focus {outline: 0; REMOVE OR ALTER? SEE WEBAIM ARTICLE! }*/ /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse; border-spacing: 0;} html {height:70%;} /* Typography */ body { font-family:Arial, Helvetica, sans-serif; color:#333; line-height:1.4; background:transparent url(/images/rbh/lonelyplanet.com/design209/header_bg.gif) repeat-x scroll left top; height:70%} body.noBreadCrumb{background:url(/images/rbh/lonelyplanet.com/design5/header_bg_noBreadCrumb.gif) top left repeat-x;} input { font-size:0.9em; font-family:Arial, Helvetica, sans-serif; } a {text-decoration:none; color:#333;} a:hover, a:focus, a:active {text-decoration:underline; color:#8e8e8e;} .hidden { height:1px !important; left:0px !important; overflow:hidden !important; position:absolute !important; left:-9999px !important; display: none; width:1px !important; line-height:1px !important; float:left; } .replaced { position:relative; display:block; } .replaced span { position:absolute; top:0; left:0; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:0 0; z-index:100; } .localLanguage {font-style:italic;} /* Class applied to content in other languages, i.e. that have a 'lang' attribute applied */ pre {font-family:Arial, Helvetica, sans-serif;} #logoWrap {width:100%; min-height:108px; height:auto !important; height:108px; overflow:hidden;} #logo img {float:left; margin:11px 0 11px 49px;} /*#logo a {color:#fff; font-size:1.7em; width:137px; height:55px; float:left; margin:11px 0 11px 49px; overflow:hidden;} #logo a span {background:url(/images/rbh/lonelyplanet.com/design5/lp-logo.gif);} #logo a:hover span {background-position:137px 0;}*/ #logo p {float:left; clear:left;} #logo form input#search {border:0; width:185px; padding:4px 3px; float:left; clear:left; margin-right:3px; font-weight:bold; height:1.2em; color:#0a4f9c;} /*#logo form input {border:0; background:#fff; color:#0a4f9c;}*/ #logo div img {margin:0;} /* Ads */ /* Header leaderboard */ #logo .leaderboard {float:right; position:absolute; top:5px; right:0; text-transform:uppercase; font-size:0.8em;} #logo .leaderboard div {position:absolute; top:0; right:0; background:#467ab4; padding:3px;} /* Leaderboard in main content */ #main .leaderboard {width:803px; background:#f3f2e8 url(/images/rbh/lonelyplanet.com/design5/space-white-vert.gif) repeat-x bottom left; float:left; color:#666; padding:8px 0 18px 38px; border-bottom:1px solid #dfdedb; margin-bottom:3px; text-transform:uppercase; font-size:0.8em; position:static;} /* MPU in main content */ #mpu {width:475px; background:#f3f2e8; padding:18px 0 14px 2px; color:#8d8c81; margin-bottom:10px; float:left; clear:left; text-align:center} #mpu p {float:left; padding-left:87px; text-transform:uppercase; font-size:0.8em; text-align:left;} /* MPU in sidebar */ #sidebar #mpu, .module #mpu {padding:5px 0 20px 0; border-bottom:1px solid #dfdedb; background:#f3f2e8 url(/images/rbh/lonelyplanet.com/design5/space-white-vert.gif) repeat-x bottom left; width:316px;} #sidebar #mpu p, .module #mpu p{float:none; margin-bottom:4px; margin-left:0; padding-left:7px } .module #mpu {margin-bottom:3px} /* MPU in sidebar */ img.sponsoredHead{margin-top:3px; float:right} /* BUTTONS */ button { border:0; cursor:pointer; font-weight:bold; padding:0 10px 0 0; text-align:center; font-size:11px; overflow:visible;} button span {position:relative; display:block; padding:0 0 0 10px; color:#fff; white-space:nowrap;} * html button span {margin:0 0 -1px 0; overflow:visible; width:auto;} * html button{overflow:visible;} button::-moz-focus-inner { border: none;} /*blue buttons*/ button.submitBtn {height:30px; background:url(/images/rbh/lonelyplanet.com/design5/btn_blue_right.gif) no-repeat top right;} button.submitBtn span {height:30px; line-height:30px; background:url(/images/rbh/lonelyplanet.com/design5/btn_blue_left.gif) no-repeat; } button.submitBtnShort {height:25px; background:url(/images/rbh/lonelyplanet.com/design5/btn_blue_right_s.gif) no-repeat top right;} button.submitBtnShort span { height:25px; line-height: 25px; background:url(/images/rbh/lonelyplanet.com/design5/btn_blue_left_s.gif) top left no-repeat; } /*grey buttons*/ button.secondaryBtn { height:30px; background:url(/images/rbh/lonelyplanet.com/design5/btn_scndry_right.gif) no-repeat top right;} button.secondaryBtn span { height:30px; line-height:30px; background:url(/images/rbh/lonelyplanet.com/design5/btn_scndry_left.gif) no-repeat;} button.secondaryBtnShort { height:25px; background:url(/images/rbh/lonelyplanet.com/design5/btn_scndry_right_s.gif) no-repeat top right;} button.secondaryBtnShort span { height:25px; line-height:25px; background:url(/images/rbh/lonelyplanet.com/design5/btn_scndry_left_s.gif) no-repeat; } /*red buttons*/ button.submitBtnRed { height:30px; background:url(/images/rbh/lonelyplanet.com/design5/btn_red_right.gif) no-repeat top right;} button.submitBtnRed span { height:30px; line-height:30px; background:url(/images/rbh/lonelyplanet.com/design5/btn_red_left.gif) no-repeat; } button.submitBtnRedShort {height:25px; background:url(/images/rbh/lonelyplanet.com/design5/btn_red_right_s.gif) no-repeat top right;} button.submitBtnRedShort span {height:25px; line-height:25px; background:url(/images/rbh/lonelyplanet.com/design5/btn_red_left_s.gif) top left no-repeat;} button:hover, button.ieHover{background-position:100% -30px } button:hover span, button.ieHover span {background-position:0% -30px} /* Main navigation */ #mainNavWrap {width:100%; /*background:#f5eee6 url(/images/rbh/lonelyplanet.com/design5/nav-bg.gif) repeat-x 0 100%;*/} #navigation {margin:0 auto; width:965px; padding-top:10px;} #navigation ul {} #navigation li {float:left; margin-right:3px; /*border-bottom:1px solid #bcb1a4;*/} #navigation li a.navHead, #navigation li a.home {background:#eae1d8 url(/images/rbh/lonelyplanet.com/design5/nav-right-off.gif) no-repeat top right; float:left; text-decoration:none; font-weight:bold; color:#645e58; border-bottom:1px solid #bcb1a4; cursor:pointer;} #navigation li a span {background:url(/images/rbh/lonelyplanet.com/design5/nav-left-off.gif) no-repeat top left; padding:9px 10px 8px 10px; float:left;} #navigation li ul a {border-bottom:none; cursor:pointer;} #navigation li a.navHead:hover,#navigation li a.home:hover, #navigation li a.navHead:focus,#navigation li a.home:focus, #navigation li a.navHead:active, #navigation li a.home:active {background-color:#e0d6cc; background-image:url(/images/rbh/lonelyplanet.com/design5/nav-right-hover.gif);} #navigation li a.navHead span:hover, #navigation li a.home span:hover{background-image:url(/images/rbh/lonelyplanet.com/design5/nav-left-hover.gif); text-decoration:underline; color:#000} #navigation li.current a.navHead, #navigation li.current a.home{border-bottom:1px solid #d6cdc0; background:#d6cdc0 url(/images/rbh/lonelyplanet.com/design5/nav-right-off.gif) no-repeat top right!important; color:#000} #mainNav {line-height: 1.4; z-index:10; position:relative;} #mainNav li { float: left; position: relative; margin-right:3px;} #mainNav li img{margin:10px 5px 0 0} #mainNav li .home img{margin:0; padding:0 0 4px 0; display:block} #navigation li.current ul.wrapper, #navigation li.current ul.sub{background:#d6cdc0} #mainNav li ul.wrapper {background: #e0d6cc; left:-9999px; line-height: 1.5; position: absolute; z-index:11; font-size:1em; width:205px; padding:10px 0 10px 10px; border-bottom:1px solid #bcb1a4; border-right:1px solid #bcb1a4; border-left:1px solid #bcb1a4} #mainNav li ul.wrapper li{clear:both;} #mainNav li ul.wrapper li a{font-weight:normal; color:#000; padding:2px 3px 0 3px; margin-bottom:.5em; display:block; float:left} #mainNav li ul.wrapper li a:hover{background:#d6cdc0; text-decoration:underline;} #mainNav li ul.wrapper li a.single:hover, #mainNav li ul.wrapper.single li a:hover{background:none; text-decoration:underline;} #mainNav li ul.wrapper li a span{margin:0; padding:0; width:170px; border-right:1px dotted #000; background:none!important;} #mainNav li ul.wrapper li img{float:left; margin:0 0 0 5px; padding:0;} #mainNav ul.wrapper li.head{font-weight:bold; font-size:1.2em; margin:.5em 0 1em 0} #mainNav li ul.sub {background: #e0d6cc; left: -9999px; display: none; line-height: 1.5; position: absolute; z-index: 11; font-size:1em; width:150px; } #mainNav li ul.sub li{clear:both;} #mainNav li ul.sub li a:hover{background:none; text-decoration:underline;} #mainNav li ul.onScreenDestinations {left:0; top: 35px;} #mainNav li ul.onScreenDestinationsSub {left:200px; top: 0; border:1px solid #969696; display:block} * html #mainNav li ul.onScreenDestinationsSub {left:5px} * html #mainNav li ul.wrapper li{float:none;} * html #mainNav li ul.sub li {float:none;} *:first-child+html #mainNav li ul.wrapper li{float:none;} *:first-child+html #mainNav li ul.sub li {float:none;} /* User login */ .user {background:#d6ccc0; width:280px; font-weight:bold; float:right;} .user img {float:right;} .user span {/*padding-right:27px;*/ height:27px; float:left;} .user span img {float:left;} .user span.lpAuthor {background:#003471;} .user span.silverMember {background:#B8B8B8;} .user span.goldMember {background:#fc0;} .user p {margin:5px 0 0 9px; float:left; display:inline; width:167px;} .userLoggedIn {background:#d6ccc0; width:280px; font-weight:bold; float:right; padding-bottom:3px} .userLoggedIn img {float:right; margin-top:5px} .userLoggedIn span {/*padding-right:27px;*/ height:27px; float:left; margin:5px 0px 3px 5px} .userLoggedIn span img {float:left; margin-top:0} .userLoggedIn span.lpAuthor {background:#003471;} .userLoggedIn span.silverMember {background:#B8B8B8;} .userLoggedIn span.goldMember {background:#fc0;} .userLoggedIn p {margin:10px 0 0 9px; float:left; display:inline; width:167px;} /* Breadcrumb */ #breadcrumbWrap {width:100%; background:#d6ccc0; float:left;} #breadcrumbWrap #breadcrumb {margin:0 auto; width:965px; font-size:1.35em; font-weight:bold;} #breadcrumb { line-height: 1.4; z-index:5; position:relative; } #breadcrumb a {display: block; overflow: hidden; padding:/*6px 20px 5px 10px*/ 7px 15px 6px 10px;} #breadcrumb li { float: left; position: relative; margin-right:3px; background:url(/images/rbh/lonelyplanet.com/design5/breadcrumb-bg-new.gif) no-repeat right 7px; } * html #breadcrumb li * { position: relative; } #breadcrumb li, #breadcrumb ul { margin: 0; padding: 0; } #breadcrumb li:hover, #breadcrumb li.over {background-color:#f5eee6; background-position:right -475px;} /*#breadcrumb li:hover ul, #breadcrumb li.over ul { left: 0; }*/ #breadcrumb ul.onScreen {left:0;} #breadcrumb li li { float: none; position: static; width: 100%; background:none; font-weight:normal; margin-right:0;} #breadcrumb li li li {font-size:1.4em; line-height:1.52;} #breadcrumb li li a, #breadcrumb li li a:hover, #breadcrumb li li a:active { background: none; height: auto; padding:0; text-indent: 0; width: 76%; margin:5px 0 0 10px;} #breadcrumb li ul {background: #f5eee6; left: -9999px; line-height: 1.5; position: absolute; z-index:9; font-size:0.7em; width:150px; /*padding-top:3px;*/ padding-bottom:50px;} #breadcrumb li.oneCol ul {line-height: 1.3; width:150px;} #breadcrumb li.oneCol .col {float: left; width:150px;} #breadcrumb li.oneCol .col ul {border: 0; position: static; width: 100%; padding-bottom:10px;} #breadcrumb li.twoCol ul {line-height: 1.3; width:300px;} #breadcrumb li.twoCol .col {float: left; width:150px;} #breadcrumb li.twoCol .col ul {border: 0; position: static; width: 100%; padding-bottom:10px;} #breadcrumb li.threeCol ul {line-height: 1.3; width:450px;} #breadcrumb li.threeCol .col {float: left; width:150px;} #breadcrumb li.threeCol .col ul {border: 0; position: static; width: 100%; padding-bottom:10px;} #breadcrumb li .col {float:left; overflow:hidden;} /*#breadcrumb li.seeAll {border-top:1px solid #c5beb8; background:url(/images/rbh/lonelyplanet.com/design5/arrow-blue.gif) no-repeat left 18px; margin-top:11px; width:130px; margin-left:10px; margin-bottom:15px; padding-top:9px;}*/ #breadcrumb li.seeAll {border-top:1px solid #c5beb8; background:url(/images/rbh/lonelyplanet.com/design5/arrow-blue.gif) no-repeat left 18px; margin-top:11px; width:130px; margin-left:10px; margin-bottom:15px; padding-top:9px; position:absolute; bottom:0;} #breadcrumb li.twoCol li.seeAll {width:280px;} #breadcrumb li.threeCol li.seeAll {width:430px;} #breadcrumb strong {text-transform:uppercase; color:#645d57; margin-left:10px;} #breadcrumb li.last {background:none;} #breadcrumb li.last a {padding-right:13px;} #breadcrumb li.last:hover {background:#f5eee6;} #breadcrumb li span {display:block; padding-bottom:4px; padding-right:2px;} #breadcrumb li span a {float:left;} #breadcrumb li img {display:inline; margin-top:10px; cursor:pointer; margin-right:10px;} #breadcrumb ul.wrapper {padding-top:7px; border-right:2px solid #969696; border-bottom:2px solid #969696;} /* Location title */ #pageTitleWrap {width:100%; color:#fff; clear:left; margin-top:15.75em; float:left; display:block} .noBreadCrumb #pageTitleWrap {margin-top:13.25em;} #pageTitle {margin:0 auto; width:965px; padding-top:5px; } #pageTitle h1 {float:left; font-size:2.5em; font-weight:normal; margin-left:10px; line-height:1.1; position:relative; top:6px; display:inline;} #pageTitle ul {float:right; right:0; font-size:1.2em; width:460px;} #pageTitle li {display:inline; margin-left:17px;} #pageTitle a {color:#fff; font-style:italic; padding-left:15px; font-family:Georgia, serif;} #pageTitle a:hover, #pageTitle a:focus, #pageTitle a:active {text-decoration:none;} /* Google map */ #mapWrap {width:100%; border-bottom:7px solid #cdc3b7; /*background:#99B3CC;*/ float:left} #map {/*margin:0 auto; width:965px;*/ height:280px; display:none;} #map img {float:left;} #mapTab {width:965px; margin:0 auto; margin-bottom:7px; position:relative; top:0; left:-6px; clear:both} #mapTab .toggleMap{background:url(/images/rbh/lonelyplanet.com/design5/mapTabClosed.gif) top left no-repeat; width:167px; display:block; padding-top:5px; height:34px} #mapTab .toggleMap.open{background:url(/images/rbh/lonelyplanet.com/design5/mapTabOpen.gif) top left no-repeat;} /*#mapTab div {background:url(/images/rbh/lonelyplanet.com/design5/mapTabTop.gif) top left no-repeat; width:168px; display:block; padding-top:5px} #mapTab ul{background:url(/images/rbh/lonelyplanet.com/design5/mapTabBody.gif) top left repeat-y;} #mapTab li{background:url(/images/rbh/lonelyplanet.com/design5/mapTabBot.gif) bottom left no-repeat;} #mapTab a{ background:url(/images/rbh/lonelyplanet.com/design5/mapTabIcon.gif) top left no-repeat; padding:5px 0 8px 35px; margin-left:1em; height:20px; display:block; font-weight:bold; color:#333; text-decoration:none; text-transform:uppercase} #mapTab .open img{padding-bottom:2px}*/ #container {width:100%; margin:0 auto; background-color: #fff; float: left;} /* ------ Global Styles------ */ .clearBoth{clear:both} .listDisplayControls {padding-bottom:0; float:right; clear:right; font-size:0.9em;} .listDisplayControls select {font-size:0.9em;} .listDisplayControls input {position:relative; top:5px;} .reviewPagination{float:left; padding:12px 5px 12px 5px;} .reviewPagination ul{float:right; clear:both; padding:0;} .reviewPagination p {font-size:0.9em;} #content .ecomComponent h2 {color:#8D8C81;} #content .ecomComponent h2 a{text-transform:uppercase; font-weight:bold; font-size:1em; color:#0f8ad0;} #content .lpComponent h2 {text-transform:uppercase; font-weight:bold; font-size:1.15em; color:#333333;} #content .city .lpComponent h2 a{color:#409b21;} #content .country .lpComponent h2 a{color:#c72a0b;} #content .theme .lpComponent h2 a, .theme .lpComponent h2 a{color:#05a387;} blockquote {font-size:1.15em; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; padding-left:25px; background:url(/images/rbh/lonelyplanet.com/design5/quote-open.gif) no-repeat 0 2px; } blockquote a {color:#666;} blockquote img {margin-left:7px;} a.linkChevron{background:url(/images/rbh/lonelyplanet.com/design5/arrow-orngOnfff.gif) no-repeat 0 4px; padding-left:9px; float:left} a.linkChevronBack{background:url(/images/rbh/lonelyplanet.com/design5/arrow-orngOnfff-left.gif) no-repeat 0 4px; padding-left:9px;} p.callToAction {font-size:.9em;} #sidebar h2 {font-size:1.15em; text-transform:uppercase;} /*Better name*/ .sectionNav {float:left; border-bottom:1px solid #dbdbd9; width:317px; margin-bottom:3px; font-size:0.9em; padding-bottom:14px;} .sectionNav h2{margin-bottom:10px} .sectionNav li {width:155px; float:left; margin-right:3px; margin-bottom:2px;} .sectionNav li a {color:#333; width:145px; float:left; padding:2px 5px;} /*#sectionNav li a:hover span.bottom, #sectionNav li a:focus span.bottom, #sectionNav li a:active span.bottom {background:#409b21 url(sectionNav_/images/rbh/lonelyplanet.com/design5/btm.gif) no-repeat; color:#fff; width:145px; height:2px; float:left; position:relative; left:-5px; bottom:0px;}*/ .sectionNav li a span {color:#7d7d72;} .sectionNav li a:hover span, .sectionNav li a:focus span, .sectionNav li a:active span {color:#fff;} .sectionNav li a:hover, .sectionNav li a:focus, .sectionNav li a:active {text-decoration:none;} .sectionNav li ul{margin:21px 0 21px 14px;} .sectionNav li ul li a{width:131px;} . /* Shared experiences sidebar promo */ .sharedExperiences {background:#f3f2e8 url(/images/rbh/lonelyplanet.com/design5/space-white-vert.gif) repeat-x 0 100%; padding:14px 0 15px 5px; width:312px; float:left; border-bottom:1px solid #dfdedb; margin-bottom:3px;} .sharedExperiences h2 {margin-bottom:6px;} .sharedExperiences div {width:69px; float:left; margin:0 10px 4px 0;} .sharedExperiences div h3 {font-size:0.9em; font-weight:normal; margin-bottom:4px;} .sharedExperiences div p {background:none; padding:0; color:#666; width:69px;} .sharedExperiences div.last {margin:0;} .sharedExperiences p {font-size:0.9em; background:url(/images/rbh/lonelyplanet.com/design5/arrow-orngOnfff.gif) no-repeat 0 4px; float:left; clear:left; padding-left:9px; width:303px;} .beenTo {float:left; border-bottom:1px solid #dfdedb; width:307px; padding:15px 5px 20px; margin-bottom:3px; background:#f3f2e8 url(/images/rbh/lonelyplanet.com/design5/space-white-vert.gif) repeat-x 0 100%; overflow:hidden;} .beenTo h2 {margin-bottom:10px;} .beenTo div {width:150px; float:left; font-size:0.9em; color:#666; margin-bottom:10px;} .beenTo div img {float:left; margin-right:6px;} .beenTo div p {font-weight:bold;} .beenTo div p a {font-weight:normal; background:url(/images/rbh/lonelyplanet.com/design5/arrow-orngOnfff.gif) no-repeat left center; padding-left:8px;} .beenTo ul {width:307px; clear:left;} .beenTo li {float:left; font-size:0.9em; background:url(/images/rbh/lonelyplanet.com/design5/arrow-orngOnfff.gif) no-repeat left center; padding-left:8px; margin-right:30px;} /* Themes sidebar filter */ .themeFilter {background:#f3f2e8 url(/images/rbh/lonelyplanet.com/design5/space-white-vert.gif) repeat-x 0 100%; padding:14px 0 15px 5px; width:312px; float:left; border-bottom:1px solid #dfdedb; margin-bottom:3px;} .themeFilter h2 {margin-bottom:6px;} .themeFilter select, .themeFilter p {width:145px; float:left;} .themeFilter p {margin-right:17px; margin-bottom:11px; font-size:0.9em; font-weight:bold} .themeFilter select {font-size:1em; height:1.8em;} .themeFilter label {float:left; margin-bottom:6px;} .themeFilter p.last {margin:0;} .themeFilter form input {float:right; margin:13px 5px 0 0;} .themeFilter form button {margin:17px 7px 0 0; float:right;} /*Select Places sidebar navigation */ .selectPlaces{padding:7px 0 15px 5px; width:312px; float:left; border-bottom:1px solid #dfdedb; margin-bottom:3px;} .selectPlaces ul{float:left; width:155px; font-size:.9em; margin-top:7px} .selectPlaces li{line-height:1.6em;} /* Things to do sidebar navigation */ .thingsToDo {float:left; color:#666; border-bottom:1px solid #dfdedb; padding:13px 0 14px 4px; margin-bottom:3px; width:313px; /*padding-bottom:14px; padding-left:4px; background:pink;*/} .thingsToDo h2 {margin-bottom:9px;} .thingsToDo li {width:156px; float:left; font-size:0.9em; margin-bottom:7px; padding-top:2px;} .thingsToDo a {/*color:#333;*/ background:url(/images/rbh/lonelyplanet.com/design5/i-thingsToDo.gif) no-repeat; padding:0px 0 2px 22px; float:left; margin-right:3px;} .thingsToDo li.sights a {background-position:0 50%;} .thingsToDo li.eating a {background-position:-372px;} .thingsToDo li.shopping a {background-position:-744px 50%;} .thingsToDo li.sleeping a {background-position:-1116px 50%;} .thingsToDo li.cycling a {background-position:-1488px 50%;} .thingsToDo li.drinking a {background-position:-1860px 50%;} .thingsToDo li.entertain a {background-position:-2232px 50%;} .thingsToDo li.festivals a {background-position:-2232px 50%;} .thingsToDo li.sports a {background-position:-2232px 50%;} .thingsToDo li.sights a:hover, .thingsToDo li.sights a:focus, .thingsToDo li.sights a:active {background-position:-186px 50%;} .thingsToDo li.eating a:hover, .thingsToDo li.eating a:focus, .thingsToDo li.eating a:active {background-position:-558px 50%;} .thingsToDo li.shopping a:hover, .thingsToDo li.shopping a:focus, .thingsToDo li.shopping a:active {background-position:-930px 50%;} .thingsToDo li.sleeping a:hover, .thingsToDo li.sleeping a:focus, .thingsToDo li.sleeping a:active {background-position:-1302px 50%;} .thingsToDo li.cycling a:hover, .thingsToDo li.cycling a:focus, .thingsToDo li.cycling a:active {background-position:-1674px 50%;} .thingsToDo li.drinking a:hover, .thingsToDo li.drinking a:focus, .thingsToDo li.drinking a:active {background-position:-2046px 50%;} .thingsToDo li.entertain a:hover, .thingsToDo li.entertain a:focus, .thingsToDo li.entertain a:active {background-position:-2418px 50%;} .thingsToDo li.festivals a:hover, .thingsToDo li.festivals a:focus, .thingsToDo li.festivals a:active {background-position:-2418px 50%;} .thingsToDo li.sports a:hover, .thingsToDo li.sports a:focus, .thingsToDo li.sports a:active {background-position:-2418px 50%;} /* Top Picks sidebar promo */ .highlights {float:left; border-bottom:1px solid #dfdedb; width:313px; padding:13px 0 18px 4px; margin-bottom:3px;} .highlights h2 {margin-bottom:10px;} .highlights h3 {font-size:1.1em;} .highlights ul {margin-bottom:14px; float:left;} .highlights li {float:left; width:307px; clear:both; margin-bottom:14px} .highlights li div{float:left; width:148px} .highlights li p{margin-top:.75em;} .highlights li img{float:left; margin:3px 14px 0 0;} .highlights a.linkChevron {font-size:.9em;} /* Top Picks promo */ .topPicks span{color:#8d8c81; font-weight:bold; font-size:1.4em} .topPicks h2 {margin-bottom:10px;} .topPicks li p{font-size:.9em; margin-top:0!important; margin-bottom:.5em!important;} .topPicks h3{font-size:1.4em; line-height:1.2em; margin-bottom:.5em} .topPicks h4 span{margin-right:.5em;} .topPicks ul{margin-bottom:14px; float:left;} .topPicks li{border-bottom:1px solid #DFDEDB; float:left; width:307px; padding:2px 0} .topPicks li.last{border-bottom:0} /* Sidebar 'accordion' promo */ .accordion {width:317px; margin-top:7px; border-bottom:1px solid #dfdedb; float:left;} .accordion div{float:left;/* height:224px;*/} .accordion h2{margin:0 0 7px 4px} .accordion h3{padding-bottom:2px; clear:both; font-weight:normal; font-size:.9em;} .accordion h3 a {width:292px; display:block; padding:6px 5px 6px 20px; background:#edebde url(/images/rbh/lonelyplanet.com/design5/topTrips-arrow-off.gif) no-repeat .5em .8em; text-decoration:none; color:#333} .accordion h3 a:hover {background:#ccc9bd url(/images/rbh/lonelyplanet.com/design5/topTrips-arrow-off.gif) no-repeat .5em .8em; display:block; text-decoration:none; color:#333} .accordion h3.selected a, .basic h3.selected a:hover{background:#ccc9bd url(/images/rbh/lonelyplanet.com/design5/topTrips-arrow-on.gif) no-repeat .5em 1em!important; text-decoration:none; color:#333333} .accordion ol{list-style-type:none; padding:0 0 0 5px; float:left; clear:both;} .accordion ol li {border-bottom:1px solid #dfdedb; width:307px; clear:both; float:left; padding:5px 0; } .accordion ol li.last{border-bottom:none} .accordion ol li a.tripImage, .basic ol li a.tripImage img {float:left; clear:both; } .accordion ol li p {width:231px; float:left; font-size:1.5em; color:#8d8c81; margin-left:10px;} .accordion ol li p a {font-weight:bold; font-size:0.65em;} .accordion ol li p img {float:left;} .accordion p.callToAction {padding:10px 0 10px 5px; float:left;} .accordion ul {float:left; clear:left; margin:8px 0 0 0; width:98%; padding-bottom:10px} .accordion ul li {float:left; font-size:0.9em; background:url(/images/rbh/lonelyplanet.com/design5/arrow-orngOnfff.gif) no-repeat left center; padding-left:8px; margin-right:30px; } /* Blogs sidebar promo */ .blogs {float:left; border-bottom:1px solid #dfdedb; width:313px; margin-bottom:3px; padding:11px 0 17px 4px;} .blogs h2 {margin-bottom:12px;} .blogs div {float:left;} .blogs h3 {margin-bottom:5px; font-size:1.3em; font-weight:normal;} .blogs .author {margin-bottom:17px;} /*.blogs ul {float:left; clear:left; width:307px;}*/ .blogs li {float:left; font-size:0.9em; background:url(/images/rbh/lonelyplanet.com/design5/arrow-orngOnfff.gif) no-repeat left center; padding-left:8px; margin-right:30px;} /* Blogs main content promo */ #mainContent .blogs {width:473px; margin-bottom:14px; padding-top:0;} #mainContent .blogs h2 {font-size:2em; font-weight:normal; color:#8d8c81; margin-bottom:3px;} #mainContent .blogs .blogLink {font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#7d7d72;} #mainContent .blogs p.intro {font-size:1.3em; color:#848379; margin-bottom:13px;} #mainContent .blogs ul {width:469px;} /* Highlights sidebar promo */ .highlightsMore {float:left; border-bottom:1px solid #dfdedb; width:313px; margin-bottom:3px; padding:11px 0 17px 4px;} .highlightsMore h2 {margin-bottom:12px;} .highlightsMore div {border-bottom:1px solid #dfdedb; float:left; padding-bottom:12px; margin-bottom:15px; margin-left:-4px; padding-left:5px; display:inline; width:312px;} .highlightsMore div.last {border:none; margin-bottom:5px;} .highlightsMore div, .highlightsMore ul {font-size:0.9em; clear:both;} .highlightsMore div ul {font-size:1em; line-height:1.6;} .highlightsMore img {float:left;/*position:absolute; top:0; left:0;*/ margin-bottom:4px;} .highlightsMore img.rating {float:right; margin-right:105px; clear:right; margin-bottom:11px;} .highlightsMore div h3 {margin-bottom:4px; font-size:1.1em;} .highlightsMore div h3, .highlightsMore div ul {/*margin-left:157px;*/ float:right; width:154px; clear:right;} .highlightsMore div h3 a {color:#333;} .highlightsMore div span {color:#7d7d72; font-weight:bold;} .highlightsMore div p {float:left; clear:both; margin-right:5px; width:307px;} .highlightsMore div p span {clear:left;} .highlightsMore ul.more {width:307px; clear:left;} .highlightsMore ul.more li {float:left; background:url(/images/rbh/lonelyplanet.com/design5/arrow-orngOnfff.gif) no-repeat left center; padding-left:8px; margin-right:30px;} /* FAQs sidebar promo */ .forumQuotes {float:left; border-bottom:1px solid #dfdedb; width:307px; padding:15px 5px 17px; margin-bottom:3px; overflow:hidden;} .forumQuotes q, .forumQuotes p {font-size:0.9em; color:#666;} .forumQuotes p a {font-weight:bold;} .forumQuotes p span {font-weight:bold;} .forumQuotes q a {font-size:1.3em; font-family:Georgia, "Times New Roman", Times, serif; color:#333; line-height:1.2; margin:13px 0 4px; float:left; width:100%;} .forumQuotes q a:hover, .forumQuotes q a:focus, .forumQuotes q a:active {color:#777;} .forumQuotes ul {float:left; clear:left; margin-top:13px;} .forumQuotes li {float:left; font-size:0.9em; background:url(/images/rbh/lonelyplanet.com/design5/arrow-orngOnfff.gif) no-repeat left center; padding-left:8px; margin-right:30px;} /* Festivals and events sidebar promo */ .festivalsEvents {float:left; border-bottom:1px solid #dfdedb; width:313px; margin-bottom:3px; padding:13px 0 17px 4px; overflow:hidden;} .festivalsEvents ul {float:left; clear:left; margin-top:13px;} .festivalsEvents li {float:left; font-size:0.9em; background:url(/images/rbh/lonelyplanet.com/design5/arrow-orngOnfff.gif) no-repeat left center; padding-left:8px; margin-right:30px;} /* Related groups sidebar promo */ .relatedGroups {float:left; border-bottom:1px solid #dfdedb; width:313px; margin-bottom:3px; padding:13px 0 17px 4px;} .relatedGroups ul {float:left; clear:left; margin-top:13px;} .relatedGroups li {float:left; font-size:0.9em; background:url(/images/rbh/lonelyplanet.com/design5/arrow-orngOnfff.gif) no-repeat left center; padding-left:8px; margin-right:30px;} /* Feature Articles*/ .imgCaption{color:#8d8c81; font-size:.9em!important} p.tags{display:block; font-size:.9em;} p.tags a, p.tags a:visited{font-weight:normal!important; color:#044388} .featureArticle h2{font-size:2.6em; font-weight:normal} .featureArticle h3{font-size:1.7em; font-weight:normal; line-height:1.6em; margin-bottom:7px} .featureArticle h4{font-size:1.4em; line-height:1.6em} .featureArticle #articleBody ul{margin-bottom:1.5em; padding:0;} .featureArticle #articleBody li{font-size:1em; list-style-type:disc; margin-left:2.5em; padding-bottom:.25em} .featureArticle #articleBody a, .featureArticle #articleBody a:focus, .featureArticle #articleBody a:active {color:#044388; font-weight:bold;} .featureArticle #articleBody a:hover {color:#30609e;} .featureArticle #articleBody p{font-size:1.1em; margin-bottom:1.5em; margin-right:21px; line-height:1.5em} .featureArticle #articleBody .intro{font-weight:bold; font-size:1.2em; color:#7d7d72} .featureArticle #main p.pageOf{color:#7d7d72; font-size:1em} .featureArticle #main p.back{border-bottom:1px solid #dfdedb; margin-bottom:1em; font-size:.9em; padding:1em 0 1.3em 0; margin-right:0;} .featureArticle #main img.hero{float:none; margin:0 0 14px 0;} .featureArticle #main img.inline{float:left; margin:6px 14px 14px 0} .featureArticle #main img.inline.imgRight{float:right; margin:2px 7px 14px 14px} #main p.articleDate{float:right; margin:0 7px 0 0; line-height:1.2em} .featureArticle #main blockquote * {font-family:Georgia,'Times New Roman',Times,serif; } .featureArticle #main blockquote {width:225px; margin:0 14px 0.5em 0; float:right; font-size:1.1em; font-weight:bold;text-align: left;text-indent:14px;background: url(/images/rbh/lonelyplanet.com/design5/quoteOpenArticle.gif) 24px 4px no-repeat;} .featureArticle #main blockquote.bqLeft{float:left; padding-left:0; background-position:0 0;} .featureArticle #main blockquote p {line-height:1.4em; margin:0; display:inline; /*_display:block; */padding-right: 14px; background:url(/images/rbh/lonelyplanet.com/design5/quoteCloseArticle.gif) bottom right no-repeat; } .featureArticle #main .author{margin:14px 0;} .featureArticle #articleComments{float:left; border-top:1px solid #dfdedb; border-bottom:1px solid #dfdedb; padding-top:14px; margin-top:14px;} .featureArticle #articleComments h2{font-size:1.8em;} .showFullPage a, .showFullPage a:focus, .showFullPage a:active {color:#044388; font-weight:bold;} .showFullPage a:hover {color:#30609e;} .featureArticle #main .showFullPage{clear:both; float:right; margin-right:7px} .infoBox {background:#f1f8ff; padding:14px 21px; margin:0 7px 15px 0; border:solid 1px #9FCFFF; font-size:.9em; } .articleListing h2{margin-bottom:.5em; line-height:1em} .articleListing #contentBody{background:url(/images/rbh/lonelyplanet.com/design5/bg-horiz-dotted.gif) bottom left repeat-x; float:left; padding-bottom:1.2em} .articleListing #contentBody p.articleDate{margin-right:0;} #listedArticles{padding:0 0 1.2em 0; clear:both;} #listedArticles h2{font-size:1.8em} #listedArticles .gl_article_list li h3 {font-weight:bold; font-size:1.4em; line-height:1.1em;} #listedArticles .gl_article_list li p {margin-top:3px} #listedArticles ol{ list-style-type:none; margin:0 0 0 5px; padding:0;} #listedArticles li img {float:left; display:block; width:145px; padding:0 14px 0 0;} #listedArticles li {background:url(/images/rbh/lonelyplanet.com/design5/bg-horiz-dotted.gif) bottom left repeat-x; margin:10px 0 0 0; float:left; display:block; padding:0 0 14px 0; overflow:hidden; width:100%;} #listedArticles li.last{background:none} #listedArticles li div {padding:0 14px 0 0; margin:0; width:62%; float:left} #listedArticles.wide li div{width:72%;} #listedArticles .gl_article_list li div.author{width:280px; margin-bottom:.3em; float:left; margin-top:.7em;} .featureArticle #listedArticles .gl_article_list li div.author{width:440px;} #listedArticles div.authorDetails{width:270px!important;} #listedArticles .author img{padding:0; width:auto; margin:0; height:auto;} /*::::::::::::::: PAGINATION CONTROLS (UL/LI BASED) ::::::::::::::::::::::::::::::::::::::::*/ .pagination {border-bottom:1px solid #dfdedb;} .pagination p {padding:17px 0 0 7px} ul.gl_pagination_control {display:block; float:right; padding:14px 0; margin:0; border:none; margin-right:3px; font-size:.8em;} ul.gl_pagination_control li {display:inline; float:left; background:#ffffff; list-style:none; padding:0; margin:1px 3px 0 0; font-size:1.2em; } ul.gl_pagination_control li * {display:block; width:20px; text-align:center; border:solid 1px #dfdedb; } ul.gl_pagination_control li a, ul.gl_pagination_control li a:visited {color:#333; padding:2px 0} ul.gl_pagination_control li.seperator{color:#333; padding:4px 3px 0 3px} ul.gl_pagination_control li a:hover {background:#0186cb; color:#fff; border-color:#0066cc; text-decoration:none;} ul.gl_pagination_control li.current a {background:#707165; color:#fff; font-weight:bold; border-color:#707165;} ul.gl_pagination_control li.current a:visited {color:#fff;} ul.gl_pagination_control li.inactive a, ul.gl_pagination_control li.inactive a:hover, ul.gl_pagination_control li.inactive a:visited {color:#000; background:#fff; border-color:#D9D9DB; text-decoration:none; cursor:wait;} ul.gl_pagination_control li.prev {margin-right:14px; background:url(/images/rbh/lonelyplanet.com/design5/arrow-orng-left.gif) no-repeat; background-position:8px 50%} ul.gl_pagination_control li.next {margin-left:11px; background:url(/images/rbh/lonelyplanet.com/design5/arrow-orng.gif) no-repeat; background-position:3.7em 50%} ul.gl_pagination_control li.next a:hover{background:#0186cb url(/images/rbh/lonelyplanet.com/design5/arrow-white.gif) no-repeat; background-position:3.7em 50%} ul.gl_pagination_control li.prev a:hover{background:#0186cb url(/images/rbh/lonelyplanet.com/design5/arrow-white-left.gif) no-repeat; background-position:5px 50%} ul.gl_pagination_control li.prev *, ul.gl_pagination_control li.next * {border-color:#cbcbc6; width:53px;} ul.gl_pagination_control li span{padding:2px 0} ul.gl_pagination_control li.pageNo {padding-top:3px} /*::::::::::::::: END PAGINATION CONTROLS (UL/LI BASED) ::::::::::::::::::::::::::::::::::::::::*/ /*::::::::::::::: START LISTING/SORTING CONTROLS ::::::::::::::::::::::::::::::::::::::::::::::*/ #listingFilter {float:left; /*width:722px; padding:0 5px 18px 5px;*/ margin-bottom:16px;} #listingFilter .addSight img {float:left; margin: 0 0 13px 5px;} #listingFilter .views img {float:right; margin:0 5px 13px 0;} #listingFilter fieldset legend {display:none} #listingFilter fieldset label {float:left; margin-right:5px; padding-top:2px} #listingFilter .sortBy {font-size:0.9em; clear:both; border-bottom:1px solid #dfdedb; padding:5px 0 0 5px; width:717px; height:40px; } #listingFilter .sortBy p {float:left; margin-top:3px} #listingFilter .sortBy ul li {float:left; padding:2px 0 0 7px;} #listingFilter .sortBy ul li a { padding:0 7px 0 0;} #listingFilter .sortBy ul li.current {font-weight:bold; background:#e6e6e6 url(/images/rbh/lonelyplanet.com/design5/sortby-left.gif) top left no-repeat; height:18px; } #listingFilter .sortBy ul li.current a { padding:0 0 0 0;} #listingFilter .sortBy ul li.current span {background:#e6e6e6 url(/images/rbh/lonelyplanet.com/design5/sortby-right.gif) top right no-repeat; height:18px; padding:3px 7px 3px 0;} #listingFilter .sortBy ul li.separator {background:url(/images/rbh/lonelyplanet.com/design5/vertical-separator-light.gif) no-repeat center 5px; height:14px;} #listingFilter .sortBy ul li.first {margin-left: 3px} #listingFilter .sortBy form select {float:left; font-size:1.1em; padding:2px; margin-right:10px} #listingFilter .sortBy .results {margin:2px 0 0 0; float:right; padding-right:7px} #listingFilter .sortBy .results button {float:left} #listingFilter .show {font-size:0.9em; clear:both; padding:0 5px 10px 5px;} #listingFilter .show p {float:left; margin-right: 15px; padding-top:2px; } #listingFilter .show select {float:left; margin-right: 10px; padding:2px; font-size:1.1em; width: 150px;} /*::::::::::::::: END LISTING/SORTING CONTROLS ::::::::::::::::::::::::::::::::::::::::::::::*/ /* Media block */ #mediaBlock {float:left; margin-left:5px; display:inline; border-bottom:3px solid #fff; overflow:hidden; height:264px; width:636px;} #contentBody {width:470px; margin-left:3px;} #contentBody h2 {font-size:2.5em; font-weight:normal;} #contentBody p {margin-bottom:10px;} #mainContent #contentBody div.intro p {font-size:1.3em; color:#848379; line-height:1.4;} #contentBody a, a.boldBlue {color:#044388; font-weight:bold;} #contentBody a:hover, #contentBody p a:focus, #contentBody p a:active, a:hover.boldBlue, a:focus.boldBlue, a:active.boldBlue {color:#30609e;} #contentBody a.urlLink {font-weight:normal; text-decoration:underline;} #contentBody .author {margin-bottom:17px;} #contentBody .author a {color:#333;} #contentBody .author a:hover, #contentBody .author a:focus, #contentBody .author a:active {color:#656565;} #mainContent .readMore {font-size:1.16em; display:none;} #mainContent .readMore a {font-weight:bold; color:#000; background:url(/images/rbh/lonelyplanet.com/design5/readMoreArrowClosed.gif) no-repeat left 4px; padding-left:13px;} #mainContent .readMore a:hover, #mainContent .readMore a:focus, #mainContent .readMore a:active {color:#000;} #mainContent .readMore.reveal a {background:url(/images/rbh/lonelyplanet.com/design5/readMoreArrowOpen.gif) no-repeat left 7px;} .contentToReveal{clear:both;} .contentToReveal h3{color:#8d8c81; font-size:2em; font-weight:normal} #contentBody .inlineMedia {float:left; font-size:0.9em; color:#7d7d72; margin:3px 17px 0 0;} #contentBody .inlineMedia p {margin:0;} .poiInfo #contentBody {margin-left:0;} /* Author element */ .author {float:left; width:100%; font-size:100%;} .authorDetails {float:left; padding-right:20px} .authorDetails ul{float:left} .author .authorDetails li{font-size:0.9em; line-height:1.4em; background:none!important; float:none!important; margin:0!important; padding:0!important; width:auto;} .authorDetails img {float:left; margin:0 6px 0 0;} .authorDetails span img {margin:0;} .authorDetails span.silverMember {background:#B8B8B8;} .authorDetails span.goldMember {background:#fc0;} .authorDetails span.lpAuthor {background:#003471;} .authorDetails span {padding-right:27px; height:27px; float:left; margin-right:6px;} .authorDetails .reviewedBy {line-height:1.1em} .authorDetails .position {font-weight:normal; width:auto; color: #666;} .authorDetails a.reviewer {font-weight:bold;} .authorPick {float:left; border-left: 1px solid #dfdfdf; padding: 0 0 7px 20px; width:80px;} .authorPick p {color: #41962e; font-weight:bold; font-size:0.9em; padding: 1px 0 0 15px; margin:5px 0 0 0; background: url(/images/rbh/lonelyplanet.com/design5/icon-tick.gif) 0 2px no-repeat;} p.authorPickSolo {color: #41962e; font-weight:bold; background: url(/images/rbh/lonelyplanet.com/design5/icon-tick.gif) 0 2px no-repeat;} /* Articles and Features promo */ #articlesFeatures h2 {font-size:2em; font-weight:normal; color:#8d8c81; margin-bottom:11px;} #articlesFeatures a.linkChevron{font-size:.9em} #mainContent .photos {float:left; clear:both; border-top:1px solid #dfdedb; margin-bottom:14px; padding-bottom:18px; width:469px; padding:8px 5px 18px;} #mainContent .photos h2 {float:left; font-size:2em; font-weight:normal; margin-bottom:3px;} #mainContent .photos h2 a {color:#8d8c81;} #mainContent .photos img.flickr {float:right; margin:11px 5px 0 0; display:inline;} #mainContent .photos ul {float:left; clear:left; margin-top:13px;} #mainContent .photos li {float:left; font-size:0.9em; background:url(/images/rbh/lonelyplanet.com/design5/arrow-orngOnfff.gif) no-repeat left center; padding-left:8px; margin-right:30px;} #mainContent .videos {float:left; clear:both; margin-bottom:14px; width:469px; padding:8px 5px 18px; border-top:1px solid #dfdedb;} #mainContent .videos h2 {font-size:2em; font-weight:normal; color:#8d8c81; margin-bottom:3px;} #mainContent .videos h2 a {color:#8d8c81;} #mainContent .videos ul {float:left; clear:left; margin-top:13px;} #mainContent .videos li {float:left; font-size:0.9em; background:url(/images/rbh/lonelyplanet.com/design5/arrow-orngOnfff.gif) no-repeat left center; padding-left:8px; margin-right:30px;} /* Weather main sidebar component */ .weather {float:right; clear:right; width:155px; overflow:hidden; margin:5px 0 3px; border-bottom:1px solid #dfdedb;} .weather h2 {text-transform:uppercase; margin-bottom:10px; float:left;} .weather p {font-size:0.9em; float:left; clear:left; width:155px;} .weather ul {float:left; clear:left; width:155px; margin-bottom:12px;} .weather li {float:left; font-size:0.9em; background:url(/images/rbh/lonelyplanet.com/design5/arrow-orngOnfff.gif) no-repeat left center; padding-left:8px; margin-right:30px; width:155px;} .weather div {float:left; clear:left; border-bottom:1px solid #dfdedb; padding-bottom:12px; margin-bottom:8px; width:155px;} .weather div h3 {margin-bottom:9px; float:left; width:100%;} .weather div img {float:left;} .weather div p {float:right; clear:right; width:74px;} .weather div p span {font-weight:bold;} .weather h2, .weather h3, .weather ul, .weather p {margin-left:5px; display:inline;} /* Currencies main sidebar component */ .currencies {float:right; clear:right; width:155px; border-bottom:1px solid #dfdedb; margin:15px 0 3px;} .currencies h2 {text-transform:uppercase; margin-bottom:10px;} .currencies div {padding:4px;} .currencies div.original {background:#edebde url(/images/rbh/lonelyplanet.com/design5/currency-orig-bg.gif) no-repeat center 100%; padding-bottom:11px;} .currencies div.original input {margin-right:17px;} .currencies div.converted {background:#cbc9bc; margin-bottom:7px;} .currencies div input {width:66px;} .currencies div select {width:71px; font-size:0.9em;} .currencies div input.convertBtn {width:auto;} .currencies div label {font-weight:bold;} .currencies form p {font-weight:bold; text-align:center; font-size:1.2em; margin:0;} .currencies p {font-size:0.9em; margin-bottom:11px;} .currencies p.updated {color:#656565; margin:11px 0 11px 5px; clear:both;} .currencies p.convert {float:right; margin:0;} .currencies h2, .currencies p {margin-left:5px;} /* Currencies sidebar component */ #sidebar .currencies {float:left; clear:left; width:313px; padding:13px 0 17px 4px; margin-top:0;} #sidebar .currencies h2, #sidebar .currencies p {margin:0; padding-bottom:5px;} #sidebar .currencies div {padding-left:84px;} /* In Our Shop sidebar component */ .inOurShop {background:#f3f2e8 url(/images/rbh/lonelyplanet.com/design5/space-white-vert.gif) repeat-x 0 100%; float:right; clear:right; padding:14px 5px 22px; border-bottom:1px solid #dfdedb; margin-bottom:3px;} .inOurShop h2 {text-transform:uppercase; margin-bottom:10px;} .inOurShop h2 a {color:#0f8ad0;} .inOurShop p {color:#044388; font-weight:bold;} .inOurShop p span {font-size:0.9em; font-weight:normal;} .inOurShop div {padding-left:65px; position:relative; margin-bottom:30px; float:left;} .inOurShop img {position:absolute; top:0; left:0;} .inOurShop ul {float:right; margin-top:2px; width:100%;} .inOurShop li {float:left; font-size:0.9em; background:url(/images/rbh/lonelyplanet.com/design5/arrow-orngOnfff.gif) no-repeat left center; padding-left:8px;} /* In Our Shop main content component */ #main .inOurShop {width:793px; float:left; clear:left;} #main .inOurShop div {width:82px; margin-right:10px;} #mainSidebar .inOurShop {width:145px; float:right; clear:right;} #mainSidebar .inOurShop div {width:auto;} /* 'Equipment in our shop' main sidebar promo */ .equipmentShop {background:#f3f2e8 url(/images/rbh/lonelyplanet.com/design5/space-white-vert.gif) repeat-x 0 100%; float:right; clear:right; width:145px; padding:14px 5px 18px; border-bottom:1px solid #dfdedb; margin-bottom:3px;} .equipmentShop div {float:left; margin-bottom:14px;} .equipmentShop h2 {text-transform:uppercase; margin-bottom:10px;} .equipmentShop h2 a {color:#0f8ad0;} .equipmentShop img {float:left; margin-right:3px;} .equipmentShop h3 {font-size:0.9em; color:#044388;} .equipmentShop ul {float:left; margin-top:2px;} .equipmentShop li {float:left; font-size:0.9em; background:url(/images/rbh/lonelyplanet.com/design5/arrow-orngOnfff.gif) no-repeat left center; padding-left:8px;} /* 'Shop sale' main sidebar promo */ .shopSale {background:#f3f2e8 url(/images/rbh/lonelyplanet.com/design5/space-white-vert.gif) repeat-x 0 100%; float:right; clear:right; width:145px; padding:14px 5px 18px; border-bottom:1px solid #dfdedb; margin-bottom:3px;} .shopSale h2 {text-transform:uppercase; margin-bottom:10px;} .shopSale h3 a {color:#044388;} .shopSale p {margin-bottom:5px;} .shopSale ul {float:right; margin-top:2px; width:100%;} .shopSale li {float:left; font-size:0.9em; background:url(/images/rbh/lonelyplanet.com/design5/arrow-orngOnfff.gif) no-repeat left center; padding-left:8px;} /* 'Hotels and hostels' main sidebar promo */ .hotels {background:#f3f2e8 url(/images/rbh/lonelyplanet.com/design5/space-white-vert.gif) repeat-x 0 100%; float:right; clear:right; width:145px; padding:13px 5px 3px; border-bottom:1px solid #dfdedb; margin-bottom:3px;} .hotels h2 {text-transform:uppercase; margin-bottom:10px; line-height:1.1;} .hotels h3 a {color:#044388;} .hotels div {margin-bottom:7px;} .hotels p {font-size:0.9em; color:#da4a0b; font-weight:bold; margin-bottom:13px;} .hotels div p {color:#666; font-weight:normal; margin:0;} .hotels ul {float:left; margin-top:2px; line-height:1.3; margin-bottom:15px;} .hotels li {float:left; font-size:0.9em; background:url(/images/rbh/lonelyplanet.com/design5/arrow-orngOnfff.gif) no-repeat left 3px; padding-left:8px;} /* 'Flights' main sidebar promo */ .flights {background:#f3f2e8 url(/images/rbh/lonelyplanet.com/design5/space-white-vert.gif) repeat-x 0 100%; float:right; clear:right; width:140px; padding:13px 7px 17px; border-bottom:1px solid #dfdedb; margin-bottom:3px;} .flights h2 {text-transform:uppercase; margin-bottom:10px; color:#8d8c81;} .flights p {font-size:0.9em;} .flights div p {font-size:1em;} .flights div {font-size:0.9em; line-height:1.2;} .flights strong {color:#044388; font-size:1.3em;} .flights p.carrier {color:#008000; margin-bottom:12px;} .flights ul {float:left; margin-top:2px; line-height:1.3; margin-bottom:13px;} .flights li {float:left; font-size:0.9em; background:url(/images/rbh/lonelyplanet.com/design5/arrow-orngOnfff.gif) no-repeat left 3px; padding-left:8px;} /* Sponsored links sidebar component */ .sponsoredLinks {background:#f3f2e8 url(/images/rbh/lonelyplanet.com/design5/space-white-vert.gif) repeat-x 0 100%; float:right; clear:right; width:140px; padding:13px 7px 0; border-bottom:1px solid #dfdedb; margin-bottom:3px; padding-bottom:6px;} .sponsoredLinks h2 {text-transform:uppercase; margin-bottom:10px;} .sponsoredLinks div {font-size:0.9em; padding-bottom:11px;} .sponsoredLinks div p.title {font-weight:bold; color:#044388; font-size:1.1em;} .sponsoredLinks div p.title a {color:#044388;} .sponsoredLinks div p a {color:#008000; width:137px; overflow:hidden; display:block} .sponsoredLinks p.googleLogo{float:left; clear:both; font-size:11px; width:137px } /* Sponsored links main content component */ #main .sponsoredLinks {width:803px; background:#f3f2e8 url(/images/rbh/lonelyplanet.com/design5/space-white-vert.gif) repeat-x bottom left; float:left; clear:left; padding-left:5px;} #main .sponsoredLinks div {width:380px; float:left; margin-right:15px;} #mainSidebar .sponsoredLinks {width:140px; clear:both; float:right; padding-left:7px;} #mainSidebar .sponsoredLinks div {width:auto; margin-right:0;} #sidebar .sponsoredLinks{width:303px; float:left; clear:left;} #main .module .sponsoredLinks{width:305px; overflow:hidden} #main .module .sponsoredLinks p{width:303px} #main .module .sponsoredLinks a{width:auto} /* 'Other members also liked' and 'Travel history' */ #related {float:left; width:966px; border-top:1px solid #d9d9d7; margin:3px 0 21px; padding-top:3px;} /* 'Other users also liked...' component */ #alsoLiked {float:left; background:#f4f1e8 url(/images/rbh/lonelyplanet.com/design5/space-white-horiz.gif) repeat-y 100% 0; width:477px; padding-left:5px; color:#333; border-right:1px solid #dfdedb;} #alsoLiked h2 {font-size:1.5em; font-weight:normal; color:#848379; margin:10px 0 7px;} #alsoLiked h3 {text-transform:uppercase; color:#605d50; margin-bottom:11px; float:left; clear:left; width:100%;} #alsoLiked div div {width:145px; float:left; margin-right:17px;} #alsoLiked div div.last {margin:0;} #alsoLiked p {margin-bottom:20px;} #alsoLiked div div p {margin-bottom:0; font-size:0.9em;} #alsoLiked ul {float:left; margin-top:13px; margin-bottom:20px;} #alsoLiked li {float:left; font-size:0.9em; background:url(/images/rbh/lonelyplanet.com/design5/arrow-orngOnfff.gif) no-repeat left center; padding-left:8px; margin-right:30px;} /* Travel history component */ #travelHistory {float:left; width:474px; float:right; padding-top:43px;} #travelHistory h2 {text-transform:uppercase; margin-bottom:7px;} #travelHistory p {font-size:0.9em; font-weight:bold; margin-bottom:8px;} #travelHistory form {font-size:0.9em;} #travelHistory form ul {float:left; margin-right:10px;} #travelHistory form li {float:left;} #travelHistory p.seeMore {float:left; clear:left; margin-top:13px; margin-bottom:28px; font-weight:normal;} #travelHistory p.seeMore {float:left; font-size:0.9em; background:url(/images/rbh/lonelyplanet.com/design5/arrow-orngOnfff.gif) no-repeat left center; padding-left:8px; margin-right:30px;} /* Page footer */ #infoSourcesWrap {background:#f2f2e8; border-top:1px solid #dfdeda; border-bottom:1px solid #ddddd5; clear:both; overflow:hidden; padding:16px 0 21px;} #infoSources {width:965px; margin:0 auto;} #infoSources ul {margin-left:5px;} #infoSources li {float:left; width:201px; padding-left:39px; position:relative;} #infoSources h3 {font-size:1.15em; font-weight:bold; margin:0; padding:0} #infoSources img {position:absolute; top:5px; left:0;} #footerWrap {width:100%; background:#ddddd5 url(/images/rbh/lonelyplanet.com/design5/footer-bg.gif) repeat-x top left; clear:both; overflow:hidden; padding:21px 0 0;} #footer {width:965px; margin:0 auto;} #footer ul {float:left; margin:0 0 17px 5px; display:inline;} #footer ul li {float:left; margin-right:24px;} #footer form {float:right;} #footerWrap #footer label {display:inline; width:auto; font-weight:normal; text-transform:none; color:#333; padding:0;} #footer select {border:0; background:#c0bdb8; font-weight:bold; font-size:0.9em; padding:2px; width:163px;} #footer div {border-top:1px solid #c6c5c0; float:left; padding:19px 0 21px 109px; width:856px; font-size:0.9em;} #footer div p {float:left; width:80%;} .footerShort {height:80%} /* ----- Layout styles ----- */ #content {overflow:hidden; margin: auto; width:965px;} #sidebar {float:left;} #main {float:right;} #mainContent {float:left; clear:both;} #mainSidebar {float:right;} /* Medium-large-small (e.g. destinations city page) */ body.mls #content {background:url(/images/rbh/lonelyplanet.com/design5/separator.gif) repeat-y;} body.mls #sidebar {width:317px;} body.mls #main {width:641px;} body.mls #mainContent {width:479px;} body.mls #mainSidebar {width:155px;} /* Small-large-medium layout (e.g. POI detail) */ body.slm #content {background:url(/images/rbh/lonelyplanet.com/design5/separator_poiDetail.gif) repeat-y;} body.slm #sidebar {width:317px; margin-left:7px;} body.slm #main {float:left; width:641px;} body.slm #mainContent {width:479px; float:right;} body.slm #mainSidebar {width:155px; float:left} body.slm .sectionNav {width:155px; border:0;} /* Small-large layout (e.g. POI listing page) */ body.sl #content {background:url(/images/rbh/lonelyplanet.com/design5/separator-poiListing.gif) repeat-y;} body.sl #sidebar {width:155px;} body.sl #main {width:803px; overflow:hidden;} body.slm #mainSidebar {width:155px; float:left} /* large med layout (e.g. POI listing page) */ body.lm #content {background:url(/images/rbh/lonelyplanet.com/design5/separator_poiDetail.gif) repeat-y;} body.lm #sidebar {width:317px; float:left; margin-left:7px;} body.lm #main {width:641px; overflow:hidden; margin-left:0; float:left} /* Medium-large layout (e.g. Destinations search listings) */ body.ml #content {background:url(/images/rbh/lonelyplanet.com/design5/separator-medium-large.gif) repeat-y; margin-top:20px} body.ml #sidebar {width:235px;} body.ml #main {width:722px; overflow:hidden;} /* Small- right col: - 2col top - 1 col bott layout (e.g. hotels browse destination page) */ body.sld #content {background:url(/images/rbh/lonelyplanet.com/design5/separator-poiListing.gif) repeat-y;} body.sld #main {width:803px; overflow:hidden;} body.sld #mainSidebar {width:155px; float:left} body.fml #content {background:url(/images/rbh/lonelyplanet.com/design5/separator_3col.gif) repeat-y;} body.fml #main {width:641px; overflow:hidden;} body.fml #sidebar {width:317px;} body.fml .moduleWrap{background:url(/images/rbh/lonelyplanet.com/design5/separator_fullWidthSolid.gif) bottom left repeat-x; float:left; padding-bottom:13px} body.fml div .module{width:317px; float:left; margin-right:7px; /*background:#F3F2E8;*/ } body.fml div .module.last{margin-right:0} /* IMPORTED FROM http://static.lonelyplanet.com/static-ui/style/global.css */ /* Eric Meyer's reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} ins {text-decoration: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse; border-spacing: 0;} html {height:70%;} input { font-size:0.9em; font-family:Arial, Helvetica, sans-serif; } a {text-decoration:none; color:#0077cc;} a:hover, a:focus, a:active {text-decoration:underline; color:#0077cc;} .hidden { height:1px !important; left:0px !important; overflow:hidden !important; position:absolute !important; left:-9999px !important; width:1px !important; line-height:1px !important; float:left; } body { font-family:Arial, Helvetica, sans-serif; font-size:75%; color:#333; line-height:1.4; } /* Clear fix - http://www.webtoolkit.info/css-clearfix.html */ .clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .clearfix {display: inline-block;} html[xmlns] .clearfix {display: block;} * html .clearfix {height: 1%;} body.noBreadCrumb{} /* Location title */ #pageTitleWrap {width:100%; color:#fff; clear:left; margin-top:15.75em; float:left; display:block;} #pageTitleWrap.redPadding {margin-top:12.8em;} .noBreadCrumb #pageTitleWrap {margin-top:13.4em; line-height:0.1em;} #pageTitle {margin:0 auto; width:965px; padding-top:5px; } #pageTitle h1 {float:left; font-size:2.5em; font-weight:normal; margin-left:10px; line-height:1.1; position:relative; top:6px; display:inline;} #pageTitle h1 span{display:block; font-size:.4em;} #pageTitle ul {float:right; right:0; font-size:1.2em; width:460px;} #pageTitle li {display:inline; margin-left:17px;} #pageTitle a {color:#fff; font-style:italic; padding-left:15px; font-family:Georgia, serif;} #pageTitle a:hover, #pageTitle a:focus, #pageTitle a:active {text-decoration:none;} #pageTitleWrap #gradient {background-image:url(titlebar-inner-shadow.png); background-repeat:repeat-x; height:5px; left:0; position:absolute; width:100%;} /* BUTTONS */ button { border:0; cursor:pointer; font-weight:bold; padding:0 10px 0 0; text-align:center; font-size:11px; overflow:visible;} button span {position:relative; display:block; padding:0 0 0 10px; color:#fff; white-space:nowrap;} * html button span {margin:0 0 -1px 0; overflow:visible; width:auto;} * html button{overflow:visible;} button::-moz-focus-inner { border: none;} @media screen and (-webkit-min-device-pixel-ratio:0) {/* Safari and Google Chrome only - fix margins */button span {margin-top: -1px;}} /*blue buttons*/ button.submitBtn {height:30px; background:url(/images/rbh/lonelyplanet.com/design209/btn_blue_right.gif) no-repeat top right;} button.submitBtn span {height:30px; line-height:30px; background:url(/images/rbh/lonelyplanet.com/design209/btn_blue_left.gif) no-repeat; } button.submitBtnShort {height:25px; background:url(/images/rbh/lonelyplanet.com/design209/btn_blue_right_s.gif) no-repeat top right;} button.submitBtnShort span { height:25px; line-height: 25px; background:url(/images/rbh/lonelyplanet.com/design209/btn_blue_left_s.gif) top left no-repeat; } /*grey buttons*/ button.secondaryBtn { height:30px; background:url(/images/rbh/lonelyplanet.com/design5/btn_scndry_right.gif) no-repeat top right;} button.secondaryBtn span { height:30px; line-height:30px; background:url(/images/rbh/lonelyplanet.com/design5/btn_scndry_left.gif) no-repeat;} button.secondaryBtnShort { height:25px; background:url(/images/rbh/lonelyplanet.com/design5/btn_scndry_right_s.gif) no-repeat top right;} button.secondaryBtnShort span { height:25px; line-height:25px; background:url(/images/rbh/lonelyplanet.com/design5/btn_scndry_left_s.gif) no-repeat; } /*light grey buttons / ie disabled color buttons */ button.disabledBtnShort { height:25px; background:url(/images/rbh/lonelyplanet.com/design5/btn_dimmed_right_s.gif) no-repeat top right;} button.disabledBtnShort span { height:25px; line-height:25px; background:url(/images/rbh/lonelyplanet.com/design5/btn_dimmed_left_s.gif) no-repeat; color: #b2b2b2; } /*red buttons*/ button.submitBtnRed { height:30px; background:url(/images/rbh/lonelyplanet.com/design5/btn_red_right.gif) no-repeat top right;} button.submitBtnRed span { height:30px; line-height:30px; background:url(/images/rbh/lonelyplanet.com/design5/btn_red_left.gif) no-repeat; } button.submitBtnRedShort {height:25px; background:url(/images/rbh/lonelyplanet.com/design5/btn_red_right_s.gif) no-repeat top right;} button.submitBtnRedShort span {height:25px; line-height:25px; background:url(/images/rbh/lonelyplanet.com/design5/btn_red_left_s.gif) top left no-repeat;} /*green buttons*/ a.submitBtnGreen{float: left;cursor: pointer;height:22px;overflow:visible;padding:0pt 10px 0pt 0pt;text-align:center;text-decoration: none;font-weight: bold; font-size:.9em; background:url(/images/rbh/lonelyplanet.com/design5/btn_green_right_s.gif) no-repeat top right;} a.submitBtnGreen span{float: left;height:22px;line-height: 22px;padding:0 0 0 13px;position:relative;white-space:nowrap;color: #FFF; background:url(/images/rbh/lonelyplanet.com/design5/btn_green_left_s.gif) top left no-repeat;} a:hover.submitBtnGreen{background-position:100% -30px;text-decoration: none;} a:hover.submitBtnGreen span{background-position:0% -30px;} button.submitBtnGreen { height:22px; background:url(/images/rbh/lonelyplanet.com/design5/btn_green_right_s.gif) no-repeat top right;} button.submitBtnGreen span { height:22px; line-height:22px; background:url(/images/rbh/lonelyplanet.com/design5/btn_green_left_s.gif) no-repeat; } /*orange buttons*/ button.submitBtnOrange { height:22px; background:url(/images/rbh/lonelyplanet.com/design5/btn_orange_right_s.gif) no-repeat top right; padding-right:20px } button.submitBtnOrange span { height:22px; line-height:22px; background:url(/images/rbh/lonelyplanet.com/design5/btn_orange_left_s.gif) no-repeat;} button.submitBtnOrangeLarge { height:34px; background:url(/images/rbh/lonelyplanet.com/design5/btn_orange_right.png) no-repeat top right; padding-right:22px; font-size:14px} button.submitBtnOrangeLarge span { height:34px; line-height:34px; background:url(/images/rbh/lonelyplanet.com/design5/btn_orange_left.png) no-repeat;} button.submitBtnOrangeLarge:hover, button.submitBtnOrangeLarge.ieHover{background-position:100% -36px } button.submitBtnOrangeLarge:hover span, button.submitBtnOrangeLarge.ieHover span {background-position:0% -36px} a.submitBtnOrange{float: left;cursor: pointer;height:22px;overflow:visible;padding:0 20px 0 0;text-align:center;text-decoration: none;font-weight: bold; font-size:.9em; background:url(btn_orange_right_s.gif) no-repeat top right;} a.submitBtnOrange span{float: left;height:22px;line-height: 22px;padding:0 0 0 8px;position:relative;white-space:nowrap;color: #FFF; background:url(btn_orange_left_s.gif) top left no-repeat;} a:hover.submitBtnOrange{background-position:100% -30px;text-decoration: none;} a:hover.submitBtnOrange span{background-position:0% -30px;} /*white buttons*/ button.submitBtnWhiteShorter {height:23px; background:url(btn_white_right_s.gif) no-repeat top right;} button.submitBtnWhiteShorter span {height:23px; line-height:23px; background:url(btn_white_left_s.gif) top left no-repeat;} button:hover, button.ieHover{background-position:100% -30px } button:hover span, button.ieHover span {background-position:0% -30px} /* buttons */ a.submitBtnShort, a.secondaryBtnShort {float: left;cursor: pointer;height:25px;overflow:visible;padding:0pt 10px 0pt 0pt;text-align:center;text-decoration: none;font-weight: bold;} a.submitBtnShort span, a.secondaryBtnShort span {float: left;height:25px;line-height: 25px;padding:0pt 0pt 0pt 10px;position:relative;white-space:nowrap;color: #FFF;} a.submitBtnShort.ieHover, a.secondaryBtnShort.ieHover {background-position:100% -30px;text-decoration: none;} a.submitBtnShort.ieHover span, a.secondaryBtnShort.ieHover span {background-position:0% -30px;} a.submitBtnShort {background:url(btn_blue_right_s.gif) no-repeat top right;} a.submitBtnShort span {background:url(btn_blue_left_s.gif) top left no-repeat;} a.secondaryBtnShort {background:url(btn_scndry_right_s.gif) no-repeat top right;} a.secondaryBtnShort span {background:url(btn_scndry_left_s.gif) top left no-repeat;} /* User login */ .user {background:#d6ccc0; width:280px; font-weight:bold; float:right;} .user img {float:right;} .user span {/*padding-right:27px;*/ height:27px; float:left;} .user span img {float:left;} .user span.lpAuthor {background:#003471;} .user span.silverMember {background:#B8B8B8;} .user span.goldMember {background:#fc0;} .user p {margin:5px 0 0 9px; float:left; display:inline; width:167px;} #headerWrap{ width:100%; z-index: 12; height: 160px;} /* High z-index needed because of ad's */ #logoWrap {width:100%; min-height:108px; height:auto !important; height:108px; overflow:hidden; position: relative;} #logo {margin:0 auto; width:965px; height: 108px; position:relative;} #logo img {float:left; margin:11px 0 11px 49px;} #logo.noSearchBox {padding-top:16px} #logo p {float:left; clear:left;} #logo form input#search {border:0; width:185px; padding:4px 3px; float:left; clear:left; margin-right:3px; font-weight:bold; height:1.2em; color:#0a4f9c;} #logo div img {margin:0;} /* Header leaderboard Advertisement*/ #logo .leaderboard {float:left; position:absolute; background:url(advertisement_vertical.gif) no-repeat 100% .3em; left:235px; top:5px; width:745px} #logo .leaderboard div {padding:3px; height:90px; width:728px; background:#467ab4} /* Main navigation */ #mainNavWrap {width:100%; float: left; height: 50px;} #navigation {margin:0 auto; width:968px; padding-top:10px;padding-left:4px;} #navigation a:hover {color: #333333;} #navigation li a.navHead, #navigation li a.home {float:left; text-decoration:none; font-weight:bold; color:#645e58; cursor:pointer; height:34px} #navigation li a.navHead span,#navigation li a.home span, .isProfileOwner #mainNav .userLoggedIn #loggedInUsername {padding:9px 10px 8px 10px; float:none; display: block;} #navigation li.current a.navHead, #navigation li.current a.home, .isProfileOwner #mainNav li.userLoggedIn a.navHead {border-bottom:1px solid #d6cdc0; color:#000} /* User login */ .notReady .arrow {visibility: hidden} #navigation li.signInRegister {float:right; width:10em; margin-right:0;} #navigation li.signInRegister button {float:right; margin-right:0;} #navigation li.signInRegister p {float:right; margin-right:0} #navigation li.signInRegister a {font-weight:bold; color:#044388; position:relative; top:5px; left:-5px} #navigation li.signInRegister a:hover {color:#30609e;} #mainNav li.userLoggedIn {float: right;} #mainNav .member {float: left;padding: 0;} .isProfileOwner #mainNav .member {padding: 3px 0 0 3px;} #mainNav li.userLoggedIn {margin-top: 2px;margin-right: 0} #mainNav .userLoggedIn #loggedInUsername {padding-bottom: 2px;padding-top: 5px;} #navigation li.userLoggedIn a.navHead {height: auto;border-bottom: 0;} #mainNav li.userLoggedIn .navHead .arrow {margin-top: 8px;border-left:1px solid #B3ABA0;padding-left: 3px;background-position: right;background-repeat:no-repeat;} #mainNav li.userLoggedIn, #mainNav li.userLoggedIn ul.menu {background-color: #EAE1D8;} #mainNav li.signout {border-top:1px solid #B3ABA0;margin: 10px 4px 0;padding-top:10px;padding-left:9px;zoom: 1} #mainNav li.tab li.signout a {background:url(arrow-orng.gif) no-repeat 0 4px; padding-left:9px;} #mainNav .tab { float: left; position: relative; margin-right:3px;} #mainNav .tab .navHead .arrow, .isProfileOwner #mainNav .tab .navHead .arrow {margin: 10px 5px 0 0;} #mainNav .tab ul.menu {position: absolute; font-size:1em; width:205px; border-bottom:1px solid #bcb1a4; border-right:1px solid #bcb1a4; border-left:1px solid #bcb1a4; top: 100%;left: 0;} #mainNav .tab ul.menu.noHeading {padding-top: 1em;} #mainNav .tab ul.menu li {position: relative; margin: 0 7px 0.5em 7px;padding: 2px 0 2px 3px} #mainNav .tab ul.menu li .submenu li {padding: 0 0 0 3px;} #mainNav .tab ul.menu div.submenu {position: absolute;top: 0;left:100%;padding:10px 0 10px 10px;border:1px solid #969696;} #mainNav ul.menu li.head {font-weight:bold; font-size:1.2em; margin-top: 1em;} #mainNav li .submenu.col1 { width: 150px; } #mainNav li .submenu.col2 { width: 300px; } #mainNav li .submenu.col3 { width: 450px; } #mainNav li .submenu.col4 { width: 600px; } #mainNav li .submenu.col5 { width: 750px; } #mainNav li .submenu ul {width: 150px;float: left;} #mainNav li.tab img.arrow {background-image: url('arrow-down.gif');} #mainNav li.tab.hotdeals a.highlight { background:#ab2400 url(nav-left-hover-hotdeals.gif) no-repeat} #mainNav li.tab.hotdeals a.highlight span { background: url(nav-hotdeals-new-hover.gif) no-repeat top right;} #mainNav li.tab a.highlight img.arrow {background-image: url('arrow-down-half-hilite.gif');} #mainNav li.tab a.highlight img.highlight {background-image: url('arrow-down-full-hilite.gif');} #mainNav li.tab {background: url(nav-left-off.gif) no-repeat top left;} #mainNav li.tab, #mainNav li.tab div.submenu {background-color: #EAE1D8;} #mainNav li.tab.hotdeals {background:#cc2d03 url(nav-hotdeals.gif) no-repeat top left;} #mainNav li.tab.hotdeals span{color:#fff; background: url(nav-hotdeals-new.gif) no-repeat top right; padding-right:20px; } #mainNav li.tab a {background: url(nav-right-off.gif) no-repeat top right;border-bottom:1px solid #bcb1a4;} #mainNav li.tab .menu a, #mainNav li.tab li {background-image: none;line-height:1.5; color:#333} #mainNav li.highlight, #mainNav li.highlight ul.menu, #mainNav li.highlight ul.menu div.submenu {background-color: #e0d6cc;} #mainNav li.highlight {background-image: url(nav-left-hover.gif);} #mainNav li.highlight a {background-image: url(nav-right-hover.gif);} #mainNav li.highlight a {border-bottom: none;} #mainNav li.current, #mainNav li.current ul.menu, #mainNav li.current ul.menu div.submenu, .isProfileOwner #mainNav li.userLoggedIn, .isProfileOwner #mainNav li.userLoggedIn ul.menu {background-color: #d6cdc0;} #mainNav li.current {background-image: url(nav-left-on.gif);} #mainNav li.current a {background-image: url(nav-right-on.gif);} #mainNav li.tab ul.menu img.arrow {float: right;border-left: 1px dotted #000000;padding: 2px 2px 0 5px;background: url('arrow-right.gif') 50% 50% no-repeat;} #mainNav li.tab ul.menu li.selectable {cursor: pointer;} #mainNav li.tab ul.menu li.selectable ul {cursor: default;} #mainNav li.tab ul.menu li.highlight {background-color: #d0c7bb;} #mainNav li.tab ul.menu li.highlight img.arrow {background-image: url('arrow-right-half-hilite.gif');} #mainNav li.tab ul.menu li img.highlight {background-image: url('arrow-right-full-hilite.gif') !important;} .isProfileOwner #mainNav li.userLoggedIn {margin-top: 0;} .invisible {visibility: hidden;} /* Footer */ #footer a, #infoSources a{color:#333} #footer a:hover, #infoSources a:hover{color:#8e8e8e} #infoSourcesWrap {background:#f2f2e8; border-top:1px solid #dfdeda; border-bottom:1px solid #ddddd5; clear:both; overflow:hidden; padding:16px 0 21px; margin:21px auto 0 auto; float:left; width:100%;} #infoSources {width:965px; margin:0 auto; } #infoSources ul {margin-left:5px; } #infoSources li {float:left; margin-right:38px; padding-left:39px; position:relative; } #infoSources li.last {margin-right:0} #infoSources h3 {font-size:1.15em; font-weight:bold; margin:1px 0 0 0; padding:0} #infoSources p {font-size:0.9em; color:#666; margin-top:3px} #infoSources img {position:absolute; top:5px; left:0;} #footerWrap {width:100%; background:#ddddd5 url(footer-bg.gif) repeat-x top left; clear:both; overflow:hidden; padding:21px 0 0; height:130px;} #footer {width:965px; margin:0 auto;} #footer ul {float:left; margin:0 0 17px 5px; display:inline; } #footer ul li {float:left; margin-right:24px;} #footer ul li.last {float:left; margin-right:0;} #footer form {float:right; text-align:right; position:relative; top:-2px; left:0;} #footer form fieldset {background-image:none; border-top:1px solid #ddddd5} #footerWrap #footer label {float:none; display:inline; width:auto; font-weight:normal; text-transform:none; color:#333; padding:0; font-size:0.9em;} #footer select {border:0; background:#c0bdb8; font-weight:bold; font-size:0.9em; padding:2px; width:100px; } #footer input {width:30px;} #footer div {border-top:1px solid #c6c5c0; padding:24px 0 21px 0; font-size:0.9em; clear:both; width:100%} #footer div img {float:left; margin-right:21px} #footer div p {padding:12px 0 0 21px;} .shortPage #footerWrap {width:100%; background:#ddddd5 url(footer-bg.gif) repeat-x top left; clear:both; overflow:hidden; padding:21px 0 0; height:80%} /* International site jump-to */ #language input {display: none;} #language.javascriptDisabled input {display: inline;} /* IMPORTED FROM HOT DEALS: http://static.lonelyplanet.com/static-ui/style/hotDeals.css */ body#hotDeals.noBreadCrumb { background:url(header_bg_noBreadCrumb_red.gif) repeat-x left top; } #hotDeals #mainNav li.tab.hotdeals a { border-bottom:1px solid #cc2d03; } #hotDeals #mainContent .was{ text-decoration: line-through; } #hotDeals #content { padding-top:28px; } #hotDeals #main { float:left; margin:0 7px 14px 0; width:700px; } #hotDeals h2 { font-size:2em; font-weight:normal; height:42px; } #hotDeals p.intro{ color:#8d8c81; font-size: 18px; margin-bottom: 16px; line-height:0.9em; } #hotDeals #main #hot-deals-feature{ -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#333; padding:12px 16px 16px 16px; color:#fff; float:left; width:668px; height:152px; } #hotDeals #main #hot-deals-feature a, #hotDeals #main #hot-deals-feature a:visited{ color: #fff; } #hotDeals #main #hot-deals-feature h3{ font-size: 28px; font-weight: normal; line-height: 1.2em; } #hotDeals #main #hot-deals-feature h4{ font-size: 20px; font-weight: normal; line-height: 1.2em; margin-bottom:16px; } #hotDeals #main #hot-deals-feature h4 span{ font-size: 16px; } #hotDeals #main #hot-deals-feature img{ border:4px solid #fff; float:left; width:122px; margin-right:16px; margin-top: 5px; } #hotDeals #main #hot-deals-feature .fd-contentBlock{ float:left; width:333px; margin-right:16px; } #hotDeals #main #hot-deals-feature .fd-contentBlock p{ font-size: 16px; } #hotDeals #main #hot-deals-feature .fd-contentBlock p.detail{ font-size: 14px!important; display: block; } #hotDeals #main #hot-deals-feature .fd-priceAndBooking{ float: left; text-align: right; height: 137px; overflow:hidden; margin-top:7px } #hotDeals #main #hot-deals-feature .fd-priceAndBooking p{ color:#ff7d00; font-size: 42px; line-height: .6em; margin-top: 17px; } #hotDeals #main #hot-deals-feature .fd-priceAndBooking p span{ font-size: 14px; display: block; margin-bottom: 18px; font-weight: normal; } #hotDeals #main #hot-deals-feature .fd-priceAndBooking span.oldPrice{ text-decoration:line-through; font-size: 16px; line-height: 1em; } #hotDeals #sidebar { margin-top: 42px; } #hotDeals #sidebar #newsletterSignUp {background:#333; -moz-border-radius: 5px; -webkit-border-radius: 5px; width:230px; padding: 14px; color:#fff; height:152px;} #hotDeals #sidebar #newsletterSignUp h3 {padding-bottom: 0; font-size:1.1em; margin-top:3px} #hotDeals #sidebar #newsletterSignUp h3.addError {padding-bottom: 7px;} #hotDeals #sidebar #newsletterSignUp legend {display:none;} #hotDeals #sidebar #newsletterSignUp div, #hotDeals #sidebar #newsletterSignUp button {float:right} #hotDeals #sidebar #newsletterSignUp div {margin-bottom:10px} #hotDeals #sidebar #newsletterSignUp button {clear:both; margin-top:14px} #hotDeals #sidebar #newsletterSignUp button.noPadd {margin-top:0} #hotDeals #sidebar #newsletterSignUp form {margin-top:12px} #hotDeals #sidebar #newsletterSignUp input {width:156px; font-size:1em} #hotDeals #sidebar #newsletterSignUp select {width:161px; padding:3px 0; font-size:1em} #hotDeals #sidebar #newsletterSignUp label {margin-right:5px} #hotDeals #sidebar #newsletterSignUp .errorMessage {width:auto; padding-bottom:0; background-image:url(icon-exclamation-333.gif);} #hotDeals #mainContent { clear:both; margin-top:14px; width:100%; } #hot-deals-zone-1{ background:#f3f2e8; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px 14px; float: left; } #hot-deals-zone-1 h3{ text-transform: uppercase; color: #666666; } #hot-deals-zone-1 h4{ font-size: 17px; line-height: 1.2em; } #hot-deals-zone-1 p{ color:#333; font-size:13px; } #hot-deals-zone-1 p span{ color: #333; font-size: 12px; } #hot-deals-zone-1 li{ width: 220px; float: left; border-right: 1px solid #fff; margin-right: 14px; padding-right: 4px; overflow: hidden; height:0.1%; } #hot-deals-zone-1 li.last{ border-right: none; margin-right:0; padding-right: 0; } #hot-deals-zone-1 .imageContainer{ margin: 16px 0 8px 0; } #hot-deals-zone-1 .imageContainer p{ color: #fff; margin: 0 0 0 9px; text-transform: uppercase; font-size: 24px; } #hot-deals-zone-1 .imageContainer p.to{ font-size: 48px; font-weight: bold; line-height: 1.2em; } #hot-deals-zone-1 .imageContainer.luggageTag{ background: url('luggage-tag-red.gif') top left no-repeat; height: 100px; width: 212px; } #hot-deals-zone-1 .textContainer{ clear: both; margin-top: 8px; height:50px; margin-right: 10px; overflow: hidden; } #hot-deals-zone-1 .priceContainer{ clear: both; } #hot-deals-zone-1 .priceContainer p{ color: #ff7d00; font-size: 26px; float: left; width:120px; line-height: .9em; } #hot-deals-zone-1 .priceContainer p span{ display: block; height: 22px; } #hot-deals-zone-1 .priceContainer a.submitBtnOrange{ float: left; margin-top: 23px; } #hot-deals-zone-2{ margin-top: 24px; float: left; border-bottom:7px solid #f2f2e6; margin-bottom:7px} } #hot-deals-zone-2 h3{ background:#333; color: #fff; padding:5px 0 2px 14px; text-transform: uppercase; } #hot-deals-zone-2 div.deal{ float: left; margin-right:24px; padding-bottom: 24px; } #hot-deals-zone-2 div.deal.even{ margin-right: 0; } #hot-deals-zone-2 li{ clear: both; padding: 10px 0 3px 0; border-bottom: 1px solid #e5e5e5; float: left; width:470px; } #hot-deals-zone-2 li p{ float: left; width: 194px; height:22px; padding-left: 8px; font-size: 14px; overflow:hidden; line-height: 1.5em; } #hot-deals-zone-2 li p.price{ float: right; text-align: right; width:135px; font-size: 20px; line-height: .8em!important; color: #FF7D00; } #hot-deals-zone-2 li p.price span{ font-size: 12px; color: #666; } #hot-deals-zone-2 li span.logo { width: 115px; float: left; display: block; vertical-align:middle; line-height: 18px; } #hot-deals-zone-2 .linkChevron{ margin:16px 0 0 8px; font-weight: bold; font-size: 14px; background-position: 0px 7px; float: left; clear: both; } #hotDeals #mainContent .sponsoredLinks { border-bottom: 1px solid #DFDEDB; border-top: none; background:#F3F2E8 url(space-white-vert.gif) repeat-x left bottom; clear:both; } #hot-deals-disclaimer { float:left; clear:left; margin-top: 2em; color:#6c6c6c; width:100% } #hot-deals-disclaimer p { margin-bottom: 1em; } a.submitBtnOrangeLarge { float: left; cursor: pointer; height:34px; overflow:visible; padding:0 26px 0 0; text-align:center; text-decoration: none; font-weight: bold; font-size:1.2em; background:url(btn_orange_right_on333.gif) no-repeat top right; } a.submitBtnOrangeLarge span { float: left;height:34px; line-height: 34px; padding:0 0 0 8px; position:relative; white-space:nowrap; color: #FFF; background:url(btn_orange_left_on333.gif) top left no-repeat; } a.submitBtnOrangeLarge:hover { background-position:100% -36px; text-decoration: none; } a.submitBtnOrangeLarge:hover span { background-position:0% -36px; } div.banner {border-bottom:1px solid #DFDEDB;padding-bottom:3px; margin-bottom:3px; line-height:0} #logo img.partnerLogo2 { left:705px; position:absolute; top:25px; margin: 0px; } #Karma { margin: 15px; } #Karma td { font-size: 12px; } #X td { padding: 2px; } .SN_sectTxtTable { background-color: #F5F5F5; border: 1px solid #ddd; } .BEpg2Head { background-color: #F5F5F5; } .BannerSide { }