/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Author: Adrian Jacob / adrian@firechaser.com Type: Screen, Projection Info: Screen and projection stylesheet for Southbank Centre Created: 10/03/2009 Modified: 16/06/2010 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ * { margin:0px; padding:0px; } html,body { height:100%; } body { font:62.5%/1.6em Arial,Verdana,Helvetica,sans-serif; background:#FFF; color:#555; text-align:center; } input,textarea,select { font:1.0em Arial,Verdana,Helvetica,sans-serif; } th,td { font:1.0em Arial,Verdana,Helvetica,sans-serif; } ul,ol { list-style:none; } img { display:block; border:0; } a { color:#0C92CF; text-decoration:none; outline:none; font-weight:bold; } a:hover { text-decoration:underline; } #sagepay { height:420px; width:100%; border:0px; margin:-25px 0 -4px 0; } #secure { position:absolute; top:15px; right:15px; } #secure div { float:left; margin-left:15px; } #secure .mcsc, #secure .vbv { position:relative; top:4px; } .sagepayh2 { position:relative; top:-5px; } .sagepayh1 { padding-bottom:23px; } #thawteseal { padding:0px !important; margin:0px !important; } #form-voucher { border-bottom:1px solid #CFCFCF; margin-bottom:15px; padding-bottom:20px; } #form-voucher p { margin:0 0 8px 0 !important; padding:0px !important; } #form-voucher input { margin-top:6px; } .sagecms { position:relative; top:-15px; color:#333; } tr.voucher td { background:#EEE url(dots.gif) top left repeat-x !important; padding-top:10px !important; padding-bottom:10px !important; } table.basket2 th { color:#333 !important; font-weight:bold; background:#EEE url(dots.gif) bottom left repeat-x !important; } table.basket2 .total td { background:#EEE url(dots.gif) top left repeat-x !important; color:#333 !important; } table.basket2 .sub td { background:#FFF !important; } table.basket2 .voucher td { padding-top:0px !important; } #thankyou-print { float:right; margin-right:15px; } #thankyou-print p { text-align:right; margin:0 0 8px 0 !important; } /* ----- IDS ----- */ #accessibility { position:absolute; top:-100px; } #container { font-size:1.2em; text-align:left; width:960px; margin:0 auto; background:#E6E6E6; min-height:100%; } #header { background:#D6083B url(header-bg.gif); height:134px; width:960px; position:relative; } #header a { color:#FFF; } #header ul { position:absolute; margin:0px; padding:0px; } #body { background:url(body-bg.gif) top left; border-bottom:10px solid #FFF; padding:10px; } #body p { margin-bottom:15px; } #body ul, #body ol { margin:15px; } #body li { background:url(bullet1.gif) 0 5px no-repeat; padding-left:10px; } #breadcrumb { background:url(breadcrumb-bg.gif) bottom right no-repeat; color:#CCC; margin-bottom:10px; } #breadcrumb strong { color:#FFF; } #breadcrumb a { color:#CCC; text-decoration:underline; background:url(bullet3.gif) 100% 5px no-repeat; padding-right:8px; margin-right:2px; } #breadcrumb a:hover { color:#FFF; } #breadcrumb p { padding:8px 10px; margin:0px; } #breadcrumb span { display:none; } #quick-links { margin-top:0px; } #search-by-date { position:relative; } #search-by-date .padding10 { padding:0px 10px 10px 10px; } #search-by-date ul { margin:0px; padding-top:0px; position:absolute; bottom:9px; } #top-right { height:32px; margin-left:10px; margin-bottom:10px; } #top-right a { display:block; height:32px; } #top-right a:hover { text-decoration:none; } #top-right span { position:absolute; top:-1000px; } #home #box1 { width:340px; min-height:338px; margin-right:10px; } #home #box2 { width:353px; min-height:189px; } #home #box3 { width:353px; min-height:139px; } #home ul { margin:6px 0 0 107px; } #home li { margin-top:4px; } #home .title { padding:0px; } #home #box1 ul { margin:10px 0 0 0px; } #home #box1 .title { margin-bottom:10px !important; } #minibasket { width:256px; height:71px; position:absolute; top:10px; right:10px; background:url(basket-bg.gif) no-repeat; color:#FFF; } #minibasket div { position:relative; width:256px; height:71px; } #minibasket .title { padding:0px; color:#FFF; font-size:1.1em; position:absolute; top:7px; left:10px; } #minibasket .items { position:absolute; top:7px; right:10px; } #minibasket .items span { font-size:0.9em; color:#e1c2d1; } #minibasket li { background:none; padding:0px; margin:0px; } #minibasket .basket-view a { display:block; width:127px; height:22px; position:absolute; top:39px; left:10px; background:url(btn-view-basket.gif) no-repeat; } #minibasket .basket-checkout a { display:block; width:195px; height:22px; position:absolute; top:39px; left:51px; background:url(btn-checkout.gif) no-repeat; } #minibasket li span { position:absolute; top:-500px; } #minibasket .totalcost { position:absolute; bottom:10px; right:10px; font-size:1.2em; } #selectpackage strong { color:#000; } #selectpackage fieldset { display:inline; } #selectpackage form { margin-top:-10px; } #home #box2 img, #home #box3 img { position:absolute; margin-top:10px; } #messages { background:#ffffe1; border-bottom:1px solid #dfe0c4; border-top:1px solid #dfe0c4; padding:10px 0; position:relative; top:-15px; color:#000; margin-bottom:10px; } #messages p { margin:0px 15px; background:url(icon-message.gif) 0 1px no-repeat; padding:2px 0 2px 22px; } /*#messages img { float:right; padding-left:60px; position:relative; top:-28px; left:-15px; }*/ #messages .small { font-size:0.9em; color:#555; line-height:1.3em; display:block; padding-top:2px; } #errors { background:#fef2f4; border-bottom:1px solid #d6083b; border-top:1px solid #d6083b; padding:10px 0; position:relative; top:-15px; color:#000; margin-bottom:10px; } #errors p { margin:0px 15px; background:url(icon-error.gif) 0 1px no-repeat; padding:2px 0 2px 22px; font-weight:bold; } #errors ul { margin:0px; } #errors li { margin:0px 15px; background:url(icon-error.gif) 0 1px no-repeat; padding:2px 0 2px 22px; font-weight:bold; } #errors img { float:right; padding-left:10px; position:relative; top:-13px; left:-15px; } #prod-info { min-height:263px; width:100%; margin:15px 0 20px 0; float:left; } #prod-info .prod-img-vid-series { float:left; width:350px; } #prod-info .prod-img-vid-series ul, #prod-info .prod-img-vid-series p { padding:0px; margin:0px; font-weight:bold; } #prod-info .prod-img-vid-series p { margin-top:10px; } #prod-info .prod-img-vid-series li { background-position:0 6px; } #prod-info .prod-details { background:#98025c url(prod-info-bg.gif) bottom right no-repeat; width:180px; float:right; min-height:263px; color:#FFF; position:relative; } #prod-info .prod-details .title { color:#FFF; padding:0px; } #prod-info .prod-details p { margin:0px; line-height:1.3em; padding:8px 10px 0px 10px !important; } #prod-info .prod-details div { padding-bottom:72px; } #prod-info span { width:65px; height:65px; background:url(prod-info.gif) no-repeat; position:absolute; top:-10px; left:-65px; z-index:10; } #prod-info .purple-box-a { position:absolute; bottom:10px; right:10px; } .prod-series ul, .prod-series p { padding:0px !important; margin:0px !important; font-weight:bold; } .prod-series p { margin-top:10px !important; margin-bottom:1px !important; } .prod-series li { background-position:0 7px !important; clear:both; float:left; width:97%; line-height:20px; } .prod-series img { display:inline; vertical-align:text-top; margin:-3px 0px 4px 0px; } .prod-series a { padding-bottom:0px; padding-right:5px; display:block; float:left; } .package-discount-available { padding:0px; display:inline; float:none; } #prod-right { float:right; width:180px; padding:0 0 15px 15px; position:relative; } #prod-right .prod-right { float:right; width:auto; margin-top:-7px; margin-bottom:23px; } .seatingplan { text-align:center; } .seatingplan img { margin:0 auto; } .new-window { background:url(new-window.gif) 100% 2px no-repeat; padding-right:14px; margin-right:4px; } #template-3-col .tabs-copy a.new-window:hover { background:url(new-window.gif) 100% 2px no-repeat !important; } #related-video-audio { float:right; position:relative; top:-7px; } #related-video-audio div { width:180px; background:#E7E7E7 url(related-video-audio-bg.gif) bottom right no-repeat; padding-bottom:3px; } #related-video-audio div.clear { width:auto !important; background:none !important; margin:0px !important; } #related-video-audio li { background:none !important; padding:0 10px 5px 10px !important; float:left; width:160px; } #related-video-audio a { display:block !important; width:139px !important; line-height:1.2em; padding-bottom:1px; padding-top:2px; } #related-video-audio .audio { background:url(icon-audio.gif) 0 0 no-repeat; padding-left:21px; } #related-video-audio .video { background:url(icon-video.gif) 0 1px no-repeat; padding-left:21px; } #listings-audio li { background:url(icon-audio2.gif) 0 0 no-repeat !important; padding-left:21px; margin-bottom:7px; } #listings-video.noborder, #listings-video.noborder li { background:none !important; } #template-3-col .tabs-copy #related-video-audio a.audio:hover { background:url(icon-audio.gif) 0 0 no-repeat !important; } #template-3-col .tabs-copy #related-video-audio a.video:hover { background:url(icon-video.gif) 0 1px no-repeat !important; } #carousel { margin:0px; } #va { margin:0px; } #va-wrapper { float:left; background:url(template-2-col-va-home2.gif) bottom right no-repeat; margin-top:10px; } #va-wrapper .title { padding:0px; margin-bottom:10px !important; } #va-wrapper .va1 { margin-left:-237px; margin-top:-114px; width:227px; position:relative; margin-right:10px; float:left; background:url(va-wrapper.gif) top left no-repeat; } #va-wrapper .va2 { width:347px; margin-right:10px; float:left; } #va-wrapper .va3 { width:346px; float:left; } #share ul { padding:0px 10px 10px 10px; margin:0px; } #share li { background:none; padding:0 0 0 22px; margin:0 0 5px 0; } #share .mail { background:url(icon-mail.gif) 0 2px no-repeat !important; } #share .facebook { background:url(icon-facebook.gif) 0 1px no-repeat; } #share .rss { background:url(icon-rss.gif) 0 0px no-repeat !important; } #share .twitter { background:url(icon-twitter.gif) 0 0px no-repeat; } #calendar { background:url(calendar-bg.gif) top left no-repeat; padding:0px !important; margin:0px !important; width:622px; height:30px; } #calendar li { float:left; margin-right:1px; background:none; padding:0px; } #calendar a { display:block; height:29px; background:#FFF; padding-left:15px; float:left; padding-right:15px; line-height:29px; opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60); } #calendar a.active { opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); height:30px; line-height:30px; } #calendar a.active:hover { text-decoration:none; } .singledate { position:relative; top:-26px; right:-9px; white-space:nowrap; } .singledate-btm { margin-top:-20px; } .singledate-btm .singledate { position:relative; top:24px; right:0px; padding:0px !important; margin:0px !important; } #press-releases { float:left; width:100%; padding:0px !important; margin:0px !important; } #press-releases li { background:url(dots.gif) bottom left repeat-x; padding:4px 0px 6px 0 !important; margin:0px !important; position:relative; width:100%; } #press-releases a { background:url(icon-pdf.gif) 0 3px no-repeat; padding:2px 80px 2px 21px; display:block; } #press-releases span { position:absolute; top:7px; right:0px; font-size:0.9em; color:#666; } .press-sort-title { width:25px; padding:2px 0 0 0 !important; background:none !important; color:#000; } .press-sort-date { position:absolute; right:0px; top:5px; display:inline; padding:1px 0 0 0px !important; background:none !important; color:#000; } .sort-asc { background:url(asc.gif) 100% 5px no-repeat !important; padding-right:8px !important; } .sort-desc { background:url(desc.gif) 100% 5px no-repeat !important; padding-right:8px !important; } #frm-press-releases { float:right; position:relative; top:-30px; } #frm-press-releases fieldset { display:inline; } #frm-press-releases input { float:left; } #frm-press-releases .form-submit { padding:0px; } #frm-press-releases .form-text { padding:0px 2px 1px 2px; width:170px; margin-right:5px; } #footer { color:#777; font-size:0.9em; } #footer .copyright { margin-top:20px; clear:both; float:left; width:960px !important; position:relative; margin-right:0px; } #footer .copyright p { padding:0 0 20px 20px; } #footer .copyright img, #footer .copyright a { display:inline; vertical-align:bottom; } #footer .artscouncil { width:271px; background:none !important; } #footer .lottery { width:464px; background:none !important; position:relative; top:0px; left:89px; } #footer .copyrightnew { padding:15px 20px 5px 20px; } #footer .findus { padding-left:10px; } #footer .firechasernew { clear:both; float:left; padding:0px 0 20px 20px; } #footer .firechasernew a { display:inline; } /* ----- TEMPLATES ----- */ #template-home #col1 { width:703px; float:left; margin-right:10px; } #template-home #col2 { width:227px; float:left; } #template-home #col-wrap { float:left; width:940px; } #template-home #top-right { width:227px; float:left; margin-left:0px; margin-top:10px; margin-bottom:0px; } #template-home #top-right a { width:227px; float:left; } #template-home #top-right a.email-updates { background:url(email-updates-home-227.gif) no-repeat; } #template-2-col-wider-left #breadcrumb { width:703px; float:left; } #template-2-col-wider-left #top-right { width:227px; float:left; } #template-2-col-wider-left #top-right a { width:227px; float:left; } #template-2-col-wider-left #top-right a.email-updates { background:url(email-updates-227.gif) no-repeat; } #template-2-col-wider-left #col1 { width:703px; float:left; margin-right:10px; } #template-2-col-wider-left #col2 { width:227px; float:left; } #template-2-col-wider-left #col-wrap { background:url(template-2-col-wider-left.gif) bottom left no-repeat; float:left; width:940px; } #template-2-col-va #breadcrumb { width:703px; float:left; } #template-2-col-va #top-right { width:227px; float:left; } #template-2-col-va #top-right a { width:227px; float:left; } #template-2-col-va #top-right a.email-updates { background:url(email-updates-227.gif) no-repeat; } #template-2-col-va #col1 { width:227px; float:left; margin-right:10px; } #template-2-col-va #col2 { width:703px; float:left; } #template-2-col-va #col-wrap { background:url(template-2-col-va.gif) bottom left no-repeat; float:left; width:940px; } #template-2-col-va .back-to { background:#d8275c; margin-bottom:5px !important; line-height:1; } #template-2-col-va .back-to a { color:#FFF; display:block; padding:8px 10px 10px 10px; font-weight:normal; width:auto !important; } #template-2-col-va .back-to a:hover { text-decoration:none; } #template-2-col-va .back-to strong { text-decoration:underline; } #template-2-col-va .va-introcopy { padding-bottom:30px; } #template-2-col-va.va-home #col-wrap { background:url(template-2-col-va-home.gif) bottom left no-repeat;; } #template-2-col-wider-right #col-wrap { background:url(template-2-col-wider-right.gif) bottom left no-repeat; float:left; width:940px; } #template-2-col-wider-right #col1 { width:308px; float:left; margin-right:10px; } #template-2-col-wider-right #col2 { width:622px; float:left; background:url(box-bg.gif) bottom right no-repeat; } #template-2-col-wider-right.artform #col2, #template-2-col-wider-right.series #col2 { background:none; } #template-2-col-wider-right #breadcrumb { width:703px; float:left; } #template-2-col-wider-right #top-right { width:227px; float:left; } #template-2-col-wider-right #top-right a { width:227px; float:left; } #template-2-col-wider-right #top-right a.email-updates { background:url(email-updates-227.gif) no-repeat; } #template-2-col-wider-right #col1 div div { padding-top:10px; } #template-2-col-wider-right #col1 div div div { clear:both; padding-top:10px; padding-bottom:10px; } #template-2-col-wider-right #col1 div div strong { font-size:1.2em; } #template-2-col-wider-right #col1 form { position:relative; clear:both; } #template-2-col-wider-right #col1 p { margin:0px; color:#333; } #template-2-col-wider-right #col1 .form-submit { padding:0px; } #template-2-col-wider-right #col1 ul { margin:0px; } #template-2-col-wider-right #col1 ul ul a { font-weight:normal; } #template-2-col-wider-right #col1 li { margin-top:3px; margin-bottom:3px; } #template-2-col-wider-right .second-col { position:absolute; top:10px; left:135px; width:140px; } #template-2-col-wider-right .first-col { width:140px; } #template-2-col-wider-right .col1-title { font-weight:bold; } #template-2-col-wider-right #share ul { padding-left:0px !important; } #template-2-col-wider-right .back-to { background:#d8275c; margin-bottom:5px !important; line-height:1; } #template-2-col-wider-right .back-to a { color:#FFF; display:block; padding:8px 10px 10px 10px; font-weight:normal; } #template-2-col-wider-right .back-to a:hover { text-decoration:none; } #template-2-col-wider-right .back-to strong { text-decoration:underline; } #template-2-col-wider-right .refine-date label { padding-left:0px; position:absolute; } #template-2-col-wider-right .refine-date .form-text { width:88px !important; padding:0px 1px 1px 1px; } #template-2-col-wider-right .refine-date .form-submit, .refine-keyword .form-submit { position:absolute; left:240px; top:0px; padding:0px !important; } #template-2-col-wider-right .refine-keyword .form-text { width:229px !important; padding:0px 1px 1px 1px; } #template-2-col-wider-right .refine-date .txt-to { position:absolute; left:121px; top:0px; } #template-2-col-wider-right .refine-date form { margin-top:20px; } #template-2-col-wider-right .refine-keyword { position:relative; top:-4px; } #template-2-col-wider-right .refine-keyword form { margin-top:7px; } #template-2-col-wider-right .refine-date label { position:absolute; top:-17px; font-size:0.9em; color:#888; } #template-2-col-wider-right.artform .box .title, #template-2-col-va.va-home .box .padding10 .title { padding:0px; margin-bottom:10px !important; } #template-2-col-wider-right.artform .box strong { color:#000; } #template-2-col-wider-right.artform .padding15, #template-2-col-wider-right.series .padding15 { background:url(box-bg.gif) bottom right no-repeat; } #template-2-col-wider-right.calendar .second-col, #template-2-col-wider-right.series .second-col { top:0px; left:162px; } #template-2-col-wider-right.calendar #col1 .relative p, #template-2-col-wider-right.series #col1 .relative p { font-weight:bold !important; } #template-2-col-wider-right.calendar #col1 .relative, #template-2-col-wider-right.series #col1 .relative { position:relative; top:-8px; } #template-2-col-wider-right.calendar h1 { text-align:center; margin-bottom:0px; } #template-2-col-wider-right.calendar .prev { position:absolute; top:1px; left:0px; padding:0 0 0 10px; background:url(bullet1b.gif) 0 6px no-repeat; } #template-2-col-wider-right.calendar .next { position:absolute; top:1px; right:0px; padding:0 10px 0 0; background:url(bullet1.gif) 100% 6px no-repeat; } #template-2-col-wider-right.calendar #col-wrap { background:url(template-2-col-wider-right-bg.gif) repeat-y; } #template-2-col-wider-right.calendar #col2 { background:url(promo-bg.gif) bottom right no-repeat; min-height:498px; } #template-2-col-wider-right.series #col2 label { width:500px; position:relative; left:20px; top:0px; } #template-2-col-wider-right.series #col2 form p { margin:10px 0 3px 0; color:#000; } #template-2-col-wider-right.series #col2 input { padding:0px; } #template-2-col-wider-right.series #col2 .checkbox { position:absolute; left:0px; margin-top:1px; } #template-2-col-wider-right.series #col2 .form-item { clear:both; position:relative; float:left; width:100%; padding:0px !important; margin:0 0 2px 0 !important; } #see-all { margin:10px 0 14px 0 !important; } #template-1-col #col-wrap { clear:both; background:url(box-bg.gif) bottom right no-repeat; float:left; width:940px; } #template-3-col #col-wrap { clear:both; background:url(template-3-col.png) bottom right no-repeat; float:left; width:940px; } #template-3-col #breadcrumb { width:750px; float:left; } #template-3-col #top-right { width:180px; float:left; } #template-3-col #top-right a { width:180px; float:left; } #template-3-col #top-right a.email-updates { background:url(email-updates-180.gif) no-repeat; } #template-3-col #col1 { width:180px; float:left; margin-right:10px; } #template-3-col #col3 { width:180px; float:left; margin-left:10px; } #template-3-col #col2 { width:560px; float:left; line-height:1.5em; } #template-3-col #col1 .back-to { background:#d8275c; margin-bottom:5px !important; line-height:1; } #template-3-col #col1 .back-to a { color:#FFF; display:block; padding:8px 10px 10px 10px; font-weight:normal; width:150px; } #template-3-col #col1 .back-to a:hover { text-decoration:none; } #template-3-col #col1 .back-to strong { text-decoration:underline; } #template-3-col #col1 form { position:relative; clear:both; } #template-3-col .refine-date label { padding-left:0px; } #template-3-col .refine-date .form-text { width:50px !important; padding:0px 1px 1px 1px; } #template-3-col .refine-date .form-submit, #template-3-col .refine-keyword .form-submit { position:absolute; left:112px; top:25px; padding:0px !important; } #template-3-col .refine-keyword .form-text { width:154px !important; padding:0px 1px 1px 1px; } #template-3-col .refine-date .txt-to { position:absolute; left:83px; top:0px; } #template-3-col .refine-date form { margin-top:20px; } #template-3-col .refine-keyword { position:relative; top:0px; margin:15px 0 25px 0; } #template-3-col .refine-keyword form { margin-top:7px; } #template-3-col .col1-title { font-weight:bold; } #template-3-col #col1 div div { padding-top:10px; } #template-3-col #col1 div div div { clear:both; padding-top:10px; padding-bottom:10px; } #template-3-col #col1 div div strong { font-size:1.2em; } #template-3-col #col1 form { position:relative; clear:both; } #template-3-col #col1 p { margin:0px; color:#333; } #template-3-col #col1 div div a { display:inline; background:none !important; } #template-3-col #col1 div div ul ul a { font-weight:normal; } #template-3-col #col1 div div ul { padding-bottom:0px; } #template-3-col #col1 div div li { background:url(bullet1.gif) 0 5px no-repeat; padding-left:10px; margin-top:3px; margin-bottom:3px; } #template-3-col #col1 #share ul { padding-left:0px; } #template-3-col #col1 #share li { padding-left:22px; } #template-3-col .refine-date label { position:absolute; top:-17px; font-size:0.9em; color:#888; } #template-find-events #breadcrumb { width:750px; float:left; } #template-find-events #top-right { width:180px; float:left; } #template-find-events #top-right a { width:180px; float:left; } #template-find-events #top-right a.email-updates { background:url(email-updates-180.gif) no-repeat; } #template-find-events #col1 { width:246px; float:left; margin-right:10px; } #template-find-events #col3 { width:180px; float:left; margin-left:10px; } #template-find-events #col2 { width:494px; float:left; line-height:1.5em; } #template-find-events #col1 ul, #template-find-events #col2 ul { margin:0px; } #template-find-events #col1 p, #template-find-events #col2 p { padding:0px; margin:0px; font-weight:bold; } #template-find-events #col1 li, #template-find-events #col2 li { margin:2px 0;} #template-find-events #col1 .title, #template-find-events #col2 .title { padding-bottom:10px; } #template-find-events #col1 #box2 .title { padding-bottom:8px !important; } #template-find-events #box1, #template-find-events #box3 { margin-top:0px; } #template-find-events #col1 ul ul a { font-weight:normal; } #template-find-events #col1 .box, #template-find-events #col2 .box { padding-bottom:6px; } #template-find-events #box3 .form-submit { padding:0px; position:relative; left:0px; margin-left:140px; } #template-find-events #box3 .form-text { width:140px; } #template-find-events #box3 { min-height:204px; } #template-find-events #box3 .refine-keyword .form-text { width:180px; } #template-find-events #box3 .refine-date, #template-find-events .refine-keyword { position:relative; top:-3px; } #template-find-events #box3 p { margin-bottom:5px; } #template-find-events #box3 ul { font-size:1.1em; margin-bottom:16px; } #template-find-events #box3 li { background-position:0px 6px; } #template-find-events .col1-title span { font-weight:normal; font-size:0.9em; } #template-find-events #box4 { min-height:204px; } #template-find-events #box4 form { margin:2px 0 16px 0; float:left; } #template-find-events #box4 select { width:188px; margin-bottom:5px; } #template-find-events #box4 .form-submit { padding:0px; position:relative; left:0px; margin-left:140px; float:left; } #template-find-events #box4 #edit-find-search { margin-bottom:5px; width:181px; } .event-venue { margin:0px !important; color:#777; font-weight:bold; } .event-title { margin:0px !important; font-size:1.2em; } .event-title a { color:#333; } .event-date { margin:0px !important; color:#d8275c; } .event-img { margin:10px 0px !important; color:#d8275c; } .event-copy { margin:0 0 10px 0 !important; padding:0px !important; color:#555; } .event-tags { margin:0px !important; color:#999; } .event-tags a { font-weight:normal; } .event-tags span { padding:0 2px 0 2px; position:relative; top:1px; } .event-tags .tags-label { color:#555; padding-left:1px; font-size:0.9em; color:#777; } .browserFirefox .event-title { position:relative; top:1px; } #mycarousel .event-date { margin:0 0 10px 0 !important; } #mycarousel .event-img { margin:0 0 10px 0px !important; } /* ----- CLASSES ----- */ .clear { clear:both; } .hide { display:none; } .image-right { float:right; margin:0 0 15px 20px; } .image_right { float:right; margin:0 0 15px 20px; } .image-left { float:left; margin:0 15px 20px 0; } .image_left { float:left; margin:0 15px 20px 0; } .text-left { text-align:left !important; } .text-right { text-align:right !important; } .text-center { text-align:center !important; } .float-right { float:right; } .float-left { float:left; } .relative { position:relative; } .absolute { position:absolute; } .padding10 { padding:8px 10px; } .padding10b { padding:0px 10px; } .padding10c { padding:25px 10px 10px 10px; } .padding15 { padding:13px 15px; } .padding15b { padding:0px 15px; } .padding20 { padding:18px 20px; } .width100 { width:100%; } .smaller { font-size:0.9em; line-height:1.4em; color:#888; } .smaller a { font-weight:normal; } .box { background:url(box-bg.gif) bottom right no-repeat; margin-top:10px; float:left; width:100%; } .image-advertisement { margin-top:10px; float:left; width:100%; overflow:hidden; position:relative; } .image-advertisement .ad { display:block; background:url(ads-bg.gif) no-repeat; height:97px; width:14px; position:absolute; top:0px; right:0px; } .promo { background:none !important; margin-top:10px; float:left; width:100%; } .ui-tabs .ui-tabs-hide { display:none; } .cards { padding-top:3px; } .package { background:#E6E6E6; width:100%; clear:both !important; padding:0px; margin:0 0 15px 0 !important; position:relative !important; height:64px !important; } .package p { margin:0px !important; } .package strong { color:#000; } .package img, .close { cursor:pointer; } .package form { top:34px !important; right:10px !important; float:right; text-align:right; width:450px;} .package form div { margin:0px !important; } .package fieldset { display:inline; } .package select { float:left; padding: 0 0 1px 0; margin-right:5px; } .package fieldset div.form-item { width:auto !important; } .package-info { margin:0px !important; position:relative; top:-15px; z-index:1000; display:none; } .package-info div { position:absolute; width:572px; background:#E6E6E6; margin:0px !important; position:relative; padding:10px; } .p1 { float:left; position:relative; top:7px; left:10px; } .p2 { float:right; position:relative; top:7px; right:10px; } .p3 { position:absolute; bottom:10px; left:10px; display:none; } .p4 { position:absolute; bottom:10px; left:102px; z-index:100; } .index li { margin:3px 0; } .pager-current { font-weight:bold; } .pagination .float-right { padding-right:3px; } .prod-avail-msg { padding-bottom:24px; font-weight:bold; } .sitemap-box { line-height:1.6em; } .sitemap-box h2 { display:none; } .sitemap-box ul { margin:0px !important; } .sitemap-box li { background-position:0 7px !important; } .sitemap-box ul { margin-bottom:10px !important; } .sitemap-box ul ul ul { margin-bottom:0px !important; } .sitemap-box ul ul ul a { font-weight:normal !important; } .sitemap-box .first { margin-bottom:8px !important; } .sitemap-box ul ul .first { margin-bottom:0px !important; } .sitemap-box li { font-size:1.2em; } .sitemap-box li li { font-size:12px; } .sitemap-box li li li { font-size:12px; } .back-to-va { margin-bottom:-12px !important; } .press-gallery { margin-top:15px; } .press-gallery-row { padding-left:10px; } /* ----- LISTINGS ----- */ #listings-wrap { padding-bottom:50px; float:left; width:100%; position:relative; z-index:0; } #listings-wrap form { position:absolute; top:-33px; right:0px; } #listings-wrap fieldset { display:inline; } #listings { padding:0px !important; margin:0px !important; } #listings li { padding:0px !important; margin:0px !important; background:url(dots.gif) bottom left repeat-x; float:left; width:100%; } #listings .event-img { float:left; padding:15px 0 16px 0 !important; margin:0px !important; } #listings div { margin:12px 0 12px 170px; } #listings .event-copy { margin:6px 0 7px 0 !important; } #listings .event-title { margin:0px 0 1px 0 !important; font-weight:bold; } #listings .event-title a { color:#333; } #listings li ul { padding:0px !important; margin:10px 0 0 0 !important; } #listings li li { background:none !important; float:none; width:auto; display:inline; margin-right:7px !important; } #listings li li img { display:inline; } #listings-video { padding:0px !important; margin:0px !important; background:url(dots.gif) bottom left repeat-x; float:left; width:100%; } #listings-video li { padding:15px 19px 15px 0 !important; margin:0px !important; background:url(dots.gif) bottom left repeat-x; position:relative; line-height:1.3em; float:left; width:149px; height:149px; overflow:hidden; } #listings-video img { margin-bottom:2px; } #listings-video em { color:#777; font-size:0.9em; font-weight:normal; font-style:normal; } .playvideo { position:absolute; top:54px; left:52px; display:block; height:33px; width:44px; background:url(play.png) no-repeat; font-size:0px; line-height:0px; text-decoration:none !important; } #template-2-col-wider-right.search-results h2, #template-2-col-wider-right.calendar h2 { text-transform:uppercase; font-size:1.4em; position:relative; top:15px; } #template-2-col-wider-right.search-results #listings div, #template-2-col-wider-right.calendar #listings div { margin:12px 0 12px 0px; } #template-2-col-wider-right.search-results #listings li, #template-2-col-wider-right.calendar #listings li { background:url(dots.gif) top left repeat-x; } #template-2-col-wider-right.search-results #listings, #template-2-col-wider-right.calendar #listings { border-bottom:1px solid #CFCFCF; float:left; width:100%; margin:20px 0 !important; } #template-2-col-wider-right.search-results #listings ul a { font-weight:normal; } #template-2-col-wider-right.search-results #col1 { position:relative; z-index:10; } #template-2-col-wider-right.search-results .refine-date { position:relative; top:-10px; } #template-2-col-wider-right.search-results .event-date, #template-2-col-wider-right.calendar .event-date { color:#555; } #template-2-col-wider-right.search-results .event-title a, #template-2-col-wider-right.calendar .event-title a { color:#0C92CF; } .by { font-weight:bold; padding:10px 0 0 0; } #template-2-col-wider-right.search-results .pagination, #template-2-col-wider-right.calendar .pagination { margin-bottom:18px; } #template-2-col-wider-right.search-results .refine-keyword .form-text { width:211px !important; } #template-2-col-wider-right.search-results .refine-date .form-text { width:79px !important; } #template-2-col-wider-right.search-results .refine-date .txt-to { left:112px; } #template-2-col-wider-right.search-results .refine-date .form-submit, #template-2-col-wider-right.search-results .refine-keyword .form-submit { position:absolute; left:222px; top:0px; padding:0px !important; } #template-2-col-wider-right.search-results #col1 .form-item { position:absolute; top:-20px; left:270px; } #template-2-col-wider-right.search-results #col1 .form-item span { margin-top:10px; } #template-2-col-wider-right.search-results #col2 { min-height:430px; } #template-2-col-wider-right.taxonomy #col2 { min-height:572px; } .pagination { border-bottom:1px solid #CFCFCF; border-top:1px solid #CFCFCF; color:#777; padding:10px 0px; clear:both; position:relative; top:-1px; float:left; width:100%; } .pagination strong, .pagination li { color:#000; } .pagination p { margin:0px !important; float:left; } .pagination ul { padding:0px !important; margin:0px !important; white-space:nowrap; } .pagination li { padding:0px !important; margin:0 0 0 2px !important; background:none !important; display:inline; } .pagination .float-left-page { position:absolute; margin-left:-34px; } /* ----- NAVIGATION ----- */ #header .header-log ul { bottom:7px; right:10px; } #header .header-log li { float:left; margin-left:10px; } #header .header-venues ul { top:7px; right:10px; font-size:0.9em; line-height:1.4em; } #header .header-venues li { text-align:right; } #header .header-venues a { background:url(bullet2.gif) 0 4px no-repeat; padding-left:10px; } #header .header-menu ul { position:absolute; bottom:0px; left:10px; z-index:10; } #header .header-menu li { float:left; } #header .header-menu a { float:left; display:block; height:31px; background-image:url(main-menu.gif); background-repeat:no-repeat; } #header .header-menu a:hover { text-decoration:none; } /*#header .header-menu span { position:absolute; top:-200px; }*/ #header .header-menu span { position:relative; z-index:-1; overflow:hidden; top:8px; font-size:1.1em; } #header .header-menu .menu-9436 a { width:57px; background-position:0px 0; } #header .header-menu .menu-9436 a:hover{ background-position:0px -31px; } #header .header-menu .menu-9436 a.active, #header .header-menu .menu-9436.active-trail a { background-position:0px -62px; } #header .header-menu .menu-1996 a { width:224px; background-position:-57px 0; } #header .header-menu .menu-1996 a:hover{ background-position:-57px -31px; } #header .header-menu .menu-1996 a.active, #header .header-menu .menu-1996.active-trail a { background-position:-57px -62px; } #header .header-menu .menu-2015 a { width:106px; background-position:-281px 0; } #header .header-menu .menu-2015 a:hover { background-position:-281px -31px; } #header .header-menu .menu-2015 a.active, #header .header-menu .menu-2015.active-trail a { background-position:-281px -62px; } #header .header-menu .menu-2027 a { width:84px; background-position:-387px 0; } #header .header-menu .menu-2027 a:hover { background-position:-387px -31px; } #header .header-menu .menu-2027 a.active, #header .header-menu .menu-2027.active-trail a { background-position:-387px -62px; } #header .header-menu .menu-2075 a { width:107px; background-position:-471px 0; } #header .header-menu .menu-2075 a:hover{ background-position:-471px -31px; } #header .header-menu .menu-2075 a.active, #header .header-menu .menu-2075.active-trail a { background-position:-471px -62px; } #header .header-menu .menu-2078 a { width:102px; background-position:-578px 0; } #header .header-menu .menu-2078 a:hover { background-position:-578px -31px; } #header .header-menu .menu-2078 a.active, #header .header-menu .menu-2078.active-trail a { background-position:-578px -62px; } #header .header-menu .menu-2091 a { width:73px; background-position:-680px 0; } #header .header-menu .menu-2091 a:hover { background-position:-680px -31px; } #header .header-menu .menu-2091 a.active, #header .header-menu .menu-2091.active-trail a { background-position:-680px -62px; } #header .header-menu .menu-15591 a { width:54px; background-position:-753px 0; } #header .header-menu .menu-15591 a:hover { background-position:-753px -31px; } #header .header-menu .menu-15591 a.active, #header .header-menu .menu-15591.active-trail a { background-position:-753px -62px; } #admin ul { background:#000; position:fixed; z-index:1000; padding:0 10px; } #admin li { float:left; } #admin a { display:block; float:left; padding:5px 10px; text-transform:uppercase; } #template-2-col-va #col1 ul { margin:30px 0 0 0; padding-bottom:30px; background:url(dots.gif) top left repeat-x; } #template-2-col-va #col1 ul ul { margin-top:0px; padding-bottom:10px !important; background:none; } #template-2-col-va #col1 ul ul ul { padding-bottom:0px !important; } #template-3-col #col1 ul { margin:0px; padding-bottom:30px; } #template-3-col #col1 li, #template-2-col-va #col1 li { background:none; padding:0px; margin:0px; background:url(dots.gif) bottom left repeat-x; } #template-3-col #col1 a { display:block; width:180px; } #template-2-col-va #col1 a { display:block; width:227px; } #template-3-col #col1 .active, #template-2-col-va #col1 .active { color:#000; } #template-3-col #col1 span, #template-2-col-va #col1 span { display:block; padding:5px 10px 6px 10px; } #template-3-col #col1 li li, #template-2-col-va #col1 li li { background:none; } #template-3-col #col1 li li a, #template-2-col-va #col1 li li a { background:url(bullet1.gif) 10px 9px no-repeat; } #template-3-col #col1 li li span, #template-2-col-va #col1 li li span { padding:3px 10px 3px 20px; } #template-3-col #col1 li li li span, #template-2-col-va #col1 li li li span { padding:3px 10px 3px 30px; } #template-3-col #col1 li li li li span, #template-2-col-va #col1 li li li li span { padding:3px 10px 3px 40px; } #template-3-col #col1 li li li li span { padding:3px 10px 3px 40px; } #template-3-col #col1 li li li li li span { padding:3px 10px 3px 50px; } #template-3-col #col1 li ul, #template-2-col-va #col1 li ul { padding-bottom:10px; } #template-3-col #col1 li li li a, #template-2-col-va #col1 li li li a { background:url(bullet1.gif) 20px 9px no-repeat; font-weight:normal; } #template-3-col #col1 li li li li a, #template-2-col-va #col1 li li li li a { background:url(bullet1.gif) 30px 9px no-repeat; font-weight:normal; } #template-3-col #col1 li li ul, #template-2-col-va #col1 li li ul { padding-bottom:0px; } #template-3-col #col1 li li li li a { background:url(bullet1.gif) 30px 9px no-repeat; } #template-3-col #col1 li li li li li a { background:url(bullet1.gif) 40px 9px no-repeat; } #exhibitions { padding:0 !important; margin:0 0 30px 0 !important; float:left; width:100%; } #exhibitions li { list-style:none; padding:0px; margin:0px; float:left; width:214px; margin:0 10px 20px 0; } #exhibitions img { float:left; margin-right:7px; margin-top:3px; } #promo { height:auto; position:relative; } #promo ul, #promo li { padding:0px; margin:0px; background:none; } #promo .corner { display:block; width:5px; height:5px; position:absolute; background:url(promo-bg.gif); font-size:0px; z-index:1000000; bottom:0px; right:0px; } #nav img { border:1px solid #FFF; position:absolute; left:10px; } #nav { position:absolute; left:350px; z-index:10; line-height:1.2em; top:30px; height:231px; overflow:hidden; width:353px; border-bottom:1px solid #CFCFCF; border-top:1px solid #CFCFCF; background:url(nav-bg.gif) 0 -2px !important; } #nav a { display:block; padding:10px; height:42px; position:relative; font-weight:normal; color:#666; cursor:pointer; } #nav a strong { color:#000; padding-bottom:2px; display:block; } #nav a.activeSlide, #nav a.activeSlide:hover { background:#f6f2c5 url(carousel-arrow.gif) 4px 25px no-repeat !important; } #nav a:hover { background:#F5F5F5; text-decoration:none; } #nav a.activeSlide img, #nav a:hover img { border:1px solid #6d2889; } /*#nav a.activeSlide span { display:block; }*/ #nav span { display:inline; color:#0C92CF; font-weight:bold; margin-left:5px; } #nav span:hover { text-decoration:underline; } #promo .thumb, #promo .copy {display:none; } #nav div { margin:0px 0 0px 65px; position:relative; top:-2px; height:46px; overflow:hidden; } #nav li { background:url(dots.gif) bottom left repeat-x; padding-bottom:1px; } #nav .lastli { background:none !important; padding-bottom:0px !important; } #promo .subtitle { position:absolute; width:683px; margin-top:-1px; height:34px; overflow:hidden; } #promo h2 { background:#FFF; position:absolute; bottom:4px; z-index:1000; left:0px; padding:6px 10px; max-width:320px; line-height:1.2em; } #promo h2 a { color:#000; } #promo h2 a:hover { text-decoration:none; } #promo .caption { position:relative; } /*#promo #player1 { height:263px; }*/ object { display:block; } #promo .title { position:absolute; left:350px; top:0px; z-index:20; background:#FFF; width:333px; } #promo-buttons a { width:21px; height:19px; position:absolute; right:0px; z-index:100; cursor:pointer; } #promo-up { top:30px; background:url(prev-vertical2.gif) 0 0 no-repeat; display:none; } #promo-up:hover { background:url(prev-vertical2.gif) 0 -19px no-repeat; } #promo-down { top:244px; background:url(next-vertical2.gif) 0 0 no-repeat; display:none; } #promo-down:hover { background:url(next-vertical2.gif) 0 -19px no-repeat; } #promo-shadows img { position:absolute; right:36px; z-index:100; } #promo-s1 { top:31px; display:none; } #promo-s2 { top:256px; display:none; } #promo .caption ul { position:absolute; left:10px; top:49px; width:500px; } #promo .caption li { float:left !important; margin-right:10px; } #promo .arts-council { position:absolute; top:10px; left:439px; width:254px; height:60px; display:none; } #rotate { height:auto; background:#FFF; } .rotate { height:342px; width:703px; position:relative; margin-bottom:20px; background:#FFF; } .rotate:first-child { z-index:100000; } #rotate-prod img { position:absolute; } .setheight { height:263px; } #promo.internal { border-top:1px solid #CFCFCF; margin-top:-8px; } #promo.small #rotate { height:auto; } #promo.small .rotate { height:326px; width:622px; } #promo.small { height:auto; } #promo.small #nav { left:316px; height:205px; width:306px; } #promo.small h2 { max-width:286px; } #promo.small .title { left:316px; background:#FFF; color:#333; width:286px; } #promo.carousel-classical .title { left:316px; background:#BBB; color:#FFF; width:286px; } #promo.small .subtitle { width:602px; } #promo.small #promo-down { top:218px; } #promo.small #promo-s2 { top:230px; } #promo.small .setheight { height:237px; } #admin-menu { display:none; } /* #promo .jcarousel-container { position:absolute; left:350px; top:32px; } #promo .jcarousel-list li, #promo .jcarousel-item { width:353px; height:66px; background:url(dots.gif) bottom left repeat-x !important; } #promo .jcarousel-clip-vertical { width:353px; height:229px; } #promo .jcarousel-clip { background:url(mycarousel2-bg.gif) center no-repeat; padding:0px; } */ #footer a { color:#777; font-weight:normal; text-decoration:underline; display:block; width:100%; } #footer a:hover { color:#333; } #footer .col1 ul { margin:3px 0; } #footer ul { padding:0 10px; } #footer strong { border-bottom:1px solid #CCC; display:block; margin-bottom:3px; padding:0 10px; } #footer div div { float:left; margin-right:10px; } #footer .col1 { width:370px; } #footer .col2 { width:180px; } #footer .col3 { width:180px; } #footer .col4 { width:180px; margin-right:0px; } #footer .firechaser { position:absolute; left:780px; top:0px; width:auto; } #footer .artscouncil { background:none !important; } #template-2-col-wider-left #tabs, #template-home #tabs { min-height:300px; } #template-3-col #tabs { padding-bottom:80px; } #tabs { line-height:1.25em; } .tabs { margin:0px !important; padding:0px !important; border-bottom:1px solid #cfcfcf; position:absolute; display:none; } #template-2-col-wider-left .tabs, #template-home .tabs { width:227px; } #template-3-col .tabs { width:560px; position:relative; z-index:10; } .tabs li { display:inline; background:none !important; float:left; padding:0px !important; margin-left:10px; margin-right:-5px; } #template-3-col .tabs li { margin-left:15px; margin-right:-10px; } .tabs a { background:#e6e6e6; display:block; float:left; padding:2px 10px; border:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; position:relative; top:1px; color:#333; } .tabs a:hover { text-decoration:none; background:#e6e6e6 url(tab-bg.gif) bottom repeat-x; border-bottom:1px solid #d0d0d0; } .ui-state-active a, .ui-state-active a:hover { background:#FFF; border:1px solid #cfcfcf; border-bottom:1px solid #FFF; padding:2px 10px 3px 10px; } .tabs-copy { padding-top:23px; } .tabs-copy ul { margin:0px !important; padding:0px !important; } .tabs-copy li { padding:0 0 1px 0 !important; background:url(dots.gif) bottom left repeat-x !important; } .tabs-copy a { display:block; width:100%; } #template-3-col .tabs-copy a { display:inline; width:auto; } #template-3-col .tabs-copy a:hover { background:#FFF !important; text-decoration:underline; } #template-3-col .tabs-copy { line-height:1.4em; position:relative; } #template-3-col .tabs-copy .print-hide .form-submit { padding:0px; clear:both; position:absolute; left:15px; margin-top:29px; } #template-3-col .tabs-copy .jq-inline-flag ul { margin-left:8px !important; margin-bottom:18px !important; } #template-3-col .tabs-copy .jq-inline-flag li { background:url(bullet1.gif) 0 5px no-repeat !important; margin-bottom:10px !important; padding-left:10px !important; } .tabs-copy span { display:block; padding:4px 10px 4px 20px; background:url(bullet1.gif) 10px 9px no-repeat; } #template-3-col .tabs-copy span { display:inline; padding:0 2px; background:none; } .tabs-copy a:hover { background:#F5F5F5; text-decoration:none; } .tabs-copy #listings { margin-top:-15px !important; } #tabs-edit { height:38px; } #tabs-edit ul { border:0px !important; } #tabs-edit a { background:#0C92CF; color:#FFF; border:0px !important; white-space:nowrap; } #tabs-edit a:hover { background:#333; } #tabs-edit li { margin-left:0px !important; margin-right:5px !important; } #tabs-edit .tabs { width:auto; display:block; } #tabs-edit .active { display:none; } #home #box1 #tabs-edit { position:relative; width:340px; height:0px; } #home #box1 #tabs-edit ul { position:absolute; top:2px; right:5px; } #steps ul { list-style:none; padding:0px; margin:0px; } #steps li { float:left; width:170px; background:url(step-off.gif) no-repeat; height:32px; line-height:31px; text-indent:10px; font-size:1.2em; font-weight:bold; padding:0px; margin-left:10px; margin-bottom:10px; } #steps a { display:block; width:170px; height:32px; background:url(step-on.gif) top right no-repeat; color:#FFF; } #steps .active { background:url(step-active.gif) top right no-repeat; color:#FFF; } #steps p { width:39px; height:32px; background:url(lock.gif) no-repeat; float:left; margin:0px; margin-right:1px; padding:0px; } #steps span { position:absolute; top:-1000px; } .steps2 li { width:215px !important; } .steps2 a { width:215px !important; } /* ----- HEADINGS ----- */ h1,h2,h3,h4,h5,h6 { padding:0; margin:0; clear:both; line-height:1em; color:#000; } .h1 { position:absolute; top:10px; left:10px; } .h1 a { display:block; width:271px; height:71px; background:url(Southbank-Centre.gif) no-repeat; } .h1 a:hover { text-decoration:none; } .h1 span { position:absolute; top:-100px; } h1 { font-size:1.6em; margin-bottom:13px; text-transform:uppercase; } .h2 { font-size:1.4em; margin-bottom:13px; text-transform:uppercase; line-height:1.2em; } h1.production { margin-bottom:0px; } h2 { font-size:1.2em; margin-bottom:10px; margin-top:18px; } h2.production { margin:1px 0 0 0px !important; color:#777; } .cms-content h2 { clear:none; } h3 { font-size:1.0em; margin-bottom:3px; } form h3 { margin-bottom:7px; } .h3 { margin:0px !important; padding:0px !important; position:relative; top:-3px; } .title { margin:0px !important; text-transform:uppercase; padding:7px 10px; color:#000; } /* ----- TABLES ----- */ table { border-collapse:collapse; } #basket { width:100%; margin-bottom:15px; } #basket a { font-weight:normal; } #basket th { background:#993366; color:#FFF; padding:8px 0px; } #basket td { padding:10px 0px 5px 0px; vertical-align:top; } #basket tr { background:url(dots.gif) bottom repeat-x; } #basket .sub td { text-align:right !important; background:#f5f5f5; padding:5px 15px; } #basket .total td { text-align:right !important; background:#333; color:#FFF; padding:10px 15px; font-size:1.2em; text-transform:uppercase; font-weight:bold; } #basket select { text-align:right; } #basket .top td { padding-top:12px; } #basket .btm td { padding-bottom:12px; } #basket span { position:relative; top:2px; } #basket .smaller { top:0px; } /*.basket-back input { float:left; padding:0px; margin-left:15px; }*/ .basket-back img { float:left; padding:0px; margin-left:15px; margin-bottom:30px; } #basket table { width:100%; margin-bottom:0px; } #basket table td { padding:0px 15px; padding-bottom:5px; } #basket table tr { background:none; } .col1 { width:50px; } .col2 { width:270px; } .col3 { width:80px; } .col4 { width:80px; } .col5 { width:80px; } .col6 { width:20px; } .col7 { width:55px; } .col8 { width:65px; } .IEcol1 { width:50px; padding:0 15px; text-align:left; } .IEcol2 { width:270px; padding:0 15px; text-align:left; } .IEcol3 { width:80px; padding:0 15px; text-align:left; } .IEcol4 { width:80px; padding:0 15px; text-align:left; } .IEcol5 { width:80px; padding:0 15px; text-align:left; } .IEcol6 { width:20px; padding:0 15px; text-align:center; } .IEcol7 { width:55px; padding:0 15px; text-align:right; } .IEcol8 { width:65px; padding:0 15px; text-align:right; } .IEcol1a { width:75px; display:block; } .contribute { padding:10px 15px !important; } .cms-content table { margin:6px 0 20px 0; } .cms-content td { padding:10px; border:1px solid #CCC; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; display:block; } legend { display:none; padding:0; margin:0; } button { border:0px; background:#FFF; cursor:pointer; position:absolute; margin-top:2px; margin-left:4px; } button::-moz-focus-inner { padding:0; border:none; } .browserChrome button { margin-left:1px; } .browserOpera button { position:relative; top:3px; } label { color:#555; position:relative; top:2px; width:110px; display:block; float:left; padding-left:10px; } .box label { float:left; width:40px; padding:0px; font-weight:bold; } .box .form-text { color:#777; font-weight:bold; } .required { color:#c70031; } input, select { font-weight:bold; } input { padding:1px 2px; } .form-text { width:222px; } .form-text-medium { width:130px; } .form-text-small { width:62px; } .form-text-vsmall { width:40px; } .form-item { margin-bottom:10px; clear:both; position:relative; } .form-item p { margin-left:120px; font-size:0.9em; line-height:1.4em; padding-top:2px; } .form-item a { position:absolute; background:url(bullet1.gif) 0 5px no-repeat; padding-left:10px; white-space:nowrap; margin-left:5px; margin-top:2px; } .form-item .help { position:absolute; display:inline; margin-left:5px; z-index:100; } .form-item img { margin-top:2px; cursor:pointer; display:none; } .form-item .help span { display:none; width:200px; background:#ffffe1; border:1px solid #dfe0c4; position:absolute; top:0px; left:23px; padding:5px 10px; } form .required { position:absolute; left:0px; top:2px; } .form-item .relative { float:left; } .form-wrap { float:left; width:435px; padding:0 20px 0 15px; } .form-wrap-z { position:relative; z-index:10; } .form-buttons { clear:both; border-top:1px solid #CFCFCF; margin:35px 0 0px 0; float:left; width:940px; padding-bottom:45px; } #template-2-col-wider-left #col1 .form-buttons { border-top:0px; margin-top:0px; } #qas label { width:270px; } .btn-back { float:left; margin:15px; } .btn-next { float:right; margin:15px; } #edit-sStateProv, #edit-iCountry { width:230px; } #frm-login { position:relative; } #frm-login .form-submit { position:relative; left:283px; } #frm-login a { position:absolute; top:65px; left:120px; } .checkbox { float:left; } #step3 { padding-top:10px; } #step3 label { width:175px; position:relative; top:-1px; left:-2px; } #step3 .form-item { padding:4px 0; margin:0px; } .checkboxes-split { float:left; width:210px; margin-bottom:10px; } #step4 { padding-bottom:20px; margin-top:20px; } #step4 label, #confirm-address label { width:600px; } #step1 { border-bottom:1px solid #CFCFCF; margin-bottom:30px; padding-bottom:0px; } #step2 { padding-top:20px; } .step5 { min-width:160px; float:left; margin-right:20px; position:relative; top:-20px; } #step5 { border-top:1px solid #CFCFCF; padding-left:15px; padding-bottom:20px; } #step5 .form-item { position:relative; top:24px; float:right; margin-right:11px; } #step5 label { width:auto; position:relative; top:1px; left:-5px; } #step5 a { position:relative; background:none; padding:0px; margin:0px; } #step5 input { position:relative; top:2px; margin-right:4px; } #step5 .error { margin-right:25px; } #step5 .error a { text-decoration:underline; color:#C80031; } #step5 .error .error-div { margin-top:-3px; } #shadowbox_content.html { background:#FFF !important; font-size:1.2em; } #shadowbox_content.html p { margin-bottom:15px; } #giftaid { border:1px solid #E6E6E6; padding:10px; } #template-1-col #giftaid { width:886px; margin-top:20px; } #template-1-col #giftaid div { width:886px !important; } #giftaid div { clear:both; } #giftaid p { font-size:0.9em; line-height:1.4em; padding:0px; margin:10px 0 0px 0; color:#888; } /*#giftaid input { position:absolute; z-index:10; }*/ #giftaid a { background:none; padding-left:8px; position:relative; top:-1px; cursor:pointer; color:#333; cursor:auto; } #giftaid a:hover { text-decoration:none; } #proceed-checkout { padding:0px; float:right; margin-right:15px; margin-bottom:50px; } #confirm-address { border-bottom:1px solid #CFCFCF; margin-bottom:27px; padding-bottom:20px; /*position:relative; top:-3px;*/ } #confirm-address .form-submit { padding-top:10px; } #confirm-address .form-item { padding:4px 0; margin:0px; width:100%; } #confirm-address label { position:relative; top:0px; left:-3px; width:850px; } .confirm-address2 { border-bottom:0px !important; } #add-address { padding-top:10px; } #form-payment .dates { width:113px; } #form-payment { border-bottom:1px solid #CFCFCF; margin-bottom:27px; padding-bottom:20px; } #prod-info form { padding:10px; position:absolute; bottom:0px; right:0px; z-index:10; text-align:right; } #prod-info select { width:160px; margin-bottom:30px; } #prod-info input { padding:0px; margin:10px 0 0 0; position:absolute; bottom:10px; right:10px; } #frm-composer { padding-top:5px; } #frm-composer select { width:100%; margin-bottom:5px; } #frm-composer input { padding:0px; float:right; } #frm-composer-show { cursor:pointer; } #tessitura-packages-packages-form .form-item label { left:0px !important; height:18px; } #tessitura-packages-packages-form .form-item input { position:relative; top:2px; margin-right:2px; } /* #header form { background:url(search-bg.gif) 0 0 no-repeat; width:256px; height:71px; position:absolute; top:10px; left:360px; } */ .header-form { background:url(search-bg.gif) 0 0 no-repeat; width:256px; height:71px; position:absolute; top:10px; left:360px; } #header fieldset { position:relative; display:block; width:256px; height:71px; } #header label { color:#FFF; padding:5px 10px; display:block; text-transform:uppercase; font-size:1.1em; font-weight:bold; } #header #edit-txt-search { position:absolute; bottom:10px; left:10px; padding:2px 3px; font-size:1.2em; font-weight:bold; border:1px solid #9f0027; width:175px; } #header #edit-submit-1, #header #edit-submit, #header #edit-submit-4, #header #edit-submit-2, #header #edit-submit-3, #header #edit-submit-5 { position:absolute; bottom:10px; right:10px; width:48px; height:22px; padding:0px; } #search-by-date .form-text { width:139px; } #search-by-date .form-submit { float:right; padding:0px; margin-bottom:2px; } #search-by-date form p { margin-bottom:10px; } #template-home #search-by-date fieldset { height:84px; } #form-ba h2 { margin-bottom:10px; } #form-ba span { color:#777; } #form-ba p { padding:0px; margin:0px; } #form-ba select { margin:2px 0; width:88px; } .ba-button { padding:0px; margin:10px 0 50px 0; } #edit-qas-address { width:315px; margin-bottom:5px; } #edit-qas-select { margin-left:118px !important; position:relative; } #cancelAddress { position:relative; top:-1px; left:2px; display:inline; } #edit-qas-search { position:absolute; margin-left:4px; } .error { display:inline; } .error input{ background:#fef2f4 !important; border-color:#c80031; border-style:solid; border-width:1px; padding:2px 3px; } .error select { background:#fef2f4 !important; border-color:#c80031; border-style:solid; border-width:1px; padding:0px; } .error label { color:#c80031; } .error-div { position:absolute; float:left; display:inline; } .error-div span { display:block; height:17px; width:17px; background:url(icon-error2.gif) no-repeat; font-size:0px; line-height:0px; position:absolute; top:2px; left:5px; } .btn-disabled { cursor:default; } .btn-add-address { padding:0px; margin-left:15px; position:relative; top:10px; } .delivery-btn-2 { position:absolute; bottom:59px; right:13px; } .errors-prod { margin:30px -15px 0px -15px; } #edit-sel-series { float:right; margin-top:7px; } .tabs-copy h2 { padding-bottom:7px; } #frm-name-a-seat { float:left; height:100px; } #frm-name-a-seat #edit-seatname { margin:0 0 0px 15px; float:left; } #frm-name-a-seat #edit-submit { width:154px; height:22px; background:url(btn-change-plaque-name.gif) no-repeat; border:0px; padding:0px; margin:0 0 100px 0; font-size:0px; line-height:0px; cursor:pointer; float:left; position:relative; left:-154px; top:31px; } #frm-donate { float:left; height:100px; } #frm-donate #edit-donation { margin:1px 0 0px 15px; float:left; width:150px; } #frm-donate #edit-submit-1 { width:117px; height:22px; background:url(btn-make-donation.gif) no-repeat; border:0px; padding:0px; margin:0; font-size:0px; line-height:0px; cursor:pointer; float:left; position:relative; left:-117px; top:31px; } #frm-dual-membership .option { width:400px; position:relative; top:-0px; left:-4px; } #frm-dual-membership .form-item .form-item { margin:0px; padding:0px; height:20px; } #gift-voucher-form { margin:13px 0; padding-bottom:50px; clear:both; float:left; width:100%; } #gift-voucher-form img { display:block; cursor:default; clear:both; padding-top:5px; margin-bottom:20px; } #gift-voucher-form label { font-weight:bold; width:400px; margin:0px; padding:0px; } #gift-voucher-form label.option { font-weight:normal; } #gift-voucher-form span { display:none; } #gift-voucher-form .form-item { margin:0px !important; padding:0px !important; float:left; width:100%; } #gift-voucher-form #edit-custom { width:100px; position:absolute; top:-17px; left:105px; } #gift-voucher-form .checkbox { position:relative; top:4px; margin-right:5px; } #gift-voucher-form .description { margin-left:105px; font-size:0.9em; padding-top:4px; padding-bottom:10px; color:#777; } #gift-membership-form { margin:13px 0; padding-bottom:50px; clear:both; float:left; width:100%; } #gift-membership-form img { display:block; cursor:default; clear:both; padding-top:5px; margin-bottom:20px; } #gift-membership-form label { font-weight:bold; width:400px; margin:0px; padding:0px; } #gift-membership-form label.option { font-weight:normal; } #gift-membership-form span { display:none; } #gift-membership-form .form-item { margin:0px !important; padding:0px !important; float:left; width:100%; } #gift-membership-form .checkbox { position:relative; top:4px; margin-right:5px; } #gift-membership-form #edit-submit-2 { margin-top:10px; } .frm-press-login { padding-bottom:40px; } .frm-press-login #edit-tandc { margin-top:3px; position:relative; left:120px; } .frm-press-login .form-submit { position:absolute !important; left:285px !important; top:60px; padding:0px; } .frm-press-login a { margin-top:30px; } .frm-press-login .form-item a { margin:0px; padding:0px; background:none; top:1px !important; left:125px !important; position:relative !important; } .frm-press-login .press-tandc { clear:both; font-size:0.9em; padding-top:40px; } .frm-press-login .press-tandc p { margin:0px !important; } .frm-press-login #press-tandc{ cursor:pointer; } .frm-press-login .press-tandc a { top:0px !important; left:0px !important; position:relative !important; } .frm-press-login .error-div { top:-1px !important; } .frm-press-register #edit-submit-2 { margin-left:120px; padding:0px; margin-bottom:40px; } .frm-press-register #edit-publicationlist { width:227px; position:relative; left:120px; margin-top:3px; } #frm-forgotten-pwd #edit-submit { width:143px; height:22px; position:relative; top:28px; left:-146px; cursor:pointer; background:url(btn-send-my-password.gif) no-repeat; border:0px; font-size:0px; line-height:0px; padding:0px; margin:0px; } input.error { background:#fef2f4 !important; border-color:#c80031; border-style:solid; border-width:1px; padding:2px 3px; } label.error { background:url(icon-error2.gif) 0 -1px no-repeat; position:absolute; left:350px; margin-left:25px; margin-top:1px; padding-left:22px; color:#c80031; white-space:nowrap; display:block; } .seccode label.error { left:168px; } label.valid { display:none; } .apply-voucher { position:absolute; margin-left:5px; } .submit2 { position:absolute; bottom:46px; *bottom:31px; right:0px; padding:0px; } .sorry-voucher { width:150px; position:relative; left:8px; } #edit-txt-county { display:none; height:13px; } .btn-members-only { margin-top:13px; } #email-options { position:relative; left:20px; } /* Datepicker ----------------------------------*/ .ui-datepicker { background:#FFF; padding:5px; border:1px solid #7f9db9; font-size:1.1em; z-index:1000000; } .ui-datepicker .ui-datepicker-header { background:#0C92CF; height:22px; width:182px; } .ui-datepicker .ui-datepicker-header a { color:#FFF; cursor:pointer; } .ui-datepicker-calendar th { text-align:center; } .ui-datepicker-calendar td { border:1px solid #FFF; height:19px; width:25px; text-align:center; } .ui-datepicker-calendar a { background:#e6e6e6; display:block; padding:3px 6px 2px 7px; color:#333 !important; } .ui-datepicker-calendar .ui-state-highlight, .ui-datepicker-calendar .ui-state-highlight:hover { background:#000 !important; color:#FFF !important; text-decoration:none; } .ui-datepicker-calendar a:hover { background:#0C92CF !important; color:#FFF !important; text-decoration:none; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 8px; } .ui-datepicker .ui-datepicker-prev { left:10px; } .ui-datepicker .ui-datepicker-next { right:10px; } .ui-datepicker select { margin:2px 1px; width:50px; } .ui-datepicker-unselectable { background:#EEE; } #datepicker-inline { float:right; position:relative; top:-60px; left:-77px; z-index:1000000000; } #datepicker-inline .ui-datepicker { padding:0px; border:0px none; font-size:1.1em; position:relative; font-size:0.9em; position:absolute; } #datepicker-inline .ui-datepicker-title { text-align:center; } #datepicker-inline .ui-datepicker .ui-datepicker-prev, #datepicker-inline .ui-datepicker .ui-datepicker-next { top:3px; } #datepicker-inline .ui-datepicker .ui-datepicker-prev { left:5px; } #datepicker-inline .ui-datepicker .ui-datepicker-next { right:5px; } #datepicker-inline span { width:25px !important; display:block; } /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } /*.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }*/ .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } #ui-datepicker-div { display:none; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } /* ----- RIDE THE CAROUSEL ----- */ /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ #mycarousel { padding:0px !important; margin:0px !important; } .jcarousel-container { position:relative; background:#FFF; } .jcarousel-clip { z-index:2; padding:10px; margin:0; overflow:hidden; position:relative; border-bottom:1px solid #CFCFCF; border-top:1px solid #CFCFCF; background:url(mycarousel-bg.gif) no-repeat; } .jcarousel-list { z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0; } .jcarousel-list li,.jcarousel-item { list-style:none; padding:0px !important; margin:0px; background:none !important; /* We set the width/height explicitly. No width/height causes infinite loops. */width:160px; height:368px; overflow:hidden; } .jcarousel-clip-vertical { width:160px; height:348px; } /** * The buttons are added dynamically by jCarousel before * the