body{
	font-family: "arial-ce", arial, tahoma, verdana, "sans serif";
	color: #666;
	font-size: 14px;
	background-color: white;
	margin: 0px;	
}

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

hr{	border: none;	background-color: orange;	color: orange;	height: 1px;}
.about{	cursor: help;}

div.main{
	margin-top: 20px;
	width: 1210px;
	text-align: left;
	background: url(ims/shade_left.png) no-repeat bottom left;
	padding-left: 10px;
}



div.main-righter{
	background: url(ims/shade_right.png) no-repeat bottom right;
	padding-right: 10px;
	padding-top: 20px;
}

div.middle{
	background: #dfedf4 url(ims/back.png) repeat-x;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding-top: 30px;
	min-height: 600px;
} 
 
div.top{
	width: 1200px;
	height: 106px;
	margin-bottom: 0px;
	background: url(ims/top.png) no-repeat;
}

div.footer{
	font-size: 10px;
	height: 53px;
	background: #dfedf4 url(ims/footer.png) no-repeat bottom;
	padding-right: 15px;
}

div.footer div{
	padding-top: 10px;
	float: right;
	margin-left: 30px;
}

div.lmenu{
	float: left;
	background: url(ims/menu_back.png) repeat-y 0px 10px;
	width: 195px;
	color: #305E81;
	margin-right: 10px;
	margin-left: 10px;
}


div.lmenu-inner-top{
	background: url(ims/menu_top.png) no-repeat;
	padding-top: 10px;
	position: relative;
	top: -5px;
}

div.lmenu-inner-bottom{
	background: url(ims/menu_bottom.png) no-repeat bottom;
	bottom: -30px;
	position: relative;
	padding-right: 10px;
	padding-bottom: 20px;
	margin-top: -40px;
}

div.lmenu ul{
	padding-left: 10px;
	list-style: none;
	margin-left: 0;
}

div.lmenu ul ul{
	padding-left: 0;
}

div.lmenu ul li{
	margin-right: 10px;
	margin-left: 0;
	display: block;
	width: 100%;
	padding-bottom: 0px;
	padding-top: 1px;
}

div.lmenu a{
	padding-left: 2px;
	/* padding-top: 1px; */
	padding-bottom: 0px;
}

div.lmenu ul li.act > a{
	background: #aaa;
	font-weight: bold;
	color: #444;
	display: block;
}

div.lmenu ul ul li{	
	text-indent: 0.5em;
}

div.lmenu ul ul ul li{
	text-indent: 1em;
}

div.lmenu ul ul ul li{text-indent: 1em;}
div.lmenu ul ul ul ul li{text-indent: 1.5em;}
div.lmenu ul ul ul ul ul li{text-indent: 2em;}
div.lmenu ul ul ul ul ul ul li{text-indent: 2.5em;}
div.lmenu ul ul ul ul ul ul ul li{text-indent: 3em;}


div.lmenu h2{
	font-family: "sans serif", "arial-ce", arial, tahoma, "sans serif";
	text-align: right;
	padding-right: 10px;
	font-size: 14px;
}

div.lmenu a{
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
	display: block;
	border-bottom: 1px dotted #aaa;
	margin-top: 1px;
}

div.nav{margin: 5px;	border-bottom: 1px dotted #ececec;}

div.nav ul, div.nav li{
	display: inline;
	padding: 0;
	margin: 0;
}

div.nav ul li{
	padding-left: 0;
}

div.nav ul ul li{
	margin-left: 4px;
	padding-left: 14px;
	background: url(ims/arr_right.png) no-repeat left center;
}

table.items, table.items-t, table.openorder, table.order-view{
	width: 700px;
	border-collapse: collapse;
}

table.orders{
	/*width: 720px;*/
	border-collapse: collapse;
}


table.items td.item-order, table.items-t td.item-order{white-space: nowrap;}

div.content-text{
	float: left;
	clear: right;
	margin-left: 20px;
	width: 600px;
	padding: 10px;
	text-align: justify;
	padding-bottom: 30px;
}

img{	border: none;}
a{	text-decoration: none;	font-weight: bold;	color: #305E81;}
a:hover{text-decoration: underline;}


div.cat-subtree{
	padding: 5px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid white;
	background-color: #d3dfe6;
}

div.cat-subtree div{	width: 150px;}
td.item-name, div.item-name{	color: #444;	font-weight: bold;	font-size: 12px;}
td.item-count{	text-align: center;	color: black;	padding-right: 2px;}
tr.item td{	background-color: #f0f7ff;	padding: 2px;}
tr.order td{	background-color: #f0f7ff;	padding: 2px;}

table.items tr.head td, table.items-t tr.head td, table.openorder tr.head td, table.users tr.head td,
table th{
	font-size: 10px;
	border-bottom: 2px solid #0088FF;
}

tr.head img{
	margin-bottom: 2px;
}

tr.item-odd td{	background-color: white;	padding: 2px;}
tr.order-odd td{	background-color: white;	padding: 2px;}
table.order td.item-code{	font-size: 11px; font-weight: bold; text-align: left;	padding-right: 5px;}
tr.item-odd td.item-code,tr.item td.item-code{	font-size: 10px;	text-align: left;	padding-right: 5px;}

div.acc-a1{	width: 10px;	height: 13px;	background-image: url(ims/a1.png);	font-size: 1px;}
div.acc-a2{	width: 10px;	height: 13px;	background-image: url(ims/a2.png);	font-size: 1px;}
div.acc-a3{	width: 10px;	height: 13px;	background-image: url(ims/a3.png);	font-size: 1px;}
div.acc-OK{	width: 10px;	height: 13px;	background-image: url(ims/a1.gif);	font-size: 1px;}
div.acc-some{	width: 10px;	height: 13px;	font-size: 10px; padding-left: 2px;}
div.acc-low{	width: 10px;	height: 13px;	font-size: 11px; font-weight: bold; color: orange; padding-left: 3px;}
div.acc-NO{	width: 10px;	height: 13px;	background-image: url(ims/a3.gif);	font-size: 1px; margin-left: 1px;}

div.acc-UK{	font-weight: bold; color: orange;	font-size: 11px;}

hr.break{
	clear: both;
	float: none;
	height: 0px;
	background-color: white;
	color: white;
	border: 0;
	width: 1px;
}



div.pagenav-top{
	margin-bottom: 5px;
	border-bottom: 1px dotted white;
	text-align: center;
	font-size: 12px;
}

div.pagenav-bottom{
	margin-top: 5px;
	border-top: 1px dotted #bbb;
	text-align: center;
	font-size: 12px;
}

div.paging{	font-size: 10px;}
div.orderedbyinfo{font-size: 10px;}



input, textarea, select{	border: 1px solid #aaa;}

input.img{
	border: none;
}
input.imgl{
	border: none;
	float: left;
}
input.checkbox{
	border: none;
}

input.butt{
	border: 1px solid white;
	border-right: 1px solid #6E98e0;
	border-bottom: 1px solid #6E98e0;
	background: #263996 url(ims/butt_grade.png) repeat-x;
	font-size: 12px;
	font-weight: bold;
	color: white;
}

input.butt-small{
	border: 1px solid #305E81;
	border-top-color: #bcbcbc;
	border-left-color: #aaa;
	background-color: white;
	cursor: pointer;
	font-size: 8px;
	padding: 0px;
	color: green;
	height: 12px;
	width: 12px;
	margin-left: 10px;
}

input.qtty-edit{	width: 20px; text-align: right; padding-right: 3px; margin-bottom: 4px;}
textarea.order-note{	border: 1px solid #aaa;	width: 460px; height: 10em;}
textarea.order-note2{	border: 1px solid #aaa;	width: 560px; height: 4em;}
textarea.text{	border: 1px solid #aaa;}
td.item-del{	text-align: center;	font-family: tahoma;}
td.item-del a, a.erase{	color: red;	text-decoration: none;}

td.item-price, td.items-price{
	font-size: 11px;
	text-align: right;
	padding-left: 8px;
	padding-right: 5px;
}

td.item-dprice{
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	padding-left: 5px;
	padding-right: 5px;
}

td.item-qtty{	text-align: center;}
tr.order-odd td.shade{	text-align: center; background: #eee;}
tr.order td.shade{	text-align: center; background: #ddd;}
table.order td.item-qtty{	text-align: right;}
tr.head td{	text-align: center;}
span.note{	font-size: 12px;	color: #999;}
div.note{	font-size: 12px;	color: #999;}

div.info, div.info-narrow{
	font-size: 12px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid white;
	margin: 3px;
	text-align: left;
}

div.alert, div.alert-narrow{
	font-size: 12px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: white;
	border: 1px solid orange;
	margin: 3px;
	text-align: left;
	width: 500px;
}

div.error, div.error-narrow{
	font-size: 12px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #ffcccc;
	border: 1px solid red;
	margin: 3px;
	text-align: left;
}

div.alert-narrow, div.info-narrow, div.error-narrow{
	width: 470px;
}


div.indent{
	margin-left: 15px;
	/* border-left: 1px solid #888; */
	background: url(ims/line.gif) repeat-y 5px;
}

div.cat-1{ font-weight: bold;	line-height: 18px; color: red; clear: left;}
div.cat-2{ font-weight: bold;	line-height: 18px; color: orange; clear: left;}
div.cat-3{ font-weight: bold;	line-height: 18px; font-size: 12px; clear: left;}

input.ord-edit{
	width: 20px;
	font-size: 10px;
	height: 16px;
	margin: 2px;
	text-align: center;
}

a.small{font-size: 10px; cursor: pointer;}

div.content{
	float: left;
	padding-left: 20px;
	padding-bottom: 30px;
	width: 700px;	
}

div.content-wide{
	float: left;
	padding-left: 20px;
	padding-bottom: 30px;
	width: 900px;
}

input.foreign-name{	width: 200px;	margin-left: 10px;}
input.iitem-edit{	width: 100px;	margin: 2px;}
td.item-producer{	font-size: 10px;}
div.search-form{	margin-bottom: 20px;	font-size: 12px;}
h1{	border-bottom: 1px solid orange;}
td.item-add-note{	padding-right: 5px;}

tr.inote{	visibility: hidden;}
div.content p, div.content div.note{	width: 500px; text-align: justify;}
a.addnote{	text-decoration: none;	cursor: pointer;}
a.editnote{	text-decoration: none;	cursor: pointer; color: red;}

tr.order-line-note td{	border-bottom: 1px solid #ddd;}

a.butt{
	border: 1px solid #305E81;
	border-top-color: #bcbcbc;
	border-left-color: #aaa;
	background-image: url(ims/butt_grade.png);
	background-repeat: repeat-x;
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	cursor: pointer;
	/*
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	*/
}

a.butt:hover{ text-decoration: none;}

table.orders td, table.order-view td{
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
}

td.item-note, table.order-view td.item-note{
	background-color: white;
	font-size: 10px;
	padding-left: 5px;
	padding-right: 5px;
	color: #999;
}

table.orders tr.head td, table.order-view tr.head td, table.orders th{	font-size: 10px;
	border-bottom: 2px solid #0088FF;
}

td.order-value{
	text-align: right;
}

table.order{border-spacing: 0px; border-collapse: collapse; background-color: white;	border: 15px solid white;}
table.order td{border-bottom: 1px solid #999; }
table.order tr.head td{	font-weight: bold;	border-bottom: 2px solid #666;	font-size: 12px;}
table.order div.item-name{	padding-left: 10px;	padding-right: 10px;}

table.openorder td.item-acc, table.items td.item-acc, table.items-t td.item-acc{padding-left: 7px;}

div.divtotext{
	float: left;
}
table.items td.last, table.items-t td.last{
	text-align: right;
	padding-top: 10px;
}

div.gall-space{
	width: 600px;
}

div.staddr{
	font-size: 10px;
	color: #888;
	width: 150px;
	white-space: nowrap;
	position: relative;
	top: 80px;
	float: right;
	margin-right: 30px;
}

div.logina{
	font-size: 12px;
	white-space: nowrap;
	position: relative;
	top: 80px;
	float: right;
	margin-right: 30px;
}

table.users{
	border-spacing: 0px; 
	border-collapse: collapse; 
}

table.users tr.user td{
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
}

table.users td.name{
	font-weight: bold;
	font-size: 12px;
}

table.users td.login{
	padding-right: 15px;
	padding-left: 15px;
}

table.users div.saddress{
	font-size: 10px;
	color: #888;
	padding-left: 5px;
	margin-top: 2px;
}

a.toggle{
	display: block;
	text-decoration: none; 
}

div.togglepoint{
	width: 11px;
	height: 11px;
	float: left;
	background-image: url(ims/plus.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

div.untogglepoint{
	width: 11px;
	height: 11px;
	float: left;
	background-image: url(ims/minus.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

div.notogglepoint{
	width: 11px;
	height: 11px;
	float: left;
	background-image: url(ims/branch.gif);
	background-repeat: no-repeat;
	margin-top: 3px;
}

div.endpoint{
	width: 11px;
	height: 11px;
	float: left;
	background-image: url(ims/branch.gif);
	background-repeat: no-repeat;
	margin-top: 3px;
}

/* item in gallery type of view */
div.g-item{
	float: left;
	width: 160px;
	height: 300px;
	margin: 3px;
	padding: 4px;
	font-size: 12px;
	background-color: white;
	/* border: 1px solid red; */
	position: relative;
}

div.item-descr{
	font-size: 10px;
	padding-top: 2px;
	padding-bottom: 5px;
	max-width: 400px;
}

div.item-descr p{
	/* float: left; 
	width: 480px;*/
}

div.g-item div.item-descr{
	font-size: 10px;
	padding-bottom: 10px;
}

div.g-item div.item-code{
	font-size: 10px;
	float: left;
}

div.g-item div.item-acc{
	float: right;
	text-align: right;
	width: 12px;
}

div.g-item div.item-name{
	height: 30px;
	overflow: hidden;
}

div.g-item div.item-producer, div.g-item div.item-price, div.g-item div.item-dprice{
	font-size: 10px;
}

div.g-item div.item-dprice{
	font-weight: bold;
}

div.g-item div.item-order{
	margin-top: 5px;
	float: left;
}

div.g-item div.item-select{
	float: right;
	padding-top: 8px;
}

div.g-item-footer{
	vertical-align: bottom;
	background-color: #eef5ff;
	padding: 2px;
	padding-bottom: 3px;
	height: 65px;
}

div.g-item div.header{
	height: 230px;
}

div.item-acc{
	width: 100%;
	text-align: right;
}

div.inserts{
	float: left;
}

div.csv{
	float: left;
	padding-left: 15px;
}

textarea.csv{	 
	border: 1px solid #aaa;	
	width: 250px; 
	height: 20em;
}

tr.item-odd td.item-ordered, tr.item td.item-ordered, table tr.head td.item-ordered{
	font-size: 10px;
	background-color: transparent;
	text-align: left;
}

span.wait-alert{
	font-weight: bold;
	color: red;
}

td.order-itemscount{
	text-align: right;
	padding-right: 5px;
}

div.item-detail{
	width: 700px;
}

div.item-detail div.item-descr{
	font-size: 12px;
	/* width: 400px; */
}


div.item-detail div.item-name{
	margin-bottom: 20px;
	border-bottom: 1px solid orange;
	font-weight: bold;
	font-size: 18px;
}

#imgaoborder{
	position: fixed;
	top: 15px;
	bottom: auto;
	right: 15px;
	z-index: 2;
	background-color: #ccc;
	/*_bottom: expression(document.body.clientHeight - document.getElementById("imgaothumb").height - 15);*/		 
}

#imgaoborder img{
	position: relative;
	left: -3px;
	top: -2px;
	border: 1px solid #888;
}

div.item-codes{
	float: left;
	width: 200px;
}
div.item-image-small{
	float: right;
	clear: right;
}

div.item-header{
	width: 480px;
}

div.item-detail-righter{
	padding-top: 38px;
	float: right;
	width: 160px;
	margin-left: 20px;
}

div.item-detail-righter2{
	padding: 10px;
	margin-top: 25px;
	margin-left: 5px;
	border: 1px solid white;
	clear: right;
	width: 150px;
}

div.item-detail-righter2 h1{
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

div.item-detail-righter2 h2{
	font-size: 11px;
	font-weight: bold;
	margin-top: 4px;
	margin-left: 5px;
	margin-bottom: 0px;
}

div.item-detail-righter img{
	margin: 5px;
}

div.item-detail-content{
	float: left;
	width: 480px;
}

div.item-rvs{
	font-size: 10px;
	border-bottom: 1px dotted white;
}

div.item-rvs a{
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

div.item-rvs a:hover{
	color: black;
}

div.item-rvs img{
	float: right;
}

a.a{
	cursor: pointer;
}

#foto { 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	z-index: 2; 
}

td.item-thumb{
	text-align: center;
	background: transparent;
}

span.s0{	color: orange;}
span.s1{ color: red;}
span.s2{	font-weight: bold;}

form.ordshift input.butt{
	width: 25px;
	font-size: 9px;
}
form.ordshift input.text{
	width: 20px;
	font-size: 10px;
}

/* left margin offset*/
span.lm{
	margin-left: 150px; 
}

span.lowm{
	color: red;
}

td.order-auth{
	max-width: 150px;
}

tr.order td.in-machine, tr.order-odd td.in-machine, table tr.head td.in-machine{
	background-color: transparent;
}

span.comment-info{
	margin-right: 5px;
}

span.comment-info img{
	border: 1px solid red;
	cursor: pointer;
	float: left;
}

span.comment-info2 img{
	border: 1px solid blue;
	cursor: pointer;
	float: left;
	margin-right: 2px;
}

a.pdf{
	background-color: red;
	color: white;
	font-weight: bold;
	border: 1px solid #888;
	/* -moz-border-radius: 3px; */
}

a.pdf:hover{
	text-decoration: none;
}

div.g-item div.item-thumb{
	text-align: center;
}

div.smallthumb{
	margin-bottom: 10px;
}

div.smallthumb img{
	
}

table.stats td{
	font-size: 10px;
}


/* align top */
table.at td{
	vertical-align: top;
}

a.catname{
	font-size: 12px;
}

div.brands{
	font-size: 12px;
	margin-bottom: 10px;
}

span.nouo{
	background-color: black;
	font-size: 8px;
	
	color: white;
	margin-right: 5px;
	cursor: pointer;
}

option.admU{
	background-color: #444;
	color: white;
}

option.spec{
	background-color: orange;
	color: white;
}

option.served{
	background-color: #ccc;
}

select.mleft{
	float: left;
	margin-right: 10px;
}

div.narrow{
	width: 500px;
	float: left;
}

span.items-select-all{
	cursor: pointer;
	font-size: 10px;
}

div.cat-desc{
	width: 450px;
}

div.rb-bottom{
	font-size: 10px;
	margin-bottom: -5px;
	text-align: center;
}

a.editlink{
	font-size: 8px;
	text-decoration: none;
}

table.orders td.order-date, table.orders td.order-waiting{
	font-size: 11px;
}

input.imgl{
	border: none;
}

ul.pages li{
	display: inline;
	margin-left: 5px;
	padding-left: 5px;
	background: url(ims/sep.png) no-repeat left center; 
}

ul.pages li.first{
	background: none;
}

ul.pages li img{
	margin-bottom: 2px;
}

div.item-longdescr table{
	font-size: 10px;
	border-collapse: collapse;	
}


table.techSpec td {
	text-align: center;
}

div.item-longdescr table td{
	border-bottom: 1px solid #ccc;	
	border-top: 1px solid #ccc;
}

div.item-longdescr table thead td{
	border-bottom: 2px solid #888;
	border-top: none;	
}

div.item-longdescr p img{
	margin: 10px;
}

#float-img-border{
	position: absolute;
	z-index: 10;
	border: 1px solid #ccc;
	font-size: 1px;
}

#float-img{

}

table.techSpecL td, table.techSpec td{
	padding-left: 4px;
}

div.content-righter{
	font-size: 12px;
	float: right;
	width: 145px;
	margin-right: 7px;
	padding-bottom: 0;
}

div.content-righter h1{
	font-size: 14px;
}

div.content-righter ul{
	list-style-type: none;
	padding-left: 0px;
	width: 144px;
	margin: 0px;
}

div.content-righter ul li{
	background: url(ims/li.png) 4px 6px no-repeat;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
}

div.content-righter ul li.odd{
	background: #a9c8da url(ims/li.png) 4px 6px no-repeat;
}

div.form label, div.form input.text, div.form textarea.text{
	width: 150px;
	margin-bottom: 10px;
	display: block;
	float: left;
}

div.form label{
	width: 100px;
	padding-right: 20px;
	text-align: right;
}

div.form br{
	clear: left;
} 

input.light{
	color: #ccc;
	border: 1px solid #ccc;
	background: transparent;
}

input.active{
	color: black;
	border: 1px solid #888;
	background: white;
}

td.waiting{
	font-weight: bold;
}

dl.newslist{
	width: 500px;
}

dl.newslist dt{
	font-size: 10px;
	clear: left;
	float: left;
	width: 60px;
	border-top: 1px solid #aaa;
	padding-top: 3px;
}

dl.newslist dd{
	float: left;
	clear: right;
	width: 420px;
	border-top: 1px solid #aaa;
	margin: 0;
	padding-left: 15px;
	padding-bottom: 20px;
	padding-top: 3px;
}

span.warning{
	font-weight: bold;
	color: red;
}

input.label{
	color: #888;
	background: transparent;
	border: none;
	text-align: center;
	font-weight: bold;
	
}

dl.tinfo dt{
	font-size: 10px;
	margin-top: 5px;
}

dl.tinfo dd{
	font-weight: bold;
	padding-left: 0px;
	margin-left: 1.2em;
	margin-bottom: 3px;
	text-indent: -0.8em;
}

dl.tinfo-big dt{
	margin-top: 15px;
	margin-bottom: 5px;
}

dl.tinfo-big dd p{
	margin: 0;
	margin-left: 10px;
}

div.onStock{
	border-bottom: 2px solid #0088FF;	
}

img.ilu{
	margin: 5px;
}

tr.erased td{
	font-size: 10px;
	background: #666;
	color: white;
}

span.blue{
	color: #0088FF;
}

td.date{
	font-size: 10px;
	white-space: nowrap;
}

td.order-no-shifted, td.order-no-shifted a{
	color: red;
}

div.ok{
	border: 1px solid green;
	color: green;
	padding-left: 2px;
	padding-right: 2px;
	height: 13px;
	font-size: 10px;
	float: left;
	background-color: white;
}

span.ok{
	border: 1px solid green;
	color: green;
	padding-left: 2px;
	padding-right: 2px;
	height: 13px;
	font-size: 10px;
	background-color: white;
}

div.ok a{
	color: green;
	font-size: 10px;
}

div.ok a:hover{
	text-decoration: none;
	font-weight: bold;
}

p.p600{
	width: 600px;
	text-align: justify;
}

span.grey{
	color: #ccc;
}