/* hmv.com - tickets.css 26/10/2008 - magazine page 3620 */ /* ----------------------------------------------------- */ #hmvtixcontainer {width: 660px; height: 100%; margin: auto; color: #000; font: 14px Arial, Helvetica, sans-serif;} #hmvtixcontainer a {color: #500055;} #hmvtixcontainer a:hover {color: #000;} #hmvtixheader {width: 660px; height: 227px; display: block; background: url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets_header.jpg) no-repeat; position: relative;} #hmvtixheader a {display: block;} #hmvtixcontent {background: #fff; padding: 5px 10px;} #hmvtixcontent #betheretop10 h4 {height: 42px; width: 660px; background: url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets_bethere-bar.jpg); display: block; margin-left: -10px;} #hmvtixcontent #eventstop5 h4{height: 42px; width: 660px; background: url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets_events-bar.jpg); display: block; margin-left: -10px;} #hmvtixcontent ul {margin-left: 0; list-style-type: none;} #hmvtixcontent li {margin-bottom: 3px;} #hmvtixcontent ul li a {color: #ed0677; font-weight: bold; font-size: 14px;} #hmvtixcontent #hmvtixsignup h4{height: 42px; width: 660px; background: url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets_signup-bar.jpg); display: block; margin-left: -10px;} #hmvtixcontainer a img {border: none;} #hmvtixcontent #searchcomponent {height: 64px; width: 568px; background: url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets_search-bg.jpg); margin: 0 auto; position: relative;} #hmvtixcontent #signupcomponent {height: 62px; width: 565px; background: url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets_signup-bg.jpg); margin: 0 auto; position: relative;} #hmvtixcontent #signupcomponent form {position: absolute;} #hmvtixcontent #search_box {width: 201px; height: 31px; background: url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets_signup-bg.jpg);} #hmvtixcontent #search_form #s {float: left; margin-left: 192px; margin-top: 20px; border: 0; width: 189px; height: 23px; display: block; background: url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets_searchtextbox-bg.jpg) no-repeat; padding: 3px;} * html #hmvtixcontent #search_form #s {margin-left: 100px;} #hmvtixcontent #search_form #go {float: left; margin-left: 5px; margin-top: 21px; border: 0;} .hmvtixalttext {text-indent: -9999px;} /* new tickets styles added by nfox 20/05/2009 */ /* ------------------------------------------- */ html { height: 100%; } img, #artist-tickets { behavior: url("http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/pngbehavior.htc"); } #artist-tickets{ width: 660px; margin: 0 auto; clear: both; background-color: #000000; } #artist-tickets #wrapper{ text-align: left; float: left; width: 100%; background-color: #000; } #artist-tickets #slideshow{ display: none; } .artist-tickets-panel{ margin-top: 1em; margin-bottom: 1em; } #artist-tickets h1, #artist-tickets .event-panels h1, #artist-tickets h2, #artist-tickets h3{ color: #FFF; font-weight: bold; font-family: arial, verdana, sans-serif; margin-left: 14px; display: inline; font-size: 1.5em; } #artist-tickets #hero-panel1, #artist-tickets #hero-panel2, #artist-tickets #hero-panel3{ background: transparent url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/hero1.jpg) no-repeat top left; width: 440px; height: 225px; } #artist-tickets #hero-panel2{ background: transparent url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/hero2.jpg) no-repeat top left; } #artist-tickets #hero-panel3{ background: transparent url(http://www3.hmv.co.uk/hmv/Special_Images/uk/ticketshero3.jpg) no-repeat top left; } #artist-tickets .button-margin{ margin-top: 185px; margin-left: 10px; } #artist-tickets .left-col{ background: #000 url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/black_bottom.jpg) no-repeat bottom left; float:left; width: 440px; padding-bottom: 20px; overflow: hidden; } #artist-tickets .right-col{ float: right; width: 220px; background-color: #f7ef00; display: inline; overflow: hidden; } #artist-tickets .panels{ margin-left: 1em; float: left; margin-left: 14px; width: 427px; display: inline; } #artist-tickets .event-panel1, #artist-tickets .event-panel2, #artist-tickets .event-panel3, #artist-tickets .event-panel4 { background: #f7ef00 url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/mod_img1.jpg) no-repeat top left; width:99px; padding-left: 99px; margin-top: 1em; margin-right: 15px; float: left; height: 120px; } #artist-tickets .event-panel2{ background: #f7ef00 url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/mod_img2.jpg) no-repeat top left; } #artist-tickets .event-panel3{ background: #f7ef00 url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/mod_img3.jpg) no-repeat top left; } #artist-tickets .event-panel4{ background: #f7ef00 url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/mod_img4.jpg) no-repeat top left; } #artist-tickets .event-panel1 h2, #artist-tickets .event-panel2 h2, #artist-tickets .event-panel3 h2, #artist-tickets .event-panel4 h2, #artist-tickets h3{ color: #000; display: block; margin: 0; padding: 0; font-size: 1.3em; } #artist-tickets .cta{ display:block; margin-bottom:4px; padding-top: 0.7em; } #artist-tickets .cta a , #artist-tickets .heading-more .more a{ background: transparent url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/arrow.gif) no-repeat 100% 65%; width: 81px; display: block; color: #ea357d; font-weight: bold; text-decoration: none; font-family: arial, verdana, sans-serif; font-size: 1em; margin-left:2px; } #artist-tickets .spacing, #artist-tickets .spacing-float{ margin-top: 22px; } #artist-tickets .spacing-float{ float:left; } #artist-tickets .spacing-booknow{ position: absolute; bottom: 3px; left:0; } #artist-tickets .content-top{ background: #f7ef00 url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/mod_yellow-bg.gif) no-repeat top left; } #artist-tickets .content-bttm{ background: transparent url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/mod_yellow-bottom.jpg) no-repeat bottom left; } #artist-tickets .inner{ height: 120px; margin-left: 4px; position: relative; } #artist-tickets .inner h2{ padding-top: 0.5em; } #artist-tickets .inner-content{ margin-left: 5px; } /*Tickets to everything*/ #artist-tickets .everything-panel{ clear:left; margin-left: 1em; margin-right: 0.7em; padding-top: 1em; width: 412px; } #artist-tickets .everything-panel-top{ background: #FFFFFF url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/lg_white-top.gif) no-repeat top left; float: left; width: 412px; } #artist-tickets .everything-panel-bttm{ background: url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/lg_white-bottom.gif) no-repeat bottom left; width: 412px; float: left; } #artist-tickets .first-col, #artist-tickets .sec-col, #artist-tickets .third-col{ width: 120px; float: left; padding: 1em 0 1em 1em; } #artist-tickets .everything-panel h2, #artist-tickets .everything-panel h3{ color:#EA357D; margin: 0; } #artist-tickets .everything-panel h3{ font-size: 1.3em; padding: 0; margin-top: 1em; } #artist-tickets .everything-panel ul, #artist-tickets .venues-panel ul{ list-style-type: none; } #artist-tickets .everything-panel ul, #artist-tickets .venues-panel ul{ margin-bottom: 10px; } #artist-tickets .everything-panel ul li, #artist-tickets .venues-panel ul li{ background: transparent url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/arrow.gif) no-repeat left center; display: block; padding-left: 10px; margin-left: 1px; line-height: 1.2em; } #artist-tickets .everything-panel ul li .none{ background: none; } #artist-tickets .everything-panel ul li a, #artist-tickets .venues-panel ul li a{ font-family: arial, verdana, sans-serif; font-size: 1em; line-height: 1.2em; font-weight: bold; color: #7a7a7a; text-decoration: none; } /*right-col styles*/ #artist-tickets .right-col-top{ background: transparent url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/yellow_main.jpg) no-repeat top left; width:220px; padding-top: 10px; } #artist-tickets .right-col-bttm{ background: transparent url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/yellow_bottom.jpg) no-repeat bottom left; width:220px; float: left; padding-bottom: 20px; } #artist-tickets .right-col h1, #artist-tickets .hot-picks h3{ color: #000; } #artist-tickets .hot-picks h3{ padding-left: 0.5em; padding-top:0.5em; } #artist-tickets .ticket-spacing{ margin-left: 37px; } #artist-tickets .see-all{ margin-bottom:-4px; } #artist-tickets .right-col .row{ padding: 1em 1em 0; } #artist-tickets .right-col .selectMenu{ width: 185px; margin-top: 15px; } #artist-tickets .right-col .submitButton{ background: transparent url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/btm_find-now.png) no-repeat bottom left; width: 123px; height: 26px; border: none; margin-top: 40px; } .display{ display: block; } /**Hot picks styles**/ #artist-tickets .hot-picks{ margin: 1em; } #artist-tickets .right-panel-headings{ margin-top: 0.4em; } #artist-tickets .hot-picks .hot-picks-top{ background: transparent url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/hp_top.gif) no-repeat top left; width: 193px; padding-top: 7px; } #artist-tickets .hot-picks .hot-picks-bttm{ background: transparent url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/hp_bottom.gif) no-repeat bottom right; width: 193px; float:left; padding-bottom: 8px; } #artist-tickets .hot-picks .heading, #artist-tickets .hot-picks .heading-more{ background: transparent url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/hp_bg.gif) no-repeat center center; height: 28px; } .accordion .headings { background: url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/closed_arrow.png) no-repeat scroll left top; height: 11px; margin: 0; padding: 0 0 0 15px; cursor: pointer; } .accordion .headings.active { background: url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/open_arrow.png) no-repeat scroll left top; } #artist-tickets .heading .more a, #artist-tickets .heading .more a:hover{ background: transparent url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/hp_off.gif) no-repeat 100% 80%; display: block; width: 180px; text-decoration: none; } #artist-tickets .heading .more a:hover{ background: transparent url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/hp_over.gif) no-repeat 100% 80%; } #artist-tickets .heading-more .more{ display: inline; float: right; padding-top: 8px; } #artist-tickets span.left{ float: left; } #artist-tickets .heading-more .more a, #artist-tickets .heading-more .more a:hover{ background: transparent url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/arrow.gif) no-repeat 90% 50%; display: block; width: 95px; text-decoration: none; } #artist-tickets .hot-picks .cta a { width: 85px; display:inline; } #artist-tickets .hot-picks .cta{ display:inline; margin-bottom:4px; } #artist-tickets .hotpicks-img{ padding-bottom: 8px; padding-top: 0; margin-top: 0; } #artist-tickets .hotpicks2{ margin-top: 0; padding-top: 0; } #artist-tickets .hot-picks .hotpicks2 .heading, #artist-tickets .hot-picks .hotpicks2 .heading-more { margin-top: 0; } #artist-tickets .hot-picks-inner{ width: 193px; float:left; } #artist-tickets .hmv-venues{ float:left; padding-top:20px; } #artist-tickets .venues-panel{ clear:left; margin-left: 1em; margin-right: 0.7em; padding-top: 1em; width: 192px; } #artist-tickets .venues-panel-top{ background: #FFFFFF url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/sml_white-top.gif) no-repeat top left; float: left; width: 192px; } #artist-tickets .venues-panel-bttm{ background: url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/sml_white-bottom.gif) no-repeat bottom left; width: 192px; float: left; } #artist-tickets .venues-panel .first-col{ width: 85px; padding-left: 0.7em; } #artist-tickets .venues-panel .sec-col{ padding-left:0.8em; width:75px; } #artist-tickets .left-padding{ padding-left: 0.5em; margin-top: 22px; } /**hero-panel**/ #artist-tickets .left-col .pager { display: none; position: absolute; bottom: 0; left: 0; height: 23px; overflow: hidden; z-index: 99; margin-bottom: 10px; margin-left: 350px; } #artist-tickets .left-col .pager a { float: left; display: inline; width: 23px; height: 23px; margin-right: 3px; } #artist-tickets .left-col .pager .pages a.pageOff { background: url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/hero_1-off.png) no-repeat; } #artist-tickets .left-col .pager .pages a.pageOn { background: url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/hero_1-on.png) no-repeat; } #artist-tickets #slideshow .pages .page1 { background: url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/hero_1-off.png) no-repeat; } #artist-tickets #slideshow .pages .page1.activeSlide { background: url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/hero_1-on.png) no-repeat; } #artist-tickets #slideshow .pages .page2 { background: url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/hero_2-off.png) no-repeat; } #artist-tickets #slideshow .pages .page2.activeSlide { background: url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/hero_2-on.png) no-repeat; } #artist-tickets #slideshow .pages .page3 { background: url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/hero_3-off.png) no-repeat; } #artist-tickets #slideshow .pages .page3.activeSlide { background: url(http://www3.hmv.co.uk/hmv/Special_Images/uk/tickets/hero_3-on.png) no-repeat; } /**Heropanel**/