/* CheckBox
---------------------------------------------------------------------------------------------------*/
.checkbox
{
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
}
.checkbox .true
{
	float: left;
	width: 17px;
	height: 17px;
	background: url('/images/constructor/checkbox.png') no-repeat 1px top;
}
.checkbox .false
{
	width: 17px;
	height: 17px;
	float: left;
	background: url('/images/constructor/checkbox.png') no-repeat -16px top;
}
.checkbox .text
{
	margin-left: 22px;
}

/* Preview panel */
.previewmodels { position:relative; }
.previewmodels .big-img-block { position:relative; max-width:760px; height:570px; overflow:auto; }
.previewmodels .loading { background: url('/images/loader.gif') no-repeat 50% 50% transparent; }
.previewmodels .big-img { }
.previewmodels .big-img-block[data-drag="1"] * { cursor: move; }
.previewmodels .nav { background: url('/images/constructor/nav.jpg') no-repeat left top; position: absolute; right:21px; top: 13px; }
.previewmodels .nav .btn { width:45px; height: 45px; cursor:pointer; background-color: rgba(255,255,255,0.3); }
.previewmodels .nav .btn:hover, .previewmodels .big-img-block .nav .btn.active { background-color: transparent; /*box-shadow: inset 0px 0px 43px 9px gray;*/ }
.models { margin-left: 7px; }
.models .model { float:left; }
.models .model .title { text-align:center; border-right:1px solid silver; }
.models .model:first-child .title {border-left:1px solid silver;}
.models .model .previews { width:247px; }
.models .model .previews .preview { float:left; cursor:pointer; opacity:0.7; background-color: rgba(255,255,255,0.5); border-right:1px solid silver;border-bottom:1px solid silver; }
.models .model .previews .preview img { width: 122px; }
.models .model .previews .preview:last-child { border:0px; }
.models .model .previews .preview:hover, .models .model .previews .preview.active { opacity:1; background-color: none; }
.previewmodels .preview-item { position: absolute; left: 20px; top:20px; background-color: rgba(255,255,255,0.1); border-radius:4px; border: 1px solid rgba(190, 190, 190, 0.5); }
.previewmodels .preview-item:hover { background-color: rgba(255,255,255,0.2); border-color: rgba(190, 190, 190, 0.5); }
.previewmodels .preview-item:active { background-color: rgba(255,255,255,0.2); border-color: rgba(190, 190, 190, 1); }
.previewmodels .preview-item.active { background-color: rgba(255,255,255,0.4); border-color: rgba(220, 220, 220, 1); z-index:111; }
.previewmodels .preview-item .delete { display:none; }
.previewmodels .preview-item:hover .delete { display:block; opacity:0.7; cursor:pointer; position:absolute; width: 15px; height: 15px; right:5px; top:5px; background: url('/images/cross-circle-icon.png')no-repeat left top; }
.previewmodels .preview-item .delete:hover { opacity:1; }
/*поворот*/
.previewmodels .preview-item .rotate { display:none; }
.previewmodels .preview-item:hover .rotate { display:block; opacity:0.7; cursor:pointer; position:absolute; width: 15px; height: 15px; left:5px; top:5px; background: url('/images/rotate-circle-icon.png')no-repeat left top; }
.previewmodels .preview-item .rotate:hover { opacity:1; }

.previewmodels .tools { position:absolute; left:0px; bottom:15px; min-height: 57px; width:98%; color:white; }
.previewmodels .float-left { float:left; }
.previewmodels .float-right { float:right; }
.previewmodels .stars { width: 33.3333333333333333%;visibility: hidden;}
.previewmodels .name { width: 33.3333333333333333%; height: 56px; /*vertical-align: bottom; display: table-cell;*/ }
.previewmodels .name  .name{ padding-left: 10px; font-weight: bold; font-size: 14px; width: auto; }
.previewmodels .params { width: 33.333333333333333%; }
.previewmodels .colors { width: 33.333333333333333%; }

.previewmodels .stars .name { padding-top:31px; padding-left: 5px; }
.previewmodels .stars .rating { padding-top:31px; padding-left: 5px; }
.previewmodels .stars  a { 
	color: transparent; 
	width: 23px;
	height: 20px;
	font-style: normal;
	text-align: center;
	line-height: 19px;
	display: block;
	float: left;
	margin-left: 4px;
	text-decoration: none;
	background: url('/images/constructor/star.png') no-repeat -22px top;
}
.previewmodels .stars  a:hover {
	background-position: left top;
}
.previewmodels .params .checkbox { float:left; }
.previewmodels .params .mysize { clear:both; margin-top:28px; }
.previewmodels .params .mysize input { width: 50px; height:24px; margin: 0px 4px; color: black; background: #d9dada; border:0px; text-align:center; display:inline-block; }

.list_colors div[_id] {
	width: 21px;
	height: 21px;
	margin: 1px;
	border-radius: 2px;
	border:1px solid silver;
	float: left;
	cursor: pointer;
}
.list_colors div.select {
	border: 1px solid black;
}

.toolbar { margin-top:3px; padding: 3px; height: 31px; background-color: #d9dada; clear:both; }
.toolbar .toolbar-wrap { height: 22px;line-height: 22px;padding: 4px; border-radius:3px; background-color: #c5c6c6; }
.toolbar .toolbar-item { float:left; margin-right: 10px; }
.toolbar-item .t, .toolbar-item .m, .toolbar-item .i, .toolbar-item .i1, .toolbar-item .p, .toolbar-item .k  { float:left; margin-right: 4px; }
.toolbar-item input, .toolbar-item i { border:0px; text-align: center; }
.toolbar-item.count input { margin-top: 2px; width: 40px;}
.toolbar-item.price i { width: 60px; display: block; background-color: white;height: 17px;margin-top: 2px; font-style: normal;line-height: 17px;cursor:default;cursor:default;}
.toolbar-item.total i { width: 60px; display: block; background-color: white;height: 17px;margin-top: 2px; font-style: normal;line-height: 17px;}
.toolbar-item .m, .toolbar-item .p { cursor:pointer; width: 22px; height: 22px; background: url('/images/constructor/nav-count-sprite.png') no-repeat left top; }
.toolbar-item .p { background-position: -22px 0px; }
.toolbar-item.tocart { float:right; }
.btn-small {
	height:20px;
	padding-left: 3px;
	margin-right:3px;
	background:url('/images/pager_buttons.png') no-repeat left top;
	cursor:pointer;
	color:white;
	text-decoration:none;
}

.btn-small  .r {
	background:url('/images/pager_buttons.png') repeat-x left -20px;
	height:20px;
	line-height:20px;
	padding: 0px 15px;
}

.btn-small  .l {	
	background:url('/images/pager_buttons.png') no-repeat right -40px;
	padding-right: 3px;
}
.previewColors{width: 100%;height: 25px;padding-left: 6px;}

.preview-labels .label{ border: 1px solid silver; background: rgb(245,245,245); height: 22px; line-height: 22px; }
.preview-labels .label:hover{ border: 1px solid gray; }
.preview-labels .label div { float: left; border-right: 1px solid silver; text-align:center; min-width: 100px; }
.preview-labels .label div:last-child { border-right: 0px;}
.preview-labels .label.active { background-color: rgb(200,200,200); }
.preview-labels .label .name { min-width: 250px; text-align: left; }