@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: 10pt;
	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;
}

form input[type="text"], form input[type="password"]{
	width:200px;
}
/*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;
}

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

#banner {
	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: #F5F5F5;
}
.emphasis h3 {
	color: maroon;
	background:#DCDCDC;
	padding: 0 10px;
	font-weight: normal;
	font-size:12pt;
	margin-top:0;
}
.emphasis h4{padding: 0 10px;}

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

.corners {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:gray;
	/*behavior: url(/border-radius.htc); Will not handle background image yet. Can I fix it?*/
	border-radius: 5px;
}

/*Horizontal Nav Bar*/

#hznavbar {
	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;
}

/*User/Account mini-table*/
#userTbl {
	position: relative;
	top:0px;
	right: 5px;
}

#searchterm{ color: #BBBBBB; }

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

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

#catContainer{ float:right; width: 295px; margin-top:10px; }

.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: 250px;
	overflow: auto;
	background-color: #FFF;
	border: 1px solid grey;
}

/*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:3px;
}
.shoppingcartlist td.addmore{
}
.shoppingcartlist input{
	border:1px solid #000;
}
.shoppingcartlist td.discount{
	border:0px solid #f00;
}

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

#bookSearch table.searchForm {
	border-collapse:collapse;
}
#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;
}

.cleantable{border-collapse:collapse;}
.cleantable th{text-align:left;}
.cleantable td, .cleantable th{border:1px solid #333; padding: 2px 3px 2px 3px;}

.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 {background: white; border-left: 1px solid silver;}

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