BODY {background:#fff}

.bg-pink    {background:url('bg-pink.jpg') 50% 0 no-repeat #cb0262}
.bg-men     {background:url('bg-men.jpg') 50% 0 no-repeat #000}
.bg-violet  {background:url('bg-violet.jpg') 50% 0 no-repeat #ad24af}
.bg-spring  {background:url('bg-spring.jpg') 50% 0 no-repeat #4cbe6c}

.wrap {
    width:996px;
    margin:0 auto;
    padding-top:30px;
}

.head {
    color:#fff;
    height:155px;
    position:relative;
}

.head A {color:#fff}

.logo {
    background:url('logo.png') 0 0 no-repeat transparent;
    display:block;
    width:137px;
    margin-left:16px;
    font-size:15px;
    padding-top:55px;
}

.promo {
    font-size:19px;
    line-height:15px;
    position:absolute;
    right:15px;
    top:0;
}

.promo P {
    margin:0;
    padding:0;
    position:absolute;
    right:0;
}

.promo .title {
    white-space:nowrap;
    right:270px;
}

.promo .phone {
    font-size:35px;
    top:4px;
}

.topmenu {
    overflow:hidden;
    height:40px;
}

.topmenu LI {
    position:relative;
    height:29px;
    float:left;
    margin:0 35px 0 15px;
   _margin:0 35px 0 0;
   _line-height:27px;
   _padding:0 15px;
}

.topmenu A {
    font-family:Arial;
    font-size:22px;
    color:#fff;
    border-bottom:1px dashed #fff;
    display:block;
}

.topmenu SPAN {
    font-size:17px;
    margin:0 0 0 7px;
}

.topmenu B {
    display:none;
    position:absolute;
    width:14px;
    height:29px;
    background:none 0 0 no-repeat transparent;
}

.topmenu .l {background-image:url('menu-l.png'); left:-14px}
.topmenu .r {background-image:url('menu-r.png'); right:-14px}

.topmenu .c {
    background:url('menu-c.png') 50% 100% no-repeat transparent;
    left:50%;
    bottom:-7px;
    margin-left:-5px;
}

.topmenu .active B {display:block; _display:none}

.topmenu LI.active {background:#fff}

.topmenu .active A {
    cursor:default;
    color:#000;
    border:0;
}

.content {
    clear:both;
}

.content .corn-t {
    background:url('corn-tl.png') 0 0 no-repeat transparent;
    width:986px;
    height:10px;
    position:relative;
}

.content .corn-t .r {
    background:url('corn-tr.png') 0 0 no-repeat transparent;
    position:absolute;
    right:-10px;
    width:10px;
    height:10px;
}

.content .corn-b {
    background:url('corn-bl.png') 0 0 no-repeat transparent;
    width:986px;
    height:10px;
    position:relative;
}

.content .corn-b .r {
    background:url('corn-br.png') 0 0 no-repeat transparent;
    position:absolute;
    right:-10px;
    width:10px;
    height:10px;
}

.content-bg {
    background:#fff;
    padding:5px 0;
   _float:left;
   _width:978px;
}

.row {
    overflow:hidden;
    padding:5px 0;
    padding-left:18px;
   _float:left;
   _width:100%;
}

.item {
    display:block;
    float:left;
    cursor:pointer;
    position:relative;
    padding:0;
    margin:0 20px 0 0;
    font-size:13px;
    width:143px;
}

.item:hover .pic {
    opacity:.9;
    filter:alpha(opacity=90);
}

.item .pic {
    background:#cb0261;
    width:143px;
    height:113px;
    position:relative;
    overflow:hidden;
    margin:0 auto;
}

.item .pic B {
    background:url('frame.png') 0 0 no-repeat transparent;
    position:absolute;
    top:0;
    left:0;
    width:143px;
    height:113px;
}

.item P {padding:0; margin:0}

.item .name {color:#000}

.item .descr {
    font-size:11px;
    color:#8c8c8c;
}

.item .price {
    color:#fff;
    background:#cb0261;
    display:inline;
    padding:0 3px;
    line-height:22px;
}

.item .markdown {
    position:relative;
    color:#cb0261;
    background:url('line.png') 0 50% repeat-x transparent;
    display:inline;
    margin:0 3px;
    line-height:22px;
}

.footer {
    color:#fff;
    width:964px;
    margin:50px auto 0;
    font-size:13px;
}

.footer H1 {font-size:32px}

.footer A {color:#fff}

.footer P {
    padding:10px 0;
}

.footer .more {display:none}

.copyright {
    position:relative;
    color:#fff;
    width:964px;
    margin:40px auto;
    font-size:13px;
}

.copyright A {color:#fff}

.copyright .made {
    position:absolute;
    display:block;
    right:0;
    top:0;
    font-size:11px;
    border-bottom:1px solid #eee;
}

.copyright .menu {
    position:absolute;
    top:0;
    left:490px;
    z-index:100;
}

.copyright .menu LI {display:inline}
.copyright .menu LI A {font-size:15px; margin:0 10px}

.exp-content {}
.exp-content H3 {padding-bottom:20px; font-size:46px}
.exp-content H4 {color:#777; margin-bottom:20px; font-size:26px}
.exp-content H4 SPAN {color:#222}

.exp-content .in-exp {
    position:relative;
    height:600px;
}

.exp-content .in-exp {background:none 100% 100% no-repeat transparent}

.in-exp {padding:10px 20px}

.exp .layout {
    overflow:hidden;
    margin-top:5px;
}

.exp .art {
    color:#fff;
    background:#cb0261;
    font-family:Verdana;
    display:inline;
    padding:0 3px;
    font-size:12px;
    line-height:22px;
}

.exp .img {
    border:1px solid #e4e4e4;
    position:relative;
    float:left;
    margin-right:35px;
    margin-bottom:10px;
}

.exp .img IMG {display:block}

.exp .img B {
    position:absolute;
    background:none 0 0 no-repeat transparent;
    width:10px;
    height:10px;
}

.exp .img .tl {
    background-image:url('img-tl.png');
    top:-1px; left:-1px;
}

.exp .img .tr {
    background-image:url('img-tr.png');
    top:-1px; right:-1px;
}

.exp .img .bl {
    background-image:url('img-bl.png');
    bottom:-1px; left:-1px;
}

.exp .img .br {
    background-image:url('img-br.png');
    bottom:-1px; right:-1px;
}

.exp .descr {
	width:230px;
	float:left;
	font-size:14px;
}

.exp .descr SPAN {color:#8a8a8a}
.exp .descr P {margin:0;padding:0}
.exp .descr P B {font-size:13px}
.exp .descr H3 {color:#cb0261}
.exp .descr UL {padding:20px 0 0}
.exp .descr LI {margin:10px 0; font-size:13px}

A.order {
    display:block;
    background:url('button-order.png') 0 0 no-repeat transparent;
    width:188px;
    height:35px;
    outline:0;
    margin:20px 0 70px;
}

A.order:hover {background-position:0 -35px}
A.order:active {background-position:0 -70px}

A.order-small {
    display:block;
    background:url('button-order-small.png') 0 0 no-repeat transparent;
    width:120px;
    height:32px;
    outline:0;
    margin:0 0;
}

A.order-small:hover {background-position:0 -32px}
A.order-small:active {background-position:0 -64px}

.page-order {width:600px; margin:60px auto 0}
.page-order P {font-size:13px}
.page-order P SPAN {color:#777}

.text-input {
    background:url('input-bg.gif') 0 0 repeat-x transparent;
    height:40px;
    padding:0;
    margin:20px 0;
    position:relative;
    z-index:100;
    display:block;
    position:relative
}

.text-input INPUT {
    background:url('input-bg.gif') -1000px 0 repeat-x transparent;
    border:0;
    height:38px;
    width:580px;
    margin:0 10px;
    font-size:18px;
    color:#b6b6b6;
    line-height:36px;
    outline:0;
}

.text-input :focus {outline:0}

.text-input B {
    display:block;
    position:absolute;
    top:0;
    background:none 0 0 no-repeat transparent;
    width:10px;
    height:40px;
}

.textarea {
    background:url('textarea-bg.png') 0 0 no-repeat transparent;
    width:600px;
    height:160px;
}

.textarea TEXTAREA {
    background:url('textarea-bg.png') -1000px 0 no-repeat transparent;
    border:0;
    width:580px;
    margin:0 10px;
    font-size:18px;
    color:#b6b6b6;
    line-height:20px;
    outline:0;
    font-family:Tahoma;
    height:145px;
    padding-top:8px;
}

.text-input .l {background-image:url('input-l.gif'); left:0}
.text-input .r {background-image:url('input-r.gif'); right:0}

.page-success {
    color:#ec1258;
    text-align:center;
    padding-top:145px;
}

.page-success H1 {font-size:180px}