* {margin: 0px; padding: 0px;}
		/*  setting margin and padding to 0 makes sure that content starts from top 
		left of screen, regardless of indiv browser differences. */

/* body section */

		body {
			width: 100%;
			font: 1em/1.3em "times new roman", serif;
			color: black;
			background: url(images/misc-photos/wavycreambackgroundtile.jpg);
			margin: 5px;
			padding: 5px;	}
		/* width will vary with the browser settings.  Background image will fill in the 
		sides of the container */

/* overall formatting */

		h1 {
			font-family: "times new roman";
			font-size: 2.0em;	}

		h2  {
			font-family: "times new roman";
			font-size: 1.5em;	}

		h3  {
			font-size: 1em;
			font-weight: bold;	}

		h4  {
			font-size: 1em;
			font-weight: normal;
			text-decoration: underline;  }						

		p {
			margin:0px;
			padding:0px;
			margin-bottom: 0.5em;	}
		
		a {
			text-decoration: none;
			color: black;   } 
 
		/* don't do a:visited as FF messes up */

		#global-nav a:hover, #left-scan-column a:hover, #footer a:hover, 
		#product-table a:hover, #site-map a:hover {
			text-decoration: underline;  }

		#global-nav .selected a, #left-scan-column .selected a  {
			font-weight: bold;
			font-style: italic;	}

		img {
			border: 1px solid gray;	}

		#quote {
			font-style: italic; 	}

		.embedded-email a:link	{
			text-decoration: underline;
			color: blue;   } 

		.embedded-link a:link   {
			text-decoration: underline;
			color: blue;   }			

/* container section */

		#container {
			width: 800px;
			margin-left: auto;
			margin-right: auto;  /* margins to auto act to centre container */ 
			border: solid black;
			border-width: 1px 1px 1px 1px;	
			background: #ffffff;  }  

/* header section */

		#header {
			width: 100%;
			background: url(header-gold-3.jpg);	}	

		#headertitle {
			line-height: 1em;
			margin-top: 0px;
			margin-left: 10px;
			padding: 5px 0 0 0; 	} 

		#headertext {
			margin-left: 10px;
			line-height: 1.3em;
			padding: 0 0 10px 0;	}  

/* global navigation section */
/*Global navigation bar code adapted from: Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

		.global-nav-bar {
			width: 795px;
			background: url(gold-fabric-tile.jpg);  	} 
		/* this is the "bar" that the links go on */

		#global-nav ul {
			margin: 0;
			padding: 0 0 0 5px;
			float: left;
			width: 100%;
			background: url(gold-fabric-tile.jpg); }   

		#global-nav ul li {      
        		display: inline;  	}

		#global-nav li a { 
			width: auto;   
			float: left;
			color: black;
			padding: 2px 5px;
			text-decoration: none;
			border-right: 1px black solid; }
	
/* content section for local nav column and product column */

		#content {
			clear: both;
			background: #ffffff; 	} 

/* text without local nav section /*  /* need to get left margin spacing working, width in css */

		#welcome-text, #order-text {
			width: 650px;
			padding: 10px 0 0 10px;	}

/* Product section */

		#product-table	{
			table-layout: fixed;  /* tells browser to look at 1st table row only to set 
				column widths, therefore speeds table loading */
			padding: 15px; 
			font-size: 1em;	
			margin-left: 150px;
			background: #ffffff; }

		#collections-table	{
			table-layout: fixed;  /* tells browser to look at 1st table row only to set 
				column widths, therefore speeds table loading */
			padding: 15px; 
			font-size: 1em;	
			margin-left: 150px;
			background: #ffffff; }

		#collections-table td	{
			width: 33%; 	}

		#birthstones-table 	{
			table-layout: fixed;  /* tells browser to look at 1st table row only to set 
				column widths, therefore speeds table loading */
			padding: 5px; 
			font-size: 1em;	
			margin-left: 150px;
			background: #ffffff; }

		#birthstones-table td	{
			width: 25%;
			padding: 5px;
			vertical-align:top; 	}

		.birthstones-title {
			padding: 0px 0 0 0;
			line-height: 1em;
			margin-bottom:5px;	}

		#product-title {
			padding: 0px 0 0 0;
			line-height: 1.3em;
			margin-bottom:10px;	}

		.product-overview {
			padding: 0px 10px 10px 0;	} 

		.item-photo	{
			padding: 0 20px 10px 0;	
			vertical-align: top;} 

		#collections-table .item-photo	{
			vertical-align: middle;} 


		.item-photo-link:hover img {
			border: 1px solid blue;	}

		.item-text	{
			vertical-align: top;
			padding: 0 15px 20px 0;
			background-color: #ffffff;	}

		.item-text a:hover	{
			text-decoration: underline;	}

		ul	{
			margin-left: 10px;
			padding-left: 10px;
			list-style: circle;	}

	/* Popups section adapted from: */
	/*Credits: Dynamic Drive CSS Library */
	/*URL: http://www.dynamicdrive.com/style/ */

		.group-photo	{
			position: relative;
			z-index: 0;	}

		.group-photo:hover	{
			/* background-color: transparent; */
			z-index: 50;
			cursor: default;	}

		.group-photo span	{ /*CSS for enlarged image*/
			position: absolute;
			/* background-color: lightyellow; */
			padding: 0px;
			right: -300px;   /*left: -1000px; */
			border: 1px solid gray;
			visibility: hidden;
			color: black;
			text-decoration: none;
			cursor: default;	}

		.group-photo span img{ /*CSS for enlarged image*/
			border-width: 0;
			padding: 0px;	}

		.group-photo:hover span{ /*CSS for enlarged image on hover*/
			visibility: visible;
			top: 5px;
			right: 5px; /*position where enlarged image should offset horizontally */}

/* left column section */  

		#left-scan-column {
			margin-top: 0;
			padding: 0;
			width: 180px;
			float: left;
			background: #ffffff;	}
		/* gives total width of navigation column */

		#left-scan-column ul {     
			list-style: none ;
			padding: 0;			
			margin: 0; }  

		#left-scan-column li {     
    		 	float: left;
			width: 165px;
			border: 0	}

		#left-scan-column a {     
			display: block;
			padding:  5px 5px 5px 10px;
			color: black;
			background: #ffffff /* url(gold-fabric-tile.jpg) */	;
			 
			text-align: left; /* left aligns text within tab */	} 
		/* padding out the a elements (adjusting this for the a element, rather than for the li 
		elements, has the advantage of making the whole width of the tab clickable) */
		/* padding: left forces space from left edge. */

/* horizontal thumbnails section */  /* make so that photos are aligned to middle of row, not top */

		.thumbnails {
			display: table-cell;
			vertical-align: middle;	
			background: #ffffff ;	}

		.thumbnails a {     
			display: block; 
			padding:  5px 0px 5px 10px;	} 

		.thumbnail-link:hover img {
			border: 1px solid blue;	}

/* shipping table section */

		#shipping-table	{
			width: 100%;
			border: 0;	}

		#shipping-table td {
			padding: 0 50px 0 0;	}

/* site-map section */

		.plain-list, .plain-list ul   {
			list-style: none; }

		#site-map a	{
			color: blue; }

/* footer section */

		#footer {
			clear: both;
			width: 800px;
			background: url(gold-fabric-tile.jpg);  }
		/* this is the "bar" that the tabs, links go on */

		#footer ul {     
			list-style: none;     
		 	padding: 10px 0 0 0; /* this expands the teal band in FF */    }   

		#footer li { 
			display: inline;          
			padding: 10px;  /* need - spaces the list items */	} 
		/*  margin px can give spacing between list items.  */

		#footer li a {     
			text-decoration: none; 
			padding:  0px 5px 0px 5px;
			color: black; }

		 #copyright {
			padding: 0 0 0 15px;	}