#wares_contents {
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
}
#wares_Heading {
	font-size: 1.1em;
	font-weight: bold;
	font-family: "Arial Black", Gadget, sans-serif;
}

#medieval_nav li .wares {
	background-image: none;
	background-color: #696;
	color: #FFF;
}
#wares_block {
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;
	font-weight: normal;
}
#wares_block .market_background {
	z-index: -100;
}

#wares_block h2 {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	font-weight: bold;
	
}
.wares_tab {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
	z-index: 100;

}
.wares_tab img {
	border: none;
}
.wares_popup {
	background-color: transparent;
	z-index: 100;
	opacity:100;
	filter:alpha(opacity=100);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
	height: 400px;
	width: 680px;
}
#wares_block  .wares_popup b {
	width: 146px;
	float: right;
	position: absolute;
	top: 0px;
	left: 527px;
	z-index: 100;
	font-weight: normal;
}

#wares_block .wares_tab:hover .wares_popup {
	visibility: visible;
	opacity:100;
	filter:alpha(opacity=100);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	z-index: 100;

}












/*Block of CSS for drapers Market*/
#draper {
	position: absolute;
	left: 0px;
	top: 0px;
}
.draper_popup {
	visibility: hidden;
	position: absolute;
	left: 112px;
	top: 100px;
}
/*Block of CSS for Linen Market*/
#linen {
	position: absolute;
	left: 112px;
	top: 0px;
}
.linen_popup {
	visibility: hidden;
	position: absolute;
	left: 0px;
	top: 100px;
}
/*Block of CSS for Spice Market*/
#spice {
	position: absolute;
	left: 225px;
	top: 0px;
}
.spice_popup {
	visibility: hidden;
	position: absolute;
	top: 100px;
	left: -112px;
}
/*Block of CSS for Worsted Sellers*/
#worsted {
	position: absolute;
	left: 337px;
	top: 0px;
}
.worsted_popup {
	visibility: hidden;
	position: absolute;
	top: 100px;
	left: -225px;
}

/*Block of CSS for Leather Dressers*/
#leather {
	position: absolute;
	left: 450px;
	top: 0px;
}
.leather_popup {
	visibility: hidden;
	position: absolute;
	top: 100px;
	left: -337px;
}
#wares_block .wares_tab:hover .leather_popup {
	visibility: visible;
}

/*Block of CSS for Bread Sellers*/
#bread {
	position: absolute;
	left: 562px;
	top: 0px;
}
.bread_popup {
	visibility: hidden;
	position: absolute;
	top: 100px;
	left: -450px;
}

/*Block of CSS for Fish Mongers*/
#fish {
	position: absolute;
	left: 675px;
	top: 0px;
}
.fish_popup {
	visibility: hidden;
	position: absolute;
	top: 100px;
	left: -562px;
}

/*Block of CSS for Butcherss*/
#butcher {
	position: absolute;
	top: 0px;
	right: 0px;
}
.butcher_popup {
	visibility: hidden;
	position: absolute;
	top: 100px;
	right: 110px;
}
/*Block of CSS for vegetables sellers*/
#vegetables {
	position: absolute;
	right: 0px;
	top: 100px;
}
.vegetables_popup {
	visibility: hidden;
	position: absolute;
	top: 0px;
	right: 110px;
}

/*Block of CSS for Hatters*/
#hatters {
	position: absolute;
	right: 0px;
	top: 200px;
}
.hatters_popup {
	visibility: hidden;
	position: absolute;
	top: -100px;
	right: 110px;
}

/*Block of CSS for Toll booth*/
#toll {
	position: absolute;
	right: 0px;
	top: 300px;
}
.toll_popup {
	visibility: hidden;
	position: absolute;
	top: -200px;
	right: 110px;
}

/*Block of CSS for goldsmiths*/
#goldsmiths {
	position: absolute;
	right: 0px;
	top: 400px;
}
.goldsmiths_popup {
	visibility: hidden;
	position: absolute;
	top: -300px;
	right: 110px;
}

/*Block of CSS for cutlers*/
#cutlers {
	position: absolute;
	right: 0px;
	top: 505px;
}
.cutlers_popup {
	visibility: hidden;
	position: absolute;
	top: -405px;
	right: 110px;
}

/*Block of CSS for hosiers*/
#hosiers {
	position: absolute;
	left: 675px;
	top: 505px;
}
.hosiers_popup {
	visibility: hidden;
	position: absolute;
	top: -405px;
	left: -562px;
}

/*Block of CSS for Iron Mongers*/
#iron {
	position: absolute;
	left: 562px;
	top: 505px;
}
.iron_popup {
	visibility: hidden;
	position: absolute;
	top: -405px;
	left: -450px;
}


/*Block of CSS for Wool Market*/
#wool {
	position: absolute;
	left: 450px;
	top: 505px;
}
.wool_popup {
	visibility: hidden;
	position: absolute;
	top: -405px;
	left: -337px;
}


/*Block of CSS for Needlers*/
#needler {
	position: absolute;
	left: 337px;
	top: 505px;
}
.needler_popup {
	visibility: hidden;
	position: absolute;
	top: -405px;
	left: -225px;
}


/*Block of CSS for Tanners*/
#tanners {
	position: absolute;
	left: 225px;
	top: 505px;
}
.tanners_popup {
	visibility: hidden;
	position: absolute;
	top: -405px;
	left: -112px;
}

/*Block of CSS for shoemaker*/
#shoemaker {
	position: absolute;
	left: 112px;
	top:505px;
}
.shoemaker_popup {
	visibility: hidden;
	position: absolute;
	left: 0px;
	top: -405px;
}

/*Block of CSS for saddlers*/
#saddlers {
	position: absolute;
	left: 0px;
	top: 505px;
}
.saddlers_popup {
	visibility: hidden;
	position: absolute;
	left: 112px;
	top: -405px;
}

/*Block of CSS for Sheep Market*/
#sheep {
	position: absolute;
	left: 0px;
	top: 300px;
}
.sheep_popup {
	visibility: hidden;
	position: absolute;
	left: 112px;
	top: -200px;
}

/*Block of CSS for Poultry Market*/
#poultry {
	position: absolute;
	left: 0px;
	top: 400px;
}
.poultry_popup {
	visibility: hidden;
	position: absolute;
	left: 112px;
	top: -300px;
}

/*Block of CSS for Wheat Market*/
#wheat {
	position: absolute;
	left: 0px;
	top: 200px;
}
.wheat_popup {
	visibility: hidden;
	position: absolute;
	left: 112px;
	top: -100px;
}


/*Block of CSS for Calf Market*/
#calf {
	position: absolute;
	left: 0px;
	top: 100px;
}
.calf_popup {
	visibility: hidden;
	position: absolute;
	left: 112px;
	top: 0px;
}




















/*Block of CSS for Cloth Sellers*/
#cloth {
	position: absolute;
	left: 308px;
	top: 190px;
}
.cloth_popup {
	visibility: hidden;
	position: absolute;
	top: -100px;
	left: 100px;
}
#wares_block .wares_tab:hover .cloth_popup {
	visibility: visible;
}



/*Block of CSS for barley market*/
#barley {
	position: absolute;
	left: 365px;
	top: 5px;
}
.barley_popup {
	visibility: hidden;
	position: absolute;
	top: -5px;
	left: 227px;
}
#wares_block .wares_tab:hover .barley_popup {
	visibility: visible;
}


/*Block of CSS for Linen Drapers*/
#drapers {
	position: absolute;
	left: 320px;
	top: 101px;
}
.drapers_popup {
	visibility: hidden;
	position: absolute;
	top: -100px;
	left: 123px;
}
#wares_block .wares_tab:hover .drapers_popup {
	visibility: visible;
}