A:hover { z-index:1; color:#0066FF; text-decoration: underline }
A:link { z-index:1; color:#0066FF; text-decoration: underline }
A:active { z-index:1; color:#0066FF; text-decoration: underline }
A:visited { z-index:1; color:#0066FF; text-decoration: underline }

BODY, TD, TH, UL, OL, LI, P, DD, DT, DL {
	z-index:1;
	font-family : Palatino, Times New Roman, Times, serif;
}


input.btn { 
	  color:#003300; 
	  font: bold 84% 'arial',helvetica,sans-serif; 
	  background-color:#FFFFFF; 
	  border:1px solid; 
	  border-color: #696 #363 #363 #696; 
	} 
	
input.press_btn { 
	  color:#3399FF; 
	  font-family: 'Palatino', 'Times New Roman', 'Times', serif;
	  font-size : 10pt;
	  background-color:#111111; 
	  border:0px solid; 
	} 


.press A:hover { z-index:1; color:#3399FF; text-decoration: underline }
.press A:link { z-index:1; color:#3399FF; text-decoration: underline }
.press A:active { z-index:1; color:#3399FF; text-decoration: underline }
.press A:visited { z-index:1; color:#3399FF; text-decoration: underline }

.index {
	font-size : 12pt;
}

.super {
	font-size : 8pt;
}

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

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

.footer_press A:hover { z-index:1; color:#3399FF; text-decoration: underline }
.footer_press A:link { z-index:1; color:#3399FF; text-decoration: underline }
.footer_press A:active { z-index:1; color:#3399FF; text-decoration: underline }
.footer_press A:visited { z-index:1; color:#3399FF; text-decoration: underline }

.menu_links {
    font-size : 9pt;
	font-family : Verdana, Helvetica, Arial, san serif;
}

.awards_pg {
    color : #FFFFFF;
    background-color: rgb(0, 0, 0); 
    background-image: url(art/designgallery/designbkgrnd.jpg);
}

.new {
    font-size : 14pt;
    font-weight : bold;
    color : #6666FF;
}

.right {
    text-align: right;
}

.logged_in {
    color : #6666FF;
    font-family : Helvetica, Arial, san serif;
    text-align: right;
}

.title {
    font-size : 18pt;
    font-weight : bold;
    color : #003300;
    font-family : Verdana, Helvetica, Arial, san serif;
}

.page_title {
    font-size : 18pt;
    font-weight : bold;
}

/* old highlight color
.highlight {
    background-color:yellow;
}
*/

.highlight {
    background-color:#BCA9F5;
}

.div_no_float {
    clear:both;
}

.float_right {
	float:right;	
}
.float_left {
	float:left;
}

td.center {	
	text-align: center;
}

.left_space {
    margin-left: 30px;;
}
.top_space {
    margin-top: 20px;;
}

.bg_grey {
    background-color: #EEEEEE;
}

TD {
	font-size : 10pt;
}

div.scroll {overflow: auto; width: 620; height: 103;}


H1 {
	font-size : 18pt;
	font-weight : bold;
	color : #000000;
}

H2 {
	font-size : 16pt;
	font-weight : bold;
	color : #000000;
}

H3 {
	font-size : 14pt;
	color : #000000;
}

.banner_white_lrg {
	font-size : 18pt;
	font-weight : bold;
	color : #FFFFFF;
	font-family : Verdana, Arial, Helvetica, san-serif;
}

.white {
    color : #FFFFFF
}

.wholesale {
    color : #FFFFFF;
    background-color: #000000;
    border-style: solid;
    border-color: #A3A3A2;
}

.banner_bk {
	font-size : 20pt;
	font-weight : bold;
	color : #000000;
	font-family : Verdana, Arial, Helvetica, san-serif;
	font-align: right;
}

.searchtext {
	font: bold 13px arial
}
.searchtext_nobold {
	font: 12px arial
}

.searchtitle {
	font: bold 16px arial;
	text-align: center;
}

/* the following styles are for the stone description popups on the individual stone pages*/
.pop_stone_desc{
position: relative;
color: 3300FF;
text-decoration: underline
z-index:500;
}

.pop_stone_desc:hover{
background-color: transparent;
}

.pop_stone_desc span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 5px;
left: 100px;
width: 600px;
border: 1px solid #999999;
visibility: hidden;
color: #666666;
text-decoration: none;
font-size : 10pt;
}

.pop_stone_desc:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 5px;
left: 10px; /*position where enlarged image should offset horizontally */
}


/* the following styles are for the depth popups on the individual stone pages*/ 
.pop_stone{
position: relative;
color: 3300FF;
text-decoration: underline
z-index:100;
}

.pop_stone:hover{
background-color: transparent;
}

.pop_stone span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 5px;
left: 100px;
width: 300px;
border: 1px solid #999999;
visibility: hidden;
color: #666666;
text-decoration: none;
}

.pop_stone:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 5px;
left: 30px; /*position where enlarged image should offset horizontally */
}

/* the following styles are for the depth popups on the category pages*/
.pop_cat{
position: relative;
color: 3300FF;
text-decoration: underline
z-index:100;
}

.pop_cat:hover{
background-color: transparent;
}

.pop_cat span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 5px;
left: 100px;
width: 150px;
border: 1px solid #999999;
visibility: hidden;
color: #666666;
text-decoration: none;
}

.pop_cat:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 5px;
left: 10px; /*position where enlarged image should offset horizontally */
}

/* the following styles are for the email updates button */
.email_update
{	margin: 0;
	padding: 0;
	z-index:100;
	}

.email_update li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

.email_update li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 3px 5px;
	width: 140px;
	background: #DDDDDD;
	color: #006699;
	text-align: center;
	text-decoration: none;
	border: 1px solid #555555;
	}

.email_update li a:hover
{	background: #BBBBBB}


/* the following style is for the Connect with John on Facebook buttons */
input.groovybutton
{
   font-size:10px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   color:#FFFFFF;
   width:200px;
   background-color:#3c61a4;
   border-style:solid;
   border-color:#555555;
   border-width:1px;
}


/* the following styles are for the regular-width menu popups */
.menu
{	margin: 0;
	padding: 0;
	z-index:100;
	}

.menu li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

.menu li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 85px;
	background: #5970B2;
	color: #FFF;
	text-align: center;
	text-decoration: none}

.menu li a:hover
{	background: #49A3FF}

.menu div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

.menu div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 2px 7px;
		width: 89px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 11px arial}

.menu div a:hover
	{	background: #49A3FF;
		color: #FFFFFF}
		

/* the following styles are for the gemstone menu popups, which need to be extra wide */
.menuwide
{	margin: 0;
	padding: 0;
	z-index:100;
	}

.menuwide li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

.menuwide li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 80px;
	background: #5970B2;
	color: #FFF;
	text-align: center;
	text-decoration: none}

.menuwide li a:hover
{	background: #49A3FF}

.menuwide div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

.menuwide div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 2px 7px;
		width: 105px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 11px arial}

.menuwide div a:hover
	{	background: #49A3FF;
		color: #FFFFFF}