body, form {
	padding:0px;
	margin:0px;
}

body, td, p {
	font-family: times new roman, serif;
	font-size: 11pt;
	line-height: 1;
}
.copysm, .copysm a {
	font-size: 8pt;
}


.nav {display: inline;}
.nav .navmenu {
	position: absolute;
	display: none;
	text-align: left;
	z-index:10;
	background-color: #D5D5D5;
}
div.nav:hover div.navmenu {
	display: inline;
}
div.nav div.navmenu div.option a {
	text-decoration: none;
	color: black;
}
div.nav div.navmenu div.option {
	padding-left: 15px;
	padding-right: 10px;
	padding-top:2px;
	padding-bottom:2px;
}
div.nav div.navmenu div.option:hover {
	background-color: #eeeeee;
}

/* ----- PRODUCT DETAILS PAGE ------ */

.prodData td {
	vertical-align:top;
	text-align:left;
	font: 8pt verdana, sans-serif;
}
.prodData td.title {
	text-align:center;
	border-bottom: solid #999 1px;
	border-top: solid #999 1px;
	font: bold 12pt verdana, sans-serif;
	padding: 4px 2em;
}
.prodData td.prompt {
	text-align:right;
	font-weight:bold;
}

.details {
	width:415px;
	margin:0 auto;
	text-align:center;
	
	/*
	border-left: solid black 1px;
	border-right: solid black 1px;
	background-color: yellow;
	*/
}

/** NOTE: **

	Captions are weird.  Fireforx does it the standards-compliant way, but this
	is one case where the standards are stupid.  Negative margins on caption
	elements bring the captions back up next to the images where they should be
	without breaking IE and Opera... although they probably *should* break IE
	and Opera...

	Firefox looks okay after the negative and auto margin hacks
*/

.details .item { margin: 16px auto; }
.details .item.right { float:right; margin: 16px 0 16px 16px; }
.details .item.right caption { margin: -16px 0 16px 16px;  }

.details .item.left { float:left; margin: 16px 16px 16px 0px; }
.details .item.left caption { margin: -16px 16px 16px 0;  }

.details .copy  { text-align: left; }
.details .caption, .details caption  { font-family: verdana; font-size: 8pt; }
.details caption  { width:inherit; text-align:left; margin: -16 auto 0 auto; }

.details img {
	border: solid black 1px;
}

/* --- Comment Submission Box --- */
.commentBox {
	text-align: left;
	margin-left: 20px;
	color: #666;
}
.commentBox .copy {
	font-weight: bold;
}
.commentBox textarea, .commentBox p {
	padding:0; margin:0;
}
.commentBox textarea, .commentBox input, .commentBox select {
	border: solid #666 1px;
}
.commentBox textarea {
	margin-bottom: 8px;
}
.commentBox .submit {
	border: solid #666 1px;
	background-color: white;
	color: #666;
}
.commentBox option {
	color: #333;
}

.commentBox .response {
	border: solid #666 1px;
	margin: 8px;
	margin-bottom: 16px;
	padding: 4px;
	text-align: center;
}