html,body { height: 100%; margin: 0; padding: 0; background: #ffffff; font-family: Arial,Tahoma,Verdana; font-size: 100%; overflow: auto; }
img { border: 0; }
form { margin: 0; padding: 0; }

a { color: #333399; }
a:visited { color: #333399; }
a:hover	{ color:red; text-decoration:none; }

h1,h2,h3 {
	color: #777777;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
h1 { font-size: 120%; }
h1 a:visited { color: #777777; }
h2 { font-size: 110%; }
h3 { font-size: 105%; }

.clear { clear: both; }
#outerWrapper { min-width: 1000px; position: relative; height: 100%; }

/* шапка */
#head { background: #d9dade url(/images/background.jpg) left top repeat-x; }
#iHead { height: 144px; }
#logo { margin: 13px 0 0 100px; }
#slogan { position: absolute; top: 15px; left: 280px; }
#head p.address { float: right; width: 280px; margin-top: 30px; font-weight: bold; line-height: 200%; text-align: right; margin-right: 15px; }
#menuUp {
	background: #777777 url(/images/menuUpBack1.gif) left top repeat-x;
	height: 29px;
	text-align: center;
}
#menuUpInner {
	width: 832px;
	margin: 0 auto;
}

#menuUp a {
	text-decoration: none;
	color: white;
	background: url(/images/munuUpItemBack.gif) left top  no-repeat;
	color: #377137;
	text-decoration: none;
	line-height: 24px;
	display: block;
	float: left;
	width: 170px;
	margin: 3px 2px 0 0;
	padding: 0;
	text-align: center;
	white-space: nowrap;
}
#menuUp a.s {
	background: url(/images/munuUpItemBacks.gif) left top  no-repeat;
	width: 120px;
}

#menuUp a:hover {
	color: red;
	text-decoration: underline;
}
#menuUp a.active { color: red; }
/* шапка */

/* футер */
#footer {
	background: #777777 url(/images/menuUpBack1.gif) left top repeat-x;
	text-align: center;
	font-size: 10px;
	color: white;
	height: 19px;
	line-height: 19px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
/* футер */

/* левое меню */
#leftMenu {
	width: 250px;
	background: #d7e3d7;
	margin-top: 0;
	padding: 15px 0;
	padding-bottom: 10000px;
	margin-bottom: -10000px;
	float: left;
	position: fixed;
	left: 0;
	font-size: 13px;
}
#innerLeftMenu {
	width: 238px;
	line-height: 24px;
}
#leftMenu a {
	display: block;
	background: url(/images/menubg.gif) left top no-repeat;
	color: #377137;
	text-decoration: none;
	padding-left: 10px;
	white-space: nowrap;
	overflow: hidden;
	width: 228px;
}
#leftMenu a:hover {
	background: url(/images/menubg_h.gif) left top  no-repeat;
	color: red;
	text-decoration: underline;
}
#leftMenu a.l4 {
	background: url(/images/menubg_h.gif) left top  no-repeat;
}
#leftMenu a.l3 {
	font-weight: bold;
}

#leftMenu a.active {
	color: red;
}
/* левое меню */

#main {
	position: absolute;
	top: 173px;
	left: 0;
	right: 0;
	bottom: 19px;
	overflow: auto;
	padding-right: 32px;
}

#content {
	margin-left: 280px;
	padding-top: 20px;
	padding-bottom: 50px;
/*	padding-bottom: 10000px;
	margin-bottom: -10000px;*/
}

/* End Mac IE5 filter */
#innerMain
	{
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#innerMain
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
#innerMain:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#innerMain
	{
	display: inline-block;
	}
/*\*/
#innerMain
	{
	display: block;
	}
/* end easy clearing */

#leftMenu:before, #content:before
{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	background: inherit;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height: 0;
}

#feature {
	position: absolute;
	top: 173px;
	left: 0;
	width: 100%;
	border-top: #c2d4c2 1px solid;
	margin: 0;
	padding: 0;
}

#searchForm {
	margin-top: 16px;
	background: url(/images/searchbg.gif);
	padding: 10px;
	padding-top: 1px;
	margin-bottom: 16px;
}
input {
	height: 22px;
	background: #ffffff;
	border: #377137 1px solid;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	width: 150px;
}
textarea {
	background: #ffffff;
	border: #377137 1px solid;
	margin: 0;
	padding: 0;
}
select {
	height: 22px;
	background: #ffffff;
	border: #377137 1px solid;
	margin: 0;
	padding: 0;
	width: 230px;
	margin-bottom: 2px;
}
#searchForm p { margin: 0; padding: 5px 0; }
.buttons {
	width: 74px;
	background-color: #ecf2ec;
	border: #377137 1px solid;
	margin: 0;
	padding: 0;
	height: 24px;
	text-align: center;

}

#basket {
	margin-top: 16px;
	height: 37px;
	width: 238px;
	background: url(/images/basketbg.gif) left top no-repeat;
	text-align: center;
	padding: 15px 0;
}

table.list { width: 100%; font-size: 90%; border-collapse: collapse; border: #c2d4c2 1px solid; }
table.list select { width: auto; }
table.list tbody tr:hover { background: #ecf2ec; }
table.list td, table.list th { border: #c2d4c2 1px solid; padding: 12px; }
table.list th { font-weight: normal; }
table.list thead, table.list tfoot  { background: #ecf2ec; }
table.list tr.header { background: #c2d4c2; }

table.items { width: 99%; border-collapse: collapse; margin-top: 15px;}
table.items thead, table.items thead td { border: #c2d4c2 1px solid; background: #ecf2ec; }
table.items thead td.img { width: 250px; vertical-align: top; padding: 8px 0; }
table.items thead td.img div { position: relative; height: 250px; width: 250px; }
table.items thead td.img div p { position: absolute; bottom: 0; text-align: center; margin: 0; padding: 0; width: 250px; }
table.items thead h2 { margin-bottom: 0; margin-top: 0; }
table.items td { padding: 12px; }

#basket a { display: inline; background: none; margin: 0; padding: 0; }
#basket a:hover { background: none; }

.center { text-align: center; }
.t1 { width: 40px; margin: 0; padding: 0; }

table.feedback { border: #c2d4c2 1px solid; border-collapse: collapse; }
table.feedback td { border: #c2d4c2 1px solid; padding: 5px; vertical-align: top; }
table.feedback textarea { width: 500px; }
.bright { text-align: right; background: #ecf2ec; }
.right { text-align: right; }
.b { font-weight: bold; }

span.perPage { float: right; text-align: right; }
span.perPage select { width: auto; }

/* блок иконок */
#icons { position: absolute; right: 15px; top: 90px; }
#icons img { margin-left: 11px; }
/* блок иконок */

.dTreeNode { line-height: 11px; font-size: 14px; }

table.tblMain { width: 99%; }
table.tblMain td { padding: 5px; }
table.tblMain td img { width: 83px; height: 83px; padding: 0 6px 8px 0; background: url(/images/icons_main/back.jpg) right bottom; }