/*####################### Home Page ##############################*/
/* Home page main body */
body.home_body {
	background-image:url('./images/frontend/bg1.jpg');
	padding: 5px;
}

/* Home page main table */
table.home {
	background-image:url('./images/frontend/bg2.jpg');
	width: 100%;
	height: 100%;
	border-spacing: 5px;
	text-align: center;
}
/* Home page table row */
table.home tr {
	border-spacing: 5px;
	border-width: 0px;
	height:50%;
	text-align: center;
}
/* Home page table data */
table.home td {
	border-spacing: 5px;
	background-image:url('./images/frontend/bg1.jpg');
	border-color: black;
	border-style: solid;
	border-width: 1px;
	height: 50%;
	text-align: center;
}

/* Welcome table w/photo */
table.twelcome {
	height: 340px;
	width: 100%;
	border-width: 1px;
	vertical-align:middle;
}
/* Welcome table header */
table.twelcome th {
	background-image:url('./images/frontend/bg1.jpg');
	padding: 0px;
	height: 10px;
}
/* Welcome table row */
table.twelcome tr {
height: 100%;
}
/* Welcome table data */
table.twelcome td {
	background-image:url('./images/frontend/bg2.jpg');
	height: 100%;
	padding: 15px;
}

/* Latest knives table */
table.latestk {
	height: 100%;
	width: 100%;
	border-width: 1px;
	text-align: left;
	vertical-align: middle;
}
/* Latest knives table header */
table.latestk th {
	/*background-image:url('./images/frontend/mosaic_latest.jpg');*/
	padding: 0px;
	height: 10px;
}
/* Latest knives table row */
table.latestk tr {
	vertical-align: middle;
	height: 33%;
}
/* Latest knives table data */
table.latestk td {
	text-align: center;
	background-image:url('./images/frontend/bg2.jpg');
	vertical-align: middle;
	height: 33%;
	border-width: 1px;
	padding: 5px;
}

/* Knife thumbnails in the latest knife section */
img.latestimg{
	width: 112px;
	height: 84px;
	float: none;
	border-width: 1px;
	border-style:inset;
	border-color:#000;
}

/* Welcome float image settings */
img.welcome {
	float: right;
	height:129px;
	width:182px;
	border-width: 2px;
	border-style: inset;
	border-color: #000;
}
img.welcome2 {
	float: left;
	height:129px;
	width:182px;
	border-width: 2px;
	border-style: inset;
	border-color: #000;
}

/* Image borders black */
img {
	border-color:#000;
}
/* Use 13pt font throughout */
p {
	font-size: 13pt;
}
body {
	background-image:url('./images/frontend/bg1.jpg');
	text-align: center;
}
/* The news table... */
table.tnews {
	background-image:url('./images/frontend/bg1.jpg');
	width: 100%;
	height: 100%;
	text-align: center;
		vertical-align: middle;
}
table.tnews td {
	background-image:url('./images/frontend/bg2.jpg');
	padding: 10px;
	height: 180px;
	vertical-align: middle;
}

hr {
color: black;
}
/*################################################################*/
/* thumb code */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
top: -200;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -200;
left: 60px; /*position where enlarged image should offset horizontally */

}