/* Browser Reset ---------------------------- */ body,div,ul,ol,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } fieldset,img { border: 0; } ol,ul { list-style: none; } caption,th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-size: 100%; } q:before,q:after { content:''; } abbr,acronym { border: 0; } /* Default ---------------------------- */ body { background-color: #E7BD5B; } body, td { font: 12px Arial, Verdana, Helvetica, sans-serif; color: #444444; } body#blank-template { background: none; } p { margin: 0 0 10px 0; line-height: 1.35em; } a { color: #AF0007; text-decoration: none; font-weight: bold; } a:hover, a:active { text-decoration: underline; } label { font-weight: bold; cursor: pointer; color: #444444; } h1, h2, h3, h4, h5, h6 { color: #eb1c21; } h1 { font-size: 27px; margin: 0 0 20px 0; } h2 { font-size: 20px; margin: 0 0 15px 0; } h3 { color: #AF0007; font-size: 14px; margin: 0 0 7px 0; } h3 a { text-decoration: none; } h4 { font-size: 16px; font-weight: bold; margin: 0 0 2px 0; color: #000; } h4 a { text-decoration: none; } h5, h6 { font-size: 13px; margin: 0 0 5px 0; color: #000; } hr { border: none; border-top: 1px solid #d6d6d6; height: 1px; padding: 0; margin: 0 0 15px 0; } ul, ol { list-style: square; margin: 0 0 20px 30px; padding: 0; } ol { list-style: decimal; margin: 0 0 30px 45px; padding: 0; } li { margin: 0 0 5px 0; } object, embed { margin: 0 0 15px 0; } .red-text { color: #AF0007; } .gold-text { color: #E7BD5B; font-size: 12px; margin-left: 0; } .bold { font-weight: bold; } .em { font-style: italic; } /* Clearing ---------------------------- */ .clear { clear: both; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* Header & Navigation ---------------------------- */ #header { background: transparent url(nav-bg.gif) repeat-x top; height: 200px; width: 100%; } #header #venues { color: #916200; font-size: 11px; height: 14px; margin: 0 auto; padding: 5px 0; position: relative; text-align: center; width: 1050px; z-index: 2; } #header #venues ul{ margin: 0; padding: 0;} #header #venues li{ display: inline; list-style: none; margin: 0; padding: 0;} #header #venues li a { color: #916200; margin: 0 6px; padding: 0; text-decoration: none; } #header #venues li a:hover { color: #E52026; } #header #header-flash { background: transparent url(logo-bg.jpg) no-repeat 300px 0; margin: 0 auto; width: 1000px; } #header #nyflashnav { float: left; margin-top: 41px; width: 360px; } #header #national-tour-nav { display: none; } #header #logo h1 { margin: 0; } #header #logo h1 a { background: transparent url(logo-trans.png) no-repeat; float: left; height: 160px; margin-left: 40px; overflow: hidden; text-indent: -9999px; width: 200px; } #nationaltour #header #logo h1 a { background: transparent url(logo-2-trans.png) no-repeat; float: left; height: 160px; margin-left: 40px; overflow: hidden; text-indent: -9999px; width: 200px; } #header #nycountdown { float: right; margin-top: 41px; width: 340px; } #header #national-countdown { display: none; } #main_navigation { margin: 0 auto ; width: 1035px; } #nav { height: 52px; list-style-type: none; margin: -21px auto 0; position: absolute; width: 1035px; z-index: 1; } #nav a { display: block; } #nav li { float: left; } #nav li.item5 { display: none; } #nav li a.item1, #nav li a.item2, #nav li a.item3, #nav li a.item4, #nav li a.item5, #nav li a.item6, #nav li a.item7, #nav li a.item8, #nav li a.item9 { background: transparent url(navigation-sprite-trans.png) no-repeat; float: left; height: 52px; position: relative; text-indent: -9999px; overflow: hidden; z-index: 2; } #nav li a.item1 { width: 155px; background-position: 0 0; } #nav li a.item2 { width: 182px; background-position: -142px 0; } #nav li a.item3 { width: 112px; background-position: -311px 0; } #nav li a.item4 { width: 92px; background-position: -413px 0; } #nav li a.item5 { width: 123px; background-position: -492px 0; } #nav li a.item6 { width: 141px; background-position: -615px 0; } #nav li a.item7 { width: 144px; background-position: -743px 0; } #nav li a.item8 { width: 92px; background-position: -870px 0; } #nav li a.item9 { width: 99px; background-position: -949px 0; } #nav li a.item1:hover { background-position: 0 -52px; } #nav li a.item2:hover { background-position: -142px -52px; } #nav li a.item3:hover { background-position: -311px -52px; } #nav li a.item4:hover { background-position: -413px -52px; } #nav li a.item5:hover { background-position: -492px -52px; } #nav li a.item6:hover { background-position: -615px -52px; } #nav li a.item7:hover { background-position: -743px -52px; } #nav li a.item8:hover { background-position: -870px -52px; } #nav li a.item9:hover { background-position: -949px -52px; } #nav li ul { position: absolute; width: 106px; left: -999em; list-style-type: none; margin: 0 0 0 15px; padding: 0; top: 36px; } #nav li ul li { margin-bottom: 0; } #nav li ul li a { background: transparent url(sfhover-bg.jpg) no-repeat; color: #FFF; font-size: 12px; height: 28px; margin: 0; padding-top: 12px; text-align: center; width: 141px; } #nav li ul li a:hover { background: transparent url(sfhover-bg-hover.jpg) no-repeat; text-decoration: none; } #nav li:hover ul { left: auto; padding: 0; position: absolute; } #nav li:hover ul, #nav li.sfhover ul { left: auto; } /* Layout ---------------------------- */ #container { background: transparent url(main-bg.jpg) no-repeat top center; margin: 0 auto; min-height: 1066px; } #wrapper-1 { margin: 30px auto 0; width: 985px; } #wrapper-2 { margin: 0 auto 12px; width: 985px; } #wrapper-2 #col-1 { float: left; width: 665px; } #wrapper-2 #col-2 { float: right; width: 320px; } #wrapper-2 #flashcontent-home { margin: -43px 0 -10px; } #wrapper-3 { margin: 70px auto 0; width: 985px; } #box { background: #FFF url(box-bg.gif) repeat-y; margin-bottom: 5px; width: 665px; } .box-top { background: transparent url(box-top.gif) no-repeat top left; width: 665px; } .box-bot { background: transparent url(box-bot.gif) no-repeat bottom left; padding: 25px; width: 615px; } /* Right column ---------------------------- */ #col-2 .promo { background: transparent url(promo-bg.jpg) no-repeat bottom right; color: #FFF; font-size: 11px; height: 352px; margin: -15px 0 10px; padding-top: 17px; width: 325px; } #col-2 .promo a { color: #FFF; text-decoration: none; } #col-2 .promo a:hover { text-decoration: underline; } #col-2 .promo1 { background: transparent url(promo-1-trans.png) no-repeat top left; position: absolute; } #col-2 .promo2 { background: transparent url(promo-2-trans.png) no-repeat top left; position: absolute; } #col-2 .promo3 { background: transparent url(promo-3-trans.png) no-repeat top left; position: absolute; } #col-2 .promo1 h3, #col-2 .promo2 h3, #col-2 .promo3 h3 { color: #FFF; font-size: 14px; margin-bottom: 5px; width: 130px; } #col-2 .promo1 p, #col-2 .promo2 p, #col-2 .promo3 p { margin-bottom: 0; width: 135px; } #col-2 .promo p.learn-more { padding-top: 5px; } #col-2 .promo p.learn-more a { font-weight: bold; } #col-2 #ad300x250 { float: right; width: 300px } #col-2 .advertisement-header { background: transparent url(advertisement-header.gif) no-repeat; height: 16px; margin: 0 0 0 20px; padding: 0; width: 300px; } /* Footer ---------------------------- */ #footer { background: transparent url(footer-bg.gif) repeat-x bottom; height: 56px; margin-top: 15px; width: 100%; } #footer ul { font-size: 11px; list-style-type: none; margin: 0 auto 0; padding-top: 12px; width: 975px; } #footer ul li { display: inline; color: #FFF; } #footer ul li a { color: #FFF; margin: 0 6px; text-decoration: none; } #footer ul li a:hover { color: #E7BD5B; } #footer ul li .last-link { font-weight: bold; margin-left: 355px; } /* About the Show ---------------------------- */ .about-the-show-content { float: left; width: 300px; } .about-the-show h2 { background: transparent url(hdr-about-the-show.gif) no-repeat; height: 16px; text-indent: -9999px; width: 132px; } .about-the-show h3 { margin-bottom: 2px; } .about-the-show .about-the-show-image { float: right; width: 300px; } .about-the-show img { border: 2px solid #E7BD5B; margin-bottom: 5px; padding: 5px; } .about-the-show .ticket-info-1 { float: left; margin-right: 10px; width: 150px; } .about-the-show .ticket-info-2 { float: left; width: 140px; } .what-others-say h2 { background: transparent url(hdr-what-others-say.gif) no-repeat; height: 20px; text-indent: -9999px; width: 213px; } .what-others-say p { width: 290px; } .what-others-say-1 { float: left; width: 300px; } .what-others-say-2 { float: right; width: 300px; } /* News & Reviews ---------------------------- */ .news-reviews h2 { background: transparent url(hdr-news-reviews.gif) no-repeat; height: 17px; text-indent: -9999px; width: 287px; } dl dd a { text-decoration: underline; } dl dd a:hover { text-decoration: none; } dl.news-thumb { position: relative; margin: 0; padding: 0 0 15px 90px; } dl.news-thumb dt, dl.news-thumb dd { margin: 0 0 2px 0; padding: 2px 0 0 0; } dl.news-thumb dt { font-size: 14px; margin-bottom: 2px; } dl.news-thumb dd.thumb { position: absolute; top: 0; left: 0; } dl.news { position: relative; margin: 0; padding: 0 0 15px; } dl.news dt { font-size: 14px; margin-bottom: 2px; } /* Press & Media ---------------------------- */ .press-media h2.hdr-press-releases { background: transparent url(hdr-press-releases.gif) no-repeat; height: 17px; text-indent: -9999px; width: 130px; } .press-media h3 { font-size: 16px; margin-bottom: 10px; } .press-media h3.national-tour { margin-top: 25px; } .press-media p { font-size: 12px; } .press-media a { font-size: 12px; text-decoration: underline; } .press-media a:hover { text-decoration: none; } .media-contacts h2 { background: transparent url(hdr-media-contacts.gif) no-repeat; height: 17px; text-indent: -9999px; width: 132px; } .media-contacts h3 { font-size: 16px; margin-bottom: 10px; } .media-contacts .new-york-col { float: left; width: 300px; } .media-contacts .national-col { float: right; width: 300px; } .media-contacts a { text-decoration: underline; } .media-contacts a:hover { text-decoration: none; } /* Sponsors ----------------------*/ .sponsors-container { width: 645px; height: 160px; background: #FFF4DD url(sponsors-container-bg.gif); padding: 0 0 6px 20px; _padding-bottom: 5px; margin-bottom: 15px; } #presenting-sponsor-container { _padding-bottom: 12px; } #presenting-sponsor-container h2 { background: url(hdr-presenting-sponsor.gif) no-repeat; text-indent: -9999px; margin-top: 0; position: relative; width: 170px; height: 21px; top: 18px; left: 0; } #presenting-sponsor-container p { float: left; width: 318px; margin-top: 20px; } #presenting-sponsor-container img { float: left; margin-right: 25px; margin-top: 16px; } #presenting-sponsor-container h3.capital-one { background: url(hdr-capital-one.gif) no-repeat; text-indent: -9999px; width: 300px; float: left; margin-top: 18px; margin-bottom: 0; height: 14px; } #presenting-sponsor-container a { float: left; color: #94000D; font-size: 0.9em; margin: 0; } #official-sponsors-container { width: 645px; height: 293px; background: #FEF3DC url(ny-official-sponsors-bg.gif); padding: 5px 0 0 20px; } .sponsors-container h2#official-sponsors-hdr { text-indent: -9999px; background: url(hdr-official-sponsors.gif) no-repeat; position: relative; top: 18px; width: 300px; margin-bottom: 35px; left: 0; } #official-sponsors-container .sponsor { float: left; width: 310px; height: 105px; } #official-sponsors-container .sponsor img { margin-bottom: 9px; } #official-sponsors-container .sponsor p { margin: 0; padding: 0; } #official-sponsors-container .sponsor a { margin: 0; padding: 0; color: #94000D; font-size: 0.9em; margin: 0; } #promotional-sponsors-container {} #promotional-sponsors-container h3 { text-indent: -9999px; background: url(hdr-promotional-sponsors.gif) no-repeat; height: 20px; position: relative; top: 18px; left: 0; width: 310px; margin-bottom: 50px; } #promotional-sponsors-container p { display: block; float: left; width: 180px; height: 65px; margin: 0; padding: 0; } #promotional-sponsors-container p.last { width: 65px; } #promotional-sponsors-container p span { float: left; margin-left: 49px; } /* Calendar ----------------------*/ .group-sales-offerkey { width: 665px; } .group-sales-accordion { float: left; width: 337px; } .group-sales-accordion h2 { background: transparent url(hdr-more-group-offers-trans.png) no-repeat; height: 65px; margin: 0 0 0 -25px; text-indent: -9999px; width: 253px; } .pricing-key { float: right; width: 300px; } .pricing-key h2 { background: transparent url(hdr-pricing-trans.png) no-repeat; height: 65px; margin: 0 0 0 -25px; text-indent: -9999px; width: 165px; } .pricing-disclaimer { font-size: 0.95em; padding: 20px 0 0 10px; color:#ffffff; } #group-sales a.get-tickets { background: transparent url(get-tickets-btn.gif) no-repeat; display: block; height: 26px; margin-left: 10px; overflow: hidden; text-indent: -9999px; width: 105px; } #group-sales a.get-tickets:hover { background: transparent url(get-tickets-btn-hover.gif) no-repeat; height: 26px; width: 105px; } /* NY Ticket ----------------------*/ #ny-tickets { background: transparent url(common-ticket-frame-l.gif) no-repeat; height: 257px; } #ny-tickets #pricing-key { background: transparent url(sub-content-bg-l.gif) no-repeat; height: 239px; } #ny-tickets #group-sales { background: transparent url(sub-content-bg-l.gif) no-repeat; height: 239px; } #ny-tickets .seating-chart { width: 250px; } #ny-tickets .seating-chart img { border: 1px solid #CA9D3B; float: left; margin-left: 12px;padding: 2px; width: 98px; } #ny-tickets .seating-chart p a { color: #FFF; float: right; margin-top: 45px; width: 120px; } #ny-tickets .seating-chart p a:hover { text-decoration: underline; } /* Sponsors Footer ---------------------------- */ .insider { float: left; width: 248px; } .sponsors-capital-one-bank { float: right; width: 161px; } .sponsors-capital-one { float: right; width: 161px; } .sponsors-capital-one-cc { float: right; width: 160px; } .sponsors-hallmark-jetblue-amex { float: right; margin-left: 70px; width: 310px; } .sponsors-hallmark-jetblue-amex .sponsor-2 { padding-left: 5px; } .sponsors-hallmark-jetblue-amex .sponsor-3 { padding-left: 15px; } .sponsors-hilton-garden-inn { float: right; margin-left: 70px; width: 138px; } /* Showvite ---------------------------- */ h2.hdr-sell-a-thon { background: transparent url(/media/content/newyork/hdr-sell-a-thon-trans.png) no-repeat; height: 55px; margin-bottom: 0; text-indent: -9999px; width: 122px; } .showvite .showvite-top { background: transparent url(/media/content/newyork/showvite-logo.gif) no-repeat; } .showvite .showvite-top p, .showvite .showvite-top ul { float: right; width: 320px; } .showvite hr { border-color: #B1740C; } .showvite ul { padding-left: 15px; } .showvite li { padding-bottom: 10px; } h2.hdr-showvite { background: transparent url(/media/content/newyork/hdr-showvite-trans.png) no-repeat; height: 65px; margin-bottom: 0; text-indent: -9999px; width: 138px; } .showvite-groups .showvite-top { background: transparent url(/media/content/newyork/showvite-logo.gif) no-repeat; padding-bottom: 40px; } .showvite-groups .showvite-top h3, .showvite-groups .showvite-top p { float: right; margin-right: 10px; width: 300px; } .showvite-groups ul { margin-left: 15px; } .showvite-groups p, .showvite-groups ul, .showvite-groups ol { width: 500px; } .showvite-pricing-key { float: left; width: 327px; } .showvite-pricing-key h2 { background: transparent url(hdr-showvite-pricing-trans.png) no-repeat; height: 62px; margin-bottom: 0; text-indent: -9999px; width: 258px; } /*Downloads*/ /*--------------------------*/ #downloads-box { background: transparent url(/media/content/2009/box-bg.gif) repeat-y; margin-bottom: 15px; width: 665px; margin-top: 56px; } #downloads-box .downloads-box-top { background: transparent url(/media/content/2009/box-top.gif) no-repeat top left; width: 665px; } #downloads-box .downloads-box-bot { background: transparent url(/media/content/2009/box-bot.gif) no-repeat bottom left; width: 645px; padding: 11px 10px 15px; margin: 0; position: relative; text-align: center; } #downloads-box #downloads-nav { position: absolute; top: -36px; left: 0; margin: 0; padding: 0; } #downloads-box #downloads-nav li { display: inline; margin: 0; padding: 0; } #downloads-box #downloads-nav li a { display: block; float: left; text-indent: -9999px; } #downloads-box #downloads-nav li a.wallpapers { background: url(downloads-sprite.gif) 0px 0px; width: 156px; height: 42px; overflow: hidden; } #downloads-box #downloads-nav li a.coloring-book { background: url(downloads-sprite.gif) -156px 0px; width: 153px; height: 42px; overflow: hidden; } #downloads-box #downloads-nav li a.ringtones { background: url(downloads-sprite.gif) -308px 0px; width: 155px; height: 42px; overflow: hidden; } #downloads-box #downloads-nav li a:hover.wallpapers { background: url(downloads-sprite.gif) 0px -43px; width: 156px; height: 42px; } #downloads-box #downloads-nav li a:hover.coloring-book { background: url(downloads-sprite.gif) -156px -43px; width: 153px; height: 42px; } #downloads-box #downloads-nav li a:hover.ringtones { background: url(downloads-sprite.gif) -308px -43px; width: 155px; height: 42px; } #downloads-box #downloads-nav li a.wallpapers.active { background: url(downloads-sprite.gif) 0px -86px; width: 156px; height: 42px; } #downloads-box #downloads-nav li a.coloring-book.active { background: url(downloads-sprite.gif) -156px -86px; width: 153px; height: 42px; } #downloads-box #downloads-nav li a.ringtones.active { background: url(downloads-sprite.gif) -308px -86px; width: 155px; height: 42px; } #downloads-box a { text-decoration: underline; } #downloads-box a:hover { text-decoration: none; } #downloads-box p { text-align: left; margin: 5px 0 10px 3px; } /*Wallpapers - Downloads*/ #downloads-box .link-wallpapers { text-align: left; margin: 10px 0 0 7px; padding: 0 0 12px; display: block; width: 200px; } #downloads-box .wallpaper-sub { width: 215px; float: left; height: 200px; } #downloads-box .wallpaper-sub ul { margin: 13px 0 0; padding: 0; } #downloads-box .wallpaper-sub ul li { list-style: none; } #downloads-box .wallpaper-sub ul li a {} #downloads-box #wallpaper-main img { padding: 2px; border: 1px solid #CFA101; } #downloads-box #wallpaper-main ul { margin: 10px 0 15px; padding: 0; } #downloads-box #wallpaper-main li { display: inline; margin-left: 35px; margin-right: 36px; } #downloads-box #wallpaper-main li a {} /*Coloring Book - Downloads*/ #downloads-box .page-container { width: 320px; height: 435px; float: left; } #downloads-box .page-container h2 { width: 50px; height: 18px; background-repeat: no-repeat; text-indent: -9999px; margin-left: 12px; margin-top: 0; margin-bottom: 5px; } #downloads-box .page-container .page-1 { background-image: url(hdr-page-1.gif); } #downloads-box .page-container .page-2 { background-image: url(hdr-page-2.gif); } #downloads-box .page-container .page-3 { background-image: url(hdr-page-3.gif); } #downloads-box .page-container .page-4 { background-image: url(hdr-page-4.gif); } #downloads-box .page-container img { border: 1px solid #CEA000; } /*Ringtones - Downloads*/ #downloads-box.ringtones {} #downloads-box.ringtones .phone { float: left; margin: 10px 15px 20px; } #downloads-box.ringtones p { width: 367px; float: left; } #downloads-box.ringtones .ringtone-last { margin-bottom: 100px; } #downloads-box.ringtones table th { background: url(ringtones-header.jpg); text-indent: -9999px; height: 20px; } #downloads-box.ringtones table { margin: 0 0 25px 16px; border-collapse: collapse; } #downloads-box.ringtones table td { padding: 7px; border-right: 1px solid #434343; } #downloads-box.ringtones table tr.ringtone-bottom { border-bottom: 1px solid #EBBF50; } #downloads-box.ringtones table td.ringtone-right { border-right: 1px solid #EBBF50; } #downloads-box.ringtones table tr { border-right: 1px solid #ECC051; border-left: 1px solid #ECC051; border-bottom: 1px solid #434343; } #downloads-box.ringtones tr.ringtone-header { border: none; } /* Dev CSS ---------------------------- */ /*[fmt]1010-110A-3*/ /*Photo Gallery*/ #cities-column { float: left; width: 130px; } #cities-column.first { width: 195px; } #cities-column.second { width: 159px; } #cities-column.third { border-right: 1px solid #B68C35; } #cities-column.fourth { width: 70px; padding-left: 24px; } #cities-column h2 { background: url(hdr-cities-list.gif) no-repeat 0px -252px; text-indent: -9999px; height: 13px; margin: 12px 0 9px; padding: 0; font-size:6px; } #cities-column h2#alabama { background-position: 0 0; } #cities-column h2#dc { background-position: 0 -14px; } #cities-column h2#florida { background-position: 0 -28px; } #cities-column h2#georgia { background-position: 0 -42px; } #cities-column h2#kentucky { background-position: 0 -56px; } #cities-column h2#maryland { background-position: 0 -70px; } #cities-column h2#michigan { background-position: 0 -84px; } #cities-column h2#nc { background-position: 0 -98px; } #cities-column h2#ohio { background-position: 0 -112px; } #cities-column h2#pennsylvania { background-position: 0 -126px; } #cities-column h2#sc { background-position: 0 -140px; } #cities-column h2#tn { background-position: 0 -154px; } #cities-column h2#texas { background-position: 0 -168px; } #cities-column h2#virginia { background-position: 0 -182px; } #cities-column h2#washington { background-position: 0 -196px; } #cities-column h2#wv { background-position: 0 -210px; } #cities-column h2#canada { background-position: 0 -224px; } #cities-column a { display: block; color: #535353; font-weight: normal; font-size: 11px; margin-bottom: 2px; margin-top: 3px; } .box .gallery-text-header { display: none; } /*----------------------*/ #photos .box { background: #FFF url(box-bg.gif) repeat-y; margin-bottom: 5px; width: 665px; } #photos .box h2 { color: #FFF; margin: 0; padding: 5px 0 0 10px; width: 638px; height: 57px; background: url(photo-header-gradient.gif); } #photos .box h3 { color: #FFF; } .gallery .box .gradient { background: url(photo-header-gradient.gif) repeat-x; width: 638px; height: 61px; padding: 8px 0 0 10px; } .gallery { width: 665px; height: 490px; background: url(photo-container-redux-bg.gif) no-repeat 0px 13px; padding-top: 0; margin-top: 17px; position: relative; } .gallery .views { width: 309px; margin: 0; padding: 0; text-align: center; position: absolute; top: 17px; left: 226px; } .gallery .views li { display: inline; width: 112px; height: 26px; } .gallery .views li a { text-indent: -9999px; } .gallery .views li a.tnView { display: block; width: 106px; height: 26px; float: left; background: url(gallery-controls.gif) no-repeat -112px -3px; } .gallery .views li a:hover.tnView { background: url(gallery-controls.gif) no-repeat -112px -66px; } .gallery .views li a.ssView { display: block; background: url(gallery-controls.gif) 1px -3px; width: 106px; height: 26px; float: left; margin-right: 1px; padding-right: 6px; } .gallery .views li a:hover.ssView { background: url(gallery-controls.gif) no-repeat 1px -66px; } .gallery .content { position: absolute; width: 653px; height: 400px; top: 45px; left: 6px; padding: 5px 5px 5px 3px; } .gallery .content .slideshow { padding: 2px; border: 2px solid #E1C587; } .gallery .mediaHolder {} .gallery .mediaHolder .content p { width: 630px; margin-left: 11px; } .gallery .mediaHolder .content h2 { margin: 7px 0 7px 10px; padding: 0; font-size: 1.1em; color: #8D0507; } .gallery .mediaHolder .content h2 span { display: inline; margin-left: 15px; font-weight: normal; } .gallery .navBar { width: 665px; margin: 0; padding: 0; position: absolute; top: 0px; left: 0px; } .gallery .navBar li { display: inline; } .gallery .navBar li.next { float: right; } .gallery .navBar li.next a { background: url(gallery-previous-next.gif) no-repeat -116px -35px; display: block; width: 111px; height: 33px; text-indent: -9999px; } .gallery .navBar li.next a:hover { background: url(gallery-previous-next.gif) no-repeat -116px -4px; display: block; width: 111px; height: 33px; text-indent: -9999px; } .gallery .navBar li.previous { float: left; } .gallery .navBar li.previous a { background: url(gallery-previous-next.gif) no-repeat -4px -34px; display: block; width: 111px; height: 33px; text-indent: -9999px; } .gallery .navBar li.previous a:hover { background: url(gallery-previous-next.gif) no-repeat -5px -2px; display: block; width: 111px; height: 33px; text-indent: -9999px; } .carousel-container { background: #FDF2DB url(photo-carousel-bg.gif); width: 665px; height: 275px; margin: 0; } .carousel-container h2#all-photo-galleries-hdr { text-indent: -9999px; background: url(hdr-all-photo-galleries.gif) no-repeat; width: 158px; height: 16px; position: relative; top: 15px; left: 15px; } #jcarousel-rccs p { font-size: 0.9em; margin-left: 10px; } #jcarousel-rccs h3 { font-size: 0.9em; height: 35px; margin: 0 0 0 10px; } #jcarousel-rccs img { padding: 2px; margin: 0 0 0 6px; border: 1px solid #E0C486; } /* Videos ----------------------*/ .rccs-video { background: transparent url(video-player-bg.gif) no-repeat; width: 665px; height: 491px; padding: 12px; } .video-content { background: #fff6e3; width: 620px; padding: 10px; height: 446px; overflow: hidden; } .video-info p { width: 600px; margin-left: 11px; } .video-info h2 { margin: 0 0 7px 10px; padding: 0; font-size: 1.1em; color: #8D0507; } .carousel-container { background: #FDF2DB url(photo-carousel-bg.gif); width: 665px; height: 275px; margin: 0 0 0; } .carousel-container h2#related-videos-hdr { text-indent: -9999px; background: url(hdr-related-videos.gif) no-repeat; width: 127px; height: 17px; overflow: hidden; position: relative; top: 15px; left: 15px; } /*+clearfix {*/ .global-carousel-bot:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; } .global-carousel-bot { display: inline-block; } .global-carousel-bot {/*\*/ display: block; /**/ _height: 1px; } /*+}*/ #global-carousel { background: transparent url(box-bg.gif) repeat-y; margin-top: 15px; margin-bottom: 15px; width: 665px; } .global-carousel-top { background: transparent url(box-top.gif) no-repeat top left; width: 665px; } .global-carousel-bot { background: transparent url(box-bot.gif) no-repeat bottom left; width: 665px; padding: 7px 0 0 7px; } #generic-carousel { height: 260px; } #generic-carousel .jcarousel-item h3 { font-size: 12px; } #generic-carousel .jcarousel-item p { font-size: 11px; } .jcarousel-skin-tango .jcarousel-item-horizontal img { border: 1px solid #B7850D; padding: 1px; } .jcarousel-skin-tango .jcarousel-container { margin-top: 10px; } .jcarousel-skin-tango .jcarousel-container-horizontal { width: 570px; padding: 0px 40px 0px 33px; margin-left: 7px; margin-top: 15px; height: 280px; } .jcarousel-skin-tango .jcarousel-container-vertical { width: 75px; height: 245px; padding: 40px 20px; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 555px; height: 260px; border-right: 1px solid #D7AC47; border-left: 1px solid #D6AB47; padding: 0 7px; } .jcarousel-skin-tango .jcarousel-clip-vertical { width: 75px; height: 245px; } .jcarousel-skin-tango .jcarousel-item { width: 75px; height: 260px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 10px; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #FFF; color: #000; } .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 95px; right: 20px; width: 15px; height: 40px; cursor: pointer; background: transparent url(back-forward-arrows.gif) no-repeat -11px 0; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -30px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 95px; left: 15px; width: 15px; height: 40px; cursor: pointer; background: transparent url(back-forward-arrows.gif) no-repeat 2px 0; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; } /*jCarousel dynamic elements ----------------------*/ .jcarousel-clip-horizontal {width: 100%;} .jcarousel-item {height: 100%;} .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /*We set the width/height explicitly. No width/height causes infinite loops.*/ width: 75px; height: 75px; } .jcarousel-next { z-index: 3; display: none; } .jcarousel-prev { z-index: 3; display: none; } /*Group Tickets Accordion ----------------------*/ .accordion { margin: 0; padding: 0; list-style: none; width: 337px; } .accordion li { margin: 0; padding: 0; } .accordion li a.showvite, .accordion li a.vip, .accordion li a.inclusive, .accordion li a.perform { display: block; height: 28px; overflow: hidden; text-indent: -9999px; } .accordion li a.showvite { background: url(accordion-tabs.gif); } .accordion li a.vip { background: url(accordion-tabs.gif) 0px -28px; } .accordion li a.inclusive { background: url(accordion-tabs.gif) 0px -84px; } .accordion li a.perform { background: url(accordion-tabs.gif) 0px -56px; } .accordion div { height: 134px; background: url(accordion-bg.gif); padding: 8px 10px 5px; } .accordion div a.accordion-img { float: right; } .accordion div a.accordion-img img { border: 1px solid #CAA651; padding: 2px; } .accordion p a { color: #E7BD5B; text-indent: 0px; padding: 0; margin: 0; } .accordion p { margin: 0; padding: 0; color: #FFF; float: left; font-size: 11px; width: 200px; } #city-page-header-container { color: #FFF; width: 968px; height: 70px; margin-top: 20px; background: url(city-page-header-bg.gif) no-repeat; padding: 8px 0 0 7px; margin-bottom: 15px; } .city-page-float p { float: right; margin-top: 7px; margin-right: 12px; text-decoration: none; font-size: 0.9em; color: #FFF; } .city-page-float a:hover { color: #FBDB98; } .city-page-float a { color: #FFF; margin: 0 12px 0 3px; /*[empty]float:;*/ float: right; } .city-page-float a.last { border-right: 1px solid #FFF; padding-right: 9px; margin-right: 6px; } .city-page-float select { width: 230px; margin-left: 233px; margin-top: 3px; margin-bottom:10px; } .city-page-float .select-metadata { color: #FFF; } #city-page-header { background: url(city-page-header-gradient.gif) repeat-x; width: 950px; height: 61px; padding: 4px 0 0 10px; } #city-page-header h3 { font-size: 12px; color: #FFF; } #city-page-header h3 span { font-size: 0.7em; margin-left: 20px; } #nationaltour #city-page-header h3 .gold-text { color: #E7BD5B; font-size: 12px; margin-left: 0; } #city-page-header h2 { color: #FFF; font-size: 1.8em; margin: 0 0 3px; padding: 0; width: 385px; } .city-page-float { float: left; width: 475px; height: 55px; } #pricing-key { width: 305px; float: left; height: 239px; background: url(sub-content-bg-l.gif) no-repeat; color: #FFF; padding: 8px 8px 0 12px; margin: 5px 0 0 4px; } #pricing-key table { margin-left: 10px; } #pricing-key table tbody {} #pricing-key table tbody tr {} #pricing-key table tbody tr th { padding-bottom: 8px; } #pricing-key table tbody tr td, #group-sales table tbody tr td { color: #FFF; } #group-sales table { margin-left: 10px; } #group-sales td { text-align:left; } .common-ticket-container { width: 664px; background: url(common-ticket-frame-l.gif); height: 257px; } .common-ticket-container #group-sales { width: 305px; float: left; height: 239px; background: url(sub-content-bg-l.gif) no-repeat; color: #FFF; padding: 8px 8px 0 12px; margin: 5px 0 0 3px; } #group-sales p { padding: 0 0 0 9px; margin: 0 0 15px; } .common-ticket-container #group-sales a { color: #FFF; text-decoration: underline; } .common-ticket-container #group-sales a:hover { color: #FADA97; } #pricing-table table td p { margin: 0; padding: 0; } #city-group-sales { width: 305px; float: left; height: 154px; background: url(sub-content-bg.gif) no-repeat; color: #FFF; padding: 8px 8px 0 12px; } #group-sales h2 { text-indent: -9999px; background: url(hdr-group-sales.gif) no-repeat; margin: 15px 0 5px 10px; width: 85px; height: 17px; } #city-pricing-key { width: 305px; float: left; height: 154px; background: url(sub-content-bg.gif) no-repeat; color: #FFF; padding: 8px 8px 0 12px; } #city-pricing-key th { font-weight: bold; padding-bottom: 5px; } #city-pricing-key td { color: #FFF; } #pricing-key h2 { text-indent: -9999px; background: url(hdr-pricing-key.gif) no-repeat; margin: 15px 0 0 10px; height: 17px; width: 83px; } .pricing-table { width: 658px; background: #F7EEC1 url(city-page-table-bg.gif); height: 94px; position: relative; margin: 0 0 15px; padding: 7px 0 0 7px; } #pricing-table table { border-collapse: collapse; width: 500px; margin: 0 0 15px 66px; } #pricing-table table tr {} #pricing-table table tr.border td { border-bottom: 1px solid #434343; } #pricing-table table td { padding: 2px 0; } #pricing-table table td.left { text-align: left; width: 166px; } #pricing-table table td.center { text-align: center; width: 166px; } #pricing-table table td.right { text-align: right; width: 166px; } #pricing-table a { font-size: 11px; } #pricing-table h2 { width: 646px; background: url(hdr-city-page-table.gif); position: relative; font-size: 12px; padding: 2px 0 2px 4px; color: #FFF; margin: 0 0 10px; } #pricing-table { background: transparent url(/media/content/2009/box-bg.gif) repeat-y; margin-bottom: 15px; width: 665px; } .pricing-table-top { background: transparent url(/media/content/2009/box-top.gif) no-repeat top left; width: 665px; } .pricing-table-bot { background: transparent url(/media/content/2009/box-bot.gif) no-repeat bottom left; width: 665px; padding: 7px 0 0 7px; } .monthnav-container { width: 260px; height: 44px; position: relative; padding: 5px 0 0 5px; } .calendar-container { background: url(calendar-bg.gif) no-repeat; position: relative; width: 665px; height: 531px; top: -9px; left: 0; padding: 5px 0 0 5px; } .calendar-captions {float: right; font-size: 11px; margin: 10px 5px 0 0px; } .filter-container { float: right; margin-bottom: 5px; width: 300px; } ul.tabNavigation { list-style: none; margin: 0; padding: 0; height: 32px; } ul.tabNavigation li { display: inline; /*[empty]height:;*/ } ul.tabNavigation li a { color: #000; text-decoration: none; display: block; float: left; text-indent: -9999px; margin-left: 1px; } ul.tabNavigation li.group-1 a.selected, ul.tabNavigation li.group-1 a.selected:hover { background: url(group-sales-tabs.gif); height: 32px; margin: 0; width: 176px; } ul.tabNavigation li.group-1 a { background: url(group-sales-tabs.gif) 0 -33px; height: 26px; margin: 6px 0 0 0; width: 118px; } ul.tabNavigation li.group-1 a:hover { background: url(group-sales-tabs.gif) 0 -60px; height: 26px; width: 118px; } ul.tabNavigation li.group-2 a.selected, ul.tabNavigation li.group-2 a.selected:hover { background: url(group-sales-tabs.gif) -176px 0; height: 32px; margin: 0; width: 133px; } ul.tabNavigation li.group-2 a { background: url(group-sales-tabs.gif) -118px -33px; height: 26px; margin: 6px 0 0 0; width: 87px; } ul.tabNavigation li.group-2 a:hover { background: url(group-sales-tabs.gif) -118px -60px; height: 26px; width: 87px; } ul.tabNavigation li a:focus { outline: 0; } div.tabs>div {} div.tabs>div h2 { margin-top: 0; } .pricing-key #first { width: 300px; height: 214px; background: url(group-sales-data.gif); } .pricing-key #second { width: 300px; height: 134px; background: url(group-sales-data.gif) 0px -215px; } .gallery .slideshowView .navBar li.pagination { position: relative; top: 418px; left: 500px; color: #AF0007; } .gallery .thumbnailView .navBar li.pagination { position: relative; top: 460px; right: 100px; color: #AF0007; } .carousel-container { background: #FDF2DB url(photo-carousel-bg.gif); width: 665px; height: 275px; margin: 15px 0 0; } .carousel-container h2#all-photo-galleries-hdr { text-indent: -9999px; background: url(hdr-all-photo-galleries.gif) no-repeat; width: 158px; height: 16px; position: relative; top: 15px; left: 15px; } .gallery .imgContainer { border: 2px solid #e9cf89; max-width: 640px; padding: 2px; _width: 640px; } .gallery .caption { padding: 5px; } .gallery .caption h3 { margin: 0; } ul.thumbnails { width: 645px !important; margin: 0; overflow: hidden; padding: 20px; } ul.thumbnails li { display: block; margin: 10px 20px; float: left; }