* {	margin:0;padding:0;}
img {border:0;}	
a {color:#444;text-decoration:none;outline:none;cursor:pointer;}
ul, li {list-style:none;}

body { 
	color:#444;
	background:#fafafa; 
	font-family: Helvetica, Arial, sans-serif; 
	font-size:13px; 
}

header, nav, footer { display:block; }

header, footer { width:100%; clear:both; }

#wrapper {
	margin:0 auto;
	width:1060px;
}

header { 
	height:155px;
	color:#444;
}

#content { 
	background:white;
	margin:0 0 20px;
	padding:10px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0px 1px 2px 1px rgba(136, 136, 136, 0.3);
	-webkit-box-shadow: 0px 1px 2px 1px rgba(136, 136, 136, 0.3);
	box-shadow: 0px 1px 2px 1px rgba(136, 136, 136, 0.3);
	}

/* Content */
h1 {
	background: url("/images/logo-admin.jpg") no-repeat;
	display:block;
	float:left;
	height:95px;
 	margin:0 0 0 25px;
	text-indent:-9999px;
	width:134px;
}
	
h2 {
	background: url("/images/gear.png") no-repeat;
	color:#444;
	display:inline-block;
	float:left;
	font-size: 16px;
	font-weight:normal;
	height:20px;
	padding:3px 0 0 30px;
	margin:7px 0 0 4px;
}

.textblock {
	display: block;
    position: relative;
    width: 92%;
	background: #fdfdfd;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px 0 15px;
	text-shadow: 0 1px 0 #fff;
	text-align: center;
	display: block;
    margin:0 auto;
	height:92px;
}

.textblock:before, .textblock:after {
	z-index: -1; 
    position: absolute; 
    content: "";
    bottom: 16px;
    left: 8px;
    width: 70%; 
    top: 70%;
    max-width:435px;
    background: #000000; 
    -webkit-box-shadow: 0 14px 10px #888;   
    -moz-box-shadow: 0 14px 10px #888;
    box-shadow: 0 14px 10px #888;
    -webkit-transform: rotate(-2deg);    
    -moz-transform: rotate(-2deg);   
    -o-transform: rotate(-2deg);
	filter:progid:DXImageTransform.Microsoft.glow(Strength=4, Color='gray');
  	-ms-filter:"progid:DXImageTransform.Microsoft.glow(Strength=3, Color='gray')";
}

.textblock:after {
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	right: 8px;
	left: auto;
}

.textblock p {
	bottom:10px;
	float:right;
	position:absolute;
	right:15px;
	letter-spacing:2px
}

.textblock p.exitadmin {
	font-size:11px;
	top:8px;
}

.textblock .userlog {
	color:#666699;
	font-weight:bold;
}

/* CSS3 Dropdown Menu*/

nav {
	font-size:14px;
	line-height: 100%;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	background: #8b8b8b; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #a9a9a9,  #7a7a7a); /* for firefox 3.6+ */
	border: solid 1px #6d6d6d;
	margin:2px 0 30px;
}

nav li {
	float: left;
	position: relative;
}
/* main level link */
nav a {
	color: #e7e5e5;
	display: block;
	padding:13px 45px 11px;
	text-decoration:none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
/* main level link hover */
nav .current a, nav li:hover > a {
	background: #ededed !important; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#fff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)) !important; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #eee,  #fff) !important; /* for firefox 3.6+ */
	color: #444;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}

/* rounded corners for first child */
nav li:first-child > a {
	-webkit-border-top-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
}

/* sub levels link hover */
nav ul li:hover a, nav li:hover li a {
	background: none;
	border: none;
	color: #666;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
nav ul a:hover {
	color: #666699 !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}
/* level 2 list */
nav ul {
	background: #ddd; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfcfcf)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #cfcfcf); /* for firefox 3.6+ */
	display: none;
	width: 154px;
	position: absolute;
	top: 39px;
	left: 0;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}

nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
}


/* dropdown */
nav li:hover > ul {
	display: block;
}
nav ul li {
	float: none;
}
nav ul a {
	font-weight: normal;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
}

/* clearfix */
nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] nav {
	display: block;
}
* html nav {
	height: 1%;
}

.headlist {
	border-bottom:1px solid #ddd ;
	display:block;
	height:35px;
	margin:0 0 15px;
	padding:2px 0;
}

.addBtn {
	font-size:14px;
	font-weight:bold;
	float:right;
	padding:7px 9px 6px 8px;
	margin:18px 1px 10px 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #666699;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

.headlist .addBtn {
	font-size:13px;
	margin:0 0 5px;
}

.addBtn:hover {
	cursor: pointer;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}

/* Listing */

.list {
	border-collapse:collapse;
	border:1px solid #ddd;
	font-size:12px;
	margin:0 0 40px;
	width:100%;
}

.list thead td {
	background:#E8EDFF;
	color:#666699;
	padding:8px 2px 6px 6px;
}

.list .asc {
	background:url(/images/asc.png) no-repeat right center;
	color:#666699;
	padding:0 13px 0 0;
	text-decoration:none;
}

.list .desc {
	background:url(/images/desc.png) no-repeat right center;
	color:#666699;
	padding:0 11px 0 0;
	text-decoration:none;
}

.list .filter td {
	background:#f2f2f2;
	margin:2px 0 3px;
}

.filter input[type="text"] {
	border:1px solid #DDD;
	padding:1px;
}

input[type="text"] {
	border:1px solid #d5e1e8;
	border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:2px;
}

input[type="text"]:hover, input[type="text"]:focus {
	border:1px solid #c5cce4;
}

.btnFilter {
	font-size:10px;
	margin:0 4px;
	padding:2px 2px 3px 3px;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

.btnFilter:hover {
	cursor: pointer;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}

.list tbody td {
	_font-size:11px;
	padding:6px 5px 3px 6px;
}

.list td {
	border:1px solid #ddd;
}

.list td.photo {
	text-align:center;
	width:67px;
}

.list td.price {
	width:67px;
}

.list td.promotion, .list td.edit, .list td.status, .list td.manufacturer {
	width:74px;
}

.list td.promotion {
	text-align:center;
}

.list tbody tr:hover td{
	background:#f7f9ff;
}

.list tbody a {
	text-decoration:underline;
}

.list .active {
	color:#91A752;
}

.list p.non_active {
	color:#DD043B;
}

.list input {
	cursor:pointer;
}

.product_list {
	display:block;
	height:30px;
	margin:0 3px 10px;
	text-align:right;
}

#categories_table tbody td {
	padding: 7px 10px 5px;
}

.catdialog {
	border:none;
	margin:0 0 10px;
}

.catdialog td {
	border:none;
}

.catdialog td label {
	float:left;
	font-size:13px;
	padding:5px 0;
	width:170px;
}

.catdialog td p {
	float:left;
	font-size:13px;
	padding:5px 0;
}

.catdialog td .input-huge {
	border:1px solid #ddd;
	font-size:13px;
	padding:2px;
}

/* Add Item Page*/

.addProduct {
	margin:0 0 25px;
}

.addProduct ul {
	_margin:5px 0 15px;
}

.addProduct ul li {
	background:#E8EDFF;
	border-left:3px solid #ddd;
	margin:0 0 2px;
	padding:8px;
}

.addProduct ul li:hover {
	background:#edf1ff;
	border-left:3px solid #666699;
}

.addProduct .logo_img {
	font-size:11px;
	margin:15px 0 0 115px;
}

#info_name, .input-huge {
	width:400px;
}

#info_manufact {
	font-size:12px;
	width:120px;
}

.addProduct label {
	color:#666699;
	display:block;
	float:left;
	font-size:13px;
	padding:3px 10px 0 0;
	width:105px;
}

.addProduct h3 {
	border-bottom:1px solid #ddd;
	font-size:14px;
	font-weight:normal;
	padding:0 0 3px 6px;
	margin:0 0 15px;
}

ul.sep {
	border:2px solid #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 1px 3px #c3c3c3;
	-webkit-box-shadow: 3px 3px 4px #888;
	box-shadow: 3px 3px 4px #888;
	margin:11px 0 8px 7px;
	padding:9px 5px 2px 0;
	width:480px;
}

textarea {
	border:1px inset #DDDDDD;
}

.addSingle li.left {
	margin:0 30px 0 1px;
	width:530px;
}

.addSingle ul.sep li{
	border:none;
}

.prevImg {
	float:left;
	text-align:right;
	padding-right:5px;
}

/* Details */

.addDetails {
	border-collapse:collapse;
	border:1px solid #ddd;
	font-size:12px;
	margin:0 0 20px;
	width:100%;
}

.addDetails th {
	font-size:10px;
	font-weight:normal;
	padding:5px 6px 2px;
	width:35px;
}

.addDetails th.position, .list td.position {
	width:40px;
}

.addDetails tbody td {
	padding:7px 1px 5px;
}

.addDetails tbody td.left, .addDetails th.left {
	padding: 7px 1px 5px 8px;
	text-align:left;
}

.addDetails td{
	border:1px solid #ddd;
	text-align:center;
}

.addDetails tbody tr:nth-of-type(odd) {
  background-color:#fafafa;
}

.addDetails tbody tr.active {
	background:#E8EDFF;
}

.addDetails tr.active input {
	border:1px inset #ddd;
}

.addDetails tbody tr .btnEdit {
	background: url("/images/add.png") no-repeat;
	border:none;
	cursor:pointer;
	width:20px;
	height:20px;
}

/*.addDetails tbody tr .btnOk {
	background: url("/images/document_ok.png") no-repeat;
	cursor:pointer;
	float:left;
	width:20px;
	height:20px;
	_margin:0 10px 0 0;
}
*/

.addDetails tr .btnDelete {
	background: url("/images/delete.png") no-repeat;
	border:none;
	cursor:pointer;
	width:20px;
	height:20px;
	margin:0 1px;
}

.addDetails tr.active input.btnEdit,
.addDetails tr.active input.btnOk,
.addDetails tr.active input.btnDelete {
	border:none;
	cursor:pointer;
}

.addDetails tbody tr.active p {
	float:left;
	padding:5px 0 0;
	width:60px;
}

.btnAdd {
	background: url("/images/add.png") no-repeat;
	border:none;
	cursor:pointer;
	width:20px;
	height:20px;
	margin:0 1px 0 20px;
}

.btnDelete {
	background: url("/images/delete.png") no-repeat;
	border:none;
	cursor:pointer;
	width:20px;
	height:20px;
	margin:0 1px 0 2px;
}

.addDetails input {
	text-align:center;
	width:70px;
}

/* Arrows */

.arrows {
	margin:0 auto;
	width:34px;
}

input.arrow-up {
	background:none;
	cursor:pointer;
	float:left;
	width: 0;
	height: 0;
	border-top:none;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #04acec;
}

input.arrow-down {
	background:none;
	cursor:pointer;
	float:right;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #ec041f;
	border-bottom:none;
}

.input-huge option {
	margin:2px 0;
}


/* Login Page */

#login {
	background:white;
	padding:40px 37px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow:1px 1px 3px #c3c3c3;
	-webkit-box-shadow:1px 1px 3px #c3c3c3;
	box-shadow:1px 1px 3px #c3c3c3;
	margin: 108px auto 0;
	width:210px;
}

#login div {
	padding:0 0 22px;
}

#login label {
	color: #888;
	display: block;
	font-size: 14px;
	margin:3px 0;
}

#login input#txtLogin, #login input#txtPassword, #login input.textbox340 {
	background: #fafafa;
	border: 1px solid #eee;
	font-size: 18px;
	line-height: 20px;
	padding: 4px;
	width: 200px;
}

#login input#txtLogin:focus, #login input#txtPassword:focus, #login input.textbox340:focus {
	background: #fcfcfc;
	border: 1px solid #ccc;
}

#login div.submit p {
	float: left;
	margin: 0;
}
#login input#btnLogin {
	color:#666699;
	font-size:14px;
	font-weight:bold;
	float:right;
	padding:6px 14px 4px 15px;
	margin:0 3px;
	border:1px solid #ddd;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	background: #ededed !important; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#eee'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)) !important; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #eee) !important; /* for firefox 3.6+ */
}

footer {
	font-size:10px;
	margin:15px 0 50px 12px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}

.pages_info {
	color:#9f9f9f;
	float:left;
	font-size:12px;
	margin:13px 0 0 50px;
}

.pages_info p {
	float:left;
	margin-right: 15px;
}

.pages_info span {
	color:#888;
	font-size:14px;
}


/* IE6 Error message*/

#ie-message {
	background:#C00;
	text-align:center;
	border-bottom:1px solid #900;
	color: #fff;
	top:0;
	padding:5px;
	display:block;
	width:100%;
	height:20px;
}
#ie-message a {
	color: #fff;
}

img.thumb, #manufact_table img {
	height:44px;
}

.thumb-bigger {
	height:120px;
}

img.big {
	height: 240px;
}

img.current-img {
	border-style: solid;
	border-width: 2px;
}

#goto {
	border:1px solid #ddd;margin:0 3px;padding:2px;
}