body { margin:0px; background-color:#814f57; height:100% } html { height:100% } a:link { color:#ba747f; text-decoration:none } a:visited { color:#ba747f; text-decoration:none } a:hover { color:#fff; text-decoration:none } a:active { color:#2f3237; text-decoration:none } .f-bb { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } #PageDiv { position:relative; min-height:100%; margin:auto } #fixedHeaderWrapper { position:relative; width:100%; height:72px; z-index:100 } #fixedHeaderInnerWrapper { position:fixed; left:0px; top:0px; right:0px; z-index:100; background-color:#fff; opacity:0.95 } #fixedHeader { max-width:1172px; z-index:0; padding:14px; margin-left:auto; margin-right:auto } #item11 { width:9.47%; z-index:0; float:right; margin-top:10px } #tripadvisorlogoWeb1 { float:left } #facebooklogoWeb { float:right } #navigation5 { width:89.62%; max-width:1172px; z-index:0; float:left; margin-top:10px; height:auto; overflow:visible; position:relative } #LogoWrapper { width:100%; max-width:1200px; z-index:0; margin-left:auto; margin-top:10px; margin-right:auto } #one { z-index:0; padding:14px; background-color:#fff } #TheLombardLogoHeaderCentred { max-width:100%; overflow:hidden } #SlideshowWrapper { width:100%; max-width:1200px; z-index:0; margin-left:auto; margin-right:auto } #one1 { z-index:0; padding:14px; background-color:#fff } #item1 { width:100px; display:inline-block } #HelloWrapper { width:100%; max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:0px; margin-right:auto; background-color:#2f3237 } #threeLeft { width:32.25333333333333%; z-index:0; float:left; padding:14px } #threeRight { width:32.25333333333333%; z-index:0; float:right; padding:14px } #threeMiddle { width:32.25333333333333%; z-index:0; float:left; padding:14px; margin-left:1.6% } #menusTitleWrapper { width:100%; max-width:1200px; z-index:0; margin-left:auto; margin-top:0px; margin-right:auto } #one2 { z-index:0; padding:14px; background-color:#623d43 } #LombardLogoMini6 { left:0px; top:0px; width:60px; height:60px; margin-right:10px; overflow:hidden } #threeWrapperAlt { width:100%; max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#814f57 } #threeLeft3 { width:32.25333333333333%; z-index:0; float:left; padding:14px } #breakfast { max-width:100%; overflow:hidden } #threeRight3 { width:32.25333333333333%; z-index:0; float:right; padding:14px } #Dinner { max-width:100%; overflow:hidden } #threeMiddle3 { width:32.25333333333333%; z-index:0; float:left; padding:14px; margin-left:1.6% } #Lunch { max-width:100%; overflow:hidden } #PartiesTourGroupsTitleWrapper { width:100%; max-width:1200px; z-index:0; margin-left:auto; margin-right:auto } #one3 { z-index:0; padding:14px; background-color:#2f3237 } #LombardLogoMini5 { left:0px; top:0px; width:60px; height:60px; margin-right:10px; overflow:hidden } #PartiesTourGroupsWrapper { width:100%; max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#fff } #threeLeft2 { width:32.25333333333333%; z-index:0; float:left; padding:14px } #partydressesWeb { max-width:100%; overflow:hidden } #threeRight2 { width:32.25333333333333%; z-index:0; float:right; padding:14px } #groupsmilingfriendstravelingtourbusfriendshiptravelvacationsummerpeopleconcept43092487Web { max-width:100%; overflow:hidden } #threeMiddle2 { width:32.25333333333333%; z-index:0; float:left; padding:14px; margin-left:1.6% } #corpeventWeb { max-width:100%; overflow:hidden } #NewsEventsWrapper { width:100%; max-width:1200px; z-index:0; margin-left:auto; margin-right:auto } #one4 { z-index:0; padding:14px; background-color:#623d43 } #LombardLogoMini4 { left:0px; top:0px; width:60px; height:60px; margin-right:10px; overflow:hidden } #DatesWrapper { width:100%; max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#2f3237 } #threeLeft4 { width:32.25333333333333%; z-index:0; float:left; padding:14px } #threeMiddle4 { width:32.25333333333333%; z-index:0; float:left; padding:14px; margin-left:1.6% } #threeRight4 { width:32.25333333333333%; z-index:0; float:right; padding:14px } #DatesWrapper1 { width:100%; max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#383c42 } #threeLeft1 { width:32.25333333333333%; z-index:0; float:left; padding:14px } #threeMiddle1 { width:32.25333333333333%; z-index:0; float:left; padding:14px; margin-left:1.6% } #threeRight1 { width:32.25333333333333%; z-index:0; float:right; padding:14px } #WhatsOnTitleWrapper { width:100%; max-width:1200px; z-index:0; margin-left:auto; margin-right:auto } #one5 { z-index:0; padding:14px; background-color:#2f3237 } #LombardLogoMini3 { left:0px; top:0px; width:60px; height:60px; margin-right:10px; overflow:hidden } #WhatsOnWrapper { width:100%; max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#fff } #threeLeft6 { width:32.25333333333333%; z-index:0; float:left; padding:14px } #bordgaistheatreWeb { max-width:100%; overflow:hidden } #threeMiddle6 { width:32.25333333333333%; z-index:0; float:left; padding:14px; margin-left:1.6% } #trinityWeb1 { max-width:100%; overflow:hidden } #threeRight6 { width:32.25333333333333%; z-index:0; float:right; padding:14px } #conventioncentreWeb { max-width:100%; overflow:hidden } #GalleryTitleWrapper { width:100%; max-width:1200px; z-index:0; margin-left:auto; margin-right:auto } #one6 { z-index:0; padding:14px; background-color:#623d43 } #LombardLogoMini2 { left:0px; top:0px; width:60px; height:60px; margin-right:10px; overflow:hidden } #GalleryWrapper { width:100%; max-width:1200px; z-index:0; clear:both; padding-top:10px; margin-left:auto; margin-right:auto; background-color:#814f57 } #fourLeft2 { width:23.753333333333334%; z-index:0; float:left; padding:14px } #Gallery1 { width:250px; max-width:100%; overflow:hidden } #fourMiddleLeft2 { width:23.753333333333334%; z-index:0; float:left; padding:14px; margin-left:1.6% } #Gallery2 { width:250px; max-width:100%; overflow:hidden } #fourMiddleRight2 { width:23.753333333333334%; z-index:0; float:left; padding:14px; margin-left:1.6% } #Gallery3 { width:250px; max-width:100%; overflow:hidden } #fourRight2 { width:23.753333333333334%; z-index:0; float:right; padding:14px } #Gallery4 { width:250px; max-width:100%; overflow:hidden } #GalleryWrapper1 { width:100%; max-width:1200px; z-index:0; clear:both; padding-bottom:10px; margin-left:auto; margin-right:auto; background-color:#814f57 } #fourLeft1 { width:23.753333333333334%; z-index:0; float:left; padding:14px } #Gallery5 { width:250px; max-width:100%; overflow:hidden } #fourMiddleLeft1 { width:23.753333333333334%; z-index:0; float:left; padding:14px; margin-left:1.6% } #Gallery6 { width:250px; max-width:100%; overflow:hidden } #fourMiddleRight1 { width:23.753333333333334%; z-index:0; float:left; padding:14px; margin-left:1.6% } #Gallery7 { width:250px; max-width:100%; overflow:hidden } #fourRight1 { width:23.753333333333334%; z-index:0; float:right; padding:14px } #Gallery8 { width:250px; max-width:100%; overflow:hidden } #GalleryWrapper3 { width:100%; max-width:1200px; z-index:0; padding-bottom:10px; margin-left:auto; margin-right:auto; background-color:#814f57 } #fourLeft3 { width:23.753333333333334%; z-index:0; float:left; padding:14px } #Gallery9 { width:250px; max-width:100%; overflow:hidden } #fourMiddleLeft3 { width:23.753333333333334%; z-index:0; float:left; padding:14px; margin-left:1.6% } #Gallery10 { width:250px; max-width:100%; overflow:hidden } #fourMiddleRight3 { width:23.753333333333334%; z-index:0; float:left; padding:14px; margin-left:1.6% } #Gallery11 { width:250px; max-width:100%; overflow:hidden } #fourRight3 { width:23.753333333333334%; z-index:0; float:right; padding:14px } #Gallery12 { width:250px; max-width:100%; overflow:hidden } #ContactTitleWrapper { width:100%; max-width:1200px; z-index:0; margin-left:auto; margin-right:auto } #one7 { z-index:0; padding:14px; background-color:#2f3237 } #LombardLogoMini1 { left:0px; top:0px; width:60px; height:60px; margin-right:10px; overflow:hidden } #ContactWrapper { width:100%; max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#2f3237; background-image:url(../Resources/thelombardcontact.jpg) } #twoLeft2 { width:47.333333333333336%; z-index:0; float:left; padding:14px } #nameField { width:99.06% } #emailField { width:99.06% } #phoneField { width:99.06% } #subjectField { width:99.06% } #messageArea { width:99.06%; height:150px } #twoRight2 { width:50.083333333333336%; z-index:0; float:right; padding:20px 14px 14px } #GoogleTourTitleWrapper { width:100%; max-width:1200px; z-index:0; margin-left:auto; margin-right:auto } #one8 { z-index:0; padding:14px; background-color:#623d43 } #LombardLogoMini { left:0px; top:0px; width:60px; height:60px; margin-right:10px; overflow:hidden } #GoogleTourWrapper1 { width:100%; max-width:1200px; z-index:0; margin-left:auto; margin-right:auto } #one9 { z-index:0; padding:14px; background-color:#2f3237 } #FooterWrapper { width:100%; max-width:1200px; z-index:0; margin-left:auto; margin-right:auto } #one10 { z-index:0; padding:14px; background-color:#2f3237 } .fwNavContainer1 { float:right; position:relative; right:50% } #fwNav1 { position:relative; display:block; left:50%; padding:0; margin:0; list-style:none } #fwNav1 .fwNavItem { width:auto; position:relative; float:left; margin:0; padding:0; border-top:0; border-bottom:0 } #fwNav1 .fwNavItem a { display:block; color:#2F3237; text-decoration:none; padding:3px 40px 3px 0px } #fwNav1 .fwFirstChild { border-left:0 } #fwNav1 .fwLastChild { border-right:0 } #fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { color:#814F57; text-decoration:none } #fwNav1 .fwNavItem a:active { color:#2F3237; text-decoration:none } #fwNav1-toggle, .fwNav1-toggle-label { display:none } .fwNav1-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('../Resources/hamburger-black.png'); background-repeat:no-repeat; background-size:100%; margin-left:auto; margin-right:auto } #fwNav1 .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem a.fwCurrent:hover { display:block; font-weight:normal } @media screen and (max-width:1200px) { #PageDiv { width:auto } #fixedHeaderWrapper { height:80px } #LogoWrapper { margin-top:0px } } @media screen and (max-width:940px) { #PageDiv { width:auto } #fixedHeader { max-width:912px } #item11 { width:17.26% } #navigation5 { width:78.99% } #LogoWrapper { margin-left:0px; margin-right:0px } #threeMiddle2 { width:32.25872340425532% } #threeLeft6 { width:32.25872340425532% } } @media screen and (max-width:920px) { #PageDiv { width:auto } #fixedHeaderWrapper { height:106px } #navigation5 { width:79.71%; max-width:892px; clear:both } #LogoWrapper { margin-left:auto; margin-top:0px; margin-right:auto } #threeLeft { width:49.143478260869564% } #threeRight { width:100.00347826086954%; float:left; clear:both; margin-top:20px } #threeMiddle { width:49.143478260869564%; float:right; margin-left:0px } #threeLeft3 { width:49.143478260869564% } #threeRight3 { width:100.00347826086954%; float:left; clear:both; margin-top:20px } #threeMiddle3 { width:49.143478260869564%; float:right; margin-left:0px } #threeLeft2 { width:49.143478260869564% } #threeRight2 { width:100.00347826086954%; float:left; clear:both; margin-top:20px } #threeMiddle2 { width:49.143478260869564%; float:right; margin-left:0px } #threeLeft4 { width:49.143478260869564% } #threeMiddle4 { width:49.143478260869564%; float:right; margin-left:0px } #threeRight4 { width:100.00347826086954%; float:left; clear:both; margin-top:20px } #threeLeft1 { width:49.143478260869564% } #threeMiddle1 { width:49.143478260869564%; float:right; margin-left:0px } #threeRight1 { width:100.00347826086954%; float:left; clear:both; margin-top:20px } #threeLeft6 { width:49.143478260869564% } #threeMiddle6 { width:49.143478260869564%; float:right; margin-left:0px } #threeRight6 { width:100.00347826086954%; float:left; clear:both; margin-top:20px } #Gallery1 { width:197px } #Gallery2 { width:197px } #Gallery3 { width:197px } #Gallery4 { width:197px } #Gallery5 { width:197px } #Gallery6 { width:197px } #Gallery7 { width:197px } #Gallery8 { width:197px } #Gallery9 { width:197px } #Gallery10 { width:197px } #Gallery11 { width:197px } #Gallery12 { width:197px } } @media screen and (max-width:720px) { #PageDiv { width:auto } #navigation5 { width:77.69% } #LogoWrapper { margin-top:0px } #threeRight { width:99.99888888888889% } #breakfast { max-width:99.8% } #threeRight3 { width:99.99888888888889% } #Lunch { max-width:99.8% } #partydressesWeb { max-width:99.8% } #threeRight2 { width:99.99888888888889% } #corpeventWeb { max-width:99.8% } #threeRight4 { width:99.99888888888889% } #threeRight1 { width:99.99888888888889% } #bordgaistheatreWeb { max-width:99.8% } #trinityWeb1 { max-width:99.8% } #threeRight6 { width:99.99888888888889% } #conventioncentreWeb { max-width:99.8% } #fourLeft2 { width:49.18888888888888% } #Gallery1 { width:257px } #fourMiddleLeft2 { width:49.18888888888888%; float:right; margin-left:0px } #Gallery2 { width:257px } #fourMiddleRight2 { width:49.18888888888888%; clear:both; margin-left:0px; margin-top:20px } #Gallery3 { width:257px } #fourRight2 { width:49.18888888888888%; margin-top:20px } #Gallery4 { width:257px } #fourLeft1 { width:49.18888888888888% } #Gallery5 { width:257px } #fourMiddleLeft1 { width:49.18888888888888%; float:right; margin-left:0px } #Gallery6 { width:257px } #fourMiddleRight1 { width:49.18888888888888%; clear:both; margin-left:0px; margin-top:20px } #Gallery7 { width:257px } #fourRight1 { width:49.18888888888888%; margin-top:20px } #Gallery8 { width:257px } #fourLeft3 { width:49.18888888888888% } #Gallery9 { width:257px } #fourMiddleLeft3 { width:49.18888888888888%; float:right; margin-left:0px } #Gallery10 { width:257px } #fourMiddleRight3 { width:49.18888888888888%; clear:both; margin-left:0px; margin-top:20px } #Gallery11 { width:257px } #fourRight3 { width:49.18888888888888%; margin-top:20px } #Gallery12 { width:257px } #twoLeft2 { width:99.99888888888889% } #nameField { width:99% } #emailField { width:99% } #phoneField { width:99% } #subjectField { width:99% } #messageArea { width:99% } #twoRight2 { width:101.66555555555554%; margin-top:1.6% } } @media screen and (max-width:570px) { #PageDiv { width:auto } #fixedHeaderWrapper { height:59px } #fixedHeader { padding:5px 14px } #item11 { width:20.76%; float:left } #navigation5 { width:auto; float:right; clear:none } #threeLeft { width:100.00228070175439% } #threeRight { width:100.00228070175439% } #threeMiddle { width:100.00228070175439%; margin-top:20px } #threeLeft3 { width:100.00228070175439% } #threeRight3 { width:100.00228070175439% } #threeMiddle3 { width:100.00228070175439%; margin-top:20px } #threeLeft2 { width:100.00228070175439% } #threeRight2 { width:100.00228070175439% } #threeMiddle2 { width:100.00228070175439%; margin-top:20px } #threeLeft4 { width:100.00228070175439% } #threeMiddle4 { width:100.00228070175439%; margin-top:20px } #threeRight4 { width:100.00228070175439% } #threeLeft1 { width:100.00228070175439% } #threeMiddle1 { width:100.00228070175439%; margin-top:20px } #threeRight1 { width:100.00228070175439% } #threeLeft6 { width:100.00228070175439% } #threeMiddle6 { width:100.00228070175439%; margin-top:20px } #threeRight6 { width:100.00228070175439% } #fourLeft2 { width:100.00228070175439% } #fourMiddleLeft2 { width:100.00228070175439%; margin-top:20px } #fourMiddleRight2 { width:100.00228070175439% } #fourRight2 { width:100.00228070175439% } #fourLeft1 { width:100.00228070175439% } #fourMiddleLeft1 { width:100.00228070175439%; margin-top:20px } #fourMiddleRight1 { width:100.00228070175439% } #fourRight1 { width:100.00228070175439% } #fourLeft3 { width:100.00228070175439% } #fourMiddleLeft3 { width:100.00228070175439%; margin-top:20px } #fourMiddleRight3 { width:100.00228070175439% } #fourRight3 { width:100.00228070175439% } #twoLeft2 { width:100.00228070175439% } #twoRight2 { width:102.10754385964913%; margin-top:20px } .fwNavContainer1 { display:none; position:fixed; width:100%; left:0; right:0; top:0; bottom:0; background-color:#FFFFFF; -webkit-overflow-scrolling:touch; overflow:auto; float:none; -webkit-transition:.2s ease-out -webkit-transform; -moz-transition:.2s ease-out -moz-transform; -ms-transition:.2s ease-out -ms-transform; -o-transition:.2s ease-out -o-transform; transition:.2s ease-out transform; -webkit-transform:translate3d(0,-100%,0); -moz-transform:translate3d(0,-100%,0); -ms-transform:translate3d(0,-100%,0); -o-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0) } #fwNav1 { width:100%; right:0; left:0; margin-top:0px } #fwNav1 .fwNavItem { box-sizing:border-box; float:none; overflow:hidden; width:100%; border-right:0; border-left:0 } #fwNav1 .fwNavItem a { padding-top:14px; padding-bottom:14px; padding-left:14px; padding-right:14px } #fwNav1 .fwFirstChild { border-top:0 } #fwNav1 .fwLastChild { border-bottom:0 } .fwNav1-toggle-label { display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none } .fwNav1-toggle-close { background-image:url('../Resources/x-black.png'); margin:20px auto 20px auto } #fwNav1-toggle:checked ~ .fwNavContainer1 { font-size:1em; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } } @media screen and (max-width:480px) { #PageDiv { width:auto } #fixedHeaderWrapper { height:116px } #item11 { width:38.24% } #navigation5 { width:29.65% } #LogoWrapper { margin-top:0px } #threeLeft { width:100.00333333333333% } #threeRight { width:100.00333333333333% } #threeMiddle { width:100.00333333333333% } #threeLeft3 { width:100.00333333333333% } #threeRight3 { width:100.00333333333333% } #threeMiddle3 { width:100.00333333333333% } #threeLeft2 { width:100.00333333333333% } #threeRight2 { width:100.00333333333333% } #threeMiddle2 { width:100.00333333333333% } #threeLeft4 { width:100.00333333333333% } #threeMiddle4 { width:100.00333333333333% } #threeRight4 { width:100.00333333333333% } #threeLeft1 { width:100.00333333333333% } #threeMiddle1 { width:100.00333333333333% } #threeRight1 { width:100.00333333333333% } #threeLeft6 { width:100.00333333333333% } #threeMiddle6 { width:100.00333333333333% } #threeRight6 { width:100.00333333333333% } #fourLeft2 { width:100.00333333333333% } #fourMiddleLeft2 { width:100.00333333333333% } #fourMiddleRight2 { width:100.00333333333333% } #fourRight2 { width:100.00333333333333% } #fourLeft1 { width:100.00333333333333% } #fourMiddleLeft1 { width:100.00333333333333% } #fourMiddleRight1 { width:100.00333333333333% } #fourRight1 { width:100.00333333333333% } #fourLeft3 { width:100.00333333333333% } #fourMiddleLeft3 { width:100.00333333333333% } #fourMiddleRight3 { width:100.00333333333333% } #fourRight3 { width:100.00333333333333% } #twoLeft2 { width:100.00333333333333% } #twoRight2 { width:102.50333333333333% } } @media screen and (max-width:320px) { #PageDiv { width:auto } #fixedHeaderWrapper { height:84px } #item11 { width:52.76% } #navigation5 { width:25.68% } #threeLeft { width:100% } #threeRight { width:100% } #threeMiddle { width:100% } #threeLeft3 { width:100% } #threeRight3 { width:100% } #threeMiddle3 { width:100% } #threeLeft2 { width:100% } #threeRight2 { width:100% } #threeMiddle2 { width:100% } #threeLeft4 { width:100% } #threeMiddle4 { width:100% } #threeRight4 { width:100% } #threeLeft1 { width:100% } #threeMiddle1 { width:100% } #threeRight1 { width:100% } #threeLeft6 { width:100% } #threeMiddle6 { width:100% } #threeRight6 { width:100% } #fourLeft2 { width:100% } #fourMiddleLeft2 { width:100% } #fourMiddleRight2 { width:100% } #fourRight2 { width:100% } #fourLeft1 { width:100% } #fourMiddleLeft1 { width:100% } #fourMiddleRight1 { width:100% } #fourRight1 { width:100% } #fourLeft3 { width:100% } #fourMiddleLeft3 { width:100% } #fourMiddleRight3 { width:100% } #fourRight3 { width:100% } #twoLeft2 { width:100% } #twoRight2 { width:103.75000000000001% } }