td.maincontent {
   line-height: 1.5em;
}

ul {
        list-style-image: url("http://www.goodasnewltd.co.uk/images/bullet.gif");
        list-style-type: none;
        line-height: 1.5em;
}


table.cssgallerytable td{
       background: transparent;
}
      
	/* cssgallery specific.
	   This version adapted to have a background image to start off  */	
	
	ul#cssgallery, ul#cssgallery li{
			margin:0;
			padding:0;
			list-style:none;
			}
			
	/* set height and width of main and tn images in ul  */				
		ul#cssgallery{
			width:450px;
			height:540px;
			position:relative;
padding-top:340px;
			}	

	/* set top margin of li, this is where main image goes
	   It is normally difference between tn height and total height */													
		ul#cssgallery li{
			float:left;
			display:inline;

			padding-right: 2px;
			}	

	/* set height of tn images in ul, the browser will resize down to this in proportion  */		
		ul#cssgallery a img.tn{
			height:95px;
			}
	/* set image border to 0 in ul  */		
		ul#cssgallery a img{
			border:0;
			}
	/* all spans in teh gallery are not displayed initially
	   this is also a fix for IE6, as cant specify img in span on hover  */					
		ul#cssgallery a span{
			display:none;
			}

	/* the background span, this set behind other elements and set to display.
	   in the html, the same image reference needs only to be in 
	   the first li in the ul.  On hover, this image is overlayed by the main span */				

		ul#cssgallery a span.bg {
			position:absolute;
			width:inherit;
			float:left;
			top:0;
			left:0;

			display:block;
			}			

	/* this is the main hover, setting the contents to the front, and no background.
	   The order of these 2 statements is crucial for IE6  */	
		ul#cssgallery a:hover {
			z-index:100;
			background:none;
		}					
							
	/* the main span, this overlays the existing diaplayed image on hover
	   the white background is needed where an image is smaller than the first image  */	
		ul#cssgallery a:hover span {
			position:absolute;
			height:340px;
			float:left;
			top:0;
			left:0;
			display:block;
			background:#ffffff;
		}