/* CSS Document */


/* DOOR IMAGE ROLLOVER */


<style type="text/css">

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 0px;
margin: 0px;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 0px;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: -1000px;
border: 0;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 850px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

</style>


/* GLASS DESIGNS IMAGE ROLLOVER */

.gallerycontainerGD{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnailGD img{
border: 0px;
margin: 0px;
}

.thumbnailGD:hover{
background-color: transparent;
}

.thumbnailGD:hover img{
border: 0px;
}

.thumbnailGD span{
	position: absolute;
	padding: 0px;
	left: -1000px;
	border: 0;
	visibility: hidden;
	color: black;
	text-decoration: none;
	width: 469px;
	height: 452px;


}

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

.thumbnailGD:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 1270px;
left: 750px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

</style>


/* GLASS DESIGNS 2 IMAGE ROLLOVER */

.gallerycontainerGD2{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnailGD2 img{
border: 0px;
margin: 0px;
}

.thumbnailGD2:hover{
background-color: transparent;
}

.thumbnailGD2:hover img{
border: 0px;
}

.thumbnailGD2 span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: -1000px;
border: 0;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnailGD2:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 1500px;
left: 850px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

</style>



/* GLASS PATTERNS IMAGE ROLLOVER */

.gallerycontainerGP{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnailGP img{
border: 0px;
margin: 0px;
}

.thumbnailGP:hover{
background-color: transparent;
}

.thumbnailGP:hover img{
border: 0px;
}

.thumbnailGP span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: -1000px;
border: 0;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnailGP:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 780px;
left: 850px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

</style>


/* DOOR COLOURS IMAGE ROLLOVER */

.gallerycontainerDC{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnailDC img{
border: 0px;
margin: 0px;
}

.thumbnailDC:hover{
background-color: transparent;
}

.thumbnailDC:hover img{
border: 0px;
}

.thumbnailDC span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: -1000px;
border: 0;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnailDC:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 340px;
left: 850px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

</style>

/* 15mm PACKER EXPLANATION */

.gallerycontainerPAK{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnailPAK img{
border: 0px;
margin: 0px;
}

.thumbnailPAK:hover{
background-color: transparent;
}

.thumbnailPAK:hover img{
border: 0px;
}

.thumbnailPAK span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: -1000px;
border: 0;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnailPAK:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 2760px;
left: 110px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

</style>