/* CSS Document */



/* The containing box for the gallery. */
#gallerycontainer{
	position:relative; 
    width:691px; 
    height:371px; 
	margin:0 0 30px 0;
	padding:0px;
	border:0px;
	background: url(../images/photos/shop/bg.jpg) top left no-repeat;
	/* background: url(../images/gallery/large/grannys/both.jpg) 3px 3px no-repeat; */
	}


	
/* Removing the list bullets and indentation - add size - and position */
#gallerycontainer ul.numbers{
	width:141px; 
    height:350px;
	margin-top:19px;
	float:right;
	list-style-type: none;
	text-align:right;
	padding-right:16px;
	margin-left:488px; /* This affects thumb position in IE  */
}
#gallerycontainer li.numbers{
	float:right;
	margin:0;
}


/* Remove the images and text from sight */
#gallerycontainer a.gallery span{
    position:absolute; 
    width:0px; 
    height:0px; 
    top:-1px; 
    left:-1px;
    overflow:hidden; 
	}
	
#gallerycontainer a.gallery span img{
   margin:3px;
	}

/* Adding the thumbnail images */
#gallerycontainer a.gallery, #gallerycontainer a.gallery:visited {
    display:block; 
    text-decoration:none;
	text-align:right;
	cursor:pointer;
    }
	
#gallerycontainer a.no16 {background:url(../images/photos/shop/thumbs/16.jpg); height:41px; width:61px;}
#gallerycontainer a.no15 {background:url(../images/photos/shop/thumbs/15.jpg); height:41px; width:61px;}
#gallerycontainer a.no14 {background:url(../images/photos/shop/thumbs/14.jpg); height:41px; width:61px;}
#gallerycontainer a.no13 {background:url(../images/photos/shop/thumbs/13.jpg); height:41px; width:61px;}
#gallerycontainer a.no12 {background:url(../images/photos/shop/thumbs/12.jpg); height:41px; width:61px;}
#gallerycontainer a.no11 {background:url(../images/photos/shop/thumbs/11.jpg); height:41px; width:61px;}
#gallerycontainer a.no10 {background:url(../images/photos/shop/thumbs/10.jpg); height:41px; width:61px;}
#gallerycontainer a.no9 {background:url(../images/photos/shop/thumbs/09.jpg); height:41px; width:61px;}
#gallerycontainer a.no8 {background:url(../images/photos/shop/thumbs/08.jpg); height:41px; width:61px;}
#gallerycontainer a.no7 {background:url(../images/photos/shop/thumbs/07.jpg); height:41px; width:61px;}
#gallerycontainer a.no6 {background:url(../images/photos/shop/thumbs/06.jpg); height:41px; width:61px;}
#gallerycontainer a.no5 {background:url(../images/photos/shop/thumbs/05.jpg); height:41px; width:61px;}
#gallerycontainer a.no4 {background:url(../images/photos/shop/thumbs/04.jpg); height:41px; width:61px;}
#gallerycontainer a.no3 {background:url(../images/photos/shop/thumbs/03.jpg); height:41px; width:61px;}
#gallerycontainer a.no2 {background:url(../images/photos/shop/thumbs/02.jpg); height:41px; width:61px;}
#gallerycontainer a.no1 {background:url(../images/photos/shop/thumbs/01.jpg); height:41px; width:61px;}



/* styling the hovers */
#gallerycontainer a.gallery:hover {border:0px;}
#gallerycontainer a.gallery:hover span{
	position:absolute;
	top:19px; 
    left:14px; 
    width:492px; 
    height:371px; 
	border:0px;
    }
	
#gallerycontainer a.gallery:hover span img{
	margin:3px;
    }
	


#gallerycontainer a.slideb:hover img, #gallerycontainer a.slidei:hover img {float:right;}