@CHARSET "ISO-8859-1";

body {
 font-family: Tahoma, Helvetica, sans serif, Arial;
 font-size:13px;
 padding:0px;
 margin:0px;
}

form {margin:0px;padding:0px;}

td {font-size:13px;}
th {font-size:12px;font-weight:bold;padding-bottom:5px;}

#root {}


#header {
	text-align:left;
	position:relative; 
	width:950px;height:70px;
}

/* Height logo area: 48px*/
#header #logo {
}

#header .navigation{
  width:950px;
  font-size:10px;
  position:absolute; top:52px; 
}

#header .navigation .current{
}

#header .navigation .active{
}

#header .navigation .inactive{
}

#header .basketLink{
	position:absolute;right:0px;top:0px;
}


#content {
  position:relative; 
  width:950px;
  margin:8px 25px 0px 25px;
  text-align:left;
}

#popupcontent {
  position:relative;
  text-align:left;
}

#content .sum{
  font-weight:bold;font-size:13px;text-align:right;
  border-top:2px solid #808080;padding:2px 0px;
}

#footer{height:20px;margin:24px 0px 8px 0px;}
#footer .flow{
  position:relative; 
  text-align:left;
	width:950px;height:16px;
  margin:0px 25px;
}
#footer table.globalLinks {position:absolute;top:0px;right:0px;font-size:10px;}
#footer table.language {position:absolute;top:0px;left:0px;}
#footer td {padding:2px 3px;font-size:11px;}
#footer a {font-size:11px;}
#footer .spacer {font-size:11px;}

.frame {}

.frame .caption{
	margin:0px;padding:2px 0px 0px 8px;
	height:18px;
  position:relative;
}

.frame .caption a {text-decoration: none;margin:0px;}

.frame .caption div.buttons {position:absolute;right:4px;top:2px;width:auto;}
.frame .caption div.buttons a {width:16px;height:16px;display:block;padding:0px;background-repeat:no-repeat;}
.frame .caption div.buttons a.colAll {display:block;padding:0px;background-image:url('collapse-all16.gif');}
.frame .caption div.buttons a.expAll {display:block;padding:0px;background-image:url('expand-all16.gif');}

.frame .caption.collapsed {padding-left:4px;}
.frame .caption.collapsed a {display:block;padding-left:18px;background-image:url('collapsed16.gif');background-repeat:no-repeat;}
.frame .caption.collapsed div.buttons a.toggle {background-image:url('expand16.gif');margin-left:8px;}

.frame .caption.expanded {padding-left:2px;}
.frame .caption.expanded a {display:block;padding-left:20px;background-image:url('expanded16.gif');background-repeat:no-repeat;}
.frame .caption.expanded div.buttons a.toggle {background-image:url('collapse16.gif');margin-left:8px;}

.pageCaption {}
.flowCaption {}
div.toolbar .pageCaption {top:4px;}

.strong {font-weight:bold;}
.small {font-size:10px;}
.verybig {font-size:24px;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.center div {margin:auto;}
.center a.button {margin:auto;}
.top {vertical-align:top;}
.number {text-align:right;}

.important {font-weight:bold !important;color:red !important;}
.label {color:#e0e0e0;}
.footnote {display:block;margin:8px;}


.hasTable {width:100%;}
.padding {padding:8px;}
.spacerSmall {height:4px;font-size:1px;}
.spacer {height:8px;font-size:1px;}
.spacerBig {height:12px;font-size:1px;}
.spacerFrames {height:20px;font-size:1px;}
.line {margin-top:4px;height:4px;font-size:1px;border-top:1px solid #f0f0f0;}

li span.error {padding:2px 4px;color:white;font-weight:bold;font-size:13px;background-color:#FF0000;}

.warning {color:#ff8080;font-weight:bold;}

.messages.info {
  padding:0px 0px 0px 44px;
  margin:16px 0px;
  height:32px;
  background-image:url('info32.gif');background-repeat:no-repeat;background-position:top left;
}
.messages .verybig {color:#f0f0f0;}

.helpHeader {width:100%;height:10px;position:relative;}
.helpHeader a {
	 cursor:help;
   display:block;position:absolute;right:0px;
   padding:0px 20px 0px 0px;height:18px;text-align:right;
   background-image:url('help16.gif');background-repeat:no-repeat;background-position:top right;}

.radio input {margin:0px 4px 0px 0px;padding:0px;vertical-align:middle;}
table.radio {margin:0px;padding:0px;border-spacing:0px;}

div.eventInfo .caption {font-size:17px;font-weight:bold;margin-bottom:2px;}
div.eventInfo .details {font-size:12px;margin-bottom:2px;}

div.toolbar a {text-decoration:none;cursor:pointer;}
div.toolbar {width:100%;height:28px;position:relative;}
div.toolbar .left {position:absolute;left:0px;}
div.toolbar .right {position:absolute;right:0px;}

input.text {
	font-size:11px;padding:2px 2px;
	border:1px solid #808080;background-color:white;}
input.number {
	font-size:11px;padding:2px 2px;text-align:right;
	border:1px solid #808080;background-color:white;}

a.button {
	 display:block;
	 font-size:13px;
	 width:132px;height:18px;padding:4px 0px;
	 text-align:center;vertical-align:0%;
	 text-decoration:none;
	 background-image:url('bg-button.gif');background-repeat:no-repeat;}
	 
a.button.small{
	font-size:11px;
	padding:5px 0px;
}

.w100p  {width:100%;}
.w99p  {width:99%;}
.w50p  {width:50%;}
.w49p  {width:49%;}
.w2p  {width:2%;}

.w20  {width:20px;}
.w50  {width:50px;}
.w75  {width:75px;}
.w100 {width:100px;}
.w150 {width:150px;}
.w200 {width:200px;}
.w250 {width:250px;}
.w350 {width:350px;}
.w500 {width:500px;}
.w650 {width:650px;}
.w800 {width:800px;}

.h150 {height:150px;}
.h200 {height:200px;}

.productlist .title {font-weight:bold;margin-top:2px;}
.productlist .title .articleNo {font-size:80%;color:#A0A0A0;margin-left:16px;}
.productlist .desc {font-size:80%;margin-top:6px;margin-bottom:2px;}
.productlist .qty {width:38px;font-weight:bold;}
.productlist .thumbnail {text-align:left;cursor:pointer;width:72px;height:72px;background-image:url('bg-tn.gif');background-repeat:no-repeat;padding:4px;margin:0px;border:none;}
.productlist .thumbnail.none {background-image:url('bg-tn-none.gif');}
.productlist .thumbnail img {border:none;}
.productlist .thumbnail a {display:block;}

.withSidebar {width:100%;}
.withSidebar td.main {width:750px;vertical-align:top;padding-right:32px;}
.withSidebar td.sidebar {width:200px;vertical-align:top;}

.sidebox {width:100%;font-size:11px;}
.sidebox .caption {font-weight:bold;font-size:12px;border-bottom:1px solid #808080;padding:1px 5px 3px 5px;}
.sidebox .footer {font-weight:bold;font-size:12px;border-top:1px solid #808080;padding:3px 5px 1px 5px;}
.sidebox .content {padding:0px 5px;}


.helpContent {background-color:#31ae26;border:1px solid #f0f0f0;padding:8px;font-size:12px;margin:8px 0px 8px 0px;}

table.form td.label {vertical-align:top;padding:4px 4px 4px 0px;}
table.form td.field input {font-size:12px;height:14px;}

table.basketbox .title {font-size:12px;}
table.basketbox .price {font-size:9px;vertical-align:bottom;font-weight:bold;text-align:right;}

table.contact input    {width:300px;}
table.contact textarea {width:300px;height:64px;}


#drawAreaContainer{
	overflow:scroll;
  width:100%;
  height:400px;
  position:relative;
}

#drawArea {
  background-color:#FFFFFF;
  position:relative;
  border:2px solid red;
}

#drawArea #grid {
  height: 100%;
  width:  100%;
	position:absolute;
  top:0px;
  left:0px; 
}

#drawArea #shapeArea {
  height: 100%;
  width:  100%;
  position:absolute;
  top:0px;
  left:0px;
}


#drawArea .dragPoint {
  background-color: #00ff00;
  width:  6px;
  height: 6px;
  left:   0px;
  top:    0px;
  display: none
}

#drawArea .shape {
  position: absolute;
  top:0px;left:0px;
}

#drawArea .image {
  margin:  0px;
  padding: 0px;
}

#drawArea .rectangle {
  background-color: #ffffff;
  color: black;
  border: 1px solid #000000;
  /* padding: 10px; */
  width: 99px;
  height: 99px;
  left: 0px;
  top:  0px;
}

#drawArea .group {
  border: 1px solid #00ff00;
  left: 0px;
  top:  0px;
}

#drawArea .groupBlurred {
  border: 0px solid #ff0000;
}


#drawArea .stdText {
  font-size: 11px;
}

#drawArea .focus {
  /*border: 1px solid #00FF00;*/
}