/* CSS Document */

	/*div.bannerGeneric 
	{
	    background: #fff url(../css-images/offers/montage-header.jpg) top left no-repeat;
	}*/
	
	/*#marker 
	{
	    left:840px;
	    display:block;
	}*/

	/*styling for the ten pound room offer on the offers home page*/
	/*#tenpound 
	{
	  padding-bottom:40px;
	  border-bottom:1px solid #E5E5E5;
	  margin-bottom:7px;
	  background:transparent url(../css-images/offers/queens-head-strip-bckgrnd.jpg) bottom left no-repeat;
	  overflow:hidden; 
	}*/

	/*#specialPackageDeals, #offersByEmail 
	{
	  border-bottom:1px solid #E5E5E5;
	  margin-bottom:7px;
	  overflow:hidden; 
	}*/
	
	/*styling for the list elements on the special packages page*/
	/*.TitleHilight 
	{
	display:block;
	width:auto;
	height:auto;
	padding-left:10px;
	background-color:#E5E5E5;
	color:#000;	
	}*/
	
	/*styling for divs on the index page*/
	div.outlined 
    {
        margin:16px 0 16px 0;
        border:2px solid #e5e5e5;
        padding:6px 18px 0 18px;
        background-color:#fff;  
    }
        
    div.outlined img.supersavers
    {
        width:536px;
        margin-left:-10px;
        margin-left:-18px;
        margin-right:0;
        margin-right:-18px;
    }
        
    div.outlined img.right
    {
        margin-top:36px;
    }    
        
    .easter
    {
        background:#fff url(../../css-images/offers/easter-eggs.jpg) bottom center no-repeat;
        padding-bottom:208px;
    } 
    
/*styling packages page
-------------------------------------------------------------------*/  
            
    #content ul 
    {
        overflow:hidden;
    }
  
    li.packageOffer
    {
        width:420px;
        background-color:#FFF;
        overflow:hidden;
        float:left;
        margin-bottom:16px;
        margin-right:18px;
        margin-top:0;
        border:1px solid #e5e5e5;
    }
        
    .top
    {
        width:380px;
        margin:10px;
        margin-bottom:0;
        padding:10px;
        border:1px solid #e5e5e5;
        border-bottom:none;
        background:#fff url(../styles/css-images/package-offers/modal-gradient.png) top left repeat-x;
    }
    
    .top p 
    {
        padding-bottom:0;
    }
        
        
    .top p.summary
    {
        height:4em;/* 96px */
        overflow:hidden;
    }
        
    .top h3
    {
        color:#000;
        width:380px;
        font-size:1em;/* 12px */
        height:2.285em;/* 32px */
        height:2em;
        line-height:2em;
        overflow:hidden;
        padding-top:0;
        margin-top:0;
    }
        
    .bottom 
    {
        background-image:none;
        background-color:#F8F8F8;
        border:1px solid #e5e5e5;
        width:380px;
        padding:8px 10px 8px 10px;
        margin:10px;
        margin-top:0;
    }
        
    span.phone
    {
        font-size:11px;
    }
        
    .image 
    {
        float:right;
        width:74px;
        height:48px;
    }
        
    .modalBackground 
    {
        background-color:#000000;
        filter:alpha(opacity=80);
        opacity:0.8;
    }

    .modalPopup 
    {
        width:720px;
        height:auto;
        padding:0;
        border:none;
        height:auto;
        background-color:transparent;
        background-image:none;
        color:#666666;
        position:relative;
    }
        
    div.modaltop
    {
        width:700px;
        padding:10px 10px 0 10px;
        background:transparent url(../../css-images/package-offers/modal-top-rounded-crns.gif) top left no-repeat;
    }
        
    div.modalbottom
    {
        width:700px;
        padding:0 10px 32px 10px;
        background:transparent url(../../css-images/package-offers/modal-bottom-rounded-crns.gif) bottom left no-repeat;
    }
        
    div.modaltop div.modalPopupInner
    {
        width:678px;
        background:#fff url(../../css-images/package-offers/modal-gradient.png) top left repeat-x;
        border-bottom:none;
        padding:10px;
    }
        
    div.modaltop div.modalPopupInner p.summary
    {
        padding-bottom:0;
        margin-bottom:-1.333em;/* -16px */
        padding-top:0.666em;/* 8px */
        font-weight:bold;
        font-style:italic;
    }
        
    div.modaltop div.modalPopupInner h3
    {
        font-size:1.166em;/* 14px */
        width:auto;
    }
        
    div.modalbottom div.modalPopupInner
    {
        background-color:#F8F8F8;
        border:1px solid #e5e5e5;
        padding:10px;
        overflow:hidden;
    }
        
    div.modalbottom div.modalPopupInner img
    {
        float:right;
        width:74px;
        height:48px;
    }
        
    .close 
    {
       position:absolute;
       bottom:10px;
       left:20px;
       font-weight:bold;
    }