body {
   font-family:      Verdana, Arial, Sans-serif;
   background: #fff;
   background-attachment: fixed;
   color:           #000;
   font-size:       11px;
   margin:          0;
   padding: 0px 100px;

}

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

.menu1  {
   background: transparent url(menu1.gif) no-repeat;
   font-size:  12px;
   font-weight: bold;
   color: #fff;
   padding: 3px;
   width: 220px;
}

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

.menu3  {
    background: #eee;
    width: 220px;
}

.prodFamily {
	background: transparent url('prodGroupFrame_160_200.png');
	margin: 3px;
	width: 160px;
	height: 200px;
	float: left;
	display: inline;
	text-align: center;
}
.prodFamilyHeading {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background: transparent;
	border: 0px;
	margin: 0 0 0 0;
	padding: 5px 2px;
	width: 156px;
	height: 40px;
}

.prodGroup {
	background: transparent url('prodGroupFrame_160_200.png');
	margin: 3px;
	width: 160px;
	height: 200px;
	float: left;
	display: inline;
	text-align: center;
}
.prodGroupHeading {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background: transparent;
	border: 0px;
	margin: 0 0 0 0;
	padding: 5px 2px;
	width: 156px;
	height: 40px;
}

#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;
	text-align: center;
	color: #000;
	background: #eee;
	border: 0px;
	padding: 5px 0 0 0;
	width: 150px;
	height: 30px;
}

.prod_img {
	border: 0px;
	padding: 0px;
	width: 150px;
	height: 170px;
	text-align: center;
}

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

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

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

#prod_menu {
	width: 150px;
	}

.ppoptions  {
   font-size:  12px;
   font-weight: bold;
   text-decoration: underline;
}
.ppoptions_table  {
   border: 1px solid #999;
   padding: 2px;
}

H1 {
   font-family: Verdana, Arial, sans-serif;
   font-weight: normal;
   font-size: 1.8em;
}

H2 {
   font-family: Verdana, Arial, sans-serif;
   font-weight: normal;
   font-size: 1.4em;
}

#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%;
}

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

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 #FFFFFF;
}

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: #666666;
   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: #369;}

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: #F90;}

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

A.nav_menu3_even   {
	text-decoration: none; 
	background: #eee; 
	display: block; 
	width: 145px;
	float: left;
	border-bottom: 1px solid #fff;
	padding: 3px;
	font-size: 10px;
	color: #333;
	font-weight: bold;
}
A.nav_menu3_even:hover   { color: #f90; background: #FAE0B0;}

A.nav_menu3_odd   {
	text-decoration: none; 
	background: #eee; 
	display: block; 
	width: 145px;
	float: left;
	border-bottom: 1px solid #fff;
	padding: 3px;
	font-size: 10px;
	color: #333;
	font-weight: bold;
}
A.nav_menu3_odd:hover   { color: #f90; background: #FAE0B0;}

A.nav_attention   { color: #000; text-decoration: none; }
A.nav_attention:hover   { color: #F90;}

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

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

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

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;
   color: #000;
}

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: 12px;
   color: #000000;
   text-decoration: none;
}

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

FONT.price_attention {
   font-size: 12px;
   font-weight: bold;
   color: #FF0000;
   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 #369;
	background: #fff;
}

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

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: 0;
   margin: 0 0 0 5px;
   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: 17px;
	font-family: verdana, sans-serif;
	text-align: right;
	vertical-align: middle;
	background: #eee url('shopping_cart.gif') no-repeat 0 0;
	width: 157px;
	height: 62px;
	color: #000;
	border: none;
	padding: 1px 15px 1px 2px;
	cursor:pointer;
}

INPUT.buttonCashier:hover {
   color: #000;
}

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 #FFFFFF;
   border-left: 1px solid #FFFFFF;
   padding: 1px 2px;
   background-image: url('/images/inputbg_grey.gif');
}

form {
   margin-bottom: 0px;
}

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

OPTION.select {
   background: #FFFFFF;
}

/* Accounting */

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

.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{
  border-left: 1px solid #999;
  border-right: 1px solid #999;
 }
 
.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: #FFFFFF;
  float: right;
  width: 150px;
}

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

img {
  border-width: 0;
}

.img_border {
  border: 0px solid #666666;
}

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: #f90; 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: #f90; text-decoration: underline;}

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

#tree_main {
  padding-top: 15px;
}

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

.tree_menu td {
}

ul#tree_menubar {
	margin: 0px;
	padding: 0px;
	width: 180px;
}

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: transparent url(tb.gif) no-repeat;
	margin-top: 1px;
}

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

ul#tree_menubar a:hover {
   color: #f90;
}
ul#tree_menubar li {
	margin: 2px;
	list-style-type: none;
}

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

ul#tree_menubar ul li {

}

ul#tree_menubar ul li a {
	padding: 3px;
	font-size: 10px;
	background: #EEE;
	color: #333;
}

ul#tree_menubar ul li a:hover {
	background: #FAE0B0;
}

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: #FFFFFF;
	padding: .2em .5em;
	border: 2px solid #FFFFFF;
   font-family: Verdana, Arial, sans-serif;
   font-size: 16px;
	text-align: center;
}

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

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: transparent url(mb.gif) repeat-x;
}
ul#menubar_h a {
	display: block;
   text-decoration: none;
   color: #FFF;
	float: left;
	line-height: 110%;
	padding-top: 7px;
	padding-right: 9px;
   font-family: Verdana, Arial, sans-serif;
   font-size: 12px;
   text-align: center;
   background: transparent url(mb.gif) repeat-x;
}

ul#menubar_h div#first-child li a{
 margin-left: 10px;
}

ul#menubar_h a:hover {
   background: transparent url(mb_h.gif) repeat-x;
}
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: #000000;
	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 #000000;
   background: #CCCCCC;
}

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

ul#menubar_appl a:hover {
   text-decoration: underline;
}
ul#menubar_appl li {
	list-style-type: none;
	display: inline;
}