/***********************************************************
process.css
**********************************************************/

#header ul#navigation li#process a {
	background-position: 0 -44px;
}

#container #content {
	background: url(/img/bg/main_pills6.jpg) bottom center no-repeat;
}

#content {
	padding-bottom: 65px;
}
	#content h1 {
		width: 151px;
		background: url(/img/titles/h1_our_process.gif) no-repeat;
		text-indent: -9000px;
		height: 44px;
		font-size: 0;
	}
	#content ol {
		margin-bottom: 33px;
	}
		#content ol li {
			float: left;
			margin-right: 13px;
		}
			#content ol li a {
				display: block;
				width: 105px;
				height: 22px;
				overflow: hidden;
				text-indent: -9000px;
				background-position: 0 0;
				background-repeat: no-repeat;
			}
			#content ol li a:hover {
				background-position: 0px -22px;
			}
			#content ol li.active a {
				background-position: 0 -44px !important;
			}
			#content ol li#nav_pharmacy a {
				background-image: url(/img/process/nav/pharmacy.gif);
			}
			#content ol li#nav_granulation a {
				background-image: url(/img/process/nav/granulation.gif);
			}
			#content ol li#nav_blending a {
				background-image: url(/img/process/nav/blending.gif);
			}
			#content ol li#nav_compression a {
				background-image: url(/img/process/nav/compression.gif);
			}
			#content ol li#nav_encapsulation a {
				background-image: url(/img/process/nav/encapsulation.gif);
			}
			#content ol li#nav_coating a {
				background-image: url(/img/process/nav/coating.gif);
			}
			#content ol li#nav_packaging a {
				background-image: url(/img/process/nav/packaging.gif);
			}
			
#content #frame {
	width: 100%;
	position: relative;
	clear: both;
}
	#steps .step { height: 354px; }
	#frame .overlay {
		display: none;
	}
		#frame .overlay .arrow {
			display: none;
		}
	#frame #overlay_prev {
		left: 0;
		background: url(/img/process/fade.left.alt.png);
		_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/process/fade.left.alt.png', sizingMethod='scale');
	}
	#frame #overlay_prev.over {
		left: 0;
		background: url(/img/process/fade.left.alt.hover.png);
		_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/process/fade.left.alt.hover.png', sizingMethod='scale');
	}
	#frame #overlay_next {
		right: 0;
		background: url(/img/process/fade.right.alt.png);
		_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/process/fade.right.alt.png', sizingMethod='scale');
	}
	#frame #overlay_next.over {
		right: 0;
		background: url(/img/process/fade.right.alt.hover.png);
		_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/process/fade.right.alt.hover.png', sizingMethod='scale');
	}
		#frame #overlay_prev .arrow {
			left: 0;
			background: url(/img/process/arrow.left.png);
			_background: none;
			_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/process/arrow.left.png', sizingMethod='crop');
		}
		#frame #overlay_next .arrow {
			left: 0;
			background: url(/img/process/arrow.right.png);
			_background: none;
			_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/process/arrow.right.png', sizingMethod='crop');
		}
	#frame a.nav {
		display: none;
	}
	#frame a.nav#nav_prev {
		left: 0;
	}
	#frame a.nav#nav_next {
		right: 0;
	}
	#frame #scroller {
		width: 100%;
		position: relative;
	}
		#frame #scroller #steps {
			
		}
			#steps .step {
				width: 706px;
				background-repeat: no-repeat;
				position: relative;
				margin: 0 auto;
			}
				#steps .step .description {
					width: 396px;
					padding-top: 34px;
				}
					#steps .step .description h2 {
						height: 47px;
						overflow: hidden;
						background-repeat: no-repeat;
						text-indent: -9000px;
						border-bottom: 1px solid #22669c;
						margin-left: 40px;
					}
					#steps .step .description p {
						margin-top: 15px;
						margin-left: 40px;
						font-family: Georgia, "Times New Roman", Times, serif;
						color: #76b9ec;
						font-size: 1.7em;
						line-height: 1.35;
					}
				#steps .step .video {
					background: #fff;
					position: absolute;
					top: 39px;
					right: 45px;
					width: 232px;
					height: 184px;
					z-index: 5;
				}
					#steps .step .video p {
						color: #8a8a8a;
						font-family: Georgia, "Times New Roman", Times, serif;
						font-size: 11px;
						font-style: italic;
						width: 216px;
						margin: 0 auto;
						border-bottom: 1px solid #cdcdcd;
						line-height: 30px;
					}
						#steps .step .video p em {
							color: #424242;
						}
					#steps .step .video a.thumbnail {
						display: block;
						width: 216px;
						height: 139px;
						border-top: 7px solid #fff;
						margin: auto;
						text-indent: -9000px;
						background-repeat: no-repeat;
						background-position: 0 0;
					}
					#steps .step .video a.thumbnail:hover {
						background-position: bottom left;
					}
					
					/* step 7: packaging : multiple videos */
					#steps .step .video .row.last {
						background: url(/img/process/vid_multibg.gif) top center no-repeat;
						clear: both;
						padding-top: 1px;
					}
					#steps .step .video .clip {
						float: left;
						width: 104px;
						border-left: 8px solid #fff;
					}
						#steps .step .video .clip p {
							width: 100%;
							line-height: 23px;
							border: none;
						}
						#steps .step .video .clip a {
							width: 104px;
							height: 63px;
							border-top: none;
							border-bottom: 4px solid #fff;
							cursor: pointer;
						}
					#steps .step .video .clip.comingsoon {
					
					}
						#steps .step .video .clip.comingsoon p {
							color: #b1b1b1;
						}
						#steps .step .video .clip.comingsoon a {
							cursor: default;
						}
				#steps .step .video_player {
							position: absolute;
							z-index: 20;
							top: 0;
							left: 0;
				}
					#steps .step .video_player .overlay {
						position: absolute;
						top: 3px;
						left: 3px;
						width: 694px;
						height: 347px;
						background: #083f6c;
						opacity: 0.55;
						filter:alpha(opacity=55);
					
					
					}
					#steps .step .video_player .player {
						position: absolute;
						top: 14px;
						left: 135px;
						z-index: 25;
						width: 425px;
						height: 326px;
						background: #fff;
					}
						#steps .step .video_player .player .flashmovie {
							margin: 0 0 0 6px;
							background: #fff;
						}
						#steps .step .video_player .player p.title {
							font-family: Georgia, "Times New Roman", Times, serif;
							color: #8a8a8a;
							font-size: 1.2em;
							line-height: 36px;
							padding-left: 8px;
							height: 36px;
							overflow: hidden;
							float: left;
							font-style: italic;
						}
						#steps .step .video_player .player a.close {
							float: right;
							display: block;
							height: 25px;
							width: 25px;
							text-indent: -9000px;
							background-repeat: no-repeat;
							background-position: top;
							background-image: url(/img/buttons/video.close.gif);
							border-right: 5px solid #fff;
							border-top: 6px solid #fff;
						}
						#steps .step .video_player .player a.close:hover {
							background-position: bottom;
						}
			/* graphic headers, background, video thumbs */
			/* gallery thumbs are in gallery.css */
			#steps #pharmacy { background-image: url(/img/process/bg_pharmacy.jpg); }
				#steps #pharmacy h2 { background-image: url(/img/process/ch_pharmacy.gif); }
				#steps #pharmacy .video a.thumbnail { background-image: url(/img/process/video_thumb_pharmacy.jpg); }
				
			#steps #granulation { background-image: url(/img/process/bg_granulation.jpg); }
				#steps #granulation h2 { background-image: url(/img/process/ch_granulation.gif); }
				#steps #granulation .video a.thumbnail { background-image: url(/img/process/video_thumb_granulation.jpg); }
				
			#steps #blending { background-image: url(/img/process/bg_blending.jpg); }
				#steps #blending h2 { background-image: url(/img/process/ch_blending.gif); }
				#steps #blending .video a.thumbnail { background-image: url(/img/process/video_thumb_blending.jpg); }
				
			#steps #compression { background-image: url(/img/process/bg_compression.jpg); }
				#steps #compression h2 { background-image: url(/img/process/ch_compression.gif); }
				#steps #compression .video a.thumbnail { background-image: url(/img/process/video_thumb_compression.jpg); }
				
			#steps #encapsulation { background-image: url(/img/process/bg_encapsulation.jpg); }
				#steps #encapsulation h2 { background-image: url(/img/process/ch_encapsulation.gif); }
				#steps #encapsulation .video a.thumbnail { background-image: url(/img/process/video_thumb_encapsulation.jpg); }
				
			#steps #coating { background-image: url(/img/process/bg_coating.jpg); }
				#steps #coating h2 { background-image: url(/img/process/ch_coating.gif); }
				#steps #coating .video a.thumbnail { background-image: url(/img/process/video_thumb_coating.jpg); }
				
			#steps #packaging { background-image: url(/img/process/bg_packaging.jpg); }
				#steps #packaging h2 { background-image: url(/img/process/ch_packaging.gif); }
				#steps #packaging .video #clip1 a.thumbnail { background-image: url(/img/process/video_thumb_bottling.jpg); }
				#steps #packaging .video #clip2 a.thumbnail { background-image: url(/img/process/video_thumb_blisterline.jpg); }
				#steps #packaging .video #clip3 a.thumbnail { background-image: url(/img/process/video_thumb_stickpack.jpg); }
				#steps #packaging .video #clip4 a.thumbnail { background-image: url(/img/process/video_thumb_pouching.jpg); }