@charset "utf-8";
/* CSS Document */

.hide {
	display: none;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0D23A1;
	font-size: 13pt;
}


/* CSS styles for "More"/"Less" buttons on mobile devices */
@media only screen and (max-width: 480px) {
  a.more-less-btn {
  text-decoration: none;
  color: white;
  background-color: #005BF7;
  border-radius: 5px;
  padding: 1px 14px;
	font-size: 17px;
  font-weight: bold;
  display:inline-block;
}
}

.more-less-btn {
	text-decoration: none;
	background-color: #005BF7;
	color: white;
  border-radius: 5px;
	border: none;
	padding: 1px 6px;
	font-size: 12pt;
	font-weight: bold;
	cursor: pointer;
}


* {
  box-sizing: border-box;
}

.home_menu {
  background-color: #0D23A1;
        cursor: pointer;
  height: 40px;
  border: 2px solid white;
  padding: 5px;
  float: left;
  width: 14.28%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #FFFFFF;
	font-weight: bold;
}

/* Change background color on hover */
.home_menu:hover {
background-color: #0073FF;
}

.product_id_bar_1:hover {
background-color: #0073FF;
}

.beds_menu {
  background-color: #0D23A1;
        cursor: pointer;
  height: 40px;
  border: 2px solid white;
  padding: 5px;
  float: left;
  width: 14.28%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #FFFFFF;
	font-weight: bold;
}

/* Change background color on hover */
.beds_menu:hover {
background-color: #005BF7;
}

.lifts_menu {
  background-color: #0D23A1;
        cursor: pointer;
  height: 40px;
  border: 2px solid white;
  padding: 5px;
  float: left;
  width: 14.28%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #FFFFFF;
	font-weight: bold;
}

/* Change background color on hover */
.lifts_menu:hover {
background-color: #005BF7;
}

.lift_chairs_menu {
  background-color: #0D23A1;
         cursor: pointer;
  height: 40px;
  border: 2px solid white;
  padding: 5px;
  float: left;
  width: 14.28%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #FFFFFF;
	font-weight: bold;
}

/* Change background color on hover */
.lift_chairs_menu:hover {
background-color: #005BF7;
}

.scooters_menu {
  background-color: #0D23A1;
        cursor: pointer;
  height: 40px;
  border: 2px solid white;
  padding: 5px;
  float: left;
  width: 14.28%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #FFFFFF;
	font-weight: bold;
}

/* Change background color on hover */
.scooters_menu:hover {
background-color: #005BF7;
}

.wheelchairs_menu {
  background-color: #0D23A1;
        cursor: pointer;
  height: 40px;
  border: 2px solid white;
  padding: 5px;
  float: left;
  width: 14.28%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #FFFFFF;
	font-weight: bold;
}

/* Change background color on hover */
.wheelchairs_menu:hover {
background-color: #005BF7;
}

.used_menu {
  background-color: #0D23A1;
        cursor: pointer;
  height: 40px;
  border: 2px solid white;
  padding: 5px;
  float: left;
  width: 14.28%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #FFFFFF;
	font-weight: bold;
}

/* Change background color on hover */
.used_menu:hover {
background-color: #005BF7;
}

/* Use a media query to add a break point at 480px: */
@media screen and (max-width: 480px) {
  .home_menu, .beds_menu, .lifts_menu, .scooters_menu, .wheelchairs_menu, .used_menu {
    width: 100%; /* The width is 100%, when the viewport is 480px or smaller */
  }
}

.masthead-bold-13pt {
	color: #0D23A1;
	font-weight: bold;
	font-size: 13pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.masthead-bold-15pt {
	color: #0D23A1;
	font-weight: bold;
	font-size: 15pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.masthead-bold-16pt {
	color: #0D23A1;
	font-weight: bold;
	font-size: 16pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.masthead-bold-19pt {
	color: #0D23A1;
	font-weight: bold;
	font-size: 19pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.masthead-bold-21pt {
	color: #0D23A1;
	font-weight: bold;
	font-size: 21pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.masthead-14pt {
	color: #0D23A1;
	font-size: 14pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.masthead-italic-09pt {
	color: #0D23A1;
	font-style: italic;
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.masthead-italic-16pt {
	color: #0D23A1;
	font-style: italic;
	font-size: 16pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.masthead-bold-italic-16pt {
	color: #0D23A1;
	font-style: italic;
	font-size: 16pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.masthead-bold-italic-24pt {
	color: #0D23A1;
	font-style: italic;
	font-size: 24pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.h1-white-bold-18pt {
	color: #FFFFFF;
	font-size: 18pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.h1-white-bold-16pt {
	color: #FFFFFF;
	font-size: 16pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.h2-18pt {
	color: #0D23A1;
	font-size: 18pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.h2-12pt {
	color: #0D23A1;
	font-size: 12pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.h2-bold-18pt {
	color: #0D23A1;
	font-size: 18pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.pgraph-13pt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #0D23A1;
}
.pgraph-16pt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #0D23A1;
}
.pgraph-center-italic-15pt {
	color: #0D23A1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-style: italic;
}

.footer-bold-white-18pt {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18pt;
}
.footer-bold-white-22pt {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22pt;
}

.footer-white-13pt {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13pt;
}
.footer-white-16pt {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
}

.menu-11pt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
}

.menu-white-11pt {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
}

.menu-white-italic-11pt {
	color: #FFFFFF;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
}

.menu-white-italic-13pt {
	color: #FFFFFF;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13pt;
}

.menu-white-bold-11pt {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
}

.menu-14pt {
	color: #0D23A1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
}

.menu-15pt {
	color: #0D23A1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15pt;
}

.whitespace-1pt {
	color: #0D23A1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1pt;
}

.whitespace-2pt {
	color: #0D23A1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2pt;
}

.whitespace-3pt {
	color: #0D23A1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 3pt;
}

.product_id_bar {
width: 100%;
background-color: #0D23A1;
color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18pt;
text-align: left;
vertical-align: middle;
padding: 6px;
}

.product_id_bar_1 {
width: 100%;
background-color: #0D23A1;
cursor: pointer;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18pt;
text-align: left;
padding: 6px;
display: inline-block;
line-height: 28px;
vertical-align: middle;
margin: 0;
}

.product_id_bar_2 {
width: 20%;
background-color: #005BF7;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
text-align: left;
padding: 6px;
display: inline-block;
line-height: 12px;
vertical-align: middle;
margin: 0px;
}

.product_id_bar_3 {
width: 20%;
background-color: cyan;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
text-align: left;
padding: 6px;
display: inline-block;
line-height: 28px;
vertical-align: middle;
margin: 0px;
}

.product_id_bar_4 {
width: 20%;
background-color: orange;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
text-align: left;
padding: 6px;
display: inline-block;
line-height: 28px;
vertical-align: middle;
margin: 0px;
}

.product_id_bar_5 {
width: 20%;
background-color: purple;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
text-align: left;
padding: 6px;
display: inline-block;
line-height: 28px;
vertical-align: middle;
margin: 0px;
}



        .gallery {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .gallery img {
            width: 20%;
            height: 20%;
            cursor: pointer;
        }
        .arrow {
            display: flex;
            align-items: center;
            font-size: 24px;
	font-weight: bold;
            cursor: pointer;
            background-color: white;
            color: black;
            width: 24px;
            height: 24px;
            text-align: center;
        }
        .lightbox {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.8);
        }
        .lightbox img {
            max-width: 80%;
            max-height: 80%;
            position:absolute;
            top:50%;
            left:50%;
            transform:translate(-50%, -50%);
        }
        .lightbox .arrow {
          position:absolute;
          top:50%;
          transform:translateY(-50%);
          color:white;
            background-color: rgba(0, 0, 0, 0.8);
      }
      .lightbox .arrow.left {
          left:10px;
      }
      .lightbox .arrow.right {
          right:10px;
      }
      .lightbox .close {
          position:absolute;
          top:10px;
          right:10px;
          color:white;
          font-size:24px;
	font-weight: bold;
          cursor:pointer;
      }









#table01 a:link {color: white; }
#table01 a:visited {color: white; }
#table01 a:hover {color: red; }