/* CSS Document */
    
	/* Styling for the top toolbar element */
	div#header ul#toolbar
	{
	    position:absolute;
	    bottom:0;
	    left:0;
	    width:980px;
	    height:48px;
	    display:block;/*Reset this to display block once the site is moved over*/
	}
	
    div#header ul#toolbar li#home,
	div#header ul#toolbar li#hotels,
	div#header ul#toolbar li#restaurants,
	div#header ul#toolbar li#leisure,
	div#header ul#toolbar li#conferenceMenu,
	/*div#header ul#toolbar li#christmas,*/
	div#header ul#toolbar li#celebrationsMenu,
	div#header ul#toolbar li#weddings,
	div#header ul#toolbar li#offers
    {
        float:left;
        width:120px;
        height:48px;
        text-align:center;
        position:relative;
        display:block;
        color:#fff;
    }
    
    /*TOOLBAR BACKGROUND IMAGES*/
    
	div#header ul#toolbar li#home a.levelOne,
	div#header ul#toolbar li#hotels a.levelOne,
	div#header ul#toolbar li#restaurants a.levelOne,
	div#header ul#toolbar li#leisure a.levelOne,
	div#header ul#toolbar li#conferenceMenu a.levelOne,
	/*div#header ul#toolbar li#christmas a.levelOne,*/
	div#header ul#toolbar li#celebrationsMenu a.levelOne,
	div#header ul#toolbar li#weddings a.levelOne,
	div#header ul#toolbar li#offers a.levelOne
    {
       display:block;
       width:120px;
       height:48px;
       text-indent:-5000px;
    }
	
	div#header ul#toolbar li#home 
    {
       background:transparent url(../../css-images/toolbar/home-over.png) top right no-repeat;
       width:130px;   
    }
    
    div#header ul#toolbar li#home a.levelOne
    {
       background:transparent url(../../css-images/toolbar/home.png) top right no-repeat;
       width:130px;   
    }
    	
	div#header ul#toolbar li#hotels 
    {
       background:transparent url(../../css-images/toolbar/hotels-over.png) top right no-repeat;  
    }
    
    div#header ul#toolbar li#hotels a.levelOne 
    {
       background:transparent url(../../css-images/toolbar/hotels.png) top right no-repeat;   
    }
    
    div#header ul#toolbar li#restaurants 
    {
       background:transparent url(../../css-images/toolbar/restaurants-over.png) top right no-repeat;
    }
    
    div#header ul#toolbar li#restaurants a.levelOne 
    {
       background:transparent url(../../css-images/toolbar/restaurants.png) top right no-repeat; 
    }

    div#header ul#toolbar li#leisure 
    {
       background:transparent url(../../css-images/toolbar/leisure-over.png) top right no-repeat;
    }
    
    div#header ul#toolbar li#leisure a.levelOne
    {
       background:transparent url(../../css-images/toolbar/leisure.png) top right no-repeat;   
    }
    
    div#header ul#toolbar li#conferenceMenu 
    {
       background:transparent url(../../css-images/toolbar/conference-over.png) top right no-repeat;
    }
    
    div#header ul#toolbar li#conferenceMenu a.levelOne 
    {
       background:transparent url(../../css-images/toolbar/conference.png) top right no-repeat;  
    }
    
    /*div#header ul#toolbar li#christmas 
    {
       background:transparent url(../../css-images/toolbar/christmas-over.png) top right no-repeat;
    }
    
    div#header ul#toolbar li#christmas a.levelOne
    {
       background:transparent url(../../css-images/toolbar/christmas.png) top right no-repeat;
    }*/
    
    div#header ul#toolbar li#celebrationsMenu 
    {
       background:transparent url(../../css-images/toolbar/celebrations-over.png) top right no-repeat;
    }
    
    div#header ul#toolbar li#celebrationsMenu a.levelOne
    {
       background:transparent url(../../css-images/toolbar/celebrations.png) top right no-repeat;
    }
    
    div#header ul#toolbar li#weddings 
    {
       background:transparent url(../../css-images/toolbar/weddings-over.png) top right no-repeat;
    }
    
    div#header ul#toolbar li#weddings a.levelOne 
    {
       background:transparent url(../../css-images/toolbar/weddings.png) top right no-repeat;
    }
    
    div#header ul#toolbar li#offers 
    {
       background:transparent url(../../css-images/toolbar/offers-over.png) top right no-repeat;
       width:130px;   
    }
    
    div#header ul#toolbar li#offers a.levelOne
    {
       background:transparent url(../../css-images/toolbar/offers.png) top right no-repeat;
       width:130px;  
    }
    
    div#header ul#toolbar li#home a.levelOne:hover,
    div#header ul#toolbar li#hotels a.levelOne:hover,
    div#header ul#toolbar li#restaurants a.levelOne:hover,
    div#header ul#toolbar li#leisure a.levelOne:hover,
    div#header ul#toolbar li#conferenceMenu a.levelOne:hover,
    /*div#header ul#toolbar li#christmas a.levelOne:hover,*/
    div#header ul#toolbar li#celebrationsMenu a.levelOne:hover,
    div#header ul#toolbar li#weddings a.levelOne:hover,
    div#header ul#toolbar li#offers a.levelOne:hover 
    {
       background:transparent none;  
    }
    
    div#header ul#toolbar li.last 
    {
        width:120px;
        border-right:none;
    }

    /*MEGAMENU*/
    
    div.megamenu {
	    position:absolute;
	    width:520px;
	    height:auto;
	    overflow:hidden;
	    top:36px;
	    margin-left:-140px;
	    z-index:1000;
	    display:none;
	    text-align:left;
    }
    
    div.megamenuInner 
    {
        width:500px;
        padding:0 10px 10px 10px;
        background: transparent url(../../css-images/megamenu/transparent-tile.png) top left repeat;
        overflow:hidden;
    }
    
    div#header ul#toolbar li#offers div.megamenu 
    {
        width:280px;
    }
    
    div#header ul#toolbar li#offers div.megamenu div.megamenuInner
    {
        width:260px;
    }
    
    div.megamenuInnerInner 
    {
        width:auto;
        border:1px solid #E5E5E5;
        padding:10px 10px 12px 10px;
        background: #fff url(../../css-images/megamenu/gradient-tile.png) top left repeat-x;
        overflow:hidden;
    }
    
    div.arrow 
    {
      background: transparent url(../../css-images/megamenu/arrow.png) top left no-repeat;
      background-position:-300px center;
      height:20px;
      width:100%;
    }
    
    div#header ul#toolbar li#weddings div.megamenu div.arrow {
	   background-position:-180px center;/**/
    }
    
    div#header ul#toolbar li#weddings div.megamenu {
	   margin-left:-260px;/*Additional negative margin added so that the menu doesn't run beyond the browser window*/
    }
    
/*COMMENT THIS OUT WHEN THE JAVACSCRIPT IS ADDED*/
    ul#toolbar li:hover div.megamenu {
	    display:block;
    }

    div#header ul#toolbar li div.megamenu div.megamenuInner div.megamenuInnerInner ul.liststyle
    {
        height:auto;
        float:left;
    }
    
    div#header ul#toolbar li div.megamenu div.megamenuInner div.megamenuInnerInner ul.firstCol
    {
        width:240px;
        border-right:1px solid #ccc;
    }
    
    div#header ul#toolbar li#offers div.megamenu div.megamenuInner div.megamenuInnerInner ul.firstCol
    {
        border-right:none;
    }
    
    div#header ul#toolbar li div.megamenu div.megamenuInner div.megamenuInnerInner ul.secondCol
    {
        width:230px;
        padding-left:10px;
    }
    
    div#header ul#toolbar li div.megamenu div.megamenuInner div.megamenuInnerInner ul.liststyle li 
    {
        width:100%;
        height:30px;
        border-right:none;
        float:none;
        color:#000;
        text-align:left;
    }
    
div#header ul#toolbar li div.megamenu div.megamenuInner div.megamenuInnerInner ul li
{
    line-height:1.75em;
}
    
    div#header ul#toolbar li div.megamenu div.megamenuInner div.megamenuInnerInner ul.liststyle li.colTitle
    {
        font-size:1em;
        font-weight:bolder;
    }
    
    div#header ul#toolbar li div.megamenu div.megamenuInner div.megamenuInnerInner ul.boxformat li span.colTitle
    {
        font-size:1.2em;
        font-weight:bolder;
    }
    
    div#header ul#toolbar li div.megamenu div.megamenuInner div.megamenuInnerInner ul.boxformat li span.colTitle a,
    div#header ul#toolbar li div.megamenu div.megamenuInner div.megamenuInnerInner ul.boxformat li a
    {
        color: #3165FF;
    }
    div#header ul#toolbar li div.megamenu div.megamenuInner div.megamenuInnerInner ul.liststyle li a 
    {
        text-indent:0;
        color:#3165FF;
        width:100%;
    }
    
    div#header ul#toolbar li#hotels div.megamenu div.megamenuInner div.megamenuInnerInner ul.boxformat li,
    div#header ul#toolbar li#restaurants div.megamenu div.megamenuInner div.megamenuInnerInner ul.boxformat li,
    div#header ul#toolbar li#leisure div.megamenu div.megamenuInner div.megamenuInnerInner ul.boxformat li,
    div#header ul#toolbar li#conferenceMenu div.megamenu div.megamenuInner div.megamenuInnerInner ul li,
    /*div#header ul#toolbar li#christmas div.megamenu div.megamenuInner div.megamenuInnerInner ul li,*/
    div#header ul#toolbar li#celebrationsMenu div.megamenu div.megamenuInner div.megamenuInnerInner ul li,
    div#header ul#toolbar li#weddings div.megamenu div.megamenuInner div.megamenuInnerInner ul li
    {
	    float:left;
	    position:relative;
	    width:217px;
	    padding:4px 4px 4px 4px;
	    border:4px solid transparent;
	    height:64px;
	    text-align:left;
	    color:#666;
	    text-indent:0px;
    }

    div#header ul#toolbar li#hotels div.megamenu div.megamenuInner div.megamenuInnerInner ul.boxformat li:hover,
    div#header ul#toolbar li#restaurants div.megamenu div.megamenuInner div.megamenuInnerInner ul.boxformat li:hover,
    div#header ul#toolbar li#leisure div.megamenu div.megamenuInner div.megamenuInnerInner ul.boxformat li:hover,
    div#header ul#toolbar li#conferenceMenu div.megamenu div.megamenuInner div.megamenuInnerInner ul li:hover,
    /*div#header ul#toolbar li#christmas div.megamenu div.megamenuInner div.megamenuInnerInner ul li:hover,*/
    div#header ul#toolbar li#celebrationsMenu div.megamenu div.megamenuInner div.megamenuInnerInner ul li:hover,
    div#header ul#toolbar li#weddings div.megamenu div.megamenuInner div.megamenuInnerInner ul li:hover {
	    border:4px solid #D9D9D9;
	    /*background: #FFF url(styles/css-images/megamenu/li-bckgrnd-tile.png) top left repeat-x;*/
	    background:#fff none;
    }

    div#header ul#toolbar li#hotels div.megamenu div.megamenuInner div.megamenuInnerInner ul.boxformat li span.block,
    div#header ul#toolbar li#restaurants div.megamenu div.megamenuInner div.megamenuInnerInner ul.boxformat li span.block,
    div#header ul#toolbar li#leisure div.megamenu div.megamenuInner div.megamenuInnerInner ul.boxformat li span.block,
    div#header ul#toolbar li#conferenceMenu div.megamenu div.megamenuInner div.megamenuInnerInner ul li span.block,
    /*div#header ul#toolbar li#christmas div.megamenu div.megamenuInner div.megamenuInnerInner ul li span.block,#*/
    div#header ul#toolbar li#celebrationsMenu div.megamenu div.megamenuInner div.megamenuInnerInner ul li span.block,
    div#header ul#toolbar li#weddings div.megamenu div.megamenuInner div.megamenuInnerInner ul li span.block {
	    display:block;
	    width:222px;
	    height:64px;
	    color:#666;
	    text-decoration:none;
	    text-indent:0px;/*zeroes out the indent set in the parent list item*/
	    background-image:none;/*cancels the statement set for the parent list item*/
    }

    div#header ul#toolbar li#hotels div.megamenu div.megamenuInner div.megamenuInnerInner ul.boxformat li img,
    div#header ul#toolbar li#restaurants div.megamenu div.megamenuInner div.megamenuInnerInner ul.boxformat li img,
    div#header ul#toolbar li#leisure div.megamenu div.megamenuInner div.megamenuInnerInner ul.boxformat li img,
    div#header ul#toolbar li#conferenceMenu div.megamenu div.megamenuInner div.megamenuInnerInner ul li img,
    /*div#header ul#toolbar li#christmas div.megamenu div.megamenuInner div.megamenuInnerInner ul.boxformat li img,*/
    div#header ul#toolbar li#celebrationsMenu div.megamenu div.megamenuInner div.megamenuInnerInner ul.boxformat li img,
    div#header ul#toolbar li#weddings div.megamenu div.megamenuInner div.megamenuInnerInner ul.boxformat li img {
	    float:left;
	    margin-right:10px;
    }

    div#header ul#toolbar li div.megamenu div.megamenuInner div.megamenuInnerInner ul.boxformat li a span.title,
    div#header ul#toolbar li#conferenceMenu div.megamenu div.megamenuInner div.megamenuInnerInner ul li a span.title
    {
	    font-weight:bolder;
	    color:#000;
    }
