/*---reset-----------------------*/

* {
    font-size: 100.01%;
    font-family: arial, tahoma, verdana;
}

:focus {outline: 0;}

body, html,
h1, h2, h3, h4, h5, h6,
address, blockquote, div, p, pre,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, table, tbody, td, tfoot, th, thead, tr,
img,
iframe, object  {
    margin: 0;
    padding: 0;
    border: 0;
}

ol, ul {list-style: none;}

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

caption, th, td {
    vertical-align: top;
    text-align: left;
}

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

blockquote, q {quotes: '' '';}

/*---default---------------------*/

body {
    font-size: .75em;
    line-height: 1.3;
    background: white;
    color: #727d84;
}

h1, h2, h3 {
    font-weight: bold;
    font-size: 1em;
}

h1 {
    margin-bottom: 1.25em;
    padding: .26em .42em;
    text-transform: uppercase;
    background: #e5601c url(../img/h1.gif) repeat-x;
    color: white;    
}

h2 {
    margin-bottom: .8em;
    padding-top: .8em;
    font-size: 1.17em;
    color: #f37021;
}

p {margin-bottom: 1.1em;}

a {
    text-decoration: underline;
    color: #f37021;
}

a:hover, 
a:active, 
a:focus {color: #727d84;}

big {font-size: 120%;}

small, sup, sub {font-size: 80%;}

/*---develop---------------------*/

.e {color: red;}

.z {border: 1px dashed red;}

/*---global----------------------*/

.g-color {color: #f37021;}

/*---container-------------------*/

.l-container {
    min-width: 980px;
    width: 100%;
}

.l-container .page {
    min-width: 900px;
    margin: 0 auto;
    width: 75em;
}

/*---content---------------------*/

.l-content {width: 100%;}

.l-content:after {
    clear: both;
    display: block;
    content: '';
}

.l-content .wrapper {
    width: 100%;
    float: left;
}

.l-content .right {margin-left: 313px;}

.l-content .left {
    margin-left: -100%;
    padding-left: 68px;
    width: 195px;
    float: left;
}

/*---footer----------------------*/

.l-footer {
    padding: 4em 0;
    width: 100%;
    font-size: .83em;
}

.l-footer:after {
    clear: both;
    display: block;
    content: '';
}

.l-footer .wrapper {
    width: 100%;
    float: left;
}

.l-footer .right {margin-left: 313px;}

.l-footer .left {
    margin-left: -100%;
    width: 245px;
    float: left;
}

/*---header----------------------*/

.b-header {
    width: 100%;
    height: 81px;
    position: relative;
}

.b-header .motto,
.b-header .phone,
.b-header .logo a,
.b-header .logo {
    overflow: hidden;
    position: absolute;
    display: block;
}

.b-header .logo a,
.b-header .logo {
    width: 186px;
    height: 47px;
    background: url(../img/logo.png);
}

.b-header .logo {
    top: 22px;
    left: 0;
}

.b-header .phone {
    width: 122px;
    height: 28px;
    top: 42px;
    right: 0;
    background: url(../img/phone.png);
}

.b-header .phone img,
.b-header .logo img {display: none;}

.b-header .motto {
    margin-left: -2px;
    width: 404px;
    height: 23px;
    top: 51px;
    left: 35%;
    background: url(../img/motto.png);
}

/*---menu------------------------*/

.b-menu {
    margin-bottom: 47px;
    width: 100%;
}

.b-menu td {
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid white;
}

.b-menu span,
.b-menu a {
    padding: .33em 18px;
    display: block;
    font-weight: bold;
    font-size: .92em;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
}

.b-menu a {
    background: #667077 url(../img/menu.gif) repeat-x;
    color: #bcbec0;
}

.b-menu .on a,
.b-menu span,
.b-menu a:hover, 
.b-menu a:active, 
.b-menu a:focus {
    background: #e5601c url(../img/on.gif) repeat-x;
    color: white;
}

.b-menu em {
    margin: 0 auto;
    width: 11px;
    overflow: hidden;
    display: block;
    text-indent: -9999px;
    background: url(../img/menu-home.gif) 0 .25em no-repeat;
} 

.b-menu span em,
.b-menu a:hover em, 
.b-menu a:active em, 
.b-menu a:focus em {background-position: -11px .25em;}

/*---submenu---------------------*/

.b-submenu li {
    margin-bottom: .7em;
    font-weight: bold;
    text-transform: uppercase;
    color: #f37021;    
}

.b-submenu span {margin-left: .83em;}

.b-submenu a {
    text-decoration: none;
    color: #727d84;
}

.b-submenu a:hover, 
.b-submenu a:active, 
.b-submenu a:focus {color: #f37021;}

/*---special---------------------*/

.b-special {
    margin-bottom: 2.9em;
    font-weight: bold;
}

.b-special span,
.b-special a {
    font-weight: normal;
    color: #727d84;
}

.b-special a:hover, 
.b-special a:active, 
.b-special a:focus,
.b-special {color: #f37021;}

/*---line------------------------*/

.b-line {
    margin-bottom: 1em;
    width: 55px;
    height: 5px;
    overflow: hidden;
    background: #f37021;
}

/*---design----------------------*/

.b-design {
    margin-left: 4em;
    text-indent: -4em;
}

/*---more------------------------*/

.b-more {text-align: right;}

/*---system----------------------*/

.b-system {
    margin: 0 -30px .6em 0;
    position: relative;
}

.b-system table {width: 100%;}

.b-system td {
    padding-right: 30px;
    width: 33.3%;
}

.b-system-mini {margin-right: -15px;}

.b-system-mini td {
    padding-right: 15px;
    width: 25%;
}

/*---ready-----------------------*/

.b-ready {width: 100%;}

.b-ready:after {
    clear: both;
    display: block;
    content: '';
}

.b-ready a {
    margin-right: 10px;
    display: block;
    float: left;
}

.b-ready div {
    overflow: hidden;
    font-weight: bold;
    color: #f37021;
}

.b-ready div {
    overflow: hidden;
    font-weight: bold;
    color: #f37021;
}

/*---mattress--------------------*/

.l-mattress {width: 100%;}

.l-mattress:after {
    clear: both;
    display: block;
    content: '';
}

.l-mattress .column-right,
.l-mattress .column-left {width: 46%;}

.l-mattress .column-left {float: left;}

.l-mattress .column-right {
    float: right;
    clear: right;
}

.b-mattress {
    margin-bottom: 1.1em;
    width: 100%;
}

.b-mattress h3 {
    margin-bottom: .3em;
    padding-top: .7em;
    font-size: 1.17em;
    color: #f37021;
}

.b-mattress span a,
.b-mattress span ins,
.b-mattress span {
    width: 148px;
    height: 121px;
    overflow: hidden;
    position: relative;
    display: block;
}

.b-mattress span {
    margin: 5px 15px 0 0;
    float: left;
}

.b-mattress span ins {
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/frame.png);
}

.b-mattress span a {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    background: url(../img/blank.gif);
    cursor: pointer;
}

.b-mattress div {overflow: hidden;}

.b-mattress div p {
    margin: 0;
    padding-bottom: 2.2em;
    min-height: 102px;
    position: relative;
}

.b-mattress div p a {
    position: absolute;
    left: 0;
    bottom: 0;
}
/*---part------------------------*/

.b-part {width: 100%;}

.b-part h2 {
    margin: 2em 0 1.25em;
    padding: .26em .42em;
    font-size: 1em;
    text-transform: uppercase;
    background: #e5601c url(../img/h1.gif) repeat-x;
    color: white;    
}

.b-part h3 {
    margin: 0 0 .8em;
    padding: .8em 0 0;
    font-size: 1.17em;
    color: #f37021;
}

.b-part h3 span {
    display: block;
    font-weight: normal;
}

/*---goods-----------------------*/

.b-goods .picture,
.b-goods {width: 100%;}


.b-goods span ins,
.b-goods span {
    width: 134px;
    height: 135px;
    overflow: hidden;
    position: relative;
    display: block;
}

.b-goods span {margin-bottom: 2em;}

.b-goods span ins {
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/frame-small.png);
}

/*---pop-------------------------*/

.b-pop {padding: 15px 15px 0;}

.b-pop .header {
    width: 100%;
    height: 3.92em;
    position: relative;
}

.b-pop h1 {
    margin: 0;
    padding: .45em 0;
    text-align: right;
    font-size: 1.17em;
    text-transform: uppercase;
    color: #f37021;
    background: none;
}

.b-pop .header:after {
    clear: both;
    display: block;
    content: '';
}

.b-pop .header img {
    position: absolute;
    top: 0;
    left: 0;
}

.b-pop .header div {
    width: 50%;
    float: right;
    text-align: right;
    line-height: 1.4;
}

.b-pop .header div a {margin-left: 40px;}

/*-------------------------------*/

.b-pop .image {
    margin: 0 -15px;
    position: relative;
    border-top: 1px solid #727d84;
}

.b-pop .image img {
    margin: 0 auto; 
    display: block;
}

/*-------------------------------*/

.b-pop .address {
    margin-bottom: 1.3em;
    padding-top: 2em;
    width: 100%;
}

.b-pop .address:after {
    clear: both;
    display: block;
    content: '';
}

.b-pop .address img {
    margin: 5px 30px 0 0;
    float: left;
}

.b-pop .address div {overflow: hidden;}

.b-pop .address p {margin-bottom: .5em;}

.b-pop .address td {padding: .5em 20px 0 0;}

.b-pop .address span {color: #f37021;}

/*---pics------------------------*/

.pics {
    margin: -24px 0 2.3em;
    width: 585px;
    height: 234px;
    position: relative;
    overflow: hidden;
}

.pics img {
    top: 0;
    left: 0;
}

/*---section---------------------*/

.b-section {
    margin-bottom: 1.8em;
    width: 100%;
    position: relative;
}

.b-section:after {
    clear: both;
    display: block;
    content: '';
}

.b-section .section-images ins,
.b-section .section-images a,
.b-section .section-images {
    width: 235px;
    height: 192px;
    overflow: hidden;
}

.b-section .section-images {
    margin-right: 20px;
    float: left;
    position: relative;
    top: 5px;
}

.b-section .section-images ins,
.b-section .section-images a {
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/part.png);
}

.b-section .section-images a {z-index: 1;}

.b-section .section-images ins {background: url(../img/section.png);}

.b-section .section-content {
    margin-bottom: -1.1em;
    overflow: hidden;
}

/*---layer-----------------------*/

.l-layer {
    margin-top: -1.3em;
    width: 100%;
    position: relative;
}

/*---order-----------------------*/

.b-order {
    padding-top: 1.5em;
    width: 100%;
}

.b-order dl {
    margin-bottom: 1em;
    width: 100%;
}

.b-order dl:after {
    clear: both;
    display: block;
    content: '';
}

.b-order dt {
    margin-right: 20px;
    padding-top: .2em;
    width: 180px;
    float: left;
}

.b-order dd {overflow: hidden;}

.b-order p {
    margin-bottom: 2em;
    font-weight: bold;
    color: #f37021;
}

.b-order textarea,
.b-order input {
    width: 99%;
    border: 1px solid #747e85;
    background: #f4f5f6;
}

.b-order textarea {height: 12em;}

.b-order img {
    margin-right: 1.2em;
    border: 1px solid #747e85;
    float: left;
}

.b-order .order-bottom {padding-top: 1em;}

.b-order .order-captchan {
    float: left;
    display: block;
}

.b-order .order-captcha input {width: 23%;}

.b-order .order-submit {
    padding: .2em 0;
    width: 11em;
    float: right;
    border: 0;
    background: #e5601c url(../img/h1.gif) repeat-x;
    color: white;    
}

/*---counter---------------------*/

.b-counter {
    padding-top: 1.1em;
    text-align: right;
}

.b-counter a,
.b-counter {
    text-decoration: none;
    color: #727d84;
}

.b-counter strong,
.b-counter a:hover, 
.b-counter a:active, 
.b-counter a:focus {color: #f37021;}

/*---editor----------------------*/

.b-editor {width: 100%;}

.b-editor:after {
    clear: both;
    display: block;
    content: '';
}

.b-editor table,
.b-editor ol,
.b-editor ul {margin-bottom: 1.8em;}

.b-editor ul {margin-left: 135px;}

.b-editor ol {
    margin-left: 23px;
    list-style-type: decimal;
}

/*-------------------------------*/

.b-editor .ul .li-right,
.b-editor ul li {
    padding-left: 18px;
    background: url(../img/ul.gif) 0 .4em no-repeat;
}

.b-editor .ul td {padding-bottom: .6em;}

.b-editor .ul .li-left, .b-editor .li-left {
    padding-right: 7px;
    width: 128px;
    text-align: right;
}

/*-------------------------------*/

.b-editor .b-enlarge {
    margin: 1.8em 0;
    width: 100%;
    height: 100%;
}

.b-editor .b-enlarge:after {
    clear: both;
    display: block;
    content: '';
}

.b-editor .b-enlarge .img-left {
    margin-right: 20px;
    padding: 0 20px 20px 0;
    float: left;
    position: relative;
    display: block;
    background: url(../img/enlarge.gif) 100% 100% no-repeat;
}

.b-editor .b-enlarge .text-right {overflow: hidden;}

.b-editor .b-enlarge ul {margin-left: 0;}

.b-editor .b-enlarge li {
    margin-bottom: .3em;
    font-weight: bold;
}

/*-------------------------------*/

.b-editor .b-enlarge-frame {margin: 0;}

.b-editor .b-enlarge-frame .img-left ins,
.b-editor .b-enlarge-frame .img-left {
    width: 235px;
    height: 192px;
    overflow: hidden;
}

.b-editor .b-enlarge-frame .img-left {
    margin: 4px 15px 0 0;
    padding: 0;
    float: left;
}

.b-editor .b-enlarge-frame .img-left ins {
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/frame-big.png);
}

/*-------------------------------*/

.b-editor .b-enlarge-text {margin: .5em 0 0;}

.b-editor .b-enlarge-text .img-left {
    margin-top: 3px;
    background: none;
}

.b-editor .b-enlarge-text li {font-weight: normal;}

/*-------------------------------*/

.b-editor ul.list {margin: 3em 0;}

.b-editor ul.list li {
    margin: 0 0 .5em 0;
    padding: 0;
    font-size: .83em;
    text-transform: uppercase;
    background: none;
}

.b-editor ul.list a {text-decoration: none;}

/*-------------------------------*/

.b-editor p.list {width: 100%;}

.b-editor p.list:after {
    clear: both;
    display: block;
    content: '';
}

.b-editor p.list span {
    width: 145px;
    float: left;
    display: block;
}

.b-editor p.list .ri {float: right;}

/*-------------------------------*/

.b-editor .shop {width: 100%;}

.b-editor .shop h2 {
    margin: .8em 0 .4em 0;
    padding: 0;
    font-size: 1em;    
}

.b-editor .shop .city,
.b-editor .shop table {width: 100%;}

.b-editor .shop .off {margin: 0;}

.b-editor .shop .city {padding-right: 20px;}

.b-editor .shop td {padding-bottom: .7em;}

.orange {color: #f37021;}

/*-------------------------------*/

.b-auping {margin: 55px 0 0 -68px;}

.b-auping img {margin-bottom: 15px;}

.i-left {
    margin-right: 15px;
    float: left;
}

.i-right {
    margin-left: 15px;
    float: right;
}

/*-------------------------------*/

.orange {color: #ee6423;}

/*-------------------------------*/

.editor-images {clear: both;}

.editor-images img {
    margin: 4px 20px 10px 0;
    float: left; 
}