@charset "utf-8";
/* CSS Document */
body {font-family: "franklin-gothic-urw", sans-serif!important; line-height:1.3;}
h1 {color:#333; font-size:4.5rem; font-weight:700;}
.products.cpa h1, .products.cga h1 {font-size:3.5rem;}
#shaftsaver h1 {font-size:3.8rem;}
#home h1 {font-size:6.5rem; margin-top:0;}
p.intro {font-size:1.8rem;}
h2 {margin: 1.5em 0 0.15em; font-size: 1.56rem; font-family: "jaf-bernina-sans","Trebuchet MS", "Lucida Grande", sans-serif; font-weight:600; color: #900;}

h2 a {font-weight:600; color: #900; text-decoration:underline;}

h4 {margin-top:5px; margin-bottom:5px;}
h4 a {color:#900; font-weight:normal; font-size:1.4rem;}

.container {max-width: 768px; margin:0 auto;}

a {color: #4875A4; text-decoration:underline;}
a:hover {color: #003;}

#main ul {padding-left:10px;}
#main li {
    list-style: none;
    margin: 0.5em 0;
    padding-left: 10px;
    background: url(/i/list_box.gif) 0 6px no-repeat;
}
nav.navbar-default.navbar-static-top {
background: rgb(208,213,217);
background: -moz-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(208,213,217,1) 100%);
background: -webkit-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(208,213,217,1) 100%);
background: linear-gradient(to bottom, rgba(243,243,243,1) 0%,rgba(208,213,217,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#d0d5d9',GradientType=0 );
border-bottom:1px solid #999; margin-bottom:0;}

.navbar-brand {height:100px; margin-left:22px!important; margin-right:22px!important;}
	
#under {min-height: 14px;background: url(/i/cat_stripes.gif) left top repeat;margin-bottom: 18px;}

#under .nav {padding:0; margin:0 0 0 15px;}
#under .nav li {display:inline-block; padding:0; margin:0; height:50px; line-height:1.2!important; text-align:center; width:116px; vertical-align:top; border-left:1px solid #b8b8b9;}
#under .nav li.psf {border-right:1px solid #b8b8b9;}
#under .nav li:hover {background:#bfc9d1; box-shadow: inset 0px -2px 10px 0px rgba(153,153,153,0.7);}
#under .nav li a {padding:10px 0 0; margin:0; text-decoration:none; font-size:1.25rem; color:#333; font-weight:600;display: block; min-height: 50px;}
#under .nav li a:hover {background:none; color:#111;}

#home #under .nav {padding:0; margin:0 0 0 15px;}
#home #under .nav li {display:inline-block; padding:4px; margin:9px 0; height:auto; line-height:1.2!important; text-align:center; width:114px; vertical-align:top; border-left-width:0!important; min-height:120px!important;}
#home #under .nav li.psf {border-right-width:0!important;}
#home #under .nav li:hover {background:none!important; box-shadow: none!important;}
#home #under .nav li a {border:1px solid #c5c5c5; padding:4px 4px 6px; margin:0; text-decoration:none; font-size:1.25rem; color:#333; font-weight:600;display: block; min-height: 50px; background: rgb(245,245,245);
background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(199,204,208,1) 100%);
background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(199,204,208,1) 100%);
background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(199,204,208,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#c7ccd0',GradientType=0 );}
#home #under .nav li a:hover {background: rgb(245,245,245);
background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(199,204,208,1) 100%);
background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(199,204,208,1) 100%);
background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(199,204,208,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#c7ccd0',GradientType=0 );color:#333;}
/*#home #under .nav li a:hover {background: rgb(199,204,208);
background: -moz-linear-gradient(top, rgba(199,204,208,1) 0%, rgba(245,245,245,1) 100%);
background: -webkit-linear-gradient(top, rgba(199,204,208,1) 0%,rgba(245,245,245,1) 100%);
background: linear-gradient(to bottom, rgba(199,204,208,1) 0%,rgba(245,245,245,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7ccd0', endColorstr='#f5f5f5',GradientType=0 );color:#333;}*/
#home #under .nav li img {border:1px solid #cdcdcd!important;margin-bottom:3px;}

.products.cga #under .nav li.cga, .products.tb #under .nav li.tb, .products.stp #under .nav li.stp, .products.cpa #under .nav li.cpa {background:#bfc9d1; box-shadow: inset 0px -2px 10px 0px rgba(153,153,153,0.7);}

.products.cga #under .nav li.cga a, .products.tb #under .nav li.tb a, .products.stp #under .nav li.stp a, .products.cpa #under .nav li.cpa a {color:#111;}

#quality {
display:none;	
font-family: "mrs-eaves-xl-serif-narrow",serif;
background: #e9eaec;
color: #444;
border-color: #d6d7d9;
border-style: solid;
border-width: 1px 0 1px 0;
position: absolute;
top: 0;
right: 10px;
font-size: 1.8rem;
font-style: italic;
font-weight: 400;
padding: 3px 10px;
margin-top: 15px;
letter-spacing: 1px;}

#site {margin-top: 0;}
#site li {
    font-size: 1.56rem;
	font-family: "jaf-bernina-sans","Trebuchet MS", "Lucida Grande", sans-serif; 
	font-weight:600;
}

#site a {
    display: block;
    padding: 0.5em 0.75em 0.75em;
    color: #900;
    text-decoration: none;
    white-space: nowrap;
}

#site a:hover {background:#eee;}

.home #site .home a, .contact #site .contact a, .about #site .about a, .engineering #site .engineering a, .products #site .products a {
    background: #344149;
    color: #FFF;
}

#online_catalog {margin-top:1rem;}
#online_catalog select {margin:0.5rem 0; padding:1px 0;}
#online_catalog #submit {margin-left:1rem; font-weight:500;}

#footer .container {border-top: 1px solid #ccc; padding-top: 0.75em; margin-top:2rem; padding-bottom:2rem;}
#footer .nav {padding:0; margin:0;}
#footer .nav li {display:inline-block; padding:0; margin:0;  border-left: 1px solid #666!important; line-height:1!important; }
#footer .nav li a {padding:0 5px; margin:0; text-decoration:underline; font-size:1.3rem; color:#666;}
#footer .nav li a:hover {background:none; color:#000;}
#footer .nav li.home {border-left-width:0!important;}
#footer #legal {font-size:1.3rem; color:#000; padding:3px 5px; line-height:1;}

#driveworks h4 {line-height:1; margin-top:10px; margin-bottom:10px;}
#driveworks h4 a {color:#000; text-decoration:none; font-size:1.4rem;}
#driveworks h4 a strong {font-weight:600; color:#900;}
#driveworks p {text-align:left!important;}
#driveworks ul {text-align:left!important; padding-left:0;}
#driveworks li {list-style: none; margin: 0.5em 0; padding-left: 10px; background: url(/i/list_box.gif) 0 6px no-repeat;}

#sidebar {}

.new-inline {vertical-align:middle; margin-left:20px;}
#credit {text-align:center; padding:15px 0; border-top: 1px solid #ccc; margin-top:15px;}

.ss_legend li {background-image:none!important; padding-left: 0!important; margin:0!important;}
#shaftsaver span.ss_no {color: #5da964;}
#shaftsaver span.ss_yes {color: #ee2a32;}

#shaftsaver table th {background-color: #eee;}
#shaftsaver table {}
#shaftsaver table td, #shaftsaver table th {
    text-align: center;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 4px;
    line-height: 1.2;
}

#home .home-images {padding-bottom:20px;}
#home .home-images .col-xs-12 {padding:0!important;}
#home11 {}
#home12 {}
#home21 {border:1px solid #ccc;}
#home22 {border-style:solid; border-color:#ccc; border-width:1px 1px 1px 0;}

/* Media Queries */

@media only screen and (max-width: 767px) {
	#under .container .nav {display:none;}
	#site {margin-top: 0;}
	#sidebar {padding-top:2rem;}
	#footer #legal {margin-top:1rem; margin-bottom:1rem;}
	#home .home-images {padding-bottom:0;}
	#home .home-images .col-xs-12 img {margin-left:auto; margin-right:auto;}
	#home11 {border-bottom:1px solid #ccc;}
	#home12 {border-bottom:1px solid #ccc;}
	#home22 {border-left:1px solid #ccc;}
	#home12, #home21, #home22 {margin-bottom:35px;}
	#sidebar p, #sidebar h4 {text-align:center;}
	#sidebar p {line-height:2.0;}
	#sidebar p.reg {line-height:1.4;}
	#footer #legal {text-align:center;}
	#footer .nav {text-align:center;}
	#footer .nav li {margin:10px 0;}
}

@media only screen and (min-width: 768px) {
	#quality {display:block;}
	#site {margin-top: 6rem;}
}