* {
margin: 0; padding: 0;
}
body {
    background: #ffffff url(/img/bg.gif) repeat-x top left; 
    color: #5b5b5b;
    font : normal normal 70% Arial, sans-serif;
}
#container{
    background: url(/img/bottom_bg.gif) repeat-x left bottom;
}
#right_top{
    width: 50%;
    background: url(/img/bg_right.gif) repeat left top;
    height: 592px;  
    position: absolute;
    z-index: 1;
    right: 0;
}
#wrapper{
    margin-left: auto;
    margin-right: auto;
    width:1019px;
    min-width: 950px;
    background: url(/img/top.jpg) no-repeat left top;    
    position: relative;
    z-index: 2;
    padding-right:67px;
}
#header{
    height: 170px;
}
#top_nav{
    font-size: 110%;
    list-style: none;
    margin-left: 100px;
    padding-top: 25px;
    font-weight: bold;
}
#top_nav li{
    float: left;
    margin-right: 10px;
    display: block;
}
#top_nav li a{
    color: #3f3f3f;
    text-decoration: underline;
}
#top_nav li a:hover{
    text-decoration: none;
    color: #ef39a9;
}

/* Выпадающее меню */
#top_nav li{position: relative;
    height:19px;zoom:1;
    z-index:100;}

.nav_st2{
     position: absolute;
     left: -25px;
     top: 18px;  
     background-color: #fff;
     padding:3px;
     z-index:100;
     display:none;
     width:auto!important;
     width:1px;
}
#top_nav li:hover .nav_st2{display: block;}

.nav_st2 ul{list-style: none;
}
.nav_st2 ul li{zoom:1;
    float:none !important;
    white-space: nowrap;
    padding:0 0 0px 0 !important;
    margin:0 !important;
    
}
.nav_st2 ul li a{
    color:#8b4dca !important;
    font:normal 11px Arial !important;
    text-decoration:underline;
}
.nav_st2 ul li a:hover{text-decoration:none;}

.bord_green{
     padding:10px 21px 3px 21px;
     border: 1px solid #a0e3bb;
     position: relative;
}
.topleft, .topright, .bottomleft, .bottomright{
     position: absolute;
     width: 7px;
     height: 7px;
     font-size: 1px;
     line-height: 0;
     overflow: hidden;
     background: url(/pic/ugols.gif) no-repeat;
}
.topleft{
     left: -4px!important;
     left: -25px;
     top: -4px!important;
     top: -3px;
     background-position: left top;
}
.topright{
     right: -4px!important;
     right: -1px;
     top: -4px!important;
     top: -3px;
     background-position: right top;
}
.bottomleft{
     left: -4px!important;
     left: -25px;
     bottom: -4px!important;
     bottom: 2px;
     background-position: left bottom;
}
.bottomright{
     right: -4px!important;
     right: -1px;
     bottom: -4px!important;
     bottom: 2px;
     background-position: right bottom;
}
/* end Выпадающее меню */

#search{
    padding: 9px 10px 4px 7px;
    position: absolute;
    right: 67px;
    top: 15px;
    height: 32px;
    width: 213px;
    text-align: right;
}

#search a{
    font-size: 110%;
}

#login-form { 
    position: absolute; 
    right: 52px;
    top: 45px;
    display: none;
    text-align: left;
    padding-top: 10px;
    padding-left: 15px;
    background: url(/img/basket_bg.gif) no-repeat left top;
    width: 213px;
    height: 67px;
    z-index: 1000;
}

input.text, select{
    padding: 2px;
    font-size: 95%;
    color: #5b5b5b;
    border-bottom: 1px solid #d4d0c8;
    border-right: 1px solid #d4d0c8;    
    border-left: 1px solid #404040; 
    border-top: 1px solid #404040;  
}
#search input.text, #sign input.text{
    width: 165px;
    margin-right: 5px;
    margin-top: -5px;   
}
#basket input.submit{
    background: url(/img/search_submit.gif) no-repeat center;
    border: none;
    padding: 0;
    width: 26px;
    height: 25px;
    margin-left: 2px;
    cursor: pointer;
}
#logo{
    position: absolute;
    left:345px;
    height:106px;
    width: 228px;
    top: 63px;
}
#basket{
    position: absolute;
    left: 610px;
    height: 45px;
    top: 105px;
    width: 161px;
    line-height: 1.4em;
}
#basket p a{
    color: #3f3f3f;
}
#sign{
    position: absolute;
    left: 815px;
    height: 45px;
    top: 105px;
    width: 170px;   
}
#sign input.text{
    width: 60px;
    margin-right: 3px;
}
#sign input.submit{
    background: url(/img/login_submit.gif) no-repeat center;
    border: none;
    padding: 0;
    width: 24px;
    height: 24px;
    cursor: pointer;   
}
#sign p{
    margin-top: 7px;
}
#main_nav{
    font-size: 110%;
    list-style: none;
    font-weight: bold;
    color: #3f3f3f;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 14px;
    margin-left: 95px;  
    height: 24px;   
}        



#main_nav li{
    float: left;
    margin-right: 15px;
    display: block;
}
#main_nav li a{
    color: #3f3f3f;
    text-decoration: none;
    line-height: 24px;  
}
#main_nav li a:hover{
    text-decoration: none;
    color: #ef39a9;
}
.selected{
    background: url(/img/m_li_left.gif) no-repeat left;
    padding-left: 5px;
    height: 24px;
}
.selected span{
    background: url(/img/m_li_right.gif) no-repeat right;
    padding-right: 5px;
    display: block;
    height: 24px;
    float: left;
}
.selected span a{
    background-color: #fef3fa;
    display: block;
    height: 24px;
    padding: 0 5px;
    float: left;
}
#top_contant_m{
    height: 22px;
    background: url(/img/top_contant_m.jpg) no-repeat center;
}
#top_contant{
    height: 64px;
    background: url(/img/top_contant.jpg) no-repeat center;
    padding-left: 105px;
    padding-top: 15px;
}
#top_contant a{
    margin-right: 10px;
}
#dbl_nav{
    margin: 0 37px 40px;
}
#dbl_nav a{
    margin-right: 10px;
    padding-right: 15px;
    color: #8b4dca;
    background: url(/img/str.gif) no-repeat right;
}
#dbl_nav span{
    font-weight: bold;
}
#contant{
    background-color: #ffffff;
    margin-left: 68px;
    padding-bottom: 20px;
}
.clear{
    clear: both;
    font-size: 0;
    height: 0;
}

a{
    color: #ef39a9;
    text-decoration: underline;
}
a:hover{
    text-decoration: none;
    color: #ef39a9;
}
#top_banner{
    margin: 0 0 0 5px;
    padding-bottom: 20px;
}
.tb_box{
    background: url(/img/top_box.gif) no-repeat center;
    display: block;
    width: 186px;
    height: 89px;
    float: left;
    padding: 5px 20px 5px 25px;
    margin-right: 5px;
    margin-top: -5px;
    text-decoration: none;
    color: #5b5b5b;
}
.tb_box img{
    float: left;
    margin-right: 5px;
}
.tb_box span{
    display: block;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 3px;
    color: #ef39a9;
    text-decoration: underline;
}
.tb_box:hover{
    text-decoration: none;
    color: #5b5b5b;
}
.tb_box:hover span{
    text-decoration: none;
}
#left_side{
    margin-left: 37px;
    width: 215px;
    float: left;
    display: inline;
}
#center{
    margin: 0 40px 0 40px;
    float: left;
    width: 325px;
    display: inline;    
}
#right_side{
    float: left;
    margin-right: 37px;
    width: 250px;
    display: inline;    
}
#left{
    margin-left: 37px;
    width: 235px;
    float: left;
    display: inline;
}
#right{
    margin: 0 37px 0 40px;
    width: 599px;
    float: left;
    display: inline;
}

h2{
    display: block;
    height: 21px;
    margin-bottom: 23px;
}

#news h2{
    background: url(/img/title_news.gif) no-repeat left;
}
#news span{
    padding: 5px;
    margin-left: -5px;  
    color: #5f956d;
    background: url(/img/date_bg.gif) no-repeat left;
}
#news a{
    color: #8b4dca;
}


#news p{
    text-align: left;
    margin-bottom: 20px;
}

#shop{
    background: url(/img/basket_bg.gif) no-repeat left top;
    width: 213px;
    min-height: 65px; 
}

#poisk{
    background: url(/img/search_bg.gif) no-repeat left top;
    padding: 5px 0 0 7px;
    height: 80px;
    width: 213px;
}   
#poisk input.text{
    width: 170px;
    margin-right: 1px;
}

#poisk input.submit{
    background: url(/img/search_submit.gif) no-repeat center;
    border: none;
    padding: 0;
    width: 25px;
    height: 25px;
    cursor: pointer;   
}

#poisk p{
    margin-top: 20px;
}


#subscribe{
    background: url(/img/subscribe_box.gif) no-repeat left top;
    padding: 42px 0 0 7px;
    height: 60px;
    width: 213px;
}   
#subscribe input.text{
    width: 170px;
    margin-right: 5px;
}
#subscribe input.submit{
    background: url(/img/subscribe_submit.gif) no-repeat center;
    border: none;
    padding: 0;
    width: 24px;
    height: 24px;
    cursor: pointer;   
}
#subscribe p{
    margin-top: 20px;
}
#spec h2{
    background: url(/img/title_spec.gif) no-repeat left; 
}

#welcome h2{
    background: url(/img/title_welcome.gif) no-repeat left;
}


#spec div{
    background: url(/img/center_box.gif) no-repeat left;
    width:293px;
    height: 91px;
    padding: 10px 15px 5px 15px;    
    margin-bottom: 20px;
}
#spec div img{
    float: left;
    margin-right: 15px;
}
#spec div a{
    font-weight: bold;
    font-size: 110%;
}
#spec div p{
    margin: 5px 0 5px 0;
}
#spec div span{
    font-size: 135%;
    color: #ad7fdc;
    font-weight: bold;
}

a.add{
    background: url(/img/add.gif) no-repeat center;
    padding: 5px 0 5px 24px;
    margin-left: 4px;
    text-decoration: none;
}
#spec a.add{
    background: url(/img/basket_a.gif) no-repeat center; 
    float: right;   
    display: block;
    width: 24px;
    height: 24px;
    padding: 0;
}
.list a.add{
    display: block;
    width: 24px;
    height: 24px;
    padding: 0;
}
#product h2{
    background: url(/img/title_poduct.gif) no-repeat left;   
}
#product div{
    margin-bottom: 20px;
}
#product img{
    display: block;
    margin-bottom: 5px;
}
#product a{
    color: #5b5b5b;
}
.other{
    background: url(/img/other.gif) no-repeat left;
    display: block;
    height: 18px;
}
table{
    font-size: 100%;
}
#bottom{
    background: url(/img/bottom.jpg) no-repeat right top;
    height: 68px;
    padding-top: 25px;
    padding-left: 105px;
}
#bottom span, #bottom a{
    margin-right: 5px;
}
img{
    border: none;
}
#left_nav{
    list-style: none;
    font-weight: bold;
    font-size: 110%;
    padding: 0;
    margin: 0;
}
#left_nav li{
    margin-bottom: 10px;
}
#left_nav a{
    color: #038bd3;
}
#left_nav ul{
    margin: 10px 10px 0 10px;
    font-size: 90%;
    font-weight: normal;
    list-style: none;
}
#left_nav ul a{
    color: #5b5b5b;
}
#left_nav ul li{
    background: url(/img/str.gif) no-repeat left 4px;
    padding-left: 15px;
    margin: 0 0 8px 0;
}

.box_c ul{
    margin: 10px 10px 0 10px;
    font-size: 100%;
    font-weight: normal;
    list-style: none;
}

.box_c ul li{
    background: url(/img/str.gif) no-repeat left 4px;
    padding-left: 15px;
    margin: 0;
}



h1{
    background: url(/img/h_bg.gif) repeat-x bottom;
    font-family: Tahoma;    
    font-weight: normal;
    color: #9ea1f1;
    font-size: 290%;
    margin-bottom:15px;
}
h1 span{
    background-color: #ffffff;
    padding-right: 16px;
}
h3{
    color: #6db78b;
    font-size: 170%; 
    font-weight: normal;
    margin-bottom: 15px;
}

h4{
   color: #333333;
   font-size: 130%;
   margin-top: 10px;
   margin-bottom: 10px;
}

#contant p{
    margin-bottom: 15px;
}

#right ul{
    margin: 0 0 0 20px;
    list-style-position: inside;
}


ol{
    margin: 0 0 0 20px;
    list-style-position: inside;
}
ol li{
    margin-bottom: 20px;
}

table{
    font-size: 100%;
}
table.border{
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
}
table.border th{
    background-color: #f49bd2;
    color: #ffffff;
    font-weight: bold;
    border: 1px solid #ffffff;
    padding: 10px;
    text-align: left;
    font-size:110%; 
}
table.border td{
    border: 1px solid #ffffff;
    padding: 10px;
}
table.border .second td{
    background-color: #fffced;
}
table.border .tc{
    text-align: center;
}
hr{
    background-color: #d4d4d3;
    height: 1px;
    border: none;
    margin-bottom: 20px;
}
table.list{
    width: 100%;
    margin-bottom: 20px;    
}
.list input{
    width: 45px;
}
.list span, .box_zakaz span, .description span{
    color: #6db78b;
    font-weight: bold;
    font-size: 130%;
}
.box_zakaz span{
    margin-right: 20px;
}
a.str{
    background: url(/img/str.gif) no-repeat left;
    padding-left: 15px;
}
.left_box{
    float: left;
    width: 200px;   
}
.info{
    color: #ef39a9;
    font-weight: bold;
    font-size: 110%;
}
a.info{
    display: block; 
    margin-bottom: 7px;
}
.right_box{
    float: right;
    width: 398px;
}
.box_top{
    background: url(/img/box_top.gif) no-repeat left;
    height: 11px;
}
.box_bottom{
    background: url(/img/box_bottom.gif) no-repeat left;
    height: 10px;
}
.box_c{
    background-color: #fffced;
    border-left: 1px solid #f9c1e5;
    border-right: 1px solid #f9c1e5;
    padding: 7px 15px;
}
.box_zakaz{
    background: url(/img/box.gif) no-repeat left;
    line-height: 55px;  
//  line-height: 50px;
    text-align: center;
    height: 55px;
}
.box_zakaz img{
    vertical-align: middle;
//  margin-top: -5px;
}
label{
    font-weight: bold;
}
.box_c select{
    margin: 7px 10px 0 0;
    width: 160px;
}
.sort_up{
    background: url(/img/sort_up.gif) no-repeat left;
    margin-left: 15px;
    padding-left: 17px;
}
.sort_down{
    background: url(/img/sort_down.gif) no-repeat left;
    margin-left: 15px;
    padding-left: 17px;
}
.sort_up a, .sort_down a{
    color: #8b4dca;
    font-weight: bold;
}
.pages{
    font-size: 90%;
    text-align: center;
    margin: 15px;
}
.pages a{
    color: #5b5b5b;
}
.pages span{
    margin: 0 15px;
    font-size: 120%;
}
.pages span a{
    color: #6db78b;
    margin-right: 5px;
}
.pages span strong{
    margin-right: 5px;  
}
.description_box{
    padding-left: 45px;
}
.description{
    width: 225px;
    height: 320px;
    float: left;
    margin-right: 45px;
}

.distributor{
    width: 265px;
    height: 120px;
    float: left;
    margin-right: 25px;
}


input.add{
    padding: 0;
    margin-bottom: -6px;
    margin-left: 8px;
}



.f-table {   background-color: #F8F8F8;  }
.f-table th { padding: 6px; font-weight: bold; text-align: left;  border-bottom: solid 1px white; font-size: 130%; color:#6DB78B; }
.f-table td { padding: 6px; border-bottom: solid 1px white }
.formsubmit { border : 1px solid #fff; background: #A276d1; font-size:100%; padding: 3px; color: #fff; font-weight: bold;}
.forminput  { border : 1px solid #BBBBBB;    color: #5b5b5b;}

SELECT { font-size: 8pt; }
.formtext {  }
.formfinish { padding-top: 10px; text-align: center; } 


.buttons a {
        color: #fff;
        font-size: 85%;
        background-color: #A276d1;
        padding: 3px;
        font-weight: bold;
        padding-left: 5px;
        padding-right: 5px;
        text-decoration: none;
}

.buttons a.button {
    color: #fff;
}

.buttons a.help {
        float: right;
        display: inline;
        background-color: transparent;
        font-size: 75%;
        color: #000;
        font-weight: normal;
        text-decoration: underline;
}

DIV.text-quote { color: #999999; margin: 5px 0 5px 0; border-left: solid 5px #cccccc; padding-left: 15px; }


.general-table { border-top: solid 1px #CCCCCC; border-left: solid 1px #CCCCCC; empty-cells: show; }
.general-table th { padding-left: 10px; padding-right: 10px; text-align: left; font-weight: bold; color: #FFFFFF; background-color: #999999; border-right: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF;  }
.general-table td { padding-left: 10px; padding-right: 10px; background-color: #F3F3F3;  border-right: solid 1px #CCCCCC;  border-bottom: solid 1px #CCCCCC; }
.general-table td * td { padding: 0px; border: none; } /* отменяем действие стиля  на вложенные таблицы */
.bg-light td, td.bg-light { background-color: #F3F3F3; }
.bg-dark td, td.bg-dark { background-color: #E0E0E0; }
.general-table th A, .general-table th A:visited { color: #FFFFFF; text-decoration: none; }


.form-table { }
.form-table th { font-weight: bold; text-align: left;  background-color: #f0f0f0; padding: 5px; }
.form-table td { padding: 5px; background-color: #f6f6f6; }
.formcomment { font-weight: normal; color: #666666; background-color: #F3F3F3; } 
.form-table td.formfinish { text-align: left; background-color: #e0e0e0;} 
.form-table td.formfinish .formsubmit { color: white;   background: #666666;  padding: 3px 10px 3px 10px; font-weight: bold; } 

.conf-item { margin-bottom: 20px; }
.conf-title { font-weight: bold; font-size: 120%; margin-bottom: 5px; }
.conf-anouns { margin-bottom: 5px; }
.conf-stat { font-weight: bold;  clear: left; }
.conf-stat SPAN { margin: 0 5px 0 0; font-weight: normal; }

.conf-show { margin-bottom: 20px; }
.conf-descr { margin-bottom: 5px; }

.conf-questions {}
.conf-question { margin-bottom: 20px; }
.conf-q-info { background: #f49bd2; padding: 5px; font-weight: bold; color: #fff; }
.conf-q-info SPAN.date { margin-left: 5px; font-weight: normal; }
.conf-q-info SPAN.time { margin-left: 5px; font-weight: normal; }
.conf-q-text { padding: 5px; margin-bottom: 5px; }
.conf-q-answer { background: #f8f8f8; padding: 5px 5px 10px 5px; color: #666; clear: left; margin-bottom: 5px;}
.conf-q-mod-avatar { float: left; margin: 0 10px 5px 0; }
.conf-q-mod-name { font-weight: bold; margin-bottom: 5px; }

.conf-q-file-link, .conf-q-file-preview { margin-top: 5px;  color: #999999; line-height: 200% }
.conf-q-file-link A { color: #999999; font-weight: bold; }


#insert-blog { 
    position: relative; 
    width: 300px;
    height: 200px;
    display: none;
    text-align: left;
    padding-top: 10px;
    padding-left: 15px;
    background: url(/img/form_bg.png) no-repeat left top;
}

#insert-blog TEXTAREA { 
    font-size: 10px; width: 90%; height: 65px;
    margin: 0 0 5px 0;
    background-color: #f0f0f0;
} 
#insert-blog-link  { 
    margin: 10px 10px 20px 20px;
}

#insert-blog-link A { 
    text-decoration: none;
    border-bottom: dotted 1px #ef39a9; 
}

SPAN.step-off, SPAN.step-on { margin-right: 0px; text-transform: uppercase; padding-right: 18px; background: url(/i/bul03.gif) no-repeat 100% 0;}
SPAN.step-on { color: #6db78b; }

TR.emphasis TD { font-weight: bold; color: #ef39a9; }