.showme{ 




	position: absolute;
    opacity: 0.0;


  max-height: 0;
/* 
  
    transition: max-height 0.25s ease-out;
background:white;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
 */


z-index:0;



}
.pImage{

max-width:0px;
max-height:0px;


}

.showhim:hover .pImage{

max-width:400px;
max-height:350px;


}
input,select { width:90%;
		font-size:11px;	border: black 1px solid;}

.showhim{
cursor: pointer;
color:#09c;
font-size: 11px;
    text-decoration: none;
    font-weight: 600;
    font-family: verdana, arial, helvetica, sans-serif;
width: 110px;

}
.showhim:hover {
background-color:#eee;
}

.showhim:hover .showme{


margin-top: -13px;
    margin-left: 110px;
width: auto;
cursor: pointer;
opacity: 1.0;
z-index:100;
border: #eee 1px solid;
 max-height: 450px;
    overflow: auto;
 overflow-x:hidden;/* 
    transition: max-height 0.05s ease-in;


    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;

   -webkit-transition-delay: .5s; /* Safari */
    transition-delay: .1s;  

}


 
 
body {
	margin:0px;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;
	color:#333;
	background-color:white;
	}
.trout{background-color: white;} 
.trover{background-color: #eee;} 
.INACTIVEPRODUCT
{
	color: red;
	text-decoration:line-through;
}
h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:28px;
	line-height:28px;
	font-weight:900;
	color:#ccc;
	}
p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
	}
#Content>p {margin:0px;}
#Content>p+p {text-indent:30px;}

a {
	color:#09c;
	font-size:11px;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	}
a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {background-color:#eee;}

#Header {
	margin:10px 0px 10px 0px;
	padding:2px 2px 4px 20px;
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	/*height:40px;  14px + 17px + 2px = 33px */
	border-style:solid;
	border-color:black;
	border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
	
	background-color:#eee;

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	/*height:14px;  the correct height */
	}


#Content {
	margin:0px 50px 50px 20px;
	padding:10px;
	}
td
{
	font-size:11px;
	}


@media print
{

	.hideOnPrint, .hideonprint, .hideonPrint, .HideOnPrint {display: none;}
    .Content , #Content
    {
	margin: 0px 0px 0px 0px !important; 
	padding: 0px !important; 
    }

}