/* TAG's */
html{
  font-size: 100.01%;
  min-width:974px;
  height:100%;
}

body{
  margin: 0;
  font: 64% "Trebuchet MS", sans-serif;
  background: #000000 url(../images/liverpoolsmall.jpg) repeat fixed top;
  height:100%;
  color:#fff;
}

table, td{
  font: 13px/15px "Trebuchet MS", sans-serif;
  color:#fff;
}

form {
  padding: 0;
  margin: 0;
  display: inline;	
}
input,
textarea,
select{
  font:100% arial,sans-serif;
  vertical-align:middle;
}
fieldset{
  margin:0;
  padding:0;
  border:none;
}

hr{
  clear:both;
  visibility:hidden;
}

img{border: none;}
a{text-decoration: none;}
a:active, a:focus{outline:none;}
/* main container */
#main{
  margin: 0 auto;
  width: 974px;
  min-height:100%;
}
* html #main{height:100%}



#content{
  overflow:hidden;
  width: 966px;
  padding:0 8px 27px 0;
  /*background:url(/website/images/content-top-line.png) no-repeat; */
}
* html #content{
  overflow:visible;
  height: 1%;
}
/* left-column */
.column-1{
  float:left;
  width:171px;
  margin: 10px 0 0 -561px;
  display:inline;
}
/* main-column */
.column-2{
  float:left;
  width: 561px;
  display:inline;
  margin: 0 -178px 0 178px;
}
/* right-column */
.column-3{
  float:right;
  width:219px;
  position:relative;
}
/* logotype */
.logo{
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  background:  url(../images/logo2.png) no-repeat;
  width: 174px;
  height: 57px;
  margin: 0 0 0 2px;
}



#bulletpoint{
  list-style:none;
  margin:27px 0 0;
  padding:0;
}
#bulletpoint li{
  background:url(../images/grey.png) repeat;
  display:block;
  font:bold 14px/18px "Trebuchet MS", sans-serif;
  color:#fff;
  padding: 2px 2px 2px 10px;
  margin-bottom:10px;
}


/* main menu */
#menu{
  list-style:none;
  margin:27px 0 0;
  padding:0;
}
#menu li{margin:7px 0;}
#menu li a{
  background:url(../images/black.png) repeat;
  display:block;
  font:bold 12px/16px "Trebuchet MS", sans-serif;
  color:#fff;
  padding: 0 2px 0 10px;
}
#menu li a:hover,
#menu .active a,
#menu .open a{background:#40a048}
/* drop down */
#menu ul{
  list-style:none;
  margin: 0 0 0 16px;
  padding: 0;
  display:none;
}
#menu li.open ul{display:block;}
#menu li.open a{background:#40a048}
#menu li.open ul a{background:url(../images/black.png) repeat;}
#menu li.open ul a:hover{background:#40a048}
/* search element */
#menu li.find-box{
  background:url(../images/black.png) repeat;
  overflow: hidden;
  width: 100%;
}
#menu li.find-box span{
  float:left;
  font:bold 12px/18px "Trebuchet MS", sans-serif;
  color:#fff;
  margin: 0 1px 0 10px;
}
#menu li.find-box .fld-text{
  float:left;
  background: none;
  border: 1px solid #5c5653;
  border-bottom-color:#837b77;
  border-right-color:#837b77;
  width: 69px;
  background:#a09691;
  margin: 0 3px 0 0;
  padding: 1px 3px 2px;
}
#menu li.find-box .btn-go{float:left;}
/* sub menu */
.sub-menu-holder{margin:31px 0 0}
.sub-menu-holder strong{
  font: italic 12px/18px Arial, Helvetica, sans-serif;
  color:#fff;
  margin: 0 0 0 10px;
}

/* contact us */

.sub-menu-holder2 ul li a{
  background-color:#40A048;
  margin-top:20px;
  padding-top: 2px;
  padding-bottom:2px;
  font:bold 14px/16px "Trebuchet MS", sans-serif;
}

.sub-menu2{
  background-color:#40A048;
  list-style:none;
  margin:0;
  padding:0;
}
.sub-menu2 li{margin:7px 0;}
.sub-menu2 li a{
  background-color:#40A048;
  display:block;
  font:bold 12px/16px "Trebuchet MS", sans-serif;
  color:#fff;
  padding: 0 2px 0 10px;
}
.sub-menu2 li a:hover,
.sub-menu2 .active a,
.sub-menu2 .open a{background:#40a048}
/* ------------*/


.sub-menu{
  list-style:none;
  margin:0;
  padding:0;
}
.sub-menu li{margin:7px 0;}
.sub-menu li a{
  background:url(../images/black.png) repeat;
  display:block;
  font:bold 12px/16px "Trebuchet MS", sans-serif;
  color:#fff;
  padding: 0 2px 0 10px;
}
.sub-menu li a:hover,
.sub-menu .active a,
.sub-menu .open a{background:#40a048}

/* drop down */
.sub-menu ul{
  list-style:none;
  margin: 0 0 0 16px;
  padding: 0;
  display:none;
}
.sub-menu li.open ul{display:block;}
.sub-menu li.open a{background:#40a048}
.sub-menu li.open ul a{background:url(../images/sub-menu-bg.png) repeat;}
.sub-menu li.open ul a:hover{background:#40a048}

/* main image area */
.column-2 .main-img-area{
  border: 2px solid #05FF00;
  border-top:0;
  position:relative;
  height:371px;
}
.column-2 .test1{

  position:absolute;
  top: 21px;
  left: 0;
  width: 557px;
  /*text-indent:-9999px;*/
  overflow: hidden;
  height: 27px;
  /*background:url(../images/main-img-title.png) no-repeat;*/
}


.column-2 .test1 ul{
  padding-top:0px;
  margin-top:0px;
}


.column-2 .test1 ul li{
  top:0;
  padding-top:5px;
  margin-top:0;
  list-style:none;
  font-size:1.3em;
  font-weight:bold;
  
}
.column-2 .test1 ul li a{
  text-decoration:underline;
  color:#fff;
}
.column-2 .main-img-area div.test2{
  position:absolute;
  top: 280px;
  left: 00px;
  width: 557px;
  height: 91px;
  text-indent:0px;
  overflow: hidden;
  background:url(../images/diagonal2.png) no-repeat;
}

.slanttext{
  position:absolute;
  float:right;
  width:557px;
  color:#000000;
  margin-top: 31px;
  margin-left:2px;
  font-size:24px;
  font-weight:bold;
  text-align: center;
}
.slanttext2{
  position:absolute;
  float:right;
  width:557px;
  color:#ffffff;
  margin-top: 29px;
  margin-left:0px;
  font-size:24px;
  font-weight:bold;
  text-align: center;
}

.column-2 .main-img-area img.active{
  display:block;
}
.column-2 .main-img-area img{
  display:none;
  position:absolute;
  top:0;
  left:0;
}

/* No Image */
.column-2 .main-no-img-area{
  border-top:0;
  position:relative;
  height:40px;
}

.column-2 .main-no-img-area div{
  position:absolute;
  top: 21px;
  left: 0;
  width: 557px;
  text-indent:-9999px;
  overflow: hidden;
  height: 27px;
  /*background:url(../images/main-img-title.png) no-repeat;*/
}

/* Error Message */
.error-message{
  background: transparent url(../images/sub-menu-bg.png) repeat scroll 0 0; 
  width:75%; 
  padding:15px;
}

/*central column text-content */
.column-2 .text-content{
  background:url(../images/content-shadow.png) repeat;
  margin: 13px 0 0;
  padding: 0 0 30px;
}
.column-2 .text-content .title{
  background:url(../images/text-content-title-bg.png) repeat;
  padding: 3px 0 5px;
  overflow: hidden;
  width: 100%;
}
.column-2 .text-content .title h1{
  margin:0;
  font: normal bold 24px/30px "Trebuchet MS", sans-serif;
  color:#fff;
  float:left;
  display:inline;
  margin: 0 0 0 10px;
}
.column-2 .text-content .title h2{
  margin:0;
  font: normal bold 18px/20px "Trebuchet MS", sans-serif;
  color:#fff;
  float:left;
  display:inline;
  margin: 0 0 0 10px;
}

/* icons */
.column-2 .text-content .title ul{
  float:right;
  display:inline;
  margin: -4px 3px 0 0;
  width: 262px;
  list-style:none;
  padding:0;
}
.column-2 .text-content .title ul li{
  float:left;
  margin: 4px 6px 0 0;
}
.column-2 .text-content .title ul img{display:block}
/* description box */
.column-2 .text-content .description{padding:0 10px;}
.column-2 .text-content .description h2{
  margin:15px 0;
  font:bold 16px/18px "Trebuchet MS", sans-serif;
  color:#fff;
}
.column-2 .text-content .description p{
  /*margin:23px 0 0;*/
  font: 13px/15px "Trebuchet MS", sans-serif;
  color:#fff;
}
.property-page .column-2 .text-content .description p{
  /*line-height:18px;*/
  font-size:12px;
  margin: 17px 0 0;
  color:#fff;
}


.column-2 .text-content .description .hallcontentfooter p{
  /*line-height:18px;*/
  font-size:12px;
  margin: 25px 0 0 0;
  color:#fff;
}


.description ul li{
	line-height:15px;
  font-size:13px;
	margin: 6px 0 0;
	color:#fff;
}

.column-2 .text-content .description p a{color:#05FF00;}
.column-2 .text-content .description p a:hover{text-decoration:underline}

/* login-box */
.column-3 .login-box{
  position:relative;
  z-index:5;
  margin: 25px 0 25px 0px;
  min-height:96px;
  color:#fff;
}
* html .column-3 .login-box{height: 96px}
.column-3 .login-box .disabled{display:none}
.column-3 .login-box .top-row{
  overflow:hidden;
  width: 100%;
  margin:0 0 3px;
}
.column-3 .login-box .top-row strong{
  float:left;
  font: bold 13px/17px "Trebuchet MS", sans-serif;
  color:#fff;
  margin: 0 0 0 11px;
}
.column-3 .login-box .top-row a{
  float:right;
  background:#cbdf98;
  font: 12px/17px "Trebuchet MS", sans-serif;
  color:#000;
  padding: 0 6px;
  margin: 0 10px 0 0;
}

.column-3 .login-box .main-box{
  /*background:transparent url(/website/images/sub-menu-bg.png) repeat scroll 0 0;*/
  padding-top: 4px;
  height:71px;
}

.column-3 .login-box .main-box span{
  margin-left: 20px;
  font: 14px/17px "Trebuchet MS", sans-serif;
  font-weight:bold;
  color:#fff;
}

.column-3 .login-box .main-box a{
  margin-left: 20px;
  font: 14px/17px "Trebuchet MS", sans-serif;
  font-weight:bold;
  color:#fff;
}

.column-3 .login-box .main-box a:hover{
  color:#40A048;
}

/* login-box form content */
.column-3 .login-box form div{
  /*background:#7b6a62;
  background:transparent url(/website/images/sub-menu-bg.png) repeat scroll 0 0;*/
  padding: 4px 0 7px;
}
.column-3 .login-box .row{
  overflow:hidden;
  width: 100%;
  margin: 0 0 6px;
  padding:0;
}
.column-3 .login-box .row span{
  float:left;
  text-align:right;
  width: 68px;
  margin: 0 0 0 3px;
  font: 12px/17px "Trebuchet MS", sans-serif;
  color:#fff;
}
.column-3 .login-box .row input{
  border: 1px solid #6c6867;
  border-right-color:#9b9692;
  border-bottom-color:#9b9692;
  background:#bcb5b2;
  padding: 1px 3px;
  float:right;
  margin: 0 10px 0 0;
  width: 128px;
}
.column-3 .login-box .buttons{
  overflow:hidden;
  width: 100%;
  margin: 8px 0 0;
  padding:0;
}
.column-3 .login-box .buttons a{
  float:right;
  background:#cbdf98;
  font: 12px/17px "Trebuchet MS", sans-serif;
  color:#000;
  padding: 0 7px;
  margin: 0 10px;
}



/* animate-button */
.column-3 .animate-button{
  position:relative;
  /* top: 118px; */
  left:0;
}
.property-page .column-3 .animate-button{top:102px}
/* advertising blocks */

.column-3 .advertisingBlock{
  position:relative;
  
}
.column-3 .advertising{
  display:block;
  position:relative;
  margin: 17px 0;
}
.column-3 .advertising img{display:block;}
.column-3 .advertising strong{
  display:block;
  position:absolute;
  font: bold 15px/20px "Trebuchet MS", sans-serif;
  color:#fff;
  top:2px;
  left: 10px;
}
.column-3 .advertising strong span{font-size:20px}
/* advertising columns */
.column-2 .advertising-columns{
  overflow:hidden;
  width: 100%;
  margin: 5px 0 -30px;
}
/* welcome-pack */
.column-2 .advertising-columns .welcome-pack{
  float:left;
  width: 245px;
  background:#85736a url(../images/welcome-pack.gif) repeat-x;
  position:relative;
  display:inline;
  margin: 0 0 0 11px;
  padding: 10px 0 0;
}
.column-2 .advertising-columns .welcome-pack p{
  padding:0 13px 3px;
  font:bold 15px/19px "Trebuchet MS", sans-serif;
  color:#fff;
  margin:0;
}
.column-2 .advertising-columns .welcome-pack ul{
  list-style:none;
  margin: 0 13px;
  padding:0;
  font: bold 12px/20px "Trebuchet MS", sans-serif;
  color:#fff;
}
.column-2 .advertising-columns .welcome-pack div.link{
  background:#40a048;
  margin: 5px 0 0;
  padding: 3px 0 4px 12px;
}
.column-2 .advertising-columns .welcome-pack div.link a{
  font: bold 18px/24px "Trebuchet MS", sans-serif;
  color:#fff;
  position:relative;
  z-index:2;
}
.column-2 .advertising-columns .welcome-pack .img-holder{
  position:absolute;
  right: -4px;
  top: 0;
  left:auto !important;
}
/* announcement */
.column-2 .advertising-columns .announcement{
  float:left;
  width: 245px;
  margin: 0 0 0 35px;
  display:inline;
  background:url(../images/announcement-bg.png) repeat;
}
.column-2 .advertising-columns .announcement div{
  background:url(../images/announcement-i.gif) no-repeat 100% 100%;
  padding: 0 10px 7px;
}
.column-2 .advertising-columns .announcement h3{
  margin:0 -10px;
  font:18px/24px "Trebuchet MS", sans-serif;
  color:#fff;
  width: 225px;
  background:#85736a;
  padding: 9px 10px 6px;
}
.column-2 .advertising-columns .announcement p{
  margin:2px 0;
  font: 13px/24px "Trebuchet MS", sans-serif;
  color:#fff;
}
.column-2 .advertising-columns .announcement a{
  font: italic bold 13px/24px "Trebuchet MS", sans-serif;
  color:#05FF00;
  
}


/* Coloum 2 tables */

.column-2 .text-content .description table{
  color: #ffffff;
  font-size:12px;
}



/* end tables */




/* content-menu */
.content-menu1{
  height:37px;
  background:url(../images/content-menu-bg.png) no-repeat;
  list-style:none;
  margin: -16px 0 -17px 0; 
  padding:8px 0 0 0;
}
.content-menu{
  height:47px;
  background:url(../images/content-menu-bg.png) no-repeat;
  list-style:none;
  margin: 3px 0 -13px; 
  padding:8px 0 0;
}
.content-menu li, .content-menu1 li{
  float:left;
  background:url(../images/content-menu-separator.gif) no-repeat 0 50%;
  padding: 0 2px 0 4px;
}
.content-menu li:first-child, .content-menu1 li:first-child{background:none}
.content-menu li a, .content-menu1 li a{
  font:bold 13px/16px Arial, Helvetica, sans-serif;
  color:#fff;
  padding:0 7px 0 6px;
  position:relative;
}
.content-menu li a{
  font:bold 15px/16px Arial, Helvetica, sans-serif;
}
.content-menu li a:hover, .content-menu1 li a:hover{
  background:#cbdf98;
  color:#000;
}
.content-menu li:hover a,
.content-menu li.hover a, .content-menu li:hover a, .content-menu1 li.hover a{
  background:#cbdf98;
  color:#000;
}


/* photo-gallery */
.column-3 .photo-gallery{
  list-style:none;
  position:static;
  padding:0px 0 42px 5px;
  overflow: hidden;
  width: 210px;
}
.column-3 .photo-gallery li{
  float:left;
  margin: 4px 0 4px 7px;
  display:inline;
}
.column-3 .photo-gallery li a{
  display:block;
  overflow:hidden;
  float:left;
}
* html .column-3 .photo-gallery li a{
  overflow:visible;
  height:1%;
}
.column-3 .photo-gallery li.active a,
.column-3 .photo-gallery li a:hover{
  border: 1px solid #439c47;
}
.column-3 .photo-gallery img{
  width: 95px;
  height: 63px;
  display:block;
}
.column-3 .photo-gallery li.active a img,
.column-3 .photo-gallery li a:hover img{margin:-1px}




.column-3 .thumbnail-images{
  *margin-left:-40px;
}



/* drop-menu */
.content-menu div{
  position:absolute;
  display:none;
  padding: 8px 0 0;
  left: 3px;
  top: 16px;
}
.content-menu ul{
  width: 80px;
  background:url(../images/content-drop-menu.png) repeat;
  list-style:none;
  margin:0;
  padding:0;
}
.content-menu li:hover,
.content-menu li.hover{position:relative;}
.content-menu li:hover div,
.content-menu li.hover div{display:block;}
.content-menu ul li{
  background:none;
  padding:3px 2px 4px;
  float:none;
  vertical-align: top;
  height:1%;
}
.content-menu ul li a{
  display:block;
  position:relative;
}
.content-menu li:hover ul a,
.content-menu li.hover ul a{
  color:#fff;
  background:none;
}
.content-menu li:hover ul a:hover,
.content-menu li.hover ul a:hover{
  color:#000;
  background:#cbdf98;
}
/* contact box */
.column-1 .contact-box{
  position:relative;
  font:bold 14px/23px "Trebuchet MS", sans-serif;
  color:#fff;
  padding: 0 0 4px;
  height:1%;
  margin: 37px 0 0;
}
.column-1 .contact-box .transparent-part{background:url(../images/contact-box-bg.png) repeat;}
.column-1 .contact-box strong{
  display:block;
  background: #40a048;
  border-bottom:1px solid #000;
  padding: 0 9px;
  line-height:20px;
}
.column-1 .contact-box p{
  margin:0;
  padding: 0 9px;
}
.column-1 .contact-box p a{color:#fff}
.column-1 .contact-box p a:hover{text-decoration:underline}
.column-1 .contact-box div.ico{
  position:absolute;
  right: -13px;
  top: -4px !important;
  left:auto !important;
}
.column-1 .contact-box img{display:block;}
/* other-halls */
.column-1 .other-halls{
  margin:28px 0 0;
}
.column-1 .other-halls h3{
  margin:0 0 0 10px;
  font: italic 12px/23px "Trebuchet MS", sans-serif;
  color:#fff;
}
.column-1 .other-halls .box{
  margin:3px 0 28px;
  position:relative;
  height:1%;
}
.column-1 .other-halls .box .transparent-part{
  background:url(../images/other-halls-bg.png) repeat;
  padding: 0 10px 4px;
}
.column-1 .other-halls .box strong{
  display:block;
  background: #40a048;
  border-bottom:1px solid #000;
  padding: 0 9px;
  line-height:20px;
  font:bold 14px/20px "Trebuchet MS", sans-serif;
  color:#fff;
}
.column-1 .other-halls .box p{
  font: bold 12px/23px "Trebuchet MS", sans-serif;
  color:#fff;
  margin: 0;
}

.column-1 .contact-box img{display:block;}
/* footer */
#footer{
  border-top: 2px solid #317a37;
  background:#000;
  padding: 5px 0 3px;
  margin:-27px 0 0;
}
#footer .inner-content{
  width: 974px;
  margin: 0 auto;
}
#footer .inner-content:after{
  content:"";
  clear:both;
  height: 0;
  display:block;
}
#footer ul{
  list-style:none;
  margin: 0 0 0 -18px;
  padding: 0;
  float:left;
}
#footer ul li{
  background:url(../images/footer-menu-separator.gif) no-repeat 0 50%;
  display:inline;
  padding: 0 7px 0 12px;
  font: 11px/16px "Trebuchet MS", sans-serif;
}
#footer ul li:first-child{
  background:none;
  padding-left:0;
}
#footer ul li a{color:#fff;}
#footer ul li a:hover{text-decoration:underline}
#footer p{
  margin:0;
  float:right;
  font: 11px/16px "Trebuchet MS", sans-serif;
  color:#fff;
}
#footer p img{
  vertical-align:middle;
}


.column-3 .contact-box strong {
  background:#40A048 none repeat scroll 0 0;
  border-bottom:1px solid #000000;
  display:block;
  line-height:20px;
  padding:0 9px;
  margin-bottom:-20px;
}
.column-3 .contact-box {
  color:#FFFFFF;
  font-family:"Trebuchet MS",sans-serif;
  font-size:14px;
  font-size-adjust:none;
  font-style:normal;
  font-variant:normal;
  font-weight:bold;
  line-height:23px;
}

/* booking step display */

.active-step{
  font-weight:bold;
  background:transparent url(../images/text-content-title-geen.png);
}
.past-step{
  background:transparent url(../images/text-content-title-bg.png) repeat scroll 0 0;
}

/*----*/

/* BOOKING STATUS LISTING */
.booking-status {
}

.booking-status li {
    color:#888;
    text-decoration:line-through;
    background:url("../images/cross.gif") no-repeat 2px 4px;
    padding:4px 0 0 20px;
    list-style-type: none;
}

.booking-status li.active {
    color:#40A048;
    font-weight:bold;
    text-decoration:none;
    background:url("../images/check.gif") no-repeat 2px 4px;
}