@import url(sprite_16x16.css);  /* импорт иконок 16х16*/
	/* тэги в нижнем регистре для xhtml+xml */
html,body,table,input,textarea,select {
	/*background: #F8F8F8;*/
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000;
}

html,body {
	height: 100%;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	background: #FFF;
}

table { /* ширины 100% не должно тут быть
	*  auto решение нужно, но глупый IE
	*  не понимает ограничение div-a
	*  переполняя его
	*/ /*width: auto;*/
	width: 100%;
	border: 0 none;
	vertical-align: middle;
	padding: 0;
}

/* TABLE, TH, TD {border-collapse: collapse;} */ /* cellspacing=0 */ /*
table {border-collapse: collapse;}
table th, td {padding: 0px;}
*/ /* cellspacing=5 */ /* cellpadding=3 */ /*
table {border-collapse: separate;border-spacing: 5px;}
table th,td {padding: 3px;}
*/
p {
	margin: .5em;
}

form {
	margin: 0;
}

input,textarea,select,button {
	color: #03A;
	vertical-align: middle;
	border: 1px inset #ABE;
	background: #FFF;
}

fieldset,option,form,img {
	border: 0;
}

img {
	text-decoration: none;
	vertical-align: middle;
}

/*h2,h5 {
	display: inline;
}*/
dt {
	color: #03A;
	font-weight: 700;
}

dd {
	margin-left: .5em;
	padding: .2em;
}

acronym,abbr,.help {
	color: #369;
	font-weight: 700;
	cursor: help;
	border-bottom: 1px dashed #369;
}

a {
	text-decoration: none;
	color: #06E;
}

.t,#Goods {
	vertical-align: top;
}

/* [] отдельно ибо IE не понимает такой css */
[type=checkbox],[type=radio] {
	border: 0 none;
}

[type=radio] {
	vertical-align: top;
}

[disabled=disabled] {
	color: #AAA;
	cursor: default !important;
}

/*.TInput,.TButton {
	color: #036;
	font-weight: 400;
}*/
.TButton {
	background: transparent url(/i/bg/button.png) repeat-x;
	border: 1px outset #ABE;
	cursor: pointer;
	font-family: Tahoma;
	margin: 2px;
}

a.LinkA {
	color: #E41;
}

a:hover { /*color: #2A70FC;*/
	text-decoration: underline;
}

a.ext {
	padding-right: 20px;
	background: url(/i/link_ext.png) no-repeat 100% 50%;
}

a.desc_link,a.desc_i_link {
	background: transparent url(/i/desc0.png) no-repeat scroll right center;
	display: block;
	padding-right: 16px;
}

a.desc_i_link {
	background: transparent url(/i/desc1.png) no-repeat scroll right center;
}

/*
a.desc_link:hover {
	border: 1px solid #dd9946;
	background-color: #ffe292;
	text-decoration: none;
}*/
.non,.non:hover { /* не только A*/
	text-decoration: none;
	border: 0;
}

.hrl {
	display: block;
	margin: 3px auto;
	width: 98%;
	height: 1px;
	background: transparent url(/i/bg/hr.png) repeat-x;
}

#about { /*	border-color: #CCC;
	border-style: groove;
	border-width: 2px 0 0 2px;*/
	margin: 1em;
	padding: 1em;
}

#header {
	height: 45px;
	background: transparent url(/i/bg/header.png) repeat scroll 0 0;
}

/* Логотип */
#header a#logo {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 420px;
	height: 45px;
	background: transparent url(/i/bg/logo.png) no-repeat scroll 0 0;
}

/* email, телефоны */
#header #contacts {
	position: absolute;
	top: 0;
	right: 2em;
	margin: .5em;
	line-height: 1.5em;
	white-space: nowrap;
}

/* основная навигация */
#headerNav {
	white-space: nowrap;
	height: 2em;
	padding-left: 2em;
	line-height: 2em;
	font-weight: 700;
	border-color: #CAD6E8;
	border-style: solid;
	border-width: 1px 0;
	background: url(/i/bg/header_nav.png) repeat-x #F3F8FF;
}

#headerNav a {
	display: list-item;
	float: left;
	margin-left: 3em;
	width: auto;
}

#headerNav a.A,#headerNav a:hover {
	color: #E41;
}

#CenterTable {
	padding: 1em;
	vertical-align: top;
	/*border-right: 1px solid #CAD6E8;*/
}

#LateralTable {
	padding: 1em 0;
	width: 178px;
	text-align: center;
	vertical-align: top;
}

#footer {
	vertical-align: middle;
	height: 35px;
	border-color: #CAD6E8;
	border-style: solid;
	border-width: 1px 0;
	background: url(/i/bg/footer.png) repeat-x #F3F8FF;
	clear: both;
}

#footer .counter {
	float: left;
	width: auto;
	margin: 2px 20px;
}

#Catalog {
	width: 210px;
	vertical-align: top;
}

.TblTitle {
	font-weight: 700;
	color: #193699;
	border-bottom: 1px solid #98B4E2;
	padding: 1px;
}

.CatA,.CatP {
	text-transform: lowercase;
	border: 1px solid #98B4E2;
	border-top: 0 none;
	background: #E0E8F6;
}

a.TP,a.TPP {
	color: #000;
	display: block;
	height: 100%;
	font-size: 9pt;
	padding: .2em .2em .2em .4em;
}

a.TPP {
	font-size: 8pt;
	padding: .1em;
}

a.TP:hover,a.TPP:hover {
	color: #D00;
	text-decoration: none;
	background: #FAEBD7;
}

.conn_cord,#conn_in,#conn_out {
	width: 20px;
}

#conn_out { /* |- */
	background: transparent url(/i/conn_out.png) no-repeat scroll 50% 0;
}

.conn_cord { /* | */
	background: transparent url(/i/conn_cord.png) repeat-y scroll 50% 0;
}

#conn_in { /* -| */
	background: transparent url(/i/conn_in.png) no-repeat scroll 50% 100%;
}

.GoodsTable,.GoodsTableP {
	width: 100%;
	border: 0 none;
	/*	background: #98B4E2;*/
	background: #CAD6E8;
}

.GoodsTable td {
	vertical-align: top;
	line-height: 16px;
}

.GoodsTable A {
	color: #006699;
}

.GoodsTitle {
	text-align: center;
	font-weight: 700;
	font-size: 9pt;
	color: #039;
	padding: 1px;
	background: url(/i/bg/title.png) repeat-x;
}

.CatP,.Goods1,.GoodsR {
	background: #FFF;
}

.Goods2 {
	background: #FAFCFF;
}

.GoodsR:hover {
	color: #D00;
	background: #FAEBD7;
}

.GoodsG {
	color: #090;
	background: #DFD;
}

.GoodsB {
	color: #009;
	background: #DDF;
}

.GoodsY {
	color: #999000;
	background: #FFFDDD;
}

.Sect2,.Sect3,.Sect4 {
	text-align: center;
	font-weight: 700;
	background: #D8E5FA;
}

.Sect3 {
	background: #ECF2FC;
}

.Sect4 {
	background: #F6F9FD;
}

.br,.space {
	visibility: hidden;
	float: none;
	clear: both;
	width: 0;
	height: 0;
	border: none 0;
	line-height: 0; /* IE bug?*/
}

.space {
	visibility: visible;
	display: block;
	width: 16px;
	height: 16px;
	line-height: 16px;
}

.IQ,.IQP { /* ввод количество товара */
	background: #FFF;
	width: 3em;
	text-align: center;
	border: 1px solid #CAD6E8;
}

.IQP { /* ввод количество товара (партнёры) */
	color: #C00;
	border: 1px solid #DDE9FB;
}

.c {
	margin: auto;
	text-align: center;
}

.r {
	text-align: right;
}

.l {
	text-align: left;
}

.m {
	vertical-align: middle;
}

.b {
	vertical-align: bottom
}

.nw {
	white-space: nowrap;
}

.w0 {
	width: 0;
}

.w50 {
	width: 50%;
}

.w100 {
	width: 100%;
}

.in {
	font-weight: 400;
	text-decoration: underline;
}

.orange {
	color: #F40 !important;
}

.grey {
	color: #777 !important;
}

.rd { /*color: #DB0D01;*/
	color: #E41 !important;
}

.rd2 {
	color: #193699 !important;
}

.bg_b1 {
	background: #CAD6E8;
}

.bg_wt {
	background: #FFF;
}

.i {
	font-style: italic;
}

.bold {
	font-weight: 700;
}

.strike {
	text-decoration: line-through;
}

.tu {
	border-bottom: 1px solid #CAD6E8;
}

.vid {
	border: 1px solid #E82F86;
	text-decoration: none;
	padding: 2px;
}

.invisible {
	height: 0;
	width: 0;
	left: -5000px;
	top: -5000px;
	position: absolute;
	visibility: hidden;
	display: none;
	margin: 0;
	padding: 0;
}

.br {
	visibility: hidden;
	float: none;
	clear: both;
	width: 0;
	height: 0;
	border: none 0;
	line-height: 0; /* IE bug?*/
}

.float_left {
	float: left;
	width: auto;
	display: inline;
}

.float_right {
	float: right;
	width: auto;
	display: inline;
}

.SideBarTab,.news_block {
	background: #FFF;
	border: 1px solid #CAD6E8;
	font-size: 10px;
	line-height: 1.5em;
	margin: 0 auto 2em;
	padding: .5em;
	text-align: left;
	width: 152px;
}

.news_block { /* см. SideBarTab */
	font-size: 8pt;
	margin-top: 1em;
	position: relative;
	width: 98%;
}

.SideBarTab h3,.news_head {
	background: #F3F8FF;
	border-bottom: 1px solid #CAD6E8;
	color: #1166AA;
	font-size: 100%;
	font-weight: 700;
	line-height: 1em;
	margin: -.5em -.5em .5em;
	padding: .3em;
}

.cart {
	border: 1px solid #E41 !important;
}
.cart_head {
	border-bottom: 1px solid #E41 !important;
	background: #FC6 !important;
}

.news_head {
	display: inline;
	background: #FFF;
	border: 0 none;
	margin: 0 1em;
	padding: 0 1em;
	position: relative;
	top: -1.3em;
}

.news_head span {
	padding-left: 1em;
	color: #BB0D01;
}

.aNewsTBL {
	vertical-align: top;
	border: 1px solid #CAD6E8;
	width: auto;
	background: #FAFCFF;
}

.desc {
	position: relative;
	border: 1px solid #CAD6E8;
	vertical-align: top;
	width: 98%; /*48*/
	float: left;
	overflow: visible;
	margin: 0 .5% .5%;
	padding: 0;
}

.desc_head {
	background: #F3F8FF;
	border-bottom: 1px solid #CAD6E8;
	color: #16A;
	font-weight: 700;
	margin-bottom: .5em;
	padding: .5em;
	vertical-align: middle;
}

.desc_actions {
	position: relative;
	/*margin: -.5em;*/ /* проверить при смене разрешения экрана*/
	float: right;
	height: auto;
	width: auto;
	color: #F40;
	padding: 1px;
}

.desc_body { /*font-family: Tahoma, Verdana, sans-serif;*/
	padding: 0 .5em .5em;
}

.desc_buy {
	background: #FFF; /* без фона IE6 не показывает border-bottom */
	border-bottom: 1px dashed #FC6;
	margin: 0 1em 1em;
	overflow: auto;
	line-height: 32px; /*line-height: 1.5em;*/
	padding: 0 1em 0.5em;
}

.price {
	font-size: 9pt;
	padding-left: 2em;
}

.price span {
	font-size: 14pt;
	margin-right: .2em;
	/*color: #333 !important;*/
}

.desc_img {
	margin: 0 1em 1em;
	overflow: hidden;
	/* в случае с auto - IE не растягивает по высоте, и не работает margin-bottom: */
	width: 98%;
}

.desc_img_A {
	overflow: hidden;
	width: auto;
	float: left;
}

.desc_img a,.desc_img_A a {
	/*background: #c8d0d4 #f7f6e5 url(/i/lens.png) no-repeat scroll 50% 100%;*/
	/*background: transparent url(/i/lens.png) no-repeat scroll 50% 100%;*/
	/*background: transparent url(/i/lens0.png) no-repeat scroll 50% 100%;*/
	/* height: 120px; менее 116 - IE6 уводит линзу под картинку */
	vertical-align: top;
	text-align: center;
	border: 1px solid #EEE;
	display: block;
	float: left;
	height: 96px;
	margin: 0 .2em;
	padding: .2em;
	max-width: 130px;
	min-width: 96px;
	width: auto;
}

.desc_img a:hover,.desc_img_A a:hover {
	border-bottom: 1px solid #FC6;
	border-top: 1px solid #FC6;
}

.desc_tbl {
	font-family: inherit;
	margin: 0 auto 1em;
	width: 98%; /* при >98  в IE включается overflow у родителя .desc */
	border-collapse: collapse;
}

.desc_tbl th {
	background: #EEFFEE;
	color: #3E5C7D;
	text-align: left;
	text-transform: uppercase;
}

.desc_tbl td,th {
	vertical-align: top;
	background: #FFF;
	border: 1px solid #DDD;
	padding: .4em;
	color: #222;
}

.desc_tbl .remark {
	font-style: italic;
	color: #777 !important;
	background: #FEFEFA;
}

.alert {
	text-transform: uppercase;
	background: #E41;
	color: #FCC;
	margin: 0.3em;
	padding: .5em;
}
/*
#CAD6E8
#FDF7F0
#A1BEEA
#DFE6EC
#9FB3C6
#008000
#84C100
#CC6600
#E47911
#004B91
#990000
#D4D0C8
#3399FF
#0860A8
#B9C8D0
#98B4E2
*/
