/********************************************************************/ /* Reset CSS */ /********************************************************************/ 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, 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-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} ol, ul {list-style-type: none;} /********************************************************************/ /* Generic tags */ /********************************************************************/ body {font-family:Tahoma, Verdana, Arial, sans-serif; font-size:70%; color:#666666; background:url('/_images/bg/bg.gif') repeat-x bottom left #56abff;} p { padding-bottom:15px; line-height:15px;} em { font-style:italic;} strong { font-weight:bold;} abbr { text-decoration:none; border:none;} img {border:0px;} a { color:#4e8e00; font-weight:bold; text-decoration:none;} a:hover, a:focus {text-decoration:underline;} a:focus {-moz-outline: 1px dotted #000 !important;} .fl { float:left;} .fr { float:right;} .clear { clear:both;} .skiptocontent, .relbookmark {position:absolute; margin-left: -9999px;} #content ul, #content ol { padding:0px 0px 15px 0px;} #content li { padding:0px 0px 5px 10px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 5px;list-style:none;} #content ol li { padding:0px 0px 5px 0px; margin:0px 0px 0px 35px; list-style:decimal outside; background:none;} #content table { float:left; width:100%; margin:0px 0px 15px 0px; border-top:1px solid #d9e6af; border-bottom:1px solid #d9e6af; border-left:1px solid #d9e6af; text-align:left;} #content table th, #content table td { padding:5px 5px 5px 5px; border-right:1px solid #d9e6af;} #content table th { color:#4e8e00; font-weight:bold; background:#f1f9d8; text-transform:capitalize;} #content table td { border-top:1px solid #d9e6af;} legend { display:none;} .fielderror { float:left; width:100%; padding:0px 0px 5px 0px; color:#ff0000;} input, select, textarea { font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif;} .checkbox { margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;} .checkboxlabel { margin:0px 0px 0px 0px; line-height:13px; float:left; text-align:left;} .accordian div { background:#fff;} /********************************************************************/ /* H tags */ /********************************************************************/ h1 { font-size: 160%; color:#4e8e00; font-weight:bold; padding:10px 0px 10px 0px; margin:0px 0px 15px 0px; background:url('/_images/bg/dotted-horiz.gif') repeat-x bottom left;} h2 { font-size: 130%; color:#4e8e00; font-weight:bold; padding:0px 0px 10px 0px;} h3 { font-size: 100%; color:#4e8e00; font-weight:bold; padding:0px 0px 5px 0px;} /********************************************************************/ /* Template tags */ /********************************************************************/ #cartoon { width:100%; padding:0px 0px 250px 0px; background:url('/_images/bg/cartoon.jpg') no-repeat bottom center;} #container { width:980px; text-align:left; margin-left:auto; margin-right:auto; padding:0px 0px 0px 0px; background:url('/_images/bg/container.gif') repeat-y left top; position:relative;} #containerFoot { float:left; width:980px; padding:0px 0px 15px 0px; min-height:700px; height: auto !important; height: 700px; background:url('/_images/bg/containerFoot.gif') no-repeat left bottom;} #logo { width:180px; height:110px; text-indent:-9999px; background:url('/_images/logos/hop-farm-family.jpg') no-repeat top left; position:absolute; top:10px; left:7px;} #logo.weddings { background:url(/_images/logos/hop-farm-weddings.jpg) no-repeat top left; height:117px; top:10px;} #logo.corporate { background:url(/_images/logos/hop-farm-corporate.jpg) no-repeat top left; height:117px; top:10px;} #logo.events { background:url(/_images/logos/hop-farm-events.jpg) no-repeat top left; height:117px; top:10px;} /*#logo { float:left; margin:10px 0px 0px 7px; display:inline-block; width:180px; height:110px; text-indent:-9999px; background:url('/_images/logos/hop-farm-family.jpg') no-repeat top left;}*/ #masthead { float:right; width:778px; padding:15px 7px 0px 0px; background:#d4eaff;} #masthead, #masthead .memberLinks a, #masthead fieldset .textfield { color:#003871;} #masthead li { display:inline;} #masthead .memberLinks { float:right; width:778px; padding:0px 0px 10px 0px;} #masthead .memberLinks li { float:right; padding:0px 7px 0px 7px; background:url('/_images/bullets/memberLinks.gif') no-repeat 100% 60%;} #masthead .memberLinks .first { background:none;} #masthead .telephone, #masthead .telephone_wedding, #masthead .telephone_corporate { float:left; width:139px; height:15px; margin:10px 0px 0px 0px; text-indent:-9999px; } #masthead .telephone { background:url('/_images/bg/telephone.gif') no-repeat top left;} #masthead .telephone_wedding { background:url('/_images/bg/telephone_wedding.gif') no-repeat top left;} #masthead .telephone_corporate { background:url('/_images/bg/telephone_corporate.gif') no-repeat top left;} #masthead fieldset { float:right; width:266px; height:24px; padding:3px 0px 0px 0px; margin:0px 0px 10px 0px; background:url('/_images/bg/search-site.gif') no-repeat top left;} #masthead fieldset label { float:left;} #masthead fieldset .textfield { float:left; width:150px; padding:2px 0px 0px 0px; margin:0px 0px 0px 10px; border:1px solid #fff;} #masthead fieldset .formbutton { float:right; display:inline;} #nav { float:left; width:778px; height:28px; padding:0px 0px 10px 0px; margin:0px 0px 0px 0px; background:url('/_images/bg/nav.gif') no-repeat top left #d4eaff;} #nav li { float:left; display:inline; overflow:hidden; background:url('/_images/bullets/nav-item.gif') no-repeat 0px 4px; text-align:center; width:110px; } #nav li ul li { width:200px; text-align:left; } #nav .first { background:none; border-top:none;} #nav li a { color:#56abff; text-decoration:none; padding:10px 18px 11px 18px; display:block;} #nav li ul { position:absolute; width:200px; padding:0px 0px 5px 0px; margin:0px 0px 0px 0px; left:-999em; z-index:1000; background:url('/_images/bg/nav-dropdown.gif') no-repeat bottom left;} #nav li li { display:inherit; background:none; border-top:1px solid #1a5087; padding:0px 0px 0px 0px;} #nav li li a { display:block; width:170px; line-height:18px; padding:1px 12px 1px 18px; text-decoration:none; font-weight:normal; color:#fff;} #nav li li a:hover {background-color:#16497d; font-weight:bold; font-size:0.95em} #nav li:hover ul, #nav li.sfhover ul { left:auto; border-top:#003871} #content { float:left; width:540px; padding:20px 15px 15px 23px; background:url('/_images/bg/content.gif') no-repeat top right;} #footer { margin-left:auto; margin-right:auto; width:960px; padding:15px 0px 0px 0px; color:#306395;} #footer li { float:left; display:inline;} #footer a { font-weight:normal; padding:0px 0px 0px 15px; color:#306395;} #footer .redant { float:right;} #breadcrumb {float:left; width:770px; padding:0px 0px 5px 210px; margin:0px 0px 0px 0px; background:#d4eaff;} #breadcrumb li { float:left; display:inline; padding:0px 10px 0px 0px; background:none; color:#3f72a4;} #breadcrumb a { color:#3f72a4; padding:0px 10px 0px 0px; font-weight:normal; background:url("/_images/bullets/breadcrumb.gif") no-repeat 100% 60%;} /********************************************************************/ /* Main Column tags */ /********************************************************************/ #leftCol { float:left; width:185px; padding:0px 0px 0px 2px;} #leftCol .newAttractions img, #leftCol .pods img, #rightCol .pods img { float:left;} #leftCol .nextEvent { float:right; width:180px; padding:0px 0px 20px 5px; margin:5px 0px 0px 0px; color:#fff; background:url('/_images/bg/nextEvent.gif') no-repeat bottom right;} #leftCol .nextEvent h3, #leftCol .nextEvent p { padding:0px 10px 5px 10px;} #leftCol .nextEvent dl { position:absolute; margin-left:-9999px;} #leftCol .nextEvent a, #rightCol .myTickets a { color:#fff; text-decoration:underline;} #leftCol .nextEvent .readMore, #rightCol .myTickets a { margin:8px 5px 0px 0px; padding:0px 0px 0px 8px; font-weight:bold; font-size:0.9em; background:url('/_images/bullets/bullet-white.gif') no-repeat 0px 5px; } #leftCol .nextEvent .readMore { float:right;} #rightCol .myTickets .fl { margin:8px 0px 0px 5px; font-size:0.9em; font-weight:bold; } .myTickets h2 { color: White; margin-top:75px; /*height:150px;*/ } #leftCol .newAttractions { float:right; width:180px; padding:0px 0px 10px 0px; margin:7px 0px 0px 0px; background:url('/_images/bg/newAttractions.gif') no-repeat bottom right;} #leftCol .newAttractions h2 { padding:0px 0px 0px 0px;} #leftCol .newAttractions li { float:left; width:180px; padding:10px 0px 10px 0px; background:url('/_images/bg/newAttractions-item.gif') no-repeat top center;} #leftCol .newAttractions .first { background:none;} #leftCol .pods li { float:right; /* width:185px; */ padding:0px 0px 0px 0px; margin:5px 0px 0px 0px;} #rightCol { float:right; width:200px; padding:5px 7px 0px 0px;} #rightCol .myTickets, #rightCol .newsletterSignup { float:left; height:255px; width:200px; color:#fff; padding:0px 0px 15px 0px; background:url('/_images/bg/bg-tickets-discount.gif') no-repeat top left; } #rightCol .myTickets h2 { padding:0px 0px 0px 0px;} #rightCol .myTickets p { padding:95px 10px 0px 10px; margin-top:40px; font-size:11px;} #rightCol .myTickets span { padding:0px 0px 0px 15px; background:url('/_images/bullets/my-tickets.gif') no-repeat 6px 0px;} #rightCol .pods li { float:left; width:200px; padding:10px 0px 0px 0px;} #rightCol .corporateWeddings { float:left; width:200px; margin:15px 0px 0px 0px; color:#4c1760; /*background:url('/_images/bg/corporate-weddings.gif') no-repeat bottom left #fff;*/ } #rightCol .corporateWeddings li { position:relative; float:left; width:200px; padding-bottom:15px; } #rightCol .corporateWeddings .first { background:url('/_images/bg/corporate-weddings-top.gif') no-repeat top left;} #rightCol .corporateWeddings h2 { position:absolute; top:0px; right:120px;} #rightCol .corporateWeddings p { float:left; width:100px; padding:35px 0px 10px 10px;} #rightCol .corporateWeddings .corporatePhoto { position:absolute; top:4px; right:0px} #rightCol .corporateWeddings .weddingPhoto { position:absolute; bottom:0px; right:0px;} #rightCol .newsletterSignup { margin:10px 0px 0px 0px; } #rightCol .newsletterSignup fieldset { float:left; width:184px; height:27px; padding:0px 0px 0px 8px; background:url('/_images/bg/newsletter.gif') no-repeat 8px 0px;} #rightCol .newsletterSignup label { position:absolute; margin-left:-9999px;} #rightCol .newsletterSignup .textfield { float:left; width:120px; padding:2px 0px 0px 0px; margin:4px 0px 0px 14px; color:#839866; border:1px solid #fff;} #rightCol .newsletterSignup .formbutton { float:right; display:inline;} /********************************************************************/ /* Homepage tags */ /********************************************************************/ #content .mainBanner { position:relative; float:left; width:540px; height:220px; margin:0px 0px 15px 0px; color:#fff;} #content .mainBanner img { position:absolute; bottom:0px; right:0px;} #content .mainBanner p { position:absolute; top:95px; left:20px; width:160px; font-weight:bold;} #content .homePods { float:right; width:260px; padding:0px 0px 0px 0px;} #content .homePods li { float:left; width:260px; padding:0px 0px 15px 0px; background:none;} #content .homePods li img { float:left;} #content .homeCol { float:left; width:265px;} #content .homeCol .homePod2 { padding:0px; margin:0px;} #content .homeCol .homePod2 li { padding:0px; margin:0px;} #content .homeCol ul { padding:0px 0px 25px 0px;} #content .homeCol li { padding:0px 0px 20px 10px; background:none;} #content .homeCol li h3 { padding:0px 0px 5px 0px;} #content .homeCol li p { padding:0px 0px 5px 0px;} #content .homeCol li a { text-decoration:underline;} #content .homeCol li .readMore { float:right; margin:0px 10px 0px 0px; padding:0px 0px 0px 8px; font-weight:normal; background:url('/_images/bullets/bullet.gif') no-repeat 0px 5px;} /********************************************************************/ /* Form tags */ /********************************************************************/ #content .contact { float:left; width:540px;} #content .contact fieldset, #content #bookingCalendar { float:left; width:400px; padding:20px 70px 5px 70px; color:#4e8e00; background:url('/_images/bg/contact-top.gif') no-repeat top left #f7f9f2;} #content .contact #bookingCalendar { position:relative; width:540px; padding:20px 0px 5px 0px;} #content .contact fieldset fieldset { clear:left; padding:0px 0px 0px 0px; background:none;} #content .contact .contactFoot { float:left; width:540px; padding:25px 0px 0px 0px; background:url('/_images/bg/contact-foot.gif') no-repeat top left;} #content .contact .fielderror { float:left; width:350px; padding:8px 14px 8px 34px; margin:0px 0px 10px 0px; border:1px solid #b7d493; color:#666666; background:url('/_images/bullets/stop-small.gif') no-repeat 10px 7px #fff;} #content .contact label { float:left; width:180px; padding:3px 0px 0px 0px; margin:0px 0px 5px 0px; font-weight:bold;} #content .contact .textfield, #content .contact select, #content .contact textarea, #content .contact .shorttextfield { float:left; width:210px; padding:2px 4px 2px 4px; margin:0px 0px 5px 0px; border:1px solid #b7d493; color:#6e9f33;} #content .contact .shorttextfield { width:105px;} #content .contact select { padding:0px 0px 0px 0px; width:220px;} #content .contact textarea { height:120px; overflow:auto;} #content .contact .formbutton { float:right; margin:10px 0px 0px 0px;} #content .contact .findbutton { float:right; margin:0px 0px 5px 0px;} #content .contact h3 { float:left; width:400px; padding:15px 0px 10px 0px;} #content .contact p { float:left; width:400px; padding:0px 0px 10px 0px;} #content .contact .selectoptions, #content .contact .selectattractions { float:left; width:400px; padding:10px 0px 0px 0px;} #content .contact .shortselectoptions { float:left; width:400px; padding:10px 0px 10px 0px; margin:0px 0px 0px 0px; background:url('/_images/bg/dotted-horiz.gif') repeat-x top left;} #content .contact .selectoptions li, #content .contact .shortselectoptions li, #content .contact .selectattractions li { float:left; width:400px; padding:10px 0px 10px 0px; margin:0px 0px 0px 0px; background:url('/_images/bg/dotted-horiz.gif') repeat-x top left;} #content .contact .shortselectoptions li { display:inline; width:130px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; background:none;} #content .contact .selectoptions input, #content .contact .shortselectoptions input, #content .contact .selectattractions .checkbox { float:left; margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;} #content .contact .selectoptions label, #content .contact .shortselectoptions label, #content .contact .selectattractions .checkboxlabel { float:right; width:375px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; line-height:13px; text-align:left; font-weight:normal;} #content .contact .shortselectoptions label { width:100px;} #content .contact .selectattractions label { font-weight:normal; width:153px; padding:3px 0px 0px 27px;} #content .contact .selectattractions .checkboxlabel { margin:0px 0px 5px 0px; font-weight:bold;} #content .contact .ticketGroup { float:left; width:400px; margin:15px 0px 10px 0px;} #content .contact .ticketGroup th { color:#4e8e00; font-weight:bold; background:#d9e6af; text-transform:capitalize;} #content .contact .ticketGroup td { vertical-align:middle; background:#fff;} #content .contact .ticketGroup label { font-weight:normal; padding:0px 0px 0px 0px;} #content .contact .ticketGroup select { float:none; width:60px; margin:0px 0px 0px 0px;} #content .contact .ticketGroup .ac { text-align:center;} #content .contact .ticketGroup th+th, #content .contact .ticketGroup td+td { text-align:center;} #content .contact #bookingCalendar p { width:510px; padding:0px 15px 10px 15px;} #content .contact .tryLater { float:left; width:510px; padding:10px 15px 10px 15px; background:url('/_images/bg/contact-top.gif') no-repeat bottom left #f7f9f2;} #content .contact .tryLater p { width:450px; padding:10px 14px 20px 44px; border:1px solid #b7d493; background:url('/_images/bullets/stop.gif') no-repeat 10px 13px #fff;} #content .priceSubmit { float:left; width:510px; padding:25px 15px 0px 15px; margin:0px 0px 0px 0px; color:#4e8e00; background:url('/_images/bg/priceSubmit.gif') no-repeat 0px 0px;} #content .priceSubmit li { display:inline; background:none; padding:0px 0px 0px 0px;} #content .priceSubmit .fl { font-size:120%;} #content .priceSubmit .fl strong { font-size:130%;} #content #calendarContainer { float:left; width:540px; padding:10px 0px 0px 0px; position:relative; overflow:hidden;} #content #calendarContainer .nextPrevious li { display:inline; background:none; padding:0px 0px 0px 15px;} #content #calendarContainer .nextPrevious img { cursor:pointer} #content #calendarList { float:left; width:537px; padding:0px 0px 0px 0px; background:none;} #content #calendarList li { position:relative; float:left; width:162px; display:inline; padding:0px 0px 0px 13px; background:none;} #content #calendarList li h3, #content #specialTariffs h3 { float:left; width:160px; padding:5px 0px 5px 0px; text-align:center; color:#666; border-top:1px solid #d9e6af; border-right:1px solid #d9e6af; border-left:1px solid #d9e6af; background:#fff;} #content #specialTariffs h3 { width:508px;} #content #calendarList table, #content #specialTariffs table { float:left; width:162px; text-align:center; background-color:#fff;} #content #specialTariffs table { float:left; width:510px; text-align:center; background-color:#fff; font-size:10px;} #content #calendarList table td, #content #calendarList table th { width:22px; height:22px; padding:0px 0px 0px 0px; vertical-align:middle;} #content #calendarList table td { color:#CCCCCC; background:url('/_images/bg/calendar-cell.gif') no-repeat 0px 0px;} #content #calendarList table td.eventDate { background:url('/_images/bg/calendar-cell.gif') no-repeat 0px 0px #f5f18f;} #content #specialTariffs table th { vertical-align:middle;} #content #calendarList table label { cursor:pointer; display:block; height: 21px; float:none; width:auto; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-weight:normal;} #content #calendarList table label span { position:absolute; margin-left:-9999px;} #content #calendarList table label input { margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;} #content #calendarList .day01,#content #calendarList .day1 { background:url('/_images/calendar/01.gif') no-repeat 0px 0px #fff;} #content #calendarList .day02,#content #calendarList .day2 { background:url('/_images/calendar/02.gif') no-repeat 0px 0px #fff;} #content #calendarList .day03,#content #calendarList .day3 { background:url('/_images/calendar/03.gif') no-repeat 0px 0px #fff;} #content #calendarList .day04,#content #calendarList .day4 { background:url('/_images/calendar/04.gif') no-repeat 0px 0px #fff;} #content #calendarList .day05,#content #calendarList .day5 { background:url('/_images/calendar/05.gif') no-repeat 0px 0px #fff;} #content #calendarList .day06,#content #calendarList .day6 { background:url('/_images/calendar/06.gif') no-repeat 0px 0px #fff;} #content #calendarList .day07,#content #calendarList .day7 { background:url('/_images/calendar/07.gif') no-repeat 0px 0px #fff;} #content #calendarList .day08,#content #calendarList .day8 { background:url('/_images/calendar/08.gif') no-repeat 0px 0px #fff;} #content #calendarList .day09,#content #calendarList .day9 { background:url('/_images/calendar/09.gif') no-repeat 0px 0px #fff;} #content #calendarList .day10 { background:url('/_images/calendar/10.gif') no-repeat 0px 0px #fff;} #content #calendarList .day11 { background:url('/_images/calendar/11.gif') no-repeat 0px 0px #fff;} #content #calendarList .day12 { background:url('/_images/calendar/12.gif') no-repeat 0px 0px #fff;} #content #calendarList .day13 { background:url('/_images/calendar/13.gif') no-repeat 0px 0px #fff;} #content #calendarList .day14 { background:url('/_images/calendar/14.gif') no-repeat 0px 0px #fff;} #content #calendarList .day15 { background:url('/_images/calendar/15.gif') no-repeat 0px 0px #fff;} #content #calendarList .day16 { background:url('/_images/calendar/16.gif') no-repeat 0px 0px #fff;} #content #calendarList .day17 { background:url('/_images/calendar/17.gif') no-repeat 0px 0px #fff;} #content #calendarList .day18 { background:url('/_images/calendar/18.gif') no-repeat 0px 0px #fff;} #content #calendarList .day19 { background:url('/_images/calendar/19.gif') no-repeat 0px 0px #fff;} #content #calendarList .day20 { background:url('/_images/calendar/20.gif') no-repeat 0px 0px #fff;} #content #calendarList .day21 { background:url('/_images/calendar/21.gif') no-repeat 0px 0px #fff;} #content #calendarList .day22 { background:url('/_images/calendar/22.gif') no-repeat 0px 0px #fff;} #content #calendarList .day23 { background:url('/_images/calendar/23.gif') no-repeat 0px 0px #fff;} #content #calendarList .day24 { background:url('/_images/calendar/24.gif') no-repeat 0px 0px #fff;} #content #calendarList .day25 { background:url('/_images/calendar/25.gif') no-repeat 0px 0px #fff;} #content #calendarList .day26 { background:url('/_images/calendar/26.gif') no-repeat 0px 0px #fff;} #content #calendarList .day27 { background:url('/_images/calendar/27.gif') no-repeat 0px 0px #fff;} #content #calendarList .day28 { background:url('/_images/calendar/28.gif') no-repeat 0px 0px #fff;} #content #calendarList .day29 { background:url('/_images/calendar/29.gif') no-repeat 0px 0px #fff;} #content #calendarList .day30 { background:url('/_images/calendar/30.gif') no-repeat 0px 0px #fff;} #content #calendarList .day31 { background:url('/_images/calendar/31.gif') no-repeat 0px 0px #fff;} #content #calendarList .checked, #content #calendarList .selected { background:url('/_images/calendar/tick.gif') no-repeat 0px 0px #fff;} #content #calendarList .eventDate .day1, #content #calendarList .eventDate .day2, #content #calendarList .eventDate .day3, #content #calendarList .eventDate .day4, #content #calendarList .eventDate .day5, #content #calendarList .eventDate .day6, #content #calendarList .eventDate .day7, #content #calendarList .eventDate .day8, #content #calendarList .eventDate .day9, #content #calendarList .eventDate .day10, #content #calendarList .eventDate .day11, #content #calendarList .eventDate .day12, #content #calendarList .eventDate .day13, #content #calendarList .eventDate .day14, #content #calendarList .eventDate .day15, #content #calendarList .eventDate .day16, #content #calendarList .eventDate .day17, #content #calendarList .eventDate .day18, #content #calendarList .eventDate .day19, #content #calendarList .eventDate .day20, #content #calendarList .eventDate .day21, #content #calendarList .eventDate .day22, #content #calendarList .eventDate .day23, #content #calendarList .eventDate .day24, #content #calendarList .eventDate .day25, #content #calendarList .eventDate .day26, #content #calendarList .eventDate .day27, #content #calendarList .eventDate .day28, #content #calendarList .eventDate .day29, #content #calendarList .eventDate .day30, #content #calendarList .eventDate .day31, #content #calendarList .eventDate .checked { background-color:#f5f18f;} #content #calendarList .eventValid .day01, #content #calendarList .eventValid .day02, #content #calendarList .eventValid .day03, #content #calendarList .eventValid .day04, #content #calendarList .eventValid .day05, #content #calendarList .eventValid .day06, #content #calendarList .eventValid .day07, #content #calendarList .eventValid .day08, #content #calendarList .eventValid .day09, #content #calendarList .eventValid .day10, #content #calendarList .eventValid .day11, #content #calendarList .eventValid .day12, #content #calendarList .eventValid .day13, #content #calendarList .eventValid .day14, #content #calendarList .eventValid .day15, #content #calendarList .eventValid .day16, #content #calendarList .eventValid .day17, #content #calendarList .eventValid .day18, #content #calendarList .eventValid .day19, #content #calendarList .eventValid .day20, #content #calendarList .eventValid .day21, #content #calendarList .eventValid .day22, #content #calendarList .eventValid .day23, #content #calendarList .eventValid .day24, #content #calendarList .eventValid .day25, #content #calendarList .eventValid .day26, #content #calendarList .eventValid .day27, #content #calendarList .eventValid .day28, #content #calendarList .eventValid .day29, #content #calendarList .eventValid .day30, #content #calendarList .eventValid .day31, #content #calendarList .eventValid .checked { background-color:#cbddf2;} #content .contact #forgottenPassword { float:left; margin:10px 0px 0px 0px;} #content .contact #passwordRequest { float:left; width:540px; padding:0px 0px 0px 0px; background:url('/_images/bg/contact-top.gif') no-repeat bottom left #f7f9f2;} #content .contact #passwordRequest fieldset { padding:30px 70px 5px 70px; background:url('/_images/bg/dotted-horiz.gif') repeat-x 0px 10px;} #content #specialTariffs { float:left; width:510px; padding:0px 15px 0px 15px; background:url('/_images/bg/contact-top.gif') no-repeat bottom left #f7f9f2;} #content #specialTariffs p { width:510px;} #content #specialTariffs span { float:left; width:60px; font-weight:bold;} #content #specialTariffs .closed { background:#f1f1ff;} #content #specialTariffs .low { background:#cbddf2;} #content #specialTariffs .medium { background:#f5f18f;} #content #specialTariffs .high { background:#ffc8c8;} #content #specialTariffs .special { background:#ecb7f8;} #content #specialTariffs .press { background:#bfe691;} #content #specialTariffs li { padding:0;} #content .contact .dateselect { float:left; width:400px; padding:0px 0px 5px 0px;} #content .contact .dateselect p { float:left; width:180px; padding:3px 0px 0px 0px; font-weight:bold;} #content .contact .dateselect label { position:absolute; margin-left:-9999px;} #content .contact .dateselect select { float:left; width:60px; padding:0px 0px 0px 0px; margin:0px 5px 0px 0px;} #content .contact .dateselect img { float:right; padding:1px 0px 0px 0px;} /********************************************************************/ /* Module tags */ /********************************************************************/ #content ul.pageNumbers, #content .categoryList, #content .moduleList, #content .pageOptions, #content .vacancyList, #content .videoList, #content .panoramicList, #content .vacancy dl { float:left; width:540px;} /* #content ul.pageNumbers li { float:left; display:inline; padding:0px 0px 0px 0px; margin:0px 4px 0px 0px; border:1px solid #d9e6af; text-align:center; background:none;} #content ul.pageNumbers a { display:block; width:22px; padding:4px 0px 4px 0px; text-decoration:none; font-weight:normal; background-color:#fff;} #content ul.pageNumbers a.selected , #content ul.pageNumbers a:hover { background:#f1f9d8;} */ #content ul.pageNumbers li { float:left; display:inline; padding:0px 0px 0px 0px; margin:0px 4px 0px 0px; border:1px solid #8cbd01; text-align:center; background:none;} #content ul.pageNumbers a { display:block; width:22px; padding:4px 0px 4px 0px; text-decoration:none; color:#fff; background-color:#9ac71b;} #content ul.pageNumbers a.selected, #content ul.pageNumbers a:hover { background:#6da600;} #content .pageOptions { padding:20px 0px 15px 0px; margin:10px 0px 0px 0px; background:url('/_images/bg/dotted-horiz.gif') repeat-x top left;} #content .pageOptions li { display:inline; background:none;} #content .pageOptions .fl { padding:0px 15px 0px 0px;} #content .pageOptions .fr { padding:0px 0px 0px 15px;} #content .categoryList, #content .vacancyList, #content .videoList, #content .panoramicList, #content .download, #content .bookingDownload { padding:0px 0px 10px 0px; margin:0px 0px 30px 0px; background:url('/_images/bg/category-list.gif') no-repeat bottom left;} #content .categoryList li, #content .vacancyList li, #content .videoList li, #content .panoramicList li { float:left; width:510px; padding:10px 15px 10px 15px; background:url('/_images/bg/dotted-horiz.gif') repeat-x top left;} #content .categoryList .first, #content .vacancyList .first, #content .videoList .first, #content .panoramicList .first, #content .download h2 { padding:20px 15px 10px 15px; background:url('/_images/bg/category-list-top.gif') no-repeat top left;} #content .categoryList li a, #content .vacancyList li a, #content .videoList li a, #content .panoramicList li a { padding:5px 0px 5px 32px; background:url('/_images/bullets/category-list.gif') no-repeat 5px 2px;} #content .vacancyList li a { background:url('/_images/bullets/vacancies.gif') no-repeat 5px 2px;} #content .videoList li a { background:url('/_images/bullets/video.gif') no-repeat 5px 2px;} #content .panoramicList li a { background:url('/_images/bullets/360.gif') no-repeat 5px 2px;} #content .bookingDownload { margin:0px 0px 15px 0px;} #content .download h2, #content .bookingDownload h2 { font-size:100%; padding:20px 15px 5px 15px; background:url('/_images/bg/category-list-top.gif') no-repeat top left;} #content .download h2 span, #content .bookingDownload h2 span { font-weight:normal; padding:0px 0px 0px 10px;} #content .download p, #content .bookingDownload p { padding:0px 15px 10px 15px;} #content .download h2 a, #content .bookingDownload h2 a { padding:2px 0px 2px 20px;} #content .download.pdf a, #content .bookingDownload.pdf a { background:url("/_images/bullets/pdf.gif") no-repeat left;} #content .download.doc a, #content .download.docx a, #content .bookingDownload.doc a, #content .bookingDownload.docx a { background:url("/_images/bullets/word.gif") no-repeat left;} #content .download.xls a, #content .download.xlsx a, #content .bookingDownload.xls a, #content .bookingDownload.xlsx a { background:url("/_images/bullets/excel.gif") no-repeat left;} #content .download.ppt a, #content .download.pptx a, #content .bookingDownload.ppt a, #content .bookingDownload.pptx a { background:url("/_images/bullets/powerpoint.gif") no-repeat left;} #content .download.swf a, #content .bookingDownload.swf a { background:url("/_images/bullets/flash.gif") no-repeat left;} #content .download.zip a, #content .bookingDownload.zip a { background:url("/_images/bullets/zip.gif") no-repeat left;} #content .download.txt a, #content .bookingDownload.txt a { background:url("/_images/bullets/text.gif") no-repeat left;} #content .download.mp3 a, #content .bookingDownload.mp3 a { background:url("/_images/bullets/mp3.gif") no-repeat left;} #content .moduleList li { float:left; width:540px; padding:15px 0px 10px 0px; background:url('/_images/bg/dotted-horiz.gif') repeat-x top left;} #content .moduleList li li { float:none; width:auto; padding:0px 0px 5px 10px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 5px;} #content .moduleList li ol li { padding:0px 0px 5px 0px; margin:0px 0px 0px 35px; list-style:decimal outside; background:none;} #content .moduleList.news h2, #content .moduleList.faqs h2, #content .moduleList.links h2, #content .moduleList.links p, #content .moduleList.events h2, #content .moduleList.galleries h2, #content .moduleList.searchResults h2 { font-size:100%; padding:0px 0px 5px 0px;} #content .moduleList.news h2 a, #content .moduleList.faqs h2 a, #content .moduleList.events h2 a, #content .moduleList.searchResults h2 a { font-size:100%; padding:5px 0px 5px 32px;} #content .moduleList.news h2 a { background:url('/_images/bullets/document.gif') no-repeat 5px 1px;} #content .moduleList.faqs h2 a { background:url('/_images/bullets/faqs.gif') no-repeat 5px 1px;} #content .moduleList.events h2 a { background:url('/_images/bullets/event.gif') no-repeat 5px 1px;} #content .moduleList.searchResults h2 a { background:url('/_images/buttons/view.gif') no-repeat 5px 1px;} #content .moduleList.news p, #content .moduleList.faqs div, #content .moduleList.events p, #content .moduleList.searchResults p { padding:0px 0px 5px 32px;} #content .moduleList.faqs div { background:#fff;} #content .moduleList.news .date, .hentry .date { font-weight:bold; color:#777;} .hentry .date { padding:0px 0px 5px 0px;} #content .moduleList.links div { float:right; width:400px;} #content .moduleList.links img { float:left; width:120px;} #content .moduleList.galleries div { float:right; width:410px;} #content .moduleList.galleries img { float:left; width:110px;} #content .vacancy dl { padding:0px 0px 10px 0px;} #content .vevent dl { float:left; padding:0px 0px 10px 0px;} #content .vacancy dt, #content .vacancy dd, #content .vevent dt, #content .vevent dd { float:left; padding:0px 0px 5px 0px;} #content .vacancy dt, #content .vevent dt { color:#4e8e00; font-weight:bold; width:120px;} #content .vevent dt { width:70px;} #content .vacancy dd { width:420px;} #content .vevent dd { width:210px;} #content .events li.first {background: none; padding-top: 3px;} #content .events dl, #content .testimonials dl { float:left; width:508px; padding:0px 0px 5px 32px;} #content .events dt, #content .events dd, #content .testimonials dt, #content .testimonials dd { float:left; padding:0px 0px 0px 0px;} #content .events dt, #content .testimonials dt { color:#4e8e00; font-weight:normal; width:55px;} #content .events dd, #content .testimonials dd { width:100px;} #container #content ul.attractions li { background:url(/_images/bullets/attractions.gif) top left no-repeat;} #container #content ul.attractions li h2 a { background:none;} #content .testimonials blockquote { float:left; width:508px; padding:0px 0px 5px 32px; background:url('/_images/bullets/blockquote.gif') no-repeat 3px 0px;} #content .testimonials blockquote p { padding:0px 0px 10px 0px;} #content .testimonials cite { float:left; width:488px; padding:2px 0px 5px 52px; font-weight:bold; color:#4e8e00; background:url('/_images/bullets/person.gif') no-repeat 32px 1px;} #content .testimonials cite span { font-weight:normal; padding:0px 0px 0px 10px;} #content .vevent { float:left; width:540px; padding:0px 0px 30px 0px;} #content .vevent div.description, #content .attractionDescription { float:left; width:280px;} #content .mainImage { float:right; width:240px; padding:0px 0px 0px 0px; margin:0px 0px 15px 0px; background:url('/_images/bg/mainImage.gif') no-repeat bottom left #f1f9d8;} #content .mainImage .photo { float:left; width:240px; margin:0px 0px 0px 0px;} #content .eventMedia { float:left; width:240px; padding:0px 0px 0px 0px;} #content .eventMedia li { float:left; width:210px; padding:10px 15px 10px 15px; background:url('/_images/bg/dotted-horiz.gif') repeat-x top left;} #content .eventMedia .first { background:none;} #content .eventMedia a { font-weight:normal; padding:4px 0px 4px 25px; background:url('/_images/bullets/video.gif') no-repeat top left;} #content .eventMedia .panoramic a { background:url('/_images/bullets/360.gif') no-repeat 0px 1px;} #content #imageGallery { float:left; width:540px; height:140px; position:relative; margin:0px 0px 10px 0px; background:url('/_images/bg/gallery.gif') no-repeat top left;} #content #imageGallery .nextPrevious, #content #imageGallery .nextPrevious li { padding:0px 0px 0px 0px; background:none;} #content #imageGallery .nextPrevious { padding:0px 0px 0px 0px;} #content #imageGallery #previousImage, #content #imageGallery #nextImage { position:absolute; top:55px; width:35px; height:35px; cursor:pointer;} #content #imageGallery #previousImage { left:-15px;} #content #imageGallery #nextImage { right:-15px;} #content #galleryContainer { float:left; width:520px; padding:20px 10px 0px 10px; position:relative; overflow:hidden;} #content #galleryList { float:left; width:520px; padding:0px 0px 0px 0px; background:none;} #content #galleryList li { position:relative; float:left; width:110px; height:100px; text-align:center; display:inline; padding:0px 10px 0px 10px; background:none;} #content #galleryList li img { float:left;} .embedVideo { float:left; width:100%; padding:10px 0px 25px 0px; background:url('/_images/bg/dotted-horiz.gif') repeat-x top left;} .embedVideo a { padding:4px 0px 4px 25px; background:url('/_images/bullets/video-item.gif') no-repeat top left;} #content .embedPanoramic { float:left; width:540px; padding:20px 0px 0px 0px; margin:0px 0px 20px 0px; background:url('/_images/bg/contact-top.gif') no-repeat top left;} #content .embedPanoramic div { float:right; width:245px; padding:15px 15px 0px 0px; color:#4e8e00;} #content .embedPanoramic div h2 { font-size:100%; padding:4px 0px 15px 30px; background:url('/_images/bullets/360-item.gif') no-repeat 0px 3px;} #content .embedPanoramic .media { float:left; width:250px; height:200px; background:#d9e6af; padding:0px 0px 0px 0px; margin:0px 0px 0px 15px; display:inline;} #content .embedPanoramic .embedFoot { float:left; width:540px; padding:20px 0px 0px 0px; background:url('/_images/bg/contact-foot.gif') no-repeat bottom left;} #content .galleryCategory { float:left; width:540px; padding:0px 0px 0px 0px; } #content .galleryCategory li { display:inline; float:left; width:120px; height:150px; text-align:center; padding:0px 0px 0px 10px; background:none;} #content .galleryCategory .first { padding:0px 0px 0px 0px;} #content .galleryCategory a { font-weight:normal;} #content .galleryCategory img { border:5px solid #f1f9d8;} #content .galleryCategory span { clear:left; float:left; width:110px; padding:3px 0px 0px 0px;} /********************************************************************/ /* Basket tags */ /********************************************************************/ #content table.basket, #content table.bookingHistory, #content table.bookingTickets { float:left; width:100%; margin:0px 0px 0px 0px; border-top:none; border-bottom:1px solid #d9e6af; border-left:none; text-align:left; background:url('/_images/bg/basket.gif') no-repeat top left;} #content table.bookingHistory, #content table.bookingTickets { margin:0px 0px 20px 0px;} #content table.basket th, #content table.basket td, #content table.bookingHistory th, #content table.bookingHistory td, #content table.bookingTickets th, #content table.bookingTickets td { border-right:none; vertical-align:top} #content table.basket th, #content table.bookingHistory th, #content table.bookingTickets th { color:#4e8e00; font-weight:bold; background:none; text-transform:capitalize; padding:8px 5px 8px 5px;} #content table.basket td, #content table.bookingHistory td, #content table.bookingTickets td { border-top:1px solid #d9e6af; padding:8px 5px 8px 5px; background:none; background:url('/_images/bg/dot.gif') repeat-y top right;} #content table.basket .yourBooking { width:380px;} #content table.basket .ac, #content table.bookingHistory .ac, #content table.bookingTickets .ac { text-align:center;} #content table.basket a, #content table.bookingHistory a { font-weight:normal;} #content table.basket th:first-child, #content table.basket td:first-child, #content table.bookingHistory th:first-child, #content table.bookingHistory td:first-child { text-align:center;} #content table.basket th+th, #content table.basket td+td, #content table.bookingHistory th+th, #content table.bookingHistory td+td { text-align:left;} #content table.basket th+th+th, #content table.basket td+td+td, #content table.bookingHistory th+th, #content table.bookingHistory td+td, #content table.bookingTickets th+th, #content table.bookingTickets td+td { text-align:center;} #content .basketTotals { float:left; width:220px; padding:0px 0px 0px 319px; margin:0px 0px 15px 0px; border-right:1px solid #d9e6af;} #content .basketTotals dt { float:left; width:135px; padding:9px 4px 0px 10px; height:23px; border-left:1px solid #d9e6af; border-bottom:1px solid #d9e6af; background:url('/_images/bg/dot.gif') repeat-y top right;} #content .basketTotals dd { float:right; width:60px; padding:9px 5px 0px 5px; height:23px; border-bottom:1px solid #d9e6af; background:#f1f9d8; text-align:center; font-size:12px; font-weight:bold; color:#4e8e00;} #content .personalDetails { float:left; width:540px; padding:0px 0px 15px 0px; margin:0px 0px 30px 0px; background:url('/_images/bg/category-list.gif') no-repeat bottom left;} #content .personalDetails div { width:245px; margin:0px 0px 0px 0px;} #content .personalDetails a { float:right; clear:both; display:inline; margin:10px 15px 0px 0px;} #content .personalDetails div.fl { padding:15px 10px 0px 15px; background:url('/_images/bg/category-list-top.gif') no-repeat top left;} #content .personalDetails div.fr { padding:15px 15px 0px 10px; background:url('/_images/bg/category-list-top.gif') no-repeat top right;} #content .personalDetails dl { float:left; width:245px; padding:15px 0px 0px 0px; background:url('/_images/bg/dotted-horiz.gif') repeat-x 0px 5px;} #content .personalDetails dt { clear:both; float:left; width:80px; padding:0px 0px 5px 0px; font-weight:normal; color:#4e8e00;} #content .personalDetails dd { float:left; width:165px; padding:0px 0px 5px 0px;} #content .bookingInfo, #content .contactInfo { float:left; width:538px; padding:5px 0px 5px 0px; margin:0px 0px 15px 0px; border:1px solid #d9e6af; background:#f1f9d8;} #content .bookingInfo dt, #content .bookingInfo dd, #content .contactInfo dt, #content .contactInfo dd { float:left; background:url('/_images/bg/dotted-horiz.gif') repeat-x 0px 0px;} #content .bookingInfo dt, #content .contactInfo dt { clear:left; width:100px; padding:6px 0px 6px 14px; color:#4e8e00; font-weight:bold;} #content .contactInfo dt { width:230px;} #content .bookingInfo dd, #content .contactInfo dd { width:410px; padding:6px 14px 6px 0px;} #content .contactInfo dd { width:280px;} #content .bookingInfo .first, #content .contactInfo .first { float:left; background:none;} #content .contactInfo a { font-weight:normal;} .bookingTitle { float:left; width:540px; padding:20px 0px 15px 0px;} #content .buyMore li { float:left; width:515px; padding:4px 0px 10px 25px; background:url('/_images/bullets/buy-more.gif') no-repeat 0px 0px;} #content .pleaseNote { width:480px; padding:10px 14px 10px 44px; margin:0px 0px 15px 0px; border:1px solid #d9e6af; background:url('/_images/bullets/stop.gif') no-repeat 10px 13px #fff;} /********************************************************************/ /* Site Map tags */ /********************************************************************/ #content .sitemap, #content .buyMore { float:left; width:540px;} #content .sitemap li { float:left; width:510px; padding:10px 15px 10px 15px; background:url('/_images/bg/dotted-horiz.gif') repeat-x top left;} #content .sitemap li ul { float:left; width:490px; padding:5px 0px 0px 0px;} #content .sitemap li li { width:490px; padding:0px 0px 5px 20px; background:url('/_images/bullets/bullet.gif') no-repeat 10px 5px;} #content .sitemap li li a { font-weight:normal;} #content .sitemap .green { background-color:#f1f9d8;} .overlayContent { padding:25px 25px 25px 25px; border:15px solid #003A78; background:#fff; color:#4e8e00; text-align:center; font-weight:bold;} .wysiwygPhoto { float:right; width:240px; margin:0px 0px 15px 15px;} #leftCol a img { padding-top:10px; } .myTickets h2 img { visibility:hidden; }