/* MY ACCOUNT */
.cancelbtn { background: rgb(118,118,118); color:#fff; margin-right: 0.5em; }
.cancelbtn:hover { color:#fff;}

.contentMyAccount { margin-top:2.5em; }
.contentMyAccount .accountInformation { border-bottom:1px solid #e5e8e8; }
.myaccountLeft { width:18%; }
.myaccountRight { width:82%; }
@media only screen and (max-width:1024px) and (min-width: 801px) {
.myaccountRight {width:75%;}
}
.myaccount .leftnav li {padding-top:0em; padding-bottom:0.625em;}
.myaccount .leftnav li a {font-family: "HPSimplified";}
.myaccount .leftnav li a.active {color:#0096D6;}
.myaccount .leftnav li a:hover {color:#006699;}

.myaccount form.custom .custom.dropdown { margin:0; }

.myaccount .paymentMethod input[type="text"], .myaccount .paymentMethod input[type="password"] { margin:0; }

.myaccountContent.linktxt { font-size:0.88em; font-weight:normal; color:#007dba;}

.myaccountRight h3.sectiontitle { font-size: 2.25em; font-family: "HPSimplified-light"; line-height:1em; margin:0;}

.myaccountRight .accountInformation .column { width:auto; padding:1em 1em 0.5em 0; margin-right:2.75em; }
.myaccountRight .accountInformation .column h4 { font-weight:normal; font-size:1em; margin:0 }
.accountInformation [class*="column"] + [class*="column"]:last-child { float: left; }

.myaccountRight .tablecontent { border:1px solid #e5e8e8; }
.myaccountRight .tablehead {
	border-bottom:1px solid #e5e8e8;
	padding:0 1.6em;
	height:60px;
	background:#f2f3f3;
	line-height:60px;
	width: auto;
}
.myaccount .topsection h1 {font-size:2em; color:#000; margin-top:0.3em; padding-top:0em; line-height:1.5; margin-bottom: 0.25em;}
.myaccount .topsection h2 {font-size:2em; color:#000; margin-top:0.3em; padding-top:0em; line-height:1.5; margin-bottom: 0.25em;}
.myaccountRight .tablehead span { margin-left:0.8em; }
.myaccountRight .tablehead span:first-of-type { margin-left:0em; }
.myaccountRight .tablehead span:after {
	content: "";
	color:#d0d0d0;
	margin-left:0.8em;
}
.tablehead.myacctSum.printRewards span:after { content:none; }
.myaccountRight .tablehead span:last-child:after { content:none; }
.myaccountRight .content { padding:1.6em 2em; }

.myaccountRight .printReward .items li:last-child { padding-bottom:0; }
.myaccountRight .printReward { margin: 1.5em 0em 3.5em;}
@media only screen and (max-width:1024px) and (min-width: 801px) {
	.myaccountRight .printReward{margin-top: 0.9375em;}
}

.myaccountRight .boxContent { margin:2em 0; }
.orderfinal.myaccountRight .boxContent { margin: 0.7em 0 3em; }
.orderContent1 .productInfo .bluetext, .orderContent2 .productInfo .bluetext, .orderContent3 .productInfo .bluetext { font-size:0.875em; }
.orderContent1 .productInfo .bluetext.cancel, .orderContent2 .productInfo .bluetext.cancel, .orderContent3 .productInfo .bluetext.cancel { padding-left:20px; }
.printReward h3.sectiontitle, .boxContent h3.sectiontitle { padding:0.75em 0; margin-top:0em; }
.printReward .bluebtn, .boxContent .bluebtn { right:0; top:17px; }

.myaccountRight .items .productImage { width:20%; margin-right:3%; float:left; }
.myaccountRight .items .productInfo { float:left; width:77%; }
.managePrinters .savedprinters .large-12 h4, .myaccountRight .items .productInfo h4 , #inkredirect
{ font-family: "HPSimplified-light"; font-size:1.313em; margin:0; line-height:1.2em; }
.myaccountRight .items .productInfo h5 { font-weight:normal; font-size:0.875em; margin-bottom:1em; color:#767676; }
.myaccountRight .price { line-height:1em; }
.myaccountRight .black { font-size:1.5em; font-weight:normal; color:#D7410B; font-family: "HPSimplified-light"; }
.myaccountRight .black > sup {
    font-size: 0.7em;
    line-height: 0.6em;
    position: relative;
    top: 0.25em;
}

.myaccountRight .paymentDetails { border-top:1px solid #e5e8e8; float:right; padding:2em 0 0.5em 0; }
.myaccountRight .paymentDetails .expand { clear:both; margin:1em 0 0 0; background-position: 20px center; padding-left: 40px; }
.myaccountRight .items p { font-size:0.95em; color:#000; }
.myaccountRight .items .qty { font-size:0.75em; color:#767676; }
.myaccountRight .items li { padding:1.3em 0 1em 0; }
.myaccountRight .progresschkt { padding:0.7em 0 0.5em 0; margin:0 -10%; overflow:hidden; }
.myaccountRight .progresschkt h4 {
	font-weight: normal; 
	text-align: center;
	font-size:0.75em;
	color:#959595;
	display:block;
	z-index:10;
	position:relative;
}
.myaccountRight .progresschkt .columns { padding:0; }
.myaccountRight .progresschkt h4:before {
	background:url(../img/progress-pending.png) 0 0 no-repeat;
	position:relative;
	content:"";
	height:25px;
	width:100%;
	display:block;
	margin-left:45%;
	z-index:11;
}
.myaccountRight .progresschkt .activestep h4:before { background:url(../img/progress-active.png) 0 0 no-repeat; }
.myaccountRight .progresschkt h4:after {
	background:url(../img/progressbar.png) 0 0 repeat-x;
	position:relative;
	content:"";
	height:1px;
	width:100%;
	margin-left:54%;
	display:block;
	top:-32px;
	z-index:10;
}
.myaccountRight .progresschkt .activestep h4:after { background:url(../img/progressbar-done.png) 0 0 repeat-x; }
.myaccountRight .progresschkt .complete h4:after { background:url(../img/progressbar.png) 0 0 repeat-x; }
.myaccountRight .progresschkt .last h4:after { content:none; }

/* ### My Account - My Order Final ### */
.myaccountRight .searchOrders { padding:0.3em 0; margin-bottom:2.9em; }
.myaccountRight .searchOrders input, .myaccountRight .searchOrders label {
	display:inline-block;
	float:left;
	line-height:1.875em;
}
.myaccountRight .searchOrders input[type="text"] {
	width:49.1%;
	height:30px;
	font-size:0.875em;
	border:1px solid #e5e8e8;
	background:#fff;
	box-shadow:none;
	padding:0 0.5em;
	margin:0 0.8em;
}

.myaccountRight .searchOrders input[type="submit"].btn {
    padding: 0.3em 1em;
	font-family: "HPSimplified",arial;
	cursor:pointer;
}
.orderFinal .searchOrders .myaccount.mobile input { background: none repeat scroll 0 0 #0096D6; }
/* Pagination */
.myaccountRight .pagination { display:inline-block; font-size:0.875em; float:right; }
.myaccountRight .boxContent .print.positionAbsolute {
	font-size:0.875em;
	padding-left:20px;
	color:#007dba;
	right:1.6em;
	top:1.5em;
}

.myaccountRight .boxContent .boxed { border:1px solid #e5e8e8; padding:1.5em 0; margin-top:1.5em; text-align:center; }
.myaccountRight .boxContent .boxed .inlineblock {
	text-align:left;
	padding:0 1.563em;
	display:table-cell;
	vertical-align:middle;
	height:35px;
	border-right:1px solid #e0deae;
	line-height:0.5em;
}

.myaccountRight .boxContent .boxed .inlineblock:last-child { border:none; }
.myaccountRight .boxContent .boxed .inlineblock span { font-size:0.813em; }
.myaccountRight .boxContent .print.small {
	font-size:0.875em;
	padding-left:20px;
	margin-left:1em;
	color:#007dba;
	right:1.6em;
	top:1.5em;}

.myaccountRight .boxContent .boxed a.btn { margin-left:1.563em; }
.myaccountRight .boxContent .boxed .autocenter { width:auto; margin:0 auto; display:inline; }
.myaccountRight .carrierUPS font { font-size:1.231em; font-family: "HPSimplified-light"; }
.myaccountRight .boxContent .deliveryTitle { font-size:1.313em; margin-top:0.75em; padding:0.5em 0; }
.myaccountRight .boxContent .deliveryTitle a.bluetext { font-size:0.571em; margin-left:1em; display: inline !important;}
.myaccountRight .boxContent .deliveryTitle.bottomBorder { margin-bottom:1em; }


/* My Account Add and Edit Address */
#content .managesubscription input[type="text"],
#content .customerLogin input[type="text"],
#content .customerLogin input[type="password"],
#content .myaccountRight .singlecolumn { width:287px; }
.myaccountRight .emailupdated { font-size:0.875em; font-weight:normal; line-height:1.3em; margin-bottom:1.5em; }
.myaccountRight .emailupdated span { display:block; color:#666666; }
.myaccount .bottomline { border-bottom: 1px solid #e5e8e8; }
.myaccount .faq h2 { font-family: "HPSimplified-light"; }
.myaccount .faq ul li a { line-height:2.5em; }
.myaccount .phone_no { font-size: 1.5em; line-height: 1em; font-family: "HPSimplified-light"; display:block;}
.mandatory { font-size: 0.875em; font-weight:normal; margin-top:0.3em; color:#F05332; position:relative; }
.mandatory span { font-size: 1.35em; font-weight:bold; position:relative; top:0.2em; }

.myaccountRight .addrformfield .row .row .column { padding:0; }

.myaccountRight .addrformfield .large-4 { float:left; margin-right:1.25em; }

#content .myaccount input[type="text"], #content .myaccount input[type="password"] {
	height:40px;
	border:1px solid #e5e8e8;
	box-shadow:none;
	margin-bottom:1.2em;
	background-color:#ffffff;
}
#content .myaccount .ph-section input[type="text"] {width: 50px;}
#content .myaccount form.custom .custom.dropdown ul {
	margin-top: -1px;-moz-box-sizing: content-box !important;
  -webkit-box-sizing:content-box !important;
  box-sizing: content-box !important;	
}
.myaccountRight .addrformfield .large-4 { width:36.79%; position:relative;}
.myaccountRight .addrformfield .large-4 .large-7 { width:56.79%; }
.myaccountRight .addrformfield .large-4 .large-5 { width:35.54%; }
.myaccountRight .addrformfield .large-8 { width:76.66%; position:relative;}

.myaccountRight .addrformfield .contentWidth { width:76.66%; margin-left:2%; }
.myaccountRight .addrformfield .firstColumn p { margin:0px;}
.myaccountRight .addrformfield .secondColumn { margin-left:20px; }
.myaccountRight .addrformfield .thirdColumn { width:26%; margin-left:20px; position:relative;}
.myaccountRight .addrformfield .fourthColumn { width:10%; margin-left:2%; position:relative;}
.myaccountRight .addrformfield .greyDark { font-size:0.875em; margin-left: 23px;}
.myaccountRight .large-42 span a { background:#d7410b; margin-right:150px;}
.myaccountRight a.questionAfter { background-position: 0 -2230px; }

.myaccount form.custom .custom.checkbox.checked:before { content:none; margin-left: 1px; margin-top: -5px; }
.myaccount form.custom .checkbox { float:left; height:18px; width:18px; }
.myaccount form.custom .custom.checkbox.checked {
	background:#0096d6 url(../img/form.inputchecked-white.png) no-repeat 2px 3px;
	border: 1px solid #0096d6;
}

.myaccount form.custom .custom.dropdown { height: 40px; }
.myaccount form.custom .custom { border: 1px solid #e5e8e8; background:#ffffff;}
.myaccount form.custom .custom.dropdown .current { color:#8d8b8d; line-height:2.7em; }
.myaccount form.custom .custom.dropdown .selector:before {top:40%;}
.myaccount form.custom .custom.dropdown ul li { line-height:2em; }
.myaccount form.custom .custom.dropdown .selector {height: 2.8em;}
.myaccount form.custom .custom.dropdown .selector:after { border-color: #000000 transparent transparent;}
.myaccount form.custom .custom.radio {
    border: 2px solid #CCCCCC;
    height: 18px;
    margin: 5px;
    vertical-align: middle;
    width: 18px;
	background:#fff;
}

.myaccount form.custom .hidden-field {
    margin-left: -99999px;
    position: absolute;
    visibility: hidden;
}

.myaccount form.custom .custom.radio.checked:before {
    background: none repeat scroll 0 0 #0096D6;
    height: 10px;
    margin-left: -1px;
    margin-top: -1px;
    width: 10px;
}

/* MY Account Address Book */
.myaccountRight .blueBox { margin-top:15px; border:4px solid #0096d6; }
.myaccountRight .blueBox .column,
.myaccountRight .greyBox .column { display:table; height:205px; }
.myaccountRight .myaccountContent { display:table-cell; vertical-align:middle; padding-left:60px;}
.myaccountRight .large-7 .myaccountContent { padding-left:1.2em;}
.myaccountRight .greyBox { margin-top:15px; border:1px solid #e5e8e8;}

.myaccountRight .myaccountContent .addr { line-height:1.7em; color:#767676;}
.myaccountRight .btnBlock { padding:1.3em 0; }
.myaccountRight .tabcell { display:table-cell; vertical-align:middle;}
.myaccountRight .bluetxt12 { font-size:0.875em; color:#0096d6;} 

.myaccountRight .roundTick { font-size:0.875em; margin-bottom:0px; position:absolute; top:10px; left:10px;}
.managePayments.myaccountRight .roundTick {line-height: 1.75em;}
.myaccountRight .greyBox .roundTick {display:none;}

.myaccountRight .addressbooktoptext { font-size:0.875em; margin-bottom: 1em; color: #767676;}
.myaccountRight .addressbooktoptext a {color:#0096d6;}
.myaccountRight .addressbooktoptext a:hover {color:#006699;}

.myaccountRight .blueBox a,
.myaccountRight .greyBox a { color:#0096d6; display:inline-block; margin-bottom:0px;}

.myaccountRight .blueBox a:hover {color:#006699;}
.myaccountRight .greyBox a:hover {color:#006699;}
.mobile .myaccountRight.myacctAddressbook .myaccountContent p.blacktxt {font-size: 1.5em; font-weight: 100;}
.mobile .myaccountRight.myacctAddressbook .roundTick{background: url('../img/roundTick_16x16.png') no-repeat scroll 0px 2px transparent; padding-left: 25px;
height: 20px; line-height: 20px;}
.myaccountRight .blueBox .deletelink:after {content:"";}
.myaccountRight .blueBox .makedefaultlink{display:none;}

.linktxt a:after {
    content: "|";
    font-size: 0.875em;
    margin: 0 5px 0 5px;
	color:#b3b3b3;	
}
.linktxt a:last-child:after { content:none;}

@media only screen and (max-width: 800px) {
  .mobile .myaccountRight.myacctAddressbook .linktxt a:after {margin: 0px 15px;}
}


/* My Account Order Status */
.myaccount .customerLogin .guest h3,
.myaccount .customerLogin .registereduser h3 { font-size:1.5em; font-family: "HPSimplified-light"; margin-bottom: 5px; margin-top: 10px;}
.myaccount .customerLogin p.greytxt { font-weight:normal; font-size:1em; margin-bottom:1.25em; }
.myaccount .customerLogin p.errormessage { font-size:1em; margin-bottom:0.5em; color:#C60F13;}
.myaccount .customerLogin .ordermissingoption li{ list-style: inside; font-size: 0.875em; color:#767676; padding-left: 20px;}
.myaccount .customerLogin .ordermissingoption li a {color: #0096D6;}
.myaccount .customerLogin .ordermissingoption li a:hover {color: #006699;}
.myaccount .customerLogin .guest { border-right:1px solid #e5e8e8; margin-right: 5px; padding-right:2em; }
.myaccount .customerLogin .large-5 { width:40.5%; }
.myaccount .customerLogin .registereduser span a { color:#007DBA; font-size: 0.875em; background: none repeat scroll 0 0 transparent;}
.myaccount .customerLogin .registereduser p a { margin-top:18px;}
.myaccount .customerLogin .guestcustblock { border-bottom:1px solid #e5e8e8; padding-bottom: 1em; }
.myaccount .customerLogin .contactblock { margin-top:2.813em;}
.yourorder .allorders { padding-top:20px; }
.myaccountRight .inputGroup p,
.myaccount .registereduser p,
.myaccountRight .singlecolumn p,
.myaccount .guest p,
.addrformfield p { margin-bottom:0.5em; }

/* Manage Payment */
.expDate { font-size:0.875em; margin-bottom:1em; line-height:1em; color:#000; }

/* Manage Subscriptions*/
.managesubscription .radioGroup label { display:block; color:#000; font-size:1em; }
.managesubscription .large-8 { padding-right:2em; }
.managesubscription .signup { font-size:1em; color:#000;}
.managesubscription form.custom .signup { width:150%; }
.managesubscription .inputGroup { width:59%; }
.managesubscription .inputGroup p.confirmnewemail { display: none;}
.myaccount .managesubscription form.custom .custom.radio.checked:before {
    background: none repeat scroll 0 0 #0096D6;
    height: 12px;
    margin-left: 0px;
    margin-top: 0px;
    width: 12px;
}

.myAccountmanage_subContainer ul.listLink { line-height: 2.6em;}
.managesubscription .example {
	display:table;
	text-align:center;
	width:244px;
	height:210px;
	border:1px solid #e5e8e8;
	padding:1em;
	margin-top:1em;
	background:#fff;
}
.managesubscription .addr p { margin-top:28px; font-size:0.875em; color:#767676;}
.managesubscription .subscribeBtn .btn { font-size:1em; }
.managesubscription .large-12.columns .signup { font-size:0.875em; color:#767676; margin-top: 1em;}
@media only screen and (max-width: 496px) {
	.manageSub.mobile .contentMyAccount {margin-bottom: 0em;}
	.managesubscription .large-12.columns .signup {margin-bottom: 0.5em;}
}

/* Manage Printers Start*/
.managePrinters .savedprinters { border:1px solid #e5e8e8; }
.managePrinters .savedprinters .large-12 { border-bottom:1px solid #e5e8e8; padding:2em; }
.managePrinters .savedprinters .large-12:last-child { border:none; }
.managePrinters .savedprinters .bluebtn { 
	line-height: 1.2;
	padding: 0.7142em 0.75em;
	margin-top: 1.125em;
	margin-bottom: 0.714em;
}
.managePrinters .savedprinters .removelink {display: block; color : rgb(0,150,214);}
.managePrinters .savedprinters .removelink:hover {color:rgb(0, 102, 153);}
.managePrinters p.small { margin-top:0.8em; font-size:1em; }
.managePrinters .save p,
.managePrinters .add p { color:#767676; font-size:0.875em;}
.managePrinters .boxed { line-height: 6em; border:1px solid #e5e8e8; padding:20px 0px 20px 25px; border-top:none;}
.managePrinters .boxed p { line-height:1em; padding-top:18px;}
.managePrinters .boxed p { line-height:1em; padding-top:32px;}
.managePrinters .boxed a,
.managePrinters .boxed a { background:#0096d6;}
.managePrinters .addprinters .large-12 { padding: 1.75em 0; border-bottom:1px solid #e5e8e8;}
.managePrinters .addprinters .large-12 p {
	color:#767676;
	font-size:0.875em;
	font-weight:normal;
	margin-bottom:0px;
	line-height:1.35em;
}
.managePrinters .addprinters .large-12 span { color:#767676; font-size:1.313em; font-family: "HPSimplified-light";}
.managePrinters .btnBlock { padding:1.5em 0; border-bottom:none !important; }
.managePrinters .bluetext.small { margin-right:1em;}
.managePrinters .addprinters .bluetext.small {float:right; padding-top: 0.875em;}
.managePrinters .addprinters .bluebtn {float:right;}
@media only screen and (max-width: 800px) {
	.managePrinters .addprinters .bluetext.small {float:none;}
	.managePrinters .addprinters .bluebtn {float:none;}
}
/* Manage Printers my print reward image start*/
.managePrinters .large-12.columns.rewardimage .large-8.columns li {
    list-style: disc outside none;
		color: #767676;
}
.managePrinters .rewardimage .large-8.columns > h3 { margin-bottom: 0px; font-weight: bold; margin-top: 23px; }
.managePrinters .large-12.columns.rewardimage.nosidepaddings { margin:20px 0; border-bottom:1px solid #e5e5e8;border-top:1px solid #e5e5e8; }
.managePrinters .large-12.columns.rewardimage .large-4.nosidepaddings.columns.imgContainer > img {
    height: 200px;
}
.managePrinters .rewardimage .large-8.columns { padding-left:0; }
.managePrinters .rewardimage .large-8.columns > p { margin-bottom:0; }
.managePrinters .rewardimage .large-8.columns ul { margin:7px 0 0 17px; }
.managePrinters .rewardimage .large-3.nosidepaddings.columns.imgContainer > img { height: 200px; }
/* Manage Printers my print reward image end*/
.myaccount .managePrinters form.custom .custom.dropdown .current { color:#000; }
.myaccount .managePrinters form.custom .custom.dropdown { margin:0; }
/* Manage Printers End*/

/* YOUR Orders */
.myaccountRight.yourorder .pagination.bottom { margin:3em 0; }
.myaccountRight.yourorder .searchOrders { margin-bottom:1.75em; }
.yourorder .tablecontent .content span { font-size:1.5em; color:#333333; font-family: "HPSimplified-light"; }
.yourorder .tablecontent .content span.date {font-size: 1em; font-weight: bold;margin-top: 0.5em; display: inline-block;}
.yourorder .tablecontent .content span.status {font-size: 1em; font-weight: bold;margin-top: 0.5em; display: inline-block;}
.yourorder .tablecontent .content span.redPrice {color:#D7410B;}
.yourorder .tablecontent .content a.showdetaillink {color:#0096D6;display: inline-block; margin-top: 0.5em;}
.yourorder .tablecontent .content a.showdetaillink:hover {color:#006699;}
.yourorder .tablecontent .ordernumbercolumn {width: 25%;}
.yourorder .tablecontent .ordernumbercolumn {padding-left: 1.5em;}
.yourorder .tablecontent .datecolumn {width: 18%;}
.yourorder .tablecontent .totalcolumn {width: 15%;}
.yourorder .tablecontent .statuscolumn {width: 20%;}
.yourorder .tablecontent .showdetaillinkcolumn {width: 22%;}

.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("../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}

.paging_horiz a{ display: block; float:left; width:31px; margin-right: -9px; height:36px; background: transparent url("../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}
.yourorder .paging { height:26px; line-height:26px; margin:0px 0 0 20px; }
.yourorder .toppaging {margin-bottom: 20px;}
.yourorder .bottompaging {margin-top: 20px;}

.yourorder .checkmissingorderlink {color:#0096D6; margin-top:25px; margin-left: 1.5em}
.yourorder .checkmissingorderlink:hover {color: #006699;}

@media only screen and (max-width: 1024px) {
	.yourorder .tablecontent .ordernumbercolumn {padding-right:0.25em;padding-left:0.75em;width:20%;}
	.yourorder .tablecontent .content .ordernumbercolumn span.orderNumber {font-size:1.25em; margin-top: 3px; display: inline-block;} 
	.yourorder .tablecontent .datecolumn, .yourorder .tablecontent .totalcolumn,.yourorder .tablecontent .showdetaillinkcolumn{padding-left:0.25em; padding-right:0.25em;}
	.yourorder .tablecontent .showdetaillinkcolumn {width:20%;}
	.yourorder .checkmissingorderlink {margin-left: 0.75em;}
	.guest input { width:95% !important; } 	
}

.yourorder .tablecontent .content { padding:0em; }
.yourorder .tablecontent .content span.red { color:#D7410B; }
.myaccountRight.yourorder .content ul { margin:0; }
.myaccountRight.yourorder .content li { padding:0em; border-bottom:1px solid #E5E8E8; }
.myaccountRight.yourorder .content li:last-child { border:none; }
.myaccountRight.yourorder .tablehead { padding: 0em; }

.myaccountRight.yourorder .content .large-2,
.myaccountRight.yourorder .tablehead .large-2 { width:23%;}

.myaccountRight.yourorder .content .large-7,
.myaccountRight.yourorder .tablehead .large-7 { width:52%;}

.myaccountRight.yourorder .content li .column { padding-top: 0.9375em; padding-bottom: 0.9375em;}
.myaccountRight.yourorder .content li .column .standard_price {margin-bottom: 0px;}

.myaccountRight.yourorder .tablehead .column:last-child,
.myaccountRight.yourorder .content li .column:last-child { border:none;}

@media only screen and (max-width: 800px) and (min-width: 497px) {
	.myaccountRight.yourorder .tablecontent .ordernumbercolumn {width: 25%;}
	.myaccountRight.yourorder .tablecontent .datecolumn {width: 22%;}
	.myaccountRight.yourorder .tablecontent .totalcolumn {width: 23%;}
	.myaccountRight.yourorder .tablecontent .showdetaillinkcolumn {width: 100%;}
	.myaccountRight.yourorder .tablecontent .content .ordernumbercolumn {padding-bottom: 0em;}
	.myaccountRight.yourorder .tablecontent .content .datecolumn {padding-bottom: 0em;}
	.myaccountRight.yourorder .tablecontent .content .totalcolumn {padding-bottom: 0em;}
	.myaccountRight.yourorder .tablecontent .content .showdetaillinkcolumn {padding-top: 0em; padding-left: 0.75em;}
	.yourorder .tablecontent .content a.showdetaillink {margin-top: 0em;}
	.myaccountRight.yourorder .content li .column { padding-bottom: 0em;}
	.myaccountRight.yourorder .content li .column .standard_price {padding-bottom: 0em;}
}

.yourorder .paging .pag_arrows.pag_arrows_mobile {display: none;}
@media only screen and (max-width: 800px) {
	.yourorder .paging {float: none !important; margin-left: 0em; text-align: center;}
	.yourorder .paging .paging_cnt {float: none; margin-right: 0em; vertical-align: top;}
	.yourorder .paging .pag_arrows {display: none;}
	.yourorder .paging .pag_arrows.pag_arrows_mobile {display: inline-block; float:none;}
	.yourorder .paging .pag_arrows.pag_arrows_mobile .pag_back_mobile {float: none; display: inline-block; margin-right: 10px; height: 30px; width: 32px; background:none; border: none;}
	.yourorder .paging .pag_arrows.pag_arrows_mobile .pag_forward_mobile {float: none; display: inline-block; margin-left: 10px;  height: 30px; width: 32px; background:none; border: none;}
	.yourorder .paging .pag_arrows.pag_arrows_mobile .pag_back_mobile .icn_pag_back {background: url("../img/pagination_back.png") no-repeat scroll top center transparent; margin: 0px; height: 30px; width: 32px;}
	.yourorder .paging .pag_arrows.pag_arrows_mobile .pag_forward_mobile .icn_pag_forward{background: url("../img/pagination_forward.png") no-repeat scroll top center transparent; margin: 0px; height: 30px; width: 32px;}
	.yourorder .paging.disabled_back .pag_arrows.pag_arrows_mobile .pag_back_mobile .icn_pag_back {background: url("../img/pagination_back_disabled.png") no-repeat scroll top center transparent;}
	.yourorder .paging.disabled_forward .pag_arrows.pag_arrows_mobile .pag_forward_mobile .icn_pag_forward{background: url("../img/pagination_forward_disabled.png") no-repeat scroll top center transparent;}
	.yourorder .checkmissingorderlink {float:none !important; margin-left: 0em; text-align: center; display: block;}
}

.myaccountRight.yourorder .content li .column .mobile_header {display: none;}
@media only screen and (max-width: 496px) {
	.myaccountRight .tablecontent {border:none; margin-left: -4.5%; margin-right: -4.5%;}
	.mobile .myaccountRight .tablehead {display: none;}
	.myaccountRight.yourorder .tablecontent .content li .ordernumbercolumn {width: 100%; float: none; padding: 10px 4%; background-color:#F2F3F3; border-bottom: 1px solid #E5E8E8; margin-left: auto; margin-right: auto;}
	.myaccountRight.yourorder .tablecontent .content li .datecolumn {width: 100%; float: none; padding: 10px 4%; border-bottom: 1px solid #E5E8E8; margin-left: auto; margin-right: auto;}
	.myaccountRight.yourorder .tablecontent .content li .totalcolumn {width: 100%; float: none; padding: 10px 4%; border-bottom: 1px solid #E5E8E8; margin-left: auto; margin-right: auto;}
	.myaccountRight.yourorder .tablecontent .content li .statuscolumn {width: 100%; float: none; padding: 10px 4%; border-bottom: 1px solid #E5E8E8; margin-left: auto; margin-right: auto;}
	.myaccountRight.yourorder .tablecontent .content li .showdetaillinkcolumn {width: 100%; float: none; padding: 10px 4%; text-align: center; margin-left: auto; margin-right: auto;}
	.myaccountRight.yourorder .tablecontent .content li .column .mobile_wrapper {max-width: 320px; margin-left: auto; margin-right: auto;}
	.myaccountRight.yourorder .content li .column .standard_price {display: inline-block; line-height: 31px; vertical-align: middle; padding-top: 0px; padding-bottom: 0px;}
	.myaccountRight.yourorder .content li .column .mobile_header {display: inline-block; font-size: 1em; width:100px; color:#767676; vertical-align: middle; line-height: 31px;}
	.yourorder .tablecontent .content .ordernumbercolumn span.orderNumber {font-size: 1.5em; margin-top: 0px; line-height: 31px; vertical-align: middle;}
	.yourorder .tablecontent .content span.date {margin-top: 0px; font-size: 1.125em; line-height: 31px; vertical-align: middle;}
	.yourorder .tablecontent .content a.showdetaillink {margin-top: 0em; font-size:1.125em; font-weight: 100; line-height: 31px; vertical-align: middle;}
	.myaccountRight.yourorder .tablecontent .content li .showdetaillinkcolumn:last-child {border-bottom: 1px solid #e5e8e8;}
}
@media only screen and (max-width: 496px) {
	
}

/* Payment Method */
.paymentMethod .row .row .columns { padding-left:0; padding-right:0; }
.paymentMethod { background:#fff; border:1px solid #e5e8e8; padding:0 2.5em; margin-top:2.2em; width: 88%; }
.myaccount label, .paymentMethod label, .addrformfield label { line-height:1.3em; color:#000; }

/*.myaccount label {font-weight: 700}*/

.paymentMethod .large-12.checkboxandlabel { border:none; }
.paymentMethod .cardinfo, .paymentMethod .billing, .paymentMethod .address  { padding:1.5em 0 1.2em 0; border-bottom:1px solid #e5e8e8; }
.paymentMethod .row:last-child { border:none; }

.paymentMethod .cardinfo .numberContainer { width:97.7%; float:left; }
.paymentMethod .cardinfo .cardIcons { width:34.3%; float:left; padding:2%; }
.paymentMethod .cardinfo .cardIcons img { max-width:100%; }

.paymentMethod .cardinfo .large-5 { width:47.20%}
.paymentMethod .cardinfo .large-3 { width:14%}
.paymentMethod .cardinfo .large-2 { width:15.40%}

.paymentMethod .address .row .large-4,
.paymentMethod .cardinfo .row .columns { padding-right:2%; }

.paymentMethod .cardinfo .row .columns:last-child { padding-right:0; }
.paymentMethod .address .row .large-4 { padding-bottom:1.3em; }
.paymentMethod .address .row .checkboxandlabel {display: inline-block;}

.paymentMethod .phoneNumber { width:65%; }
.paymentMethod .extension { width:28%; }
.paymentMethod .stateCol { width:56%; margin-right:20px; }
.paymentMethod .zipcodeCol { width:37%; }

.paymentMethod h3 { font-size:1.75em; font-family: "HPSimplified-light"; margin:0 0 1em 0; }
.paymentMethod .billing .custom.dropdown { width:163px;  }
.paymentMethod .billing .bluebtn { margin:-1em 0em 1em; float:right; }
.paymentMethod .address .bluebtn { margin:2em 0em 1em; float:right; }

.paymentMethod .checkboxandlabel span { float:left; width:25px; }
.paymentMethod .checkboxandlabel label { float:left; width:80%; line-height:1.2em; }
.myaccount .continueBtn { padding:2em 0; }
.myaccount .continueBtn .redbtn { margin-left:1em; }

.paymentMethod a.questionAfter {  padding: 1em 0.6em 0.1em; margin-left:0.3em; display:inline-block; }

@media only screen and (max-width: 1000px) {
	.paymentMethod .zipcodeCol { width:100%; }	
}
/*Order Status Mobile Version*/
@media only screen and (min-width : 320px) and (max-width : 800px) {

	.show-for-small.drop_down .filters .filtlink.active {
    border:none;
    background: url("../img/arrow_dropdown_white.png") no-repeat scroll 95% center #0096D6;
    border-color: #CFCFCF #CFCFCF -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    color: #FFFFFF;
		border-bottom:none;
}
.show-for-small.drop_down .filters .filtlink {
    background: url("../img/arrow_dropdown_grey.png") no-repeat scroll 95% center white;
    border: 1px solid #CFCFCF;
    cursor: pointer;
    margin: 0;
    padding: 8px 20px;
	line-height: 20px;
	font-size: 1.125em;
	margin-top: 1em;
}
.show-for-small.drop_down .filters h3, .filters h4 { font-family: "HPSimplified-light"; }
.show-for-small.drop_down .filter-content {
    border-bottom: 1px solid #CFCFCF;
    border-left: 1px solid #CFCFCF;
    border-right: 1px solid #CFCFCF;
}
.show-for-small .filter-content .first {border-top:none;}
.show-for-small .filter-content h4 {margin-top:0;
    border-top: 1px solid #C6C6C6;
    padding: 7px 20px;
	margin-bottom:0;
}
.show-for-small .filter-content h4:hover { background:#0096d6; color:#fff; }
.show-for-small .filter-content h4 a:hover { display:block; }
.myaccount.mobile { padding-left:20px; padding-right:20px; padding-bottom: 30px; border-bottom:1px solid #e5e8e8;}
.myaccount.mobile .guestCust, .myaccount.mobile .regCust { border:1px solid #cccccc;  margin-top:20px; }
.myaccount.mobile .regCust { margin-top:40px; }
.myaccount.mobile .guestCust h3, .myaccount.mobile .regCust h3 { padding: 7px 0 7px 20px; width: 85%; font-size:1.5em; font-family: "HPSimplified-light"; }
.myaccount.mobile .guestCust img { padding-right:20px; }
.plus {
	background:url(../img/myaccount/plus.png);	
    background-repeat: no-repeat;
    height: 20px;
    margin-right: 14px;
    margin-top: -30px;
    width: 20px;
}
.redtext { color:#f05332; }
.myaccount.mobile .guestcustplus, .myaccount.mobile .regcustplus { padding-left:20px; padding-right:20px; padding-bottom: 55px; border:1px solid #cccccc; border-top:none; }
.myaccount.mobile .guestcustplus p { line-height:24px; padding-top: 10px; }
.myaccount.mobile .cardinfo label { padding-top:20px; color:#000; }
.myaccount.mobile input { background:#fff; border:1px solid #bebdc0; height:43px; }
.myaccount.mobile .regcustplus p.redtext { margin-bottom:0px; padding-top:20px; }
.plus.right.open { background:url(../img/myaccount/minus.png);	
    background-repeat: no-repeat;
    height: 20px;
    margin-right: 14px;
    margin-top: -30px;
    width: 20px;
}
.guestCust.customerbackground, .regCust.customerbackground { background-color:#F2F3F3;}

/*Add, Edit Payment Method*/
.mobile.myaccount.topgradient { background:none; }
.mobile.myaccount .paymentMethod { border:none; margin:0px; }
.mobile.myaccount .redtext { font-size:0.875em;  margin-bottom:0; }
.mobile.myaccount .show-for-small.cardinfo label { font-size:1em; display:inline;}
.mobile.myaccount .show-for-small.row.cardinfo { margin:0; }
.mobile.myaccount .show-for-small.cardinfo input { margin-bottom: 5px; }
.mobile.myaccount .paymentMethod .cardinfo p { margin-bottom:0px; }
.mobile.myaccount form.custom .custom.dropdown { background:none; height:43px; margin:0; border:1px solid #b9b8bb; }
.mobile.myaccount form.custom .custom.dropdown .current { color:#000; }
.mobile.myaccount .paymentMethod .cardinfo .row .columns { padding-right:20px; padding-top:10px;}
.mobile.myaccount .paymentMethod .cardinfo .securitycode { margin-top:20px; }
.mobile.myaccount .questionAfter { background:url(../img/myaccount/question.png) no-repeat; padding: 0 10px;}
.mobile.myaccount .billing h3 { font-size:1.5em; }
.mobile.myaccount .paymentMethod .billing .custom.dropdown { width:100%; }
.mobile.myaccount .address p, .mobile.myaccount .address label { color:#000 !important; font-size:1em; }
.mobile.myaccount .paymentMethod .stateCol { width:100%; }
.mobile.myaccount .paymentMethod .zipcodeCol { float:left; padding-top:20px; }
.mobile.myaccount .paymentMethod .checkboxandlabel { margin-top:90px; }
.mobile.myaccount .paymentMethod .checkboxandlabel label { width:87%; }
.mobile.myaccount .address { border-bottom:1px solid #e5e8e8; padding-bottom:20px; }
.mobile.myaccount .text-right { text-align: center !important; padding-left: 20px; padding-right: 20px; }
.mobile.myaccount .show-for-small .redbtn.big { width:100%; border-radius:0; height:50px; padding:7px; }
.mobile.myaccount .continueBtn .small.greyDark { font-size:1em; }
.mobile.myaccount .continueBtn .redbtn { display:none; }
.mobile.myaccount .checkboxandlabel label { color:#505050 !important; }
.mobile.myaccount .btn.small { padding: 0.4em 1.7em; }

/*Manage Subscriptions*/
.mobile.myaccount .contentMyAccount { margin-top: 1.5em; }
.mobile.myaccount .myaccountRight .singlecolumn { width:100%; }
.mobile.myaccount .managesubscription .large-8 { padding-right:0; }
.mobile.myaccount .radioGroup label { font-size:1em; }
.mobile.myaccount form.custom .custom.radio { width:25px; height:25px; }
.mobile.myaccount form.custom .custom.radio.checked:before { height: 19px; width:19px; }
.mobile.myaccount .inputGroup .redtext { margin-bottom: 1em; }
.mobile.myaccount .inputGroup label { color:#000; }
.mobile.myaccount .inputGroup input { width:100%; }
.mobile.myaccount .show-for-small .btn { padding: 0 1.6em; }
/*Change Email, Password*/
.mobile.myaccount .contentMyAccount .singlecolumn label { color:#000; font-size:1em;}
.mobile.myaccount .myaccountRight .emailupdated, .mobile.myaccount .mandatory { font-size:1em; }
/*Add Address*/
.mobile.myaccount .bluetext.small.show-for-small { font-size:1em; }
.mobile.myaccount .myaccountRight .addrformfield .large-4.nosidepaddings { width:100%; }
 
}

/* Order Status Results */ 
.productImage.imgContainer img { max-width: 80%;}
.productImage.imgContainer.myOrder img { max-width: 70%;}
.myaccountRight p.orderresultsLastLink .bluebtn {margin: 20px 80px 0px 0px;}
.myaccountRight p.orderresultsLastLink .bluetext {margin: 20px 0px 0px 0px; display: block;}
.myaccount.mobile .customer { padding-left:20px; padding-right:20px; }

@media only screen and (max-width: 800px) {	
/** Common for AddressBook and Manage Payments**/
.mobile .myaccountRight { width:100%; }
.topgradient.myaccount.mobile {
background: url("../img/bg_mobile.png") repeat-x left top;
border:1px solid #e5e8e8;
border-right:none;
border-left:none;
padding: 0 0 0.938em;
}

/**Address Book**/
.topgradient.myaccount.mobile.addressBook{background: none;}
.myacctAddressbook .shippingForMobile.hide-for-small { display: none !important; }
.mobile .myacctAddressbook .btnBlock .newaddbtnshow {margin-top:0em;}
.mobile .myacctAddressbook.topsection {display: none;} 
.mobile .myaccountRight.myacctAddressbook .blueBox { height: auto; padding-bottom:1em;}
.mobile .myaccountRight.myacctAddressbook .greyBox { height: auto;  margin-top: 1em; padding-bottom:1em;}
.mobile .myaccountRight.myacctAddressbook .myaccountContent { padding-left: 2.375em; padding-top: 1.750em;}
.mobile .myaccountRight.myacctAddressbook .blueBox .large-7 {display: none;}
.mobile .myaccountRight.myacctAddressbook .greyBox .large-7 {display: none;}
.mobile .myaccountRight.myacctAddressbook .blueBox .large-5 {height:auto;}
.mobile .myaccountRight.myacctAddressbook .greyBox .large-5 {height:auto;}
.mobile .myacctAddressbook h2.addrbookdropdown { text-align: left; font-size: 1.5em; }
.mobile .myaccountRight.myacctAddressbook .myaccountContent.linktxt {padding-left: 2.5em; padding-top: 1em;}
.mobile .myaccountRight.myacctAddressbook .myaccountContent a { font-size: 1.125em;}
.mobile .myaccountRight.myacctAddressbook .myaccountContent p.blacktxt { color:#000; font-size: 1.25em; font-weight:100; }
.mobile .myaccountRight.myacctAddressbook .blueBox p.blacktxt {margin-top: 0.75em !important;}
.mobile .myaccountRight.myacctAddressbook .myaccountContent p.addr {
   color:#000;
   font-size: 1em;
   font-weight: 500;
   line-height: 1.25em;
   margin-top: -1.063em !important;
   margin-bottom: 1.250em !important;
   margin-left: -2.250em !important;
}
.mobile .topsection.myacctAddressbook h2 {
	background-color:#fff;
	border:1px solid #e5e8e8;
	border-bottom: none;
	margin: 1.25em 0.8em 0;
    padding: 0.7em 0 0.5em 0.7em; 
}
.mobile .topsection.myacctAddressbook .btnBlock {
	background-color: #FFF;
    padding: 0.938em 1.250em 1.688em;
}
.mobile .contentMyAccount {
	background-color: #FFF;
	margin-bottom: 1.563em;
}
.mobile .myaccountRight.myacctAddressbook .addressbooktoptext {line-height: 1.25; margin-bottom: 0em;}
.mobile .myaccountRight.myacctAddressbook .btnBlock {text-align: left !important; padding: 0em; float:left; margin-top: 1em;}

/**Manage Payments**/
.mobile .myaccountRight.managePayments .blueBox .column,
.mobile .myaccountRight.managePayments .greyBox .column { display:table; height:0px; }
.mobile .myaccountRight.managePayments .blueBox { height: 20.625em; margin-bottom: 0.938em; }
.mobile .myaccountRight.managePayments .greyBox { height: 18.750em; }
.mobile .managePayments h2.paymethodsdropdown { text-align: left; font-size: 1.5em; }
.mobile .myaccountRight.managePayments .blueBox a.roundTick { font-size:1em; padding-top: 0.125em; }
.mobile .myaccountRight.managePayments .myaccountContent a { font-size:1.1em; }
.mobile .managePayments .btnBlock .newpaymethodbutton { margin-top: 1.250em !important; float:left; }
.mobile .myaccountRight.managePayments .myaccountContent p.blacktxt { line-height:1em; }
.mobile .myaccountRight.managePayments .blueBox .myaccountContent.linktxt p.blacktxt{ font-size: 1.60em; font-weight:lighter; padding-top: 2.75em; }
.mobile .myaccountRight.managePayments .greyBox .myaccountContent.linktxt p.blacktxt { font-size: 1.60em; font-weight:lighter; padding-top: 1.6em; }
.mobile .myaccountRight.managePayments .myaccountContent { padding-left: 2.375em; }
.mobile .managePayments .btnBlock {
	background-color: #FFF;
    padding: 1.250em 1.250em 1.750em;
}
.mobile .myaccountRight.managePayments .myaccountContent p.addr {
    color: #000000;
    font-size: 1.05em;
    line-height: 1.6em;
	padding-bottom: 1.438em;
}
.mobile .myaccountRight.managePayments .myaccountContent.linktxt p.expDate{ font-size:1.05em; color:#666666; line-height: 2em; }
.mobile .topsection.managePayments h2 {
	background-color:#fff;
	border:1px solid #e5e8e8;
	border-bottom:none;
	margin: 1.25em 0.8em 0;
    padding: 0.7em 0 0.5em 0.7em;
}
/*My Orders Multiple History*/
.mobile.myaccount.topgradient { background:none;}
.mobile .myaccountRight .searchOrders label { color:#000; width:100%; }
.mobile .myaccountRight .searchOrders input[type="text"] { height:45px; margin:0; width:82%; }
.mobile .searchIcon { float:left; width:50px; height:45px; background:url(../img/myaccount/search.png) no-repeat;  }
.mobile .greytxt { color:#000 !important; font-size:1em;}
.mobile .content.show-for-small { border:1px solid #cccccc; padding:0px; }
.mobile .content.show-for-small li { padding:10px 0px 10px 20px; }
.mobile .content.show-for-small p { font-size:1.5em; font-family: "HPSimplified-light"; margin-bottom:0px; display: inline-block; width: 70%;}
.mobile .content.show-for-small b {
    display: inline-block;
	float:right;
    vertical-align: top;
    width: 30%;
	font-size:1.5em;
}
.mobile .content.show-for-small li.grey { background:#f2f3f3; }
.mobile .nav { font-size:0.875em; margin:0px; display:inline; padding-left:10px; padding-right:10px;}
.mobile .pagenav { display:inline-block; width:100%; padding-top:20px; text-align:center; }
}
@media only screen and (max-width: 640px) {
	.mobile .myaccountRight .searchOrders input[type="text"] { width: 91.6%; }
}
@media only screen and (max-width: 480px) {
	.mobile .myaccountRight .searchOrders input[type="text"] { width: 88.6%; }
}
@media only screen and (max-width: 360px) {
	.mobile .myaccountRight .searchOrders input[type="text"] { width: 84%; }
}
@media only screen and (max-width: 320px) {
	.mobile .myaccountRight .searchOrders input[type="text"] { width: 82%; }
}
@media only screen and (max-width: 496px) {
	.mobile .myaccountRight.myacctAddressbook .myaccountContent p.blacktxt {font-size: 1.125em;}
	.mobile .myaccountRight.myacctAddressbook .btnBlock {text-align: center !important;}
	.mobile .myacctAddressbook .btnBlock .newaddbtnshow {width: 100%; margin-left: auto; margin-right: auto; max-width: 300px;}
	.mobile .myaccountRight.myacctAddressbook .btnBlock .btn {width: 100%; margin-left: auto; margin-right: auto; max-width: 300px;}
}

/*Manage Printers Mobile */
@media only screen and (max-width: 800px) {
.managePrinters	.show-for-small.drop_down .filters .filtlink {margin-top: 1em;}
.addprinters {padding-bottom:40px;}	
.myaccount h2, h3, h4, .myaccount .addprinters span, .mobile_myaccountnav li a {font-family: "HPSimplified-light" !important;}
.myaccount h2 {font-size:1.5em;}
.myaccount .topsection h2{ font-size:1.5em;}
/*.myaccount h2 { background: url("../img/filters.disclosure.png") no-repeat scroll 95% center #ffffff; border-left: 1px solid #e5e8e8; border-right: 1px solid #e5e8e8; border-top: 1px solid #e5e8e8; cursor: pointer; margin: 2px 0px 0px 0px; padding: 14px 20px; font-size: 1.5em; }*/
.mobile_myaccountnav li a { display:block; border-left: 1px solid #e5e8e8; border-right: 1px solid #e5e8e8; border-top: 1px solid #e5e8e8; cursor: pointer; margin: 0; padding: 14px 20px; font-size: 1em;}
.mobile_myaccountnav li:last-child {border-bottom: 1px solid #e5e8e8;}
.mobile_myaccountnav li a:hover {background: #007DBA; color: #ffffff;}
.contentMyAccount { margin-top: 2.5em; }	
.myaccount .topsection { background: none repeat-x left top; /*margin: 0px -20px;*/ padding: 0px; }
.storeNav {border-bottom: 1px solid #e5e8e8;}
/*.myaccount.mobile {padding: 0px;}*/
.myaccountRight  {width: 100%;}
.managePrinters .savedprinters, .managePrinters .addprintersContent { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
/*.myaccountRight.managePrinters {padding: 0px 15px;}*/
.managePrinters h3 {font-size: 1.5em; margin: 0px; }
.managePrinters h3.sectiontitle {font-size: 2em;}	
.mobile .managePrinters .greytxt {color: #767676 !important;}
.managePrinters .savedprinters .large-12 {padding: 1em;}
.managePrinters .savedprinters .large-12 .large-2 {width: 25%;}
.managePrinters .savedprinters .large-12 .large-7 {width: 75%; padding-right: 0px;}
.managePrinters .savedprinters .large-12 .large-3 {padding: 0px; margin-top: 0.625em;}
.managePrinters h3.mobileSavedPrintersHeader:after, .managePrinters h3.addprintersHeader:after { background: url("../img/myaccount/plus.png") no-repeat scroll 0 0 transparent; height: 20px; width: 20px; content:""; float: right; margin-top: 5px;}
.managePrinters h3.savedPrintersHeaderActive:after, .managePrinters h3.addPrintersHeaderActive:after { background: url("../img/myaccount/minus.png") no-repeat scroll 0 0 transparent !important; height: 20px; width: 20px; content:""; float: right; margin-top: 5px;}
.managePrinters h3.savedPrintersHeaderActive, .managePrinters h3.addPrintersHeaderActive {background: #f2f3f3 !important;}
.managePrinters .savedprinters .bluebtn {float:left; margin: 5px 0px 0px 0px;}
.managePrinters .savedprinters .removelink {float: right; margin-top: 18px;}
.myaccount .addprinters h5 {color: #767676; font-size: 1em; padding: 0px 0px 0px 15px;}
.myaccount .addprinters span {font-size: 1.5em; padding: 0px 0px 0px 15px;}
.managePrinters .addprinters .large-12 {padding:0.5em 0em; border-bottom: none;}
.mobile .managePrinters .addprinters .greytxt {margin-bottom: 0.5em;}
.managePrinters .addprinters .large-12 span {padding-left: 0em; margin-bottom: 3px; display: inline-block;}
.mobile.myaccount form.custom .custom.dropdown { background: none repeat scroll 0 0 transparent; border:none; /*height: 60px; margin: 10px 0px 0px 15px; width: 90%;*/}
.mobile.myaccount form.custom .custom.dropdown.open { border-top: 1px solid #B9B8BB; border-left: 1px solid #B9B8BB; border-right:1px solid #B9B8BB;}
.myaccount form.custom .custom.dropdown .selector:before { background: none;}
.myaccount form.custom .custom.dropdown ul { border-color: #CCCCCC; left: -1px; padding: 0; position: absolute; width: auto; }
.myaccount form.custom .custom.dropdown ul li { border-top: 1px solid #CCCCCC; padding: 5px 15px;}


.manageprintersStep1 { border-bottom: 1px solid #e5e8e8; padding: 0px 0px 30px 0px; background: #ffffff; }
.manageprintersSteps { border-bottom: 1px solid #e5e8e8; background: #ebebeb; padding: 30px 0px 30px 0px; }
.manageprintersSteps .custom.dropdown { background: #f5f5f5 !important;}
.managePrinters .addprinters .bluetext.small { font-size: 1em; display:block; margin-right: 0em; margin-bottom: 1em; margin-top: 0.5em;}
.managePrinters .addprinters .btnBlock .btn {width:100%; max-width: 400px;}
.managePrinters .btn.disabled { padding: 5px 20px;}

.managePrinters .large-12.columns.rewardimage.nosidepaddings {padding-bottom: 1.25em; padding-top: 1.25em;}
.managePrinters .large-12.columns.rewardimage .imgContainer {text-align: center;}
.managePrinters .large-12.columns.rewardimage .imgContainer img {max-width: 270px;}
}
.managePrinters .large-12.btnBlock { border-bottom: none;}

@media only screen and (max-width: 496px) {
	.managePrinters .savedprinters .large-12 .large-2 {width: 100%; text-align:center;}
	.managePrinters .savedprinters .large-12 .large-2 img {max-width: 100px; margin-bottom: 10px;}
	.managePrinters .savedprinters .large-12 .large-7 {width: 100%; padding: 0px;}
	.managePrinters .addprinters .large-12 {padding: 0.25em 0em;}
	.managePrinters .addprinters .large-12 .large-6:first-child {display: none;}
	.managePrinters .addprinters .large-12 .custom.dropdown {height: auto;}
	.managePrinters .addprinters .large-12.step2area, .managePrinters .addprinters .large-12.step3area {display: none;}
	.managePrinters .savedprinters .bluebtn {padding: 0.375em 0.75em;}
	.managePrinters .btn.disabled {padding: 0px;}
}
/*Order Final Printers Mobile */
@media only screen and (max-width: 800px) {
	.myaccount.orderstatus .topsection {   background:none;  padding: 30px 0 0; }

.myaccount.orderstatus  h2 {   background:none; border:none; 
    padding: 0px;
}
.orderFinal .searchOrders input.btn[type="submit"] { border: none; background: #0096d6 url(../img/myaccount/myaccount_mobile_search.png) no-repeat center center; border-radius: 0px 0px 0px 0px; font-size: 0px; padding: 22px 22px 23px 22px;}	
.myaccountRight.orderFinal .tablehead {border: none;}
.mobile.myaccount .contentMyAccount {margin-top: 0px;}
.orderFinal .searchOrders input[type="text"] {border: 1px solid #cccccc;}
.orderFinal .tablehead span:first-of-type { display: block; font-family: "HPSimplified-Light"; font-size: 24px;
 margin-left: 0; padding: 18px 0px 0px 0px; }	
.orderFinal .tablehead span { font-family: "HPSimplified-Light"; font-size: 14px; margin-left: 0;}
.orderFinal .tablehead {height: 78px; line-height: 22px; padding: 0px 0px 0px 20px; cursor: pointer; background: #ffffff; }
.orderFinal .tablehead span:after {content: "";}
.orderFinal .tablehead:after { background: url("../img/myaccount/plus.png") no-repeat scroll 0 0 transparent; height: 20px; width: 20px; content:""; float: right; margin: -10px 20px 0px 0px;}
.mobilewidthindicator {width: 768px;}
.orderFinal .tablehead.addorderContentHeadActive:after { background: url("../img/myaccount/minus.png") no-repeat scroll 0 0 transparent; height: 20px; width: 20px; content:""; float: right; margin: -10px 20px 0px 0px;}
.orderFinal .tablehead.addorderContentHeadActive {background: #f2f3f3;}
.orderFinal .tablehead.orderContentHead2:before { background: url("../img/myaccount/check.png") no-repeat scroll left center transparent; height: 28px; width: 20px; content:""; float: left; margin: 25px 0px 0px 0px; padding: 0px 25px 0px 0px;}
.orderFinal .tablehead.orderContentHead2.addorderContentHeadActive:before {background: none;}
/*Order Content Block Styles*/
.orderFinal .content {padding: 20px;}
.orderFinal .progresschkt {margin: 0 -22% 0 -1%; padding: 0px;}
.orderFinal .progresschkt .columns { margin: 0; padding: 0; width: 25%;} 
.orderFinal .progresschkt h4:before, .orderFinal .progresschkt h4:after {margin: 0px;}
.orderFinal .progresschkt h4 {text-align: left;}

.orderFinal .items .productInfo {float: none; width: 100%; padding: 0px 0px 20px 20px;}
.orderFinal .productInfo h4 {font-size: 1.5em;}
.orderFinal .productInfo h5 {font-size: 0.875em !important;}
.orderFinal .download {background: url("../img/myaccount/download-small.png") no-repeat scroll left 5px rgba(0, 0, 0, 0); font-size: 0.9375em; padding: 0px 0px 0px 20px;}
.mobile.myaccount .orderFinal .text-right {text-align: left !important; padding: 0px 0px 0px 20px !important;}
.orderFinal .items .qty {font-size: 1em; padding: 5px 0px 0px 0px;}
.orderFinal .black { color: #F05332; font-family: HPSimplified-Light; font-size: 2.25em; font-weight: normal; padding: 0px 0px 5px 0px;}
.myaccountRight.orderFinal .items li { border-bottom: 1px solid #e5e8e8; margin: 0px -20px;}
.myaccountRight.orderFinal .dotsafter span.total {padding: 16px 5px 0px 0px;}
.myaccountRight.orderFinal .dotsafter { background: url("../img/dot.png") repeat-x scroll 0 28px rgba(0, 0, 0, 0);}
.myaccountRight.orderFinal .paymentDetails {border-top: none; padding: 0.5em 0 0.5em 0;}
.myaccountRight.orderFinal .paymentDetails .expand { color: #007dba !important; display: block; padding: 10px 0 10px 20px;}

.myaccountRight.orderFinal .boxContent .boxed .inlineblock {border: none; display: block; height: auto; text-align: center; padding: 0px;}
.myaccountRight.orderFinal .inlineblock p {display: inline; line-height: 32px; color: #767676; font-size: 0.85em;}
.myaccountRight.orderFinal .boxContent .boxed a.btn {margin: 0px;}
.myaccountRight.orderFinal .boxContent .boxed .inlineblock span {font-size: 0.85em;}
.myaccountRight.orderFinal .carrierUPS {color: #767676;}
.myaccountRight.orderFinal .boxContent .boxed {padding: 2.5em 0em;}
.myaccountRight.orderFinal .boxContent .deliveryTitle { font-family: "HPSimplified-Light"; font-size: 1.5em; padding: 0px; margin: 0px 0px 20px 0px;}
.myaccountRight.orderFinal .inlineblock p.bluetext {color: #0096d6;}
.myaccountRight.orderFinal .bottomBorder {border-bottom: none;}
.myaccountRight.orderFinal .pagination {float: none; width: 156px; margin: 0px; padding: 0px;}
.myaccountRight.orderFinal .pagination span {line-height: 1.5em; margin: 0px;}
.myaccountRight.orderFinal .pagination a {border: none; margin: 0px 10px 0px 10px;}
.myaccountRight.orderFinal .pagination a.prev { background: url("../img/myaccount/mobile-pagination-left.png") no-repeat left center;}
.myaccountRight.orderFinal .pagination a.next { background: url("../img/myaccount/mobile-pagination-right.png") no-repeat left center;}
}
/**Form Validation**/
p.emailinputarea.error, p.passwordinputarea.error, p.ordernumberarea.error, p.phonenumberarea.error { color: #FF0000; }
.registereduser .error label, .guest .error label { color:red; background:url(../img/alert_15x15.png) no-repeat; padding-left:20px;}

.smallwarningicon {     
	background: url("../img/alert_15x15.png") no-repeat scroll 0 0 transparent;
    margin-right: 0.5em;
    vertical-align: middle;
    width: 15px;
}
.registereduser input.error, .guest input.error { border: 1px solid #FF0000; }

.emailinputarea p,.passwordinputarea p, .ordernumberarea p, .phonenumberarea p { color: rgb(0,0,0); }
.emailinputarea, .passwordinputarea, .ordernumberarea, phonenumberarea { margin-right: 0em;}
.emailinputarea.error p, .passwordinputarea.error p, .ordernumberarea.error p, .phonenumberarea.error p {color: rgb(255,0,0);}

@media only screen and (max-width: 800px) {
/**My Account Summary**/
.mobile .myacctSum .text-right.myacctSum { padding-left: 0px; padding-right: 0px; text-align: center !important; }
.mobile .content { padding-left: 0; padding-right: 0; padding-top: 0; }
.mobile .tablecontent.myacctSum .content .large-12.myacctSum h4 { font-size: 16pt; line-height: 30px; width: 143%; }
.mobile .tablehead.printRewards { border: 1px solid #e5e8e8; }
.mobile .tablehead.acctinfo { border: 1px solid #e5e8e8;  }
.mobile .tablecontent.myacctSum { border: none; }
.mobile .manPrinters , .mobile .viewallord { width:145px; padding:5px 0; margin-left: 7px; }
.mobile .tablecontent.myacctSum .content span.myacctSum { color:#767676; }
.mobile .tablecontent.myacctSum .content span.reorderInk { color:#767676; display: block; text-align: left; }
.mobile .tablecontent.myacctSum .content .myacctSum .productInfo { padding-bottom: 15px; }
.mobile .items p.myacctSum { font-weight: bold; }

.mobile .items li.myacctSum {  padding: 1.3em 1em 1.8em; } 
.mobile .tablehead.myacctSum span.myacctSum , 
.mobile .tablehead.recentorders span.myacctSum { font-weight:lighter; font-size:16pt; margin-left: -10px; }
.mobile .tablehead.dateorder h3.myacctSum { font-weight:lighter; font-size:18pt; margin-left: -10px; margin-bottom: 0px; }
.mobile .tablehead.dateorder p.orderno { margin-left: -10px; }
.mobile .plus.right.open { background: url("../img/arrow_dropdown_up_grey.png") no-repeat scroll 0 0 transparent;  margin-right: 5%; }
.mobile .tablehead.myacctSum span:after , 
.mobile .tablehead.recentorders span:after , .mobile .tablehead.dateorder span:after { content:inherit; float: left; }
.mobile .accountInformation .accountContent .column { padding: 0 0 0 1em; width: 100%; }
.mobile .tablehead.recentorders { border: 1px solid #E5E8E8; overflow: hidden; }
.mobile .rcContent { border: 1px solid #E5E8E8; border-top: none; }
.mobile .rcContent .dateorder h3.myacctSum { margin-top: 0; }
.mobile .acctInfos { height:208px; border:1px solid #E5E8E8; border-top:none; }
.mobile .accountInformation , .mobile .boxContent .tablecontent { border: none; } 
.mobile .myaccountRight.myacctSum .accountInformation .accountContent .column h4 { padding: 2px; }
.mobile .accinfoFirstdiv { margin-top: 23px; }
.mobile .accinfoFirstdiv , .mobile .accinfoSeconddiv { margin-bottom: -12px; }
.mobile .accinfoThirddiv { padding-bottom: 2px; }
.mobile .printReward .content.printRewards  { border: 1px solid #e5e8e8; }
.mobile .plus { background: url("../img/arrow_dropdown_grey.png") no-repeat scroll 0 0 transparent; margin-right: 5%; color: #FFF; }
.mobile .tablehead.dateorder { height: 83px; padding: 13px 0 13px 27px;  border-top: none; }
.mobile .items.recOrder .productInfo { width: 100%; }
.mobile .items.recOrder .productInfo h4 { font-size: 1.34em; width: 220px; }
.mobile .items.recOrder .productInfo h5 { font-size: 0.9em; }
.mobile .download { font-size: 1em; }
.mobile .content .items.recOrder .text-right { width: 50%;  padding-top: 15px; }
.mobile .paymentDetails {  padding: 1.5em 1em 0; }
.mobile .content .red { font-size: 2.4em; }
.mobile .content .red.mobpricing1 , .mobile .content .red.mobpricing2 { font-size: 2.2em; }
.mobile .paymentDetails .price { height: 34px; }
.mobile .paymentDetails .dotsafter span.total { padding-right: 10px; padding-top: 14px; }
.mobile .paymentDetails .dotsafter { background: url("../img/dot.png") repeat-x scroll center 26px transparent; }
.mobile .content .red.right { font-size: 2.4em; height: 40px; padding-left: 8px; }
.mobile .boxContent .content .items.recOrder .qty { font-size: 0.95em;  float: left; margin-left: -19px; padding-top: 5px; }
.mobile .boxContent .content .progresschkt .columns { padding: 0; width: 25%; }
.mobile .progresschkt h4:before { height: 27px; }
.mobile .progresschkt { padding: 2em 1em 1em 0; }
.mobile .progresschkt h4 { color: #000; }
.mobile li.firstli { padding: 1em; }
.mobile li.secondli { border-top: 1px solid #E5E8E8;  padding: 1.5em 1em 0; } 
.mobile .items.recOrder li.thirdli { padding: 1.3em 0 0; }
.mobile .printReward .show-for-small .redbtn { min-width: 110px; padding: 0 1em;  float: left; }
.mobile .printReward .show-for-small .bluebtn , .mobile .boxContent .show-for-small .bluebtn {  padding: 0.4em 1.9em; }
.mobile .manageprinterbtn { border-top: 1px solid #E5E8E8; padding-top: 30px; padding-bottom: 5px; }
.mobile .myaccountRight .printReward .items li:last-child { padding-bottom: 1.8em; }
.mobile .printReward { margin: 1em 0 0; }
.mobile .myaccountRight .boxContent { margin: 1.75em 0 1em; }
.mobile.myaccount .large-1.text-right { padding: 15px 0 0; text-align: right !important; }
.mobile .customerbackground { background: #ffffff !important; }
.mobile .myaccountRight .tablehead { background: #F2F3F3; }
.mobile .large-3.purchasedate { width:50%; float:left; }
.myaccount.mobile .contentMyAccount .myaccountRight { margin-top:1.25em; } 
}
/* New PDF Updates */
.myaccountRight .tablehead span.greytxt:after { content: none;}
.myaccountRight a.orderPrint { float: right; margin-top: 22px;}
.myaccountRight .tablehead span.orderNumber:after { content: none;}

/* Change Personal Info Begins*/
.changepersonalInfo .reqpwd { padding: 0 20px 0 0; }
.changepersonalInfo .inputGroup h3 { font-weight: lighter; padding: 25px 0 10px 0; font-size: 1.5em; }
.changepersonalInfo .reqfield { margin: 30px 0; overflow: hidden; width: 370px; padding: 0 0 0 76px; }
.changepersonalInfo .updbtn { margin: 30px 0; }
#content .changepersonalInfo input[type="text"],
#content .changepersonalInfo input[type="password"], 
#content .changepersonalInfo .singlecolumn { width: 300px; }
#content .changepersonalInfo .ext input[type="text"] { width: 82%;}
#content .guestRegistration .ext input[type="text"], #content .emppurchaseprog .ext input[type="text"] { width: 70%;}
.changepersonalInfo .custom { width: 98%; }
.changepersonalInfo form.custom .inp .custom.dropdown { width:92.9%;}
.changepersonalInfo form.custom .inp .large-6.column.state { width: 59%;}
.changepersonalInfo [class*="column"] + [class*="column"]:last-child { float: left; }
.changepersonalInfo form .row .row .column { padding:0; }
.changepersonalInfo .headtext h3 { font-weight: lighter; padding: 0 0 10px 0; font-size: 1.5em; }
.changepersonalInfo .addaddrextn.large-7.column.nosidepaddings { margin-right: 7%; }
#content .changepersonalInfo .ph input[type="text"], 
#content .guestRegistration .ph input[type="text"], 
#content .emppurchaseprog .ph input[type="text"], 
#content .editaddress .ph input[type="text"]{
    float: left;
    margin: 0 4px;
    width: 24%;
}
#content .changepersonalInfo .ph input[type="text"].ph_text, #content .editaddress .ph input[type="text"].ph_text { width:32%; }
.changepersonalInfo .ph span, .guestRegistration .ph span, #content .emppurchaseprog .ph span, .editaddress .ph span{
    float: left;
    margin: 10px 0;
}
#content .changepersonalInfo .inp .large-3.column.zipcode > input { width: 79%; }
#content .changepersonalInfo .inp .large-7.column.state { width: 65%;}
.changepersonalInfo .large-5.text-right.updbtn { width: 39.5%;}
@media only screen and (min-width:801px) and (max-width:1024px) {
	#content .changepersonalInfo input[type="text"], #content .changepersonalInfo input[type="password"] { width:98%; }
	#content .changepersonalInfo .ph input[type="text"].ph_text { width:30%; }
	#content .changepersonalInfo .large-7.column.nosidepaddings.ph { width: 66%;}
	.changepersonalInfo .large-3.column.nosidepaddings.extn {  margin-left: 3%;}
	#content .changepersonalInfo .large-3.column.nosidepaddings.extn > input, #content .changepersonalInfo .inp .large-3.column.zipcode > input{ width: 115%;}
	.changepersonalInfo .updbtn { margin: 3% 0 3% 59%;}
	.changepersonalInfo .large-3.column.zipcode { margin-left: 10%;}
	#content .changepersonalInfo form.custom .inp .custom.dropdown { width: 109%;}
	.changepersonalInfo .reqfield { width:295px; }
	.paymentMethod [class*="column"] + [class*="column"]:last-child { float:left; }
	.paymentMethod .zipcodeCol {width: 35%;}
	.managesubscription .inputGroup {width: 100%;}
	#content .managesubscription input[type="text"] {width:100%;}	
}

@media only screen and (max-width: 800px) {
	.changepersonalInfo .custom {width:100%;}
	.changepersonalInfo .headtext h3, .changepersonalInfo .inputGroup h3 {padding-bottom: 0px;}
	#content .changepersonalInfo input[type="text"], 
	#content .changepersonalInfo input[type="password"], 
	#content .changepersonalInfo .singlecolumn,
	#content .changepersonalInfo .ext input[type="text"],
	.changepersonalInfo form.custom .inp .large-6.column.state, 
	#content .changepersonalInfo .inp .large-3.column.zipcode > input {width: 100%; margin-bottom: 0.5em;}
	.changepersonalInfo form.custom .inp .custom.dropdown {width:100%;}
	.changepersonalInfo form.custom .inp .large-6.column.state {margin-bottom: 0em;}
	.changepersonalInfo .inputGroup label, .changepersonalInfo .mandatory {display: none;}
	.changepersonalInfo .large-5.text-right.updbtn {width: 100%; padding-right: 0px; padding-left: 0px; max-width: 400px; text-align:center; margin-left:auto; margin-right:auto; margin-top: 15px;}
	.changepersonalInfo .large-5.text-right.updbtn .text-right {padding-left: 0px; padding-right: 0px;}
	.changepersonalInfo .large-5.text-right.updbtn .btn {width:100%;}
	.changepersonalInfo .reqfield.fieldbtn {width: 100%; padding-left: 0px; max-width: 400px; margin-left:auto; margin-right: auto; float:none !important; padding-top:1em;}
}

@media only screen and (width : 801px) {
/*Add Address Book Begins*/
.large-8.column.text-right.nosidepaddings { margin-left: 86px; }
/*Add Address Book Ends*/
}

/*Add Payment Method*/
@media only screen and (min-width:1025px) {
.paymentMethod [class*="column"] + [class*="column"]:last-child { float:left; }
.paymentMethod .zipcodeCol { width: 36%; }
.paymentMethod { width:85%; }
}

@media only screen and (min-width:801px) {
	.myaccount .customerLogin .registereduser { padding-left:1.0em; }
}

/*Purchase Program Registration Begins*/
.purchaseprog .purchaseproghead {
    font-size: 2.2em;
    margin: 1em 0 0.25em 0;
	font-weight:lighter;
}
.purchaseprog .backtohomelink {
	color:#0096D6; 
	padding-left:30px; 
	background: url('../img/back.png') no-repeat scroll 0px 0px transparent;
	margin-bottom: 2.5em;
	display: inline-block;
	line-height: 20px;
}
.purchaseprog .backtohomelink:hover {color:#006699;}
.purchaseprog h2.newReghead {
    font-size: 1.75em;
    font-weight: lighter;
	margin:0 0 15px 0;
}
.purchaseprog h2.createpwd { 
	font-size: 1.75em;
    font-weight: lighter; 
	margin:25px 0 0 0;
}
.purchaseprog .coupons { clear:both; overflow:hidden; }
.purchaseprog label { font-size: 0.9em; width:95%; }
.purchaseprog .firstcol { margin-bottom:25px; }
.purchaseprog .mproption {margin-bottom:15px;}
.purchaseprog .check { margin:0 0 0 35px; font-size: 0.875em; padding-top:6px; line-height: 18px;}
.purchaseprog .check.privacylinkarea {padding-top: 0px;}
.purchaseprog .bluetext {
    color: #007DBA !important;
    font-size: 0.9em;
    margin: 5px 0 20px 30px;
}
.purchaseprog .atleastchars { color:#bebdc0; font-size: 0.9em; line-height:0.5em; display:block; margin: 0 0 30px; }
.purchaseprog .passwordarea .bottomBorder {margin: 1em 0em 1.75em;}
.purchaseprog .register { float: left; margin:0 0 0 20px;  }
.purchaseprog .custom.checkbox { margin-top: 2px; vertical-align: middle; }
#content .purchaseprog input[type="text"],#content .purchaseprog input[type="password"],#content .purchaseprog input[type="email"] ,#content .purchaseprog textarea { 	float:left; width:90%; 
}
#content .purchaseprog .buttonsection { text-align:right; }
#content .purchaseprog .buttonsection p.mandatory { margin-top:0; }
#content .purchaseprog .poc { margin:30px 0 0; }
#content .purchaseprog .large-2.column.nosidepaddings.extn { margin: 0 0 0 -22px; }
#content .purchaseprog .bordertop { border-top:1px solid #e5e8e8; }
#content .purchaseprog .large-4.column.nosidepaddings.ph > input { width:20%; }
#content .purchaseprog .large-4.column.nosidepaddings.ph > input:last-child { width:35%; }
#content .purchaseprog .large-4.column.nosidepaddings.ph > span { float: left; margin: 9px 2px 0; }
#content .purchaseprog [class*="column"] + [class*="column"]:last-child { float: left; }
#content .purchaseprog.myaccount form.custom .custom.dropdown { width: 112%; }
#content .purchaseprog .large-3.column.zipcode > input { margin-left: 14%; width: 74%; }
#content .purchaseprog .large-3.column.zipcode > label {
    margin-left: 20px;
}
#content .purchaseprog  input[type="text"], #content .purchaseprog  input[type="password"] {
    background-color: #FFFFFF;
    border: 1px solid #E5E8E8;
    box-shadow: none;
    height: 40px;
    margin-bottom: 1.2em;
}
@media only screen and (width: 801px) { 
.purchaseprog .buttonsection { padding: 0 65px 0 0; }
.purchaseprog .large-4.column.nosidepaddings.ph > input, .purchaseprog .large-4.column.nosidepaddings.ph > input:last-child { width: 28%; }
.purchaseprog .large-3.column.zipcode > label { margin-left: 11px; }
.purchaseprog .large-3.column.zipcode > input { width: 81%; }
.purchaseprog .large-4.column.nosidepaddings.ph > span { margin: 9px 0 0; }
.purchaseprog .large-2.column.nosidepaddings.extn { margin: 0 0 0 -9px; }
.purchaseprog.myaccount form.custom .custom.dropdown { width: 122%; }
.purchaseprog .large-2.column.nosidepaddings.extn > input { width: 84%; }
}
@media only screen and (width: 1024px) { 
.purchaseprog .large-4.column.nosidepaddings.ph > input:last-child { width: 34%; }
.purchaseprog .large-2.column.nosidepaddings.extn { margin: 0 0 0 -18px; }
.purchaseprog .large-3.column.zipcode > label { margin-left: 17px; }
.purchaseprog .large-3.column.zipcode > input { margin-left: 14%; width: 75%; }
}
/*Purchase Program Registration Ends*/

/*HP Employee Purchase Program Registration Begins*/
#content .emppurchaseprog .purchaseproghead {
    font-size: 2.2em;
    margin: 1em 0 0.25em 0;
	font-weight:lighter;
}
#content .emppurchaseprog h2.newReghead, .guestRegistration h2.newReghead, .guestRegistration h2.createpwd {
    font-size: 1.75em;
    font-weight: lighter;
	margin:0 0 15px 0;
}
#content .emppurchaseprog h2.createpwd { 
	font-size: 1.75em;
    font-weight: lighter;
	margin-bottom:0;
}
#content .emppurchaseprog label { font-size: 0.9em; width:90%; }
#content .emppurchaseprog .firstcol { margin-bottom:25px; }
#content .emppurchaseprog .check, #content .guestRegistration .check { margin:0 0 0 35px; font-size: 0.9em; padding-top: 6px; line-height:18px;}
#content .emppurchaseprog form.custom .checkbox,
#content .purchaseprog form.custom .checkbox,
#content .hpacademyreg form.custom .checkbox,
#content .guestRegistration form.custom .checkbox {height: 25px; width: 25px;}
#content .emppurchaseprog form.custom .checkbox.checked,
#content .purchaseprog form.custom .checkbox.checked,
#content .hpacademyreg form.custom .checkbox.checked,
#content .guestRegistration form.custom .checkbox.checked {background: url('../img/form.inputchecked-white.png') no-repeat scroll 5px 6px #0096D6;}
#content .emppurchaseprog .optinoption,
#content .purchaseprog .optinoption,
#content .hpacademyreg .optinoption,
#content .guestRegistration .optinoption {margin-bottom: 0.75em;}
#content .emppurchaseprog .check a,
#content .purchaseprog .check a,
#content .hpacademyreg .check a,
#content .guestRegistration .check a{color: rgb(0,150,214); display: inline-block; margin-bottom: 1.25em;}
#content .emppurchaseprog .optinoption .check a,
#content .purchaseprog .optinoption .check a,
#content .hpacademyreg .optinoption .check a,
#content .guestRegistration .optinoption .check a{margin-bottom:0em;}
#content .emppurchaseprog .check a:hover,
#content .purchaseprog .check a:hover,
#content .hpacademyreg .check a:hover,
#content .guestRegistration .check a:hover{color: rgb(0, 102, 153);}
#content .emppurchaseprog .bluetext, .guestRegistration .bluetext {
    color: #007DBA !important;
    font-size: 0.9em;
    margin: 5px 0 20px 30px;
}
#content .emppurchaseprog .optinoption .bluetext {margin-bottom: 0px;}
#content .emppurchaseprog .coupons, .guestRegistration .coupons { clear:both; overflow:hidden; }
#content .emppurchaseprog .atleastchars { color:#bebdc0;font-size: 0.9em; line-height:0.5em; display:block; margin: 0 0 30px; }
#content .emppurchaseprog .register { float: left; margin:0 0 0 20px;  }
#content .emppurchaseprog .custom.checkbox, .guestRegistration .custom.checkbox { margin-top:2px; vertical-align: middle; }
#content .emppurchaseprog input[type="text"],#content .emppurchaseprog input[type="password"], #content .emppurchaseprog input[type="email"] , #content .emppurchaseprog textarea { float:left; width:90%; }
#content .emppurchaseprog .buttonsection { text-align:right; }
#content .emppurchaseprog.myaccount form.custom .custom.dropdown { width: 90%;}
#content .emppurchaseprog.myaccount form.custom .state .custom.dropdown { width:91%; }
#content .emppurchaseprog .bordertop { padding-top:0; }
@media only screen and (min-width: 50.001em){#content .emppurchaseprog.myaccount .large-2 {position: relative;width: 16%; }}
@media only screen  {#content .emppurchaseprog.myaccount small-12 {position: relative;width: 100%; }}
   
#content .guestRegistration .backtohomelink {
	color:#0096D6; 
	padding-left:30px; 
	background: url('../img/back.png') no-repeat scroll 0px 0px transparent;
	margin-bottom: 0.5em;
	display: inline-block;
	line-height: 20px;
}
#content .guestRegistration .backtohomelink:hover {color:#006699;}
#content .guestRegistration .check.privacylinkarea {padding-top: 0px;}
#content .guestRegistration .bottomBorder {margin: 1em 0em 1.75em;}
#content .guestRegistration .mproption {margin-bottom: 15px;}
#content .emppurchaseprog .backtohomelink {
	color:#0096D6; 
	padding-left:30px; 
	background: url('../img/back.png') no-repeat scroll 0px 0px transparent;
	margin-bottom: 2.5em;
	display: inline-block;
	line-height: 20px;
}
#content .emppurchaseprog .backtohomelink:hover {color:#006699;}
#content .emppurchaseprog .check.privacylinkarea {padding-top: 0px;}
#content .emppurchaseprog .bottomBorder {margin: 0em 0em 1.75em;}
#content .emppurchaseprog .passwordarea .bottomBorder {margin: 1em 0em 1.75em;}
#content .emppurchaseprog .mproption {margin-bottom: 15px;}
/*HP Employee Purchase Program Registration Ends*/


/*HP Academy Registration Begins*/
#content .hpacademyreg .purchaseproghead {
    font-size: 2.2em;
    margin: 1em 0 0.5em 0;
	font-weight:lighter;
}
#content .hpacademyreg h2.newReghead {
    font-size: 1.75em;
    font-weight: lighter;
	margin:15px 0;
}
#content .hpacademyreg h2.elig {
    font-size: 1.75em;
    font-weight: lighter;
	margin:-10px 0 10px 0;
}
#content .hpacademyreg .createpwd { 
	font-size: 1.75em;
    font-weight: lighter; 
	margin:20px 0 0 0;
}
#content .hpacademyreg label { font-size: 0.9em; width: 95%; }
#content .hpacademyreg .firstcol { margin-bottom:25px; }
#content .hpacademyreg .large-12.personalInfo { overflow:hidden; }
#content .hpacademyreg .check { margin:0 0 0 35px; font-size: 0.9em;  padding-top:5px; padding-right: 35px;}
#content .hpacademyreg .bluetext {
    color: #007DBA !important;
    font-size: 0.9em;
    margin: 5px 0 20px 30px;
}
img#smsOptConfCloseIcon {
    float: right;
}
#content .hpacademyreg .coupons { clear:both; overflow:hidden; }
#content .hpacademyreg span.left { margin:7px 0 0; }
#content .hpacademyreg .schoolaff { margin-bottom:20px; }
#content .hpacademyreg .atleastchars, .guestRegistration .atleastchars { color:#bebdc0; font-size: 0.9em; line-height:0.5em; display:block; margin: 0 0 30px; }
#content .hpacademyreg .register { float: left; margin:0 0 0 20px;  }
#content .hpacademyreg .custom.checkbox { margin-top:4px; vertical-align: middle; }
#content .hpacademyreg input[type="text"],#content .hpacademyreg input[type="password"], #content .hpacademyreg input[type="email"] , #content .hpacademyreg textarea { 											float:left; width:90%; }
#content .hpacademyreg .buttonsection { text-align:right; margin: 45px 0 0; }
#content .hpacademyreg .radioGroup { margin-bottom:20px; }
#content .hpacademyreg .schoolpin input[type="text"] { margin-left: 20px; margin-top: -3px; width:18%; }
#content .hpacademyreg a.disabled.bluebtn { margin: -1px 0 0 20px; }
#content .hpacademyreg.myaccount form.custom .personalInfo .custom.dropdown { width: 25%; }
#content .hpacademyreg .personalInfo h4 { font-size:1.125em; }
#content .hpacademyreg .poc { margin:30px 0 0; }
#content .hpacademyreg .state { margin-left: -9px; width: 29%; }
#content .hpacademyreg .bordertop { border-top:1px solid #e5e8e8; }
#content .hpacademyreg .large-2.column.nosidepaddings.extn { margin: 0 0 0 -22px; }
#content .hpacademyreg .large-4.column.nosidepaddings.ph > input { width:20%; }
#content .hpacademyreg .large-4.column.nosidepaddings.ph > input:last-child { width:30%; }
#content .hpacademyreg .large-4.column.nosidepaddings.ph > span { float: left; margin: 9px 2px 0; }
#content .hpacademyreg .large-4.column.zipcode > input { width: 48%; }
#content .hpacademyreg .large-4.column.zipcode { margin-left: 9px; }
@media only screen and (width: 1024px) { 
#content .hpacademyreg .large-2.column.nosidepaddings.extn { margin: 0 0 0 -18px; }
#content .hpacademyreg .large-4.column.zipcode > input { width: 49%; }
#content .hpacademyreg .large-4.column.nosidepaddings.ph > input:last-child { width: 28%; }
}
@media only screen and (width: 801px) { 
#content .hpacademyreg .ph label { width: 91%; }
#content .hpacademyreg .large-2.column.nosidepaddings.extn { margin: 0 0 0 -13px; }
#content .hpacademyreg .large-4.column.zipcode { margin-left: 7px; }
#content .hpacademyreg .large-4.column.zipcode > input { width: 51%; }
#content .hpacademyreg.myaccount form.custom .custom.dropdown { width: 112%; }
}
@media only screen and (min-width: 801px) and (max-width:1024px) { 
#content .hpacademyreg .schbtn { width:135%; }
#content .hpacademyreg .schpincode { padding:0 0 0 53px; }
}

/*HP Academy Registration Ends*/

/*Your order final special Begins*/
.orderspecial .blacks {
    color: #D7410B;
    font-size: 1.5em;
    font-weight: lighter;
	padding-bottom: 5px;

}
.orderspecial .orderspl p.price { margin-top:-10px;overflow:hidden; }
.orderspecial p.status { margin-top: -15px; }
.orderspecial p.trackord { margin-top: -25px; }
.orderspecial .dotsafter span.total { padding: 11px 2px 0 0; }
.orderspecial .items .productInfo { width: 50%; }
.orderspecial .price.dotsafter { background: url("../img/dot.png") repeat-x scroll 0 24px rgba(0, 0, 0, 0);}

@media only screen and (width: 801px) { 
.orderspecial.mobile.myaccount .text-right {
    text-align: right !important;
	padding-right:0;
	padding-left:0;
}
.orderspecial.mobile.myaccount {
	border-bottom:none;
}
}
/*Your order final special Ends*/   


/*Dots after image Begins*/
.orderFinal.myaccountRight .price {
    overflow: hidden;
}
.orderFinal .dotsafter span.total {
    padding-top: 0;
}
.orderFinal.dotsafter {
    background: url("../img/dot.png") repeat-x scroll center 16px rgba(0, 0, 0, 0);
}
.orderFinal.myaccountRight .black {
    line-height: 10px;
    padding: 0 0 5px;
}
/*Dots after image Ends*/
.acctsum .price {
    overflow: hidden;
}
.acctsum .black {
    margin-top: -4px;
    padding: 0 0 5px;
}
@media only screen and (width : 801px) {
/*Add Address Book and Edit Address Book - Update Address Book button Begins*/
.addaddress .large-8.column.text-right.nosidepaddings,
.editaddress .large-8.column.text-right.nosidepaddings {
 margin-left: 79px;
}
.addaddress .myaccountRight .addrformfield .large-4.nosidepaddings,
.editaddress .myaccountRight .addrformfield .large-4.nosidepaddings {
    width: 44%;
}
.editaddress.myaccount.mobile { border-bottom: none; }
/*Add Address Book and Edit Address Book - Update Address Book button Ends*/
}


/*Password Recovery*/
.pwd_Recovery h1, .guestRegistration h1 { font-size: 2.25em; font-weight: lighter; margin: 1em 0 0.25em; }
.pwd_Recovery h2, .guestRegistration h2 {
  font-size: 1.375em;
  font-weight: lighter;
  margin: 0 0 15px;
}
.pwd_Recovery .title-area .backtohomelink { background: url('../img/Back_Arrow.png') left center no-repeat; padding-left: 1em; color:#007DBA;}
.pwd_Recovery .title-area .backtohomelink:hover {color:#006699;}
.pwd_Recovery .formrecovery {padding-top: 1em; padding-bottom: 5em;}
.pwd_Recovery .formrecovery p {line-height: 1.5; color: #5a5a5a;}
.pwd_Recovery .formrecovery p.subheader {font-size:1.75em; color: #000;}
@media only screen and (max-width:1000px) {
	.topgradient.myaccount.pwd_Recovery { padding: 0em;}
}
@media only screen and (max-width:496px){
	.pwd_Recovery h1 {margin-top:0.25em;}
	.pwd_Recovery .formrecovery { width: 100%; margin-left: 0%; padding-bottom: 2em;}
	.pwd_Recovery .formrecovery .btn {width: 100%;}
}
/*Guest Registration*/
#content .myaccount.guestRegistration .alertbox {margin-top: 0px; padding: 1em 2.75em; margin-bottom: -1.5em; display: none;}
.guestRegistration h2.newReghead {margin-top:1em; margin-bottom: 0.5em;}
#content .myaccount.guestRegistration .error label {color:#F00;}
#content .myaccount.guestRegistration .companyinputarea {margin-bottom:1.25em; visibility: hidden;}
#content .myaccount.guestRegistration .companyinputarea a {color:#000;}
#content .myaccount.guestRegistration .companyinputarea.error a {color:#c60f13;}
#content .myaccount.guestRegistration .companyinputarea a:hover{ text-decoration: none;}
#content .myaccount.guestRegistration .companyinputarea .tooltip_top {right: -30px; width: 220px;}
#content .myaccount.guestRegistration .companyinputarea .tooltip_top .tooltip_corner {left:166px;}
#content .myaccount.guestRegistration .companyinputarea .tooltip_top .tooltip_text p {margin-bottom: 0px;}
#content .myaccount.guestRegistration form.custom .custom.radio {margin: 0px;}
#content .myaccount.guestRegistration form.custom .custom.radio.checked {border: 2px solid #5A5A5A;}
#content .myaccount.guestRegistration .shoppingforoption {display: inline-block; margin-left:0.5em;}
#content .myaccount.guestRegistration .shoppingforoptiondetail {display: inline-block;}
#content .myaccount.guestRegistration .shoppingforoption ._input_radio {display: inline-block;}
#content .myaccount.guestRegistration .shoppingforoptionarea p {font-size: 0.875em; display:inline-block; margin-bottom:1.429em;}


#content .myaccount.guestRegistration .ph-section {width: 33.33% !important;}
#content .myaccount.guestRegistration input.phone-digits { width:25% !important; }
#content .myaccount.guestRegistration input.phone-digits:last-child { width:30% !important;}
#content .myaccount.guestRegistration .extn-section {width: 13.33% !important; margin-left: 0em;}
#content .myaccount.guestRegistration [class*="column"] + [class*="column"]:last-child, #content .emppurchaseprog [class*="column"] + [class*="column"]:last-child { float: left; padding:0; }
#content .myaccount.guestRegistration .large-8.column.state, #content .emppurchaseprog .large-8.column.state { padding:0; padding-right:3%; }
#content .myaccount.guestRegistration .zipcode input[type="text"], #content .emppurchaseprog .zipcode input[type="text"] { width:93% !important; }
#content .myaccount.emppurchaseprog .mandatory,
#content .myaccount.purchaseprog .mandatory,
#content .myaccount.hpacademyreg .mandatory,
#content .myaccount.guestRegistration .mandatory { color:#b8b9bb; font-size: 1em; margin-bottom: 0.875em; margin-top: 0.625em;}
#content #forgot .mandatory { color:#b8b9bb; font-size: 1em; margin-bottom: 0.875em; margin-top: 0.625em;}
#content .myaccount.guestRegistration h2.createpwd { margin-bottom:0; }
#content .myaccount.guestRegistration .bordertop, #content .emppurchaseprog .bordertop { border-top:1px solid #E5E8E8; width:70%; padding-top:10px; }

@media only screen and (max-width:1024px) and (min-width: 801px) {
#content .myaccount.guestRegistration input.phone-digits { width:21% !important; padding: 7px 2px;}
#content .myaccount.guestRegistration input.phone-digits:last-child { width:30% !important;}
}

/*Address Validation*/
.myaccount .addressvalidationarea { left: 0;}
.myaccount .addressvalidationarea .contextarea .warningarea .alertbox { font-size: 0.9375em; line-height: 1; background-color:#F7D7D7; padding-left:20px; background-image:none;}
.myaccount .addressvalidationarea .contextarea .warningarea { margin-left: 0; width: 100%;}
.myaccount .addressvalidationarea .contextarea .alertbox, .myaccount .addressvalidationarea form.custom .custom.radio.checked:before { margin-top:0;}
.myaccount .addressvalidationarea .contextarea .addressoptionsection .recommendaddressarea, .myaccount .addressvalidationarea form.custom .custom.radio.checked:before, .myaccount .addressvalidationarea .contextarea .addressoptionsection .originaladdressarea { margin-left:0; }
.myaccount .addressvalidationarea .contextarea .addressoptionsection .originaladdressarea .custom.radio { margin-top: 0;}
.myaccount .addressvalidationarea .contextarea .originaladdresseditarea .custom.dropdown a.current { line-height:2.1em; }
.myaccount .addressvalidationarea .originaladdresseditarea .custom.dropdown .selector:before { background-image:none;}
.myaccount .addressvalidationarea .contextarea .originaladdresseditarea .custom.dropdown a.selector { height: 2.3125em;}
.myaccount.editaddress .addressvalidationarea .contextarea .addressoptionsection .row, .myaccount.addaddress .addressvalidationarea .contextarea .addressoptionsection .row { width:100%; }
.myaccount.editaddress .addressvalidationarea .contextarea .addressverifybuttonarea,.myaccount.addaddress .addressvalidationarea .contextarea .addressverifybuttonarea { margin-right:12px; }
@media only screen and (max-width:1024px) and (min-width: 801px) {
.myaccount .addressvalidationarea .contextarea .originaladdresseditarea .custom.dropdown { width: 18%;}
.myaccount .addressvalidationarea .contextarea .originaladdresseditarea #cityinput { width: 20%;}
}
/*Order Status Guest Customer*/
.myaccount.orderstatus_guestcustomer .contentMyAccount .large-12.myaccountRight { width:100%; }
.myaccount.orderstatus_guestcustomer .viewmorerow .viewmorearea {  float: right; }
.myaccount.orderstatus_guestcustomer .viewmorerow .viewmorearea p {
    display: inline-block;
    font-size: 2em;
    font-weight: 100;
    line-height: 1;
    margin-bottom: 0;
    margin-right: 0.5em;
    margin-top: 0;
    vertical-align: middle;
}
.myaccount.orderstatus_guestcustomer .viewmorerow .viewmorearea .viewmoreicon {
    background: url("../img/product_finder/view_more_arrow_active_50x50.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 50px;
    vertical-align: middle;
    width: 50px;
}
.myaccount.orderstatus_guestcustomer .orderFinal.myaccountRight .black { margin-top:0; }
.myaccount.orderstatus_guestcustomer .viewmorearea.more2 { padding-top:2em; }
.myaccountRight .large-7.column.nosidepaddings.ph {width: 66.6666%;}
.changepersonalInfo .myaccountRight .large-7.column.nosidepaddings.ph {
    width: 58.3333%;
}
@media only screen and (max-width:1024px) and (min-width: 801px) {
	.changepersonalInfo .myaccountRight .large-7.column.nosidepaddings.ph {
    width: 66.6666%;
}
}

/*My account summary CSS begin*/
.acctsum .toplinks { float:right; margin-top:0.5em;}
.acctsum .icon { padding-left:25px; }
.acctsum a.email { margin-left:15px; }
.acctsum a.print { border-right:1px solid #cccccc; padding-right:15px;}
.acctsum .acctInfos .column{ width: 200px; max-width: 250px;}
.acctsum .acctInfos .column.accdiscount {width:250px; height: 100px;}
.acctsum .acctInfos h6{font-size: 1.25em; font-weight:100; margin: 0em;}
.acctsum .acctInfos p {color:#767676; margin-bottom: 1.5em; line-height: 1.25;margin-top: .2em;}
.acctsum .acctInfos p.shopforinfo {margin-bottom: 1.25em;}
.acctsum .acctInfos p.shopforinfo span.shopforcompany {
	display:inline-block;
	word-wrap: break-word;
}
.acctsum .acctInfos p.email {color:#0096D6;}
.acctsum .acctInfos p.email a {color:#0096D6;}
.acctsum .printReward .bluebtn, .acctsum .boxContent .bluebtn { right:0; top:32px; line-height:2.25em;}
.acctsum .myaccountRight .tablehead {height:auto; line-height:normal; padding: 0em 1.25em; width:100%;}
.acctsum .myaccountRight .tablehead .ordershortinfoarea {display:inline-block; float:left; margin: 0.625em 0em; padding: 0.125em 1.875em 0.125em 0em; border-right:1px solid #cccccc;}
.acctsum .myaccountRight .tablehead .ordershortinfoarea p {font-size: 1.25em; line-height: 1em; font-weight:100;}
.acctsum .myaccountRight .tablehead .orderno {margin-bottom: 0.4em;}
.acctsum .myaccountRight .tablehead .orderno a{color:#0096D6; cursor:pointer;}
.acctsum .myaccountRight .tablehead .orderno a:hover{color:#006699;} 
.acctsum .myaccountRight .tablehead .orderdate {margin-bottom: 0em;}
.acctsum .myaccountRight .tablehead .orderdate span {display: inline-block;}
.acctsum .myaccountRight .tablehead .orderpriceinfoarea {display:inline-block; float:left; margin: 0.625em 0em; padding: 0.4375em 0em 0em 1.25em;}
.acctsum .myaccountRight .tablehead .orderpriceinfoarea p {margin-bottom: 2px; font-size: 0.875em; line-height:1;}
.acctsum .myaccountRight .tablehead .orderpriceinfoarea .standard_price {padding:0em; line-height: normal;}
.acctsum .myaccountRight .tablehead .vieworderdetaillinkarea {
	display:inline-block; 
	float:right; 
	margin: 0.625em 0em; 
	padding: 0.9375em 0em;
}
.acctsum .myaccountRight .tablehead .vieworderdetaillinkarea a{
	background: url('../img/myaccount/arrow_right.png') no-repeat scroll right center transparent;
	padding-right: 20px;
	cursor:pointer;
}
.acctsum .myaccountRight .rcContent {padding:0em 1.25em;}
.acctsum .myaccountRight .rcContent .itemlistheader p {margin-bottom:0em; font-size: 1.5em; font-weight:100; padding:0.25em 0em;} 
.acctsum .myaccountRight .rcContent .ordereditem {padding: 1.875em 0em;border-top: 1px  solid #cccccc;} 
.acctsum .myaccountRight .rcContent .ordereditem p {margin-bottom:0em;line-height:1.25;}
.acctsum .myaccountRight .rcContent .ordereditem .imgContainer{ width:20%; float:left; max-width: 108px;}
.acctsum .myaccountRight .rcContent .ordereditem .productinfoarea {width:45%; float:left; padding-left:2em; padding-right: 5em;}
.acctsum .myaccountRight .rcContent .ordereditem .productinfoarea .productname {
	font-size:1.25em; 
	font-weight: 100; 
	word-break:keep-all; 
	margin-bottom:0.5em;
	max-height:2.5em;
	overflow:hidden;
}
.acctsum .myaccountRight .rcContent .ordereditem .productinfoarea .amountarea .qty{display:inline; float:left; margin-top:0.5em;}
.acctsum .myaccountRight .rcContent .ordereditem .productinfoarea .amountarea .standard_price{display:inline-block; float:right;}
.acctsum .myaccountRight .rcContent .ordereditem .deliverydatearea {float:left;}
.acctsum .myaccountRight .rcContent .ordereditem .deliverydatearea p {margin-top:0.25em;}
.acctsum .myaccountRight .rcContent .ordereditem .trackingnumberarea {float:right; padding:0.25em 1em 0em;}
.acctsum .myaccountRight .rcContent .ordereditem .trackingnumberarea .shippedarea,
.acctsum .myaccountRight .rcContent .ordereditem .trackingnumberarea .inprogressarea {margin-bottom:0.3125em;}
.acctsum .myaccountRight .rcContent .ordereditem .trackingnumberarea .trackingnumber {font-size:0.875em; color:#0096D6;}
.acctsum .myaccountRight .rcContent .ordereditem .trackingnumberarea .trackingnumber:hover {color:#006699;}

.acctsum .myaccountRight .printRewards {padding: 1.25em;}
.acctsum .myaccountRight .printRewards .printeritem {padding: 1.25em 0em; border-top: 1px  solid #cccccc;}
.acctsum .myaccountRight .printRewards .printeritem:first-child {border-top: none;} 
.acctsum .myaccountRight .printRewards .printeritem .imgContainer{ width:20%; float:left; max-width: 108px; margin-left: 1em;}
.acctsum .myaccountRight .printRewards .printeritem .productnamearea{ width:55%; float:left; margin-left:2%; margin-right:1%; padding-top:1em;}
.acctsum .myaccountRight .printRewards .printeritem .productnamearea .productname {
	font-size: 1.25em;
	font-weight:100;
	margin-bottom:0em;
	max-height:3.2em;
	overflow:hidden;
}
.acctsum .myaccountRight .printRewards .printeritem .seesupplieslinkarea{ width:13%; float:right; text-align:right; margin-right:1em; padding-top:1.5em;}
.acctsum .myaccountRight .printRewards .printeritem .seesupplieslinkarea .seesupplieslink {color:#0096D6; cursor:pointer;}
.acctsum .myaccountRight .printRewards .printeritem .seesupplieslinkarea .seesupplieslink:hover {color:#006699;}

#shopforoverlayarea {z-index: 100; position: absolute; width: 100%; top:350px}
#shopforoverlayarea a.btnClose {
	background: url("../img/close.png") no-repeat scroll center top transparent;
	height: 20px;
	width: 20px;
	position: absolute;
	right: 10px;
	text-indent: 0px;
	z-index: 1000;
	top: 10px;
}
#callCenterDialog .close-reveal-modal{
	background: url("../img/close.png") no-repeat scroll center top transparent;
	height: 20px;
	width: 20px;
	position: absolute;
	right: 10px;
	text-indent: 0px;
	z-index: 1000;
	top: 10px;
}
#shopforoverlayarea .contextarea{max-width: 640px; background-color: rgb(255, 255, 255); margin-left: auto; margin-right: auto; padding: 40px; position: relative; width:90%;}
#shopforoverlayarea .contextarea .overlaytitle {font-size: 1.5em; margin-bottom: 1em;}
#shopforoverlayarea .contextarea .shopforpersonal {width: 48%; border: 1px solid #CCC; padding: 20px 35px; margin-right: 2%; float: left; height:180px;}
#shopforoverlayarea .contextarea .shopforbusiness {width: 48%; border: 1px solid #CCC; padding: 20px 35px; margin-left: 2%; float: right; height:180px;}
#shopforoverlayarea .contextarea .shopforpersonal.selected, #shopforoverlayarea .contextarea .shopforbusiness.selected {border: 1px solid #0096D6;}
#shopforoverlayarea .contextarea .shopforbusiness .companynameinputarea {display: none;}
#shopforoverlayarea .contextarea .shopforbusiness .companynameinputarea p.inputtitle {font-size: 0.875em;font-family: "HPSimplified",arial; line-height:18px;}
#shopforoverlayarea .contextarea .shopforbusiness.selected .companynameinputarea{display: block;}
#shopforoverlayarea .contextarea .shopforbusiness.selected p.description {display: none;}
#shopforoverlayarea .contextarea .shopforpersonal p,
#shopforoverlayarea .contextarea .shopforbusiness p{font-size: 1.25em; font-family: "HPSimplified-light",arial; margin-bottom: 0.5em;}
#shopforoverlayarea .contextarea .shopforpersonal p.description, 
#shopforoverlayarea .contextarea .shopforbusiness p.description{font-size: 1em; font-family: "HPSimplified",arial; line-height:1.25;}
#shopforoverlayarea .changebtnarea {text-align: right;}
#shopforoverlayarea .changebtnarea .btn {margin-top: 1em;}
#shopforoverlayarea {display: none;}
.reveal-modal-bg.acctsum_reveal-modal-bg {display: none;}
@media only screen and (min-width : 801px) and (max-width:1024px){
	.acctsum .myaccountRight .boxContent {margin-top: 0.9375em;}
	.acctsum .myaccountRight .tablehead .ordershortinfoarea {padding-right:1.25em;}
	.acctsum .myaccountRight .rcContent .ordereditem .imgContainer {display:none;}
	.acctsum .myaccountRight .rcContent .ordereditem .productinfoarea {padding-left: 0em; padding-right: 3.125em; width:50%;}
	.acctsum .myaccountRight .printRewards .printeritem .productnamearea{ width:50%;}
	.acctsum .myaccountRight .printRewards .printeritem .seesupplieslinkarea{ width:18%;}
	.acctsum .acctInfos .column.acctier {height: 100px;}
}
@media only screen and (min-width : 851px) and (max-width:925px){
	.acctsum .myaccountRight .rcContent .ordereditem .productinfoarea {width:43%; padding-right: 2.5em;}
}

@media only screen and (min-width : 801px) and (max-width:850px){
	.acctsum .myaccountRight .rcContent .ordereditem .productinfoarea {width:43%; padding-right: 1.875em;}
}
.acctsum .myaccountRight .mprsignup {margin-top:2em; border-bottom: 1px solid #E5E8E8; padding-bottom:3.125em;}
.acctsum .myaccountRight .mprsignup .imgContainer {width:30%; max-width: 225px; text-align:center; float:left; padding-top:0.5em;}
.acctsum .myaccountRight .mprsignup h3 {margin-bottom: 1.25em;}
.acctsum .myaccountRight .mprsignup .context {width:70%; max-width: 525px; float:left; padding-left: 1.75em;}
.acctsum .myaccountRight .mprsignup .context p.pheader {font-size: 1.5em; font-weight:100; margin-bottom:0em; line-height:1.25;}
.acctsum .myaccountRight .mprsignup .context p.graytext {color: rgb(118,118,118); margin-bottom:0.9375em;}
.acctsum .myaccountRight .mprsignup .context ul li { 
	font-size:0.875em;
	color: rgb(118,118,118);
	background: url('../img/li_g.jpg') no-repeat scroll left 9px transparent;
	padding-left: 8px;
}
@media only screen and (max-width:800px){
	.mobile.myaccount.topgradient.acctsum {background:none;}
	.mobile.myaccount.topgradient.acctsum .toplinks {margin-top: 1em;}
	.mobile.myaccount.topgradient.acctsum .myaccountRight .tablehead.myacctSum.show-for-small {height:45px; padding:0em;}
	.mobile.myaccount.topgradient.acctsum .myaccountRight .tablehead.myacctSum.show-for-small.customerbackground {background-color:#F2F3F3 !important;}
	.mobile.myaccount.topgradient.acctsum .myaccountRight .tablehead.myacctSum.show-for-small span {padding-left: 28px; padding-top: 8px; height:45px;}
	.mobile.myaccount.topgradient.acctsum .myaccountRight .accountInformation .acctInfos{height: auto; padding-top: 1.5em;}
	.mobile.myaccount.topgradient.acctsum .myaccountRight .accountInformation .acctInfos .column {width: 50%; margin-right: 0em; padding-right: 1em; max-width:none;}
	.mobile.myaccount.topgradient.acctsum .myaccountRight .accountInformation .acctInfos .column.acctier {height:100px;}
	.acctsum .myaccountRight .rcContent .ordereditem .imgContainer {display: none;}
	.acctsum .myaccountRight .rcContent .ordereditem .productinfoarea {width: 45%; padding-right: 1.25em; padding-left: 0em;}
	.acctsum .myaccountRight .printRewards .printeritem .seesupplieslinkarea {text-align:left; margin-right: 0em;}
	.acctsum .myaccountRight .boxContent h3.sectiontitle {font-size: 2em; padding-top: 0em;}
	.acctsum .myaccountRight .printReward h3.sectiontitle {font-size: 2em;}
	.acctsum .myaccountRight .mprsignup {margin-top:1.25em; padding-bottom: 1.25em;}
	.myaccount .customerLogin .guest { border-right: none;}
}
@media only screen and (max-width:640px){
	.acctsum .myaccountRight .tablehead .ordershortinfoarea p {font-size: 1.125em;}
	.acctsum .myaccountRight .tablehead .vieworderdetaillinkarea {width: 100%; margin:0em;}
	.acctsum .myaccountRight .rcContent .ordereditem .productinfoarea {padding-left: 0em; padding-right: 1.25em; width:65%;}
	.acctsum .myaccountRight .rcContent .ordereditem .deliverydatearea {width:35%;}
	.acctsum .myaccountRight .rcContent .ordereditem .deliverydatearea p{margin-top: 0em; margin-bottom: 0.25em;}
	.acctsum .myaccountRight .rcContent .ordereditem .trackingnumberarea {width: 35%; padding-left: 0em; padding-right: 0em; padding-top: 0.625em;}
	#shopforoverlayarea .contextarea .overlaytitle {margin-bottom: 0.5em;}	
	#shopforoverlayarea .contextarea .shopforpersonal {width: 100%; margin-right: 0%; height:auto;}
	#shopforoverlayarea .contextarea .shopforbusiness {width: 100%; margin-left: 0%; height:auto; margin-top: 0.625em;}
	#shopforoverlayarea .changebtnarea .btn {width:100%;}
}
@media only screen and (max-width:496px){
	.mobile.myaccount.topgradient.acctsum .myaccountRight .accountInformation .acctInfos .column {width: 100%; height:auto;}
	.mobile.myaccount.topgradient.acctsum .myaccountRight .accountInformation .acctInfos .column.acctier {height:auto;}
	.mobile.myaccount.topgradient.acctsum .myaccountRight .accountInformation .acctInfos .column.shopfor .btn{margin-bottom:1.5em;}
	.acctsum .myaccountRight .mprsignup .imgContainer {width: 100%; float: none; margin-left: auto; margin-right: auto;}
	.acctsum .myaccountRight .mprsignup .context {width: 100%; padding-left: 0em;}
	.acctsum .myaccountRight .tablehead .ordershortinfoarea {max-width: 60%;}
	.acctsum .myaccountRight .rcContent .ordereditem .productinfoarea {width: 100%;}
	.acctsum .myaccountRight .rcContent .ordereditem .deliverydatearea {width: 100%; margin-top: 0.625em;}
	.acctsum .myaccountRight .rcContent .ordereditem .trackingnumberarea {width: 100%;}
	.acctsum .myaccountRight .printRewards {padding: 0.625em 1.25em;} 
	.acctsum .myaccountRight .printRewards .printeritem .imgContainer {display:none;}
	.acctsum .myaccountRight .printRewards .printeritem {padding: 0.625em 0em;}
	.acctsum .myaccountRight .printRewards .printeritem .productnamearea {width: 75%; margin-left: 0em; margin-right: 0em; padding-right: 1.25em; padding-top:0.3125em;}
	.acctsum .myaccountRight .printRewards .printeritem .seesupplieslinkarea {max-width: 25%; width:auto; padding-top:0.8125em;}
	.acctsum .myaccountRight .boxContent h3.sectiontitle {font-size: 1.75em;}
	.acctsum .myaccountRight .printReward h3.sectiontitle {font-size: 1.75em;}
}
/*My account summary CSS END*/
 
/*Change password CSS*/
.change_password {padding-bottom: 6.25em;}
.change_password .title-area .pagetitle {font-size:2.25em; margin-bottom: 0em; margin-top: 1em;}
.myaccount.change_password .backlink {color:#0096D6; float: none;}
.myaccount.change_password .backlink:hover {color:#006699;}
.myaccount.change_password .context-area {margin-top:1em;}
.myaccount.change_password .context-area .green_text{color:#008424; font-size: 0.875em; margin-bottom:10px;}
.myaccount.change_password .context-area .graytext{color: #B8B9BB; font-size: 1em; margin-bottom: 0.875em;}
@media only screen and (max-width:800px){
	.topgradient.myaccount.change_password {padding:0px;}
	.myaccount.change_password .context-area {margin-bottom: 2em;}  
}
@media only screen and (max-width:496px){
	.change_password .title-area .pagetitle {margin-top: 0.25em;}
	.myaccount.change_password .row > .small-12 > .small-6 {width:100%;}
	.myaccount.change_password .context-area .btn{width: 100%;}
}
/*Change password CSS END*/

/*Form field consistancy CSS*/
.myaccount .userinfoinputarea p {
    font-size: 0.875em;
    color: #000;
    margin-bottom: 0.25em;
    display: inline-block;
}
.myaccount .userinfoinputarea .error p {color:#F00;}
.myaccount .userinfoinputarea .error .extn-section p {color:#000;}
.myaccount .userinfoinputarea .smallwarningicon {height: 15px; display:none; margin-right: 0.25em;}
.myaccount .userinfoinputarea .error .smallwarningicon {display: inline-block;}
#content .myaccount .userinfoinputarea input {border-color: #CCC; font-size:1em;}
#content .myaccount .userinfoinputarea input.error, #content .myaccount .userinfoinputarea input.error:focus {
    border: 1px solid #F00;
    background-color: #FFF;
}
.myaccount .userinfoinputarea .nicknamearea {
		width: 37.5%;
    margin-right: 62.5%;
}
.myaccount .userinfoinputarea .firstnamearea,
.myaccount .userinfoinputarea .lastnamearea,
.myaccount .userinfoinputarea .cityarea,
.myaccount .userinfoinputarea .statearea {width: 37.5%;}
.myaccount .userinfoinputarea .address1area {width: 75%;}
.myaccount .userinfoinputarea .companyarea,
.myaccount .userinfoinputarea .address2area,
.myaccount .userinfoinputarea .zipcodearea {width: 25%;}
.myaccount .userinfoinputarea .phonearea {display: inline-block;}
.myaccount .userinfoinputarea .phonearea .ph-section {width:auto;}
.myaccount .userinfoinputarea .phonearea .extn-section {margin-left: 1.75em;}
#content .myaccount .userinfoinputarea .phonearea input[type="text"] {width: 65px;}
#content .myaccount .userinfoinputarea .phonearea .extn-section input[type="text"] {width:65px !important;}
#content .myaccount .userinfoinputarea .phonearea .ph-section input.ph_text[type="text"] {width: 95px;}

.myaccount .userinfoinputarea .checkresidentialarea {display: inline-block; vertical-align: top; margin-left: 0.9375em; margin-top: 2em;}
.myaccount .userinfoinputarea .checkresidentialarea .checkboxarea,
.myaccount .userinfoinputarea .checkresidentialarea .textarea {display: inline-block; vertical-align: middle;}

.myaccount form.custom .userinfoinputarea .phonearea label {margin-bottom:0.25em; line-height: 1.6;}
.myaccount form.custom .userinfoinputarea .phonearea .ph-section.error label {color:#F00;}
.myaccount form.custom .userinfoinputarea .custom.dropdown {
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
	font-size: 1em;
	border: none;
	margin-bottom:1em;
}
.myaccount form.custom .userinfoinputarea .custom.dropdown .current{
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
	margin: 0px;
	padding-right: 0.5em;
	padding-left: 0.5em;
	border: 1px solid rgb(204,204,204);
	line-height: 2.3125em;
}
.myaccount form.custom .userinfoinputarea .custom.dropdown.open {
	border-top: 1px solid #000; 
	border-left: 1px solid #000; 
	border-right: 1px solid #000; 
	border-bottom: none;
}
.myaccount form.custom .userinfoinputarea .custom.dropdown.open .current {
	border: none;
}
.myaccount form.custom .userinfoinputarea .custom.dropdown ul {
	border-top: none; 
	border-bottom: 1px solid #000; 
	border-left: 1px solid #000; 
	border-right: 1px solid #000; 
	box-shadow:none;
	margin-top: -1px;
	-moz-box-sizing: content-box !important;
  -webkit-box-sizing:content-box !important;
  box-sizing: content-box !important;
}
.myaccount form.custom .userinfoinputarea .custom.dropdown ul li {
	border-top:solid 1px rgb(204,204,204);
	font-size: 1em;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0.5em;
	padding-left: 0.5em;
	color: rgb(0,0,0);
	background-color: rgb(255,255,255);
}
.myaccount form.custom .userinfoinputarea .custom.dropdown ul li.selected {
	background-color: rgb(255,255,255);
}
.myaccount form.custom .userinfoinputarea .custom.dropdown ul li:hover,
.myaccount form.custom .userinfoinputarea .custom.dropdown ul li.selected:hover {
	background-color: rgb(0,125,186); 
	color: rgb(255,255,255);
}
.myaccount form.custom .userinfoinputarea .custom.dropdown .selector{
	background-image: url(../img/checkout/dropdown_select.png);
	background-repeat: no-repeat;
	background-position: 0.75em 0.75em;
}
.myaccount form.custom .userinfoinputarea .custom.dropdown.open .selector {background-position: 0.8125em 0.6875em;}
.myaccount form.custom .userinfoinputarea .custom.dropdown a.selector:focus {outline: none;}
.myaccount form.custom .userinfoinputarea .custom.dropdown a.selector:after,
.myaccount form.custom .userinfoinputarea .custom.dropdown.open a.selector:after,
.myaccount form.custom .userinfoinputarea .custom.dropdown:hover a.selector:after {display: none;}
.myaccount form.custom .userinfoinputarea .custom.dropdown .selector:before,.myaccount .changepersonalInfo form.custom .custom.dropdown .selector:before {background: none;}
.myaccount form.custom .userinfoinputarea .custom.radio.checked {
	border: 2px solid rgb(90,90,90);	
}
.myaccount form.custom .userinfoinputarea .custom.radio.checked:before {
	background: none repeat scroll 0 0 rgb(0,150,214);
	height: 10px;
	width: 10px;
}
.myaccount form.custom .userinfoinputarea .custom.radio {
	width: 16px;
	height: 16px;
	border: 2px solid rgb(204,204,204);
	display: inline-block;
	position: relative;
	vertical-align: top;
	padding: 1px;
}

.myaccount form.custom .userinfoinputarea .custom.checkbox.checked:before {
	content: url('../img/form.inputchecked-white.png'); 
	margin-left: 5px; 
	margin-top: 0;
}
.myaccount form.custom .userinfoinputarea .checkbox:hover {border: 1px solid #000;}
.myaccount form.custom .userinfoinputarea .custom.checkbox.checked {background: none repeat scroll 0 0 #0095D5;}
.myaccount form.custom .userinfoinputarea .custom.checkbox {
	border-radius: 0 0 0 0; 
	margin-right: 0.5em;
	width:25px;
	height:25px;
}

@media only screen and (min-width : 801px) and (max-width:1024px){
	.myaccount .userinfoinputarea .nicknamearea {width: 33.3333%;margin-right: 66.6667%;}
	.myaccount .userinfoinputarea .firstnamearea,
	.myaccount .userinfoinputarea .lastnamearea,
	.myaccount .userinfoinputarea .cityarea,
	.myaccount .userinfoinputarea .statearea {width: 33.3333%;}
	.myaccount .userinfoinputarea .address1area {width: 66.6667%;}
	.myaccount .userinfoinputarea .companyarea,
	.myaccount .userinfoinputarea .address2area,
	.myaccount .userinfoinputarea .zipcodearea {width: 33.3333%;}
	.myaccount .userinfoinputarea .phonearea .extn-section {margin-left: 1em;}
	#content .myaccount .userinfoinputarea .phonearea input[type="text"] {width: 50px;}
	#content .myaccount .userinfoinputarea .phonearea .extn-section input[type="text"] {width:50px !important;}
	#content .myaccount .userinfoinputarea .phonearea .ph-section input.ph_text[type="text"] {width: 65px;}
	.myaccount .userinfoinputarea .checkresidentialarea {margin-left: 0.5em;}
}

	.myaccount.editaddress .phonearea #phone_mobile_input  {display: none;}
@media only screen and (max-width:800px){
	.myaccount .userinfoinputarea > .column {width: 100%;padding-right: 0em; padding-left: 0em;}
	.myaccount .userinfoinputarea > .column > p {display:none;}
	.myaccount .userinfoinputarea .nicknamearea {width: 100%;padding-right: 0em; padding-left: 0em;}
	.myaccount .userinfoinputarea .firstnamearea,
	.myaccount .userinfoinputarea .lastnamearea,
	.myaccount .userinfoinputarea .cityarea,
	.myaccount .userinfoinputarea .statearea {width: 100%;padding-right: 0em; padding-left: 0em;}
	.myaccount .userinfoinputarea .address1area {width: 100%;padding-right: 0em; padding-left: 0em;}
	.myaccount .userinfoinputarea .companyarea,
	.myaccount .userinfoinputarea .address2area,
	.myaccount .userinfoinputarea .zipcodearea {width: 100%;padding-right: 0em; padding-left: 0em;}
	.myaccount .userinfoinputarea .phonearea {width:100%;}
	#content .myaccount .userinfoinputarea input {margin-bottom: 0.5em;} 
	.myaccount form.custom .userinfoinputarea .custom.dropdown {margin-bottom: 5px;}
	#content .myaccount .userinfoinputarea .phonearea .ph-section {width: 75%; padding-right: 1em;}
	#content .myaccount .userinfoinputarea .phonearea .ph-section label {display: none;}
	#content .myaccount .userinfoinputarea .phonearea .ph-section #phoneno_label {display: block;}
	#content .myaccount .userinfoinputarea .phonearea .ph-section > input,
	#content .myaccount .userinfoinputarea .phonearea .ph-section > span {display: none;}
	#content .myaccount .userinfoinputarea .phonearea .ph-section #phone_mobile_input  {display: block; width: 100%;}
	.myaccount .userinfoinputarea .phonearea .extn-section {margin-left: 0em; width: 25%;}
	#content .myaccount .userinfoinputarea .phonearea .extn-section input[type="text"] {width: 100% !important;}
	#content .myaccount .userinfoinputarea .phonearea .extn-section > p {display: none;}
	.myaccount .userinfoinputarea .checkresidentialarea {margin-left: 0em; width:100%; margin-top:0em}
	.myaccount.editaddress .topsection h2 {margin-bottom: 0em;}
	.myaccount.editaddress .anchor_back { margin-top: 1em; }
	.myaccount.editaddress .text-right {padding-left: 0px; padding-right: 0px; margin-top: 1em;}
	.myaccount.editaddress .text-right a.btn {width: 100%; max-width: 400px;}
	.myaccount.editaddress form.custom .custom.dropdown ul li {padding-top: 0.25em; padding-bottom: 0.25em;}
	.myaccount.editaddress .userinfoinputarea .smallwarningicon {display: none !important;}
}
/*END Form field consistancy CSS*/


/*Manage subscription mobile CSS*/
@media only screen and (max-width:800px){
	.manageSub .show-for-small.drop_down .filters .filtlink {margin-top: 1em;}
	.managesubscription form.custom .signup {width: 100%;}
	.managesubscription .inputGroup {width: 100%;}
	.managesubscription .inputGroup label {margin-bottom: 5px;}
	#content .managesubscription input[type="text"] {width:100%; margin-bottom: 0.75em;}
	.myaccountRight .inputGroup .subscribeBtn {padding: 0px; margin-top: 1em}
	.myaccountRight .inputGroup .subscribeBtn .btn {width: 100%; max-width: 400px;}
}
/*END Manage subscription mobile CSS*/

/* Error Handling */
.error input,
input.error,
.error textarea,
textarea.error {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1) !important; }
  .error input:focus,
  input.error:focus,
  .error textarea:focus,
  textarea.error:focus {
    background: #fafafa;
    border-color: #999999; }
	
	/* Error Handling */
  #changeEmailWrapper .error input,#changeEmailWrapper input.error,#changeEmailWrapper .error textarea,#changeEmailWrapper textarea.error {
  background-color: white !important; }
  
  #changeEmailWrapper .error input:focus,
  #changeEmailWrapper  input.error:focus,
  #changeEmailWrapper .error textarea:focus,
  #changeEmailWrapper textarea.error:focus {
  background-color: white !important; }
	

.error label,
label.error {
  color: #c60f13 !important;}
  
#RegErrorDiv.errormessage {
    color: #c60f13 !important;}  

.error small,
small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: -1.3125em;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #c60f13;
  color: white; }
  
#jpBusinessContent {display:none} 

.splpadding{padding-left:50px;}
#content .myaccount.guestRegistration input.phone-digits.jp-phone-digits { width:41.5% !important;}
.statearea	 + .statearea1{padding-left:38px;width:35%;}
.myaccount .guestReg .statearea {width: 30%;}
#oldPassword_label, #newPassword_label, #confirmNewPassword_label,
#newEmail_label, #confirmNewEmail_label, #Password_label,
#firstname_label , #lastname_label, #address_label, #city_label , #state_label , #zipcode_label,#phoneext_label,#phoneno_label,#phonenomob_label,#company_label{color:#c60f13 !important ;display:block}
.addressBook .myAccount .msg {
    color: green;    
}
#hpeppMnOfHire.error + div {
    border: 1px solid #C60F13 !important;
}
#hpeppYrOfHire.error{background-color: #ffffff !important;}
#hiredate.error label{color:#C60F13 !important;}
#inkredirect{color:#010101;}

#form_printernumber p {margin-bottom: 0px;}
#widget_finders .large-12.columns{padding-top: 0;}

/*10160 starts*/
#latestUpdateOverlay {z-index: 100; position: absolute; width: 100%; top:auto}
#latestUpdateOverlay a.btnClose {
	background: url("../img/close.png") no-repeat scroll center top transparent;
	height: 20px;
	width: 20px;
	position: absolute;
	right: 10px;
	text-indent: 0px;
	z-index: 1000;
	top: 10px;
}
#latestUpdateOverlay .contextarea {
    max-width: 640px;
    background-color: rgb(255, 255, 255);
    margin-left: -464px;
    margin-right: auto;
    padding: 25px;
    position: relative;
    width: 500%;}
#latestUpdateOverlay .contextarea .overlaytitle{font-size: 1.5em; margin-bottom: 0em;}
#latestUpdateOverlay .contextarea .overlaytitle label{font-weight:100;font-size:24px;cursor:auto;margin-bottom: auto;}
#latestUpdateOverlay .contextarea table {width:100%;border:none;}
#latestUpdateOverlay .contextarea  table td,#latestUpdateOverlay .contextarea  table th{padding-left:0px;}
#latestUpdateOverlay .contextarea  table td,#latestUpdateOverlay .contextarea  table tr{background-color:white;}
#latestUpdateOverlay .contextarea  table th{border-bottom:solid 1px !important;border-bottom-color: grey !important;}
#latestUpdateOverlay{display: none;}
@media only screen and (max-width:540px) {
	#latestUpdateOverlay .contextarea {max-width: 540px;background-color: rgb(255, 255, 255);margin-left: 0px;margin-right: auto;padding: 16px;position: relative;width: 95%;}
	#latestUpdateOverlay .contextarea .overlaytitle {margin-bottom: 0.5em;}
	
}

@media only screen and (max-width:800px){
	#latestUpdateOverlay .contextarea {
    max-width: 800px;
    background-color: rgb(255, 255, 255);
    margin-left: 0px;
    margin-right: auto;
    padding: 16px;
    position: relative;
    width: 95%;}
	#latestUpdateOverlay .contextarea .overlaytitle {margin-bottom: 0.5em;}	
}
.reveal-modal-bg.acctsum_reveal-modal-bg {z-index: 98 !important;}
.trackloc{width: 150px}
.trackact{width: 250px}
.stattext1{width: 150px}
.estdatewid{width: 250px}
.esttimewid{width: 90px}
/* 10160 ends */

.managePrinters .addprinters #widget_finders .large-12 {border-bottom-style: none !important;}
/* My account - state dropdown on key focus */
.myaccount form.custom .custom.dropdown .current:focus {
    border:1px solid #999999;
    outline: medium none;
    box-shadow: 0 0 5px #999999;
    height:38px;
}
.myaccount form.custom .custom.dropdown.open .current:focus{border:0;}
form.custom .userinfoinputarea .custom.dropdown ul li.selected,
form.custom .userinfoinputarea .custom.dropdown ul li:hover,
form.custom .userinfoinputarea .custom.dropdown ul li.selected:hover {
    background-color: #0096d6 !important;
    color: #FFFFFF !important;
}
.myaccount form.custom .custom.dropdown ul{width:100%;}

/* AMS 4.0 -- #10301 starts */
.orderStatusForgotPassword .forgotpasswordlink.columns {color:#0096d6 ; font-size: 14px}
.orderStatusForgotPassword {margin-bottom: 15px !important;}
/* AMS 4.0 -- #10301 ends */

.savedCards , .savedCCDiv.credit-card {
	font-family: "HPSimplified-light";
}

.savedCCDiv.credit-card .validity span {
	font-size: 18px !important;
	font-family: HPSimplifiedRegular;
}

.savedCards .makedefaultlink , .editCCBillingAddresslink  {
	color: rgb(0,150,214) !important;
}

.savedCards .savedCCDiv {
    border: 1px solid #E5E8E8;
    background-color: white;
    margin: 5px;
   	border-radius: 3%;
}  

.savedCards .savedCCDiv .credit-card {
	padding: 1% 4% 5% 4%;
    min-height: 100px;
    max-height: 100px;
}

.savedCards p {
	margin-bottom: .1em;
}  

.savedCards .ccImg {
	max-width: 50%;
}

.savedCards .roundTick {
	top: 0px ; 
	left: 0px ;
	background: url('../img/roundTick_16x16.png') no-repeat scroll 0px 2px transparent; 
	padding-left: 25px;
	height: 20px; 
	line-height: 20px;
}	

.savedCards .validity span {
	font-size: 18px !important;
}

.savedCards [class*="column"] + [class*="column"]:last-child , .savedCards .customerName , #deleteoverlayarea .customerName , #makeDefaultoverlayarea .customerName{
 	float: left;
 }	

.savedCards .addNewCard {border: 1px dashed #0171AD;font-size: 14px;text-transform: uppercase;font-weight: normal;color: #0171AD;letter-spacing: 0.26px;cursor: pointer;}
.savedCards  .newCard{height: 109px;width: 185px;display: flex;align-items: center;justify-content: center;background-color: transparent;padding: 3px;padding-top: 2px;margin-top: 6px;margin-bottom: 3px;}
.savedCards .newCard a {font-size: 14px;text-transform: uppercase;font-weight: normal;color: #0171AD;letter-spacing: 0.26px;cursor: pointer;font-family: 'HPSimplified';}
.saved-card-subscription-note{margin-top: 20px;color: #767676 !important;font-size: 16px;}

@media only screen and (max-width: 420px) {
	.saved-card-subscription-note{padding-left: 10px;width: 291px;}
}

#deleteoverlayarea , #makeDefaultoverlayarea {
    z-index: 102;
    position: absolute;
    max-width: 400px;
    background-color: white;
    font-family: HPSimplified-light;
    padding: 20px;
}

#deleteoverlayarea .contextarea , #makeDefaultoverlayarea .contextarea {
	text-align: center;
}	
#deleteoverlayarea .contextarea p , #makeDefaultoverlayarea .contextarea p {
	margin-top: 1.25em;
}
.buttonArea {
	margin-bottom: 1.25em;
}	
.savedCards a.btnClose {
	height: 15px;
    width: 15px;
    position: absolute;
    right: 5px;
    text-indent: 0px;
    top: 4px;
    border-radius: 100%;
    border: 1px solid grey;
    font-size: 14px;
    text-align: center;
    color: grey;
    font-family: HPSimplifiedRegular;
    line-height: 12px;
}

.cardNumber {
	font-size: 14px !important;
}

.cardNumber:before {
	content: "\2022 \2022 \2022 \2022 \2002 \2022 \2022 \2022 \2022 \2002 \2022 \2022 \2022 \2022 \2002";
}

.cardNumber.amex:before {
	content: "\2022 \2022 \2022 \2022 \2022 \2002 \2022 \2022 \2022 \2022 \2022 \2022 \2002";
}

.cardNumber span , .validity span {
	font-family: HPSimplifiedRegular;
}

.cardNumber span {
	font-size: 20px !important;
}

.validity {
	font-size: 12px !important;
}

.custName {
	text-transform: uppercase;
	font-size: 16px;
}

.savedCards .linktxt {
	margin-top: -.3em;
    font-size: 13.4px;
}

.savedCards a.btnClose:hover {
	color: white;
    background-color: grey;
}    

.myaccountRight .blueBox .makedefaultlink {
	display: block !important;
}	

.savedCards .makedefaultlink , .savedCards .btnClose , .editCCBillingAddresslink{
	visibility: hidden;
}	

.savedCards .cardHovered a.btnClose , .savedCards .cardHovered .makedefaultlink , .savedCards .cardHovered .editCCBillingAddresslink{
	visibility: visible !important;
}	 


#my_saved_cards .cardHovered {
	border-color: rgb(0,150,214) !important;
}

.savedCards .savedCCDiv:hover, .savedCards .savedCCDiv:focus{
	border-color: rgb(0,150,214) !important;
}

#subscription_saved_cards .subsOrdCard {
	border-color: rgb(0,150,214) !important;
}

#subscription_saved_cards .savedCCDiv:hover, #subscription_saved_cards .savedCCDiv:focus{
	border-color: rgb(0,150,214) !important;
}

.savedCards .makedefaultlink:hover , .editCCBillingAddresslink:hover { 
	text-decoration: underline;
}	
.defaultPayment {
	color: green !important;
}	

.linktxt a.defaultPayment:after {
    content: "";
}

.savedCards .cardHovered .linktxt a.defaultPayment:after {
    content: "|";
}

#deleteoverlayarea .savedCards {
    padding: 0em 1.4375em !important;
    margin: 20px auto 30px;
}

#deleteoverlayarea .contextarea p {
    margin-top: 0.5em;
    font-size: 30px;
    line-height: 1.125em;
}

#deleteCard , #defaultCard {
    width: 240px;
    margin-left: auto;
    text-align: left;
    margin-right: auto;
    border-radius: 3%;
}	

.editaddress.savedCC .credit-card img {
	float: right;
}

#deleteCard .linktxt , #defaultCard .linktxt {
	visibility: hidden;
}

.savedCards .vcard , #deleteCard .vcard , #defaultCard .vcard{    
    float: right;
    max-width: 60%;
    border: none;
    min-width: 60%;
    color: #767676;
    padding: 0;
    margin: 0;
}

#deleteCard .credit-card {
   	border: 1px solid #CCC;
    min-height: 110px;
    max-height: 110px;
    padding: 5% 4% 5% 7%;
    border-radius: 3%;
}

#savedCCAddressForm .mandatory.reqpwd {
	margin-right: 10px;
}

.editaddress.savedCC .context-area .custom{
	margin-left: -15px;
}

	
@media only screen and (max-width:800px) {
	#deleteCard , #defaultCard {
		width: 235px;
	    margin-left: 5%;
	    padding: 10px;
	    max-height: 450px;
	    height: auto;
	}
	.savedCards .credit-card {    
		min-width: 41%;
	}    
	.savedCC .redbtn {
		margin: inherit !important;
	}
	.savedCards .vcard, #deleteCard .vcard, #defaultCard .vcard {
		max-width: 55%;
		min-width: 55%;
	}
	
	#savedCCAddressForm .cancelbtn {
		margin-top: 10px;
	}
	
	.editaddress.savedCC .context-area .custom{
		margin-left: 0px;
	}
}

.vcard .street-address , .vcard .extended-address {
	word-wrap: break-word;
}

.vcard .companyName {
	display: block;
}	

  
#deleteCard .ccImg , #defaultCard .ccImg {
	max-width: 50%;
    margin-top: 5%;
}

.editAddccImg {
	max-width: 35%;
}

#deleteCard .validity , #defaultCard .validity  {
    margin-top: auto !important;
    margin-bottom: auto !important;
}  

#deleteCard .validity ~ p  {
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 115px;
}   

.savedCC .show-for-small.drop_down , .savedCC .myaccountLeft , .savedCC .nicknamearea  {
	display: none !important;
}

/* Gekko changes */
/* #KFLTODO: padding-left updated for reskin */
#divPGSIframe .pgsIframe{ height: 275px; width: 100%; padding-left: 10px;}
@media only screen and (max-width: 420px) {
	#divPGSIframe .pgsIframe{ height: 500px;    width: 100%;    padding-left: 8px;}
}

@media only screen and (min-width : 500px) and (max-width : 1024px) {
	#divPGSIframe .pgsIframe{ height: 500px;    width: 600px;    padding-left: 8px;}
}

@media only screen and (min-width : 1366px) {
	#divPGSIframe .pgsIframe{ height: 275px; width: 900px; padding-left: 10px;}
}

.editaddress.savedCC .context-area {
	background-color: white;
	padding: 30px;
}	

.editaddress.savedCC .title-area {
	background-color: rgb(0,150,214);
    padding-right: 0.9375em;
    padding-left: 0.9375em;
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: rgb(229,232,232);
}

.editaddress.savedCC .title-area h2{
	font-size: 1.5em;
    font-weight: 100;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    vertical-align: top;
    display: inline-block;
    color: white;
}

.saveCCBilling {
	padding: 30px;
}	

.editaddress.savedCC .credit-card {
	border: 1px solid rgb(0,150,214);
	border-radius: 3%;
	padding-bottom: .5%;
	padding-right: 1%;
}	

.editaddress.savedCC .credit-card p:not(:first-child){
	margin-bottom: 0;
}  

.editaddress.savedCC .sectionBreak {
	border: 1px solid #CCC;
    margin-bottom: 30px;
    margin-top: 30px;
}    

.savedCards .logo.type1 span { display: inline-block; width: 64px; height: 42px; margin: 0; background: url(../img/cc_logos/payment-options-v3.png) no-repeat; border: 0; }
.savedCards .logo.type1 span.type001 { background-position: 0px -42px; }
.savedCards .logo.type1 span.type002 { background-position: 0 -261px; }
.savedCards .logo.type1 span.type003 { background-position: 0 -131px; }
.savedCards .logo.type1 span.type004 { background-position: 0 -175px; }

.savedCards .logo.type2 {
	display: inline-block;
    float: right;
}

.savedCards .logo.type2 span { display: inline-block; width: 45px; height: 30px; margin: 0; border: 0px solid #CCC; border-radius: 2px; }
.savedCards .logo.type2 span.type001 { background: url(../img/cc_logos/visa.svg) no-repeat; }
.savedCards .logo.type2 span.type002 { background: url(../img/cc_logos/mastercard.svg) no-repeat; }
.savedCards .logo.type2 span.type003 { background: url(../img/cc_logos/amex.svg) no-repeat; }
.savedCards .logo.type2 span.type004 { background: url(../img/cc_logos/discover.svg) no-repeat; }

.savedCards .logo.type3 span { display: inline-block; width: 58px; height: 38px; margin: 0; background: url(../img/cc_logos/payment-options-v4.png) no-repeat; border: 0; }
.savedCards .logo.type3 span.type001 { background-position: -100px -42px; }
.savedCards .logo.type3 span.type002 { background-position: -181px -42px; }
.savedCards .logo.type3 span.type003 { background-position: -262px -42px; }
.savedCards .logo.type3 span.type004 { background-position: -181px -165px; }

.savedCCDiv .linktxt a:after {
    margin: 0 0 0 2px;
}

.credit-card .validity ~ p {
	display: inline-block;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 115px;
}

.editaddress .credit-card .validity ~ p {
    max-width: 100px;
}

@media only screen and (min-width: 50.001em){
	.savedCards .large-3 {
		width: 23%;
	}
}

.savedCCDiv {
    min-width: 185px;
    max-width: 185px;
}

/* only for mobile versions */
@media only screen and (max-width: 496px) {
	.savedCards .savedCCDiv {
	    margin: 10px auto;
	    float: none;
	}
	.savedCards [class*="column"] + [class*="column"]:last-child {
		float: none;
	} 
	#deleteoverlayarea .contextarea p:first-child {
	    font-size: 1.625em;
	    line-height: 1.15em;
	    text-align: left;
	}
	#deleteoverlayarea .savedCards .credit-card {
		border-color: rgb(0,150,214);
	}
	#deleteoverlayarea {
	    padding: 17px !important;
	}
}

/*only for tablet saved cards*/
@media only screen and (min-width: 497px) and (max-width: 800px) {
	#deleteoverlayarea {
		left: 20%;
	}
	.savedCards .savedCCDiv {
		margin: 10px;
	}
	#savedCCAddressForm .text-right {
		left: 25%;
	}
	#savedCCAddressForm .text-right a.btn {
		width: auto;
	}
}	

/*only for desktop saved cards*/
@media only screen and (min-width: 801px) {
	#deleteCard .logo.type2 {
		margin-top: 15px;
	}
	#deleteoverlayarea .contextarea p:first-child {
	    font-size: 2.125em;
	    line-height: 1.15em;
	}
}

#deleteoverlayarea .buttonArea .cancelbtn {
    min-width: 100px;
    padding: 0 2em;
}	

.leftnav .highlight {
	font-weight:bold;
}

.expiredlink {
	color: red;
}

.validity .highlight {
	color: black;
}	

.acctInfos h7 span{
	vertical-align: top;
    color: limegreen;
}

.poNotes p span{
	vertical-align: super;
    color: limegreen;
}    

.poNotes p {
	font-size: small;     
}    

@media only screen and (max-width: 800px){
	.mobile .acctInfos.poSection {
		border-bottom: none !important;
	}
	.poNotes {
		 padding-left: 1em !important;
	}
	.myaccount .row {
		padding-left: 0% !important;
		padding-right: 0% !important;
		width: 100% !important;
	}

	.myaccount .row .row
	{	
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.myaccount .topsection {
		padding: 0px 15px !important;
	}
	.myaccount .filters.accordion {
		padding: 0px 15px !important;
	}
	.myaccount  #lp #sec6 .title {
		padding-top: 40px !important;
		padding-bottom: 10px !important;
	}
}


@media only screen and (max-width: 496px) {
	.chForgot.formrecovery {width: 100%;}
	.chForgot.formrecovery .btn {margin-bottom: 5%;}
}

@media only screen and (min-width: 971px) {
	.chForgot.formrecovery .btn ~ .btn {margin-left: 3%;}
}

@media only screen and (max-width: 970px) {
	.chForgot.formrecovery .btn {margin-bottom: 5%;}
}

.topgradient.myaccount.pwd_Recovery {
	background: #fafafa;
    padding-top: 30px;
    padding-bottom: 30px;
}  
#customDropdown.error + .custom.dropdown a.current {
	border-color: #c60f13 !important;
    background-color: rgba(198,15,19,0.1) !important;
}
.pwdMsg {
	font-size: .875em;
    font-weight: 500;
}
section.gstOrdMsg {
    font-size: 1.125em;
}
span.gstOrdMsgWI {
    font-weight: bold;
    font-style: italic;
}

	.myOrders.smsNotifications{float:left;position:relative;width:100%;padding:20px 10px 20px 0;}
	.myOrders.smsNotifications .smsNotificationWrap{float:left;position:relative;width:100%;}
	.myOrders.smsNotifications .smsInputWrap{float:left;position:relative;width:1000px;z-index:99;}
	.myOrders.smsNotifications input[type="checkbox"]{display:none;}
	.myOrders.smsNotifications input[type="checkbox"] + label{display:inline-block;margin-bottom:0;float:left;position:relative;width:30px;}
	.myOrders.smsNotifications input[type="checkbox"]:checked + label span.chkbox{background:url(../img/checkBoxBlue_27x27.png) -29px -1px no-repeat;}
	.myOrders.smsNotifications input[type="checkbox"] + label span.chkbox{float:left;width:27px;height:27px;margin:0;vertical-align:middle;background:url(../img/checkBoxBlue_27x27.png) left -1px no-repeat;cursor:pointer;top:-1px;position: relative;}
	.myOrders.smsNotifications input[type="checkbox"]:disabled + label span.chkbox{background:url(../img/checkBoxBlue_27x27.png) -38px top no-repeat;cursor:not-allowed;}

	.myOrders.smsNotifications .txtDesc{float:left;position:relative;width:auto;padding-left:5px;font-size:18px;font-weight:100;line-height:24px;vertical-align:middle;color:#000;}
	.myOrders.smsNotifications .lblSmsNum{position:relative;color:#767676;}

	.myOrders.smsNotifications .aSignUp{font-size:16px;font-weight:100;color:#0096D6;position:relative;padding:4px 20px 0 20px;float:left;}
   	.myOrders.smsNotifications .aUpdateNum{top:5px;position:relative;margin-left:20px;}
	.myOrders.smsNotifications .aSmsToolTip, .myOrders.smsNotifications .aUnsubscribe{float:right;position:relative;}
    .myOrders.smsNotifications .aUnsubscribe{padding-top:5px;}
    .myOrders.smsNotifications .inputOverlay{position:absolute;bottom:-70px;padding:28px;z-index:99;border:1px solid #CCC;background-color:#FFF;width:338px;right:400px;display: none;}
    .myOrders.smsNotifications .inputNotify{float:left;position:relative;}
    #content .myOrders.smsNotifications input[type="tel"]{float:left;position: relative;height:38px;font-family:'HP Simplified';font-weight:100;padding:6px 15px;width:172px;font-size:18px;margin-bottom:0px !important;box-shadow:none;}
    #content .myOrders.smsNotifications input[type="tel"]:focus{box-shadow:none;-webkit-box-shadow:none;background:none}
    .myOrders.smsNotifications .inputOverlay .lbl{float:left;position:relative;width:100%;font-size:14px;font-weight:100;padding-bottom:15px;line-height:18px;}
    .myOrders.smsNotifications .smsSignUpBtn{float:left;position:relative;width:80px;padding:10px 0px;text-align:center;background-color:#0096D6;color:#FFF;border-radius:3px;position:relative;margin:0 auto;cursor:pointer;font-size:16px;font-weight:100;margin-bottom:0px;border:1px solid #0096D6;margin-left:10px;}
    .myOrders.smsNotifications .inputNotify .messageLabel{width:200px;}
    .myOrders.smsNotifications .smsSignUpBtn:hover{border-color:#1159A0 !important;background-color:#1159A0 !important;color:#FFF !important;}
    .myOrders.smsNotifications .smsUpdateBtn{float:left;position:relative;width:172px;padding:16px 0px;text-align:center;background-color:#FFF;color:#0096D6;border-radius:3px;position:relative;margin:0 auto;cursor:pointer;font-size:16px;font-weight:100;margin-bottom:0px;border:1px solid #0096D6;margin-left:10px;}
    .myOrders.smsNotifications .smsUpdateBtn:hover{border-color:#1159A0 !important;background-color:#1159A0 !important;color:#FFF !important;}
    .inputTipClose{width:4%;float:right;cursor:pointer;top:10px;position:absolute;right:10px;}        
    .myOrders.smsNotifications .smsInputWrap a{font-size:16px;font-weight:normal;color:#0096D6;}
    .myOrders.smsNotifications .aSmsToolTip{float:right;position:relative;width:auto;margin-top:5px;display:block;}

    .myOrders.smsNotifications .tipOverlay{position:absolute;bottom:42px;width:325px;z-index:99;right:0;display:none;}
    .myOrders.smsNotifications .tipDesc{font-size:12px;line-height:19px;font-weight:100;text-align:justify;float: left;width:330px;height:144px;}
    .myOrders.smsNotifications .tipClose{display:none;width:6%;float:right;cursor:pointer;padding-top:2px;position:relative;}
    .myOrders.smsNotifications .tipArrow{display:inline-block;position:relative;border:1px solid #CCC;text-decoration:none;border-radius:2px;padding:10px;border:1px solid #CCC;background-color:#FFF;width:325px;}
    .myOrders.smsNotifications .tipArrow:before{content:'';display:block;position:absolute;left:258px;top:100%;width:0;height:0;border:10px solid transparent;border-top-color:#CCC;}
    .myOrders.smsNotifications .tipArrow:after{content:'';display:block;position:absolute;left:259px;top:100%;width:0;height:0;border:9px solid transparent;border-top-color:white;}
	.myOrders.smsNotifications .phNoErrMsg{clear:both;width:100%;color: #F00;padding-top:10px;margin-bottom:0px;}
	.invalidPhone{position:absolute;top:50px;}
	.personalDetails.smsNotifications .inputOverlay{position:absolute;bottom:-70px;padding:28px;z-index:99;border:1px solid #CCC;background-color:#FFF;width:338px;right:500px;display: none;}
	.personalDetails.smsNotifications .smsOptConfCloseIcon{float:right}
	.personalDetails.smsNotifications{float:left;position:relative;max-width: 1000px;width: 1000px;}
    .personalDetails.smsNotifications h3{font-weight: lighter;padding: 25px 0 10px 0;font-size: 1.5em;}
    .personalDetails.smsNotifications .txtDesc{float:left;position:relative;width:100%;font-size:14px;font-weight:normal;margin:15px 0;}
    .personalDetails.smsNotifications a{font-size:16px;font-weight:normal;color:#0096D6;}
    .personalDetails.smsNotifications .aSmsToolTip{float:right;position:relative;width:calc(100% - 320px);margin-top:9px;}
    .personalDetails.smsNotifications .aUnsubscribe{/* float: initial; */position:relative;float: right;width: 320px;margin-top:68px;text-align:center;}
    .personalDetails.smsNotifications .tipOverlay{position:absolute;top:-50px;width:268px;z-index:99;right:15px;display:none;}
    .personalDetails.smsNotifications .tipDesc{font-size:12px;line-height:19px;font-weight:100;text-align:justify;float: left;}
    .personalDetails.smsNotifications .tipClose{display:none;width:6%;float:right;cursor:pointer;padding-top:2px;position:relative;}
    .personalDetails.smsNotifications .tipArrow{display:inline-block;position:relative;border:1px solid #CCC;text-decoration:none;border-radius:2px;padding:20px;margin-top:50px;border:1px solid #CCC;background-color:#FFF;width:320px;}
    .personalDetails.smsNotifications .tipArrow:before{content:'';display:block;position:absolute;left:200px;top:100%;width:0;height:0;border:10px solid transparent;border-top-color:#CCC;}
    .personalDetails.smsNotifications .tipArrow:after{content:'';display:block;position:absolute;left:201px;top:100%;width:0;height:0;border:9px solid transparent;border-top-color:white;}
    .personalDetails.smsNotifications .inputWrap{float:left;position:relative;width:298px;margin-right:22px;}    
    #content .personalDetails.smsNotifications input[type="tel"]{float:left;position: relative;height:38px;font-family:'HP Simplified';font-weight:100;width:98%;clear:both;color: rgba(0,0,0,0.75);display: block;font-size: .875em;margin: 0 0 1em 0;padding: .5em;box-shadow:none;transition:none;border:1px solid #e5e8e8;background-color:#ffffff;z-index:99;}
	#content .personalDetails.smsNotifications input[type="tel"]:focus{background-color:#ffffff;border:1px solid #e5e8e8;}
    .personalDetails.smsNotifications .smsBtn{float:right;position:relative;width:84px;padding:10px 0px;text-align:center;background-color:#0096D6;color:#FFF;border-top-right-radius:5px;position:relative;margin:0 auto;cursor:pointer;font-size:16px;font-weight:bold;margin-bottom:0px;border:1px solid #0096D6;margin-left:10px;border-bottom-left-radius:5px;}
    .personalDetails.smsNotifications .smsBtn:hover{border-color:#1159A0 !important;background-color:#1159A0 !important;color:#FFF !important;}    
    .personalDetails.smsNotifications .actionWrap{float:left;position:relative;width:98%;margin:30px 0;}
    .personalDetails.smsNotifications .mand{color:#F00;font-size:14px;font-weight:normal;float:right;margin-top: 10px;}
	.myOrdSMSErr {top:55px;width:100%;}
	.myOrdSMSErr .smsPrefErrMsg {width:400px;color:red;display: none;}
	.personalDetails.smsNotifications .smsPrefErrMsg{color:red;width:400px;}
	.personalDetails.smsNotifications.smsErrWrap .actionWrap {margin:55px 0px 30px 0px;}
	.personalDetails.smsNotifications.smsErrWrap .aUnsubscribe {margin-top: 93px;}
	.yourOrdSmsWrap{padding:20px 15px;}
	.myOrders.smsNotifications #notification_section2 {margin: 0px auto;width: 338px;}
	.personalDetails.smsNotifications #notification_section2 {margin: 100px auto; width: 338px;}
	.smsNotificationWrap.smsSignUp #notification_section2 {margin: 0px auto; width: 338px; }
	.smsNotificationWrap.smsSignedIn #notification_section2 {margin: 0px auto; width: 338px; }
	.confirm-notification-msg { clear:both; text-align: center; font-weight: normal;font-size: 20px; letter-spacing: 0px;color: #868686; opacity: 1;}
	.confirm-notification-msg span{ display: block; clear: both; text-align: center; font-weight: normal; font-size: 24px;     letter-spacing: 0px; color: #000000; opacity: 1;}
	.sms-notification-btn-wrap .sms-edit-cta-btn { float:left;margin-top:10px;font-weight: bold;}
	.sms-notification-btn-wrap .sms-confirm-cta-btn { float:right;margin-top:10px;font-weight: bold;}
	.sms-edit-cta-btn { float: left; position: relative;width: 80px;padding: 10px 0px;text-align: center;background-color: #0096D6;    color: #FFF; border-radius: 3px;position: relative;cursor: pointer;font-size: 16px;font-weight: 100;margin-bottom: 0px;border: 1px solid #0096D6;}
	.sms-notification-btn-wrap{ width: 75%;margin: 0px auto;}
	.sms-edit-cta-btn.secondary {background-color:#FFF;color:#0171AD;border:1px solid #075782;}	
	.sms-edit-cta-btn.secondary:hover { color:#075782;background-color:#0171AD26;}
	.sms-confirm-cta-btn { position: relative;width: 80px;padding: 10px 0px;text-align: center;background-color: #0096D6;    color: #FFF; border-radius: 3px;position: relative;cursor: pointer;font-size: 16px;font-weight: 100;margin-bottom: 0px;border: 1px solid #0096D6;}
	.confirm-notification-msg { clear:both; text-align: center; font-weight: normal;font-size: 20px; letter-spacing: 0px;color: #868686; opacity: 1;}
	.confirm-notification-msg span{ display: block; clear: both; text-align: center; font-weight: normal; font-size: 24px;     letter-spacing: 0px; color: #000000; opacity: 1;}
	
	.personalDetails.smsNotifications .txt-disclaimer{width: 300px;float: left;font-size:10px;line-height:18px;color:#000;font-weight:normal;text-align:left;position:relative;}
    .personalDetails.smsNotifications .txt-disclaimer a{color:#007dba; font-size:10px;}   
   	.myOrders.smsNotifications .txt-disclaimer{float:left;font-size: 10px;line-height: 18px;color: #000;font-weight: auto;width: 545px;text-align: left;position: relative;margin: 16px auto 0;pdding-left: 5px;vertical-align: middle;z-index: 97;}  
    .myOrders.smsNotifications .txt-disclaimer a{color:#007dba; font-size:10px;}
    .myOrders.smsNotifications .txt-disclaimer-div{padding-left:35px}
  

    @media only screen and (max-width:1024px) {
        .myOrders.smsNotifications .tipDesc{width:90%}
        .myOrders.smsNotifications .tipClose{display:block;}
        .myOrders.smsNotifications .smsInputWrap{float:left;position:relative;width:100%;z-index:99;}
    }
    @media only screen and (min-width:801px) and (max-width:965px) {
        .myOrders.smsNotifications .aSmsToolTip,.myOrders.smsNotifications .aUnsubscribe{margin-top: 26px;float: left;width: 100%;}
        .myOrders.smsNotifications .smsErrWrap .aSmsToolTip,.myOrders.smsNotifications .smsErrWrap .aUnsubscribe{margin-top:40px;}
		.myOrders.smsNotifications .txtDesc{width:200px;}
		.myOrders.smsNotifications .tipOverlay{width:100%;}
		.myOrders.smsNotifications .tipArrow{width: 300px;padding:15px;}
		.myOrders.smsNotifications .tipArrow:before{left:50px;}
		.myOrders.smsNotifications .tipArrow:after{left:51px;}
		.myOrdSMSErr {padding-top:25px;clear:both;}
	}
    @media only screen and (max-width:720px) {
    	.myOrders.smsNotifications .smsInputWrap{width:100%;}
		.myOrders.smsNotifications .inputOverlay{right:30px;}
		#content .myOrders.smsNotifications input[type="tel"]{width:152px;}
    	.myOrders.smsNotifications .aUpdateNum{top:5px;}
    	.myOrders.smsNotifications .txt-disclaimer-div{padding-left:0px;}
    	.myOrders.smsNotifications .txt-disclaimer{width:auto;z-index: 97;}
    	.smsNotificationWrap.smsSignedIn #notification_section2 {margin: 0px auto; width: auto; }
    }
    @media only screen and (min-width:522px) and (max-width:720px) {
		.myOrders.smsNotifications .tipArrow{padding:15px;}
		.myOrders.smsNotifications .tipOverlay{bottom:50px;}
		.myOrders.smsNotifications .txtDesc{width:200px;}		
    }
    @media only screen and (max-width:522px) {
    	.myOrders.smsNotifications .aSignUp, .myOrders.smsNotifications .aUpdateNum{top:0;text-align: right;z-index:99;position:relative;}
        .myOrders.smsNotifications .aUpdateNum{top:3px;}
    	.myOrders.smsNotifications .inputOverlay{z-index:100;width: 290px;padding: 20px;left:0;bottom:-20px;}
    	.myOrders.smsNotifications .inputOverlay .title{font-size:16px;}
    	.myOrders.smsNotifications .inputOverlay .lbl{font-size:12px;}
        .myOrders.smsNotifications .aSmsToolTip, .myOrders.smsNotifications .aUnsubscribe{float:left;margin-top:26px;width:100%;text-align:left;z-index:99;}
		.myOrders.smsNotifications .txtDesc{width:200px;}
        .myOrders.smsNotifications .tipOverlay{width:100%;}
        .myOrders.smsNotifications .tipArrow{width:280px;padding:15px;}
        .myOrders.smsNotifications .tipArrow:before{left:50px;}
        .myOrders.smsNotifications .tipArrow:after{left:51px;}
		.myOrdSMSErr {padding-top:5px;clear:both;}
		.personalDetails.smsNotifications .txtDesc.lbl{display:none;}
    }
    @media only screen and (max-width:450px) {
    	.myOrders.smsNotifications .txtDesc{width:160px;}
    	.myOrders.smsNotifications .txtDesc.postSign{width:145px;}
    	.myOrders.smsNotifications .txtDesc.postSign{width:210px;}
    	.myOrders.smsNotifications .aUpdateNum{top:5px;float:left;width:100%;position:relative;padding-top:20px;text-align:left;margin-left:0;}
    	.myOrders.smsNotifications .smsErrWrap .aUpdateNum{top:30px;}
		.myOrders.smsNotifications .smsErrWrap .aUnsubscribe{padding-top:30px;}
		.myOrders.smsNotifications .smsErrWrap .aSmsToolTip{margin-top:45px;}
    }
    @media only screen and (max-width:1024px) {
        .personalDetails.smsNotifications .tipDesc{width:100%}
        .personalDetails.smsNotifications .tipClose{display:block;}
        .personalDetails.smsNotifications .tipOverlay{width:280px;}
        .personalDetails.smsNotifications .tipArrow{width:280px;}
    }
    @media only screen and (max-width:800px) {
    	.personalDetails.smsNotifications{max-width:100%;}
        .personalDetails.smsNotifications .mand{display:none;}
        .personalDetails.smsNotifications .smsBtn{width:100%;float:none;max-width:400px;margin:0 auto;z-index:99;}
        .personalDetails.smsNotifications input{width:100%;margin-top:1em;}
        .personalDetails.smsNotifications .aSmsToolTip{margin-right:10px;margin-top:30px;width:55%;text-align:right;}
        .personalDetails.smsNotifications .aUnsubscribe{float:left;margin-left:10px;margin-top:30px;width:35%;text-align:left;}
		.personalDetails.smsNotifications.smsErrWrap .aUnsubscribe {margin-top: 30px !important;}
        .personalDetails.smsNotifications .tipOverlay{top:55px;}
        .personalDetails.smsNotifications.smsErrWrap .tipOverlay{top:83px;}
        .personalDetails.smsNotifications .actionWrap{margin:20px 0;width:100%;}
        .personalDetails.smsNotifications .inputWrap{clear:both;width:100%;margin-right:0}
		.myOrders.smsNotifications {padding:0px;}
		.nosidepaddings.myAccSecMain{padding-left:0.9375em;padding-right:0.9375em;}
		.personalDetails.smsNotifications.smsErrWrap .actionWrap {margin:47px 0px 20px 0px;}
		.personalDetails.smsNotifications.smsErrWrap .smsPrefErrMsg,.myOrders.smsNotifications.smsErrWrap .myOrdSMSErr .smsPrefErrMsg{width:100%;}
		.personalDetails.smsNotifications #notification_section2 {margin: 100px auto; right: auto;}
    }	
	@media (min-width: 800px){
		#yourOrdersList .yourOrdSmsWrap {
		padding-top: 0px !important;
		padding-left: 0px !important;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
		height: auto;
		margin-top: -20px;
	}
	}
	@media only screen and (min-width:801px) and (max-width:840px) {
        .myOrders.smsNotifications .txtDesc.preSign,.myOrders.smsNotifications .txtDesc.postSign{font-size:16px;}
	}
	@media only screen and (min-width:721px) and (max-width:800px) {
        .smsErrWrap .myOrdSMSErr {top:35px;}
	}
	@media only screen and (max-width:426px) {
		.personalDetails.smsNotifications.smsErrWrap .actionWrap {margin:63px 0px 20px 0px !important;}
	}
	@media only screen and (max-width:427px) {
		.myOrders.smsNotifications .smsErrWrap .aSmsToolTip {margin-top:65px;}
		.myOrders.smsNotifications .smsErrWrap .aUnsubscribe {padding-top:45px;}
		.myOrders.smsNotifications .smsErrWrap .aUpdateNum {top:45px;}
	}	

.myaccount.editaddress.addaddress .myaccountRight{width:82%;}
.myaccount.editaddress.addaddress .myaccountLeft{width:18%;}

.myContactAddress{float:left;position:relative;width:100%;}
.myContactAddress a{color:#007DBA}
.myContactAddress a:hover{text-decoration:underline;cursor:pointer;}
.myContactAddress p{font-weight:100;font-size:16px;margin-bottom:20px;color:#666}
.myContactAddress .mand{color:#e88233;font-weight:normal;position:relative;padding-left:4px;}
.myContactAddress .error{display:none;color:#bf2026;font-size:14px;padding:5px 0 2px 16px;width:100%;float:left;}
.myContactAddress .errorHighlight{border-color:#bf2026 !important;}
.myContactAddress .descClass{color:#666666;font-size:14px;padding:10px 0 2px 16px;width:100%;float:left;}
.myContactAddress .redbtn{color:#FFF;border-radius: 3px;}
.myContactAddress .lcRequiredFields .mand{padding:0;}

.myContactAddress .hideTxt{visibility:hidden;}
.myContactAddress .hideComp{display:none;}
.myContactAddress .ucWrapper{float:left;width:100%;}
.myContactAddress .ucContainer.lt{float:left;width:399px;padding-right:15px;padding-bottom:30px;}
.myContactAddress .ucContainer.rt{float:left;width:399px;padding-left:15px;padding-bottom:30px;}

.myContactAddress .inputWrapper{float:left;position:relative;width:384px;}
.myContactAddress .inputContainer{padding:9px 15px;float:left;position:relative;width:100%;height:50px;border:1px solid #CCC;background-color:#FFF;}
.myContactAddress .inputContainer .labl{width:auto;display:inline-block;font-size:12px;font-weight:normal;position:absolute;top:5px;left:15px;z-index:9;}
.myContactAddress .inputContainer .inpt{font-weight:100 !important;font-size:18px !important;border:none !important;font-family:'HPSimplified' !important;outline:none !important;padding-top:12px !important;width:100% !important;z-index:10 !important;position:relative !important;background-color:transparent !important;margin-bottom: 0 !important;padding-left: 0!important;box-shadow:none!important;}
.myContactAddress .inputContainer .inptTa{font-weight:normal !important;font-size:18px !important;border:none !important;font-family:'HPSimplified' !important;outline:none !important;padding-top:12px !important;width:100% !important;z-index:10 !important;position:relative !important;background-color:transparent !important;margin-bottom: 0 !important;padding-left: 0!important;box-shadow:none!important;}
.myContactAddress .inputContainer .labl.noText{font-size:18px;font-weight:100;top:13px;}
.myContactAddress .inputContainer .inpt.noText{padding-top:0px;}
.myContactAddress .inputWrapper.chkResidential{padding-top:12px;}
.myContactAddress input[type=text]::-ms-clear,.myContactAddress input[type=password]::-ms-clear{display: none;}

.myContactAddress input[type="checkbox"]{display:none;}
.myContactAddress input[type="checkbox"]:checked + label span.chkbox{background:url(https://store.hp.com/wcsstore/HPStorefrontAssetStore/img/listing2_check_radio_sheet.png) -19px 0px no-repeat;}
.myContactAddress input[type="checkbox"] + label span.chkbox{float:left;width:19px;height:19px;margin:0;vertical-align:middle;background:url(https://store.hp.com/wcsstore/HPStorefrontAssetStore/img/listing2_check_radio_sheet.png) left -1px no-repeat;cursor:pointer;}
.myContactAddress input[type="checkbox"] + label span.chktext{width:80%;padding-left:10px;font-size:16px;display:table;vertical-align:middle;}
.myContactAddress input[type="checkbox"]:disabled + label span.chkbox{background:url(https://store.hp.com/wcsstore/HPStorefrontAssetStore/img/listing2_check_radio_sheet.png) -38px top no-repeat;cursor:not-allowed;}
.myContactAddress input[type="checkbox"]:disabled + label span.chktext{color:#aaa;}

.myContactAddress .lcRequiredFields{font-size:16px;font-weight:100;line-height:18px;color:#FF1919;}
.myContactAddress .chkLcShipping{padding-bottom:20px;}
.myContactAddress .chkLcShipping label{font-size:14px;line-height:18px;font-weight:100;color:#000;}
.myContactAddress .inputWrapper.city{width:100%;max-width:384px;}
.myContactAddress .inputWrapper.state, .myContactAddress .inputWrapper.zipCode{width:50%;max-width:192px;}
.myContactAddress .inputWrapper.state .inputContainer{border-left-color: #CCC;}
.myContactAddress .inputWrapper.zipCode .error,.myContactAddress .inputWrapper.state .error,.myContactAddress .inputWrapper.city .error{left:0;width:90%;display:block;}
.myContactAddress .inputWrapper.zipCode input{left:-2px;}

.myContactAddress .addrLink{float:left;position:relative;/* display:block; */color:#000;font-size:20px;line-height:32px;text-decoration:underline;font-weight:100;}

@media only screen and (max-width:1024px) {
  .myContactAddress .inputWrapper.city{max-width:100%;}
  .myContactAddress .inputWrapper.state, .myContactAddress .inputWrapper.zipCode{max-width:50%;}
}

@media only screen and (min-width:801px) and (max-width:1024px) {
  .myaccount.editaddress.addaddress .myaccountRight{width:78%;}
  .myaccount.editaddress.addaddress .myaccountLeft{width:22%;}
  /*.contentMyAccount{padding-left:0;padding-right:0;}*/
}


@media only screen and (min-width:901px) and (max-width:1024px) {
  .myContactAddress .ucContainer.lt{padding-right:10px;width:50%;}
  .myContactAddress .ucContainer.rt{padding-left:10px;width:50%;}
}

@media only screen and (max-width:900px) {
  .myContactAddress .ucContainer.lt{padding-right:10px;width:100%;}
  .myContactAddress .ucContainer.rt{padding-left:10px;width:100%;}
  .myContactAddress .ucContainer.lt{padding-right:0px;width:100%;}
  .myContactAddress .ucContainer.rt{padding-left:0px;width:100%;}
  .myContactAddress .ucContainer.lt,.myContactAddress .ucContainer.rt{padding-bottom:24px;}
  .myContactAddress .inputWrapper.chkResidential{padding-top:0px;}
}

@media only screen and (max-width:800px) {
  .myaccount.editaddress.addaddress .myaccountRight{width:100%;}
  .myContactAddress{padding:0 15px;}
  
}

@media only screen and (min-width:720px) and (max-width:1024px) {
  .myContactAddress .inputWrapper{width:100%;}
  .myContactAddress .inputContainer{width:100%;}
  .myContactAddress input[type="checkbox"] + label span.chktext{font-size:14px;}
}

@media only screen and (max-width:720px) {
  .myContactAddress .addrLink{font-size:14px;}
}

@media only screen and (max-width:719px){
  .myContactAddress .ucContainer.lt{padding-right:0px;width:100%;}
  .myContactAddress .ucContainer.rt{padding-left:0px;width:100%;}
  .myContactAddress .inputWrapper{width:100%;}
  .myContactAddress .inputContainer{width:100%;}  
  .myContactAddress input[type="checkbox"] + label span.chktext{font-size:14px;}
  .myContactAddress .inputWrapper.city {margin-bottom: 0px;}
}

@media only screen and (max-width:640px) {
  .myContactAddress .inputWrapper.state, .myContactAddress .inputWrapper.zipCode{max-width:100%;width:100%;}
  .myContactAddress .inputWrapper.state{margin-bottom:30px;}
  .myContactAddress .inputWrapper.zipCode .inputContainer{border-left-color: #CCC;}
}

@media only screen and (min-width:320px) and (max-width:359px){
  .myContactAddress .inputWrapper{width:100%;}
  .myContactAddress .inputContainer{width:100%;}  
}

/* MY ACCOUNT - Type ahead style sheet */

.addrTypeAhead{max-width:798px;}
.addrTypeAhead .addrTypeAheadWrap{float: left;position: relative;width:100%;}
.addrTypeAhead .ucWrapper{float:left;width:100%;}
.addrTypeAhead .ucContainer{float:left;width:100%;}
.addrTypeAhead label{color:#000;}

.addrTypeAhead .inputWrapper{float:left;position:relative;width:100%;}
.addrTypeAhead .inputContainer{padding:9px 15px;float:left;position:relative;width:100%;height:50px;border:1px solid #CCC;background-color:#FFF;}
.addrTypeAhead .inputContainer .labl{width:auto;display:inline-block;font-size:12px;font-weight:normal;position:absolute;top:5px;left:15px;z-index:9;}
.addrTypeAhead .inputContainer .labl .addrTypeAheadLbl{padding-left: 0}
.addrTypeAhead .inputContainer .labl .mand{color:#F00;padding-left:5px;}
.addrTypeAhead .inputContainer .labl.noText{font-size:18px;font-weight:100;top:15px;}
.addrTypeAhead .inputContainer .labl.noText::before{content:"";background:url(/wcsstore/HPStorefrontAssetStore/img/addrTypeAheadSearch.png) no-repeat 13px 12px transparent;display:inline-block;padding:21px 29px;position:absolute;top:-11px;cursor:pointer;left:-16px;color:#4D4D4D;}
.addrTypeAhead .inputContainer .labl.noText .addrTypeAheadLbl{padding-left: 23px;}

.addrTypeAhead.addrSuggestionsWrap .inputContainer{padding: 8px 15px 5px 15px;height:auto;}
.addrTypeAhead.addrSuggestionsWrap .inputContainer .labl.noText::before{content:"";background:none;}
.addrTypeAhead.addrSuggestionsWrap .inputContainer .labl.noText .addrTypeAheadLbl{padding-left:4px;}
.addrTypeAhead.addrSuggestionsWrap .addrEnteredLbl{font-size:12px;font-weight:normal;padding-bottom:2px;margin-bottom:0}
.addrTypeAhead.addrSuggestionsWrap .addrEnteredText{font-size:18px;line-height:32px;font-weight:100;margin-bottom:0;}
.addrTypeAheadMsg.exactMatch{border-top:1px solid #CCC;}
.addrTypeAheadMsg.exactMatch span{position: absolute;right:15px;top: 12px;margin-left: 6px;border: 1px solid #000;border-width: 0px 1px 1px 0;display: inline-block;padding: 6px;transform: rotate(45deg);-webkit-transform: rotate(45deg);display:none;}

.addrTypeAhead .inputContainer .inpt{font-weight:normal;font-size:18px;border:none;font-family:'HPSimplified';outline:none;padding-top:12px;width:100%;z-index:10;position:relative;background-color:transparent;}
.addrTypeAhead .inputContainer .inpt.noText{padding-top:0px;}
.addrTypeAhead input[type=text]::-ms-clear{display: none;}


.addrTypeAhead .addrTypeAheadMsg{font-size:18px;line-height:18px;font-family:"HPSimplified";font-weight:100;float:left;position:relative;width:100%;padding:15px 0px 16px 16.5px;border-bottom: 1px solid #CCC;margin-bottom:0;cursor:default;font-style:italic;}
.addrTypeAhead .addrTypeAheadMsg.useAddress{font-style:normal;border-bottom:none;}
.addrTypeAhead .addrTypeAheadMsg.useAddress:hover,.addrTypeAhead .addrTypeAheadMsg.useAddress:focus{background-color: #99d5ef !important;} 
.addrTypeAhead .addrOptions{float:left;position:relative;background-color:#FFF;width:100%;z-index:98;border:1px solid #CCC;display:none;padding:0px;border-top:none;border-bottom:none;}
.addrTypeAhead .addrSuggestions{float:left;position:relative;background-color:#FFF;width:100%;z-index:98;border:1px solid #CCC;padding:0px;border-top:none;/*border-bottom:none;*/}
.addrTypeAhead ul{float:left;position:relative;max-height:250px;width:100%;overflow:auto;margin-bottom:0px;}
.addrTypeAhead li{border-bottom: 1px solid #CCC;/*padding:10px 25px;*/cursor:pointer;font-weight:normal;font-size:16px;line-height:18px;}
.addrTypeAhead li:hover,.addrTypeAhead li:focus,.addrTypeAhead li.focussing{background-color:#99d5ef;}
.addrTypeAhead li a{display:block;width:96%;padding:8px 20px 9px 16.5px;font-size:18px;font-weight:100;line-height:32px;position:relative;color: black;}
.addrTypeAhead ul.addrSubList li a{width:100%;}
.addrTypeAhead li a.withSubOptions{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.addrTypeAhead li a:hover,.addrTypeAhead li a:focus{color:#000 !important;text-decoration:none !important;background-color:#99d5ef !important;}
.addrTypeAhead li a span.subOptions{position: absolute;right:5px;top: 18px;margin-left: 6px;border: 1px solid #000;border-width: 0px 1px 1px 0;display: inline-block;padding: 6px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.addrTypeAhead li a span.highlight{font-weight:normal;}

.addrTypeAhead ul.addrSubList{display:none;}
.addrTypeAhead ul.addrSuggestionList{border-bottom:1px solid #CCC;max-height:150px;}

.addrTypeAhead .addrManual{float:left;position:relative;display:block;color:#000;font-size:20px;line-height:32px;margin:16px 0 30px 0;text-decoration:underline;font-weight:100;}

.addrTypeAhead .inputContainer.withSubList{height:61px;}
.addrTypeAhead .inputContainer.withSubList .inpt{padding-top:15px}
.addrTypeAhead .inputContainer.withSubList .labl{top:7px;}

.addrTypeAhead h4{font-size:20px;line-height:30px;text-transform:uppercase;font-weight:100;padding-bottom:8px;margin-bottom:0;}
.addrTypeAhead .addrTypeAheadDesc{font-size:18px;line-height:32px;font-weight:100;padding-bottom:16px;margin-bottom:0;}

@media only screen and (max-width:1024px) {
  .addrTypeAhead{max-width:100%;}
}

@media only screen and (max-width:720px) {
  .addrTypeAhead .addrTypeAheadMsg{padding:11.5px 0px 11.5px 10px;font-size:14px;line-height:20px;}
  .addrTypeAhead.addrSuggestionsWrap .inputContainer{padding: 8px 10px 7px 10px;}
  .addrTypeAhead.addrSuggestionsWrap .addrEnteredText{font-size:14px;line-height:20px;}
  .addrTypeAhead li a{padding: 11px 10px 12px 10px;font-size:14px;line-height:20px;}
  .addrTypeAhead li a span.subOptions{padding: 5px;top: 16px;right:2px;}
  .addrTypeAhead .inputContainer.withSubList{height:54.5px;}
  .addrTypeAhead .inputContainer{padding:9px 10px;}
  .addrTypeAhead .inputContainer .labl{left:12px;}
  .addrTypeAhead .inputContainer .inpt{font-size:14px;}
  .addrTypeAhead .inputContainer .labl.noText {font-size: 14px;top: 17px;}
  .addrTypeAhead .inputContainer .labl.noText::before{top: -13px;left: -19px;}
  .addrTypeAhead .addrManual{font-size:14px;}
  .addrTypeAhead .inputContainer .labl.noText .addrTypeAheadLbl{padding-left:19px;}
  .addrTypeAhead ul{max-height:192px;}

  .addrTypeAhead h4{font-size:16px;padding-bottom:12px;line-height:16px;}
  .addrTypeAhead .addrTypeAheadDesc{font-size:14px;line-height:20px;padding-bottom:12px;}
}

 	@media only screen and (device-width: 768px) {
  	
  	.myOrders.smsNotifications .inputOverlay{position:absolute;bottom:-70px;padding:28px;z-index:99;border:1px solid #CCC;background-color:#FFF;width:338px;right:200px;display: none;}
   	.myOrders.smsNotifications .aUnsubscribe {width: 430px;margin-top: 30px;right: 5px;}
   	.personalDetails.smsNotifications .txt-disclaimer{width: 600px;font-size:10px;line-height:18px;color:#000;font-weight:normal;text-align: left;/* left:220px; */float:none;position:relative;}
   	.personalDetails.smsNotifications .aUnsubscribe{float:left;margin-left:10px;margin-top:30px;width:35%;text-align:left;left: 330px;}
   	.personalDetails.smsNotifications #notification_section2 {margin: 100px auto; right: 200px;}
	}

@media only screen and (device-width: 540px) {
  	
  	.myOrders.smsNotifications .smsInputWrap{width:540px;}
  	.myOrders.smsNotifications .postSign{font-size:12px; display: block;}
  	.myOrders.smsNotifications .postSign{width: 92px; margin-left: 0px; display: inline;}
  	.myOrders.smsNotifications .aUnsubscribe.postSign{right: 250px; top: 20px; margin-bottom: 20px; display: block;}
  	.myOrders.smsNotifications .inputOverlay{right:130px;}
   	.personalDetails.smsNotifications .txt-disclaimer{width:500px;}
   	.personalDetails.smsNotifications .inputOverlay{left:100px;}
   	.personalDetails.smsNotifications .aUnsubscribe.postSign{left:215px;}
   
	}	

/*ETRFixes*/
/*.addrTypeAhead .addrOptions,.addrTypeAhead .addrSuggestions{width: calc(100% - 2px);}
.addrTypeAhead .addrTypeAheadMsg{width: calc(100% - 16px);}
 .addrTypeAhead ul{margin-bottom:0;}
.addrTypeAhead li{margin-bottom: 0 !important;}
.addrTypeAhead li a{width: calc(96% - 22px);color:#000;}
.addrTypeAhead ul.addrSubList li a{width:calc(100% - 22px);}
.addrTypeAhead li a span.subOptions{right: 7px;}
.addrTypeAhead .inputContainer.withSubList{height:41px;}
.addrTypeAhead ul.addrSuggestionList{max-height:149px;}

@media only screen and (max-width: 720px){
  .addrTypeAhead .addrTypeAheadMsg {width: calc(100% - 10px);}
  .addrTypeAhead .inputContainer.withSubList .inpt{left:-5px;}
  .addrTypeAhead .inputContainer.withSubList{height:34.5px;}
  .addrTypeAhead.addrSuggestionsWrap .inputContainer{width: calc(100% - 22px);}
}

@media only screen and (max-width: 640px){
  .addrTypeAhead li a.withSubOptions{padding: 11px 22px 12px 10px;width: calc(96% - 34px);}
}*/

/*AddressBookFixes*/
/*
.addrTypeAhead .inputContainer .inpt{font-weight:100 !important;font-size:18px !important;border:none !important;font-family:'HP Simplified' !important;outline:none !important;padding-top:12px !important;width:100% !important;z-index:10 !important;position:relative !important;background-color:transparent !important;margin-bottom: 0 !important;padding-left: 0!important;box-shadow:none!important;}
.addrTypeAhead .inputContainer .labl.noText{top: 13px;}
.addrTypeAhead ul{margin-bottom:0;}
.addrTypeAhead .inputContainer.withSubList .inpt{padding-top: 20px!important;}

@media only screen and (max-width:800px) {
  .addrTypeAhead{padding:0 15px;}
}
*/
#captchaEnabledDiv div{
display: none;
}
@media only screen and (max-width:768px) and (min-width: 375px) {
	.myaccount-main {padding: 0 16px;}
}