/*
  stylesheet.css, Cactus Navigation Responsive V1.0

  Author: David Williams

  Copyright (c) 2019 

*/



* {
  box-sizing: border-box;
}

/* For mobile phones: */
[class*="col-"] {
  width: 100%;
  float: left;
  padding: 10px;
// border: 1px solid red;

}

@media only screen and (max-width: 1200px) {
  .HideMobile {display: none;}
}

@media only screen and (max-width: 1200px) {
  .deskTopOnly {display: none;}
}

@media only screen and (max-width: 600px) {
  .tabletAndDeskTop {display: none;}
}

@media only screen and (min-width: 600px) {
  .mobileOnly {display: none;}
}

@media only screen and (min-width: 600px) {
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
  .headerHeight {padding: 0px;}
}

@media only screen and (min-width: 1200px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
  .headerHeight {padding-top: 10px; }
}

.hidden {
  display: none;
}

.menu-top-right {color: #565656;}
.menu-top-right:hover {color: red; cursor: pointer;}
.menu-account {background: url("/images/page_imgs/account_icon.JPG") no-repeat; background-position: 50% 35%; }
.menu-account:hover {background: url("/images/page_imgs/account_icon_red.jpg") no-repeat; background-position: 50% 35%; color: red; cursor: pointer;}
.menu-contact {background: url("/images/page_imgs/contact_icon.JPG") no-repeat; background-position: 50% 35%;}
.menu-contact:hover {background: url("/images/page_imgs/contact_icon_red.jpg") no-repeat;  background-position: 50% 35%;color: red; cursor: pointer;}
.menu-basket {background: url("/images/page_imgs/basket_icon.JPG") no-repeat; background-position: 50% 35%;}
.menu-basket:hover {background: url("/images/page_imgs/basket_icon_red.jpg") no-repeat; background-position: 50% 35%; color: red; cursor: pointer;}

.longBox {border-radius: 25px; border: 1px solid #666666; padding-top: 0px; padding-left: 15px; width: 98%; height: 50px; }
.longBoxInput {width: 95%; font-size: 11pt; border: none;}

.row::after {
  content: "";
  clear: both;
  display: table;
}

hr {
    border: none;
    height: 1px;
    color: #d1d0d0; /* old IE */
    background-color: #d1d0d0; /* Modern Browsers */
}

html {
 // font-family: "Lucida Sans", sans-serif;
  font-family: Trebuchet MS, Tahoma, sans-serif;
  color: #666666;
  font-size: 14px;
}

body {
//  font-family: "Lucida Sans", sans-serif;
  font-family: Trebuchet MS, Tahoma, sans-serif;
  color: #666666;
  font-size: 14px;
}

a:link {
  font-family: Lucida Sans, sans-serif;
  color: orange;
  text-decoration: none;
}

a:visited {
  font-family: Lucida Sans, sans-serif;
  color: orange;
  text-decoration: none;
}

a:hover {
  color: orange;
  text-decoration: underline;
}

h3 {
  padding-top: 0;
  margin: 0px;
  font-size: 19px;
}

h1 {
  padding-top: 0;
  margin: 0px;
  font-size: 19px;
}

h2 {
  padding-top: 0;
  margin: 0px;
  font-size: 24px;
}

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

.fade:hover {
  opacity: 0.5;
  cursor: pointer;
  //box-shadow: 0 5px 5px yellow, 0 5px 5px yellow;
}

.shippingSelect{
   transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
}

.shippingSelect:hover {
  background: orange;
  color: white;
  cursor: pointer;
}

     
a.productLink {
  font-family: "Lucida Sans", sans-serif;
  color: #666666;
  text-decoration: none;
  font-size: 12px;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

.header {
  color: #565656;
  padding: 5px;
  max-width: 2000px;
  margin: auto;

  
}



.main {
  color: #666666;
  padding: 5px;
  max-width: 1250px;
  margin: auto;
}


.specialsBox{
  border: 1px solid #d1d0d0;
  padding: 5px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  border-radius: 5px;
}

.thumbHolder {
  border: 1px solid #d1d0d0;
  padding: 5px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  border-radius: 5px;
}

.thumbHolder:hover {
  cursor: pointer;
}

.catHeading {
  width: 100%;
  text-align: center;
  color: #4D4D4D;
}

.catButton {
  width: 70px;
  vertical-align: middle;
  text-align: center;
  border: 1px solid black;
  border-radius: 5px 5px 5px 5px;
  margin-top: 6px;
  margin-bottom: 6px;
  font-weight: none;
  color: #4D4D4D;
  background-color: #FBFBFB;
  padding-left: 4px;
  padding-bottom: 4px;
  padding-top: 4px;
}

.catButton:hover {
  color: white;
  background-color: grey;
  cursor: pointer;
}

.box {
  padding: 5px;
  width: 100%;
}

.partNumber {
  font-size: 11px;
}

.menu {
  padding: 5px;
  width: 100%;
}

.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu li {
  padding: 8px;
  margin-bottom: 7px;
  //background-color: #33b5e5;
  background-color: #666666;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  font-size: 16px;
}



.menu li:hover {
  background-color: #0099cc;
  cursor: pointer;
}

.estimatedShippingTitle {
  padding: 5px;
  margin-bottom: 7px;
  text-align: center;
  background-color: #666666;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  font-size: 14px;
}

.buttonHolder {
  width: 100%;
  padding: 5px;
  text-align: right;
}

.buyNowButton {
  border: none;
  width: 100%;
  text-align: center;
  padding: 8px;
  background-color:  #2a9315;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  font-size: 16px;
  border-radius: 5px;
}

.normalButton {
  border: none;
  text-align: center;
  padding: 8px;
  background-color: orange;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  font-size: 16px;
  border-radius: 5px;
}

.blueTint {
  background-color: #dceae9; 
}

.fieldHolder {
  width: 100%;
  padding: 5px;

}

.textInputField {
  width: 100%;
  border: 1px solid;
  border-radius: 4px;
  padding: 6px 10px;
  box-sizing: border-box;
  font-size: 16px;
}

.inputDrop {
  width: 100%;
  border: 1px solid;
  border-radius: 4px;
  padding: 6px 10px;
  box-sizing: border-box;
  font-size: 16px;
}

.inputDropRequired {
  background: pink;
  width: 100%;
  border: 1px solid;
  border-radius: 4px;
  padding: 6px 10px;
  box-sizing: border-box;
  font-size: 16px;
}

.textInputField:focus {
  border-color: red;
  box-shadow: 0 0px 2px red;
}

.fieldLabel {
  font-size: 12px;
}

.aside {
  background-color: #33b5e5;
  padding: 15px;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.footer {
  background-color: #666666;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  padding: 15px;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

TR.headerError {
  background: #ff0000;
  height: 50px;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  background: #ff0000;
  color: #ffffff;
  text-align : center;
  font-weight: bold;
}

TR.headerInfo {
  background: #ccff00;
  height: 50px;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  background: #00ff00;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
}

.plainLink {
  color: orange;
}

.plainLink:hover {
  text-decoration: underline;
  cursor: pointer;
}

.blink {
    -webkit-animation: blink .75s linear infinite;
    -moz-animation: blink .75s linear infinite;
    -ms-animation: blink .75s linear infinite;
    -o-animation: blink .75s linear infinite;
    animation: blink .75s linear infinite;
}

@-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-ms-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-o-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}



/* @end */