body 
{
	min-width:750px;
	margin:0;border:0;padding:0;
	background-color: white; /* white 9/27/07 */
	max-width:980px; /* width:900px, max-width:980px;*/
	/* background-image: url(images/index/tile5.png);*/
}
/* orange yellow pink sidemenu search 3/26/08 */
#container 
{
	width:100%;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	/*background-image: url(images/index/tile5.png);*/
}
/*new item banner on each product (Paul - 3/23/2010) */
#newsitemess {padding:5px; margin-bottom: 5px; text-align:center; font-size:larger; font-weight:bold; color:#990000; background-color:#00CC66; -moz-border-radius: 5px;
	-webkit-border-radius: 5px; border: 1px solid #000;}
	
#TopBannerBox 
{
	background-image: url(Images/INDEX/top_banner.png);
	background-repeat:no-repeat ;  
	height: 170px; /*height: 87px;*/ 
}



.clearfix:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;} /* fix for IE7 */

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


.bigbox 
{
	color:black; 
	background-color: 	#333366;/* green; */
	/* background-image: url(images/index/tile5.png); */
/* border: 2px solid green; warning!*/ 
}

#navbox 
{
	float:left;margin-left:.5em; margin-right:0px;
	font-weight:bold;
	font-size:.98em; /*1 em*/
	width:16%; /*height: auto; 9/24/07 */
	color:black;
	background-color:#333366; /* orange green #333366; */
	font-family: Arial,Helvetica,sans-serif;
}

#mainwrapper 
{
	float: right; 
	width:82%;/* background-color:green; */
	border: 1px dotted #333366; margin-left:0px;  /* green  */
}

/**** Begin Inset 3D Curved with White Background ****/
.inset {color:black; background-color: #333366; /* green  transparent; */ width:98%; height:auto}
.inset h1, .inset p {margin:0 10px;}
.inset h1 {font-size:1.2em;} /*was 2em, color:#fff */
.inset p {padding-bottom:.5em;}

.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block;  overflow:hidden; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;} /* was #FAFAFA */
.inset .b2 { color:black;background: /*pink*/ #FAFAFA; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 { color:black;background: /*pink*/ #FAFAFA; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 { color:black;background: /*pink*/ #FAFAFA; border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {color:black;background: /*pink*/ #FAFAFA; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {color:black;background: /*pink*/ #FAFAFA; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {color:black;background: /*pink*/ #FAFAFA; border-left:1px solid #eee; border-right:1px solid #fff; }


.inset .b1 {margin:0 5px; color:black;background:#999;border-top:5px solid #333366;} /* added top border 12/13/06 , green 2/20/08 */
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; color:black;background:#fff;border-bottom:5px solid #333366;}/* green */ /* added bottom border 12/13/06 */

.inset .boxcontent {display:block; color: black;background:white; /*was #FAFAFA;1/16/09 */ border-left:1px solid  #999 ; 
border-right:1px solid #fff; } 
/**** Begin Inset 3D Curved with White Background ****/

/**** Begin Inset 3D Curved with Shaded Background ****/
.insetShd {color:black; background-color: #333366; /* green */ /* transparent; */ width:98%; height:auto}
.insetShd h1, .insetShd p {margin:0 10px;}
.insetShd h1 {font-size:1.2em;} /*was 2em, color:#fff */
.insetShd p {padding-bottom:.5em;}

.insetShd .b1Shd, .insetShd .b2Shd, .insetShd .b3Shd, .insetShd .b4Shd, .insetShd .b1bShd, .insetShd 
     .b2bShd, .insetShd .b3bShd, .insetShd .b4bShd {display:block;  overflow:hidden; font-size:1px;}
.insetShd .b1Shd, .insetShd .b2Shd, .insetShd .b3Shd, .insetShd .b1bShd, .insetShd .b2bShd, .insetShd .b3bShd
       {height:1px;} /* was #FAFAFA */
.insetShd .b2Shd { color:black;background: gainsboro; /*#FAFAFA; pink*/ border-left:1px solid #999; border-right:1px solid #aaa;}
.insetShd .b3Shd { color:black;background: gainsboro;  /*#FAFAFA; pink*/ border-left:1px solid #999; border-right:1px solid #ddd;}
.insetShd .b4Shd { color:black;background: gainsboro;  /*#FAFAFA; pink*/ border-left:1px solid #999; border-right:1px solid #eee;}
.insetShd .b4bShd {color:black;background: gainsboro;  /*#FAFAFA; pink*/ border-left:1px solid #aaa; border-right:1px solid #fff;}
.insetShd .b3bShd {color:black;background: gainsboro;  /*#FAFAFA; pink*/ border-left:1px solid #ddd; border-right:1px solid #fff;}
.insetShd .b2bShd {color:black;background: gainsboro;  /*#FAFAFA; pink*/ border-left:1px solid #eee; border-right:1px solid #fff; }


.insetShd .b1Shd {margin:0 5px; color:black;background:#999;border-top:5px solid #333366;} /* green */ /* added top border 12/13/06 */
.insetShd .b2Shd, .insetShd .b2bShd {margin:0 3px; border-width:0 2px;}
.insetShd .b3Shd, .insetShd .b3bShd {margin:0 2px;}
.insetShd .b4Shd, .insetShd .b4bShd {height:2px; margin:0 1px;}
.insetShd .b1bShd {margin:0 5px; color:black;background:#fff;border-bottom:5px solid #333366;}/* green */ /* added bottom border 12/13/06 */

.insetShd .boxcontentShd {display:block; color: black;background:gainsboro;  /*#FAFAFA; pink;*/ border-left:1px solid  #999 ; 
border-right:1px solid #fff; } 
/**** End Inset 3D Curved with Shaded Background ****/

.NavTableHeader
{
	text-align:left; 
        margin-left: 0px;
	font-weight: bold; 
	font-size: 11pt; background-color:#333366; /* green */
	color: #FFFFFF; margin-top: 1em; margin-bottom:0px
} 

/* Image Scaling and Caption Properties */

IMG.Images { 
margin: 0px 0px 0px 0px; 
padding: 0; } 

#MainImage { 
width:33em; 
height:auto;
margin-top: 0px; 
padding-top: 5px; text-align: center;
} 

IMG.Image2 { 
width:14em; 
height:auto} 

IMG.BigImage { 
width:30em; margin-top: 2em;margin-bottom: 1em;
 height:auto } 

IMG.SmallImage { 
width:140px; 
height:auto}

IMG.thumbnail { 
 margin: 0px 0px 0px 0px; 
/* padding: 0; width: 75%; height 75%; border-style: none*/} 
 
.right-floater {
float: right; text-align:center; 
}

.left-floater {
float: left; text-align:center; 
/*margin: .12em; 9/24/07 */
}


/* End of image and scaling properties */

/* ++++++++++BEGIN BIG BEAR ++++++++++++++++++++ */

h1.header1 
{
	color: white;
	text-align: center;
	font-size: medium; margin-bottom: 0px;
	background-color:#333366; /* green */
}

h2.header2 
{
	color: #660000; /*#990000; out 3/21/08*/
	text-align: center;
	margin-top: 5px;
	font-size: medium;
	/* background:silver; */
	font-style: italic;
	font-family:Comic Sans, Comic Sans MS, cursive;
}

h3.header3
{
	/* background: #3366CC; commented out after testing May-18-06 */
	background-color: #333366 ; /* green */
	color:#FFFFFF;
	width:50%; font-size:1em;text-align:left;
	padding-left:1em
}

h4.header4 
{
	margin-top:0px; text-align:center;font-family:Comic Sans, Comic Sans MS, cursive;color: #660000;
}

h5.header5 
{
	font-size:16px;
	color: #660000; background:transparent;
	/* background:#ccc; */
	text-align:center;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family:Comic Sans, Comic Sans MS, cursive;
	font-size:large;
}

.hr1
{
	border-top: 2px solid #43852D;
	border-bottom: 2px solid #336633;
	width: 100%;
	height: 3px;
	margin: 4px auto 2px 0px;
	text-align: left;
}

ul.KeyPointsBullets 
{
	/* list-style:none; */
	margin-top:1px; 
	margin-right:1px;  
	margin-left:20px;  
	padding:10px 0px;
	margin-bottom: 1px;
}

p.para 
{
	font-size:9pt;
	/* text-align: justify; */
}

p.para2 /* name and address on every page */
{ 
	font-size:7pt;
	text-align: center; 
	color: #333366; /* green */
	background-color:white;
}

p.para3 
{ 
	font-size:14pt;
	text-align: center; 
	color: black;
	background-color:white;
}
.emphasize {font-weight: bold}

.totop {text-align: center;}

#footer 
{
	background-color: #333366; /* green */ 
	color:white;
	font-size: 8pt;
	text-align: center;
	vertical-align: middle;
       
}

.breadcrumblink a:link {color: white; text-decoration: none;background-color: #333366;} /* green */
.breadcrumblink a:visited {color: yellow;text-decoration: none;background-color: #333366;} /* green */
.breadcrumblink a:hover { color: yellow;text-decoration: none; background-color: #0066CC; /* lightgreen #006600*/;}
.breadcrumblink a:active {color: red;text-decoration: none;background-color: #333366;} /* green */

.breadcrumb {background-color: #333366; /* green */ color:white;margin-top:0px; margin-bottom: 0px;height:15px}

.copyright /* currently not used */
{
	color:white;
	background-color:#333366; /* green */
	font-size: 7pt;
	text-align: center;
	vertical-align: middle;
}

/* +++++ END BIG BEAR ++++++++++ */


/* Tables */
.SpecTableCaption {caption-side: top; font-weight: bold;color:white;background-color:#333366; /* green */ border-style: inset inset none inset;/*border-color: green green green green;*/width:50%;margin-left:5% ;padding-bottom:1em}

.SpecTable {font-size: .8em; border-collapse: collapse;width:90%;margin-left:5%;margin-right:5%;/*border-left: 1px solid red;border-right:  1px solid red;border-bottom:  1px solid red;*/border-style: inset inset inset inset;
	border-color: #333366 #333366 #333366 #333366;} /* green green green green */
.SpecTableHeader {/* background:yellow;*/ width: 100%; font-weight: bold}
.SpecTableRow {background:#33FF00; /*lightgreen;*/ vertical-align: top; /*border-top: 1px solid black*/border-style: none none none none;}

.SelectTableCaption {caption-side: top; font-weight: bold; border-top: 1px solid; font-family:Comic Sans, Comic Sans MS, cursive;font-size:large}
.SelectTable {width:100%; border-collapse:collapse; border-style: none; /*FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;font-size: .8em; font-weight: bold*/}
.SelectTableRow { background:#33CCCC; /*aquamarine;*/ font-size: 1em; text-align: center; 
	border-bottom: 1px solid black; vertical-align: middle}
.SelectTableRow2 { background:#33CCCC; /*aquamarine;*/ font-size: .8em; 
	              text-align: left; border-bottom: 1px solid black; vertical-align: top}
.SelectTableRow a:link {color: blue;	text-decoration: none;}
.SelectTableRow a:visited {color: purple;text-decoration: underline;}
.SelectTableRow a:hover { color: #333333;text-decoration: none; background-color: #F0FFFF; /*azure;*/}
.SelectTableRow a:active {color: #CC6600;text-decoration: underline;}

.SelectTableHeader {background:silver; text-align: center;}

.shade1 {color:black;background-color: GhostWhite} /* background-color: #CCCCCC */
.shade2 {color:black;background-color: WhiteSmoke} /* background-color: #CCFFCC */
.shade3 {color:black;background-color: #66CCCC /* #CCCFF, pink*/}
.shade4 {color:black;background-color: #CCCCCC }

.Wtenpct {width:10%}

.Wfifth {width:20%;}
.Wsixth {width:15%}
.Wfourth {width:25%}
.Wthirtypct {width:30%}
.Wthird {width:33%}
.Wfortypct {width:40%}
.Wfortyfivepct {width:45%}
.Whalf {width:50%}
.Wthreefourth {width:75%}
.Wninteypct {width:90%}
.Wfull {width:100%}

ul.SimpleBullets
{
	margin-top:1em; 
	margin-left:2em;
	margin-bottom: 1em;
}

.AnotherBox 
{
	width:80%; margin-left:10%;margin-right:10%;
	border: none;color:#330066;
	background-color:  #CCCC99; /* was #99CC66; until 3/3/08 */
}
.AnotherBox2 
{
	/*width:80%; margin-left:10%;margin-right:10%;*/
	color:#330066;
	text-align:left;
	background-color:  white; /* was #99CC66; until 3/3/08 , #CCCC99;*/
}
/* ---- start top menu ----*/
#topmenu 
{
      width: 100%;
      margin: 0 .25em .25em 1em; /* margin: 0 .25em .25em 12em; I think the 12em gave me the bottom scrollbar */	
      color:black;
    /*  padding: 0px 0.5em; color:green;*/
      background: pink /* none*/; 
}

#topmenu ul
{
      margin: 0;
      padding: 0;
      list-style-type: none;
}
 
#topmenu 
{
		padding:0;
		background: transparent;
		text-align: center;
		font-family: Arial,Helvetica,sans-serif;  font-size: .8em;
}
#topmenu li
{
		width: 6em;
		color:black;
		background: #eee ;
		float: left;
		margin-left: 8px;
		text-align: center;
		border-width: 1px;
		border-style: solid;
 }
	
#topmenu a
{
		display: inline;
		width: 100%;
		text-decoration: none;
}
#topmenu a:hover 
{
		color:black;
		background: /* #ff9 */ pink none;
}
/* ---- end top menu  ----*/
/*---- start side menu ----*/ 
ul.menu, ul.menu ul 
{  
	 width:85%; /* 9/24/07 */
	border-bottom: 1px solid #333366; /*#336600 pink 3/21/08*/
	border-left: 1px solid #333366;  /*#336600 pink 3/21/08*/
	border-right: 1px solid #333366; /* #336600  red 3/26/08 */
	font-size: .85em;
	
	margin-left: 0px; /* margin-left: 0px; */
	padding-left: 0px; 
	background-color: 	#CCCC99 ; /* was #99CCCC; until 3/21/08 */
	float:left;color:black;
}
ul.menu li 
{
	list-style-type: none; 
	margin: 0px; 
	position: relative; 
	color: #000000;
	 background-color: 	#CCCC99;  /* was #99CCCC; until 3/21/08 */
	
	border: 1px solid #333366; /* #336600 yellow 3/21/08*/
}
ul.menu li .bottom 
{
	position: absolute; 
	top: -100px; 
	left: 100%;
	width:200%
}
ul.menu li > ul
{ 
	display: none; 
	position: absolute; 
	top: 2px; 
	left: 100%; 
	width:125%
}

ul.menu li:hover, ul.menu li.CSStoHighlight 
{
	background-color: #FFFFCC; /*#33CC00;*/ color: #000; /* changed 3/21/08 */
}
ul.menu ul.CSStoShow { display: block; /* width:50% */}
ul.menu li:hover > ul { display: block;  /* width:50%*/}
ul.menu li a
{ 
	color: #000000; 
	background-color: 	#CCCC99; /* was rgb(189, 211, 181); until 2/20/08 */
	
	display: block; /* shortens text in lt blue boxes. boxes stay same :width:50%;*/
	text-decoration: none;
}
ul.menu li a:hover { color: #000; background-color:  #FFFFCC; } /* changed 3/21/08 */

/*+++++++++++++++++++++++++++++++++++=*/
.MenuArrowTall 
{
	background-image: url(Images/INDEX/arrowtall.gif);
	background-repeat:no-repeat
}
.MenuArrowShort 
{
	background-image: url(Images/INDEX/arrowshort.gif);
	background-repeat:no-repeat
}
/* ---- end side menu ---- */
/*+++++++++++++++++++++++++++++++++++=*/
acronym {
cursor: help;}

/* ************* zzTest ******************** */

#zzKeyPointsDiv
{
	/* word-wrap: break-word; */
	font-weight: bold;
	font-size:10pt;
	height: auto;
	background:#CCCC99; /* #b3bdb4; out 3/21/08*/
	color: #000033; /*#006600;*/
	border:1px solid #191970;
	padding-left: 1px;
}

#zzMainImage
{ 
	width:60%;
	/* height:auto;*/
	float:left;
	margin-top: 0px; 
	padding-top: 5px; text-align: center;
} 

#zzRightBox
{
	float: right; 
	margin-top: 10px;
	width:30%;
}

/* Test image link rollover */
.imgrollover  a {  display:block; width:120px; background-color: #FFFFFF;border:0px }
.imgrollover  a:hover {  background-color: #990000;}

.disclaimer {font-style: italic; font-size:x-small;text-align:justify}

/* ++++++++++++ Stuff to test goes here ++++++++++*/
p.testp {color:Black}

.more {color:blue;font-weight:bold;line-height:90%}
.more2{font-size:large;}

.graybkgnd {background:gray} /* to have rounded corners w/gray bkgnd for sorters.html */
.bluebkgnd {background:darkblue}

.ColDescrip {color: #333300 /*pink*/}
.ColData {color: #333366 /*Yellow*/}

.left {text-align: left}
.right {text-align:right}
.full {text-align:justify}
.center {text-align:center}
.top {vertical-align: top}

.bold {font-weight: bold}

div.transOFF { width: 100%; /*background-color: silver;*/ border:1px solid black; }
div.transON  {width: 100%; /* background-color: silver;*/opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:1px solid black; }

div.transOFF {width: 100%;/* background-color: none  white pink*/ ;border:0px /*solid black; */}
div.transON  {width: 100%; /* background-color: none  white pink*/ ; opacity:.80;filter: alpha(opacity=80); -moz-opacity: 0.8; border:0px/* solid black;*/ }

 a.imglink  {border:0; text-decoration:none} /* to get rid of borders and underlines around linked images */
a.imglink a:hover { color: red; background-color: white;}

/* .imglink a:link {color: blue; text-decoration: none;background-color: white;} 
.imglink a:visited {color: purple;text-decoration: none;background-color: white;} 
a.imglink a:hover { color: red; background-color: white;}
.imglink a:active {color: red;text-decoration: none;background-color: white;} */

 a:hover { color: yellow;text-decoration: none; background-color:blue;  /*lightgreen  #006600; */}

img {border:0; text-decoration:none} /* added to get rid of borders around light gifs. Strangely enough if I put */
               /* a dot in front of it (like it should have) it does not work properly?? */
               
               
.RightMargin {margin-right:1em}
.LeftMargin {margin-left: 1em}



/* added Jan-18-08 for ci press releases */

h4.pheader
{ background-color:  #333366; /* green */
color:#FFFFFF;
width:50%; font-size:1em;/*text-align:left;*/
padding-left:1em}

.citation {font-size:small; font-style:italic}

.bold {font-weight:bold}
.italic {font-style:italic}
.red {color:red}

.shortline {line-height: 90%}

.superscriptNEW {font-size: smaller;
vertical-align: baseline;
position: relative;
bottom: 0.25em;}

.CronimoTagLineLogo{width: 150px; height: 38px;}
.CronimoTagLineText {font-size: x-small; color: white; font-weight: bold; font-style: italic; text-align: center;}

.ProductBoxDiv {border: 2px solid black}

.FloatLeft {float: left}
.FLoatRight {float: right}

.inline {display:inline} /* take out ?*/

.new {font-family:Comic Sans, Comic Sans MS, cursive; /*font-style:italic;*/ color:#660000;font-size:1.1em;}

.ciTagLine {padding: 0.5em 1em 0.5em 0.75em; background-color: #CCCC99; float: left; text-align: 
center; margin-right: 0.5em; color:#000033;font-weight: bold; /*font-style: italic;*/}

.strikeout {text-decoration: line-through;}

IMG.WideSpacer {width:95%;height:1px;}

#GoogleBox {position:absolute; top:140px; left:655px; width:320px;height: 25px;background-color:gray;border:1px solid black}

/* .FontSize {font-size:large} */

/* test for navigation table in case no swf can be loaded */

.noSWF_table {color:white;background-color: black; width:100%}