@charset "ISO-8859-1";


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

html {
   margin: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
/*   padding: 200px 0 0 0; /* fixed head */
   font-size: large
   color: #333333;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}


body {
	background-image: url(/images_imme/bubbles.jpg);
	background-color: #EEEEEE;
/*	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: #000000; */
}

.boxx {
/*	background: black; */
//	background: url(/extras/pix/gray74.png);
}

.style1 {
	color: #FF3399;
	font-weight: bold;
}
.style2 {font-size: large}
.style4 {color: #CC0066}
.style5 {color: #FF3399}
.style6 {font-size: small}
.style7 {color: #FF3399; font-size: large; }

.tinytext {font-size: small}
.border, .transbox {border: 1px solid #CC0066; }
/* .transbox { filter:alpha(opacity=86); opacity:0.86;} */
.transbox { filter:alpha(opacity=76); opacity:0.76;}

.menu, .pinktext {color: #FF3399; }

.menu {text-transform: capitalize;} /* cap 1st letter of the menus */

.grayy {color: #999999; }

a {
	color: #999999
}

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

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

a:hover {
	text-decoration: none;
	color: #FF66AA; /* brighter than normal pink */
}

a:active {
	text-decoration: none;
}

/* menu class formattting */
.menu{	font-size: large; padding: .2em 0 .5em .4em; height: 25px; vertical-align:text-bottom;	font-size: large;  word-spacing: 1.1em;}




/* css examples below... keep to cut/paste */


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


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;
/*	width: 420px; */
	float: right;
/*	padding: 20px 10px 50px 0;*/
	padding: 0 10px 50px 0;
}

 /* matching item backgr ollover swap color in pagination links here 
#mainfoot a, #mainfoot a:visited, #mainfoot a:active {background-color: #dedede; color: #990000; text-decoration: none; background-color: none; padding: 3px 1px 1px 1px;}
#mainfoot a:hover {background-color: #8d0000; color: #ffffff; text-decoration: none; padding: 3px 1px 1px 1px;}
*/

.men1 { 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;}
/*x*/

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 {padding: 3px 9px 1px 9px; color: #000000; text-decoration: none; }
#cart-widget a:hover {text-decoration: none; color:#333333;}
*/

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

div#search-widget {
	visibility: hidden;
	top: 60px;
	padding-right: 100px;
/*	min-width: 900px;  */
	position: relative;
	float: right;
	clear: none;
}



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

 .big-words-sh, .big-words {
	text-transform: uppercase;
/* padding:  3px 30px 5px 28px ; */
	position: relative;
	float: left;
	clear: both;
	margin-top: 40px;
	top: 3px;
	left: 2px;
	font-size: 20px;
	font-weight: bold;
	color: #141414;
	white-space: nowrap;
	word-spacing: 0.3em;
	letter-spacing: 2.4px;
/* background-image: url(/extras/red-trans.png); */
 }

/* #big-words-sh {background-image: url(/extras/red-trans.png);} */
 
.big-words {
/* top: 0; */
/* left: 16px;*/
	color: #990000;
	letter-spacing: 1.3px;
}



.category-header, .category-title {
 /*	font-family: MonaKo; */
	color: #000;
/*	text-shadow: 1px 2px 2px #ffa; */
	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%;
	/*	font-weight: bold;
  */
}


/*
#menu1 a, #menu1 a:visited, #menu1 a:active {color: #ffffff; text-decoration: none}
#menu1 a:hover {color: #3399ff; text-decoration: underline;}
*/


.item-cont {
/* default item background */
/*	background-color: #cccccc;  behind */
/*	width: 400px; */
	float: left;
	clear: none;
	text-align: center;
/*	margin-top: 10px;      */     /* betw  */
/*	margin-left: 13px; */
	background-color: none;
/* 	background-image: url(/extras/pix/bakswathdark.jpg); 
 	background-image: url(/extras/pix/bakswathgray.jpg); 
 	background-image: url(/extras/pix/dot6.jpg); 
  	background-image:  url(/extras/pix/titlecard.jpg); */
 	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 -- verify to see that older IE don't choke on divs inside <a href> links*/
/*	 background-color: #dedede; rollover block */
	background-color: none; 
/* 	background-image:  url(/extras/pix/golden3.jpg); 
	background-image:  url(/extras/pix/titlecard.jpg); 
 	background-image: url(/extras/pix/bakswathwht.jpg); 
 	background-image: url(/extras/pix/frame.jpg); */
}

.item-cont a:hover {
/* hover background */
	text-decoration: none;
	color: #ffffff; 
	background-color: none; /* 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  */ 
/*	background-color: #dedede; */

/*	width: 330px; old
	height: 210px; */

	width: 324px;
	height: 224px; 

/*	margin-top: 10px;  top blank */
/*	padding: 10px 0 0 30px ; */

/*	padding: 25px 0 15px 30px ; */

	clear: none;
}

/*
position:relative; top: 50%; margin-top:-0.5em;   text in below class
then purge breaks in html
*/
.item-thumb-img {
	padding: 12px 0 0 12px;
	color: #ca9b03; 
/*	color: #ffdd77; */
	font-size: medium;
	font-weight: bold;
	width: 300px;
	height: 200px;
	clear: none;
	text-align: right;
}

/*
.item-thumb-img img{
	margin: 7px 0 0 7px;
{

*/
div#header{ /* fixed */
	font-family: verdana;
	letter-spacing: .1pc;
/*	font-family: MonaKo; letter-spacing: .2pc; /* menu bar in special font */
	color: white;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 90px; /* same as body padding */
	background-color: #8d0000;
}
@media screen {
	body>div#header {
		position: fixed;
	}
}
* html body {
	overflow:hidden;
} 
* html div#content {    /* content */
/*	background: #ff5555; */
	margin-left: 100px;
	margin-right: 100px;
	height:100%;
	min-width: 660px; /* 1000 olds pix divs 3wide at 300px  3wide at 700ea*/
/*	overflow:auto; */
}

div#container { /* main container class */
/*	background: #5555ff; */
	width: 100%;
/*	width: 1500px; 1000 olds pix divs 3wide at 300px  3wide at 700ea*/
	padding: 110px 0 0 0; /* same as header div height */
/*	margin-left: auto; */
/*	margin-right: auto; */
/*  background-color: #aaaaaa; */  /*   INNER COLOR ------------------------------*/
}

/* item detail ids */

#item-desc { /* description- price box */
	position: relative;
	min-height: 136px; /*  ttttest */ 
	overflow: auto;
	height: 170px;
/*	border-bottom: thin solid #d8d8d8;
	border-top: thin solid #d8d8d8; */
	border-bottom: solid #d8d8d8;
	border-top: solid #d8d8d8;
}

#buttn { /* buy button */
	visibility: hidden;
	position: absolute;
	right: 20px;
	bottom: 0;
}

/* tooltip class */

#bio-box {
	font-family: verdana, arial;
/*text-align: justify; text-justify: newspaper; */
	text-align: left;
	line-height: 1.2em;
	visibility: hidden;
	display: none;
	z-index: 9998;
	color: #000000;
	position: absolute;
	border-bottom: thin solid #d8d8d8;
	border-right: thin solid #d8d8d8;
	border-top: thin solid #d8d8d8;
	border-left: 20px dotted #d8d8d8;
	background-image: url(/extras/pix/notebook.gif);
	background-attachment: scroll;
	background-color: none;
	top: 20px;
	left:23px;
	width: 520px;
/* max-height:  160px; */
	overflow: visible;
}

/* menu class class 
a.dom_men span {
display: none;
}
a.dom_men:hover {
position: relative;
}
a.dom_men:hover span {
display: block;
position: absolute;
border: thin solid black;
background-color: yellow;
}
*/

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

.white {color: #FFFFFF}
.theme {color: #656565}
.rit {float: right;}

/* Title style.... a hyperlink (with a blank placeholder space as the text link) of class "titlestyle" will automatically insert the content below as alink */
/* this means we can change the link content sitewide from here */
.storetitlestyle ,  .titlestyle {color: #333333; font-weight: normal; font-size: 22px;}

/* standard helper classes */

/* red links */
/* red links */
.redd , a.redd,  a.redd:visited,  a.redd:link, a.redd:active {color: #990000; text-decoration: none; }
a.redd:hover {color: #777799; text-decoration: none;}

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

.warn {
	font-family: verdana, arial;
	font-size: medium;
	color: #ff0000;
	font-weight: bold;
}

.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 */

#nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav + *{
	clear: left;
}

#nav ul {
	padding: 0;
	margin:0;
	list-style: none;
	z-index:99;
	position:relative;
	overflow:visible;
}

#nav > li ul {
	text-align: left;
}

#nav li { /* Appearance settings (eye candy) */
	position: relative;
	background: #ffffff;
/*	background: url(trans/white80.png);*/
	color: #000000;
/*	border: solid 1px #AAA; */
	height: auto;
/*	max-width: 50em; width... */
	width: 13em;
	overflow: visible;
}

#nav ul ul {
	width: 8em;
}

#nav > li {
	margin: 0;
	float: left;
	text-align: left; 
/*	text-align: center; */
	height: 1.1em; /* 1.6em; */
}

#nav a {
	text-decoration: none;
	padding: 0 0.5em;
	line-height: 1.6em;
	background: transparent;
	color: inherit;
	overflow: hidden;
}

#nav li li a {
	line-height: normal;
	padding: 0.25em 0.5em;
}

#nav ul, #nav li, #nav a{
	display: block;
}

#nav ul{
	visibility: hidden;
}

/* (sub-)submenus */
#nav ul ul, #nav ul ul ul{
	position:absolute;
	top: 0;
	left: 95%;
	visibility: hidden;
}

/* Shadow! */

#nav li:hover {
/*	border-style: outset;*/
/*	background: #D7D7D7;*/
/*	background:  #fddf00  ;  hover color */
	color: #333333;
}
#nav > li ul {
/*	background: #666;*/
/*	background: transparent url("/extras/pix/black40.png"); no drop shad */
}
#nav > li > ul {
	margin: -1px;  /* This is to make the width equal to parent li width. */
	position: relative;
	top:  4px;
	left: 4px;
}
#nav > li ul li {
	position: relative;
	top:  -4px;
	left: -4px;
}
/* end shadow */

/* Enlarger */
/* #nav > li {width: 8em;} */ /* popping disappears if we use a fixed-width */
#nav > li:hover {
	margin: -0.2em;
	padding: 0.2em;
	z-index: 2;  /* Opera does not seem to respect this. */
}
#nav > li:hover > a {
	margin: -0.2em;
	padding: 0.2em 0.7em;
}
/* end enlarger */

/* Interactive lines: show/hide menus */
#nav li:hover ul ul, #nav li:hover ul ul ul{
	visibility: hidden;
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul{
	visibility: visible;
}

.skipnav {
	display: none;
}

.nonav li{
	width: 2em;
	display: block;
	background: transparent;
	height: 1px;
	border: 0;
	margin: 0 0 -1px 0;
	padding: 0;
}

/* hover color */
.men1, a.men1:hover, #nav li:hover {
	background-color: #fddf00
}
/* removed #cart-widget a:hover,  */