/********************************************************************************
 * Basic elements
 ********************************************************************************/

body
{
	font-family:			verdana, arial, serif;
	margin:				0px;
	padding:			0px;
	color:				#7C4300;
	background-color:		#E4FFCC;
}

h1
{
	margin-top:			0px;
	font-size:			18pt;
}

h2
{
	font-size:			14pt;
}

h3
{
	font-size:			12pt;
}

/*
div
{
	z-index:			0;
}
*/

div.content
{
	position:			absolute;
	top:				108px; /* 162px; */
	left:				216px;
	width:				756px;
	font-size:			10pt;
	padding-bottom:			54px;
}

div.textcolumn
{
	width:				540px;
	font-size:			10pt;
}

p
{
	margin-top:			0em;
	margin-bottom:			1em;
}

li
{
	margin-bottom:			1em;
}

table
{
	font-size:			10pt;
}

span.italic
{
	font-style:			italic;
}


p.wholesale-only
{
	margin-top:			1em;
	font-size:			8pt;
	font-style:			italic;
}

div.footer
{
	border-top:			1px dotted #7C4300;
	text-align:			left;
	margin-top:			2em;
	margin-bottom:			0.5em;
	font-size:			10pt;
	font-weight:			bold;
}

div.copyright
{
	text-align:			left;
	margin-top:			0.5em;
	font-size:			7pt;
}

div.test
{
	position:			absolute;
	left:				0px;
	top:				216px;
	width:				216px;
	background-color:		#D6FFB3;
	padding:			12px;
	border:				2px solid #BBFF80;
}

div.test div.footernew
{
	text-align:			left;
	font-size:			7pt;
}

div.test div.copyrightnew
{
	text-align:			left;
	margin-top:			12px;
	font-size:			6pt;
}

acronym
{
	border-bottom:			#7C4300 1px dotted;
	cursor:				help;
}

/********************************************************************************
 * Links
 ********************************************************************************/

a
{
	color:				#7C4300;
}

a:hover
{
	color:				#CC7400;
}

a:hover img
{
	border:				1px solid #CC7400;
}


/********************************************************************************
 * Tabs
 ********************************************************************************/

/* Top tab ********************/

div.toptabimg
{
	position: 			absolute;
	top: 				27px; /* 81px; */
	width: 				110px;
	height:				27px;
}

div.toptabtext
{
	position: 			absolute;
	top: 				32px; /* 86px; */
	width: 				108px;
	height:				27px;
	font-size: 			10pt;
	text-align: 			center;
}

div.toptabtext a
{
	text-decoration:		none;
	color:				#244C00;
}

div.toptabtext a.selected
{
	color:				#E3FFCC;
}

div.toptabtext a:hover, div.toptabtext a.selected:hover
{
	color:				#CC7400;
}

/* Sub tab ********************/

div.subtabimg
{
	position:			absolute;
	top:				54px; /* 108px; */
	height:				32px;
}

div.subtabtext
{
	position:			absolute;
	top:				60px; /* 114px; */
	font-size:			10pt;
	text-align:			center;
}

div.subtabtext a
{
	text-decoration:		none;
	color:				#E3FFCC;
}

div.subtabtext a.selected
{
	position:			relative;
	top:				6px;
	color:				#7C4300;
}

div.subtabtext a:hover, div.subtabtext a.selected:hover
{
	color:				#CC7400;
}

/********************************************************************************
 * Images
 ********************************************************************************/

a > img.photo
{
	border:				1px solid #7C4300;
}

a:hover img.photo
{
	border:				1px solid #CC7400;
}

img.thumbnail
{
	width:				106px;
	height:				79px;
	border:				1px solid #7C4300;
}

.photobox-left
{
	margin-top: 			1em;
	margin-bottom:			1em;
	margin-left:			0;
	margin-right:			0em;
	padding-right:			0em;
	border:				1px solid #7C4300;
/*	background-color:		#BBFF80; */
}

.photobox-right
{
	margin: 			2em;
	margin-top:			4px;
	margin-right:			0px;
	float:				right;
	border:				1px solid #7C4300;
/*	background-color:		#BBFF80; */
}

.photobox-left img, .photobox-right img
{
	display:			block;
}

.caption
{
	font-size:			8pt;
	font-weight:			bold;
	padding:			0.5em;
/*	padding-top:			0.1em; */
	margin:				0;
	background-color:		#BBFF80;
}

/********************************************************************************
 * Content Tables
 ********************************************************************************/

table.content
{
	font-size:			8pt;
	border-collapse:		collapse;
	margin-top:			1em;
	width:				100%;
}

table.content td
{
	text-align:			right;
	vertical-align:			top;
	padding:			1px 0.3em;
	border:				1px solid #BBFF80;
}

table.content input
{
	font-size:			8pt;
}

table.content td.space
{
	height:				0.5em;
	border-left:			none;
	border-right:			none;
	border-bottom:			#BBFF80 2px solid;
}

table.content tr.header
{
	background-color:		#BBFF80;
}

table.content tr.header td
{
	vertical-align:			bottom;
	text-align:			center;
}

table.content tr.header th
{
	padding:			2px 0.3em;
}

table.content tr.highlight
{
	background-color:		#D6FFB3;
}

/********************************************************************************
 * Errors
 ********************************************************************************/

div.error, div.dberror
{
	color:				red;
	border:				2px dotted red;
	padding:			12px;
	font-weight:			bold;
}

div.dberror div.errormsg
{
	margin-top:			18px;
	margin-left:			36px;
	margin-right:			36px;
	font-family:			Courier, monospace;
	font-weight:			normal;
}

div.dberror div.errormsg div.query
{
	color:				black;
	margin:				6px 0px 6px 18px;
}

div.dberror div.errormsg div.mysqlerror
{
	margin:				6px 0px 18px 18px;
}

/********************************************************************************
 * Editing attention
 ********************************************************************************/

div.attention
{
	color:				#E4FFCC;
	background-color:		red;
	border:				2px dotted #E4FFCC;
	padding:			12px;
	font-weight:			bold;
	text-decoration:		blink;
}
