.BackgroundMask
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: Black;
    filter: alpha(opacity=20);
    -moz-opacity: .20;
    opacity: .20;
    z-index: 101;
    cursor: wait;
    visibility: hidden;
}

.BackgroundLoading
{
    position: fixed;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 50%;
    height: 80px;
    width: 120px;
    border: 2px solid #CCCCCC;
    background-color: #fff;
    z-index: 102;
    margin: -35px 0px 0px -55px;
    padding: 0px;
    background-image: url( 'http://www.resultsfast.co.uk/img/Loading_50x100.gif' );
    background-position: 7px 15px;
    background-repeat: no-repeat;
    visibility: hidden;
}

#PopUpImage
{
    position: fixed;
    width: 0px;
    height: 0px;
    top: 40%;
    left: 50%;
    background-color: #4B4C4E;
    z-index: 200;
    visibility: hidden;
    overflow: hidden;
}

#PopUpImage #MyImage
{
    position: absolute;
    top: 55px;
    left: 35px;
    float: left;
}

#PopUpImage #PopUpLinks
{
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
    display: none;
    padding-top: 25px;
}

#PopUpImage #PopUpLinks .Close
{
    position: absolute;
    top: 10px;
    left: 17px;
}

* html .BackgroundMask   
{   
    position: absolute;   
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');   
}   

* html #PopUpImage   
{   
    position:relative; 
    top:-550px;
}

#SmallImageBanner
{
	width:915px;
	float:left;
	clear:both;
    } 

.ImageSmall
{
    width: 100px;
    text-align: center;
    float: left;
    padding: 4px;
    margin-right: 6px;
}

.ImageSmall img
{
    border: 1px solid #CC0000;
    width: 100px;
    height: 100px;
    float: left;
    margin-bottom: 3px;
    cursor: pointer;
}

.ImageSmall a
{
    font-weight: bold;
}