/* CSS Document */
	body
	{
		width:100%;
		background:transparent url(../../images/lines.gif) repeat-y;
		background:#012B5D url(../css-images/gradient-tile.jpg) top left repeat-x;				
		text-align:center;
	}
/*Define the styling for outermost containing DIV
-----------------------------------------------------------------------*/
	#outerContainer
	{
		width:960px;
		margin:0 auto;/* Set top and bottom margin to zero and the left and right to auto to position center screen */
		background:#415E8A url(../css-images/header-gradient-tile.png) top left repeat-x;				
		text-align:left;/* Set as left to counter the center statement attributed to the body tag */
	position:relative;
    padding-top:104px;
	}
	
/*Define the styling for Branding / Header area
-----------------------------------------------------------------------*/
	#headercontainer 
	{
	    position:absolute;
	    top:0;
	    left:10px;
	    height:104px;
	    width:960px;
	}
	    
	#header 
	{
	    width:960px;
	    height:80px;
	    /*height:104px; TO BE AMENDED TO THIS VALUE WHEN THE NEW TOP TOOLBAR IS INCORPORATED*/
	    margin:0 auto;
	    position:relative;
	}
	
	#header h1, #header div.elhLogo 
	{
	    position:absolute;
	    top:21px;/* Moved for better alignment when the top navigation toolbar is added */
	    left:10px;/* Moved for better alignment when the top navigation toolbar is added */
	    width:282px;
	    height:32px;
	    background: transparent url(../css-images/elh-logo-large.gif) top left no-repeat;
	    z-index:5000;
	}
	
	#header h1 a, #header div.elhLogo a 
	{
	    display:block;
	    width:282px;
	    height:32px;
	    text-indent:-5000px;
	}
	
	
	/* Styling for the top toolbar element */
	div#header ul#toolbar
	{
	   /* position:absolute;
	    bottom:8px;
	    left:0;
	    width:960px;
	    height:48px;
	    border-bottom:1px solid #012B5D;
	    display:none;*//*Reset this to display block once the site is moved over*/
	}
	
	/*div#header ul#toolbar li 
    {
        float:left;
        width:119px;
        height:48px;
        border-right:1px solid #012b5d;
        text-align:center;
        position:relative;
        display:block;
        
    }*/
    
    /*TOOLBAR BACKGROUND IMAGES*/
    
	/*div#header ul#toolbar li a 
    {
       display:block;
       width:119px;
       height:48px;
       text-indent:-5000px;      
    }
	
	div#header ul#toolbar li#home 
    {
       background:transparent url(../css-images/top-toolbar/home-over.png) top left no-repeat;  
    }
    
    div#header ul#toolbar li#home a 
    {
       background:transparent url(../css-images/top-toolbar/home.png) top left no-repeat;   
    }
    
    div#header ul#toolbar li#home a:hover 
    {
       background:transparent none;   
    }
	
	div#header ul#toolbar li#hotels 
    {
       background:transparent url(../css-images/top-toolbar/hotels-over.png) top left no-repeat;  
    }
    
    div#header ul#toolbar li#hotels a 
    {
       background:transparent url(../css-images/top-toolbar/hotels.png) top left no-repeat;   
    }
    
    div#header ul#toolbar li#hotels a:hover 
    {
       background:transparent none;   
    }
    
    div#header ul#toolbar li#restaurants 
    {
       background:transparent url(../css-images/top-toolbar/restaurants-over.png) top left no-repeat;
    }
    
    div#header ul#toolbar li#restaurants a 
    {
       background:transparent url(../css-images/top-toolbar/restaurants.png) top left no-repeat; 
    }
    
    div#header ul#toolbar li#restaurants a:hover 
    {
       background:transparent none; 
    }

    div#header ul#toolbar li#leisure 
    {
       background:transparent url(../css-images/top-toolbar/leisure-over.png) top left no-repeat;
    }
    
    div#header ul#toolbar li#leisure a
    {
       background:transparent url(../css-images/top-toolbar/leisure.png) top left no-repeat;  
    }
    
    div#header ul#toolbar li#leisure a:hover 
    {
       background:none;  
    }
    
    div#header ul#toolbar li#conferenceMenu 
    {
       background:transparent url(../css-images/top-toolbar/conference-over.png) top left no-repeat;
    }
    
    div#header ul#toolbar li#conferenceMenu a 
    {
       background:transparent url(../css-images/top-toolbar/conference.png) top left no-repeat;  
    }
    
    div#header ul#toolbar li#conferenceMenu a:hover 
    {
       background:transparent none;  
    }
    
    div#header ul#toolbar li#christmas 
    {
       background:transparent url(../css-images/top-toolbar/christmas-over.png) top left no-repeat;
    }
    
    div#header ul#toolbar li#christmas a
    {
       background:transparent url(../css-images/top-toolbar/christmas.png) top left no-repeat;
    }
    
    div#header ul#toolbar li#christmas a:hover 
    {
       background:transparent none;
    }
    
    div#header ul#toolbar li#weddings 
    {
       background:transparent url(../css-images/top-toolbar/weddings-over.png) top left no-repeat;
    }
    
    div#header ul#toolbar li#weddings a 
    {
       background:transparent url(../css-images/top-toolbar/weddings.png) top left no-repeat;
    }
    
    div#header ul#toolbar li#weddings a:hover 
    {
       background:transparent none;
    }
    
    div#header ul#toolbar li#offers 
    {
       background:transparent url(../css-images/top-toolbar/offers-over.png) top left no-repeat;  
    }
    
    div#header ul#toolbar li#offers a
    {
       background:transparent url(../css-images/top-toolbar/offers.png) top left no-repeat;  
    }
    
    div#header ul#toolbar li#offers a:hover 
    {
       background:transparent none;  
    }
    
    div#header ul#toolbar li.last 
    {
        width:120px;
        border-right:none;
    }*/
    
    /* Styling for the marker element used to indicate where on the toolbar the present page is grouped to */
    #marker 
	{
	    position:absolute;
	    bottom:0;
	    width:120px;
	    height:8px;
	    background:transparent url(../css-images/toolbar-marker.gif) bottom right no-repeat;
	    display:none;
	}
	    
	.bannerGeneric 
	{
	    width:940px;
	    height:224px;
	}      
		
    /* Define background image for the main site (overridden by themes)
    ---------------------------------------------------------------------------*/
	.elhBanner {
	    background:#000 url(../css-images/banner.jpg) top right;
	    background-position:77% 0;
	}
	.lowwoodBanner {
	    background:#000 url(../css-images/lowwood/lowwood-banner.jpg) top left;
	}
	.lowwoodBeautyBanner {
	    background:#000 url(../css-images/banner.jpg) top right;
	}
	.lancasterBanner {
	    background:#000 url(../css-images/lancaster/lancaster-banner.jpg) top left;
	}
	.waterheadBanner {
	    background:#000 url(../css-images/waterhead/whd-banner.jpg) top right;
	}
	.wildboarBanner {
	    background:#000 url(../css-images/wildboar/banner-wildboar.jpg) top left;
	}
    .midlandBanner {
	    background:#000 url(../css-images/midland/banner.jpg) top left;
	}
	.storrshallBanner {
	    background:#000 url(../css-images/storrshall/storrshall-banner.jpg) top left;
        background-position:86% 0;
	}	
	.partyBanner {
	    background:#000 url(christmas/css-images/party.jpg) top right;
	}
	.beautyBanner {
	    background:#000 url(../../App_Themes/Beauty/css-images/lilly.jpg) top left;
	}
	



/*Define styling for the mainContent div
-----------------------------------------------------------------------*/
	 #mainContent
	 {
	 	position:relative;/*Required in order for any absolutely positioned elements to be positioned relative to this element*/
		width:940px;
		overflow:hidden;/*Required in order for this element to clear any floated elements set within it*/	
		background:#F4F9FF none;
		background:#F4F9FF url(../css-images/main-content-tile.gif) repeat-y;
		background:#F4F9FF url(../css-images/maincontent-gradient-bckgrnd.png) bottom left no-repeat;
		margin:0 10px 0 10px;
		padding:0;
		border-bottom:10px solid #415E8A;
		
	}
		
/*Define styling for the breadcrumb
-----------------------------------------------------------------------*/
	#breadcrumb
	{
	 	position:absolute;
	 	top:;
	 	left:180px;
	 	height:64px;
	 	width:740px;
	 	background:transparent;
	 	overflow:hidden;	 	
	}
	#indent
	{
	    line-height:64px;
	    /*margin-left:-12px;*/
	}

/*Define styling for the menubar
-----------------------------------------------------------------------*/
	#menuBar 
	{
		float:left;
	 	width:160px;
		background-color:transparent;
		margin-top:80px;
	}
	
	#menuBar li 
	{     
	 	border-top:1px solid #FFF;
	 	border-bottom:1px solid #E5F2FF;   
	}
	
	.AspNet-Menu-NonLink /*non-link generated for the side menu*/	
    {
        display:block;
        color:#000;
        background-color: #fff;
        font-weight:bold;
        padding-left:20px;
    }
	
	#menubar li:hover 
	{
	    background-color:#fff;
	}
	
	/*Define the styles for list items that contain images*/
	#menuBar li.button
	{
		border:none;
		margin-top:1em;
	}
	
	/*Remove border from around the linked images*/
	#menuBar li.button img
	{
		border:none;
	}
	
	#menuBar li a
	{
     	display:block;
     	width:140px;
     	padding-left:20px;
		background-color:#F4F9FF;
		color:#515151;
	}
		
	#menuBar li a:hover
	{
     	background-color:#fff;	 
    }

/*Define styling for the subcontent area div
-----------------------------------------------------------------------*/	
	#subcontent {	
		float:right;
		width:260px;
		padding:57px 10px 0 10px;
		background-color:transparent;
		}	
		
/*Define styling for the content area
-----------------------------------------------------------------------*/
	#content 
	{
	   /* width:700px;
	    width:auto;*/
		padding:57px 40px 32px 40px;
		background-color:#FFF;		
		overflow:hidden;
        margin-left:160px;	
		}

/*Define styling for the introduction text block and image at the top of the content div 
-----------------------------------------------------------------------*/
	#intro, .intro {		
		margin:-6px 0 16px 0;
    margin-top:16px;
		padding:10px 10px 32px 20px;
		border:1px solid #E5F2FF;
		background-color:#F6FBFF;
		overflow:hidden;/*Required in order for this element to clear any floated elements set within it*/		
		}
	#intro img.introImage {
	    position:relative; /*IE6 requires position:relative in order to display the image*/
		float:right;
		margin:0 0 6px 12px;
		width:221px;
		height:222px;
		border:1px solid #E5F2FF;
		padding:10px;
		background-color:#FFF;
		}

/*Define styling for the divs within the Venue area on within the content div
-----------------------------------------------------------------------*/
	#venues {
		padding-bottom:2em;/* 32px */
		}		
	#venues li {
		display:block;
		height:1%;/* IE6 requires this in order for it to clear the flaoted images */
		/*border:1px solid #E5F2FF;*/
	border:1px solid #E5E5E5;	
		margin-top:1.937em;/* 31px should be 32px but is set at 31px to take into account the ipx border */				
		padding:1em 16px 0.937em 16px;
		position:relative;
		overflow:hidden;
		}
    #venues li:hover
        {
        /*background-color:#F6FBFF;*/
    background-color:#EFEFEF;
        }		
	#venues li img {
		float:right;
		border:none;
		padding:0 0 1em 16px;
		}
	/*#venues h3, #venues h2, #venues h4 {
		padding-top:2em;/* 32px 
		}*/
		
/*Define styling map used for the Google maps API
-----------------------------------------------------------------------*/
	/*#map {
		border-top:1px solid #99c;
		border-bottom:1px solid #99c;
		width:271px;
		height:222px;
		}*/
	#content div#map {
		border:1px solid #99c;
		margin-top:1em;
		margin-bottom:2em;
		/*width:100%;
		height:444px;*/
		}	
	/*#map.doubleHeight {
		height:574px;
		}
   	#map div.mapinfo {
		width:205px;
		}
	#map div.mapinfo p, #map div.mapinfo h3 {
		width:205px;
		padding-right:0;
		padding-left:0;
		}*/

 /*Formating for the Navigation tool that sits in the outercontainer div 
-----------------------------------------------------------------------*/  
	#footerNavigation 
	{
	    width:auto;
	    padding-left:20px;
	    padding-bottom:32px;
	    overflow:hidden;/*Required in order for this element to clear any floated elements set within it*/
	    background:transparent url(../css-images/ftr-navigation-bckgrnd.png) bottom left no-repeat;
	    position:relative;/*Required in order for the social media links which are absolutely positioned to take their reference from this containing element*/
	    display:none;/*Hide this element from all pages until the site is moved over*/
	}
	
	/*#footerNavigation ul
	{
	    float:left;
	    width:140px;
	    margin-right:20px;
	}
	
    ul#social-media
	{ 
	    position:absolute;
		bottom:10px;
		right:0;
		width:auto;
	}
	    
	ul#social-media li
	{ 
		float:left;
		width:16px;
		margin-left:8px;
	}*/
	
	#footerNavigation ul
	{
	    float:left;
	    width:300px;
	    padding-bottom:16px;
	    padding-top:16px;
	    border-bottom:2px solid #31517f;
	    margin-right:20px;
	}
	
	#footerNavigation ul.half
	{
	    width:140px;
	}  
	
	#footerNavigation ul li
	{
	    width:140px;
	    float:left;
	    /*font-size:10px;
	    line-height:24px;*/
	}
	
	#footerNavigation ul li.title
	{
	    width:300px;
	    /*font-size:12px;
	    line-height:24px;*/
	}
	
	#footerNavigation ul li.extraPadding
	{
	    padding-right:20px;
	}
	
	#footerNavigation ul.half li.title
	{
	    width:140px;  
	}
    	
    /*#footerNavigation ul li a
	{
	    font-weight:normal;
	    color:#CFD7E2;
	    font-size:10px;
	}*/
	
	/*#footerNavigation ul li.title a
	{
	    font-weight:bold;
	    color:#fff;
	}*/
	
	ul#social-media
	{ 
	    position:absolute;
		bottom:10px;
		right:0;
		width:auto;
		border-bottom:none;
		padding-top:0;
		padding-bottom:0;
	}
	    
	ul#social-media li
	{ 
		float:left;
		width:16px;
		margin-left:8px;
	} 

/*Define the styling for the footer 
-----------------------------------------------------------------------*/	
	#footer 
	{
	    margin:0 auto; /*Auto centres the div in the screen*/
    	clear:both;
    	padding-top:32px;
    	width:960px;
    	text-align:center;
		background-color:transparent;
		overflow:hidden;/*Required in order for this element to clear any floated elements set within it*/
	} 

/*Define the styling for the bottom navigation toolbar 
-----------------------------------------------------------------------*/
	
	#footer ul {
		clear:both;
		padding:0;
		}	
		
	#footer ul li {
		display:inline;
		padding:0 5px;
		border-left:1px solid #999;
		}
	
	#footer ul li:first-child {
		border-left:none;
		}
		
	ul#bottomNavigation 
	{
	    display:none;/*Remove these links from view and remove this statement when google translation facility is operable*/
	}
	
/*Define the styling for the legal note at the foot of the page  
-----------------------------------------------------------------------*/
	#legal {	
		padding:8px 40px 16px 40px;
		}		
		
/* styling for the special offers box 
-----------------------------------------------------------------------------------------------------*/	
	#specialoffers {
		border:2px solid #000;
		padding:32px;
		overflow:hidden;
		border:2px solid #E5F2FF;
		background-color:#F6FBFF;
		margin:32px 0;
		}
	#specialoffers img {
		float:right;
		margin-left:32px;
		}
	
	.clear {
		clear:both;
	}
	.left {
		float:left;
		margin-right:1em;
		margin-top:0.437em;
		margin-bottom:1em;
	}
	.right {
		float:right;
		margin-top:0.437em;
		margin-left:1em;
		margin-bottom:1em;
	}
	.hide 
	{
	    display:none;
	}
	/*styling for the star images to right of the hotel name
-----------------------------------------------------------------------*/
	#content img.stars {
		padding:0 0 0 0.5em;
		margin:0;
		border:none;
		vertical-align:middle;
	}
	
	/* Phone icon next to telephone numbers on packages page */
	.phone {
	    margin-left:0px;
	    padding-left:25px;
	    background:url(../css-images/phone_small.gif) no-repeat 0 20%;
	}

	
	#checkAvailability
	{
         position:absolute;
         width:150px;
         z-index:5;
         left:0;
	     top:0;
	     text-align:center;
	     height:31px;
	     padding-top:16px;
    }

#bottomCheckAvailability {
     padding: 40px 0 0 0;
     width:100%;
     height:62px;
     text-align:center;
	 font-style:italic;     
}
	/*styling for the a parent element within the subcontent div, used to 
    place a line between the above and beneath elements
-----------------------------------------------------------------------*/
    	.subBlock 
	{
	    width:260px;
	    background:transparent url(../../../Images/subBlock-lines.gif) bottom left no-repeat;
	    padding-bottom:14px;
	    /*margin-bottom:14px;*/
	}
	
	    div.subBlock+div.subBlock
	{
	    
	    padding-top:14px;
	}
	
	/*styling for the starring of the hotels
-----------------------------------------------------------------------*/	
	.fourstar 
	{
	    padding-right:50px;
	    background:transparent url(../css-images/4star.gif) top right no-repeat;
	    background-position:100% 50%;
	}
	
	.fourstarOneRosette {
        padding-right:64px;
	    background:transparent url(../css-images/4star1rosette.gif) top right no-repeat;
	    background-position:100% 50%;
	}
	
    .fourstarTwoRosette {
        padding-right:75px;
	    background:transparent url(../css-images/4star2rosette.gif) top right no-repeat;
	    background-position:100% 50%;
	}