BODY {
	margin: 0;
	background-color: #D1D1D1;
	}
BODY,
TD {
	font-family:verdana,arial,helvetica,tahoma,sans-serif;
	font-size:11px;
	color:#000000;
}

H1 {
	text-align: center;
	color: #00366B;
	font-weight: bold;
	font-size: 18px;
	margin: 2;
	}


TEXTAREA {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	}

INPUT,
TEXTAREA,
SELECT,
OPTION {
	border: 1px #BABABA solid;
	background-color:#ffffff;
	}

DIV,TEXTAREA {
	scrollbar-arrow-color: #717171;
	scrollbar-base-color: #D8D8D8;
	}


A,
A:visited {
	color: #404040;
	text-decoration: none;
	}
A:hover {
	color: #663004;
	text-decoration: underline;
	}


/* TABLE */
.border {
	background-color: #A5A5A5;
	}
.bg, .bgi, .bgi input {
	background-color: #F9F9F9;
	}
.bgH {
	background-color: #EBEBEB;
	}
.bgHl {
	background-color: #DBDBDB;
	}


.button {
	background-color: #E5E5E5;
	}
.buttonH {
	color: #ffffff;
	font-weight: bold;
	background-color: #989898;
	}

.pageHeader {
	background-color: #7484D3;
	}
.menuLine {
	background-color: #5475C8;
	}

div.navline {
	padding:3;
	font-weight:bold;
	border: 1 solid #333333;
	background-color: #7495E8;
	}


.infoBoxHead {
	color: #00366B;
	font-weight: bold;
	font-family: Tahoma,Verdana,Arial;
	}
table.infoBoxHead {
	background-color: #7484D3;
	}

.boxProduct {
	padding-bottom:5px
	}

.pagebar {
	color: #003050;
	font-weight: bold;
	font-family: Tahoma,Verdana,Arial;
	}
table.pagebar {
	background-color: #7484D3;
	}
a.pagebar,
a.pagebar:visited {
	color: #DDEEFF;
	}
a.pagebar:hover {
	color: #0000FF;
	}
.pagebar select {
	font-weight: bold;
	font-size: 10px;
	}
.pagebar option {
	background-color: #CFD9EF;
	}


.toplogin {
	color: #DDDDDD;
	font-size: 11;
	font-weight: bold;
	}
a.toplogin,
a.toplogin:visited {
	color: #EEEEEE;
	font-size: 10;
	font-weight: normal;
	}
a.toplogin:hover {
	color: #0000FF;
	}
input.toplogin {
	color: #444444;
	background-color: #CFD9EF;
	border:1 #507080 solid;
	height: 18;
	font-size: 11px;
	font-weight: normal;
	}


.button1, .button2, .button3 {
	border:1px solid #4B4B4B;
	font-size:14;
	font-weight:bold;
	padding:2;
	}
.button1, .button3 {
	background-color: #DEDEDE;
	}
.button2 {
	background-color: #A1A1A1;
	}
.button3 {
	font-size:12;
	}
.button1 a, .button2 a, .button3 a {
	text-decoration: none;
	}
.button1 a:hover, .button2 a:hover {
	text-decoration: none;
	}
.button1 a:hover, .button2 a:hover {
	border:1 #aaaaaa dotted;
	}
td.button1, td.button2, td.button3 {
	width: 100; /* for no bag */
	}



/* necessary to fill field */
.star {
	color: #CC3333;/*#FF0000*/
	}


.newsText,
.newsText A,
.newsHead {
	color: #386080;
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	font-size: 11px;
	text-decoration: none;
	}
.newsHead {
	color: #616180;
	font-weight: bold;
	letter-spacing: 1px;
	}


.bigCat,
.bigCatB,
.smallCat {
	color: #224466;
	}
.bigCatB {
	font-weight: bold;
	}
.smallCat {
	font-size: 10px;
	}

/* ************************************************************************** */
.head, .headH, .header, .headerH {
	color: #116699;
	font-weight: bold;
	font-size: x-small;
	}
.headH, .headerH {
	font-size: small;
	}
.header, .headerH {
	text-decoration: underline;
	}


.txt, .txt TD {
	font-size: x-small;
	}
.txtB, .txtB TD {
	font-size: x-small;
	font-weight: bold;
	}
.txtH, .txtH TD {
	font-size: small;
	font-weight: bold;
	}


.note, .note1, .note2 {
	color: #B0B0B0;
	font-weight: normal;
	}
.noteH, .noteH1, .noteH2 {
	font-weight: normal;
	}
.note1, .noteH1 {
	color: #959595;
	}
.note2, .noteH2 {
	color: #CFCFCF;
	}


.hl, .hlH, .ok, .okH, .warn, .warnH {
	color: #909090;
	font-weight: bold;
	font-size: x-small;
	}
.ok, .okH {
	color: #339966;
	}
.warn, .warnH {
	color: #CC3333;
	}
.hlH, .okH, .warnH {
	font-size: small;
	}

.inactive {
	color: #888888;
	}



/* ******************************************************************** */



.popup_head {
	color: #993300;
	font-size: 12px;
	font-weight: bold;
	}

.small {
	color: #003366;
	font-size: 9px;
	}


.hat_border {
	color: #000044;
	background-color: #000044;
	}
.hatButtonH {
	color: #DBE2E9;
	font-weight: bold;
	background-color: #3B6782;
	}


/*---------------- Shopping Cart ---------------*/

.sc_message {
	color: red;
	font-size: xx-small;
	}

.sc_warn {
	color: #AA0000;
	}

.sc_text {
	font-size: xx-small;
	}



/*------------------ Categories -------------------*/

/* --- if DHTML --- */
.tree {
	font-size: 12px;
	padding: 3;
	padding-bottom: 8;
	text-indent: -16;
	}
.tree A,
.tree A:visited {
/*	color: #000000; */
	text-decoration: none;
	}
.tree A:hover {
/*	color: #2266CC; */
	padding:0 2 0 2;
	border: 1 #3E4A66 dotted;
	background: #E0E9FC;
	}
.tree A.active,
.tree A.active:visited {
	color: #003399;
	font-weight: bold;
	background: #C3CEE6;
	padding: 0 2 0 2;
	}
.tree A.active:hover {
	color: #0000EE;
	padding: 0 2 0 3;
	}

.tree IMG {
	border: 0;
	width: 14;
	height: 14;
        margin-right: 2;
	}
.tree IMG.corner {
	cursor: hand;
	}
.tree DIV {
	padding: 0 0 2 16;
/*	background: url(<?= $SITE_ROOT ?>/img/tree/cbg.gif) repeat-y; */
	}
.tree DIV.last {
	background: #EFF3FF;
	}
.tree DIV.block {
	margin-left: -4;
	padding: 0;
	display: none;
	background: #EFF3FF;
	}
.tree .browse,
.tree A.browse,
.tree A.browse:visited {
	color: #2266CC;
/*	font-size: 10px;*/
	}


/* --- if Usual --- */
.tree_usual {
	font-size: 12px;
	padding: 3;
	padding-bottom: 8;
	padding-left: 8;
	}
.tree_usual A,
.tree_usual A:visited {
/*	color: #000000; */
	text-decoration: none;
	}
.tree_usual A:hover {
/*	color: #2266CC; */
	padding:0 2 0 2;
	border: 1 #3E4A66 dotted;
	background: #E0E9FC;
	}
.tree_usual A.active,
.tree_usual A.active:visited {
	color: #003399;
	font-weight: bold;
	background: #C3CEE6;
	padding: 0 2 0 2;
	}
.tree_usual A.active:hover {
	color: #0000EE;
	padding: 0 2 0 3;
	}

.tree_usual DIV {
	padding-top: 3;
	}

.grey-top-s 
{ 
	background-color: #ABABAB; 
	color: #F2EA1C; 
	text-decoration: none; 
	font: 11px tahoma; 
	font-weight: bold
}

.grey-bar-s 
{ 
	background-color: #D1D1D1; 
	color: #6C6C6C; 
	text-decoration: none; 
	font: 11px tahoma; 
	font-weight: normal
}

.grey-bgr 
{ 
	background-color: #EFEFEF; 
}

.grey2-bgr 
{ 
	background-color: #BABABA; 
}

.grey3-bgr 
{ 
	background-color: #E0E0E0; 
}

.bar-txt
{ 
	color: #7D7D7D; 
	text-decoration: none; 
	font: 11px tahoma; 
	font-weight: bold
}

.bar-price
{
	font-family: tahoma; 
	font-size:14px; 
	color:#ffffff;  
	background-color:#A4A4A4;
	padding-left: 2px;
	padding-right: 2px;
	text-align: right;
}

.bar-price2
{
	font-family: tahoma; 
	font-size:11px; 
	color:#9E550E;  
	padding-left: 2px;
}

.bar-price3
{
	font-family: tahoma; 
	font-size:14px; 
	color:#B54936;  
	padding-right: 2px;
	font-weight: bold;
}

.item
{ 
	background-color:#E7EAE3;
	font-family: tahoma; 
	font-size:11px; 
	color:#4E4E4E;  
	text-align: justify;
	height: 17px;
}


.nav
{
	font-family: tahoma; 
	font-size:11px; 
	color:#BD8860;  
	background-color:#E6E6E6;
	text-align: left;
	font-weight: bold;
	padding-right: 10px;
}

.item-t
{ 
	background-color:#C5C9C6;
	height: 18px;
	padding: 2px
}

.input-top
{
	font-family: tahoma; 
	font-size:11px; 
	color:#777777; 
	width:135px; 
	height:19px; 
	border-width:1px; 
	border-style:solid; 
	border-color:#D1D1D1; 
	background-color:#F7F7F7;
	padding-left: 2px
}

.button
{
	font-family:tahoma; 
	font-size:11px; 
	color:#fff; 
	background-color:#7A7A7A; 
	width:114px; 
	cursor:hand; 
	border-width:1px; 
	border-style:solid; 
	border-color:#9B9B9B; 
	font-weight: bold;
}

a.menu	{ text-decoration:none; text-align: center; color:#FFFFFF; font: 11px tahoma; font-weight: normal; width: 68px}
a.menu:link, a.menu:visited	{ color:#FFFFFF}
a.menu:hover, a.menu:active	{ color:#AF500A; text-decoration:none;}

a.bar	{ text-decoration:none; color:#7D7D7D; font: 11px tahoma; font-weight: normal; width: 180px}
a.bar:link, a.bar:visited	{ color:#7D7D7D}
a.bar:hover, a.bar:active	{ color:#AF500A; text-decoration:none;}

a.bar2	{ text-decoration:none; color:#7D7D7D; font: 11px tahoma; font-weight: normal}
a.bar2:link, a.bar2:visited	{ color:#7D7D7D}
a.bar2:hover, a.bar2:active	{ color:#AF500A; text-decoration:none;}

a.bar3	{ text-decoration:none; color:#7D7D7D; font: 10px tahoma; font-weight: normal; padding-left:4px; padding-right:4px}
a.bar3:link, a.bar3:visited	{ color:#7D7D7D}
a.bar3:hover, a.bar3:active	{ color:#AF500A; text-decoration:none;}

a.na	{ text-decoration:none; color:#7D7D7D; font: 11px tahoma; font-weight: bold; padding-left:4px; padding-right:4px}
a.na:link, a.na:visited	{ color:#7D7D7D}
a.na:hover, a.na:active	{ color:#AF500A; text-decoration:none;}

a.navline	{ text-decoration:none; color:#7D7D7D; font: 11px tahoma; font-weight: bold; padding-left:4px; padding-right:4px}
a.navline:link, a.navline:visited	{ color:#7D7D7D}
a.navline:hover, a.navline:active	{ color:#AF500A; text-decoration:none;}

a.it	{ text-decoration:none; color:#707070; font: 11px tahoma; font-weight: bold; padding-left:4px; padding-right:4px}
a.it:link, a.it:visited	{ color:#707070}
a.it:hover, a.it:active	{ color:#AF500A; text-decoration:none;}

a.art	{ text-decoration:none; text-align: center; color:#FFFFFF; font: 11px tahoma; font-weight: bold}
a.art:link, a.art:visited	{ color:#FFFFFF}
a.art:hover, a.art:active	{ color:#AF500A; text-decoration:none;}

.white-s
{
	font-family: tahoma; 
	font-size:11px; 
	color:#4E4E4E;  
	background-color:#ffffff;
}

.input
{
	font-family: tahoma; 
	font-size:11px; 
	color:#555555;  
	height:20px; 
	border-width:1px; 
	border-style:solid; 
	border-color:#9B9B9B; 
	background-color:#EFEFEF
}

.textarea
{
	font-family:verdana,arial,helvetica,tahoma,sans-serif;
	font-size:10px;
	color:#555555;
	width:400px;
	border-width:1px;
	border-style:solid;
	border-color:#9B9B9B;
}