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

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

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

h4 {
  font-size: 32px;
  margin: 0 0 14px 0;
}

img, iframe {
  max-width: 100%;
}

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

.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: left;
  width: 200px;
}

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

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

.col-3, .col-6, .col-8, .col-10, .col-11 {
    border-right: none;
}

.col-8, .col-10 {
    width: 976px;
}

.col-8 table {
    width: 976px;
}

.col-11 {
    width: 1476px;
}

.col-11 table {
    width: 1476px;
}

.reg-border {
    border: 2px solid #222222;
    float: right;
    padding: 10px;
    width: 248px;
}

.bold-border {
    border: 3px solid #222222;
    margin-bottom: 20px;
    padding: 10px;
}

table {
  border-right: 1px solid #E4E4E4;
  border-bottom: 1px solid #E4E4E4;
  margin: 0 auto 14px auto;
}

th {
    background: #EEEEEE;
    font-weight: bold;
}

td, th  {
  padding: 8px;
  border-left: 1px solid #E4E4E4;
  border-top: 1px solid #E4E4E4;
}

.mb-table td span {
  display: none;
}

.clear {
    clear: both;
}

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

.manual-column ol li {
    padding: 10px;
}

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

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

h2 {
  color: #333333;
  text-align: center;
}

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;
}

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

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

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

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

.logo {
    display: block;
    margin: 0 auto 26px auto;
    width: 300px;
}

.hero-image {
    margin-top: 20px;
}

.ce_mark {
    float: right;
    margin: 20px 0 0 0;
    width: 100px;
}

.product-features {
    width: 478px;
}

.install-caravan-boat {
    width: 478px;
}

.digital-display {
    display: block;
    margin: 0 auto;
    width: 150px;
}

.batteries {
    width: 200px;
}

.bin {
    margin: 0 50px 0 0;
    width: 100px;
}

/*////////////////////////////*/
/*///////AIRBNB UPDATES///////*/
/*////////////////////////////*/

.selection-box.active {
  border-color: #6BA211;
  display: block;
}

/*CHOICE CONTAINER*/

.choice-container {
  display: block;
  margin: 0px auto;
  width: 822px;
}

.selection-box-29hd {
  border: 1px solid #E4E4E4;
  float: left;
  height: 400px;
  margin: 0px 0px 14px 18px;
  width: 400px;
}

.selection-box-5co {
  border: 1px solid #E4E4E4;
  float: left;
  height: 400px;
  margin: 0px 0px 14px 18px;
  width: 400px;
}

.margin-none {
  margin: 0px 0px 0px 0px;
}

.clear {
  clear: both;
}

/*29hd SECTION*/

.container-29hd {
  float: left;
  transition: 1s ease-in-out;
  height: 0;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
}
/*5CO SECTION*/

.container-5co {
  float: left;
  transition: 1s ease-in-out;
  height: 0;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
}

.visible {
  height: auto;
  opacity: 1;
  visibility: visible;
}

/*////////////////////////////////////////
  VERTICAL TIMELINE
////////////////////////////////////////*/

.timeline-section {
  display: none;
}

.generic-btn.manual-btn {
  float: right;
  margin: 14px 0px 14px 14px;
}

.generic-btn.manual-btn a:link, .generic-btn.manual-btn a:active, .generic-btn.manual-btn a:visited {
    background: #EA0000;
    display: block;
}

.generic-btn.manual-btn span {
  background: url(../images/main-manual.png) no-repeat;
  display: block;
  height: 140px;
  margin: 14px auto 0px auto;
  width: 108px;
}

.generic-btn {
  margin: 14px auto;
  width: 178px;
}

.generic-btn a:link, .generic-btn a:active, .generic-btn a:visited {
  background: #333333;
  border: none;
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  margin: 0px auto;
  padding: 14px;
  text-align: center;
  width: 150px;
}

.generic-btn a:hover {
  background: #555555;
}

a.manual-img-2 {
  display: none;
}

/*////////////////////////////////////////
  HORIZONTAL TIMELINE
////////////////////////////////////////*/

.horizontal-timeline {
  display: block;
  margin: 0px auto 18px auto;
  width: 995px;
}

/*-----5co-----*/

.risk-1 {
  background: url(../../5co/images/timeline-5co/risk-1.png) no-repeat;
}

.risk-2 {
  background: url(../../5co/images/timeline-5co/risk-2.png) no-repeat;
}

.risk-3 {
  background: url(../../5co/images/timeline-5co/risk-3.png) no-repeat;
}

.risk-4 {
  background: url(../../5co/images/timeline-5co/risk-4.png) no-repeat;
}

/*----29hd-----*/

.risk-1-29hd {
  background: url(../../29hd/images/timeline-29hd/risk-1.png) no-repeat;
}

.risk-2-29hd {
  background: url(../../29hd/images/timeline-29hd/risk-2.png) no-repeat;
}

.risk-3-29hd {
  background: url(../../29hd/images/timeline-29hd/risk-3.png) no-repeat;
}

.risk-4-29hd {
  background: url(../../29hd/images/timeline-29hd/risk-4.png) no-repeat;
}

.risk-header {
  float: left;
}

.header-left{
   float: left;
}

.second-header {
  float: right;
}

.section-box-4 {
  float: left;
  margin: 0px 25px 0px 0px;
  padding: 185px 0px 0px 0px;
  width: 230px;
}

.section-box-4.last-section {
  margin: 0px;
}

.placement-images {
  margin: 0px auto;
  width: 996px;
}

.section-box-split {
  background: #FFFFFF;
  border: 1px solid #D7D7D7;
  float: left;
  margin: 0px 14px 0px 0px;
  padding: 16px 16px 2px 16px;
  width: 457px;
}

.section-box-split p {
  margin-top: 18px;
}

.section-box-split img {
  border: 1px solid #D7D7D7;
  float: left;
  width: 457px;
}

.pos-2 {
  margin: 0px;
}

.kitchen-section {
  background: #FFFFFF;
  border: 3px solid red;
  width: 960px;
}

.kitchen-section span {
  background: url(../images/cross.png) no-repeat;
  float: left;
  height: 120px;
  margin: 0px 24px 0px 0px;
  width: 120px;
}

.full-width {
  margin: 14px auto 18px auto;
  padding: 16px;
}

/*////////////////////////////*/
/*///////AIRBNB UPDATES///////*/
/*////////////////////////////*/

/*SECTION BOXES*/

.section-box {
  background: #F9F9F9;
  border: 1px solid #E4E4E4;
  float: left;
  margin: 0 13px 13px 0;
  padding: 20px;
  text-align: center;
  width: 448px;
}

.section-box h2 {
  font-size: 24px;
  margin: 0 0 20px 0;
}

.section-box img {
  border: 1px solid #E4E4E4;
  display: block;
  margin: 0 auto 20px auto;
}

.section-box p {
  line-height: 1.4em;
  margin: 0;
}

.section-3, .section-6, .section-9, .section-12, .section-15, .section-18 {
  margin-right: -10px;
}

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

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

.manual-column {
    width: 647px;
}

.product-features {
    background: url(../images/product_features_1st_break.jpg) 100% no-repeat;
}

.col-8 table, .col-10 table {
    width: 647px;
}

.col-11, .col-11 table {
    width: 1316px;
}

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

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

/*SECTION BOXES*/

.section-box {
  margin: 0 14px 14px 0;
  width: 394px;
}

.section-box h2 {
  font-size: 30px;
}

.section-3, .section-6, .section-9, .section-12, .section-15, .section-18 {
  margin-right: -10px;
}

} /* END OF 1336px MEDIA QUERY */

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

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

.manual-column {
    width: 480px;
}

.col-7, .col-8, .col-8 table, .col-9, .col-10, .col-10 table, .col-11, .col-11 table {
    width: 980px;
}

.col-7, .col-9 {
    border: none;
}

/*SECTION BOXES*/

.section-box {
  margin: 0 12px 12px 0;
  width: 284px;
}

.section-box h2 {
  font-size: 26px;
}

.section-3, .section-6, .section-9, .section-12, .section-15, .section-18 {
  margin-right: -10px;
}

.placement-images {
  width: 754px;
}

.section-box-split {
  width: 336px;
}

.kitchen-section {
  width: 716px;
}

} /* END OF 1002px MEDIA QUERY */

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

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

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

.logo {
    width: 357px;
}

.hero-image {
    width: 357px;
}

.col-7, .col-8, .col-8 table, .col-9, .col-9 table, .col-10, .col-10 table, .col-11, .col-11 table {
    width: 734px;
}

.product-features {
    width: 357px;
}

/*SECTION BOXES*/

.section-box {
  margin: 0 14px 14px 0;
  padding: 20px;
  width: 200px;
}

.section-box h2 {
  font-size: 24px;
}

.section-box p.section-price {
  font-size: 18px;
}

.section-3, .section-6, .section-9, .section-12, .section-15, .section-18 {
  margin-right: -10px;
}

/*-----AirBnb Additions-----*/

.container-29hd {
  width: 754px;
}

.container-5co {
  width: 754px;
}

.selection-box-5co {
  height: 366px;
  width: 366px;
}

.selection-box-29hd {
  height: 366px;
  width: 366px;
}

/*Timeline Section*/

.horizontal-timeline {
  display: none;
}

.timeline-section {
  display: block;
  margin: 0px 0px 14px 0px;
}

.timeline-scroll-container {
  height: 339px;
  margin: 14px auto;
  overflow: hidden;
  width: 442px;
}

.timeline-block {
  height: 305px;
  padding: 14px;
  width: 408px;
}

.highest-risk {
  border: 3px solid #B20000;
}

.high-risk {
  border: 3px solid #EA0000;
}

.low-risk {
  border: 3px solid #FF9326;
}

.lowest-risk {
  border: 3px solid #FFC926;
}

.scroll-btn {
  border: 1px solid #D7D7D7;
  border-radius: 5px;
  font-weight: bold;
  margin: 0px auto;
  padding: 11px;
  text-align: center;
  width: 120px;
}

.scroll-btn:hover {
  background: #EFEEF6;
  cursor: pointer;
}

.scroll-btn span {
  display: block;
  height: 24px;
  margin: 0px auto 14px auto;
  width: 38px;
}

.scroll-btn.up-arrow span {
  background: url(../images/arrows.png) 0px -25px;
}

.scroll-btn.down-arrow span {
  background: url(../images/arrows.png) 0px 0px;
}

.placement-images {
  width: 442px;
}

.section-box-split {
  width: 180px;
}

.kitchen-section {
  width: 404px;
}

.generic-btn {
    width: 130px;
}

.generic-btn a:link {
    font-size: 14px;
    padding: 12px;
    width: 106px;
}

} /* 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;
  text-align: center;
  width: auto;
}

.header-left {
  width: 442px;
}

.generic-btn.manual-btn {
  clear: left;
  display: block;
  float: none;
  margin: 14px auto 14px auto;
}

.generic-btn.manual-btn span {
  height: 140px;
  width: 108px;
}

.generic-btn {
  width: 178px;
}

.generic-btn a:link, .generic-btn a:active, .generic-btn a:visited {
  padding: 14px;
  width: 150px;
}

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

.logo {
    width: 442px;
}

.hero-image {
    width: 442px;
}

.manual-column table {
    width: 442px;
}

.col-7, .col-8, .col-9, .col-10, .col-11 {
    width: 442px;
}

.digital-display {
    width: 50px;
}

.product-features {
    width: 442px;
}

.install-caravan-boat {
    width: 442px;
}

.batteries {
    width: 160px;
}

.bin {
    width: 50px;
}

/*SECTION BOXES*/

.section-box {
  width: 172px;
}

.section-box h2 {
  font-size: 22px;
}

.section-box p.section-price {
  font-size: 16px;
}

.section-2, .section-4, .section-6, .section-8, .section-10, .section-12, .section-14, .section-16, .section-18 {
  margin-right: -10px;
}

.section-3, .section-9, .section-15 {
  margin-right: 14px;
}

/*-----AirBnb Additions-----*/

.container-29hd {
  width: 442px;
}

.container-5co {
  width: 442px;
}

.choice-container {
  width: 442px;
}

.selection-box-5co {
    height:210px;
    width: 210px;
}

.selection-box-29hd {
  height: 210px;
  width: 210px;
}

.timeline-section {
  width: 442px;
}

} /* END OF 442px MEDIA QUERY */

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

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

.wrapper {
    width: 300px;
}

/*HEADER*/

.header-left {
  width: 300px;
}


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;
}

.logo {
    width: 300px;
}

.hero-image {
    width: 300px;
}

.manual-column table {
    width: 300px;
}

.col-7, .col-8, .col-9, .col-10, .col-11 {
    width: 300px;
}

.digital-display {
    width: 50px;
}

.product-features {
    width: 300px;
}

.install-caravan-boat {
    width: 300px;
}

.batteries {
    width: 130px;
}

.bin {
    width: 50px;
}

/*SECTION BOXES*/

.section-box {
  margin: 0 0 14px 0;
  width: 258px;
}

.section-box h2 {
  font-size: 26px;
}

.section-box p.section-price {
  font-size: 18px;
}

.reg-border {
    width: 140px;
}

.mb-table table, .mb-table-contact table {
    border: none;
}

.mb-table th {
    display: none;
}

.mb-table td {
    border: none;
    display: block;
    padding: 0;
}

.mb-table td span {
    background: #EFEFEF;
    border-left: 1px solid #EEEEEE;
    border-top: 1px solid #EEEEEE;
    display: table-cell;
    font-weight: bold;
    padding: 10px;
    vertical-align: middle;
    width: 128px;
}

.mb-table td.space span {
    border-bottom: 2px solid #EEEEEE;
    border-spacing: 10px;
}

.mb-table td div {
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    border-top: 1px solid #EEEEEE;
    display: table-cell;
    padding: 10px;
    vertical-align: middle;
    width: 128px;
}

td.space div {
    border-bottom: 2px solid #EEEEEE;
    border-spacing: 10px;
}

.mb-table-contact td, .mb-table-contact th {
    display: block;
}

/*-----AirBnb Additions-----*/

.container-29hd {
  width: 300px;
}

.container-5co {
  width: 300px;
}

.choice-container {
  width: 300px;
}

.selection-box-5co {
    height: 298px;
    margin: 0px 0px 14px 0px;
    width: 298px;
}

.selection-box-29hd {
  height: 298px;
  margin: 0px 0px 14px 0px;
  width: 298px;
}

.timeline-section {
  width: 300px;
}

.timeline-scroll-container {
  height: 310px;
  width: 300px;
}

.timeline-block {
  height: 276px;
  width: 266px;
}

.placement-images {
  width: 300px;
}

.section-box-split {
  width: 266px;
}

.pos-2 {
  margin: 14px 0px 0px 0px;
}

.kitchen-section {
  width: 262px;
}

} /* END OF 300px MEDIA QUERY */