body {
	margin: 0px;
	padding: 0px;
	font-family: tahoma;
	font-size: 11px;
	color: #ffffff;
	background: #A3A3A3;
	}

td
{
	font-family: tahoma;
	font-size: 11px;
	color: #1B1B1B;
}

.textarea
{
	color: #454545; 
	border: 1px solid #cbcbcb; 
	background-color:#ffffff
}

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

SELECT,
OPTION {
	border: 1px #8E9AD6 solid;
	background-color:#EFF3FF;
	}

DIV,TEXTAREA {
	scrollbar-arrow-color: #000099;
	scrollbar-base-color: #BFC3DF;
	}

A.menu,
A.menu:visited {
	font-family: Tahoma,Verdana,Arial;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding: 0 7 1 7;
	}
A.menu:hover {
	color: #002288;
	background-color: #7495E8;
	text-decoration: none;
	}


/* TABLE */
.border {
	background-color: #999999;
	}
.bg, .bgi, .bgi {
	background-color: #ffffff;
	}
.bgH {
	background-color: #e5e5e5;
	}
.bgHl {
	background-color: #ffffff;
	}


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

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

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


.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;
	}


.desc_preview {
	font-size:9;
	text-align:justify;
	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:0px #668899 solid;
	font-size:14;
	font-weight:bold;
	padding:2;
	}
.button1, .button3 { 
	border: 1px solid #A9C90F;
	}
.button2 {
	border: 1px solid #A9C90F; 
	}
.button3 {
	font-size:12;
	}
.button1 a, .button2 a, .button3 a {
	text-decoration: none;
	}
.button1 a:hover, .button2 a:hover {
	text-decoration: none;
	}
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: 12px;
	}
.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;
	}
.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: 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 ?>/battery/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;
	}








.input
{
	color: #454545;  
	height: 18px; 
	border: 1px solid #cbcbcb; 
	background-color:#ffffff
}

input
{
	color: #454545;   
	border: 1px solid #cbcbcb; 
	background-color:#ffffff
}

.button
{
	padding: 1px; 
	font-family: tahoma; 
	font-size: 11px; 
	color: #fff; 
	background-color: #777777; 
	width: 90px; 
	cursor: hand; 
	border-width: 1px; 
	border-style: solid; 
	border-color: #444444; 
	font-weight: bold;
}

img
{
	border: 0px;
}


a		{ text-decoration:none; color:#4684C2; font: 11px tahoma;}
a:link, a:visited	{ color:#4684C2}
a:hover, a:active	{ color:#8CA60F; text-decoration: underline;}

a.urlz		{ color:#4684C2; font: 11px tahoma; text-decoration:underline;}
a.urlz:link, a.urlz:visited	{ color:#4684C2}
a.urlz:hover, a.urlz:active	{ color:#8CA60F; text-decoration: underline;}

a.ttll		{ color:#4684C2; font: 13px tahoma; text-decoration:none;}
a.ttll:link, a.ttll:visited	{ color:#4684C2}
a.ttll:hover, a.ttll:active	{ color:#8CA60F; text-decoration: none;}

a.urlz-l		{ color:#4684C2; font: 11px tahoma; text-decoration:none; background: url(/battery/img/str.gif) no-repeat; padding: 0 0 8 12}
a.urlz-l:link, a.urlz-l:visited	{ color:#4684C2}
a.urlz-l:hover, a.urlz-l:active	{ color:#343434; text-decoration: none; background: url(/battery/img/str-ov.gif) no-repeat;}

a.add-b		{ color:#4684C2; font: 11px tahoma; text-decoration:underline; background: url(/battery/img/add-cart-but.gif) no-repeat; width: 114; height: 32}
a.add-b:link, a.add-b:visited	{ color:#4684C2}
a.add-b:hover, a.add-b:active	{ color:#8CA60F; text-decoration: underline;}

a.botln		{ text-decoration:none; color:#787878; font: 11px tahoma;}
a.botln:link, a.botln:visited	{ color:#787878}
a.botln:hover, a.botln:active	{ color:#4684C2; text-decoration: none;}


.menuB
{
	margin-left: auto;
	margin-right: auto;
	width: 764px;
	text-align: center;
	overflow: hidden;
	height: 32px;
}

.menu
{
	width: 576;
	text-align: center;
	height: 32px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

.menu a
{
	color: #3C3C3C;
	float: left;
	text-align: center;
	display: block;
	width: 96px;
	height: 32px;
	padding: 11 0 0 0;
	font-family: arial;
	background: url(/battery/img/but.gif) no-repeat;
	font-size: 10px
}

.menu a:visited
{
	color: #3C3C3C;
}
.menu a:active
{
	color: #3C3C3C;
}
.menu a:hover
{
	text-decoration: none;
	background: url(/battery/img/but-sel.gif) no-repeat;
	color: #ffffff;
	padding: 12 0 0 0;
}

.menu #selectedMenu
{
	text-decoration: none;
	background: url(/battery/img/but-sel.gif) no-repeat;
	color: #ffffff;
	padding: 12 0 0 0;
}

#tbl0
{
	border: 0px; 
	width: 780px; 
	height: 10px
}

#tbl1
{
	width: 758px; 
	background: #ffffff
}

#tbl2
{
	border: 0px; 
	width: 758px
}

#l-sh
{
	width: 11px; 
	background: url(/battery/img/shad-l.gif) #A3A3A3 repeat-y
}

#r-sh
{
	width: 11px; 
	background: url(/battery/img/shad-r.gif) #A3A3A3 repeat-y
}

#tp-01
{
	height: 32px; 
	background: url(/battery/img/top-logo.gif) repeat-x
}

#tp-02
{
	height: 13px; 
	background: url(/battery/img/bgr1.gif) repeat-x
}

#tp-03
{
	width: 167px; 
	background: url(/battery/img/bgr-ttl-l.gif) repeat-y
}

#tp-04
{
	height: 208px
}

#tp-05
{
	padding: 0 0 0 22; 
	color: #3C3C3C
}

#srch1
{
	height: 48px; 
	width: 140px; 
	padding: 6 0 12 0; 
	font-size: 12px
}

#srch2
{
	padding: 8 4 4 0; 
	text-align: right
}

#tbl3
{
	border: 0px; 
	width: 132px
}

#srch3
{
	width: 102px; 
	height: 22px
}

#inp-srch
{
	width: 100px; 
	height: 22px; 
	border: 1px solid #cdcdcd; 
	color: #454545
}

#srch4
{
	width: 30px; 
	height: 22px; 
	padding: 0 0 0 0
}

#go-but
{
	width: 30px; 
	height: 22px; 
	border: 0px solid #cdcdcd; 
	background: #A9C90F; 
	color: #ffffff; 
	font-size: 14px
}

#titl-x
{
	width: 140px; 
	background: url(/battery/img/bgr-ttl.gif) no-repeat; 
	padding: 17 0 17 0; 
	font-size: 12px; 
	text-align: right
}

#lnk-zon
{
	width: 140px; 
	padding: 4 0 8 4
}

#sep-x
{
	height: 9px; 
	width: 140px; 
	background: url(/battery/img/sep.gif) no-repeat; 
	padding: 0 0 8 0
}

#c-tbl1
{
	width: 591px; 
	background: url(/battery/img/book.jpg) no-repeat top left
}

#c-tbl2
{
	padding: 0 0 0 323
}

#c-tbl3
{
	background: url(/battery/img/support.gif) no-repeat top right; 
	width: 268px; 
	height:227px
}

#c-tbl4
{
	padding: 166 0 0 124
}

#c-tbl5
{
	padding: 0 10 0 10;
	width: 570px
}

#b-ttl
{
	color: #A9C90F; 
	font-size: 14px; 
	padding: 0 0 10 0
}

#url-line
{
	padding: 0 0 16 0
}

#bot-ln
{
	height: 50px; 
	background: url(/battery/img/bot-line.gif) #E8E8E8 repeat-x; 
	color: #787878; 
	padding: 13 4 6 4
}

#bot-ln2
{
	text-align: center
}

#txx
{
	text-align: justify; 
	padding: 0 0 10 0;
	width: 570px
}

#tbl5
{
	border: 0px; 
	width: 571px
}

#im-rmk
{
	padding: 0 0 10 0; 
	width: 150px
}

#tx-rmk
{
	text-align: justify; 
	padding: 0 0 10 6; 
	width: 450px
}

#8x
{
	padding: 0 0 8 0
}

#tbl6
{
	border: 0px; 
	width: 340px
}

#prc-x
{
	text-align: right; 
	height: 30; 
	padding: 6 6 0 0; 
	color: #989898; 
	font-size: 12px
}

#prc-x2
{
	color: #AACA0F; 
	font-size: 18px
}

.prc-x22
{
	color: #989898; 
	font-size: 12px
}