.tail-top{ background:url(bg_slim.gif) repeat-x top #fff}
.tail-bottom{background:url(bot.gif) repeat-x  bottom }

.col-1, .col-2, .col-3, .col-4{ float:left}
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:996px; }

/*======= header =======*/
#header {height:162px;}

/*======= index.html =======*/
#page1 #content .col-1{ width:208px; margin-right:12px;}
#page1 #content .col-2{ width:770px}
#page1 #content .single_full{ width:980px;}
#page1 #content .single{ width:760px; margin-right:12px;}
#page1 #content .login{ width:420px; margin-left:160px;}

#page1 #content .col-1 .col-1{ width:72px; margin-right:0}
#page1 #content .col-1 .col-2{ width:156px}
#page1 #content .col-2 .col-1{ width:234px; margin-right:67px}
#page1 #content .col-2 .col-2{ width:234px}
#page1 #content .bg{ background:url(tail.gif) repeat-y 266px top }

#page1 #content .login .col-1{ width:150px; margin-right:3}
#page1 #content .login .col-2{ width:250px}
#page1 #content .single_full .indent{ width:960px; margin:10px}

#page-error #content .single{ width:760px; margin-right:12px;}


/*======= footer =======*/
#footer { height:99px; }

/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.125em; background:#202020}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#67686c;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top; outline:none}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;margin-right:5px;}
div.container_right {	overflow:hidden;float:right;;margin-right:5px;}
div.container_left {	overflow:hidden;margin-left:5px;}
a img{ border:0}
img{ vertical-align:top;  }

a{color:#1975b7; text-decoration:underline; outline:none} 
a:hover{text-decoration:none}

.link{color:#000000; background:url(marker.gif) top left no-repeat; padding-left:20px; background-position:0 5px; text-decoration:none; font-size:.916em  }
.link:hover{text-decoration:underline }

.link1{ color:#1975b7; text-transform:uppercase; display:block; margin-bottom:11px}
.link2{ color:#1975b7; font-weight:bold; text-decoration:none}
.link2:hover{ color:#000; text-decoration:none}

.button{color:#484a4b; background:url(button.gif) top left no-repeat; font-weight:bold; padding:6px 17px 11px 40px; display:block; font-size:1.33em; text-decoration:none;  }
.button:hover{text-decoration:underline }

.button1{color:#fff; background:url(button1.gif) top left no-repeat; padding:11px 0 15px 0; font-size:.83em; width:56px; text-align:center; text-decoration:none; display:block}
.button1 strong{ font-size:2.5em; display:block;  margin-bottom:2px}
.button1:hover{text-decoration:underline }

.link-1 { display:block; float:left; background:url(link_bg.gif) left top repeat-x; color:#484a4b; text-decoration:none;white-space:nowrap;}
.link-1 em { display:block; background:url(link_left.gif) no-repeat left top; font-size:12px}
.link-1  b { display:block; background:url(link_right.gif) no-repeat right top; padding:4px 12px 6px 33px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#aec900}

.link-2,.link-2_blink { display:block; float:left; background:url(link_c_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-2 em,.link-2_blink em { display:block; background:url(link_c_left.gif) no-repeat left top; font-size:12px}
.link-2  b,.link-2_blink b{ display:block; background:url(link_c_right.gif) no-repeat right top; padding:4px 12px 6px 33px; font-weight:normal; font-style:normal;}
.link-2:hover,.link-2_blink:hover{ text-decoration:none; color:#000000}

/*header*/
#header {font-size:0.75em; color:#FFFFFF }
#header .logo{ margin:36px 0 53px 0 }
#header .menu{margin:73px 0 0 207px; position:absolute; width:620px}
#header .indent1{padding:0 0 0 0}
#header .indent-block{padding:65px 0 0 93px}

#header h1{color:#fff; text-transform:uppercase; font-size:3.33em; margin-bottom:23px; line-height:1.05em  }
#header h1 b{color:#222222; font-weight:bold; font-family:"Arial Black", Gadget, sans-serif }

#header ul{margin:0; padding:0; list-style:none;}
#header ul li{ margin:0; display:inline}
#header ul .last{background:none}
#header ul li a{background:url(bg_menu.gif) top left no-repeat; color:#fff; font-weight:bold; text-transform:uppercase; text-decoration:none; width:102px; text-align:center; display:block; float:left ; padding:15px 0 17px 0; margin-right:1px} 
#header ul li a:hover { text-decoration:none; background:url(bg_menu-act.gif) top left no-repeat;}
#header ul li .current{ text-decoration:none; background:url(bg_menu-act.gif) top left no-repeat;  }
#header a{color:#c4df16;} 


/*content*/
#content{ font-size:0.8125em; width:100%; text-align:left;}
#content .indent-col2{padding:3px 0 0 0}
#content .title{  margin-bottom:16px}
#content .img-left{ float:left; margin:0 20px 0 0}
#content .img-indent{ margin:0 0 16px 0}
#content p{ margin:0 0 17px 0}
#content .p{ margin:0}
#content .p1{ margin:0 0 7px 0}
#content .p2{ margin:0 0 19px 0}
#content .box h2{color:#fff; font-size:1.7em; margin-bottom:15px; margin-left:8px; text-transform:none; font-weight:bold  }
#content .box h3{color:#495265; font-size:1.7em; background:url(tail.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:19px; text-transform:none  }
#content h2{color:#686868; font-size:1.7em; margin-bottom:10px;margin-top:5px; line-height:1em; font-weight:normal }
#content h2 span{color:#c4df16;  }
#content h3{color:#191919; font-size:1.3em; line-height:1em; margin-bottom:5px; margin-top:10px;  }
#content h4{color:#3d3d3d; font-size:1em; margin-bottom:9px;  }
#content h5{color:#1975b7; font-size:1em; margin-bottom:2px;  }
#content .tail{ background:url(tail.gif) repeat-x bottom; padding-bottom:19px; margin-bottom:19px}
#content .indent{padding:20px 0 0 0}

.content ul{margin:0; padding:0; list-style:none;}
.content ul li{background:url(marker.gif) top left no-repeat; background-position:0 10px; margin:0; padding-left:15px; }
.content ul li a{color:#1975b7; text-decoration: underline; line-height:1.85em; font-size:1.07em}
.content .box ul li a{color:#1975b7; text-decoration:underline; line-height:1.85em; font-size:1.16em}
.content ul li a:hover { text-decoration:none; }


/*box*/
.box{ background:#fafaf9; width:100%; font-size:.923em}
.box .border-top {background:url(border_top.gif) repeat-x top;}
.box .border-bottom {background:url(border_bottom.gif) repeat-x bottom;}
.box .border-left {background:url(border_left.gif) repeat-y left;}
.box .border-right {background:url(border_right.gif) repeat-y right;}
.box .corner-top-left {background:url(corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(corner_top_right.gif) no-repeat right top;}
.box .corner-bottom-left {background:url(corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.box .indent-box{ padding:5px; }


/*footer*/
#footer { color:#fff; font-size:0.75em; }
#footer .indent-footer{ padding:62px 50px 0 17px;}
#footer a {color:#bfdd00; text-decoration:underline}  
#footer a:hover {  text-decoration:none}


.indent-2{ position:relative; padding-right:20px; float:left}
.h{ height:29px}
.h1{ height:30px; background:url(bg_input.gif) no-repeat top left}
.block-contact span{ float:right; margin-right:140px}
.input{
   	border:none; 
	background:none;
	width:400px; height:20px;
	font-size:1em;
	color:#000;
	padding-left:5px;
	padding-top:2px;
}
input{
   	border:1px solid #cdd0c9; 
	background:#FFFFFF;
  height:18px;
	font-size:1em;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px
}
.single .box .container{
  margin-left:40px;

}

.main_input{
  float:left;
}
.main_input input{
  width:400px;
}
.col-1 input{
  font-size:1em;
  width:70px;
}
.col-1 select{
  font-size:1em;
  width:95px;
}
.col-1 input{
  font-size:1em;
  width:90px;
}

.flt_r1 {
  float:left;
}
.flt_r2 {
  float:left;
}
textarea{
   	border:1px solid #cdd0c9; 
	background:#FFFFFF;
	width:251px; height:115px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}

/*left filter*/
.quick_flt{float:left; padding:0 0 6px; position:relative; width:766px; z-index:10;}
.quick_flt li{display:block;float:left; margin:0 10px 7px 0;position:relative; width:auto;}
.quick_flt li:hover .quick_select { display: block;}

/* setted filter */
.quick_flt ul li{background:none; padding-left:0px;}
.quick_flt ul li a{font-size:1em; line-height:1.4em;text-decoration:none;}
.quick_select{border:1px solid #000000;background-color:#ffffff;display:none;left:0;position:absolute;top:20px;}
.quick_select ul {float:none; padding:1px 10px 1px 20px; margin:0; clear:both;}
.quick_select ul li{background:url(marker.gif) top left no-repeat; background-position:0 10px; margin-right:40px; padding:0 0 3px; }
.quick_select a{display:block;margin-right:10px;margin-top:3px; padding:0 0 0 13px;white-space:nowrap;}
#informUser_blink em{color:#000000;}
#informUser em{color:#ffffff;}

/*data grid elements*/
.pager{ float:left;}
.up_split{ float:left;  width:10px;  height:5px;}
.clear {
  clear:both;
  line-height:0;
  width:1px;
}

.data-grid{padding:20px 0 0 0;}
div.t-data-grid{overflow:auto;}
.main_table{border:1px solid #b3b3b3; border-spacing:0px; border-collapse:collapse;font-size:10pt; background:#FAFAF9 none repeat scroll 0 0;z-index:0;width:770px;}
.main_table td{border:1px solid #b3b3b3; padding:1px 4px 2px 2px;}
.main_table select{ width:100px;}
.r1, .t-data-grid th, div.t-data-grid-pager span.current{ color:#FFFFFF; background-color:#414141;}
.r1 a {color:#bfdd00; text-decoration:underline}
.r1 a:hover, .t-data-grid a:hover, div.t-data-grid-pager a:hover {  text-decoration:none}
.r1 td{border:1px solid #b3b3b3; padding:8px 2px 8px 2px;}
input.count{width:30px;}
input.price{width:50px;}

.action_flt{
  float:left;
  padding:0 0 0px;
  position:relative;
  z-index:0;
}
.action_flt li{
  display:block;
  float:left;
  margin:0 10px 7px 0;
  position:relative;
  width:auto;
}
.action_flt li:hover .action_select {
  display: block;
}

.action_flt_link{
  color:#000000;
  display:block;
  padding:5px 2px 10px 2px;
  white-space:nowrap;
  width:auto;
}

.action_select{
  border:1px solid #b3b3b3;
  background-color:#D5D5D5;
  display:none;
  left:0;
  position:absolute;
  top:19px;
}

.action_select ul {
  float:none;
  padding:1px 1px 1px 10px;
  margin:0;
  clear:both;
}
.action_select a{
  display:block;
  margin-right:1px;
  padding:0 0 0 10px;
  white-space:nowrap;
}

dl.t-beandisplay{
  background:#FFFFFF none repeat scroll 0 0;
  border:0px;
}
.infoMessage{
  text-align:center;
  color:#000090;
  font-weight:bold;
  margin-bottom:15px;
}
.errorMessage{
  float:left;
  font-weight:bold;
  color:red;
  padding:10px;
}
div.t-autocomplete-menu li.selected{
  background-color: #bfdd00;
  font-weight:normal;
  color:black;
}

div.t-autocomplete-menu li {
  border-bottom:none;
  color:black;
  cursor:default;
  list-style-type:none;
  margin:0;
  padding:0;
  background:none;
}

div.t-autocomplete-menu ul {
  background-color:#FFFFFF;
  border:1px outset #000000;
  overflow:auto;
  padding:4px 10px;
}
.login ul{
  margin-left:50px;
}
.login ul li{
  text-align:left;
  padding:0;
  background:none;
}
.login_but{
 margin-left:50px; 
}
.single .cent_but{
  margin-left:150px;
  margin-bottom:20px;
}
#cent_but{
  margin-left:170px;
  margin-bottom:20px;
  padding:20px;
}

#kaptchaComponent img{
  margin-right:100px;
  height:50px;
  width:200px;
}

html > body div.t-error li{
  margin-left:5px;
}
.ord_info{
  width:180px;
  float:left;
}
.ord_value{
  width:380px;
  white-space:nowrap;
}
.ord_value input, .ord_value select{
  width:100px;
}
.dialog_value input, .dialog_value select{
  width:170px;
}

#customerOrderComment-inplaceeditor input,#customerComment-inplaceeditor input,#sellerComment-inplaceeditor input,#sellerComment-inplaceeditor input{
  height:28px;
}

table.t-data-grid thead tr th {
  white-space:normal;
}
.user_info{
  color: #ffffff;
  padding:2px 2px 2px 2px;
  width:550px;
  float:right;
  text-align:right;
}

.page-error{font-size:100%; line-height:1.125em; background:#FFFFFF}
#page-error .tail-top{ background:#FFFFFF}
#page-error .tail-bottom{background:#FFFFFF}
#page-error #content {padding-top:20px;}

.top2p { margin-top:2px;}
.upimages input{height:23px;}
.good_info{width:300px;float:left; margin-top:10px}
.good_foto{width:305px;float:right; margin-top:10px}
.deleted{ background-color:#CCCCCC;}
.prdeleted{ background-color:#FFAAAA;}
.changed{ background-color:lightgreen;}
.notice{  font-size:9pt;  color:red;}
.checkbox input{
  height:14px;
  margin: 2px;
}