* { margin: 0; padding: 0; }
body { background: #fff 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; min-width: 950px; }
#containerInner { background: url("/img/top2.jpg") no-repeat 50% 0; position: relative; z-index: 2; }
#right_top { width: 50%; background: url("/img/bg_right.gif") repeat left top; height: 592px; position: absolute; z-index: 1; right: 0; }
#wrapper { margin: 0 auto; width: 950px; background: url("/img/header2.jpg") no-repeat 0 64px; position: relative; z-index: 2; }
#header { height: 106px; background: url("/img/logo2.png") no-repeat 0 35px; clear: both; }
#mainPage #header { height: 116px; }
#top_nav { font-size: 110%; list-style: none; padding: 25px 0 0 37px; font-weight: bold; height: 39px; }
#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 !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; 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 Выпадающее меню */

#login-link { padding: 26px 10px 4px 7px; position: absolute; right: 0; top: 0; height: 32px; width: 213px; text-align: right; }
input.text, select, textarea { padding: 2px; font: normal 11px/12px "Arial", sans-serif; color: #5b5b5b; border-style: solid; border-width: 1px; border-color: #404040 #d4d0c8 #d4d0c8 #404040; background: #fff; }
#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 { float: left; width: 260px; height: 105px; }
#basket { position: absolute; left: 610px; height: 45px; top: 105px; width: 161px; line-height: 1.4em; }
#basket p a { color: #3f3f3f; }

#headsearch { float: left; width: 260px; padding-top: 13px; }
#headsearch input { vertical-align: middle; }
#call_phones { float: left; width: 410px; height: 47px; font-size: 17px; text-align: right; color: #777; padding: 8px 20px 0 0; line-heigth: 17px; font-weight: bold; }
#call_phones .city { font-size: 14px; font-weight: normal; }
#main_nav { font-size: 110%; list-style: none; font-weight: bold; color: #3f3f3f; text-transform: uppercase; margin: 0; }
#main_nav li { float: left; display: block; padding-top: 4px; }
#main_nav li a { color: #3f3f3f; text-decoration: underline; line-height: 18px; }
#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; }
#top_contant { padding: 15px 0 10px 37px; background: url("/img/top_contant2.jpg") no-repeat 0 0; }
#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: #fff; padding: 15px 0 20px; }
.clear { clear: both; font-size: 0; height: 0; }
a, .link { color: #ef39a9; text-decoration: underline; }
a:hover { text-decoration: none; color: #ef39a9; }
.dashed { border-bottom: #ef39a9 1px dashed; text-decoration: none; }
#top_banner { height: 123px; margin-right: -10px; background: url("/img/content_radius_top.png") no-repeat 0 100%; }
.tb_box { background: url("/img/top_box2.png") no-repeat center; display: block; width: 185px; height: 87px; float: left; padding: 5px 20px 5px 25px; text-decoration: none; color: #5b5b5b; margin-right: 10px; }
.tb_box img { float: left; margin-right: 5px; }
.tb_box span { display: block; font-weight: bold; margin: 0 0 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; 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: -15px 37px 0 40px; width: 599px; float: left; display: inline; min-height: 300px; }
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; vertical-align: middle; }
#subscribe input.submit { background: url("/img/subscribe_submit.gif") no-repeat center; border: none; padding: 0; width: 24px; height: 24px; cursor: pointer; vertical-align: middle; }
#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; 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; }
#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: 37px; }
#bottom span, #bottom a { margin-right: 5px; }
fieldset, 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; 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; }
.box_c ul { margin: 10px 10px 0; 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: #fff; 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; }
ol li { margin-bottom: 10px; }
table { font-size: 100%; }
table.border { border-collapse: collapse; width: 100%; margin-bottom: 20px; }
table.border th { background-color: #f49bd2; color: #fff; font-weight: bold; border: 1px solid #fff; padding: 10px; text-align: left; font-size: 110%; }
table.border td { border: 1px solid #fff; 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: none; background: #A276d1; font-size: 100%; padding: 3px 13px 5px; color: #fff; font-weight: bold; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-shadow: #7b53b5 0 1px 0; }
.formsubmit:active { background: #7b53b5; }
.formsubmit::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; }

.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: #999; margin: 5px 0 5px 0; border-left: solid 5px #ccc; padding-left: 15px; }
.general-table { border-top: solid 1px #ccc; border-left: solid 1px #ccc; empty-cells: show; }
.general-table th { padding-left: 10px; padding-right: 10px; text-align: left; font-weight: bold; color: #fff; background-color: #999; border-right: solid 1px #fff; border-bottom: solid 1px #fff; }
.general-table td { padding-left: 10px; padding-right: 10px; background-color: #F3F3F3; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; }
.general-table td * td { padding: 0; 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: #fff; 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: #666; background-color: #F3F3F3; }
.form-table td.formfinish { text-align: left; background-color: #e0e0e0; }
.form-table td.formfinish .formsubmit { color: white; background: #666; padding: 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, .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; 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: #999; line-height: 200% }
.conf-q-file-link A { color: #999; font-weight: bold; }
#insert-blog { position: relative; width: 450px; height: 200px; display: none; text-align: left; padding-top: 10px; padding-left: 15px; background: url("/img/form_bg2.png") no-repeat left top; margin-top: -10px; }
#insert-blog TEXTAREA { font-size: 10px; width: 93%; height: 65px; margin: 3px 0 9px; 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: 0; 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; }
.print_icon { float: right; background: url("/i/i-print.gif") no-repeat 0 0; padding: 5px 0 5px 28px; margin: -40px 41px 0 0; }

.search-bit { margin: 15px 0 15px -45px; }
.search-bit h4 a { color: #8b4dca; }

span.where { padding: 2px 4px; margin: 0 1px; color: #ef39a9; cursor: pointer; }
span.where em { font-style: normal; border-bottom: #ef39a9 1px dashed; }
span.where.checked { background: #6db78b; color: #fff; }
span.where.checked em { border-bottom: none; }

.plate { font-size: 10px; color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 1px 5px 2px; font-style: normal; position: relative; top: -2px; }
.plate.type1 { background: #1ca9ae; }
.plate.type2 { background: #b7b100; }
.plate.type3 { background: #c11f7b; }
.plate.type4 { background: #448916; }
.plate.type5 { background: #1a73a1; }

#discount { position: absolute; top: 0; right: 185px; background: url("/img/discount.png") no-repeat 0 0; width: 50px; padding: 2px 14px 6px; font-size: 18px; text-align: center; font-weight: bold; height: 40px; overflow: hidden; text-shadow: #34a7ad 0 -1px 0; }
#discount a { position: relative; text-decoration: none; color: #fff; position: relative; z-index: 10; }



/* User authorization styles */

#login-form { padding: 0; }
#login-form fieldset { padding: 0 15px 20px 205px; }
#login-form .title { margin-left: -205px; }
#login-form label.big { display: block; margin: 0 0 20px -190px; padding-left: 190px; clear: left; }
#login-form label.big span { float: left; margin-left: -190px; width: 180px; text-align: right; }
#login-form label.big span strong { padding: 4px 0 2px; display: block; }
#login-form label.big .text { font-size: 16px; line-height: 16px; width: 90%; }
#login-form #forgot-block { display: none; margin: 20px 0 0 -190px; padding: 20px 0 0 190px; border-top: #eee 1px solid; }
#login-form #forgot-block img { float: left; margin: 10px 0 0 -180px; }
#login-form .register { font-size: 16px; margin: 20px 0 0 -190px; padding-top: 20px; border-top: #eee 1px solid; text-align: center; }
#login-form #sms-code-send { padding-top: 5px; }
.error { color: #c00; }

.lb-content { display: none; background: #fff; width: 500px; -webkit-box-shadow: #333 0 3px 6px; -moz-box-shadow: #333 0 3px 6px; box-shadow: #333 0 3px 6px; padding: 0 15px 20px; }
.lb-content .title { background: #A276d1; color: #fff; padding: 10px 15px; margin: 0 -15px 20px; font-size: 14px; font-weight: bold; text-align: left; }
.lb-content .close { float: right; height: 13px; width: 13px; background: url("/img/sprites.png") no-repeat 2px -477px; overflow: hidden; }


#add-phone-box { margin: 0 0 10px 0; }
#add-phone-box input { margin: 5px 0 5px 0; }   
#sms-code { margin-top: 5px; width: 200px; padding: 5px; z-index: 100; border: dotted 1px #999; padding: 5px; background: #eee; }


.formbutton { border: none; background: #999; font-size: 100%; padding: 3px 13px 5px; color: #fff; font-weight: bold; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-shadow: #909090 0 1px 0; }

#f-order label, .f-labels label { float: left; margin: 0 20px 10px 0; width: 30%; }
#f-order label strong, .f-labels label strong { display: block; margin-bottom: 3px;  }
#f-order label input, .f-labels label input { width: 95%; }

.f-labels { overflow: hidden; }
.f-labels label { float: left; width: 33%; margin-bottom: 10px; }
.f-labels.two-cols label { width: 49%; }
.f-labels label.wide { width: 100% !important; }
.f-labels label strong { display: block; margin-bottom: 3px; }
.f-labels label .text { width: 85%; }

.f-title { }
.f-title[required] { font-weight: bold; }
.f-input { margin-bottom: 10px; }

.userdata { color: #999; }

/* Promocode */
DIV.promocode { text-align: left; margin-bottom: 2px; padding: 10px; background: #F3F3F3; }
DIV.promocode SPAN.pc-code { font-size: 150%; margin-right: 10px; }
DIV.promocode SPAN.pc-error { color: #ff0000; }
DIV.promocode DIV.pc-delete { float: right; }

DIV.promocode-form { margin: 10px 0 20px 0; text-align: left; }
DIV.promocode-form INPUT { float: right; font-size: 100%; }
	

/* Account form */
DIV.acc-form { margin: 10px 0 20px 0; text-align: left; }
DIV.acc-info { margin-bottom: 5px; }
DIV.acc-amount { margin-bottom: 5px; font-size: 120%; }
DIV.acc-amount SPAN { font-weight: bold; }
DIV.acc-input { font-size: 120%; }
DIV.acc-input INPUT { font-size: 100%; }