﻿BODY
{
    font-family: helvetica, arial;
	font-size: 11px;
	margin: 0px; color:#000080;
	background-color:#CCFFFF;
	SCROLLBAR-FACE-COLOR: #f0f0f0; SCROLLBAR-HIGHLIGHT-COLOR: #c0c0c0; SCROLLBAR-SHADOW-COLOR: #c0c0c0; SCROLLBAR-3DLIGHT-COLOR: #f0f0f0; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #000000; SCROLLBAR-BASE-COLOR: #000000
}

a:link{ color: #000080 }
a:visited    { color: #000080 }
a:active     { color: #000080 }
a:hover      { color: #000080; text-decoration: underline }

p    
{
	MARGIN: 0cm 0cm 0pt;
}

td
{
	font-family: helvetica, arial;
	font-size: 11px;
}

textarea
{
	font-family: mono, courier;
	font-size: 11px;
}

select
{
	font-family: helvetica, arial;
	font-size: 11px;
}

input
{
	border:2px solid #B2E5F8; padding:1px; font-family: Arial;
	font-size: 11px; 
}

.f1 { font-family: helvetica, arial; font-size: 10pt; margin: 0px; }
.f2 { font-family: helvetica, arial; font-size: 12pt; margin: 0px; }

.s1 { font-family: helvetica, arial; font-size: 10px; }
.s2 { font-family: helvetica, arial; font-size: 9px; }

TABLE#tblCoolbar 
	{ 
	background-color:threedface; padding:1px; color:menutext; 
	border-width:1px; border-style:solid; 
	border-color:threedhighlight threedshadow threedshadow threedhighlight;
	}
.mainTable
	{background-color:#FFFFFF }
.TopMain     
	{background-color:#B2E5F8 }
.TopBasket     
	{
				background-color: #CCFF99
}
.LeftMain     
	{background-color:#FFFF99 }
.leftCell
	{border:1px solid #000080; background-color:#6BC3EF }
.xlink
	{font-family: Arial, helvetica; font-size: 10px;color:#009900 }
	
.ORT
	{font-family: Arial; font-size: 8pt;color:#009900; font-weight:bold }
	
.menu
	{font-family: Arial, helvetica; font-size: 10px;color:#009900; background-color:#FFFDCA }

.saved
	{border-bottom:1px solid #808080; font-family: Arial, helvetica; font-size: 10px; padding-bottom:2px }

.jewelry
	{font-family: Arial; font-size: 11px;color:#009900; font-weight:bold; background-color:#FFFDCA}

.cbtn
	{
	height:18;
	BORDER-LEFT: threedface 1px solid;
	BORDER-RIGHT: threedface 1px solid;
	BORDER-TOP: threedface 1px solid;
	BORDER-BOTTOM: threedface 1px solid; 
	}

.HJL
	{
	border:2px solid #ADE6FA;	 
	}
.ReportRows
	{
	background-color:#DADADA	 
	}

.txtbtn {font-family:tahoma; font-size:70%; color:menutext;}

.blueScroll {
	SCROLLBAR-FACE-COLOR: #c0c0c0; SCROLLBAR-HIGHLIGHT-COLOR: #f0f0f0; SCROLLBAR-SHADOW-COLOR: #c0c0c0; SCROLLBAR-3DLIGHT-COLOR: #f0f0f0; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #000000; SCROLLBAR-BASE-COLOR: #000000
}

.styleinfo
	{font-family: helvetica, arial; font-size: 14px; color: #ffffff; font-weight:bold}
	
.stylehead
	{font-family: helvetica, arial; font-size: 16px; color: #ffffff; font-weight:bold}

.styledesc
	{font-family: Arial; font-size: 10px;}
	
.submit
	{
				border: 1px solid #CCFF99;
				font-family: Arial;
				font-size: 10px;
				background-color: #94CE71
}

	
.input
	{
	border:1px solid #000000; BACKGROUND-COLOR: #EDECE9;
	COLOR: #000080;
	font-weight:bold; padding-left:2px
	}
	
.genx {width: 600px; padding: 15px; border: 4px solid #EE73A7; margins: 15px; font-size:13px;}

table.genx {font-size:13px;}

TEXTAREA#b
{
    BORDER-RIGHT: 1px dashed;
    BORDER-TOP: 1px dashed;
    FONT-SIZE: 11px;
    BORDER-LEFT: 1px dashed;
    BORDER-BOTTOM: 1px dashed;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
INPUT#b
{
    
	BACKGROUND-COLOR: #f0f0f0;
	COLOR: #000000;
	BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    BORDER-LEFT: 1px solid;
    BORDER-BOTTOM: 1px solid
}


SELECT#b
{
    BORDER-RIGHT: 1px dashed;
    BORDER-TOP: 1px dashed;
    FONT-SIZE: 10px;
    BORDER-LEFT: 1px dashed;
    BORDER-BOTTOM: 1px dashed;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

/*begin passover image on the /pri/mag2.asp page */

.thumbnail{
position: relative;
z-index: 0;
}

:hover.thumbnail{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFD5;
padding: 3px;
left: -1200px;
border: 1px solid #6BC3EF;
visibility: hidden;
text-decoration: none; font-family:Arial; font-size:10px; color:#000080; font-weight:bold; vertical-align:middle
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

:hover.thumbnail span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -70;
left: 200px; /*position where enlarged image should offset horizontally */

}
/*end passover image on the /pri/mag2.asp page */


/*CSS for retailer search shading and spacing: */
.featured {
				background-color:#F1FAFE;
				padding:12px;
}

.fhead {
				font-family:Arial, Helvetica, sans-serif;
				color:#000080;
				text-align:center;
				font-size:xx-large;
				font-weight:bold;
}

.ftext {
				font-style:italic;
				text-align:center;
}

.fpadding {
				margin:10ox;
}

.magnifyarea{ /* CSS to add shadow to magnified image. Optional */
box-shadow: 5px 5px 7px #ffffff;
-webkit-box-shadow: 5px 5px 7px #ffffff;
-moz-box-shadow: 5px 5px 7px #ffffff;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#ffffff, offX=5, offY=5, positive=true);
background: white;}

.add
{

				border: 2px solid #6699FF;
				padding: 2px;
				margin: 2px;
				background: #B2E5F8;
				font-family: Arial, Helvetica, sans-serif;
				font-size: xx-small;
				font-weight: bold;
				text-decoration: none;
}

.newtop
{
				position:relative;
				left:0px;
}

.new
{
				z-index:1;
				position:absolute;
				top:4px;
				left:4px;
}
