@charset "UTF-8";
/* CSS Document */

/*Style Sheet-----Serac Adventure Films- Upper Navigation Web Pages*/

/*Background Formatting*/
body {background-color: #000000;
background-image: url();
background-repeat: no-repeat;
background-position: center; }




/*-----Serac Adventure Films Site Map Links*/
a.link2:link {color: #ffffff; font-size: 16px; font:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold;}
a.link2:visited {color: #ffffff; font-size: 16px; font:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold;}
a.link2:hover {color:#0055ac; font-size: 16px; font:Arial, Helvetica, sans-serif; text-decoration:none;font-weight:bold;}
a.link2:active {color:#003366; font-size: 16px; font:Arial, Helvetica, sans-serif; text-decoration:none;font-weight:bold;}



/*-----Navigation bar blue theme*/
/*If links spans two lines...*/
a.navlist {font-family: arial, sans-serif; color: #0099ff; line-height: 16px; display: block; text-decoration:none; width: 110px; margin-left:0px}
a.navlist:visited {font-family: arial, sans-serif; color: #0099ff; line-height: 16px; display: block; text-decoration:none; width: 110px; margin-left:0px}
a.navlist:hover {font-family: arial, sans-serif; color: #ffffff; background-color: #000000; font-weight:bold;}
a.navlist:active {font-family: arial, sans-serif; color: #FFFFFF; background-color: #cccccc; font-weight:bold;}

/*If links spans one line...*/
a.navlist1 {font-family: arial, sans-serif; color: #0099ff; line-height: 32px; display: block; text-decoration: none; width: 110px; margin-left:0px}
a.navlist1:visited {font-family: arial, sans-serif; color: #0099ff; line-height: 32px; display: block; text-decoration: none; width: 110px; margin-left:0px}
a.navlist1:hover {font-family: arial, sans-serif; color: #ffffff; background-color: #000000; font-weight:bold;}
a.navlist1:active {font-family: arial, sans-serif; color: #FFFFFF; background-color: #cccccc; font-weight:bold;}

/*If links spans one line with width correction to fit table...*/
a.navlist2 {font-family: arial, sans-serif; color: #0099ff; line-height: 32px; display: block; text-decoration: none; width: 112px; margin-left:0px}
a.navlist2:visited {font-family: arial, sans-serif; color: #0099ff; line-height: 32px; display: block; text-decoration: none; width: 112px; margin-left:0px}
a.navlist2:hover {font-family: arial, sans-serif; color: #ffffff; background-color: #000000; font-weight:bold;}
a.navlist2:active {font-family: arial, sans-serif; color: #ffffff; background-color: #cccccc; font-weight:bold;}

/*<td> cell format...*/
.navlink{font-family: arial, sans-serif; font-size:12px; font-weight:bold; color:#0099ff; line-height: 16px; background-color: #000000; border-style:solid; border-width:1px; border-color:#ffffff; margin-left:10px;}

/*-----END Navigation bar*/



/*-----Navigation bar white theme*/
/*If links spans two lines...*/
a.navlista {font-family: arial, sans-serif; color: #ffffff; line-height: 16px; display: block; text-decoration:none; width: 110px; margin-left:0px}
a.navlista:visited {font-family: arial, sans-serif; color: #ffffff; line-height: 16px; display: block; text-decoration:none; width: 110px; margin-left:0px}
a.navlista:hover {font-family: arial, sans-serif; color: #333333; background-color: #ffffff; font-weight:bold;}
a.navlista:active {font-family: arial, sans-serif; color: #FFFFFF; background-color: #999999; font-weight:bold;}

/*If links spans one line...*/
a.navlist1a {font-family: arial, sans-serif; color: #ffffff; line-height: 32px; display: block; text-decoration: none; width: 110px; margin-left:0px}
a.navlist1a:visited {font-family: arial, sans-serif; color: #ffffff; line-height: 32px; display: block; text-decoration: none; width: 110px; margin-left:0px}
a.navlist1a:hover {font-family: arial, sans-serif; color: #333333; background-color: #ffffff; font-weight:bold;}
a.navlist1a:active {font-family: arial, sans-serif; color: #FFFFFF; background-color: #999999; font-weight:bold;}

/*If links spans one line with width correction to fit table...*/
a.navlist2a {font-family: arial, sans-serif; color: #ffffff; line-height: 32px; display: block; text-decoration: none; width: 112px; margin-left:0px}
a.navlist2a:visited {font-family: arial, sans-serif; color: #ffffff; line-height: 32px; display: block; text-decoration: none; width: 112px; margin-left:0px}
a.navlist2a:hover {font-family: arial, sans-serif; color: #333333; background-color: #ffffff; font-weight:bold;}
a.navlist2a:active {font-family: arial, sans-serif; color: #333333; background-color: #999999; font-weight:bold;}

/*<td> cell format...*/
.navlinka{font-family: arial, sans-serif; font-size:12px; font-weight:bold; color:#ffffff; line-height: 16px; background-color: #000000; border-style:solid; border-width:1px; border-color:#999999; margin-left:10px;}

/*-----END Navigation bar*/



/*Links*/
/*-----Section title link white*/
a.link1:link {color: #ffffff; text-decoration:underline; font-size:24px; font-weight:bold;}
a.link1:visited {color: #ffffff; text-decoration:underline; font-size:24px; font-weight:bold;}
a.link1:hover {color: #0099CC; text-decoration:underline; font-size:24px; font-weight:bold;}
a.link1:active {color: #003366; text-decoration:underline; font-size:24px; font-weight:bold;}

/*-----Sub-section title link white*/
a.link1a:link {color: #ffffff; text-decoration:underline; line-height:26px; font-size:18px; font-weight:bold;}
a.link1a:visited {color: #ffffff; text-decoration:underline; line-height:26px; font-size:18px; font-weight:bold;}
a.link1a:hover {color: #0099CC; text-decoration:underline; line-height:26px; font-size:18px; font-weight:bold;}
a.link1a:active {color: #003366; text-decoration:underline; line-height:26px; font-size:18px; font-weight:bold;}

/*-----Sub-section paragraph link white*/
a.link1b:link {color: #ffffff; text-decoration:underline; line-height:18px; font-size:14px; font-weight:bold;}
a.link1b:visited {color: #ffffff; text-decoration:underline; line-height:18px; font-size:14px; font-weight:bold;}
a.link1b:hover {color: #0099CC; text-decoration:underline; line-height:18px; font-size:14px; font-weight:bold;}
a.link1b:active {color: #003366; text-decoration:underline; line-height:18px; font-size:14px; font-weight:bold;}

/*-----Sub-section stealth link white*/
a.link1c:link {color: #ffffff; text-decoration:none; font-size:14px;; font-weight:bold;}
a.link1c:visited {color: #ffffff; text-decoration:none; font-size:14px; font-weight:bold;}
a.link1c:hover {color: #ffffff; text-decoration:underline; font-size:14px; font-weight:bold;}
a.link1c:active {color: #003366; text-decoration:underline; font-size:14px; font-weight:bold;}

/*-----Sub-section stealth link larger white*/
a.link1cl:link {font-family: arial, sans-serif; color: #ffffff; text-decoration:none; font-size:18px;; font-weight:bold;}
a.link1cl:visited {font-family: arial, sans-serif; color: #ffffff; text-decoration:none; font-size:18px; font-weight:bold;}
a.link1cl:hover {font-family: arial, sans-serif; color: #ffffff; text-decoration:underline; font-size:18px; font-weight:bold;}
a.link1cl:active {font-family: arial, sans-serif; color: #CCCCCC; text-decoration:underline; font-size:18px; font-weight:bold;}

/*-----Sub-section stealth link larger line height white*/
a.link1ch:link {color: #ffffff; text-decoration:none; font-size:14px;; line-height:18px; font-weight:bold;}
a.link1ch:visited {color: #ffffff; text-decoration:none; font-size:14px; line-height:18px; font-weight:bold;}
a.link1ch:hover {color: #ffffff; text-decoration:underline; font-size:14px; line-height:18px; font-weight:bold;}
a.link1ch:active {color: #CCCCCC; text-decoration:underline; font-size:14px; line-height:18px; font-weight:bold;}

/*-----Sub-section stealth link blue*/
a.link1cb:link {color: #0099ff; text-decoration:none; font-size:12px;; font-weight:bold;}
a.link1cb:visited {color: #0099ff; text-decoration:none; font-size:12px; font-weight:bold;}
a.link1cb:hover {color: #0099ff; text-decoration:underline; font-size:12px; font-weight:bold;}
a.link1cb:active {color: #003366; text-decoration:underline; font-size:12px; font-weight:bold;}

/*-----Sub-section stealth link blue large*/
a.link1cbl:link {color: #0099ff; text-decoration:none; font-size: 18px; line-height: 22px; font-weight:bold; font-weight:bold;}
a.link1cbl:visited {color: #0099ff; text-decoration:none; font-size: 18px; line-height: 22px; font-weight:bold; font-weight:bold;}
a.link1cbl:hover {color: #0099ff; text-decoration:underline; font-size: 18px; line-height: 22px; font-weight:bold; font-weight:bold;}
a.link1cbl:active {color: #003366; text-decoration:underline; font-size: 18px; line-height: 22px; font-weight:bold; font-weight:bold;}

/*-----Sub-section stealth link grey*/
a.link1cg:link {color: #666666; text-decoration:none; font-size:14px;; font-weight:bold;}
a.link1cg:visited {color: #666666; text-decoration:none; font-size:14px; font-weight:bold;}
a.link1cg:hover {color: #666666; text-decoration:underline; font-size:14px; font-weight:bold;}
a.link1cg:active {color: #003366; text-decoration:underline; font-size:14px; font-weight:bold;}

/*-----Sub-section stealth link small*/
a.link1d:link {color: #ffffff; text-decoration:none; font-size:12px;; font-weight:bold;}
a.link1d:visited {color: #ffffff; text-decoration:none; font-size:12px; font-weight:bold;}
a.link1d:hover {color: #ffffff; text-decoration:underline; font-size:12px; font-weight:bold;}
a.link1d:active {color: #003366; text-decoration:underline; font-size:12px; font-weight:bold;}

/*-----Sub-section stealth link small*/
a.link1db:link {color: #0099ff; text-decoration:none; font-size:12px;; font-weight:bold;}
a.link1db:visited {color: #0099ff; text-decoration:none; font-size:12px; font-weight:bold;}
a.link1db:hover {color: #0099ff; text-decoration:underline; font-size:12px; font-weight:bold;}
a.link1db:active {color: #003366; text-decoration:underline; font-size:12px; font-weight:bold;}

/*-----Sub-section stealth link small*/
a.link1dbs:link {color: #0099ff; text-decoration:none; font-size:10px;; font-weight:bold;}
a.link1dbs:visited {color: #0099ff; text-decoration:none; font-size:10px; font-weight:bold;}
a.link1dbs:hover {color: #0099ff; text-decoration:underline; font-size:10px; font-weight:bold;}
a.link1dbs:active {color: #003366; text-decoration:underline; font-size:10px; font-weight:bold;}

/*-----Sub-section stealth link small*/
a.link1dbr:link {color: #0099ff; text-decoration:none; font-size:14px;; font-weight:bold;}
a.link1dbr:visited {color: #0099ff; text-decoration:none; font-size:14px; font-weight:bold;}
a.link1dbr:hover {color: #0099ff; text-decoration:underline; font-size:14px; font-weight:bold;}
a.link1dbr:active {color: #003366; text-decoration:underline; font-size:14px; font-weight:bold;}

/*-----Sub-section stealth link large*/
a.link1dbl:link {color: #0099ff; text-decoration:none; font-size:18px;; font-weight:bold;}
a.link1dbl:visited {color: #0099ff; text-decoration:none; font-size:18px; font-weight:bold;}
a.link1dbl:hover {color: #0099ff; text-decoration:underline; font-size:18px; font-weight:bold;}
a.link1dbl:active {color: #003366; text-decoration:underline; font-size:18px; font-weight:bold;}

/*-----Sub-section stealth link super sized*/
a.link1dbg:link {color: #0099ff; text-decoration:none; font-size:24px;; font-weight:bold; line-height:34px;}
a.link1dbg:visited {color: #0099ff; text-decoration:none; font-size:24px; font-weight:bold; line-height:34px;}
a.link1dbg:hover {color: #0099ff; text-decoration:underline; font-size:24px; font-weight:bold; line-height:34px;}
a.link1dbg:active {color: #003366; text-decoration:underline; font-size:24px; font-weight:bold; line-height:34px;}

/*-----Sub-section stealth link very small*/
a.link1e:link {color: #ffffff; text-decoration:none; font-size:10px;; font-weight:bold;}
a.link1e:visited {color: #ffffff; text-decoration:none; font-size:10px; font-weight:bold;}
a.link1e:hover {color: #ffffff; text-decoration:underline; font-size:10px; font-weight:bold;}
a.link1e:active {color: #003366; text-decoration:underline; line-height:10px;; font-weight:bold;}

/*-----Bottom navigation links*/
a.bottom_nav:link {color: #CCCCCC; font-size: 10px;  line-height: 22px;}
a.bottom_nav:visited {color: #CCCCCC; font-size: 10px;  line-height: 22px;}
a.bottom_nav:hover {color: #ffffff; font-size: 10px;  line-height: 22px;}
a.bottom_nav:active{color: #333333; font-size: 10px;  line-height: 22px;}



/*Text*/
/*-----Section title*/
.style1 {font-family: arial, sans-serif; font-size: 24px; color:#ffffff; line-height: 26px; font-weight:bold; font-family: arial, sans-serif;}

/*-----Sub-section title*/
.style2 {font-family: arial, sans-serif; font-size: 18px; color:#ffffff; line-height: 22px; font-weight:bold; font-family: arial, sans-serif;}

/*-----Sub-section title*/
.style2a {font-family: arial, sans-serif; font-size: 18px; color:#ffffff; margin-top: 16px; font-weight:bold; font-family: arial, sans-serif;}

.style2b {font-family: arial, sans-serif; font-size: 18px; color:#ffffff; line-height:22px; font-weight:bold; font-family: arial, sans-serif;}

/*-----Sub-section paragraph text1*/
.style3 {font-family: arial, sans-serif; font-size: 14px; color:#ffffff; line-height: 17px; font-family: arial, sans-serif;}
.style3b {font-family: arial, sans-serif; font-size: 14px; color:#ffffff; line-height: 16px; font-family: arial, sans-serif; margin-left:10px; margin-right:10px; margin-top:10px; margin-bottom:10px;}

/*-----Sub-section paragraph text1*/
.style3a {font-family: arial, sans-serif; font-size: 15px; color:#ffffff; line-height: 17px; font-family: arial, sans-serif;}

/*-----Sub-section paragraph text2*/
.style4 {font-family: arial, sans-serif;font-size: 12px; color:#ffffff; font-weight:normal; font-family: arial, sans-serif;}
.style4_p {font-family: arial, sans-serif;font-size: 12px; color:#ffffff; font-weight:normal; font-family: arial, sans-serif; margin-right:10px; padding-right:10px; }

/*-----Sub-section paragraph text2*/
.style5 {font-family: arial, sans-serif;font-size: 12px; line-height: 22px; color:#ffffff; font-weight:normal; font-family: arial, sans-serif;}

/*-----Sub-section paragraph text2*/
.style6 {font-family: arial, sans-serif;font-size: 11px; color:#ffffff; font-weight:normal; font-family: arial, sans-serif;}

/*Image with double gray frame, for use with blue background, with margin left...*/
.image6a {padding: 0.15em; border: double 3px gray; margin-left:7px; float:right; margin-bottom:10px;}	

/*-----Sub-section paragraph text2*/
.style7 {font-family: arial, sans-serif;font-size: 9px; color:#ffffff; font-weight:normal; font-family: arial, sans-serif;}

/*-----Sub-section paragraph margin*/
p.leftmargin {margin-left: 30px; margin-top:5px; line-height:16px;}
p.leftmargin1 {margin-left: 50px;line-height:16px;}
p.leftmargin2 {margin-top:5px; line-height:16px;}


/*-----List bullets with no margin between paragraph*/
#margin
{
margin-top: 0px;
margin-bottom: 0px;
}

#margin li
{

}

/*-----Image formatting and framing*/
/*Image with no frame...*/
.image {float: center; padding: 0.25em; border: none; margin-right: 8px; margin-left: 8px;}

.imagea {padding: 0.25em; border: none; margin-right: 8px; margin-left: 8px; float:right;}

/*Image with single white frame...*/
.image1 {border-color: white; border-width: 1px;}

/*Image with single white frame and margins...*/
.image2 {border-color: white; border-width: 1px; margin-right: 8px; margin-left: 8px;}

/*Image with single white frame and margins...*/
.image2a {border-color: white; border-width: 1px; margin-right: 16px; margin-left: 16px; margin-bottom: 8px;}

/*Image with single white frame and margins...*/
.image2b {border-color: white; border-width: 1px; margin-right: 16px; margin-left: 8px; margin-bottom: 8px; float:left}

/*Image with single white frame and margins...*/
.image2c {border-color: white; border-width: 1px; margin-right: 16px; margin-left: 8px; margin-bottom: 8px; float:right}

/*Image with single white frame...*/
.image3 {border-color: white; border-width: 1px;}

/*Image with single white frame...*/
.image3a {border-color: white; border-width: 1px; margin-bottom:4px;}

/*Image with single white frame...*/
.image3b {border-color: white; border-width: 1px; margin-bottom:12px; margin-top:12px;}

/*Image with single white frame...*/
.image3c {border-color: white; border-width: 0px;}

/*Image with single white frame and margins for DVD store...*/
.image4 {border-color: white; border-width: 1px; margin-right: 8px; margin-left: 8px; margin-bottom:6px;}

/*Image with double white frame, for use with gray background...*/
.image5 {float: center; padding: 0.25em; border: double 3px white; margin-right: 8px;}

/*Image with double gray frame, for use with blue background...*/
.image6 {float: center; padding: 0.25em; border: double 3px gray;}	

/*Image with double gray frame, for use with black background and text...*/
.image7 {float: center; padding: 0.25em; border: double 3px gray; margin-right: 8px; margin-left: 8px;
float: left;
clear: left;}	

/*Image with double gray frame, for use with black background and text...*/
.image8 {float: center; padding: 0.25em; border: double 3px gray; margin-right: 8px; margin-left: 8px; 
opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;}	

/*OPACITY addition the "4" for quality...*/
.highlightit3 img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
border-color: white; border-width: 1px; margin-bottom:12px; margin-top:12px;
}

.highlightit3:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: .8;
opacity: .8;
filter: alpha(opacity=80);
border-color: white; border-width: 1px; margin-bottom:12px; margin-top:12px;
}


.highlightit4 img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}

.highlightit4:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: .8;
opacity: .8;
filter: alpha(opacity=80);
}


/*text box hover onmouseover...*/
#dhtmltooltip{
position: absolute;
width: 175px;
border: 2px solid #0099CC;
padding: 2px;
background: #FFFFFF;
color:#333333;
visibility: hidden;
z-index: 100;
font-family: arial, sans-serif; 
font-size: 12px;
}
  

/*-----List*/
ul {margin-top: 7px;}
li {}

/*-----List*/
ul.text1 {margin-top: 7px; margin-bottom: 7px; font-family: arial, sans-serif;font-size: 12px; color:#ffffff; font-weight:normal; font-family: arial, sans-serif;}
li.text1 {margin-bottom: 7px; font-family: arial, sans-serif;font-size: 12px; color:#ffffff; font-weight:normal; font-family: arial, sans-serif;}

div.transOFF {width: 100%; height: 100%; opacity:.75;filter: alpha(opacity=75); -moz-opacity: .75; border-color: white; border-width: 1px; margin-right: 8px; margin-left: 8px;}
div.transON  {width: 100%; height: 100%; border-color: white; border-width: 1px; margin-right: 8px; margin-left: 8px;}

.transOFF {width: 100%; height: 100%; opacity:.75;filter: alpha(opacity=75); -moz-opacity: .75; border-color: white; border-width: 1px;}
.transON  {width: 100%; height: 100%; border-color: white; border-width: 1px;}


/*-----Lightbox*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; font-family: arial, sans-serif; font-size: 14px; color:#333333; line-height: 16px;}
#keyboardMsg{ float: right; font-family: arial, sans-serif; font-size: 14px; color:#ffffff; line-height: 16px;}
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(http://www.seracfilms.com/images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.seracfilms.com/images/overlay.png", sizingMethod="scale");
	}


/* Popout Image Viewer
----------------------------------------------- */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


/*RIGHT RIGHT RIGHT RIGHT */
.thumbnailr{
position: relative;
z-index: 0;
}

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

.thumbnailr span{ /*CSS for enlarged image*/
position: fixed; /* set fixed to keep from moving while scrolling */
background-color: #ffffff;
padding: 4px;
border: 2px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
font-family: arial, sans-serif; 
font-size: 10px; 
color:#333333; 
line-height: 14px; 
font-weight:bold;
}

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

.thumbnailr:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position: absolute;
top: 0px; /* position where popout will display related to top of browser window */
right: 109px; /* pos where enlarged image should offset horizontally */
}



/*LEFT LEFT LEFT LEFT */
.thumbnaill{
position: relative;
z-index: 0;
}

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

.thumbnaill span{ /*CSS for enlarged image*/
position: fixed; /* set fixed to keep from moving while scrolling */
background-color: #ffffff;
padding: 4px;
border: 2px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
font-family: arial, sans-serif; 
font-size: 10px; 
color:#333333; 
line-height: 14px; 
font-weight:bold;
}

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

.thumbnaill:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position: absolute;
top: 0px; /* position where popout will display related to top of browser window */
left: -8px; /* pos where enlarged image should offset horizontally */
}

/*RIGHT RIGHT RIGHT RIGHT BOTTOM BOTTOM BOTTOM */
.thumbnailrb{
position: relative;
z-index: 0;
}

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

.thumbnailrb span{ /*CSS for enlarged image*/
position: fixed; /* set fixed to keep from moving while scrolling */
background-color: #ffffff;
padding: 4px;
border: 2px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
font-family: arial, sans-serif; 
font-size: 10px; 
color:#333333; 
line-height: 14px; 
font-weight:bold;
}

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

.thumbnailrb:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position: absolute;
top: -200px; /* position where popout will display related to top of browser window */
right: 109px; /* pos where enlarged image should offset horizontally */
}



/*LEFT LEFT LEFT LEFT BOTTOM BOTTOM BOTTOM*/
.thumbnaillb{
position: relative;
z-index: 0;
}

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

.thumbnaillb span{ /*CSS for enlarged image*/
position: fixed; /* set fixed to keep from moving while scrolling */
background-color: #ffffff;
padding: 4px;
border: 2px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
font-family: arial, sans-serif; 
font-size: 10px; 
color:#333333; 
line-height: 14px; 
font-weight:bold;
}

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

.thumbnaillb:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position: absolute;
top: -200px; /* position where popout will display related to top of browser window */
left: -8px; /* pos where enlarged image should offset horizontally */
}