/* Insert default browser information here */
#birthstones ul li span {border: thin solid #B22222; background: white; padding: 2em; }
#specialty {width: 70%; height: 70%;}

/* Remainder applies to all browsers */

* {margin: 0; padding: 0;}

html {width: 100%; height: 100%;}

body {font-family: "lucida sans", verdana, arial, sans-serif;
	border-collapse: collapse; height: 100%; width: 100%; color: #B22222;
	padding: 0px; margin: 0px; background-color: #FFFFFF;
	border-style: none; text-align: center; font-size: 62.5%; line-height: 1.3; overflow: hidden;}

hr{color: #B22222;}
span {display: inline;}

/* Text definition */
h1, h2, h3, h4, h5, h6, li, p, a {color: #B22222; text-align: center;}
a {text-align: left; }
h3 {margin: .5em 0em; padding: 0em;}
p {font-size: 1.6em; padding: 0em 2em;}
p.left {text-align: left; font-size: 1.6em;}
label {font-size: 2em; padding: 0em 1em; margin: 0em;}

/* Image definition */
img {border: none; }
img.orglink {border: none; margin: 0em; padding: 0em; text-align: center; height: 60%;}
img.bigindex {border-style: none; margin: 0em; padding: 0em; height: 65%; width: 30%; float: left;}
img.smallindex {border-style: none; margin: 0px; padding: 0px; height: 25%; width: 12%;}
img.big {height: 100%; width: 100%; margin: 0px; padding: 0px; }
img.small {border: thin solid #B22222; margin: 0px; padding: 0px; height: 10em; width: 10em;}
img.small:hover {border: thin solid #87CEFA;}
img.stone {border-style: none; vertical-align: middle; margin: 0px; padding: 0px; height: 20%; width: 10%;}
.banner {height: 100%; max-width: 100%; border-style: none; margin: 0px; padding: 0px; clear: both;}
.banner2 {width: 100%; height: 100%; border-style: none; margin: 0px; padding: 0px; clear: both; text-align: center; 
	overflow: hidden;}
#paybuttonview {text-align: center; margin: 0em; padding: 0em; width: 30%; 
	border: none; position: absolute; bottom: 0%; left: 35%;}
#paybuttonadd {margin: 0em; padding: 0em; width: 25%; border: none; text-align: right; vertical-align: bottom;}

/* Table definitions */
table {margin: 0px; padding: 0px; width: 100%; height: 100%; background-color: #FFFFFF;}
tr {padding: 0px; margin: 0px; vertical-align: middle; text-align: center; white-space: normal;
	background-color: #FFFFFF;}
td.marg {padding: 0px; margin: 0em; width: 40%; vertical-align: top}
td.piclabel {text-align: left; vertical-align: middle}
td.pic {text-align: center; padding: 0px; margin: 0px; width: 20%}


/* Division definitions */
#menu {width: 15%; height: 78%; position: absolute; bottom: 0em; left: 0em;}
#data {width: 80%; height: 78%; position: absolute; left: 16%; top: 21%; margin: 0px; padding: 0px; 
	overflow: auto; text-align: center; }
#top {width: 100%; height: 20%; position: absolute; left: 0px; top: 0px; margin: 0px;
	padding: 0px; overflow: hidden;text-align: center; 
	background-image: url('http://finegemsandjewelry.com/logos/fglogoredbrown.png'); 
	background-repeat: no-repeat; background-position: left; }
#search_box {position: absolute; top: 1em; right: 1em;}

/* Sub-division definitions */
#birthstones {width: 99%; margin: 0px; padding: 0px;}
#specialty {font-size: 1.2em; position: fixed; left: 21%; bottom: 2%; padding: 0px;
	overflow: auto; border: thin solid #B22222; }
#showpic {width: 24%; height: 50%; position: absolute; left: 16%; top: 21%; padding: 0px; border: thin solid #B22222; }
#showinfo {width: 24%; height: 28%; position: absolute; left: 16%; top: 71%; padding: 0px; margin: 0px; border-left: thin solid #B22222; border-right: thin solid #B22222;
	border-bottom: thin solid #B22222; }
#showcase {width: 55%; height: 61%; font-size: 1.2em; position: absolute; left: 41%; top: 21%; padding: 0em;
	}
#showcasein {width: 100%; height: 90%; overflow: auto; border: thin solid #B22222; padding: .5em;}
#bottom {border: none; width: 55%; height: 10%; position: absolute; right: 0%; bottom: 0%; overflow: hidden; text-align: center;}
#desc {overflow: auto;}
#insize {height: 1em; position: relative; bottom: 0%; text-align: left;}


	
/*menu definitions */	
#menu ul li {margin-bottom: 1em; text-align: left; margin-left: 1em;}
#menu ul li a{text-decoration: none; font-weight: bold; color: #B22222; font-size: 1.25em;}
#menu ul li:hover {background-color: #87CEFA;}

/*birthstone page */
#birthstones ul li {text-decoration: none; padding: 1.5em;}
#birthstones ul li a {text-decoration: none;}

/*comments page */
div.comment {border: thick groove #B22222; padding: 2em; margin: 1em;}

/*specialty pages -- specialty, gemstone, jewelry type, and gemstone care selections */
.float img {height: 10em; width: 10em;}
a.float {height: 13em; margin: .5em; padding: 1em; background: #FFFFFF; text-align: center; text-decoration: none; float: left;
	border: thin solid #B22222; }
a.float:hover {border: thin solid #87CEFA;}
a p:hover {background-color: #87CEFA;}

/* Display pages */
#showinfo label {font-size: 1em; padding: 0em 1em; text-align: left;}
#shortname {text-align: center; padding: 0em; margin: 0em; font-size: 2em;}
#size {text-align: center; font-size: 1em; padding: 0em 1em; margin: 0em;}
#price {text-align: center; font-size: 2em;}



/* information page */	
#promos {font-size: large;}
#promos li {border: thin solid #B22222; margin: .5em; padding: .1em; background: #FFFFFF;
	text-align: center;}
#promos li a {text-decoration: none;}

/* List definitions */
li {list-style: none ;}
li.main{display:block; position:relative; padding:3px;
	text-decoration:none; font-weight:bold; color:#B22222;
	border-top:1px solid #B22222;}
 
/* Bits and Pieces */
.half {width: 50%;}
.quarter {width: 20%;}
.third {width: 30%;}
.right {float: right; clear: right;}
.left {float: left; clear: left;}
.inner {width: 99%; height: 95%; text-align: center;} /* inner division for margin control */
.no-space {margin: 0px; padding: 0px; text-align: center;}