@charset "utf-8";
/* CSS Document */
body{
	width:100vw;
	margin:0px; 
	padding:0px;
	font-size:0px;
	background-color:#B9E9FD;
	align-self:center;
	text-align:center;
	overflow-x:hidden;
	overflow-y:auto;
}
div.topoverlay{
	display:grid;
	width:auto;
	margin:0 auto;
	grid-template-rows:auto auto;
	grid-template-columns:auto;
}
div.centerbackgraphic{
  position: absolute;
  top: 50%; 
  left: 50%; 
  transform: translate(-50%, -50%); 
  background-color: transparent; 
  color: #fff; 
  padding: 10px 20px; 
  font-size: 20px; 
  text-align: center;
}
span.centerbackgraphic{
	font-family:'open-sans',sans-serif;
	color:white;
	font-weight:300;
}
span.centerbackhead{
	font-size:calc(25px + 3vw);
}

span.centerbackbody{
	font-size:calc(15px + 1vw);
}
div.general {width:100%;max-width:1920px;margin:0 auto;
	position:relative;
	display:inline-block;}
div.productattribs{
	background-color:black;
	width:100%;
	max-width:1920px;
	display:grid;
	grid-template-columns:5% 26% 6% 26% 6% 26% 5%;
	padding:5vw 0;
	margin:0 auto;
	
}
span.productfullwidth{
	grid-column-start:2;
	grid-column-end: 7;
	text-align:left;
	font-family:'open-sans',sans-serif;
	font-weight:300;
	color:white;
}
span.product1 {
	grid-column-start:2;
	grid-column-end:3;
	font-family:'open-sans',sans-serif;
	font-weight:300;
	color:white;
	text-align:left;
}
span.product2 {
	grid-column-start:4;
	grid-column-end:5;
	font-family:'open-sans',sans-serif;
	font-weight:300;
	color:white;
	text-align:left;
}
span.product3 {
	grid-column-start:6;
	grid-column-end:7;
	font-family:'open-sans',sans-serif;
	font-weight:300;
	color:white;
	text-align:left;
}
span.producthead {
	font-family:'clarendon-text-pro',serif;
	font-size:calc(25px + 3vw);
}
span.productbody {
	display:inline-block;
	font-size:calc(15px + 0.75vw);
}
span.metalheading {
	font-weight:600;
	font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif'
}
div.footeraddy{
	background-color:black;
	position:relative;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	width:100%;
	max-width:1920px;
	margin:0 auto;
}
span.footeraddy{
	color:white;
	font-family:'open-sans',sans-serif;
	font-weight:300;
}
span.footeraddyhead{
	font-size:calc(15px + 1vw);
}
span.footeraddybody{
	font-size:calc(12px + 0.75vw);
}
div.articlelinks {
	margin:5vw;
	font-color:black;
}
span.articlelist {
	margin:1vw 5vw;
	color:black;
	text-decoration:none;
}
div.stdblock { 
	clear:both;
	width:100%;
	max-width:1920px;
	margin:0 auto;
	position:relative;
	display:inline-block;
}
div.articleblock { 
	clear:both;
	width:100%;
	max-width:1920px;
	margin:0 auto;
	position:relative;
	display:inline-block;
	background-image:url(/images/graphics/light144t2alo114b.gif);
	background-repeat:repeat; 
	background-size:auto;
}
span.articlebottom {
	text-align:left;
	font-weight:300;
	color:black;
	font-family:'clarendon-text-pro',serif;
	font-size:calc(18px + 2vw);
}
div.articlelinks{
	text-align:left; 
	overflow:hidden;
}
img.stdblock {
	width:100%;
	display: block;
  	height: auto;
}
div.textpages{
	font-size:calc(15px + 0.75vw); 
	margin:0;
	text-align:left;
	font-family:tahoma,sans-serif;
	font-weight:300;
	color:black;
}
.textpages h2{
	font-size:calc(25px + 3vw);
	margin:0 5% 0 4%;
	font-weight:400;
	font-style:normal;
}
.textpages h3{
	font-size:calc(20px + 1.5vw);
	margin:calc(3px + 1vw) 0 0 0;
	font-weight:400;
	font-style:normal;
}
h3.normalindent{
	margin:0 5% 0 4%;
}
.textpages p{
	margin:calc(7px + 0.4vw) 5%;
	font-weight:400;
}
.textpages a{
	text-decoration:none;
	font-weight:bolder;
	color:black;
}
img.scaleblockright{
  float: right;
  clear:both;
  width:50%;
  shape-margin:5px;
}
img.scaleblockleft{
  float: left;
  clear:both;
  width:50%;
  shape-margin:5px;
}
img.scaleblockbg{
  float: right;
  clear:both;
  width:100%;
  shape-margin:0;
  shape-image-threshold:0.0;
}
img.reviewquotes{
	width:100%;
	shape-outside:url(images/quotes.png);
	margin: 0 0 1px 0;
	shape-image-threshold:0.5;
}
div.bavblock {
	background-image:linear-gradient(to right,hsla(180,0%,100%,1.0),hsla(220,0%,100%,0.5)),url(/images/graphics/light144t2alo.gif);
	background-repeat:repeat; 
	background-size:auto;
}
div.bjcblock {
	background-image:linear-gradient(to right,hsla(180,0%,100%,1.0),hsla(220,12%,47%,0.0)),url(images/graphics/light144t2alo.gif);
	background-repeat:repeat; 
	background-size:auto;
		/*linear-gradient(to right,#a8bed8,#dceaf6);*/
}
div.bavuppertext{
	margin:2vw 5vw 0vw 5vw;
}
img.bav{
	width:70vw;
	margin: 0 0 1px 0;
	shape-image-threshold:0.5;
}
img.bavpower{
	shape-outside:url("/bav/bavpowertechflex3.png");
}
img.bavxlr{
	shape-outside:url("/bav/bavxlr2.png");
}
img.bavrca{
	shape-outside:url("/bav/bavrca5.png");
}
img.bavspdif{
	shape-outside:url("/bav/bavspdif3.png");
}
img.bavspkr{
	shape-outside:url("/bav/bavspeaker2.png");
}
span.scaleblockright{
	display:block;
	text-align:left;
	font-family: 'open-sans', sans-serif;
	font-weight: 300;
	font-style: normal; width:100%;
}
span.scaleblockleft{
	display:block;
	text-align:right;
	font-family: 'open-sans', sans-serif;
	font-weight: 300;
	font-style: normal; width:100%;
}
span.scaleblockcenter{
	display:block;
	text-align:center;
	font-family: 'open-sans', sans-serif;
	font-weight: 300;
	font-style: normal; 
	margin:0 20%;
}


span.scalehead{
	font-family:'clarendon-text-pro',serif;
	font-size:calc(25px + 3vw);
}
span.scalebody{
	font-size:calc(15px + 0.75vw);
}

span.dropsyhead {
	text-align:left;
	font-family:'clarendon-text-pro',serif;
	font-weight:300;
	color:black;
	margin:0 5% 0 5%;
}
p.droptext{
	font-size:calc(12px + 0.6vw); 
	margin:0 5% calc(9px + 0.45vw) 5% ;
	text-align:left;
	font-family:'open-sans',sans-serif;
	font-weight:300;
	color:black;
}
h3.droptext  {
	font-size:calc(15px + 0.75vw); 
	margin:0 5% 0 5% ;
	text-align:left;
	ffont-family:'clarendon-text-pro',serif;
	font-weight:300;
	color:black;
}
span.droptexthead{
	font-size:calc(15px + 0.75vw);	
	font-family:'clarendon-text-pro',serif;
	font-weight:300;
	color:black;
	margin:0 5% 0 5%;
	display:block;
	text-align:justify;
	text-justify:left;
}
span.articlebody p{
	font-size:calc(12px + 0.6vw); 
	margin:2vw 5vw;
	text-align:left;
	font-family:'open-sans',sans-serif;
	font-weight:300;
	color:black;
}
span.articlebody h3{
	font-size:calc(15px + 0.75vw); 
	margin:2vw 5vw;
	text-align:left;
	font-family:'open-sans',sans-serif;
	font-weight:700;
	color:black;
}
span.articletextbold{font-weight:700;}
p.droptextsideimg, h3.droptextsideimg {
	display:grid;
	grid-column-start:1;
	grid-column-end:2;
	margin:0;
	align-self:center;
}
a.droptext {
	text-decoration:none;
	font-weight:400;
	color:black;
	
}
p.dropsidetext{
	font-size:calc(15px + 0.75vw); 
	margin:0 auto 0 10%;
	text-align:left;
	font-family:'open-sans',sans-serif;
	font-weight:300;
	color:black;
}
img.droptext{
	margin:0;
	width:100%; 
}
figure.droptext{
	display:table;
	margin:0;
	max-width:100vw;
	margin-inline-start:0px;
	margin-inline-end:0px;
}
figure.dropsidetext{
	margin:0; 
	padding:0;
	display:grid; 
	grid-column-start:2;
	grid-column-end:3;
}
figure.leftspacing{
	 margin:0 0 0 10% ;
}
figcaption.droptext{
	display:table-caption;
	caption-side:bottom;
	margin:0 10% 0 15% ;
	text-align:center;
	font-size:calc(12px + 0.6vw);
	font-family:'open-sans',sans-serif;
}
figcaption.dropsidetext{
	display:table-caption;
	caption-side:bottom;
	margin:0 0 0 0 ;
	text-align:center;
	font-size:calc(12px + 0.6vw);
	font-family:'open-sans',sans-serif;
}
div.dropdownsideimg {
	width:90%;
	display:grid;
	grid-template-columns:50% 40%; 
	margin:0 0 0 10% 
}
.dropdownsideimg h3 {
	font-family:'open-sans',sans-serif;
	font-size:calc(15px + 0.75vw); 
	margin:0 ;
	text-align:left;
	font-weight:700;
	color:black;
}

div.droptextdivider{
	margin:3vw 15vw 0 20vw;
	width:65vw;
	height:1px;
	background-color:#436EB3;
}

div.bottomforcerleft {
	float:left; 
	/* put a height in the style tag.  example is "height:calc(12em - 20vw);"*/
	min-height:1px; 
	width:3%;
	font-size:calc(15px + 1vw);}
div.bottomforcerright {
	float:right; 
	/* put a height in the style tag.  example is "height:calc(12em - 20vw);"*/
	min-height:1px; 
	width:3%;
	font-size:calc(15px + 1vw);}
button.bigblue {
	background-color:#436EB3; 
	padding:0vw 5vw; 
	border-radius:1vw;border:none;  
	color:white; 
	font-size:calc(15px + 1vw);
	font-family: 'open-sans', sans-serif;
	margin:min(2vw, 10px) 0 min(2vw, 10px) 0;
	font-weight: 300;
	font-style: normal;
}
input[type=button].bigblue {
	background-color:#436EB3; 
	padding:0vw 5vw; 
	border-radius:1vw;border:none;  
	color:white; 
	font-size:calc(15px + 1vw);
	font-family: 'open-sans', sans-serif;
	margin:min(2vw, 10px) 5% min(2vw, 10px) 5%;
	font-weight: 300;
	font-style: normal;
}
input[type=button].checkout {
	background-color:#436EB3; 
	padding:0vw 1vw; 
	border-radius:1vw;
	border:none;  
	color:white; 
	font-size:calc(12px + 0.6vw);
	font-family: 'open-sans', sans-serif;
	margin:0 2% 0 2%;
	font-weight: 300;
	font-style: normal;
}
button.dropper {
	background-color:gainsboro; 
	padding:0vw 1vw; 
	border-radius:1vw;border:none;  
	color:black; 
	font-size:calc(15px + 1vw);
	font-family: 'open-sans', sans-serif;
	margin:1vw 1vw 1vw 5%;
	font-weight: 300;
	font-style: normal;
}
button.bavdropper {
	margin:1vw 1vw 1vw 0;
}
div.greybreak {
	font-size:0px;
	width:100%; 
	background-color:#E9E9E9;
	clear:both;
	position:relative;
}
div.transbreak {
	font-size:2vw;
	width:100%; 
	background-color:transparent;
	clear:both;
	position:relative;
}
input {
	font-family:'open-sans',sans-serif;
	font-size:clamp(13px,calc(9vw - 20px),16px);
	/*font-size:clamp(16px,calc(12px + 0.75vw),50px);
 this stops iphones from zooming in when filling out text inputs*/
	}
select, option {
	font-family:'open-sans',sans-serif;
   /* font-size:calc(12px + 0.75vw);*/
	font-size:clamp(13px,calc(9vw - 20px),16px);
}
input[type=button]{
	font-family:'open-sans',sans-serif;
	/*font-size:calc(12px + 0.75vw);*/
	font-size:clamp(13px,calc(9vw - 20px),16px);
}
input.ninety{width:90px;}
input.forty{width:40px;}
input.warnfield { border-width:0; width:100%; background-color:#F3FCFF; border-color:#F3FCFF; color:red;}
p.warnfield { font-size:1.0em; color:red; }
input.pricefield { background-color:transparent; border-width:0;  text-align:right; width:90px;}
input.pricefield2 { background-color:transparent; border-width:0; text-align:right; width:45px;}
div.configpopin {
	position:fixed;
	left: 50%;
    transform: translate(-50%, 0);
	padding:clamp(7px,5%,40px);
	margin-top:clamp(0vw, calc(150vh - 80vw), 24vw);
	max-width:80%; 
	max-height:80vh;
	background-color:#cdf8ff; 
	display:none;  
	z-index:1100; 
	border-radius:clamp(7px,5%,40px);
	border:none; 
	font-family:'open-sans',sans-serif;  
	overflow:auto;
}
.configpopin table,td,th {
	font-size:clamp(13px,calc(9vw - 20px),16px);
	
}
.cartpopin h4 {font-size:18px;}


.textpages td,th{
	font-size:calc(12px + 0.75vw);
	font-weight:400;
	padding:0 1vw;
}


span.configheader1{
	/*font-size:calc(20px + 2vw);*/
	font-size:clamp(24px,calc(16.6vw - 36.9px),29px);
	font-weight:700;
	text-align:center;
	width:86%;
	display:inline-block;
}
span.configheader2{
	/*font-size:calc(15px + 0.75vw);*/
	font-size:clamp(16, calc (11.1vw - 24.6px),20px);
	text-align:center;
}
select.popin, button.popin, input[type=button].popin {
	display:inline;
	border-radius:1vw;
	box-shadow: 1px 1px 2px gray;
}

div.bluebreak {
	margin:0vw 5vw;
	width:90%;
	height:1px;
	background-color:#436EB3;
}
div.menubreak {
	margin:0 auto;
	width:30%;
	height:2px;
	background-color:black;
	align-items:center;
}
div.blackbreak {
	margin:0vw 15vw;
	width:70%;
	height:1px;
	background-color:black;
}
div.whitebreak {
	grid-column-start:2;
	grid-column-end:7;
	margin:3vw 0;
	width:100%;
	height:1px;
	background-color:white;
}


div.topmenuwide {
	z-index:1000;
	text-align:center;
	width: 95vw;
	max-width:1920px;
    align-self:center;
	vertical-align:top;
	display:grid;
	grid-template-columns:30% 20% auto auto auto auto auto auto auto;
	grid-row-start:1;
	grid-row-end:2;
	grid-column-start:1;
	grid-column-end:2;
  	font-size: calc(3vw + 0px);
	-webkit-marquee-increment: 0vw;
	margin:0 auto;
}

div.topmenuwidebacker {
	width:auto;
	max-width:1920px;
    text-align:center;
	grid-row-start:1;
	grid-row-end:2;
	grid-column-start:1;
	grid-column-end:3;
	margin:0 auto;
	font-size:0px;
	background-size:100vw auto;
	display:grid;
	grid-template-columns:30% 70%;
	-webkit-marquee-increment: 0vw;
	}
div.topblock {
	width:auto;
	max-width:1920px;
    text-align:center;
	grid-row-start:1;
	grid-row-end:3;
	grid-column-start:1;
	grid-column-end:2;
	margin:0 auto;
	font-size:0px;
	background-size:100vw auto;
}
img.menulogo {
	display:grid;
	width:100%;
	grid-column-start:1;
	grid-column-end:2;
}
span.menutext {
	margin:0 0 0 0;
	font-family: 'clarendon-text-pro', serif;
	font-weight: 500;
	font-style: normal;
	display:grid;
	align-self:center;
    min-height: 0vw;
	vertical-align:top;
	grid-column-start:2;
	grid-column-end:9;
	text-shadow:1px 1px 1px white;
		font-size:calc(3vw + 0 px);
}
td.menutext {
	font-family: 'clarendon-text-pro', serif;
	font-weight: 500;
	font-style: normal;
	display:table-cell;
	align-self:center;
    min-height: 0vw;
	vertical-align:top;
	text-shadow:1px 1px 1px white;
	font-size:calc(3vw + 0 px);
}

span.menuitemtext {
	font-family: 'clarendon-text-pro', serif;
	font-weight: 500;
	font-style: normal;
	display:grid;
	align-self:center;
    min-height: 0vw;
	vertical-align:top;
		font-size:calc(3vw + 0 px);
	text-shadow:1px 1px 1px white;
}
span.menuitemtext2 {
	font-family: 'clarendon-text-pro', serif;
	font-weight: 500;
	font-style: normal;
	display:table-cell;
	align-self:center;
    min-height: 0vw;
	vertical-align:top;
	text-shadow:1px 1px 1px white;
	font-size:calc(3vw + 0 px);
}
div.topmenunarrow{
	z-index:1000;
	text-align:center;
	width: auto;
	align-self:center;
	vertical-align:top;
	display:grid;
	grid-template-columns:30% 45% 10% 10% 5%;
	grid-row-start:1;
	grid-row-end:2;
	grid-column-start:1;
	grid-column-end:2;
  	font-size: calc(3vw + 0px);
	-webkit-marquee-increment: 0vw;
	margin:0 auto;
}
div.menubars{
	display:grid;
	width:100%;
    grid-column-start:4;
	grid-column-end:5;
	margin-top:35%;
	
}
div.narrowcart{
	display:grid;
	width:100%;
    grid-column-start:3;
	grid-column-end:4;
	margin-top:35%;

}
img.narrowcart{max-width:75%;}
span.cartnowide {
	position:relative;
	top:-3.8vw;
	right:0.6vw;
	color:black;
	font-size:1.75vw;
	text-align:center;
	margin:-0.75em 0 0 0.75em;
}
span.cartnowidebubble{
	border-radius:40%;
	background-image:radial-gradient(circle at center, hsla(180,0%,100%,1.0),hsla(220,12%,47%,0.0));
}
span.cartnonar {
	position:relative;
	top:-11.2vw;
	right:1.2vw;
	color:black;
	font-size:3vw;
	text-align:center;
	margin:-0.75em 0 0 0.75em;
}


div.connblock, div.lengthblock, div.colorblock{	
	display: none;
    position: absolute;
	border-radius:1vw;
	margin:0;
	background-color: rgba(255,255,255,0.5);
	backdrop-filter: blur(5px);
    max-width:80%;
 /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    padding: 2vw 2vw 2vw;
    z-index: 1;
	font-family:'open-sans',sans-serif;
	font-size:calc(10px + 0.6vw);
	font-weight:500;
	color:black;
	text-align:justify;
	text-justify:left;
	text-decoration:none;
	}

.menubars:hover .mobdropdown {display:block;}
.menubars:hover .mobtransbackup {display:block;}
.mobtransbackup:hover .mobdropdown{display:block;}

span.whatsthis{
	font-size:calc(12px + 0.75vw);
	font-family:'open-sans', sans-serif;
	background:lightgrey;
	float:left;
}
.connwt:hover + div.connblock{display:block;margin:0 0 -5vw -10vw;}
.colorwt:hover + div.colorblock{display:block;}
.lengthwt:hover + div.lengthblock{display:block;}
.cablewt:hover + div.cableblock{display:block;}

div.mobdropdown {
	display: none;
    position: absolute;
	border-radius:1vw;
	margin-left:-48vw;
	margin-top:5vw;
	background-color: rgba(255,255,255,0.5);
	backdrop-filter: blur(5px);
    width:45vw;
 /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  padding: 2vw 5vw 3vw;
  z-index: 1;
	
	font-family:'clarendon-text-pro',sans-serif;
	font-size:5vw;
	font-weight:500;
	color:black;
	text-align:justify;
	text-decoration:none;
	
}
div.mobtransbackup {
	display:none;
	position:absolute;
	margin-left:-48vw;
	height:65vw;
	background-color:transparent;
	width:55vw;} 

.mobdropdown a{text-decoration:none;color:black;}
div.mobdropdown1{
	width:45vw;
}

.mobdropdown1:hover .mobdropdown2 {
	display:block;
	}
span.mobdropdown2 {
	display:none;
	font-size:5vw;
}
div.mobdropdown2 {
	display: none;
    position: absolute;
	left:15vw;
    border-radius:1vw;
	margin: 0 2vw 0 2vw;
	padding:0 2vw 0 2vw;
	background-color: rgba(255,255,255,0.8);
	backdrop-filter: blur(10px);
 
 /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  
  z-index: 1;
	
	font-family:'open-sans',sans-serif;
	font-size:4vw;
	font-weight:500;color:black;
	text-align:left;
	
}

.mobdropdown2 a{text-decoration:none;color:black;}



span.menuboxes { 
	color:black;
	font-size:3vw;
	text-align: left; 
	
}
.menuboxes:hover .dropdown-content {
  display: block;
}
.menuboxes a {text-decoration:none;color:black;}

.dropdown-content {
  display: none;
  position: absolute;
border-radius:1vw;
	 margin-left:3vw;
	background-color: rgba(255,255,255,0.5);
	backdrop-filter: blur(5px);
 
 /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  padding: 0px 2vw;
  z-index: 1;
	
	font-family:'clarendon-text-pro',serif;
	font-size:3vw;
	font-weight:500;color:black;
	
	 
}
.dropdown-contentsub a {
	font-size:2.5vw;
	text-decoration:none;
	color:black;
	text-align:left;
	float:none;
	margin-top:1vw;
	margin-bottom:1vw;
}
.dropdown-contentsub br {
	font-size:1vw;
}
.dropdowncontentsub {
	font-size:2.5vw;
}

a.dropdown {
	text-decoration:none;
	color:black;
	text-justify:left;
}
input[type=button].ordercontrol{
	font-size:clamp(13px,calc(9vw - 20px),16px);
	display:inline;border-radius:1vw;box-shadow: 1px 1px 2px gray;}
select.ordercontrol{
	font-size:clamp(13px,calc(9vw - 20px),16px);
	display:inline;
	border-radius:1vw;
	box-shadow: 1px 1px 2px gray;
	width: max-content;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
optgroup.ordercontrol{font-size:clamp(13px,calc(9vw - 20px),16px);}
span.orderclose {
	/*font-size:24px;*/
	font-size:clamp(20px, calc(13.5vw - 30px),24px);
	position:fixed;
	right:5%;
	top:5%;
	background-color:lightgrey;
	padding: 0 5px;
}
div.infotable {
	display:grid; 
	grid-template-columns:5% 20% 70% 5%;
}
.infotable a{
	text-decoration:none;
	font-weight:bolder;
	color:black;
	font-style:italic;
}
span.colfirst{
	display:flex;
	grid-column-start:2;
	grid-column-end:3;
	border:solid black;
	border-right-width:0;
	text-align:center;
	padding:1.5vw;
	align-items:center;
	justify-content:center;
	font-weight:500;
}
span.colsecondend{
	display:flex;
	grid-column-start:3;
	grid-column-end:4;
	border:solid black;
	text-align:center;
	padding:1.5vw;
	align-items:center;
	justify-content:center;
	font-weight:400;
}
span.colbridge{
	display:flex;
	grid-column-start:2;
	grid-column-end:4;
	border:solid black;
	text-align:center;
	padding:1.5vw;
	align-items:center;
	justify-content:center;
	font-weight:500;
}
h3.techheaders {
	width:100%; 
	background:linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,0.95) 31%, rgba(0,212,255,1) 100%);
	color:white;
	font-weight:500;
}

.infotable a:hover {font-style:normal;}

iframe.videopane{
	width:79vw;
	text-align:center;
	height:46vw; }
div.massivebackground {background-image:url("brback4.png");}

div.bavbannerblock {
	display:grid;
	grid-template-columns: 10vw 40vw 50vw;
	margin:0;
	padding:0;
}
img.bavbannerblock {
	grid-column-start:3;
	grid-column-end:4;
	width:50vw;
}
span.bavbannertop{
	text-align:left;
	grid-column-start:2;
	grid-column-end:3;
}
div.bavbannerblock2 {
	display:grid;
	grid-template-columns: 10vw 90vw;
	margin:0;
	padding:0;
}
img.bavbannerblock2{
	display:grid;
	grid-column-start:2;
	grid-column-end:3;
	justify-self:right;
  float: right;
  clear:both;
  width:70vw;
  shape-margin:5px;
  shape-image-threshold:1.0;
}
span.bavbannerhead2 {
	display:block;
	text-align:left;
	font-family:'clarendon-text-pro',serif;
	font-size:calc(25px + 3vw);
	font-weight:500;
	color:black;
	margin:2vw 5vw 0vw 5vw;
}
span.bavbannerbody2 {
	display:block;
	text-align:left;
	font-family:'open-sans',sans-serif;
	font-size:calc(15px + 0.75vw);
	font-weight:300;
	color:black;
	margin:	2vw 5vw 0vw 7vw;
}
span.bavdrop {
	display:block;
	text-align:justify;
	text-justify:left;
}
span.bavbannerbottom {
	display:block;
	margin:0 5vw;
	padding:3vw 0 0 0;
	border:1px;
	border-style:solid;
	
	text-align:justify;
	text-justify:left;
}

span.bavbannerhead {
	text-align:left;
	font-family:tahoma,sans-serif;
	font-size:calc(25px + 3vw);
	font-weight:500;
	color:black;
}
span.bavbannerbody {
	text-align:left;
	font-family:tahoma,sans-serif;
	font-size:calc(15px + 0.75vw);
	font-weight:300;
	color:black;
}


span.heavier{font-weight:400;}
p.heavier{font-weight:400;}

figure.rightfloater {
	float:right;
	max-width:40%;
}
img.rightfloater {
	max-width:100%;
}

th.cartRow, th.cartRowEnd, td.cartRow, td.cartRowEnd {
	font-size:calc(10px + 0.6vw);
}
input.cartqty {
	font-size:calc(10px + 0.6vw);
	width:1.8em;
	text-align:center;
}
div.cartbody{
	position:fixed; 
	display:none;
	z-index:5000;left: 50%;
    transform: translate(-50%, 0);width:calc(300px + 20vw);max-width:100%;padding:3%;
	margin:10vh 0 0 0;
	border-radius:5vw;
	border:none; 
	font-family:'open-sans',sans-serif;
	 background-image:url(/images/graphics/cartbg2.gif);
	background-repeat:repeat; 
	background-size:auto;
	overflow:auto;
	box-shadow: 1px 1px 2px gray;
}
div.cartbodycheckout{
	display:block;
	margin:0;
	font-family:'open-sans',sans-serif;
    background-image:url(/images/graphics/cartbg2.gif);
	background-repeat:repeat; 
	background-size:auto;
}
div.carttable{
	display:grid;
	grid-template-columns:2% 56% 23% 17% 2%;
}
span.carttitle{
	font-family:'clarendon-text-pro',serif;
	font-size:calc(15px + 0.6vw);
	grid-column-start:1;
	grid-column-end:6;
}
div.carthead{
	display:flex;
	font-family:'open-sans',sans-serif;
	font-size:calc(12px + 0.5vw);
	font-weight:700;
	grid-column-start:2;
	grid-column-end:3;
}
div.carthead2{
	grid-column-start:3;
	grid-column-end:4;	
	justify-content:center;	
}
div.carthead3{
	grid-column-start:4;
	grid-column-end:5;
	justify-content:flex-end;
}
div.cartdivider{
	font-size:calc(5px + 0.25vw);
	display:flex;
	grid-column-start:1;
	grid-column-end:6;
}
div.cartline { 
	display:flex;
	font-family:'open-sans',sans-serif;
	font-size:calc(12px + 0.5vw);
	color:black;
	text-decoration:none;
	font-weight:400;
}
div.cartdesc {
	text-align:left;
	grid-column-start:2;
	grid-column-end:3;
	flex-wrap:wrap;
	align-items:center;
	margin-right:2%;
}
div.cartqprice{
	grid-column-start:3;
	grid-column-end:4;
	justify-content:center;
	font-size:calc(12px + 0.5vw);
}
div.cartbuttons{
	display:grid;
	grid-template-columns: 10% 40% 40% 10%;
	padding:0;
	margin:0;
}
div.ckoutaddy{
	display:grid;
	grid-template-columns:7% 40% 6% 40% 7%;
	text-align:center;
	grid-auto-flow:column;
}
div.ckoutsummary{
	display:grid;
	grid-template-columns:7% 6% 60% 10% 10% 7%;
	text-align:left;
	grid-auto-flow:column;
	margin:calc(6px + 0.25vw) 0 0 0;
	font-family:'open-sans',sans-serif;
	background-image: url(/images/graphics/cartbg2.gif);
    background-repeat: repeat;
    background-size: auto;
	font-size:calc(12px + 0.5vw);
}
span.summaryqty {
	grid-column-start:2; 
	grid-column-end:3;
	text-align:center;
	
}
span.summarydesc {
	grid-column-start:3; 
	grid-column-end:4;
	
}
span.summaryprice {
	grid-column-start:4; 
	grid-column-end:5;
	text-align:right;
	
}
span.summarytotal {
	grid-column-start:5; 
	grid-column-end:6;
	text-align:right;
	
}
span.summarylinespacer {
	grid-column-start:2;
	grid-column-end:6;
	font-size:calc(6px + 0.25vw);
}
div.ckoutheaders {
	display:flex;
	align-items:center; 
	background-image:url(/images/graphics/topbarnew.png);
	background-repeat:repeat; 
	background-size:auto;
	height:6vw;
	max-height:35px;
	font-family:open-sans,sans-serif;
	font-size:min(3.3vw,21px);
	font-weight:700;
	width:97%;
	text-align:left;
	padding:0;
	margin-top:min(2vw,11px);
	border-style:solid;
	border-radius:3vw 3vw 3vw 3vw;
	border-color:darkblue;
}
span.ckoutheaders {
	margin:0 0 0 7%;
}
img.cartqmodifier{
	height:calc(10px + 0.4vw);
	width:auto;
	vertical-align:middle;
	background-color:lightgrey;
	padding:0.6vw;
	border-radius:1vw;}
div.cartlinetotal {
	display:grid;
	grid-column-start:4;
	grid-column-end:5;
	text-align:right;
	align-self:center;
}
input[type=text].cartqty {
	display:inline;
	text-align:center;
	width:1.8em;
	vertical-align:middle;
	font-size:calc(12px + 0.5vw);
}
a.cartitemname {
	font-family:'open-sans',sans-serif;
	font-size:calc(12px + 0.5vw);
	color:black;
	text-decoration:none;
	font-weight:400;
}
span.cklabel{
	font-family:'open-sans',sans-serif;
	font-size:clamp(12px,1.1vw, 1.1vw);
	font-weight:700;
	text-align:left;
	display:grid;
	max-width:100%;
	
}
span.ckvalue{
	font-family:'open-sans',sans-serif;
	font-size:12px;
	text-align:left;
	display:grid;
	max-width:100%;
	min-width:0;
	
}
span.ckcol1{
	grid-column-start:2;
	grid-column-end:3;
	
	
}
span.ckcol2{
	grid-column-start:4;
	grid-column-end:5;
	
	
}
.ckvalue input[type=text],select {
	font-size:clamp(13px,calc(9vw - 20px),16px);
	max-width:100%;
	min-width:0;
}


div.grecaptcha-badge{
	position:static;
	clear:both;
}
.adaptergridcontainer {
	margin-left:5vw;
	margin-right:5vw;
	display:grid;
	grid-template-columns:33.3% 33.3% 33.3%;
}
.adapteritem {
	display:grid; 
	border:2px solid black;
	outline:2px solid black;
}
.adaptercontents {
	margin:5%;
	width:90%;
	
}
.adaptercontents img{width:clamp(200px,70%,300px);}
.adaptercontents h3 {font-size:calc(20px + .33vw);}
.adaptercontents p {font-size:calc(16px + .27vw);}
.adaptercontents th {font-size:calc(16px + .27vw);}
.adaptercontents td {font-size:calc(16px + .27vw);}
.adaptercontents input {border-radius:1vw;box-shadow: 1px 1px 2px gray;}

td.lengthcell {white-space:nowrap;min-width:clamp(200px,18em,340px);}

@media(max-width:999px){
	.adaptergridcontainer {
	grid-template-columns:50% 50%;
}
	.adaptercontents h3 {font-size:calc(20px + .5vw);}
	.adaptercontents p {font-size:calc(16px+.4vw);}
}
@media(max-width:665px){
	.adaptergridcontainer {
	grid-template-columns:100%;
}
	.adaptercontents h3 {font-size:calc(20px + 1vw);}
    .adaptercontents p {font-size:calc(16px + .8vw);}
}





@media(max-width:500px){
	div.ckoutsummary{
		grid-template-columns:7% 10% 46% 15% 15% 7%;
	}
}

@media(min-width:600px){
	div.topmenuwide {display:grid;}
	div.topmenunarrow {display:none;}	
	img.menulogo {margin:2.5vw 0;}
}
@media(max-width : 599.99px ){
	div.topmenuwide {display:none;}
	div.topmenunarrow {display:grid;}
	img.menulogo {margin:0;}
	div.bavblock {
		display:grid;
		grid-template-columns:100%;

	}
	img.bav {
		width:90vw;
		shape-outside:none;
		order:2;
		justify-self:right;
	}
	span.bavbannerhead2 {
		text-align:center;
		order:1;
	}
	span.bavbannerbody2 {
		text-align:center;
		order:3;
	}
	span.bavdrop {order:4;}
	span.bavbannerbottom { display:grid; order:5;}
	span.bavscalebody{order:6;}
	
}
@media(min-width:500px){
	span.nar {display:none;}
	span.wid {display:grid;}
	input {font-size:clamp(16px,calc(12px + .8vw),20px);}
	.ckvalue input[type=text],select {font-size:clamp(16px,calc(12px + .8vw),20px);}
	.configpopin table,td,th {font-size:clamp(16px,calc(12px + .8vw),20px);}
	input[type=button].ordercontrol{font-size:clamp(16px,calc(12px + .8vw),20px);}
	span.orderclose {font-size:clamp(24px, calc(18px + 1.2vw),32px);}
	span.configheader1{font-size:clamp(29px,calc(22px + 1.5vw),36px);}
	select.ordercontrol{font-size:clamp(16px,calc(12px + .8vw),20px);}
	optgroup.ordercontrol{font-size:clamp(16px,calc(12px + .8vw), 20px);}
	
	input {font-size:clamp(16px,calc(12px + .8vw),20px);}
	select, option {font-size:clamp(16px,calc(12px + .8vw),20px);}
	input[type=button]{font-size:clamp(16px,calc(12px + .8vw),20px);}
	div.carttable{grid-template-columns:5% 56% 20% 14% 5%;}
}

@media(max-width:499px){
span.nar {display:grid;}
span.wid {display:none;}
	span.cartnowidebubble{
		
	}
	div.configpopin {max-width:100%;}

	div.dropdownsideimg {
		width:90%;
	}	
	p.droptextsideimg {
	font-size:calc(12px + 0.6vw); 
	margin:0 5% 0 10% ;
	text-align:left;
	font-family:'open-sans',sans-serif;
	font-weight:300;
	color:black;
	width:100%;
	}

	figure.rightfloater {
		float:none;
		max-width:100%;
	}
	
	
	
	
	
	
}
@media(max-width:749px){
	figure.dropsidetext{
		display:grid; 
		width:100%;
		grid-column-start:1;
		grid-column-end:2;
		grid-row-start:2;
		grid-row-end:2;

	}
	figure.leftspacing{
		margin:0;
	}
	div.dropdownsideimg{
		grid-template-columns:90%;
		justify-items:center;
		margin:0 0 0 10%;
	}
	p.droptextsideimg{
		margin:0;
	}
}


/*font stuff for futura light:
font-family: tahoma, sans-serif;
font-weight: 300;
font-style: normal;
*/





























/*this is an experiment to create a division and image that chop off to right while scaling.*/
div.rtblock {
	/*margin:0px;*/
	text-align:center;
	min-height:300px;
	max-width:100%;
	height:44vw;
	overflow-x:hidden;
	overflow-y:clip; 

	white-space:nowrap;
}
img.rtblock {
	/*note:width & height are meant to match size of standard block items; adjust if needed*/
	position:relative;
	/*width:clamp(960px,100%,1920px);*/
	width:1920px;
	max-width:225%;
	min-height:450px;
	max-height:44vw;
	overflow-x:hidden;
	overflow-y:clip;
	white-space:nowrap;
}