img {
   border:0;
}

td.maincontent {
  padding-right:10px;
}

div#pageMainBody, div#pageMainBody td {
  line-height:140%;
}

div.swfcontainer {
   margin-left: -10px;
   margin-right: -10px;
   margin-top: -20px;
}

div#headline {
        margin: -5px -10px 7px -10px;
        padding: 10px 0px 10px 10px;
}

div#navCatContent11 a.nav { color: #fffc00; }
div#navCatContent11 a.nav:active { color: #fffc00; }
div#navCatContent11 a.nav:hover { color: #494949;}

table.rangebuttons {
  width:100%;
}

table.rangebuttons td{
  width:16%;
  text-align: center;
}

#prodbrdcrumb {
        padding-bottom: 10px;
}

div#cartbar {
        padding-bottom: 5px;
}

#footerpanel li a { 
    text-decoration: none;
}

ul.footernavlist {
	color: #444444;
	font-family: ;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
	margin: 0;
	/* Use top/bottom padding to adjust the overall height of the bar */
	padding: 3px 0px 3px 0px;
}

#footerpanel ul.footernavlist li {
	display: inline;
	list-style-type: none;
	margin-left: 0px; /* Small negative value shifts each nav link left; on mouseovers, can help line up borders and cover left gap  */
}

#footerpanel ul.footernavlist li a {
	font-family: verdana, sans-serif;
	font-size: 9px;
	font-weight: normal;
	padding: 2px 5px 2px 5px;
}
#footerpanel ul.footernavlist li a:visited {}
#footerpanel ul.footernavlist li a:hover {
	text-decoration: none;
	border-top: 0px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 0px solid transparent;
	padding: 2px 5px 2px 5px;
}
#footerpanel ul.footernavlist li a:active { }


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:350px;
			height:350px;
			position:relative;
			}	
	/* 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;
			margin-top:300px;
			padding-right: 1px;
			}	

	/* set height of tn images in ul, the browser will resize down to this in proportion  */		
		ul#cssgallery a img.tn{
			height:50px;
			}
	/* 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:300px;
			float:left;
			top:0;
			left:0;
			display:block;
			background:#ffffff;
		}