/* For One Night Sat, Storrs Child and Today checks in search */
#disabledDate
{
	font-weight:bold;
	color:Maroon ;
}
#oneNightSatWarn 
{
	font-weight:bold;
	color:Orange;
}
#oneNightSatStop 
{
	font-weight:bold;
	color:Orange;
}
#storrsChild 
{
	font-weight:bold;
	color:green;
}
#bookToday 
{
	font-weight:bold;
	color:blue;
}


#CreditCardIssueNumberTextBox:disabled 
{
	border-color:Gray;
}


/* CSS Document */
html{
	 margin:0;
	 padding:0;
	 height:100%;
	 }
body{
     margin:0;
	 padding:0;
	 height:100%;
	 width:100%;
	 background:#ffffff url(Images/blue-strip.gif) repeat-y;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size:small;
	 color: #000033;
	 }	 

h1 {  
     font-size: 140%;
    letter-spacing:0.1em;	 
}
h2 {  
     font-size: 120%;
     letter-spacing:0.1em;
     padding:0;
     margin:1em 0 0 0;	 
} 
h3 { 
     font-size: 110%;
     letter-spacing:0.1em;
      padding:0;
      margin:1em 0 0 0;
} 
h4 { 
     font-size: 100%;
}
.bold {
     font-weight:bold;
     color:Black;
}
.plain {
     font-weight:400;
	 font-size:smaller
}	
p { 
     font-size: 90%;
     line-height:150%;
     padding:0;
     margin:0.5em 0 0.5em 0;
}
em 
{
	color:Orange;
	font-size:80%;
	font-style:normal;
	font-weight:bold;
}
li {
    font-size:100%;
    padding:0;
    margin:0;
}
a:link {
	text-decoration: underline
}
a:hover {
	color: #FF3333;
	text-decoration: underline;
}
a:active {
	color: #CCCCFF;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}
.noBullet {
	list-style:none;
}
blockquote#quote{
         margin:32px 0 0 0;
         padding-top:16px;
         background:url(../images/css-images/sixtysix.gif) no-repeat;
		 text-align:left;
}
blockquote#quote p{
         background:url(../images/css-images/ninetynine.gif) bottom right no-repeat;
         padding:0 18px 16px 18px;
         margin:0;
         font-size:140%;
         font-family:"Times New Roman", Times, serif;
         font-style:italic;
         font-weight:bold;
         color:#000033;
}
blockquote#quote p span{
         font-style:normal;
         font-weight:normal;
}      
.rightimage, .rightimage2, .rightimageevents, .imagealignright {
    position:relative;    
    float:right;    
    margin-right:0px;
    padding:0px 0 10px 60px;    
} 
.rightimage2 {     
    clear:both;    
    padding-left:40px;    
}

.imagealignleft {
    position:relative;    
    float:left;
    padding:0px 40px 20px 0;    
}
.negMargin {
    margin-right:-40px;
}
.redNote {
    color:#FF0000;
    font-weight:bold;
    font-style:italic;
}
.emphasis {
    font-style:italic;
}
.emphasisBold {
    font-style:italic;
    font-weight:bold;
}
.positioncentre {
     text-align:center;
}
.description {
    margin: 27px 50px 20px 0;
}

.hotelThumbnails {
    float:left;
	clear:left;
    padding:3px 10px 10px 0;
    border:none;
}
.blueTable {
    width:100%;
    border-top:1px solid #003366;
    border-left:1px solid #003366;  
    text-align:center;
    background-color:#DDEEFF;
	margin: 15px 0 15px 0;
}
.blueTable td{
    border-right: 1px solid #003366;
    border-bottom: 1px solid #003366;
}
.blueTable thead{
    background-color:#99CCFF;
}
.blueTable tr.bold{
    background-color:#99CCFF;
}
.lodgeTable {
    width:100%;
    border-top:1px solid #003366;
    border-left:1px solid #003366;    
    text-align:center;
    background-color:#DDEEFF;
    font-size:small;
    border-collapse:collapse;
	clear:both;
	margin: 15px 0 15px 0;
}
.lodgeTable td, .lodgeTable th{
    border-right: 1px solid #003366;
    border-bottom: 1px solid #003366;
}
.lodgeTable td{
    width:8%;
}
.lodgeTable thead{
    background-color:#99CCFF;
    font-weight:bold;
}
.lodgeTable thead tr td{
    padding:0 5px 0 5px;
}
.lodgeTable tr.color {
    background-color:#B7DBFF;
}
#tableSide {
    width:11%;
	text-align:left;
	background-color:#99CCFF;
    font-weight:bold;
    padding:2px 5px 2px 5px;
}
#tableSide2 {
    height:2em;
	width:14%;
    text-align:left;    
    background-color:#99CCFF;
    font-weight:bold;
    padding:2px 5px 2px 5px;
}
#tableSide3 {
    width:20%;
	height:2em;
    text-align:left;    
    background-color:#99CCFF;
    font-weight:bold;
    padding:2px 5px 2px 5px;
}
#tableSide4 {
    width:11%;
	text-align:left;
	background-color:#B7DBFF;
    padding:2px 5px 2px 5px;
}
#tableTop {
	text-align:center;
	background-color:#99CCFF;
    font-size:medium;
    padding:2px 5px 2px 5px;
}
.lodgeTable2 {
    width:100%;
    border-top:1px solid #003366;
    border-left:1px solid #003366;    
    text-align:center;
    background-color:#DDEEFF;
    font-size:small;
    border-collapse:collapse;
	padding-top:20px;
}
.lodgeTable2 td, .lodgeTable th{
    border-right: 1px solid #003366;
    border-bottom: 1px solid #003366;
}
.lodgeTable2 td{
    width:10%;
}
.lodgeTable2 thead{
    background-color:#99CCFF;
    font-weight:bold;
}
.lodgeTable2 thead tr td{
    padding:0 5px 0 5px;
}
.lodgeTable2 tr.color {
    background-color:#B7DBFF;
}
.waterTable {
    width:500px;
    border-top:1px solid #003366;
    border-left:1px solid #003366;    
    text-align:center;
    background-color:#DDEEFF;
    font-size:small;
    border-collapse:collapse;
}
.waterTable td, .waterTable th{
    border-right: 1px solid #003366;
    border-bottom: 1px solid #003366;
}
.waterTable td{
    width:9%;
}
.waterTable thead{
    background-color:#B7DBFF;
    font-weight:bold;
}
.waterTable thead tr td{
    padding:0 5px 0 5px;
}
.waterTable tr.color {
    background-color:#B7DBFF;
}
/*pageHeader*/
#header, #lowwoodHeader, #lancasterHeader, #waterheadHeader, #elhHeader, #storrsHeader, #wildboarHeader {
	 width:100%;
	 height:99px;
	 padding:0;
	 text-align:right;
	 border-bottom:1px solid #9999CC;
	 }
#lowwoodHeader {
	 background:url(../images/woods-header.jpg);
	 }
#lancasterHeader {
	 background-image:url(../images/roses-header.jpg);
     }
#waterheadHeader {
	 background-image:url(../images/bluebells-header.jpg);
     }
#elhHeader {
	 background:url(Images/daffodils-header.jpg) repeat-x;
     }
#storrsHeader {
	 background-image:url(../images/speedwell-header.jpg);
     }
#wildboarHeader {
	 background-image:url(../images/daises-header.jpg);
     }

#logo img { 
     border-left:1px solid #9999CC;
	 }
/*search box styling starts here*/
#searchContainer {
	 position:absolute;
	 right:0;
     top:0;
     width:270px;
     height:99px; 
     border-left :1px solid #9999CC;
     background-color:#fff;
}
#search {
	 float:right;
	 width:260px;
     padding:7px 0 0 7px;
	 line-height:160%;
     text-align:left;
	 font-size: 70%;
     font-family: Arial, Helvetica, sans-serif;
	 color:#999999;
}
#search p{
     font-size:100%;
     margin:0;
	 padding:0;
}
#searchImage {
     float:left;
	 margin:3px 5px 20px 0;
	 /*filter:alpha(opacity=90);*/
	 -moz-opacity:0.9;
	 /*opacity: 0.9;*/
}
.elhlogo {
	 position:absolute;
	 top:65px;
 	 right:10px;
     z-index:10;
     width:250px;
	 height:29px;
	 background-color:#FFF;
	 }
/*search box styling ends here*/
/*pageHeader end*/
/*side navigation starts here*/
#checkAvailability {
     position:absolute;
     width:150px;
     z-index:5;
     left:0;
	 top:115px;
	 text-align:center;
}
#menuBar, #menuBarEvents {
     position:absolute;
	 left:0;
	 top:120px;
	 width:150px;
	 margin:0;
	 padding:0;
	 background-color:#002654;
}
.AspNet-Menu-NonLink 
{
    display:block;
    color:#55AAFF;
    padding-right:10px;
    background-color: #143D6C;
}

#menuBarEvents {
	 background-color:#23272A;
}
#menuBar ul, #menuBarEvents ul {
     margin:0 0 20px 0;
	 padding:0;
	 border-top:1px solid #2E5787;
	 
	 
}
#menuBarEvents ul {
	 border-top:1px solid #666666; 
}
#menuBar li, #menuBarEvents li {
	 position:relative;
     list-style:none;
	 margin: 0 9px 0 0;
	 padding:0.05em 0 0.05em 0; 
     line-height:1.5em;
     text-align:right;
	 font-size:93%;
	 border-right:1px solid #2E5787;     
	 border-bottom:1px solid #2E5787;
}

#menuBar li a, #menuBarEvents li a {
     display:block;
     margin:0;	 
     text-decoration:none;
	 color:#fff;
	 padding-right:10px;
}
#menuBar li a:visited, #menuBarEvents li a:visited {
     text-decoration: none;
	 color: #99CCFF;
}
#menuBar li a:hover, #menuBarEvents li a:hover {
     color:#55AAFF;
     background-color: #285484;
     }
#menuBarEvents li a:hover {
     background-color: #666666;	 
     }
#menuBar p, #menuBarEvents p {
	 margin: 0 9px 1em 0;
	 font-size: 75%;
	 line-height: 180%;
     text-align:right;
	 }
#menuBar a, #menuBarEvents a {
	 	 
     text-decoration: underline;
	 color:#fff;
     }
#menuBar a:visited, #menuBarEvents a:visited {
	 color: #99CCFF;
	 }
#menuBar a:hover, #menuBarEvents a:hover {
     color:#55AAFF;	 
     }
/*side navigation end*/
#breadcrumb {
     position:absolute;
	 top: 138px;
	 left: 190px;
	 width:400px;
	 height:52px;
	 z-index:10;
	 font-size:85%;
	 color:#666666;
	 }
/*div containing the main page title*/
.hotelName {
    position:absolute;
	right:0;
	top:110px;
	width:271px;
	text-align:right;
	margin-bottom:56px;
	padding-right:10px;
	font-size:85%;
	}
.hotelName h1{
    margin:0;
	padding:34px 0 0 10px;
	border-left: 1px solid #9999CC;
	font-size:16px;
	letter-spacing:2px;
	}
#stars {
   margin-left:10px;
   padding:0;   
	   }
/*page title end*/

/*main content and images for ELH pages starts here  */
#elhContent {
	margin:87px 295px 0 190px;
	}
#elhContent p{
    text-align:justify;
	}
#elhContent select{
     font-size: 85%;
     font-weight: 600; 
     background-color: #D5EAFF;
     
}
#elhRightStrip {
    float:right;
	width:270px;
	margin:87px 0 0 0;
	text-align:left;
	}
.elhHotelName {
    position:absolute;
	right:0;
	top:100px;
	width:270px;
	height:47px;
    border-left: 1px solid #9999CC;
	}
/*content and images for ELH home page finishes here*/
/*main content area starts here*/
#mainContent {
	margin:0 0 0 190px;
	padding:0 40px 0 0;	
	}
/*the next rule elimates the 40px padding on the right of the browser allowing the background image to butt up next to the edge of the viewable area*/
body#restaurants #mainContent {
    padding-right:0;
}
#mainContent p{
    text-align:justify;
	}
/*inner content box - without this browsers add the margin of 190px to the 100% width, adding a horizontal scrollbar*/
#innerContainer {   
	width:100%;
    padding:20px 0 100px 0;
	}
/*inner content box - homepage*/
#innerContainer2 {   
	width:100%;
    padding:47px 0 100px 0;
	}
#innerContainer select{
     font-size: 85%;
     font-weight: 600; 
     background-color: #D5EAFF;
}


/*main text area within the main content block*/

#content {
	margin:0 255px 0 0;
    text-align:left;
	}
body#restaurants #content {
	margin-right:352px;
	/*background-color:none;*/
}
#content h2{
    padding-top:0;
	margin-top:0;
	}
#content ul.pdf {
    padding:0;
    margin:0;
    list-style:none;
    text-align:center;
    font-size:85%;
}
#content ul.pdf li {
    position:relative;    
    float:left;
    width:150px;
    margin-left:20px;
}
#content.homepage h1{
	font-size:100%;
	line-height:150%;
	display:inline;
	padding:0;
	margin:0 0 0.5em 0;
	font-style:italic;
	letter-spacing:0;
}

#content.homepage h2.lowwood,
#content.homepage h2.lancaster,
#content.homepage h2.waterhead,
#content.homepage h2.wildboar,
#content.homepage h2.storrs {
	font-size:90%;
	line-height:150%;
	display:inline;
	margin:0 0 0.5em 0;
	font-weight:normal;
	letter-spacing:0;
	padding:0 0 2em 50px;	
}
#content.homepage h2.lowwood{
	background:url(../images/lowwood_thumbnail.jpg) no-repeat;
}
#content.homepage h2.lancaster{
	background:url(../images/lancaster_thumbnail.jpg) no-repeat;
}
#content.homepage h2.waterhead{
	background:url(../images/waterhead_thumbnail.jpg) no-repeat;
}
#content.homepage h2.wildboar{
	background:url(../images/wildboar_thumbnail.jpg) no-repeat;
}
#content.homepage h2.storrs{
	background:url(../images/storrs_thumbnail.jpg) no-repeat;
}
#content.homepage p.description {
	display:inline;
	margin-left:50px;
}
#content.homepage p.description2 {
	margin-left:50px;
	padding-bottom:20px;
}
#content.homepage p.introduction {
	display:inline;
}


 




/*inner content box with specified width to counter IE bug*/
#specialoffersContainer {
    clear:both;    
    width:100%;	
}
/*Fix ends here*/
#specialoffers {
    border:2px solid #000000;   
    padding:0 25px 25px 25px;  
}
#specialoffers h4 {
    font-style:italic;
  
}
#specialoffers p {
    font-style:italic;    
 }
#specialoffers img {
    float:right;
    margin:0;    
    padding-left:10px;
    border:0;
} 
/*a div for placing content in with p,h1,h2,h3,h4 widths set as above content width and images paushed to the right*/
#newContent {
    width:100%;
}
#newContent p, #newContent h1, #newContent h2, #newContent h3, #newContent h4 {
	margin-right:255px;	
}
#newContent h3 {
    clear:both;	
}
#newContent img.right {
    position:relative;
    float:right;
    margin-right:-40px;
    border:none;
}
#newContent p.rightnote {
    position:relative;
    float:right;
    width:255px;
    margin:147px -255px 0 0;
    font-size:90%;
    text-align:center;
    font-style:italic;
}
#newContent p.rightnote2 {
    position:relative;
    float:right;
    width:255px;
    margin:294px -255px 0 0;
    font-size:90%;
    text-align:center;
    font-style:italic;
}
#newContent p.leftnote {
    position:relative;
    float:left;
    width:255px;
    margin-top:147px;
    font-size:90%;
    text-align:center;
    font-style:italic;
}
#newContent p.leftnote2 {
    position:relative;
    float:left;
    width:255px;
    margin-top:294px;
    font-size:90%;
    text-align:center;
    font-style:italic;
}
#newContent.hotels h1{
	font-size:100%;
	line-height:150%;
	display:inline;
	padding:0;
	margin:0 0 0.5em 0;
	font-style:italic;
	letter-spacing:0;
}
/*image area to the right of the content area text block*/
#rightStrip {
    position: relative;
    float:right;
	width:270px;
	margin-right:-40px;
	text-align:left;
	}
/*image area to the right of the content area text block on homepage*/
#rightStrip2 {
    position: relative;
    float:right;
	width:270px;
	margin-right:-40px;
	text-align:left;
	padding-top:50px;
	}
#pictures {
    float:right;    
    width:255px;
    padding:0;
	margin:0;
	}
#hotelsImages {
    float:right;    
    width:255px;
    padding:2px 0 2px 0;
	margin:0;
	}
/*images to right of the content area end*/
/*main content area ends here*/

/*page footer starts here*/
#bottomCheckAvailability {
     width:100%;
     height:62px;
     text-align:center;
	 font-style:italic;     
}
#pricesStrapline {    
     font-size:110%;
	 font-weight:bold;
     margin:0 40px 0 190px;
}
#pricesStrapline p#tablenotes {
     font-weight:100;
     font-style:normal;
     text-align:left;
}
#footer {
    clear:both;
    margin-top:0;
    padding-top:36px;
	}    
#footerleft {
    position:absolute;
    right:264px;
	width:200px;
	text-align:right;
	}
#footerleftlong {
    position:absolute;
    right:264px;
	width:230px;
	text-align:right;
	}
#thumbnail {
	margin-top:1em;
	border-right:1px solid #9999CC;
	}
#contactDetails {
    margin:0;
	padding:1.4em 0 0 0;
	}
#contactDetails  li{
	 position:relative;
     margin: 0;
	 padding: 0.2em 9px 0.2em 0;
	 list-style:none;
	 text-align:right;
	 font-size: 80%;
     border-top:1px solid #9999CC;
     border-right:0;	 
}  
#footerRight {
     float:right;
	 width:265px;
	 text-align:left;
	 } 
#strapLine {
     padding:0 0 0 10px;
	 margin:0;
	 font-style:italic;
     letter-spacing:0.2em;
	 line-height:1em;
     font-weight:bold;
	 }
#address {
     margin: 50px 0 0 0;
	 padding:0.2em 0 0 0.2em;
	 font-size: 80%;
	 border-left:1px solid #9999CC;
	 border-top:1px solid #9999CC;
	 } 
#bottomNavigation {
     clear:both;
/*the margin has 62px of margin on the top to counter the -62px margin used on the footer used in the restaurants section. IE will not clear the footer without this top margin*/
	 margin:62px 40px 0 190px;
	 padding:10px 0 40px 0;
	 text-align:center;
	 font-size: 80%;
	 }
	  
/*page footer end*/ 

.pvsmall {
     font-size: 75%;
     font-family: Arial, Helvetica, sans-serif;
     line-height: 170%;
     }
.small {
     font-size: 85%;
     font-family: Arial, Helvetica, sans-serif;
     line-height: 130%;
     }


#display {
     padding:15px 0 30px 0;
	 text-align:center;
	 font-size: 85%;
	 }
#pressphoto {
     padding:0 0 30px 0;
	 text-align:center;
	 font-size: 85%;
	 }   
	 


.ErrorText	 
{
	color:Red;
	display:block;
	padding:3px 0 5px 0;
	line-height:150%;
}


/* Results Screen styling starts*/

.resultsScreen 
{
    width:100%;
}

.RoomHeader
{
	background-color: #99ccff; 
	height: 26px;
	font-weight: bold ;
}

.collapsePanel {
	font-size:100%;
	line-height:150%;
}
.collapsePanelHeader{
	height:25px;
	vertical-align:middle;
	padding: 0px 0px 0 0px;
}
.collapsePanelHeader a:link 
{
   text-decoration:none;
} 
.collapsePanelHeader a:hover 
{
   color:Gray;
} 
.showdetails {
    line-height: 20%;
    font-size:smaller;
    color:Gray;
    font-weight:normal;
    vertical-align:middle;
    
}
.panelImage {
    padding: 5px 0px 0 0px;
}
.resultsTable {
    width:100%;
    border-top:1px solid #667D98;
    border-left:1px solid #667D98;    
    text-align:center;
    background-color:#E7F3FF;
    font-size:small;
    border-collapse:collapse;
	clear:both;
	margin: 10px 0 30px 0;
	font-size:90%;
	color:#3C3C3C;
}
.resultsTable td, .resultsTable th{
    border-right: 1px solid #667D98;
    border-bottom: 1px solid #667D98;
    padding: 0.2em 0.4em 0.2em 0.4em;
}
.resultsTable td{
    width:7%;
}
.resultsTable th
{
    background-color:#B7DBFF;
    font-weight:bold;
    height:40px;
    font-size:90%;
    color:Black;
}
.resultsTable thead{
    background-color:#B7DBFF;
    font-weight:bold;
}
.resultsTable thead tr td{
    padding:0 5px 0 5px;
}
.resultsTable tr.color {
    background-color:#FAFCFF;
}
.tableSide {
    width:auto;
	text-align:left;
    padding:2px 5px 2px 5px;
    color:Black;
}


.resultsTableAlternate
{
    background-color:#F2F8FF;
}
.tableHeaderResults 
{
    padding: 30px 0 30px 0;
}
.roomDescription
{
    float:left;
    padding:5px 0 0 0
}
.panelControls
{
    float:right;
}
.hotelDescription
{
    padding:0;
    float:left;
    line-height:180%;
}
.checkIn
{
    padding:0;
    float:left;
    font-weight:bold;
    font-size:larger;
}
.hotelImage {
    position:relative;    
    float:right;    
    margin-right:0px;
    padding:0px 0 10px 60px;
    height: 80px;    
}
.limitedAvailability
{
    margin-left:20px;
    font-weight:normal;
    font-size:90%;
    color:Orange;
    font-weight:bold;
}

.buttonAlign
{
    float:right;
}
.buttonResults
{
    
    margin: 0;
    padding:2px 5px 2px 5px;
    font-weight:bold;
}
.darkgrey
{
    color:#666666;
}

/* Search Screen styling starts*/

.searchScreen
{
 border-style:dotted;
 border-width:1px;
 border-color:#DEDEDE;
 max-width:547px;
 min-width:450px;
 padding:20px 20px 20px 20px;
 float:left; 
 background-color:#F7FBFF;
 width:100%;
 
}
.searchBlock
{
 padding: 0 0 0 0;
 max-width:535px;
 
}
.searchScreen p
{
    font-weight:bold;
    font-size:90%;
}
.searchScreen H2
{
    padding: 0 0 10px 0;
    margin:0 0 0 0;	
}
.firstBlockSearch, .secondBlockSearch, .thirdBlockSearch,  .fourthBlockSearch
{
    width:100%;
    border-style:dotted;
    border-color:#CCCCCC;
    border-width:1px;
    margin: 0px 0px 10px 0px;
    padding:0px 0 10px 10px;
    clear:left;
    float:left;
    background-color:#ECF5FF;
}
.fourthBlockSearch
{
    margin: 0px 0px 0px 0px;
   
}

.hotelDropdownSearch
{
    padding: 0px 0 0px 0;
    float:left;
}
.saturdaysSearch
{
    padding: 30px 30px 15px 0;
    float:left;
}
.checkInSearch
{
    padding: 0 30px 0 0;
    float:left;
}

.calendarImageSearch
{
    
    padding-left:10px;
    vertical-align:bottom;
}
.nightsSearch
{
    padding: 0 30px 0 0;
    float:left;
}
.checkOutSearch
{
    padding: 0 30px 0 0;
    float:left;
}
.roomsSearch
{
    padding: 0px 20px 0 0;
    float:left;
    
}
.normal {
     font-weight:normal;
}

.roomOccupantsSearch
{
    padding: 0px 0 0px 0;
    width:80%;
    float:left;
}
.roomOccupantsSearch p
{
    font-weight:normal;
    font-size:85%;
    line-height:170%;
}
.roomAdultsSearch
{
    padding: 0px 10px 0 0;
    float:left;
}
.roomChildrenSearch
{
    padding: 0px 20px 0 0;
    float:left;
}
.roomChildrenAgesSearch
{
    padding: 0px 2px 0 0;
    float:left;
}
.roomNumberSearch
{
    padding: 0px 20px 0 0;
    float:left;
    clear:left;
}
.buttonAlignSearch
{
    float:right;
    margin: 10px 10px 10px 10px;
    padding:2px 4px 2px 4px;
    font-weight:bold;
}
.validation
{
    font-size:small;
    line-height:170%;
}
.buttonBlock
{
    width:100%;
}
.buttonBlock ul
{
    clear:left;
    margin-left:15px;
    padding-left:0;
    margin-bottom:1em;
    margin-top:0;
    padding-top:0;
}
.popupControl{
	position:absolute;
	visibility:hidden;
	margin-left:10px;
	background-color:#99CCFF;
}
.updateProgressSearch
{
    float:left;
    font-weight:bold;
    font-size:larger;
}
.progressIndicator
{
    padding-right:10px;
    padding-top:0px;
    float:left;
}
/* Search Screen styling ends*/


/* Payment Details */

.paymentScreen
{
 border-style:dotted;
 border-width:1px;
 border-color:#DEDEDE;
 min-width:450px;
 max-width:730px;
 padding:20px 32px 20px 20px;
 float:left; 
 background-color:#F7FBFF;
 width:100%;
 
}
.paymentScreen H1
{
    padding: 0 0 15px 0;
    margin:0 0 0 0;
}
.paymentScreen H2
{
    padding: 0 0 15px 0;
    margin:0 0 0 0;
}
.paymentScreen H3
{
    padding: 10px 0 5px 0;
    margin:0 0 0 0;
}
.paymentBlock
{
 padding: 0 0 0 0;
 max-width:535px;
 
}
.contactDetailsPayment
{
    width:100%;
    border-style:dotted;
    border-color:#CCCCCC;
    border-width:1px;
    margin: 0px 0px 10px 0px;
    padding:0px 0 10px 10px;
    clear:left;
    float:left;
    background-color:#ECF5FF;
    font-size:90%;
}
.contactDetailsPayment label, .contactDetailsPayment input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}
.contactDetailsPayment label {
	text-align: left;
	width: 90px;
	padding-right: 10px;
}
.contactDetailsPayment select {
	text-align: left;
	margin-bottom: 10px;
	max-width: 160px;
}
.address2Payment
{
    display:block;
    margin-left:100px;
    clear:left;
}

.fieldPayment
{
    padding: 0 0px 0 0;
    clear:left;
    color:#333333;
}
.cardImageBlockPayment
{
    padding: 0 0px 0 100px;
    clear:left;
}
.securityStripPayment
{
    display:block;
    padding: 0 0px 0 0;
    clear:left;
    margin-left:100px;
    margin-top:-15px;
    font-size:95%;
}
/*Moved from 2 statements beneath*/
.addressBlockPayment
{
    float:left;
    padding:10px 0 10px 0;
width:350px;/*Given specified width to address issue with the optional comment wrapping to the next line*/   
}

.optionalFieldPayment
{
    display:block;
    padding: 5px 0px 0 0;
    margin-left:5px;
    font-size:95%;
    vertical-align:middle;
    
}  
.nameBlockPayment
{
    float:left;
    padding:10px 40px 10px 0;
    clear:left;
    
}
/*.addressBlockPayment
{
    float:left;
    padding:10px 0 10px 0;
width:350px;
}*/
.cardBlockPayment
{
    float:left;
    padding:10px 40px 10px 0;
    clear:left;
    
}
.buttonBlockPayment
{
    width:100%;
    border-style:dotted;
    border-color:#CCCCCC;
    border-width:1px;
    margin: 0px 0px 10px 0px;
    padding:0px 0 10px 10px;
    clear:left;
    float:left;
    background-color:#ECF5FF;
}

.errorImagePayment
{
    vertical-align:top;
}

.bookingSummaryPayment
{
    width:100%;
    border-style:dotted;
    border-color:#CCCCCC;
    border-width:1px;
    margin: 0px 0px 20px 0px;
    padding:10px 0 0px 10px;
    clear:left;
    float:left;
    background-color:#E3F1FF;
    font-size:90%;
    color:#333333;
}
.checkboxPayment
{
    float:none;
    padding:5px 0 0 0;
    
}
.additionalCardBlockPayment
{
    float:left;
    padding:10px 0 10px 0;
   
}
.emailBlockPayment
{
    float:left;
    clear:left;
    padding:20px 0 20px 0;
    border-style:dotted;
    border-color:#CCCCCC;
    border-width:1px;
}
.textboxPayment
{
    margin-left:150px;
}
.buttonAlignPayment
{
    float:right;
    margin: 10px 10px 10px 10px;
    padding:2px 10px 2px 10px;
    font-weight:bold;
}
.termsPayment
{
    float:left;
    margin: 10px 0 0 0;
    padding: 0 0 10px 0;
}
.cardImagePayment
{
    
    padding-right:15px;
    padding-top:26px;
}

/* Booking Details */ 

.detailsScreen
{
 border-style:dotted;
 border-width:1px;
 border-color:#DEDEDE;
 min-width:40px;
 max-width:730px;
 padding:20px 32px 20px 20px;
 float:left; 
 background-color:#F7FBFF;
 width:100%;
 }
 
 .detailsScreen H2
{
    padding: 10px 0 10px 0;
    margin:0 0 0 0;
}
 
 .roomBlockDetails, .summaryBlockDetails
{
    width:100%;
    border-style:dotted;
    border-color:#CCCCCC;
    border-width:1px;
    margin: 0px 0px 10px 0px;
    padding:0px 10px 10px 10px;
    clear:left;
    float:left;
    background-color:#ECF5FF;
    font-size:90%;
    min-width:680px;
}
 .roomBlockDetails p
{
    font-size:100%;
    color:#666666
}
.summaryBlockDetails
{
    
    background-color:#E3F1FF;
}
 .totalPriceDetails, .hotelNameDetails
{
    font-weight:bold;
    font-size:larger;
}
 .hotelNameDetails
{
    display:block;
    padding: 5px 0 10px 0;
    font-size:120%;
}
.roomSummaryDetails, .roomSummaryAlternateDetails, .totalStayDetails {
    
    float:left;
    clear:both;
    border-top:1px dotted #A7A7A7;
    max-width:720px;
    padding:10px 0px 10px 0px;
    width:100%;
}
.roomSummaryAlternateDetails {
}
.totalStayDetails 
{
 padding-top:20px;   
}
.roomTotalDetails {
    display:block;
    clear:both;
    float: right;
    font-weight:bold;
    margin-top: -15px; 
}
.roomTotalBlockDetails, .totalPriceBlockDetails {
    display:block;
    clear:both;
    float: left;
    width:100%; 
}
.totalPriceDetails {
    clear:left;
    float: right;
    font-weight:bold;
    margin-top: -15px;
    font-size:130%; 
}
.priceBoxDetails 
{
    width:40px;
    display:block;
    float:right;
}
.depositDetails 
{
    clear:both;
    display:block;
    float:left;
    padding:20px 0 5px 0;
    font-weight:bold;
    font-size:115%;
}
.specialsReminder2 
{
    clear:both;
    display:block;
    float:left;
    padding:20px 0 5px 0;
    width:100%;
}
.roomDescriptionDetails, .checkinDetails {
    clear:right;
    float: left;
    width:100%;
    color:#333333;
}
.textboxDetails, .titleDetails, .extrasDetails, .lastnameDetails
{
    padding: 0px 10px 0 0;
    float:left;
    width:200px;
    color:#333333;
}
.titleDetails
{
    padding: 0px 10px 0 0;
    float:left;
    width:50px;
}
.ziplinkDetails 
{
    
    
    display:block;
    width:auto;
    float:left;
    color:#666666;
    padding-right:5px;
    padding-left:0;
    margin-left:-60px;
    margin-top:16px;
    
}
.ziplinkRadioDetails 
{
    display:block;
    width:auto;
    float:left;
    padding-right:10px;
    margin-left:0px;
    margin-top:13px;
    
}
.lastnameDetails
{
    padding: 0px 10px 0 0;
    float:left;
    width:400px;
}
.reservednameDetails
{
    font-weight:normal;
    font-size:80%;
    letter-spacing:0.05em;
    padding-left:5px;
    color:#666666;
}
.extrasDetails
{
    padding: 0px 10px 0px 0;
    float:left;
    clear:left;
    width:260px;
    margin-top:15px;
    margin-left:-2px;
}

.extrasCheckboxDetails, .specialsCheckboxDetails
{
    display:block;
    margin:0 0 0 0;
    padding:0 0 0 0;
    float:left;
}
.extrasCheckboxLabelDetails, .specialsCheckboxLabelDetails
{
    display:block;
    margin:0 0 0 0;
    padding:0px 0 0 0;
    float:left;
    margin-left:-2px;
}

.checkProfileDetails
{
    display:block;
    padding: 5px 0px 0 0;
    width:100%;
    float:left;
    color:#FF9900;
}
.specialsDetails
{
    padding: 0px 10px 0px 0;
    float:left;
    width:260px;
    margin-top:15px;
}
.specialsTextboxDetails
{
    padding: 0px 0px 0px 7px;
    float:left;
    width:288px; 
}
.specialsPanelDetails
{
    padding: 5px 0 0 0px;
    float:left;
    width:260px;
    margin-left:-3px;
    font-size:95%;  
}
.extrasPanelDetails
{
    padding: 5px 0 0 0px;
    float:left;
    width:260px;
    margin-left:-3px;
    font-size:95%;  
}
.extrasExamplesDetails
{
    font-size:90%;
    padding:0 0 5px 5px;
    color:#666666;
}
   
.buttonAlignDetails
{
    float:right;
    margin: 10px 10px 10px 10px;
    padding:2px 4px 2px 4px;
    font-weight:bold;
}
.confirmCopy
{
	float:left;
	display:block;
	clear:both;
	padding-bottom:30px;
}
/* temporary registration screen styling */
.regPanel 
{
	width:400px;
	padding: 2px 4px 20px 4px;
	margin-bottom:5px;
}
.regPanDot
{
	 border: 0px;
	 border-style: dotted;
}
.fieldDisplay
{
    visibility:hidden;
}
.fieldDisplay2
{
    display:none;
}
 
 .resultsTable td{
    width:100px;
    line-height:1.5em;
}
 .resultsTable td.tableSide {
    width:auto;
}

.discount 
{  
    height:23px;
    padding-top:7px;
    width:52px;
    float:left;
    margin-right:-24px;
    text-align:right;
} 

/* popup discount styles */ 

.infoBox 
{
    position:relative; 
    background:transparent url(Images/info-over.gif) center left no-repeat;
    background-position:56px 50%;
    background-repeat:no-repeat;
/*width:28px;*/
    height:30px;
} 

.infoBox img 
{
    margin-left:6px;
    margin-top:-1px;
}

.infoBox img:hover /* Reduce the opacity of the info'icon image to reveal the background image below  */
{
    filter:alpha(opacity=0);
    opacity:0.0;
}

.popupDiscountControlOuterWrapper  /*wrapper to contain the pop up discount control  */ 
{
	position:absolute;
    top:0;
	padding-left:85px;
/*padding-left:105px;*/
	visibility:hidden;
	background-color:transparent;
}

.popupDiscountControl /* change name from popupControl as the pop up calender uses the same class name */
{
    width:230px;
    padding-bottom:10px;
	margin-top:-50%;
	background:transparent url(Images/shdw-bckgrnd.png) bottom right no-repeat;	
	text-align:left;
} 

.popHead
{
	visibility:inherit;
	text-align:left;
	height:25px;
	width:214px;
	padding: 10px 3px 3px 3px;
	border-bottom:1px solid #667D98;
    border:1px solid #667D98;	
	background-color:#99CCFF;
}
.popBody
{
	width:214px;
	visibility:inherit;
	background-color:#F2F8FF;
	padding: 3px 3px 3px 3px;
    border:1px solid #667D98;
    border-top:none;
	/* TEST border: solid 1px green; */
	
}
.popPrices
{
	visibility:inherit;
	margin-bottom:20px;
}

.popRoomType
{
	visibility:inherit;
	text-align:left;
	padding: 3px 3px 3px 3px;
	/* TEST border: solid 1px red; */
}
.popRow
{
	position:relative;
	visibility:inherit;
	/* TEST border:solid 1px magenta; */
	margin-top:3px;

}
.popRowTotal
{
	position:relative;
	visibility:inherit;
	/* TEST border:solid 1px magenta; */
	margin-top:3px;
	font-weight:bold;
}
.popLabel
{
	visibility:inherit;
	width:80px;
	text-align:right;
	/* TEST border: solid 1px red; */
	font-size:smaller;
}
.popValue
{
	position:absolute;
	top:0px;
	margin-left:90px;
	visibility:inherit;
	width:80px;
	/* TEST border: solid 1px blue; */
	font-size:smaller;
}
.popNote 
{
    position:relative;
    visibility:inherit;
	text-align:left;
    font-size:smaller;
    padding:10px 3px 0px 3px;
    overflow:hidden
}
/*.popNoteTitle 
{
    float:left;
    width:40px;
    text-align:right;
}
.popNoteText
{
    float:right;
	width:163px;
}*/
.popClose
{
	clear:both;
	height:25px;
	padding:10px 10px 0px 0px;
	text-align:right;
	/* display:none; Use if onmouseover/onmouseout used to show/hide panel */
	
}
.popClose a
{
	text-decoration:none;
}
.popClose img
{
	border:none;
}

/* Tim's recent amends for the rebrand
-------------------------------------------------------------------------*/

    body
    {
        /* background:#ffffff url(Images/blue-strip.gif) repeat-y;*/
        background-color:#c9cccd;/*overide*/
        background-image:none;/*overide*/
        text-align:center;
	}
	 
	 #container 
	 {
	     width:904px;
	     margin:0 auto;
	     text-align:left;
	     background:transparent url(Images/css-images/container-btm-bckgrnd.gif) bottom left no-repeat;
	     overflow:hidden;
	     padding-bottom:26px;
	 }
	 
	 /* New specifications for the header area
    -------------------------------------------------------------------------*/
	 
	 #header 
	 {
	     width:904px;
	     height:64px;
	     padding-bottom:26px;
	     position:relative;
	     background:transparent url(Images/css-images/header-btm-bckgrnd.gif) bottom left no-repeat;
	     border-bottom:none;/*overide*/
	 }
	 
	 #header div#logo 
	 {
	     width:358px;
	     height:25px;
	     background:transparent url(Images/css-images/el-logo.gif) no-repeat;
	     position:absolute;
	     top:20px;
	     left:20px;
	 }
	 
	 #header div#logo a
	 {
	     display:block;
	     width:358px;
	     height:25px;
	     text-indent:-5000px;
	 }
	 
	 #header div#logo a span
	 {
	     display:none;
	 }
	 
	 /* New container largely for display puposes re the background-image
    -------------------------------------------------------------------------*/
	 
	 #containerInnerWrapper 
	 {
	     background:transparent url(Images/css-images/tile.gif) top left repeat-y;
	     width:784px;
	     padding:36px 60px 8.25em 60px;/* 132px Specify the bottom in ems so as to increase as browser text size is increased also leave such a large gap so to accommodate the info poup when browser text size is larger */
	     overflow:visible;
	     position:relative;
	 }	 
	 
	 /*Small menu containing the 3 links to screen top right
     -------------------------------------------------------------------------*/
	 
	 ul#miniMenu /*Small menu containing the 3 links to screen top right*/
	 {
	     position:absolute;
	     top:0;
	     right:60px;
	     padding:0;/*zero out the deafult browser style*/
	     margin:0;/*zero out the deafult browser style*/
	 }
	 
	 ul#miniMenu li 
	 {
	      float:left;
	      border-right:1px solid #c9cccd;
	      padding:0 10px 0 10px;
	      list-style:none;
	      font-size:12px;
	 }
	 
	 ul#miniMenu li.lastListItem 
	 {
	     padding-right:0;
	     border-right:none;
	 }  
	 
	 /*The div at screen foot containing the global contact details
     -------------------------------------------------------------------------*/
	 
	 #contactDetails 
	 {
	     margin-top:32px;
	     padding-top:0;/*overide*/
	     font-size:12px;
	     line-height:24px;
	 }
	 
	 /*Overide the statements set earlier in this document
     -------------------------------------------------------------------------*/	 
	 
	 div.hotelName 
	 {
	     display:none;/*overide*/
	 }
	 
	 #mainContent {
	    margin-left:0;/*overide*/
	    padding:0;/*overide*/	
	 }
	
	 #innerContainer {   
	    padding:0;/*overide*/
	 }
	
	 #menuBar 
	 {
	   display:none;/*overide*/
	 }