body {
margin: 0;
padding: 0;
color: #BBBBBB;
background: #000000;
font: 10pt arial, sans-serif;
}

h1{
font: 36pt "Firenze SF", "arial narrow", arial, sans-serif;
color: #DDDDDD;
margin: 5px 0;
padding: 5px 0;
display: block;
border-bottom: #555555 2px solid;
clear: both;
}
h1 span.smallheading {
font-size: 20pt;
}
/* h2 only added jan 08 - a lot of h3 need to become h2, so currently the same size, colour etc */
h2 {
font: 14pt arial, sans-serif;
color: #FFFFFF;
display: block;
border-top: #555555 1px solid;
margin: 5px 0 10px 0;
padding: 10px 0 0 0;
}
h3 span.smallheading {
font-size: 12pt;
}

h3 {
font: 14pt arial, sans-serif;
color: #FFFFFF;
display: block;
border-top: #555555 1px solid;
margin: 5px 0 10px 0;
padding: 10px 0 0 0;
}
h3 span.smallheading {
font-size: 12pt;
}

h4{
font: 14pt arial, sans-serif;
}
h5{
color: #FFFFFF;
font: 12pt "Comic Sans MS", arial, sans-serif;
}

p, td {
font: 10pt/16pt arial, sans-serif;
text-align: left;
}
p.centertext {
text-align: center
}
p a, td a, h3 a, h2 a, li a {
text-decoration: none;
color: #BBBBBB;
margin: 0;
padding: 0 0 2px 0;
border-top: #000000 1px solid;
border-left: #000000 1px solid;
border-right: #000000 1px solid;
border-bottom: #FFFFFF 1px solid;
}
p a:hover, td a:hover, h3 a:hover, h2 a:hover, li a:hover {
color: #000000;
border: #FFFFFF 1px solid;
background-color: #BBBBBB;
}

span.highlight, p span.highlight, td span.highlight, tr span.highlight td, tr.highlight td, li span.highlight {
color: #FFFFFF;
font: 12pt "Comic Sans MS", arial, sans-serif;
}

ul.permissions li {
margin-bottom: 10px;
}


/*..............ROUND EVERYTHING.............*/

div#roundeverything {
position: relative;
top: 12px;
margin-left: 10px;
margin-right: auto;
width: 97%;
border: #000000 1px solid;
}
/*should have been margin-right: 10px; and no width setting, but when no border set either IE did strange things*/


/*................LEFT STUFF..............*/

/* navigation bar is absolute positioning because only way I could get ie and moz to display the same - whole load of little differences - mainly this way gets out of defining any widths except the inner one - all the rest of the multiple borders done with padding and margins and with absolute they shrink-wrap around the inner bit.*/

div#left {
position: absolute;
left: 0px;
top: 0px;
text-align: center;
border: #222222 1px solid;
}
ul#mainnav {
list-style: none;
margin: 0;
padding: 0;      
}
ul#mainnav li {
display: block;
background-color: transparent;
border: #555555 1px solid;
margin: 2px;
padding: 2px;  
text-align: center;
}
ul#mainnav li#current-next {
background-color: #BBBBBB;
border: #FFFFFF 1px solid;
}
ul#mainnav li a {
text-decoration: none;
display: block;
width: 100px;
padding: 4px 0px;
font: 12pt "arial narrow", arial, sans-serif;
color: #BBBBBB;
border: #999999 1px solid;
text-align: center;
margin: 0;
background-color: #000000;
}
ul#mainnav li#current-top a {
color: #000000;
background-color: #BBBBBB;
}
ul#mainnav li#current-next a {
border: #FFFFFF 1px solid;
color: #FFFFFF;
}
ul#mainnav li a:hover {
color: #000000;
border: #FFFFFF 1px solid;
background-color: #BBBBBB;
}
ul#mainnav li#current-next a:hover {
color: #000000;
}

div#lowerleft {
position: absolute;
width: 140px;
left: 0px;
top: 375px;
}
div#lowerleft h3 {
color: #FFFFFF;
margin-top: 20px;
margin-bottom: 10px;
padding-bottom: 0px;
}
div#lowerleft p {
margin-top: 2px;
padding-top: 0px;
margin-bottom: 30px;
}
div#lowerleft p span.highlight {
color: #FFFFFF;
font: 10pt/16pt arial, sans-serif;
}


/*.........NOTICE.......*/


p#notice {
color: #777777;
border-top: #555555 1px solid;
border-bottom: #555555 1px solid;
margin: 30px 0px;
padding: 2px 0;
}
p#notice a {
color: #777777;
border-bottom: #555555 1px solid;
}
p#notice a:hover {
color: #000000;
border-bottom: #FFFFFF 1px solid;
}
div#main p#notice:first-letter {
font: 10pt/16pt arial, sans-serif;
color: #777777;
}



/*................CENTER STUFF..............*/

div#main { 
width: 75%;
margin-left: auto;
margin-right: auto;
position: relative;
left: 50px;
}

table.two {
border: #555555 1px solid;
}
table.two td, table.two th {
padding: 2px 2px;
margin: 0;
color: #BBBBBB;
border: #555555 1px solid;
font: 10pt/16pt arial, sans-serif;
}
table.two td.highlight, table.two th {
color: #FFFFFF;
}
table.two td.price:first-letter  {
font: 14pt arial, sans-serif;
color: #FFFFFF;
}
div#main table.two a.thumbs {
margin: 0;
padding: 0;
}

/*.... temporary_notice...*/
div.temporary_notice {
border: #FF0000 2px solid;
margin: 10px 0;
padding: 0 2px 1px 6px;
background: #555555;
color: #FFFFFF;
width: 530px;
}


/*............for originals for sale pages.........*/

div.sale_details h3, div.sale_details p {
padding-left: 100px;
}



/*............for info and exhibitions top pages.........*/

div#pic_exhib {
height: 645px;
width: 500px;
border: #555555 1px solid;
background: url(images/back_exhib.jpg) no-repeat;
text-align: center;
}
div#pic_info {
height: 645px;
width: 500px;
border: #555555 1px solid;
background: url(images/back_info.jpg) no-repeat;
text-align: center;
}
div#pic_stuff {
height: 645px;
width: 500px;
border: #555555 1px solid;
background: url(images/back_stuff.jpg) no-repeat;
text-align: center;
}

div#main a.blocks {
display: block;
text-decoration: none;
width: 200px;
padding: 8px 0 10px 0;
text-align: center;
border: #555555 1px solid;
background: #000000;
color: #DDDDDD;
font: 14pt arial, sans-serif;
clear: both;
margin-bottom: 18px;
margin-top: 18px;
margin-left: auto;
margin-right: auto;
}
div#main a:hover.blocks {
border-color: #FFFFFF;
color: #FFFFFF;
}

/*................ for 2nd levels..............*/

/*....info, stuff and exhibitions - top Nav....*/



div#themelisttop{
border: #FFFFFF 1px solid;
text-align: center;
margin: 0  auto 15px auto;
padding: 0 2px 1px 6px;
background: #555555;
float: left;
width: 534px;
}

/*........the setting "font: 9pt/16pt " below is what keeps the two lines far enough apart......*/

div#themelisttop a {
text-decoration: none;
font: 9pt/16pt arial, sans-serif;
color: #FFFFFF;
background: #555555;
border: #555555 2px solid;
padding: 0px 7px 0px 7px;
margin: 1px 5px 1px 5px;
}
div#themelisttop a.grey {
background: #333333;
}
div#themelisttop a:hover {
border: #FFFFFF 2px solid;
color: #000000;
background: #BBBBBB;
}


/*........THUMBNAILS..........*/

div#main a.thumbs {
text-decoration: none;
border: #555555 1px solid;
display: block;
height: 88px;
width: 88px;
overflow: hidden;
margin: 5px 10px 0 0;
float: left;
}
/* hyperlink displaying as a block thing is down to having trouble getting both IE and Moz to display the same way with the same style rules with respect to the border round the image and getting it to change with a:hover */

div#main a.thumbs:hover {
border: #FFFFFF 1px solid;
}
div#main a.thumbs img {
border: none;
padding: 0;
margin: 0;
}

/*........THUMBNAILS with captions - div.widemain is on cards pages..........*/

div.widemain div.thumbs {
width: 105px;
height: 145px;
float: left;
overflow: hidden;
text-align: center;
padding: 0 8px 0 0;
margin: 0 8px 0 -5px;
}
div.widemain div.thumbs a.thumbs {
border: #555555 1px solid;
display: block;
height: 88px;
width: 88px;
margin: auto;
overflow: hidden;
}
div.widemain div.thumbs a.thumbs:hover {
border: #FFFFFF 1px solid;
}
div.widemain div.thumbs a.thumbs img {
border: none;
padding: 0;
margin: 0;
}
div.widemain div.thumbs a, div.widemain div.thumbs p {
color: #BBBBBB;
margin: 0;
padding: 0;
text-align: center;
font: 10pt/13pt arial, sans-serif;
text-decoration: none;
}
div.widemain div.thumbs a:hover {
color: #FFFFFF;
background: #333333;