body {
    font: 9px/12px arial,helvetica,clean,sans-serif;/*11px/13 px*/
    color: #000;
    text-align: center;
    background-color: #fff;
    background-repeat: repeat-x;
}

body, div, h1, h2, h3, table, td {
    margin: 0;
    padding: 0;
}

a:link, a:visited {
    color: #666;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #666;
}

a:hover {
    color: #333;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #333;
}

table {
    border-collapse: collapse;
}

td {
    vertical-align: top;
}

img {
    display: inline;
    border: 0;
}

h1 {
    margin-right: 10px;
    font-size: 20px;
  /*  color: #DA2E39;*/
    color: #006ba1;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}

h2 {
    font-size: 15px;;
    font-weight: bold;
    padding-top: 1em;
}

h3 {
    font-style: italic;
    color: #333;
    margin-top: 0.5em;
}

h4 {
    font-size: 13px;
    margin: 0.5em 0 0 0;
    padding: 0;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.clearboth {
    clear: both;
}

.odd-row {
    background-color: #f2dedf;
}

.bold-text {
    font-weight: bold;
}

.left-column {
    float: left;
    max-width: 60vw;/*900*/

}

.right-column {
    float: right;
    /*width: 502px;*/
    width:30vw;
  /*width:auto;*/
  margin-left:2em;
  margin-top:12em;
}

.row2{
  margin-top:3rem;
  max-width:50vw;
}

.div{
  border-left: 6px solid #ff9900;
  margin-top:11px;
  height:650px;
  opacity:25%;
}

.performance{
  /*margin-right:-7em;
  margin-bottom:1em;*/
}
.perf{
  margin-bottom:2em;
  position:absolute;
  left:55em;
}

body ::-webkit-scrollbar {
  width:15px;/*8px*/
  border:1px solid transparent;

}
body ::-webkit-scrollbar-button:vertical{
  display: block;
  background-color:#a9a9a9;
  border: 1px solid black
  padding:0px;
  /*width: 16px;
  height: 16px;1.6rem-1.2rem*/
  /*width: 20px;
  height: 15px;*/

}

body ::-webkit-scrollbar-button:start:decrement {
    display: block;

    background-image: url("2.png");/*up2*/
    background-repeat: no-repeat;
    background-size: auto;

}
body ::-webkit-scrollbar-button:end:increment{

  display: block;
  background-image: url("3.png");/*down2*/
  background-repeat: no-repeat;
  background-size: auto;


}


body ::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
}

body ::-webkit-scrollbar-track {
  background-color: #F5F5F5;
  /*box-shadow: inset 0 0 5px grey;*/

  /*border-radius: 10px;*/

}
body ::-webkit-scrollbar-thumb {
  /*background-color:#D0D0D0; /*#d6dee1;*/
  /*border-radius: 20px;*/
  border: 6px solid transparent;
  background: #ff9900;/*#3792cb;*/
  /*border-radius: 10px;*/



}

/*body ::-webkit-scrollbar-thumb:hover {
  background-color: #45b6fe;
}*/

.scroll{
  display:block;
  overflow:auto;
  height:300px;
  width:auto;
  margin-bottom:1em;
  background-color:white;
  border:1px solid #a8bbbf;
  border-top:none;

}
.scroll thead tr td{
  position:sticky;
  top:0px;
  background-color:white;
}

.scroll td{
  border:1px solid transparent !important;
  border-bottom:1px solid #a8bbbf !important;
  border-right:1px solid  transparent !important;
}


.thumbnail{
  border: 1px solid #ddd; /* Gray border */
  border-radius: 4px;  /* Rounded border */
  padding-left: 1em; /* Some padding */
  width: 70%; /* Set a small width */
}
.thumbnail img{
  display: block;
  margin-left:auto;
  margin-right: auto;
}
/*.thumbnail img:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}
.thumbnail a{
    color: #FFFFFF;
    text-decoration: none;
}

.thumbnail a:visited,.thumbnail a:visited{
  border-bottom:none;
}*/

#avSeriesSMC300,#avSeriesSMC400,#avSeriesSSC300,#avSeriesSSC400{
    vertical-align:middle;
    font-weight:bold;
}

#loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #aaa;
    filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    z-index: 1001;
}

#loading-message {
    position: fixed;
    top: 45%;
    left: 30%;
    width: 40%;
    height: 4em;
    padding-top: 1.5em;
    border: 1px solid #999;
    z-index: 1002;
    color: #000;
    background-color: #fff;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
}

#loading-message img {
    margin-top: 1em;
}

#doc {
    margin: 2em;
    text-align: left;
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #fff;
}

#header img {
    margin-left: 1px;
}

#footer {
    margin-bottom: 2em;
    text-align: right;
}

#cds-content {
    padding: 20px;
    display: table-cell;
}

/* access control stuff */

/* end access control stuff */


#cds-content div.index-controls button {
    width: 100px;
}

#cds-content div.index-controls a {
    margin-right: 0.5em;
}

table#aStroke {
}

table.section-container2{
  width:100%;
}
table.section-container {
    width: 100%;
}

td.attribute-container {
    /*padding-right: 1em;*/
    padding:1em;
    width:0%;
}

.section-container{
  margin-top:4em;
}

.inside{
  width:auto;
}

table.attribute {
    background-color: #fff;
    color: #000;
    border: 1px solid #999;
    width: 100%;
    margin-top: 1em;
}

table.attribute td {
    padding: 2px 6px;
    border: 1px solid #aaa;

}

table.attribute img {
    margin-right: 3px;
}

table.attribute thead td {
    font-weight: bold;
}

table.attribute tbody td {
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
}

td.attribute-value {
    background-color: #fff;
    color: #333;
}

td.attribute-value-hovered {
    background-color: #ff9900;/*#EEA1A6*/
    color: #333;
}

td.attribute-value-selected {
    background-color: #006ba1;/*#DA2E39*/
    color: #fff;
}

td.attribute-value-conflicted {
    background-color: #ccc;
    color: #666;
    /*opacity:inherit;*/

}

td.attribute-value-disabled {
   background-color: #ccc;
    color: #666;
    /*opacity:0.6;*/
    /*animation: fadeOut ease 1s;
    animation-fill-mode: both;*/


}

/*@keyframes fadeOut {
  from{
    opacity:1;
  }
  to{
    opacity:0.2;
  }
}*/


table.attribute-range-container {
    border: 1px solid #aaa;
    margin-top: 1em;
    margin-right: 1em;
    width: 100%;
}

table.attribute-range-container td {
    padding: 2px 6px;
}

.attribute-range-constraint {
    text-align: right;
    padding: ;
}

.attribute-range-value {
}

.attribute-range-value input {
    width: 100px;
}

.attribute-range-label {
    white-space: nowrap;
    font-weight: bold;
    padding: 0 0.5em;
    width: 100%;
}

.attribute-range-label img {
    margin-right: 3px;
}

div#help-container-1 h2, div#help-container-2 h2 {
    padding-top: 0.5em;
}

#help-image-1, #help-image-2 {
    border: 1px solid #aaa;
    width: 250px;
    height: 250px;
    margin-top: 0.5em;
}

div#help-text-1, div#help-text-2 {
    width: 200px;
    min-height: 120px;
    color: #333;
    margin-top: 0.25em;
}

table.data-table {
    background-color: #fff;
    color: #000;
    margin-top: 2em;
    border: 1px solid #999;
    width: 400px;
}

table.data-table td {
    padding: 2px 6px;
    border: 1px solid #aaa;
    /*width: 50%;*/
}

table#bom-table td, table#material-table td {
    width: 40%;
}

table.data-table thead td {
    font-weight: bold;
}

.details-controls {
    margin: 2em 2em 0;
}

.details-controls button {
    width: 140px;
    margin-bottom: 0.25em;
}


#product-image {
    margin-top: 1em;
}
#cad-controls {
    display: none;
}

#cds-cad-request-dialog {
    text-align: left;
    padding-top: 1em;
    font-size: 14px;
}

#cds-cad-request-dialog div {
    margin-top: 0em;
    margin-bottom: 1em;
}

#cds-cad-request-dialog img {
    float: left;
    margin-right: 1em;
}

#questions-container h2 {
    font-size: 18px;
    margin-bottom: 0.5em;
    text-align: right;
}

#questions-container div {
    font-size: 13px;
    text-align: right;
}

#attribute-sub-header {
    text-align: left;
    font-style: italic;
    cursor: default;
}


/* assembly search page */

.assembly-search-page .left-col {
    float: left;
    margin-right: 39px;
    width: 40%;
}

.assembly-search-page .right-col {
    float: left;
    width: 50%;
}

.assembly-search-page h1 {
    margin-bottom: 39px;
}

.assembly-search-page label {
    font-size: 14px;
}

.assembly-search-page input {
    width: 50%;
}

.assembly-search-page p {
    margin-top: 26px;
}

.cds-icon-container {
    display: inline-block;
    margin: 0;
}

.cds-icon-container img {
    cursor: pointer;
    margin: 3px 2px 4px;/*63 2 4*/
    vertical-align: middle;
    max-width: 35px;/*35*/
}
@media only screen
   and (min-width : 1024px)
   and (max-height : 1440px) {
   /* Styles here */
  .cds-icon-container{
       width:200%;
       /*max-width: 35px;
       margin:3px 2px 4px 1px;*/
   }
   .cds-icon-container img {
     max-width: 29px;
   }
}

/* cad */

#cds-cad-viewer-container {
    position:relative;
    background-color: #fff;
    border: 1px solid #cecece;
    height: 300px;/*300*/
    width: 47em;/*500-450-416*/
    margin-bottom:1em;
}

#cds-cad-viewer-container h1 {
    color: #bbb;
    font-size: 2.154em;
    font-weight: bold;
    margin: 7em 2em;
    text-align: center;
}

#cds-cad-viewer-container canvas:last-child {
    display: none;
}

#inset {
    position: relative;
    top: -60px;
    left: 10px;
}

.cds-cad-controls {
    margin: 1em 0 1em;
    width:47em;
}

.cds-cad-controls select {
    border: 1px solid #cecece;
    border-radius: 0;
    font-size: 1.385em;
    height: 2.300em;
    padding-left: 0.5em;
    width: 49.7%;/*48*/

}

.cds-cad-controls button {
    background-color:#007cba;/*#DA2E39*/
    border: none;
    color: #fff;
    font-size: 1.285em;;/*1.385*/
    height: 2.500em;/*2500*/
    margin-top: 6.5px;
    width: 49.7%;/*48*/
}
#cds-update-cad-button{
  background-color:#007cba;/*#DA2E39*/
  border: none;
  color: #fff;
  font-size: 1.285em;;/*1.385*/
  height: 2.500em;/*2500*/
  margin-top: 6.5px;
  width: 30%;/*48*/
  position:absolute;
  margin: auto;
  top: 0; left: 0; bottom: 0; right: 0;
  z-index:100;
}

.cds-cad-controls button:hover {
    background-color: #ff9900;/*#A71D26*/
}
/*
#cds-update-cad-button-container {
    text-align: center;
    width: 100%;
    float: left;
}

#cds-update-cad-button-container button {
    background-color: #006AB6;
    color: #FFF;
    font-size: 1.385em;
    height: 3.000em;
    margin: 13px 0;
    width: 49%;
}

#custom-notes-container button {
    color: #FFF;
    font-size: 1.385em;
    height: 3.000em;
    margin: 13px 0;
    width: 49%;
}

#cds-rfq-button, #cds-spec-sheet-button {
    background-color: #b2282d;
}

#cds-rfq-button:hover, #cds-spec-sheet-button:hover {
    background-color: #8A7D3B;
}
*/
#cds-wait-overlay {
    background-color: #aaa;
    display: none;
    height: 100%;
    left: 0;
    filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

#cds-wait-overlay img {
    left: 50%;
    position: fixed;
    top: 50%;
}
#cds-cad-request-dialog h3{
  margin-bottom:1em;
}

#cds-cad-request-dialog table tbody tr td{
  margin-bottom:1em;
}

.cds-reset-config {
    margin-top: 3em !important;
    font-size: 1.385em;
    margin-left:0;/*-24.2*/

}

.cds-reset-config button {
    background-color: #006ba1;/*#DA2E39*/
    border: none;
    color: #FFF;
    font-size: 0.785em;
    height: 2.000em;
    margin-top: 6.5px;
    /*margin-right: 10px;*/
    width: 150px;
}

.cds-reset-config select {
  border:2px solid #006ba1;
  font-size:1em;
  font-weight:bold;
  padding: 0.2px 5px;
}

.cds-reset-config button:hover {
    background-color: #ff9900;/*#A71D26*/
}

#powered-by-cds {
    float: right;
    background-color: #fff;
    margin-top:1em;
    margin-right:1em;
}
#spec-note{
  float:left;
  margin-top:1em;
  background-color:#fff;
}

#cds-content .cds-attribute-highlight{
    color: black;
    background-color: #ff0;
}

#cds-help-image-container {
    margin: 1em 0 0;
    height: 250px;
    width: 326px;
    border: solid 1px #999;
}

.cds-cad-viewer-loading-icon {
    display: none;
}

#circularProgress {
    border-radius: 20px;
    background: white;
    margin: 20px;
    margin-left:90px;
    margin-bottom:20px;
    padding: 10px;
    width: 150px;
    height: 150px;
    position: absolute;
    left: calc(60%-180px);/*-180*/
    top: calc(60% -110px);

    z-index: 50;
}

#cds-specs-table table {
    border-collapse: collapse;
}

#cds-specs-table thead {
    font-weight: bold;
}

#cds-specs-table td {
    border: 1px solid #cecece;
    padding: 5px;
    width: 200px;
}
#cds-product-number{
  margin-bottom:10em;
}
#aboresize2{
  /*margin-top:9.1rem;*/
}
#summary{
  margin-left:10em;
}
#aRatedTorque,#aWindUp,#aSideThrust,#aParallelOffset{
  display:none;
}
#aWindUp{
  margin-left:-2em !important;
  width:19em;
}
#aSideThrust{
  margin-left:-4em !important;
  width:14.7em;
}
#aParallelOffset{
  margin-left:-6em !important;
  width:9.6em;
}
@media only screen
   and (min-width : 1170px){
   /* Styles here */
  .cds-icon-container{
       width:200%;
       /*max-width: 35px;
       margin:3px 2px 4px 1px;*/
   }
   .cds-icon-container img {
     max-width: 29px;
   }
   #cds-cad-viewer-container {
     height: 300px;/*300*/
     width: 47em;/*416*/
   }
}
@media only screen
   and (max-width : 1170px) {
   /* Styles here */

   #cds-cad-viewer-container {
     height: 300px;/*300* 1024*/
     width: 40em;/*416-335*/
   }
   .cds-cad-controls{
     width: 40em;
   }
   .cds-cad-controls select{
     width:49.5%;
   }
   .cds-cad-controls button{
     width:49.5%;
   }
   /*.div{
     display:none;
   }*/
}
@media only screen
   and (max-width : 1076px) {
   /* Styles here */

   .div{
     display:none;
   }
}