/* -- detail.css -- */

#centre
{
    width: 580px;
    padding-left: 30px;
}
#headingLeft {float:left; margin: 0; width:420px;}
    #headingLeft h1 {font-size: 11px; color: #eeaddd; font-weight: bold; padding: 10px 0 10px 20px}
    #headingLeft h1 span {font-weight:normal}
    #headingLeft p {font-size: 10px; color: #999; font-weight: normal; padding: 10px 0 10px 20px; line-height: 1.25em;}
#headingRight {float:left; width:120px;text-align:right}
    #headingRight p {font-size: 10px; color: #999; font-weight: normal; padding: 10px 20px 0 0; line-height: 1.25em;}
    #headingRight a {text-decoration: none; color: #999;}
    #headingRight a:link {text-decoration: none; color: #999;}
    #headingRight a:hover {text-decoration: underline; color: #eeaddd;}
#gallery
{
    width: 550px;
    margin: 0 0 0 0;
    background: transparent url(../images/centreBoxBG.jpg) no-repeat top left;
}
#slideshow img
{
    width:508px;
    height:508px;
    border:1px solid #ccc;
}
#thumbholder
{
    background:#000;
    width:450px;
    height:82px;
    margin-left:10px;
    padding:10px;
}

ul.thumbs {
    clear: both;
    margin: 0;
    padding: 0;
}
ul.thumbs li {
    float: left;
    padding: 0;
    margin: 0px 10px 0px 0;
    list-style: none;
}
a.thumb {
    padding: 0px;
    display: block;
}
ul.thumbs li.selected a.thumb {
    border-color: #fff;
}
a.thumb:focus {
    outline: none;
}
ul.thumbs img {
    border: 1px solid #ccc;
    display: block;
}

#detail,
#detail1
{
    margin-left:18px;
}

#detail .fr
{
    margin-right:20px;
}