#imgTransition.absoluteZeroPosition {
	position:absolute;
	left:0px;
	top:0px;
}

/* IMAGE TRANSITION */
#imgTransition.hidden {
	display:none;
}
#imgTransition.displayed {
	display:block;
}
#imgTransition.inactive {
	z-index: 1;
}
#imgTransition.active {
    z-index:120;
}
#transitions-container {
	position:relative;
}
#transitions-container IMG {
	position:absolute;
    top:0;
    left:0;
	border:none;
}
#transitions-thumbs-container IMG {

}
#transitions-thumbs-container #thumbnailDecor {
	float:left;	
	height:64px;
	width:118px;
	
}

#transitions-thumbs-container {
	position:absolute;
	padding-top:5px;
	left:0px;
	/* we are using inline styles for width and height so that we do not have to
	wait for this sheet to load before proceeding with the container configuration. */
	/*height:135px;
	width:900px;*/	
	z-index:150; /* to sit above the images, must always be greater than 120 */	
	background-image:url(../images/bkg_1px_90pct.png);
}
#transitions-keyboard_anim-container {
	position:absolute;
	padding-top:5px;
	left:0px;
	/* we are using inline styles for width and height so that we do not have to
	wait for this sheet to load before proceeding with the container configuration. */
	z-index:151; /* to sit above the thumbs container, must always be 1 more */	
	background-image:url(../images/bkg_1px_90pct.png);
}
#transitions-thumbs {
	position:relative;
}
#transitions-thumbs-boundary {
	/* IE9 is buggy with overflow hidden if position is not set to relative */
	position:relative;
	overflow:hidden;
}
#thumbs-container-prevarrow {
	background-image:url(../images/thumbsNavLeftArrow.png);
	background-repeat:no-repeat;
	background-position:center;
}
#thumbs-container-prevarrow:hover{ 
	background-image:url(../images/thumbsNavLeftArrow_over.png);
	cursor:pointer;
}
#thumbs-container-nextarrow {
	background-image:url(../images/thumbsNavRightArrow.png);
	background-repeat:no-repeat;
	background-position:center;
}
#thumbs-container-nextarrow:hover{ 
	background-image:url(../images/thumbsNavRightArrow_over.png);
	cursor:pointer;
}

#imgTransition.thumbselected {
	opacity: 0.35;    
	filter: alpha(opacity=65); /* older IE compatibility */
}
#imgThumb {
	border:solid;
	border-color:transparent;
	border-width:2px;	
}
#imgThumb.thumbselected {
	border-width:2px;
	border-style:solid;
	border-color:#000;
}
#imgThumb.thumbHover{
	border-width:2px;
	border-style:solid;
	border-color:#C4B7A6;
}
/* END MAGE TRANSITION */