﻿/* CSS Reset */ 
/* DO NOT CHANGE ANY OF THE FOLLOWING CSS RESET RULES */

/* NO MATTER HOW TEMPTED YOU ARE */

/* CHANGING THESE RULES MESSES UP THE WHOLE SITE */

/* ONE MORE TIME, DO NOT CHANGE THE CSS RESET RULES */

/* PLEASE */

/* CSS reset rules are here: */

/* THIS IS THE BIT YOU DO NOT CHANGE */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ border-style: none; border-color: inherit; border-width: 0; margin: 0; padding: 0; outline: 0; font-weight: normal; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus{outline: 0;}
body{line-height: 1.4;color: #fff;background-color: #000000;background-image: url(media/bg.jpg);background-repeat: repeat-x;background-position: top;font-family: Arial, Helvetica, sans-serif;font-size: 0.75em;margin-bottom: 0px;}
ol, ul{list-style: none;}
input, textarea{font-family: Arial, Helvetica, sans-serif;font-size: 100%;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse: separate;border-spacing: 0;}
caption, th, td{text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after{content: "";}
blockquote, q{quotes: "" "";}
th{font-weight: bold;}
th, td{padding: 2px;}

/* END CSS RESET */

/* THANKS */

/*general site styles */
h1, h2, h3, h4{font-weight: bold;}
h1{font-size: 2.2em;}
h2{font-size: 1.2em;}
h3{font-size: 1.2em; }
h4{}
h3 a {font-weight:bold;}
p{line-height: 1.4em;padding: 0.3em 0;}
a, a:active, a:link{text-decoration: none;color:#aa63ec;}
a:hover{text-decoration: underline;}
hr{}
strong{font-weight: bold;}
/* GENERAL STYLES */
.clear{clear: both;}
.center{text-align:center;}
.squareLI li{ list-style-type:none; background:url(media/squareBullet.gif) no-repeat left 0.6em; padding-left:20px;  margin-bottom:5px;  }
/* header */
.header{width: 999px;margin: 0 auto;background:url(media/header-bg.jpg) no-repeat;}
.headerLogos {height: 107px; background: url(media/right-top-border.gif) no-repeat top right #000; }
.header .brandLogo{float:left;}
.header .tickitLogo{float:right;margin:34px 5px 0 0;}
.righttopborder{width: 1px;}
.storeLogo{float: left;width: 250px;height: 107px; border-left: solid 1px #444444; }
.ukccLogo{float: left;width: 250px;height: 111px;}

.tdSecure{color:#ccc;margin:10px 0;padding:10px;background:url(/style/media/rightCol-bg.gif) no-repeat top left; font-size: 110%; }

/* footer in master*/
.footer{width: 1000px;margin: 0 auto; clear:both; color: #e9e9e9; background:#000000; } /*#0e0e0e*/
.footerLeft { width:739px; float:left; background:url(media/footer-left.gif) no-repeat top left; padding:0 0 30px 0;}

.footer h2{color: #e9e9e9;border-bottom: solid 1px #353535; padding: 20px 0 7px; margin: 0 20px 14px 20px;font-size: 1.2em;}
.footerCol{float: left;width: 150px;color: #e9e9e9;line-height: 2em;font-size: 0.9em;padding-left: 20px;}
.footerRight { width:260px; float:right; padding:0 0 0 0;border-left:1px dotted #353535; min-height:240px;}
.footerRight .footerCol { padding:47px 20px 20px 20px; width:220px; background:url(media/footer-right.gif) no-repeat top right;}
.footerRight .footerCol select {width:220px;}
.footerCol h2 { padding:0; margin:0; border:none;}
.footerRight .footerCol h2 { border-top:1px solid #353535; padding:10px 0 0 0; }
.footer a{color: #e9e9e9;}
.footerCol.findClub {  border-left:1px dotted #353535;}
.footerFooter{clear: both;padding: 7px 0;border-top: solid 1px #353535; font-size:0.9em;}
.footerFooter a {padding:0 5px;}
.luminar{float: left;padding-left: 20px;}
.luminar img{padding-right: 7px;}
.mvg{float: right;padding-right: 20px;}
.mvg a{color: #aa63ec;}

/* main content */
.mainContent{width: 1006px;margin: 0 auto 30px auto;padding: 10px 0 25px 0; color:#fff; border-bottom:1px solid #353535;}

.fullCol{float: left;width: 1006px; padding: 0 0px;}
.panelFull{background:url(media/panel-full-bot.png) no-repeat bottom left; padding-bottom:15px; }
.panelFull .panelTop{background:url(media/panel-full-top.png) top left no-repeat;padding: 0 3px 3px 3px;}
.panelTop h2{color: #e9e9e9;padding: 12px 12px 16px 9px;margin: 0;font-weight:bold; text-transform: uppercase}
.panelTop h2.dark{color: #171717;padding: 12px 12px 16px 9px;margin: 0;font-weight:bold; text-transform: uppercase}
.panelTop h2.withLink{padding: 0; height:46px;}
.panelTop h2.withLink a, .panelTop h2.withLink a:visited, .panelTop h2.withLink a:link, .panelTop h2.withLink a:active{color: #e9e9e9;display: block; padding: 12px 12px 14px 9px;font-weight:bold; text-transform: uppercase}
.panelTop h2 a:hover{text-decoration: none; font-weight:bold;}
.panelFull.panelTickets .panelTop h2 {background: url(media/panel-detail-tickets.gif) bottom right repeat-x;margin:0 3px 0 3px;padding:12px 12px 16px 9px;}
.panelFull.panelAccount .panelTop h2 {background: url(media/panel-detail-account.gif) bottom right repeat-x;margin:0 3px 0 3px;}
.panelBasket .panelTop h2{background: url(media/panel-detail-tickets.gif) bottom right repeat-x;margin:0 3px 0 3px;}

p.viewMore{text-align: right; background:url(media/eventsHome/eventListContainer-bg.png) repeat-y; width:244px; padding:0 12px 0 0; float:left; }
p.viewMore a, p.viewMore a:link, p.viewMore a:visited, p.viewMore a:active, a span.viewMore{background: url(media/more-arrow.gif) no-repeat center right;padding-right: 10px;margin-right: 5px; font-weight: bold; }
p.viewMore a:hover{text-decoration: none;}
a span.viewMore{background: url(media/more-arrow-grey.gif) no-repeat center right;padding-right: 10px;margin-right: 5px;color: #7d1cbb;font-weight: bold;}
a span.viewMore:hover{text-decoration: none;}
.panelContent{ padding: 0 4px; background:url(media/panel-full-bg.png) repeat-y top left; display:inline-block; }
.panelContent .leftCol { width:250px; float:left; }
.panelContent .leftCol.calendar {  padding:0 0px 0 0; background:url(media/rightCol-bg.gif) top left no-repeat; width:253px;}
.panelContent .rightCol { width:708px; float:left; padding:20px; background:url(media/rightCol-bg.gif) top right no-repeat;}
.panelContent .rightCol.withCalendar { width:708px; float:left; padding:20px 20px 20px 17px; background:url(media/rightCol-bg.gif) top right no-repeat;}
.panelContent .leftCol ul {background:url(media/panel-content-leftColBG.gif) top repeat-y; }
.panelContent .leftCol ul li { border-bottom:1px solid #3C3C3C; color:#B3C60E; }
.panelContent .leftCol ul li a { color:#B3C60E; font-weight:bold; display:block;padding:14px 0 14px 13px;}
.panelContent .leftCol ul li a:hover { color:#ffffff; text-decoration:none;}
.panelContent .leftCol ul li a.selected { background:url(media/leftCol-menu-active.gif) no-repeat; color:#fff;}
.panelContent .leftCol ul li ul { background:#191919; width:249px;}
.panelContent .leftCol ul li ul li { padding:0 0 0 0px; margin-left:20px; border-top: 1px solid #3C3C3C; border-bottom:none;}
.panelContent .leftCol .withCalendar { margin:20px 3px 0 0;}
.panelContent .leftCol .withCalendar ul  { background:url(media/leftCol-menu-top.gif) top left no-repeat;}
.panelContent .leftCol .withCalendar  ul li ul { background-image:none; background-color:#191919}
.panelContent.noNav { background:url(media/panel-full-bg.png) repeat-y top left; display:inline-block; width:1006px }
.panelContent.noNav .leftColLarge {width:688px; float:left; min-height:1px; margin:0 20px 0 0; }
.panelContent.noNav .panelFullInner {background:url(media/rightCol-bg.gif) top left repeat-x; width:958px; padding:20px; float:left; }
.leftColCircles { width:246px; background:url(media/leftCol-circles.png);min-height:279px;}
.panelFull.panelBasket,.panelFull.panelAccount { background:url(media/panel-full-bot.png) no-repeat bottom left; }

label { font-weight:bold; }
.panelContent input.inputText { width:300px; border:solid 1px #595959;padding:2px;}
.panelContent input.inputTextShort { width:200px; border:solid 1px #595959;padding:2px;}
.panelContent input.inputTextSmall { width:30px; border:solid 1px #595959;padding:2px;}
.panelContent select { padding:2px; border:solid 1px #595959;}

/* faq */
.bedded { padding: 10px 30px 20px 30px; }
.underline { font-size: 110%; text-decoration: underline; padding: 10px; }
.faqbedded { font-size: 105%; padding: 5px 15px 5px 15px; }
.question { font-weight: bold; line-height: 1.0em; }
.answer { padding-bottom: 5px; }
ul.answer { padding-left: 10px; }
.strong { font-weight: bolder; }
.bedded .rightalign { float: right; font-size: 80%; }
.memberDropDown { font-size: 90%; position: relative; top: -7px; margin-right: 5px;  }
.height40 { height: 15px; }

/*Order Complete page*/
.thankYouPanelHolder{margin:0  auto; width:620px;}

/* t&c's */
.panelTerms p { padding: 10px 30px 10px 30px; }
.panelTerms h4 { padding: 20px 10px 10px 10px; }
.panelTerms li { padding: 0px 0px 3px 0px; margin: 0px 60px 0px 60px; list-style-type: lower-alpha; }
.panelTerms li.numerals { padding: 0px 0px 3px 0px; margin: 0px 45px 0px 55px; list-style-type: decimal; }
.panelTerms .rightalign { float: right; font-size: 80%; font-weight: bold; margin-right: 30px; }

/* root pages */
.rootContent{ background:url(media/panel-full-bg.png) repeat-y top left; }
.fullRoot{background:url(media/panel-full-bot.png) no-repeat bottom left;}
.rootInner{background:url(media/root-bg.jpg) no-repeat;min-height:517px;padding:20px 20px 0 20px;width:960px;}
.rootInner input{vertical-align:middle;}
.rootLeft{width:345px;float:left;margin-right:20px;background:#1c1c1c;color:#d2d2d2;}
.rootRight{width:345px;float:left;background:#1c1c1c;color:#d2d2d2;}
.rootLeft h2, .rootRight h2{padding:10px;color:#FFFFFF;background:url(media/head-bg.gif) repeat-x #62269a;}
.rootColInner{padding:10px;min-height:430px;}
.rootMap{background:url(media/root-map.jpg) no-repeat bottom right;min-height:430px;}
.rootColBox{background:#282828;padding:10px 20px 20px;margin-bottom:10px;}
.rootColBox label{font-size:110%;}
.rootInput{width:200px;}

.rootMain {background:url(media/root-splash.png) no-repeat top right;}
.root { background:url(media/root-bg.jpg) no-repeat; }
/*.root h2 {background:#595a5c; color:#FFFFFF; padding:10px;}
.root .brandList li a{display:block;background:#eeeeee;color:#7d1cbb;padding:5px 10px;margin-top:1px;;font-weight:bold;}
.root .brandList li a:hover{background:#7d1cbb url(media/root-arrow.gif) no-repeat right center;color:#FFFFFF;text-decoration:none;}
.root .unitList li a{display:block;background:#eeeeee;color:#7d1cbb;padding:5px 10px;margin-top:1px;font-weight:bold;}
.root .unitList li a:hover{color:#FFFFFF;text-decoration:none;background:url(media/root-arrow.gif) no-repeat right center #7d1cbb;}
*/
.root h2 {background: url(media/purple-back.png) repeat-x scroll 0 0 transparent; color:#FFFFFF; padding:10px;}
.root .brandList {width:320px;float:left;margin-right:30px;}
.root .brandList li a{display:block;background:#111 url(media/boxBack.png) repeat-x scroll top;color:#fff;padding:8px 10px;margin-top:1px;font-weight:bold;}
.root .brandList li a:hover{background:url(media/purple-back.png) repeat-x;color:#fff ;text-decoration:none;}
.root .unitList {width:320px;float:left;}
.root .unitList li a{display:block;background:#111 url(media/boxBack.png) repeat-x scroll top;color:#fff;padding:8px 10px;margin-top:1px;font-weight:bold;}
.root .unitList li a:hover{color:#fff ;text-decoration:none;background:url(media/purple-back.png) repeat-x;}


.fullPanel{background:url(media/panel-full-bg.png) repeat-y;width:1006px;}
.fullContent{padding:30px;background:#000000 url(media/rightCol-bg.gif) repeat-x;width:937px;}

/* check out */
.checkoutWide{float:left;width:680px;margin-right:20px;padding-bottom:20px;}
.checkoutWide h2{background:#1c1c1c;color:#FFFFFF;padding:8px; }
.checkoutWide h2.noncomp{background:#1c1c1c;color:#434343;}
.checkoutWide h2.top{border-top:none;}
.checkoutSmall { float:left;width:230px; }
.checkoutSmall p { background:#595a5c;color:#FFFFFF;font-weight:bold;padding:5px 10px;margin-top:1px}
.checkoutSmall .progress { background:#1c1c1c;color:#FFFFFF;font-weight:bold; }
.checkoutSmall .noncomp { background:#1c1c1c;color:#434343;font-weight:bold; }
.checkoutSummary { background:#cacaca;color:#333333; background:url(/style/media/rightCol-bg.gif) no-repeat top left; }
.checkoutSummary p { background:none;color:#ccc; }
.checkoutContent { padding:10px; background:url(/style/media/rightCol-bg.gif) no-repeat top left; }
.checkoutContent input, .checkoutContent select { border: 1px solid #333; padding: 3px; }
.checkoutContent input:focus, .checkoutContent select:focus { border: 1px solid #ccc; }
.checkoutContent .basketHeader th{background:#595a5c;} 
.checkoutContent .promoCode{background:#e5e5e5;float:left;width:400px;padding:10px; margin-top:20px;color:#000000;}
.checkoutContent .promoCode h3{font-size:130%;}
.checkoutContent .promoCode p{font-weight:bold;}
.checkoutContent .promoCode .billingPromo{width:200px;margin-right:20px;}
.applyPromo{vertical-align:middle;}
.checkoutContent p.basketTotal{float:right;background:#0fd1c8;color:#FFFFFF;font-weight:bold;margin:20px 0 10px;}
.checkoutContent p.basketTotal span{float:left;width:90px;padding:5px;text-align:center;font-size:120%;}
.checkoutContent .back{float:left;}
.checkoutContent .continue{float:right;}
.checkoutContent .billingLarge{width:400px;}
.checkoutContent .billingMedium{width:200px;}
.checkoutContent .billingSmall{width:50px;}

.checkoutContent .required{font-weight:bold;color:red;}
.checkoutSmall .summaryEdit{text-align:right;}
.checkoutSmall .summaryEdit a{background:url(media/more-arrow-light-grey.gif) no-repeat center right;padding-right:10px; font-size: 90%; }

.header{width: 1002px;margin: 0 auto;background:url(media/rootHeader-bg.jpg) no-repeat;}
.rootHeaderClear{clear:both;background:url(media/head-bot.gif) no-repeat bottom left;height:5px;}

.valError{font-weight:bold;}
.ccError{font-weight:bold;color:Red;font-size:125%;}

.verifyFrame{width:690px;}
