/* Red Text = #F00000 Grey Text = #999999 */ /* GENERAL STYLES */ body { margin: 0; background-color: #000000; color: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif; padding-bottom: 20px; } #frame { width: 760px; margin-left: auto; margin-right: auto; margin-top: 20px; border: 1px solid #fff; background: url(../images/main_content_background.gif) top left repeat-y; } #frame-mumbai { width: 760px; margin-left: auto; margin-right: auto; margin-top: 20px; border: 1px solid #fff; } #frame-wide { width: 760px; margin-left: auto; margin-right: auto; margin-top: 20px; border: 1px solid #fff; background: url(../images/main_content_background_wide.gif) top left repeat-y; } .clear-both { clear: both; /*line-height: 0.1em;*/ } /*COMMENTED OUT LINE-HEIGHT TO FIX ISSUE WITH MERCHANDISE IN IE7 */ /* BANNERS */ #banners { width: 760px; height: 62px; margin-left: auto; margin-right: auto; margin-top: 20px; text-align: center; position: relative; z-index: 1; } /*#banners img { border: 1px solid #fff; margin-left: 10px; margin-right: 10px; float: left; }*/ /*#banners object { border: 1px solid #fff; margin-left: 10px; margin-right: 10px; display:block; float:left; }*/ #banner_468_60 { border: 1px solid #fff; margin-left: 10px; margin-right: 10px; float:left; } #banner_468_60_tango { border: 1px solid #fff; margin-left: 10px; margin-right: 10px; width: 468px; margin: 0 auto 0 auto; } #banner_234_60 { border: 1px solid #fff; margin-left: 10px; margin-right: 10px; float:left; } #feature-banner { width: 720px; margin: 20px auto 0 auto; border: 1px solid #fff; } /* HEADER */ #header { height: 116px; width: 760px; background-color: #000000; background: url(../images/header_background.gif) top left no-repeat; } #page-heading { width: 760px; } #page-heading h2 { display: none; visibility: hidden; } .home { height: 68px; background: url(../images/topbar_home.jpg) top left no-repeat; } .corporate { height: 68px; background: url(../images/topbar_corporate.jpg) top left no-repeat;} .london { height: 68px; background: url(../images/topbar_london.jpg) top left no-repeat; } .manchester { height: 68px; background: url(../images/topbar_manchester.jpg) top left no-repeat; } .mumbai { height: 68px; background: url(../images/topbar_mumbai.jpg) top left no-repeat; } .whos-who { height: 68px; background: url(../images/topbar_whoswho.jpg) top left no-repeat;} .ctg { height: 68px; background: url(../images/topbar_ctg.jpg) top left no-repeat;} .merchandise { height: 68px; background: url(../images/topbar_merchandise.jpg) top left no-repeat;} .mailing-list { height: 68px; background: url(../images/topbar_mailinglist.jpg) top left no-repeat;} #search-box { float: right; width: 450px; height: 31px; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #fff; padding-top: 8px; } #search-box .text-field { width: 40%; font: 100% Verdana, Arial, Helvetica, sans-serif; color: #505050; background-color: #000; border: 1px solid #fff; padding: 3px; } #search-box .search { float: left; text-align: right; width: 410px; } #search-box .go-button { float: left; width: 20px; padding-top: 3px; padding-left: 5px; padding-right: 5px; } /* LOGO */ #logo { float:left; width: 127px; height: 105px; padding: 8px 0 0 30px; } #logo h1 { display: none; visibility: hidden; } /* MAIN NAVIGATION */ #main-menu { float: left; width: 583px; height: 61px; padding: 15px 10px 0 10px; } #top-menu { height: 31px; font: 76% Verdana, Arial, Helvetica, sans-serif; color: #fff; text-align: right; } #top-menu a:link, #top-menu a:visited, #top-menu a:active { color: #fff; text-decoration: none; outline: none; } #top-menu a:hover { color: #F00000; text-decoration: none; outline: none; } #choose-venue { width: 583px; height: 26px; } #choose-venue div { background-position: bottom left; background-repeat: no-repeat; float: right; } #choose-venue a { height: 18px; background-position: top left; background-repeat: no-repeat; display: block; outline: none; } #choose-venue a:hover { background-position: bottom left; outline: none; } #choose-venue span { display: none; visibility: hidden; } #location-manchester { margin-top: 3px; width: 110px; height: 18px; background-image: url(../images/b_manchester.gif); } #location-manchester a { width: 110px; background-image: url(../images/b_manchester.gif); } #location-manchester-selected { margin-top: 3px; width: 110px; background-image: url(../images/b_manchester.gif); } #book-tickets-for { float: right; width: 168px; height: 15px; background-image: url(../images/book_ticket_hint.gif); margin-top: 3px; } #location-divider { float: right; height: 18px; width: 1px; border: 0; border-right: 2px solid #fff; margin: 2px 11px 0 11px; } #location-london { margin-top: 3px; width: 68px; height: 18px; background-image: url(../images/b_london.gif); } #location-london a { width: 68px; height: 18px; background-image: url(../images/b_london.gif); } #location-london-selected { margin-top: 3px; width: 68px; height: 18px; background-image: url(../images/b_london.gif); } #location-mumbai { margin-top: 3px; width: 77px; height: 18px; background-image: url(../images/b_mumbai.gif); } #location-mumbai a { width: 77px; height: 18px; background-image: url(../images/b_mumbai.gif); } #location-mumbai-selected { margin-top: 3px; width: 77px; height: 18px; background-image: url(../images/b_mumbai.gif); } /* MAIN CONTENT FRAME */ #content-frame { background: url(../images/main_panel_background.gif) top left no-repeat; background-position: 170px 0; } #content-frame-mumbai { background: url(../images/main_panel_background_mumbai.gif) top left no-repeat; } #content-frame-wide { background: url(../images/main_panel_background_wide.gif) top left no-repeat; background-position: 170px 0; } /* LEFT PANEL */ #left-panel { float: left; width: 170px; background: url(../images/left_panel_background.gif) top left no-repeat; padding-bottom:10px; min-height: 330px; height: auto !important; height: 330px; } #sub-menu { font: 76% Verdana, Arial, Helvetica, sans-serif; color: #fff; } #sub-menu ul { margin: 0; padding: 19px 0 7px 12px; } #sub-menu li { line-height: 1.5em; float: none; white-space: nowrap; list-style-type: none; } #sub-menu a:link, #sub-menu a:visited, #sub-menu a:active { color: #fff; text-decoration: none; } #sub-menu a:hover { color: #F00000; text-decoration: none; } #sub-menu .drop-down { background: url(../images/show_hide.gif) no-repeat; cursor: pointer; width: 11px; height: 8px; line-height: 8px; margin-left: 2px; text-indent: -9999px; display: inline-block; vertical-align: middle; } #sub-menu .drop-down.hide { background-position: -11px 0; } #sub-menu .expandable { margin-top: 0 !important; padding-top: 0 !important; display: inline-block; } #sub-menu li.closed { display: none; visibility: hidden; } .expandable ul { padding: 0 6px !important; font-size: 0.9em; } /*#home-left { width: 149px; margin-left: auto; margin-right: auto; margin-top: 15px; }*/ .left-item { width: 149px; margin-left: 10px; margin-top: 10px; } /* SHOPPING CART */ #shopping-cart table { width: 400px; } #shopping-cart th { border-bottom: 1px solid #fff; font-weight: bold; font: 76% Verdana, Arial, Helvetica, sans-serif; padding: 5px; text-align: left; } #shopping-cart td { font: 76% Verdana, Arial, Helvetica, sans-serif; padding: 5px; border-top: 1px dotted #fff; } #shopping-cart .top { border: 0; } #shopping-cart .topproduct { font: 70% Verdana, Arial, Helvetica, sans-serif; border: 0; } #shopping-cart .topqty { text-align: center; border: 0; } #shopping-cart .topprice { text-align: right; border: 0; font-weight: bold; } #shopping-cart .product { font: 70% Verdana, Arial, Helvetica, sans-serif; } #shopping-cart .qty { text-align: center; } #shopping-cart .price { text-align: right; } #shopping-cart td.price { font-weight:bold; } #shopping-cart input.text { border: 1px solid #fff; background-color:#000; color:#fff; } #shopping-cart .subtotal { text-align: right; border: 0; border-top: 1px solid #fff; } #shopping-cart .subprice { text-align: right; border: 0; border-top: 1px solid #fff; font-weight: bold; } #shopping-cart .pandp { text-align: right; border: 0; } #shopping-cart .pandpprice { text-align: right; border: 0; font-weight: bold; } #shopping-cart .total { text-align: right; border: 0; border-bottom: 1px solid #fff; border-top: 1px solid #fff; } #shopping-cart .totalprice { text-align: right; font-weight: bold; border: 0; border-bottom: 1px solid #fff; border-top: 1px solid #fff; } #shopping-cart #buttons { text-align:right; margin-top: 20px; } #shopping-cart h5 { margin-bottom: 0; } #shopping-cart p { margin-top: 1em; } #shopping-cart div.left { float:left; width: 49%; } #shopping-cart div.right { float:right; width: 49%; } #shopping-cart select { border:1px solid #FFF; font: 100% Arial, Helvetica, sans-serif; color: #000; background-color:#fff; } /* NEW FORM STYLES FOR SHOPPING CART FORM - ADDED BY CK ON 26th JULY 2007 */ .shopping-cart-table { border-bottom: 1px solid #fff; } .shopping-cart-table th { font-size: 76%; text-align: left; font-weight: normal; border-bottom: 1px solid #fff; } .shopping-cart-table td { border-top: 1px dotted #fff; } .shopping-cart-table .topproduct { font-size: 70%; border: 0; } .shopping-cart-table .topqty { border: 0; } .shopping-cart-table .topprice { border: 0; font-size: 76%; font-weight: bold; text-align: right; } .shopping-cart-table .price { text-align: right; font-size: 76%; } .shopping-cart-table .product { font-size: 76%; } .shopping-cart-table input { border: 1px solid #fff; background-color:#fff; color:#000; } .shopping-cart-table .qty, .shopping-cart-table .topqty { text-align: center; } .shopping-cart-table .item-topprice { border: 0; font-size: 76%; font-weight: bold; text-align: right; } .shopping-cart-table .item-price { font-size: 76%; font-weight: bold; text-align: right; } #buttons { text-align:right; margin-top: 20px; } .shopping-cart-table-total { } .shopping-cart-table-total select { background-color: #fff; color: #000; font-size: 76%; border: 1px solid #fff } .shopping-cart-table-total .subtotal, .shopping-cart-table-total .pandp, .shopping-cart-table-total .total { font-size: 76%; text-align: right; } .shopping-cart-table-total .subtotal-price, .shopping-cart-table-total .pandp-price, .shopping-cart-table-total .total-price { font-size: 76%; font-weight: bold; text-align: right; } .shopping-cart-table-total .total, .shopping-cart-table-total .total-price { border-top: 1px solid #fff; border-bottom: 1px solid #fff; } .accepted-cards-secure { margin-left: auto; margin-right: auto; align: center; width: 342px; } #payment-form select { border: 1px solid #FFF; font: 70% Arial, Helvetica, sans-serif; color: #000; background-color:#fff; } #payment-form option { color: #000 background-color:#fff; } /* MINI CART */ #mini-cart { width: 149px; background: url(../images/shopping_cart_background.gif) top left; border-bottom: 1px solid #780000; border-top: 1px solid #780000; padding: 10px; margin-top: 15px; } #mini-cart .title { width: 147px; height: 14px; background: url(../images/your_shopping_basket.gif) top left no-repeat; margin-bottom: 10px; } #mini-cart .title span { display: none; visibility: hidden; } #mini-cart p { font: 70% Verdana, Arial, Helvetica, sans-serif; margin: 0; } .mini-cart-divider { height: 0; border: 0; border-top: 1px solid #fff; overflow: hidden; margin: 6px 0 6px 0; } #mini-cart .price { font-size: 110%; font-weight: bold; } #mini-cart-total { font-size: 74%; text-align: right; margin-bottom: 10px; } /* MAIN PANEL */ #main-panel { float: left; width: 400px; padding: 16px 10px 10px 10px; overflow: hidden; } #main-panel-mumbai { width: 740px; padding: 16px 10px 10px 10px; overflow: hidden; } #main-panel ul,ol { font: 70% Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 1em; padding: 0; } #main-panel li { margin: 0 0 0 1em; padding: 0; line-height: 1.3em; } #main-panel-wide { float: left; width: 570px; padding: 16px 10px 10px 10px; overflow: hidden; } #main-panel-wide ul,ol { font: 70% Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 1em; padding: 0; } #main-panel-wide li { margin: 0 0 0 1em; padding: 0; line-height: 1.3em; } #title { height: 26px; margin-bottom: 15px; } #title h3 { display: none; visibility: hidden; } #page-title { height: 26px; width: auto; } .for-hire-movie { width: 320px; margin: 0 auto 0 auto; border: 1px solid #fff; } #title .welcome-to-the-comedy-store-online { background: url(../images/title_welcome_to_the_comedy_store_online.gif) top left no-repeat; } #title .register { background: url(../images/title_register.gif) top left no-repeat; } #title .thank-you { background: url(../images/title_thank_you.gif) top left no-repeat; } #title .unsubscribe { background: url(../images/title_unsubscribe.gif) top left no-repeat; } #title .about-us { background: url(../images/title_about_us.gif) top left no-repeat; } #title .artist-representation { background: url(../images/title_artist_representation.gif) top left no-repeat; } #title .news { background: url(../images/title_news.gif) top left no-repeat; } #title .history { background: url(../images/title_history.gif) top left no-repeat; } #title .comedy-festival { background: url(../images/title_comedy_festival.gif) top left no-repeat; } #title .comedy-to-go { background: url(../images/title_comedy_to_go.gif) top left no-repeat; } #title .gallery { background: url(../images/title_gallery.gif) top left no-repeat; } #title .franchise { background: url(../images/title_franchise.gif) top left no-repeat; } #title .advertising { background: url(../images/title_advertising.gif) top left no-repeat; } #title .about-the-book { background: url(../images/title_about_the_book.gif) top left no-repeat; } #title .whats-on { background: url(../images/title_whats_on.gif) top left no-repeat; } #title .special-events { background: url(../images/title_special_events.gif) top left no-repeat; } #title .food-and-drink { background: url(../images/title_food_and_drink.gif) top left no-repeat; } #title .find-or-contact-us { background: url(../images/title_find_or_contact_us.gif) top left no-repeat; } #title .for-hire { background: url(../images/title_for_hire.gif) top left no-repeat; } #title .venue-hire { background: url(../images/title_venue_hire.gif) top left no-repeat; } #title .faq { background: url(../images/title_faq.gif) top left no-repeat; } #title .regular-shows { background: url(../images/title_regular_shows.gif) top left no-repeat; } #title .clothing { background: url(../images/title_clothing.gif) top left no-repeat; } #title .books { background: url(../images/title_books.gif) top left no-repeat; } #title .cds { background: url(../images/title_cds.gif) top left no-repeat; } #title .memorabilia { background: url(../images/title_memorabilia.gif) top left no-repeat; } #title .profile { background: url(../images/title_profile.gif) top left no-repeat; } #title .search { background: url(../images/title_search.gif) top left no-repeat; } #title .shopping-cart { background: url(../images/title_shopping_cart.gif) top left no-repeat; } #title .all { background: url(../images/title_view_all.gif) top left no-repeat; } #title .terms-and-conditions { background: url(../images/title_terms_and_conditions.gif) top left no-repeat; } #title .preview { background: url(../images/title_preview.gif) top left no-repeat; } #title .tickets-and-information { background: url(../images/title_tickets_information.gif) top left no-repeat; } #title .job-vacancies { background: url(../images/title_job_vacancies.gif) top left no-repeat; } #title .parking-offer { background: url(../images/title_parking_offer.gif) top left no-repeat; } #title .monthly-prizes { background: url(../images/title_monthly_prizes.gif) top left no-repeat; } #title .register-for-king-gong { background: url(../images/title_register_for_king_gong.gif) top left no-repeat; } #title .whats-on-calendar { background: url(../images/title_whats_on_calendar.gif) top left no-repeat; } #title .booking-confirmed { background: url(../images/title_booking_confirmed.gif) top left no-repeat; } #title .what-is-the-cutting-edge { background: url(../images/title_what_is_the_cutting_edge.gif) top left no-repeat; } #title .london-360-views { background: url(../images/title_london360views.gif) top left no-repeat; } #title .manchester-360-views { background: url(../images/title_manchester360views.gif) top left no-repeat; } #title .mumbai { background: url(../images/title_mumbai.gif) top left no-repeat; } #title .christmas-shows { background: url(../images/title_christmasshows.gif) top left no-repeat; } #title .manchester-comedy-festival { background: url(../images/title_manchester_comedy_festival.gif) top left no-repeat; } #title .restaurant-dining { background: url(../images/title_restaurant_dining.gif) top left no-repeat; } #title .bar-informal-dining { background: url(../images/title_bar_informal_dining.gif) top left no-repeat; } #title .pizza { background: url(../images/title_pizza.gif) top left no-repeat; } #title .private-bar { background: url(../images/title_private_bar.gif) top left no-repeat; } #title .expect-the-unexpected { background: url(../images/title_expect_the_unexpected.gif) top left no-repeat; } #title .king-gong { background: url(../images/title_king_gong.gif) top left no-repeat; } #title .best-in-stand-up-friday { background: url(../images/title_best_in_stand_up.gif) top left no-repeat; } #title .best-in-stand-up-saturday { background: url(../images/title_best_in_stand_up.gif) top left no-repeat; } #title .new-stuff { background: url(../images/title_new_stuff.gif) top left no-repeat; } #title .comedysportz { background: url(../images/title_comedysportz.gif) top left no-repeat; } #title .stand-up-wednesday { background: url(../images/title_stand_up_wednesday.gif) top left no-repeat; } #title .stand-up-thursday { background: url(../images/title_stand_up_thursday.gif) top left no-repeat; } #title .cofilmic-film-festival { background: url(../images/cofilmic-film-festival.gif) top left no-repeat; } #title .valentines-day { background: url(../images/title_valentines_shows.gif) top left no-repeat; } #title .a { background: url(../images/title_a.gif) top left no-repeat; } #title .b { background: url(../images/title_b.gif) top left no-repeat; } #title .c { background: url(../images/title_c.gif) top left no-repeat; } #title .d { background: url(../images/title_d.gif) top left no-repeat; } #title .e { background: url(../images/title_e.gif) top left no-repeat; } #title .f { background: url(../images/title_f.gif) top left no-repeat; } #title .g { background: url(../images/title_g.gif) top left no-repeat; } #title .h { background: url(../images/title_h.gif) top left no-repeat; } #title .i { background: url(../images/title_i.gif) top left no-repeat; } #title .j { background: url(../images/title_j.gif) top left no-repeat; } #title .k { background: url(../images/title_k.gif) top left no-repeat; } #title .l { background: url(../images/title_l.gif) top left no-repeat; } #title .m { background: url(../images/title_m.gif) top left no-repeat; } #title .n { background: url(../images/title_n.gif) top left no-repeat; } #title .o { background: url(../images/title_o.gif) top left no-repeat; } #title .p { background: url(../images/title_p.gif) top left no-repeat; } #title .q { background: url(../images/title_q.gif) top left no-repeat; } #title .r { background: url(../images/title_r.gif) top left no-repeat; } #title .s { background: url(../images/title_s.gif) top left no-repeat; } #title .t { background: url(../images/title_t.gif) top left no-repeat; } #title .u { background: url(../images/title_u.gif) top left no-repeat; } #title .v { background: url(../images/title_v.gif) top left no-repeat; } #title .w { background: url(../images/title_w.gif) top left no-repeat; } #title .x { background: url(../images/title_x.gif) top left no-repeat; } #title .y { background: url(../images/title_y.gif) top left no-repeat; } #title .z { background: url(../images/title_z.gif) top left no-repeat; } .week-commencing { float: left; width: 325px; margin-bottom: 4px; text-align: right; } .go-button { float: left; width: 30px; padding-top: 2px; } #filter-search { width: 398px; border: 1px solid #fff; padding-top: 5px; margin-bottom: 15px; text-align: center; } #filter-search select { border:1px solid #FFF; font: 70% Arial, Helvetica, sans-serif; color: #FFF; background-color:#000000; } #filter-search option { color: #FFF; background-color:#000000; } #filter-search label { font: 70% Verdana, Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; text-align: left;} .select-week { border-top: 1px solid #FFF; height: 21px; } .select-week div { height: 21px; background-position: bottom left; background-repeat: no-repeat; float: left; } .select-week a { height: 21px; background-position: top left; background-repeat: no-repeat; color:#FFFFFF; text-decoration: underline; } .select-week strong { color: #FFF; } .select-week a:hover { background-position: bottom left; } .select-week span { display: none; visibility: hidden; } #filter-search .page-numbers { width: 200px; height: 15px; text-align: center; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #607DB7; line-height: 1em; margin: 0; padding-top: 4px; } .this-week { width: 132px; background-image: url(../images/pagination_thisweek.gif); } .this-week a { width: 132px; background-image: url(../images/pagination_thisweek.gif); display: block; } .this-week-selected { width: 132px; background-image: url(../images/pagination_thisweek.gif); } .prev-week { width: 133px; background-image: url(../images/pagination_prevweek.gif); } .prev-week a { width: 133px; background-image: url(../images/pagination_prevweek.gif); display: block; } .prev-week-selected { width: 133px; background-image: url(../images/pagination_prevweek.gif); } .next-week { width: 133px; background-image: url(../images/pagination_nextweek.gif); } .next-week a { width: 133px; background-image: url(../images/pagination_nextweek.gif); display: block; } .next-week-selected { width: 133px; background-image: url(../images/pagination_nextweek.gif); } .float-right-image { float: right; margin-left: 15px; border: 1px solid #780000; clear: right; margin-bottom: 5px; } .content-image { width: 400px; text-align: center; } .content-image-margin6 { width: 400px; text-align: center; margin-top: 6px; } .single-image { border: 1px solid #F00000; } .image-left { margin-right: 4px; border: 1px solid #F00000; } .image-right { margin-left: 4px; border: 1px solid #F00000; } .image-left-noborder { margin-right: 4px; } .image-right-noborder { margin-left: 4px; } #home-listings-left { float: left; width: 190px; padding-right: 10px; border-right: 1px solid #780000; } #home-listings-left p { font-weight: bold; margin-bottom: 0.7em; margin-top: 0; line-height: 1.2em; } #home-listings-right { float: left; width: 189px; padding-left: 9px; font-weight: bold; } #home-listings-right p { font-weight: bold; margin-bottom: 0.7em; margin-top: 0; line-height: 1.2em; } .listings-title { height: 30px; margin-bottom: 10px; } .listings-title span { display: none; visibility: hidden; } .listings-title a { width: 190px; height: 30px; display: block; } .listings-title-london { height: 30px; width: 190px; border-top: 1px solid #F00000; border-bottom: 1px solid #F00000; background: url(../images/home_listings_london.jpg) top left no-repeat; } .listings-title-manchester { height: 30px; width: 190px; border-top: 1px solid #F00000; border-bottom: 1px solid #F00000; background: url(../images/home_listings_manchester.jpg) top left no-repeat; } .back-to-top { background: url(../images/top_arrow.gif) no-repeat; background-position: 0 6px; padding: 2px 0 0 10px; border-top: 1px solid #780000; } .back { background: url(../images/left_arrow.gif) no-repeat; background-position: 0 4px; padding: 0 0 2px 12px; border-bottom: 1px solid #780000; } .anchor-links { color: #F00000; font: 70% Verdana, Arial, Helvetica, sans-serif; text-align: center; border: 1px solid #F00000; padding: 0.2em; background-color: #240000; line-height: 1.5em; } .anchor-links a:active, .anchor-links a:link, .anchor-links a:visited { text-decoration: none; color: #fff; } .anchor-links a:hover { text-decoration: underline; color: #fff; } #a-z-menu { margin-left: 10px; margin-bottom:30px; } #a-z-menu img { /*width: 24px; height: 24px;*/ float: left; margin: 0 1px 1px 0; } #whoswho-column1 { width: 199px; border-right: 1px solid #F00000; float: left; line-height: 1.8em; } #whoswho-column2 { width: 190px; float: left; line-height: 1.8em; padding-left: 10px; } .divider { height: 0; border-top: 1px solid #780000; overflow: hidden; margin: 0 0 10px 0; } .merchandise-img { width: 100px; float: left; margin-right: 10px; } .merchandise-img img { border: 1px solid #FFF; } .merchandise-text { width: 287px; float: left; } .merchandise-item-container img { border: 1px solid #FFF; float:right; margin-left: 10px; margin-bottom: 10px; clear:right; } .merchandise-item-container { width: 100%; margin-bottom: 10px; margin-top: 10px; } .merchandise-item-container h4 { margin: 0; } .merchandise-item-container h5 { margin: 0; color: #F00000; } .merchandise-item-container p { margin: 5px 0 0 0; } /*.merchandise-item-container .price { font: 85% Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin: 10px 0 0 0; float:left; }*/ .merchandise-item-container .detail-price { font: 85% Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin: 10px 0 10px 0; } /*.merchandise-item-container .cart { margin: 11px 0 0 0; float: right; }*/ .download-listings { font-size: 80%; padding: 7px; } .download-listings img { float: left; margin: 9px 10px 0 0; } .b-top { border-top: 1px solid #780000; margin-top: 20px; } .b-bottom { border-bottom: 1px solid #780000; } #stwrapper {top: 74px !important;} .sharethis-wrap { position: relative; width: 400px; height: 24px; } .sharethis-wrap .st_sharethis { position: absolute; right: 0; bottom: 0; } .chicklets {color: #fff !important;} .merchandise-item-container #samples-header { height: 15px; overflow: hidden; border-bottom: 1px solid #780000; background-color: #240000; margin: 0; margin-bottom: 10px; padding: 3px 0 3px 10px; font-weight:bold; text-align:left; } .merchandise-item-container #samples { text-align:center; margin-top: 10px; border: 1px solid #780000; padding-bottom: 10px; } .merchandise-item-container #tracks-header { width: 388px; height: 15px; overflow: hidden; border-bottom: 1px solid #780000; background-color: #240000; margin: 0; padding: 3px 0 3px 10px; } .merchandise-item-container #tracks { margin: auto; margin-top: 10px; width: 398px; border: 1px solid #780000; } #tracks .col { width: 189px; padding: 5px 0 10px 10px; float: left; } .text-field { border: 1px solid #fff; background-color:#fff; color:#000; font: 90% Arial, Helvetica, sans-serif; padding-right: 2px; } .select-field { border: 1px solid #FFF; background-color:#fff; color:#000; font: 90% Arial, Helvetica, sans-serif; } .payment-title { font: 70% Verdana, Arial, Helvetica, sans-serif; font-weight: bold !important; color: #F00000; text-align: center !important; } /* MERCHANDISE HOME */ #merchandise { width: 400px; } #merchandise .banner { margin-bottom: 10px; } #merchandise .item { width: 127px; float: left; margin-bottom: 10px; margin-right: 10px;} #merchandise .item2 { width: 126px; float: left; margin-bottom: 10px; } /* RIGHT PANEL */ #right-panel { float: left; width: 150px; padding: 16px 10px 10px 10px; background: url(../images/right_panel_background.gif) top left no-repeat; } .right-title { height: 21px; margin-bottom: 15px; } .right-double-title { height: 47px; margin-bottom: 15px; } .right-double-title h3, .right-title h3 { display: none; visibility: hidden; } .right-page-title { height: 21px; width: 150px; } .right-double-title .right-page-title { height: 47px; } .right-title #special-events { background: url(../images/right_special_events.gif) top left no-repeat; } .right-title #regular-shows { background: url(../images/right_regular_shows.gif) top left no-repeat; } .right-double-title #expect-the-unexpected { background: url(../images/right_expect_the_unexpected.gif) top left no-repeat; } .regular-show { width: 150px; margin-bottom: 10px;} .special-event { width: 150px; } .special-event .text { font: 65% Verdana, Arial, Helvetica, sans-serif; padding: 5px; text-align: center; margin-bottom: 10px; } /* FORM ELEMENTS */ form { display: inline; } /* LISTINGS TEXT */ #listings { } #listings h4 { font: 80% Verdana, Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; margin: 0; line-height: 1em; } #listings h5 { font: 80% Verdana, Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; margin: 0; line-height: 1em; } #listings p { font: 70% Verdana, Arial, Helvetica, sans-serif; color: #fff; margin: 0; margin-bottom:0.5em; line-height: 1.3em; } #listings .grey-italic { font-style: italic; color: #999999; margin-top: 0.3em } #listings .red { color: #F00000; font-weight: bold; } /* TEXT */ .listings-divider { border: 0; border-top: 1px solid #820A0A; margin: 10px 0 10px 0; } p { font: 70% Verdana, Arial, Helvetica, sans-serif; color: #fff; margin-bottom: 1.3em; margin-top: 1.3em; line-height: 1.3em; } .yellow { color: #FF9900; } .grey { color: #999; } .green { color: #79C431; } .red { color: #f00; } .blue { color: #5795FA; } .grey-italic { font-style: italic; color: #999999; margin-top: 0.3em } span.grey-italic { font: 70% Verdana, Arial, Helvetica, sans-serif; font-style: italic; color: #999999; margin-top: 0.3em } h4 { font: 80% Verdana, Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; line-height: 1em; } h4.large { font: 80% Verdana, Arial, Helvetica, sans-serif; color: #F00000; font-weight: bold; line-height: 1em; text-align:center; } .red { color: #F00000; font-weight: bold; } a:active, a:link, a:visited { color: #F00000; text-decoration: underline; outline: none; } a:hover { color: #990000; text-decoration: underline; outline: none; } /*ul { padding: 0; margin: 0 0 0 1.8em; } li { font: 70% Verdana, Arial, Helvetica, sans-serif; color: #fff; }*/ /* WHO'S WHO */ #whos-who-profile h4 { margin: 0px; } #whos-who-profile img { border: 1px solid #F00000; float:right; clear:right; margin-left: 15px; margin-bottom: 10px; } /* SPECIAL EVENT MAIN PANEL */ #special-event-main h4 { font-size: 90%; margin: 0; margin-top: 10px; margin-bottom: 4px; } #special-event-main .date-text { font: 80% Verdana, Arial, Helvetica, sans-serif; } #special-event-main .image-wrap { width:160px; float:left; margin-top: 10px; } #special-event-main .event-details { width:240px; float:left; margin-top: 10px; } #special-event-main .price-text { font-size: 130%; margin: 1em 0; } .event-details p { margin: 0; margin-bottom: 4px; } .MsoNormal span, .white { color: #fff !important; } .red { color:#F00000; } /* FEATURED PERFORMER BOX */ #fp-top { width: 400px; height: 15px; background-image:url(../images/next_performance_top.gif); background-repeat:no-repeat; overflow: hidden; } #fp-bottom { width: 353px; padding-left: 45px; border-left: 1px solid #780000; border-right: 1px solid #780000; border-bottom: 1px solid #780000; background-image: url(../images/next_performance_bottom.gif); background-repeat: no-repeat; background-color: #240000; padding-bottom: 15px; } #fp-bottom h4 { color: #F00000; margin: 0; } #fp-bottom h4 span { font-size: 75%; font-weight:normal;} #fp-bottom #col1 { width:253px; float:right; } #fp-bottom #col1 img { border: 0; float:none; padding: 0; margin:0; } #fp-bottom #col2 { width:100px; float:left; } #fp-bottom img { float:left; margin-left: 10px; border: 1px solid #F00000; } /* NEXT PERFORMANCE BOX */ #np-top { width: 400px; height: 15px; background-image: url(../images/next_performance_top.gif); background-repeat: no-repeat; overflow: hidden; } #np-bottom { width: 353px; padding: 15px 0 15px 45px; border-left: 1px solid #780000; border-right: 1px solid #780000; border-bottom: 1px solid #780000; background-image: url(../images/next_performance_bottom.gif); background-repeat: no-repeat; background-color: #240000; } #np-bottom .divider { border: 0; border-top: 1px dotted #820A0A; width: 338px; margin: 10px 0 10px 0; overflow: hidden; } #np-bottom h5 { margin: 0; } #np-bottom p { margin-bottom: 0; } #np-bottom img { border: 0; float:right; margin-right:15px; margin-top: -2px; } /* CHECKOUT PAGE */ .checkout-form { padding: 0 13px 0 12px; } .checkout-form label { font: 70% Verdana, Arial, Helvetica, sans-serif; color: #fff; } .checkout-form th { text-align: right; vertical-align:top; font-weight:normal; } .checkout-form .error { color: #F00000; font-weight: bold; white-space:nowrap; } .error { color: #F00000; font-weight: bold; } .checkout-form td { text-align: left; vertical-align:top; font-weight:normal; } .checkout-form .text-field { width: 95%; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #000; background-color: #fff; border: 1px solid #ccc; padding: 3px; } .checkout-form .select-field { width: 98%; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #000; background-color: #fff; border: 1px solid #ccc; padding: 3px; } .checkout-form select { font: 70% Verdana, Arial, Helvetica, sans-serif; color: #000; background-color: #fff; border: 1px solid #ccc; padding: 3px; } /* MAILING LIST */ /*.mailinglist-form { padding: 0 13px 0 12px; } .mailinglist-form label { font: 70% Verdana, Arial, Helvetica, sans-serif; color: #fff; } .mailinglist-form th { text-align: right; vertical-align:top; font-weight:normal; } .mailinglist-form .error { color: #F00000; font-weight: bold; white-space:nowrap; } .error { color: #F00000; font-weight: bold; } .mailinglist-form td { text-align: left; vertical-align:top; font-weight:normal; } .mailinglist-form .text-field { width: 95%; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #fff; background-color: #000; border: 1px solid #ccc; padding: 3px; } .mailinglist-form .select-field { width: 98%; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #fff; background-color: #000; border: 1px solid #ccc; padding: 3px; } .mailinglist-form select { font: 70% Verdana, Arial, Helvetica, sans-serif; color: #fff; background-color: #000; border: 1px solid #ccc; padding: 3px; }*/ #mailinglist-form { padding: 0 13px 0 12px; } #mailinglist-form label { font: 70% Verdana, Arial, Helvetica, sans-serif; color: #fff; } #mailinglist-form th { text-align: right; vertical-align:top; font-weight:normal; } #mailinglist-form .error { color: #F00000; font-weight: bold; white-space:nowrap; } #mailinglist-form td { text-align: left; vertical-align:top; font-weight:normal; } #mailinglist-form .text-field { width: 95%; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #000; background-color: #fff; border: 1px solid #ccc; padding: 3px; } #mailinglist-form .select-field { width: 98%; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #000; background-color: #fff; border: 1px solid #ccc; padding: 3px; } /* GALLERY */ #gallery-large { text-align:center; } #gallery { width: 363px; margin: 0 17px 0 17px; border-top: 1px solid #780000; border-left: 1px solid #780000; } #gallery .col { float:left; width: 120px; height: 121px; text-align:center; border-bottom: 1px solid #780000; border-right: 1px solid #780000; } #gallery img, #gallery-large img { border: 1px solid #FFF; } /* PAGINATION */ #pagination { width: 398px; height: 21px; border: 1px solid #FFFFFF; margin: 20px 0 20px 0; } #pagination div { height: 21px; background-position: bottom left; background-repeat: no-repeat; float: left; } #pagination a { height: 21px; background-position: top left; background-repeat: no-repeat; color:#FFFFFF; text-decoration:underline; } #pagination strong { color: #FFF; } #pagination a:hover { background-position: bottom left; } #pagination span { display: none; visibility: hidden; } #pagination .page-numbers { width: 198px; height: 15px; text-align: center; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #607DB7; line-height: 1em; margin: 0; padding-top: 4px; } .first { width: 50px; background-image: url(../images/pagination_first.gif); } .first a { width: 50px; background-image: url(../images/pagination_first.gif); display: block; } .first-selected { width: 50px; background-image: url(../images/pagination_first.gif); } .prev { width: 50px; background-image: url(../images/pagination_prev.gif); } .prev a { width: 50px; background-image: url(../images/pagination_prev.gif); display: block; } .prev-selected { width: 50px; background-image: url(../images/pagination_prev.gif); } .next { width: 50px; background-image: url(../images/pagination_next.gif); } .next a { width: 50px; background-image: url(../images/pagination_next.gif); display: block; } .next-selected { width: 50px; background-image: url(../images/pagination_next.gif); } .last { width: 50px; background-image: url(../images/pagination_last.gif); } .last a { width: 50px; background-image: url(../images/pagination_last.gif); display: block; } .last-selected { width: 50px; background-image: url(../images/pagination_last.gif); } /* COMEDY TO GO */ #ctg-left-column { float: left; width: 200px; border-right: 1px solid #780000; } #ctg-right-column { float: left; width: 190px; padding-left: 9px; } .ctg-title { height: 30px; margin-bottom: 10px; } .ctg-title span { display: none; visibility: hidden; } .ctg-title a { width: 190px; height: 30px; display: block; } #ctg-title-bolton { height: 30px; width: 190px; border-top: 1px solid #F00000; border-bottom: 1px solid #F00000; background: url(../images/ctg_bolton.jpg) top left no-repeat; } #ctg-title-bournemouth { height: 30px; width: 190px; border-top: 1px solid #F00000; border-bottom: 1px solid #F00000; background: url(../images/ctg_bournmouth.jpg) top left no-repeat; } #ctg-title-durham { height: 30px; width: 190px; border-top: 1px solid #F00000; border-bottom: 1px solid #F00000; background: url(../images/ctg_durham.jpg) top left no-repeat; } #ctg-title-norwich { height: 30px; width: 190px; border-top: 1px solid #F00000; border-bottom: 1px solid #F00000; background: url(../images/ctg_norwich.jpg) top left no-repeat; } #ctg-title-warrington { height: 30px; width: 190px; border-top: 1px solid #F00000; border-bottom: 1px solid #F00000; background: url(../images/ctg_warrington.jpg) top left no-repeat; } #ctg-title-middle-east { height: 30px; width: 190px; border-top: 1px solid #F00000; border-bottom: 1px solid #F00000; background: url(../images/ctg_middle_east.jpg) top left no-repeat; } #ctg-title-far-east { height: 30px; width: 190px; border-top: 1px solid #F00000; border-bottom: 1px solid #F00000; background: url(../images/ctg_far_east.jpg) top left no-repeat; } #ctg-title-geneva { height: 30px; width: 190px; border-top: 1px solid #F00000; border-bottom: 1px solid #F00000; background: url(../images/ctg_geneva.jpg) top left no-repeat; } #ctg-title-cleethorpes { height: 30px; width: 190px; border-top: 1px solid #F00000; border-bottom: 1px solid #F00000; background: url(../images/ctg_cleethorpes.jpg) top left no-repeat; } #ctg-title-rac-club-epsom { height: 30px; width: 190px; border-top: 1px solid #F00000; border-bottom: 1px solid #F00000; background: url(../images/ctg_epsom.jpg) top left no-repeat; } #ctg-title-kingston-rose-theatre { height: 30px; width: 190px; border-top: 1px solid #F00000; border-bottom: 1px solid #F00000; background: url(../images/ctg_kingston_rose_theatre.jpg) top left no-repeat; } #ctg-title-norwich-unthank-comedy { height: 30px; width: 190px; border-top: 1px solid #F00000; border-bottom: 1px solid #F00000; background: url(../images/ctg_unthank_comedy_festival.jpg) top left no-repeat; } #ctg-title-sandown-park-races { height: 30px; width: 190px; border-top: 1px solid #F00000; border-bottom: 1px solid #F00000; background: url(../images/ctg_sandown_park_races.jpg) top left no-repeat; } #ctg-title-woodville-halls-gravesend { height: 30px; width: 190px; border-top: 1px solid #F00000; border-bottom: 1px solid #F00000; background: url(../images/ctg_woodville_halls.jpg) top left no-repeat; } #ctg-title-southbank-e4-udderbelly { height: 30px; width: 190px; border-top: 1px solid #F00000; border-bottom: 1px solid #F00000; background: url(../images/ctg_southbank_e4_udderbelly.jpg) top left no-repeat; } #ctg-title-eightys-rewind-festival-henley { height: 30px; width: 190px; border-top: 1px solid #F00000; border-bottom: 1px solid #F00000; background: url(../images/ctg_80s_rewind_festival.jpg) top left no-repeat; } #ctg-title-the-hurlingham-club { height: 30px; width: 190px; border-top: 1px solid #F00000; border-bottom: 1px solid #F00000; background: url(../images/ctg_the_hurlingham_club.jpg) top left no-repeat; } #ctg-title-portman-square-w1 { height: 30px; width: 190px; border-top: 1px solid #F00000; border-bottom: 1px solid #F00000; background: url(../images/ctg_portman_square_w1.jpg) top left no-repeat; } .event-box { margin-bottom: 20px; } .event-box p { margin: 0; margin-top: 0.5em; line-height: 1.3em; } .event-box h4 { margin: 0; font-size: 76%; } /* REGULAR EVENTS */ #regular-events { } #regular-events h4 { font: 80% Verdana, Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; margin: 0; margin-top: 1em; line-height: 1em; } #regular-events p { font: 70% Verdana, Arial, Helvetica, sans-serif; color: #fff; margin: 0; margin-bottom: 1em; line-height: 1.3em; } /* FOOTER */ #footer { width: 760px; margin-left: auto; margin-right: auto; padding-top: 5px; background-repeat: no-repeat; } #footer-copyright { width: 640px; float: left; font-size: 58%; color: #666666; } #footer-credit { font-size: 58%; width: 120px; height: 22px; float: left; text-align: right; color: #666666; } #footer-credit-logo{ height: 22px; display:block; padding-right: 36px; background: url(../images/credit_2c.gif) top right no-repeat; } #footer-credit-logo { text-decoration: none; color:#666666; } #footer-credit-logo:hover { background-position: bottom right; } #footer-credit-logo span { display:none; } /* CSS ADDITIONS FOR MERCHANDISE SECTION - ADDED BY CK ON 10th APRIL 07 */ .purchase-options { width: 268px; border: 1px solid #820A0A; background-color: #300000; margin: 10px 0 0 0; padding: 10px; } .detail { width: 378px; } .purchase-options .price { /*width: 178px;*/ width: 68px; float: left; font-weight: bold; font-size: 86%; } .purchase-options .price.detail { width: 178px; } .purchase-options .quantity { width: 100px; float: left; text-align: right; font-size: 76%; } .purchase-options .add-to-cart { width: 100px; float: left; text-align: right; padding-top: 1px; } .shirt-options { width: 268px; border: 1px solid #820A0A; border-bottom: 0; background-color: #300000; margin: 10px 0 0 0; padding: 10px; } .sizes { width: 50%; float: left; } .sizes select, .colour select { border: 1px solid #FFF; background-color:#fff; color:#000; font: 64% Arial, Helvetica, sans-serif; } .sizes strong, .colour strong { font-size: 70%; } .colour { width: 50%; float: left; text-align: right; } .column1 { width: 102px; float: left; margin-right: 10px; margin-bottom: 10px; } .column1 img { border: 1px solid #fff; } .column2 { width: 288px; float: left; margin-bottom: 10px; } .column2-detail { width: 398px; margin-bottom: 10px; } .column2 h4 { margin: 0; } .column2 h5 { margin: 0; color: #F00000; } .column2 p { margin: 5px 0 0 0; } .over-18-message { border: 1px solid #780000; background-color: #240000; padding: 10px; margin-bottom: 10px; } .over-18-message p { margin: 0; color: #fff; } /* Whats On Social Networking Icons */ .social-icons { width: auto; height: 30px; margin: 0 0 10px 0; } .social-icons div { width: 30px; height: 30px; float: left; margin-right: 8px; }