body, html {
	font-size: 14px; 
	font-family: "NotoSans", sans-serif;
	padding:0px;
	margin:0px;
	height:auto !important;
	min-height:100%;
}

body {
	background-image:url("/imgs/bg.jpg"), url("/imgs/bg-foot.gif");
	background-position:center top, center bottom;
	background-repeat:repeat-x, repeat-x
}

.content-bg {
	border-radius:0px;
	border:solid 1px #ccc;
	background-color: #FFF;	
}

.content-bg {
	width:880px;
	overflow:hidden;	
	padding:15px 15px 15px 15px;	
}
.footer {
	font-family: "NotoSans", sans-serif;	
	display:block;
	width: 910px;
	text-align:center;
	font-size:12px;
	color:#999;
	margin-top:10px;
}

/* поля страницы + по центру */
.page-wrap {
    height: auto;
    min-height: 100%;
}
.page-padding {
    padding: 0 20px 0px 20px;
}
.page-margins {
    min-width: 920px;
    max-width: 1200px;
    margin: 0 auto;
}

/***********************************************************************
*** LIGHTBOX для фото КРУПНО
************************************************************************/


/* просмотр крупно */
.lightbox {
  display:none;
  position: fixed;
  overflow: hidden;
  z-index: 999;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  vertical-align:top;
}

.lightbox img {
  max-width: 800px;
  max-height: 800px;
  height: auto;
  margin: 5% auto;
  opacity: 1;
}
a img {
    border: none; 
}
a {
	text-decoration:none;
}

.light-lnk {
	position: fixed;	
	display:block;
	height:230px;
	width:40px;
	top: 5%;
	background-color:rgba(255,255,255,0.5);
  	margin: 5% auto;	
	font-size:36px;
	font-weight:bold;
	color:#000;
	padding:170px 0 0 0;
}
.light-lnk:hover {
	background-color:rgba(255,255,255,1);		
}
.light-lnk-left {
left: 0;	
}

.light-lnk-right {
	right:0;
}

/***********************************************************************
*** ЗАПЧАСТИ СПИСКОМ 
************************************************************************/

/*значение характеристики*/
.list-field-value {
	display: inline-block;	
	color: #000;
	padding:2px 2px 2px 2px;
}
/*значение характеристики*/
.list-field-value-soft {
	display: inline-block;	
	color: #000;
	padding:1px 4px 1px 2px;
	margin:1px 2px 2px 1px;
	border:solid #ccc 1px;
	border-radius: 3px;	
}

/*цена*/
.list-price {
	font-size: 20px;
	font-weight: bold;
}
/*скидка*/
.list-discount {
	font-size: 22px;
	color:#D23E3E;
	font-weight: bold;
}

.list-price-discount {
	font-size: 16px;
	text-decoration:line-through;
	color:#333;
}


/* скрытое изображение */
.img-hidden{
	display:none;
}


/* лист миниатюр */
.img-thumblist {
	width:360px;
	height:80px;
}

/* миниатюра */
.img-thumb {
	display:inline-block;
	padding: 4px 4px 0 0;
}

/*запчасть в списке*/
.list-part {
	position: relative;
	margin: -1px 0 0 0;
	padding: 10px 120px 10px 200px;
	width: 560px;
	min-height: 136px;
    border-bottom-width: 1px; 
    border-bottom-style: solid; 
    border-bottom-color: #ccc; 
    border-top-width: 1px; 	
    border-top-style: solid; 
    border-top-color: #ccc; 
}

/*запчасть в списке*/
.list-part-narrow {
	padding: 10px 160px 10px 200px;
	width: 520px;
}

/*запчасть в списке*/
.list-part-link {
	width:100%;
	min-height:100px;
	display:block;
}


/*цена и добавить в корзину*/
.list-part-buy {
	height:124px;
	padding-right:10px;
	position: absolute;
	top: 5px;
	right: 0px;
	text-align:right;
}

/*фотографии крупно*/
.list-img {
	position: absolute;
	top: 15px;
	left: 21px;
}

.list-img-info {
	position: absolute;
	min-width:160;
	text-align:center;
	display:block;
}

/*миниатюры*/
.list-img-thumblist{
	height:124px;
	position: absolute;
	top: 15px;
	left: 21px;
}
.list-img-thumb {
	display:inline-block;
	height:124px;
    border-bottom-width: 4px; 
    border-bottom-style: solid; 
    border-bottom-color: #666; 
	margin-left:2px;
	margin-right:2px;
}
.list-img-thumb:hover {    border-bottom-color: #00C; 	}

.list-img-thumb1 {	width:156px;}
.list-img-thumb2 {	width:76px;}
.list-img-thumb3 {	width:49px;}
.list-img-thumb4 {	width:37px;}
.list-img-thumb5 {	width:29px;}

/*наимнование*/
.list-part-name{
	margin: 0px 0px 5px 0px;	
	font-size: 16px;
	font-weight: bold;
	color:#000;
}

.list-part-lr  {
	font-weight: normal;
}
/*штрихкод*/
.list-part-name-bcid{
	font-weight: normal;
}

.list-part-name:hover{
	color:#00F;
}

/***********************************************************************
*** пагинация
************************************************************************/

.page_pn {
	font-size: 14px; 
	color:#333;
	text-decoration: none;
 	margin-bottom:5px;		
}

a.page_pn {
	display: inline-block;
	padding: 5px 12px;
	color: #222;	
	text-decoration: none;
	background-color: #f4f4f4;
	border-radius: 2px;
}

.page_list {
	font-size: 16px; 
	color:#333;
 	margin-bottom:10px;	
	text-decoration: none;
}

a.page_list {
	display: inline-block;
	padding: 5px 12px;
	color: #222;	
	text-decoration: none;
	background-color: #f4f4f4;
	border-radius: 4px;
}

a.page_list:hover, a.page_pn:hover {
  color:#06F;
}

/*активная страница*/
.page_active {
 background-color: #EDF8FF !important;
 font-size:16px; 
 border:1px solid #09F;
 color:#00C !important;
}

a.page_active:hover {
 color:#06F;
}

.gray {
 color:#ccc;
}
.page_list-div-nums {
	display:block;
	position:absolute;
	left:0px;
	top:-10px;
	padding-left:10px;
	text-align:left;
	width:550px;
}
.page_list-div-prevnext{
	display:block;
	position:absolute;
	right:0px;
	top:-10px;
	text-align:right;
	width:250px;
	padding-right:20px;	
}
.page_list-warp{
	position:relative;	
	display:inline-block;
	text-align:right;
	width:860px;
	margin:25px 10px;
	min-height:10px;
}

/***********************************************************************
*** МЕНЮ СВЕРХУ СТРАНИЦЫ
************************************************************************/
/*главный див*/
.menu-div {
	display:inline-block;
	position: relative;
	font-size: 15px;
	border: 1px solid #C6C6C6;
	border-radius: 4px;
	padding:0;
	margin:0;
/*	float:left;*/
	
}

/*кнокпи*/
.menu-div a{
	display: inline-block;
	padding: 12px 32px 12px 32px;
	line-height: 20px;
	text-decoration: none;
	color: #222;
	border-right: 1px solid #C6C6C6;
	outline: none;
	background-color: #F6F6F6;	
}

/*первая кнопка в меню*/
.menu-first {
	border-radius: 4px  0 0 4px ;

}
/*последняя кнопка в меню*/
.menu-last {
	border-right:none !important;
	border-radius:0 4px 4px 0;
}
.menu-div a:hover {
    color: #007acc;
    color:#06F;
}

/*логотип в заглавии страницы*/
.header-logo {
	display:block;
	margin: 25px 10px 0px 0px;
	float:left;	
}

/*заглавие страницы*/
.header {
	display:inline-block;
	margin:0 0px 15px 0; 

}

/*адрес в заглавии страницы*/
.adress-div {
	display: inline-block;
	width:710px;
	text-align:center;
}

.adress-div a {
	text-decoration: none;	
	display: inline-block;
	padding: 0px 10px 0px 0px;	
	color:#000;
	font-size:18px;
	border-right: 1px solid #C6C6C6;
	margin:	10px 7px 10px 0px;
}

/*текст в заглавии страницы*/
.text-logo {
	font-size:20px !important;	
	font-weight:bold;
}

.text-adress {
	border-right:none !important;
	margin-right: 0px !important;
}

/***********************************************************************
*** МЕСТО В КАТАЛОГЕ subaru > forester > sf5-sf9
************************************************************************/

/*обертка*/
part-locate-div {
	position:relative;	
	display:inline-block;
	text-align:right;
	width:860px;
	margin:25px 5px 20px 5px;
	min-height:10px;
}
/*текст*/
.part-locate {
	text-decoration:underline;	
	display:inline-block;
	font-size: 14px;
	line-height: 1.25;
	color: #333;
	padding: 5px;		
}
.part-locate:hover {
    color:#06F;
}
/*значок > */
.part-locate-sub {
	display:inline-block;
	font-size: 14px;
	line-height: 1.25;
	color: #777;
	padding: 5px;		
}

/***********************************************************************
*** НАВИГАЦИЯ ПО РАЗДЕЛАМ 
************************************************************************/
/*обертка*/
.part-nav-div{
	position:relative;	
	display:inline-block;
	text-align:center;
	width:860px;
	margin:5px 10px;
	min-height:10px;
}
.left-txt {
	text-align:left !important;
}

/*элемент*/
.part-nav-item{
	position:relative;	
	display:inline-block;
	width:160px;
	margin:5px 5px;
	min-height:160px;
	top:0px;
}

/*элемент*/
.part-nav-item-cat{
	min-height:110px;
}

.nav_body {
	border-radius: 0px;	
	margin:0px 5px 5px 5px;
	border:solid 1px #ccc;	
	color:#000;
}
.nav_model {
	border-radius: 0px;	
	margin:5px 5px 0px 5px;
	border:solid 1px transparent;	
	border-bottom:none !important;	
	color:#000;
}
.nav_choose {
	display:block;
	width:100%;	
	text-align:center;
	font-size:20px;
	color:#000;
	font-weight:bold;
}
.nav_choose_sub {
	display:block;
	width:100%;	
	text-align:center;
	font-size:20px;
	color:#000;
	font-weight:normal;
	
}
.nav_margin {
	margin-top:10px;
}
.nav_name {
	font-family: "NotoSans", sans-serif;	
	font-size:16px;
	text-align:left;
	width:350px;
	height:30px;
	background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    color: #444;
    line-height: 28px;	
}
.nav_name_div {
	display:inline-block;
	width:400px;
	text-align:center;
	margin:10px;	
}
.select2-selection__rendered {
	font-size:16px !important;
	text-align:left !important;		
}
.select2-results, .select2-results__options {
 max-height: 250px !important;
}	
/*элемент НАЗВАНИЕ ЗАПЧАСТИ*/
.part-nav-item-name {
	display:inline-block;
	padding:5px 12px;
	border-radius: 4px;	
	margin:5px 5px;
	border:solid 1px #ccc;
	background-color: #f4f4f4;
	color:#333;		
}

.part-nav-item-name:hover {
	  color:#06F;
}

/*фото раздела*/
.part-nav-img{
	position:absolute;	
	height:120px;
	width:160px;
}
/*фото раздела КАТЕГОРИЯ*/
.part-nav-img-cat{
	height:70px;
}
/*наименование раздела*/
.part-nav-text{
	display:block;
	position:absolute;	
	top:130px;
	color: #333;
	text-decoration:underline;	
	width:160px;
	text-align:center;	
}
/*наименование КАТЕГОРИЯ*/
.part-nav-text-cat{
	top:55px;
}

.part-nav-text:hover {
	color:#06F;
}


/***********************************************************************
*** ЗНАК РУБЛЯ РУБ. 
************************************************************************/
.rub {
	position:relative;
}    
.rub span { 
	display:block;
	position: absolute; 
	overflow: hidden; 
	width: .5em; 
	height: 1em;
	top:0.15em;
	left:0px;
}


/***********************************************************************
*** ИНФОРМАЦИЯ ПО ЗАПЧАСТИ
************************************************************************/
/*наименование  характеристики*/
.field-name {
	display: inline-block;
	width: 140px;
	color: #555;
	font-size: 14px;	
	font-weight:normal;	
}

/*значение характеристики*/
.field-value {
	display: inline-block;
	width:300px;
	color: #000;
	padding-top:4px;
}

.field-value-input {
	border:none;
	text-decoration:underline;
	color:#06F;
}

/*цена*/
.price-name {
	margin-top:10px;
}

.price {
	font-size: 20px;
	font-weight: bold;
}
/*скидка*/
.discount {
	font-size: 26px;
	color:#F00;
	font-weight: bold;
}
.discount-active {
	text-decoration:line-through;
}
/*штрихкод*/
.bcid {
	font-weight: bold;
}

/*наимнование*/
.part-name{
	margin: 5px 0 25px 20px;	
	font-size: 26px;
	font-weight: bold;
}

/*штрихкод*/
.part-name-bcid{
	font-size: 26px;
	font-weight: normal;
}
/*обертка описания*/
.part-desc{
	vertical-align:top;
	padding:5px 5px 5px 15px;	
}
/*обертка фотографии*/
.part-img{
	vertical-align:top;
	text-align:center;	
	width: 360px;
}
.part-img-left{
	vertical-align:top;	
}

/*крупная фотография*/
.img-info {
	width:100%;
	min-height:270px;
}

.img-hidden{
	display:none;
}

/* лист миниатюр */
.img-thumblist {
	width:360px;
}

/* миниатюра */
.img-thumb {
	display:inline-block;
	padding: 4px 4px 0 0;
}

/***********************************************************************
*** КОРЗИНА и СТРОКА ПОИСКА в ЗАГЛАВИИ
************************************************************************/

/*общая обертка для ПОИСКА и КОРЗИНЫ*/
.search-cart-warp {
	display:inline-block;
	float:none;
	clear:both;
	margin:7px 0px 7px 520px;	
}
.search-warp, .search-div, .search-btn, .cart-warp, .cart-div {
	font-size: 15px;	
 	height: 36px;
	box-sizing: border-box;
}


/***********************************************************************
*** СТРОКА ПОИСКА в ЗАГЛАВИИ
************************************************************************/

/*обертка*/
.search-warp {
	display:block;
	width:465px; /*497*/
	margin:0 0 0 0px;
	float:left;
}
/*инпут поиска*/
.search-div {
	display:block;	
	width:340px;	
	padding:0px 0px 0px 0px;
	border-radius:4px 0px 0px 4px;
	border:solid 1px #ccc;
	background-color: #FFF;
	color:#333;		
	float:left;	
}
.search-div input {
	border:none;
	width:330px;	
	font-size: 15px;	
 	height: 34px;
	box-sizing: border-box;
	border-radius:4px 0px 0px 4px;	
	padding:0px 5px 0px 10px;
	
}
/*кнопка поиска*/
.search-btn {
	float:left;		
	display:block;	
	width:80px;	
	padding:5px 12px 5px 12px;
	border-radius:0px 4px 4px 0px;
	border:solid 1px #ccc;
	background-color: #FFF;
	color:#333;			
	border-left:none;
	background-color: #f4f4f4;
	text-align:center;	
	font-family: "NotoSans", sans-serif;

}
/*кнопка поиска*/
.search-btn:hover {
	  color:#06F;
	  cursor:pointer;
}

/*пример поиска*/
.search-example-warp {
	color:#777;
	font-size:12px;
	display:block;
	width:550px;
	margin-left:220px;
	padding-top:38	px !important;
}

.search-example-warp a {
	color:#777 !important;	
}

.search-example-warp span {
	color:#999;
}

/*сообщение ВЕРНУТЬСЯ В КАТАЛОГ если корзина пуста*/
.search-empty-div {
	width:800px;
	text-align:left;
	margin:20px 0px 50px 180px;
	font-size: 16px;
	color:#000;
}

.search-empty-div span{
	font-size: 14px;
}
/***********************************************************************
*** КОРЗИНА в ЗАГЛАВИИ
************************************************************************/

/*обертка*/
.cart-warp {
	display:block;	
	width:175px;
	margin:0 0 0 0px;	
}

/*кнопка КОРЗИНА*/
.cart-div {
	display:inline-block;
	width:175px;	
	border-radius: 4px;		
	padding:6px 0px 4px 0px;
	border:solid 1px #ccc;
	background-color: #f4f4f4;
	color:#333;
	text-align:center;	
}

/***********************************************************************
*** КОРЗИНА 
************************************************************************/
/*Заголовок в КОРЗИНЕ*/
.cart_header {
	font-size: 22px;
	font-weight: bold;
	margin:5px 0 10px 0;
}

/* кнопка КОРЗИНА если в корзине что-то есть*/
.cart-full {
		  color:#06F;
}



/*добавить в корзину*/
.cart-add, .cart-del, .cart-buy, .cart_clear, .cart-empty-btn, .cart-order-btn {
	display:inline-block;
	padding:5px 12px;
	border-radius: 4px;	
	margin:5px 5px;
}

.cart-add, .cart-del, .cart_clear, .cart-empty-btn   {
	border:solid 1px #ccc;
	background-color: #f4f4f4;
	color:#333;	
}

/*кнопка купить*/
.cart-buy, .cart-order-btn {
	border:solid 1px #FA0;
	background-color:#FC0;
	color:444;
}

.part-reserv {
	border:dashed 1px #ccc;
	background-color: #fff;
	color:#333;
	display:inline-block;
	padding:4px 8px;
	border-radius: 4px;	
	margin:5px -15px 5px 0px;
	text-align:center;
}

/*кнопка пустой корзины*/
.cart-empty {
	color:555;
}

/*кнопка очистить корзину*/
.cart_clear {
	 margin-left:20px;
 	font-size: 14px;
	color:555;	
		 
}

/*сообщение ВЕРНУТЬСЯ В КАТАЛОГ если корзина пуста*/
.cart-empty-div {
	width:800px;
	text-align:center;
	margin:50px;
	font-size: 16px;
	font-weight: bold;
	color:#000;
}
/*кнопка ВЕРНУТСЯ В КАТАЛОГ если корзина пуста*/
.cart-empty-btn { 
 	font-size: 14px;
	font-weight: normal;	
}

.cart-buy:hover, .cart-order-btn:hover {
	color:#30F;
}
.cart-add:hover, .cart-del:hover, .cart_clear:hover, .cart-empty-btn:hover {
	  color:#06F;
}

.cart-order-tbl {
	width:880px;
	padding:0;

}
.td-left {
	text-align:left;
	width:200px;
}
.td-right {
	text-align:right;
}

/*ИТОГО в корзине*/
.cart-sum {
	text-align:right;
	font-size: 18px;
	font-weight: bold;	
	margin:5px 0 5px 0;
	
}
/***********************************************************************
*** ОФОРМЛЕНИЕ ЗАКАЗА
************************************************************************/

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin-right: 15px;
  vertical-align: middle;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* slider background */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: #ccc;
  transition: 0.3s;
  border-radius: 34px;
}

/* handle */
.slider:before {
  position: absolute;
  content: "";
  height: 26px; width: 26px;
  left: 4px; bottom: 4px;
  background-color: white;
  transition: 0.3s;
  border-radius: 50%;
}

/* checked state */
.switch input:checked + .slider {
  background-color: #06F;
}

.switch input:checked + .slider:before {
  transform: translateX(26px);
}

.pers_text {
    font-size: 15px;
    line-height: 1.6;
    color: #333;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 15px 20px;
    margin: 20px 0;
    width: 90%;
    max-width: 700px;
    box-sizing: border-box;
    text-align: left;
}

.order-warp {
	width:860px;
	padding:10px;
}

.order_header {
	font-size: 22px;
	font-weight: bold;
	margin:5px 0 0px 0;
}

.order_text {
	font-size: 16px;
}
.cart-order-btn {
	margin:5px 0px 20px 350px;
	font-size: 20px;
	font-weight: bold;	
	color:#333;
	padding:7px 15px !important;	

}

.ask-btn {
	margin:5px 0px 10px 300px !important;
}
.ask-example {
	color:#666;
	font-size:12px;
}
.ask-example span {
	color:#999;
	font-size:12px;
}

.order-input {
	display:block;	
 	height: 34px;	
	padding:0px 5px 0px 10px;
	border-radius:4px;
	border:solid 1px #ccc;
	background-color: #FFF;
	color:#000;		
	font-size: 16px;	
	box-sizing: border-box;		
}

.order-input-email, .order-input-f, .order-input-i, .order-input-o, .order-input-phone {
	width:250px;
}
.order-input-adress-passport, .order-input-adress-rf, .order-input-adress-tk, .order-input-adress {
	width:450px;
	
}

.order-input-comment {
	width:525px;
	height:80px;
	padding:5px;
	font-family: "NotoSans", sans-serif;
}

.ask-input-comment {
	height:150px;
	font-family: "NotoSans", sans-serif;
}

.order-tbl td{
	padding:10px;
	
}


.order-delivery {
	font-size: 16px;
	border:none;
	padding:0;
	margin-top:5px;
}
.order-delivery-label {
	height:26px !important;
	padding:13px 15px 5px 15px !important;
	font-weight:bold !important;
}

.order-delivery-text {
	font-size: 16px !important;	
	margin-left:20px;
}

.deliv-desc {
	display:block;
	border-radius:4px;
	border:solid 1px #ccc;
	background-color: #FFF;	
	padding:15px;	
	margin:15px 0px 15px 0px;
	font-size: 16px;	
	width:500px;
}
.deliv-name {
	font-weight:bold;
}

/*скрытый элемент*/
.hidden {
	display:none;
}
	
.valid div{
	display:block;
	font-size:18px;
	color:#E00;
	margin-left:20px;
}

/***********************************************************************
*** Заказ отправлен
************************************************************************/
.placeorder_header {
	margin-left:50px;
	width:800px;
	text-align:center;
}

.placeorder_header {
	font-weight:normal;
}
.placeorder_text {
	font-size:16px;
	font-weight:normal;
	margin-bottom:12px;
	
}

.status-table {
    border-spacing: 0px;
    border-collapse:collapse;
}
.status-table tr td{
	border-spacing:0;

	border:#999 solid 1px;
	vertical-align:top;
	padding:5px;
}
.status-table-current {
	background-color:#FF9;
}

.status-table-head {
	font-weight:bold;
}

.statuscol-date {
		width:140px;
}
.statuscol-status {
		width:200px;
}
.statuscol-comment {
		width:250px;
}
.statuscol-desc {
		width:250px;
	background-color:#FFF;		
}

.status-detail {
	display:block;
	text-align:left;
	font-weight:normal;
}
/***********************************************************************
*** Главная страница
************************************************************************/

.main-text1 {
	display:block;
	margin:10px 20px 5px 20px;
	font-size:20px;
	text-align:center;
	width:850px;
}

.main-text2 {
	display:block;
	margin:10px 5px 5px 20px;
	font-size:20px;
	text-align:center;
	width:850px;
	font-weight:bold;
}

.main-img {
	margin-top:5px;
}
.special-warp {
	font-size: 22px;
	font-weight: bold;
	margin:0px 0 10px 0px;	
	color:#333;
	width:100%;
	text-align:center;	
}

.mtime {
	font-size:10px;
	color:#777;
}


/***********************************************************************
*** Функции DIV
************************************************************************/

	/* тенб продажа запчасти*/
	#sale-shadow {
		display:none;
		position: fixed;
		overflow: hidden;
		z-index: 100;
		width: 100%;
		height: 100%;
		text-align: center;
		top: 0px;
		left: 0px;
		background: rgba(0,0,0,0.8);
	}
	
/* продажа запчасти */
	#sale {
		padding:20px;
		min-width:400px;
		min-height:200px;
		width:auto;
		height:auto;
		position:fixed;
		top:10%;
		left:30%;
		display:none;
		background-color:#fff;
		z-index: 101;
		text-align:center;
    border: #333 solid 1px;
    border-radius: 4px;		
	}
	
.sale_btn, .edit_btn {
	display:inline-block;
	padding:5px 5px;
	border-radius: 4px;	
	margin:2px 5px 0px 5px;
	border:solid 1px #ccc;
	background-color: #f4f4f4;
	color:#333;		
	width:25px;
	height:25px;
	
}
.sale_btn:hover, .edit_btn:hover {
		border:solid 1px #333;
}