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

/* From OffShore */
ul, li, ol { list-style:none; }

/* Common CSS */
.topgradient {
	background: url("/wcsstore/HPStorefrontAssetStore/img/full-bgw.png") no-repeat scroll center top transparent;
	padding-bottom:1.25em;
	position:relative;
}

.topsection { overflow:hidden;}
.topsection h2 {
	font-size: 3.125em;
    font-family: "HPSimplified-light";
    padding-top: 0.4em;
	margin-bottom:0px;
}

.listDot li { display:block; font-size:0.875em; line-height:1.5em; }
.listDot li:before {
	vertical-align:middle;
	margin-right:0.3em;
	padding-bottom:10px;
}

/* Text size resets */
.txtsize14 { font-size:0.875em; color:#9d9d9d;}
.txtsize34  { font-size:2.125em; line-height:normal; }
.txtsize22  { font-size:1.375em; line-height:normal; }
.txtsize50 { font-size:2em !important; font-family: "HPSimplified-light"; line-height:1.0em;}
.txtsize40 { font-size:2.5em !important; font-family: "HPSimplified-light"; line-height:1.0em;}
.txtsize19 { font-size:1.188em !important;}
.txtsize24 { font-size:1em; color:#262626; font-family: "HPSimplified-light";}
.txtsize28 { font-size:1.75em; font-weight:normal;}
.txtsize36 { font-size:2.250em;}
.txtsize48 { font-size:3em; }
.txtsize60 { font-size:3.75em; font-weight:normal}
.txtsize26 { font-size:1.63em; line-height:normal; font-family: "HPSimplified-light";}
.txtsize30  { font-size:1.875em; font-family: "HPSimplified-light"; line-height:1.2em }
.txtsize75 { font-size:4em; }
.txtsize14 sup, .txtsize48 sup, .txtsize30 sup { font-size:0.5em; }
.red sup { font-size: 0.57em; position: relative; top: 4px; }
.red.txtsize24 { font-size:1.5em; }

h1,h2,h3,h4,h5,h6 {font-weight:normal;}
h1 { font-size:3.75em; font-family: "HPSimplified-light" !important; font-weight:normal;}
h1.sectionTitle { font-family: "HPSimplified-light"; font-size:3em; line-height:normal; }

.thin_light { font-family: "HPSimplified-light"; }

/* Text color resets */
.blackfont { color:#000; }
.bluetext { color:#007dba !important;}
.red.small, .bluetext.small, .small { font-size: 0.875em; font-weight:normal; }

.blacktxt { color:#000 !important; }
.greytxt { color:#767676 !important; }
.greyDark { color:#505050 !important; }
.dgreytxt { color:#333333 !important; } 

.outofstockMsg { padding:0.4em 0em; }
.outofstockMsg h4 { font-family: "HPSimplified-light"; color:#d7410b; margin:0; }
.outofstockMsg p { color:#767676; font-size:0.9em; line-height:1.2em; padding-bottom:0 !important; }

.tabs { display:none; }
.open { display:block ; }

/* Margin and Padding Resets*/
.no-margin { margin:0px !important; }
.no-padding { padding:0px !important; }
.nosidemargins { margin-right:0 !important; margin-left:0 !important; }
.norightpadding { padding-right:0px !important; }
.noleftpadding { padding-left:0px !important; }

.no-border { border:none !important; }
.bottomBorder { border-bottom:1px solid #e5e8e8; }

/*** Alert Block ***/
.alertbox,
.listitembox {
    color: #FF0000;
    font-size: 1.0em;
    margin-top: 1.875em;
	padding:0.938em 2.813em;
}
.alertbox { background:#F7D7D7 url(/wcsstore/HPStorefrontAssetStore/img/cart/alert.png) no-repeat 1.0em 1.1em; border-bottom:1px solid #ebcdcc; }
.alertbox:last-child { border:none; }

/* Button Styles */
.viewBtn, .viewBtn1, .btn {
	-webkit-border-radius: 0px 5px 0px 5px;
	-moz-border-radius: 0px 5px 0px 5px;
	border-radius: 0px 5px 0px 5px;
	color: #FFFFFF;
	cursor:pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: bold;
    line-height: 2.25em;
    padding: 0 1em;
    text-align: center;
	border:0 solid #fff;
}

.btnA2C {
	border-radius: 0px;
	color: #FFFFFF;
	cursor:pointer;
	display: inline-block;
	font-size: 1em;
	font-weight: 400;
	line-height: 2.25em;
	padding: 0 1em;
	text-align: center;
	border:0 solid #fff;
	text-transform:uppercase;
}

.redbtn { background:#d7410b; }
a.redbtn:hover { background:#a74222; color:#fff; }
a.bluebtn:focus, a.redbtn:focus { color:#fff; }

.whitebtn { background:#fff; color:#0096d6 }
.whitebtn:hover { background:#ccc;}
.bluebtn { background:#0096d6; color:#fff }
.bluebtnA2C { background:#0171ad; color:#fff }
.btn.small { line-height: 2em; padding: 0 0.7em;}
.btn.disabled { background:#cccccc !important; }
.btn.disabled:hover { color:#fff; }

a.blackbtn:focus { color:#fff; }
.blackbtn {background:#2C3038; color:#fff;}
a.blackbtn:hover { background:#2C3038; color:#fff;}

.viewBtn { background:#0096d6; }
a.viewBtn:hover { background:#006699; color:#fff; }
.viewBtn1 { background:#d7410b; }
a.viewBtn1:hover { background:#a74222; color:#fff; }



input[type="submit"].btn:hover, a.bluebtn:hover { background:#006699; color:#fff; }
a.bluebtnA2C:hover{background: #075782;text-decoration: underline !important;}

.btnNext, .btnPrev { display:block;	background:url(/wcsstore/HPStorefrontAssetStore/img/pdpsprite.png) no-repeat;	height:40px; width:40px; }
.btnPrev { background-position:-95px -2px; }
.btnNext { background-position:-95px -42px; }

/* Rating Widget */
.rate_widget { overflow: hidden; padding: 0.625em 0;}

.reviewtxt {
	float:left;
    color: #007DBA !important; 
	line-height:13px;
    font-size: 0.875em !important;
}
.ratestrike {
	color: #5A5A5A;
    font-size: 0.75em;
    margin: 0 0;
    overflow: hidden;
}
.ratestrike u { text-decoration:line-through;}

.positionRelative { position:relative; }
.positionAbsolute { position:absolute; text-align:left; }
.lefttop { left:0px; top:0px; }
.rightmiddle { right:0px; top:50%; }

.inline li { display:inline-block; }

.bluebg { background:#0096d6; padding:4em 0 6.2em 0; color:#fff; }
.bluebg .middleText { margin-left:1.063em; }
.bluebg h4 { color:#fff; font-weight:normal; border-bottom:1px solid #fff; }
.bluebg h1 { line-height:1.0em; color:#fff; margin:1.0em 0 0.2em 0; font-size:3em; font-weight:bold; }
.bluebg h1.bigText { font-size:4.5em; margin-top:0.6em; }
.quoteBefore:before { content: '"'; margin-left: -19px; position: relative; top: 1px; }


/* Social Media Links */
.socialmedia { position:absolute; top:4.375em; right:5px; text-align:center; z-index:999; }
.socialmedia li a {
	background:url(/wcsstore/HPStorefrontAssetStore/img/pdpsprite.png) no-repeat;
	width:37px;
	height:37px;
	display:inline-block;
}
.socialmedia li a.facebook { background-position:-2px -1px; }
.socialmedia li a.facebook:hover { background-position:-2px -295px; }
.socialmedia li a.twitter { background-position:-2px -40px; }
.socialmedia li a.twitter:hover { background-position:-2px -334px; }
.socialmedia li a.googleplus { background-position:-2px -79px; }
.socialmedia li a.googleplus:hover { background-position:-2px -373px; }
.socialmedia li a.twitter:before { background:none; }
.socialmedia li a.question {
	width:100px;
	padding-top:35px;
	background-position:27px -122px;
	line-height:1.0em;
	margin-top:1.5em;
}

.socialmedia li a.question:hover {
	background-position:27px -416px;
	color:#000;
}


/* Breadcrumbs */
.breadcrumbs2 {
    display: block;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0.8em 0.875em 0.8em 0;
}
.breadcrumbs2 > *:first-child:before { content: " "; margin: 0; }
.breadcrumbs2 > *:last-child { color: #000000; }
.breadcrumbs2 > *:before {
    color: #000000;
    content: "/";
    margin: 0 0.6em;
    position: relative;
    top: 0;
}
.breadcrumbs2 > *:hover a, .breadcrumbs2 > *:focus a { text-decoration:underline; }
.breadcrumbs2 > * a, .breadcrumbs2 > * span { color: #007dba; }
.breadcrumbs2 > * {
    /*color: #007dba;*/
    float: left;
    font-size: 0.6875em;
    margin: 0;
}
.breadcrumbs2 > * a, .breadcrumbs2 > * {
    color: #000000;
}
.breadcrumbs2 li + li a {
    color: #007DBA;
}
.breadcrumbs2 > *:first-child a {
    color: #007dba;
}

/* Form element styles */
form.custom .custom.dropdown ul {border-top:none; border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; box-shadow:none;}
form.custom .custom.dropdown.open ul { margin-top: -1px; }
form.custom .custom.dropdown.open {border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom:none;}
form.custom .custom.dropdown ul li { border-top: 1px solid #CCCCCC; }
form.custom .custom.dropdown ul li:hover { background:#007dba; color:#ffffff; }
form.custom .custom.dropdown:hover a.selector:after { content:none; }
form.custom .custom.dropdown .selector:after, form.custom .custom.dropdown.open a.selector:after {content: none;}
form.custom .custom.dropdown .selector:before {
    background: url("/wcsstore/HPStorefrontAssetStore/img/form.select.png") no-repeat scroll 0 0 transparent;
    content: "";
    float: right;
    height: 8px;
    position: absolute;
    right: 30%;
    top: 30%;
    width: 14px;	
}
form.custom .custom.dropdown { background:#fff; text-align:left; }

/* Required form field */
input[type="text"].required, input[type="password"].required, input[type="date"].required, input[type="datetime"].required, input[type="datetime-local"].required, input[type="month"].required, input[type="week"].required, input[type="email"].required, input[type="number"].required, input[type="search"].required, input[type="tel"].required, input[type="time"].required, input[type="url"].required, textarea.required {
	border:1px solid #c60f13 !important;
	background:#fff !important;
}


/* Display content styles */
.displayCenter {
	display:table;
	width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    margin: auto;
}
.displayTable { display:table; height:100%; width:100%; vertical-align:middle; }
.verticalMiddle { display:table-cell; vertical-align:middle; }


/* Related Products */
.relatedProducts { padding: 3.2em 0 0; }
.relatedProducts ul { overflow:hidden; }
.relatedProducts ul li { float:left; width:23%; margin-right:2%; }
.relatedProducts li .productImage { height:230px; display:table; }
.relatedProducts h3 { margin:0 0 0.4em 0; line-height:1.2em; height:60px; overflow:hidden; }
.relatedProducts .details { margin:0 0 }
.relatedProducts .next { position:absolute; right:-15px; top:20%; }

/* Related Product Slider Navigations */
#relslider-prev, #relslider-next { position:absolute; top:20%; }
#relslider-prev { left:-50px; }
#relslider-next { right:-30px; }
#relslider-prev .disabled, #relslider-next .disabled { display:none; }

/* Browse by category Slider*/
.browsebyCategory .bx-wrapper .bx-viewport { left:0; }
#browse-prev, #browse-next { position:absolute; top:50%; margin-top:-20px; }
#browse-prev { left:0; }
#browse-next { right:0; }
#browse-prev .bx-prev, #browse-next .bx-next {
	height:40px;
	width:40px;
	display:block;
	background: url(/wcsstore/HPStorefrontAssetStore/img/pdpsprite.png) no-repeat;
}
#browse-prev .bx-prev { background-position:-144px -42px; }
#browse-prev .disabled { background-position:-95px -2px; }
#browse-next .bx-next { background-position:-95px -42px; }
#browse-next .disabled { background-position:-144px -2px; }
.bx-next, .bx-prev {
	height:50px;
	width:50px;
	display:block;
	background: url(/wcsstore/HPStorefrontAssetStore/img/arrows.png) no-repeat;
}
.bx-next { background-position:-50px -50px; }
.bx-prev { background-position:0px -50px; }

/*Tabs with Underlined Active*/
.tabsUnderlined { overflow:hidden; margin:0px; }
.tabsUnderlined li { float:left; margin-right:2em; }
.tabsUnderlined li a {
	font-family: "HPSimplified-light";
	font-size:2em;
	display:block;
	border-bottom:4px solid #fff;
	line-height:2em;
	cursor:pointer;
}
.tabsUnderlined li a.active { color:#007dba; border-bottom:4px solid #007dba; }
.tabsUnderlined li a.hover { color:#007dba; border-bottom:4px solid #007dba; }

/* Icons as Link */
.linkDownarrow {
	background:url(/wcsstore/HPStorefrontAssetStore/img/pdpsprite.png) 282px -240px no-repeat;
	display: inline-block;
    font-size: 1.875em;
    font-family: "HPSimplified-light";
    height: 51px;
    line-height: 51px;
    padding: 0 2.2em 0 0;
}
.next { height:50px; width:50px; background:url(/wcsstore/HPStorefrontAssetStore/img/pdpsprite.png) -1px -168px no-repeat; }
.download { background:url(/wcsstore/HPStorefrontAssetStore/img/download.png) 0 center no-repeat; padding-left:15px; font-size:0.75em;}
.expand { background:url(/wcsstore/HPStorefrontAssetStore/img/plus.png) no-repeat 0 center; padding-left:20px;}
a.email { background:url(/wcsstore/HPStorefrontAssetStore/img/s-15px-hpe.png) no-repeat 0 -1101px; padding-left:20px; }
a.print { background:url(/wcsstore/HPStorefrontAssetStore/img/s-15px-hpe.png) no-repeat 0 -787px; padding-left:20px; }
.topsection a.print.small { font-size:0.3em; color:#0096d6; }
.itemshipped { background:	url(/wcsstore/HPStorefrontAssetStore/img/tick.png) no-repeat 5px 60%; padding-left:20px; }
.roundTick { background:url(/wcsstore/HPStorefrontAssetStore/img/roundTick.png) no-repeat 0 0; padding-left:35px; height:26px; line-height:21px; }

.anchor_back {
	background:url(/wcsstore/HPStorefrontAssetStore/img/Back_Arrow.png) no-repeat left center;
    float: left;
	font-size: 1.0em;
	padding:0em 1em;
	line-height:1.6em;
	color:#767676;
}

a.questionAfter { background:url(/wcsstore/HPStorefrontAssetStore/img/s-15px-hpe.png) no-repeat 0 -2234px; padding:0em 0.5em; }

/* Left Navigation */
.leftnav li { padding:0.35em 0; }
.leftnav li.topspace { margin-top:2.1em; }
.leftnav a { font-family: "HPSimplified-light"; }
.leftnav a.active { font-weight:normal; }

/* Pagination */
.pagination { height:auto; }
.pagination span { line-height:1.929em; float:left; margin-right:0.7em; }
.pagination a {
	border:2px solid #cccccc;
	width:25px;
	height:27px;
	float:left;
	background:#fff url(/wcsstore/HPStorefrontAssetStore/img/pdpsprite.png) no-repeat 0 0;
	margin-left:1px;
}
.pagination a.prev { background-position:-102px -94px; }
.pagination a.next { background-position:-149px -94px; }

/* After text dots */
.dotsafter { background:url(/wcsstore/HPStorefrontAssetStore/img/dot.png) repeat-x center 13px; }
.dotsafter span { background:#fff; }
.dotsafter span.total { padding-right:5px; }

.inlineblock { display:inline-block; }


/*** FAQ Section ***/
.faq { margin-top:2.813em; }
.faq .description { margin-top:1em; }
.faq .description p { margin-bottom:0.5em; }
.faq .modTitle { font-size:1.188em; font-family: "HPSimplified-light"; line-height: 1em; }
.faq .modTitle a { font-family: "HPSimplified-light"; }
.faq .chatModule .modTitle, .faq .sendEmailModule .modTitle { font-size:1.5em; }
.faq p,
.faq ul li a {
	font-size:0.875em;
	font-weight:normal;
	line-height:1.2em;
}

.faq ul li a { color:#007dba; }

.faq h2 { font-size:1.5em; font-weight:normal; color:#000;}

.callUsModule li .phone { color:#000; }
.faq ul li a:hover { color: #000;}
.phone_ico,
.chat_ico,
.mail_ico { height:81px; display:block; background:url(/wcsstore/HPStorefrontAssetStore/img/cart/callus.png) no-repeat center;}
.chat_ico { background:url(/wcsstore/HPStorefrontAssetStore/img/cart/chat.png) no-repeat center;}
.mail_ico { background:url(/wcsstore/HPStorefrontAssetStore/img/cart/mail.png) no-repeat center;}
.card-values li { overflow:hidden; line-height:2.5em;}
.height30 { height:30px;}
.height320 { height:320px; vertical-align:middle; display:table-cell; width:100%;}
.width110 { width:110px;}
.imgContainer img { width:100%;}
.print_ico { background:url(/wcsstore/HPStorefrontAssetStore/img/cart/print.png) no-repeat left; padding-left:1.375em; }
.email_ico { background:url(/wcsstore/HPStorefrontAssetStore/img/cart/email.png) no-repeat left; padding-left:1.375em; }

/* Link Switch */
.linkforswitch2, .linkforswitch { position:absolute; right:50px; top:10px; }
.linkforswitch2 p, .linkforswitch p { display:inline-block; color:#000; }
.linkforswitch2 a, .linkforswitch a { color:#0096D6 !important; }
.cartbox .linkforswitch2, .cartbox .linkforswitch { top:35px; right:30px; }

.multipleScenarios2, .multipleScenarios { display:none; }
.open { display:block ; }

/* Take Survey */
.takeSurvey.topgradient { border-bottom: 0; }
.takeSurvey .large-4 { width:32%;}
.takeSurvey .large-8 { width:64%;}
.takeSurvey .surveycontent {
	font-size: 1.75em;
	font-family: "HPSimplified-light";
	line-height:1.2em;
}
.takeSurvey  label { color:#000; cursor:text; }
.takeSurvey .row .large-4, 
.takeSurvey .row .large-8 { padding-right: 4%; }
.takeSurvey form.custom .custom.dropdown {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #bdbcbf;
    height: 34px;
}
.takeSurvey form.custom .custom.dropdown.open {
    border-color: #000000 #000000 -moz-use-text-color;
    border-style: solid solid none;
    border-width: 1px 1px medium;
}
.takeSurvey form.custom .custom.dropdown .selector:before { top:35%; }
.takeSurvey textarea { height:134px; margin-bottom: 32px; }
.takeSurvey input[type="text"], 
.takeSurvey textarea { border: 1px solid #bdbcbf; }
.takeSurvey .custom .row { margin-bottom:0.7em; }
.takeSurvey .stayConnected { margin-top:5em;}
.takeSurvey .topsection h2 { padding-top:0; }

/* Ipad changes for popup */
@media only screen and (max-width:1000px) {
	#popupblockenter, #popupblockexit {padding-bottom: 20px;text-align: center;	}
	#popupblockenter p, #popupblockexit p {margin-bottom:0.5em;}
	.topgradient.myaccount {padding: 0 15px 15px;}
	.myaccountRight .addrformfield .large-4.nosidepaddings {width:39%;}
	.paymentMethod .cardinfo .large-2.nosidepaddings, .paymentMethod .cardinfo .large-3.nosidepaddings {width:15%;}
	.paymentMethod .cardinfo .large-2:last-child {width: 16%;}
}
/* Suggested Keywords Section Styles Begins */
#container {
	width: 350px;
	margin: 50px auto;
	background: #ffffff;
	border: 2px solid #CCCCCC;
}
#search_results {
	width: 100%;
	margin: 20px;
}
#search_results h2 {
    font-size: 1.75em;
    font-weight: 100;
    margin: 0px;
    padding: 0px 0px 10px 0px;
	font-family: "HPSimplified",arial;
}
#search_results ul.suggestedKeywordLinks {
   list-style:none;
   border-bottom: 1px solid #E5E8E8;
   margin: 0px 40px 10px 0px;
   padding: 0 0 20px;
}
.suggestedKeywordLinks a:link {
   font-family: "HPSimplified",arial;
   font-weight:normal;
   font-size: 1em;
   font-weight: 100;
   text-decoration: none;
   color: #222222;
}
.suggestedKeywordLinks a:hover {
   color: #0096D6;
}
#search_results ul li {
   padding:0em 0em 0.1875em 0.9375em;
   background:url(/wcsstore/HPStorefrontAssetStore/img/keyword-bullet.png) no-repeat 0px 7px transparent;
   text-align:left;
   display: block;
   line-height: 1.5em;
}
#search_results ul:last-child {
    border: none;
}
#search_results ul li ul {
	margin: 0px;
	padding: 0px;
}
#search_results ul li ul li{
   background:url(/wcsstore/HPStorefrontAssetStore/img/keyword-bullet-inner.png) no-repeat 0px 7px transparent;
}
/* Suggested Keywords Section Styles Ends */

/* Disclaimer Page Style Begins */
.disclaimer_page {
    font-size: 12px;
    font-weight: 100;
    padding: 20px 0px 10px 0px !important;
	font-family: "HPSimplified",arial;
	color: #757575;
}
.disclaimerList {
	font-size: 12px;
	font-family: "HPSimplified",arial;
	color: #757575;
}
ol.disclaimerList {
	list-style-type: decimal !important;
	padding: 10px 0px 10px 0px;
	margin: 0px;
}
ol.disclaimerList li {
	padding: 0px 0px 15px 5px;
	margin: 0px 0px 0px 20px ;
	line-height: 1.75em;
	list-style: decimal;
}

/* For legal spec disclaimer */
ul.disclaimerList {
	padding: 10px 0px 10px 0px;
	margin: 0px;
}
ul.disclaimerList li {
	padding: 0px 0px 15px 5px;
	margin: 0px 0px 0px 20px ;
	line-height: 1.75em;
}

/* Disclaimer Page Style Ends */
.exploreCategory .large-12.columns.nosidepaddings > nav {
    border-bottom: 1px solid #CCCCCC;
}
h3.txtsize24 { font-size:1.5em; }