/*photogallery */
#scrollbox {
 border: 1px solid #aaa;
 margin: 10px;
 float: right;
 width: 130px;
 height: 370px;
 overflow: auto;
}

/* The containing box for the gallery. */
#container {
 position:relative;
 width:600px;
 height:396px;
 margin:0 auto 10px auto;
 border:  1px solid #aaa;
 vertical-align: bottom;
/* background: #efefef url(images/slide/p1.jpg) 25px 10px no-repeat;*/
 background-color: #efefef;
}

/* Removing the list bullets and indentation - add size - and position */
#scrollbox ul {
 width:95px;
 padding:0;
 margin:2px;
 list-style-type:none;
}

/* Remove the images and text from sight */
#container a.gallery span {
 position:absolute;
 width:1px;
 height:1px;
 top:-1px;
 left:-1px;
 overflow:hidden;
 background:#fff;
}

/* Adding the thumbnail images */
#scrollbox a.gallery, #scrollbox a.gallery:visited {
 display: block;
 color:#000;
 text-decoration:none;
 border:1px solid #000;
 margin:5px 2px 5px 2px;
 text-align:left;
 cursor:default;
}

#scrollbox a.slidea {background:url(images/slide/p1_t.jpg); height:93px; width:70px;}
#scrollbox a.slideb {background:url(images/slide/p2_t.jpg); height:93px; width:77px;}
#scrollbox a.slidec {background:url(images/slide/p3_t.jpg); height:93px; width:66px;}
#scrollbox a.slided {background:url(images/slide/p4_t.jpg); height:93px; width:61px;}
#scrollbox a.slidee {background:url(images/slide/p5_t.jpg); height:93px; width:62px;}
#scrollbox a.slidef {background:url(images/slide/p6_t.jpg); height:93px; width:71px;}
#scrollbox a.slideg {background:url(images/slide/p7_t.jpg); height:61px; width:93px;}
#scrollbox a.slideh {background:url(images/slide/p8_t.jpg); height:93px; width:71px;}
#scrollbox a.slidei {background:url(images/slide/p9_t.jpg); height:70px; width:93px;}
#scrollbox a.slidej {background:url(images/slide/p10_t.jpg); height:93px; width:67px;}
#scrollbox a.slidek {background:url(images/slide/p11_t.jpg); height:93px; width:80px;}
#scrollbox a.slidel {background:url(images/slide/p12_t.jpg); height:93px; width:72px;}

#scrollbox a.slidem {background:url(images/slide/p13_t.jpg); height:66px; width:93px;}
#scrollbox a.sliden {background:url(images/slide/p14_t.jpg); height:93px; width:62px;}
#scrollbox a.slideo {background:url(images/slide/p15_t.jpg); height:93px; width:62px;}
#scrollbox a.slidep {background:url(images/slide/p16_t.jpg); height:93px; width:63px;}
#scrollbox a.slideq {background:url(images/slide/p17_t.jpg); height:93px; width:67px;}
#scrollbox a.slider {background:url(images/slide/p18_t.jpg); height:63px; width:93px;}
#scrollbox a.slides {background:url(images/slide/p19_t.jpg); height:63px; width:93px;}
#scrollbox a.slidet {background:url(images/slide/p20_t.jpg); height:63px; width:93px;}


/* styling the hovers */
#container a.gallery:hover, #container a.gallery:focus, #container a.gallery:active {
 border: 1px solid #efefef;
}
#container a.gallery:hover span, #container a.gallery:focus span, #container a.gallery:active span {
 position:absolute; width:390px; height:372px; top:10px; left:25px; color:#000; background: #efefef;
}
#container a.gallery:hover img, #container a.gallery:focus img {
 border: none; float:left; margin-right:5px;
}