body {
	font-family: "Myriad Pro", Verdana, Arial, Sans-serif;
	background: #fff;	 /* #444 url(Gray_Comb_Texture.jpg) 0 0 no-repeat; */
	/* background-attachment: fixed; */
	color: #000;
	font-size: 11px;
	margin: 0px;
	padding: 0% 0%;
	width: 100%;
}

body.mail {
   background-color: #fff;
}

.menu1  {
   background: #777;
   font-size:  12px;
   font-weight: bold;
   color: #fff;
   padding: 3px;
   width: 200px;
}

.menu2  {
    background: #eee;
    font-size: 11px;
    padding: 3px;
    border-top: 0px;
    width: 200px;
    }

.menu3  {
    background: #eee;
    width: 200px;
    }

.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: #f2dfa7;
	background: transparent;
	border: 0px;
	margin: 0 0 0 0;
	padding: 5px 2px;
	width: 156px;
	height: 40px;
}
.prodFamilyImg {
	border: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}

.prodGroup {
	background: transparent url('prodGroupFrame_160_200.png');
	margin: 3px;
	width: 160px;
	height: 200px;
	float: left;
	display: inline;
	text-align: center;
	vertical-align: middle;
}
.prodGroupHeading {
	font-size: 12px;
	font-weight: bold;
	color: #f2dfa7;
	background: transparent;
	border: 0px;
	margin: 0 0 0 0;
	padding: 5px 2px;
	width: 156px;
	height: 40px;
}
.prodGroupImg {
	border: 0px;
	padding: 0px;
	margin-left: 0px;
	height: 150px;
	width: 150px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

#prod_group {
	display: inline;
	float: left;
}

#newline {
	clear: both;
}

.prod_doc {
	font-size: 10px;
	font-weight: normal;
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	width: 200px;
	background: transparent url('mb.gif') repeat;
}

.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: 370px;
	float: left;
	display: inline;
}

.prod_heading {
	font-size: 0px;
	font-weight: normal;
	color: #fff;
	background: #fff;
	border: 0px;
	padding: 0px;
	width: 150px;
	height: 0px;
	visibility: hidden;
}

.prod_img {
	border: 0px;
	padding: 0px;
	width: 150px;
	height: 190px;
	text-align: center;
	vertical-align: middle;
}
/**
.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: 80px;
	display: inline;
}

.prod_l {
	background: transparent url('prod_landscape.gif');
	margin: 3px;
	width: 493px;
	height: 157px;
	position:relative;
	display:block;
	float:left;
}
.prod_heading_l {
	font-size: 0px;
	font-weight: normal;
	color: #fff;
	background: #fff;
	border: 0px;
	padding: 0px;
	width: 150px;
	height: 0px;
	visibility: hidden;
}
.prod_img_l {
	position:absolute;
	top:20px;
	left:20px;	
	width: 120px;
	height: 120px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.prod_text_l {
	position:absolute;
	top:15px;
	left:180px;	
	width: 300px;
	height: 100px;
}
.prod_price_l {
	position:absolute;
	top:80px;
	left:180px;	
	width: 300px;
	height: 80px;
}

.prod_buy_l {
	position:absolute;
	top:0px;
	left:190px;	
	width: 120px;
	height: 70px;
}

#prod_menu {
	width: 300px;
	float: left;
}

.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;
    }

.ppoptions  {
   font-size:  12px;
   font-weight: bold;
   text-decoration: none;
}
.ppoptions_table  {
   border: 1px solid #999;
   padding: 2px;
}

H1 {
   font-weight: normal;
   font-size: 1.8em;
}

H2 {
   font-weight: normal;
   font-size: 1.4em;
}

H3 {
   font-weight: normal;
   font-size: 1.2em;
}

#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 {
	/* float: left; */
}

#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-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: 165px;
	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: 165px;
	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   { 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: #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-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: 12px;
   color: #000;
   text-decoration: none;
}

FONT.price {
   font-size: 13px;
   font-weight: normal;
   color: #FF0000;
   text-decoration: none;
}

FONT.price_attention {
   font-size: 13px;
   font-weight: normal;
   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-size: 11px;
}

input, textarea {
    border: 1px solid #4B4B4B;
    padding: 1px 2px;
    background: #fff /*url('inputbg_grey.gif')*/;
}

textarea {
	border: 1px solid #369;
	background: #fff;
}

INPUT.textSmall {
   font-size: 9px;
   margin-top: 1px;
   border: 1px solid #369;
}

INPUT.button {
   border: 1px solid #666;
   padding: 1px 2px;
   background: #fff url('inputbg_grey.gif');
   /* background: #fff url('buy.gif'); */
   cursor:pointer;
}

INPUT.button:hover {
   background: #fff url('inputbg_grey_hover.gif');
}

INPUT.buttonBuy {
   font-size: 12px;
   font-weight: bold;
   color: #fff;
   border: 1px solid #666;
   padding: 1px 2px;
   background: #fff url('buy.gif');
   cursor:pointer;
}

INPUT.buttonBuy:hover {
   color: #000;
   background: #fff url('inputbg_grey_hover.gif');
}

INPUT.buttonRent {
   font-size: 12px;
   font-weight: bold;
   color: #fff;
   border: 1px solid #666;
   padding: 1px 2px;
   background: #fff url('buy.gif');
   cursor:pointer;
}

INPUT.buttonRent:hover {
   color: #000;
   background: #fff url('inputbg_grey_hover.gif');
}

INPUT.buttonCashier {
	font-size: 0px;
	text-align: right;
	vertical-align: middle;
	background: #fff url('till_kassan.gif') no-repeat 0 0;
	width: 157px;
	height: 84px;
	color: #000;
	border: none;
	padding: 1px 10px;
	cursor:pointer;
}

INPUT.buttonCashier:hover {
   color: #958877;
}

BUTTON.button {
   background: #fff;
   color: #fff;
   border-color:#fff;
   border-style:none;
   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;
   display: inline;
}

#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: 80%;
}

.menubar_bottom {
  background: transparent;
  width: 100%;
  margin: 0;
  border-collapse: collapse;
}

#login {
 width: 150px;
 float: right;
}

#id_all{
	clear: both;
	background: #fff;
}
 
.myshop_main {
	padding-left: 10px;
	padding-top: 5px;
	width: 100%;
}

.myshop_body{

}
 
.menubar_logo {
  background: #fff;
  padding-top: 5px;
}

.menubar_logo_left {
  display: none;
}

.menubar_top_left {
  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: #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_menubar_cat {
  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 {
	margin: 0;
	padding: 0;
	width: 180px;
}
ul#tree_menubar li{
 	width: 180px;
}
ul#tree_menubar a {
	display: block;
   text-decoration: none;
   color: #f2dfa7;
   padding: 5px 5px 4px 5px;
   font-size: 11px;
   font-weight: normal;
	text-align: left;
	background: #000;
	margin-top: 2px;
}
ul#tree_menubar div#first-child li a{
 border-top: 0px solid #fff;
}
ul#tree_menubar a:hover {
   color: #f90;
}
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: #EEE;
	color: #333;
}
ul#tree_menubar ul li a:hover {
	background: #FAE0B0;
}

/** Catalog **/

ul#tree_menubar_cat {
	margin: 0;
	padding: 0;
	width: 180px;
}
ul#tree_menubar_cat li{
 	width: 180px;
}
ul#tree_menubar_cat a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 5px 5px 4px 5px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	background: #ccc; /* transparent url('mb2.gif') repeat-x; */
	margin-top: 2px;
}
ul#tree_menubar_cat div#first-child li a{
 border-top: 0px solid #fff;
}
ul#tree_menubar_cat a:hover {
   color: #f90;
}
ul#tree_menubar_cat li {
	list-style-type: none;
}
ul#tree_menubar_cat ul {
	margin: 0;
	padding: 0;
}
ul#tree_menubar_cat ul li {

}
ul#tree_menubar_cat ul li a {
	padding: 3px;
	font-size: 10px;
	background: #EEE;
	color: #333;
}
ul#tree_menubar_cat 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: #fff;
	padding: .2em .5em;
	border: 2px solid #fff;
   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: 0;
	padding: 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-size: 12px;
	text-align: center;
	background: transparent url('mb.gif') repeat-x;
}

ul#menubar_h a.big {
	font-weight: bold;
	color: #f90;
	font-size: 18px;
	padding-left: 9px;
	line-height: 110%;
	padding-top: 5px;
	padding-bottom: 10px;
}

ul#menubar_h a.big:hover {
	color: #c33;
}

ul#menubar_h div#first-child li a{
	margin-left: 10px;
}

ul#menubar_h a:hover {
	color: #f90;
}

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-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;
}

