HTML, BODY, DIV, SPAN, H1, H2, H3, H4, H5, H6, P, A, IMG, ADDRESS, BIG, SMALL, EM, ADDRESS,
FONT, IMG, STRONG, SUB, SUP, TT, VAR, DEL, INS, DL, DT, DD, OL, UL, LI, FORM, TABLE, TR, TH, TD {margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;}
SUB, SUP {vertical-align: top;}	
OL, UL {list-style: none;}
TABLE {border-collapse: collapse; border-spacing: 0; empty-cells: show;}
TH, TD {text-align: left; font-weight: normal; vertical-align: top;}
:focus {outline: 0;}

HTML, BODY {height: 100%;}
BODY {background: #FFF; color: #333; text-align: center; font-family: Arial, sans-serif; font-size: 14px; line-height: 18px;}
#key-access {background: #FFF url(/images/bg.png) repeat-x;}

A {color: #387DFE; text-decoration: none; border-bottom: 1px dotted;}
A:hover {color: #FF9C00; border-bottom: 1px solid;}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {head~body A { border-style: solid;}}

INPUT, SELECT, TEXTAREA {font-family: Arial, sans-serif; color: #000; font-size: 14px;}
TEXTAREA {background: #FFF; overflow: auto;}

H1, H2, H3, H4, H5, H6 {margin: 16px 0;}
H1 {font-size: 18px; font-weight: normal; line-height: 24px;}
H1 VAR {color: #999;}
H2 {font-size: 16px; line-height: 20px;}
H3, H4, H5, H6 {font-size: 14px;}

P, .p {margin: 16px 0;}
.p-double {margin-bottom: 32px}

UL {margin: 16px 0;}
LI UL {margin: 8px 0 16px 16px;}
UL LI, OL UL LI {margin: 8px 0; padding-left: 16px; background: url(/images/bg_li.png) 0 9px no-repeat;}

OL {margin: 16px 0; list-style: decimal inside none;}
OL OL {list-style: lower-alpha inside none;}
LI OL {margin: 8px 0 16px 16px;}
OL LI, UL OL LI {margin: 8px 0; background: none;}

DL {margin: 16px 0;}
DT {margin: 8px 0;}
DD {margin: 8px 0 8px 16px;}

SMALL {font-size: 12px;}

.clear {clear: both;}
.clear-fix:after, #container:after, #nav:after {content: ''; display: block; height: 0; clear: both;}

.nowrap {white-space: nowrap;}
.error, .err, .ok, .info {font-style: italic;}
.error {color: #F00; font-size: 12px; line-height: normal; display: block;}
.err {color: #F00;}
.ok {color: #090;}

#content-nf {width: 322px; height: 168px; position: absolute; top: 50%; left: 50%; margin: -124px 0 0 -161px;}
#content-nf H1, #content-nf H2 {line-height: normal; margin: 0; font-weight: normal;}
#content-nf H1 {font-size: 36px; color: #C3C3C3;}
#content-nf H2 {font-size: 24px; color: #FF9C00; margin: 8px 0 16px;}
#content-nf P {font-size: 14px; margin: 0;}
#content-nf P SPAN {visibility: hidden;}

#wrapper {margin: 0 auto; width: 960px; min-height: 100%; text-align: left;}
#wrapper-nf {min-height: 100%; text-align: left; background: url(/images/bg_not_found.jpg) 100% 100% no-repeat; min-width: 780px;}

#container {padding-bottom: 111px;}

#sidebar {float: left; width: 208px;}

#header {height: 112px;}
#header #logo {width: 208px; height: 80px; margin: 0; line-height: normal; font-size: 14px; font-style: italic; font-weight: bold; background: #5AA2FF url(/images/bg_logo.png) no-repeat; overflow: hidden;}
#header #logo A, #header #logo A:hover, #header #logo SPAN {width: 192px; height: 34px; display: block; color: #FFF; text-decoration: none; padding: 46px 0 0 16px; word-spacing: 1px; border: 0;}
#header #logo A {background: url(/images/bg_logo_ani.gif) 0 -99px no-repeat;}
#header #logo A:hover {background-position: 69px 21px;}

#nav {padding-left: 16px; min-height: 336px;}
#nav UL {margin: 0; float: left;}
#nav UL UL {margin: 4px 0;}
#nav LI {font-size: 16px; font-weight: bold; font-style: italic; line-height: 24px; padding: 0; margin: 0; background: none;}
#nav LI LI {font-size: 14px; font-weight: normal; line-height: 22px;}
#nav LI A, #nav LI SPAN {display: block; border: none; float: left; clear: left;}
#nav LI A EM {border-bottom: 1px dotted;}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {head~body #nav LI A EM { border-style: solid;}}
#nav LI A:hover EM {border-bottom: 1px solid;}
#nav LI LI A, #nav LI LI SPAN {padding-left: 12px; background: url(/images/bg_nav.png) 0 9px no-repeat;}
#nav LI LI A:hover {background-position: 0 -23px;}
#nav LI LI SPAN {background-position: 0 -55px;}

.share {background: #5AA2FF; color: #FFF; padding: 0 16px; margin-bottom: 16px; font-style: italic;}
.share SUP, .share SUB {background: url(/images/bg_share.png) no-repeat; display: block; height: 4px; overflow: hidden; margin: 0 -16px;}
.share SUP {margin-bottom: -3px;}
.share SUB {margin-top: -3px; background-position: 0 -4px;}
.share H2  {margin: 13px 0 15px; padding-bottom: 8px; border-bottom: 1px solid #8CBEFF;}

.attention {margin: 24px 0 16px; padding: 0 8px 0 16px; font-style: italic; color: #666;}
.attention H2 {margin: 0 0 8px;}
.attention P {margin: 8px 0;}

#section {float: right; width: 720px; position: relative;}

#contacts {position: absolute; top: 10px; right: 0; font-size: 12px; z-index: 100;}
#contacts SPAN {color: #808080;}

#robot {background: url(/images/bg_robot.png) 150px 42px no-repeat; border-bottom: 1px solid #E3E3E3; height: 448px; position: relative; z-index: 99;}

.robot-addon {background: url(/images/bg_robot_addon.png) no-repeat; position: absolute; overflow: hidden;}
.robot-addon A, .robot-addon A:hover {border: 0; display: block; width: 74px; height: 74px;}
.robot-addon EM {display: none;}
.robot-right A {float: right;}

.dphone-video {top: 37px; left: 72px; width: 190px; height: 74px;}
.videoglazok {top: 146px; left: 10px; width: 210px; height: 112px; background-position: 0 -74px;}
.identifiers {top: 287px; left: 0; width: 221px; height: 75px; background-position: 0 -186px;}
.dphone-audio {top: 56px; right: 253px; width: 135px; height: 74px; background-position: 100% 0;} 
.inretcom {top: 92px; right: 169px; width: 165px; height: 87px; background-position: 100% -74px;}
.e-lock {top: 188px; right: 152px; width: 222px; height: 74px; background-position: 100% -161px;}
.psu {top: 282px; right: 196px; width: 180px; height: 92px; background-position: 100% -235px;}

#features {position: absolute; top: 112px; right: 0; width: 80px;}
#features P {margin: 0 0 16px; height: 80px;}
#features EM {display: none;}
#low-price, #quality, #guarantee {background: url(/images/bg_robot_features.png) no-repeat;}
#quality {background-position: 0 -80px;}
#guarantee {background-position: 0 -160px;}

#top {height: 79px; border-bottom: 1px solid #E9E9E9; margin-bottom: 31px;}
#top P {margin: 0; padding-top: 20px; width: 512px; color: #ACACAC;}

.tab-1 {margin: 16px 0 32px;}
.tab-1 TABLE {width: 100%;}
.tab-1 TH, .tab-1 TD {padding: 0;}
.tab-1 TH {background: #F6F6F6;}
.tab-1 TH A, .lnk-name {width: 0; height: 0; border: 0; font-size: 0; line-height: 0;}
.tab-1 H3 {margin: 8px 0; padding: 0 8px;}
.tab-1 H3 INS {text-decoration: none; font-weight: normal; color: #808080;}
.tab-1 .add-info {color: #808080; margin: 4px 0 16px; white-space: nowrap;}
.tab-1 TD.product {padding: 16px 16px 0 0; text-align: center; width: 1%;}
.tab-1 TD.product A, .tab-1 TD.product A:hover {border: 0;}
.tab-1 .price {font-size: 16px; display: block; text-align: center; margin-top: 8px; white-space: nowrap; color: #666;}
.tab-1 .price STRONG {font-size: 18px; color: #FF9C00;}
.tab-1 TD TH, .tab-1 TD TD {border-bottom: 1px solid #E9E9E9; padding: 8px; font-size: 12px; background: none;}
.tab-1 TD TH {border-bottom-width: 2px; font-weight: bold;}

.tab-2 {margin: 16px 0;}
.tab-2 TABLE {width: 100%;}
.tab-2 TH, .tab-2 TD {border-bottom: 1px solid #E9E9E9; padding: 16px 8px 16px 0; font-size: 12px;}
.tab-2 TR.last TD {border: 0;}
.tab-2 TH {border-bottom-width: 2px; font-weight: bold; font-size: 14px; padding: 8px 8px 8px 0;}
.tab-2 TD.product {text-align: center; width: 1%; padding-right: 24px;}
.tab-2 TD.product A, .tab-2 TD.product A:hover {border: 0;}
.tab-2 TD.product INS {text-decoration: none; padding-top: 8px;}
.tab-2 TD.product A INS {border-bottom: 1px dotted;}
.tab-2 TD.product A:hover INS {border-bottom: 1px solid;}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {head~body .tab-2 TD.product A INS { border-style: solid;}}
.tab-2 H2 {margin: 0 0 8px; font-size: 12px;}
.tab-2 P {margin: 8px 0;}
.tab-2 .price {white-space: nowrap; width: 1%; font-size: 12px; padding-left: 24px;}
.tab-2 .price P {margin: 28px 0 0; color: #999;}
.tab-2 .price STRONG {color: #FF9C00; font-size: 16px;}

.tab-3 {margin: 24px 0 16px;}
.tab-3 TABLE {width: 100%; font-size: 12px}
.tab-3 TH, .tab-3 TD {padding: 4px 8px 4px 0;}
.tab-3 TH {font-weight: bold; padding: 8px 8px 16px; color: #666; font-size: 14px;}
.tab-3 TD.product {text-align: center; width: 1%;}
.tab-3 TD.product A, .tab-3 TD.product A:hover {border: 0;}
.tab-3 H2 {margin: 0 0 4px; font-size: 12px;}
.tab-3 P {margin: 0; color: #808080;}
.tab-3 P STRONG {color: #FF9C00;}

#vacancy {border-top: 1px solid #E3E3E3; padding-top: 12px; margin-top: 24px;}

.frame {border: 1px solid #CCC; border-color: #D9D9DA #C6C6C7 #C6C6C7 #D9D9DA; background: #FFF; padding: 8px; float: left;}
.frame A, .frame IMG, #footer P A, #footer P IMG {display: block;}
.frame A, .frame IMG {border: 0;}

#foot {height: 0; position: relative; width: 960px; margin: 0 auto; text-align: left;}
#footer {width: 100%; height: 94px; position: absolute; left: 0; top: -96px; border-top: 2px solid #E3E3E3;}
#footer ADDRESS {font-style: normal; font-size: 12px; line-height: normal; color: #666; position: absolute; left: 16px; top: 17px;}

#footer P {margin: 0; position: absolute; right: 16px; top: 30px; width: 31px; height: 31px; overflow: hidden;}
#footer P A {border: 0;}
DEL {display: none;}

.table-album {margin: 16px 0;}
.table-album TD {padding: 0 16px 16px 0;}
.table-album TD SPAN {display: block; font-size: 12px; clear: both; padding-top: 4px; line-height: normal;}
.table-album TD SPAN A {color: #333; font-size: 11px; border: 0;}
.table-album TD SPAN A:hover {color: #FF9C00; border-bottom: 1px solid;}

