Center a thumbernail ?

[boily]

How can I center my thumbernails in the thumbernail's box ...

Here is an example of what I'm talking about:

Look at the panoramic shot thumbernail...
http://www.pbase.com/boily/landscapes

Here is the code that I am using right now !

I don't really know what to change:

/*
READ THE FOLLOWING:

This is the basic "webdev" style sheet.
The only thing that I changed was the opactiy
of the thumbnails.

*/
a, a:link, a:visited, a:active {
color: rgb(204, 204, 255);
text-decoration: none;
}
a:hover {
color: rgb(95, 121, 216);
text-decoration: none;
}
a.td.thumbnail, a.td.thumbnail:link, a.td.thumbnail:visited, a.td.thumbnail:active {
border: rgb(0, 0, 0) 1px solid;
margin-bottom: -45px;
padding-top: 5px;
width: 172px;
display: block;
background: rgb(35, 35, 35);
height: 162px;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
}
a.td.thumbnail:hover {
border: rgb(0, 0, 0) 1px solid;
margin-bottom: -45px;
padding-top: 5px;
width: 172px;
display: block;
background: rgb(32, 32, 32);
height: 162px;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
body{
margin-bottom: 20px;
margin-top: 0px;
background: rgb(45, 45, 45);
}
div, th, tr, table, font, li, ul, form, blockquote, p, b, i, h1, h2, h3, h4, h5, font, center {
border: 0px;
color: rgb(91, 91, 101);
font: 12px verdana, arial, sans-serif;
}
font {
margin-left: 4px;
margin-right: 4px;
width: 170px;
display: block;
color: rgb(91, 91, 101);
font: 9px Verdana, Tahoma, Helvetica, sans-serif;
letter-spacing: 0px;
}
h1, h2 {
border: rgb(95, 121, 216) 1px dotted;
border-left: 1px none;
border-right: 1px none;
border-top: 1px none;
margin-bottom: 1em;
margin-left: -10px;
margin-right: 0px;
padding: 5px;
width: 100%;
display: block;
background: rgb(0, 0, 0);
color: rgb(204, 204, 255);
font-size: 16px;
font-weight: bold;
letter-spacing: 4px;
text-align: right;
height: 21px;
position: relative;
filter:
progid:DXImageTransform.Microsoft.gradient(gradientType=1,enabled='true',startColorstr
='#000000',endColorstr='#2D2D2D');
}
h3 {
border-bottom: rgb(0, 0, 0) 1px dotted;
border-left: 1px none;
border-right: 1px none;
border-top: 1px none;
padding: 2px;
width: 400px;
display: block;
background: rgb(40, 40, 40);
color: rgb(91, 91, 101);
font: 12px;
font-weight: normal;
letter-spacing: 0px;
text-align: center;
}
h5 {
padding-left: 2px;
width: 150px;
display: block;
color: rgb(204, 204, 255);
font-size: 12px;
font-weight: normal;
filter:
progid:DXImageTransform.Microsoft.gradient(gradientType=1,enabled='true',startColorstr
='#000000',endColorstr='#2D2D2D');
}
img{
border: rgb(0, 0, 0) 1px none;
}
img.thumbnail {
border: rgb(0, 0, 0) 1px solid;
margin: 0px;
padding: 0px;
background: rgb(45, 45, 45);
verticalal-align: middle;

}input {
border: rgb(0, 0, 0) 1px solid;
}
table.thumbnail {
width: 10%;
}
td {
border: 1px none;
background: none;
border-collapse: collapse;
empty-cells: show;
}
td.message_body {
border-bottom: rgb(0, 0, 0) 1px dotted;
border-left: 1px none;
border-right: 1px none;
border-top: 1px none;
display: block;
background: rgb(40, 40, 40);
}
.caption {
color: rgb(95, 121, 216);
font-size: 12px Verdana, Tahoma, Helvetica, sans-serif;
font-style: italic;
}
.display {
border: rgb(0, 0, 0) 1px solid;
margin-top: 1em;
background: rgb(0, 0, 0);
filter:
progid:DXImageTransform.Microsoft.Shadow(color="#141414",Direction=135,Strength=5);
}
.lid{
background: rgb(55, 55, 55);
color: rgb(102, 102, 102);
font: 11px Verdana, Tahoma, Helvetica, sans-serif;
text-decoration: none;
}
.message_body {
margin: 0px 0px 0px;
color: rgb(91, 91, 101);
font: 10px Verdana, Tahoma, Helvetica, sans-serif;
}
.sb{
background: rgb(91, 91, 101);
color: rgb(204, 204, 255);
font: 12px Verdana, Tahoma, Helvetica, sans-serif;
text-decoration: none;
}



BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }


BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }