/* GLOBAL / LAYOUT */

body {
	border-top: 2px solid #7bbc0d;
	/*color: #929295;*/
	color: #111111;
	font: 11px/17px "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
}
#page {
	margin: 0 auto;
	width: 960px;
}
a {
	color: #7bbc0d;
}
strong {
	color: #4b4a37;
	font-weight: bold;
}
sub {
	font-size: 8px;
	padding-right: 1px;
	position: relative;
	top: 2px;
	left: 1px;
}

/* HEADER */

#header {
	height: 130px;
	margin-top: -2px;
	position: relative;
}
#header h1 {
	background: url(../images/site/logo.png) no-repeat;
	height: 66px;
	position: absolute;
	top: 12px;
	width: 412px;
}
#header h1 a {
	display: block;
	height: 66px;
	overflow: hidden;
	text-indent: -9999px;
	width: 412px;
}
#header .tools {
	position: absolute;
	right: 0;
	top: 0;
}
	.tools .commitment {
		background: url(../images/site/header-leaf.png) no-repeat;
		display: block;
		float: left;
		font-size: 14px;
		font-weight: bold;
		height: 42px;
		margin-right: 10px;
		padding: 3px 0 0 50px;
		text-decoration: none;
	}
	
	.tools .commitment:hover { text-decoration: underline } 
	
	.tools .languages {
                background: url(../images/site/language_bg-up.png) no-repeat;
		float: left;
		width: 116px;
	}
	.tools .languages.droppedDown {
            background: url(../images/site/language_bg-down.png) no-repeat;
            border-left:  1px solid #dbdcd6;
            border-right:  1px solid #dbdcd6;
            border-bottom:  1px solid #dbdcd6;
        }
	.tools .languages li a {
		color: #a1a1a3;
		display: block;
		font-size: 10px;
		height: 24px;
		line-height: 22px;
		text-decoration: none;
		text-indent: 25px;
	}
        .tools .languages li.dropdownItem {
            display:  none;
        }
	.tools .languages li.selected a ,
	.tools .languages li a:hover {
            color:  #7bbc0d;
            font-weight:  bold;
        }
	.tools .languages li.dropdown a ,
	.tools .languages li.dropdown a:hover {
            color:  #fff;
            font-weight:  normal;
        }
	#header .nav {
		bottom: 0;
		position: absolute;
	}
	#header .nav li {
		border-bottom: 4px solid #7bbc0d;
		border-top: 4px solid #fff;
		color: #111111;
		float: left;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		margin-right: 2px;
	}
	#header .nav li a {
		color: #111111;
		display: block;
		padding: 2px 10px 2px 9px;
		text-decoration: none;
	}
	#header .nav li:first-child a {
		padding-right: 9px;
	}
	#header .nav li:hover, #header .nav li.on {
		border-bottom: 4px solid #fff;
		border-top: 4px solid #7bbc0d;
	}
	#header .nav li:hover a, #header .nav li.on a {
		color: #7bbc0d;
	}
	#search {
		position: absolute;
		right: 0;
		top: 106px;
		width: 220px;
	}
	#search input[type="submit"] {
		background: #fff url(../images/site/arrow-right.png) no-repeat 100% 50%;
		border: none;
		color: #4b4a37;
		cursor: pointer;
		font: 10px "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
		padding: 0 7px 0 0;
	}
	.gsc-clear-button, .gsc-branding, .gsc-tabsArea {
		display: none;
	}

/* MAIN SIDEBAR (SECONDARY NAV) */

#sidebar {
	float: left;
	width: 185px;
}
#sidebar h2 {
	background: #7bbc0d url(../images/site/plus-white-on-green.png) no-repeat 10px 8px;
	color: #fff;
	font-size: 15px;
	letter-spacing: -1px;
	line-height: 18px;
	margin-top: 3px;
	padding: 2px 0 2px 20px;
	text-transform: uppercase;
}
#sidebar h2 a {
	color: #fff;
	text-decoration: none;
}
#sidebar .nav {
	border-bottom: 4px solid #7bbc0d;
}
#sidebar li {
	background: url(../images/site/underscore-green.png) no-repeat 18px 75%;
	color: #111111;
	font-size: 11px;
	margin: 8px 0;
	padding-left: 28px;
	text-transform: uppercase;
}
#sidebar li a {
	color: #111111;
	text-decoration: none;
}
#sidebar li a:hover, #sidebar li.on a {
	color: #7bbc0d;
}
#sidebar li.on {
	background: url(../images/site/plus-green-on-white.png) no-repeat 18px 50%;
}
#sidebar .segments li {
	background: none;
	font-size: 13px;
	font-weight: bold;
	margin: 15px 0;
	padding-left: 10px;
}

/* MAIN CONTENT */

#main {
	float: right;
	padding-top: 3px;
	width: 773px;	
}
#masthead {
	background-position: right;
	background-repeat: no-repeat;
	color: #fff;
	display: table;
	height: 236px;
	width: 100%;
}
	.environmental-commitment #masthead { background-image: url(../images/site/masthead-bg-environmental-commitment.jpg); }
	.about #masthead { background-image: url(../images/site/masthead-bg-about.jpg); }
	.technical-papers #masthead { background-image: url(../images/site/masthead-bg-technical-papers.jpg); }
	.case-studies #masthead { background-image: url(../images/site/masthead-bg-case-studies.jpg); }
	.news-events #masthead { background-image: url(../images/site/masthead-bg-news-events.jpg); }
	.contact #masthead { background-image: url(../images/site/masthead-bg-contact.jpg); }
	.slurry #masthead { background-image: url(../images/site/masthead-bg-slurry.jpg); }
	.flat-metal-rolling #masthead { background-image: url(../images/site/masthead-bg-flat-metal-rolling.jpg); }
	.lubricants #masthead { background-image: url(../images/site/masthead-bg-lubricants.jpg); }
	.careers #masthead { background-image: url(../images/site/masthead-bg-careers.jpg); }
#masthead .hero {
	float: left;
	height: 236px;
	width: 236px;
}
#masthead p {
	display: table-cell;
	font-size: 14px;
	font-weight: bold;
	padding: 0 75px 0 75px;
	vertical-align: middle;
}
#main .content {
	float: left;
	min-height: 300px;
	padding-bottom: 15px;
	width: 535px;
}
#main .content h2 {
	color: #7bbc0d;
	font-size: 17px;
	line-height: 20px;
	margin: 30px 0 15px 0;
	text-transform: uppercase;
}
#main .content .subHead {
	font-style: italic;
	margin: -10px 0 15px 0;
}
#main .content h3 {
	color: #4b4a37;
	font-size: 13px;
	margin: 20px 0 10px 0;
}
#main .content table + h3 {
	margin-top: -10px;
}
#main .content p {
	margin-bottom: 15px;
}
#main .content ul {
	list-style: disc;
	margin: 0 0 15px 40px;
}

/* LIST PAGE BLURBS, TECHNICAL-PAPER STYLES */

#blurbs {
    width:  600px;
}       

.blurb,
.technical-paper {
    color:  #636363;
}

.blurb h3 {
    font-size:  14px;
    font-weight:  bold;
    text-transform:  uppercase;
    margin-bottom:  0;
    padding-bottom:  0;
    line-height:  .5;
}

#main .technical-paper h2 {
    line-height:  .25;
}

#main .technical-paper h3 {
    color:  #95c93d;
    font-size:  12.5px;
    font-weight:  bold;
    text-transform:  uppercase;
    line-height:  .25;
}

.blurb h4 {
    font-size:  11px;
    font-weight:  bold;
    text-transform:  uppercase;
    margin-bottom:  10px;
    padding-bottom:  0;
    line-height:  .5;
}

.author {
    font-size:  12px;
}

.subsubtitle {
    text-transform:  uppercase;
    color:  #636363;
}

.source {
    color:  #363636;
}

.blurb .copy {
    color:  #929295;
}

.technical-paper p ,
.case-study p ,
.case-study ul {
    color:  #929295;
}

.technical-paper .right {
    float:  right;
}

.technical-paper .left {
    float:  left;
    width:  200px;
}

/* TABLES */

#main table {
	margin-bottom: 40px;
}
#main th {
	background: #7bbc0d;
	color: #fff;
	text-transform: uppercase;
}
#main th, #main td {
	border: 1px solid #ccc;
	padding: 3px;
	text-align: left;
}
#main tr td:first-child {
	width: 35%;
}

/* TERTIARY CONTENT */

#main .aside {
	float: right;
	width: 183px;
}
.aside .promo:first-child h3:first-child {
	margin-top: 28px; /* If the first promo is textual, start inline with main content */
}

.aside a.slideshow { display: none } 

.promo {
	margin: 5px 0 30px 0;
}
.promo img {
	display: block;
}
.promo img + img {
	margin-top: 5px;
}
.promo h3 {
	background: url(../images/site/underscore-green-large.png) no-repeat 7px 16px;
	border-bottom: 4px solid #7bbc0d;
	font-size: 15px;
	line-height: 18px;
	padding: 2px 0 2px 20px;
	text-transform: uppercase;
}
.promoContent {
	border: 1px solid #d6d7cf;
	padding: 7px 10px 10px 3px;
}
.promo p {
	background: url(../images/site/underscore-green.png) no-repeat 9px 13px;
	padding-left: 20px;
	text-transform: uppercase;
}
.promo .more {
	display: block;
	margin-top: 5px;
	text-transform: uppercase;
}

.promo.locations .promoContent {
	border: none;
	padding-left: 0;
	padding-right: 0;
}
.promo.locations h4:first-child {
	background: url(../images/site/underscore-green.png) no-repeat 9px 13px;
}
.promo.locations h4 {
	color: #7bbc0d;
	padding-left: 20px;
	text-transform: uppercase;
}
.promo.locations p {
	background: none;
	margin-bottom: 25px;
	text-transform: none;
}

.video h3, .installation h3 {
	background-color: #7bbc0d;
	background-image: url(../images/site/underscore-white.png);
	border: none;
	color: #fff;
	padding-bottom: 2px;
}
.video h3 a, .installation h3 a {
	color: #fff;
	text-decoration: none;
}
.installation h3 {
	background-position: 7px 15px;
	font-size: 14px;
}
.video .promoContent, .installation .promoContent {
	border: none;
}
.installation.promo {
	margin-bottom: 0;
}
#video {
	border: 1px solid;
	display: none;
	margin: 0 auto;
}
#video object, #video embed {
	display: block;
}

/* FORMS */

form {
	margin-bottom: 25px;
	width: 420px;
}
form .required {
	background: url(../images/site/asterisk-green.png) no-repeat;
}
#main form p.required {
	background-position: 15px 3px;
	margin-bottom: 10px;
	padding-left: 23px;
}
form p.required span {
	display: none;
}

.field {
	clear: both;
	padding: 5px 0;
}
.field.required {
	background-position: 66% 10px;
}
.field.full.required {
	background-position: 95% 10px;
}
.field label {
	float: left;
	margin: 2px 5px 0 0;
	text-align: right;
	width: 23%;
}
input[type="text"], input[type="password"], select, textarea { 
	border: 1px solid #ccc;	
	color: #111111;
	font: 11px "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	padding: 2px;
	width: 160px;
}
select {
	width: 167px;
}
.field.full textarea {
	height: 135px;
	width: 280px;
}
#main form p.error {
	color: red;
	margin: 0 0 10px 23px;
}
.field.error label {
	color: red;
}
.field.error input[type="text"], .field.error select, .field.error textarea {
	border: 1px solid red;
}
form .buttons {
	margin-left: 24%;
	padding-top: 15px;
}
button {
	background: url(../images/site/button-bg-primary.png) repeat-x 0 0;
	border: none;
	border-left: 1px solid #679c12;
	border-right: 1px solid #679c12;
	font: 11px "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	height: 23px;
	line-height: 23px;
	margin-right: 5px;
	padding: 0 5px;
	text-transform: uppercase;
}
button:hover {
	cursor: pointer;
}
button.secondary {
	background: url(../images/site/button-bg-secondary.png) repeat-x;
	border-left: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
}

/* FOOTER */

#footer {
	clear: both;
	padding: 20px 0;
}
#footer ul {
	border-top: 1px solid #d9d9d3;
	padding-top: 8px;
}
#footer li:first-child {
	margin-left: 187px;
}
#footer li {
	border-left: 1px solid #b3b4a7;
	/*color: #b3b4a7;*/
	color: #222222;
	float: left;
	font-size: 10px;
	line-height: 1em;
	padding: 0 15px;
}
#footer li:first-child {
	border: none;
	padding-left: 0;
}
#footer li a {
	color: #222222;
	text-decoration: none;
}

/* SIMPLE MODAL CLOSE IMAGE */
#simplemodal-container a.modalCloseImg {
	background:url(/lib/images/site/x.png) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	z-index:99;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}

.pdf {
    background:  transparent url(/lib/images/site/pdf.png) no-repeat top right;
    padding-right:  35px;
    padding-bottom:  10px;
}


.jpg, .png, .gif, .bmp{
    background:  transparent url(/lib/images/site/icon-image.png) no-repeat top right;
    padding-right:  35px;
    padding-bottom:  10px;
}

.mov, .mp4, .m4v {
    background:  transparent url(/lib/images/site/icon-quicktime.png) no-repeat top right;
    padding-right:  35px;
    padding-bottom:  10px;
}

.doc, .docx {
    background:  transparent url(/lib/images/site/icon-word.png) no-repeat top right;
    padding-right:  35px;
    padding-bottom:  10px;
}

.xls, .xlsx {
    background:  transparent url(/lib/images/site/icon-excel.png) no-repeat top right;
    padding-right:  35px;
    padding-bottom:  10px;
}

.ppt, .pptx {
    background:  transparent url(/lib/images/site/icon-ppt.png) no-repeat top right;
    padding-right:  35px;
    padding-bottom:  10px;
}

.pdf {
    background:  transparent url(/lib/images/site/pdf.png) no-repeat top right;
    padding-right:  35px;
    padding-bottom:  10px;
}