#header {
color : gray;
font-family :Arial, Helvetica, sans-serif;
font-size : 8px;
}
table.about {padding:0; border-spacing:0; color:#4F5090; }
table#pagetop { border-collapse:collapse; padding:0; margin:0; border-spacing:0; width:100%;  background-color:#FFFFCC; }
tr#pagetop {color:#FFFFCC;} /* was bgcolor  3/15/2019  */
table.headtable { border:0; padding:0; border-spacing:0; }
.headtable td {border:thin; font-size:10px; text-align:center; }
td#privpol {	font-size: 12px; color: #003300;	font-style: oblique; font-weight: bold;}
.style1 {
	color: #006600;
	font-weight: bolder;
	font-style: italic;
	font-size:18px;
	font-family:Times Roman, Times, Serif;
}

.style2 {
	color: #003300;
	font-weight: bold;
	font-style: italic;
	font-size:36px;
	font-family:Times Roman, Times, Serif;
}

.style3 {
	font-size: 16px;
	font-weight: bold;
	color: #003300;
}

.center-block {
  display: flex;
	justify-content: center;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.center-text {
  text-align: center;
}

.center-img {
  display: flex;
	justify-content: center;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}


table.bclix {
width:90%;
text-align:center;
padding:30px;
border:1;
}

div.order { text-align:center; width:auto; max-width:900px; margin: 0 auto;}
table.order {width:auto;  border:1px solid black; text-align:center; 
		padding:5px; border-collapse: separate;  border-spacing: 3px; }
.order td, th { text-align:left; border: 1px solid black; padding:5px;}
#phone {color:#0000CC;font-weight:bold;font-size:14px;font-style:italic; text-align:center;}
img { margin-top:5px; border:0;}
img.creditcards {margin-left:10px; margin-right:10px;}
#clrbtn {text-align:left; width:50%;display:inline;}
#submit {text-align:center; width:50%;}
p.legal {FONT-SIZE: x-small; FONT-STYLE:italic; TEXT-ALIGN:center; }
div#ccimages { text-align:center;}
div#orderinstruct {text-align:center; }



#container {
margin : 0 auto 0 auto;
text-align : center;
width : 98%;
padding: 0 0 0 0 ;
}


BODY {
font-family :Arial;
font-size : 12px;
azimuth : center;
margin-left : 1%;
margin-right : 1%;
margin-top : 0;
text-align : left;
}

td.crumb { text-align:left; }

#crumb {
font-size : 14px;
font-weight : bold;
color: navy;
text-align:left;
}

#crumbs {
margin: 0 auto;
margin-bottom: 1em;
max-width:800px;
text-align:left;
}

#right {
 float:right;
    clear:right;

}
H1.header
label {
text-align:center;
font-weight:bold;
font-size:12px;
}

.lgbi {
font-weight: bold;
font-style: italic;
font-size: 14px;
color: navy;
}

.mdbi {
font-weight: bold;
font-style: italic;
font-size: 12px;
color: navy;
}


.email {
text-align:center;
font-size:18px;
}

A:link {
text-decoration : none;
}
A:link:hover {
text-decoration : underline;
}
A:hover {
text-decoration : underline;
}
A:visited:hover {
text-decoration : underline;
}
A:visited {
text-decoration : none;
}
A.pb:link {
text-decoration : none;
color : #ffffff;
}
A.pb:link:hover {
text-decoration : underline;
color : #ffffff;
}
A.pb:hover {
text-decoration : underline;
color : #ffffff;
}
A.pb:visited:hover {
text-decoration : underline;
color : #ffffcc;
}
A.pb:visited {
text-decoration : none;
color : #ffffcc;
}
A.ixn:link {
text-decoration : none;
color : navy;
}
A.ixn:link:hover {
text-decoration : underline;
color : navy;
}
A.ixn:hover {
text-decoration : underline;
color : navy;
}
A.ixn:visited:hover {
text-decoration : underline;
color : blue;
}
A.ixn:visited {
text-decoration : none;
color : blue;
}
A.ixr:link {
text-decoration : none;
}
A.ixr:link:hover {
text-decoration : underline;
}
A.ixr:hover {
text-decoration : underline;
}
A.ixr:visited:hover {
text-decoration : underline;
color : green;
}
A.ixr:visited {
text-decoration : none;
color : green;
}

.ixLink {
font-size : 14px;
font-weight : bold;
text-align:center;}

.ixBlink {
font-size : 14px;
font-weight : bold;
}
.ixn {
color : navy;
}
.BigBold {
font-size : larger;
font-weight : bold;
}
div.proddesc {
font-size: 12px;
font-weight : Bold;
color: #000000;
}

div.img {
font-size : small;
font-weight : bold;
border : 0;
text-align : center;
}
div#but_right {
display : inline;
}
div#but_left {
display : inline;
text-align : left;
}
div.header1 {
color : #0099ff;
font-family :Arial;
font-size : large;
}

div.header2 {
font-size : medium;
}

div.complogo {
font-family:Times New Roman, Times, serif;
font-size: 24px;
font-weight: bold;
font-style: italic;
text-align: center;
}

div.empinfo {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
font-style: italic;
text-align: center;
}

blockquote {
	margin: 0 auto;
	max-width:800px;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
	vertical-align: middle;
	color: navy;
	font-size: 14px;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid gray;
	font-weight:300;
}
em.Attention {
font-weight:bold;
font-size:16px;
color:#0000FF;
}
em.Bold {
	font-weight:bold;
	font-style:normal;
	text-decoration: underline;
}

em.specfg {
color : navy;
font-size : medium;
font-weight : bold;
padding-left : 20px;
padding-right : 20px;
margin-left : 20px;
margin-right : 20px;
}
em.BuyBlockTitle {
color : #ffffff;
background-color : #4f5090;
font-style : normal;
font-size : small;
padding-right : 5px;
padding-left : 3px;
}
em.BuyCellLabel {
background-color : #4f5090;
color : #ffffff;
font-style : normal;
padding-right : 10px;
padding-left : 10px;
}
em.promo {
background-color : #4f5090;
color : #ffffff;
font-style : normal;
padding-right : 5px;
padding-left : 3px;
}
em.price {
	color:#009933 ;
	font-size : 12px;
	font-weight: bold;
}
em.fullprice {
color : #cc3300;
text-decoration : line-through;
font-size : 12px;
}
em.priceSale {
	color:#009966;
	font-size : 14px;
	font-weight: bold;
	text-decoration: underline;
}
em.cartprice {
color : #660000;
}
FORM {
font-weight : bold;
padding-top: 2px;
padding-bottom: 8px;
margin-bottom : 8px;
margin-top : 2px;
}
FORM.printer {
text-align : left;
padding-left : 5px;
border-color : #4f5090;
}
FORM.accessories {
background-color : #ffffff;
text-align : left;
padding-left : 5px;
}
FORM.toners {
background-color : #ffffff;
text-align : left;
color : #000000;
padding-left : 5px;
}
UL {
text-align : left; }

H1 {
font-family :Arial, Helvetica, sans-serif;
font-size : 16px;
color : black;
text-align : center;
margin-top : 3px;
margin-bottom : 3px;
}

/* (  table.ix { changed 3/29/23  */
/* modified 1/10/25 */
table {
width: 90%;
border:solid;
border-color:#555555;
}
table.sr {
	margin: 0 auto;
	border-collapse : collapse;
	margin-bottom : 2px;
	border : 1px solid gray;
	font-size: 12px;
	width:800px;
	padding:2px;
}
table.sr3 {
	margin: 0 auto;
	border-collapse : collapse;
	margin-bottom : 2px;
	border : 1px solid gray;
	font-size: 12px;
	width:300px;
	padding:2px;
}
table td {
font-family :Arial, Helvetica, sans-serif;
font-size : 12px;
border:thin;
}
table th {
font-family :Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : small;
vertical-align : middle;
text-align : center;
color : white;
background-color : #4f5090;
border-bottom-style : double;
border-bottom-color : #4f5090;
border-bottom-width : medium;
}

td.data {
font-family :Arial, Helvetica, sans-serif;
font-size : 12px;
text-align:center;
vertical-align:middle;
border:thin solid #333333;
}


td.ixImg {
	border-bottom : 1px;
	border-bottom-color: navy;
	border-bottom-style: dotted;
vertical-align : middle;
}
td.ixImgNew {
border-bottom : 2px solid navy;
border-top : 2px solid navy;
vertical-align : middle;
font-weight : bold;
}
td.ixMfr {
	border-bottom : 1px;
	border-bottom-color: navy;
	border-bottom-style: dotted;
vertical-align : middle;
text-align : left;
font-weight: bold;
}
td.ixPrtrModels {
font-size: 12px;
	border-bottom : 1px;
	border-bottom-color: navy;
	border-bottom-style: dotted;
vertical-align : middle;
white-space : nowrap;
text-align : left;
}
td.ixModel {
	font-size: 12px;
	border-bottom : 1px;
	border-bottom-color: navy;
	border-bottom-style: dotted;
	vertical-align : middle;
	white-space: nowrap;
}
td.ixModelNew {
background-color: #FFFFCC;
font-size: 12px;
border-bottom : 2px solid navy;
border-top : 2px solid navy;
vertical-align : middle;
font-weight : bold;
font-size : small;
}
td.ixPN {
font-size: 12px;
	border-bottom : 1px;
	border-bottom-color: navy;
	border-bottom-style: dotted;
vertical-align : middle;
white-space : nowrap;
}
td.ixPNNew {
background-color: #FFFFCC;
font-size: 12px;
border-bottom : 2px solid navy;
border-top : 2px solid navy;
vertical-align : middle;
white-space : nowrap;
}
td.ixDesc {
font-size: 12px;
	border-bottom : 1px;
	border-bottom-color: navy;
	border-bottom-style: dotted;
vertical-align : middle;
font-weight : bold;
}
td.ixDescNew {
background-color: #FFFFCC;
font-size: 12px;
border-bottom : 2px solid navy;
border-top : 2px solid navy;
vertical-align : middle;
font-weight : bold;
font-size : small;
}
td.ixOEMPN {
font-size: 12px;
	border-bottom : 1px;
	border-bottom-color: navy;
	border-bottom-style: dotted;
vertical-align : middle;
width : 10em;
white-space : nowrap;
text-align : center;
}
td.ixOEMPNBold {
font-size: 12px;
	border-bottom : 1px;
	border-bottom-color: navy;
	border-bottom-style: dotted;
vertical-align : middle;
width : 10em;
white-space : nowrap;
text-align : center;
font-weight:bold;
}
td.ixGPN {
font-size: 12px;
	border-bottom : 1px;
	border-bottom-color: navy;
	border-bottom-style: dotted;
vertical-align : middle;
width : 10em;
white-space : nowrap;
text-align : center;
font-weight: bold;
}
td.ixLinks {
font-size: 12px;
	border-bottom : 1px;
	border-bottom-color: navy;
	border-bottom-style: dotted;
	vertical-align : middle;
	text-align : center;
}
td.ixPrice {
font-size: 12px;
	border-bottom : 1px;
	border-bottom-color: navy;
	border-bottom-style: dotted;
vertical-align : middle;
width : 6em;
text-align : right;
}
td.newbkg {
background-color : #e1e2f4;
}
td.ixPriceNew {
background-color: #FFFFCC;
font-size: 12px;
border-bottom : 2px solid navy;
border-top : 2px solid navy;
border-bottom-color: navy;
vertical-align : middle;
width : 6em;
text-align : right;
}
td.ixPriceNewx {
background-color: #FFFFCC;
font-size: 12px;
border-bottom : 2px solid navy;
border-top : 2px solid navy;
font-weight : bold;
font-size : small;
vertical-align : middle;
}
caption {
font-size:18px;
font-weight:bold;
font-style:oblique;
color:#4F5090; }

#inqHdr {
font-size: 3;
text-align: right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bolder;
width:120px;
}
#inqBox {
font-size: 3;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bolder;
width:120px;
}
 
td.spechd {
font-size: 12px;
background-color: #4f5090;
color: white;
text-align : right;
padding-right : 6px;
border-bottom : 2px solid gray;
}
TD.desc {
font-family :Arial, Helvetica, sans-serif;
font-weight : normal;
font-size : 12px;
text-align : center;
width : 400px;
vertical-align : middle;
border: 3px solid gray;
}
td.spec {
font-size: 12px;
margin-left : 6px;
text-align : left;
border-bottom : 1px solid gray;
padding-left : 6px;
}
td.img {
width : 180px;
font-size : small;
font-weight : bold;
border : 0;
text-align : center;
vertical-align : top;
}
td.prodhead {
font-size : small;
font-weight : bold;
border : 0;
text-align : center;
vertical-align : middle;
}
TD.head {
	font-weight : bold;
	font-size : 9px;
	text-align : center;
	border-color:#000000;
	border-width: 3px;/* width : 25%;  removed 3/29/2023,  no affect?  */
 	border: 3px solid gray;
}

td.price_extra {
padding-top : 0.8em;
background-color : #e1e2f4;
}
TD.price {
font-family :Arial, Helvetica, sans-serif;
font-weight : normal;
font-size : x-small;
text-align : left;
border: 3px solid gray;
} 
td.priceold {
padding-top : 0.8em;
background-color : #adaec3;
}



/* Late Additions */
/* These button classes are no over-riding earlier defined a.class definitions */
LI#cpButton {
margin-bottom: 8px;
}
.cpButton {
  background: #000000;
  background-image: -webkit-linear-gradient(top, #330000, #FF3300);
  background-image: -moz-linear-gradient(top, #330000, #FF3300);
  background-image: -ms-linear-gradient(top, #330000, #FF3300);
  background-image: -o-linear-gradient(top, #330000, #FF3300);
  background-image: linear-gradient(to bottom, #330000, #FF3300);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family:Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 2px 10px 2px 10px;
  text-decoration: none;
	margin-bottom: 8px;

}

.cpButton_backup {
  background: #000000;
  background-image: -webkit-linear-gradient(top, #000000, #4F5090);
  background-image: -moz-linear-gradient(top, #000000, #4F5090);
  background-image: -ms-linear-gradient(top, #000000, #4F5090);
  background-image: -o-linear-gradient(top, #000000, #4F5090);
  background-image: linear-gradient(to bottom, #000000, #4F5090);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family:Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 2px 10px 2px 10px;
  text-decoration: none;
}
.cpButton:hover {
  background: #4F5090;
  background-image: -webkit-linear-gradient(top, #000000, #000000);
  background-image: -moz-linear-gradient(top, #000000, #000000);
  background-image: -ms-linear-gradient(top, #000000, #000000);
  background-image: -o-linear-gradient(top, #000000, #000000);
  background-image: linear-gradient(to bottom, #000000, #000000);
  text-decoration: none;
}

.cpButton_backup:hover {
  background: #4F5090;
  background-image: -webkit-linear-gradient(top, #4F5090, #4F5090);
  background-image: -moz-linear-gradient(top, #4F5090, #4F5090);
  background-image: -ms-linear-gradient(top, #4F5090, #4F5090);
  background-image: -o-linear-gradient(top, #4F5090, #4F5090);
  background-image: linear-gradient(to bottom, #4F5090, #4F5090);
  text-decoration: none;
}


.xcpButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #4f5090));
	background:-moz-linear-gradient(top, #7892c2 5%, #4f5090 100%);
	background:-webkit-linear-gradient(top, #7892c2 5%, #4f5090 100%);
	background:-o-linear-gradient(top, #7892c2 5%, #4f5090 100%);
	background:-ms-linear-gradient(top, #7892c2 5%, #4f5090 100%);
	background:linear-gradient(to bottom, #7892c2 5%, #4f5090 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#4f5090',GradientType=0);
	background-color:#7892c2;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#FFFF00;
	font-family:Arial;
	font-size:12px;
	padding:2px 15px;
	text-decoration:none;
	margin: 1px;
}
.xcpButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4f5090), color-stop(1, #7892c2));
	background:-moz-linear-gradient(top, #4f5090 5%, #7892c2 100%);
	background:-webkit-linear-gradient(top, #4f5090 5%, #7892c2 100%);
	background:-o-linear-gradient(top, #4f5090 5%, #7892c2 100%);
	background:-ms-linear-gradient(top, #4f5090 5%, #7892c2 100%);
	background:linear-gradient(to bottom, #4f5090 5%, #7892c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f5090', endColorstr='#7892c2',GradientType=0);
	background-color:#4f5090;
}

.xcpButton:active {
	position:relative;
	top:1px;
}

         

#prodtitle {
	width:auto; margin: 0 auto; max-width:800px; 
	color:navy; 
	font-size:16px;
	font-style:italic; 
	font-weight:bold; 
	background-color:#ffffcc; 
	text-align:center; 
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom: 5px;}

/* Page Top */
#headerWrap 	{ display: -webkit-flex; display: flex; justify-content:space-between; flex-wrap: wrap; width:auto; margin: 0 auto; margin-bottom:5px; border: 1px solid gray; background-color:#ffffcc;}
#headerLeft 	{ display: inline-block; float:left; width:15em; text-align:center; vertical-align:middle; font-size:10px; font-weight:bold; color:#006600; padding-left:15px; -webkit-order:1;}
#headerCenter 	{ display: inline-block; float:none; width:auto; text-align:center; vertical-align:middle; font-size:10px; font-weight:bold;  -webkit-order:2;}
#headerRight 	{ display: inline-block; float:none; width:10em; text-align:center; font-size:10px; font-weight:bold; padding:5px; -webkit-order:3;}

/* Master Index styles */
#indextitle {
	width:auto; margin: 0 auto; max-width:800px; 
	color:navy; 
	font-family:Arial,Helvetica,sans-serif; 
	font-style:italic; 
	font-weight:bold; 
	background-color:#ffff99; 
	text-align:center; 
	margin-bottom:5px;}

/* sub-index files, also product files */
.ixDiv { margin:0 auto; width:auto; max-width:800px; }

 /* Master Index mostly */
.ixWrap 	{ display: -webkit-flex; display: flex; justify-content: center; flex-wrap: wrap; width:auto; margin: 0 auto;}
.ixRight 	{ display: inline-block; width:auto; text-align:left; vertical-align:middle; margin: 0 20px; padding:5px;}
.ixLeft		{ display: inline-block; width:auto; text-align:left; vertical-align:middle; margin: 0 20px;} 

/* Master Index divs */
@media screen and (max-width: 600px) {
	/* Page Top */
	.style1 {
	color: #006600;
	font-weight: bolder;
	font-style: italic;
	font-size:16px;
	font-family:Times Roman, Times, Serif;
	}

	.style2 {
	color: #003300;
	font-weight: bold;
	font-style: italic;
	font-size:32px;
	font-family:Times Roman, Times, Serif;
	}
	#headerWrap 	{ display: -webkit-flex; display: flex; justify-content:space-between; flex-wrap: wrap; width:auto; margin: 0 auto; margin-bottom:5px; border: 1px solid #000; background-color:#ffffcc;}
	#headerLeft 	{ display: inline-block; float:left; width:15em; margin: 0 auto; text-align:center; vertical-align:middle; 
						font-size:10px; font-weight:bold; color:#006600; padding-left:15px; -webkit-order:1;}
	#headerCenter 	{ display: inline-block; float:none; width:auto; margin: 0 auto; text-align:center; vertical-align:middle; font-size:10px; font-weight:bold;  -webkit-order:2;}
	#headerRight 	{ display: inline-block; float:none; width:10em; margin: 0 auto; text-align:center; font-size:14px; font-weight:bold; padding:5px; -webkit-order:3;}

	.ixWrap 	{ display: -webkit-flex; display: flex; justify-content: center; flex-wrap: wrap; width:auto; margin: 0 auto;}
	.ixRight 	{ display: inline-block; width:300px; text-align:center;}
	.ixLeft		{ display: inline-block; width:300px; text-align:center;} 

}