/* --- product-list.css --- */

/* =====================================================================
	search summary
===================================================================== */
#main .secureTransactions
{
    padding: 15px 0 0;
    margin-bottom: 10px;
    float: left;
}

#main .secureTransactions img
{
    clear: left;
    float: left;
    margin-bottom: 10px;
}

.searchSummary
{
	width: 706px;
	font-size: 90%;
	padding-bottom: 10px;
	float: left;
}

	.searchSummary h2
	{
		margin: 0 0 5px 0;
		padding: 5px 10px;
		background: #f0f0f0;
		display: none;
	}

	.searchSummary p
	{
		margin: 0 0 5px 0;
		padding: 5px 10px 5px 0;
		/*background: #f0f0f0;*/
		font-size: 250%;
		color: #3C4F57;
			font-family: DurhamSansNormal;
	}

	.searchSummary ul
	{
		list-style: none;
		overflow: auto;
	}

	.searchSummary ul li
	{
		list-style: none;
		display: inline;
		line-height: 1.6em;
	}
	
	.searchSummary ul li span
	{
		list-style: none;
		display: inline;
	}

	.searchSummary ul li span.title
	{
		float: left;
		padding: 0 0 0 10px;
		background: url(/images/bullet_2.gif) no-repeat left;
	}

	.searchSummary ul li span.value
	{
		list-style: none;
		margin: 0 10px 0 0;
		padding: 0 5px 0 3px;
		display: inline;
		font-weight: bold;
		float: left;
	}

	.searchSummary ul li span.value .pnAvSrchSummary
	{
		float: left;
	}

	.searchSummary ul li span.value .pnAvSrchSummary .pnAvSrchSummary
	{
		clear: both;
		width: 700px;
	}

	.searchSummary ul li span.value .pnAvSrchSummary ul li
	{
		padding: 0 6px 0 0;
		font-weight: normal;
		background: none;
	}

/* =====================================================================
	product list generic
===================================================================== */

.productList
{
	width: 706px;
	clear: both;
	position: relative;
	/*float: left;*/
}

	#columnBot .productList
	{
		padding: 0 2px; 
		float: left;
	}

.ProductListMain
{
	width: 100%;
	clear: both;
	position: relative;
	margin: 10px 0 0 0;
	/*float: left;*/
}

.productList h2
{
	margin: 7px 0 0 0;
	font-size: 250%;
	display: none;
}

.productList p.results,
.productList p.noresults,
.productList p.showingresults
{
	margin: 2px 0;
	padding: 2px 4px 2px 0;
}

	.productList p.results
	{
        margin: 4px 0;
        padding: 2px 4px 2px 0;
        float: left;
		display: inline;
		width: auto;
		font-weight: bold;
		color: #000;
	}

	.productList p.noresults
	{
		clear: both;
		padding-top: 10px;
	}

	.productList p.showingresults
	{
		margin: 4px 0;
		display: inline;
		width: auto;
		font-weight: bold;
		color: #000;
		float: left;
	}
	
	.ProductListMain .noresultsp
	{
	    font-size:100%;
	}

.productList span.ajaxError
{
	left: 0;
	position: absolute;
	top: 25px;
	font-size: 80%;
}

.productList a img
{
	border: 0;
	display: block;
}

.productList h2.distanceGroup,
.productList h2.eventGroup
{
	clear: both;
	display: block !important;
	font-size: 121%;
	border-top: 1px solid #ccc;
	padding: 5px 0 0 20px;
	background: url(/images/ico_nearby_polygonlayer.gif) no-repeat left 10px;
}

.productList h2.eventGroup
{
	background: url(/images/ico_info.gif) no-repeat left 9px;
}

/* --- view tabs --- */
.productList .listMapLinkContainer
{
	overflow: auto;
	width: 100%;
	height: 25px;
	background: url(/images/bg_sr_tabs.gif) no-repeat bottom;
	font-size: 80%;
	/*float: left;*/
}

	.productList .listMapLinkContainer ul.listMapLinks
	{
		float: left;
		margin: 0 0px 0 50px;
	}

	.productList .listMapLinkContainer ul.listMapLinks li
	{
		margin: 0 2px 0 0;
		display: block;
		background: url(/images/sr_tab_off.gif) no-repeat;
		float: left;
		text-align: center;
		width: 85px;
	}
	
	.productList .listMapLinkContainer ul.listMapLinks li a
	{
		line-height: 25px;
		padding: 0 5px;
		font-weight: bold;
		font-size: 90%;
	}

	.productList .listMapLinkContainer ul.listMapLinks li a:visited,
	.productList .listMapLinkContainer ul.listMapLinks li a:hover
	{
		color: #000;
	}

	.productList .listMapLinkContainer ul.listMapLinks li.showMap,
	.productList .listMapLinkContainer ul.listMapLinks li.showList
	{
		background: url(/images/sr_tab_on.gif) no-repeat;
	}

/* --- paging --- */
.productList ul.paging
{
	margin-top: 25px;
	list-style-type: none;
	float: right;
	clear: right;
	width: auto;
	font-size: 85%;
}

	.productList ul.paging li
	{
		display: block;
		list-style-type: none;
		float: left;
		font-size: 90%;
	}

	.productList ul.paging li.current,
	.productList ul.paging li a
	{
		margin: 0 1px;
		padding: 2px 4px;
		display: block;
	}

	.productList ul.paging li.current
	{
		font-weight: bold;
	}

	.productList ul.paging li a:hover
	{
		background: #f0f0f0;
	}

/* --- sort by dropdown ---*/
.productList .ProdListReorder
{
	display: block;
	font-size: 75%;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: right;
	top: 1px;
	width: 220px;
}

/* --- a-z links (obsolete) '/a-z/a' ---*/
.productList ul.azList
{
	display: block;
	clear: both;
	list-style-type: none;
	margin: 0 0 5px 5px;
	list-style-type: none;
	width: auto;
	font-size: 80%;
}

.productList ul.azList li
{
	display: block;
	margin: 0 2px 0 0;
	float: left;
	height: 20px;
	font-weight: bold;
}

.productList ul.azList li a
{
	text-align: center;
	width: 10px;
	display: block;
	margin: 0 2px;
	padding: 2px 2px 1px 2px;
	display: block;
}

.productList ul.azList li.selected a
{
	display: block;
}

/* =====================================================================
	main list
===================================================================== */

.productList ol.productList,
.productList ol.searchResults
{
	clear: both;
	width: 100%;
	margin: 25px 0 0 0;
	clear: both;
}

.productList ol.productList li,
.productList ol.searchResults li
{
	margin: 0;
	list-style-type: none;
	/*background: url(../images/bg_searchresults.gif) repeat-x;*/
	clear: both;
	border-bottom: 1px solid #d6d6d6;
	display: block;
	min-height: 150px;
	position: relative;
	width: 100%;
	float: left;
	padding: 10px 0;
}

/*.productList ol.productList li:hover*/
.productList ol.searchResults li:hover
{
	background: #EFF1F3;
}

/* --- blocks --- */
.productList .leftBlock
{
	width: 185px;
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
	float: left;
}

.productList .centerBlock
{
	margin: 10px 0 10px 0;
	padding: 0;
	width: 322px;
	float: left;
}

.productList .centerBlockWide 
{
	margin: 10px 0 10px 0;
	padding: 0 0 0 0;
	width: 469px;
	float: left;
}

.productList .rightBlock
{
	margin: 10px 0 0 0;
	padding: 0 5px 10px 5px;
	width: 176px;
	position: relative;
	float: right;
	/*border-left: 1px solid #e3e3e3;*/
}

.productList .bottomBlock 
{
    width: 661px;
    float: left;
    padding-left: 10px;
}

/* --- left block - product image --- */
.productList ol.productList li div.thumbnail, 
.productList ol.searchResults li div.thumbnail
{
	margin: 0 0 10px 0;
	border: 1px solid #ccc;
	display: block;
	width: 172px;
}

/* --- center block - main product detail --- */
.productList ol.productList li h2,
.productList ol.searchResults li h2
{
	padding: 0 0 0.3em 0;
	margin: 0;
	width: 100%;
	font-size: 154%;
	display: block;
	font-weight: normal;
	font-family: DurhamSansNormal;
}

.productList ol.productList li h2 a,
.productList ol.searchResults li h2 a
{
	color: #3C4F57;
}

	/* --- grading stars --- */
	.productList ol.searchResults li .enjoyengland
	{
		overflow: auto;
	}

	.productList ol.productList li .enjoyengland, 
	.productList ol.searchResults li .enjoyengland
	{
    float: left;
    margin-bottom: 5px;
	}

	.productList ol.productList li .enjoyengland *,
	.productList ol.searchResults li .enjoyengland *
	{
		display: block;
		float: left;
	}

	.productList ol.productList li .enjoyengland img.gradingLogoImg,
	.productList ol.searchResults li .enjoyengland img.gradingLogoImg
	{
		margin-right: 3px; 
		padding: 0;
	}

	.productList ol.productList li .enjoyengland .gradingStars,
	.productList ol.searchResults li .enjoyengland .gradingStars
	{
		vertical-align: top;
		font-size: 80%;
	}

	.productList ol.productList li .enjoyengland .gradingStars *,
	.productList ol.searchResults li .enjoyengland .gradingStars *
	{
		float: none;
		display: inline;
	}

	.productList ol.productList li .enjoyengland .gradingDesignator,
	.productList ol.searchResults li .enjoyengland .gradingDesignator
	{
		margin: 2px 0 0 0;
		padding: 0 5px 2px 3px;
		font-size: 80%;
	}

	.productList ol.productList li .enjoyengland .awardLogo,
	.productList ol.searchResults li .enjoyengland .awardLogo
	{
		margin: 0 5px 0 0;
		clear: left;
		margin-top: 8px;
	}

	.productList ol.productList li .enjoyengland .awardLogo .awardLogoImg,
	.productList ol.searchResults li .enjoyengland .awardLogo .awardLogoImg
	{
		padding: 0 3px 0 0;
	}

	.productList ol.productList li .enjoyengland .awardLogo .awardLogoText,
	.productList ol.searchResults li .enjoyengland .awardLogo .awardLogoText
	{
		padding: 2px 0 0 0 !important;
		font-size: 80%;
	}

	.productList ol.productList li .enjoyengland .inspectorsChoice,
	.productList ol.searchResults li .enjoyengland .inspectorsChoice
	{
		margin: 0 5px 0 0;
		padding: 1px 0 0 0;
	}

	.productList ol.productList li .enjoyengland .inspectorsChoice img,
	.productList ol.searchResults li .enjoyengland .inspectorsChoice img
	{
		margin-top: -1px !important;
	}

	.productList ol.productList li .enjoyengland .highlyCommended,
	.productList ol.searchResults li .enjoyengland .highlyCommended
	{
		margin-top: 2px;
		font-size: 80%;
	}

/* --- type --- */
.productList ol.productList li .type,
.productList ol.searchResults li .type
{
	margin: 0 0 5px 0;
	float: left;
}

	.productList ol.productList li .type h3,
	.productList ol.searchResults li .type h3
	{
		display: none;
	}

	.productList ol.productList li .type p,
	.productList ol.searchResults li .type p
	{
		font-weight: bold;
		border-right: 1px solid #ccc;
		margin: 0 5px 0 0;
		padding: 0 6px 0 0;
	}

/* --- location --- */
.productList ol.productList li .loc,
.productList ol.searchResults li .loc
{
	margin: 0 0 5px 0;
	float: left;
	clear: left;
}

	.productList ol.productList li .loc h3,
	.productList ol.searchResults li .loc h3
	{
		display: inline;
		font-weight: normal;
		clear: none;
		padding-right: 5px;
		font-size: 95%;
	}

	.productList ol.productList li .loc p,
	.productList ol.searchResults li .loc p
	{
		font-weight: bold;
	}

/* --- venue --- */
.productList ol.productList li .venue,
.productList ol.searchResults li .venue
{
	margin: 0 0 8px 0;
	overflow: auto;
}

	.productList ol.productList li .venue h3,
	.productList ol.searchResults li .venue h3
	{
		float: left;
		margin: 0 5px 0 0;
		padding: 1px 12px 0 0;
		font-size: 80%;
		background: url(/images/bullet_2.gif) no-repeat right;
		color: #4e4e4e;
		font-weight: normal;
	}

	.productList ol.productList li .venue p, 
	.productList ol.searchResults li .venue p
	{
		float: left;
	}

/* --- dates --- */
.productList ol.productList li .dates, 
.productList ol.searchResults li .dates,
.bottomBlock .node
{
	margin: 0 0 5px 0;
	clear: both;
}

	.productList ol.productList li .dates h3, 
	.productList ol.searchResults li .dates h3,
	.bottomBlock .node h3
	{
		display: none;
	}

	.productList ol.productList li .dates dl.dates, 
	.productList ol.searchResults li .dates dl.dates,
	.bottomBlock .node dl.dates
	{
		font-size: 75%;
	}

	.productList ol.productList li .dates dl.dates dt, 
	.productList ol.searchResults li .dates dl.dates dt,
	.bottomBlock .node dl.dates dt
	{
		float: left;
		margin: 0 2px 0 0;
		clear: none;
	}

	.productList ol.productList li .dates dl.dates dd, 
	.productList ol.searchResults li .dates dl.dates dd,
	.bottomBlock .node dl.dates dd
	{
		float: left;
		clear: none;
		margin: 0 2px 0 0;
	}

/* --- description --- */
.productList ol.productList li .desc,
.productList ol.searchResults li .desc
{
	margin: 0 0 0.5em 0;
	clear: left;
}

	.productList ol.productList li .desc p,
	.productList ol.searchResults li .desc p
	{
		font-size: 75%;
	}

/* =====================================================================
	right block 
===================================================================== */

/* --- prices --- */
.productList ol.searchResults li .price,
.productList ol.productList li .price
{
	padding: 0 0 5px 0;
	line-height: 1.4em;
	text-align: right;
	font-size: 80%;
}

	.productList ol.searchResults li .price span,
	.productList ol.productList li .price span
	{
		padding: 5px 0;
	}

	.productList ol.searchResults li .price h3,
	.productList ol.productList li .price h3
	{
		font-weight: normal;
		display: inline;
		color: #000;
		display: none;
	}

	.productList ol.searchResults li .priceFrom .priceValue,
	.productList ol.productList li .priceFrom .priceValue
	{
		color: #E3622C;
		clear: both;
		display: block;
		margin: 3px 0;
	}

	.productList ol.searchResults li .priceFrom .priceBasis,
	.productList ol.productList li .priceFrom .priceBasis,
	.productList ol.searchResults li .priceTo,
	.productList ol.productList li .priceTo,
	.productList ol.searchResults li .priceFrom,
	.productList ol.productList li .priceFrom
	{
		display: inline;
	}

	.productList ol.searchResults li .priceFrom .priceValue,
	.productList ol.productList li .priceFrom .priceValue
	{
		font-size: 300%;
		font-weight: bold;
		color: #3C4F57;
	}

	.productList ol.searchResults li p.bookonline,
	.productList ol.productList li p.bookonline
	{
		text-align: right;
	}

	.productList ol.searchResults li .bookonline p a,
	.productList ol.productList li .bookonline p a
	{
		float: right;
	}

	.productList ol.searchResults li .bookonline p.availability,
	.productList ol.productList li .bookonline p.availability
	{
		text-align: right;
		margin: 3px 0 15px 0;
		overflow: auto;
	}

	.productList ol.searchResults li .bookonline p.availability img,
	.productList ol.productList li .bookonline p.availability img
	{
		margin: 0 0 1px 0;
		float: right;
	}

	.productList ol.searchResults li .priceRackRateValue,
	.productList ol.productList li .priceRackRateValue
	{
		text-decoration: line-through;
		background: url(/images/ico-was.gif) no-repeat left;
		margin: 0 0 0 2px;
		padding: 0 0 0 18px;
		color: #ff0000;
	}
	
	
	/* --- address and telephone --- */
	.productList ol.searchResults li .rightBlock div.node,
	.productList ol.productList li .rightBlock div.node,
	.productList ol.searchResults li .rightBlock div.address,
	.productList ol.productList li .rightBlock div.address,
	.productList ol.searchResults li .rightBlock div.telephone,
	.productList ol.productList li .rightBlock div.telephone
	{
		float: left;
		font-size: 80%;
		width: 130px;
		font-style: italic;
		line-height: 15px;
    
		padding-bottom: 5px;
	}

		.productList ol.searchResults li .rightBlock div.node br,
		.productList ol.productList li .rightBlock div.node br,
		.productList ol.searchResults li .rightBlock div.address br,
		.productList ol.productList li .rightBlock div.address br,
		.productList ol.searchResults li .rightBlock div.telephone br,
		.productList ol.productList li .rightBlock div.telephone br
		{
			display: block;
		}
	
		.productList ol.searchResults li .rightBlock div.node address,
		.productList ol.productList li .rightBlock div.node address,
		.productList ol.searchResults li .rightBlock div.address address,
		.productList ol.productList li .rightBlock div.address address
		{
			font-style: italic;
		}

		.productList ol.searchResults li .rightBlock div.node h3,
		.productList ol.productList li .rightBlock div.node h3,
		.productList ol.searchResults li .rightBlock div.address h3,
		.productList ol.productList li .rightBlock div.address h3,
		.productList ol.searchResults li .rightBlock div.telephone h3,
		.productList ol.productList li .rightBlock div.telephone h3
		{
			font-size: 100%;
			font-style: normal;
		}	
	
/* --- booking key --- */
#right .bookingKey
{
    float: left;
    border: 2px solid #5B6D77;
    margin-bottom: 10px;
    margin-top: 10px;
}

.stage2 #right .bookingKey
{
    margin-top: 0px;
}

#right .bookingKey h3
{
    background: #5B6D77;
    color: #fff;
    font-weight: normal;
    font-size: 100%;
    padding: 2px 8px 6px;
}

#right .bookingKey .bookingKeyWrapper
{
    padding: 11px 12px 15px;
}

/* --- booking Enquiries --- */ 
#right .bookingEnquiries
{
    float: left;
    margin-bottom: 10px;
    width: 226px;
}

#right .bookingEnquiries h3
{
    background: #5B6D77;
    color: #fff;
    font-weight: normal;
    font-size: 100%;
    padding: 2px 8px 6px;
}

#right .bookingEnquiries .bookingEnquiriesWrapper
{
    padding: 11px 12px 15px;
}

#right .shortlistExample
{
    float: left;
    border: 2px solid #5B6D77;
    margin-bottom: 10px;
    width: 226px;
}

#right #ShortlistProdList
{
    margin-top: 10px;
}

#right .shortlistExample h3
{
    background: #5B6D77;
    color: #fff;
    font-weight: normal;
    font-size: 100%;
    padding: 2px 8px 6px;
}

#right .bookingEnquiries div
{
}

/* =====================================================================
	bottom block (just sits after everything else)
===================================================================== */

/* --- product list inline unitselection --- */
.productList .UnitSel
{
	width: 706px;
	clear: both;
	margin: 0 0 0 10px;
	padding: 20px 0;
	display: block;
	overflow: auto;
	width: 695px!important;
}

	.productList .UnitSel .ShowHideLinks
	{
		position: absolute;
		bottom: 3px;
		height: 30px;
		left: 634px;
	}

	.productList .UnitSel .ShowHideLinks a
	{
		padding: 2px 0 15px 0;
		width: 82px;
		display: block;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 70%;
		text-align: center;
	}

	.productList .UnitSel .ShowHideLinks a.ViewPrices
	{
		background: #fff url(/images/pricing_open.gif) no-repeat bottom;
	}

	.productList .UnitSel .ShowHideLinks a.HidePrices
	{
		background: #fff url(/images/pricing_close.gif) no-repeat bottom;
	}

	.productList .UnitSelData form
	{
		padding: 10px;
		border-bottom: 1px solid #f0f0f0;
	}
	
	div.UnitSelData form {
    border-top: 1px solid #DFDFDF;
    padding: 8px 8px 20px;
}

	.productList .UnitSelData .StayCandidateItemHeader h2
	{
		display: none !important;
	}

	.productList .UnitSelData .pnStayReqmntTtl
	{
	    padding: 10px 0 5px;
		font-size: 85%;
		font-weight: bold;
	}

	.productList .UnitSelData .pnStayReqmntRslts
	{
		margin: 5px 0;
	}

	.productList .UnitSelData .pnUnitOption
	{
		padding: 5px 0;

	}
	
	.productList .UnitSelData .pnUnitOption label
	{
	   font-size: 75%;
	}

	.productList .UnitSelData .pnPriceBase
	{
		padding: 0 0 12px 17px;
		font-style: italic;
	   font-size: 75%;
	}
	
	.productList .UnitSelData form .AvailLocal img
	{
	    display: none;
	}
	
	.productList .UnitSelData .pnStayButtons
	{
	    margin: 0;
        text-align: right;
        width: 100%;
	}