
BODY {
	margin: 15 10 15 10;
	background-color: #FFFFFF;
/*	scrollbar-arrow-color: #000099; */
/*	scrollbar-base-color: #BFC3DF; */
	}
BODY,
TD {
	color: #000000;
	font-family: Verdana,Arial,Helvetica,Tahoma,sans-serif;
	font-size: 11px;
	}

H1 {
	text-align: left;
	color: #3366ff;
/*	color: #3399CC;*/
	font-weight: bold;
	font-size: 17px;
	margin: 0;
	}


BLOCKQUOTE {
	margin: 3 0 0 20;
	}

TEXTAREA {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	}

INPUT,
TEXTAREA,
SELECT,
OPTION {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
/*	font-size: 12px;*/
	border: 1px #777777 solid;
	background-color:#FFFFFF;
	}

DIV,TEXTAREA {
/*	scrollbar-arrow-color: #000099; */
/*	scrollbar-base-color: #BFC3DF; */
	}


A,
A:visited {
	color: #3366ff;
	text-decoration: underline;
	}
A:hover {
	color: #666666;
	}



.orange {
	color: #3366ff;
	}
.grey {
	color: #666666;
	}
.white {
	color: #FFFFFF;
	}
.red {
	color: #FF0000;
	}

.bg_orange {
	background: #3366ff;
	}
.bg_grey01 {
	background: #E4E4E4;
	}
.bg_grey02 {
	background: #CCCCCC;
	}
.bg_grey03 {
	background: #999999;
	}
.bg_grey04 {
	background: #666666;
	}
.bg_grey05 {
	background: #333333;
	}
.bg_black {
	background: #000000;
	}
.bg_white {
	background: #FFFFFF;
	}
.bg_red {
	background: #FF0000;
	}

.vSpaced {
	line-height: 150%;
	}

.big {
	font-size: 12px;
	}
.sml {
	font-size: 10px;
	}
.indent {
	text-indent: 15px;
	}


#Header1,
#Header1 A,
#Header1 A:visited {
	color: #000000;
	text-decoration: none;
	}

#Header2 A,
#Header2 A:visited {
	border-top: 1px transparent;
	color: #3366ff;
	font-weight: bold;
	text-decoration: none;
	}
#Header2 A:hover {
	border-top: 1px solid #CCCCCC;
	color: #666666;
	}


#Footer {
	padding: 2px;
	font-size: 10px;
	color: #3366ff;
	}
#Footer A {
	color: #000000;
	text-decoration: none;
	}
#Footer A:hover {
	color: #666666;
	text-decoration: underline;
	}


#LeftMenu {
	margin: 4;
	}
#LeftMenu A {
	display: block;
	width: 100%;
	margin-bottom: 4;
	border: 1px solid #999999;
	padding: 2px;
	color: #FFFFFF;
	text-decoration: none;
	}
#LeftMenu A:hover {
	color: #000000;
	border-color: #CCCCCC;
	border-right-color: #000000;
	border-bottom-color: #000000;
	background: #999999;
	}


/* TABLE */
.border {
	background-color: #FFFFFF;
	}
.bg, .bgi, .bgi input {
	background-color: #FFFFFF;
	}
.bgH {
	background-color: #CCCCCC;
	}
.bgHl {
	background-color: #AAAAAA;
	}


.button,
.buttonH {
	background-color: #CCCCCC;
	color: #000000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	}
.buttonH {
	font-weight: bold;
	background-color: #999999;
	}


.pageHeader {
	background-color: #000066;
	}
.menuLine {
	background-color: #d0d6dd;
	}

DIV.navline {
	padding: 3;
	font-weight: bold;
	border-bottom: 1 solid #333333;
	background-color: #FFFFFF;
	}
DIV.navline a {
	font-weight:bold;
	}


.infoBoxHead {
	color: #e8e1ff;
	font-family: Tahoma,Verdana,Arial;
	font-weight: bold;
	}
table.infoBoxHead {
	background-color: #000066;
	}

.boxProduct {
	padding-bottom: 5px
	}

.pagebar {
	color: #000066;
	font-weight: bold;
	font-size: 12px;
/*	font-family: Tahoma,Verdana,Arial;*/
	}
TABLE.pagebar {
	background-color: #d0d6dd;
/*	background-color: #C0E0EF;*/
	}
A.pagebar,
A.pagebar:visited {
	color: #333333;
	}
A.pagebar:hover {
	color: #666666;
	}
    
    
A.glm,
A.glm:link {
	color: #6f6f6f;
    text-decoration : none;
	}
A.glm:visited {
	color: #6f6f6f;
    text-decoration : none;
	}
A.glm:hover {
	color: #000099;
    text-decoration : underline;
	}
        
.pagebar SELECT {
	font-weight: bold;
	font-size: 10px;
	}
.pagebar OPTION {
	background-color: #E8E8E8;
	}


.desc_preview {
	font-size:9;
	text-align:justify;
	color: #111122;
	}


.toplogin {
	color: #bebebe;
	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: #bebebe;
	border:1 #507080 solid;
	height: 18;
	font-size: 11px;
	font-weight: normal;
	}


.button1, .button2, .button3 {
	border:1px #668899 solid;
	font-size:14;
	font-weight:bold;
	padding:2;
	}
.button1, .button3 {
	background-color: #F3F3F3;
	}
.button2 {
	background-color: #3366ff;
	}
.button3 {
	font-size:12;
	}
.button1 a, .button2 a, .button3 a,
.button1 a:visited, .button2 a:visited, .button3 a:visited {
	color: #333333;
	text-decoration: none;
	}
.button1 a:hover, .button2 a:hover {
	color: #000000;
	text-decoration: none;
	}
.button1 a:hover, .button2 a:hover {
	border:1 #000033 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: #a3a3a3;
	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: #a3a3a3;
	font-weight: normal;
	}
.noteH, .noteH1, .noteH2 {
	font-weight: normal;
	}
.note1, .noteH1 {
	color: #556699;
	}
.note2, .noteH2 {
	color: #CC3333;
	}


.hl, .hlH, .ok, .okH, .warn, .warnH {
	color: #3366ff;
/*	color: #3399CC;*/
	font-weight: bold;
	}
.ok, .okH {
	color: #339966;
	}
.warn, .warnH {
	color: #CC3333;
	}
.hlH, .okH, .warnH {
	}

.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: xx-small;
	}



/*------------------ Categories -------------------*/

/* --- if DHTML --- */
.tree {
	font-size: 11px;
	margin: 5 5 10 5;
	border: 1px solid #CCCCCC;
	background: #d0d6dd;
    padding: 3;
	padding-bottom: 8;
/*height: 300;*/
/*overflow: scroll;*/
	text-indent: -16;
	}
.tree A,
.tree A:visited {
/*	color: #000000; */
	text-decoration: none;
	}
.tree A:hover {
	color: #666666;
	text-decoration:underline;
/*	padding:0 2 0 2; */
/*	border: 1 #3E4A66 dotted; */
/*	background: #EEEEEE; */
	}
.tree A.active,
.tree A.active:visited {
	color: #111111;
	font-weight: bold;
	background: #d0d6dd;
	padding: 0 2 0 2;
	}
.tree A.active:hover {
/*	color: #666666; */
/*	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 0 16;
/*	background: url(<?= $SITE_ROOT ?>/img/tree/cbg.gif) repeat-y; */
	}
.tree DIV.last {
	background: #d0d6dd;
	}
.tree DIV.block {
	margin-left: -4;
	padding: 0;
	display: none;
	background: #d0d6dd;
	}
.tree .browse,
.tree A.browse,
.tree A.browse:visited {
	color: #2266CC;
/*	font-size: 10px;*/
	}


/* --- if Usual --- */
.tree_usual {
	font-size: 10px;
	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: #111111;
	padding:0 2 0 2;
	border: 1 #3E4A66 dotted;
	background: #d0d6dd;
	}
.tree_usual A.active,
.tree_usual A.active:visited {
	color: #111111;
	font-weight: bold;
	background: #d0d6dd;
	padding: 0 2 0 2;
	}
.tree_usual A.active:hover {
	color: #333333;
	padding: 0 2 0 3;
	}

.tree_usual DIV {
	padding-top: 3;
	}


/* ********************************************************************* */

#maintable {
	margin: 12 0 10 0;
	width: 760px;
	border-bottom: 1 solid #000000;
	}

#leftcolumn {
	width: 170;
	background-color: #E4E4E4;
	}
#middlecolumn {
	padding: 0 7 0 7;
	width: 460;
	}
#rightcolumn {
	width: 130;
	}

#header {
	width: 100%;
	background-color: #3399CC;
	}

#leftcolumnHead {
	width: 170;
	padding: 5;
	font-size: 12;
	color: #CCCCCC;
	background-color: #666666;
	font-weight: bold;
	}

#searchform {
	text-align: center;
	width: 100%;
	border: 1 #3399CC solid;
	}

#shopcart {
	margin-top: 5;
	padding-top: 14;
	height: 60;
	background-color: #C0E0EF;
	}
#shopcart div.d1 {
	font-size: 9;
	padding-left: 10;
	}
#shopcart div.d1 B {
	text-align: center;
	width: 26;
	}
#shopcart div.d2 {
	text-align: center;
	padding-top: 14;
	font-weight: bold;
	}

.bottomlinks {
	color: #3399CC;
	margin-top: 5;
	}

#bottom {
	margin-top: 10;
	font-size: 9;
	}

.prod_s_border {
	background: #CCCCCC;
/*	background: #C0E0EF;*/
	}
.prod_s_bg {
	background: #FFFFFF;
	}

div.d_lm {
	margin: 0 5 5 5;
	padding: 2 0 0 5;
	border-top: 1 #999999 solid;
	}
