tr.NavLinks   { color: D3D3D3; font-size: 9pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration:none }
tr.NavLinks a  { color: blue; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration:none }

td.HomePageHeaderZoneTextHeader  { color: black; font-weight: bold; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
td.HomePageHeaderFootnotes { color: black; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
td.PageBodyText { color: black; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
td.PageBodyTitle { color: black; font-size: 14pt; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

.RibbonTextTitle a  { color: 696969; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration:none }
td.RibbonTextTitleBold a    { color: #900; font-weight: bold; font-size: 9pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
td.RibbonTextTitle a   { color: #900; font-size: 9pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
td.RibbonText a   { color: #696969; font-size: 9pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
td.RibbonTextPrice a   { color: #696969; font-weight: bold; font-size: 9pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }

td.RibbonTextTitleBold2 a    { color: #900; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
td.RibbonTextTitle2 a   { color: #900; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
td.RibbonText2 a   { color: #696969; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
td.RibbonTextPrice2 a   { color: #696969; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
td.RibbonTextSeeMore2  a  { color: #900; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }

td.MarketplaceTextTitle    { color: #900; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
td.MarketplaceTextPrice    { color: black; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
td.MarketplaceText   { color: black; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
td.MarketplaceNewRefurb   { color: #900; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
td.MarketplaceClickLink a    { color: #900; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }


#AdZone_01_bannercontainer   { position: absolute; z-index: 3 } 
#AdZone_02_bannercontainer   { position: absolute; z-index: 2 } 
#AdZone_04_bannercontainer   { position: absolute; z-index: 2 } 
#AdZone_03_bannercontainer   { position: absolute; z-index: 1 }	

/* Holding container that encloses the others */
.gallerycontainer{
	position: relative;
	z-index: 10;		/* Had to add for IE6 or images would sit behind lower 728x90 banner and z index must be larger than the 728x90 banner z index */
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

/* When original image loads on page load */
.thumbnail img{
	 border: 0px solid black;  /* border around smaller image */
	margin: 0px 0px 0px 0px;	
}

.thumbnail:hover{
	background-color: transparent;
}

/* When original image is hovered over */
.thumbnail:hover img{
	  border: 0px solid black; 	/* border around hovered image */
}

/* When the page 1st loads this sets the attributes of the span that contains the enlarged image */
.thumbnail span{ 			/*CSS for enlarged image*/
	position: absolute;
	z-index: 10;			/* Had to add for IE6 or images would sit behind lower 728x90 banner and z index must be larger than the 728x90 banner z index */
	background-color: #f5f5f5;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-decoration: none; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 9pt; 
	font-weight: none;
	color: black; 			/* font text color */	
	left: -1000px;
	border: 1px solid black;
	visibility: hidden;
	text-decoration: none; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 9pt; 
	font-weight: none;
	color: black; 			/* font text color */
}

.thumbnail span img{ 		/*CSS for enlarged image*/
	border-width: 0;
	padding: 0px;			/* this is ADDITIONAL padding added around the image but the hover span padding comes 1st then this image padding */
}

.thumbnail:hover span{ 		/*CSS for enlarged image*/
	visibility: visible;
	top: 175px;			/* This number is based on where exactly we inserted the outer container.  whether it is at the top of the screen or at the top of the showcase bar.  */
	left: 75px;			/* left: 230px; position where enlarged image should offset horizontally */
	z-index: 10;
	display: block;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-decoration: none; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 9pt; 
	font-weight: none;
	color: black; 			/* font text color */
}