* { margin:0; padding:0; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
html {background: #eeeeee;}
body { font: normal 85%/1 Calibri,Arial,"Trebuchet MS",sans-serif; color: #000; background: #e1e1e1;width: 960px; margin: 0 auto;position: relative; border: solid 1px black;}

/* links --------------------------------------------------------------- */
a {color:#7e2a00;text-decoration: underline;}
a:link {color:#7e2a00;}
a:hover {color:#000;text-decoration: none;}

/* H1 - H5 --------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin:15px 0 15px 0; }
h1 { font-size:1.8em;  margin: 0; color: #000;}
h2 { padding-left: 8px; font-size: 2.0em; color: #000; margin: 0; }
h3 { font-size:1.0em; margin: 20px 0 5px;color: #000; }
h4 { font-size:1.0em; color: #005e7c }
h5 { font-size:1.0em; }


    /* header ------------------------------------------------------------------ */
    #header { background: #610400 url('../img/header.jpg') no-repeat;position: relative; height: 130px;}
    
        #header h1 a#logo { display: block;color: #fff; width: 275px; height: 100px; line-height: 75px; font-size:1.0em; position: relative; }
        #header h1 a#logo span {width: 275px; height: 100px; display: block; cursor: pointer; position: absolute; top: 0; left: 0; background: url('../img/logo.jpg') no-repeat; }

        #header #basket {position: absolute; right: 10px; top: 10px; width: 300px; height: 60px;}
            #header #basket h2.welcome {position: absolute; left: 8px;top: 5px;color: #000; font-size: 1.3em;padding: 0;}
            #header #basket p.welcome {position: absolute; left: 8px;top: 25px;font-size: 0.9em;font-weight: bold;line-height: 1.1em;}
            #header #basket p.welcome a {color: #7e2a00;}
            #header #basket h2.basket {position: absolute; left: 200px;top: 5px;color: #000; font-size: 1.3em;padding: 0;}
            #header #basket a.basket {position: absolute; left: 200px;top: 25px;font-size: 1.5em;font-weight: bold; color: #7e2a00;}
		
		#header #mcafee {position: absolute; right: 10px; top: 85px;}
		
		#header #siteSearch {float: right; margin-right: 5px;font-size: 11px; }
		#header .searchtext {height: 16px; width: 100px;}
        #header .select {height: 20px; width: 80px;}
		#header .submit {height: 23px; width: 50px; background: #ededed;}
		
		#header .phoneNumber { background: url('../img/header_telephone.png'); position: absolute; top: 0px; right: 315px; height: 80px; width: 206px; }
		#header .phoneNumber .numberText { color: #5d0102; font-size: 1.8em; font-weight: bold; margin-left: 45px; margin-top: 13px;}
				
        /* navigation --------------------------------------------------- */
        #header ul#nav {list-style:none;height: 30px; line-height: 30px;padding: 0 25px; float: left;}
            #header ul#nav li {float:left;background: url('../img/nav-left.gif') no-repeat 0 0;margin: 0 2px;}
                #header ul#nav li a {padding: 0 3px;background: url('../img/nav-right.gif') no-repeat 100% 0; display: block; color: #fff; font-size: 1.1em; font-weight: bold; float: left;  }
                #header ul#nav li a:hover {text-decoration: none;}
                #header ul#nav li a span {padding: 0 5px; background: #661300;display: block;}
            #header ul#nav li.active {background: url('../img/nav-active-left.gif') no-repeat 0 0;margin: 0 2px;}
                #header ul#nav li.active a {padding: 0 3px;background: url('../img/nav-active-right.gif') no-repeat 100% 0; display: block; color: #fff; font-size: 1.2em; font-weight: bold; float: left;  }
                #header ul#nav li.active a span {padding: 0 5px; background: #fff;display: block;}
                #header ul#nav li.active a { color: #000;  text-decoration:none;}
        
        /* search */        
        #header div#globalSearch {float: right; margin-top: -10px; margin-right: 3px; background: url('../img/search.png') 0 0 no-repeat; height: 35px; width: 205px;}
            #header div#globalSearch .searchInput {border: 0; height: 20px; margin: 7px 0 8px 9px; width: 155px; color: #4C4C4C; font-size: 12px;float:left}
            #header div#globalSearch .searchSubmit {border: 0; background: transparent ; width: 25px; margin: 7px 9px 8px 0; cursor: pointer;height:15px}

        .subheader {background: #fff;padding: 10px; border-bottom: 1px solid #cacaca;}
        .subheader.banner {text-align: center;}

        .search.full {width: 685px; height: 95px; background: url('../img/searchbox-full.jpg') no-repeat;position: relative;}
            .search.full fieldset {position: absolute; left: 45px; top: 35px;}
            .search .text {padding: 6px 5px;float: left;font-size: 1.20em;width: 180px;margin-right: 5px;background: none; border: 0;font-weight: bold;color: #959595;}
            .search .text.date {width: 95px;color: #841c00;text-align: center;}
            .search label {float: left;font-size: 1.2em;text-align: center;width: 135px;font-weight: bold;padding: 7px 8px 5px 7px;}
            .search .submit {float: left;}
        .search.mini {width: 320px; height: 149px; background: url('../img/searchbox-mini.jpg') no-repeat;position: relative;}
            .search.mini fieldset {position: absolute; left:25px; top: 25px;}
            .search.mini .text {padding: 6px 5px;float: left;font-size: 1.20em;width: 180px;margin-right: 5px;background: none; border: 0;font-weight: bold;color: #959595;}
            .search.mini .text.date {width: 95px;color: #841c00;text-align: center;position: absolute;top: 70px; left: 45px;clear: both;}
            .search.mini label {display: block;clear: both;font-size: 1.2em;text-align: center;width: 240px;font-weight: bold;padding: 7px 0 5px 0;}
            .search.mini .submit {float: left;}
            .search.mini .submit.date-butt {position: absolute;top: 70px; left: 155px;clear: both;}
        .deals {position: relative; top: 10px; left: 10px; background: url('../img/dealsbox.jpg') no-repeat; width: 630px; height: 130px;position: relative;}
            .deals h2 {position: absolute;padding: 0; top: 5px; left: 10px;font-size: 1.6em;}
            .deals a.more {position: absolute; top: 0; height: 26px; line-height: 26px; left: 525px;color: #fff;font-weight: bold;font-size: 0.9em;display: block; width: 105px;}
            .deals div {width: 48%;position: absolute; left: 10px;top: 35px;padding-right: 10px;}
            .deals div.flt-r {left: 330px;}
                .deals div img {margin-right: 10px;}
                .deals div h3 {margin: 0;font-size: 1.0em;line-height: 1.2em;}
                .deals div h3 a {color: #821a00}
                .deals div p {font-size: 0.9em;}
        a.gifts {position: relative; top: 10px; right: 10px;}
        .hottickets {position: relative; padding: 5px 0 10px 10px; background: #fff;}
        .topbanner { background-color: #fff; padding-top: 10px; }
        .topbanner .smallbanner { margin-left: 15px; }

.greyBox {background: #e0e0e0; }
            .greyBox .mealDeals {float: left; width: 640px;}
                .greyBox .mealDeals .mealDealsBox {margin: 12px 5px 10px 5px; background: url('../img/mealDealsBox.png') 0 0 no-repeat; width: 633px; height: 132px; position: relative;}
                .greyBox .mealDeals .mealDealsBox h2 {padding: 3px 0 0 8px;}
                .greyBox .mealDeals .mealDealsBox .mealDeal {float: left; width: 45%; margin: 8px;}
                .greyBox .mealDeals .mealDealsBox .mealDeal img {width: 100px; height:80px; float: left; margin: 2px 5px;}
                .greyBox .mealDeals .mealDealsBox .mealDeal h3 {color: #821A00; font-size: 1.2em; margin: 0;}
                .greyBox .mealDeals .mealDealsBox .mealDeal {}
                .greyBox .mealDeals .mealDealsBox .moreMealDeals {display: block; position: absolute; top: 0; right: 0; color: #fff; width: 100px; height: 25px; line-height: 25px; padding-left: 15px; background: url('../img/rgt_arrow.png') 0 10px no-repeat;}
            .greyBox .localSearch {float: left; width: 320px;}
                .greyBox .localSearch .searchBox {margin: 10px 5px; background: url('../img/localSearchBox.png') 0 0 no-repeat; width: 304px; height: 135px;}
                    .greyBox .localSearch .searchBox .text {height: 22px; border: 0; width: 186px; padding: 10px; margin: 10px 5px; background: url('../img/search_input.png') 0 0 no-repeat; color: #838383; font-size: 14px;}
                    .greyBox .localSearch .searchBox .text-small {height: 22px; border: 0; width: 100px; padding: 10px 10px 10px 13px; margin: 10px 5px 10px 40px; background: url('../img/search_input_small.png') 0 0 no-repeat; color: #7f1a00; font-size: 18px;}
                    .greyBox .localSearch .searchBox .submit {background: url('../img/btn_search.png') 0 0 no-repeat; border: 0; width: 71px; height: 27px; color: #fff; font-weight: bold; font-size: 15px;}
                    .greyBox .localSearch .searchBox p {text-align: center; font-size: 14px; font-weight: bold;}

.greyBoxSuggestions {background: white; padding:0px 0px 0px 15px; }
            .greyBoxSuggestions .suggestions {float: left; width: 1000px;}
                .greyBoxSuggestions .suggestions .suggestionBox {margin: 20px 5px 10px 5px; background: white; width: 920px; position: relative;}
                .greyBoxSuggestions .suggestions .suggestionBox h2 {padding: 3px 0 0 8px;}
                .greyBoxSuggestions .suggestions .suggestionBox .mealDeal {float:left; width: 100%; margin: 8px;}
                .greyBoxSuggestions .suggestions .suggestionBox .mealDeal img {width: 100px; float: left; margin: 2px 5px;}
                .greyBoxSuggestions .suggestions .suggestionBox .mealDeal h3 {color: #821A00; font-size: 1.2em; margin: 0;}
                .greyBoxSuggestions .suggestions .suggestionBox .mealDeal {}
                .greyBoxSuggestions .suggestions .suggestionBox .submit {float:none;padding-left:10px;}
                .greyBoxSuggestions .suggestions .suggestionBox table td { vertical-align: top; }
                .greyBoxSuggestions .suggestions .suggestionBox table td .addtobasket { margin-bottom: 10px; margin-top: auto; }
                
        .content {background: #fff; width: 944px; border-top: 1px solid #cacaca;border-bottom: 1px solid #cacaca;padding: 20px 8px;}
            .content .view {position: relative; top: -10px;font-weight: bold;right: 10px;}
            .content .cols {float: left;width: 33%;padding: 0;}
            .content .cols.col1 {width: 30%;}
            .content .cols.col2 {left:0;}
            .content .cols.col3 {width: 36%;}
            .content .cols .extradiv { height: 40px; }
            .content .cols h2 {padding-left: 8px; font-size: 1.8em; color: #000; margin: 0;}
            .content .cols h2 a.headerlink { text-decoration: none; color: #000; }
                .content .cols ul {list-style: none;}
                    .content .cols ul li {margin: 2px 0; /****height: 17px; line-height: 17px;*/padding: 0 9px;}
                    .content .cols ul div.extra li {background: url('../img/list-extra-left.jpg') no-repeat left; background-position-y: 5px; padding-top: 5px;padding-bottom: 5px;}
                        .content .cols ul div.extra a {background: #fff899 url('../img/list-extra-right.jpg') no-repeat right}
                        .content .cols ul li a {text-decoration: none; /****height: 17px;*/line-height: 17px; overflow: hidden; display: inline-block;font-size: 0.9em; font-weight: bold; color: #7e2a00; padding: 0 5px 0 0;}
                        .content .cols ul li a span {text-decoration: underline;}
                        .content .cols ul li a span.wasnow { padding-left: 20px; }
                        .content .cols ul li a span.nobookingfees { padding-left: 20px; margin-right: 20px;}
                        .content .cols ul li a span.discount {text-decoration: none; padding-left: 20px; color: #000;}
                        .content .cols ul li a:hover span {text-decoration: none;color: #000;}
                        .content .cols ul li a:hover .was,
                        .content .cols ul li a .was {text-decoration: line-through; color: #959595;}
                        .content .cols ul li a .gray { color: Gray;}
            .content .plays {float: left;width: 33%;padding: 0;}
            .content .plays.col1 {width: 33%;}
            .content .plays.col2 {position: relative;left:4px;}
            .content .plays.col3 {width: 33%;float: right;}
            .content .play {height: 125px;width: 310px; background: #fff url('../img/plays-img-bg.jpg') no-repeat left; position: relative;margin-bottom: 10px; margin: 2px; float: left;}
            .content .play.extra {background: #fff899 url('../img/_plays-bg-left.jpg') no-repeat;}
                .content .play.extra div{ height: 125px;width: 310px; background: url('../img/_plays-bg-right.jpg') no-repeat right;}
                .content .play a.flt-l {position: absolute; left: 10px; top: 10px; z-index: 10;display: block; width: 75px; height: 108px;}
                    .content .play a.flt-l img {width: 75px; height: 108px;}
                .content .play h2 {position: relative; left: 95px; font-size: 1.2em !important;padding: 10px 0 0 !important;margin: 0 0 3px;width: 210px;}
                    .content .play h2 a {color: #821a00;display: block;}
                .content .play strong {position: relative; left: 95px;width: 210px;color: #959595;display: block; margin-bottom: 5px;font-size: 1.2em;}
                .content .play.extra strong {color: #000;}
                .content .play p {position: relative; left: 95px;width: 210px;font-size: 1.1em;margin: 0;padding: 0 !important;}
                .content .play span {position: relative; left: 95px;width: 210px;color: #959595;display: block;font-size: 0.95em;}
            .content .play.extra.closing {background: #E0E0E0 }

            .basket-title {padding: 15px 20px 0 10px;}
                .basket-title h2 {margin: 0; float: left;}
                .basket-title span {display: block;float: right; font-size: 1.7em; color: #959595;font-weight: bold;}
            .shopbasket {background: #fff url('../img/booking-left-corner.jpg') no-repeat left bottom;width: 930px; margin: 5px auto 80px;padding-bottom: 0}
                .shopbasket .tbody .ticketPlanImg {width:100px;float: left;}
                .shopbasket .thead {background: #821a00 url('../img/basket-top.jpg') no-repeat;height: 52px; line-height: 52px;overflow: hidden;}
                    .shopbasket .thead span {display: block; float: left; color: #fff; font-size: 1.7em; font-weight: bold; padding-left: 20px}
                    .shopbasket .thead span.th1 {width: 260px;}
                    .shopbasket .thead span.th2 {width: 195px;}
                    .shopbasket .thead span.th3 {width: 165px;}
                    .shopbasket .thead span.th4 {width: 230px;}
                .shopbasket .tbody {background: url('../img/basket-bg.jpg') repeat-y;}
                    .shopbasket .tbody span {display: block;padding: 5px 0 5px 20px;font-weight: bold;font-size: 1.2em}
                    .shopbasket .tbody span.td1 {width: 260px;float: left;font-size: 1.4em}
                        .shopbasket .tbody span.td1 img {float: left; margin-right: 5px;}
                    .shopbasket .tbody span.td2 {width: 195px;float: left;}
                    .shopbasket .tbody span.td3 {width: 165px;float: left;}
                    .shopbasket .tbody span.td4 {width: 230px;float: left;position: relative;font-size: 1.4em}
                    .shopbasket .tbody span.td5 {width: 230px;float: left;position: relative;font-size: 1.0em}
                        .shopbasket .tbody span .gray {padding: 5px 0 0 0;font-size: 1.0em; color: #959595;}
                        .shopbasket .tbody span .remove {float: right; background: url('../img/basket-remove.jpg') no-repeat 0 70%; padding-left: 12px;top: 10px; padding-right: 10px;font-size: 0.6em; font-weight: normal; color: #000;}
                .shopbasket .tfoot {background: url('../img/basket-end.jpg') no-repeat;height: 13px; }
                .shopbasket .upgrade {width: 620px; height: 60px; padding: 10px 0 10px 10px;float: right;background: url('../img/basket-in.jpg') no-repeat;position: relative; left: -12px}
                    .shopbasket .upgrade h2 {width: 120px; float: left;padding: 5px 0 0 0; margin: 0;color: #821a00;font-size: 1.7em}
                    .shopbasket .upgrade img {float: left;margin-right: 5px}
                    .shopbasket .upgrade a {text-decoration: none;color: #821a00;}
                    .shopbasket .upgrade a:hover {color: #000}
                    .shopbasket .upgrade .col1 {width: 245px;float: left;line-height: 30px;font-size: 1.3em;font-weight: bold;}
                    .shopbasket .upgrade .col2 {width: 240px;float: right;line-height: 30px;font-size: 1.3em;font-weight: bold;position: relative; left: 0px}
                    .shopbasket .upgrade span {font-size: 1.4em;display: block;position: relative; top: -10px}
                .shopbasket .border {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;height: 50px; line-height: 50px;}
                    .shopbasket .border h2 {float: left; width:260px; padding-left: 20px;font-size: 1.7em}
                    .shopbasket .border select {width: 370px;float: left;position: relative; top: 18px;font-weight: bold;font-family: Calibri, Arial;}
                    .shopbasket .border span {display: block; float: left; padding-left: 90px;font-weight: bold; font-size: 1.2em}
                .shopbasket .total {position: relative; }
                    .shopbasket .total h2 {position: absolute; left: 270px;font-size: 1.7em;top: 20px;}
                    .shopbasket .total span {position: absolute; left: 700px;font-size: 1.7em; font-weight: bold;top: 20px;}
                    .shopbasket .total .submit {position: absolute; right: 10px;top: 15px;}
                .shopbasket .continue {position: relative; top: 355px;float: right;left: 671px;}

            .freetickets {height: 67px; _line-height: 67px; width: 800px;margin: 10px auto;font-size: 1.8em;font-weight: bold;}
            .freetickets.mini {height: 52px;line-height: 52px;width: 900px;}
                .freetickets img {margin-right: 20px;float: left;}

            .calendar {}
                .calendar fieldset {padding: 10px 20px}
                .calendar .bigselect {font-size: 1.5em;float: left;}
                .calendar table {}
                    .calendar table td {width: 130px; height: 60px;}
                    .calendar table td.day.none {background: url('../img/calendar/day-none.jpg') no-repeat 50% 50%}
                    .calendar table td.day {background: url('../img/calendar/day.jpg') no-repeat 50% 50%}
                    .calendar table td.wend {background: url('../img/calendar/wend.jpg') no-repeat 50% 50%}
                    .calendar table td.wend.none {background: url('../img/calendar/wend-none.jpg') no-repeat 50% 50%}
                    .calendar table td .date {width: 50px; float: left;margin-left: 10px;font-size: 2.4em;font-weight: bold;}
                        .calendar table td .date span {display: block;font-size: 0.5em;font-weight: normal;position: relative; top: 3px;}
                    .calendar table td.gray {color: #959595}
                    .calendar table td .time {float: right;margin-right: 14px;}
                        .calendar table td .time a {display: block;font-size: 1.4em;padding: 2px 0}
                    .calendar .redbox {height: 45px; width: 370px;font-size: 0.9em; float: right; line-height: 22px;background: #821a00 url('../img/redbox-left.jpg') no-repeat;color: #fff; padding: 3px 3px;}
                        .calendar .redbox .inbox {background: url('../img/redbox-right.jpg') no-repeat top right ;padding: 0 5px;height: 45px;}
                        .calendar .redbox a {color: #fff}
                        .calendar .redbox select.ticketsNumberSelect { width: 50px; margin-left: 5px; margin-right: 5px; padding-left: 10px;} 

            .booking {width: 930px; margin: 20px auto 50px; background: #fff url('../img/booking-top.jpg') no-repeat;padding-top: 5px;}
            .booking fieldset {background: #fff url('../img/booking-left-corner.jpg') no-repeat left bottom;}
                .booking table {width: 900px; margin: 0 auto;}
                .booking td {padding: 5px;font-size: 1.3em}
                .booking .gray td {background: #e2e2e2;}
                .booking .gray td.white {background: #fff}
                .booking td.white {font-size: 1.7em; font-weight: bold;width: 20%;padding: 5px 20px;}
                .booking td.white sup {font-size: 0.7em;position: relative; top: 3px;}
                .booking th {font-size: 1.3em; font-weight: bold;width: 20%;padding: 5px 20px;text-align: center;}
                .booking th sup {font-size: 0.7em;position: relative; top: 3px;}
                .booking .a-center {text-align: center;color:#7e2a00;}
                .booking .a-right {text-align: right;}
                .booking .seats span.seat {display: block; float: left; width:33px; height: 33px; line-height: 33px; text-align: center; margin: 3px 3px; color: #fff; background: url('../img/booking-seat.jpg') no-repeat;}
                .booking p.warning {display: block; clear: left; color: red; font-size: 0.9em; margin-top: 3px; }
                .booking .empty td {height: 25px;}
                .booking .currency {display: block;font-size: 0.9em; float: right;padding: 0 10px;width: 136px; height: 40px; line-height: 40px; font-weight: bold; background: #fff url('../img/booking-right-corner.jpg') no-repeat bottom;position: relative; top: 40px;}

            .bookingpanel { min-height: 600px; }
            
            .checkout {margin-bottom: 20px}
            .checkout h2 {padding: 20px 0 20px 20px;}
            .checkout h3 {padding: 5px 0;font-size: 1.3em;margin: 0 0 10px;}
            .checkout label {display: block; float: left; width: 110px;margin-bottom: 5px;padding: 3px 0}
            .checkout .text {float: left; padding: 3px; width: 132px;margin-bottom: 5px;}
            .loginform .text {float: right;}
            .recoveryform .text {float: right;}
            .checkout .submit {float: right;margin-top: 10px}
            .checkout .required {font-weight: bold;color: #610300}
            .registerform label {width: 150px}
            .registerform .text {width: 155px}
            .registerform p.acceptconditions { margin-top: 10px; }
            .checkout .checkbox {position: relative; top: 2px}
            .loginform {background: #fff url('../img/form-login-top.jpg') no-repeat;float: left;width: 260px;position: relative; left: 20px;padding: 10px 20px}
                .loginform fieldset {background: url('../img/form-login-btm.jpg') no-repeat bottom}
            .recoveryform {background: #fff url('../img/form-login-top.jpg') no-repeat;float: left;width: 320px;position: relative; left: 20px;padding: 10px 20px}
                .recoveryform fieldset {background: url('../img/form-login-btm.jpg') no-repeat bottom}
            .registerform {background: #fff url('../img/form-register-top.jpg') no-repeat;float: left;width: 570px;position: relative; left: 20px;padding: 10px 20px}
                .registerform fieldset {background: url('../img/form-register-btm.jpg') no-repeat bottom}

             #blog {padding: 10px 30px 20px 30px;} 
             #news {padding: 10px 30px 20px 30px;} 
             
             .left-col {float: left; width: 200px;}
             .left-col h2 {margin-bottom: 20px;}
             .left-col #archiveList {background: url('../img/blog_menu_bg.png') right bottom no-repeat; padding-bottom: 40px;}
             .left-col #archiveList ul {list-style: none; margin-left: 1em; margin-top: 35px;} /* ***  margin-top */
             .left-col #archiveList ul.hierarchy {margin-left: 1.5em;}
             .left-col #archiveList a.toggle {text-decoration: none;}
             .left-col #archiveList .post-count {display: inline-block; margin-left: 0.3em; font-size: 11px; color: #070707;}
             .left-col #archiveList li { height: 30px; } /* *** */
             .left-col #archiveList li.collapsed ul {display: none;}
             .left-col #archiveList li.collapsed .arrow-collapsed {display: inline-block;}
             .left-col #archiveList li.collapsed .arrow-expanded {display: none;}
             .left-col #archiveList li.expanded ul {display: block;}
             .left-col #archiveList li.expanded .arrow-collapsed {display: none;}
             .left-col #archiveList li.expanded .arrow-expanded {display: inline-block;}

            .news-list { padding-top: 0px; padding-left: 20px; padding-right: 30px; padding-bottom: 30px; float: right; width: 650px; }
            
            .news-list h2 {padding: 0; margin-bottom: 30px;}
            .news-list h3 {font-size: 1.4em;text-transform: uppercase; margin-top: 0px;}
            .news-list newsitem { float: left; vertical-align: top; }
            
            .news-list small {display: inline-block; padding: 3px;font-weight: bold; background: #fff}
            .news-list p {padding: 0px;margin-bottom: 10px;_border-bottom: 1px solid #ccc}
            .news-list a.more {display: inline-block; padding: 5px 10px; background: #fff;font-weight: bold; float: right;}
            .news-list div.eventimage { float: left; margin-bottom: 0px; margin-right: 10px; }
            .news-list hr { margin-top: 20px; margin-bottom: 20px;}
            
            .news-item {padding: 20px 30px;}
            .news-item h2 {padding: 0;margin-bottom: 10px;}
            .news-item h3 {font-size: 1.1em;text-transform: uppercase;margin: 10px 0}
            .news-item small {display: inline-block; padding: 3px;font-weight: bold; background: #fff}
            .news-item p {padding: 5px 0 10px;}
            .news-item img {margin: 0px 20px 20px 0px;}
            
            .news-item .relatednews p { padding-bottom: 0px; margin-bottom: 0px; }
            .news-item .relatednews h3 { margin-bottom: 20px; }
            .news-item .relatednews h3.eventnewsheader {font-size: 2em;}
            
            .news-item div.eventimage { float: left; }
            
            .news-item .nextpreviouslinks { height: 45px;}
            
            .news-item .nextpreviouslinks a.previousnews { float: left; }
            .news-item .nextpreviouslinks a.nextnews { float: right; }

    .page-wrap {background: #8a1600 /*url('../img/page-right.jpg')*/ no-repeat 100% 300px;width: 100%;}
    .page {float: left;}
    .page.left {width: 640px;color: #fff;padding-bottom: 20px;}
    .page.left .text {width: 70%; float: left;}
    .page.left .text a {color: #fff;}
    .page.left .text .addthisContainer { padding-left: 20px; color: #464646; }
    .page.left .text .addthisContainer a { color: #464646; }
    .page.left .text .eventnewsheader {font-size: 2em;}
    .page.left .gallery {width: 29%; float: right;padding: 20px 0;text-align: center; border-left: 1px solid #fff;}
        .page.left .gallery a {}
        .page.left .gallery a img {border: 2px solid #fff; margin-bottom: 20px;}
        .page.left h2 {font-size: 4.5em;color: #fff;padding: 10px 0 20px 20px;}
            .page.left h2.smaller {font-size: 2.5em;color: #fff;padding: 10px 0 20px 20px;}
            .page.left h2.smaller span {color: #FFF899;}
        .page.left h3 {font-size: 1.2em;color: #fff;padding: 0 0 0 20px;margin:0;}
        .page.left p {padding:20px 20px 0 20px;line-height: 1.3em;text-align: justify;}
        .page.left ul.list { padding: 10px 0px 30px 50px; }
        .page.left ul.list li { padding-bottom: 8px; }
        .page.left ul.list li .date { color: Gray; font-size: 0.8em; }
        .page.left .disclaimer { font-size: smaller; }
        .page.left .alleventslist { font-size: smaller; color: Gray; width: 550px; text-align: left;}
        .page.left .alleventslist a { color: Gray; }

    .page.right {width: 320px;}
        .page.right .ticketbox {height: 200px; background: url('../img/ticketbox.jpg') no-repeat;position: relative;margin-bottom: 5px;}
        .page.right .ticketbox h2 {font-size: 1.3em;position: absolute; top: 15px; left: 10px;}
        .page.right .ticketbox div.tickets {position: absolute; top: 52px; left: 40px;width: 250px; font-size: 1.0em; font-weight: bold;}
            /*.page.right .ticketbox p a {margin-right: 3px;display: block; width: 16px; height: 20px; text-decoration: none; float: left; background: url('../img/ticket.jpg') no-repeat;}
            .page.right .ticketbox p a.selected {background: url('../img/ticket-hover.jpg') no-repeat;}*/
            .page.right .ticketbox a {width: auto; line-height: 20px;background: none; font-weight: bold; text-decoration: underline;}
            .page.right .ticketbox select.ticketsNumberSelect { width: 50px; }
            .page.right .ticketbox div.bookNow { margin-bottom: 5px; }
        .page.right .box {width: 300px; position: relative; left: 10px; margin: 0;background: url('../img/box-top.gif') no-repeat; padding-top: 2px;}
            .page.right .box div {background: #fff; padding: 8px 10px;}
            .page.right .box div .flt-r {background: none; width:170px;float: right; padding: 0;}
            .page.right .box div .clear {padding: 0;}
            .page.right .box h2 {font-size: 1.3em;color: #831b00; padding: 0;}
            .page.right .box ul {list-style: none;margin-top: 10px;}
                .page.right .box ul li a {display: block; padding: 3px 0 3px 25px;font-weight: bold;width: 90%;}
                .page.right .box ul li a.selected {color: #000; text-decoration: none;}
                .page.right .box ul li span {display: block; padding: 3px 0 3px 25px;font-weight: bold;width: 90%;}
                .page.right .box ul li.garden span {background: url('../img/a-garden.jpg') no-repeat 0 55%;}
                .page.right .box ul li.maps a {background: url('../img/a-googlemap.jpg') no-repeat 0 55%;}
                .page.right .box ul li.plan a {background: url('../img/a-plan.jpg') no-repeat 0 55%;}
        .page.right .box-btm {height: 2px;  font-size: 0; line-height: 0;background: url('../img/box-btm.gif') no-repeat; margin-bottom: 10px;position: relative; left: 10px;}
        .page.right .box.info h2 {color: #000;}
        .page.right .box.info p {padding: 5px 0 5px 15px;color: #555555; font-weight: bold;}
        .page.right .box.info p.time {background: url('../img/p-time.jpg') no-repeat 0 8px;}
        .page.right .box.info p.date {background: url('../img/p-date.jpg') no-repeat 0 7px;}
        .page.right .box.info p.ticket {background: url('../img/p-ticket.jpg') no-repeat 0 7px;}
        .page.right .box.info p.warning {background: url('../img/p-warning.jpg') no-repeat 0 8px;}
        .page.right .box.info p.offer {background: url('../img/p-offer.jpg') no-repeat 0 8px;}
		.page.right .box.info div.boxtext { padding: 10px 10px 10px 0; }

		.page.right .ticketbox h2.eventclosed { position: absolute; left: 40px; top: 55px; margin-right: 40px; }

		.venueplays { margin-top: 20px;}
		.venueplays .play {height: 125px;width: 290px; background: #fff url('../img/plays-img-bg.jpg') no-repeat left; position: relative;margin-bottom: 10px; margin-left: 20px; float: left; display: block;}
            .venueplays .play.extra {background: #fff899 url('../img/_plays-bg-left.jpg') no-repeat;}
                .venueplays .play.extra div{ height: 125px;width: 290px; background: url('../img/_plays-bg-right.jpg') no-repeat right;}
                .venueplays .play a.flt-l {position: absolute; left: 10px; top: 10px; z-index: 10;display: block; width: 75px; height: 108px;}
                    .venueplays .play a.flt-l img {width: 75px; height: 108px;}
                .venueplays .play h2 {position: relative; left: 95px; font-size: 1.2em;padding: 10px 0 0;margin: 0 0 3px;width: 190px;}
                    .venueplays .play a.playName {color: #821a00;display: block;font-size:0.9em}
                .venueplays .play strong {position: relative; left: 95px;width: 190px;color: #959595;display: block; margin-bottom: 5px;font-size: 1.2em;}
                .venueplays .play.extra strong {color: #000;}
                .venueplays .play p {position: relative; left: 95px;width: 190px;font-size: 1em;margin: 0;padding: 0; color: #000; text-align: left;}
                .venueplays .play span {position: relative; left: 95px;width: 190px;color: #959595;display: block;font-size: 0.95em;}
            .venueplays .play.extra.closing {background: #E0E0E0 }

    .subscribebox {width: 325px; height: 87px;background: url('../img/subscribebox.jpg') no-repeat;position: relative;}
        .subscribebox fieldset {position: absolute; left: 20px; top: 15px;}
            .subscribebox h2 {margin: 0 0 9px;font-size: 1.3em;padding: 0;}
                .subscribebox h2 small {font-size: 0.7em;}
                    .subscribebox h2 small a {color: #7e2a00;}
            .subscribebox .text {padding: 6px 5px;float: left;font-size: 1.20em;width: 180px;margin-right: 5px;background: none; border: 0;font-weight: bold;color: #959595;}
            .subscribebox label {float: left;font-size: 1.3em;font-weight: bold;padding: 5px 12px 5px 10px;}
            .subscribebox .submit {float: left;}

    .paginator {padding: 10px 0;text-align: right; color: #a5acb0; font-size: 1em; margin-right: 20px;}
    .paginator a, .paginator b, .paginator s {text-decoration: none; color: #fff; padding: 2px 7px;border: 1px solid #e6e7e8;margin-left: 4px;background-color: #8a1600;width: 22px;}
    .paginator a:hover {background-color: #dc291e;}
    .paginator b {color: #fffc9d;background-color: #290700;}
    .paginator s {background-color: #290700;}

    .searchResults .venueplays {margin-top: 10px !important;}
    .searchResults .searchCategoryHeader {font-size: 1.8em; margin-top: 10px; padding: 0 0 0 20px;}
    .searchResults .seeMoreResults {float: right; clear: both; color: #fff; margin-right: 20px;}
    .searchResults .list {padding: 10px 0 0 50px !important;}

    a.westendmap {position: relative; top: 10px; right: 10px;}

    .foot-cols {float: left; width: 31%;padding-top: 10px;padding-bottom: 10px;}
    .foot-cols.col1 {padding-left: 15px;}
    .foot-cols.col2 {position: relative; left: 20px;}
    .foot-cols.col3 {padding-right: 15px;float: right;}
        .foot-cols img {float: left;margin-right: 5px;}
        
        .foot-cols div {width: 230px; float: left;}
            .foot-cols div h3 {color: #000; margin: 0 0 5px; font-size: 1.15em;}
            .foot-cols div p {font-size: 0.8em; color: #5b5b5b;text-align: justify;}
    
    .foot-cols.col2 div.starlogo { float: left; margin-right: 5px; width: 105px; padding-top: 5px;}
    .foot-cols.col2 div.starlogo img { width: 100px; }    
    .foot-cols.col2 div.text { width:  170px;}

    /* footer ----------------------------------------------------------------- */
  	#footer { line-height: 50px; height: 70px; font-size: 0.9em;color: #fff;text-align: center; background: url('../img/footer-bg.jpg') repeat-x; background-color: #8a1600; background-position-y: 40px;}
        #footer a {color: #fff;text-decoration: underline;}
        #footer a:hover {text-decoration: none;}
        #footer p {font-size: 0.9em; font-weight: bold;}
        #footer p.footerlinks { margin-top: 5px; white-space: nowrap;}
        #footer p.copyright {  }
        #footer p.flt-l {padding-left: 10px;}
        #footer p.flt-r {padding-right: 10px; line-height: 15px;}
        #footer .adbanners {float: left; padding: 5px; width: 320px;}
        #footer .adbanners .starlogo { float: left; padding-top: 5px; margin-left: 5px; }
        #footer .adbanners .starlogo img { width: 100px; }
        #footer .adbanners .verisignseal { float: left; margin-right: 5px; padding-top: 0px; line-height: 0px;}
        #footer .adbanners .verisignseal img { height: 50px; margin-top: 0px; }
        #footer .adbanners .mcafee { margin-top: 5px; }
  
  .basketSummary {margin-bottom: 20px;}
  .basketSummary h2 {padding: 20px 0 20px 20px;}      
   .basketSummary .table { font-size:1.8em;font-weight:bold;width:98%;background-color:#fff;margin:0px 10px 0px 10px; } 
      .basketSummary .table .header {background-color:#821a00;text-align:left;color:#fff;height:50px;}  
      .basketSummary .table .item {height:50px;font-size:0.9em;}  
      .basketSummary .table .total {height:80px;font-size:0.9em;} 
  
  .blogAuthors {margin-bottom: 20px;}
  .blogAuthors h2 {padding: 20px 0 20px 20px;}      
   .blogAuthors .table { font-size:1.2em;font-weight:bold;width:98%;background-color:#fff;margin:0px 10px 0px 10px; } 
      .blogAuthors .table .header {background-color:#821a00;text-align:left;color:#fff;height:30px;}  
      .blogAuthors .table .item {height:30px;font-size:0.9em;}
      .blogAuthors .table td {padding:0px 0px 0px 5px;white-space:nowrap;}
      .blogAuthors .table .total {height:80px;font-size:0.9em;} 
  .blogAuthor {padding:20px;}
  .blogAuthor h2 {color:#821a00; padding:0px;}
  .blogAuthor .header {}
  .blogAuthor .header img {max-height:200px;max-width:100px; }
  .blogAuthor .header h2 {padding:0px 0px 0px 0px;color:#000; }
  .blogAuthor .bio {padding:20px 0px 0px 0px;}
  .ticketPlan
  {
      color:#0f4a9e;
      font-size:large;
      background:#fff url('/img/ticketplanlogo.png') no-repeat left top;      
  }
  .ticketPlan h3
  {
      color:#0f4a9e;
      font-size:larger;
      line-height:2;
      padding-left:10px;     
  }
  .ticketPlan h2
  {
      color:#0f4a9e;
      font-size:x-large;
      line-height:2;
           
  }
   .ticketPlan p
  {
      padding-left:10px;   
  }
    
hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;}
/* cistic */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block;}
/* schovani pred ie mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear { clear:both; display: block; height:0;line-height:0;font-size:0; width: 100%;}
.noscreen { display:none; }
.flt-l {float: left;}
.flt-r {float: right;}
.bold {font-weight: bold;}
.noborder {border: 0;}

.paddingtop30px { padding-top: 30px; }
.paddingtop20px { padding-top: 20px; }
.paddingbottom20px { padding-bottom: 20px; }
.paddingbottom30px { padding-bottom: 30px; }

.smaller { font-size: smaller; }

/* VeriSign Trust Seal */
.verisignLarge { width: 135px; height: 80px; margin-top: 15px;}

/* Facebook Comments */
.facebookcomments { background-color: #000; margin: 20px; width: 515px; padding: 15px; }           

