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

.foundation5 p._14, .foundation5 .boxborder p{font-size:14px; line-height:18px}
.foundation5 p{font-size:16px; color:#767676}
.foundation5 .marginbot15{margin-bottom:15px}
.foundation5 .price span{line-height:30px}
.foundation5 .price .amount sup{ position:relative; vertical-align:baseline; bottom:8px; font-size:70%}

.foundation5 .compareTable.prodCol3 td{width:30%!important;}
.foundation5 .compareTable.prodCol3 td:first-child{ width:10%!important;}
.foundation5 .compareTable.prodCol2 td{width:40%;}
.foundation5 .compareTable.prodCol2 td:first-child{ width:20%;}
.foundation5 .compareTable.prodCol4 td{width:22%!important;}
.foundation5 .compareTable.prodCol4 td:first-child{ width:12%!important;}


.foundation5 .arrow_link{font-weight:normal}
.foundation5 .footNote-hpe p{font-size: 11px;}
.foundation5 .footNote-hpe ol {margin: 0 15px}
.foundation5 .noborder{border:none; margin-top:0}
.foundation5 .boxborder h4{margin:10px 15px;}
.foundation5 .boxborder p{margin:10px 15px 15px 15px;}
.foundation5  .top70{	margin:70px 0;}
.galleryvideo{ height:400px}

/*New styles for Ann pages*/

.foundation5 .herobanner h1{font-size:24px; font-weight:bold; font-family:"HPSimplified", Arial!important;}
.foundation5 .herobanner h2{font-size:36px; padding:0}
.foundation5 .herobanner p{color:black; margin-bottom:40px}
.foundation5 .btn{padding:0 20px; color:white;}
.foundation5 .btn:hover{text-decoration:none}
.foundation5 .headingh2{text-align:center; margin:20px; font-size:42px; line-height:48px}

.foundation5 .orbit-container .orbit-slides-container > *{padding:0}
.foundation5 .orbit-container .orbit-slides-container img{margin:auto}
.foundation5 .reveal-modal{padding:0}
.foundation5 .orbit-container .orbit-prev, .foundation5 .orbit-container .orbit-next{height:70px;}
.foundation5 .orbit-container .orbit-next{right:-10px}

.foundation5 .entCallouts{position:absolute;}
.foundation5 .entCallouts h3{font-size:32px; line-height:32px; font-weight:100}
.foundation5 .entCallouts p{color:#787779; width:320px}

.foundation5 .productFeature img{float:left; margin:-10px 20px 50px 0}
.foundation5 .productFeature.envyDesktop img{float:left; margin:0 20px 50px 0}
.foundation5 .productFeature h3{font-size:30px; line-height:32px;}
.foundation5 .productFeature.pavAioProd img{float:none; margin:0 20px 20px 0}
.foundation5 .productFeature.pavAioProd li{text-align:center}

.foundation5 .newCalloutBg{background:url(/wcsstore/hpusstore/Treatment/ann_pavx360_callout_1920x700.jpg) center 30px no-repeat; height:820px; position:relative}

.foundation5.envyDesktop .calloutsection{background:url(/wcsstore/hpusstore/Treatment/ann_envyDesktop_callout_1920x804_1.jpg) center top no-repeat #eaeaea; height:804px}
.foundation5.envyDesktop .calloutsection.pavDesktop{background:url(/wcsstore/hpusstore/Treatment/ann_pavDesktop_calout_1920x883.jpg) center top no-repeat #eaeaea; height:883px}
.foundation5.envyDesktop .calloutsection h3{font-size:32px}

.foundation5.envyDesktop .mdaTagline{padding:20px 0; font-weight:bold}

.foundation5 .pavAiO-callout{background:url(/wcsstore/hpusstore/Treatment/ann_pavAiO_callout_1920x982.jpg) center 80px no-repeat; height:982px; clear:both}
.foundation5 .pavAiO-callout .pavAio-callout-text{ float:right; margin-top:200px; text-align:left; width:29%}

.foundation5 .edgetoedge{background:url(/wcsstore/hpusstore/Treatment/ann_pavAiO_edgetoedge_1920x936.jpg) center top no-repeat; height:936px; clear:both}
.foundation5 .edgetoedge .sectionHeading span{background:url(/wcsstore/hpusstore/Treatment/ann_pavAiO_edgetoedge_1920x936.jpg) center -100px no-repeat;}
.foundation5 .edgetoedge-text{ text-align:left;}
.foundation5 .edgetoedge-text h3{margin:15px 0}

.foundation5 .leftSideImages{float:left; margin:-10px 20px 50px 0}
.foundation5 .sideMargin h3, .foundation5 .sideMargin p{margin:20px}
.reveal-modal .orbit-container ul li{height:600px}

.foundation5 .newSectionHeading {clear: both; text-align: center; width: 100%; margin: 20px auto; border-bottom:1px solid #000; height:34px}
.foundation5 .newSectionHeading span {font-size: 36px; line-height: 42px; font-weight: 100; background-color: #fff; padding: 0 20px;}


@media only screen and (max-width: 64.063em) {
.foundation5 .forSmallNoBg{background:none!important;  height:auto}
.foundation5 .forSmall{position:relative!important; top:auto!important; left:auto!important; right:auto!important; width:98%; float:left; margin:0 0 20px 10px; padding:20px; border:1px solid #ccc}
.foundation5.envyDesktop .calloutsection{background-image:none; height:auto; padding-bottom:60px}
.foundation5 .pavAiO-callout{height:auto; background:none}
.foundation5 .pavAiO-callout h3{height:auto; margin:20px 0; background:#fff; padding:10px 15px; text-align:center; border:1px solid #f1f1f1}
.foundation5 .pavAiO-callout .pavAio-callout-text{ float:none; margin-top:30px; opacity:.95; width:100%}
.foundation5 .edgetoedge{height:auto; padding-bottom:100px}
.foundation5 .edgetoedge-text{margin:20px 0; background:#fff; padding:15px; border:1px solid #f1f1f1; opacity:.8;}

.foundation5 .column, .foundation5 .gallery .column{padding:0}
.foundation5 .gallery .column .th img{width:100%;}
.foundation5 .gallery .th{margin:2px}
.foundation5 .gallery .row .row{margin:0}

.foundation5 .leftSideImages{float:none; margin:0 0 20px 0}
.reveal-modal .orbit-container ul li{height:450px}
}
@media only screen and (max-width: 40em) {
.reveal-modal .orbit-container ul li{height:350px}
}