@charset "iso-8859-1";

/*******************************************************************************
*  BODY & TABLE 
*******************************************************************************/

body, table {
background: #fff5ee url('none');
font: 100.01%/130% Verdana, Helvetica, sans-serif;  
	  	/* sets font-size 100.01 for Opera and Safari, line-height 130 for readability */
margin:0; 
padding:0;
text-align: left;
	}

/*******************************************************************************
*  LINKS : text links colour
*******************************************************************************/

a:visited {color: #660099}
a:hover {color: #ff0080}   /* mouse over link */
a:active {color: #6633ff}   /* selected link */

/*******************************************************************************
*  SELECTORS : styles used by all HTML elements of these classes
*******************************************************************************/

.center {text-align: center}
.left {text-align: left}
.right {text-align: right}
.clearboth { clear: both; }

/*******************************************************************************
*  FONTS: all properties
*******************************************************************************/

:root code {
	font-size: 120%;	/* :root is an invalid pseudo class known to Mozilla; Mozilla renders monospace fonts smaller that 'normal'. */
}

/*	Following tries to make all headings the same size regardless of browser. (IE typically larger than Mozilla.) */

h1, h2, h3, h4 { 
	color : #663333;
	font-family : "Arial Narrow", Arial, sans-serif;
		}

h1 {font-size: 1.3em}

h2 {font-size: 1.2em}

h3 {font-size: 1.1em}

h4 {font-size: 1em}

p {font-size: 0.82em;}


/*******************************************************************************
*  IMAGES & GALLERIES
*******************************************************************************/

a img {border: none; }

div.desc {
    float:left;
    width:70%;
	margin: 0.4em 1em 0 0 ;
    }

div.linkbloc {
    float:right;
    width:20%;
    }

div.jewel {
	float: none ;
	clear: both ;
	margin: 1em 7em 0 0 ;
		}
		
img.jewel {       /*  class for jewellery images with text at right */
	float: left;
	margin: 0.5em 2.5em ;
	clear: both ;
		}		
		
img.th {          /*  class for thumbnails on jewellery 'index' pages */
	margin: 0.2em ;
	height: 76px ;
	width: 76px ;
		}

/*******************************************************************************
*  SIDE MENU
*******************************************************************************/

#navigator {
	border: 0px none ;
	font-family: Arial, sans-serif;
	font-weight: 600;
	text-align: left
			}

.button1 {
	margin: 0.19em 0 ;
	width: 80%;
		}
	
.button2 {
	margin: .06em 0 ;
	width: 80%;
		}

.button1 a {
	background: #fffffa url('none');
	border: 0.06em solid;
	border-top-color: #fff; 
	border-left-color: #fff; 
	border-bottom-color: #b29898; 
	border-right-color: #b29898; 
	color:#663333; display: block; 
	text-decoration: none; 
	text-indent: 0.44em ; 
	padding: 0.06em 0 ;	
		}

.button1 a:hover {
	background: #f5ebe1 url('none');
	border-top: 0.06em solid #b29898; 
	border-left: 0.06em solid #b29898; 
	border-bottom: 0.06em solid #fff; 
	border-right: 0.06em solid #fff; 
	color: #000080; 
		}
	
.button2 a {
	color: #663333;
	background: #fff5ee url('none');
	border-top: 0.06em solid #fff; 
	border-left: 0.06em solid #fff; 
	border-bottom: 0.06em solid #b29898; 
	border-right: 0.06em solid #b29898; 
	display: block; 
	padding: 0 ; 
	text-decoration: none; 
	text-indent: 0.75em ;	
		}

.button2 a:hover {
	background: #f5ebe1 url('none');
	border-top:0.06em solid #b29898; 
	border-left:0.06em solid #b29898; 
	border-bottom:0.06em solid #fff; 
	border-right:0.06em solid #fff; 
	color:#000080; 
		}
			
/***  SIDE MENU ends *********/