body {
margin:0px auto;
padding:0px;
color:#fff;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
background-image: url(/pics/bg-page.gif);
background-repeat: repeat-x;
}

TD {
color: #000000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
}
	
h1 {
color: #B22222;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
padding-top: 12px;
padding-left: 3px;
padding-bottom: 0px; 
margin-top: 0px;
margin-bottom: 0px;
}
	
h2 {
color: #B22222;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
margin: 10px 0px 5px 2px;
}

TEXTAREA, INPUT { FONT: 14px Arial, Helvetica, sans-serif; COLOR: #717171; }

FORM { MARGIN: 0px }

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

INPUT,
TEXTAREA,
SELECT,
OPTION {
	border: 1px solid #708090;
	background-color: White;
	
	FONT: 14px Arial, Helvetica, sans-serif; 
	COLOR: #717171;
	}

TEXTAREA {
	scrollbar-arrow-color: #696969;
	scrollbar-base-color: #C1C1C1;
}
	
A {
color: #717171;
text-decoration: underline;
font-size: 11px;
}
A:hover {
color: Black;
text-decoration: none;
font-size: 11px;
}

A.menu {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #4684C2; 
text-decoration: none;
	}
A.menu:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: Blue; 
text-decoration: underline;
}

/* TABLE */
.border {
	background-color: Silver;
	}
.bg, .bgi, .bgi input {
	background-color: White;
	}
.bgH {
	background-color: White;
	}
.bgHl {
	background-color: White;
	}
.button {
	background-color: #DBE2E9;
	}
/*.buttonH {
	color: #FDF5E6;
	font-weight: bold;
	background-color: #3F8000;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	}*/
.pageHeader {
	background-color: #7484D3;
	}
.menuLine {
	background-color: #5475C8;
	}
div.navline {
padding: 17px 0px 0px 0px;
/*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: Arial, Helvetica, sans-serif;
	}
table.pagebar {
	background-color: #7484D3;
	}
a.pagebar, {
	color: #4169E1;
	}
a.pagebar:hover {
	color: #0000FF;
	}
.pagebar select {
	font-weight: bold;
	font-size: 10px;
	}
.pagebar option {
	background-color: White;
	}

.desc_preview {
	font-size: 11px;
	text-align: left;
	color: #111122;
	}

.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 #668899 solid;
	font-size:14;
	font-weight:bold;
	padding:2;
	}
.button1, .button3 {
	background-color: #EFF3FF;
	}
.button2 {
	background-color: #CFD9EF;
	}
.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: none #0000AA 1;
	}
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: #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: x-small;
	}
.ok, .okH {
	color: #339966;
	}
.warn, .warnH {
color: #CC3333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
.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: 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: 0px #3E4A66;
	background: White;
	}
.tree A.active,
.tree A.active:visited {
	color: #003399;
	font-weight: bold;
	background: White;
	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: White;
	}
.tree DIV.block {
	margin-left: -4;
	padding: 0;
	display: none;
	background: White;
	}
.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: 0px #3E4A66;
	background: White;
	}
.tree_usual A.active,
.tree_usual A.active:visited {
	color: #003399;
	font-weight: bold;
	background: White;
	padding: 0 2 0 2;
	}
.tree_usual A.active:hover {
	color: #0000EE;
	padding: 0 2 0 3;
	}

.tree_usual DIV {
	padding-top: 3;
	}

/* start my styles */

/* navigation */
#menu_left_1 .nav {cursor:pointer;}
#menu_left_1 .nav a { FONT: bold 12px Arial, Helvetica, sans-serif; TEXT-DECORATION: none; }
#menu_left_2 .nav {cursor:pointer; background-color:;}
#menu_left_2 .nav a { FONT: bold 11px Arial, Helvetica, sans-serif; COLOR:; TEXT-DECORATION: none; }

.form-button, .buttonH {
overflow:visible;
width:auto;
border:0;
padding:1px 8px;
background:#f18200;
color:#fff;
border:1px solid #de5400;
font:bold 12px arial, sans-serif !important;
cursor:pointer;
text-align:center;
vertical-align:middle;
}

.form-button-S {
overflow:visible;
width:auto;
border:0;
padding:1px 8px;
background-color:#618499;
color:#fff;
border:1px solid #406a83;
font:bold 12px arial, sans-serif !important;
cursor:pointer;
text-align:center;
vertical-align:middle;
}

#topmenu p{ 
margin:auto; 
width:990px; 
margin-bottom:0px; 
margin-top: 7px;
font-size: 12px; 
padding-top: 0px;
padding-bottom: 0px;
line-height: 21px;
}
#topmenu a{ 
color:#4d4d4c; 
text-decoration:none; 
float:left; 
height:25px; 
display:block; 
padding: 0px 22px 0px 22px;
font-size: 12px; 
}
#topmenu a:hover{ background:url(/pics/bg-top-red.jpg) left bottom repeat-x; color:#fff;
}
/*+++++++++++++++++++++++left++++++++++++++++++++++++++++++++++++++++++++++*/


.leftcolum{ float:left; width:227px; margin: 5px 0 0 0; padding: 0 10px 10px 10px;}
.leftcolum h2{color:#c63b39; font-size:14px; padding: 7px 0 5px 18px; margin-bottom:5px; border-bottom:1px solid #e5e5e5; background:url(/pics/bg-left.jpg) no-repeat;}
.leftmenu { margin:10px 0 0 0; padding: 0 0px 10px 15px;}
.leftmenu div { list-style:none; height:25px; line-height:25px; border-bottom:1px solid #e5e5e5;}
.leftmenu div a{ text-decoration:none; display:block; width:100%; color:#000000; font-size:11px;}
.leftmenu div a:hover{ background:#F1F7F9; color:#C11406; }