body {  color : #000000;
        font-size: 12px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background-color: #FFFFFF;
				background-image: url(/shopimg/mbg.jpg); 
        background-attachment: fixed; 
        background-repeat: no-repeat; 
        background-position: 100% 80%;
        scrollbar-face-color:  #9999FF;
        scrollbar-highlight-color: #CCCCFF;
        scrollbar-shadow-color: #333399;
        scrollbar-base-color: #003399;
        scrollbar-arrow-color: #FF9900;
        scrollbar-3dlight-color: #858080;
        scrollbar-darkshadow-color: #858080;
        scrollbar-track-color: #CCCCFF;
        margin-left:0px;
        margin-right:0px;
        margin-top:0px;
        margin-bottom:0px
      }

table { border-width: 0;
        border: 0px;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        color:#111111;
        border-color:#CCCCCC;
        font-size : 12px;
      }


td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }


td.head { background-color: #CCCCFF;
          color: #003399;
          font-weight: bold;
          font-size: 12px;
          border : 1px solid #CCCCFF;
 }

th.head { background-color: #CCCCFF;
          color: #003399;
          font-weight: bold;
          font-size : 12px;
        }

th.yellow { background-color: #FECA1E;
          color: #003399;
          font-weight: bold;
          font-size : 12px;
        }
        
th.info { background-color: #CCCCCC; color: #000000; border: 1px solid #4583C0; }
td.info { background-color: #CCCCCC; color: #000000; }

td.header { background-color: #f4f4f4; color: #000000; }
th.header { background-color: #f4f4f4; color: #000000;  }

td.data   { background-color: #FFFFFF; }
td.frame  { background-color: #CCCCFF; }
td.yellow	{	background-color: #FECA1E; 
          color: #003399;
          font-weight: bold;
          font-size : 12px;
          border : 1px solid #FECA1E; }

td.search { background-color: #FFFFFF;
				background-image: url(/shopimg/lupe.gif); 
        background-attachment: fixed; 
        background-repeat: no-repeat; 
        background-position: 80% 20%;}

td.left   { background-color: #EEEEEE; }
td.right  { background-color: #CCCCCC; }

td.article  { font-size: 10px; }

td.odd, tr.odd td    { background-color: #E2E2E2; }
td.even, tr.even td   { background-color: #F2F2F2; }

.button 
{
    background-color: #9999FF;
    border-style: solid; border-width: 1px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
}
.admin_input
{
    background-color: #DDDDDD;
    border-style: solid; border-width: 1px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}
  
.bmecat_table
{
    border-style: solid;
    border-width: 1px;
    border-color: #E2E2E2;
    background-color:
}
.smallfont
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8px;
}


marquee   { background-color: #D2D2D2; }

table.glow   { filter:glow(color=#4583C0, strenght=#1) }

.menuebutton
      {
      font-family:Arial;
      color: #003399;
      background-Color: #9999FF;
      border-left: 2px solid #CCCCFF;
      border-top: 2px solid #CCCCFF;
      border-right: 3px solid #333399;
      border-bottom: 3px solid #333399;
      text-decoration: none;
      }
.menuebutton:hover
      {
      Color: #003399;
      background-Color: #9999DD;
      border-left: 2px solid #333399;
      border-top: 2px solid #333399;
      border-right: 3px solid #CCCCFF;
      border-bottom: 3px solid #CCCCFF;
      text-decoration: none;
      }
      
.inputstyle    { border-style: groove; background-color: #F1F1F1; font-family: Verdana; color: #000000; }
.bigfont       { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; };

a {text-decoration: none;}
/*a:hover {text-decoration: none; background-color: #BBBBBB;}*/
a:hover {text-decoration: none; color:#FF9900;}
a { color:#003399; font-weight:bold }
/* a:visited { color:#0033CC; font-weight:bold } */
a:active { color:#FF9900; font-weight:bold}

/*input       { border-style: dotted; background-color: #F1F1F1; color: #000000; }*/	
input.send  { border-style: groove; background-color: #F1F1F1; color: #000000; }
select      { border-style: groove; background-color: #F1F1F1; font-family: Verdana; color: #000000; }
textarea    { border-style: groove; background-color: #F1F1F1; font: 13px Verdana; color: #000000; }

table.cattree td { padding: 3px 10px; }
table.cattree td.treesym { font-size: 20px; padding: 0; }

div.promopreview { border: 1px solid black; height: 270px; width: 375px; padding: 1px; }
div.promopreview h3 { font-size: 15px; padding: 2px 5px; }
div.promopreview > div { overflow: auto }
div.promopreview > div > div { float: left; width: 245px; padding: 3px 5px; }
div.promopreview > div > div.artpic { width: 100px; margin-right: 10px; }
div.promopreview > div * { font-size: 13px; }
div.promopreview > div .artprc { font-size: 24px; }
table.promo textarea { width: 350px; }

div.promo > * { margin: 0; padding: 0; }
div.promo * { font-family: Arial; }
div.promo {
	background-color: white;
	border: 1px solid #000000;
	width: 375px; height: 310px;
}
div.promo h2 { background-color: #555; color: #eee; background-repeat: no-repeat; background-position: 0 -5px; font-size: 35px; font-weight: normal; text-align: left; width: 365px; height: 42px; padding: 5px; margin: 0 0 5px 0; }
div.promo h2.neuheit { background-image: url(../img2/neuheit.gif); }
div.promo h3 { margin-bottom: 10px; font-size: 15px; padding: 2px 5px; letter-spacing: 1px; }
div.promo p { font-size: 11px; color: #595959; margin-top: 0; }
div.promo p.artprc { font-size: 24px; font-weight: bold; margin: 10px 0; }
#promotxt { font-size: 13px; }
div.promo > div { overflow: auto; }
div.promo > div > div { float: left; width: 250px; padding: 3px 5px; }
div.promo > div > div.artpic { width: 100px; margin-right: 5px; }

div.contentprev { height: 200px; overflow: scroll; }
#textpreview { margin-bottom: 10px; }

.picselbox {
	overflow: scroll;
}

.picselbox > a {
	display: block; width: 100px; height: 120px;
	margin-right: 5px; margin-bottom: 5px;
	border: 2px dotted #069; overflow: hidden;
	float: left;
}
.picselbox > a.selected { border: 2px solid #06f; }
.picselbox > a:hover { border: 2px dotted #93f; }

.picselbox > a > img { width: 100px; height: 100px; }

table.styled td {
	background-color: #eee;
	vertical-align: top;
}

table.styled th {
	background-color: #555; color: #eee;
}

table.styled tr.inactive td { background-color: #ccc; color: #555; }
table.styled tr.selected td { background-color: #333; color: #fff; }
table.styled td.gn { background-color: #8f8; }
table.styled td.yel { background-color: #ff8; }
table.styled td.red { background-color: #900; color: white; font-weight:bold; }

table.admincontents { border: 1px dotted #333; }
table.admincontents:hover { border: 1px solid #000; }
table.admincontents td, table.admincontents th { padding: 5px; }
table.admincontents tr td { border: 1px dotted #333; }

div.pageslist {
	overflow: scroll;
	height: 200px;
}

.fred { color: #d11; }
.fgreen { color: #191; }

div.dialog, div.toexpand { display: none; }


a.contentbutton {
	display: block;
	background-color: #629;
	color: #eee;
	padding: 5px;
	text-align: center;
	border: 1px solid #fff;
	border-color: #fff #222 #222 #fff;
}


div.buttons, div.hbuttons { overflow: auto; }
input.button { background-color: #16738f; font-weight: bold; font-size: 18px; display: block; padding: 5px 10px; color: #333; }
input.button:hover { background-color: #F9BA0B; color: #000; }
input.nextstep, input.btnright { float: right; }
input.disabled, input.disabled:hover { background-color: #666; color: #ccc; }

/* div.vbuttons { background-color: #eee; } */

div.vbuttons > a, div.hbuttons > a, div.buttons > a, div.hbuttons > input[type="button"] {
	display: block;
	cursor: pointer; cursor: hand;
	padding: 3px 10px;
	text-decoration: none;
	border: none;
	background-color: #16738f; color: white; text-shadow: 1px 1px #555;
	text-align: center;
}
div.vbuttons > a:hover, div.hbuttons > a:hover, div.buttons > a:hover, div.hbuttons > input[type="button"]:hover {
	color: white;
	background-color: rgb(51,170,0); text-shadow: 1px 1px #000;
}
div.vbuttons > a:active, div.hbuttons > a:active, div.buttons > a:active {
	text-shadow: none;
}


div.vbuttons > a { margin-bottom: 5px; }
div.hbuttons > a, div.hbuttons > input[type="button"], div.hbuttons > input[type="submit"] { margin-right: 5px; float: left; }

pre { width: 880px; height: 350px; overflow: scroll; }

#DimBackground{ 
	position:fixed; 
	top:0; 
	left:0; 
	width:100%; height: 100%;
	display:none; 
	text-align:left; 
	background:#333; /*dim color*/
	/*this part define's the opacity/transparency of the dim*/
	opacity: 0.7;-moz-opacity:0.70;filter: alpha(opacity=70); 
	z-index: 9999;
}

div.dlgbox {
	display: none; position: absolute; z-index: 300003; background-color: #fff;
	width:600px;
	height:auto; 
	top: 150px; /*default top position of the message box*/
	left: 50%; 
	margin-left: -300px; /* Center Position */
}
div.dlgbox > div { padding: 5px; }
div.dlgbox > div.title { background-color: #16738f; color: white; }
div.dlgbox > div.title A.close { display: block; float: right; background-image:url(/shopimg/close.png); width: 20px; height: 20px; }
div.dlgbox div.hbuttons > a, div.dlgbox div.hbuttons > input[type="button"] { float: right; }



/* AUTOCOMPLETE */
ul.ui-autocomplete {
	z-index: 300010;
}

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 300010;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}