@charset "UTF-8";

.twoColCatalog
{
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #cfc;
margin: 0;
padding: 0;
text-align: center; 
color: #000;
border-top: 2px solid #ccc;
}

.twoColCatalog #container 
{
background: #fff;
margin: 0 0 0 .2em;
text-align: left;
width: 900px;
position: relative;
float: left;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
} 

#container a 
{
color: #060;
text-decoration: none;
}

#container a:hover 
{
color: #00f;
text-decoration: underline; 
}

#container a:visited 
{
color: #096; 
}

#container a:visited:hover 
{
color: #00f;
text-decoration: underline; 
}


/************** BEGIN #navGlobal ***************/

#container #navGlobal 
{
list-style-type: none;
font-size: 70%;
margin: 1px 0;
padding: 0 0 0 100px;
position: relative;
height: 1.7em;
border-bottom: 1px solid #ccc;
}


#container #navGlobal li 
{
float: left;
margin: .2em 4em 0 0;
font-weight: bold;
position: relative;
padding: 0;
}


/************** END #navGlobal ***************/

/************** BEGIN sidebar ***************/


#container #sidebar1 #logo1
{
background: #fff;
border: 0;
margin: 3px 0 8px 8px;
}

#container #sidebar1 {
float: left;
width: 190px;
margin: 5px 0;
border-bottom: 1px solid #ccc;
position: relative;
}


#container #sidebar1 .navSection
{
	background: #cfc;
	margin: 0;
	border: 1px solid #ccc;
	padding: 0;
}


#container #sidebar1 .navSection p
{
font-size: 0.65em;
line-height: 1.2em;
margin: 5px 10px 0 10px;
}


#container #sidebar1 .navSection .navDetail
{
font-size: 0.65em;
font-weight: bold;
margin: 0 0 .7em 1em;
}



#container #sidebar1 .navSection h3
{
font-size: 0.68em;
margin: .2em 0 0 .3em;
line-height: 1.5em;
}


#container #sidebar1 .navSection ul
{
margin: 0 0 .3em 0;
}


#container #sidebar1 .navSection li
{
font-size: .60em;
}


#container #sidebar1 .navSection .incidentalPic
{
float: right;
margin: 0 2px 0 0;
width: 60px;
height: 100px;
}

/************** END sidebar ***************/
/************** BEGIN mainContent ***************/


#container #mainContent 
{
	position: relative;
	margin: 0;
	padding: 0;
	float: right;
	width: 700px;
} 


/************** BEGIN header ***************/


#container #mainContent #header
{
	margin: 60px 0 10px 0;
	padding: 0;
	position: relative;
	width: 700px;
} 


#mainContent #header .title 
{
padding: 0.2em;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.3em;
margin: 0 0 .2em 2em;
background-color: #ff9;
position: relative;
border-top: 2px solid #ccc;
border-bottom: 2px solid #ccc;
border-left: 2px solid #ccc;
}


#mainContent .item .name a 
{
color: #00f;
}

#mainContent .item .name a:hover 
{
color: #000;
text-decoration: underline; 
}

#mainContent .item a:visited:hover 
{
color: #000;
text-decoration: underline; 
}




#mainContent #header .item
{
margin: 0 0 .2em 0;
border: none;
padding: 0;
position: relative;
}


#mainContent #header .item p 
{
font-size: 0.8em;
margin: 0 .5em 0 60px;
padding: 0 .6em 0 0;
line-height: 1.4em;
}

#mainContent #header .item .comment
{
margin: .2em 2em .2em 4em;
padding: 2px 2em;
border-left: 2px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
position: relative;
}


#mainContent #header .smaller 
{
font-size: 0.7em;
position: relative;
}

#mainContent #header .smaller2
{
font-size: 0.8em;
}




/************** END header ***************/
/************** CONTINUE mainContent ***************/


#mainContent .item
{
border-bottom: 1px solid #ccc;
margin: 0 0 .2em 0;
border-top: 1px solid #ccc;
width: 700px;
float: left;
}


#mainContent .item .fruitPicTemp
{
position: relative;
margin: -1px .5em .5em 0;
float: left;
}


#mainContent .item .fruitPic
{
	position: relative;
	margin: -1px .5em .5em 0;
	clear: left;
	float: left;
	border: none;
}


#mainContent .item .zeeMicro
{
position: relative;
margin: 0 10px 4px 0;
float: left;
padding: 0 0 0 10px;
}


#mainContent .item p 
{
	font-size: 12px;
	margin: 0 5px 0 110px;
	padding: 0;
	position: relative;
}


#mainContent .item .patent
{
font-size: 8px;
margin: 0 0 0 10px;
padding: 0;
font-weight: bold;
line-height: 2.3em;
}


#mainContent .item .name
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	padding: 0 .5em;
	margin: 2px 0 .5em 0;
}


/************** END mainContent ***************/
/************** BEGIN #footer ***************/

#container #footer {
padding: 0 10px;
background:#fff;
position: relative;
height: 2.5em;
margin: 1em 0 0 450px;
}


#container #footlogo 
{
float: left;
position: relative;
margin: .6em .5em 0 .5em; }



#container div#footer h6 
{
font-size: 55%;
float: left;
position: relative;
margin-top: 1.5em;
padding-top: 0.2em;
}

/************** END #footer ***************/

/* Miscellaneous classes for reuse */


#container #mainContent .fltrt 
{ /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
margin-left: 7px;
}
.fltlft 
{ 
float: left;
margin-right: 8px;
}
.clearfloat 
{ 
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

/************** NEW STUFF ***************/

#container #mainContent #chart
{
border-style: none;
position: relative;
float: left;
}