.roomsListing .roomItem {
    width: 181px;
    min-height: 126px;
    float: left;
    padding: 20px;
    margin: 0 20px 20px 0;
    background: #1c1c1c url(media/box-bg.gif) repeat-x
    }
.roomsListing .roomItemRight {
    width: 181px;
    min-height: 126px;
    float: left;
    padding: 20px;
    margin: 0 0 20px 0;
    background: #1c1c1c url(media/box-bg.gif) repeat-x
    }
.roomContentLeft {
    float: left;
    width: 440px;
    margin: 20px 20px 0 0
    }
.roomContentRight {
    float: left;
    width: 240px;
    margin: 20px 0 0;
    padding: 0
    }
.roomContentLeft .roomInfo {
    background: #1c1c1c url(media/box-bg.gif) repeat-x;
    padding: 20px;
    margin-bottom: 20px
    }
.roomContentLeft .roomInfo2, .roomContentRight .roomInfo2 {
    background: #1c1c1c;
    margin-bottom: 20px
    }
.roomContentLeft .roomInfo2 h2, .roomContentRight .roomInfo2 h2 {
    background: #1c1c1c;
    padding: 10px;
    font-size: 100%
    }
.roomInfo2 a {
    font-weight: bold
    }
.roomInfo2 .date {
    font-weight: bold
    }
.roomInfoInner {
    background: #1c1c1c url(media/box-bg.gif) repeat-x;
    padding: 10px
    }
.roomBoothRpt {
    border-bottom: solid 1px #4b4b4b;
    margin-bottom: 10px;
    padding-bottom: 10px
    }
.roomBoothRpt .brptImg {
    float: left;
    margin-right: 10px
    }
.roomDjImg {
    float: left;
    margin-right: 10px
    }
/* Jobs */
.jobListing {
    float: left;
    width: 520px;
    margin-right: 20px;
    min-height: 300px
    }
.jobItem {
    padding: 20px;
    background: #1c1c1c url(media/box-bg.gif) repeat-x;
    margin-bottom: 20px
    }
.jobItem h2 {
    color: #b269ec;
    font-size: 100%
    }
.jPost {
    float: left;
    width: 200px;
    color: #b9b9b9
    }
.jClose {
    float: left;
    color: #b9b9b9
    }
.jDesc {
    clear: both;
    color: #b9b9b9
    }
.jobItemDesc {
    clear: both;
    background: #1c1c1c url(media/box-bg.gif) repeat-x;
    padding: 20px;
    margin-top: 10px
    }
.jobBox {
    float: left;
    width: 120px;
    padding: 20px;
    margin-bottom: 20px;
    background: #3dc1c6 url(media/jobBox-bg.gif) repeat-x;
    color: #FFF
    }
.jobBox a {
    color: #FFF
    }
/* root pages */
.rootContent {
    background: url(media/root/panel-full-bg.png) repeat-y top left
    }
.fullRoot {
    background: url(media/root/panel-full-bot.png) no-repeat bottom left
    }
.rootInner {
    background: url(media/root/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: #FFF;
    background: url(media/root/head-bg.gif) repeat-x #62269a
    }
.rootColInner {
    padding: 10px;
    min-height: 430px
    }
.rootMap {
    background: url(media/root/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
    }
/* contact page */
.contactPanelLeft {
    float: left;
    width: 440px
    }
.contactPanelRight {
    float: right;
    width: 250px
    }
.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
    }
.contactBox {
    background: #1c1c1c url(media/box-bg.gif) repeat-x;
    padding: 20px;
    margin-bottom: 20px
    }
.contactMap {
    width: 210px;
    height: 210px
    }
.conForm label {
    float: left;
    clear: left;
    width: 160px
    }
.conForm .formInput {
    width: 230px
    }
.conForm .formInputArea {
    width: 230px;
    height: 100px
    }
.conCheck label {
    float: none
    }
/* promotions */
.offersListing {
    background: #1c1c1c
    }
.offersListing h2 {
    padding: 10px 20px
    }
.offersListingInner {
    padding: 20px;
    background: #1c1c1c url(media/box-bg.gif) repeat-x
    }
.offerItem, .altOfferItem {
    padding: 10px;
    background: #282828 url(media/box-bg2.gif) repeat-x;
    width: 303px;
    float: left;
    margin-bottom: 20px
    }
.offerItem {
    margin-right: 20px
    }
.offerItem .offerImg, .altOfferItem .offerImg {
    float: left;
    margin-right: 10px
    }
.offerDiv {
    background: #1c1c1c
    }
.offerDiv h2 {
    padding: 10px 20px
    }
.offerDiv h2 a {
    float: right
    }
.offerDiv h2 img {
    vertical-align: middle
    }
.offerDiv p {
    background: #1c1c1c url(media/box-bg.gif) repeat-x;
    padding: 20px;
    clear: both;
    border: 0 solid #fff
    }
.offerDiv .offerImg img {
    width: 670px
    }
.fullPanel {
    background: url(media/root/panel-full-bg.png) repeat-y;
    width: 1006px
    }
.fullContent {
    padding: 20px;
    background: #000 url(media/rightCol-bg.gif) repeat-x;
    width: 958px
    }
/* Edit Basket */
.basketHeader {
    background: #1c1c1c;
    color: #FFF;
    margin-bottom: 5px
    }
.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: none;
    width: 95px;
    background: #000 url(media/rightCol-bg.gif) top right no-repeat
    }
td.basketDesc {
    text-align: left;
    width: 480px;
    color: #ccc
    }
td.basketDesc span.packageName {
    font-weight: normal
    }
td.basketPrice {
    color: #ccc
    }
td.basketQty {
    color: #ccc
    }
td.basketQty input {
    width: 25px;
    border: 1px solid #333;
    padding: 3px 3px 3px 15px
    }
td.basketQty input:focus {
    border: 1px solid #ccc
    }
td.basketTotal {
    color: #fff
    }
td.basketRemove {
    color: #000
    }
th.spanner {
    text-align: left;
    background: #595a5c;
    font-weight: bold;
    color: #FFF;
    border: none
    }
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: #1ca49d;
    color: #fff;
    font-weight: bold;
    font-size: 1.4em;
    margin: 0 0 10px;
    padding: 0
    }
p.basketTotal span {
    float: left;
    width: 95px;
    padding: 10px;
    text-align: center;
    font-weight: bold
    }
/* check out */
.checkoutWide {
    float: left;
    width: 700px;
    margin-right: 20px;
    padding-bottom: 20px
    }
.checkoutWide h2 {
    background: #1c1c1c;
    color: #FFF;
    padding: 8px;
    border-top: solid 1px #000
    }
.checkoutWide h2.noncomp {
    background: #1c1c1c;
    color: #434343
    }
.checkoutWide h2.top {
    border-top: none
    }
.checkoutSmall {
    float: left;
    width: 230px
    }
.checkoutSmall p {
    background: #595a5c;
    color: #FFF;
    font-weight: bold;
    padding: 5px 10px;
    margin-top: 1px
    }
.checkoutSmall .progress {
    background: #1c1c1c;
    color: #FFF;
    font-weight: bold
    }
.checkoutSmall .noncomp {
    background: #1c1c1c;
    color: #434343;
    font-weight: bold
    }
.checkoutSummary {
    color: #fff;
    background: #000 url(media/rightCol-bg.gif) top right no-repeat
    }
.checkoutSummary p {
    background: none;
    color: #ccc
    }
.checkoutContent {
    background: #1c1c1c url(media/box-bg.gif) repeat-x;
    padding: 10px
    }
.checkoutContent .basketHeader th {
    background: #595a5c
    }
.checkoutContent .promoCode {
    background: #e5e5e5;
    float: left;
    width: 400px;
    padding: 10px;
    margin-top: 20px;
    color: #ccc;
    background: #000 url(media/rightCol-bg.gif) top right no-repeat
    }
.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 input {
    border: 1px solid #333;
    padding: 3px
    }
.checkoutContent input:focus {
    border: 1px solid #ccc
    }
.checkoutContent p.basketTotal {
    background: #1ca49d;
    color: #fff;
    padding: 0;
    text-align: right
    }
.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 {
    padding-right: 10px
    }
.header {
    width: 1002px;
    margin: 0 auto;
    background: url(media/root/rootHeader-bg.jpg) no-repeat
    }
.rootHeaderClear {
    clear: both;
    background: url(media/root/head-bot.gif) no-repeat bottom left;
    height: 5px
    }
/* accounts */
.importantText1 {
    background: url(media/iDarkBgd.gif) no-repeat left center;
    padding: 10px 0 10px 40px;
    font-size: 130%;
    font-weight: bold
    }
.accountsWide {
    float: left;
    width: 710px;
    margin-right: 20px;
    padding-bottom: 20px
    }
.accountsWide h2 {
    background: #1c1c1c;
    color: #FFF;
    padding: 8px;
    margin-top: 1px
    }
.accountsWide h2.noncomp {
    background: #1c1c1c;
    color: #797979
    }
.accountsWideContent {
    padding: 10px;
    background: #1c1c1c url(media/box-bg.gif) repeat-x;
    margin-bottom: 20px
    }
.accountsSmall {
    float: left;
    width: 220px;
    background: #000
    }
.accountsSmall p {
    background: #000 url(media/rightCol-bg.gif) top right no-repeat;
    color: #ccc;
    font-weight: bold;
    padding: 5px 10px
    }
.accountsSmall p.nostrong {
    font-weight: normal
    }
.accountsSmall h3 {
    background: #1c1c1c;
    color: #FFF;
    font-weight: bold;
    padding: 5px 10px;
    margin-top: 1px
    }
.accountsSmall ul {
    background: #000 url(media/rightCol-bg.gif) top right no-repeat;
    color: #fff;
    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: #1c1c1c url(media/box-bg.gif) repeat-x;
    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
    }
.rightBtn {
    float: right;
    padding: 0 20px 0 0
    }
.leftBtn {
    float: left;
    padding: 10px 0 0 20px
    }
.accountsWide p.viewMore, .accountsSmall p.viewMore {
    text-align: right;
    background: none;
    width: 100%;
    padding-right: 12px;
    float: none
    }
.accountsWide p.viewMore a, .accountsWide p.viewMore a:link, .accountsWide p.viewMore a:visited, .accountsWide p.viewMore a:active, .accountsWide a span.viewMore {
    background: url(media/more-arrow.gif) no-repeat center right;
    padding-right: 10px;
    margin-right: 5px;
    font-weight: bold
    }
.accountsSmall p.viewMore a, .accountsSmall p.viewMore a:link, .accountsSmall p.viewMore a:visited, .accountsSmall p.viewMore a:active, .accountsSmall a span.viewMore {
    background: url(media/more-arrow.gif) no-repeat center right;
    padding-right: 10px;
    margin-right: 5px;
    font-weight: bold
    }
.accountsSmall span.viewMore {
    display: block;
    text-align: right
    }
/* print ticket */
.printTicket {
    width: 596px;
    background: #FFF;
    padding: 0 0 20px 20px;
    margin: 10px auto 0;
    line-height: 1em;
    color: #000
    }
.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 {
    float: right;
    padding: 10px
    }
.printTicket .customer {
    clear: both;
    font-size: 140%;
    font-weight: bold;
    border-top: solid 2px #cdcdcd
    }
.printTicket .qty {
    font-size: 140%;
    font-weight: bold
    }
.printTicket .tcs {
    border: solid 1px #000;
    padding: 10px;
    font-size: 80%;
    margin: 20px 20px 0 0
    }
.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
    }
.printTicket .inner {
    padding-right: 20px
    }
/* club packs */
h2.cPListHeader {
    background: #1c1c1c;
    color: #FFF;
    padding: 10px;
    margin-top: 20px
    }
.clubPacksList {
    background: #1c1c1c url(media/box-bg.gif) repeat-x;
    padding: 20px
    }
.clubPacksList .clubPack, .clubPacksList .altClubPack {
    background: #282828 url(media/box-bg2.gif) repeat-x;
    padding: 10px;
    margin: 0 20px 20px 0;
    width: 303px;
    float: left
    }
.clubPacksList .clubPack .packImage, .clubPacksList .altClubPack .packImage {
    float: left;
    padding: 0 10px 0 0
    }
.clubPacksList .clubPack .packSummary, .clubPacksList .altClubPack .packSummary {
    float: left;
    width: 160px
    }
.clubPacksList .altClubPack {
    margin-right: 0
    }
.packContent .packHeader h1 {
    color: #FFF;
    padding: 10px;
    font-size: 120%
    }
.packContent {
    float: left;
    width: 690px;
    background: #1c1c1c
    }
.packContent .packDetailsHeader p {
    font-size: 100%;
    font-weight: normal;
    color: #FFF
    }
.packContent .packDetailsHeader2 p {
    font-size: 100%;
    font-weight: normal;
    color: #FFF;
    float: left
    }
.packDetailsInner {
    background: #1c1c1c url(media/box-bg.gif) repeat-x;
    padding: 20px
    }
.packContent .packDetails, .packContent .cpEventList, .packContent .cpQty {
    background: #282828 url(media/box-bg2.gif) repeat-x;
    padding: 10px
    }
.packContent .step {
    background: #000;
    color: #FFF;
    padding: 6px;
    margin-top: 1px
    }
.packContent .step p {
    font-size: 100%;
    font-weight: normal;
    color: #FFF
    }
.packContent .step2 {
    background: #000;
    padding: 6px;
    margin-top: 1px
    }
.packContent .step2 p {
    font-size: 100%;
    font-weight: normal;
    color: #FFF;
    float: left
    }
.packContent .step2 span {
    color: #FFF;
    float: right;
    padding: 6px
    }
/* panels */
.panelStyle0 .panelTop h2 {
    background: url(media/panel-detail-events.gif) bottom right repeat-x
    }
.panelStyle1 .panelTop h2 {
    background: url(media/panel-detail-theclub.gif) bottom right repeat-x
    }
.panelStyle2 .panelTop h2 {
    background: url(media/panel-detail-plan.gif) bottom right repeat-x
    }
.panelStyle3 .panelTop h2 {
    background: url(media/panel-detail-relive.gif) bottom right repeat-x
    }
.panelStyle4 .panelTop h2 {
    background: url(media/panel-detail-ukcn.gif) bottom right repeat-x
    }
.panelStyle5 .panelTop h2 {
    background: url(media/panel-detail-shop.gif) bottom right repeat-x
    }
.panelStyle6 .panelTop h2 {
    background: url(media/panel-detail-promotions.gif) bottom right repeat-x
    }
.panelStyle7 .panelTop h2 {
    background: url(media/panel-detail-generic.gif) bottom right repeat-x
    }
.panelStyle8 .panelTop h2 {
    background: url(media/panel-detail-music.gif) bottom right repeat-x
    }
/* membership */
.memberTop {
    padding: 0 0 20px 0
    }
.memberTop h3, .memberBottom h3 {
    padding: 11px;
    background: #595a5b;
    color: #fff
    }
.memberCenter {
    background: #cbcbcb;
    padding: 10px;
    clear: both;
    color: #000
    }
.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: 305px;
    margin-right: 20px;
    float: left
    }
.memberBottom .triColumn {
    width: 305px;
    margin-left: 2px;
    float: left
    }
.memberSilver {
    background: #cbcbcb url(media/membership-silver.gif) no-repeat left top;
    height: 420px;
    padding-top: 100px;
    color: #000
    }
.memberGold {
    background: #cbcbcb url(media/membership-gold.gif) no-repeat left top;
    height: 420px;
    padding-top: 100px;
    color: #000
    }
.memberPlatinum {
    background: #cbcbcb url(media/membership-platinum.gif) no-repeat left top;
    height: 420px;
    padding-top: 100px;
    color: #000
    }
.memberSilver p, .memberGold p, .memberPlatinum p {
    padding: 11px;
    color: #000
    }
.memberSilver .content, .memberGold .content, .memberPlatinum .content {
    background: #e5e5e5;
    margin: 10px;
    padding: 5px;
    font-weight: bold;
    color: #000
    }
.silverButton {
    text-align: center
    }
.fullContent {
    min-height: 120px
    }
/* registrationForm */
.registrationFormInner {
    background: #e5e5e5;
    padding: 18px;
    margin-bottom: 20px
    }
.registrationFormInner span, .registrationFormInner input {
    vertical-align: middle
    }
.registrationFormItems p.indentBtn {
    padding-left: 123px
    }
.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
    }
.boxArticle {
    background: #1C1C1C url(media/boxBack.png) repeat-x scroll top;
    padding: 20px;
    min-height: 230px;
    margin-top: 20px
    }
/*Order Complete page*/
.thankYouPanelHolder {
    margin: 0 auto;
    width: 620px
    }
.thankYouPanel h1 {
    color: #FFF;
    padding: 6px 10px;
    margin-bottom: 10px;
    background: #1c1c1c
    }
.thankYouPanel .thankYouPanelInner {
    color: #FFF;
    padding: 10px;
    background: #1c1c1c url(media/box-bg.gif) repeat-x
    }
.thankYouPanel .orderDetails {
    color: #FFF;
    text-align: center;
    padding: 0;
    background: #1c1c1c url(media/box-bg.gif) repeat-x
    }
.importantTextDarkBgd {
    background: url(media/iDarkBgd.gif) no-repeat left;
    text-align: center;
    padding: 10px 0 10px 40px;
    margin: 0 auto;
    width: 450px;
    font-size: 130%;
    font-weight: bold
    }
.thankYouPanel h2 {
    color: #FFF;
    padding: 6px 10px;
    background: #1c1c1c
    }
.homeContent {
    background: url(media/panel-medium-top.png) no-repeat top left;
    width: 446px;
    position: relative;
    color: #fff;
    float: left;
    padding: 20px 20px 18px 20px
    }
.homeContentBot {
    clear: left;
    background: url(media/panel-medium-bg.png) bottom left;
    height: 15px
    }
.panelMedium .homeContent h2 {
    background: none;
    width: auto;
    color: #fff;
    padding: 0;
    float: none
    }
/* drop down menus */
#jsddm li ul {
    margin: 3px 0 0 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
    border-left: solid 1px #404040;
    border-right: solid 1px #404040
    }
#jsddm li ul li {
    float: none;
    display: inline;
    margin: 0;
    padding: 0
    }
#jsddm li ul li a {
    width: auto;
    min-width: 150px;
    border-bottom: solid 1px #404040;
    background: #0f0f0f;
    padding: 10px
    }
#jsddm li ul li a:hover {
    background: #0f0f0f url(media/menu-active.gif) repeat-x top
    }
/* forms builder */
.fbInput, .fbInputArea, .fbInputDD {
    width: 300px
    }
.fbInputArea {
    height: 100px
    }