.darkbox {
background-color:#003300;
color:white;font-size:14px;
}
.listdescr {
font-family:Arial;font-size:11px;color:#979777;text-transform:capitalize ;
}
title {
text-transform: capitalize;
}

.itemdetailsboxred {
border: 2px dotted red;
}
.itemdetailsboxred {
/*
border: 1px dotted #666600;
*/ 
    color:white;
	padding:2px;
	border:2px outset #ff3333;
	background-color:#B93333;
}
.itemdetailsboxred  a {
color:white;
font-weight:bold;
}
.itemdetailsboxgreen {
/*
border: 1px dotted #666600;
*/
	padding:2px;border:2px outset #cccc33;
	background-color:#CBCB88;
}

.noticebox {
border:2px #DADA99 ridge;
font-size:12px;
background-color:white;
}
.hidden {
	display: none;
	visibility: hidden;
}

.optionsinline {
margin:0px;align:center;border:1px solid #BB9999;padding:0px ;background-color:#CCAAAA;display:inline; color:black;text-align:center;
text-decoration:none;
}

.setinline {
margin:0px;align:center;border:1px outset #ffcc33;padding: 0px ;background-color:#FFCC00;display:inline;text-align:center;color:black;
text-decoration:none;
}
.setinline a, .lookinline a {
text-decoration:none;
}
.setinline a:hover,.set a:hover {
color:orange;
}
.lookinline a:hover, .look a:hover
{
color:pink;
}
.lookinline a,.lookinline a:u,.look a {
color:white;
}
.done {
background-color:#DDEEEE;
}

div.bigreen .look  {
display:inline;
}
.set a ,  .set a:focus , .setinline , {
color:black;
padding:2px;
}
.set {
margin:4px;align:center;width:80px;border:2px outset #ffcc33;padding:2px;background-color:#FFCC00;display:block;text-align:center;
}

.saleprice {
color: maroon ;
}
.detailpricerow {
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #FFFFFF;
	horizontal-align:center;
	text-align: justify;
	font-size: 12px;
	color: #535333;
	border: 2px ridge #DDDDAA;
        border-top: 0px;
	margin: 1px;
	padding:2px;
	display:block;
}
a {	font: 12px Arial, Helvetica, sans-serif;	color: #000000;	text-decoration: underline;}
.headeranchor {	font: 12px Arial, Helvetica, sans-serif;	color: #000000;	text-decoration: underline;
}
.silverfilter {
display:inline;padding-left:2px;position:relative;top:2px;margin-bottom:0px;;font-size:12px;font-color:blue;
}
table {
font:12px;
display:block;
}
.silverfilter > a {
color:pink;
font-size:12px;
}
h3 {
margin-top:4px;
margin-left:6px;
margin-bottom:4px;
display:inline;
font-color:#666666;
color:#666666;
font-size:14px;
font-weight: normal;
}
h4 {
margin-top:4px;
font-weight: normal;
margin-left:6px;
margin-bottom:4px;
display:inline;
font-color:#666666;
color:#666666;
text-transform:none;
}
#jumpstart {
	position: absolute;
	left: 280px;
	padding:2px;
	z-index:2;
	top: 152px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000066;
	background-color: #FFFFFF;
	text-decoration:none;
	border: ridge #000066;
	width: 250px;
}
#jumpstartblinder {
	position: absolute;
	left: 279px;
	padding:2px;
	z-index:3;
	top: 151px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000066;
	background-color: #FFFFFF;
	text-decoration:none;
	width: 285px;
	}
/*  will be made visisble by mousedown on More sentence */
/* it should be above the necklaces stones list layer etc. */
.stoneslist {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration:none;
	position: absolute;
	z-index: 3;
	left: 150px;
	padding:2px;
	top: 90px;
	text-align: justify;
	visibility:hidden;
	text-transform:capitalize;
}
.themeslist {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration:none;
	position: absolute; 
	z-index: 3;
	left: 200px; 
	padding:2px;
	top: 390px;
	text-align: justify;
	visibility: hidden;
	text-transform:capitalize;
}
.whiteonred {
color:#FF0000 ;
	background-color: #FFFFFF;
	border: none ;
	text-transform: capitalize;
}
.category {
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #000000;	
 }
.whiteonred:hover {
	font: bold 12px Arial, Helvetica, sans-serif, capitalize;
	text-transform: capitalize;
	color: #FFFFFF;
	background-color: #CC3300;
	border: thin outset #CC3333;
	
}
a {
	font-family: Arial, Helvetica, sans-serif;
		filter: Glow(Color=#FF0000, Strength=1);
		color:#444400;
	text-decoration:underline; 
}
.error1 {
	font: bold 12px "Times New Roman", Times, serif;
	color: #FF0000;
    visibility:inherit;
	text-decoration: underline;
	border-top: thin none #FFFFFF;
	border-right: thin none #FFFFFF;
	border-bottom: thin none #FFFFFF;
	border-left: thin none #FFFFFF;

}

.error {
	font: bold 12px "Times New Roman", Times, serif;
	color: #FF0000;
	background-color:#FFFF88;
	text-decoration: underline;
	border-top: thin none #FFFFFF;
	border-right: thin none #FFFFFF;
	border-bottom: thin none #FFFFFF;
	border-left: thin none #FFFFFF;

}
.details {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #663333;
	font-size: 12px;

}
.unnamed1 {
	font: 14px  Arial, Helvetica, sans-serif;
	color: #000000;
}
.greenbutton {
/* border:1px #666600 ridge;*/
		font:  11px Arial, Helvetica, sans-serif;
    	color: #000000;
	 background-color: #D3D3AA;
	}
	
	.cyansilverfilter {
/* border:1px #666600 ridge;*/
		font:  11px Arial, Helvetica, sans-serif ;
		font-weight:bold;
    	color: #000000;
		margin-top:1px;
		text-transform:capitalize;
	background-color:#DDDEDE;
	}
	.cyansilverfilter >a , 	.cyansilverfilter  a {
	color:black;
	}
	.graysilverfilter {
/* border:1px #666600 ridge;*/
		font:  11px Arial, Helvetica, sans-serif;
    	color: #000000;
		margin-top:1px;
		border: 1px ridge #CCCCCC;
		text-transform:capitalize;
			 background-color: #eeeeee;
	
	}
	
	
input[type=button] {
/*		border:1px #666600 ridge; */
		font:  10px Arial, Helvetica, sans-serif;
	color: #000000;
	text-translation: capitalize;
	background-color: #DADAAA;
}
.headerfont {
	font: 12px Arial, Helvetica, sans-serif;
	color: #446600;
        font-weight:bold;
}
	
/* this one is working without javascript ! */
		td.leftstonelist:hover {
	background-color:#DADAAA; 
		   padding-left:0px;
	}
body {
	margin-t0p:0px;
	margin-left:0px;
	font-size:12px;
font-family:Arial,Helvetica,Verdana;
	}

.leftstonelist {
	font: 10px Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #000000;
/*	background-color: #DDDDAA; 
	background-image : url(/images/horizontalgrad.gif);*/
	vertical-align: middle;
border-bottom: 0px groove rgb(0, 0, 102);  
	/* border-left: thin groove #000066; */
	
	padding-left:0px;
	text-decoration:none;
}
.leftstonelist a {
font: 12px Arial, Helvetica, sans-serif;
text-decoration:underline;
}
.white {
	font: 12px Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #FFFFFF;
	vertical-align: middle;
	/* border-left: thin groove #000066; */
	}
	.white:hover , .white:focus {
	color:yellow;
	}
a:hover , a:focus{
	color: #000066;
	text-decoration:underline;
	}
.biggreen {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #666600;
	display: inline;
}
.silverfilterlabel {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: yellow;
	background-color:#666600;
	padding-left:2px;
	padding-right:1px;
	padding-top:1px;
	padding-bottom:1px;
	
	display: inline;
}
.darktableinside{
background-color:#005500; border-top:2px groove #CCCCCC;padding-left:1px;padding-top:2px;padding-bottom:2px;margin-top:2px;
}

.topnavigator {
	font: 12px Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #660000;
	background-color: #DDDDAA;
	vertical-align: middle;
	border-top:none ;
	border-left:none;
	padding-left:0px;
	padding-top:0px;
		padding-right:0px;
}
.inputtext {
	border: thin groove #666600;
	padding:0px;
	font-size:12px;
		font-family: Arial, Helvetica, sans-serif;
	color: #666600;
	background-color: #FFFFFF;
}
hoveryellow:hover {
color:yellow;
}

.row1 {
	background-color: #FFFFFF;
	vertical-align: top;
	text-align:center;
	horizontal-align:center;
	border-left: 1px ridge #DDDDDD;
	border-bottom: 0px ridge #DDDDDD;
	padding-top:4px;
	}
	.rowt {
	text-align:center;
	horizontal-align:center;
	border-top: 1px ridge #DDDDDD;
	}
	.rowb {
	background-color: #FFFFFF;
	text-align:center;
	horizontal-align:center;
	padding-left:10px;
	/*border-bottom: 1px ridge #DDDDDD;*/
	}
.row1range {
	background-color: #FFFFFF;
	vertical-align: bottom;
	text-align:center;
	horizontal-align:center;
	border-left: 1px ridge #DDDDDD;
	border-bottom: 1px ridge #DDDDDD;
	padding-top:6px;
	}
.row2 {
	font: normal 12px Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	padding-top:4px;
    background-color: #FFFFFF;
    color: #494933;
	border-bottom-width: 0px ridge #DDDDDD;
    text-align: justify;
horizontal:align:center;
	vertical-align: top;
    padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
}
.rowlb {
	font: normal 12px Arial, Helvetica, sans-serif;
	text-transform: capitalize;
    background-color: #FFFFFF;
    color: #494933;
	padding-top:4px;
	border-bottom: 0px ridge #CCCCCC;
	border-left: 1px ridge #CCCCCC;
    text-align: justify;
    horizontal-align:center;
	vertical-align: top;
   	padding-left: 2px;
}

.rowl {
	font: normal 12px Arial, Helvetica, sans-serif;
	text-transform: capitalize;
     color: #494933;
	padding-top:4px;
	border-bottom: 0px ridge #CCCCCC;
	border-left: 1px ridge #DDDDDD;
    text-align: justify;
    horizontal-align:center;
	vertical-align: top;
   	padding-left: 2px;
}

.pricerow {
	font: italic normal 12px Arial, Helvetica, sans-serif;
	text-transform: none;
	 /*	 background-color: #F5F5F5;*/
		  /* background-image:url(/images/graygrad.gif);  
		background-color:#DDDDAA ; */
				background-color:#EFEFED ; 
	color: #000000;
	text-align: center;
	vertical-align:middle;
	letter-spacing: normal;
   height: 22px;
   border-bottom-width: 1px;
	border-bottom-style: ridge;
	border-bottom-color: #CCCCCC;
	/*background-image: url(../images/bggreen2.gif);
	background-repeat: repeat-x; */
}
.row3 {
	font: italic normal 12px Arial, Helvetica, sans-serif;
	text-transform: none;
	 /*	 background-color: #F5F5F5;*/
		/*  background-image:url(/images/graygrad.gif); */
		background-color:#DDDDAA ;
	color: #000000;
	text-align: center;
	vertical-align:middle;
	letter-spacing: normal;
   height: 22px;
	/*background-image: url(../images/bggreen2.gif);
	background-repeat: repeat-x; */
}
.wishlist,  .paid{
	background-color: #AAAA55;
	color:#FFFFFF;
}
.testimony {
	background-color: #F4F4F4;
	letter-spacing: normal;
	text-align: justify;
	word-spacing: 1em;
	border: 2px ridge #CCCC99;
	margin: 4px;	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;	font-color: #000000;
}
.testimony2 {
	background-color: #FFFFFF;
	letter-spacing: normal;
	text-align: justify;
	word-spacing: 1em;
	border: 2px ridge #333333;
	margin: 4px;
	margin-top:6px;	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;	font-color: #000000;
}
.yellowarrow {
	position: relative;
	top: 4px;
	padding:2px;
}
.row2:hover {
 color: #000000;
}
.openingpara {
	font: 12px/2em Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: justify;
	padding-top: -2px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
.openingpara > a {
	font: 18px "Times New Roman", Times, serif;
	color: #333399;
	text-decoration: underline;
}
.openingpara  a {
	font: italic 12px/2em Arial, Helvetica, sans-serif;
	color: #6666CC;
}
.table_row_over {
background-color:#DADA99;
padding-left:0px;
text-transform:capitalize;
border-bottom:0px #CCCCCC ridge;
}
.grayplacard {
/*to set left right padding just increase the width at the point of createing placard....yes hard code it */
text-align:center;/*margin-left:4px;*/
padding-bottom:2px;
text-transform:capitalize;
/*
border-bottom:0px black ridge;
*/
background-color:#ffffff;
background-image:URL(http://www.semiprecious.com/images/bg2.gif);
background-repeat: repeat-x; 
font:11px, Arial;
}
.grayplacard_ {
/*to set left right padding just increase the width at the point of createing placard....yes hard code it */
text-align:center;/*margin-left:4px;*/
padding-bottom:2px;
text-decoration:none;
/*
border-bottom:0px black ridge;
*/
font:11px, Arial;
}

.grayplacard a {
color:black;
}
.grayplacard_ a {
color:black;
text-decoration:none;
}

.grayplacard:hover {
background-color:white;
}
.graysilverfilter  a ,  .graysilverfilter >a {
	color:black;
	}.unnamed2 {
	background-image: url((URL));
	background-repeat: no-repeat;
	background-position: right;
}
.biggreenwhite {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #666600;
	border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: ridge;
	border-bottom-style: ridge;
	border-top-color: #999933;
	border-right-color: #999933;
	border-bottom-color: #999933;
	border-left-color: #999933;
}
.noticeboard {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #333388;
	background-color: #D3D3AA;
	text-transform:capitalize;
}
.noticeboard a {
color:#222200;
}

.hubtitle{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
	font-weight:bold;
	color: #000000;
	
	 background-color: #D3D3AA;
	}
	
.sidetitle{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
	font-weight:bold;
	color:#0033CC;
	
	}
	
.hubsnavstyle {
background-color:#FFCC66;
}
.hubsnavstyle1 {
background-color:#CC9966;
}
ul.birthstoneinfo li, p.birthstoneinfo {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
	color:#000000;

}
.birthstoneinfoheader {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
	font-weight:bold;
	color:#009900;

}

.test {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
	font-weight:bold;
	color:#009900;

}

.tableheader1 {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}