html { font-size:100.01%; }

html, body {
margin: 0;
padding: 0;
background-color: #FFFFFF;
color: #2D2D2D;
font: 100% Arial, sans-serif; }

td  { font-size: 90% }

body { background: #fff url(images/bot_bg.jpg) bottom left repeat-x }

body {
	// behavior:url("/csshover.htc");
	}

#out { background: url(/i/top_bg.jpg) top left repeat-x; }
#top { width: 100%; height: 40px; color: white !important; background: black url(images/top_black.png) top left repeat-x }
#top table { border: 0; height: 100%; width: 100%; color: white !important; font-size: 95%; }
#top table ul { display: block; margin: 0; padding: 0 }
#top table ul li { display: inline; margin: 0; padding: 0 10px 0 10px;color: white !important;  }
#head { width: 100%; height: 150px;/* background: orange url(images/top_orange.jpg) top left repeat-x */}
#bg { width: 100%; height: 150px; /*background: url(images/head_orange.png) bottom left repeat-x */}
#bg table { border: 0; height: 100%; width: 100%; }
#bg table #logo a { text-decoration: none; }
#bg table #logo h1 { color: #4ca600; font-size: 150%; font-weight: bold !important; padding-bottom: 0; margin: 20px 0 0 0 }
#bg table #logo h1 span { color: black; font-size: 85%; font-weight: normal !important; }
#bg table p { width: 90%; font-size: 90%; padding-top: 0px; margin-top: 0 }
.content table#main, .content table#footer { border: 0; width: 100%; }
.content table#footer { padding: 20px 0; border: 0; width: 100%; font-size: 80%;  } /*background-color: #e5e5e5; border-top: solid 1px black;*/
table#main { padding: 20px 0; }

h1, h2, h3 {
font-weight: normal;
color: black;
margin: 0;
padding: 20px 0 0 0
}

h1 { font-size: 160% }
h2 { font-size: 140% }
h3 { font-size: 120% }

#login1 { width: 250px; border: solid 1px #ccc; position: absolute; background-color: #fafafa; }
#login1 table { color: black !important }

#cart { /*border: solid 1px #ccc; border-top-width: 0px; */padding: 0px; margin-bottom: 10px; /*background-color: #fafafa; */text-align: left; width: 60%; }
#cart form { margin: 0; padding: 0 }
#cart h3 { margin: 0; padding: 10px 0 }

.rmenu h2 { padding: 0px 0px 0px 15px; }
.name h1 { font-size: 240%; font-weight: bold; font-style: italic; color: #4ca600 }

#bg_catalog_1 { font-style: italic }
#bg_catalog_1 h1 { font-size: 100% !important; font-style: italic; padding: 0; margin: 0; }

#allspec { font-size: 85%; }
#allspec a { color: #007cd0 }

.border { padding: 20px 0; margin: 0 }
.border h2 { padding: 0 !important; margin: 0 !important }

ul li ul { list-style-type:none; }

h2 { text-transform:uppercase; }

#catal {
	/* background:#fff;*/
float:left; margin:0px; padding:0px; display: inline; width:90% } /*#f9f9f9*/

#catal #cat_in { margin:5px 5px 5px 15px;}


html > body li.podcatalog a { padding-left:20px;}
li.podcatalog a{
	text-transform: lowercase;

}

ul.catalog {
color: #4ca600;
list-style-type: none ;
text-transform: capitalize;
margin: 0; padding: 0px;
cursor: pointer; /*Бег каталога*/
}
ul.catalog li { margin: 0; padding: 4px 0; }

ul.podcat { margin: 0; padding: 0px; font-size: 90% }
ul.podcat li { margin: 0; padding: 2px !important; }

ul.catalog li strong { font-weight: normal; border-bottom: dashed 1px #4ca600; color: #4ca600; cursor: pointer }
ul.catalog li strong:hover { border-bottom: dashed 1px black; color: black; cursor: pointer }

.dlink { border-bottom: dashed 1px #4ca600; color: #4ca600; cursor: pointer }
.dlink:hover { border-bottom: dashed 1px black; color: black; cursor: pointer }


a { color: #007cd0; }
a:hover{ color: black; }


ul.catalog li a { color: #4ca600; }
ul.catalog li a:hover{ color: black; }

ul.catalog2 {
	margin: 0px;
	padding: 0 0 0 15px;
	list-style-type: none;
}

ul.catalog2 li { cursor: pointer; padding:2px 0px 3px; }
ul.catalog2 li strong{ font-weight: normal; }

ul.catalog2 li a { color: black; }
ul.catalog2 li a:hover { color: #4ca600; }

a.navigation { color: #fafafa; }
a.navigation:hover { color: #4ca600; }

a.activ_catalog {
font-weight: bold;
color: black;
text-decoration: none;
}

a.product_name { font-size: 120%; color: black; font-weight: bold; }
a.product_name:hover { font-size: 120%; color: #4ca600; font-weight: bold; }

a.product_name img { margin-top: 5px; border: 0; clear: both }

hr {
color: #C0C0C0;
height: 1px;
width: 100%;
border-style: none;
background-color: #C0C0C0;
margin: 15px 0
}

/* ЦЕНЫ */

.pr1 { padding: 5px 0; }
.pr1 big {	font-size: 110%; padding: 5px; font-weight: bold;
	background-color: #4ca600 /*url(images/shop/ungle_w.gif) top left no-repeat*/; color: white; font-style: italic; border-bottom: solid 2px black }

.mainprice strong { font-size: 150%; font-weight: bold; font-style: italic; color: #4ca600 }
.old { color: #ccc; font-weight: bold; }

/************ TABLES **********/

table.product { border: solid 1px #fff }
table.product:hover { border: solid 1px #ccc; border-bottom: solid 3px black; background-color: #fff }

table.sort { border-collapse: collapse; width: 100% }
table.sort td { padding-right: 10px }

.spec_forma { border-collapse: collapse; width: 200px }
.spec_forma td.top { border: solid 1px #4ca600; border-top-width: 3px; text-align: center; padding: 10px }
.spec_forma td.bot { background-color: #4ca600; border: solid 0px black; border-bottom-width: 3px; padding: 0 10px 10px 10px }
.spec_forma a:hover { color: white }

td.nameimg { background-color: white }
td.nameimg img { display: block; clear: both }

.cattable { margin: 0; padding: 0 0 20px 0 }
.cattable td { margin: 0; padding: 0 20px 20px 0 }

.clear { clear: both }

/* вывод новостей */
.newsmini { font-size: 85% }
.newsmini, .newslist { clear: both; padding: 10px 20px 10px 0 }
.newsmini a, .newslist a { font-weight: bold }
.newsmini i, .newslist i { color: #ccc }


ol.nowbuy { padding: 10px 0; margin: 0 }
ol.nowbuy li { padding: 0px; margin: 0 }

ol.bigol  { font-size: 200% }
ol.bigol li { font-size: 100% !important }
ol.bigol li p { font-size: 50% !important; width: 80% }
ol.bigol li h3 { font-size: 60% !important; font-weight: bold }

/*Стили кнопок табов*/


.dynamic-tab-pane-control.tab-pane {
	position:	relative;
	width:		90%;
}

.dynamic-tab-pane-control .tab-row .tab {
	font-family:	Verdana, Helvetica, Arial;
	font-size:		10px;
	cursor:			Default;
	display:		inline;
	margin:			1px -5px -1px 5px;
	float:			left;
	padding:		6px;
	/*background:		#fafafa;*/
	border:			1px solid;
	border-color:	#fafafa; /*#AED3DC;*/
	border-left:	0;
	border-bottom:	0;
	border-top:		0;

	cursor:			hand;
	cursor:			pointer;

	z-index:		1;
	position:		relative;
	top:			0;
}

.dynamic-tab-pane-control .tab-row .tab.selected {
	border:			1px solid #ccc;/*#AED3DC;*/
	border-bottom:	0;
	z-index:		3;
	padding:		6px;
	margin:			1px -6px -1px 0px;
	top:			-2px;
	background:		white;
}

.dynamic-tab-pane-control .tab-row .tab a {
	font-family:		Verdana, Helvetica, Arial;
	font-size:			12px;
	color:				black; /*#2E9BC2*/
	text-decoration:	none;
	cursor:			hand;
	cursor:			pointer;
}

.dynamic-tab-pane-control .tab-row .hover a {
	color:	#4ca600;
}

.dynamic-tab-pane-control .tab-row .tab.selected a {
	font-weight: bolder;
}

.dynamic-tab-pane-control .tab-page {
	clear:			both;
	border:			1px solid #ccc;/*#AED3DC;*/
	background:		White;
	z-index:		2;
	position:		relative;
	top:			-2px;
/*	color:			#696969;*/
	font-size:		100%;
	padding:		10px;
}

.dynamic-tab-pane-control .tab-row {
	z-index:		1;
	white-space:	nowrap;
/*	background:		#fafafa; */ /*#EDF5F8*/
	height:			1.85em;
	width:			100%;
}

.tab-page a{
	color: #AE8895;
}

#cartwindow{
   position:absolute;
   left:10px;
   top:0;
   visibility:hidden;
   width: 250px;
   height: 68px;
   Z-INDEX: 2;
   BACKGROUND: #C0D2EC;
   padding:10px;
   border: solid;
   border-width: 1px;
   border-color:#4D88C8;
   FILTER: revealTrans  (duration=1,transition=4);
}
#comparewindow{
   position:absolute;
   left:10px;
   top:0;
   visibility:hidden;
   width: 250px;
   height: 68px;
   Z-INDEX: 2;
   BACKGROUND: #C0D2EC;
   padding:10px;
   border: solid;
   border-width: 1px;
   border-color:#4D88C8;
   FILTER: revealTrans  (duration=1,transition=4);
}



.rndbxg b.trg, .rndbxg b.brg { display: block }
.rndbxg b.trg *, .rndbxg b.brg * { display: block; height: 1px; overflow-y: hidden; font-size: 0 !important; border-width: 0 1px; border-style: none solid}
.rndbxg b.trg b, .rndbxg b.brg b { margin: 0 4px }
.rndbxg b.trg i, .rndbxg b.brg i { margin: 0 2px }
.rndbxg b.trg u, .rndbxg b.brg u { margin: 0 1px !important }
.rndbxg .rndbxCg { border-width: 0 1px; border-style: none solid; padding: 0; overflow: hidden }
.rndbxg b.trg u, .rndbxg b.brg u { height: 2px }
.rndbxg b.trg i, .rndbxg b.brg i { border-width: 0 2px }
.rndbxg b.trg b, .rndbxg b.brg b { border-width: 0 }
.wrndbxg b.trg b, .wrndbxg b.brg b { background: #cccccc }
.wrndbxg b.trg i, .wrndbxg b.brg i, .wrndbxg b.trg u, .wrndbxg b.brg u, .wrndbxg .rndbxCg { background: #ffffff; border-color: #cccccc }
.grndbxg b.trg *, .grndbxg b.brg *, .grndbxg .rndbxCg { background: #ececec !important; border-color: #ececec !important }

