html,body {
  color:black;
  font-size:12pt;
  background-color:#4D9BDB;
  height:100%;
  margin-top:0px;
  margin-bottom:0px;
  behavior:url('csshover.htc');
  font-size:11pt;
}

* {
	font-family:arial,helvetica,Sans-Serif;
}

#container1 {
	min-height: 100%;
}

#container2 {
	min-height: 100%;
}

#container3 {
	min-height: 100%;
}

a:link {color: #000000; text-decoration: underline; }
a:active {color: #000000; text-decoration: underline;  }
a:visited {color: #000000; text-decoration: underline; }
a:hover {color: #000000; text-decoration: none; }

a.prodGuide:link {color:#D80000   ; text-decoration: underline; }
a.prodGuide:visited {color: #D80000  ; text-decoration: underline; }
a.prodGuide:hover {color: #D80000  ; text-decoration: underline; }
a.prodGuide:active {color: #D80000  ; text-decoration: underline; }

a img {
	border-width:0px;
}



hr {
	text-align:left;
	margin-left:0;
	color:black;
	height:1px;
	width:110px;
	background-color:white;
}

h2 {
	font-style:italic;
	text-align:center;
}

.aboutbar {
	width:100%;
	height:5px;
	text-align:center;
	background:#004992;
}

.abouttitle {
	font-size:16pt;
	font-weight:bold;
}

.afcesGreen {
	font-size:20pt;
	font-weight:bold;
	color:green;
}

.aligncenter {
	text-align:center;
}

.alignleft {
	text-align:left;
}

.alignright {
	text-align:right;
}

.aligntop {
	vertical-align:text-top;
}

.asterisk {
	color:red;
	font-size:14pt;
	font-weight:bold;
}

.blue {
	color:blue;
}

.bold {
	font-weight:bold;
}

.cactusbanner {
	text-align:center;
	border-right:7px solid #8C8C8C;
	border-left:7px solid #8C8C8C;
	border-bottom:7px solid #8C8C8C;
	background-color:#8C8C8C;
	padding:5px 0px 0px 0px;
}

.center {
	text-align:center;
}

.centertable {
	margin-left:auto;
	margin-right:auto;
}

.contents {
	width:700px;
	/*background-color:#56AAE6;*/
	background-image:url('images/bottom.gif');
	background-repeat:repeat;
	color:#000000;
	padding-top:0px;
	margin-top:0px;
}

.contents h2 {
	margin-top:0px;
}

.contents p {
	padding-left:5px;
	padding-right:5px;
}

.contents-old {
	border-left:7px solid #8C8C8C;
	border-bottom:7px solid #8C8C8C;
	border-right:7px solid #8C8C8C;
	margin:0; padding:5px;
	width:800px;
	vertical-align:text-top;
}

.customerComment {	
	font-style:italic;
}

.dishmachine {
	width:60%;
	margin-left:auto;
	margin-right:auto;
	padding-left:50px;
}

.dishmachine td {
	width:200px;
	vertical-align:text-top;
}

.fontsize9 {
	font-size:9pt;
}

.footer {
	text-align:center;
}

.gecko {
	background-image:url('images/banner4.gif');
	background-repeat:no-repeat;
	background-position:top right;
	background-color:transparent;
	height:115px;
}

.greenCell {
	background-image:url('images/InsideSwoosh.jpg');
	background-repeat:no-repeat;
}

.greenContents {
	width:700px;
	background-color:#00FF66;
	color:#000000;
	padding-top:0px;
	margin-top:0px;
}

.handLeaf {
	background-image:url('images/handsLeaf.png');
	background-repeat:no-repeat;
}

.iespace {
	height:0px;
}

.indexcontents {
	border-right:0px solid #8C8C8C;
	border-left:7px solid #8C8C8C;
	border-bottom:7px solid #8C8C8C;
	margin:0; padding:5px;
	width:590px;
	vertical-align:text-top;
}

.inputWhite {
	background-color:#FFFFFF;
}

.italic {
	font-style:italic;
}

.left20 {
	margin-left:20px;	
}

.lefttable {
	width:20px;
	margin-top:auto;
	margin-bottom:auto;
}

.logo {
	text-align:center;
	border-right:7px solid #8C8C8C;
	border-left:7px solid #8C8C8C;
	border-top:7px solid #8C8C8C;
}

.logo2 {
	padding-bottom:0px;
	margin-bottom:0px;
	background-image:url('images/bottom.gif');
	background-repeat:repeat;
	margin-top:0px;
}

.machineinfo {
	vertical-align:text-top;
	width:425px;
}

.machinename {
	text-align:center;
	font-weight:bold;
	font-size:14pt;
}

.machinelist {
	list-style-type:square;
	padding-left:100px;
}

.machinespecs {
	font-size:9pt;
	width:360px;
	vertical-align:text-top;
}

.main {
	margin-left:auto;
	margin-right:auto;
	width:800px;
}

.menuheight {
	height:40px;
}

.missionTable {
	border-width: 1px;
	border-spacing: 0px;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	background-color: white;
}

.msdsprods {
	list-style-type:none;
}

.orangebar {
	background-image:url('images/sand.gif');
	background-repeat:repeat;
	width:8px;
}

.oskizzle {
	font-size:7pt;
	text-align:center;
}

.package {
	width:135px;
	vertical-align:text-top;
	margin-left:40px;
}

.paddingleft100 {
	padding-left:100px;
}

.paddingleft200 {
	padding-left:200px;
}

.prodGuide {
	font-size:14pt;
	color:red;
}

.product {
	font-style:italic;
	background-color:#0065CA;
	font-weight:bold;
	width:800px;
	font-size:16pt;
	color:white;
}

.productimage {
	padding-left:5px;
	padding-right:5px;	
}

.productlisting {
	margin-left:auto;
	margin-right:auto;
}

.productOrderingCol {
	width:350px;
}

.redbar {
	width:100%;
	background-color:#DA263F;
	height:3px;
}

.red {
	color:red;
}

.redtext {
	color:red;
}

.redbluebar {
	background-image:url('images/redbluebar.gif');
	width:15px;
	padding-right:3px;
}

.searchnum {
	width:20px;
}

.serving {
	font-family:cursive;
	font-style:italic;
}

.slogan {
	margin:0; 
	padding:1em;
}

.smallfont {
	font-size:8pt;
}

.spacer {
	font-size:4pt;
}

.states {
	width:190px;
	text-align:center;
	border-right:7px solid #8C8C8C;
	border-left:7px solid #8C8C8C;
	border-bottom:7px solid #8C8C8C;
	padding:5px;
}

.tablecenter {
	margin-left:auto;
	margin-right:auto;
}

.tiny {
	font-size:8pt;
	text-align:justify;
}

.title {
	font-weight:bold;
	height:25px;
}

.updates {
	margin-left:auto;
	margin-right:auto;
	width:575px;	
	background-color:#CCCCCC;
}

.updatesdate {
	color:#006633;
	font-weight:bold;
}

.updateshr {
	width:575px;
}

.updatestext {
	font-size:10pt;
}

.updatestitle {
	color:#0000FF;
	font-weight:bold;
}

.white {
	background-color:white;
}

/*begin of CSS for menu at top*/

#uppersitenav
{
height:35px;
text-align:center;
background-color:#123D8B;
border-top:7px solid #123D8B;
border-bottom:4px solid #123D8B;
}

#uppernavlist
{
margin-left:0px;
padding-left:0px;
margin-top:0px;
padding-top:0px;
white-space:nowrap;
font-size:10.5pt;
}

#uppernavlist li
{
display: inline;
list-style-type: none;
margin-top:3px;
}

#uppernavlist a { 
padding: 3px 1px;
}

#uppernavlist a:link, #uppernavlist a:visited
{
text-decoration: none;
background-color:transparent;
}

#uppernavlist a:hover
{
color: #000000;
background-color: #00CED1;
text-decoration: none;
}

#lowersitenav
{
height:15px;
text-align:center;
background-color:#8C8C8C;
border-top:14px solid #8C8C8C;
border-bottom:1px solid #8C8C8C;
}

#lowernavlist
{
margin-left:0px;
padding-left:0px;
margin-top:-3px;
padding-top:0px;
white-space:nowrap;
font-size:10.5pt;
}

#lowernavlist li
{
display: inline;
list-style-type: none;
margin-top:3px;
}

#lowernavlist a { 
padding: 3px 1px;
}

#lowernavlist a:link, #lowernavlist a:visited
{
text-decoration: none;
background-color:transparent;
}

#lowernavlist a:hover
{
color: #000000;
background-color: #00CED1;
text-decoration: none;
}
/*end of CSS for the menu at the top*/

/*Begin of NEW css for the menu at the top*/

.pd {
	vertical-align:text-top;
	height:200px;
}

.pd a:link {color: #000000; background-color:#D9D9D9; }
.pd a:active {color: #000000; background-color:#D9D9D9; }
.pd a:visited {color: #000000; background-color:#D9D9D9; }
.pd a:hover {color: #000000; background-color:#D9D9D9; }

div.pdmenu1 {
	padding: 0px 0px 0px 0px;
	margin-left:0px;
	margin-right:0px;
}

/* top right bottom left*/

.pdmenu1 ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

.pdmenu1 li  {
	margin: 0px 5px 0px 5px;
	padding: 1px;
	color:black;
	background-color:black;
	float:left;
	position:relative;
	text-align:center;
	width:120px;
}

.pdmenu1 a {
	text-decoration: none;
	display: block;
	color: #000000;
	background-color:#8C8C8C;
	padding: 5px;
}

.pdmenu1 a:hover {
	text-decoration: none;
	background-color: #00CED1;
}

.pdmenu1 li ul {
	display: none;
	padding : 0px 0px 0px 0px;
}

.pdmenu1 li:hover ul {
	visibility: visible;
	display: block;
	position:absolute;
	z-index:1;
	/*width:120px;*/
	padding: 0px;
	margin: 0px;
	border: 1px solid #000000;
}

.pdmenu1 li li {
	border: none;
	/*width:120px;*/
	text-align:left;
	}	

.pdmenu1 li li a {
	padding: 0px 0px 0px 0px;
}

/*End of NEW css for the menu at the top*/

/* the menu */

.form {
	vertical-align:text-top;
		background:#9F9DA5;
		height:100%;
	}

	.menu ul, .menu li, .menu a {
		display:block;
		margin:0;
		padding:0px 2px 0px 0px;
		border:0;
		font-size:12pt;
	}

	.menu ul {
		width:150px;
		border:1px solid #9F9DA5;
		background:#9F9DA5;
		list-style:none;
	}

	.menu li {
		position:relative;
		padding:2px 0px 2px 0px;
		z-index:9;
	}
		.menu li.folder	{ /*background:url("images/item_folder.gif") no-repeat;*/ }		
		.menu li.folder ul {
			position:absolute;
			left:120px; /* IE */
			top:5px;
		}		
			.menu li.folder>ul { left:140px; } /* others */

	.menu a {
		padding:2px;
		border:1px solid #000000;
		text-decoration:none;
		font-weight:bold;
		width:100%; /* IE */
	}
		.menu li>a { width:auto; } /* others */

	.menu li a.submenu {
		/*background:url("images/sub.gif") right no-repeat;*/
	}

	/* regular hovers */

	.menu a:hover {
		border-color:#000000;
		background-color:#bbb7c7;
		color:black;
	}
		.menu li.folder a:hover {
			background-color:#bbb7c7;
		}
	
	/* hovers with specificity */
	
	.menu li.folder:hover { z-index:10; }		
		
	.menu ul ul, li:hover ul ul {
		display:none;
	}

	.menu li:hover ul, li:hover li:hover ul {
		display:block;
	}		

/*===================================================================================*/
/*MSDS table */

input.text  {
	font-family : verdana, arial,helvetica,sans-serif;
	color : #000000;
	font-weight : normal;
	font-size : 12px;
	text-decoration : none;
	width : 160px;
}

input.button  {
	font-family : verdana, arial,helvetica,sans-serif;
	color : #000000;
	font-weight : normal;
	font-size : 12px;
	text-decoration : none;
}

input.checkbox  {
	font-family : verdana, arial,helvetica,sans-serif;
	color : #000000;
	font-weight : normal;
	font-size : 12px;
	text-decoration : none;
}

span.checkbox  {
	font-family : verdana, arial,helvetica,sans-serif;
	color : #000000;
	font-weight : normal;
	font-size : 11px;
	text-decoration : none;
}

select.select  {
	font-family : verdana, arial,helvetica,sans-serif;
	color : #000000;
	font-weight : normal;
	font-size : 12px;
	text-decoration : none;
}

h1.result  {
	font-family : verdana, arial,helvetica,sans-serif;
	color : #000000;
	font-weight : bold;
	font-size : 14px;
	text-decoration : none;
}

p.result  {
	font-family : verdana, arial,helvetica,sans-serif;
	color : #000000;
	font-weight : normal;
	font-size : 12px;
	text-decoration : none;
}

a.result {
	line-height:20px;
}

span.extract  {
	font-family : verdana, arial,helvetica,sans-serif;
	color : #000000;
	font-weight : normal;
	font-size : 20px;
	text-decoration : none;
}

.letters {
	margin-left:auto;
	margin-right:auto;
	width:300px;
	text-align:center;
}

.msdssearch {
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
}


/* Dishmachine Image Hover Setup*/



/* Photo-Caption PZ3 CSS (The Good Stuff) */

.PZ3-l { 
	/*float:left; - commented out because it caused the smaller images to be moved all crazy like
	margin-right:10px; - commented out because it does nothing*/
}

.PZ3-r { 
	float:right;
	margin-left:10px; 
	direction:rtl; 
}

html>/**/body .PZ3-r { position:relative; }

.PZ3zoom { 
	/*border:1px solid #369; */
	margin-left:auto;
	margin-right:auto;
}

.PZ3zoom a,.PZ3zoom a:visited { 
	display:block;
	padding:0; 
	overflow:hidden; 
	text-decoration:none;
	height:100%; 
	width:100%; 
}

html>/**/body .PZ3-r a { right:0; }

.PZ3zoom a:hover { 
	position:absolute;
	z-index:999; 
	padding:0; 
	background:none;
	/*cursor:default; - commented out so that default user curser is displayed instead */
	height:auto; 
	width:auto;
	overflow:visible; 
	border:1px solid #369;
	margin:-1px 0 0 -1px; 
}

html>body .PZ3zoom a:hover { margin:-1px -1px 0 -1px; }

.PZ3zoom a img { 
	border:0; 
	height:100%; 
	width:100%; 
}

.PZ3zoom a:hover img { 
	height:auto; 
	width:auto;
	border:0; 
}

.PZ3cap { 
	direction:ltr; 
	font-size:8pt;
	font-weight:bold;
	width:60px;
}

a:hover .PZ3cap { padding:3px 5px; }

.PZ3inr { display:block; padding:2px 5px; }

.noCap a:hover .PZ3cap { display:none; }
.noBdr,.noBdr a:hover { border:0; }
.Lnk a:hover { cursor:pointer; }

/* End Photo-Caption Zoom CSS */

#galDishmachines { 
display:table;
overflow:hidden;
height:100%;
padding:10px 10px 10px 10px;
width:100px;
margin:0;
border:3px double;
}

#galDishmachines .PZ3-l {
 padding:0 0 20px 0; 
 border:none;
}

#galDishmachines .PZ3zoom a, 
#galDishmachines .PZ3zoom a:hover,
#galDishmachines .PZ3zoom a:hover img {
 height:100%;
 width:100%;
}

#galDishmachines .PZ3zoom a:hover { 
 margin:0;
 position:static;
}

#galDishmachines .PZ3zoom a { 
 border:0px solid #a1a1ef;
}
#galDishmachines .PZ3zoom a:hover {
 border-color:white;
}

#galDishmachines .PZ3zoom a:hover .bigImages {
 height:auto;
 width:auto;
 position:absolute;
 left:65%;
 top:500px;
 margin:0px 0px 0px 0px;
 border:2px solid #fff;
 z-index:999;
}

#galDishmachines .PZ3zoom a:hover .w1 { 
 margin-left:200px; }
#galDishmachines .PZ3zoom a:hover .w350 { 
 margin-left:-175px; }
#galDishmachines .PZ3zoom a:hover .w400 { 
 margin-left:-200px; }
#galDishmachines .PZ3zoom a:hover .w450 { 
 margin-left:-225px; }


#galDishmachines .PZ3zoom a:hover .h300 { 
 margin-top:0px; }
#galDishmachines .PZ3zoom a:hover .h350 { 
 margin-top:-390px; }
#galDishmachines .PZ3zoom a:hover .h400 { 
 margin-top:-440px; }
#galDishmachines .PZ3zoom a:hover .h450 { 
 margin-top:-490px; }
    
    
.dishmachineCenterText {
	width:500px;
	vertical-align:text-top;
}

#galDishmachines2 { 
display:table;
overflow:hidden;
height:100%;
padding:10px 10px 10px 10px;
width:100px;
margin:0;
border:3px double;
}

#galDishmachines2 .PZ3-l {
 padding:0 0 20px 0; 
 border:none;
}

#galDishmachines2 .PZ3zoom a, 
#galDishmachines2 .PZ3zoom a:hover,
#galDishmachines2 .PZ3zoom a:hover img {
 height:100%;
 width:100%;
}

#galDishmachines2 .PZ3zoom a:hover { 
 margin:0;
 position:static;
}

#galDishmachines2 .PZ3zoom a { 
 border:0px solid #a1a1ef;
}
#galDishmachines2 .PZ3zoom a:hover {
 border-color:white;
}

#galDishmachines2 .PZ3zoom a:hover .bigImages {
 height:auto;
 width:auto;
 position:absolute;
 left:65%;
 top:500px;
 margin:0px 0px 0px 0px;
 border:2px solid #fff;
 z-index:999;
}

#galDishmachines2 .PZ3zoom a:hover .w1 { 
 margin-left:200px; }
#galDishmachines2 .PZ3zoom a:hover .w350 { 
 margin-left:-175px; }
#galDishmachines2 .PZ3zoom a:hover .w400 { 
 margin-left:-200px; }
#galDishmachines2 .PZ3zoom a:hover .w450 { 
 margin-left:-225px; }


#galDishmachines2 .PZ3zoom a:hover .h300 { 
 margin-top:0px; }
#galDishmachines2 .PZ3zoom a:hover .h350 { 
 margin-top:-390px; }
#galDishmachines2 .PZ3zoom a:hover .h400 { 
 margin-top:-440px; }
#galDishmachines2 .PZ3zoom a:hover .h450 { 
 margin-top:-490px; }