.homepage:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden;}
.homepage {background: #DDEAF8; width: 100%; margin-top: -25px;}

a img {border: none;}

html,body,.wrapper {
  position:relative;
  }

p{line-height:1.5}

body {
  background:#DDEAF8 url(cssimages/main-background.png) repeat-x top left;
  font-family:Arial,Helvetica,sans-serif;
  font-size:100%;
  margin:0;
  padding:0;
  width:100%;
}
.wrapper{
  background:#DDEAF8 url(cssimages/wrapper-bg.png) repeat-x 50% 0;
  }

form,fieldset {
  padding:0;
  margin:0;
  border:0;
}
.borderTop {
  background:#FFFFFF url(cssimages/main_content_top.gif) no-repeat scroll left top;
  padding-top:6px;
  margin-top:15px;
  }


/*---[ Main Structural Elements ]---*/

.header{

}
.header .headerContent{
  margin:auto;
  width:880px;
  position:relative;
}
.header .headerNavigation .headerContent
{
  position:static;
  overflow:hidden;
  }
.header .headerNavigation
{
  background:url(cssimages/offset-background.gif) repeat-y center;
}

.header img
{
  left:0;
  position:absolute;
  top:2px;}

.header .search{
  height:34px;
  padding-top:28px;
  margin-left:227px;
}
  
.header .search img{
  margin-top: 6px;
  float:left;
  position:static;}
  
.header .search h1 {
  font-size:105%;
  color:#9caab9;
  font-weight:bolder;
  line-height:1.5;
  float:left;
}
/*
.header .nav{
  margin-left:225px;
  }

.header .nav ul{
  margin:0;
  padding:0;
  list-style:none;
  list-style-image:none;
  width:100%;
  overflow:hidden;
  }

.header .nav ul li{
  float:left;
}
  
.header .nav ul li a{
  color:#FFFFFF;
  background-color:#1a75cf;
  text-decoration:none;
  font-size:75%;
  font-weight:bold;
  line-height:normal;
  margin:0;
  padding:2px 14px 3px;
  border-left:2px solid #FFFFFF;
  border-bottom:2px solid #FFFFFF;
  display:block;}
  
.header .nav ul li a.specials {
  background-color:#e50000;
  color:#fff;
  margin:0 -4px 0 0;
  padding:2px 14px 3px;
}
.header .nav ul li a.specials:hover {
  color:#e50000 !important;
}
.header .nav ul li.first
{
  border-left:none;}
  
.header .nav ul li:hover{  
  background-color:#DDEAF8;
  color:#1a75cf;}
  
.header .nav ul li a:hover
{
  background:#E1EEF8;
  color:#1A75CF  !important;}

.header .nav ul li a.active{  
  background-color:#DDEAF8;
  color:#1a75cf !important;
  border-bottom:2px solid #DDEAF8;}
  
.header .nav ul li a{
  color:#FFFFFF;
  text-decoration:none;}
*/

.nav 
{
  margin-left:225px;
  top:0;
}
.nav ul 
{
  margin:0;
  padding:0;
  list-style:none;
  list-style-image:none;
  width:100%;
  overflow:hidden;
}

.nav li 
{
  display:inline;
  float:left;
  margin:0px;
  margin-left:2px;
  padding:0;
}

.nav li a 
{
  color:#FFFFFF;
  font-size:75%;
  font-weight:bold;
  background:#fff url("cssimages/bright.gif") no-repeat right top;
  margin:0;
  padding:0;
  text-decoration:none;
  border:0;
  display:block;
  float:left;
}
.nav li a span 
{
  display:block;
  background:url("cssimages/bleft.gif") no-repeat left top;
  padding:0px;
  padding-left:14px;
  padding-right:14px;
  font-weight:bold;
  line-height:30px;
}
.nav li.specials a span 
{
  padding-right:16px;
}

.nav li.specials a
{
  background:#fff url("cssimages/rright.gif") no-repeat right top; 
}
.nav li.specials a span
{
  background:url("cssimages/rleft.gif") no-repeat left top;
}


.nav li a:hover, .nav li.active a
{
  background-position: right bottom;
}
.nav li.special a:hover, .nav li.specials active a 
{
  background-position: right bottom;
}

.nav li a:hover span, .nav li.active a span 
{
  background-position: left bottom;    
  color:#1A75CF;
  font-weight:bold;
}
.nav li.specials a:hover span, .nav li.specials active a span
{
  background-position: left bottom;    
  color:red;
  font-weight:bold;
}



  
.header .printDetails{
  float:right;
  width:112px;
  background:#DDEAF8;
  padding:2px 1px 3px 49px;}
  
.header .printDetails a{
  font-size:70%;
  color:#000;
  padding:4px 0 0 30px;
  background:url(cssimages/print-logo.gif) no-repeat left center;}



/* divs to clear */

.clear:after,.pageMiddle:after,.somethingEveryone:after,.searchPageControlInner:after,.parcInner:after,.parcMainContent:after,.parcNav:after,#headerHolder #Header:after,.searchPanel:after,.customerReview:after,.parcRegionBox:after,.largeWhiteBox:after,.mediumWhiteBox:after,.accommodationDescription dd:after,.formSection:after,.guest:after,.freePass:after,p.button:after,.paymentOption:after,.nextSteps:after,.information:after,.filterResults:after,.ratings:after,.logos:after,.header:after,.stars:after,.extrasInfo:after,.bookingDetails:after,.guestDetails .form .error:after
{
  content : ".";
  display:block;
  clear : both;
  height : 0;
  font-size:0;
  visibility:hidden;
}

.clear{
  min-height:1px;
  clear:both;}


.content
{
  width : 880px;
  margin : auto;
  padding-bottom:20px;
}

.content:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden;}

.bookingComponents
{
  width:227px;
  float:left;
}

.mainContent
{
  width:643px;
  float:right;
  margin-top:15px;
  position:relative;
  background: #FFFFFF url(cssimages/main_content_top.gif) no-repeat scroll left top;
  padding-top:10px;
  
  
}
.bookingResults {
  
  }
/* page footer */

.pageFooter
{
  clear:both;
  text-align:center;
  padding-bottom:40px;
  background:#fff url(cssimages/footer-bg.gif) repeat-x top;
}

.pageFooterInner
{
  text-align:left;
  margin: 0 auto;
  width: 886px;
  overflow:hidden;
}

.footerLogo
{
  float:right;
  margin:20px 0 10px;
  clear:right;
}

.footerLogo img
{
  border:none;
}


.footerLink
{
  padding:25px 0 15px;
}

.footerLink ul
{
  margin:0;
  padding:5px 0;
}

.footerLink ul li
{
  display:inline;
  list-style:none;
  font-size:70%;
  border-left:1px solid #B2B2B2;
  padding-left: 12px;
  padding-right: 12px;
  margin-left:-1px;
}

.footerLink ul li.first
{
  border:none;
  display:inline;
  list-style:none;
  font-size:70%;
  padding-left: 0;
  padding-right: 12px;
  margin-left:0;
}

div.footerLink ul li a
{
  color:#999 !important;
  text-decoration:none;
}
div.footerLink ul li a:hover
{
  color:#333 !important;
  text-decoration:underline;
}

.pageFooter p
{
  font-size:60%;
  color:#999;
  width:530px;
  float:left;
}

.pageFooter .logos{
  float:right;
  display: inline;
  width: 250px;
}

.pageFooter .logos ul{
  margin: 0px 0px 20px;
  padding: 0px;
  width: 100%;
  display: block;
}

.pageFooter .logos ul li{
  float:right;
  display: inline;
  margin: 0px 0px 0px 12px;
  padding: 0px;
}


/* breadcrumbs */

.breadCrumbs
{
  float:left;
  background:#DDEAF8;
  color:#1A75CF;
  font-weight:bold;
  font-size:80%;
  width:653px;
  height:16px;
  padding:14px 0px 0px 0px;
}

.breadCrumbs ul{
  float:left;
  margin:0 0 0 10px;
  padding:0;}

.breadCrumbs ul li{
  color:#999;
  background:url(cssimages/booking-steps-bullet.gif) no-repeat left center;
  display:inline;
  list-style-image:none;
  list-style-type:none;
  margin-right:5px;
  padding-left:10px;}

.breadCrumbs ul li.active{
  color:#1a75cf;
}

.transButton {
  background:url(cssimages/blue-button-left-noback.gif) no-repeat scroll left 3px;
  cursor:pointer;
  display:inline;
  line-height:20px;
  margin-right:6px;
  margin-top:-3px;
  padding:5px 5px 5px 20px
}

.transButton span{
  background:url(cssimages/blue-button-right-noback.gif) no-repeat scroll right 3px;
  border:0 none;
  color:#5F5F5F;
  cursor:pointer;
  font-family:arial-bold,tahoma,geneva;
  font-size:10px;
  font-weight:bold;
  height:24px;
  line-height:25px;
  margin:0;
  padding:0 1px 1px 1px;
  position:relative;
  right:-6px;
  top:-10px;
  white-space:nowrap;
}

a.go{
  background:transparent url(cssimages/blue-button-left-noback.gif) no-repeat center left;
  color:#fff;
  text-decoration:none;
  cursor:pointer;
  float:left;}
  
a.go span{
  margin-right:-2px;
  font-weight:bold;
  font-size:85%;
  background:transparent url(cssimages/blue-button-right-noback.gif) no-repeat right center;
  cursor:pointer;
  white-space:nowrap;
  position:relative;
  display:block;
  padding:4px 8px 5px 25px;}
  
a.results{
  background:transparent url(cssimages/blue-button-left.gif) no-repeat center left;
  color:#fff;
  text-decoration:none;
  cursor:pointer;
  float:left;}
  
a.results span{
  margin-right:-2px;
  font-weight:bold;
  font-size:80%;
  background:transparent url(cssimages/blue-button-right.gif) no-repeat right center;
  cursor:pointer;
  white-space:nowrap;
  position:relative;
  display:block;
  padding:4px 8px 5px 25px;}
  
a.continue{
  background:transparent url(cssimages/red-button-left-noback.gif) no-repeat center left;
  color:#fff;
  text-decoration:none;
  cursor:pointer;
  float:right;
  margin-top:10px;}
  
a.continue span{
  margin-right:0;
  font-weight:bold;
  font-size:80%;
  color:#fff;
  background:transparent url(cssimages/red-button-right-noback.gif) no-repeat right center;
  cursor:pointer;
  white-space:nowrap;
  position:relative;
  display:block;
  padding:4px 10px 5px 25px;}
  
.searchButton{
  background:transparent url(cssimages/blue-button-left.png) no-repeat center left;
  color:#fff;
  text-decoration:none;
  cursor:pointer;
  float:left;}
  
.searchButton span{
  margin-right:-2px;
  font-weight:bold;
  font-size:80%;
  color:#fff;
  background:transparent url(cssimages/blue-button-right.png) no-repeat right center;
  cursor:pointer;
  white-space:nowrap;
  position:relative;
  display:block;
  padding:4px 8px 5px 25px;}
  
.filterButton{
  background:transparent url(cssimages/white-button-left.png) no-repeat center left;
  color:#fff;
  text-decoration:none;
  cursor:pointer;
  float:left;}
  
.filterButton span{
  margin-right:-2px;
  font-weight:bold;
  font-size:80%;
  color:#fff;
  background:transparent url(cssimages/white-button-right.png) no-repeat right center;
  cursor:pointer;
  white-space:nowrap;
  position:relative;
  display:block;
  padding:4px 8px 5px 25px;}