@charset "utf-8";

/* CSS Document */

/* Colours navn 
red: #cc0000;
dark blue: #336699
light blue: #6699cc

dark green: #cccc99;
light green: #ede6d1;
*/



body {
	background-color: #336699; /* #64819D; /*#64819D; #f7f5f5;*/
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-family: tahoma, arial, helvetica, sans-serif;
	color: black;
	}

body.survey {
	background-color: #cccccc; /* #64819D; /*#64819D; #f7f5f5;*/
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-family: tahoma, arial, helvetica, sans-serif;
	color: black;
	}

	table {border-collapse: collapse;
	}
	
	td.top {background-color: #cc0000;
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	height: 30px;
	color: white;
	}

	td.top a {
		padding-top: 6px;
		color: #cc9900;
		text-decoration:none;
	}

	td.top a:hover {
		padding-top: 6px;
		color: #ffcc66;
	}


	/* could tidy */
	td.subtop {background: url(http://images.hardens.com/images/b/b-lower-grey.gif) no-repeat;
	padding-left: 238px;
	margin: 0px;
	height: 36px;
	overflow: hidden;
	font-size: 11px;
	font-weight: bold;
	font-family: tahoma, arial, helvetica, sans-serif;
	color: white;
	}

	td.subtop_right {background: url(http://images.hardens.com/images/b/new_b/b-lower-line.gif) no-repeat;
	padding-left: 0px;
	margin: 0px;
	height: 37px;
	overflow: hidden;
	font-size: 11px;
	font-weight: bold;
	font-family: tahoma, arial, helvetica, sans-serif;
	color: white;
	}


	/* could tidy */
    td.subtop a:hover, td.subtop_right a:hover {
    font-size: 11px;
	font-weight: bold;
	font-family: tahoma, arial, helvetica, sans-serif;
	color: #CCCCFF;
	}
	
	/* could tidy */
	td.subtop a, td.subtop span.black, td.subtop_right a, td.subtop_right span.black {
	font-size: 11px;
	font-weight: bold;
	font-family: tahoma, arial, helvetica, sans-serif;
	color: black;
	}
	
	.navigation {
	font-size: 11px;
	font-weight: bold;
	font-family: tahoma, arial, helvetica, sans-serif;
	color: #336699;
	margin-bottom:15px;
	}
	
	.navigation a {
	font-size: 11px;
	font-family: tahoma, arial, helvetica, sans-serif;
	color: #336699;
	text-decoration: underline;
	}
	
	#topnav a {
		margin: 0px;
	}

	#SpacerTop {
	width: 768px;
	height: 10px;
	background-color: #336699; /*#f7f5f5;*/
	padding-bottom: 5px;
	}

	#SpacerTop a {
	color: white; 
	}

	td.leftcol {
	width: 170px;
	padding: 0px;
	background-color: #ffffff;
	border-left: solid #b5b5b5 1px;
	border-right: dotted #336699 1px;
	vertical-align: top;
	}

	td.leftcol2 {
	width: 170px;
	padding: 0px;
	background-color: #e4e4e4;
	border-left: solid #b5b5b5 1px;
	border-right: dotted #336699 1px;
	vertical-align: top;
	}

	td.leftcol2 a {
	text-decoration:none;
	}
	
	td.leftcol2 a:hover {
	text-decoration:underline;
	}

	td.leftcol3 {
	width: 170px;
	padding: 0px;
	background-color: #cc0000;
	border-left: solid #b5b5b5 1px;
	border-right: dotted #336699 1px;
	vertical-align: top;
	}
	
	td.midcol {
	width: 430px;
	background-color: white;
	vertical-align: top;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 20px;
	}

	td.midcol h1.home_page {
	font-size: 18px;
	font-weight: bold;
	font-family: tahoma, arial, helvetica, sans-serif;
	margin-top: 20px;
	color: #336699;
	border-top:  dotted #336699 1px;
	border-bottom: dotted #336699 1px;
	width:400px;
	padding-bottom: 5px;
	}
	
	td.midcol h1.ListingHeader {
		font-weight: bold;
		font-family: tahoma, arial, helvetica, sans-serif;
		font-size: 18px;
		background-color:#cc0000;
		color:white;
		margin-top:15px;
		margin-bottom:0px;
		width:395px;
		padding-bottom:8px;
		padding-left:5px;
		padding-top:8px;
	}

	td.midcol h1.CategoryHeader {
		font-weight: bold;
		font-family: tahoma, arial, helvetica, sans-serif;
		font-size: 18px;
		color:#336699;
		margin-top:15px;
		margin-bottom:0px;
		width:395px;
		padding-bottom:8px;
		padding-left:5px;
		padding-top:8px;
	}


	td.midcol div.ListingHeaderMid {
		background-color:#cc0000;
		color:white;
		font-family: tahoma, arial, helvetica, sans-serif;
		font-size: 11px;
		font-weight:bold;
		margin-top:1px;
		margin-bottom:0px;
		width:395px;
		height: 14px;
		padding-left:5px;
	}

	td.midcol div.ListingHeader {
		background-color:#999999;
		color:white;
		font-family: tahoma, arial, helvetica, sans-serif;
		font-size: 11px;
		font-weight:bold;
		margin-top:1px;
		margin-bottom:15px;
		width:395px;
		height: 14px;
		padding-left:5px;
	}

	td.midcol div.ListingHeader span.CurrentPage {
		background-color:#336699;
		color:white;
	}


	td.midcol div.ListingHeader a, td.midcol div.ListingHeaderMid a {
		color:white;
		font-size: 11px;
		text-decoration: underline;
	}		

	td.midcol div.ListingHeader a:hover, td.midcol div.ListingHeaderMid a:hover {
		background-color: #ff9900;
		color:white;
		font-size: 11px;
		text-decoration: underline;
	}		

	tr.party_results {
		border-bottom:1px dotted gray;
		width:400px;
	}
	
	td.party_results_left {
		width:120px;
	}
	
	td.party_results_right {
		width:280px;
		padding-left:5px;
		padding-bottom:10px;
		padding-top:3px;
	}

	span.SmallPrint {
		color: #666666;
	}


	.rest_name {
		font-weight:normal;
		color:#cc0000;
		font-size:16px;
		margin-top:8px;
	}

	td.midcol h2 {
	font-size: 18px;
	font-weight: bold;
	font-family: tahoma, arial, helvetica, sans-serif;
	margin-top: 25px;
	color: #336699;
	border-bottom: dotted #336699 1px;
	width:390px;
	}

	td.midcol h3 {
	font-size: 18px;
	font-weight: bold;
	font-family: tahoma, arial, helvetica, sans-serif;
	margin-top: 20px;
	margin-bottom: 0px;
	color: #336699;
	width:390px;
	}

	td.midcol p {
	width: 390px;
	margin-top: 5px;
	font-size: 12px;
	padding-right: 15px;
	}
	
	table.price {
	background-color:#ede6d1;
	color:black;
	}

	tr.price {
	background-color:#cccc99;
	border-bottom: solid white 1px; 
	font-stretch:condensed; 
	}

	td.price {
	border-bottom: solid white 1px; 
	font-stretch:condensed; 
	}

	table.blue {
	background-color:#6699cc;
	color:black;
	}

	tr.blue {
	background-color:#336699;
	border-bottom: solid white 1px; 
	font-stretch:condensed; 
	}

	td.blue {
	border-bottom: solid white 1px; 
	font-stretch:condensed; 
	}


	.single_col {
	float:left;
	width:100%;
	border-bottom: dotted #336699 1px;
	margin-top: 10px;
	padding-bottom: 10px;
	vertical-align:top;
	}
	
	.left_subcol {
	clear:none;
	float: left;
	width: 190px;
	padding-bottom: 0px;
	padding-right: 10px;
	}

	.right_subcol {
	clear:none;
	margin-left: 210px;
	width: 190px;
	padding-bottom: 0px;
	}
	
	.right_subcol h3.red, .left_subcol h3.red {
	width: 180px;
	margin-top: 0px;
	padding-bottom: 4px;
	font-size: 12px;
	font-weight: bold;
	font-family: tahoma, arial, helvetica, sans-serif;
	color:#cc0000;
	}
	
	.whole_subcol {
	float:left;
	clear:both;
	margin-top: 0px;
	padding: 0px;
	font-size: 11px;
	font-family: tahoma, arial, helvetica, sans-serif;
	color: #000000;
	}
	
	.whole_subcol a.blue_dotted {
	font-size: 11px;
	font-family: tahoma, arial, helvetica, sans-serif;
	color: #336699;
	text-decoration: none;
	border-bottom: 1px dotted grey;
	}
	
	.whole_subcol a.blue_dotted:hover { 
	color: #336699; 
	text-decoration: underline ;
	border-bottom: none;
	}

	.whole_subcol a.NameListingLink {
	font-size: 12px;
	font-weight:bold;
	font-family: tahoma, arial, helvetica, sans-serif;
	color: #ff0000;
	text-decoration: none;
	}
	
	.whole_subcol a.NameListingLink:hover { 
	color: #ff0000; 
	text-decoration: underline ;
	}


	img#LR {
	padding-top: 7px;
	}

	img#UKR {
	padding-left: 8px;
	padding-top: 7px;
	}

	img#Party {
	padding-left: 8px;
	padding-top: 7px;
	}

	.arrow {
	float:right; 
	}
	
	td.rightcol {
	text-align: center;
	width: 170px;
	background-color: white;
	padding: 10px;
	vertical-align: top;
	}

	td.footer {
	width: 770px;
	background-color: white;
	vertical-align: bottom;
	font-size: 11px;
	font-family: tahoma, arial, helvetica, sans-serif;
	}

	.blbl {background: url(http://images.hardens.com/images/corners/Big/BL-blue-grey-bg.gif) 0 100% no-repeat #6699cc; width: 160px; margin-left:5px; margin-top:10px; margin-bottom:10px;} 
	.blbr {background: url(http://images.hardens.com/images/corners/Big/BR-blue-grey-bg.gif) 100% 100% no-repeat} 
	.bltl {background: url(http://images.hardens.com/images/corners/Big/TL-blue-grey-bg.gif) 0 0 no-repeat} 
	.bltr {background: url(http://images.hardens.com/images/corners/Big/TR-blue-grey-bg.gif) 100% 0 no-repeat; padding:5px; font-size: 14px; color:white; font-weight: bold; font-family: tahoma, arial, helvetica, sans-serif;
} 
    .bltr a {
	text-decoration:none;
	color:#FFFFFF;
	}

	.mbl {background: url(http://images.hardens.com/images/corners/Big/BL-mauve.gif) 0 100% no-repeat #ccccff; width: 160px; margin-left:5px; margin-top:10px; margin-bottom:10px;} 
	.mbr {background: url(http://images.hardens.com/images/corners/Big/BR-mauve.gif) 100% 100% no-repeat} 
	.mtl {background: url(http://images.hardens.com/images/corners/Big/TL-mauve.gif) 0 0 no-repeat} 
	.mtr {background: url(http://images.hardens.com/images/corners/Big/TR-mauve.gif) 100% 0 no-repeat; padding:5px; font-size: 14px; color:#336699; font-weight: bold; font-family: tahoma, arial, helvetica, sans-serif;
} 
    .mtr a {
	text-decoration:none;
	color:#336699;
	}

	.bgbl {background: url(http://images.hardens.com/images/corners/Big/BL-beige.gif) 0 100% no-repeat #cccc99; width: 160px; margin-left:5px; margin-top:10px; margin-bottom:10px;} 
	.bgbr {background: url(http://images.hardens.com/images/corners/Big/BR-beige.gif) 100% 100% no-repeat} 
	.bgtl {background: url(http://images.hardens.com/images/corners/Big/TL-beige.gif) 0 0 no-repeat} 
	.bgtr {background: url(http://images.hardens.com/images/corners/Big/TR-beige.gif) 100% 0 no-repeat; padding:5px; font-size: 14px; color:#336699; font-weight: bold; font-family: tahoma, arial, helvetica, sans-serif;
} 
    .bgtr a {
	text-decoration:none;
	color:#336699;
	}

    .bltr p, .bgtr p, .mtr p {
	font-size: 12px;
	color:#336699;
	font-weight: normal;
	font-family: tahoma, arial, helvetica, sans-serif;
}

	label.sidebar {
	font-size: 12px;
	color:black;
	font-weight: normal;
	font-family: tahoma, arial, helvetica, sans-serif;
}



	.clear {font-size: 1px; height: 1px
}

    .topleftimg {
	margin-left:14px; 
	margin-top:15px; 
	}
	
	div.row {
    clear: both;
    padding-top: 0px;
	}
	
	div.row span.label , .single_col span.label {
	padding-top: 0px;
	margin-top:0px;
    float: left;
    width: 150px;
    text-align: right;
	}

	div.row span.labelrequired , .single_col span.labelrequired {
	padding-top: 0px;
	margin-top:0px;
    float: left;
    width: 150px;
    text-align: right;
    color:#cc0000;
	}

	div.row span.formw , .single_col span.formw {
	padding-top: 0px;
	margin-top:0px;
    float: right;
    width: 235px;
    text-align: left;
	} 
	
	div.row span.formw input,  
	div.row span.formw textarea {
		position: relative;
		width: 210px;
	}
	
	div.row span.formw select {
		width: 214px;
	}
	
	div.row span.left, .single_col span.left, .single_col div.left {
	clear:none;
	float: left;
	text-align: left;
	width: 270px;
	margin-top: 4px;
	vertical-align: bottom;
	}
	
	div.left p {
	width: 260px;
	margin-top: 5px;
	font-size: 12px;
	}
	
	
	div.row span.right, .single_col span.right, .single_col div.right {
	float: right;
    text-align: right;
	width: 120px;
	margin-top: 4px;
	}

	div.left div.booktitle {
	width:270px;
	font-size: 16px;
	color: DarkSlateGray;
	font-weight: bold;
	}

	div.left span.bookquote {
	width:270px;
	color: #336699;	
	font-style: italic;	
	}
	
	div.left span.bookquotesource {
	width:270px;
	color: #336699;	
	}
				
	div.left div.bookblurb, div.left div.booktickbox {
	width:270px;
	font-size: 12px;
	margin-top: 4px;
	}
		
	div.left div.bookbibliographic {
	width:270px;
	color: #336699;
	margin-top: 4px;
	}
		
		
	div.date	{
	width:180px;
	padding-bottom: 4px;
	color: #336699;
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	}
	
	div.spacer {
  clear: both;
  }

	div.box 
	{
	background: red;
	color:white;
	border: none; 
	border-width: thin; 
	width: 100%;
	font-size: 10pt; 
	font-weight: bold;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	}

	ul.links {
	font-size:11px;
	margin-left:1em;
	padding-left:0px;
	color:#cc0000;
	list-style-type: square;	
	}
	
	li.links {
	list-style:none;
	}
	
/* Area search page zoom info box styles */
div.zoom_good {
	color: #009900;
}

div.zoom_bad {
	color: #990000;
}

.bigred {
	color: #cc0000;
	font-size: 16pt;
	font-weight: bold;
}

a.white {
	color: #ffffff;
	margin-left: 8px;
}

/* Search results price range classes */
	.results100 {
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;		
	}
	.results100.links {
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;		
	}
	.results100:hover {
	color: #cc0000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;		
	}
	.results90 {
	color: #009118;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;		
	}
	.results90.links {
	color: #009118;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;		
	}
	.results90:hover {
	color: #cc0000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;		
	}
	.results80 {
	color: #ff6000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;		
	}
	.results80.links {
	color: #ff6000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;		
	}
	.results80:hover {
	color: #cc0000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;		
	}
	.results70 {
	color: #7727c9;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;		
	}
	.results70.links {
	color: #7727c9;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;		
	}
	.results70:hover {
	color: #cc0000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;		
	}
	.results60 {
	color: #2e1c64;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;		
	}
	.results60.links {
	color: #2e1c64;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;		
	}
	.results60:hover {
	color: #cc0000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;		
	}
	.results50 {
	color: #d45500;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;		
	}
	.results50.links {
	color: #d45500;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;		
	}
	.results50:hover {
	color: #cc0000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;		
	}
	.results40 {
	color: #339966;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;		
	}
	.results40.links {
	color: #339966;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;		
	}
	.results40:hover {
	color: #cc0000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;		
	}
	.results30 {
	color: #cc0000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;		
	}
	.results30.links {
	color: #cc0000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;		
	}
	.results30:hover {
	color: #cc0000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;		
	}
	.results20 {
	color: #004890;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;		
	}
	.results20.links {
	color: #004890;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
		
	}
	.results20:hover {
	color: #cc0000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
		
	}
	.results10 {
	color: #ac8100;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
		
	}
	.results10.links {
	color: #ac8100;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
		
	}
	.results10:hover {
	color: #cc0000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
		
	}
	
	.results0 {
	color: #505050;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
		
	}
	.results0.links {
	color: #505050;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
		
	}
	.results0:hover {
	color: #cc0000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
		
	}
	
/* Price range boxes on the search results page */
#searchresults {
	background-color: #f7f5f5;
	border: 1px solid #6699CC;
	padding: 10px;
	margin: 0px;
}

.pricerange {
	position: relative;
	padding-top: 10px;
}

.pricerange_icon {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 44px;
	height: 45px;
}

.pricerange table {
	width: 376px;
	margin-left: 24px;
}

.pricerange table tr.alt0 {
	background-color: #EBEBEB;
	line-height: 23px;
}

.pricerange table tr.alt1 {
	background-color: #F7F5F5;
	line-height: 23px;
}

.pricerange table tr.over {
	background-color: #FFFFFF;
	line-height: 23px;
}


.style1 {color: #FFFFFF}
.style3 {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
}

/* Quick search styles*/
#quicksearch, #quicksearch a {
	font-size: 9pt;
	color: black;
}

.quicks_selected {
	background-color: #6699cc;
}


/* Display restaurant search and hide parties by default */
#quicks_rest {
	display: block;
}

#quicks_party {
	display: none;
}

/* links on a red background */
a.onred {
	color: #FFFFFF;
	text-decoration: underline;
}

a.onred:hover {
	color: #FFFFFF;
		text-decoration: none;
}


/* SURVEY / DIARY STYLES */

.tealtable, .tealtable td, .tealtable td
{
background-color:white;
color:black;
font-family: verdana;
font-size: 8pt;
}

td.grey
{
background: #cccccc;
color:black;
font-family: verdana;
font-size: 8pt;
border: 1px solid white;
}


td.brown
{
background: #ffcccc;
color:black;
font-family: verdana;
font-size: 8pt;
border: 1px solid white;
}

/* SIDE NAVIGATION */


div.nav_header {
	font-weight: bold;
	padding-left: 2px;
	border-top: 1px solid #336699;
	background-color: #336699;
	color: white;
	width:150px;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
}

div.nav_footer {
	font-weight: bold;
	padding-left: 2px;
	border-top: 1px solid #336699;
	background-color: #6699cc;
	color: white;
	width:150px;
	margin-left:10px;
	margin-right:10px;
}


div.nav_off {
	padding-left: 2px;
	border-top: 1px solid gray;
	background-color: #cccccc;
	width:150px;
	margin-left:10px;
	margin-right:10px;
}

div.nav_on {
	padding-left: 2px;
	border-top: 1px solid gray;
	background-color: #000000;
	color: #ffffff;
	width:150px;
	margin-left:10px;
	margin-right:10px;
}

div.nav_off a {
	color: #333333;
	text-decoration: none;
	background-color: #cccccc;
	display: block;
}

div.nav_on span {
	padding-left: 2px;
	border-top: 1px solid gray;
	background-color: #000000;
	color: #ffffff;
}

div.nav_off a:hover{
	background-color: #cc0000;
	color: #ffffff;
}

/* for tube autocompleter */
#tube_suggestions {
border: 1px solid #999;
background-color: #fff;
}

#tube_suggestions ul {
list-style: none;
margin:0;
padding:0;
}

#tube_suggestions li {
padding: 2px 3px;
}

#tube_suggestions strong {
font-weight: bold;
text-decoration: underline;
}

#tube_suggestions li.selected {
color: #fff;
background-color: #8c1000;
}