/*GENERAL DIV STYLINGS---------------------------------------------------------------------------------------------------------------------*/

img {
border-style: none;
}
body {
	margin-top: 10px;
	text-align: center;
	background: #f4821f url(../leisure/tourism/thespa/images/grad_back.jpg) repeat-x;
}

body#event {
	background: #74D1F7;
}


#container {
	width: 750px;
	margin: 0px auto 0px auto; 
	padding: 0px 0px 0px 0px;
	background: #ffffff url(../leisure/tourism/thespa/images/main_bg.gif) repeat-y;
	text-align: center;
	position: relative;
}

#container_booking {
	width: 500px;
	margin: 0px; 
	padding: 0px 0px 0px 0px;
	background: #ffffff url(../leisure/tourism/thespa/images/main_bg.gif) repeat-y;
	position: absolute;
	top: 0px;
	left: 0px;
	border: 1px solid black;
}

#speech
{
	position: absolute;
	width: 172px;
	height: 107px;
	background: url(../leisure/tourism/thespa/images/speech.gif) no-repeat top left;
	top: 10px;
	right: 15px;
	z-index:25;
	visibility: visible;
	display:block;
}

#speech p, #speech p.twolines
{
	font-weight: bold;
	color: black;
	font-size: 110%;
	margin-top: 32px;
	font-family:Arial, Helvetica, sans-serif
}

#speech p.twolines
{
	margin-top: 20px;
}

#container-images{
	width: 750px;
	margin: 0px auto 0px auto; 
	padding: 0px 0px 0px 0px;
	background: #ffffff url(../leisure/tourism/thespa/images/main_bg_facilities.gif) repeat-y;
	text-align: center;
}

#header {
	padding: 0px 0px 0px 0px;
	position: relative;
	width: 750px;
	margin : 0px 0px 0px 0px;
	height : 100px;
	background : #ffffff url(../leisure/tourism/thespa/images/header.gif) no-repeat left top;
}

#header_booking {
	padding: 0px 0px 0px 0px;
	position: relative;
	width: 500px;
	margin : 0px 0px 0px 0px;
	height : 100px;
	background : #ffffff url(../leisure/tourism/thespa/images/header.gif) no-repeat left top;
}

#strip {
	padding: 0px 0px 0px 0px;
	position: absolute;
	width: 748px;
	margin : 0px 0px 0px 0px;
	height : 100px;
	background : #ffffff url(../leisure/tourism/thespa/images/strip_home.jpg) no-repeat left top;
	top: 101px;
	left: 1px;
	z-index: 20;
}

#footer {
	padding: 0px 0px 0px 0px;
	position: relative;
	width: 750px;
	margin : 0px auto 0px auto;
	height : 150px;
	background : #ffffff url(../leisure/tourism/thespa/images/footer.jpg) no-repeat left top;
}

#footer_booking {
	padding: 0px 0px 0px 0px;
	position: relative;
	width: 500px;
	margin : 0px auto 0px auto;
	height : 50px;
	/*background : #ffffff url(../leisure/tourism/thespa/images/footer.jpg) no-repeat left top;*/
}

#header a {
	float: left;
	width: 730px;
	height : 100px;

}

#header a:link, #header a:visited, #header a:active {
	background : #ffffff url(../leisure/tourism/thespa/images/header.gif) no-repeat left top;
	color: #f5821f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: left;
	padding-left: 20px;
}


#title {
padding: 0px 0px 0px 0px;
margin: 0px 2px 20px 0px;
height: 100px;
text-align: left;
background: black;
width: auto;
}

#title_redev, #title_venue, #title_home, #title_history, #title_visitor, #title_whatson, #title_signup {
padding: 0px 0px 0px 0px;
margin: 0px 2px 20px 0px;
height: 100px;
text-align: left;
background: black url(../leisure/tourism/thespa/images/title_redev.jpg) no-repeat;
width: auto;

}

#title_venue
{
background: black url(../leisure/tourism/thespa/images/title_venue.jpg) no-repeat;
}

#title_home
{
background: black url(../leisure/tourism/thespa/images/title_home.jpg) no-repeat;
}

#title_history
{
background: black url(../leisure/tourism/thespa/images/title_history.jpg) no-repeat;
}

#title_visitor
{
background: black url(../leisure/tourism/thespa/images/title_visitor.jpg) no-repeat;
}

#title_whatson
{
background: black url(../leisure/tourism/thespa/images/title_whatson.jpg) no-repeat;
}

#title_signup
{
background: black url(../leisure/tourism/thespa/images/title_signup.jpg) no-repeat;
}

#title_redev span, #title_home span, #title_venue span, #title_history span, #title_visitor span, #title_whatson span, #title_signup span
{
display: block;
margin: 0px 0px 0px 5px;
color: #514126;
visibility: hidden;
}


h1 {
	color: #0d4774;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
	padding-left: 13px;
	}

h2 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-WEIGHT: 900;
	FONT-SIZE: 1em;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 0.5em 0.5em 0px;
	COLOR: #000000;
	PADDING-TOP: 0px;
}

h2.highlights
{
	font-weight: bold;
	color: #f5821f;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 15px;
}

h2.swap {
font-family: Arial, Helvetica, sans-serif;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 1em;
	BACKGROUND: no-repeat left top;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 0px 20px; 
	COLOR: #74D1F7; 
	PADDING-TOP: 0px;
	HEIGHT: 30px;
	text-align: center;
}

h3 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-WEIGHT: 900;
	FONT-SIZE: 1em;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 0.5em 0.5em 0px;
	COLOR: #000000;
	PADDING-TOP: 0px;
}

h3.swap {
font-family: Arial, Helvetica, sans-serif;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 1em;
	BACKGROUND: no-repeat left top;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 0px 20px; 
	COLOR: #74D1F7; 
	PADDING-TOP: 0px;
	HEIGHT: 45px;
	text-align: center;
}

h4 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-WEIGHT: 900;
	FONT-SIZE: 1em;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 0.5em 0.5em 0px;
	COLOR: #000000;
	PADDING-TOP: 0px;
}

h4.swap {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 1px;
	BACKGROUND: no-repeat left top;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 0px 20px; 
	COLOR: #74D1F7; 
	PADDING-TOP: 0px;
	HEIGHT: 30px;
	text-align: left;
}

#title-fac {
	BACKGROUND-IMAGE: url(/brid_spa/images/title_facilities.gif);
	padding: 0px 0px 10px 0px;
}
#title-contact {
	BACKGROUND-IMAGE: url(/brid_spa/images/title_contact.gif);
	padding: 0px 0px 10px 0px;
}
#title-history {
	BACKGROUND-IMAGE: url(/brid_spa/images/title_history.gif);
}
#title-events {
	BACKGROUND-IMAGE: url(/brid_spa/images/title_events.gif);
	padding: 0px 0px 10px 0px;
}
#title-welcome {
	BACKGROUND-IMAGE: url(/brid_spa/images/title_welcome.gif);
	padding: 0px 0px 10px 0px;
}



.content-ul li
{
	list-style-type:disc;!important
	margin: 0px;!important
	padding: 0px;!important
	line-height: normal; !important
}

.content-ul
{
	list-style-type:disc;!important
	margin: 0px;!important
	padding: 0px; !important
	line-height: normal; !important

}



#title-spa {
	BACKGROUND-IMAGE: url(/brid_spa/images/spa.gif);
	padding: 0px 0px 0px 10px
}
#title-royal {
	BACKGROUND-IMAGE: url(/brid_spa/images/royal.gif);
	padding: 0px 0px 0px 10px;
}
#title-burlington {
	BACKGROUND-IMAGE: url(/brid_spa/images/burlington.gif);
	padding: 0px 0px 0px 10px;
}
#title-marine {
	BACKGROUND-IMAGE: url(/brid_spa/images/marine.gif);
	padding: 0px 0px 0px 10px;
}



#title-none {
	BACKGROUND-IMAGE: url(/brid_spa/images/welcome.gif);
	margin: 0px 0px 0px 12px;
}



#main-content {
	position: relative;
	width: 585px;
	float: right; 
	margin: 0px;
	background: transparent;
	border-left: 1px solid black;
}

#main-content2 {
	position: relative;
	width: 585px;
	float: left; 
	margin: 0px;
	background: transparent;
	border-left: 0px solid black;
}

#main-content_booking {
	position: relative;
	width: 495px;
	float: right; 
	margin: 0px;
	background: transparent;
}

#main-content p, #main-content2 p {
line-height: 150%;
margin: 0px;
padding: 0px 20px 20px 20px;
text-align: left;
background: transparent;
color: #200f00;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
}

#main-content_booking p {
line-height: 150%;
margin: 0px;
padding: 0px 20px 20px 20px;
background: transparent;
color: #200f00;
font-family: Arial, Helvetica, sans-serif;

}

#normal-text {
line-height: 120%;
float: left;
padding: 20px 0px 0px 0px;
margin: 0;
width: 555px;
background: none;
}



#main-content p.top-padding {
margin: 0px;
padding: 20px 180px 10px 10px;
text-align: left;
background: transparent;
color: #0B3F7A;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
}




/*navigation--------------------------------------------------------------------------------------------------------------------------*/

#navigation {
width: 153px;

background: #fff url(../leisure/tourism/thespa/images/nav_back.gif) no-repeat;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
border-left: 1px solid #f5821f;
}

#navigation ul {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
}
#navigation li {
padding: 6px 0px 0px 5px;
margin: 0px 0px 3px 0px;
text-align: left;
width: 150px;
height: 25px;
border-bottom: 1px solid #f5821f;
border-top: 0px;
border-right: 0px;
border-left: 4px solid black;
text-decoration: none;
background-color:#fff;
}

#navigation li.eryc {
padding: 6px 0px 0px 3px;
margin: 30px 0px 3px 3px;
text-align: left;
width: 140px;
height: 45px;
border: 0px;
text-decoration: none;
background: url(../leisure/tourism/thespa/images/eryc_logo.gif) no-repeat right;
}

#navigation li.erychome {
padding: 6px 0px 0px 3px;
margin: 15px 0px 3px 1px;
text-align: left;
width: 140px;
height: 45px;
border: 0px;
text-decoration: none;
background: #fff url(../leisure/tourism/thespa/images/eryc_logo.gif) no-repeat right;
}

#navigation a{
display: block;
text-decoration: none;
font-weight: bold;
color: black;
}

/*----contact page-----------------------------------------------------------------------------------------------------------------------*/
/*styles the table that the address lsit items are in*/

#main-content ul {
margin: 0px 0px 0px 0px;
list-style: none;
padding: 0px 0px 0px 0px;
width: 555px;
}
#main-content ul.contactlist {
margin: 0px 0px 0px 0px;
list-style: none;
padding: 30px 0px 0px 0px;
}

#main-content li {
	FONT-SIZE: 100%;
	padding: 0px 0px 0px 0px;
	BACKGROUND: #ffffff; 
	MARGIN: 0em 0px 30px 10px; 
	LINE-HEIGHT: 200%; 
	text-align: left;
	color: #0B3F7A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	width: 80%;
}

/*styles the four list items on the contact page*/
#main-content li#address1{
	background :  url(/brid_spa/images/address1.gif) no-repeat left top;
	padding-left: 60px;
	padding-top: 8px;
}
#main-content li#address2{
	background :  url(/brid_spa/images/address2.gif) no-repeat left top;
	padding-left: 60px;
	padding-top: 8px;
}
#main-content li#address3{
	background :  url(/brid_spa/images/address3.gif) no-repeat left top;
	padding-left: 60px;
	padding-top: 8px;
	padding-bottom: 20px;
}

#main-content li#address4{
	background :  url(/brid_spa/images/address4.gif) no-repeat left top;
	padding-left: 60px;
	padding-top: 8px;
}
/*stles the email link - and any other links we might later add)*/
#main-content a, #main-content_booking a {
color: #008A76;
text-decoration: none;
font-weight: bold;
}
#main-content a:hover, #main-content_booking a:hover {
text-decoration: underline;
font-weight: bold;
}

/*-----Facilties Page--------------------------------------------------------------------------------------------------------------------*/
#container-facilities {
	width: 750px;
	margin: 0px auto 0px auto; 
	padding: 0px 0px 0px 0px;
	background: #fff url(../leisure/tourism/thespa/images/main_bg_facilities.gif) repeat-y;
	text-align: center;
}

#sub-menu {
float: left;
padding: 0;
margin: 0;
width: 367px;
background: #74D1F7;
}

#sub-menu ul {
list-style: none;
width: 367px;
text-align: right;
}

#sub-menu li{
background :  url(/brid_spa/images/sub_bullet.gif) no-repeat right top;
background-position: 100% 0.9em;
padding-right: 1.5em;
text-align: right;
text-decoration: none;
width: 367px; 
margin: 0px 0px 0px 0px;
}
#sub-menu a{
display: block;
color: #A859D1;
text-decoration: none;
font-weight: bold;
}
#sub-menu a:hover{
display: block;
color: #0D4774;
text-decoration: none;
font-weight: bold;
}

#facilities-text {
line-height: 150%;
float: left;
padding: 0;
margin: 0;
width: 555px;
background: none;
}


/*--image gallery--------------------------------------------------------------------------------------------------------------------------*/
#thumbnails-header {
float: right;
margin: 0px 30px 0px 0px;
width: 139px;
height: 45px;
background : #0D4774 url(../leisure/tourism/thespa/images/image_header.jpg) no-repeat left top;
display: inline;
}


#thumbnails {
float: right;
margin: 10px 38px 10px 0px; 
padding: 10px 0px 10px 0px;
width: 102px;
display: inline;
}

div#thumbnails a {
	display: inline;
	height: 150px;
}

#thumbnails.spa1 a:hover {
	background-image: url(brid_spa/images/spa_pic1bsmall.gif);
	}

span.invisible {
	height: 20px;
	display: none;
}


#thumbnail-text {
line-height: 150%;
margin: 0px;
padding: 0px 180px 20px 20px;
text-align: left;
background: transparent;
color: #0B3F7A;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
}

/*--events--------------------------------------------------------------------------------------*/
#container-events {
	width: 750px;
	height: 650px;
	margin: 0px auto 0px auto; 
	padding: 0px 0px 0px 0px;
	background: #fff url(../leisure/tourism/thespa/images/main_bg.gif) repeat-y;
	text-align: center;
}
iframe {
	BORDER-RIGHT: 0px; 
	BORDER-TOP: 0px; 
	MARGIN: 0px; 
	BORDER-LEFT: 0px; 
	WIDTH: 495px; 
	BORDER-BOTTOM: 0px; 
	HEIGHT: 450px;
}



iframe#booking {
	BORDER-RIGHT: 0px; 
	BORDER-TOP: 0px; 
	MARGIN: 0px; 
	BORDER-LEFT: 0px; 
	WIDTH: 490px; 
	BORDER-BOTTOM: 0px; 
	HEIGHT: 450px;
	background: #000000;
}

iframe#dynamicbox {
	background: #000000;
}


/*------------------------------------------------------------------------------------------------------*/
.clearing {
height: 0px;
clear: both;
}

#spacer {
height: 50px;
background-color: #74D1F7;
width: 50%;
}

/*clearfix*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */