html, body {height:100%}
*, html, body {margin:0px; padding:0px;}
body {font:11px Arial, Arial, Helvetica, sans-serif; color:#000; background: #f1fdf9 url(../img/bodyBg.gif) left top repeat;}
td, input, textarea, option, select {font:11px Arial, Arial, Helvetica, sans-serif; color:#000;}
img {border:0px solid;}
a {text-decoration:underline; color:#e6791e;}
a:hover {text-decoration:none; color:#757575 !important;}
.reverse {text-decoration:none}
.reverse:hover {text-decoration:underline}
li {list-style-type:none}
h2 {font:bold 16px Trebuchet MS, Helvetica, sans-serif; padding-top:6px; padding-bottom:12px;}
h3 {font:bold 14px Trebuchet MS, Helvetica, sans-serif; padding-top:6px; padding-bottom:12px;}
.clear {clear:both; height:0px}
.clear1 {clear:both; height:1px}
.clear5 {clear:both; height:5px}
.clear10 {clear:both; height:10px}
.clear20 {clear:both; height:20px}
.clear30 {clear:both; height:30px}
.oneHundredPercent {width:100%;}
.red {color:#e11d03 !important}
.orange {color:#e6791e !important}
#global {position:relative; height:"100%"; min-height:100%; margin-bottom:-142px; width:831px;}
html>body #global {height:auto;}
#header {height:84px; position:relative;}
#header #logo {position:absolute; left:6px; top:15px;}
#header #slogan {position:absolute; left:267px; top:45px;}
#visual {height:366px; margin-bottom:15px; background: url(../img/grayDot.gif) right top repeat-y;}
#visual .brd {height:366px; background: url(../img/visualTopBrd.gif) left top no-repeat; overflow:hidden;}
#visual .brd .brd {height:362px; height:"366px"; background: url(../img/visualBotBrd.gif) left 363px no-repeat; padding:2px 2px 2px 0; overflow:hidden;}
#visual #relative {position:relative; float:left; height:120px; width:639px;}
#visual #navCell {position:absolute; left:0; top:0; width:256px; height:120px; overflow:hidden; background: #bf82ac url(../img/navCellBg.gif) right top no-repeat; margin-right:1px;}
#visual #navCell ul {margin:9px 20px 0 82px;}
#visual #navCell ul li a {padding-left:20px; background: url(../img/navCellArrow.gif) left 6px no-repeat; text-decoration:none; color:#fff; font:20px Trebuchet MS, Helvetica, sans-serif;}
#visual #navCell ul li a:hover {color:#f2e6ee !important; background: url(../img/navCellArrowHover.gif) left 6px no-repeat;}
#visual #vis01 {position:absolute; left:257px; top:0; width:382px; height:120px; overflow:hidden;}
#visual #relative h1 {position:absolute; left:191px; top:0; width:190px; height:72px; height:"120px"; padding-top:48px; background: url(../img/vis01bg.gif) left top no-repeat; text-align:center; font:23px Trebuchet MS, Helvetica, sans-serif; color:#fff;}
#visual #relative .nav {position:absolute; left:30px; top:20px; width:150px;}
#visual #relative .nav li {padding-bottom:2px;}
#visual #relative .nav li a {color:#000;}
#visual #relative .image {position:absolute; left:257px; top:0; width:190px; height:120px;}
#visual .pinkCell {float:left; width:190px; height:120px; background: url(../img/pinkCellBg.gif) left top no-repeat;}
#visual .marginright {margin-right:1px;}
#visual #priemCell {float:left; width:256px; margin-right:1px; height:120px; background: url(../img/priemCellBg.gif) left top no-repeat;}
#visual #priemCell #infoPhone {padding:18px 10px 10px 84px; color:#cc99cc; font:22px Trebuchet MS, Helvetica, sans-serif; line-height:22px;}
#visual #priemCell p {padding:0 10px 0 84px; color:#cc99cc; font:20px Trebuchet MS, Helvetica, sans-serif;}
#visual #vis02 {float:left; width:572px; height:120px; position:relative;}
#visual #vis02 .title {position:absolute; width:190px; height:72px; height:"120px"; background: url(../img/vis02bg.gif) left top no-repeat; padding-top:48px; text-align:center; font:23px Trebuchet MS, Helvetica, sans-serif; color:#fff;}
#visual #vis02 .nav {position:absolute; left:220px; top:20px; width:150px;}
#visual #vis02 .nav li {padding-bottom:2px;}
#visual #vis02 .nav li a {color:#000;}
#visual #vis02 .image {position:absolute; left:191px; top:0; width:191px; height:120px; overflow:hidden;}
#visual #vis02 .image2part {position:absolute; left:382px; top:0; width:190px; height:120px; overflow:hidden;}
#visual #calcCell {float:left; width:256px; height:120px; overflow:hidden; background: url(../img/calcCellBg.gif) left top no-repeat; margin-right:1px;}
#visual #calcCell h3 {font:23px Trebuchet MS, Helvetica, sans-serif; color:#fff;}
#visual #calcCell h3 a {text-decoration:none; color:#fff; background: url(../img/pinkArrow.gif) 0 5px no-repeat; padding:0 0 0 19px; display:block; margin:21px 10px 0 81px;}
#visual #calcCell h3 a:hover {color:#f7f3f6 !important; background: url(../img/pinkArrowHover.gif) 0 5px no-repeat; }
#visual #vis03 {float:left; position:relative; width:381px; height:120px; overflow:hidden;}
#visual #vis03 .title {position:absolute; left:0; top:0; width:190px; height:84px; height:"120px"; padding-top:36px; background: url(../img/vis03bg.gif) left top no-repeat; text-align:center; font:23px Trebuchet MS, Helvetica, sans-serif; color:#fff;}
#visual #vis03 .nav {position:absolute; left:221px; top:20px; width:150px;}
#visual #vis03 .nav li {padding-bottom:2px;}
#visual #vis03 .nav li a {color:#000;}
#visual #vis03 .image {position:absolute; left:191px; top:0; width:190px; height:120px;}
#visualInner {height:124px; margin-bottom:1px; background: url(../img/grayDot.gif) right top repeat-y;}
#visualInner .brd {height:124px; background: url(../img/visualTopBrd.gif) left top no-repeat; overflow:hidden;}
#visualInner .brd .brd {height:120px; height:"124px"; background: url(../img/visualBotBrd.gif) left bottom no-repeat; padding:2px 2px 2px 0; overflow:hidden;}
#visualInner #navCell {width:256px; height:120px; float:left; background: #bf82ac url(../img/navCellBg.gif) right top no-repeat; margin-right:1px;}
#visualInner #navCell ul {margin:9px 20px 0 82px;}
#visualInner #navCell ul li a {padding-left:20px; background: url(../img/navCellArrow.gif) left 6px no-repeat; text-decoration:none; color:#fff; font:20px Trebuchet MS, Helvetica, sans-serif;}
#visualInner #navCell ul li a:hover {color:#f2e6ee !important; background: url(../img/navCellArrowHover.gif) left 6px no-repeat;}
#visualInner #navCell ul li a.active {color:#f2e6ee !important; background: url(../img/navCellArrowHover.gif) left 6px no-repeat;}
#visualInner #category01, #visualInner #category02, #visualInner #category03, #visualInner #categoryAll {float:left; height:120px; width:572px;}
#visualInner #category01 h1 {float:left; width:191px; height:72px; height:"120px"; padding-top:48px; background: url(../img/vis01bg.gif) left top no-repeat; text-align:center; font:23px Trebuchet MS, Helvetica, sans-serif; color:#fff;}
#visualInner #category01 #catVisual {float:left; width:381px; height:120px; background: url(../img/cat01.jpg) left top no-repeat;}
#visualInner #category02 h1 {float:left; width:191px; height:72px; height:"120px"; padding-top:48px; background: url(../img/vis02bg.gif) left top no-repeat; text-align:center; font:23px Trebuchet MS, Helvetica, sans-serif; color:#fff;}
#visualInner #category02 #catVisual {float:left; width:381px; height:120px; background: url(../img/cat02.jpg) left top no-repeat;}
#visualInner #category03 h1 {float:left; width:191px; height:84px; height:"120px"; padding-top:36px; background: url(../img/vis03bg.gif) left top no-repeat; text-align:center; font:23px Trebuchet MS, Helvetica, sans-serif; color:#fff;}
#visualInner #category03 #catVisual {float:left; width:381px; height:120px; background: url(../img/cat03.jpg) left top no-repeat;}
#visualInner #categoryAll .vis {float:left; width:191px; height:120px; background-color: #fff;}
#visualInner #categoryAll .first {background: url(../img/img01.jpg) left top no-repeat;}
#visualInner #categoryAll .second {background: url(../img/img022.jpg) left top no-repeat;}
#visualInner #categoryAll .third {width:190px; background: url(../img/img031.jpg) left top no-repeat;}
#subNav {min-height:28px; height:"32px"; background: url(../img/subNavTopArrow.gif) 333px top no-repeat; padding-top:4px; margin-bottom:10px;}
#subNav .bg {min-height:28px; height:"28px"; background: #d3d3d3 url(../img/subNavTopCorner.gif) right top no-repeat; padding-left:297px;}
#subNav .bg .bg2 {min-height:28px; height:"28px"; background: url(../img/subNAvBottomCorner.gif) right bottom no-repeat;}
#subNav .bg ul {padding-top:3px;}
#subNav .bg ul li {float:left; padding:3px 32px 3px 0;}
#subNav .bg ul li span {color:#5f5f5f; font:12px Trebuchet MS, Helvetica, sans-serif;}
#subNav .bg ul li a {color:#9999FF;font-weight: bold;}
#subNav .bg ul li a.active {color:#5f5f5f; text-decoration:underline;font-weight: bold;}
#leftCol {float:left; width:257px; padding-bottom:30px;}
#leftCol #secondaryNav {padding:8px 10px 10px 91px; background: url(../img/dot.gif) right top repeat-y; margin-bottom:10px;}
#leftCol #secondaryNav li {padding-bottom:4px;}
#leftCol #secondaryNav li span {font:15px Trebuchet MS, Helvetica, sans-serif; color:#a33681;}
#leftCol #secondaryNav li .decimal {display:block; float:left; width:10px; font:10px Trebuchet MS, Helvetica, sans-serif; padding-top:5px;}
#leftCol #secondaryNav li a {font:15px Trebuchet MS, Helvetica, sans-serif; color:#000;}
#leftCol .pinkDiv {background: #dacad7 url(../img/pinkDivTopCorner.gif) right top no-repeat; margin-bottom:20px;}
#leftCol .pinkDiv .bg {background: url(../img/pinkDivBotCorner.gif) right bottom no-repeat; padding:15px 20px 12px 89px;}
#leftCol .pinkDiv .bg #infoPhone2 {background: url(../img/pinkh3bg.gif) left 4px no-repeat; padding-left:12px; font:18px Trebuchet MS, Helvetica, sans-serif; color:#fff; line-height:16px;}
#leftCol .pinkDiv .bg p {padding-left:12px; padding-top:8px; font:bold 14px Trebuchet MS, Helvetica, sans-serif; color:#fff;}
#leftCol .pinkDiv .bg a {display:block; background: url(../img/pinkh3bg.gif) left 4px no-repeat; padding-left:12px; font:18px Trebuchet MS, Helvetica, sans-serif; color:#fff; line-height:16px; text-decoration:none;}
#leftCol .pinkDiv .bg a:hover {color:#f7f3f6 !important; background: url(../img/pinkh3bghover.gif) left 4px no-repeat;}
#rightCol {float:left; width:510px; width:"550px"; padding-left:40px; overflow-x:hidden; padding-bottom:30px; font:11px Trebuchet MS, Helvetica, sans-serif; color:#484848;}
#rightCol #razdel {color:#a33681; font:18px Trebuchet MS, Helvetica, sans-serif; padding-bottom:10px;}
#rightCol h1 {color:#707070; font:bold 6px Trebuchet MS, Helvetica, sans-serif; padding-top:6px; padding-bottom:12px;}
#rightCol h2 {color:#707070; font:bold 14px Trebuchet MS, Helvetica, sans-serif; padding-top:6px; padding-bottom:2px;}
#rightCol p {padding-bottom:15px; line-height:15px;}
#rightCol ul {padding-bottom:15px; position:relative; left:-12px; min-height:10px; height:"10px";}
#rightCol li {padding-left:12px; background: url(../img/square.gif) left 7px no-repeat;}
#links {padding:0 0 24px 259px;}
#links .partOne {float:left; width:190px; margin-right:25px; background: url(../img/dot.gif) right top repeat-y;}
#links .partOne #razdel {font:17px Trebuchet MS, Helvetica, sans-serif; padding-bottom:10px;}
#links .partOne ul {padding-right:10px; position:relative; left:-11px; min-height:10px; height:"10px";}
#links .partOne ul li {line-height:17px; padding-left:11px; background: url(../img/arrow2.gif) left 7px no-repeat; padding-bottom:4px; font-size:13px;}
#links .partOne ul li a {color:#000; text-decoration:none; font-size:13px;}
#links .partTwo {float:left; width:320px;}
#links .partTwo #razdel {font:17px Trebuchet MS, Helvetica, sans-serif; padding-bottom:10px;}
#links .partTwo ul {padding-right:10px;}
#links .partTwo ul li {line-height:17px; padding-bottom:4px;}
#links .partTwo ul li a {color:#000; text-decoration:none; font-size:13px; /*padding-right:14px; background: url(../img/arrow3.gif) right bottom no-repeat; min-height:10px; height:"10px"; display:inline;*/}
#links .partTwo ul li .arrow {padding-left:6px; position:relative; top:3px;}
#links p {color:#000; text-decoration:none; font:13px Trebuchet MS, Helvetica, sans-serif; }
#footerPad {height:142px; clear:both;}
#footer {height:142px; position:relative; width:831px; top:0px;}
#footer #footerBg {height:88px; background: #cbcfdb url(../img/footerBg.gif) right top no-repeat;}
#footer #developer {position:absolute; right:190px; top:9px; background: url(../img/dot2.gif) right top repeat-y; min-height:72px; height:"72px"; padding-right:7px; text-align:right;}
#footer #developer #infoDeveloper {height:21px; height:"24px"; padding-top:3px; font:bold 14px Trebuchet MS, Helvetica, sans-serif;}
#footer #developer #infoDeveloper a {color:#000; text-decoration:none;}
#footer #developer #infoDeveloper a:hover {color:#000; text-decoration:underline; color:#000 !important;}
#footer #developer p {font-size:11px;}
#footer #developer p a {text-decoration:none; color:#000;}
#footer #copyright {position:absolute; left:652px; top:9px; min-height:72px; height:"72px"; text-align:left; width:174px;}
#footer #copyright #infoCopyright {height:21px; height:"24px"; padding-top:3px; font:bold 14px Trebuchet MS, Helvetica, sans-serif;}
#footer #copyright #infoCopyright a {color:#000; text-decoration:none;}
#footer #copyright p {font-size:11px; padding-bottom:6px;}
#footer #copyright p a {text-decoration:none; color:#000;}
div.counter{display:inline; height:0px; left:-1000px; margin:0px; padding:0px; position:absolute; top:-1000px; visibility:hidden; width:0px}
/* // ---- table for catalog---- // */
font.table_title {font-weight: bold; font-size: 12px; color: #fff; font: Tahoma,Verdana,Helvetica,'MS Sans Serif',sans-serif}
font.txt_table {color:#5f5f5f;font:Tahoma,Verdana,Helvetica,'MS Sans Serif',sans-serif;font-size: 10pt;}
table.catalog { border-collapse:collapse; margin: 2px 0px 0px 0px;}
table.catalog tr td {padding: 5px 10px; border: solid 1px #f3f5f4; font:11px Tahoma;color:#333;}
table.catalog td.m_title {color:#ff9b23; font:12px Tahoma;}
/* // ---- table for catalog ---- // */
table.order { border-collapse:collapse; margin: 2px 0px 0px 0px;}
table.order tr td {padding: 5px 10px; font:11px Tahoma;color:#333;}