/*-- [START] css/mainarea.css --*/

.mainarea
{
	border: none;
	padding: 0px;
	empty-cells: show;
	color:#000000;
	background-color:white;
	margin: 0px;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	text-align: left;
	width:  827px;
	height: 400px;
}

td.main
{
	color:#000000;
	background-color:transparent;
	text-align: left;
}



.mainarea_topleft
{
	width:  162px;
	height: 25px;
	text-align: center;
	background-color: #D8D8D8;
	padding-right:5px;
	padding-left:5px;

}

.mainarea_middle
{
	padding-right:5px;
	padding-left:15px;
	padding-top:25px;
	padding-bottom:5px;
	text-align: left;
	vertical-align: top;
}

.mainarea_topright
{
/*	border: 1px solid #c3c3c3; */
}
.mainarea_midleft
{
	vertical-align: top;
	background-color: #D8D8D8;
	padding-right:5px;
	padding-left:5px;
}

.mainarea_midright
{
/*	border: 1px solid #c3c3c3; */
}
.mainarea_bottomleft
{
/*	border: 1px solid #c3c3c3; */
	background-color: #D8D8D8;
	padding-right:5px;
	padding-left:5px;
}
.mainarea_bottomright
{
/*	border: 1px solid #c3c3c3; */
}

.hint
{
	font-size: 10px;
	font-weight: 100;
}

ul
{
	padding-left: 20px;
}

li
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.ident
{
	margin-left: 20px;
	padding-left: -20px;
}

/* pricelist */
.pl
{
	font-size: 14px;
	width: 640px;
	border: 1px dotted;
	padding: 0px;
	margin: 0px;
}

.plrow
{
	height: 9px;
}

.plbutton
{
	height: 10px;
	vertical-align: middle;
}

.pl1
{
	width: 380px;
	text-align: left;
	border-top: 1px dotted;
	vertical-align: top;
}

.pl2
{
	width: 100px;
	text-align: right;
	border-top: 1px dotted;
	vertical-align: top;
}

.pl12
{
	width: 480px;
	text-align: left;
	border-top: 1px dotted;
	vertical-align: top;
}


.pl3
{
	width: 80px;
	text-align: right;
	border-top: 1px dotted;
	vertical-align: top;
}

.pl4
{
	width: 80px;
	text-align: right;
	border-top: 1px dotted;
	vertical-align: top;
}

.pl5
{
	width: 20px;
	border-top: 1px dotted;
	vertical-align: top;
}

.plh1
{
	width: 380px;
	text-align: left;
}

.plh12
{
	width: 480px;
	text-align: left;
}

.plh2
{
	width: 100px;
	text-align: right;
}

.plh3
{
	width: 80px;
	text-align: right;
}

.plh4
{
	width: 80px;
	text-align: right;
}

.plh5
{
	width: 20px;
}

/* shopping chart */
.sc_table
{
	font-size: 14px;
	width: 640px;
	border: 1px dotted;
}

.sc_no
{
	text-align: left;
	border-top: 1px dotted;
}

.sc_count
{
	text-align: right;
	border-top: 1px dotted;
}

.sc_code
{
	text-align: left;
	border-top: 1px dotted;
}

.sc_desc
{
	text-align: left;
	border-top: 1px dotted;
}

.sc_price
{
	text-align: right;
	border-top: 1px dotted;
}

.sc_total
{
	text-align: right;
	border-top: 1px dotted;
}

.sc_error
{
	text-align: center;
	border-top: 1px dotted;
}

.sc_button
{
	text-align: right;
	border-top: 1px dotted;
}


.sc_button_left
{
	text-align: left;
	border-top: 1px dotted;
}

.sc_button_right
{
	text-align: right;
	border-top: 1px dotted;
}


/* titles */


.sct_no
{
	width: 15px;
	text-align: left;
	background-color: grey;
}

.sct_count
{
	width: 30px;
	text-align: right;
	background-color: grey;
}


.sct_code
{
	width: 80px;
	text-align: left;
	background-color: grey;
}

.sct_desc
{
	width: 350px;
	text-align: left;
	background-color: grey;
}

.sct_price
{
	width: 80px;
	text-align: right;
	background-color: grey;
}

.sct_total
{
	width: 80px;
	text-align: right;
	background-color: grey;
}


/*-- [END] css/mainarea.css --*/