/*	CSS-Framework

	Version		: 0.3
	File name	: cssf-base.css
	Author		: Aleksej Romanovskij (http://css-framework.ru)
	License		: Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/)

------------------------------ */

/* Core
------------------------------ */

* { margin: 0; padding: 0; }

*:focus { outline: none; }
.hidden { display: none; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-bg { background: none!important; }
.no-border, a img { border: none!important; }
.container { width: 100%; }
.container:after, .columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }
.cc { clear: both; }
.black { color:#000; }
.bb { box-sizing: border-box; }

.middle { vertical-align:middle; }
.boxShad { min-width:1000px; box-sizing: border-box; }
.w100 { width:100%; box-sizing: border-box; }
.iLabel { font-size:12px; color:#4E4E4E; margin-top:10px; }

/* Общие для админки
------------------------------ */
body.dragging, body.dragging * {
	cursor: move !important;
}

.dragged {
	position: absolute;
	opacity: 0.5;
	z-index: 2000;
}

.mainList ol>li.placeholder {
	position: relative;
	border: medium none;
	margin: 0;
	padding: 0;
	position: relative;
}
.mainList ol>li.placeholder::before {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: transparent -moz-use-text-color transparent red;
	border-image: none;
	border-style: solid none solid solid;
	border-width: 5px medium 5px 5px;
	content: "";
	height: 0;
	left: -5px;
	margin-top: -5px;
	position: absolute;
	top: -4px;
	width: 0;
}
.mainList ol>li {
	background: #eeeeee none repeat scroll 0 0;
	border: 1px solid #cccccc;
	display: block;
	margin: 10px 5px 5px 0px;
	padding: 5px;
	position: relative;
	box-sizing: border-box;
}
.mainList ol>li.indent { 
	margin: 5px 5px 5px 3em; 
}

/* загрузка фотографий НАЧАЛО */
	.preview{ height:69px; }
	.preview img{ width:56px;height:56px;border:2px solid #fff;vertical-align:middle;margin-right:20px; }
	.preview,
	.filename{ float:left; }
	.filename{ width:100px;overflow:hidden; }
	.progressbar{ margin:29px 0 0px 0px;width:200px;float:right; }
	#upload{ width:460px; border:2px solid #343434; position:fixed; min-height:150px; background-color:#5B5B5B; top:200px; left:50%; margin-left:-230px; display:none; padding:10px; }
	#upload > div{ height:79px;line-height:79px;clear:both; color:#FFF }
/* загрузка фотографий КОНЕЦ */

.img img { position:relative; z-index:1; height:200px; border:1px solid #AFB0B0 !important; margin-right:10px; }
.imgContainer { position:relative; display:inline-block; margin-right:5px; }
.img a { position:relative; z-index:2; }
.img img { position:relative; z-index:1; height:200px; border:1px solid #AFB0B0 !important; margin-right:10px; }
.img img.full { position:absolute; bottom:64px; right:0; height:75px; border:1ps solid #000 !important; z-index:3; }
.delImg, .activateImg { width:16px; height:16px; position:absolute; top:-4px; right:5px; cursor:pointer; z-index:3; }
.delImg { background:url(../i/delete1.png);}
.activateImg { background:url(../i/OK.png);}
.mainImg { background:url(../i/mainPic.png); width:24px; height:24px; position:absolute; top:-4px; left:-5px; cursor:pointer; z-index:3; display:none; }
.mainImg.active { display: block; }
.deletedBG { position:absolute; top:0; left:0; bottom:5px; right:5px; background:rgba(255,255,255,.6) url('../i/delete96.png') center center no-repeat; z-index:3; }
.extendedCat { display:none; }
.extendCat, .cutCat { position:absolute; right:5px; top:5px; cursor:pointer; }


/* Main styles
------------------------------ */

html { 
	height: 100%;
	background-repeat: no-repeat;
	background-color: #FFF; /*#D0BDF3;*/
	background-image: url(../i/bg_lb.jpg);
	background-position: bottom;
	background-size: 100% auto;
	background-attachment: fixed;
	font: .85em/1.5 Verdana, Arial, Helvetica, sans-serif; }
body { height: auto !important; height: 100%; min-height: 100%; position: relative; color:#2D0D19; } 
.pointer { cursor:pointer; }

a { color: #0066cc; }
a:visited {  }
a:hover {  }
a:active {  }
h1 { font-size:20px; font-variant:small-caps; font-weight:normal; }
h2 { font-size:18px; font-variant:small-caps; font-weight:normal; }
h3 { font-size:16px; font-variant:small-caps; font-weight:normal; text-decoration:underline; }
.boxShad { 
	box-shadow: 0 5px 5px 0 rgba(200, 200, 200, 0.75); 
	margin-bottom:6px; 
	background-color:#FFF;
	border:1px solid #AFB0B0;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	border-radius: 3px;
	padding:5px 10px;
}

.statusLine { 
    background: url("/i/statusLine_bg.png") repeat-x scroll left top rgba(0, 0, 0, 0);
    bottom: 0;
    font-size: 10px;
    height: 20px;
    left: 0;
    line-height: 20px;
    padding: 0 10px;
    position: fixed;
    right: 0;
}

.round-3 { border-radius:3px; }


#loadingLayer { position: fixed; top:0; bottom:0; left:0; right:0;  background-color:rgba(0,0,0,.2); z-index:1000; display:none; }
#loadingLayer img { position:relative; left:50%; top:50%; margin:-175px 0 0 -175px;   }

.borderBox {-moz-box-sizing: border-box; box-sizing: border-box;}
.tableWrapper { overflow-y:auto; position:relative; padding-right:2px; }

.topMenu { height:30px; background:url(../i/top_menu/menu_bg.jpg) repeat-x; padding:0; }
.topMenu a { position:relative; top:-1px; display:inline-block; line-height:30px; height:30px; text-decoration:none; color:#FFF; font-size:12px; padding:0 10px; } 
.topMenu a.first { padding-left:20px; } 
.topMenu .sep { display:inline-block; width:13px; line-height:30px; height:30px; background:url(../i/top_menu/menu_bg_frame.jpg) no-repeat; }
.topMenu .sep.hoverLeft { background:url(../i/top_menu/menu_bg_frame_left_hover2.jpg) no-repeat; }
.topMenu .sep.hoverRight { background:url(../i/top_menu/menu_bg_frame_right_hover2.jpg) no-repeat; }
.topMenu div.sep.hoverRight.activeLeft, .topMenu div.sep.hoverLeft.activeRight  { background:url(../i/top_menu/menu_bg_frame_both_hover2.gif) no-repeat; }
.topMenu .sep.activeLeft { background:url(../i/top_menu/menu_bg_frame_left_hover2.jpg) no-repeat; }
.topMenu .sep.activeRight  { background:url(../i/top_menu/menu_bg_frame_right_hover2.jpg) no-repeat; }
.topMenu a:hover, .topMenu a.active { background:url(../i/top_menu/menu_bg_hover.jpg) repeat-x; } 
.right { float:right !important; }
#page { padding:10px; }




.submitButton {
		text-align: center;
		border: 1px solid #000;
		background: none;
		font-size: 11px;
		margin: 0px;
		cursor: pointer;
		padding: 4px 14px 4px;
		color: #FFF;
		background: url('/i/buttons/buttonBg.png') #AEAEAE repeat-x top;
}

.submitButton::-moz-focus-inner {
	border:0;
}

.submitButton:active {
	background: url('/i/buttons/buttonBg_active.png') #AEAEAE repeat-x top;
	border: 1px solid #000;
	position: relative;
}

.submitButton.redB 		{ background: url('/i/buttons/buttonBg2.png') #AEAEAE repeat-x top; }
.submitButton.greenB 	{ background: url('/i/buttons/buttonBg3.png') #AEAEAE repeat-x top; }
.submitButton.blueB 	{ background: url('/i/buttons/buttonBg4.png') #AEAEAE repeat-x top; }

.submitButton.redB:active 		{ background: url('/i/buttons/buttonBg2_active.png') #AEAEAE repeat-x top; }
.submitButton.greenB:active	{ background: url('/i/buttons/buttonBg3_active.png') #AEAEAE repeat-x top; }
.submitButton.blueB:active 		{ background: url('/i/buttons/buttonBg4_active.png') #AEAEAE repeat-x top; }


.lMenuCol { position:absolute; top:30px; bottom:20px; left:0; padding:0; width:240px; background-color: #E3E4E4; border-right:1px solid #AFB0B0; z-index:2; }
.contentCol { position:absolute; width:100%; min-width:1600px; left:0; margin:0; top:30px; bottom:20px; right:0; overflow:auto; z-index:1; padding:0 5px 0 250px; -moz-box-sizing: border-box; box-sizing: border-box; }
.lMenuCol a { position:relative; display:block; text-decoration:none; padding:5px; border-bottom:1px solid #AFB0B0; -moz-box-sizing: border-box; box-sizing: border-box; background-color:#C9CACA; color:#003366; }
.lMenuCol a:hover, .lMenuCol a.active {  color:#FFF; background-color:#545555; }

.roundQuantity {
    background: none repeat scroll 0 0 #d15600;
    border: 2px solid #ffffff;
    border-radius: 10px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
    color: #ffffff;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    line-height: 17px;
    min-width: 16px;
    padding: 0 5px;
    position: absolute;
    right: -10px;
    text-align: center;
    text-shadow: none;
    top: 2px;
    z-index: 2;
}

.flex {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.flex.aC {
  justify-content: center;
  -webkit-justify-content: center;
}
.flex.aL {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.flex.aR {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}
.flex.aJ {
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.flex.aJ2 {
  justify-content: space-around;
  -webkit-justify-content: space-around;
}

.w100 { width:100%; box-sizing: border-box; }
.w50 { width:50%; box-sizing: border-box; }
.w33 { width:33%; box-sizing: border-box; }
.w25 { width:25%; box-sizing: border-box; }

.h5 { height:5px; overflow:hidden }
.h10 { height:10px; overflow:hidden }
.h15 { height:15px; overflow:hidden }
.h20 { height:20px; overflow:hidden }

table.products { border-collapse:collapse; }
table.products td, table.products th { border:1px solid #A7A7A7; padding:3px; }