<!--
body {
	background-image: url(../images/bg.jpg);
	padding: 30px 0 0 0;
}

.contenttext{
font: 11px Arial, Helvetica, sans-serif;
color: #ffffff;
}

.catalogueleft-text{
font: 11px Arial, Helvetica, sans-serif;
font-weight:bold;
color: #c7bdbd;
}

.catalogueright-text{
font: 10px Arial, Helvetica, sans-serif;
font-weight:bold;
color: #ffffff;
}  

.footer{
font: 11px Arial, Helvetica, sans-serif;
color: #ffffff;
padding-top:10px;
}

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position:absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #ffffff;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: #4d4d4d;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
font: bold 12px Tahoma;
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

.class0 A:link {text-decoration: none; color: #f7e7d6;}
.class0 A:visited {text-decoration: none; color: #f7e7d6;}
.class0 A:hover {text-decoration: none; color:#f7e7d6;}

.class1 A:link {text-decoration: none; color: #c7bdbd;}
.class1 A:visited {text-decoration: none; color: #c7bdbd;}
.class1 A:hover {text-decoration: underline; color:#c7bdbd;}

.class2 A:link {text-decoration: none; color: #ffffff;}
.class2 A:visited {text-decoration: none; color: #ffffff;}
.class2 A:hover {text-decoration: underline; color:#ffffff;}

.class3 A:link {text-decoration: none; color: #c7bdbd;}
.class3 A:visited {text-decoration: none; color: #c7bdbd;}
.class3 A:hover {text-decoration: underline; color:#c7bdbd;}