/* Start of CMSMS style sheet 'spaweek' */
/* --------------------------------------------------
	Global
   -------------------------------------------------- */

	body
	{
		text-align: center;
		min-width: 96em;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		color: #000;
		font-size: 62.5%;
		margin: 0 auto;
        border: 0;
		padding: 0;
		background: #f1f6fc url(uploads/images/main_bg.gif) repeat-x;
	}	
	.clear
        {
        	clear: both;
        }   
		.clear:after
		{
			content: ".";
			height: 0px;
			visibility: hidden;
			display: block;
			clear: both;
		}
		
		
/* --------------------------------------------------
	Utils
   -------------------------------------------------- */
   
   dfn 
   {
        display: none;
        overflow: hidden;
    }
    .accessibility, hr 
    {
        position: absolute;
        top: -9999em;
        left: -9999em;
    }
    /* This rounds the corners of divs with borders (FF and Safari) */
    /*.rounded
    {
        -moz-border-radius-topleft: 8px;
        -webkit-border-top-left-radius: 8px;
        -moz-border-radius-topright: 8px;
        -webkit-border-top-right-radius: 8px;
        -moz-border-radius-bottomleft: 8px;
        -webkit-border-bottom-left-radius: 8px;
        -moz-border-radius-bottomright: 8px;
        -webkit-border-bottom-right-radius: 8px;
    }*/
    


/* --------------------------------------------------
	Typography
   -------------------------------------------------- */

	p
	{	
		font-size: 1.2em;
		line-height: 1.5em;
	}
	h1
	{
		/* The only h1 on the page should be pulled from a page's Title */
		font-size: 1.8em;
		color: #006e8d;
	}
	h2
	{
		font-size: 1.6em;
		color: #017ac8;
		padding-bottom: 0.2em;
		border-bottom: 1px dotted #cccccc;
	}
	h3
	{
		color: #006e8d;
		font-size: 1.4em;
	}
	h4
	{
		font-size: 1em;
		color: #a5cf4c;
	}
	h5
	{
		color: #006e8d;
	}
	a
	{
		color: #017ac8;
	}
	a:hover
	{
	
	}

a:visited
{
color: #003366;
}

img
{
border: #003366;
}

	/* Custom */
	#contentHeading h1
	{
		margin: 0;
		padding: 0;
		padding: 2.2em;	
		color: #006e8d;
	}
	#footerContent a
	{
		color: #fff;
		text-decoration: none;
	}
	li
	{
		font-size: 1.3em;
	}
	
/* --------------------------------------------------
	Layout
   -------------------------------------------------- */
   
   #masthead
   {
   		margin: 0 auto;
		width: 960px;
		height: 17em;
		background: #fff url(uploads/images/heading_final.jpg) no-repeat center;
   }
   		#mastheadLeft
	{
	    float: left;
	    margin-left: 2em;
	    margin-top: 1em;
	    margin-bottom: 1em;
	}

	#mastheadRight
	{
	    float: right;
		text-align: right;
	    margin-right: 2em;
	    margin-top: 1em;
	    margin-bottom: 1em;
	}
  /* HACK: IE6 doubles the left margin. */
		* html #mastheadRight
		{
			margin:0em ;
			padding-right: 2em;
		}   
.phone
{
	float: right;
	color: #006e8d;
	font-size: 2em;
	margin-bottom: 5em;
}

.search
{
float: right;
}

#breadcrumbs 
{
background:#ffffff;
text-align: left;
padding: 0.5em;
}

   #navMain
   {
   		margin: 0 auto;
		width: 960px;
		padding: 0;
   }
   #contentHeading
   {
   		text-align: left;
		width: 960px;
		height: 10em;
		margin: 0 auto;
		padding: 0;
		background: url(uploads/images/heading_background.gif) repeat-x;
   }

 #contentMasthead
{
text-align: left;
		width: 100%;
		height: 10em;
		margin: 0 auto;
border:0;
padding:0;
}

   #contentWrapper
   {
   		text-align: left;
		width: 960px;
		margin: 0 auto;
		padding: 0;
		background: #fff url(images/site/bg_canvas_top.gif) repeat-x;
   }
	   #navSub
	   {
			width: 20em;
			margin: 0;
			float: left;
			text-align: left;
			margin-top: 2em;
			margin-left: 2em;
			margin-right: 2em;
			margin-bottom: 2em;
	   }
	   /* HACK: IE6 doubles the left margin. */
		* html #navSub 
		{
			margin-left: 1em;
		}   
	   
	#contentMain
    {
		width: 48em;
		margin: 0 auto;
		padding: 0;
		border: 0;
		text-align: left;
		float: left;
		margin-top: 1em;
		margin-bottom: 2em;
		margin-right: 2em;
    }
    /* HACK: IE6 doubles the right margin. */
    * html #contentMain 
    {
		margin-right: 1em;
    } 

    #contentRight
    {
		width: 19em;
		margin: 0 auto;
        border: 0;
        text-align: left;
        float: right;
		margin-top: 1em;
		margin-bottom: 2em;
		margin-right: 2em;
    }
        .contentRightBox
        {
            width: 16.8em;
            background-color: #d9ebf7;
            border: 1px solid #d9ebf7;
            padding-left: 1em;
            padding-right: 1em;
            padding-bottom: 1em;
            margin-bottom: 1em;
        }

    /* HACK: IE6 doubles the right margin. */
    * html #contentMain 
    {
	margin-right: 1em;
    } 

	   #contentMainFullWidth
	   {
			width: 92em;
			margin: 0 auto;
			text-align: left;
			margin-top: 2em;
			margin-left: 2em;
			margin-bottom: 2em;
			margin-right: 0;
	   }
	/* Homepage Boxes */
	#boxCarousel 
	{
		width: 610px;
		padding: 0;
		height: 125px;
		margin-bottom: 10px;
	}
	/* HACK: IE6 doubles the left margin. */
	* html #boxCarousel 
	{
		
	}
		#boxCarousel ul 
		{
			width: 170px;
			height: 125px;
			list-style: none;
			float: left;
		}
			#boxCarousel ul li
			{
				width: 150px;
				height: 125px;
				list-style: none;
				float: left;
			}
.boxFeaturedContentLeft
	{
		float: left;
		width: 610px;
		margin: 0;
		border: 0;
		padding: 0;
		margin-left: 20px;
		margin-right: 10px;
		margin-top: 20px;
		margin-bottom: 20px;
}
		/* HACK: IE6 doubles the left margin. */
		* html .boxFeaturedContentLeft 
		{
			margin-left: 10px;
		}
		.boxFeaturedContentMain
		{
			width: 580px;
			padding: 10px;
			min-height: 150px;
			margin-bottom: 20px;
			background: #e5f5fc;
		}
		.boxSubContentLeft
		{
			float: left;
			width: 27.5em;
			padding: 1em;
			min-height: 15em;
			margin-right: 1em;
			background: #c6eafb;
		}
		.boxSubContentRight
		{
			float: left;
			width: 27.5em;
			padding: 1em;
			min-height: 15em;
			margin-left: 1em;
			background: #c6eafb;
		}
	/* Homepage boxes left */
	.boxHomePageLeft
	{
		float: left;
		width: 275px;
		padding: 10px;
		margin-right: 5px;
		margin-bottom: 10px;
		min-height: 150px;
		background-color: #e5f5fc;
	}
	.boxHomePageRight
	{
		float: left;
		width: 275px;
		padding: 10px;
		margin-left: 5px;
		margin-bottom: 10px;
		min-height: 150px;
		background-color: #e5f5fc;
	}
	/* Homepage boxes right */
	.boxNewsRight
	{
		float: right;
		width: 290px;
		margin: 0;
		border: 0;
		padding: 0;
		margin-left: 0px;
		margin-right: 20px;
		margin-top: 10px;
		margin-bottom: 20px;
		background: #ffffff;
	}
	/* HACK: IE6 doubles the right margin. */
		* html .boxNewsRight 
		{
			margin-right: 10px;
		}
	#footerWrapper
	{
		text-align: left;
		width: 96em;
		margin: 0 auto;
		color: #03649f;

	}
    #membercontentMain
    {
		width: 40em;
		margin: 0 auto;
		padding: 0;
		border: 0;
		text-align: left;
		float: left;
		margin-top: 1em;
		margin-bottom: 2em;
		margin-right: 2em;
    }
    /* HACK: IE6 doubles the right margin. */
    * html #contentMain 
    {
	margin-right: 1em;
    } 

    #membercontentRight
    {
		width: 25em;
		margin: 0 auto;
		padding: 1em;
		border: 0;
		text-align: left;
		float: left;
		background: #d9ebf7;
		margin-top: 1em;
		margin-bottom: 2em;
		margin-right: 2em;
    }

    /* HACK: IE6 doubles the right margin. */
    * html #contentMain 
    {
		margin-right: 1em;
    } 

/* ---- #footerContent
{
height: 3.5em; 
width: 97.4em;           
background: #f1f6fc url(uploads/images/footer_bottom.gif) no-repeat center;
}
----*/


#footerWrapper a
{
	color:#017ac8;
}

#footerInfo {
		text-align: left;
		padding: 0.5em;
		padding-left: 5em;
		width: 96em;
		font-size: 1.1em;
		color: #03649f;
		margin: 0 auto;
}

#borderWrapper {
	border-left: 1px solid #007bc5;
	border-right: 1px solid #007bc5;
	border-bottom: 1px solid #007bc5;
	width: 960px;
	padding:0;
	margin:0 auto;
}
   
/* --------------------------------------------------
	Main Navigation
   -------------------------------------------------- */
   
   #navMain ul
	{
		list-style: none;
		margin: 0em;
		padding: 0;
		width: 960px;
		float: left;
		background: #007bc5 url(uploads/images/nav_over.gif) repeat-x;
	}
		#navMain li
		{
			float: left;
			padding: 0;
			font-size: 1.3em;
			font-weight: bold;
		}
		#navMain li h3
		{
			display: block;
			float: left;
			font-size: 1em;
			margin: 0;
			padding: 0 1em;
			line-height: 2.3em;
			color: #fff;
			border: 0;
		}
		#navMain li a
		{
			display: block;
			float: left;
			text-decoration: none;
			padding: 0 1em;
			line-height: 2.3em;
			color: #fff;
			background: url(images/site/nav_main_div.gif) repeat-y top right; 
		}
			#navMain li a:hover
			{
				background: url(images/site/nav_main_bg_on.gif) repeat-x;
			}
			#navMain li.currentpage
			{
				background: #007bc5 url(images/site/nav_main_bg_off.gif) repeat-x;				
				color: #fff;
			}
				#navMain li.currentpage a
				{
					color: #fff;
				}
			#navMain li.activeparent
			{
				background: url(images/site/nav_main_div.gif) repeat-y top right; 
				color: #fff;
			}
				#navMain li.activeparent a
				{
					color: #fff;
				}


/* --------------------------------------------------
	Sub Navigation
   -------------------------------------------------- */

	#navSub ul
	{
		list-style: none;
		margin: 0;
		padding: 0;
		background: none;
		background-image: none;
	}
		#navSub li
		{
			font-size: 1.2em;
			background-image: none;
			padding: 0;
			font-weight: bold;
		}
			#navSub ul li ul
			{
				margin: 0;
				font-size: 0.75em;
				color: #ccc;
			}
			#navSub ul li ul li
			{
				margin: 0;
				background-image: none;
				border-bottom: 1px dotted #ccc;
			}
			#navSub li h3
			{
				font-size: 1em;
				margin: 0;
				padding: 0 1em;
				color: #fff;
				line-height: 2em;
				background: #90cbe7;
				border: 0;
			}
				#navSub ul li ul li h3
				{
					background-image: none;
					line-height: 2em;
					font-weight: bold;
					color: #444;
				}
			#navSub li.currentpage
			{
				color: #444;
				line-height: 2em;
			}
				#navSub li.currentpage a
				{
					color: #000;                                                              
				}
			#navSub li.activeparent
			{
				color: #fff;
				line-height: 2em;
				background: #a5cf4c url(images/site/nav_main_bg_active.gif) repeat-x;
			}
				#navSub li.activeparent a
				{
					color: #fff;	
				}
			/* Might not use this... */
			#navSub li.separator
			{
			}
			#navSub li a
			{

				display: block;
				text-decoration: none;
				color: #868686;
				padding: 0 1.5em;
				line-height: 2em;
			}
				#navSub li a:hover
				{
					line-height: 2em;
					background: url(uploads/images/water_drop.gif) no-repeat left;
				}
				#navSub ul li ul li a
				{
					color: #444 !important;
					font-weight: normal;
					line-height: 2em;
				}
				#navSub ul li ul li a:hover
				{
					background-image: none;
					text-decoration: underline;
					line-height: 2em;
				}

/* --------------------------------------------------
	Tables
   -------------------------------------------------- */
   
   table
	{
		border: 1px solid #c2d2e9;
		background-color: #ffffff;
		font-size: 1.1em;
		border-collapse: collapse;
	}
		.cellHeading
		{
			text-align: left;
			border: 0;
			color: #000;
			background-color: #dfe8f6;
			font-weight: bold;
		}
		td
		{
			text-align: left;
			border: 1px solid #c2d2e9;
		}
		.cellBold
		{
			color: #1f437c;
			font-weight: bold;
			background-color: #dfe8f6;
		}
		.cellAlt
		{
			background-color: #f6f9fe;
		}
		.cellAlignCentre
		{
			text-align: center !important;
		}	

/* --------------------------------------------------
	News
   -------------------------------------------------- */
   
   .NewsSummary
   {
   		margin: 0em;
   }

/* --------------------------------------------------
	Offers Boxes
   -------------------------------------------------- */


	.offer
	{
		margin-bottom: 1em;
	}


/* --------------------------------------------------
    Forms
   -------------------------------------------------- */

    input
    {
		background: #f5f5f5 url(uploads/images/bg_form.gif) repeat-x top left;
		border: 1px solid #e3e3e3;
		padding-left: 0.5em;
		margin-bottom: 0.6em;
    }

/* --------------------------------------------------
    Search
   -------------------------------------------------- */

    .search-input
    {
	margin-right: 0.2em;

    }
    .search-button
    {

    }


/* --------------------------------------------------
    Tables
   -------------------------------------------------- */
   
    table
    {
        border: 1px solid #c2d2e9;
        background-color: #ffffff;
        font-size: 1.1em;
        border-collapse: collapse;
    }
	.cellHeading
	{
	    text-align: left;
	    border: 0;
	    color: #000;
	    background-color: #dfe8f6;
	    font-weight: bold;
	}
        th
        {
            background-color: #5a7499;
            color: #fff;
            font-weight: bold;
            padding: 0.5em;
        }
	td
	{
	    text-align: left;
	    border: 1px solid #c2d2e9;
            padding: 0.5em;
	}
	.cellBold
	{
	    color: #1f437c;
	    font-weight: bold;
	    background-color: #dfe8f6;
	}
        .rowEven
        {
            
        }
	.rowOdd
	{
	    background-color: #f6f9fe;
	}
	.cellAlignCentre
	{
	    text-align: center !important;
	}
        

 .spa_img img
{
border: 2px solid #003366;
}
/* Spa Finder */
#boxSpaFinderLocation, #boxSpaFinderOfferType, #boxSpaFinderSpaCategory
{
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
}
#boxSpaFinderLocation select, #boxSpaFinderOfferType select, #boxSpaFinderSpaCategory select
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 15px;
    font-weight: bold;
}
.offer
{
	margin: 0 auto;
        width: 888px;
	padding: 15px;
	border: 1px solid #017ac8;
	margin-bottom: 20px;
	background: #fff;
}
	.offerTitleWrapper
	{	
		background: #f1f6fc;
		padding: 15px;
		height: 40px;
		margin-bottom: 15px;
	}
	.offerTitle
	{
		float: left;
	}
		.offerTitle h2
		{
			padding: 0;
			margin: 0;
			border: 0;
			font-size: 1.6em;
			color: #017ac8;
		}
		.offerTitle h3
		{
			padding: 0;
			margin: 0;
			color: #006e8d;
			font-size: 1.4em;
		}
	.offerBookNow
	{
		float: right;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 15px;
    font-weight: bold;
	}
	.offerBody
	{
	}
	.offerImage
	{
		width: 150px;
		margin-right: 10px;
		float: left;
	}
	.offerCopy
	{
		width: 518px;
		margin-right: 10px;
		float: left;
	}
	.offerDetails
	{
		float: left;
		width: 200px;
	}
/* End of 'spaweek' */