@import url("/common/css/pagebase.css");
@import url("/common/css/top.menu.css");
@import url("/common/css/eventbase.css");
@import url("/common/css/searchbase.css");

/*
 *  colours:
 *    body: black
 *    borders: #221e1f
 *    link: #676767/#666, #333/#EF3A41
 *    em: #EF3A41 bold normal
 *    h1-3: black bold
 *    menubar: #333, #999
 *    menu: (black) on white, white on #999
 */

body {
  padding: 0;
  margin: 10px 20px 0 20px;
  font-size: 0.88em;
  color: #333;
}

body#page {
  background: #b0b0b0;
}

em { font-style: italic; font-weight: normal; color: black }

a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	text-decoration: none;
	color: #800000;
}

a:active, a:hover {
  border-bottom-color: #999999;
  text-decoration: none;
  color: #990000;
}

textarea, input {
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  color: #000000;
}

input.button {
  border: 1px solid #ccc;
  background-color: #fff;
  color: black;
}

h1, h2, h3 {
  color: #800e00;
  font-weight: normal;
}

h1 {font-size: 135%;}

h2 {
	font-size: 120%;
	}
h3 {font-size: 120%;}
h4 {
	font-size: 110%;
	color: #413033;
	background-color: #cabeab;
	font-weight: normal;
	text-align: center;
	padding: 4px 0 4px 0;
	border: 1px solid #BE9C7A;
	margin: 5px 0 5px 0;
		}

h5 {
	font-size: 100%;
	color: #C94E02;
	background-color:#E9E5D4;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	padding: 4px 0 4px 0;
	border: 1px solid #89765E;
	margin: 5px 0 5px 0;
		}

div > h4:first-child { margin-top: 0 } /* 'cos IE does this whether we want or no */

#pagetop {
	height: 125px;
	 text-align: center;
	min-width: 700px;
	border-bottom: 28px solid #000;
	background-color: #6b2923;
}

* html #pagetop { height: 168px }

#pagetop a { border-width: 0;}


#marrian { 
 margin-top:  35px;
 text-align: center; }
 
 #elephants {
	margin-right: 25px;
	float:  right;
		
}
.whiskyandglass {
  position: absolute;
  float:right;
  top: 20px; 
  right: 20px; 
}

.leaditems {
	float: left; 
	width: 46%; 
	margin: 0 2% 0 2%;
	}

* html .leaditems { width: 42% }

#body {
  padding: 0 0 10px 0;
}

#navigate {
	top: 137px;
	left: 0;
	height: 23px;
	width: 100%;
}

#menu {
	position: relative;
	top: 0;
	left: 0;
	height: 23px;
	margin-left: 155px;
	font-size: 90%;
	border: none;
}

ul#menubar {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  border: none;
  background-color: #1d1915;
  padding: 3px 0 0 1px;
}

li.menuhead {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#menupad {
  top: -100px;
  height: 650px;
}

#menuoffset {
  top: 14px;
  top: 1.3em;
  left: 0;
  height: 20px;
}

* html ul#menubar { height: 23px }

#menu a { padding: 3px }

#menu a.menutitle, #menu a.menuactive {
  position: relative;
  top: 0;
  left: 4px;
  left: 0;
  text-transform: uppercase;
/*  font-family:Georgia, "Times New Roman", Times, serif; */
  font-size: 11px;
  font-weight: normal;
}

#menu a.menutitle:link, #menu a.menutitle:visited, #menu a.menutitle:active {
  color: #fef3de;
  background-color: transparent;
}

#menu a.menutitle:hover, #menu a.menuactive:link, #menu a.menuactive:visited {
	background-color: #2F1F11;
	color: #fef3de;
}

#menu .menubag ul {
  margin-top: 0.3em;
  background-color: white;
  color: #999;
  text-transform: uppercase;

}

#menu .menubag a {
  border-style: none;
}

#menu .menubag a.indented { padding-left: 8em }

#menu .menubag a:link, #menu .menubag a:visited, #menu .menubag a:active {
  background-color: #fff;
  color: #000000;
}

#menu .menubag a:hover {
  background-color: #EDEDED;
  color: #800000;
}

#leftmenu a, #rightmenu a {
  height: 24px;
  padding-top: 5px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
}

#leftmenu a, #rightmenu a {
  display: block;
}

#leftmenu a, #rightmenu a { color: #000000; }

#leftmenu a:hover, #rightmenu a:hover {
  background-color: transparent;
  color: white;
}

#leftcolumn, #rightcolumn {
  position: absolute;
  top: 164px;
  padding-top: 45px;
  padding-bottom: 5px;
  font-size: 90%;
  list-style-position: outside;
  list-style-type: none;
  background-color: #fff;
}

#leftcolumn {
  left: 20px;
  width: 120px;
  padding-left: 5px;
  padding-right: 5px;
}

* html #leftcolumn { width: 130px }

#rightcolumn {
  right: 20px;
  width: 195px;
  border-left: 1px solid #dcd0a0;
  padding-left: 12px;
  padding-right: 33px;
}

* html #rightcolumn { width: 241px }

#leftcolumn .leftlogo { text-align: center }

#leftcolumn p, #leftcolumn form {
	margin: 0;
}

#leftcolumn ul {
	margin: 0;
	padding: 0 3px;
	list-style-position: inside;
	list-style-type: none;
	text-align: left;
	text-transform: lowercase;
	}
	
#leftcolumn li {
	margin: 0;
	padding-bottom: 2px;
	padding-top: 8px;
	}	

#leftcolumn a {
	color: black;
	font-size: 100%;
	margin-bottom: 5px;
  border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-decoration: none;


}

#leftcolumn a:link, #leftcolumn a:visited {
  color: black;
}

#leftcolumn a:active, #leftcolumn a:hover {
  color: #800000;
}

#leftcolumn #searchform {
  margin-bottom: 20px;
}

#leftcolumn #searchform input.text {
  width: 130px;
  background: white url("/common/resources/glass-16x16.png") top left no-repeat;
  padding-left: 18px;
}

#leftcolumn .sitelink {
  margin-bottom: 10px;
}

#rightbox {
  width: 155px;
  border: 1px solid #ffc7c7;
  background-color: white;
  padding: 10px 10px 15px 15px;
}
#rightbox a:link, #rightbox a:visited, #rightbox a:active, #rightbox a:hover {
	color: #5D5D5D;
	border: none;
text-decoration: none;
}

#rightbox .rightlisting {
	text-align:right;
}

#rightbox .rightlisting a:link, #rightbox .rightlisting a:visited {
	color: #3F3F3F;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: none;
	text-decoration: none;
}

#rightbox .rightlisting a:active, #rightbox .rightlisting a:hover {
  color: #800000;
  border-top: none;
	border-right: none;
	border-bottom: 1px solid #666666;
	border-left: none;
	text-decoration: none;
}

* html #leftbox { width: 168px }
* html #leftbox #searchform input.text { width: 150px }
* html #rightbox { width: 180px }

div.frontpage, img.frontpage, p.frontpage { float: left }
img.frontpage, p.frontpage { margin-left: 10px }
div.frontpage { width: 49%; margin-top: 5px }
img.frontpage { border: 1px solid #fcac21; padding: 5px }
p.frontpage { width: 35%; min-width: 85px }

#catalogueinsert {
  margin-bottom: 1em;
  padding: 1em 0 1em 0.5em;
  text-align: center;
  font-size: 95%;
  font-weight: bold;
}

#catalogueinsert img { float: left; padding-right: 0.3em }

#content {
	margin: 0 236px 0 130px;
	padding: 25px 8px;
	line-height: 140%;
	border-style: none none none none;
	background-color: #FFFFFF;
	}

.helptext { color: #966 }

table.contacttable { width: 100%; margin-top: 1em }
table.contacttable th { font-weight: bold }
table.contacttable th.section { padding-top: 1em }

div.cataloguepdf { clear: left }
div.cataloguepdf img { float: left; padding-right: 1em }

#pagetail {
	text-align: center;
	background-color:#FFFFFF;
		}
hr {
	border: 0;
	width: 100%;
	color: #666;
	height: 1px;
	background-color: #666;
}

.indievent {
	margin-top: 10px;
		}
.details  {
	margin-top: 10px;
		}
 .black {color: #000000 }
 .paler {color: #666666; }
 .enquire {font-size: 85%;}
 .red {color: #800000;}
 .booklisting {
 	margin-left: 25px;
		}

.search1 	{
	background-color:#CCCCCC;
	color: #800000;
	}

/*
 *  maps drilldown page
 */

.regionhead a {
  padding-left: 19px;
  background-position: center left;
  background-repeat: no-repeat;
  border-bottom-width: 0;
}

#filterform div { margin-top: 0.5em }
.open .regionhead a { background-image: url("/common/resources/closebox.gif") }
.closed .regionhead a { background-image: url("/common/resources/openbox.gif") }
.busy .regionhead a { background-image: url("/common/resources/loading-16x16.gif") }
.regionbody { padding-left: 19px }
.closed .regionbody { display: none }
.regionbody img { float: left; padding-right: 1em }
.mapprice { color: #800000; white-space: nowrap }
.detaillink { clear: left; padding: 0.3em 0 0.6em 0 }

/*
 *   thumbnail and gallery styles
 */

.thumb {
  position: absolute;
  width: 125px;
  height: 125px;
  text-align: center;
}

.thumb img {
  border-style: none;
  margin-left: auto;
  margin-right: auto;
}

.piximage img { border-style: none }

.thumblist, .thumbnail { position: relative }
.thumblist .thumbback, .thumblist .selected, .thumblist .thumbforward { display: inline }
.thumblist img { border: 1px solid white; margin: 4px 1px }
.thumblist img.missing { border-color: #ddd }
.thumblist .selected img {
  border-color: white;
  opacity: 0.30;
  /* non-standard alpha settings - will not validate :) */
  -moz-opacity: 0.30;
  -khtml-opacity: 0.30;
  filter: alpha(opacity=30);
}
.thumblist a { border-bottom-width: 0 }
.thumblist a:hover img { border-color: #357910 }

.headline
	{
	clear: left;
}

#backtotop {
	border: 1px solid #CCCCCC;
	padding: 5px;
	background-color: #F0F0F0;
	}