@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 {
  background-color: white;
  padding: 0;
  font-size: 0.91em;
  color: #1A1A1A;
  font-family: "Lucida Grande", Verdana, Ariel, sans-serif
}

body#page {
	background: white url("/resources/page.background.jpg") top left no-repeat;
	}
#backtotop {
	border: 1px solid #CCCCCC;
	padding: 5px;
	background-color: #F0F0F0;
	}

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: #500000;
	font-weight: normal;
	font-variant: normal;
}

h1 {font-size: 135%;}

h2 {
	font-size: 120%;
	color: #474747;
}
h3 {font-size: 120%;}
h4 {
	font-size: 110%;
	color: #800000;
	margin-bottom: 5px;
	font-weight: normal;
	}

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

div.pagediv {
  position: relative;
  min-width: 850px;
}

* html div.pagediv {
  position: absolute;
  top: 0;
  left: 0;
}

#pagetop { 
  height: 167px;
}

#pagetop a { border-width: 0 }

#chartis { 
  position: absolute;
  top: 35px; 
  left: 420px;
}
  
#jplogo {  
  position: absolute;
  top: 15px; 
  left: 20px;
}

.jpproducts {
  position: absolute;
  top: 20px; 
  right: 20px; 
}

#abalogo, #badalogo {
  position: absolute;
  top: 60px;
}

#abalogo { right: 110px }
#badalogo { right: 40px }

#chartistop {
  position: absolute; 
  top: 35px; 
  right: 10px;
}

#body {
  background-image: url("/resources/body.background.gif");
  background-repeat: repeat-y;
  background-position: top left;
  padding-top: 18px;
}

#loginbox {
  text-align:left;
  padding: 15px;
}

#loginbox input.text { width: 100% }

#navigate {
	top: 145px;
	left: 0;
	width: 100%;
}

* html #navigate { height: 34px }

#menu {
	position: relative;
	top: 0;
	left: 0;
	height: 21px;
	margin-left: 168px;
	font-size: 90%;
	border-bottom: 1px solid black;
  border-top: 1px solid black;
  border-left: 1px solid black;
}

ul#menubar {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 100%;
  background-color: #79352b;
  padding: 3px 0 0 0;
}
/*
#menu {
	position: relative;
	top: 0;
	left: 0;
	height: 22px;
	margin-left: 168px;
	font-size: 90%;
	border-bottom: 1px solid black;
}

ul#menubar {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  border-top: 1px solid black;
  border-right: 1px solid black;
  border-left: 1px solid black;
  background-color: #8C4437;
  padding: 3px 0 0 1px;
}
*/
li.menuhead {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  
}

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

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

* html #menu { height: 23px }
* html ul#menubar { height: 22px }

#menu a {
  background-color: transparent;
  padding: 3px;
  color: #FFFFFF;
}

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

#menu a:hover, #menu a.menuactive:link, #menu a.menuactive:visited {
  background-color: #EDEDED;
  color: #800000;
}

#menu .menubag ul {
  margin-top: 0.3em;
  background-color: #D3BC9F;
  color: #000000;
}

#menu .menubag a { border-style: none; color: #5D2D25; }
book { padding-left: 8em }

#menu li.memberarea a {
}

#menu li.memberarea .menubag ul, #menu li.memberarea .menubag a {
}

#menu li.memberarea a:hover,
#menu li.memberarea a.menuactive:link, #menu li.memberarea a.menuactive:visited {
}

#leftmenu a, #rightmenu a {
  height: 24px;
  padding-top: 5px;
  text-align: center;
  text-transform: uppercase;
  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;
	font-size: 90%;
	list-style-position: outside;
	list-style-type: none;
}

#leftcolumn {
  top: 165px;
  left: 0px;
  border-right: 1px solid black;
}

#leftbox {
  width: 155px;
  padding: 0 8px 0 5px;
  text-align: right;
  color: black;
}

#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: capitalize;*/
	}
	
#leftcolumn li {
	margin: 0;
	padding-bottom: 2px;
	padding-top: 8px;
	}	

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

}

#leftcolumn a:link, #leftcolumn a:visited {
  color: #6E2B1E;
}

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

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

#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: 4px;
}

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

#rightbox .rightlisting {
	text-align:left
}
#rightlisting li {
	list-style-type: none;
	padding-bottom: 3px;
}
#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;
}

#rightlisting a:active, #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 }

#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 }

#logoblock {
  margin-top: 1em;
  text-align: center;
}
/*
#leftmenu a, #rightmenu a {
  width: 160px;
  background: transparent url("/css/button.wide.png") top left no-repeat;
  text-decoration: none;
  margin: 0 auto;
  border-bottom: none;
}

#leftmenu a:hover, #rightmenu a:hover { border-bottom: none }

#rightmenu { margin-bottom: 13em }

#righttop, #rightaddress div, #leftaddress div { padding: 1em }

#rightaddress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #bbb;
  background-color: #d6d6d6;
}

#leftaddress {
  margin-top: 1em;
  background-color: #bbb;
  background-color: #d6d6d6;
}
*/
#content {
	margin: 0 200px 0 195px;
	padding: 0 10px 0 10px;
	line-height: 140%;
	border-style: none none none none;
	}

.helptext { color: #966 }
.pink {
	float: right;
	background: #C49885;
	width: 250px;
	margin-left: 1em;
			}
.pinknews {
	float: right;
	background: #C49885;
	width: 180px;
	margin-left: 1em;
			}

.pink li, .pinknews li {
	color: black;
	list-style-position: outside;
	list-style-type: none;
	padding-top: 0px;
	padding-bottom: 4px;
	margin-left: -17px;
	margin-right: 4px;
	list-style-image: url(/css/twoarrows.gif);
}
.pinknews h3 {
	font-size: 100%;
	margin: 7px 0 0px 8px;
		}
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;
}

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; }
.red {color: #800000;}

.booklisting {
 	margin-left: 15px;
 			}
.booklisting ul {
	list-style-image: none;
	list-style-type: none;
}
.booklisting li {
	padding-bottom: 5px;		
}
.booklisting a:link, .booklisting a:visited {
	color: #5c2820;
	border-bottom: none;
	text-decoration: none;
	font-style: italic;
}
.booklisting a:active, .booklisting a:hover {
	color: #520900;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #666666;
	border-left: none;
	text-decoration: none;
}
.search1 	{
	background-color:#CCCCCC;
	color: #800000;
	}

/*
 *  maps drilldown page
 */

#mapsearchresult { padding-bottom: 2em }

.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 }


/*
 *  shopping cart
 */

.checkoutform label {
  display: block;
  clear: left;
  float: left;
  width: 12em;
  text-transform: lowercase;
}

.checkoutform label.hidden { visibility: hidden }
.checkoutform label.above { float: none; width: inherit }
.checkoutform label, .checkoutform input, .checkoutform select { margin-top: 0.6em }
.checkoutform input.button { margin-top: 1.2em }
.checkoutform br { clear: left }

table.basket { width: 100% }
table.basket td { vertical-align: top }
table.basket th.price, table.basket td.price { text-align: right; padding: 0 0 0 1em }
table.basket td.adjust { white-space: nowrap; text-align: left; padding: 0 1em }
table.basket td.adjust input { width: 1em }

#basket.full .empty, #basket.empty .full { display: none }
#basket.empty .empty, #basket.full .full { display: block }

.buylink .basket { display: none }
.buylink.basket .basket { display: block }

.buylink .available { display: none }
.buylink.available .available { display: block }
.buylink.available.reserved .available { display: none }

.buylink .enquire { display: none }
.buylink.available .enquire { display: block }

.buylink .reserved { display: none }
.buylink.reserved .reserved { display: block }
.buylink.reserved.basket .reserved { display: none }

.buylink .sold { display: block }
.buylink.available .sold { display: none }
.buylink.reserved .sold { display: none }
.buylink.basket .sold { display: none }

.buythis, .enquire, .remove, .buylink .basketlink { font-size: 85% }
.sold, .inbasket { font-weight: bold; font-size: 110% }
.sold, .reserved { color: red }

a.basketlink, a.checkoutlink {
  padding-left: 19px;
  background-position: center left;
  background-repeat: no-repeat;
}

a.basketlink { background-image: url("/common/icons/shopping-cart-orange.gif") }
a.checkoutlink { background-image: url("/common/icons/checkout3-orange.gif") }

.finaltotal h3 { margin-bottom: 0 }
.finaltotal p { margin: 0 0 0 0 }
.finaltotal input { margin-top: 1em }

#pagetail {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

#pagetail div {
  background-color: #79352b;
  padding: 3px 0 3px 6px;
  text-transform: uppercase;
/*  font-family:Georgia, "Times New Roman", Times, serif; */
  font-size: 11px;
  font-weight: normal;
  margin: 0 0 0 	168px;
  border-left: 1px solid black;
  border-top: 1px solid black;
  text-align: left;
}

#pagetail a {
  background-color: transparent;
  padding: 3px;
  color: #FFFFFF;
  text-decoration: none;
  border:  0;
 }

.send2friendactivate p { display: inline }

.send2friendactivate input.button {
  border-width: 0 2px 2px 0;
  border-color: #d7d7d7;
  background-color: #8c695a;
  font-size: smaller;
  color: white;
  cursor: pointer;
}