/* Developer IQSol, Coder Andrew Leonov */

html {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    background: #FFF;
    text-align: center;
    font-size: 14px;
    font-family: Arial, serif;
    color: #444;
    overflow-x: hidden;
}

a {
    color: #3B3B3B;
    text-decoration: underline;
}

.container {
    width: 1000px;
    display: inline-block;
    text-align: center;
}

.top {
    background: #F4DDBC;
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    position: absolute;
}

.top > .container {
    background: url(images/tmpl3/top_light.jpg) no-repeat center 0;
    width: 1000px;
    height: 50px;
    border-top: 0;
    border-bottom: 0;
    margin: 0;
}

.top > .container > .menu {
    float: left;
    margin-left: 17px;
    margin-top: 17px;
    padding: 0;
}

.top > .container > .menu > li {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-right: 20px;
}

.email, .phone {
    float: right;
    margin-top: 10px;
    margin-right: 30px;
    font-size: 16px;
    color: #666;
}

.email > a, .phone > b {
    display: inline-block;
    margin-top: 5px;
    color: #666;
    text-decoration: none;
}

.email-icon {
    background-image: url(images/tmpl3/parts.png);
    background-position: -25px -32px;
    display: inline-block;
    width: 29px;
    height: 32px;
    margin-right: 5px;
    float: left;
}

.phone-icon {
    background-image: url(images/tmpl3/parts.png);
    background-position: 0 -32px;
    display: inline-block;
    width: 23px;
    height: 32px;
    margin-right: 5px;
    float: left;
}

.cart-icon {
    background-image: url(images/tmpl3/parts.png);
    background-position: -58px -32px;
    display: inline-block;
    width: 37px;
    height: 32px;
    margin-right: 5px;
    float: left;
}

.special-icon {
    background-image: url(images/tmpl3/parts.png);
    background-position: -97px -32px;
    display: inline-block;
    width: 36px;
    height: 32px;
    margin-right: 5px;
    float: left;
}

.page {
    background-image: url(images/tmpl3/head.png);
    background-repeat: no-repeat;
    background-position-x: center;
    -webkit-background-size-x: center;
    background-position: center top;
    max-width: 1200px;
    min-width: 1000px;
    margin: 0 auto;
    margin-top: 50px;
    position: relative;
}

.page > .container {
    /*border: 1px solid #DBDAD9;*/
    border-top: 0;
    border-bottom: 0;
    min-height: 600px;
    padding-bottom: 50px;
    background-image: url(images/tmpl3/shadow2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.head_logo {
    background-image: url(images/tmpl3/parts.png);
    margin-top: 75px;
    margin-right: 20px;
    float: right;
    width: 348px;
    height: 30px;
}

.head_menu {
    margin-top: 182px;
    margin-left: 340px;
    font-size: 15px;
    text-align: left;
    padding: 0;
}

.head_menu > li {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-right: 18px;
}

.head_menu > li:last-child {
    margin-right: 0;
}

.search {
    margin: 35px 20px 0;
    height: 58px;
}

.search > .input {
    border-radius: 7px;
    height: 56px;
    width: 815px;
    background: rgba(255, 255, 255, 0.4);
    box-shadow: inset 0 2px 6px -1px rgba(0, 0, 0, 0.6), 0 1px 3px rgba(255, 255, 255, 1);
    text-align: center;
    display: inline-block;
    vertical-align: top;
}

.search > .input > input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 10px;
    padding-left: 15px;
    padding-right: 15px;
    height: 35px;
    width: 790px;
    border: 0 solid;
    border-radius: 2px;
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    color: #aaa;
    font-size: 16px;
    font-style: italic;
}

.search > .btn {
    display: inline-block;
    vertical-align: top;
    background-image: url(images/tmpl3/btn.png);
    height: 56px;
    width: 129px;
    margin-left: 10px;
    cursor: pointer;
    border: 0 solid;
    color: transparent;
}

.left {
    display: inline-block;
    float: left;
    margin-left: 20px;
    margin-top: 25px;
    width: 222px;
    text-align: left;
    vertical-align: top;
    clear: right;
}

.content {
    margin-top: 25px;
    margin-left: 260px;
    margin-right: 15px;
    vertical-align: top;
    text-align: left;
    padding: 5px;
    padding-top: 0;
}

h2 {
    color: #444;
    font-size: 20px;
    font-weight: bolder;
    line-height: 20px;
    margin: 0;
}

.request {
    display: inline-block;
    background-image: url(images/tmpl3/btn.png);
    background-position: -131px 0;
    height: 56px;
    width: 222px;
    cursor: pointer;
    border: 0 solid;
    color: transparent;
}

.shopping {
    display: inline-block;
    background-image: url(images/tmpl3/btn.png);
    background-position: -355px 0;
    height: 50px;
    width: 202px;
    cursor: pointer;
    border: 0 solid;
    color: transparent;
    margin-top: 10px;
}

.block {
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.4);
    box-shadow: inset 0 2px 5px -1px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(255, 255, 255, 0.8);
    text-align: left;
    display: inline-block;
    vertical-align: top;
    padding: 10px;
}

.right {
    float: right;
}

.left {
    float: left;
}

.cart_block {
    width: 205px;
    margin-left: 10px;
    padding: 10px;
    font-size: 14px;
    color: #666;
    float: right;
    clear: right;
}

.cart_block > .center {
    display: inline-block;
    font-size: 16px;
    margin-top: 8px;
}

.special {
    width: 460px;
    float: left;
    text-align: center;
}

.special > .item {
    display: inline-block;
    width: 400px;
    text-align: left;
    margin-bottom: 60px;
}

.special > .item > h1 {
    font-size: 16px;
    line-height: 16px;
    font-weight: bolder;
    float: left;
    margin: 0;
    margin-top: 10px;
    display: inline-block;
    color: #444;
    /*border-bottom: 2px solid #444;*/
    max-width:240px;
    max-height:16px;
    overflow: hidden;
}

.special > .item > h1 > a {
    text-decoration: underline;
}

.special > .item > h2 {
    font-size: 16px;
    font-weight: bolder;
    float: right;
    margin: 0;
    padding: 5px;
    background: #E39334;
    border: 2px solid #F9E1A0;
    border-radius: 5px;
    color: #fff;
    min-width:127px;
    text-align: center;
}

.special > .item > span {
    float: left;
    margin-top: 5px;
    display: block;
    font-size: 14px;
    color: #444;
}

.special_block {
    width: 440px;
    padding: 10px;
    margin-bottom: 25px;
    text-align: center;
}

.special_block > b {
    font-size: 16px;
    color: #666;
    display: inline-block;
    margin-top: 8px;
}

.banners {
    float: right;
    width: 225px;
    margin-left: 10px;
    clear: right;
}

.banner_block {
    width: 205px;
    padding: 10px;
    margin-top: 25px;
    text-align: center;
}

.banner {
    padding: 10px;
    text-align: left;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
    cursor: pointer;
}

.banner > h5 {
    margin: 0;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 16px;
}

.banner > span {
    font-size: 14px;
}

ul.categories {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
}

ul.categories li {
    display: block;
    margin: 0;
    font-size: 11px;
    margin-bottom: 2px;
    padding: 5px;
}

ul.categories > li:hover, ul.categories > li.active {
    border-radius: 5px;
    background: #F6EDD5;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
    text-decoration: none;
    padding: 5px;
}

ul.categories ul.child {
    padding: 0;
    padding-bottom: 3px;
}

ul.categories ul.child li {
    margin-left: 5px;
    padding-left: 5px;
    margin-bottom: 0;
    padding-bottom: 0;
}

ul.categories ul.child li.active {
    background: #FFFAEC;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    display: inline-block;
    margin: 5px;
    width: 92%;
    border-radius: 0;
    margin-left: 3px;
    padding-left: 8px;
}

ul.categories ul.child li.active li.active {
    background: transparent;
    box-shadow: none;
    padding-top: 0;
    margin-left: 3px;
    margin-bottom: 0;
    font-weight: 700;
}

ul.categories li.active ul.child li a:hover {
    text-decoration: none;
}

ul.categories li.active ul.child li a.root {
    text-decoration: none;
}

ul.categories li.active ul.child li a.root:hover {
    text-decoration: underline;
}


.footer {
    background: #FAF2E5;
    width: 100%;
    height: 50px;
    left: 0;
    bottom: 100px;
}

.footer > .container {
    height: 50px;
    /*border: 1px solid #DAD3C7;*/
    border-top: 0;
    border-bottom: 0;
    margin: 0;
    text-align: center;
}

.footer > .container > ul {
    display: inline-block;
    margin-top: 17px;
    padding: 0;
}

.footer > .container > ul > li {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-right: 35px;
    font-size: 17px;
    color: #444;
}

.footer > .container > ul > li:last-child {
    margin-right: 0;
}

.copyright {
    background: #E2E2E2;
    width: 100%;
    height: 100px;
    left: 0;
    bottom: 0;
}

.copyright > .container {
    height: 100px;
    /*border: 1px solid #C5C5C5;*/
    border-top: 0;
    border-bottom: 0;
    margin: 0;
    background-image: url(images/tmpl3/shadow.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.copyright > .container > .left {
    text-align: left;
    font-size: 11px;
    height: 50px;
    width: 500px;
    line-height: 15px;
 }

.copyright > .container > .right {
    padding-right: 30px;
    padding-top: 20px;
    text-align: right;
    font-size: 17px;
    font-weight: bolder;
    color: #333;
}

.content > .body {
    float: left;
    color: #444;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
}

.content > .body > h1 {
    display: inline-block;
    color: #444;
    font-size: 18px;
    font-weight: bolder;
    line-height: 18px;
    margin: 0;
}

.line {
    float: left;
    background-image: url(images/tmpl3/shadow.png);
    background-size: 100%;
    height: 10px;
    width: 100%;
    margin-bottom: 60px;
    margin-top: 10px;
}

#request_form {
    margin-top: 15px;
    width: 100%;
}

input[class*="field_"], textarea {
    margin: 6px;
    border: 0 none;
    box-shadow: 0 1px 4px rgba(0,0,0,0.4);
    padding: 5px;
    font-size: 16px;
    font-style: italic;
    color: #444;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#request_form {
    text-align: center;
}

#request_form > input.field_name {
    width: 610px;
}

#request_form > input.field_email, #request_form > input.field_phone {
    width: 297px;
}

#request_form > textarea {
    width: 610px;
    height: 180px;
}

button.submit {
    border: 0 none;
    background: #F9E1A0;
    padding: 17px;
    font-size: 18px;
    font-weight: bolder;
    color: #757575;
    border-radius: 5px;
    cursor: pointer;
}

.product_detailed {
    width: 100%;
}

.product_detailed > .price, .product_detailed > .price > b {
    font-size: 16px;
    line-height: 31px;
    vertical-align: top;
    margin-right: 5px;
}

.product_detailed > .price > b{
    color:#E39334;
    font-size:18px;
}

.buy_btn {
    display: inline-block;
    background-image: url(images/tmpl3/btn.png);
    background-position: -561px 0;
    height: 31px;
    width: 119px;
    cursor: pointer;
}

.product_detailed .table {
    width: 485px;
    border-radius: 5px;
    background: #F6EDD5;
    padding: 0;
}

.product_detailed .table > table {
    width: 100%;
    border-spacing: 10px;
}

.product_detailed .table td {
    vertical-align: top;
    font-size: 14px;
    padding: 5px;
    background: #FFFAEC;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

.s1{
    background-image: url("images/tmpl3/parts.png");
    background-position: -137px -32px;
    width: 16px;
    height: 16px;
    float:left;
    margin-right:2px;
}
.s0{
    background-image: url("images/tmpl3/parts.png");
    background-position: -137px -47px;
    width: 16px;
    height: 16px;
    float:left;
    margin-right:2px;
}

.s1:hover, .s0:hover{ opacity: 0.5; cursor:pointer; }

.product_brief{
    width:33%;
    max-width:200px;
    min-height:80px;
    _height: 80px;
    margin-bottom: 30px;
    margin-right: 40px;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: bottom;
}

.briefs div:last-child {
    margin-right: 0;
}

.product_brief > a > .brief_name {
    overflow: hidden;
    font-size: 14px;
    width: 100%;
}

.product_brief .price, .product_brief > .price b {
    font-size: 16px;
    line-height: 31px;
    vertical-align: top;
    margin-right: 5px;
}

.product_brief > .price > b{
    color:#E39334;
    font-size:18px;
}

.product_brief > .buy_btn {
    float: right;
    margin-top: 10px;
}

.photo_brief {
    border:none;
    width: 100%;
    /*
    max-width: 195px;
    max-height:145px;
    height:145px;
    */
}

.table_cat .product_brief {
    width:33%;
    max-width:190px;
    min-height:80px;
    _height: 80px;
    margin-bottom: 30px;
    margin-right: 40px;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: bottom;
}

.table_cat .product_brief:nth-child(3){
    margin-right: 0;
}

table.cart {
    border-spacing: 6px;
    width: 100%;
    font-size: 14px;
}

table.cart tr td {
    padding: 5px 20px 5px 20px;
}

table.cart tr:nth-child(1) td {
    background: #F6EDD5;
    border-radius: 5px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
}

table.cart tr:nth-child(1) td:nth-child(4) {
    display: none;
}

table.cart input {
    width:110px;
    height: 35px;
    font-size: 16px;
    padding-left: 10px;
    color: #858585;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
    border: 0 none;
    font-style: italic;
}

#custinfo_form {
    text-align: center;
}

#custinfo_form > input.field_name, #custinfo_form > input.field_email,
#custinfo_form > input.field_phone, #custinfo_form > input.field_lastname {
    width: 297px;
}

#custinfo_form > textarea {
    width: 610px;
    height: 180px;
}

#custinfo_form > button {
    margin-top: 20px;
    padding-left: 40px;
    padding-right: 40px;
}

.search_result {
    float:left;
    margin-top:40px;
}

.search_item {
    width: 100%;
    min-height: 150px;
}

.search_item img {
    width: 185px;
    height: 150px;
    margin-right: 15px;
    float: left;
}

.search_item b {
    font-size: 14px;
}

.search_item span {
    font-size: 14px;
    line-height: 24px;
}

.search_item .rating {
    display: inline-block;
    margin-top: 15px;
}

.search_item .price {
    float: right;
    line-height: 25px;
    margin-top: 10px;
}

.search_item .price > b {
    color: #E39334;
    font-size: 18px;
}

.search_item .buy_btn {
    float: right;
    display: inline-block;
    margin-right: 10px;
    margin-left: 30px;
    margin-top: 8px;
}

.search_item > div {
    min-height: 150px;
    width: 510px;
    float: left;
    display: inline-block;
}

.crown {
    background: url(/images/tmpl3/parts.png);
    background-position: -155px -32px;
    width: 40px;
    height: 38px;
}

.special_result {
    float:left;
    margin-top:40px;
}

.special_item {
    width: 100%;
    min-height: 150px;
}

.special_item .photo {
    width: 185px;
    height: 150px;
    margin-right: 15px;
    float: left;
}

.special_item img {
    width: 185px;
    height: 150px;
}

.special_item span {
    font-size: 14px;
    line-height: 24px;
}

.special_item .rating {
    display: inline-block;
    margin-top: 15px;
}

.special_item .price {
    float: left;
    line-height: 25px;
    margin-top: 15px;
}

.special_item #title {
    text-decoration: line-through;
    float:left;
}
.special_item #value {
    padding-top: 3px;
    float:right;
    text-decoration: line-through;
    font-size: 18px;
    line-height: 18px;
    font-weight: bolder;
}

.special_item .price_new {
    float: right;
    padding: 7px;
    background: #E39334;
    border: 2px solid #F9E1A0;
    border-radius: 5px;
    color: #fff;
    text-align: center;
}

.special_item .price_new b {
    font-size: 16px;
}

.special_item .buy_btn {
    float: right;
    display: inline-block;
    margin-right: 10px;
    margin-left: 30px;
    margin-top: 15px;
}

.special_item > div {
    min-height: 150px;
    width: 510px;
    float: left;
    display: inline-block;
}

.navigator a {
    font-size: 14px;
    color: #444;
}

.navigator a.current {
    color: #E39334;
}

.table_cat {
    width: 100%;
    border-radius: 5px;
    background: #F6EDD5;
    padding: 0;
}

.table_cat > table {
    width: 100%;
    border-spacing: 10px;
}

.table_cat th {
    vertical-align: top;
    text-align: center;
    font-size: 11px;
    padding: 5px;
    background: #FFFAEC;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

.table_cat td {
    vertical-align: middle;
    font-size: 13px;
    padding: 5px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

.table_cat_show tr th:nth-child(1) {
    width: 310px;
}

.table_cat_show tr th:nth-child(2) {
    width: 90px;
}

.table_cat td a:hover {
    text-decoration: underline;
}

.table_cat td div a {
    text-decoration: none;
}

.table_cat .active {
    font-weight: 700;
}

div.line:last-child {
    /*display: none;*/
}


.page h1.title {
    position: absolute;
    width: 750px;
    margin-left: 365px;
    margin-top: 435px;
    text-align: left;

    color: #444;
    font-size: 20px;
    font-weight: bolder;
    line-height: 20px;
}

.page .content h2 { visibility: hidden; }