/* New HyFlex-specific CSS - 1/10/08 GML */

div#hyflex-gloves {
	position: relative;
	margin-bottom: 34px;
	padding-top: 37px;		
	}
	div#hyflex-gloves img.logo {
		float: right;
		margin-left: 20px;
		margin-right: 20px;	
		}
	div#hyflex-gloves * {
		font-family: Helvetica, Arial, sans-serif !important;
		}
	.end {
		clear: both;
		}
	h1, h2, h3, h4, h5, h6 {
		color: #585757;
		}
	h1 {
		margin: -1px 0 .3em -3px;	
		padding-top: 0;
		}
	h2 {
		margin-bottom: .3em;
		font-size: 1.4em;
		font-weight: bold;
		}
	h3 {
		margin-bottom: .3em;
		font-size: 1.2em;
		font-weight: bold;
		}
	h5 {
		margin: 0;
		padding: 0;
		}
	div#hyflex-gloves a {
		color: #02669a;
		}	
	div#navigation {
		position: relative;
		left: 15px; /* Use rather than margin to correct IE 6 bug */
		float: left;
		width: 172px;
		height: auto;
		overflow: hidden;		
		background-color: #f8f8f8;
		}
		div#navigation ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
			border-left: 1px solid #D9D9D9;
			border-right: 1px solid #D9D9D9;
			}
			div#navigation li {
				width: auto;
				height: 21px;				
				margin: 0;
				padding: 0;				
				border-bottom: 1px solid #D9D9D9;
				}
			div#navigation li.last {				
				padding-bottom: 5px;			
				}
		div#video-hyflex {					
			text-align: center;
			border-left: 1px solid #D9D9D9;
			border-right: 1px solid #D9D9D9;
			border-bottom: 1px solid #D9D9D9;
			}
			div#video-hyflex p {
				margin: 0;				
				padding: 3px 7px 7px 7px;
				border-top: 1px solid #D9D9D9;
				}
	div#content {	
		color: #7b7a7a;			
		margin-left: 208px;
		margin-right: 197px;		
		}	
		img.application {					
			border: 1px solid #D9D9D9;
			}
		div.media {				
			padding: 20px;
			/* background-color: #F9F9F9; */
			/* border: 1px solid #D9D9D9; */
			}
			div.video {
				float: left;						
				width: 200px;
				margin-right: 20px;
				text-align: center;				
				}				
			div.photo {
				float: left;
				overflow: visible;				
				text-align: center;				
				}
				p.caption {
					margin-top: 5px;
					}
		table#categories td {
			color: #7b7a7a;	
			padding-right: 4px;
			padding-bottom: 26px;
			vertical-align: top;
			}
	div#features {		
		float: right;
		width: 172px;
		height: auto;		
		border-right: 11px solid #FFF; /* Use rather than margin to correct IE 6 bug; relative position creates another bug */
		}
		div.feature {
			margin-bottom: 9px;			
			border: 1px solid #cfd7ce;			
			}
		div.feature h5 {
			padding: 4px 8px;
			}
		div.feature div.body {
			padding: 4px 8px; 
			}
			div.feature div.body img {
				float: right;
				margin: 8px 0 0 8px;				
				}
			div.feature div.body a {
				display: block;
				margin-top: 20px;
				font-size: .9em;
				text-decoration: none;
				text-transform: uppercase;
				white-space: nowrap;				
				}
			div.feature div.body a:hover {
				text-decoration: underline;
				}
		div#feature-1 h5 {
			color: #fff;
			background-color: #58aa4d;
			}
		div#feature-1 div.body {			
			background-color: #ebf5e9;
			}
		div#feature-2 h5 {
			color: #fff;
			/* REM
			background-color: #d35e1d;
			*/
			background-color: #58aa4d;
			}
		div#feature-2 div.body {
			/* REM
			background-color: #faebe4;
			*/
			background-color: #ebf5e9;
			}