@charset "utf-8";
/*Common css*/
.fv5{clear:both; overflow:hidden}
.fv5 h1, .fv5 h2, .fv5 h3, .fv5 h4, .fv5 h5{font-weight:100; line-height:inherit; margin-bottom:10px}
.fv5 p{color:#767676; font-weight:100}
.fv5 a{color:#0095d9}
.fv5 a:hover{text-decoration:underline}
.fv5 .color-black{color:black}
.fv5 .paddingtopbot1{padding:1em 0}
.fv5 .paddingtopbot{padding:2em 0}
.fv5 .paddingbot{padding-bottom:4em}
.fv5 .paddingbot2{padding-bottom:2em}
.fv5 .marginBot{margin-bottom:20px}
.fv5 .paddingtopbot2{padding:3.5em 0}
.fv5 .paddingtopbot3{padding:4.5em 0}
.fv5 .bringtofront{z-index:99999}
.fv5 .close-reveal-modal.move{top:.3em; right:.4em}
.fv5 .show-for-smaller{display:none}
.fv5 .textWhite{color:#fff!important}
.fv5 sup{font-size:50%; position:relative; vertical-align:super; }
.fv5 .f18{font-size:18px!important; font-weight:100}
/*.fv5 div, .fv5 h1, .fv5 h2, .fv5 h3, .fv5 h4, .fv5 p, .fv5 img, .fv5 a {-webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}*/
.fv5 h3{font-size:32px}
.fv5 h4{font-size:28px}
.fv5 .imgBorder{border:1px solid #CCC;}
.fv5 .fltLeft{float:left}
.fv5 .fltRight{float:right}
.fv5 .paraGrey{color:#767676!important}
.fv5 .gradientGrey{background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 17%, rgba(241,241,241,1) 100%);}

@media only screen and (max-width: 642px) {
.fv5 .paddingtopbot, .fv5 .paddingtopbot2{padding:1em 0}

}

/*Hero banner */
.fv5 .btn-trans {font-size:18px; line-height:normal!important; font-weight:100; padding:13px 30px; display:inline-block; text-align:center; border:1px solid #fff; color:#fff; clear:both;border-radius:3px;cursor:pointer;background-color:transparent;}
.fv5 .btn-trans:hover{text-decoration:none; background-color:#fff; color:#000;}

.fv5 .herobanner {background:url(/wcsstore/hpusstore/Treatment/printer-mdp/sj_herobanner_1920x600.jpg) no-repeat top center; height:600px;background-size:cover;}
.fv5 .herobanner .heroText{margin:7% 0}
.fv5 .herobanner h1{font-size:20px; margin-bottom:10px; color:white}
.fv5 .herobanner h2{font-size:36px; letter-spacing:1px; margin-bottom:15px; color:white; text-transform:uppercase}
.fv5 .herobanner p{margin-bottom:15px; line-height:normal; font-size:20px; color:white; font-weight:100}
.fv5 .heroImage{display:none}

/*price css*/
.fv5 .pricing{margin-bottom:10px}
.fv5 .pricing span{font-size:11px}
.fv5 .pricing strong{font-size:36px; line-height:38px; font-weight:100; padding-bottom:10px; display:block}
.fv5 .pricing sup{font-size:70%; position:relative; vertical-align:baseline; bottom:8px}

.fv5 .reveal-modal.fullbleed{padding:20px; left:0; margin-left:0; width:100%; transition: none; box-shadow:none; -webkit-box-shadow:none; z-index:999999}

/*scanjet_family*/

.fv5 .sj-ksps{margin:20px 0}
.fv5 .sj-ksps h3{font-size:24px; color:#5a5a5a; letter-spacing:1px; margin-bottom:15px;text-transform:uppercase }
.fv5 .sj-ksps.sjFamily .column{padding-left:5%; padding-right:5%}
.fv5 .sj-ksps.sjFamily .column p{min-height:100px}

.fv5 .btn-blue{font-size:18px; line-height:normal!important; font-weight:100; padding:13px 30px; display:inline-block; text-align:center; border:1px solid #0096d6; color:#fff; clear:both;border-radius:3px;cursor:pointer;background-color:#0096d6; margin-top:20px}
.fv5 .btn-blue:hover{text-decoration:none; background-color:transparent; color:#0096db;}

.fv5 .btn-blue-line{font-size:18px; line-height:normal!important; font-weight:100; padding:13px 10%; display:inline-block; text-align:center; border:1px solid #0096d6; color:#0096db; clear:both;border-radius:3px;cursor:pointer;background-color:transparent; margin-top:20px}
.fv5 a.btn-blue-line:hover{text-decoration:none; background-color:#0096db; color:#fff;}
.fv5 .btn-blue-line.comingsoon{border-color:#ccc; color:#767676; cursor:default}


/*compare table tabs*/
.fv5 .sjCompareTables .tabBar{clear:both; overflow:hidden; background-color:#f7f8f8; border-bottom:4px solid #0096db}
.fv5 .sjCompareTables .tabBar .cols:first-child{width:50%; float:left}
.fv5 .sjCompareTables .tabBar .cols:last-child{width:50%; float:right}
.fv5 .sjCompareTables .tabBar .cols a{display:inline-block; padding:20px 30px; text-align:center; font-size:18px; font-weight:100; line-height:24px; text-decoration:none; color:#5a5a5a}
.fv5 .sjCompareTables .tabBar .cols a strong{display:block}
.fv5 .sjCompareTables .tabBar .cols a.active{background-color:#0096db; color:#fff }

.fv5 .sjCompareTableHtml{ overflow-x:auto}
.fv5 .sjCompareTableHtml table{border:none; min-width:1024px}
.fv5 .sjCompareTableHtml th a.prodImgsj{display:block;font-size:16px; line-height:20px; color:#0197d6}
.fv5 .sjCompareTableHtml th a.prodImgsj:hover{text-decoration:none; color:#0178aa}
.fv5 .sjCompareTableHtml th a.prodImgsj.notlinked{cursor:text}
.fv5 .sjCompareTableHtml th{ width:16.66%; padding:20px 15px; font-weight:100;  }
.fv5 .sjCompareTableHtml td{ padding:15px; font-size:16px; font-weight:100; color:#767676; line-height:24px; border-right:1px solid #999; text-align:center}
.fv5 .sjCompareTableHtml td:first-child{text-align:left; font-weight:100; color:#000}



/*KSP Banners*/
.fv5 .zbzfy17_kspbanner{position:relative}
.fv5 .zbzfy17_kspbanner .videoTrigger{position:absolute; width:50%; bottom:0; top:0;}
.fv5 .zbzfy17_kspbanner .textinside{width:40%; margin:3% 4% 2% 4%; color:#5a5a5a}
.fv5 .zbzfy17_kspbanner .textinside h3{ font-size:32px; color:#5a5a5a; line-height:42px; text-transform:uppercase; letter-spacing:2px}
.fv5 .zbzfy17_kspbanner .textinside h4{ font-size:18px; color:#5a5a5a; text-transform:uppercase;}
.fv5 .zbzfy17_kspbanner.digSender .textinside .row{max-width:500px}
.fv5 .zbzfy17_kspbanner.digSender .textinside .column{margin-bottom:25px}
.fv5 .zbzfy17_kspbanner.digSender .textinside span{display:block; font-size:18px; line-height:22px; color:#5a5a5a; font-weight:100; margin-top:10px}
.fv5 .zbzfy17_kspbanner.digSender{background:url(/wcsstore/hpusstore/Treatment/printer-mdp/sj_digital-sender_1920x700.jpg) no-repeat top center; height:700px;}

.fv5 .sjAllHpScanner{background-color:#757678; text-align:center; clear:both; overflow:hidden; padding:50px 20px}
.fv5 .sjAllHpScanner h3{font-size:36px; text-transform:uppercase; letter-spacing:3px; color:#fff; margin-bottom:40px}
.fv5 .sjQuotes{text-align:center; padding:20px 20px 50px 20px}
.fv5 .sjQuotes h3{font-size:36px; line-height:46px; font-style:italic; color:#5a5a5a;}
.fv5 .sjQuotes p{font-size:20px; color:#099bd7; text-transform:uppercase; letter-spacing:2px}
.fv5 .sjQuotes p:before{content:""; display:block; height:2px; background-color:#5a5a5a; max-width:150px; margin:40px auto}

.fv5 .sjBottomSection{background-color:#f6f7f7; padding:40px 0}
.fv5 .sjBottomSection .sjbotCols{margin-top:40px}
.fv5 .sjBottomSection .sjbotCols h4{font-size:32px; text-transform:uppercase; letter-spacing:2px; margin-top:20px}
.fv5 .sjBottomSection .sjbotCols p{max-width:386px; min-height:240px;}
.fv5 .sjBottomSection .sjbotCols .column{margin-bottom:40px}







/*compare models*/
.fv5 .zb_compareModels{background-color:#fff; padding-bottom:25px; display:block; overflow:auto}
.fv5 .zb_compareModels h2{font-size:40px; text-align:center}
.fv5 .zb_compareTable{max-width:1280px;  min-width:800px; margin:40px auto}
.fv5 .zb_compareTable h4{font-size:22px; margin-top:25px}
.fv5 .zb_compareTable table{border:none; background-color:#fff!important}
.fv5 .zb_compareTable tr:nth-of-type(even){background-color:#fff!important}
.fv5 .zb_compareTable table td{padding:20px; line-height:22px; font-size:14px; border-bottom:1px solid #ddd}
.fv5 .zb_compareTable table tr td:first-child{font-size:16px; text-align:right}
.fv5 .additionalLinks a{color:#777; text-decoration:underline; font-size:16px; display:inline-block; margin-right:15px}
.fv5 .additionalLinks a:hover{text-decoration:none}
.fv5 .additionalLinks td{border-bottom:none!important}
.fv5 .forListing {border: 20px solid rgba(0, 0, 0, 0.7); top:0}

.fv5 .zb_compareModels .modelTabs{border-bottom:1px solid #ccc; text-align:center}
.fv5 .zb_compareModels .modelTabs a{display:inline-block; padding:25px 5px 20px; margin:0 30px; font-size:20px; color:#000; border-bottom:5px solid #fff}
.fv5 .zb_compareModels .modelTabs a.active{border-color:#c8932b}
.fv5 .zb_compareModels .modelTabs a:hover{text-decoration:none; color:#c8932b;}

/*Others css*/
.fv5 .bodyCenterContent{margin:auto; max-width:1000px; clear:both; overflow:hidden; position:relative}
.fv5 .bodyCenterContent.with1200{max-width:1400px;}
.fv5 .bodyCenterContent.with1900{max-width:1900px;}
.fv5 .sectionHeading{text-align:center; margin:10px 0; font-size:40px; color:#5a5a5a; text-transform:uppercase; letter-spacing:2px}
.fv5 .sectionHeading.sHSmall{font-size:32px;}

.fv5 .newSectionHeading {clear: both; text-align: center; width: 100%; margin: 20px auto; border-bottom:1px solid #000;}
.fv5 .newSectionHeading span {font-size: 36px; line-height: 42px; font-weight: 100; background-color: #fff; padding: 0 20px;}
.fv5 .newSectionHeading span sup{font-size:50%; position:relative; vertical-align:baseline; bottom:10px}
.fv5 .sectionHeadingPara{text-align:center; margin:0 5%; font-size:22px; line-height:28px; font-weight:100}
.fv5 .alltextwhite *{color:white!important}


/*Foundation update*/
.orbit-container .orbit-prev, .orbit-container .orbit-next{ background-color:transparent!important; height:37px!important; width:20px; margin-top:-20px!important;}
.orbit-container li{height:auto!important}
.orbit-container li img{margin:auto; padding:0 30px}
.reveal-modal-bg{z-index:9!important}
.fv5 .orbit-bullets{visibility:visible;/* display:block!important*/}
.reveal-modal{padding-bottom:30px}
.reveal-modal .close-reveal-modal{top:4px; right:2px;}
.reveal-modal .close-reveal-modal img{width:75%}
.reveal-modal-bg{z-index:99!important}
.fv5 .reveal-modal{z-index:999!important}
.fv5 .orbit-container .orbit-next {background-image: url(/wcsstore/hpusstore/Treatment/printer-mdp/OrangeRightArrow.png);background-repeat: no-repeat;}
.fv5 .orbit-container .orbit-prev {background-image: url(/wcsstore/hpusstore/Treatment/printer-mdp/OrangeLeftArrow.png);background-repeat: no-repeat;}



	
@media only screen and (max-width: 1480px) {
	.fv5 .spx2fy17_kspbanner .kspCols .textcont{max-width:100%;}
	.fv5 .spx2fy17_kspbanner .kspCols .textcont .rightText{ padding:10% 20px 20px 20px;}
	.fv5 .spx2fy17_kspbanner .kspCols .textcont h3{font-size:36px; line-height:36px;}

	
}
@media only screen and (max-width: 1024px) {

	.fv5 .forListing {border:none}
	
	.fv5 .herobanner .heroText{background-color: rgba(0,0,0,.2); padding: 20px; margin:20px}
}

@media only screen and (max-width: 800px) {
	.fv5 .zbzfy17_kspbanner.ksp3{background-color:#31363f; background-image:none; height:auto}
	
	
	
	.fv5 .zbzfy17_kspbanner .textinside{width:90%; float:none!important; margin:10% 5%!important; text-align:center}
	
	.fv5 .zbsfy17_kspbanner6{background-color:#f3f3f3; background-image:none; height:auto;}
	.fv5 .spx2fy17_ksp4 .ksp3_logos .column, .fv5 .mightBeInterestedIn .column{ margin-bottom:25px}
	.fv5 .tumbImages img{max-width:60px;}
	.fv5 .sectionHeadingPara{text-align:center; margin:0 5%}	
	
	
	.fv5 .section-container, .fv5 .section-container.auto{border:none}
	.fv5 .seeallspecs-btn-cont{margin-top:80px}
	
	.slick-dots li.slick-active button:before{background-color:#0096db!important}
	.slick-dots li button:before{background-color:#767676!important; width:13px!important; height:13px!important}
	
	.fv5 .prevWatch{background:url(/wcsstore/hpusstore/Treatment/printer-mdp/OrangeLeftArrow.png) no-repeat left top; width:25px; height:72px; position:absolute; top:250px; left:15px; z-index:99999; display:block}
	.fv5 .nextWatch{background:url(/wcsstore/hpusstore/Treatment/printer-mdp/OrangeRightArrow.png) no-repeat right top; width:25px; height:72px; position:absolute;  top:250px; right:15px;  z-index:99999; display:block}
	
	.fv5 .prevWatch.slick-disabled, .fv5 .nextWatch.slick-disabled{opacity:.3; cursor:default}
	
	.fv5 .mightBeInterestedIn .prevWatch{top:150px; left:40px;}
	.fv5 .mightBeInterestedIn .nextWatch{top:150px; right:40px;}


	.fv5 .zbzfy17_kspbanner.digSender{background-color:#f9f9f9; background-image:none; height:auto}

}

/*below small*/
@media only screen and (max-width: 642px) {
.fv5 .herobanner h2, .fv5 .sectionHeading{font-size:32px!important; line-height:32px}
.fv5 .spx2fy17_ksp1 h4, .fv5 .spx2fy17_ksp2 h4, .fv5 .spx2fy17_ksp4 h4{font-size:26px}
.fv5 .tumbImages img{max-width:30px;}
.fv5 .heroImage {display:block; margin:0 auto 15px auto}
.fv5 .bannerForSmall{height:auto;}
.fv5 .herobanner {background:none; background-color:#98908d;}
.fv5 .herobanner h1{font-size:20px}
.fv5 .herobanner .heroText{margin:5% 0; text-align:center; background-color:transparent}
.fv5 .herobanner .row{padding:0}



.fv5 .zb_compareModels .modelTabs a{ padding:15px 5px 10px; margin:0 10px; font-size:16px;}

.fv5 .goldLine{ margin:20px auto;}


.fv5 .sj-ksps.sjFamily .column p{min-height:inherit}
.fv5 .sjCompareTables .tabBar .cols a{font-size:16px; line-height:20px}

.fv5 .sjQuotes h3{font-size:32px; line-height:38px;}
.fv5 .sjQuotes p{font-size:16px;}
.fv5 .sjBottomSection .sjbotCols p{min-height:inherit;}
}



/*Footnotes*/
.fv5 .footNote-hpe {clear: both;font-size: 11px;line-height: 16px; color: #767676; ;padding: 40px; border-top:1px solid #ccc;}
.fv5 .noborder{border:none}
.fv5 .footNote-hpe p{font-size: 11px; margin:20px 0}
.fv5 .footNote-hpe ol {list-style: decimal; margin: 0 15px}
.fv5 .footNote-hpe li {padding-bottom: 10px;list-style: decimal;}
	

/*below small*/
@media only screen and (max-width: 40.063em) {
.fv5 .herobanner h2, .fv5 .sectionHeading, .fv5 .zbzfy17_kspbanner .textinside h3{font-size:32px!important; line-height:32px; margin:10px 0}
.fv5 .newSectionHeading{border:none; height:auto!important}
.fv5 .newSectionHeading span {background-color:transparent; padding:0; font-size:32px; line-height:36px}
.fv5 .show-for-smaller{display:inline;}
.fv5 .hide-for-smaller{display:none;}	
}

@media only screen and (max-width: 1000px) {
	.show-for-1000{display:none}
	.hide-for-1000{display:block !important;}
}

@media only screen and (min-width: 1001px) {
	.hide-for-1000{display:none !important;}
}

@media only screen and (max-width: 64em) {
	.fv5 .newSectionHeading {border-bottom:none;}
}