/**********************************************************
industry.css
**********************************************************/

/*  layout
**********************************************************/
#industry #belly {}

#industry .subContainer {
	padding-left: 5px;
}
	#industry .featureBox {
		width: 928px;
		margin: 0 auto;
	}
	#industry .tabContent .tabContain {
		padding: 25px 0 0 0;
		margin: 0 !important;
	}
	#industry .instruct {
		background: url(/images/hotspot.admin.gif) no-repeat 0 -2px;
		font: 1.1em verdana;
		color: #888;
		line-height: 1.5em;
		_line-height: 1.3em;
		height: 2.3em;
		padding: 0 0 0 2.8em;
		margin: 0 0 .7em 0;
	}
	
/*  tabs
**********************************************************/
#industry .featureBox  ul.togglers {
	height: 43px;
	margin: 0 0 -5px 0;
	z-index: 10;
	position: relative;
	z-index: 100;
}
	#industry .featureBox  ul.togglers li {
		float: left;
		height: 43px;
	}
		#industry .featureBox  ul.togglers li a {
			display: block;
			height: 43px;
			text-indent: -9999px;
			z-index: 3;
			background-position: 0 0;
			background-repeat: no-repeat;
		}
		#industry .featureBox  ul.togglers li a:hover {
			background-position: 0 -43px;
		}
		#industry .featureBox  ul.togglers li.active a,
		#industry .featureBox  ul.togglers li.active a:hover {
			background-position: 0 -86px;
		}
		#industry .featureBox  ul.togglers li.link1 a {
			width: 194px;
			background-image: url(/images/feat.photo.prod.gif);
		}
		#industry .featureBox  ul.togglers li.link2 a {
			width: 172px;
			background-image: url(/images/feat.sam.lay.gif);
		}
		#industry .featureBox  ul.togglers li.link3 a {
			width: 172px;
			background-image: url(/images/feat.most.pop.gif);
		}
	#industry .featureBox img.call {
		position: absolute;
		 top: -2px;
		 right: 20px;
		 z-index: 999;
	}

/*  photo and prod gallery
**********************************************************/
#industry .galleryPicMain {
	background: url(/images/feat.photo.prod.main.bg.png) top left no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/feat.photo.prod.main.bg.png',sizingMethod='scale');
	width: 523px;
	height: 318px;
	float: left;
	position: relative;
}
	#industry .galleryPicMain.photoProd div.off {
		/*background: url(/images/feat.photo.prod.main.jpg) top left no-repeat;*/
		width: 515px;
		height: 310px;
		position: relative;
		display: block;
		left: 4px;
		top: 4px;
		text-indent: -9999px;
	}
	#industry .galleryPicMain.photoProd div.on {
		width: 515px;
		height: 310px;
		position: relative;
		display: block;
		left: 4px;
		top: 4px;
		text-indent: -9999px;
	}

#overlay, #overlay2 {
	position:absolute;
	width: 515px;
	height: 310px;
	top: 24px;
	left: 23px;
	z-index: 10;
}
#overlay_gallery, #overlay_floor {
	position: relative;
}
	#overlay a, #overlay2 a {
		width: 25px;
		height: 25px;
		cursor: pointer;
		position: absolute;
		z-index: 99;
		text-decoration: none;
	}
	#overlay a {
		background: url(/images/hotspot.admin.gif) no-repeat left top;
		width: 25px;
		height: 25px;
		text-indent: -9999px;
		border: 0;
	}
		#overlay a:hover {
			background-position: left top;
		}
	#overlay2 a {
		background: url(/images/hotspot.admin.gif) no-repeat left top;
		width: 25px;
		height: 25px;
		text-indent: -9999px;
		border: 0;
	}
		#overlay2 a:hover {
			background-position: left top;
		}
		#overlay a img, #overlay2 a img {
			float: left;
			display: none;
		}
		#overlay a img, #overlay2 a img {
			display: inline;
			float: left;
			border-right: 4px solid #fff;
			position: absolute;
			left: 0;
			top: 0;
		}
		#overlay a span, #overlay2 span {
			font: 12px verdana;
			color: #cc0000;
			position: absolute;
			left: 22px;
			top: -4px;
			width: 248px;
			height: 40px;
			border: 4px solid #fff;
			background-color: #e3e3e3;
			padding: 5px 5px 0 5px;
			z-index: 98;
		}
		#overlay a span.contain, #overlay2 span.contain {
			
		}
		#overlay a strong, #overlay2 a strong {
			font: bold 12px verdana;
			color: #cc0000;
			position:relative;
			display:block;
			z-index: 7;
			left: 64px;
			text-indent: 0;
		}
			#overlay a span span, #overlay2 a span span {
				font: 10px verdana;
				color: #666;
				text-indent: 0;
				border: 0!important;
				position: relative;
				padding: 0;
				left: 64px;
				top: 4px;
				display: block;
				height: 15px;
				width: 150px;
			}					
			#overlay a span span:hover, #overlay2 a span span:hover {
				color: #cc0000;
				display:block;
			}
	#industry .galleryPicMain.samLay div.off {
		background: url(/images/feat.sam.lay.main.gif) top left no-repeat;
		width: 515px;
		height: 310px;
		position: relative;
		display: block;
		left: 4px;
		top: 4px;
		text-indent: -9999px;
	}
	#industry .galleryPicMainRight {
		width: 332px;
		padding: 25px 8px 0 0;
		float: right;
	}
		#industry .featureBox .tabContent .galleryPicMainRight h2{
			margin-bottom: 14px;
		}
		#industry .galleryPicMainRight p {
			font: 12px verdana;
			color: #313131;
			line-height: 18px;
			margin: 0 0 20px 0;
		}
		#industry .galleryPicMainRight p.rollInstructions {
			font: 11px verdana;
			color: #888;
		}
		#industry .galleryPicMainRight p img {
			position: relative;
			top: -5px
		}
			#industry .featureBox .tabContent #moreViews, #industry .featureBox .tabContent #moreViews2 {
				height: 113px;
			}
			
#brandGlide, #brandGlide2 {
	position: relative;
	left: 3px;
}
	#brandGlide a, #brandGlide2 a { border: 0; }
	#brandGlide a.prev, #brandGlide2 a.prev {
		background: url(/images/more.views.btn.left.gif) top left no-repeat;
		float: left;
		width: 30px;
		height: 116px;
		text-indent: -9999px;
	}
	/* grayed out btn */
	#brandGlide div.prev, #brandGlide2 div.prev {
		background: url(/images/more.views.btn.left.off.gif) top left no-repeat;
		float: left;
		width: 30px;
		height: 116px;
		text-indent: -9999px;
	}
	/* grayed out btn */
	#brandGlide div.next, #brandGlide2 div.next {
		background: url(/images/more.views.btn.right.off.gif) top left no-repeat;
		float: left;
		width: 30px;
		height: 116px;
		text-indent: -9999px;
		position: absolute;
		right: 5px;
		top: 0;
	}
	#brandGlide a.prev:hover, #brandGlide2 a.prev:hover {
		background: url(/images/more.views.btn.left.over.gif) top left no-repeat;
	}
	#brandGlide a.next, #brandGlide2 a.next {
		background: url(/images/more.views.btn.right.gif) top left no-repeat;
		float: left;
		width: 30px;
		height: 116px;
		text-indent: -9999px;
		position: absolute;
		right: 5px;
		top: 0;
	}
	#brandGlide a.next:hover, #brandGlide2 a.next:hover {
		background: url(/images/more.views.btn.right.over.gif) top left no-repeat;
	}
.scroller {
	width: 823px;
	overflow: hidden;
	position: relative;
	_left: -3px;
}
	#glideContent, #glideContent2 {
		position: absolute;
		top: 0;
		left: 0;
		width: 5000px;
	}
	#brandGlide .section, #brandGlide2 .section { 
		float: left;
		width: 824px;
		overflow: hidden;
		border-top: 1px solid #c4cfe3;
	}
	#industry .featureBox .tabContent #moreViews div img, #industry .featureBox .tabContent #moreViews2 div img {
		float: left;
	}
	#industry .featureBox .tabContent #moreViews  p, #industry .featureBox .tabContent #moreViews2 p {
		width: 132px;
		height: 102px;
		float: left;
		margin: 0 0 30px 0;
		padding: 9px 16px 0 16px;
		position: relative;
		border-right: 1px solid #c4cfe3;
		position: relative;
	}
		#industry .featureBox .tabContent #moreViews p, #industry .featureBox .tabContent #moreViews2 p {
			_border-right: expression((this==this.parentNode.childNodes[4])?"0":"1px solid #c4cfe3");
		}
		#industry .featureBox .tabContent #moreViews p + p + p + p + p, #industry .featureBox .tabContent #moreViews2 p + p + p + p + p {
			border-right: 0;
		}
		#industry .featureBox .tabContent #moreViews p img, #industry .featureBox .tabContent #moreViews2 p a img, #industry .featureBox .tabContent #moreViews p .mockLink img, #industry .featureBox .tabContent #moreViews2 p .mockLink img {
			width: 120px;
			height: 90px;
			position: relative;
			top: 6px;
			left: 6px;
		}
			#industry .featureBox .tabContent #moreViews  p a, #industry .featureBox .tabContent #moreViews2 p a, #industry .featureBox .tabContent #moreViews  p .mockLink, #industry .featureBox .tabContent #moreViews2 p .mockLink {
				background: url(/images/photo.prod.thumb.bg.png) top left no-repeat;
				_background: none;
				_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/photo.prod.thumb.bg.png',sizingMethod='scale');
				display: block;
				position:relative;
				height: 102px;
				color: #000;
				text-decoration: none;
				border: 0;
			}
			#industry .featureBox .tabContent #moreViews  p a:hover, #industry .featureBox .tabContent #moreViews2  p a:hover {
				background: url(/images/photo.prod.thumb.bg.over.png) 0 0 no-repeat;
				_background: none;
				_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/photo.prod.thumb.bg.over.png',sizingMethod='scale');
				display: block;
				color: #214698;
			}

/*  most popular section
**********************************************************/
#industry .featureBox .tabContent {
	background: url(/images/ind.feat.main.bg.gif)  no-repeat left bottom;
	padding: 0 20px 0 20px;
	visibility: hidden;
	height: 0;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	height: 515px;
}
#industry .featureBox .tabContent#mostPop {
	visibility: hidden;
}
	#industry .featureBox .tabContent .sIFR-flash {
		visibility: hidden !important;
	}
	#industry .featureBox .tabContent.active .sIFR-flash {
		visibility: visible !important;
		position: relative;
	}
#industry .featureBox .tabContent.active, #industry .featureBox .tabContent.active#mostPop {
   visibility: visible;
   position: relative;
   z-index: 99;
}
		#industry .featureBox .tabContent#mostPop div {
			margin: 0 0 30px 10px;
		}
		#industry .featureBox .tabContent h2 {
			height: 38px;
			line-height: 37px;
			margin: 0 0 34px 0;
			_height: 25px;
			_padding: 8px 0 0 0;
			border-bottom: 1px solid #d7d7d7;
			font: bold 16px arial;
			color: #0f3f8f;
			
		}
			#industry .featureBox .tabContent#mostPop h2 {
				width: 867px;
				margin-left: 13px;
				visibility: hidden;
			}
			#industry .featureBox .tabContent#mostPop.active h2 {
				visibility: visible;
			}
			/* change */
		#industry .featureBox .tabContent h3 {
			/*height: 30px;*/
			line-height: 36px;
			font: bold 14px arial;
			color: #0f3f8f;
			display: block;
		}
		#industry .featureBox .tabContent#mostPop ul.listing li {
			width:182px;
			height: 163px;
			float: left;
			border-bottom: 1px solid #d7d7d7;
			border-right: 1px solid #d7d7d7;
			font: 11px verdana;
		}
		#industry .featureBox .tabContent#mostPop  .clearfix ul.listing li {
			_width: expression((this==this.parentNode.firstChild || this==this.parentNode.lastChild)?"160px":"182px");
			_border-right: expression((this==this.parentNode.lastChild)?"0":"1px solid #d7d7d7");
			
		}
		#industry .featureBox .tabContent#mostPop  .clearfix ul.listing li:first-child {
			/*padding-left: 0;*/
			width: 160px;
		}
			#industry .featureBox .tabContent#mostPop  .clearfix ul.listing li:first-child a{
				float: left;
			}
		#industry .featureBox .tabContent#mostPop  .clearfix ul.listing li + li + li + li + li{
			border-right: 0;
			width: 160px;
		}
			#industry .featureBox .tabContent#mostPop  .clearfix ul.listing li + li + li + li + li a{
				float: right;
			}
				#industry .featureBox .tabContent#mostPop  ul.listing li img {
					width: 120px;
					height: 90px;
					position: relative;
					top: 6px;
					left: 6px;
				}
					#industry .featureBox .tabContent#mostPop  ul.listing li a {
						background: url(/images/mid.size.thumb.bg.png) no-repeat;
						_background: none;
						_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/mid.size.thumb.bg.png',sizingMethod='image');
						display: block;
						
						min-height: 129px;
						height: auto;
						_height: 129px; 
						width: 132px;
						margin: 0 auto;
						color: #000;
						text-decoration: none;
						padding-bottom: 5px;
					}
					#industry .featureBox .tabContent#mostPop  ul.listing li a:hover {
						background: url(/images/mid.size.thumb.bg.on.png) 0 0 no-repeat;
						_background: none;
						_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/mid.size.thumb.bg.on.png',sizingMethod='image');
						display: block;
						color: #214698;
					}
						#industry .featureBox .tabContent#mostPop ul.listing li a span {
							float: left;
							position: relative;
							top: 25px;
							left: 22px;
							padding: 0 10px 0 0;
						}