﻿@import url('//fonts.googleapis.com/css?family=PT+Sans:400,700,400italic');


body, button {
    font-family: 'PT Sans', sans-serif;
    color: #1a1a18;
}

a {
    color: #2295e1;
    text-decoration: none;
}

a:hover {
    color: #CC0066;
}

.hidden {
  display: none;
}

button.blue {
    background: #2693e5;
}

button.blue-loader {
    color: rgba(255,255,255, 0) !important;
    background: #2693e5 url(/i/but-loader.gif) no-repeat 50% 50% !important;
    box-shadow: none  !important;
    cursor: default;
}

button.magenta {
    background: #e5007d;
}

.rounded5left, .rounded5, .rounded5right, .rounded5bottom {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

#newtop li {
    position: relative;
}

#newtop li li {
    float: none !important;
}

#newtop li ul {
    position: absolute;
    top: 35px;
    left: 0;
    background: #fff;
    z-index: 999999;
    width: auto;
    width: 198px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    display: none;
}

#newtop li:hover ul {
    display: block;
}

#newtop .tel {
    background: none;
    padding: 0;
    font-size: .9em;
    width: 113px;
    margin: 0;
}

#newtop .call {
    font-size: .75em;
    margin: 0;
    padding-left: 12px;
}

#newtop .menu-help {
    margin: 0;
}

#newtop .menu-help li {
    margin: 0;
    font-size: .9em;
}

#newtop .menu-help a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 0 10px !important;
    border-right: 1px solid #ddd;
}

#newtop .menu-help a:hover {
    color: #CC0066;
}

#newtop .menu-help .contact, #newtop .menu-help .help {
    background: none;
    color: #0388e0;
}

#newtop .menu-user {
    height: 35px;
    margin-top: 11px;
}

#newtop .menu-user li {
    margin: 0;
    font-size: .9em;
}

#newtop .menu-user a {
    display: block;
    padding: 0 12px;
    color: #333;
}

#newtop .menu-user a:hover {
    background-color: #fff;
    opacity: .7;
}

#newtop .menu-user .help {
    padding-right: 30px;
    position: relative;
}

#newtop .menu-user li li a:hover {
    background: #2693e5;
    color: #fff;
    opacity: 1;
}

#newtop .menu-user .help:after {
    display: block;
    content: '';
    width: 13px;
    height: 6px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 10px;
    background: url(../i/arrow-down-menu.png) no-repeat;
}

#newtop .menu-user .call {
    padding-right: 10px;
    text-align: right;
}

#newtop .menu-user .call a {
    display: inline;
    border: none;
    margin: 0;
    padding: 0;
}

#newtop  .login {
    position: absolute;
    top: 50px;
    right: 0;
    width: 175px;
}

#newtop  .login  a {
    display: inline-block;
    border: 1px solid #333;
    padding: 5px 20px;
    text-align: center;
    font-size: 14px;
    color: #333;
}

#newtop  .login  a:hover {
    border-color: #888;
    color: #666;
}

#newtop  .login  a.btn-login {
    background: #333;
    color: white;
}

#newtop  .login  a.btn-login:hover {
    background: #888;
}

#newtop .logo {
    top: 13px;
    background: url('/i/tcd-logo-red.png') no-repeat;
    width: 159px;
    height: 68px;
    overflow: hidden;
    display: block;
    text-indent: -5000px;
    position: absolute;
    left: 0;
}

#newtop .slogan {
    text-align: left;
    left: 228px;
    top: 33px;
}

#keywordSearchForm {
    width: 396px;
    height: 44px;
    background: #333;
    left: 329px;
    position: absolute;
    top: 0;
}

#keywordSearchForm .loader {
    position: absolute;
    top: 13px;
    right: 50px;
    display: none;
}

#keyword {
    width: 380px;
    height: 40px;
    border: 1px solid #fff;
    margin-top: 1px;
    margin-left: 1px;
    font-size: .9em;
}

#searchButton {
    width: 44px;
    height: 44px;
    border: none;
    background: url(/i/icon-search.png) no-repeat 50% 50%;
    text-indent: -10000px;
    margin-top: 0;
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 1px;
    opacity: .3;
}

#searchButton:hover {
    opacity: .6;
}

#account-center {
    width: 153px;
    height: 44px;
    background: #333333;
    position: absolute;
    top: 0;
    left: 726px;
    z-index: 9999;
}

#account-center:after {
    display: block;
    content: '';
    width: 13px;
    height: 6px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 10px;
    background: url(../i/arrow-down-menu2.png) no-repeat;
}

#account-center .details {
    white-space: nowrap;
    z-index: 1;
    margin-left: 10px;
    position: relative;
    line-height: 44px;
}

#account-center .total {
    padding-left: 20px;
    background: url(/i/icon-user-white.png) no-repeat 0 50%;
    font-size: 16px;
    font-weight: normal;
    position: relative;
    cursor: default;
}

#account-center .total .t {
    color: #fff;
}

#account-center .sub {
    font-size: 12px;
    padding-top: 6px;
    padding-left: 20px;
}

#account-center:hover #account-popup {
    display: block;
}

#account-center:hover .total .t {
    color: #333;
}

#account-center:hover .total {
    background-image: url(/i/icon-user2.png);
}

#account-center .logined, #account-center:hover .logined {
    background-image: url(/i/icon-user3.png);
}

#account-popup {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 0;
    display: none;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    padding-top: 44px;
    width: 234px;
    padding-bottom: 15px;
}

#account-popup ul {
    margin: 0;
    border-bottom: 1px solid #efefef;
}

#account-popup ul:last-child {
    border: none;
}

#account-popup ul a {
    display: block;
    padding: 7px 10px 7px 30px;
    font-size: 14px;
}

#account-popup ul a:hover {
    background: #efefef;
}

#cart-pos {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99999;
}

#cart {
    position: relative;
}

#cart:hover .total .d.full {
    background-color: #efefef;
    background-image: url(/i/icon-cart-gray.png);
    color: #000;
}

#cart:hover .total .d.full:after {
    background-image: url(../i/arrow-down-menu.png);
}

#cart .buttons {
    margin-left: 10px;
}

#cart .label {
    background-image: url('/i/new-cart.png');
    font-size: .75em;
    padding-left: 20px;
}

#cart .buttons .checkout {
    text-transform: uppercase;
    background: #2693e5;
    width: 87px;
    height: 22px;
    padding: 0;
    line-height: 22px;
    text-align: center;
    font-size: .9em;
    text-indent: 0px;
}

#cart .buttons .checkout:hover {
    background: #12b4fb;
    box-shadow: 0 0 4px #83e1ff;
}

#cart .details {
    width: 80px;
    height: 44px;
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
}

#cart .total .d {
    background: #333 url(/i/icon-cart-white.png) no-repeat 10px 50%;
    display: block;
    padding: 0 21px 0 27px;
    line-height: 44px;
    text-align: center;
    color: #fff;
}

#cart .total .d.full:after {
    display: block;
    content: '';
    width: 13px;
    height: 6px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 10px;
    background: url(../i/arrow-down-menu2.png) no-repeat;              
}

#cart .total .d.full {
    background: #ed1c24 url(/i/icon-cart-white.png) no-repeat 10px 50%;
    color: #fff;
}

#cart .sub {
    font-size: 12px;
    padding-top: 3px;
    padding-left: 35px;
	display: none;
}

#cart.full .sub {
	display: block;
}

#cart .sub .link {
	color: #2295e1;
	margin-right: 25px;
}

#cart .sub .view {
    margin-right: 20px;
}

#cart.full:hover #cart-popup {
//  display : block;
}

#cart.full:hover .details {
    background: none;
    box-shadow: none !important;
}

#cart-popup {
    right: 0;
    max-width: 960px;
    top: 0;
    position: absolute;
    display: none;
}

#cart-popup .back {
    width: 80px;
    height: 44px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    background: #fff;
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
}

#cart-popup .bag {
    background: #fff;
    position: absolute;
    top: 44px;
    right: 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

#cart-popup .bag table {
    min-height: 330px;
}

#cart-popup .bag .items {
    vertical-align: top;

}

#cart-popup .bag .calc {
    vertical-align: top;
}

#cart-popup .bag .fin {
    background: #efefef;
    vertical-align: top;
}

#cart-popup .bag .fin > div {
    width: 215px;
    background: url(../i/arrow-big-right-white.png) no-repeat 0 23px;
    text-align: center;
}

#cart-popup .bag .fin .title, #cart-popup .bag .calc .title {
    padding-top: 6px;
    font-size: 12px;
    margin-bottom: 6px;
    text-transform: uppercase;
}

#cart-popup .bag .fin .order-total, #cart-popup .bag .calc .order-total {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 4px;
}

#cart-popup .bag .fin .free-shipping {
    font-size: 12px;
    color: green;
    margin-bottom: 10px;
}

#cart-popup .bag .fin .checkout button {
    height: 40px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    width: 90%;
}

#cart-popup .bag .fin .checkout .desc {
    display: block;
    font-size: 11px;
    color: #666;
    line-height: 12px;
    margin-bottom: 20px;
    padding-top: 4px;
}

#cart-popup .bag .fin .paypal {
    margin-bottom: 12px;
}

#cart-popup .bag .calc {
    border-left: 1px solid #ddd;
}

#cart-popup .bag .calc > div {
    width: 184px;
    position: relative;
    text-align: center;
}

#cart-popup .bag .calc > div:after {
    content: '';
    display: block;
    width: 22px;
    height: 38px;
    left: -1px;
    top: 23px;
    background: url(../i/arrow-big-right-border.png) no-repeat;
    position: absolute;
}

#cart-popup .bag .calc .order-total {
    color: #000;
}

#cart-popup .bag .calc .striked {
    text-decoration: line-through;
}

#cart-popup .bag .calc .saved {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}

#cart-popup .bag .calc .discounts {
    margin-bottom: 20px;
}

#cart-popup .bag .calc .discounts p {
    font-size: 12px;
    line-height: 16px;
    margin: 0;
}

#cart-popup .bag .calc .coupon p {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 5px;
}

#cart-popup .bag .calc .coupon {
    margin-bottom: 20px;
}

#cart-popup .bag .calc .form {
    margin: 0;
    position: relative;
}

#cart-popup .bag .calc .loader {
    position: absolute;
    top: 3px;
    left: 98px;
    width: 16px;
    height: 16px;
    background: url(../i/loader-16x16-whitebg.gif) no-repeat;
}

#cart-popup .bag .calc .error {
    position: absolute;
    top: 26px;
    left: 11px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 12px;
    padding: 4px 6px;
    max-width: 138px;
}

#cart-popup .bag .calc .txt {
    border: 1px solid #2693e5;
    font-size: 12px;
    width: 90px;
    height: 16px;
}

#cart-popup .bag .calc button {
    font-size: 12px;
    text-transform: uppercase;
    width: 50px;
    padding: 0;
}

#cart-popup .bag .calc .gift .h {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #e5007d;
    margin-bottom: 10px;
}

#cart-popup .bag .calc .gift .get {
    font-size: 12px;
    color: green;
}

#cart-popup .bag .calc .usb {
    padding-left: 70px;
    padding-top: 5px;
    background: url(../i/usb.png) no-repeat;
    display: inline-block;
    text-align: left;
    margin: 0 15px 12px 15px;
}

#cart-popup .bag .calc .usb > p {
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
}

#cart-popup .bag .calc .usb a {
    font-size: 11px;
    color: #999;
    border-bottom: 1px dotted #999;
}

#cart-popup .bag .items > div {
    min-width: 180px;
    padding: 20px 10px;
    position: relative;
    min-height: 290px;
}

#cart-popup .bag .items .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
}

#cart-popup .bag .items li {
    float: left;
    width: 160px;
    margin: 0 10px 20px 10px;
    text-align: center;
    position: relative;
}

#cart-popup #wait {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8) url(/i/loader-16x16-whitebg.gif) no-repeat 50% 50%;
}

#cart-popup .bag .items span {
    display: block;
    font-size: 12px;
}

#cart-popup .bag .items .img img {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}

#cart-popup .bag .items .name {
    text-overflow: ellipsis;
    margin-bottom: 2px;
}

#cart-popup .bag .items .bottom span {
    display: inline-block;

}

#cart-popup .bag .items .bottom span, #cart-popup .bag .items .bottom a {
    vertical-align: middle;
}

#cart-popup .bag .items .buttons {
    display: block;
    padding-top: 4px;
}

#cart-popup .bag .items .delete, #cart-popup .bag .items .moveto {
    display: inline-block;
    font-size: 11px;
    margin: 0 4px;
}

#cart-popup .bag .items .moved {
    color: #999 !important;
    cursor: default;
}

#cart-popup .bag .items .up, #cart-popup .bag .items .down {
    display: inline-block;
    background: #fff;
    border: 1px solid #ddd;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    text-align: center;
    line-height: 16px;
    font-size: 16px;
    color: #000;
    font-weight: bold;
    color: #999;
}

#cart-popup .bag .items .disabled {
    opacity: 0;
    display: none;
}

#cart-popup .bag .items .up {
    margin-left: 4px;
}

#cart-popup .bag .items .down {
    margin-right: 4px;
}

#cart-popup .bag .items a:hover {
    color: #e5007d;
    border-color: #e5007d;
}

#cart-popup .bag .items .confirm {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.4);
    z-index: 2;
    display: block;
    display: none;
}

#cart-popup .bag .items .confirm  .modal {
    display: block;
    position: absolute;
    top: 10%;
    bottom: 10%;
    right: 10%;
    left: 10%;
    background: #fff;
}

#cart-popup .bag .items .confirm  .modal .message {
    display: block;
    text-align: center;
    font-size: 18px;
    margin-top: 15%;
    margin-bottom: 1.5em;
}

#cart-popup .bag .items .confirm  .modal .buttons {
    display: block;
    text-align: center;
    font-size: 18px;
}

#cart-popup .bag .items .confirm  .modal .buttons button {
    height: 32px;
}

#menu {
    background: #e8e8e8;
}

#menu a.a {
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    color: #0388e0;
    text-shadow: none;
    font-weight: normal;
    border-left: 1px solid #ddd;
    line-height: 34px;
}

#menu a.a:hover, #menu .menu-item:hover a.a {
    color: #fff;
}

#menu .menu-item:first-child a.a {
    border-left: none;
}

#menu li ul {
    left: 1px;
}

#menu .menu-item:first-child ul {
    left: 0;
}

#menu li ul a {
    font-size: 13px;
}

#hot-offer a {
    background: #ee1c24;
    color: #fff !important;
}

#hot-offer a:hover {
    background: #fb3840 !important;
}

#bullets a {
    width: 7px;
    height: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    background: #1a1a18;
    border: 1px solid #fff;
    opacity: .4;
}

#bullets a.cb {
    opacity: 1;
    background: #fff;
    border: 1px solid #1a1a18;
}

#pan {
    background: none;
}

#pan .b {
    background: #fff;
    width: auto;
    border-bottom: none !important;
    padding: 0;
}

#pan .proof {
    border: 1px solid #ddd !important;
    padding: 8px 18px;
    font-size: 1em;
    margin-bottom: 15px;
}

#pan .proof li:before {
    display: none;
}

#pan .proof a {
    background: none;
    border-bottom: 1px dotted #333;
    padding: 0;

}

#pan .proof a:hover {
    text-decoration: none;
    border: none;
}

#bnrs {
    border: 1px solid #ddd !important;
    padding: 25px 0 0 0;
    font-size: 1em;
    margin-bottom: 15px;
}

#bnrs .b {
    margin-bottom: 25px;
}

#cart-page #bnrs {
    padding: 0;
    border: none !important;
}

#cart-page #bnrs .b {
    padding: 0;
    width: 130px;
}

#pan .contacts {
    border: 1px solid #ddd !important;
    padding: 8px 18px;
    font-size: 1em;
    margin-bottom: 15px;
}

#pan .contacts a {
    padding: 0 0 0 42px;
    font-size: .9em;
}

#pan .contacts .chat {
    background: url(/i/new-icon-chat.png) no-repeat 0 50%;
}

#pan .contacts .tel {
    background: url(/i/new-icon-phone.png) no-repeat 0 50%;
}

#pan .contacts .mail {
    background: url(/i/new-icon-mail.png) no-repeat 0 50%;
}

#brand-list {
    border: 1px solid #ddd;
    padding: 0 15px;
    margin-bottom: 15px;
}

#brand-list h2 {
    background: none;
    padding: 0;
    font-weight: bold;
}

.top-brands {
    width: auto;
    padding: 0;
    margin: 0;
    float: none;
}

.top-brands ul {
    width: 100%;
    float: none;
    text-align: center;
}

.top-brands li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px;
}

.all-brands {
    padding: 0;
    border: none;
    margin: 0 20px;
    width: auto;

}

#brand-list h3 {
    padding-left: 15px;
    margin-bottom: 18px;
}

.all-brands ul {
    padding: 0;
    font-size: 1em;
    width: 220px;
}

.all-brands li {
    margin-bottom: 6px;
}

#pop {
    font-size: 14px !important;
}

#cartridge-top {
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 15px;
}

#cartridge-top h2 {
    background: none;
    padding: 0;
    margin-bottom: 15px;
}

#cartridge-list .clip {
    width: 600px;
}

#cartridge-list .item {
    width: 190px;
}

#main-content .clip {
    width: 848px;
}

#main-content .item {
    width: 202px;
}

#cartridge-list .link img {
    width: 115px;
    height: 83px;
}

#cartridge-list .link {
    font-size: .9em;
}

#cartridge-list .link span {
    height: 36px;
}

#cartridge-list .points {
    font-size: .8em;
    padding-top: 8px;
    display: block;
}

#cartridge-list .price {
    font-size: 1.1em;
}

#featured-list {
    border: 1px solid #ddd;
    padding: 0;
    margin-bottom: 15px;
}

#featured-list h2 {
    background: none;
    padding: 0;
}

#featured-list .block {
    padding: 15px 0 15px 15px;
    width: 338px;
}

#featured-list .block:last-child {
    border-left: 1px solid #ddd;
}

#featured-list ul {
    font-size: .85em;
    width: 145px;
}

#footer {
    background: #fff;
}

#footer .link-block {
    background: #fff;
    padding: 20px 0 20px 0;
    color: #222;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}

#footer .link-block .badges {
    float: left;
}

#footer .link-block .badges .unit {
    display: block;
    margin-bottom: 20px;
}

#footer .link-block .main-links {
    float: right;
}

#footer .link-block .main-links ul {
    float: left;
    margin-left: 28px;
}

#footer .link-block .main-links li ul {
    float: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
}

#footer .link-block .main-links .title {
    display: block;
    font-size: 14px;
    margin-bottom: 8px;
    font-weight: bold;
}

#footer .link-block .main-links li li {
    margin-bottom: 8px;
}

#footer .link-block .main-links li li a {
    color: #666;
}

#footer .link-block .main-links li li a:hover {
    color: #ed1c24;
}

#footer .submenu {
    font-size: .85em;
}

#footer .payment {
    width: 270px;
    height: 29px;
}

#footer .ship {
    width: 125px;
    height: 29px;
}

#footer .bottom {
    padding: 15px 0;
}

#footer .seals {
    float: right;
}

#footer .seals span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}

.path {
    font-size: .8em;
    padding: 0 0 15px 0;
}

#help, #about {
/ / padding : 15 px;
/ / border : 1 px solid #ddd;
    margin-bottom: 15px;
}

#brand-list {
    padding: 15px;
}

#help h2 {
    font-size: 1.5em;
}

#printer-popular {
    padding: 15px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
}

.big-left .photo-block {
    margin-bottom: 15px;
}

#cartridge-description h2 {
    background: none;
    padding: 0;
    text-align: center;
    font-size: 24px;
}

#cartridge-description table {
    max-width: 600px;
    margin: 0 auto;
}

.big-right {
    margin-left: 417px;
}

.big-right #cartridge-description {
    width: auto !important;
    padding: 15px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    min-height: 370px;
}

.big-right #supplies .desc {
    width: 290px !important;
}

#supplies .item .points, #cartridge-head .price .item .points {
    font-size: .8em;
    display: block;
    padding-top: 5px;
}

#h-ban .b {
    background: none;
    margin: 0 !important;
}

#cartridge-head .desc {
    margin-left: 417px;
    padding: 15px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    min-height: 370px;
}

.social {
    height: 16px;
}

#printer-page .big-left .desc {
    padding: 15px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
}

#cartridge-head {
    border: 0;
    margin: 0;
    padding: 0;
}

#cartridge-description {
    margin-bottom: 15px;
}

.brand-series a {
    border-bottom: 1px dotted #2295e1;
}

.brand-series a:hover {
    border-bottom: none;
}

#device-list h3 {
    font-size: 1.1em;
    font-weight: normal;
}

#device-list .closed h3:after {
    top: 10px;
}

#device-list .opened h3:after {
    top: 14px;
}

#device-list li {
    font-size: .8em;
}

#device-list h2 {
    background: none;
    padding: 0;
}

#main-bottom {
    border: 1px solid #ddd;
    padding: 20px;
}

#main-bottom .proof {
    float: left;
    margin-left: 20px;
    list-style: outside disc;
}

#main-bottom #bnrs {
    border: none !important;
    float: left;
    width: 700px;
    text-align: center;
}

#main-bottom #bnrs span {

}

#main-bottom #bnrs .b {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px;
}

#footer .b {
    float: left;
    font-size: .7em;
}

#footer .b span {
    display: block;
}

/* New cartridge page **********************************/

#new-item-page {
// border : 1px solid #d0d0d0;
}

.cartridge-img {
    width: 350px;
    height: 440px;
    border-bottom: 1px solid #eee;
    float: left;
    position: relative;
}

.cartridge-img .my-device {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.cartridge-img .my-device span.add-cartridge, .cartridge-img .my-device span.add-printer {
    display: block;
    padding: 3px 6px;
    font-size: 12px;
    cursor: pointer;
    background: #009ee3;
    border: 1px solid #009ee3;
    color: #fff;
}

.cartridge-img .my-device span.add-cartridge:hover, .cartridge-img .my-device span.add-printer:hover {
    background: #03aee3;
    box-shadow: 0 0 4px #83e1ff;
    color: #fff;
}

.cartridge-img .my-device span.allready {
    display: block;
    padding: 3px 6px;
    font-size: 12px;
    background: #efefef;
    color: #666;
}

.my-printer-device {
    margin-bottom: 20px;
}

#new-printer-page .share {
    margin-bottom: 20px;
}

#new-printer-page .share .fb-share-button {
    vertical-align: middle;
    margin-right: 5px;
}

#new-printer-page .share .twitter-share-button {
    display: inline-block;
    vertical-align: middle;
}

.my-printer-device span.add-cartridge, .my-printer-device span.add-printer {
    display: block;
    padding: 3px 6px;
    font-size: 14px;
    cursor: pointer;
    background: #009ee3;
    border: 1px solid #009ee3;
    color: #fff;
    text-align: center;
}

.my-printer-device span.add-cartridge:hover, .my-printer-device span.add-printer:hover {
    background: #03aee3;
    box-shadow: 0 0 4px #83e1ff;
    color: #fff;
}

.my-printer-device span.allready {
    display: block;
    padding: 3px 6px;
    font-size: 12px;
    background: #efefef;
    color: #666;
}

.cartridge-img .best-offer {
    width: 85px;
    height: 85px;
    background: url(../i/best-offer.png) no-repeat;
    text-indent: -10000px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
}

.cartridge-img img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.cartridge-img .preview {
    position: absolute;
    left: 10px;
    bottom: 0;
}

.cartridge-img .preview img {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 50px;
}

.cartridge-img .preview a {
    border: 1px solid #ddd;
    overflow: hidden;
    display: block;
    width: 50px;
    height: 50px;
    float: left;
    margin: 0 10px 10px 0;
}

.cartridge-img .preview a:first-child {
    border: 1px solid #333;
}

#new-item-page .cartridge-desc {
    border-bottom: 1px solid #eee;
    float: left;
    height: 440px;
    width: 610px;
    position: relative;
}

#new-item-page .cartridge-main {
    float: left;
    width: 375px;
    height: 440px;
}

#new-item-page .printer-main {
    float: left;
    width: 322px;
    height: 314px;
    position: relative;
}

.cartridge-logo {
    position: absolute;
    background: #fff;
    padding: 0 20px;
    top: 0;
    left: 0;
    height: 74px;
    font: 0/0 a;
}

.cartridge-logo:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.cartridge-logo img {
    display: inline-block;
    vertical-align: middle;
}

#new-item-page .cartridge-title {
    margin: 0 20px 7px 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

#new-item-page .printer-title {
    padding: 17px 20px;
    overflow: hidden;
}

#new-item-page .printer-title h1 {
    font-size: 26px;
    white-space: nowrap;
}

#new-item-page .cartridge-title h1 {
    font-size: 26px;
    margin-bottom: .1em;
}

#new-item-page .cartridge-alt-name {
    color: #999;
    font-size: 14px;
    line-height: 1.4em;
}

#new-item-page .printer-details {
  padding: 0 0 0 20px;
}

#new-item-page .cartridge-details {
    padding: 0 20px;
}

#new-item-page .cartridge-specs {
    width: 100%;
    margin-bottom: 9px;
    border-bottom: 1px solid #eee;
    padding-bottom: 9px;
}

#new-item-page .cartridge-specs .row {
    padding: 3px 0;
    vertical-align: top;
    font-size: 14px;
}

#new-item-page .cartridge-specs .row.colors {
    padding: 8px 0;
}

#new-item-page .cartridge-specs .color {
    float: left;
    vertical-align: middle;
    color: #666;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    cursor: pointer;
    min-width: 28px;
    position: relative;
    text-align: center;
    border-radius: 3px;
    margin-right: 5px;
}

#new-item-page .cartridge-specs .color-black {
  background: black;
}

#new-item-page .cartridge-specs .color-yellow {
    background: yellow;
}

#new-item-page .cartridge-specs .color-magenta {
    background: magenta;
}

#new-item-page .cartridge-specs .color-purple {
    background: purple;
}

#new-item-page .cartridge-specs.color-violet {
    background: violet;
}

#new-item-page .cartridge-specs .color-orange {
    background: orange;
}

#new-item-page .cartridge-specs .color-white {
    background: white;
}

#new-item-page .cartridge-specs .color-cyan {
    background: cyan;
}

#new-item-page .cartridge-specs .color-green {
    background: green;
}

#new-item-page .cartridge-specs .color-red {
    background: red;
}

#new-item-page .cartridge-specs .color-gray {
    background: gray;
}

#new-item-page .cartridge-specs .color-blue {
    background: blue;
}

#new-item-page .cartridge-specs .color-cmyk {
    background: url('../i/cmyk-label.png') repeat-x center;
    padding: 0 !important;
}

#new-item-page .cartridge-specs .color-gloss-enhancer {
    background: url('../i/gloss-label.gif') repeat-x center;
    padding: 0 !important;
}

#new-item-page .cartridge-specs .color-cmy {
    background: url('../i/cmy-label.png') repeat-x center;
    padding: 0 !important;
}

#new-item-page .cartridge-specs .color.checked {
   margin-right: 15px;
   cursor: default;
}

#new-item-page .cartridge-specs .color.checked:not(.color-kit):after {
    content: '';
    display: block;
    width: 18px;
    height: 14px;
    overflow: hidden;
    background: url(../i/icon-check-color.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -7px;
    margin-left: -9px;
}

#new-item-page .cartridge-specs span.title {
    display: block;
    float: left;
    color: #999;
    margin-right: 10px;
}

#new-item-page .work-with {
    font-size: 14px;
}

#new-item-page .cartridge-specs span.param {
    display: block;
    float: left;
}

.cartridge-color {
    position: relative;
    display: inline-block;
    padding-left: 20px !important;
}

.cartridge-color i {
    display: block;
    content: ' ';
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
    border-radius: 50%;
}

.color-kit i {
    background: url(../i/label-kit.png) no-repeat 50% 50%;
}

.color-black i {
  background: black;
}

.color-yellow i {
    background: yellow;
}

.color-magenta i {
    background: magenta;
}

.color-purple i {
    background: purple;
}

.color-violet i {
    background: violet;
}

.color-orange i {
    background: orange;
}

.color-white i {
    background: white;
}

.color-cyan i {
    background: cyan;
}

.color-green i {
    background: green;
}

.color-red i {
    background: red;
}

.color-gray i {
    background: gray;
}

.color-blue i {
    background: blue;
}

.color-gloss-enhancer i {
    background: url('../i/gloss.gif') no-repeat center;
}

.cartridge-item .cartridge-color i {
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.printer-filters .cartridge-color i {
    top: 10px !important;
}

.color-cmyk {
    padding-left: 30px !important;
    text-indent: 0 !important;
}

.color-cmyk i {
    width: 24px !important;
    border-radius: 0 !important;
    background: url('../i/cmyk.png') no-repeat center;
    top: 9px !important;
}

.color-cmy {
    padding-left: 25px !important;
    text-indent: 0 !important;
}

.color-cmy i {
    width: 19px !important;
    border-radius: 0 !important;
    background: url('../i/cmy.png') no-repeat center;
}

.check-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    text-indent: -10000px;
    background: url(../i/icon-check.png);
}

#new-item-page .note {
    padding: 10px 15px;
    margin-bottom: 20px;
    font-size: 13px;
    text-align: center;
}

a.QA {
    color: #333;
    border-bottom: #333 1px dotted;
    cursor: help;
}

a.QA:hover {
    color: #999;
    border-bottom: #999 1px dotted;
}

a.DYN {
    border-bottom: #2295e1 1px dotted;
}

a.DYN:hover {
    border-bottom: #CC0066 1px dotted;
}

#new-item-page .cartridge-reman {
    position: absolute;
    left: 20px;
    bottom: 17px;
    font-size: 12px;
    color: #666;
}

#new-item-page .cartridge-price {
    float: right;
    background: #efefef;
    width: 234px;
    height: 440px;
    position: relative;
}

#new-item-page .cartridge-price .instock-label {
    height: 24px;
    color: #12a115;
    font-size: 12px;
    text-transform: uppercase;
    background: #c2ecc3;
    text-align: center;
    font-weight: bold;
    line-height: 24px;
}

#new-item-page .cartridge-price .amount {
    margin-bottom: 8px;
}

#new-item-page .cartridge-price .amount .action {
    float: left;
    margin-right: 15px;
}

#new-item-page .cartridge-price .amount .value {
    float: left;
    line-height: 28px;
}
#new-item-page .cartridge-price .amount .strike {
    font-size: 12px;
    color: #666;
    font-weight: normal;
}

#new-item-page .cartridge-price .shipping-label {
    text-align: center;
    margin-bottom: 10px;
}

#new-item-page .cartridge-price .shipping-label span {
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    border: 1px solid #000;
    border-radius: 3px;
    display: inline-block;
    padding: 3px 6px;
}

#new-item-page .printer-price {
    float: right;
    width: 235px;
    height: 314px;
    position: relative;
    overflow: hidden;
}

#new-item-page .buy-one {
    padding: 17px 20px;
}

#new-item-page .buy-one .value {
    font-size: 24px;
    text-align: left;
}

#new-item-page .buy-one .tips {
    font-size: 12px;
    text-align: center;
    margin-bottom: 11px;
    color: #666;
}

#new-item-page .buy-one .action .ent .txt {
    height: 24px;
}

#new-item-page .buy-one button.green {
    width: 100%;
    height: 34px;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    margin-bottom: 5px;
}

#new-item-page .buy-one button.ppal {
    margin: 0 auto;
    display: block;
    width: 148px;
}

#new-item-page .buy-one .or {
    text-align: center;
    font-size: 12px;
    margin-bottom: 5px;
}


#new-item-page .buy-one .add-tips {
    color: #666;
    font-size: 12px;
    text-align: center;
    margin-bottom: 14px;
}

#new-item-page .callus {
    text-align: center;
}

#new-item-page .pay-links {
    border-top: 1px solid #fff;
}

#new-item-page .pay-links li {
    border-bottom: 1px solid #fff;
}

#new-item-page .share {
    padding: 9px 20px;
}

#new-item-page .share .fb-share-button {
    vertical-align: middle;
    margin-right: 5px;
}

#new-item-page .share .twitter-share-button {
    display: inline-block;
    vertical-align: middle;
}

#new-item-page .pay-links li a {
    display: block;
    height: 34px;
    line-height: 34px;
    padding-left: 20px;
    font-size: 14px;
    border: none;
}

#new-item-page .buy-one .add-tips span {
    display: block;
    margin-bottom: 3px;
}

#new-item-page .buy-2-and-more {
    padding: 0 20px;
}

#new-item-page .buy-2-and-more .value {
    text-align: center;
    font-size: 18px;
}

#new-item-page .buy-2-and-more .tips {
    font-size: 12px;
    text-align: center;
}

#new-item-page .buy-2-and-more .discounts {
    font-size: 14px;
    text-align: center;
    margin-bottom: 10px;
}

.action .ent {
    display: inline-block;
    vertical-align: middle;
}

.action .but {
    display: inline-block;
    vertical-align: middle;
}

.action .rec, .action .inc {
    text-indent: -5000px;
    width: 0;
    height: 0;
    display: block;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    float: left;
    margin-top: 7px;
    overflow: hidden;
}

.action .rec {
    border-right: 8px solid #ccc;
}

.action .inc {
    border-left: 8px solid #ccc;
}

.action .ent .txt {
    border: 1px solid #ccc;
    width: 40px;
    text-align: center;
    font-size: 16px;
    height: 32px;
    padding: 0;
    margin-left: 9px;
    float: left;
    margin: 0 5px;
}

.action button {
    width: auto;
    height: 34px;
    font-size: 14px;
    width: 144px;
}

.popup {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    padding: 15px 20px;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px #ccc;
    display: none;
    text-align: left;
    z-index: 9999;
}

#new-item-page .discounts-popup {
    top: 20px;
    left: 20px;
    width: 152px;
}

#new-item-page .work-with-popup ul {
    margin-top: 10px;
    max-height: 200px;
    overflow: auto;
}

#new-item-page .work-with-popup li {
    padding: 8px 0;
    border-bottom: 1px solid #efefef;
}

.popup h3 {
    font-weight: bold;
}

#new-item-page .discounts-popup p, #new-item-page .links-popup p {
    color: #999;
    font-size: 12px;
    line-height: 1.5em;
    margin-bottom: 10px;
}

.popup a.close {
    position: absolute;
    display: block;
    top: 2px;
    right: 8px;
    text-decoration: none;
    color: #ccc;
    font-size: 2em;
}

#new-item-page .save-code {
    position: absolute;
    left: 20px;
    bottom: 20px;
    text-align: center;
    width: 192px;
    font-size: 14px;
}

#new-item-page .code {
    font-weight: bold;
    background: #fff;
    padding: 0 3px;
}

#new-item-page .cartridge-left-col {
    width: 100%;
    margin: 0;
    padding-top: 25px;
}

#new-item-page .cartridge-right-col {
    float: right;
    width: 235px;
}

#new-item-page .cartridge-links {
/ / border-left : 1 px solid #d0d0d0;
    padding: 36px 20px 37px 20px;
    font-size: 18px;
    position: relative;
}

#new-item-page .cartridge-links li {
    margin-bottom: 16px;
}

#new-item-page .printer-links {
/ / border-bottom : 1 px solid #d0d0d0;
    padding: 20px 20px 10px 20px;
    font-size: 18px;
    position: relative;
}

#new-item-page .printer-links li {
    margin-bottom: 16px;
}

#new-item-page .cartridge-block {
    margin-bottom: 30px;
}

#new-item-page .cartridge-block .h2 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 1em;
}

#new-item-page .cartridge-block-printers {
    max-width: 600px;
    margin: 0 auto;
}

#new-item-page .printer-block {
    margin-bottom: 30px;
    position: relative;
}

#new-item-page .printer-block h2 {
    font-size: 20px;
    text-align: left;
    margin-bottom: 1em;
    margin-right: 180px;
}

#new-item-page .printer-block .h2 {
    font-size: 20px;
    text-align: left;
    margin-bottom: 1em;
    margin-right: 180px;
}

#items_count {
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.9em;
}

#new-item-page .printer-block .switcher {
    position: absolute;
    top: 7px;
    right: 20px;
}

#new-item-page .printer-block .switcher a:first-child {
    padding-right: 15px;
    border-right: 1px solid #ddd;
}

#new-item-page .printer-block .switcher a:last-child {
    padding-left: 13px;
}

#new-item-page .printer-block .switcher .current {
    color: #666;
    cursor: default;
}

.cartridge-block-content .cartridge-item {
    width: 32%;
    margin: 0 2% 19px 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    float: left;
    position: relative;
    padding-bottom: 81px;
}

.cartridge-block-content .cartridge-item:nth-child(3n) {
    margin-right: 0;
}

.client-toners  .cartridge-item {
    padding-bottom: 95px;
}

.client-toners  .cartridge-item .but button {
    width: 90px;
}

.cartridge-block-content .cartridge-item .best-offer {
    width: 85px;
    height: 85px;
    background: url(../i/best-offer.png) no-repeat;
    text-indent: -10000px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
}

.cartridge-block-content .cartridge-item .labels {
    height: 16px;
    position: absolute;
    top: 15px;
    left: 15px;
    display: block;
}

.cartridge-block-content .cartridge-item .labels img {
    margin-right: 2px;
}

.cartridge-block-content .cartridge-item:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.cartridge-block-content .cartridge-item a, .cartridge-block-content .cartridge-item a span {
    display: block;
    text-align: center;
}

.cartridge-block-content .cartridge-item .price {
    float: none !important;
    width: auto !important;
}

.cartridge-block-content .cartridge-item .strike {
    font-size: 12px;
    color: #666 !important;
    font-weight: normal !important;
}

.cartridge-block-content .cartridge-item a {

}

.cartridge-block-content .cartridge-item .img {
    padding: 10px 0;
}

.cartridge-block-content .cartridge-item .img img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.cartridge-block-content .cartridge-item .title {
    padding: 0 15px;
    font-size: 14px;
    margin-bottom: 5px;
}

.cartridge-block-content .cartridge-item .condition {
    padding: 0 15px;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #333;
}

.cartridge-block-content .cartridge-item .color {
    font-size: 12px;
    margin-bottom: 5px;
    color: #333;
}

.cartridge-block-content .cartridge-item .color > span {
    display: inline-block !important;
}

.cartridge-block-content .cartridge-item .option {
    font-size: 12px;
    margin-bottom: 5px;
    color: #333;
}

.cartridge-block-content .cartridge-item .ship {
    font-size: 12px;
    color: green;
    margin-bottom: 5px;
    padding: 0 15px;
}

.cartridge-block-content .cartridge-item .desc {
    font-size: 12px;
    color: #333;
    margin-bottom: 5px;
    padding: 0 15px;
}

.cartridge-block-content .cartridge-item .price {
    font-weight: bold;
    color: #333;
}

.cartridge-block-content .cartridge-item .action {
    padding: 15px 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.cartridge-block-content .cartridge-item .action .buy-more {
    font-size: 12px;
    padding-top: 10px;
    text-align: center;
}

#new-item-page .more {
    float: left;
    display: block;
    margin-right: 20px;
    text-align: center;
    border: 1px solid #efefef;
    padding: 10px 0;
    width: 685px;
    font-size: 14px;
}

#new-item-page .more:hover {
    background: #efefef;
}

#new-item-page .cartridge-subscribe {
    background: #faf9eb;
    padding: 20px;
/ / border : 1 px solid #d0d0d0;
    border-right: none;
    margin-bottom: 20px;
}

#new-item-page .cartridge-subscribe .title {
    font-size: 14px;
    color: #e36b00;
    margin-bottom: 20px;
}

#new-item-page .cartridge-subscribe .form {
    margin: 0;
}

#new-item-page .cartridge-subscribe .email {
    font-size: 16px;
    width: 173px;
}

#new-item-page .cartridge-subscribe button {
    width: 100%;
    height: 26px;
}



#new-item-page #bnrs {
    border: none !important;
    padding: 36px 0 !important;
    border-top: 1px solid #d0d0d0 !important;
    margin: 0 20px 0 0 !important;
}

#new-item-page .cartridge-badges .b {
    display: inline-block;
    width: 19%;
    vertical-align: middle;
    text-align: center;
    margin: 0;
}

#new-item-page .cartridge-other-item {
    margin-bottom: 20px;
    margin-right: 20px;
}

#new-item-page .cartridge-other-item .img {
    float: left;
    width: 100px;
    height: 100px;
    overflow: hidden;
}

#new-item-page .cartridge-other-item .img img {
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#new-item-page .cartridge-other-item .printers {
    padding: 15px 20px;
    margin-left: 100px;
    min-height: 70px;
}

#new-item-page .cartridge-other-item .printers  .h3 {
    font-weight: normal;
    margin-bottom: 10px;
}

#new-item-page .cartridge-block h3 {
    font-size: 18px;
    margin-bottom: 5px;
}

#new-item-page .cartridge-other-item .printers p {
    font-size: 14px;
}

#cartridge-description {
    border: none;
    padding: 0;
    float: none;
}

#cartridge-description h3 {
    font-weight: normal;
    text-align: center;
    font-size: 18px;
}

.printer-spec {
    margin-bottom: 20px;
    text-align: center;
    position: relative;
}

#new-item-page .add-tips span {
    display: block;
    margin-bottom: 7px;
}

#new-item-page h3, #new-item-page .h3 {
    font-weight: bold;
    font-size: 18px;
}

#new-item-page .printer-filters {
    padding: 30px 20px 20px 20px;
/ / border-left : 1 px solid #d0d0d0;
/ / border-bottom : 1 px solid #d0d0d0;
    background: #FFFFA3;
}

#new-item-page .printer-filters .row {
    margin-bottom: 15px;
}

#new-item-page .printer-filters .t {
    margin-bottom: 7px;
}

#new-item-page .printer-filters label {
    font-size: 14px;
    display: block;
    padding-left: 35px;
    text-indent: -15px;
    float: left;
    margin-right: 5px;
    position: relative;
}

#new-item-page .printer-filters label span {
  white-space: nowrap;
}

#new-item-page .printer-filters label img {
    vertical-align: middle;
}

#new-item-page .printer-filters .t .QA {
    float: left;
    font-size: 14px;
}

#new-item-page .printer-filters .cartridge-color {
    padding-left: 33px !important;
}

#new-item-page .printer-filters input {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: absolute;
    top: 3px;
    left: 0;
    *overflow: hidden;
}

#new-item-page .printer-filters button {
    width: 100%;
    height: 26px;
}

.QA.q {
    display: inline-block;
    border: none !important;
    width: 18px;
    height: 18px;
    background: url(../i/icon-q.png) no-repeat;
    text-indent: -10000px;
}

.brf-popup {
    position: absolute;
    top: 0;
    left: 0;
    width: 515px;
    overflow: hidden;
}

.popup .p-content {
    margin-right: 15px;
    max-height: 282px;
    overflow: auto;
}

.popup .p-content p {
    font-size: 14px;
    margin-bottom: 1em;
    line-height: 1.5em;
}

.popup h2 {
    font-weight: bold;
    margin-bottom: 1em;
}

.popup td {
    padding: 5px 0;
}

.popup tr {
    border-bottom: 1px dotted #ddd;
}

.popup table {
    width: 100%;
    font-size: .8em;
    margin-bottom: 1em;
}

/* New printer page **********************************/

#new-printer-page {
    padding-top: 10px;
}

#new-printer-page .cartridge-left-col {
    width: 235px;
    float: left;
}

#new-printer-page .cartridge-right-col {
    width: 686px;
    float: right;
}

#new-printer-page .printer-subscribe {
    background: #faf9eb;
    padding: 20px;
    border-right: none;
    margin-bottom: 20px;
}

#new-printer-page .printer-subscribe .title {
    font-size: 14px;
    color: #e36b00;
    margin-bottom: 20px;
}

#new-printer-page .printer-subscribe .form {
    margin: 0;
}

#new-printer-page .printer-subscribe .email {
    font-size: 16px;
    width: 173px;
}

#new-printer-page .printer-subscribe button {
    width: 100%;
    height: 26px;
}

#new-printer-page .cartridge-img {
    width: 235px;
    height: auto;
    float: none;
    border: none;
    margin-bottom: 20px;
}

#new-printer-page .cartridge-img img {
    background-size: contain;
}

#new-printer-page .cartridge-img .my-device {
    bottom: auto;
    left: 0;
    top: 215px;
    right: auto;
}

#new-printer-page .cartridge-logo {
    padding: 0 10px;
    top: 0;
    right: 0;
    height: 40px;
    position: relative;
    display: block;
}

#new-printer-page .cartridge-logo.hp-logo {
    padding: 0;
}

#new-printer-page .cartridge-logo img {
    height: 100%;
}

#new-printer-page h1 {
    margin-bottom: 7px;
}

#new-printer-page .cartridge-alt-name {
    font-size: 18px;
    color: #666;
}

#new-printer-page .printer-title {
    margin-bottom: 16px;
}

#new-printer-page .printer-block {
    margin-bottom: 30px;
    position: relative;
}

#new-printer-page .printer-block .switcher {
    position: absolute;
    top: 7px;
    right: 20px;
}

#new-printer-page .printer-block .switcher a:first-child {
    padding-right: 15px;
    border-right: 1px solid #ddd;
}

#new-printer-page .printer-block .switcher a:last-child {
    padding-left: 13px;
}

#new-printer-page .printer-block .switcher .current {
    color: #666;
    cursor: default;
}

#new-printer-page .printer-filters .t {
    float: left;
    width: 105px;
    font-size: 13px;
    color: #666;
    text-align: right;
    line-height: 30px;
}

#new-printer-page .printer-filters .gr {
    margin-left: 115px;
}

#new-printer-page .printer-filters .g {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

#new-printer-page .printer-filters .g label {
    float: left;
    vertical-align: middle;
    color: #666;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    border: 1px solid #ddd;
    cursor: pointer;
    padding: 0 10px;
    border-right: none;
    display: block;
    min-width: 30px;
    position: relative;
    text-align: center;
}

#new-printer-page .printer-filters .g label.tc.checked, #new-printer-page .printer-filters .g label.color-kit.checked {
    color: #000;
    background: #eee;
}

#new-printer-page .printer-filters .g label.color.checked:not(.color-kit):after {
    content: '';
    display: block;
    width: 18px;
    height: 14px;
    overflow: hidden;
    background: url(../i/icon-check-color.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -7px;
    margin-left: -9px;
}

#new-printer-page .printer-filters .g label  img {
    vertical-align: middle;
}

#new-printer-page .printer-filters .g label:last-child {
    border: 1px solid #ddd;
    border-radius: 0 3px 3px 0;
}

#new-printer-page .printer-filters .g label:first-child {
    border-radius: 3px 0 0 3px;
}

#new-printer-page .printer-filters .g label input {
    display: none;
}

#new-printer-page .printer-filters .color-black {
  background: black;
}

#new-printer-page .printer-filters .color-yellow {
    background: yellow;
}

#new-printer-page .printer-filters .color-magenta {
    background: magenta;
}

#new-printer-page .printer-filters .color-purple {
    background: purple;
}

#new-printer-page .printer-filters .color-violet {
    background: violet;
}

#new-printer-page .printer-filters .color-orange {
    background: orange;
}

#new-printer-page .printer-filters .color-white {
    background: white;
}

#new-printer-page .printer-filters .color-cyan {
    background: cyan;
}

#new-printer-page .printer-filters .color-green {
    background: green;
}

#new-printer-page .printer-filters .color-red {
    background: red;
}

#new-printer-page .printer-filters .color-gray {
    background: gray;
}

#new-printer-page .printer-filters .color-blue {
    background: blue;
}

#new-printer-page .printer-filters .color-cmyk {
    background: url('../i/cmyk-label.png') repeat-x center;
    padding: 0 10px !important;
}

#new-printer-page .printer-filters .color-gloss-enhancer {
    background: url('../i/gloss-label.gif') repeat-x center;
    padding: 0 10px !important;
}

#new-printer-page .printer-filters .color-cmy {
    background: url('../i/cmy-label.png') repeat-x center;
    padding: 0 10px !important;
}






.nobr {
    white-space: nowrap;
}

#footer .rating {
    text-align: right;
    float: right;
    font-size: 12px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 54px;
    background: url(../i/rating.gif) no-repeat 0 50%;
}

#main-promo {
    margin-bottom: 20px;
    z-index: 9;
    position: relative;
}

#main-promo .nav {
    position: absolute;
    top: 50%;
    display: block;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    background: rgba(0,0,0,.1);
    text-indent: -10000px;
    display: none;
}

#main-promo .nav:hover {
    background: rgba(0,0,0,.3);
}

#main-promo .next {
    right: 0;
}

#main-promo .next:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -8px;
    width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	
	border-left: 16px solid #fff;
}

#main-promo .prev {
    left: 0;
}

#main-promo .prev:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -8px;
    width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	
	border-right: 16px solid #fff;
}

#new-top {
    z-index: 999;
    position: relative;
    background: #fff;
}

#new-top .search-bar {
    height: 44px;
    position: relative;
}

#new-top .search-bar > a {
    display: block;
    height: 42px;
    border: 1px solid #333;
    background: #333;
    float: left;
    color: #fff;
    position: absolute;
    top: 0;
    z-index: 999;
}

#new-top .search-bar > a:hover {
    color: #ccc;
}

#new-top .search-bar > a.cartd {
    left: 0;
    width: 150px;
}

#new-top .search-bar > a.print {
    left: 153px;
    width: 173px;
}

#new-top .search-bar > a.hovered {
    background: #fff;
    border: 1px solid #ddd;
    height: 44px;
    border-bottom: none;
	color: #000;
}

#new-top .search-bar > a.print.hovered {
    height: 45px;
}

#new-top .search-bar > a.cartd.hovered {
    height: 44px;
    border-bottom: 1px solid #ddd;
}

#new-top .search-bar > a:after {
    display: block;
    content: '';
    width: 13px;
    height: 6px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 10px;
    background: url(../i/arrow-down-menu2.png) no-repeat;
}

#new-top .search-bar > a.hovered:after {
    background: url(../i/arrow-up-menu.png) no-repeat;
}

#new-top .search-bar > a span {
    display: block;
    padding-left: 15px;
}

#new-top .search-bar > a .sup {
    font-size: 11px;
    padding-top: 6px;
    line-height: 9px;
}

#new-top .search-bar > a .title {
    font-weight: bold;
    font-size: 16px;
}

#new-top .main-block {
    position: relative;
}

#new-top .search-block {
    width: 960px;
    height: 251px;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
}

#new-top .search-block .close {
    display: block;
    position: absolute;
    top: 1px;
    right: 1px;
    font-size: 24px;
    color: #999;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

#new-top .left-menu {
    float: left;
    width: 203px;
    border: 1px solid #ddd;
    height: 249px;
    margin-top: 1px;
    border-top: none;
}

#new-top .left-menu li {
    height: 49px;
    border-bottom: 1px solid #ddd;
}

#new-top .left-menu li:last-child {
    border: none;
}

#new-top .left-menu a {
    display: block;
    height: 49px;
    color: #000;
    text-transform: uppercase;
    line-height: 49px;
    padding-left: 24px;
    font-size: 14px;
}

#new-top .left-menu a.slide {
    background: url(../i/arrow-right-menu.png) no-repeat 175px 50%;
}

#new-top .left-menu a:hover {
    color: #cc0066;
    background-color: #efefef;
}

#new-top .left-menu li:hover {
    background: #efefef;
}

#new-top .left-menu li:hover ul {
    display: block;
}

#new-top .left-menu li ul {
    position: absolute;
    top: 2px;
    left: 205px;
    width: 754px;
    height: 228px;
    background: #fff;
    overflow: hidden;
    display: none;
}

#new-top .left-menu li ul li {
    float: left;
    width: auto;
    border: none;
    height: auto;
}

#new-top .left-menu li ul ul {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    padding: 20px 30px 20px 0;
}

#new-top .left-menu li ul ul:first-child {
    padding-left: 20px;
}

#new-top .left-menu li ul ul li {
    float: none;
}

#new-top .left-menu li ul a {
    text-transform: none;
    height: auto !important;
    line-height: 1em;
    padding: 7px 10px;
    color: #333;
    max-width: 180px;
}

#new-top .left-menu li ul a:hover {
    background: none;
}

#new-top .right-content {
    float: left;
    width: 754px;
    border: 1px solid #ddd;
    height: 248px;
    border-left: none;
    margin-top: 1px;
}

#new-top .finder {
    width: 958px;
    border: 1px solid #ddd;
    height: 248px;
    margin-top: 1px;
    float: left;
}

#new-top .default {
    font-size: 48px;
    font-weight: bold;
    color: #efefef;
    width: 754px;
    height: 248px;
    text-align: center;
    line-height: 228px;
}

#new-brands {
    margin-bottom: 20px;
}

#new-brands .title {
    font-size: 11px;
    color: #afafaf;
    text-align: center;
    margin-bottom: 10px;
}

#promo-small {
    margin-bottom: 30px;
    display: none;
}

#promo-small a {
    display: block;
    float: left;
    margin-right: 20px;
}

#promo-small a:last-child {
    margin-right: 0;
}

#promo-small a.step-small2 {
    display: none;
}

#sfinder .lists {
    /*display: none;*/
    width: auto;
    height: auto;
    /*border: 1px solid #ddd;*/
    background: #fff;
    position: absolute;
    top: -10000px;
    left: -10000px;
    z-index: 99;
    overflow: auto;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

#sfinder .notfinded {
    padding: 0 30px 20px 30px;
    font-size: 12px;
}

#sfinder .notfinded a {
    display: inline !important;
    font-size: 12px !important;
    color: #c06 !important;
    padding: 0 !important;
}

#sfinder .notfinded a:hover {
    background: none !important;
}

#sfinder .col {
    float: left;
    padding: 20px 30px 20px 0;
}

#sfinder .col:first-child {
    padding-left: 20px;
}

#sfinder .lists a {
    display: block;
    font-size: 14px;
    padding: 5px 10px;
    color: #333;
    max-width: 180px;
}

#sfinder .lists a:hover {
    background: #efefef;
    color: #c06;
}

#sfinder .input {
    display: block;
    width: 150px;
    height: 28px;
    border: 1px solid #ddd;
    color: #aaa;
    padding-left: 12px;
    line-height: 28px;
    cursor: default;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 36px;
}

#sfinder .cancel {
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    color: #999;
    border: 1px solid #ddd;
    font-size: 14px;
    padding: 0 10px;
}

#sfinder .cancel:hover {
    color: #c06;
    border: 1px solid #c06;
}

#sfinder .input.enabled {
    color: #000;
    border: 1px solid #ed1c24;
    cursor: pointer;
    background: url(../i/arrow-down-menu.png) no-repeat 170px 50%;
}

#sfinder .input.focused {
    box-shadow: 0 0 6px rgba(204, 0, 102, 0.5);
    background: url(../i/arrow-up-menu.png) no-repeat 170px 50%;
}

#cartridge-top-new .cartridge-item {
    width: 300px;
    margin: 0 30px 20px 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
    float: left;
    position: relative;
    padding-bottom: 130px;

}

#cartridge-top-new .cartridge-item .best-offer {
    width: 85px;
    height: 85px;
    background: url(../i/best-offer.png) no-repeat;
    text-indent: -10000px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
}

#cartridge-top-new .cartridge-item .labels {
    height: 16px;
    position: absolute;
    top: 15px;
    left: 15px;
    display: block;
}

#cartridge-top-new .cartridge-item .labels img {
    margin-right: 2px;
}

#cartridge-top-new .cartridge-item:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

#cartridge-top-new .cartridge-item a, #cartridge-top-new .cartridge-item a span {
    display: block;
    text-align: center;
}

#cartridge-top-new .cartridge-item a {

}

#cartridge-top-new .cartridge-item .img {
    padding: 10px 0;
}

#cartridge-top-new .cartridge-item .img img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

#cartridge-top-new .cartridge-item .title {
    padding: 0 15px;
    font-size: 18px;
    margin-bottom: 5px;
}

#cartridge-top-new .cartridge-item .color {
    font-size: 14px;
    margin-bottom: 5px;
    color: #333;
}

#cartridge-top-new .cartridge-item .cond {
    white-space: nowrap;
}

#cartridge-top-new .cartridge-item .color > span {
    display: inline-block !important;
}

#cartridge-top-new .cartridge-item .desc {
    font-size: 14px;
    color: #333;
    margin-bottom: 5px;
    padding: 0 15px;
}

#cartridge-top-new .cartridge-item .action {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 300px;
    height: 120px;
    text-align: center;
}

#cartridge-top-new .cartridge-item .action .price {
    display: inline-block;
    margin: 0 20px;
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
}

#cartridge-top-new .cartridge-item .action .strike {
    font-size: 14px;
    font-weight: normal;
    color: #666;
}

#cartridge-top-new .cartridge-item .action .buy-more {
    font-size: 12px;
    margin-bottom: 10px;
}

#cartridge-top-new .cartridge-item .action .but {
    display: inline-block;
    vertical-align: middle;
}

#cartridge-top-new .cartridge-item .action button {
    height: 34px;
    font-size: 14px;
    white-space: nowrap;
    width: 144px;
}

#cartridge-top-new .cartridge-item .ship {
    font-size: 12px;
    color: green;
    text-align: center;
    padding-top: 15px;
}

#cartridge-top-new .cartridge-item:nth-child(3n) {
    margin-right: 0;
}

#subscribe {
    height: 60px;
    background: #efefef;
}

#subscribe .col {
    float: left;
}

#subscribe .title {
    font-size: 24px;
    font-weight: bold;
    color: #222;
    line-height: 60px;
    width: 160px;
}

#subscribe .desc {
    font-size: 12px;
    padding-top: 15px;
    width: 355px;
}

#subscribe .controls {
    padding-top: 16px;
    width: 445px;
    position: relative;
}

#subscribe .email {
    border: 1px solid #666;
    float: left;
    width: 300px;
}

#subscribe button {
    font-size: 14px;
    height: 28px;
    float: right;
}

#subscribe .mes {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 0;
    bottom: 33px;
    left: 0;
    position: absolute;
    color: #fff;
    font-size: 12px;
    width: 318px;
    text-align: center;
    display: none;
}

#promo-small a.step-small2 {
    display: none;
}

.err404 {
    padding: 135px 0 20px 0;
    background: url(/i/404.png) no-repeat center 45px;
    text-align: center;
    width: auto !important;
}

.err404 h1 {
    font-size: 26px;
    margin-bottom: 12px;
}

.err404 p {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 1.6em;
}

.err404 form {
    margin: 0;
}

.err404 .txt {
    border: 1px solid #cc0066;
    width: 170px;
}

.err404 textarea {
    border: 1px solid #cc0066;
    width: 364px !important;
    padding: 3px 8px;
    resize: vertical;
    height: 60px;
}

.err404 button {
    font-size: 16px;
    height: 30px;
}

#not-found textarea {
    width: 375px !important;
}

.brandcat {
    width: auto !important;
}

.brandcat h1 {
    font-size: 26px;
}

.brandcat .note {
    font-size: 12px;
    color: #666;
    margin-bottom: 10px;
}

.brandcat .note p {
    float: left;
}

.brandcat .note p:first-child {
    width: 232px;
}

.brandcat table {
    width: 100%;
    border-top: 1px solid #eee;
}

.brandcat td {
    vertical-align: top;
}

.brandcat .lc {
    width: 232px;
/ / border-right : 1 px solid #ddd;
}

.brandcat .rc {
    padding: 20px 0 20px 40px;
}

.brandcat .desc {
    font-size: 14px;
    line-height: 1.5em;
}

.brandcat .desc p {
    margin-bottom: 1em;
}

.brandcat .desc h2 {
	font-size: 18px;
	margin-bottom: 1.2em;
}

.brandcat .series a {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 8px;
    height: 33px;
    line-height: 33px;
    border-bottom: 1px solid #eee;
    background: url(/i/arrow-right-menu.png) no-repeat 210px 50%;
	color: #000;
}

.brandcat .series a:hover {
	color: #cc0066;
	background-color: #efefef;
}

.brandcat .series .active {
    background: #efefef;
    color: #cc0066;
    cursor: default;
    position: relative;
}

.brandcat .series .active:after {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    right: -11px;
  width: 0;
  height: 0;
	border-top: 18px solid transparent;
	border-bottom: 18px solid transparent;

	border-left: 11px solid #efefef;
}

.brandcat .series li:last-child a {
    border: none;
}

.brandcat h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 1.5em;
}

.brandcat .block {
    display: none;
}

.brandcat .group {
    border-bottom: 1px solid #efefef;
    padding-bottom: 12px;
    margin-bottom: 20px;
}

.brandcat .group ul {
    float: left;
    font-size: 14px;
    width: 33%;
}

.brandcat .group ul li {
    padding-right: 20px;
}

.brandcat .group ul li a {
	display: block;
	line-height: 1em;
	padding: 5px 10px;
	color: #000;
}

.brandcat .group ul li a:hover {
	color: #cc0066;
	background-color: #efefef;
}

.brandcat .notfinded {
    font-size: 12px;
}

.client {
    float: left;
    width: 710px;
    margin: 0 !important;
}

#blog #content {
    float: left !important;
    margin: 0 !important;
}

#content.search {
    float: left;
    width: 710px;
    margin: 0;
}

.cat-brands li {
    display: block;
    float: left;
    width: 150px;
    margin: 0 5px 10px 5px;
}

.cat-brands li a {
    display: block;
    text-align: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    padding-bottom: 20px;
    font-size: 12px;
}

.cat-brands li a:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

.cat-brands li img {
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.cat-brands li span {
    display: block;
}

.separator {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}

#scroller {
  position: fixed;
  bottom: 30px;
	right: 20px;
    width: 48px;
    height: 48px;
	border-radius: 48px;
	line-height: 48px;
	text-align: center;
    cursor: pointer;
	background: #efefef;
  display: none;
  box-shadow: 0 0 4px rgba(0, 0, 0, .2);
}

#circle {
/ / width : 30 px;
/ / height : 30 px;
	position: absolute;
	border-radius: 0;
	z-index: 999999;
}

section.client {
    float: none;
    width: auto;
}

.table-account {
    width: 100%;
    border: 1px solid #ddd;
}

.table-account td {
    vertical-align: top;
}

.table-account .lc {
    width: 232px;
    border-right: 1px solid #ddd;
}

.table-account .lc  ul {
    margin-bottom: 25px !important;
    list-style: none !important;
    padding: 0 !important;
    margin-left: 0 !important;
}

.table-account .lc  ul li {
    margin: 0 !important;
}

.table-account .lc .sep {
    display: block;
    height: 25px;
}

.table-account .lc ul a {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    padding: 0 8px;
    height: 46px;
    border-bottom: 1px solid #ddd;
    background: url(/i/arrow-right-menu.png) no-repeat 210px 50%;
    color: #000;
}

.table-account .lc ul .current {
    background: #efefef;
    color: #cc0066;
    cursor: default;
    position: relative;
}

.table-account .lc ul .current .icon {
    opacity: 1;
}

.table-account .lc ul li:first-child a {
    font-weight: bold;
}

.table-account .lc ul li:last-child a {
    border: none;
}

.table-account .lc ul a:hover {
    color: #cc0066;
    background-color: #efefef;
}

.table-account .rc {
    padding: 40px 20px 20px 40px;
    position: relative;
}

.table-account .lc ul a span {
    vertical-align: middle;
    display: inline-block;
    line-height: 46px;
}

.table-account .lc ul .ent {
    font-size: 12px;
    color: #999;
    margin-left: 5px;
}

.table-account .lc ul .icon {
    margin-right: 5px;
    opacity: .3;
}

.table-account .lc ul .icon img {
    vertical-align: middle;
    margin-bottom: 4px;
}

.table-account .lc ul.current .text {
    font-weight: bold;
}

.client > section {
    padding-top: 20px;
    position: relative;
}

.client-title {
    font-size: 26px;
    margin-bottom: 3px;
}

.client-help {
    position: absolute;
    top: 0;
    right: 0;
}

.client-help button {
    height: 32px;
    width: 106px;
}

.client-tags {
    margin-bottom: 30px;
}

.client-tags ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.client-tags li {
    display: inline;
    line-height: 40px !important;
    margin: 0 15px 0 0;
}

.client-tags li a {
    vertical-align: middle;
}

.client-unsubscribe input[type="radio"] {
    margin-top: -1px;
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 15px;
}

.client-unsubscribe button {
    height: 32px;
}

.client-unsubscribe textarea {
    display: block;
    margin: 10px 0 0 37px;
    display: none;
}

.client-welcome .mg {
    color: #e5007d;
}

.client-elemetary-block .item {
    display: block;
    width: 31%;
    margin-right: 3.5%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    float: left;
    text-align: center;
    padding: 15px 0;
    margin-bottom: 20px;
}

.client-elemetary-block .item:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

.client-elemetary-block .item img {
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.client-elemetary-block .item .name {
    margin: 0 15px 15px 15px;
    display: block;
}

.client-elemetary-block .item .remove, .client-toners .remove {
    font-size: 12px;
    color: #000;
    display: inline-block;
}

.client-toners .remove {
    margin-top: 15px;
    display: block;
    text-align: center;
    cursor: pointer;
}

.client-elemetary-block .item .remove:hover, .client-toners .remove:hover {
    color: red;
}

.client-elemetary-block .item:nth-child(3n) {
margin-right: 0;
}

.clipboard {
    color: #000;
    border-bottom: 1px dotted #000;
    cursor: pointer;
}

.clipboard:hover {
    color: #000;
}

.client-orders .item:first-child {
    border-top: 1px solid #ddd;
}

.client-orders .item {
    border-bottom: 1px solid #ddd;
    padding: 15px 10px;
}

.client-orders .item:hover {
    background: #f6f6f6;
}

.client-orders .item .add {
    font-size: 12px;
    color: #999;
}

.client-orders .item .info {
    margin-bottom: 7px;
    position: relative;
}

.client-orders .item .gray {
    margin-left: 15px;
    color: #999;
}

.client-orders .item .remove {
    color: #000;
    border-bottom: 1px dotted #000;
    position: absolute;
    top: 0;
    right: 0;
}

.client-orders .item .remove:hover {
    color: red;
    border: none;
}

.searchOrderID {
    width: 220px;
    height: 28px;
    font-size: 16px;
    border: 1px solid #999;
    line-height: 28px;
    padding: 0 10px;
}

.searchOrderID::-ms-clear {
    display: none;
}

.searchOrderID::-webkit-input-placeholder {
    text-align: center;
}
.searchOrderID::-moz-placeholder { /* Firefox 19+ */
    text-align: center;
}
.searchOrderID:-moz-placeholder { /* Firefox 18- */
    text-align: center;
}
.searchOrderID:-ms-input-placeholder  {
    text-align: center;
}

.client-ordrs {
    padding-top: 20px;
}

.client-ordrs .group {
    margin-bottom: 40px;
}

.client-ordrs .group-title {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold;
}

.client-ordrs .item {
    border-top: 1px solid #ddd;
    padding-top: 10px;
}

.client-ordrs .top {
    font-size: 14px;
    margin-bottom: 15px;
    cursor: pointer;
}

.client-ordrs .top:hover .id {
    color: #cc0066;
}

.client-ordrs  .date {
    float: left;
    width: 85px;
}

.client-ordrs .id {
    float: left;
    width: 105px;
    color: #2295e1;
}

.client-ordrs .price {
    float: left;
    width: 145px;
}

.client-ordrs  .shipping {
    float: left;
    width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 15px;
}

.item-details  .shipping {
    width: 300px;
}

.client-ordrs .messages {
    padding-left: 20px;
    background: url(../i/icon-mail.png) no-repeat 0 50%;
    width: 30px;
    float: left;
}

.order-details .chat {
    padding-top: 30px;
}

.order-details .chat form {
    margin-bottom: 40px;
}

.order-details .chat .ava {
    float: left;
}

.order-details .chat .row {
    margin-left: 60px;
    margin-bottom: 12px;
}

.order-details .chat .txt {
    width: 500px;
    height: 70px;
    font-size: 14px;
    padding: 10px;
    resize: vertical;
}

.order-details .chat button {
    height: 32px;
    width: 100px;
}

.order-details .chat .message {
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 30px;
}

.order-details .chat .date {
    color: #999;
}

sup {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}

.order-details .button-back {
    display: block;
    border: 1px solid #ddd;
    padding: 0 15px;
    height: 31px;
    line-height: 31px;
    font-size: 13px;
    position: absolute;
    top: -1px;
    left: -1px;
}

.order-details .button:hover {
    border: 1px solid #000;
}

.client-ordrs .stat {
    float: right;
}

.client-ordrs .details {
    float: right;
    display: none;
}

.client-ordrs .DYN {
    color: #000;
    border-bottom: #000 1px dotted;
}

.client-ordrs .DYN:hover {
    color: #e5007d;
    border: none;
}

.client-ordrs .order-details {
    border-left: 4px solid #ddd;
    padding-left: 10px;
    position: relative;
    font-size: 14px;
    margin-bottom: 20px;
}

.client-ordrs .cartridges {
    width: 520px;
}

.client-ordrs .it {
    float: left;
    background: #efefef;
    padding: 5px 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 16px;
}

.client-ordrs .payment {
    margin-bottom: 5px;
}

.client-ordrs .shipdate {
    margin-bottom: 5px;
}

.client-ordrs .shipped {
    max-width: 520px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.client-ordrs .sidepan {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
}

.client-ordrs .status {
    padding: 5px 0;
    font-size: 16px;
}

.client-ordrs .status.not-opened, .client-ordrs .stat.not-opened {
    color: #ffa201;
}

.client-ordrs .status.shipped, .client-ordrs .stat.shipped {
    color: #0db504;
}

.client-ordrs .status.accepted, .client-ordrs .status.sent,  .client-ordrs .status.opened, .client-ordrs .stat.accepted, .client-ordrs .stat.sent,  .client-ordrs .stat.opened {
    color: #0db504;
}

.client-ordrs .opt {
    margin-bottom: 10px;
}

.client-ordrs .opt a {
    margin-left: 15px;
}

.client-ordrs .button a {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
}

.client-ordrs .button a.repeat-order {
    background: #00b91e;
    border: 1px solid #00b91e;
    color: #fff;
}

.client-ordrs .button a.cancel-order {
    color: #999;
    border: 1px solid #ddd;
}

.client-ordrs .button a.cancel-order:hover {
    background: red;
    color: #fff;
    border: 1px solid red;
}

.client-ordrs .button a.reminder {
    background: #009ee3;
    border: 1px solid #009ee3;
    color: #fff;
}

.client-ordrs .button a.cancel, .client-ordrs .button a.ok {
    background: #efefef;
    border: 1px solid #efefef;
    color: #000;
}

#reminderPopup {
    position: absolute;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.4);
    padding: 15px;
    width: 195px;
    font-size: 14px;
    display: none;
}

#reminderPopup .success {
    display: none;
}

#reminderPopup .gray {
    display: block;
    color: #999;
}

#reminderPopup .row {
    margin-bottom: 7px;
}

.client-ordrs .pay {
    padding-left: 45px;
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-bottom: 1px;
}

.client-fields .fieldset {
    margin-bottom: 30px;
}

.client-fields .title {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: bold;
}

.client-fields label {
    width: 163px;
    text-align: right;
    display: inline-block;
}

.client .txt {
    border: 1px solid #bbb;
}

.client-fields .field {
    display: inline-block;
    margin-right: 10px;
}

.client-fields .DYN {
    border-bottom: 1px dotted #000;
    cursor: pointer;
}

.client-fields .DYN:hover {
    border: none;
    color: #cc0066;
}

.client-fields .newpassword {
    display: none;
}

.client span.error
{
    display: block;
    font-size: 12px;
    background: none;
    padding: 6px 0;
}

.client-fields .success,
.client-addr .success
{
    padding: 10px 15px;
    background: #f6f6f6;
    color: green;
    text-align: center;
}

.client-fields .optional {
    color: #999;
}

.client-fields .field img {
    vertical-align: middle;
    margin-bottom: 3px;
}

.client-fields .bottom button {
    height: 32px;
}

.client-toners .cartridge-item {
    margin: 0 3.5% 19px 0;
}

.client-toners .cartridge-item:nth-child(3n+3) {
    margin-right: 0;
}

.exbut {
    display: inline-block;
    padding: 0 6px;
    font-size: 12px;
    background: #009ee3;
    border: 1px solid #009ee3;
    color: #fff;
    cursor: help;
}

.account-popup {
    display: none;
}

.form .note {
    font-size: 13px !important;
}

.client-addr .addr-title {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: bold;
}

.client-addr .addr-info {
    font-size: 14px;
    margin-bottom: 5px;
}

.addr-edit-form {
    //display: none;
}

.client-addr .addr-dyn {
    font-size: 14px;
    cursor: pointer;
    border-bottom: 1px dotted #000;
}

.client-addr .addr-dyn:hover {
    border: none;
    color: #cc0066;
}

.client-addr .addr-group {
    margin-bottom: 30px;
}

.client-addr .addr-item {
    padding: 7px 0;
    border-bottom: 1px solid #ddd;
}

.client-addr .addr-item span {
    display: block;
}

.client-addr .addr-item input.default {
    float: left;
    margin-top: 3px;
    margin-right: 10px;
}

.client-addr .addr-item .addr-text {
    width: 250px;
    //overflow: hidden;
    //text-overflow: ellipsis;
    //white-space: nowrap;
    float: left;
    cursor: pointer;
    font-size: 14px;
}

.client-addr .addr-item .addr-text:hover {
    color: #666;
}

.client-addr .addr-item .addr-dyn {
    float: right;
    margin-left: 10px;
}

.client-addr .addr-add-form {
    clear: both;
    padding-top: 15px;
    display: none;
}

.client-addr .addr-add-form  form, .edit-form-container {
    padding: 0 0 0 18px;
    border-left: 2px solid #ddd;
    margin-left: 3px;
}
 .edit-form-container {
    margin-top: 30px;
    clear: both;
 }
 
 .edit-form-container form {
    padding-top: 10px;
 }

.client-addr .addr-add {
    padding: 8px 0;
}

.addr-group button {
    height: 32px;
}

.client-addr .addr-group label {
  cursor: pointer;
}

.client-addr .addr-group label:hover {
  color : #666;
}

.group .stroke {
    margin-bottom: 5px;
}

.group .control {
    font-size: 12px;
}


.client-prnt .note {
    text-align: center;
}

p.error {
    text-align: center;
}

.ui-widget-overlay {
    background: #000;
    opacity: .6;
    z-index: 99999;
}

.ui-dialog {
    background: #fff;
    padding: 0;
}

.ui-dialog .ui-dialog-titlebar {
    color: #fff;
    background: #2693E5;
}

.ui-button-text-only {
    background: #ddd;
}

.ui-dialog-buttonset .action {
    background: #e5007d;
    color: #fff;
}

.ui-icon-closethick {
    background: #fff url(/i/icon-close.gif) no-repeat 50% 50%;
    width: 16px;
    height: 16px;
    border-radius: 8px;
}

.ui-dialog-content span {
    display: block;
}

.ui-dialog-content .q {
    margin-bottom: 10px;
    font-size: 13px;
}

.ui-dialog-content .d {
    background: #efefef;
    padding: 5px;
}

.order-history {
    background: url(/i/client-my-orders.png) no-repeat 0 50%;
    padding-left: 20px;
    font-weight: bold;
}

#pref-meth {
    display: none;
}

.social-icons {
    display: block;
    height: 32px;
    background: #ccc;
    font-size: 0;
    padding: 5px;
    border-radius: 3px;
}

.social-icons a {
    display: block;
    float: left;
    opacity: .8;
    margin-right: 10px;
}

.social-icons a:last-child {
    margin-right: 0;
}

.social-icons a:hover {
    opacity: 1;
}

.login-signup-popup .social, #content-signin .social {
    border-top: 1px solid #ddd;
    padding-top: 25px;
}

.login-signup-popup .button, #content-signin .button {
    float: left;
    width: 50%;
}

.login-signup-popup .fb-login, #content-signin .fb-login {
    width: 150px;
    height: 34px;
    background: #3b5999 url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yE/r/pO2d5bFWS8j.png) no-repeat 8px 50%;
    line-height: 34px;
    color: #fff;
    border-radius: 2px;
    padding-left: 40px;
    text-align: center;
    cursor: pointer;
    font-size: 13px;
    transition: background-color .218s, box-shadow .218s;
}

.login-signup-popup .fb-login:hover, .login-signup-popup .fb-login:focus, #content-signin .fb-login:hover, #content-signin .fb-login:focus {
    background-color: #4160a2;
    box-shadow: inset 0 -2px 0 rgba(0,0,0,.2);
}

.login-signup-popup .fb-login:active, #content-signin .fb-login:active {
    background-color: #344e89;
    box-shadow: inset 0 2px 0 rgba(0,0,0,.2);
}

.login-signup-popup .forgot-link, #content-signin .forgot-link {
    font-size: 13px;
}

.login-signup-popup button, #content-signin button {
    margin-right: 15px;
}

#about .social .button {
    width: auto;
    margin-right: 20px;
}

#content p.note {
    margin-bottom: 1em;
}

#google-results .item {
    margin-bottom: 2em;
}

#google-results .item .desc {
    margin-left: 120px;
    width: auto !important;
    text-align: left !important
}

#google-results .item .img {
    float: left;
    width: 100px;
    height: 100px;
    overflow: hidden;
    text-align: center;
}
#google-results .item .img img {
    max-width: 100%;
    max-height: 100%;
}

#google-results .item  .t {
    display: inline-block;
    margin-bottom: .5em;
}

#google-results .item .desc p {
    font-size: .9em;
    line-height: 1.5;
}

#supplies .buy-more {
    font-size: 12px;
    padding-top: 10px;
    text-align: center;
}