* {

  box-sizing: border-box;
}

.frame {
  margin: 0 auto;
  max-width: 100%;
}

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

[class*='bit-'] {
  float: left;
  padding: 4px;
}

/**** .nest class to any div with bit-x to pull padding out for nesting *****/ 
[class*=bit-].nest {
	padding: 0 !important
}
/**** .centered class to any div with bit-x to center that bit div in the container *****/ 
[class*=bit-].centered {
	float: none;
	margin: 0 auto !important;
}
.bit-1 {
	width: 100%;
}
.bit-2 {
	width: 50%;
}
.bit-3 {
	width: 33.33333%;
}
.bit-4 {
	width: 25%;
}
.bit-25 {
	width: 25%;
}
.bit-40 {
	width: 40%;
}
.bit-60 {
	width: 60%;
}
.bit-75 {
	width: 75%;
}
@media screen and (max-width: 800px) {
.bit-1 {
	width: 100%;
}
.bit-2 {
	width: 100%;
}
.bit-3 {
	width: 100%;
}
.bit-4 {
	width: 100%;
}
.bit-25 {
	width: 100%;
}
.bit-40 {
	width: 100%;
}
.bit-60 {
	width: 100%;
}
.bit-75 {
	width: 100%;
}
}




/* = EXTRA STYLES
-------------------------------------------------------------*/	

.formbutton {
    border: 0px;
    padding: 8px 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 2px;
    font-size: 1em;
}
.formbutton:hover {
    background-color: #515151;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="search"], select, textarea {
  padding: 5px 10px;
  height: 38px;
}


input.qtybox[type="text"] {
   width: 38px;
   min-width: 38px;
}

img{max-width:100%;height:auto;margin-left:auto;margin-right:auto; object-fit: contain}



.centertext {text-align: center;}
.righttext {text-align: right;}
.lefttext {text-align: left;}


 @media only screen and (max-width: 1024px) {
.formbutton {border-radius: 0;-webkit-appearance: none;  }
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="search"], select, textarea {
 border-radius: 0px;
-webkit-border-radius: 0px;
}
}

@media only screen and (max-width: 800px) {
li {margin-bottom:20px;}
.formbutton {width: 100%;margin-bottom: 5px !important;}
.search_form .formbutton {margin-bottom: 0px !important; margin-left: 3px !important;}
.righttext {text-align: center}
.lefttext {text-align: center}
.topleft {text-align: left}
.topcenter {text-align: center}
.topright {text-align: right;}
.topright a {margin-right: 19px;}
}

.mainHead {height: auto}



/* ----------Equal height on sidebar/content---------------*/	

 @media screen and (min-width: 801px) {
.equal-height { display: flex !important;}
}


/* = PEEK A BOO
-------------------------------------------------------------*/	
@media screen and (min-width: 801px) {
.hide-on-full {
	display: none !important;
	width: 0;
	height: 0;
}
}
 @media screen and (max-width: 800px) {
 .hide-on-mobile {
	display: none !important;
	width: 0;
	height: 0;
}
 }
 
 /*up to 1024 pixels (1024 : 16 = 64em) - up to 800 pixels (800 : 16 = 50em) - up to 480 pixels (480 : 16 = 30em) */