body {
	font-family: Verdana, Arial, Sans-serif;
	background: #fff url(http://www.tomodachi.se/images/Bakgrund003.jpg) repeat 0 0;
	background-attachment: fixed;
	color: #000;
	font-size: 11px;
	margin: 0;
	padding-top: 50px;
}

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

.menu1  {
	background: #fff url(blau.jpg);
	font-size:  12px;
	font-weight: bold;
	color: #000;
	padding: 3px;
	width: 170px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

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

.menu3  {
	 width: 170px;
}

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

#newline {
	clear: both;
}

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

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

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

.prod_heading {
	font-size: 10px;
	font-weight: normal;
	color: #000;
	background: #eee url(blau.jpg);
	border-bottom: 1px solid #ccc;
	padding: 0px;
	width: 160px;
	height: 30px;
}

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

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

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

.prod_price {
	border: 0px;
	padding: 0px;
	width: 160px;
	height: 60px;
	display: inline;
}

#prod_menu {
	width: 300px;
	}

.prod_menu1  {
	background: #777 url(blau.jpg);
	font-size:  12px;
	font-weight: bold;
	color: #000;
	padding: 3px;
	width: 300px;
}

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

.prod_menu3  {
	 background: #eee url(blau.jpg);
	 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%;
}

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

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	{ color: #000; 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: #FF0000;
	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 #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;
   border:none;
}

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

INPUT.buttonCashier {
	font-size: 17px;
	font-family: verdana, sans-serif;
	text-align: right;
	vertical-align: middle;
	background: #eee url('http://www.tomodachi.se/images/shoppingcart3.png') no-repeat 0 0;
	width: 100px;
	height: 100px;
	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 #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 {
	background: #fff;
	display: block;
	float: left;
}

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

.menubar_top {
	background: transparent;
	width: 100%;
}

.menubar_bottom {
	background: transparent;
}

#login {
	background: #fff;
	width: 170px;
	float: left;
 }

#id_all{
	/** width: 1100px; **/
	margin: 0 20%;
	height: 100%;
	border: 0px solid #ccc;
	background: transparent;
}
 
.myshop_main {
  padding-left: 10px;
  padding-top: 5px;
  width: 100%;
 }

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

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

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: #000;
	padding: 5px 5px 4px 5px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	background: transparent url(blau.jpg);
	border: 1px solid #999;
	border-bottom: 1px solid #999;
	margin-top: 1px;
}

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

ul#tree_menubar a:hover {
	color: #900;
}
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 #999;
	color: #333;
	font-weight: normal;
}

ul#tree_menubar ul li a:hover {
}

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: 0px;
	float: left;
	width: 100%;
	/** background: #fff url(blau.jpg); **/
	background: transparent;
	border-top: 0px solid #999;
	border-bottom: 0px solid #999;
}

ul#menubar_h a {
	display: block;
	text-decoration: none;
	color: #fff;
	float: left;
	line-height: 70%;
	padding: 9px 30px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	text-align: center;
	background: transparent;
	font-weight: bold;
}

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

ul#menubar_h a:hover {
	color: #fff;
	text-decoration: underline;
}

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

ul#menubar_h a.tomo_home {
	background: transparent url('menuimg/Start1.png');
	width: 125px;
	height: 50px;
	display: block;
	float: left;
	padding: 0px;
}
ul#menubar_h a.tomo_home:hover {
	background: transparent url('menuimg/Start2.png');
}
ul#menubar_h a.tomo_kopvillkor {
	background: transparent url('menuimg/Kopvillkor1.png');
	width: 125px;
	height: 50px;
	display: block;
	float: left;
	padding: 0px;
}
ul#menubar_h a.tomo_kopvillkor:hover {
	background: transparent url('menuimg/Kopvillkor2.png');
}
ul#menubar_h a.tomo_omoss {
	background: transparent url('menuimg/Omoss1.png');
	width: 125px;
	height: 50px;
	display: block;
	float: left;
	padding: 0px;
}
ul#menubar_h a.tomo_omoss:hover {
	background: transparent url('menuimg/Omoss2.png');
}
ul#menubar_h a.tomo_konvent {
	background: transparent url('menuimg/Konvent1.png');
	width: 125px;
	height: 50px;
	display: block;
	float: left;
	padding: 0px;
}
ul#menubar_h a.tomo_konvent:hover {
	background: transparent url('menuimg/Konvent2.png');
}
ul#menubar_h a.tomo_kontaktaoss {
	background: transparent url('menuimg/Kontaktaoss1.png');
	width: 125px;
	height: 50px;
	display: block;
	float: left;
	padding: 0px;
}
ul#menubar_h a.tomo_kontaktaoss:hover {
	background: transparent url('menuimg/Kontaktaoss2.png');
}
ul#menubar_h a.tomo_loggain {
	background: transparent url('menuimg/Loggain-01.png');
	width: 125px;
	height: 50px;
	display: block;
	float: left;
	padding: 0px;
}
ul#menubar_h a.tomo_loggain:hover {
	background: transparent url('menuimg/Loggain-02.png');
}
ul#menubar_h a.tomo_loggaut {
	background: transparent url('menuimg/Loggaut-01.png');
	width: 125px;
	height: 50px;
	display: block;
	float: left;
	padding: 0px;
}
ul#menubar_h a.tomo_loggaut:hover {
	background: transparent url('menuimg/Loggaut-02.png');
}
ul#menubar_h a.tomo_lankar {
	background: transparent url('menuimg/Lankar1.png');
	width: 125px;
	height: 50px;
	display: block;
	float: left;
	padding: 0px;
}
ul#menubar_h a.tomo_lankar:hover {
	background: transparent url('menuimg/Lankar2.png');
}