/* Layout Rules ------------------------------- */
#wrap 			{width:581px; height:247px; position:relative}
#wrap .previews	{position:absolute; z-index:3; padding:0px; width:70px; height:247px; text-align:right; margin:0px 0px 0px 491px}
#wrap .picture	{position:absolute; z-index:2; padding:0px; width:581px; height:247px}

#controls		{width:100px}

.SpryHiddenRegion	{visibility:hidden}

/* Gallery and Playback Controls -------------- */
#gallerySelect		{width:100px}
#galleries			{margin:0 auto 20px auto}
#galleries label 	{padding-bottom:0px}
#galleryLinks a 	{color:white; text-decoration:none}

#transport			{margin:0; padding:0; list-style:none}
#transport li		{float:left; margin:0; padding:0; text-align:center}
#transport a 		{margin:0px; padding:0px; width:68px; float:left; display:block; -moz-user-select:none; -khtml-user-select:none}
#transport a:link	{}
#transport a:visited{}
#transport a:hover 	{}
#transport a:focus	{-moz-user-select: none; -khtml-user-select: none}
#transport .playBtn .pauseLabel {display:none}
#transport .pauseBtn .playLabel {display:none}

#thumbnails		{clear:both; margin:5px}
#thumbnails div	{position:relative; width:68px; height:29px; margin:5px; padding:0; float:left}
#thumbnails img	{position:absolute; width:68px; height:29px; border:solid 1px #ffffff}

#mainImageOutline	{overflow:hidden; background-color:#ffffff}
#mainImageOutline a	{overflow:hidden; background-color:#ffffff}
#mainImage			{width:100%; height:100%}
#mainImage a		{width:100%; height:100%}

#picture img	{background-color:#ffffff}

.selectedThumbnail	{border:solid 1px #ff9900 !important}
.inFocus			{border:solid 2px #ffffff !important}

/* Utility IDs, classes, and HTML selectors
----------------------------------------------- */
.clear		{visibility:hidden; display:block; clear:both; height:0px; margin:0; padding:0}
.ClearAll	{clear:both; height:0; font-size:0; line-height:0}