@charset "utf-8";
/*Common css*/
html{min-height: 100%;}
.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}
.fv5 a{color:#0095d9}
.fv5 a:hover{text-decoration:underline}
.fv5 .color-black{color:black}
.fv5 .paddingtopbot{padding:2em 0}
.fv5 .paddingbot{padding-bottom:4em}
.fv5 .paddingbot2{padding-bottom:2em}
.fv5 .marginBot{margin-bottom:20px}
.fv5 .paddingtopbot2{padding:3em 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:60%}
.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%);}

.fv5 .calloutContentSliders{margin-top:-150px!important}

@media only screen and (max-width: 641px) {
.fv5 .paddingtopbot{padding:1em}
.fv5 .calloutContentSliders{margin-top:-70px!important}
}

/*Hero banner */
.fv5 .btn-trans {font-size:18px;padding:0px;width:128px;display:block;margin:15px auto;text-align:center;border:1px solid #0096D6;color:#0096D6;clear:both;border-radius:3px;cursor:pointer;background-color:#FFF;}
.fv5 .btn-trans:hover{background-color: rgba(255,255,255,0.5); text-decoration:none}

.fv5 .herobanner .heroText{margin:5% 0}
.fv5 .herobanner .heroText.dark h2, .fv5 .herobanner .heroText.dark h3, .fv5 .herobanner .heroText.dark p, .fv5 .herobanner .heroText.dark span{color:white}
.fv5 .herobanner .MDATagLine{ text-align:right; font-size:14px; font-weight:bold; margin-top:20px}
.fv5 .herobanner h1{font-size:26px; margin-bottom:10px; font-weight: 100;}
.fv5 .herobanner h3{font-size:40px; margin-bottom:10px; line-height:44px;}
.fv5 .herobanner h4{font-size:32px; margin-bottom:10px}
.fv5 .herobanner p{margin-bottom:15px; font-size:16px; color:black; opacity:.9 }
.fv5 .herobanner h3 sup{position:relative; vertical-align:baseline; bottom:15px; font-size:40%}

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

/*GALLEY start*/
.fv5 .productGallery{max-width:1000px; margin:auto}
.fv5 .productGallery .column, .fv5 .productGallery .row{margin:0; padding:0;}
.fv5 .productGallery img{width:100%;}
.fv5 .productGallery a{display:block; margin:2px; cursor:pointer}
.fv5 .productGallery a:hover:before{content:""; background-color:rgba(0,0,0,.5); background-image:url(/wcsstore/hpusstore/Treatment/gallery_magglass.png); background-position:center; background-repeat:no-repeat; position:absolute; top:2px; left:2px; right:2px; bottom:2px;}
.fv5 .productGallery a.video:hover:before{content:""; background-color:rgba(0,0,0,.5); background-image:url(/wcsstore/hpusstore/Treatment/gallery_newplayButton_79x79.png); background-position:center; background-repeat:no-repeat; position:absolute; top:2px; left:2px; right:2px; bottom:2px;}
.fv5 .tumbImages {width:100%; top:0;}
.fv5 .tumbImages img{max-width:60px;}
.fv5 .tumbImages li{float:left; padding:10px; margin:0 20px; cursor:pointer; height:auto; width:auto; border-radius:0; background-color:white }
.fv5 .tumbImages li.active{border-bottom:2px solid #0096d6;}

.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}
.fv5 .galleryPadding{padding:3% 0; position:relative}

/*Others css*/
.fv5 .bodyCenterContent{margin:auto; max-width:1000px; clear:both; overflow:hidden; position:relative}
.fv5 .sectionHeading{text-align:center; margin:20px 0; font-size:40px!important}
.fv5 .newSectionHeading {clear: both; text-align: center; width: 100%; margin: 20px auto; border-bottom:1px solid #000; height:34px}
.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%;}
.fv5 .contentPadding{margin:5%!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}
.reveal-modal-bg{z-index:9!important}
.fv5 .orbit-bullets{visibility:visible;/* display:block!important*/}

/*Footnotes*/
.fv5 .footNote-hpe {clear: both;font-size: 11px;line-height: 16px; color: #767676;margin: 40px 0 0;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;}

/*Exact small*/
@media only screen and (max-width: 51.25em) {
.fv5 .bannerForSmall{height:auto!important; background-size:cover!important; padding:10px;}
.fv5 .herobanner .heroText.dark{background:rgba(0,0,0,.4);!important}
.fv5 .tumbImages li{padding:20px 0; margin:0 10px}

.fv5 .HP_Z240_Tower_Workstation_q4fy16_Ksp1 .heroText{margin:5% 0; background:rgba(255,255,255,0.7); padding:5%;}
.fv5 .HP_Z240_Tower_Workstation_q4fy16_Ksp1 .heroText.dark{background:rgba(255,255,255,0.7);!important}

.fv5 .HP_Z240_Tower_Workstation_q4fy16_Ksp2 .heroText{margin:5% 0; background:rgba(255,255,255,0.7); padding:2% 3%;}
.fv5 .HP_Z240_Tower_Workstation_q4fy16_Ksp2 .heroText.dark{background:rgba(255,255,255,0.7);!important}
	
}

@media only screen and (min-width: 50em) {
/*TABed KSP*/
.fv5 .ksp-tabs.elite_book_tabs .title-tabIcon{background:url(/wcsstore/hpusstore/Treatment/HP_Z240_Tower_Workstation_smbIconsSprite_444x148.png) no-repeat; }

.fv5 .ksp-tabs .title-tabIcon{height:74px; width:111px; display:block; margin:20px auto 0 auto; }
.fv5 .ksp-tabs .title-tabIcon.icon1{background-position: 0 top !important;}
.fv5 .ksp-tabs .active .title-tabIcon.icon1{background-position: 0 bottom !important;} 
.fv5 .ksp-tabs .title-tabIcon.icon2{background-position: -111px top !important;} 
.fv5 .ksp-tabs .active .title-tabIcon.icon2{background-position: -111px bottom !important;} 
.fv5 .ksp-tabs .title-tabIcon.icon3{background-position: -222px top !important;} 
.fv5 .ksp-tabs .active .title-tabIcon.icon3{background-position: -222px bottom !important;} 
.fv5 .ksp-tabs .title-tabIcon.icon4{background-position: -333px top !important;} 
.fv5 .ksp-tabs .active .title-tabIcon.icon4{background-position: -333px bottom !important;} 


.fv5 .section-container.auto > section > .title:first-child{margin-left:17%}

.fv5 .section-container.auto > section > .title, .fv5 .section-container.auto > .section > .title{border:0px solid #fff!important; border-bottom:none!important; background:url(/wcsstore/hpusstore/Treatment/HP_Z240_Tower_Workstation_smb_tabs-inactive_200x6.jpg) no-repeat center bottom!important; width:163px; padding:0!important; text-align:center;  transition:none}
.fv5 .section-container.auto > section.active > .title, .fv5 .section-container.auto > .section.active > .title{background:url(/wcsstore/hpusstore/Treatment/HP_Z240_Tower_Workstation_smb_tabs-active_200x6.jpg) no-repeat center bottom!important; color:#fff!important; transition:none;}
.fv5 .section-container > section > .title a, .fv5 .section-container > .section > .title a, .fv5 .section-container.auto > section > .title a, .fv5 .section-container.auto > .section > .title a{width:120px!important; color:#878787; padding-top:0; font-size:18px}
.fv5 .section-container > section.active > .title a, .fv5 .section-container > .section.active > .title a, .fv5 .section-container.auto > section.active > .title a, .fv5 .section-container.auto > .section.active > .title a{color:#1159a0; font-size:18px}
.fv5 .section-container.auto > section .content, .fv5 .section-container.auto > .section .content{top:-1px}
}


/*below small*/
@media only screen and (max-width: 40.063em) {

.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;}	
}

/* Hero Banner */

.fv5 .herobanner.HP_Z240_Tower_Workstation_hero_banner{background:url(/wcsstore/hpusstore/Treatment/HP_Z240_Tower_Workstation_hero_banner.jpg) no-repeat top center; height:501px;background-size:cover  !important;}
.fv5 .herobanner.HP_Z240_Tower_Workstation_hero_banner .heroText{margin:0;margin:5% 0 5% 0; padding-right:8%}
.fv5 .btn-ms-Hero_border{background-color:#d7410b; color:#FFF; display: inline-block; font-size:16px; font-weight:nomal; padding:12px 30px;  white-space:nowrap; border:1px solid #d7410b;border-radius:3px;}
.fv5 .btn-ms-Hero_border:hover{background-color:#fff; text-decoration:none !important; border:1px solid #d7410b; color:#d7410b;}
.fv5 .textNewColor{color:#c8932b !important;}
.fv5 .pricing{font-size:20px; font-weight:100;}

/* Gallery */

.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/BlueRightArrow.png)!important;background-repeat: no-repeat!important;}
.fv5 .orbit-container .orbit-prev {background-image: url(/wcsstore/hpusstore/Treatment/BlueLeftArrow.png)!important;background-repeat: no-repeat!important;}

/* Ksp 1 */

.fv5 .HP_Z240_Tower_Workstation_q4fy16_Ksp1{background:url(/wcsstore/hpusstore/Treatment/HP_Z240_Tower_Workstation_next_level.jpg) no-repeat center 0; height:600px;}
.fv5 .HP_Z240_Tower_Workstation_q4fy16_Ksp1 h3 {margin:0; padding:0}
.fv5 .HP_Z240_Tower_Workstation_q4fy16_Ksp1 h3 span{background:url(/wcsstore/hpusstore/Treatment/HP_Z240_Tower_Workstation_next_level.jpg) no-repeat center -24px;}
.fv5 .HP_Z240_Tower_Workstation_q4fy16_Ksp1 p.sectionHeadingPara{margin:10px 15%!important}
.fv5 .HP_Z240_Tower_Workstation_q4fy16_Ksp1 .hero-text{padding-top:5%;}
.fv5 .HP_Z240_Tower_Workstation_q4fy16_Ksp1 .newSectionHeading{border-bottom:1px solid #fff; color:#fff;}
.fv5 .HP_Z240_Tower_Workstation_q4fy16_Ksp1 h2{font-size:32px; margin-bottom:0; padding-bottom:0;}
.fv5 .HP_Z240_Tower_Workstation_q4fy16_Ksp1 p{padding-top:10px; padding-bottom:20px}
.fv5 .HP_Z240_Tower_Workstation_q4fy16_Ksp1 .heroText{margin:5% 0}
.fv5 .HP_Z240_Tower_Workstation_q4fy16_Ksp1 .heroText.dark h2, .fv5 .herobanner .heroText.dark h3, .fv5 .herobanner .heroText.dark p, .fv5 .herobanner .heroText.dark span{color:#000!important}

/* Ksp 2 */

.fv5 .HP_Z240_Tower_Workstation_q4fy16_Ksp2{background:url(/wcsstore/hpusstore/Treatment/HP_Z240_Tower_Workstation_clean_banner.jpg) no-repeat center 0; height:600px;}
.fv5 .HP_Z240_Tower_Workstation_q4fy16_Ksp2 h3 {margin:0; padding:0}
.fv5 .HP_Z240_Tower_Workstation_q4fy16_Ksp2 h3 span{background:url(/wcsstore/hpusstore/Treatment/HP_Z240_Tower_Workstation_clean_banner.jpg) no-repeat center -24px;}
.fv5 .HP_Z240_Tower_Workstation_q4fy16_Ksp2 .hero-text{padding-top:5%;}
.fv5 .HP_Z240_Tower_Workstation_q4fy16_Ksp2 .newSectionHeading{border-bottom:1px solid #fff; color:#fff;}
.fv5 .HP_Z240_Tower_Workstation_q4fy16_Ksp2 h2{font-size:32px; margin-bottom:0; padding-bottom:0;}
.fv5 .HP_Z240_Tower_Workstation_q4fy16_Ksp2 p{padding-top:10px; padding-bottom:20px}
.fv5 .HP_Z240_Tower_Workstation_q4fy16_Ksp2 .heroText{margin:5% 0}
.fv5 .HP_Z240_Tower_Workstation_q4fy16_Ksp2 .heroText.dark h2, .fv5 .herobanner .heroText.dark h3, .fv5 .herobanner .heroText.dark p, .fv5 .herobanner .heroText.dark span{color:#000!important}

/*You might interested*/

.fv5 .mightBeInterestedIn h3{font-size:24px; font-weight:100;margin-top: 20px;min-height:50px;margin-bottom: 20px!important;}
.fv5 .mightBeInterestedIn p{font-size:18px; font-weight:100; line-height:22px;}
.fv5 .mightBeInterestedIn .mightBeInterestedInbtn{padding:12px 35px; font-size:16px; color:#0088d3; display:inline-block; border:1px solid #0287d2; border-radius:3px;}
.fv5 .mightBeInterestedIn .mightBeInterestedInbtn:hover{color:#006490;text-decoration:none; border:1px solid #006490;}

@media only screen and (max-width: 60em) {
	.fv5 .herobanner.HP_Z240_Tower_Workstation_hero_banner .heroText{margin:5% 0; background:rgba(255,255,255,0.7); padding:3%;}
	.fv5 .herobanner.HP_ProBook450_q4fy16_Ksp4 .s2{margin-top:5% !important;}
}

@media only screen and (max-width: 886px) {
	.fv5 .herobanner.HP_Z240_Tower_Workstation_hero_banner .heroText{margin:5% 0; background:rgba(255,255,255,0.7); padding:3%;}
	.fv5 .herobanner.HP_ProBook450_q4fy16_Ksp4 .s1{margin-top:5% !important;}
	.fv5 .herobanner.HP_ProBook450_q4fy16_Ksp4 .s2{margin-top:2% !important;}
}

@media only screen and (max-width: 50em) {
	.fv5 .herobanner.HP_Z240_Tower_Workstation_hero_banner .heroText{margin:5% 0; background:rgba(0, 0, 0, 0.4); padding:3%;}
	.fv5 .section-container > section > .title a, .fv5 .section-container > .section > .title a, .fv5 .section-container.auto > section > .title a.padleft10px{padding-left:10px!important}
	.fv5 .mightBeInterestedIn .columns{text-align: center;}
	
}

@media only screen and (max-width: 30em) {
	.fv5 .herobanner.HP_Z240_Tower_Workstation_hero_banner .heroText{margin:5% 0; background:rgba(0, 0, 0, 0.4); padding:3%;}
	.fv5 .herobanner.HP_Z240_Tower_Workstation_q4fy16_Ksp2{background-size:cover; height:auto}
	.fv5 .small-7{width: 100%;}
	.fv5 .HP_ProBook450_q4fy16_Callout .prdtImg{height:auto;}
	.fv5 .HP_ProBook450_q4fy16_Callout .prdtImg {min-height: 320px !important;}
	.fv5 .herobanner.HP_ProBook450_q4fy16.bannerForSmall h3{font-size:32px !important;line-height:32px !important;}
	.fv5 .section-container > section > .title a, .fv5 .section-container > .section > .title a, .fv5 .section-container.auto > section > .title a.padleft10px{padding-left:10px!important}
}

@media only screen and (max-width: 1000px) {
	.fv5 .herobanner.HP_Z240_Tower_Workstation_hero_banner .heroText{margin:5% 0; background:rgba(255,255,255,0.7); padding:3%;}
	.fv5 .herobanner.HP_Z240_Tower_Workstation_q4fy16_Ksp1 .heroText{margin:5% 0; background:rgba(0, 0, 0, 0.7); padding:3%;}
	.fv5 .herobanner.HP_Z240_Tower_Workstation_q4fy16_Ksp2 .heroText{margin:4% 0; background:rgba(0, 0, 0, 0.7); padding:1% 3%;}
	.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;}
}

@media only screen and (max-width: 641px) {
	.fv5 .mightBeInterestedIn h3{min-height:auto;}
	.fv5 .orbit-container .orbit-prev, .orbit-container .orbit-next{margin-top:200px !important;}
	.fv5 .HP_ProBook450_q4fy16_Callout .prdtImg {min-height: 420px;}
	.fv5 .HP_ProBook450_q4fy16_Callout .orbit-container .orbit-slides-container img {float:none;border:none;padding-right:0 !important;}
	.fv5 .HP_ProBook450_q4fy16_Callout .calloutOrbitText {text-align:center}
	.fv5 .herobanner.HP_ProBook450_q4fy16_Ksp4 .s1{margin-top:0 !important;text-align:center !important;}
	.fv5 .herobanner.HP_ProBook450_q4fy16_Ksp4 .s2{margin-top:0 !important;text-align:center !important;}
	.fv5 .herobanner.HP_ProBook450_q4fy16_Ksp4 .s3{margin-top:0 !important;text-align:center !important;margin:0 auto !important;float:none !important}
	.fv5 .herobanner.HP_ProBook450_q4fy16_Ksp4 .s1 h4{margin-top:20px;}
	.fv5 .herobanner.HP_ProBook450_q4fy16_Ksp4 .s2 h4{margin-top:20px;}
}