@import url(skin.editor.css);
@import url('bootstrap.min.css');
@import url('bootstrap-theme.min.css');

/* 12-16-2014 */

/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html, button, input, select, textarea {
    color: #222;
}
br {
    display: block;
    margin-bottom: 5px;
    font-size:2px;
    line-height: 2px;
}
a
{
    color: #284d7c
}

body {
    font-size: 16px;
    font-family:'Source Sans Pro', Arial, sans-serif, Verdana, Helvetica !important;
    background:#3e4d60;
}

h1, h2, h3, h4, h5, h6
{
    font-weight:normal;
    text-decoration-color:white;
    margin: 0 0 1em 0 !important;
    
    /*-webkit-margin-before: 0px;
    -webkit-margin-after: 0px;*/
}

h2 {
    font-size: 1.3em;
    /*font-size: 22px;*/
    /*line-height: 2.5;*/
}

h3 {
    font-size: 1.1em;
}

p {
    margin: 0;
}

::selection, ::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}


.drawer-button {
    background-position: center 12px !important;
}

.middlenav-small .drawer-button {
    background-position: center 10px !important;
}

.drawer-button.milling
{
    background:white url("images/icon-milling-blue.png") no-repeat;
}

.drawer-button.grinding
{
    background:white url("images/icon-grinding-blue.png") no-repeat;
}

.drawer-button.workholding
{
    background:white url("images/icon-workholding-blue.png") no-repeat;
}

.drawer-button.turning
{
    background:white url("images/icon-turning-blue.png") no-repeat;
}

.drawer-button.rotary
{
    background:white url("images/icon-rotary-blue.png") no-repeat;
}



.middlenav a, .middlenav a:visited, .middlenav a:active {
    color: #5889b5;
}

/** OPEN **/

.nav a.open, .nav a.open:hover, .nav a:active, .nav a::selection, .middlenav a.open, 
.middlenav a.open:hover, .middlenav a:active, .middlenav a::selection
{
    background-color:#3e4d60;
    color:white;
} 

.nav a:hover, .middlenav a:hover
{
    /*background-color:#6287b1;*/
    /*color:white;*/
}      
     
.drawer-button:hover.milling,       .drawer-button.milling.open {
     /*background-image: url("images/icon-milling-white.png");*/
}
.drawer-button:hover.grinding,      .drawer-button.grinding.open {
     /*background-image: url("images/icon-grinding-white.png");*/
}
.drawer-button:hover.workholding,   .drawer-button.workholding.open {
     /*background-image: url("images/icon-workholding-white.png");*/
}
.drawer-button:hover.turning,       .drawer-button.turning.open {
     /*background-image: url("images/icon-turning-white.png");*/
}
.drawer-button:hover.rotary,        .drawer-button.rotary.open {
     /*background-image: url("images/icon-rotary-white.png");*/
}

    

.nav .distributor a span {
    color: white;
}

/*.nav li.item.distributor a {
    border: none;
    background-color: #ED8600;
}*/

/*.nav li.item.distributor a:hover ,
.nav li.item.distributor a.open {
    background-color: #3E4D60;
}*/

 
.nav .item a:hover  
{
    background-color: #ED8600;
}
    
.nav .item a:hover span.bar
{
    color: transparent;
}

.nav .item a span
{
    display: inline-block;
}

.nav .item a {
    line-height: 33px;
}

 

.slogan {
    color: #989898;
    letter-spacing: 3px;
    line-height: 23px;
    font-size: 13px;
    letter-spacing: 3px;
    text-transform: uppercase;
    word-spacing:3px;
    /*text-align:center;
    margin-top: 15px;
    position:absolute;
    z-index: 1;
    left: 0;
    right: 0;
    clear: both;*/
}

.region-container {
    color: #989898;
    height:22px;
    line-height:22px;
    text-align:right;
    position:relative;
    float:right; 
    font-size: 12px;
    width: 171px;
    margin-top: 7px;
}

.region-container .region-dropdown
{
    position:absolute;
    right:0px;
    text-align:right;
    z-index:1001;
    background:#E9EDF3;
    width:93px;
    padding-right:10px;
    padding-left:10px;
    height:0px;
    overflow:hidden;
    transition:height .25s;
}

.region-container.expanded .region-dropdown
{
    height:48px;
    transition:height .25s;
}



.search-container {
    display:block;
    width:150px;
}

.search-container div.search {
    display:inline-block;
    background: url('/images/search.png') no-repeat;
    background-position:right;
    width:150px;
}
.search-container div.search:hover input {
    transition:opacity .25s;
    opacity:1;
}

.search-container div.search input {
    opacity:0;
    color:black;
    width:150px;
    padding-left:5px;
}

.search-container div.search input:focus {
    outline:none;
    opacity:1;
}

@media (min-width: 768px) {
    .search-container {
        float:right;
        padding-top:3px;
        position:absolute;
        top:0;
        right:15px;
    }
}

.search-link {
    float: right;
    background: url('/images/search.png') no-repeat;
    background-position:right;
    width:19px;
    height:19px;
    margin: 8px 15px 0 0;
}


/*.search-container {
    height: 22px;
    line-height: 20px;
    border: #989898 1px solid;
    margin-top: 15px;
    float: right;
}
    
.search-container input
{
    height:20px;
    line-height:20px;
    padding:0px;
    margin:0px;
    border:none;
    float:left;
    font-size: 12px;
}
    
.search-container a.search
{
    float:left;
    background: url("images/button-search.png") no-repeat;
    background-position: -1px -1px;
    background-color:#989898;
    width: 20px;
    height: 20px;
    font-size: 10px;
    cursor:pointer;
    margin-left: -20px;
}*/


/** Global Pager and button styles*/

.more
{
    background: #ed8600;
    float: right;  
    height: 35px;
    width: 76px;
    line-height: 35px;
    text-align: center;
    color: white;   
    font-weight: normal;
}

.moremargin
{
    margin-right:10px;
}

.more span
{
    background:url("images/button-arrow-right.png") no-repeat;
    display: inline-block;
    padding-right:18px;
    background-position:right;
}
 
.send
{
    background: #3e4d60;
    float: right;  
    height: 35px;
    width: 76px;
    line-height: 35px;
    text-align: center;
    font-weight: normal;
    cursor:pointer;
    font-size: 16px;
}

 .send span, .FormSubmitButton span
 {
    background:url("images/button-arrow-right.png") no-repeat;
    display: inline-block;
    padding-right:18px;   
    background-position:right;
    color:white;
 }
 
 
.contact-button
{
    background: #3e4d60;
    float: left;  
    height: 35px;
    width: 130px;
    line-height: 35px;
    text-align: center;
    font-weight: normal;
    cursor:pointer;
    font-size: 16px;
}

 .contact-button span
 {
    background:url("images/button-arrow-right.png") no-repeat;
    display: inline-block;
    padding-right:18px;   
    background-position:right;
    color:white;
 }
 
.pager .previous
{
    background: url("images/pager-previous.png") no-repeat;
    background-position:center;
    display:inline-block;
    width:8px;
    height:17px;
    margin-left:1px;

}

.pager .next
{
    background: url("images/pager-next.png") no-repeat;
    background-position:center;
     display:inline-block;
    width:8px;
    height:17px;
    margin-right:1px;
}

.search-footer .pager .previous,
.search-footer .pager .next,
.search-footer .pager .previous:visited,
.search-footer .pager .next:visited
{
    background:none;
    width:auto;
    line-height:16px;
    display:inline-block;
    color:#ACACAC;
    font-weight:bold;
    font-size:16px;
    margin:0px;
}

.search-footer .pager .transport
{
  display:inline-block;
  height:20px;
  line-height:20px;
  vertical-align:top;
}
 
.search-footer .pager .previous .glyph
{
    background: url("images/pager-previous.png") no-repeat;
    background-position:center;
    display:inline-block;
    width:8px;
    height:20px;
    margin-left:1px;
    margin-right:6px;    
    height:20px;
    line-height:20px;
}



.search-footer .pager .next .glyph
{
    background: url("images/pager-next.png") no-repeat;
    background-position:center;
    display:inline-block;
    width:8px;
    height:20px;
    margin-right:1px;
    margin-left:6px;
    height:20px;
    line-height:20px;
}

.search-footer .pager .page
{
    line-height:20px;
    height:20px;
}

 

.pager .page
{
    display:inline-block;
    width:16px;
    height:16px;
    text-decoration:none;
    content:"";
    background: url("images/pager-page.png") no-repeat;
    background-position:center;
    line-height:16px;
}

.pager .page:hover
{
    background: url("images/pager-page-hover.png") no-repeat;
    background-position:center;
}

.pager .page.selected
{
    background: url("images/pager-page-selected.png") no-repeat;
    background-position:center;
}

.pager .disabled
{
    opacity:0.0;
    cursor:default;
}

.pages 
{
   display:inline-block;
}

.footer-outer {
    background:#3e4d60;
}
/*Footer Styles*/
.footer-container {
    background: #708cb1;
    min-height: 233px;
    padding: 10px;
}



.footer-item
    {
        color: White;
		font-family: Arial, Sans-Serif;
        font-size: 11px;
        margin-top: 10px;
    }

.footer-item h1 {
    margin-bottom: 10px!important;
}

.footer-itemform
    {
        float:right;      
        /*min-height:208px;*/     
        margin-left:0px;
 
        /*height:208px;*/
        margin-top: 10px;
        min-width:170px;
    }

.footer-item a,
		.footer-item a:hover,
		.footer-item a:visited,
		.footer-item a:link,
		.footer-itema:active
		{
			color: White;
			text-decoration: none;
		}
		
		.footer-item a:hover
		{
			text-decoration: underline;
		}
		
.footer-itemform input,
.footer-itemform textarea,
.footer-itemform span.label
{
	font-size:14px;
    font-weight: normal;
    padding: 0;
}
.footer-itemform .textbox,
.footer-itemform input
{
	box-sizing:border-box;
    width:100%;
    height:22px;
    margin:0px;
    padding:0px;
    display:inline-block;
    border:#CCC 1px solid;
	margin-bottom:10px;
}


.footer-itemform .textboxzip
{
    width: 24%;
}

.footer-itemform .textboxcompany
{
    width: 74%;
	margin-right:2%;
}


.footer-itemform .textarea
{
	  box-sizing:border-box;
      width: 100%;
      height:43px;
      font-family: arial;
      margin-bottom:5px;
      border:#CCC 1px solid;
	  padding:0px;
      resize:none;
      overflow:hidden;
      width:100%;
      box-sizing:border-box;
}

.footer-itemform .checkbox
{
	height:14px;
	width:14px;
}

.footer-item a
        {
            display:block;
            margin-bottom:10px;
        }
.footer-container h1,
.footer-container h2,
.footer-container h3
{
    color:#cbd9ed;
    padding:0px;
    margin:0px;
    font-size:18px;
    font-weight:normal;
    margin-bottom:10px;
}
.footer-container .social a,
a.social-button
    {
        width:41px;
        height:42px;
        display:inline-block;
        padding-right:10px;
    }

/*** Social Icons ***/
.footer-container a.shop, .social-button.shop { background: url("images/soc-shop.png") no-repeat;}
.footer-container a.shop:hover, .social-button.shop:hover { background: url("images/soc-shop-active.png") no-repeat; }

.footer-container a.facebook, .social-button.facebook { background: url("images/soc-facebook.png") no-repeat;}
.footer-container a.facebook:hover, .social-button.facebook:hover { background: url("images/soc-facebook-active.png") no-repeat; }

.footer-container a.twitter, .social-button.twitter { background: url("images/soc-twitter.png") no-repeat;}
.footer-container a.twitter:hover, .social-button.twitter:hover { background: url("images/soc-twitter-active.png") no-repeat; }

.footer-container a.wordpress, .social-button.wordpress { background: url("images/soc-wordpress.png") no-repeat;}
.footer-container a.wordpress:hover, .social-button.wordpress:hover { background: url("images/soc-wordpress-active.png") no-repeat; }
 
.footer-container a.watch, .social-button.watch { background: url("images/soc-watch.png") no-repeat;}
.footer-container a.watch:hover, .social-button.watch:hover { background: url("images/soc-watch-active.png") no-repeat; }

.footer-container a.linkedin, .social-button.linkedin { background: url("images/LinkedIn.png") no-repeat;}
.footer-container a.linkedin:hover, .social-button.linkedin:hover { background: url("images/LinkedInOn.png") no-repeat; }

.footer-container .top
{
    float:left;
}

.footer-container .connect
{
    margin-top:10px;
}


.footer-container .top.watch-container
{
    margin-left:57px;
}
     
.footer-container footer {
color: white;
padding: 20px 0;
}


.sub-footer
{


margin: 0 auto;
overflow: auto;
 font-size: 12px;
   margin: 0 auto;
	width: 980px;
}





/* ===============
    ALL: IE Fixes
   =============== */
.ie7 .title {
    padding-top: 20px;
}

.banner-container .img-responsive {
    width: 100%;

}




/* ==========================================================================
   Author's custom styles
   ========================================================================== */


.button
{
   background:#333;
   color:#F4F4F4;
   height:28px;
}

.toolbar .button {
    background: #999;
	color:#333;
}

.toolbar .button.selected, .toolbar .button.selected span{
    background:#333;
    color:#F4F4F4;

}


a.button span
{
  color:#F4F4F4;
  margin-left:10px;
  margin-right:10px;
}

a.button.selected  span
{
	color:#333;
}

a.button:active,
a.button:hover,
a.button:visited
{ 
    text-decoration:none;
    opacity:0.9;
    transition: opacity ease-out .15s;
}

.button.navigate
{
    background-image:  url("images/arrow-right.png") ;
    background-repeat:no-repeat;
    background-position:center right;
}

    .button.navigate span
    {
        margin-right:28px;
    }



  

  



/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}



/*Product Catalog CSS*/
.product-searchmain {


 overflow: auto;
 border-bottom: 1px solid black;
     float:left;
       padding: 30px;
}


.product-searchmain:last-child {
    
 border-bottom: none;

}
.product-searchmain a {

    color:#5889b5;
    font-size:small;
}

.product-searchmain a:active {

    color:#3E4D60;
    font-size:small;
}

.product-description
{
    font-size:12px !important;
    font-family:Verdana, Arial, Helvetica, sans-serif !important;
}


.product-leftbox {
   
   
 }


/** Distributor Locator **/


/** Toasts **/
.toast{ position:fixed; list-style: none; padding: 0; top:0; z-index: 999999; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:14px; line-height:20px; }
.toast li{ margin: 10px 0 0 0; display:block; background-color:#fcf8e3; color:#c09853; border:1px solid #fbeed5; padding:5px 10px; border-radius: 4px; -webkit-border-radius: 4px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); box-shadow: 0 2px 5px rgba(0,0,0,.15); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.15); }
.toast li:first-child{ margin-top:0; }
.toast li.error{ color: #b94a48; background-color: #f2dede; border-color: #eed3d7; }
.toast li.info{ color: #FFF; background-color: #79A81B; border-color: #699118; }
.toast li.success{ color: #468847; background-color: #dff0d8; border-color: #d6e9c6; }
.toast button.close{ background: none; border: none; font-weight: bold; font-size: 20px; line-height: 20px; float: right; padding: 0; margin: 0 0 0 5px; color: rgba(0,0,0,.25); cursor: pointer; }
.toast h1, .toast h2, .toast h3, .toast h5 { display: inline; }


/** Updates for Evan 7 skin **/

/** allow for 5 columns **/
.col-xs-1-5th,
.col-sm-1-5th,
.col-md-1-5th,
.col-lg-1-5th {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}
.col-xs-1-5th {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-1-5th {
        width: 20%;
        float: left;
    }


}
@media (min-width: 992px) {
    .col-md-1-5th {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-1-5th {
        width: 20%;
        float: left;
    }
}


.mainnav {
    background-color: white;
}

.mainnav .icon-bar {
    background-color: #3e4d60;
}

.mainnav .navbar-toggle {
    border-color: #3e4d60;
}

#mainmenu {
    background-color: #6287b1;
}

#mainmenu .navtext, #mainmenu .navbar, #mainmenu span.bar {
    color: white;
    font-size: 12px;
}

#mainmenu .navtext {
    padding-left: 9px;
    padding-right: 9px;
}


#mainmenu .nav>li.item>a {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.pageheader {
    position: relative;
    margin: 0;
    padding: 5px 5px 0 5px;
    background-color: white;
}

.pageheader.visible-xs-block {
    padding: 0 16px;
}

.middlenav li a span, .middlenav a span
{
    line-height: 12pt;
    text-align: center;
    display: inline-block;
    margin-top: 62px;
    font-size: 11.5px;
}

.middlenav li a, .middlenav a
{
    padding: 0;
    float: left;
}

.middlenav a:hover span {
    text-decoration: underline;
}

.middlenav {
    float: none;
    margin: 1px auto;
    width: 350px;
    height: 110px;
}

.middlenav-small li a span, .middlenav-small a span
{
    line-height: 12pt;
    text-align: center;
    width: 54px;
    display: inline-block;
    margin-top: 54px;
    margin-bottom: 10px;
    font-size: 10px;
}

.middlenav-small li a, .middlenav-small a
{
    padding: 0;
    float: left;
}

.middlenav-small {
    width: 270px;
}

.navbar {
    margin-bottom: 0;
    border-radius: 0!important;
    border:none;
    min-height: 33px;
}

.middlenav .buttonwrapper {
    width:70px;
    float:left;
    display: inline-block;
    zoom: 1;
}

.middlenav-small .buttonwrapper {
    width:54px;
    float:left;
}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.col-fixed-350 {
    width: 350px;
    margin-left: -175px;
    margin-right: -175px;
    float:left;
    z-index: 1;
}

.col-offset-175-left {
    padding-left: 175px;
}

.col-offset-175-right {
    padding-right: 175px;
}

.col-fixed-320 {
    width: 320px;
    margin-left: -160px;
    margin-right: -160px;
    float:left;
}

.headerrightcol {
    text-align: right;
}

.banner-container {
    float:right;
    margin-top: 15px;
}

.navbar-brand-no-padding {
    padding: 5px 0 0 20px;
}

.logo-display-item {
    margin-top: 15px;
}

.hardinge-logo-small {
    width: 185px;
    height: 40px;
}

.mainnav .navbar-nav>li>a {
    padding-top: 0;
    padding-bottom: 0;
}
 

.footer-button-container {
    max-width: 250px;
}


.main {
}

.mainInteriorArea {
    background-color: white;
    color: #000;
    padding: 20px 15px;
}

.dnnPaneHeader {
    color: white;
}

.footer-text {
    color: white;
    font-size: 12px;
	margin-top:10px;
}

.navbar-toggle.collapsed {
    margin-right: 21px;
}

.navbar-bottom-line {
	height:2px;
	background-color:#3e4d60;
	opacity:0.40;
}

@media (min-width: 768px) {
    .navbar.mainnav .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar.mainnav .navbar-collapse {
        text-align: center;
    }
}

/* Text Left Right stuff*/
/*.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}*/

@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}
@media (min-width: 768px)  {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width: 992px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}

.EvanForm .dnnAction.dnnPrimaryAction.FormSubmitButton {
    border-radius: 0px;
    border: none;
    background: #3e4d60;
    float: right;
    height: 35px;
    width: 100px;
    line-height: 35px;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
    font-size: 16px;
    padding: 0;
}

.EvanForm .dnnAction.dnnPrimaryAction.FormSubmitButton span {
    background: url("images/button-arrow-right.png") no-repeat;
    display: inline-block;
    padding-right: 18px;
    background-position: right;
}



a.button.large-header {
	background:#3E4D60;
	height:36px;
	line-height:36px;
	display:inline-block;
		  font-size:14px;
}

@media (min-width: 992px) {
	a.button.large-header {
	  font-size:16px;
	}
}


.arrow-right-highlight {
	display:inline-block;
	background: url('/images/arrow-right-highlight.png');
		background:url('images/button-arrow-right.png');
	background-position:right;
	background-repeat:no-repeat;
	padding-right:20px;
}