@charset "UTF-8";
/* CSS Document */

/*#hero_responsive .bx-wrapper .bx-viewport {left:0;}
#hero_responsive .bx-wrapper {margin: 0 auto;}
#hero_responsive .bx-wrapper .bx-pager {bottom:18px;}

#hero_responsive .text_and_cta {
    position: absolute;
    left: 57%;
    top: 10%;
    width: 360px;
}
.text_and_cta > h2 {
    line-height: 0.92em;
}
.cta_view_details a {
    background-color: #D7410B;
    border: 0 solid #D7410B;
    border-radius: 0 5px;
    color: #FFFFFF;
    padding: 12px 14px 11px;
    position: relative;
}

.cta_view_details a:hover {
    background-color: #A74222;
}

#hero_responsive .bx-wrapper .bx-prev {
    background: url("/wcsstore/HPStorefrontAssetStore/img/arrows.png") no-repeat scroll 0 0;
    display: block;
    height: 50px;
    width: 50px;
	left:70px;
}
#hero_responsive .bx-wrapper .bx-next  {
    background: url("/wcsstore/HPStorefrontAssetStore/img/arrows.png") no-repeat scroll 0 0;
    display: block;
    height: 50px;
    width: 50px;
	right: 70px;
}

#hero_responsive .bx-wrapper .bx-prev {
    background-position: 0 -50px;
}
#hero_responsive .bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}
#hero_responsive .bx-wrapper .bx-next{
    background-position: -50px -50px;
}
#hero_responsive .bx-wrapper .bx-next:hover{
    background-position: -50px 0;
}
#hero_responsive .bx-wrapper .bx-pager.bx-default-pager a, #hero_responsive .bx-wrapper .bx-pager.bx-default-pager a {
    background: none repeat scroll 0 0 #cccccc;
		 opacity:1;

}
#hero_responsive .bx-wrapper .bx-pager.bx-default-pager a:hover, #hero_responsive .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: none repeat scroll 0 0 #0096D6;
		 opacity:1;

}
.bx-wrapper .bx-pager.bx-default-pager a {
	 opacity:0.4;
	 border-radius: 1000px;
	 width:12px;
	 height:12px;
}
*/

/*Secondary nav Media queries */

/*@media screen and (max-width: 496px) {
#hero_responsive .bx-viewport {
    height: 316px !important;
}
}*/

@media screen and (min-width: 497px) { 
.nav-secondary, #lookup_ink_or_toner{display:none;}
#featuredProducts .standard_price {
    margin-top: 27px;
}


}
@media screen and (max-width: 800px) { 
#featuredProducts .productInfo {
    display: block;
}
#featuredProducts .productInfo > h4, #featuredProducts .info > h4 {
    margin-bottom: 0;
}
#featuredProducts .standard_price {
    margin-top: 0;
}
h4 {
    font-size: 1.312em;
    font-weight: 100;
}
.productInfo h4 sup {
    font-size: .7em;
}
#featuredProducts .productInfo {
    width: 100%;
}
#featuredProducts .productInfo, #featuredProducts .info {
    max-width:320px; margin-left: auto; margin-right: auto;
}
#featuredProducts .standard_price {
    float: left;
    width: 100%;
}
#featuredProducts a.details {
    background: none;
    display: inline-block;
    float: right;
    margin-top: -27px;
    padding-left: 0;
	color: #0096D6;
}
#featuredProducts a.details:hover {
	color:#006699;
}
#featuredProducts .row {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
#featuredProducts .small-12.columns {
    padding-left: 20px;
    padding-right: 20px;
}
#featuredProducts .imgContainer {
    text-align: center;
}
#featuredProducts .topTweeted {
    border-top: 1px solid #CCCCCC;
    margin-top: 17px;
}
}
@media screen and (min-width: 801px) { 
.nav-secondary, #lookup_ink_or_toner, #need_help, #hero_responsive h2.title_mobile, #get_latest_deals{display:none;}

}
@media screen and (max-width: 478px) { 
.featuredOnetwenty, #footer_seo_links, 
#hero_responsive .bx-controls-direction, #hero_responsive h2, #hero_responsive p, 
section.stayConnected{
    display: none;
}
/*#hero_responsive h2.title_mobile {display:block; font-size:1.5em;}
#hero_responsive .text_and_cta {top:44%;}
.cta_view_details {margin-left: 34px;}
.cta_view_details a {padding: 5px 14px;}
#hero_responsive .bx-wrapper .bx-pager {bottom: 8px;}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 1000px;
    height: 8px;
    opacity: 0.8;
    width: 8px;
}
#hero_responsive .text_and_cta {
    left: 50%;
	top: 36%;
}
*/}
.nav-secondary > ul {
    font-size: .885em;
    margin: 0 auto 0;
    max-width: 1000px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

.nav-secondary > ul > li {
    border-bottom: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    display: block;
    float: left;
    margin-right: 0;
    padding-bottom: 0;
    width: 33.3333%;
}
.nav-secondary > ul > li:nth-child(3), .nav-secondary > ul > li:nth-child(6), .nav-secondary > ul > li:nth-child(9), .nav-secondary > ul > li:nth-child(12) {
    border-right: 0 none;
}
.nav-secondary > ul > li:nth-child(10), .nav-secondary > ul > li:nth-child(11), .nav-secondary > ul > li:nth-child(12) {
    border-bottom: 0 none;
}
.nav-secondary ul li a {
    border-bottom: 4px solid #fff;
	display:block;
	height:108px;
}

.nav-secondary ul li a:hover {
	border-bottom: 4px solid #0096D6;
    color: #0096D6;
    display: block;
}
.nav-secondary p {
    margin-bottom: 0;
	line-height:1.2em;
}

.nav-secondary > ul {
    list-style: none outside none;
}
.nav-secondary li {
    float: left;
}
.nav-secondary .sliderImgContainer > img {
    height: 60px;
    margin-top: 5px;
    width: 76px;
}

h2 {
    font-size: 2em;
	font-weight: 100;
}
@media screen and (max-width: 496px) {
#featuredProducts h2 {
    margin-left: 20px;
	margin-top: 20px;
}
}
.clearfix:after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}
#content input[type="text"].reset_foundation {border:none;box-shadow:none;color:#000;padding:0;margin:0;}
#content input[type="text"]:focus.reset_foundation {background:#fff;}

/* Need help section */

#need_help {
	background:#f3f3f3;
    padding: 22px 0;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 20px;	
}
#need_help > p {
    color: #666666;
	font-size:1.125em;
    margin-bottom: 0;
}
#need_help > p strong {font-weight:bold;line-height:inherit;}

/*Latest Deals*/

#get_latest_deals .spritebuttons {
    background-image: url("/wcsstore/HPStorefrontAssetStore/img/sprite-mobile.png");
}

#get_latest_deals {
    background-color: #0096D6;
    font-size: 0.75em;
    padding: 20px;
}

#get_latest_deals > h2 {
    color: #FFFFFF;
}
#get_latest_deals input[type="text"] {
    font-size: 1em;
    font-weight: normal;
    height: 39px;
    padding: 0 0 0 10px;
    width: 65%;
	border: 1px solid #CCCCCC;	

}
#get_latest_deals .whiteBtn {
    background-color: #FFFFFF;
    border-radius: 0 5px;
    color: #0096D6;
    font-size: 1.4em;
    font-weight: 700;
    height: 72px;
    margin-left: 18px;
    padding: 9px;
}
.social_button_section {
    display: block;
    padding-top: 20px;
	padding-left:30px;
}
.social_button_section * {
    float: left;
}
.social_button_section span.or {color:#fff;padding-top:6px;}

.sign_up_section.clearfix {
    border-bottom: 1px solid #FFFFFF;
    padding-bottom: 20px;
}
@media screen and (max-width: 496px) {
h2 {font-size:1.5em;}	

}

@media screen and (min-width: 497px) and (max-width:800px) {
	#featuredProducts{margin-bottom: 2em;}
	#featuredProducts > .row > h2 {
		padding-left: 2%;
		padding-right: 2%;
		width: 96%;
	}
	.carousel_std.row {width: 100%;}
}
/*Override standard price temporary*/
.standard_price._36 .price_info { font-size: 0.75em; line-height: 1.15em; white-space:nowrap;  }
.standard_price._36 .price_info #price_tier  {  margin-left: -12px;  }
@media only screen and (max-width: 496px) {
.standard_price._36 .price_amount { font-size: 1.75em; line-height: 1em; }
.standard_price._36 .price_amount sup { position: relative; top: .25em; line-height: 0.6em; }
.standard_price .price_info {color: #000;}
#productFinder h4, #productFinder h4.sixty {width:100%;}
}
.productInfo a:hover span{ color: #2ba6cb; }
p.lowinventoryinfo {color: #D7410B; font-size: 0.875em; display: block; line-height: 1.5; margin-bottom: 0px; }
@media screen and (max-width: 496px) {
	p.lowinventoryinfo { position: absolute; right: 0px; bottom: 70px; margin-right: 20px; }
}

@media screen and (max-width: 800px) and (min-width: 641px)
{
	#hero_responsive ul.orbit-slides-container
    {
		height: 600px !important;
    }
} 
