body{
	font: 12px "Verdana", Helvetica, sans-serif;
	/*font-family: "arial-ce", arial, tahoma, verdana, "sans serif";*/
	color: #444;
	
	background: #1B548B;
	margin: 0px;	
	margin-top: 20px;
}

hr{
	border: none;
	background-color: orange;
	color: orange;
	height: 1px;
}

.about{
	cursor: help;
}

h1 {
	font-size: 160%;
	margin: 0em 0em 0.7em 0em;
}

h2 {
	font-size: 140%;
	margin: 0em 0em 1.0em 0em;
}

h3 {
	font-size: 17px;
	padding: 1px 0 5px 0;
	margin: 0;
}

h4 {
	font-size: 100%;
	margin: 0em 0em 0.3em 0em;
}

div.main{
	width: 1000px;
	height: 100%;
	margin-left: 10px;
	margin: 0 auto;
}

div.middle{	
	width: 1014px;
	background: url(ims/back.gif) repeat-y white;
	padding-bottom: 30px;
}
 
div.top{
	height: 168px;
	width: 1014px;
	background: url(ims/top.jpg) no-repeat white;
	margin-bottom: 0px;
	position: relative;
}

div.top-menu{
	position: relative;
	left: 380px;
	top: 123px;
	width: 480px;
}

div.top-menu a{
	margin-left: 10px;
}

div.footer{
	font-size: 10px;
	background: url(ims/bottom.gif) no-repeat;
	width: 1014px;
	height: 40px;
	padding: 0px;
	text-align: right;
}

div.lmenu{
	margin-left: 18px;
	float: left;
	width: 195px;
	font-family: "Verdana", Helvetica, sans-serif;
	background: url(ims/menu_back.gif) repeat-y;
}

div.lmenu ul{
	width: 175px;
	margin: 0;
	padding-left: 0px;
	list-style-type: none;
}

div.lmenu ul li{
	padding-top: 2px;
	margin: 0;
}

div.lmenu ul li a{
	display: block;
	line-height: 1.3em;
	border-bottom: 1px dotted #999;
	text-indent: 0.2em;
	padding-bottom: 1px;
}

div.lmenu ul ul li a{	text-indent: 0.8em;}
div.lmenu ul ul ul li a{	text-indent: 1.4em;}
div.lmenu ul ul ul ul li a{	text-indent: 2em;}
div.lmenu ul ul ul ul ul li a{	text-indent: 2.6em;}
div.lmenu ul ul ul ul ul ul li a{	text-indent: 3.2em;}
div.lmenu ul ul ul ul ul ul ul li a{	text-indent: 3.8em;}

div.lmenu ul li a{
	font-weight: normal;
	font-size: 11px;
	color: #36627F;
}

div.lmenu ul li.act a{
	font-weight: bold;
}

div.lmenu ul li.act ul li a{
	font-weight: normal;
}

div.lmenu-top{
	background: url(ims/menu_top.gif) no-repeat top;
	margin: 0;
	padding-top: 30px;
}

div.lmenu-content{
	background: url(ims/menu_bottom.gif) no-repeat bottom;
	margin: 0;
	padding-bottom: 20px;
	padding-left: 13px;
}

div.lmenu-bottom{
	width: 204px;
	height: 11px;
	/*background: url(ims/menu_bottom.png) no-repeat bottom;*/
	margin: 0;
}

div.nav{
	width: 100%;
	padding: 2px;
	text-align: left;
}

div.nav div.ul{
	float: left;
}

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;
}

div.content{
	float: left;
	width: 801px;
	padding-bottom: 20px;
}

div.content-inner{
	width: 616px;
	float: left;
	margin-left: 17px;
}

div.content-righter{
	float: right;
	width: 145px;
	margin-right: 7px;
	padding-bottom: 0;
	background: url(ims/righter_bottom.png) left bottom no-repeat;
}


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.content-righter div.header{
	background: url(ims/righter_top.png) no-repeat;
	width: 145px;
	height: 28px;
	font-weight: bold;
	
	
}


div.content-righter h2{
	margin: 0;
	color: #275879;
	text-align: right;
	padding-right: 10px;
	padding-top: 6px;
}

div.content-righter div.in{
	background: url(ims/righter_back.png) repeat-y;
	font-size: 11px;
	width: 145px;
	min-height: 130px;
	padding-left: 1px;
	padding-bottom: 10px;
}


table.items td.item-order, table.items-t td.item-order{width: 110px; white-space: nowrap;}

div.content-text{
	padding: 0;
	text-align: justify;
}

img{	border: none;}
a{	text-decoration: none;	color: #305E81;}
a:hover{	color: #cc0000;}

form{	padding: 0px;	margin: 0px;}

td.item-name, div.item-name{	color: #444;	font-weight: bold;}

tr.item td.item-name, tr.item-odd td.item-name{
	padding-top: 8px;
}

td.item-name div.item-descr{
	font-weight: normal;
	font-size: 10px;
	padding-bottom:1px;
	padding-top: 4px;
	text-align: left;
}
td.item-count{	text-align: center;	color: black;	padding-right: 2px;}
tr.item 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{
	font-size: 10px;
	border-bottom: 2px solid #0088FF;
}

tr.item-odd td{	background-color: white;	padding: 2px;}
tr.item-odd td.item-code,tr.item td.item-code{	font-size: 10px;	text-align: left;	padding-right: 5px;}


div.acc{
	width: 10px;
	height: 10px;
	float: none;
}

div.OK {background: url(ims/tick.png) no-repeat center; margin-left: 2px; margin-top: 2px;}
div.some {font-size: 10px; padding-left: 1px; color: #335aa1; text-align: right;}
div.NO {background: url(ims/x.png) no-repeat center;	 margin-left: 2px; margin-top: 2px;}
div.UK {font-weight: bold; color: orange;	font-size: 11px;}

div.acc-low{	width: 12px;	height: 12px;	font-size: 11px; font-weight: bold; color: orange; padding-left: 3px;}

span.acc-OK{ cursor: help;}
span.acc-NO{ cursor: help;}
span.acc-some{	width: 10px;	height: 13px;	font-size: 10px; padding-left: 2px; cursor: help;}
span.acc-UK{	font-weight: bold; color: orange;	font-size: 11px;  cursor: help;}

hr.break{
	clear: both;
	float: none;
	color: white;
	background-color: transparent;
	height: 1px;
	border: 0;
	width: 1px;
	margin: 0;
	padding: 0;
}

div.pagenav-top{
	
	border-top: 1px solid #ADC8DA;
	border-bottom: 1px solid #ADC8DA;
	text-align: right;
}

div.pagenav-bottom{
	margin-top: 5px;
	border-top: 1px dotted #bbb;
	text-align: center;
}

div.paging{	float: left; width: 210px;}
div.orderedbyinfo{float: right; clear: right;}

div.orderedbyinfo img{padding: 3px;}

div.orderedbyinfo a.actstyle img{
	border: 2px solid #00AEEF;
}


div.logina{
	position: absolute;
	left: 780px;
	top: 100px;
	white-space: nowrap;
}

div.logina a{	font-weight: normal; color: white;}

input{	border: 1px solid #aaa;}

select{	border: 1px solid #aaa;}

input.img{
	border: none;
}

input.imgl{
	border: none;
	float: left;
}
input.checkbox{
	border: none;
}

input.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-weight: bold;
	color: #305E81;
}

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: 30px;	text-align: right; padding-right: 3px;}
textarea.text{	border: 1px solid #aaa;}
td.item-del{	text-align: center;	font-family: tahoma;}
td.item-del a{	color: red;	text-decoration: none;}

td.item-price, td.items-price{
	text-align: right;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
}

td.item-qtty{	text-align: center;}
table.order td.item-qtty{	text-align: right;}
tr.head td{	text-align: center;}
span.note{ color: #999;}
div.note{	color: #999;}

div.info, div.info-narrow{
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid white;
	margin: 3px;
	text-align: left;
}

div.alert, div.alert-narrow{
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: white;
	border: 1px solid orange;
	margin: 3px;
	text-align: left;
}

div.error, div.error-narrow{
	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: 420px;
}

div.indent{
	margin-left: 15px;
	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; clear: left;}

input.ord-edit{
	width: 20px;
	font-size: 10px;
	height: 16px;
	margin: 2px;
	text-align: center;
}

a.small{	font-size: 10px; cursor: pointer;}

input.foreign-name{	width: 200px;	margin-left: 10px;}
input.iitem-edit{	width: 100px;	margin: 2px;}
td.item-producer{	font-size: 10px;}
div.search-form{	text-align: left; margin-bottom: 20px; width: 620px;}
div.search-form form{
	padding-top: 5px;
}

td.item-add-note{	padding-right: 5px;}

tr.inote{	visibility: hidden;}

div.content p{
	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-weight: bold;
	color: white;
	text-decoration: none;
	cursor: pointer;
	/*
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	*/
}

a.butt:hover{ text-decoration: none;}

div.divtotext{
	float: left;
}

table.items, table.items-t{
	border-collapse: collapse;
	width: 100%;
}

table.items-t td.item-acc{
	padding-left: 7px;
}
table.items-t td.item-acc div.some{
	padding-left: 2px;
}

table.items td.last{
	text-align: right;
}

div.gall-space{
	width: 610px;
	
	margin-top: 20px;
}

div.staddr{
	position: absolute;
	left: 780px;
	top: 50px;
	font-size: 10px;
	color: #888;
	width: 150px;
	white-space: nowrap;
}


a.toggle{
	display: block;
	text-decoration: none; 
}

/* item in gallery type of view */
div.g-item{
	float: left;
	width: 195px;
	height: 260px;
	background-color: white;
	/* border: 1px solid red; */
	position: relative;
	border: 1px solid #adc8da;
	margin: 3px 6px 15px 0px;
}

div.item-descr{
	padding-top: 2px;
	padding-bottom: 5px;
	max-width: 300px;
}

div.item-descr p{
	/* float: left; */
	width: 480px;
}

div.g-item div.item-thumb{
	text-align: center;
	margin-top: 5px;
}

div.g-item div.item-descr{
	font-size: 10px;
	position: absolute;
	bottom: 2em;
	text-align: left;
	padding: 8px;
}

div.item-descr a{
	font-weight: normal;
	text-decoration: none;
}

div.g-item div.item-code{
	font-size: 10px;
	color: #888;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 0;
}

div.g-item div.item-acc{
	float: right;
	
	width: 14px;
	height: 14px;
	margin-right: 3px;
	background: white;
}

div.g-item div.item-name{
	height: 3em;
	overflow: hidden;
	text-align: left;
	padding-left: 8px;
	padding-right: 8px;
	
}

div.g-item div.item-price{
	font-weight: bold;
	float: left;	
	margin-left: 6px;
}

div.g-item-footer{
	vertical-align: bottom;
	background-color: #335aa1;
	padding: 3px;
	position: absolute;
	bottom: 0px;
	height: 1em;
	width: 190px;
	color: white;
	padding-bottom: 6px;
	padding-top: 6px;
}

div.g-item div.header{
	height: 230px;
}

div.item-acc{
	width: 100%;
}

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{
	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: 590px;
}


div.item-detail div.item-descr{	
	/* width: 400px; */
}

div.item-detail div.item-name{
	margin-bottom: 20px;
	border-bottom: 1px solid orange;
	font-weight: bold;
	font-size: 17px;
}

div.item-codes{
	float: left;
	width: 180px;
}
div.item-image-small{
	float: right;
	clear: right;
	width: 250px;
}

div.item-header{
	width: 430px;
}

div.item-detail-righter{
	padding-top: 58px;
	float: right;
	width: 150px;
}

div.item-detail-righter2{
	padding: 5px;
	margin-top: 25px;
	border: 1px solid #ccc;
	clear: right;
	width: 140px;
}

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: 430px;
	margin: 0;
}

div.item-rvs{
	font-size: 10px;
	border-bottom: 1px dotted white;
	background: #f3f3f3;
	padding: 3px;
	padding-top: 4px;
	margin-top: 3px;
}

div.item-rvs a{
	color: #666;
	font-weight: normal;
	text-decoration: none;
	margin: 0px;
}

div.item-rvs a:hover{
	color: black;
}

div.item-rvs img{
	float: left;
}

a.a{
	cursor: pointer;
}

#foto { 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	z-index: 2; 
}


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.smallthumb{
	margin-bottom: 10px;
	float: left;
}

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;
}

span.items-select-all{
	cursor: pointer;
	font-size: 10px;
}

div.cat-desc{
	
	width: 610px;
}

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;
}

ul.pages{
	float: left;
	margin-top: 3px;
	margin-bottom: 0px;
}

ul.pages li{
	margin: 0px; 
	display: inline;
	margin-left: 5px;
	padding-left: 5px;
	background: url(ims/sep.png) no-repeat left center;
}

ul.pages li.first{
	background: none;
}

div.content-big{
	padding-left: 20px;
}

label{
	float: left;
	padding-left: 10px;
}

div.lefter{
	float: left;
}

#b2benter{
	width: 105px;
	height: 30px;
	position: relative;
	bottom: 10px;
	left: 22px;
	margin-top: 14px;
}

div.footer div.text{	margin-right: 17px; padding-top: 10px;}

#float-img-border{
	position: absolute;
	z-index: 10;
	border: 1px solid #ccc;
	font-size: 1px;
}

#float-img{

}

#adv{
	width: 144px;
	height: 184px;
	background: white;
	padding: 0px;
	border: 0px;
}

div.item-longdescr{
	font-size: 11px;
	padding-right: 10px; 
}

div.item-longdescr table{
	font-size: 10px;
	border-collapse: collapse;	
}

table.techSpec td {
	text-align: center;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

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-shortdescr{
	float: left;
	font-size: 10px;
	font-weight: bold;
	padding-right: 10px;
}

span.price{
	float: right;
	font-weight: bold;
}

div.shop h3, div.shop-odd h3{
	font-size: 110%;
}

div.shop-odd{
	padding: 3px;
	padding-top: 5px; 
}

div.shop{
	background: #f0f7ff;
	padding: 3px;
	padding-top: 5px;
}


tr.item td.item-thumb, tr.item-odd td.item-thumb{
	text-align: center;
	background: transparent;
}

#allnews{
	float: right;
	margin-right: 7px;
	font-weight: normal;
	font-size: 10px;
	color: #888;
	margin-top: 6px;
}

img.newsImg{
	margin-left: 20px;
	float: right;
}

div.newItem{
	width: 610px;
	margin-top: 20px;
	/*margin-left: 16px;*/
	padding-bottom: 2px;
	border-bottom: 1px solid #ccc;
	text-align: left;
}

div.newItem p{
	text-align: left;
}


div.newItem div.date{
	font-size: 10px;
	float: right;
	padding-top: 6px;
}

div.flag{
	float: right;
	margin-top: -3px;
}

input.quicksearch{
	background: white url(ims/search_back.png) no-repeat top left;
	width: 160px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	padding-left: 10px;
	color: #36627F;
	height: 18px;
	font-weight: bold;
}

span.descr{
	font-weight: normal;
	font-size: 10px;
}

div.lmenu label{
	font-size: 10px;
}

div.item-longdescr p img{
	margin: 10px;
}

div.mocprice{
	text-align: left;
	font-weight: bold;
}

td.price{
	font-weight: bold;
}

select.text{
	margin: 0;
}

table.techSpecL td, table.techSpec td{
	padding-left: 4px;
}

input.search-name{
	width: 165px;
}

div.page-descr{
	margin-top: 3px;
	margin-bottom: 3px;
}

img.ilu{
	margin: 5px;
}
