@charset "utf-8";
/* CSS Document */

/* ---	table of z-index
430 	img_gallery-enlarged_nav-rollover
420 	img_gallery-enlarged_nav
400 	img_gallery-enlarged_loader
330 	img_gallery-enl_pp-btn
320 	img_gallery-enl_pp-rollon
310 	img_gallery-enl_pp-rollout
300 	img_gallery-enl_pp-container
210 	img_gallery-enlarged
200 	img_gallery-enlarged_bkgd
110 	img_gallery-enlarged_img
100 	img_gallery-enlarged_container
60 		img_gallery-loader
60 		img_gallery-playpause
50 		img_gallery-main_container
50 		img_gallery-main_img
50 		img_gallery-prev_btn
50 		img_gallery-next_btn
45 		img_gallery-rollout
40 		img_gallery
*/

#img_gallery {
	position: relative;
	z-index: 40;
	width: 420px;
	margin: -20px 0px 20px 0px;
}
	#img_gallery-rollout {
		position: absolute;
		width: 610px;
		height: 445px;
		margin-top: -100px;
		margin-left: -100px;
		z-index: 45;
		background: none;
	}
	#img_gallery-main_container {
		position: relative;
		z-index: 50;
		width: 410px;
		height: 245px;
		background: #666;
		border: solid 1px #999;
		overflow: hidden;
	}
		#img_gallery-playpause {
			position: absolute;
			top: 50%;
			left: 50%;
			z-index: 60;
			margin: -18px 0px 0px -18px;
			border: solid 2px #fff;
			cursor: pointer;
			opacity: .7;
		}
			#img_gallery-playpause-btn {
				position: relative;
			}
		#img_gallery-loader {
			position: absolute;
			top: 50%;
			left: 50%;
			z-index: 60;
			margin: -16px 0px 0px -16px;
		}
		#img_gallery-main_img {
			z-index: 50;
			cursor: url('magnify.cur'), pointer;
		}
	#img_gallery-caption {
		padding: 3px 0px;
	}
	#img_gallery-caption, 
	#img_gallery-caption * {
		/* font-family: Georgia, "Times New Roman", Times, serif; */
		font-size: 11px;
		color: #777;
	}
	#img_gallery-nav {
		position: relative;
		width: 420px;
		height: 50px;
		margin-top: 5px;
	}
		#img_gallery-prev_btn {
			float: left;
			width: 25px;
			height: 50px;
			z-index: 50;
			margin-right: 26px;
			background: #fff url('left-prev_wedge.png') no-repeat;
			background-position: 9px 17px;
			border: solid 1px #999;
		}
		#img_gallery-thumb_container {
			position: relative;
			float: left;
			width: 305px;
			height: 60px;
			margin-right: 26px;
			overflow: hidden !important;
		}
			#img_gallery-thumb_slide {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 9999px;
				height: 60px;
			}
				.img_gallery-thumb, 
				.img_gallery-thumb_curr, 
				.img_gallery-thumb_old {
					float: left;
					width: 66px;
					height: 50px;
					margin-right: 11px;
					white-space: nowrap;
					border: solid 1px #999;
					cursor: pointer;
					background: #fff;
					overflow: hidden;
				}
					/* any changes below also be updated in ie.css for internet explorer styles */
					.img_gallery-thumb img {
						opacity: .6;
					}
					.img_gallery-thumb_curr img {
						opacity: 1;
					}
					.img_gallery-thumb_old img {
						opacity: .3;
					}
		#img_gallery-next_btn {
			float: left;
			width: 25px;
			height: 50px;
			z-index: 50;
			background: #fff url('right-next_wedge.png') no-repeat;
			background-position: 10px 17px;
			border: solid 1px #999;
		}
		/* make changes to ie.css when changing here */
		.img_gallery-btn_on {
			opacity: 1;
			cursor: pointer;
		}
		.img_gallery-btn_off {
			opacity: .5;
			cursor: default;
		}

#img_gallery-enlarged_container {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 100;
	width: 100%;
	height: 100%;
}
	#img_gallery-enlarged_bkgd {
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 200;
		width: 100%;
		height: 100%;
		background: #666;
		opacity: .8;
		cursor: pointer;
	}
	#img_gallery-enlarged {
		position: absolute;
		z-index: 210;
		top: 50%;
		left: 50%;
	}
	
		/* ---	enlarged view -- play/pause buttons, controls */
		#img_gallery-enl_pp-container {
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 300;
			width: 100%;
			height: 100%;
		}
			#img_gallery-enl_pp-btn {
				position: absolute;
				top: 50%;
				left: 50%;
				z-index: 330;
				margin: -18px 0px 0px -18px;
				border: solid 2px #fff;
				cursor: pointer;
				opacity: .7;
			}
			#img_gallery-enl_pp-rollon {
				position: absolute;
				top: 20%;
				left: 20%;
				z-index: 320;
				width: 60%;
				height: 60%;
			}
			#img_gallery-enl_pp-rollout {
				position: absolute;
				top: 0px;
				left: 0px;
				z-index: 310;
				width: 100%;
				height: 100%;
			}
		
		/* ---	enlarged view -- navigation captions, controls */
		#img_gallery-enlarged_nav {
			position: absolute;
			top: 1px;
			right: -1px;
			z-index: 420;
			width: 100%;
			height: 20px;
			text-align: right;
			background: url('fff_alpha70.png' ) repeat;
			overflow: hidden;
		}
			#img_gallery-enlarged_nav-rollover {
				position: absolute;
				top: 0px;
				left: 0px;
				z-index: 430;
				width: 60%;
				height: 100%;
			}
			#img_gallery-enlarged_nav-caption {
				float: left;
				width: 60%;
				padding: 0px;
				margin-left: 5px;
				/* font-family: Georgia, "Times New Roman", Times, serif; */
				font-size: 11px;
				color: #666;
				text-align: left;
			}
				#img_gallery-enlarged_nav-caption * {
					/* font-family: Georgia, "Times New Roman", Times, serif; */
					font-size: 11px;
					color: #666;
				}
			.img_gallery-enlarged_nav-btn, 
			.img_gallery-enlarged_nav-btn_off {
				display: inline;
				margin-left: 15px;
				margin-right: 5px;
				padding: 3px 0px;
				color: #666;
				font-size: 12px;
				text-transform: uppercase;
			}
			.img_gallery-enlarged_nav-btn {
				opacity: 1;
				cursor: pointer;
			}
			.img_gallery-enlarged_nav-btn_off {
				opacity: .4;
				cursor: default;
			}
				.img_gallery-enlarged_nav-btn img, 
				.img_gallery-enlarged_nav-btn_off img {
					margin-top: -1px;
					vertical-align: middle;
				}
		
		
		
		#img_gallery-enlarged_loader {
			position: absolute;
			top: 50%;
			left: 50%;
			z-index: 400;
			margin: -20px 0px 0px -20px;
			padding: 4px;
			background: #666;
		}
		#img_gallery-enlarged_img {
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 110;
			background: #666;
			border: solid 1px #999;
		}
