body 	{ background: #000 url(i/body.gif); margin: 0; }
body, div, td 	{ font: normal 11px Tahoma, Arial; color: #ccc; }
table 	{ padding: 0; margin:0 }
img 	{ border: none }

p 		{ margin: 6px 0 3px 0; line-height: 120%; }
i 		{  }
h1 	 	{ font: bold 13px Tahoma; color: #eee; text-transform: uppercase; margin: 10px 5px 10px 0; line-height: 110%;}
h2 		{ font: bold 12px Tahoma; color: #eee; margin: 15px 0 5px 0; line-height: 110%;}
h3		{ font: bold 12px Tahoma; color: #eee; margin: 5px 0 3px 0}
ul 		{ margin: 0; padding: 0; position: relative; z-index: 1;  }
ul li 	{ font-size: 100%; margin: 5px 0 0 20px; padding: 0 0 0 25px; list-style-type: none; background: url(i/li.gif) no-repeat 0 .5em; line-height: 110%; }
a 		{ color: #d00; text-decoration : none }
a:hover { color: #f00; text-decoration : none }
input { font: normal 11px Tahoma}


.c_notice { color: #FFFF66 }
.small, .sm	{ font: bold 10px Arial; }
.forms { color: #fff; background: #000; border: #656565 solid 1px; font: bold 10px Arial }
.leftpane { width: 130px }
div.msg { background: #111; color: #c00; padding: 5px; margin: 10px 0 0 0; border: #fff dotted 1px;  }
div.content { padding: 5px; background: #111 }
div.undermenu { background: url(i/leftpane-bg-shade.jpg) no-repeat top right; height: 20px; margin: 0 }
div.footer {padding: 10px 27px; }
div.sep {height: 5px}
div.sep2 {height: 26px}
.grey			{ color: #666; }
.bg_black		{background: #000 }
.popuplink		{background: url(i/b-popup.gif) no-repeat 2px; padding-left: 20px; line-height: 180%; font-size:90%}
.b_icons		{margin-left:0px; padding:15px 0px 45px 0px;}
.b_icons div	{float:left; padding-right:20px;}
img.pix 	{ margin: 5px }
table.pix	{margin: 0 5px 0 5px; }


table.products_list-pagenav { margin: 10px 0 }

/* SEARCH */ 
table.searchbox { width: 100%; background: #111; margin: 2px 5px; height:26px }

/* CATTABLE */
table.cattable { width: 100%; background: #222; margin-top: 5px; border-left: #555 dotted 1px;  }
table.cattable td { padding: 10px; vertical-align: top; }
.cattable-link { color: #eee; font: bold 11px Tahoma }
.cattable-sublink { background: url(i/cattable-li.gif) no-repeat 0 .5em; padding-left: 10px; color: #fff; font: bold 10px Arial; } 

/* FILTER */
div.filter_h { font: bold 11px Tahoma }
div.filter_list { margin: 5px 5px 10px 10px }
div.filter_list a { color: #c00; font: bold 10px Arial }
div.filter_list a:hover { color: #f00 }
div.filter_list a.selected { color: #ccc; font: bold 10px Arial}

/* PRODUCTS */
table.products_list-product { margin-top: 5px; background: #111; border: none }
table.products_list-product td span.name { font: bold 13px Tahoma; color: #fff; }
table.products_list-product td span.name a { color: #fff; }
table.products_list-product td span.new { color: #FFFF66; }
table.products_list-product td.pic { padding: 5px; vertical-align: top; }
table.products_list-product td.desc { padding: 5px; width: 100%; vertical-align: top;}
table.products_list-product td.tdprice { padding: 5px; width: 80%; }
table.products_list-product td.cart { background: #000; width: 100px; height: 25px; text-align: center }

/* PRODUCT */
.product-pic { width: 120px; height: 90px; border: 0 }
.product-isnew { color: #cc0000; }
.product-comment { color: #fff; }
.product-partnumber { font-weight: normal; color: #777; margin-top: 3px; }
.product-descr { margin-top: 5px; }
.product-price { font: normal 14px Arial; color: #fff; }
.product-wait { color: #fff; }

/* Панель вибору сторінок опису продукту */
table.product_pager { margin-top: 1px}
.product_pager td { padding: 5px }
.product_pager-current { background: #111; color: #fff; }
div.product_page { background: #111; padding: 10px }
div.prod_foto img  { margin: 2px 2px 0 2px ; border: #111 solid 1px;  }
div.prod_foto a:hover img  { margin: 2px 2px 0 2px ; border: #656565 solid 1px;  }
div.current_foto img  { margin: 2px 2px 0 2px ; border: #ccc solid 1px; }

/* Характеристики товару */
.chlabel_main { color: #999 }
.chval_main {}
.chlabel { border-bottom: #222 dotted 1px; color: #999 }
.chval { border-bottom: #222 dotted 1px; color: #fff }
.chgrp { border-bottom: #444 solid 1px; font: bold 11px Tahoma }

/* BASKET */
table.basket {margin-top: 5px; background: #111}
table.basket th { padding: 5px; border-bottom: #666 solid 1px; font: bold 11px Tahoma; text-align: left}
table.basket td { padding: 5px; }
table.basket td.item { padding: 5px; border-bottom: #222 dotted 1px; }
table.basket td span.total { font: normal 14px Arial; color: #fff }

div.basket_addeditem { background: #111; padding: 5px; margin-top: 10px; border: #fff dotted 1px }
div.basket_addeditem b { color: #ff5 }

/* bASKET LEFT */
table.basket_left {margin: 10px 10px; }
table.basket_left td {padding: 0; }
table.basket_left td.item {padding: 5px 0 2px 0; }
table.basket_left td.sum {padding: 1px 5px 2px 5px; text-align: right; border-bottom: #333 dotted 1px}
table.basket_left td.order {padding: 5px 0 0 0; }

/* LOGINBOX */
table.loginbox { width: 150px; }
table.loginbox td {padding: 5px 10px 2px 10px }
table.loginbox td.logged {padding: 5px 10px 2px 15px }
div.loginbox { margin-top: 5px; padding: 10px}

/* CUSTOMER LOGIN */
table.customer { background: #111; margin: 5px 0 }
table.customer td {padding: 5px 5px 2px 5px }

/* CUSTOMER HISTORY */
table.history {margin-top: 5px; background: #111}
table.history th { padding: 5px; border-bottom: #666 solid 1px; font: bold 11px Tahoma; text-align: left}
table.history td { padding: 5px; }
table.history td.item { padding: 5px; border-bottom: #222 dotted 1px; }
table.history td.item2 { padding: 5px; border-bottom: #222 dotted 1px; background: #111; }

/* ORDERFORM */
table.orderform { background: #111; margin: 5px 0 }
table.orderform td {padding: 5px 5px 2px 5px }

/* FORM */
table.form { background: #222; margin: 5px 0 }
table.form td {padding: 5px 5px 2px 10px }


/* MENU */
ul.nav 		{ margin: 0; padding: 0; position: relative; z-index: 1; border-bottom: #656565 solid 1px; background: #000; }
ul.nav li 	{ font: normal 11px Tahoma; color: #fff; border-top: #656565 solid 1px; margin: 0 0 0 0; padding: 8px 6px 8px 26px; list-style-type: none; background: url(i/nav-li.gif) no-repeat 10px 10px; }
ul.nav li.active { background: url(i/nav-li-a.gif) no-repeat 10px 10px; }
ul.nav li.sub 	{ font: bold 10px Arial; border-top: #656565 dotted 1px; margin: 0 0 0 20px; padding: 8px 6px 8px 16px; list-style-type: none; background: url(i/nav-li.gif) no-repeat 0px 10px; }
ul.nav li.sub_active 	{ color: #FD0002; border-top: #656565 dotted 1px; margin: 0 0 0 20px; padding: 8px 6px 8px 16px; list-style-type: none; background: url(i/nav-li-a.gif) no-repeat 0px 10px; }
ul.nav li.note { background: #222; url(i/nav-li-a.gif) no-repeat 10px 10px; }
ul.nav li a { text-decoration: none; color: #fff; }
ul.nav li a:hover { text-decoration: none; color: #f00; }

/* BORDERS */
.bt { border-top: #656565 solid 1px }
.br { border-right: #656565 solid 1px }
.bb { border-bottom: #656565 solid 1px }
.bl { border-left: #656565 solid 1px }
.b  { border: #656565 solid 1px }

.bbt { border-top: #000 solid 1px }
.bbr { border-right: #000 solid 1px }
.bbb { border-bottom: #000 solid 1px }
.bbl { border-left: #000 solid 1px }
.bb  { border: #000 solid 1px }

.gbt { border-top: #111 solid 1px }
.gbr { border-right: #111 solid 1px }
.gbb { border-bottom: #111 solid 1px }
.gbl { border-left: #111 solid 1px }
.gb  { border: #111 solid 1px }

/* PATHNAV */
div.pathnav 		{ font: bold Arial 10px; color: #999; }
div.pathnav a		{ color: #999; }
div.pathnav a:hover		{ color: #999; }

/************* 404 ******************************/
#links404 { font-family: Verdana, Arial, serif;	color : #000000; font-size : 11px; }
#links404 a { font-family: Verdana, Arial, serif;	color : #3385AD;	font-size : 11px;	font-weight: normal;	text-decoration : underline }
#links404 a:hover {	font-family: Verdana, Arial, serif;	color : #3385AD;	font-size : 11px;	font-weight: normal;	text-decoration : underline }
#links404 p{ font-family: Verdana, Arial, serif;	color : #555555;	font-size : 11px;	margin: 20px 5px 15px 50px	}
#links404 h1 { font-family: Verdana; color : #111111; font-weight: bold; font-size : 18px; margin: 5px 5px 5px 0px }
#links404 li { list-style-type : none; margin: 5px 10px }

/************	Needed part **********************/

.usermenu { font-family : Arial, Geneva, Helvetica, sans-serif; font-size : 10px; font-weight : normal;	color : #333333; }
a.usermenu:link { color : #336699; font-size : 10px; text-decoration : none; }
a.usermenu:hover { color : #ff6600; font-size : 10px; /* text-decoration : underline; */ }
