/*
Theme Name: Price Engineering
Description: Custom theme for Price Engineering built of Starkers 3.0
Version: 2.0
Author: Dustin Drees
*/


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.clear { clear: both;}
/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left; margin: 0 20px 20px 0; }
.alignright { float:right; margin-left: 20px; margin-bottom: 20px; }
.wp-caption { text-align:right; background:#fff; padding:5px; margin:5px; color: #999; font-style: italic; font-size: .8em; }
.wp-caption-text { padding-left: 10px;}

body.page-id-890 .alignright { width: 500px;}

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

.hide {
	display: none;
	overflow: hidden;
}
.obscure{
	position: absolute;
	left: -9999px;
}

/*Standard styles for layout*/
#headerWrapper {
	width: 100%;
	border-top: 7px solid #019263;
}
#footerWrapper {
	width: 100%;
}
#header,
#contentWrapper,
#footer {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
}

#contentWrapper { margin-bottom: 16px; padding-top: 10px; }


#branding{
	float: left;
	width: 730px;
	/*height:61px;*/
}
#branding h2#tagline,
#branding p#serviceCalls{
	float: left;
	padding-left: 128px;
	margin-top: 24px;
}
#headerMenu{
	float: left;
	width: 230px;
}

#headerNav{
	float: left;
}
#headerNav li{
	float: left;
	margin-right: 16px;
}
#callToActionBox {
	float: left;
	width: 230px;
	height: 100px;
	position: relative;
	background: url('images/bkd-callToActionBox.png') no-repeat left top;
	font-size: 1em;
	top: 6px;
}

#callToActionBox #callUs {
	position: absolute; top: 0px; left: 0px; height: 50px;
}

#callToActionBox #emailUs {
	position: absolute; top: 50px; left: 0px; height: 50px; width: 88px;
}

#callToActionBox #requestInfo {
	position: absolute; top: 50px; left: 90px; height: 50px; width: 120px;
}

#copyright{
	float: right;
}

#mainContentWrapper {
    background: url("images/1px999.jpg") repeat-y scroll 149px 50% transparent;
    margin-top: 8px;
}

#mainContent {
	float: right;
	width: 800px;
}

#secondaryContent {
	float: left;
	/*width: 212px;*/
	width:136px;
}

#footer {
	padding-top: 4px;
	padding-bottom: 10px;
	overflow: hidden;
	border-top: 4px solid #019263;
	position: relative;
}

div.meta { 
	position: relative;
	border-bottom: 3px dotted #999999;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#custServContactGroup{
	background-color: #fefaba;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #CCC;
	padding: 10px;
	width: 230px;
}

h1.title { color: #000; font-weight: normal; border-bottom: 1px solid #666; padding-bottom: 10px; margin-bottom: 5px;}
.news-snippet, .supplier-snippet { border-bottom: 2px dotted #D6D5D5; padding: 5px; overflow: hidden;}
.news-snippet:last-child, .supplier-snippet:last-child { border-bottom: none;}
.post-date { float: left; width: 60px; margin-right: 20px; text-align: center; }
.post-date p { line-height: 1.3em; margin-top: 0; }
.month { text-transform: uppercase; color: #019263; font-size: 1.1em; }
.day { color: #989ea1; font-weight: bold; font-size: 2em;}
.entry-content { float: left; width: 700px;}
.entry-content h2 { margin: 0;}

.careers-content p { font-size: 1.2em; line-height: 1.4em; color: #019263; margin: 0px; font-weight: bold; }
.careers-content a { font-weight: normal;}
.careers-content .posted, .training-content .posted { color: #898a8d; font-size: .9em; font-weight: normal;  }

.thumbnail { width: 140px; float:  left; margin-right: 20px;}
.training-content { width: 620px; float: left;}

.supplier-content { width: 600px; float: left; margin-right: 20px;}

a.pdf {background: url("images/icon-pdf.png") no-repeat scroll right top transparent; padding-bottom: 1px; padding-right: 20px; }


/* Solutions Pages */

#bodyNav{
	background: url('images/bkd-gradientBox-xtile.png') left top repeat-x #d9d9d9;
	border: 1px solid #999;
	border-left: 0;
	float: left;
	margin-left: -10px;
	overflow: hidden;
	padding: 10px 0 0 0px;
}
#bodyNav ul li{
	color: #333;
	display: inline;
	float: left;
	list-style:none!important;
	padding:  20px 0;
	margin: 0 10px;
	width: 370px;
	vertical-align: text-top;
	border-bottom: 1px dashed #bcbdc0;
}

#bodyNav ul li span { font-size: 1em; font-weight:  bold;}

#bodyNav ul li.borderStrip {
	border-bottom: 0;
}
#bodyNav ul.regular{
	margin-bottom: 20px;
}
#bodyNav ul.regular li{	
	display: block;
	float: none;
	height: 100%;
	padding: 0;
	width: 100%;
	list-style-position: inside;
	list-style-type: square!important;
	color: #333;
}
#bodyNav ul.regular li a{
	font-weight: normal!important;
}

#bodyNav h3 { font-size: 1.6em; margin-left: 10px;}

body.page-id-868 #bodyNav h3, body.page-id-868 #bodyNav a { color: #E8A713;}
body.page-id-874 #bodyNav h3, body.page-id-874 #bodyNav a { color: #B32017;}

/* Sidebar */

ul.secondary li { border-bottom: 1px dotted #999; margin-bottom: 10px; padding-bottom: 10px; }
ul.secondary li:last-child { border-bottom: none;}
ul.secondary li ul li { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }

/* Solutions Sub-Pages */ 

#productDirectory{
	padding-left: 24px;
}
ul.productItem{
	border-top: 1px solid #999;
	padding-top: 10px;
	overflow: hidden;
}
ul.productItem li{
	list-style: none!important;
	display: inline;
	float: left;
	vertical-align: top;
}
ul.productItem li.productDesc{
	width: 500px;
	padding-right: 20px;
}
ul.productItem li.productDesc ul li{
	overflow: hidden;
	float: none;
}
ul.productItem li li{
	display: block;
}
.productDetails{
	border-top: 1px solid #999;
	padding-top: 10px;
	float: left;
	width: 775px;
}
.linkTop{
	text-align: right;
	width: 135px;
}
.productDetails h5{
	padding: 10px 0;
}
.productDetails ul li{
	font-size: .85em;
	list-style-position: outside!important;
	margin-left: 15px;
}
.productDetails ul li ul, .productDetails ul li ol {
	padding-top: 10px;
}
.productDetails ul li ol li{
	list-style-type: decimal!important;
}
#productIntro{
	width: 445px;
	float: left;
}
#productGlam{
	float: right;
	width: 330px;
}
#productGlam p {
    border: 1px solid #999999;
    color: #0065A4;
    padding: 10px;
}
#mainContent ul li {
    color: #333333;
    list-style-position: inside;
    list-style-type: square;
}

ul#caseStudies { margin: 10px 0;}

ul#caseStudies li { list-style: none;
width: 390px;
display: inline-block;
height: 75px;
margin-bottom: 10px;}

ul#caseStudies div.caseStudyImage {
float: left;
width: 100px;
}

ul#caseStudies div.caseStudyDescription {
float: left;
width: 268px;
padding-left: 10px;
}

ul#caseStudies div.caseStudyDescription h5 {
margin-bottom: 5px;
}


/* TYPOGRAPHY */
/* ----------------------------------------- */

body {
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

#mainContent a:link, #mainContent a:visited, #mainContent a:hover {
	text-decoration: none;
	color: #019263;	
}
#mainContent a:hover {
	text-decoration: underline;
}
p { margin: 9px 0px; line-height: 1.6em;}

h1, h2 { 
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.2em;
	color: #019263;
}

#mainContent h2 a:link, #mainContent h2 a:visited, #mainContent h2 a:hover  {text-decoration: none;color: #019263;}

h3 { color: #019263; font-size: 1.2em; font-weight: bold; }
h4 { color: #4f4e4e; font-size: 1.2em; font-weight: bold; text-transform: uppercase; }

a:link, a:visited {color: #008852; text-decoration: none;}
a:hover {text-decoration: underline;}

#mainContent h4, #mainContent h5 { color: #0065A4; font-weight: normal; text-transform: none; }
#mainContent h4 a:link, #mainContent h4 a:visited {color: #0065A4;}

div.blog h1 {
	color: #000;
	font-size: 1.6em;
}

div.blog h2 {
	font-size: 1.6em;
}

div.blog h3 {
	font-size: 1.8em;
}

div.blog h4 {
	color: #000 !important;
	font-size: 1.6em;
	font-style: italic;
}

div.blog h5 {
	color: #000 !important;
	font-size: 1.2em;
	font-weight: bold !important;
}

div.blog h6 {
	color: #019263;
	font-size: 1.2em;
	font-weight: bold;
}

div.blog ol {
	list-style: decimal;
	margin-left: 15px;
}

div.blog ol li {
	list-style-type: decimal;
}


div.blog ul {
	list-style: circle;
	margin-left: 15px;
}

div.blog ul li {
	list-style-type: circle;
}

blockquote { color: #0065A4; font-size: 1.2em; font-style: italic; margin-bottom: 8px; }
blockquote.testimonial {color: #008852; font-size: 1.4em;line-height: 1.5em;}
blockquote.testimonial span { color: #111; font-size: .75em;}

.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.*/

#footer p {
	font-size: .78em;
	line-height: 1.7em;
	color: #019263;
	margin-top: 0;
}
#headerMenu{
	font-size: .8em;
}
#callToActionBox a {
	color: #000;
	text-decoration: none;
}

#callToActionBox #callUs a {
	font-weight: bold;
	padding: 10px 0 0 85px;
	font-size: 1.2em;
	line-height: 1.1em;
	display: block;
	width: 125px;
	height: 40px;
}

#callToActionBox #emailUs a {
	padding: 8px 5px 0 45px;
	font-family: 1.1em;
	line-height: 1.1em;
	display: block;
	height: 35px;
}

#callToActionBox #requestInfo a {
	padding: 8px 5px 0 38px;
	font-family: 1.1em;
	line-height: 1.1em;
	display: block;
	height: 35px;
}

/*ul#socialMedia { height: 42px; border-bottom: 1px dotted #999999; padding-bottom: 10px; margin: 10px 0;}
ul#socialMedia li { width: 42px; float: left; margin-right: 5px;}
ul#socialMedia li.omega { margin-right: 0px;}
ul#socialMedia li a { display: block; width: 42px; height: 42px; text-indent: -9999px; }
a.facebook { background: url('images/icon-facebook.jpg') right top no-repeat; }
a.linkedin { background: url('images/icon-linkedin.jpg') right top no-repeat; }
a.twitter { background: url('images/icon-twitter.jpg') right top no-repeat; }*/

ul#socialMedia { width:180px; float: right; }
ul#socialMedia li { width: 40px; float: left; margin-left:5px; }

div.meta {
	color: #898a8d;
	font-size: .8em;
	clear: both;
}

div.meta a:link, div.meta a:visited {
	color: #898a8d;
	text-decoration: none;
}

span.postedOn {
	
}

span.comments {
	position: absolute;
	right: 0;
}

#secondaryContent p { font-size: .9em; line-height: 1.1em; margin: 0 0 9px;}
#secondaryContent h3 { text-transform: uppercase;}
input#khhutd-khhutd { width: 125px; padding: 5px; border: 1px solid #848383; color: #019263; }
input#greenBtn { padding: 5px 0 0px; }
ul.archives li { margin: 3px 0px; }
ul.archives a:link, ul.archives a:visited { color: #6f6e6e; text-decoration: none; }
ul.archives a:hover { text-decoration: underline;}

div#socialicons { clear: both; margin: 18px 0;}

/* NAVIGATION */
/* ----------------------------------------- */

#navigation li a:link, #navigation li a:visited {
    background: url("images/bkd-nav-xtile.png") repeat-x scroll left top #FFFFFF;
}

#navigation a:link, #navigation a:visited {
    color: #FFFFFF;
}

ul#navigation li a {
    padding-bottom: 0;
}

ul#navigation li {
	font-size:  1em;
	text-align:  center;
}
ul#navigation li li {
	text-align: left;
	font-size: .9em;
}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
/*.sf-menu {
	line-height:	1.0;
}*/
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			115px; /* left offset of submenus need to match (see below) */
	}
.sf-menu li ul {
	width:  152px;
	background-color: #5a5b5e;
	border: 1px solid #5a5b5e;
	background-image: linear-gradient(bottom, rgb(90,91,94) 50%, rgb(143,145,148) 91%);
	background-image: -o-linear-gradient(bottom, rgb(90,91,94) 50%, rgb(143,145,148) 91%);
	background-image: -moz-linear-gradient(bottom, rgb(90,91,94) 50%, rgb(143,145,148) 91%);
	background-image: -webkit-linear-gradient(bottom, rgb(90,91,94) 50%, rgb(143,145,148) 91%);
	background-image: -ms-linear-gradient(bottom, rgb(90,91,94) 50%, rgb(143,145,148) 91%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.5, rgb(90,91,94)),
	color-stop(0.91, rgb(143,145,148))
	);
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding-bottom: 10px;
}
ul#products.sf-menu {
	width: 102px!important;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			30px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			110px; /* match ul width */
	top:			0;
}
ul#products.sf-menu li li:hover ul,
ul#products.sf-menu li li.sfHover ul {
	left:			102px!important; /* match ul width */
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			110px; /* match ul width */
	top:			0;
}
ul#products.sf-menu li li li:hover ul,
ul#products.sf-menu li li li.sfHover ul {
	left:			102px!important; /* match ul width */}
ul.sf-menu li li,
ul.sf-menu li li a {
	height: 18px;
	line-height: 18px;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	0;
}
.sf-menu a {
	/*border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;*/
	/*padding: 		.75em 1em;*/
	width:154px;
	padding-left: 0px;
	height: 30px;
	line-height: 30px;
	text-decoration:none;
}
ul#products.sf-menu a {
	width:102px!important;
}
.sf-menu li {
	/*border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;*/
	/*padding: 		.75em 1em;*/
	width:154px;
	height: 30px;
	line-height: 30px;
}
ul#products.sf-menu li {
	width:102px!important;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
	background:		transparent;
}
.sf-menu li ul li {
	background:		transparent;
	border-right: none;
}
.sf-menu li li li {
	background:		transparent;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		transparent;
	outline:		0;
}

.sf-menu li li a {
	width: 145px;
	padding-left: 5px;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	/*padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
	display:none;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
	display:none;
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


.sf-menu li {
	border-right: 2px solid #fff;
}
.sf-menu li.alpha {
	border-left: 2px solid #fff;
}

#navigation li li a:link,
#navigation li li a:visited{
	background-image: none;
	color: #fff;
	background-color: transparent;
}
#navigation li li a:hover {
	color: #fff;
	background-color: transparent;
	text-decoration: underline;
}
#products li li a:hover {
	color: #0065A4;
	background-color: #DDD;
}
#navigation li a:hover {
	color: #fff;
}
#products li a:hover {
	color: #FFF;
	background-color: #008852;
}
#navigation li li a:active,
#products li li a:active {
	color: #000;
	background-color: #CCC;
}
#navigation li a:active,
#products li a:active {
	color: #666;
}
.solutionCategories li:before,
#headerNav li:before,
#products li li a:before,
#navigation li li a:before {
	content: "\003A \0020";
}
#navigation li a#newsNav {
	background: #FFF url(images/bkd-nav-xtile-hover.png) repeat-x left top;
}



/* =Menu
-------------------------------------------------------------- */

#navigationWrapper {
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-left: 11px;
	clear: both;
	z-index: 99;
	height: 30px;
	margin-bottom: 0px!important;
	padding-bottom: 0px!important;
	background: url("images/bkd-nav-xtile.png") repeat-x scroll left top transparent;
}
#navigationWrapper ul#products {
	padding-right: 6px;
}

#access {
	background: #008b58; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOGI1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iIzg4YzBhOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg4JSIgc3RvcC1jb2xvcj0iIzAwODg1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #008b58 0%, #88c0a8 19%, #008853 88%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008b58), color-stop(19%,#88c0a8), color-stop(88%,#008853)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #008b58 0%,#88c0a8 19%,#008853 88%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #008b58 0%,#88c0a8 19%,#008853 88%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #008b58 0%,#88c0a8 19%,#008853 88%); /* IE10+ */
	background: linear-gradient(to bottom,  #008b58 0%,#88c0a8 19%,#008853 88%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008b58', endColorstr='#008853',GradientType=0 ); /* IE6-8 */
	clear: both;
	display: block;
	height: 30px;
	margin: 0px auto;
	width: 960px;
}
.menu-header { width: 950px; margin: 0 auto;}
#access ul {
	font-size: 1em;
	list-style: none;
	/*margin: 0 0 0 -0.8125em;*/
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
	border-right: 2px solid #fff;
	height: 30px;
    line-height: 30px;
    width: 154px;
    vertical-align: center;
    text-align: center;
}
#access ul li:first-child { border-left: 2px solid #fff;}
#access ul li ul li:first-child { border: none;}
#access a {
	color: #fff;
	display: block;
	line-height: 30px;
	text-decoration: none;
	height: 30px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			115px; /* left offset of submenus need to match (see below) */
	}
.sf-menu li ul {
	width:  152px;
	background-color: #5a5b5e;
	border: 1px solid #5a5b5e;
	background-image: linear-gradient(bottom, rgb(90,91,94) 50%, rgb(143,145,148) 91%);
	background-image: -o-linear-gradient(bottom, rgb(90,91,94) 50%, rgb(143,145,148) 91%);
	background-image: -moz-linear-gradient(bottom, rgb(90,91,94) 50%, rgb(143,145,148) 91%);
	background-image: -webkit-linear-gradient(bottom, rgb(90,91,94) 50%, rgb(143,145,148) 91%);
	background-image: -ms-linear-gradient(bottom, rgb(90,91,94) 50%, rgb(143,145,148) 91%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.5, rgb(90,91,94)),
	color-stop(0.91, rgb(143,145,148))
	);
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding-bottom: 10px;
}

#access ul ul {
	display: none;
	float: left;
	left: 0;
	margin: 0;
	padding-top: 5px;
	position: absolute;
	top: 30px;
	width: 152px;
	z-index: 99999;

	background-color: #5a5b5e;
	border: 1px solid #5a5b5e;
	background-image: linear-gradient(bottom, rgb(90,91,94) 50%, rgb(143,145,148) 91%);
	background-image: -o-linear-gradient(bottom, rgb(90,91,94) 50%, rgb(143,145,148) 91%);
	background-image: -moz-linear-gradient(bottom, rgb(90,91,94) 50%, rgb(143,145,148) 91%);
	background-image: -webkit-linear-gradient(bottom, rgb(90,91,94) 50%, rgb(143,145,148) 91%);
	background-image: -ms-linear-gradient(bottom, rgb(90,91,94) 50%, rgb(143,145,148) 91%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.5, rgb(90,91,94)),
	color-stop(0.91, rgb(143,145,148))
	);
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;

}
#access ul ul li { border: none; padding-left: 5px; height: 20px;}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 18px;
	padding: 0px 0 10px 0;
	text-align: left;
	width: 142px;
}
#access ul ul a:hover { text-decoration: underline;}
#access ul ul a:before {
	content: "\003A \0020";
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: transparent;
}
#access li:hover > a,
#access a:focus {

	background: #114e2f; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExNGUyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjMDQ4NDU3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjMzk2ZjU0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAxNDYyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #114e2f 0%, #048457 4%, #396f54 51%, #014624 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#114e2f), color-stop(4%,#048457), color-stop(51%,#396f54), color-stop(100%,#014624)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #114e2f 0%,#048457 4%,#396f54 51%,#014624 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #114e2f 0%,#048457 4%,#396f54 51%,#014624 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #114e2f 0%,#048457 4%,#396f54 51%,#014624 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #114e2f 0%,#048457 4%,#396f54 51%,#014624 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#114e2f', endColorstr='#014624',GradientType=0 ); /* IE6-8 */
	color: #fff;


}
#access ul li:hover > ul {
	display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	background: #114e2f; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExNGUyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjMDQ4NDU3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjMzk2ZjU0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAxNDYyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #114e2f 0%, #048457 4%, #396f54 51%, #014624 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#114e2f), color-stop(4%,#048457), color-stop(51%,#396f54), color-stop(100%,#014624)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #114e2f 0%,#048457 4%,#396f54 51%,#014624 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #114e2f 0%,#048457 4%,#396f54 51%,#014624 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #114e2f 0%,#048457 4%,#396f54 51%,#014624 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #114e2f 0%,#048457 4%,#396f54 51%,#014624 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#114e2f', endColorstr='#014624',GradientType=0 ); /* IE6-8 */
	color: #fff;
	font-weight: normal;
}

#access .current-menu-item ul li > a,
#access .current-menu-ancestor ul li > a,
#access .current_page_item ul li > a,
#access .current_page_ancestor ul li > a {
	background: transparent;
}


/* = Home Page Styles
-------------------------------------------------------------- */

#solutionsButtons {
    height: 132px;
    margin: 10px 0;
}
#solutionsButtons li {
    width: 220px;
    padding:  0 10px;
    background: url('images/bkd-buttondivider.png') right top no-repeat;
    float: left;
}
#solutionsButtons li.omega {
    background: none;
}
#solutionsButtons li a {
    display: block;
    width: 220px;
    height: 132px;
    text-indent: -9999px;
}

#solutionsButtons li#productSearch a {
    background: url('images/matrix-homebuttons.jpg') -10px 0 no-repeat;
}
#solutionsButtons li#productSearch a:hover {
    background: url('images/matrix-homebuttons.jpg') -10px -132px no-repeat;
}

#solutionsButtons li#mobileSolutions a {
    background: url('images/matrix-homebuttons.jpg') -250px 0 no-repeat;
}
#solutionsButtons li#mobileSolutions a:hover {
    background: url('images/matrix-homebuttons.jpg') -250px -132px no-repeat;
}

#solutionsButtons li#industrialSolutions a {
    background: url('images/matrix-homebuttons.jpg') -490px 0 no-repeat;
}
#solutionsButtons li#industrialSolutions a:hover {
    background: url('images/matrix-homebuttons.jpg') -490px -132px no-repeat;
}

#solutionsButtons li#serviceSolutions a {
    background: url('images/matrix-homebuttons.jpg') -730px 0 no-repeat;
}
#solutionsButtons li#serviceSolutions a:hover {
    background: url('images/matrix-homebuttons.jpg') -730px -132px no-repeat;
}
/*
-- Home Page Styles
*/
#homeHolder {
	background: #9C9B9B;
	overflow: hidden;
}

#videoHolder {
	width: 300px;
	padding: 10px;
	float: left;
}

#videoHolder h3 {
	color: white;
}

#videoHolder p {
	color: white;
}

#videoHolder a {
	color: black;
}

#scrollHolder {
	width: 600px;
	float: right;
	background-color: #E2E1E1;
	padding: 0 20px 20px;
}

#scrollHolder h3 {
	background: url('images/icon-news.png') left top no-repeat;
	line-height: 2em;
	font-size: 21px;
	margin: 10px 0;
	padding-left: 64px;
	color: black;
}

#scrollHolder #postHolder {
	padding: 10px;
	background-color: white;
	border: 1px solid white;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, .1);
	box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, .1);
}

#postHolder ul {
	border: 1px solid #D6D5D5;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-radius: 6px 0px 0px 6px;
	border-radius: 6px 0px 0px 6px;
	height: 325px;
	overflow: auto;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	padding: 0 10px;
}

#postHolder ul li.featured {
	border-bottom: 2px dotted #D6D5D5;
	padding: 10px 0;
	min-height: 100px;
}

li.featured h4{
	font-size: 1.2em;
	text-transform: none;
	color: #111;
}

li.featured img {
	width: 120px;
	height: 100px;
	float: left;
	margin-right: 10px;
}

li.featured .date {
	color: #008852;
}

li.featured p {
	font-size: 1.1em;
	padding-left: 130px;
	line-height: 1.2em;
	margin: 0;
}


/*
-- Form Styles
----Individual Form Styles located in css/formStyles.css and only called on those two pages
*/

.required {
color: #069;
font-size: 0.9em;
}

#formHolder {
	float: right;
	width: 790px;
}

fieldset {
border: 1px solid #CCC;
margin-bottom: 8px;
padding-top: 16px;
padding-right: 16px;
padding-left: 16px;
padding-bottom: 16px;
}

fieldset p { margin: 0;}

form ul li {
list-style-type: none!important;
}

fieldset li {
	margin-bottom: 8px;
}

label {
	color: #333;
	display: block;
	font-size: 0.8em;
}

input.wpcf7-text {
border-top: 2px solid #999;
border-left: 2px solid #999;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
width: 340px;
font-size: 1.1em;
}

legend {
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #008852;
	margin-bottom: 0px;
}

#terms {
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	font-size: .875em;
	height: 140px;
	overflow: auto;
}

input#billingZip,
input#shippingZip,
input#phone,
input#fax,
input#accountsPayableFax,
input#purchasingFax,
input#companyFax01,
input#companyFax02,
input#companyFax03,
input#bankFax03,
input#companyPhone01,
input#companyPhone02,
input#companyPhone03,
input#bankPhone04{
	width: 144px!important;
}

fieldset#billingAddress,
fieldset#shippingAddress,
fieldset#accountsPayableContact,
fieldset#accountsPurchasingContact{
	float: left;
	width: 346px;
}
fieldset#billingAddress,
fieldset#accountsPayableContact{
	margin-right: 16px;
}
fieldset#companyVitals,
fieldset#references,
fieldset#originalOrderInfo{
	clear: both;
}

fieldset#companyReferences ol,
fieldset#itemsForReturn ol {
	list-style-type: decimal;
	margin-left: 20px;
}

fieldset#companyReferences ol li,
fieldset#itemsForReturn ol li {
	float: left;
	list-style-type: decimal;
	width: 346px;
}

fieldset#companyReferences ol li.referenceOdd,
fieldset#itemsForReturn ol li.odd {
	margin-right: 30px;
}

span.wpcf7-not-valid-tip {
    color: #F00;
    font-size: 1em;
    display: block;
}

span.wpcf7-not-valid-tip, span.wpcf7-not-valid-tip-no-ajax {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
background: #FFF none repeat scroll 0% 0%;
border: 1px solid #F00;
font-size: 10pt;
width: 280px;
padding: 2px;
}

div.wpcf7-response-output {
	background-color: #019263;
	color: #fff;
}
div.wpcf7-mail-sent-ok {
	border: 2px solid #4F4E4E;
}

div#verify {
	background-color: #efefef;
	margin: 9px 0 0 0;
	padding: 10px;
}

div#verify input.wpcf7-submit {
	margin: 9px 0;
}

/* 
 -- Fix the nav menu
*/
#access ul.sub-menu  ul.sub-menu {
	top: 10px;
	left: 140px;
}


/* =Product Search Styles
-------------------------------------------------------------- */

div#intro input[type="text"], div#intro input.textbox {
	border: 1px solid silver;
	font-size: 1.1em;
	margin: 0 10px 20px 0;
	padding: 4px;
	width: 340px;
}

ul#suppliers {
	overflow: hidden;
}

ul#suppliers ul {
	margin-left: 20px;
}

ul#suppliers li {
	list-style: none;
}

.cat-item-41, .cat-item-51 {
	border: 2px solid #008852;
	-moz-border-radius-topleft: 30px;/*FireFox*/
    -webkit-border-top-left-radius: 30px;/*Chrome/Safari*/
    -khtml-border-top-left-radius: 30px;/*Konquerer*/
    border-top-left-radius: 30px;/*future-proofing*/
	margin-right: 10px;
	min-height: 220px;
	overflow: hidden;
	padding: 20px;
	width: 300px;
}

.cat-item-41 {
	float: left;
}

.cat-item-51 {
	float: right;
	margin-right: 80px;
}

.cat-item-41 a:link,
.cat-item-51 a:link {
	color: #008852;
	font-size: 1.6em;
	font-weight: bold;
}

/*.cat-item-41, .cat-item-14, .cat-item-51, .cat-item-62 {
	border: 2px solid #008852;
	-moz-border-radius-topleft: 30px;
    -webkit-border-top-left-radius: 30px;
    -khtml-border-top-left-radius: 30px;
    border-top-left-radius: 30px;
	margin-right: 10px;
	min-height: 220px;
	overflow: hidden;
	padding: 20px;
	width: 300px;
}
*/

/*.cat-item-41, .cat-item-14 {
	float: right;
	margin-right: 80px;
}

.cat-item-51, .cat-item-62 {
	float: left;
}

.cat-item-41 a:link,
.cat-item-14 a:link,
.cat-item-51 a:link,
.cat-item-62 a:link {
	color: #008852;
	font-size: 1.6em;
	font-weight: bold;
}
*/
ul#suppliers ul.children li{
	font-size: .6em;
	vertical-align: text-top;
}

ul#suppliers ul.children li li{
	font-size: 1em;
}

ul#suppliers ul.children li a:link,
ul#suppliers ul.children li a:visited,
ul#tax-category-children li a:link,
ul#tax-category-children li a:visited {
	display: block;
	font-weight: normal;
	padding: 5px;
}
ul#suppliers ul.children li a:link,
ul#suppliers ul.children li a:visited,
ul#suppliers ul.children li li a:link,
ul#suppliers ul.children li li a:visited,
ul#tax-category-children li a:link,
ul#tax-category-children li a:visited,
ul#tax-category-children li a:link,
ul#tax-category-children li a:visited {
	display: block;
	font-weight: normal;
	padding: 5px;
	color: #666;
}
ul#suppliers ul.children li a:hover,
ul#suppliers ul.children li a:active,
ul#suppliers ul.children li li a:hover,
ul#suppliers ul.children li li a:active,
ul#tax-category-children li a:hover,
ul#tax-category-children li a:active {
	background-color: #008852;
	color: #FFF;
	text-decoration: none;
}

ul#suppliers ul.children { margin-left: 0;}

ul#tax-category-children {
	border-bottom: 2px dotted #D6D5D5;
}

ul#tax-category-children li {
	display: inline;
	float: left;
	padding: 0 5px;
	width: 245px;
}