body {
	font-family: Verdana, Arial, Sans-serif;
	background: #fff url('background.jpg') repeat-x;
	color: #000;
	font-size: 11px;
	margin: 0;
	padding: 0% 10%;
	width: 80%;
}

body.mail {
   background-color: #fff;
}

.hidden{ display:none; }

.visible{}

.search  {
   background: #fff;
   font-size:  1.1em;
   font-weight: normal;
   color: #000;
   padding: 10px;
   margin: 0;
}

.pageBar {
   background: #eee;
   font-size:  1.1em;
   font-weight: normal;
   color: #000;
   padding: 2px;
   margin: 0;
   float: left;
   display: block;
   clear: both;
}

.pageBarBtn {
   background: #eee;
   width: 90px;
   font-size:  1.0em;
   font-weight: normal;
   color: #000;
   padding: 2px;
   margin: 0;
   float: left;
   display: inline;
}

.pageBarPages {
   background: #eee;
   font-size:  1.0em;
   font-weight: normal;
   color: #000;
   padding: 2px;
   margin: 0;
   float: left;
   display: inline;
}

.pageBarPageSelected {
   background: #ddd;
   font-size:  1.1em;
   font-weight: normal;
   color: #000;
   padding: 2px;
   margin: 0;
   float: left;
   display: inline;
}

.query {
   float: left;
   display: block;
   clear: both;
}

.errorMsg  {
	background: #FF7373;
	font-size:  14px;
	font-weight: bold;
	color: #000;
	padding: 3px;
	width: 500px;
	border: 1px solid #CE3A2B;
}

.warningMsg  {
	background: #9AFF96;
	font-size:  14px;
	font-weight: bold;
	color: #000;
	padding: 3px;
	width: 500px;
	border: 1px solid #08FF00;
}

.menu1  {
	background: #EEE;
	font-size:  12px;
	font-weight: bold;
	color: #000;
	padding: 3px;
	width: 250px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

.menu2  {
    background: #eee;
    font-size: 11px;
    padding: 3px;
    border-top: 0px;
    width: 250px;
}

.menu3  {
    width: 250px;
}

.prodGroup {
	border: 1px solid #ccc;
	margin: 3px;
	width: 150px;
	height: 200px;
	float: left;
	display: inline;
}
	
#prod_group {
	display: inline;
	float: left;
}

#newline {
	clear: both;
}

.prodNoText {
	border: 1px solid #ccc;
	margin: 3px;
	width: 150px;
	height: 150px;
	float: left;
	display: inline;
}

.prodTextOnly {
	border: 1px solid #ccc;
	margin: 3px;
	width: 150px;
	height: 250px;
	float: left;
	display: inline;
}

.prod {
	border: 1px solid #ccc;
	margin: 3px;
	width: 150px;
	height: 400px;
	float: left;
	display: inline;
}

.prod_heading {
	font-size: 10px;
	font-weight: normal;
	color: #000;
	background: #eee;
	border: 0px;
	padding: 0px;
	width: 150px;
	height: 30px;
}

.prod_img {
	border: 0px;
	padding: 0px;
	width: 150px;
	height: 170px;
}

.prod_img img {
 height: auto;
 width: auto;
}

.prod_text {
	border: 0px;
	padding: 0px;
	width: 150px;
	height: 100px;
}

.prod_price {
	border: 0px;
	padding: 0px;
	width: 150px;
	height: 100px;
	display: inline;
}

#prod_menu {
	width: 300px;
	}

.prod_menu1  {
   background: #777;
   font-size:  12px;
   font-weight: bold;
   color: #fff;
   padding: 3px;
   width: 300px;
}

.prod_menu2  {
    background: #eee;
    font-size: 11px;
    padding: 3px;
    border-top: 0px;
    width: 300px;
    }

.prod_menu3  {
    background: #eee;
    font-size: 10px;
    padding: 3px;
    border-top: 0px;
    width: 300px;
    }

h1 {
   font-family: Verdana, Arial, sans-serif;
   font-weight: normal;
   font-size: 2em;
   color: #900;
}

h2 {
   font-family: Verdana, Arial, sans-serif;
   font-weight: normal;
   font-size: 1.4em;
   color: #900;
}

#h2_table {
   font-weight: bold;
   font-size: 1.6em;
   margin-top: 20px;
}

HR {
   background-color: #000;
   height: 1px;
}

table {
   border: none;
   vertical-align: top;
   text-align: left;
   margin: 0px;
   padding: 0px;
   border-collapse: collapse;
   empty-cells: show;
}

#news_main_window {
	width: 100%;
}

#news_bar {
	width: 200px;
}

TABLE.record {
   border: none;
   vertical-align: top;
   text-align: left;
   margin: 0px;
   padding: 0px;
   border-collapse: collapse;
   empty-cells: show;
}

TH.record {
   background: #777;
   padding: 4px 0px 4px 2px;
   border-right: 1px solid #fff;
}

TD.recordOdd {
   background: #eee;
   color: #000;
   padding: 4px;
   border: 1px solid #666;
}

TD.recordEven {
   background: #bbb;
   color: #000;
   padding: 4px;
   border: 1px solid #666;
}

TD.specialOdd {
   background: #ff0;
   color: #000;
   padding: 4px;
   border: 1px solid #666;
}

TD.specialEven {
   background: #ff0;
   color: #000;
   padding: 4px;
   border: 1px solid #666;
}

TD.special2Odd {
   background: #F6836B;
   color: #000;
   padding: 4px;
   border: 1px solid #666;
}

TD.special2Even {
   background: #F6836B;
   color: #000;
   padding: 4px;
   border: 1px solid #666;
}

TD.special3Odd {
   background: #F6999B;
   color: #000;
   padding: 4px;
   border: 1px solid #666;
}

TD.special3Even {
   background: #F6999B;
   color: #000;
   padding: 4px;
   border: 1px solid #666;
}

TABLE.frame_noWidth {
   border-collapse: separate;
   border-spacing: 0px;
}

TABLE.frame {
   width: 100%;
   border-collapse: separate;
    border-spacing: 1px;
   border: 1px solid #fff;
}

TH.frame_left {
    text-align: left;
    background: #fff;
    color: #000;
    border: 1px solid #666;
}

TH.frame_left_dark {
   text-align: left;
   background: #bbb;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

TH.frame_right {
    text-align: right;
    background: #fff;
    color: #000;
    border: 1px solid #666;
}

TD.frame_left {
	text-align: left;
	background: #fff;
	color: #000;
    border: 1px solid #666;
	padding: 2px;
}

TD.frame_left_dark {
	text-align: left;
	background: #CFCFCF;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

TD.frame_right {
	text-align: right;
	background: #fff;
	color: #000;
	border: 1px solid #666;
	padding: 2px;
}

TD.frame_center {
	text-align: center;
	background: #fff;
	color: #000;
	border: 1px solid #666;
}

TD.heading {
    background: #fff;
    color: #000;
    border-right: 1px solid #fff;
}

TD.info {
   background: #4B4B4B;
   color: #CC3333;
   border-right: 1px solid #fff;
}

TD.bold_black_small_left {
	font-weight: bold;
	text-align: left;
	background: #eee;
	color: #000;
}

TD.bold_black_small_right {
	text-align: right;
	background: #fff;
	color: #000;
	float: right;
}

TH {
   background: #666;
   font-size: 11px;
}

TD {
   font-family: Verdana, Arial, Sans-serif;
   font-size: 11px;
   background: #fff;
   vertical-align: top;
   text-align: left;
}

A   {color: #000; text-decoration: underline;}
A:hover   {color: #900;}

A.page_nav   {color: #000; text-decoration: none;}
A.page_nav:hover   {color: #666;}

A.nav_std   { color: #000; text-decoration: none; }
A.nav_std:hover   { color: #900;}

A.nav_prod   { color: #000; text-decoration: none; }
A.nav_prod:hover   { color: #900;}

A.nav_menu3_even   {
	text-decoration: none;
	display: block; 
	width: 165px;
	float: left;
	border-bottom: 1px solid #999;
	padding: 3px;
	font-size: 10px;
	color: #333;
}
A.nav_menu3_even:hover   { color: #900;}

A.nav_menu3_odd   {
	text-decoration: none; 
	display: block; 
	width: 165px;
	float: left;
	border-bottom: 1px solid #999;
	padding: 3px;
	font-size: 10px;
	color: #333;
}
A.nav_menu3_odd:hover   { color: #900;}

A.nav_attention   { font-size: 12px; font-weight: bold; color: #CC3333; text-decoration: none;}
A.nav_attention:hover   { color: #900;}

A.news_date { color: #000; text-decoration: none; font-size: 14px; font-weight: normal;}
A.news_date:hover   { color: #900;}

A.news_heading { color: #000; text-decoration: none;  font-size: 16px; font-weight: bold;}
A.news_heading:hover   { color: #900;}

A.news { color: #000; text-decoration: none; }
A.news:hover   { color: #900;}

P {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    margin-top: 1px;
    margin-bottom: 1px;
}

P.minitext {
   font-size: 10px;
   margin-top: 1px;
   margin-bottom: 1px;
}

P.largetext {
   font-size: 12px;
   font-weight: normal;
   margin-top: 2px;
   margin-bottom: 2px;
}

P.nav_std {
   font-size: 12px;
   margin-top: 2px;
   margin-bottom: 2px;
}

FONT.textSmall {
   font-size: 11px;
   color: #000;
   text-decoration: none;
}

FONT.price {
   font-size: 12px;
   font-weight: bold;
   color: #CE3A2B;
   text-decoration: none;
}

FONT.price_attention {
   font-size: 12px;
   font-weight: bold;
   color: #CE3A2B;
   text-decoration: none;
}

FONT.large_attention {
   font-size: 12px;
   font-weight: bold;
   color: #CC3333;
   text-decoration: none;
}

FONT.small_attention {
   font-size: 12px;
   font-weight: bold;
   color: #CC3333;
   text-decoration: none;
}

input, select {
   font-family: Verdana, Arial, Sans-serif;
   font-size: 11px;
}

input, textarea {
    border: 1px solid #4B4B4B;
    padding: 1px 2px;
    background: #fff /*url('/images/inputbg_grey.gif')*/;
}

textarea {
	border: 1px solid #900;
	background: #fff;
}

INPUT.textSmall {
   font-size: 9px;
   margin-top: 1px;
   border: 1px solid #900;
}

INPUT.button {
   border: 1px solid #666;
   padding: 1px 2px;
   background: url('inputbg_grey.gif');
   border: 1px solid #000;
   cursor:pointer;
}

INPUT.button:hover {
   background: url('inputbg_grey_hover.gif');
   border: 1px solid #ccc;
   cursor:pointer;
}

INPUT.buttonBuy {
   font-size: 12px;
   font-weight: bold;
   color: #fff;
   border: 1px solid #000;
   padding: 1px 2px;
   background: #fff url('buy.gif');
   cursor:pointer;
}

INPUT.buttonBuy:hover {
   color: #000;
   background: #fff url('buy.gif');
   /** background: #fff url(inputbg_grey_hover.gif); **/
   border: 1px solid #eee;
   cursor:pointer;
}

INPUT.buttonCashier {
   font-size: 20px;
   font-weight: bold;
   color: #fff;
   border: none;
   padding: 1px 2px;
   background: #fff url('buy.gif');
   cursor:pointer;
}

INPUT.buttonCashier:hover {
   color: #000;
   background: #fff url('buy.gif');
   /** background: #fff url('inputbg_grey_hover.gif'); **/
   cursor:pointer;
}

BUTTON.button {
   background: #fff;
   color: #fff;
   border-color:#fff;
   border: 0px solid #000;
   cursor:pointer;
}

SELECT.select {
   border: 1px solid #4B4B4B;
   border-top: 1px solid #666;
   border-left: 1px solid #666;
   padding: 1px 2px;
   background: #fff url('inputbg_grey.gif') repeat-x;
}

form {
   margin-top: 0px;
   margin-bottom: 0px;
}

#shoppingbag select {
 margin-top: 20px;
 }

OPTION.select {
   background: transparent;
}

/* Accounting */

input#acc_diff, input#acc_verNo, input#acc_balDeb, input#acc_balCred {
	color: #000;
	background-image: none;
}

.addDltProd  select {

}

.addDltProd input {
 position: relative;
 top: 150px;
}

.menubar {
  background: #fff;
    padding: 0px 0px 12px 12px;
}

.menubar_top {
  background: #fff;
  width: 100%;
}

.menubar_bottom {
  background: #fff;
  width: 100%;
}

#login {
 width: 150px;
 float: right;
 }

#id_all{
	height: 100%;
	background: #fff;
}
 
.myshop_main {
  padding-left: 10px;
  padding-top: 5px;
  width: 100%;
 }

.myshop_body{
	width: 100%;
}
 
.menubar_logo {
  background: #fff;
  padding-top: 5px;
}

.menubar_logo_left {
  background: #fff;
  margin-bottom: 0px;
  width: 0px;
  border-collapse: collapse;
  display: none;
}

.menubar_top_left {
  background: #fff;
  margin-bottom: 0px;
  width: 0px;
  border-collapse: collapse;
  display: none;
}

td.menubar_logo a {
  background: #fff;
  margin: 10px;
 }

.menufooter {
  background: #4B4B4B;
  color: #fff;
  float: right;
  width: 150px;
}

.menu {
  padding: 12px;
  margin: 0px;
  background: transparent;
}

img {
  border-width: 0;
}

.img_border {
  border: none;
}

td.nav_prod_area  {
  padding: 5px;
 background: transparent;
}

td.nav_prod_area_l  {
width: 350px;
color: #000;
background: transparent;
}

a.nav_prod_area_l  { color: #000; text-decoration: none; }
a.nav_prod_area_l:hover   { color: #900; text-decoration: underline;}

td.nav_prod_area_r {
 background: transparent;
}

a.nav_prod_area_r  { color: #000; text-decoration: none; }
a.nav_prod_area_r:hover   { color: #900; text-decoration: underline;}

.tree_menubar {
  background: #fff;
  margin-bottom: 25px;
  width: 180px;
  padding-top: 5px;
}

#tree_main {
  padding-top: 15px;
}

.tree_menu {
  color: #fff;
  padding: 0px;
  margin-bottom: 5px;
}

.tree_menu td {
}

ul#tree_menubar {
	padding-left: 0px;
	background: #FFF;
	width: 180px;
	margin-left: 0px;
}

ul#tree_menubar li{
 	width: 180px;
}

ul#tree_menubar a {
	display: block;
   text-decoration: none;
   color: #fff;
   padding: 5px 5px 4px 5px;
   font-family: Verdana, Arial, sans-serif;
   font-size: 12px;
   font-weight: bold;
	text-align: left;
   background: #777;
   border: 1px solid #555;
	margin-top: 1px;
}

ul#tree_menubar div#first-child li a{
 border-top: 0px solid #fff;
}

ul#tree_menubar a:hover {
   background: #CE3A2B;
}
ul#tree_menubar li {
	list-style-type: none;
}

ul#tree_menubar ul {
	margin: 0;
	padding: 0;
}

ul#tree_menubar ul li {
}

ul#tree_menubar ul li a {
	padding: 3px;
	font-size: 10px;
	background: #FFF;
	border: none;
	border-bottom: 1px solid #555;
	color: #333;
	font-weight: normal;
}

ul#tree_menubar ul li a:hover {
	background: transparent;
	color: #CE3A2B;
}

ul#menubar {
	margin-left: 0;
	padding-left: 0;
	width: 100px;
}

ul#menubar li{
    width: 100px;
    margin-bottom: 10px;
}

ul#menubar a {
	display: block;
   text-decoration: none;
   color: #fff;
	padding: .2em .5em;
	border: 2px solid #fff;
   font-family: Verdana, Arial, sans-serif;
   font-size: 16px;
	text-align: center;
}

ul#menubar div#first-child li a{
 border-top: 1px solid #fff;
}

ul#menubar a:hover {
   color: #CC3333;
}
ul#menubar li {
	list-style-type: none;
}

ul#menubar_h {
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 0;
	float: left;
	width: 100%;
	background: #777;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

ul#menubar_h a {
	display: block;
	text-decoration: none;
	color: #fff;
	float: left;
	line-height: 80%;
	padding: 8px 15px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	text-align: center;
	background: transparent;
	border-right: 1px solid #555;
}

ul#menubar_h div#first-child li a{
	margin-left: 15px;
	border-left: 1px solid #555;
}

ul#menubar_h a:hover {
	background: #CE3A2B;
}

ul#menubar_h li {
	list-style-type: none;
	display: inline;
	background: #222;
}

ul#menubar_appl {
	margin-left: 0;
	padding-left: 0;
	float: left;
	width: 100%;
	height: 100%;
}

ul#menubar_appl a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 3px 3px;
	float: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	border: 1px solid #000;
	background: #ccc;
}

ul#menubar_appl div#first-child li a{
	border-left: 1px solid #000;
}

ul#menubar_appl a:hover {
	text-decoration: underline;
}

ul#menubar_appl li {
	list-style-type: none;
	display: inline;
}