body {
			height:100%;
			font-family:Arial, Helvetica, sans-serif;
			padding:0px;
			margin:0px;
			background:url('gray.png');
		}
div.SS {
text-align : center ;
 font-size:1.2em ;
 display : none;
 overflow : auto;
 color : #cc0033;
 background:url('yellow_.png');
 position:absolute;
 border-style:solid;
}
		.menu {
			background:url('left.png') no-repeat;
			width:200px;
			height:560px;
			vertical-align:top;
		}
		.menu a {
			font-weight:bold;
		}
		a:HOVER {
				cursor:pointer;cursor:hand;
		}
		div.white {
			background:url('yellow_.png');
			margin:0px;
			float:left;
			width:100%;
		}
		.content {
			background:url('yellow_.png');
			vertical-align:top;
		}
		hr {
			color: #cc0033;
			height:1px;
		}
		div.pad {
			padding:10px;
		}
		a {
			color:maroon;
			text-decoration:none;
		}
		a:hover{
			color:red;
			text-decoration:underline;
		}
		h2 {
			margin:0px;
			color:#cc0033;
		}
		h3 {
			color:#cc0033;
		}
		a img {
			border:solid 2px #323232;
		}
		a img:hover {
			border:solid 2px black;
		}
		a.product{
    position:relative;
    z-index:24;
    color:black;
    text-decoration:none;
}
a.product span{ display: none; cursor:pointer}

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.product:hover{ z-index:25; background:white;}
a.product:hover span.tooltip{
margin-top:-30px;
margin-left:-20px;
font-weight:bold;
background:url('yellow_.png');
    display:block;
    border:solid 3px #CC0033;
    position:absolute;
    top:0px; left:0px;
	padding: 20px;
    text-align: center;

}
#menubar a {

  -webkit-text-stroke: 2px #ffcf00;
  text-shadow:
   -1px -1px 0 #ffcf00,  
    1px -1px 0 #ffcf00,
   -1px  1px 0 #ffcf00,
    1px  1px 0 #ffcf00;
    }