/*====================================================================*/
/* NTOP API search integration */
/* Created Jan 2011 */
/*====================================================================*/

/* ------------------------------------------------------------------ */
/* =Globals */
/* ------------------------------------------------------------------ */


a:visited {color:#148CBA}

/* Clearfixes */
.clearfix:after,
div.search-box ul.search-options:after,
div.form-block:after,
div.columns:after,
div.customise-results:after,
div.search-results-header:after,
div.search-results-content:after,
div.search-results-footer:after,
div.search-results-footer ul:after,
#detail div.detail-content ul.tabs:after,
#detail div.detail-content div.panel:after,
#detail div.intro:after,
#detail div.detail-content div.panel ul.facilities:after,
#detail div.detail-content div.panel div.intro:after,
div.nearby-content ul li:after,
div.contact-details:after,
form#product-selection ul li.provider a.toggle:after,
ol.photo-gallery:after,
form#product-selection li.provider div.provider-header:after,
ul.logos:after,
ul.site-search-results:after,
div.recently-viewed-content ul:after,
div.directions-form ul.unstyled:after,
div.map-info div.text ul:after,
div.map-info div.ctas:after,
div.field-overlay div.wrapper ul.radio-checkbox:after {display: block; clear: both; visibility: hidden; height: 0; content: ".";}

/* Hiding styles */

.hide-1 {display: none;} /* For legends and any element you want to hide on the page - doesn't work with table cells and not good if you need screenreaders to read the content */
.hide-2 {position: absolute; left: -1000em;} /* To remove elements off-screen and remove their effect on other elements in the document - doesn't work with table cells */
.hide-3 {text-indent: -1000em;} /* To hide text in a table cell - still read by screen readers */
.hide-4 {visibility: hidden;} /* To hide an element and its contents but still hold its structure on the page */
.hide-5 {visibility: hidden; text-indent: -1000em;} /* To hide an element and its contents but still have its structure have a partial effect on its surrounding elements */

/* ------------------------------------------------------------------ */
/* =Columns */
/* ------------------------------------------------------------------ */

div.columns {
	margin-bottom: 40px;
	min-height: 700px;
	} 

div.column-1 {
	float: left;
	width: 600px;
	}

div.column-2 {
	float: right;
	width: 300px;
	}

div.column-3 {
	float: left;
	width: 450px;
	}

div.column-4 {
	float: right;
	width: 450px;
	}

/* ------------------------------------------------------------------ */
/* =General */
/* ------------------------------------------------------------------ */
	
div.columns h2,
div.column-1 h3,
div.column-2 h3,
div.column-4 h3,
div.column-4 h4,
div.column-1 h5 {
	margin: 0 0 0.5em;
	padding: 0;
	font: normal 1em/1.2 Tahoma, Arial, Helvetica, Sans-Serif;
	color: #006279;
	}
	
div.columns h2 {font-size: 2em;}
div.column-2 h3 {font-size: 1.5em;}

div.column-1 h5 {
  border-bottom: 1px solid #eee;
  padding: 0 0 5px;
  font-size: 1.1em;
  }

div.column-1 p,
div.column-4 p,
div.columns p.summary {
	position: static;
	margin: 0 0 1.5em;
	font-size: 1em;
	color: #344346;
	line-height: 1.3;
	}

div.columns p.summary {margin-bottom: 0;}
div.columns p.small {font-size: 0.9em;}
	
div.column-1 p.notice {
	margin: 0 0 1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #f4d651;
	padding: 5px 10px;
	background: #ffeb92;
	color: #004859;
	}
	
#map {margin-bottom: 1em;}
#map.open {height: 300px;}
#map.search {height: 450px;}

#map.open,
#map.search {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 3px solid #ddd;
	}

.small {font-size: 0.9em;}

/* ------------------------------------------------------------------ */
/* =Buttons */
/* ------------------------------------------------------------------ */

input.button::-moz-focus-inner,
button::-moz-focus-inner { 
  border: 0;
  padding: 0;
	}
		
input.button,
a.button-link {
	display: inline-block;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 0;
	padding: 2px 5px;
	background: #00c1e3;
	line-height: 1.0;
	font: bold 1em/1.0 Tahoma, Arial, Sans-Serif;
	color: #fff;
	text-shadow: 1px 1px rgba(0,0,0,0.2);
	text-transform: uppercase;
	text-decoration: none;
	-moz-box-shadow: 1px 1px 0 rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.5);
	box-shadow: 1px 1px 0 rgba(0,0,0,0.5);
	cursor: pointer;
	}
		
a.button-link,
a#get-directions {padding: 4px 5px;}

input.button:hover,
input.button:focus,
a.button-link:hover,
a.button-link:focus {
	background: #026278;
	-moz-box-shadow: -1px -1px 0 rgba(0,0,0,0.5);
	-webkit-box-shadow: -1px -1px 0 rgba(0,0,0,0.5);
	box-shadow: -1px -1px 0 rgba(0,0,0,0.5);
	color: #fff;
	}
	
a.button-link.positive {background: #74b700;}

a.button-link.positive:hover,
a.button-link.positive:focus {background: #578900;}
	
div.search-box-content input.button:hover,
div.search-box-content input.button:focus
 {
	background: #fff url("/graphics/buttons/grey-grad.png") repeat-x 0 100%;
	color: #026278;
	text-shadow: none;
	}

/* ------------------------------------------------------------------ */
/* =Lists */
/* ------------------------------------------------------------------ */
	
ul.unstyled {
	margin: 0 0 1.5em;
	padding: 0;
	list-style: none;
	}
	
ul.unstyled li {
	margin: 0 0 1px;
	padding: 0;
	}
	
/* Style 1 */

ul.style-1 {
  margin: 0 0 1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
  border: 1px solid #CFF2FB;
  padding: 10px;
  background: #DEF8FE;
  list-style: none;
  font-size: 1.1em;
  }

ul.style-1 li {
  margin: 2px 0;
  }

ul.style-1 a {
  font-weight: normal;
  }
		
/* Google search results */

ol.google-search-results {
  margin: 0;
  list-style: none;
	font-size: 1.2em;
  }

ol.google-search-results li {
	margin: 0;
	padding: 0;
  }

ol.google-search-results li a {
  display: block;
  border: 0;
	border-bottom: 1px dotted #BDEAFD;
	padding: 7px 4px;
	font-weight: normal;
	text-decoration: none;
  }

ol.google-search-results li a:hover,
ol.google-search-results li a:focus {
  border-style: solid;
  background: #ECFAFD;
  }
  
/* Site search results */

div.nearby-content ul.site-search-results li {
  float: left;
  margin-bottom: 10px;
  padding: 0 10px 0 0;
  width: 210px;
  }
  
div.nearby-content ul.site-search-results span.city {padding-top: 2px;}
div.nearby-content ul.site-search-results strong.title {font-size: 0.9em;}

/* ------------------------------------------------------------------ */
/* =Tables */
/* ------------------------------------------------------------------ */
		
table.style-1 {
	margin: 0 0 1em;
	border-collapse: collapse;
	border-spacing: 0 0;
	border: solid #ddd;
	border-width: 0 1px;
	font-size: 1em;
	}
	
table.dates,
table.tickets {width: 60%;}
		
table.style-1 caption {display: none;}
		
table.style-1 th,
table.style-1 td {line-height: 1.1;}
	
table.style-1 th {
	padding: 5px 5px;
	background: #026278;
	font-weight: bold;
	color: #fff;
	vertical-align: bottom;
	}
	
table.style-1 td {
	border: solid #ddd;
	border-width: 0 0 1px 0;
	padding: 4px 5px;
	vertical-align: middle;
	background: #f7f7f7;
	}
	
table.style-1 tr:nth-of-type(even) td {background: #eee;}
table.style-1 tr.selected td {background: #DEF8FE;}
	
/* ------------------------------------------------------------------ */
/* =Search results */
/* ------------------------------------------------------------------ */

/* Sort/info bar */

div.customise-results {
	margin: 0 0 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #e7e7e7;
	padding: 5px 20px;
	background: #f1f1f1;
	font-size: 0.9em;
	text-align: center;
	}

div.customise-results.bottom {margin-top: 10px;}

div.customise-results div.info {
    float: left;
    display: inline-block;
    }
    
div.customise-results div.sort,
div.customise-results ol.pagination {
    float: right;
    display: inline-block;
    }
    
div.customise-results div.info label {margin-left: 5px;}

div.customise-results fieldset {
	border: 0;
	padding: 0;
	}
	
div.customise-results span.showing {
	display: inline-block;
	margin: 4px 0;
	}

div.customise-results select {	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #d5d5d5;
	padding: 2px 2px 2px 2px;
	background-color: #fff;
	font: normal 1em/1.0 Arial, Tahoma, Sans-Serif;
	color: #026278;
	}
	
div.customise-results div.sort label span,
div.customise-results div.sort label select {vertical-align: middle;}

div.customise-results ol.pagination {
	margin: 0;
	list-style: none;
	}

div.customise-results ol.pagination li {
	float: left;
	margin: 0 0 0 3px;
	padding: 0;
	}
		
div.customise-results ol.pagination span,
div.customise-results ol.pagination a {
	display: block;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #e9e9e9;
	padding: 3px 5px;
	background: #fff;
	color: #aeb4b5;
	text-decoration: none;
	}
	
div.customise-results ol.pagination a {
	border-color: #addeeb;
	background: #e7fbff;
	color: #00c1e3;
	text-decoration: none;
	}
	
div.customise-results ol.pagination a:hover,
div.customise-results ol.pagination a:focus {
	border-color: #00c1e3;
	background: #00c1e3;
	color: #fff;
	}

div.customise-results div.view-toggle {
    margin: 0 0 5px 0;
    border-bottom: 1px solid #f8f8f8;
    padding: 0 0 10px 0;
    background: url(/graphics/structure/divider-bg.gif) bottom center repeat-x;
    }
	
/* View switch */

ul.view-switch {
    text-align: center;
  list-style: none;
  font-size: 0.9em;
  margin: 0 0 0 0;
  }
	
ul.view-switch li {
    display: inline-block;
  margin: 0 5px 0 0;
  padding-top: 2px;
  }

ul.view-switch li.toggle-label {
    padding: 0;
    font-size: 1.1em;
    display: inline-block;
    }
	
ul.view-switch li a.button-link {
  padding: 0;
  background: #FFF url("/graphics/buttons/grey-grad-2.png") repeat-x 0 100%;
  color: #026278;
  text-shadow: 1px 1px rgba(255,255,255,0.8);
  -moz-box-shadow: 1px 1px 0 rgba(0,0,0,0.3);
  -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.5);
  box-shadow: 1px 1px 0 rgba(0,0,0,0.5);
  outline: none;
  }
			
ul.view-switch li a.button-link span {
  display: block;
  padding: 5px 6px 5px 22px;
  background: no-repeat 5px 50%;
  }
		
ul.view-switch li a.button-link.list span {background-image: url(/graphics/icons/list-view.png);}
ul.view-switch li a.button-link.map span {background-image: url(/graphics/icons/map-view.png);}
ul.view-switch li a.button-link.all-accomm span {background-image: url(/graphics/icons/all-accommodation.png);}
ul.view-switch li a.button-link.avail-accomm span {background-image: url(/graphics/icons/available-accommodation.png);}
ul.view-switch li a.button-link#load-more-results span {background-image: url(/graphics/icons/load-more-results.png);}

ul.view-switch li a.button-link.on,	
ul.view-switch li a.button-link:hover,
ul.view-switch li a.button-link:active,
ul.view-switch li a.button-link:focus {
  background: #d5d5d5;
  -moz-box-shadow: -1px -1px 0 rgba(0,0,0,0.3);
  -webkit-box-shadow: -1px -1px 0 rgba(0,0,0,0.5);
  box-shadow: -1px -1px 0 rgba(0,0,0,0.5);
  }

ul.view-switch li a.button-link.on,		
ul.view-switch li a.button-link:active {background: #fff;}

/* View switch tabs */

ul.view-switch-tabs {
    margin-bottom: -6px;
    display: inline-block;
    }

ul.view-switch-tabs li a.button-link,
ul.view-switch-tabs li a.button-link.on,
ul.view-switch-tabs li a.button-link:hover,
ul.view-switch-tabs li a.button-link:focus {
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    }

ul.view-switch-tabs li a.button-link{
    padding-bottom: 5px;
    }

ul.view-switch-tabs li a.button-link.on {
    border-color: #E7E7E7;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    }

/* Listing */

ol#search-results {
	margin: 0 0 0.5em;
	padding: 0;
	list-style: none;
	}

ol#search-results li {
	margin: 10px 0;
	padding: 0;
	list-style: none;
	}

div.search-results-header {
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-radius: 5px 5px 0 0;
	padding: 7px 10px 6px 10px;
	background: #026278;
	color: #fff;
	}

div.search-results-header h3 {
	float: left;
	margin: 0 10px 0 0;
	max-width: 330px;
	font: normal 1.7em/1.0 Tahoma, Arial, Helvetica, Sans-Serif;
	color: #fff;
	}

div.search-results-header h3 strong {
	display: block;
	margin: 0 0 1px;
	min-height: 1em; /* Incase there is no value to fill the tag. Keeps the alignment. Bit of a hack :( */
	font: normal 0.5em/1.0 Arial, Helvetica, Sans-Serif;
	text-transform: uppercase;
	color: #b6e1eb;
	}

div.search-results-header a {
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	}

div.search-results-header a:hover,
div.search-results-header a:focus {
	text-decoration: underline;
	color: #00C1E3;
	}

div.search-results-header p.distance {
	float: right;
	margin: 0;
	line-height: 1.1;
	color: #fff;
	}

div.search-results-header p.distance span {
	font-size: 0.85em;
	color: #b6e1eb;
	text-transform: uppercase;
	}

div.search-results-wrapper {
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius: 0 0 5px 5px;
	border: solid #dfdfdf;
	border-width: 0 1px 1px;
	font-size: 0.9em;
	}
	
div.search-results-content {
	margin: 0;
	padding: 10px;
	}
	
div.search-results-content a.thumbnail {
	float: left;
	margin: 0 10px 0 0;
	}
	
div.search-results-content a.thumbnail img {
	border: 1px solid #ddd;
	padding: 2px;
	max-width: 125px; /* To stop massive images screwing up the alignment */
	}
	
div.search-results-content a.thumbnail:hover img,
div.search-results-content a.thumbnail:focus img {
	border-color: #00C1E3;
	background: #00C1E3;
	}
			
div.search-results-content div.more-info {
	float: right;
	margin: 0 0 0 10px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #addeeb;
	padding: 8px 5px;
	width: 130px;
	background: #def8fe;
	text-align: center;
	}
			
div.search-results-content div.more-info p {
	margin: 0 0 0.4em;
	color: #026278;
	text-transform: uppercase;
	}
		
div.search-results-content div.more-info p span,
div.search-results-content div.more-info p strong {display: block;}

div.search-results-content div.more-info p span.intro {
	font-size: 0.9em;
	line-height: 1.0;
	font-weight: bold;
	}

div.search-results-content div.more-info p strong {
	margin: 0 0 2px;
	font-size: 2.4em;
	line-height: 1.0;
	letter-spacing: -0.05em;
	}

div.search-results-content div.more-info p span.extras {
	font-size: 0.8em;
	line-height: 1.1;
	}

div.search-results-content div.more-info a.button-link:after {
	padding: 0 0 0 3px;
	content: "\00BB";
	}
						
div.search-results-content p.description {
	overflow: hidden;
	margin: 0;
	}

div.search-results-footer {
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius: 0 0 5px 5px;
	border-top: 1px solid #e5e5e5;
	padding: 5px 10px;
	background: #f1f1f1;
	}
	
div.search-results-footer p.book-online,
div.map-info div.ctas p.book-online {
  margin: 0;
	font-size: 0.9em;
	line-height: 1.2;
  color: #818181;
	text-shadow: 1px 1px rgba(255,255,255,0.8);
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
  }
	
div.search-results-footer p.book-online {
  float: right;
  margin: 2px 0 0;
  text-align: right;
  }
  
 div.search-results-footer a {
color: #EB66BA;}
		
div.search-results-footer p.book-online a.check-online,
div.search-results-footer p.book-online span.call {
  display: inline-block;
  padding: 0 28px 0 0;
  background: no-repeat 100% 50%;
  }
	
div.map-info div.ctas p.book-online a.check-online,
div.map-info div.ctas p.book-online span.call {
  display: inline-block;
  padding: 0 0 0 28px;
  background: no-repeat 0 50%;
  }
		
div.search-results-footer p.book-online a.check-online,
div.map-info div.ctas p.book-online a.check-online {
  background-image: url(/graphics/icons/book-online-results.gif);
	text-decoration: none;
  }
	
div.search-results-footer p.book-online span.call,
div.map-info div.ctas p.book-online span.call {
  background-image: url(/graphics/icons/call-to-book-results.gif);
	text-decoration: none;
  }
  
div.search-results-footer p.book-online span.call a,
div.map-info div.ctas p.book-online span.call a {
  color: #818181;
  text-decoration: none;
  }
		
div.search-results-footer p.book-online a.check-online:hover,
div.search-results-footer p.book-online a.check-online:focus,		
div.map-info div.ctas p.book-online a.check-online:hover,
div.map-info div.ctas p.book-online a.check-online:focus {text-decoration: underline;}
	
div.search-results-footer p.book-online a.check-online span,
div.map-info div.ctas p.book-online a.check-online span,
div.search-results-footer p.book-online span.call span,
div.map-info div.ctas p.book-online span.call span {
  display: block;
  font-weight: normal;
  color: #818181;
  }
		
div.search-results-footer p.book-online a.check-online:hover span,
div.search-results-footer p.book-online a.check-online:focus span,
div.map-info div.ctas p.book-online a.check-online:hover span,
div.map-info div.ctas p.book-online a.check-online:focus span,
div.search-results-footer p.book-online span.call a:hover,
div.search-results-footer p.book-online span.call a:focus,
div.map-info div.ctas p.book-online span.call a:hover,
div.map-info div.ctas p.book-online span.call a:focus,
div.search-results-footer p.book-online span.call a:hover span,
div.search-results-footer p.book-online span.call a:focus span,
div.map-info div.ctas p.book-online span.call a:hover span,
div.map-info div.ctas p.book-online span.call a:focus span {
  color: #026278;
  text-decoration: underline;
  }

div.search-results-footer p.book-online span.availability-container,
div.map-info div.ctas p.book-online span#availability-container {
  display: inline-block;
  margin: 6px 0;
  }

div.search-results-footer p.book-online span.availability-container img,
div.map-info div.ctas p.book-online span#availability-container img {
  margin: 0 3px 0 0;
  vertical-align: top;
  }
			
div.search-results-footer ul {
	margin: 0;
	list-style: none;
	}

ol#search-results div.search-results-footer ul li {
	float: left;
	margin: 0 7px 0 0;
	}

ol#search-results div.search-results-footer ul li.rating {margin-right: 15px;}

div.search-results-footer ul li img {
	border: 1px solid #ccc;
	padding: 1px;
	height: 24px;
	background: #fff;
	vertical-align: middle;
	cursor: help;
	}

div.search-results-footer ul li span,
div.map-info div.text ul li.rating span {vertical-align: middle;}

div.search-results-footer ul li.rating span,
ul.logos li.rating span,
div.map-info div.text ul li.rating span {
	display: inline-block;
	width: 82px;
	height: 15px;
	background: url(/graphics/icons/stars.png) no-repeat;
	text-indent: -1000em;
	}

ul.logos li.rating span {display: block;}

div.search-results-footer ul li.rating span.two,
ul.logos li.rating span.two,
div.map-info div.text ul li.rating span.one {background-position: 0 -15px;}		
div.search-results-footer ul li.rating span.three,
ul.logos li.rating span.three,
div.map-info div.text ul li.rating span.three {background-position: 0 -30px;}		
div.search-results-footer ul li.rating span.four,
ul.logos li.rating span.four,
div.map-info div.text ul li.rating span.four {background-position: 0 -45px;}		
div.search-results-footer ul li.rating span.five,
ul.logos li.rating span.five,
div.map-info div.text ul li.rating span.five {background-position: 0 -60px;}

/* Non members */

ol#search-results li.non-member div.search-results-header {
    border-radius: 5px;
    background: #e9e9e9;
    border: 1px solid #f1f1f1;
    }

li.non-member div.search-results-header h3,
li.non-member div.search-results-header h3 a {
    color: #999;
    }

li.non-member div.search-results-header h3 strong,
li.non-member div.search-results-header p.distance {
    color: #909090;
    }

li.non-member div.search-results-header p.distance span {
    color: #9f9f9f;
    }

/* ------------------------------------------------------------------ */
/* =Detail page */
/* ------------------------------------------------------------------ */

p.back {margin: 0 0 1em;}

p.back a:before {
	padding: 0 2px 0 0;
	content: "\00AB";
	}

/* Detail header */

div.detail-header {
	position: relative;
	margin: 0 0 1em;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-radius: 5px 5px 0 0;
	padding: 7px 100px 5px 10px;
	background: #026278;
	}

div.detail-header h2 {
	margin: 0;
	padding: 0;
	font: normal 1.8em/1.0 Tahoma, Arial, Helvetica, Sans-Serif;
	color: #fff;
	}
	
div.detail-header h2 strong {
	display: block;
	min-height: 1em;
	font: normal 0.5em/1.0 Arial, Helvetica, Sans-Serif;
	text-transform: uppercase;
	color: #b6e1eb;
	}

/* Detail tabs */
	
#detail div.detail-content ul.tabs {
	margin: 0 0 1em;
	background: url(/graphics/structure/tabs-border.gif) repeat-x 0 100%;
	list-style: none;
	}

#detail div.detail-content ul.tabs li {
	float: left;
	margin: 0 4px 0 0;
	}

#detail div.detail-content ul.tabs li a {
	display: block;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-radius: 5px 5px 0 0;
	border: 1px solid #addeeb;
	padding: 7px 10px;
	background: #def8fe;
	color: #148CBA;
	text-decoration: none;
	text-shadow: 1px 1px rgba(255,255,255,0.8);
	outline: none;
	}

#detail div.detail-content ul.tabs li a.book-online {
	border-color: #EB66BA;
	padding: 7px 32px 7px 10px;
	background: #EB66BA url(/graphics/icons/book-online-tab.png) no-repeat 93% 50%;
	color: #fff;
	text-shadow: 1px 1px rgba(0,0,0,0.3);
	}
	
#detail div.detail-content ul.tabs li a:hover,
#detail div.detail-content ul.tabs li a:focus {
	border-color: #026278;
	background-color: #026278;
	color: #fff;
	text-shadow: none;
	}

#detail div.detail-content ul.tabs li a.book-online:hover,
#detail div.detail-content ul.tabs li a.book-online:focus {
	border-color: #cd3695;
	background-color: #cd3695;
  }
		
#OuterWrapper #detail div.detail-content ul.tabs li a.on {
	border-color: #addeeb #addeeb #fff;
	background-color: #fff;
	color: #026278;
	text-shadow: none;
	}
		
#OuterWrapper #detail div.detail-content ul.tabs li a.book-online.on {background-image: url(/graphics/icons/book-online-tab-on.png);}	
	
#detail div.detail-content div.panel h3 {display: none;}
		
#detail div.detail-content div.panel h4 {
	margin: 0 0 1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #e7e7e7;
	padding: 5px 10px;
	background: #f1f1f1;
	font-size: 1.2em;
	font-weight: normal;
	}

/* Overview panel */

#detail div.detail-content div.panel div.intro {margin: 0 0 1.5em 0;}
	
#detail div.detail-content div.panel p.thumbnail {
	float: left;
	margin: 0 10px 0 0;
	text-align: center;
	font-size: 0.89em;
	}
		
#detail div.detail-content div.panel p.thumbnail img {
	display: block;
	border: 1px solid #ddd;
	padding: 2px;
	max-width: 150px;
	}
			
#detail div.detail-content div.panel p.thumbnail a {
	display: block;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-radius: 0 0 3px 3px;
	border: solid #ddd;
	border-width: 0 1px 1px;
	padding: 2px 0 3px;
	background: #eee;
	}
			
#detail div.detail-content div.panel p.thumbnail a:hover,
#detail div.detail-content div.panel p.thumbnail a:focus {background: #DEF8FE;}	

#detail div.detail-content div.panel div.description {overflow: hidden;}

#detail div.detail-content div.panel div.description p.text {
	overflow: hidden;
	margin: 0;
	max-height: 3.9em;
	}

#detail div.detail-content div.panel div.description p.text.all {max-height: none;}
#detail div.detail-content div.panel div.description p.more {margin: 0;}
						
#detail div.detail-content div.panel ul.facilities {
	margin: 0 0 1em 0;
	list-style: none;
	font-size: 0.89em;
	}
		
#detail div.detail-content div.panel ul.facilities li {
	float: left;
	margin: 0;
	border-top: 1px dotted #ddd;
	padding: 1em 20px 0 0;
	width: 186px;
	}
		
#detail div.detail-content div.panel ul.facilities li.type-1,
#detail div.detail-content div.panel ul.facilities li.type-2,
#detail div.detail-content div.panel ul.facilities li.type-3 {border-top: 0; padding-top: 0;}

#detail div.detail-content div.panel ul.facilities li.type-3,
#detail div.detail-content div.panel ul.facilities li.type-6,
#detail div.detail-content div.panel ul.facilities li.type-9
#detail div.detail-content div.panel ul.facilities li.type-12,
#detail div.detail-content div.panel ul.facilities li.type-15,
#detail div.detail-content div.panel ul.facilities li.type-18 {padding-right: 0;}
					
#detail div.detail-content div.panel ul.facilities li.type-4,
#detail div.detail-content div.panel ul.facilities li.type-7,
#detail div.detail-content div.panel ul.facilities li.type-10,
#detail div.detail-content div.panel ul.facilities li.type-13,
#detail div.detail-content div.panel ul.facilities li.type-16,
#detail div.detail-content div.panel ul.facilities li.type-19 {clear: left;}
				
#detail div.detail-content div.panel ul.facilities h5 {
	margin: 0 0 0.5em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #CBF1FA;
	padding: 4px 5px 2px;
	background: #e9f5f8;
	text-transform: uppercase;
	font: bold 1em/1.1 Arial, Tahoma, Sans-Serif;
	}
		
#detail div.detail-content div.panel ul.facilities ul {
	margin: 0 0 1em 16px;
	list-style-type: disc;
	}
		
#detail div.detail-content div.panel ul.facilities ul li {
	float: none;
	margin: 0 0 4px;
	border: 0;
	padding: 0;
	width: auto;
	line-height: 1.1;
	}
	
/* Contact details panel */

div.contact-details {
	margin: 0 0 1em;
	font-size: 0.89em;
	}

div.contact-details dl {
	float: left;
	margin: 0 30px 0.5em 0;
	line-height: 1.2;
	}

div.contact-details dt {
	float: left;
	clear: left;
	margin: 0 5px 0 0;
	padding: 0;
	min-width: 3em;
	font-weight: bold;
	text-align: right;
	}

div.contact-details dl:first-of-type dt {min-width: 4.5em;}
				
div.contact-details dd {
	float: left;
	margin: 0;
	padding: 0;
	}
				
div.contact-details dd address {font-style: normal;}

/* Ratings, schemes & awards */

ul.logos {
	margin: 0 0 1em;
	padding: 0;
	list-style: none;
	text-align: center;
	}

ul.logos li {
	float: left;
	margin: 0 10px 10px 0;
	}

ul.logos li.rating img {margin: 0 auto 7px;}

/* Photo gallery */

ol.photo-gallery {
  position: relative;
	margin: 0 0 320px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-radius: 5px 5px 0 0;
	border: 1px solid #ccc;
	padding: 4px 8px;
	background: #ddd;
	list-style: none;
	}
		
ol.photo-gallery li {
	float: left;
	margin: 3px 0;
	padding: 0;
	}
		
ol.photo-gallery a {
  display: block;
  outline: none;
  }
			
ol.photo-gallery a span.thumb {
  position: relative;
  display: block;
	border: 1px solid #bbb;
	width: 50px;
	height: 50px;
	background: #fff;
	cursor: pointer;
	}
		
ol.photo-gallery a span.thumb:hover,
ol.photo-gallery a span.thumb:focus {border-color: #00C1E3;}
						
ol.photo-gallery a span.thumb span {
  overflow: hidden;
  display: block;
  position: absolute;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	text-align: center;
	cursor: default;
	}
			
ol.photo-gallery a span.thumb span img {
  display: block;
  height: 50px;
  }
			
ol.photo-gallery li a span.main {
  display: none;
  position: absolute;
  top: 100%;
  left: -1px;
  margin: 1px 0 0;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius: 0 0 5px 5px;
  border: 1px solid #e7e7e7;
  border-top: 0;
	padding: 20px 0;
  width: 598px;
	min-height: 260px;
	background: #fff;
	text-align: center;
	cursor: default;
	}
			
ol.photo-gallery li:first-child a span.main {display: block;}
ol.photo-gallery li a:hover span.main,
ol.photo-gallery li a:focus span.main {display: block;}
						
ol.photo-gallery li a span.main img {
  border: 1px solid #ddd;
	padding: 2px;
	max-width: 560px;
	max-height: 250px;
	background: #fff;
	}
																
/* ------------------------------------------------------------------ */
/* =Recently Viewed */
/* ------------------------------------------------------------------ */

/* Header */

div.recently-viewed-header {
	position: relative;
	margin: 1.5em 0 1em;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-radius: 5px 5px 0 0;
	padding: 7px 100px 5px 10px;
	background: #026278;
	}

div.recently-viewed-header h3 {
	margin: 0;
	padding: 0;
	font: normal 1.4em/1.0 Tahoma, Arial, Helvetica, Sans-Serif;
	color: #fff;
	}

/* Content */
	
div.recently-viewed-content ul {
	margin: 0;
	list-style: none;
	line-height: 1.1;
	font-size: 0.85em;
	}
		
div.recently-viewed-content ul li {
  float: left;
	margin: 0 10px 0 0;
	padding: 0;
  width: 90px;
  min-height: 140px;
	}

div.recently-viewed-content ul a {
  display: block;
  text-decoration: none;
  }
	
div.recently-viewed-content ul a span.image {
  display: block;
	position: relative;
	z-index: 2;
	margin: 0 0 5px;
	border: 1px solid #ddd;
	padding: 2px;
	width: 80px;
	background: #fff;
	}
	
div.recently-viewed-content ul a span.image span {
	display: block;
	overflow: hidden;
	height: 50px;
	background: no-repeat 50% 20%;
	cursor: pointer;
	-moz-background-size: 100%, cover;
	-webkit-background-size: 100%, cover;
	-ms-background-size: 100%, cover;
	background-size: 100%, cover;
	}
	
div.recently-viewed-content ul a:hover span.image,
div.recently-viewed-content ul a:focus span.image {border-color: #00C1E3;}

div.recently-viewed-content ul a img {display: none;}	
	
div.recently-viewed-content ul span.type {
	display: block;
	color: #006279;
	text-transform: uppercase;
	font-size: 0.85em;
	}
	
div.recently-viewed-content ul a strong.title {
	display: block;
	line-height: 1.2;
	font-weight: normal;
	text-decoration: underline;
	}	
																			
/* ------------------------------------------------------------------ */
/* =Search box */
/* ------------------------------------------------------------------ */

div.search-box {
	margin: 0 0 10px;
	font-size: 0.99em;
	}
	
#book-online div.search-box {
	float: right;
	width: 220px;
	}

div.search-box-header {
	position: relative;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-radius: 5px 5px 0 0;
	border-bottom: 1px solid #013b48;
	padding: 7px 10px 6px;
	background: #00c1e3;
	}	

div.search-box-header h2,
#detail div.detail-content div.panel div.search-box-header h4 {
	margin: 0;
	border: 0;
	padding: 0;
	background: transparent;
	font-weight: normal;
	font-size: 1em;
	color: #fff;
	text-transform: uppercase;
	}	
		
#detail div.detail-content div.panel div.search-box-header h4.alt {font-size: 0.9em;}

div.search-box-header h2 strong,
#detail div.detail-content div.panel div.search-box-header h4 strong {color: #033a47;}		

div.search-box-header a.change {
	position: absolute;
	right: 10px;
	top: 7px;	
	padding: 2px 5px;
	background: #EB66BA;
	font-size: 0.9em;
	color: #fff;
	text-shadow: 1px 1px rgba(0,0,0,0.3);
	}		

div.search-box-header a.change:before {
	padding: 0 2px 0 0;
	content: "\00AB";
	}		

div.search-box-header a.change:hover,
div.search-box-header a.change:focus {
	background: #CF5AA6;
	color: #fff;
	text-shadow: none;
	}		
		
div.search-box-content {
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius: 0 0 5px 5px;
	min-height: 128px;
	background: #026278;
	}

/* Search options */
	
div.search-box ul.search-options {
	margin: 0;
	list-style: none;
	}
	
div.search-box ul.search-options li {
	float: left;
	margin: 0;
	padding: 0;
	width: 50%;
	}		
	
div.search-box ul.search-options a {
	display: block;
	border: solid #013b48;
	padding: 6px 10px;
	min-height: 30px;
	font-weight: normal;
	color: #91d8e8;
	text-decoration: none;
	}		
	
div.search-box ul.search-options li.one a,
div.search-box ul.search-options li.three a {border-width: 0 1px 1px 0;}
div.search-box ul.search-options li.two a,
div.search-box ul.search-options li.four a {border-width: 0 0 1px 0;}

div.search-box ul.search-options li.five a {
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-width: 0 1px 0 0;
	}
	
div.search-box ul.search-options li.six a {
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-width: 0;
	}

div.search-box ul.search-options li.three a,
div.search-box ul.search-options li.four a {background: #134e5b;}

div.search-box ul.search-options li a:hover,
div.search-box ul.search-options li a:focus {	
	background: #e0f9fe;
	color: #026278;
	}
	
div.search-box ul.search-options a strong {
	display: inline-block;
	padding: 0 10px 0 0;
	background: url(/graphics/search-box/option-arrow.gif) no-repeat 100% 50%;
	font-size: 1.1em;
	color: #fff;
	cursor: pointer;
	}		
	
div.search-box ul.search-options a:hover strong,
div.search-box ul.search-options a:focus strong {color: #026278;}		
	
div.search-box ul.search-options a span {
	display: block;
	font-size: 0.85em;
	cursor: pointer;
	}		
	
/* Search forms */

div.search-box fieldset {
	margin: 0;
	border: 0;
	padding: 6px 10px;
	}

div.search-box fieldset fieldset {padding: 0;}
div.search-box legend {display: none;}
div.form-block {margin: 0 0 4px 0;}
div.buttons {padding: 0 0 0 125px;}
div.column-1 div.buttons {padding: 0 0 0 105px;}
	
span.label,
p.label,
div.column-1 span.label,
div.column-1 p.label {
	float: left;
	margin: 0;
	padding: 3px 5px 0 0;
	width: 120px;
	font-size: 0.9em;
	color: #eee;
	}
	
div.column-1 span.label,
div.column-1 p.label {width: 100px;}
	
label.related {
	float: left;
	margin: 0 6px 0 0;
	}
	
fieldset.rooms p.label {padding-top: 18px;}
	
span.label-alt {
	display: block;
	margin: 0 0 1px;
	font-size: 0.9em;
	color: #b6e1eb;
	}
	
span.label .info,
span.field .info {
	font-size: 0.9em;
	color: #b6e1eb;
	}
	
span.field,
div.field {
	display: block;
	overflow: hidden;
	}
	
ul.radio-checkbox {
	margin: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 0;
	padding: 3px;
	width: 95%;
	background-color: #fff;
	font-size: 0.9em; 
	line-height: 1.0;
	list-style: none;
	}
	
ul.radio-checkbox li {
	margin: 0;
	padding: 0;
	}
	
ul.radio-checkbox label {
	display: block;
	padding: 4px 0 4px 2px;
	cursor: pointer;
	color: #026278;
	}
			
ul.radio-checkbox label:hover {background: #DEF8FE;}
	
ul.radio-checkbox label input {
	float: left;
	margin: -2px 3px 0 0;
	width: 13px;
	height: 15px;
	}
		
span.field input,
span.field textarea,
span.field select,
span.field button {
	vertical-align: middle;
	font: normal 0.9em/1.3 Arial, Tahoma, Sans-Serif;
	color: #026278;
	}

span.field input.text,
span.field select,
span.field textarea,
input#directions-from {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 0;
	padding: 3px 0 2px 3px;
	width: 97%;
	max-width: 97%;
	background-color: #fff;
	}
	
input#directions-from {
  margin: 0 5px;
	border: 1px solid #ddd;
	padding: 3px;
	width: 150px;
	}

span.field select {
	padding: 2px 2px 2px 0;
	width: 99%;
	max-width: 99%;
	}
	
span.field input.date {width: 6em; max-width: 70%;}
span.field input.three-digits {width: 2.5em;}
span.field select.one-digit {width: 3em;}
span.field select.auto {width: auto;}
	
span.field option {padding: 0 8px 0 2px;}

span.field img.ui-datepicker-trigger {
	margin: 0 0 0 3px;
	outline: none;
	vertical-align: middle;
	cursor: pointer;
	}
	
/* Field Overlay */

div.field-overlay {
  position: relative;
  z-index: 1;
  padding-right: 2px;
  }

div.field-overlay.open {z-index: 2;}

div.field-overlay a.toggle {
  overflow: hidden;
  display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
  padding: 3px 20px 3px 3px;
  background: #fff url(/graphics/search-box/field-overlay-toggle.png) no-repeat 98% 3px;
  font-size: 0.9em;
  color: #026278;
  text-decoration: none;
	-moz-box-shadow: 1px 1px 0 rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.5);
	box-shadow: 1px 1px 0 rgba(0,0,0,0.5);
  }
   
div.field-overlay a.toggle:hover,
div.field-overlay a.toggle:focus {background-color: #DEF8FE;}
   
div.field-overlay a.toggle span {
  font-weight: normal;
  font-size: 0.9em;
  }

div.field-overlay div.wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 30px 5px 5px;
	background: #f2f2f2;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.5);
	box-shadow: 0 3px 5px rgba(0,0,0,0.5);
  }
    
div.field-overlay.closed div.wrapper {display: none;}
   
div.field-overlay div.wrapper legend {display: block;}
     
div.field-overlay div.wrapper legend span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-radius: 3px 3px 0 0;
	border-bottom: 1px solid #ddd;
	padding: 5px;
	background: #e5e5e5;
	font-weight: bold;
	font-size: 1em;
	color: #033A47;
  }
  
div.field-overlay div.wrapper a.close {
  display: block;
  position: absolute;
  top: 6px;
  right: 4px;
  width: 14px;
  height: 14px;
	background: url(/graphics/search-box/close-field-overlay.png) no-repeat;
	text-indent: -1000em;
	outline: none;
  }
    
div.field-overlay div.wrapper a.close:hover,
div.field-overlay div.wrapper a.close:focus {background-position: 0 100%;}
   
 
div.field-overlay div.wrapper ul.radio-checkbox {
  padding: 0;
  width: auto;
  background: none;
  }
   
div.field-overlay div.wrapper ul.radio-checkbox li {
  float: left;
  width: 50%;
  }
   

/* ------------------------------------------------------------------ */
/* =Nearby content */
/* ------------------------------------------------------------------ */

div.nearby-header {
	position: relative;
	margin: 0 0 9px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-radius: 5px 5px 0 0;
	border-bottom: 1px solid #d6d6d6;
	padding: 6px 10px 4px;
	background: #e2e2e2;
	font-size: 1em;
	}

/* Heading */

div.nearby-header h3 {
	margin: 0;
	font-size: 1.3em;
	color: #445053;
	}

div.nearby-header h3 em {
	font-style: normal;
	color: #202020;
	}

/* More button */
	
div.nearby-header a.more {
	position: absolute;
	right: 10px;
	top: 9px;	
	padding: 2px 5px;
	font-size: 0.8em;
	}		

div.nearby-header a.more:after {
	padding: 0 0 0 2px;
	content: "\00BB";
	}		

/* Content */
	
div.nearby-content {margin: 0 0 12px;}

div.nearby-content h4 {
	margin: 0 0 0.7em;
	border-bottom: 1px solid #f1f1f1;
	padding: 0 0 2px;
	font-size: 0.9em;
	color: #445053;
	text-transform: uppercase;
	}
	
div.nearby-content ul {
	margin: 0;
	list-style: none;
	line-height: 1.1;
	font-size: 1em;
	}
		
div.nearby-content ul li {
	margin: 0 0 3px;
	padding: 0;
	}

div.nearby-content ul a {
  display: block;
  text-decoration: none;
  }
	
div.nearby-content ul a span.image {
	float: left;
	position: relative;
	z-index: 2;
	margin: 0 6px 5px 0;
	border: 1px solid #ddd;
	padding: 2px;
	width: 80px;
	background: #fff;
	}
	
div.nearby-content ul a span.image span {
	display: block;
	overflow: hidden;
	height: 50px;
	background: no-repeat center;
	cursor: pointer;
	background-size: 80px auto;	
	-moz-background-size: 80px auto;
	-webkit-background-size: 80px auto round;
	}
	
div.nearby-content ul a:hover span.image,
div.nearby-content ul a:focus span.image {border-color: #00C1E3;}

div.nearby-content ul a img {display: none;}	
	
div.nearby-content ul span.city {
	display: block;
	padding: 5px 0 0;
	color: #006279;
	text-transform: uppercase;
	font-size: 0.75em;
	}
	
div.nearby-content ul a strong.title {
	display: block;
	line-height: 1.2;
	font-weight: normal;
	text-decoration: underline;
	}
	
/* ------------------------------------------------------------------ */
/* =Book online */
/* ------------------------------------------------------------------ */

div.column-1 div.availability-info {
	margin: 0 0 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #eaeaea;
	padding: 3px 10px 5px;
	background: #f4f4f4;
	font-size: 1.1em;
	color: #026278;
	}	

div.column-1 div.availability-info p {margin: 8px 0;}	
div.column-1 div.availability-info p.checking {text-align: center;}	
		
div.column-1 div.availability-info span {
	display: block;
	font-size: 0.7em;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1.0;
	color: #333;
	}	
	
#avaliability-and-booking-content {
	float: left;
	width: 365px;
	}

form#product-selection fieldset {
	margin: 0;
	border: 0;
	padding: 0;
	}

form#product-selection ul {
	margin: 0;
	list-style: none;
	}
	
form#product-selection li.provider {
	margin: 0 0 8px;
	padding: 0;
	}

/* Provider header */
	
form#product-selection div.provider-header {
	position: relative;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-radius: 5px 5px 0 0;
	border: 1px solid #ABDDEA;
	border-bottom: 0;
	padding: 7px 10px;
	background: #c9f2fc;
	}

form#product-selection li.provider.closed div.provider-header {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ADDEEB;
	background: #DEF8FE;
	}

form#product-selection div.provider-header span.logo {
	float: left;
	min-width: 135px;
	}

form#product-selection div.provider-header img {
	border: 1px solid #ADDEEB;
	padding: 2px;
	background: #fff;
	}

form#product-selection div.provider-header span.price-from {
	float: left;
	width: 100px;
	text-align: center;
	color: #026278;
	}

form#product-selection div.provider-header span.price-from span {
	display: block;
	margin: 2px 0 0;
	text-transform: uppercase;
	font-size: 0.7em;
	}

form#product-selection div.provider-header span.price-from strong {font-size: 1.2em;}

form#product-selection div.provider-header a.button-link.show {
	position: absolute;
	right: 10px;
	top: 15px;	
	padding: 3px 5px;
	font-size: 0.8em;
	outline: none;
	}

form#product-selection div.provider-header a.show-rooms-prices.show {
    background: #EB66BA;
    }

form#product-selection div.provider-header a.show-rooms-prices.show:hover,
form#product-selection div.provider-header a.show-rooms-prices.show:focus {
    background: #CF5AA6;
    }

/* Provider content */

form#product-selection div.provider-content {
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius: 0 0 5px 5px;
	border: 1px solid #eee;
	border-top-color: #ABDDEA;
	padding: 7px 10px;
	}

form#product-selection p.book-now {
	margin: 0;
	padding: 0;
	text-align: right;
	}
	
form#product-selection p.book-now span.price {
	display: inline-block;
	margin: 0 10px 0 0;
	vertical-align: middle;
	line-height: 1.1;
	}

form#product-selection p.book-now span.price span {
	margin: 0 3px 0 0;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
	color: #4c4c4c;
	}

form#product-selection p.book-now span.price strong {
	font-size: 1.3em;
	color: #026278;
	}
	
form#product-selection p.book-now a.button-link {
	vertical-align: middle;
	}
	
form#product-selection p.book-now a.button-link:after {
	padding: 0 3px;
	content: "\00BB";
	}
		
form#product-selection table {
	margin: 0 0 0.5em;
	border-collapse: collapse;
	border-spacing: 0 0;
	border: solid #ddd;
	border-width: 0 1px;
	width: 100%;
	font-size: 0.89em;
	}
	
form#product-selection table th,
form#product-selection table td {line-height: 1.1;}
	
form#product-selection table th {
	padding: 5px 5px;
	background: #026278;
	font-weight: bold;
	color: #fff;
	vertical-align: bottom;
	}
	
form#product-selection table td {
	border: solid #ddd;
	border-width: 0 0 1px 0;
	padding: 4px 5px;
	vertical-align: middle;
	background: #f7f7f7;
	}
	
form#product-selection table tr:nth-of-type(even) td {background: #eee;}
form#product-selection table tr.selected td {background: #DEF8FE;}
							
form#product-selection table th span {
	font-weight: normal;
	color: #C9F2FC;
	}
					
form#product-selection table th span:before {
	padding: 0 5px 0 3px;
	content: "\00BB";
	}
		
form#product-selection table th.room {width: 250px;}
form#product-selection table th.price {width: 70px;}
form#product-selection table td.price {font-weight: bold;}
form#product-selection table .right {text-align: right;}

/* ------------------------------------------------------------------ */
/* =Google Maps */
/* ------------------------------------------------------------------ */

/* Bubble content */

div.map-info {width: 390px;}

div.map-info p.distance {
  float: right;
  margin-right: 15px;
  text-align: right;
  font-size: 0.9em;
  line-height: 1.1;
  }

div.map-info p.distance strong {display: block;}

div.map-info h3 {
	margin: 0 0 10px 0;
	max-width: 250px;
	color: #344346;
  }

div.map-info h3 span {
	display: block;
	font-size: 0.8em;
	text-transform: uppercase;
	color: #026278;
  }
  
div.map-info h3 a {font: normal 1.5em/1.1 Tahoma, Arial, Helvetica, Sans-Serif;}

div.map-info a.thumbnail {
  float: left;
  margin: 0 10px 10px 0;
  }

div.map-info a.thumbnail img {
	border: 1px solid #ddd;
	padding: 2px;
	max-width: 125px; /* To stop massive images screwing up the alignment */
	}
	
div.map-info a.thumbnail:hover img,
div.map-info a.thumbnail:focus img {
	border-color: #00C1E3;
	background: #00C1E3;
	}

div.map-info div.text {
  overflow: hidden;
  width: 220px;
  }

div.map-info div.text p.description {
  line-height: 1.2;
  font-size: 0.9em;
  }

div.map-info div.text p.price {
  margin: 0 0 2px;
  font-size: 0.9em;
  line-height: 1.1;
  color: #026278;
  }

div.map-info div.text p.price span.intro {
  display: block;
  font-size: 0.9em;
  font-weight: bold;
  text-transform: uppercase;
  }

div.map-info div.text p.price strong {
  display: block;
  font-size: 1.9em;
  letter-spacing:-0.05em;
  }

div.map-info div.text p.price span.extras {text-transform: lowercase;}

div.map-info div.text ul {
	margin: 0;
	list-style: none;
  }

div.map-info div.text ul li {
	float: left;
	margin: 0 10px 10px 0;
	}

div.map-info div.text ul li img {
	margin: 0 4px 0 0;
	border: 1px solid #ccc;
	padding: 1px;
	height: 24px;
	background: #fff;
	vertical-align: middle;
	cursor: help;
  }

div.ctas {
  clear: left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #e7e7e7;
	padding: 5px 10px;
	background: #f1f1f1;
	font-size: 0.9em;
  }

div.map-info div.ctas p {margin: 0;}

div.map-info div.ctas p.button {
  float: right;
  margin-top: 2px;
  }

div.map-info div.ctas p.button a.button-link:after {
	padding: 0 0 0 3px;
	content: "\00BB";
	}

div.map-info div.ctas p.book-online {text-shadow: 1px 1px rgba(255,255,255,0.8);}	
		
/* Directions form */

div.directions-form {
	margin: 0 0 1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #e7e7e7;
	padding: 5px 10px;
	background: #f1f1f1;
	font-size: 1em;
  }

div.directions-form p {margin-bottom: 0.5em;}
div.directions-form p label {font-weight: bold;}

div.directions-form ul.unstyled {
  margin: 0 0 0 220px;
  font-size: 0.9em;
  }

div.directions-form ul.unstyled li {
  float: left;
  margin: 0 10px 0 0;
  }

/* Directions list (well, it's a table!) */
    
div#google-directions {
	margin: 0 auto;
	width: 487px;
	}

.adp-placemark {
  margin: 1em 0 !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
  border: 1px solid #CFF2FB !important;
  padding: 5px 0 !important;
  background: #DEF8FE !important;
  list-style: none !important;
  font-size: 1.1em !important;
  }

.adp-step,
.adp-stepicon,
.adp-substep {
  margin: 0;
  padding: 0.3em 3px;
  vertical-align: top;
  }

.adp-placemark td {
	font-size: 1.2em;
	font-weight: normal;
	color: #026278;
  }

.adp-placemark td img {padding-left: 10px;}

.adp-summary {
	margin: 10px 0;
	padding: 5px;
	font-size: 1.2em;
	color: #026278;
	background: url(/graphics/directions-icon.png) left no-repeat;
	font-weight: bold;
  }

.adp-substep {
	padding: 5px;
	line-height: 1.4;
	border-top: 1px dotted #BDEAFD;
	font-size: 1em;
  }

.adp-substep b {
	text-decoration: underline;
	color: #148CBA;
	}	

div.adp-distance {font-weight: bold;}

/* ------------------------------------------------------------------ */
/* = Asynchronous Search */
/* ------------------------------------------------------------------ */

div#loading-more {
    padding: 29px 0 10px 0;
    text-align: center;
    background: url(/graphics/structure/loading-large.gif) center top no-repeat;
    }

div#loading-bar {
    padding: 10px 10px 55px 10px;
    text-align: left;
    background: url(/graphics/structure/loading_bar.gif) center 43px no-repeat #f1f1f1;
    }

div#loading-bar span {
    display: inline-block;
    font-size: 1.15em;
    color: #026278;
    }
		
/* ------------------------------------------------------------------ */
/* =UX Dev CSS */
/* ------------------------------------------------------------------ */