/* CSS Document */

html, body {
	margin: 0px;
	background: url(top.jpg) top repeat-x;
	background-color:#fff;
	height: 100%;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	
	
	/*scrollbar-3dlight-color:#8FC0EB;	/* цвет верхней и левой границ полосы прокрутки, бегунка, стрелок */
	/*scrollbar-arrow-color:white;		/* цвет стрелок на кнопках */
	/*scrollbar-highlight-color:white; 	/* цвет "освещенной" части бегунка и кнопок(цвет левых и верхних их граней) */
	/*scrollbar-face-color:#99B4C9; 		/* основной цвет бегунка и кнопок */
	/*scrollbar-shadow-color:#8FC0EB; 	/* цвет "неосвещенной" части бегунка и кнопок (цвет правых и нижних их граней) */
	/*scrollbar-darkshadow-color:#1C3853; /* цвет "тени" бегунка и кнопок (цвет правых и нижних гранией) */
	/*scrollbar-track-color:#306493; 		/* цвет рабочей части полосы прокрутки (фон) */
	
}

div	{ position:relative; }

a:link 		{ text-decoration:underline; color:#000000; }
a:hover		{ color:#A40004; text-decoration:none; }
a:active	{ color:#000000; }
a:visited	{ color:#000000; }

	.bgTable {	margin: 0px; padding: 0px; border: 0px; border-collapse: collapse; }


.bgTable 	{ border:0px; width:100%; background: url(topBanner.jpg) top center no-repeat;}
	.bgTopArea	{ height:200px; background-color:#000000; } /* background:url(botLine.gif) bottom repeat-x; } */
	.bgMainArea	{  }
	#leftArea	{ width:230px; vertical-align:top; }
	#bodyArea	{ vertical-align:top; padding:0px 20px 10px 30px; }
	#rightArea	{ width:220px; vertical-align:top; }


.pageArea	{ width:100%; height:100%; }
	.tdTop	{ height:110px; max-height:200px; background:url(action.jpg) top left no-repeat; border:0px; vertical-align:top; }
	.tdBot	{ height:100px; border-top:#d08a78 solid 2px; background:url(bot.jpg) top center no-repeat; }
	.bot	{ border-top:#d08a78 solid 2px; }

div#action	{ position:absolute; top:26px; left:20px; width:175px; height:50px; text-align:center; color:#EC9400; font-size:12px; }
div#siteNameArea{ width:800px; height:50px; }
div#siteName, div#sitePhone	{ top:6px; left:1px; width:230px; height:50px; position:relative; float:left; color:#FFFFFF; font-size:14px; }
div#siteName 	{ text-align:right; }
	div#siteName h1, div#sitePhone strong { margin:0px; padding:0px; color:#FFFFFF; font-size:21px; display:inline; }
div#sitePhone	{ left:335px; }


/* SEARCH */

	table.searchArea	{ margin-top:16px; width:228px; height:31px; background:url(searchPanel.jpg) left top no-repeat; }
	div#searchBut		{ position:absolute; top:131px;  left:47px; width:48px; float:left; }
	div#searchBut input 		{ background-color:#d7927f; border:#d7927f solid 0px; color:#FFFFFF; font-size:12px; padding:0px; cursor:pointer; }
	div#searchBut input:hover	{ background-color:#ebad9c; }
	
	div#searchField			{ position:absolute; top:130px; left:92px; width:128px; float:left;  }
	div#searchField input	{ font-size:12px; padding:0px; border:#FFFFFF solid 1px; width:128px;  }

	div#searchHelp	{ position:absolute; top:150px; left:90px; color:#d7927f; font-size:10px; text-align:right; float:left; height:10px; }


/* Catalog MENU */

	table.CatMenuArea		{ margin-top:25px; width:230px; }
	table.CatMenuArea th	{ height:31px; background:url(catMenuPanel.jpg) left top no-repeat; color:#FFFFFF; font-size:12px; padding:3px 0px 10px 36px; vertical-align:top; }
	
	table.CatMenuArea td 	{ padding:5px 0px 0px 25px; }
	a.L1 { margin-left:0px; text-decoration:underline; color:#000; line-height:28px; font-size:15px; font-weight:bold;  }
	a.L2 { margin-left:15px; text-decoration:underline; color:#000; line-height:23px; font-size:12px;  }
	a.L3 { margin-left:25px; text-decoration:underline; color:#000; line-height:18px; font-size:11px;  }
	a.L1:hover, a.L2:hover, a.L3:hover	{ color:#A40004; text-decoration:none; }
	span.L1 h2 { color:#A40004; line-height:28px; font-size:15px; font-weight:bold; margin:0px; display:inline;  }
	span.L2 h2 { color:#A40004; line-height:23px; font-size:12px; font-weight:normal; margin:0px; margin:0px 0px 0px 15px; display:inline;  }
	span.L3 h2 { color:#A40004; line-height:18px; font-size:11px; font-weight:normal; margin:0px; margin:0px 0px 0px 25px; display:inline;  }


/* MENU */

	table.menuArea		{ margin:0px 30px 0px 0px; text-align:left; }
	table.menuArea td ul{ list-style:circle; color:#666666; }
	table.menuArea td a	{ line-height:21px; font-size:13px; color:#A40004; text-decoration:underline; }	
	table.menuArea td a:hover	{ text-decoration:none; }	


/* CART */

	table.cartArea		{ margin-top:25px; right:0px; width:170px; text-align:left; }
	table.cartArea th	{ height:31px; background:url(cart.jpg) right top no-repeat; color:#FFFFFF; font-size:12px; padding:3px 0px 10px 10px; vertical-align:top; text-align:left;  }
	table.cartArea th a	{ color:#e35931; font-weight:normal; font-size:13px; }
	table.cartArea td	{ font-size:11px; color:#666666; line-height:18px; }
	table.cartArea td span { font-size:13px; color:#000000; font-weight:normal; }


/* FIRMS */

	table.firmArea		{ margin-top:35px; right:0px; width:220px; text-align:left; }
	table.firmArea th	{ height:31px; background:url(firm.jpg) right top no-repeat; padding:3px 0px 10px 25px; vertical-align:top; text-align:left; color:#e35931; font-weight:normal; font-size:13px;  }


        /* Popular */

        table.popularArea		{ margin-top:25px; width:230px; }
        table.popularArea th	{ height:31px; background:url(popular.jpg) left top no-repeat; color:#FFFFFF; font-size:12px; padding:3px 0px 10px 0px; vertical-align:top; font-weight:normal; }


        /*  Recomendation */

        table.recomendArea		{ margin-top:35px; right:0px; width:220px; text-align:left; }
        table.recomendArea th	{ height:31px; background:url(recomended.jpg) right top no-repeat; padding:3px 0px 10px 0px; vertical-align:top; text-align:left; color:#FF6600; font-weight:normal; font-size:13px;  }

        table.goodArea		{ width:98%; margin-top:5px; border-bottom:#999999 dashed 1px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;}
        table.goodArea	td 				{ height:106px; width:106px;  vertical-align:top; }
        table.goodArea	td a img		{ border:0px; margin:3px;  }
        table.goodArea	th				{ background:none; text-align:center; line-height:18px; }

        table.goodArea	th div.price 	{ text-align:center; font-size:12px; color:#000000; margin:3px; }
        table.goodArea	th a		 	{ color:#000000; font-size:10px; line-height:13px; }
        table.goodArea:hover	{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0;}


/* GOOD banner */

	div#goodBanner { width:95%; top:-30px; overflow:hidden; height:100px; margin:5px; }
	div#goodBanner .goodBanArea { width:220px; height:100px; margin:5px; float:left; margin:0px 4px 0px 4px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
	/*
    div#goodBanner .goodBanArea:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; }
    */
	div#goodBanner .goodBanArea td a img {  border:#D38F7C dashed 0px;  }
	div#goodBanner .goodBanArea td 		 { width:90px; height:90px; vertical-align:top; border:#D38F7C dashed 1px; background-color:white; }
	div#goodBanner .goodBanArea th 		 { line-height:18px; font-size:11px; font-weight:normal; vertical-align:top; padding-left:3px; }
	div#goodBanner .goodBanArea th div.price 	{ color:#000; font-size:12px; font-weight:normal; }
	div#goodBanner .goodBanArea th div.oldPrice { color:#484848; font-size:10px; text-decoration:line-through; }
	div#goodBanner .goodBanArea th a.name	 { color:#000000; font-weight:normal; text-decoration:none; }
	div#goodBanner .goodBanArea th span	 	{ color:#FF0000; font-weight:normal; }


/* BODY */

	div#navString	{ color:#666666; font-size:12px; }
	div#navString a	{ color:#666666; font-size:12px; }
	div#navString a:hover { color:#A40004; font-size:12px; }

	h1 { font-size:21px; color:#000000; }
	div#description	{ text-indent:20px; color:#333333; font-size:11px; text-align:justify; line-height:17px; }
	div#description img { float:left; margin:5px; }
	div#content	 { margin:4px; }


/* GOOD OUTPUT */

	table.goodPreview	{ width:120px; height:260px; float:left; margin:0px 10px 0px 10px; }
	
	table.goodPreview .img { height:120px; border:0px; }
	table.goodPreview .img img	{ border:0px; }
	table.goodPreview .price	{ height:20px; text-align:center; font-size:12px; color:#000000; }
	table.goodPreview .content	{ text-align:center; vertical-align:top; }
	table.goodPreview .content a.goodTitle 			{ color:#000000; text-decoration:none; font-size:11px; }
	table.goodPreview .content a.goodTitle:hover 	{ color:#950000; text-decoration:underline; font-size:11px; }
	table.goodPreview .goodSize	{ text-align:center; font-size:10px; color:#886b43; }		


/* DIR OUTPUT */

	table.dirPreview	{ width:120px; height:200px; float:left; margin:0px 10px 0px 10px; }
	
	table.dirPreview .img { height:120px; border:0px; }
	table.dirPreview .img img	{ border:0px; }
	table.dirPreview .content	{ text-align:center; vertical-align:top; }
	table.dirPreview .content a.dirTitle 			{ color:#000000; text-decoration:none; font-size:14px; }
	table.dirPreview .content a.dirTitle:hover 	{ color:#950000; text-decoration:underline; font-size:14px; }

/* GOOD ALONE */

	table#goodArea		{ width:100%; font-size:11px; line-height:17px; text-align:justify; color:#666666; }
	table#goodArea p 	{ text-indent:20px; }
	table#goodArea img  { float:left; margin:0px 20px 20px 0px; }
	#goodParameters		{ margin:5px; font-size:11px; color:#000000; line-height:14px; }
	#goodParameters		{ margin:5px; }
	
	#recomend		{ line-height:19px; margin:10px;}
	

	fieldset#variants			{ border:#E3C531 dashed 1px; margin-bottom:10px; }
	fieldset#variants legend 	{ color:#333333; font-size:12px; background-color:#E3C531; padding:1px 2px 1px 2px; color:#FFFFFF; margin-left:10px; }
	
	fieldset#innerGoods			{ border:#D08C79 dashed 1px; }
	fieldset#innerGoods legend 	{ color:#333333; font-size:12px; background-color:#D08C79; padding:1px 2px 1px 2px; color:#FFFFFF; margin-left:10px; }
	fieldset#innerGoods a.field 	{ color:#e35931; font-weight:normal; font-size:13px; margin-left:10px; }
	
	#goodAlonePrice	{ font-size:18px; margin:5px; color:#e35931; }


/* CART */

	table#cartGoods	{ width:100%; margin:10px 0px 20px 0px; border-top:#D18D7A dashed 1px; border-left:#D18D7A dashed 1px; }	
	table#cartGoods th	{ padding:2px 0px 2px 0px; font-size:11px; color:#999999; font-weight:normal; border-bottom:#D18D7A dashed 1px; border-right:#D18D7A dashed 1px; }	
	table#cartGoods td	{ border-bottom:#D18D7A dashed 1px; border-right:#D18D7A dashed 1px; padding:5px; vertical-align:middle; line-height:20px; }	
	table#cartGoods td a img { border:0px; 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#cartGoods td a.delete  { font-size:11px; color:#666666;}	

	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:100%;  }
	table#orderInfo td input.but { width:150px; background-color:#e35931; color:#FFFFFF; border:#e35931 solid 1px; margin:10px; cursor:pointer;  }

	div#totalCost	{ margin:10px 0px 20px 0px; font-size:11px; line-height:18px; color:#666666;  }
	div#totalCost strong	{ color:#e35931; font-size:14px; }


/* SEARCH STRING */

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


/* SIGN */

	#sign   { width:100%; font-size:11px; color:#d08a78; }
	#sign .left     { width:59%; float:left; }
        #sign .right    { width:39%; float:left; }
        #sign .right img { float:left; margin-right:10px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
        #sign .right a:link, #sign .right a:hover, #sign .right a:active, #sign .right a:visited  { color:#d08a78; line-height:16px; font-size:10px;}

a.toCart			{ background-color:#FF6600; text-decoration:none; color:#FFFFFF; padding:1px 4px 1px 4px; font-size:11px; }
a.toCart:link		{ background-color:#FF6600; text-decoration:none; color:#FFFFFF; padding:1px 4px 1px 4px; font-size:11px; }
a.toCart:hover		{ background-color:#FF9933; text-decoration:none; color:#FFFFFF; padding:1px 4px 1px 4px; font-size:11px;}
a.toCart:active		{ text-decoration:none; color:#FFFFFF; padding:1px 4px 1px 4px; font-size:11px; }
a.toCart:visited	{ text-decoration:none; color:#FFFFFF; padding:1px 4px 1px 4px; font-size:11px; }

h2 { font-size:15px; color:#e35931; font-weight:bold; margin:0px; padding:0px; display:inline; }


/* SAPE */

div#SapeArea	{ margin:10px 40px 5px 40px; font-size:10px; color:#999999; }
div#SapeArea a:link, div#SapeArea a:hover, div#SapeArea a:active, div#SapeArea a:visited { color:#999999; text-decoration:underline; }
div#SapeArea a:hover { text-decoration:none; }

div#gallery	img { border:#000000 solid 1px; }