.cssnav
{
	position: relative;
	font-family: "Century Gothic", Arial, Sans;
	background: url(buttons/button2.png) no-repeat;
	white-space: nowrap;
	display: block;
	width: 80px;
	height: 20px;
	margin: 0;
	padding: 0;
	background-image: url(buttons/button2.png);
}


.cssnav a
{
	display: block;
	color: Gray;
	font-size: 11px;
	width: 80px;
	height: 20px;
	display: block;
	float: right;
	color: #515151;
	font-weight: bold;
	text-decoration: none;
}


* html a:hover
{
visibility:visible
	color: Gray;
}

* html a:visited
{
	color: Gray;
}

.cssnav a:hover img
{
visibility:hidden
}

.cssnav span
{
position: absolute;
left: 5px;
top: 3px;

margin: 0px;
padding: 0px;
cursor: pointer;
}

a.carty { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 80px; /* width of reactive image */
     height: 20px; /* height of reactive image */
     background-image: url(buttons/cart1.png); /* source for start image */
     background-repeat: no-repeat;
     }
	 
a.carty:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(buttons/cart2.png); /* source for target image */
     }