<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
height: 200px
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid black;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 0px;
left: -1000px;
border: 0px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 700px;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

body.prod {
font-weight: normal;
vertical-align: bottom;
}

blockquote.prod {
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 14pt;
vertical-align: bottom;
color: #000000;
font-weight: bold;
text-align: center;
background: #6600FF;
padding: 4px;

}

div.prod {
font-weight: normal;
vertical-align: bottom;
}

p.prod {
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: ;
color: #000000;
font-weight: normal;
text-align: justify;
vertical-align: bottom;
}

span.prod {
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 9pt;
color: #000000;
font-weight: normal;
text-align: center;
vertical-align: bottom;
}

td.prod {
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 9pt;
color: #000000;
font-weight: normal;
text-align: justify;
vertical-align: bottom;
border: 0px solid red;
}

td.prod_right {
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 9pt;
color: #000000;
font-weight: normal;
text-align: right;
vertical-align: bottom;
border: 0px solid red;
}

td.prod_left {
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 9pt;
color: #000000;
font-weight: normal;
text-align: left;
}

td.prod_center {
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 9pt;
color: #000000;
font-weight: normal;
text-align: center;
vertical-align: bottom;
border: 0px solid red;
}

td.prod_middle {
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 9pt;
color: #000000;
font-weight: normal;
text-align: center;
vertical-align: bottom;
border: 0px solid red;
}

td.prod2 {
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 0pt;
height: 1px;
color: #000000;
background: #CCCCCC;
font-weight: normal;
text-align: justify;
vertical-align: bottom;
}

td.prod3 {
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 9pt;
height: 1px;
color: #000000;
font-weight: normal;
text-align: center;
vertical-align: bottom;
}

ol.prod {
font-weight: normal;
vertical-align: bottom;
}

ul.prod {
font-weight: normal;
vertical-align: bottom;
}

input.prod {
font-weight: normal;
vertical-align: bottom;

}

select.prod {
font-weight: normal;
vertical-align: bottom;

}

textarea.prod {
font-weight: normal;
vertical-align: bottom;

}
a.prod:active, a.prod:link, a.prod:visited {
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 9pt;
color: #6600FF;
font-weight: bold;
text-decoration: underline;
}
a.prod:hover {
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 9pt;
color: #CC0099;
font-weight: bold;
text-decoration: underline;
cursor: help;
}
h1.prod {
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 9pt;
color: #666666;
font-weight: normal;
}

h2.prod {
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 9pt;
color: #666666;
font-weight: bold;
}
hr.prod {
color: #CCCCCC;
height: 1px;
width: 100%;
}
 		
</style>
