/* 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: black;
    background-color: #fff;
    background-repeat: repeat-x;
    background-position: top;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 20px
    }
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: 1.4em
    }
h2 {
    font-size: 1.2em
    }
h3 {
    font-size: 1em
    }
p {
    line-height: 1.4em;
    padding: 0.3em 0
    }
a, a:active, a:link {
    text-decoration: none;
    color: #7e2abe
    }
a:hover {
    text-decoration: underline
    }
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 {
    display: none
    }
.headerLogos {
    height: 111px;
    background: url(media/right-top-border.gif) no-repeat top right
    }
.righttopborder {
    width: 1px
    }
.storeLogo {
    float: left;
    width: 250px;
    height: 111px;
    border-left: solid 1px #666
    }
.ukccLogo {
    float: left;
    width: 250px;
    height: 111px
    }
.headerAd {
    float: right;
    margin: 10px 10px
    }
.headerMenu {
    clear: both;
    background: url(media/headerMenu-bg.jpg) repeat-x #1D1D1D left bottom;
    border-right: solid 0 #404040
    }
.headerMenu li {
    float: left;
    padding: 4px 0
    }
.headerMenu a, .headerMenu a:link, .headerMenu a:active {
    font-weight: bold;
    color: #f1f1f3;
    display: block;
    padding: 6px 11px;
    border-right: solid 1px #4a4767
    }
.headerMenu a:last-child {
    border: 0
    }
.headerMenuRight a.signin {
    background: url(media/signin-icon.jpg) no-repeat center right;
    padding-right: 40px;
    border-right: solid 1px #4a4767
    }
.headerMenuRight {
    float: right
    }
/* search bar in master */
.searchBar {
    clear: both;
    background: url(media/searchBar-bg.jpg) no-repeat bottom left;
    padding: 0 0 4px 0
    }
.searchBarRight {
    float: right;
    color: #e9e9e9;
    font-weight: bold;
    padding: 6px 6px 0
    }
.searchBarRight a {
    color: #e9e9e9;
    font-weight: bold;
    vertical-align: middle
    }
.searchBarRight a.basket {
    background: url(media/basket-icon.gif) no-repeat center right;
    padding: 6px 28px 0 6px
    }
.searchBarRight a.account {
    padding: 6px 6px 0;
    vertical-align: middle
    }
.searchBarRight span {
    padding: 0 6px;
    vertical-align: middle
    }
/* Search */
.siteSearch {
    float: left;
    padding-top: 5px
    }
.searchDropDown {
    width: 120px;
    margin-left: 7px
    }
.keywordInput {
    margin-left: 7px;
    width: 163px;
    background: url(media/seachbox-icon.gif) #FFF no-repeat 2px center;
    padding-left: 17px
    }
/* footer in master*/
.footer {
    display: none
    }
.footer h2 {
    color: #e9e9e9;
    border-bottom: solid 1px #585858;
    padding: 20px 0 7px;
    margin: 0 20px 14px 20px;
    font-size: 1.2em
    }
.footerCol {
    float: left;
    width: 140px;
    color: #e9e9e9;
    line-height: 2em;
    font-size: 0.9em;
    padding-left: 20px
    }
.footer a {
    color: #e9e9e9
    }
.footerFooter {
    clear: both;
    margin-top: 35px;
    padding-top: 7px;
    border-top: solid 1px #585858
    }
.luminar {
    float: left;
    padding-left: 20px
    }
.luminar img {
    padding-right: 7px
    }
.mvg {
    float: right;
    padding-right: 20px
    }
.mvg a {
    color: #7d1cbb
    }
/* main content */
.mainContent {
    width: 1000px;
    margin: 0 auto;
    padding: 10px 0 20px
    }
.socialContainer {
    display: none
    }
/* venue homepage */
.mainContentLeft {
    width: 250px;
    float: left;
    margin-right: 10px
    }
.mainContentMiddle {
    width: 480px;
    float: left
    }
.mainContentRight {
    width: 250px;
    float: left;
    margin-left: 10px
    }
/* default homepage */
.largeCol {
    float: left;
    width: 740px;
    margin-right: 10px
    }
.smallCol {
    float: left;
    width: 250px
    }
.fullCol {
    float: left;
    width: 1000px
    }
.panelInfo {
    margin: 1px;
    background: #595a5b;
    color: #FFF;
    padding: 11px
    }
.panelTop h2 {
    color: #e9e9e9;
    padding: 12px 12px 16px 9px;
    margin: 0;
    font-weight: bold;
    text-transform: uppercase;
    display: none
    }
.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 16px 9px;
    font-weight: bold;
    text-transform: uppercase
    }
.panelTop h2 a:hover {
    text-decoration: none;
    font-weight: bold
    }
.mainContentMiddle .banner {
    margin-bottom: 10px
    }
p.viewMore {
    text-align: right
    }
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;
    color: #7d1cbb;
    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: 20px
    }
/* Ads */
.venueHomePageads {
    padding: 10px 0 0 0;
    text-align: center;
    background: url(media/panel-small-top-white.gif) top right no-repeat
    }
.venueHomePageads .adHolderInner {
    padding: 0 0 10px 0;
    text-align: center
    }
/* scroll test */
.eventsNavContainer {
    background: #cbcbcb;
    border-top: solid 1px #FFF;
    border-left: solid 1px #FFF
    }
.eventsNav li {
    float: left;
    background: #cbcbcb;
    border-right: solid 1px #FFF
    }
.eventsNav a {
    height: 20px;
    color: #494949;
    font-weight: bold;
    font-size: 0.6em;
    padding: 0;
    display: block
    }
.eventsNav a span {
    position: absolute;
    top: -1000px;
    left: -3000px
    }
#monLink {
    width: 35px;
    background: url(media/eventsHome/mon.jpg)
    }
#tueLink {
    width: 34px;
    background: url(media/eventsHome/tue.jpg)
    }
#wedLink {
    width: 35px;
    background: url(media/eventsHome/wed.jpg)
    }
#thuLink {
    width: 35px;
    background: url(media/eventsHome/thu.jpg)
    }
#friLink {
    width: 34px;
    background: url(media/eventsHome/fri.jpg)
    }
#satLink {
    width: 34px;
    background: url(media/eventsHome/sat.jpg)
    }
#sunLink {
    width: 35px;
    background: url(media/eventsHome/sun.jpg)
    }
.eventsContainer {
    clear: both;
    padding: 6px;
    margin: 6px;
    background: #cacaca
    }
.eventPanel {
    width: 230px
    }
.eventPanel .eventImage {
    width: 226px;
    height: 90px
    }
.eventPanel .eventButton {
    padding-bottom: 8px
    }
.eventPanel p.eventDate {
    font-weight: bold
    }
.eventPanel h3 {
    font-weight: bold;
    color: #772da6;
    padding: 9px 0 7px
    }
/*Global Search*/
.panelSearch .panelContent .topH2 {
    background: #b4ca05 url(media/search-h2.gif) repeat-x;
    color: #FFF;
    font-weight: bold;
    padding: 12px;
    line-height: 1em;
    margin-bottom: 10px
    }
/* Shop */
.shopSearch {
    background: #cbcbcb;
    margin-bottom: 10px
    }
.shopSearch p {
    padding: 11px 11px 0 11px
    }
.shopSearch h2 {
    background: #595a5c;
    color: #FFF;
    font-weight: bold;
    padding: 12px;
    line-height: 1em
    }
.shopSearch .shopSearchDD {
    width: 160px;
    padding: 2px;
    border: solid 1px #869abf
    }
.shopSearch .shopSearchKeyword {
    width: 135px;
    padding: 2px 2px 2px 17px;
    background: url(media/seachbox-icon.gif) #FFF no-repeat 2px center
    }
.shopSearch .searchButtonP {
    padding-bottom: 11px;
    text-align: right
    }
.leftNavCol {
    float: left;
    width: 180px;
    margin-right: 20px
    }
.contentCol {
    float: left;
    width: 500px
    }
.sponsor .img {
    margin-bottom: 10px
    }
.shopBanner {
    margin-bottom: 10px
    }
/* Shop navigation */
.shopNav h2 {
    background: #b4ca05 url(media/shop-h2.gif) repeat-x;
    color: #FFF;
    font-weight: bold;
    padding: 12px;
    line-height: 1em
    }
.shopNav a, .shopNav a:link, .shopNav a:visited, .shopNav a:active {
    margin-top: 1px;
    padding: 10px;
    display: block;
    color: #000;
    background: #cbcbcb
    }
.shopNav a:hover {
    background: #c2d811;
    text-decoration: none;
    color: #FFF
    }
.shopNav a.selected {
    background: #c2d811;
    color: #FFF
    }
.shopNav li li a, .shopNav li li a:link, .shopNav li li a:visited, .shopNav li li a:active {
    padding-left: 20px
    }
.productListBox {
    background: #cacaca;
    width: 140px;
    padding: 10px;
    float: left;
    margin: 0 10px 10px 0;
    font-weight: bold
    }
.noMargin {
    margin: 0
    }
.productListBox a, .productListBox a:link, .productListBox a:active, .productListBox a:visited {
    color: #6d1eab
    }
.productListBox .prodImage {
    min-height: 140px
    }
.price {
    font-weight: bold
    }
.productListNav {
    clear: both
    }
.productListNav .paging {
    float: left
    }
.productListNav .productSort {
    float: right
    }
.productSort select {
    font-size: 0.95em;
    border: solid 1px #869abf
    }
.productListNav .pagingInfo {
    padding-right: 6px
    }
.productListNav .showAll {
    padding-left: 6px
    }
.contentCol h2 {
    background: #b4ca05 url(media/shop-h2.gif) repeat-x;
    color: #FFF;
    font-weight: bold;
    padding: 12px;
    line-height: 1em
    }
.contentCol h2.alt {
    background: #595a5c
    }
.contentCol h2.alt2 {
    background: #000
    }
.contentCol h2.alt3 {
    background: #595a5c;
    font-size: 1em
    }
.productDetail {
    padding-bottom: 20px;
    margin: 10px 0 20px;
    border-bottom: solid 5px #cbcbcb
    }
.productDetail .productImage {
    float: left;
    width: 240px;
    margin-right: 10px
    }
.productDetail .productInfo {
    float: left;
    width: 250px
    }
.productDetail h3 {
    font-size: 1.3em
    }
.productDetail .price {
    color: #b0c700;
    font-size: 1.6em
    }
.productDetail .delivery {
    color: #525252;
    font-size: 0.6em
    }
.productSearchItem {
    border-top: solid 5px #cbcbcb;
    padding: 10px 0
    }
.productSearchItem .productImage {
    float: left;
    width: 140px;
    margin-right: 10px
    }
.productSearchItem .productDetails {
    float: left;
    width: 350px
    }
.productSearchItem .productDetails h2 {
    color: #6d1eab;
    background: none;
    padding: 0
    }
.productSearchItem .productDetails .price {
    font-weight: bold
    }
/* events calendar */
.calendarOuter {
    width: 230px;
    background: url(media/calendar/cal-bg.gif) bottom left no-repeat #090909;
    text-align: center
    }
.calendarInner {
    padding: 0 17px 17px;
    clear: both
    }
.calendarInner table {
    width: 195px
    }
.calendarInner table td, .calendarInner table th {
    width: 23px;
    padding: 2px;
    text-align: center;
    border-right: solid 1px #535353;
    height: 27px;
    font-weight: bold;
    font-size: 1.2em
    }
.calendarInner table th {
    color: #FFF;
    font-weight: bold
    }
.calendarInner table th.noBorder {
    border: none
    }
.calendarInner .dateInvalid {
    color: #535353;
    padding-top: 4px
    }
.calendarInner a {
    display: block;
    color: #FFF;
    height: 23px;
    width: 24px;
    padding-top: 2px;
    font-weight: bold
    }
.calendarInner a.selected, .calendarInner a:hover {
    background: url(media/calendar/cal-selected.jpg) no-repeat;
    text-decoration: none
    }
.calendarInner .isOpen {
    color: #FFF;
    padding-top: 4px
    }
.calendarInner .hasEvent {
    padding-top: 4px
    }
.calendarInner .noEvent {
    color: #535353
    }
.calendarInner .hasEvent a {
    color: #FFF
    }
.calendarInner .unitClosed {
    color: #535353;
    padding-top: 4px;
    font-weight: bold
    }
.prevMonth {
    float: left
    }
.nextMonth {
    float: right
    }
.calendarMonth {
    background: url(media/calendar/cal-top.jpg) #090909;
    color: #FFF;
    font-weight: bold;
    font-size: 1.2em;
    padding: 0;
    height: 45px;
    width: 100%
    }
/*.calendarMonth a{padding: 0 26px;}*/
.calendarMonth th {
    text-align: center;
    vertical-align: middle;
    width: 60%
    }
.calendarMonth .monthNav {
    width: 20%
    }
.calendarCol {
    width: 250px;
    background: #CACACA;
    float: left;
    margin-right: 20px
    }
.calendarHeader {
    background: #595a5b;
    padding: 6px 10px 4px 10px;
    color: #FFF
    }
.calendarHeader h2, .calendarHeader p {
    background: none;
    padding: 0
    }
.calendar {
    padding: 10px
    }
/* events listing */
.eventListing {
    float: left;
    width: 690px;
    margin-bottom: 10px
    }
.eventListing a {
    font-weight: bold
    }
.eventListing .calDate {
    font-weight: bold
    }
.eventListing .eventListDay {
    background: #cbcbcb;
    margin-bottom: 20px
    }
.eventListing .eventListDayHeader {
    background: url(media/events/eventHeader-bg.jpg) repeat-x #7828c4;
    color: #FFF;
    padding: 9px 10px;
    font-weight: bold
    }
.eventList {
    margin: 10px;
    padding: 10px
    }
.nonEventItem {
    padding: 10px
    }
.eventList .eventImage {
    float: left;
    margin-right: 20px;
    width: 228px
    }
.eventList .eventDetails {
    float: left;
    width: 260px;
    margin-right: 20px
    }
.eventList .eventPrice {
    float: left;
    background: #595a5c;
    width: 122px;
    color: #b1c700;
    font-weight: bold;
    text-align: center;
    height: 80px;
    padding-top: 10px
    }
.eventList .doorPrice {
    color: #FFF;
    font-weight: normal;
    font-size: 90%
    }
.eventList .onlinePrice {
    color: #b1c700;
    font-weight: bold;
    font-size: 120%
    }
.eventList .thePrice {
    font-size: 120%
    }
/* event detail */
.event {
    float: left;
    width: 670px;
    background: #cacaca;
    padding: 10px
    }
.eventHeader {
    float: left;
    width: 670px;
    background: url(media/events/eventHeader-bg.jpg) repeat-x #7828c4;
    color: #FFF;
    padding: 5px 10px 3px 10px;
    font-weight: bold
    }
.eventHeader p {
    margin: 0;
    padding: 0
    }
.event .eventDetails .whosUpForIt {
    background: #000;
    padding: 0;
    width: 330px;
    margin-bottom: 10px
    }
.event .eventDetails .whosButton {
    float: right;
    padding: 18px 8px 10px 18px
    }
.event .eventDetails .boothBanner {
    margin: 0;
    width: 330px;
    background: #000;
    margin-bottom: 10px
    }
.event .eventLeft {
    width: 330px;
    margin: 10px 10px 0 0;
    float: left
    }
.event .eventSummary {
    padding: 10px;
    background: #e5e5e5
    }
.event .eventSummary .eventImage {
    margin-bottom: 10px
    }
.event .eventRight {
    width: 330px;
    float: left;
    margin: 10px 0 0 0
    }
.event .eventOptions .eventPrice {
    height: 110px;
    background: #595a5b;
    width: 330px
    }
.event .eventOptions .doorPriceP {
    float: left;
    width: 160px;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
    color: #FFF;
    padding-top: 30px
    }
.event .eventOptions .doorPrice {
    font-size: 160%
    }
.event .eventOptions .onlinePriceP {
    float: left;
    background: #2c2e2d;
    width: 160px;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
    color: #b1c700;
    margin: 10px 0 10px 0;
    height: 70px;
    padding: 20px 0 0 0
    }
.event .eventOptions .onlinePrice {
    font-size: 160%
    }
.eventTickets table {
    width: 330px;
    border: solid 1px #595a5c;
    border-collapse: collapse;
    margin: 10px 0;
    clear: both
    }
.eventTickets table th {
    background: #595a5c;
    color: #FFF;
    font-weight: bold;
    padding: 6px
    }
td.buyTd {
    vertical-align: middle
    }
.ticketType {
    border-right: solid 1px #FFF;
    width: 118px
    }
.eventTickets table td {
    padding: 6px;
    border: solid 1px #595a5c;
    border-collapse: collapse;
    background: #e5e5e5
    }
.boothsTicket .boothName {
    font-size: 140%;
    font-weight: bold;
    padding-top: 0
    }
.boothUpgrade h2 {
    background: #000;
    color: #FFF;
    font-weight: bold;
    padding: 5px;
    font-size: 100%;
    margin-top: 10px
    }
.boothUpgrade .booth {
    background: #e5e5e5;
    margin-bottom: 10px;
    padding: 5px
    }
.boothUpgrade .booth .boothImage {
    float: left;
    margin-right: 10px;
    padding: 0
    }
.boothUpgrade .booth .boothDetails .boothName {
    font-weight: bold
    }
.searchButton {
    vertical-align: middle
    }
.searchBarRight img {
    vertical-align: middle
    }
.printingAgreement {
    background: #e5e5e5;
    border: solid 1px #595a5c;
    padding: 10px;
    margin-bottom: 10px
    }
.eventPackageTable {
    width: 100%;
    border: solid 1px #595a5c;
    border-collapse: collapse;
    margin-bottom: 10px;
    clear: both
    }
.eventPackageTable th {
    background: #595a5c;
    color: #FFF;
    font-weight: bold;
    padding: 6px
    }
th.packageName {
    border-right: solid 1px #FFF;
    width: 218px
    }
th.price {
    border-right: solid 1px #FFF
    }
.eventPackageTable td {
    padding: 6px;
    border: solid 1px #595a5c;
    border-collapse: collapse;
    background: #e5e5e5
    }
.featuredProducts {
    background: #cacaca;
    margin: 7px;
    padding: 15px
    }
.featuredProducts .featuredProduct {
    width: 110px;
    margin: 0 10px;
    font-weight: bold
    }
.featuredProducts .featuredProduct p {
    line-height: 1em
    }
.featuredProducts .featuredProduct a {
    color: #711eaa
    }
.shopFeaturedProducts .featuredProduct {
    background: #cacaca;
    padding: 7px;
    width: 146px;
    font-weight: bold;
    float: left
    }
.normProd {
    margin: 5px 10px 10px 0
    }
.endProd {
    margin: 5px 0 10px 0
    }
.shopFeaturedProducts .featuredProduct p {
    line-height: 1em
    }
.shopFeaturedProducts .featuredProduct a {
    color: #711eaa
    }
.productAltList .altProduct {
    background: #cacaca;
    padding: 7px;
    width: 146px;
    font-weight: bold;
    float: left
    }
.normProd {
    margin: 5px 10px 10px 0
    }
.endProd {
    margin: 5px 0 10px 0
    }
.productAltList .altProduct p {
    line-height: 1em
    }
.productAltList .altProduct a {
    color: #711eaa
    }
.panelContent {
    padding: 20px
    }
/* root pages */
.rootMain {
    background: url(media/root-splash.png) no-repeat top right
    }
.root {
    background: url(media/root-bg.jpg) no-repeat;
    min-height: 440px
    }
.root h2 {
    background: #595a5c;
    color: #FFF;
    padding: 10px
    }
.root .brandList {
    width: 320px;
    float: left;
    margin-right: 20px
    }
.root .brandList li a {
    display: block;
    background: #eee;
    color: #7d1cbb;
    padding: 5px 10px;
    border-top: solid 2px #FFF;
    font-weight: bold
    }
.root .brandList li a:hover {
    background: #7d1cbb url(media/root-arrow.gif) no-repeat right center;
    color: #FFF;
    text-decoration: none
    }
.root .unitList {
    width: 320px;
    float: left
    }
.root .unitList li a {
    display: block;
    background: #eee;
    color: #7d1cbb;
    padding: 5px 10px;
    margin-top: 2px;
    font-weight: bold
    }
.root .unitList li a:hover {
    color: #FFF;
    text-decoration: none;
    background: url(media/root-arrow.gif) no-repeat right center #7d1cbb
    }
/*Gallery listing*/
.galleryListing {
    float: left;
    width: 690px;
    margin-bottom: 10px
    }
.galleryHeader {
    background: url(media/photo-h2.gif) repeat-x;
    padding: 5px 0 2px 10px;
    color: #fff
    }
.galleryHeader h1 {
    line-height: 1.2em
    }
.galleryHeader p {
    padding: 2px 0 4px 0;
    font-weight: bold;
    line-height: 1em
    }
.galleryListing table td {
    padding: 0;
    background-color: #E5E5E5;
    border-top: solid 12px #fff;
    border-right: solid 12px #fff;
    vertical-align: top
    }
.galleryListItem {
    padding: 14px 12px;
    text-align: center;
    width: 139px
    }
.galleryImage {
    padding: 0 0 13px 0
    }
.galleryDetail {
    width: 690px
    }
.galleryPaging {
    background-color: #595A5B;
    color: #fff;
    padding: 8px 10px;
    margin-top: 12px;
    text-align: right
    }
.galleryPaging a, .galleryPaging b {
    text-decoration: underline;
    padding: 0 5px;
    color: #fff
    }
.galleryPaging a.nextLink {
    padding-left: 20px
    }
.galleryPaging a.prevLink {
    padding-right: 20px
    }
.galleryContainer {
    width: 668px;
    background: #cacaca;
    padding: 12px 8px 12px 14px
    }
/*popup form styles*/
.popUpContainer {
    padding: 20px 0 0 10px
    }
.popupFormLabel {
    float: left;
    width: 120px
    }
.popupFormTextBox {
    width: 260px;
    border: solid 1px #808080
    }
.popUpBox h2 {
    background: transparent url(media/photo-h2.gif) repeat-x scroll 0;
    padding: 5px 10px;
    color: #fff
    }
/* Music & Events Home */
.viewalldjgraphic {
    background: url(media/view-dj-all.gif) no-repeat center left;
    width: 87px;
    height: 30px;
    float: right
    }
.we7graphic {
    background: url(media/we7graphic.gif) no-repeat center left;
    width: 66px;
    height: 30px;
    float: left
    }
.music {
    float: right;
    width: 440px;
    margin-bottom: 10px
    }
.musicListing {
    float: right
    }
.musicInner {
    width: 440px;
    margin-bottom: 10px
    }
.music .musicHeader, .panelContent .musicHeader, .profile .musicHeader {
    background: url(media/musicHeader-bg.gif) repeat-x #6ac8ea;
    color: #fff;
    padding: 10px
    }
.music .twoLines {
    padding: 2px 10px 4px 10px;
    height: 40px
    }
.music .musicHeader h1, .panelContent .musicHeader h1, .profile .musicHeader h1 {
    font-size: 1.3em;
    margin-top: 0
    }
.music .musicHeader h1, .panelContent .musicHeader h1, .music .musicHeader p, .profile .musicHeader h1, .profile .musicHeader p {
    padding: 0;
    font-weight: bold
    }
.music .musicHeader h1 a, .panelContent .musicHeader h1, .profile .musicHeader h1 a {
    color: #fff;
    font-weight: bold
    }
.music .musicDetails, .profile .musicDetails {
    background: #cbcbcb;
    padding: 10px;
    height: 65px;
    width: 420px;
    margin-top: 5px;
    border-top: 3px solid #fff
    }
.music .musicNoDetails {
    background: #cbcbcb;
    padding: 10px;
    height: 35px;
    width: 420px;
    margin-top: 0;
    border-top: 3px solid #fff;
    float: left
    }
.music .musicNoDetails .innerText {
    background: #fff;
    padding: 10px;
    line-height: 15px;
    width: 400px;
    display: block;
    font-weight: bold;
    color: #333
    }
.musicListing .music .musicDetails {
    margin-top: 0;
    float: left
    }
.musicDetails .roomImage {
    width: 73px;
    float: left
    }
.musicDetails .roomText {
    border-right: 1px solid #fff;
    width: 130px;
    height: 65px;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 5px
    }
.musicDetails .roomText a, .musicDetails .roomText a:hover, .musicDetails .roomText a:visited, .musicDetails .roomText a:link {
    color: #7428ac;
    font-weight: bold;
    font-size: 90%;
    padding-left: 5px
    }
.musicDetails .djImage, .musicDetails .dj3Image {
    margin-left: 10px;
    width: 73px;
    float: left
    }
.musicDetails .djText {
    width: 130px;
    float: right;
    height: 65px;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 5px
    }
.musicDetails .djText a, .musicDetails .djText a:hover, .musicDetails .djText a:visited, .musicDetails .djText a:link {
    color: #7428ac
    }
.musicDetails .dj3Text {
    width: 130px;
    float: right;
    height: 65px;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 5px
    }
.musicDetails .dj3Text a, .musicDetails .dj3Text a:hover, .musicDetails .dj3Text a:visited, .musicDetails .dj3Text a:link {
    color: #7428ac;
    font-weight: bold;
    font-size: 90%;
    padding-left: 5px
    }
.galleryMusicText a, .galleryMusicText a:hover, .galleryMusicText a:visited, .galleryMusicText a:link {
    color: #7428ac;
    font-size: 1em;
    font-weight: bold;
    margin-top: 5px;
    padding-right: 10px;
    float: right;
    background: url(media/gallery-right-arrow.gif) no-repeat center right
    }
/* Banner */
.musicBanner {
    margin: 0 0 20px 0;
    border-bottom: 3px solid #bdced5
    }
/* Buttons */
.padded {
    margin-top: 7px
    }
.playlistLinkImage {
    background: url(media/listen-to-playlist.gif) no-repeat center left;
    width: 114px;
    height: 32px
    }
.profileLinkImage {
    background: url(media/view-dj-profile.gif) no-repeat center left;
    width: 105px;
    height: 32px;
    margin-top: 20px
    }
.profile3LinkImage {
    background: url(media/view-dj-profile.gif) no-repeat center left;
    width: 105px;
    height: 32px
    }
/* Right Music Panel */
.littlemusic {
    margin-bottom: 10px
    }
.littleMusicDetails {
    margin: 5px;
    background-color: #cbcbcb;
    height: 70px
    }
.djSmallImage, .dj2SmallImage {
    width: 73px;
    float: left
    }
.djSmallText {
    width: 180px;
    font-size: 1em;
    font-weight: bold;
    margin-top: 5px;
    float: right
    }
.dj2SmallText {
    width: 160px;
    font-size: 1em;
    font-weight: bold;
    margin-top: 5px;
    float: right
    }
.littleMusicDetails .djSmallText a, .littleMusicDetails .djSmallText a:hover, .littleMusicDetails .djSmallText a:visited, .littleMusicDetails .djSmallText a:link {
    color: #7428ac
    }
.littleMusicDetails .dj2SmallText a, .littleMusicDetails .dj2SmallText a:hover, .littleMusicDetails .dj2SmallText a:visited, .littleMusicDetails .dj2SmallText a:link {
    clear: both;
    color: #7428ac
    }
.smallpanelContent {
    margin: 2px
    }
.eventMusic, .homeeventMusic {
    margin-bottom: 0
    }
.littleEventDetails, .homeEventDetails {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #fff;
    margin: 3px;
    background-color: #cbcbcb;
    height: 78px;
    overflow: hidden
    }
.djEventDetails {
    height: 160px;
    margin: 3px;
    background-color: #cbcbcb
    }
.eventSmallImage {
    width: 230px;
    height: 90px;
    overflow: hidden;
    float: left;
    padding-left: 5px
    }
.eventMusic h1 {
    padding: 4px;
    font-size: 13px;
    color: #fff;
    background-color: #666
    }
.homeeventMusic h2 {
    padding: 4px;
    font-size: 12px;
    color: #fff;
    background-color: #42B9E4
    }
.littleMusicDetails .eventTextLink {
    padding: 5px;
    clear: both;
    float: left;
    font-size: 110%
    }
.eventTextLink {
    padding: 5px;
    clear: both;
    float: left;
    font-size: 90%
    }
.eventSmallText {
    clear: both
    }
.djTextLink {
    padding: 5px;
    clear: both;
    float: left;
    font-weight: bold
    }
.littleMusicDetails .eventDate {
    padding: 5px;
    clear: both;
    float: left;
    color: #333
    }
.djeventDate {
    padding: 5px;
    clear: both;
    float: left;
    color: #333;
    font-weight: bold
    }
.djMusicDetails .eventDate {
    padding: 5px;
    clear: both;
    float: left;
    color: #333;
    font-weight: bold
    }
.littleMusicDetails .eventImage {
    padding: 5px;
    clear: both;
    float: left;
    width: 150px
    }
.djImage {
    padding: 0 0 0 5px;
    clear: both;
    float: left
    }
.smallpanelcontent .eventImage {
    padding: 5px;
    clear: both;
    float: left;
    width: 150px
    }
.homeeventImage {
    padding: 5px 5px 0 5px;
    clear: none;
    float: left;
    font-size: 90%;
    font-weight: 100;
    width: 70px
    }
.homeeventHeadImage {
    padding-right: 5px;
    clear: both;
    float: left;
    font-size: 100%;
    font-weight: bold
    }
.homeeventTextLink {
    padding: 0;
    clear: right;
    float: left;
    font-size: 90%;
    background: url(media/more-arrow.gif) no-repeat center right;
    padding-right: 10px;
    margin-right: 5px
    }
.homeeventSmallText {
    clear: none;
    float: left;
    height: 67px;
    width: 160px
    }
.homeeventDate {
    padding: 0;
    clear: left;
    float: left;
    color: #333;
    font-size: 90%;
    font-weight: 100;
    width: 150px
    }
.homeeventLinkImage {
    padding: 0;
    clear: none;
    float: left;
    font-size: 90%;
    font-weight: 100;
    background: url(media/view-event-profile.gif) no-repeat center right;
    width: 100px
    }
.littleMusicDetails .eventDate {
    font-weight: bold;
    font-size: 115%
    }
.eventLinkImage {
    padding: 5px;
    clear: both;
    float: left;
    background: url(media/view-event-profile.gif) no-repeat center right;
    width: 100px;
    font-size: 90%
    }
.djLinkImage {
    padding-left: 5px;
    clear: both;
    float: left;
    background: url(media/view-event-profile.gif) no-repeat center right;
    width: 100px;
    font-size: 90%
    }
/* DJ Profiles */
.profile {
    float: left;
    width: 700px;
    margin-bottom: 20px
    }
h3.profileBio {
    font-size: 1.2em;
    margin-top: 10px;
    margin-bottom: 20px;
    font-weight: bold
    }
h4.profileBio {
    font-size: 1.1em;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold
    }
.profileImage {
    padding-right: 20px;
    padding-top: 20px;
    float: left
    }
.profileText, .profileBio, .normal, .profileDetails, .profileBio p {
    font-weight: normal
    }
/* Wall Posts */
.wallPosts {
    width: 375px
    }
/* this controls the width of the box, use another top level class to place control elsewhere */
.wallPostsEvents {
    width: 375px
    }
.wallBox {
    float: right;
    width: 100%
    }
.wallPost {
    background-color: #eee;
    margin-bottom: 10px;
    min-height: 80px
    }
.wallHead {
    padding: 0 0 0 10px;
    background-color: #595a5c;
    color: #fff;
    line-height: 30px;
    display: block
    }
.wallTextBox {
    border: 1px solid #ccc;
    padding: 10px;
    margin: 10px;
    width: 335px;
    height: 60px
    }
.wallSubmit {
    margin: 10px;
    border: 1px solid #ccc
    }
.wallPosts cite {
    padding: 5px;
    position: relative;
    top: 15px;
    margin: 20px 10px 10px 10px;
    color: #666;
    height: 40px;
    width: 350px
    }
/* Wall Messages */
.wallSingle {
    padding-bottom: 5px
    }
.wallDate {
    padding: 0 0 0 10px;
    background-color: #eee;
    border-style: solid;
    border-width: 6px 0 0 0;
    border-color: #ccc;
    line-height: 30px;
    display: block
    }
.wallDateNew {
    padding: 0 0 0 10px;
    background-color: #eee;
    border-style: solid;
    border-width: 6px 0 0 0;
    border-color: #8830ba;
    line-height: 30px;
    display: block
    }
.wallSingle .note {
    color: #7428ac
    }
.wallReport {
    padding: 0 10px 5px 10px;
    float: right
    }
.wallReport a, .wallReport a:link, .wallReport a:hover, .wallReport a:visited {
    color: #8830ba
    }
.reportButton {
    border: 0;
    background-color: #fff
    }
.wallSubmit {
    padding: 5px 10px 5px 10px;
    margin-bottom: 10px;
    background-color: #fff;
    cursor: pointer
    }
.wallSubmit:hover {
    background-color: #666;
    color: #fff;
    text-decoration: none
    }
.wallMessage {
    margin: 10px
    }
/* Pagination */
#profileCounter, #eventCounter {
    margin: 5px;
    height: 20px
    }
#wallCounter .qp_next, #profileCounter .qp_next, #playlistCounter .qp_next, #eventCounter .qp_next {
    float: left
    }
#wallCounter .qp_prev, #profileCounter .qp_prev, #playlistCounter .qp_prev, #eventCounter .qp_prev {
    float: right
    }
#wallCounter .qp_disabled, #profileCounter .qp_disabled, #playlistCounter .qp_disabled, #eventCounter .qp_disabled {
    color: #ccc
    }
#wallCounter .qp_counter {
    color: #999;
    margin-left: 135px;
    float: left
    }
#profileCounter .qp_counter {
    color: #999;
    margin-left: 80px;
    float: left
    }
#playlistCounter .qp_counter {
    color: #999;
    margin-left: 85px;
    float: left
    }
#eventCounter .qp_counter {
    color: #999;
    margin-left: 76px;
    float: left
    }
/* We7 */
.leftWe7Panel {
    float: left;
    width: 310px
    }
.we7wrapper {
    float: left;
    border: 0 solid #333;
    height: 325px;
    background-color: #000;
    width: 300px
    }
.we7framecontent {
    width: 330px;
    border: 0;
    height: 360px;
    overflow: hidden;
    position: relative;
    left: -8px;
    top: -8px
    }
.we7framecontent body {
    position: absolute;
    top: 0;
    left: 0
    }
/* Playlist Accordion */
.playlistEntryContainer {
    clear: both;
    width: 300px
    }
.trackplaying {
    color: #093
    }
.playlistBox {
    float: left;
    width: 300px;
    padding: 10px 0 10px 0;
    clear: both
    }
.playlistHead {
    padding: 0 0 0 10px;
    margin: 0 0 10px 0;
    background-color: #595a5c;
    color: #fff;
    line-height: 30px;
    display: block
    }
.playlistSingle {
    color: #8830ba;
    font-weight: bold;
    padding: 0 0 0 10px;
    background-color: #eee;
    border-style: solid;
    border-width: 0 1px 5px 0;
    border-color: #fff;
    line-height: 30px;
    width: 250px
    }
.playlistSingleRight {
    padding: 0 0 0 10px;
    background-color: #eee;
    border-style: solid;
    border-width: 0 0 5px 0;
    border-color: #fff;
    line-height: 30px;
    display: block;
    float: right
    }
a.playlistImageButton {
    background-image: url(media/playlist-play.gif);
    height: 30px;
    width: 30px;
    display: block;
    float: right;
    padding: 0 7px 0 0
    }
#playlistEntryBlock {
    overflow: auto;
    height: 270px;
    width: 290px;
    margin-bottom: 10px
    }
ul.playlistEntryBlock {
    padding: 0 0 0 10px;
    border-style: solid;
    border-width: 0 0 5px 0;
    border-color: #eee;
    line-height: 20px;
    width: 260px;
    overflow: hidden
    }
ul.playlistEntryBlock li {
    padding: 0;
    font-size: 80%;
    color: #aaa;
    font-weight: bold
    }
ul.playlistEntryBlock li a, ul.playlistEntryBlock li a:link, ul.playlistEntryBlock li a:hover, ul.playlistEntryBlock li a:visited {
    color: #595a5c;
    font-weight: bold
    }
a.playlistEntryLink {
    width: 270px;
    display: block;
    overflow: hidden
    }
.accordionActive {
    text-decoration: underline
    }
.accordionHover {
    color: #444
    }
a.playlistEntryLink a.trackplaying {
    color: #c30
    }
/* END FS */
.addBasket {
    padding: 5px
    }
h3.basketSummaryNewItem, h3.basketSummaryItems {
    background: #59595b;
    color: #FFF;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 5px
    }
.basketSummaryItem {
    background: #cacaca;
    padding: 10px 6px 10px 10px;
    margin-bottom: 5px
    }
.basketSummaryItem p.itemName {
    padding-right: 20px
    }
.basketSummaryItem a {
    color: #8118b9;
    font-weight: bold
    }
.basketSummaryCost {
    font-weight: bold
    }
.basketDelete {
    float: right
    }
.basketSummaryTotal {
    background: #0fd1c8;
    color: #FFF;
    padding: 10px;
    text-align: right;
    font-weight: bold
    }
.checkoutLink {
    text-align: right;
    border-top: solid 4px #cacaca;
    padding-top: 15px
    }
p.highlightedP {
    background: #e5e5e5;
    margin: 0 0 5px 0
    }
/* homepage Booths */
.homeBooths {
    margin-top: 5px
    }
.boothContainer {
    background: #cacaca;
    padding: 7px;
    margin: 0 5px 5px 5px
    }
.boothContainer a {
    font-weight: bold
    }
/* booths */
.boothPanel {
    border: solid 5px #8f6a1c;
    padding: 20px;
    margin: 20px;
    background: #000;
    color: #FFF
    }
.boothPanel .calendarOuter {
    width: 230px;
    background: url(media/booths/cal-bg.gif) bottom left no-repeat #000;
    text-align: center
    }
.boothPanel .calendarMonth {
    background: url(media/booths/cal-top.jpg) #000
    }
.boothPanel .moetSponsor {
    text-align: center;
    padding-top: 10px
    }
.boothPanel .boothsLeft {
    width: 230px;
    margin-right: 20px;
    float: left
    }
.boothPanel .boothsRight {
    float: left;
    width: 660px
    }
.silverLeaf {
    background: url(media/booths/content-bg.jpg) right top no-repeat #000
    }
.boothPanel .boothContent {
    background: url(media/booths/boothPanel-bg.gif) repeat-y
    }
.boothPanel .boothContentNarrow {
    background: url(media/booths/boothPanelNarrow-bg.gif) repeat-y;
    width: 534px
    }
.boothPanel .boothContentNarrowBottom {
    background: url(media/booths/boothPanelNarrow-bg-bot.gif);
    height: 8px;
    width: 534px
    }
.boothPanel .goldLeaf h1 {
    background: url(media/booths/booths-Intro.png) no-repeat;
    height: 173px
    }
.boothPanel h1 span {
    position: absolute;
    top: -1000px;
    left: -2000px
    }
.boothPanel .goldLeaf {
    margin-top: 20px;
    background: url(media/booths/boothPanel-bg-bottom-goldleaf.jpg) no-repeat right bottom;
    color: #FFF;
    padding: 0 0 35px 0
    }
.boothPanel .goldLeaf p {
    padding: 0 250px 0 35px
    }
.boothPanel .chooseEvent {
    background: url(media/booths/choose-event.jpg) no-repeat;
    height: 85px
    }
.boothsEventList {
    padding: 10px;
    border: solid 1px #333;
    margin: 0 20px 10px
    }
.boothsEventList h2 a {
    color: #FFF
    }
.boothsEventList .eventImage {
    float: left;
    margin-right: 10px;
    width: 228px;
    min-height: 90px
    }
.boothsEventList .eventDetails {
    float: left;
    width: 224px;
    color: #FFF
    }
.boothPanel .selectBooth {
    background: url(media/booths/select-booth.jpg) no-repeat;
    height: 74px
    }
.boothPanel .filter {
    margin: 0 20px 10px;
    padding: 10px 0;
    border-top: solid 1px #333;
    border-bottom: solid 1px #333;
    font-size: 120%
    }
.boothPanel .filter label {
    padding-right: 20px
    }
.boothPanel .filter select {
    padding: 2px;
    font-size: 70%
    }
.boothPanel .boothEvent h2 {
    background: url(media/booths/event-details.jpg) no-repeat;
    height: 64px
    }
.boothPanel .boothEvent h2 span {
    position: absolute;
    top: -1000px;
    left: -2000px
    }
.boothPanel .boothEvent p {
    padding-left: 10px
    }
.boothPanel .boothList {
    padding: 0 20px
    }
.boothPanel .boothList h2 {
    padding: 0 0 10px 0
    }
.boothListBooth {
    border: solid 1px #333;
    margin: 0 0 10px;
    padding: 10px
    }
.boothListBooth .boothImage {
    float: left;
    width: 146px;
    height: 109px;
    position: relative
    }
.boothListBooth .boothImage span {
    position: absolute;
    top: 0;
    left: 0;
    background: url(media/booths/booth-overlay.png);
    display: block;
    width: 146px;
    height: 109px
    }
.boothListBooth .boothDetails {
    float: left;
    width: 193px;
    padding: 0 10px
    }
.boothListBooth .boothDetails .closed {
    color: #767676
    }
.boothListBooth .boothCost {
    padding: 10px 0 0 0;
    float: left;
    width: 109px;
    height: 99px;
    border: solid 1px #333;
    font-weight: bold;
    font-size: 110%;
    text-align: center
    }
.boothListBooth .boothCost p {
    padding: 0
    }
.boothListBooth .boothCost .cost {
    color: #886d20;
    font-size: 240%;
    padding: 0;
    margin: 0
    }
.boothListBooth .boothCost .closed {
    color: #767676;
    font-size: 100%
    }
.boothPanel .yourBooth {
    background: url(media/booths/your-booth.jpg) no-repeat;
    height: 74px
    }
.boothPanel .boothTitle {
    float: left;
    padding-left: 20px
    }
.boothPanel .chooseAnother {
    float: right;
    padding-right: 20px
    }
.boothPanel .boothInfo {
    clear: both;
    padding: 0 20px
    }
.boothInfo .detail {
    border: solid 1px #333;
    margin: 0 0 5px 0;
    padding: 6px
    }
.boothInfo .price {
    padding: 10px 6px
    }
.boothInfo .detail dt {
    float: left;
    width: 160px
    }
.boothInfo .detail dd {
    float: left
    }
.boothInfo .price dd {
    font-size: 200%
    }
.boothInfo .detail .smallPrint {
    font-size: 70%;
    color: #767676
    }
.boothInfo #bookingForm h1 {
    background: url(media/booths/book-it-header.jpg) no-repeat;
    width: 138px;
    height: 58px;
    margin-bottom: 10px
    }
.boothInfo #bookingForm .printingAgreement {
    background: #000
    }
.boothInfo #bookingForm .highlightedP {
    background: #000
    }
/* Edit Basket */
.basketHeader {
    background: #000;
    color: #FFF
    }
.basketHeader th {
    text-align: center;
    padding: 10px;
    width: 95px
    }
th.basketDesc {
    text-align: left;
    width: 480px
    }
.basketItems th {
    padding: 10px
    }
.basketItems td, .basketCommands td {
    background: #cacaca;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    border-top: solid 1px #FFF;
    width: 95px
    }
.basketCommands td {
    background: #FFF
    }
td.basketDesc {
    text-align: left;
    width: 480px
    }
td.basketDesc span.packageName {
    font-weight: normal
    }
td.basketQty input {
    width: 25px;
    padding-left: 15px
    }
th.spanner {
    text-align: left;
    background: #595a5c;
    font-weight: bold;
    color: #FFF;
    border-top: solid 8px #FFF
    }
td.basketPackage {
    padding-left: 30px;
    width: 460px
    }
.basketSummary {
    text-align: right
    }
.basketSummary p {
    clear: both
    }
.updateBasketP {
    float: right
    }
.emptyBasketP {
    float: right;
    margin-left: 80px
    }
p.basketTotal {
    float: right;
    background: #0fd1c8;
    color: #FFF;
    font-weight: bold;
    margin: 0 0 10px
    }
p.basketTotal span {
    float: left;
    width: 95px;
    padding: 10px;
    text-align: center
    }
/* check out */
.checkoutWide {
    float: left;
    width: 710px;
    margin-right: 20px;
    padding-bottom: 20px
    }
.checkoutWide h2 {
    background: #000;
    color: #FFF;
    padding: 8px;
    margin-top: 1px
    }
.checkoutWide h2.noncomp {
    background: #999;
    color: #797979
    }
.checkoutSmall {
    float: left;
    width: 230px
    }
.checkoutSmall p {
    background: #595a5c;
    color: #FFF;
    font-weight: bold;
    padding: 5px 10px;
    margin-top: 1px
    }
.checkoutSmall .progress {
    background: #333;
    color: #FFF;
    font-weight: bold
    }
.checkoutSmall .noncomp {
    background: #ccc;
    color: #9d9d9d;
    font-weight: bold
    }
.checkoutSummary {
    background: #f0f0f0;
    color: #333
    }
.checkoutSummary p {
    background: none;
    color: #333
    }
.checkoutContent {
    background: #cacaca;
    padding: 10px
    }
.checkoutContent .basketHeader th {
    background: #595a5c
    }
.checkoutContent .promoCode {
    background: #e5e5e5;
    float: left;
    width: 400px;
    padding: 10px;
    margin-top: 20px
    }
.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: #FFF;
    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
    }
/* registration form */
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
    }
/* accounts */
.accountsWide {
    float: left;
    width: 100%;
    margin-right: 20px;
    padding-bottom: 20px
    }
.accountsWide h2 {
    background: #fff;
    color: #000;
    padding: 8px;
    margin-top: 1px
    }
.accountsWide h2.noncomp {
    background: #999;
    color: #797979
    }
.accountsWideContent {
    padding: 10px;
    background: #cacaca;
    margin-bottom: 20px
    }
.accountsSmall {
    float: left;
    width: 230px;
    display: none
    }
.accountsSmall p {
    background: #e5e5e5;
    color: #000;
    font-weight: bold;
    padding: 5px 10px
    }
.accountsSmall p.nostrong {
    font-weight: normal
    }
.accountsSmall h3 {
    background: #303030;
    color: #FFF;
    font-weight: bold;
    padding: 5px 10px;
    margin-top: 1px;
    margin-bottom: 1px
    }
.accountsSmall ul {
    background: #e5e5e5;
    color: #000;
    font-weight: bold;
    padding: 5px 10px
    }
.accountsSmall li {
    padding: 2px 0
    }
/*.accountsSmall .noncomp { background:#cccccc;color:#9d9d9d;font-weight:bold; }*/
.accountsSummary {
    background: #f0f0f0;
    color: #333
    }
.accountsSummary p {
    background: none;
    color: #333
    }
.accountsContent {
    background: #fff;
    padding: 10px;
    font-weight: normal
    }
.accountsContent p {
    font-weight: normal
    }
.accountsContent .basketHeader th {
    background: #595a5c
    }
.accountsContent .promoCode {
    background: #e5e5e5;
    float: left;
    width: 400px;
    padding: 10px;
    margin-top: 20px
    }
.accountsContent .promoCode h3 {
    font-size: 130%
    }
.accountsContent .promoCode p {
    font-weight: bold
    }
.accountsContent .promoCode .billingPromo {
    width: 200px;
    margin-right: 20px
    }
.applyPromo {
    vertical-align: middle
    }
.accountsContent p.basketTotal {
    float: right;
    background: #0fd1c8;
    color: #FFF;
    font-weight: bold;
    margin: 20px 0 10px
    }
.accountsContent p.basketTotal span {
    float: left;
    width: 90px;
    padding: 5px;
    text-align: center;
    font-size: 120%
    }
.accountsContent .back {
    float: left
    }
.accountsContent .continue {
    float: right
    }
.accountsContent .billingLarge {
    width: 400px
    }
.accountsContent .billingMedium {
    width: 200px
    }
.accountsContent .required {
    font-weight: bold;
    color: red
    }
.accountsSmall .summaryEdit {
    text-align: right
    }
.accountsSmall .summaryEdit a {
    background: url(media/more-arrow.gif) no-repeat center right;
    padding-right: 10px
    }
/* print ticket */
.printTicket {
    width: 100%;
    background: #FFF;
    padding: 20px;
    margin: 10px auto 0;
    line-height: 1em;
    display: block !important
    }
.printTicket p {
    font-weight: normal;
    clear: left
    }
.printTicket .eventname {
    color: #851ac2;
    font-size: 140%;
    font-weight: bold;
    padding-top: 20px;
    line-height: 1em
    }
.printTicket .eventdate {
    color: #696969;
    font-size: 140%;
    font-weight: bold;
    padding-top: 0;
    line-height: 1em
    }
.printTicket .unitname {
    font-size: 140%;
    font-weight: bold
    }
.printTicket .ticketBarcode, .printTicket .clubPackTicketsBarCode {
    float: right;
    padding: 10px;
    margin-right: 70px
    }
.printTicket .customer {
    clear: both;
    font-size: 140%;
    font-weight: bold;
    border-top: solid 2px #cdcdcd;
    margin-top: 70px
    }
.printTicket .qty {
    font-size: 140%;
    font-weight: bold
    }
.printTicket .tcs {
    border: solid 1px #000;
    padding: 10px;
    font-size: 80%;
    margin-top: 20px
    }
.printTicket .tDet {
    clear: left
    }
.printTicket .tDet label {
    font-weight: bold;
    float: left;
    width: 200px
    }
.printTicket .tDet span {
    float: left;
    width: 370px
    }
.printTicket .clubpackName {
    clear: both;
    font-size: 120%;
    font-weight: bold
    }
.clubPackTicket .eventname {
    color: #FE9B08
    }
.unitNameLeft {
    vertical-align: bottom;
    border-bottom: 2px solid #CDCDCD;
    padding: 0
    }
.printLogo {
    vertical-align: bottom;
    margin: 0;
    padding: 0;
    border-bottom: 2px solid #CDCDCD
    }
.printLogo img {
    margin: 0;
    padding: 0;
    position: relative;
    top: 2px;
    height: 80px;
    float: right
    }
.accountsTable {
    border-collapse: collapse;
    border: solid 1px #595a5c;
    margin-bottom: 20px;
    display: none
    }
.accountsTable th {
    color: #FFF;
    background: #595a5c;
    font-weight: bold;
    padding: 6px
    }
.accountsTable td {
    color: #000;
    background: #e5e5e5;
    font-weight: bold;
    padding: 6px;
    vertical-align: top
    }
.accountsTable a {
    color: #851ac2
    }
.accountsTable th.action, .accountsTable td.action {
    width: 70px;
    text-align: center
    }
.accountsTable th.qty, .accountsTable td.qty {
    width: 70px;
    text-align: center
    }
.accountsTable th.tDate, .accountsTable td.tDate {
    width: 120px;
    text-align: center
    }
.accountsTable th.tType, .accountsTable td.tType {
    width: 120px;
    text-align: center
    }
.accountsTable th.bDate, .accountsTable td.bDate {
    width: 252px
    }
.accountsTable th.oDate, .accountsTable td.oDate {
    width: 161px;
    text-align: center
    }
.accountsTable th.oValue, .accountsTable td.oValue {
    width: 161px;
    text-align: center
    }
.accountsTable td.inset {
    padding-left: 30px
    }
.leftBtn img {
    width: 1px
    }
.rightBtn img {
    width: 0
    }
/*modal popup styles*/
.popUpBox .b {
    background: url(media/b.png)
    }
.popUpBox .tl {
    background: url(media/tl.png)
    }
.popUpBox .tr {
    background: url(media/tr.png)
    }
.popUpBox .bl {
    background: url(media/bl.png)
    }
.popUpBox .br {
    background: url(media/br.png)
    }
.popUpBox .popup {
    position: relative
    }
.popUpBox table {
    border-collapse: collapse
    }
.popUpBox .toppad {
    padding-top: 5px
    }
.popUpBox td {
    border-bottom: 0;
    padding: 0
    }
.popUpBox .body {
    padding: 10px;
    background: #fff;
    width: 440px;
    color: #000
    }
.popUpBox .content {
    float: none;
    padding: 0;
    width: 440px
    }
.popUpBox .loading {
    text-align: center
    }
.popUpBox .image {
    text-align: center
    }
.popUpBox img {
    border: 0;
    margin: 0
    }
.popUpBox .popUpBoxfooter {
    border-top: 1px solid #808080;
    padding-top: 5px;
    margin-top: 10px;
    text-align: right;
    background: none
    }
.popUpBox .tl, .popUpBox .tr, .popUpBox .bl, .popUpBox .br {
    height: 10px;
    width: 10px;
    overflow: hidden;
    padding: 0
    }
/* club packs */
h2.cPListHeader {
    background: #696969;
    color: #FFF;
    padding: 10px;
    margin-top: 20px
    }
.clubPacksList {
    background: #cacaca;
    padding: 10px 0 0 10px
    }
.clubPacksList .clubPack {
    background: #e5e5e5;
    padding: 10px;
    margin: 0 10px 10px 0;
    width: 286px;
    float: left
    }
.clubPacksList .clubPack .packImage {
    float: left;
    padding: 0 10px 0 0
    }
.clubPacksList .clubPack .packSummary {
    float: left;
    width: 160px
    }
.clubPackRepeaters .clubPackRepeater {
    width: 305px;
    background: #e5e5e5;
    float: left;
    margin-bottom: 20px;
    padding: 10px;
    min-height: 110px
    }
.clubPackRepeaters .rightRpt {
    margin-left: 20px
    }
.clubPackRepeaters .skip {
    background: #e5e5e5;
    margin-bottom: 20px;
    padding: 10px;
    text-align: right
    }
.clubPackRepeaters .skip p {
    font-weight: bold
    }
.clubPackRepeaters img {
    vertical-align: middle;
    margin-left: 20px
    }
.packContent {
    float: left;
    width: 690px;
    background: #cacaca
    }
.packContent .packHeader {
    background: #feac14
    }
.packContent .packHeader h1 {
    color: #FFF;
    padding: 10px
    }
.packContent .packDetailsSelect {
    font-weight: bold;
    border-top: solid 1px #cacaca;
    margin-top: 6px;
    padding-top: 6px
    }
.packContent .packDetailsInner {
    padding: 10px
    }
.packContent .packDetailsInner2 {
    background: #e5e5e5;
    padding: 10px
    }
.packContent .step {
    background: #000;
    color: #FFF;
    padding: 10px;
    margin-top: 10px
    }
.packContent .packDetailsInner2 .step {
    margin-top: 0
    }
.packContent .packDetailsInner2 .packImage {
    width: 210px;
    height: 210px;
    margin: 10px 10px 10px 0;
    float: left
    }
.packContent .packDetailsInner2 .includes {
    float: left;
    width: 430px;
    margin: 10px 0 10px 0
    }
.packContent .packDetailsInner2 .includes .include {
    background: #c0c0c0;
    margin-bottom: 1px;
    color: #666
    }
.packContent .packDetailsInner2 .includes .include .packLeft {
    float: left;
    font-weight: bold;
    padding: 13px 0 13px 10px
    }
.packContent .packDetailsInner2 .includes .include .packRight {
    float: right;
    font-weight: bold;
    padding: 13px 47px 13px 0;
    background: url(media/clubpack-include.gif) no-repeat right center
    }
.packContent .packDetailsInner2 .includes .include .noTick {
    padding-right: 10px;
    background: none
    }
.packContent .packDetailsHeader {
    background: #000;
    padding: 6px;
    margin-top: 10px
    }
.packContent .packDetailsHeader p {
    font-size: 120%;
    font-weight: bold;
    color: #FFF
    }
.packContent .packDetailsHeader2 {
    background: #595959;
    padding: 6px;
    margin-top: 10px
    }
.packContent .packDetailsHeader2 p {
    font-size: 120%;
    font-weight: bold;
    color: #FFF;
    float: left
    }
.packContent .packDetailsHeader2 span {
    color: #FFF;
    float: right;
    padding: 6px
    }
.packContent .step {
    background: #000;
    color: #FFF;
    padding: 6px;
    margin-top: 10px
    }
.packContent .step p {
    font-size: 120%;
    font-weight: bold;
    color: #FFF
    }
.packContent .step2 {
    background: #595959;
    padding: 6px;
    margin-top: 10px
    }
.packContent .step2 p {
    font-size: 120%;
    font-weight: bold;
    color: #FFF;
    float: left
    }
.packContent .step2 span {
    color: #FFF;
    float: right;
    padding: 6px
    }
.packContent .cpQty {
    background: #e5e5e5;
    padding: 10px
    }
.packContent .basketButton {
    text-align: right;
    padding-top: 6px
    }
.packContent .packDetails {
    background: #e5e5e5;
    padding: 10px
    }
.packContent .cpEventList {
    background: #e5e5e5;
    padding: 10px
    }
.packContent .cpQty p {
    clear: left
    }
.packContent label.layoutLabel {
    float: left;
    width: 100px
    }
.packContent .sub {
    background: #595959;
    color: #FFF;
    font-weight: bold;
    padding: 6px;
    margin-top: 10px
    }
.packContent .saving {
    color: #F00
    }
.packContent .printingAgreement {
    margin-top: 10px
    }
.cpBoothList .trb {
    background: #e5e5e5
    }
.cpBoothList .trb td {
    padding: 10px
    }
.cpBoothList .trb .td1 {
    vertical-align: middle
    }
.cpBoothList .trb .td2 {
    vertical-align: middle
    }
.cpBoothList .trb .td3 {
    vertical-align: middle
    }
/* membership */
.memberTop {
    padding: 0 0 20px 0
    }
.memberTop h3, .memberBottom h3 {
    padding: 11px;
    background: #595a5b;
    color: #fff
    }
.memberCenter {
    background: #cbcbcb;
    padding: 10px;
    clear: both
    }
.memberCenter .leftSide {
    background: #e5e5e5;
    width: 600px;
    padding: 10px;
    line-height: 2.8em
    }
.memberCenter .rightSide {
    float: right;
    background: url(media/ukcn.png) no-repeat left top;
    width: 300px;
    height: 150px
    }
.memberBottom {
    clear: both;
    height: 560px
    }
.memberBottom .triColumnspacer {
    width: 306px;
    margin-right: 20px;
    float: left
    }
.memberBottom .triColumn {
    width: 306px;
    margin-left: 2px;
    float: left
    }
.memberSilver {
    background: #cbcbcb url(media/membership-silver.gif) no-repeat left top;
    height: 420px;
    padding-top: 100px
    }
.memberGold {
    background: #cbcbcb url(media/membership-gold.gif) no-repeat left top;
    height: 420px;
    padding-top: 100px
    }
.memberPlatinum {
    background: #cbcbcb url(media/membership-platinum.gif) no-repeat left top;
    height: 420px;
    padding-top: 100px
    }
.memberSilver p, .memberGold p, .memberPlatinum p {
    padding: 11px
    }
.memberSilver .content, .memberGold .content, .memberPlatinum .content {
    background: #e5e5e5;
    margin: 10px;
    font-weight: bold
    }
.silverButton {
    text-align: center
    }
.inputTextArea {
    width: 300px;
    height: 100px;
    border: solid 1px #595959;
    padding: 2px
    }
/* 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: 1em
    }
.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
    }
.contactPanelLeft {
    float: left;
    width: 468px
    }
.contactPanelRight {
    float: right;
    width: 468px
    }
.contactPanel {
    margin-bottom: 10px;
    background: #cacaca;
    padding-bottom: 4px
    }
.contactPanel h2 {
    padding: 4px 10px;
    color: #FFF;
    background: #595a5c
    }
.contactPanelInner {
    background: #e5e5e5;
    padding: 10px;
    margin: 10px
    }
/* club packs homepage */
.homeClubPacks {
    padding: 10px 0 10px 10px;
    margin-bottom: 10px
    }
.homeClubPacks .clubPack {
    float: left;
    width: 138px;
    margin-right: 10px;
    background: #cacaca;
    text-align: center;
    padding: 4px
    }
ul.regThanks {
    margin: 10px 0 0 30px
    }
ul.regThanks li {
    list-style-type: disc
    }
/* log in */
.logInPanel {
    background: #cbcbcb;
    padding: 0 0 20px 0
    }
.logInPanel h1 {
    color: #FFF;
    padding: 6px 10px;
    background: #595a5c
    }
.logInPanel .logInPanelInner {
    width: 600px;
    margin: 30px auto 0
    }
.logInPanel .logInPanelInner .logInLeft {
    min-height: 110px;
    float: left;
    width: 265px;
    padding: 10px;
    background: #e5e5e5
    }
.logInPanel .logInPanelInner .logInLeft p {
    margin-bottom: 8px
    }
.logInPanel .logInPanelInner .logInRight {
    min-height: 110px;
    float: right;
    width: 265px;
    padding: 10px;
    background: #e5e5e5
    }
.logInPanel .logInPanelInner .logInRight h2 {
    color: #000;
    background: none
    }
.logInPanel .logInPanelInner p.button {
    text-align: right;
    margin-bottom: 0
    }
.logInPanel p {
    clear: left
    }
.logInPanel label {
    float: left;
    width: 74px
    }
.panelContent input.loginInputText {
    width: 180px;
    border: solid 1px #595959;
    padding: 2px
    }
.panelContent input.loginInputText2 {
    width: 255px;
    border: solid 1px #595959;
    padding: 2px
    }
/* registrationForm */
.registrationForm {
    background: #cbcbcb;
    padding: 20px;
    width: 648px
    }
.registrationFormInner {
    background: #e5e5e5;
    padding: 18px;
    margin-bottom: 20px
    }
.registrationForm h2 {
    color: #FFF;
    padding: 6px 10px;
    background: #595a5c
    }
.registrationFormInner span, .registrationFormInner input {
    vertical-align: middle
    }
.registrationFormInner .forgottenInputText {
    margin: 0 5px;
    width: 300px
    }
.registrationFormInner .requiredField {
    color: Red
    }
.registrationFormItems {
    margin-left: 65px
    }
.registrationFormItems label {
    float: left;
    width: 123px;
    font-weight: normal
    }
.registrationFormItems .DOBItem {
    margin-right: 10px
    }
.isStudent label, .setMusic label, #setMusicDiv label {
    float: none;
    width: 400px
    }
.dptCheckboxes {
    margin-left: 0
    }
.dptCheckboxes label {
    float: none
    }
.registerCopy {
    border-top: solid 5px #CACACA;
    margin-top: 10px;
    padding-top: 10px
    }
/*whosUpPreview tables*/
.whosUpPreview td, th {
    padding: 0;
    margin: 0
    }
.whosUpPreview {
    background: #cbcbcb;
    padding: 20px 20px 5px 20px
    }
.whosUpPreviewInner {
    background: #000;
    margin-bottom: 10px
    }