@charset "UTF-8";

#global-navigation-wrapper{min-height:33px;-webkit-transition:min-height ease .5s;-moz-transition:min-height ease .5s;-ms-transition:min-height ease .5s;-o-transition:min-height ease .5s;transition:min-height ease .5s}
#global-navigation-wrapper.no-transition,.no-transition #navbar>li.main-nav>ul.main-nav-container>li>ul.subnav{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
#global-navigation-wrapper .top-row{height:90px;font-size:12px;color:#6e6e6e;background-color:#000;width:100%;position:relative}
#global-navigation-wrapper .top-row a.nav-logo{width:117px;padding-left:7%;height:33px;position:relative;display:block;background:url("http://www.dupont.com/etc/designs/dupont/phoenix/responsiveclientlib/source/images/nav-logo-main.png") center right no-repeat #e31837;background-size:92px 33px; float: left;}
#global-navigation-wrapper.home .top-row a.nav-logo{display:none}
#bg-container .page-content{clear:both;padding-top:50px;padding-left:10px;padding-bottom:50px;background:white;box-sizing:border-box;text-align:center;font-size:36px}
#global-navigation-wrapper .utility-links{display:block;height:100%;vertical-align:top;text-align:right;padding-right:6.8%;box-sizing:border-box}
#global-navigation-wrapper .utility-links ul{display:inline-block}
#global-navigation-wrapper .utility-links ul li{display:table-cell;height:33px;padding-right:30px;vertical-align:middle}
#global-navigation-wrapper .utility-links ul li a{text-decoration:none;text-transform:uppercase}
#global-navigation-wrapper .utility-links ul li a:hover{color:#c6001e}
#global-navigation-wrapper .utility-links ul li.last{background:url("http://www.dupont.com/etc/designs/dupont/phoenix/responsiveclientlib/source/images/dupont-sprite.png") 193px -215px no-repeat}
#global-navigation-wrapper .utility-links ul li.last span{padding-left:20px;font-size:12px}
#global-navigation-wrapper .utility-links ul li.last span a{text-decoration:underline;text-transform:capitalize}
#global-navigation-wrapper .utility-links li.logout-item{display:table-cell}
#global-navigation-wrapper .utility-links li.logout-item.hidden{display:none}
#navbar{padding:0;background-color:#000;position:relative; /*border: 1px solid #333;*/}
#navbar.home{padding-left:0}
#navbar>li{display:inline-block;vertical-align:top}
#navbar li.home-page-logo{width:20.5%}
#navbar li.home-page-logo .home-page-main-logo{display:block;background:url('http://www.dupont.com/etc/designs/dupont/phoenix/responsiveclientlib/source/images/nav-logo-main.png') right center no-repeat #e31837;color:transparent;height:50px;width:100%}
#navbar>li.main-nav{width:100%}
#navbar.home>li.main-nav{width:58.8%}
#navbar>li.main-nav>ul.main-nav-container>li{display:inline-block;vertical-align:top;max-width:33%; margin: 0 -2px;}
#navbar>li.main-nav>.mobile-utility-links{display:none}
#navbar>li.main-nav>ul.main-nav-container>li>a,
#navbar>li.main-nav>ul.slide-contact-container>li>a{display:table-cell;position:relative;padding:0 50px 0 0px;color:#fff;text-transform:uppercase;text-decoration:none;font-size:14px;height:50px;vertical-align:middle; font-weight: bold;/*border-left: 1px solid #333;*/}
/*#navbar>li.main-nav>ul.main-nav-container>li.last>a {border-right: 1px solid #333;}*/
#navbar>li.main-nav>ul.main-nav-container>li>a:after{content:'';display:inline-block;position:absolute;bottom:18px;right:15px;width:15px;height:15px;/*background:url("http://www.dupont.com/etc/designs/dupont/phoenix/responsiveclientlib/source/images/dupont-sprite.png") no-repeat -330px -240px transparent*/}
#navbar>li.main-nav>ul.main-nav-container>li>a:hover, 
#navbar>li.main-nav>ul.main-nav-container>li>a.active,
#navbar>li.main-nav>ul.slide-contact-container>li>a:hover {color: #ffd600;/*background-color: #ffd600;*/}
#navbar>li.main-nav>ul.main-nav-container>li.selected>a{background-color:#eaeaea;color:#c6001e}
#navbar>li.main-nav>ul.main-nav-container>li.selected>a:after{background-position:-343px -241px}
#navbar>li.mobile-buttons-container{display:none}
#navbar li.global-site-search{margin-top:10px;margin-bottom:10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;width:36.5%;background-color:#919191}
#navbar .global-site-search-box{display:inline-block;vertical-align:top;box-sizing:border-box;width:88%;height:30px;padding-left:13px;padding-right:36px;border:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#919191;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:12px}
#navbar .global-site-search-button{display:inline-block;vertical-align:top;background:url('http://www.dupont.com/etc/designs/dupont/phoenix/responsiveclientlib/source/images/nav-magnifying-glass.png') center center no-repeat transparent;border:1px solid transparent;cursor:pointer;height:30px;overflow:hidden;width:10%}
#navbar.home li.global-site-search{width:18%}
#navbar.home .global-site-search-box{width:83%}
#navbar.home .global-site-search-button{width:17%}
#navbar>li.main-nav .contextual-nav-button{display:none}
#navbar>li.main-nav>ul.main-nav-container>li>ul.subnav{position:absolute;left:0;width:100%;height:0;overflow:hidden;background:#6e6e6e;-webkit-transition:height ease .5s;-moz-transition:height ease .5s;-ms-transition:height ease .5s;-o-transition:height ease .5s;transition:height ease .5s}
#navbar .subnav>li.selected{background:#fff}
#navbar .subnav>li>p{cursor:pointer;width:20%;display:table;height:68px;margin-left:6.37%;color:#fff;line-height:14px;font-size:14px;vertical-align:middle;text-transform:uppercase}
#navbar .subnav>li>p:hover{color:rgba(255,255,255,.4)}
#navbar .subnav>li.selected>p{position:relative;color:#c6001e;z-index:999;background-color:#fff}
#navbar .subnav>li.selected>p:hover{color:#c6001e}
#navbar .subnav>li>p>span{border-bottom:1px solid #929292;display:table-cell;vertical-align:middle;height:1.7em;padding:0 1.57em 0 7.75%;background:none repeat scroll 0 0 #6e6e6e}
#navbar .subnav>li.selected>p>span{background-color:#fff;border-bottom:0}
#navbar .subnav>li:last-child>p>span{border-bottom:0}
#navbar .subnav>li.selected p span:last-child{border-bottom:1px solid transparent}
#navbar .subnav>li>p>span.arrow{display:none}
#navbar .subnav>li.selected>p>span.arrow{display:inline-block;background-image:url("http://www.dupont.com/etc/designs/dupont/phoenix/responsiveclientlib/source/images/nav-subnav-chevron.png");background-color:transparent;padding:0;margin:0;width:20px;height:69px;position:absolute;top:0;left:100%}
#navbar .subnav>li>div{display:none;position:absolute;background:#eaeaea;width:73.6%;left:26.4%;top:0;-moz-box-shadow:0 -10px 15px -10px rgba(0,0,0,0.2) inset;-webkit-box-shadow:0 -10px 15px -10px rgba(0,0,0,0.2) inset;box-shadow:0 -10px 15px -10px rgba(0,0,0,0.2) inset}
#navbar .subnav>li.selected>div{display:inline-block}
#navbar .subnav .content-area .two-cols-col li{padding-bottom:18px;padding-right:25px;padding-left:0}
#navbar .subnav .content-area .two-cols-col li h4{display:block;font-size:14px;margin-bottom:8px;width:90%}
#navbar .subnav .content-area .two-cols-col li h4 a span,#navbar .subnav.industries .three-cols-col>li>h4 a span{display:inline-block;width:90%;vertical-align:top}
#navbar .subnav .content-area .two-cols-col li h4 a{color:#474747;text-decoration:none}
#navbar .subnav .content-area .two-cols-col li h4 a:hover,#navbar .subnav .content-area .two-cols-col li h4.currentPage a{color:#c6001e;text-decoration:none}
#navbar .subnav .content-area .two-cols-col li p{display:block;font-size:12px;letter-spacing:-0.3px;line-height:15px;margin-top:0;color:#6e6e6e;width:95%;height:45px}
#navbar .subnav .content-area.product-lines-container .two-cols-col{display:inline-block;vertical-align:top;width:32.8%;margin-bottom:0}
#navbar .subnav .content-area.product-lines-container .two-cols-col.single-column{width:66%}
#navbar .subnav>li>div.product-lines-container{padding-top:30px;padding-left:3%;padding-right:3%;padding-bottom:15px;box-sizing:border-box}
#navbar .subnav .content-area.product-lines-container img{display:inline-block;width:27%;height:auto;text-align:right;max-width:202px}
#navbar>li.main-nav>ul.main-nav-container>li>ul.subnav.industries{background:#eaeaea;-moz-box-shadow:0 -10px 15px -10px rgba(0,0,0,0.2) inset;-webkit-box-shadow:0 -10px 15px -10px rgba(0,0,0,0.2) inset;box-shadow:0 -10px 15px -10px rgba(0,0,0,0.2) inset}
#navbar .subnav .content-area.no-subnav{display:inline-block;vertical-align:top;width:70%;height:100%;padding:30px 0 40px 95px;box-sizing:border-box}
#navbar .subnav.industries .description{position:absolute;width:32%;right:115px;top:30px;color:#6e6e6e;display:none;background:#eaeaea;width:246px}
#navbar .subnav.industries .content-area li:hover .description{display:block}
#navbar .subnav.industries>.description.active{display:block}
#navbar .subnav.industries>li>p{cursor:auto;width:auto;font-weight:500;margin:0;display:block;font-size:12px;color:#6e6e6e;height:48px;line-height:16px;overflow:hidden;text-transform:none}
#navbar .subnav.industries .description img{max-width:246px;width:100%;margin-bottom:8px}
#navbar .subnav .content-area .items-area.three-cols{width:70%}
#navbar .subnav.industries .three-cols-col{display:inline-block;vertical-align:top;width:25%;padding-left:3%;padding-right:2%}
#navbar .subnav.industries .three-cols-col li{padding-right:15px;padding-bottom:18px}
#navbar .subnav.industries .three-cols-col li:last-child{padding-bottom:0}
#navbar .subnav.industries .three-cols-col>li>h4,#navbar .subnav.industries .description h4{display:block;font-size:14px;margin-bottom:8px}
#navbar .subnav.industries .three-cols-col>li>h4 a{color:#474747;text-decoration:none}
#navbar .subnav.industries .three-cols-col>li>h4 a:hover{color:#c6001e}
#navbar .subnav.industries .three-cols-col>li>p,#navbar .subnav.industries .description p{display:block;margin-top:0;font-size:12px;line-height:16px;overflow:visible}
a.icon-centered .no-wrap img{vertical-align:middle}
#navbar .subnav .content-area .featured{background:#dedede;box-sizing:border-box;width:100%;padding-left:3%;padding-right:34%;padding-top:30px;padding-bottom:30px;z-index:0}
#navbar .subnav .content-area.about-us-container .items-2cols{width:100%;box-sizing:border-box;padding-top:30px;padding-left:3%;padding-right:3%;padding-bottom:15px}
#navbar .subnav .content-area .featured>h4{cursor:pointer;color:#6e6e6e}
#navbar .subnav .content-area .featured>h4>a{color:#474747;font-size:106%;background:0}
#navbar .subnav .content-area .featured>h4>a:hover{color:#c6001e}
#navbar .subnav .content-area .featured p{width:100%;color:#6e6e6e;font-size:12px;line-height:20px;margin-top:1.25em}
#navbar .subnav .content-area .two-cols-col.about-us{display:inline-block;vertical-align:top;width:49%}
#navbar .subnav .content-area .two-cols-col.about-us.single-column{display:block;width:66.6%}

#global-navigation-wrapper .nav-title {
	font-family: atrament-web-lf, Sans-Serif;
    vertical-align: baseline;
	line-height: 1em;
	color: #6e6e6e;
	font-size: 30px;
	float: left;
	margin-left: 20px;
}

/* Hero M.3.0
----------------------------------------------------------*/
#hero-content p {
	padding: 0px 3px 20px 20px;
	font-size: 1.0em;
	font-weight: bold;
}

#hero-content p, #hero-action-link a {
	color: #fff;
	font-family: Arial, Segoe UI, Sans-Serif;
}

.hero-nav a {
	color: #fff;
	text-transform: uppercase;
}

.hero-nav a:hover { text-decoration: underline; }

#hero-image {
	position: relative;
	top: 0;
	z-index: -9999;
}

#hero-image img { z-index: -9999; }

#hero-content {
	background-color: #416E25;
	width: 710px;
	height: 90px;
	margin: -120px 0 30px;
	position: relative;
	background: -moz-linear-gradient(left top 315deg, #4b8229, #365622);
	background: -webkit-gradient(linear, left top, right bottom, from(#4b8229), to(#365622));
	background-image: -ms-linear-gradient(top left, #4b8229, #365622);
}

#hero-action-link {
	background-color: #c6001e;
	margin-top: -11px;
	padding: 10px 3px 10px 30px;
	text-transform: uppercase;
}

/* Hero Normal M.3.0 */
#HeroNormalTitle, #HeroNormal #HeroTitle {
	height: 96px;
	width: 100%;
	opacity: 0.85;
	filter: alpha(opacity=85);
	margin-top: -96px;
}

#HeroNormal-NoTabs #HeroTitle {
	height: 76px;
	width: 100%;
	opacity: 0.85;
	filter: alpha(opacity=70);
	position: relative;
	margin-top: -76px;
}

#HeroNormal-NoImage #HeroTitle {
	height: 165px;
	width: 100%;
	opacity: 0.85;
	filter: alpha(opacity=85);
}

#HeroNormal-NoImage .solid { top: 79px; }

/* HERO LARGE M.3.1 */
/*#HeroLargeTitle, #HeroLarger #HeroTitle {
	width: 100%;
	opacity: 0.85;
	filter: alpha(opacity=70);
	position: relative;
	margin-top: -76px;
}

#HeroNavigation {
	min-height: 76px;
	width: 100%;
	opacity: 0.65;
	filter: alpha(opacity=65);
	color: #fff;
	position: relative;
}

#HeroNavigation .hero-nav { padding: 20px 15px 20px 70px; }*/
.hero-image {
	overflow: hidden;
	z-index: -9999
}

.solid {
	bottom: 10px;
	position: relative;
	z-index: 1
}

.hero-area-wrapper h2 {
	color: #fff;
	/*float: left;*/
	font-size: 52px;
	position: relative;
	text-transform: uppercase;
	width: auto;
	z-index: 10;
	font-family: atrament-web-lf, Sans-Serif;
    vertical-align: baseline;
	line-height: 1em;
}

#hero-large {
	position: relative;
	width: 100%
}

#hero-large .hero-image {
	max-height: 290px;
	width: 100%;
	overflow: hidden;
	height: auto!important
}

#hero-large .hero-image img {
	height: auto;
	width: 100%
}

#hero-large-title {
	bottom: 0;
	height: auto;
	padding: 10px 6.3636364%;
	position: absolute;
	width: 87.27272%
}

#hero-large-title.no-image {
	position: relative;
}

#hero-large-title-bg {
	bottom: 0;
	filter: alpha(opacity = 70);
	float: left;
	height: 100%;
	left: 0;
	opacity: .85;
	position: absolute;
	width: 100%;
	zoom: 1
}