body {}#mobileHeader, #mobileFooter { display:none;}/*#bannerBound,#menuBound,#leftNav,#rightNav,.scaffolding, #newFooterTbl,.contentEdge { display:block; }*/#contentWrapper {padding-top: 0px;}/*#header { color:#CA2F10 }#contentWrapper { width:80%;border: 0px solid black; margin: 0 auto; }select, button { display:block; }#homeSearchWrapper { border:0px solid red; margin-bottom:10px;}.rotatingBanners img { width:546px;height:299px;display:block;margin: 0 auto; }.footerTxt {padding:3px;}.footerTxt img { display:none; }#searchMainWrapper .descr { margin-bottom:10px; }#searchMainWrapper .searchPrice { font-weight:bold;margin-bottom:10px; } */@media (max-width: 40.9em) { .desktop { display: none !important; } .mobile { display: inherit !important; } div,input,a,h1 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html {font-size: 87.5%; } body { background-color: #FFF;background-image:none; } img { width:auto; } h1 { font-size:1.5rem; } h2 { font-size:1.3em; } h3 { font-size:1.1em; } p { font-size:1rem;margin:0 0 1rem 0;padding:0; } fieldset { border: none; margin: 0; padding: 0; } select { font-size: 17px; color: #333; padding: 9px; border: 1px solid #aaa; background-color:#FFF; } /* select, button, input, label { display:block;width:100%;margin-bottom:10px; }*/ button { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;font-weight:normal;font-size: .9rem;margin-bottom:0;height:44px; }/* USED FOR DIVS THAT ARE ONLY USED IN MOBILE VERSION */ .mobileClear {clear:both;}#mobileClear {clear:both;}.mobileUnClear {clear: none;}#mobileUnClear {clear: none;}.mobileHidden {display: none;} #mobileHidden {display: none;} .displaynone { display: none; }.inlineblock { display: inline-block; }.block { display: block; }.width100 { width: 100% !important; }.width49 { width: 49% !important; }.paddingL20 { padding-left: 0px; }.padding0 { padding: 0; } /* central column (content) class from main site */ .wid100 { width: 100%; border: solid 0px green; } input[type="text"], input[type="password"], input[type="tel"], input[type="number"], select, textarea { font-family: Verdana, Arial, sans-serif; border-style: solid; border-width: 1px; border-color: #dedede; color: #333; font-size: 1rem; margin: 0 .18rem; padding: 0 .5rem; height:41px; display:inline-block; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; } input:focus { color: #333; border-color: rgba(41, 92, 161, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6); outline: 0 none; } input:disabled, select:disabled { border-color: #dedede; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAKrVq36zwjjgzhhYWGMYAEYB8RmROaABADeOQ8CXl/xfgAAAABJRU5ErkJggg==) repeat; color: rgba(0, 0, 0, 0.1); } textarea { padding: .25rem; } /*** BUTONS ***/ button { font-weight:normal; font-size: .9rem; margin-bottom:0; height: 40px; padding: 0 .8rem; } .greenBtn { background-color:#00C600;color:#000;border:0px; font-size: 0.9rem; border-bottom:3px solid #029900; } .yellowBtn { background-color:#ffef34; color:#000; border:0px; font-size: 0.9rem; border-bottom:3px solid #EBDA00; } .grayBtn { background-color:#DDD; color:#000; border:0px; font-size: 0.9rem; border-bottom:3px solid #CCC; } a.yellowBtn, span.yellowBtn, a.greenBtn, span.greenBtn, a.grayBtn, span.grayBtn { display: inline-block; padding: 0.8rem; text-decoration:none; font-size: 0.9rem; text-align: center; cursor: pointer; } a.yellowBtn:hover, a.greenBtn:hover, a.grayBtn:hover { color: #000; text-decoration: none; } .minus { font-size: 1.5rem;color:#CA2F10; } .plus { font-size: 1.5rem;color:#00c600; } .updown,.delete { cursor:pointer; background-color:#EFEFEF;display:inline-block;height:2.5625rem;width:2.5625rem;text-align:center;line-height: 2.5625rem; vertical-align: middle; } /* button { font-weight:normal; font-size: 14px; margin-bottom:0; height: 30px; padding: 0 11px; border: 0; } .button-green { border-bottom:3px solid #029900; display:inline-block; } .button-yellow { border-bottom:3px solid #EBDA00;display:inline-block; } .button-gray { border-bottom:3px solid #CCC; display:inline-block; } .greenBtn { background-color:#00C600; color:#000; font-size: 14px; } .yellowBtn { background-color:#ffef34; color:#000; font-size: 14px; } .grayBtn { background-color:#DDD;color:#000; font-size: 14px; } a.yellowBtn, span.yellowBtn { border-bottom:3px solid #EBDA00; } a.greenBtn, span.greenBtn { border-bottom:3px solid #029900; } a.grayBtn, span.grayBtn { border-bottom:3px solid #CCC; } a.yellowBtn, span.yellowBtn, a.greenBtn, span.greenBtn, a.grayBtn, span.grayBtn { color:#000; display: inline-block; padding: 6px 11px; text-decoration:none;font-size: 14px; cursor: pointer; } a.yellowBtn:hover, a.greenBtn:hover, a.grayBtn:hover { color: #000; text-decoration: none; } .minus { font-size: 20px; color:#CA2F10; } .plus { font-size: 20px; color:#00c600; } .updown { cursor:pointer; background-color:#EFEFEF;display:inline-block;height:36px; width:36px; text-align:center;line-height: 36px; vertical-align: middle; }*/ .errorMsg { padding: .5rem; } #SnapABug_bImg { display:none; } #salesAdmin { width: 100%; } /* HEADER */ /*#mobileHeader {display:block;position:fixed;border-bottom:1px solid #BBB;background-color:#FFF;width:100%;z-index:100;font-size:1em;height:116px !important;}*/ #mobileBannerA { display:block;text-align: left; background: url(/Content/Assets/Images/Mobile/MobileBannerBG.png) 0 0 no-repeat; background-size: 100%; height: 77px; width: 100%; margin-bottom: 0em; } #mobileBannerA #leftSide { float: left; display: block; text-align: center; margin: 0px; width: 66%; height: 70px; } #mobileBannerA #leftSide #banner { display: block; height: 62%; } #mobileBannerA #leftSide #banner #logo { height:100%;display:inline; } #mobileBannerA #leftSide #phoneAndHours { font-family: arial, helvetica, sans-serif; margin: -.2rem auto 0 auto; padding: 0; } #mobileBannerA #leftSide #phone { display: block;font-size: .8rem;font-weight: bold;color:#FFF; } #mobileBannerA #leftSide #phone a { text-decoration: none;color:#FFF; } #mobileBannerA #leftSide #hours { display: block; font-size: .8rem;color:#FFF; } #mobileBannerA #rightSide { float: left; vertical-align: middle; text-align: center; margin: 0; padding: 0; width: 34%; height: 79px; } #mobileBannerA #rightSide #topBadges { } #mobileBannerA #rightSide #topBadges .bizWrap { display: inline-block; width: 42%; vertical-align:middle; } #mobileBannerA #rightSide #topBadges .bizrate { width:100%; } #mobileBannerA #rightSide #topBadges .mcAfeeWrap { display:inline-block; width: 52%; vertical-align:middle; } #mobileBannerA #rightSide #topBadges .mcafee { } #mobileBannerA #rightSide #topBadges .mcafee img { width:100%; } #mobNavDiv { display:block; text-align:left; background-color: #FFF; width: 100%; height: 40px; border-bottom: 1px solid #aaa; padding-left: .5rem; } #mobNavDiv.cloned { padding-top: 3px; } #mobNavRow { display:block;clear:both; height: 40px; } #searchWrap { background: url(/Content/Assets/Images/icons/search.png) .8rem .7rem no-repeat; background-size: 16px auto; display: inline-block; font-size: .84rem; color: #000; vertical-align:middle; cursor:pointer; white-space:nowrap; padding: .9rem 0 .9rem 0; width: 31%; text-align: center; border: 1px solid #000; border-radius: 0; line-height: 7px; background-color: #ffef34; } #menuBtnWrap { background: url(/Content/Assets/Images/icons/hamburger.png) .8rem .6rem no-repeat; background-size: 16px auto; display: inline-block; font-size: .84rem; color: #000; vertical-align:middle; cursor:pointer; white-space:nowrap; padding: 8px 0 8px 30px; width: 31%; text-align: left; border: 1px solid #000; border-radius: 0; line-height: 7px; background-color: #ffef34; margin: 0 .2rem; } #cartItems { background: url(/Content/Assets/images/mobile/Mobile-CartIcon.png) .6rem .6rem no-repeat; display: inline-block; font-size: .84rem; color: #000; vertical-align: middle; cursor:pointer; white-space:nowrap; padding: .9rem 0 .9rem 0; width: 31%; text-align: center; border: 1px solid #000; border-radius: 0; line-height: 7px; background-color: #ffef34; } #mobNavDiv #menuBtnWrap #linkList { width:95%; font-size:.84rem; background-color:#ffef34; height:100%; border: 0 !important; padding:0; text-align:left; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ""; color: #000; box-shadow: none; } /*#mobNavDiv #cartItems { display: inline-block; text-align: left; font-size: .84rem; background: url(/Content/Assets/images/mobile/Mobile-CartIcon.png) .5rem .8rem no-repeat; width: 31%;white-space:nowrap;vertical-align:middle; padding: .8rem 0; } */ #mobNavDiv #cartItems a { text-decoration: none; color: #000; } #bannerBound,#menuBound,#leftNav,#rightNav,.scaffolding, #newFooterTbl,.contentEdge {display:none;} #contentWrapper {border-top: solid 0px #000000; padding: 1rem .6rem 0 .6rem;width:100%;} #contentBound { border:none; } #contentBound,#seriesModelList { padding:0;font-size:1rem; } #leaderAd,#leaderAd div,#leaderAd img {width:100%;height:auto;} #leaderAd img { display:block; } #bottomContent {padding:3px;} #bottomContent img {display:none;} .wid946 { width:100% !important; } img.abutting { display:none; } /* SEARCH */ #headerSearchWrapper { color: #000000; background: url(/Content/Assets/images/mobile/SpacerBlue-12px.png) #ffffff repeat-x 0 bottom; border: solid 1px #777777; border-top-width: 0; border-radius: 0 0 1rem 1rem; padding: 0 0 1rem 0; display: none; position: fixed; width: 100%; z-index: 20; } #headerSearchWrapper .H3MainDiv {background: #266bbe; padding: 0.5rem 0; color:#ffffff;} #headerSearchWrapper .H3MainDiv h2 { font-size:.9rem;color:#ffffff; font-weight: bold; text-shadow: 1px 1px 1px #000000; text-align: center; } #headerSearchWrapper .H3Div { padding:0 .9rem;height: 50px; color:#266bbe;border-bottom:1px solid #266bbe; } #headerSearchWrapper .plt { display:none; text-align: center; } #headerSearchWrapper .rightArrow { float:right;line-height:50px;font-weight:bold;font-size:20px; } #headerSearchWrapper .H3Div { cursor:pointer; } #headerSearchWrapper .H3Div:hover {background: #eaeaea;} #headerSearchWrapper .H3Div h3 { float:left;padding:0;margin:0;line-height:50px;color:#266bbe;font-weight: bold;font-size: .9rem; } #headerSearchWrapper p { width: 100%; color: #333; font-size: 1em; margin-top: 1rem; } #headerSearchWrapper .back { margin-top:0px;color:#000000;cursor:pointer;text-decoration:underline;padding:1rem; } #headerSearchWrapper input { width: 85%;margin-bottom:.5rem; } #headerSearchWrapper select { width: 85%; font-size: 1rem; margin-bottom:.5rem; } #headerSearchWrapper button { display:block; margin: 0 auto; } #headerSearchWrapper span { display: inline-block; } .addthis_toolbox { float:none;margin:auto; } #seriesWrapper { } #seriesWrapper h1 { } #seriesWrapper #printerModelImg { float: none; width:auto; }#modelPageTabs,#seriesMainWrapperV3 { display:none; } #compatibleInlineWrapper { display:block; }/*.qtyTextDiv { float:none;width:100%; }*//*.qtyTextDiv input { display:inline;width:50px;text-align:center; }*/.qtyDiscountGridTable, .partSeriesGrid { width: 100%; }.shippingLevel img { width:auto; } /*#productInfoDiv .addToCartDiv,.addToCartDiv .addToCartBtnDiv { width: 100%; }*/ #productPageTabs, #modelPageTabs { margin: auto; clear: both; } #productPageTabs ul, #modelPageTabs ul { margin:0; } #productPageTabs li, #modelPageTabs li { } #productPageTabs li, #modelPageTabs li, #tabs li a { display: inline-block; float: none; text-align: center; width: 48%; margin: 0 0 .5rem 0; } #relatedPrintersDiv { display:block; } .relatedProductInfoDiv { width:100%;float:none;padding:0; } .customerChoiceDiv { width:98%; } .customerChoiceDiv #closeButton { margin-top: .5rem; width: auto; display: inline; } .customerChoiceDiv #viewCartButton { margin-top: .5rem; width: auto; display: inline; } /* SEARCH PAGE */ #searchResults input { display:inline;width: 60%;vertical-align: middle; } #searchResults button { display:inline;width: 100px; } #searchResults .contentRow { padding: .5rem 0 1rem 0; border-bottom:1px solid #CCC; } #searchResults .titleRow h2 { } #searchResults .searchImg { width:100%; } #searchResults .descr { display:none; } #searchResults .moreDetails { display:block;text-align:right;cursor:pointer; font-size:.9rem;color: #004B91;margin-bottom: .5rem; } #searchResults .lessDetails { display:none;text-align:right;cursor:pointer; font-size:.9rem;color: #004B91;margin-bottom: .5rem; } #searchResults .searchPrice { font-size:1rem;text-align:right;margin: 1rem 0; } #searchResults .detailsBtn a { display:block; width: 120px; margin: 0 0 0 auto; } /*#searchResults .detailsBtn { vertical-align:middle;text-align:center;text-decoration:none;line-height:44px;color:#FFF; } #searchResults .detailsBtn a { vertical-align:middle; text-align:center; text-decoration:none; line-height:44px; display:block; font-size:.9rem; width:120px; margin: 0 0 0 auto; padding: 0; } #searchResults .detailsBtn a:hover { color:#000; }*/ /* IF SEARCH FAILS.... */ #supLocBigBound { width:100%;background:none;margin:0; } #supLocBigBound table { width:100%;background:none;margin:0; } #supLocBigBound select { width:100%;display:block;margin-bottom:.5rem; } #supLocBigBound #supLocBigTitleBG { display:none; } #searchResults #supLocBigBound #modbutton, #searchResults #supLocBigBound #prodbutton { display:block;margin:0 auto .5rem auto; } .earnMsgDiv { font-size:.9rem; } /*#productQty { white-space:nowrap; }#productTopDiv img { width:auto; }*/#pricingDiv,#qtyATCDiv { float:none !important; }#qtyATCDiv,#productInfoDiv { width:100% !important;margin:0; }#productTopDiv fieldset { padding:0;margin:0; }#RelatedSeriesForm input { width:auto; } /*#searchMainWrapper img { width:120px; } #searchMainWrapper .contentRow { border-top: 1px solid #AAA;border-bottom: 1px solid #AAA;padding: 10px 3px; } */ #mobileFooter { display:block; } #mobileFooter .nav { float:left;border-right:1px solid #AAA;white-space:nowrap;list-style: none outside none; padding:1rem;font-size: 0.84rem;text-decoration:none; } #mobileFooter h2 { color: #ca2f10; font-size: 1.8em; } #footerLinksBound { text-align: center; padding: 0px 0px 0px 0px; margin: 16px 0px 26px 0px; border-top: solid 1px #aaaaaa; background-color: #efefef; } #footerLinks { width: 250px; color: #777777; font-size: 1.2em; text-align: center; padding: 6px 0px 7px 0px; margin: 0px auto 0px auto; } #footerLinks a:link, #footerLinks a:visited{ color: #777777; text-decoration: none; display: block; float: left; padding: 0px 10px 0px 10px; border-right: solid 1px #777777; } #footerLinks a:hover{ color: #777777; text-decoration: underline; } #footerLinks #lastLink { border-right-width: 0px; } #mlStaticNRFormDiv { width:100%; color: #787878; display: block; font-family: Arial,Verdana,Helvetica; font-size: 13px; margin-top: 7px; padding-right:.5rem; } #emailCapture { width: 98%; text-align: center; background-color: #dedede; margin-bottom:1rem;padding-top:.5rem; } #emailCapture h2 { color: #348800; font-size: 1.8em; font-weight: bold; margin: 0px 0px 5px 0px; line-height: 100%; } #mlStaticNRFormDiv input#staticNRCustomerEmail{ width:60%; margin: -3px 4px 6px 4px; padding-left: 4px;} #mlStaticNRFormDiv button#staticNRSubmit { width:100px; height: 35px; margin: 0px 0px 0px 0px; padding: 0px 3px 0px 3px;} #emailCapture #signUpTag { color: #333333; font-weight: normal; line-height: 100%; font-size: 1.2em; margin: 0px 10px 8px 10px; } .mobSubmit { text-align: center; cursor: pointer; font-family: tahoma, arial, helvetica, sans-serif; color: #000000; font-size: 0.9rem; font-weight: bold; background-color: #77d42a; width: 120px; padding: 3px 0px 4px 0px; border: solid 1px #777777; border-radius: 4px; } .mobSubmit:hover { background-color: #98ff13; } #trustRow { text-align: center; margin-top: 1rem; width: 50%; display:table-cell; } #trustRow .holder { text-align:center;margin-bottom:1rem; } #interactRow { text-align: center; margin-top: 1rem; width: 50%; display:table-cell; } #interactRow a { display: block; float:left; margin: 1rem auto; width: 45%; }/*** SERIES PAGE ELEMENTS ****/ #lowerMainWrapper, .lowerMainProductsWrapper { padding:0; } .lowerMainProductsWrapper .desktopH2 { display:none; } #mobilSeriesBound{ border: solid 0px red; width: 100%; } #printerModelImg{ display: block; border: solid 0px green; /*margin: 0px 114px 0px 0px ;*/ float:left; } #mobilSeriesHead { float: right; text-wrap: normal; font-size: 1.3rem; line-height: 100%; margin: 0px 0px 0px 0px; border: solid 0px green; width: 60%; } #seriesTxt { padding:0; } #seriesTxt h3 { font-size: 1.0rem; } /*** SHARED PRODUCT AND SERIES PAGE ELEMENTS ***/ /* These styles govern the +/- and qty inputs */ /*.inputFieldsDiv { display:block; width: 100%; margin:0; float: none; clear: both; } .inputFieldsDiv > div { display:inline-block; vertical-align: middle; } .inputFieldsDiv > div:first-child { display:inline-block; vertical-align: middle; width: 10%; } .inputFieldsDiv .qtyTextDiv { display:inline-block; width: 45%; vertical-align: middle; } .inputFieldsDiv .qtyTextDiv span { display:inline-block;height:100%;vertical-align:top; vertical-align: middle; } .inputFieldsDiv .qtyTextDiv input { display:inline-block; width:3rem; font-size:1.4rem; text-align:center; vertical-align: middle; } .inputFieldsDiv .addToCartBtnDiv button { font-size:.9rem;width:100px;display:block;margin: .5rem auto 0 !important; } */ .contentRow .compatibleProduct { display:block; width: 100%; margin: 0 0 .5rem 0; float: none; clear: both; } .contentRow .discountQtylbl, #productInfoDiv .discountQtylbl { display: inline-block; *float: left; vertical-align: middle; width: 25%; text-align:right; } .contentRow .productQty, #productInfoDiv .productQty { display: inline-block; *float: left; vertical-align: middle; width: 45%; text-align: center; } .contentRow .qtyTextDiv input, .qtyText { display:inline-block; width:3rem; font-size:1.4rem; text-align:center; vertical-align: middle; } .contentRow .priceLbl, #productInfoDiv .priceLbl { text-align:right; font-weight:bold; margin:0; display: inline-block; *float: left; vertical-align: middle; width: 27%; } .contentRow .addToCartBtnDiv, #productInfoDiv .addToCartBtnDiv { display: block; margin: 0 0 .5rem 0; padding: 0 !important; width: 100%; text-align: center; } .contentRow .addToCartBtnDiv button { display: block; margin: 0 auto; } .contentRow .addToCartBtnDiv .earnMsgDiv, #productInfoDiv .addToCartBtnDiv .earnMsgDiv { display:none; } .contentRow .mobileFSandRPMsg, #productInfoDiv .mobileFSandRPMsg { display:block; text-align:center; clear:both; font-size:.9rem; margin: .5rem 0; } .contentRow .mobileFSandRPMsg .earnMsgDiv { display:inline; } .contentRow .mobileFSandRPMsg .shippingLevel, #contentWrapper .mobileFSandRPMsg .earnMsgDiv, #contentWrapper .mobileFSandRPMsg .earnMsgDiv span { font-size: .9rem; } .contentRow .mobileFSandRPMsg .shippingLevelFreeShipping { font-size:.9rem; } .contentRow .productAvgRatingDiv img { width: 85px; height: auto; } .oemProduct { width: 100%; } .oemPricingWrapper { width: 100%; } /***********************************************/ /* Rewards Modal*/ .rewardsLearnMoreDiv { width:94%;margin:0 auto;height:auto;font-size: 0.8rem; } .rewardsLearnMoreDiv .rewardsHead { text-align:center; } .rewardsLearnMoreDiv .rewardsBody { margin-bottom:.5rem; } /***********************************************/ /* SERIES PRODUCT IMAGES AND DESCRIPTIONS */ .PageNav { display:none; } .MobilePageNav { font-size: 1rem;margin: 0.3125rem 0; } .contentRow { padding:0;border:0; } .contentRow { float:none;width:auto;border-top:1px solid #CCC;padding: .5rem 0 0 0;margin: .5rem 0 0; } .contentRow:first-child { } .contentRow .titleRow { font-size: 1rem; float: right; width: 58%; margin: 0 0 0 .25rem; padding: 0; line-height: 100%; } .contentRow .productImageDiv { border: 3px solid #EFEFEF; height: 135px;margin-bottom: 0.5rem;vertical-align: middle;width: 40%; float:left; position: relative; } .contentRow .productImageWrapper img { min-height: 50px; width: 100%; } .contentRow .productAvgRatingDiv { display: block; width: 58%; float:right; margin: 1rem 0; text-align: center; } .contentRow .moreDetails { display:block; width: 58%; text-align:center; float:right; cursor:pointer; font-size:.9rem;color: #004B91;margin-bottom: .5rem; } .contentRow .lessDetails { display:none; width: 58%; text-align:center; float:right; cursor:pointer; font-size:.9rem;color: #004B91;margin-bottom: .5rem; } .contentRow .descr { clear:both;display:none;margin-bottom:.5rem;width: 100%; } .contentRow .freeShippingDiv { display:none; } .contentRow .qtyDiscountGridWrap { clear:both; float: none; width: 100%; } .contentRow .qtyDiscountGridWrap .partSeriesGrid .priceRow { display:none; } .contentRow .qtyDiscountGridWrap .partGridMessage { margin-bottom: 1rem; padding:0; font-size: .8rem; } /************************************************************************************************************************************/ /* PRODUCT PAGE */ .earnPtsTotal { font-weight: normal; color: #000; } .rewardsLearnMore img { width: 25px; } #productSocialDiv { margin-bottom: 0.25rem; margin-top: -0.5rem; } /*#productTopDiv * { float:none; }*/ #productTopDiv .formDiv, #productTopDiv .titleRow, #productTopDiv .descriptionDiv { margin-bottom:.5rem; } #productInfoDiv .freeShippingDiv { display:none; } #productTopDiv #pH1 { float:right;width:60%;padding-left: 0.5rem;font-size: 1.2rem;margin:0;text-align:left; } #productTopDiv #productImageDiv { border: none; display: block; height: auto;margin-bottom: 0.5rem;vertical-align: middle;width: 40%; float: left; } #productTopDiv #imgWrap { position:relative;width:100%; height: 135px; } #productTopDiv #productImageDiv #image { width:100%; } #productTopDiv .oemInfo .addToCartBtnDiv { text-align: center; } #productTopDiv .addToCartBtnDiv { margin: 0 auto; display: inline-block; } #productTopDiv .oemInfo #pricingDiv { margin: 0 auto; display: block; } #zoomIcon.oem { } #productTopDiv #ratingDiv { width: 60%; margin: 1rem 0; float: right; } #productTopDiv #ratingDiv #avgRatingDiv { height:auto; margin-right: 0; font-size:1rem; float: none; text-align: center; } .ratingWrap { display: none; } #productTopDiv #ratingDiv #avgRatingDiv span { font-size:.9rem; } #productTopDiv #ratingDiv #avgRatingDiv span img { width: 85px; height: auto; } #productTopDiv #ratingDiv #readwritereview { display: none; /*inline-block; *float: left; float: none; width: auto; font-size: .9rem; height: auto; padding: 0;*/ } /*#productTopDiv #ratingDiv #readwritereview .write { width:100%; } #productTopDiv #ratingDiv #readwritereview .write img { display:none; }*/ #productTopDiv #ratingDiv #readwritereview span, #productInfoDiv #ratingDiv #readwritereview span strong { font-size:.8rem;text-align:left; } #productTopDiv #ratingDiv .seeAllProductDetails { display: block; text-align:center; cursor:pointer; font-size:.9rem; color: #004B91; margin: 1rem 0 0 0; } #productTopDiv #ratingDiv .seeLessProductDetails { display:none; text-align:center; cursor:pointer; font-size:.9rem; color: #004B91; margin: 1rem 0 0 0; } #productTopDiv #productInfoDiv { clear:both; margin-top: 1rem; } #productTopDiv #productInfoDiv > div { padding:0; } #productInfoDiv .titleRow,#productInfoDiv .descriptionDiv { display:none; } .partSeriesGrid td, .partSeriesGrid td.topRow { font-size: 1rem; padding: 1rem .3rem; } .partSeriesGrid td span { font-size: 1rem; } #productInfoDiv #pricingDiv { margin-bottom:1rem; display: block; width: 100%; } #productTopDiv .compatibleInfo #pricingDiv { margin: 0 0 1rem 0; display: block; width: 100%; } #productTopDiv .compatibleInfo #qtyATCDiv { width: 100%; } /*#productInfoDiv #OEMpricingDiv { text-align: center; padding: 0 0 1rem 0; }*/ #productInfoDiv .partGridMessage { font-size:.8rem; } /* #productInfoDiv #productQty input.qtyText { width:3rem;font-size:1.4rem; } #productInfoDiv #qtyATCDiv { margin-top:.5rem; } #productInfoDiv #priceLbl { width:100%;text-align:right; } #productInfoDiv #qtyATCDiv #discountQtylbl { width:33%;float:left;height:41px; line-height: 41px;text-align:right;padding-right: 0.5rem; } #productInfoDiv #qtyATCDiv #productQty { width:41%;float:left; } #productInfoDiv #qtyATCDiv .addToCartDiv .addToCartBtnDiv { margin-bottom:.5rem; } #productInfoDiv #qtyATCDiv .addToCartDiv .addToCartBtnDiv button { font-size:.9rem;width:100px;display:block;margin:0 0 0 auto; } #productInfoDiv #qtyATCDiv .addToCartDiv { clear:both; } #productInfoDiv .inputFieldsDiv .earnMsgDiv { display:none; }*/ #productInfoDiv .seriesPriceDiv { text-align:right;margin-bottom:.5rem; } #relatedSeriesGridDiv, #productSpecsDiv, #ratingsReviewsDiv, #relatedProductsDiv, #videoTabDiv, #printerReviewDiv, #relatedPrintersDiv, #videoTabDivModel, #popularPrintersDiv { border:none;padding:0;-webkit-box-shadow:none;box-shadow:none; } /*.contentRow .productAvgRatingDiv span { display: block; font-size: .9rem; }*/ #productPageTabs #productSpecsGridTab { display:none; } #productPageTabs #relatedSeriesGridTab { display:none; } #productPageTabs ul, #modelPageTabs ul { margin-bottom:.5rem; } #productPageTabs h2, #modelPageTabs h2 { font-size:1.2rem;margin:0 0 .5rem 0; } #RelatedSeriesDiv { text-align:center;border-bottom:1px solid #CCCCCC;padding:.5rem 0;background-color:#f7f7ff;margin-bottom:.5rem;font-size:.9rem; } #RelatedSeriesDiv select { display: block; width: 96%; margin: 0 auto; } #RelatedSeriesSubmit { width:80px; margin-top: 1rem; } #relatedProducts { margin-bottom:.5rem; } #relatedProducts h2 { display: none; } #relatedProducts #lowerMainWrapper { margin-bottom:.5rem; } #relatedProducts #LoadMoreProductsDiv { text-align:center;margin: 1rem 0 2rem 0; } #relatedProducts #LoadMoreProductsDiv button { width:200px; } #reviewStats { padding:0;border-top:none; } #overallWrapper { width:100%;float:none;padding-left:.3rem; } #overallWrapper #overallRatingWrapper { font-size:1rem;margin-bottom:.1rem; } #overallWrapper #overallWouldRecommend { font-size:.8rem;margin-bottom:.5rem; } #overallWrapper #writeAReviewWrapper { font-size:1rem;margin-bottom:.5rem; } #overallAttributesWrapper { border:none;background-color:#F3F3F3;float:none;padding:0 0 0 .3rem;width:85%; } #overallAttributesWrapper div { line-height:1.3rem;display:table-row; } #overallAttributesWrapper label { padding-left:0;width: 30%;font-weight:normal;display:table-cell;float:none;font-size:.9rem; } #overallAttributesWrapper span { width:25%;display:table-cell;float:none; } #reviewsDiv #individualReviewsWrapper { border:none; } #reviewsDiv #readreviews #writeFirstReviewWrapper { margin-bottom:.5rem; } #reviewsDiv #writeFirstReviewWrapper h3 { font-size:1.1rem;font-weight:normal; } #reviewsDiv .reviewContainer { padding-bottom:.5rem; margin-bottom:.5rem; } #reviewsDiv .reviewContainer .seeAllDetails { display: block; text-align:right;cursor:pointer; font-size:.9rem;color: #004B91; } #reviewsDiv .reviewContainer .seeLessDetails { display:none;text-align:right;cursor:pointer; font-size:.9rem;color: #004B91; } #reviewsDiv #individualReviewsWrapper h3 { margin-bottom:.5rem; } #reviewsDiv .reviewAttributes { float:none;width:80%;margin-bottom:.5rem;display:table;overflow:hidden; } #reviewsDiv .reviewAttributes div { line-height:1.3rem;display:table-row; } #reviewsDiv .reviewAttributes label { padding-left:0;width: 37%;font-weight:normal;display:table-cell;float:none; } #reviewsDiv .reviewAttributes span { width:25%;display:table-cell;float:none; } #reviewsDiv .reviewAttributes .Attribute1Wrapper, #reviewsDiv .reviewAttributes .Attribute2Wrapper, #reviewsDiv .reviewAttributes .Attribute3Wrapper { display:none; } #reviewsDiv .reviewComments { width:100%;float:none;clear:both;height:1rem;overflow:hidden; } #reviewsDiv .ReviewTitleWrapper { margin-bottom:0rem;font-size:.9rem; } #reviewsDiv .ReviewDateTimeWrapper { font-size:.8rem;margin-bottom:.5rem; } #reviewsDiv .CommentsWrapper { margin-bottom:.5rem; } #reviewsDiv .reviewComments .WouldRecommendWrapper { font-size:.9rem;margin-bottom:.5rem; } /***************************************************************/ /*** SHOPPING PAGES ***/ #contentBound { color:#000;font-family:Tahoma,Arial,sans-serif; } #giftCardBalance { width: 100%; } .shippingMsg { margin-bottom: 1rem; } #shoppingCartWrapper { display:none; } #CartTbl { width:100%; } #CartTbl .topButtons,#cartTableDiv, #CartTbl .bottomButtons { width:100%; } #CartTbl .buttonsWrapper { display:inline-block;*float:left;width:49%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;padding:0; } #CartTbl .buttonsWrapper .cont { float:none;width:100%; } /*#CartTbl .buttonsWrapper a, #CartTbl .buttonsWrapper button { font-size: .9rem; display:block; height: 44px; line-height:44px;text-align:center;text-decoration:none;font-weight:normal;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box; margin: 0 auto; }*/ #CartTbl .buttonsWrapper a, #CartTbl .buttonsWrapper button { display:block; width: 86%; margin: 0 auto; text-align:center; } #CartTbl #subTotalCell { border: none; padding: .5rem 0; } #cartTableDiv { border-bottom:4px solid #266BBE; } #cartTableDiv h3 { font-size: 1rem; } #cartTableDiv div { } #cartTableDiv .cartHeader { text-align:center; font-size:1rem;font-weight:bold;color:#FFF;background-color:#266BBE;padding:.4rem;margin-top:.8rem; } #cartTableDiv .cartItemWrapper { padding: 1rem 0; border-bottom: 1px solid #AAA; } #cartTableDiv .titleRow h3, #cartTableDiv .titleRow .couponDesc { display:inline-block; width: 59%; font-size: 1rem; vertical-align: middle; } #cartTableDiv .titleRow .fullDescLink { font-size: .8rem; color: #AAA; text-decoration: underline; cursor: pointer; } #cartTableDiv .titleRow .productFullDesc { font-size: .9rem; margin-bottom: 1rem; display: none; } #cartTableDiv .titleRow .itemImgWrapper { display: inline-block; width: 39%; vertical-align: middle; } #cartTableDiv .titleRow .itemImgWrapper img { width: 100%;} #cartTableDiv .itemWrapper { clear: both; margin-top: .5rem; } #cartTableDiv .itemDescWrapper .qtyDiv { display:inline-block; width:43%; vertical-align: middle; } #cartTableDiv .itemDescWrapper .itemPrice { display:inline-block; width: 27%; vertical-align: middle; font-size: .9rem; text-align:center; } #cartTableDiv .itemDescWrapper .itemTotal { display:inline-block; width: 27%; vertical-align: middle; font-size: .9rem; text-align:center; } .savingsWrapper { float:left; width:50%; } .priceWrapper { clear:both; text-align:center; padding: 1rem 0; } #cartTableDiv .itemDescWrapper .st { text-decoration:line-through; color:#BFBFBF; } #cartTableDiv .itemDescWrapper .tp { font-weight:bold; } #cartTableDiv .itemDescWrapper .itemTotal .save { display: none; } #cartTableDiv .itemDescWrapper .itemBtns { width: 50%; margin: 1rem auto 0 auto; } #cartTableDiv .itemDescWrapper .deleteWrapper { display:inline-block; width: 48%; vertical-align: middle; text-align:center; } #cartTableDiv .itemDescWrapper .itemBtns .recalcWrapper { display:inline-block; width: 49%; vertical-align: middle; } #calculationExplained { width:95%; padding:.25rem; right: auto; } #cartTableDiv .itemDescWrapper .deleteWrapper .delete { border:0; font-size:.9rem; color:#000; } /*#cartTableDiv .itemDescWrapper .qtyDiv .updown, .itemDescWrapper .qtyDiv .itemInput { float:right; } .itemDescWrapper .qtyDiv .itemInput { width: 3rem; text-align:center; }*/ #subTotalCell .subtotalLbl, #subTotalCell .subtotalTxt,#subTotalCell .productStLbl, #subTotalCell .discountLbl, #subTotalCell .gcLbl,#subTotalCell .productStTxt, #subTotalCell .discountTxt, #subTotalCell .gcTxt, #Total { margin:0; padding: 0; font-size: 1.0rem; } #cartTableDiv .itemDescWrapper .itemBtns .recalculate { } #couponEntryWrapper, #cardEntryWrapper, #estimateCell { text-align:center; font-size:1rem; } #estimateCell { border:none; } #cartTableDiv .couponHeadTxt { margin-bottom:.25rem; font-size:.85rem } #cartTableDiv .couponSubTxt { margin-bottom:.5rem; font-size:.75rem; } .applyCode { display:inline-block; vertical-align: top; } #CouponCode,#GiftCardCode,#ShipZip { width:55%; } #tblCheckoutFields,#returningCustomerDiv, #forgotPasswordDiv,#newCustomerDiv { width:100%; } #returningCustomerDiv, #orDividerDiv, #newCustomerDiv, #forgotPasswordDiv { float:none; background-color:#FFF; position:relative; } #earnPointsDiv { width: 98%; background-color:#FFF; } #tblCheckoutFields p { font-size:1rem; } #tblCheckoutFields label { float:none;padding:0;margin:0;text-align:left;width:100%;font-size:1rem; } #tblCheckoutFields input[type="text"], #tblCheckoutFields input[type="password"] { float:none;margin:0;width:100%;margin-bottom:.5rem; } #tblCheckoutFields .button { margin-top:0px !important;text-align:center; } #tblCheckoutFields .button input { width:auto;border:0px;display:inline; } #tblCheckoutFields .header { margin-bottom: 1rem; } #tblCheckoutFields .loginHeader { padding:0 .2rem; color:#266bbe; border-bottom:1px solid #266bbe; cursor:pointer; } #tblCheckoutFields .loginHeader h3 { display:inline-block; vertical-align:middle; width: 88%; padding:0; margin:0; line-height:50px; color:#266bbe; font-weight: bold; font-size: .9rem; } #tblCheckoutFields .rightArrow { display:inline-block; vertical-align:middle; width: 10%; line-height:50px; font-weight:bold; font-size: 1.5rem; text-align: right; } #tblCheckoutFields .formWrapper { background-color: #FFF; } #returningForm, #newForm { display:none; clear: both; margin-bottom: 1rem; color: #000; } #returningCustomerDiv { border-top:1px solid #DDD; } /*#newCustomerDiv { border-top:1px solid #DDD;border-bottom:1px solid #DDD; } #tblCheckoutFields .loginHeader h2 { } #tblCheckoutFields .or { color:#aaa;text-align:center;margin:.5rem 0; } #loggedinCheckout { width:100%;text-align: center; } #loggedinCheckout .header { margin-bottom:.5rem;text-align: left; } #loggedinCheckout .button { margin-top:0px !important;text-align:center;display:inline-block;vertical-align:top; } #loggedinCheckout .button input { border:none;box-shadow:none; } #loggedinCheckout .or { color:#aaa;text-align:center;margin:.5rem 0;display:inline-block;vertical-align:top; }*/ /*** CHECKOUT FORM ***/ #checkoutHead { margin-bottom:.5rem; } #checkoutHead img { display:block; } #ValidationSummary { font-weight: normal; margin: 0 auto .5rem; padding: .5rem; text-align: left; width: 100%; } #checkoutFormWrapper h2 { font-size:1.2rem; } #checkoutFormWrapper .errorMsg { font-weight:normal;padding:.5rem;margin-bottom:.5rem; } #checkoutFormWrapper .heading { margin-bottom:.5rem; width: 65%; vertical-align: middle; } #reqMsg, #reqMsgShipping, #reqMsgBilling { width: 33%; vertical-align: middle; } #PaymentMethodsWrapper { } #PaymentMethodsWrapper input[type="radio"] { width: 10%; margin: 0; } #PaymentMethodsWrapper .ccLbl, #PaymentMethodsWrapper .ppLbl, #PaymentMethodsWrapper .netLbl, #PaymentMethodsWrapper .nprLbl { width: 88%; line-height: 40px; } #PaymentMethodsWrapper label img { display:inline-block;*float:left;vertical-align:middle; width: 40px; } #billingInfoWrapper { border-bottom: none;margin: 0 auto .5rem;padding-bottom: .5rem;width: 100%; } #billingInfoHead { width:70%; } #reqMsg { display:block;width:100%;text-align:right;font-size:.8rem;margin-bottom:.5rem } #billingTxtOnly { display:none; width: 100%; margin-bottom: 1rem; } #billingTxtOnly span { font-size:1rem; } #billingLeft,#billingRight { display:block;width:100%; padding: .2rem; } #billingRight #Phone { width:100% !important;display: inline-block; } #billingRight #Extension { width:100% !important;display: inline-block; } #billingLeft label,#billingRight label { display:block;text-align:left;width:100%; } #billingLeft input[type="text"],#billingRight input[type="text"] { display:block;margin: 0 0 .5rem 0;width:100%; } #billingLeft input[type="tel"],#billingRight input[type="tel"] { display:block;margin: 0 0 .5rem 0;width:100%; } #billingRight select { display:block;margin: 0 0 .5rem 0;width:100%; } #USphoneWrapper span { display:inline-block; } #shippingInfoWrapper { border-bottom: none; margin: 0 auto .5rem;padding-bottom: .5rem;width: 100%;position:relative; } #copyBillingError { display:none;margin-bottom:.5rem; } #addressIsPOBox, #addressIsNotPOBox { display:none; } #shippingTxtOnly { display:none;width:100%; margin: 0 0 1rem 0; } #shippingTxtOnly span { font-size:1rem; } #editAddressWrapper { display:none;width:100%;vertical-align:top;margin: 0; } #editAddressWrapper div { margin: 0 0 1rem 0; font-size: .9rem; } #editAddressWrapper.editMode { width: 100%; text-align: left; display: block; } #editAddressWrapper.editMode div { display: inline-block; width: 100%; padding-left: 0; } #editAddressWrapper.editMode div.editShipAddress { display: none; } #editAddressWrapper.textMode { width: 100%; text-align: left; display: inline-block; } #editAddressWrapper.textMode div { display: block; width: 100%; } #editAddressWrapper.textMode div.editShipAddress { display: block; } #billingTxtOnly .editAddress, #editAddressWrapper .editAddress, #whichShouldIChoose, .useBillingBtn, .shipHere, .editAddress { text-decoration:underline; cursor:pointer;color:#0000FF; } #whichShouldIChoose { font-size:12px; } #shippingAddressesWrapper { display:none; background-color:#FFF; width:95%; z-index:5; height:60%; padding: .25rem; top:10rem !important; left:.5rem !important; } #shippingAddressesWrapper div { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;position:relative;font-size:.8rem; } #shippingAddressesWrapper .closeModal { position:absolute !important; } #shippingAddressesWrapper .addressListWrapper { overflow-y:scroll;height:100%;width:100%;background-color:#FFF;*float:left; } #shippingAddressesWrapper .shippingAddress { display:block;width:100%;margin-bottom:.5rem;border:1px solid #ccc;padding:.25rem;height:120px;vertical-align: top;position:relative;overflow:hidden; } #shippingAddressesWrapper .shippingAddress .shippingTxtOnly { margin-bottom:.25rem; height: 95px; } #shippingAddressesWrapper .shippingAddress .shippingTxtOnly .defaultAddress { font-weight:bold; } #shippingAddressesWrapper .shippingAddress .shipHere { display:block; font-size:.8rem; text-align:left; } /*#shippingAddressesWrapper .shippingAddress .editAddress { display:inline-block;*float:left;width:40%;font-size:.75rem;text-align:center;position:absolute;bottom:.25rem;right:.5rem; }*/ #billingAddressesWrapper { display:none;background-color:#FFF;width:95%;z-index:5;height:60%;padding: 0;top:10rem !important; left:.5rem !important; } #billingAddressesWrapper div { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;position:relative;font-size:.8rem; } #billingAddressesWrapper .closeModal { position:absolute !important; } #billingAddressesWrapper .addressListWrapper { overflow-y:scroll;height:100%;width:100%;background-color:#FFF;*float:left; } #billingAddressesWrapper .billingAddressDiv { display:block;width:100%;margin-bottom:.5rem;border:1px solid #ccc;padding:.25rem;height:110px;vertical-align: top;position:relative;overflow:hidden; } #billingAddressesWrapper .billingAddressDiv .billingAddress { margin-bottom:.25rem; height: 85px; } #billingAddressesWrapper .billingAddressDiv .billingAddress .defaultAddress { font-weight:bold; } #billingAddressesWrapper .billingAddressDiv .useAsAddress { display:block; font-size:.8rem; text-align:left; } #shipToAWrapper { display:table;margin-bottom:10px;width: 100%; } #shipToAWrapper div { display:block;text-align:left;vertical-align: middle; } #shipToAWrapper .atLbl { display:block;text-align:left;vertical-align: middle; } #shipToAWrapper .slLbl, #shipToAWrapper .poLbl, #shipToAWrapper .apoLbl { display:inline-block;width: 88%;vertical-align: top; margin: .5rem 0; } #shipToAWrapper input[type="radio"] { display:inline-block;vertical-align: top;height:auto; margin: .75rem 0; width: 10%; } #shippingLeft, #shippingRight { display:block;width:100%; } #shippingLeft label, #shippingRight label { display:block; text-align:left; width:100%; } #shippingLeft input[type="text"] , #shippingRight input[type="text"] { display:block;margin: 0 0 .5rem 0;width:100%; } #shippingLeft input[type="tel"] , #shippingRight input[type="tel"] { display:block;margin: 0 0 .5rem 0;width:100%; } #shippingRight select { display:block;margin: 0 0 .5rem 0;width:100%; } #shippingRight #ShipToPhone { width:100%;display: inline-block; } #shippingRight #ShipToExtension { width:100%;display: inline-block; } #USShipToPhoneWrapper span { display:inline-block; } #shippingRight .btnWrap { display:block; width: 43%; margin: 0 auto; } #saveAddressWrap { display: block; width: 100%; } #shipOptionWrapper { border-bottom: none;margin: 0 auto .5rem;padding-bottom: .5rem;width: 100%; } #shippingFeedback .errorMsg { margin-right:0; } #shippingMethodWrapper { width:100%; display:block; margin: 0 auto .5rem;padding-bottom: .5rem; } #tblShipMethodSelect div { margin-bottom:.5rem; } #tblShipMethodSelect select { width:78%; } #POAPOMsg,#customsTxt { padding-right:inherit; } #cartTotalWrapper { width:100%;display:block; } #cartTotalWrapper #subTotalCell { border:none;padding:0; } #ShippingCostOverride { width:45px; } #subTotalCell .productStLbl, #subTotalCell .discountLbl, #subTotalCell .gcLbl, #subTotalCell .subtotalLbl, #subTotalCell .productStTxt, #subTotalCell .discountTxt, #subTotalCell .gcTxt, #subTotalCell .subtotalTxt { width: 40%; } #paymentInfoWrapper { border-bottom: none;margin: 0 auto .5rem;padding-bottom: .5rem;width: 100%; } #PaymentInfo { width:100%; } #PaymentInfo label { display:block;width:100%;text-align:left;padding-right:0; } #PaymentInfo input { display:block;width:100%;margin-bottom: .5rem; } #PaymentInfo select { display:block;width:100%;margin-bottom: .5rem; } #CreditCardsWrapper #CreditCards { position: relative; } #CreditCardHeader { margin-bottom: 1rem; padding: .5rem 0 0 0; } #CreditCardInfo { clear:both;width:100%; } /*#CreditCardInfo #ExpiryMonth { width:47%;display: inline-block; } #CreditCardInfo #ExpiryYear { width:40%;display: inline-block; } #CreditCardInfo label { display:block;width:100%;text-align:left;padding-right:0; } #CreditCardInfo input { display:block;width:100%;margin-bottom: .5rem; } #CreditCardInfo select { display:block;width:100%;margin-bottom: .5rem; }*/ #CardToCharge { width: 100%;padding: 0 0 0 .25rem; } #CardToCharge .CardTxt { width: 100%; } #CardToCharge .CardTxt img { display: block; } #CardToCharge .ExpiryTxt { width: 100%; height: auto; } #CreditCardsWrapper #SecureWrapper { position: absolute; right: 0; top: 2rem; width: 40%; } #CreditCard { width: 100%; } #CreditCard .ccFieldsWrapper { width: 100%; } #CreditCard .ccFieldsWrapper .CreditCardInfo { margin: 0; padding: 0 0.25rem; } #CreditCard .CreditCardInfo #CardNumberTxt { margin-bottom: 1rem; } #CreditCard .CreditCardInfo #CardNumber { width: 62% !important; } #CreditCard .CreditCardInfo .ExpiryMonth, #CreditCard .CreditCardInfo .ExpiryYear { width: 62% !important; } #CreditCard .CreditCardInfo #CardCVN { display: inline-block; width: 62% !important; } #CardButtons { width: 50%; padding-left: .25rem; } #CardButtons div { margin: 1rem 0; } #BillingAddressWrapper .headWrap { margin: 0; padding: 0.25rem; } #BillingButtons div { margin: 0 0 1rem 0; } #BillingButtons.editMode { width: 100%; text-align: left; display: block; margin: 1rem 0 0 0; } #BillingButtons.editMode div { display: block; width: 100%; padding: 0; } #BillingButtons.editMode div.addBillAddress { display: block; } #BillingButtons.editMode div.editBillAddress { display: none; } #BillingButtons.textMode { width: 100%; text-align: left; display: block; } #BillingButtons.textMode div { display: block; width: 100%; } #BillingButtons.textMode div.addBillAddress { display: none; } #BillingButtons.textMode div.editBillAddress { display: block; } /*#BillingAddressWrapper .useBillingBtn { padding: 0; }*/ #POReferenceInfo { clear:both;width:100%; } #POReferenceInfo label { display:block;width:100%;text-align:left;padding-right:0 } #POReferenceInfo input { display:block;width:100%;margin-bottom: .5rem; } #POReferenceInfo select { display:block;width:100%;margin-bottom: .5rem; } #CreditCardImages, #explainCCV { display: inline-block; width: 8%; margin: 0; vertical-align: middle; text-align: center; } #explainCCV img { width: 25px; } #CreditCardImages table td { width:50%; } #CreditCardImages table td img { width:100%; } #IsDefaultCardLbl, #SaveCardLbl { width: auto; display: inline-block; margin-bottom: 1rem; } #IsDefaultCard, #SaveCreditCard { margin: 0 10rem 1rem 1rem; padding: 0; } #SaveCardLbl { width: auto; display: inline-block; margin-bottom: 1rem; } #SaveCard { margin: 0 0 1rem 1rem; padding: 0; } #additionalOptionsWrapper { margin: 0 auto .5rem;padding-bottom: .5rem;width: 100%; } #staffAssistWrapper { margin: 0 auto .5rem;padding-bottom: .5rem; } #JoinMailingList { height:auto; } #mailingListWrapper { margin: 0 auto .5rem;padding-bottom: .5rem; } #additionalEmailsWrapper { margin: 0 auto .5rem;padding-bottom: .5rem; } #additionalEmailsWrapper label { display:block; } #additionalEmailsWrapper textarea { width:97%;height:45px; } #commentsWrapper { margin: 0 auto .5rem;padding-bottom: .5rem; } #commentsWrapper label { display:block; } #commentsWrapper textarea { width:97%;height:45px; } #Comments { font-size: 1rem; } #agreeWrapper, #checkoutBtnWrapper, #timingWrapper { width:100%;margin:0 auto 1rem auto; } #agreeWrapper,#timingWrapper { font-size:.9rem; } #rewardsNoticeWrapper { width:100%;margin:0 auto 1rem auto; } #rewardsNoticeWrapper .inputWrapper { float:left; width: 10%; margin: 0 0 0 0; } #rewardsNoticeWrapper .enrollWrapper { float:left; width: 88%; height: auto; text-align:left; } #checkoutBtnWrapper button { display:block;margin:0 auto; } #processingOrder { border: 1px solid #666;padding:0px;width: 95%;height:auto;background: #FFF;display:none;z-index: 11000;-webkit-box-shadow: 0px 2px 5px 2px #666;box-shadow: 0px 2px 5px 2px #666; } #processingOrder .loadingContent { font-size:14px;padding: 4px;margin-top:.5rem; } #processingOrder .loadingContent .processing { font-size:1rem;color:#348800; } #processingOrder .loadingContent .dontClose { margin-top:.5rem; } #processingOrder .loadingContent .dontClose { margin-top:.5rem; } #contentBound { border:0px; } /*#footerCellSitemaster{ display:none; }*/ /*** CUSTOMER SERVICE PAGES ***/ #vendorHeadTopContent > div { display:none; } #vendorAppearBottom #topLinks { font-size: 1rem;padding: 0;margin: 0 0 1rem 0; } #vendorAppearBottom .chatLink { display:none; } #vendorAppearBottom .contactLink, #vendorAppearBottom .phoneLink { border-radius: 0;box-shadow: none;font-size: 1rem;height:auto; margin: 0 0 .5rem 0;padding:0;width:100%; } #vendorAppearBottom .contactLink h2, #vendorAppearBottom .phoneLink h2 { margin:0;font-size:1.2rem; } #vendorAppearBottom .contactLink p, #vendorAppearBottom .phoneLink p { margin:0;padding:0; } .aboutLinks, .shippingLinks, .troubleshootingTips, .shoppingLinks, .warrantyLinks, .rewardsLinks, .shippingFAQs, .warrantyFAQs, .orderingFAQs, .troubleshootingFAQs, .returnInstructions, .returnPolicy, .techsupportLeft, .techsupportRight { width:100%;float:none;border-radius: 0;box-shadow: none;margin: 0 0 1rem 0;padding:0;height:auto; } .shippingLinks h2, .shoppingLinks h2, .warrantyLinks h2, .shippingFAQs h2, .orderingFAQs h2, .returnInstructions h2, .returnPolicy h2, .rewardsLinks h2, .troubleshootingTips h2, .aboutLinks h2, .warrantyFAQs h2, .troubleshootingFAQs h2 { padding: .25rem !important; margin: 0 0 0.5rem !important; } .faq, .linkFAQ { margin: 1rem 0; padding: 0 0.5rem 0 1.5rem; } #vendorAppearBottom p { } #vendorAppearBottom h2 { padding: 0; } #vendorAppearBottom .question { margin:1rem 0 .2rem 0; padding: .2rem 0; } #vendorAppearBottom .answer { margin:0;padding:0; } #vendorAppearBottom .answer img { width:100%;margin: .5rem 0 0 0; } #vendorAppearBottom p.answer { margin: 0 0 .5rem 0; } #vendorAppearBottom .bot { margin: 1rem 0; } #vendorAppearBottom .terms { display:none; } #vendorAppearBottom .rewardsFAQs { margin-bottom:1rem; } #vendorAppearBottom .rewardsFAQs p { font-size:.9rem;margin-bottom:.5rem; } #vendorAppearBottom table { margin: .5rem 0;width:100%; } #vendorAppearBottom table.answer { margin: 1rem 0;width:100%; } #vendorAppearBottom .supportTable th { white-space:normal;padding: 0.2rem; } #vendorAppearBottom .supportTable td.l { white-space:normal;padding: 0.2rem;width:50%;font-size:.9rem; } #vendorAppearBottom .supportTable td.r { white-space:normal;padding: 0.2rem;width:50%;font-size:.9rem; } #vendorAppearBottom .contentHighlight { margin: 0 0 1rem 0; } #vendorAppearBottom iframe { width:100% !important; } #AboutUsWrapper img { float:none !important; width:100% !important; margin: 0 0 1rem 0 !important; padding: 0 !important; } #AboutUsWrapper .caption { margin: -1rem 0 1rem 0; font-size:.75rem;text-align:center; } #AboutUsWrapper #LindaMike { margin: 0 auto !important; width: 50% !important; } #AboutUsWrapper #environmentalFriendly { display:none !important; } #vendorAppearBottom ul { margin-left:1rem;padding:0; } #vendorAppearBottom #table { display: block; }#vendorAppearBottom #table .row { display: block; margin-bottom:.5rem; }#vendorAppearBottom #table .cell { display: block; vertical-align:middle; text-align:left; width: 100%; border:none; padding: 0; } #tonerTroubleShooting, #inkTroubleShooting { font-size:1rem; } #vendorAppearBottom #tonerTroubleShooting { display: block; }#vendorAppearBottom #tonerTroubleShooting .row { display: block; margin-bottom:1rem; }#vendorAppearBottom #tonerTroubleShooting .cell { display: block; vertical-align:middle; text-align:left; width: 100%; border:none; padding: 0; }#vendorAppearBottom #tonerTroubleShooting .th { display: none; } #vendorAppearBottom #tonerTroubleShooting .cell ul { margin: 0 0 .5rem 0; } #vendorAppearBottom #tonerTroubleShooting .cell ol { margin: 0 0 .5rem 0; padding-left: 1.2rem; } #vendorAppearBottom #inkTroubleShooting { display: block; }#vendorAppearBottom #inkTroubleShooting .row { display: block; margin-bottom:1rem; }#vendorAppearBottom #inkTroubleShooting .cell { display: block; vertical-align:middle; text-align:left; width: 100%; border:none; padding: 0; } #vendorAppearBottom #inkTroubleShooting .th { display: none; } #vendorAppearBottom #inkTroubleShooting .cell ul { margin: 0 0 .5rem 0; } #vendorAppearBottom #inkTroubleShooting .cell ol { margin: 0 0 .5rem 0; padding-left: 1.2rem; } .topLink { font-size:.9rem; } .topLink img { width:.7rem; height: .7rem; } .helpCalloutHdg { margin:0; font-size:1rem; padding: 0.25rem; } .helpCallout { margin: 0 0 .5rem 0; font-size:1rem; padding: 0.25rem; } .helpTestPgCell { padding: 0; } .helpTestPgCell img { display:block;margin:0; } #vendorAppearBottom #LLSContent img { display: block; height: auto; width: 40%; } /*** Contact Form ***/ #ContactFormWrapper { width: 100%; } #ContactFormWrapper div.error { text-align:left;margin:.5rem; } #ContactFormWrapper label { display:block;vertical-align: top;width: 100%; text-align:left; } #ContactFormWrapper input, #ContactFormWrapper select { display:block;vertical-align: top;width: 100%;margin-bottom:.5rem; } #ContactFormWrapper .commentLbl { text-align:left;display: block; } #ContactFormWrapper textarea { width: 97%; height: 10rem; } #ContactFormWrapper button { margin: 0 auto; display: block; margin-top: .5rem; } .recaptchatable #recaptcha_response_field { height: auto; display:inline-block; } /*** OEM RETURNS TABLE ***/ .supportTable { margin-bottom:0;display: block; } .supportTable .row { display: block; margin-bottom: .5rem; } .supportTable .th { display: none;} .supportTable .tdl { border:none;font-weight:bold;padding:0;white-space:normal;display: block;text-align:left; } .supportTable .tdm { border:none;padding:0;display: block; text-align:left; } .supportTable .tdr { border:none;padding:0;display: block; text-align:left; } .supportTable .subtext { font-size:.75rem;font-weight:normal;font-style:italic; } /*** ACCOUNT PAGES ***/ #panelBody { margin:0;padding:0; } #panelBody p { margin:0;padding:0; } #contentBound h1 { font-size: 100%;font-size: 5vw; margin: 0 0 1rem 0; padding: 0; } #contentBound h2 { font-size: 100%; font-size: 5vw; margin: 0 0 1rem 0; padding: 0; } #navDiv { margin:0; } #navDiv .nav1, #navDiv .nav2, #navDiv .nav3, #navDiv .nav4 { display:none; } #printDiv { font-size:1rem; float: none; width: 100%; margin: 0.5rem 0; } #mobileNavDiv { display:block; } #mobileNavDiv select { width:100%; } #shippingAddressInputsDiv label, #USphoneWrapper span, #USShipToPhoneWrapper span,#updatePasswordDiv label, #updateEmailAddressDiv label { display:block;width:100%;font-size:0.9rem;padding:0;text-align:left; } #shippingAddressInputsDiv input[type=text], #shippingAddressInputsDiv select, #shippingAddressInputsDiv img, #updateEmailAddressDiv input[type=text], #updateEmailAddressDiv input[type=password], #updatePasswordDiv input[type=password], #couponDiv input[type=text] { float:none; width:100%; margin-bottom:.5rem; }/*** REWARDS ACCT ***/#BannerTopContent { display: none; }#RewardsMainImgwrapper { width: 100%; text-align: center; }#RewardsMainImgwrapper img { width: 100%; }#PointsOptions_Landing_Wrapper { width: 100%; }#PointsOptions_Landing_Wrapper .PointsOption { float: none; width: 100%; margin: 0; padding: 0; }#PointsOptions_Landing_Wrapper h2 { margin: 0; padding: 0; }#PointsOptions_Landing_Wrapper .PointsOption.divider { border-right: 0px; margin: 0; padding-right: 0; }#PointsOptions_Landing_Wrapper .PointsImage { text-align:center; vertical-align: middle; margin: 0 0 .5rem 0; }#PointsOptions_Landing_Wrapper .PointsImage > img { width: 50%; vertical-align: middle; border: 3px solid #d2d2d2; }#PointsOptions_Landing_Wrapper .PointsValue { font-size:14px; font-weight: bold; text-align:center;padding: 0; margin: 0 0 .5rem 0; }#PointsOptions_Landing_Wrapper .PointsDescription { padding: 0; margin: 0 0 1rem 0; }.JoinNowWrapper { text-align: center; margin: 0; padding: 0; width: 100%; }.JoinNowWrapper a { display: inline-block; padding: 1rem 2rem; margin: 0 0 1rem 0; border: 1px solid #000; background-color: #fcf700; color: #000; font-weight: bold; text-decoration: none; border-radius: 3px; }#RewardsOptions_Landing_Wrapper { width: 100%; }#RewardsOptions_Landing_Wrapper > p { padding: 0; margin: 0 0 1rem 0; }#RewardsOptions_Landing_Wrapper .RewardsOption { float: none; width: 95%; margin: 0; padding: 0; }#RewardsOptions_Landing_Wrapper h2 { margin: 0; padding: 0; }#RewardsOptions_Landing_Wrapper .RewardsOption.divider { border-right: 0px; margin: 0; padding-right: 0; }#RewardsOptions_Landing_Wrapper .RewardImage { text-align:center; vertical-align: middle; margin: 0 0 .5rem 0; }#RewardsOptions_Landing_Wrapper .RewardImage > img { width: 70%; vertical-align: middle; }#RewardsOptions_Landing_Wrapper .RewardPointValue { font-size:14px; font-weight: bold; text-align:center;padding: 0; margin: 0 0 .5rem 0; }#RewardsOptions_Landing_Wrapper .RewardDescription { padding: 0; margin: 0 0 1rem 0; }#RewardsOptionsWrapper div,#RewardsTimelineWrapper div, #BalanceWrapper div { width: 100%; } #GiftCertificateBox { margin: 0 0 10px 0; }.headingWrapper { float: none; width: 100%; }.BalanceWrapper { float: none; width: 100%; text-align: right; margin: .5rem 0 1rem 0; }.BalanceWrapper .PointsWrapper { }#RewardsOptionsWrapper .BalanceWrapper .PointsWrapper .PointsTxt, #RewardsTimelineWrapper .BalanceWrapper .PointsWrapper .PointsTxt { display:inline-block;width:80%;vertical-align:middle; text-align: right; }#RewardsOptionsWrapper .BalanceWrapper .PointsWrapper .PointsBalance, #RewardsTimelineWrapper .BalanceWrapper .PointsWrapper .PointsBalance { display:inline-block;font-size: 16px; font-weight: bold; text-align:center;vertical-align: middle; width:12%; }#RewardsTabsWrapper ul { margin: 0 0 .5rem 0; }#RewardsTabsWrapper li { float: none; width: 100%; }#RewardsTabsWrapper ul li a { }#RewardsTabsWrapper ul li.active { }#RewardsTabsWrapper ul li.active a { }#RewardsOptionsWrapper, #RewardsTimelineWrapper, #RewardsFAQsWrapper { padding:0; min-height: 200px; border: 0px; clear: both; }#RewardsTimelineWrapper, #RewardsFAQsWrapper { display: none; }#RewardsOptionsWrapper, #RewardsTimelineWrapper { border-bottom: 1px solid #d2d2d2;margin-bottom: 10px;padding-bottom: 5px; }#RewardsOptionsWrapper .RewardsOption { float: none; width: 100%; margin: 0; padding: 0px 0; }#RewardsOptionsWrapper > p, #RewardsTimelineWrapper > p { margin: 0 0 1rem 0; }#RewardsOptionsWrapper h2 { margin: 0; }#RewardsOptionsWrapper .RewardsOption.divider { border-right: 0; margin: 0; padding-right: 0; }#RewardsOptionsWrapper .RewardImage, #RewardsOptionsWrapper .RewardRedeem { text-align:center; vertical-align: middle; }#RewardsOptionsWrapper .RewardRedeem { height: auto; margin: 0 0 1rem 0; }#RewardsOptionsWrapper img { vertical-align: middle; }#RewardsOptionsWrapper .RewardImage { margin: 0 0 .5rem 0; }#RewardsOptionsWrapper .RewardImage > img { width: 70%; vertical-align: middle; }#RewardsOptionsWrapper .RewardPointValue { font-weight: bold; text-align:center;padding: 0; margin: 0 0 5px 0; }#RewardsOptionsWrapper .RewardDescription { font-size:12px; margin: 0 0 1rem 0; }#RewardsTimelineWrapper .navWrapper { text-align: center; margin-top: 1rem; }#RewardsTimelineWrapper p { margin: 0 0 1rem 0; }#RewardsTimelineWrapper h2 { margin: 0 0 1rem 0; }#Events .pagination > li { display: inline; text-align: center; }#Events ul { list-style: inside none disc; padding: 0; float:none; }#Events .pagination > li > a, #Events .pagination > li > span { color: #004b91; background-color: #fff; float: left; line-height: 1.42857; margin-left: -1px; padding: 1rem 2rem; position: relative; }#Events .pagination-sm > li > a, #Events .pagination-sm > li > span { font-size: 1rem; padding: 1rem; }#Events .pagination > .active > a, #Events .pagination > .active > span, #Events .pagination > .active > a:hover, #Events .pagination > .active > span:hover, #Events .pagination > .active > a:focus, #Events .pagination > .active > span:focus { background-color: #428bca; border-color: #428bca; color: #fff; cursor: default; z-index: 2; }#RewardsTimelineWrapper .EventsWrapper .EventWrapper { padding: .5rem; font-size: 1rem; }#RewardsTimelineWrapper .EventsWrapper .EventWrapper.header { font-weight: bold;font-size: 1rem; }#RewardsTimelineWrapper .EventsWrapper .EventWrapper.alt { background-color: #EFEFEF; }#RewardsTimelineWrapper .EventsWrapper h2 { margin: 0 0 .5rem 0 }#RewardsTimelineWrapper .EventsWrapper .EventWrapper .EventCreationTime { display:inline-block;width: 25%; vertical-align: top; }#RewardsTimelineWrapper .EventsWrapper .EventWrapper .EventType { display:inline-block;width: 27%; vertical-align: top; }#RewardsTimelineWrapper .EventsWrapper .EventWrapper .EventDetails { display:inline-block;width: 45%; vertical-align: top; }#RewardsTimelineWrapper .EventsWrapper .EventWrapper .EventStatus { display:inline-block;width: 25%; vertical-align: top; }#RewardsTimelineWrapper .EventsWrapper .EventWrapper .EventPoints { display:inline-block;width: 27%; vertical-align: top; }#RewardsTimelineWrapper #Events .hidden { display:none; }#RewardsFAQsWrapper h2 { margin: 0 0 1rem 0; }#RewardsToCWrapper { text-align: right; font-size: .75rem; } /***LOGIN PAGE ***/ #returningCustomerDiv, #existingTrackingLoginDiv, #forgotPasswordDiv, #newCustomerLoginDiv { float:none;width:100%; } #orDividerDiv, #orTrackingDividerDiv { display:none; } #returningCustomerDiv { border:none; border-top: 1px solid #266bbe; } #loginWrapperLostPassword, #loginWrapper { text-align:left; } #loginWrapperLostPassword label, #loginWrapper label, #trackingWrapper label { float:none;padding:0;margin:0;text-align:left;width:100%;font-size:1rem; } #loginWrapper input[type="text"], #loginWrapper input[type="password"], #loginWrapperLostPassword input[type="text"], #loginWrapperLostPassword input[type="password"], #trackingWrapper input[type="text"], #trackingWrapper input[type="password"] { float:none;margin:0;width:100%;margin-bottom:.5rem; } #forgotPasswordBtn { margin: 1rem 0; } #forgotPasswordLink { font-size: .9rem; } /*** ORDER TRACKING ***/ #trackingWrapper { width: 100%;text-align:left; } #trackingWrapper button, #loginWrapper button { width:120px; } #trackingWrapper p { margin: 0 0 .5rem 0;padding:0;font-size:1rem; } #trackingWrapper ul { padding-left: 1.5rem; } #loginWrapper .button, #trackingWrapper .button { margin: 0 0 .5rem 0;text-align:center; } #forgotOrderIDWrap, #knowOrderIDWrap { margin: 1rem 0;text-align:center; } #forgotOrderIDWrap a, #knowOrderIDWrap a { font-size: .9rem; } #trackedOrderContent p { margin: 0 0 .5rem 0; } #trackedOrderContent .trackedOrderWrap { border:none; } #trackedOrderContent .trackedOrderWrap .orderDetail .trackingWrapper { padding:0; } #trackedOrderContent .trackedOrderWrap .orderDetail .trackingWrapper p { margin: 0 0 .5rem 0; } #trackedOrderContent .trackedOrderWrap .head { margin:0 0 .3rem 0;padding:0.3125rem; } #trackedOrderContent .trackedOrderWrap .orderDetail { margin:0;padding:0; } #trackedOrderContent .trackedOrderWrap .orderDetail .trackingWrapper .orderInfo { float:none;width:100%;font-size:.9rem; } #trackedOrderContent .trackedOrderWrap .orderDetail .trackingWrapper .orderInfo div { margin:0;padding:0 0rem; } #trackedOrderContent .trackedOrderWrap .orderDetail .trackingWrapper .orderInfo div table { border-collapse: collapse; } #trackedOrderContent .trackedOrderWrap .orderDetail .trackingWrapper .trackingInfo { float:none;width:100%;font-size:.9rem; } #trackedOrderContent .trackedOrderWrap .orderDetail .trackingWrapper .trackingInfo table { border-collapse: collapse; } #trackedOrderContent .trackedOrderWrap .orderDetail .trackingWrapper .trackingInfo table td { font-size:.9rem; } #trackedOrderContent .trackedOrderWrap .orderDetail .trackingWrapper .orderInfo div table .trackingNo { width:100px; } /***************************************************************/ /*** PAYMENT OPTION CHANGES ***/ .cardForm { padding: .25rem; } #PaymentOptionsDiv .validationSummary { margin: 1rem 0; } #PaymentOptionsDiv .validationSummary ul { padding: 0 0 0 1rem; margin: 0; } #addOptionWrapper { padding: 1rem 0; margin: 0; text-align: right; } #ccListWrapper { display:none; background-color:#FFF; width:95%; z-index:5; height:60%; padding: .25rem; top:10rem !important; left:.5rem !important; } #savedCardWrapper { } #savedCardWrapper .card { margin-bottom:.5rem; } #savedCardWrapper .card .cardType { padding: .25rem; } #savedCardWrapper .card .cardType > span, #savedCardWrapper .card .cardType .defaultCard { display:block; width: 100%; } #savedCardWrapper .card .cardOpen { display:block; width: 100%; text-align: right; padding: .5rem 0; background: none; } #savedCardWrapper .card .cardDetails, #savedCardWrapper .card .billingAddress { display:block; width: 100%; padding: 0 0 .25rem .25rem; } #savedCardWrapper .card .cardDetails { margin-bottom: 1rem; } #savedCardWrapper .card .deleteWrapper { display:block; width: 100%; padding: 0 0 .25rem .25rem; } #savedCardWrapper .ccFieldsWrapper { width: 100%; } #savedCardWrapper .ccFieldsWrapper .CardTypeWrapper { display: none; } .CreditCardInfo { margin-bottom: 1rem; } .CreditCardInfo label, .ccBillingLeft label, .ccBillingRight label { display: block; width: 100%; padding: 0; text-align: left; margin: 0; } .CreditCardInfo input[type="text"], .CreditCardInfo input[type="number"], .ccBillingLeft input[type="text"], .ccBillingRight input[type="text"], .CreditCardInfo select, .ccBillingRight select, .ccBillingRight #Phone, .ccBillingRight #Extension { display: block; margin:0; width:100% !important; margin-bottom:.5rem; } .ccNumber img { display: block; margin: 0; } .cardWrapper .CreditCardInfo #CardCVN { display: inline-block; width: 90% !important; } .cardWrapper .CreditCardInfo .pc { width: 36%; display: inline-block; *float: left; text-align: left; } .cardWrapper .CreditCardInfo #CardNumberTxt { margin-bottom: 1rem; } .cardWrapper .CreditCardInfo #CardNumber { } .cardWrapper .CreditCardInfo .ExpiryMonth, .cardWrapper .CreditCardInfo .ExpiryYear { } .ccBillingLeft, .ccBillingRight { display: block; width: 100%; } #buttonWrap { text-align:center; } /*** UPDATE EMAIL ADDRESS ***/ #updateEmailAddressDiv { border-bottom: 1px solid #CCCCCC;margin: 0 auto 1rem;padding-bottom: 1rem; } #updateEmailAddressDiv p, #updatePasswordDiv p { margin-bottom:.5rem; } #updateEmailAddressDiv .currentEmailAddress { font-size: 1rem; } #updateEmailAddressDiv button, #updatePasswordDiv button { margin: 0 auto; display: block; width: auto; } /*** COUPON ENTRY FORM ***/ #couponDiv form p { margin-bottom:.5rem; } /*** Shipping Address List ***/ #shippingAddressLeftDiv, #shippingAddressRightDiv { float:none;width:100%; } #AddNewAddressDiv { text-align: right; font-size: 1rem; margin: .5rem; } #shippingAddressDiv { } #shippingAddressDiv .shippingAddressDiv { display:block; width: 100%; height: auto; font-size: 1rem; padding: .25rem; } #shippingAddressDiv .shippingAddressDiv .shippingTxtOnly { font-size: 1rem; } #shippingAddressDiv .shippingAddressDiv .addressActions { font-size:1rem; margin: 0; } #shippingAddressDiv .shippingAddressDiv .addressActions .addressAction a { font-size: 0.9rem; cursor: pointer; display: inline-block; height: 2.5625rem; line-height: 2.5625rem; text-align: center; width: 2.5625rem; } #shippingAddressDiv .shippingAddressDiv .addressActions .addressAction .delete { background-color: transparent; } /*** ORDER LIST ***/ #previousOrdersDiv .SearchTd { width: 100%; border-bottom: none; padding: 1rem 0 0 0; font-size: 1rem; } #previousOrdersDiv .SearchTd button { display: inline-block !important; vertical-align: middle; } #previousOrdersDiv .NavTd { width: 100%; border-top: none; padding: 0; font-size: 1rem; text-align: left; margin: .5rem 0; padding: 0 0 1rem 0; } #OrderInfoTable { margin-bottom:.5rem; font-size:.9rem; } #OrderInfoTable .th { width:100%; text-align:left; } #OrderInfoTable .msg { margin-bottom:.25rem; } #orderListWrapper { } #orderListWrapper .previousOrder { padding: 0; margin: 0; border:none; } #orderListWrapper .orderInfoCell { width:100%;padding:0;background-color:#EFEFEF;border:1px solid #AAA; } #orderListWrapper .orderItemsInfoCell { width:100%;padding:0;border:0; } #orderListWrapper .itemHeader { display:none; } #orderListWrapper .orderInformationDiv { display:inline-block;*float:left;width:49%;font-size:1rem;margin:0;padding: 0.3rem; vertical-align:top; } #orderListWrapper .orderButtons { display:inline-block;*float:left;width:49%;font-size:1rem;margin:0;padding: 0.3rem; vertical-align:top; text-align:center; } #orderListWrapper .orderButtons div { margin: .5rem 0; } #orderListWrapper .itemsWrapper { padding:.3rem;border-width: 0 1px 1px 1px;border-color:#AAA;border-style:solid;margin-bottom:.5rem; } #orderListWrapper .itemWrapper { margin-bottom:.5rem; } #orderListWrapper .qtyCell { display:inline-block;*float:left;width:27%;font-size:1rem; text-align:center;vertical-align:top; } #orderListWrapper .newQtyCell { display:inline-block;*float:left;width:37%;text-align:center; vertical-align:top; } #orderListWrapper .newQtyCell input { width:60px; } #orderListWrapper .ratingCell { display:inline-block;*float:left;width:32%;font-size:1rem; text-align:center; vertical-align:top; } #orderListWrapper .itemCell { display: block; width: 100%; font-size:.9rem; text-align:left; padding:0;margin-bottom: 0.25rem; } #orderListWrapper .qtyCell .qtyTh { display:inline-block;*float:left;width:100%;padding:0; } #orderListWrapper .newQtyCell .newQtyTh { display:inline-block;*float:left;width:100%;padding:0; } #orderListWrapper .itemCell .itemTh { display:inline-block;*float:left;width:100%;padding:0; } #orderListWrapper .buttonsWrapper { margin: 0 auto; } #orderListWrapper .reviewWrapper:first-child { width:100%;padding:0px; } #orderListWrapper .orderInvoiceWrapper { margin-bottom:.5rem; } .reviewWrapper { margin-bottom: 2rem; } .writeReviewDiv fieldset { border: 0; } .writeReviewDiv .fullStar, .writeReviewDiv .emptyStar { display: none; } .writeReviewDiv .reqNote { font-size: .8rem; margin-bottom: .5rem; } .writeReviewDiv .BasicFields label { float: none; display: block; text-align: left; width: 100%; padding: 0; margin: 0; line-height: none; } .writeReviewDiv input[type="text"] { float: none; display: block; text-align: left; width: 100%; margin-bottom: .5rem; } .writeReviewDiv .ratingComments { float: none; width: 98%; } .writeReviewDiv .ratingCommentsuggestions { display:none; } .writeReviewDiv .Submit { margin: 0 auto; display:block; width: 50%; } .writeReviewDiv .Submit button { margin: 0 auto; display:inline-block; width: auto; } .writeReviewDiv .Submit a { margin: 0 auto; display:inline-block; width: 63px; } .writeReviewDiv .msg { display: block; height: auto; } .Attribute4Wrapper span:first-child { width: 100%; display: block; } .Attribute4Wrapper span span:first-child { display: inline; } .Attribute4Wrapper input { display:inline-block; margin-right: 1rem; } #rmaListWrapper { } #rmaListWrapper .previousOrder { padding: 0; margin: 0; border:none; } #rmaListWrapper .rmaInfoCell { width:100%;padding:0;background-color:#EFEFEF;border:1px solid #AAA; } #rmaListWrapper .orderItemsInfoCell { width:100%;padding:0;border:0; } #rmaListWrapper .itemHeader { display:none; } #rmaListWrapper .orderInformationDiv { display:inline-block;*float:left;width:49%;font-size:1rem;margin:0;padding: 0.3rem; vertical-align:middle; } #rmaListWrapper .RMAButtons { display:inline-block;*float:left;width:49%;font-size:1rem;margin:0;padding: 0.3rem; vertical-align:middle; text-align:center; } #rmaListWrapper .RMAButtons div { margin: .5rem 0; } #rmaListWrapper .itemsWrapper { padding:.3rem;border-width: 0 1px 1px 1px;border-color:#AAA;border-style:solid;margin-bottom:.5rem; } #rmaListWrapper .itemWrapper { margin-bottom:.5rem; } #rmaListWrapper .itemCell { display:block;width: 100%; font-size:.9rem; text-align:left; padding:0;margin-bottom: 0.25rem; } #rmaListWrapper .itemCell .itemTh { display:none; } #rmaListWrapper .qtyCell { display:block;width:100%;font-size:.9rem; text-align:left; } #rmaListWrapper .qtyCell .qtyTh { margin: 0; width: auto; text-align: left; display: inline; font-size:.9rem; } #rmaListWrapper .buttonsWrapper { margin: 0; } #rmaListWrapper .reviewWrapper:first-child { width:100%;padding:0px; } #rmaListWrapper .orderInvoiceWrapper { margin-bottom:.5rem; } #Reorder { margin:0; } .qtyTh, .itemTh, .newQtyTh { font-size:1rem; } /*******************************************/ /*** ORDER INVOICE & CONFIRMATION PAGE ***/ #rootDiv { font-size:.8rem; } #orderTable { width: 100%; } #orderBodyTD { } #page-wrap { padding:0; } #identity { margin-bottom:.5rem; } #identity #logo { display:none; } #identity #returnAddressCell { display:none; } #identity #returnAddressCell #returnAddress { } #identity #orderNumCell { width:48%;margin-bottom:.5rem;font-size:1rem; } #identity #orderNumInfoCell { width:48%;margin-bottom:.5rem;font-size:1rem; } #identity #billToCellLabel { width:48%;margin-bottom:.5rem;font-size:1rem; } #identity #billToCell { width:48%;margin-bottom:.5rem;font-size:1rem; } #identity #shipToCellLabel { width:48%;margin-bottom:.5rem;font-size:1rem; } #identity #shipToCell { width:48%;margin-bottom:.5rem;font-size:1rem; } #methodsTable { border-bottom: 2px solid #000; } #methodsTable .method { display:inline-block;*float:left;width:49%; } #methodsTable .th { font-size:1rem; } #methodsTable .td { font-size:1rem; } #methodsTable .empty { display:none; } #items { border:0;padding:0; } #items .thWrap { display:none; } #items .th { } #items #descLbl { } #items #costLbl { } #items #qtyLbl { } #items #priceLbl { } #items .product, #items .coupon, #items .giftcard { padding: .2rem; } #items .DescriptionCell, #items #CouponDescriptionCell ,#items #GCDescriptionCell { width:100%;height: auto; font-size:1rem; } #items .PriceCell, #items #CouponPriceCell, #items #GCPriceCell { width:32%; font-size:1rem; padding: 0; } #items .PriceCell .st { } #items .QuantityCell, #items #CouponQuantityCell,#items #GCQuantityCell { width:32%; font-size:1rem; padding: 0; } #items .ItemTotalCell, #items #CouponItemTotalCell,#items #GCItemTotalCell { width:32%; font-size:1rem; padding: 0; } #items .ItemTotalCell .save, #items #CouponItemTotalCell .save,#items #GCItemTotalCell .save { } #items .ItemTotalCell .st { color: #bfbfbf; text-decoration: line-through; } #items .descLbl, #items .costLbl, #items .qtyLbl, #items .priceLbl { display: block; font-weight: bold; } #CouponDescriptionCell .discountBody { margin-bottom: .5rem; } #TotalWrapper { border-top: 2px solid black; } #items #SubTotalCell { width:69%; font-size:1rem; } #items #SubTotal { width:29%; font-size:1rem; } #items #TaxCell { width:69%; font-size:1rem; } #items #Tax { width:29%; font-size:1rem; } #items #ShippingCell { width:69%; font-size:1rem; } #items #Shipping { width:29%; font-size:1rem; } #items #DonationCell,#ShippingCellUL { width:69%; font-size:1rem; } #items #Donation,#ShippingUL { width:29%; font-size:1rem; } #items #TotalCell { width:69%; font-size:1rem; } #items #Total { width:29%; font-size:1rem; } #items #savingsWrapper #savings { font-size:1rem; } #items #savingsText { } #items #savingsText .lblWrapperTotal { width:64%; font-size:1rem; } #items #savingsText .totalSavings { width:29%; font-size:1rem; } #items #savingsText .lblWrapper { width:69%; font-size:1rem; } #items #savingsText .savings { width:29%; font-size:1rem; } #OrderComments { font-size:1rem; padding: 0; } #OrderComments h4 { font-size:1rem; } #OrderComments p { font-size:1rem; } #terms { font-size:1rem; } #terms p { margin-bottom:.5rem; font-size:1rem; padding: 0; word-break:break-word; text-align: justify; } #terms h4 { font-size:1rem; margin-top: 1rem; } /*** Return Request Form ***/ .orderInformationDiv { margin: 0; font-size: 1rem; } #importantNotes { font-size: 1rem; } #importantNotes ul { padding: 1rem; margin: 0; } #importantNotes ul li { padding: 0; } #RMAItems .th { font-size: 1rem; padding: .2rem; } #RAMFormDiv, #itemsTableDiv { margin: 0; } .returnCell { float: none; width:100%; font-size: 1rem; height:auto; padding: 1rem 0; } .returnDiv { line-height:normal; } .return { font-size: 1rem; } .DescriptionCell { float:none; font-size:1rem; width: 100%; height:auto; padding:.2rem; } #RMADetailDiv .ReasonDiv { font-size: 1rem; padding: 0; } .removeForm { padding: 0; } .ReturnQuantityDiv { margin: 0 0 .5rem 0; } .ReturnQuantityDiv input[type="number"] { width: 80px; } #RMADetailDiv .h4 { float: none; font-size: 1rem; width: 100%; padding: 0; } #RMADetailDiv .input { float: none; font-size: 1rem; width: 100%; } .ReturnReasonDiv .select { width:100% !important; font-size: 1rem; margin-bottom: .5rem; } #RMADetailDiv .ReasonDiv .ReturnReasonDiv { margin: 0 0 .5rem 0; } #RMADetailDiv .ReasonDiv .ReturnOptionDiv { margin: 0 0 .5rem 0; } #RMADetailDiv .ReasonDiv .ReturnOptionDiv .returnOptionsList input { display:inline-block;*float:left;width:10%;margin: .5rem 0; } #RMADetailDiv .ReasonDiv .ReturnOptionDiv .returnOptionsList .input label.bold { display:inline-block;*float:left;width:80%;margin: .5rem 0; } #RMADetailDiv .ReturnReasonDetailsDiv { font-size: 1rem; padding: 0; } #RMADetailDiv .returnMoreDiv { padding: 0; font-size: 1rem; } #RMADetailDiv .ReturnReasonDetailsDiv textarea { font-size:1rem; width: 94%; height: 5rem; } .returnOptionsExplained, .ExpiredReturnWarning, .MultipleReturnWarning, .OEMReturnWarning, .DefectiveRefundWarning, .QuantityGreaterThanOne, .OEMDefectiveExpired { margin: 0; padding: .5rem; } .returnOptionsExplainedTable { width:100%; } #alternativeEmailDiv,.currentEmailAddress { font-size:1rem; } .currentEmailDiv,.optionalEmailDiv { float:none; width: 100%; height:auto; padding:.5rem; } .optionalEmailDiv input { width:100%; margin-bottom:.5rem; } #RMAButtonsDiv { display:block; width: 100%; margin: 0 auto; text-align: center; } #RMAButtonsDiv a { display: inline-block; padding: 0.8rem; text-decoration:none;font-size: 0.9rem; } /*** Coupon page ***/ #CouponWrap button { margin: 0 auto; display: block; width: auto; } /***************************************************************/ /*** HTML SITEMAP ****/ #SiteMapDiv .container { margin: .5rem 0; width: 100%; float: none; font-size: .9rem; box-shadow: none; border-radius: 0; padding: .5rem; } #SiteMapDiv .container .vendorName, #SiteMapDiv .container .vendorName { padding: inherit; } #SiteMapDiv .container .topModelWrapper, #SiteMapDiv .container .topProductsWrapper { padding: inherit; } #SiteMapDiv .container .topModelWrapper h3, #SiteMapDiv .container .topProductsWrapper h3 { margin: .5rem; } #SiteMapDiv .container .topModelWrapper .allModelsorProductLinkDiv, #SiteMapDiv .container .topProductsWrapper .allModelsorProductLinkDiv { margin-top: .5rem; } #paginatedSiteMapDiv .container .paginatedProductsDisplay { margin: .5rem 0; width: 100%; float: none; font-size: .9rem; padding: .5rem; min-height:0; text-align: left; } /***************************************************************/}