* { font-size: 100.01%; margin: 0; padding: 0;}
html, body {height: 100%;}
body {font-family: Tahoma, Verdana, Arial, sans-serif; background: #171717 url(body_bg.jpg) 50% 0% no-repeat; color: #E5E5E5; line-height: 1.4; font-size: 0.75em; text-align: center;}

a {color: #FF6D02; text-decoration: underline;}
a:hover {color: #FAAA70; text-decoration: underline;}

span.pseudo {color: #FF6D02; border-bottom: 1px dashed #FF6D02; cursor:pointer; cursor:hand;}
span.pseudo:hover {color: #FAAA70; border-bottom: 1px dashed #FAAA70; cursor:pointer; cursor:hand;}

h3, h4 {margin: 1em 0 0.3em;}
h1 {font-weight: normal; font-size: 1.67em; margin: 0 0 1em 0;}
h2 {font-weight: normal; font-size: 1.5em; margin: 1em 0 0.5em;}
h3 {font-size: 1.17em;}
h4 {font-size: 1.08em;}
* html h2,
* html h3,
* html h4 {margin-top: expression( !this.previousSibling || ( this.previousSibling && this.previousSibling.nodeName.match(/^H[1-4]$/) ) ? 0 : '1em' );}
h2:first-child, h3:first-child, h4:first-child {margin-top: 0;}
h1+h2, h1+h3, h1+h4, h2+h3, h2+h4, h3+h4 {margin-top: 0;}

hr {margin: 7px 0; height: 1px; border: none; background: #787878; color: #787878;}
* html hr {margin: 0;}
*+html hr {margin: 0;}

ul, ol {margin: 0 0 0.65em 2em; line-height: 1.3em;}
ul {list-style:square;}
li {margin: 0.2em 0 0 0;}
dl {margin: 0.5em 0 0.65em 0;}
dt {font-weight: bold; margin: 0.5em 0 0 0;}
dd {margin: 0 0 0 2em;}

p {margin: 0 0 0.71em 0;}
sup, sub { vertical-align: baseline; position: relative; font-size: 10px;}
sup { top: -0.4em; }
sub { bottom: -0.3em; }

table {border-collapse: collapse; border-spacing: 0; border: none;}
td, th {padding: 0; border: none;}
td {vertical-align: top;}

.canvas strong{font-weight:normal;}
.canvas em{font-style:normal;}
.canvas_home strong{font-weight:normal;}
.canvas_home em{font-style:normal;}

*:focus {outline: none;}
img {border-width: 0;}
img.bord {border: 1px solid #ADACAC;}

.clear {clear: both; min-height: 0; height: 0; line-height: 0; font-size: 0;} 
.a-left {text-align: left;}
.a-center {text-align: center;}
.a-right {text-align: right;}

.f-left {float: left;}
.f-right {float: right;}
img.f-left {margin: 0 1em 0.5em 0;}
img.f-right {margin: 0 0 0.5em 1em;}

form {margin:0; padding:0;}
fieldset {margin-bottom: 1em; border: none;}
legend {margin-top: -1px; padding:0.7em 0 0.5em; font-size: 1.1em; font-weight: bold; padding-left: 30%;}
.remark {font-size: 1em; font-weight: normal;}
.f-row {overflow: hidden; margin-bottom: .5em;}
label {float: left; text-align: right; width: 25.99%; padding: 0 2%;}
.f-inputs {padding-left: 30%;}
* html .f-inputs {padding-left: 0; height: 1%;}
.f-actions {padding-top: 1em;}
* html .f-actions {padding-left: 30%; zoom: 1;}

input, textarea, select {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px;}
input {vertical-align: middle;}
.i-checkbox {margin-top: 3px;}
.i-text {width: 300px; padding: 1px;}
.i-select {width: 304px; padding: 1px;}
.button {padding: 0 .25em; width: auto; overflow: visible; cursor: pointer;}
textarea {overflow: auto;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* main */
.empty {width: 100%; height: 130px; clear: both;}

#main {min-height: 100%; margin: 0 auto; width: 868px; text-align: left;}
* html #main {height: 100%;}

#footer {background: #171717; text-align:center;}
#footer .inner {height: 130px; margin: -130px auto 0; background: #171717 url(footer_bg.gif) 0% 0% no-repeat;}

#container_home {width: 100%; float: right; margin-left: -290px; background: #262626;}
#center_home {margin-left: 290px;}
#leftcol_home {float: left; width: 286px;}

#container {width: 100%; float: right; margin-left: -253px; background: #262626;}
#center {margin-left: 253px;}
#leftcol {float: left; width: 223px;}

/* top */
#top {height:84px; font-size:11px;}
#top .col1 {float: left; width: 256px;}
#top .col2 {float: left; width: 169px;}
#top .col3 {float: left; width: 109px;}
#top .col4 {float: left; width: 334px;}

#top .col1 div {margin: 10px 0 0 14px;}
#top .col1 div a {width: 242px; height: 62px; background: transparent url(logo.gif) 0% 0% no-repeat; display: block;} 
#top .col1 div b {display: none;}  

#top .col2 {color: #C9C9C9; text-align:right; padding-top:11px;}
#top .col2 span {color:#FEFEFE; font-weight:bold; font-size:12px; display:block; margin-top:3px;}
#top .col2 big {font-size:16px;}

#top .col3 .top_price_bg {width:99px; height:49px; margin:14px 0 0 10px; background: transparent url(price_bg.png) 0% 0% no-repeat;
	background:expression("none"); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/public/setup/normal/price_bg.png", sizingMethod="scale");}
#top .col3 .top_price {padding:9px 0 0 8px; position:relative; z-index:2;}
#top .col3 span {display: block; background: transparent url(price_icon.gif) 0% 6px no-repeat; float:left; width:13px; height:22px; margin-right:8px;}
#top .col3 a {font-weight:bold; line-height:1.2;}

#top .col4 .top_cart_bg {width:332px; height:49px; margin:14px 0 0 2px; background: transparent url(cart_bg.png) 0% 0% no-repeat; 
	background:expression("none"); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/public/setup/normal/cart_bg.png", sizingMethod="scale");}
#top .col4 .top_cart {padding:8px 0 0 18px; color:#fff; font-family: Verdana, Tahoma, Arial, sans-serif; position:relative; z-index:2;}
#top .col4 span {display: block; background: transparent url(cart_icon.gif) 0% 6px no-repeat; float:left; width:13px; height:22px; margin-right:10px;}
#top .col4 a {font-weight:bold; font-family: Tahoma, Verdana, Arial, sans-serif;}
#top .col4 .cart2 {padding:7px 0 0 18px;}

/* navigation */
#nav {list-style:none; margin:0 0 0 6px; float:left;}
#nav li {list-style:none; margin:0 1px 0 0; float:left; font-size:11px; text-transform:uppercase; font-weight:bold; background:transparent url(menu_bg.jpg) 0% 0% no-repeat; width:202px; height:44px; line-height:44px; text-align:center;}
#nav li a {color:#C9C9C9; text-decoration:none;}
#nav li a:hover {color:#FF6D02;}
#nav li a.act {color:#FF6D02;}
#nav li#home {width:44px; heigh:44px; background:transparent url(menu_home_bg.gif) 0% 0% no-repeat;}
#nav li#home a {width:14px; heigh:15px; display: block; background:transparent url(menu_home.gif) 0% 0% no-repeat; margin-top:13px; margin-left:15px; /margin-left:0;}
#nav li#home a.act {width:14px; heigh:15px; background:transparent url(menu_home_a.gif) 0% 0% no-repeat;}

#path_logon {margin:0 9px 0 17px; position:relative;}
#path {height:34px; line-height:34px; font-size:12px; font-weight:bold; color:#fff; width:640px; float:left;}

/* вход для партнеров */
#login_button {float:right; width:197px; height:28px; line-height:28px; background:transparent url(logon_bg.gif) 0% 0% no-repeat; margin-top:3px; //margin_top:0; font-size:11px; font-weight:bold; color: #FF6D02; text-decoration: underline; cursor:pointer;}
#login_button span.arr_top {background:transparent url(arr_bot.gif) 0% 0% no-repeat; float:left; width:10px; height:16px; margin:11px 15px 0 20px;} 

#login_block {position:absolute; z-index:10; width:197px; text-align:left; right:0; top:3px;}
.login_top {width:197px; background:transparent url(login_top.gif) 0% 0% no-repeat; height:4px; font-size:0;}
.login_bot {width:197px; background:transparent url(login_bot.gif) 0% 100% no-repeat; height:4px; font-size:0;}
.login_bg {padding:0 20px; height: 188px;  background:transparent url(login_bg.gif) 0% 0% repeat-y; font-size:11px; color:#ccc;}

#login_block h3 {font-size:14px; color:#fff; margin:0 0 10px}

#login_block .lab {margin-bottom:2px;}
#login_block input {border:1px solid #4D4D4D; padding:1px; width:150px;}
#login_block .login-submit {background:transparent url(login_submit_bg.gif) 0% 0% no-repeat; width:45px; height:19px; font-size:11px; color:#ccc; border:none;}
.f-row {overflow: hidden; margin-bottom: 0.7em;}

#close_login_button {font-size:11px; font-weight:bold; color: #FF6D02; text-decoration: underline; cursor:pointer;}
#close_login_button span.arr_up {background:transparent url(arr_close.gif) 0% 0% no-repeat; float:left; width:10px; height:6px; margin:5px 15px 0 13px;} 

#login_partner {position:relative; float:right; width:197px; height:28px; line-height:28px; background:transparent url(logon_bg.gif) 0% 0% no-repeat; margin-top:3px; font-size:11px; font-weight:bold;}
/* end  вход для партнеров */

#head {width:572px; height:197px;}

/* leftcolumn */
/* newsblock */
#newsblock {background:#E5E5E5 url(newsblock_bot.gif) 0% 100% no-repeat; color:#000; font-size:11px; margin-left:6px;}
#newsblock .top {background: url(newsblock_top.gif) 0% 0% no-repeat; width:280px; height:3px;}
#newsblock .content {margin: 0 12px;}
#newsblock h1 {color:#333; font-size:14px; font-weight:bold; margin:5px 0 12px 0;}
#newsblock .news {margin:10px 0; border-bottom:1px solid #ccc; padding-bottom:12px;}
#newsblock .date {color:#4E4E4E; font-size:9px;}
#newsblock h2 {font-size:11px; margin:4px 0;}

/* submenu */
.submenu ul {margin: 72px 0 20px 17px;}
.submenu li {list-style-type: none; font-size: 12px; margin: 0 0 14px 0; padding-left:14px; line-height:1.2;}
.submenu li.act {background: url(submenu_arr.gif) 0% 3px no-repeat;}
.submenu li.act a, .submenu li.act a:hover {text-decoration:none; color:#CBCBCB;}

/* center */
.canvas_home {margin:18px 17px 30px 16px; font-size: 1.17em; color:#ccc;}
.canvas_home p{text-indent:2em;}
.big2 {font-size: 1.29em;}
.canvas {margin:18px 17px 30px 0;}
.canvas p {text-indent:2em;}

/* footer */
#footer .inner {font-size: 11px; color: #fff; line-height: 1.3; width: 868px; text-align:left;}

#footer .col1 {float:left; width:138px; background: transparent url(footer_line.gif) 100% 26px no-repeat; height:100px;}
#copy a {background: transparent url(copy_logo.gif) 0% 0% no-repeat; width:104px; height:18px; display: block; margin:22px 0 0 14px;}
#copy a span {display: none;}  

#footer .col2 {float:left; width:167px; background: transparent url(footer_line.gif) 100% 26px no-repeat; height:100px; text-align:right;}
#footer .col2 div.inn {margin:22px 14px 0 0;}
#footer .col2 span {color:#FEFEFE; font-weight:bold; font-size:12px; display:block; margin-top:3px;}
#footer .col2 big {font-size:16px;}

#footer .col3 {float:left; width:300px;}
#footer .col3 div.inn {margin:22px 0 0 17px;}

#footer .col4 {float:right; width:230px;}
#footer .col4 div.inn {margin:22px 17px 0 0;}
#footer .col4 img {margin-right: 8px; float: left;}
#footer .col4 .ctext {margin-left: 40px;}

.site {margin-top: 10px;}

#icq {float:right;}
#icq #icq_img {width: 18px; height: 18px; float:left;}
#icq .ic {float:left; margin-left:5px; margin-top:2px;}

/* catalog */
#catalog {background: #E5E5E5 url(cat_bot_bg.gif) 0% 100% no-repeat; margin-left:6px; width:856px; position:relative;}
#catalog .cat_top {background: url(cat_top_bg.gif) 0% 0% no-repeat; width:856px; height:3px;}
#catalog h1 {color:#333; margin:15px 0 1em 13px;}

#catalog #print {background: url(print_bg.gif) 0% 0% no-repeat; width:144px; height:31px; line-height:31px; position:absolute; right:7px; font-size:11px;}
#catalog #print .icon {background: url(print_icon.gif) 0% 0% no-repeat; width:13px; height:16px; float:left; margin:8px 9px 0 13px; //margin-left:7px; display:block;}

#catalog .content {margin:0 7px; color:#000;}
.tbl_cat {width:100%;}
.tbl_cat th {color:#333; background:#B3B3B3; font-size:1em; padding: 7px 10px 7px 10px; vertical-align:top; //padding: 6px 10px 3px 10px;}
.tbl_cat th.left_bg {background: #B3B3B3 url(tbl_left.gif) 0% 0% no-repeat; padding-left:15px;}
.tbl_cat th.right_bg {background: #B3B3B3 url(tbl_right.gif) 100% 0% no-repeat; padding-right:15px;}
.tbl_cat th input {border:1px solid #4D4D4D; background:#fff; color:#333; font-size:12px; padding: 1px;}
.tbl_cat th div {margin-bottom:5px;}
.tbl_cat th input.input_img {border:none; padding:0; float:left;}
.tbl_cat th select.mark {float:left; width:58px; font-size:12px; margin-right:9px;}

.tbl_cat td {color:#000; padding: 2px 10px; border-top: 4px solid #E5E5E5; border-bottom: 4px solid #E5E5E5;}
.tbl_cat td input.count {border:1px solid #A7AEB4; float:left; margin-right:10px;}

.light {background:#F2F2F2;}
.bord_left {border-left: 4px solid #E5E5E5;}
.bord_right {border-right: 4px solid #E5E5E5;}

#catalog #up {background: url(up_bg.gif) 0% 0% no-repeat; width:82px; height:28px; line-height:28px; position:absolute; right:7px; bottom:0; font-size:11px;}
#catalog #up .icon {background: url(up_arr.gif) 0% 0% no-repeat; width:10px; height:6px; float:left; margin:12px 9px 0 12px; //margin-left:6px; display:block;}

table.tbl_cart {width:100%}
table.tbl_cart th, table.tbl_cart td {padding:3px 5px;}
table.tbl_cart th {background: #171717;}
table.tbl_cart td {border-top: 4px solid #262626;}

#pagenav {color:#929292; margin:20px 0 0 4px; font-size:11px;}
.arr {font-size: 10px;}
.black {color: #3D3D3D;}
#pagenav .page {float: left; position: relative; top: 5px; font-size: 12px; margin: 0 1px; font-weight: bold;}
#pagenav .page a {padding: 1px 4px 2px 4px; text-decoration:none;}
#pagenav span {background: #ccc; color: #333; padding: 1px 4px 2px 4px;}

.img_order {float:left;} 

/* content */
ul.list {list-style: none; font-size: 1.17em; margin: 0;}
ul.no-style {list-style: none;}

.articles {padding: 0 0 1em 0;}
.articles h2 {margin: 0.2em 0 0.2em; font-size: 1em; font-family: Tahoma, Verdana, Arial, sans-serif; clear:both;}
.date {font-size: 0.92em;}

.pic_left {float: left; margin: 0 20px 5px 0; width: 150px;}
.pic_left img {border: 1px solid #ADACAC;}
.pic_left p {font-size: 0.92em;	width: 140px; margin: 0 0 0 5px;}

.small {font-size: 0.92em;}
.double_small {font-size: 0.83em;}
.bold {font-weight: bold;}
.red {color: #FF6D02;}
.white {color: #fff;}
.photo_name {margin: 3px 0; font-size: 0.93em; font-weight: bold; width: 120px;}
.big {font-size: 1.17em;}

.sitemap {margin-bottom: 0.65em; font-size: 1.17em;}
.sitemap ul {list-style: none; font-size: 0.92em;}

table.tbl {border-collapse: collapse; clear: both; margin: 0.5em 0;}
table.tbl th {padding: 3px 5px; font-size: 0.93em; border: 1px solid #787878;}
table.tbl td {padding: 2px 5px; border: 1px solid #787878; vertical-align: top;}

/* columns */
.columns2 .col {float: left; width: 49%;}
.columns3 .col {float: left; width: 33%;}
.columns4 .col {float: left; width: 25%;}
.col-content {padding-right: 1.5em;}
.col-first {padding-left: 0!important;}
.col-last {padding-right: 0!important;}

/* стили для модального окна входа в кабинет партнера */
#simplemodal-overlay {
  background-color:#000;
}

#simplemodal-container {
  height:120px;
  width:230px;
}

#simplemodal-container a.modalCloseImg {
  display:none;
}

/* полупрозрачность */
.opac {float:left; margin-right:3px;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
  -moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
  -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
  opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}

.hidden { display: none; }

.reset {background: url(contact_reset.gif) 0% 0% no-repeat; width:99px; height:19px; border:none; cursor:pointer;}
