/* ==========================================================================
   FONTS
   ========================================================================== */

@font-face									{ font-family: "nucor"; src:url("/css/fnt/nucor.eot"); src:url("/css/fnt/nucor.eot?#iefix") format("embedded-opentype"), url("/css/fnt/nucor.woff") format("woff"), url("/css/fnt/nucor.ttf") format("truetype"), url("/css/fnt/nucor.svg#nucor") format("svg"); font-weight: normal; font-style: normal; }

[data-icon]:before { font-family: "nucor" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before,
[class*=" icon-"]:before { font-family: "nucor" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*
Book			"franklin-gothic-urw"		400	normal	
Book Italic		"franklin-gothic-urw"		400	italic	
Demi			"franklin-gothic-urw"		700	normal	
Demi Italic		"franklin-gothic-urw"		700	italic	

Book			"franklin-gothic-urw-cond"	400	normal	
Book Italic		"franklin-gothic-urw-cond"	400	italic	
Medium			"franklin-gothic-urw-cond"	500	normal	
Medium Italic	"franklin-gothic-urw-cond"	500	italic	
Demi			"franklin-gothic-urw-cond"	700	normal	
Demi Italic		"franklin-gothic-urw-cond"	700	italic

font: style variant weight font-size/line-height family;
*/



/* ==========================================================================
   RESET/NORMALIZE
   ========================================================================== */

html,body,main,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; }
main,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }

html.wf-loading div.container, html.wf-inactive div.container { display: none; }
html.wf-active div.container				{ display: block; }

html, body									{ -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body										{ line-height: 1; -moz-font-feature-settings:"pnum" 1, "kern" 1; -moz-font-feature-settings:"pnum=1, kern=1"; -ms-font-feature-settings:"pnum" 1, "kern" 1; -o-font-feature-settings:"pnum" 1, "kern" 1; -webkit-font-feature-settings:"pnum" 1, "kern" 1; font-feature-settings:"pnum" 1, "kern" 1; }

img											{ display: block; border: 0; }

sup, sub									{ height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }
sup											{ bottom: 1ex; }
sub											{ top: .5ex; }

p											{ margin: 0; padding: 0 0 0.9375em; font-size: 0.6875em; line-height: 0.9375em; }
ul, ul li									{ list-style-type: none; }
blockquote, q 								{ quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: none; }
table										{ border-collapse: collapse; border-spacing: 0; }
hr 											{ display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, iframe, img, svg, video 		{ vertical-align: middle; }
fieldset 									{ border: 0; margin: 0; padding: 0; }
textarea 									{ resize: vertical; }

a											{ text-decoration: none; color: #388460; -o-transition: color .25s; -ms-transition: color .25s; -moz-transition: color .25s; -webkit-transition: color .25s; transition: color .25s; }
a:hover										{ color: #53c38e; }

button, input[type=submit]					{ margin: 0; padding: 0; border: 0; background: transparent; font-family: inherit; font-size: 1em; cursor: pointer; }
button::-moz-focus-inner, input[type=submit]::-moz-focus-inner { padding: 0; border: 0; }

::-moz-selection 							{ background: #235634; color: #fff; text-shadow: none; }
::selection 								{ background: #235634; color: #fff; text-shadow: none; }

::-webkit-input-placeholder 				{ color: #666; position: relative; top: 1px; }
:-moz-placeholder 							{ color: #666; }
::-moz-placeholder 							{ color: #666; }
:-ms-input-placeholder		 				{ color: #666; }
::input-placeholder							{ color: #666; }

*											{ margin: 0; padding: 0; }
*, *:before, *:after 						{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }







/* ==========================================================================
   UNIVERSAL
   ========================================================================== */

body										{ background: #e0e0e0; font: normal normal 400 100%/1 'franklin-gothic-urw', 'ArialNarrow', Arial, sans-serif; color: #333; padding: 1% 0 0; }

div.container								{ min-width: 824px; width: 824px; max-width: 1000px; margin: 0 auto; border-right: 10px transparent solid; border-left: 10px transparent solid; display: none; }
div.container nav.top.sub.fixed 			{ position: fixed; }

main										{ background-color: #c3c3c3; position:relative; }
section.content								{ min-height: 420px; margin: 0 auto; background-color: rgba(0,0,0,.1); }

p.noflash                                   { text-align: center; }
p.noflash:nth-of-type(1)                    { padding-top: 20%; }


/* ==========================================================================
   HEADER
   ========================================================================== */

.container>header							{ margin-bottom: .1875em; position: relative; z-index: 1000001; }
.container>header section.top				{ height: 2em; position: relative; z-index: 1; }

.container>header div.ticker				{ width: 75%; float: left; }
.container>header .ticker ul				{ position: relative; font: italic normal 400 .875em/2.25 'franklin-gothic-urw-cond', 'ArialNarrow', Arial, sans-serif; }
.container>header .ticker ul:before			{ content: 'n'; font: normal normal 1.1875em/1 'nucor'; position: absolute; left: 0; top: .4em; }
.container>header .ticker li				{ position: absolute; padding-left: 1.6em; white-space: nowrap; overflow: hidden; width: 0; top: 0; }
.container>header .ticker li:first-child	{ width: 100%; }
.container>header .ticker li a				{ text-decoration: none; }
.container>header .ticker li a:after		{ content: '>'; font: normal normal .875em/1 'nucor'; color: inherit; position: relative; left: .125em; top: .2em; -o-transition: all .25s; -ms-transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .5s; transition: all .25s; }
.container>header .ticker li a:hover:after	{ left: .3em; }

.container>header div.search				{ width: 25%; float: right; text-align: right; padding-top: .25em; }
.container>header .search form				{ }
.container>header .search input[type=text]	{ font: normal normal 500 .8125em/1 'franklin-gothic-urw', 'ArialNarrow', Arial, sans-serif; color: #333; text-align: left; border: 1px #ccc solid; border-bottom-color: #ddd; border-left-color: #d9d9d9; border-right-color: #d9d9d9; padding: .125em 1.375em .125em .625em; width: 80%; background: rgb(255,255,255); background: rgba(255,255,255,.3); position: relative; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; outline: none; -o-transition: width .25s; -ms-transition: width .25s; -moz-transition: width .25s; -webkit-transition: color .25s; transition: width .25s; }
.container>header .search input[type=text].focused { width: 100%; }
.container>header .search input[type=submit] { font: normal normal .8125em/1 'nucor'; width: 1.25em; height: 1.25em; border: none; position: absolute; z-index: 2; top: .475em; right: .375em; cursor: pointer; }

.container>header nav						{ background: #414141; height: 50px; position: relative; z-index: 999; }
.container>header nav ul					{ display: table; width: 100%; }
.container>header nav li					{ display: table-cell; font: normal normal 400 .8rem/1.2 'franklin-gothic-urw-cond', 'ArialNarrow', Arial, sans-serif; height: 50px; padding: 0 1em; border-left: 1px rgba(255,255,255,.1) solid; position: relative; }
.container>header nav li:hover				{ background: rgba(255,255,255,.05); }
.container>header nav li:first-child		{ width: 150px; max-width: 150px; }
.container>header nav li a					{ display: block; color: #aaa; text-transform: uppercase; text-align: center; width: 100%; height: 50px; }
.container>header nav li:first-child a		{ -o-transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; transition: none; }
.container>header nav li a:hover			{ color: #eee; }
.container>header nav li a:before			{ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }
.container>header nav li a span				{ display: inline-block; vertical-align: middle; width: 100%; cursor: pointer; }
.container>header nav li:first-child a		{ text-indent: 100%; overflow: hidden; white-space: nowrap; background: url(/img/logo-nucor.png) no-repeat 50% 0; }
.container>header nav li:first-child a:hover { background-position: 50% -50px; }
.container>header nav li.on:after			{ content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: 4px #388460 solid; }
.container>header nav li.on a, .container>header nav li.on a span { color: #fff; cursor: default; }



/* ==========================================================================
   FOOTER
   ========================================================================== */

main+footer									{ margin-top: 3px; position: relative; z-index: 10000000; } /* need to fix z-indexes!!! */
main+footer section.divisions				{ height: 26px; position: relative; }
main+footer .divisions ul.l1				{ width: 100%; height: 100%; background: #b4b4b4; }
main+footer .divisions ul.l1 li				{ display: block; float: left; width: 20%; height: 100%; border-left: 1px #e0e0e0 solid; text-align: center; font: normal normal 400 .8rem/26px 'franklin-gothic-urw-cond', 'ArialNarrow', Arial, sans-serif; color: #777; text-transform: uppercase; }
main+footer .divisions ul.l1 li:first-child { border-left: none; }
main+footer .divisions ul.l1 li:first-child:after { content: '>'; font: normal normal .7rem/1 'nucor'; position: relative; left: .125em; top: .1em; }
main+footer .divisions ul.l1 li a			{ color: #444; font-weight: 500; display: block; width: 100%; height: 100%; background: #b4b4b4; }
main+footer .divisions ul.l1 li a:hover, main+footer .divisions ul.l1 li.on a { color: #666; background: #ccc; }
main+footer .divisions ul.l1 li a:before	{ content: 'u'; font: normal normal .675em/1 'nucor'; position: relative; left: -.5em; }
main+footer .divisions ul.l1 li.on a:before	{ content: 'd'; }
main+footer .divisions div.wrapper			{ position: absolute; bottom: 26px; width: 100%; max-height: 0; background: #ccc; overflow: hidden; -o-transition: all .25s; -ms-transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; }
main+footer .divisions .wrapper div			{ position: relative; bottom: 0; display: none; padding: 10px 14px; }
main+footer .divisions div.wrapper.on		{ max-height: 600px; z-index: 10000;}
main+footer .divisions .wrapper h3			{ font: normal normal 500 16px/24px 'franklin-gothic-urw-cond', 'ArialNarrow', Arial, sans-serif; text-transform: uppercase; border-bottom: 1px #aaa solid; margin-bottom: .3333em; }
main+footer .divisions .wrapper ul			{ font: normal normal 400 14px/18px 'franklin-gothic-urw-cond', 'ArialNarrow', Arial, sans-serif; padding-left: 1em; width: 33%; float: left; padding: 0 0 1em 1em; margin-bottom: 5px; }
main+footer .divisions .wrapper ul.c1		{ width: 30%; padding-left: 1em; }
main+footer .divisions .wrapper ul.c2		{ width: 35%; border-left: 1px solid #bbb; padding-left: 50px; }
main+footer .divisions .wrapper ul.c3		{ width: 35%; border-left: 1px solid #bbb; padding-left: 50px; }
main+footer .divisions .wrapper ul li		{ text-transform: uppercase; font-weight: 500; }
main+footer .divisions .wrapper ul li a:after { content: 'R'; text-transform: none; font: normal normal .6rem/1 'nucor'; color: #666; position: relative; left: .25em; top: .2em; }
main+footer .divisions .wrapper ul li a:hover { color: #007b3d; }
main+footer .divisions .wrapper ul ul		{ padding: 0 0 0 1em; width: 100%; }
main+footer .divisions .wrapper ul ul li	{ text-transform: none; font-weight: 400; }
main+footer .divisions .wrapper div span	{ display: block; }

main+footer section.links					{ border-bottom: 1px #b3b3b3 solid; opacity: 1 !important; }
main+footer .links ul						{ height: 36px; padding: 12px 0; }
main+footer .links li						{ float: left; font: normal normal 500 .8rem/12px 'franklin-gothic-urw-cond', 'ArialNarrow', Arial, sans-serif; text-transform: uppercase; padding: 0 1em; border-left: 1px #388460 solid; white-space: nowrap; }
main+footer .links li:first-child			{ padding-left: 0; border-left: 0; }
main+footer .links li a						{ color: #388460; position: relative; top: 1px; }
main+footer .links li a:hover				{ color: #53c38e; }

main+footer section.bottom					{ text-align: right; opacity: 1 !important; padding-bottom: 5%; }
main+footer .bottom p						{ text-indent: 100%; overflow: hidden; white-space: nowrap; height: 40px; background: url(/img/logo-itsournature.png) no-repeat 100% 50%; position: relative; top: -8px; }
main+footer .bottom ul						{ }
main+footer .bottom li						{ float: right; font: normal normal 400 .8rem/10px 'franklin-gothic-urw-cond', 'ArialNarrow', Arial, sans-serif; padding: 0 1em; border-right: 1px #388460 solid; white-space: nowrap; }
main+footer .bottom li:first-child			{ padding-right: 0; border-right: 0; }
main+footer .bottom li a					{ color: #388460; }
main+footer .bottom li a:hover				{ color: #53c38e; }



/* ==========================================================================
   SUBNAVS
   ========================================================================== */

div.nav-wrap								{ position: absolute; height: 0px; overflow: visible; width: 804px; }

nav.secondary 								{ float: none; padding: 0; width: 100%; background: none; height: auto; position: absolute; z-index: 1000000; }
nav.secondary .on							{ background-color: none; }

.secondary div.nav-container				{ height: 40px; width: 100%; background-color: #b4b4b4; background-color: rgba(160,160,160,.9); position: relative; margin: 0; z-index: 800; top: -46px; font-family: "franklin-gothic-urw-cond", sans-serif; font-weight: 700; font-size: 12px; line-height: 2; text-transform: uppercase; letter-spacing: normal; }
.container div.nav-container.fixed			{ position: fixed; top: 0; width: 804px; }

.secondary .nav-container ul				{ display: table; width: 100%; /*-webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, .2); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, .2); -o-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, .2); -ms-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, .2); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, .2);*/ }

.secondary .nav-container ul li				{ display: table-cell; font-size: 12px; padding: 0; height: 40px; }
.secondary .nav-container ul a				{ display: block; height: 32px; padding: 8px 0 0; text-align: center; font-weight: 500; line-height: 10px; color: #fff; text-decoration: none; cursor: pointer; letter-spacing: 0.1em; text-shadow: 0px 0px 2px rgba(0,0,0,.333); white-space: nowrap; }
.secondary .nav-container ul a:hover, .secondary .nav-container ul li:hover a { color: #000; }

.secondary .nav-container ul li.on			{ background: url("/img/subnav-highlight.png") no-repeat 50% 0; background-size: cover; }
.secondary .nav-container ul li.on a		{ cursor: default; color: #000; }
.secondary .nav-container ul ul li.on 		{ background: none; }
.secondary .nav-container ul li.on ul li.on > a { cursor: default; color: #000; }
.secondary .nav-container ul li:hover ul a 	{ color: #fff; }
.secondary .nav-container ul li:hover ul a:hover { color: #000; }

.secondary .nav-container ul li a span 		{ display: block; font-weight: 700; line-height: 12px; }

.secondary .nav-container ul li ul			{ visibility: hidden; position: absolute; left: 0; top: 40px; height: 30px; width: 100%; padding: 0; background-color: #a0a0a0; background-color: rgba(180,180,180,.9); display: table; }
.secondary .nav-container ul li ul li 		{ float: none; height: 30px; display: table-cell; padding: 4px 1em 2px; text-align: center; position: relative; font-weight: 500; line-height: 1; border-right: 1px #444 dotted; }
.secondary .nav-container ul li ul.on 		{ display: table; }
.secondary .nav-container ul li.on ul li a 	{ cursor: pointer; }
.secondary .nav-container ul li:hover ul li a { height: 18px; }

.secondary .nav-container ul li ul li.f3 	{ width: 33%; border-right: none; height: 20px; }
.secondary .nav-container ul li ul li.f4 	{ width: 25%; border-right: none; height: 20px; }

.secondary .nav-container ul li ul li a.external { padding-right: 16px; background: url("/img/icon-link-external.png") no-repeat 100% 6px; }
.secondary .nav-container ul li.more > a:after { content: '\00A0\00A0\25BC'; font-size: 8px; position: relative; top: -.2em; right: 0; }

.secondary .nav-container ul li ul li ul 	{ position: absolute; left: 0; top: 100%; min-width: 100%; height: auto; background-color: #8a8a8a; background-color: rgba(200,200,200,.9); display: none; }
.secondary .nav-container ul li ul li ul li { height: 26px; display: block; min-width: 100%; text-align: center; border-bottom: 1px #666 dotted; border-right: none; float: none; clear: left; line-height: 26px; padding: 0; }
.secondary .nav-container ul li ul li ul li:last-child { border-bottom: none; }
.secondary .nav-container ul li ul li:hover ul li a { cursor: pointer; }
.secondary .nav-container ul li ul li ul li a { display: block; width: 100%; height: 20px; letter-spacing: normal; }
.secondary .nav-container ul li ul li ul li a.external { padding-right: 0; background-position: 98% 6px; }
.secondary .nav-container ul li.more ul li.more > a:after { content: '\00A0\00A0\25BC'; font-size: 8px; position: relative; top: -.2em; right: 0; }
.secondary .nav-container ul li ul li.more ul li a:after { content: ''; font-size: 10px; top: 0; }

/* === OLD SIDE NAVS === */
nav.secondary.side							{ width: 24%; float: left; padding: 2%; position: relative; }
.secondary.side h2							{ font: normal normal 500 18px/1 'franklin-gothic-urw-cond', 'ArialNarrow', Arial, sans-serif; text-transform: uppercase; padding-bottom: .25em; margin-bottom: .5em; border-bottom: 1px #666 solid; }
.secondary.side ul							{ }
.secondary.side li							{ font: normal normal 400 14px/1 'franklin-gothic-urw-cond', 'ArialNarrow', Arial, sans-serif; padding: 0.333em 0 0.333em 7px; }
.secondary.side li a						{ color: #388460; }
.secondary.side li a:hover, .secondary.side li.on a { color: #333; }
.secondary.side li.on a						{ cursor: default; }
.secondary.side li.on li a					{ color: #388460; cursor: pointer; }
.secondary.side li li a:hover, .secondary.side li li.on a { color: #333; }
.secondary.side li li.on a					{ cursor: default; }
.secondary.side ul li ul					{ padding-left: 15px; }
.secondary.side li.open ul					{ display: block; }


/* ==========================================================================
   SEARCH PAGE
   ========================================================================== */
   
.gsc-results .gsc-cursor-box .gsc-cursor-current-page { background-color: #f0f0f0 !important; }



/* ==========================================================================
   CONTACT MODAL
   ========================================================================== */

div.modalWrap								{ background: rgba(0, 0, 0, .75); position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 9999999; }
div.modal 									{ background: #f0f0f0; color: #626262; font: normal normal 400 .875em/1 'franklin-gothic-urw-cond', 'ArialNarrow', Arial, sans-serif; height: 345px; width: 301px; -webkit-box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.30); box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.30); position: relative; margin: 10px auto 0; }
div.modal h2 								{ color: #295c32; font: normal normal 700 1.5em/1 'franklin-gothic-urw-cond', 'ArialNarrow', Arial, sans-serif; margin-bottom: .5em; padding-left: 32px; padding-top: 166px; width: 166px; }
div.modal ul 								{ list-style-type: none; margin: 0; padding-left: 32px; }
div.modal li								{ padding-bottom: .25em; }
div.modal a 								{ color: #878372; font-weight: bold; text-decoration: none; }
div.modal a:hover 							{ text-decoration: underline; }
div.modal button:before 					{ content: 'a'; font: normal normal 20px/1 'nucor'; position: absolute; left: -1.1em; top: .1em; color: #295c32; z-index: 100; }
div.modal button							{ width: 23px; height: 23px; text-indent: 100%; overflow: hidden; position: absolute; z-index:2; background: transparent; white-space: nowrap; cursor: pointer; top:4px; right: 4px; border: none; margin: 0; padding: 0; }
div.modal button::-moz-focus-inner			{ padding: 0; border: 0; }



/* ==========================================================================
   HELPERS
   ========================================================================== */

.notransition, .notransition section		{ -webkit-transition-duration: 0 !important; -moz-transition-duration: 0 !important; -ms-transition-duration: 0 !important; transition-duration: 0 !important; -webkit-transition-delay: 0 !important; -moz-transition-delay: 0 !important; -ms-transition-delay: 0 !important; transition-delay: 0 !important; }

.ir											{ text-indent: 100%; white-space: nowrap; overflow: hidden; }

.clearfix:before, .clearfix:after 			{ content: " "; display: table; }
.clearfix:after								{ clear: both; }
.clearfix									{ *zoom: 1; }

.no-clear									{ clear: none !important; }
.clear										{ clear: both; }

.tb											{ display: table; width: 100%; height: 100%; }
.tc											{ display: table-cell; width: 100%; height: 100%; vertical-align: middle; }



/* ==========================================================================
   CUSTOM SCROLLBARS
   ========================================================================== */

.mCSB_container								{ width:auto; /*margin-right:30px;*/ overflow:hidden; }
.mCSB_container.mCS_no_scrollbar			{ margin-right:0; }
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar, .mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar { margin-right:30px; }
.mCustomScrollBox>.mCSB_scrollTools			{ width: 16px; top: 0; bottom: 0; right: 6px; }
.mCSB_scrollTools .mCSB_draggerContainer	{ position:absolute; top:0; left:0; bottom:0; right:0; height:auto; }
.mCSB_scrollTools a+.mCSB_draggerContainer	{ margin: 12px 0; }
.mCSB_scrollTools .mCSB_draggerRail			{ width: 2px; height:100%; margin:0 auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.mCSB_scrollTools .mCSB_dragger				{ cursor:pointer; width:100%; height:30px; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:4px; height:100%; margin:0 auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-align:center; }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown			{ display: block; position: absolute; top: 0; left: 4px; height: 12px; width: 9px; overflow: hidden; margin: 0 auto; cursor: pointer; background: #444; /* rgba fallback */ background: rgba(160,160,160,.6); }
.mCSB_scrollTools .mCSB_buttonDown			{ top: auto; bottom: 0; }
.mCustomScrollBox>.mCSB_scrollTools			{ opacity:0.75; filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */ }
.mCustomScrollBox:hover>.mCSB_scrollTools	{ opacity:1; filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */ }
.mCSB_scrollTools .mCSB_draggerRail			{ background:#000; /* rgba fallback */ background:rgba(0,0,0,1); filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */ }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #fff; /* rgba fallback */	background:rgba(255,255,255,0.75); filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */ }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background:rgba(255,255,255,0.85); filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */ }
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background:rgba(255,255,255,0.9); filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */ }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight			{ background-image:url(/img/mCSB_buttons.png); background-repeat:no-repeat; opacity:0.6; filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */ }
.mCSB_scrollTools .mCSB_buttonUp			{ background-position:0 0; }
.mCSB_scrollTools .mCSB_buttonDown			{ background-position:0 -20px; }
.mCSB_scrollTools .mCSB_buttonLeft			{ background-position:0 -40px; }
.mCSB_scrollTools .mCSB_buttonRight			{ background-position:0 -56px; }
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover	{ opacity:0.75; filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */ }
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active	{ opacity:0.9; filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */ }
.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail { width: 9px; background: #3d3d3d; /* rgba fallback */ background: rgba(100,100,100,.6); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 5px; background: #ccc; /* rgba fallback */ background: rgba(255,255,255,0.66); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail { width:100%; height:4px; margin:6px 0; }
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:100%; height:6px; margin:5px auto; }
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background:rgba(255,255,255,0.85); }
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background:rgba(255,255,255,0.9); }
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp { background-position:-19px -4px; }
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown { background-position:-19px -24px; }



/* ==========================================================================
   404 PAGE
   ========================================================================== */

section.page404								{ width: 100%; height: 420px; background-image: -ms-radial-gradient(left top, ellipse farthest-corner, #FFFFFF 0%, #AAAAAA 100%);

background-image: -moz-radial-gradient(left top, ellipse farthest-corner, #FFFFFF 0%, #AAAAAA 100%);

background-image: -o-radial-gradient(left top, ellipse farthest-corner, #FFFFFF 0%, #AAAAAA 100%);

background-image: -webkit-gradient(radial, left top, 0, left top, 572, color-stop(0, #FFFFFF), color-stop(100, #AAAAAA));

background-image: -webkit-radial-gradient(left top, ellipse farthest-corner, #FFFFFF 0%, #AAAAAA 100%);

background-image: radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #AAAAAA 100%); }
section.page404	div.wrapper					{ position: absolute; top: 40%; transform: translateY(-50%); width: 100%; left: 0; text-align: center; }
section.page404	h1							{ font: normal normal 500 2em/1 'franklin-gothic-urw-cond', 'ArialNarrow', Arial, sans-serif; text-transform: uppercase; margin-bottom: .25em; }
section.page404	h2							{ font: normal normal 500 1.25em/1 'franklin-gothic-urw', 'ArialNarrow', Arial, sans-serif; margin-bottom: 1em; }
section.page404	p							{ font: normal normal 400 1em/1 'franklin-gothic-urw', 'ArialNarrow', Arial, sans-serif; padding-bottom: .5em; }
section.page404 div.search					{ width: 25%; margin: 0 auto; position: relative; }
section.page404 .search form				{ }
section.page404 .search input[type=text]	{ font: normal normal 500 .8125em/1 'franklin-gothic-urw', 'ArialNarrow', Arial, sans-serif; color: #333; text-align: left; border: 1px #ccc solid; border-bottom-color: #ddd; border-left-color: #d9d9d9; border-right-color: #d9d9d9; padding: .125em 1.375em .125em .625em; width: 100%; background: #eee; position: relative; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; outline: none; -o-transition: width .25s; -ms-transition: width .25s; -moz-transition: width .25s; -webkit-transition: color .25s; transition: width .25s; }
section.page404 .search input[type=submit] 	{ font: normal normal .9em/1 'nucor'; width: 1.25em; height: 1.25em; border: none; position: absolute; z-index: 2; top: .1em; right: .25em; cursor: pointer; }