/* ======================== */
/* css/products.css */
/* ======================== */
/* ========= Family Display Page ========*/
	#middle-product{
	display:inline; 
		margin-right:20px;
		width:650px;
		float:right;
		
		}
		
	.sector-block{
		width:210px;
		overflow:hidden;
		margin-top:5px;
		margin-right:6px;
		min-height:120px;
		position:relative;
		border-top:solid 1px #e1e1e1;	
		float:left;	
	}
	.sector-block h2{
		font-size:13px;
		margin-top:3px;
		margin-bottom:3px;
		
	}
	
	h2.product-notes {
		float:left;
		width:100%;		
	border-bottom:1px solid #ccc;
	margin-top:15px;
	padding-bottom:5px;
	position:relative;
}
	
	.large-line{
		float:left;
		margin-top:8px;
		height:6px;
		background-color:#F4F4F4;
		width:650px;
	}
	.small-line{
		float:left;
		margin-top:8px;
		height:2px;
		background-color:#F4F4F4;
		width:650px;
	}
#free-samples
{
	height:40px;
	position:relative;
		border-top:solid 1px #e1e1e1;	
		border-bottom:solid 4px #e1e1e1;	
		padding-top:5px;
		padding-bottom:5px;
		
}
#free-samples-left {
font-weight:bold;
margin-top:4px;
position:relative;
width:220px;
float:left;
margin:0;
}
	
#free-samples-right {
font-size:14px;
margin-top:4px;
width:210px;
float:right;
display:inline;
position:relative;
}
#submit-samples
{
float:left;
	height:40px;
	position:relative;
	}
#submit-samplesleft {
margin-top:8px;
position:relative;
width:300px;
float:left;
font-size:17px;
margin:0;
}
	
#submit-samplesright {
margin-top:8px;
width:112px;
float:right;
display:inline;
position:relative;
}
/*========== Product Range Header ========*/
#range-header
{
width:auto;
position:relative;
	height:26px;
}
#range-headerleft{
position:relative;
width:75%;
float:left;
}
	
#range-headerright{
width:96px;
margin-right:10px;
float:right;
position:relative;
}
/* ========= ES Added CSS ========= */
/* == Styles for Right hand side Product & Technical Info PDF options ==*/
	.prod-tech-info-pdf{
	margin: 14px 0 5px 0;
	width:194px;
	background:url("/jh/web.nsf/icons/pdf-small.gif") top right no-repeat;
	}	
	.prod-tech-info-pdf-inner{
	width:170px;
	border-top:dotted 1px #E1E1E1;
	border-bottom:dotted 1px #E1E1E1;
	}
	.prod-tech-info-pdf-inner a{
	color:#666;
	display:block;
	padding-top:3px;
	padding-bottom:3px;
	text-decoration:none;
	}		
	.prod-tech-info-pdf-inner a:hover{
	background-color:#ebebeb;
	}		
	
/* == NEW Styles for Right hand side Product & Technical Info PDF options ==*/
	.prod-tech-info-pdf2{
	position:relative;
	float:left;
	height:auto;
	margin: 10px 0 5px 0;
	width:194px;
	/*background:url("/jh/web.nsf/icons/pdf-small.gif") top right no-repeat;*/
	}	
	.prod-tech-info-pdf-inner2{
	float:left;
	position:relative;
	width:167px;
	border-top:dotted 1px #E1E1E1;
	border-bottom:dotted 1px #E1E1E1;
	}
	.prod-tech-info-pdf-inner2 a{
	color:#666;
	display:block;
	width:100%;
	height:auot;
	padding-top:3px;
	padding-bottom:3px;
	text-decoration:none;
	}		
	.prod-tech-info-pdf-inner2 a:hover{
	background-color:#ebebeb;
	}
	.prod-tech-info-pdf2 img{
	float:right;
	border:0;
	}
/* == Ejecta Accessory Block ==*/
	.ejecta-lge-line{
	float:left;
	height:4px;
	background-color:#F4F4F4;
	width:100%;
	}
	.ejecta-sml-line{
	float:left;
	height:2px;
	background-color:#F4F4F4;
	width:100%;
	}
	.small-line{
	float:left;
	margin-top:8px;
	height:2px;
	background-color:#F4F4F4;
	width:650px;
	}
	.ejecta{
		position:relative;
		float:left;
		border-bottom:dotted 1px #e1e1e1;
		margin-top:18px;
	}
	.ejecta-left{
		position:relative;
		float:left;
		width:125px;
	}
	.ejecta-right{
		position:relative;
		float:right;
		width:328px;
	}
.ejectaul {
margin-top:5px;
margin-bottom:5px;
}
.ejectaul li{
font-size:11px;
	color:#999;
list-style: none;
margin-top:5px;
margin-left:2px;
background-position:top left;
background-image:url(/jh/web.nsf/images/bullet-grey.gif);
background-color:transparent;
background-repeat:no-repeat;
padding-left: 15px;
}
.ejectaul li.green{
margin-bottom:10px;
font-size:14px;
font-weight:bold;
	color:#00563D;
background-image:none;
padding-left: 15px;
}
.ejectaul li.link{
background-image:none;
}
.ejectaul li a{
color:#00563D;
}
/* == Styles for Product Tiles ==*/
	.prod-tile{
	margin-top:4px;
position: relative;
	width:210px;
	float:left;
display:inline; 
	}
	.prod-tile-top{
	/*need to set height so the absolute positioned div below knows where to sit */
	height:40px;
	width:210px;
position: relative;
	/*margin:4px;*/
	}
	.prod-tile-top-button{
line-height:0px;
position:absolute;
right:0px;
bottom:0px;	
	}
	.new{
line-height:0px;
background: transparent url(' /jh/web.nsf/images/new.gif') no-repeat center left;
position:absolute;
width:40px;
height:17px;
top:0px;
left:0px;	
	}
	.ret{
line-height:0px;
background: transparent url('/jh/web.nsf/images/retired.gif') no-repeat center left; 
position:absolute;
width:52px;
height:17px;
top:0px;
left:0px;	
	}
	.ret-large{
line-height:0px;
background: transparent url('/jh/web.nsf/images/retired-large.gif') no-repeat center left; 
position:absolute;
width:212px;
height:27px;
top:0px;
right:0px;	
	}
	.prod-tile-spc{
		margin-top:5px;
		height:3px;
		background-color:#F4F4F4 ;
		width:100%;
		position:relative;
		float:left;
	}
	
	.prod-tile-bot-left{
		float:left;
		width:143px;
	position: relative;
		margin-top:4px;
	}
	.prod-tile-bot-right{
		float:right;
	position: relative;
		/*margin-right:10px;*/
		width:60px;
		margin-top:2px;
		color:#999;
		text-align:right;
		font-size:14px;
	}
	.prod-tile-bot-right input{
margin: 3px 0 0 5px;
		
	}
/* == Styles for Nice Hover ==*/
/*Get rid of bottom 2 px margin in IE*/
.nicehover img {
/*display:block;*/
}
.nicehover:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); 
-moz-opacity: 0.4; 
}
/* == Styles for UL ==*/
.niceul {
margin-top:10px;
margin-bottom:15px;
}
.niceul ul{
}
.niceul li{
list-style: none;
margin-top:5px;
margin-left:2px;
background-position:center left;
background-image:url(' /jh/web.nsf/images/bullet-grey.gif');
background-color:transparent;
background-repeat:no-repeat;
padding-left: 15px;
}
/* == Product Tiles Large Sample==*/
	.prod-tile-sample{
position: relative;
	width:100%;
	float:left;
	margin-bottom:5px;
	margin-top:10px;
	}
	.prod-tile-sample-left{
position: relative;
	width:225px;
	float:left;
	}
	.prod-tile-sample-right{
	text-align:right;
position: relative;
	width:220px;
	float:right;
	}
/* == Alternate Green Sample Data Table==*/
table.sample-data-green {
width:100%;
border-spacing:0;
}

table.sample-data-green td {
padding:3px;
border-bottom:dotted 1px #e1e1e1;
}
/*
table.sample-data-green tr.green td {
 background-color: #E9F4F0;
}
*/
table.sample-data-green td.c1 {
width:6%;
background-position:center center;
background-image:url(' /jh/web.nsf/images/bullet-grey.gif');
background-color:transparent;
background-repeat:no-repeat;
}
table.sample-data-green td.c2 {
width:45%;
}
table.sample-data-green td.c3 {
width:49%;
color:#333;
}

.request-sample{
position:relative;
float:right;
width:100%;
text-align:right;
font-size:14px;
display:block;
height:25px;
min-height:25px;
}
#press-realease a{
	text-decoration:none;
	clear:both;
	border-bottom:1px dotted #E1E1E1;
	border-top:1px dotted #E1E1E1;
	color:#666666;
	display:block;
	float:left;
	height:auto;
	padding-bottom:3px;
	padding-top:3px;
	position:relative;
	width:200px;
}
#press-realease a:hover{
background-color:#EBEBEB;
}