/* CSS Document */

html body {
	margin:0px;
	padding:0px;
	background:url(topBg.jpg) top repeat-x;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
        width:100%;
}

div { position:relative; }

a:link, a:hover, a:active   { color:#0066CC; }
a:hover                     { color:#FF0000; text-decoration:none; }
a:active                    { color:#CC0000; }

#topArea    { position:absolute; top:0px; left:0px; height:300px; width:100%; overflow:hidden; z-index:2; }
#middleArea { position:absolute; top:0px; left:0px; height:100%; width:100%; padding:300px 0px 0px 0px; z-index:1;}
#bottomArea { height:100px; background-color:#9ac9db; border-top:#337693 solid 1px; font-size:13px; color:#337693; line-height:21px; text-align:center; vertical-align:middle; }
#rightArea  { position:absolute; width:250px; height:100%; z-index:2; right:0px; }



.tblBg { width:100%; height:100%; vertical-align:top; }

.tdLtop     { width:280px; vertical-align:top; }
.topTags    {  margin:10px 0px 10px 5px; color:#FFFFFF; font-size:10px; height:35px; }
.topTitle   {  top:5px; height:50px; text-align:left; font-size:12px; color:black; border-left:white solid 10px; padding:5px 0px 0px 10px; }
.topTitle strong { font-size:21px; }

.topLnavigation { top:20px; padding-left:15px; border-left:#337693 solid 10px; width:255px; }
.topLnavigation h2 { color:maroon; font-size:14px; text-decoration:none; margin-right:10px; padding-bottom:0px; font-weight:normal; line-height:26px; border-bottom:#CC0000 solid 2px; display:inline; }
.topLnavigation a:link, .topLnavigation a:hover, .topLnavigation a:active, .topLnavigation a:visited { color:black; font-size:14px; text-decoration:none; margin-right:10px; padding-bottom:1px; line-height:26px; border-bottom:#337693 solid 1px; }
.topLnavigation a:hover { color:#CC0000; border-bottom:#CC0000 solid 1px; }


.tdtop		{ width:auto; height:300px; }

	ul.column { width: 100%; padding: 0; margin: 0px 0; list-style: none; }
	ul.column li { float: left; width: 350px; height:290px; padding: 0; margin: 0px 0; display: inline; }
	.block { height: 280px; font-size: 1em; margin-right: 10px; padding: 0px; }
	.block h2 { font-size: 1.8em; }
	.block img { margin: 0 auto; display: block; -ms-interpolation-mode: bicubic; }


	.topGoodarea { width:350px; height:290px; background:url(goodBanner.jpg) bottom center no-repeat;  }
		.topGoodtitle { height:22px; text-align:center; }
		.topGoodtitle span { color:#FFFFFF; background-color:#990000; padding:0px 3px 3px 3px; }
		.topGoodimg { height:228px; width:325px; }
			.topGoodimg a img { border:0px; width:324px; top:16px; position:relative; border:white solid 1px; }
		.topGoodname 	{ top:20px; left:0px; float:left; color:#003399; width:150px; height:45px;  color:#297A3D; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; }
		.topGoodprice 	{ top:5px; left:65px;  float:left; width:105px; height:28px; text-align:center; font-size:19px; color:#FFFFFF; }

	#banners	{ height: 290px; width:100%; overflow:hidden; }

#treeOutput                 {}
#treeOutput .dirPreview, #treeOutput .dirPreviewOver            { float:left; width:165px; height:180px; margin:4px 5px 4px 5px; }
#treeOutput .dirPreview img, #treeOutput .dirPreviewOver img    { border:none; }
#treeOutput .dirPreview .img, #treeOutput .dirPreviewOver .img  { height:155px; vertical-align:top; }
#treeOutput .dirPreview .content, #treeOutput .dirPreviewOver .content    { height:20px; text-align:center;  }
.dirPreview .content a:link, .dirPreview .content a:hover, .dirPreview .content a:active, .dirPreview .content a:visited  { color:gray; text-decoration:none; }

#branchTitle    { width:100%; height:50px; font-size:14px; }
#branchTitle h1 { display:inline; padding:5px; margin:10px 20px 5px 30px; font-size:16px; color:gray; background-color:gray; color:white; }
#branchTitle a:link, #branchTitle a:hover, #branchTitle a:active, #branchTitle a:visited  { color:#337693; text-decoration:none; }
#branchTitle a:hover    { text-decoration:underline; color:maroon; }

.tdRtop 	{ width:250px; vertical-align:top; text-align:right;  }
#rightTags 	{ float:right; margin:10px 5px 10px 2px; color:#FFFFFF; font-size:10px; height:35px; }
#rightMenu 	{ right:0px; float:right; top:5px; height:50px; font-size:12px; color:black; border-right:white solid 10px; padding:5px 10px 0px 0px; }
#rightMenu a:link, #rightMenu a:hover, #rightMenu a:active, #rightMenu a:visited { color:black; font-size:14px; text-decoration:none; margin-right:10px; padding-bottom:1px; line-height:26px; border-bottom:#337693 solid 1px; }
#rightMenu a:hover { color:#CC0000; border-bottom:#CC0000 solid 1px;  }
#contacts { right:0px; float:right; top:20px; padding:30px 15px 30px 0px; border-right:#337693 solid 10px; }
#contacts strong { font-size:30px; font-weight:normal; }
#contacts a:link, #contacts a:hover, #contacts a:active, #contacts a:visited { color:black; font-size:14px; text-decoration:none; margin-right:10px; padding-bottom:1px; line-height:26px; border-bottom:#337693 solid 1px; }
#contacts a:hover { color:#CC0000; border-bottom:#CC0000 solid 1px;  }

div#topString   { width:100%; height:20px; background-color:white; }

div.branch  { float:left; width:100%; height:180px; margin:10px; font-size:14px; line-height:15px; text-align:left; font-size:12px; color:gray; }
div.branch a:link, div.branch a:hover, div.branch a:active, div.branch a:visited { color:black; font-size:12px; text-decoration:none; border-bottom:#337693 solid 1px; margin-right:10px; line-height:21px; }
div.branch a:hover { color:#CC0000; border-bottom:#CC0000 solid 1px;  }
div.branch a.title:link, div.branch a.title:hover, div.branch a.title:active, div.branch a.title:visited { color:black; font-size:25px; margin:0px 0px 5px 10px; text-decoration:none; padding-bottom:3px; display:inline-block; border-bottom:#337693 solid 2px; }
div.branch a.title:hover { color:#CC0000; border-bottom:#CC0000 solid 2px;  }

#bodyArea       { width:100%; vertical-align:top;  }
#contentArea    { width:auto; vertical-align:top; padding:10px;  }
#rightCol       { width:250px; vertical-align:top; }
#contentArea p  { text-align:justify; text-indent:15px; line-height:21px; font-size:12px; margin-left:20px;  }
#contentArea h1 { font-size:18px; font-weight:normal; }


ul.columnMain       { width: 100%; padding: 0; margin: 0px 0; list-style: none; }
ul.columnMain li    { float: left; width: 300px; height:180px; padding: 0; margin: 0px 0; display: inline; }
.blockMain          { height: 180px; font-size: 1em; margin-right: 10px; padding: 0px; }
.blockMain h2       { font-size: 1.8em; }
.blockMain img      { margin: 0 auto; display: block; -ms-interpolation-mode: bicubic; }

#searchArea { width:240px; padding:10px 4px 10px 4px; }
#searchArea input { width:160px; font-size:16px; border:#337693 solid 2px; }
#searchArea a:link, #searchArea a:hover, #searchArea a:active, #searchArea a:visited { color:#337693; font-size:14px; margin-left:7px; text-decoration:none; padding-bottom:3px; display:inline-block; border-bottom:#337693 solid 2px; }
#searchArea a:hover { color:#CC0000; border-bottom:#CC0000 solid 2px;  }

#cartArea   { width:240px; height:100px;  background:url(cartBg.jpg) right no-repeat; text-align:right; }
#cartArea a.title:link, #cartArea a.title:hover, #cartArea a.title:active, #cartArea a.title:visited { color:#337693; font-size:18px; text-align:right; margin-left:7px; text-decoration:none; padding-bottom:3px; display:inline-block; border-bottom:#337693 solid 2px; }
#cartArea a.title:hover { color:#CC0000; border-bottom:#CC0000 solid 2px;  }
#cartArea .info         { padding:14px 30px 10px 0px; line-height:21px; font-size:14px; color:#337693; }
#cartArea .info strong  { font-weight:normal; color:black; font-size:17px; }

#firmArea       { width:240px; }
#firmArea a     { float:left; width:115px; height:90px; background:url(firmBack.jpg) top left no-repeat; margin:0px; vertical-align:middle; }
#firmArea img   { border:none; position:relative; top:9px; left:7px; }

#leftSign   { float:left; width:33%; padding-top:20px; }
#centerSign { float:left; width:33%; padding-top:20px; }
#rightSign  { float:left; width:33%; padding-top:20px; }

.goodPreview    { float:left; width:180px; height:250px; margin:0px 6px 0px 6px;  }
.goodPreview .price        { height:30px; }
.goodPreview .price img    { display:inline; border:none; cursor:pointer; }
.goodPreview .price strong { display:inline; font-size:15px; font-weight:normal; color:#337693; margin-right:10px; }
.goodPreview .img          { vertical-align:top; }
.goodPreview .img img      { border:none; border:#ccc solid 5px; }
.goodPreview .content      { height:40px; vertical-align:bottom; text-align:center; }
.goodPreview .content a:link, .goodPreview .content a:hover, .goodPreview .content a:active, .goodPreview .content a:visited { color:gray; text-decoration:none; }
.goodPreview .content a:hover { color:#CC0000; }

#description        { line-height:20px; font-size:13px; color:#333; text-align:justify; }
#description p      { text-indent:20px; }
#description img    { border:#999 solid 1px; float:left;  }


/* Good alone */

#goodAlone  { width:100%; }

#goodAlone .img     { width:100px;  }
#goodAlone .img img { border:#999 solid 2px; margin:0px 0px 20px 10px; }

#goodAlone .colors          { vertical-align:top; padding-left:10px;}
#goodAlone .colors strong   { font-size:16px; font-weight:normal; margin-bottom:15px; display:block; }
#goodAlone .color           { font-size:12px; text-align:left }
#goodAlone .color img       { float:left; margin:0px 10px 0px 0px; cursor:pointer; }
#goodAlone .color           { width:200px; color:#999; }
#goodAlone .color strong    { font-size:14px; color:black; }

#goodAlone .info            { vertical-align:top; padding:5px 0px 10px 10px; font-size:12px; line-height:19px; }
a.goodAloneCart:link, a.goodAloneCart:hover, a.goodAloneCart:active, a.goodAloneCart:visited { float:left; color:black; padding:0px 3px 1px 3px; border-bottom:maroon solid 2px; text-decoration:none; font-size:18px; cursor:pointer; margin-right:20px; }
a.goodAloneCart:hover   { color:#1d8335; border-color:#1d8335; }
#goodAlone .info span    { font-weight:normal; font-size:21px; display:block; color:#1d8335; }

#goodAlone .ņomp    { padding-top:30px;  }
#goodAlone .ņomp strong   { font-size:14px; font-weight:normal; }
.topLnavigation a:link, .topLnavigation a:hover, .topLnavigation a:active, .topLnavigation a:visited { color:black; font-size:14px; text-decoration:none; margin-right:10px; padding-bottom:1px; line-height:26px; border-bottom:#337693 solid 1px; }
.topLnavigation a:hover { color:#CC0000; border-bottom:#CC0000 solid 1px; }

#contentArea h2 { font-size:15px; font-weight:normal; border-bottom:gray dotted 1px; padding-bottom:2px; }

/* CART */

table#cartGoods	{ width:100%; margin:10px 0px 20px 0px; border-top:gray solid 1px; border-left:gray solid 1px; }
table#cartGoods th	{ padding:2px 0px 2px 0px; background-color:#ccc; font-size:11px; color:#333; font-weight:normal; border-bottom:gray solid 1px; border-right:gray solid 1px; }
table#cartGoods td	{ border-bottom:gray solid 1px; border-right:gray solid 1px; padding:5px; vertical-align:middle; line-height:20px; }
table#cartGoods td a:link, table#cartGoods td a:hover, table#cartGoods td a:active, table#cartGoods td a:visited { color:black; font-size:14px; text-decoration:none; margin-right:10px; line-height:26px;  }
table#cartGoods td a:hover { color:#CC0000; }
table#cartGoods .img    { width:100px }
table#cartGoods .num    { width:100px; }
table#cartGoods .cost   { width:100px; }
table#cartGoods .delete { width:100px; }


    table#cartGoods td a img { border:none; margin:5px; }
	table#cartGoods td span.firm { font-size:12px; color:#666666; }
	table#cartGoods td strong	 { font-size:12px; color:#000000; }
	table#cartGoods td input	 { width:25px; text-align:center; font-size:15px; border:#666666 solid 1px; font-weight:bold;  }

	table#orderInfo	{ width:300px; margin-top:10px; }
	table#orderInfo th	{ font-size:11px; text-align:right; padding:3px; width:100px; font-weight:normal; color:#333333; }
	table#orderInfo td input { margin:4px; font-size:12px; width:200px;  }
	table#orderInfo td input.but { width:140px; background-color:white; color:black; border:black solid 2px; margin:10px; cursor:pointer; font-size:14px;  }

	div#totalCost	{ margin:10px 0px 20px 0px; font-size:11px; line-height:18px; color:#333;  }
	div#totalCost strong	{ color:black; font-size:16px; }


/* SEARCH STRING */

	div#searchStr		{ margin:10px 0px 10px 0px; color:gray; font-size:11px; }
	div#searchStr strong	{ font-size:16px; color:black; }


/*
.goodAloneImg   { border:#999 solid 2px; margin:0px 0px 20px 10px; float:left; }
#goodAlonePrice { width:200px; font-size:16px; margin-left:20px; color:#337693; display:inline; text-align:right; }
#colors { float:left; }
#goodAloneInfo  { display:block;}

.goodAloneCart a:link, .goodAloneCart a:hover, .goodAloneCart a:active, .goodAloneCart a:visited { background-color:teal;  color:white; padding:3px; text-decoration:none; font-size:16px; }
.goodAloneCart a:hover { color:#CC0000; }
*/






.tdMainArea { vertical-align:top; padding-top:20px; }

	.goodsArea { padding:15px; top:10px; overflow:visible; }
	.good, .typeGood { float:left; margin:8px; width:160px; height:160px; padding:2px; }

	.tblMainArea { width:100%; }
	.tdMark	{ padding-top:20px; }
	.tdContent { padding: 0px 0px 20px 0px; }
	.leftMarkHelp { left:15px; }
		.leftMarkHelp a, .leftMarkHelp span { font-size:14px; margin:0px 7px 0px 7px; }
		.leftMarkHelp span { font-size:16px; font-weight:bold; color:#297a3d; }

		.leftMark, .leftMarkCatalog, .leftMarkContent { font-weight:bold; width:140px; overflow:visible; height:16px; background:url(leftOutline.gif) top right no-repeat; font-size:11px; color:#990000; padding:1px 4px 0px 5px; float:left; }
		.leftMarkCatalog { color:#297a3d; }
		.leftMarkContent { color:#10489D; }
	.popularGoodImg { border:#990000 solid 2px; }
	.popularGoodPrice span { font-size:13px; font-weight:bold; background-color:#990000; text-align:center; color:#FFFFFF; padding:2px 8px 2px 8px; }
	.GoodImg { border:#10489d solid 2px; }
	.GoodPrice span { font-size:13px; font-weight:bold; background-color:#10489d; text-align:center; color:#FFFFFF; padding:2px 8px 2px 8px; }
	.goodCart { border:#333333 solid 0px; margin-left:10px; position:relative; }
	.goodName {  }
	.subdirImg { border:#297a3d solid 2px; }

	.separator { width:100%; height:10px; position:relative; }

	/*
        .content { padding:20px 30px 10px 10px; line-height:18px; text-indent:20px; text-align:justify; float:left; width:95%; }
	*/
        .rightMark { position:absolute; right:0px; top:250px; width:40px; background:#10489D url(rightMark.gif) left center no-repeat; padding:0px 10px 2px 10px; color:#FFFFFF;}

	.rightMenu { width:100%; top:25px; }
	.rightMenu a:link, .rightMenu a:hover, .rightMenu a:active, .rightMenu a:visited { color:#10489D; font-size:15px; text-decoration:none; margin:10px 0px 0px 8px; line-height:27px; font-weight:bold; }
	.rightMenu a:hover { text-decoration:underline; color:#CC0000; }

.leftMainArea { vertical-align:top; }

.RightMainArea { width:270px; vertical-align:top; }
	.areaSearch { background: url(searchBg.gif) left top no-repeat; width:257px; height:50px; padding:8px 0px 0px 20px; color:#10489d; }
	.areaSearch input.searchField 	{ border:#10489d solid 1px; }
	.areaSearch input.searchBut		{ margin:-6px 0px 0px 5px; }

	.areaAction { background: url(action.jpg) right top no-repeat; width:257px; height:132px; padding:7px 0px 0px 20px; font-size:11px; color:#894a00; text-align:right; line-height:17px; }
	.areaAction span.selected { font-weight:bold; color:#C12024; font-size:17px;  }
	.areaAction span.title { font-size:14px; font-weight:bold; }

	.cartArea { width:277px; height:90px; background:url(cartBg.jpg) right no-repeat; text-align:right; }
	.cartArea .title 	{ font-size:18px; font-weight:bold; top:4px; right:30px; color:#10489d; }
	.cartArea .info 	{ right:70px; top:20px; color:#592903; line-height:20px; }
		.cartArea strong { color:#10489d; font-size:14px; }
	.cartArea .goto	{ top:30px; right:40px; }
		.cartArea .goto a:link,	.cartArea .goto a:hover, .cartArea .goto a:active, .cartArea .goto a:visited{ color:#10489d; text-decoration:none; }
		.cartArea .goto a:hover { color:#006600; }

	.firmsArea { width:100%; }
	.firmsTitle { left:157px; width:100px; margin-top:40px; padding:0px 10px 2px 10px; background:#297a3d url(rightMark2.gif) left center no-repeat; color:#FFFFFF; }
	.firms	{ margin:15px 10px 10px 2px; text-align:center; }
	.firms a:link, .firms a:hover, .firms a:active, .firms a:visited { font-size:14px; font-weight:bold; color:#297a3d; margin: 5px 6px 2px 6px; line-height:21px; text-decoration:none; }
	.firms a:hover { color:#10489d; }

	.leadersTitle { left:152px; width:105px; margin-top:40px; padding:0px 10px 2px 10px; background:#592903 url(rightMark3.gif) left center no-repeat; color:#FFFFFF; }
	.goodPosition1, .goodPosition2, .goodPosition3 { text-align:center; height:40px; width:40px; }
	.goodPosition1 strong, .goodPosition2 strong, .goodPosition3 strong { font-size:24px; }
	.goodPosition1	{ color:#efc534; }
	.goodPosition2	{ color:#b2c6c8; }
	.goodPosition3 	{ color:#eda061; }


	.good1 { width:200px; left:45px; top:-40px; }
		.good1 .popularGoodImg { border:#efc534 solid 4px;}
		.good1 .popularGoodPrice span { background-color:#efc534; }
		.good1 .goodName {}

	.good2 { width:200px; left:45px; top:-40px; }
		.good2 .popularGoodImg { border:#b2c6c8 solid 4px; }
		.good2 .popularGoodPrice span { background-color:#b2c6c8; }
		.good2 .goodName {}

	.good3 { width:200px; left:45px; top:-40px; }
		.good3 .popularGoodImg { border:#eda061 solid 4px; }
		.good3 .popularGoodPrice span { background-color:#eda061; }
		.good3 .goodName {}

.cellarArea {  height:40px; margin-top:10px; border-top:#666666 solid 1px; background-color:#999999; text-align:center; padding:10px; color:#FFFFFF; }

/*
.goodAloneTable { width:650px; }


img.goodAlone 	{ margin:25px 0px 0px 0px; border:#297a3d solid 5px; }
.goodAlonePrice { width:150px; top:5px; font-size:18px; font-weight:bold; color:#297a3d; display:inline; }
.goodAloneBuy	{  }
*/

.cartAlone img { border:0px; margin:5px; }

	.typeGoodImg { border:#297a3d solid 2px; }
	.typeGoodPrice span { font-size:13px; font-weight:bold; background-color:#297a3d; text-align:center; color:#FFFFFF; padding:2px 8px 2px 8px; }
	.typeGood { height:140px; width:130px; }
	.goodDescription { width:100%; margin:10px 0px 10px 0px; padding-left:20px; text-align:justify; text-indent:20px; line-height:18px; }
	.goodAloneSeparator	{ border-bottom:#999999 dashed 1px; padding-bottom:10px; text-align:left; color:#999999; }

.cartImg 		{ margin:6px; border:#297a3d solid 4px; float:left; }
.cartGoodName 	{ margin:3px; line-height:20px; font-size:16px; color:#297a3d; font-weight:bold; text-align:left; }
.cartPrice, .cartCount { margin:10px 0px 10px 0px; text-align:left; color:#999999; }
.cartPrice strong { font-size:14px; color:#000000; }
.cartTdTitle	{ text-align:left; color:#666666; }
.cartCount		{ margin:10px 0px 10px 0px; text-align:left; }
.cartCountField	{ width:30px; height:17px; text-align:center; font-weight:bold; font-size:15px; color:#FFFFFF; background-color:#297a3d; }
.cartTdGood		{ border-top:#666666 dashed 1px; padding-top:10px; }
.cartTdResult	{ padding:10px; font-size:12px; }
.cartTdResult strong	{ color:#CC0000; font-size:16px; }
.cartTitle		{ border-bottom:#666666 dashed 1px; padding:10px 0px 3px 0px; color:#297a3d; }
.cartOrder		{ width:100%; }
.cartOrder	th 	{ width:150px; text-align:right; padding:5px 10px 5px 0px; font-size:12px; color:#666666;  }
.cartOrder td	{ text-align:left; }
.sendOrder 		{ margin:15px 0px 0px 0px; }