#container-2 {
	width: 998px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #A0B7DC;
}

.warning-no-results {
	margin-bottom: 2em;
}

.results {
}



.results .result {
	background-color: #ffffff;
	padding: 20px 0 20px 10px;
	margin-bottom: 20px;
	font-size: 12px;
}

.results .result.partial-match {
	background-color: #F5F5F5;
}

.results .result .col-1 {
	float: left;
	width: 200px;
	padding-right: 20px;
	position: relative;	/* <-- for the special offer */
}

.results .result .col-2 {
	float: left;
	width: 346px;
	padding-right: 20px;
}

.results .result .col-3 {
	float: left;
	width: 144px;
}

/*
.results .result .col-1:hover {
	background-color: #ffffa0;
}
.results .result .col-2:hover {
	background-color: pink;
}
.results .result .col-3:hover {
	background-color: #f0d0f0;
}
*/

.results .result .col-3 h2.special-offer span.small {
	font-weight: normal;
	font-size: 11px;
	font-family: verdana,arial,helvetica,sans-serif;
}

.results .result .col-1 img {
	width: 200px;
	height: 150px;
}

.results .result .col-1 .special-offer {
	position: absolute;
	top: -17px;
	left: -17px;
	text-align: center;
	width: 60px;
	height: 50px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background-color: #FCFB60;
	color: #FF2666;
	padding-top: 10px;
	box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.30);
    line-height: 14px;
}

.results .result .col-1 .special-offer .price {
	display: inline-block;
	padding-top: 10px;
	font-size: 27px;
}

.results .result .col-1 .special-offer .pound {
	font-size: 18px;
}

.results .result span.h2,
.results .result h2 {
	font-family: Arial,sans-serif;
	font-size: 19px;
	font-weight: normal;
	color: #3B3B3B;
	margin: 0;
	padding: 0;
	
}

.results .result h2 a {
	font-weight: bold;
	color: #EB7810;
	text-decoration: none;
}

.results .result:hover h2 a {
	text-decoration: underline;
}

.results .result h2 img {
	float: right;
}

.results .result .col-2 .description {
	/* This has a total height of 96px -- see jQuery for more */
	height: 84px;
	overflow: hidden;
	position: relative;
	padding-top: 12px;
}

.results .result .col-2 .description .fade-out {
	background: url("/cms/images/description-bottom.png");
	height: 20px;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: right;
	/* only show this if the description is too long */
	display: none;
	z-index: 99;
}

.results .result .col-2 a.more-info {
	text-decoration: none;
	float: right;
	color: #EB7810;
}

.results .result:hover .col-2 .more-info {
	text-decoration: underline;
}

.results .result .mini {
	width: 256px;
	height: 54px;
	float: left;
	padding: 7px;
	margin: 0;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	cursor: pointer;
	overflow: hidden;
}

.results .result .mini:hover {
	background-color: #B6DAB6;
}

.results .result .mini .more-details {
	color: #EB7810;
	font-size: 10px;
}

.results .result .col-3 img,
.results .result .mini img {
	float: left;
	margin-right: 0.6em;
}

.results .date-warning {
	color: #9F6000;
	background-color: #FEEFB3;
	padding: 4px;
	margin-bottom: 1em;
}

.results .result .more-results {
	display: none;	
}

.results .result .more_rolled_up {
	background-color: #FFCC33;
	display: block;
	font-family: arial;
	font-size: 11px;
	margin: 0 0 4px 0;
	padding: 5px 0 7px 6px;
	text-align: left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
}

.results .result .more_rolled_up:hover {
	background-color: #e4ab00;
}

.results .result .show_more_arrow {
	cursor: pointer;
	float: left;
	background-color: #EDEDED;
	background-image: -moz-linear-gradient(100% 100% 90deg,#D0D0D0,#EEE);
	background-image: -webkit-gradient(linear,left bottom,left top,from(#D0D0D0),to(#EEE));
	background-image: -moz-linear-gradient(100% 100% 90deg,rgba(0, 0, 0, 0.13),rgba(255, 255, 255, 0.13));
	background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0, 0, 0, 0.13)),to(rgba(255, 255, 255, 0.13)));
	border: 1px solid #CFCFCF;
	border: 1px solid rgba(0, 0, 0, 0.19);
	display: block;
	height: 12px;
	margin: 0 5px 0 0;
	padding: 0;
	width: 12px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: 1px 1px 0 white;
	-moz-box-shadow: 1px 1px 0 #fff;
	-webkit-box-shadow: 1px 1px 0 white;
}

.results .result .show_more_arrow label {
	background: url("/cms/images/down_arrow.png") 4px 5px no-repeat;
	cursor: pointer;
	display: block;
	height: 12px;
	width: 12px;
}

.results .sort_order {
	border-bottom: 1px solid #E5E5E5;
	color: #7B848D;
	font-size: 12px;
	padding: 6px 2px;
	margin-bottom: 1em;
}

.results .sort_order a {
	text-decoration: none;
	color: #0063DC;
	padding: 3px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.results .sort_order a:hover {
	background-color: #0063DC;
	color: white;
}

.results .book-now {
	padding: 7px;
}

.results .phone {
	margin-top:	1em;
}

.results .standard-adverts-notice {
	background-color: #fc3;
	padding: 5px;
	border-radius: 3px;
	font-size: 14px;
}

.pagination {
	margin: 1em 0 1em 0;
}

.pagination a.page {
	border: 1px solid white;
	padding: 4px 7px;
	font-size: 17px;
	text-decoration: none;	
	color: #EB7810;	
}

.pagination a.page:hover {
	border: 1px solid #8BC58B;
}

.pagination a.selected {
	background-color: #8BC58B;
	border: 1px solid #8BC58B;
	color: white;
}

.right {
	float: right;	
}

.search {
	width: auto;
	font-size: 14px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #3B3B3B;
	line-height: 2.2em;
	border: 1px solid #EB7810;
}

/* search form on the home page */
.search-form-home .search {
	padding: 1em 0 1em 0;
	margin: 0 auto 1em auto;
}

/* search form on the templates */
.search-form-padding .search {
	padding: 1em 10px 1em 10px;
	margin: 1em 10px 1em 10px;
}

/* the search page */
.search-index .search {
	padding: 1em 0 1em 1em;
	margin: 1em auto 1em auto;
	width: 960px;
}

.search-form-padding #button-highlight,
.search-form-home #button-highlight {
	margin-right: 0;
}

.search-form-home #button-highlight input {
	padding: 7px 20px;
}

.mock {
	margin: 1em 0 2em 0;
	float: left;
}

h1.search-title {
	font-family: Arial, sans-serif;
	font-size: 30px;
	font-weight: 100;
	margin: 0;
	padding: 0 0 0 0;
	color: #8BC58B;
}

h2.search-title {
	font-family: Arial, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 14px 0;
	color: #8BC58B;
}

.search .checkbox {
	padding: 4px;
}

.search .checkbox:hover {
	background-color: #B6DAB6;
	cursor: pointer;
	border-radius: 3px;
}


/* hack to make the inputs look the same - if you fiddle with
 * them they revert to the fugly 'inset' style
 */

.search input.pretty,
.search select.pretty {
    border-top: 1px #acaeb4 solid;
    border-left: 1px #dde1e7 solid;
    border-right: 1px #dde1e7 solid;
    border-bottom: 1px #e3e9ef solid;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 2px;
}

.search input.pretty:hover,
.search select.pretty:hover,
.search input.pretty:focus,
.search select.pretty:focus {
    border-top: 1px #5794bf solid;
    border-left: 1px #c5daed solid;
    border-right: 1px #b7d5ea solid;
    border-bottom: 1px #c7e2f1 solid;
}

.search #datepicker {
	padding: 2px 0 2px 4px;
	background: white url('/cms/images/date.png') no-repeat right center;
	width: 105px;
	box-sizing: border-box;		/* <-- FIX: chrome was sizing things differently */
}

/* force the input box + drop down button the same height */
.search #tags {
	width: 13em;
	height: 36px;
	padding: 0 7px;
}

.search .ui-combobox-toggle {
	height: 36px;
}

.search .padding-right {
	margin-right: 2.4em;
}

.warning {
	color: white;
	background-color: #8BC58B;
	margin: 20px 0px;
}

.warning h1 {
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 5px;	
}

.warning-no-results .big {
	font-size: 20px;	
}

div#cornwall {
	display: none;
	background: url("/cms/images/cornwall.png");
	width: 596px;
	height: 407px;
}

.qtip-custom {
	max-width: 596px;
	min-width: 50px;
}

.location-info {
	position: absolute;
	top: 12px;
	left: 12px;
	display: none;
}

.location-info .big {
	font-size: 24px;	
}

.location-info img {
	height: 75px;
	width: 100px;
	float: left;
	margin: 7px 7px 0 0;
	border: 0;
}

.red-dot {
	position: absolute;
	top: 5px;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #900;
}

div#cornwall .location:hover .red-dot {
	background-color: red;
}

div#cornwall .location {
	color: grey;
	position: absolute;
	cursor: pointer;
	padding-left: 8px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: rgba(256, 256, 256, 0.7);
}

div#cornwall .location:hover {
	color: blue;
}

.align-right {
	padding-left: 0;
	padding-right: 8px;
}

.align-right .red-dot {
	right: 0;
	left: auto;
}
/*
#newquay		{ left: 267px; top: 122px; }
#newquay .red-dot	{ top: 0px }
#redruth		{ left: 207px; top: 227px; }
#redruth .red-dot	{ top: 1px }
#st-ives		{ left: 82px;  top: 227px; }
#hayle			{ left: 150px; top: 239px; }
#penzance		{ left: 107px; top: 278px; }
#penzance .red-dot	{ top: 11px }
#porthleven		{ left: 188px; top: 309px; }
#helston		{ left: 204px; top: 299px; }
#sennen			{ left: 55px;  top: 316px; }
#st-just		{ left: 25px;  top: 283px; }
#newlyn			{ left: 111px; top: 302px; }
#newlyn .red-dot	{ top: -1px }
#marazion		{ left: 160px; top: 291px; }
#marazion .red-dot	{ top: 8px }
#mullion		{ left: 218px; top: 346px; }
#lizard			{ left: 238px; top: 360px; }
#cadgwith		{ left: 239px; top: 537px; }
#coverack		{ left: 270px; top: 345px; }
#falmouth		{ left: 278px; top: 270px; }
#flushing		{ left: 264px; top: 304px; }
#portscatho		{ left: 407px; top: 596px; }
#gwitian		{ left: 190px; top: 207px; }
#gwitian .red-dot	{ top: 10px }
#boscastle		{ left: 299px; top: 70px;  }
#boscastle .red-dot	{ top: 2px }
#bude			{ left: 302px; top: 53px;  }
#mawgan-porth	{ left: 298px; top: 97px;  }
#mevagissey		{ left: 382px; top: 203px; }
#polerro 		{ left: 479px; top: 160px; }
#st-austell		{ left: 395px; top: 147px; }
#st-austell .red-dot	{ top: 12px }
#truro			{ left: 289px; top: 208px; }

/ ** MOCKUP STUFF ** /

.area-map {
   	border: 1px solid #CCC;
	-webkit-box-shadow: 0 0 5px #CCC;
	width: 300px;
	padding: 1em 0 0 0;
	font-size: 14px;
	font-family: Arial,sans-serif;
	font-weight: bold;
	color: #3B3B3B;
	line-height: 2em;
	margin: 1em 0 2em 1em;
	float: left;
}

.area-map h1 {
	font-family: Arial,sans-serif;
	font-size: 30px;
	font-weight: normal;
	text-shadow: 1px 1px 4px #909090;
	color: black;
	margin: 0 0 0 1em;
	padding: 0 0 14px 0;
}

.area-map .map-wrap {
	back-ground-color: #99b3cc;
}

.area-map .map-wrap .cornwall {
	float: left;
	width: 299px;
	height: 105px;
	background: url('/cms/search/cornwall.png');
	background-position: top;
	overflow: hidden;
}

.area-map .map-wrap .area-link-home-page {
	line-height: 1.2em;
	text-decoration: underline;
	color: #EB7810;
	font-family: Arial, Helvetica, sans-serif;
}
*/
#button-highlight {
	float: right;
	display: inline-block;
	border: 8px solid transparent;
	border-radius: 5px 5px 5px 5px;
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.15);
	margin-right: 3em;
}

#button-highlight input {
	padding: 7px 30px;
    -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
         box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #8BC58B;
    background-size: 100%;
    background-image: -webkit-linear-gradient(#8BC58B 5%, #58ac58);
    background-image:    -moz-linear-gradient(#8BC58B 5%, #58ac58);
    background-image:      -o-linear-gradient(#8BC58B 5%, #58ac58);
    background-image:         linear-gradient(#8BC58B 5%, #58ac58);
    
    border: 1px solid rgba(0, 0, 0, 0.05);
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    
	border-radius: 5px;
	font-size: 18px;
	
	cursor: pointer;
	position: relative;
}

#button-highlight input:hover {
	background-image: -webkit-linear-gradient(#add6ad 5%, #69b469);
    background-image:    -moz-linear-gradient(#add6ad 5%, #69b469);
    background-image:      -o-linear-gradient(#add6ad 5%, #69b469);
    background-image:         linear-gradient(#add6ad 5%, #69b469);
}

#button-highlight input:active {
	top: 1px;
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
       -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
            box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); 
}

.listing-link {
	margin: 0 0 2em 0;
	te-xt-align: right;
}

.results .adverts {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;
	background-color: #fc3;
	padding: 1em;
	border-radius: 3px;
}

.results .adverts h3 {
	font-weight: normal;
	font-size: 11px;
	color: white;
	margin-bottom: 3px;
}

.results .adverts .standard-advert {
	margin: 0;
	padding: 0 20px 0 0;
	position: relative;
	width: 100px;
	float: left;
}



.qtip a {
	color: #EB7810;
}

/* make sure both the advert img and tooltip img are the same size - avoid jitter */

.results .adverts .standard-advert img {
	width: 100px;
	height: 75px;
	margin: 4px 0;
	border: 2px solid white;
}

.qtip img {
	width: 100px;
	height: 75px;
	margin-right: 2px;
	border: 2px solid white;
}

.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
	height: 200px;
}