/*****************
Reset start
*****************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*****************
Reset stop
*****************/

body {
    background-color: #fff;
    font: 13px/26px 'Didact Gothic', sans-serif;
    position: relative;
}

a {
    cursor: pointer;
}

.top-menu-background {
    height: 26px;
    margin-bottom: -26px;
    background-color: #e6e9ee;
}

.wrapper {
    margin: 0 auto;
    max-width: 1000px;
    min-width: 1000px;
    background-color: inherit;
}

button, a[role=button] {
    font: 13px/14px 'Didact Gothic', sans-serif;
    cursor: pointer;
    padding: 5px 25px;
    border: none;
    border-radius: 3px;
    text-transform: uppercase;
    text-decoration: none;
    color: white;
    font-weight: 900;
    background-color: #76b2ca;
}

a.button-link {
    font: 12px/12px 'Didact Gothic', sans-serif;
    cursor: pointer;
    padding: 4px 25px;
    border: none;
    border-radius: 3px;
    text-transform: uppercase;
    text-decoration: none;
    color: white;
    font-weight: 900;
    background-color: #76b2ca;
}

button.full-width {
    width: 100%;
    height: 49px;
    background-color: #e4e4e4;
    border: 1px #ddd solid;
    font: normal 16px/1 'Didact Gothic', sans-serif;
    margin-bottom: 20px;
    color: #666;
}

input, select, textarea {
    font: 13px/14px 'Didact Gothic', sans-serif;
}

.clear-both {
    clear: both;
}

.hidden {
    display: none;
}

/*****************
flash start
*****************/

.flash-msg-container {
    position: absolute;
    width: 100%;
}

.flash-msg-container > .alert {
    margin: 30px auto;
    padding: 0 20px;
    background-color: transparent;
    font-size: 1.5em;
    color: white;
    width: 960px;
}

.flash-msg-container > .alert > h4 {
    background-color: #76b2ca;
    width: 960px;
    min-height: 30px;
    color: white;
    display: block;
    padding: 25px 0;
    border-radius: 3px;
    text-align: center;
}

/*****************
flash stop
*****************/

/*****************
header start
*****************/

#collecs-logo {
    padding: 22px 36px 0 59px;
    float: left;
}

/*****************
main menu start
*****************/

.menu-top {
    padding: 0 11px;
    background: #e6e9ee;
    height: 26px;
}

.menu-top li {
    float: right;
    padding: 0 9px;
}

.menu-top li:first-child {
    float: left;
}

/*.menu-top li.current {
    background: #29c5e6;
}*/

.menu-top a {
    color: #666;
    text-decoration: none;
}

/*.menu-top li.current a {
    color: #fff;
}*/
/*****************
main menu stop
*****************/

/*****************
header menu start
*****************/

.menu-header {
    padding: 27px 0 0;
}

.menu-header li {
    float: left;
    padding-right: 10px;
}

.menu-header li:first-child:before {
    content: "";
}

.menu-header li:before {
    content: "|";
    padding-right: 10px;
}

/*.menu-header li.current {
    background: #29c5e6;
}*/

.menu-header a {
    color: #666;
    text-decoration: none;
}

.menu-header .active a {
    color: #6ac;
    font-weight: 900;
}

/*.menu-header li.current a {
    color: #fff;
}*/

/*****************
header menu stop
*****************/
/*****************
rubricator start
*****************/

#collecs-rubricator {
    margin-top: 25px;
}

.menu-rubricator {
    padding: 0 18px;
}

.menu-rubricator li {
    display: table;
    margin: 2px;
    text-align: center;
    background-color: #e6e9ee;
    height: 33px;
    width: 116px; /*width: 114px; для планшета*/
    float: left;
    line-height: 15px;
}

/*.menu-rubricator li.current {
    background: #29c5e6;
}*/

.menu-rubricator a {
    padding: 0 16px 3px;
    display: table-cell;
    vertical-align: middle;
    color: #666;
    text-decoration: none;
}

/*.menu-rubricator li.current a {
    color: #fff;
}*/

/*****************
rubricator stop
*****************/

/*****************
breadcrumb start
*****************/

/*#collecs-bread-crumbs {
    margin: 0;
}*/

#collecs-bread-crumbs li,
#collecs-bread-crumbs li a {
    float: left;
    font-style: italic;
    color: #6ac;
}

#collecs-bread-crumbs .divider {
    margin: 0 3px;
}

/*****************
breadcrumb stop
*****************/

/*****************
favorite actions start
*****************/

#favorite-actions {
    position: absolute;
    right: 24px;
}

#favorite-actions a {
    text-decoration: none;
}

#favorite-actions button {
    background-color: #48a648;
}

/*****************
favorite actions stop
*****************/

.search-block {
    float: right;
    margin-right: 20px;
}

.search-query {
    margin-right: -4px;
}

/*****************
header stop
*****************/

/*****************
left aside start
*****************/

aside.left {
    margin-left: 28px;
    float: left;
    width: 222px;
}

/*****************
left aside stop
*****************/

/*****************
filters of rubric start
*****************/

#filters-of-rubric h3 {
    background-color: #e6e9ee;
    padding: 0px 10px;
    font-weight: bold;
    margin-bottom: 6px;
}

#filters-of-rubric ul {
    padding: 0 10px;
    margin-top: -6px;
}

#filters-of-rubric li {
    line-height: 20px;
}

#filters-of-rubric li.current {
    font-weight: bold;
}

#filters-of-rubric a {
    text-decoration: none;
    color: black;
}

#filters-of-rubric {

}

/*****************
filters of rubric stop
*****************/

/*****************
aside start
*****************/

aside.left {
    width: 232px;
    margin: 0 0 0 20px;
}

aside.right {
    width: 232px;
    padding-left: 724px;
    margin: 0 20px;
}

/*****************
aside stop
*****************/

/*****************
main start
*****************/

main.right {
    width: 735px;
    padding-left: 244px;
    margin: 0 20px;
}

main.left {
    width: 720px;
    margin: 0 0 0 20px;
    float: left;
}

main .button-block {
    padding: 0 0 11px;
}

main .button-block a {
    text-decoration: none;
}

main .button-block button {
    background-color: #48a648;
}

main .button-block button.light {
    background-color: white;
    color: #6ac;
    text-transform: none;
}

/*****************
main stop
*****************/

/*****************
items collection start
*****************/

#item-preview-container {
    margin: 0 0px 0 20px;
}

.item-preview {
    position: relative;
    width: 222px;
    height: 342px;
    border: 1px #ddd solid;
    margin: 0 21px 16px 0;
    float: left;
    background-color: #f6f6f6;
}

.item-preview .img-container {
    overflow: hidden;
}

.item-preview .actions {
    width: 204px;
    background-color: white;
    max-height: 25px;
    position: absolute;
    border: none;
    top: 197px;
    display: none;
    font-size: 12px;
    padding: 0 9px;
}

.item-preview:hover .actions {
    display: block;
}

.item-preview .actions a {
    color: black;
    text-decoration: none;
}

.item-preview .rubric {
    padding: 10px 10px 3px;
    line-height: 16px;
    font-style: normal;
    font-weight: bold;
}

.item-preview .name, .item-preview .location, .item-preview .store-name {
    padding: 0px 10px;
    line-height: 19px;
}

.item-preview .store-name {
    font-weight: 600;
}

.item-preview .price {
    padding: 0px 10px;
    line-height: 24px;
    color: #fe0000;
    font-style: normal;
    font-weight: bold;
}

.item-preview button {
    padding: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    border: none;
    border-top: 1px #ddd solid;
    border-left: 1px #ddd solid;
    width: 78px;
    height: 22px;
    text-align: center;
    background-color: #62a8c2;
    color: #fff;
    font: bold 13px/1 'Didact Gothic', sans-serif;
}

.item-preview div {
    height: 222px;
    border-bottom: 1px #ddd solid;
}

.item-preview img {
    width: 222px;
    height: 222px;
}

/*****************
items collection stop
*****************/

/*****************
auth start
*****************/

.auth {
    margin: 20px 0 355px;
    color: black;
    font-weight: 900;
    background-color: #e6e9ee;
}

.auth form {
    padding: 15px 0;
    max-width: 360px;
    margin: 0 auto;
}

.auth form h1 {
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 900;
    color: #65a8c2;
}

.auth form input[type='text'], .auth form input[type='password'], .auth form input[type='email'], .auth form select {
    padding: 0 0 0 5px;
    width: 355px;
    height: 34px;
    border: none;
    border-radius: 5px;
    font-weight: 500;
    background-color: white;
}

.auth form select {
    width: 360px;
}

.auth form label, .auth form a, .auth form a:visited {
    font-weight: 900;
    color: black;
    text-decoration: none;
}

.auth form a {
    cursor: pointer;
}

.auth form .actions {
    padding: 5px 0;
}

.auth form button {
    float: right;
}

.auth form a:hover {
    text-decoration: underline;
}

/*****************
auth stop
*****************/

/*****************
footer start
*****************/

footer {
    width: 100%;
    margin-top: 20px;
    color: #d7d7d7;
    min-height: 163px;
    background-color: #464646;
}

footer .wrapper {
    position: relative;
    background-color: inherit;
}

footer .wrapper > img {
    position: absolute;
    top: 12px;
    right: 20px;
}

/*****************
footer stop
*****************/

/*****************
footer links start
*****************/

.menu-footer {
    padding: 13px 20px 0;
}

.menu-footer li {
}

/*.menu-footer li.current {
    background: #29c5e6;
}*/

.menu-footer a {
    color: #d7d7d7;
    text-decoration: none;
}

/*.menu-footer li.current a {
    color: #fff;
}*/

/*****************
footer links stop
*****************/

/*****************
left menu start
*****************/

.profile-img {
    width: 200px;
    /*height: 103px;*/
    line-height: 0;
    border: #eff1f0 solid 16px;
    text-align: center;
    margin-bottom: 8px;
}

.profile-img img {
    width: 100%;
}

.profile-img span {
    color: #6ac;
    /*height: 103px;*/
    font-style: italic;
    line-height: 100px;
}

.left .button, aside.right > .button {
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 900;
    text-align: center;
    line-height: 40px;
}

.left .button div, aside.right > .button div {
    background-color: #62a6c1;
    margin-bottom: 10px;
}

.left .button h2, aside.right > .button h2 {
    color: white;
}

.left-menu {
    width: 232px;
    border: none;
    text-align: left;
    margin-bottom: 8px;
    background-color: #f0f0f0;
}

.left-menu > div {
    background-color: #e5e8ed;
}

.left-menu h2 {
    padding-left: 16px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 900;
    color: black;
}

.left-menu a {
    font-size: 13px;
    font-weight: 500;
    color: black;
    text-decoration: none;
}

.left-menu h2 > a {
    font-weight: 900;
}

.left-menu a:visited {
    color: black;
}

.left-menu a:hover:not(.active) {
    cursor: pointer;
    text-decoration: underline;
}

.left-menu a.active {
    cursor: default;
    color: #6ac;
    font-weight: 900;
}

.left-menu ul {
    padding-left: 16px;
    padding-bottom: 20px;
}

.left-menu ul li span.accent {
    color: #6ac;
    font-weight: 900;
}

.left-menu section[role=separator] {
    min-height: 10px;
}

/*****************
left menu stop
*****************/
/*****************
catalogue menu start
*****************/

.catalogue-menu {
    background-color: transparent;
}

.left-menu.catalogue-menu a.active {
    color: black;
}

/*****************
catalogue menu stop
*****************/

/*****************
main form start
*****************/

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.img-preview {
    width: 200px;
    /*height: 200px;*/
    background-color: #f6f6f6;
    border: 1px solid #d9dcdd;
}

main .custom-text {
    padding: 0 10px;
}

main.right div > h1,
main.right div > h2,
main.left div > h1,
main.left div > h2 {
    background-color: #e5e8ed;
    width: 704px;
    margin-bottom: 8px;
}

main.right h1,
main.right h2,
main.left h1,
main.left h2 {
    padding-left: 8px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 900;
    color: black;
}

main.right h2 {
    margin-top: 20px;
}

main.left h3,
main.right h3 {
    font-weight: 900;
    padding: 10px 10px 5px;
}

main.right p {
    padding: 0 10px;
    line-height: 1.5;
}

main.right p.help-block {
    margin-left: 200px;
}

main.right .form-group:not(.hidden) {
    display: block;
    padding: 5px 0;
}

main.right .label {
    min-width: 200px;
    float: left;
    padding-left: 10px;
}

main.right input[type="text"], main.right input[type="password"], main.right input[type="number"], main.right select, main.right textarea {
    border: 1px solid #d9dcdd;
    background-color: #f6f6f6;
    font-style: italic;
}

main.right select {
    min-height: 25px;
    width: 200px;
    margin-bottom: 10px;
}

main.right textarea {
    min-height: 72px;
    width: 496px;
    max-width: 496px;
    overflow: auto;
    resize: both;
}

main.right input[type="text"], main.right input[type="password"], main.right input[type="number"] {
    padding-left: 5px;
    width: 193px;
    min-height: 23px;
    margin-bottom: 10px;
}

main.right input[type="text"].full-width {
    width: 495px;
}

main.right .img-preview {
    float: left;
    margin-right: 10px;
}

main.right ul {
    padding: 0 10px;
    line-height: 1.5;
}

main.right ul li span.accent {
    display: inline-block;
    font-weight: 900;
    min-width: 100px;
}

#terms-of-delivery, #store-rules {
    min-height: 350px;
}

/*****************
main form stop
*****************/

/*****************
store-catalogue-item start
*****************/

.store-catalogue-item {
    margin: 0 20px 5px;
    min-width: 960px;
    background-color: #e6e9ee;
    line-height: 3;
}

.store-catalogue-item div {
    display: table-cell;
    text-align: left;
}

.store-catalogue-item > div {
    display: table-row;
}

.store-catalogue-item .name {
    padding-left: 20px;
    width: 250px;
}

.store-catalogue-item .address {
    width: 250px;
}

.store-catalogue-item .phone {
    width: 250px;
}

.store-catalogue-item .actions a {
    font-size: 13px;
    font-weight: 500;
    color: black;
    text-decoration: none;
}

.store-catalogue-item .actions form {
    display: inline;
}

.store-catalogue-item .actions a:hover {
    text-decoration: underline;
}

/*****************
store-catalogue-item stop
*****************/

/*****************
catalogue start
*****************/

.one-fourth {
    float: left;
    width: 238px;
    padding: 0px;
    margin: 0px;
}

.one-fourth a {
    font-size: 13px;
    font-weight: 500;
    color: inherit;
    text-decoration: none;
}

.one-fourth h2 {
    color: #6ac;
    font-weight: 900;
}

.muted {
    color: #a6a6a6;
    font-weight: 500;
}

/*****************
catalogue stop
*****************/

/*****************
store catalogue start
*****************/

.store-catalogue .rubric-header {
    display: block;
    float: left;
    width: 100%;
}

.store-catalogue .rubric-header h2 {
    margin: 0 0 11px;
}

/*****************
store catalogue stop
*****************/

/*****************
my_purchases start
*****************/
table.my_purchases {
    width: 100%;
    margin-top: 6px;
    vertical-align: middle;
}

.my_purchases tr {
    height: 36px;
    border-bottom: 5px solid #ffffff;
    text-align: left;
    line-height: 31px;
}

.my_purchases th, .my_purchases td {
    padding-left: 29px;
}

.my_purchases td:last-child, .my_purchases th:last-child {
    text-align: right;
    padding-right: 29px;
}

.my_purchases thead {
    background-color: #ecedf1;
    color: #007e8f;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 900;
}

.my_purchases tbody {
    background-color: #f3f3f3;
}

.my_purchases tbody a {
    color: black;
    text-decoration: none;
}

.my_purchases tbody a.red {
    color: #ff2829;
}

/*****************
my_purchases stop
*****************/

/*****************
collectible start
*****************/

main.collectible .img-container {
    width: 720px;
    float: left;
}

main.collectible .main-img-container {
    float: left;
}

main.collectible .main-img-container img {
    width: 467px;
    padding: 6px;
}

main.collectible .additional-img-container {
    float: left;
    cursor: pointer;
    min-height: 120px;
    margin: 0 6px;
}

main.collectible .additional-img-container img {
    width: 108px;
}

main.collectible .no-img {
    padding: 0;
}

.collectible-to-basket {
    padding: 6px;
    display: inline-block;
    min-width: 220px;
}

.collectible-to-basket span {
    display: inline-block;
    min-width: 110px;
    color: #fe0000;
    font-style: normal;
    font-weight: bold;
}

.collectible-to-basket a {
    display: inline-block;
    width: 110px;
}

.collectible-to-basket button {
    width: 100%;
    padding: 5px 0;
}

/*****************
collectible stop
*****************/

/*****************
custom-content for ckeditor start
*****************/

.custom-content {
    width: 960px;
    margin: 0 auto;
}

.custom-content h1 {
    display: block;
    width: 944px;
    background-color: #e5e8ed;
    margin-top: 20px;
    padding: 0 8px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 900;
    color: black;
}

.custom-content p {
    padding: 0 10px;
    line-height: 1.5;
}

.custom-content strong {
    font-weight: 900;
}

.custom-content em {
    font-style: italic;
}

/*****************
custom-content for ckeditor stop
*****************/

/*****************
button-block tabs start
*****************/

main .button-block.tabs {
    padding: 0;
    margin-bottom: 11px;
    width: 711px;
}

main .button-block.tabs button {
    background-color: #e5e8ed;
    color: black;
    border: 1px solid black;
    border-radius: 5px 5px 0 0;
}

.button-block.tabs .active {
    background-color: white;
    border-bottom: 1px solid white;
}

/*****************
button-block tabs stop
*****************/

/*****************
collectible create start
*****************/

#img-choice-dialog {
    width: 100%;
}

#list-view li {
    margin: 0 5px 5px 0;
    display: inline-block;
    width: 222px;
    height: 222px;
    overflow: hidden;
    position: relative;
    border: 1px solid grey;
}

#list-view li span {
    font-size: 18px;
    text-align: center;
    position: absolute;
    color: black;
    background-color: white;
    min-width: 30px;
    cursor: pointer;
    display: none;
    top: 0;
    right: 0;
    min-height: 30px;
}

#list-view li:hover span {
    display: block;
}

#list-view li img {
    width: 100%;
}

/*****************
collectible create stop
*****************/

/*****************
cover glass start
*****************/

#cover_glass {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    z-index: 1000;
    opacity: 0.8;
    text-align: center;
}

#cover_glass.hidden {
    z-index: -1000;
}

#cover_glass p {
    margin: 500px auto;
    font-weight: 600;
    font-size: 32px;
}

/*****************
cover glass stop
*****************/

/*****************
shopping card start
*****************/

.shopping-card-item {
    display: table-row;
    text-align: center;
    vertical-align: middle;
}

.shopping-card-item > div {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.shopping-card-item > div.image {
    width: 100px;
}

.shopping-card-item > div.description {
    text-align: left;
    width: 450px;
    padding: 0 5px;
}

.shopping-card-item > div.price {
    width: 100px;
}

.shopping-card-item > div.actions {
    width: 70px;
}

.shopping-card-item > div img {
    width: 100px;
}

.shopping-card-item > div span {
    display: block;
    line-height: 1em;
}

.shopping-card-item > div b {
    font-weight: bold;
}

.shopping-card-item > div i {
    font-style: italic;
}

/*****************
shopping card stop
*****************/

/*****************
location filter start
*****************/

#location-filter {
    padding-left: 40px;
    background-color: #e6e9ee;
    height: 39px;
}

#location-filter form {
    display: inline;
}

#location-filter select {
    background-color: white;
    padding: 0px;
    margin: 9px;
    width: 241px;
}

/*****************
location filter stop
*****************/

/*****************
store filter start
*****************/

#store-filter label.checked {
    font-weight: bold;
}

#store-filter label.checkable {
    cursor: pointer;
}

.catalogue-menu h2.toggle {
    position: relative;
}

.catalogue-menu h2.toggle:after {
    content: url(/images/to_open.png);
    cursor: pointer;
    position: absolute;
    right: 16px;
}

.catalogue-menu h2.toggle.is_opened:after {
    content: url(/images/to_close.png);
}

#store-filter div > h2.toggle {
    margin-bottom: 10px;
}

#store-filter div > h2.toggle.is_opened {
    margin-bottom: 0;
}

/*****************
store filter stop
*****************/

#smoothtop {
    height: 35px;
    width: 81px;
    margin: 30px;
    background: url(/images/up.png) center top no-repeat;
}

#ajax-search-results {
    position: absolute;
    background-color: white;
    padding: 10px 0;
    border: 1px solid grey;
    max-width: 300px;
    min-width: 300px;
    z-index: 1;
}

#ajax-search-results a {
    text-decoration: none;
    color: black;
}

#ajax-search-results a li, #ajax-search-results p {
    padding: 0 10px;
}

#ajax-search-results a li:hover {
    background-color: #e6e9ee;
}

#ajax-search-results a b {
    font-weight: 900;
}