body { font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px; background-color: #ffffff; }
table, td {
font-size: 8pt;
}
 a:link { color:#000000 }
 a:visited { color: #000000 }
a:hover { color:#0066FF}
.smaller {font-size: 10px}
.bigger {font-size: 14px; font-weight:bold; }
.medium {font-size: 11px}
.bigmedium {font-size: 12px}
.bigred {color: #FF0000; font-size: 14px; font-weight: bold; }

/*only works in Mozilla browsers */
input:focus { background-color: #FFFF99 }
textarea:focus { background-color: #FFFF99 }




#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid: DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
/* formatting for the browse menu */
#popitmenu{
position: absolute;
background-color: white;
border:1px solid gray;
font: normal 10px Verdana;
line-height: 16px;
z-index: 100;
visibility: hidden;
}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: #000066;
display: block;
}

#popitmenu a:hover{ /*hover background color*/
background-color: #0066FF;
}

#shoppingcart {
	
	height: 100px;
	width: 500px;
	background: #eee;
	border: 1px solid #444;
}

#shoppingcart p {
	margin: 0 1em 1em;
}

h1 {
	font-size: 140%;
	margin: 0.5em 1em;
}

#booklist, #contents {
	
	width: 500px;
	background: #ddd;
	border: 1px solid #333;
}

#booklist ul {
	list-style-type: none;
}

#booklist ul li {
	margin: 0 1em 1em;
}

#contents table {
	font-size: 90%;
	border-collapse: collapse;
}

#contents table td {
	border: 1px solid #999;
	width: 20%;
}

#contents p, #contents button {
	margin: 1em;
}