/*
**
**      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;
	margin-bottom: 10px;
	background-color: #aaaaaa;
	color: #ffffbb;
}
p {
	margin: 10px;
	font-size: 14px;
}
H1,H2,H3,H4,H5, {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-variant: small-caps;
	color: #ffffff;
}
H6 {
	font-size: 10px;
	font-weight: 100;
	margin: 0;
	color: #993300;
}
/* Default links, including Sub Categories in the main body */
a:link,a:visited {
	color: #88ffff;
	text-decoration: none;
}

a:hover, a:visited:hover {
	color: #ffffff;
	text-decoration: underline;
}	
/*-- Generic Classes --*/
.red {
	color: #85211F;
}
.yellow {
	color: #BDA614;
}
.green {
	color: #008B00;
}
.blue {
	color: #353FC4;
}
.black {
	color: #000;
}
.white {
	color: #FFF;
}
.itemText {
	margin: 10px;
	font-size: 12px;
}
.warning {
	color: #800000;
}
.itempic {
	padding: 10px;
}

/* Body of the actual page, slightly less than the browser size. */
#maintable {
  background-color: #445577;
	border: 1px black solid;
	border-collaspe: collapse;
	border-spacing: 0;
	margin: 0px;
	vertical-align: top;
	font-size: 15px;
	width: 94%;
}

/* Titlebar directives go here. */
#titlebar {
	font-size: 13px;
}

/* The menu, over the main content and under the titlebar. */
.menubar {
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	background-color: #bbbbcc;
	border: black solid;
	border-width: 1px 0px;
}

/* Contents of the page go here. */
#contents {
	width:80%;
	vertical-align: top;
	font-size: 15px;
	padding-left: 10px;
	padding-right: 10px;
}

/* All Marcus's ads and sidebar stuff from Shattered Crystal go here. */
#foobar {
	color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	vertical-align: top;
	width:20%;
	padding: 5px;
}

.foobarheader {
	font-weight: bold;
	margin-bottom: 0px;
}

.foobartext {
	font-size: 11px;
	margin-top: 0px;
}

#footertext {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000000;
}
.wallieCard {
	margin: 0px auto;
	width: 100%;
	height: 169px;
	text-align: center;
}
/* 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: #bbbbbb;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
}

/* All the items get listed within this. */
#itemtable {
	padding: 0px;
	margin: 0px;
	width: 100%
}

/* A single item. */
table #itementry img {
	margin: 10px auto;
}
#itementry {
	border: 1px solid black; 
	color: #000000;
	width: 100%;
	background-color: #ffffff;
	margin-top: 5px;
}

/* Displays the title of the item within item entry. */
#itemheader {
	color: #000000;
	font-size: 16pt;
	background-color: #bbbbcc;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	margin-top: 5px;
}

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

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

}

/* Item description below item header and to the right of item picture. */
#itemdescr {
	border-top: 1px solid black;
	vertical-align: top;
	font-size: 12pt;
	font-family: Verdana, Geneva, sans-serif;
	background-color: #ffffff;
	color: #000000;
}

#itemdescr td {
	font-family: Verdana, Geneva, sans-serif;
	color: #000000;
}

/* Prevents double line */
#itemdescr #itemdescr {
	border: 0px;
}

/* Where the price is listed, and the Buy button appears. */
#buysection {
	border-left: 1px solid black;
	vertical-align: top;
	width: 20%;
	font-size: 14pt;
	font-family: Verdana, Geneva, sans-serif;
	text-align: right;
	background-color: #bbbbcc;
	color: #000000;
}
.price {
	font-size: 16px;
	font-weight: Bold;
}
/* Classes used in construction of category table */
/* ********************************************** */

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

/* Look of table */
#categorytable {
	width: 215px;
	border: 1px solid black;
	margin: 4px;
	font-weight: bold;
	font-size: 8pt;
	font-family: Verdana, Geneva, sans-serif;
	padding: 10px;
	background-color: #BBBBCC;
}

/* Categories that have the "-" sign next to them look like this. */
#categoryopen {
	background-color: #BBBBCC;
/*      border-top: thin solid black;
	border-bottom: thin solid black;
*/
}

/* Categories that have the "+" sign next to them look like this. */
#categoryclosed {
	background-color: #BBBBCC;
}
/* ********************************************** */
/* 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, Geneva, sans-serif;
	color: #000080;
}
#signupentry {
	vertical-align: top;
	font-size: 10pt;
	font-family: Verdana, Geneva, sans-serif;
	color: #000080;
}
#signupentry a:link {
	color: #4A86B5;
	font-weight: 600;
	text-decoration: none;
}
#signupentry a:hover {
	color: #2C658F;
	font-weight: 600;
	text-decoration: underline;
}
#errortext {
	font-weight: bold;
	color: #FF0000;
}
.affiliatelink {
	margin-left: 30px;
	vertical-align: top;
	font-size: 9pt;
	font-family: Verdana, Geneva, sans-serif;
	color: #990000;
	padding-top: 2px;
	
}
a.affiliatelink:link {
	color: #990000;
	padding-top: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.affiliatelink:visted {
	color: #990000;
	padding-top: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.affiliatelink:hover {
	color: #990000;
	padding-top: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.affiliatelink:active {
	color: #990000;
	padding-top: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.minilogin
{
	font-size: 8pt;
	font-family: Verdana, Geneva, sans-serif;
}

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

.itemformcell {
	color: #000;
	vertical-align: top;
	text-align: right;
	font-size: 10pt;
}

.itemformentry {
	color: #ffffbb;
	vertical-align: top;
	text-align: left;
	font-size: 10pt;

}
.itemformentry img {
	margin: 0 auto;
	width: 335px;
}
/* Various general styles */
.answer
{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 15px;
	margin-top: 0px;
}

.question
{
	border-bottom: 1px solid white;
	color: #ffffff;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 0px;
}

.notice
{
	color: #33FF33;
	font-weight: bold;
}

.noticetitle
{
	color: #FFFF33;
}

.notice2
{
	background: white;
	border: 7px double red;
	color: black;
	width: 100%;
}

.notice2 A:link,.notice2 A:visited
{
	color: #0066FF;
}

.notice2 A:hover,.notice2 A:visited:hover
{
	color: #FF9900;
}

.stats
{
	font-size: 12px;
	color: #ffffff;
}

.subtext
{
	color: #ffffbb;
}


/*
 * All links definitions at the bottom
 */



/* Links used in the breadcrumb widget. */
A.breadcrumblink:link,A.breadcrumblink:visited
{
	color: #ffffff;
	text-decoration: none;
}

A.breadcrumblink:hover,A.breadcrumblink:visited:hover
{
	color: #88ffff;
	text-decoration: underline;
}

/* Links used in the menubar (shopping cart / affiliate logout) */
A.menubarlink:link,A.menubarlink:visited
{
	color: #202000;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	border: solid 1px "red";
}

A.menubarlink:hover,A.menubarlink:visited:hover
{
	color: #0088FF;
	text-decoration: none;
	font-weight: bold;
}

/* All category links except the currently selected one. */
A.categorylink:link,A.categorylink:visited
{
	color: #000000;
	text-decoration: none;
}

A.categorylink:hover,A.categorylink:visited:hover
{
	color: #FFFF00;
	text-decoration: underline;

}

/* The currently selected category link. */
/*A.activecategorylink:link,A.activecategorylink:visited
{
	color: #0000FF;
	text-decoration: none;
}
*/
A.activecategorylink:hover,A.activecategorylink:visited:hover
{
	color: #0077FF;
	text-decoration: underline;
}

A.subcategorylink:link,A.subcategorylink:visited
{
	color: #000000;
	text-decoration: none;
}


#itemdescr A:link,#itemdescr A:visited
{
	color: #0088ff;
}

#itemdescr A:hover,#itemdescr A:visited:hover
{
	color: #0000aa;
}

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


/*----------Contact Page----------*/
#contact {
	width: 80%;
	padding-left: 20px;
}

.noMar {
	margin: 0;
}

.googleMap {
	padding-right: 10px;
	padding-bottom: 10px;
}

/*---------- G1 Images ----------*/
#g1Images {
	margin: 6px auto;
	border: solid 3px #FFFFFF;
	background-color: #BBBBCC;
	padding: 2px;
	width: 530px;
	text-align: center;
}
#g1Images img {
	padding-top: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	border: 0px;
}
#g1Images h3 {
	color: #111;
	padding: 0px;
	margin: 2px;
}
.itemContent {
	float: left;
	width: 100%;
}
.itemImage {
	margin: 10px;
	float: left;
}
.itemText {
	margin: 10px;
	font-size: 12px;
}
.shoppingcarterror p {
	background-color: #CCC;
	border: solid 2px #420C00;
	padding: 5px;
}
/* ----- Start of Banner.html Section ----- */
.bannerBG {
	background-color: #FFFFFF;
}
.bannerContainer {
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	width: 750px;
	height: 100%;
	margin: 20px;
	text-align: center;
}
.color {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 40px;
	height: 20px;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
}
.whiteBlock {
	width: 20px;
	height: 20px;
	float: left;
	background-color: #FFFFFF;
}
.blackBlock {
	width: 20px;
	height: 20px;
	float: left;
	background-color: #000000;
	
}

.banner {
	padding: 10px;
	border: double 3px #000;
	margin: 10px auto 0px auto;
	margin-top: 20px;
	float: left;
	width: 90%;
	position: relative;
}
.code {
	width: 90%;
	padding: 10px;
	background-color: #FFFFFF;
	color: #000000;
	position: relative;
	border: double 3px #000;
	float: left;
}
.howTo {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 20px;
	height: 20px;
	border-left: solid 1px #000;
	border-bottom: solid 1px #000;
	font-weight: bold;
	color: #FFF;
	background-color:#000000
}
.howTo p {
	padding: 0px;
	margin: 0px;
}
/* ----- End of Banner.html Section ----- */

/*=== CUSTOMER ENTRY ===*/
.signupInfo {
	background: #efefef;
	color: #900000;
	padding: 10px;
	border: double 3px #666;
	margin: 10px auto;
	width: 90%;
	text-align: center;
}
.signupInfo p {
	padding: 0;
	margin: 0;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
}
ul#mainMenu,
ul#mainMenu li,
ul#mainMenu ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style: none;
	margin: 0;
	padding: 0px 0px;
}
ul#mainMenu {
	width: 160px;
	position: relative;
	z-index: 597;
	float: left;
}

ul#mainMenu li {
	padding: 3px 10px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #333 #333 #666 #666;
	background-color: #777;
	color: #000;
	float: none;
	line-height: 1.3em;
	vertical-align: middle;
	zoom: 1;
}

ul#mainMenu li.hover,
ul#mainMenu li:hover {
	background-color: #252525;
	color: #FECD32;
	position: relative;
	z-index: 599;
	cursor: default;
}

ul#mainMenu a:link, ul#mainMenu a:visited { 
	color: #000;
	text-decoration: none;
}
ul#mainMenu a:hover { 
	color: #FECD32;
	text-decoration: none;
}
ul#mainMenu a:active {
	color: #FECD32;
	text-decoration: none;
}


	/* -- level mark -- */

ul#mainMenu ul {
	position: absolute;
	width: 150px;
	margin-top: 1px;
	top: 1px;
	left: 98%;
}

ul#mainMenu ul li {
	font-weight: normal;
}

ul#mainMenu ul {
 visibility: hidden;
 z-index: 598;

}
ul#mainMenu li:hover > ul {
 visibility: visible;
}