
html { font-size: 10px; }

.invisi { display: none; }

body {
    box-sizing: border-box;
    background-color: #ffffff;
    margin: 0px;
    padding: 0px;
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-text-size-adjust: none;
}

a { text-decoration: none; color: #000000; }
a:hover { text-decoration: underline; color: #369fe3; }

.bodyGradient {
    background: rgba(238,238,238,1);
    background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,238,238,1)), color-stop(72%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
    padding-top: 5px;
    padding-bottom: 5px;
}

.ctrcontent {
    width: 95%;
    max-width: 1080px;
    margin: auto;
}

.maincontent {
    background-color: #ffffff;
    border: 1px solid #dedede;
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 10px;
    
    min-height: 700px;
}

.maincontentNoTopBorder { border-top: 0px; }

.maincontent .logoHolder { display: inline-block; height: 60px; vertical-align: middle; text-align: center; margin-top: 20px; }
.maincontent .logoHolder img { width: 100%; max-width: 150px; max-height: 45px; border: 0; }
.maincontent .logoHolder:hover { opacity: 0.5; }

.maincontent a { color: #369fe3; }
.maincontent a:hover { text-decoration: underline; color: #369fe3; }

.maincontentnonwide { width: 95%; max-width: 650px; margin: 0 auto; }

.maincontentproductindex div { display: inline-block; width: 33.3%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.maincontent .aboutUsImage { width: 500px; float: right; margin-left: 15px; margin-bottom: 15px; max-width: 100%; } 

.bandTopBlue { position: relative; overflow: hidden; width: 100%; background-color: #0d577a; height: 30px; color: #ffffff; font-size: 14px; font-size: 1.4rem; line-height: 30px; }
.bandTopBlue .ctrcontent { overflow: hidden; }
.bandTopBlueButton { display: inline-block; margin-right: 15px; }
.bandTopBlueFBHolder { float: right; margin-top: -5px; }
.bandTopBlueLangHolder { float: right; background-color: #ffffff; padding: 0 10px 0 10px; margin: 3px 0 0 25px; font-size: 14px; line-height: 23px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.bandTopBlueGPHolder { float: right; margin-top: 3px; }
.bandTopBlue a { color: #ffffff; }
.bandTopBlue a:hover { text-decoration: underline; color: #369fe3; }

.bandTopLogo { position: relative; overflow: hidden; width: 100%; background-color: #f8f8f8; height: 95px; color: #f8f8f8; border-top: 2px solid #ffffff; }
.bandTopLogoImage { margin-top: 5px; }
.bandTopLogoImageNoText { display: none; }
.bandTopLogoImageHamburger { height: 55px; }
.bandTopLogoImageHamburgerNoText { display: none; height: 60px; }

.bandTopFull { }
.bandTopHamburger { display: none; }

.cartUpdatedSlideDown { display: none; position: fixed; top: -1px; right: 50%; text-align: center; padding: 20px; z-index: 199999; width: 250px; box-sizing: border-box; border: 1px solid #DEDEDE; background-color: #ffffff; box-shadow: 0px 1px 4px rgba(0,0,0,0.05); margin-right: -530px; }
.cartUpdatedSlideDown a { text-decoration: underline; color: #369fe3; }

.bandTopCart { position: relative; float: right; margin-top: 25px; margin-left: 25px; width: 295px; cursor: pointer; }
.bandTopCart i { margin-left: -2px; }
.bandTopCart .icon { color: #ffffff; font-size: 20px; line-height: 36px; text-align: center; position: absolute; border-radius: 16px; top: -16px; left: -16px; width: 32px; height: 32px; background-color: #e34870; }
.bandTopCart .outline { background-color: #ffffff; border: 1px solid #cacaca; font-size: 16px; color: #353535; border-radius: 8px; height: 55px; }
.bandTopCart .captionEmpty { margin: 7px 0 0 0; padding: 0; line-height: 20px; font-size: 16px; color: #1b577a; text-align: center; font-weight: bold; }
.bandTopCart .captionFreeShipping { margin: 2px; padding: 0; line-height: 20px; font-size: 14px; color: #e14771; text-align: center; }

.bandTopPhone { position: relative; float: right; margin-top: 25px; width: 195px; }
.bandTopPhone .icon { font-size: 20px; line-height: 36px; text-align: center; position: absolute; border-radius: 16px; top: -16px; left: -16px; width: 32px; height: 32px; background-color: #1b577a; }
.bandTopPhone .outline { background-color: #ffffff; border: 1px solid #cacaca; font-size: 16px; color: #353535; border-radius: 8px; height: 55px; }
.bandTopPhone .captionPhone { margin: 10px 0 0 0; padding: 0; line-height: 20px; font-size: 20px; color: #e14771; text-align: center; font-weight: bold; }
.bandTopPhone .captionHours { margin: 0; padding: 0; line-height: 20px; text-align: center; font-size: 11px; }

.bandTopStripes { width: 100%; background-color: #000000; height: 3px; }
.bandTopStripesC { width: 90px; background-color: #00a6ea; height: 3px; float: left; font-size: 0; }
.bandTopStripesM { width: 90px; background-color: #e00072; height: 3px; float: left; font-size: 0; }
.bandTopStripesY { width: 90px; background-color: #edba00; height: 3px; float: left; font-size: 0; }

.bandTopNaviButtons { position: relative; width: 100%; background-color: #ffffff; height: 55px; border-bottom: 1px solid #d5d5d5; }
.bandTopNaviButtons .ctrcontent { position: relative; white-space: nowrap; }
.bandTopNaviButtons .lineContainer { overflow: hidden; position: relative; white-space: nowrap; }
.bandTopNaviButtons .left { float: left; }
.bandTopNaviButtons .right { overflow: hidden; background-color: #ffffff; line-height: 42px; text-align: right; padding-top: 8px; }
.bandTopNaviButtons .right input { box-sizing: border-box; width: 80%; padding-right: 35px; }
.bandTopNaviButtons .right .searchIcon { position: absolute; top: 6px; right: 10px; font-size: 20px; cursor: pointer; }

.mainContentMemberNavi { width: 100%; margin: 10px 0 0 0; border-bottom: 2px solid #369fe3; }
.memberNaviButton { border-right: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; font-family: 'PT Sans', sans-serif; font-size: 18px; font-size: 1.8rem; color: #444; line-height: 57px; display: inline-block; padding-left: 10px; padding-right: 10px; cursor: pointer; font-weight: bolder; background-color: #ffffff; box-sizing: border-box; }
.memberNaviButton:first-child { border-left: 1px solid #d5d5d5; }
.memberNaviButtonActive { background-color: #369fe3; border-right: 1px solid #369fe3; border-top: 1px solid #369fe3; color: #ffffff; }
.memberNaviButton a:hover { text-decoration: none; }
.memberNaviButtonActive a { color: #ffffff; }

.topNaviButton { border-right: 1px solid #d5d5d5; font-family: 'PT Sans', sans-serif; font-size: 18px; font-size: 1.8rem; color: #444; line-height: 57px; display: inline-block; padding-left: 7px; padding-right: 7px; cursor: pointer; font-weight: bolder; }
.topNaviButton:first-child { border-left: 1px solid #d5d5d5; }
.topNaviButton:hover { color: #00a6ea; }
.topNaviButtonHover { height: 56px; background-color: #fbfbfb; color: #00a6ea; cursor: pointer; }

.maincontentbrowse .logoHolderBrowseBrands { display: inline-block; height: 60px; width: 20%; text-align: center; margin-top: 20px; }
.maincontentbrowse .logoHolderBrowseBrands img { width: 80%; max-width: 150px; max-height: 45px; border: 0; }
.maincontentbrowse .logoHolderBrowseBrands:hover { opacity: 0.5; }

.topNaviDiv { display: none; position: absolute; left: 0; top: 56px; width: 100%; background-color: #ffffff; border-bottom: 5px solid #1c5878; background-color: #fbfbfb; z-index: 99999; min-height: 100px; padding-top: 15px; padding-bottom: 20px; }
.topNaviDiv .ctrcontent { position: relative; white-space: normal; }
#topNaviDiv_postage { padding-top: 35px; }
.topNaviDiv .logoHolder { display: inline-block; height: 60px; width: 20%; text-align: center; margin-top: 20px; }
.topNaviDiv .logoHolder img { width: 80%; max-width: 150px; max-height: 45px; border: 0; }
.topNaviDiv .logoHolder:hover { opacity: 0.5; }
.topNaviDiv .allBrandsHolder { width: 100%; text-align: center; padding: 0; margin: 25px 0 0 0; }
.topNaviDiv .allBrandsHolder div { display: inline-block; }
.topNaviDiv .allBrandsHolder div.naviButton { float: left; box-sizing: border-box; height: 70px; padding-top: 6px; }
.topNaviDiv .allBrandsHolder div.separator { float: left; box-sizing: border-box; height: 70px; padding-left: 15px; padding-right: 15px; }

.bandBottomNavi { background-color: #383838; color: #ffffff; padding: 15px 0 10px 0; font-size: 14px; font-size: 1.4rem; line-height: 24px; }
.bandBottomNavi .fa { margin-right: 7px; }
.bandBottomNavi a { color: #b8b8b8; }
.bandBottomNavi a:hover { text-decoration: underline; color: #369fe3; }
.bandBottomNaviBox { display: inline-block; width: 25%; vertical-align: top; font-size: 1.4rem; box-sizing: border-box; }
.bandBottomNaviBox .boxTitle { color: #ffffff; font-weight: bold; font-size: 16px;  }
.bandBottomNaviBox .boxSubtitle { font-size: 11px; font-size: 1.1rem; line-height: 1.4rem; color: #ffffff; font-weight: bold; margin-bottom: 4px; }
.bandBottomNaviBoxMobileApp { display: inline-block; width: 25%; vertical-align: top; /*text-align: right;*/ }
.bandBottomNaviBoxMobileApp .boxAppTitle { font-size: 16px; margin-bottom: 10px; font-weight: bold; }
.bandBottomNaviBoxMobileApp .boxAppTitle i { font-size: 22px; }
.bandBottomNaviBoxMobileApp .boxAppTitleShort { font-size: 16px; margin-bottom: 10px; font-weight: bold; display: none; }
.bandBottomNaviBoxMobileApp .boxAppTitleShort i { font-size: 22px; }

.bandBottomNaviBoxMobileApp .boxWrapper { max-width: 210px; width: 100%; text-align: center; font-size: 11px; line-height: 14px; margin-bottom: 15px; }
.bandBottomNaviBoxMobileApp .boxLinkToAppStore { }
.bandBottomNaviBoxMobileApp .boxLinkToAppStore img { width: 100%; max-width: 161px; max-height: 47px; margin-bottom: 5px; border: 0; }
.bandBottomNaviBoxMobileApp .boxMobileAppCaption { color: #848484; }
.bandBottomNaviBoxAddress { display: inline-block; width: 20%; vertical-align: top; text-align: left; color: #848484; }
.bandBottomNaviBoxAddress .addressPin { display: table-cell; }
.bandBottomNaviBoxAddress .addressPin i { color: #ffffff; font-size: 22px; font-size: 2.2rem; }
.bandBottomNaviBoxAddress .addressText { display: table-cell; font-size: 12px; font-size: 1.2rem; line-height: 18px; }
.bandBottomNaviBoxWidelist { width: 100%; color: #848484; font-size: 12px; font-size: 1.2rem; line-height: 16px; margin-top: 5px; }

.bandFooter { background-color: #f4f4f4; font-size: 14px; font-size: 1.4rem; color: #797979; height: 50px; line-height: 50px; padding: 10px 0 10px 0; white-space: nowrap; overflow: hidden; }
.bandFooterSubscribe { display: inline-block; position: relative; padding-left: 35px; background-color: #f4f4f4; }
.bandFooterSubscribe .submitSymb { position: absolute; top: 0px; right: 8px; font-size: 20px; }
.bandFooterSubscribe .subscribeIcon { position: absolute; top: 0px; left: 0px; font-size: 28px; }
.bandFooterSubscribe .subscribeCaptionLong { display: inline; }
.bandFooterSubscribe .subscribeCaptionShort { display: none; }
.bandFooterSubscribe input { box-sizing: border-box; padding-right: 35px; width: 250px;  }
.bandFooterSocial { float: right; margin-top: 10px; }
.bandFooterSocial img { margin-left: 3px; height: 30px; width: 30px; border: 0; }

.bandDisclaimers { background-color: #ffffff; color: #c7c7c7; font-size: 1rem; }
.bandBadgesRight { margin: 15px 0 15px 0; float: right; }
.bandBadgesRight img { height: 20px; margin-right: 10px; }
.bandBadgesLeft { margin: 15px 0 15px 0; }
.bandBadgesLeft img { height: 70px; margin-right: 10px; }
.bandDisclaimersCopy { margin: 5px auto 0px; width: 90%; text-align: center; }
.bandDisclaimersCopy a { color: #b8b8b8; }

h1 { margin: 10px auto 25px; font-family: 'PT Sans', sans-serif; font-size: 26px; font-size: 2.6rem; font-weight: bold; line-height: 30px; padding-bottom: 5px; color: #369fe3; border-bottom: 2px solid #369fe3; background-color: #ffffff; }
h2 { margin: 0 auto 15px; font-family: 'PT Sans', sans-serif; font-size: 22px; font-size: 2.2rem; font-weight: bold; line-height: 28px; color: #676765; background-color: #ffffff; }
h3 { margin: 0 auto 15px; font-family: 'PT Sans', sans-serif; font-size: 18px; font-size: 1.8rem; font-weight: bold; line-height: 26px; color: #676765; background-color: #ffffff; }
p { margin: 0 auto 15px; font-family: 'PT Sans', sans-serif; font-size: 16px; font-size: 1.6rem; line-height: 24px; color: #676765; }
p.smaller { font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; }
p.paymentOptionImgs { text-align: center; }
p.paymentOptionImgs img { margin: 10px; }

.paralikeh1underlined { margin: 0 auto 15px; font-family: 'PT Sans', sans-serif; font-size: 26px; font-size: 2.6rem; font-weight: bold; line-height: 30px; color: #369fe3; border-bottom: 2px solid #369fe3; }
.paralikeh1 { margin: 0 auto 15px; font-family: 'PT Sans', sans-serif; font-size: 26px; font-size: 2.6rem; font-weight: bold; line-height: 30px; color: #369fe3; }
.paralikeh2 { margin: 0 auto 15px; font-family: 'PT Sans', sans-serif; font-size: 22px; font-size: 2.2rem; font-weight: bold; line-height: 26px; color: #676765; }
.paralikeh3 { margin: 0 auto 15px; font-family: 'PT Sans', sans-serif; font-size: 18px; font-size: 1.8rem; font-weight: bold; line-height: 26px; color: #676765; }
.paralikeh3closer { margin: 0 auto 0; font-family: 'PT Sans', sans-serif; font-size: 18px; font-size: 1.8rem; font-weight: bold; line-height: 26px; color: #676765; }

.messageErrorDiv { margin: 0 auto 15px; padding: 15px; background-color: #f9d1d2; border: 1px solid #e6756e; font-size: 16px; font-size: 1.6rem; line-height: 20px; color: #c93a27; border-radius: 3px; display: none; }
.messageConfirmationDiv { margin: 0 auto 15px; padding: 15px; background-color: #00a500; border: 1px solid #00a500; font-size: 16px; font-size: 1.6rem; line-height: 20px; color: #ffffff; border-radius: 3px; display: none; }

.centered { text-align: center; }

.infoBoxTitle { padding: 15px 10px 20px 10px; border: 1px solid #dedede; border-radius: 15px; text-align: center; background-color: #f8f8f8; line-height: 24px; color: #676765; }
.infoBoxContent { margin-top: -20px; border-top: 0; border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; padding: 20px 10px 10px 10px; text-align: center; background-color: #ffffff; line-height: 24px; color: #676765; }
.infoBoxTitleBrowseCartridges { line-height: 20px; font-size: 18px; font-weight: bold; padding: 10px 10px 25px 10px; }
.infoBoxContentBrowseCartridges { padding-left: 0; padding-right: 0; padding-top: 10px; padding-bottom: 10px; line-height: 18px; }
.infoBoxContentBrowseCartridges div { display: inline-block; box-sizing: border-box; padding-left: 5px; padding-right: 5px; width: 50%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.bandTopNaviHamburgerMenu {
    display: none; padding: 10px; box-sizing: border-box;
    overflow: hidden; height: auto; white-space: normal; border-bottom: 3px solid #1c5878;
    font-size: 0;
}

.bandTopHamburgerButton {
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: inset 0px 1px 4px rgba(0,0,0,0.05);
    cursor: pointer;

    margin-top: 7px;
    width: 45px;
    height: 45px;
    border: 1px solid #d5d5d5;
    background-color: #fff;
    color: #565656;
    padding: 0;
}
.bandTopHamburgerButton i { font-size: 26px; line-height: 46px; }
.bandTopHamburgerButtonOn { color: #369fe3; }

.hamburgerNaviButtonHolderDiv {
    box-sizing: border-box;
    width: 33%;
    display: inline-block;
    padding: 5px;
}

.hamburgerNaviButtonDiv {
    font-size: 16px;
    text-align: center;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: inset 0px 1px 4px rgba(0,0,0,0.05);
    cursor: pointer;
    height: 100px;
    width: 100%;
    border: 1px solid #dedede;
    background-color: #fbfbfb;
    color: #565656;
    margin: 0;
    line-height: 18px;
    font-weight: bold;
}

.hamburgerNaviButtonDiv i { font-size: 30px; line-height: 50px; }

.testimonialBlockHolder { width: 100%; box-sizing: border-box; margin-top: 15px; margin-bottom: 55px;  }
.testimonialBlockHolder:nth-child(odd) { padding-left: 15%; }
.testimonialBlockHolder:nth-child(even) { padding-right: 15%; }
.testimonialBlockHolder blockquote { font-size: 18px; font-size: 1.8rem; font-style: italic; width: 100%; margin: 0.25em 0; padding: 0.25em 40px; position: relative; color: #676765; box-sizing: border-box; }
.testimonialBlockHolder blockquote:before { display: block; content: "\201C"; font-size: 80px; font-size: 8rem; position: absolute; left: -5px; top: -20px; color: #000000; }
.testimonialBlockHolder blockquote cite { color: #999999; font-size: 14px; font-size: 1.4rem; display: block; margin-top: 5px; }
.testimonialBlockHolder blockquote cite:before { content: "\2014 \2009"; }

.faqBlockHolder { width: 100%; box-sizing: border-box; margin-top: 15px; margin-bottom: 55px;  }
.faqBlockHolder:nth-child(odd) { padding-left: 15%; }
.faqBlockHolder:nth-child(even) { padding-right: 15%; }
.faqBlockHolder blockquote { font-size: 18px; font-size: 1.8rem; font-style: italic; width: 100%; margin: 0.25em 0; padding: 0.25em 40px; position: relative; color: #676765; box-sizing: border-box; }
.faqBlockHolder blockquote:before { display: block; content: "Q"; font-size: 55px; font-size: 5.5rem; position: absolute; left: -5px; top: -20px; color: #000000; }
.faqBlockHolder blockquote cite { color: #999999; font-size: 16px; font-size: 1.6rem; display: block; margin-top: 5px; }
.faqBlockHolder blockquote cite:before { content: "A "; color: #000000; font-weight: bold; }


.whtlEmailInstrButton { width: 20%; box-sizing: border-box; display: inline-block; height: 75px; cursor: pointer; text-align: center; font-weight: bold; color: #369FE3; vertical-align: top; }
.whtlEmailInstrButton img { width: 80%; }
.whtlEmailInstrButton div { width: 80%; }
.whtlEmailInstrButton:hover img { opacity: 0.5; }
.whtlEmailInstrInfoBox { display: none; }
.whtlEmailInstrInfoBox .infoBoxContent { text-align: left; }
.whtlEmailInstrInfoBox .buttonDiv { width: 150px; margin: 10px auto 0px; }

.buttonDiv { background-color: #369FE3; x-background-color: #2c6da5; height: 40px; border: 1px solid #369FE3; font-size: 16px; line-height: 40px; padding-left: 10px; padding-right: 10px; color: #f2f2f2; text-align: center; overflow: hidden; border-radius: 3px; box-shadow: inset 0px 1px 4px rgba(0,0,0,0.05); cursor: pointer; }
.buttonDivGray { background-color: #D5D5D5; border: 1px solid #dedede; color: #000; }
.buttonDivLiteGray { background-color: #FBFBFB; border: 1px solid #dedede; color: #000; }

.buttonDivLiteGraySmall { background-color: #FBFBFB; border: 1px solid #dedede; color: #000; font-size: 12px; height: 25px; line-height: 25px; }

.buttonDivAddToCart .buttonProductInCart { display: none; }
.buttonDivAddToCart .buttonProductAddToCart { display: inline-block; }
.buttonDivAddToCartInCart .buttonProductInCart { display: inline-block; }
.buttonDivAddToCartInCart .buttonProductAddToCart { display: none; }

.buttonDivRemoveFromMySupplies .buttonProductAddToSupplies { display: inline-block; }
.buttonDivRemoveFromMySupplies i { color: #000000; }

.buttonDivAddToMySupplies .buttonProductAddToSupplies { display: inline-block; }
.buttonDivAddToMySupplies .buttonProductInSupplies { display: none; color: #E14775; }
.buttonDivAddToMySupplies i { color: #000000; }
.buttonDivInMySupplies .buttonProductAddToSupplies { display: none; }
.buttonDivInMySupplies .buttonProductInSupplies { display: inline-block; color: #E14775; }
.buttonDivInMySupplies i { color: #ECBA00; }

.basicForm .buttonDiv {  margin-right: 10px; margin-bottom: 10px; }
.basicForm { width: 100%; font-size: 16px; font-size: 1.6rem; }
.basicForm .formGroup { width: 100%; margin-bottom: 10px; }
.basicForm .formGroup input { box-sizing: border-box; width: 90%; max-width: 300px; }
.basicForm .formGroup textarea { box-sizing: border-box; width: 90%; max-width: 300px; height: 100px; padding: 5px; line-height: 18px; line-height: 1.8rem; }
.basicForm .formGroup label { box-sizing: border-box; display: inline-block; min-width: 150px; vertical-align: top; padding-top: 8px; color: #676765; }

.basicForm .red { color: #c93a27; font-weight: bold; }
.basicForm .red label { color: #c93a27; }
.basicForm .red input { color: #c93a27; border-color: #e6756e; }
.basicForm .red textarea { color: #c93a27; border-color: #e6756e; }

.basicForm .checkboxLine { }
/* use these 2 to pad stuff to the left so it is aligned under the form elements */
.basicForm .leftSpaceAligner { display: inline-block; width: 150px; font-size: 0; height: 0; margin: 0; padding: 0; line-height: 0; }
.basicForm .leftAlignedContentHolder { box-sizing: border-box; width: 90%; max-width: 450px; display: inline-block; }
.basicForm .buttonLine { margin-top: 10px; }
.basicForm .buttonLine .buttonDiv { display: inline-block; width: auto; min-width: 80px; }
.basicForm .loadingLine { margin-top: 10px; height: 40px; line-height: 40px; display: none; }

.basicForm .formGroup .wide { width: 80%; max-width: 495px; }

.tabletop { display: table; }
.tabletop > div { display: table-row; }
.tabletop > div > div { display: table-cell; vertical-align: top; }

.whyshophereseal { width: 160px; text-align: center; }
.whyshophereseal img { width: 90%; }

.signinNewCustomerSpan { float: right; line-height: 18px; font-size: 14px; color: #000000; margin: 0; padding: 0; font-weight: normal; }

.signinConnectButtons { text-align: center; width: 100%; }
.signinConnectButtons img { margin-left: 3px; margin-right: 3px; max-width: 100%; }
.signinConnectButtons .imgOr { display: block; margin: 10px auto 20px; }

.browsePrinterBrandsDiv { font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem; box-sizing: border-box; padding-right: 5px; display: inline-block; width: 20%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }

.browsePrinterModelDiv { line-height: 1.8rem; line-height: 18px; box-sizing: border-box; padding-right: 5px; display: inline-block; width: 25%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }
.browsePrinterModelDiv .printerImage { display: none; }

.browsePrinterModelDivWithPic { text-align: center; }
.browsePrinterModelDivWithPic .printerImage { display: block; }

.maincontentbrowse h1 { margin-top: 20px; margin-bottom: 15px; }
.maincontentbrowse h2 { margin-top: 15px; }
.maincontentbrowse .topBrandTitle { font-size: 20px; margin-top: 15px; margin-bottom: 10px; text-align: center; }
.maincontentbrowse .topBrandTitle .brandNameText { font-size: 36px; font-weight: bold; }
.maincontentbrowse .topBrandTitle .viewingWhatDiv { font-size: 16px; }
.maincontentbrowse .topBrandTitle .subTitleCenter { width: 100%; display: block; text-align: center; white-space: nowrap; vertical-align: bottom; overflow: hidden; text-overflow: ellipsis; }
.maincontentbrowse .topBrandTitle .subTitleLeft { margin-top: 30px; width: 50%; display: inline-block; box-sizing: border-box; text-align: right; padding-right: 30px; white-space: nowrap; vertical-align: bottom; overflow: hidden; padding-bottom: 8px; text-overflow: ellipsis; }
.maincontentbrowse .topBrandTitle .subTitleRight { width: 50%; display: inline-block; box-sizing: border-box; text-align: left; padding-left: 30px; }
.maincontentbrowse .topBrandTitle .subTitleRight .imgOr { position: relative; left: -57px; margin-bottom: -55px; width: 35px; }
.maincontentbrowse .topBrandTitle .subTitleRight .imgOr img { margin-left: 10px; margin-right: 10px; width: 33px; height: 55px; }
.maincontentbrowse .topBrandTitle .subTitleRight input { width: 300px; max-width: 90%; }

/* order-history page */
.reorderViewButton_off_buttonDiv { cursor: pointer; float: right; min-width: 230px; font-size: 22px; }
.reorderViewButton_off_buttonDiv i { color: #E34870; } 
.reorderViewButton_on_buttonDiv { cursor: pointer; float: right; min-width: 230px; display: none; font-size: 22px;  }
.reorderViewButton_on_buttonDiv i { color: #00a500; }

.reorderView_off_div { }
.reorderView_on_div { display: none; }

/* product page */
.pdpProductHeaderLeft { width: 33%; display: inline-block; vertical-align:top; text-align: center; }
.pdpProductHeaderLeft .pdpProductHeaderImage { position: relative; }
.pdpProductHeaderLeft .pdpProductHeaderImage img { max-width: 90%; }
.pdpProductHeaderLeft .pdpProductHeaderBundleCaption { text-align: center; color: #E30075; margin-top: 20px; margin-bottom: 20px; font-weight: bold; font-size: 20px; font-family: 'Open Sans', sans-serif; }
.pdpProductHeaderLeft .pdpProductHeaderBundleCaption i { font-size: 32px; }

.pdpProductHeaderRight { width: 66%; display: inline-block; vertical-align:top; }

.pdpProductHeaderRight .productHeaderPrices { width: 50%; display: inline-block; vertical-align:top; }
.pdpProductHeaderRight .productHeaderPrices h2 { margin: 0px; color: #000000; font-size: 2.8rem; }
{ margin: 0px; color: #000000; }
.pdpProductHeaderRight .productHeaderMore { width: 50%; display: inline-block; vertical-align:top; text-align: center; }
.pdpProductHeaderRight .productHeaderMore .productAvailabilityDiv { margin: 15px 0 20px 0; }

.pdpProductAvailabilityDiv .pdpAvailDetailDivOK span { font-weight: bold; color: #00B816; font-size: 20px; margin-right: 10px; }
.pdpProductAvailabilityDiv .pdpAvailDetailDivWarn span { font-weight: bold; color: #A62929; font-size: 20px; margin-right: 10px; }

.pdpProductHighCapacityDiv { color: #E30075; font-weight: bold; }
.pdpProductHighCapacityDiv span { font-weight: bold; color: #E30075; font-size: 20px; margin-right: 10px; }

.pdpProductColorDiv { font-size: 16px; padding-bottom: 10px; padding-top: 10px; }

.pdpProductActionsDiv { margin: 10px 0 10px 0; }
.pdpProductActionsDiv .pdpProductActionsDivAddToCartMain { width: 100%; }

.pdpProductActionsDiv .pdpProductActionsDivAddToCartRemove { display: inline-block; vertical-align: bottom; }
.pdpProductActionsDiv .pdpProductActionsDivAddToCartQty { display: inline-block; vertical-align: baseline; }
.pdpProductActionsDiv .pdpProductActionsDivAddToCartAdd { display: inline-block; vertical-align: bottom; }
.pdpProductActionsDiv .pdpProductActionsDivAddToCartQtyInput { width: 30px; text-align: center; }
.pdpProductActionsDiv .pdpProductActionsDivAddToCartQtyButton { width: 20px; }
.pdpProductActionsDiv .pdpButtonDivAddToCartInCartDefault { display: inline-block; vertical-align: bottom; }
.pdpProductActionsDiv .pdpButtonDivAddToMySuppliesDefault { margin-top: 15px; display: inline-block; width: auto; max-width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.pdpProductSpecsDiv { }
.pdpProductSpecsDiv .pdpProductSpecsItem { width: 14.2%; display: inline-block; text-align: center; font-size: 16px; vertical-align: top; }
.pdpProductSpecsDiv .pdpProductSpecsItemTitle { width: 100%; background-color: #FBFBFB; min-height: 40px; font-weight: bold; box-sizing: border-box; padding: 10px 5px 10px 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pdpProductSpecsDiv .pdpProductSpecsItemValue { min-height: 40px; line-height: 24px; padding: 10px 5px 10px 5px; }
.pdpProductSpecsDiv .pdpProductSpecsItemValue .pdpProductSpecsItemValueLessThanPenny { font-size: 11px; }

.pdpProductSpecsDiv .pdpProductSpecsItemWide { width: 25%; }

/* my account -- profile */
.maincontent .profileLeftDiv { width: 50%; display: inline-block; box-sizing: border-box; vertical-align: top; padding-right: 50px; }
.maincontent .profileRightDiv { width: 50%; display: inline-block; box-sizing: border-box; vertical-align: top; }

/* my account -- order history */
.orderHistoryReorderViewCaption { font-size: 14px; color: #676767; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.orderHistoryOrderStatusDetailsLink { white-space: nowrap; margin: 0 0 0 20px; padding: 0px; }

/* front */
.frontBrandLogosDiv { background-color: #F4F4F4; padding: 40px 0 60px 0; }
.frontBrandLogosDiv .frontBrandLogosTitleDiv { text-align: center; font-size: 36px; font-family: 'PT Sans', sans-serif; color: #000000; padding: 5px 15px 15px 15px; line-height: 42px; }
#frontPageSliderDiv { position:relative; text-align: center; width: 100%; background-color: #006B8D; background-image: url('https://piwarehouseimg.s3.amazonaws.com/sitemisc/201509pic_front_back.jpg'); background-size:100%; padding: 0; margin: 0; }
#frontPageSliderDiv .frontPageSliderButtonPrev { position: absolute; top: 50%; margin-top: -25px; left: 0; height: 50px; width: 50px; line-height: 50px; font-size: 56px; color: #dedede; font-weight: bold; cursor: pointer; }
#frontPageSliderDiv .frontPageSliderButtonNext { position: absolute; top: 50%; margin-top: -25px; right: 0; height: 50px; width: 50px; line-height: 50px; font-size: 56px; color: #dedede; font-weight: bold; cursor: pointer; }
#frontPageSliderDiv .frontPageSliderItem { padding: 0; margin: 0; }
#frontPageSliderDiv .frontPageSliderItem img { width: 90%; max-width: 1080px; }

.frontFactsMainDiv { box-sizing: border-box; padding: 5px 15px 30px 15px; }
.frontFactsMainDiv .frontFactsTitleDiv { text-align: center; width: 100%; background-color: #ffffff; color: #1b9cd6; font-size: 42px; font-family: 'PT Sans', sans-serif; padding: 20px 15px 20px 15px; margin: 0; line-height: 48px; box-sizing: border-box; }
.frontFactsMainDiv .frontFactsTitleDiv span { font-weight: bold; color: #df006b; } 
.frontFactsDiv { font-size: 0px; font-family: 'PT Sans', sans-serif; vertical-align: top; }
.frontFactsDiv .frontFactMain { width: 25%; display: inline-block; text-align: center; box-sizing: border-box; padding: 10px; vertical-align: top; }
.frontFactsDiv .frontFactMain .frontFactTitle { font-size: 20px; padding: 20px 0 10px 0; font-weight: bold; }
.frontFactsDiv .frontFactMain .frontFactSummary { font-size: 16px; padding: 5px 0 0 0; line-height: 20px; }
.frontFactsDiv .frontFactMain .frontFactLink { font-size: 16px; padding: 0 0 5px 0; line-height: 20px; }
.frontFactsDiv .frontFactMain .frontFactLink a { color: #369fe3; }

.frontEpsonWorkForceProMainDiv { text-align: center; width: 100%; background-color: #e7e7e7; padding: 15px 15px 30px 10px;  box-sizing: border-box; }
.frontEpsonWorkForceProMainDiv .frontEpsonWorkForceProTitleDiv { text-align: center; width: 100%; color: #1b9cd6; font-size: 42px; font-family: 'PT Sans', sans-serif; padding: 20px 15px 30px 15px; margin: 0; line-height: 48px; box-sizing: border-box; }
.frontEpsonWorkForceProMainDiv .frontEpsonWorkForceProTitleDiv span { color: #df006b; }
.frontEpsonWorkForceProMainDiv .frontEpsonWorkForceProPart1 {clear: both; margin-top: 10px;}
.frontEpsonWorkForceProMainDiv .frontEpsonWorkForceProPart2 {clear: both; margin-top: 40px;}
.frontEpsonWorkForceProMainDiv .frontEpsonWorkForceProPart1div1 {width: 38%; display: inline-block; vertical-align: top; box-sizing: border-box; padding: 10px;}
.frontEpsonWorkForceProMainDiv .frontEpsonWorkForceProPart1div2 {width: 58%; display: inline-block; vertical-align: top; text-align: left; font-size: 30px; line-height: 50px; box-sizing: border-box; padding: 10px;}
.frontEpsonWorkForceProMainDiv .frontEpsonWorkForceProPart2div1 {width: 48%; display: inline-block; vertical-align: top; text-align: left; font-size: 30px; line-height: 50px; box-sizing: border-box; padding: 10px;}
.frontEpsonWorkForceProMainDiv .frontEpsonWorkForceProPart2div1 span {font-weight: bolder; color: #df006b;}
.frontEpsonWorkForceProMainDiv .frontEpsonWorkForceProPart2div2 {width: 48%; display: inline-block; vertical-align: top; box-sizing: border-box; padding: 10px;}
.frontEpsonWorkForceProMainDiv .frontEpsonWorkForceProPart2div2 p {line-height: 5px;}
.frontEpsonWorkForceProMainDiv .frontEpsonWorkForceProPart2div2 p small {font-style: italic;}
.frontEpsonWorkForceProMainDiv img {max-width: 100%;}

.frontTestimonialsMainDiv { position:relative; text-align: center; width: 100%; background-color: #dedede; background-image: url('https://2015picink.s3.amazonaws.com/images/front-testimonial-bg.jpg'); background-size: 100% 100%; padding: 15px 15px 30px 10px;  box-sizing: border-box; background-repeat: no-repeat; }
.frontTestimonialsMainDiv .frontTestimonialsTitle { text-align: center; font-size: 42px; font-family: 'PT Sans', sans-serif; color: #ffffff; line-height: 42px; letter-spacing: 3px; box-sizing: border-box; padding: 20px 15px 20px 15px; }
.frontTestimonialsMainDiv .frontTestimonialsItem { display: inline-block; box-sizing: border-box; width: 30%; background-color: rgba(0, 0, 0, 0.4); padding: 30px 30px 45px 40px; vertical-align: top; }
.frontTestimonialsMainDiv .frontTestimonialsItem .frontTestimonialsItemQuote { font-size: 46px; text-align: center; color: #ffffff; }
.frontTestimonialsMainDiv .frontTestimonialsItem .frontTestimonialsItemName { font-size: 22px; text-align: center; color: #379ee3; padding: 15px 5px 15px 5px; }
.frontTestimonialsMainDiv .frontTestimonialsItem .frontTestimonialsItemCaption { font-size: 16px; text-align: center; color: #ffffff; font-style: italic; line-height: 24px; }
.frontTestimonialsMainDiv .frontTestimonialsSpacer { display: inline-block; box-sizing: border-box; width: 5%; }
.frontTestimonialsMainDiv .frontTestimonialsMore { color: #ffffff; padding: 15px; font-size: 18px; }
.frontTestimonialsMainDiv .frontTestimonialsMore a { color: #ffffff; }

.frontBlogLibraryMainDiv { box-sizing: border-box; padding: 5px 15px 30px 15px; }
.frontBlogLibraryDiv { font-size: 0px; font-family: 'PT Sans', sans-serif; vertical-align: top; }
.frontBlogLibraryDiv .frontBlogLibraryMain { width: 50%; display: inline-block; text-align: left; box-sizing: border-box; vertical-align: top; }
.frontBlogLibraryDiv .frontBlogLibraryMain:first-child { padding-right: 15px; }
.frontBlogLibraryDiv .frontBlogLibraryMain .frontBlogLibraryTitle { font-size: 36px; padding: 20px 0 10px 0; color: #379ee1; white-space: nowrap; overflow: hidden; }
.frontBlogLibraryDiv .frontBlogLibraryMain .frontBlogLibraryLibItem { font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; padding-left: 45px; position: relative; line-height: 35px; margin-bottom: 5px; }
.frontBlogLibraryDiv .frontBlogLibraryMain .frontBlogLibraryLibItem div { position: absolute; top: 0; left: 0; background-color: #4e4e4e; color: #ffffff; width: 30px; height: 30px; border-radius: 15px; text-align: center; line-height: 30px; }
.frontBlogLibraryDiv .frontBlogLibraryMain .frontBlogLibraryLibItem a { color: #379ee3; }

.frontBlogLibraryDiv .frontBlogLibraryMain .frontBlogLibraryBlogItem { font-size: 18px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; padding-left: 60px; position: relative; line-height: 45px; margin-bottom: 8px; }
.frontBlogLibraryDiv .frontBlogLibraryMain .frontBlogLibraryBlogItem div { position: absolute; top: 0; left: 0; background-color: #4e4e4e; color: #ffffff; width: 45px; height: 45px; border-radius: 5px; text-align: center; font-size: 14px; white-space: normal; line-height: 15px; padding-top: 8px; box-sizing: border-box; }
.frontBlogLibraryDiv .frontBlogLibraryMain .frontBlogLibraryBlogItem a { color: #379ee3; }

.frontTextSpecialsDiv { background-color: #F4F4F4; padding: 10px 0 60px 0;  }
.frontTextSpecialsDivContent { font-size: 0px; font-family: 'PT Sans', sans-serif; vertical-align: top; }
.frontTextSpecialsDivContent .frontTextSpecialsMain { width: 50%; display: inline-block; text-align: left; box-sizing: border-box; vertical-align: top; font-size: 14px; line-height: 22px; }
.frontTextSpecialsDivContent .frontTextSpecialsMain { padding-right: 15px; }
.frontTextSpecialsDivContent .frontTextSpecialsMain .frontTextSpecialsMainTitle { font-style: italic; font-size: 22px; padding: 10px 0 10px 0; color: #4E4E4E; overflow: hidden; line-height: 38px; }
.frontTextSpecialsDivContent .frontTextSpecialsMain a { color: #379ee3; margin-right: 15px; }

/* cart */
#mycartMainDiv { vertical-align:top; box-sizing: border-box; margin: 0 20px 20px 20px; display: inline-block; width: 700px; }
#mycartMainDiv .mycartProductsMainDiv { display: table; }
#mycartMainDiv .mycartProductsItemDiv { display: table-row; box-sizing: border-box; }
#mycartMainDiv .mycartProductsItemPictureDiv { display: table-cell; box-sizing: border-box; width: 150px; vertical-align: top; padding-top: 20px; padding-right: 15px; }
#mycartMainDiv .mycartProductsItemSummaryDiv { border-bottom: 2px solid #f4f4f4; box-sizing: border-box;width: 350px; display: table-cell; vertical-align: top; padding-top: 20px; padding-right: 25px; }
#mycartMainDiv .mycartProductsItemQtyDiv { border-bottom: 2px solid #f4f4f4; box-sizing: border-box;display: table-cell; width: 100px; vertical-align: top; padding-top: 20px; padding-right: 15px; }
#mycartMainDiv .mycartProductsItemAmountDiv { display: table-cell; width: 100px; box-sizing: border-box; vertical-align: top; text-align: right; padding-top: 20px; padding-left: 20px; }

#mycartShippingMethodsDiv { vertical-align: top; margin: 0 0 0 20px; display: inline-block; width: 280px; box-sizing: border-box; }
#mycartShippingMethodsDiv .mycartShippingMethodsSelectHolderDiv { margin: 0 0 20px 0; }
#mycartShippingMethodsDiv .mycartShippingMethodsSelectDiv { display: inline-block; vertical-align: bottom; width: 280px; }
#mycartShippingMethodsDiv .mycartShippingMethodsSelectDiv select { width: 275px; }
#mycartShippingMethodsDiv .mycartShippingMethodsTotalsHolderDiv { display: table; width: 280px; font-size: 18px; }
#mycartShippingMethodsDiv .mycartShippingMethodsTotalsHolderDiv .mycartShippingMethodsTotalsHolderItemDiv { display: table-row; height: 30px; }
#mycartShippingMethodsDiv .mycartShippingMethodsTotalsHolderDiv .mycartShippingMethodsTotalsHolderItemTitleDiv { width: 180px; box-sizing: border-box; display: table-cell; text-align: right; }
#mycartShippingMethodsDiv .mycartShippingMethodsTotalsHolderDiv .mycartShippingMethodsTotalsHolderItemValueDiv { width: 100px; box-sizing: border-box; padding-left: 25px; text-align: right; }

.pdpProductNotifyOnAvailabilityDiv { color: #E30075; margin-top: 10px; }
#pdpProductNotifyOnAvailabilityDivMessage { font-weight: bold; color: #A62929; font-size: 16px; margin-right: 10px; }
#pdpProductNotifyOnAvailabilityDivConfirm { font-weight: bold; color: #A62929; font-size: 16px; margin-right: 10px; display: none; }
.pdpProductNotifyOnAvailabilityNotifyDiv { display: block; position: relative; color: #797979; }
.pdpProductNotifyOnAvailabilityNotifyDiv .submitSymb { position: absolute; top: 7px; right: 8px; font-size: 20px; }
.pdpProductNotifyOnAvailabilityNotifyDiv input { box-sizing: border-box; padding-right: 35px; width: 100%;  }
.pdpProductNotifyOnAvailabilityNotifyDiv .buttonDiv { display: inline-block; margin-top: 5px; }
#pdpProductNotifyOnAvailabilityDivForm { display: none; }

.floatingImgRight { float: right; max-width: 100%; }
.floatingImgLeft { float: left; max-width: 100%; }

input[type=text],
input[type=password],
input[type=email],
textarea {
    /* box-sizing: border-box;*/
	font-family: 'PT Sans', sans-serif;
    font-size: 16px;
	font-size: 1.6rem;
	/* font-style: italic; */
    line-height: 40px;
	height: 40px;
    padding: 0 5px;
	background-color: #ffffff;
    /*background-color: #f5f5f5;*/
	color: #676767;
	/*border: 0px;*/
    /*border: 1px solid #dedede;*/
	border: 1px solid #d4d4d4;
	border-radius: 3px;
	box-shadow: inset 0px 1px 4px rgba(0,0,0,0.05);
	/*-webkit-appearance: none;*/
}
textarea { line-height: 1.2rem; }

input[type=text]:hover,
input[type=password]:hover,
input[type=email]:hover,
textarea:hover { border: 1px solid #369FE3; }

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
textarea:focus { border-color: #369FE3; outline: none; }

.styledSelect {
    height: 40px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #000;
    font-family: 'PT Sans', sans-serif;
}

.divSelect select {
  background: transparent;
  width: 170px; /* increase width to go out of the div if the default drop down arrow to be hidden */
  /*-webkit-appearance: none;*/
  padding: 0px;
  height: 40px; /* 22px for IE */
  font-size: 16px;
  font-size: 1.6rem;
  border: 0px solid #ff0000;
  border-radius: 0;
  color: #000;
  font-family: 'PT Sans', sans-serif;
  /*line-height: 30px;*/
}

.divSelect {
  padding-left: 5px;
  padding-top: 0px; /* 7px; for IE */
  width: 180px;
  height: 40px;
  overflow: hidden;
  background-color: #D5D5D5;
  border: 1px solid #dedede;
  border-radius: 3px;
  box-shadow: inset 0px 1px 4px rgba(0,0,0,0.05);
  box-sizing: border-box;
  /*background-color: transparent;*/
  /*background: url("") no-repeat right #fff;*/ /* enable for custom drop down img and make the select wider than this container */
}


.prod { width: 20%; display: inline-block; font-size: 16px; text-align: center; margin-bottom: 20px; height: 340px; position: relative; }

.prodInner {
    position: absolute;
    top: 0px; left: 0px; right: 0px; bottom: 0px;
    padding-left: 5px; padding-right: 5px; overflow: hidden;
}

.prodInner .titleDiv { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.prodInner .titleDiv .avilabilityCaptionOK { font-weight: bold; color: #00B816; white-space: nowrap; }
.prodInner .titleDiv .avilabilityCaptionWarn { font-weight: bold; color: #A62929; white-space: nowrap; }

.prodInner .priceDiv { margin: 10px 0 10px 0; }
.prodInner .priceDiv .unitPrice { margin: 0px; paddng: 0px; color: #000000; font-size: 2.2rem; font-weight: bold; line-height: 20px; }
.prodInner .priceDiv .buyMorePrice { margin: 0px; paddng: 0px; color: #000000; font-size: 1.6rem; font-weight: bold; line-height: 20px; }

.prodInner .productDetailDiv { margin-top: 20px; margin-bottom: 20px; text-align: center; width: 100%; }
.prodInner .detailDiv { margin-top: 20px; margin-bottom: 20px; text-align: center; width: 100%; }

.prodInner .shippingAvailDetailDiv { margin-top: 10px; margin-bottom: 20px; text-align: center; width: 100%; }
.prodInner .shippingAvailDetailDivOK span { font-size: 14px; }
.prodInner .shippingAvailDetailDivWarn span { font-weight: bold; color: #A62929; font-size: 14px; }

.prodInner .msgDetailDiv { margin-top: 10px; margin-bottom: 20px; text-align: center; width: 100%; }
.prodInner .msgDetailDivOK span { font-size: 14px; }
.prodInner .msgDetailDivWarn span { font-weight: bold; color: #A62929; font-size: 14px; }

.prodInner .addToCartDiv { margin-top: 5px; white-space: nowrap; overflow: hidden; }
.prodInner .addToCartDiv .selectQty { display: inline-block; vertical-align: bottom; width: 55px; }
.prodInner .addToCartDiv .selectQty select { width: 50px; }
.prodInner .addToCartDiv .buttonDivAddToCartDefault { display: inline-block; vertical-align: bottom; width: 110px; box-sizing: border-box; padding-left: 0; padding-right: 0; }

.prodInner .buttonDivAddToMySuppliesDefault { display: inline-block; width: auto; }

.prodInner .highCapacityIconHolder { position: absolute; top: 0px; left: 0px; font-size: 16px; font-weight: bold; color: #E0006C; }
.prodInner .highCapacityIconHolder img { width: 80px; }
.prodInner .bundleIconHolder { position: absolute; top: 80px; right: 5px; font-size: 12px; font-weight: bold; color: #E0006C; }
.prodInner .bundleIconHolder i { font-size: 30px; }

.prod:hover .prodInner .highCapacityIconHolder { position: absolute; top: 10px; left: 10px; }
.prod:hover .prodInner .bundleIconHolder { position: absolute; top: 90px; right: 15px; font-size: 12px; font-weight: bold; color: #E0006C; }

    
.prod:hover .prodInner {
    box-shadow: 0 10px 20px rgba(0,0,0,0.33);
    left: -10px;
    right: -10px;
    top: -10px;
    border-radius: 10px;
    bottom: auto;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #ffffff;
    z-index: 100;
    
    /*for ie border: 2px solid #555555; */
}

.prodImage { height: 125px; }
.prodImage img { max-height: 120px; max-width: 95%; }

.prodErrorMsg { display: none; position: absolute; top: 100px; width: 100%; left: 0px; background-color: #ff0000; opacity: 0.8; font-size: 12px; color: #ffffff; font-family: Roboto, sans-serif; padding: 10px; box-sizing: border-box; }
.prodConfirmMsg { display: none; position: absolute; top: 100px; width: 100%; left: 0px; background-color: #009857; opacity: 0.8; font-size: 12px; color: #ffffff; font-family: Roboto, sans-serif; padding: 10px; box-sizing: border-box; }


/*

.prodTitle { margin-top: 5px; font-family: Roboto, sans-serif; font-weight: bold; font-size: 16px; text-align: left; max-height: 36px; overflow: hidden;  }
.prodAuthors { margin-top: 5px; font-family: Roboto, sans-serif; font-size: 14px; text-align: left; max-height: 34px; overflow: hidden; }
.prodManufacturer { display: none; margin-top: 5px; font-family: Roboto, sans-serif; font-size: 14px; text-align: left; }
.prodPrice { margin-top: 5px; font-family: Roboto, sans-serif; font-size: 18px; text-align: left; color: #FF7A28; }
.prodPriceWideLeft { margin-top: 5px; font-family: Roboto, sans-serif; font-size: 18px; text-align: left; color: #FF7A28; width: 100%; }
.prodCartDescriptionDiv { max-height: 75px; overflow: hidden; text-overflow: ellipsis; }

.prodAvailable { font-size: 16px; display: none; color: #009857; text-align: left; }
.prodUnavailable { font-size: 16px; display: none; color: #DB4531; text-align: left; }

.prodButtons { display: none; margin-top: 5px; margin-bottom: 15px; }
.prod a { text-decoration: none; color: #41B7D8; } 
.prod a:hover { text-decoration: underline; color: #41B7D8; }

.formConfirmMsg { width: 100%; background-color: #009857; opacity: 0.8; font-size: 14px; color: #ffffff; font-family: Roboto, sans-serif; padding: 10px; box-sizing: border-box; display: none; }
.formErrorMsg { width: 100%; background-color: #ff0000; opacity: 0.8; font-size: 14px; color: #ffffff; font-family: Roboto, sans-serif; padding: 10px; box-sizing: border-box; display: none; }
.prodErrorMsgPdp { text-align: center; top: -22px; opacity: 1; z-index: 99999; }
.prodConfirmMsgPdp { text-align: center; top: -22px; opacity: 1; z-index: 99999; }


.prod:hover .prodManufacturer { display: block; }
.prod:hover .prodTitle { max-height: none; }
.prod:hover .prodAuthors { max-height: none; }
.prod:hover .prodButtons { display: block; }
.prod:hover .prodAvailable { display: block; }
.prod:hover .prodUnavailable { display: block; }
*/


.gridholder { width: 100%; vertical-align: top; margin-bottom: 15px; }
.gridholdercenter { width: 100%; vertical-align: top; margin-bottom: 15px; text-align: center; }

.gridbox4 { width: 25%; display: inline-block; background-color: #ffffff; border: 0; margin: 0; padding: 0; vertical-align: top; }
.gridbox3 { width: 33.3%; display: inline-block; background-color: #ffffff; border: 0; margin: 0; padding: 0; vertical-align: top; }
.gridbox2 { width: 50%; display: inline-block; background-color: #ffffff; border: 0; margin: 0; padding: 0; vertical-align: top; }

/* grid container */
.gridc { background-color: #ffffff; margin: 5px; }

@media (max-width: 1121px) {

    #mycartMainDiv { width: 100%; margin: 0; box-sizing: border-box; }    
    #mycartMainDiv .mycartProductsMainDiv { display: table; width: 100%;}
    #mycartMainDiv .mycartProductsItemDiv { display: table-row; box-sizing: border-box; width: 100%;}
    #mycartMainDiv .mycartProductsItemPictureDiv { width: 20%; }
    #mycartMainDiv .mycartProductsItemSummaryDiv { width: 50%; }
    #mycartMainDiv .mycartProductsItemQtyDiv { width: 15%; }
    #mycartMainDiv .mycartProductsItemAmountDiv { width: 15%; }
    #mycartShippingMethodsDiv { margin-top: 15px; float: right; }
    #mycartShippingMethodsDivClear { clear: both; }

}

@media (max-width: 1100px) {
    .prod { width: 25%; }
    
    .cartUpdatedSlideDown { right: 15px; margin-right: 0; }
    
    .floatingImgRight { max-width: 33%; }
    .floatingImgLeft { max-width: 33%; }
}

/* hide bottom address */
@media (max-width: 915px) {
    .bandBottomNaviBox { width: 33%; }
    .bandBottomNaviBoxAddress { display: none; }
    .boxMobileAppCaption { display: none; }
    .bandBottomNaviBoxMobileApp .boxAppTitle { display: none; }
    .bandBottomNaviBoxMobileApp .boxAppTitleShort { display: block; }
    
    .browsePrinterBrandsDiv { width: 25%; }
    
    .pdpProductHeaderLeft { width: 50%; }
    .pdpProductHeaderRight { width: 50%; }
    .pdpProductHeaderRight .productHeaderPrices { width: 100%; }
    .pdpProductHeaderRight .productHeaderMore { width: 0%; display: none; }
    
    /*.maincontent .aboutUsImage { width: 80%; }*/
    
}

/* hide POS & postage button on top */
/* bandFooter -- subscribe & social icons on 2 lines */
/* badges on bottom to be smaller */
@media (max-width: 860px) {

    .maincontentbrowse .logoHolderBrowseBrands { width: 25%; text-align: center; margin-top: 15px; height: 50px; }
    .maincontentbrowse .logoHolderBrowseBrands img { width: 80%; max-width: 150px; max-height: 45px; border: 0; }
    
    .topNaviDiv .logoHolder { width: 25%; text-align: center; margin-top: 15px; height: 50px; }
    .topNaviDiv .logoHolder img { width: 80%; max-width: 150px; max-height: 45px; border: 0; }

    #topNaviButton_pos { display: none; }
    #topNaviButton_postage { display: none; }
    .bandFooterSubscribe input { box-sizing: border-box; padding-right: 35px; width: 190px; }
    .bandFooterSubscribe .subscribeCaptionLong { display: none; }
    .bandFooterSubscribe .subscribeCaptionShort { display: inline; }
    .bandBadgesRight img { height: 15px; }
    .bandBadgesLeft img { height: 50px; }
    
    .bandTopLogoImage { display: none; }
    .bandTopLogoImageNoText { display: block; }
    
    .browsePrinterModelDiv { width: 33.3%; }
    
    .browsePrinterBrandsDiv { width: 33.3%; }
    
    .prod { width: 33.3%; }
    
    .pdpProductSpecsDiv .pdpProductSpecsItem { width: 25%; }
    .pdpProductSpecsDiv .pdpProductSpecsItemWide { width: 50%; }
    
    .maincontent .aboutUsImage { width: 500px; float: none; margin: 0 0 15px 0; max-width: 100%; }
    
    .orderHistoryReorderViewCaption { display: none; }
    
    .frontFactsDiv .frontFactMain { width: 50%; }
    
    .frontEpsonWorkForceProMainDiv .frontEpsonWorkForceProPart1div1,
    .frontEpsonWorkForceProMainDiv .frontEpsonWorkForceProPart1div2,
    .frontEpsonWorkForceProMainDiv .frontEpsonWorkForceProPart2div1,
    .frontEpsonWorkForceProMainDiv .frontEpsonWorkForceProPart2div2 {width: 100%;}
    
    .frontTestimonialsMainDiv .frontTestimonialsItem { width: 45%; }
    .frontTestimonialsMainDiv .frontTestimonialsItem1 { display: none; }
    .frontTestimonialsMainDiv .frontTestimonialsSpacer1 { display: none; }
    
}

@media (max-width: 690px) {
    .bandFooterSubscribe .subscribeCaptionShort { display: none; }
    .whtlEmailInstrButton { width: 25%; }
    
    
    
}

@media (max-width: 645px) {

    .gridholder { text-align: center; }
    .gridbox3 { width: 70%; }
    
    .bandTopLogo { height: 65px; }
    .bandTopBlue { height: 3px; }
    .bandTopFull { display: none; }
    .bandTopHamburger { display: block; width: 100%; height: auto; font-size: 1rem; }
    
    /* hide top navigation drop downs */
    .bandTopNaviButtons { display: none; }

    #topNaviButton_wide { display: none; }
    .bandBadgesLeft { float: none; width: 100%; text-align: center; }
    .bandBadgesRight { float: none; width: 100%; text-align: center; }
    #topNaviButton_pos { display: none; }
    .bandBottomNaviBoxWidelist { display: none; }
    
    .maincontentbrowse .topBrandTitle .viewingWhatDiv { font-size: 13px; }
    .maincontentbrowse .topBrandTitle .subTitleLeft { width: 100%; text-align: center; padding: 0; }
    .maincontentbrowse .topBrandTitle .subTitleRight { width: 100%; text-align: center; padding: 0;  }
    .maincontentbrowse .topBrandTitle .subTitleRight .imgOr { display: none; }
    .xxx-maincontentbrowse .topBrandTitle .subTitleRight input { width: 300px; max-width: 90%; }

    .prod { width: 50%; }
    
    .maincontent .profileLeftDiv { width: 100%; padding-right: 0px; }
    .maincontent .profileRightDiv { width: 100%; margin-top: 10px; border-top: 2px solid #dedede; padding-top: 20px; }
    
    .frontBlogLibraryDiv .frontBlogLibraryMain { width: 100%; }
    
    .frontBlogLibraryDiv .frontBlogLibraryMain .frontBlogLibraryTitle { text-align: center; }
    .frontTextSpecialsDivContent .frontTextSpecialsMain { width: 100%; }
    
    #frontPageSliderDiv { display: none; }
    
    .cartUpdatedSlideDown { right: 50%; margin-right: -125px; } 
}

@media (max-width: 600px) {
    .pdpProductHeaderLeft { width: 100%; }
    .pdpProductHeaderRight { width: 100%; }
    .pdpProductHeaderRight .productHeaderPrices { text-align: center; }
    .pdpProductAvailabilityDiv { text-align: center; }
    
    .memberNaviButton { white-space: nowrap; max-width: 25%; overflow: hidden; vertical-align: middle; text-overflow: ellipsis; font-size: 12px; line-height: 45px; }
    
    .memberNaviButtonMySupplies { max-width: 35%; }
    .memberNaviButtonOrderHistory { max-width: 35%; }
    .memberNaviButtonProfile { max-width: 20%; }
    .memberNaviButtonSignout { max-width: 10%; }
    .memberNaviButtonSignout span { display: none; }
    
    
}

@media (max-width: 550px) {
    
    .maincontentbrowse .logoHolderBrowseBrands { width: 33.3%; text-align: center; margin-top: 15px; height: 45px; }
    .maincontentbrowse .logoHolderBrowseBrands img { width: 80%; max-width: 150px; max-height: 40px; border: 0; }

    .topNaviDiv .logoHolder { width: 33.3%; text-align: center; margin-top: 15px; height: 45px; }
    .topNaviDiv .logoHolder img { width: 80%; max-width: 150px; max-height: 40px; border: 0; }

    #topNaviButton_ribbons { display: none; }

    .gridbox3 { width: 80%; }
    
    .bandFooter { white-space: normal; overflow: auto; height: auto; line-height: 0px; padding: 8px 0 8px 0; margin: 0; }
    .bandFooterSocial { float: none; width: 100%; text-align: center; padding: 0; margin: 0; }
    .bandFooterSocial img { height: 20px; width: 20px; margin: 0; padding: 0; margin-left: 5px; }
    .bandFooterSubscribe { display: none; }

    /* mobile app on separate line now */
    .bandBottomNaviBox { width: 49%; text-align: center; }
    .bandBottomNaviBoxMobileApp { width: 100%; max-width: 100%; margin: 0; padding: 0; }
    .bandBottomNaviBoxMobileApp .boxAppTitleShort { display: none; }
    .bandBottomNaviBoxMobileApp .boxWrapper { margin: 0; width: 100%; max-width: none; margin-top: 15px; }
    .bandBottomNaviBoxMobileApp .boxAppTitle { display: none; }
    .bandBottomNaviBoxMobileApp .boxLinkToAppStore { float: left; width: 50%; }
    .bandBottomNaviBoxMobileApp .boxLinkToAppStore img { width: 60%; min-width: 120px; margin-bottom: 5px; border: 0; }
    .bandBottomNaviBoxMobileApp .boxLinkToAppStoreApple { text-align: right; box-sizing: border-box; padding-right: 10px; }
    .bandBottomNaviBoxMobileApp .boxLinkToAppStoreGoogle { text-align: left; box-sizing: border-box; padding-left: 10px; }
 
    .testimonialBlockHolder:nth-child(odd) { padding-left: 0; }
    .testimonialBlockHolder:nth-child(even) { padding-right: 0; }
    
    .whtlEmailInstrButton { width: 33%; }

    .maincontentproductindex div { width: 50%; }
 
    .browsePrinterBrandsDiv { width: 50%; }
    
    .browsePrinterModelDiv { width: 50%; }
    
    .signinNewCustomerSpan { float: none; display: none; }
    
    .reorderViewButton_off_buttonDiv { cursor: pointer; float: none; min-width: 0px; width: 100%; text-align: center; font-size: 18px; }
    .reorderViewButton_off_buttonDiv i { color: #E34870; } 
    .reorderViewButton_on_buttonDiv { cursor: pointer; float: none; min-width: 0px; width: 100%; text-align: center; font-size: 18px; }
    .reorderViewButton_on_buttonDiv i { color: #00a500; }
 
    .frontTestimonialsMainDiv .frontTestimonialsItem { width: 100%; }
    .frontTestimonialsMainDiv .frontTestimonialsItem3 { display: none; }
    .frontTestimonialsMainDiv .frontTestimonialsSpacer2 { display: none; }
 
    #mycartMainDiv { width: 100%; }
    #mycartMainDiv .mycartProductsMainDiv { display: block; width: 100%;}
    #mycartMainDiv .mycartProductsItemDiv { display: block; box-sizing: border-box; width: 100%;}
    #mycartMainDiv .mycartProductsItemPictureDiv { display: block; width: 100%; text-align: center; border-bottom: 0; padding-right: 0; }
    #mycartMainDiv .mycartProductsItemSummaryDiv { display: block; width: 100%; text-align: center; border-bottom: 0; padding-right: 0; }
    #mycartMainDiv .mycartProductsItemQtyDiv { display: block; width: 100%; text-align: center; border-bottom: 2px solid #f4f4f4; padding-bottom: 10px; padding-right: 0; }
    #mycartMainDiv .mycartProductsItemAmountDiv { display: none; width: 100%; text-align: center; border-bottom: 2px solid #f4f4f4; padding-right: 0; }
    
}

@media (max-width: 450px) {

    .maincontentbrowse .logoHolderBrowseBrands { width: 50%; text-align: center; margin-top: 15px; height: 45px; }
    .maincontentbrowse .logoHolderBrowseBrands img { width: 80%; max-width: 150px; max-height: 40px; border: 0; }
    
    .topNaviDiv .logoHolder { width: 50%; text-align: center; margin-top: 15px; height: 45px; }
    .topNaviDiv .logoHolder img { width: 80%; max-width: 150px; max-height: 40px; border: 0; }

    .bandTopLogoImageHamburger { display: none; }
    .bandTopLogoImageHamburgerNoText { display: inline; margin-top: -6px; }
    
    .whtlEmailInstrButton { width: 50%; }
    
    .prod { width: 100%; }
    
    /*.pdpProductSpecsDiv .pdpProductSpecsItem { width: 50%; }*/
    
    .pdpProductSpecsDiv .pdpProductSpecsItem { width: 100%; display: inline-block; text-align: center; font-size: 16px; vertical-align: top; }
    .pdpProductSpecsDiv .pdpProductSpecsItemTitle { width: 50%; min-height: 0; background-color: #ffffff; line-height: 40px; white-space: nowrap; display: inline-block; font-weight: bold; text-align: right; box-sizing: border-box; padding: 0 5px 0 0; overflow: hidden; text-overflow: ellipsis; }
    .pdpProductSpecsDiv .pdpProductSpecsItemValue { width: 50%; min-height: 0; line-height: 40px; white-space: nowrap; display: inline-block; text-align: left; box-sizing: border-box; padding: 0 0 0 5px; overflow: hidden; text-overflow: ellipsis; }
    .pdpProductSpecsDiv .pdpProductSpecsItemValue .pdpProductSpecsItemValueLessThanPenny { display: none; }
}
    
@media (max-width: 340px) {

    .hamburgerNaviButtonHolderDiv { width: 50%; }
    
    .gridbox3 { width: 95%; }
    
    /* hide search */
    .bandTopNaviButtons .right { display: none; }

    
    .bandBottomNaviBoxMobileApp .boxLinkToAppStore img { width: 50%; min-width: 100px; margin-bottom: 5px; border: 0; }

    .bandBadgesRight img { height: 10px; }
    .bandBadgesLeft img { height: 30px; }
    
    .maincontentproductindex div { width: 100%; }
    
    .browsePrinterBrandsDiv { width: 100%; }
    
    .browsePrinterModelDiv { width: 100%; }  
}

@media (max-width: 315px) {

    .bandTopStripesC { width: 40px; }
    .bandTopStripesM { width: 40px; }
    .bandTopStripesY { width: 40px; }
    
    .bandBottomNaviBox { width: 100%; }
    .bandBottomNaviBoxMobileApp .boxLinkToAppStore { float: none; width: 100%; }
    .bandBottomNaviBoxMobileApp .boxLinkToAppStoreApple { text-align: center; padding: 0; }
    .bandBottomNaviBoxMobileApp .boxLinkToAppStoreGoogle { text-align: center; padding: 0; }
    
    .whtlEmailInstrButton { width: 100%; }
    
    .frontFactsDiv .frontFactMain { width: 100%; }
    
}

/* supplies product box holder */
.suppliesProductBoxHolder { }

.suppliesProductBoxHolder33 { border: 0px solid #000000; width: 33%; display: inline-block; vertical-align: top; text-align: center; box-sizing: border-box; padding: 10px; }
.suppliesProductBoxHolder33 h2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.suppliesProductBoxHolder33 .prod { width: 80%; }
@media (max-width: 915px) {
    .suppliesProductBoxHolder33 h2 { white-space: normal; overflow: auto; }
    .suppliesProductBoxHolder33 { width: auto; display: block; text-align: left; }
    .suppliesProductBoxHolder33 .prod { width: 25%; }
}
@media (max-width: 860px) { .suppliesProductBoxHolder33 .prod { width: 33.3%; } }
@media (max-width: 645px) { .suppliesProductBoxHolder33 .prod { width: 50%; } }
@media (max-width: 450px) { .suppliesProductBoxHolder33 .prod { width: 100%; } }

.suppliesProductBoxHolder50 { border: 0px solid #000000; width: 50%; display: inline-block; vertical-align: top; box-sizing: border-box; padding: 10px; }
.suppliesProductBoxHolder50 h2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.suppliesProductBoxHolder50 .prod { width: 50%; }
@media (max-width: 915px) {
    .suppliesProductBoxHolder50 h2 { white-space: normal; overflow: auto; }
    .suppliesProductBoxHolder50 { width: auto; display: block; }
    .suppliesProductBoxHolder50 .prod { width: 25%; }
}
@media (max-width: 860px) { .suppliesProductBoxHolder50 .prod { width: 33.3%; } }
@media (max-width: 645px) { .suppliesProductBoxHolder50 .prod { width: 50%; } }
@media (max-width: 450px) { .suppliesProductBoxHolder50 .prod { width: 100%; } }

.suppliesProductBoxHolder100 { text-align: center; }