/* CSS Document */



/* The containing box for the gallery. */
#gallerycontainer{
	position:relative; 
    width:503px; 
    height:301px; 
	margin:0 0 30px 0;
	padding:0px;
	
}

#two{
	position:absolute;
	width:503px; 
    height:301px;
	border:1px #B1B1D2 solid;
	}
	
#two img{
	margin-top:3px;
	margin-left:3px;
	}
	
/* Removing the list bullets and indentation - add size - and position */
#gallerycontainer ul.numbers{
	width:198px; 
    height:30px;
	margin:310px 0 0 0; 
    float:right;
	padding-left: 0px;
	list-style-type: none;
	text-align:right;
}
#gallerycontainer li.numbers{
	float:right;
	padding:0;
	margin:0;
}

ul.thumbpics{
	width:516px; 
    margin-top:0px; 
   	list-style-type: none;
	margin-left:0px;
	padding-left: 0px;
	float:left;
	text-align:left;

}

li.thumbpics{
	float:left;
 	padding-right:13px;
	padding-left:0px;
}

li.thumbpics img{
	border:1px #B1B1D2 solid;
	padding:2px;
}


/* Remove the images and text from sight */
/*#gallerycontainer a.gallery span{
    position:absolute; 
    width:0px; 
    height:0px; 
    top:-1px; 
    left:-1px;
    overflow:hidden; 
	color:#FDFFE9;
    background:#FDFFE9;
	}
	
#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#l10 {background:url(../images/general/numbers/10_off.gif); height:13px; width:13px;}
#gallerycontainer a#l9 {background:url(../images/general/numbers/9_off.gif); height:13px; width:13px;}
#gallerycontainer a#l8 {background:url(../images/general/numbers/8_off.gif); height:13px; width:13px;}
#gallerycontainer a#l7 {background:url(../images/general/numbers/7_off.gif); height:13px; width:13px;}
#gallerycontainer a#l6 {background:url(../images/general/numbers/6_off.gif); height:13px; width:13px;}
#gallerycontainer a#l5 {background:url(../images/general/numbers/5_off.gif); height:13px; width:13px;}
#gallerycontainer a#l4 {background:url(../images/general/numbers/4_off.gif); height:13px; width:13px;}
#gallerycontainer a#l3 {background:url(../images/general/numbers/3_off.gif); height:13px; width:13px;}
#gallerycontainer a#l2 {background:url(../images/general/numbers/2_off.gif); height:13px; width:13px;}
#gallerycontainer a#l1 {background:url(../images/general/numbers/1_off.gif); height:13px; width:13px;}

#gallerycontainer a#l10:hover {background:url(../images/general/numbers/10_on.gif); height:13px; width:13px;}
#gallerycontainer a#l9:hover {background:url(../images/general/numbers/9_on.gif); height:13px; width:13px;}
#gallerycontainer a#l8:hover {background:url(../images/general/numbers/8_on.gif); height:13px; width:13px;}
#gallerycontainer a#l7:hover {background:url(../images/general/numbers/7_on.gif); height:13px; width:13px;}
#gallerycontainer a#l6:hover {background:url(../images/general/numbers/6_on.gif); height:13px; width:13px;}
#gallerycontainer a#l5:hover {background:url(../images/general/numbers/5_on.gif); height:13px; width:13px;}
#gallerycontainer a#l4:hover {background:url(../images/general/numbers/4_on.gif); height:13px; width:13px;}
#gallerycontainer a#l3:hover {background:url(../images/general/numbers/3_on.gif); height:13px; width:13px;}	
#gallerycontainer a#l2:hover {background:url(../images/general/numbers/2_on.gif); height:13px; width:13px;}
#gallerycontainer a#l1:hover {background:url(../images/general/numbers/1_on.gif); height:13px; width:13px;}
	

	
#gallerycontainer a.thumbno2 {
	width:159px;
	height:108px;
	background: url(../images/saddlerscompany/the_saddlery_trade/gallery/01_thumb.jpg) 2px 2px no-repeat;
	border:1px #B1B1D2 solid;
	
	}	

/* styling the hovers */
/*#gallerycontainer a.gallery:hover {border:1px solid #fff;}
#gallerycontainer a.gallery:hover span{
	position:absolute;
	top:-1px; 
    left:-1px;  
    width:503px; 
    height:301px; 
	border:1px #B1B1D2 solid;
    } 
	
#gallerycontainer a.gallery:hover span img{
	margin:3px;
    }
	*/