/* CSS Document */ 


#box { 

text-align:center; 

font-size: 13px; 

} 



/* The containing box for the gallery. */ 

#container2 { 

position:relative; 

width:600px; 

height:310px; 

margin:20px auto 0 auto; 


border:1px solid #555; 

} 



/* Removing the list bullets and indentation */ 

#container2 ul { 

padding:0; 

margin:0; 

list-style-type:none; 

} 



/* Remove the images and text from sight */ 

#container2 a.gallery span { 

position:absolute; 

width:1px; 

height:1px; 

top:-1px; 

left:-1px; 

overflow:hidden; 

background:#fff; 

} 



/* Adding the thumbnail images */ 

#container2 a.gallery, #container a.gallery:visited { 

display:block; 

color:#000; 

text-decoration:none; 

border:1px solid #000; 

margin:1px 2px 1px 2px; 

text-align:left; 

cursor:default; 

} 

#container2 a.slidea { 

background: url(/images/x2015_red_sm.jpg); 

width:100px; 

height:66px; 

} 

#container2 a.slideb { 

background: url(/images/liebert_sm.jpg); 

width:100px; 

height:66px; 

} 

#container2 a.slidec { 

background: url(/images/XEL_pierce_sm.jpg); 

width:100px; 

height:66px; 

} 


#container2 a.slided { 

background: url(/images/streamliner1_sm.jpg); 

width:100px; 

height:66px; 

} 

#container2 a.slidee { 

background: url(sized/thumbs/Epsilon-Rack-Core-Fixture_t.jpg); 

width:100px; 

height:66px; 

} 

#container2 a.slidef { 

background: url(/images/medical1_sm.jpg); 

width:100px; 

height:66px; 

} 

#container2 a.slideg { 

background: url(sized/thumbs/IMG_5906_thumb.jpg); 

width:100px; 

height:66px; 

} 

#container2 a.slideh { 

background: url(/e-z--flexkit_sm.jpg); 

width:100px; 

height:66px; 

} 








/* set the size of the unordered list to neatly house the thumbnails */ 

#container2 ul { 

width:212px; 



} 

#container2 li { 

float:left; 
list-style-image: none 

} 



/* move the thumbnails into the correct position */ 

#container2 ul { 

margin:5px; 

float:right; 

} 



/* change the thumbnail border color */ 

#container2 a.gallery:hover { 

border:1px solid #fff; 

} 



/* styling the :hover span */ 

#container2 a.gallery:hover span { 

position:absolute; 

width:320px; 

height:300px; 

top:7px; 

left:10px; 

color:#000; 

background:#fff; 

} 



#container2 { 
background:#fff url(/images/logo.jpg) 10px 7px no-repeat; 

}