* html #content #right_column, 
* html #content #left_column {height:360px}
html, body {
height : 100%;
margin : 0;
padding : 0;
}
body {
font : 0.8em/1.4em Helvetica, sans-serif, Arial;
text-align : left;
color : gray;
overflow : visible;
}
a {
text-decoration : none;
color : #fc7c14;
}
a, img {
border : none;
}
br {
clear : both;
}
hidden img {
overflow : hidden;
}
hr {
color : #90c;
width : 100%;
border-style : solid;
}
h1 {
font-size :18px;
font-weight : 400;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #fc7c14;
}
.welcome {
font-size : 35px;
font-weight : 700;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #fc7c14;
font-style : italic;
margin-bottom : 0;
}
.basildon {
font-size : 20px;
font-weight : 700;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #4e2e90;
font-style : italic;
margin-top : 2px;
}
h2 {
font-size : 15px;
font-weight : 400;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #fc7c14;
margin : 0;
padding : 0;
}
.purple h2 {
font-size : 15px;
font-weight : 400;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #4e2e90;
margin : 0;
padding : 0;
}
h3 {
font-size : 10px;
font-weight : 400;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #fc7c14;
}
h4 {
font-size : 14px;
font-weight : bold;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
margin : 0;
padding : 10px 0 0 0;
}
.sidebar-title {
border-bottom : 1px solid;
border-bottom-color : #fc7c14;
margin : 0 0 5px;
padding : 0;
}
img.floatLeft {
float : left;
margin : 4px;
}
img.floatRight {
float : right;
margin : 4px;
}
#wrap {
width : 960px;
height : auto;
overflow : visible;
background-color : transparent;
margin : 0 auto;
padding : 0;
}
#container {
width : 960px;
position:relative;
float : left;
background-color: transparent;
margin : 2px 0 0;
padding : 0;
}
#header {
width : 748px;
height : 450px;
float : left;
margin : 0;
padding : 0;
}
#header-content {
width : 555px;
height : 266px;
float : left;
background-color : transparent;
margin : 0;
padding : 149px 0 0 193px;
}
#header a#header-flp-logo {
width : 177px;
height : 98px;
float : left;
background-color : transparent;
margin : 0;
padding : 0;
}
#header #header-nav {
width : 685px;
height : 36px;
font-size : 8px;
color : #4e2e90;
float : left;
background :  url(http://www.festivalleisure.co.uk/images/general/background-content.png) no-repeat left top;
margin : 0;
padding : 0 25px 0;
}
#content {
width : 704px;
float : left;
z-index : 2;
background-color: transparent;
margin : 0;
min-height : 360px;
padding : 0 0 0 15px;
}
#column_wrap {
width : 704px;
float : left;
clear:both;
min-height : 360px;
background : #FFF url(../images/general/background-column_wrap.gif) repeat-x left top;
margin : 0;
padding : 0;
}
#main {
width : 664px;
float : left;
margin : 0;
padding : 10px 20px 20px 20px;
}
#content #right_column, #content #left_column {
width : 403px;
float : left;
position:relative;
min-height : 310px;
background : transparent url(../images/general/border-vertical.png) repeat-y right top;
margin : 0 0 5px;
padding : 0 27px 20px 23px;
}
#content #left_column {
width : 207px;
background-image : none;
padding : 26px 21px 0 15px;
}
#cinema {
height : 150px; /* Actual height 280px*/
width : 403px;
display: inline-block;
background-image : url(../images/empire_bg.jpg);
background-repeat : no-repeat;
font-size : 11px;
float:left;
position:relative;
overflow:none;
line-height : 15px;
font-family : Arial, Helvetica, sans-serif;
color : #eb008b;
margin : 0;
padding : 45px 3px 3px 14px;
}
.cinema a:link {
color : #eb008b;
}
.cinema a:hover {
text-decoration:none;
}
.ticker {
overflow:none;
height:100px;
width:230px;
margin-top:0px;
background:#666;
}
.cinema hr {
color : #eb008b;
width : 100%;
margin:0;
padding:0;
border-style : solid;
}
table.empire {
border-width : 0;
border-style : outset;
border-collapse : separate;
border-bottom : 1px solid #eb008b;
border-top : 1px solid #eb008b;
}
#marqueecontainer {
position : relative;
width : 180px;
height : 170px;
background-color : transparent;
overflow : hidden;
padding-left : 4px;
margin : 0px 0 0 0;
}
#marqueecontainer a {
color : #eb008b;
}
#marqueecontainer a:hover {
text-decoration : underline;
}
#carousel {
width : 660px;
height : 92px;
float : left;
background-color : transparent;
margin : 15px 0 20px;
padding : 0 21px 0 23px;
}
#carousel img {
margin : 0 10px 0 0;
}
#nav {
 width : 187px;
 position: absolute;
 z-index : 1;
 background-color : transparent;
 margin:0;
 padding : 0;
 clear:both;
 left:719px;
 top:450px;
}

#nav-links div{float:left;clear:left}
#nav-links div a{margin-bottom:0}

#nav-links {
width : 187px;
height : 224px;
float : left;
background-color : transparent;
margin : 0;
padding : 0;
}
#nav-links a {
display : block;
}
#nav-links a:hover {
background-position : left top;
}
.btn-facilities, .btn-facilities a {
width : 187px;
height : 33px;
float : left;
background : transparent url(../images/nav/btn-facilities.png) no-repeat right bottom;
margin : 0 0 4px;
padding : 0;
}
.btn-offers, .btn-offers a {
width : 187px;
height : 33px;
float : left;
background : transparent url(../images/nav/btn-offers.png) no-repeat right bottom;
margin : 0 0 4px;
padding : 0;
}
.btn-gallery, .btn-gallery a {
width : 187px;
height : 33px;
float : left;
background : transparent url(../images/nav/btn-gallery.png) no-repeat right bottom;
margin : 0 0 4px;
padding : 0;
}
.btn-events, .btn-events a {
width : 187px;
height : 33px;
float : left;
background : transparent url(../images/nav/btn-events.png) no-repeat right bottom;
margin : 0 0 4px;
padding : 0;
}
.btn-letting, .btn-letting a {
width : 187px;
height : 33px;
float : left;
background : transparent url(../images/nav/btn-letting.png) no-repeat right bottom;
margin : 0 0 4px;
padding : 0;
}
.btn-contact-us, .btn-contact-us a {
width : 187px;
height : 33px;
float : left;
background : transparent url(../images/nav/btn-contact-us.png) no-repeat right bottom;
margin : 0 0 4px;
padding : 0;
}
.btn-community, .btn-community a {
width : 187px;
height : 33px;
float : left;
background : transparent url(../images/nav/btn-community.png) no-repeat right bottom;
margin : 0 0 4px;
padding : 0;
}
.btn-media, .btn-media a {
width : 187px;
height : 33px;
float : left;
background : transparent url(../images/nav/btn-media.png) no-repeat right bottom;
margin : 0 0 4px;
padding : 0;
}
.btn-vacancies, .btn-vacancies a {
width : 187px;
height : 33px;
float : left;
background : transparent url(../images/nav/btn-vacancies.png) no-repeat right bottom;
margin : 0 0 4px;
padding : 0;
}
.btn-kid-zone, .btn-kid-zone a {
width : 187px;
height : 33px;
float : left;
background : transparent url(../images/nav/btn-kid-zone.png) no-repeat right bottom;
margin : 0 0 4px;
padding : 0;
}
#footer {
width : 704px;
float : left;
font-size : 10px;
line-height : 1em;
color : #4e2e90;
background: transparent url(../images/general/background-footer.gif) no-repeat top left;
margin : 0 0 20px;
padding : 34px 0 0 0;
}
#footer{clear:both}

#footer a:hover {
color : #4e2e90;
text-decoration : underline;
}
.pagination {
display : block;
text-align : center;
margin : 3px;
padding : 3px;
}
.pagination a {
border : 1px solid #eee;
text-decoration : none;
color : #036cb4;
margin : 2px;
padding : 2px 5px;
}
.pagination a:hover, .pagination a:active {
border : 1px solid #999;
color : #666;
}
.pagination .current {
border : 1px solid #036cb4;
font-weight : 700;
background-color : #036cb4;
color : #fff;
margin : 2px;
padding : 2px 5px;
}
.pagination .disabled {
border : 1px solid #eee;
color : #ddd;
margin : 2px;
padding : 2px 5px;
}
.kids-zones-img {
margin-bottom : 15px;
}
.facilities-img {
margin : 0 3px;
}
.events-img {
margin : 0 0 5px;
}
.facilities-sidebar-img {
margin-bottom : 5px;
text-align : center;
}
.aligh-left {
margin-bottom : 5px;
float : left;
}
.aligh-right {
float : right;
margin : 0 0 10px 20px;
}
.link-box {
background-color : #4e2e90;
color : #fff;
margin : 0 0 5px;
padding : 1em;
}
.link-box a {
color : #fff;
margin : 0;
padding : 1em;
}
.link-box a:hover {
color : #fc7c14;
margin : 0;
padding : 1em;
}
.dotted-line {
border-bottom : 1px dotted #80c080;
width : 100px;
}
#contact p, label, legend {
font : 1em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
#contact h1 {
font-size : 17px;
color : #333;
margin : 10px 0;
}
#contact hr {
color : inherit;
height : 0;
margin : 6px 0;
padding : 0;
}
#contact {
width : 400px;
background-color : transparent;
padding : 0;
}
#contact label {
display : inline-block;
float : left;
height : 16px;
line-height : 26px;
width : 100px;
margin-bottom : 5px;
font-size : 1em;
}
#contact input, textarea, select {
width : 250px;
color : #666;
background : #f5f5f5;
border : 1px solid #ccc;
font : 1em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
margin : 5px 0;
padding : 5px;
}
#contact input:focus, textarea:focus, select:focus {
border : 1px solid #999;
background-color : #fff;
color : #333;
}
#contact input.submit {
width : 85px;
cursor : pointer;
background : #4e2e90;
color : #fff;
}
#contact input.submit:hover {
background : #fc7c14;
}
#contact input[type="submit"][disabled] {
background : #888;
cursor : default;
}
#contact fieldset {
border : 0 solid #eee;
padding : 1px;
}
#contact legend {
font-weight : 700;
color : #000;
border : 1px solid #eee;
margin-bottom : 0 !important ;
padding : 7px 10px;
}
#contact span.required {
font-size : 13px;
color : red;
}
#message {
margin : 10px 0;
padding : 0;
}
.error_message {
display : block;
line-height : 22px;
background : #fbe3e4 url('../assets/error.gif') no-repeat 10px 6px;
color : #8a1f11;
border : 1px solid #fbc2c4;
padding : 3px 10px 3px 35px;
}
ul.error_messages {
margin : 0 0 0 15px;
padding : 0;
}
ul.error_messages li {
height : 22px;
line-height : 22px;
color : #333;
}
.loader {
padding : 0;
}
#contact #success_page h1 {
background : url('../assets/success.gif') no-repeat left;
padding-left : 22px;
}
#signup p, label, legend {
font : 1em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
#signup h1 {
font-size : 17px;
color : #333;
margin : 10px 0;
}
#signup hr {
color : inherit;
height : 0;
margin : 6px 0;
padding : 0;
}
#signup {
width : 400px;
background-color : transparent;
padding : 0;
  display: inline;
}
#signup label {
display : inline-block;
float : left;
height : 16px;
line-height : 26px;
width : 100px;
margin-bottom : 5px;
font-size : 1em;
}
#signup input, textarea, select {
width : 150px;
color : #666;
background : #f5f5f5;
border : 1px solid #ccc;
font : 1em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
margin : 5px 0;
padding : 5px;
}
#signup input:focus, textarea:focus, select:focus {
border : 1px solid #999;
background-color : #fff;
color : #333;
}
#signup input.submit {
width : 85px;
cursor : pointer;
background : #4e2e90;
color : #fff;
}
#signup input.submit:hover {
background : #fc7c14;
}
#signup input[type="submit"][disabled] {
background : #888;
cursor : default;
}
#signup fieldset {
border : 0 solid #eee;
padding : 1px;
}
#signup legend {
font-weight : 700;
color : #000;
border : 1px solid #eee;
margin-bottom : 0 !important ;
padding : 7px 10px;
}
#signup span.required {
font-size : 13px;
color : red;
}
#signup #success_page h1 {
background : url('../assets/success.gif') no-repeat left;
padding-left : 22px;
}
ul#thumbs, ul#thumbs li {
list-style : none;
margin : 0;
padding : 0;
}
ul#thumbs li {
float : left;
margin-right : 5px;
padding : 5px;
}
ul#thumbs a {
display : block;
float : left;
width : 100px;
height : 100px;
line-height : 100px;
overflow : hidden;
position : relative;
z-index : 1;
}
ul#thumbs a img {
float : left;
position : absolute;
top : -30px;
left : -30px;
}
ul#thumbs a:hover {
overflow : visible;
z-index : 1000;
border : none;
}
ul#thumbs a:hover img {
border : 3px solid #9c8ac1;
background : #9c8ac1;
padding : 2px;
}
ul#thumbs:after, li#thumbs:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
ul#thumbs, li#thumbs {
display : block;
min-height : 1%;
}
* html ul#thumbs, * html li#thumbs {
height : 1%;
}
#sidebar-button a {
 display : block;
 width : 207px;
 height : 25px;
 text-align : center;
 font : bold 16px/1 sans-serif;
 color : #fff;
 background : url("http://www.festivalleisure.co.uk/images/general/sidebar-button.gif") no-repeat 0% 0%;
 text-decoration : none;
 /*margin : 0 0 0 10px;*/
 padding : 5px 0 0 0;
}
a:hover, #footer a {
color : #4e2e90;
text-decoration : none;
}
#header-nav a, #header-nav a:hover {
text-decoration : none;
}
#promo-index {
height : 100%;
border-top : 2px dotted #fc7c14;
padding : 2px 0 0 0;
min-height : 50px;
margin : 0;
}
#promobox1 {
height : 100%;
border-top : 2px dotted #fc7c14;
padding : 0 0 10px 0;
min-height : 200px;
margin : 0;
}
#promobox2 {
height : 100%;
border-top : 2px dotted #fc7c14;
border-bottom : 2px dotted #fc7c14;
padding : 0 0 10px 0;
min-height : 200px;
margin : 0;
}
#promobox3 {
height : 100%;
border-bottom : 2px dotted #fc7c14;
padding : 0 0 10px 0;
min-height : 200px;
margin : 0;
}
body {
background : #ec008c url(../images/general/day-background.gif) repeat-x center top;
}
#header {
background : transparent url(../images/general/background-dayheader.png) no-repeat left top;
}
.promo-homepage {
width:130px;
color:#4D2591;
text-align:center;
margin:auto 0;
line-height:16px;
padding:0;
float:left;
}
#bobble{
	top:100px;
	margin:200px 0 0 740px;
	position:absolute;
}
#home_boxes{
	padding-top:10px;
	height:auto;
}
.boxes_left{
	margin-right:5px;
	float:left;
	margin-bottom:10px;
}
.boxes_right{
	margin-left:0px;
	float:right;
	margin-bottom:10px;
}
#facebook_sidebar{
	top:15px;
	width:207px;
}