* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-collapse: collapse;margin: 0;padding: 0;position: relative;z-index: 2;font-family: Arial, Helvetica, sans-serif;list-style: none;}
img, a {border: none;}/* FOR OLD VERSION BROWSER */
a:hover, a:focus {text-decoration: none !important;border: none !important;}
:root, html, body {min-width: 980px;/* height: 100%; */min-height: 100%;font-family: Arial, Verdana, Helvetica;}
.white { background: #fff; width: 1020px; margin: 0 auto;}

.autumn {background: #e5c878 url(/img/backgrounds/autumn.jpg) center top no-repeat;}
.summer {background: #b5d36f url(/img/backgrounds/summer.jpg) center top no-repeat;}
.spring {background: #f6e1ea url(/img/backgrounds/spring.jpg) center top no-repeat;}
.winter {background: #d2eaf6 url(/img/backgrounds/winter.jpg) center top no-repeat;}

/* ВЕРХНЕЕ МЕНЮ */
.header-top {width: 100%;height: auto;padding-bottom: 6px;border-bottom: 1px solid #1e3a68;display: block;clear: both;background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.65, #516282), to(#30456a));background: -webkit-linear-gradient(#516282 65%, #30456a);background: -moz-linear-gradient(#516282 65%, #30456a);background: -o-linear-gradient(#516282 65%, #30456a);background: linear-gradient(#516282 65%, #30456a);position: fixed;top: 0;z-index: 3;background-color: #30456a;}
.header-top .row {width: 50%;margin: 0 auto;height: auto;max-width: 1300px;min-width: 980px;}
.header-top .row .left {width: 50%;float: left;clear: none;padding-left: 20px;padding-top: 7px;}
.header-top .row .left ul {list-style: none;display: inline-block;font-family: Arial;font-size: 12px;}
.header-top .row .left ul > li {float: left;padding: 0 10px;width: auto;line-height: 1;}
.header-top .row .left ul > li a {color: #dde;}
.header-top .row .left ul > li.home {}
.header-top .row .left ul > li.home a {background: url(/img/system/home.png) center no-repeat;width: 10px;height: 10px;display: block;}
.header-top .row .right {width: 50%;float: left;text-align: right;padding-right: 30px;padding-top: 6px;}
.header-top .row .right > a {color: #dde;font-family: Arial;font-size: 12px;background: url(/img/system/person.png) center left no-repeat;padding-left: 21px;}
.header-top .row .right > a > span {text-decoration: none !important;display: inline-block;margin-left: 4px;}

/* HEADER */

.header { display: block; min-width: 980px; max-width: 1300px; width: 50%; height: 140px; margin: 0 auto; clear: both; margin-top: 30px; background: #fff;}
.span {float: left; width: 25%; clear: none; height: 100%;padding-top: 30px;padding-bottom: 20px;}
.header .logo {padding-left: 20px;}
.logo img {}
.logo p {color: #888;font-family: Arial;font-size: 13px;line-height: 15px;}
.phone-link {font-size: 23px !important;text-decoration: none;color: #545 !important;letter-spacing: -0.5px;line-height: 1.1;background: none !important;display: inline-block;padding-left: 0 !important;height: 22px;}
.phone-link:hover {border-bottom: 1px solid #545;}
.phone-link b {color: #212;}
.phone-link.small {font-size: 14px !important;height: 15px;}
.header .callback-block {text-align: right;padding-right: 45px;padding-top: 10px;}
.header .callback-block a {text-decoration: none;background: url(/img/system/phone.png) left 5px no-repeat;padding-left: 17px;}
.header .callback-block a span {color: #216dd8; font-size: 13px;text-decoration: none;border-bottom: 1px dotted #26d;}
.header .callback-block a:hover span {border-bottom: 1px solid;}
.header .info {text-align: left;padding-top: 10px;padding-left: 15px;}
.header .info p.adress {font-size: 13px;color: #545;background: url(/img/system/marker.png) left center no-repeat;padding-left: 15px;margin-bottom: 5px;}
.header .info p.phone {color: #888;font-size: 12px;padding-left: 15px;background: url(/img/system/clock.png) left 3px no-repeat;line-height: 1.5;}

/* КОРЗИНА */

#compoBasket {padding-top: 10px;margin-left: 65px;font-size: 13px;position: relative;background: url(/img/basket.png) left bottom no-repeat;padding-left: 40px;line-height: 1;font-weight: 700;color: #555;width: 180px;}
#compoBasket a {font-size: 13px;font-weight: 500;text-decoration: none;border-bottom: 1px dotted #216dd8;color: #216dd8;margin-bottom: 2px;display: inline-block;}
#compoBasket a:hover {margin-bottom: 3px;}
#compoBasket i {position: absolute;background: #bc63aa;display: block;width: 20px;height: 20px;color: #fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;text-align: center;line-height: 15.5px;font-size: 11px;font-style: normal;top: 0px;left: 19px;border: 2px #fff solid;}

/* ФОРМА ПОИСКА */

.search { min-width: 980px;z-index:6; width: 50%; max-width: 1300px; margin: 0 auto; height: 45px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; background: -webkit-linear-gradient(#60a8d6, #0c5a99 80%, #0b528c); background: -moz-linear-gradient(#60a8d6, #0c5a99 80%, #0b528c); background: -o-linear-gradient(#60a8d6, #0c5a99 80%, #0b528c); background: linear-gradient(#60a8d6, #0c5a99 80%, #0b528c); background-color: #60a8d6; border-bottom: 1px solid #0b2a83; }
.search .catalog-link { float: left; width: 25%; clear: none; height: 100%; padding: 6px 0; padding-left: 20px; font-size: 18px; font-weight: 700; color: #fff; line-height: 1.8; border-right: 1px #1664a2 solid; }
.search .search-form { float: left; width: 75%; padding: 6px 0; border-left: 1px solid #448ac4; height: 100%; background: url(/img/shadow.png) center left no-repeat; }
.search .search-form form {height: 100%;}
.search .search-form .search-text { width: 83%; float: left; margin-left: 20px; height: 32px; padding-left: 36px; border-radius: 4px; overflow: hidden; background: #fff url(/img/system/loop.png) 8px center no-repeat; }
.search .search-form input[type="text"] { width: 100%; height: 100%; border: none; outline: none; padding-right: 13px; } 
.search .search-form input[type="submit"] { width: 85px; margin: 0 7px; height: 100%; background: -webkit-gradient(linear, 0 0, 0 100%, from(#7fbb1a), to(#65ae14)); background: -webkit-linear-gradient(#7fbb1a, #65ae14); background: -moz-linear-gradient(#7fbb1a, #65ae14); background: -o-linear-gradient(#7fbb1a, #65ae14); background: linear-gradient(#7fbb1a, #65ae14); background-color: #76b718; cursor: pointer; border-bottom: 1.5px solid #0a3f11 !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border: none; color: #fff; text-transform: uppercase; font-size: 12px; outline: none;}
.search .search-form input[type="submit"]:hover { background: -webkit-linear-gradient(#7fbb1a, #4A7719); background: -moz-linear-gradient(#7fbb1a, #4A7719); background: -o-linear-gradient(#7fbb1a, #4A7719); background: linear-gradient(#7fbb1a, #4A7719); background-color: #5A8D10;}

/* ОСНОВНОЙ КОНТЕНТ */

.wrapper { min-width: 980px; max-width: 1300px; width: 50%; margin: 20px auto 10px; clear: both; background: #fff;}

/* ЛЕВАЯ КОЛОНКА */

.sideBar { float: left; width: 25%; margin-right: 0; clear: none; margin-bottom: 20px;}
.sideBar > ul { list-style: none; width: 100%; border: 1px #ddd solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; overflow: hidden; margin-bottom: 20px;}
.sideBar > ul > li { height: 38px; position: relative; border-bottom: 1px #ddd solid; line-height: 37px; /* padding-left: 45px; */ background: url(/img/sidemenu.png) top center; width: 100%;}
.sideBar > ul > li:last-of-type {border-bottom: none}
.sideBar > ul > li.active { height: auto; line-height: 36px;}
.sideBar > ul > li:first-of-type {border-radius: 5px 5px 0 0;}
.sideBar > ul > li > ul { border: none; list-style: none; background: #fff; /* margin-left: -45px; */ padding-left: 45px; padding-bottom: 10px; }
.sideBar > ul > li > ul > li { height: 30px; line-height: 15px; width: 80%; word-break: break-word; word-wrap: break-word; margin: 20px 0px 10px; padding-top: 4px;}
.sideBar > ul > li > a { font-size: 13px; color: #545; font-weight: 700; text-decoration: none; width: 100%; display: inline-block; padding-left: 45px;}
.sideBar > ul > li > ul > li > a { color: #216dd8; font-size: 13px; }
.sideBar li span {position: absolute;top: 18px;right: 20px;background: url(/img/system/purple-arrow-nonactive.png) center no-repeat;height: 5px;width: 5px;}
.sideBar li.active span {position: absolute;top: 18px;right: 20px;background: url(/img/system/purple-arrow-active.png) center no-repeat;height: 5px;width: 5px;}
.sideBar > ul > li> a:hover  {color:#17c;}
.sideBar > ul > li > ul > li > ul {
    padding-left: 30px;
}
.sideBar > ul > li > ul > li > ul > li {
    line-height: 16px;
    word-break: break-word;  word-wrap: break-word;  margin: 0 0 4px 0;  padding-top: 4px;
}
.sideBar > ul > li > ul > li > ul > li > a {
    color: #216dd8;  
    font-size: 12px;
}

a.campare {width: 100%;height: 40px;border-bottom: 1px solid #0b528c;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;color: #fff;background: -webkit-linear-gradient(#117bc1, #0c5795);background: -moz-linear-gradient(#117bc1, #0c5795);background: -o-linear-gradient(#117bc1, #0c5795);background: linear-gradient(#117bc1, #0c5795);background-color: #17c;margin-bottom: 20px;display: block;}
a.campare i {font-size: 11px;font-style: normal;display: block;float: right;width: 20px;height: 20px;border: 1px #fff solid;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;text-align: center;line-height: 18px;margin: 10px 10px 0 0;}
a.campare span {background: url(/img/system/campare.png);width: 17px;height: 16px;display: block;float: left;margin: 12px 10px;}
a.campare b {font: 12px Arial;color: #fff;text-decoration: none;float: left;margin-top: 13px; font-weight: normal;}
a.campare:hover b {text-decoration: underline;}

/* ПРАВАЯ КОЛОНКА */

.content { float: left; width: 75%; padding-left: 14px; clear: right;}

.slider {width: 100%;height: 320px;margin-bottom: 20px; overflow: hidden; position:relative;border: 1px #ddd solid;-webkit-border-radius: 7px;-moz-border-radius: 7px;-o-border-radius: 7px;border-radius: 7px;}
.slider .cont {position:relative; width: 100%; height: 100%;}
.slider .cont .image {position: absolute; top:0; left: 0;height: auto;}
.slider .cont .image img{margin: 0;float: left;}
.slider .pagin {position:absolute; bottom: 15px;}
.slider .pagin a {background: url('src/pagination.png') no-repeat;width: 18px;height: 18px;display: block;float: left;margin: 0 3px;}
.slider .pagin a.active {background: url('src/pagination-active.png') no-repeat;}

/* БАННЕРЫ */

.banners { margin-bottom: 20px; display: inline-block; width: 100%;}
.banners > .card { width: 49%; height: auto; min-height: 167px; float: left; margin-bottom: 20px; padding: 20px; border-radius: 6px;}
.card.green { background: #80bc1a url(/img/card-green.png) top right no-repeat; margin-right: 2%;}
.card.blue { background: #226ed8 url(/img/card-blue.png) top right no-repeat;   }
.card.violet { background: #b633da url(/img/card-violet.png) top right no-repeat;  margin-right: 2%; }
.card.orange { background: #ff9100 url(/img/card-orange.png) top right no-repeat;   }
.banners > .card p { font-size: 15px; color: #fff; font-weight: 700;}
.banners > .card ul { list-style-image: url(/img/system/marker-h.png); margin-top: 20px; margin-left: 10px;}
.banners > .card ul li { color: #fff; font-size: 13px; line-height: 1.5;}
.banners > .card ul li > a { color: #fff; text-decoration:none;}
.banners > .card ul li > a:hover { text-decoration: underline; color: #ffa;}

/* ТАБЫ */

.tabs {position: relative;z-index: 6;width: 100%;background: transparent;}
.tabs > ul { list-style: none; display: inline-block; width: 100%; height: 55px; border-bottom: 1px solid #ddd; position: relative; clear: both;}
.tabs > ul > li { background: #fff; float: left; text-align: center; height: 53px; padding: 17px 20px;}
.tabs > ul > li a{ font-size: 18px; font-weight: 700; color: #216dd8; text-decoration: none; border-bottom: 1px dotted #26d;}
.tabs > ul > li a:hover{ border-bottom: none;}
.tabs > ul > li.active-tab{ border-radius: 5px 5px 0 0; border-left: 1px #ddd solid; border-top: 1px #ddd solid; border-right: 1px #ddd solid; height: 55px; -moz-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;}
.tabs > ul > li.active-tab a{ color: #212; border: none; }
.tabs > ul  > span { font-size: 13px; position: absolute; right: 10px; top: 20px;}
.tabs > ul  > span a { color: #888 }

.tab-content { height: 458px; width: 100%; margin-bottom: 20px; position: relative; z-index: 5;}
.tab-content .tab-layout { width: 100%; height: 100%; display: none; position: relative; z-index: 5;}
.tab-content .tab-layout.active { width: 100%; height: 100%; display: block;}

.product {width: 24%; margin-right: 2px;margin-left: 2px;padding: 15px 6px 20px;margin-top: 15px;cursor: default ;z-index: 7;background: #fff;text-align: center; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; position: relative;}
.product .centerfoto { background-position: center center; width: 100%; height: 180px; overflow: hidden; background-repeat: no-repeat;}
.product strong { color: #212; text-align: center; display: inline-block; font-size: 13px; float: left; clear: both; width: 100%; line-height: 1.3; margin-bottom: 15px; }
.product .status { font-size: 11px; font-weight: 700; width: 100%; float: left; text-align: center; margin: 8px 0px 2px; }
.product .status.now { color: #7fbc19;}
.product .status.order {color: #ff9000;}
.product .price {float: left;width: 100%;text-align: center;font-size: 21px;font-weight: 700;line-height: 1.2;color: #212;}
.product .price i {height: 13px;  width: 10px;  display: inline-block;  vertical-align: middle;  margin-bottom: 5px;-webkit-background-size: 10px 13px !important;-moz-background-size: 10px 13px !important;-o-background-size: 10px 13px !important;background-size: 10px 13px !important;background: #212 url(/img/system/rur.png) center no-repeat;}
.product .price.new i {background: #a74091 url(/img/system/rur.png) center no-repeat;}
.product .price.new {color: #a74091;}
.product .price.old {color: #888;font-size: 14px;text-decoration: line-through;text-decoration-color: inherit;}

.btncart { clear: both; background: url(/img/product-button.png) no-repeat; border: none; outline: none; cursor: pointer; width: 106px; height: 30px; margin: 24% auto 10px; color: #fff; text-transform: uppercase; font-size: 13px; font-weight: 700; display: none;}
.btncart:hover { background: url(/img/product-button-hover.png) no-repeat;}

.btncart2 { clear: both; background: url(/img/product-button.png) no-repeat; border: none; outline: none; cursor: pointer; width: 106px; height: 30px; margin: 24% auto 10px; color: #fff; text-transform: uppercase; font-size: 13px; font-weight: 700;}
.btncart2:hover { background: url(/img/product-button-hover.png) no-repeat;}



.product .camp { float: left; width: 100%; text-align: center; color: #888; font-size: 12px; display: none;}
.product .bonus { position: absolute; top: 10px; left: 15px;}
.bonus.hit {background: url(/img/system/hit.png) no-repeat;width: 29px;height: 16px;}
.bonus.sale {background: url(/img/system/sale.png) no-repeat;width: 79px;height: 16px;}
.bonus.new {background: url(/img/system/new.png) no-repeat;width: 58px;height: 16px;}
.bonus.spec {background: url(/img/system/spec.png) no-repeat;width: 110px;height: 16px;}
.product:hover {z-index: 10;}
.product .d-popup {
    display: none;
    position: absolute;
    left: 0; top: 0; right: 0; 
    background-color: #fff; 
    padding: 15px 6px 20px; 
-webkit-box-shadow: 0px 0px 3px #555;
   -moz-box-shadow: 0px 0px 3px #555;
        box-shadow: 0px 0px 3px #555; 
        z-index: 5; 
-webkit-border-radius: 6px;
   -moz-border-radius: 6px;
           border-radius: 6px; 
}
.product:hover .d-popup {display: block;}
.product .d-popup .btncart {display: block;}
.product .d-popup .camp {display: block;}

/* СЕКЦИЯ РАБОТ */
.work {width: 100%;height: 140px;background: #eee;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;margin-top: 0px;margin-bottom: 40px;z-index: 5;position: relative;}
.work .section {width: 25%;float: left;text-align: center;padding: 35px 30px 25px;height: 100%;border-right: 1px #fff solid;}
.work .section img {margin-bottom: 7px;}
.work .section p {font-size: 13px;color: #555;line-height: 16px;}
.work .section:last-of-type {border-right: none;}

.buy-us { width: 100%; height: 250px; margin-bottom: 40px; background: url(/img/buy-bg.png) bottom right no-repeat; border-bottom: 1px #ddd solid; padding-left: 10px;}
.buy-us ul {height: 160px;width: 420px;margin-left: 15px;list-style-image: url(/img/system/marker-h-purp.png);margin-top: 6px;}
.buy-us ul li {float: left;width: 50%;font-size: 13px;line-height: 1.7;padding-left: 7px;}
.buy-us ul li a {color: #545;}
.buy-us strong{font-size: 21px;color: #212;line-height: 1.6;}

/* ОПИСАНИЕ */

.descript {margin-bottom: 20px;padding-left: 10px;display: inline-block;}
.descript .text img {float: left;margin: 0 40px 20px 0;}
.descript .text {float: left;height: auto;width: 100%;padding-top: 5px;}
.descript .text h1 {font-size: 21px;color: #212;font-weight: 500;line-height: 33px;}
.descript .text h2 {color: #212;font-size: 20px;font-weight: 500;line-height: 33px;}
.descript .text p {color: #545;font-size: 13px;margin-bottom: 40px;line-height: 20px;}


h1 {font-size: 21px;color: #212;font-weight: 500;line-height: 33px;}

/* FOOTER */

.footer {height: auto;min-width: 1020px;width: 50%;max-width: 1300px;padding-top: 35px;margin: 0 auto;background: #E9E9E9 url(/img/backgrounds/footer.png) no-repeat 64% 0;-webkit-border-radius: 8px 8px 0 0;-moz-border-radius: 8px 8px 0 0;-o-border-radius: 8px 8px 0 0;border-radius: 8px 8px 0 0;clear: both;}
.footer .links {width: 100%;height: auto;display: inline-block;}
.footer .span {padding-top: 0px;padding-left: 30px;}
.footer .span.logo {padding-left: 30px;font-size: 11px !important;color: #656;width: 23%;}
.footer .span.link {width: 15%;}
.footer .span.link ul {list-style: none;margin-bottom: 15px;}
.footer .span.link ul.social {display: inline-block;}
.footer .span.link ul.social li { float: left; margin-right: 6px;}
.footer .span.link li {font-size: 13px;line-height: 22px;}
.footer .span.link li a {color: #212;}
.footer .span.adress {width: 25%;}
.footer .span.adress p {font-size: 13px;line-height: 1.2;color: #545;margin-bottom: 12px;}
.footer .span.adress a {font-size: 18px;color: #545;text-decoration: none; height:21px;}
.footer .span.adress a:hover {border-bottom: 1px #545 solid;}
.footer .span.adress a b {color: #212;text-decoration: none;}
.footer .span.adress a span {color: #216dd8;font-size: 13px;border-bottom: 1px #216dd8 dotted;}
.footer .span.adress a span:hover {border-bottom: none;}
.footer .span.seo {width: 36%;text-align: right;}
.footer .info {width: 100%;height: auto;border-top: 1px #fff solid;display: inline-block;}
.footer .info .left {width: 50%;height: 44px; float: left;padding: 15px 20px;font-size: 13px;color: #434;}
.footer .info .right {width: 50%;height: 44px; float: left;padding-top: 15px;color: #434;font-size: 13px;text-align: right;padding-right: 40px;}
.footer .info .right img {vertical-align: middle; }
.hover-no-border:hover {border-bottom: none !important;}
.hover-no-border:hover > span {border-bottom: none !important;}

.hover-no-border2:hover {border-bottom: none !important;}
.hover-no-border2:hover > span {border-bottom: none !important;}

@media (max-device-width: 480px) {
.header-top {width: 100%;height: 50px;display: block;background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.65, #516282), to(#30456a));background: -webkit-linear-gradient(#516282 65%, #30456a);background: -moz-linear-gradient(#516282 65%, #30456a);background: -o-linear-gradient(#516282 65%, #30456a);background: linear-gradient(#516282 65%, #30456a);background-color: #30456a;}
.header-top .row {width: 480px !important;margin: 0 auto;height: 50px;max-width: 480px;min-width: 480px;padding-top: 4px;}
.header-top .row .left {width: 480px; clear: both;float: left;padding: 0;}
.header-top .row .left ul {list-style: none;display: inline-block;font-family: Arial;font-size: 12px;padding-left: 5px;}
.header-top .row .left ul > li {float: left;padding: 0 5px;width: auto;line-height: 1;}
.header-top .row .left ul > li a {color: #dde;}
.header-top .row .left ul > li.home {}
.header-top .row .left ul > li.home a {background: url(/img/system/home.png) center no-repeat;width: 10px;height: 10px;display: block;}
.header-top .row .right {width: 480px;height: 25px;float: left;text-align: left;padding: 0;padding-left: 9px;}
.header-top .row .right > a {color: #dde;font-family: Arial;font-size: 12px;background: url(/img/system/person.png) center left no-repeat;padding-left: 21px;}
.header-top .row .right > a > span {text-decoration: none !important;display: inline-block;margin-left: 4px;}
}


/**** ВНУТРЕННИЕ СТРАНИЦЫ ****/
/** Общие стили **/

.inner { padding-bottom: 50px; height: auto;}

/* Хлебные крошки */

.crumbs {width: 100%;margin-bottom: 20px;}
.crumbs span {color: #ccc;font-size: 13px;margin-left: 5px;}
.crumbs a {font: 13px Arial;color: #ccc;text-decoration: none; position: relative;}
.crumbs a.active:hover {cursor: default; text-decoration: none;}
.crumbs a:hover {text-decoration: underline;}

/* блок новостей (.wrapper > .sideBar) */

.blockNews {background: #fff;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;border: 1px #ccc solid;padding: 20px 20px 40px 40px;}
.blockNews h2 {font: 18px Arial; color: #212; line-height: 1.5; margin-bottom: 15px;font-weight: 500;}
.blockNews .shortNews {padding-bottom: 25px;margin-bottom: 20px;border-bottom: 1px solid #ccc;position: relative;}
.blockNews .shortNews > i {background: url(/img/system/side-news-icon.png) center no-repeat;width: 9px;height: 7px;display: block;position: absolute;left: -23px;top: 27px;}
.blockNews .shortNews > a.titleNews { color: #216dd8; font-size: 13px; text-decoration: none; line-height: 18px;}
.blockNews .shortNews > a.titleNews:hover { text-decoration: underline;}
.blockNews .shortNews > span.dateNews { font: 11px Arial; color: #999;}
.blockNews .shortNews:last-of-type { border: none; margin-bottom: 0px; padding-bottom: 0px;}

/* Основной контент (для внутренних страиниц) */

.inner .content { background: #fff;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;border: 1px #ccc solid; height: auto; padding: 20px; margin-left: 20px; width: 72.9%; margin-bottom: 60px; padding-bottom: 30px;}
.inner .content > h2 { font-size: 21px; color: #212; line-height: 1.5; margin-bottom: 35px; font-weight: 500;}

/* Помощь (help.html) */
.accord li {border-bottom: 1px #999 solid;padding: 10px 0 3px;}
.accord li:last-of-type {border-bottom: 0px #999 solid}
.accord li div p { font-size: 13px; color: #545; line-height: 19px; margin-bottom: 10px;}


/* Доставка (deliver.html) */

.deliver { padding-bottom: 30px; border-bottom: 1px #ccc solid; margin-bottom: 40px;}
.deliver.region { padding-right: 30%; background: #fff url(/img/moscow-pic-map.png) top right no-repeat;}
.deliver.country { padding-right: 26%; background: #fff url(/img/russia-pic-map.png) top right no-repeat;}
.deliver strong { font-size: 18px; font-weight: 500; line-height: 34px;}
.deliver p { font-size: 13px; color: #545; line-height: 21px;}
.deliver ul { margin-left: 19px; color: #1076bb; margin: 5px 0 15px 19px;}
.deliver ul li { list-style-type: square; font-size: 13px; line-height: 18px; margin-bottom: 5px;}
.deliver em { color: #888; font-size: 12px; line-height: 1.6; }
.deliver li span { color: #545; }
.deliver .title { font-size: 13px; text-transform: uppercase; line-height: 4;}
.deliver img { border: 1px #ccc solid; margin-right: 1em; margin-bottom: 1em;}
.refer { font-size: 13px; color: #545; line-height: 1.6; margin-bottom: 35px;}
.refer a {color: #216dd8; }

/* Контакты (contact.html) */

.list-contact {float: left; width: 50%;}
.form-contact {float: left; width: 50%;padding: 20px;background: #f6f6f6;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;}
.scheme {float: left; width: 100%;}
.item-contact {margin-bottom: 30px; padding: 3px 0 0 40px;}
.item-contact.cord {background: transparent url(/img/system/contact-cord.png) top left no-repeat; }
.item-contact.phone {background: transparent url(/img/system/contact-phone.png) top left no-repeat; }
.item-contact.skype {background: transparent url(/img/system/contact-skype.png) top left no-repeat; }
.item-contact.adress {background: transparent url(/img/system/contact-adress.png) top left no-repeat; }
.item-contact p {font-size: 15px; color: #212; line-height: 1.3;}
.item-contact p.light {color: #545}
.item-contact p big {font-size: 21px;line-height: 1.5;}
.item-contact a {color: #216dd8;line-height: 1.4;}
.item-contact .title { margin-bottom: 5px; }
.form-contact { -webkit-box-shadow: 0 1px 1px #888; -moz-box-shadow: 0 1px 1px #888; -o-box-shadow: 0 1px 1px #888;box-shadow: 0 1px 1px #888; margin-bottom: 35px;}
.form-contact form { width: 100%; height: 100%;}
.form-contact form h2 { color: #212; font-size: 21px; font-weight: 500; line-height: 1.4; margin-bottom: 25px;}
.form-contact form input[type="text"] { width: 100%; margin-bottom: 15px; height: 30px; padding: 8px; border: none; -webkit-box-shadow: inset 0px 1px 2px #999; -moz-box-shadow: inset 0px 1px 2px #999; -o-box-shadow: inset 0px 1px 2px #999; box-shadow: inset 0px 1px 2px #999;}
.form-contact form textarea { resize: none; border: none; -webkit-box-shadow: inset 0px 1px 2px #999; -moz-box-shadow: inset 0px 1px 2px #999; -o-box-shadow: inset 0px 1px 2px #999;  box-shadow: inset 0px 1px 2px #999; width: 100%; height: 120px; padding: 8px; margin-bottom: 15px;}
.form-contact form .deck { height: 30px; margin-bottom: 15px;}
.form-contact form .deck img { display: inline-block; float: left;}
.form-contact form .deck a {text-decoration: none;vertical-align: text-bottom;background: transparent url(/img/system/reload.png) center left no-repeat;padding-left: 19px;margin: 0 9px;}
.form-contact form .deck a span { color: #216dd8; font-size: 12px; border-bottom: #216dd8 dotted 1px; }
.form-contact form .deck a:hover span { border-bottom: 0px; }
.form-contact form .deck input { width: 104px; margin: 0 !important; vertical-align: middle;}
input.btn {
    background: -webkit-linear-gradient(to right, #0c5896, #1387d0);
    background: -moz-linear-gradient(to right, #0c5896, #1387d0);
    background: -o-linear-gradient(to right, #0c5896, #1387d0);
    background: linear-gradient(to right, #0c5896, #1387d0);
    background-color: #0f6caf;width: 105px;height: 30px;color: #fff;text-transform: uppercase;border: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 1px 1px #111;-moz-box-shadow: 0 1px 1px #111;-o-box-shadow: 0 1px 1px #111;box-shadow: 0 1px 1px #111;font-size: 13px;margin-bottom: 10px;}

    
input.btn140 {
    background: -webkit-linear-gradient(to right, #0c5896, #1387d0);
    background: -moz-linear-gradient(to right, #0c5896, #1387d0);
    background: -o-linear-gradient(to right, #0c5896, #1387d0);
    background: linear-gradient(to right, #0c5896, #1387d0);
    cursor:pointer;cursor: hand; background-color: #0f6caf;width: 105px;height: 30px;color: #fff;text-transform: uppercase;border: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 1px 1px #111;-moz-box-shadow: 0 1px 1px #111;-o-box-shadow: 0 1px 1px #111;box-shadow: 0 1px 1px #111;font-size: 13px;margin-bottom: 10px;}

        
    
    .form-contact form input[type="submit"]:hover {-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;box-shadow: none;cursor: pointer;}
.scheme {}
.scheme h2 { font-size: 21px; color: #212; font-weight: 500; line-height: 1.5;}
.scheme p { color: #545; font-size: 13px; line-height: 1.5; margin: 10px 0 15px;}
.scheme .map {overflow:hidden;}
.scheme img {width: 100%;margin-top: 15px;-webkit-box-shadow: 0 1px 2px #666;-moz-box-shadow: 0 1px 2px #666;-o-box-shadow: 0 1px 2px #666;box-shadow: 0 1px 2px #666;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;}

/* Новости (news.html) */

.randGood {background: #fff;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;border: 1px #ccc solid;padding: 15px 15px 35px 15px;}
.randGood h2 {font: 18px Arial; color: #212; line-height: 1.5; margin-bottom: 45px;font-weight: 500;}
.randGood strong {font-size: 14px;text-align: center;width: 100%;display: inline-block;line-height: 1.2;}
.randGood div {width: 170px;height: 200px;margin: 0 auto;}
.randGood span {font-size: 11px;text-align: center;width: 100%;display: inline-block;font-weight: 700;}
.randGood span.stock { color: #7fbc19;}
.randGood span.miss {color: #f11}
.randGood p { position: relative; font-size: 23px; font-weight: 700; margin: 0 auto; display: block; width: 41%; margin-top: 5px;}
.randGood p i {position: absolute;width: 12px;height: 17px;display: block;background: #212 url(/img/system/rur.png) center no-repeat;right: 1px;top: 5px;}

.itemNews { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px #ccc solid;}
.itemNews a {font-size: 15px;color: #216dd6; line-height: 1.5;}
.itemNews p { color: #212; font-size: 13px; line-height: 1.5; margin-top: 7px;}
.itemNews span { color: #888; font-size: 11px; line-height: 1.5;}

.pagination { display: inline-block;}
.pagination span{ float: left; font-size: 13px; color: #545; margin-right: 7px;}
.pagination ul{ float: left;}
.pagination ul li{float: left;display: block;width: 22px;height: 22px;-webkit-border-radius: 11px;-moz-border-radius: 11px;-o-border-radius: 11px;border-radius: 11px;background: #fff;text-align: center;font-size: 13px;line-height: 21px;margin-right: 5px;color: #216dd8;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
.pagination ul li a{ color: #216dd6;}
.pagination ul li:hover{ background: #ccc;}
.pagination ul li:hover a{ text-decoration: none;color: #fff;}
.pagination ul li.active{ background: #a74091; color: #fff;}
.pagination ul li.active a{ color: #fff; text-decoration: none;}

/* О компании (about.html) */

.about h2 {margin-bottom: 20px !important;}
.about > .aboutDesc img {float: left;margin: 0 15px 15px 0;border: 1px #ccc solid;}
.about > .aboutDesc p {font-size: 13px;color: #212;line-height: 1.5;}
.about .work {clear: both;margin-top: 0;}
.ogrn {background: url(/img/abuot-ogrn.png) top left no-repeat;height: auto;padding-left: 360px;padding-top: 50px;padding-bottom: 50px;border-bottom: 1px #ccc solid;margin-bottom: 20px;clear: both;display: inline-block;}
.ogrn div {}
.ogrn div p {font-size: 13px;color: #545;line-height: 1.5;margin-bottom: 30px;}
.ogrn div p strong {color: #212;font-size: 21px;}
.ogrn div p big {font-size: 30px;color: #212;}

.mCard {width: 50%; float: left; margin-bottom: 55px;overflow: hidden;min-height: 230px;}
.margin-bottom-5 {margin-bottom: 5px;}
.mCard img {float: left; margin: 0 20px 20px 0;}
.mCard p { font-size: 12px; color: #545; margin-bottom: 15px; line-height: 18px;}
.mCard p b { font-size: 15px; color: #545;}

/* СРАВНЕНИЕ ТОВАРА (compare.html) */

.content.width100 {width: 100% !important; margin-left: 0px !important;position: relative;}
.width100 > h2 { margin-bottom: 18px !important;}
.variant-views { text-align: right; margin-bottom: 35px;}
.variant-views a { text-decoration: none; color: #216dd8; font-size: 8px; border-bottom: 1px dotted #216dd8; margin-left: 10px;}
.variant-views a:hover {border-bottom: none;}
.variant-views a.active {border-bottom: none; color:#212;}
.variant-views a span { font-size: 13px; line-height: normal;}
.left-col {width: 22%; float: left;padding-top: 30px;font-size: 12px;color: #999;}
.right-col {width: 77%; float: right;padding: 20px 20px 20px 20px;}
.left-col > span { width: 100%; display: block; margin-bottom: 80px;}
.left-col > img { margin-bottom: 71px;}
.left-col > ul {}
.left-col > ul > li { padding: 10px 0; border-bottom: 1px #999 solid; height: 35px;}

.inner .btncart {margin: 0 !important;text-align: center;margin-top: 10px !important;}

.box-ov, .box-body {overflow: hidden;width: 75%;float: left;margin-left: 20px;}
.box-grey { overflow: hidden; background-color: #f5f5f5; margin-bottom: 0px; padding: 20px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; box-shadow: 1px 1px 1px rgba(0,0,0,0.25); -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.25); -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.25); -o-box-shadow: 1px 1px 1px rgba(0,0,0,0.25);}
.list-goods-sc {
    list-style: none;
    margin: 0;
    padding: 0 0 30px 0;
    overflow: hidden;
    color: #555;
    width: auto;
}
.box-ov.pr {margin-left: 0px;}
.list-goods-sc li {
    position: relative;
    float: left;
    width: 210px;
    margin-right: 16px;
    padding: 15px 0;
    clear: none;
}
.list-goods-sc li:last-of-type {
margin: 0px;
}

.list-goods-sc a.del {
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
    height: 18px;
    background: url('/img/system/delete.png') no-repeat;
}
.flags-f00 {
    top: 0px;
    left: 0px;
}
.count-fl {padding-left: 20px;}
.list-goods-sc .img {
    width: 210px;
    height: 193px;
    position: relative;
    margin: 15px 0 20px 0;
}
.list-goods-sc .img a {
    display: block;
    width: 210px;
    height: 193px;
}
.list-goods-sc .img > div {
    position: absolute;
    left: 0; 
    top: 0;
}
.list-goods-sc .img .sale {
    height: 24px;
    width: 73px;
    background: url('..//img/system/sprite.png') -42px 0 no-repeat;
}
.list-goods-sc .img .new {
    height: 24px;
    width: 80px;
    background: url('..//img/system/sprite.png') -115px 0 no-repeat;
}
.list-goods-sc a.h1 {
    padding-right: 20px;
    display: block;
    line-height: 18px;
    font-size: 14px;
    overflow: hidden;
    height: 36px;
    overflow: hidden;
    color: #216dd8;
}
.list-goods-sc span.price {
    display: inline-block;
    font-size: 24px;
    color: #000;
    padding-right: 21px;
    background: url('/img/system/rur-inv.png') 92% 3px no-repeat;
    line-height: 24px;
    float: left;
    margin: 0 10px 0 0px;
}
.list-goods-sc span.old-price {
    display: inline-block;
    float: left;
    line-height: 14px;
    color: #999;
    text-decoration: line-through;
    padding-top: 4px;
} 
.list-goods-sc table {width: 100%; clear: both; font-size: 12px; border-top: 1px solid #ddd; margin-top: 50px;}
.list-goods-sc table td {padding: 8px 0; border-bottom: 1px solid #ddd;height: 35px;}
.list-goods-sc table td > div {height: 15px; overflow: hidden;}
.list-goods-sc table tr + tr td {border-bottom: 1px solid #ddd;}
.list-goods-sc table tr:last-of-type td {border-bottom: none;}
.basket-header {
    float: left;
}
.nav-basket {
    list-style: none;
    margin: 0;
    padding: 5px 0;
    float: right;
    clear: right;
    margin-bottom: 28px;
    z-index: 666;
}
.nav-basket > li {
    display: inline-block;
    margin-left: 20px;
}
.nav-basket a {
    display: inline-block;
    text-decoration: none;
    color: #216dd8;
    padding-left: 20px;
}
.nav-basket a u {
    text-decoration: none;
    display: inline;
    border-bottom: 1px dotted #216dd8;
}
.nav-basket a:hover u,
.nav-basket a:focus u {border: none;}
.nav-basket > li i {
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
}
i.icon-money {background: url(/img/system/icon-money.png) center no-repeat;}
i.icon-bus {background: url(/img/system/icon-bus.png) center no-repeat;}
i.icon-medal {background: url(/img/system/icon-medal.png) center no-repeat;}
i.icon-urna {background: url(/img/system/icon-urna.png) center no-repeat;width: 76px;height: 16px;top: 0px;left: 15px;display: block;}

#CompoBasketMain {
    margin-bottom: 30px; 
    position: relative;
    top: 0px;
    left: 0px;
}
#CompoBasketMain > i {
    position: absolute;
    left: 0;
    right: 0;
    top: 51px;
    height: 40px;
    background-color: #f6f6f6;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    -o-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    z-index: 1;
}
#CompoBasketMain table {
    width: 100%;
    z-index: 2;
    left: 0px;
    top: 0px;
    clear: left;
    position: relative;
}
#CompoBasketMain thead td {
    height: 40px;
    font-size: 14px;
    color: #212;
    text-align: right;
    padding-right: 14px;
}
#CompoBasketMain tbody td,
#CompoBasketMain tfoot td {
    padding: 20px 10px;
    border-top: 1px solid #ddd;
    text-align: right;
    z-index: 666;
}
#CompoBasketMain tbody tr:first-child td {border: none;}
#CompoBasketMain thead td:first-child {padding-left: 20px;text-align: left;}
#CompoBasketMain a.h1 {
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    color: #212;
    text-decoration: none;
    text-align: left !important;
}
#CompoBasketMain a.h1:hover {
    text-decoration: underline;
}
#CompoBasketMain .price {
    font-size: 21px;
    color: #a74091;
    text-align: right;
}

#CompoBasketMain .img {
    width: 120px;
    height: 120px;
    overflow: hidden;
    position: relative;
}
#CompoBasketMain .img a {
    display: block;
    width: 120px;
    height: 120px;
}
#CompoBasketMain .img > div {
    position: absolute;
    left: 0; 
    top: 0;
}
#CompoBasketMain .img .sale {
    height: 24px;
    width: 73px;
    background: url('/img/system/sprite.png') -42px 0 no-repeat;
}
#CompoBasketMain .img .new {
    height: 24px;
    width: 80px;
    background: url('/img/system/sprite.png') -115px 0 no-repeat;
}

#CompoBasketMain a.del {
    display: block;
    width: 17px;
    height: 17px;
    background: url('/img/system/sprite.png') -42px -48px no-repeat;
    float: right;
    right: 20px;
}

.input-basket {
    width: 100px;
    height: 30px;
    background: url('/img/system/sprite.png') -1090px 0 no-repeat;
    margin-left: 75px;
    z-index: 666;
}
.input-basket a {
    display: block;
    width: 23px;
    height: 30px;
    float: left;
}
.input-basket a:hover {background: url('/img/system/sprite.png') -1090px -30px no-repeat;}
.input-basket a + a {float: right;}
.input-basket a + a:hover {background: url('/img/system/sprite.png') -1167px -30px no-repeat;}
.input-basket input[type="text"] {
    display: block;
    overflow: hidden;
    background: none;
    border: none;
    text-align: center;
    color: #000;
    font-size: 15px;
    width: 54px;
    padding: 7px 0;
    outline: none;
}
.tr-h1 {text-align: left !important;}
.price.last {color: #212 !important;}
tfoot .price {
    color: #212 !important;
    font-size: 23px !important;
}
.settings {overflow: hidden; color: #999; padding: 0 10px;}
.settings > div {}
.settings > div:first-child {float: left; width: 430px; margin: 0 40px 0 0;}
.settings > div + div {overflow: hidden; font-size: 13px;color: #555;}
.settings sup {color: #ff0000; top: 3px;}
.settings > div > span {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    color: #000;
}

.settings .input {
    padding: 0 10px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-top-color: #ababab;
    box-shadow: 1px 1px 1px #e3e3e3 inset;
    -moz-box-shadow: 1px 1px 1px #e3e3e3 inset;
    -o-box-shadow: 1px 1px 1px #e3e3e3 inset;
    -webkit-box-shadow: 1px 1px 1px #e3e3e3 inset;
    margin-bottom: 18px;
}
.settings .input input[type="text"], .settings .input textarea {
    width: 100%;
    padding: 6px 0;
    background: none;
    border: none;
    resize: none;
    outline: none;
}

.settings input[type="submit"] {
    float: right;
    border: none;
    width: 200px;
    background: url(/img/product-button-big.png) no-repeat;
    height: 40px;
    margin-top: 0px !important;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer !important;
    z-index: 555;
}
.settings input[type="submit"]:hover {
    background: url(/img/product-button-big-hover.png) no-repeat;
    }
.settings input[type="submit"]:hover,
.settings input[type="submit"]:focus {}
.box-grey h2 {
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 0px;
}
.box-grey p {
    font-size: 13px;
    color: #555;
}
.box-grey p.light {
color: #999;
font-size: 12px;
line-height: 16px;
margin-top: 0px !important;
}
.box-grey p sup {
    color: #f00;
    top: 2px;
    margin: 0 1px;
}
.box-grey form {
    margin-top: 30px;
}
.color-black {}
.h-ttu {text-transform: uppercase; font-size: 13px; font-weight: 700;color: #212;margin-bottom: 0px;}
.h-ttu sup {color: #f00; top: 1px;}
div.price {
    margin-bottom: 60px;
    border-bottom: 1px #d6d6d6 solid;
    padding-bottom: 12px;
    color: #555;
    font-size: 13px;
    text-align: right;
}
div.price span {
    font-size: 21px;
    font-weight: 700;
    color: #212;
    vertical-align: middle;
}
.list-divel {
    list-style: none;
    margin: 0 0 20px 0;
    overflow: hidden;
    padding: 5px 0 0 0;
    color: #666;
}
.list-divel > li {
    padding: 10px 0;
    position: relative;
    border-bottom: 1px solid #ddd;
}
.list-divel > li.active label span {
    font-weight: bold;
    display: block;
    color: #000;
}
.list-divel label {
    display: block;
    position: relative;
    padding: 0 55px 0 20px;
    line-height: 18px;
    font-size: 13px;
}
.list-divel label input[type="radio"] {
    position: absolute;
    left: 0;
    top: 3px;
}
.list-divel label span {
    display: block;
    color: #216dd8;
    font-size: 13px;
    line-height: 18px;
}
.list-divel .ic-men {background: url('/img/system/icon-men.png') 100% 50% no-repeat;}
.list-divel .ic-car {background: url('/img/system/icon-car.png') 100% 50% no-repeat;}
.list-divel .ic-bag {background: url('/img/system/icon-bagaj.png') 100% 50% no-repeat;}
.soc {
    list-style: none;
    margin: 5px 0 20px -10px;
    padding: 0;
}
.soc li {
    display: inline-block;
    margin: 0 0 0px 0px;
}
.soc li a, .soc li a img {display: block;}

.list-pay {
    margin-top: 25px;
    margin-bottom: 70px;
}
.list-pay li {
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 15px;
}
.list-pay li span {
    color: #216dd8;
    font-size: 13px;
    vertical-align: text-bottom;
}
.list-pay li.active span{
    color: #212;
}


/* Каталог товаров */

.sub-active a { color: #212 !important; text-decoration: none;}
.cat h2 {margin-bottom: 25px !important;}
.cat p {font-size: 13px; color:#545;line-height: 18px; margin-bottom: 50px;}
.cat .box-grey form span {color: #888;font-size: 12px;float: left;margin-top: 2px;margin-bottom: 20px;}
.cat .box-grey form span + input[type="text"] {width: 60px;height: 22px;border: none;box-shadow: inset 0 1px 2px #888;margin: 0 15px;float: left;padding: 5px;}
.cat .box-grey form .range + input[type="text"] { width: 60px;  height: 22px;  border: none;  box-shadow: inset 0 1px 2px #888;   margin: 0 15px;  float: left;  padding: 5px; clear: right;}
.cat .box-grey form .range { float: left; margin-top: 5px; background: url(/img/system/range-cover.png) top left no-repeat;}
.cat .box-grey form ul {display: inline-block;}
.cat .box-grey form ul li { float: left; margin: 0 7px;border-bottom: 1px #545 dotted;line-height: 1;}
.cat .box-grey form ul li a { color: #545; font-size: 12px; text-decoration: none;}
.cat .box-grey form ul li:hover {border-bottom: none;}
.range { float: left; margin-top: 5px; background: url(/img/system/range-cover.png) top left no-repeat;}
.sys-btn {width: 632px;display: inline-block;height: 30px;}
.sys-btn .brand {float: left;width: 50%;vertical-align: middle;padding-top: 7px;}
.sys-btn .clear-all {float: left;width: 50%;text-align: right;display: inline-block;}
.sys-btn .clear-all a {float: left;margin: 0px !important;}
.sys-btn .clear-all a  {display: block;width: 100px;height: 20px;padding-left: 17px;background: url(/img/system/del.png) center left no-repeat;margin-left: 100px !important;margin-top: 7px !important;text-align: left;}
.sys-btn .clear-all a span {color: #212;text-decoration: none;font-size: 12px;width: 80px;border-bottom: 1px dotted #212;}
.sys-btn .clear-all a span:hover {color: #212;text-decoration: none;font-size: 12px;width: 80px;border-bottom: none}
.sys-btn .clear-all .btncart {margin: 0px !important;}
.sys-btn .brand span {color: #212 !important;}
.sys-btn .brand ul {}
.sys-btn .brand ul li { border: none !important;padding-left: 15px;}
.sys-btn .brand ul li a {position: relative;}
.sys-btn .brand ul li i {background: url(/img/system/del.png) center no-repeat;display: block;top: 0px;left: -17px;}

.logo > img:hover {
cursor: pointer
}
 
.paginator {
    float: left;
    line-height: 22px;
    font-size: 12px;
    margin: 10px 0;
}
.paginator > a {
    display: block;    
    margin-top: 7px;
    float: right;
    width: 7px;
    height: 9px;
}
.paginator .pre {
    background: url('/img/system/sprite.png') -17px -9px no-repeat;
}
.paginator .next {
    background: url('/img/system/sprite.png') -24px -9px no-repeat;
}
.paginator ul {
    float: right;
    display: inline-block;
    list-style: none;
    margin: 0 15px;
    padding: 0;
}
.paginator ul li {
    display: inline-block;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 11px;
    -moz-border-radius: 11px;
    -o-border-radius: 11px;
    -webkit-border-radius: 11px;
}
.paginator ul li.active {
    color: #fff;
    background-color: #A74091;
}
.paginator ul li.active a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}
.sort {
    float: left;
    line-height: 24px;
    color: #999;
    font-size: 12px;
    margin: 0 50px 0 0;
}
.sort a {
    display: inline-block;
    text-decoration: none;
    padding-right: 10px;
    margin: 0 20px 0 8px;
    position: relative;
}
.sort a u {
    display: inline;
    text-decoration: none;
    border-bottom: 1px dashed #214c9a;
}
.sort a i {
    position: absolute; 
    right: 0; 
    top: 10px;
    width: 5px;
    height: 3px;
    background: url('/img/system/sprite.png') -3px -9px no-repeat;
    display: none;
}
.sort a i.up {background-position: -3px -9px;}
.sort a i.down {background-position: -3px -11px;}
.sort a.active i {display: block;}
.sort a:hover u,
.sort a:focus u {border-color: #fff;}
.vid {
    float: left;
    line-height: 24px;
    font-size: 12px;
    color: #999;
}
.vid span {
    display: inline-block;
    vertical-align: middle;
    width: 66px;
    height: 24px;
    margin: 0 0 0 5px;
    background: url('/img/system/sprite.png') -378px 0 no-repeat;
}
.vid span a {
    display: inline-block;
    width: 30px;
    height: 24px;
}
.vid span a.bl {
    float: left;
    background: url('/img/system/sprite.png') -378px 0 no-repeat;
}

.vid span a.bl-active {
    float: left;
    background: url('/img/system/sprite.png') -378px -47px no-repeat;
}
.vid span a.li {
    float: right;
    background: url('/img/system/sprite.png') -415px 0 no-repeat;
}

.vid span a.li-active {
    float: right;
    background: url('/img/system/sprite.png') -415px -47px no-repeat;
}


.cat .btncart {margin: 24% auto 10px !important;}
.prod-cat .product .price i {top: 0; left: 0;position: inherit;}
.cat-product_hover {position: absolute;z-index: 5;}


/* КАРТОЧКА ТОВАРА */

.article { font-size: 12px; color: #999; margin-bottom: 10px; display: inline-block; width: 100%;}
.article b { color: #545; font-weight: 500;}
.cardinf {width: 50%; float: left; padding-top: 10px;margin-bottom: 30px;}
.left-col .gallery {}
.left-col .gallery .main-photo {width: 100%; height: 340px; background-repeat: no-repeat; background-position: top left;position: relative;}
.left-col .gallery ul {display: inline-block;}
.left-col .gallery ul li {width: 60px; height: 60px; float: left; margin-right: 20px; overflow: hidden;margin-top: 20px;}
.left-col .gallery ul li.active { outline: 4px #cc4ab0 solid; outline-offset: 0px;}
.left-col .gallery ul li.active a {}
.left-col .gallery ul li a{display: block; width: 100%; height: 100%;}
.left-col .gallery ul li a img{}
.left-col .gallery ul li:hover{outline: 4px #ef84d8 solid;}
.main-photo .bonus { position: absolute; top: 25px; left: 10px;}

.good-info {}

.good-info strong { /* margin: 23px 0; display: inline-block; font-size: 18px; */color: #545;}

.good-info p {line-height: 20px; text-align: left !important;}

.left-col .nav-basket { float: left; width: 100%; padding-left: 28px;}
.left-col .nav-basket li { border-bottom: none; width: 31%; margin: 0px;}
.left-col .nav-basket li a { height: 18px; font-size: 14px;}

.right-col > ul { width: 300px; overflow: hidden; height: 60px; margin-bottom: 5px;}
.right-col > ul li { display: block; width: 100%; clear: both;  height: 12px; margin-bottom: 10px; border-bottom: 1px dotted #999;}
.right-col > ul li span { font-size: 12px; background: #fff; padding: 0 6px 0 0;}
.right-col > ul li span.name-char { float: left; color: #545;}
.right-col > ul li span.des-char { float: right; font-size: 12px;}
.all-char {font-size: 8px; color: #212;text-decoration: none;border-bottom: 1px dotted #212;}
.all-char:hover {border-bottom: none;}
.all-char span {font-size: 12px; color: #212;}

.review-st { margin: 20px 0;}
.review-st .statistic-bg { background: url(/img/stat-bg.png) top left no-repeat; width: 90px; height: 14px; float: left;}
.review-st .statistic-bg i {}
.review-st a { font-size: 8px; color: #999; text-decoration: none; vertical-align: text-top; border-bottom: 1px dotted #999;  margin: 0px 0px 0px 10px;}
.review-st a span { font-size: 12px;}
.review-st a.add-rev { float: right;}

.sales {width: 100%;padding: 15px;}
.sales > div {width: 50%; float: left;}
.sales .left-s {}
.sales .left-s > span { width: 100%; display: inline-block; line-height: 1;}
.sales .left-s > span.old { font-size: 18px; color: #999; text-decoration: line-through; font-weight: 500;}
.sales .left-s > span.new { font-size: 26px; color: #212;}
.sales .left-s > span.new i { background: url(/img/system/rur-inv.png) center no-repeat; display: inline-block; width: 12px; height: 17px; vertical-align: baseline;}
.sales .left-s > .btncart { margin: 10px 0px !important; }
.sales .left-s > .add-compare { color: #216dd8; font-size: 12px; line-height: 1; background: url(/img/comp.png) top left no-repeat; display: block; padding-left: 30px; margin-top: 20px;}

.sales .right-s {height: 100%;background: url(/img/system/car-deliv.png) left 60px no-repeat;}
.sales .right-s > span {font-size: 12px;color: #999;}
.sales .right-s > span.status-sklad {color: #545;background: url(/img/system/true.png) top left no-repeat;height: 16px;display: inline-block; padding-left: 21px;margin-bottom: 0px;width: 100%;}
.sales .right-s p {margin: 0px;line-height: 17px;margin-top: 50px;}
.status-sklad.not {
    background: url(/img/system/false.png) top left no-repeat !important;
}

.pdf {width: 220px;height: 65px;margin: 15px 0 20px;border: 2px dashed #888;padding: 15px;padding-left: 50px;background: url(/img/system/pdf.png) 20px center no-repeat;display: inline-block;}
.pdf a {font-size: 12px;color: #216dd8;line-height: 1;display: inline-block;width: 100%;}
.pdf span {font-size: 11px;color: #999;line-height: 1;display: block;}
.right-col > p {margin-bottom: 15px !important;}
.right-col .soc-deck {background: url(/img/soc-deck.png) left center no-repeat;width: 100%;height: 21px;margin-bottom: 30px;}
.right-col > h2 {font-size: 18px; color: #545;margin-bottom: 10px !important;}

.right-col table {}
.right-col table tr:nth-child(odd) {background: #f4f4f4}
.right-col table tr td {font-size: 12px;color: #888;padding: 9px 0;width: 55%;padding-left: 9px;}
.right-col table tr td:nth-child(even) {color: #545;}

.cat .prod-cat {display: inline-block; margin-bottom: 80px;position: relative;z-index: 6;}

.ratings { background: url(/img/stars.png) 115px 19px no-repeat;}
.ratings > span { font-size: 13px; color: #545; margin-bottom: 7px; display: block;}
.ratings .single-rat { display: inline-block; width: 100%;}
.ratings .single-rat b { font-size: 12px; color: #888; font-weight: 500; float: left;}
.ratings .single-rat i { display: block; position: absolute; background: #a74191; height: 16px; border-radius: 4px; top: 0; left: 0;}
.ratings .single-rat span { height: 15px; width: 100px; background: #edecee; display: block; float: left; margin-left: 6px; border-radius: 4px; position: relative;}

.add-new-rev { width: auto; display: inline-block; float: right; font-size: 12px; color: #999; text-decoration: none; border-bottom: 1px #999 dotted; margin-top: 10px; margin-bottom: 20px;}
.add-new-rev:hover {border: none;}

#reviews {
    border-top: 1px #f3f3f3 solid;
    padding-top: 20px;
    border-bottom: 1px #f3f3f3 solid;
    margin-bottom: 50px;
}
#reviews .rev-item {
    margin-bottom: 20px;
    display: inline-block;
}
#reviews .rev-item > div {
    float: left;
}
#reviews .rev-item .left {
    width: 23%;
}
#reviews .rev-item .left .rev-rat {
    background: url(/img/stars.png) -6px top no-repeat;
    width: 100%;
    height: 20px;
    margin-bottom: 20px;
}
#reviews .rev-item .left .name-rev {
    font-size: 12px;
    color: #545;
    width: 100%;
    display: block;
    line-height: 21px;
}
#reviews .rev-item .left .date-rev {
    font-size: 12px;  
    color: #999;  width: 100%;  display: block;
}
#reviews .rev-item .right {
    width: 76%;
}
#reviews .rev-item .right div {
    background-position: left 2px;
    background-repeat: no-repeat;
    padding-left: 25px;
}
#reviews .rev-item .right .text-rev {
    background-image: url(/img/system/quot.png);
}
#reviews .rev-item .right .plus-rev {
    background-image: url(/img/system/plus.png);
}
#reviews .rev-item .right .minus-rev {
    background-image: url(/img/system/minus.png);
}
#reviews .rev-item .right div p {margin-bottom: 20px !important;}


.cat1 .prod-cat {    height: auto;    margin-bottom: 0px;}
.cat1 .prod-cat ul {
    display: inline-block;
 
    position: relative;
    margin-top: -80px;
    z-index: 5;
}
.cat1 .prod-cat ul:first-of-type {margin-top: 0px !important}
.cat1 .prod-cat ul:hover {z-index: 15}

#accord li h3 {
    width: 100%;
    padding: 0px 0 0px 33px;
    background: none;
    margin-bottom: 10px;
}
#accord li h3 span {}
#compobasket {}
.pdl {
position: relative;
top: 0px;
left: 0px;
}

.dess {
    display: inline-block;
    float: left;
    margin: -30px 0px 50px 27.3%;
    color: #524c53;
    font-size: 13px;
}
.dess p {}

.line .product {
    width: 100%;
    height: auto;
    margin: 10px 0 !important;
    padding: 15px 6px !important;
}
.line .product .centerfoto {
    float: left;
    width: 27%;
    background-position: left center;
}
.line .product section {
    float: left;
    text-align: left;
    width: 50%;
    padding-top: 35px;
}
.line .product section a {
    text-align: left;
    color: #212;
    display: inline-block;
    font-size: 13px;
    float: left;
    clear: both;
    width: 100%;
    line-height: 1.3;
    margin-bottom: 15px;
    
    font-weight: 700;
    text-decoration: none;
}
.line .product section span.status {
    text-align: left;
    margin-top: 0 !important;
    margin-bottom: 6px;
}
.line .product section span.price {
    text-align: left;
}
.line .product section span.price.new {
    text-align: left;
}
.line .product section span.price.old {
    text-align: left;
    font-weight: 500;
}
.line .product input {
    margin: 60px 10px 0 0 !important;
}          
.line .product a {
    width: 16%;
    float: right;
    margin: 10px 28px 0 0;
}
.line .product .bonus {
    top: 50px;
}

ul.line {
height: auto !important;
}

.line .product:hover a {
    text-decoration: underline;
}     

.vid.ln span {
    background: url('/img/system/lst.png') no-repeat;
}


.popup {
    position: fixed;
    background: #f6f6f6 url(/img/system/bg-popup.png) 215px bottom no-repeat;
    padding: 90px 40px 60px;
    width: 340px;
    height: 470px;
    left: 50%;
    margin-left: -170px;
    z-index: 999;
    box-shadow: 0px 2px 9px -3px #222;
    border-radius: 6px;
    top: 10%;
}
.popup i {
    position: absolute;
    background: url(/img/system/phone-popup.png);
    width: 28px;
    height: 38px;
    display: block;
    top: 30px;
    left: 50%;
    margin-left: -19px;
}

.popup .close-popup {
    color: #f00;
    text-decoration: none;
    position: absolute;
    top: 5px;
    right: 12px;
    font-family: sans-serif;
    line-height: 1;
    font-size: 28px;
}


.popup form {}
.popup form strong {
    font-family: Arial, sans-serif;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
}
.popup form span {
    display: inline-block;
    width: 100%;
    color: #999999;
    font-size: 12px;
    margin-bottom: 6px;
}
.popup form [type="text"] {
    width: 100%;
    height: 30px;
    border: none;
    -weblit-box-shadow: inset 0px 1px 2px #000;
    -moz-box-shadow: inset 0px 1px 2px #000;
    -o-box-shadow: inset 0px 1px 2px #000;
    box-shadow: inset 0px 1px 2px #303030;
    margin-bottom: 15px;
    padding: 0 8px;
    color: #000;
}
.popup form [name="date"] {
    width: 225px;
    margin-right: 5px;
    float: left;
    margin-bottom: 30px;
}
.popup form [type="button"] {
    width: 30px;
    height: 30px;
    float: left;
    background: url(/img/system/clock-btn.png) center no-repeat;
    border: none;
    cursor: pointer;
}
.popup form [type="button"]:hover {
    box-shadow: 0px 1px 1px #5E5E5E;
    -webkit-box-shadow: 0px 1px 1px #5E5E5E;
    -o-box-shadow: 0px 1px 1px #5E5E5E;
    -moz-box-shadow: 0px 1px 1px #5E5E5E;
}
.popup form [type="submit"] {
    width: 150px;
    height: 43px;
    margin: 0;
    background: -webkit-linear-gradient(to right, #0c5896, #1387d0);
    background: -moz-linear-gradient(to right, #0c5896, #1387d0);
    background: -o-linear-gradient(to right, #0c5896, #1387d0);
    background: linear-gradient(to right, #0c5896, #1387d0);
    background-color: #0c5896;
    border-radius: 6px;
    border-bottom: 1px #000 solid;
    font-size: 18px;
    font-weight: 500;
    display: block;
    margin: 0px auto 0;
}
.popup form [type="submit"]:hover {

    background: -webkit-linear-gradient(to right, #0c5896 50%, #1387d0);
    background: -moz-linear-gradient(to right, #0c5896 50%, #1387d0);
    background: -o-linear-gradient(to right, #0c5896 50%, #1387d0);
    background: linear-gradient(to right, #0c5896 50%, #1387d0);
    background-color: #0c5896;
}

.overlay {
width: 100%;
height: 100%;
background: #000;
opacity: 0.2;
position: fixed;
z-index: 672;
}

.select-div {
    width: 135px;
    float: left;
    margin-left: 5px;
    border: 1px #CFCFCF solid;  
    background: #fff url(/img/system/purple-arrow-nonactive.png) 122px  center no-repeat;  
    overflow: hidden;
    border-radius: 5px;
}

.sort > p {
    margin-bottom: 0px;
    float: left;
    width: 100px;
    padding-top: 3px;
}
div.prompt-search {
    position: absolute;
    width: 603px;
    left: 23px;
    top: 32px;
    background: #FFFFFF;
    height: auto;
    z-index: 5;
    padding-bottom: 6px;
    box-shadow: 0px 4px 22px -5px #555;
    -webkit-box-shadow: 0px 4px 22px -5px #555;
    border-top: 1px solid #E0E0E0;
    -moz-box-shadow: 0px 4px 22px -5px #555;
    -o-box-shadow: 0px 4px 22px -5px #555;
    border-radius: 0 0 9px 9px;
}
.prompt-search a {
    color: #216dd8;
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    width: 100%;
    font-style: italic;
    text-decoration: none;
    padding: 6px 12px;    
}
.prompt-search a span {
    color: #000;
    font-style: normal;
    float: right;
}
.prompt-search li:last-of-type {
    border: none;
}
.prompt-search li:hover {
    background: #65ae14;
}
.prompt-search li:hover a {
    color: #fff;
}

.centerfoto > a {
display: block;
width: 100%;
height: 100%;
}

.active_d {
height: auto !important;
}


.list-country {
    list-style: none;
    margin: 0 0 20px -10px;
    padding: 0;
}
.list-country li {
    display: -moz-inline-stack; 
    display: inline-block; 
    vertical-align: top; 
    zoom: 1; 
    *display: inline;
    line-height: 25px;
    border: 1px solid #ddd;
    margin: 0 0 10px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}
.list-country a {text-decoration: none; display: block; padding: 0 10px; font-size:11px;color:#397DDC}
.list-country a:hover,
.list-country a:focus {
    color: #000;
    text-decoration: underline;
}
.list-country li.active {background-color: #115ABD; border-color: #115ABD;}
.list-country li.active a {
    cursor: default;
    color: #fff;
    font-weight: bold;
    
}
.list-country li.active a:hover,
.list-country li.active a:focus {text-decoration: none;}

#filter {
    background-color: #f6f6f6;
    color: #999;
    padding: 20px;
    margin: 0 0 20px 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(31,32,31,0.3);
    -moz-box-shadow: 1px 1px 1px rgba(31,32,31,0.3);
    -o-box-shadow: 1px 1px 1px rgba(31,32,31,0.3);
    -webkit-box-shadow: 1px 1px 1px rgba(31,32,31,0.3);
    position: relative;
}
#filter table {width: 100%;}
#filter .bd {display: none; margin-top: 15px;}
#filter h3 {margin-bottom: 0;}
#filter td {padding: 20px 0 0 0;}
#filter tbody tr:first-child td {padding-top: 0;}
#filter td > span, 
#filter .box-sel > span {
    display: block;
    margin-bottom: 5px;
}

#filter .nav-filter {
    position: absolute;
    bottom: 17px;
    right: 20px;
    line-height: 30px;
}
#filter .nav-filter a {
    display: none;
    z-index: 999;
    text-decoration: none;
    position: relative;
    padding-right: 15px;
}
#filter .nav-filter a u {
    text-decoration: none;
    display: inline;
    border-bottom: 1px dotted #2e4473;
}
#filter .nav-filter a i {
    position: absolute;
    right: 1px;
    top: 14px;
    width: 5px;
    height: 3px;
}

#filter .nav-filter a.active {display: block;}
#filter .nav-filter a:hover u,
#filter .nav-filter a:focus u {border-color: #f6f6f6;}

.chosen-select {
    min-width: 200px;
    width: 100%;
}
.select-01 {
    width: 100% !important;
    min-width: 200px !important;
}
.select-01 .chosen-container {    
    width: 100% !important;
    min-width: 200px !important;
}

#filter input[type="submit"] {
    float: left;
    width: 139px;
    height: 32px;
    background: url('/img/system/sprite.png') -724px 0 no-repeat;
    border: none;
    margin: 0 40px 0 0;
}
#filter input[type="submit"]:hover,
#filter input[type="submit"]:focus {background-position: -724px -32px;}

#filter a.clear {
    line-height: 30px;
    font-size: 12px;
}

#filter .box-sel {
    float: left;
    margin: 7px 0 0 15px;
    width: 14%;
}
.mini-select {
    width: 100% !important;
    min-width: 92px !important;
}
#filter .box-sel .chosen-container {    
    width: 100% !important;
    min-width: 92px !important;
}
#filter .price-box {
    width: 315px;
    float: left;
}
#filter .price-box .box-in {overflow: hidden; line-height: 24px; margin-bottom: 15px; text-align: right;}
#filter .price-box .box-in > span {float: left;}
#filter .price-box .box-in > div {
    display: inline-block;
    width: 80px;
    margin-left: 20px;
}
#filter .price-box .box-in > div > div {
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    height: 21px;
      border: 1px solid #aaa;
      padding: 0 8px;
      width: 42px;
      margin-left: 5px;
      box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
}
#filter .price-box .box-in input {
    float: left;
    padding: 3px 0;
    font-size: 12px;
    color: #000;
    border: none;
    background: none;
    width: 100%;
    outline: none;
}


.sort {
    float: left;
    line-height: 24px;
    color: #999;
    font-size: 12px;
    margin: 0 50px 0 0;
}
.sort a {
    display: inline-block;
    text-decoration: none;
    padding-right: 10px;
    color:#216DD8;
    margin: 0 20px 0 8px;
    position: relative;
}
.sort a u {
    display: inline;
    text-decoration: none;
    border-bottom: 1px dashed #214c9a;
}
.sort a.active {color:#636363}
.sort a i.up {background-position: -3px -9px;}
.sort a i.down {background-position: -3px -11px;}
.sort a.active i {display: block;}
.sort a:hover u,
.sort a:focus u {border-color: #fff;}



.list-items {
    list-style: none;
    margin: 0 0 0 -16px;
    padding: 0;
    text-align:justify; 
    text-justify:newspaper; 
    zoom:1; 
    text-align-last:justify;
}
.list-items:after {
    width:100%; 
    height:0; 
    visibility:hidden; 
    content:''; 
    display:inline-block; 
}
.list-items li {
    text-align:left; 
    display:inline-block; 
    //display:inline; 
    //zoom:1; 
    vertical-align: top;
    width: 178px;
    padding: 15px 20px;
    margin: 0 0 20px 16px;
    position: relative;
    border: 1px solid #fff;
    outline: 1px solid #ddd;
    line-height: 18px;
    min-height: 165px;
}
.list-items li a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 5;
}
.list-items li:hover {
    border-color: #4C749E;
    outline: 2px solid #4C749E;
}
.list-items li:hover u {text-decoration: none;}
.list-items li img {
    display: block; 
   
    margin: 0 auto 10px auto;
}
.list-items span {
    display: block;
    color: #999;
}
.list-items span u {
    font-size: 14px;
    color: #2e4473;
}
.list-items span i {
    font-size:70%;
    top: -5px;
    left: 3px;
    font-style: normal;
    line-height:0;
    position:relative;
    vertical-align:baseline;
}

.list-makers {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
    text-align:justify; 
    text-justify:newspaper; 
    zoom:1; 
    text-align-last:justify;
}
.list-makers:after {
    width:100%; 
    height:0; 
    visibility:hidden; 
    content:''; 
    display:inline-block; 
}
.list-makers > li {
    text-align:left; 
    display:inline-block; 
    //display:inline; 
    //zoom:1; 
    vertical-align: top;
    width: 178px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: 20px;
}

.list-makers > li > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #555;
}
.list-makers > li > ul span {color: #999;}
.list-makers > li > ul li {margin-top: 3px;}
.list-makers > li > a {
    display: block;
    width: 178px;
    height: 70px;
    overflow: hidden;
    margin-bottom: 10px;
}
.list-makers > li > a img {
    display: block;
   
}


table.orderForm {width:100%; }
table.orderForm td {padding: 7px 8px 10px 0;}
table.orderForm .oleft {width: 85%; padding: 3px 8px 10px 0;}
table.orderForm .eight {width: 75%; min-width: 280px; padding: 3px 0 10px 0;}
table.orderForm b {color: #1d1e22;}

table.orderForm input[type="text"] {border:1px solid #CFCFCF}
table.orderForm input[type="password"] {border:1px solid #CFCFCF}

.tellMe {width: 80%; padding: 3px; min-width: 290px;}
.client {padding: 3px; width: 150px;}
textarea.tellMe {border:1px solid #CFCFCF;overflow: auto;}



.filterbox { padding: 25px 22px 9px 22px; background: #F3F3F3; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.filterbox.brandproducts {margin-bottom: 25px;}

.filterbox .blink {font-size: 10.5pt;}
.filterbox .blink h6 {font-size: 10pt; font-weight: bold; margin: 0; padding: 0;}
.filterbox .blink ul {padding: 0; margin: 0; list-style: none;}
.filterbox .blink li {float: left; margin: 0 25px 12px 0; padding: 0; border-bottom: 2px solid #f4efe5; line-height: 20px; white-space: nowrap;}
.filterbox .blink.account li {margin: 0 22px 12px 0;}

.filterbox .blink li a {text-decoration: none; border-bottom: 1px dashed #38362f; color: #38362f;}
.filterbox .blink li a:hover {text-decoration: none; border-bottom: 1px dashed #456D98; color: #199AE5;}

.filterbox .blink li.active a {border-bottom: 1px dashed #456D98 !important; color: #456D98;}

.filterbox .clink {font-size: 10.5pt;}
.filterbox .clink h6 {font-size: 10pt; font-weight: bold; margin: 0; padding: 0;}
.filterbox .clink ul {padding: 0; margin: 0; list-style: none;}
.filterbox .clink li {float: left; margin: 0 25px 12px 0; padding: 0; border-bottom: 2px solid #f4efe5; line-height: 20px; white-space: nowrap;}

.filterbox .clink li a {border-bottom: 1px dashed #f4efe5; color: #38362f;}
.filterbox .clink li a:hover {border-bottom: 1px dashed #f4efe5; color: #ff3c00;}
.filterbox .clink li.active {border-bottom: 2px solid #ff3c00;}
.filterbox .clink li.active a {border-bottom: 1px dashed #f4efe5 !important; color: #ff3c00; text-decoration: none !important;}

table.cart {position: relative; top: 0; width: 100%; background: #ffffff; margin: 0 0 30px 0;}
table.cart th {padding: 17px 0 12px 18px; white-space: nowrap;  text-align: left; background: #1C69A4; font-size: 11pt; color:white; }

table.cart th:first-child {padding-left: 20px;}
table.cart td {padding: 10px 15px 10px 18px; border-top: 1px dotted #d0ccbb; vertical-align: middle;}
table.cart td.name p.name {font-size: 11pt; font-weight: normal; color: #5491b4;}
table.cart td.name a {font-size: 12pt; font-weight: normal;}
table.cart td.name {width: 60%; font-size: 9pt;}
table.cart td.deliv {padding: 12px 12px; border-top: 1px solid #e0e4e8;}
table.cart td.itogo {white-space: nowrap; padding-top: 16px; padding-bottom: 16px; font-size: 11pt;}
table.cart td.itogo strong {font-size: 13pt; font-weight: bold; color: #ff6000;}
table.cart td.del {padding: 12px 20px 12px 5px;}
table.cart .price {padding-right: 15px; white-space: nowrap; font-size: 10.5pt; color: #111111;}
table.cart td p {margin: 0 0 5px 0;}
table.cart .quan {white-space: nowrap;}
table.cart .sfoto {width: 1%; padding: 10px 8px 10px 20px; text-align: center;}
table.cart .sfoto div {display: table; table-layout: fixed; width: 100px; height: 100px;}
table.cart .sfoto span {display: table-cell; width: 100px; height: 100px; vertical-align: middle; text-align: center;}
table.cart .sfoto img {max-height: 100px; max-width: 99%; -ms-interpolation-mode: bicubic;}
table.cart .center {padding-right: 20px; text-align: center;}
table.cart h3 {padding: 0; margin: 0;}
table.cart td.address {width: 75%;}
table.cart.bottomline {border-bottom: 1px dotted #d0ccbb;}


.comparebody {background: #ffffff; padding: 0 20px;}
.comparehead  {width: 100%; margin-bottom: 5px;}
.comparehead td.logo {padding: 15px 0 0 0; vertical-align: top;}
.comparehead td.txt {width: 90%; padding: 26px 20px 0 40px; vertical-align: top; color: #b4b5b9; font-size: 8pt; white-space: nowrap;}
.comparehead h1 {font-size: 16pt; padding: 0; margin: 0 0 1px 0;}

.comparetab {background: #fff; margin-bottom: 5px;}
.comparetab td {border-top: 1px solid #e0e4e8; padding: 8px 20px 8px 0; width: 200px; vertical-align: middle; font-size: 9pt;}
.comparetab td.cfoto {border-top: 0px;}
.comparetab td.cname {border-top: 0px; padding-top: 0px; vertical-align: top; font-size: 10.5pt; font-weight: bold;}
.comparetab td.cdel {border-top: 0px; padding-top: 0px; vertical-align: top; font-size: 8pt;}
.comparetab td.cdel a {text-decoration: none !important; border-bottom: 1px dashed #ff6000; color:#ff6000 !important;}
.comparetab td.cdel a:hover {text-decoration: none !important; border-bottom: 1px dashed #ffffff; color:#ff6000 !important;}
.comparetab div {display: table; table-layout: fixed; width: 120px; height: 120px;}
.comparetab div a {display: table-cell; width: 120px; height: 120px; vertical-align: middle;}
.comparetab img {max-height: 110px; max-width: 99%; -ms-interpolation-mode: bicubic;}

 div.prompt-search {
    position: absolute;
    width: 603px;
    left: 23px;
    top: 32px;
    background: #FFFFFF;
    height: auto;
    z-index: 5;
    padding-bottom: 6px;
    box-shadow: 0px 4px 22px -5px #555;
    -webkit-box-shadow: 0px 4px 22px -5px #555;
    border-top: 1px solid #E0E0E0;
    -moz-box-shadow: 0px 4px 22px -5px #555;
    -o-box-shadow: 0px 4px 22px -5px #555;
    border-radius: 0 0 9px 9px;
}
.prompt-search a {
    color: #216dd8;
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    width: 100%;
    font-style: italic;
    text-decoration: none;
    padding: 6px 12px;    
}
.prompt-search a span {
    color: #000;
    font-style: normal;
    float: right;
}
.prompt-search li:last-of-type {
    border: none;
}
.prompt-search li:hover {
    background: #65ae14;
}
.prompt-search li:hover a {
    color: #fff;
}