body{
background:#b6cbeb;
padding:0px;
border:0px;
margin:0px;
width:100%;
min-width:200px;
max-width:800px;
font-size:100%;
margin-left:auto;
margin-right:auto;
}

/**
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
**/

a{color:#02025a; background-color:transparent; text-decoration:none;}
a:hover {color:#000000; text-decoration:underline;} 
h1{font-size:22px; padding-left:5px; margin:0 0 0 0;}
h2{font-size:18px; padding-left:5px; margin:0 0 0 0;} 
h3{margin:0 0 0 0;padding:0;} 
img{margin:0 0 0;border:0;}

.footer{
 clear:both;
 float:left;
 width:100%;
 padding:0px;
 margin:0;
}

div.mainbody{width:100%;background:#EDECE5;max-width:800px;overflow:hidden;margin-left:0px;margin-right:0px;min-height: 400px;font-family:arial,helvetica,sans-serif;}
div.main{margin:1%}
div.searchbody{width:100%;background:#C1CDD4;padding: 15px 0px 15px 0px; overflow:hidden;}
table.itemtable{width:100%;border:0;table-layout:fixed;}
table.ordertable{width:100%;border:0;background:#b6cbeb;}
table.ordertableblue{width:100%;border:0;background:#b6cbeb;}
table.ordertablegray{width:100%;border:0;background:#dcdcdc;}
table.searchtable{width:100%;border:1px;table-layout:fixed;}
table.carttable{width:100%;border:1px;table-layout:fixed;}
table.devicetable{width:50%;border:0px;table-layout:fixed;}
table.alldevicetable{width:650px;border-width:medium;border-style:solid;table-layout:fixed;background:#FFFFFF;}

div.finderlist{
-webkit-column-count: 1; /* Chrome, Safari, Opera */
-moz-column-count: 1; /* Firefox */
column-count: 1;
overflow:hidden;
}

col.col45{
width:45px;
}
col.col50{
width:50px;
}
col.col55{
width:55px;
}
col.col60{
width:60px;
}
col.col95{
width:95px;
}
col.col120{
width:120px;
}
col.col122{
width:122px;
}
col.col130{
width:130px;
}
col.col150{
width:150px;
}
col.col200{
width:200px;
}
col.col250{
width:250px;
}
col.col300{
width:300px;
}
col.col450{
width:450px;
}
col.col470{
width:470px;
}

tr.top{
vertical-align:top;
}

td.leftb6{
text-align:left;
background:#b6cbeb;
}


td.left{
text-align:left;
}

td.center_head{
text-align:center;
background:#6699cc;
}

td.search_blue{
text-align:center;
background:#b6cbeb;
}

td.search_gray{
text-align:center;
background:#DCDCDC;
}

#onlinefnt{
vertical-align:top;
color:white;
font-size:19px;
font-family:verdana;
}

#logofnt{
/* vertical-align:top; */
color:white;
font-size:29px;
font-family:verdana;
font-weight:bold;
}

#logofntsmall{
/* vertical-align:top; */
color:white;
font-size:19px;
font-family:verdana;
font-weight:normal;
padding:1px 9px 1px 9px;
}

.sfont{
  font:arial,sans-serif;	
}

/* TEST For Crappy Links */
/*
a:-webkit-any-link {
    text-decoration: none;
}
*/

/* ALL INPUT FIELDS */
input[type=text],
input[type=number],
select {
  font: 15px/1 'Open Sans', sans-serif;
  color: #000;
  width: 100%;
  max-width: 600px;
  background-color: #FFF;
  border: 2px solid #92a8d1;
  border-radius: 5px;
  padding: 5px;
  box-shadow: none;
  outline: none;
  margin: 0;
  box-sizing: border-box; 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input[type=password], select {
  /*
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  */
  font: 15px/1 'Open Sans', sans-serif;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  max-width: 400px;
  background-color: #FFF;
  border: 2px;
  border-style: solid;
  border-color: #92a8d1;
  padding: 5px 5px 5px 5px;
  border-radius: 5px;
  box-shadow: none;
  outline: none;
  margin: 0;
  box-sizing: border-box; 
}


.lfnts{
/* Logo Font on Mail Sceen */
color:white;
font-size:22px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
width:100%;
/* padding:1px 9px 1px 9px; */
}

/* Infamous Tap Target Padding */
.ttpad{
 padding:3px;
}


.logoblock{
  vertical-align:middle;
  height:45px;
  width:45px;
}


#logoimage {
  vertical-align:middle;
  height:36px;
  width:36px;
}


.logobarcolor{
background-color:#333333;
}

.searchspacing{
padding:3px;
}

.clearleft{
clear:left;
}

/*  #2780e3 */
/* #6699CC  */

.sbut{
  background-color: #84b9e5;
  color:black;
  font-size:19px;
  font-family: verdana;
  font-weight: normal;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 2px solid #000000;
  padding:1px 9px 1px 9px;
}

.sbut:hover{
  background-color: #ffffff;
}

/* #63CCFF; OLD SCHOOL COLOR 1996  */ 

.nbut{
  background-color: #84b9e5;
  color:black;
  font-size:19px;
  font-family: verdana;
  font-weight: normal;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 2px solid #000000;
  padding:1px 9px 1px 9px;
}

.nbut:hover{
/*  background-color: #00FF00; */
  border: 2px solid #FFFFFF;
/*  text-decoration: underline; */
}

.sbutton {
  background-color: #63CCFF;
  font-size:19px;
  font-family: verdana;
  font-weight: normal;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 2px solid #000000;
}

.sbutton:hover{
/*  background-color: #00FF00; */
  border: 2px solid #FFFFFF;
/*  text-decoration: underline; */
}

.lv4back{
text-align:left;
background:#b6cbeb;
font-size:1.5em;
font-family:arial,helvetica,sans-serif;
}

/* Items Details Listings */
.itemdback{
  text-align:left;
  background:#b6cbeb;
  font-size:1.25em;
  font-family:arial,helvetica,sans-serif; 
}
.itemd{
  text-align:left;
  font-size:1.25em;
  font-family:arial,helvetica,sans-serif;
  }
  

.lv4{
text-align:left;
font-size:1.5em;
font-family:arial,helvetica,sans-serif;
}
.lv4r{
text-align:left;
font-size:1.5em;
font-family:arial,helvetica,sans-serif;
color:red;
}
.lv4g{
  text-align:left;
  font-size:1.5em;
  font-family:arial,helvetica,sans-serif;
  color:green;
  } 
.lv4b{
text-align:left;
font-size:1.5em;
font-family:arial,helvetica,sans-serif;
color:blue;
}

.lv4bold{
font-weight:bold;  
text-align:left;
font-size:1.5em;
font-family:arial,helvetica,sans-serif;
color:black;
}


.lv4st{
text-align:left;
font-size:1em;
font-family: arial,helvetica,sans-serif;
text-decoration: line-through;
color:black;
}

.sblack{
  font-size:1.0em;
  font-family:arial,helvetica,sans-serif;
  color:black;
  }
.swhite{
    font-size:1.0em;
    font-family:arial,helvetica,sans-serif;
    color:white;
    } 
.sgreen{
font-size:1.0em;
font-family:arial,helvetica,sans-serif;
color:#0B5D1E;
}
.sblue{
font-size:1.0em;
font-family:arial,helvetica,sans-serif;
color:blue;
}

.sred{
font-size:1.0em;
font-family:arial,helvetica,sans-serif;
color:#8B0000;
}

.syellow{
font-size:1.0em;
font-family:arial,helvetica,sans-serif;
color:yellow;
}


hr.solidline{
height:7px;
color:black;
background:black;
margin: 0;
padding: 0; 
}


.social{
text-decoration:none;
font-size:11px;
font-family:Arial;
color:black;
}

font.v4{
font-size:1.5em;
font-family:arial,helvetica,sans-serif;
}

font.v4r{
font-size:1.5em;
font-family:arial,helvetica,sans-serif;
color:red;
}
font.v4b{
font-size:1.5em;
font-family:arial,helvetica,sans-serif;
color:blue;
}

font.v4g{
font-size:1.5em;
font-family:arial,helvetica,sans-serif;
color:green;
}

font.v4strikethru{
font-size:1em;
font-family: arial,helvetica,sans-serif;
text-decoration: line-through;
}

#main{float:right;width:100%;background:#EDECE5;overflow:hidden;}

#sidebar{float:left;width:150px;background-color:#FFF;text-align:center;}

.jqueryslidemenu{font:bold 12px Verdana;float:left;position:relative;background:#414141;width:100%;z-index:1000;}
.jqueryslidemenu ul{margin:0;padding:0;list-style-type:none;}
.jqueryslidemenu ul li{position:relative;display:inline;float:left;}
.jqueryslidemenu ul li a{display:block;background:#414141;color:white;padding:8px 10px;border-right:2px solid #778;color:#797979;text-decoration:none;}
.jqueryslidemenu p{display:block;padding:16px 0px;margin:0;color:#797979;}
* html .jqueryslidemenu ul li a{display:inline-block;}
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{color:white;}
.jqueryslidemenu ul li a:hover{background:#797979;color:white;}
.jqueryslidemenu ul li ul{position:absolute;left:0;display:block;visibility:hidden;}
.jqueryslidemenu ul li ul li{display:list-item;float:none;}
.jqueryslidemenu ul li ul li ul{top:0;}
.jqueryslidemenu ul li ul li a{font:normal 13px Verdana;width:160px;padding:5px;margin:0;border-top-width:0;border-bottom:1px solid gray;}
.jqueryslidemenuz ul li ul li a:hover{background:#eff9ff;color:black;}
.downarrowclass{position:absolute;top:12px;right:7px;}
.rightarrowclass{position:absolute;top:6px;right:5px;}

ol{width:100%;}

/* ADJUSTS for MOBILE */

ol li{float:left;width:33%;list-style-type:none;}
@media (max-width: 600px) {                  
     ol li{float:left;width:50%;list-style-type:none;}
}
@media (max-width: 400px) {                  
     ol li{float:left;width:100%;list-style-type:none;}
}

br{clear:left;}
div.wrapper{margin-bottom:1em;}
ol li a{display:block;width:7em;text-decoration:none;}
ol li a:hover{color:#FFF;background-color:#A52A2A;}

.center{text-align:center;}

#sample{
   margin-left: auto;
   margin-right: auto;
   background-color: #DCDCDC;
   border-style:solid;
   border-width:5px;
   border-color: #A9A9A9;
   border-collapse: separate;
   border-spacing: 3px;
   text-align:center; 
   width:75%;
   }
   
.master{
   margin-left: auto;
   margin-right: auto;
   font-family: Arial, Helvetica, sans-serif;
   background-color: #DCDCDC;
   border-style:solid;
   border-width:5px;
   border-color: #A9A9A9;
   border-collapse: separate;
   border-spacing: 3px;
   text-align:center; 
   width:90%;
   }
  
#cable_table{
   margin-left: auto;
   margin-right: auto;
   background-color: #DCDCDC;
   border-style:solid;
   border-width:5px;
   border-color: #A9A9A9;
   border-collapse: separate;
   border-spacing: 3px;
   text-align:center;
   width:75%;
   }

.yellow{
   background-color: #FFFFE0;
}
font.white{
   color: #FFFFFF;
   font-family: verdana;
}

.gray{
   background-color: #DCDCDC;
   border-color: #C0C0C0; 
   border-style: solid; 
}

.redfont{
   color: RED;
}
.center{
   margin-left: auto;
   margin-right: auto;
 }
.smallfont{
    font-size:12px;
    font-family:arial,helvetica,sans-serif;
}




/*
#bm1 {
  height:16px;
  width:16px;
  position:relative;
  float:left;
  background-repeat:no-repeat;
  background-image: url("/images/pcc2.png");
  background-position: -10px -10px;
}
#bm2 {
  height:16px;
  width:16px;
  position:relative;
  float:left;
  background-repeat:no-repeat;
  background-image: url("/images/pcc2.png");
  background-position: -10px -46px;
}
#bm3 {
  height:16px;
  width:16px;
  position:relative;
  float:left;
  background-repeat:no-repeat;
  background-image: url("/images/pcc2.png");
  background-position: -10px -76px;
}
#bm4 {
  height:16px;
  width:16px;
  position:relative;
  float:left;
  background-repeat:no-repeat;
  background-image: url("/images/pcc2.png");
  background-position: -10px -112px;
}
#bm5 {
  height:16px;
  width:16px;
  position:relative;
  float:left;
  background-repeat:no-repeat;
  background-image: url("/images/pcc2.png");
  background-position: -10px -148px;
}

#bm6 {
  height:16px;
  width:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url("/images/pcc2.png");
  background-position: -10px -183px;
}
#bm7 {
  height:16px;
  width:16px;
  position:relative;
  float:left;
  background-repeat:no-repeat;
  background-image: url("/images/pcc2.png");
  background-position: -10px -219px;

}
*/

.ncm2 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -10px;
 }
.ncm27 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -46px;
}
.ncm28 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -82px;
}
.ncm24 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -118px;
}
.ncm26 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -154px;
}
.ncm23 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -190px;
}
.ncm30 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -226px;
}
.ncm25 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -262px;
}
.ncm29 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -298px;
}
.ncm12 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -334px;
}
.ncm8 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -372px;
}
.ncm19 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -408px;
}
.ncm11 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -444px;
}
.ncm10 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -480px;
}
.ncm31 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -516px;
}
.ncm4 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -552px;
}
.ncm1 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -588px;
}
.ncm6 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -624px;
}
.ncm3 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -660px;
}
.ncm18 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -696px;
}
.ncm14 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -732px;
}
.ncm15 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -768px;
}
.ncm9 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -804px;
}
.ncm7 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -840px;
}
.ncm5 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -876px;
}
.ncm16 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -912px;
}
.ncm17 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -948px;
}
.ncm20 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -984px;
}
.ncm22 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -1020px;
}
.ncm13 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -1054px;
}
.ncm21 {
  width:16px;height:16px;
  float:left;
  position:relative;
  background-repeat:no-repeat;
  background-image: url(/images/pcc.png);
  background-position: -10px -1090px;
}

div.img
  {
  background-color: #DCDCDC;
  border:4px solid #C0C0C0;
  width:80%;
  text-align:center;
  color: blue;
  }

div.img a
  {
  text-decoration: none;
  }

div.img img
  {
  display:inline;
  margin:3px;
  border:3px solid #ffffff;
  max-width:300px;
  }
a.img
 {
 text-decoration: none;
 }
  
div.img a:hover img 
  {
  border:3px solid #0000ff;  
  }

div.desc
  {
  text-align:center;
  text-decoration:none; 
  font-weight:bold;
  font-size: 20px; 
  margin:4px;
  }


/* Multi Column List */
.threecolumn {
	column-count: 3;
}


.mastergrid { display: flex; flex-wrap: wrap; gap: 20px; }
.img { flex: 1 1 calc(33.333% - 20px); text-align: center; }
.img img { max-width: 90%; height: auto; }
.desc { margin-top: 10px; font-weight: bold; }


.gridy {
  display:grid;
  grid-template-columns:repeat(1,1fr);
  grid-gap:1em;
  grid-auto-rows:minmax(50px, auto);

}

.gridy > div{
  background: #eee;
  padding:1em;
}

.gridy > div:nth-child(odd){
  background:#ddd;
}

.addressgrid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  grid-gap:1em;
}
/* New Product Display Layout */
          
.grid-container{
       display: grid;
       grid-template-columns: repeat(2,1fr);
       gap:10px;
} 

.grid-title{
       display: grid;
       grid-template-columns: 1fr;
       gap:10px;
} 

@media screen and (max-width: 660px) {
   .grid-container{
    grid-template-columns:1fr;
    }  
 	}

.slider {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.slides {
  display: flex;
  width: 500%;
  height: 100%;
  transition: transform 0.5s ease;
}

.slides img {
  width: 20%;
  height: 100%;
  object-fit: cover;
}

.prev, .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #333;
  cursor: pointer;
}

.prev {
  left: 20px;
}

.next {
  right: 20px;
}





/* Flex Box */
.flex-container {
  display: flex;
  flex-wrap: wrap;
  background-color: DodgerBlue;
}

.flex-container > div {
  background-color: #f1f1f1;
  width: 100%;
  margin: 5px;
  text-align: center;
  line-height: 75px;
  font-size: 30px;
}



/* Table Replacement */
.rTable {
   display: table;
   width: 100%;
}
.rTableRow {
   display: table-row;
}
.rTableHeading {
   display: table-header-group;
   background-color: #ddd;
}
.rTableCell, .rTableHead {
   display: table-cell;
   padding: 3px 10px;
   border: 1px solid #999999;
}
.rTableHeading {
   display: table-header-group;
   background-color: #ddd;
   font-weight: bold;
}
.rTableFoot {
   display: table-footer-group;
   font-weight: bold;
   background-color: #ddd;
}
.rTableBody {
   display: table-row-group;
}

@media (max-width: 767px) {                  
   .notmobile{
      display: none;
   }
}
/* Some Boot Strap Stuff
Fits Iphone 5/SE */

@media (max-width: 567px) {                  
   .hidden-sm{
       display:none; 
    }   
}
@media (max-width: 767px) {                  
   .hidden-md{
        display:none;
   }   
}
@media (max-width: 810px) {                  
   .hidden-lg{
        display:none;
   }   
}

.icon {
  width: 1em;
  height: 1em;
  stroke: currentColor;
  fill: none;
  vertical-align: -0.125em;
  pointer-events: none;
}

.icon-fw {
  width: 1.25em; /* optional fixed width like FA */
  text-align: center;
}



@media print {
.noprint {display:none !important; }
.jqueryslidemenu{display:none;}
div.mainbody{box-shadow:none;}
#sidebar{display:none;}
#main{float:center;overflow:visible;} 
#tools{display:none;} 
.footer{display:none;}
a[href]:after {
    content:none;
    }
}