/* CSS Document */

/*Once all the files are moved over to the new style move these statements into the layout css file*/  
	
	#header 
	{
	    height:104px;
	}
	
	#menuBar 
	{
	    display:none;
	}

	div.bannerGeneric 
	{
	    width:940px;
	    height:336px;
	    padding:8px 10px 16px 10px;
	    background: #fff url(../css-images/bckgrnd-top.png) top left no-repeat;
	}
	
	div.bannerGeneric h1 /* PLACE IN TYPOGRAPHY STYLESHEET*/
	{
	    padding-top:0.888em;/* 16px */
	}
		
	/* Styling for the container of the gallery images*/
	#galleryContainer
	{
	    float:left;
	    width:620px;
	    height:336px;
	    margin-right:20px;
	    position:relative;
	}
	
	#RoundedcornerTL 
	{
	    position:absolute;
	    top:0;
	    left:0;
	    height:10px;
	    width:10px;
	    background:transparent url(../css-images/corner.png) top left no-repeat; 
	    z-index:10;
	}
	
	#Confintroduction 
	{
	    float:left;
	    width:300px;
	}

/*STYLING FOR THE INTRODUCTION TEXT SCREEN TOP RIGHT*/
		 .introduction 
	    {
	        background-color:transparent;
	        float:left;
	        width:290px;
	    }
	    
	    .introductionText 
	    {
	        height:296px;
	    }
	
	#mainContent
	{
	 	width:960px;
	 	background:#FFF url(../css-images/maincontent-gradient-bckgrnd.png) bottom left no-repeat;
    background:#FFF url(../css-images/offers-strip/maincontent-gradient-bckgrnd.png) bottom left no-repeat;
    background:#FFF url(../css-images/maincontent-bckgrnd.png) bottom left no-repeat;
	 	padding-bottom:32px;
	}
	
	#breadcrumb 
	{
	    display:none;/* presently don't display */
	}
	
	#outerContainer
	{
		width:980px;
	}
	
	/* Styling for the top toolbar element */
	div#header ul#toolbar
	{
	    display:block;/* Reveal the toolbar until the main layout style sheet is set to display this element */
	}
	
	#content
	{
		width:540px;
		margin-left:10px;
		padding-top:15px;
	padding-top:34px;
		padding-right:40px;
		padding-left:40px;
		border-top:1px solid #E5E5E5;
		background:transparent url(../css-images/content-gradient-bckgrnd.png) top left no-repeat;
	}

	
	#subcontent
	{	
		width:280px;
		margin-right:10px;
		padding-right:20px;
		padding-left:20px;
		padding-top:32px;
		border-top:1px solid #E5E5E5;
		background:transparent url(../css-images/subcontent-gradient-bckgrnd.png) top left no-repeat;
	}
	
		#footerNavigation 
	{
	    display:block;/*Reveal this element, remove this statement once the site is moved over*/
	}

	#map 
	{
	    width:280px;
	    height:288px;
	}
	
	#legal {	
		padding-top:0;
    }
    
    table.table {
		background-color:#F3F1F3;
		border:1px solid #FFF;
	}
	
	table.table th {
		background-color:#E7E3E7;
	}

/*Styling for the check availability box and button*/

    div#subcontent div#checkAvailabilityButton  
	{
	  border:2px solid #E5e5e5;
	  margin:0 0 16px 0;
	  padding:14px 14px 0 14px;/*the padding added to the border equal the line height*/
	  background-color:#fff;
	  text-align:center;  
	}
	
	div#subcontent div#checkAvailabilityButton h3
	{
	  color:#000;  
	}
	
	div#subcontent div#checkAvailabilityButton a 
	{
	  display:block;
	  height:32px;
	height:40px;  
	  width:248px;
	width:248px;  
	  text-indent:-5000px;
	  margin-top:16px;
	  background: #fff url(../css-images/check-availability-over.gif) top left no-repeat;
	background:transparent url(../css-images/check-availability-green.gif) 50% top no-repeat;
	}
	
	div#subcontent div#checkAvailabilityButton a:hover 
	{
	  background: #fff url(../css-images/check-availability.gif) top left no-repeat;
	background: #fff url(../css-images/check-availability-over-green.gif) 50% top no-repeat; 
	}
	
/*Styling for the check availablity button*/
	    
	    a.availability-checker
	    {
	        display:block;
	        height:40px;
	        width:180px;
	        background:transparent url(../css-images/check-availability-over-green.gif) top left no-repeat;
	        text-align:center;
	    }
	    
	    div#content a.availability-checker
	    {
	        margin-left:180px;
	    }
	    
	    a.availability-checker span
	    {
	        display:block;
	        height:40px;
	        width:180px;
	        background:transparent url(../css-images/check-availability-green.gif) top left no-repeat;
	        text-indent:-20000px;
	    }
	    
	    a.availability-checker span:hover
	    {
	        background:transparent none;
	    }
	
/*Styling for the tabbed box used in the subcontent div*/	
		div.tabs  {
	        margin-bottom:32px;
		    border: 1px solid #e5e5e5;
		    background-color:#fff;
		}
		
		ul.tabNavigation {
		    margin: 0;
		    padding: 0;
		    overflow:hidden;
		}

		ul.tabNavigation li {
		    display: block;
		    float:left;
		    line-height:16px;
		    padding:0;
		    margin:0;
		    text-align:center;
		}

		ul.tabNavigation li a {
		    display: block;
		    width:92px;
		    height:16px;
		    padding: 4px 0 4px 0;
		    background-color: #efefef;
		    text-decoration: none;
		}

		ul.tabNavigation li a:hover {
		    background-color: #f7f7f7;
		}
		
		ul.tabNavigation li a.selected {
		    background-color: #FFF;
		    width:94px;
		    color: #000;
		}
		
		ul.tabNavigation li a.selected {
		    margin-top:0;
		    font-weight:bold;
		}
		
		ul.tabNavigation li a:focus {
			outline: 0;
		}

		div.tabs > div h2, div.tabs > div h3 {
			clear:both;
			margin-top: 0;
		}
		
		div.tabs div#first h3, div.tabs div#second h3, div.tabs div#third h3  {
			margin-top: 0;
			padding-top:0;
		}
		
		div.tabs div {
	        padding:0 10px 0 10px;
		}
		
/* STYLING FOR THE PROMOTIONAL STRIP AREA */		
    ul#promotionStrip 
    {
        width:100%;
        padding-top:30px;
        padding-left:8px;
        padding-bottom:16px;
        border-top:2px solid #ccc;
        overflow:hidden;
    }

    ul#promotionStrip li
    {
        width:224px;
        height:138px;
        float:left;
        padding-right:16px;
    }

    ul#promotionStrip li.last
    {
        padding-right:0;
    }

    ul#promotionStrip li a
    {
        display:block;
        width:224px;
        height:138px;
        text-indent:-5000px;
    }

/* VOUCHERS */
    
    ul#promotionStrip li#vouchers 
    {
        background:transparent url(../css-images/promos/vouchers-over.jpg) top left no-repeat;
    }

    ul#promotionStrip li#vouchers a 
    {
        background:transparent url(../css-images/promos/vouchers.jpg) top left no-repeat;
    }

    ul#promotionStrip li#vouchers a:hover 
    {
        background:transparent none;
    }

/* LODGES */    
    
    ul#promotionStrip li#lodges 
    {
        background:transparent url(../css-images/promos/lodges-over.jpg) top left no-repeat;
    }

    ul#promotionStrip li#lodges a 
    {
        background:transparent url(../css-images/promos/lodges.jpg) top left no-repeat;
    }

    ul#promotionStrip li#lodges a:hover 
    {
        background:transparent none;
    }

    ul#promotionStrip li#tenpound 
    {
        background:transparent url(../css-images/promos/ten-pound-offer-over.jpg) top left no-repeat;
    }

    ul#promotionStrip li#tenpound a 
    {
        background:transparent url(../css-images/promos/ten-pound-offer.jpg) top left no-repeat;
    }

    ul#promotionStrip li#tenpound a:hover 
    {
        background:transparent none;
    }

    ul#promotionStrip li#bookOnline 
    {
        background:transparent url(../css-images/promos/book-online-over.jpg) top left no-repeat;
    }

    ul#promotionStrip li#bookOnline a 
    {
        background:transparent url(../css-images/promos/book-online.jpg) top left no-repeat;
    }

    ul#promotionStrip li#bookOnline a:hover 
    {
        background:transparent none;
    }

    ul#promotionStrip li#partyNights 
    {
        background:transparent url(../css-images/promos/party-over.jpg) top left no-repeat;
    }

    ul#promotionStrip li#partyNights a 
    {
        background:transparent url(../css-images/promos/party.jpg) top left no-repeat;
    }

    ul#promotionStrip li#partyNights a:hover 
    {
        background:transparent none;
    }


    ul#promotionStrip li#christmasPromo 
    {
        background:transparent url(../css-images/promos/christmas-over.jpg) top left no-repeat;
    }

    ul#promotionStrip li#christmasPromo a 
    {
        background:transparent url(../css-images/promos/christmas.jpg) top left no-repeat;
    }

    ul#promotionStrip li#christmasPromo a:hover 
    {
        background:transparent none;
    }
    
    ul#promotionStrip li#specialOffersPromo 
    {
        background:transparent url(../css-images/promos/special-offers-over.jpg) top left no-repeat;
    }

    ul#promotionStrip li#specialOffersPromo a 
    {
        background:transparent url(../css-images/promos/special-offers.jpg) top left no-repeat;
    }

    ul#promotionStrip li#specialOffersPromo a:hover 
    {
        background:transparent none;
    }
    
    ul#promotionStrip li#specialPackagesPromo 
    {
        background:transparent url(../css-images/promos/special-packages-over.jpg) top left no-repeat;
    }

    ul#promotionStrip li#specialPackagesPromo a 
    {
        background:transparent url(../css-images/promos/special-packages.jpg) top left no-repeat;
    }

    ul#promotionStrip li#specialPackagesPromo a:hover 
    {
        background:transparent none;
    }
    
    ul#promotionStrip li#weddingFayrePromo 
    {
        background:transparent url(../css-images/promos/wedding-fayres-over.jpg) top left no-repeat;
    }

    ul#promotionStrip li#weddingFayrePromo a 
    {
        background:transparent url(../css-images/promos/wedding-fayres.jpg) top left no-repeat;
    }

    ul#promotionStrip li#weddingFayrePromo a:hover 
    {
        background:transparent none;
    }
    
    ul#promotionStrip li#wildboarPromo 
    {
        background:transparent url(../css-images/promos/wbh-over.jpg) top left no-repeat;
    }

    ul#promotionStrip li#wildboarPromo a 
    {
        background:transparent url(../css-images/promos/wbh.jpg) top left no-repeat;
    }

    ul#promotionStrip li#wildboarPromo a:hover 
    {
        background:transparent none;
    }
    
    ul#promotionStrip li#waterheadPromo 
    {
        background:transparent url(../css-images/promos/whd-over.jpg) top left no-repeat;
    }

    ul#promotionStrip li#waterheadPromo a 
    {
        background:transparent url(../css-images/promos/whd.jpg) top left no-repeat;
    }

    ul#promotionStrip li#waterheadPromo a:hover 
    {
        background:transparent none;
    }
    
    /* STYLING FOR THE PROMOTIONS IN THE SUBCONTENT DIV */
    
    /* VOUCHERS */
    
    div#subcontent a.buyVouchers 
    {
        display:block;
        width:280px;
        height:160px;
        margin-bottom:16px;
        background: transparent url(../css-images/promotional-artwork/subcontent/vouchers-over-bckgrnd.png) top left no-repeat; 
    }
    
    div#subcontent a.buyVouchers span
    {
        display:block;
        width:280px;
        height:160px;
        background: transparent url(../css-images/promotional-artwork/subcontent/vouchers-bckgrnd.png) top left no-repeat;
        text-indent:-5000px; 
    }
    
    div#subcontent a.buyVouchers:hover span
    {
        background: transparent none;  
    }
    
    /* LODGES */
    
    div#subcontent a.selfCatering 
    {
        display:block;
        width:280px;
        height:164px;
        margin-bottom:16px;
        background: transparent url(../css-images/promos/subcontent/lodges-over.jpg) top left no-repeat; 
    }
    
    div#subcontent a.selfCatering span
    {
        display:block;
        width:280px;
        height:164px;
        background: transparent url(../css-images/promos/subcontent/lodges.jpg) top left no-repeat;
        text-indent:-5000px; 
    }
    
    /* STYLING FOR THE EMAIL SIGNUP IN THE SUBCONTENT DIV */
    
    div#subcontent a.selfCatering:hover span
    {
        background: transparent none;  
    }
    
    div#subcontent div.emailsignup  
	    {
	      border:2px solid #E5e5e5;
	      margin:0 0 16px 0;
	      padding:14px 14px 0 14px;/*the padding added to the border equal the line height*/
	      background:#fff url(../css-images/email-signup-gradient-bckgrnd.png) bottom left repeat-x;
	      text-align:center;  
	    }
	    
	    div#subcontent div.emailsignup img
	    {
	      margin-bottom:16px;
	  margin-bottom:0px; 
	    }
	    
	    div#subcontent div.emailsignup h3
	    {
	      color:#000; 
	    }
	    
	    div#subcontent div.emailsignup strong.fauxlink 
	    {
	      text-decoration:none;
	      color:#3D6EFF; 
	    }
	    
	    div#subcontent div.emailsignup:hover  
	    {
	      cursor:pointer;
	      background-image:none;
	      text-decoration:none; /*overides IE which adds underlines*/
	    }
	    
	    div#subcontent a div.emailsignup:hover strong.fauxlink  
	    {
	      text-decoration:underline; /*overides IE which adds underlines*/
	    }
	    
	    div.telephoneOuter
        {
            margin:16px 0 16px 0;
            border:2px solid #e5e5e5;
            padding:6px 18px 0 18px;
            background:#fff url(../css-images/email-signup-gradient-bckgrnd.png) bottom left repeat-x;
            background-position:-64px 0;  
        }
    
        div.telephoneOuter p.telephone 
        {
            background: transparent url(../css-images/telephone.gif) top left no-repeat;
            padding-left:60px;
            /*color:#000;
            font-size:20px;*/
            display:block;
            height:64px;
            /*line-height:42px;
            padding-bottom:0;*/
        }
    
        /*div.telephoneOuter p.telephone + P 
        {
            display:none;
        }*/
        
    /* STYLING FOR THE OFFER STRIP THAT SITS ABOVE THE FOOTER */
    
    ul#offers-strip 
        {
            /*width:941px;*/
        width:960px;
            padding-top:16px;
            /*margin-left:10px;*/
        margin-left:0px;
        padding-left:0;
        background:transparent url(../styles/css-images/offers-strip/gradient-tile.jpg) top left repeat-x;
        background-position:0 17px;
            overflow:hidden;
            margin-bottom:-24px;
        }
        
     ul#offers-strip li 
     {
         float:left;
         /*width:312px;*/
     width:319px;
         height:128px;
         border-top:1px solid #e5e5e5;
         border-right:1px solid #E5E5E5;
         position:relative;
         background:transparent url(../css-images/offers-strip/gradient-tile.jpg) top left repeat-x;
     }
     
     ul#offers-strip li#last 
     {
         /*width:314px;*/
     width:320px;
         border-right:none;
     }
     
     ul#offers-strip li:hover 
     {
         background:transparent url(../css-images/offers-strip/gradient-tile-over.jpg) top left repeat-x;
     }
     
     ul#offers-strip li a
     {
         display:block;
         color:#333;
         border-top:1px solid #fff;
         /*width:171px;*/
     width:179px;
         height:118px;
         padding-left:120px;
         padding-top:10px;
         padding-right:20px;
     }
     
     ul#offers-strip li#last  a
     {
         /*width:173px;*/
         width:180px;
     }
     
     ul#offers-strip li a span.Offertitle
     {
         font-weight:bold;
         color:#000;
     }
     
     ul#offers-strip li a:hover
     {
         text-decoration:none;
     }
     
     ul#offers-strip li a img.offersImage 
     {
         position:absolute;
         top:-6px;
         left:0;
     }
     
     ul#offers-strip li a img.vouchersImage 
     {
         position:absolute;
         top:28px;
         /*left:7px;*/
         left:11px;
     }
     
     ul#offers-strip li a img.relishImage 
     {
         position:absolute;
         top:28px;
         /*left:12px;*/
         left:11px;
     }
     
     /* STYLING FOR THE LOGOS USED ON THE ENVIRONMENT SECTION AND THE LWD HOMEPAGE */
     
     div#subcontent img#green-tourism-logo, div#subcontent img#green-champions-logo 
	 {
	     margin:32px 0 0 60px;
	     border:none;
	 }
	 
	div#subcontent img#small-green-tourism-logo 
    {
         margin:32px 0 0 90px;
	     border:none;
    }
    
    /* STYLING FOR THE FANCYBOX IMAGE GALLERIES */
    
    .enlargeImage 
    {
         display:block;
         background:transparent url(../css-images/magnifying-glass.png) bottom left no-repeat;
         
    }
    
    .landscapeImage 
    {
         width:120px;
         height:80px;
         padding:0 10px 26px 0;
         margin-bottom:0;
         background-position:0 84px;
    }
    
    .portraitImage 
    {
         width:120px;
         height:160px;
         padding:0 10px 32px 0;
         margin-bottom:0;
         margin-top:0;
         background-position:0 170px;
    }