/*960.gs Resets*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/*960.gs Typography*/
body{font:13px/1.5 'Helvetica Neue', Helvetica, Arial,'Liberation Sans',FreeSans, sans-serif;}
a:focus{outline:1px dotted invert}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{font-size:25px}
h2{font-size:23px}
h3{font-size:21px}
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:15px}

/* Base generic styles */
body, select, input, button, textarea {
	font-family: 'Lucida Grande', Arial,'Liberation Sans',FreeSans, sans-serif;
}
body {
	background: #0d619b url('../images/layout/header-outer-bg.jpg') repeat-x top left;
	color: #4b4b4b;
}
a:link,
a:visited {
	color: #0c71b7;
	text-decoration: none;
}
a:hover,
a:active buttons{
	text-decoration: underline;
}

.f-lft { float: left }
.f-rgt { float: right }
.clear { clear: both }
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .clear { height: 1% }

.clickable { cursor: pointer; }
.ir span { display: none; }
.ir a {
	color: transparent;
	display: block;
	height: 100%;
	width: 100%;
}
.static-header {
	padding: 25px 0 12px 0;
	font-size: 18px;
	color: #F57E56;
	font-weight: bold;
}

h2, h3, h4, .grid-header {
	font-size: 14px;
	font-weight: bold;
}
.sub-intro {
	padding-bottom: 10px;
}
.sub-intro h2 {
	color: #f25c29;
	padding-bottom: 10px;
}
.grid-header,
.grid-header a:link,
.grid-header a:visited {
	height: 27px;
	padding: 25px 0 12px 0;
	color: #000;
	text-transform: uppercase;
}
.grid-header a:hover {
	text-decoration: none;
	color: #0c71B7;
}
.grid-header a.category-title,
.grid-header a.subcategory-title,
.grid-header a.product-title,
.grid-header .category-title,
.grid-header .subcategory-title,
.grid-header .product-title{
	text-transform: none;
}
.grid-item h2 {
	padding: 0;
	margin: 0;
}
.grid-item h2 a:link,
.grid-item h2 a:visited {
	padding-top: 10px;
	color: #f25c29;
}

hr.clear {
	border: none;
	margin: 0;
	padding: 0;
}
.hr-fancy {
	height: 7px;
	background: #fff url('../images/layout/hr-bg.png') repeat-x bottom;
}
.hr-fancy hr {
	display: none;
	border: none;
}

#masthead {
	background: transparent url('../images/layout/header-bg.jpg') repeat-x top left;
	height: 194px;
	width: 980px;
	margin: 0 auto;
}
#slogan-bar {
	padding-top: 20px;
}
#service-header {
	float: left;
	width: 374px;
	height: 12px;
	display: block;
	background: transparent url('../images/icons/service-header-trans.png') no-repeat top left;
}
#slogan {
	display: block;
	float: right;
	width: 241px;
	height: 15px;
	margin-right: 15px;
	background: transparent url('../images/icons/slogan-blue-trans.png') no-repeat top left;
}
#rfq-cart {
	display: block;
	float: right;
	width: 91px;
	height: 18px;
	margin-top: -3px;
	background: transparent url('../images/icons/rfq-cart-trans.png') no-repeat top left;
}
#logo {
	float: left;
	width: 375px;
	height: 62px;
	background: transparent url('../images/icons/logo-trans.png') no-repeat bottom left;
	margin-top: 30px;
	display: block;
}

#header-search {
	position: relative;
	float: right;
	width: 353px;
	height: 63px;
	margin-top: 49px;
	background: transparent url('../images/layout/search-box-trans.png') no-repeat bottom right;
	display: block;
}
#header-search input#search {
	position: absolute;
	bottom: 16px;
	left: 48px;
	border: 0 none;
	margin: 0;
	padding: 0;
	height: 20px;
	width: 220px;
	line-height: 24px;
	font: bold 14px/24px Helvetica, Arial, sans-serif;
	color: #829db6;
	background-color: #fff;
}
#header-search input#submit-search {
	position: absolute;
	bottom: 15px;
	right: 16px;
	background: transparent url('../images/buttons/go-button-trans.png') no-repeat top left;
	width: 49px;
	height: 30px;
	display: block;
	overflow: hidden;
	text-indent: -1000px;
	cursor: pointer;
	border: 0 none;
	font-size: 0px;
	line-height: 0px;
}
#header-search input#submit-search:hover {
	background-position: bottom left;
}
/* MEGAMENU */
/* Fix IE7 z-index bug, see http://www.quirksmode.org/bugreports/archives/2006/01/Explorer_z_index_bug.html#c10700 */
body { z-index: 1; }
#masthead { z-index: 100; position: relative; }
#top { z-index: 101; position: relative; }
#slogan-bar { z-index: 102; position: relative; }
#logo { z-index: 103; position: relative; }
#header-search { z-index: 104; position: relative; }
#nav {
	width: 960px;
	margin: 2px 0 0 0;
	z-index: 105;
	position: relative;
}
#megamenu { z-index: 106; position: relative; }
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	background-position: top left;
	background-color: transparent;
	z-index: 107;
	position: relative;
}
#nav li a {
	height: 36px;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	z-index: 108;
	position: relative;
}
#nav-company   a { background-image: url('../images/menu/company.png'); width: 197px; }
#nav-contact   a { background-image: url('../images/menu/contact.png'); width: 224px; }
#nav-products  a { background-image: url('../images/menu/products.png'); width: 172px; }
#nav-resources a { background-image: url('../images/menu/resources.png'); width: 200px; }
#nav-services  a { background-image: url('../images/menu/services.png'); width: 166px; }

.nav-company-on   #nav-company   a, #nav-company   a:hover, #nav-company.menuHover   a { background-image: url('../images/menu/company-on.png'); }
.nav-contact-on   #nav-contact   a, #nav-contact   a:hover, #nav-contact.menuHover   a { background-image: url('../images/menu/contact-on.png'); }
.nav-products-on  #nav-products  a, #nav-products  a:hover, #nav-products.menuHover  a { background-image: url('../images/menu/products-on.png'); }
.nav-resources-on #nav-resources a, #nav-resources a:hover, #nav-resources.menuHover a { background-image: url('../images/menu/resources-on.png'); }
.nav-services-on  #nav-services  a, #nav-services  a:hover, #nav-services.menuHover  a { background-image: url('../images/menu/services-on.png'); }

ul#megamenu li li {
	float: none;
	margin-bottom: 3px;
	padding: 3px 0;
	text-transform: none;
}
ul#megamenu li.sub li a {
	background: none;
	color: #fff;
	display: inline;
	padding: 0;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	text-shadow: #804430 0 1px 0;
}
ul#megamenu li.sub li a:hover {
	color: #000;
	text-shadow: none;
}
ul#megamenu li div.menus {
	display: none;
	margin: 19px 0 30px 0;
	padding: 0 20px;
	width: 281px;
	text-align: left;
}
.menutop {
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
	height: 10px;
	width: 321px;
	margin: -10px 0 0 -20px;
	z-index: 6000;
	position: relative;
}
#nav-company  .menutop { background-image: url(../images/menu/company-pop-top-trans.png); }
#nav-products .menutop { background-image: url(../images/menu/products-pop-top-trans.png); }
#nav-services .menutop { background-image: url(../images/menu/services-pop-top-trans.png); }
.menubottom {
	background: transparent url(../images/menu/pop-bottom-trans.png) top left no-repeat;
	clear: both;
	margin: 0 0 -10px -20px;
	height: 10px;
	width: 321px;
}
ul#megamenu li.menuHover div.menus {
	background: transparent url(../images/menu/pop-body-trans.png) top left repeat-y;
	display: block;
	position: absolute;
	top: 24px;
	left: 1px;
	z-index: 5000;
}
ul#megamenu li.menuHover div.col {
	float: left;
	width: 49%;
	padding-top: 10px;
}
ul#megamenu li.menuHover div.singlecol div.col {
	float: none;
	width: auto;
}
ul#megamenu li.menuHover div.col ul {
	margin-bottom: 15px;
}
ul#megamenu li.menuHover ul ul {
	border: 0;
	padding: 0;
	position: static;
	width: auto;
}
ul#megamenu li.leftend div.menus {
	left: 0;
}
ul#megamenu li.rightend div.menus {
	left: auto;
	right: -55px;
}


#main {
	background-color: #fff;
	min-height: 300px;
	padding-bottom: 20px;
}
#footer-menu {
	width: 100%;
	height: 210px;
	background: transparent url('../images/layout/footer-menu-bg.png') repeat-x top left;
}
#footer-menu h3 {
	color: #fff;
	text-shadow: black 0 1px 0;
	padding: 15px 0 10px 0;
}
#footer-menu li,
#footer-menu li a {
	color: #013d67;
	font-size: 12px;
	text-shadow: #62a1cc 0 1px 0;
}
#footer {
	padding-top: 15px;
	width: 100%;
	height: 27px;
	background: transparent url('../images/layout/footer-bg.png') repeat-x top left;
	font-size: 11px;
	color: #fff;
}
#footer li,
#footer li a {
	float: left;
	color: #fff;
	margin-right: 5px;
}
#footer .copyright {
	float: left;
}
.copyright strong {
	font-family: 'Arial Black', Arial, sans-serif;
}


/* Grid styles */
.grid-item {
	margin-bottom: 25px;
	overflow: hidden;
}
.grid-item img {
	margin: 0 auto;
	padding: 2px;
	float: center;
	max-width: 136px;
	max-height: 154px;
}
.grid-item .img-frame {
	background: #fff url('../images/layout/grid-img-frame.png') no-repeat top center;
	width: 140px;
	height: 159px;
	display: block;
}
.grid-item .img-frame:hover {
	background-image: url('../images/layout/grid-img-frame-hover.png');
}
.grid-item.grid_4 img {
	max-width: 290px;
	max-height: 189px;
}
.grid-item.grid_4 .img-frame {
	background-image: url('../images/layout/grid4-img-frame.png');
	width: 300px;
	height: 189px;
}
.grid-item.grid_4 a:hover .img-frame {
	background-image: url('../images/layout/grid4-img-frame-hover.png');
}
.grid-item p {
	word-wrap: break-word;
	padding: 0;
}
.grid-item p a:link,
.grid-item p a:hover,
.grid-item p a:visited {
	color: #4b4b4b;
	padding: 5px 0 0 0;
}
.grid-item h2 a:hover,
.grid-item p a:hover {
	text-decoration: none;
	color: #0C71B7;
}

/* Sidebar styles */
#sidebar {
	min-height: 600px;
}
.box-top span { display: none; }
.box-body {
	background: transparent url('../images/layout/box-body.png') repeat-y top left;
	width: 270px;
	overflow: auto;
}
.box-bottom {
	height: 10px;
	width: 270px;
	margin-bottom: 30px;
	background: transparent url('../images/layout/box-bottom.png') no-repeat bottom left;
}
.box-top {
	height: 32px;
	width: 270px;
}
.categories    .box-top { background: transparent url('../images/layout/box-top-categories.png') no-repeat top left; }
.highlights    .box-top { background: transparent url('../images/layout/box-top-highlighted.png') no-repeat top left; }
.services      .box-top { background: transparent url('../images/layout/box-top-services.png') no-repeat top left; }
.learn-more    .box-top { background: transparent url('../images/layout/box-top-learn.png') no-repeat top left; }
.call-to-order .box-top { background: transparent url('../images/layout/box-top-call-order.png') no-repeat top left; }
#sidebar p {
	padding: 10px 0;
	margin: 0 20px;
}
#sidebar ul {
	padding: 10px 0;
	margin: 0 20px 0 7px;
}
#sidebar ul ul {
	padding: 0 0 5px 0;
}
#sidebar ul li a {
	float: left;
	padding-left: 13px;
	width: 200px;
}
#sidebar li:hover,
.categories .selected-category,
.categories .selected-subcategory {
	background: transparent url('../images/icons/selected-bullet-trans.png') no-repeat 0 5px;
}
#sidebar ul li a.pdf-download {
	display: block;
	float: right;
	height: 16px;
	width: 16px;
	margin-right: -10px;
	background: transparent url('../images/icons/download-trans.png') no-repeat 0 2px;
}
.categories .selected-category ul li a:link,
.categories .selected-category ul li a:visited {
	color: #0C71B7;
	font-weight: normal;
}
.categories .selected-category a:link,
.categories .selected-category a:visited,
.categories .selected-category ul li.selected-subcategory a:link,
.categories .selected-category ul li.selected-subcategory a:visited {
	color: #4b4b4b;
	font-weight: bold;
}
#sidebar a:hover,
.categories li.selected-category ul li a:hover {
	text-decoration: none;
	color: #f25c29;
}
.call-to-order p {
	font-weight: bold;
}
.how-to-rfq {
	height: 30px;
	width: 270px;
	margin-bottom: 30px;
	background: transparent url('../images/buttons/how-to-create-button-trans.png') no-repeat top left;
}
.how-to-rfq:hover {
	background-position: bottom left;
}
.highlight-box-top,
.highlight-box-bottom {
	background: transparent url('../images/layout/highlight-brand-top-trans.png') no-repeat bottom left;
	height: 10px;
	width: 230px;
	margin: 0 auto;
	display: block;
}
.highlight-box-bottom {
	background: transparent url('../images/layout/highlight-brand-bottom-trans.png') no-repeat top left;
}
.highlight-box {
	padding: 20px 0 10px 0;
	margin: 0 auto;
	width: 230px;
	display: block;
}
.highlight-box-body {
	display: block;
	text-align: center;
	background: #fff url('../images/layout/highlight-brand-body-trans.png') repeat-y;
}
/* List styles */
ul.star li {
	background: #fff url('../images/icons/asterix-bullet.png') no-repeat 0 0;
	padding-left: 20px;
}
.downloads {
	background: #fff url('../images/icons/download-trans.png') no-repeat 0 0;
	padding-left: 20px;
}
ol li {
	list-style-type: decimal;
}
p {
	padding: 0 20px 10px 0;
}
.intro {
	font-size: 14px;
}
.impact {
	font-style: italic;
	font-weight: bold;
}
ul.header-blurb {
	font-weight: bold;
	font-size: 14px;
	width: 580px;
	display: block;
	clear: both;
}
ul.header-blurb li {
	float: left;
	padding: 0 30px 10px 0;
}
dt {
	width: 45%;
	float: left;
}
dd {
	width: 55%;
	float: left;
}
h3.content {
	padding: 10px 0;
}
/* Forms */
.btn {
	text-indent: -1000px;
	display: block;
	font-size: 0px;
	line-height: 0px;
	cursor: pointer;
	border: 0;
	height: 30px;
	background-repeat: no-repeat;
	background-color: transparent;
	overflow: hidden;
}
.btn:hover {
	background-position: bottom left;
}
.rounded-inputs label span {
	height: 14px;
	padding-top: 6px;
	vertical-align: bottom;
	display: block;
	float: left;
}
.rounded-inputs input[type=text],
.rounded-inputs textarea {
	font-family: 'Lucida Grande', Arial,'Liberation Sans',FreeSans, sans-serif;
	font-size: 13px;
	color: #4b4b4b;
	padding: 8px 5px;
	border: 0 none;
	display: block;
	background-repeat: no-repeat;
	background-image: url('../images/forms/request-contact-input.png');
	width: 157px;
}
.rounded-inputs input[type=text].short {
	width: 40px;
	height: 16px;
	background: #fff url('../images/forms/parts-table-input.png') no-repeat top left;
}
.rounded-inputs textarea {
	margin-top: 10px;
	background: #fff url('../images/forms/input-textarea.png') no-repeat top left;
	width: 470px;
	height: 99px;
	padding: 8px 5px 8px 5px;
}
.contact label span {
	margin-top: 10px;
	width: 140px;
}
.contact input[type=text] {
	margin-top: 10px;
	width: 470px;
	background-image: url('../images/forms/wide-contact-input.png');
}
.contact input[type=submit],
.contact input[type=reset] {
	float: right;
	height: 30px;
	width: 66px;
	margin: 20px 0 0 15px;
	display: block;
	background-image: url('../images/buttons/send-button-trans.png');
	background-position: top left;
}
.contact input[type=reset] {
	width: 70px;
	background-image: url('../images/buttons/reset-button-trans.png');
}
.contact input[type=submit]:hover,
.contact input[type=reset]:hover {
	background-position: bottom left;
}
.errors {
	color: #ff4000;
	font-weight: bold;
	padding-bottom: 10px;
}

/* Google search styles */
.gsc-control-cse {
font-family: Arial, sans-serif;
border-color: #FFFFFF;
background-color: #FFFFFF;
}
input.gsc-input {
border-color: #BCCDF0;
}
input.gsc-search-button {
border-color: #666666;
background-color: #CECECE;
}
.gsc-tabHeader.gsc-tabhInactive {
border-color: #E9E9E9;
background-color: #E9E9E9;
}
.gsc-tabHeader.gsc-tabhActive {
border-top-color: #FF9900;
border-left-color: #E9E9E9;
border-right-color: #E9E9E9;
background-color: #FFFFFF;
}
.gsc-tabsArea {
border-color: #E9E9E9;
}
.gsc-webResult.gsc-result {
border-color: #FFFFFF;
background-color: #FFFFFF;
}
.gsc-webResult.gsc-result:hover {
border-color: #FFFFFF;
background-color: #FFFFFF;
}
.gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link b {
color: #0C71B7;
}
.gs-webResult.gs-result a.gs-title:visited,
.gs-webResult.gs-result a.gs-title:visited b {
color: #0C71B7;
}
.gs-webResult.gs-result a.gs-title:hover,
.gs-webResult.gs-result a.gs-title:hover b {
color: #F25C29;
}
.gs-webResult.gs-result a.gs-title:active,
.gs-webResult.gs-result a.gs-title:active b {
color: #0C71B7;
}
.gsc-cursor-page {
color: #0C71B7;
}
a.gsc-trailing-more-results:link {
color: #0C71B7;
}
.gs-webResult.gs-result .gs-snippet {
color: #4B4B4B;
}
.gs-webResult.gs-result .gs-visibleUrl {
color: #0A8F26;
}
.gs-webResult.gs-result .gs-visibleUrl-short {
color: #0A8F26;
}
.gsc-cursor-box {
border-color: #FFFFFF;
}
.gsc-results .gsc-cursor-page {
border-color: #E9E9E9;
background-color: #FFFFFF;
}
.gsc-results .gsc-cursor-page.gsc-cursor-current-page {
border-color: #FF9900;
background-color: #FFFFFF;
}
.gs-promotion.gs-result {
border-color: #336699;
background-color: #FFFFFF;
}
.gs-promotion.gs-result a.gs-title:link {
color: #0C71B7;
}
.gs-promotion.gs-result a.gs-title:visited {
color: #0C71B7;
}
.gs-promotion.gs-result a.gs-title:hover {
color: #F25C29;
}
.gs-promotion.gs-result a.gs-title:active {
color: #0C71B7;
}
.gs-promotion.gs-result .gs-snippet {
color: #000000;
}
.gs-promotion.gs-result .gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl-short {
color: #0A8F26;
}