* { font-size: 100.01%; margin: 0; padding: 0;}

body {color: #000; font-family: Tahoma, Verdana, sans-serif; font-size: 0.75em; line-height: 1.3; background-color: #fff; text-align: center; margin: 11px 20px 0 18px;}

/* standard */
a {color: #EA161D;}
a:hover {color: #E55358;}

:focus {outline: 0;}

img {border-width: 0;}

img.left {float: left; margin: 0 12px 5px 0;}
img.right {float: right; margin: 0 0 5px 12px;}

ul,ol {margin: 0 0 0.65em 2em;}
li {margin: 0.5em 0 0 0;}
dl,p {margin: 0 0 0.65em 0;}
dt {font-weight: bold;}
dd {margin: 0 0 0 3em;}

hr {border: 0 hidden; border-top: 1px solid #dddddd; height: 0; clear: both;}

h1, h2, h3, h4 {color: #EA161D;}
h1 {font-size: 2em; margin: 0.65em 0 0.65em 0; font-weight: normal;}
h2 {font-size: 1.67em; margin: 1em 0 0.3em 0; font-weight: normal;}
h3 {font-size: 1.33em; margin: 1em 0 0.3em 0;}
h4 {font-size: 1.08em; margin: 1em 0 0.3em 0;}

* 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;}

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

input, textarea, select {font: normal 12px Tahoma, Verdana, Arial, sans-serif; padding: 1px 3px; margin: 3px 0;}
select {padding: 0;}
textarea {overflow: auto;}
input.checkbox {border: 0; width: auto;	background: transparent; margin: 3px 3px 0 0; padding: 0;}

.clear {clear: both; min-height: 1px; height: 1px; line-height: 1px; width: 1px; font-size: 1px;}
.left {float: left;}
.right {float: right;}

/* main */
div#main {min-width: 995px; max-width: 1511px; margin: 0 auto; text-align: left; position: relative;}
* html div#main {width: 100%; width: expression((documentElement.clientWidth||document.body.clientWidth)<995?'995px':(documentElement.clientWidth||document.body.clientWidth)>1511?'1511px':'100%');}

/* header */
div#header {height: 177px;}
div#header div#col1 {float: left; width: 300px;}  
div#header div#col1 img.logo {margin: 7px 0 0 22px;}  

div#header div#col1 div#search {margin: 30px 0 0 25px;}
div#search input.search_pic {margin-left: 6px;}
div#search div.search_examples {margin-top: 5px; color: #fff; font-size: 12px;}
div#search div.search_examples a {color: #fff;}

div#search input#SearchField {border: 1px solid #636363; background-color: #fff; font-size: 12px; padding: 2px 5px 3px; font-family: Tahoma,sans-serif;}
input.filledSearch {color: #191919;}
input.emptySearch {color: #C0C0C0;}

div#header div#col2 {float: right; margin-right: 13px;}  
div#header div#col2 div#logon {text-align: right; margin-top: 12px;}  
div#header div#col2 div#logon img {margin-right: 8px;}  
div#header div#col2 div#logon a, div#header #col2 div#logon a:hover {color: #fff;}  
div#header div#col2 div#contact {font-size: 24px; margin-top: 65px; color: #fff;}

.box {background-color: #ED1C24;}
.box_l_t {background: url('box_l_t.gif') 0% 0% no-repeat;}
.box_l_b {background: url('box_l_b.gif') 0% 100% no-repeat;}
.box_r_t {background: url('box_r_t.gif') 100% 0% no-repeat;}
.box_r_b {background: url('box_r_b.gif') 100% 100% no-repeat;}

.box_white {background-color: #fff;}

/* navigation */
table#navigation {width: 100%; margin: 4px 0 15px;}
table#navigation td {width: 12%; border-right: 1px solid #fff; background: #ED1C24 url('menu_r.gif') 100% 0% no-repeat; height: 27px; line-height: 27px; text-align: center;}
table#navigation td b {display: block; background: url('menu_l.gif') 0% 0% no-repeat;}
table#navigation td a {color: #fff;}
table#navigation td.cont {border: none; width: 18%;}
table#navigation td.smal {width: 11%;}

/* content */
div#content {position: relative; //width: 100%;}
div#content div.col1,
div#content div.col2,
div#content div.col3 {float: left; min-height: 1px;}

div#content div.col1 {width: 22%; //margin-right: -100%;}
div#content div.col2 {width: 60%; //margin-left: 22%; //display: inline; //margin-right: -100%;}
div#content div.col3 {width: 18%; //margin-left: 82%; //display: inline; //margin-right: -1px;}

div#content div.col1 b {color: #fff; height: 26px; line-height: 26px; margin-left: 12px;}
div#content div.col1 b a, div#content div.col1 b a:hover {color: #fff;}

div#content div.col2 div.sec {padding: 0 20px 0 20px;}

/* catalog menu */
div.menu ul {margin: 10px 0 0 12px; list-style: none;}
div.menu ul li {margin: 0; padding-bottom: 3px; font-weight: bold;}
div.menu ul li a {color: #585858;}
div.menu ul li a:hover {text-decoration: none; color: #585858;}
div.menu ul li a.act {padding:2px 5px; color: #fff; background-color: #585858; position:relative; left: -5px; text-decoration: none;}
div.menu ul li a.act:hover {color: #fff;} 

div.submenublock {position: relative; //width: 100%;}
div.submenu { width: 49%; float: left;}
div.submenu ul {margin: 10px 0 0 28px; padding-left: 12px; list-style: none; background: url('submenu_line.gif') 0% 0% repeat-y;}
div.submenu ul li {margin: 0; padding-bottom: 5px;}
div.submenu ul li a {color: #585858;}
div.submenu ul li a:hover {text-decoration: none; color: #585858;}
div.submenu ul li a.act {padding:2px 5px; color: #fff; background-color: #585858; position:relative; left: -5px; text-decoration: none;}
div.submenu ul li a.act:hover {color: #fff;}

/* banner box */
div#ban_action {position: relative; //width: 100%;}

table#ban {margin: 0 auto; width: 96%; position: relative; text-align: left;}
table#ban td.tl {background: url('ban_bord_t_l.gif') 0% 0% no-repeat; width: 5px; height: 5px;} 
table#ban td.tc {background: url('ban_bord_g.gif') 0% 0% repeat-x;} 
table#ban td.tr {background: url('ban_bord_v.gif') 100% 5px repeat-y; width: 5px; height: 5px;} 
table#ban td.bl {background: url('ban_bord_b_l.gif') 0% 0% no-repeat; width: 5px; height: 5px;} 
table#ban td.bc {background: url('ban_bord_g.gif') 0% 100% repeat-x;} 
table#ban td.br {background: url('ban_bord_b_r.gif') 0% 0% no-repeat;} 
table#ban td.l {background: url('ban_bord_v.gif') 0% 0% repeat-y;} 
table#ban td.r {background: url('ban_bord_v.gif') 100% 0% repeat-y;} 

table#ban td.cont {height: 300px; padding: 0 1px; vertical-align: middle;}
table#ban td.cont div.txt {margin-left: 50%;} 
table#ban td.cont ul {margin: 0; padding-left: 25%; //padding-left: 13%; color: rgb(234, 22, 29); text-align: left;}
table#ban td.cont ul li {margin-left: 0;}
/* cart */
div#cartblock {padding: 4px; min-height:140px; //height: 140px; color: #fff;}

.box_white {background-color: #fff;} 
.box_white_l_t {background: url('box_white_l_t.gif') 0% 0% no-repeat;}
.box_white_l_b {background: url('box_white_l_b.gif') 0% 100% no-repeat;}
.box_white_r_t {background: url('box_white_r_t.gif') 100% 0% no-repeat;}
.box_white_r_b {background: url('box_white_r_b.gif') 100% 100% no-repeat;}

div#cartblock div.box_white div {color: #ED1C24; height: 26px; line-height: 26px;}
div#cartblock div.box_white img {margin: 0 5px 0 3px; position: relative; top: 3px; //margin-top: 4px;}
div#cartblock p { line-height: 1.5; margin: 5px 5px 5px 22px;}
div#cartblock div.list {background: url('cart_list_icon.gif') 0% 2px no-repeat; padding-left: 16px; margin: 15px 6px 5px 6px;}
div#cartblock div.sravn {background: url('cart_sravn_icon.gif') 0% 2px no-repeat; padding-left: 16px; margin-left: 6px;}
div#cartblock div.list a, div#cartblock div.list a:hover, div#cartblock div.sravn a {color: #fff;}

/* help */
.box_help {background-color: #585858; margin-top: 17px; height: 28px; line-height: 28px;} 
.box_help_l_t {background: url('box_help_l_t.gif') 0% 0% no-repeat;}
.box_help_l_b {background: url('box_help_l_b.gif') 0% 100% no-repeat;}
.box_help_r_t {background: url('box_help_r_t.gif') 100% 0% no-repeat;}
.box_help_r_b {background: url('box_help_r_b.gif') 100% 100% no-repeat;}
.box_help div { height: 28px; line-height: 28px;}
.box_help img {margin: 0 6px 0 7px; //margin-top: 5px;}
.box_help a,.box_help a:hover {color: #fff;}

div.menu_help ul {margin: 10px 0 0 22px; list-style: none;}
div.menu_help ul li {margin: 0; padding-bottom: 5px;}
div.menu_help ul li a {color: #000;}
div.menu_help ul li a:hover, div.menu_help ul li a.act, div.menu_help ul li a.act:hover {text-decoration: none; color: #000;}

/* products list */
div.header div.cont {height: 43px;}
div.header h1 {margin: 0 0 0 12px; color: #fff; font-size: 30px; font-weight: normal; float: left;}

div.header div.box {height: 43px;}

div.sort {float: right;}
div.sort a {margin: 0 5px 0 10px; color: #000; padding-left: 13px;}
div.sort a.act {color: #000; font-weight: bold; text-decoration: none; background: url('sort_icon.gif') 0% 3px no-repeat; padding-left: 13px;}

div.product_display {float: left; position: relative; //height: 200px; min-height: 200px; margin: 50px 30px 0 0;}
div.product_display div.angle {position: absolute; top: -35px; left: 0; background: url('angle.gif') no-repeat 0 0; width: 310px; height: 154px;}
div.product_display h2 {position: absolute; top: -30px; left: 12px; margin: 0; font-size: 1.5em; z-index: 3;}
div.product_display h2 a {color: #EA161D;}

div.product_display div.image {position: absolute; z-index: 2; top: 0; left: 12px;}

div.product_display div.info {width: 280px; //height: 200px; min-height: 146px; position: relative; z-index: 2; margin-left: 175px; overflow: hidden;} 
div.product_display div.info div.bord_g_t {background: url('ban_bord_g.gif') 0% 0% repeat-x;}
div.product_display div.info div.bord_g_b {background: url('ban_bord_g.gif') 0% 100% repeat-x;}
div.product_display div.info div.bord_v_l {background: url('ban_bord_v.gif') 0% 0% repeat-y;}
div.product_display div.info div.bord_v_r {background: url('ban_bord_v.gif') 100% 0% repeat-y; position: relative; z-index: 2;}
div.product_display div.info div.content {padding: 2px 10px 5px 10px;}


div.product_display div.info h3 {font-size: 1.5em; font-weight: bold; margin: 0 0 0.6em 0;}
div.product_display div.info div.short_desc {font-size: 1.17em; margin-bottom: 1em;}

div.product_display div.info div.price_bg,
div.product_article div.info div.price_bg {height: 29px; float: left; background-color: #ED1C24; padding-right: 27px; position:relative;}
div.product_display div.info div.price,
div.product_article div.info div.price {color: #fff; font-size: 24px; font-weight: bold;}
div.product_display div.info div.price span,
div.product_article div.info div.price span {font-size: 18px;}

div.product_article img {margin: 0 20px 10px 12px; float: left; //margin-left: 6px;}
div.product_article p {font-size: 1.17em;}
div.product_article div.info {float: left;} 

.subgroup {margin-top: 20px;}
.subgroup h2 {font-size: 1.33em; margin-top:0;}
.subgroup div.price_bg {float: right; height: 20px; background-color: #ED1C24; padding-right: 12px; position: relative;}
.subgroup div.price {color: #fff; font-size: 17px; font-weight: bold;}
.subgroup div.price span {font-size: 12px;}

/* newstop */
table.news {margin-top: 25px;}
table.news td {padding-right: 25px; padding-left: 12px;}
table.news div.date {font-size: 1.17em;}
table.news h2 {font-size: 1.5em; font-weight: bold; margin: 10px 0 0;}

/* choice */
div#choice {float: left; width: 461px; height: 181px; color: #585858; font-size: 14px;}
div#choice div.tl {background: url('choice_bord_t_l.gif') 0% 0% no-repeat; width: 5px; height: 5px;}
div#choice div.tr {background: url('choice_bord_t_r.gif') 100% 0% no-repeat; width: 5px; height: 5px;}
div#choice div.bl {background: url('choice_bord_b_l.gif') 0% 100% no-repeat; width: 5px; height: 5px;}
div#choice div.br {background: url('choice_bord_b_r.gif') 100% 100% no-repeat; width: 5px; height: 5px;}
div#choice div.cont {border: 1px solid #C1C1C1;}

/* footer banners */
table.f-ban {width: 100%;}
td.f-ban-l {text-align: left;}
td.f-ban-c {text-align: center;}
td.f-ban-r {text-align: right;}

/* footer */
div#footer {height: 116px; color: #fff; font-size: 11px;}
div#footer div.box {height: 116px;}
div#footer a {color: #fff;}

div#footer div#cont {padding: 25px 12px 0 12px;}
div#footer div#cont .copy_softart {width: 200px; text-align: left;}
div#footer div#cont .copy_softart img {margin-right: 8px; float: left; position: relative; top: -3px;}
div#footer div#cont .copy_softart .site {margin-top: 5px; margin-left: 42px; }

.links {margin-top: 10px;}

div#footer div#cont .copy {width: 33%; text-align: left;} 
div#footer div#cont .copy img {float: left; margin-right: 15px;}

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

.group	{float: left; clear: left; width: 100%; margin-bottom: 2em;}
.group	h2 {margin: 0 0 0.5em 0; font-size: 1.17em; font-weight: bold;}

table.tbl {border-collapse: collapse; border: 1px solid #C1C1C1;}
table.tbl td {border: 1px solid #C1C1C1; padding: 2px 10px; font-size: 1em;}
table.tbl td.hdl {font-size: 1.08em; padding: 10px 10px 3px 10px; font-weight: bold;} 
table.tbl th {border: 1px solid #C1C1C1; padding: 2px 10px; font-size: 1em; font-weight: bold; text-align: left;}

.red {color: red;}
.bg_yellow {background:yellow; padding:0 5px 1px;}
.small {font-size: 0.92em;}
small {font-size: 0.92em;}
.big {font-size: 1.17em;}
.bold {font-weight: bold;}

.path {heigh: 26px; line-height: 26px;}
.path img {margin-right: 5px;}

.print {float: right;}

.photo {width: 150px;}
.photo p {width: 150px; font-size: 0.92em; padding: 3px 5px; text-align: center;}

table.tbl_order td {padding: 2px 0;}
table.tbl_order td.hdl {padding: 7px 0 2px; font-size: 1.08em; font-weight: bold;}

table.tbl_compare td {padding: 0 10px;}
table.tbl_compare td.hdl {padding: 3px 10px 0; font-size: 1em; font-weight: bold;}
table.tbl_compare td.gray {background-color: #efefef;}

table.tth {border-collapse: collapse;}
table.tth td {border-bottom: 1px solid #C1C1C1; padding: 2px 10px; font-size: 1em;}
table.tth td.hdl {font-size: 1.08em; padding: 10px 10px 3px 10px; font-weight: bold;} 
table.tth th {border-bottom: 1px solid #C1C1C1; padding: 2px 10px; font-size: 1em; font-weight: bold; text-align: left;}

.pic_left {float: left; margin: 0 20px 10px 0; width: 150px;}
.pic_left p {font-size: 0.92em; width: 150px; margin:0; padding-left: 5px;}

.newstop h2 {font-size: 1.17em; margin: 0 0 0.3em 0;}
.date {margin-bottom: 2px;}

.bestsel {overflow: hidden; width:100%;} 
.bestsel img {float: left;}
.bestsel .txt {margin-left: 120px; padding-right: 20px;}

