*{margin:0;padding:0}* 
body {background:#c7c1c1 url(../images/content_back3.gif) top center repeat-y;font:0.8em Verdana, Arial,Helvetica,sans-serif;line-height:1.4em;color:#353536;text-align:center}

a {color:#5D2C2C;text-decoration:none}
a:hover {color:#234A23;text-decoration:underline}

p {margin:0 0 15px 0}
h1 {font:normal 1.8em Georgia,"Times New Roman",Arial;margin:0 0 10px;padding:0 0 3px;border-bottom:1px solid #eee;font-variant:small-caps;color:#5d2c2c}
h2 {font:normal 1.7em Georgia,"Times New Roman",Arial;margin:0 0 10px;padding:0 0 3px;border-bottom:1px solid #eee;color:#234a23}
h3 {font-size:1.2em;font-weight:bold;font-variant:small-caps}
h4 {font-weight:bold}
.news h2 {border-bottom:none}
.news .date {font-size:0.8em}
img {border:0}
#container {width:900px;margin:0px auto;text-align:left;background-color:#fff;}
#restaurant #container {width:760px;min-height:500px;height:auto !important;height:500px}

#topnav {float:left;width:100%;font-size:85%;line-height:normal;border-bottom:1px solid #84776B;background:#eee}
#topnav ul, #footer ul {padding:10px 20px;list-style:none}
#topnav li, #footer li {display:inline}
#topnav ul li a {float:left;background:url(../images/topnavleft.gif) no-repeat left top;padding:0 0 0 4px}
#topnav a span {float:left;display:block;background:url(../images/topnavright.gif) no-repeat right top;padding:5px 10px 4px 4px;color:#302B27}
#topnav a span {float:none}
#topnav a:hover, #topnav a.active {background-position:0% -42px;text-decoration:none}
#topnav a:hover span, #topnav a.active span {color:#74675B;background-position:100% -42px}

.clear {clear:both;height:1px;line-height:1px}
.specialoffers .clear {clear:both;height:15px;line-height:15px}

#content {margin:20px;min-height:500px;height:auto !important;height:500px}
#content ul {list-style:outside;margin:0 20px 20px;padding-left:20px;list-style-image:url(../images/gold-bullet.gif)}

.browse-type {float:left;width:230px;padding:5px 20px 0 0}
.shownav {float:left;max-width:610px;font-size:85%;line-height:normal}
#content .shownav ul {padding:10px 0px 0px;list-style:none;margin:0}
.shownav li {display:inline}
.shownav a {float:left;background:url(../images/topnavleft.gif) no-repeat left top;padding:0 0 0 4px;;border-bottom:1px solid #84776B}
.shownav a span {float:left;display:block;background:url(../images/topnavright.gif) no-repeat right top;padding:5px 15px 4px 10px;color:#302B27}
.shownav a span {float:none}
.shownav a:hover, .shownav a.selected, .shownav a.active {background-position:0% -42px;text-decoration:none}
.shownav a:hover span, .shownav a.selected span {color:#74675B;background-position:100% -42px}
.shownav a:hover span, .shownav a.active span {color:#74675B;background-position:100% -42px}
.Button {background:url(../images/button-new.gif) top left no-repeat;padding:4px;text-align:center;display:block;width:110px;height:30px;font-size:12px;color:#FFF;font-weight:bold;font-variant:small-caps}
a.Button:hover, input.Button:hover {background:url(../images/button-hover-new.gif) top left no-repeat;color:#fff;text-decoration:none}
input.Button {border:none;width:110px;height:30px;cursor:pointer}
#booking-form label {float:left;width:15em;text-align:right;clear:left;font-style:italic;line-height:90%;margin-right:0.5em;margin-top:0.5em}
#booking-form input, #booking-form textarea, #booking-form select {margin-bottom:1em;width:15em;margin-top:0.1em}
#booking-form input.Button {width:110px;padding-bottom:10px}
#booking-form input.small {width:3em;margin-right:1em;text-align:center}
#booking-form input.checkbox {margin-top:0.5em;width:1em}

#packageform label {float:left;width:15em;text-align:right;clear:left;font-style:italic;line-height:90%;margin-right:0.5em;margin-top:0.5em}
#packageform input, #packageform textarea, #packageform select {margin-bottom:1em;width:15em;margin-top:0.1em}
#packageform input.Button {width:110px;padding-bottom:10px}
#packageform input.small {width:3em;margin-right:1em;text-align:center}
#packageform input.checkbox {margin-top:0.5em;width:1em}


.optional {font-size:0.8em}

#radio {margin-left:15.5em;margin-bottom:1em}
#radio label {float:none;width:3em;text-align:left;clear:none;line-height:100%}
#radio input {margin:0;width:1em;text-align:left;margin-right:2em;vertical-align:middle}

#footer {font-size:0.87em;clear:both;background:#eee;color:#5D2C2C}
#footer ul {margin:-10px}
#footer li a {padding:0 10px;border-right:1px solid #6B6767}
#footer a.active {color:#234A23;text-decoration:underline}
#footer p {padding: 0 20px 10px}

img {border:0;margin-bottom:5px}
.center {text-align:center}
.picture {margin:20px;background:none}
.picl {margin-right:15px;float:left}
.picr {margin-left:20px;float:right}
.picturecap {margin:20px;font-weight:bold;font-size:0.9em;line-height:normal}
.picrcap {margin:20px;font-weight:bold;font-size:0.8em;line-height:normal;float:right;text-align:center}
.poster {float:left;width:140px;margin-bottom:20px;margin-right:32px; position:relative;}
.poster .special-offer-inner {display:block;position:absolute;top:-15px;right:-23px;width:40px;height:22px;padding:19px 5px;background:url(../images/price-reduction.png) no-repeat 0 0;font-size:9px;line-height:1;text-align:center;text-transform:uppercase;color:#FFF}

.fieldname {text-align:right;font-style:italic;padding-right:10px}

.note {font-size:1.5em;color:red}
.red {color:red}

#venue-image {float:left;width:250px;margin-top:20px;}
#venue-about {float:right;width:580px;margin-top:20px}
#restaurant #venue-about {width:460px}
#restaurant #venue-image {font-size:0.8em;font-weight:bold}
#venue-map {float:left;width:600px;margin-top:20px}
#restaurant #venue-map {width:460px}
#restaurant #venue-nowshowing {font-size:0.8em;font-weight:bold}
#restaurant #venue-nowshowing h2 {font-size:2.2em}
#venue-nowshowing {float:right;width:215px;margin-top:20px}
.highlightname {font-variant:small-caps;line-height:1em}
.menu {text-align:center}
.menu table {text-align:left;width:400px;margin-left:auto;margin-right:auto}

#bf-left {float:left;width:48%;margin-top:15px}
#bf-right {float:right;width:48%;margin-top:15px}
/*#bf-right h2 { text-align:center !important; }*/

.bf-poster {float:left;width:195px;margin-right:20px}

#news-left {float:left;width:70%;margin-top:15px}
#news-right {float:right;width:26%;margin-top:15px}

.google-map {margin:0 0 15px}
.table-centre {margin-left:auto;margin-right:auto}
.right {text-align:right}

.stepcarousel {position:relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 850px; /*Width of Carousel Viewer itself*/
height: 170px; /*Height should enough to fit largest content's height*/}

.stepcarousel .belt {position:absolute; /*leave this value alone*/
left: 0;top: 0}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: visible; /*clip content that go outside dimensions of holding panel DIV*/
margin: 15px 25px; /*margin around each panel*/
width: 140px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */}

.stepcarousel .calendar{
float: left; /*leave this value alone*/
overflow: visible; /*clip content that go outside dimensions of holding panel DIV*/
margin: 15px; /*margin around each panel*/
width: 189px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */}

.special-offer {display:block;position:absolute;top:-15px;right:-23px;width:40px;height:22px;padding:19px 5px;background:url(../images/price-reduction.png) no-repeat 0 0;font-size:9px;line-height:1;text-align:center;text-transform:uppercase;color:#FFF}
.panel .price {display:inline;width:auto}

.calendar {width:189px}
.calendar th {padding-bottom:3px;text-align:center}
.calendar .month td {color:#fff;font-size:12px;font-weight:bold}
.calendar td {background:#999;color:#f2f2f2;text-align:center;font-size:11px;padding:1px;width:14%}
.calendar td.gray {background:#999}
.calendar td.today {background:url(../images/today.gif) repeat-x 0 center}
.calendar td.todaynow {background:url(../images/todaynow.gif) repeat-x 0 center}
.calendar a {color:#81002e}
.calendar a:hover {font-size:14px;text-decoration:none;font-weight:bold}

.performances {text-transform:capitalize}

.autocomplete {
    font-family: Tahoma;
    font-size: 8pt;
    background-color: white;
    border: 1px solid black;
    position: absolute;
    cursor: default;
    overflow: auto;
    overflow-x: hidden;
}

.autocomplete_item {
    padding: 1px;
    padding-left: 5px;
    color: black;
    width: 100%;
}

.autocomplete_item_highlighted {
    padding: 1px;
    padding-left: 5px;
    color: white;
    background-color: #0A246A;
}

.button-buy-now { clear:both;float:right;}
.button-buy-now form { margin:0 2em 0 0;padding:0;}
.button-buy-now form .button {background:url(../images/button-new.gif) top left no-repeat;padding:4px;text-align:center;display:block;width:110px;height:30px;font-size:12px;color:#FFF;font-weight:bold;font-variant:small-caps;border:0;cursor:pointer;}
.button-buy-now form .button:hover {background:url(../images/button-hover-new.gif) top left no-repeat;color:#fff;text-decoration:none}

