@CHARSET "UTF-8"; /*************************************** ******** EDITORIAL LEADER BOX ********** ****************************************/ img,ul { margin: 0; padding: 0; border: 0; font-size: 100%; font-family: Arial, Verdana, Helvetica, SunSans-Regular, sans-serif; } html,body { height: 100%; } ol,ul { list-style: none; } select { padding: 2px; } button { cursor: pointer; } textarea { font-family: Arial, Verdana, Helvetica, SunSans-Regular, sans-serif; } #leader-box { display: block; clear: both; width: 100%; height: 335px; } .london #leader-box { height: 350px; } #leader-box.single-element { height: auto; } #leader-box div#gallery { display: block; clear: both; height: 298px; width: 100%; position: relative; } #leader-box div#gallery .gallery-image { font-size: 1px; } #leader-box div.carousel-container { position: relative; width:480px; } #leader-box div.carousel-container .bg { width: 99%; float: right; height: 37px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff url(images/faded-bg.gif) repeat-x center bottom; } .london #leader-box div.carousel-container .bg { height: 52px; } /** IE Hack -- ie6 rounding bug for right:0 **/ /** I'm commenting this out because it's only a bug for certain widths. ** /* * html #leader-box div.carousel-container .bg { right: -1px; } */ #leader-box ul#carousel { position: absolute; top: -8px; display: block; clear: both; height: 45px; background: transparent; } #leader-box ul#carousel li { float: left; display: block; text-align: center; width: 96px; padding: 8px 0 0 0; height: 37px; position: relative; } .london #leader-box ul#carousel li { height: 52px; } /** IE Hack -- To make items fit in leaderbox **/ * html #leader-box ul#carousel li { width: 119px; } #leader-box ul#carousel li.last { width: 94px; } #leader-box ul#carousel li.last a { border-right: 1px solid #ccc; } #leader-box ul#carousel li a { display: block; clear: both; height: 37px; width: 100%; border-left: 1px solid #ccc; background: #fff url(images/faded-bg.gif) repeat-x center bottom; border-bottom: 1px solid #ccc; } .london #leader-box ul#carousel li a { height: 52px; } /** All star ratings whould be hidden except on London **/ /* #leader-box ul#carousel li a span.rating { display: none; } */ .london #leader-box ul#carousel li a span.rating { background-image: url(images/sprites/ratings-new.png); display: block; height: 20px; margin: 0 auto; padding: 0; width: 86px; } .london #leader-box ul#carousel li a span.rating.star0 { background-position: -98px center; } .london #leader-box ul#carousel li a span.rating.star1 { background-position: -81px center; } .london #leader-box ul#carousel li a span.rating.star2 { background-position: -63px center; } .london #leader-box ul#carousel li a span.rating.star3 { background-position: -47px center; } .london #leader-box ul#carousel li a span.rating.star4 { background-position: -30px center; } .london #leader-box ul#carousel li a span.rating.star5 { background-position: -13px center; } #leader-box ul#carousel li a span.label { display: block; clear: both; padding: 8px 5px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #000000; text-decoration: none; line-height: 13px; } #leader-box ul#carousel li a:hover,#leader-box ul#carousel li a:hover span.label,#leader-box ul#carousel li.selected a,#leader-box ul#carousel li.selected a span.label,#leader-box ul#carousel li.selected a:visited { color: #fff; background: #ed1b24; } #leader-box ul#carousel li span.pointer { display: none; } #leader-box ul#carousel li.selected span.pointer { display: block; height: 8px; width: 100%; background: transparent url(images/sprites/arrows.gif) no-repeat center top; position: absolute; top: 0; left: 0; padding: 0; font-size: 0; line-height: 0; } #leader-box div#gallery .frame { position: absolute; top: 0; left: 0; width: 100%; height: 298px; margin: 0; background-repeat: no-repeat; display: none; } #leader-box div#gallery .frame { display: none; } #leader-box div#gallery .first-frame { display: block; } #leader-box div#gallery .info-window { display: none; } #leader-box div#gallery .first-info-window { display: block; } #leader-box div#gallery .info-window { position: absolute; bottom: 15px; left: 0; width: 480px; height: 68px; background: transparent; } #leader-box div#gallery .info-window h3 { position: absolute; z-index: 3000; bottom: 34px; margin: 12px 10px 0; } #leader-box div#gallery .info-window h3 a { padding: 2px 8px 4px 3px; color: #fff; display: block; background: #ed1b24; } #leader-box div#gallery .info-window h3 a span { background: transparent url(images/sprites/icons.gif) no-repeat scroll 0 -213px; padding-right: 10px; margin-left: 6px; } #leader-box div#gallery .info-window p { position: absolute; z-index: 3000; bottom: -4px; margin: 11px 10px 05px 10px; color: #fff; font-size: 1.2em; line-height: normal; } #leader-box div#gallery .info-window .bg { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: #000; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); opacity: 0.6; z-index: 2000; } /*======================== SECTION LEADERBOX CONFIG ========================*/ .restaurants-cafes #leader-box div#gallery .info-window h3 a,.restaurants-cafes #leader-box ul#carousel li a:hover,.restaurants-cafes #leader-box ul#carousel li a:hover span.label,.restaurants-cafes #leader-box ul#carousel li.selected a,.restaurants-cafes #leader-box ul#carousel li.selected a span.label,.restaurants-cafes #leader-box ul#carousel li.selected a:visited,.coffeeshops #leader-box div#gallery .info-window h3 a,.coffeeshops #leader-box ul#carousel li a:hover,.coffeeshops #leader-box ul#carousel li a:hover span.label,.coffeeshops #leader-box ul#carousel li.selected a,.coffeeshops #leader-box ul#carousel li.selected a span.label,.coffeeshops #leader-box ul#carousel li.selected a:visited,.bars-pubs #leader-box div#gallery .info-window h3 a,.bars-pubs #leader-box ul#carousel li a:hover,.bars-pubs #leader-box ul#carousel li a:hover span.label,.bars-pubs #leader-box ul#carousel li.selected a,.bars-pubs #leader-box ul#carousel li.selected a span.label,.bars-pubs #leader-box ul#carousel li.selected a:visited,#leader-box div#gallery .info-window h3.restaurants-cafes a,#leader-box ul#carousel li a.restaurants-cafes:hover,#leader-box ul#carousel li a.restaurants-cafes:hover span.label,#leader-box ul#carousel li.selected a.restaurants-cafes,#leader-box ul#carousel li.selected a.restaurants-cafes span.label,#leader-box ul#carousel li.selected a.restaurants-cafes:visited,#leader-box div#gallery .info-window h3.coffeeshops a,#leader-box ul#carousel li a.coffeeshops:hover,#leader-box ul#carousel li a.coffeeshops:hover span.label,#leader-box ul#carousel li.selected a.coffeeshops,#leader-box ul#carousel li.selected a.coffeeshops span.label,#leader-box ul#carousel li.selected a.coffeeshops:visited,#leader-box div#gallery .info-window h3.bars-pubs a,#leader-box ul#carousel li a.bars-pubs:hover,#leader-box ul#carousel li a.bars-pubs:hover span.label,#leader-box ul#carousel li.selected a.bars-pubs,#leader-box ul#carousel li.selected a.bars-pubs span.label,#leader-box ul#carousel li.selected a.bars-pubs:visited { background: #f60; } #leader-box ul#carousel li.selected a.coffeeshops span.pointer,#leader-box ul#carousel li.selected a.restaurants-cafes span.pointer,#leader-box ul#carousel li.selected a.bars-pubs span.pointer,.coffeeshops #leader-box ul#carousel li.selected span.pointer,.restaurants-cafes #leader-box ul#carousel li.selected span.pointer,.bars-pubs #leader-box ul#carousel li.selected span.pointer { background-position: center -30px; } #leader-box div#gallery .info-window h3.hotels a,#leader-box ul#carousel li a.hotels:hover,#leader-box ul#carousel li a.hotels:hover span.label,#leader-box ul#carousel li.selected a.hotels,#leader-box ul#carousel li.selected a.hotels span.label,#leader-box ul#carousel li.selected a.hotels:visited,.hotels #leader-box div#gallery .info-window h3 a,.hotels #leader-box ul#carousel li a:hover,.hotels #leader-box ul#carousel li a:hover span.label,.hotels #leader-box ul#carousel li.selected a,.hotels #leader-box ul#carousel li.selected a span.label,.hotels #leader-box ul#carousel li.selected a:visited { background: #969; } #leader-box ul#carousel li.selected a.hotels span.pointer .hotels #leader-box ul#carousel li.selected span.pointer { background-position: center -40px; } #leader-box div#gallery .info-window h3.museums a,#leader-box ul#carousel li a.museums:hover,#leader-box ul#carousel li a.museums:hover span.label,#leader-box ul#carousel li.selected a.museums,#leader-box ul#carousel li.selected a.museums span.label,#leader-box ul#carousel li.selected a.museums:visited,#leader-box div#gallery .info-window h3.attractions a,#leader-box ul#carousel li a.attractions:hover,#leader-box ul#carousel li a.attractions:hover span.label,#leader-box ul#carousel li.selected a.attractions,#leader-box ul#carousel li.selected a.attractions span.label,#leader-box ul#carousel li.selected a.attractions:visited,.museums #leader-box div#gallery .info-window h3 a,.museums #leader-box ul#carousel li a:hover,.museums #leader-box ul#carousel li a:hover span.label,.museums #leader-box ul#carousel li.selected a,.museums #leader-box ul#carousel li.selected a span.label,.museums #leader-box ul#carousel li.selected a:visited,.attractions #leader-box div#gallery .info-window h3 a,.attractions #leader-box ul#carousel li a:hover,.attractions #leader-box ul#carousel li a:hover span.label,.attractions #leader-box ul#carousel li.selected a,.attractions #leader-box ul#carousel li.selected a span.label,.attractions #leader-box ul#carousel li.selected a:visited { background: #65c267; } #leader-box ul#carousel li.selected a.museums span.pointer,#leader-box ul#carousel li.selected a.attractions span.pointer,.museums #leader-box ul#carousel li.selected span.pointer,.attractions #leader-box ul#carousel li.selected span.pointer { background-position: center -10px; } #leader-box div#gallery .info-window h3.clubs a,#leader-box ul#carousel li a.clubs:hover,#leader-box ul#carousel li a.clubs:hover span.label,#leader-box ul#carousel li.selected a.clubs,#leader-box ul#carousel li.selected a.clubs span.label,#leader-box ul#carousel li.selected a.clubs:visited,#leader-box div#gallery .info-window h3.cabaret-circus a,#leader-box ul#carousel li a.cabaret-circus:hover,#leader-box ul#carousel li a.cabaret-circus:hover span.label,#leader-box ul#carousel li.selected a.cabaret-circus,#leader-box ul#carousel li.selected a.cabaret-circus span.label,#leader-box ul#carousel li.selected a.cabaret-circus:visited,.clubs #leader-box div#gallery .info-window h3 a,.clubs #leader-box ul#carousel li a:hover,.clubs #leader-box ul#carousel li a:hover span.label,.clubs #leader-box ul#carousel li.selected a,.clubs #leader-box ul#carousel li.selected a span.label,.clubs #leader-box ul#carousel li.selected a:visited,.cabaret-circus #leader-box div#gallery .info-window h3 a,.cabaret-circus #leader-box ul#carousel li a:hover,.cabaret-circus #leader-box ul#carousel li a:hover span.label,.cabaret-circus #leader-box ul#carousel li.selected a,.cabaret-circus #leader-box ul#carousel li.selected a span.label,.cabaret-circus #leader-box ul#carousel li.selected a:visited { background: #005aa6; } #leader-box ul#carousel li.selected a.clubs span.pointer,#leader-box ul#carousel li.selected a.cabaret-circus span.pointer,.clubs #leader-box ul#carousel li.selected span.pointer,.cabaret-circus #leader-box ul#carousel li.selected span.pointer { background-position: center -60px; } #leader-box div#gallery .info-window h3.shopping a,#leader-box ul#carousel li a.shopping:hover,#leader-box ul#carousel li a.shopping:hover span.label,#leader-box ul#carousel li.selected a.shopping,#leader-box ul#carousel li.selected a.shopping span.label,#leader-box ul#carousel li.selected a.shopping:visited,.shopping #leader-box div#gallery .info-window h3 a,.shopping #leader-box ul#carousel li a:hover,.shopping #leader-box ul#carousel li a:hover span.label,.shopping #leader-box ul#carousel li.selected a,.shopping #leader-box ul#carousel li.selected a span.label,.shopping #leader-box ul#carousel li.selected a:visited { background: #d11d66; } #leader-box ul#carousel li.selected a.shopping span.pointer .shopping #leader-box ul#carousel li.selected span.pointer { background-position: center -70px; } #leader-box div#gallery .info-window h3.art a,#leader-box ul#carousel li a.art:hover,#leader-box ul#carousel li a.art:hover span.label,#leader-box ul#carousel li.selected a.art,#leader-box ul#carousel li.selected a.art span.label,#leader-box ul#carousel li.selected a.art:visited,.art #leader-box div#gallery .info-window h3 a,.art #leader-box ul#carousel li a:hover,.art #leader-box ul#carousel li a:hover span.label,.art #leader-box ul#carousel li.selected a,.art #leader-box ul#carousel li.selected a span.label,.art #leader-box ul#carousel li.selected a:visited { background: #f267a8; } #leader-box ul#carousel li.selected a.art span.pointer,.art #leader-box ul#carousel li.selected span.pointer { background-position: center -100px; } #leader-box div#gallery .info-window h3.film-cinemas a,#leader-box ul#carousel li a.film-cinemas:hover,#leader-box ul#carousel li a.film-cinemas:hover span.label,#leader-box ul#carousel li.selected a.film-cinemas,#leader-box ul#carousel li.selected a.film-cinemas span.label,#leader-box ul#carousel li.selected a.film-cinemas:visited,.film-cinemas #leader-box div#gallery .info-window h3 a,.film-cinemas #leader-box ul#carousel li a:hover,.film-cinemas #leader-box ul#carousel li a:hover span.label,.film-cinemas #leader-box ul#carousel li.selected a,.film-cinemas #leader-box ul#carousel li.selected a span.label,.film-cinemas #leader-box ul#carousel li.selected a:visited { background: #519cba; } #leader-box ul#carousel li.selected a.film-cinemas span.pointer,.film-cinemas #leader-box ul#carousel li.selected a span.pointer { background-position: center -50px; } #leader-box div#gallery .info-window h3.music a,#leader-box ul#carousel li a.music:hover,#leader-box ul#carousel li a.music:hover span.label,#leader-box ul#carousel li.selected a.music,#leader-box ul#carousel li.selected a.music span.label,#leader-box ul#carousel li.selected a.music:visited,.music #leader-box div#gallery .info-window h3 a,.music #leader-box ul#carousel li a:hover,.music #leader-box ul#carousel li a:hover span.label,.music #leader-box ul#carousel li.selected a,.music #leader-box ul#carousel li.selected a span.label,.music #leader-box ul#carousel li.selected a:visited { background: #00aeec; } #leader-box ul#carousel li.selected a.music span.pointer,.music #leader-box ul#carousel li.selected span.pointer { background-position: center -20px; } #leader-box div#gallery .info-window h3.comedy a,#leader-box ul#carousel li a.comedy:hover,#leader-box ul#carousel li a.comedy:hover span.label,#leader-box ul#carousel li.selected a.comedy,#leader-box ul#carousel li.selected a.comedy span.label,#leader-box ul#carousel li.selected a.comedy:visited,.comedy #leader-box div#gallery .info-window h3 a,.comedy #leader-box ul#carousel li a:hover,.comedy #leader-box ul#carousel li a:hover span.label,.comedy #leader-box ul#carousel li.selected a,.comedy #leader-box ul#carousel li.selected a span.label,.comedy #leader-box ul#carousel li.selected a:visited { background: #008649; } #leader-box ul#carousel li.selected a.comedy span.pointer,.comedy #leader-box ul#carousel li.selected span.pointer { background-position: center -110px; } #leader-box div#gallery .info-window h3.dance a,#leader-box ul#carousel li a.dance:hover,#leader-box ul#carousel li a.dance:hover span.label,#leader-box ul#carousel li.selected a.dance,#leader-box ul#carousel li.selected a.dance span.label,#leader-box ul#carousel li.selected a.dance:visited,.dance #leader-box div#gallery .info-window h3 a,.dance #leader-box ul#carousel li a:hover,.dance #leader-box ul#carousel li a:hover span.label,.dance #leader-box ul#carousel li.selected a,.dance #leader-box ul#carousel li.selected a span.label,.dance #leader-box ul#carousel li.selected a:visited { background: #f4858c; } #leader-box ul#carousel li.selected a.dance span.pointer,.dance #leader-box ul#carousel li.selected span.pointer { background-position: center -120px; } #leader-box div#gallery .info-window h3.theatre a,#leader-box ul#carousel li a.theatre:hover,#leader-box ul#carousel li a.theatre:hover span.label,#leader-box ul#carousel li.selected a.theatre,#leader-box ul#carousel li.selected a.theatre span.label,#leader-box ul#carousel li.selected a.theatre:visited,.theatre #leader-box div#gallery .info-window h3 a,.theatre #leader-box ul#carousel li a:hover,.theatre #leader-box ul#carousel li a:hover span.label,.theatre #leader-box ul#carousel li.selected a,.theatre #leader-box ul#carousel li.selected a span.label,.theatre #leader-box ul#carousel li.selected a:visited { background: #f05d63; } #leader-box ul#carousel li.selected a.theatre span.pointer,.theatre #leader-box ul#carousel li.selected span.pointer { background-position: center -130px; } #leader-box div#gallery .info-window h3.sport-health-fitness a,#leader-box ul#carousel li a.sport-health-fitness:hover,#leader-box ul#carousel li a.sport-health-fitness:hover span.label,#leader-box ul#carousel li.selected a.sport-health-fitness,#leader-box ul#carousel li.selected a.sport-health-fitness span.label,#leader-box ul#carousel li.selected a.sport-health-fitness:visited,.sport-health-fitness #leader-box div#gallery .info-window h3 a,.sport-health-fitness #leader-box ul#carousel li a:hover,.sport-health-fitness #leader-box ul#carousel li a:hover span.label,.sport-health-fitness #leader-box ul#carousel li.selected a,.sport-health-fitness #leader-box ul#carousel li.selected a span.label,.sport-health-fitness #leader-box ul#carousel li.selected a:visited { background: #a5cf4e; } #leader-box ul#carousel li.selected a.sport-health-fitness span.pointer,.sport-health-fitness #leader-box ul#carousel li.selected span.pointer { background-position: center -80px; } #leader-box div#gallery .info-window h3.family-kids a,#leader-box ul#carousel li a.family-kids:hover,#leader-box ul#carousel li a.family-kids:hover span.label,#leader-box ul#carousel li.selected a.family-kids,#leader-box ul#carousel li.selected a.family-kids span.label,#leader-box ul#carousel li.selected a.family-kids:visited,.family-kids #leader-box div#gallery .info-window h3 a,.family-kids #leader-box ul#carousel li a:hover,.family-kids #leader-box ul#carousel li a:hover span.label,.family-kids #leader-box ul#carousel li.selected a,.family-kids #leader-box ul#carousel li.selected a span.label,.family-kids #leader-box ul#carousel li.selected a:visited { background: #65c267; } #leader-box ul#carousel li.selected a.family-kids span.pointer,.family-kids #leader-box ul#carousel li.selected span.pointer { background-position: center 19%; } #leader-box div#gallery .info-window h3.gay-lesbian a,#leader-box ul#carousel li a.gay-lesbian:hover,#leader-box ul#carousel li a.gay-lesbian:hover span.label,#leader-box ul#carousel li.selected a.gay-lesbian,#leader-box ul#carousel li.selected a.gay-lesbian span.label,#leader-box ul#carousel li.selected a.gay-lesbian:visited,.gay-lesbian #leader-box div#gallery .info-window h3 a,.gay-lesbian #leader-box ul#carousel li a:hover,.gay-lesbian #leader-box ul#carousel li a:hover span.label,.gay-lesbian #leader-box ul#carousel li.selected a,.gay-lesbian #leader-box ul#carousel li.selected a span.label,.gay-lesbian #leader-box ul#carousel li.selected a:visited { background: #fc8821; } #leader-box ul#carousel li.selected a.gay-lesbian span.pointer,.gay-lesbian #leader-box ul#carousel li.selected span.pointer { background-position: center 170%; } /**************************************** *** END OF EDITORIAL LEADER BOX **** ****************************************/ #major-attractions h4 { font-size: 1.17em; color: #333; } div#major-attractions .navigation { width: 100%; float: left; } div#major-attractions.element-wrapper .venue-container.navigation { padding: 6px 0; } /*** whats on/random picks ****/ div.two-column-large-image-box { padding-bottom: 10px; } div.two-column-large-image-box div.image-container { width: 320px; padding-right: 10px; float: left; } #travel-home #perfect-for .image-container span.credits, div.two-column-large-image-box div.image-container span.caption, .credit, .caption { color: #999; float: right; font-size: 0.916em; display: block; padding-top: 3px; padding-bottom: 10px; } .credit,.caption { float: none; } #whats-on h3 { line-height: 16px; } /********* Editors Hot list ********/ .editors-hot-list .left-column .number-column { width: 12%; font-size: 48px; line-height: 50px; color: #ed1b24; float: left; font-weight: bold; letter-spacing: -5px; } .editors-hot-list .left-column .result-content-column { float: right; width: 87%; margin-top: 7px; } .editors-hot-list .continue-link { display: block; clear: both; padding: 6px 0; } /********* Most viewed ********/ #most-viewed span.category { font-weight: bold; } /********* More like this ********/ div.multiple-list-container h3 { margin-bottom: 0; } div.multiple-list-container .first-list { margin-bottom: 10px; } /********* related features *********/ div.side-columns div.large-image-column-container img { margin-bottom: 5px; } /********* Review/tag cloud *********/ div.review-container .tag-cloud { margin-top: 5px; } div.review-container .tag-cloud h4,div.review-container .tag-cloud ul { display: inline; line-height: 15px; } div.review-container .tag-cloud h4 { font-size: 100%; color: #666; } div.review-container .tag-cloud ul li { padding: 0; } /********* Details *********/ div.dual-column-details .column-contact { float: left; width: 35%; } div.dual-column-details .column-contact .venue-info { display: block; } div.tooltip.review div.internal { padding: 10px 10px 15px 10px; } div.tooltip.review { width: 170px; font-size: 1em; line-height: 15px; } div.tooltip.review h4 { margin-bottom: 5px; } div.dual-column-details .column-info { float: right; width: 60%; } div.dual-column-details .column-info .opening { padding-top: 0; } div.dual-column-details .column-info a.url { display: block; } /********* area-guide *********/ div.area-guide .image-container { float: right; } div.area-guide .guide-content { float: left; width: 65%; } #venue-show div.double-column-header .solid-border-bottom { padding: 0 0 4px 0; } .double-column-header h2 { display: inline; font-size: 1.5em; font-weight: normal; } .double-column-header h2 span { font-weight: bold; } /*** gallery ***/ div.gallery-wrapper .image-selection-wrapper { margin-top: 2px; } div.gallery-wrapper .image-selection-wrapper .image-thumbnail { margin-right: 2px; float: left; } div.gallery-wrapper .image-selection-wrapper .image-thumbnail .caption { float: left; } /*** City guide drop down ***/ div#cityguide-dropdown { text-align: center; border: 1px solid #ccc; background: #fff url(images/faded-bg.gif) repeat-x center bottom; padding: 5px 0; } div#cityguide-dropdown h4 { display: inline; padding-right: 5px; } div#cityguide-dropdown select { width: 180px; } /******************************/ /********* Facet **************/ /******************************/ div#facet-wrapper span.refine-count { color: #999; font-size: 11px; } /**************************************** ****** GENERIC FACET SEARCH FORM ******* ****************************************/ div#facet-search h3.box-header { border-bottom: none; margin-bottom: 14px; } div#facet-search { display: block; clear: both; margin-bottom: 5px; } div#facet-search button { background: #fff url(images/sprites/search.gif?v=2.0) no-repeat scroll left -201px; color: #aaa; width: 47px; height: 18px; float: right; margin-bottom: 5px; padding: 0; } div#facet-search input,div#facet-search select { display: block; margin-bottom: 9px; font-size: 0.9em; } div#facet-search #keyword { border: 1px solid #aaa; width: 97%; padding: 2px 0 2px 2px; } div#facet-search button span { display: none; } /**************************************** ****** END GENERIC FACET SEARCH FORM *** ****************************************/ div#your-filters { border: 1px solid #AAA; margin-bottom: 10px; padding: 5px; } div#your-filters h3 { margin-bottom: 10px; } div#your-filters div.filter-wrapper { margin-bottom: 3px; } div#your-filters p strong { padding-right: 3px; } /** This component doesn't exist anymore! 21/07/2009 div#facet-tooltip { display: none; background-color: #FFF; } #search-index div#facet-tooltip { padding: 20px 5px 30px; background-image: url(images/tip-bubble-small.gif); background-repeat: no-repeat; } div#facet-tooltip p,div#facet-tooltip h3 { color: #FFF; } div#facet-tooltip img.close-button { float: right; } div#facet-tooltip h3 { font-size: 1.1666em; line-height: 16px; } **/ div#explore-wrapper div.editorial-filters { line-height: 18px; } div#explore-wrapper .refine-list h4.refine-group-header { border-top: 1px solid #AAA; border-bottom: 1px dotted #AAA; margin-top: 18px; margin-bottom: 7px; padding-left: 10px; } div#explore-wrapper .refine-list h4.refine-group-header.hide { display: none; } div#explore-wrapper .refine-list h4.has-children.open { background: transparent url(images/search/arrow_v.gif) no-repeat scroll -1px 50%; cursor: pointer; } div#explore-wrapper .refine-list h4.has-children.closed { background: transparent url(images/search/arrow_h.gif) no-repeat scroll 0 50%; cursor: pointer; } /** IE Hack **/ div#facet-wrapper div#explore-wrapper .refine-list ul.facets li.child-container,div#facet-wrapper div#explore-wrapper .refine-list ul.facets li.child-container ul li.child-container { * font-size: 0%; } /** IE Hack **/ div#facet-wrapper div#explore-wrapper .refine-list ul.facets li.child-container ul li,div#facet-wrapper div#explore-wrapper .refine-list ul.facets li.child-container ul li ul li { * font-size: 12px; * line-height: 15px; } div#explore-wrapper .refine-list { padding-bottom: 13px; border-bottom: 1px solid #aaa; } div#explore-wrapper .refine-list ul { line-height: 15px; } div#explore-wrapper .refine-list .weekend { color: #ED1B24; } div#facet-wrapper div#explore-wrapper .refine-list ul.facets li { padding-left: 12px; margin-bottom: 2px; } /** Do not indent the flags facets **/ div#facet-wrapper div#explore-wrapper .refine-list ul.facets.flags li { padding-left: 4px; } /** Increase the space between the free flag and the Major venue flag **/ div#facet-wrapper div#explore-wrapper .refine-list ul.facets li.flag.free { margin-bottom: 4px; } div#facet-wrapper div#explore-wrapper .refine-list ul.facets li.has-children,div#facet-wrapper div#explore-wrapper .refine-list span.show-more,div#facet-wrapper div#explore-wrapper .refine-list span.show-less { cursor: pointer; background-repeat: no-repeat; background-position: left 2px; background-color: #FFF; /** Needed to display the open/close element in IE**/ } div#facet-wrapper div#explore-wrapper .refine-list ul.facets li.has-children.open { background-image: url(images/search/arrow_v.gif); } div#facet-wrapper div#explore-wrapper .refine-list ul.facets li.has-children.closed { background-image: url(images/search/arrow_h.gif); } div#facet-wrapper div#explore-wrapper .refine-list span.show-more,div#facet-wrapper div#explore-wrapper .refine-list span.show-less { padding-left: 15px; } div#facet-wrapper div#explore-wrapper .refine-list span.show-more { background-image: url(images/search/blue_more.gif); } div#facet-wrapper div#explore-wrapper .refine-list span.show-less { background-image: url(images/search/blue_less.gif); } div.refine-list a:hover span { color: #ED1B24; } div.refine-list a:hover span.free,div.refine-list a:hover span.major-venue,div.refine-list a:hover span.new { color: #333; } div#facet-wrapper img.1x1 { font-size: 0; line-height: 0; } /*********** Search Results **************/ #result-container div.result { margin: 0; padding: 14px 0 15px 0; } .show-booking-ahead .first-result, #result-container div.first-result { padding-top: 0; border-top: none; } #result-container div.result div.left-column { /** Correct width once pictures are in place! width: 73%; **/ width: 80%; float: left; } #result-container div.result div.right-column { width: 20%; border-top: 0; padding-top: 0; margin-left: 0; } #result-container div.result div.right-column { text-align: right; } #result-container div.result div.right-column .image-container { margin-bottom: 3px; } #result-container div.result div.right-column .image-container { *margin-bottom: 0px; } #result-container div.result h2 { display: inline; color: #333; font-size: 1.33333em; } #result-container div.result span.now-showing { font-weight: bold; color: #ed1b24; } #result-container div.result span.date { font-weight: bold; color: #333; display: block; float: left; } #result-container div.result .category-tags { line-height:14px; margin-bottom: 5px; } #result-container div.result div.tags { margin: 5px 0 0 0; padding: 5px 0 0 0; } #result-container div.result div.tags span { color: #999; } #result-container div.result address { line-height: normal; } #result-container div.result div.tags span.tag-label { color: #aaa; } #result-container div.result div.tags li { line-height: 15px; } #result-container div.result div.flags { padding: 9px 0 0 0; margin: 6px 0 0 0; } #result-container div.result div.offers { margin: 5px 0 0 0; padding: 5px 0 0 0; } #result-container div.result div.offers a { color: #ed1b24; } #result-container div.result h2 { margin-bottom: 5px; margin-right: 3px; line-height: 18px; } #result-container div.result div.tags a { color: #09f; } #result-container div.result div.details { margin: 3px 0 3px 0; } #result-container div.result span.category { font-weight: bold; margin-right: 5px; } #result-container div.result ul { display: inline; } #result-container div.result ul li { padding-right: 0; } #result-container div.result .external-review { color: #ED1B24; font-weight: bold; } #result-container div.result span.rating { padding: 2px 80px 2px 0; } #result-container div.result div.buttons { padding-left: 7px; } #result-container div.result div.buttons .little-button { margin-right: 0px; } div.image-container span.caption { display: block; padding-top: 5px; } .search .center-content .openx-ad { margin-top: 30px; } #result-container div.result.sponsored { background-color: #fbf4e1; padding: 4px; margin-bottom: 15px; } #result-container div.result p.sponsored-by { color: #979994; } /************** Newsletter sign up box ***********/ #newsletterSignup { background: transparent url(images/nl-bubble.gif) no-repeat scroll 0 0; height: 120px; padding: 10px; } #newsletterSignup h3 { padding-left: 25px; margin-bottom: 5px; color: #FFF; } #newsletterSignup h3 a,#newsletterSignup p { color: #FFF; } #newsletterSignup p { margin-bottom: 6px; } #newsletterSignup form button { background: #fff url(images/sprites/search.gif?v=2.0) no-repeat scroll left -319px; height: 21px; width: 86px; vertical-align: top; margin-left: 1px; } #newsletterSignup form button span { display: none; } #newsletterSignup #newsletterEditor { margin: 14px 0 0 -10px; } #newsletterSignup #newsletterEditor strong { line-height: 18px; } /**************************************** ************ Search No Results ********* ****************************************/ .no-primary-results { font-size: 1.2em; border-bottom: 1px solid #aaa; padding: 10px 0 20px 15px; margin-bottom: 5px; } .no-primary-results a { font-weight: normal; color: #09F; text-decoration: none; } .no-primary-results a:hover { text-decoration: underline; } body.error .error-404 .error-message,.no-primary-results .bubble { color: #fff; background: url(images/message-bubble.gif) no-repeat; height: 90px; width: 455px; margin: 0; padding: 10px 0 0 13px; } .no-primary-results .bubble h3 { font-size: 24px; color: #FFFFFF; font-weight: bold; } .no-primary-results .bubble p { font-weight: normal; color: #fff; margin-top: 8px; } .no-primary-results .message { margin-left: 12px; } .no-primary-results .message h5 { font-size: 1em; } .no-primary-results .message ul { list-style-type: disc; list-style-position: outside; line-height: 18px; margin: 4px 0 0 18px; } .no-primary-results span { font-weight: bold; color: #ed1b24; } .no-primary-results li { color: #ed1b24; padding-top: 3px; } /**************************************** ****** good to go/city guides ********** ****************************************/ #good-to-go h5.date { background: transparent url(images/sprites/backgrounds.gif) no-repeat left -631px; float: left; padding-left: 6px; } #good-to-go h5.date span { background: transparent url(images/sprites/backgrounds.gif) no-repeat right -631px; color: #fff; display: block; padding: 3px 5px 4px 0; } #good-to-go h5 span,#online-city-guides h5 span { display: inline; color: #ed1b24; } #online-city-guides .city-list { padding-top: 11px; } #online-city-guides .city-list h4 { font-weight: normal; font-size: 14px; margin-bottom: 10px; } #online-city-guides .city-list div.venue-container { border-right: 1px dotted #aaa; width: 151px; } #online-city-guides .city-list div.venue-container.last { border-right: none; } /**************************************** ************ perfect for *************** ****************************************/ /** HACK ALERT Safari specific code!**/ @media screen and (-webkit-min-device-pixel-ratio:0) { #perfect-for div.tabs { padding-bottom: 3px; } } #perfect-for div.tabs ul { margin: 15px auto 0; text-align: center } #perfect-for div.tabs ul li { padding-right: 0; margin-right: -2px; } #perfect-for div.tabs ul li a { background: transparent url(images/sprites/backgrounds.gif) no-repeat scroll 0 -543px; padding: 4px 0 3px 10px; * background-position: 0 -539px; * padding-bottom: 2px; } #perfect-for div.tabs ul li a span { background: transparent url(images/sprites/backgrounds.gif) no-repeat scroll right -543px; padding: 4px 10px 3px 0; color: #FFF; * padding-bottom: 2px; } #perfect-for div.tabs ul li.selected a { background: transparent url(images/sprites/backgrounds.gif) no-repeat scroll 0 -452px; * background-position: 0 -448px; } #perfect-for div.tabs ul li.selected a span { background: transparent url(images/sprites/backgrounds.gif) no-repeat scroll right -452px; color: #333; } #perfect-for ul.subnav { margin-bottom: 8px; font-size: 1.166em; } #perfect-for ul.subnav li { border-right: 1px solid #AAA; padding-left: 8px; } #perfect-for ul.subnav li a { font-weight: bold; } #perfect-for ul.subnav li.selected a { color: #ED1B24; } #perfect-for ul.subnav li.first { padding-left: 0; } #perfect-for ul.subnav li.last { border-right-width: 0; } #perfect-for .image-container { float: left; width: 320px; margin-right: 10px; } #perfect-for .image-container span.credits { float: right; } #perfect-for .hidden { display: none; } #perfect-for .information-container .text-container { float: left; width: 150px; } #perfect-for .information-container .text-container a.more { line-height: 15px; } #perfect-for .information-container .list-container { float: left; width: 150px; margin-left: 13px; } /**************************************** ************ GLOBAL HOME *************** ****************************************/ #home-index .global-top { margin-bottom: 20px; } #home-index p { font-size: 1.2em; line-height: 18px; } #home-index .center-columns .left-column { width: 152px; float: left; margin-right: 13px; } #home-index .center-columns .right-column { width: 482px; float: left; } #home-index #leader-box.element-wrapper { margin-bottom: 17px; } #about-time-out p { margin-bottom: 10px; } #destination-inspiration .image-container { margin-bottom: 5px; } #destination-list .list-container { padding: 0 17px 3px; border-left: 3px solid #ddd; border-right: 3px solid #ddd; } /** IE Hack -- To make curved-bottom line up **/ * html #destination-list .list-container { height: 5px; } #destination-list .curved-top,#destination-list .curved-bottom,#destination-list .curved-top div,#destination-list .curved-bottom div { height: 10px; } #destination-list .curved-top { background: transparent url(images/sprites/backgrounds.gif) no-repeat scroll left -777px; } #destination-list .curved-top div { background: transparent url(images/sprites/backgrounds.gif) no-repeat scroll right -814px; } #destination-list .curved-bottom { background: transparent url(images/sprites/backgrounds.gif) no-repeat scroll left -861px; } #destination-list .curved-bottom div { background: transparent url(images/sprites/backgrounds.gif) no-repeat scroll right -898px; } #destination-list .list-container ul { width: 141px; float: left; border-right: 1px solid #CCC; margin-right: 13px; } #destination-list .list-container ul a { font-size: 1.2em; line-height: 1.7em; } #destination-list .list-container ul a .local-name { font-size: 0.7em; } #destination-list .list-container ul.last { border-right-width: 0; margin-right: 0; } #destination-list .list-container ul span.major { font-size: 1.2em; font-weight: bold; } #magazine-subscription p { margin-bottom: 10px; } #magazine-subscription .row-1,#magazine-subscription .row-2 { margin: 0 10px 20px; } #magazine-subscription .row-1 .image-container,#magazine-subscription .row-2 .image-container { float: left; margin-right: 35px; } #magazine-subscription .row-2 .image-container { margin-right: 26px; } #magazine-subscription .row-1 .image-container.last,#magazine-subscription .row-2 .image-container.last { margin-right: 0; } #magazine-subscription form { text-align: center; } /****************************/ /******* LONDON HEADER ******/ /****************************/ .top-utilities { border-bottom: 1px dotted #aaa; padding-bottom: 10px; * padding-bottom: 0; margin-bottom: 10px; * margin-bottom: 8px; } .top-utilities .container { display: inline; float: left; } #top-utilities-links { font-size: 14px; line-height: 16px; color: #666; } #top-utilities-links ul { margin-top: 3px; } #top-utilities-links li { border-right: 1px solid #AAA; margin-right: 5px; padding-right: 5px; } #top-utilities-links li.last { border-right-width: 0; margin-right: 0; padding-right: 0; } .top-utilities #top-utilities-search.container { float: right; } #top-utilities-links li a,.top-utilities #top-utilities-search.container form label { color: #666; vertical-align: text-top; } .top-utilities #top-utilities-search.container input.text { border: 1px solid #aaa; color: #666; font-size: 11px; height: 14px; margin: 0 10px; padding-left: 2px; text-align: top; width: 106px; } .top-utilities #top-utilities-search.container input.submit { background: #fff url(images/sprites/search.gif?v=2.0) no-repeat scroll left -144px; border: none; color: #fff; cursor: pointer; font-size: 0.9166em; height: 19px; margin: 0; overflow: visible; padding: 0 0 2px 0; text-align: center; width: 56px; } .top-utilities #top-utilities-search.container img { vertical-align: bottom; } /**************************************** ********** LONDON COMPONENTS *********** ****************************************/ #london-menu li a { display: block; padding: 1px 0 1px 1px; margin: 1px 0; line-height: 15px; } #london-menu.solid-border-top { padding-top: 2px; } #london-menu li a:hover,#london-menu li.selected a { background: #ed1b24; color: #fff; } #london-menu li.dotted-border-bottom { padding-bottom: 2px; margin-bottom: 3px; } #london-menu li.feedback a,#london-menu li.rss a { font-weight: bold; color: #333; padding: 3px 0 4px 43px; } #london-menu li.rss a,#london-menu li.rss a:hover { background: transparent url(images/sprites/icons.gif) no-repeat scroll 5px -410px; } #london-menu li.feedback a,#london-menu li.feedback a:hover { background: transparent url(images/sprites/icons.gif) no-repeat scroll 5px -446px; } #london-menu li.feedback a span { color: #09f; display: block; } /* Individual menu item config */ #london-menu li.connect a:hover,#london-menu li.connect.selected a { background: #018E92; } #london-menu li.london a:hover,#london-menu li.london.selected a { background: #333; } #london-menu li.film a:hover,#london-menu li.film.selected a { background: #42389b; } #london-menu li.restaurants a:hover,#london-menu li.restaurants.selected a { background: #fcb912; } #london-menu li.hotels a:hover,#london-menu li.hotels.selected a { background: #969; } #london-menu li.around a:hover,#london-menu li.around.selected a { background: #51b64e; } #london-menu li.music a:hover,#london-menu li.music.selected a { background: #00aeec; } #london-menu li.art a:hover,#london-menu li.art.selected a { background: #f267a8; } #london-menu li.theatre a:hover,#london-menu li.theatre.selected a { background: #f05d63; } #london-menu li.comedy a:hover,#london-menu li.comedy.selected a { background: #008649; } #london-menu li.dance a:hover,#london-menu li.dance.selected a { background: #f4858c; } #london-menu li.books a:hover,#london-menu li.books.selected a { background: #842f73; } #london-menu li.clubs a:hover,#london-menu li.clubs.selected a { background: #005aa6; } #london-menu li.gay a:hover,#london-menu li.gay.selected a { background: #fc8821; } #london-menu li.sport a:hover,#london-menu li.sport.selected a { background: #a5cf4e; } #london-menu li.shopping a:hover,#london-menu li.shopping.selected a { background: #d11d66; } #london-menu li.travel a:hover,#london-menu li.travel.selected a { background: #009cac; } #london-menu li.tickets a:hover,#london-menu li.tickets.selected a { background: #936; } #london-menu li.property a:hover,#london-menu li.property.selected a { background: #d11d66; } /********************************************* ********** TICKETS SEARCH RESULTS *********** *********************************************/ a.buy-tickets span { display: none; } a.buy-tickets { background: #fff url(images/sprites/search.gif?v=2.0) no-repeat scroll left -257px; width: 66px; height: 18px; } .search a.buy-tickets { margin-top: 5px; } /********************************************* ************** MAP ELEMENT CSS ************** *********************************************/ #google-map { height: 295px; border: 1px solid #aaa; background: #ccc url(images/loader.gif) no-repeat center; } #google-map #copyright { white-space: normal !important; } #venue-events-list #result-container.solid-border-bottom { padding: 0; } #venue-events-list #result-container div.result { padding: 7px 0; } #venue-events-list h3.box-header { margin-bottom: 5px; } #result-container div.result span.date,#venue-events-list #result-container div.result span.date { display: block; float: left; background: transparent url(images/sprites/backgrounds.gif) no-repeat scroll top left; padding: 0 0 0 5px; margin: 0 5px 0 0; } #result-container div.result span.date span,#venue-events-list #result-container div.result span.date span { color: #fff; display: block; float: left; background: transparent url(images/sprites/backgrounds.gif) no-repeat scroll top right; padding: 0 5px 0 0; line-height: 17px; margin: 0; font-weight: normal; } #venue-events-list #result-container div.result span.category { line-height: 17px; } #venue-events-list #result-container div.result span.free { margin-right: 3px; vertical-align: text-top; padding-bottom: 1px; } #venue-events-list #result-container div.result a.recommended { background-position: -4px 0; } /********************************************* ********** LONDON SEARCH BOX CSS ************ *********************************************/ #facet-search.london { height: 47px; width: 100%; background: #fff url(images/sprites/backgrounds.gif) no-repeat scroll 100% -64px; margin-bottom: 10px; } #london-venue #facet-search.london { margin-bottom: 15px; } #facet-search.london form { height: 100%; width: 70%; background: #fff url(images/sprites/backgrounds.gif) repeat-x scroll 0 -139px; } #facet-search.london div.title,#facet-search.london form,#facet-search.london input,#facet-search.london select,#facet-search.london button { display: inline; float: left; } #facet-search.london div.title { height: 100%; background: #fff url(images/sprites/backgrounds.gif) no-repeat scroll 0 -64px; } #facet-search.london h3 { color: #ed1b24; margin: 10px 0 0 15px; } #facet-search.london input#keyword { width: 114px; margin: 12px 0 0 13px; padding: 3px; } #facet-search.london select#tag_id { width: 130px; margin: 12px 0 0 15px; } #facet-search.london select#date { width: 100px; margin: 12px 0 0 22px; } #facet-search.london button { margin: 12px 0 0 10px; background-position: left -371px; width: 53px; } /********************************************* **************** COMMENTS CSS *************** *********************************************/ div#comments { max-width: 482px; clear: left; } div#comments h3.box-header { position: relative; } div#comments h3.box-header a { position: absolute; top: 0; right: 0; display: block; padding: 3px 3px 2px 0; /** IE Hack **/ * padding-top: 5px; } div#comments form,div#comments div.text { padding: 15px; background: #eee; } div#comments div.text p { overflow: auto; } div#comments div.comments-wrapper { margin-bottom: 10px; } div#comments .report { text-align: right; margin-top: 5px; } div#comments .report,div#comments form { font-size: 11px; } div#comments form ul li { margin-bottom: 10px; } div#comments form ul li label { float: left; display: block; width: 60px; } div#comments input#save { background: #fff url(images/sprites/search.gif?v=2.0) no-repeat scroll left -424px; border: none; cursor: pointer; height: 18px; width: 47px; margin-left: 60px; } div#comments ul.error_list { margin-left: 60px; } div#comments ul.error_list li { color: #ed1b24; } div#comments input,div#comments textarea { border: none; width: 350px; } div#comments div.posted-by { height: 19px; padding-top: 10px; background: #fff url(images/sprites/icons.gif) no-repeat scroll -270px -212px; margin-bottom: 5px; } div#comments div.posted-by strong { margin-left: 20px; } div#comments div.thanks { font-style: italic; margin-bottom: 10px; } .london div#comments div.thanks { color:#ED1B24; font-size:14px; font-weight:bold; text-align:center; font-style: normal; } div#comments h3.box-header a { font-size: 12px; padding: 5px 0; font-weight: normal; margin-right: 2px; } .connect div#comments div.thanks { font-weight: bold; font-style: normal; margin-bottom: 10px; text-align: center; color : #ED1B24 } div.tinymce-markup p span.bolded-heading { display: block; font-weight: bold; color: #333; } div.tinymce-markup p span.italic-heading { display: block; font-style: italic; color: #333; } div.tinymce-markup .image-container { float: right; clear: none; margin-left: 10px; } div.tinymce-markup .image-container .caption { display: block; clear: both; padding: 5px 0; } /** Gallery **/ .art .gallery .imageflow { height: 245px; } .art .gallery .imageflow .scrollbar { border-bottom-color: #333; } .art .gallery { border-bottom: 6px solid #DDDDDD; padding-bottom: 10px; } .gallery .gallery-links { padding: 10px 0; } .gallery .gallery-links a { padding-right: 5px; border-right: 1px solid #CCC; margin-right: 5px; } .gallery .gallery-links a.last { border-right-width: 0; margin-right: 0; } /******** Big button ***********/ /**** ** To be used with layout like: ** ** ** ** ** ** ** ** Button Content ** ** ** ** ** ** ** ****/ .big-button-container { display: block; margin: 0 auto; width: 152px; cursor: pointer; } .big-button-container.column-1 { width: 152px; } .big-button-container.column-2 { width: 317px; } .big-button-container.column-3 { width: 482px; } .big-button-container.column-4 { width: 647px; } .big-button-container.column-5 { width: 812px; } .big-button-container.column-6 { width: 977px; } .big-button { background: #FFF url(images/sprites/buttons.gif) no-repeat scroll; } .big-button.top-left,.big-button.top-right,.big-button.bottom-left,.big-button.bottom-right { height: 10px; } .big-button.top,.big-button.content,.big-button.bottom { display: block; clear: both; } .big-button.content { font-weight: bold; text-align: center; } .big-button.top-left,.big-button.bottom-left { float: left; width: 90%; } .big-button.top-right,.big-button.bottom-right { float: left; width: 10%; } .big-button.top-left { background-position: left -445px; } .big-button.top-right { background-position: right -445px; } .big-button.content { background-image: none; border: solid #CCC; border-width: 0 3px; padding: 0 10px; font-size: 1.5em; _margin-top:-5px; } /* IE7 Hack */ html>body .big-button.content { *margin-top:-1px; *padding-top:1px; } .big-button.bottom-left { background-position: left -471px; } .big-button.bottom-right { background-position: right -471px; } .date-of-the-day .image-container { float: left; } .date-of-the-day .image-container { margin-right: 13px; } .date-of-the-day .dating-content p { margin-bottom: 12px; } .date-of-the-day .dating-content h4 { font-size: 1.2em; margin-bottom: 7px; } .date-of-the-day .dating-content { margin-bottom: 10px; } .date-of-the-day select { width: 200px; float: left; } .date-of-the-day .dating-content h4 a{ text-decoration: none; font-size:1em; } /* londonNewsLetterSignup */ #sign-up .box-header-follow { border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; clear: both; display: block; margin-bottom: 10px; padding: 10px 0 9px 0; height: 12px; } /** IE Hack -- reduces top padding, no obvious work around **/ #sign-up h3 { line-height: 1.111; } #sign-up .box-header-follow strong #sign-up .box-header-follow a { display:block; float:left; width: 50px; } #sign-up .box-header-follow .rss { background: #fff url(images/sprites/icons.gif) no-repeat scroll -301px -318px; padding: 4px 5px 4px 30px; } #sign-up .box-header-follow .twitter { background: #fff url(images/sprites/icons.gif) no-repeat scroll -301px -378px; padding: 4px 5px 4px 30px; } #sign-up .box-header-follow .igoogle { background: #fff url(images/sprites/icons.gif) no-repeat scroll -301px -348px; padding: 4px 5px 4px 30px; } #sign-up .image-container { width: 152px; float: left; } #sign-up .newsletter-text { width: 152px; float: right; } #sign-up .image-container { margin-right: 13px; } #sign-up .image-text { margin-bottom: 10px; } #sign-up .newsletter-text { margin-top: -0.20em; } #sign-up .newsletter-text p { margin-bottom: 5px; } #sign-up input { width: 144px; border: 1px solid #aaa; font-size: 0.9em; padding: 3px; margin: 2px 0; } .sign-me-up { background: url(images/sprites/search.gif?v=2.0) left -476px no-repeat; width: 103px; height: 24px; margin-top: 5px; overflow: hidden } .sign-me-up span { display: none; } /********************************************/ /********* S TWITTER LIVE UPDATE FEED *******/ /********************************************/ .twitter-feed ul#tweets-container,.twitter-feed ul#tweets-container li.last { height: 289px; } .twitter-feed div.twitter-nav a { display: block; margin: auto; height: 0; width: 0; border-left: 18px solid #fff; border-right: 18px solid #fff; } .twitter-feed div#twitter-nav-up a { border-bottom: 12px solid #333; } .twitter-feed div#twitter-nav-up.disabled a { border-bottom: 12px solid #ccc; cursor: text; } .twitter-feed div#twitter-nav-down a { border-top: 12px solid #333; } .twitter-feed div#twitter-nav-down.disabled a { border-top: 12px solid #ccc; cursor: text; } .twitter-feed div.twitter-nav a span { display: none; } .twitter-feed ul#tweets-container { overflow: hidden; position: relative; margin: 3px 0; z-index: 0; } .tweet-wrapper { min-height: 0; } div.twitter-feed li.tweet-wrapper { padding-bottom: 10px; /** IE Hack -- adds extra padding, no obvious work around **/ *padding-bottom: 5px; } /** IE Hack -- ie6 mysterious whitespace in li's **/ * html .tweet-wrapper { height: 0; } div.tweet { padding: 4px 10px; } div.tweet a.image-link { float: right; margin-left: 5px; } div.tweet p,div.tweet a { color: #fff; } div.tweet h4 { color: #fff; font-size: 1.166em; } div.tweet p { font-style: italic; } div.tweet p a { text-decoration: underline; } div.tweet p a.screenname { text-decoration: none; } div.tweet span { display: block; color: #fff; font-style: normal; } div.tweet p a.screenname { text-decoration: none; } .tweet-wrapper div.tweet,.tweet-wrapper b.rtop b,.tweet-wrapper b.rbottom b { background: #333; } .twitter-feed li.tweet-wrapper div.pointer span { margin-left: 24px; } .twitter-feed div.element-wrapper.section-seperator-bottom { margin-top: 10px; padding-bottom: 13px; } /** Different way of displaying tweets. With avatar on left of tweet **/ .avatar-tweet-container { overflow: hidden; margin-bottom: 10px; } .avatar-tweet-container div.tweet-wrapper { width: 235px; } .avatar-tweet-container b.rtop b, .avatar-tweet-container b.rbottom b { background: #ccc; } .avatar-tweet-container div.tweet { border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; border-left: 3px solid #ccc; border-right: 3px solid #ccc; z-index: 100; } .avatar-tweet-container .tweet-wrapper, .avatar-tweet-container .avatar { float: left; } .avatar-tweet-container div.tweet, .avatar-tweet-container div.tweet p, .avatar-tweet-container div.tweet a { background: #fff; color: #333; } .avatar-tweet-container div.tweet { min-height: 18px; } .avatar-tweet-container .avatar { margin-right: 2px; } .avatar-tweet-container .tweet-wrapper { padding-left: 10px; position: relative; } .avatar-tweet-container div.pointer { position: absolute; top: 6px; left: 0; width: 15px; height: 19px; background: #fff url(images/connect/icons.gif) no-repeat scroll -8px -8px; z-index: 3000; } .avatar-tweet-container div.pointer span { border-right: 8px solid #333; border-top: 8px solid #fff; border-bottom: 8px solid #fff; } /********************************************/ /********* E TWITTER LIVE UPDATE FEED *******/ /********************************************/ /*******************************************/ /******** S LATEST BLOGS AND TWEETS ********/ /*******************************************/ .blogs-and-tweets .rounded-corners.top, .blogs-and-tweets .rounded-corners.top-left, .blogs-and-tweets .rounded-corners.top-right { height: 4px; } .blogs-and-tweets a.image-header { line-height: 0; } .blogs-and-tweets .multi-tab-twitter .element-wrapper { margin-bottom: 0; } .blogs-and-tweets .multi-tab-twitter .twitter-feed h3, .blogs-and-tweets .multi-tab-twitter .twitter-feed .image-container, .blogs-and-tweets .multi-tab-blog .blog-posts h3, .blogs-and-tweets .multi-tab-blog .blog-posts .image-container { display: none; } .blogs-and-tweets .rounded-corners-content h3 { color: #333; } .blogs-and-tweets .rounded-corners-content { padding: 0 5px; width: 301px; background: #fff; } .blogs-and-tweets .element-header { padding: 5px 0 10px; } .blogs-and-tweets .element-header h3 { float: left; width: 150px; padding: 4px 0 0 5px; font-size: 1.5em; line-height: 1.01; letter-spacing: -1px; } .blogs-and-tweets .multi-tab-blog div.rss { margin-bottom: 3px; text-align: right; } .blogs-and-tweets .multi-tab-blog div.rss a { background: transparent url(images/sprites/icons.gif) no-repeat scroll 0 -413px; padding-left: 23px; line-height: 17px; } .blogs-and-tweets .multi-tab-blog .post-header h4 { margin-bottom: 4px; } .blogs-and-tweets .multi-tab-blog .post-header span.details { font-size: 11px; display: block; margin-bottom: 8px; } .blogs-and-tweets .multi-tab-twitter, .blogs-and-tweets .multi-tab-blog { font-weight: normal; } .blogs-and-tweets .multi-tab-blog .post-body a.more { line-height: 16px; } .blogs-and-tweets .multi-tab-blog .post { margin-bottom: 15px; } .blogs-and-tweets .multi-tab-blog .post.last { margin-bottom: 0; } .blogs-and-tweets .multi-tab-blog .post .comments { padding-top: 5px; border-bottom-style: solid; margin: 10px 0; } .blogs-and-tweets .multi-tab-blog .post.last .comments { margin-bottom: 5px; } .blogs-and-tweets .multi-tab-blog .blog-posts.element-wrapper { margin-bottom: 0; } .blogs-and-tweets .multi-tab-twitter h3 { margin-bottom: 5px; } .blogs-and-tweets .multi-tab-twitter em.fancy-text { font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; font-size: 18px; margin-right: 3px; } .blogs-and-tweets .tweet-sub-nav { position: relative; padding-bottom: 10px; } .blogs-and-tweets .twitter-bird { height: 38px; width: 48px; background: transparent url(images/sprites/icons.gif) no-repeat scroll 0 -290px; position: absolute; top: 2px; right: -4px; } .blogs-and-tweets .multi-tab-twitter .follow-link { margin-top: 10px; } .blogs-and-tweets .multi-tab-twitter .little-button { overflow: hidden; } .blogs-and-tweets .twitter-feed ul#tweets-container, .blogs-and-tweets .twitter-feed ul#tweets-container li.last { height: 325px; } /*******************************************/ /******** E LATEST BLOGS AND TWEETS ********/ /*******************************************/ /*******************************************/ /******** S HORIZONTAL FLYER SCROLLER ******/ /*******************************************/ .horizontal-flyer-scroller.rounded-corners-container { width: 100%; } .horizontal-flyer-scroller.rounded-corners-container.hidden { display: none; } .horizontal-flyer-scroller .rounded-corners.top-left, .horizontal-flyer-scroller .rounded-corners.top-right, .horizontal-flyer-scroller .rounded-corners.bottom-left, .horizontal-flyer-scroller .rounded-corners.bottom-right, .horizontal-flyer-scroller .rounded-corners.top, .horizontal-flyer-scroller .rounded-corners.bottom { height: 8px; } .horizontal-flyer-scroller .rounded-corners.bottom-left { background-position: left -524px; } .horizontal-flyer-scroller .rounded-corners.bottom-right { background-position: right -524px; } .horizontal-flyer-scroller .rounded-corners-content { background: #fff; padding: 0 5px; } .horizontal-flyer-scroller b.r1 { background: #333; } .horizontal-flyer-scroller .scroller-container { padding: 24px 0; background: #333; } .horizontal-flyer-scroller div.flyer-nav { display: block; float: left; width: 28px; height: 257px; } .horizontal-flyer-scroller div.flyer-nav a { display: block; width: 16px; height: 34px; margin: 112px 5px 0; } .horizontal-flyer-scroller div.flyer-nav-left a { background: transparent url(images/sprites/icons-left.gif) no-repeat scroll 0 -88px; float: left; } .horizontal-flyer-scroller div.flyer-nav-right a { background: transparent url(images/sprites/icons-right.gif) no-repeat scroll right -83px; float: right; } .horizontal-flyer-scroller .flyers-view-pane { display: block; float: left; overflow: hidden; position: relative; height: 257px; width: 410px; } .horizontal-flyer-scroller .flyers-container { display: block; width: 1003px; position: absolute; left: 0; z-index: 0; } .horizontal-flyer-scroller .flyer-container { display: block; float: left; margin-right: 13px; width: 180px; } .horizontal-flyer-scroller .flyer-container b.r1 { background: #fff; } /** Flyer not necessarily in a horizontal scroller **/ div.flyer { background: #fff; height: 249px; width: 172px; padding: 3px 4px; position: relative; overflow: hidden; } div.flyer div.info-window { position: absolute; top: 196px; bottom: 0; width: 172px; } div.flyer div.info-window .side-1, div.flyer div.info-window .side-2 { width: 162px; } div.flyer div.info-window-content { position: absolute; top: 0; left: 0; padding: 0 5px 5px; } div.flyer div.info-window span, div.flyer div.info-window em, div.flyer div.info-window strong, div.flyer div.info-window p, div.flyer div.info-window a { font-size: 1em; line-height: 1.33; color: #fff; } div.flyer div.info-window a:hover { color: #ed1b24; } div.flyer div.info-window p { margin-bottom: 10px; } div.flyer div.info-window h4 { font-size: 1.166em; line-height: 1.14; } div.flyer div.info-window .overlay { position: absolute; top: 0; left: 0; height: 57px; width: 100%; background: #333; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); opacity: 0.6; } div.flyer div.info-window .side-2 { display: none; } div.flyer div.info-window .side-2 h4 { font-size: 1.5em; line-height: 1; margin: 5px 0 10px; } /* Flipside of flyer */ div.flyer.flip div.info-window { top: 3px; } div.flyer.flip div.info-window .overlay { height: 249px; } div.flyer.flip div.info-window .side-1 { display: none; } div.flyer.flip div.info-window .side-2 { display: block; } /*******************************************/ /******** E HORIZONTAL FLYER SCROLLER ******/ /*******************************************/ /************ Image Grid *********/ .image-grid .rounded-corners-container { margin-bottom: 10px; } .image-grid .rounded-corner.content { padding: 0 3px; } /******* Random Pick **********/ .random-pick .inspire-me-button .big-button{ margin-bottom: 0; } .random-pick .big-button-container { float: left; margin: 0 0 10px 0; } .random-pick h4 { font-size: 1.166em; line-height: 1; } .random-pick .image-container .caption { padding-bottom: 0; } .random-pick .image-container { padding-bottom: 10px; } /******* related-events ******/ .related-events .details.dotted-border-bottom { margin-bottom: 13px; padding-bottom: 11px; } .related-events .category-tags { margin: 2px 0 5px; } .related-events .image-container { float: left; margin-right: 13px; } .event-details-tooltip { width: 400px; } .standalone-image .caption { padding-bottom: 0; } .show-booking-ahead .box-header { margin-bottom: 0; } .show-booking-ahead .solid-border-top { padding-top: 7px; margin-bottom: 3px; } .show-booking-ahead .details { margin-top: 4px; float: left; clear: left; } .show-booking-ahead .details .text { margin-top: 0.245em; display: block; float: left; } .show-booking-ahead.element-wrapper ul.tabs { margin: 20px 0; float: left; width: 499px; } /** ie6 hack **/ * html .show-booking-ahead.element-wrapper ul.tabs { margin: -10px 0; width: 482px; } /** ie7 hack **/ html > body .show-booking-ahead.element-wrapper ul.tabs { *margin: 30px 0 -10px; *width: 482px; } .show-booking-ahead .tabs li span{ background: url(images/sprites/buttons.gif) no-repeat; background-position: top -637px; background-position: -10px -588px; border-right: 2px solid #ccc; } .show-booking-ahead .tabs li span.first { background: url(images/sprites/buttons.gif) no-repeat 0 -588px; } .show-booking-ahead .tabs li span.last { background: url(images/sprites/buttons.gif) no-repeat; background-position: right -588px; border:none; } .show-booking-ahead .tabs li.selected span { background: url(images/sprites/buttons.gif) no-repeat; background-position: -80px -624px; } .show-booking-ahead .tabs li.selected span.last{ background: url(images/sprites/buttons.gif) no-repeat; background-position: right -624px; } .show-booking-ahead .tabs li.selected span.first { background: url(images/sprites/buttons.gif) no-repeat; background-position: left -624px; } .show-booking-ahead .tabs li.selected a { color:#fff; } .show-booking-ahead .tabs li.first.selected a { color:#fff; } .show-booking-ahead .tabs li.last.selected a { color:#fff; } .show-booking-ahead .tabs li .tab-content { padding: 7px 23px; } .show-booking-ahead .tabs li, .show-booking-ahead .tabs li span, .show-booking-ahead .tab a { display: block; float: left; } .show-booking-ahead .tabs-bottom { *padding: 10px 0; } .show-booking-ahead .result-left { width: 340px; float:left; } .show-booking-ahead .result-right { float: left; } .show-booking-ahead h4{ color: #ED1B24; font-size: 1.333em; font-weight: bold; float: left; } .show-booking-ahead .more { display: block; float: left; margin: 0.3em 0 0 0.7em; } .show-booking-ahead .buy { float: right; margin-right: -5px; } .show-booking-ahead .venue { display: block; float: left; margin-right: 0.8em; font-style: italic; } .show-booking-ahead .price{ color: #ED1B24; display: block; float: right; clear: right; padding-top: 0.455em; } span.date.gray { display: block; float: left; background: transparent url(images/sprites/backgrounds.gif) no-repeat scroll top left; padding: 0 0 0 5px; margin: 0px 5px 0 0; } span.date.gray span { color: #fff; display: block; float: left; background: transparent url(images/sprites/backgrounds.gif) no-repeat scroll top right; padding: 0 5px 0 0; line-height: 17px; margin: 0; font-weight: normal; } div.page-subtitle h2.full-width{ width: 100%; } .item-box-grid .odd{ clear: left; } .tab-view { display: none; } .tab-views .selected { display: block; } /* toWidgetFormVenueLookup CSS */ ul.venue-lookup fieldset { border: 1px solid #ccc; margin: 5px 0 5px 20px; padding: 5px; } ul.venue-lookup input.venue-search { margin: 5px 0 5px 20px; } ul.venue-lookup fieldset label { float: left; width: 130px; text-align: right; font-weight: bold; padding: 5px 5px 0 0; } ul.venue-lookup fieldset span.help { margin-left: 135px; margin-bottom: 10px; } ul.venue-lookup fieldset div.clear { margin-bottom: 10px; } /* get-listed external data entry forms CSS */ .get-listed h1 span.beta-flag { font-size: 14px; line-height: 18px; vertical-align: top; padding-left: 5px; letter-spacing: -1px; } .get-listed form div.gray-box ul.radio_list li, .get-listed form div.gray-box ul.checkbox_list li { display: block; float: left; width: 90px; } .get-listed form div.gray-box input { margin-left: 0; margin-top: 0; } .get-listed form .gray-box { border: 1px solid #aaa; background: #eee; padding: 6px; } .get-listed form .gray-box span.note{ clear: left; display: block; } .get-listed form span.note.above { margin-bottom: 5px; } .get-listed form span.note.below { margin-top: 5px; } .get-listed form .gray-box div.field { margin-bottom: 15px; } .get-listed form .gray-box div.field li{ margin-bottom: 10px; } .get-listed span.required { color: #ed1b24; } .get-listed ul.bulleted { list-style-type: disc; margin-left: 1.2em; } .get-listed #sublisting_recurring_dates_recurring_monthly_month_number, .get-listed #sublisting_recurring_dates_recurring_weekly_week_number{ width: 2em; } .get-listed .introduction, .get-listed-thanks { font-size: 1.166em; line-height: 1.4; padding-bottom: 10px; } .get-listed-thanks p { margin-bottom: 18px; } .get-listed p { margin: 14px 0; } .get-listed .introduction p.error-message { color: #ed1b24; } .get-listed .and-or { display: block; float: left; width: 30%; text-align: right; padding-top: 1em; } .get-listed input.readonly { background: #eee; } .get-listed form .submit-button { background: #fff url(images/sprites/search.gif?v=2.0) no-repeat scroll left -526px; height: 24px; width: 122px; } .get-listed li.newsletter_subscription input { float: left; margin-bottom: 12px; } .get-listed li.newsletter_subscription input { float: left; display: block; } #recurring_monthly_weekday_container, #recurring_monthly_position_container { float:left; } #recurring_monthly_weekday_container { margin-left: 10px; } #recurring_information_label { float: left; margin-right:5px; } /* Ticker CSS */ .ticker.reduced-margin { margin-bottom: 16px; } .ticker span.title { display: block; float: left; color: #ed1b24; font-weight: bold; } .ticker ul { display: block; float: left; margin-left: 3px; }