@charset "utf-8";
/*Defaults*/
body {
	color: #3D3D3D;
	margin:0;
	padding: 0;
	background: url(/img/greydiant-a.gif) repeat-x center top;
	font-family:Arial,Verdana,sans-serif;
	font-size: 13px;
	line-height:1.4;
}

a {text-decoration: none;color: #27408B;}
a:hover {text-decoration: underline;}
a:visited{color:#27408B;}

h2 {
	color: #3D3D3D;
	margin: 0;
	padding-top: 10px;
}

h3 {
	color: #3D3D3D;
}

h3.memso{
	padding-left:5px;
}
h3.memso img{vertical-align:middle;}

h4 {
	color: navy;
	font-size: 100%;
	margin-bottom: 0;
}

.smalltext{
	font-size: 70%;
}

.hiEmphasis {
	color: red;
	font-weight: bold;
	size: 110%;
}

.greyheader {
	font-weight: bold;
	color: gray;
	text-decoration: none;
	}

img {
	border: 0;
	margin: 0;
	padding: 0;
}

.clickablelink{
	cursor:pointer;
	color:#27408B;
}
.clickableimg{
	cursor:pointer;
}
.usernotification{
	background:#ddf;
	color:#f00;
	padding:1px 4px 1px 4px;
}

/*All content appears within this div.*/
#containingblock {
	position: relative;
	background: #ffffff;
	width: 1002px;
	min-height: 930px;/*nice browser*/
	height:auto !important;/*IE6 minheight hack*/
	height:930px;/*IE6 minheight hack*/
	margin-left: auto;
	margin-right: auto;
	border: 1px solid gray;
	padding-top:10px;
}

#trlogo {
	position: absolute;
	top: 7px;
	left: 10px;
	z-index:100;
}

#banner {
	display:block;
	position: relative;
	top: 0px;
	width: 1002px;
	height: 90px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-image: url(/img/bannermid.jpg);
	background-repeat: repeat-x;
	z-index: 99;
}

#trtxt { position: relative; top: 15px; left: 55px; }
#memsotxt { position: relative; top: 10px; left: 55px;}
#cadflag {
	position: absolute;
	top: 72px;
	right: 3px;
}
.emphasis {
	border-top: 1px solid silver;
/*	border-bottom: 1px solid silver;*/
	background: transparent;
}
.emphasis h1 {
	color: maroon;
	background:#DCDCDC;
	padding: 0 10px;
	font-weight: normal;
	font-size:14px;
	margin-top:0;
}
.emphasis h3 {
	color: maroon;
	background:#DCDCDC;
	padding: 0 10px;
	font-weight: normal;
	font-size:14px;
	margin-top:0;
}
.emphasis h4{padding: 0 10px;}

/*Area for unique page content*/
/*modified for IE by conditional comment in header*/
#content{float:left; width:500px;margin-left:23px;}
.xxxxxmainbody {
	width: 500px;
	margin-left: 180px;
}

.corners {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:gray;
	border-radius: 5px;
}

#sale {
	border: 1px solid silver; color: #444; padding: 5px 50px; text-align: left;
}

#sale {

/*	background: #ddd url('/img/xmas2011/bluexmas.png') top left no-repeat;*/
	background: #ddd;
	padding-top: 20px;
}


#sale h3{color: #444; text-align: center; border-bottom: .5px solid #fff; margin: 0 auto;}
#sale h4{color:white; font-weight: bold; font-style: italic; text-align: center;}
#sale ul{text-align: left;}
#sale li{padding: 5px 0 0 0}
#sale a{color: #27408B; text-decoration: underline;}
#sale .salebox {padding: 5px; margin: 5px 0;}
#sale .salebox h4 {margin: 3px;}
#sale .salebox form input[type="text"]{
	width:300px;
}
#sale div{background-color: grey;}
#sale td{padding: 2px; text-align: left;}


/*Horizontal Nav Bar*/

#hznavbar {
display:block;
	color: silver;
	position: relative;
	text-shadow:silver 0 -1px 0;
	top: 0px;
	width: 1002px;
	margin: 5px auto 5px auto;
	height: 32px;
	background-image: url(/img/greybar2.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	text-align: center;
}
#hznavbar a {
	color: black;
	padding: 6px 20px 10px 20px;
	border-right: 1px solid silver;
	text-decoration: none;
	vertical-align: -5px;

}
#hznavbar :first-child{
	border-left:1px solid silver;
}

#hznavbar a:hover {
	color: #5e5e5e;
	height: 32px;
	padding: 6px 20px 10px 20px;
	text-shadow:#fff 0 -1px 0;
	background-image: url(/img/bluebar.jpg);
	vertical-align: -5px;
	text-decoration: none;
}

.userArea {
	color: silver;
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 90%;
	z-index:1000;
}

.userArea a {
	color: silver;
	padding-right: .3em;
	text-decoration: none;
}

.userArea a:hover {
    color: red;
    text-decoration: none;
}

#searchterm{ color: #BBBBBB; }

/*Left hand nav */
#leftmenu {width: 160px; float:left;}
#leftmenu ul {list-style-image: url('/img/bullet.png');}
#leftmenu ul li {padding: 3px 0 0 0;}
#leftmenu img{margin-left:auto;margin-right:auto; margin-bottom: 5px;}
#xxleft-midcol { width: 680px; position:relative; margin-top: 10px;} /*enables float*/
.colimg { background: url('/img/bluebar2.jpg') repeat-x;}
#memsost li {list-style: none;}

#privacy{clear:both;
	display:block;
	width:1002px;
	margin-left:auto;margin-right:auto;
	color:#CCCCCC;
	font-size:8pt;
}
#privacy a{color:#CCCCCC;text-decoration:underline;}

#catContainer{width: 295px; margin-top:0px; margin-left: 708px}

.memso_news{
	float:left;
	padding:0px;
	margin:10px 10px 10px 30px;
	width:350px;
}

.memso_news p{
	padding:0px 5px 0px 5px;
}

.memso_login{
	float:right;
	margin:10px 25px 10px 10px;
	width:500px;
}
.memso_login table{
	padding-left:5px;
}

.memso_login .input{ /*implict style for IE only, otherwise 2 different fonts are applied to text/password inputs.*/
	font-family:Arial,Verdana,sans-serif;
}


#basket {
	padding-top: 10px;
	text-align:right;
}

#bestsellers {margin-top:23px;}
#bestsellers th {
	font-weight: bold;
	color:#FFF;
	background:maroon;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	/*behavior: url(/border-radius.htc); Will not handle background image yet. Can I fix it?*/
	border-radius: 3px;
}
#bestsellers div {
	height: 500px;
	overflow: auto;
	background-color: #FFF;
	border: 1px solid grey;
}
#bestsellers li {
	margin: 0 0 5px 0;
}

/*Books table setup*/
.bookstable {
	font-size: 80%;
	height: 4em;
	background-color: #f2f2ff;
	width: auto;
}
.cell1 {
	padding-bottom: 5px;
}

.cell2 {
	text-align: center;
	padding-bottom: 5px;
}

.cell3 {
	text-align: right;
	padding-bottom: 5px;
}

/*shop/basket.php and shop/search.php*/
.addremicon{font-size:8px;}
.shoppingcartlist{
	font-size:12px;
	border:1px solid #000;
	border-collapse:collapse;
	width:100%;
}
.shoppingcartlist a{
	text-decoration:none;
}
.shoppingcartlist img{
	vertical-align:middle;
	cursor:pointer;
}
.shoppingcartlist th{
	background:maroon;
	color:#fff;
	padding:3px;
}

.shoppingcartlist td{
	padding:5px 3px;
}
.shoppingcartlist td.addmore{
}
.shoppingcartlist input{
	border:1px solid #000;
}
.shoppingcartlist td.discount{
	border:0px solid #f00;
}
.shoppingcartlist tr:hover{
	background-color: silver;
}

.subform{
	font-size:12px;
	border:1px solid #000;
	border-collapse:collapse;
	width:100%;
}
.subform th{
	background:maroon;
	color:#fff;
	padding:3px;
}
.subform td{
	border:1px solid silver;
	padding:3px;
	background-color:white;
}
.price {
	color:maroon;
}

#bookSearch table {
	font-size:13px;
	border-collapse: collapse;
}

#bookSearch table.searchForm {
	border-collapse:collapse;
}

#bookSearch th {
	font-size: larger;
	color: maroon;
}
#bookSearch td {padding: 10px 4px;}
#bookSearch .tog1 {background-color: #E8E8EB;}
#bookSearch .tog2 {background-color: #B5BFDE;}
#bookSearch form{
	background:none;
}
#bookSearch table.searchForm fieldset{
	border:1px solid #000;
	background:#f5f5ff;
}

#bookSearch table.searchForm input[type="text"]{
	border:1px solid #000;
	color:#000;
}

#bookSearch form input[type="text"].start{ width:50px;}
#bookSearch form input[type="text"].end{width: 50px;}
/*user */
#user .login, #download .login{ /*login,register,preferences*/

	font-size:13px;
}

#help{
	font-size:12px;
	padding:5px;
	margin:4px;
	border:1px solid #333;
	background:antiqueWhite;
	display:none;
}
#helpLogin {
	font-size:12px;
	padding:5px;
	margin:4px;
	border:1px solid #333;
	background:antiqueWhite;
	position: absolute;
	top: 20px;
	right: 10px;
	max-width: 300px;
	display:none;
	z-index: 9000;
}

.highlight{
	background-color: yellow;
}

.expired{color:#f55;}

/*catalogue page*/
.li1 {list-style-image:url('/img/bullet.png'); border-top: 1px solid silver; padding-top: 5px;}
.li2 {list-style:none; background-color: #F5F5F5; padding: 0 0 5px 20px; }


/*catalogue menu*/


.memso_catalogue{background:#eeeeee;border:1px solid #cccccc;padding:0px;}
.memso_catalogue .buttons{padding-top:5px; padding-right:5px;}

.memso_catalogue a{margin:3px;}
.memso_catalogue img{margin-left:5px;}

#shoparea {border-left: 1px solid silver;}
#shoparea form {margin: 0 0 20px 20px;}
#shoparea form input[type="text"]{
	width:200px;
}

.catMenu{overflow:auto;	width:100%;	height:500px;	background:#ffffff;	margin:0px;	padding:0px;}
.catMenu .title{text-align:center;background:silver;text-shadow:#fff 0 -1px 0;}
.catMenu UL{padding:5px;}
.catMenu LI{	padding:5px;	border: 1px solid white;	border-bottom:1px solid #88c;	cursor:pointer;	list-style:none;	color:#008;}
.catMenu LI a{cursor:pointer; text-decoration: none; color:black;}
.catMenu LI:hover {	border: 1px solid red;}

.catMenu LI.search{cursor:default;color:#000;}
.catMenu LI.search input{width:100px;}
.catMenu LI.search:hover{	border: 1px solid white;border-bottom:1px solid #88c;}

.catMenu LI.subcat{	color:#000;	cursor:default;}

.catMenu LI.back{	background:#cfc;	list-style:  url('/img/ico/arrow_left.png');	margin-left:20px;}

.catMenu LI.forward{	list-style:  url('/img/ico/arrow_right.png');	margin-left:20px;}

/*Temporary additions*/
#xmashead {
    left: 0px;
    position: absolute;
    top: 0;
    height: 90px;
    width: 100%;
    background: url('/img/xmas2011/sale3.png');
}
#xmashead:hover {
/*    background: url('/img/xmas2011/sale2.png');*/
}
#tag1{position: absolute; top: 20px; right: -100px;}
#tag2{position: absolute; top: 190px; right: -100px;}