*{
	font-family:arial;
	font-size:11px;
}
body{
	margin:0px;
	background-color:#f0f0f0;
	background-image:url(images/bg.png);
}
#background{
	background-color:#f0f0f0;
	background-image:url(images/bg.png);

}
#logo{
	padding:25px;
	text-align:right;
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
}
.scaleButton{
	position:absolute;
	opacity:.0;
	width:24px;
	cursor:pointer;
}
#head{
	background-image:url(images/border.png);
}
#menu a{
	padding:5px;
}
b.title{
	font: bold 12px Arial;
	color:white;
}
div.title{
	font: bold 12px Arial;
	color:white;
}
b.header{
	font-size:14px;
	color:#000000;
}
b.heading{
	font-size:12px;
	color:#000000;
}
a{
	font-size:14px;
	color:#000000;
}
a:hover{
	font-size:14px;
	color:#ff0000;
}

.shadow40{
	box-shadow:0 0 40px 0 #555555;
	-webkit-box-shadow:0 0 40px 0 #555555;
	-moz-box-shadow:0 0 40px 0 #555555;
}
.shadow30{
	box-shadow:0 0 30px 0 #555555;
	-webkit-box-shadow:0 0 30px 0 #555555;
	-moz-box-shadow:0 0 30px 0 #555555;
}
.shadow20{
	box-shadow:0 0 20px 0 #555555;
	-webkit-box-shadow:0 0 20px 0 #555555;
	-moz-box-shadow:0 0 20px 0 #555555;
}
.shadow10{
	box-shadow:0 0 10px 0 #555555;
	-webkit-box-shadow:0 0 10px 0 #555555;
	-moz-box-shadow:0 0 10px 0 #555555;
}
.shadow5{
	box-shadow:0 0 5px 0 #555555;
	-webkit-box-shadow:0 0 5px 0 #555555;
	-moz-box-shadow:0 0 5px 0 #555555;
}
.corners{
	border:1px solid silver;
	-webkit-border-radius:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px; 
}
.transbg{
	background-image:url(images/border.png);
}

div.canvas{
	border:2px solid white;
	-webkit-border-radius:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px; 
    padding:10px;
    margin:10px;
	background-image:url(images/border.png);
}
div.line, td.line{
	border:2px solid silver;
	-webkit-border-radius:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px; 
    padding:5px;
    margin:5px;
    background-color:white;
}
div.line:hover{
	border:2px solid gray;
}
div.item{
	border:2px solid silver;
	-webkit-border-radius:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px; 
    padding:5px;
    margin:5px;
    background-color:white;
    cursor:pointer;
    color:black;
    text-align:center;
}

div.item:hover{
	border:2px solid gray;
    background-color:#f0f0f0;
}
div.item:active{
	border:2px solid red;
}
div.itemActive{
	border:2px solid silver;
	-webkit-border-radius:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px; 
    padding:5px;
    margin:5px;
    background-color:gray;
    cursor:pointer;
    color:white;
    text-align:center;
}
.transparent{
	opacity:0.0;
	filter:alpha(opacity=0);
	position:absolute;
	cursor:pointer;
}

.size{
	color:white;
}

td.asc{
	background-image:url(images/up.png);
	background-repeat:no-repeat;
	background-position:top right;
}
td.desc{
	background-image:url(images/down.png);
	background-repeat:no-repeat;
	background-position:top right;
}
td.headrow{
	cursor:pointer;
}
span.active{
	text-decoration:underline;
	background-color:white;
}
.dashed{
	border:1px dashed gray;
}
.mask{
	border:1px dashed silver;
}
/*styles of catalog*/
#products
{
position:relative;
}
#products .txt_input
{
background:LightGray;
border:1px solid #404040 ;
padding:3px;
}
#cat_list,#cat_desc
{
padding:10px;
}
#cat_prop,#add_product,#products_list
{
float:left;
margin-left:30px;
}
/*#ProductPrice,#currency
{
float:left;
}
#currency
{
padding:2px;
margin-top:-8px;
}*/
.p_big
{
font: bold 12px/1.6em  "Lucida Grande", Arial, Verdana;
}
p
{
font: bold 11px/1.6em  "Lucida Grande", Arial, Verdana;
margin-bottom:3px;
}
/*button*/
.button {

	font: bold 13px/1.6em  "Lucida Grande", Arial, Verdana;
	color: white;
	text-decoration: none;
	
	text-shadow: 0 1px 0 rgba(0,0,0,.4);
	filter: dropshadow(color=#1c1c1c, offx=0, offy=1);
	
	display: block;
	display: inline-block;
	
	text-align: center;
	border: none;
	padding:3px 10px;
	margin-top:5px;
	margin-right:5px;
	margin-bottom: 10px;
	margin-top: 14px;
			
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2), inset 0 2px 0 rgba(255,255,255,.25);
	-moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2), inset 0 2px 0 rgba(255,255,255,.25);
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2), inset 0 2px 0 rgba(255,255,255,.25);
	
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	
}


.button:hover {
	text-decoration: none;
	cursor: pointer;
}

.button:active {
	padding-top: 6px;
	padding-bottom: 4px;
	-webkit-box-shadow: inset 0 100% 0 0 rgba(0,0,0,0.2);
}	
/* BLACK */
		
	.button.black {
		background: #1a1a1a;
		background: #1a1a1a -webkit-gradient( linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.4)),to(rgba(0,0,0,0)));
		background: #1a1a1a -moz-linear-gradient( top, rgba(255,255,255,.4), rgba(0,0,0,0));	
	}
	
	.button.black:hover {
		background: #1a1a1a -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.55)), to(rgba(0,0,0,0)));
		background: #1a1a1a -moz-linear-gradient( top, rgba(255,255,255,.55), rgba(0,0,0,0));
	}
	
	.button.black:active {
		background: #1a1a1a -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.3)), to(rgba(0,0,0,0)));
		background: #1a1a1a -moz-linear-gradient( top, rgba(0,0,0,.1), rgba(0,0,0,0));
	}