@charset "utf-8";
/* CSS Document */

.fv5 .floatingBox{position:absolute; top:10%; left:0; width:360px}
.fv5 .floatingBox h3{font-size:26px;}
.fv5 .calloutOrbit{width:84%; margin:auto}
.fv5 .calloutOrbit h4{line-height:32px;color:#FFF !important;}
.fv5 .calloutOrbitText{margin-top:4%;text-align:center;}

/*.fv5 .calloutBullets {width:26%; top:0; margin:30px auto 0 auto}*/
.fv5 .calloutBullets {width:200px; top:0; margin:30px auto 0 auto}
.fv5 .calloutBullets li{float:left; padding:10px; margin:0 5px; cursor:pointer; background-color:#eee; width:30px; height:30px; border-radius:30px }
.fv5 .calloutBullets li.active{background-color:#9b8e55}
.fv5 .calloutOrbit img{float:right; border-right:1px solid #ccc; padding-right:15px}

.fv5 .calloutBulletsTop li.callbtn{cursor:pointer; background-color:#eee; width:36px; height:36px; border-radius:36px; position:absolute}
.fv5 .calloutBulletsTop li.callbtn.active{background-color:transparent; background:url(/wcsstore/hpusstore/Treatment/EliteBookFolio_q3fy16_calloutBullet_active.png) no-repeat 0 0; width:36px; height:36px}

.fv5 .herobanner.EliteBookFolio_q3fy16{background:url(/wcsstore/hpusstore/Treatment/EliteBookFolio_q3fy16_HeroBanner.jpg) no-repeat top center; height:500px;}
.fv5 .herobanner.EliteBookFolio_q3fy16_Ksp2{background:url(/wcsstore/hpusstore/Treatment/EliteBookFolio_q3fy16_ksp2_bg.jpg) no-repeat top center; height:584px;}

.fv5 .btn-ms-Hero_border{background: none; color:#9b8e55; display: inline-block; font-size:16px; font-weight:nomal; padding:12px 50px;  white-space:nowrap; border:1px solid #9b8e55;border-radius:3px;}
.fv5 .btn-ms-Hero_border:hover{background:none; text-decoration:none !important; border:1px solid #c4b780; color:#c4b780;}
.fv5 .btn-ms-Hero_Whiteborder{background: none; color:#fff; display: inline-block; font-size:16px; font-weight:nomal; padding:15px 35px;  white-space:nowrap; border:1px solid #fff; border-radius:3px;}
.fv5 .btn-ms-Hero_Whiteborder:hover{background:none; text-decoration:none !important; border:1px solid #f3f3f3; color:#f3f3f3;}

.fv5 .textNewColor{color:#9b8e55 !important;}

.fv5 .kspBanner.EliteBookFolio_q3fy16{background:url(/wcsstore/hpusstore/Treatment/EliteBookFolio_q3fy16_sprite_icons.jpg) no-repeat center 160px; height:990px}
.fv5 .ksp-tabs.EliteBookFolio_q3fy16{margin-top:60px !important;}
.fv5 .ksp-tabs .large-12{text-align:center;}
.fv5 .ksp-tabs .content h4{padding:10px 50px 0;}
.fv5 .ksp-tabs .title-tabIcon.icon5{background-position: -444px top !important;} 
.fv5 .ksp-tabs .active .title-tabIcon.icon5{background-position: -444px bottom !important;}

/*TaBed KSP common css*/
.fv5 .ksp-tabs a:hover{ text-decoration:none}
.fv5 .section-container.auto > section > .title, .fv5 .section-container.auto > .section > .title, .fv5 .section-container.auto > section.active > .title, .fv5 .section-container.auto > .section.active > .title{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{font-size:1em}
.fv5 .ksp-tabs{margin:30px 0!important;}
.fv5 .ksp-tabs .content{margin:0; padding:25px 0!important; border-top:1px solid #c1c1c1; border-bottom:none!important;  border-left:none!important;  border-right:none!important;}
.fv5 .ksp-tabs .content h4{font-size:30px!important; line-height:30px; padding:35px 0 0;}
.fv5 .ksp-tabs .content p{font-size:16px!important; padding:0; padding-top:0}

.fv5 .CESAwards .cesBox{background-color:#f2f2f2; padding:10%; min-height:320px}
.fv5 .CESAwards .cesBox .cesimgBox{height:75px; text-align:left}
.fv5 .CESAwards .cesBox .cesimgBox img{margin:0}
.fv5 .CESAwards .cesBox h4{line-height:24px; font-size:22px}
.fv5 .CESAwards .cesBox p{font-size:14px; line-height:18px; padding-bottom:10px}
.fv5 .CESAwards .cesBox a{font-size:14px}
.fv5 .CESAwards .orbit-bullets{top:40px; width:60px}
.fv5 .CESAwards .orbit-bullets li{width:15px; height:15px}

.fv5 .bodyCenterContent .ExtremeTestEachBorder{border:1px solid #ccc; display:table;; margin:15px 0; background:#FFF;}
.fv5 .bodyCenterContent .ExtremeContentDiv{float:left; width:100%; padding:5% 8%;}
.fv5 .bodyCenterContent .ExtremeContentDiv h3{font-size:30px; line-height:38px; margin-bottom:5px;}
.fv5 .bodyCenterContent .ExtremeContentDiv p{font-size:16px; line-height:22px; color:#000;}
.fv5 .bodyCenterContent .ExtremeContentDiv img{margin:20px 0;}
.fv5 .extremeTest .column {padding: 0.5rem;}
.fv5 .extremeTest .column .innerpad{padding:20px; background-color:white;}
.fv5 .extremeTest .column .innerpad{font-size:14px}

.fv5 .extremeTest.EliteBookFolio_q3fy16{background:url(/wcsstore/hpusstore/Treatment/EliteBookFolio_q3fy16_ExtremeTest_bg.jpg) no-repeat top center; height:775px;}
.fv5 .extremeTest.EliteBookFolio_q3fy16 .newSectionHeading span{background:url(/wcsstore/hpusstore/Treatment/EliteBookFolio_q3fy16_ExtremeTest_bg.jpg) no-repeat center -100px;}
.fv5 .extremeTest.EliteBookFolio_q3fy16 .newSectionHeading.dark span {color:#fff}
.fv5 .newSectionHeading.dark {border-bottom: 1px solid #fff;}

.fv5 .EliteBookFolio_q3fy16_Callout{background:url(/wcsstore/hpusstore/Treatment/EliteBookFolio_q3fy16_Callout_bg_n.jpg) no-repeat top center; height:899px;}
.fv5 .EliteBookFolio_q3fy16_Callout .newSectionHeading span{background:url(/wcsstore/hpusstore/Treatment/EliteBookFolio_q3fy16_Callout_bg_n.jpg) no-repeat center -25px;}
.fv5 .EliteBookFolio_q3fy16_Callout .newSectionHeading.dark span {color:#fff}
.fv5 .EliteBookFolio_q3fy16_Callout .orbit-container{background-color:transparent !important;}
.fv5 .EliteBookFolio_q3fy16_Callout .prdtImg{height:555px;}

.fv5 .DedicatedSupportBanner{background:url(/wcsstore/hpusstore/Treatment/EliteBookFolio_q3fy16_dedicatedsupport_bg.jpg) no-repeat center top / cover; height:auto; min-height:450px; margin:35px 0}
.fv5 .DSPContentArea{margin-top:10%; float:right;}

.fv5 .ebArrowLinkBG{background:url(/wcsstore/hpusstore/Treatment/smb_LinkArrow.png) no-repeat; display:inline-block; margin:20px 0 15px; padding-left:30px; color:#000; line-height:20px;}
.fv5 .ebArrowLinkBG:hover{color:#0096d6 !important;}


@media only screen and (min-width: 50em) {
.fv5 .ksp-tabs.EliteBookFolio_q3fy16 .title-tabIcon{background:url(/wcsstore/hpusstore/Treatment/EliteBookFolio_q3fy16_sprite_icons.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 .ksp-tabs .title-tabIcon.icon5{background-position: -444px top !important;} 
.fv5 .ksp-tabs .active .title-tabIcon.icon5{background-position: -444px bottom !important;} 

.fv5 .section-container.auto > section > .title, .fv5 .section-container.auto > .section > .title{border:4px solid #fff!important; border-bottom:none!important; background:url(/wcsstore/hpusstore/Treatment/smb_tabs-active-noarrow_200x24.jpg) no-repeat center bottom #eaeaea!important; width:163px; height:164px; 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/smb_tabs-active-arrow_200x24.jpg) no-repeat center bottom #0098d7!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:#8f9092; padding-top:0;}
.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:#fff;}
.fv5 .section-container.auto > section .content, .fv5 .section-container.auto > .section .content{top:-1px}

}

@media only screen and (max-width: 50em) {
	.fv5 .floatingBox{background:rgba(255,255,255,0.7); padding:20px; top:5%; }
	.fv5 .floatingBox h3{font-size:26px!important}
	.fv5 .calloutBullets li{width:15px; height:15px; border-radius:15px; margin:0 5px}
	
	.fv5 .herobanner.EliteBookFolio_q3fy16 .heroText{margin:5% 0; background:rgba(25,25,25,.8); padding:5%;}
	.fv5 .section-container > section.active > .title, .fv5 .section-container > .section.active > .title, .fv5 .section-container.auto > section.active > .title, .fv5 .section-container.auto > .section.active > .title{background: #0096d6; font-size:16px!important}
	.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:white!important; transition:none}

.fv5 .section-container.auto > section > .title:first-child{margin-left:0px}
	
}

@media only screen and (min-width:60em) {
.fv5 .section-container.auto > section > .title:first-child{margin-left:11%}
.fv5 .ksp-tabs.EliteBookFolio_q3fy16 .contentPadding{padding-top:3%;}

}

@media only screen and (max-width: 40em) {
	.fv5 .calloutBullets {width:150px;/*width:32%;*/}
	.fv5 .calloutOrbitText{margin-top:0; padding-left:0; border-left:none; text-align:center}
	.fv5 .calloutOrbit img{float:none; border:none; margin:auto}
}
@media only screen and (max-width: 30em) {
	.fv5 .calloutBullets {width:150px;/*width:42%;*/}
	.fv5 .EliteBookFolio_q3fy16_Callout .prdtImg{height:525px;}
}

@media only screen and (max-width: 380px) {
	.fv5 .EliteBookFolio_q3fy16_Callout .prdtImg{height:475px;}
}

@media only screen and (min-width: 801px) {
	.fv5 .calloutBullets {width:200px;}
}

@media only screen and (max-width: 1000px) {
.show-for-1000{display:none}
}

@media only screen and (max-width: 40.063em){
	.fv5 .CESAwards .cesBox{background-color:#f2f2f2; padding:5%; min-height:auto}
	.fv5 .CESAwards .cesBox .cesimgBox{height:auto; padding-bottom:10px}
	.fv5 .calloutBullets {width:150px;/*width:42%;*/}
}

@media only screen and (max-width: 64em) {
.fv5 .extremeTest.EliteBookFolio_q3fy16{background:url(/wcsstore/hpusstore/Treatment/EliteBookFolio_q3fy16_ExtremeTest_bg.jpg) no-repeat top center; height:775px;background-size:cover;}
.fv5 .bodyCenterContent .ExtremeTestEachBorder{margin:15px 30px}
.fv5 .bodyCenterContent .ExtremeImageDiv img{width:100%;}
.fv5 .extremeTest{height:auto!important}
.fv5 .newSectionHeading.ksp span, .fv5 .extremeTest .newSectionHeading span{background:none!important}
.fv5 .newSectionHeading.dark {border-bottom:none;}
.fv5 .calloutBullets {width:200px;/*width:32%;*/}
}

/*Exact small*/
@media only screen and (max-width: 51.25em) {
.fv5 .bodyCenterContent .ExtremeTestEachBorder{margin:15px 0}
.fv5 .bodyCenterContent .ExtremeImageDiv{width:40%;}
.fv5 .bodyCenterContent .ExtremeContentDiv{width:100%;}
.fv5 .extremeTest.EliteBookFolio_q3fy16{background:url(/wcsstore/hpusstore/Treatment/EliteBookFolio_q3fy16_ExtremeTest_bg.jpg) no-repeat top center; height:775px;background-size:cover;}
.fv5 .calloutBullets {width:150px;/*width:42%;*/}
}

@media only screen and (max-width: 35em){
.fv5 .bodyCenterContent .ExtremeImageDiv, .fv5 .bodyCenterContent .ExtremeContentDiv{ float:none; width:100%;}
}

