html, body, div, span, object, iframe, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 101%;
    vertical-align: baseline;
    background: transparent;
    font-weight:normal;
}

article, figure, footer, header, hgroup, nav, section {
    display: block;
}

aside {
    float: left;
    display: inline;
}

audio[controls], canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

section {
    clear: both;
}

html {
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    background: #f3f3f3;
    color: #585858;
    font-size: 14px;
    line-height: 1.631;
    margin: 0;
}

body, select, input, textarea {
    color: #585858;
    font-family: 'Open Sans', 'sans-serif';
    font-weight: 100;
}
html,body { height:100%;}

/*
##Product Image - Category
```
<a href="/product/power/novum-advanced-power/digital-pol/ndm2z-series">
    <img class="outline" src="/products/image/getproductimage/168036?typecode=m&amp;width=229" alt="NDM2Z Series" style="background-color:#ffffff">
</a>


```

##Product Image - Product
```
<div class="unit size1of2 prod-img">
    <img src="/products/image/getproductimage/168035?typecode=m" alt="NDM2P Series">
</div>
```
*/
::-moz-selection {
    background: #bcbcbc;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #bcbcbc;
    color: #fff;
    text-shadow: none;
}

p.nopad {
    padding: 0px;
}

.status-message {
    color: #E81818;
    text-align:center;
}

b, strong, th {
    font-weight: 500;
}

.content strong, .strong-600
{
    font-weight: 600;
}


#ieWarning strong 
{
    font-weight:bold;
}

.media strong {
    font-size: 120%;
}

small {
    font-size: 75%;
    padding: 15px 0;
    line-height: 1.1;
    font-weight: 500;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

ul, ol {
    margin: 1em 0;
    padding: 0 0 0 20px;
    list-style-type: disc;
}

li {
    list-style-type: none;
}

dt, dd {
    display: inline-block;
}

.apps-served {
    padding-left: 20px;
}

nav ul, nav ol {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline;
}

img, object, embed 
{
    max-width: 100%;
    max-height: 100%;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

p {
    padding-bottom: 10px;
}

.body-container  
{
    padding-bottom:325px;
    padding-top: 40px;
}

/* This is not working for some reason */
.body-container section:last-child
{
    /*padding-bottom: 75px;*/
}

.body-container  .hero
{
    position: relative;
    top: -40px;
}

.media, .mediav {
    overflow: hidden;
    *overflow: visible;
    zoom: 1;
}

.media-related {
    overflow: hidden;
    *overflow: visible;
    zoom: 1;
    padding-bottom: 10px;
    padding-top: 10px;
}

.bd, .ft, .hd {
    overflow: hidden;
    *overflow: visible;
    zoom: 1;
}

.mediav .ft {
    padding-top: 5px;
}

.media-stream p {
    font-size: 13px;
    line-height: 1.362;
}

.featured {
    background: url("../images/backgrounds/feature-img-bg.jpg") no-repeat transparent;
}

.featured-item {
    padding-left: 10px;
    padding-right: 10px;
}

.marketing-feature {
    padding-top: 60px;
}



.black-arrow {
    font-size: 85%;
    font-family: Verdana,Arial,sans-serif /*{ffDefault}*/;
}

.iso-pdf {
    line-height: 35px;
    padding-left: 35px;
    background: url("/Products/Image/GetImage/991?typeCode=M") no-repeat transparent 5px 5px;
    background-size: 25px;
    
}

.wrapper {
    width: 70%;
    margin: 0 auto;
    max-width: 1024px;
    min-width: 480px;
}

.body-cont {
    min-height: 850px;
    padding-bottom: 20px;
}

header {
    width: auto;
    height: 50px;
    border-bottom: 1px solid #000;
    background-color: #666;
    background-image: linear-gradient(bottom, rgb(102,102,102) 15%, rgb(131,131,131) 84%);
    background-image: -o-linear-gradient(bottom, rgb(102,102,102) 15%, rgb(131,131,131) 84%);
    background-image: -moz-linear-gradient(bottom, rgb(102,102,102) 15%, rgb(131,131,131) 84%);
    background-image: -webkit-linear-gradient(bottom, rgb(102,102,102) 15%, rgb(131,131,131) 84%);
    background-image: -ms-linear-gradient(bottom, rgb(102,102,102) 15%, rgb(131,131,131) 84%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.15, rgb(102,102,102)), color-stop(0.84, rgb(131,131,131)) );
}

/* ##Navigation Styles */
.rfqCartCount 
{
    display:none;
}
.rfqCartCount.visible
{
    margin-left:5px;
    padding:0 5px;
    color:White;
    background-color:Red;
    border-radius:5px;
    text-decoration:none;
    display:inline;
}
.rfqCartCount.visible:hover
{
    text-decoration:none;
}
/* ##Hero Section */
.hero {
    background: #efefef url("../images/backgrounds/hero-bg.png") repeat;
    border-bottom: 1px solid #c1c1c1;
}

.contact-hero 
{
    background: #efefef url("../images/backgrounds/hero-bg.png") repeat;
    border-bottom: 1px solid #c1c1c1;
    margin-bottom: 20px;
    position:relative;
    top: -40px;
}

.feature-slide {
    height: 390px;
}

.second-nav {
    height: 50px;
    text-align: right;
    padding: 10px 0 0 0;
}

.second-nav-bg {
    background: transparent url("../images/backgrounds/hero-bg.png") repeat;
    height: 20px;
    text-align: right;
    padding: 10px 0;
}

/* *******************************************************************
**
** Styles for the Home page
**
******************************************************************** */
.solus {
    background: url("../images/logo/solus.png") no-repeat transparent;
    padding-top: 10px;
}

.hg {
    margin-top: -100px;
}

.article {
    padding: 0 0 10px;
}

.article p {
    padding: 0 0 20px;
}

/* featured products */
.featured-prod {
    height: 60px;
}

.highlight {
    padding-top: 35px;
}

/* *******************************************************************
**
** Styles for the Product pages
**
******************************************************************** */
.product {
    background: #fff;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.prod-add-ons {
    background-color: #d5d5d5;
    color: #fff;
    height: auto;
}



/* video section of resource pages */
.videoWrapper {
    position: relative;
    padding-bottom: 11%;
    padding-top: 0px;
}

video {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
}

.videoWrapper{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    background: #000000;
}

.videoWrapper object,
.videoWrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
}

#videoPlayer {
    height: 100%;
}

.vjs-spinner {
    display: none !important;
}

img.vjs-poster {
    height: 100% !important;
    width: 100% !important;
}

.video-playlist-content {
    padding: 0 10px 20px;
}

.video-playlist {
    height: 90px;
    padding: 10px 10px 0;
    border: 1px solid #ddd;
    background-color: #e3e3e3;
}

/* video single */
.vid-single {
    margin: 0 auto;
}

/* *******************************************************************
**
** Styles for misc pages
**
******************************************************************** */
/* add padding to top of page */
.add-padding {
    padding-top: 100px;
}

/*PT 67139 styles I made that I want to ask cox where to put */
.threeDmodelBanner, .stockCheckBanner 
{
    min-height: 290px;
    background-color: #fff;
    padding: 20px 20px 10px;
    border-top: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
}

.bannerShadow
{
    -webkit-box-shadow: 0px 0px 40px 0px rgba(100,100,100,1);
    -moz-box-shadow: 0px 0px 40px 0px rgba(100,100,100,1);
    box-shadow: 0px 0px 40px 0px rgba(100,100,100,1);
}

.cadFormatsBanner
{
    background-color:#E6E6E6;
    padding: 20px 20px 10px;
    font-style:italic;
    border-top: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
}

.distributerLinks
{
    height:100%;
    text-align:center;
}

.distributerLinks a
{
    display:inline-block;
    vertical-align:middle;
    padding:10px;
}

.threeDmodelResourcebarTop, .stockCheckResourcebarTop
{
    padding:15px 0 15px;
    border-bottom: 1px solid #ddd;
}
.threeDmodelResourcebarBottom, .stockCheckResourcebarBottom
{
    padding:20px 0 15px;
}

#threedmodelsearchbutton, #stockchecksearchbutton
{
    float: left;
    margin-left: 6px;
    margin-top: 1px;
}

.stockcheckicon, .modellibraryicon
{
    width: 30px;
}

.tableinfoheader 
{
    background:#ddd;
    border:1px solid #CCC; 
    padding:10px; 
    border-radius: 5px 5px 0 0;
}

/* *******************************************************************
**
** Styles for the Product pages
**
******************************************************************** */
/* .page-title{padding-top: 80px} */
.main-marketing {
    margin: 0;
    padding: 0;
    
}

.high-marketing {
    min-height: 390px;
    background-color: #fff;
    padding: 20px 20px 10px;
    border-top: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
    
    -webkit-box-shadow: 0px 0px 40px 0px rgba(22, 92, 125, 1);
    -moz-box-shadow:    0px 0px 40px 0px rgba(22, 92, 125, 1);
    box-shadow:         0px 0px 40px 0px rgba(22, 92, 125, 1);
}

.high-marketing.noshadow
{
    -webkit-box-shadow: 0px 0px 0px 0px rgba(22, 92, 125, 1);
    -moz-box-shadow:    0px 0px 0px 0px rgba(22, 92, 125, 1);
    box-shadow:         0px 0px 0px 0px rgba(22, 92, 125, 1);
}

.high-marketing-tab
{
    margin-top:33px;
}

.high-marketing .content, .high-marketing-tab .content
{
    padding: 0 0 20px 0;
}



.amt-high-marketing {
    min-height: 390px;
    background-color: #fff;
    padding: 20px 20px 10px;
    border-top: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
    
    
}

.amtCenterGap hr {
    border-top-color: #ddd;
}

.high-marketing h1
{
    font-size: 450%;   
}

.high-marketing h2
{
    font-size: 123%   
}

.high-marketing h1 img
{
    max-height: 55px; 
    position: relative;
    top: 5px; 
}
.reg-mark
{
    font-size: 25%;
    position: relative;
    top: -35px;
}
.sol-reg-mark
{
    font-size: 60%;
    position: relative;
    top: -7px;
}

.high-marketing .sub-text
{
    font-size: 150%;
}

ul.amt-line {
    min-height: 240px;
    
}
ul.amt-line > li
{
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
}
ul.amt-line > li:last-child {border:none;}

ul.amt-line li ul li:before{ content:"-"; position:relative; left:-5px;}
ul.amt-line li ul li{ text-indent:-5px; }

.amt-seriesSubheading 
{
    padding-bottom: 15px;
    border-bottom: 1px solid #e6e6e6;
}

.categories {
    margin: 20px 0 40px;
}

.sub-category {
    border: 1px solid #c1c1c1;
}

.sub-category-title-multi {
    padding: 0px 0 0 10px;
}

.sub-cat-text {
    padding-top: 10px;
}

.resources {
    padding-top: 40px;
}

.part-num p {
    margin-bottom: 0;
    padding-bottom: 0;
}

.part-num p {
    padding-top: 10px;
    font-size: 14px;
    text-align: right;
}

.product {
    background: #fff;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.prod-add-ons {
    background-color: #ddd;
    color: #fff;
    height: auto;
}

.prod-resources {
    padding: 5px;
    min-width: 90px;
}

.prod-resources-title {
    font-size: 11px;
    line-height: 12px;
    padding-top: 5px;
    padding-left: 5px;
}

.learn-more {
    display: block;
}

.learn-more:hover {
    text-decoration: none;
}

.learn-more.novum
{
    color: #048891;
    padding-top: 20px;
}

.learn-more.novum:hover
{
    color: #95d7e4;
}

.learn-more:hover > span:first-child {
    text-decoration: underline;
}

.no-stretch {
    max-width: initial;
    max-height: initial;
}

/*product listing page */
.prod {
    height: 300px;
}

.prod p {
    line-height: 1.1;
}

.prod-results {
    height: 350px;
}



/*Accessory options */
.accessory-content {
    padding: 10px;
}

.siteDialog .ui-dialog-titlebar {
    width: 98%;
}

.stockCheckDialog {
	background: #f3f3f3;
    max-width: 850px;
	box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.9);
}

.stockCheckDialog.ui-dialog, .stockCheckDialog .ui-dialog-content
{
    border:none;
    padding:0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0; 
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.stockCheckDialog .ui-dialog-titlebar {
    display:block;
    width: 100%;
    padding:0;
    margin:0;
    background: #555555;
    color: white;
    height: 40px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0; 
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.stockCheckDialog .ui-dialog-title 
{
    padding:5px 15px;
}

.stockCheckDialog .ui-dialog-titlebar-close {
    width: 55px;
    height: 40px;
    background-color: #FA6073;
    margin: 0;
    position: absolute;
    text-align: center;
    font-weight: 900;
    color: white;
    background-image: none;
    text-decoration: none;
    top: 0;
    right: 0;
    padding:0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}
.stockCheckDialog .ui-dialog-titlebar-close.ui-state-hover {
    padding: 0;
    border:none;
    background-color: #DD0000;
}
.stockCheckDialog .ui-icon-closethick {
    background-image: none;
}
.stockCheckDialog .ui-dialog-titlebar-close:before {
    content: "X";
    vertical-align:middle;
    vertical-align:-webkit-baseline-middle;
}
.stockcheck {
    padding-top: 20px;
}

.stockchecksearch {
    padding-top: 20px;
    padding-bottom: 20px;
}

.stockchecklimited {
    padding-left: 25px;
    padding-right: 25px;
}

/* *******************************************************************
**
** Styles for the Quality pages
**
******************************************************************** */
.quality .article {
    padding: 0 10px 20px 0;
}

/* *******************************************************************
**
** Styles for the News pages
**
******************************************************************** */
.event p {
    padding-bottom: 5px;
}

/* *******************************************************************
**
** Styles for the Company pages
**
******************************************************************** */
.company p, .community p {
    padding: 0 0 10px;
}


.bio {
    padding-top: 10px;
    min-height: 140px;
}

.leadership .bio {
    min-height: 220px;
}


.sign {
    margin: 10px 0 10px;
    text-align: right;
}

.leadership {
    height: 500px;
}

.values {
    height: 175px;
}
/* *******************************************************************
**
** Styles for the Philanthropy page
**
******************************************************************** */

.bd_community p {
    padding: 10px 0 0 10px;
}

/* *******************************************************************
**
** Styles for the Contact page
**
******************************************************************** */
.contact-bd {
    padding-bottom: 20px;
}

.contact-bd span.addr-label {
    color: #aaa;
}

.contact-bd span.addr-value {
    color: #585858;
}

.high-marketing-tab img.headquarters {
    width: 90%; margin-bottom: 20px;
}

.high-marketing-tab .contact-request-form {
    border-left: 1px solid #ddd; 
    padding-left: 20px;
}


/* *******************************************************************
**
** Styles for the RFQ page
**
******************************************************************** */
fieldset {
    border: 1px solid #ddd;
    padding: 10px;
}

fieldset p {
    padding: 10px 0;
    font-size: 0.8em;
}

.siteDialog {
    font-size: 14px !important;
}

.content-rfq .qtyWrapper {
    width: 60%;
}

.content-rfq .productOptions {
    white-space: nowrap;
}

.content-rfq .productOptions label {
    padding-left: 5%;
}

.pipe-span {
    border-right: 1px solid #ddd;
    padding-left: 4%;
    padding-right: 4%;
}

.pipe-span-last {
    padding-left: 4%;
}

#rfqForm fieldset {
    padding: 1.8em;
}

#small-discalimer {
    font-size: 95%;
}

.rfqDialog 
{
    padding:0;
    border: 1px solid #e6e6e6;
}
        
.rfqDialog .ui-dialog-titlebar  
{
    width:100%;
    background-color: #FFFFFF;
    background-image: none;
    color: #0A00FF;
    padding: 0;
    margin: 0;
}
.rfqDialog .ui-dialog-titlebar-close
{
    width: 40px;
    height: 25px;
    background-color: #FA6073;
    float: right;
    margin: 0;
    position: initial;
    text-align: center;
    font-weight: 900;
    color: white;
    background-image: none;
    text-decoration: none;
    border: 1px solid #FA6073;
    border-radius: 0px;
}

.ie .rfqDialog .ui-dialog-titlebar-close
{
    margin: -10px 0 0 0;   
    padding: 0px;
}

.rfqDialog .ui-dialog-titlebar-close.ui-state-hover
{
    padding:1px;
    
    background-color:#DD0000; 
}
.rfqDialog .ui-icon-closethick
{
    background-image:none;
}
.rfqDialog .ui-dialog-titlebar-close:before 
{
    content:"X";
}


/* *******************************************************************
**
** Styles for the Product Landing Pages
**
******************************************************************** */
.prod-landing {
    background: #86868d url("../images/backgrounds/prod-landing.png") repeat-x;
    /* gray */
    background-image: linear-gradient(bottom, rgb(134,134,134) 20%, rgb(194,195,192) 50%, rgb(210,210,210) 70%, rgb(174,174,171) 70%, rgb(194,195,192) 76%, rgb(210,210,210) 84%);
    background-image: -o-linear-gradient(bottom, rgb(134,134,134) 20%, rgb(194,195,192) 50%, rgb(210,210,210) 70%, rgb(174,174,171) 70%, rgb(194,195,192) 76%, rgb(210,210,210) 84%);
    background-image: -moz-linear-gradient(bottom, rgb(134,134,134) 20%, rgb(194,195,192) 50%, rgb(210,210,210) 70%, rgb(174,174,171) 70%, rgb(194,195,192) 76%, rgb(210,210,210) 84%);
    background-image: -webkit-linear-gradient(bottom, rgb(134,134,141) 20%, rgb(194,195,192) 50%, rgb(210,210,210) 70%, rgb(174,174,171) 70%, rgb(194,195,192) 76%, rgb(210,210,210) 84%);
    background-image: -ms-linear-gradient(bottom, rgb(134,134,134) 20%, rgb(194,195,192) 50%, rgb(210,210,210) 70%, rgb(174,174,171) 70%, rgb(194,195,192) 76%, rgb(210,210,210) 84%);
}

.prod-feature {
    height: 321px;
}

.prod-landing .media {
    padding-bottom: 0;
}

.prod-landing .bd {
    background-color: rgba(114,114,114,0.4);
}
.prod-landing-description-wrapper {
    vertical-align: middle;
    height: 64px;
    display: table-cell;
    padding:0px 12px;
}
.prod-landing-description {
    text-decoration: none;
}

.prod-landing-description:hover {
    text-decoration: underline;
}

.prod-landing-description strong
{
    font-size: 100%;
    font-weight: 600;
    color: #333;
}

.datasheet {
    padding-right: 5px;
}

.prod-marketing {
    font-weight: normal;
    margin-bottom: 0px;
}

/* *******************************************************************
**
** Styles for the Parametric search landing page
**
******************************************************************** */
.para-search {
    position: relative;
    top: 120px;
}

.para-search.prod-para-search
{
    top: -10px;
}

.para-search p {
    padding-bottom: 10px;
}

.parasearch-cat {
    height: 317px;
}

.prod-recs {
    padding-bottom: 30px;
    min-height: 500px;
}
.content.recommended { font-size:97%;}
.recommended {
    min-height: 300px;
}

.recommended-med {
    height: 150px;
}

.min {
    padding-right: 2px;
}

.max {
    padding-left: 2px;
}

.results-text {
    color: #77563D;
}

#pb-container-spacer {
    height: 34px;
}

/* *******************************************************************
**
** Styles for the file upload on the contact form
**
******************************************************************** */
.contact-file-upload label.file-input input[type="file"] {
    position: fixed;
    top: -1000px;
}

.contact-file-upload .file-input {
    float: right;
    width: 100%;
}

.contact-file-upload .file-input span.button {
    margin-top:3px; 
    text-align: center; 
    width: 10%;
}

.contact-file-upload .file-upload-label {
    width: 85%; 
    background: #fafafa; 
    border: 1px solid #ddd;
}

.contact-file-upload input.new-dark {
    width: 15%; 
    font-size: medium;
}


/* *******************************************************************
**
** Non-semantic helper classes
** Please define your styles before this section.
**
******************************************************************** */
.borders {
    border: 1px solid #ddd;
}

.border-top {
    border-top: 1px solid #ddd;
}

.power {
    color: #1C5A7C;
}

.components {
    color: #3b9444;
}

.solus-text {
    color: #7F1399;
}

.novum {
    color: #47C3D3;
}

.cui-light {
    color: #ffffff;
    padding: -5px 0 10px;
}

.white {
    color: #ffffff;
 }
 
.MinMaxSelect option:disabled
{
    color: #d0d0d0;
}

.full {
    width: 100%;
    padding-bottom: 40px;
}

.center {
    text-align: center;
}

.nowrap {
    white-space: nowrap;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.content {
    padding: 40px 10px 40px;
}

.content-notop {
    padding: 0px 10px 0px;
}

.content-pad-bottom
{
    padding-bottom: 40px;
}

.content-prod {
    padding: 40px 10px 0px;
}

.content-divider {
    padding: 30px 0px 0px 0px;
}

.content-twitter {
    padding: 5px 0;
}

.news-content {
    padding: 10px;
}

.content-contact {
    padding: 10px 10px 10px 10px;
}

.content-contact p.nopad {
    padding: 0px;
}

.outline {
    border: 1px solid #c4c4c4;
}

.shadow {
    -moz-box-shadow: 3px 3px 3px 0px rgba(51,51,51,0.15);
    -webkit-box-shadow: 3px 3px 3px 0px rgba(51,51,51,0.15);
    box-shadow: 3px 3px 3px 0px rgba(51,51,51,0.15);
}

.underline {
    border-bottom: 1px solid #ddd;
}

.letter-press {
    text-shadow: 1px 0px 0px #fff;
}

.ir {
    display: block;
    text-indent: -999em;
    overflow: hidden;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
}

.ir br {
    display: none;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.clear {
    clear: both;
}

.progressbar {
    display: none;
}

.progressbarContainer {
    width: 106px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.result-text {
    color: #77563D;
}

.no-padding {
    margin: 0;
    padding: 0;
}
/* *******************************************************************
**
** RESPONSIVE GRID	
** Based on OOCSS model - https://github.com/stubbornella/oocss
**
** by Nichole Sullivan
** http://www.stubbornella.org
** Twitter - @stubbornella
**
** Example:
<div class="line">
	<div class="unit size1of5">
		<h3>1/5</h3>
		<p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
	</div>
</div
**
******************************************************************** */

.line, .lastUnit {
    overflow: hidden;
}

.show-overflow
{
    overflow: visible;
}

.unit 
{
    float: left;
}

.unitRight {
    float: right;
}

.size1of1 {
    float: none;
    width: 100%;
}

.size1of2 {
    width: 50%;
}

.size1of3 {
    width: 33.33333%;
}

.floatfix .size1of3:nth-child(4)
{
    clear: left;
}

.size2of3 {
    width: 66.66666%;
  
}

.size1of4 {
    width: 25%;
}

.size3of4 {
    width: 75%;
}

.size1of5 {
    width: 20%;
}

.size2of5 {
    width: 40%;
}

.size3of5 {
    width: 60%;
}

.size4of5 {
    width: 80%;
}

.size1of6 {
    width: 16.6666666%;
}

.size5of6 {
    width: 83.3333333%;
}

.size1of7 {
    width: 14.2857143%;
}

.size2of7 {
    width: 28.5714286%;
}

.size3of7 {
    width: 42.8571429%;
}

.size4of7 {
    width: 57.1428572%;
}

.size5of7 {
    width: 71.4285715%;
}

.size6of7 {
    width: 85.7142858%;
}

.size1of8 {
    width: 12.5%;
}

.size3of8 {
    width: 37.5%;
}

.lastUnit {
    float: none;
    width: auto;
    _position: relative;
    _left: -3px;
    _margin-right: -3px;
}

/* for the accessories block that is displayed on print */
.accessories-for-print {
    display: none;
}

.hide-for-screen {
    display: none;
}

.whitebackground {
    background-color: White;
}

/* *******************************************************************
**
** PLACEHOLDER Media Queries for Responsive Design.
** These override the primary ('mobile first') styles
** Modify as content requires.
**
******************************************************************** */

.height100pct {
    height: 100%;
}

@media screen and (max-width: 1150px) {
    body {
        font-size: 12px;
        line-height: 1.231;
    }

    h2 {
        padding-bottom: 5px;
    }

    .dd-multi-col {
        width: 130px;
    }

    .dd-power .sub-nav li a {
        padding: 0px;
    }

    

    .prod-recs {
        min-height: 350px;
    }
}

@media screen and (max-width: 900px) {
    body {
        font-size: 11px;
        line-height: 1.231;
    }

    h2 {
        padding-bottom: 5px;
    }

    .dd-multi-col {
        width: 120px;
    }

    

    .prod-recs {
        min-height: 250px;
    }
}

@media screen and (max-width: 800px) {
    body {
        font-size: 10px;
        line-height: 1.231;
    }

    h2 {
        padding-bottom: 5px;
    }

    .dd-multi-col {
        width: 130px;
    }

    

    .second-nav-item {
        display: block;
    }
}

.search-padding {
    margin-right: 15px;
}

@media screen and (max-width: 650px) {
    /* Slightly reducing font size to reduce need to scroll */
    body {
        font-size: 10px;
        line-height: 1.131;
    }

    header {
        margin-top: 3px;
    }

    h2 {
        padding-bottom: 5px;
    }
    
    .second-nav-item {
        display: block;
    }

    .social {
        display: none;
    }

    

    .dd-power {
        width: 140px;
    }

    .dd {
        width: 140px;
    }

    .dd-multi-col {
        display: block;
        background: url("../images/underline.png") repeat-x left bottom;
    }

    .dd-multi-col-img {
        display: none;
        width: 150px;
    }
}

@media screen and (max-width: 480px)
{
    .body-container
    {
        width: 480px;
    }   
    
    .nav-secondary
    {
        width: 480px !important;
    } 
}

@media screen and (max-device-width: 480px) {
    /* don't want iOS and WinMobile to mobile-optimize the text for you j.mp/textsizeadjust */
    html {
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
    }

   * {
        float: none;/* Screens are not big enough to account for floats */
    }

    /* Slightly reducing font size to reduce need to scroll */
    body {
        font-size: 9px;
        line-height: 1.431;
    }

    h2 {
        padding-bottom: 5px;
    }
    
    .dd-multi-col {
        width: 80px;
    }

    .social {
        display: hidden;
    }

    
}

/* 404 Error page 	*/

.error404 .center {
    text-align: center;
    clear: both;
}

.error404 .text1 {
    font-size: 100%;
    text-align: left;
    color: #585858;
}

.error404 .left {
    float: left;
}

.pad-bottom {
    margin-bottom: 20px !important;
}

.notifications .pad-left {
    margin-left: 10px;
}

.notifications .pad-top {
    margin-top: 30px;
}

.pad-top-10
{
    padding-top: 5px;
    padding-bottom: 5px;
}


/*********************************************************************************************************/
/*New Styles*/
/*********************************************************************************************************/

.float-left
{
    float:left;
}

/* Amt register page */
#amtLoginForm fieldset, #amtRegisterForm fieldset,
#LoginForm fieldset, #RegisterForm fieldset
{
    border: 1px solid #e6e6e6;
    min-height: 127px; 
    background: #E8E8E9;
    padding:4%;
}

#amtHero 
{
    background: #94cb6c;   
    box-shadow: 0 0 100px #3b9444 inset,  0 0 100px #3b9444 inset; 
    clear: both; 
    padding-bottom: 45px;    
    width:100%;    
    max-height:460px;
    margin-top: -40px;
}

#amtHero h1
{
    position:absolute;
    color: white;
    text-shadow: 2px 2px 2px #186c37;
    left: 70%;
    top: 37%;
    width: 55%;
}



#amtHero .wrapper .unit
{
    padding-top:48px; 
    margin-bottom: 48px;
    position:relative;
    font-size:117%;
    float: none;
display: block;
width: 57%;
margin: 0 auto;
}


#novumHero 
{
    background: #98d8e1;   
    box-shadow: 0 0 100px #29bbc4 inset,  0 0 100px #29bbc4 inset; 
    clear: both; 
    padding-bottom: 45px;    
    width:100%;    
    max-height:460px;
    margin-top: -40px;
}

#novumHero h1
{
    position:absolute;
    color: white;
    text-shadow: 2px 2px 2px #3696a1;
    left: 82%;
    top: 38%;
    width: 55%;
    font-size:165%;
}



#novumHero .wrapper .unit
{
  margin-bottom: 48px;
  position: relative;
  font-size: 162%;
  float: none;
  display: block;
  width: 72%;
  margin: 0 auto;
  top: -40px;
  left:-10%;
}

@media (max-width: 1440px) 
{
    #novumHero .wrapper .unit
    {
        top: 0px;
    }
}

@media (max-width: 1220px) 
{
    #novumHero .wrapper .unit
    {
        top: 10px;
    }
}
  
@media (max-width: 1120px) 
{
    #novumHero .wrapper .unit
    {
        top: 20px;
    }
}  

@media (max-width: 745px) 
{
    #novumHero h1
    {
        
        top: 29%;
        
    }
}   
    

.wrapper .amtSection ,.wrapper.amtSection
{
    background-color: white;
    border: 1px solid #e6e6e6;
}

.amtSection .underline
{
    border-bottom:1px solid #e6e6e6;
}

.amtSection.amtFirst
{
    padding:2%; 
    width: 96%;
}

.content.amtSection
{
    padding:4%;
    min-height:200px;
}

.amtCenterGap
{
    margin-right:15px;
}

.amtRegisterSuccess
{
    padding-top: 25px; 
}

.noBottomPadding
{
    padding-bottom:0px;
}

.amtGreen
{
    color:#63bc47;
}

.teal
{
    color:#00b0b9;
}

.editor-field .amtInput
{
    width:97%;
}

.amtError
{
    color:#e81818;
}

.amtDisclaimer
{
    font-size:75%; 
    line-height:1.1; 
    padding-top: 10px;
}

.fLeft
{
    float:left;
}

.fRight
{
    float:right;
}

.padding10
{
    padding: 10px;
}
.padding30
{
    padding:30px;
}

.viewpointGUI
{
    padding-top:48px;
}

.fontSz110
{
    font-size:110%;
}

.amtDLtextpad
{
    padding:2%;
}

.recoverAmtPassword #EmailAddress
{
    width: 97%;
    margin-bottom:5px;
}

.recoverAmtPasswordConfirmation
{
    width:90%;
    padding-left:5%; 
    padding-bottom: 4%;
}

.recoverAmtPasswordConfirmation img
{
    display:block; 
    margin:0 auto;
}

.amtSidebar img
{
    padding-top:10px;
    width:65%;
 }
 
 .ampSidebar
 {
     padding-top: 5px;
 }
 
 .ampSidebar img
 {
     padding-top:20px;
     padding-bottom: 20px;
 }
 
 /*============Power Expert=================*/
.power-box article, .pe-tabs .tab-content
{
    background: #ffffff;
    border: 1px solid #ddd;
    padding: 4%;
    min-height: 395px;
    margin: 8.33% 0 ; /* 8.33% to match the 2 column boostrap size we are trying to match */
}
    
@media (max-width: 900px) {
    .power-box article, .pe-tabs .tab-content, .cat-power-box article
    {
        min-height: inherit;
    }
}

@media (max-width: 1299px) {
    .power-box article, .pe-tabs .tab-content, .cat-power-box article
    {
        min-height: 275px;
    }
}
    
.power-box article img 
{
    width: 80%;
    margin: 0 auto;
    display: block;
}

.top-power-box article
{
    min-height: inherit;
    margin-top: 7%;
    margin-bottom: 4%;
}


.resource-bar.powerexpert
{
    position: relative;
    top: -6px;   
}   
   
   
/*======================Start to finish===================*/
.stf-box article
{
    background: #ffffff;
    border: 1px solid #ddd;
    padding: 5%;
    margin-bottom: 60px;
}   


.stf-box.first
{
    padding-right: 2%; 
}
.stf-box.second
{
    padding-right: 1%; padding-left: 1%;
}
.stf-box.third
{
    padding-left: 2%; 
}

@media (min-width: 990px)
{ 
    .stf-box.first
    {
        width: 31.3333%;
    }
    .stf-box.second
    {
        width: 31.3333%;
    }
    .stf-box.third
    {
        width: 31.3333%;
    }
}

.stf-box article div.line
{
    height: 45px;
}


    .stf-box img
    {
       
    }


.top-section
{
    position: relative;
    top: -40px;   
}


    
/* 
    power expert page specific tabs css 
*/
div.pe-tabs a { outline: 0; } /* remove outline in firefox */
div.pe-tabs .nav-tabs  { border-bottom: none; }
div.pe-tabs .nav-tabs > li.active > a  { border: none; }
.pe-tabs .tab-content 
{
    margin: 0;
    min-height: 92px; /* ie is chocking on this, min height causes it to collapse TODO FIX */
}
    
.pe-tabs .nav-tabs li { height: 14.28%; width: 14.28%; } /* 1/7 of 100 - because 7 columns */
.pe-tabs .nav-tabs li.active a { background: url('/images/power-expert/tab-top.png') no-repeat center bottom; }
.pe-tabs .nav-tabs li a {  margin-right: 0; }
.pe-tabs .nav-tabs a:hover { background: none; border-bottom: none; }
    
.pe-tabs .nav-tabs li img  
{
    height: 80%; 
    width: 80%; 
    display:block; 
    margin: 0 auto; 
    padding-bottom: 10px; 
    opacity: 0.33; 
}
.pe-tabs .nav-tabs li img:hover { opacity: 1; }
.pe-tabs .nav-tabs li.active img { opacity: 1; }

/*Override them for new images*/
.pe-tabs .nav-tabs li img.on
{
    opacity: 1;
    display: none;
}

.pe-tabs .nav-tabs li img.off
{
    opacity: 1;
}

.pe-tabs .nav-tabs li:hover img.on
,.pe-tabs .nav-tabs li.active img.on
{
    display:block;
}

.pe-tabs .nav-tabs li:hover img.off
,.pe-tabs .nav-tabs li.active img.off
{
    display:none;
}
/*End*/
    
.nav-tabs a
{
      transition: none;
}  

.nav-tabs > li > a:hover
{
    border: 0px;
}
/* 
    Custom Tab pointer controls
*/
.tab-pointer img { margin-top: 75%; cursor: pointer; opacity: 0.33;}
@media (max-width: 990px) 
{
    .tab-pointer img { display:none; }
}

#right-tab-control img { float: right; }
.tab-pointer img.active { opacity: 1.0; }

@media (max-width: 990px)
{
    .cat-power-box
    {
    
        margin-bottom: 10%;
        
    }
        
}

@media (min-width: 990px) 
{
    .cat-power-box
    {
    
        width: 32%;
        
    }

    .cat-power-box:first-child
    {
        margin-right: 2%;
    }

    .cat-power-box:last-child
    {
        margin-left: 2%;
    }
}

.cat-power-box article
{
     
    background: #ffffff;
    border: 1px solid #ddd;
    padding: 6%;
    min-height: 475px;
}

@media (max-width: 768px) 
{
    .cat-power-box article
    {
        min-height: auto;
        width: auto !important;
    }
}

@media (max-width: 900px) 
{
    .cat-power-box article
    {
        min-height: 460px;
        
    }
}

@media (max-width: 1150px) 
{
    .cat-power-box article
    {
        min-height: 360px;
    }
}


.right-border
{
    float: right;
    border-left: 1px solid #ccc;
    height: 60px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.left-border
{
    float: left;
    border-right: 1px solid #ccc;
    height: 60px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.grayBackgroundShadow
{
    background: #AAA url('/images/honeycomb.png');
    -webkit-box-shadow: inset 0px 0px 82px 34px rgba(110,110,110,1);
    -moz-box-shadow: inset 0px 0px 82px 34px rgba(110,110,110,1);
    box-shadow: inset 0px 0px 82px 34px rgba(110,110,110,1);
}

.darkGrayBackgroundShadow
{
    background: #CCC;
    -webkit-box-shadow: inset 0px 0px 82px 34px rgba(150,150,150,1);
    -moz-box-shadow: inset 0px 0px 82px 34px rgba(150,150,150,1);
    box-shadow: inset 0px 0px 82px 34px rgba(150,150,150,1);
}

.grayShadow
{
    -webkit-box-shadow:  0px 0px 40px 0px rgba(110,110,110,1);
    -moz-box-shadow:  0px 0px 40px 0px rgba(110,110,110,1);
    box-shadow:  0px 0px 40px 0px rgba(110,110,110,1);
}

#paraSlide
{
    background: #CCC;
}
    
.greenBackgroundShadow
{
    background: #94CB6C;
    -webkit-box-shadow: inset 0px 0px 82px 34px rgba(59,148,68,1);
    -moz-box-shadow: inset 0px 0px 82px 34px rgba(59,148,68,1);
    box-shadow: inset 0px 0px 82px 34px rgba(59,148,68,1);
}
    
.blueBackgroundShadow
{
    background: #4582A4;
    -webkit-box-shadow: inset 0px 0px 82px 34px rgba(22,92,125,1);
    -moz-box-shadow: inset 0px 0px 82px 34px rgba(22,92,125,1);
    box-shadow: inset 0px 0px 82px 34px rgba(22,92,125,1);
}

.darkBlueBackgroundShadow
{
    background:#286D94;
    -webkit-box-shadow: inset 0px 0px 82px 34px rgba(22,92,125,1);
    -moz-box-shadow: inset 0px 0px 82px 34px rgba(22,92,125,1);
    box-shadow: inset 0px 0px 82px 34px rgba(22,92,125,1);
}
    
#homepage-carousel, #homepage-carousel .item
{
    height: 450px;
}





@media (max-width: 1161px) {     
    #homepage-carousel, #homepage-carousel .item
    {
        height: 425px;
    }
}

@media (max-width: 768px) {     
    #homepage-carousel, #homepage-carousel .item
    {
        height: 370px;
    }
}

@media (max-width: 600px) {     
    #homepage-carousel, #homepage-carousel .item
    {
        height: 370px;
    }
}

#homepage-carousel .item .row
{
    padding-top: 20px;
}
   

    
#homepage-carousel #componentsSlide  h1
{
    padding-top: 0px;
}

#homepage-carousel h1
{
    padding-top: 20px;
}

#homepage-carousel a:hover
{
    text-decoration: none;
}
    
#homepage-carousel .item .wrapper
{
    padding-top: 40px;   
}

#homepage-carousel .LearnMore
{
    color: white;
    font-size: 120%;
    width: 150px;
    text-align: center;
    padding: 5px;
    font-weight: normal;
}

@media (max-width: 900px)   
{
    #homepage-carousel .LearnMore
    {
        width: 100px;
    }
}
    
#threeDSlide
{
    text-align: center;
}
    
#threeDSlide h1
{
    font-size: 350%;
    
    color: White;
    
    letter-spacing: 2.5px;
    text-shadow: 1.5px 1.5px gray;
    padding-top: 0px;
}

#threeDSlide h3
{
    font-size: 200%;
    color: #165c7d;
    background: -webkit-linear-gradient(#3B9444, #03616A);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
    
#threeDSlide .LearnMore
{
    background: #585858 ;
    margin: 0 auto;
    
}

#startToFinish
{
    text-align: center;
}

#startToFinish .row
{
    padding: 0px;
}

#startToFinish .LearnMore
{
    background: #585858 ;
    margin: 0 auto;
    
}

#startToFinish img
{
    width: 85%;
}

@media (max-width: 1000px)   
{
    #startToFinish img  
    {
        padding-top: 20px;
    } 
                             
}

@media (min-width: 900px) {     
    #threeDSlide img
    {
        width: 75%;
    }
}

#powerSlide h1
{
    font-size: 295%;
    color: white;
    text-shadow: 2px 3px #165c7d;
    letter-spacing: 2.5px;
    padding-bottom: 20px;
}

#componentsSlide h1
{
    font-size: 295%;
    color: white;
    text-shadow: 2px 3px #3B9444;
    letter-spacing: 2.5px;
    padding-bottom: 20px;
}

@media (max-width: 1200px) {     
    #powerSlide h1,#componentsSlide h1,#paraSlide h1
    {
        padding-top: 20px;
    }
}

@media (max-width: 1200px) {     
    #powerSlide img.iconImg,#componentsSlide img.iconImg
    {
        padding-top: 75px;
    }
}

#componentsSlide .LearnMore
{
    background: rgba(59,148,68,1);
    margin: 0 auto;
}

#powerSlide .LearnMore
{
    background: rgba(22,92,125,1);
    margin: 0 auto;
}

#paraSlide h1
{
    font-size: 400%;
    color: white;
    text-shadow: 2px 3px gray;
    letter-spacing: 2.5px;
    padding-bottom: 20px;
}

@media (max-width: 933px) {     
    #paraSlide h1
    {
        font-size: 340%;
    }
}

#powerSlide .col-xs-6 img, #componentsSlide .col-xs-6 img
{
    max-width: 100%;
}

#powerSlide .col-xs-24 img, #componentsSlide .col-xs-24 img
{
    max-width: 80%;
}

#powerSlide .col-xs-6, #componentsSlide .col-xs-6
{
    text-align: center;
}

#paraSlide p
{
    color: gray;
    font-size: 120%;
    padding-bottom: 20px;
}

#paraSlide .LearnMore
{
    background: gray;
    
}

.carousel-indicators
{
    display: none;
}

.no-margins
{
    margin: 0px !important;
}

/* Efficiency Standards */
.efficiencyContent
{
    background: #ffffff;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    padding:30px;
}


.spaceout > div
{
    margin-right: 0px;
}

.spaceout:last-child > div
{
    margin-right: 0px;
    margin-left: 0px;
}
    
@media screen and (min-width: 992px) 
{
    .spaceout > div
    {
        margin-right: 9px;
    }

    .spaceout:last-child > div
    {
        margin-right: 0px;
        margin-left: 10px;
    }
}

    



.thresholdsTable tr td.subheader
{
    vertical-align:bottom;
}

.lastRow
{
    margin-bottom:60px;
}
#effStdHeroTxt h1
{
    font-size:350%;
    color:#FFF;
}
#effStdHeroTxt h2
{
    font-size:237%;
    color:#EEE;
}


/*ThreeD*/
#threedmodellibrary td.modelnumber,
#StockCheckContent td.modelnumber
{
	text-align:left;	
}
	
#threedmodellibrary td.desc,
#StockCheckContent td.desc
{
	text-align:left;	
}
	
#threedmodellibrary td.dataTables_empty,
#StockCheckContent td.dataTables_empty
{
	padding-bottom:2%;	
	font-weight:bold;
}
	
#threedmodellibrary td.modelnumber img,
#StockCheckContent td.modelnumber img
{
	float:left;
	margin-right:4%;
	background:white;
}


	
#threedmodelautocomplete,
#stockcheckautocomplete
{
	float: left;
    width: 100%;
		
}
	
#StockCheckContent .paginate_active,
#ModelLibraryContent .paginate_active
{
	font-weight: bold;
	text-decoration: underline;
	font-size: 110%;
}
	
#StockCheckContent .resultsTotal,
#ModelLibraryContent .resultsTotal
{
	font-weight:bold;
}
	
#StockCheckContent .dataTables_info,
#ModelLibraryContent .dataTables_info
{
	padding-left:4%;
}
	
#StockCheckContent .dataTables_paginate a,
#ModelLibraryContent .dataTables_paginate a
{
	padding-left: 2%;
	cursor:pointer;
}
	
#StockCheckContent .dataTables_wrapper .top,
#ModelLibraryContent .dataTables_wrapper .top
{
	padding-bottom: 2%;
	padding-top: 2%;
}
	
#StockCheckContent .dataTables_filter,
#ModelLibraryContent .dataTables_filter
{
	display:none;
}
	
tr.odd.selected, tr.even.selected 
{
    background-color:#F0F4BF;
}
	
#ModelLibraryContent .button.dark,
#StockCheckContent .button.dark
{
	margin-top:0px;
}

#loadingWave{
	position:relative;
	width:45px;
	margin:0 auto;
	display: none;
}
#loadingWave span{
	display:block;
	bottom:0px;
	width: 9px;
	height: 5px;
	background:#63bc47;
	position:absolute;
    -webkit-animation: loadingWave 1.5s	 infinite ease-in-out;
    -moz-animation: loadingWave 1.5s	 infinite ease-in-out;
    -ms-animation: loadingWave 1.5s	 infinite ease-in-out;
    -o-animation: loadingWave 1.5s	 infinite ease-in-out;
    animation: loadingWave 1.5s	 infinite ease-in-out;

}
#loadingWave span:nth-child(2){
    left:11px;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;

}
#loadingWave span:nth-child(3){
    left:22px;
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -ms-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s;
}
#loadingWave span:nth-child(4){
    left:33px;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
}
#loadingWave span:nth-child(5){
    left:44px;
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    -ms-animation-delay: .8s;
    -o-animation-delay: .8s;
    animation-delay: .8s;
}
@-webkit-keyframes loadingWave {
    0% {height:5px;-webkit-transform:translateY(0px);background:#63bc47;}
    25% {height:30px;-webkit-transform:translateY(15px);background:#165c7d;}
    50% {height:5px;-webkit-transform:translateY(0px);background:#00b0b9;}
    100% {height:5px;-webkit-transform:translateY(0px);background:#9e3c96;}
}

@-moz-keyframes loadingWave {
    0% {height:5px;-moz-transform:translateY(0px);background:#63bc47;}
    25% {height:30px;-moz-transform:translateY(15px);background:#165c7d;}
    50% {height:5px;-moz-transform:translateY(0px);background:#00b0b9;}
    100% {height:5px;-moz-transform:translateY(0px);background:#9e3c96;}
}

@-ms-keyframes loadingWave {
    0% {height:5px;-ms-transform:translateY(0px);background:#63bc47;}
    25% {height:30px;-ms-transform:translateY(15px);background:#165c7d;}
    50% {height:5px;-ms-transform:translateY(0px);background:#00b0b9;}
    100% {height:5px;-ms-transform:translateY(0px);background:#9e3c96;}
}

@keyframes loadingWave {
    0% {height:5px;transform:translateY(0px);background:#63bc47;}
    25% {height:30px;transform:translateY(15px);background:#165c7d;}
    50% {height:5px;transform:translateY(0px);background:#00b0b9;}
    100% {height:5px;transform:translateY(0px);background:#9e3c96;}
}

/*Stock Check*/

/*amt modular encoders*/
#amtModularEncodersHero h1
{
    font-size: 435%;
    color: white;
    letter-spacing: 2.5px;
    padding-top:10%;
    padding-left:20px;
}
#amtModularEncodersHero h2
{
    font-size: 300%;
    color: white;
    letter-spacing: 2.5px;
    padding-bottom: 20px;
    padding-left:20px;
    opacity: 0.7;
}
@media (max-width: 1350px) {     
    #amtModularEncodersHero h1
    {
        font-size: 330%;
    }
    #amtModularEncodersHero h2
    {
        font-size: 250%;
    }
}
@media (max-width: 933px) {     
    #amtModularEncodersHero h1
    {
        font-size: 280%;
    }
    #amtModularEncodersHero h2
    {
        font-size: 200%;
    }
}

/*tradeshow specifically apec-2015*/
.tradeshowHero
{
    background-image: url(/images/apec-background.png);                                    
    background-size: cover;
    background-repeat: round;
    background-position-x: left;
    min-width:500px;   
}
.tradeshowHero .heroMargin 
{
    margin:6% 0;
    overflow: hidden;
}
.tradeshowHero .heroContent
{
    padding:20px;
}
.tradeshowHero img 
{
    position: relative;
    z-index: 2;
}
.tradeshowHero .logoWrap 
{
    padding-right:20px;
}
.tradeshowHero .leftHero {
    position: absolute; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    background: black;
    border-radius:5px;
}
.tradeshowHero .rightHero {
    position: absolute; 
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    opacity: 0.25;
    background: black;
    border-radius: 0 5px 5px 0;
}
.tradeshowHero .heroText
{
    text-align:right;
    padding-top:4%;
}
.tradeshowHero .heroText h1 {
    color: #0A8543;
    white-space:nowrap;
    padding-bottom:4%;
    padding-top:0 !important;
}
.tradeshowHero .heroText h3 {
    color:white;
    white-space:nowrap;
    padding-bottom:2%;
    
}
#tradeShow .LearnMore {
    background: rgb(10, 133, 67);
    float:right;
}
@media (min-width:1240px) {
    .tradeshowHero .heroText h1 {
        font-size:300%;
    }
    .tradeshowHero .heroText h3 {
        font-size:200%
    }
}
.prodList2015Hero 
{
    display:table;
    text-align:center;
    padding: 20px 10px 40px;
}
.prodList2015Hero > div
{
    display:table-cell;
    vertical-align:middle;
    float:none;   
}
.prodList2015Hero h1
{
    text-align:left;
    font-size: 350%;
    color: white;
}



/* Industry Pages */
.industryMarketing
{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position-x: left;
}
.industryHeader
{
    background-color: #00557A;
    padding: 2% 0;
    margin:15% 0;
}
.industryHeader h1
{
    font-size:1000%;
    color:White;
      margin-top: 5%;
    line-height: 75px;
      margin-bottom: 1%;
}

.industryHeader h1 span
{
    font-size: 40%;
    font-family: Geogrotesque-Light;
    color: #B2CBD7;
}

.industryHeader h2
{
    font-family: 'Open Sans', 'sans-serif';
    font-weight: 300;
    font-size:400%;
    color:White;
    opacity:0.7
}
@media screen and (max-width: 1260px) 
{
    .industryHeader h1
    {
        font-size:900%;
    }
}
@media screen and (max-width: 980px) 
{
    .industryHeader h1
    {
        font-size:800%;
    }
}
@media screen and (max-width: 800px) 
{
    
    .industryHeader h1
    {
        font-size:750%;
    }
    
}
.recommendRight h4, .recommendLeft h4
{
    white-space:nowrap;
}
.recommendRight, .recommendLeft
{
    padding: 40px 10px 40px;
}
.resourceLinks small, .resourceLinks p 
{
    line-height:15px;
}

/*================Contact Us===================*/
h2.contactH2
{
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 0px; 
}
    
.contactRow > div
{
    border-right: 1px solid #ddd;
    margin-right: -1px;
}
    
.contactRow > div:last-child
{
    border-right: 0px;
}
    
.contactContactsRow > div
{
    border-right: 1px solid #ddd;
    margin-right: -1px;
}
    
.contactContactsRow > divlast-child
{
    border-right: 0px;
}
    
.contactContactsRow > div > div
{
    padding: 15px;
}
    
.jaContactDistImage
{
    width: 85%;
    padding-top:5%;
}

.contactDistImage
{
    height: 150px;
}
    
.contact-row
{
    margin: 0 -10px;  
}
    
.contactRepLocator
{
    background: #f3f3f3;
    padding:0px;
    border:1px solid #ddd;
}

.contactRepLocator h3
{
    margin:0;
}
.contactRepLocator .contRepLocContain
{
    padding:10px 30px 20px;
}
    
.contactRepLocator select, .contactRepLocator input
{
    width: 100%;
    padding: 3px 0;
}
.contactRepLocator .outerBorderFix
{
    width:99%;
}

.contactRepLocator .leftBorder 
{
    border-left: 1px solid #ddd;
    margin-left: -1px;
    min-height:253px;
}

.contactRepLocator .button
{
    width:100%;
    padding: 9px 0;
    font-weight: normal;
    margin:0;
}

.contactRepLocator .row
{
    padding: 10px 0;
}

.contactRepLocator table
{
    line-height:1.6em;
}

.contactRepLocator .row.disabled
{
    opacity:0.4;
}

.contactRepLocator .row.disabled .button
{
    background: rgba(88,88,88,0.10);
    box-shadow: 0 1px 1px #fff;
    text-shadow: 0 1px 1px white;
}


.iframebody
{
    background: white;
}
.resourcetab
{
	height:35px;
}
.resourcetab .video-name
{
	line-height:40px; 
	font-size: 100%;
}

.privacy-policy {
    font-size: 80%; 
    text-align: center; 
    color: #aaa; 
    line-height: 20px;
}


@media screen and (max-width: 1260px) 
{
    .resourcetab .video-name
    {
	    padding-left: 10px;
    }
}

/* category and product list pages */
.productList p, .categoryList p
{
    line-height:22px;   
}

.productList .inner-well-gray .a-wrapper, .categoryList .inner-well-gray .a-wrapper
{
    background:#f1f1f1;
}

.custompowerrow > div
{
    width:20%; padding:5px; margin: -5px;
    text-align: center;
}

.custompowerrow > div > img
{
    width:75%; 
}

.strip-bottom-space
{
    padding-bottom: 0px;

}

.pad-bottom-20
{
      padding-bottom: 20px;
}

select option { color: black;  }

.awards-year
{
	font-size:150%;	
	padding-right:2%;
}
	
.awards-wrapper
{
	padding-top: 2%;
	padding-bottom: 2%;	
}
	
.awards-desc
{
	padding-left:2%;
}

.strike {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap; 
}

.strike > span {
    position: relative;
    display: inline-block;
}

.strike > span:before,
.strike > span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 1px;
    background: #CCC;
}

.strike > span:before {
    right: 100%;
    margin-right: 15px;
}

.strike > span:after {
    left: 100%;
    margin-left: 15px;
}

.OneLinkTxShow_ja { display:none; }
.OneLinkTxShow_zh { display:none; }
.OneLinkTxShow_de { display:none; }
.OneLinkTxShow_en { display:block; }

.OneLinkShow_ja { display: none; }
.OneLinkShow_zh { display:none; }
.OneLinkShow_de { display:none; }
.OneLinkShow_en { display: inline; }

.OneLinkHide{ display: block; }

.OneLinkHide_en {
    display: none;
}

#model-section {
  background: #ececec;
  page-break-before: always;
}

#languageSelector{ 
    display: inline-block; 
    padding: 0px;
    margin: 0px;
}

.darkArrow {
    color: rgba(0,0,0,0.4);
    display: block;
    float: left;
    margin-top: 2px;
}

#languageSelector #displayLanguageSelector { 
    display: inline-block; 
    padding: 0px;
    margin: 0px;
}

#languageSelector #hoverLanguageSelector { 
    display: none;
}

#languageSelector:hover #hoverLanguageSelector { 
    display:block;
    position: absolute;
    z-index: 100000;
    top: -16px;
    right: 0%;
    padding-top: 32px;
}


#languageSelector #displayLanguageSelector li {
    padding-left: 15px;
    padding-right: 15px;

    text-align: center;
    padding-bottom: 4px;
    border-radius: 3px;

    background: rgba(250,250,250,0.2);
    width: 80px;
}

.ie #languageSelector #displayLanguageSelector li {
    width: 107px;
}

#languageSelector #hoverLanguageSelector li {
    text-align: center;
    padding-bottom: 4px;
    color: #585858;
    background: rgba(255,255,255,0.8);
    width: 110px;
}

#languageSelector #hoverLanguageSelector li a{
    color: #585858;
    
}