@charset "UTF-8";
/* CSS Document */
#content {
	background: url("/wcsstore/HPStorefrontAssetStore/img/full-bgw.png") no-repeat scroll center -152px rgba(0, 0, 0, 0);
	position:relative;
}


h1, h2, h3 {margin-top:0; margin-bottom:0;}
	
h1 {
	font-weight:100;
	font-size:2.5em;
	line-height:1em;
}
h2 {
	font-weight:100;
	font-size:2em;
	line-height:1em;
}
h3 {
	font-weight:normal;
	line-height:1.6em;
}

#page_title .partner_endorsement {
text-align: right;
font-weight: bold;
margin-bottom: 0em;
padding: 0.8334em;
margin-right: -0.8334em;
line-height: 1.125;
font-size: 0.75em
}
#page_title .intelarea{margin-top: 0.625em; margin-bottom:0.3125em; text-align: right;}
#page_title .intelarea p {
	display:inline-block;
	margin-bottom: 0em;
	line-height:1.142;
	font-size: 0.875em;
	color: #767676;
	vertical-align: bottom;
	padding-bottom: 0.625em;
	margin-right: 5px;
}
#page_title .intelarea img{width: 100px;}
#page_title .intelarea + .partner_endorsement + h1 {margin-top: -1.75em;}

h1 span {font-size:.5em; color:#767676;}
h1 span strong{color:#000000;}

section#select h3 {float: left; margin-right:23px;}

/*Tabs*/ 
#tabs {margin-top:10px;}
#tabs .container { color: #767676; font-size: 1em; font-style: normal; font-weight: normal; line-height: 1; border-bottom: 1px solid #CCCCCC; }
#tabs ul { list-style: none outside none; margin: 0; padding: 0px 15px; }
#tabs li:first-child { margin-left: 0; margin-right:70px;}
#tabs li { cursor: pointer; display: inline-block; height: 39px; line-height: 44px; margin: 0 15px; font-size:1.2em;}
#tabs li:hover { color: #000000; }
#tabs .selected { border-bottom: 4px solid #0096D6; color: #000000; }

#select {margin-top:10px; padding-bottom: 10px;}
#select >.row >.columns {padding:0px 15px;}
	
.ui-widget-header {
    background: none repeat scroll 0 0 #5A5A5A;
    border: medium none;
    color: #444444;
    font-weight: bold;
}
.ui-widget-content {
    background: none repeat scroll 0 0 #c5c5c5;
    border: medium none;
}
.ui-slider-horizontal {
    height: 4px;
	width:137px;
	margin-bottom:10px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 1000px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 1000px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 1000px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 1000px;
}
.ui-slider .ui-slider-handle {
    height: 14px;
    width: 14px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none repeat scroll 0 0 #1183CC;
    border: medium none;
}

.prices {float:left;}
#min_price {float:left;}
#max_price {
    float: right;
    margin-right: 47px;
}
.facet_column {width:200px; float:left; padding-top:15px;}
#filters label {
    display: inline;
}
.filter_checkbox .box {
    background: url("/wcsstore/HPStorefrontAssetStore/img/filters-check.png") no-repeat scroll left 0;
    float: left;
    height: 17px;
    margin-right: 6px;
    width: 17px;
}
.filter_checkbox:hover .box {
    background-position: left 0px;
}
.filter_checkbox.chkd .box {
    background-position: left -20px;
}
.filter_checkbox.chkd:hover .box {
    background-position: left -20px;
}
.filter_checkbox {
    cursor: pointer;
    display: inline-block;
	padding-bottom:12px;
}
.filter_checkbox .text {
    display: inline-block;
    float: left;
    font-size: 1em;
}
span.facet_category {display:block; font-size:1em; font-weight:bold;}
#price .options,.facet_set {
    margin-top: 17px;
}
#slider-range {
    margin-left: 10px;
}


.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.facets_visibility_controls {display:none; padding-bottom:10px; padding-left:15px; padding-right:15px;}
.facets_visibility_controls a {color:#000; font-size:.75em; margin-right:20px;}
.facets_visibility_controls a:hover {color:#0096d6;}
.facets_visibility_controls a._filters_not_visible {color:#cccccc; cursor:default;}
a.facets_visibility {background: url("/wcsstore/HPStorefrontAssetStore/img/sprite_mobile_2-3.png") no-repeat scroll 0 -45px; padding-left:25px;}
a.facets_visibility._not_visible {background: url("/wcsstore/HPStorefrontAssetStore/img/sprite_mobile_2-3.png") no-repeat scroll 0 -65px;}
#facets_controls {background:#f2f2f2; padding-bottom:20px; display:none;}
#facets_controls >.row >.columns {padding:0px 15px;}
#screen_size{width:140px;}
#usage {width:219px;}
#price {width:200px; padding-top:15px}
#operating_system {width:180px;}
#facets_controls [class*="column"] + [class*="column"]:last-child {
    float: left;
}
.facet_set .morelink {color:#0096D6; display:none;}
.facet_set .morelink:hover {color:#006699;}
.filter_checkbox + .clear + .filter_checkbox + .clear + .filter_checkbox + .clear + .filter_checkbox + .clear +.filter_checkbox {display:none;}
.filter_checkbox + .clear + .filter_checkbox + .clear + .filter_checkbox + .clear + .filter_checkbox + .clear +.filter_checkbox + .clear + .morelink {display:inline-block;}

.ddHolder{ z-index: 10; display:inline-block; }
.pagination-results-label { display: block; float: left; }
.ddHolder { position: relative; font: normal normal 14px "HPSimplified", Arial, Helvetica, sans-serif; color: #000; height: 36px; }
.ddSelector { position: absolute; top: 0; left: 0; background: white url("/wcsstore/HPStorefrontAssetStore/img/selectbox-default.png") no-repeat right top; border: solid 1px #ccc; width: 175px; height: 36px; text-indent: 8px; overflow: hidden; line-height: 34px; cursor: pointer; }
.ddSelector:hover { border: solid 1px #5a5a5a; }
.ddSelector img { margin-right: 8px; }
.ddSelectorFocus { border: solid 1px #5a5a5a; background: white url("/wcsstore/HPStorefrontAssetStore/img/selectbox-hover.png") no-repeat right top; }
.ddOptions { position: absolute; top: 35px; left: 0; width: 175px; display: none; background: #fff; border-left: solid 1px #5a5a5a; border-right: solid 1px #5a5a5a; border-bottom: solid 1px #5a5a5a; overflow: auto; }
.ddOptions ul { padding: 0; margin: 0; }
.ddOptions li { display: block; border-top: solid 1px #ccc; height: 34px; text-indent: 8px; cursor: pointer; line-height: 34px; overflow: hidden; }
.ddOptions li:hover { background: #0096d6; color: #fff; }
.ddOptions img { margin-right: 8px; }

.helpmechoose_btn_area {float: right; margin-right: -15px; margin-top: 5px; display:none;}
.helpmechoose_btn_area .helpmechoosebtn.btn {background: url("/wcsstore/HPStorefrontAssetStore/img/helpmechoose_printer.png") no-repeat scroll 15px center #767676; padding-right: 15px; padding-left:50px;}
.helpmechoose_btn_area .helpmechoosebtn.btn:hover {background-color:#B9B8BB;}

.morefilteroptionarea {
	display:none;
	background-color: transparent;
	z-index: 15000;
	position: absolute;
	top:50px;
	width: 100%;
}
.morefilteroptionarea .contextarea{
	width:550px;
	background-color: rgb(255,255,255);
	margin: 0em auto;
	border: solid 1px #CCCCCC;
	padding: 1.875em;
}
.morefilteroptionarea .contextarea .headerarea {border-bottom: 1px solid #CCCCCC;}
.morefilteroptionarea .contextarea .headerarea p{font-size:1.5625em; font-weight:100; margin-bottom:0.4em;}
.morefilteroptionarea .contextarea .filteroptionarea{margin:0.625em 0em 1.25em;}
.morefilteroptionarea .contextarea .filteroptionarea .column1, .morefilteroptionarea .contextarea .filteroptionarea .column2 {
	width:50%;
	float:left;
	padding-right: 10px;
}
.morefilteroptionarea .contextarea .filter_checkbox + .clear + .filter_checkbox + .clear + .filter_checkbox + .clear + .filter_checkbox + .clear +.filter_checkbox {display:inline-block;}
.morefilteroptionarea .buttonsarea {text-align:right;}
.morefilteroptionarea .btn {margin-left:0.625em;}
.morefilteroptionarea .btn.graybtn {background-color:#8A8A8A;}

#select_product_category {margin-top:3px;}

/* Pagination */
.pag_back, .pag_forward{ border: 2px solid #ccc; width:25px; height:26px; display: block; }
.pag_back{margin-right: 1px;}
.pag_back, .pag_forward,  .paging_cnt, .pag_arrows {float: left}
.paging_cnt { display: inline-block; margin-right: 10px; height: 26px; line-height: 26px; font-size: 14px; color: #000 } 
.pag_back:hover, .pag_forward:hover,.pag_back:focus, .pag_forward:focus{border-color: #767676} 
.icn_pag_back, .icn_pag_forward{background: transparent url("/wcsstore/HPStorefrontAssetStore/img/s-31px-hpe.png") no-repeat; margin-top:5px; height:26px; overflow: hidden; display: block; width:25px; }
.icn_pag_forward  {background-position: left -666px}
.icn_pag_back  {background-position: left -630px}
.pag_forward:hover .icn_pag_forward,.pag_forward:focus .icn_pag_forward  {background-position: left -738px}
.pag_back:hover .icn_pag_back,.pag_back:focus .icn_pag_back  {background-position: left -702px}
.icn_pag_forward{margin-left:8px; margin-right: -17px;}
.icn_pag_back{margin-left:7px; margin-right: -16px;}
.disabled_back .pag_back{cursor:default; background: #f2f2f2}
.disabled_back .icn_pag_back, .disabled_back .pag_back:hover .icn_pag_back, .disabled_back .pag_back:focus .icn_pag_back  {background-position: left -774px;}
.disabled_back .pag_back:hover,.disabled_back .pag_back:focus{border-color: #ccc}
.disabled_back .pag_forward:hover,.disabled_back .pag_forward:focus{border-color: #767676}
.disabled_forward .pag_forward{cursor:default; background: #f2f2f2}
.disabled_forward .icn_pag_forward, .disabled_forward .pag_forward:hover .icn_pag_forward , .disabled_forward .pag_forward:focus .icn_pag_forward  {background-position: left -810px;}
.disabled_forward .pag_forward:hover,.disabled_forward .pag_forward:focus{border-color: #ccc}
.disabled_forward .pag_back:hover,.disabled_forward .pag_back:focus{border-color: #767676}
.disabled_both .paging_cnt{color:#9b9b9b}
.disabled_both .pag_back,
.disabled_both .pag_forward{cursor:default; background: #f2f2f2}
.disabled_both .icn_pag_back, .disabled_both .pag_back:hover .icn_pag_back, .disabled_both .pag_back:focus .icn_pag_back  {background-position: left -774px;}
.disabled_both .icn_pag_forward, .disabled_both .pag_forward:hover .icn_pag_forward, .disabled_both .pag_forward:focus .icn_pag_forward  {background-position: left -810px;}
.disabled_both .pag_forward:hover,
.disabled_both .pag_back:hover, .disabled_both .pag_forward:focus,
.disabled_both .pag_back:focus{border-color: #ccc}

/* horizontal paginations*/
.paging_horiz a{ display: block; float:left; width:31px; margin-right: -9px; height:36px; background: transparent url("/wcsstore/HPStorefrontAssetStore/img/s-31px-hpe.png") no-repeat;}
.paging_horiz .pag_hor_back{background-position: left -270px}
.paging_horiz .pag_hor_forward{background-position: left -330px}
.paging_horiz .pag_hor_back:hover,.paging_horiz .pag_hor_back:focus{background-position: left -390px}
.paging_horiz .pag_hor_forward:hover,.paging_horiz .pag_hor_forward:focus{background-position: left -450px}
.disabled_back .pag_hor_back,.disabled_back .pag_hor_back:hover,
.disabled_both .pag_hor_back,.disabled_both .pag_hor_back:hover,.disabled_back .pag_hor_back:focus,
.disabled_both .pag_hor_back:focus{background-position: left -510px}
.disabled_forward .pag_hor_forward, .disabled_forward .pag_hor_forward:hover,
.disabled_both .pag_hor_forward, .disabled_both .pag_hor_forward:hover,.disabled_forward .pag_hor_forward:focus,
.disabled_both .pag_hor_forward:focus{background-position: left -570px}
#result .paging { height:26px; line-height:26px; margin:4px 0 0 20px; display:none;}
 
#result {border-top: 1px solid #CCC; padding-top:0.3125em; padding-bottom: 0.625em;}
#result .sortlinks {margin-left: 0.5em; margin-top:0.3125em; margin-right: 2em; display: none;}
#result .sortlinks p {margin-bottom:0em;}
#result .sortlinks a {margin-left: 0.625em; color:#0096D6; display: inline-block;}
#result .sortlinks a:hover {color:#006699;}
#result .itemperpagelinks {margin-top:0.3125em; margin-left: 0.5em; display: none;}
#result .itemperpagelinks p {margin-bottom:0em;}
#result .itemperpagelinks a {color:#0096D6;}
#result .itemperpagelinks a.active {color:#000;}
#result .itemperpagelinks a:hover {color:#006699;}
#result .itemperpagelinks a:first-child {margin-left:0.625em;}
#result .page_switch_view_area {float:right;}
#result .page_view_controls {
	text-indent:-10000px;
}
#result .page_view_controls a {float:right;}
#result .page_view.grid, #result .page_view.list {background-image: url('/wcsstore/HPStorefrontAssetStore/img/grid-list-view.png'); cursor:pointer;}

#result #gridView {
	display: block;
	height: 26px;
	width: 26px;
	margin: 4px 0 0 20px;
	background-position: 0px -52px;
}
#result #gridView.active {background-position: 0px 0px;}
#result #listView {
	display: block;
  height: 26px;
  width: 26px;
  background-position: 0px -78px;
	margin: 4px 0 0 40px;
}
#result #listView.active {background-position: 0px -26px;}

/* CSS for category listing page*/
.categorylisting #page_title {margin-bottom: 1em;}
.categorylisting #tabs {display:none;}
.categorylisting #select {display:none;}
.categorylisting .facets_visibility_controls {display: block;}
.categorylisting #facets_controls {display:block;}
/* END CSS for category listing page*/

/*mobile CSS*/
@media screen and (max-width: 1024px) and (min-width: 801px) {
	#result #listView {margin-left: 15px;}
	#result #gridView {margin-left: 15px;}
	#result .sortlinks {margin-right: 10px;  margin-left: 0em;}
	#result .itemperpagelinks a:first-child {margin-left: 0.25em;}
	#result .sortlinks a {margin-left: 0.5em;}
	#result .paging {margin-left: 10px;}
	#result .resultsList {padding-right: 2%;}
}
@media screen and (max-width: 800px) {
	.row {width: 100%; padding-left: 0em; padding-right: 0em;}
	#page_title .intelarea {display: block;}
	#page_title > .row >.columns.nosidepaddings { padding-left: 0.9375em; padding-right: 0.9375em;}
	#page_title .intelarea + .partner_endorsement + h1 {margin-top: 0px;}
	#page_title h1 {font-size: 2.25em;}
	#tabs li:first-child {margin-right: 50px;}
	section#select h3 {font-size: 1.5em; margin-right: 20px;}
	.morefilteroptionarea .contextarea {width:100%;}
	.facet_set .morelink {margin-bottom: 0.75em;}
	#select_product_category {width:43%;}
	.ddSelector {width: 100%;}
	.ddOptions {width: 100%;}
	.helpmechoose_btn_area {float:none; margin-right: 0px; margin-top: 15px; margin-bottom: 10px; text-align: center;}
	#result {padding-left: 0.9375em ;padding-right: 0.9375em;}
	#result .sortlinks {margin-right: 0.625em; margin-left: 0em;}
	#result .itemperpagelinks {margin-left: 0em;}
	#result .paging {margin-left: 10px;}
	#result .resultsList{ margin-left: -0.5em; margin-right: -0.5em;}
	#price, #content .facet_column {width: 50%;}
	.ui-slider-horizontal {width: auto; margin-right: 20px;}
	#max_price {margin-right: 20px;}
}
@media screen and (max-width: 496px) {
	#page_title .intelarea {background-color: #E5E8E8; margin-bottom: 0px; padding-top: 10px; padding-bottom: 10px; text-align: center;}
	#page_title .intelarea img {width:75px;}
	#page_title .intelarea p {font-size: 0.75em;}
	.morefilteroptionarea {width:96%; margin-left:2%; margin-right: 2%;}
	.morefilteroptionarea .buttonsarea {margin-bottom: 2em; text-align: center;}
	.morefilteroptionarea .cancelbtn {margin-left: 0px;}
	#page_title h1 {font-size: 2em; line-height: 0.875em;}
	#page_title h1 span {display: inline-block;}
	section#select h3 {float:none; margin-right: 0px;}
	#tabs li:first-child {margin-right: 15px;}
	#select_product_category  {width: 100%;}
	.ddSelector {width: 100%;}
	.ddOptions {width: 100%;}
	#result .sortlinks {width:100%;}
	#result .itemperpagelinks {width:100%;}
	#result .itemperpagelinks a:first-child {margin-left: 0.5em;}
	.morefilteroptionarea .contextarea .filteroptionarea .column1, .morefilteroptionarea .contextarea .filteroptionarea .column2 {width:100%;}
	#price, #content .facet_column {width: 100%;}
}
/*End mobile SSS*/

.product-card.bundleproduct .item1column .image_pager {position:relative;}
.product-card.bundleproduct .item1column .bx-wrapper {margin-bottom: 0em;}
.product-card.bundleproduct .item1column .bx-viewport {left:0px;}
.product-card.bundleproduct .item1column .bx-viewport ul li{padding-left: 0px; background:none; max-height:none; margin-bottom: 0em; line-height:1;}
.product-card.bundleproduct .pager-prev .bx-prev, .product-card.bundleproduct .pager-next .bx-next{height: 30px; width: 30px;}
.product-card.bundleproduct .pager-prev, .product-card.bundleproduct .pager-next{
    display: block;
    pointer-events: inherit;
    position: absolute;
    top: 12px;
    z-index: 9999;
}
.product-card.bundleproduct .pager-prev {
    left: -5px;
    z-index: 0;
}
.product-card.bundleproduct .pager-prev a, .product-card.bundleproduct .pager-prev-clone a{
    background: url("/wcsstore/HPStorefrontAssetStore/img/hero/pdp/arrow_prev.png") no-repeat scroll center center;
}
.product-card.bundleproduct .pager-prev a.disabled, .product-card.bundleproduct .pager-prev-clone a.disabled{
    background: url("/wcsstore/HPStorefrontAssetStore/img/hero/pdp/arrow_prev_disabled.png") no-repeat scroll center center;
}

.product-card.bundleproduct .pager-prev .bx-prev, .product-card.bundleproduct .pager-next .bx-next{text-indent:-10000px;}
.product-card.bundleproduct .pager-next{right: -5px; z-index: 0;}
.product-card.bundleproduct .pager-next a{
    background: url("/wcsstore/HPStorefrontAssetStore/img/hero/pdp/arrow_next.png") no-repeat scroll center center;
}
.product-card.bundleproduct .pager-next a.disabled{
    background: url("/wcsstore/HPStorefrontAssetStore/img/hero/pdp/arrow_next_disabled.png") no-repeat scroll center center;
}

.product-card.bundleproduct .image_pager li a img {border: solid 1px #e9ebeb;}
.product-card.bundleproduct .image_pager li a.active img{border: solid 1px #0096D6;}
.product-card.bundleproduct .image_pager li a:hover img{border: solid 1px #0096D6;}
@media only screen and (min-width: 801px) and (max-width: 1024px) {
	.product-card.bundleproduct .item1column .image_pager .bx-viewport {width: 80% !important; margin-left: 10%;}
	.product-card.bundleproduct .pager-prev, .product-card.bundleproduct .pager-next{ top: 7px;}
}
@media only screen and (min-width: 497px) and (max-width: 800px) {
	.product-card.bundleproduct .item1column .image_pager .bx-viewport {width: 80% !important; margin-left: 10%; max-width: 220px;}	
	.product-card.bundleproduct .pager-prev, .product-card.bundleproduct .pager-next{ top: 7px;}
}

@media only screen and (max-width: 496px) {
	.product-card.bundleproduct .item1column .productInfo .image_pager {margin-top: 10px;}
	.product-card.bundleproduct .item1column .image_pager .bx-viewport {width: 80% !important; margin-left: 10%; max-width: 220px;}
	.product-card.bundleproduct .pager-prev, .product-card.bundleproduct .pager-next{ top: 7px;}
	.product-card.bundleproduct .item1column .productInfo h3 {margin-top: 0.5em;}
}
.product-card.bundleproduct.listview .item1column .productInfo .image_pager {position: absolute; width:30%; right: 3.3333%; top: 65px;}