@media only screen and (max-width: 672px) { @-moz-document url-prefix() { body.nomenu .cpform input[type="radio"] { all: unset !important; all: initial !important; -moz-appearance: radio !important; appearance: radio !important; float: left !important; margin-top: 6px !important; display: inline !important; margin-right: 5px !important; }
    body.nomenu .cpform label { text-align: left !important; margin-top: 3px; all: unset !important; all: initial !important; }
    body.nomenu .cpform label:before, body.nomenu .cpform label:after { all: unset !important; all: initial !important; display: none; content: none; }
    input[type="radio"] { -webkit-appearance: none !important; display: block !important; margin: 10px !important; width: 24px !important; height: 24px !important; -moz-border-radius: 12px !important; border-radius: 12px !important; cursor: pointer !important; vertical-align: middle !important; background-color: rgba(0, 0, 0, 0.2) !important; background-image: -webkit-radial-gradient(#cceeff 0%, #66ccff 15%, rgba(51, 187, 255, 0.3) 28%, rgba(0, 102, 153, 0) 70%) !important; background-repeat: no-repeat !important; -webkit-transition: background-position 0.15s cubic-bezier(0.8, 0, 1, 1), -webkit-transform 0.25s cubic-bezier(0.8, 0, 1, 1) !important; outline: none !important; }
    input[type="radio"] + label::before { display: none !important; content: none !important; }
    input[type="radio"]:checked { -webkit-transition: background-position 0.2s 0.15s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1) !important; }
    input[type="radio"]:active { -webkit-transition: -webkit-transform 0.1s cubic-bezier(0, 0, 0.2, 1) !important; }
    input[type="radio"], input[type="radio"]:active { -moz-transform: scale(0.75) translateY(-7.5px); transform: scale(0.75) translateY(-7.5px); background-position: 0 24px !important; }
    input[type="radio"]:checked { background-position: 0 0 !important; }
    input[type="radio"]:checked ~ input[type="radio"], input[type="radio"]:checked ~ input[type="radio"]:active { background-position: 0 -24px !important; } } }
#MainContent_Cph_ContactUs_Message_TextBox { width: 100%; }

a, body, html, input, p { font-family: "Muli", Muli, verdana, sans-serif !important; -webkit-overflow-scrolling: touch; }

html, body { background-color: rgba(0, 0, 0, 0); overflow-x: hidden; -webkit-overflow-scrolling: touch; }

/*staff*/
.staff-view-pcid-input { width: 100%; height: 40px; font-size: 11pt; background-color: #F5DDDD; text-align: center; border: 1px solid #BB9090; cursor: text; margin-top: 30px; }

body { display: none; }

h1, h2, h3, h4, h5 { line-height: 100%; }

#tablinkwrap { min-height: 0 !important; }

a:-webkit-any-link { color: #317594; }

a.button.cs-home-btn { color: white; }

.branding-radio-inner-box.pri-print-box { margin-left: 0px !important; }

span { font-family: Muli, verdana, sans-serif !important; }
span.big-menu-title.button { border-right: 1px solid #3097c3; border-left: 1px solid #3097c3; -webkit-transition: 0s all ease-in !important; -o-transition: 0s all ease-in !important; -moz-transition: 0s all ease-in !important; transition: 0s all ease-in !important; }
span.big-menu-title.button:last-of-type { border-right: 1px solid #3097c3; border-left: 1px solid #3097c3; }

.macos { letter-spacing: -0.25px; word-spacing: 0.15px; -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; }

@media only screen and (max-width: 667px) { .macos { letter-spacing: -0.75px; word-spacing: 0.25px; -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; }
  .macos footer.row.collapse #owt-bottom-subject > div > ul { padding-left: 0px !important; padding: 0px !important; }
  .macos .pcode { letter-spacing: -0.5px; }
  .macos h1, .macos h2, .macos h3, .macos h4, .macos h5 { letter-spacing: -1px !important; word-spacing: 0.5px !important; -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; }
  body#bodyTag .tnwrap.tnwrap.tnwrap { margin: 20px 5px 35px !important; } }
#mainMenu > ul > li > ul > li > a, #owb-subcategories > ul > li > a, .addthiswrap a, .tntitle.tntitle.tntitle.tntitle > strong > a[href] { text-decoration: none; }

div#breadCrumb { position: relative; top: -35px; }
div#owb-subcategories { position: relative; top: -30px; left: -20px; }

h2#MainContent_Cph_CategoryName_H2 { margin-top: 0px; }

div#owt-bottom-subject { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

a { text-decoration: none; }
a#CartDropdown_UC_CartProceed_HyperLink, a.bch, a.bci { text-decoration: none; }

::-moz-selection, :-ms-selection, ::-webkit-selection, :-webkit-selection, ::-moz-selection, ::-moz-selection, :-ms-selection, ::-webkit-selection, :-webkit-selection { color: #00b3ff; background: #fea937; }

::-moz-selection, :-ms-selection, ::-webkit-selection, :-webkit-selection, ::-moz-selection, ::selection, :-ms-selection, ::-webkit-selection, :-webkit-selection { color: #00b3ff; background: #fea937; }

html.wf-loading:not(.wf-active) { color: transparent !important; color: rgba(255, 255, 255, 0) !important; opacity: 0; -webkit-transition: 0.2s all ease-in; -o-transition: 0.2s all ease-in; -moz-transition: 0.2s all ease-in; transition: 0.2s all ease-in; }
html.wf-loading:not(.wf-active) * { color: transparent !important; color: rgba(255, 255, 255, 0) !important; }
html.wf-active:not(.wf-loading) { opacity: 1; -webkit-transition: 0.2s all ease-in; -o-transition: 0.2s all ease-in; -moz-transition: 0.2s all ease-in; transition: 0.2s all ease-in; }

a:-webkit-any-link { text-decoration: none; }

span.big-menu-title.button { border-top: 1px solid #3995c0; border-bottom: 1px solid #3995c0; }
span.big-menu-title.button:hover { border-top: 1px solid #3995c0; border-bottom: 1px solid #3995c0; }

.tnmin.tnmin { font-size: 60% !important; bottom: 23px !important; position: absolute !important; }

.tnprice.tnprice { bottom: initial; bottom: unset; bottom: auto !important; position: absolute; bottom: 45px !important; }

@-o-viewport { width: device-width; }
@viewport { width: device-width; }
@-ms-viewport { width: auto; }
div#ie8-msg { display: none; }

html.lt-ie9 #ie8-msg { display: block; }

body { color: #434343; background-image: url(/imgs/printedpens-bg.png); -webkit-transition: .2s background-image linear; -o-transition: .2s background-image linear; -moz-transition: .2s background-image linear; transition: .2s background-image linear; }

body#bodyTag { overflow-x: hidden; }

#owt-bottom-subject > div:nth-child(4) { float: left; }

main#owt-middle-subject .main-content { pointer-events: auto; pointer-events: all; }

.ie11 div#breadCrumb, .lt-ie9 div#breadCrumb, .lt-ie10 div#breadCrumb { font-size: 70%; pointer-events: all; z-index: 50; }
.ie11 .moved#finalise-buttons #quote-button:hover, .lt-ie9 .moved#finalise-buttons #quote-button:hover, .lt-ie10 .moved#finalise-buttons #quote-button:hover { background: none !important; }

h1.browseheader { margin-top: -25px; padding-bottom: 20px; }

@media only screen and (max-width: 1100px) { @supports (-ms-ime-align: auto) { html:not(.ie11):not(.lt-ie9) > body > #wrapper > header div#search { right: -9px !important; } } }
@supports (-ms-ime-align: auto) { .tnwrap { width: 24% !important; }
  div#headerticks { top: -45px; right: 160px !important; float: right; -webkit-transform: scale(0.95) translateX(20px); -moz-transform: scale(0.95) translateX(20px); -ms-transform: scale(0.95) translateX(20px); -o-transform: scale(0.95) translateX(20px); transform: scale(0.95) translateX(20px); }
  header div#search { top: 11px; width: 30% !important; } }
#mainMenu > ul > li > ul > li > a, span.big-menu-title.button { font-family: "proxima-nova", "Proxima-Nova", Proxima-Nova, "Proxima Nova", Verdana, sans-serif !important; }

div#owt-bottom-subject > div:first-of-type { z-index: -1; }

.ie11 div#owt-bottom-subject > div:first-of-type, .lt-ie10 div#owt-bottom-subject > div:first-of-type { z-index: 0; }

div#owt-bottom-subject > div:first-of-type { z-index: -1; }

.primary-ap-box.additional-print-box *, .additional-print-box { z-index: 20; }

.additional-print-box { z-index: 6000; }

#wrapper { max-width: 1200px; width: 100%; display: block; background-color: #fff; padding: 15px 10px 60px; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
#wrapper .ready { -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; transition: .2s all ease-in; }

main#owt-middle-subject { padding: 0px 24px; }

header { height: 100px; max-width: 1170px; width: 100%; }

#owt-top-links > ul > li { padding: 0 10px; display: none; }

span.big-menu-title.button { font-weight: 700; letter-spacing: 3px; font-size: 40px; color: #fff; background-color: #3995c0; display: inline; white-space: nowrap; width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); padding: 10px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; transition: .2s all ease-in; }

div#flexslider, div#mainMenu, div#owb-thumbnails { display: -webkit-box; display: -ms-flexbox; }

#cheap > ul > li:hover, #deluxe > ul > li:hover { -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; }

span.big-menu-title.button:hover { -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; transition: .2s all ease-in; }
span.big-menu-title.button > i { margin-left: 15px; }

#owb-tag-toolbar > a:first-of-type { margin-left: 0px; }

header #search { all: unset; all: initial; all: unset; margin: 5px auto; margin-top: 10px !important; float: none !important; width: 100% !important; background-color: rgba(0, 0, 0, 0); top: 0px; position: relative; }
header #search * { all: unset; all: initial; }
header #search input { all: unset; border: 1px solid #9e9e9e !important; height: 30px !important; font-size: 1.1em; width: 300px !important; padding: 0 0 0 6px; margin-left: 0; background-color: #fff; color: #9e9e9e; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
header #search a { all: unset; background: url(/imgs/rwd-mob-search-btn.svg) center no-repeat #3DAC45 !important; width: 8%; height: 31px !important; padding: 6px 20px; position: relative; top: -.75px; -webkit-appearance: none; margin-left: 5px !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; cursor: pointer; }

span.button > i[class*=ion] { position: relative; top: 2px; }

div#mainMenu { max-width: 1200px !important; margin-top: 20px; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; text-align: center; position: relative; left: -10px; width: 110% !important; z-index: 5000; }
div#mainMenu ul.ddBox.ddPens { height: 0; }

main#owt-middle-subject { top: 45px; position: relative; }

div#owb-thumbnails { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: start; -moz-box-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; }

.tnwrap { width: -webkit-calc(100% / 4); width: -moz-calc(100% / 4); width: calc(100% / 4); padding: 20px 25px 0; height: auto; margin: 10px 0; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }

img#footerLogo { width: 262px; }

a#CartDropdown_UC_CartTopLink_HyperLink { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

div#owt-banner { width: 28% !important; padding-left: 30px; }

img#bannerImg { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); margin-bottom: 12px; position: relative; width: 250px; left: 10px; }

.tndesc { line-height: 115%; font-size: 90%; }

.tnmin.tnmin { margin-top: 0px; margin-bottom: 10px; position: relative !important; }

div#headerticks { width: 280px; display: inline-block; height: 0; margin-left: 25px; margin-top: -15px; position: relative; right: -10px; z-index: 0; pointer-events: none; }
div#headerticks img { max-width: none !important; z-index: 0; }

#hires-img, .extra-controls img { max-width: 100%; }

div#headerticks.animatetick { -webkit-animation: jump 1.5s ease 0s 1 normal forwards; -moz-animation: jump 1.5s ease 0s 1 normal forwards; -o-animation: jump 1.5s ease 0s 1 normal forwards; animation: jump 1.5s ease 0s 1 normal forwards; }
div#flexslider { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; }

ul.ddBox.ddPens { position: absolute; width: 100%; left: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; padding-left: 0; pointer-events: none; z-index: 1; }
ul.otherpens > li, ul.penbrands > li { z-index: 1000; position: relative; }
ul.ddBox.ddPens > li.outer-sub-menu { width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); background-color: #fff; list-style: none; position: relative; top: 60px; padding: 10px 0; text-align: left; display: none; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }

span.big-menu-title.button:first-of-type:hover ~ ul.ddBox.ddPens > li:first-of-type { position: relative; left: -webkit-calc(-100% / 3); left: -moz-calc(-100% / 3); left: calc(-100% / 3); top: 52px; display: block; }
span.big-menu-title.button:nth-of-type(2):hover ~ ul.ddBox.ddPens > li:nth-of-type(2) { position: relative; top: 52px; display: block; }
span.big-menu-title.button:last-of-type:hover ~ ul.ddBox.ddPens:hover > li:last-of-type, span.big-menu-title.button:last-of-type:hover ~ ul.ddBox.ddPens > li:last-of-type { position: relative; right: -webkit-calc(-100% / 3); right: -moz-calc(-100% / 3); right: calc(-100% / 3); top: 51px; height: 430px !important; padding: 0 0 10px !important; border: 1px solid #3097c3; }

li#cheap:hover, li#deluxe:hover { display: block; top: 52px; position: relative; }
li#cheap:hover { left: -webkit-calc(-100% / 3); left: -moz-calc(-100% / 3); left: calc(-100% / 3); }

#cheap > ul > li, #deluxe > ul > li { padding: 10px; }

#cheap > ul > li:hover, #deluxe > ul > li:hover { -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; transition: .2s all ease-in; }

#mainMenu > ul > li:not(:last-of-type) > ul > li > a:hover { background-color: #3097c3 !important; color: #fff !important; width: 100% !important; }

#cheap > ul > li:hover > a, #deluxe > ul > li:hover > a { -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; transition: .2s all ease-in; }

li#more:hover { position: relative; right: -webkit-calc(-100% / 3); right: -moz-calc(-100% / 3); right: calc(-100% / 3); top: 51px; height: 430px; padding: 0 0 10px; border: 1px solid #3097c3; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; }

a.bch, a.bci { color: #3097c3; }

li#more:hover > ul, li#more > ul { display: inline-block; }

#MainContent_Cph_DateHiddenRow_Div { overflow: visible !important; }

span.big-menu-title.button:last-of-type:hover ~ ul.ddBox.ddPens > li:last-of-type { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; }

.macos span.big-menu-title.button:last-of-type:hover ~ ul.ddBox.ddPens > li:last-of-type { top: 51px !important; }

ul.otherpens { width: 50%; text-align: left; display: inline; }
ul.otherpens > li a { cursor: pointer; }
ul.penbrands { width: 40%; display: inline; text-align: right; }
ul.penbrands > li a { cursor: pointer; }

div#mainMenu ul.ddBox.ddPens > * { pointer-events: all; }
div#mainMenu ul.ddBox.ddPens > * * { pointer-events: all; color: #3097c3; }
div#mainMenu ul.ddBox.ddPens > * * #pencilstoo:hover { color: white !important; }
div#mainMenu ul.ddBox.ddPens > * * #pencilstoo:hover i { color: white; }

.dropdown-main.cart-dropdown .dropdown-proceed.quote { background: #FF9800 !important; }

.cart-toolbar.quote { background: #fca944 !important; }
.cart-toolbar.quote:hover { background-color: #fb9212 !important; }
.cart-toolbar.quote:hover .cart-amount.quo-amount { color: #fb9212 !important; }
.cart-toolbar.quote .cart-amount.quo-amount { color: #fca944 !important; }
.cart-toolbar.quote a#CartDropdown_UC_CartProceed_HyperLink { background-color: #fca944 !important; }
.cart-toolbar.quote a#CartDropdown_UC_CartProceed_HyperLink:hover { background-color: #fb9212 !important; }

.progress-bar a.prg-idetails { padding-left: 25px !important; }

_::-webkit-full-page-media, _:future { font-size: 30px !important; }

:root span.big-menu-title.button { font-size: 30px !important; }

div#CartDropdown_UC_CartToolbar_Div { padding-top: 3px; z-index: 25000; }

@media only screen and (min-width: 724px) { a[href^="tel"] { color: #434343; font-family: 'Open Sans' !important; }
  h1.subcatHOne { margin-top: 0px; }
  .thumbv { position: absolute; top: 340px; left: 0; right: 0; margin: 0 auto; }
  .tnmin.tnmin { font-size: 60% !important; bottom: 23px !important; position: absolute !important; }
  .tnprice.tnprice { bottom: initial; bottom: unset; bottom: auto !important; position: absolute; bottom: 45px !important; } }
@media only screen and (min-width: 642px) { select.order-by-list { margin-left: 0px !important; }
  div#owt-bottom-subject > div:not(.hide-on-small) { margin: 0px 20px !important; }
  html.macos > body#bodyTag span.big-menu-title.button { font-size: 30px !important; }
  html.macos > body#bodyTag li.outer-sub-menu[id]:not(:last-of-type) { top: 52px !important; }
  html.macos > body#bodyTag li.outer-sub-menu[id]:not(:last-of-type) > ul > li > a { font-size: 20px !important; }
  html.macos > body#bodyTag li#more.outer-sub-menu[id]:hover { top: 51px !important; }
  html.macos > body#bodyTag span.big-menu-title.button:last-of-type:hover ~ ul.ddBox.ddPens > li:last-of-type { top: 51px !important; } }
li#more > ul { list-style: none; height: 260px; padding: 10px 0; }
li.outer-sub-menu ul { list-style: none !important; padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

select.order-by-list { width: 200px; display: block; margin: 5px 10px; height: 40px; }

div#owb-tag-toolbar > a { display: inline; margin: 5px 10px; }
div#owb-tag-toolbar > span { display: block; }

#pencilstoo { white-space: nowrap; text-align: center !important; padding-left: 0; margin: 0; font-size: 18px; }
#pencilstoo i.ion-edit { font-size: 40px; display: block; }

#breadCrumb span { padding: 10px; }

a.bch, a.bci { padding: 10px; }
a.bch { padding: 10px 0 2.5px; font-weight: 700; }

#breadCrumb span { padding: 10px; font-weight: 700; font-size: 120%; color: #3097c3; }

a.bci { padding: 10px 0 2.5px; font-weight: 600; }

i.ion-edit { padding-top: 5px; }

#mainMenu > ul > li:last-of-type > ul > li > a { all: unset; font-size: 16px; color: #3097c3; font-weight: 700; cursor: pointer; padding-left: 5px !important; padding-right: 5px !important; text-transform: none; }

li.liDerofe { margin-bottom: 6px; }

ul.otherpens > li, ul.penbrands > li { -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; transition: .2s all ease-in; }
ul.otherpens > li > a[href]:hover, ul.penbrands > li > a[href]:hover { background-color: #3097c3 !important; color: #fff !important; -webkit-text-fill-color: white !important; -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; transition: .2s all ease-in; cursor: pointer; }
ul.otherpens > li[onclick]:hover, ul.penbrands > li[onclick]:hover { background-color: #3097c3 !important; color: #fff !important; -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; transition: .2s all ease-in; cursor: pointer; }

#mainMenu > ul > li:not(:last-of-type) > ul > li > a { padding: 10px 20px; }
#mainMenu > ul > li > ul > li > a { font-size: 30px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; color: #3097c3; }
#mainMenu > ul > li:first-of-type > ul, #mainMenu > ul > li:nth-of-type(2) > ul { border: 1px solid #3097c3; padding: 15px 0 10px; position: relative; top: -11px; background-color: #fff; }
#mainMenu > ul > li:not(:last-of-type) > ul > li { padding-top: 18px; }

html body#bodyTag ul.otherpens > h5, html body#bodyTag ul.penbrands > h5 { font-size: 18px; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; margin: 10px -5px !important; color: #3097c3 !important; }

footer.row.collapse { padding: 35px 0; }
footer.row.collapse #owt-bottom-subject > div > ul { padding-left: 0px !important; padding: 0px !important; -webkit-margin-before: 0em !important; -webkit-margin-after: 1em !important; -webkit-margin-start: 0px !important; -webkit-margin-end: 0px !important; -webkit-padding-start: 0px !important; }
footer.row.collapse #owt-bottom-subject > div > ul > li { list-style: none; text-align: center; margin-bottom: 5px; }
footer.row.collapse #owt-bottom-subject > div > ul > li > a { text-decoration: none; font-weight: 700; color: #555; padding-bottom: 2.5px; border-bottom: 2px solid transparent; white-space: nowrap; }
footer.row.collapse #owt-bottom-subject > div > ul > li > a:hover { border-bottom: 2px solid #555; }
footer.row.collapse h5 { font-size: 140%; margin: 5px 0 15px; font-weight: 800; color: #3097c3; text-align: center; }

.tntitle.tntitle.tntitle.tntitle > strong > a[href] { color: #FB8C00; }

div#breadCrumb { font-size: 70%; pointer-events: none; }
div#breadCrumb * { pointer-events: all; }
div#flexslider img { -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25); }

.flexslider { margin: 0 0 40px 0; position: relative; height: auto; overflow: hidden; }

.flexslider:hover ul.flex-direction-nav { opacity: 0.7; }

.flexslider li { list-style-type: none !important; }

.flexslider ul.slides { float: left; padding-left: 0; margin: 0; }

.flexslider ol.flex-control-nav { display: block; float: right; padding-top: 5px; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; z-index: 999; position: absolute; bottom: -25px; right: 0; height: 25px; padding-left: 0; margin: 0; }

.flexslider ol.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; list-style-type: none; margin-top: 5px; }

.flexslider ol.flex-control-nav li a { text-indent: -9999px; width: 9px; height: 9px; display: block; background: #666; background: rgba(194, 194, 194, 0.4); cursor: pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }

.flexslider ol.flex-control-nav li a.flex-active { background: rgba(78, 78, 78, 0.9); cursor: default; }

.flexslider ul.flex-direction-nav { opacity: 0.3; position: absolute; width: 100%; top: 47%; z-index: 0; -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; }

.flexslider ul.flex-direction-nav li { list-style-type: none; }

.flexslider ul.flex-direction-nav li a { text-indent: -9999px; display: block; width: 40px; height: 40px; cursor: pointer; background: url(/imgs/slider-arrows.png) no-repeat; position: absolute; top: 50%; margin-top: -20px; }

.flexslider ul.flex-direction-nav li a.flex-prev { left: 15px; }

.flexslider ul.flex-direction-nav li a.flex-prev:hover { background-position: 0 -50px; }

.flexslider ul.flex-direction-nav li a.flex-next { right: 15px; background-position: -51px 0; }

.flexslider ul.flex-direction-nav li a.flex-next:hover { background-position: -51px -50px; }

.lt-ie10 .flexslider { float: none; }

.lt-ie10 .flexslider ul.slides { z-index: 10000; }

.srchcode { font-size: 75%; font-weight: 600; color: #6b6b6b; }

html > * * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

div#owb-thumbnails:not(.browse-products) .tnwrap.tnwrap.tnwrap:hover { -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.25); -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; transition: .2s all ease-in; }

.tnwrap:after { color: orange; border: 2px solid orange; padding: 2px 10px; font-weight: 600; -webkit-transition: 0.2s all ease-in; -o-transition: 0.2s all ease-in; -moz-transition: 0.2s all ease-in; transition: 0.2s all ease-in; }

.tnwrap:hover:after { color: white; background: orange; -webkit-transition: 0.2s all ease-in; -o-transition: 0.2s all ease-in; -moz-transition: 0.2s all ease-in; transition: 0.2s all ease-in; }

#owb-subcategories > ul > li { padding: 2.5px 0; list-style: circle; }
#owb-subcategories > ul > li > a { color: #3097c3; font-weight: 550; padding: 5px; margin: 5px 0; }
#owb-subcategories > ul > li > a:hover { background-color: #3097c3; color: #fff; }

h1.subcatHOne { text-align: center; }

div#owb-filter-toolbar.isfixed { width: 100% !important; left: 0px; background-color: #faa94e; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 100000; }

.isfixed div#owb-tag-toolbar > span { display: inline; padding-right: 20px; }
.isfixed .po-select { width: auto; display: inline-block; margin: 0px 10px; }
.isfixed span { color: #ffffff; font-weight: 600; text-shadow: 0px 1px 2px #000000cf; }
.isfixed div#owb-tag-toolbar { display: inline-block; position: relative; margin: 0px 10px; }
.isfixed span#MainContent_Cph_ctl02_SortByOnly_Span { display: inline; padding-right: 20px; }
.isfixed select.order-by-list { display: inline; color: #ffffff; font-weight: 600; background-color: #3097c3; border: 4px solid #3097c3; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

div#finalise-buttons * { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-transition: 0.2s all ease-in; -o-transition: 0.2s all ease-in; -moz-transition: 0.2s all ease-in; transition: 0.2s all ease-in; }

a#quote-button:hover img { -webkit-filter: grayscale(1) brightness(200%); filter: grayscale(1) brightness(200%); -ms-filter: grayscale(1) brightness(2); -ms-filter: grayscale(1) brightness(200%); -webkit-transition: 0.2s all ease-in; -o-transition: 0.2s all ease-in; -moz-transition: 0.2s all ease-in; transition: 0.2s all ease-in; }

#finalise-buttons.moved a#quote-button:hover { background-color: #faa94e !important; -webkit-transition: 0.2s all ease-in; -o-transition: 0.2s all ease-in; -moz-transition: 0.2s all ease-in; transition: 0.2s all ease-in; }

#finalise-buttons.moved #quote-button { border: 3px solid #faa94e !important; background: none !important; }

.additional-print-box:after { z-index: -1; background: rgba(0, 0, 0, 0.85); content: ' . '; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; }

html.macos .additional-print-box:after { z-index: -1; background: rgba(0, 0, 0, 0.85); }

html.macos .additional-print-box { margin: 0px !important; padding: 15px; width: 100vw !important; }

.additional-print-box > span, .additional-print-box > h3 { color: white; }

.additional-print-box { position: fixed !important; top: 20% !important; left: 0 !important; right: 0 !important; margin: auto !important; width: 50% !important; padding: 40px; }

.additional-print-box:before { position: absolute; content: '.  '; color: rgba(0, 0, 0, 0); right: 10px; top: 10px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjUgMjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI1IDI1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGQTUwMDt9PC9zdHlsZT48cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjguOCwxOS42IDEyLjcsMTUuNiAxNi43LDE5LjYgMTkuNCwxNi44IDE1LjUsMTIuOSAxOS40LDguOSAxNi43LDYuMiAxMi43LDEwLjEgOC44LDYuMiA2LDguOSAxMCwxMi45IDYsMTYuOCAiLz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==); background-repeat: no-repeat; -webkit-background-size: 60px 60px; -moz-background-size: 60px; -o-background-size: 60px; background-size: 60px; background-position: center; padding: 30px 40px; cursor: pointer; }

.macos select { -webkit-appearance: none; }

select.order-by-list { display: block; color: #ffffff; font-weight: 600; background-color: #3097c3; border: 4px solid #3097c3; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
select:focus, select:active { outline: none; }
select#MainContent_Cph_ctl02_ctl00_ctl00, select.filter-by-list { display: block; color: #ffffff; font-weight: 600; background-color: #3097c3; border: 4px solid #3097c3; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin: 5px 10px; height: 40px; width: 200px; }
select:focus > option { background: #fff !important; color: black; font-weight: 600; }
select:focus > option:checked { background: #808080 !important; color: black; font-weight: 400; }
select:focus > option:checked:hover { background: #808080 !important; color: black; font-weight: 400; }
select:focus > option:hover { background: #fff !important; color: black; font-weight: 600; }
select.editing:focus > option, select.edited:focus > option { background: #E9FFE8 !important; font-weight: 600; }
select.editing:focus > option:checked, select.edited:focus > option:checked { background: #E9FFE8 !important; color: black; font-weight: 400; }
select.editing:focus > option:checked:hover, select.edited:focus > option:checked:hover { background: #E9FFE8 !important; color: black; font-weight: 400; }
select.editing:focus > option:hover, select.edited:focus > option:hover { background: #E9FFE8 !important; font-weight: 600; }
select option:checked, select option:hover { -webkit-box-shadow: 0 0 10px 100px #808080 inset; -moz-box-shadow: 0 0 10px 100px #808080 inset; box-shadow: 0 0 10px 100px #808080 inset; }

::-moz-selection { background: orange; }

::selection { background: orange; }

.po-select > span { padding-right: 10px; }

div#owb-filter-toolbar { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-right: 10px; }

.po-select { display: inline !important; }
.po-select * { display: inline !important; }

div#owb-thumbnails.browse-products .tnwrap { height: 360px !important; }

#mainMenu > ul > li:not(:last-of-type) > ul > li > a { white-space: nowrap; }

.tnprice { color: #1e88e5; }
.tnprice span { color: #333 !important; }
.tnprice span:not([class*=ea]) { color: #1e88e5; }

#price-tabs-1 > ul > li:nth-child(4) { display: none; }

div#price-tabs-2, div#price-tabs-3, div#price-tabs > ul:first-of-type[style*=margin-left] { display: none; }

li#PO_ProductCode_Literal, span.pcode-box { display: none; }

#product-image-box, #product-pricing { width: 50% !important; margin-top: 20px; }

#product-image-box { float: left; padding-top: 5px; text-align: center; position: relative; }

#product-pricing { float: right; padding-top: 5px; }

#main-img-box { position: relative; width: 100%; height: 400px; float: left; cursor: pointer; }

#owt-mainnav #product-h1 { margin: 7px 0 0; padding-bottom: 0; border-bottom: 0; line-height: 100%; text-align: center; }

.pcode { text-align: center; float: none; font-size: .875em; display: inline-block; margin-top: 5px; width: 100%; }

#main-img-box img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
#main-img-box div > img { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; }
#main-img-box:hover div > img { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; }

#product-image-box .extra-product-thumbs { margin-bottom: 5px; }

.addthiswrap { clear: both; margin: 0 auto; padding: 20px 0 0; font-size: .875em; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; }
.addthiswrap a { margin-right: 10px; font-size: .813em; }
.addthiswrap a.addthis_button_facebook { margin-right: 0; }
.addthiswrap a span { margin: 2px 5px 0 0; }

#main-pricing-box { position: relative; padding: 58px 4% 4%; width: 100%; float: right; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; }
#main-pricing-box h2 { margin: 0; position: absolute; top: -1px; left: -1px; width: 100%; color: orange; border-bottom: 0; padding: 11px; text-align: center; font-size: 27px; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; }

#branding-select-box { margin: 5px 0 -1px; font-size: 14px; font-family: "Muli", Muli, verdana, sans-serif !important; width: 100%; height: 40px; position: relative; padding-left: 4%; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; }

#branding-select-radio-box { display: inline-block; zoom: 1; border-bottom: 2px solid #3995c0; width: 100% !important; }

.branding-radio-inner-box { float: left; padding: 6px 19px; background: #ddd; border: 1px solid #c3c3c3; border-bottom: 0; cursor: pointer; }
.branding-radio-inner-box.tab-active { background: #f3f3f3; padding-bottom: 7px; border-color: #d3d3d3; }

.alt-print-box { margin-left: 8px; }

.clickToView { font-size: 70%; margin: 7px 0 0 10px; display: inline-block; float: left; }

#product-pricing-box { background: #f3f3f3; border: 1px solid #d3d3d3; padding: 4% 4% 0%; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-top: -6px; }

#pricing-table-box table { width: 100%; background: #fff; border: 1px solid #d3d3d3; font-size: 15px; border-spacing: 0; }
#pricing-table-box table th { text-align: center; color: orange; padding: 4px 8px; }
#pricing-table-box table td { padding: 14px 10px 10px; text-align: center; font-weight: 500; }
#pricing-table-box table td.qty { border-bottom: 1px solid #e5e5e5; }
#pricing-table-box .pricing-info ul { margin-left: 15px; margin-right: 0; padding-left: 15px; font-size: .813em; }

.applink-colour { color: orange !important; font-weight: 700; cursor: pointer; text-decoration: underline; font-family: "Muli", Muli,Sans-serif; }

#secondary-printing-box { display: none; }

.additional-print-box { margin-top: 10px; width: 104%; margin-left: -2%; display: none; }

#product-pricing .additional-print-box h3 { font-size: 16px; text-align: left; margin-bottom: 0; }
#product-pricing .additional-print-box table { padding: 0; margin-bottom: 20px; border-top: 0; }

#product-enquiry-form #rblNl { border: 0; margin-bottom: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }

#product-pricing .additional-print-box table table { border: 0; margin-bottom: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
#product-pricing .additional-print-box table tr > td { padding: 0; }
#product-pricing .additional-print-box table table td { font-size: 11px; padding: 3px 0; }
#product-pricing table table th { background: orange !important; color: #fff; }

.additional-print-label { display: block; padding: 2px 0; text-align: left; font-size: 12px; }

.additional-print-table { padding: 10px; border: 2px solid #fea937 !important; border-top: 0; text-align: center; font-size: 8.5pt; background-color: #f3f3f3; border-spacing: 0; margin: 10px 0; }
.additional-print-table th { padding: 5px; color: #333; text-align: center; font-size: 10pt; }
.additional-print-table td { padding: 7px; }

#finalise-buttons { float: right; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; padding: 20px 3% 0; }

#order-button, #quote-button { background-color: #3DAC45; width: 48%; float: left; display: block; height: 51px; text-align: center; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; }

#order-button:hover { background-color: #51c159; }

#quote-button { background-color: #4a83c9; }
#quote-button:hover { background-color: #6999d2; }

#product-enquiry-form { float: left; width: 100%; height: auto; margin-top: 20px; padding: 8px 8px 70px; position: relative; display: none; font-family: "Muli", Muli, verdana, sans-serif !important; background: #f3f3f3; border: 1px solid #e5e5e5; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; }
#product-enquiry-form h3, #product-enquiry-form h4 { display: block; float: none; text-align: center; font-weight: 500; margin: 0 0 4px; color: #252525; font-size: 1.5em; font-family: "Muli", Muli, verdana, sans-serif !important; }
#product-enquiry-form h3 { color: #333; width: 100%; position: absolute; top: 5px; left: 0; padding: 8px; font-weight: 400; font-family: "Muli", Muli,Sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; letter-spacing: 0px; }

#product-page #main-pricing-box #po-box1, #product-page #main-pricing-box #po-box2 { width: 50%; margin-top: 0; border: none; background: 0 0; position: static; height: auto; float: left; }

#product-enquiry-form h4 { font-weight: 500; margin-top: 38px; margin-bottom: 15px; font-size: .875em; color: #aaa; letter-spacing: 0; text-align: center; }

#enquiry-form { margin-top: 20px; }

#product-page #main-pricing-box #po-box1 { padding: 0 2%; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; }
#product-page #main-pricing-box #po-box2 { padding: 0 2% 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; }
#product-page #main-pricing-box #po-box2 .mmlbl { font-weight: 400; }

#product-enquiry-form .box1-name, #product-enquiry-form .box2-name, #product-enquiry-form .pfimgdiv, #product-enquiry-form .pnlbl { display: none; }
#product-enquiry-form input[type=email], #product-enquiry-form input[type=tel], #product-enquiry-form input[type=text] { border: 1px solid #d3d3d3; height: 30px; margin-bottom: 8px; padding-left: 6px; color: #444; }
#product-enquiry-form select, #product-enquiry-form textarea { border: 1px solid #d3d3d3; height: 30px; margin-bottom: 8px; padding-left: 6px; color: #444; }
#product-enquiry-form input[type=email], #product-enquiry-form input[type=tel], #product-enquiry-form input[type=text] { font: 300 13px "Frutiger Neue W01 Book",Sans-serif; float: left; clear: both; padding: 0 0 0 7px; }
#product-enquiry-form label { font: 300 13px "Frutiger Neue W01 Book",Sans-serif; float: left; display: block; width: 100%; margin-bottom: 3px; position: static !important; }
#product-enquiry-form label:after { font-size: 16px !important; color: #DA1F1F !important; font-weight: 300 !important; }
#product-enquiry-form label.signlbl { width: auto; }
#product-enquiry-form .rfabs, #product-enquiry-form input, #product-enquiry-form select, #product-enquiry-form textarea { position: static; }
#product-enquiry-form select { padding: 5px; height: 32px; width: 68% !important; font: 300 13px "Frutiger Neue W01 Book",Sans-serif; color: #444; float: left; background-position: 94% 12px; }
#product-enquiry-form textarea { height: 80px !important; width: 80%; padding: 8px !important; font: 300 11px "Frutiger Neue W01 Book", Sans-serif !important; }
#product-enquiry-form textarea.cmmtxt { width: 95% !important; color: #aaa !important; }

#product-page #main-pricing-box #product-enquiry-form .rfabs, #product-page #main-pricing-box #product-enquiry-form input, #product-page #main-pricing-box #product-enquiry-form select, #product-page #main-pricing-box #product-enquiry-form textarea { position: static; }

#product-enquiry-form .rfabs { float: left; margin: -4px 0 4px; width: 100%; font-style: normal; font-size: 10px; color: #DA1F1F !important; }
#product-enquiry-form .radio-box { display: block; width: 100%; }
#product-enquiry-form .radio-label { margin-top: 14px; }
#product-enquiry-form #rblNl input ~ label, #product-enquiry-form .radio-text { float: left; margin: 2px 17px 8px 6px; display: block; width: auto; }
#product-enquiry-form #rblNl input ~ label.emlbl, #product-enquiry-form .radio-text.emlbl { margin-right: 0; }
#product-enquiry-form .bizl, #product-enquiry-form .privlbl { margin-left: 3px !important; }
#product-enquiry-form input[type=radio] { float: left; margin-top: 3px; height: 13px; background: 0 0 !important; }
#product-enquiry-form input[type=checkbox] { background: 0 0 !important; border: none; }
#product-enquiry-form #rblNl { background: 0 0; font-size: 1em !important; float: left; padding-left: 0; margin: 0; height: 25px; width: 100%; }
#product-enquiry-form #rblNl li { background: 0 0; display: block; float: left; padding-left: 0; list-style-type: none; }
#product-enquiry-form #newsletterBox { position: static; height: auto; width: auto; }

#product-page #main-pricing-box #product-enquiry-form .button { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width: 160px; height: 40px; background: orange !important; position: absolute; margin: 10px auto; left: 0; right: 0; top: auto; bottom: 1%; border: none !important; font-family: "Muli", Muli, verdana, sans-serif !important; font-weight: 300; font-size: 16px !important; }
#product-page #main-pricing-box #product-enquiry-form .button:hover { background: #932525 !important; }

#product-enquiry-form .sml-input { width: 30%; clear: right; }
#product-enquiry-form .med-input { width: 65%; }
#product-enquiry-form .large-input { width: 85%; }
#product-enquiry-form .method-box { float: left; width: 100%; position: static; margin-bottom: -16px; }
#product-enquiry-form .method-box.enqnewsletter { margin-bottom: 0; }
#product-enquiry-form .rfvrbl { margin-top: 3px; }

.accordion h3.orange-heading { cursor: pointer; }
.accordion div#product-details > div { margin-top: -2px; margin-bottom: 2px; }

body:not(.tabs):not(.accordion) #product-details > div { width: 32% !important; }

span.product-div-caption { margin-bottom: 10px; }

.product-details-last.columns.large-4.medium-4.small-12 ol { margin-bottom: 5px; }

body.accordion .product-details-heading h3.orange-heading.open:before { content: '\ff0b'; position: absolute; left: 95%; }
body.accordion .product-details-heading h3.orange-heading:before { content: '\2212'; position: absolute; left: 96%; margin-left: 5px; }

div#info-tab > p#details-body > .product-details-body > h4:first-of-type { display: block; }

#product-details { width: 100%; float: left; margin-top: 30px; }
#product-details > div { width: 100% !important; float: left; position: relative; margin-right: 1.5%; padding: 46px 0% 0%; background: #f6f6f6; border: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; }
#product-details > div.product-details-last { margin-right: 0; }
#product-details > div h3:first-child { font-family: "Muli", Muli, verdana, sans-serif !important; font-weight: 400; position: absolute; top: -1px; left: -1px; width: 100%; font-size: 19px; background: #3097c3; color: #fff; margin: 0; padding: 14px; letter-spacing: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; }
#product-details > div h3:first-child:after { content: ""; width: 2px; height: 100%; position: absolute; right: -2px; top: 0; background: #3097c3; }

.tabs #details-body > div > h4 { display: none; }
.tabs p#tabs-wrapper { height: auto; overflow: auto; }
.tabs .product-details-first { width: 100% !important; z-index: 15; }
.tabs .tabs div#product-details > div:not([class*="product-details"]):not(#tablinkwrap).product-details-last.columns.large-4.medium-4.small-12 { z-index: 5; width: 100% !important; }
.tabs div#product-details > p { height: 500px; width: 100% !important; }
.tabs div#product-details > p > div { position: absolute; background-color: white; left: 0px; }
.tabs button.tablink[class*="tablink"] { background: none; border: none; -webkit-appearance: none; border: 2px solid #3995c0; color: #3995c0; padding: 6px 10px; }
.tabs button.tablink[class*="tablink"].active { background: #3995c0; color: white; }

button.tablink:active, button.tablink:focus { outline: none; }

#owt-mainnav #product-h1 { padding: 0px 80px; }

div#tablinkwrap { border-bottom: 2px solid #3995c0 !important; }

div#tablinkwrap > button.tablink { margin-bottom: -2px; }

.tabs div#product-details { padding-left: 50%; margin-top: -45px; }
.tabs div#product-details div:not([class*="product-details"]) > h3:first-of-type { display: none; }
.tabs div#product-details > div:not([class*="product-details"]) { padding-top: 2px; background: none; border: 0; }

.accordion div#product-details { padding-left: 51%; margin-top: -100px; }

.apb .tabs div#product-details, .apb .accordion div#product-details { padding-left: 51%; margin-top: -35px; }

div#product-details > div { margin-top: -2px; }

@media only screen and (min-width: 641px) { div#product-page { position: relative; top: -30px; } }
.tabs .orange-heading:before { content: '' !important; }
.tabs #product-details { width: 100%; float: left; margin-top: 30px; }

#hires-img, #lightbox { left: 0; right: 0; top: 0; bottom: 0; }

#product-details > div b, #product-details > div h4, #product-details > div p + h3 { display: inline-block; font-weight: 400; font-family: "Muli", Muli, verdana, sans-serif !important; letter-spacing: 0px; font-weight: 600; font-size: 16px; margin: 5px 0 7px; color: #555; width: 100%; }
#product-details > div b ~ li { list-style-type: none; }
#product-details > div p { text-align: left; margin-top: 5px; font-size: .875em; }
#product-details > div b ~ li, #product-details > div ol, #product-details > div ul { font-size: .875em; }
#product-details .product-div-caption { margin-top: 15px; display: block; line-height: 100%; }

#hires-img, #lightbox, .show-for-small-only, .show-on-small { display: none; }

svg.at-icon { display: block; }

#product-details .product-div-caption em { font-style: italic; font-size: 80%; }
#product-details > div span { text-align: left; }
#product-details > div ol, #product-details > div ul { margin-left: 5px; margin-right: 0; margin-top: 5px; padding-left: 20px; }

#pof-wrapper > div > strong.pofhead:first-child { letter-spacing: -1px; }

#owt-mainnav #pof-wrapper #pof-finaliseorder input.pofsubmitbtn { width: 172px; height: 42px; color: #fff !important; background: orange !important; font-size: 17px !important; text-align: center; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; float: left; font-family: "Muli", Muli, verdana, sans-serif !important; border: 0 !important; padding-top: 4px; cursor: pointer; }
#owt-mainnav #pof-wrapper #pof-finaliseorder input.pofsubmitbtn:hover { background: #932525 !important; }

#lightbox { position: fixed; width: 100%; height: 100%; background: url(/imgs/lb-bg.png); z-index: 10000; }

#lightbox-img-box { background: url(/imgs/loader.gif) 50% 50% no-repeat #fff; border-top: 50px solid orange; position: relative; margin: 30px auto 0; min-height: 400px; min-width: 300px; max-height: 90%; max-width: 860px; height: 90%; padding: 3%; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; }
#lightbox-img-box a { position: absolute; top: -38px; left: 15px; background: url(/imgs/download.png) center right no-repeat; padding-right: 30px; font-size: .938em; color: #fff; text-decoration: underline; }

#hires-img { position: absolute; margin: auto; max-height: 100%; z-index: 3000; }

#lightbox-close { position: absolute; top: -40px; right: 14px; cursor: pointer; }

.cart-dropdown-outside + #wrapper { margin-top: 0 !important; }

.nomenu #search { display: none !important; }
.nomenu div#headerticks { display: none !important; }
.nomenu div#wrapper { background-color: #fff !important; }

@media only screen and (max-width: 560px) { #Logo_Link:after { display: none !important; content: none !important; }
  body.nomenu header { position: absolute; }
  body.nomenu .cpf-mobile-menu { position: absolute; top: -15px; } }
#wrapper .cart-toolbar-row.user-menu-active, .cart-toolbar-row.user-menu-active { overflow: auto; }

#wrapper .cart-toolbar-row.user-menu-active div#CartDropdown_UC_CartToolbar_Div, .cart-toolbar-row.user-menu-active div#CartDropdown_UC_CartToolbar_Div { padding: 3px 11px !important; top: 67px; right: -10px; -webkit-border-radius: 0px 0 0; -moz-border-radius: 0px 0 0; border-radius: 0px 0 0; z-index: 1; }

#CartDropdown_UC_CartToolbar_Div { position: relative; right: -10px; -webkit-border-radius: 0px 0px 0px 4px; -moz-border-radius: 0px 0px 0px 4px; border-radius: 0px 0px 0px 4px; }

.cart-toolbar .cart-amount { float: left; background: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; width: 18px; height: 18px; display: inline-block; text-align: center; font-size: 100% !important; font-weight: 800 !important; line-height: 115% !important; margin: 3px 5px; color: #3DAC45; }

#wrapper .cart-toolbar-row.user-menu-active div#CartDropdown_UC_CartToolbar_Div .cart-amount, .cart-toolbar-row.user-menu-active div#CartDropdown_UC_CartToolbar_Div .cart-amount { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 700; font-size: 18px; line-height: 100%; }

ul.penbrands > li[onclick]:hover > a > h5#pencilstoo { color: white !important; }
ul.penbrands > li[onclick]:hover > a > h5#pencilstoo > i { color: white !important; }

div#owb-tag-toolbar > a { padding: 5px 5px; background-color: #3097c3; border: 2px solid #3097c3; color: white; font-weight: 600; letter-spacing: 0.75px; -webkit-transition: 0.2s all ease-in; -o-transition: 0.2s all ease-in; -moz-transition: 0.2s all ease-in; transition: 0.2s all ease-in; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; white-space: nowrap; display: inline-block; }
div#owb-tag-toolbar > a:hover { color: #3097c3; background: none; border: 2px solid currentColor; -webkit-transition: 0.2s all ease-in; -o-transition: 0.2s all ease-in; -moz-transition: 0.2s all ease-in; transition: 0.2s all ease-in; }
div#owb-tag-toolbar > a.act-tag { background-color: #7b7b7b; color: white !important; border-color: #7b7b7b; cursor: not-allowed; }

#ie8-msg { position: fixed; top: 0px; left: 0px; z-index: 10001; background: #E45B5B; color: #fff; text-align: center; font: inherit; font-size: 26px; height: 100px; width: 100%; padding-top: 40px; display: none; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; }

html.ie11 div#headerticks, html.ie10 div#headerticks, html.ie9 div#headerticks, html.lt-ie10 div#headerticks { height: 0px; position: relative; display: block; right: -710px; top: -77px; z-index: 0; }
html.ie11 main#owt-middle-subject, html.ie10 main#owt-middle-subject, html.ie9 main#owt-middle-subject, html.lt-ie10 main#owt-middle-subject { visibility: visible !important; }
html.ie11 header #search, html.ie10 header #search, html.ie9 header #search, html.lt-ie10 header #search { top: 5px !important; }
html.ie11 div#CartDropdown_UC_CartToolbar_Div, html.ie10 div#CartDropdown_UC_CartToolbar_Div, html.ie9 div#CartDropdown_UC_CartToolbar_Div, html.lt-ie10 div#CartDropdown_UC_CartToolbar_Div { top: 67px !important; right: -11px !important; }
html.ie11 #MenuSvg, html.ie10 #MenuSvg, html.ie9 #MenuSvg, html.lt-ie10 #MenuSvg { width: 27px; height: 27px; }

.product-details-body { padding-left: 10px; }

@media only screen and (max-width: 1170px) { html.ie11 div#headerticks, html.ie10 div#headerticks, html.ie9 div#headerticks, html.lt-ie10 div#headerticks { display: none !important; }
  html .product-details-body { padding-left: 10px; }
  html div#product-image-box { width: 44% !important; }
  html #pricing-table-box table td { padding: 14px 5px 10px; text-align: center; font-weight: 500; }
  html.ie11 body > #wrapper > header div#search, html.lt-ie10 body > #wrapper > header div#search { right: -9px !important; } }
#main-pricing-box { position: relative; padding: 20px 0% 0%; }

@media only screen and (max-width: 968px) { html.ie11 div#headerticks, html.ie10 div#headerticks, html.ie9 div#headerticks, html.lt-ie10 div#headerticks { display: none !important; }
  html div#product-details { font-size: 90%; }
  html div#branding-select-box div#branding-select-radio-box > div { margin: 2px; padding: 5px 6px; }
  html #pricing-table-box #primary-printing-box table th { text-align: center; color: orange; padding: -1px 8px; }
  html #pricing-table-box table th { text-align: center; color: white; padding: -1px 8px; }
  html span.branding-option { font-size: 85%; } }
div#breadCrumb > a.bci:last-of-type { font-weight: 400; }

.cart-toolbar .cart-dropdown { display: none; position: absolute; top: 30px !important; }

#contact-us-info > table > tbody > tr > td:first-of-type { font-weight: 600; padding-right: 15px; }

@media only screen and (max-width: 1220px) { #wrapper { width: 100%; }
  #CartDropdown_UC_CartToolbar_Div { position: relative; right: -10px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; }
  ie11 #headerticks, ie10 #headerticks, lt-ie10 #headerticks { display: none; }
  form#ContactUs_Form input[type=text], form#ContactUs_Form label:not([for*=rbl]), form#ContactUs_Form textarea { width: 100% !important; }
  span.big-menu-title.button:nth-of-type(2) { padding-left: 25px; }
  span.big-menu-title.button:nth-of-type(2) > i { margin-left: 4px; }
  div#mainMenu { max-width: 1200px !important; width: 100vw !important; }
  div#headerticks { position: absolute; right: 175px; }
  div#CartDropdown_UC_CartToolbar_Div { margin: -15px 0 15px; }
  #owt-banner { max-width: none !important; }
  #owt-banner img { max-width: none !important; }
  header div#search { top: 19px !important; }
  @supports (-ms-ime-align: auto) { div#headerticks { top: 20px; right: 180px !important; float: right; -webkit-transform: scale(0.95) translateX(20px); -moz-transform: scale(0.95) translateX(20px); -ms-transform: scale(0.95) translateX(20px); -o-transform: scale(0.95) translateX(20px); transform: scale(0.95) translateX(20px); }
    header div#search { top: 11px; width: 43% !important; } } }
@media only screen and (max-width: 1177px) { div#CartDropdown_UC_CartToolbar_Div { margin: -15px 0 15px; top: 67px; right: -10px; }
  #owt-banner { max-width: none !important; }
  #owt-banner img { max-width: none !important; } }
@media only screen and (max-width: 1170px) { html body header #search { right: -20px; }
  #hideonmenu { pointer-events: none; }
  #hideonmenu > * { pointer-events: all; }
  div#headerticks { -webkit-transform: scale(0.85) translateY(10px) translateX(40px); -moz-transform: scale(0.85) translateY(10px) translateX(40px); -ms-transform: scale(0.85) translateY(10px) translateX(40px); -o-transform: scale(0.85) translateY(10px) translateX(40px); transform: scale(0.85) translateY(10px) translateX(40px); }
  .tnwrap { width: 24%; height: 305px !important; padding: 0; display: block; margin: 20px 0.5% 35px; clear: none; float: left !important; }
  .tnpic { width: 100%; height: 185px; vertical-align: middle; text-align: center; padding: 0; display: block; position: relative; }
  .tnpic img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-height: 100%; }
  .tntitle { width: 100%; padding: 6px 4px 4px; font: normal 15px "Muli", Muli, Sans-serif; text-align: center; display: table-cell; float: left; line-height: 110%; }
  .tntitle a { text-decoration: none; font-weight: 400; }
  .tndesc { width: 100%; text-align: center; padding: 2px 4px 5px; font-size: 12px; line-height: 120%; display: table-cell; color: #aaa; }
  .tnprice.tnprice { font-family: "Muli", Muli, Sans-serif; font-weight: normal; }
  .tnprice.tnprice span { color: #999; font-weight: normal; }
  .tnmin.tnmin { font-size: 60%; } }
div#mainMenu ul.ddBox.ddPens > li[onclick]:hover h5 { color: white !important; }
div#mainMenu ul.ddBox.ddPens > li[onclick]:hover h5 i { color: white !important; }

.branding-radio-inner-box.tab-active { background: #3995c0; padding-bottom: 7px; border-color: #3995c0; }
.branding-radio-inner-box.tab-active > span.branding-option { color: white; }
.branding-radio-inner-box:not(.tab-active) { border-width: 2px; }
.branding-radio-inner-box:not(.tab-active) > span { color: #3995c0; }

div#secondary-printing-box > table th { color: orange !important; }

#finalise-buttons.moved #quote-button { background-color: #faa94e; }

span.branding-option { color: #ffffff; }

.branding-radio-inner-box { float: left; padding: 6px 19px; background: rgba(0, 0, 0, 0); border: 1px solid #3995c0; border-bottom: 0; cursor: pointer; }

div#branding-select-box div#branding-select-radio-box > div { margin: 1px 5px; padding: 6px; }

#brand-size { padding-top: 17px; }

#branding-select-box { padding-left: 0 !important; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

#product-pricing-box { background: rgba(255, 255, 255, 0); border: 0; border-top: 0 solid #d3d3d3; padding: 4% 4% 0%; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-top: -6px; }

div#finalise-buttons.moved { padding: 0px 0px 20px; }
div#additional-info > div > h4 { margin-top: 0px; }

.branding-radio-inner-box.pri-print-box.tab-active.noclick:after { content: ' Click tabs to view details '; position: absolute; top: -45px; left: 50px; padding-bottom: 20px; padding-left: 70px; white-space: nowrap; font-size: 12px; background-image: url(/imgs/printedpens/printedpens-clicktabs.svg); background-repeat: no-repeat; color: rgba(0, 0, 0, 0); -webkit-background-size: 181px 181px; -moz-background-size: 181px; -o-background-size: 181px; background-size: 181px; pointer-events: none; }

@media only screen and (max-width: 1100px) { .cpform .progress-bar a.prg-idetails { padding-left: 10px !important; }
  .additional-print-box { width: 75% !important; }
  .additional-print-box > * th { color: white !important; }
  .tabs button.tablink[class*="tablink"] { background: none; border: none; -webkit-appearance: none; border: 2px solid #3995c0; color: #3995c0; padding: 6px 3px; }
  html > body > #wrapper > header div#search { left: unset !important; bottom: unset !important; position: absolute !important; float: right !important; width: 354px !important; right: -1px !important; top: 20px !important; }
  html > body > #wrapper > header div#search a { -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; }
  .tnwrap .tnwrap { width: 24%; height: 305px !important; padding: 0; display: block; margin: 20px 0.5% 35px; clear: none; float: left !important; }
  .tnpic { width: 100%; height: 185px; vertical-align: middle; text-align: center; padding: 0; display: block; position: relative; }
  .tnpic img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-height: 100%; }
  .tntitle { width: 100%; padding: 6px 4px 4px; font: normal 15px "Muli", Muli, Sans-serif; text-align: center; display: table-cell; float: left; line-height: 110%; }
  .tntitle a { text-decoration: none; font-weight: 400; }
  .tndesc { width: 100%; text-align: center; padding: 2px 4px 5px; font-size: 12px; line-height: 120%; display: table-cell; color: #aaa; }
  .tnprice.tnprice { font-family: "Muli", Muli, Sans-serif; font-weight: normal; font-size: 12px !important; }
  .tnprice.tnprice span { color: #999; font-weight: normal; }
  .tnmin.tnmin { font-size: 60%; }
  span.big-menu-title.button { padding: 5px 0px !important; padding-top: 8px !important; }
  html.macos span.big-menu-title.button { padding: 13px 0px !important; }
  html.macos .radio-btn-list input[type="radio"] { margin-top: 14px; }
  #contact-us-info > table > tbody > tr > td:nth-child(1) { font-weight: 700; padding-right: 35px; }
  body#bodyTag div#wrapper { -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.5) !important; -moz-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.5) !important; box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.5) !important; }
  div#headerticks { display: none; }
  span.big-menu-title.button { font-size: 30px; padding: 5px 10px; }
  #mainMenu > ul > li > ul > li > a { font-size: 16px; white-space: nowrap; }
  span.big-menu-title.button > i { margin-left: 0; display: none; }
  span.big-menu-title.button:nth-of-type(2) { border-left: 1px solid #fff; border-right: 1px solid #fff; }
  li#cheap:hover, li#deluxe:hover { display: block !important; top: 39px !important; position: relative !important; }
  html body #wrapper li#more, li#more:hover { height: 455px !important; padding-right: 10px !important; }
  #mainMenu > ul > li:last-of-type > ul > li > a { font-size: 13px !important; }
  span.big-menu-title.button:last-of-type:hover ~ ul.ddBox.ddPens > li:last-of-type, span.big-menu-title.button:last-of-type ~ ul.ddBox.ddPens > li:last-of-type { top: 38px !important; }
  li#cheap, li#deluxe { top: 39px !important; position: relative !important; }
  html body header div#search { left: unset !important; bottom: unset !important; position: absolute !important; float: right !important; width: 354px !important; right: -9px !important; top: -13px !important; -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; transition: .2s all ease-in; }
  ul.penbrands > li a { padding-left: 0 !important; padding-right: 10px !important; } }
@media only screen and (max-width: 968px) and (min-width: 642px) { _::-webkit-full-page-media, _:future { padding-top: 30px !important; }
  .macos:root ul.penbrands > li[onclick] { padding-top: 30px !important; }
  .branding-radio-inner-box.alt-print-box:after { display: none; }
  .columns.large-3.medium-3.small-12 { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }
  html.macos > body#bodyTag li.outer-sub-menu[id]:not(:last-of-type) > ul > li > a { font-size: 16px !important; padding: 0px 5px !important; text-align: center !important; }
  html.macos body#bodyTag span.big-menu-title.button { padding: 13px 0px !important; font-size: 24px !important; }
  html.macos body#bodyTag .progress-bar a.prg-idetails { padding-left: 10px !important; } }
@media \\0 screen and (max-width: 968px) and (min-width: 642px) { html.macos body#bodyTag ul.penbrands > li[onclick] { padding-top: 30px !important; } }
@media only screen and (max-width: 968px) and (min-width: 642px) { html.macos body#bodyTag ul.ddBox.ddPens > li.outer-sub-menu#more { position: relative; right: -webkit-calc(-100% / 4.25) !important; right: -moz-calc(-100% / 4.25) !important; right: calc(-100% / 4.25) !important; width: -webkit-calc(100% / 2) !important; width: -moz-calc(100% / 2) !important; width: calc(100% / 2) !important; }
  html.macos body#bodyTag ul.ddBox.ddPens > li.outer-sub-menu#more h5#pencilstoo[id] { font-weight: 800 !important; }
  html.macos body#bodyTag ul.ddBox.ddPens > li.outer-sub-menu#more h5#pencilstoo[id] i.ion-edit { display: block !important; } }
#owt-bottom-subject > div.columns.large-2.medium-2.hide-on-small > p { white-space: nowrap; margin-top: 2.5px; }

text-align:center #owt-bottom-subject > div.columns.large-2.medium-2.hide-on-small > p > p { white-space: nowrap; margin-top: 2.5px; text-align: center; }

@media only screen and (max-width: 968px) { #owt-bottom-subject > div.columns.large-2.medium-2.hide-on-small > p { white-space: nowrap; font-size: 80%; text-align: center; }
  #owt-bottom-subject > div.mobilefooter > p { white-space: nowrap; font-size: 80%; margin-top: 0px; text-align: center; }
  div#owt-bottom-subject { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  span#MainContent_Cph_PO_ClickInstruction_Span.clickToView { display: none; }
  .tnwrap { width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); padding: 20px 25px 0; height: 300px; margin: 20px 0; }
  i.ion-edit { display: none !important; }
  h5#pencilstoo { font-size: 12px !important; font-weight: lighter !important; text-transform: uppercase; }
  div#headerticks { display: none; }
  div#CartDropdown_UC_CartToolbar_Div { margin: -15px 0 15px; }
  div#product-pricing-box table { font-size: 75%; }
  #mainMenu > ul > li:not(:last-of-type) > ul > li { padding-top: 12px; } }
#branding-select-radio-box > div.branding-radio-inner-box > span.fcdp { white-space: pre-wrap; word-wrap: normal; width: 181% !important; line-height: 101%; display: table-caption; text-align: center; padding-left: 32px; margin-left: -43px; }
#branding-select-radio-box > div.branding-radio-inner-box > span.fcdp #pricing-table-box table th { text-align: center; color: orange; padding: -1px 8px; }

@media only screen and (max-width: 848px) { div#branding-select-box div#branding-select-radio-box > div { margin: 1px 2px; padding: 6px 3px; }
  #owt-mainnav #product-h1 { padding: 0px 20px; }
  .tabs button.tablink[class*="tablink"] { font-size: 80%; }
  span.branding-option { font-size: 75%; }
  main#owt-middle-subject { padding: 0px 0px; }
  .tnwrap.tnwrap.tnwrap.tnwrap { width: -webkit-calc(96% / 3) !important; width: -moz-calc(96% / 3) !important; width: calc(96% / 3) !important; width: 32%; padding: 20px 25px 0; height: 360px; margin: 20px 0; }
  .tnwrap.tnwrap.tnwrap.tnwrap .thumbv { position: absolute; top: 342px; left: 0; right: 0; margin: 0 auto; }
  .tnwrap.tnwrap.tnwrap.tnwrap .tnmin.tnmin { font-size: 60% !important; bottom: 23px !important; position: absolute !important; }
  .tnwrap.tnwrap.tnwrap.tnwrap .tnprice.tnprice { bottom: initial; bottom: unset; bottom: auto !important; position: absolute; bottom: 45px !important; }
  #pricing-table-box table td { padding: 14px 3px 10px; text-align: center; font-weight: 500; }
  #more > ul.otherpens > li:nth-child(16) > a { white-space: nowrap; }
  div#product-pricing-box table { font-size: 75%; } }
@media only screen and (max-width: 768px) { span.branding-option { font-size: 90%; } }
@media only screen and (max-width: 724px) { .nomenu header { padding: 0 !important; }
  .flexslider { display: none; }
  .additional-print-box { width: 85% !important; }
  .tabs div#product-details { padding-left: 0% !important; margin-top: 30px !important; }
  body.nomenu .cpf-mobile-menu { position: absolute; top: -15px; }
  html > body > #wrapper > header div#search { width: 310px !important; right: -7px !important; }
  header #search input { width: 250px !important; }
  #mainMenu > ul > li:not(:last-of-type) > ul > li { padding-top: 13px; }
  body.nomenu #Logo_Link:after { content: none; display: none; }
  div#owb-thumbnails { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .tnwrap { width: -webkit-calc(94% / 3) !important; width: -moz-calc(94% / 3) !important; width: calc(94% / 3) !important; padding: 20px 8px 35px !important; height: 100%; margin: 20px 0; }
  html > body#bodyTag #wrapper header span.big-menu-title.button { font-size: 22px !important; padding: 5px 10px; }
  #more > ul.otherpens > li:nth-child(16) > a { white-space: nowrap; }
  div#product-page .columns.large-4.medium-4.small-12, div#product-page .product-details-first.columns.large-4.medium-4.small-12, div#product-page .product-details-last.columns.large-4.medium-4.small-12 { width: 100% !important; }
  div#product-page div#product-image-box, div#product-page div#product-pricing { width: 100% !important; }
  #product-details > div { margin-bottom: 10px; min-height: 0 !important; }
  div#flexslider { display: none; }
  .columns.large-3.medium-4.small-12 > h5 { white-space: nowrap; font-size: 20px; } }
@media only screen and (max-width: 650px) { html > body > #wrapper > header div#search { width: 265px !important; }
  html > body > #wrapper > header div#search input { width: 210px !important; } }
form#ResellerApp_Form input[type=text], form#ResellerApp_Form label, form#ResellerApp_Form textarea { width: 100% !important; text-align: left; }

html body form#ResellerApp_Form input[type*=CheckBox], html body form#ResellerApp_Form label[for*=CheckBox] { width: 20px !important; }

.reseller-form input[type=submit], .reseller-form input[type=reset] { background-color: #2196F3; border: 0; border-bottom: 3px solid #0d47a1; font-weight: 700; color: #fff; }
.reseller-form input[type=submit]:active, .reseller-form input[type=reset]:active { border: 0; outline: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.reseller-form input[type=submit]:focus { outline: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.reseller-form input[type=reset] { background-color: #9E9E9E; border-color: #757575; }
.reseller-form input[type=reset]:focus { outline: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.reseller-form input[type=reset]:active { margin-top: -28px !important; margin-bottom: 0 !important; }

body #contact-us-form input[type=submit] { color: #fff; background: #2196F3; }
body #contact-us-form input[type=submit]:hover { background: #03A9F4; }

.cpc-action-box a, .cpc-action-box span { font-size: 100% !important; font-family: Verdana, Arial !important; }

html body #wrapper ul.colours, html body #wrapper ul.pms-colour-text { display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: -moz-box !important; display: flex !important; -ms-flex-wrap: nowrap !important; -webkit-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
html body #wrapper ul.colours li, html body #wrapper ul.pms-colour-text li { width: -webkit-calc(100% / 7) !important; width: -moz-calc(100% / 7) !important; width: calc(100% / 7) !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -webkit-align-self: center !important; -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; box-sizing: border-box !important; align-self: center !important; margin: 0px !important; line-height: 150%; font-weight: 800; border: none; }

.pms-wrap { all: initial; all: unset; }
.pms-wrap * { all: initial; all: unset; }

div#owt-mainnav .pms-wrap { width: 100%; margin: 0; margin-left: 0 !important; padding: 0; background-color: rgba(0, 0, 0, 0); float: none; border-left: 0px solid #999; border-right: 0px solid #999; border-top: 0px solid #999; border-bottom: 0px solid #999; }

ul.colours { display: inline; list-style: none; float: left; margin: 0; padding: 0; width: 100% !important; }
ul.colours li { display: inline; list-style: none; float: left; width: 13.4% !important; padding: 0; margin: 0 !important; border: 1px solid #fff; }
ul.pms-colour-text { display: inline; list-style: none; float: left; margin: 0; padding: 0; text-align: center; width: 100% !important; }

.pms-colour-text li { display: inline; list-style: none; float: left; margin: 1px 2% !important; padding: 3px 0 3px 0; background-color: #fff; color: #4C5258; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; width: 10% !important; }

#finalise-buttons .order-btn-tooltip { z-index: 25000; }

.mob-quote-amt { display: none; }

.nomenu #owt-mainnav.main-content { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }

.cs-home-btn { background-color: #03A9F4; color: white; }
.cs-home-btn:hover { background-color: #2ebcfc; }

.mobilefooter { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.mobilefooter #footerLogo { width: 100%; max-width: 350px; }
.mobilefooter p { width: 100%; text-align: center; }

::-moz-selection, *::-moz-selection, ::-moz-selection, *::-moz-selection { background-color: orange !important; color: #4487a7 !important; }

::-moz-selection, *::-moz-selection, ::selection, *::selection { background-color: orange !important; color: #4487a7 !important; }

@media only screen and (max-width: 642px) and (max-width: 641px) { div#pricing-table-box h1, div#pricing-table-box h2, div#pricing-table-box h3, div#pricing-table-box h4, div#pricing-table-box h5 { padding-left: 0px; }
  html body div#breadCrumb { top: 7px; }
  .additional-print-box { padding: 0; }
  .additional-print-box:before { top: -24px; }
  html.macos .radio-btn-list input[type="radio"] { margin-top: 0px !important; }
  body.nomenu .cpf-mobile-menu { position: absolute; top: 40px; }
  .subcatHOne { margin-top: 10px; margin-bottom: 10px; }
  .tnwrap.tnwrap.tnwrap.tnwrap { height: 330px; }
  html body div#owb-subcategories { top: 0px; }
  html body div#breadCrumb { top: 7px; }
  h1.browseheader { margin-top: 20px; padding-bottom: 0; }
  .flexslider { display: none; }
  .aboutHeader { padding-left: 0px !important; }
  .thumbv { position: absolute; top: 340px; left: 0; right: 0; margin: 0 auto; }
  .tabs div#product-details { padding-left: 0% !important; margin-top: 30px !important; }
  span.tag-filter { display: block !important; padding-left: 10px; font-weight: 600; }
  .mob-quote-amt:empty { display: none; }
  ::-moz-selection, :-ms-selection, ::-webkit-selection, :-webkit-selection { color: #00b3ff; background: #fea937; }
  *::-moz-selection, *:-ms-selection, *::-webkit-selection, *:-webkit-selection { color: #00b3ff; background: #fea937; }
  ::-moz-selection, ::-moz-selection, :-ms-selection, ::-webkit-selection, :-webkit-selection { color: #00b3ff; background: #fea937; }
  ::-moz-selection, ::selection, :-ms-selection, ::-webkit-selection, :-webkit-selection { color: #00b3ff; background: #fea937; }
  *::-moz-selection, *::-moz-selection, *:-ms-selection, *::-webkit-selection, *:-webkit-selection { color: #00b3ff; background: #fea937; }
  *::-moz-selection, *::selection, *:-ms-selection, *::-webkit-selection, *:-webkit-selection { color: #00b3ff; background: #fea937; }
  ::-moz-selection, *::-moz-selection, ::-moz-selection, *::-moz-selection { background-color: orange !important; color: #4487a7 !important; }
  ::-moz-selection, *::-moz-selection, ::selection, *::selection { background-color: orange !important; color: #4487a7 !important; }
  body.nomenu .user-menu-box.mini-box { display: none; }
  body#bodyTag { background-color: rgba(0, 0, 0, 0) !important; }
  html > body#bodyTag > div#wrapper { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
  div#breadCrumb { position: relative; top: 20px; left: 10px; }
  span#MainContent_Cph_ctl02_SortByOnly_Span { padding-left: 10px; font-weight: 600; }
  form#ctl00 { padding-top: 40px; }
  div#owt-mainnav { padding-top: 20px; }
  .nomenu div#owt-mainnav { padding-top: 0px; }
  #product-details > div b, #product-details > div h4, #product-details > div p + h3 { padding-left: 0px; }
  #MainContent_Cph_AllCartProducts_UC_ConfirmProducts_Repeater_CPCEdit_HyperLink_0, #MainContent_Cph_AllCartProducts_UC_ConfirmProducts_Repeater_CPCRemove_Span_0 { font-size: 140% !important; }
  #finalise-buttons { padding: 20px 0% 0 !important; }
  main#owt-middle-subject { padding: 0px !important; }
  main#owt-middle-subject #main-pricing-box { position: relative; padding: 58px 0% 4%; }
  #product-details > div p, #product-details > div li.pa-body { padding-left: 5px; }
  body#bodyTag.nomenu div#owt-banner { padding-left: 0px !important; }
  html > body > #wrapper #owb-thumbnails .tnwrap > .tndesc.tndesc.tndesc.tndesc { visibility: hidden !important; }
  .branding-radio-inner-box.alt-print-box:after { display: none; content: none; }
  #mobile-categories { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  #mobile-categories a.mobile-category { width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: calc(50% - 10px); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; padding: 100px 10px; padding-bottom: 0 !important; background-repeat: no-repeat; background-position-y: top; background-position-x: center; background-color: #1ea0f6; margin: 5px; }
  #mobile-categories a.mobile-category:hover { background-color: #fca944; -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; transition: .2s all ease-in; }
  #mobile-categories a.mobile-category:hover > span.mobile-category__label { color: black; text-shadow: 0px 0px 1px black; -webkit-transition: 0.2s all ease-in; -o-transition: 0.2s all ease-in; -moz-transition: 0.2s all ease-in; transition: 0.2s all ease-in; }
  #mobile-categories a.mobile-category span.mobile-category__label { font-weight: 400; color: #fff; font-size: 14px; white-space: nowrap; text-transform: uppercase; padding-bottom: 5px; text-align: center; text-shadow: 0px 0px 1px white; -webkit-transition: 0.2s all ease-in; -o-transition: 0.2s all ease-in; -moz-transition: 0.2s all ease-in; transition: 0.2s all ease-in; }
  #mobile-categories a.mobile-category#cheapplastic { background-image: url(/imgs/printedpens/printedpens-cheap-plastic-pen.svg); background-position-x: center; -webkit-background-size: 80px 80px; -moz-background-size: 80px; -o-background-size: 80px; background-size: 80px; background-position-y: 10px; }
  #mobile-categories a.mobile-category#deluxeplastic { background-image: url(/imgs/printedpens/printedpens-deluxe-plastic-pen.svg); background-position-y: 10px; background-position-x: center; -webkit-background-size: 85px 85px; -moz-background-size: 85px; -o-background-size: 85px; background-size: 85px; }
  #mobile-categories a.mobile-category#deluxemetal { background-image: url(/imgs/printedpens/printedpens-deluxe-metal-pen.svg); background-position-y: 10px; background-position-x: center; -webkit-background-size: 85px 85px; -moz-background-size: 85px; -o-background-size: 85px; background-size: 85px; }
  #mobile-categories a.mobile-category#cheapmetal { background-image: url(/imgs/printedpens/printedpens-cheap-metal-pen.svg); -webkit-background-size: 100px 100px; -moz-background-size: 100px; -o-background-size: 100px; background-size: 100px; background-position-y: 10px; background-position-x: center; }
  div#owt-banner { padding-left: 0; }
  div#hideonmenu { pointer-events: none; }
  div#hideonmenu > * { pointer-events: all; }
  h1#homewelcome[style] { display: none; }
  img#bannerImg { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); }
  #owt-bottom-subject div.columns.large-3.medium-4.small-12 > ul > li:last-of-type { margin-bottom: 20px !important; }
  html > body > #wrapper > header div#search { top: 49px !important; left: -8px !important; width: 100% !important; }
  html > body > #wrapper > header div#search input { width: 90% !important; }
  html > body > #wrapper > header div#search a { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-left: 0px !important; height: 20px !important; top: 0.25px !important; }
  img#bannerImg { padding-top: 5px; }
  .tnwrap .tndesc { display: none; }
  html body#bodyTag ul.otherpens > h5, html body#bodyTag ul.penbrands > h5 { font-size: 18px; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; color: #3097c3 !important; padding-left: 5px !important; }
  html body#bodyTag ul.otherpens li > a, html body#bodyTag ul.penbrands li > a { color: white !important; }
  html body#bodyTag #wrapper .penbrands > li { color: #fff !important; }
  html > body#bodyTag > #wrapper > .main-content #more > ul.penbrands > li[class] > a, html > body#bodyTag > #wrapper > .main-content #more > ul.otherpens > li[class] > a { color: #fff !important; -webkit-text-fill-color: white !important; }
  #menu-mob > ul > li.outer-sub-menu#more > ul > li a { color: #fff !important; }
  span.mob-quote-amt.show-for-small-only.show-on-small { position: absolute; right: -10px; top: -12px; padding: 0px 5px; left: unset; }
  .mob-quote-amt:not(:empty) { display: inline; position: absolute; background: none 0% 0%/auto repeat scroll padding-box border-box #3dac45; color: white; width: 20px; line-height: 20px; font-weight: bold; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; right: 46px; height: 20px; padding-left: 0px; }
  body { background-color: #fff !important; }
  body header { background-color: #fff !important; }
  img#footerLogo { width: 262px; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); }
  div#contact-us-form { margin-left: 0px; border-right: 0px; }
  html body header #search input { color: #282828 !important; }
  #owt-bottom-subject, footer.row.collapse owt-bottom-subject > div { -webkit-box-orient: vertical; -webkit-box-direction: column; }
  body { background-image: none !important; }
  body.searchactive .mobile-search { -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform: rotate(-15deg); -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; transition: .2s all ease-in; }
  body .mobile-search { -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; transition: .2s all ease-in; }
  body .mobile-search.mini-box { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; }
  body .mobile-search.mini-box * { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; }
  body .mobile-search.mini-box * * { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; }
  body .user-menu-box.mini-box, body div#menu-mini, body .user-menu-box.mini-box *, body div#menu-mini *, body .user-menu-box.mini-box * *, body div#menu-mini * * { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; }
  body .cpf-mobile-menu { top: 40px !important; position: absolute !important; }
  body header { position: absolute !important; }
  body header:not(.activesearch) #search { display: none; }
  body.searchactive .mobile-search .search-btn-bg { fill: orange !important; stroke: orange !important; }
  body html > body > #wrapper > header.activesearch div#search { top: 49px !important; left: -8px !important; width: 100% !important; }
  body html > body > #wrapper > header.activesearch div#search a { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; right: 3px !important; top: 1px !important; padding: 0 7px !important; height: 41px !important; }
  body html > body > #wrapper > header.activesearch div#search input { width: 80% !important; height: 40px !important; }
  body #search form { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
  body .tnmin.tnmin { margin-top: 0px; bottom: 40px !important; position: relative; }
  body .tnprice.tnprice { bottom: unset; bottom: 35px !important; position: relative; }
  .tnprice { white-space: nowrap; }
  .tnprice * { white-space: nowrap; }
  h5[style="text-align:center;line-height: 125%;margin-top:0px;padding-top:0px;"] { position: relative; top: 40px; padding-left: 0px; margin-bottom: 55px; }
  html body header div#hideonmenu div#mainMenu.columns.large-6.medium-6.mobile-menu.main-menu { display: none !important; }
  body.nomenu div#menu-user, body.nomenu nav.progress-bar { display: none; }
  .reseller-column.columns.large-6.medium-12.small-12 { width: 100% !important; }
  form#ResellerApp_Form input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=reset]):not([value=Reset]), form#ResellerApp_Form label:not([for*=Check]):not([for*=radio]) { width: 100% !important; text-align: left; }
  input#MainContent_Cph_LogicQuestion_TextBox { width: 100% !important; }
  textarea#MainContent_Cph_Address_TextArea, textarea#MainContent_Cph_Comments_TextBox { width: 100% !important; }
  form#ResellerApp_Form label[for*=Check] { width: 100% !important; white-space: nowrap; font-size: 80%; margin-right: 10px; }
  li#cheap::before, li#deluxe::before { color: #2499c6 !important; font-size: 18px; font-weight: 800; letter-spacing: 1px; margin-top: 10px; text-transform: uppercase; }
  .reseller-form input[type=checkbox] { margin-left: 0 !important; }
  body.nomenu main#owt-middle-subject { top: 0; position: relative; }
  body main#owt-middle-subject { top: 35px; position: relative; }
  body header { position: fixed !important; left: 0 !important; border-bottom: 1px solid #9E9E9E; -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.25); }
  body.nomenu #Logo_Link:after { content: none; display: none; }
  body.nomenu div#owt-banner { left: -10px; }
  body.nomenu #Logo_Link { display: -webkit-box; display: -ms-flexbox; -webkit-box-pack: center; }
  footer.row.collapse owt-bottom-subject > div { display: -webkit-box; display: -ms-flexbox; -webkit-box-pack: center; }
  body.nomenu #Logo_Link { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
  div#owt-banner { z-index: -1; }
  html body nav#menu-mob span.big-menu-title.button { display: none !important; }
  html body nav#menu-mob > ul { display: block; z-index: 1250; padding-top: 25px; }
  span#CartDropdown_UC_CartAmount_Span { display: none; }
  div#mob-menu-btn-box { display: block; }
  html body header #search input { width: 220px !important; }
  footer.row.collapse owt-bottom-subject > div { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; }
  #owt-bottom-subject { display: -webkit-box; display: -ms-flexbox; -webkit-box-pack: center; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; }
  #owt-bottom-subject > div.columns.large-2.medium-2.hide-on-small { display: -webkit-box; display: -ms-flexbox; -webkit-box-pack: center; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  #owt-bottom-subject > div.columns.large-2.medium-2.hide-on-small > p { width: 100% !important; text-align: center; }
  #mobile-categories { display: -webkit-box; display: -ms-flexbox; -webkit-box-pack: center; }
  .columns.large-4.medium-4.hide-on-small { display: -webkit-box; display: -ms-flexbox; -webkit-box-pack: center; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  .columns.large-4.medium-4.hide-on-small p { width: 100%; text-align: center; }
  html body header div#search { right: 5px !important; width: 280px !important; }
  #menu-mob > ul > li.outer-sub-menu { display: block; border: 0 !important; padding: 0 !important; }
  #menu-mob > ul > li.outer-sub-menu > ul { display: block; }
  #menu-mob > ul > li.outer-sub-menu > ul > li { padding: 0 !important; display: block !important; }
  #menu-mob > ul > li.outer-sub-menu > ul > li > a { padding: 5px; }
  nav#menu-mob * { pointer-events: all; pointer-events: auto; }
  li#cheap:hover { all: unset !important; top: 39px !important; left: unset !important; position: relative !important; display: block !important; }
  html body #wrapper li#more { all: unset !important; position: relative !important; top: 40px !important; }
  html body #wrapper li#more:hover { all: unset !important; position: relative !important; top: 40px !important; }
  li#deluxe::before { content: "Deluxe Pens" !important; display: block !important; }
  li#cheap::before { content: "Cheap Pens" !important; display: block !important; }
  #menu-mob > ul > li a { color: #fff !important; }
  html body #menu-mob > ul > li > ul.otherpens > li > a[href], html body #menu-mob > ul > li > ul.penbrands > li > a[href] { color: #fff !important; }
  nav#menu-mob { z-index: 3000 !important; position: fixed !important; top: 0 !important; padding: 0 10px !important; }
  #menu-mob > ul > li.outer-sub-menu#more > ul { display: inline-block; text-align: left !important; width: 100%; }
  #menu-mob > ul > li.outer-sub-menu#more > ul.penbrands { display: block; padding-top: 10px !important; }
  #menu-mob > ul > li.outer-sub-menu#more > ul h5 { margin-top: 10px !important; text-align: left !important; }
  #menu-mob > ul > li.outer-sub-menu#more > ul > li a { padding-left: 5px !important; }
  html body header div div#menu-mini svg .mini-menu-bg { fill: #2196F3; stroke: #2196F3; stroke-width: 1; -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; transition: .2s all ease-in; }
  html body header div div#menu-mini svg .mini-menu-bg:nth-of-type(2) { stroke-width: .75; -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; transition: .2s all ease-in; }
  div#menu-mini.open-menu-toggle svg#MenuSvg { overflow: visible !important; }
  html body header div div#menu-mini.mini-box.open-menu-toggle svg .mini-menu-bg { fill: #ffa943; stroke: #ffa943; stroke-width: 1; -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; transition: .2s all ease-in; }
  html body header div div#menu-mini.mini-box.open-menu-toggle svg .mini-menu-bg:nth-of-type(2) { stroke-width: .75; display: none; -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; transition: .2s all ease-in; }
  div#menu-mini { -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; -webkit-transform: rotateZ(0deg) translateY(0px) translateX(0px) !important; -moz-transform: rotateZ(0deg) translateY(0px) translateX(0px) !important; -ms-transform: rotate(0deg) translateY(0px) translateX(0px) !important; -o-transform: rotateZ(0deg) translateY(0px) translateX(0px) !important; transform: rotateZ(0deg) translateY(0px) translateX(0px) !important; }
  div#menu-mini.mini-box:not(.open-menu-toggle) svg .mini-menu-bg { -webkit-transform: rotateZ(0deg) translateY(0px) translateX(0px) !important; -moz-transform: rotateZ(0deg) translateY(0px) translateX(0px) !important; -ms-transform: rotate(0deg) translateY(0px) translateX(0px) !important; -o-transform: rotateZ(0deg) translateY(0px) translateX(0px) !important; transform: rotateZ(0deg) translateY(0px) translateX(0px) !important; -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; }
  html body header div div#menu-mini.mini-box.open-menu-toggle svg .mini-menu-bg:first-of-type { -webkit-transform: rotateZ(45deg) translateY(-2px) translateX(2px); -moz-transform: rotateZ(45deg) translateY(-2px) translateX(2px); -ms-transform: rotate(45deg) translateY(-2px) translateX(2px); -o-transform: rotateZ(45deg) translateY(-2px) translateX(2px); transform: rotateZ(45deg) translateY(-2px) translateX(2px); }
  html body header div div#menu-mini.mini-box.open-menu-toggle svg .mini-menu-bg:last-of-type { -webkit-transform: rotateZ(-45deg) translateX(-13px) translateY(-4px); -moz-transform: rotateZ(-45deg) translateX(-13px) translateY(-4px); -ms-transform: rotate(-45deg) translateX(-13px) translateY(-4px); -o-transform: rotateZ(-45deg) translateX(-13px) translateY(-4px); transform: rotateZ(-45deg) translateX(-13px) translateY(-4px); }
  html body header div div#menu-mini.mini-box:not(.open-menu-toggle) svg .mini-menu-bg:first-of-type, html body header div div#menu-mini.mini-box:not(.open-menu-toggle) svg .mini-menu-bg:last-of-type { -webkit-transform: rotateZ(0deg) translateX(0px) translateY(0px) !important; -moz-transform: rotateZ(0deg) translateX(0px) translateY(0px) !important; -ms-transform: rotate(0deg) translateX(0px) translateY(0px) !important; -o-transform: rotateZ(0deg) translateX(0px) translateY(0px) !important; transform: rotateZ(0deg) translateX(0px) translateY(0px) !important; }
  #cheap > ul > li, #deluxe > ul > li { -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; transition: .2s all ease-in; }
  #cheap > ul > li:hover, #deluxe > ul > li:hover { background-color: #0f9bc9; -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; transition: .2s all ease-in; }
  div#menu-mini.mini-box:not(.open-menu-toggle) svg .mini-menu-bg { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; transition: .2s all ease-in; }
  #menu-mob > ul > li a { font-weight: 600; font-size: 14px; }
  #menu-mob ul li.outer-sub-menu li:first-of-type { border-top: 1px solid #656565; }
  div#menu-mini { -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; transition: .2s all ease-in; }
  #mobile-categories a.mobile-category:hover { -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; }
  div#menu-mini.open-menu-toggle { -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; position: fixed !important; right: 25px; transition: .2s all ease-in; }
  #menu-mob > ul > li.outer-sub-menu > ul > li[onclick] { margin-bottom: 10px; }
  div#hideonmenu { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
  h5#pencilstoo br { display: none; }
  h5#pencilstoo i.ion-edit { display: block !important; }
  h1, h2, h3, h4, h5 { padding-left: 10px; }
  #owt-bottom-subject > div > h5 { padding-left: 0px; }
  #menu-mob > ul > li.outer-sub-menu#more > ul h5#pencilstoo { text-align: center !important; font-size: 18px !important; }
  #mobile-categories { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  #mobile-categories a.mobile-category { width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: calc(50% - 10px); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; padding: 100px 10px; padding-bottom: 0 !important; background-repeat: no-repeat; background-position-y: top; background-position-x: center; background-color: #1ea0f6; margin: 5px; }
  #mobile-categories a.mobile-category:hover { background-color: #1ea0f6; background-repeat: repeat; -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; transition: .2s all ease-in; }
  #mobile-categories a.mobile-category:nth-child(1):hover, #mobile-categories a.mobile-category:nth-child(4):hover { background-repeat: repeat; -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; transition: .2s all ease-in; }
  #mobile-categories a.mobile-category span.mobile-category__label { font-weight: 800; color: #fff; text-transform: uppercase; padding-bottom: 5px; text-align: center; }
  #mobile-categories a.mobile-category#cheapplastic { background-image: url(/imgs/printedpens/printedpens-cheap-plastic-pen.svg); }
  #mobile-categories a.mobile-category#deluxeplastic { background-image: url(/imgs/printedpens/printedpens-deluxe-plastic-pen.svg); }
  #mobile-categories a.mobile-category#deluxemetal { background-image: url(/imgs/printedpens/printedpens-deluxe-metal-pen.svg); }
  #mobile-categories a.mobile-category#cheapmetal { background-image: url(/imgs/printedpens/printedpens-cheap-metal-pen.svg); }
  .activesearch .mobile-search .search-btn-bg, .mobile-search .search-btn-bg { fill: #009af6 !important; stroke: #009af6; -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; transition: .2s all ease-in; }
  .user-menu-box.mini-box .user-menu-bg { fill: #009af6 !important; stroke: #009af6; -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; transition: .2s all ease-in; }
  .user-menu-box.open-menu-toggle .user-menu-bg { fill: orange !important; stroke: orange !important; -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; transition: .2s all ease-in; } }
select#MainContent_Cph_ProductColour_DDL { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); }
select#MainContent_Cph_ProductColour_DDL:active, select#MainContent_Cph_ProductColour_DDL:hover, select#MainContent_Cph_ProductColour_DDL:focus { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); }

#mobile-categories { display: none; }

@media only screen and (max-width: 600px) { body#bodyTag { padding-top: 0px; }
  body#bodyTag.nomenu.confirmpage h1#MainContent_Cph_ConfirmOrder_Legend, body#bodyTag.submitted h1.h1-cart-submit, body#bodyTag div#MainContent_Cph_Form_UpdatePanel { margin-top: 35px; }
  body#bodyTag.nomenu header { position: absolute !important; } }
@media only screen and (max-width: 550px) { #MainContent_Cph_PO_ClickInstruction_Span { display: none; }
  html body#bodyTag .tnmin.tnmin { margin-top: 0; }
  div#owt-banner { width: 75% !important; padding-left: 0px; }
  #owb-thumbnails > .tnwrap.tnwrap { width: -webkit-calc(95% / 2) !important; width: -moz-calc(95% / 2) !important; width: calc(95% / 2) !important; }
  div#menu-mini.mini-box:not(.open-menu-toggle) { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; }
  #pricing-table-box table td { padding: 0; font-size: 90%; text-align: center; font-weight: 600; }
  .alt-print-box { margin-left: 5px; padding-left: 5px; padding-right: 5px; }
  .branding-radio-inner-box { padding: 5px; }
  #pricing-table-box table th { padding: 3px !important; }
  table.additional-print-table thead th { font-size: 110% !important; font-weight: 600; }
  table.additional-print-table table[summary] tbody td { font-size: 105% !important; }
  #mobile-categories { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  #mobile-categories a.mobile-category { width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: calc(50% - 10px); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; padding: 100px 10px; padding-bottom: 0 !important; background-repeat: no-repeat; background-position-y: top; background-position-x: center; background-color: #1ea0f6; margin: 5px; }
  #mobile-categories a.mobile-category:hover { background-color: #fca944; background-repeat: repeat; -webkit-transition: .2s all ease-in; -o-transition: .2s all ease-in; -moz-transition: .2s all ease-in; transition: .2s all ease-in; }
  #mobile-categories a.mobile-category:hover > span.mobile-category__label { color: black; text-shadow: 0px 0px 1px black; -webkit-transition: 0.2s all ease-in; -o-transition: 0.2s all ease-in; -moz-transition: 0.2s all ease-in; transition: 0.2s all ease-in; }
  #mobile-categories a.mobile-category span.mobile-category__label { font-weight: 400; color: #fff; font-size: 14px; white-space: nowrap; text-transform: uppercase; padding-bottom: 5px; text-align: center; text-shadow: 0px 0px 1px white; -webkit-transition: 0.2s all ease-in; -o-transition: 0.2s all ease-in; -moz-transition: 0.2s all ease-in; transition: 0.2s all ease-in; }
  #mobile-categories a.mobile-category#cheapplastic { background-image: url(/imgs/printedpens/printedpens-cheap-plastic-pen.svg); background-position-x: center; -webkit-background-size: 80px 80px; -moz-background-size: 80px; -o-background-size: 80px; background-size: 80px; background-position-y: 10px; }
  #mobile-categories a.mobile-category#deluxeplastic { background-image: url(/imgs/printedpens/printedpens-deluxe-plastic-pen.svg); background-position-y: 10px; background-position-x: center; -webkit-background-size: 85px 85px; -moz-background-size: 85px; -o-background-size: 85px; background-size: 85px; }
  #mobile-categories a.mobile-category#deluxemetal { background-image: url(/imgs/printedpens/printedpens-deluxe-metal-pen.svg); background-position-y: 10px; background-position-x: center; -webkit-background-size: 85px 85px; -moz-background-size: 85px; -o-background-size: 85px; background-size: 85px; }
  #mobile-categories a.mobile-category#cheapmetal { background-image: url(/imgs/printedpens/printedpens-cheap-metal-pen.svg); -webkit-background-size: 100px 100px; -moz-background-size: 100px; -o-background-size: 100px; background-size: 100px; background-position-y: 10px; background-position-x: center; }
  .branding-radio-inner-box.other-print-box[for*="info"] { padding: 6px !important; } }
div#owb-thumbnails.browse-products > .tnwrap { height: 400px !important; }

a.tmImg { border: 1px solid #3097c3; color: white; padding: 2px 10px; background: #3097c3; font-weight: 600; -webkit-transition: 0.2s all ease-in; -o-transition: 0.2s all ease-in; -moz-transition: 0.2s all ease-in; transition: 0.2s all ease-in; }

a.tmImg:hover { color: #3097c3; background: none; -webkit-transition: 0.2s all ease-in; -o-transition: 0.2s all ease-in; -moz-transition: 0.2s all ease-in; transition: 0.2s all ease-in; }

.tnwrap.tnwrap.tnwrap { width: 24%; height: 375px !important; padding: 0 !important; display: block !important; margin: 20px 0.5% 35px !important; clear: none !important; float: left !important; border: 1px solid orange; }

.tnpic.tnpic.tnpic { width: 100% !important; height: 185px !important; vertical-align: middle !important; text-align: center !important; padding: 0 !important; display: block !important; position: relative !important; }
.tnpic.tnpic.tnpic img { position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; margin: auto !important; max-height: 100% !important; }

.tntitle.tntitle.tntitle { width: 100% !important; padding: 6px 4px 4px !important; text-align: center !important; display: table-cell !important; float: left !important; line-height: 110% !important; }
.tntitle.tntitle.tntitle a { text-decoration: none !important; font-weight: 400 !important; }

.tndesc.tndesc.tndesc { width: 100% !important; text-align: center !important; padding: 2px 4px 5px !important; font-size: 12px !important; line-height: 150% !important; display: table-cell !important; color: #777 !important; }

.tnprice.tnprice { font-family: "Muli", Muli, Sans-serif !important; font-weight: normal; }
.tnprice.tnprice span { color: #999; font-weight: normal; }

.tnmin.tnmin { font-size: 60% !important; }

div#branding-select-box div#branding-select-radio-box > div { margin: 2px 2.5px; padding: 6px 10px; }

@media only screen and (max-width: 500px) { span.branding-option { font-size: 68%; } }
@media only screen and (max-width: 480px) { html > body > #wrapper #owb-thumbnails > .tnwrap { width: 47% !important; }
  html > body > #wrapper #owb-thumbnails > .tnwrap .tnprice.tnprice { position: absolute !important; bottom: 60px !important; }
  html > body > #wrapper #owb-thumbnails > .tnwrap .tnmin.tnmin { bottom: 30px !important; position: absolute !important; }
  html > body > #wrapper #owb-thumbnails > .tnwrap .tndesc.tndesc.tndesc { width: 100% !important; text-align: center !important; padding: 2px 70px 5px !important; }
  html > body > #wrapper #owb-thumbnails > .tnwrap .tndesc { display: none !important; } }
@media only screen and (max-width: 450px) { #branding-select-box { margin-top: 16px !important; }
  #owt-mainnav #product-h1 { padding: 0px 15px; }
  #owt-banner { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); left: -80px; padding-left: 50px !important; }
  #owt-banner img#bannerImg { padding-top: 0px; padding-bottom: 5px; } }
@media only screen and (max-width: 385px) { div#branding-select-box div#branding-select-radio-box > div { margin: 1px; padding: 6px 2px; margin: 1px 1px; padding: 5px 3px !important; }
  #pricing-table-box table.additional-print-table { width: 100%; background: #fff; border: 2px solid #fea937; font-size: 15px; border-spacing: 0; }
  div#owb-thumbnails { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
  .tnprice { font-size: 75%; }
  .tndesc { display: none !important; }
  .tabs button.tablink[class*="tablink"] { font-size: 75%; }
  html > body > #wrapper #owb-thumbnails > .tnwrap { height: 325px !important; }
  html > body > #wrapper #owb-thumbnails > .tnwrap > .thumbv { top: 290px; }
  #branding-select-radio-box > div.branding-radio-inner-box > span.fcdp { white-space: pre-wrap; word-wrap: normal; width: 148% !important; padding-left: 24px; margin-left: -25px; line-height: 115%; margin-top: 7px; }
  #mobile-categories a.mobile-category span.mobile-category__label { font-weight: 400; color: #fff; font-size: 12px; white-space: pre-wrap; }
  div#owt-banner { width: 75% !important; padding-left: 50px; } }
@media only screen and (max-width: 370px) { html > body#bodyTag .tnwrap.tnwrap.tnwrap { margin: 20px 5px 35px !important; }
  html > body#bodyTag .tnwrap.tnwrap.tnwrap .tnprice { font-size: 70% !important; } }
@media only screen and (max-width: 340px) { .additional-print-box { width: 100% !important; } }
@-webkit-keyframes jump { 1% { -webkit-transform: translateX(1000px); transform: translateX(1000px); }
  20%,37% { -webkit-transform: translateY(0); transform: translateY(0); }
  40%,99% { -webkit-transform: translateX(0); transform: translateX(0); } }
@-moz-keyframes jump { 1% { -webkit-transform: translateX(1000px); -moz-transform: translateX(1000px); transform: translateX(1000px); }
  20%,37% { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); }
  40%,99% { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } }
@-o-keyframes jump { 1% { -webkit-transform: translateX(1000px); -o-transform: translateX(1000px); transform: translateX(1000px); }
  20%,37% { -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  40%,99% { -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } }
@keyframes jump { 1% { -webkit-transform: translateX(1000px); -moz-transform: translateX(1000px); -o-transform: translateX(1000px); transform: translateX(1000px); }
  20%,37% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  40%,99% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } }
.user-menu-box.open-menu-toggle { -o-animation: bagDrop linear .5s; animation: bagDrop linear .5s; -o-animation-iteration-count: 1; animation-iteration-count: 1; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-animation: bagDrop linear .5s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 0 0; -moz-animation: bagDrop linear .5s; -moz-animation-iteration-count: 1; -moz-transform-origin: 0 0; }

@-moz-keyframes bagDrop { 0%,100% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); }
  25% { -webkit-transform: translate(0, -34px); -moz-transform: translate(0, -34px); transform: translate(0, -34px); }
  50% { -webkit-transform: translate(0, 21px); -moz-transform: translate(0, 21px); transform: translate(0, 21px); }
  86% { -webkit-transform: translate(0, 5px); -moz-transform: translate(0, 5px); transform: translate(0, 5px); } }
@-o-keyframes bagDrop { 0%,100% { -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
  25% { -webkit-transform: translate(0, -34px); -o-transform: translate(0, -34px); transform: translate(0, -34px); }
  50% { -webkit-transform: translate(0, 21px); -o-transform: translate(0, 21px); transform: translate(0, 21px); }
  86% { -webkit-transform: translate(0, 5px); -o-transform: translate(0, 5px); transform: translate(0, 5px); } }
@keyframes bagDrop { 0%,100% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
  25% { -webkit-transform: translate(0, -34px); -moz-transform: translate(0, -34px); -o-transform: translate(0, -34px); transform: translate(0, -34px); }
  50% { -webkit-transform: translate(0, 21px); -moz-transform: translate(0, 21px); -o-transform: translate(0, 21px); transform: translate(0, 21px); }
  86% { -webkit-transform: translate(0, 5px); -moz-transform: translate(0, 5px); -o-transform: translate(0, 5px); transform: translate(0, 5px); } }
@-webkit-keyframes bagDrop { 0%,100% { -webkit-transform: translate(0, 0); }
  25% { -webkit-transform: translate(0, -34px); }
  50% { -webkit-transform: translate(0, 21px); }
  86% { -webkit-transform: translate(0, 5px); } }
@-moz-keyframes bagEmpty { 0%,100%,99% { -webkit-transform: translate(0, 0) rotate(0) scaleX(1) scaleY(1); -moz-transform: translate(0, 0) rotate(0) scaleX(1) scaleY(1); transform: translate(0, 0) rotate(0) scaleX(1) scaleY(1); }
  20% { -webkit-transform: translate(0, 20px) rotate(-159deg) scaleX(0.5) scaleY(0.5); -moz-transform: translate(0, 20px) rotate(-159deg) scaleX(0.5) scaleY(0.5); transform: translate(0, 20px) rotate(-159deg) scaleX(0.5) scaleY(0.5); }
  40% { -webkit-transform: translate(0, 13px) rotate(-159deg) scaleX(0.5) scaleY(0.5); -moz-transform: translate(0, 13px) rotate(-159deg) scaleX(0.5) scaleY(0.5); transform: translate(0, 13px) rotate(-159deg) scaleX(0.5) scaleY(0.5); }
  52% { -webkit-transform: translate(-11px, 30px) rotate(-159deg) scaleX(0.5) scaleY(0.5); -moz-transform: translate(-11px, 30px) rotate(-159deg) scaleX(0.5) scaleY(0.5); transform: translate(-11px, 30px) rotate(-159deg) scaleX(0.5) scaleY(0.5); }
  61% { -webkit-transform: translate(1px, 10px) rotate(-160deg) scaleX(0.5) scaleY(0.5); -moz-transform: translate(1px, 10px) rotate(-160deg) scaleX(0.5) scaleY(0.5); transform: translate(1px, 10px) rotate(-160deg) scaleX(0.5) scaleY(0.5); }
  70%,86% { -webkit-transform: translate(-10px, 35px) rotate(-160deg) scaleX(0.5) scaleY(0.5); -moz-transform: translate(-10px, 35px) rotate(-160deg) scaleX(0.5) scaleY(0.5); transform: translate(-10px, 35px) rotate(-160deg) scaleX(0.5) scaleY(0.5); } }
@-o-keyframes bagEmpty { 0%,100%,99% { -webkit-transform: translate(0, 0) rotate(0) scaleX(1) scaleY(1); -o-transform: translate(0, 0) rotate(0) scaleX(1) scaleY(1); transform: translate(0, 0) rotate(0) scaleX(1) scaleY(1); }
  20% { -webkit-transform: translate(0, 20px) rotate(-159deg) scaleX(0.5) scaleY(0.5); -o-transform: translate(0, 20px) rotate(-159deg) scaleX(0.5) scaleY(0.5); transform: translate(0, 20px) rotate(-159deg) scaleX(0.5) scaleY(0.5); }
  40% { -webkit-transform: translate(0, 13px) rotate(-159deg) scaleX(0.5) scaleY(0.5); -o-transform: translate(0, 13px) rotate(-159deg) scaleX(0.5) scaleY(0.5); transform: translate(0, 13px) rotate(-159deg) scaleX(0.5) scaleY(0.5); }
  52% { -webkit-transform: translate(-11px, 30px) rotate(-159deg) scaleX(0.5) scaleY(0.5); -o-transform: translate(-11px, 30px) rotate(-159deg) scaleX(0.5) scaleY(0.5); transform: translate(-11px, 30px) rotate(-159deg) scaleX(0.5) scaleY(0.5); }
  61% { -webkit-transform: translate(1px, 10px) rotate(-160deg) scaleX(0.5) scaleY(0.5); -o-transform: translate(1px, 10px) rotate(-160deg) scaleX(0.5) scaleY(0.5); transform: translate(1px, 10px) rotate(-160deg) scaleX(0.5) scaleY(0.5); }
  70%,86% { -webkit-transform: translate(-10px, 35px) rotate(-160deg) scaleX(0.5) scaleY(0.5); -o-transform: translate(-10px, 35px) rotate(-160deg) scaleX(0.5) scaleY(0.5); transform: translate(-10px, 35px) rotate(-160deg) scaleX(0.5) scaleY(0.5); } }
@keyframes bagEmpty { 0%,100%,99% { -webkit-transform: translate(0, 0) rotate(0) scaleX(1) scaleY(1); -moz-transform: translate(0, 0) rotate(0) scaleX(1) scaleY(1); -o-transform: translate(0, 0) rotate(0) scaleX(1) scaleY(1); transform: translate(0, 0) rotate(0) scaleX(1) scaleY(1); }
  20% { -webkit-transform: translate(0, 20px) rotate(-159deg) scaleX(0.5) scaleY(0.5); -moz-transform: translate(0, 20px) rotate(-159deg) scaleX(0.5) scaleY(0.5); -o-transform: translate(0, 20px) rotate(-159deg) scaleX(0.5) scaleY(0.5); transform: translate(0, 20px) rotate(-159deg) scaleX(0.5) scaleY(0.5); }
  40% { -webkit-transform: translate(0, 13px) rotate(-159deg) scaleX(0.5) scaleY(0.5); -moz-transform: translate(0, 13px) rotate(-159deg) scaleX(0.5) scaleY(0.5); -o-transform: translate(0, 13px) rotate(-159deg) scaleX(0.5) scaleY(0.5); transform: translate(0, 13px) rotate(-159deg) scaleX(0.5) scaleY(0.5); }
  52% { -webkit-transform: translate(-11px, 30px) rotate(-159deg) scaleX(0.5) scaleY(0.5); -moz-transform: translate(-11px, 30px) rotate(-159deg) scaleX(0.5) scaleY(0.5); -o-transform: translate(-11px, 30px) rotate(-159deg) scaleX(0.5) scaleY(0.5); transform: translate(-11px, 30px) rotate(-159deg) scaleX(0.5) scaleY(0.5); }
  61% { -webkit-transform: translate(1px, 10px) rotate(-160deg) scaleX(0.5) scaleY(0.5); -moz-transform: translate(1px, 10px) rotate(-160deg) scaleX(0.5) scaleY(0.5); -o-transform: translate(1px, 10px) rotate(-160deg) scaleX(0.5) scaleY(0.5); transform: translate(1px, 10px) rotate(-160deg) scaleX(0.5) scaleY(0.5); }
  70%,86% { -webkit-transform: translate(-10px, 35px) rotate(-160deg) scaleX(0.5) scaleY(0.5); -moz-transform: translate(-10px, 35px) rotate(-160deg) scaleX(0.5) scaleY(0.5); -o-transform: translate(-10px, 35px) rotate(-160deg) scaleX(0.5) scaleY(0.5); transform: translate(-10px, 35px) rotate(-160deg) scaleX(0.5) scaleY(0.5); } }
@-webkit-keyframes bagEmpty { 0%,100%,99% { -webkit-transform: translate(0, 0) rotate(0) scaleX(1) scaleY(1); }
  20% { -webkit-transform: translate(0, 20px) rotate(-159deg) scaleX(0.5) scaleY(0.5); }
  40% { -webkit-transform: translate(0, 13px) rotate(-159deg) scaleX(0.5) scaleY(0.5); }
  52% { -webkit-transform: translate(-11px, 30px) rotate(-159deg) scaleX(0.5) scaleY(0.5); }
  61% { -webkit-transform: translate(1px, 10px) rotate(-160deg) scaleX(0.5) scaleY(0.5); }
  70%,86% { -webkit-transform: translate(-10px, 35px) rotate(-160deg) scaleX(0.5) scaleY(0.5); } }

/*# sourceMappingURL=printedpens.css.map */