/* CSS Document */
#contentArea #content #layout{position:relative;}
#contentArea #content #layout2{position:relative; left:12px;}
.thumbnail    { position: relative; z-index: 50; padding-left:10px; }
.mid{margin:0px 25px 0px 25px;}
.thumbnail:hover  { background-color: transparent; z-index: 100 }

.thumbnail span       { color: #666; font-size: 12px; line-height: 14px; text-decoration: none; background-image: url("../images/layout/infoBkd.png"); background-repeat: no-repeat; background-position: left top; visibility: hidden; padding: 5px; position: absolute; z-index: 50; width: 625px;}

.thumbnail span img    { padding: 2px 10px 2px 2px; z-index: 50; float: left; border-width: 0 }

.thumbnail:hover span         { visibility: visible; position: absolute; z-index: 50; top: 0; left: 250px }
/*URL: giantenemycrab */
.thumbnailcall  { padding: 0px; position: relative; z-index: 20; border:0px; text-decoration:none; }
.thumbnailcall:hover    { text-decoration: none; background-color: transparent; z-index: 100 }
/*Negative Padding for FF so it doesnt act crappy*/
.thumbnailcall span        { color: #666; font-size: 11px; line-height: 16px; text-decoration: none; background-image: url("../images/layout/infoBkd.png"); background-repeat: no-repeat; background-position: left top; visibility: hidden; padding: 5px; position: absolute; z-index: 20; left: -200px; width: 203px; height:253px;}
.thumbnailcall span ul { display: block; padding:5px; margin-right:15px; }
.thumbnailcall span li  { color: #666; font-weight: bold; list-style:none;}
.thumbnailcall span img { text-decoration: none; padding: 2px 10px 2px 2px; z-index: 20; border-width: 0 }
.thumbnailcall:hover span         { text-decoration: none; visibility: visible; position: absolute; z-index: 20; top: -151px; left: 0 }