/*
**
**	Main CSS file for catalog. This sets the rules for everything in this directory.
**
*/
/* Background of browser window. The actual page ends up within the bounds of maintable. */
BODY
{
	padding: 0px;
	margin: 0px;
	background-color: #ffcc33;
	color: #000080;
	font-family: Verdana, Geneva, sans-serif;
}

H1
{
	font-size: 18px;
}

H2
{
	font-size: 16px;
}

H3
{
	font-size: 14px;
}

H4
{
	font-size: 12px;
}

H5
{
	font-size: 11px;
}

H6
{
	font-size: 10px;
}

/* Body of the actual page, slightly less than the browser size. */
#maintable
{
	margin: 10px auto;
	background-color: #ffcc33;
	background-image: url("/images/bgfade.gif");
	background-position: right;
	background-repeat: repeat-y;
	vertical-align: top;
	width: 94%;
	border: 11px white solid;
	border-collapse: collapse;
	border-spacing: 0;
}

/* Titlebar directives go here. */
#titlebar
{	
}

/* The menu, over the main content and under the titlebar. */
.menubar
{
	text-align: center;
	text-transform: uppercase;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	background-image: url("/images/menubarbg.gif");
	background-repeat: repeat-x;
	background-position: center center;
	height: 20px;
	border: 1px #ffffff solid;
	color: #ffffff;
}

.menubar A:link,.menubar A:visited {
	color: #ffffff;
	text-decoration: none;
}

.menubar A:hover,.menubar A:hover:visited {
	color: #ffff00;
	text-decoration: none;
}

/* The list of categories goes here. It has its own table. */
#categorylist
{
	width: 175px;
	vertical-align: top;
	padding: 9px 0px 9px 9px;
}

/* Contents of the page go here. */
#contents
{
	width:80%;
	vertical-align: top;
}

/* All Marcus's ads and sidebar stuff from Shattered Crystal go here. */
#foobar
{
	width: 20%;
	vertical-align: top;
}

/* This lays out the style info for the breadcrumb widget.
   TODO: Should probably be an id, not a class...and perhaps should be present in admin as well.
*/
.breadcrumb
{
	margin: 1px;
	padding: 2px;
	color: #ffffff;
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

A.breadcrumblink
{
	color: #800000;
	text-decoration: none;
}

A.breadcrumblink:hover
{
	color: #ff0000;
	text-decoration: underline;
}

/* A single item.
#itementry
{
	border: 2px solid #ffcc33; 
	width: 100%;
	margin-top: 5px;
}

/* Displays the title of the item within item entry. */
#itemheader
{
	border-bottom: 2px solid #8888aa;
	color: #000080;
	font-size: 18px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
}

/* The table division that holds the item picture */
#picturesection
{
	vertical-align: top;
	font-size: 10pt;
	font-family: Arial, sans-serif;
	background-color: #ffffff;
	color: #000000;
}

/* Style description for comment box (if allowed). */
#commentbox
{
	vertical-align: bottom;
	font-size: 10pt;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	
}

/* Item description below item header and to the right of item picture. */
#itemdescr
{
	vertical-align: top;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
}

/* Where the price is listed, and the Buy button appears. */
#buysection
{
	background-color: #8888aa;
	vertical-align: top;
	width: 20%;
	font-size: 14px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	text-align: right;
	color: #ffffff;
}

/* Look of table */
#categorytable
{
	width: 165px;
	color: #000080;
	border: 1px #ffffff solid;
	background-image: url('/images/callbg.gif');
	background-color: #ffffff;
	background-position: bottom left;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 8pt;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

/* Categories that have the "-" sign next to them look like this. */
#categoryopen
{
}

/* Categories that have the "+" sign next to them look like this. */
#categoryclosed
{
}

/* ********************************************** */
/* End of category table classes                  */
/* Item description below item header and to the right of item picture. */
#signupfield
{
	vertical-align: top;
	text-align: right;
	font-size: 10pt;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000080;
}

#signupentry
{
	vertical-align: top;
	font-size: 10pt;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000080;
}

#errortext
{
	FONT-WEIGHT: bold;
	color: #FF0000;
}

.affiliatelink
{
	margin-left: 30px;
	vertical-align: top;
	font-size: 9pt;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

.minilogin
{
	font-size: 8pt;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

.subtable
{
	margin: 10px;
	color: #ffffff;
	width: 90%;
	border:1px solid black;
}

.itemformcell
{
	vertical-align: top;
	text-align: right;
	font-family: Arial, sans-serif;
	font-size: 10pt;
}

.itemformentry
{
	vertical-align: top;
	text-align: left;
	font-family: Arial, sans-serif;
	font-size: 10pt;
}

.footertext
{
	text-align: left;
	font-size: 9px;
	color: #000000;
}

.footertext A:link,.footertext A:visited
{
	border-bottom: 1px solid #000000;
	color: #000000;
	text-decoration: none;
}

.footertext A:hover,.footertext A:visited:hover
{
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
	text-decoration: none;
}

/* All the items get listed within this. */
.frame,#itementry
{
	width: 96%;
	color: #000080;
	border: 1px #ffffff solid;
	background-image: url('/images/callbg.gif');
	background-color: #ffffff;
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 4px 4px 4px 12px;
	font-size: 11px;
	margin: 10px auto 0px auto;
}

#itemtable
{
	width: 100%;
}

A
{
	color: #000000;
}

A:hover
{
  color: #800000;
}

.FAQLetter
{
	color: #ff6600;
	font-weight: bold;
	padding: 4px;
	font-size: 13px;
}

.FAQQuestion
{
	padding: 4px 0px 0px 4px;
	font-size: 13px;
}

.FAQAnswer
{
	padding: 4px 0px 0px 4px;
	font-size: 13px;
}

.sidebar
{
	color: #dddddd;
	font-size: 14px;
	font-weight: bold;
	vertical-align: top;
}

.sidebar A {
	color: #ffffff;
}

.sidebar A:hover {
	color: #ccccff;
}

.search
{
	FONT-SIZE: 8pt;
	FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
	vertical-align:top;
}

.search input
{
	border: 1px solid black;
	font-size: 8pt;
}

.searchbtn
{
	bgcolor: #c0c0c0;
}