/* CSS Document */

body {
background-image:url(graphics/template/blue_mosaic_background.gif);
z-index:-1;
}

#border {
position:relative;
width:814px;
height:602px;
margin:auto;
top:10px;
background-image:url(graphics/template/white_background_box.png);
background-repeat: no-repeat;
}

#banner {
position:relative;
width:783px;
height:171px;
top:48px;
left:16px;
z-index:1000;
}

#banner_left_blue_strip {
float:left;
width:57px;
height:171px;
background-image:url(graphics/template/blue_mosaic_strip.png);
background-repeat: no-repeat;
}

#banner_logo_section {
position:relative;
float:left;
width:380px;
height:171px;
left:14px;
}

#banner_logo {
width:237px;
height:42px;
margin-top:64px;
background-image:url(graphics/template/aquae_sulis_logo.png);
background-repeat: no-repeat;
margin-bottom:53px;
}

#banner_small_image {
float:left;
width:85px;
height:171px;
}

#banner_image_spacer {
float:left;
width:13px;
height:1px;
}

#banner_large_image {
float:left;
width:148px;
height:171px;
}

#main_section {
position:relative;
width:783px;
height:259px;
left:16px;
top:70px;
}

#main_left_spacer {
float:left;
width:57px;
height:1px;
}

#main_text_container {
float:left;
left:14px;
position:relative;
width:451px;
height:259px;
overflow: auto;
}

#main_text_container .PageTitle {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#66CCFF;
}

#main_text_container .PageSubTitleText {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
}

#main_text_container .PageText {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
}

#main_text_container .PageText #tablecolumn {
margin-right:10px;
float:left;
}

#main_text_container .PageText .AlignRight {
float:right;
width:300px;
text-align:right;
padding-right:0px;
}

#main_text_container .PageText .AlignRight a {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
font-weight:bold;
}

#main_text_container .PageText .AlignRight a:hover {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
text-decoration:none;
}

/* RIGHT HAND SIDE BANNERS */
#main_banner_section {
float:left;
width:248px;
height:259px;
margin-left:27px;
}

#main_right_banner {
width:229px;
height:80px;
}

#main_right_banner_text_container {
float:left;
width:148px;
height:78px;
border-top:1px #E1E1E1 solid;
border-bottom:1px #E1E1E1 solid;
border-left:1px #E1E1E1 solid;
background-color:#FBFBFB;
cursor:pointer;
}

#main_right_banner_text {
height:48px;
width:138px;
overflow:hidden;
padding:10px 5px 10px 5px;
}

#main_right_banner a.link {
text-decoration:none;
}

#main_right_banner a .title {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
color:#66CCFF;
text-decoration:none;
font-weight:bold;
padding-top:10px;
}

#main_right_banner a:hover .title {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
color:#C1C1C1;
text-decoration:none;
}

#main_right_banner a .text {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
text-decoration:none;
}

#main_right_banner a:hover .text {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
color:#C1C1C1;
text-decoration:none;
}

#main_right_banner img {
float:right;
height:80px;
width:80px;
border:0px;
}

#main_right_banner_spacer {
width:245px;
height:5px;
}
/* END RIGHT HAND SIDE BANNERS */

#clearleft {clear: left; line-height: 0; height: 0;}
#clearright {clear: right; line-height: 0; height: 0;}
#clearboth {clear: both; line-height: 0; height: 0; clear:both;}

#menu ul {     padding: 0;     margin: 0;     list-style: none; z-index:101; width:365px; position:relative;} 

#menu li {     float: left; font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px; font-weight:bold; color:#2691CA; margin-right: 2px; z-index:101; }

#menu a { display: block; z-index:101; } 

#menu li a { display: block; color:#7D7D7D; text-decoration: none; font-weight:bold; z-index:101; }

#menu li a:hover { color:#000000; text-decoration: none; font-weight:bold; z-index:101; }

#menu li ul { position: absolute;  left: -999em; background-color:#DDF5F7; z-index:101; width:120px; padding-bottom:2px;} 

#menu li ul li { clear:left; z-index:101; padding:0px 5px 0 5px; margin-top:2px; margin-bottom:2px; width:120px; }

#menu li ul li:hover { clear:left; background-color:#95DDFF;  z-index:101; width:110px;}

#menu li:hover ul, #menu li.sfhover ul {  left: auto; z-index:101; }

#main_right_spa_link_section {
float:left;
width:248px;
height:259px;
margin-left:27px;
margin-top:32px;
}

#main_right_spa_link {
width:229px;
height:24px;
margin-bottom:5px;
}

#main_right_spa_link_text {
margin-top:4px;
float:left;
width:200px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
cursor:pointer;
}

#main_right_spa_link a.link {
text-decoration:none;
}

#main_right_spa_link_text:hover {
text-decoration:none;
color:#000000;
}

#main_right_spa_link img {
float:left;
margin-top:4px;
border:0px;
margin-right:5px;
}

#main_right_spa_link_spacer {
width:229px;
height:5px;
border-top: 1px dashed #A3A2A2;
}

#footer_section {
position:relative;
width:693px;
height:60px;
left:88px;
margin-top:75px;
}

#footer_aquaesulis_link {
padding-top:35px;
}

#footer_aquaesulis_link a {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#66CCFF;
text-decoration:none;
}

#footer_aquaesulis_link a:hover {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
}

/*  Brochure Form */

#main_text_container .PageText select {
	display: block;
	width: 50px;
	float: left;
	margin-bottom: 10px;
	margin-right:5px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
}

#main_text_container .PageText label,input {
	display: block;
	width: 100px;
	float: left;
	margin-bottom: 10px;
	margin-right:5px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
}

#main_text_container .PageText textarea {
	display: block;
	width: 300px;
	height:90px;
	float: left;
	margin-bottom: 10px;
	margin-right:5px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
}

#main_text_container .PageText .OtherInputs {
	width: 200px;
}

#main_text_container .PageText .RadioInputs {
	width: 15px;
}

#main_text_container .PageText .CountryDropdown {
	width: 200px;
}

#main_text_container .PageText label  {
	text-align: left;
	width: 75px;
	padding-right: 20px;
	margin-right:0px;
	height:18px;
	padding-top:3px;
}

#main_text_container .PageText .TitleHeader {
	display: block;
	width: 37px;
	float: left;
	margin-left:93px;
	margin-bottom: -5px;
	margin-top:-10px;
	font-style:italic;
}

#main_text_container .PageText .NameHeader {
	display: block;
	width: 88px;
	float: left;
	margin-bottom: -5px;
	margin-top:-10px;
	font-style:italic;
}

#main_text_container #HowToRespond {
	margin:auto;
	margin-top:10px;
	margin-bottom:2px;
	width:300px;
}

#main_text_container #HowToRespond label {
	display: block;
	width: 65px;
	float: left;
	text-align:right;
	margin-bottom: 10px;
	margin-right:5px;
	padding-right:0px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
}

#main_text_container .PageText .TimeOfCall {
	width: 80px;
}

#main_text_container .PageText .ReceiveNewsLettertext
{
float:left;
width:350px;
}

#main_text_container .PageText .button {
	width: 70px;
	float:right;
	color:#000000;
	margin-right:35px;
}


#sddm
{	margin: 0;
	padding: 0;
	width:365px;
	z-index:101;}

#sddm li
{	float:left;
	margin-right: 2px;
	padding: 0;
	list-style: none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px; font-weight:bold; color:#2691CA;
	z-index:101;}

#sddm li a
{	display: block;
	margin: 0 0 0 0;
	padding: 0 0;
	color:#7D7D7D;
	text-align: center;
	text-decoration: none;
	z-index:101;}

#sddm li a:hover
{	color:#000000;}

#sddm li a:link
{	text-decoration: none;
}

#sddm div
{	position: absolute;
	visibility: hidden;
	display:block;
	margin: 0;
	padding: 0;
	background:#DDF5F7;
	color:#7D7D7D;
	width:120px;
	z-index:101;
	clear:left;
}

	#sddm div a
	{	position: relative;
		display: block;
		padding:0px 5px 0 5px; 
		margin-top:2px; 
		margin-bottom:2px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		color:#7D7D7D;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:10px; font-weight:bold;
		z-index:101;
	}

	#sddm div a:hover
	{	background-color:#95DDFF;
		color: #000000;
		z-index:101;}