body {
  text-align: center;
  background: url("../images/bg.gif") #2f8ed6;
  margin: 0px 0px;
  font-family: Trebuchet MS, verdana, arial, sans-serif;
  font-size: 0.8em;
  color: #4b4b4b;
  }
h1 {font-size: 1.5em; color: #2f8ed6; height: 35px;}
a, a:link, a:active, a:visited {color: #2f8ed6; text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline;}
img {border: 0px;}
#container {
  margin: 0 auto;
  width: 910px;
  background: url("../images/bg2.gif") repeat-y;
  background-align: left;
  text-align: left;
  padding-left: 10px;
  }

#containerB {
	width: 880px;
	background: #fff;
	background: url("../images/content_bg.gif") repeat-y;
	background-position: right;
	}

#header {
	background: #fff;
	width: 880px;
	height: 98px;
	}

.headerBanner {position: relative; margin: 10px 0 10px 5px; float:left;}

#nav {
	width: 880px;
	height: 32px;
	background: url("../images/nav_bg.gif") repeat-x;
	}

#nav .menu {margin:0px; list-style:none; height:32px; position:relative;}
#nav .menu li {float:right;}
#nav .menu li a {border-left: 1px solid #59a5de; display:block; float:left; height:32px; line-height:32px; color:#fff; text-decoration:none; font-size:1em; font-family:verdana, arial, sans-serif; font-weight:bold; text-align:center; padding:0 16px 0 16px; cursor:pointer;}
#nav .menu li a:hover {color:#fff; cursor:pointer; text-decoration: underline}
#nav .menu .flags a {border:none; padding: 0px}
#nav .flags img {border:1px solid #55ddf6; margin: 8px 5px 0 0}
#nav .flags img:hover {border-color: #fff}

#content .searchTable {margin-top: 10px;}
#content .left {
	position: relative;
	float: left;
	width: 640px;
	}
#content .bodytext {float: left; width: 325px; margin: 10px 20px 10px 10px}
* html #content .bodytext {margin: 10px 10px 10px 10px} /* IE6 Only */
#content .bigButtons {border-left:1px solid #838383; padding: 10px 10px;}
#content .bigButton {float:left; clear:both; margin-bottom: 10px;}

#content .rotatingPhoto {padding-top: 60px; padding-left: 65%;}
#content .search {border-right: 1px solid #838383; padding-left: 10px}
#content .rotatingPhoto img {margin: 0px;border: 1px solid #fff;}
#content .right {
	position: relative;
	width: 225px;
	float: right;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	}
#content .right .emailSignup {
	position: relative;
	width: 104px;
	height: 24px;
	color: #fff;
	font-weight: bold;
	line-height: 24px;
	background: url("../images/btn_signup.gif") no-repeat;
	border:0px;
	padding:0px;
	margin:10px;
	cursor: pointer;
	}
#emailSignup {display:table;}

#otherHotels {text-align: left;	margin-top: 20px; border-top: 2px solid #b6ddfb;}
#otherHotels ul {list-style: none; font-weight: bold; margin-left: 20px; padding-left:20px;}
#otherHotels ul a {color: #fff; text-decoration:none}
#otherHotels ul a:hover {color: #fff; text-decoration:underline}
#otherHotels img {margin-left: 15px; margin-top: 10px;}

.searchFormDiv {padding: 0px; margin: 0px;}

div.row {
  clear: both;
  padding: 3px 0;
  }

div.row span.label {
  float: left;
  width: 75px;
  text-align: left;
  margin-right: 10px;
  color: #2f8ed6;
  font-weight: bold;
  }
div.row span.label2 {
  float: left;
  text-align: left;
  margin-left: 5px;
  color: #2f8ed6;
  font-weight: bold;
	}
div.row span.andor {
  float: left;
  text-align: left;
  margin-left: 5px;
  }
div.row span.premises {
  float: left;
  width: 176px;
  text-align: left;
  }
div.row span.region {
  float: left;
  width: 180px;
  text-align: left;
  } 
div.row span.county {
  float: left;
  width: 180px;
  text-align: left;
  }
div.row span.day {
  float: left;
  width: 45px;
  text-align: left;
  margin-right: 5px;
  } 
div.row span.month {
  float: left;
  width: 130px;
  text-align: left;
  }
div.row span.nights {
  float: left;
  width: 45px;
  text-align: left;
  }
span.calendar {margin-left: 5px; margin-top: 1px; z-index:100;}
div.row span.adults {
  float: left;
  width: 45px;
  text-align: left;
  }
 div.row span.rooms {
  float: left;
  width: 45px;
  text-align: left;
  }
div.row span.children {
  float: left;
  width: 45px;
  text-align: left;
  margin-left: 5px;
  }
div.row span.submit {
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	line-height: 55px;
	position: relative;
	margin-left: 88px;
	margin-top: 10px;
	float: left;
	width: 212px;
	height: 55px;
	background: url("../images/search-button-animation.gif") no-repeat;
	cursor: pointer;
	}

.elementPremises {width: 175px; }
.elementRegion {width: 180px; }
.elementCounty {width: 180px; }
.elementDay {width: 45px;}
.elementMonth {width: 130px;}
.elementNights {width: 45px;}
.elementAdults {width: 45px;}
.elementChildren {width: 45px;}
.elementRooms {width: 45px;}




#footer {
	background: #FFF;
	clear:both;
	position: relative;
	width: 880px;
	}
* html #footer {margin-top: 20px;}
#footer .footerNav {
	font-size: 0.9em;
	color: #fff;
	margin:0px;
	height:25px;
	position:relative;
	background: #2f8ed6;
	line-height: 25px;
	text-align: center;
	}
#footer .footerNav a {
	color: #fff;
	text-decoration: none;
	padding: 0 0 0 5px;	
	font-weight: normal;
	}
#footer .footerNav a:hover {
	text-decoration: underline;
	}
	
#footer .google {
	width: 720px;
	text-align: center;
	color: #4b4b4b;
	padding-bottom: 10px;
	margin-left: 20px;
	}
#footer .ihfLogo {float: right; clear: both; margin: 20px;}
* html #footer .ihfLogo {margin: 10px;}
/* results page */
.topDetails {position: relative; float: left; width: 860px;}
.propertyInfo {position: relative; float: left; width: 860px; margin-bottom: 20px; margin-top: 10px; border-bottom: 1px solid #919191; background: #f3f3f3;}
.imageRoomsRating {position: relative; float: left; background: #f2eee8; padding: 10px;}
.imageRoomsRating p {line-height: 1.5em; margin: 0px; font-weight: bold;}
.imageRoomsRating .photo {width: 150px; margin-bottom: 5px;}
.imageRoomsRating .booknow {margin-top: 10px;}
.propertyDetails {position: relative; float: left; width: 620px; margin-left: 10px;}
.propertyDetails h2 {margin: 0px; font-size: 1.2em}
.propertyDetails p.details {border-bottom: 1px solid #b6b6b6; padding-bottom: 10px;}
.propertyDetails .ratesTableHeading {position: relative; float: left; width: 620px; clear: both;}
.propertyDetails .ratesTableHeading span {position: relative; float: left; width: 160px; font-weight: bold;}
.propertyDetails .ratesTableContent {position: relative; float: left; width: 620px; clear: both;}
.propertyDetails .ratesTableContent span {position: relative; float: left; width: 160px;}
.facilities {position: relative; float: left; width: 620px; clear: both; margin-top: 10px;}
.facilities p {font-weight: bold; margin-bottom: .5em;}
.facilities .facilityIcons {margin-bottom: 10px;}
.facilities .facilityIcons img {margin: 0 2px 0 0;}


/* form#search {width:510px; height: 300px; padding:0px; margin:0 auto; background-image: url("../images/bg_search_home.gif");background-repeat: no-repeat; background-position: top right;} */
.searchFormRow{width:320px;float:left;clear:both;padding:0px 0px 5px 0px; }
.searchFormRow label {display:block; float:left; width:90px; text-align:left; font-weight: bold; padding-right:10px; color:#2F8ED6; }
.searchFormRow select {float:left;display:block;}
.searchFormDiv h1 {height: 30px;}
.searchFormDiv #sp\.loc{width:180px;}
.searchFormDiv #sp\.town{width:180px;}
.searchFormDiv #cal_1{width:40px;} /* equals to #sp\.chechinDD */
.searchFormDiv #sp\.checkin{width:139px;}
.searchFormDiv #cal_2{width:139px; margin-left: 2px;} /* equals to #sp\.checkinMMYYYY */
.searchFormDiv #sp\.checkinMMYYYY{width:105px;}
.searchFormDiv #cal_3 img {margin: 2px 0px 0px 2px; color:#FFF} /*calendar image*/
.searchFormDiv #cal_4 {width:180px; } /* equals to #sp\.numNights */
.searchFormDiv #sp\.numNights {width:180px; }
.searchFormDiv #sp\.numAdults {width:180px; }
.searchFormDiv #sp\.numChildren {width:180px;}
.searchFormDiv #sp\.numRooms {width:180px;  }
.premNameDiv{padding-top:20px;}
#sp\.propertyName{padding:0px 0px 0px 0px; width:191px;}
/*#sp\.propertyName\.lab{font-weight:normal;}*/
.searchFormButton {float:left; display:block}
#sp\.search {position: relative; cursor:pointer; width:212px; height: 55px; border: 0px; padding-left: 80px; padding-top: 10px;}

/* popup calendar */
iframe {
	display:block;
	height:227px;
	width:172px;
	z-index:900;
}
/* HOMEPAGE SEARCH BOX END */

