@charset "UTF-8";
/* CSS Document */

body{ font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; margin:0px;}

p{ margin: 5px 5px 10px 5px;}

a img{ border: none}

h1{ margin:5px 5px 10px 5px; color:#cc0000; font-size:16px; font-weight:bold; }
h2{ margin:5px 5px 10px 5px; font-size:14px; font-weight:bold; color:#666666; }
h3{ margin:5px 5px 5px 0px; color:#cc0000; font-size:14px; font-weight:bold; }
h4{ margin:5px 5px 10px 5px; color:#cc0000; font-size:16px; font-weight:bold; }



#outer{width:100%;}

#structure{width:820px;  position:relative; margin:auto; }

#border-top{ width:820px; float:left; background:url(images/border-top.gif) no-repeat; height:12px;}

#border{width:820px; float:left; margin:auto; background:url(images/border-bg.gif) repeat-y;}

#outline{width:800px; margin:auto;}

.full-div{float:left; width:100%;}

#logo{float:left; width:217px;}

#contact{ float:right; width:583px;}

#menu1{ float:left; width:100%; background:url(images/menu-1.gif) bottom no-repeat; height:70px; }
#menu2{ float:left; width:100%; background:url(images/menu-2.gif) bottom no-repeat; height:70px; }
#menu3{ float:left; width:100%; background:url(images/menu-3.gif) bottom no-repeat; height:70px; }
#menu4{ float:left; width:100%; background:url(images/menu-4.gif) bottom no-repeat; height:70px; }
#menu5{ float:left; width:100%; background:url(images/menu-5.gif) bottom no-repeat; height:70px; }

#buttons{float:left; width:200px}

#image{float:left; width:170px;}

#sml-menu-1{ width:600px; float:left; height:30px; background: url(images/menu-1-sml.gif); margin:5px 0px 0px 5px}
#sml-menu-2{ width:600px; float:left; height:30px; background: url(images/menu-2-sml.gif); margin:5px 0px 0px 5px}
#sml-menu-3{ width:600px; float:left; height:30px; background: url(images/menu-3-sml.gif); margin:5px 0px 0px 5px}
#sml-menu-4{ width:600px; float:left; height:30px; background: url(images/menu-4-sml.gif); margin:5px 0px 0px 5px}

.inner-menu-sml{float:left; width:100px; margin:10px 0px 0px 10px; text-align:center;}

.right{text-align:right;}

#go{float:right; width:123px;}

#menu-links{ float:left; width:735px; margin-top:36px;}

#printer-selection{ float:left; width:420px; margin-left:10px;}

#descrip-area{ float:left; width:598px; border: solid 1px #cccccc; border-top:none; margin-left:5px}

.thumb{float:left; width:65px; border-top:1px #999 solid; border-left:1px #999 solid; height:95px; padding-bottom:5px}

.thumb-bottom{float:left; width:65px; border-top:1px #999 solid; border-left:1px #999 solid; border-bottom:1px #999 solid; height:95px; padding-bottom:5px}

.desc{float:right; width:353px; border-top:1px #999 solid; border-right:1px #999 solid; height:95px; padding-top:5px}

.desc-bottom{float:right; width:353px; border-top:1px #999 solid; border-right:1px #999 solid; height:95px; border-bottom:1px #999 solid; padding-top:5px}

.menu{ width:140px; float:left; text-align:center; margin:0px 0px 0px 7px;}

.feature{text-align:center; font-size:10px;} 

a.menu-link:link{color:#000000; font-size:16px; font-weight: bold; text-decoration:none;} 
a.menu-link:visited{color:#000000; font-size:16px; font-weight: bold; text-decoration:none;} 
a.menu-link:hover{color:#99ccff; font-size:16px; font-weight: bold; text-decoration:underline;} 
a.menu-link:active{color:#000000; font-size:16px; font-weight: bold; text-decoration:none;} 

a.menu-range-link:link{color:#FFFFFF; font-size:16px; font-weight: bold; text-decoration:none; text-align:center; margin-left:4px;} 
a.menu-range-link:visited{color:#FFFFFF; font-size:16px; font-weight: bold; text-decoration:none; text-align:center; margin-left:4px;} 
a.menu-range-link:hover{color:#000000; font-size:16px; font-weight: bold; text-decoration:none; text-align:center; margin-left:4px;} 
a.menu-range-link:active{color:#FFFFFF; font-size:16px; font-weight: bold; text-decoration:none; text-align:center; margin-left:4px;}

a.menu-link-sml:link{color:#999; font-size:12px; font-weight: bold; text-decoration:none; margin-right:4px;} 
a.menu-link-sml:visited{color:#999; font-size:12px; font-weight: bold; text-decoration:none; margin-right:4px;} 
a.menu-link-sml:hover{color:#999; font-size:12px; font-weight: bold; text-decoration:underline; margin-right:4px;} 
a.menu-link-sml:active{color:#999; font-size:12px; font-weight: bold; text-decoration:none; margin-right:4px;}  

a.link-pdf:link{color:#990000; font-size:12px; font-weight: bold; text-decoration:none; margin-right:4px;} 
a.link-pdf:visited{color:#990000; font-size:12px; font-weight: bold; text-decoration:none; margin-right:4px;} 
a.link-pdf:hover{color:#990000; font-size:12px; font-weight: bold; text-decoration:underline; margin-right:4px;} 
a.link-pdf:active{color:#990000; font-size:12px; font-weight: bold; text-decoration:none; margin-right:4px;} 


a.bread-crumb:link{color:#990000; font-size:10px; font-weight: normal; text-decoration:none; margin-right:4px;} 
a.bread-crumb:visited{color:#990000; font-size:10px; font-weight: normal; text-decoration:none; margin-right:4px;} 
a.bread-crumb:hover{color:#990000; font-size:10px; font-weight: normal; text-decoration:underline; margin-right:4px;} 
a.bread-crumb:active{color:#990000; font-size:10px; font-weight: normal; text-decoration:none; margin-right:4px;} 

a.menu-image-link:link{color:#000; font-size:16px; font-weight: bold; text-decoration:none; text-align:center; margin-left:4px;} 
a.menu-image-link:visited{color:#000; font-size:16px; font-weight: bold; text-decoration:none; text-align:center; margin-left:4px;} 
a.menu-image-link:hover{color:#99CCFF; font-size:16px; font-weight: bold; text-decoration:none; text-align:center; margin-left:4px;} 
a.menu-image-link:active{color:#000; font-size:16px; font-weight: bold; text-decoration:none; text-align:center; margin-left:4px;} 

.testimonial{color:#888888; font-size:16px; font-style:italic; text-align: center;}
.special{font-size:16px; font-weight:bold; color:#99CCFF}

a.bottom:link{ color:#99CCFF; text-decoration:underline; border:0px;}
a.bottom:visited{ color:#99CCFF;  text-decoration:underline; border:0px;}
a.bottom:hover{ color:#99CCFF;  text-decoration:underline; border:0px;}
a.bottom:active{ color:#99CCFF;  text-decoration:underline; border:0px;}

#content-left{width:405px; float:left; margin-top:0px;}

#content-right{width:370px; float:right; margin-top:0px;}

#content-left-range{width:615px; float:left; margin-top:0px;}

#content-right-range{width:160px; float:right; margin-top:0px;}

#border-bottom{ width:820px; float:left; background:url(images/border-bottom.gif) no-repeat; height:24px;}

#border-bottom p {text-align:center; font-size:10px; color:#66669D; padding-top:5px;}

#border-bottom a:link {color:#BBBBBB; text-decoration:underline;}
#border-bottom a:visited {color:#BBBBBB; text-decoration:underline;}
#border-bottom a:hover {color:#636363; text-decoration:underline;}

#menu-range{float:left; width:150px; border:solid 1px #000; background:#ddf3fa; height:80px;}

#menu-range-head{float:left; width:150px; border-bottom:solid 1px #000; height:15px; margin-bottom:5px;}

#brochures{float:right; width:220px; background:ccffff; border:solid 1px #333333;}

#key-features{width:600px; float:left; background:#6699cc url('/images/features-bg.gif');}

.printer-choice{float:left; margin:5px 0px 5px 5px; background: url(images/printer-bg.jpg); width:197px; height:100px}

.printer-choice-inner{float:left; margin: 5px 5px 5px 5px; }

.link-range{float:left; background:#a4bec6; width:140px; margin: 4px 4px 0px 4px; text-align:left; border:solid 1px #FFFFFF;}

.highlight-txt{background:#ffff00; }
.inner-inner{float:left; margin:3px 0px 0px 0px;}
.productid{font-size:10px; color:#990000;}
.row-divide{border-bottom:dotted 1px #666666; height:1px;}

ul{
	list-style: none;
}

ul li{
padding-top:3px;
}

#contentPad{
margin:20px;
}

.formInfo a, .formInfo a:active, formInfo a:visited{
	font-weight:bold;
	color:#000000;
	text-decoration: underline;
	border-bottom: solid 1px #000000;
}

.formInfo a:hover{
	color:#FF0000;
	text-decoration: none;
		text-decoration: underline;
	border-bottom: solid 1px #FF0000;
}

a.links {
  font-size: 10pt;
  font-family: Arial, sans-serif;
  color: #000;
  text-decoration: underline;
  font-weight: normal;
}
a.links:hover {
  font-size: 10pt;
  font-family: Arial, sans-serif;
  color: #000;
  text-decoration: underline;
  font-weight: normal;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #99CCFF;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #99CCFF;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #99CCFF;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}


}

.jTip{
cursor:help;
}


.new{
	font-weight: bold;
	font-size: 15px;
	color: #d90303;
	}


/*cookie pop-up*/

#cookie-popup {
  position: fixed;
  bottom: 0;
  left: 0;
  background: #eee;
  -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
  box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);  
  z-index: 1111;
    max-width: 530px;
    padding: 5px 15px;
}

#cookie-popup p {
  display: inline-block;
  padding: 10px 0 10px 0px;
  margin: 0;
}

#cookie-accept {
  margin: 8px 0;
  float: right;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 10px;
    font-size: 1rem;
    border-radius: .25rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: #cc0000;
    border-color: #cc0000;    
    color: #fff;
    cursor: pointer;
    width: 100%;
}

#cookie-accept:hover {
    color: #cc0000 !important;
    background-color: #fff !important;
    border-color: #cc0000 !important;
}

#cookie-popup .fa-cog {
    padding: 10px 0;
    font-size: 40px;
}

@media (min-width:767px) {
#cookie-popup .text-left {
  padding-left: 10px;
}      
}

@media (max-width:767px) {
  #cookie-popup p {
    padding-bottom: 0;
    font-size: 13px;
  }   
  #cookie-accept {
      margin: 7px 10px;
  }   
  #cookie-popup .text-left {
    padding-left: 10px;
  }      
}

.privacy-box ul {
  list-style: disc;
}