/* Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, p, 
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
li { list-style: none; }
img { border: none; }
/* General Style Info */
html, body {
color: #333;
height: 100%;
}
body {
background-color: #f5faf0;
color: black;
font-family:verdana,sans-serif;
font-size: 78%;
margin: 0;
min-width: 1250px;
}
.text input,
.textarea textarea {
background-color: #f5f5f5;
border: 1px solid #545a66;
clear: both;
display: block;
font-size: 100%;
font-family:verdana,sans-serif;
padding: 2px;
width: 80%;
}
.text label,
.select label,
.textarea label {
display: block;
margin-top: 1em;
}
.submit input { width: auto; }
acronym { border-bottom: 1px dashed #545a66; }
a:link, a:visited, a:hover, a:active { color: #545a66; }
a:hover { color: #329000; }
.g-clear { clear: both; }
/* Layout */
.l-container {
background: transparent none no-repeat scroll right bottom;
position: relative;
height: auto !important;
min-height: 100%;
text-align: left;
}
.l-header {
background: white;
height: 160px;
margin: 0;
padding: 0;
text-align: right;
}
.l-content-wrapper {
background-color: white;
border-collapse: collapse;
width: 100%;
}
.l-content-wrapper td { vertical-align: top; }
.l-content{
background: transparent;
position: relative;
padding: 30px 0 10px 10px;
}
.l-left-menu-holder { padding: 10px 10px 10px 0; width: 250px; }
.l-right-menu-holder { padding: 30px 0 10px 30px; }
.l-left-menu-holder--normal-width { width: 250px; }
.l-right-menu-holder--condensed { width: 130px; }
.l-right-menu-holder--disabled { display: none; }
.l-footer {
background: #e4e4e4 url(/img/layout/footer-background.png) repeat-x scroll left top;
color: gray;
clear: both;
height: 133px;
position: relative;
text-align: left;
z-index: 0;
}
.b-footer-die-curve {
background: #e4e4e4 url(/img/layout/footer-grey-die-curve.png) no-repeat scroll right bottom;
height: 133px;
position: absolute;
right: 0;
width: 543px;
z-index: 1;
}
.b-footer-copy { padding: 20px; }
.b-footer-counters { padding: 0 20px; }
a.rotate-me {
color: gray;
font-size: 80%;
padding: 0 1px;
text-decoration: none;
white-space: nowrap;
}
/* Content styles */
.g-manage-link {
display: inline;
margin-left: .5em;
}
.g-empty-message { /* сообщение о том, что в разделе ничего нет */
color: #999;
font-style: italic;
font: italic 100% Cambria,"Times New Roman",serif;
}
.g-hidden { display: none; }
.g-clickable {
border-bottom: 1px dashed gray;
cursor: pointer;
padding: 0 1px;
}
.g-clickable:hover { background-color: #eee8aa; }
/* top menu */
.b-site-logo { float: left; margin: 14px 20px 0 25px; }
.b-top-die {
background: #99cc33 url(/img/layout/header-green-die-background.png) repeat-x scroll right top;
height: 160px;
margin-left: 260px;
position: relative;
text-align: right;
z-index: 0;
}
.b-top-die-curve {
background: white url(/img/layout/header-green-die-curve.png) no-repeat scroll left top;
float: left;
height: 160px;
position: absolute;
width: 70px;
z-index: 1;
}
.b-top-die-phone {
float: right;
background: white url(/img/layout/header-green-die-phone.png) no-repeat scroll left top;
float: left;
height: 189px;
position: absolute;
right: 10px;
width: 139px;
z-index: 1;
}
.b-top-menu {
color: white;
padding-left: 70px;
position: relative;
text-align: right;
z-index: 2;
}
.b-top-menu li { line-height: 1.4em; }
.b-top-menu li a { border-bottom: 1px dotted white; color: white; margin-right: 11px; text-decoration: none; }
.b-top-menu li a:hover { color: #ecfc71; border-bottom-color: #ecfc71; }
.b-top-menu p.opened-section {
color: #ecfc71;
border-bottom: 1px solid #ecfc71;
display: inline;
margin-right: 11px;
}
.b-part-logo { float: right; margin-left: 15px; }
/* menu */
.b-menu { }
.b-menu-section-title {
background: #99cc33 url(/img/layout/search-die.png) no-repeat scroll right top;
color: #f5fd72;
font: bold 16px/16px Tahoma,sans-serif;
margin: 1em 0 0;
padding: 12px 0 12px 12px;
}
.b-menu li {
background-color: #fafead;
font-size: 85%;
margin-bottom: 1px;
padding: 2px 0 3px 8px;
width: 210px;
}
.b-menu li a {  }
.b-menu li a:hover {  }
.b-menu li p { color: #329000; }
.b-left-menu--cartridge { text-align: center; }
/* whole site search */
.b-search {
background: #99cc33 url(/img/layout/search-die.png) no-repeat scroll right top;
font-size: 90%;
margin: 1em 0 0;
padding: 8px 0 9px 12px;
}
.b-search form { clear: none; width: auto; }
.b-search input {
background: #f9fdd7 url(/img/layout/search-input.png) no-repeat scroll left top;
border: 1px solid #779f28;
color: black;
display: inline;
font-size: 90%;
font-style: normal;
height: 16px;
padding: 2px 2px 2px 23px;
vertical-align: middle;
width: 170px;
}
.b-search input.inactive { color: #80bf00; }
.b-search .submit { display: none; }
.b-search .submit input { width: auto; padding: 0; vertical-align: middle; }
.b-found { background: yellow; }
h1.b-search-results-header1 {
margin: 1em 0 .2em;
}
h1.company-name .company-name-description {
font-size: 65%;
color: gray;
margin-left: 1em;
}
/* contact information, shop hours */
.b-contact-info /* table */ {
float: right;
padding: 16px 150px 6px 0;
}
.b-contact-info td {
font-size: 16px;
font-style: normal;
padding: 0 16px;
text-align: left;
}
.b-contact-info-title { font-size: 85%; white-space: nowrap; }
.b-contact-info--geolocation-parent {
background: #99cc33 url(/img/layout/header-green-die-background.png) repeat-x scroll left -19px;
}
.b-contact-info--geolocation {
background: transparent url(/img/layout/header-green-die-geolocation.png) no-repeat scroll center -19px;
font-size: 14px;
height: 134px;
text-align: center;
}
.b-contact-info--geolocation a {
display: block;
position: relative;
background: transparent;
height: 93px;
width: 100%;
}
.b-contact-info--geolocation
.b-contact-info--shop-hours-table { border-collapse: collapse; }
.b-contact-info--shop-hours-table td { padding: 0 4px; font-size: 12px; line-height: 14px; }
.b-contact-info--shop-hours-table td.day-of-week {
border-right: 1px solid #86B22D;
text-align: right;
}
.b-contact-info--shop-hours-table td.shop-hours { text-align: center; white-space: nowrap; }
.shortened-day { background-color: #86B22D; }
.weekend { color: #ECFC00; }
.b-contact-info .mail-us a { color: white; }
.b-contact-info .b-phone-number,
.b-contact-info .mail-us { margin-left: 12px; white-space: nowrap; }
/* contact info on separate page */
.b-contact-info-table { border-collapse: collapse; }
.b-contact-info-table td { padding: .1em .5em; text-align: left; font-size: 120%; white-space: nowrap; }
/* quick jump to certain company */
.b-quick-links {
display: block;
margin: .5em 0;
}
.b-quick-links li {
display: inline;
margin: 0 .5em 0 0;
}
.b-quick-links li + li {
margin: 0 .5em;
}
/* price table */
.b-buyup-price { font-size: 8pt; border-collapse: collapse }
.b-buyup-price h1.company-name {
font: normal 180% Verdana,sans-serif;
margin-top: .8em;
}
.b-buyup-price th {
color: #545a66;
border-bottom: 2px solid #99cc33;
padding: .4em .5em;
text-align: left;
vertical-align: bottom;
}
.b-buyup-price th div.th-price { text-align: center; }
.b-buyup-price th div.th-model-code { text-align: center; }
.b-buyup-price td {
padding: .1em .3em;
text-align: left;
vertical-align: top;
vertical-align: middle;
border-bottom: 1px solid silver;
}
.b-buyup-price td.td-company-name { border:none; }
.b-buyup-price td.b-buyup-price-type { text-align: left; padding-left: 3px; padding-right: 3px; }
.b-buyup-price td.b-buyup-price-color { text-align: center; padding-left: 3px; padding-right: 3px; }
.b-buyup-price td.b-buyup-price-printers {}
.b-buyup-price td.b-buyup-price-model-code { white-space: nowrap; text-align: center; }
.b-buyup-price td.b-buyup-price-price { text-align: center; }
/*.b-buyup-price tbody tr:hover { background: #e6e6fa; }*/
.g-colored {
background-attachment: scroll;
background-image: url(/img/color-balls-8px.gif);
background-repeat: no-repeat;
padding-left: 16px !important;
}
.g-color {
background-attachment: scroll;
background-image: url(/img/color-balls-8px.gif);
background-repeat: no-repeat;
cursor: default;
display: block;
height: 16px;
width: 16px;
}
.g-C { background-position: 0 0; }
.g-M { background-position: 0 -16px; }
.g-Y { background-position: 0 -32px; }
.g-Bk { background-position: 0 -48px; }
.g-PC { background-position: 0 -64px; }
.g-PM { background-position: 0 -80px; }
.g-B { background-position: 0 -96px; }
.g-R { background-position: 0 -112px; }
.g-G { background-position: 0 -128px; }
.g-MBk { background-position: 0 -144px; }
.g-PBk { background-position: 0 -160px; }
.g-GY { background-position: 0 -176px; }
.g-PGY { background-position: 0 -192px; }
.g-Gl { background-position: 0 -208px; }

.g-BkC { background-position: 0 -224px; }
.g-BkR { background-position: 0 -240px; }
.g-BkY { background-position: 0 -256px; }
.g-CM { background-position: 0 -272px; }
.g-PCPM { background-position: 0 -288px; }
.g-MY { background-position: 0 -304px; }
.g-GB { background-position: 0 -320px; }
.g-GYGl { background-position: 0 -336px; }
.g-PBkGY { background-position: 0 -352px; }
.g-PBkPGY { background-position: 0 -368px; }
.g-PCPMBk { background-position: 0 -384px; }
.g-CMY { background-position: 0 -400px; }
.g-CMYBk { background-position: 0 -416px; }
.g-ZIP { background-position: 0 -432px; }
.g-ZIPC { background-position: 0 -448px; }
.g-ZIPM { background-position: 0 -464px; }
.g-ZIPY { background-position: 0 -480px; }
/* news in the right column*/
.b-news-index {}
.b-news-index-header {
border-bottom: 1px solid #545a66;
font-size: 120%;
padding: 0 .5em .2em;
margin-bottom: .6em;
}
.b-piece-of-news {
margin: 0 6px 1em 20px;
}
.b-piece-of-news .news-date {
font-size: 70%;
color: gray;
}
.b-piece-of-news .news-title { font-size: 105%; margin-right: 1em; }
.b-piece-of-news .news-teaser { font-size: 90%; margin-top: .3em; }
/* news on separate page */
.b-news-single + .b-news-single {
border-top: 1px dotted gray;
margin-top: 20px;
}
.b-news--title {
font-size: 150%;
font-weight: normal;
margin: 0 0 0 70px;
}
.b-news--date {
color: gray;
float: left;
font-size: 90%;
margin: 8px 8px 0 0;
}
.b-news--content { margin: .5em 30px 0 70px; }
/* news add and edit */
.b-news-form {
}
/* text pages */
.b-page { font-size: 90%; }
.b-page p { line-height: 1.2em; }
.b-page p + p { margin-top: 1em; }
.b-page ul {
margin-left: 170px;
list-style: disc;
list-style-position: outside;
}
.b-page li { line-height: 1.5em; list-style-type: disc; margin-left:1.5em; }
.b-page h2 { margin: 1em 0 .3em; padding-left: 1em; }
.b-page h2.alert { color: maroon; }
.b-page p.alert {
margin-bottom: 2em;
padding-left: 1em;
border-left: 5px solid #ffa07a;
line-height: 1.3em;
}
.b-page p.bold { font-weight: bold; margin-top: 1em; }
.b-page h3 {
margin-top: 1em;
}

.b-page-left-half h2,
.b-page-right-half h2 {
text-align: left;
padding-left: 0;
}
.b-page-left-half {
padding-right: 1em;
vertical-align: top;
}
.b-page-right-half {
padding-left: 1em;
vertical-align: top;
}
.b-page-left-picture {
float: left;
margin: 0 5px 5px 0;
}
.b-page-right-picture {
float: right;
margin: 0 0 5px 5px;
}
/* pricelist filter holder */
.b-right-fix {
display: block;
position: fixed;
top: 200px;
right: 0;
}
/* pricelist filter */
.right-die {
background-image: url(/img/layout/right-die.png);
background-position: left top;
padding-left: 20px;
padding-right: 12px;
font-size: 14px;
}
.b-pricelist-filter {
}
.b-pricelist-filter--option {
background: #c9f76f;
border-right: 3px solid #99CC33;
font-size: 85%;
margin: 0 0 1px 20px;
padding-bottom: 1px;
}
/* form upload file */
.b-upload-file {
border: 1px solid silver;
padding: .5em 1em;
}
.b-input-browse-for-file input {
width: 80%;
}
/* table with price fields identification */
.b-select-fields {
border-collapse: collapse;
}
.b-select-fields td {
border: 1px solid gray;
padding: 0px 4px;
}
.b-select-fields--company-name {
background-color: #ffc0cb;
font-size: 1.2em;
font-weight: bold;
}
/* table with toners data */
.b-toners { border-collapse: collapse; width: 100%; }
.b-toners td.b-toners--company-name {
font-size: 120%;
font-weight: bold;
padding: 1em 0 0;
}
.b-toners th {
font-size: 90%;
font-weight: bold;
padding: 0 5px 2px;
text-align: left;
}
.b-toners td { padding: 6px 5px; }
.b-toners td.b-toners--toner-link {
background-color: #c9f76f;
border-bottom: 2px solid white;
font-size: 120%;
padding-bottom: 26px;
}
.b-toners--title {

}
.b-toners--services {
background-color: #f5fd72;
border-bottom: 2px solid white;
}
/* services table */
.b-services {
background-color: #f5fd72;
float: none;
clear: both;
}
.b-services-title {
font-weight: bold;
padding: 1px 7px;
}
.b-services-table { border-collapse: collapse; }
.b-services-table td {
border: none;
font-size: 95%;
padding: 1px 7px;
}
/* services hider */
.b-services-hider {
background-color: #f5fd72;
padding: 5px;
margin-top: 30px;
}
/* photo */
.b-toner-photo {
float: left;
margin: 15px 15px 15px 0;
}
/* catalog pages - toners, printers */
.b-fullname {
color: #304038;
font: bold 24pt/24pt verdana,sans-serif;
margin-top: 28px;
}
.b-fulltitle {
color: #304038;
font: normal 9pt/10pt verdana,sans-serif;
margin: 0 0 10px 2px;
}
/* toner description table */
.b-toner-description { margin: 15px 0; }
.b-toner-description table { border-collapse: collapse; font-size: 80%; }
.b-toner-description td {
background-color: #f7fbee;
border-bottom: 1px solid white;
padding: 3px;
}
.b-toner-description td.b-toner-description--title {
background-color: #e9f4d3;
}
.b-toner-description--color-text { color: silver; }
/* linked */
.b-toner-printers {
clear: both;
font-size: 90%;
}
.b-linked-title {
margin-top: 15px;
}
/* SEARCH */
.g-highlight { background-color: #f5fd72; text-decoration: inherit; }
.b-search-results-request {
font-size: 120%;
margin-bottom: .5em;
}
.b-search-results-toners { float: right; width: 49%; }
.b-search-results-devices { width: 49%; }
.b-search-results {
border-collapse: collapse;
width: 100%;
}
.b-search-results td, th {
padding: 1px 5px;
}
/*******************/
/* user login form */
.user-login-form {  }
.user-login-form form { text-align: center; }
.login {
margin: 0 auto;
margin-bottom: 6px;
}
.login label {
display: block;
margin:0 auto;
text-align: left;
width: 10em;
}
.login.text input,
.login.password input {
border: 1px solid silver;
background: #f5f5f5;
display: inline;
font-size: 100%;
font-family:verdana,sans-serif;
padding: 2px;
width: 10em;
}
.login submit {

}
/***************/
/* admin links */
.b-admin-links {
background-color: #E6FC3F;
font-size: 85%;
margin: 1em 0 0;
padding: .3em .5em .5em 19px;
}
.b-admin-links li, .b-admin-links a {
background: transparent;
padding: 0;
}
.b-admin-links form { clear: none; margin: 0; width: auto; }
.b-admin-links input {
display: inline;
clear: none;
font-size: 90%;
width: 6em;
margin: 0 .3em;
vertical-align: baseline;
}
.b-admin-links .submit {
display: inline;
margin: 0;
padding: 0;
clear: none;
}
.b-admin-links .submit input {
padding: 0;
vertical-align: baseline;
width: 4em;
}