/* Created using Style Master from Western Civilisation CSS1 { 68 391 474 410 } */

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color: #FFFFFF;
	font-size: 12px;
	margin: 0;
	padding: 0;
	top: 0px;
	left: 0px;
	position: static;
}

UL {list-style: url(../images/BulletBlue.gif)}
/* Left Nav Bar Style */

body img {padding: 0; }

.navbar {
	width: 148px;
	color:white;
}

td.navbar {background-color:#003366;
}

.navbar h3 {font-size:120%;
color:white;
text-align:center }


/*this clear div for IE*/

#clear {clear: both;
width: 1px; }

.main-content {
	position: static;
	width: 618px;
	margin: 10px;
	padding: 10px;
}

#main-intro {position: absolute;
left: 3px;
top: 60px;
width: 500px;
float: none;
padding: 0; }

/* The next SPAN statements style the links to The Science Company Store */

span.category a:link {color: black;
font-size: 94%;
text-decoration: none;
font-weight: bold; }

span.category a:visited {color: black;
font-size: 94%;
text-decoration: none;
font-weight: bold; }

span.category a:hover {font-size: 97%;
text-decoration: none;
font-weight: bold;
color: #b38706; }

span.category a:active {color: black;
font-size: 94%;
text-decoration: none;
font-weight: bold; }

span.group a:link {color: black;
font-size: 94%;
text-decoration: none;
line-height: 75%; }

span.group a:visited {color: black;
font-size: 94%;
text-decoration: none; }

span.group a:hover {font-size: 95%;
text-decoration: none;
color: #003366; }

span.group a:active {color: black;
font-size: 94%;
text-decoration: none; }

/* Underlines the chart heads */

.th-top {text-decoration: underline; }

/* Small font size in the chart sub-heads */

.th-small {font-weight: 500;
font-size: 97%;
font-style: italic; }

/* The following are head identifers */

h1.bgnd {font-size: 150%;
padding-bottom: 8px;
padding-top: 8px;
color: white; }

h1 {font-size: 150%; }

h1.white {color: #FFFFFF; }

h1.big {font-size: 200%; }

h1.bigcenter {font-size: 200%;
font-weight: bold;
text-align: center; }

h2 {font-size: 130%;
letter-spacing: .08em; }

p.h3table {font-size: 115%;
color: black;
font-weight: bold; }

h3 {font-size: 115%;
color: black;
margin-left: 0%;
margin-top: 1.5em; }

/* The following are link styles when the object is a head identifer */

h2 a:link {color: #000;
text-decoration: none; }

h2 a:visited {color: #000;
text-decoration: none; }

h2 a:hover {text-decoration: none;
color: #b38706; }

h2 a:active {color: #000;
text-decoration: none; }

h3 a:link {color: #000;
text-decoration: none; }

h3 a:visited {color: #000;
text-decoration: none; }

h3 a:hover {color: blue;
text-decoration: none; }

h3 a:active {color: #000;
text-decoration: none; }

h3.effect {font-size: 110%;
color: black;
font-weight: bold;
padding-top: .5em;
line-height: 1.5; }

/* span.ExperiNo creates the reverse text color box for experiment numbers. */

span.ExperiNoPurple {color: white;
font-size: 120%;
font-weight: bold;
padding: .25em;
margin-bottom: 2em;
background-color: #dc54ad; }

span.ExperiNoTeal {color: white;
font-size: 120%;
font-weight: bold;
padding: .25em;
background-color: teal;
margin-bottom: 2em; }

span.ExperiNoNavy {color: white;
font-size: 120%;
font-weight: bold;
padding: .25em;
background-color: navy;
margin-bottom: 2em; }

span.ExperiNoGreen {color: white;
font-size: 120%;
font-weight: bold;
padding: .25em;
background-color: green;
margin-bottom: 2em; }

span.ExperiNoRed {color: white;
font-size: 120%;
font-weight: bold;
padding: .25em;
background-color: red;
margin-bottom: 2em; }

span.ExperiNo {color: black;
font-size: 110%;
font-weight: bold;
padding: .25em;
background-color: #ececc9;
margin-bottom: 2em; }

span.recipe {font-size: 100%;
text-indent: 2em;
color: black;
border-top: 2px #003366 solid;
border-bottom: 2px #003366 solid;
padding: 2px;
font-family: "Times New Roman", Times, serif; }

h3.recipe {font-size: 100%;
text-decoration: underline overline;
text-indent: 2em;
color: #003366; }

/* Ingredient is list style for items that make up a recipe */

.ingredient {font-size: 100%; }

.ingredient ul ol {list-style: disc;
border: none; }

.ingredient li {line-height: 1.25;
margin-top: .5em;
margin-left: 2.75em;
margin-right: 2em; }

.ingredient a:link {color: black;
text-decoration: underline; }

.ingredient a:hover {color: #336699;
text-decoration: underline; }


/* Instruction is text style for recipe discussion, methods or instruction. */

.instruction {
	font-size: 100%;
	margin-left: 3.5em;
	text-indent: 1em;
}


/* The index is style for internal links at the start of a document navigating to separate sections. */

.index {font-size: 93%;
font-weight: normal;
background-color: transparent;
padding: 3px;
color: #000; }

.indent-full {line-height: 1.5;
text-align: left;
margin-left: 2em; }


/* Indent is the main content style where the first line is indented */

.indent {text-indent: 1em;
line-height: 1.5;
text-align: left;
}


.indent img {text-indent: 0em; }

.indent h3 {font-size: 120%;
color: black;
text-indent: 0em; }

.indent li {line-height: 1.75;
text-align: left;
text-indent: +0em;
margin-left: .5em; }

div.azamovquote {line-height: 1.25;
text-align: left;
margin-left: 5em;
margin-right: 5em;
font-size: 97%;
text-indent: 0em; }

/* Indent hang is the content style for definitions and glossaries */

.indent-hang {text-indent: -2em;
line-height: 1.5;
text-align: left;
margin-left: 2em; }

/* .indent-hangsm is meant to mimic instruction style for items numerated 1, 2, etc. */

.indent-hangsm {text-indent: -1.5em;
line-height: 1.5;
text-align: left;
margin-left: 1.5em; }

/* The table styles will lower the font size and indent or not to match inline style */

table#chart-indent {font-size: 95%;
margin-left: 3em; }

table#chart {
	font-size: 95%;

}
table#glossary {
	font-size: 90%;
	text-align: center;
}

table#glossary th {
	font-size: 110%;
	text-align: center;
	font-weight: bolder;
}
/* Following are link styles for the footer navigation links */

#bottomnav {color: black;
font-size: 95%;
text-align: center;
line-height: 1.5;
font-weight: normal; }

#bottomnav a:link {text-decoration: underline;
color: black;
font-size: 95%; }

#bottomnav a:visited {text-decoration: underline;
color: purple;
font-size: 95%; }

#bottomnav a:hover {text-decoration: underline;
font-size: 95%;
color: #003366; }

#bottomnav a:active {text-decoration: underline;
color: blue;
font-size: 95%; }

/* Following are link styles for document level navigation links */

#doctrack {color: black;
font-weight: bold;
font-size: 95%;
text-align: right; }

#doctrack a:link {text-decoration: underline;
color: black;
font-weight: bold;
font-size: 95%; }

#doctrack a:visited {text-decoration: underline;
color: purple;
font-weight: bold;
font-size: 95%;
text-align: right; }

#doctrack a:hover {text-decoration: underline;
font-weight: bold;
font-size: 95%;
color: #003366; }

#doctrack a:active {text-decoration: underline;
color: blue;
font-weight: bold;
font-size: 95%; }

/* Following are link styles for page top breadcrumb navigation links */

#breadcrumb {color: black;
font-weight: bold;
font-size: 95%; }

.graytext {color: gray;
font-weight: bold;
font-size: 90%; }

#breadcrumb a:link {text-decoration: underline;
color: black;
font-weight: bold;
font-size: 95%; }

#breadcrumb a:visited {text-decoration: underline;
color: purple;
font-weight: bold;
font-size: 95%; }

#breadcrumb a:hover {text-decoration: underline;
font-weight: bold;
font-size: 95%;
color: #003366; }

#breadcrumb a:active {text-decoration: underline;
color: blue;
font-weight: bold;
font-size: 95%; }

/* Following are link styles for email links */

a.email:link {color: #555555; }

a.email:hover {color: black; }

a.email:active {color: #555555; }

/* Following are link styles for simple links */
a.simple:link {color: #003366;
text-decoration: underline; }

a.simple:visited {color: #336699;
text-decoration: underline; }

a.simple:hover {color: #336699;
text-decoration: underline; }

a.simple:active {color: #336699;
text-decoration: underline; }

a#img:hover {color: #1822cd;
text-decoration: underline;
border: thin red solid; }

#listlink {padding-top: 0;
padding-bottom: 0;
padding-right: 0;
text-align: left;
padding-left: 1em; }

#listlink ul {list-style: none;
margin: 0;
padding: 0;
border: none; }

#listlink li {margin: 0em;
padding-top: .5em; }

#listlink li a {display: block;
text-decoration: underline;
color: blue; }

#listlink li a:hover {color: #b38706; }

html>body #listlink li a {width: auto; }

.footer {font-size: 95%;
font-weight: bold;
text-align: center;
color: #555555;
width: 100%;
margin-top: 1em;
border-top: 1px #cac0ad solid;
padding-top: .5em; }

/* Below for Product Page styles */

/* Headline styles */

.prods h1 {font-size: 120%;
text-align: center; }

.prods h2 {font-size: 100%;
font-style: italic;
text-align: center; }

.prods h3 {font-size: 100%; }

h3.prods a:link {color: blue;
text-decoration: underline;
font-weight: bold; }

h3.prods a:visited {color: #6c18b0;
text-decoration: underline;
font-weight: bold; }

h3.prods a:hover {color: #b38706;
text-decoration: underline;
font-weight: bold; }

h3.prods a:active {color: #336699;
text-decoration: underline;
font-weight: bold; }

/* Style for Product Summary */

.sum {font-weight: bold;
font-size: 97%;
font-style: italic; }

/* Moves text away from product photo right edge */

img.margin {margin-right: .5em; }

/* Creates hanging indent of first line of product paragraphs */

.prodhang {text-indent: -1.25em;
margin-left: 1.25em; }

/* Reduce font size for orderline */

#orderline {font-size: 99%; }

/* Style for Free Ground Shipping line */

.freeshpg {font-weight: bold;
font-style: italic; }

/* Make span text in red */

span.click {font-weight: bold;
color: red;
font-size: 90%; }

span.free {font-weight: bold;
color: #FF0000; }

span.catno {font-size: 90%; }

/* Enlarge product price */

.price {font-weight: bold;
font-size: 110%; }

/* More Info links made to have background color */

.more {font-size: 95%;
font-weight: bold;
color: #FF0000; }

a#more:link {font-size: 90%;
background-color: #003366;
color: white;
font-weight: bold;
text-decoration: underline;
padding-left: .25em;
padding-right: .25em;
padding-bottom: .25em; }

a#more:visited {font-size: 90%;
background-color: #003366;
color: white;
font-weight: bold;
text-decoration: underline;
padding-left: .25em;
padding-right: .25em;
padding-bottom: .25em; }

a#more:hover {font-size: 90%;
background-color: #F0E5CF;
color: blue;
font-weight: bold;
text-decoration: underline;
padding-left: .25em;
padding-right: .25em;
padding-bottom: .25em; }

a#more:active {font-size: 90%;
background-color: #003366;
color: #FFFF00;
font-weight: bold;
text-decoration: underline;
padding-left: .25em;
padding-right: .25em;
padding-bottom: .25em; }

/* Product Name Links */

a.prod:link {color: black;
text-decoration: underline;
font-weight: bold; }

a.prod:visited {color: #6c18b0;
text-decoration: underline;
font-weight: bold; }

a.prod:hover {color: #b38706;
text-decoration: underline;
font-weight: bold; }

a.prod:active {color: #336699;
text-decoration: underline;
font-weight: bold; }

/* For blocks of links such as a sitemap */

.sitemap {color: black;
font-size: 98%;
text-decoration: none; }

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

.sitemap a:hover {color: blue;
text-decoration: underline;
font-style: normal; }

span.blbx {background-color: transparent;
padding: 6px;
border: 2px #5171a1 solid; }

span.ybgnd {background-color: #FFFFCC;
padding: 6px; }

span.mbgnd {background-color: #b38706;
padding: 6px;
color: white; }
.tiny {font:9px Arial, Helvetica, sans-serif}
.small {font:11px Arial, Helvetica, sans-serif}
.small a:link {text-decoration: none;color:#003366}
.small a:visited {text-decoration: none;color:#666}
.small a:hover {text-decoration: underline;color:#003366}
.red {color: #FF0000}