@charset "utf-8";
/**********************************************************
*	#0085c6 - link blue
*	#3689b3 - border blue
*	#57585b - dark gray (body text)
*	#d1d2d3 - silver
*	#a7a9ac - gray borders
***********************************************************/
/**********************************************************/
/*
/*  GENERAL TAGS
/*
/**********************************************************/
/* LINKS */
a {
  color: #3366cc;
  text-decoration: none;
}
a:visited {
  color: #3366cc;
}
a:hover {
  color: #3366cc;
  text-decoration: underline;
}
a img {
  border: 0;
}
/* HEADINGS */
h1 {
  color: #146DAF;
  font-size: 20px;
  font-weight: bold;
  margin: 1em 0;
  line-height: 1.33em;

	/* new 2015 */
	font-family: 'Oswald', sans-serif;
	font-size: 28px;
	margin: 15px 0 50px 0;
	text-transform: uppercase;
}
h1 em {
  color: #000;
  font-size: 16px;
  font-style: normal;
  padding-left: 3px;
  font-weight: normal;
  line-height: 1.33em;
  margin: 1em 0;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 1.5em 0 0.5em 0;
	line-height: 1.33em;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
}
h3 {
  font-size: 14px;
  margin: 2em 0 1em 0;
  line-height: 1.33em;
}
h4 {
  font-size: 12px;
  font-weight: bold;
  margin: 1em 0 0 0;
  line-height: 1.33em;
}
p {
  line-height: 1.5em;
}
/* LISTS */
li {
  line-height: normal;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.input-append input,
.input-append select,
.input-append .uneditable-input {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
/**********************************************************/
/*
/*  GENERAL CLASSES
/*
/**********************************************************/
/* EasyClearing http://www.positioniseverything.net/easyclearing.html */
.contain:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.contain {
  display: block;
}
/* class for items to display only during print */
.print {
  display: none;
}
.no-screen {
  display: none;
}
hr.split1 {
  background-color: #999999;
  color: #999999;
  height: 1px;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}
hr.split2 {
  background-color: #999999;
  color: #999999;
  height: 2px;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}
/**********************************************************/
/*
/*  STRUCTURE
/*
/**********************************************************/
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.3em;
  text-align: center;
  background: #c2d4fc url(../images/body_repeat.jpg) repeat-y center top;
}
.container {
  width: 992px;
  margin: 0 auto 1em auto;
  padding-bottom: 100px;
  text-align: left;
  position: relative;
}
/**********************************************************/
/*
/*  HEADER
/*
/**********************************************************/
#hd {
  position: relative;
  z-index: 2;
  background: url(../images/2015/masthead.jpg) no-repeat center top;
  height: 133px;
}
a#skip-nav {
  position: absolute;
  margin-left: -999px !important;
  color: #c7d6fd;
}
a#skip-nav:focus {
  padding: 3px;
  background: #900;
  color: #fff;
  margin-left: 0!important;
}
#hd-logo {
  position: absolute;
  top: 30px;
  left: 8px;
  width: 300px;
  height: 65px;
}
#quote-button {
  position: absolute;
  top: 44px;
  right: 185px;
}
#quote-button a {
  display: block;
  width: 96px;
  height: 21px;
  padding: 4px 8px 11px 6px;
  background: url(../images/2013/quote_button.png) no-repeat left top;
  text-indent: -999px;
  overflow: hidden;
}
#quote-button a:hover {
  background-position: left bottom;
}
#quote-phone {
  position: absolute;
  bottom: 38px;
  right: 193px;
  color: #cdd0d8;
  font-size: 24px;
  font-weight: bold;
}
/*** HORIZONTAL NAVBAR SKIN ***/
#hd .sf-menu {
  position: absolute;
  bottom: 0;
  left: 0;
  float: left;
  margin: 0;
}
#hd .sf-menu ul {
  padding: 0.5em 0;
  background: #27385c;
  /* all round corners */

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /* except top left */

  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  box-shadow: 2px 5px 10px 0 rgba(0, 0, 0, 0.4);
}
#hd .sf-menu > li > a {
  text-shadow: 0px 0px 13px rgba(8, 34, 58, 0.72);
}
#hd .sf-menu a {
  border: none;
  padding: 5px 0.85em 3px 0.85em;
  text-decoration: none;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: white;
}
#hd .sf-menu a:visited {
  /* visited pseudo selector so IE6 applies text colour*/

  color: white;
}
#hd .sf-menu ul a,
#hd .sf-menu ul a:visited {
  color: white;
  text-transform: none;
  padding: .25em 1.33em .25em 1em;
  font-weight: normal;
}
#hd .sf-menu li {
  background-color: transparent;
}
#hd .sf-menu > li > a:hover,
#hd .sf-menu .sfHover a,
#hd .sf-menu .sfHover ul {
  background: #3b598b;
  /* #2a5789; */

  color: white;
}
#hd .sf-menu ul li {
  padding-left: 0;
}
#hd .sf-menu ul a:focus,
#hd .sf-menu ul a:hover,
#hd .sf-menu ul a:active {
  background: #27385c;
}
#hd .sf-menu li:hover,
#hd .sf-menu li.sfHover,
#hd .sf-menu a:focus,
#hd .sf-menu a:hover,
#hd .sf-menu a:active {
  outline: 0;
}
.sf-arrows .sf-with-ul:after {
  content: '';
  border: 0;
}
/*** QUICK CONTACT TOOLBOX ***/
#toolbox {
  background: url("../images/2013/hd-toolbox.png") no-repeat top right;
  width: 159px;
  position: absolute;
  top: 15px;
  right: 0;
  padding: 0 0 11px 18px;
}
#toolbox input,
#toolbox select,
#toolbox option,
#toolbox textarea {
  font-size: 11px;
  color: #204670;
}
#toolbox input {
  height: 10px;
  line-height: 11px;
}
/* site search */
#toolbox .site-search {
  margin: 0;
  padding: 12px 0 9px 10px;
  border-bottom: 2px solid grey;
}
#toolbox .site-search .input-append {
  margin: 0;
}
#toolbox .site-search .input-small {
  width: 95px;
}
#toolbox .site-search .btn {
  padding: 0 0.5em;
  height: 21px;
}
#toolbox .site-search .icon-search {
  background-position-y: -1px;
}
/* quick contact */
#toolbox .quick-contact {
  margin: 0;
  padding: 8px 10px 10px 10px;
}
#toolbox .quick-contact .title {
  font-family: 'Arial Black', 'Helvetica Inserat', 'Arial Bold', Gadget, Arial, sans-serif;
  font-weight: bold;
  color: #204670;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 2px;
}
#toolbox .quick-contact input,
#toolbox .quick-contact select,
#toolbox .quick-contact textarea {
  display: block;
}
#toolbox .quick-contact input {
  margin: 2px 0;
  /* height: 10px; */

}
#toolbox .quick-contact .input-medium {
  width: 126px;
}
#toolbox .quick-contact select {
  font-size: 11px;
  padding: 1px;
  margin: 1px 0 2px 0;
  height: 21px;
  line-height: 11px;
}
#toolbox .quick-contact button {
  width: 50%;
  margin: 3px 25% 0 25%;
}
#toolbox .quick-contact textarea {
  font-size: 11px;
  line-height: 11px;
  margin: 4px 0 2px 0;
  height: 25px;
}
/* specific elements */
#toolbox .quick-contact #fname,
#toolbox .quick-contact #lname {
  width: 53px;
  margin: 2px 0;
}
#toolbox .quick-contact #fname {
  float: left;
}
#toolbox .quick-contact #lname {
  float: right;
}
#toolbox .quick-contact #product {
  float: left;
  width: 84px;
  margin: 1px 0 3px 0;
}
#toolbox .quick-contact #quantity {
  float: right;
  width: 36px;
  margin: 1px 0 3px 0;
}
#toolbox .quick-contact .formcheck {
  display: none;
}
/* element states */
#toolbox .placeholder,
#selector .placeholder {
  color: #999;
}
#toolbox .btn-warning,
#selector .btn-warning,
#newsletter .btn-warning {
  border-color: #000;
  background-image: linear-gradient(bottom, #a64d00 0%, #fa9e00 100%);
  background-image: -o-linear-gradient(bottom, #a64d00 0%, #fa9e00 100%);
  background-image: -moz-linear-gradient(bottom, #a64d00 0%, #fa9e00 100%);
  background-image: -webkit-linear-gradient(bottom, #a64d00 0%, #fa9e00 100%);
  background-image: -ms-linear-gradient(bottom, #a64d00 0%, #fa9e00 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #a64d00), color-stop(1, #fa9e00));
}
#toolbox .btn-warning:hover,
#selector .btn-warning:hover,
#newsletter .btn-warning:hover {
  background-color: #bb5100;
  background-position: 0 -25px;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
/**********************************************************/
/*
/*  CONTENT AREA
/*
/**********************************************************/
#bd {
  position: relative;
  z-index: 1;
  background-color: white;
  padding-bottom: 3em;
}
#bd > article.content {
  margin-left: 180px; /*127px;*/
  position: relative;
  z-index: 1;
  padding: 20px 30px 0 10px;
  overflow: hidden;
}
/* hidden floating block behind the quick contact so text wraps around it */
#bd > article.content:before {
  content: '';
  float: right;
  width: 145px;
  height: 110px;
  x-background-color: red;
}
.home #bd > article.content:before {
  content: none;
}
#sidebar {
  float: left;
  z-index: 10;
  padding-top: 10px;
  width: 180px; /*127px;*/
  line-height: 1.15em;
}
#sidebar .products {
  margin: 0 auto 1em 0;
}
#sidebar .products > a {
  display: block;
  height: 23px;
}
#sidebar .menu-slewing-rings { margin-top: 7px; }
#sidebar .bearing-info {
  padding: 10px;
  outline: none;
  display: block;
}
#sidebar .bearing-info > a {
  color: #888;
}
#sidebar .bearing-info a {
  padding: 5px 0;
  display: block;
}
#sidebar .bearing-info #bearingNav {
  display: none;
  font-size: 10px;
  line-height: 1em;
}
#sidebar .slewing-rings {
  display: none;
}
.home #sidebar .slewing-rings {
  display: block;
  margin: 1em auto;
  text-align: center;
}

/* sidebar mods 2015 */
#sidebar { width:180px; }
#sidebar .nav { font-family: 'Oswald', sans-serif; font-size:16px; font-weight:300; }
#sidebar .nav a { color:#888888; padding: 0 10px; overflow:auto; }
#sidebar .nav ul ul a:hover,
#sidebar .nav ul ul a:focus {
	background-color: #f6f6f6;
	color: #4D98D2;
	text-decoration: none;
}
#sidebar .nav ul { list-style-type:none; margin-left:0; }
#sidebar .nav > ul > li { margin-bottom: 0.5em; }
#sidebar .nav .section-title,
#sidebar .nav .series,
#sidebar .nav .bold { font-weight:bold; }
#sidebar .nav .section-title {
	margin-bottom: 0.25em;
	color: #195182;
	text-transform: uppercase;
}
#sidebar .nav .section-title:hover,
#sidebar .nav .section-title:focus {
	background-color: #f6f6f6;
	text-decoration: none;
}
#sidebar .nav .dimensions { font-size:14px; }
#sidebar .nav li a { display:block; }
#sidebar .nav .bearings .series { float:left; width:25%; }
#sidebar .nav .slewing .series { float:left; width:25%; }
/* sidebar mods 2015 */

#sidebar .icons {
  margin-top: 20px;
  text-align: center;
}
#us-made {
  display: none;
}
.home #us-made {
  display: inline;
}
#sidebar .links a {
  padding: 0.75em 0;
  text-align: center;
  display: block;
  font-weight: bold;
  line-height: 1em;
}
article.content {
  padding-bottom: 75px;
  /* overflow: auto; */
}
.products article.content {
  padding: 0 2em 1em 1em;
}
.charts .type {
  font-weight: bold;
  font-size: 15px;
}
.charts .numbering {
  color: #7b68ee;
  font-weight: bold;
}
#contact-form.form-horizontal .control-group:after {
  clear: none;
}
#contact-form #address2 {
  margin-top: 0.5em;
}
#contact-form input.fc {
  display: none;
}
/* form bot hidden field */
#contact-form.form-horizontal .control-label {
  width: 135px;
}
#contact-form.form-horizontal .controls {
  margin-left: 155px;
}
#contact-form.form-horizontal textarea.input-large {
  width: 75%;
}
#contact-form.form-horizontal .form-actions {
  padding-left: 0;
  text-align: center;
}
#contact-form.form-horizontal legend {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0;
}
/**********************************************************/
/*
/*  FOOTER
/*
/**********************************************************/
#ft {
  font-size: 11px;
  text-align: center;
  padding: 1em 0 5em 0;
  background: #2f3e5f url(../images/ft_repeat.jpg) repeat-y top left;
  text-align: left;
  position: relative;
  padding: 21px 28px 21px 28px;
}
#ft .menu {
  margin: 1.5em 0;
}
#ft .silverthin {
  color: #000099;
  font-size: 14px;
  font-weight: bold;
}
#ft h2 {
  font-weight: bold;
  font-size: 11px;
}
#ft .ft-col h2 {
  border-bottom: 1px solid #5875b5;
  padding: 0 0 0 4px;
  margin: 0 0 8px 0;
}
#ft h2,
#ft strong {
  color: #ffe222;
}
#ft a {
  text-decoration: none;
}
#ft a:hover,
a:focus {
  text-decoration: underline;
}
#ft .ft-col {
  float: left;
  margin-right: 24px;
}
#ft .ft-cols .applications {
  margin-right: 0;
}
#ft .ft-col ul {
  margin: 0;
  padding: 0;
}
#ft .ft-col li {
  padding: 0 23px 0 4px;
  list-style-type: none;
  line-height: 13px;
}
#ft .ft-contact {
  padding-left: 4px;
  margin-top: 2em;
  line-height: 1.5em;
  clear: left;
}
#ft .ft-contact,
#ft .ft-contact a:link,
#ft .ft-contact a:visited {
  color: #b8d4ff;
}
#ft,
#ft a,
#ft .terms,
#ft .terms a:link,
#ft .terms a:visited {
  color: #709fe8;
}
.ft-signup {
  width: 216px;
  height: 78px;
  background: transparent url(../images/signup_back.png) no-repeat top left;
  position: absolute;
  bottom: 17px;
  right: 30px;
  padding-left: 28px;
}
#ft .ft-signup form {
  margin: 0;
}
#ft .ft-signup h2 {
  margin: 10px 0 7px 0;
}
#ft .ft-signup label {
  display: block;
  float: left;
  width: 40px;
  line-height: 16px;
  font-size: inherit;
  color: #b8d4ff;
}
#ft .ft-signup input {
  border: 0;
  border-radius: 0;
}
#ft .ft-signup label,
#ft .ft-signup input {
  margin-bottom: 0;
}
#ft .ft-signup .input {
  margin-bottom: 3px;
}
#ft .ft-signup .text {
  height: 16px;
  padding: 0;
  width: 149px;
}
#ft #subscribe {
  position: absolute;
  top: 10px;
  right: 27px;
}
#ft-legal {
  font-size: 11px;
  margin: 0.33em 0;
}
#ft-legal,
#ft-legal a:link,
#ft-legal a:visited {
  color: #445b8c;
  text-decoration: none;
}
#ft-legal a:hover,
#ft-legal a:focus {
  text-decoration: underline;
}
#ft-legal .copyright {
  float: right;
}
#nmc {
  position: absolute;
  bottom: 0;
  right: 0;
}
/**********************************************************/
/*
/*  DATA TABLES
/*
/**********************************************************/
.data {
  color: #000;
  background-color: #fff;
  empty-cells: show;
  font-size: 11px;
  margin: 1em 0;
}
.data-wide {
  width: 800px;
  max-width: 800px;
  margin: 1em 0 1em -33px;
}
/* links */
.data a,
.data a:visited {
  text-decoration: underline;
}
/* alignments */
.data td,
.data th {
  text-align: center;
}
/* fonts */
.data th {
  font-weight: normal;
}
.data .data-head th,
.data .part-no,
.data .ref-no {
  font-weight: bold;
}
.data .data-head .alt {
  color: #fff;
}
/* borders */
.data,
.data th,
.data td {
  border: 1px solid #fff;
}
/* odd row coloring */
.data-body tr {
  background-color: #fff;
}
.data-body .part-no,
.data-body .ref-no {
  background-color: #d8d8d8;
}
.data-body .alt {
  background-color: #e9e9e9;
}
/* even row coloring */
.data-body tr:nth-child(even) {
  background-color: #e9e9e9;
}
.data-body tr:nth-child(even) .part-no,
.data-body tr:nth-child(even) .ref-no {
  background-color: #bebebe;
}
.data-body tr:nth-child(even) .alt {
  background-color: #d1d1d1;
}
/* classes if assigned override nth-child */
.data-body tr.odd {
  background-color: #fff;
}
.data-body tr.odd .part-no,
.data-body tr.odd .ref-no {
  background-color: #d8d8d8;
}
.data-body tr.odd .alt {
  background-color: #e9e9e9;
}
.data-body tr.even {
  background-color: #e9e9e9;
}
.data-body tr.even .part-no,
.data-body tr.even .ref-no {
  background-color: #bebebe;
}
.data-body tr.even .alt {
  background-color: #d1d1d1;
}
/* misc */
.data sup {
  position: relative;
  left: 0;
  top: 2px;
  width: 0.5em;
}
.data tbody .mdash {
  text-align: center;
}
/* data table colors */
.silverthin .data strong {
  color: #ffffff;
}
.silverthin .data-head th,
.silverthin .data-head td {
  background-color: #84c791;
}
.silverthin .data-title th {
  color: #ffffff;
  background-color: #cbb667;
}
.silverthin .data-head .alt,
.silverthin .data-head .part-no {
  background-color: #329A60;
}
/* search results row highlight */
.highlighted td,
.highlighted a:link,
.highlighted a:visited {
  font-weight: bold;
  color: red;
}
/* interchange tables (bottom of data pages) */
.xchange-note {
  height: 70px;
  text-align: left;
}
.xchange {
  font-size: 11px;
}
.xchange tr {
  text-align: center;
}
.xchange .part-no {
  font-weight: bold;
}
.xchange thead th {
  background-color: #babbff;
}
.xchange thead td {
  background-color: #e6e6fa;
}
.xchange thead .part-no {
  background-color: #ccccff;
}
.xchange tbody td {
  background-color: #ffffff;
}
.xchange tbody td.part-no {
  background-color: #e6e6fa;
}
.xchange .even td {
  background-color: #e6e6fa;
}
.xchange .even td.part-no {
  background-color: #ccccff;
}

.products .data {
	font-size: 11px;
	margin-top: 2em;
	width:100%;
	margin-bottom: 50px;
}
.products .data thead,
.products .data .data-head {
	vertical-align:bottom;
	font-weight: bold;
}
.products .data thead .value {
	font-weight:normal;
}
.products .data .pb {
	padding-bottom: 1em;
}
.products .data thead th,
.products .data thead td,
.products .data .data-head th,
.products .data .data-head td {
	padding: 5px 5px;
}
.products .data tbody th,
.products .data tbody td {
	padding: 7px 3px;
	white-space: nowrap;
}
.products .data-head .part-no,
.products .data-head th {
	background-color: #0c7abe;
	color: #fff;
}
.products .data-head td {
	background-color: #3a9ad0;
	color: #fff;
}
.products .data tbody a {
	color: #0c7abe;
	font-weight: bold;
	text-decoration: none;
}
.products .data tbody a:hover,
.products .data tbody a:focus {
	text-decoration: underline;
}
.products .data-head .bl {
	border-left: 1px solid #fff;
	border-right: none;
}
.products .data-head .nb {
	border: none;
}
.products .data-head .br {
	border-right: 1px solid #fff;
	border-left: none;
}
.data-body tr:nth-child(odd) {
}
.data-body tr:nth-child(even) {
	background-color: #dcddde;
}
.data-body tr:nth-child(odd) .gd,
.data-body tr:nth-child(odd) .alt {
	background-color: #d9ebf6;
}
.data-body tr:nth-child(even) .gd,
.data-body tr:nth-child(even) .alt {
	background-color: #bbccd6;
}

.data-body .part-no, 
.data-body .ref-no {
	 background-color: inherit;
}
.data-body tr:nth-child(even) .part-no, 
.data-body tr:nth-child(even) .ref-no {
	background-color: inherit;
}

.charts { width:80%; }
.chart { background-color:#efefef; text-align: center; }
.chart .type { background-color:#0c7abe; color:#fff; padding:3px 10px; line-height:1.5em; margin-bottom:10px; }
.chart .type .desc { font-weight:normal; }
.charts .numbering { color: #000000; margin-bottom:10px; }
.chart .details a { margin:5px; display:block; }
.chart img { margin-top:10px; }
.chart a,
.chart a:visited { color: #0c7abe; }
.chart a.btn-rfq,
.chart a:visited.btn-rfq { color: #fff; }
.chart a.btn-rfq { margin: 10px; }

.btn-rfq {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #fb9608;
  *background-color: #ef6f01;
  background-image: -moz-linear-gradient(top, #fb9608, #ef6f01);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fb9608), to(#ef6f01));
  background-image: -webkit-linear-gradient(top, #fb9608, #ef6f01);
  background-image: -o-linear-gradient(top, #fb9608, #ef6f01);
  background-image: linear-gradient(to bottom, #fb9608, #ef6f01);
  background-repeat: repeat-x;
  border-color: #ef6f01 #ef6f01 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffb9608', endColorstr='#ffef6f01', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-rfq:hover, .btn-rfq:focus, .btn-rfq:active, .btn-rfq.active, .btn-rfq.disabled, .btn-rfq[disabled] {
    color: #fff;
    background-color: #ef6f01;
}

.xchange thead th {
	background-color: #0C7ABE;
	color: #fff;
}
.xchange thead td {
	background-color: #3A9AD0;
	color: #fff;
	font-weight: bold;
}
.xchange thead .part-no {
	background-color: #0C7ABE;
	color: #fff;
}
.xchange tbody td {
	background-color: #D9EBF6;
}
.xchange tbody tr:nth-child(even) td {
	background-color: #BBCCD6;
}
.xchange tbody td.part-no {
	background-color: #FFFFFF;
}
.xchange tbody tr:nth-child(even) td.part-no {
	background-color: #DCDDDE;
}
.xchange th,
.xchange td {
	border: 1px solid #fff;
	padding: 3px 10px;
}

/**********************************************************/
/*
/*  CONTACT POP LAYER
/*
/**********************************************************/
#contact-popup {
  width: 535px;
  border: solid 2px #000;
  font-family: arial, sans-serif;
}
#contact-popup .head {
  height: 43px;
  background: #0e4885;
  line-height: 43px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding: 0 18px;
}
#contact-popup .head p {
  margin: 0;
  line-height: inherit;
}
#contact-popup .content {
  padding: 18px;
}
#contact-popup label {
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  margin: 0;
}
#contact-popup .field {
  margin: 0;
  height: auto;
  font-size: 12px;
  line-height: 15px;
}
#contact-popup textarea {
  width: 95%;
  height: 112px;
}
#contact-popup select {
  padding: 2px;
}
#contact-popup .row {
  margin: 0 0 10px 0;
}
#contact-popup .row .col {
  float: left;
  width: 45%;
}
#contact-popup .row .col + .col {
  margin-left: 2em;
}
#contact-popup .btn {
  cursor: pointer;
  float: left;
  display: inline;
}
#contact-popup .btns a {
  float: left;
  display: inline;
  line-height: 29px;
  margin-left: 20px;
  font-size: 12px;
  color: #999999;
  text-decoration: none;
}
#contact-popup .notice {
  text-align: center;
  font-style: italic;
}
#contact-popup input.fc {
  display: none;
}
/* spam bot field */
div.required-notice {
  color: #b94a48;
  text-align: right;
  padding: 1em 0;
}
/**********************************************************/
/*
/*  PRODUCT SEARCH FORM
/*
/**********************************************************/
#selector h2 {
  font-size: 18px;
  color: #6f6f6f;
  font-weight: bold;
  margin-bottom: 0.5em;
}
#selector form {
  border-top: 2px solid #4C4BB1;
  border-bottom: 2px solid #4C4BB1;
  margin: 0;
  padding: 5px 0 5px 0;
  width: 95%;
  color: #878787;
}
#selector label,
#selector input,
#selector button,
#selector select,
#selector textarea {
  font-size: 11px;
  font-weight: normal;
  line-height: normal;
  margin: 3px;
}
#selector label {
  line-height: 20px;
  margin-top: 0;
}
#selector input[type=checkbox] {
  position: relative;
  bottom: 2px;
}
#selector select {
  padding: 2px 3px;
  height: 24px;
}
/**********************************************************/
/*
/*  NEWS ARTICLES
/*
/**********************************************************/
.article {
  padding: 0.75em 0 1.5em 0;
  margin-bottom: 1.25em;
  border-bottom: 1px solid #ddd;
}
.article article.content .prdate a {
  color: #999;
  text-decoration: none;
}
.article article.content .prdate a:hover {
  text-decoration: underline;
}
.article .prhead {
  padding-bottom: 1em;
  border-bottom: 2px dotted #ccc;
  margin-bottom: 1em;
}
.article .prfoot {
  border-top: 2px dotted #ccc;
  padding-top: 1em;
  margin-top: 2em;
}
.article .prquote {
  font-size: 14px;
  float: right;
  width: 200px;
  padding: 1.5em 1.5em 1.5em 2em;
  margin: 1em 0 1em 1em;
  border: 2px dotted #ccc;
}
.article .prquote .q {
  font-size: 50px;
  color: #666;
  position: relative;
  top: 0.15em;
  vertical-align: bottom;
  line-height: 12px;
}
.home #bd .content {
  padding: 0;
  margin-left: 180px;
}
.home #main-graphic {
	height: 480px;
	overflow: hidden;
	margin: 0 0 0 auto;
}
.home #main-graphic img {
	width: 100%;
	height: auto;
}
.home #mods {
  margin-left: 14px;
}
.home #features {
  font-weight: bold;
  color: #6A5ACD;
}
.home #banners {
  margin: 1em 0;
}
.home #selector {
  margin: 1.5em 0;
}
.home #features {
  margin: 2em 0;
}
.home #contact {
  margin: 1.5em 0;
}
.home #features ul {
  margin-left: 0;
  padding-left: 1em;
}
.home #features li {
  margin: 0.5em 0;
}
/* Bearing Styles 12-2009 */
body.bearing-pages #bd h1 {
  margin: 0;
  padding: 5px 10px;
}
body.bearing-pages #bd p,
body.bearing-pages #bd h2,
body.bearing-pages #bd em {
  margin: 0;
  padding: 5px 10px;
  line-height: 18px;
}
body.bearing-pages #bd h2 {
  margin: 10px;
  border-bottom: 1px solid #CCC;
  border-top: 1px solid #CCC;
  background-color: #DEDEDE;
}
body.bearing-pages #bd p img.thumb {
  float: left;
  padding-right: 8px;
}
/* Google Site Search Results */
.gsc-webResult:after {
  content: "" !important;
  clear: none !important;
}
.gsc-resultsHeader {
  clear: none !important;
}
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 0 !important;
}
.gsc-table-result,
.gsc-thumbnail-inside,
.gsc-url-top {
  padding-left: 0 !important;
}
form.gsc-search-box,
.gsc-above-wrapper-area-container {
  width: 75% !important;
}
.gsc-input input.gsc-input {
  background: none !important;
}
form.gsc-search-box input[type="text"] {
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}




/************************
** X-Ref Banners
************************/
.x-ref { background-color: #2a4978; }
.x-ref form { margin:0; }
.x-ref label,
.x-ref a { 
	color: #A0C6FF;
	text-align:center;
	display: block;
}
.x-ref label {
	font-size: 12px;
	font-weight: bold;
}
.x-ref a {
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	display: block;
}
.x-ref input[type="text"] { padding: 2px 6px; }
.x-ref .btn {
	padding: 3px 6px;
	font-size: 12px;
}
.x-ref .btn-primary {
	background: #a5c9ff; /* Old browsers */
	background: -moz-linear-gradient(top, #a5c9ff 0%, #7498cd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5c9ff), color-stop(100%,#7498cd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a5c9ff 0%,#7498cd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a5c9ff 0%,#7498cd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a5c9ff 0%,#7498cd 100%); /* IE10+ */
	background: linear-gradient(to bottom, #a5c9ff 0%,#7498cd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5c9ff', endColorstr='#7498cd',GradientType=0 ); /* IE6-9 */
	border: none;
	color: #26355c;
	text-shadow: none;
}
.x-ref .btn-primary:hover { background: #84ADEB; }

/****************************
** The Sidebar X-Ref Banner
****************************/
#x-ref-sidebar { 
	margin: 28px -6px 38px 6px;
	max-width: 160px;
	border-radius: 6px;
}
#x-ref-sidebar label { margin: 0 0 6px 0; }
#x-ref-sidebar a {
	padding: 9px 0 10px 0;
	border-top: 1px solid #486ca1;
}
#x-ref-sidebar label .subtitle {
	font-size: 10px;
	line-height: 15px;
	font-weight: normal;
	display: block;
}
#x-ref-sidebar form {
	padding: 9px 9px 5px 9px;
	margin-bottom: 0; 
}
#x-ref-sidebar .form-group { margin-bottom:5px; }
#x-ref-sidebar .input-group { margin-bottom:0; }
#x-ref-sidebar input[type="text"] { width: 100px; }

/*****************************
** The Home Page X-Ref Banner
*****************************/
#x-ref-banner { width:297px; height:89px; float:left; }
#x-ref-banner .form-group { float:left; width:53%; }
#x-ref-banner .input-group { padding-left: 25px; margin-bottom:0; }
#x-ref-banner .input-group { padding-top:11px; padding-bottom:11px; }
#x-ref-banner .link { padding-top:10px; padding-bottom:10px; }
#x-ref-banner input.span1 { width: 75px; }
#x-ref-banner label { 
	font-size:14px;
	font-weight:normal;
	padding: 10px 0 5px 0;
	border-bottom: 1px solid #406296;
	margin:0;
}
#x-ref-banner .link { margin-left:53%; }



/****************************
** Catalog Sidebar Box
****************************/
.catalog-box {
	background-color: #2a4978;
	border-radius: 6px;
	font-family: 'Oswald', sans-serif;
	width: 160px;
	padding: 13px;
	box-sizing: border-box;
	margin-left: 6px;
}
.catalog-box .box-title {
	color: #fff;
	color: rgba(255,255,255,0.9);
	font-size: 16px;
	text-align: center;
	padding: 5px 0 12px 0;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
.catalog-box .box-body ul {
	display: table;
	margin: 0;
}
.catalog-box .box-body li {
	display: table-row;
}
.catalog-box .box-body a {
	color: #b2e2fd;
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	position: relative;
	padding: 0 10px 0 73px;
	box-sizing: border-box;
	height: 88px;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	font-size: 15px;
   line-height: 20px;
	font-weight: 300;
}
.catalog-box .box-body a:hover,
.catalog-box .box-body a:focus {
	text-decoration: none;
	color: #fff;
	background-color: rgba(255,255,255,0.05);
}
.catalog-box .box-body a:hover img,
.catalog-box .box-body a:focus img {
}
.catalog-box .box-body a img {
	position: absolute;
	top: 12px;
	left: 8px;
	width: 50px;
	box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.75), -1px -2px 5px 0px rgba(255, 255, 255, 0.25); 
}


/***************************************************
**
** Slewing Rings
**
****************************************************/
.slewing .content h1 {
	font-size: 34px;
	font-weight: bold;
	color: #0c7abe;
	margin: 0 0 0.5em 0;
}
.slewing .content h1 small {
	font-size: 28px;
	font-weight: normal;
	color: #0c7abe;
}
.slewing .content h1 .subtitle,
.slewing .content h2 .subtitle {
	display: block;
	font-size: 20px;
	color: #0c7abe;
	font-weight: normal;
	line-height: normal;
	position: relative;
	z-index: 2;
}
.slewing .content h1 + h2 {
	margin-top: 0;
}
.slewing .content h2 {
	margin-top: 2em;
	margin-bottom: 1em;
}
.slewing .content .subtitle strong {
	color: #000;
}
.slewing .features {
	float:left;
	width:45%;
	font-size: 15px;
}
.slewing .features ul {
	margin-left: 17px;
}
.slewing .features li {
	margin-bottom: 0.5em;
}
.slewing .drawing { 
	margin-left: 20px; 
	margin-top: 30px;
}
.slewing .diagram {
	margin-left:45%;
	position: relative;
	z-index: 1;
}
/* specific slewing pages */
.sto .diagram {
	margin-left:30%;
	margin-top:-15px;
	margin-right:150px;
	position: relative;
	z-index: 1;
}
.sto .drawing { 
	float: left;
	width: 90px;
	margin-left: 20px;
	margin-top: 10px;
}
.sto .features {
	width:30%;
}
.ste .diagram img {
	width: 55%;
	margin-top: -50px;
	margin-left: 40px;
}
.sk6 .diagram img {
	width: 65%;
	margin-top: -45px;
	margin-left: 0px;
}


/******************************************
**
** PINIONS
**
*******************************************/
/* page specific */
.products .data .blank {
	background: none;
	border: none;
}
.products .data .bt {
	 border-top: 1px solid #666;
}
.products .data .bb {
	 border-bottom: 1px solid #666;
}
.pinions .data tbody th, 
.pinions .data tbody td,
.pinions .data tfoot td {
	 padding: 3px;
	 white-space: nowrap;
}
.pinions .data tfoot td {
	 border: none;
}
.pinions .data tfoot td {
	 padding: 7px 3px;
}
.pinions .content h1 {
	margin-bottom: 0.5em;
}
.pinions .content h1 .subtitle,
.pinions .content h2 .subtitle {
	font-size: 22px;
}
.pinions .content h2 {
	margin-bottom: 0.75em;
	font-size: 18px;
}
.pinions h2 strong {
	color: #0c7abe;
}
.pinions .diagram {
	 margin-left: 45%;
	 position: relative;
	 z-index: 1;
}
.pinions .diagram img {
	width: 80%;
	margin-left: 25px;
	margin-top: 1em;
	margin-bottom: -3em;
}
.pinions .data tfoot {
	background-color: #dbdcde;
}
.pinions .data tfoot td {
	border:none;
}
.pinions .image {
	float:left;
	width:200px;
	margin-right: 50px;
}
.pinions .sk6 .data-body tr:nth-child(odd) {
	background-color:transparent;
}
.pinions .sk6 .data-body tr:nth-child(even) {
	background-color: #dcddde;
}
.pinions .sk6 .data-body tr:nth-child(odd) .bw {
	background-color:#fff;
}



/* page specific */
.pinions .backlash .diagram { 
	width:300px; 
	float:right; 
	margin-top:40px; 
	margin-left:0;
	margin-right: 0;
}
.pinions .backlash .diagram img {
	width: 80%;
	margin-left: 25px;
	margin-top: 1em;
	margin-bottom: -3em;
}
.pinions .backlash .image {
	float:left;
	width:200px;
	margin-right: 50px;
}
.pinions .backlash .data { width:55%; margin-top:3em; }
.pinions .backlash .data caption { font-size:larger; margin-bottom:0.5em; font-style:italic; text-align:left; }
.pinions .backlash .data .lb td { background-color:#7fbbe0; }
.pinions .backlash .data-body th { font-weight:bold; }