@charset "ISO-8859-1";

@font-face {
	font-family: MonaKo;
	src: url(../MonaKo.ttf) format("truetype"); 
}

html {
   margin: 0;
   font-size: small;
   color: #333333;
}

body {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding: 0 0 0 0;   
	font-family: courier, monospace;
	font-size: small;
	color: #333333;
	background: url(/extras/pix/dotts2.gif);
	background-color: #e8e8e8;
}

a {
	color: #990000;
}

a:link {
	text-decoration: none;
	color: #990000;
}

a:visited {
	text-decoration: none;
	color: #990000;
}

a:hover {
	text-decoration: none;
	color: #444444; 
}

a:active {
	text-decoration: none;
	color: #990000;
}

div#banner {
	height: 114px;
	width: 100%;
	position: absolute;
	left: 0;
	background-image: url(/extras/pix/everbrite-mercantile-co.gif); 
	background-position: 350px 0px;
	background-color:  #ffffff;
	background-repeat: no-repeat;
}

#mainfoot {
	font-family: verdana;
	word-spacing: 20px;
	position: relative;
	float: right;
	padding: 0 10px 50px 0;
}

.men1 {overflow: hidden;} /* test shad collapse */

.men1, .men2 { position: relative; float: right; word-spacing: 6px; color: #000000; padding: 6px 9px 3px 9px ; margin: 5px 5px 5px 5px; }
a.men1,  a.men1:visited,  a.men1:active {background-color: #ffffff; color: #000000; text-decoration: none; }
a.men1:hover { color: #333333; text-decoration: none; }
img.men1 {background-color: #ffffff;}

a.men2,  a.men2:visited,  a.men2:active {background-color: #fddf88; color: #000000; text-decoration: none; border: thin solid #777777;}

div#about-pop { /* popup pages wont have master cont class above... */
	width: 550px;
}

div#menu1 { /* inherit header white */
	position:absolute;
	left:534px;
	top:17px;
}
 
#cat-widget {
	position: absolute;
	top: 103px;
	left: 0;
}

div#cart-widget {
	color:#aa9900;
	white-space: nowrap;
	text-align: right;
	padding: 3px 9px 1px 9px;
	top: 10px; /* 103 */
	position: absolute;
	right: 0; 
}

#cart-widget a, #cart-widget a:visited, #cart-widget a:active { color: #000000; text-decoration: none;}
#cart-widget a:hover {text-decoration: none; color:#aa9900; background-color: #ffffff; }

#searchbutt {
	display: inline;
	visibility: visible;
	color: #000000;
	background:none;
}
#searchbox {
	display: none;
	visibility: hidden;
}

#siteseal {
	margin: 6px 0 0 7px;
}

#linne {
	left: 0;
	top: 100px;
	height: 24px;
	position: relative;
	background-color: #ffffff;
	width: 100%;
	clear: none;
	border-bottom: thin solid #f6f0ea; 
}

.category-header, .category-title {
	color: #000;
	text-shadow: 1px 2px 2px #fcca55;  /* monitor for err */
	letter-spacing: .1pc; 
/*	text-transform: capitalize; */
}

.category-header {
	font-size: 2pc;
	margin: 30px 0 0 6px;
}

.category-title {
	font-size: 3pc;
	text-align: center;
	position:relative;
	display:block;
	top:20%; 
}

.item-cont {
/* default item background */
/*	background-color: #cccccc;  behind */
	float: left;
	clear: none;
	text-align: center;
	background-color: transparent;
 	background-image: url(/extras/pix/thumb-border.png); 
}

.item-cont a, .item-cont a:link, .item-cont a:visited {
/* link background */
	color: #dedede; 
	display:block;  /* rollover block -- tweak for older IE w other conditional css file */
	background-color: transparent; 
}

.item-cont a:hover {
/* hover background */
	text-decoration: none;
	color: #ffffff; 
/*	background-color: none;  rollover block - swap color */
	background-color: transparent; /* rollover block - swap color */
 	background-image: url(/extras/pix/thumb-hover.png);
}

.item-thumb {
/* 	background-image: url(/extras/pix/stay-groovy-baby.gif); /* 1,2,or 3 yyy's ... local rand it in  */ 
	position: relative;
	width: 324px;
	height: 224px; 
	clear: none;
}

.item-thumb-img {
	padding: 12px 0 0 12px;
	color: #ca9b03; 
	font-size: medium;
	font-weight: bold;
	width: 300px;
	height: 200px;
	clear: none;
	text-align: right;
}

.out-of-stock-img {
	position:absolute;
	right: 9px;
	top:9px;
}

div#header{ /* fixed */
	font-family: verdana;
	letter-spacing: .1pc;
	color: white;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 90px; /* same as body padding */
/*	background-color: #8d0000; // */
	background-color: transparent;
}

@media screen {
	body>div#header {
		position: fixed;
	}
}

* html body {
	overflow:hidden;
} 

* html div#content {    /* content */
	margin-left: 100px;
	margin-right: 100px;
	height:100%;
	min-width: 660px; /* 1000 olds pix divs 3wide at 300px  3wide at 700ea*/
}

div#container { /* main container class */
	width: 100%;
	padding: 110px 0 0 0; /* same as header div height */
}

.h1 {
	text-decoration: none;
	font-weight: bold;	
}

/* helper classes */
.blk {color: #000000}
.gry {color: #aaa;}
.white {color: #FFFFFF}
.theme {color: #fddf00;}
.rit {float: right;}
.shad {text-shadow: 1px 2px 2px #000000;}
.lok {position: absolute;}

.bigword {
	font-size: x-large;
	font-weight: bold;
}

.huge {
	font-size: 3pc;
	font-weight: bold;
}

.gigant {
	font-size: 3em;
	font-weight: bold;
}

/*
.shop-for-jewelry {
	margin-left: 0;
	margin-right: 0;
}
*/

.indn {
	padding-left: 7em;
}
.indn2 {
	padding-left: 8em;
}

.stdbld {
	text-align: left; font-weight: bold;
}

.txlt {
	text-align: left;
}

.txrt {
	text-align: right;
}

.tiny {
	font-size: x-small;	
}

.teeny {
	font-size: xx-small;	
}

#warn {
	font-family: verdana, arial;
	font-size: medium;
	color: #ff0000;
	font-weight: bold;
	position: absolute;
	top: 5px;
	left: 10px;
}

.dkdot {
	background-image: url(/extras/pix/darkerdotts.gif);
}

.clr {
	clear: both;
	width: 1px;
	margin: 0 -1px -1px 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

/* page layout */

/* body { text-align: center; }  center on ie */

/* auto-generated nav menu classes */

/*
	GRC multi-level script-free pure-CSS menuing system stylesheet.
   This code is hereby placed into the public domain by its author
   Steve Gibson. It may be freely used for any purpose whatsoever.

	Computed Geometries:	with a default 12px font, 1.0em == 12px and
	1px == 0.08333em.
	Thus, our 98px wide Freeware & Research buttons are 8.166666em wide.
==============================================================================*/
/*====== GLOBAL OVERRIDES FOR MAJOR ITEMS AND DIFFERING BROWSER DEFAULTS =====*/
/*
body { color:#009; background:#fff; font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif; }
body, table, img, button, iframe, ul, li  { margin:0; padding:0; border:0; }
table { text-align:left; }
iframe { width:0; height:0 }
*/
ul { margin-left:20px; }       /* kill default 50px left padding and set 20px */
li { margin-bottom:1em; }          /* set default inter-item vertical spacing */
.tightlist li { margin-bottom:0.25em; }     /* tighter list for simple bullets */


/* our default page-width div */
.pagecontainer { width:85%; text-align:left; font-size:10pt;}
 /*================= STYLES FOR THE GRC MASTHEAD & CONTROLS ==================*/
/*not used fot ebmerc, keep for legacy*/
.menuminwidth0 {             /* for all browsers (non-IE) that obey min-width */
	position:relative;
	border:0;
	margin:0;
	padding:0;
	width:100%;
	height:55px;/* 36px masthead height + 18px button height + 1px lower border*/
	min-width:560px;
}

/* suppress our whole menu when not an interactive mode (when printing, etc.) */
@media print, projection { .menuminwidth0 { d\isplay:none; } }

* html .menuminwidth1 { /* this allows IE5/6 to simulate min-width capability */
	position:relative;  /* we can simulate a minimum width by creating a large */
	float:left;          /* border in this first div, then placing our content */
	height: 1px;          /* into a second nested div (see 2nd nested div next */
	border-left:560px solid #fff;    /* CSS box-model borders are a fixed size */
}

 /* used to simulate min-width capability for IE5/6 *//*
* html .menuminwidth2 {   
	position:relative;
	margin-left:-560px;
	height: 1px;
}*/

#masthead {
	position:relative;      /* position our child objects relative to this div */
	float:left;
	vertical-align:top;	         /* protect from super-large user text sizing */
	border:0;
	margin:0;
	padding:0;
	width:100%;                                  /* grey-fill the entire width */
	height:36px;                  /* set the overall height above the menu-bar */
	background:#F3F3F3;                          /* a very light shade of grey */
}

#mastheadlogo {
	float:left;
	vertical-align:top;
	border:0;
	padding:0;
	margin:6px 0 0 7px;
}

#focus {                                                 /* GRC's focus label */
	position:absolute;
	border:0;
	margin:0;
	padding:0;
	top:15px;
	left:301px;
	width:121px;
	height:13px;
}

#search {                                                    /* search button */
	position:absolute;
	border:0;
	margin:0;
	padding:0;
	top:7px;
	right:6px;
	width:60px;
	height:19px;
}

#text {                                                 /* search text field */
	position:absolute;
	border:1px solid #404040;
	margin:0;
	padding:0 0 0 2px;
	top:7px;
	right:65px;
	width:12em;
/*	height:1.215em;         we'll define this at the bottom of our style sheet */
	font-size:14px !important;
	background:#fefefe;
}

#yah {                                    /* the "You are here" label graphic */
	position:absolute;
	top:5px;
	right:99px;
	width:87px;
	height:9px;
}

 /*========================= TOP OF THE MENU CASCADE =========================*/

.menu {

	position: absolute;
	top: 103px;
	left: 0;

/*	position:relative;        /* establish a menu-relative positioning context */
/*	float:left;                                     /* play nicely with others */
	margin:0;
	padding:0;
	border:0;
	height:18px;                                  /* the menu's overall height */
	width:100%;         /* we always want our menu to fill the available space */
/*	background:#f3f3f3;   // no set */
/*	font-family: Verdana, Arial, Helvetica, sans-serif; */
/*	font-size:12px;         /* this (and also below) sets the menu's font size ---DANGER line-out to default: small */
/*	border-bottom:1px solid black;        /* give us a black border underneath */
/*	white-space: nowrap; /* mine .. breaks in Safari, men goes horiz */
	
}

.menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}

.menu ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
}

.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
/*	m\argin:0; */              /* re-zero the table margins for everyone but IE5 */
	margin:0;               /* re-zero the table margins for everyone but IE5 ... modded 2/8/2011 ???? */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:12px;        /* this sets the base font size for our entire menu */
}

.drop {
	display:block;
	padding:0px 0.33em;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:right;   /* this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}

.drop span {        /* this simultaneously left and right aligns the text and */
	float:left;       /* the >> in the drop-down menus which link to sub-menus */
}

.rightmenu {
	position:relative;  /* establish a local positioning context for YAH label */
	float:right;                  /* and right-align it at the top of our page */
}

#research {            /* this rightmost "Research" button must be positioned */
	position:absolute;       /* absolutely so that the YAH (you are here) text */
	top:0px;               /* label will slide underneath it under Opera v8.54 */
	left:364px;    /* which has a z-order sequencing bug with abs-pos elements */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height:18px;
	color:black;    
	padding:4px; /* fat boxes, mine */
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
/*	border-top:1px solid #000;    /* these 2 lines create the push-in illusion REMOVED */
/*	height:16px; // offset */
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:22px;              /* place us just up underneath the top-level images */
	left:-1px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
/*	width: 13.5em; /* XXXXX max out drop width  XXXX */
/*	width: 100%; /* mine */
	color:black;                        /* this sets the unselected-text color */
	background:white;         /* this sets our menu's effective "border" color */
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}

.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:8.08333em;   /* with a 12px default font, this is 97px width (97/12) */
}

.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
	left:auto;
	right:0;         /* nudge the right menu right to line up under the border */
}

* html .menu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-1px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding:0;
	height:auto;
	color:#000;               /* this sets the unselected drop-down text color */
	background: none      /* this sets the drop-down menu background color... over text bak only . weird width/txt brk isu*/
	width:13.5em; /* XXXXXXXXXXXXXX*/
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:black;
	background:#fddf00;
	width: 100%; /*stretch wide*/
}

.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
	width:8.08333em;
}

/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {             /* hide inactive 3rd-level menus */
	visibility:hidden;
}
     
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {             /* 3rd level drop-down box */
	visibility:visible;
	position:absolute;
/*	margin-top:-1px;	*/      /* bring the top edge of the 3rd level menu up one */
	margin-top:-7pc;
	top:0;
	left:18.2em;
/*	left:8.08333em; */
	width:18em;
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {     /* 3rd level unselected items */
	width:18em;
	background:#d8d8d8;
}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {    /* level3 selected items */
	width:18em;
/*	background:white; */
	background-color: #fddf00;
}

.menu li:hover { /* test   */
/*	background-color: #fddf00 */
}

#text {           /* the Mac's standard Safari browser will not see this code */
	height:1.215em;#           /* ...  but every other browser will and should */
} /* Safari barfs on the illegal pound sign (#) after the rule's property val */

/* men end */

/*----------------------------------------------------------------------------------------*/

/* hover color */
.men1, a.men1:hover, a.men2:hover, #nav li:hover { /* vestigial nav id, still active in menu header */
	background-color: #fddf00;
}
/* removed #cart-widget a:hover,  */