/**********************GLOBAL ************************/
*									{margin: 0;padding: 0;}
body								{background:url(/i/background_body.png) top repeat-x;}
input,textarea,select				{border:Solid 1px #555;}
input[src]							{border-width:0px;}
#wrapper							{width: 990px; right: 50%; margin-right: -495px; position:absolute; float:right;}/*baseLine width4*/

#header								{float:left; height:74px; background:#789C22; border:Solid 1px #789C22; color:#fff; margin-top:2px;}
	#header-Logo					{float:left; padding-left:0px;}/*baseLine width1*/
	#header-Info					{float:left; position:relative; color:#fff;}/*baseLine width2*/
	#header-Cart					{float:right; width:170px;}/*baseLine width1*/
	#header-Cart a,
	#header-Cart a:active			{color:#fff;}
	#header-Cart a:hover			{color:#163AE1;}

	#header-Info .phone				{padding-left:10px; color:#fff; }
	#header-Info .phone  h2			{position:absolute; left:20px; top:0px; color:#2C3F17; font-size:0.9em font-weight:bold; text-shadow: 0 -1px 2px rgba(1, 1, 1, 0.35); }
	#header-Info .time-and-phone2	{position:absolute; left:365px; top:0px; width:200px; color:#111; font-weight:bold;}

#menu								{float:left;}

.spacer								{float:left; height:4px; color:#fff; font-size:0.1em;}

#content							{float:left;}
#content-left						{float:left;}
	#content-left>div				{margin-bottom:20px;}
	#content-left ul.bg_list		{margin:0px 0px 0px 42px; padding:0px;}
	#content-left ul.bg_list li		{list-style-image:url(/ico.gif) }
	#content-left ul.bg_list li a	{font-weight:bold; font-size:1.2em; font-variant:small-caps;}

#content-center						{float:left; margin-left:18px;}
	#content-info					{margin:10px 0px; }

#footer								{float:left; padding-top:20px; border-top:Solid #000 2px;}
	#footer>div						{display:table-cell;}
	.copyrite						{color:#ccc;}
	
.f-left								{float:left;}
.f-right							{float:right;}
.t-center							{text-align:center;}
.t-right							{text-align:right;}
.t-left								{text-align:left;}
.d-tab1								{margin-left:18px;}
.invisible							{display:none;}
.m-0								{ margin-top:0px; margin-bottom:0px;}
/******************** header ************************/
.box_header_txt { height:41px; background:url(/i/background_header_left.png) top left no-repeat; padding-left:18px;}
.box_header_txt>div{ height:41px; background:url(/i/background_header_right.png) top right no-repeat; padding-right:9px;}
.box_header_txt>div>div{background: url(/i/background_header_center.png) top repeat-x; font-weight: bold; font-size: 12px;color: #FFFFFF;}
.box_header_txt>div>div>div{ display:table-cell; height:41px; text-transform: uppercase; vertical-align: middle; }

/******************** content-header ************************/
.cont_header_txt{height:41px; background:url(/i/background_header_left.png) bottom left no-repeat;}
.cont_header_txt>div{height:41px; margin-left:20px; background:url(/i/background_header_right.png) bottom right no-repeat;}
.cont_header_txt>div>div{ margin-right:9px; background: url(/i/background_header_center.png) bottom repeat-x; color: #FFFFFF !important;}
.cont_header_txt>div>div>div{ display:table-cell; height:41px; text-transform: uppercase; vertical-align: middle; 
						  font-size: 12px;font-weight: bold;text-transform: uppercase;}
.arrow{ font-size:1.6em!important;}

.cont_header_txt a
{
    color: #FFFFFF !important;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.cont_header_txt a:hover
{
    color: #322FFF !important;
}

/******************** navigation ********************/
/* type */
#main-menu							{ border-bottom:Solid 1px #bcd; padding-bottom:5px;}
#main-menu li a						{ font-size: 15px; color: #bcd; }

/* layout */
.nav								{ height: 26px; margin-top: 5px; }
#main-menu ul						{ margin: 0; top: 0; width: 100%; height: 20px; float: left; }
#main-menu li						{ display: block; float: left; line-height: 26px; }
#main-menu li a						{ color: #053d21; border-left: solid 1px #bcd; background-color: transparent; padding: 0 16px; display: block; float: left; }
#main-menu li a:hover				{ color: #fff; text-decoration: none; background:url(/i/background_header_center.png) bottom repeat-x; }
#main-menu li a:active				{ color: #275f43; }
#main-menu li:first-child a 		{ border-left: none; }
#main-menu li.select a				{ color:#386f54; background:#eee; text-decoration:none;}

#categories-tree					{ display:block; float:left; height:400px; padding:10px 0px 10px 0px;}

#maper								{ position:relative; top:0px; color:#000; font-size: 12px; margin-bottom:2px; padding-left:16px; border-bottom:Solid 1px #bcd; }
#maper span							{ font-size:18px;}


/******************** treeView ********************/
.treeview, .treeview ul				{padding: 0;margin: 0;	list-style: none;}
.treeview ul						{margin-top: 4px;margin-left:4px;}
.treeview .hitarea					{background: url(images/treeview-default.gif) -64px -25px no-repeat;height: 16px;
									width: 16px;margin-left: -16px;float: left;cursor: pointer;}
/* fix for IE6 */
.treeview li						{margin: 0;padding: 3px 0pt 3px 16px;}
.treeview a.selected				{color:#ff8300; text-decoration:underline !important; }
.treeview .hover					{color: red; cursor: pointer; }
.treeview li						{background: url(images/treeview-default-line.gif) 0 0 no-repeat; font-size:1.2em; }
.treeview li a
,.treeview li a:visited				{color: #053d21;}
.treeview li a[itassociation="true"]{color:#0f0!important; text-decoration:none;}
.treeview li.collapsable, 
.treeview li.expandable				{background-position: 0 -176px; }
.treeview .expandable-hitarea		{background-position: -80px -3px; }
.treeview li.last					{background-position: 0 -1766px }
.treeview li.lastCollapsable, 
.treeview li.lastExpandable			{background-image: url(images/treeview-default.gif); }  
.treeview li.lastCollapsable		{background-position: 0 -111px }
.treeview li.lastExpandable			{background-position: -32px -67px }

/******************** searchPanel ********************/
.searchPanel						{float:left;}
.searchPanel div					{float:left; display:table-cell;}
.searchButton						{text-align:right;}
.searchText							{text-align:left;}
.searchText	input					{ border:Solid 1px #7B9D2B;}
/******************** product-list ********************/
ul.product-list						{margin:0px; padding:0px;}
ul.product-list	li					{position:relative; border:Solid #ccc 1px; background:#fff; padding:4px; width:226px; height:234px; margin:4px; overflow:hidden;  display:block; list-style:noen; float:left; }
ul.product-list	li .avatar			{text-align:center; }
ul.product-list	li .name			{}
ul.product-list	li .shortdesc		{}
ul.product-list	li .price			{position:absolute; bottom:2px; right:4px; font-weight:bold; text-align:right; }

ul.cat-product-list					{margin:0px; padding:0px;}
ul.cat-product-list	li				{list-style:none; margin-bottom:10px; padding-bottom:10px; border-bottom:Solid 1px #ccc; float:left;}
ul.cat-product-list li>div			{display:table-cell;}
ul.cat-product-list li .avatar		{float:left; background:#fff; border:Solid #ccc 1px; margin-right:16px; text-align:center;}
ul.cat-product-list li .info		{float:left;}	
	ul.cat-product-list li .name	{}
	ul.cat-product-list li .shortdesc{}
	ul.cat-product-list li .price	{}
	
.totalprice							{ color:#292BDF; font-weight:bold; font-size:1.2em; margin-top:10px; margin-bottom:10px;}
div a.avatar						{ margin:0px 5px 20px 0px; float:left;}

table.CartList td,table.CartList th {border-top-width:0px!important;border-right-width:0px!important;border-bottom-width:0px!important;border-left-width:0px!important;}
/********************* Page **********************/
.CenterColumn						{padding:0px 2px; width:731px;}
/*leftColumn rightColumn*/
.colum-border div					{margin-bottom:10px; }
.label-img-left						{margin:0px 10px 10px 0px; float:left;}

.text-info							{margin:0px 0px 10px 0px;}
.panel-active						{height:16px; background:#8FBA8A; cursor:pointer;}
.shop-action						{ color: #fff !important; background:#3634E1 !important;}
.shop-action a						{ color: #fff !important;  text-decoration: none; background:#3634E1 !important;}
.shop-action a:hover				{ color: #fff !important;  background:#3634E1;}

.autorizationform					{ margin-top:50px; margin-bottom:50px; text-align:center;}
.left-50							{ margin-left:50%;}
.left-backWidth3					{ margin-left:-117px;}

.price								{ color:#6D8F1A; font-weight:bold; font-size:1.2em;}
.incut								{ font-size:1.2em; }
p.incut								{ font-size:1em;  color: #3533CF;}
.infoList td						{ font-weight:bold; font-size:1.3em; vertical-align:middle;}

/********************* News **********************/
ul.NewsShortList					{ margin:0px; padding:0px;}
ul.NewsShortList li					{ border-bottom:Solid #ccc 1px; margin-bottom:10px; list-style:none;}
ul.NewsShortList li	a				{ }

/********************* PhotoContainer **************/
#photoViewer						{ z-index:999; margin-right:16px; margin-bottom:16px; position:relative; margin-top:16px;}

.galleria							{list-style:none;width: 360px;}
.galleria li						{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:2px 2px 0px 0px; list-style:none;}
.galleria li a						{display:none;}
.galleria li div					{position:absolute;display:none;top:0;left:180px}
.galleria li div img				{cursor:pointer}
.galleria li.active div img,
.galleria li.active div				{display:block}
.galleria li img.thumb				{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption				{display:block;padding-top:.5em}
* html .galleria li div span		{width: 360px;} /* MSIE bug */

.galleria .caption					{font:italic 0.7em/1.4 georgia,serif;}
.gallery							{width:360px; margin:0 auto;}
.gallery li							{width:60px;height:50px;border:3px double #111;}
.gallery li div						{left:240px}
.gallery li div .caption			{font:italic 0.7em/1.4 georgia,serif;}
.galleria_wrapper					{text-align:center;}
#main_image							{margin:0 auto 10px auto;height:360px;width: 360px; background:#fff; border:Solid 1px #eee;}
#main_image img						{margin-bottom:10px;}

.gallery_nav						{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase; text-align:center;}

/********************* PhotoContainer **************/
.comments							{ margin-top:20px;}

/********************* Massages ********************/
#CommentPlace						{margin-top:20px;}
#CommentPlace h3					{margin-bottom:10px;}
ul.CommentList						{float:left; margin:0px; padding:0px;}
ul.CommentList ul					{margin:0px; margin:0px; padding:10px 0px 0px 0px;}
ul.CommentList li					{list-style:none; margin-left:20px; margin-bottom:10px; font-family:Sans-Serif; font-style:italic;}
ul.CommentList li div.commentAvatar	{float:left; margin:0px 5px 5px 0px; border:double #eee 1px;}
ul.CommentList li div.commentHoIs	{color:#888; font-size:0.8em;}
ul.CommentList li div.commentHoIs b {font-variant:small-caps; }

.form-message-add					{ width:100%;}
.message-text, .message-username	{ font-family:Sans-Serif; font-style:italic;}
.message-form legend				{ padding:10px 0px 0px 0px!important;}


/********************* Configuration ********************/
table.configuration					{width:auto !important;}
table.configuration	td				{width:auto !important; vertical-align:middle!important;}
table.configuration td.toCart	    {padding:0px; margin:0px;}
table.toCart, table.toCart td   	{text-align:center!important; border:none!important; background:none!important; vertical-align:middle!important; padding:0px; margin:0px;}

table.ordertable,
table.ordertable td					{border:none;}