BODY {
	margin: 0;
	background-color: #FFFFFF;

	}
BODY,
TD {
	color: #000000;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	}

IMG {
	border: 0;
	}

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

H3 {
	font-weight: bold;
	font-size: 12px; 	
        display:inline;
}

TEXTAREA {
	font: 12px Tahoma, Arial, Helvetica, sans-serif;

	}

INPUT,
TEXTAREA,
SELECT {
/*	border: 1px #d0d0d0 solid;
	background-color:#e3e3e3;
	border: 1px #d0d0d0 solid;*/
	background-color:#ffffff;

	}
OPTION {
	border: 1px #ffffff solid;
	background-color:#ffffff;
	}


DIV,TEXTAREA {
	}


A,
A:visited {
	color: #00266B;
	text-decoration: none;
	}
A:hover {
	color: #3562b4;
	}

A.menu,
A.menu:visited {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding: 0 7 1 7;
	}
A.menu:hover {
	color: #3562b4;
	text-decoration: none;
	}

/* TABLE */
.border {
	background-color: #d0d0d0;

	}
.bg, .bgi, .bgi input  {
	background-color: #ffffff;
        text-align: left;
	}
.bgH {
	background-color: #e3e3e3;
        text-align: left;

	}
.bgHl {
	background-color: #e3e3e3;
	}

.button, .buttonH {
	color: #ffffff;
	font-weight: bold;
	background-color: #888888;
	}

.pageHeader {
	background-color: #E3e3e3;
	}
.menuLine {
	background-color: #e3e3e3;
	}

div.navline {
	padding:3;
	font-weight:bold;
        font-size:80%;
	border: 1 solid #333333;
        padding-bottom: 5px;
	background:url(/images/dotted_line.gif) repeat-x left bottom #FFFFFF;
	}
div.navline a {
	font-weight:bold;

	}


.infoBoxHead {
	color: #6b6b6b;
	font-weight: bold;
	font-family: Tahoma,Verdana,Arial;
	}
table.infoBoxHead {
	background-color: #d4d4d4;
	}

.boxProduct {
	padding-bottom:5px;
	}
.maincell {
        padding-left: 50px;
        padding-right: 50px;

        }

.pagebar {
	color: #003050;
	font-weight: bold;
	font-family: Tahoma,Verdana,Arial;
	}
table.pagebar {
	background-color: #E3e3e3;
	}
a.pagebar,
a.pagebar:visited {
	color: #00266b;
	}

a.pagebar:hover {
	color: #3562b4;
	}
.pagebar select {                
	font-weight: bold;
	font-size: 10px;
	}
.pagebar option {
	background-color: #e3e3e3;
	}


.desc_preview {
	font-size:80%;
	text-align:justify;
	color: #333333;
	}


.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: #f0f0f0;
	}
input.toplogin {
	color: #444444;
	background-color: #E3E3E3;
	border:1 #507080 solid;
	height: 18;
	font-size: 11px;
	font-weight: normal;
	}

.button2 {
	border:2px #999999 solid;
	font-size:14px;
	padding:5px 20px 5px 20px;
	background-color: #e45c00;
	color:#fff;
	}
.button2 a {
	font-weight:bold;	
	color:#fff;

	}

.button2 a:hover {
	text-decoration: underline;
	}


.button1, .button3 {
	border:1px #999999 solid;
	font-size:14;
	font-weight:bold;
	padding:2;
	}
.button1, .button3 {
	background-color: #E3E3E3;
	}
.button3 {
	font-size:12;
	}
.button1 a, .button3 a {
	text-decoration: none;
	}
.button1 a:hover {
	text-decoration: none;
	}
.button1 a:hover {
	border:1 #ab7200 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: small;
	}
.headH, .headerH {
	font-size: small;
	}
.header, .headerH {
	text-decoration: underline;
	}


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


.note, .note1, .note2 {
	color: #116699;
	font-weight: normal;
	}
.noteH, .noteH1, .noteH2 {
	font-weight: normal;
	}
.note1, .noteH1 {
	color: #556699;
	}
.note2, .noteH2 {
	color: #CC3333;
	}


.hl, .hlH, .ok, .okH, .warn, .warnH {
	color: #116699;
	font-weight: bold;
	font-size: 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;
	}


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

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

.sc_warn {
	color: #AA0000;
	}

.sc_text {
	font-size: x-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;
	}
.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: #F5F5F5;
	}
.tree DIV.block {
	margin-left: 11px;
	padding: 0;
	display: none;
	background: #F5F5F5; 
	}
.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;
        line-height:15px;  
	}
.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;*/
        text-decoration:underline;

	}
.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;*/
        text-decoration:underline;
	}

.tree_usual DIV {
	padding-top: 3;
	}