@font-face {
    font-family: 'source_sans_proregular';
    src: url(./sourcesanspro-regular-webfont.eot);
    src: url(./sourcesanspro-regular-webfont.eot?#iefix) format("embedded-opentype"), url(./sourcesanspro-regular-webfont.woff2) format("woff2"), url(./sourcesanspro-regular-webfont.woff) format("woff"), url(./sourcesanspro-regular-webfont.ttf) format("truetype"), url(./sourcesanspro-regular-webfont.svg#source_sans_proregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'source_sans_probold';
    src: url(./sourcesanspro-bold-webfont.eot);
    src: url(./sourcesanspro-bold-webfont.eot?#iefix) format("embedded-opentype"), url(./sourcesanspro-bold-webfont.woff2) format("woff2"), url(./sourcesanspro-bold-webfont.woff) format("woff"), url(./sourcesanspro-bold-webfont.ttf) format("truetype"), url(./sourcesanspro-bold-webfont.svg#source_sans_probold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'source_sans_prosemibold';
    src: url(./sourcesanspro-semibold-webfont.eot);
    src: url(./sourcesanspro-semibold-webfont.eot?#iefix) format("embedded-opentype"), url(./sourcesanspro-semibold-webfont.woff2) format("woff2"), url(./sourcesanspro-semibold-webfont.woff) format("woff"), url(./sourcesanspro-semibold-webfont.ttf) format("truetype"), url(./sourcesanspro-semibold-webfont.svg#source_sans_prosemibold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'arialregular';
    src: url(./arial-regular-webfont.eot);
    src: url(./arial-regular-webfont.eot?#iefix) format("embedded-opentype"), url(./arial-regular-webfont.woff2) format("woff2"), url(./arial-regular-webfont.woff) format("woff"), url(./arial-regular-webfont.ttf) format("truetype"), url(./arial-regular-webfont.svg#arialregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'arialbold';
    src: url(./arial-bold-webfont.eot);
    src: url(./arial-bold-webfont.eot?#iefix) format("embedded-opentype"), url(./arial-bold-webfont.woff2) format("woff2"), url(./arial-bold-webfont.woff) format("woff"), url(./arial-bold-webfont.ttf) format("truetype"), url(./arial-bold-webfont.svg#arialbold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'roboto_condensedregular';
    src: url(robotocondensed-regular-webfont.eot);
    src: url(robotocondensed-regular-webfont.eot?#iefix) format("embedded-opentype"), url(robotocondensed-regular-webfont.woff2) format("woff2"), url(robotocondensed-regular-webfont.woff) format("woff"), url(robotocondensed-regular-webfont.ttf) format("truetype"), url(robotocondensed-regular-webfont.svg#roboto_condensedregular) format("svg");
    font-weight: 400;
    font-style: normal
}

body,
html {
    height: 100%;
    background-color: #fff;
    margin: 0;
    padding: 0;
    border: 0
}

html {
    -ms-overflow-style: scrollbar
}

body,
button,
input,
select,
textarea {
    font-family: arial, verdana, helvetica, sans-serif;
    color: #2c3e49;
    font-size: 11px
}

a:active,
a:hover,
a:link,
a:visited {
    color: #043fa0;
    text-decoration: underline
}

a:hover {
    color: #000;
    text-decoration: underline
}

h1 {
    margin: 8px 0!important;
    padding: 18px 0 0;
    font-size: 24px!important;
    color: #527c00!important;
    font-weight: 700!important;
    font-family: arial
}

/* Product/page green heading: balance the padding (base h1 is 18px top / 0 bottom,
   which drops the text to the bottom of the box) - 5px top and 5px bottom. */
h1.green {
    padding: 5px 0
}

hr {
    border: 0;
    border-bottom: 1px solid #888;
    margin: 20px 0 10px;
    padding: 0;
    height: 0
}

hr.style-two {
    border: 0;
    height: 2px;
    margin: 0;
    padding: 0;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

form {
    margin: 0
}

img,
table {
    border: 0
}

em {
    font-style: italic
}

strong {
    font-weight: 700
}

.clearing {
    height: 0;
    font-size: 0;
    clear: both
}

.valign-middle {
    vertical-align: middle
}

.valign-middle-adv-lvl1 {
    height: 100%;
    display: table
}

.valign-middle-adv-lvl2 {
    display: table-cell;
    vertical-align: middle
}

.halign-center,
.halign-center-noscript {
    display: table;
    margin: 0 auto;
    text-align: center
}

.center {
    text-align: center
}

.right-box {
    width: 100%;
    text-align: right;
    background: #f6f6f6;
    border: 1px solid #aeaeae;
    padding: 8px 0
}

.text-block {
    margin-bottom: 15px;
    font-family: 'source_sans_proregular'
}

.text-pre-block {
    margin-top: 15px
}

.nowrap {
    white-space: nowrap
}

.width-100 {
    padding-bottom: 0;
    width: 100%
}

.page-break {
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    page-break-after: always
}

.pointer {
    cursor: pointer
}

.overflow {
    position: relative;
    margin-right: 20px;
    padding-bottom: 20px;
    overflow: auto
}

.hidden {
    display: none
}

label {
    vertical-align: bottom;
    line-height: 15px
}

label input {
    margin: 0;
    vertical-align: bottom
}

label.input-block {
    vertical-align: middle;
    line-height: 21px
}

label.input-block input,
label.input-block select {
    vertical-align: middle
}

.input-row label,
label.input-row {
    float: left;
    padding-right: 20px
}

.plain-box {
    display: block;
    padding-bottom: 15px
}

.plain-box .label-title {
    display: block
}

.default-value {
    color: #aaa
}

.underline {
    text-decoration: underline
}

.dotted {
    text-decoration: none!important;
    border-bottom: 1px dotted #888
}

.toggle-link {
    background: url(/skin/common_files/images/arrow_down.png) right 8px no-repeat;
    padding-right: 15px
}

.cursor-hover:hover {
    border: 1px solid #1a478f!important
}

.input-style,
input[type=password],
input[type=text],
select,
textarea {
    border: 1px solid #bbb;
    padding: 2px;
    background: #fff;
    font-family: 'source_sans_proregular'
}

input[type=password]:focus,
input[type=text]:focus,
select:focus,
textarea:focus {
    border: 1px solid #999
}

.error-message {
    color: #b51a00
}

input.err,
select.err,
textarea.err {
    border: 1px solid #b51a00;
    background-color: #f7f3f3
}

div.error-message {
    margin: 0 0 15px
}

.form-text {
    color: #112536;
    font-weight: 700
}

.list-item a:link,
.list-item a:visited,
a.list-item:link,
a.list-item:visited {
    color: #043fa0;
    text-decoration: none
}

.list-item a:hover,
a.list-item:hover {
    color: #2863c2;
    text-decoration: underline
}

.list-item a:active,
a.list-item:active {
    color: #043fa0;
    text-decoration: none
}

tr.head-row th {
    background: #ccc;
    font-weight: 700
}

tr.center-row th {
    text-align: center
}

div.ajax-popup-error-message {
    padding: 0 5px;
    margin: 10px 0;
    display: none
}

div.ajax-popup-error-message span {
    float: left;
    margin: 0 10px 0 3px
}

.currency {
    white-space: nowrap
}

input.datepicker-formatted {
    border: 1px solid #bbb;
    margin-right: 5px
}

input.datepicker-formatted[disabled] {
    background: #fff;
    color: #bbb
}

input.zipcode {
    width: 100px
}

input.zip4 {
    width: 60px
}

span.validate-mark {
    margin: 0;
    padding: 0;
    vertical-align: middle
}

span.validate-mark img {
    width: 15px;
    height: 15px;
    margin-left: 3px
}

span.validate-matched img {
    background: url(/skin/common_files/images/icon_ok.png) left top no-repeat
}

span.validate-non-matched img {
    background: url(/skin/common_files/images/icon_nok.png) left top no-repeat
}

#page-container {
    min-height: 100%;
    position: relative;
    max-width: 95%;
    margin: 0 auto
}

.checkout-container .minicart-box {
    top: 119%;
}

#content-container {
    clear: both;
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 10px;
    margin-top: 115px
}

#content-container2 {
    float: left;
    position: relative;
    right: 100%;
    width: 200%
}

#center {
    float: left;
    position: relative;
    width: 50%;
    left: 50%
}

#left-bar {
    float: left;
    position: relative;
    width: 195px;
    margin-left: 6px
}

#right-bar {
    float: right;
    right: 6px;
    position: relative;
    width: 150px
}

#center-main {
    margin: 0;
    position: relative;
    overflow: hidden
}

#header {
    height: 125px;
    position: absolute!important;
    top: 0;
    left: 0;
    width: 100%
}

.rtl {
    direction: rtl
}

#header .line1 {
    position: relative;
    height: auto;
    display: inline-block;
    direction: ltr;
    padding-top: 10px;   /* match live site (was 5px) */
    width: 100%
}

#header .line1 .banner {
    position: absolute;
    top: 7px;
    right: 6px;
    width: auto;
    direction: rtl
}

.minicart.ajax-minicart-icon {
    cursor: pointer
}

.login-signin {
    font-family: 'source_sans_proregular';
    font-size: 15px;
    position: relative;
    top: 3px;   /* nudge sign in / register down 3px */
}

#horizontal-menu {
    list-style: none;
    font-size: 12px;
    font-weight: 700;
    background: transparent;
    z-index: 1000;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

#horizontal-menu li {
    cursor: pointer;
    list-style: none;
    float: left;
    position: relative;
    padding: 5px 8px 1px;
    background: url(/skin/common_files/images/horizontal_menu_item.png) left top repeat-x;
    color: #000;
    height: 20px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    margin-right: 5px;
}

#horizontal-menu li.orange:hover,
#horizontal-menu li:hover,
.horizontal-menu-li-hover {
    color: #0063af;
    background: #fff
}

#horizontal-menu li a:active,
#horizontal-menu li a:hover,
#horizontal-menu li a:link,
#horizontal-menu li a:visited {
    text-decoration: none;
    color: #661A1A
}

#horizontal-menu li a:hover {
    color: #0063af
}

#horizontal-menu li div {
    display: none;
    padding: 0;
    white-space: nowrap;
    margin-top: 2px
}

#horizontal-menu li.orange:hover div,
#horizontal-menu li:hover div,
.horizontal-menu-li-hover-div {
    display: block;
    position: absolute;
    left: -1px;
    top: 16px;
    background: #fff;
    border: 1px solid #aaa;
    border-top: 0 none;
    min-width: 170px
}

#horizontal-menu li div a,
#horizontal-menu li.orange div a {
    font-size: 12px;
    display: block;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    float: none!important
}

#horizontal-menu li.orange {
    height: 17px;
    background: url(/skin/common_files/images/head_linebg.gif) left top repeat-x;
    font-weight: 700
}

#horizontal-menu li.orange a:active,
#horizontal-menu li.orange a:hover,
#horizontal-menu li.orange a:link,
#horizontal-menu li.orange a:visited {
    color: #FFF
}

#horizontal-menu li.orange:hover a:active,
#horizontal-menu li.orange:hover a:hover,
#horizontal-menu li.orange:hover a:link,
#horizontal-menu li.orange:hover a:visited {
    color: #f26202
}

#horizontal-menu li div a.support-link:hover {
    background: url(/skin/common_files/images/external_link.gif) no-repeat 96% #c2d5e4
}

#horizontal-menu li div a:active,
#horizontal-menu li div a:hover,
#horizontal-menu li div a:link,
#horizontal-menu li div a:visited,
#horizontal-menu li.orange div a:active,
#horizontal-menu li.orange div a:hover,
#horizontal-menu li.orange div a:link,
#horizontal-menu li.orange div a:visited,
#horizontal-menu li.orange:hover div a:active,
#horizontal-menu li.orange:hover div a:hover,
#horizontal-menu li.orange:hover div a:link,
#horizontal-menu li.orange:hover div a:visited {
    color: #003072;
    text-decoration: none;
    font-weight: 400
}

#horizontal-menu li div a.support-link {
    background: url(/skin/common_files/images/external_link.gif) no-repeat 96% #e3ebf6
}

#horizontal-menu li div a:hover {
    background: #e3ebf6
}

#horizontal-menu li.orange div a {
    background: url(/skin/common_files/images/external_link.gif) no-repeat 96% #e3ebf6
}

.tabs {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    height: 25px;
    width: 80%;
    text-align: right
}

.tabs ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.tabs li {
    float: right;
    margin: 0 1px 0 0;
    padding: 0;
    background: url(/skin/common_files/images/tab_r.png) right top no-repeat;
    height: 25px
}

.tabs a {
    display: block;
    background: url(/skin/common_files/images/tab_l.png) left top no-repeat;
    margin: 0 5px 0 0;
    padding: 5px 10px 5px 15px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: #253161;
    text-decoration: none;
    font-weight: 700;
    font-size: 11px;
    height: 25px;
    outline-style: none
}

.tabs a:hover {
    color: #2863c2
}

#header .phones {
    position: absolute;
    right: 10px;
    top: 25px;
    height: 42px;
    vertical-align: middle;
    line-height: 42px;
    color: #5480a2;
    text-align: right;
    white-space: nowrap;
    font-size: 11px
}

#header .phones span {
    padding-left: 15px
}

#header .line2 {
    position: relative;
    height: auto;
    min-height: 27px;
    width: 100%;
    background: none;
    border: none;
    padding: 0;
}

#header .line2 div,
#header .line2 span {
    color: #000
}

#header .line2 a {
    color: #fff;
    text-transform: uppercase;
    font-family: 'source_sans_prosemibold';
    text-decoration: none
}

#header .line2 a:hover {
    text-decoration: underline
}

.menu_chkout a {
    font-size: 19px!important
}

#header .line2 .full-mini-cart a {
    color: #000;
    font-size: 12px
}

#header .line2 a:hover {
    color: #fff;
    text-align: underline
}

#header div.search {
    position: static;
    left: auto;
    width: 100%;
    top: 0;
    height: 39px;
    line-height: 25px;
    vertical-align: middle
}

/* header search box: match live-site position (flush to column, no offset) */
#header .line1 div.search {
    position: relative;   /* anchor the magnifier button to the search box */
    margin-top: 0;
    margin-left: 0;
    width: 100%;
}
/* header logo: match live-site position (flush-left, no top pad).
   Overrides common_files/css/main.css `#header .line1 .logo{padding-top:9px;margin-left:27px;width:auto}`.
   Higher specificity (div.logo) so it wins regardless of aggregation order. */
#header .line1 div.logo {
    margin-left: 0;
    padding-top: 0;
    width: 25%;   /* restore bootstrap col width (live renders 342px); common_files forces width:auto */
}
/* magnifier button: sit at the search box's right corner, vertically centered */
#header .line1 input.image-button {
    top: 2px;
    right: 1px;
}
/* header search input: 3px shorter */
#header .line1 input.text {
    height: 42px;
}
/* "Enter Keyword" placeholder: slightly gray (match live site) */
#header .line1 input.text::-webkit-input-placeholder { color: #999; opacity: 1; }
#header .line1 input.text::-moz-placeholder { color: #999; opacity: 1; }
#header .line1 input.text:-ms-input-placeholder { color: #999; }
#header .line1 input.text::placeholder { color: #999; opacity: 1; }

/* second-row section body text: match live (live body is 14px; test body is 11px) */
.row.second-row .horizondal-line,
.row.second-row .image_list li {
    font-size: 14px;
    line-height: 1.43;
}

#header span.search {
    font-size: 12px;
    padding-left: 20px;
    padding-right: 5px;
    font-weight: 700
}

#header input.text {
    width: 100%;
    padding: 8.5px 4px;
    height: 45px
}

#header input.text2 {
    width: 69%;
    height: 43px;
    padding-left: 5px
}

#header a.search {
    text-decoration: underline
}

#header div.toplinks {
    position: absolute;
    top: 0;
    left: 400px;
    height: 39px;
    line-height: 25px;
    vertical-align: middle
}

#header div.toplinks a:link,
#header div.toplinks a:visited {
    font-weight: 700;
    color: #000;
    text-decoration: none;
    font-size: 12px
}

#header div.toplinks a:active,
#header div.toplinks a:hover {
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    font-size: 12px
}

#header div.rightlinks {
    position: absolute;
    top: 0;
    right: 5px;
    height: 39px;
    line-height: 25px;
    vertical-align: middle
}

#header div.rightlinks a:link,
#header div.rightlinks a:visited {
    font-weight: 700;
    color: #661A1A;
    text-decoration: none;
    font-size: 12px
}

#header div.rightlinks a:active,
#header div.rightlinks a:hover {
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    font-size: 12px
}

.search_new {
    position: relative
}

#header input[type=text] {
    border: 4px solid #a1ba58;
    font-size: 15px;
    line-height: 0
}

#header button.simple-button {
    vertical-align: middle;
    margin-bottom: 3px;
    margin-right: 3px
}

#header button.simple-button img {
    margin-left: 0
}

#header .languages {
    position: absolute;
    top: 7px;
    right: 20px;
    text-align: right;
    vertical-align: middle
}

#header .languages-flags,
#header .languages-row {
    top: 9px
}

#header .languages-flags a,
#header .languages-flags strong {
    padding-left: 5px;
    padding-right: 5px
}

#header .languages label {
    line-height: 21px;
    vertical-align: middle;
    font-size: 12px
}

#header .languages select {
    margin-left: 5px
}

#header .line3 {
    position: relative;
    width: 100%;
    height: 39px;
    text-align: right
}

.printable-bar a {
    background: url(../images/printer.png) no-repeat 0 0;
    padding: 2px 20px 6px 33px;
    color: #262626;
    font-size: 13px;
    line-height: 16px;
    text-decoration: none;
    white-space: nowrap;   /* keep "Printable version" on one line (its col-md-2 box was wrapping it) */
}

div.printable-bar {
    float: right;
    padding: 5px 34px;   /* was 11px — halved so the breadcrumb/printable bar isn't too thick */
    background: #ebebeb
}

/* Un-clip the footer. A base-layout rule pins #footer to height:39px; position:absolute; overflow:hidden,
   which hid the Help / News / Reviews / Stay In Touch columns (they render but get clipped). Restore
   normal flow so the full footer shows like the live site. */
body #footer {
    position: static !important;
    height: auto !important;
    overflow: visible !important;
    float: none !important;
    display: block !important;
    width: 100%;
}
/* 1px left divider on each of the four footer columns; keep the menu-dialog box border off */
#footer .left-border { border-left: 1px solid #d2d2d2; }
#footer .menu-dialog { border: none; }

/* Footer font sizes to match live: Help links stay 13px (from .menu-dialog ul li a); News and
   Reviews widgets go to 14px (their text was inheriting the 11px body size). The author/date in
   the reviews widget keep their own 10px rule. */
#footer .menu-news { font-size: 14px; }
#footer .menu-reviews-section { font-size: 14px; }

/* Reviews widget body at 12px: the product title, the review text, the ....more.... / ....less....
   toggle, and the "Read more product reviews" / "Read all reviews" links.
   Sized on the .acr-comment CONTAINER rather than on .tp-readmore-text, because the expander only
   wraps content it actually truncates — short reviews are left untouched and have no
   .tp-readmore-text span, so styling just the span would render short reviews 14px and long ones
   12px. The toggle inherits from the container, so it needs no rule of its own.
   Scoped to #footer on purpose: .tp-readmore is a reusable component, and a font-size baked into
   it would follow it into product descriptions. Plain rules (no !important) — nothing sets a
   font-size on these elements, they were only inheriting the 14px above, and a direct rule always
   beats an inherited one. */
#footer .acr-product-title,
#footer .acr-product-title a { font-size: 12px; }
#footer .acr-comment { font-size: 12px; }
#footer .acr-link,
#footer .acr-link a { font-size: 12px; }

/* Reviews widget: thumbnail sits to the LEFT of the star rating, on the row BELOW the title, so
   the title gets the full column width (see customer_reviews_menu.tpl for the markup).
   Flex rather than the module's float:left, so the stars centre against the taller thumbnail and
   no clearing div is needed between them.
   - .acr-image width:auto !important — the skin forces width:100% on the thumbnail between
     1101-1495px (see the @media block further down, inherited from live's main.css). That existed
     to give the long title its own row; the title now has one by structure, and left at 100% the
     image would eat the flex row and push the stars off it.
   - .acr-rating overflow:hidden — the stars inside .acr-vote-bar are float:left, so the box
     collapses to 0 content height (it measured 5px = its padding alone). overflow:hidden makes it
     a block formatting context so it actually wraps the stars, which align-items:center needs. */
#footer .acr-media-row { display: flex; align-items: center; }
#footer .acr-media-row .acr-image { float: none; width: auto !important; flex: 0 0 auto; }
#footer .acr-media-row .acr-rating { overflow: hidden; padding-top: 0; }

/* Spread Help / News / Reviews / Stay In Touch evenly across the full page width.
   The wrapper is a flex row (see bottom.tpl); drop the Bootstrap float and force equal
   quarters on desktop, letting them wrap 2-up / stacked on smaller screens. */
.footer-cols { display: flex; flex-wrap: wrap; width: 100%; }
.footer-cols > div { float: none; }
@media (min-width: 992px) {
    .footer-cols > div { flex: 1 1 25%; max-width: 25%; }
}
/* Drop the tall forced min-height on the footer columns so they end ~one line below their
   content instead of leaving a big empty block at the bottom. */
#footer .left-border { min-height: 0 !important; padding-bottom: 0; }
/* Tighten the Stay In Touch column (the tallest one, which sets the footer height): shrink the
   margin around the address image / Authorize.Net seal so the page ends ~one line below it. */
#footer .phone { margin-top: 2px; margin-bottom: 6px; }

#footer .box {
    width: 100%;
    border: none;
    padding: 0
}

#footer .subbox {
    background: url(../images/footer_border.png) no-repeat;
    color: #fff;
    height: 40px;
    vertical-align: middle;
    padding: 0;
    position: relative;
    background-size: cover
}

#footer .subbox .left {
    line-height: 40px;
    vertical-align: middle;
    text-align: center
}

#footer .subbox .right {
    background: 0 0;
    position: absolute;
    right: 12px;
    top: 0;
    text-align: right;
    line-height: 40px;
    vertical-align: middle
}

#footer .subbox a {
    color: #667d92;
    text-decoration: underline
}

#footer .subbox a:hover {
    text-decoration: none
}

#location {
    min-height: 25px;
    line-height: 15px;
    margin-bottom: 10px;
    font-size: 11px;
    color: #818891
}

/* Breadcrumb — "Green accent": ancestor crumbs are green semibold links (underline on hover);
   current page is bold black; chevron '›' separators. The chevron is injected via CSS ::before so
   we don't depend on the breadcrumbs_separator config (still '-->'); the '-->' text is hidden with
   font-size:0. (This is the skin's improved design - deliberately nicer than live's plain '-->'.)
   #location0 / .printable-bar keep their slimmed vertical padding so the bar stays thin. */
font.bread-crumb,
a.bread-crumb {
    font-size: 13px;
    text-decoration: none;
}
a.bread-crumb {
    color: #5c7d22;
    font-weight: 600;
}
a.bread-crumb:hover {
    text-decoration: underline;
}
font.last-bread-crumb {
    color: #111;
    font-weight: 700;
}

#location span {
    padding: 0 5px
}

/* chevron '›' separators (replaces the '-->' text) */
#location0 > span {
    font-size: 0;
    padding: 0 9px;
}
#location0 > span::before {
    content: '\203A';
    font-size: 14px;
    color: #b5b5b5;
}

/* Center the breadcrumb text + the printable link vertically in the gray bar. The row is two
   Bootstrap columns (breadcrumb / printable) of unequal height; flexing the wrapper with
   align-items:center lines them up on the bar's centre line instead of top-aligning the shorter
   one. flex-wrap keeps them stacking on narrow (col-xs-12) screens. (Replaces the wrapper's old
   inline display:inline-block — see bread_crumbs.tpl .bread-row.) */
.bread-row { display: flex; align-items: center; flex-wrap: wrap; }

/* ============================================================================
   PRINT STYLESHEET — makes EVERY page print as a clean, branded document.
   Fired by the browser's print (Ctrl+P) and by the "Printable version" link,
   which now calls window.print() (see customer/printable_link.tpl) instead of
   the old, broken server-side ?printable=Y route.
   Strategy: hide all site chrome + interactive controls, flatten the skin's
   absolute / double-width centering hacks to a single full-width column, and
   print the page's real content (H1 + product / category / help body) in black
   on white under a simple TonerPirate header.
   ============================================================================ */
@media print {
  /* --- hide site chrome, navigation and interactive controls ---
     (body #footer, not #footer: an earlier un-clip rule sets `body #footer{display:block!important}`
     which out-specifies a bare #footer, so the footer would otherwise still print.) --- */
  #header, body #footer, .menu-container, .bread-row, .printable-bar,
  .pf-inline, .banner-black, .browse_products,
  .no-print, .eu-cookie, #dialog-message,
  #tabs-container_product, select,
  button, input[type="button"], input[type="submit"], input[type="image"],
  a.simple-button, a.button, div.button, .add2cart, .qty,
  .menu_checkout_cart, .checkout_menu, .menu-minicart, .desktop_view {
    display: none !important;
  }

  /* --- flatten the layout hacks: one static, full-width column --- */
  html, body {
    background: #fff !important;
    margin: 0 !important; padding: 0 !important; width: auto !important;
  }
  #page-container, #page-container2,
  #content-container, #content-container2,
  #center, #center-main, #center2 {
    position: static !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    left: 0 !important; right: 0 !important;
    margin: 0 !important; padding: 0 !important;
    overflow: visible !important;
    box-shadow: none !important;
  }

  /* --- simple branded print header at the top of the document --- */
  #content-container::before {
    content: "TonerPirate.com";
    display: block;
    font: 700 20px/1.2 Arial, sans-serif;
    color: #000;
    margin: 0 0 12px;
    padding-bottom: 6px;
    border-bottom: 2px solid #000;
  }

  /* --- readable black-on-white body, no link/box chrome --- */
  body, body * {
    color: #000 !important;
    background: transparent !important;
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a { color: #000 !important; text-decoration: none !important; }
  h1, .green { color: #000 !important; font-size: 20px !important; margin: 6px 0 10px !important; }
  #center-main { font-family: Arial, Helvetica, sans-serif !important; font-size: 12pt; line-height: 1.4; }
  img { max-width: 100% !important; height: auto !important; }

  /* main content dialog: borderless, full width. page-break-inside:auto is critical — the general
     .dialog rule sets page-break-inside:avoid, which on a tall dialog (e.g. the FAQ, ~2000px) forces
     the WHOLE dialog onto a fresh page, leaving an empty first page. Let it break naturally. */
  .dialog, .dialog .content, .product-details {
    width: 100% !important; border: 0 !important; margin: 0 !important; padding: 0 !important;
    page-break-inside: auto !important;
  }

  /* PRINT-ONLY category product listing: one product per row, image left (35%) / title + price
     right (65%); "See details" and the quantity / add-to-cart / wishlist row are dropped. Screen
     view keeps its grid — the grid's per-breakpoint width rules are `@media screen`, so they don't
     apply here in print. */
  .dialog-category-products-list .item {
    width: 100% !important; max-width: 100% !important; float: none !important;
    margin: 0 !important; padding: 10px 0 !important; min-height: 0 !important;
    border-bottom: 1px solid #ccc; page-break-inside: avoid;
  }
  .dialog-category-products-list .itemdiv { display: flex !important; align-items: center; width: 100%; }
  .dialog-category-products-list .image {
    flex: 0 0 35% !important; max-width: 35% !important; width: 35% !important;
    float: none !important; min-height: 0 !important; margin: 0 !important; padding: 0 10px !important;
    text-align: center;
  }
  .dialog-category-products-list .details {
    flex: 0 0 65% !important; max-width: 65% !important; width: 65% !important;
    padding: 0 0 0 20px !important; text-align: left !important;
  }
  .dialog-category-products-list .price-row { text-align: left !important; margin: 5px 0 0 !important; }
  .dialog-category-products-list .see-details,
  .dialog-category-products-list .product_details-button { display: none !important; }

  /* drop the products-"per page" selector in print — its <select> is already hidden, which left an
     orphaned "per page" label in the pagination bar. (The "Result pages" links stay.) */
  .navigation-bar .item-right,
  .per-page-selector { display: none !important; }

  /* keep key blocks from splitting awkwardly across pages; never append link URLs */
  h1, h2, .product-details img, .subcategories { page-break-inside: avoid; }
  a[href]:after { content: "" !important; }

  @page { margin: 1.4cm; }
}

#dialog-message {
    margin: 0;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 350px;
    z-index: 1000
}

#dialog-message .box {
    position: relative;
    border: 1px solid #000;
    border-top: 3px solid #000;
    padding: 10px 25px 10px 59px;
    vertical-align: middle;
    text-align: left;
    min-height: 32px
}

#dialog-message a.close-link {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 13px;
    height: 13px;
    text-decoration: none
}

#dialog-message .close-img {
    width: 13px;
    height: 13px;
    background: url(/skin/common_files/images/but_cross.gif) left top no-repeat
}

#dialog-message .message-i {
    color: #112536;
    border-color: #7a97c1;
    background: url(/skin/common_files/images/icon_info.gif) 10px 10px no-repeat #f4f5f7
}

#dialog-message .message-w {
    color: #3e3104;
    border-color: #c3902f;
    background: url(/skin/common_files/images/icon_warning.gif) 10px 10px no-repeat #f8f7f3
}

#dialog-message .message-e {
    color: #590a0a;
    border-color: #d30000;
    background: url(/skin/common_files/images/icon_error.gif) 10px 10px no-repeat #f7f3f3
}

#dialog-message .anchor {
    position: relative;
    margin-left: auto;
    margin-right: 0;
    height: 15px;
    text-align: right;
    vertical-align: middle
}

#dialog-message .anchor img {
    width: 12px;
    height: 10px;
    vertical-align: middle;
    background: url(/skin/common_files/images/goto_arr.gif) left top no-repeat
}

.dialogtr {
    color: #1a2b3c
}

.fill-error label {
    color: #ce0000
}

.fill-error input[type=password],
.fill-error input[type=text],
.fill-error select,
.fill-error textarea {
    border: 1px solid #ce0000;
    background-color: #ffebeb
}

div.error-label {
    color: #ce0000;
    font-size: 9px!important;
    display: none
}

.fill-error div.error-label {
    display: block
}

.inline-message {
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    padding: 1px 1px 15px;
    margin: 0
}

.inline-message img.icon-w {
    vertical-align: top;
    width: 18px;
    height: 18px;
    background: url(/skin/common_files/images/icon_warning_small.gif) no-repeat
}

.cart-message {
    padding: 5px 5px 5px 35px;
    text-align: left;
    min-height: 20px;
    color: #4f6280;
    font-size: 10px;
    margin-top: 10px;
    margin-bottom: 10px
}

.cart-message-w {
    background: url(/skin/common_files/images/icon_warning_small.gif) 5px 5px no-repeat #efefef
}

.cart-message div.close-link {
    float: right;
    width: 25px;
    height: 13px;
    text-align: right;
    cursor: pointer;
    background: url(/skin/common_files/images/but_cross.gif) right top no-repeat
}

.menu-dialog {
    margin-bottom: 15px
}

.menu-dialog .title-bar {
    width: 100%;
    background: #D1D1D1;
    border: 0;
    border-bottom: #000 1px solid;
    height: 23px;
    overflow: hidden
}

.menu-dialog .title-bar img.icon {
    vertical-align: middle;
    margin: 0 2px 3px
}

.menu-dialog .title-bar h2 {
    font-size: 11px;
    color: #000;
    font-weight: 700;
    line-height: 23px;
    height: 23px;
    margin: 0;
    padding: 0;
    width: auto;
    display: inline;
    white-space: nowrap
}

.menu-dialog .link-title span.title-link {
    float: right;
    padding: 8px 7px 8px 0
}

.menu-dialog .link-title a.title-link {
    text-decoration: none;
    outline-style: none
}

.menu-dialog .link-title .title-link img {
    width: 7px;
    height: 11px;
    background: url(/skin/common_files/images/spriteme1.png) -10px -167px no-repeat
}

.menu-dialog .content {
    border: 0;
    background-color: #fff;
    padding: 3px;
    overflow: hidden
}

.menu-dialog .content a:link,
.menu-dialog .content a:visited {
    color: #000;
    text-decoration: underline
}

.menu-dialog .content a:active,
.menu-dialog .content a:hover {
    color: red;
    text-decoration: underline
}

.menu-dialog ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.menu-dialog ul li {
    padding: 0;
    vertical-align: middle
}

.menu-dialog .item {
    color: #112536;
    font-size: 10px
}

.menu-dialog ul li a {
    font-size: 13px;
    text-decoration: none
}

.menu-dialog ul li a:hover {
    text-decoration: underline
}

.menu-dialog hr {
    background-color: #999
}

.menu-dialog .login-text ul li {
    padding: 1px 0
}

.menu-dialog .Tbl,
.cat-tabs .Tbl {
    display: table;
    width: 100%
}

.menu-dialog .Tbr,
.cat-tabs .Tbr {
    display: table-row;
    width: auto
}

.menu-dialog .Tbc,
.cat-tabs .Tbc {
    width: 95px;
    display: table-cell;
    border: none;
    padding: 3px 3px 3px 8px;
    font-family: Arial
}

.Tbc a:active,
.Tbc a:hover,
.Tbc a:visited,
.menu-dialog .Tbc a:link {
    text-decoration: none
}

/* home-page category showcase blocks (CD/DVD Optical Media, Toner Cartridges) */
.cat-showcase { margin-bottom: 15px; }
.cat-showcase .sc-title {
    background: #4c6923;
    padding: 7px 12px;
}
.cat-showcase .sc-title h2 {
    margin: 0;
    color: #fff;
    font-size: 15px;
    font-weight: normal;   /* source_sans_probold is already bold (its @font-face is weight 400) */
    line-height: 1.25;
    font-family: 'source_sans_probold', Arial, Helvetica, sans-serif;  /* bold, same Source Sans as WELCOME */
}
.cat-showcase .content { padding: 8px 4px; }
.cat-showcase .Tbc a:link,
.cat-showcase .Tbc a:visited { color: #000; font-size: 14px; line-height: 20px; text-decoration: none; }  /* match live subcategory links */
.cat-showcase .Tbc a:hover { color: #FF4421; }

/* Toner / Ink shown as two tabs in one space (product-page tab look), sized for the left column */
.cat-tabs { margin-bottom: 15px; }
.cat-tabs .cat-tabs-menu { list-style: none; margin: 0; padding: 0; overflow: hidden; }
.cat-tabs .cat-tabs-menu li { float: left; width: 50%; box-sizing: border-box; text-align: center;
    background: #e3e3e3; border: 1px solid #4c6923; border-bottom: none; }
.cat-tabs .cat-tabs-menu li.current { background: #4c6923; border-color: #4c6923; }
.cat-tabs .cat-tabs-menu li a { display: block; padding: 8px 2px; color: #333; font-size: 15px;
    font-family: 'source_sans_probold', Arial, Helvetica, sans-serif; text-decoration: none; white-space: nowrap; }
.cat-tabs .cat-tabs-menu li.current a { color: #fff; }
.cat-tabs .cat-tabs-menu li a:hover { color: #4c6923; }
.cat-tabs .cat-tabs-menu li.current a:hover { color: #fff; }
/* fixed height so the box matches the Featured Products box and doesn't change between tabs */
.cat-tabs .cat-tab { clear: both; border: 1px solid #4c6923; border-top: none; background: #fff;
    height: 304px; box-sizing: border-box; overflow-y: auto; }

/* Featured products carousel (FEATURED PRODUCTS) */
.featured-block { margin-bottom: 15px; }
.menu-dialog.featured-block { border: 1px solid #4c6923; }  /* green border to match the category box */
.featured-block .featured-bar { background: #4c6923; padding: 7px 12px; }
.featured-block .featured-bar h2 {
    margin: 0; color: #fff; font-size: 19px; font-weight: 500;
    text-transform: uppercase; font-family: 'source_sans_proregular', Arial, Helvetica, sans-serif; line-height: 1.25;  /* match WELCOME etc. */
}
.feat-carousel { position: relative; padding: 6px 24px; background: #fff; }
/* ~20px white space between the last row and the box's bottom border.
   Needs .content specificity because the shared `.content` rule sets padding to 3px. */
.feat-carousel.content { padding-bottom: 20px; }
.feat-viewport { overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; padding: 0 12px; box-sizing: border-box; }
.feat-viewport::-webkit-scrollbar { display: none; }
/* Featured carousel modelled on live's flexisel: the product box (.feat-inner) is a FIXED 210px
   (like itemdiv-flex) so the product and image never scale with the browser. The outer .feat-card
   (like nbs-flexisel-item) is the flexible slot that provides the space around each product:
   its width is max(210px, quarter-of-viewport), so on wide screens 4 products fill the row with
   flexible space around them, and on narrow screens the slot stays a fixed 210px and the extra
   products scroll — never smaller than the product, never overlapping. */
.feat-track { list-style: none; margin: 0; padding: 0; display: flex; gap: 10px; }
.feat-card { flex: 0 0 max(210px, calc((100% - 30px) / 4)); padding: 8px 0; box-sizing: border-box; text-align: center; }
.feat-inner { width: 210px; margin: 0 auto; }   /* fixed product box, centered in the flexible slot */
.feat-card .feat-img { display: block; }
/* fixed 210x150 image regardless of page size */
.feat-card .feat-img img { width: 210px; height: 150px; object-fit: contain; margin: 6px 0 10px; display: block; }
/* product name box: fill card with 2px side margins, centered text, 15px semibold, hover-underline */
.feat-card .product-title {
    display: block; height: 70px; overflow: hidden;
    text-align: center; color: #000; text-decoration: none;
    font-size: 15px; line-height: 20px; margin: 6px 2px 8px;
    font-family: 'source_sans_prosemibold', Arial, sans-serif; font-weight: normal;
}
.feat-card .product-title:hover { color: #000; text-decoration: underline; }
/* inline [qty | price | add-to-cart] : flatten buy_now's form with display:contents, then order; button to the right like live */
.feat-buy { display: flex; align-items: center; justify-content: space-between; gap: 6px; flex-wrap: nowrap; height: 33px; }
.feat-buy .buy-now, .feat-buy .buy-now form { display: contents; }
.feat-buy .quantity { order: 1; margin: 0 !important; padding: 0; display: flex; align-items: center; }
.feat-buy .quantity .quantity-title { display: none; }
.feat-buy .quantity select { height: 33px; background: #ebebeb; font-size: 15px !important; margin: 0; vertical-align: middle; text-align: center; text-align-last: center; }
.feat-buy .price-value {
    order: 2; color: #cc230c; font-size: 19px; margin: 0; white-space: nowrap; line-height: 33px;
    font-family: 'source_sans_prosemibold', Arial, sans-serif; font-weight: normal;
}
.feat-buy .button-row { order: 3; margin: 0 !important; padding: 0; display: flex; align-items: center; }
.feat-buy .button-row ~ .button-row { display: none; }  /* hide add-to-wishlist (2nd button-row) */
.feat-buy .clearing { display: none; }
/* green shopping-cart icon button instead of the "Buy Now" text button (match live) */
.feat-buy .add-to-cart-button {
    margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important;
    display: flex !important; align-items: center; height: 33px; line-height: 0; vertical-align: middle;
}
.feat-buy .add-to-cart-button .button-right {
    display: flex !important; align-items: center; height: 33px; padding: 0 !important; margin: 0 !important;
    background: none !important;
}
.feat-buy .add-to-cart-button .button-left {
    display: block !important; width: 39px !important; height: 32px !important; padding: 0 !important; margin: 0 !important;
    background: url("/skin/tonerpirate/images/cart_button.png") no-repeat center !important; background-size: 39px 32px !important;
    border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
    color: transparent !important; font-size: 0 !important; line-height: 0 !important; overflow: hidden; white-space: nowrap;
}
/* solid green disc arrows with white chevron */
.feat-arrow {
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 36px; height: 36px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: #4c6923; color: #fff; font-size: 18px; line-height: 1;
    cursor: pointer; text-decoration: none; box-shadow: 0 2px 6px rgba(20,30,10,.25);
    z-index: 5; -webkit-user-select: none; user-select: none; transition: background .16s ease;
}
.feat-arrow svg { width: 18px; height: 18px; display: block; stroke: #fff; }
.feat-arrow:hover { background: #3d551c; color: #fff; }
.feat-prev { left: 2px; }
.feat-next { right: 2px; }

.dialog {
    padding: 0;
    margin: 0 0 30px;
    page-break-inside: avoid;
    border: 0;   /* match live: no box border around dialogs (main.css sets 1px solid #acb7c7) */
}

.dialog .title {
    position: relative;
    color: #000;
    font-weight: 700;
    font-size: 13px;
    border: 0;
    vertical-align: middle;
    line-height: 30px;
    margin: 0;
    padding: 0;
    text-align: left;
    overflow: hidden
}

.dialog .title h2 {
    margin: 0;
    padding: 0;
    font-size: 22px;
    overflow: hidden;
    white-space: nowrap;
    color: #527c00;
    font-family: 'source_sans_prosemibold'
}

.dialog .content {
    border: 0;
    background: 0 0;
    text-align: left;
    padding: 10px 10px 25px 0;
    color: #333F56;
    font-family: Arial;
    font-size: 14px;   /* match live: test body base is 11px vs live 14px; content inherits it */
}

/* Reviews (reviews.php + product Reviews tab). On live, the review LIST is styled by the module
   CSS modules/Advanced_Customer_Reviews/main.css: .acr-reviews-list uses source_sans_proregular
   16px, while the surrounding dialog content (the "N results found" header) stays at the inherited
   ~11px. The 4.7.10 module CSS lacks the source_sans_pro rule, so replicate live's exact rule here.
   (source_sans_proregular @font-face is already defined at the top of this file.) */
.dialog.acr-dialog .content { font-size: 11px; }
.acr-reviews-list { padding-top: 11px; font-family: 'source_sans_proregular'; font-size: 16px; }

.list-dialog .title h2 {
    width: 100%
}

.list-dialog .title div.sort-box {
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    overflow: hidden
}

.list-dialog .title div.sort-box .search-sort-bar {
    padding: 0;
    margin: 7px 0
}

.list-dialog .title div.sort-box .search-sort-cell,
.list-dialog .title div.sort-box .search-sort-title {
    padding-right: 10px
}

.noborder {
    border: 0
}

.noborder .content {
    padding: 0
}

button.button {
    border: 0;
    background-color: transparent;
    cursor: pointer;
    margin: 0 0 8px 0 !important;
    vertical-align: top;
    overflow: visible;
    outline-style: none
}

button.button .button-right {
    display: block;
    padding: 0 10px 0 0
}

button.button .button-left {
    display: block;
    margin: 0 0 0 -6px;
    background: #f7f7f7;
    border: 1px solid #aeaeae;
    padding: 1px 15px;
    border-radius: 3px;
    vertical-align: middle;
    white-space: nowrap;
    font-family: arial;
    font-weight: 600;
    color: #2e2e2e;
    font-size: 15px;
    height: auto
}

div.button {
    border: 0;
    cursor: pointer;
    margin: 0;
    padding: 0 10px 0 0;
    white-space: nowrap;
    float: left
}

div.button a,
div.button div {
    display: block;
    padding: 0 5px 0 15px;
    line-height: 21px;
    white-space: nowrap;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #111d4d;
    font-weight: 700;
    font-size: 11px;
    text-decoration: none;
    outline-style: none
}

button.simple-button {
    border: 0;
    background-color: transparent;
    cursor: pointer;
    height: 15px;
    margin: 3px 0 0;
    padding: 0;
    white-space: nowrap;
    color: #043fa0;
    font-size: 11px;
    font-weight: 700;
    line-height: 15px;
    vertical-align: middle;
    outline-style: none
}

button.simple-button span {
    text-decoration: underline
}

button.simple-button img {
    display: none
}

a.simple-button {
    font-size: 11px;
    white-space: nowrap;
    color: #043fa0;
    font-weight: 400;
    margin: 0;
    padding: 0;
    line-height: 21px;
    vertical-align: bottom;
    text-decoration: underline;
    outline-style: none
}

a.simple-button:hover {
    color: #2863c2
}

input.image-button {
    padding: 0;
    border: 0;
    width: 50px;
    height: 37px;
    background: url(../images/Sprite_images.jpg) -10px -10px no-repeat;
    vertical-align: middle;
    position: absolute;
    right: 18px;
    top: 7%
}

a.image-button {
    text-decoration: none
}

a.image-button img {
    margin: 0 0 2px;
    padding: 0;
    border: 0;
    width: 19px;
    height: 18px;
    background: url(/skin/common_files/images/spriteme1.png) -10px -346px no-repeat;
    vertical-align: middle
}

button.main-button .button-right {
    background: url(/skin/common_files/images/but_main_right.png) right top no-repeat
}

button.main-button .button-left {
    background: #f7f7f7!important;
    border: 1px solid #aeaeae;
    color: #2e2e2e;
    padding: 1px 8px;
    height: auto;
    width: auto;
    border-radius: 4px
}

button.main-button.added-to-cart-button .button-left {
    background: url(/skin/common_files/images/but_main_check_left.png) left top no-repeat;
    padding-left: 27px
}

div.main-button a,
div.main-button div {
    background: #db4f03;
    background: -moz-linear-gradient(bottom, #db4f03 0%, #fb9a00 55%);
    background: -webkit-gradient(linear, bottom left, bottom right, color-stop(0%, #db4f03), color-stop(55%, #fb9a00));
    background: -webkit-linear-gradient(bottom, #db4f03 0%, #fb9a00 55%);
    background: -o-linear-gradient(bottom, #db4f03 0%, #fb9a00 55%);
    background: -ms-linear-gradient(bottom, #db4f03 0%, #fb9a00 55%);
    background: linear-gradient(to top, #db4f03 0%, #fb9a00 55%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#db4f03', endColorstr='#fb9a00', GradientType=1);
    border-radius: 3px;
    color: #fff;
    padding: 5px 18px;
    font-size: 15px
}

a.simple-main-button,
button.simple-main-button {
    color: #800
}

button.light-button {
    padding-right: 10px
}

button.light-button .button-right {
    background: url(/skin/common_files/images/but_light_right.gif) right top no-repeat;
    padding: 0 2px 0 0
}

button.light-button .button-left {
    background: #f7f7f7!important;
    padding: 3px 11px 0 15px;
    color: #2e2e2e!important;
    font-size: 15px;
    border: 1px solid #aeaeae;
    width: auto!important;
    line-height: 24px;
    border-radius: 3px;
    height: auto;
    font-family: arial
}

div.light-button {
    padding: 0 5px 0 0;
    background: url(/skin/common_files/images/but_light_right.gif) right top no-repeat
}

div.light-button a,
div.light-button div {
    background: url(/skin/common_files/images/but_light_left.gif) left top no-repeat;
    padding: 0 5px 0 11px;
    color: #365f8f;
    font-size: 11px
}

a.simple-delete-button {
    color: transparent;
    background: url(../images/delete_cross.png) left 7px no-repeat;
    padding-left: 13px
}

a.simple-delete-button-woicon {
    color: #800
}

div.drop-out-button {
    padding: 0 23px 0 0;
    background: url(/skin/common_files/images/but_right_dropout.png) right top no-repeat
}

div.drop-out-button a,
div.drop-out-button div {
    background: url(/skin/common_files/images/but_left.png) left top no-repeat;
    padding-right: 10px
}

div.dropout-container {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0
}

div.dropout-wrapper {
    float: left;
    position: relative;
    z-index: 1;
    margin: 0
}

div.dropout-box {
    border: 1px solid #adb6c6;
    background-color: #fff;
    padding: 5px 0;
    margin-top: 26px;
    position: absolute;
    display: none
}

div.dropout-wrapper ul {
    margin: 0;
    padding: 0
}

div.dropout-wrapper ul li {
    list-style-position: outside;
    list-style-type: none;
    padding: 5px 15px;
    float: left
}

div.dropout-wrapper ul li .button {
    float: left;
    position: relative
}

div.dropout-wrapper .button {
    float: none;
    position: absolute;
    margin-right: 0;
    margin-top: 2px
}

button.menu-button {
    height: 22px
}

button.menu-button .button-right {
    background: url(/skin/common_files/images/but_menu_right.png) right top no-repeat;
    padding-right: 7px;
    height: 20px
}

button.menu-button .button-left {
    background: url(/skin/common_files/images/but_menu_left.png) left top no-repeat;
    padding: 0 1px 0 8px;
    color: #deedf7;
    font-size: 10px;
    height: 21px;
    line-height: 20px
}

div.menu-button {
    background: url(/skin/common_files/images/but_menu_right.png) right top no-repeat;
    padding-right: 7px
}

div.menu-button a,
div.menu-button div {
    background: url(/skin/common_files/images/but_menu_left.png) left top no-repeat;
    padding: 0 1px 0 8px;
    line-height: 20px;
    color: #deedf7!important;
    font-size: 10px
}

button.do-add2cart-error,
button.do-add2cart-success,
button.do-add2cart-wait {
    cursor: default
}

button.do-add2cart-error .button-right,
button.do-add2cart-success .button-right,
button.do-add2cart-wait .button-right {
    background: url(/skin/common_files/images/but_light_right.gif) right top no-repeat;
    padding: 0 5px 0 0
}

button.do-add2cart-error .button-left,
button.do-add2cart-success .button-left,
button.do-add2cart-wait .button-left {
    background: url(/skin/common_files/images/but_light_left.gif) left top no-repeat;
    padding: 0 10px 0 15px;
    color: #365f8f;
    font-size: 11px
}

button.do-add2cart-wait .button-left .progress {
    display: block;
    background: #547020 url(/skin/common_files/images/progress.gif) left 45% repeat-x
}

.button-row,
.button-row-right {
    margin-top: 20px;
    padding: 0;
    height: 23px;
    line-height: 23px
}

.buttons-row .button,
.buttons-row a.simple-button,
.buttons-row button.simple-button {
    float: left
}

.button-row-right .button,
.button-row-right a.simple-button,
.button-row-right button.simple-button,
.buttons-row-right .button,
.buttons-row-right a.simple-button,
.buttons-row-right button.simple-button {
    float: right
}

.buttons-row,
.buttons-row-right {
    margin: 5px 0 0
}

.buttons-row .button-separator {
    float: left;
    width: 20px;
    height: 22px
}

. .button-separator {
    float: right;
    width: 30px;
    height: 15px
}

table tr td.button-row,
table tr td.button-row-right,
table tr td.buttons-row,
table tr td.buttons-row-right {
    margin: 0;
    padding-top: 15px
}

.buttons-auto-separator .button,
.buttons-auto-separator a.simple-button,
.buttons-auto-separator button.simple-button {
    margin-right: 20px
}

a.popup-link {
    text-decoration: none
}

a.popup-link img {
    vertical-align: bottom;
    width: 20px;
    height: 18px;
    background: url(/skin/common_files/images/question_button.gif) left top no-repeat;
    margin-bottom: 1px
}

.shipping-method a {
    font-weight: 700;
    font-size: 11px;
    text-decoration: underline
}

.shipping-method a:hover {
    text-decoration: none
}

.shipping-method label {
    display: block;
    vertical-align: middle
}

.shipping-warning {
    color: #3c6992;
    text-decoration: none;
    font-size: 9px;
    font-family: arial, verdana, helvetica, sans-serif
}

a.simple-delete-button:hover {
    color: transparent!important
}

.estimator-container {
    width: 100%
}

.giftwrapping-cart {
    text-align: left;
    padding: 10px 0
}

.giftwrap-option {
    padding: 5px 0 5px 5px
}

.giftwrap-message-label {
    padding: 5px 0
}

.giftwrap-message-text textarea {
    width: 300px;
    height: 80px
}

.giftwrap-cart-note {
    margin-left: 15px;
    color: #b51800
}

.cart-total-row .total-name a,
.invoice-total-name span {
    font-weight: 400
}

.invoice-giftwrap-notes {
    padding-top: 30px
}

.invoice-giftwrap-notes p {
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

.invoice-giftwrap-notes div {
    border: 1px solid #cecfce;
    height: 50px;
    overflow: hidden;
    padding: 5px
}

.images-preview-bg {
    background: url(/skin/common_files/images/grey.png) left top;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3000
}

.images-preview {
    position: absolute;
    top: 100px;
    right: 220px;
    bottom: 100px;
    left: 220px;
    background: #fff;
    border: 5px solid #e3e3e3;
    overflow: hidden;
    min-width: 700px;
    min-height: 500px;
    z-index: 4000
}

.images-preview .wait {
    position: absolute;
    top: 30px;
    right: 0;
    bottom: 30px;
    left: 0;
    background: url(/skin/common_files/images/loading.gif) center center no-repeat #fff;
    z-index: 1500
}

.images-preview a.close {
    position: absolute;
    top: 9px;
    right: 11px;
    background: url(/skin/common_files/images/close_images_preview.gif) left center no-repeat;
    padding-left: 12px;
    padding-bottom: 2px;
    font-size: 11px;
    color: #4e4e4e;
    text-decoration: none;
    outline-style: none;
    text-transform: lowercase
}

.images-preview .list-box {
    margin: 50px 50px 0;
    padding: 0;
    text-align: center;
    position: relative;
    border: 1px solid #fff
}

.images-preview a.arrow {
    position: absolute;
    display: block;
    width: 13px;
    height: 13px;
    outline-style: none;
    cursor: pointer
}

.images-preview a.hidden {
    display: none
}

.images-preview a.left {
    left: 0;
    background: url(/skin/common_files/images/arrow_left.gif) left center no-repeat
}

.images-preview a.right {
    right: 0;
    background: url(/skin/common_files/images/arrow_right.gif) right center no-repeat
}

.images-preview a.left-disabled {
    background: url(/skin/common_files/images/arrow_left_disabled.gif) left center no-repeat;
    cursor: auto
}

.images-preview a.right-disabled {
    background: url(/skin/common_files/images/arrow_right_disabled.gif) 6px center no-repeat;
    cursor: auto
}

.images-preview div.list-subbox {
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    text-align: center
}

.images-preview ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    position: absolute
}

.images-preview ul li {
    display: block;
    padding: 0;
    margin: 0 12px;
    border: 1px solid #fff;
    background: 0 0;
    text-align: center;
    vertical-align: middle;
    float: left;
    cursor: pointer
}

.images-preview ul li.over,
.images-preview ul li:hover {
    border: 1px solid #ccc
}

.images-preview ul li.selected {
    border: 1px solid #215485
}

.images-preview ul li img {
    display: inline;
    text-align: center;
    vertical-align: middle
}

.images-preview ul li.loading {
    background-image: url(/skin/common_files/images/loading.gif);
    background-repeat: no-repeat;
    background-position: center center
}

.images-preview ul li.loading img {
    display: none
}

.images-preview .box {
    position: relative;
    margin: 50px;
    vertical-align: middle;
    text-align: center;
    background: 0 0
}

.images-preview .box.loading {
    background-image: url(/skin/common_files/images/loading.gif);
    background-repeat: no-repeat;
    background-position: center center
}

.images-preview .box img {
    cursor: pointer;
    vertical-align: middle;
    text-align: center
}

.data-table td {
    padding: 4px 1px;
    line-height: 21px;
    vertical-align: top
}

.data-table.light-table td {
    line-height: 16px;
    padding: 3px
}

.data-table td.data-name {
    vertical-align: top;
    color: #112536;
    padding-right: 5px
}

.data-table td.data-required,
td.data-required {
    color: #800
}

.data-table td.data-required {
    padding-right: 4px;
    text-align: center;
    width: 5px
}

.data-table .error-message {
    color: #800;
    vertical-align: middle
}

.data-table div.error-message {
    margin: 0
}

.data-table tr.head-row th {
    padding-left: 5px;
    padding-right: 5px
}

.data-table tr th.data-checkbox-column {
    width: 10px
}

.data-table tr .data-right-column {
    text-align: right
}

.data-table tr .data-width-100 {
    width: 100%
}

.data-table tr td.data-name label {
    line-height: 21px;
    vertical-align: top
}

span.star {
    padding-left: 5px;
    color: #800
}

.search-sort-bar {
    vertical-align: middle;
    line-height: 16px;
    height: 16px;
    padding-right: 20px;
    white-space: nowrap;
    margin: 15px 0 0;
    text-align: right
}

.search-sort-cell,
.search-sort-title {
    padding-right: 20px
}

a.search-sort-link {
    text-decoration: underline
}

.search-sort-bar img,
.search-sort-bar-float img {
    width: 9px;
    height: 9px;
    margin-right: 5px
}

.search-sort-bar a.up-direction {
    font-weight: 700;
    padding-left: 14px;
    background: url(/skin/common_files/images/uarrow.gif) left 3px no-repeat
}

.search-sort-bar a.down-direction {
    font-weight: 700;
    padding-left: 14px;
    background: url(/skin/common_files/images/darrow.gif) left 3px no-repeat
}

.expand-section {
    height: 16px;
    margin: 20px 0;
    vertical-align: middle;
    line-height: 16px;
    font-family: 'source_sans_probold';
    font-size: 15px
}

.expand-section img {
    width: 11px;
    height: 11px;
    vertical-align: middle;
    margin: 2px 5px 3px 0
}

.expand-section img.plus {
    background: url(/skin/common_files/images/plus.gif) left top no-repeat
}

.expand-section img.minus {
    background: url(/skin/common_files/images/minus.gif) left top no-repeat
}

.expand-section a {
    font-weight: 700;
    text-decoration: underline
}

.nav-pages {
    white-space: nowrap;
    vertical-align: bottom;
    padding: 0;
    margin: 0
}

.nav-pages-title {
    padding-right: 10px
}

.nav-pages img {
    vertical-align: bottom;
    width: 15px;
    height: 15px
}

.nav-pages a {
    text-align: center;
    text-decoration: underline
}

.nav-pages .left-arrow img {
    background: url(/skin/common_files/images/navigation_arrow_left.gif) left top no-repeat
}

.nav-pages .right-arrow img {
    background: url(/skin/common_files/images/navigation_arrow_right.gif) left top no-repeat
}

.nav-pages .current-page {
    text-align: center;
    font-weight: 700
}

.nav-pages .right-delimiter {
    padding-right: 12px
}

h3 {
    margin: 0 0 10px;
    color: #b51a00;
    font-weight: 700;
    font-size: 12px;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #9d1500
}

h3.grey {
    color: #666;
    font-size: 11px;
    border-bottom: 1px solid #ccc
}

h3.black {
    color: #010101;
    font-size: 12px;
    font-weight: 700;
    border-bottom: 1px solid #000
}

h3.red {
    border-bottom: 1px solid #acb7c7
}

h3.separator {
    margin-top: 30px
}

.img-down-direction {
    width: 7px;
    height: 6px;
    vertical-align: middle;
    background: url(/skin/common_files/images/r_bottom.gif) left top no-repeat;
    margin-right: 3px
}

.img-up-direction {
    width: 7px;
    height: 6px;
    vertical-align: middle;
    background: url(/skin/common_files/images/r_top.gif) left top no-repeat;
    margin-right: 3px
}

.noscript-warning {
    position: absolute;
    top: 10px;
    padding: 10px;
    left: 25%;
    right: 25%;
    margin: 0;
    overflow: hidden;
    border: 5px solid #ddd;
    background: #fff
}

.noscript-warning .content {
    background: url(/skin/common_files/images/icon_warning.gif) left top no-repeat;
    font-weight: 700;
    padding-left: 37px;
    min-height: 32px;
    line-height: 16px
}

.lbl {
    display: inline!important;
    color: #6d9327!important;
    font-weight: 700!important;
    width: auto!important;
    margin: 0!important;
    padding: 0!important
}

.section {
    margin: 0!important;
    padding: 0!important;
    width: auto!important
}

.blockMsg {
    padding: 0;
    margin: 0;
    min-width: 200px;
    top: 40%;
    text-align: center;
    color: #000;
    border: 3px solid #aaa;
    background-color: #fff;
    cursor: wait
}

.blockUI span.waiting {
    background: url(/skin/common_files/images/loading.gif) no-repeat #fbfbfb;
    color: #617683;
    display: inline-block;
    font-size: 18px;
    margin: 8px 5px;
    padding: 5px 0 5px 45px
}

.ui-dialog .blockOverlay {
    background: #fff!important;
    opacity: 1!important;
    filter: Alpha(Opacity=100)
}

.ui-dialog .blockMsg {
    border: 0!important
}

.menu-categories-list img.icon {
    background: url(/skin/common_files/images/dingbats_categorie.gif) left top no-repeat
}

.menu-categories-list ul li {
    padding: 4px 0 5px 20px;
    background: url(/skin/common_files/images/category_bullet.gif) 8px 5px no-repeat
}

.menu-categories-list ul li a {
    font-size: 12px
}

.menu-toner img.icon {
    background: url(/skin/common_files/images/spriteme1.png) -10px -10px no-repeat;
    height: 20px;
    width: 20px
}

.menu-ink img.icon {
    background: url(/skin/common_files/images/spriteme1.png) -10px -50px no-repeat;
    height: 17px;
    width: 30px
}

.menu-cddvd img.icon {
    background: url(/skin/common_files/images/spriteme1.png) -10px -87px no-repeat;
    height: 20px;
    width: 20px
}

.menu-tape img.icon {
    background: url(/skin/common_files/images/spriteme1.png) -10px -127px no-repeat;
    height: 20px;
    width: 20px
}

.menu-ribbon img.icon {
    background: url(/skin/common_files/images/ribbon_sm.gif) no-repeat;
    height: 20px;
    width: 20px
}

.menu-special img.icon {
    background: url(/skin/common_files/images/dingbats_categorie.gif) no-repeat;
    height: 17px;
    width: 17px
}

.arrow_list img.icon {
    background: url(/skin/common_files/images/spriteme1.png) -10px -380px no-repeat;
    height: 11px;
    width: 7px
}

.menu-help img.icon {
    background: url(/skin/common_files/images/spriteme1.png) -10px -198px no-repeat;
    height: 17px;
    width: 17px
}

.pirate-wheel img.icon {
    background-image: url(/skin/common_files/images/dingbats_wheel.gif);
    height: 20px;
    width: 20px
}

.menu-minicart .title-bar h2 {
    color: #2c3e49
}

.menu-minicart img.icon {
    height: 27px;
    width: 32px
}

.order_filter .new-button {
    background: #f7f7f7!important;
    border: 1px solid #aeaeae;
    color: #2e2e2e;
    padding: 3.5px 8px;
    height: auto;
    width: auto;
    margin-right: 15px;
    border-radius: 4px;
    font-family: arial;
    font-weight: 600;
    text-decoration: none
}

.full-mini-cart .title-bar img.icon {
    background: url(/skin/common_files/images/cart_full.gif) left top no-repeat;
    width: 18px;
    height: 13px
}

div.minicart {
    color: #112536;
    font-size: 10px
}

div.minicart img {
    width: 19px;
    height: 16px
}

div.minicart .empty b {
    line-height: 18px
}

div.minicart table {
    margin: 0 0 0 1px
}

div.minicart table tr td {
    color: #112536;
    font-size: 10px;
    padding: 1px
}

hr.minicart {
    clear: both;
    margin: 5px 0;
    padding: 0;
    height: 0
}

.ajax-minicart .title-bar {
    position: relative;
    overflow: visible
}

#content-container .ajax-minicart img.minicart-button {
    background: url(/skin/common_files/images/cart_button.gif) left top no-repeat;
    width: 38px;
    height: 21px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    margin-top: 2px;
    margin-bottom: 4px;
    z-index: 100
}

#content-container .ajax-minicart img.minicart-button-show {
    background-position: left -21px
}

.minicart-box {
    display: none;
    position: absolute;
    left: auto;
    right: 0;
    top: 93%;
    width: 250px;
    padding: 10px 10px 10px 5px;
    border: 1px solid #99a4ad;
    background: #fff;
    white-space: normal;
    z-index: 2500;
    font-weight: 400
}

.minicart-box .progress {
    background: url(/skin/common_files/images/progress.gif) left top repeat-x;
    height: 11px
}

.minicart-box hr {
    margin-left: 5px
}

.minicart-box ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.minicart-box ul li {
    position: relative;
    margin: 0;
    padding: 6px 15px 34px 5px;
    overflow: hidden;
    white-space: normal;
    line-height: normal
}

.minicart-box ul li a.delete {
    padding-left: 10px
}

.minicart-box ul li a.delete img {
    background: url(/skin/common_files/images/delete_cross.gif) left top no-repeat;
    width: 9px;
    height: 9px
}

.minicart-box ul li a {
    text-decoration: underline;
    white-space: normal!important
}

.minicart-box .price-row {
    margin-top: 4px
}

.minicart-box input.quantity {
    width: 35px
}

.minicart-box .buttons-row {
    margin-top: 5px;
    margin-left: 5px;
    height: 30px
}

.minicart-box .buttons-row .light-button .button-left,
.minicart-box .buttons-row .light-button a,
.minicart-box .buttons-row .light-button div {
    font-size: 10px;
    font-weight: 400
}

.minicart-box ul.menu li.checkout-link a,
.minicart-box ul.menu li.view-cart-link a {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff
}

.minicart-box li.checkout-popup-link {
    overflow: visible;
    padding-left: 0;
    padding-top: 2px;
    padding-bottom: 2px
}

.minicart-box .checkout-popup-link a.link:active,
.minicart-box .checkout-popup-link a.link:hover,
.minicart-box .checkout-popup-link a.link:link,
.minicart-box .checkout-popup-link a.link:visited {
    text-decoration: none
}

.minicart-box .checkout-popup-link a.link {
    border: 1px solid #fff;
    z-index: 1000;
    background-color: #fff;
    padding: 4px 0 4px 5px;
    position: relative;
    outline-style: none
}

.minicart-box .checkout-popup-link a.show {
    border-top: 1px solid #99a4ad;
    border-left: 1px solid #99a4ad;
    border-right: 1px solid #99a4ad;
    border-bottom: 1px solid #fff;
    padding-right: 5px
}

.minicart-box .checkout-popup-link .link span {
    border-bottom: 1px dashed #043fa0;
    cursor: pointer
}

.minicart-box .checkout-popup-link a.link img {
    background: url(/skin/common_files/images/checkout_arrow.gif) right top no-repeat;
    width: 9px;
    height: 7px;
    cursor: pointer
}

.minicart-box .checkout-popup-link div.buttons-box {
    position: absolute;
    border: 1px solid #99a4ad;
    background: #fff;
    left: 0;
    top: 19px;
    display: none;
    padding: 10px
}

.minicart-box .minicart-checkout-button {
    background: url(/skin/common_files/images/but_flc_arrow_right.png) right top no-repeat;
    padding-right: 31px
}

.minicart-box .minicart-checkout-button a:active,
.minicart-box .minicart-checkout-button a:hover,
.minicart-box .minicart-checkout-button a:link,
.minicart-box .minicart-checkout-button a:visited {
    background: url(/skin/common_files/images/but_flc_main_left.png) no-repeat;
    line-height: 29px;
    color: #510000;
    font-weight: 700;
    font-size: 11px;
    text-decoration: none;
    float: left
}

.minicart-box .gcheckout-cart-buttons a img {
    width: inherit;
    height: inherit;
    background: 0 0
}

.minicart-box .gcheckout-cart-buttons,
.minicart-box .gcheckout-cart-buttons p,
.minicart-box .paypal-cart-button,
.minicart-box .paypal-cart-button p {
    text-align: left
}

.minicart-box .gcheckout-cart-buttons div,
.minicart-box .paypal-cart-button div {
    text-align: left;
    margin: 0
}

iframe.minicart-bg {
    position: absolute;
    display: none;
    width: 250px;
    border: 0;
    background: #fff
}

iframe.minicart-checkout-bg {
    position: absolute;
    display: none;
    border: 0;
    background: #fff
}

.help-link {
    border-bottom: 1px dashed #000;
    cursor: help;
    text-decoration: none!important
}

#tooltip {
    position: absolute;
    border: 1px solid #000;
    padding: 5px;
    background: #fff;
    top: 0;
    left: 0;
    text-align: left;
    max-width: 300px;
    z-index: 10000
}

#tooltip div,
#tooltip h3 {
    margin: 0
}

.menu-auth img.icon {
    background: url(/skin/common_files/images/spriteme1.png) -10px -272px no-repeat;
    height: 17px;
    width: 17px
}

.menu-auth input {
    width: 120px
}

.login-buttons {
    margin: 3px 0 5px
}

.login-buttons .button {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px
}

.menu-dialog .recovery {
    clear: both;
    margin-bottom: 2px
}

.menu-dialog .recovery a {
    text-decoration: underline;
    font-size: 10px
}

.menu-dialog .left {
    text-align: left
}

.menu-dialog .login-text {
    vertical-align: top
}

.small-link,
.small-note {
    color: #3c6992;
    text-decoration: none;
    font-size: 9px;
    font-family: arial, verdana, helvetica, sans-serif
}

.small {
    font-weight: 400;
    font-size: 10px
}

.small-link:hover {
    text-decoration: underline
}

.menu-news img.icon {
    background: url(/skin/common_files/images/spriteme1.png) -10px -309px no-repeat;
    height: 17px;
    width: 17px
}

.menu-dialog .subscribe {
    margin-right: 23px
}

.menu-dialog a.prev-news {
    text-decoration: underline
}

.menu-interneka img.icon {
    background: url(/skin/common_files/images/dingbats_affiliates.gif) no-repeat
}

div.popup-dialog {
    text-align: left;
    min-width: 300px
}

ul.subcategories {
    list-style: none;
    margin: 0;
    padding: 0 0 15px
}

ul.subcategories li {
    margin: 0 0 10px;
    text-align: left
}

ul.subcategories a {
    text-decoration: underline;
    font-weight: 700
}

span.subcategories {
    display: inline-block;
    vertical-align: top;
    margin: 0 8px;
    text-align: left;
    padding-bottom: 0;
    overflow: hidden
}

span.sub_categories {
    display: inline-block;
    vertical-align: top;
    margin: 3px 8px;
    text-align: left;
    padding-bottom: 0;
    overflow: hidden
}

.subcategory-image {
    float: left;
    margin: 0 10px 10px 0
}

.subcategory-descr {
    width: auto;
    padding: 0;
    margin-bottom: 20px;
    font-family: Arial;
    font-size: 16px
}

/* Category description parts — the inline <font>/<span style> tags were stripped from the DB and
   replaced with these classes, so the styling is controlled here. compat-label = the "Compatible
   Printers:" heading; compat-list = the printer/copier list. */
.compat-label { font-weight: bold; color: #0058B0; font-size: 16px; }
.compat-list  { font-size: 14px; color: #333; }

/* -- tp-readmore ------------------------------------------------------------
   Styling for the reusable character-capped expander (js/tp-readmore.js).
   Add class="tp-readmore" (optional data-chars="N", default 300) to any long block and it gets
   truncated with a clickable "....more....". Used by the footer Reviews widget; reusable on
   product descriptions.
   The toggle is red + italic + NOT bold.
   !important is deliberate here. Container link rules out-rank any sane selector this component
   could use: in the footer, `.menu-dialog .content a:link` (0,3,1) beat `a.tp-readmore-toggle:link`
   (0,2,1) and forced the text black + underlined. Since the whole point of this class is to be
   dropped into ARBITRARY containers (product descriptions next), it can't chase each one's
   ancestor selectors — it has to win outright wherever it lands. Repeat every link state so the
   global `a:link/:visited/:hover/:active` rule can't slip through either. */
a.tp-readmore-toggle,
a.tp-readmore-toggle:link,
a.tp-readmore-toggle:visited,
a.tp-readmore-toggle:active,
a.tp-readmore-toggle:hover {
    color: #cc0000 !important;
    font-style: italic !important;
    font-weight: normal !important;
    text-decoration: none !important;
    cursor: pointer;
    white-space: nowrap;
}
/* later + equal specificity, so this wins the hover underline back */
a.tp-readmore-toggle:hover { text-decoration: underline !important; }
.tp-readmore-text { display: inline; }

/* Category-page part-finder (customer/main/partfinder.tpl layout=inline): Part#-only browser, three
   dropdowns side by side in coloured boxes matching live's product_browser_toner.php —
   brand=orange (#ef7203), reman=blue (#2c5787), oem=green (#5c7d22). Scoped to .sub_category so
   none of it leaks to the front-page finder (whose own styles are all under .banner-black).
   Labels are WHITE here (on the coloured boxes), like live and like the front page. */
/* "Browse Products" heading above the finder (live had "Please Browse Products", class
   .browse_products, arial bold 18px). Matches the .browser_cat "Browse Categories" heading below. */
.sub_category .browse_products {
    font-family: arial;
    font-weight: 700;
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
}
.sub_category .pf-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;   /* equal-height coloured panels */
    gap: 12px;
    margin: 4px 0 20px;
}
.sub_category .pf-inline .pf-field {
    flex: 1 1 220px;
    min-width: 190px;
    max-width: 320px;
    padding: 8px 12px 16px;
    box-sizing: border-box;
}
.sub_category .pf-inline .pf-brand { background: #ef7203; }   /* orange */
.sub_category .pf-inline .pf-reman { background: #2c5787; }   /* blue   */
.sub_category .pf-inline .pf-oem   { background: #5c7d22; }   /* green  */
.sub_category .pf-inline .NavigationPath {
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    font-family: arial;
    margin: 2px 0 6px;
    min-height: 17px;   /* keep the three select boxes aligned even when a label wraps */
}
.sub_category .pf-inline .styled-select {
    position: relative;
    width: 100%;
}
.sub_category .pf-inline .styled-select select {
    width: 100%;
    padding: 0 6px;
    font-size: 14px;
    line-height: 1;
    height: 28px;
    border: 0;
    border-radius: 4px;
    background: #fff;
    color: #000;
    font-family: 'roboto_condensedregular', Arial, sans-serif;
}
/* Gray out a dropdown with no real choices. The finder JS already sets disabled=true whenever a
   list comes back empty (e.g. Lexmark inkjet has no OEM parts -> 2b), but a disabled <select>
   otherwise keeps its white fill and just looks active; this makes the empty state read as off. */
.sub_category .pf-inline .styled-select select:disabled {
    background: #d7d7d7;
    color: #777;
    cursor: not-allowed;
    opacity: 1;   /* override the browser's faded-but-still-white default */
}
/* leave room at the right for the "?" help icon on 2a / 2b */
.sub_category .pf-inline .pf-has-help select { width: 90%; }
/* front-page "?" help icon + hover tooltip, reused on the coloured category boxes */
.sub_category .pf-inline .pf-help {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -9px;
    line-height: 0;
    text-decoration: none;
}
.sub_category .pf-inline .pf-help svg { display: block; }
.sub_category .pf-inline .pf-help,
.sub_category .pf-inline .pf-help:link,
.sub_category .pf-inline .pf-help:visited,
.sub_category .pf-inline .pf-help:hover { color: #fff !important; text-decoration: none; }
.sub_category .pf-inline .pf-help .pf-tip {
    display: none;
    position: absolute;
    left: 16px;
    top: -2px;
    width: 120px;
    background: #a5d618;
    border: 2px solid #000;
    padding: 3px 5px;
    color: #000;
    font-size: 11px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.25;
    text-align: left;
    white-space: normal;
    z-index: 100;
}
.sub_category .pf-inline .pf-help:hover .pf-tip { display: block; }

.product-details {
    position: relative;
    margin-bottom: 25px
}

.product-details .image {
    text-align: center;
    vertical-align: top;
    padding: 0;
    float: left;
    /* stock X-Cart (common_files/css/main.css) sets margin:5px 20px 5px 10px here;
       override the right margin 20px -> 10px (top/bottom/left unchanged). */
    margin: 5px 10px 5px 10px
}

.product-details .image .image-box {
    margin: 0 auto;
    padding: 0
}

.product-details .details {
    padding-left: 30px;
    /* stock right padding is 15px; reduce to 5px */
    padding-right: 5px
}

/* "Enlarge Image": use the 19x19 preview.png magnifier at live's size/padding. Stock 4.7.10
   (common_files/modules/Detailed_Product_Images/main.css) uses a tiny 13x13 inline-GIF
   magnifier with 17px padding, which looked too small next to the text. */
.dpimages-popup-link a {
    background: url(../images/preview.png) no-repeat 0 1px !important;
    padding: 5px 0 5px 25px !important;
}

/* Keep "N reviews | Write a Review" on its own line BELOW the star rating at every width.
   The star table and .reviews_order are both float:left, so without clearing, the reviews
   line pulls up beside the stars once the image column is wide enough. */
.reviews_order {
    clear: both;
}

.product-details .details .descr {
    vertical-align: top;
    padding-right: 20px;
    font-family: Arial
}

.product-details .details .save-percent-container {
    margin-left: 10px;
    width: 57px;
    height: 57px
}

.product-details .details .save {
    float: left;
    width: 57px;
    height: 29px;
    padding-top: 28px;
    padding-left: 3px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    background: url(/skin/common_files/images/save_money.gif) left top no-repeat
}

.product-details .product-subtitle {
    padding: 23px 0 10px
}

.product-details .product-subtitle div {
    color: #b51a00;
    font-weight: 700;
    font-size: 12px;
    border: 0
}


A.collapsible-title {color: #cc230c;}
A.collapsible-title:link  {text-decoration: none; color: #cc230c; font-weight: 600; font-style: italic;}
A.collapsible-title:visited {text-decoration: none; color: #cc230c; font-weight: 600; font-style: italic;}
A.collapsible-title:hover {text-decoration: none; color: #cc230c; font-weight: 400; font-style: italic;}
A.collapsible-title:active {text-decoration: none; color: #cc230c; font-weight: 600; font-style: italic;}

.collapsible-content {
  padding: 5px 18px;
  font-size: 12px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

.product-details .message {
    color: #b51a00
}

.product-details .warning-message {
    color: red
}

.product-details .customer-message {
    color: #b51a00;
    font-weight: 700
}

.product-details .quantity-row td {
    padding-top: 15px
}

.product-details .button-row {
    margin-top: 15px
}

#product-tabs-container {
    margin-bottom: 30px
}

.product-details .ask-question {
    margin-top: 16px;
    float: none
}

table.product-properties {
    width: 100%;
    margin: 0
}

table.product-properties tr td {
    padding: 2px;
    vertical-align: top
}

table.product-properties .property-name {
    width: 40%
}

table.product-properties .property-value {
    width: auto
}

table.product-properties .product-price {
    color: #010101;
    font-weight: 700;
    font-size: 12px
}

table.product-properties .product-price-value {
    color: #b51a00;
    font-weight: 700;
    font-size: 12px;
    font-family: verdana;
    white-space: nowrap
}

table.product-properties .product-market-price {
    color: #787878;
    padding-left: 5px;
    font-size: 12px;
    font-family: verdana;
    white-space: nowrap;
    font-weight: 700
}

table.product-properties .product-taxed-price {
    color: #383838;
    white-space: nowrap;
    font-weight: 400;
    vertical-align: bottom
}

table.product-properties .product-input {
    height: 25px;
    padding-right: 10px
}

table.product-properties .product-min-amount,
table.product-properties .product-one-quantity {
    font-size: 14px
}

table.product-properties .separator td {
    height: 18px
}

input.send2friend {
    width: 300px
}

textarea.send2friend {
    width: 400px
}

#send_message_box {
    margin-top: 10px
}

.products {
    margin-bottom: 5px;
    margin-top: 5px
}

.products .image {
    text-align: center;
    vertical-align: top;
    white-space: nowrap
}

.products a.see-details {
    display: block;
    text-align: center;
    text-decoration: underline
}

.product-details .product-title,
.products .product-title {
    font-weight: 700;
    font-size: 14px;
    text-decoration: underline
}

.products .descr {
    padding: 15px 0 0;
    margin: 0
}

.products .sku {
    margin-top: 15px
}

.products .price-row {
    margin: 0;
    padding: 0;
    text-align: center
}

.products .market-price-value {
    background: url(/skin/common_files/images/spacer_black.gif) left 8px repeat-x
}

.products .price {
    font-size: 16px;
    font-family: 'source_sans_prosemibold';
    color: #010101
}

.products .price-value {
    font-weight: 700;
    font-size: 18px;
    color: #b51a00;
    font-family: Arial
}

.products .price-save {
    padding: 0;
    margin: 0;
    color: #b51a00
}

.products .taxes {
    padding: 2px 2px 2px 30px
}

.products .buy-now {
    margin: 10px 0 0
}

.products .buy-now .quantity {
    height: auto;
    white-space: nowrap;
    vertical-align: middle
}

.products .buy-now .quantity-empty {
    height: 45px
}

.products .buy-now .quantity-title {
    width: 75px;
    padding-right: 16px
}

.products .buy-now .quantity select {
    vertical-align: middle
}

.products .buy-now .out-of-stock {
    white-space: nowrap;
    font-weight: 700
}

.products .buy-now .prices {
    height: 15px;
    vertical-align: middle
}

.products .product-details-title {
    color: #b51a00;
    font-weight: 700;
    font-size: 12px
}

.products .product-price-text {
    color: #010101;
    font-weight: 700;
    font-size: 15px;
    font-family: Arial
}

.quantity-text {
    color: #818891;
    padding-left: 3px
}

.products-list .item {
    position: relative;
    margin: 0 0 45px
}

.products-list .image {
    float: left;
    position: relative;
    padding: 3px 20px 3px 10px;
    margin-right: auto;
    min-height: 170px
}

.products-list .details {
    vertical-align: top;
    padding-left: 30px;
    border: 0;
    text-align: center
}

.products-list .details hr {
    margin: 5px 5px 5px 0
}

.products-list .buy-now .center,
.products-list .buy-now .halign-center {
    margin-left: 0;
    text-align: left
}

.products-table .product-cell {
    background: #fff;
    padding: 8px;
    vertical-align: top;
    text-align: center
}

.products-table .first.products-row td.product-cell {
    padding-top: 0;
    text-align: center
}

.products-table td.product-cell-price {
    padding-top: 2px
}

.products-table td.product-cell-buynow {
    padding-top: 3px;
    vertical-align: bottom
}

.products-table td.product-cell-buynow .button-row {
    text-align: center;
    margin: 9px 0 5px
}

.products-table td.product-cell-buynow .quantity-empty {
    height: auto
}

.products-table .image {
    padding: 0;
    margin: 0;
    text-align: center
}

.products-table a.see-details {
    text-align: left;
    display: inline
}

.products-table .sku {
    margin-top: 5px
}

.products-table .product-title {
    font-size: 15px;
    font-family: 'source_sans_proregular';
    padding-bottom: 13px;
    display: inline-block
}

.products-table a.product-title:link,
.products-table a.product-title:visited {
    color: #000;
    text-decoration: none
}

.products-table a.product-title:active,
.products-table a.product-title:hover {
    color: red;
    text-decoration: underline
}

.products-table .button-row,
.products-table .buttons-row {
    margin: 0
}

.products-table .button-row button,
.products-table .buttons-row button {
    float: none
}

.products-table .buy-now {
    margin-top: 5px
}

.products-table .buy-now .quantity-title {
    width: auto;
    padding-right: 5px
}

.products-table tr.separator td {
    padding: 0;
    height: 20px
}

.adv-search table td {
    white-space: nowrap;
    padding: 3px 5px 3px 0
}

.adv-search table .data-name {
    width: 20%;
    vertical-align: top;
    color: #112536;
    font-weight: 700
}

.adv-search table .data-input {
    white-space: nowrap
}

.adv-search table .pattern {
    padding-bottom: 0
}

.adv-search table .pattern input,
.adv-search table .pattern select {
    width: 95%;
    vertical-align: bottom
}

.adv-search table .search-button {
    width: 25%;
    padding: 0
}

#adv_search_box {
    margin-bottom: 15px
}

.search-again {
    position: relative;
    margin-top: -17px;
    text-align: right;
    margin-left: 400px
}

.results-found {
    position: relative;
    width: 400px
}

td.search-extra-fields.input-row {
    white-space: normal
}

.register-note {
    color: #000;
    margin-bottom: 15px;
    line-height: 15px;
    font-family: 'source_sans_proregular'
}

.register-newbie-note {
    text-align: center;
    margin-top: 30px
}

.register-bottom-note {
    margin-top: 30px;
    padding-bottom: 45px
}

.register-ups-box {
    margin-top: 45px;
    margin-bottom: 15px
}

.register-section-title {
    height: 30px;
    vertical-align: middle
}

.register-section-title div {
    vertical-align: middle;
    padding: 2px 0;
    border-bottom: 1px solid #000
}

.register-section-title div * {
    vertical-align: middle
}

.register-sec-minimized div {
    border-bottom: 0 none
}

.register-section-title label {
    color: #262626;
    font-size: 19px;
    font-family: 'source_sans_prosemibold'
}

.register-table .register-exp-section label {
    border-bottom: 1px dashed #2c3e49
}

table.register-table .register-exp-section {
    padding-top: 16px;
    padding-bottom: 16px
}

table.register-table td.data-name {
    text-align: right;
    font-weight: 400;
    width: 30%
}

.cart .item {
    margin: 0;
    display: inline-block;
}

.cart .item .image {
    position: relative;
    padding: 3px 8px 3px 3px;
    height: 100%;
    text-align: left!important
}

.cart .details {
    vertical-align: top
}

.cart .product-title {
    text-decoration: underline
}

.cart .descr {
    padding-bottom: 15px;
    font-family: Arial
}

.cart .poptions-title {
    font-weight: 700
}

.cart .poptions-list {
    margin-bottom: 15px
}

.cart .buttons {
    position: relative;
    vertical-align: top;
    margin-top: 30px;
    height: 23px
}

.cart .buttons .buttons-row {
    margin-top: 0
}

.cart .left-buttons-row {
    vertical-align: top;
    position: absolute;
    top: 0;
    left: 0
}

.cart .right-buttons-row {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%
}

.cart .right-buttons-row .checkout-button {
    float: right
}

.cart-total-line {
    width: 50%;
    margin-left: 50%
}

.cart-total-row {
    text-align: right
}

div.shipping-method {
    color: #112536;
    font-weight: 700;
    margin-bottom: 15px;
    text-align: right
}

th.shipping-method {
    color: #112536;
    font-weight: 700;
    text-align: left
}

.shipping-method select {
    font-weight: 400
}

.shipping-method table {
    margin: 0 0 0 auto;
    text-align: right
}

.shipping-method table td {
    font-weight: 400;
    text-align: left
}

.shipping-method tr.selected {
    background: #eee
}

.totals {
    margin: 0 0 0 auto;
    text-align: right;
    width: 30%
}

.totals td {
    padding: 3px
}

.totals .total-name {
    white-space: nowrap;
    color: #112536;
    font-weight: 700;
    padding-right: 8px;
    text-align: left
}

.totals .total-value {
    white-space: nowrap;
    color: #b51a00;
    font-weight: 700;
    text-align: right
}

.totals .total-alt-value {
    white-space: nowrap;
    text-align: right
}

.totals .total-line {
    height: 1px
}

.totals .total-line img {
    background: #000;
    width: 100%;
    height: 1px
}

.totals .total {
    white-space: nowrap;
    color: #112536;
    font-weight: 700;
    padding-right: 8px;
    text-transform: uppercase;
    text-align: left
}

.totals .total-taxes {
    font-weight: 700;
    text-align: right
}

.totals .total-tax-line {
    background-color: #eee
}

.totals .total-tax-line td {
    text-align: right;
    white-space: nowrap
}

.totals .total-tax-name {
    padding-right: 8px
}

.cart hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border-color: #d7d9e4
}

.cart-content {
    margin-bottom: 15px
}

.cart-content tr td,
.cart-content tr th {
    padding: 1px 3px;
    text-align: left;
    vertical-align: top
}

.cart-content tr td.summary-cell {
    text-align: right
}

.cart-content .cart-column-tax {
    text-align: center
}

.cart-content td.cart-column-price,
.cart-content td.cart-column-total {
    text-align: right
}

.cart-content .cart-content-text {
    color: #b51a00;
    font-weight: 700
}

.cart-content .cart-column-product {
    width: 100%
}

.cart-content input.cart-quantity {
    width: 30px
}

.cmpi-vbv-icon {
    width: 49%;
    float: left;
    text-align: center
}

.cmpi-vbv-icon img {
    width: 71px;
    height: 57px;
    background: url(/skin/common_files/images/vbv_logo.gif) left top no-repeat
}

.cmpi-mcsc-icon {
    width: 49%;
    text-align: center
}

.cmpi-mcsc-icon img {
    width: 74px;
    height: 40px;
    background: url(/skin/common_files/images/mcsc_logo.gif) left top no-repeat
}

.checkout-payments tr td {
    padding: 2px;
    text-align: left
}

.checkout-payments tr td.checkout-payment-name {
    width: 20%;
    white-space: nowrap
}

.checkout-payments tr td.checkout-payment-name label {
    font-weight: 700
}

.checkout-payments tr td.checkout-payment-descr {
    width: 80%
}

.checkout-payments tr td.checkout-payment-paypal {
    width: 100%
}

.checkout-payments tr td.checkout-payment-paypal img {
    border: 0
}

/* Checkout (One_Page_Checkout): keep the payment-methods block inside the middle column so it does
   not spill into the Order-summary column on narrower (<~1150px) screens.
   Root cause: stock puts the radio in a wide (~80%) cell and crams the method name + card-brand text
   ("Visa, MasterCard, American Express and Discover Cards") into the narrow (20%) name cell with
   white-space:nowrap, forcing it onto one ~360px line that (a) makes the auto-layout table wider
   than its column and (b) overflows the next column.
   Fix: cap the table to the column, give the name/text cell the row width (radio cell shrinks to
   fit) and let the text wrap normally (at spaces, no mid-word breaks). */
.checkout-payments {
    width: 100%;
    max-width: 100%;
}
.checkout-payments tr td.checkout-payment-name {
    width: 100%;
    white-space: normal;
}
.checkout-payments tr td.checkout-payment-name .checkout-payment-descr,
.checkout-payments tr td.checkout-payment-descr {
    white-space: normal;
}
.checkout-payments input[type="text"],
.checkout-payments input[type="password"],
.bcse-dpm-form input[type="text"],
.bcse-dpm-form input[type="password"] {
    max-width: 100%;
    box-sizing: border-box;
}

.checkout-update-button {
    float: left;
    margin: 0
}

/* ---- One_Page_Checkout "welcome" box (tonerpirate opc_main.tpl override).
   Ported 1:1 from live tonerpirate.com (alteredCart Checkout_One checkout_one.css) so the test
   matches live exactly: full-width grey rounded container spanning the three checkout columns,
   live checkout_one_lock.png padlock floated left, "Welcome..." heading, New/Returning <ul> on the
   left, and the login box (#checkout_login) on the right using the site's standard main-button. ---- */
#checkoutTopContainer { margin-bottom: 15px; }
.contentGroupContainer {
    margin-top: 10px;
    border: 2px solid #999;
    background-color: #F5F5F5;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 10px 5px;
    font-family: Arial;
    /* live inherits its 14px/20px Arial base from <body>; set it explicitly here so the box text
       (heading via font-size:larger, bullets, login labels) sizes identically to live. */
    font-size: 14px;
    line-height: 20px;
    color: #000;
}
#checkoutLockImage {
    margin: 10px 20px;
    float: left;
}
.checkoutWelcome {
    font-size: larger;   /* = ~larger than the 14px base, exactly as on live */
    font-weight: 700;
}
#checkoutTopContainer ul {
    margin: 8px 0 4px;
    padding-left: 20px;
    /* no font-size/color override — inherit the 14px Arial base like live */
}
#checkoutTopContainer ul li { margin-bottom: 4px; }
#checkoutLoginBox { font-family: Arial; }
#checkout_login td { padding: 2px 4px; vertical-align: middle; }
/* username/password fields sized to match live exactly: 222x27, 14px, 2px pad, 1px #bbb, square.
   Two IDs (#checkoutTopContainer #checkout_login) to out-specify the theme's
   `div.checkout-container #center input[type=text]` rule that otherwise forces 12px/18px. */
#checkoutTopContainer #checkout_login input[type="text"],
#checkoutTopContainer #checkout_login input[type="password"] {
    width: 222px;
    max-width: 100%;
    height: 27px;
    padding: 2px;
    border: 1px solid #bbb;
    border-radius: 0;
    font-size: 14px;
    line-height: normal;
    font-family: Arial;
    box-sizing: border-box;
}
#checkout_login a { color: #527c00; }
/* ---- logged-in greeting (shown in place of the login box once signed in) ---- */
#checkoutTopContainer .opc-signedin-note {
    margin: 8px 0 4px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
}
/* right column: guest login form floats next to the left text (like live); the logged-in greeting
   floats to the far RIGHT of the box so it isn't crowding the left copy. */
.opc-authcol { float: left; }
.opc-authcol-right { float: right; margin-right: 25px; text-align: left; }
.opc-greeting { font-family: Arial; padding-top: 2px; }
.opc-greeting-hello {
    margin: 0 0 12px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    color: #333;
}
.opc-greeting-name { color: #4c6923; }
.opc-greeting-links {
    list-style: none;
    margin: 0;
    padding: 0;
}
.opc-greeting-links li { margin: 0 0 8px; }
.opc-greeting-links a {
    display: inline-block;
    font-size: 15px;
    color: #4c6923;
    text-decoration: none;
}
.opc-greeting-links a::before {
    content: "\203A";
    margin-right: 8px;
    font-weight: 700;
    color: #4c6923;
}
.opc-greeting-links a:hover { text-decoration: underline; }
/* stack the right column (login box / greeting) under the left text on narrow viewports */
@media (max-width: 760px) {
    #checkoutTopContainer .contentGroupContainer > div[style*="float"],
    #checkoutTopContainer .opc-authcol {
        float: none !important;
        margin-right: 0 !important;
    }
}

.order-placed-msg {
    margin: 20px 0 10px;
    padding: 0;
    font-size: 13px;
    text-align: center
}

body.payment-wait {
    text-align: center
}

body.payment-wait .payment-details-title,
body.payment-wait .payment-wait-title {
    border-top: 30px solid #d0ddeb
}

body.payment-wait h1 {
    display: block;
    padding: 40px 0 0;
    border-top: 1px solid #d0ddeb;
    margin-top: 1px;
    color: #2c3e49
}

body.payment-wait img.payment-wait-image {
    background: url(/skin/common_files/images/progress.gif) repeat-x;
    width: 350px;
    height: 11px;
    margin-top: 10px
}

.help-index {
    list-style: none;
    padding: 0;
    margin: 0
}

.help-index li {
    margin: 0;
    padding: 10px 0 0
}

.help-index li.first-item {
    padding-top: 0
}

.help-usps-test-dir {
    text-decoration: underline;
    margin-bottom: 15px
}

.images-viewer {
    text-align: center;
    margin: 10px 0
}

.images-viewer-list {
    position: relative;
    white-space: nowrap
}

.images-viewer-list .side-arrow {
    position: absolute;
    top: 0;
    display: block;
    width: 10px;
    height: 54px;
    text-decoration: none;
    outline-style: none
}

.images-viewer-list .left-arrow {
    text-align: left;
    left: 0
}

.images-viewer-list .right-arrow {
    padding-left: 3px;
    text-align: right;
    right: 0
}

.images-viewer-list .side-arrow img {
    width: 7px;
    height: 100%
}

.images-viewer-list .left-arrow .enabled {
    display: block;
    background: url(/skin/common_files/images/arrow_left.gif) left center no-repeat
}

.images-viewer-list .left-arrow .disabled {
    display: block;
    background: url(/skin/common_files/images/arrow_left_disabled.gif) left center no-repeat
}

.images-viewer-list .hidden {
    display: none
}

.images-viewer-list .right-arrow .enabled {
    display: block;
    background: url(/skin/common_files/images/arrow_right.gif) left center no-repeat
}

.images-viewer-list .right-arrow .disabled {
    display: block;
    background: url(/skin/common_files/images/arrow_right_disabled.gif) left center no-repeat
}

.images-viewer-icons {
    text-align: left;
    padding: 0;
    margin: 0 10px;
    overflow: hidden
}

.images-viewer-icons a {
    display: block;
    border: 1px solid #fff;
    padding: 0;
    margin: 0 10px;
    float: left;
    outline-style: none;
    background: #eee;
    text-align: center;
    vertical-align: middle
}

.images-viewer-icons a.selected {
    border: 1px solid #215485
}

.images-viewer-icons a:hover {
    border: 1px solid #ccc
}

.images-viewer-icons img {
    margin: 1px;
    vertical-align: middle;
    border: 0
}

.order-invoice {
    background: #fff
}

.invoice-company-icon {
    text-align: right;
    vertical-align: top;
    padding-top: 30px
}

.invoice-data-box {
    width: 100%;
    padding-left: 30px
}

.invoice-data-box table {
    width: 100%
}

.invoice-data-box table tr td {
    padding: 2px;
    vertical-align: top
}

.invoice-title {
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase
}

.invoice-data-box table tr td.invoice-right-info {
    text-align: right;
    vertical-align: bottom
}

hr.invoice-line {
    margin: 2px 0 17px;
    border-bottom: 2px solid #58595b
}

.invoice-personal-info {
    width: 45%;
    margin-bottom: 15px
}

.invoice-personal-info tr td {
    padding: 0
}

.invoice-personal-info tr td strong {
    white-space: nowrap
}

.invoice-address-box {
    width: 100%;
    margin-bottom: 30px
}

.invoice-address-title {
    width: 45%;
    height: 25px
}

td.invoice-line {
    vertical-align: top;
    padding: 0;
    height: 4px
}

td.invoice-line img {
    height: 2px;
    width: 100%;
    background: #58595b
}

.invoice-address-box table {
    width: 100%
}

.invoice-address-box table tr td {
    padding: 0
}

.invoice-address-box table tr td strong {
    white-space: nowrap
}

.invoice-customer-notes {
    padding-top: 30px
}

.invoice-customer-notes p {
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

.invoice-customer-notes div {
    border: 1px solid #cecfce;
    height: 50px;
    overflow: hidden;
    padding: 5px
}

.invoice-bottom-note {
    text-align: center;
    padding-top: 30px;
    font-size: 12px
}

p.invoice-products-title {
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

.invoice-products {
    width: 100%;
    background: #000
}

.invoice-products tr td,
.invoice-products tr th {
    background: #fff
}

.invoice-products tr th {
    padding: 3px;
    background: #ccc;
    white-space: nowrap
}

.invoice-products tr th.invoice-quantity-column,
.invoice-products tr th.invoice-sku-column,
.invoice-products tr th.invoice-total-column {
    width: 60px
}

.invoice-products tr th.invoice-tax-column {
    width: 100px
}

.invoice-products tr th.invoice-price-column {
    width: 100px;
    text-align: center
}

.invoice-products tr td {
    padding: 3px
}

.invoice-products tr td.invoice-price-column,
.invoice-products tr td.invoice-quantity-column,
.invoice-products tr td.invoice-tax-column {
    text-align: center
}

.invoice-products tr td.invoice-product-column span {
    font-size: 11px
}

.invoice-products tr td.invoice-product-column table tr td {
    vertical-align: top;
    padding: 0 3px 3px 0
}

.invoice-products tr td.invoice-product-column p {
    white-space: nowrap
}

.invoice-products tr td.invoice-product-column div {
    padding-left: 10px;
    white-space: nowrap
}

.invoice-products tr td.invoice-price-column {
    text-align: right;
    white-space: nowrap
}

.invoice-products tr td.invoice-total-column {
    text-align: right;
    white-space: nowrap;
    padding-right: 5px
}

.invoice-totals {
    width: 100%
}

.invoice-totals tr td {
    padding: 0
}

.invoice-totals tr .invoice-total-title {
    text-align: right;
    width: 100%;
    height: 20px
}

.invoice-totals tr .invoice-total-name {
    text-align: right;
    width: 100%;
    height: 20px;
    padding-right: 3px
}

.invoice-totals tr .invoice-total-value {
    text-align: right;
    height: 20px;
    padding-right: 5px;
    white-space: nowrap
}

.invoice-totals tr .invoice-total-name-fin {
    text-align: right;
    width: 100%;
    height: 25px;
    padding-right: 3px;
    background: #ccc
}

.invoice-totals tr .invoice-total-value-fin {
    text-align: right;
    height: 25px;
    padding-right: 5px;
    background: #ccc;
    white-space: nowrap
}

.invoice-totals tr td.invoice-line {
    height: 2px
}

.invoice-giftcerts {
    width: 100%
}

.invoice-giftcerts tr td {
    padding: 0
}

.invoice-giftcerts tr th {
    background: #ccc
}

.invoice-giftcerts tr th.invoice-giftcert-id {
    width: 60px
}

.invoice-giftcerts tr td.invoice-giftcert-id {
    text-align: center
}

.invoice-giftcerts tr .invoice-giftcert-cost {
    text-align: right;
    white-space: nowrap;
    padding-right: 5px
}

.error-page #header {
    height: 87px
}

.error-page #header .line2 {
    height: 20px
}

.error-page #header .logo {
    margin-left: 167px
}

.error-page #content-container {
    margin-top: 87px
}

.error-page #center-main {
    text-align: center;
    margin: 0 10px
}

.error-page #header .line1 .phones,
.error-page #header .line1 .tabs,
.error-page #header .line2 .languages,
.error-page #header .line2 .search,
.error-page #left-bar,
.error-page #location,
.error-page #right-bar {
    display: none
}

.error-page .subcontainer {
    text-align: left;
    width: 700px;
    margin: 32px auto 0;
    position: relative;
    clear: both
}

.error-page .code-number {
    font: 400 74px arial, sans-serif;
    color: #d8d8d8;
    width: 186px;
    float: left;
    text-align: center
}

.error-page .description {
    font-family: verdana;
    width: 514px;
    float: right
}

.error-page .description h1 {
    font-weight: 400;
    color: #000
}

.error-page .description a {
    text-decoration: underline
}

.error-page .description ul {
    margin: 0;
    padding: 5px 0;
    list-style-position: inside
}

.error-page .reason {
    font-weight: 700;
    color: #a10000
}

.error-page .description hr {
    margin: 10px 0 15px
}

.error-page ul.links {
    margin: 0;
    padding: 5px 0;
    list-style: none
}

.paypal-cart-button {
    text-align: right;
    height: 65px
}

.paypal-cart-button div {
    width: 200px;
    height: 65px;
    margin-left: auto;
    margin-right: 0;
    overflow: visible;
    text-align: right
}

.paypal-cart-button p {
    width: 100%;
    text-align: right;
    margin: 10px 0
}

.paypal-cart-icon {
    float: left;
    padding-right: 10px
}

div.note-box {
    position: absolute;
    border: 1px solid #000;
    background-color: #f6f5eb;
    margin: 0 0 0 30px;
    padding: 3px;
    width: 150px;
    line-height: 15px;
    white-space: normal;
    overflow: hidden
}

.printable #content-container {
    position: static;
    padding: 0;
    margin-top: 82px
}

.printable #content-container2 {
    float: none;
    position: static;
    left: 0;
    right: 0;
    width: 100%
}

.printable #center {
    float: none;
    position: static;
    width: 100%;
    left: 0
}

.printable #header {
    position: static;
    height: 82px
}

.printable #header .line2,
.printable #header .printable,
.printable #header .tabs {
    display: none
}

.printable #center-main {
    margin: 0 10px!important;
    position: static
}

.printable #footer {
    position: static!important
}

.printable #footer .subbox {
    background: 0 0
}

.printable a.simple-button,
.printable button.button,
.printable div.button {
    display: none
}

.printable .dialog .title {
    background: 0 0
}

.title h2 {
    margin: 0
}

.printable .product-details .dropout-wrapper {
    height: 150px
}

.printable .no-print {
    display: none
}

.printable #center-main,
.printable #content-container {
    overflow: visible!important
}

.uo-container #content-container {
    padding-bottom: 74px
}

.uo-container #footer {
    height: 74px
}

.normal {
    font-weight: 400
}

.admin-preview #footer,
.admin-preview #header,
.admin-preview #left-bar,
.admin-preview #location,
.admin-preview #right-bar,
.admin-preview .creviews-dialog,
.admin-preview .offers-short-list,
.admin-preview .send2friend-dialog {
    display: none
}

.admin-preview #content-container {
    margin: 0;
    padding: 0
}

.admin-preview #center-main {
    margin: 5px
}

.need-help-link {
    text-decoration: none!important;
    cursor: help;
    border: none;
    border-bottom: 1px dashed #3c6992!important;
    white-space: nowrap;
    color: #3c6992!important
}

div.need-help-box,
div.need-help-box div {
    position: relative;
    width: 200px;
    margin: 0;
    padding: 0
}

div.need-help-box div {
    position: absolute;
    top: 0;
    left: 14px;
    border: 1px solid #888;
    background: #FFF;
    padding: 6px;
    white-space: normal;
    font-weight: 400;
    overflow: hidden
}

select.adv-search-select {
    width: 400px
}

div.evaluation-notice {
    border: 5px solid #c3c3c3;
    background: #f8f8f8;
    padding: 2px 18px 8px;
    color: #2c3e49;
    margin-bottom: 25px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    font-size: 14px
}

div.evaluation-notice p.license-warning {
    color: #970e0e;
    font-weight: 700;
    font-size: 15px
}

div.evaluation-notice p.evaluation-notice-title {
    font-weight: 700;
    font-size: 16px
}

div.evaluation-notice div.evaluation-notice-button {
    width: 100%;
    text-align: center
}

div.evaluation-notice div.evaluation-notice-button div.button {
    display: inline-block;
    float: center
}

.language-code img.language-code-out,
a.language-code img {
    padding: 2px;
    border: 0
}

.language-code-over,
strong.language-code img {
    padding: 1px!important;
    border: 1px solid #fff!important
}

div.market-price {
    margin-top: 4px
}

div.man-url {
    margin-bottom: 6px
}

ul.address-container {
    text-align: left;
    padding: 0;
    margin: 0
}

div.address-bg {
    background: url(/skin/common_files/images/bg_post.png) top left;
    margin: 2px;
    padding: 8px;
    width: 230px
}

li.address-box {
    display: inline-block;
    margin: 0 25px 25px 0;
    padding: 0;
    border: 1px solid #ddd;
    width: 250px;
    min-height: 220px;
    overflow: hidden;
    text-decoration: none;
    vertical-align: top;
    text-align: left;
    list-style: none
}

.address-main {
    padding: 5px 10px;
    background: #fff;
    min-height: 190px
}

.address-main a.new-address {
    font-size: 22px;
    line-height: 36px
}

.address-main .new-address-label {
    padding-top: 40px;
    text-align: center
}

.address-default {
    font-weight: 700;
    vertical-align: top
}

.address-default img {
    margin-right: 5px
}

.address-line {
    margin: 5px 0
}

.popup-address {
    min-width: 780px;
    text-align: left
}

.popup-address .address-box {
    margin: 0 25px 25px 0;
    padding: 0;
    border: 1px solid #ddd;
    width: 230px;
    float: left;
    min-height: 230px;
    overflow: hidden
}

.popup-address .address-current {
    border: 1px solid #1a478f
}

.popup-address .address-main {
    min-height: 200px
}

.popup-address .address-bg {
    width: 210px
}

.popup-address .address-main hr {
    margin: 15px 0 30px
}

.popup-address .address-main .new-address-label {
    padding-top: 28px
}

.popup-address .address-main a.new-address {
    line-height: 32px
}

.per-page-selector,
.popup-address .address-default {
    float: right
}

.transactions {
    border-top: 1px solid #666;
    margin-top: 10px;
    padding-top: 15px
}

.delete-icon {
    width: 8px;
    height: 8px;
    background: url(/skin/common_files/images/delete_record.gif) left top no-repeat
}

.checkout-sns-button {
    position: absolute;
    top: 0;
    left: 30px;
    height: 100%
}

.checkout-sns-button img {
    width: 9px;
    height: 9px
}

.checkout-top-login {
    position: absolute;
    top: 0;
    right: 10px;
    height: 20px;
    line-height: 21px;
    text-align: right;
    width: 50%;
    vertical-align: middle
}

#header .checkout-top-login .simple-button {
    margin-bottom: 7px
}

.checkout-top-login-text {
    white-space: nowrap;
    padding: 0 10px 0 0
}

.checkout-container #header .line2 {
    height: 20px
}

.checkout-container #content-container {
    margin-top: 138px
}

.checkout-container #header {
    height: 102px
}

.checkout-container #center {
    text-align: center
}

.checkout-container #center-main {
    text-align: left
}

.checkout-buttons .checkout-1-button {
    float: right;
    padding: 1px 13px 1px 0;
    border-radius: 3px
}

.checkout-buttons .checkout-2-button,
.checkout-buttons .checkout-3-button {
    margin-left: 20px;
    float: right
}

div.checkout-2-button a:active,
div.checkout-2-button a:hover,
div.checkout-2-button a:link,
div.checkout-2-button a:visited,
div.checkout-2-button div {
    line-height: 29px;
    color: #510000;
    font-weight: 700;
    font-size: 11px
}

div.checkout-1-button {
    background: #f1f1f1;
    border: 1px solid #aeaeae
}

div.checkout-1-button a:active,
div.checkout-1-button a:hover,
div.checkout-1-button a:link,
div.checkout-1-button a:visited {
    line-height: 29px;
    color: #111d4d;
    font-weight: 700;
    font-size: 12px
}

div.checkout-buttons div.checkout-3-button {
    padding: 2px 16px 1px 9px;
    background: #db4f03;
    background: -moz-linear-gradient(bottom, #db4f03 0%, #fb9a00 55%);
    background: -webkit-gradient(linear, bottom left, bottom right, color-stop(0%, #db4f03), color-stop(55%, #fb9a00));
    background: -webkit-linear-gradient(bottom, #db4f03 0%, #fb9a00 55%);
    background: -o-linear-gradient(bottom, #db4f03 0%, #fb9a00 55%);
    background: -ms-linear-gradient(bottom, #db4f03 0%, #fb9a00 55%);
    background: linear-gradient(to top, #db4f03 0%, #fb9a00 55%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#db4f03', endColorstr='#fb9a00', GradientType=1);
    border-radius: 3px
}

.product_details-button .quantity >select {
    padding: 5px
}

div.checkout-3-button a:active,
div.checkout-3-button a:hover,
div.checkout-3-button a:link,
div.checkout-3-button a:visited,
div.checkout-3-button div {
    line-height: 29px;
    color: #fff;
    font-weight: 700;
    font-size: 14px
}

ul.simple-list,
ul.simple-list-left {
    list-style: none;
    padding: 0;
    margin: 0
}

.simple-list-left {
    padding-bottom: 14px
}

.item-left {
    float: left
}

.item-right {
    float: right
}

.ui-tabs {
    padding: 0;
    border: 0
}

.ui-tabs .ui-tabs-panel {
    border-width: 1px
}

.ui-tabs .ui-widget-header {
    background: 0 0;
    border: 0
}

.ui-tabs .ui-tabs-nav {
    padding-left: 0
}

#top-links .ui-widget-content {
    height: 1px;
    padding: 0;
    border-width: 1px 0 0
}

img.separator {
    width: 100%;
    height: 1px;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #5F94C0
}

.cart .buttons .left-buttons-row.buttons-row button.button {
    margin-top: -1px
}

.simple-products-table tr.separator td {
    height: 30px;
    padding: 0
}

.simple-products-table .product-cell {
    padding-right: 10px
}

.simple-products-table td.last {
    padding-right: 0
}

.color_red {
    color: #ea5300
}

::-webkit-input-placeholder {
    color: #000
}

:-moz-placeholder {
    color: #000;
    opacity: 1
}

::-moz-placeholder {
    color: #000;
    opacity: 1
}

:-ms-input-placeholder {
    color: #000
}

:placeholder-shown {
    color: #000
}

ul.login-signin #href_Sign_in {
    background: url(../images/Sprite_images.jpg) -87px -78px no-repeat;
    padding-left: 14px
}

ul.login-signin li {
    list-style: none;
    float: left;
    margin: 0 14px 0 3px;
    text-transform: uppercase;
    margin-top: 8px
}

ul.login-signin li.modify-profile-link {
    float: right;
    margin-right: 0
}

.login-signin
/*** nav ***/

.dropdown-menu > li.kopie > a {
    padding-left: 5px
}

.cart-items a {
    font-size: 15px
}

.checkout_menu .menu-minicart .valign-middle.empty {
    color: #fff!important;
    font-size: 20px;
    padding-left: 6px
}

.checkout_menu .valign-middle.full {
    color: #fff!important;
    font-size: 17px;
    font-family: 'source_sans_prosemibold'
}

.dropdown-submenu {
    position: relative
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px
}

.dropdown-submenu > a:after {
    border-color: transparent transparent transparent #333;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
    display: block;
    float: right;
    height: 0;
    margin-right: -10px;
    margin-top: 5px;
    width: 0
}

.dropdown-submenu:hover>a:after {
    border-left-color: #555
}

.dropdown-menu > li > a:hover,
.dropdown-menu > .active > a:hover {
    text-decoration: underline
}

@media (max-width: 767px) {
    .navbar-nav {
        display: inline
    }
    .navbar-default .navbar-brand {
        display: inline
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff
    }
    .navbar-default .navbar-nav .dropdown-menu > li > a {
        color: red;
        background-color: #ccc;
        border-radius: 4px;
        margin-top: 2px
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #333
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        background-color: #ccc
    }
    .navbar-nav .open .dropdown-menu {
        border-bottom: 1px solid #fff;
        border-radius: 0
    }
    .dropdown-menu {
        padding-left: 10px
    }
    .dropdown-menu .dropdown-menu {
        padding-left: 20px
    }
    .dropdown-menu .dropdown-menu .dropdown-menu {
        padding-left: 30px
    }
    li.dropdown.open {
        border: 0 solid red
    }
}

@media (min-width: 768px) {
    ul.nav li:hover > ul.dropdown-menu {
        display: block
    }
    #navbar {
        text-align: center
    }
}

.margin-bottom {
    margin-bottom: 5px
}

.nbs-flexisel-container {
    position: relative;
    max-width: 100%
}

.nbs-flexisel-ul {
    position: relative;
    width: 99999px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center
}

.nbs-flexisel-inner {
    overflow: hidden;
    float: left;
    width: 100%
}

.nbs-flexisel-item {
    float: left;
    margin: 24px 0 0;
    padding: 0;
    cursor: pointer;
    position: relative;
    line-height: 0;
    min-height: 342px
}

.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    min-width: 220px;
    min-height: 150px;
    height: auto!important
}

.sub_category .menu-dialog.menu-cddvd {
    border: none
}

.sub_category .menu-cddvd h2 {
    display: none
}

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 22px;
    height: 22px;
    position: absolute;
    cursor: pointer;
    z-index: 100
}

.nbs-flexisel-nav-left {
    margin-left: -14px;
    background: url(../images/Sprite_images.jpg) -8px -123px no-repeat;
    width: 22px;
    height: 43px
}

.nbs-flexisel-nav-right {
    z-index: 0;
    right: 0;
    background: url(../images/Sprite_images.jpg) -208px -123px no-repeat;
    width: 22px;
    height: 43px
}

.f_product_name {
    width: 100%;
    display: inline-block;
    padding-top: 18px;
    line-height: 20px;
    padding-left: 5px;
    padding-right: 5px
}

.menu-container {
    width: 100%;
    margin: 0 auto;
    background: #6d9327
}

.menu-mobile {
    display: none;
    padding: 11px
}

.menu-mobile:after {
    background: url(../images/menu_mob.png) 0 0 no-repeat;
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%)
}

.menu-dropdown-icon:before {
    background: url(../images/menu_mob.png) 0 0 no-repeat;
    display: none;
    cursor: pointer;
    float: right;
    color: #333
}

.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    box-sizing: border-box
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table
}

.menu > ul:after {
    clear: both
}

.menu > ul > li {
    border-left: 1px solid #fff;
    float: left;
    background: #6d9327;
    padding: 9px 14px;
    margin: 0;
    color: #fff;
    font-size: 15px;
    font-family: 'source_sans_prosemibold'
}

.menu > ul > li a {
    text-decoration: none;
    padding: 1.5em 3em;
    display: block
}

.menu > ul > li:hover {
    background: #6d9327;
    cursor: pointer
}

.menu > ul > li > ul {
    display: none;
    width: 100%;
    background: #fff;
    color: #000;
    padding: 20px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 8px 0 0;
    list-style: none;
    box-sizing: border-box;
    border: 2px solid #577620
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table
}

.menu > ul > li > ul:after {
    clear: both
}

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 100%;
    background: none;
    float: left
}

.menu > ul > li > ul > li a {
    color: #000!important;
    padding: .2em 0;
    width: 95%;
    display: block;
    border-bottom: 1px solid #ccc
}

.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin:0px;
    list-style: none;
    box-sizing: border-box
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table
}

.menu > ul > li > ul > li > ul:after {
    clear: both
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 25%;
    padding: 10px 0;
    margin: 0;
    font-size: .8em
}

.menu > ul > li > ul > li > ul > li a {
    border: 0
}

.menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
    opacity: 99999!important
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 8px 0
}

@media only screen and (max-width: 959px) {
    .menu-container {
        width: 100%
    }
    .menu-mobile {
        display: block;
        background: url(../images/menu_mob.png) 94% center no-repeat
    }
    .menu-dropdown-icon:before {
        display: block
    }
    .menu > ul {
        display: none
    }
    .menu > ul > li {
        width: 100%;
        display: block
    }
    .menu > ul > li a {
        padding: 1.5em;
        width: 100%;
        display: block
    }
    .menu > ul > li > ul {
        position: relative
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%!important
    }
    .menu > ul > li > ul > li {
      /*  float: none; */
        width: 100%!important;
        margin-top: 3px
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0
    }
    .menu > ul > li > ul > li > ul {
        position: relative
    }
    .menu > ul > li > ul > li > ul > li {
        float: none
    }
    .menu .show-on-mobile {
        display: block;
        z-index: 13
    }
}

#flexiselDemo3 .product-title {
    line-height: 20px;
    text-decoration: none;
    font-size: 15px;
    width: 100%;
    display: inline-block;
    text-align: left;
    color: #000;
    font-family: 'source_sans_prosemibold';
    min-height: 70px
}

#flexiselDemo3 .products .buy-now .quantity {
    text-align: left!important;
    margin-left: 5px
}

#flexiselDemo3 .quantity {
    float: left;
    width: 23%;
    padding: 0
}

#flexiselDemo3 .quantity select {
    height: 33px;
    background: #ebebeb
}

#flexiselDemo3 .button-row {
    padding: 0;
    float: right;
    height: auto;
    margin: 0
}

#flexiselDemo3 .price-value {
    color: #cc230c;
    font-size: 19px;
    font-family: 'source_sans_prosemibold';
    margin-left: 6px
}

#flexiselDemo3 .product-title:hover {
    text-decoration: underline
}

.login-signin a {
    color: #000;
    text-decoration: none
}

.head_text {
    margin-top: 6px;
    font-weight: 700;
    font-size: 13px;
    font-family: Arial
}

.modify-profile-link ul {
    display: none;
    height: auto;
    padding: 38px 24px;
    margin: 0;
    border: 0;
    position: absolute;
    width: 183px;
    z-index: 200;
    right: 0;
    background: url(../images/myaccount.png) no-repeat
}



.hello-name {
    text-align: right;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'source_sans_proregular'
}

.hello-name ~ ul.login-signin li {
    margin-top: 0
}

ul.menu_checkout_cart > li {
    list-style: none;
    float: left;
    padding: 6px 15px;
    color: #fff;
    background: #252525;
    width: 50%
}

.menu-container .menu {
    width: 80%;
    float: left
}

.menu-container .menu_checkout_cart {
    width: 20%;
    float: right;
    margin-bottom: 0;
    padding-left: 0
}

.minicart-box .cart-items li a,
.minicart-box .cart-items span,
.minicart-box .cart-items .price-row {
    color: #000!important
}

.ui-tabs {
    margin-top: 50px;
    font-family: 'source_sans_prosemibold'
}

#top-links ~ h1 {
    padding-top: 10px;
    font-family: 'source_sans_prosemibold'
}

.register-table .button-row a {
    background: #f7f7f7!important;
    border: 1px solid #aeaeae;
    color: #2e2e2e;
    padding: 4px 9px;
    border-radius: 4px;
    font-family: arial;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none
}

.details_tab {
    display: inline-block;
    margin-top: 14px;
    margin-bottom: 16px;
    width: 52%;
    background: #ececec;
    padding: 11px 9px;
    font-family: Arial
}

.register-table {
    font-family: 'source_sans_prosemibold';
    margin-bottom: 15px
}

.reg_del {
    margin-top: 3px
}

.products.cart.wishlist ~ .button a {
    background: #f7f7f7!important;
    border: 1px solid #aeaeae;
    color: #2e2e2e;
    padding: 4px 14px;
    border-radius: 4px;
    font-family: arial;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none
}

#tabs-container {
    width: 348px;
    margin: 38px auto;
    min-height: 294px
}

#tabs-container-one {
    width: 348px;
    margin: 33px auto;
    min-height: 303px
}

#tabs-container h2,
#tabs-container-one h2 {
    color: #fff;
    font-size: 25px;
    font-family: 'source_sans_probold'
}

.tabs-menu-one,
.tabs-menu {
    font-family: 'arialbold';
    float: left;
    clear: both;
    width: 100%;
    margin: 0;
    padding-left: 0
}

.tabs-menu-one li,
.tabs-menu li {
    height: 30px;
    line-height: 30px;
    float: left;
    width: 50%;
    background-color: #858585;
    border-bottom: 1px solid #858585;
    list-style: none;
    font-size: 12px;
    text-align: left;
    padding-left: 24px
}

#toner_p_browser,
#toner_c_browser,
#ink_p_browser,
#ink_c_browser {
    width: 100%
}

iframe#toner_p_browser {
    height: 180px;
    padding: 4px 0
}

iframe#ink_p_browser {
    height: 173px
}

.tabs-menu-one li.current,
.tabs-menu li.current {
    position: relative;
    border: none;
    background-color: rgba(74, 100, 1, 0.0);
    z-index: 5
}

.tabs-menu-one li a,
.tabs-menu li a {
    width: 100%;
    display: inline-block;
    font-size: 15px;
    color: #fff;
    text-decoration: none
}

.tabs-menu-one .current a,
.tabs-menu .current a {
    color: #fff
}

.tab {
    border: 1px solid #4a641d;
    background-color: rgba(74, 100, 1, 0.7);
    margin-bottom: 20px;
    width: auto
}

.tab-content-one .menu-dialog .content,
.tab-content .menu-dialog .content {
    background-color: rgba(74, 100, 1, 0.0)
}

#toner_p_browser td.VertMenuBox {
    background-color: #4a641d!important
}

.tab-content {
    padding: 23px;
    display: none;
    min-height: 190px
}

.tab-content-one {
    padding: 6px 20px;
    display: none;
    min-height: 190px
}

#tab-1 {
    display: block;
    padding: 0 20px
}

#tab-3 {
    display: block
}

#tab-4 {
    padding: 23px 23px 0;
    height: 232px
}

.banner_two {
    background: url(../images/banner_one.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.banner_one {
    background: url(../images/banner_two.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.banner-black {
    background: #000;
    margin-bottom: 32px;
    display: inline-block;
    margin-top: 32px;
    width: 100%
}

.second-row {
    margin-bottom: 33px
}

.second-row h2 {
    font-size: 23px;
    margin-bottom: 17px;
    color: #527c00;
    font-family: 'source_sans_proregular';
    padding-left: 26px
}

.horizondal-line {
    border-right: 1px solid #d9d9d9;
    min-height: 260px;
    font-family: 'source_sans_proregular'
}

.top_line {
    border-top: 5px solid #7ba134;
    width: 100%;
    margin-left: -15px
}

.margin-top-10 {
    margin-top: 10px
}

.menu-tape h2,
.menu-cddvd h2 {
    margin-top: 0;
    background: #4c6923;
    color: #fff;
    font-size: 15px;
    padding: 6px;
    font-family: Arial
}

.soc-footer-links li {
    list-style: none;
    float: left;
    margin-left: 5px
}

.soc-footer-links {
    margin-bottom: 20px;
    display: inline-block;
    margin-top: 12px;
    padding-left: 0
}

.phone {
    margin-bottom: 23px;
    margin-top: 10px;
    padding-left: 9px
}

#footer h2 {
    color: #000;
    font-size: 17px;
    font-weight: 600;
    font-family: Arial
}

.mews_msg span,
.mews_msg a {
    text-decoration: none!important
}

.float-right {
    float: right
}

.menu-help a {
    text-decoration: none!important;
    font-family: Arial
}

.left-border {
    border-left: 1px solid #d2d2d2;
    min-height: 295pxmargin-bottom: 14px
}

.reward_text {
    text-align: center;
    color: #c20000;
    font-size: 17px;
    font-family: 'source_sans_prosemibold';
    width: 100%;
    margin: 0 auto
}

.emt {
    padding: 9px
}

#flexiselDemo3 button.main-button .button-left {
    background: url(../images/Sprite_images.jpg) -10px -70px no-repeat!important;
    width: 39px;
    height: 32px;
    margin: 0
}

#flexiselDemo3 button.main-button .button-right {
    background: none;
    padding: 0
}

#flexiselDemo3 button.button .button-left {
    background: url(../images/wishlist_button.png) no-repeat;
    width: 39px;
    height: 32px;
    padding: 0;
    color: transparent
}

.product-details button.button .button-left {
    border: none;
    background: url(../images/details_wishlist.png) no-repeat 5px 0;
    width: 81px;
    height: 22px;
    padding: 0;
    color: transparent
}

button.button .button-right {
    background: none
}

.itemdiv-flex {
    width: 201px;
    margin: 0 auto
}

#flexiselDemo3 .buy-now {
    width: 100%;
    margin: 0 auto
}

#flexiselDemo3 .product-cell-price {
    display: inline-block;
    margin: 15px 0 -12px
}

#location0 {
    padding: 4px 0;   /* was 9px — halved to slim the breadcrumb bar */
    background: #ebebeb;
    color: #262626;
    font-family: Arial;
    position: relative;
    top: 3px;   /* nudge the breadcrumb text down 3px from centre */
}

#flexiselDemo3 button.button .button-left {
    width: 39px!important
}

.green {
    color: #527c00;
    font-weight: 500!important
}

.simple-list button.button .button-left {
    background: #547020!important;
    background-image: none!important;
    color: #fff!important;
    width: 159px!important;
    padding: 6px 11px;
    border-radius: 3px;
    height: 38px!important
}

.mobile-view {
    display: none
}

.estimator-container.cart-border .button-row {
    margin-top: 0
}

.estimator-container {
    background: #f6f6f6;
    border: 1px solid #aeaeae;
    border-top: none;
    padding: 12px 10px
}

.update_cart_button button.button .button-left {
    font-family: Arial;
    height: 32px;
    color: #000;
    background: #f5f5f5;
    width: auto;
    padding: 5px 24px;
    border: 1px solid #aeaeae;
    margin-left: 5px;
    border-radius: 3px;
    font-size: 15px
}

.update_cart_button a.simple-delete-button {
    font-family: Arial;
    font-size: 15px;
    color: #000;
    background: url(../images/delete_cross.png) right 50% no-repeat;
    padding: 4px 20px;
    border: 1px solid #aeaeae;
    background: #f5f5f5;
    border-radius: 3px;
    font-weight: 700;
    text-decoration: none
}

.update_cart_button a.simple-delete-button:hover {
    color: #000!important
}

.submit-coupon button.button .button-left {
    background: #f5f5f5;
    border: 1px solid #aeaeae;
    color: #000;
    width: auto;
    padding: 3px 18px;
    border-radius: 3px;
    height: 29px
}

.submit-coupon .button-row {
    margin-top: 0
}

#checkout_login button.main-button .button-left {
    background: #4c6923!important;
    color: #fff!important;
    padding: 3px 26px;
    width: auto;
    height: auto;
    border-radius: 4px;
    margin-left: 3px
}

#checkout_login button.button {
    height: 35px
}

.featuerd_prod {
    margin-top: 0!important;
    font-size: 19px!important;
    background: #4c6923;
    color: #fff!important;
    padding: 7px 5px;
    text-transform: uppercase
}

.image_list {
    list-style: none;
    background: url(../images/list-style-img.png) no-repeat 43px 8px;
    margin-left: -30px;
    width: 100%
}

.product_details-button .buttons-row {
    margin: 0
}

.product_details-button button.main-button .button-left {
    background: url(../images/cart_button.png) no-repeat!important;
    width: 39px;
    height: 32px;
    padding: 0;
    color: transparent
}

.product_details-button button.button .button-left {
    background: url(../images/wishlist_button.png) no-repeat;
    width: 39px;
    height: 32px;
    padding: 0;
    color: transparent
}

.product_details-button button.button .button-right {
    padding-right: 4px
}

#tabs-container_product .tabs-menu {
    float: left;
    clear: both
}

#tabs-container_product .tabs-menu li {
    height: 41px;
    line-height: 30px;
    float: left;
    margin-right: 3px;
    background-color: #ccc;
    border-top: 1px solid #d4d4d1;
    border-right: 1px solid #d4d4d1;
    border-left: 1px solid #d4d4d1;
    width: auto
}

#tabs-container_product .tabs-menu li.current {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    z-index: 5
}

#tabs-container_product .tabs-menu li a {
    padding: 5px 17px 9px;
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
    text-decoration: none;
    font-family: arial;
    font-weight: 700
}

#tabs-container_product .tabs-menu .current a {
    color: #547020;
    font-family: arial;
    font-weight: 700
}

#tabs-container_product .tab {
    background-color: #fff;
    float: left;
    margin-bottom: 20px;
    width: 100%
}

#tabs-container_product .tabs-container_product {
    width: 660px;
    padding: 20px;
    display: none
}

#tabs-container_product #tab-11 {
    display: block
}

#tabs-container_product #tab-3 {
    display: none
}

.product-details .acr-general-product-rating table {
    float: left
}

.price_qty .price_value {
    color: #cc230c;
    font-size: 28px;
    font-family: 'source_sans_proregular'
}

.price_qty #product_avail {
    background: #ebebeb;
    padding: 4px;
    margin-left: 39px;
    width: auto!important
}

.product_shipping_cost {
    background: #ececec;
    padding: 17px 23px;
    font-family: Arial
}

.price_qty .simple-list button.button .button-left {
    font-size: 14pt
}

.title_multi_qty {
    color: #527c00;
    font-size: 14pt;
    font-family: arial
}

button.button .price_qty button.button .button-right {
    height: auto!important
}

.price_qty {
    display: inline-block;
    width: 100%;
    /* min-height + margin/padding match live tonerpirate.com (live is 121px; margin 0 0 13, no
       padding). min-height (not height) so option-heavy products can grow instead of clipping. */
    min-height: 120px;
    margin-bottom: 13px
}

.valign-middle.empty strong {
    font-weight: 500;
    font-size: 16px
}

.item_bestseller {
    margin-bottom: 30px
}

.item_bestseller .image-wrapper {
    text-align: center
}

.item_bestseller .buttons-row .button {
    float: none
}

.item_bestseller .price-value {
    color: #cc230c;
    font-size: 13pt;
    font-family: arial;
    font-weight: 600
}

.item_bestseller .product-title {
    line-height: 20px;
    text-decoration: none;
    font-size: 15px;
    width: 100%;
    display: inline-block;
    text-align: left;
    color: #000;
    font-family: 'source_sans_prosemibold';
    min-height: 70px
}

.minicart-box .menu {
    width: 100%
}

.minicart-box .view-cart-link a,
.minicart-box .checkout-link a {
    border: none!important;
    color: #fff!important;
    text-decoration: none
}

.minicart-box .view-cart-link,
.minicart-box .checkout-link {
    float: left;
    margin-left: 21px;
    background: #547020!important;
    color: #fff!important;
    padding: 5px 10px;
    border-radius: 3px
}

#footer {
    color: #000;
    display: inline-block;
    border-top: 1px solid #adadad;
    font-family: Arial
}

.reviews_order div.button a {
    padding-left: 0!important;
    color: #cc230c;
    font-family: arial;
    font-size: 13px;
    font-weight: 500;
    line-height: 22px
}

.ask-question a.simple-button {
    font-size: 15px
}

.reviews_order ul {
    width: 100%;
    padding: 0
}

.reviews_order ul li {
    list-style: none;
    float: left;
    margin-left: 2px
}

.live_support {
    position: fixed;
    top: 20%;
    right: -214px;
    z-index: 16
}

.left_live {
    width: auto;
    float: left;
    margin-top: 10%
}

.live_close {
    width: 20px;
    width: 20px;
    position: absolute;
    top: -9px;
    left: -3px
}

.hr_to_help {
    font-family: arial;
    font-weight: 600;
    font-size: 16px;
    margin: 12px 0
}

.online_q {
    margin-bottom: 18px
}

.live_msg {
    margin-bottom: 11px
}

.checkout-top-login {
    display: none
}

.banner-black .menu-dialog.menu-toner {
    display: inline-block
}

.banner-black .menu-dialog.menu-ink {
    display: inline-block
}

.sub_category #toner_p_browser {
    width: 83%;
    height: 123px
}

#tabs-container_product .tabs-menu li {
    padding-left: 0!important
}

.item_bestseller {
    min-height: 250px!important
}

.login-signin {
    display: inline-block;
    padding-left: 0
}

#tab-2 {
    height: 190px
}

#tabs-container #toner_c_browser {
    height: 205px!important
}

#tabs-container #tab-1 .content {
    height: 190px
}

#tabs-container-one #ink_c_browser {
    height: 244px!important
}

#tabs-container-one #tab-3 .content {
    height: 187px
}

.wishlist_but {
    margin-top: 12px;
    float: right
}

.checkout-container #header input.text {
    max-width: 100%!important
}

.browser_cat {
    font-family: arial;
    font-weight: 700;
    font-size: 18px;
    color: #000
}

.quantity.but-left {
    float: left
}

.buttons-row.but_right {
    float: right;
    margin-top: -4px
}

.price-row {
    text-align: center;
    margin-bottom: -23px
}

#Add_to_cart_popup_window .upselling.details img {
    width: 200px!important;
    height: 150px!important
}

.products-list .item .itemdiv .acr-general-product-rating {
    display: none!important
}

.products.products-table.simple-products-table .product_details-button.details {
    margin-top: -32px
}

.minicart-box .cart-items a {
    color: #000
}

.minicart-box .cart-items a:hover {
    color: #000!important
}

#Add_to_cart_popup_window .title {
    text-align: center
}

#Add_to_cart_popup_window .price {
    text-align: center
}

#Add_to_cart_popup_window .buy.product-input {
    text-align: center
}

#Add_to_cart_popup_window .buy.product-input .main-button .button-left {
    background: url(../images/cart_button.png) no-repeat!important;
    border: none;
    width: 39px;
    height: 32px;
    color: transparent;
    padding: 0!important
}

#Add_to_cart_popup_window .details .title {
    text-align: left
}

#Add_to_cart_popup_window .details .price {
    text-align: left
}

.item_b {
    min-height: 270px!important
}

.send2friend-dialog .data-table label {
    font-weight: 400!important;
    font-family: 'source_sans_proregular'
}

.acr-dialog .button a {
    font-family: 'source_sans_prosemibold';
    font-size: 14px
}

.menu-news,
.menu-news .news {
    font-family: Arial
}

.menu-news .mews_msg {
    font-family: Arial
}

.menu-reviews-section .acr-item {
    font-family: Arial
}

.price_qty .property-value {
    font-family: Arial
}

.products.products-table.simple-products-table .item_products {
    min-height: 260px
}

.item_products .image-wrapper img {
    width: 200px
}

.best_sell_div .image-wrapper img {
    width: 200px;
    height: auto
}

.item_b .image-wrapper {
    min-height: 166px
}

#tab-31 .acr-general-product-rating {
    width: 100%
}

#tab-31 .acr-general-product-rating table {
    width: 130px;
    float: left
}

#tab-31 .reviews_order {
    width: 100%
}

.prodetails_left .acr-general-product-rating {
    display: inline-table
}

.products .item .itemdiv .image img {
    width: 200px!important;
    height: auto!important
}

.dialog-featured-list .title h2 {
    background: #e0e0db;
    color: #000!important;
    padding: 8px 16px;
    font-size: 20px
}

.checkout-container .search div.checkout-container input[type=text] {
    padding: 11px 5px!important
}

.estimator-container-width {
    width: 45%;
    margin-left: 55%
}

.float-left {
    font-weight: 600
}

.line1 .col-md-6.col-xs-12.col-lg-6.text-justify.margin-bottom {
    position: relative
}

.prodetails_left {
    width: 70%;
    float: left
}

.product_details-button button.button .button-left {
    width: 39px!important
}

.live_msg a {
    text-decoration: none
}

.live_msg a:hover {
    text-decoration: none
}

.text-font-pop {
    font-weight: 600;
    font-size: 16px;
    color: #333;
    padding-left: 7px
}

.product-ask-form .input-style,
input[type=password],
input[type=text],
select,
textarea {
    margin-bottom: 3px
}

.products.cart .right-box.cart-border {
    display: inline-block;
}

@media screen and (max-width:360px) {
    .acr-general-product-rating table {
        width: 100% !important
    }
    .acr-product-info .acr-image {
        width: 100%;
    }
    . acr-product-info .acr-details {
        width: 100% !important;
        margin-left: 0px !important;
        padding-left: 0px !important;
    }
    #content-container {
        margin-top: 169px
    }
    #header input.text2 {
        width: 100%
    }
    input.image-button {
        right: 4px
    }
    .menu-container .menu_checkout_cart {
        width: 59%
    }
    .logo img {
        width: 109px!important;
        height: 28px!important
    }
    .register_login {
        position: absolute!important;
        right: 0;
        font-size: 11px;
        padding-right: 0!important;
        top: 2px;
        z-index: 1
    }
    .login-signin {
        padding: 3px;
        margin-left: 2px
    }
    .desktop_view {
        display: none
    }
    .mobile-view {
        display: block;
        position: absolute;
        right: 0;
        top: 0
    }
    ul.menu_checkout_cart > li {
        padding: 0 15px
    }
    ul.menu_checkout_cart > li:nth-child(1) {
        padding: 0 18px 0 8px
    }
    .mobile-view a {
        color: #fff;
        text-decoration: none
    }
    ul.login-signin li {
        margin: 0 0 0 3px
    }
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.product-added.ui-draggable {
        width: 96%!important;
        left: 4px!important
    }
    .checkout-container #content-container {
        margin-top: 184px
    }
    div.opc-container #center-main {
        width: 100%!important
    }
    .products {
        margin-top: 50px;
        display: inline-block
    }
    .checkout-buttons {
        top: 1%!important;
        right: 0!important
    }
    .cart .right-buttons-row {
        position: relative;
        top: 42px;
        width: auto;
        right: 8px;
        display: none
    }
    .dialog {
        margin: 0;
        margin-bottom: 38px
    }
    .login-signin {
        font-size: 12px
    }
    .menu_chkout a {
        font-size: 14px!important
    }
    .menu-minicart img.icon {
        height: 13px;
        width: 16px
    }
    .ui-tabs .ui-tabs-nav li {
        width: 100%
    }
    #tabs-container_product .tabs-menu li {
        width: 100%;
        text-align: left
    }
    input.send2friend {
        width: auto
    }
    .login-signin {
        margin-top: 0;
        float: right!important
    }
    .hello-name {
        font-size: 10px;
        text-align: right;
        margin-right: 0px;
    }
    .modify-profile-link ul {
        width: 200%;
        text-align: left
    }
    .menu-container .menu {
        width: 100%
    }
    .menu > ul > li > ul.normal-sub > li {
        width: 100%!important
    }
    .menu > ul > li > ul.normal-sub > li a {
        padding: 0
    }
    ul.address-container {
        text-align: center
    }
    .buttons-row .button-separator {
        margin-bottom: 14px
    }
    .emt {
        display: none
    }
    .hello-name ~ .login-signin {
        margin-top: -17px
    }
    .left-border {
        min-height: 185px!important;
        border: none
    }
    .details_tab {
        width: 100%
    }
    .checkout_menu .menu-minicart .valign-middle.empty {
        font-size: 17px
    }
    #tabs-container,
    #tabs-container-one {
        width: 240px
    }
    .live_support {
        top: 43%
    }
    .sub_category iframe#toner_p_browser {
        height: 300px
    }
    .product-details .details {
        padding-left: 9px;
        margin-top: 20px
    }
    .dialog-category-products-list .item .product_details-button .buttons-row {
        width: 18%!important
    }
    h1.green {
        padding: 0
    }
    .checkout_menu .valign-middle.full {
        font-size: 12px;
        font-family: arial;
        width: auto;
        display: inline-block;
        padding-top: 1px;color:#000 !important
    }
    .input-style,
    input[type=password],
    input[type=text],
    select,
    textarea {
        width: 100%
    }
    #adv_search_box input[type=text] {
        width: auto !important;
    }
    .checkoutAddressBook {
        display: none
    }
    .register_login {
        width: 100%!important;
        height: 20px
    }
    .logo a {
        z-index: 12
    }
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all {
        width: 98%!important;
        left: 1px!important
    }
    .qa-form input[type='text'],
    .qa-form input[type='email'],
    .qa-form select,
    .qa-form textarea {
        width: 100%!important
    }
    .help_menu_last {
        left: 0!important;
        right: 0!important
    }
    .nbs-flexisel-nav-left {
        margin-left: 0
    }
    .products-list .item .itemdiv .image img {
        width: 200px!important;
        height: 150px!important
    }
    .menu-container .menu {
        width: 100%
    }
    .product-price-text input[type=text] {
        width: auto!important
    }
    div.checkout-container h1 {
        padding: 53px 5px 11px!important
    }
    .modify-profile-link ul li {
        float: none;
        padding: 4px 0;
        text-align: left
    }
    .products-list .image {
        padding: 0
    }
    .buttons-auto-separator .button,
    .buttons-auto-separator a.simple-button,
    .buttons-auto-separator button.simple-button {
        margin-right: 0!important
    }
    input.image-button {
        top: 5%!important
    }
    .menu-reviews-section .acr-link {
        text-align: center!important
    }
    .menu-reviews-section .acr-link a {
        width: 100%
    }
    .checkoutImageBox img {
        width: 227px!important
    }
    div#checkoutModalPasswordRecovery {
        width: 100%!important
    }
    .help_menu_ {
        padding-left: 5px!important
    }
    .print-id {
        display: none
    }
    .valign-middle.empty strong {
        font-size: 13px
    }
    .menu-line-height {
        line-height: 19px!important
    }
    .line1 .col-md-6.col-xs-12.col-lg-6.text-justify.margin-bottom {
        padding: 0 0 0 16px !important
    }
    .submit-coupon {
        width: 100%!important
    }
    .shippingFieldsContainer {
        width: 100%!important
    }
    .totalsDisplayContainer {
        width: 100%!important;
        margin-top: 10px
    }
    .emt {
        display: none
    }
    .register-table .button-row a {
        padding: 4px 7px!important
    }
    .estimator-container-width {
        width: 100%;
        margin-left: 0
    }
    .submit-coupon {
        width: 100%!important
    }
    #header .line1 .logo a img {
        width: 230px;
        height: 47px
    }
    .AJAXSearch {
        top: 13%!important
    }
    .menu > ul > li > ul.normal-sub > li a {
        padding: 2px 0
    }
    #colorbox {
        width: 100%!important;
        height: 100%!important;
        top: 20%!important;
        position: fixed!important
    }
    #cboxWrapper {
        width: 98%!important;
        height: auto!important
    }
    #cboxWrapper #cboxMiddleLeft {
        height: 100%!important
    }
    #cboxWrapper #cboxContent {
        width: 100%!important;
        height: 100%!important
    }
    #cboxWrapper #cboxLoadedContent {
        width: 100%!important;
        height: 96%!important
    }
    #cboxWrapper #cboxLoadedContent .cboxPhoto {
        width: 100%!important;
        height: 96%!important;
        margin: 0 auto!important
    }
    #cboxMiddleRight,
    #cboxTopLeft,
    #cboxTopRight,
    #cboxBottomLeft,
    #cboxBottomRight,
    #cboxBottomCenter,
    #cboxBottomRight,
    #cboxTopCenter {
        display: none!important
    }
}

@media screen and (min-width:361px) and (max-width:509px) {
    .tabs-menu-one li,
    .tabs-menu li {
        padding-left: 9px !important;
    }
    .acr-product-info .acr-image {
        width: 100%;
    }
    .acr-general-product-rating table {
        width: 100% !important
    }
    .acr-product-info .acr-details {
        width: 100% !important;
        margin-left: 0px !important;
        padding-left: 0px !important;
    }
    .submit-coupon {
        width: 100%!important
    }
    .totalsDisplayContainer {
        width: 100%!important;
        margin-top: 10px
    }
    .modify-profile-link ul li {
        float: none;
        padding: 5px 27px 0px 13px;
        text-align: left
    }
    #content-container {
        margin-top: 170px
    }
    ul.login-signin li {
        margin: 5px;
        margin-top: -1px
    }
    #header input.text2 {
        width: 100%
    }
    input.image-button {
        right: 18px
    }
    .menu-container .menu_checkout_cart {
        width: 59%
    }
    .logo img {
        width: 133px!important;
        height: 33px!important
    }
    .register_login {
        position: absolute!important;
        right: 0;
        font-size: 11px;
        padding-right: 0!important;
        top: 2px
    }
    .login-signin {
        padding: 3px;
        width: 100%;
        margin-left: 20%
    }
    .desktop_view {
        display: none
    }
    .mobile-view {
        display: block;
        position: absolute;
        right: 0;
        top: 0
    }
    ul.menu_checkout_cart > li {
        padding: 0 20px
    }
    ul.login-signin li {
        margin: 0 0 0 3px
    }
    .mobile-view a {
        color: #fff;
        text-decoration: none
    }
    .checkout-container #content-container {
        margin-top: 173px
    }
    div.opc-container #center-main {
        width: 100%!important
    }
    .checkout-buttons {
        top: 2%!important;
        right: 0!important
    }
    .cart .right-buttons-row {
        position: relative;
        top: 7px;
        width: auto
    }
    .cart .left-buttons-row {
        position: relative
    }
    .login-signin {
        font-size: 12px
    }
    .menu_chkout a {
        font-size: 14px!important
    }
    .menu-minicart img.icon {
        height: 15px;
        width: 18px
    }
    .ui-tabs .ui-tabs-nav li {
        width: 100%
    }
    #tabs-container_product .tabs-menu li {
        width: 100%;
        text-align: left
    }
    input.send2friend {
        width: auto
    }
    .login-signin {
        float: right!important
    }
    .hello-name {
        font-size: 11px;
        text-align: right; margin-right: 87px;
    }
    .modify-profile-link ul {
        width: auto
    }
    .menu-container .menu {
        width: 100%
    }
    .menu > ul > li > ul.normal-sub > li {
        width: 100%!important
    }
    .menu > ul > li > ul.normal-sub > li a {
        padding: 0
    }
    ul.address-container {
        text-align: center
    }
    .buttons-row .button-separator {
        margin-bottom: 14px
    }
    .emt {
        display: none
    }
    .hello-name ~ .login-signin {
        margin-top: -18px
    }
    .left-border {
        min-height: 185px!important;
        border: none
    }
    .details_tab {
        width: 100%
    }
    .checkout_menu .menu-minicart .valign-middle.empty {
        font-size: 14px
    }
    #tabs-container,
    #tabs-container-one {
        width: 240px
    }
    .live_support {
        top: 23%
    }
    .sub_category iframe#toner_p_browser {
        height: 300px
    }
    .dialog-category-products-list .item .product_details-button .buttons-row {
        width: 15%!important
    }
    .checkout_menu .valign-middle.full {
        font-size: 10px;
        font-family: arial;
        width: auto;
        display: inline-block
    }
    .input-style,
    input[type=password],
    input[type=text],
    select,
    textarea {
        width: 100%
    }
    #adv_search_box input[type=text] {
        width: auto !important;
    }
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all {
        width: 98%!important;
        left: 1px!important
    }
    .qa-form input[type='text'],
    .qa-form input[type='email'],
    .qa-form select,
    .qa-form textarea {
        width: 100%!important
    }
    .help_menu_last {
        left: 0!important;
        right: 0!important
    }
    .product-details .details {
        padding-left: 0;
        margin-top: 22px
    }
    .nbs-flexisel-nav-left {
        margin-left: 0
    }
    .menu-container .menu {
        width: 100%
    }
    .product-price-text input[type=text] {
        width: auto!important
    }
    div.checkout-container h1 {
        padding: 53px 5px 11px!important
    }
    .print-id {
        display: none
    }
    .submit-coupon {
        width: 100%!important
    }
    .shippingFieldsContainer {
        width: 100%!important
    }
    .emt {
        display: none
    }
    .estimator-container-width {
        width: 100%;
        margin-left: 0
    }
    #header .line1 .logo a img {
        width: 230px;
        height: 47px
    }
    .menu > ul > li > ul.normal-sub > li a {
        padding: 2px 0
    }
    #colorbox {
        width: 100%!important;
        height: 100%!important;
        top: 20%!important;
        position: fixed!important
    }
    #cboxWrapper {
        width: 98%!important;
        height: auto!important
    }
    #cboxWrapper #cboxMiddleLeft {
        height: 100%!important
    }
    #cboxWrapper #cboxContent {
        width: 100%!important;
        height: 100%!important
    }
    #cboxWrapper #cboxLoadedContent {
        width: 100%!important;
        height: 96%!important
    }
    #cboxWrapper #cboxLoadedContent .cboxPhoto {
        width: 100%!important;
        height: 96%!important;
        margin: 0 auto!important
    }
    #cboxMiddleRight,
    #cboxTopLeft,
    #cboxTopRight,
    #cboxBottomLeft,
    #cboxBottomRight,
    #cboxBottomCenter,
    #cboxBottomRight,
    #cboxTopCenter {
        display: none!important
    }
}

@media screen and (min-width:510px) and (max-width:640px) {
    .submit-coupon {
        width: 100%!important
    }
    .shippingFieldsContainer {
        width: 100%!important
    }
    .print-id {
        display: none
    }
    .billingFieldsContainer {
        border: none!important
    }
    .checkout-buttons {
        top: 0!important
    }
    div.checkout-container h1 {
        padding: 41px 5px 16px!important
    }
    #content-container {
        margin-top: 173px
    }
    .checkout-container #content-container {
        margin-top: 193px
    }
    .mobile-view {
        display: block;
        position: absolute;
        right: 0;
        top: 0
    }
    .desktop_view {
        display: none
    }
    .menu_checkout_cart .menu_chkout a {
        color: #fff
    }
    ul.menu_checkout_cart > li {
        padding: 6px 25px
    }
    .register_login {
        padding-left: 0;
        height: 20px
    }
    .modify-profile-link ul {
        top: 17px;
        padding: 38px 0 38px 24px !important
    }
    .login-signin {
        display: inline
    }
    #header input.text2 {
        width: 99%
    }
    input.image-button {
        right: 4px
    }
    .product-details .details {
        padding-left: 0;
        margin-top: 22px
    }
    #tabs-container_product .tabs-menu li {
        width: 49%
    }
    .product-details {
        margin-bottom: 0
    }
    iframe#toner_p_browser {
        height: 286px
    }
    .menu-container .menu {
        width: 100%
    }
    .product-properties div img {
        width: 32%
    }
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.product-added.ui-draggable {
        width: 96%!important;
        left: 4px!important
    }
    ul.login-signin li {
        margin: 0 9px 0 3px
    }
    .banner-black {
        margin-top: 0
    }
    .sub_category iframe#toner_p_browser {
        height: 300px
    }
    .left-border {
        min-height: 185px!important;
        border: none
    }
    #adv_search_box input[type=text] {
        width: auto !important;
    }
    .input-style,
    input[type=password],
    input[type=text],
    select,
    textarea {
        width: 100%
    }
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all {
        width: 98%!important;
        left: 1px!important
    }
    .qa-form input[type='text'],
    .qa-form input[type='email'],
    .qa-form select,
    .qa-form textarea {
        width: 100%!important
    }
    .help_menu_last {
        left: 0!important;
        right: 0!important
    }
    .nbs-flexisel-nav-left {
        margin-left: 0
    }
    .menu-container .menu {
        width: 100%
    }
    .register_login {
        top: 0;
        position: absolute!important;
        right: 0
    }
    .register_login .hello-name {
        width: auto;
        float: left
    }
    .hello-name ~ .login-signin {
        width: 53%;
        float: left
    }
    .register_login .login-signin {
        display: inline-block
    }
    .products.products-table.simple-products-table .item_products {
        width: 50%!important;
        float: left
    }
    div.opc-container #center-main {
        width: 100%!important
    }
    .line1 .col-md-6.col-xs-12.col-lg-6.text-justify.margin-bottom {
        padding: 0 0 0 16px !important
    }
    .emt {
        display: none
    }
    .estimator-container-width {
        width: 100%;
        margin-left: 0
    }
    #header .line1 .logo a img {
        width: 230px;
        height: 47px
    }
    .menu > ul > li > ul.normal-sub > li a {
        padding: 2px 0
    }
}

@media screen and (min-width:641px) and (max-width:959px) {
    .modify-profile-link ul {
        padding: 13px 24px 0px 24px !important;
        width: 195px !important;
        line-height: 17px !important;
        height: 195px !important;
    }
    .checkout-container #content-container {
        margin-top: 200px
    }
    #content-container {
        margin-top: 193px
    }
    .register_login {
        width: 43%!important;
        position: absolute!important;
        right: 0;
        top: 0;
        padding-right: 0!important
    }
    ul.login-signin li {
        margin-top: 9px!important
    }
    .mobile-view {
        display: block;
        position: absolute;
        right: 0;
        top: 0
    }
    .desktop_view {
        display: none
    }
    .menu_checkout_cart .menu_chkout a {
        color: #fff
    }
    ul.menu_checkout_cart > li {
        padding: 6px 37px 6px 19px
    }
    .register_login {
        padding-left: 0
    }
    #header input.text2 {
        width: 99%
    }
    input.image-button {
        right: 18px
    }
    .product-details .details {
        padding-left: 0;
        margin-top: 22px
    }
    #tabs-container_product .tabs-menu li {
        width: 49%
    }
    .product-details {
        margin-bottom: 0
    }
    .nbs-flexisel-nav-left {
        margin-left: 0
    }
    div.opc-container #center-main {
        width: 100%!important
    }
    .menu-container .menu {
        width: 100%
    }
    .emt {
        display: none
    }
    .row.second-row .col-md-3.col-lg-3.col-sm-3.col-xs-12 {
        width: 50%!important
    }
    .sub_category #toner_p_browser {
        width: 100%
    }
    div.printable-bar {
        display: none
    }
    .best_sell_ul.row .item_b {
        width: 50%!important
    }
    .hello-name {
        width: 50%;
        float: left;
        margin-top: 10px
    }
    .line1 .col-md-6.col-xs-12.col-lg-6.text-justify.margin-bottom {
        padding-right: 0!important
    }
    input.image-button {
        right: 4px!important
    }
    .menu > ul > li > ul.normal-sub > li a {
        padding: 2px 0
    }
}

@media screen and (min-width:960px) and (max-width:1100px) {
    .products .item .itemdiv .image img {
        width: 200px!important;
        height: auto!important
    }
    #content-container {
        margin-top: 118px
    }
    ul.login-signin li {
        margin: 0 3px
    }
    input.image-button {
        right: 18px
    }
    div.printable-bar {
        padding: 11px 0
    }
    .nbs-flexisel-nav-left {
        margin-left: 0
    }
    div.opc-container #center-main {
        width: 100%!important
    }
    .menu-container .menu_checkout_cart {
        width: 22%;
        float: none;
        margin-bottom: 0;
        padding-left: 0;
        position: absolute;
        top: 21px;
        right: 0
    }
    .register_login {
        position: absolute!important;
        right: 0;
        top: 0;
        width: 28%!important
    }
    .emt {
        display: none
    }
    .hello-name {
        width: 50%;
        float: left
    }
    div.checkout-container h1 {
        padding: 4px 5px 16px!important
    }
    .row.second-row .col-md-3.col-lg-3.col-sm-3.col-xs-12 {
        width: 50%!important
    }
    .products .item .itemdiv .image img {
        width: 200px!important
    }
    .product-details .image .image-box #product_thumbnail {
        width: 220px!important;
        height: auto!important
    }
    .register-table .button-row a {
        padding: 4px 9px!important
    }
    .line1 .col-md-6.col-xs-12.col-lg-6.text-justify.margin-bottom {
        padding-right: 0!important
    }
    input.image-button {
        right: 4px!important
    }
    .bread_one {
        width: 80%!important;
        float: left
    }
    .bread_two {
        width: 20%!important;
        float: left
    }
}

@media screen and (min-width:1101px) and (max-width:1280px) {
    #content-container {
        margin-top: 118px
    }
    ul.login-signin li {
        margin: 0 3px
    }
    .login-signin {
        display: inline-block;
        padding-top: 10px
    }
    input.image-button {
        right: 18px
    }
    .dialog-category-products-list .item .product_details-button .buttons-row {
        width: auto!important
    }
    .nbs-flexisel-nav-left {
        margin-left: 0
    }
    div.opc-container #center-main {
        width: 100%!important
    }
    .banner-black {
        margin-top: 23px!important
    }
    .hello-name ~ .login-signin {
        padding-top: 0
    }
    .mac-width {
        width: 90%!important
    }
    .row.second-row .image_list .menu-dialog img {
        margin-left: -15px
    }
}

@media screen and (min-width:1281px) and (max-width:1400px) {
    .products .item .itemdiv .image img {
        width: 200px!important;
        height: auto!important
    }
    div.printable-bar {
        padding: 11px 14px
    }
    div.opc-container #center-main {
        width: 100%!important
    }
}

@media screen and (min-width:1401px) and (max-width:1600px) {
    div.opc-container #center-main {
        width: 100%!important
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .row.second-row > div {
        width: 50%!important
    }
    .wishlist_but {
        margin-top: -56px
    }
    .prodetails_left {
        width: 100%
    }
}

@media screen and (min-width:960px) and (max-width:991px) {
    .best_sell_div .best_sell_ul.row .item_b {
        width: 50%!important
    }
    .sub_category #toner_p_browser {
        width: 100%!important
    }
    ul.menu_checkout_cart > li {
        padding: 6px 10px
    }
    #content-container {
        margin-top: 190px
    }
    .checkout-container #content-container {
        margin-top: 196px
    }
}

@media screen and (min-width:992px) and (max-width:1300px) {
    .horizondal-line {
        min-height: 155px;
        text-align: left
    }
    .dialog-category-products-list .products-list .item {
        width: 32%!important
    }
    .item_bestseller .image-wrapper img {
        width: 200px!important;
        height: 150px!important
    }
    .sub_category #toner_p_browser {
        width: 100%!important
    }
}

@media screen and (min-width:1200px) and (max-width:1300px) {
    .row.second-row .image_list .menu-dialog img {
        margin-left: -14px
    }
    .prodetails_left {
        width: 80%
    }
    .prodetails_right {
        width: 20%
    }
}

@media screen and (min-width:1301px) and (max-width:1400px) {
    .row.second-row .image_list .menu-dialog img {
        margin-left: -10px
    }
    .dialog-category-products-list .products-list .item {
        width: 32%!important
    }
    #cboxMiddleRight,
    #cboxTopLeft,
    #cboxTopRight,
    #cboxBottomLeft,
    #cboxBottomRight,
    #cboxBottomCenter,
    #cboxBottomRight,
    #cboxTopCenter {
        display: none!important
    }
}

@media screen and (min-width:361px) and (max-width:509px) {
    .tabs-menu-one li,
    .tabs-menu li {
        padding-left: 9px !important;
    }
    .acr-product-info .acr-image {
        width: 100%;
    }
    .acr-general-product-rating table {
        width: 100% !important
    }
    .acr-product-info .acr-details {
        width: 100% !important;
        margin-left: 0px !important;
        padding-left: 0px !important;
    }
    .submit-coupon {
        width: 100%!important
    }
    .totalsDisplayContainer {
        width: 100%!important;
        margin-top: 10px
    }
    .modify-profile-link ul li {
        float: none;
        padding: 5px 27px 0px 13px;
        text-align: left
    }
    #content-container {
        margin-top: 170px
    }
    ul.login-signin li {
        margin: 5px;
        margin-top: -1px
    }
    #header input.text2 {
        width: 100%
    }
    input.image-button {
        right: 18px
    }
    .menu-container .menu_checkout_cart {
        width: 59%
    }
    .logo img {
        width: 133px!important;
        height: 33px!important
    }
    .register_login {
        position: absolute!important;
        right: 0;
        font-size: 11px;
        padding-right: 0!important;
        top: 2px
    }
    .login-signin {
        padding: 3px;
        width: 100%;
        margin-left: 20%
    }
    .desktop_view {
        display: none
    }
    .mobile-view {
        display: block;
        position: absolute;
        right: 0;
        top: 0
    }
    ul.menu_checkout_cart > li {
        padding: 0 20px
    }
    ul.login-signin li {
        margin: 0 0 0 3px
    }
    .mobile-view a {
        color: #fff;
        text-decoration: none
    }
    .checkout-container #content-container {
        margin-top: 173px
    }
    div.opc-container #center-main {
        width: 100%!important
    }
    .checkout-buttons {
        top: 2%!important;
        right: 0!important
    }
    .cart .right-buttons-row {
        position: relative;
        top: 7px;
        width: auto
    }
    .cart .left-buttons-row {
        position: relative
    }
    .login-signin {
        font-size: 12px
    }
    .menu_chkout a {
        font-size: 14px!important
    }
    .menu-minicart img.icon {
        height: 15px;
        width: 18px
    }
    .ui-tabs .ui-tabs-nav li {
        width: 100%
    }
    #tabs-container_product .tabs-menu li {
        width: 100%;
        text-align: left
    }
    input.send2friend {
        width: auto
    }
    .login-signin {
        float: right!important
    }
    .hello-name {
        font-size: 11px;
        text-align: left
    }
    .modify-profile-link ul {
        width: auto
    }
    .menu-container .menu {
        width: 100%
    }
    .menu > ul > li > ul.normal-sub > li {
        width: 100%!important
    }
    .menu > ul > li > ul.normal-sub > li a {
        padding: 0
    }
    ul.address-container {
        text-align: center
    }
    .buttons-row .button-separator {
        margin-bottom: 14px
    }
    .emt {
        display: none
    }
    .hello-name ~ .login-signin {
        margin-top: -18px
    }
    .left-border {
        min-height: 185px!important;
        border: none
    }
    .details_tab {
        width: 100%
    }
    .checkout_menu .menu-minicart .valign-middle.empty {
        font-size: 14px
    }
    #tabs-container,
    #tabs-container-one {
        width: 240px
    }
    .live_support {
        top: 23%
    }
    .sub_category iframe#toner_p_browser {
        height: 300px
    }
    .dialog-category-products-list .item .product_details-button .buttons-row {
        width: 15%!important
    }
    .checkout_menu .valign-middle.full {
        font-size: 10px;
        font-family: arial;
        width: auto;
        display: inline-block;color:#000 !important;
    }
    .input-style,
    input[type=password],
    input[type=text],
    select,
    textarea {
        width: 100%
    }
    #adv_search_box input[type=text] {
        width: auto !important;
    }
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all {
        width: 98%!important;
        left: 1px!important
    }
    .qa-form input[type='text'],
    .qa-form input[type='email'],
    .qa-form select,
    .qa-form textarea {
        width: 100%!important
    }
    .help_menu_last {
        left: 0!important;
        right: 0!important
    }
    .product-details .details {
        padding-left: 0;
        margin-top: 22px
    }
    .nbs-flexisel-nav-left {
        margin-left: 0
    }
    .menu-container .menu {
        width: 100%
    }
    .product-price-text input[type=text] {
        width: auto!important
    }
    div.checkout-container h1 {
        padding: 53px 5px 11px!important
    }
    .print-id {
        display: none
    }
    .submit-coupon {
        width: 100%!important
    }
    .shippingFieldsContainer {
        width: 100%!important
    }
    .emt {
        display: none
    }
    .estimator-container-width {
        width: 100%;
        margin-left: 0
    }
    #header .line1 .logo a img {
        width: 230px;
        height: 47px
    }
    .menu > ul > li > ul.normal-sub > li a {
        padding: 2px 0
    }
    #colorbox {
        width: 100%!important;
        height: 100%!important;
        top: 20%!important;
        position: fixed!important
    }
    #cboxWrapper {
        width: 98%!important;
        height: auto!important
    }
    #cboxWrapper #cboxMiddleLeft {
        height: 100%!important
    }
    #cboxWrapper #cboxContent {
        width: 100%!important;
        height: 100%!important
    }
    #cboxWrapper #cboxLoadedContent {
        width: 100%!important;
        height: 96%!important
    }
    #cboxWrapper #cboxLoadedContent .cboxPhoto {
        width: 100%!important;
        height: 96%!important;
        margin: 0 auto!important
    }
    #cboxMiddleRight,
    #cboxTopLeft,
    #cboxTopRight,
    #cboxBottomLeft,
    #cboxBottomRight,
    #cboxBottomCenter,
    #cboxBottomRight,
    #cboxTopCenter {
        display: none!important
    }
}

@media screen and (min-width:510px) and (max-width:640px) {
    .submit-coupon {
        width: 100%!important
    }
    .shippingFieldsContainer {
        width: 100%!important
    }
    .print-id {
        display: none
    }
    .billingFieldsContainer {
        border: none!important
    }
    .checkout-buttons {
        top: 0!important
    }
    div.checkout-container h1 {
        padding: 41px 5px 16px!important
    }
    #content-container {
        margin-top: 173px
    }
    .checkout-container #content-container {
        margin-top: 193px
    }
    .mobile-view {
        display: block;
        position: absolute;
        right: 0;
        top: 0
    }
    .desktop_view {
        display: none
    }
    .menu_checkout_cart .menu_chkout a {
        color: #fff
    }
    ul.menu_checkout_cart > li {
        padding: 6px 25px
    }
    .register_login {
        padding-left: 0;
        height: 20px
    }
    .modify-profile-link ul {
        top: 17px;
        padding: 38px 0 38px 24px !important
    }
    .login-signin {
        display: inline
    }
    #header input.text2 {
        width: 99%
    }
    input.image-button {
        right: 4px
    }
    .product-details .details {
        padding-left: 0;
        margin-top: 22px
    }
    #tabs-container_product .tabs-menu li {
        width: 49%
    }
    .product-details {
        margin-bottom: 0
    }
    iframe#toner_p_browser {
        height: 286px
    }
    .menu-container .menu {
        width: 100%
    }
    .product-properties div img {
        width: 32%
    }
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.product-added.ui-draggable {
        width: 96%!important;
        left: 4px!important
    }
    ul.login-signin li {
        margin: 0 9px 0 3px
    }
    .banner-black {
        margin-top: 0
    }
    .sub_category iframe#toner_p_browser {
        height: 300px
    }
    .left-border {
        min-height: 185px!important;
        border: none
    }
    .input-style,
    input[type=password],
    input[type=text],
    select,
    textarea {
        width: 100%
    }
    #adv_search_box input[type=text] {
        width: auto !important;
    }
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all {
        width: 98%!important;
        left: 1px!important
    }
    .qa-form input[type='text'],
    .qa-form input[type='email'],
    .qa-form select,
    .qa-form textarea {
        width: 100%!important
    }
    .help_menu_last {
        left: 0!important;
        right: 0!important
    }
    .nbs-flexisel-nav-left {
        margin-left: 0
    }
    .menu-container .menu {
        width: 100%
    }
    .register_login {
        top: 0;
        position: absolute!important;
        right: 0
    }
    .register_login .hello-name {
        width: auto;
        float: left
    }
    .hello-name ~ .login-signin {
        width: 53%;
        float: left
    }
    .register_login .login-signin {
        display: inline-block
    }
    .products.products-table.simple-products-table .item_products {
        width: 50%!important;
        float: left
    }
    div.opc-container #center-main {
        width: 100%!important
    }
    .line1 .col-md-6.col-xs-12.col-lg-6.text-justify.margin-bottom {
        padding: 0 0 0 16px !important
    }
    .emt {
        display: none
    }
    .estimator-container-width {
        width: 100%;
        margin-left: 0
    }
    #header .line1 .logo a img {
        width: 230px;
        height: 47px
    }
    .menu > ul > li > ul.normal-sub > li a {
        padding: 2px 0
    }
}

@media screen and (min-width:641px) and (max-width:959px) {
    .modify-profile-link ul {
        padding: 13px 24px 0px 24px !important;
        width: 195px !important;
        line-height: 17px !important;
        height: 195px !important;
    }
    .checkout-container #content-container {
        margin-top: 200px
    }
    #content-container {
        margin-top: 193px
    }
    .register_login {
        width: 43%!important;
        position: absolute!important;
        right: 0;
        top: 0;
        padding-right: 0!important
    }
    ul.login-signin li {
        margin-top: 9px!important
    }
    .mobile-view {
        display: block;
        position: absolute;
        right: 0;
        top: 0
    }
    .desktop_view {
        display: none
    }
    .menu_checkout_cart .menu_chkout a {
        color: #fff
    }
    ul.menu_checkout_cart > li {
        padding: 6px 37px 6px 19px
    }
    .register_login {
        padding-left: 0
    }
    #header input.text2 {
        width: 99%
    }
    input.image-button {
        right: 18px
    }
    .product-details .details {
        padding-left: 0;
        margin-top: 22px
    }
    #tabs-container_product .tabs-menu li {
        width: 49%
    }
    .product-details {
        margin-bottom: 0
    }
    .nbs-flexisel-nav-left {
        margin-left: 0
    }
    div.opc-container #center-main {
        width: 100%!important
    }
    .menu-container .menu {
        width: 100%
    }
    .emt {
        display: none
    }
    .row.second-row .col-md-3.col-lg-3.col-sm-3.col-xs-12 {
        width: 50%!important
    }
    .sub_category #toner_p_browser {
        width: 100%
    }
    div.printable-bar {
        display: none
    }
    .best_sell_ul.row .item_b {
        width: 50%!important
    }
    .hello-name {
        width: 50%;
        float: left;
        margin-top: 10px
    }
    .line1 .col-md-6.col-xs-12.col-lg-6.text-justify.margin-bottom {
        padding-right: 0!important
    }
    input.image-button {
        right: 4px!important
    }
    .menu > ul > li > ul.normal-sub > li a {
        padding: 2px 0
    }
}

@media screen and (min-width:960px) and (max-width:1100px) {
    .products .item .itemdiv .image img {
        width: 200px!important;
        height: auto!important
    }
    #content-container {
        margin-top: 118px
    }
    ul.login-signin li {
        margin: 0 3px
    }
    input.image-button {
        right: 18px
    }
    div.printable-bar {
        padding: 11px 0
    }
    .nbs-flexisel-nav-left {
        margin-left: 0
    }
    div.opc-container #center-main {
        width: 100%!important
    }
    .menu-container .menu_checkout_cart {
        width: 22%;
        float: none;
        margin-bottom: 0;
        padding-left: 0;
        position: absolute;
        top: 21px;
        right: 0
    }
    .register_login {
        position: absolute!important;
        right: 0;
        top: 0;
        width: 28%!important
    }
    .emt {
        display: none
    }
    .hello-name {
        width: 50%;
        float: left
    }
    div.checkout-container h1 {
        padding: 4px 5px 16px!important
    }
    .row.second-row .col-md-3.col-lg-3.col-sm-3.col-xs-12 {
        width: 50%!important
    }
    .products .item .itemdiv .image img {
        width: 200px!important
    }
    .product-details .image .image-box #product_thumbnail {
        width: 220px!important;
        height: auto!important
    }
    .register-table .button-row a {
        padding: 4px 9px!important
    }
    .line1 .col-md-6.col-xs-12.col-lg-6.text-justify.margin-bottom {
        padding-right: 0!important
    }
    input.image-button {
        right: 4px!important
    }
    .bread_one {
        width: 80%!important;
        float: left
    }
    .bread_two {
        width: 20%!important;
        float: left
    }
}

@media screen and (min-width:1101px) and (max-width:1280px) {
    #content-container {
        margin-top: 118px
    }
    ul.login-signin li {
        margin: 0 3px
    }
    .login-signin {
        display: inline-block;
        padding-top: 10px
    }
    input.image-button {
        right: 18px
    }
    .dialog-category-products-list .item .product_details-button .buttons-row {
        width: auto!important
    }
    .nbs-flexisel-nav-left {
        margin-left: 0
    }
    div.opc-container #center-main {
        width: 100%!important
    }
    .banner-black {
        margin-top: 23px!important
    }
    .hello-name ~ .login-signin {
        margin-top: 5px;
    padding: 1px;
    margin-right: -11px;
    }
    .mac-width {
        width: 90%!important
    }
    .row.second-row .image_list .menu-dialog img {
        margin-left: -15px
    }
}

@media screen and (min-width:1281px) and (max-width:1400px) {
    .products .item .itemdiv .image img {
        width: 200px!important;
        height: auto!important
    }
    div.printable-bar {
        padding: 11px 14px
    }
    div.opc-container #center-main {
        width: 100%!important
    }
}

@media screen and (min-width:1401px) and (max-width:1600px) {
    div.opc-container #center-main {
        width: 100%!important
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .row.second-row > div {
        width: 50%!important
    }
    .wishlist_but {
        margin-top: -56px
    }
    .prodetails_left {
        width: 100%
    }
}

@media screen and (min-width:960px) and (max-width:991px) {
    .best_sell_div .best_sell_ul.row .item_b {
        width: 50%!important
    }
    .sub_category #toner_p_browser {
        width: 100%!important
    }
    ul.menu_checkout_cart > li {
        padding: 6px 10px
    }
    #content-container {
        margin-top: 190px
    }
    .checkout-container #content-container {
        margin-top: 196px
    }
}

@media screen and (min-width:992px) and (max-width:1300px) {
    .horizondal-line {
        min-height: 155px;
        text-align: left
    }
    .dialog-category-products-list .products-list .item {
        width: 32%!important
    }
    .item_bestseller .image-wrapper img {
        width: 200px!important;
        height: 150px!important
    }
    .sub_category #toner_p_browser {
        width: 100%!important
    }
}

@media screen and (min-width:1200px) and (max-width:1300px) {
    .row.second-row .image_list .menu-dialog img {
        margin-left: -14px
    }
    .prodetails_left {
        width: 80%
    }
    .prodetails_right {
        width: 20%
    }
}

@media screen and (min-width:1301px) and (max-width:1400px) {
    .row.second-row .image_list .menu-dialog img {
        margin-left: -10px
    }
    .dialog-category-products-list .products-list .item {
        width: 32%!important
    }
    #Add_to_cart_popup_window .upselling.details img {
        width: 200px!important;
        height: 150px
    }
    .item_bestseller {
        min-height: 306px!important
    }
}

@media screen and (min-width:2000px) {
    .mac-width {
        width: 50%!important
    }
    div.printable-bar {
        float: none!important;
        text-align: center;
        margin-left: 27px
    }
}

@media screen and (max-width:959px) {
	#header .line1 .logo a img {
    width: 230px;
    height: 47px;
}#header .line1 > div:nth-child(3) {
   
    width: auto !important;
}.menu-minicart img.icon{width:15px ;height:15px}
	#header .line1 > div{padding: 0 !important}
	.mob_png{display:inline-block !important}
	.desk_png{display:none}.mobile-view{right:20px !important;margin-top: 20px;
/*margin-right: 20px;*/}.register_login{width:auto !important;margin-top: 0px;
margin-right: 10px;}
	.mobile-view .menu_checkout_cart > li:nth-child(1) {display:none}
	.mobile-view  ul.menu_checkout_cart > li{width:auto;  padding: 0px 0px 0px 0px !important;background:none}
    .mobile-view  ul.menu_checkout_cart > li *,.checkout_menu .valign-middle.full{/*color:#000 !important*/}
	.mobile-view  ul.menu_checkout_cart > li >a{color:#fff !important}
	.help_menu_last {
        position: static!important
    }
    .help_menu_ {
        padding: 7px!important
    }
}

@media screen and (min-width:1101px) and (max-width:1495px) {
    #footer .customer_revw .menu-reviews-section div.acr-image {
        width: 100%
    }
    .left-border {
        min-height: 418px
    }
}

@media screen and (min-width:992px) and (max-width:1170px) {
    #header .line1 .logo a img {
        width: 230px;
        height: 47px
    }
}

@media screen and (min-width:1010px) and (max-width:1062px) {
    .dialog-category-products-list .products.products-list .item {
        min-height: 320px!important
    }
}

@media screen and (min-width:409px) and (max-width:509px) {
    .register_login {
        width: 45%!important
    }
}

@media screen and (min-width:768px) and (max-width:875px) {
    .wishlist_but {
        margin-top: -52px;
        margin-right: 8px
    }
    .prodetails_left {
        width: 100%
    }
}

@media screen and (min-width:768px) and (max-width:1000px) {
    .details_tab {
        width: 100%
    }
}

@media screen and (min-width:1037px) and (max-width:1128px) {
    .dialog-category-products-list .products.products-list .item {
        min-height: 320px!important
    }
}

.price_qty button.button .button-right {
    height: auto!important
}

.price_qty {
    display: inline-block;
    width: 100%;
    margin-bottom: 13px
}

.valign-middle.empty strong {
    font-weight: 500;
    font-size: 16px
}

.item_bestseller {
    margin-bottom: 30px
}

.item_bestseller .image-wrapper {
    text-align: center
}

.item_bestseller .buttons-row .button {
    float: none
}

.item_bestseller .price-value {
    color: #cc230c;
    font-size: 13pt;
    font-family: arial;
    font-weight: 600
}

.item_bestseller .product-title {
    line-height: 20px;
    text-decoration: none;
    font-size: 15px;
    width: 100%;
    display: inline-block;
    text-align: left;
    color: #000;
    font-family: 'source_sans_prosemibold';
    min-height: 70px
}

.minicart-box .menu {
    width: 100%
}

.minicart-box .view-cart-link a,
.minicart-box .checkout-link a {
    border: none!important;
    color: #fff!important;
    text-decoration: none
}

.minicart-box .view-cart-link,
.minicart-box .checkout-link {
    float: left;
    margin-left: 21px;
    background: #547020!important;
    color: #fff!important;
    padding: 5px 10px;
    border-radius: 3px
}
.minicart-box .view-cart-link a,
.minicart-box .checkout-link a{
	color: #fff!important;
}

#footer {
    color: #000;
    display: inline-block;
    border-top: 1px solid #adadad;
    font-family: Arial
}

.reviews_order div.button a {
    padding-left: 0!important;
    color: #cc230c;
    font-family: arial;
    font-size: 13px;
    font-weight: 500;
    line-height: 22px
}

.ask-question a.simple-button {
    font-size: 15px
}

.reviews_order ul {
    width: 100%;
    padding: 0
}

.reviews_order ul li {
    list-style: none;
    float: left;
    margin-left: 2px
}

.live_support {
    position: fixed;
    top: 20%;
    right: -212px;
    z-index: 16
}

.left_live {
    width: auto;
    float: left;
    margin-top: 10%
}

.right_live {
    float: right;
    border: 1px solid #595959;
    background: #eee;
    padding-left: 20px;
    position: relative;
    width: 212px
}

.live_close {
    width: 20px;
    width: 20px;
    position: absolute;
    top: -9px;
    left: -3px
}

.hr_to_help {
    font-family: arial;
    font-weight: 600;
    font-size: 16px;
    margin: 12px 0
}

.online_q {
    margin-bottom: 18px
}

.live_msg {
    margin-bottom: 11px
}

.checkout-top-login {
    display: none
}

.banner-black .menu-dialog.menu-toner {
    display: inline-block
}

.banner-black .menu-dialog.menu-ink {
    display: inline-block
}

.sub_category #toner_p_browser {
    width: 83%;
    height: 123px
}

#tabs-container_product .tabs-menu li {
    padding-left: 0!important
}

.item_bestseller {
    min-height: 250px!important
}

.login-signin {
    display: inline-block;
    padding-left: 0
}

#tab-2 {
    height: 190px
}

#tabs-container #toner_c_browser {
    height: 205px!important
}

#tabs-container #tab-1 .content {
    height: 190px
}

#tabs-container-one #ink_c_browser {
    height: 244px!important
}

#tabs-container-one #tab-3 .content {
    height: 187px
}

.wishlist_but {
    margin-top: 12px;
    float: right
}

.checkout-container #header input.text {
    max-width: 100%!important
}

.browser_cat {
    font-family: arial;
    font-weight: 700;
    font-size: 18px;
    color: #000
}

.quantity.but-left {
    float: left
}

.buttons-row.but_right {
    float: right;
    margin-top: -4px
}

.price-row {
    text-align: center;
    margin-bottom: -23px
}

#Add_to_cart_popup_window .upselling.details img {
    width: 200px!important;
    height: 150px!important
}

.products-list .item .itemdiv .acr-general-product-rating {
    display: none!important
}

.products.products-table.simple-products-table .product_details-button.details {
    margin-top: -32px
}

.minicart-box .cart-items a {
    color: #000
}

.minicart-box .cart-items a:hover {
    color: #000!important
}

#Add_to_cart_popup_window .title {
    text-align: center
}

#Add_to_cart_popup_window .price {
    text-align: center
}

#Add_to_cart_popup_window .buy.product-input {
    text-align: center
}

#Add_to_cart_popup_window .buy.product-input .main-button .button-left {
    background: url(../images/cart_button.png) no-repeat!important;
    border: none;
    width: 39px;
    height: 32px;
    color: transparent;
    padding: 0!important
}

#Add_to_cart_popup_window .details .title {
    text-align: left
}

#Add_to_cart_popup_window .details .price {
    text-align: left
}

.item_b {
    min-height: 270px!important
}

.send2friend-dialog .data-table label {
    font-weight: 400!important;
    font-family: 'source_sans_proregular'
}

.acr-dialog .button a {
    font-family: 'source_sans_prosemibold';
    font-size: 14px
}

.menu-news,
.menu-news .news {
    font-family: Arial
}

.menu-news .mews_msg {
    font-family: Arial
}

.menu-reviews-section .acr-item {
    font-family: Arial
}

.price_qty .property-value {
    font-family: Arial
}

.products.products-table.simple-products-table .item_products {
    min-height: 260px
}

.item_products .image-wrapper img {
    width: 200px
}

.best_sell_div .image-wrapper img {
    width: 200px;
    height: auto
}

.item_b .image-wrapper {
    min-height: 166px
}

#tab-31 .acr-general-product-rating {
    width: 100%
}

#tab-31 .acr-general-product-rating table {
    width: 130px;
    float: left
}

#tab-31 .reviews_order {
    width: 100%
}

.prodetails_left .acr-general-product-rating {
    display: inline-table
}

.products .item .itemdiv .image img {
    width: 200px!important;
    height: auto!important
}

.dialog-featured-list .title h2 {
    background: #e0e0db;
    color: #000!important;
    padding: 8px 16px;
    font-size: 20px
}

.checkout-container .search div.checkout-container input[type=text] {
    padding: 11px 5px!important
}

.estimator-container-width {
    width: 45%;
    margin-left: 55%
}

.float-left {
    font-weight: 600
}

.line1 .col-md-6.col-xs-12.col-lg-6.text-justify.margin-bottom {
    position: relative
}

.prodetails_left {
    width: 70%;
    float: left
}

.product_details-button button.button .button-left {
    width: 39px!important
}

.live_msg a {
    text-decoration: none
}

.live_msg a:hover {
    text-decoration: none
}

.text-font-pop {
    font-weight: 600;
    font-size: 16px;
    color: #333;
    padding-left: 7px
}

.product-ask-form .input-style,
input[type=password],
input[type=text],
select,
textarea {
    margin-bottom: 3px
}

@media screen and (max-width:360px) {
    #adv_search_box input[type=text] {
        width: auto !important;
    }
   
    .tabs-menu-one li,
    .tabs-menu li {
        padding-left: 9px !important;
    }
    #content-container {
        margin-top: 169px
    }
    #header input.text2 {
        width: 100%
    }
    input.image-button {
        right: 4px
    }
    .menu-container .menu_checkout_cart {
        width: 59%
    }
    .logo img {
        width: 131px!important;
        height: 35px!important
    }
    .register_login {
        position: absolute!important;
        right: 0;
        font-size: 11px;
        padding-right: 0!important;
       
        z-index: 1
    }
    .login-signin {
        padding: 3px;
        margin-left: 2px
    }
    .desktop_view {
        display: none
    }
    .mobile-view {
        display: block;
        position: absolute;
        right: 0;
        top:0
    }
    ul.menu_checkout_cart > li {
        padding: 0 15px
    }
    ul.menu_checkout_cart > li:nth-child(1) {
        padding: 0 18px 0 8px
    }
    .mobile-view a {
        color: #fff;
        text-decoration: none
    }
    ul.login-signin li {
        margin: 0 0 0 3px
    }
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.product-added.ui-draggable {
        width: 96%!important;
        left: 4px!important
    }
    .checkout-container #content-container {
        margin-top: 184px
    }
    div.opc-container #center-main {
        width: 100%!important
    }
    .products {
        margin-top: 50px;
        display: inline-block
    }
    .checkout-buttons {
        top: 1%!important;
        right: 0!important
    }
    .cart .right-buttons-row {
        position: relative;
        top: 42px;
        width: auto;
        right: 8px;
        display: none
    }
    .dialog {
        margin: 0;
        margin-bottom: 38px
    }
    .login-signin {
        font-size: 12px
    }
    .menu_chkout a {
        font-size: 14px!important
    }
    .menu-minicart img.icon {
        height: 13px;
        width: 16px
    }
    .ui-tabs .ui-tabs-nav li {
        width: 100%
    }
    #tabs-container_product .tabs-menu li {
        width: 100%;
        text-align: left
    }
    input.send2friend {
        width: auto
    }
    .login-signin {
        margin-top: 0;
        float: right!important
    }
    .hello-name {
        font-size: 12px;
        text-align: right;
        margin-right: 86px;
    }
    .modify-profile-link ul {
        width: 100%;
        text-align: left
    }
    .menu-container .menu {
        width: 100%
    }
    .menu > ul > li > ul.normal-sub > li {
        width: 100%!important
    }
    .menu > ul > li > ul.normal-sub > li a {
        padding: 0
    }
    ul.address-container {
        text-align: center
    }
    .buttons-row .button-separator {
        margin-bottom: 14px
    }
    .emt {
        display: none
    }
    .hello-name ~ .login-signin {
        margin-top: -20px
    }
    .left-border {
        min-height: 185px!important;
        border: none
    }
    .details_tab {
        width: 100%
    }
    .checkout_menu .menu-minicart .valign-middle.empty {
        font-size: 17px
    }
    #tabs-container,
    #tabs-container-one {
        width: 240px
    }
    .live_support {
        top: 43%
    }
    .sub_category iframe#toner_p_browser {
        height: 300px
    }
    .product-details .details {
        padding-left: 9px;
        margin-top: 20px
    }
    .dialog-category-products-list .item .product_details-button .buttons-row {
        width: 18%!important
    }
    h1.green {
        padding: 0
    }
    .checkout_menu .valign-middle.full {
        font-size: 12px;
        font-family: arial;
        width: auto;
        display: inline-block;
        padding-top: 1px
    }
    .input-style,
    input[type=password],
    input[type=text],
    select,
    textarea {
        width: 100%
    }
    #adv_search_box input[type=text] {
        width: auto !important;
    }
    .hello-name ~ ul.login-signin li {
        font-size: 12px;
        z-index: 999;
    }
    .checkoutAddressBook {
        display: none
    }
    .register_login {
        width: 100%!important;
        height: 20px
    }
    .logo a {
        z-index: 12
    }
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all {
        width: 98%!important;
        left: 1px!important
    }
    .qa-form input[type='text'],
    .qa-form input[type='email'],
    .qa-form select,
    .qa-form textarea {
        width: 100%!important
    }
    .help_menu_last {
        left: 0!important;
        right: 0!important
    }
    .nbs-flexisel-nav-left {
        margin-left: 0
    }
    .products-list .item .itemdiv .image img {
        width: 200px!important;
        height: 150px!important
    }
    .menu-container .menu {
        width: 100%
    }
    .product-price-text input[type=text] {
        width: auto!important
    }
    div.checkout-container h1 {
        padding: 53px 5px 11px!important
    }
    .modify-profile-link ul li {
        float: none;
        padding: 4px 0;
        text-align: left
    }
    .products-list .image {
        padding: 0
    }
    .buttons-auto-separator .button,
    .buttons-auto-separator a.simple-button,
    .buttons-auto-separator button.simple-button {
        margin-right: 0!important
    }
    input.image-button {
        top: 5%!important
    }
    .menu-reviews-section .acr-link {
        text-align: center!important
    }
    .menu-reviews-section .acr-link a {
        width: 100%
    }
    .checkoutImageBox img {
        width: 227px!important
    }
    div#checkoutModalPasswordRecovery {
        width: 100%!important
    }
    .help_menu_ {
        padding-left: 5px!important
    }
    .print-id {
        display: none
    }
    .valign-middle.empty strong {
        font-size: 13px
    }
    .menu-line-height {
        line-height: 19px!important
    }
    .line1 .col-md-6.col-xs-12.col-lg-6.text-justify.margin-bottom {
        padding: 0 0 0 16px !important
    }
    .submit-coupon {
        width: 100%!important
    }
    .shippingFieldsContainer {
        width: 100%!important
    }
    .totalsDisplayContainer {
        width: 100%!important;
        margin-top: 10px
    }
    .emt {
        display: none
    }
    .register-table .button-row a {
        padding: 4px 7px!important
    }
    .estimator-container-width {
        width: 100%;
        margin-left: 0
    }
    .submit-coupon {
        width: 100%!important
    }
    #header .line1 .logo a img {
        width: 230px;
        height: 47px
    }
    .AJAXSearch {
        top: 13%!important
    }
    .menu > ul > li > ul.normal-sub > li a {
        padding: 2px 0
    }
    #colorbox {
        width: 100%!important;
        height: 100%!important;
        top: 20%!important;
        position: fixed!important
    }
    #cboxWrapper {
        width: 98%!important;
        height: auto!important
    }
    #cboxWrapper #cboxMiddleLeft {
        height: 100%!important
    }
    #cboxWrapper #cboxContent {
        width: 100%!important;
        height: 100%!important
    }
    #cboxWrapper #cboxLoadedContent {
        width: 100%!important;
        height: 96%!important
    }
    #cboxWrapper #cboxLoadedContent .cboxPhoto {
        width: 100%!important;
        height: 96%!important;
        margin: 0 auto!important
    }
    #cboxMiddleRight,
    #cboxTopLeft,
    #cboxTopRight,
    #cboxBottomLeft,
    #cboxBottomRight,
    #cboxBottomCenter,
    #cboxBottomRight,
    #cboxTopCenter {
        display: none!important
    }
}

@media screen and (min-width:361px) and (max-width:509px) {
    .submit-coupon {
        width: 100%!important
    }
    .totalsDisplayContainer {
        width: 100%!important;
        margin-top: 10px
    }
    .modify-profile-link ul li {
        float: none;
        padding: 5px 27px 0px 13px;
        text-align: left
    }
    #content-container {
        margin-top: 170px
    }
    ul.login-signin li {
        margin: 5px;
        margin-top: -1px
    }
    #header input.text2 {
        width: 100%
    }
    input.image-button {
        right: 18px
    }
    .menu-container .menu_checkout_cart {
        width: 59%
    }
    .logo img {
        width: 133px!important;
        height: 33px!important
    }
    .register_login {
        position: absolute!important;
        right: 0;
        font-size: 11px;
        padding-right: 0!important;
        top: 2px
    }
    .login-signin {
        padding: 3px;
        width: 100%;
        margin-left: 20%
    }
    .desktop_view {
        display: none
    }
    .mobile-view {
        display: block;
        position: absolute;
        right: 0;
        top: 0
    }
    ul.menu_checkout_cart > li {
        padding: 0 20px
    }
    ul.login-signin li {
        margin: 0 0 0 3px
    }
    .mobile-view a {
        color: #fff;
        text-decoration: none
    }
    .checkout-container #content-container {
        margin-top: 173px
    }
    div.opc-container #center-main {
        width: 100%!important
    }
    .checkout-buttons {
        top: 2%!important;
        right: 0!important
    }
    .cart .right-buttons-row {
        position: relative;
        top: 7px;
        width: auto
    }
    .cart .left-buttons-row {
        position: relative
    }
    .login-signin {
        font-size: 12px
    }
    .menu_chkout a {
        font-size: 14px!important
    }
    .menu-minicart img.icon {
        height: 15px;
        width: 18px
    }
    .ui-tabs .ui-tabs-nav li {
        width: 100%
    }
    #tabs-container_product .tabs-menu li {
        width: 100%;
        text-align: left
    }
    input.send2friend {
        width: auto
    }
    .login-signin {
        float: right!important
    }
    .hello-name {
        font-size: 11px;
        text-align: left
    }
    .modify-profile-link ul {
        width: auto
    }
    .menu-container .menu {
        width: 100%
    }
    .menu > ul > li > ul.normal-sub > li {
        width: 100%!important
    }
    .menu > ul > li > ul.normal-sub > li a {
        padding: 0
    }
    ul.address-container {
        text-align: center
    }
    .buttons-row .button-separator {
        margin-bottom: 14px
    }
    .emt {
        display: none
    }
    .hello-name ~ .login-signin {
        margin-top: -18px
    }
    .left-border {
        min-height: 185px!important;
        border: none
    }
    .details_tab {
        width: 100%
    }
    .checkout_menu .menu-minicart .valign-middle.empty {
        font-size: 14px
    }
    #tabs-container,
    #tabs-container-one {
        width: 240px
    }
    .live_support {
        top: 23%
    }
    .sub_category iframe#toner_p_browser {
        height: 300px
    }
    .dialog-category-products-list .item .product_details-button .buttons-row {
        width: 15%!important
    }
    .checkout_menu .valign-middle.full {
        font-size: 10px;
        font-family: arial;
        width: auto;
        display: inline-block
    }
    .input-style,
    input[type=password],
    input[type=text],
    select,
    textarea {
        width: 100%
    }
    #adv_search_box input[type=text] {
        width: auto !important;
    }
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all {
        width: 98%!important;
        left: 1px!important
    }
    .qa-form input[type='text'],
    .qa-form input[type='email'],
    .qa-form select,
    .qa-form textarea {
        width: 100%!important
    }
    .help_menu_last {
        left: 0!important;
        right: 0!important
    }
    .product-details .details {
        padding-left: 0;
        margin-top: 22px
    }
    .nbs-flexisel-nav-left {
        margin-left: 0
    }
    .menu-container .menu {
        width: 100%
    }
    .product-price-text input[type=text] {
        width: auto!important
    }
    div.checkout-container h1 {
        padding: 53px 5px 11px!important
    }
    .print-id {
        display: none
    }
    .submit-coupon {
        width: 100%!important
    }
    .shippingFieldsContainer {
        width: 100%!important
    }
    .emt {
        display: none
    }
    .estimator-container-width {
        width: 100%;
        margin-left: 0
    }
    #header .line1 .logo a img {
        width: 230px;
        height: 47px
    }
    .menu > ul > li > ul.normal-sub > li a {
        padding: 2px 0
    }
    #colorbox {
        width: 100%!important;
        height: 100%!important;
        top: 20%!important;
        position: fixed!important
    }
    #cboxWrapper {
        width: 98%!important;
        height: auto!important
    }
    #cboxWrapper #cboxMiddleLeft {
        height: 100%!important
    }
    #cboxWrapper #cboxContent {
        width: 100%!important;
        height: 100%!important
    }
    #cboxWrapper #cboxLoadedContent {
        width: 100%!important;
        height: 96%!important
    }
    #cboxWrapper #cboxLoadedContent .cboxPhoto {
        width: 100%!important;
        height: 96%!important;
        margin: 0 auto!important
    }
    #cboxMiddleRight,
    #cboxTopLeft,
    #cboxTopRight,
    #cboxBottomLeft,
    #cboxBottomRight,
    #cboxBottomCenter,
    #cboxBottomRight,
    #cboxTopCenter {
        display: none!important
    }
}

@media screen and (min-width:510px) and (max-width:640px) {
    .submit-coupon {
        width: 100%!important
    }
    .shippingFieldsContainer {
        width: 100%!important
    }
    .print-id {
        display: none
    }
    .billingFieldsContainer {
        border: none!important
    }
    .checkout-buttons {
        top: 0!important
    }
    div.checkout-container h1 {
        padding: 41px 5px 16px!important
    }
    #content-container {
        margin-top: 173px
    }
    .checkout-container #content-container {
        margin-top: 193px
    }
    .mobile-view {
        display: block;
        position: absolute;
        right: 0;
        top: 0
    }
    .desktop_view {
        display: none
    }
    .menu_checkout_cart .menu_chkout a {
        color: #fff
    }
    ul.menu_checkout_cart > li {
        padding: 6px 25px
    }
    .register_login {
        padding-left: 0;
        height: 20px
    }
    .modify-profile-link ul {
        top: 17px;
        padding: 38px 0 38px 24px !important
    }
    .login-signin {
        display: inline
    }
    #header input.text2 {
        width: 99%
    }
    input.image-button {
        right: 4px
    }
    .product-details .details {
        padding-left: 0;
        margin-top: 22px
    }
    #tabs-container_product .tabs-menu li {
        width: 49%
    }
    .product-details {
        margin-bottom: 0
    }
    iframe#toner_p_browser {
        height: 286px
    }
    .menu-container .menu {
        width: 100%
    }
    .product-properties div img {
        width: 32%
    }
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.product-added.ui-draggable {
        width: 96%!important;
        left: 4px!important
    }
    ul.login-signin li {
        margin: 0 9px 0 3px
    }
    .banner-black {
        margin-top: 0
    }
    .sub_category iframe#toner_p_browser {
        height: 300px
    }
    .left-border {
        min-height: 185px!important;
        border: none
    }
    .input-style,
    input[type=password],
    input[type=text],
    select,
    textarea {
        width: 100%
    }
    #adv_search_box input[type=text] {
        width: auto !important;
    }
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all {
        width: 98%!important;
        left: 1px!important
    }
    .qa-form input[type='text'],
    .qa-form input[type='email'],
    .qa-form select,
    .qa-form textarea {
        width: 100%!important
    }
    .help_menu_last {
        left: 0!important;
        right: 0!important
    }
    .nbs-flexisel-nav-left {
        margin-left: 0
    }
    .menu-container .menu {
        width: 100%
    }
    .register_login {
        top: 0;
        position: absolute!important;
        right: 0
    }
    .register_login .hello-name {
        width: auto;
        float: left;
    }
    .hello-name ~ .login-signin {
        width: 103px;
        float: left
    }
    .register_login .login-signin {
        display: inline-block
    }
    .products.products-table.simple-products-table .item_products {
        width: 50%!important;
        float: left
    }
    div.opc-container #center-main {
        width: 100%!important
    }
    .line1 .col-md-6.col-xs-12.col-lg-6.text-justify.margin-bottom {
        padding: 0 0 0 16px !important
    }
    .emt {
        display: none
    }
    .estimator-container-width {
        width: 100%;
        margin-left: 0
    }
    #header .line1 .logo a img {
        width: 230px;
        height: 47px
    }
    .menu > ul > li > ul.normal-sub > li a {
        padding: 2px 0
    }
}

@media screen and (min-width:641px) and (max-width:959px) {
    .modify-profile-link ul {
        padding: 13px 24px 0px 24px !important;
        width: 195px !important;
        line-height: 17px !important;
        height: 195px !important;
    }
    .checkout-container #content-container {
        margin-top: 200px
    }
    #content-container {
        margin-top: 193px
    }
    .register_login {
        width: 43%!important;
        position: absolute!important;
        right: 0;
        top: 0;
        padding-right: 0!important
    }
    ul.login-signin li {
        margin-top: 9px!important
    }
    .mobile-view {
        display: block;
        position: absolute;
        right: 0;
        top: 0
    }
    .desktop_view {
        display: none
    }
    .menu_checkout_cart .menu_chkout a {
        color: #fff
    }
    ul.menu_checkout_cart > li {
        padding: 6px 19px 6px 19px
    }
    .register_login {
        padding-left: 0
    }
    #header input.text2 {
        width: 99%
    }
    input.image-button {
        right: 18px
    }
    .product-details .details {
        padding-left: 0;
        margin-top: 22px
    }
    #tabs-container_product .tabs-menu li {
        width: 49%
    }
    .product-details {
        margin-bottom: 0
    }
    .nbs-flexisel-nav-left {
        margin-left: 0
    }
    div.opc-container #center-main {
        width: 100%!important
    }
    .menu-container .menu {
        width: 100%
    }
    .emt {
        display: none
    }
    .row.second-row .col-md-3.col-lg-3.col-sm-3.col-xs-12 {
        width: 50%!important
    }
    .sub_category #toner_p_browser {
        width: 100%
    }
    div.printable-bar {
        display: none
    }
    .best_sell_ul.row .item_b {
        width: 50%!important
    }
    .hello-name {
        width: 50%;
        float: left;
        margin-top: 10px
    }
    .line1 .col-md-6.col-xs-12.col-lg-6.text-justify.margin-bottom {
        padding-right: 0!important
    }
    input.image-button {
        right: 4px!important
    }
    .menu > ul > li > ul.normal-sub > li a {
        padding: 2px 0
    }
}

@media screen and (min-width:960px) and (max-width:1100px) {
    .products .item .itemdiv .image img {
        width: 200px!important;
        height: auto!important
    }
    #content-container {
        margin-top: 118px
    }
    ul.login-signin li {
        margin: 0 3px
    }
    input.image-button {
        right: 18px
    }
    div.printable-bar {
        padding: 11px 0
    }
    .nbs-flexisel-nav-left {
        margin-left: 0
    }
    div.opc-container #center-main {
        width: 100%!important
    }
    .menu-container .menu_checkout_cart {
        width: 22%;
        float: none;
        margin-bottom: 0;
        padding-left: 0;
        position: absolute;
        top: 21px;
        right: 0
    }
    .register_login {
        position: absolute!important;
        right: 0;
        top: 0;
        width: 28%!important
    }
    .emt {
        display: none
    }
    .hello-name {
        width: 50%;
        float: left
    }
    div.checkout-container h1 {
        padding: 4px 5px 16px!important
    }
    .row.second-row .col-md-3.col-lg-3.col-sm-3.col-xs-12 {
        width: 50%!important
    }
    .products .item .itemdiv .image img {
        width: 200px!important
    }
    .product-details .image .image-box #product_thumbnail {
        width: 220px!important;
        height: auto!important
    }
    .register-table .button-row a {
        padding: 4px 9px!important
    }
    .line1 .col-md-6.col-xs-12.col-lg-6.text-justify.margin-bottom {
        padding-right: 0!important
    }
    input.image-button {
        right: 4px!important
    }
    .bread_one {
        width: 80%!important;
        float: left
    }
    .bread_two {
        width: 20%!important;
        float: left
    }
}

@media screen and (min-width:1101px) and (max-width:1280px) {
    #content-container {
        margin-top: 118px
    }
    ul.login-signin li {
        margin: 0 3px
    }
    .login-signin {
        display: inline-block;
        padding-top: 10px
    }
    input.image-button {
        right: 18px
    }
    .dialog-category-products-list .item .product_details-button .buttons-row {
        width: auto!important
    }
    .nbs-flexisel-nav-left {
        margin-left: 0
    }
    div.opc-container #center-main {
        width: 100%!important
    }
    .banner-black {
        margin-top: 23px!important
    }
    .hello-name ~ .login-signin {
        padding-top: 0
    }
    .mac-width {
        width: 90%!important
    }
    .row.second-row .image_list .menu-dialog img {
        margin-left: -15px
    }
}

@media screen and (min-width:1281px) and (max-width:1400px) {
    .products .item .itemdiv .image img {
        width: 200px!important;
        height: auto!important
    }
    div.printable-bar {
        padding: 11px 14px
    }
    div.opc-container #center-main {
        width: 100%!important
    }
}

@media screen and (min-width:1401px) and (max-width:1600px) {
    div.opc-container #center-main {
        width: 100%!important
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .row.second-row > div {
        width: 50%!important
    }
    .wishlist_but {
        margin-top: -56px
    }
    .prodetails_left {
        width: 100%
    }
}

@media screen and (min-width:960px) and (max-width:991px) {
    .best_sell_div .best_sell_ul.row .item_b {
        width: 50%!important
    }
    .sub_category #toner_p_browser {
        width: 100%!important
    }
    ul.menu_checkout_cart > li {
        padding: 6px 10px
    }
    #content-container {
        margin-top: 190px
    }
    .checkout-container #content-container {
        margin-top: 196px
    }
}

@media screen and (min-width:992px) and (max-width:1300px) {
    .horizondal-line {
        min-height: 155px;
        text-align: left
    }
    .dialog-category-products-list .products-list .item {
        width: 32%!important
    }
    .item_bestseller .image-wrapper img {
        width: 200px!important;
        height: 150px!important
    }
    .sub_category #toner_p_browser {
        width: 100%!important
    }
}

@media screen and (min-width:1200px) and (max-width:1300px) {
    .row.second-row .image_list .menu-dialog img {
        margin-left: -14px
    }
    .prodetails_left {
        width: 80%
    }
    .prodetails_right {
        width: 20%
    }
}

@media screen and (min-width:1301px) and (max-width:1400px) {
    .row.second-row .image_list .menu-dialog img {
        margin-left: -10px
    }
    .dialog-category-products-list .products-list .item {
        width: 32%!important
    }
    #Add_to_cart_popup_window .upselling.details img {
        width: 200px!important;
        height: 150px
    }
    .item_bestseller {
        min-height: 306px!important
    }
}

@media screen and (min-width:2000px) {
    .mac-width {
        width: 50%!important
    }
    div.printable-bar {
        float: none!important;
        text-align: center;
        margin-left: 27px
    }
}

@media screen and (max-width:959px) {
    .help_menu_last {
        position: static!important
    }
    .help_menu_ {
        padding: 7px!important
    }
}

@media only screen and (max-width: 959px) {
	.checkout_menu .menu-minicart .valign-middle.empty {
		color:#000 !important;
	}
	.checkout_menu .valign-middle.full{color:#000 !important;}
	
	}
	
}

@media screen and (min-width:1101px) and (max-width:1495px) {
    #footer .customer_revw .menu-reviews-section div.acr-image {
        width: 100%
    }
    .left-border {
        min-height: 418px
    }
}

@media screen and (min-width:992px) and (max-width:1170px) {
    #header .line1 .logo a img {
        width: 230px;
        height: 47px
    }
}

@media screen and (min-width:1010px) and (max-width:1062px) {
    .dialog-category-products-list .products.products-list .item {
        min-height: 320px!important
    }
}

@media screen and (min-width:409px) and (max-width:509px) {
    .register_login {
        width: 45%!important
    }
}

@media screen and (min-width:768px) and (max-width:875px) {
    .wishlist_but {
        margin-top: -52px;
        margin-right: 8px
    }
    .prodetails_left {
        width: 100%
    }
}

@media screen and (min-width:768px) and (max-width:1000px) {
    .details_tab {
        width: 100%
    }
}

@media screen and (min-width:1037px) and (max-width:1128px) {
    .dialog-category-products-list .products.products-list .item {
        min-height: 320px!important
    }
}

@media (max-width: 959px) {
ul.login-signin #href_Sign_in{background: transparent none repeat scroll 0% 0%;padding-left: 20px;}
ul.login-signin li{width:auto}
ul.login-signin{min-width: 100%;
left: auto !important;}
.dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: block;
    float: left;
    min-width: 160px;
    padding: 2px 6px;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    background-clip: padding-box;
	 transition: all linear 0.5s;
	  -webkit-transition: all linear 0.5s;
	   -moz-transition: all linear 0.5s;
	 
}
.dropdown-menu {
    min-width: 200px;
    padding: 0;
    margin: 0;
    font-size: 14px;
    background-color: #fafafa;
    border: 1px solid #fafafa;
    border-radius: 2px;
    background-clip: border-box;
	  transition: all linear 0.5s;
	  -webkit-transition: all linear 0.5s;
	   -moz-transition: all linear 0.5s;
	   }
	   
	   .mobile_menu_theme .login-signin li{width:100%;margin-top:0px;    font-size: 15px;padding:0px;}
		.mob_rel_menu a, .mob_rel_menu{color:#FFC300 !important}
	  .mobile_menu_theme ul.login-signin #href_Sign_in{padding-left:0px;}
	  #header .line1 .register_login{display:none !important}
	  .mobile_menu_theme .modify-profile-link ul{background:none !important;position:relative !important}
	  .mobile_menu_theme .modify-profile-link ul{padding:0px !important;right:0px !important}
	  .show-on-mobile .mobile_menu_theme .help_menu_last{width:100% !important}
	  .menu > ul > li > ul{width:100% !important}
	  .menu > ul > li a{    padding: 0px !important;}
}

@media (min-width: 959px) {
.mobile_menu_theme{display:none;}
.modify-profile-link:hover ul {
    display: block
}
.menu > ul > li.help_menu_{position:relative;}
.mob_rel_menu{display:none;}
}

.grecaptcha-badge {
    display: none;
}

/* Custom Tagline Styling - Fixed */

/* Desktop: show tagline below search */
.site-tagline {
    font-size: 17px;
    font-family: Georgia, serif;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    display: block;
    margin: 0 0 -2px;
}

/* Hide green bar tagline on desktop */
@media (min-width: 960px) {
    .line2 .site-tagline {
        display: none;
    }
}

/* Mobile/iPad: hide desktop tagline, show only in green bar */
@media (max-width: 959px) {
    .search .site-tagline {
        display: none;
    }
	.line2 .site-tagline {
        display: block;
        color: #fff;
        font-weight: bold;
        font-size: 17px;
        text-align: center;
        padding: 2px 0;
        margin: -2px 0;
        position: static;
    }
}

/* Small mobile */
@media (max-width: 480px) {
    .line2 .site-tagline {
        font-size: 17px;
        padding: 1px 0;
        margin: -2px 0;
    }
}

/* ============================================================
   X-cart 4.7.x additions — responsive/new component styles
   ported from ideal_responsive to maintain 4.7.10 compatibility
   ============================================================ */

/* White corner helpers */
.t-l, .t-r, .b-l, .b-r {
  position: absolute; width: 1px; height: 1px; background-color: #ffffff;
}
.t-l { top: 0; left: 0; }
.t-r { top: 0; right: 0; }
.b-l { bottom: 0; left: 0; }
.b-r { bottom: 0; right: 0; }

/* Responsive product grid */
.products-div {
  margin-right: -14px;
  margin-left: -14px;
}
.products-div .item {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 45px 0;
  width: 33.333%;
}
.products-div .item-box {
  padding: 0 14px;
}
.products-div .image {
  float: none;
  padding: 0;
}
.products-div .details {
  padding: 0;
}
.products-div .prod-notif {
  position: absolute;
  z-index: 2;
}
.products-div .prod-notif-email {
  max-width: 80%;
}
.products-div .buttons-row {
  float: left;
}
.products-div button.add-to-cart-button .button-right {
  padding-right: 2px !important;
}
.products-div button.add-to-cart-button .button-left {
  text-indent: -5000px;
  overflow: hidden;
  padding-left: 2px !important;
  width: 30px !important;
  position: relative;
  font-size: 11px;
  text-align: center;
}
.products-div button.add-to-cart-button .button-left .icon {
  position: absolute;
  left: 6px; top: 6px;
  width: 21px; height: 19px;
  background: url(../images/add_to_cart.gif) 50% 50% no-repeat;
}
.products-div button.add-to-cart-button.added-to-cart-button .button-left .icon {
  background: url(../images/added_to_cart.gif) 50% 50% no-repeat;
}

/* Product page tabs */
.prod-tabs {
  overflow: hidden;
  margin: 34px 0;
  padding: 1px;
  position: relative;
}
.prod-tabs dt {
  float: left;
  height: 33px;
  border-bottom: solid 1px #fff;
  line-height: 32px;
  white-space: nowrap;
  position: relative;
  left: 0;
  margin-right: 1px;
  margin-bottom: 1px;
  cursor: pointer;
  background: #353535;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}
.prod-tabs dt:hover, .prod-tabs dt.selected {
  height: 34px;
  line-height: 32px;
  background-color: #fff;
  color: #555;
  border: 1px solid #dbdbdb;
  border-bottom: 0 none;
}
.prod-tabs dt.selected {
  z-index: 3;
  cursor: auto;
}
.prod-tabs dt span {
  display: block;
  height: 33px;
  padding: 0 10px;
  border-top: solid 2px #3e3e3e;
}
.prod-tabs dt:hover span, .prod-tabs dt.selected span {
  border: solid 1px #fff;
  border-bottom: 0 none;
  padding: 0 8px;
}
.prod-tabs dd {
  background-color: #fff;
  display: none;
  float: right;
  width: 100%;
  margin: 34px 0 0 -100%;
  position: relative;
  z-index: 2;
}
.prod-tabs dd.selected { display: block; }
.prod-tabs .tab-content {
  border: 1px solid #dbdbdb;
  padding: 20px;
  position: relative;
}
.prod-tabs .tab-content .dialog { border: 0 none; }
.prod-tabs .tab-content .dialog .title { display: none; }
.prod-tabs .tab-content .dialog .content { background: #fff none; border: 0 none; }

/* Responsive cart */
.cart .responsive-item,
.cart .responsive-cart-header,
.cart .cart-border,
.cart .buttons,
.cart .paypal-cart-button,
.simple-dialog .content,
.wl-dialog,
.cart-note {
  width: 95%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.responsive-cart-header {
  background: url(../images/cart_th.png) repeat-x left top;
  margin: 0;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #bdc2c4;
  border-right: 1px solid #e7e7e7;
  padding-right: 1px;
  height: 40px;
}
.responsive-cart-header div {
  color: #005d98;
  font-weight: normal;
  font-size: 18px;
  padding: 8px 2%;
  background: url(../images/cart_th_bg.gif) no-repeat left 1px;
  text-align: center;
  float: left;
}
.responsive-cart-header div.responsive-first {
  border-left: 1px solid #e7e7e7;
  background: none;
  text-align: left;
  width: 56%;
}
.responsive-cart-header div.responsive-price { width: 16%; }
.responsive-cart-header div.responsive-subtotal { width: 14%; }
.cart .responsive-row { position: relative; }
.cart .responsive-item {
  border: 1px solid #b5b6b7;
  border-bottom: 0;
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
}
.cart .responsive-item .details {
  padding: 10px 2%;
  margin: 0;
  vertical-align: top;
  width: 56%;
  display: inline-block;
  border-right: 1px solid #b5b6b7;
}
.cart .responsive-item div.price {
  padding: 0 2%;
  width: 15%;
  margin: -43px 0 0 60%;
  text-align: center;
  position: absolute;
  top: 50%;
  height: 86px;
}
.cart .responsive-item .subtotal {
  margin: 0;
  padding: 14px 2% 0 2%;
  width: 14%;
  display: block;
  border-left: 1px solid #b5b6b7;
  position: absolute;
  height: auto;
  bottom: 0; top: 0; left: 0; right: 0;
  margin-left: 80%;
  text-align: center;
}
.cart .responsive-item .subtotal .subtotal-wrapper {
  position: absolute;
  top: 50%;
  margin-top: -28px;
}
.cart .delete {
  display: inline-block;
  width: 4%;
  position: absolute;
  top: 50%;
  height: 44px;
  margin: -22px 0 0 1px;
  padding: 0;
  left: 100%;
}
.cart .responsive-item .details .image {
  display: inline-block;
  width: 35%;
  float: none;
}
.cart .responsive-item .details .product-info {
  display: inline-block;
  width: 58%;
  overflow: hidden;
}
.products.cart .right-box {
  border-top: 1px solid #b5b6b7 !important;
}
.cart .cart-border {
  background: #f3f3f3;
  border: 1px solid #b5b6b7;
  border-top: 0;
  padding: 15px;
}
.acheckout-button-box {
  text-align: right;
  width: 95%;
}
.cart .right-buttons-row.buttons-row {
  margin-right: auto !important;
}

/* Quantity stepper */
.products-table .buy-now .quantity,
.products-list .buy-now .quantity,
.product-input .quantity {
  height: 32px;
  line-height: 33px;
  padding: 0 4px;
  float: left;
  background: #efefef;
  position: relative;
  margin: 1px 8px 6px 0;
}
.qty-wrapper { position: relative; float: left; left: 50%; margin-top: 10px; }
.qty-wrapper1 { position: relative; float: left; right: 50%; }
.qty-arrows { position: absolute; right: 4px; top: 3px; width: 9px; height: 18px; }

/* Thumbnail grid */
.thumbnails { margin: -3em 0 0 -2em; text-align: center; }
.thumbnail {
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin: 3em 0 0 2em;
}
.thumbnail .r { float: left; }
.thumbnail .r .image {
  text-align: center;
  display: block;
  border: solid 1px #dbdbdb;
  margin-bottom: 4px;
}
.thumbnail .r .image img.leveler { width: 0; vertical-align: middle; }
.thumbnail .r .products-title { display: block; text-align: left; padding-left: 3px; }

/* Simple products div */
.simple-products-div .item { text-align: center; margin: 0; }
.simple-products-div .item .image-wrapper { position: relative; }
.simple-products-div .item .image-wrapper a { display: block; margin: 0 auto; }
.simple-products-div .item .product-title { margin: 5px 0; }
.simple-products-div .item .product-cell-price { margin: 5px 0 20px; }

/* Admin preview bar */
#product-admin-preview-bar {
  position: fixed;
  top: 0; left: 0; right: 0;
  background: #333;
  color: #fff;
  padding: 5px 15px;
  z-index: 9999;
  font-size: 12px;
}

/* XPC iframe */
.xpc-iframe-hidden { height: 0; }
.xpc-iframe-shown { height: 470px !important; }
.checkout-form-xpc-shown { position: relative; margin-top: -20px !important; }
.terms_n_conditions-xpc-shown { padding-top: 0 !important; padding-bottom: 0 !important; }

/* Print overrides for 4.7 */
.printable #content-container2 { float: none; position: static; left: 0; right: 0; width: 100%; }
.printable #center { float: none; position: static; width: 100%; left: 0; }

/* Minicart icon (4.7 style) */
.minicart-box .checkout-popup-link a.link:active {
  border: 1px solid #fff;
  outline-style: none;
  z-index: 1000;
  background-color: #fff;
  padding: 4px 0 4px 5px;
  position: relative;
}

/* header-links block (used in 4.7 head.tpl) */
.header-links {
  position: absolute;
  top: 13px;
  right: 11px;
  overflow: hidden;
}
.header-links .wrapper {
  text-align: right;
  margin-right: -16px;
}
.header-links strong,
.header-links a:link,
.header-links a:active,
.header-links a:visited,
.header-links a:hover {
  color: #661A1A;
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
  background: transparent url(../images/header_bullet.gif) no-repeat right center;
  padding-right: 16px;
  margin-left: 10px;
}
.header-links a:hover { text-decoration: underline; }
.header-links strong { text-decoration: none; color: #343434; }

/* Responsive media queries (4.7 responsive support) */
@media screen and (min-width: 1280px) {
  /* page width matches live TonerPirate (fluid max-width:95%); 1280px cap removed */
  .products-div .item { width: 25%; }
}

@media screen and (max-width: 959px) {
  #page-container { max-width: 100%; }
}

/* === TP-HEADER-SIGNIN-TOPRIGHT-FIX === pin Sign in / Register to top-right on desktop */
@media screen and (min-width: 960px) {
  #header .line1 .register_login {
    text-align: right;
  }
  #header .line1 .register_login ul.login-signin,
  #header .line1 .register_login ul.login-signin > li {
    float: none !important;
    display: inline-block;
    vertical-align: middle;
  }
}
@media screen and (min-width: 1101px) {
  #header .line1 .register_login {
    position: absolute;
    top: 10px;
    right: 15px;
    width: auto;
    margin: 0;
    padding: 0;
    z-index: 5;
  }
}

/* === TP-PARTFINDER-PLACEHOLDER === dropdown styling (was inline in product_browser.php iframe) */
.banner-black .VertMenuBox {
  background: rgba(74, 100, 1, 0.0);
  padding-top: 8px;
}
/* All four tab panes share the same top padding so the first labels ("I know Supply Part#" /
   "I know Machine Model#") line up. (Selector also beats a generic "#tab-1{padding:0 20px}" rule.) */
.banner-black #tab-1,
.banner-black #tab-2,
.banner-black #tab-3,
.banner-black #tab-4 {
  padding-top: 31px;
}
.banner-black .NavigationPath {
  color: #ffffff;
  font-weight: bold;
  font-size: 13px;
  font-family: arial;
  padding: 1px 0;
  margin: 1px 0 4px;
  display: inline-block;
}
/* match live: part-finder boxes fill the dialog width (live forces iframe width:100%) */
.banner-black .menu-dialog.menu-toner,
.banner-black .menu-dialog.menu-ink {
  display: block;
  width: 100%;
  margin-bottom: 0;
}
.banner-black .styled-select {
  margin-bottom: 1px;
  width: 100%;
  position: relative;
}
/* a little more space between the stacked dropdowns in the Printer model tab */
.banner-black #tab-2 .styled-select,
.banner-black #tab-4 .styled-select {
  margin-bottom: 7px;
}
/* "?" help icon sits in the right gap beside the dropdown (does not shrink the select) */
.banner-black .pf-help {
  position: absolute;
  right: -7px;
  top: 50%;
  margin-top: -9px;
  line-height: 0;
  text-decoration: none;
}
.banner-black .pf-help svg { display: block; }
/* force the "?" white (beats .menu-dialog .content a:link {color:#000}) */
.banner-black .pf-help,
.banner-black .pf-help:link,
.banner-black .pf-help:visited,
.banner-black .pf-help:hover {
  color: #fff !important;
  text-decoration: none;
}
/* live-style hover tooltip: small green box, text wraps to fit */
.banner-black .pf-help .pf-tip {
  display: none;
  position: absolute;
  left: 16px;
  top: -2px;
  width: 120px;
  background: #a5d618;
  border: 2px solid #000;
  padding: 3px 5px;
  color: #000;
  font-size: 11px;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.25;
  text-align: left;
  white-space: normal;
  z-index: 100;
}
.banner-black .pf-help:hover .pf-tip { display: block; }
/* extra breathing room under the last (2b) dropdown */
.banner-black .pf-last { margin-bottom: 18px; }
/* green box hugs its content (drop all height floors) */
/* fixed column height so the keyboard background image does NOT resize when toggling tabs */
.banner-black #tabs-container { min-height: 294px; }
.banner-black #tabs-container-one { min-height: 303px; }
/* green box hugs its content (drop all height floors) */
.banner-black .tab-content,
.banner-black .tab-content-one {
  min-height: 0 !important;
  padding-bottom: 0;
}
.banner-black .menu-dialog.menu-toner,
.banner-black .menu-dialog.menu-ink,
.banner-black .menu-dialog .content,
.banner-black .VertMenuBox {
  min-height: 0 !important;
  height: auto !important;
}
.banner-black .menu-dialog .content { padding-bottom: 0 !important; }
/* Find button straddles the box bottom edge (edge cuts through its middle), like live */
.banner-black .pf-find {
  text-align: center;
  margin-top: 31px;
  margin-bottom: -41px;
  padding-bottom: 0;
  position: relative;
  z-index: 3;
}
.banner-black .pf-find img { border: 0; }
/* remove the leaked common_files/main.css .menu-dialog 1px border (the box around the dropdowns) */
.banner-black .menu-dialog,
.banner-black .menu-dialog .content,
.banner-black .VertMenuBox {
  border: none;
}
/* don't clip the 3rd dropdown: live sized .content to its 180px iframe; ours is taller */
.banner-black #tabs-container #tab-1 .content,
.banner-black #tabs-container-one #tab-3 .content,
.banner-black .menu-dialog .content {
  height: auto;
  overflow: visible;
}
.banner-black .styled-select select {
  background: #ffffff;
  width: 95%;
  padding: 0 0 0 6px;
  font-size: 14px;
  line-height: 1;
  border: 0;
  font-family: 'roboto_condensedregular', Arial, sans-serif;
  height: 28px;
  border-radius: 4px;
}

/* ============================================================================
   Category product listing — REGULAR (screen) view: match the live site by
   hiding the "Quantity" label and the "Add to wish list" button. Live's
   tonermobile buy_now.tpl comments the quantity-title span out and does not
   render the wishlist button; the test site uses the common_files buy_now.tpl,
   which shows both. Scoped to the category products dialog so the quantity
   DROPDOWN itself stays (just its label goes) and other lists are unaffected.
   The wishlist button is a class-less button.button with onclick="...add2wl...";
   targeting the add2wl onclick is language-independent (its title text isn't).
   ============================================================================ */
.dialog-category-products-list .quantity-title { display: none !important; }
.dialog-category-products-list .buttons-row button[onclick*="add2wl"],
.dialog-category-products-list .buttons-row .button-separator { display: none !important; }

/* remove the gray box around the qty dropdown (.product-input .quantity sets background:#efefef)
   and match the front-page part-finder dropdown text: 14px roboto_condensed (was 11px source-sans),
   with the same 4px rounded corners. The 1px border is kept for a visible edge on the white page. */
.dialog-category-products-list .quantity { background: transparent !important; padding: 0 !important; }
.dialog-category-products-list .quantity select {
    font-size: 14px !important;
    font-family: 'roboto_condensedregular', Arial, sans-serif !important;
    border-radius: 4px !important;
    /* centre the number in the box (was hugging the left edge). text-align-last centres the
       SELECTED value shown when the select is closed; text-align centres the open option list. */
    text-align: center !important;
    text-align-last: center !important;
    padding-left: 6px !important;
}

/* ============================================================================
   Category product GRID — uniform layout across ALL category pages.
   The grid items (.item.col-md-3) are floated, so when product titles wrap to
   different line counts the shorter cards let the next item "snag" up beside
   them, leaving big gaps and a different-looking layout on every category
   (worst with many products, e.g. /hp-deskjet-1110/). Switching the row to
   flexbox wrap makes items flow into clean, aligned rows regardless of height,
   and align-items:stretch gives every card in a row the same height.
   Scoped to the category products dialog. (In print each .item is width:100%,
   so flex-wrap simply yields one card per row — consistent with the print row
   layout, no conflict.)
   ============================================================================ */
.dialog-category-products-list .products.products-list {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch;
    /* drop the col-md-12 float: it let the gray .content box collapse (no gray behind the cards)
       on categories that render no trailing clearing element — i.e. few-product categories with no
       pagination bar, e.g. /canon-pixma-ts3320/. As a normal in-flow flex block, .content contains
       it and the gray shows consistently. */
    float: none !important;
    width: 100%;
}
.dialog-category-products-list .products.products-list .item {
    float: none !important;
}
.dialog-category-products-list .products.products-list .item > .itemdiv {
    height: 100%;   /* white card fills the stretched row height */
}

/* --- Unified breadcrumb + printable bar (>=1101px) --------------------------
   Originally the breadcrumb (.bread_one, col-md-10) and the printable link
   (.bread_two, col-md-2) were two Bootstrap grid columns. The printable column's
   width didn't adapt to its content, and the per-breakpoint overrides had gaps
   (1101-1280px and 1401-1999px had NO rule), so at those widths "Printable
   version" overflowed its gray box and the bar height jumped around.

   Make the whole thing ONE flex bar: the breadcrumb flexes to fill on the left,
   the printable link sits at the right, on a single continuous gray strip at one
   consistent height - no per-breakpoint width juggling. Scoped to >=1101px so the
   existing tablet/mobile (<=1100px, stacked) layout is untouched. The .print-id /
   .bread_two classes are kept, so the rules that HIDE the printable on checkout /
   coupon pages still apply. Supersedes the earlier min-width:1401px padding patch. */
@media screen and (min-width:1101px) {
    .bread-row {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        background: #ebebeb !important;
        width: 100% !important;
    }
    .bread-row > .bread_one {
        width: auto !important;
        max-width: none !important;
        float: none !important;
        flex: 1 1 auto;
        min-width: 0;                 /* let a long breadcrumb wrap its own text */
        background: transparent !important;
    }
    .bread-row > .bread_two {
        width: auto !important;
        max-width: none !important;
        float: none !important;
        flex: 0 0 auto;
        background: transparent !important;
    }
    .bread-row .printable-bar {
        float: none !important;
        width: auto !important;
        height: auto !important;
        padding: 6px 14px 6px 0 !important;
        background: transparent !important;
        white-space: nowrap;
    }
    #location0 { top: 0 !important; }   /* flex centers it; drop the manual 3px nudge */
}

/* Sit the breadcrumb bar flush against the header's VISIBLE green bar and give the gray
   bar a touch more height. The #header box is 125px but its green menu only paints to
   ~121px (a 4px transparent strip at the box bottom), so aligning to the box bottom left
   a ~4px white gap under the green. margin-top:6px lifts the bar to meet the green edge;
   the bar's top few px overlap the header's transparent bottom strip, which is harmless.
   padding:2px 0 adds ~4px to the bar height. Applies at every width. */
.bread-row { margin-top: 6px; padding: 2px 0; }