/* larger rightColumn to accomodate flash pieces. */
table#lowerBody .mainColumn .subLayoutTableA .centerColumn {
	width: 442px;
	/* overrides 483px width to expand 215px rightColumn to 256px. */
}

.viewLargerDiv { margin-top: 0.5em; }

.photoGalleryTable { width: 90%; }
.photoGalleryTable td { width: 20%; padding-bottom: 1.5em; }

.colorStroke { border: solid 1px #a7a19a; }
.rightColumnTitle { margin-top: 20px; }

.threeColumnModelsTable { width: 100%; }
.threeColumnModelsTable td { width: 30%; padding-bottom: 1.5em; }
.threeColumnModelsTable td.gutter { width: 5%; }
.threeColumnModelsTable td h3 { font-size: 100%; }
.threeColumnModelsTable td .text {
	/* basis for overrides */
	.height: 1em;    /* IE6/IE7 only */
	min-height: 1em; /* other browsers */
}

.footnotes {
	margin-top: 37px;
	color: #a7a19a;
}

/******************************************************************************
Slideshows
******************************************************************************/

/* will we use this? */
#geaheader {
	padding-top: 10px;
}

/* will we use this? */
#slideshowHeading {
	padding-top: 16px;
}
#slideshowHeading img {
	vertical-align: top;
}

/* will we use this? */
#slideshowBody {
	padding-top: 5px;
}

#slideshowTable {
	width: 100%;
}
#slideshowLeftCell {
	width: 482px;
}
#slideshowRightCell {
	/* let the width be whatever it is. */
}
#slideshowRightCell_inner {
	padding-left: 12px;
}

#slideshowPhoto img {
	border: solid 1px #c0c0c0;
}

#slideshowText {
	.height: 159px; /* IE only, will expand as needed */
	min-height: 159px; /* for Firefox, since it strictly enforces height */
	overflow: visible; /* for Firefox */
}
#slideshowText .slideshowPhotoTitle {
	/* dynamically generated.  see /code/js/slideshow.js. */
	font-size: 115%;
	margin: 0;
	font-weight: bold;
}
#slideshowText .slideshowPhotoSubtitle {
	/* subtitles are things like "(Available December 2005)". */
	/* dynamically generated.  see /code/js/slideshow.js. */
	margin: 0;
}
#slideshowText .slideshowPhotoComment {
	/* subtitles are things like "Only GE has it!". */
	/* dynamically generated.  see /code/js/slideshow.js. */
	font-size: 100%;
	margin: 0;
	font-weight: bold;
	font-style: italic;
	color: #ed8000;
}
#slideshowText .slideshowPhotoDescription {
	/* dynamically generated.  see /code/js/slideshow.js. */
	margin: 0;
	padding-bottom: 10px;
}
#slideshowText .slideshowPhotoFootnotes {
	/* dynamically generated.  see /code/js/slideshow.js. */
	margin: 0;
	margin-top: 15px;
	padding-bottom: 10px;
	color: #999999;
}

#slideshowNavigation {
	width: 198px;
	height: 23px;
}
#slideshowNavigation img.seethru {
	vertical-align: top;
}
#slideshowNavigationPrevious {
	float: left;
	font-weight:bold;
}
#slideshowNavigationNext {
	float: right;
	font-weight:bold;
}

#slideshowThumbnails {
	height: 320px; /* 69px for each row */
	width: 218px; /* 66px for each column + 20px for scrollbar */
	overflow: auto;
	line-height: 0; /* In Firefox, this eliminates the extra vertical space
		between lines consisting purely of images, */
	position: relative; /* Firefox requires this for dynamic scrolling to
		work properly.  This causes thumbnails to have offsetTop
		relative to the slideshowThumbnails element. */
}
#slideshowThumbnails img {
	margin: 2px;
	border: 1px solid #968b7d;
	opacity: 0.75;
	filter: alpha(opacity=75); /* see below */
}
#slideshowThumbnails a:hover img {
	margin: 1px; /* keep border + margin the same to prevent image shifting */
	border: 2px solid #c0b9b1;
	opacity: 1.00;
	filter: alpha(opacity=100); /* see below */
}
#slideshowThumbnails img.selected {
	margin: 1px; /* keep border + margin the same to prevent image shifting */
	border: 2px solid #968b7d;
	opacity: 1.00;
	filter: alpha(opacity=100); /* see below */
}
/* NOTE: in MSIE, removing the opacities will cause the image border width
   changing on hover to stop working, and the border color changing to stop
   working reliably.  But wait, there's more.  The default opacity *must*
   be different from the on-hover opacity. */