/*-----Stylesheet-----*/

/*-----Layout-----*/

body {
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 0;
}

img {
  max-width: 100%;
}

.divide {
  border-bottom: 1px dashed #E4E4E4;
  clear: both;
  margin: 0 0 14px 0;
}

a:link, a:visited, a:active {
  color: #444444;
}

a:hover {
  text-decoration: none;
}

.wrapper {
    margin: 0 auto;
    width: 1496px;
}

/*HEADER*/

a#logo {
  background: url(../images/icons.gif) 0 0 no-repeat;
  color: #252F81;
  display: block;
  font-weight: bold;
  float: left;
  font-size: 20px;
  height: 20px;
  letter-spacing: 0.03em;
  margin: 16px 0;
  padding: 80px 0 4px 60px;
  text-decoration: none;
  width: 362px;
}

/*TRANSLATE*/

.translate {
  float: left;
  text-align: center;
  margin: 30px 0;
  width: 200px;
}

.translate p {
  display: block;
  font-weight: bold;
  font-size: 14px;
  margin: 0 0 14px 0;
}

.manual-column {
  border-bottom: 1px solid #EEEEEE;
  border-right: 1px solid #EEEEEE;
  float: left;
  padding: 0 10px 90px 10px;
  position: relative;
  width: 478px;
}

.col-3, .col-6, .col-9 {
  border-right: none;
}

.owners-manual {
  background: #333333;
  border: 2px solid #333333;
  border-radius: 0 0 5px 5px;
  height: 200px;
}

.clear {
    clear: both;
}

/*-----Ordered / Unordered Lists -----*/

ol li {
    padding: 10px;
}

ol p {
  margin: 0px;
}

/*-----Headings / Paragraphs -----*/

h1 {
    background: #333333;
    color: #FFFFFF;
    font-weight: normal;
    padding: 10px;
    text-align: left;
}

h3 {
    background: #333333;
    color: #FFFFFF;
    padding: 10px;
}

h3 span.exclamation-mark {
  background: url(../images/warning.jpg) 0 0 / 100% no-repeat;
  display: block;
  float: left;
  height: 20px;
  margin: 0 10px 0 0;
  width: 20px;
}

h4 {
  color: #FFFFFF;
  font-size: 24px;
  margin: 0px;
  padding: 10px;
  text-align: center;
}

h5 {
  color: #FFFFFF;
  font-size: 20px;
  margin: 0px;
  padding: 20px;
  text-align: center;
}

h6 {
  background: #FFFFFF;
  border-radius: 0 0 5px 5px;
  display: block;
  font-size: 20px;
  margin: 12px 0px 0px 0px;
  padding: 10px;
  text-align: center;
}

p.page-number {
    color: #FFFFFF;
    bottom: 0;
    background: #555555;
    font-weight: bold;
    padding: 20px;
    position: absolute;
    right: 0;
}

.reg-border p {
    margin: 0 0 8px 0;
}

.phone-number {
    float: none;
    margin: 0 auto;
}

/*-----Images-----*/

.logo {
    display: block;
    margin: 0 auto 20px auto;
    width: 400px;
}

/*////////////////////////////////////////
  DESKTOP WIDTH 1336px
////////////////////////////////////////*/

@media only screen and (max-width: 1495px) {
.wrapper {
    width: 1336px;
}

.manual-column {
    width: 647px;
}

.col-9 {
    width: 1316px;
}

.col-3, .col-5 {
    border-right: 1px solid #EEEEEE;
}

.col-2, .col-4, .col-6, .col-8, .col-9 {
    border-right: none;
}

/*-----Images-----*/



} /* END OF 1336px MEDIA QUERY */

/*////////////////////////////////////////
  DESKTOP WIDTH 1002px
////////////////////////////////////////*/

@media only screen and (max-width: 1335px) {
.wrapper {
    width: 1002px;
}

.manual-column {
    width: 480px;
}

.col-9 {
    width: 982px;
}

.col-2, .col-4, .col-6, .col-8, .col-9 {
    border-right: none;
}

/*-----Images-----*/

.logo {
    display: block;
    margin: 0 auto 20px auto;
    width: 400px;
}

} /* END OF 1002px MEDIA QUERY */

/*////////////////////////////////////////
  754PX WRAPPER
////////////////////////////////////////*/

@media only screen and (max-width: 1001px) {
.wrapper {
    width: 754px;
}

.manual-column {
    border: none;
    width: 754px;
}

} /* END OF 754px MEDIA QUERY */

/*////////////////////////////////////////
  442PX WRAPPER
////////////////////////////////////////*/

@media only screen and (max-width: 753px) {
.wrapper {
    width: 442px;
}


.translate {
  float: none;
  margin: 0 auto 20px auto;
}

.manual-column {
    border: none;
    width: 442px;
}

} /* END OF 442px MEDIA QUERY */

/*////////////////////////////////////////
  300PX WRAPPER
////////////////////////////////////////*/

@media only screen and (max-width: 441px) {

.wrapper {
    width: 300px;
}

/*HEADER*/

a#logo {
  background-position: 0 0;
  background-size: 294px;
  font-size: 14px;
  height: 20px;
  letter-spacing: 0.02em;
  margin: 16px auto;
  padding: 56px 0 4px 44px;
  width: 250px;
}

.manual-column {
    width: 300px;
}

} /* END OF 300px MEDIA QUERY */