/* begin Home page */

div#homePageListing {
	position: relative;
	border: 0px solid #65BCD0;}
	
div#homePageListing div.item {
	position: relative;
	width: 75%;
	border: 0px solid red;
	position: relative;
	margin: 1em 0em 1em 0em;
	padding: 1em 0em 1em 0em;
	overflow: auto;}

/* end Home page */

#contentTitle {
	padding: 0em 0em .8em 0em;
	margin: 0px 0px 0px 0px;}

/* content title text, this is th title that appears in the content section, not the window title bar */	
.contentTitle {
	padding: 0em 0em .8em 0em;
	margin: 0px 0px 0px 0px;}
	
/* used to clear a space between content and footer */
.clr{
	clear:both;
	width: 100%;}
	
.colorBorder1 {
	border: 1px solid #65BCD0;
	background-color: #DBF0F5;}

table.detailMain {
	width: 98%;
	border-collapse: collapse;
	border: 1px solid #CCC;}
	
table.border {
	width: 98%;
	border-collapse: collapse;
	border: 1px solid #CCC;}

td.detailHeader {
	width: 98%;
	border-collapse: collapse;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: .2em 0em .2em .5em;
	}
	
tr.rowSpace {
	padding: 1em 0em 1em 0em;}

#leftColumn .content {
	text-align: right;
	vertical-align: top;
	max-width: 315px;
	height: 350px;
	padding: 0px 10px 0px 0px}

#rightColumn .content {
	text-align:left;
	padding:0px 0px 0px 0px;}
	
div.introDiv { 
	padding: .4em 0em .4em 0em;
	border: 0px solid blue;}
	
div.introText { 
	padding: .4em 0em .5em 0em;
	border: 0px solid red;}
	
.embossed {
	font-style: italic;}
	

	
/*To adjust the space between rows, you must change both of the folling to the desired height */
/* td.leftDataPointLabel {
	width: 10%;
	padding: .2em .3em .6em .5em;
	vertical-align: top;
	border: 0px solid green;} */

/* td.rightDataPointLabel {
	width: 10%;
	padding: .3em .3em .6em .5em;
	vertical-align: top;} */
/* end of row spacing classes */

td.dataLabel {
	width: 13%;
	padding: .7em .3em .7em .5em;
	vertical-align: top;
	border: 0px solid green;
	font-weight: bold;}
	
td.dataValue {
	width: 37%;
	padding: .7em .3em .7em .5em;
	border: 0px solid blue;
	vertical-align: top;}
	
td#detailRelatedProductsLink {
	font-size: .8em;}

/* td.leftDataValue {
	width: 40%;
	padding: .3em .3em .6em .5em;
	border: 0px solid blue;
	vertical-align: top;} */

/* td.rightDataValue {
	width: 40%;
	padding: .3em .3em .6em .5em;
	vertical-align: top;} */

td.showBorder {
	border: 1px solid #CCC;}
	
td.leftPadding {
	padding: .8em 0em .8em .4em;}

td.right {
	text-align: right;}

tr.shade {
	background-color: #E8F0F5;}
	
.content{
	padding: .5em;}

ul li {
	padding: .4em 0em .4em 0em;
	vertical-align: middle;}
	
ul li ul {
	padding: .4em 0em .4em 0em;
	vertical-align: middle;}

ul.noBullets {
	list-style-type: none;}

ul#relatedLinks a {
	text-decoration: none;}
	
ul#relatedLinks a:hover {
	text-decoration: underline;
	}
	
ul#relatedLinks li {
	text-decoration: none;
	padding: .2em 0em .2em 0em;}

ul#newStrains a {
	text-decoration: none;}
	
ul#newStrains li {
	text-decoration: none;
	padding: .2em 0em .2em 0em;}
	
ul#newStrains a:hover {
	text-decoration: underline;}
	


/*printer styles*/ 
/*@media print{ */ 
/*hide the left column when printing*/
/*#leftColumn{display:none;} */ 
/*#outer{border-left:0;} */ 
/*}*/ 


/* these are used on the results page */

div#querySearchResults {
	 width:600px;}

div#querySearchResults>div {
	padding: .3em 0em .3em .2em;}

/* padding: .2em 0em .2em .2em; */

div.level1 {
	width: 100%;
	background-color:#FFFFFF;
	color:#000000;
	position:relative;
	border: 0px solid green;
	padding: .5em 0em .3em 0em;
	font-size: 1.5em; 
	font-weight: bold;}

/* These are original company links
border-color: #999999;
background-color: #7EB5FF;

*/

div.level2 {
	width: 100%;
	
	color:#000000;
	
	border-style: double;
	border-width: 3px;
	font-size: 1.5em; 
	font-weight: bold;
	margin: 0em 0em .5em 0em;
	padding: .3em 0em .3em .5em;}
	
div.level2 a {
	color: #0000FF;}
	
div.level2 a:hover {
	color: #99CC33;}
	
div.level3 {
	width: 95%;
	background-color: #FFFFFF;
	color:#000000;
	position:relative;
	border: 0px solid green;
	font-size: 1.0em; 
	font-weight: bold;
	margin: 0em 0em .5em 0em;
	float: right;}
	
div.level4 {
	width: 90%;
	background-color: #FFFFFF;
	color:#000000;
	position:relative;
	border: 0px solid green;
	font-size: 1.0em; 
	font-weight: bold;
	margin: 0em 0em .5em 0em;
	float: right;}
	
div.level5 {
	width: 85%;
	background-color: #FFFFFF;
	color:#000000;
	position:relative;
	border: 0px solid green;
	font-size: 1.0em; 
	font-weight: bold;
	margin: 0em 0em .5em 0em;
	float: right;}
	
div.itemLevel {
	border: 0px solid red;
	float: right;}
	
.centeredColumns {
	text-align: center;}
	
.largeDataColumn {
	width: 50%;
	padding: .7em 0em .7em .4em;}
	
.medDataColumn {
	width: 30%;
	padding: .7em 0em .7em .4em;}
	
.smallDataColumn {
	width: 15%;
	padding: .7em 0em .7em .4em;}