/*
 *  Основная ссылка (темно-синий): #4181a1;
 *  Оранжевая ссылка: #e95a3e;
 *  Темно-серый: #454545;
 *  Цвет теней и разделителей: #91c4dc;

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

	-o-box-shadow: 0 1px 2px #91c4dc;
	-ms-box-shadow: 0 1px 2px #91c4dc;
	-moz-box-shadow: 0 1px 2px #91c4dc;
	-webkit-box-shadow: 0 1px 2px #91c4dc;
	 box-shadow: 0 1px 2px #91c4dc;

 */

* {
	padding: 0; margin: 0;
}
h1,h2,h3,h4,h5,h6 {margin:5px;padding:5px;} 

body {
	/*width:100%; */
	min-width:640px; max-width:1920px;
	margin:0 auto;
	background: #f5f5f5;
	line-height: 1.5;
	font-family:  Tahoma, Arial, Sans-serif, Verdana;
	font-size: 12px;
}

h1,h2 {
	float:left;
	width: 99%;
	font-size: 22px;
	margin: 10px 0 5px 20px;
}

h3,h4{
	font-family:  Arial, Sans-serif, Verdana;
	font-weight: bold;
	font-size: 16px;
	color: #333333;
	text-decoration: underline;
	margin: 10px 0 20px 0;
}

h3,h5{font-size: 14px;clear: both;}

ol li {
	margin: 0;
	padding: 0;
}


p {margin:0 0 0 5px;padding:0;}

img {border:none; margin: 5px;}
.clr {clear: both;}

:focus {outline: none;}
.break {clear: both; margin: 10px 0 10px 0;}

.new-line {
	float:left;
	width: 100%;
	margin: 5px;
}

/*
	ШАПКА САЙТА
*/

.header {
	/*width: 975px;*/
	height: 160px;
	position:relative;
	margin: 0 auto;
	overflow:hidden;
}

.header .logo {
	float: left; 
	width: 240px;
	padding: 20px 0 0 5px;
}

.header .slogan {
	position:relative;
	float: left; 
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0 0 30px;
	/*width: auto;*/
	/*background: #eee;*/
}

.slogan .question {
	background:url(/images/question.png) no-repeat left top;
	height:35px;
	padding: 7px 0 0 40px;
}

.slogan .question:hover {
	background:url(/images/question-hover.png) no-repeat left top;
}

.slogan .stock {
	background:url(/images/raiting.png) no-repeat left top;
	height:35px;
	padding: 5px 0 0 40px;
}
.slogan .stock:hover {
	background:url(/images/raiting-hover.png) no-repeat left top;
}

.slogan a{color: #454545;text-decoration: none;}
.slogan a:hover {color: #ff6633;}
.header .slogan span {color:  #454545;}

.header-right {
	float: right; 
	width: 290px;
	background:#fff; /*99CCFF;*/
	border: 1px solid #e2e2e2; 
	border-top: 0; 
	border-radius: 0 0 10px 10px; 
	line-height: 1.2;
	margin: 0 5px 5px 0;
	padding: 5px;
	font-size:12px; 
	font-family: Verdana, Sans-serif;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.header-right .head-phone{
	float:right; 
	background:url(/images/phone-24.png) no-repeat right;
	text-align:right; 
	margin: 0 6px 0 0; 
	padding: 10px 40px 0 0;
}

.header-right .head-phone .number{
	font-size:21px; 
	font-weight: bold; 
	color: #cc0000;
}

.header-right .head-phone .gray{
	font-size:12px; font-weight:normal; color: #990000; 
}

.header-right .head-addres{
	float:right; 
	font-size:12px; 
	font-weight: bold;
	color: #012846;
	background:url(/images/pin-24c.png) no-repeat right;
	text-align:right; 
	margin:5px 6px 0 0; 
	padding: 5px 40px 0 0;
}

.header-right .head-mail{
	float:right; 
	background:url(/images/mail-24c.png) no-repeat right;
	text-align:right; 
	margin:10px 6px 0 0; 
	padding: 10px 40px 10px 0;
}

.head-addres a, .head-mail a{
	color:#454545; 
	text-decoration: none;
}

.head-addres a:hover, .head-mail a:hover{
	color: #ff6633;
	text-decoration: none;
}

.search-head{
	margin: 10px 0 0 0;
}

#autocomplete{
	height:30px; 
	/*width: 480px; */
	padding-left: 10px;
	border: 1px solid #E5E5E5;
	border-radius: 5px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.search-btn{margin: 0 0 -12px -20px;}

/*
	ГЛАВНОЕ МЕНЮ САЙТА
*/

#topmenu {
    /*top: 170px; 
    position: fixed;*/
    z-index: 100;	
	width: 100%;
	height: 50px;
	background: #336699;
}

	#topmenu ul.wrap {
		/*width: 975px;*/
		margin: 0 auto;
	}

		#topmenu ul.wrap li {
			display: table-cell; 
			height: 50px; 
			text-align: center;
			vertical-align: middle; 
			font-size: 16px;
			color: #e3e3e3;
			border-left: 1px solid #6699CC;
			border-right: 1px solid #006699;
		}

		#topmenu ul.wrap li:first-child{border-left: none;}
		#topmenu ul.wrap li:last-child{border-right: none;}

		#topmenu ul.wrap li a {
				display: table-cell; 
				width: 1000px; 
				height: 50px; 
				vertical-align: middle; 
				font-weight:bold;
				color: #e3e3e3;
				text-decoration: none; 
			}
			
			#topmenu ul.wrap li a:hover {
				/*text-decoration: underline; */
				color: #fff;
				background: #003366;
			}
			#topmenu .active {
				color: #fff;
				background: #003366;
			}

/*
	середина сайта
*/

#page-wrap {
    position: relative;
	width: 100%;
	margin: 0 auto;
/*	margin-top:50px;*/
	overflow: hidden;
}

.content {
	min-height:500px;
    margin: 10px 5px 20px 265px;
    padding: 5px;
}


.breadcrumbs {
	display: inline;
	line-height: 20px;
	font-size: 11px;
	color: #454545;
	text-decoration: none;
	float: left;
	width:100%;
	margin: 15px 0 10px 10px;
}
	
.breadcrumbs a {
	color: #4181a1;
	text-decoration: none;
}
.breadcrumbs a:hover {
	text-decoration: underline;
}

.sidebar-wrap {
	float: left;
	display: block;
    width: 240px; 
    padding: 5px; 
    margin: 20px 0 20px 5px; 
}

.block-body {
	padding-bottom: 0px;
	background: #fff;
	margin-bottom: 15px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;

	-o-box-shadow: 0 1px 2px #91c4dc;
	-ms-box-shadow: 0 1px 2px #91c4dc;
	-moz-box-shadow: 0 1px 2px #91c4dc;
	-webkit-box-shadow: 0 1px 2px #91c4dc;
	 box-shadow: 0 1px 2px #91c4dc;
}

div.block-title {
	height: 50px;
	line-height: 50px;
	text-align: center;
	text-transform: none;
	font-size: 16px;
	text-decoration: none; 
/*	background: url(/images/menu-bg.jpg) top repeat-x;*/
	border-radius: 5px 5px 0 0;
	background:#336699;
	color:#e3e3e3;
	font-weight: bold;
}

div.info-title {
	height: 50px;
	text-align: center;
	text-transform: none;
	font-size: 14px;
	padding: 7px 0 5px 0;
	background:#0033cc; /*3333ff;*/
	color:#e3e3e3;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
}

.info-text {padding: 10px 7px 10px 7px;}
.top-padding-5 {padding-top: 5px;}

.fio {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

div.block-title a {
	width:100%;
	font-size: 16px;
	margin:0;
	color:#e3e3e3;
	text-decoration: none; 
	text-transform: none;
	border-radius: 5px 5px 0 0;
}

div.block-title a:hover {
	color: #fff;
	text-decoration: none; 
	background: #003366;
}


ul.auth-user{
	margin: 5px 0 20px 0;
	font-size: 13px;
}

#forgot ul.auth-user li,
#auth ul.auth-user li{
	display: inline;
	/*list-style: none;*/
}

#forgot ul.auth-user .login,
#auth ul.auth-user .login,
#auth ul.auth-user .password {
	width: 210px;
	float: left;
	padding: 7px;
	margin: 5px 0 5px 8px;
	border: 1px solid #E5E5E5;
	border-radius: 5px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	background: #fff url('/images/bg.jpg') left top repeat-x;
}

#forgot ul.auth-user .login:hover, #auth ul.auth-user .login:hover,#auth ul.auth-user .password:hover, 
#forgot ul.auth-user .login:focus, #auth ul.auth-user .login:focus,#auth ul.auth-user .password:focus {
	border-color: #C9C9C9;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}

ul.auth-user p{
	margin: 5px 0 0 5px;
}

#auth-link a{
	display: block;
	margin: 25px 0 5px 0;
}

ul.auth-user input[type="checkbox"]{
	margin: 7px 0 0 12px;
}

.auth-user .passsubmit{
	float: right;
	width: 90%;
	display: block;
	margin: 13px 12px 20px 0;
	padding: 0 15px 0 15px;
}

.auth-user .lisubmit{
	float: right;
	display: block;
	margin: 13px 12px 0px 0px;
	padding: 0 15px 0 15px;
}

.auth-user .passsubmit,
.auth-user .lisubmit:hover{
		cursor: pointer;
}

.block-body  a {
	display: block;
	color:  #4181a1;
	text-transform: uppercase;
	font-size: 10px;
	margin: 9px 10px 0px 12px;
}

.block-body  a:hover {
	text-decoration: none;
}

/*
	вывод продуктов
*/

.category-parent h1 {
	float: left;
    width: 100%;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	margin: 20px 0 10px 0;
}

.category-parent h1 a {
	color: #4181a1;
	text-decoration: none;
}

.category-parent h1 a:hover {
	color: #4181a1;
	text-decoration: underline;
}

.category-child {
	position: relative;
	width: 220px;
	height: 230px;
	background: #fff;
	float: left;
	margin: 4px;
	padding: 2px 0 0 0;
	border-radius: 2px;
	line-height: 1.3;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;

	-o-box-shadow: 0 1px 2px #91c4dc;
	-ms-box-shadow: 0 1px 2px #91c4dc;
	-moz-box-shadow: 0 1px 2px #91c4dc;
	-webkit-box-shadow: 0 1px 2px #91c4dc;
	 box-shadow: 0 1px 2px #91c4dc;
}

.category-root {
	position: relative;
	width: 230px;
	height: 220px;
	background: #fff;
	float: left;
	margin: 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;

	-o-box-shadow: 0 1px 4px #91c4dc;
	-ms-box-shadow: 0 1px 4px #91c4dc;
	-moz-box-shadow: 0 1px 4px #91c4dc;
	-webkit-box-shadow: 0 1px 4px #91c4dc;
	 box-shadow: 0 1px 4px #91c4dc;
}

.category-root:hover,
.category-child:hover {
	-o-box-shadow: 0 1px 5px #2e93c2;
	-ms-box-shadow: 0 1px 5px #2e93c2;
	-moz-box-shadow: 0 1px 5px #2e93c2;
	-webkit-box-shadow: 0 1px 5px #2e93c2;
	 box-shadow: 0 1px 5px #2e93c2;
}

.category-child h1 {
	font-size: 13px;
	text-align: center;
	font-weight: lighter;
	margin: 0;
	font-weight: bold;
}

.category-root h1 {
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	margin: 0;
}

.category-root h1 a,
.category-child h1 a {
	color: #4181a1;
	text-decoration: none;
	border-bottom: 1px dashed #4181a1;
}

.category-root h1 a:hover,
.category-child h1 a:hover {
	border-bottom: 0;
}

.category-root .img-wrap img,
.category-child .img-wrap img {
	/*margin: 25px 0px 0px 0px;*/
	display:block;
	margin:0 auto;
}

.category-root .img-wrap img:hover,
.category-child .img-wrap img:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
	filter: alpha(opacity=50); /* IE7 */
	opacity: 0.6;
}

.producer-info .img-wrap img {
	margin: 5px 10px 10px 5px;
	float: left;
}

.producer-info {
	font-size: 12px;
	font-weight: normal;
	background: #fff;
	float: left;
	margin: 15px 0 10px 5px;
	padding: 20px 5px 20px 5px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;

	-o-box-shadow: 0 1px 2px #91c4dc;
	-ms-box-shadow: 0 1px 2px #91c4dc;
	-moz-box-shadow: 0 1px 2px #91c4dc;
	-webkit-box-shadow: 0 1px 2px #91c4dc;
	 box-shadow: 0 1px 2px #91c4dc;
}

.product {
	position: relative;
	width: 320px;
	height: 250px;
	background: #fff;
	float: left;
	margin: 5px 0 0 5px;
	padding: 5px 0 0 0;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;

	-o-box-shadow: 0 1px 2px #91c4dc;
	-ms-box-shadow: 0 1px 2px #91c4dc;
	-moz-box-shadow: 0 1px 2px #91c4dc;
	-webkit-box-shadow: 0 1px 2px #91c4dc;
	 box-shadow: 0 1px 2px #91c4dc;
}

.product-b h1,
.product h1 {
	font-size: 13px;
	margin: 15px 0 5px 5px;
}

.product-b h1{
	text-align: center;
}

.product-b h1 a,
.product h1 a {
	color: #4181a1;
	text-decoration: none;
	border-bottom: 1px dashed #4181a1;
}

.product-b h1 a:hover,
.product h1 a:hover {
	border-bottom: 0;
}

.product .img-wrap img {
	margin: 5px 5px 0px 0px;
	float: left;
}

.product-b {
	position: relative;
	width: 300px;
	height: 320px;
	background: #fff;
	float: left;
	margin: 5px 5px 10px 5px;
	padding: 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;

	-o-box-shadow: 0 1px 2px #91c4dc;
	-ms-box-shadow: 0 1px 2px #91c4dc;
	-moz-box-shadow: 0 1px 2px #91c4dc;
	-webkit-box-shadow: 0 1px 2px #91c4dc;
	 box-shadow: 0 1px 2px #91c4dc;
}

.product-b:hover {
	-o-box-shadow: 0 1px 2px #6f95a7;
	-ms-box-shadow: 0 1px 2px #6f95a7;
	-moz-box-shadow: 0 1px 2px #6f95a7;
	-webkit-box-shadow: 0 1px 2px #6f95a7;
	 box-shadow: 0;
}

.product-b .img-wrap:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
	filter: alpha(opacity=50); /* IE7 */
	opacity: 0.6;
	text-decoration: none;
}

.product-b .img-wrap img {
	display:block;
	margin:0 auto;
}

.in-stock img {
	position:absolute; 
	display:block;
	top: -9px;	right: -9px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 8 */
	filter: alpha(opacity=90); /* IE7 */
	opacity: 0.9;
	/*margin: -4px 0px 0px 194px;*/
}

.is-parent img {
	position:absolute; 
	display:block;
	bottom: 0;	right: 0;
	width:24px; height:24px;
-webkit-filter: brightness(80%);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
	/*margin: -4px 0px 0px 194px;*/
}

.is-parent img:hover {
	position:absolute; 
	display:block;
	bottom: -1px;	right: -1px;
	width:28px; height:28px;
	-webkit-filter: brightness(100%);
	/*margin: -4px 0px 0px 194px;*/
}

.img-wrap img {
	margin: -20px 0px 0px 0px;
}

.product .info {
	font-size: 12px;
	color: #454545;
} 

.product .category, .product .producer {
	font-size: 12px;
	color: #454545;
} 
	
.product .category a, .product .producer a {
	font-weight: bold;
	color: #4181a1;
	font-family: Comic Sans MS;
}

.product .category a:hover, .product .producer a:hover {
	color: #ff6633;
}

.views {
	width: 50px;
	float: left;
	margin: 0px 10px 0px 10px;
}
.views img {
	margin: 0px 5px 0px 0px;
}



.comments {
	width: 50px;
	float: left;
	margin: 0px 0px 0px 10px;
}
.comments img {
	margin: 0px 5px 0px 0px;
}



.permalink a {
	float: right;
	margin: 0 25px 0px 0px;
	padding:15px 15px 5px 15px;
	font-size: 14px;
	color:  #4181a1;
	text-decoration: none;
}

.permalink a:hover {
	color: #ff6633;
	text-decoration: underline;
}


/*
	Вывод категорий
*/

.catalog, .catalog li > ul, .catalog-tools, .catalog-tools li > ul {
	list-style: none;
	width:100%;
}

.catalog li a, .catalog-tools li a {
	text-transform: none;
	font-size: 13px;
	color: #4181a1;
	background: #fff; 
	line-height: 17px;
	text-decoration: none;
	padding: 8px 2px 8px 8px;
	margin: 0;
	border-bottom:1px solid #cccccc;
}

.catalog li:last-child, .catalog-tools li:last-child {
	border-bottom: 0;
	padding-bottom: 0px;
}

.catalog li a:hover, .catalog-tools li a:hover {
	background: #e2e2e2; 
}

ul.catalog li ul li, ul.catalog-tools li ul li {
	border-left:1px solid #6699CC;
	border-right:1px solid #6699CC;
	background: #eeeeee; 
}

.catalog li ul li a, ul.catalog-tools li ul li a {
	background: #eeeeee; 
}

ul.catalog li ul li:last-child, ul.catalog-tools li ul li:last-child {
	border-bottom:1px solid #6699CC;
}

.catalog li a.active, .catalog-tools li a.active {
	font-weight: bold;
	padding-left: 15px;
	background: #cccccc; 
	color: #336699;
	border-bottom:1px solid #6699CC;
}

/*
	pagination
*/

.pagination{
	margin: 15px 0px 10px 0px;
	list-style: none;
	float: left;
    width: 100%;
	text-align: center;
}

.pagination li {
	display: inline;
	margin-right: 3px; 
	float: left;
	border: 1px solid #ddd;
	font-size: 12px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.pagination a {
	display: block;
	background: #fff;
	padding: 5px 10px;
	text-decoration: none;
	color: #428bca;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.pagination a:hover {
	background: #e2e2e2;
}

.pagination .active-page {
	background: #428bca;
	color: #fff;
	padding: 5px 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.content-page {
	position:relative;
    width: 98%;
	min-height:500px;
	float: left;
	background: #fff;
	margin: 5px 5px 10px 0;
	padding:5px 0px 20px 15px;
	font-size: 10px;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	-o-box-shadow: 0 1px 5px #91c4dc;
	-ms-box-shadow: 0 1px 5px #91c4dc;
	-moz-box-shadow: 0 1px 5px #91c4dc;
	-webkit-box-shadow: 0 1px 5px #91c4dc;
	 box-shadow: 0 1px 5px #91c4dc;
}

/*.content-page h1, .content-page h2{
	float: left;
    width: 100%;
	font-size: 20px;
	font-weight: bold;
}*/

.content-page ul{
	margin: 10px 5px 10px 40px;
}

.content-page .category, .content-page .producer {
	font-size: 12px;
	color: #454545;
	padding: 0 0 0 10px;
} 

/*.content-page .in-stock img,*/
.content-page .about-price img {
	position: relative;
	float: right;
	padding: 0 20px 0 0;
} 
	
.content-page .category a, 
.content-page .producer a{
	font-size: 13px;
	font-weight: bold;
	color: #4181a1;
	font-family: Comic Sans MS;
	text-decoration: none;
}

.content-page .category a:hover, 
.content-page .producer a:hover {
	color: #ff6633;
	text-decoration: underline;
}

/*
	регистрация
*/

.regtable {
	/*width: 100%;*/
	font-size: 12px;
}

.regtable input[type=text], .regtable input[type=password] {
	border: 1px solid #c5c5c5;
	background: #fff;
	width: 90%;
	height: 30px;
	padding: 0 0 0 10px;
	border-radius: 3px;
}

.regtable input[type=text]:focus, .regtable input[type=password]:focus {
	outline: 0;
}

.regcaptcha {
	/*border: 3px solid #c5c5c5;*/
	margin-left: 0;
	margin-top: 10px;
}

.captcha-update {
	color: #4181a1;
}

.captcha-update:hover {
	cursor: pointer; 
	color: #FF6633;
	text-decoration: underline;
}


.regtable td {
/*	min-width: 80px;
	max-width: 120px;*/
	background: #f1f1f1;
	padding: 10px;
	vertical-align: middle;
	border-bottom: 1px solid #dadada;
}

.regtable textarea {
	border: 1px solid #c5c5c5;
	background: #fff;
	width: 97%;
	height: 120px;
	padding: 10px 0 0 10px;
	border-radius: 3px;
}

.regtable textarea:focus {
	outline: 0;
}

.regtable .regbtn {
	float: left;
	display: block;
	margin: 15px 12px 0px 0px;
	padding: 2px 15px 2px 15px;
}

/*
	полное описание товара
*/

.product-title {
	font-size: 18px;
	color: #454545;
	padding: 5px 20px 0 10px;
	margin-bottom: 10px;
}

h1.product-title, h2.product-title{
	font-size: 22px;
	padding: 15px 10px 10px 0;
	font-family:  Verdana, Tahoma, Arial, Sans-serif;
}

h1.product-title a, h2.product-title a{
	color: #454545;
	text-decoration: none;
}

h1.product-title a:hover{
	color: #FF6633;
	text-decoration: underline;
}

.img-product {
	width: 100%;
	display:block;
	margin:0 auto;
	text-align: center;
} 

.img-caption {
 width: 100%;
 text-align: center;
 font-size: 16px;
 margin-bottom: 10px;
 font-weight: bold;
} 

/*.img-product img{
	width: 10%;
	height: 10%;
} */

.product-txt {
	float: left;
	width: 98%;
	font-size: 14px;
	line-height: 18px;
	padding: 20px 20px 20px 20px;
	color: #3f3c31;
}

.product-txt p {
	margin-bottom: 5px;
}

.product-txt a {
	color: #4181a1;
	text-decoration: none;
}
.product-txt a:hover {
	color: #cc6600;
	text-decoration: underline;
}

.product-txt ul, .product-txt ol {
	margin:10px 0 10px 40px;
	padding:0 0 0 10px;
}

.product-txt ul li, .product-txt ol li{
	padding:0 0 2px 10px;
}

.product-inf {
	background: #454545; color: #fff; font-size: 18px; padding: 10px; margin: 0 0 10px 0;
}
.allcommpage {
	background: #454545; color: #fff; font-size: 18px; padding: 10px; margin: 10px 0 10px 0;
}


.commtable {
	width: 100%;
}

.commtable .comm-name-field {
	width: 35%;
}

.commtable input[type=text] {
	border: 1px solid #c5c5c5;
	background: #fff;
	width: 95%;
	height: 30px;
	padding: 0 0 0 10px;
	border-radius: 3px;
}

.commtable input[type=text]:focus {
	outline: 0;
}

.commtable td {
	padding: 15px;
	vertical-align: middle;
	border-bottom: 1px solid #dadada;
}

.commtable textarea {
	border: 1px solid #c5c5c5;
	background: #fff;
	width: 95%;
	height: 120px;
	padding: 10px 0 0 10px;
	border-radius: 3px;
	resize:none;
}

.commtable textarea:focus {
	outline: 0;
}

.commtable .addcomm {
		width: 100%;
		height: 40px;
		cursor: pointer;
		color: #fff;
		text-transform: uppercase;
		background: #4181a1;
		border: 0;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
}

.comm-wrap {
	margin-bottom: 15px;
	padding: 10px;
}

.comm-avatar img {
	width: 35px;
	height: 35px;
	float: left;
	border: 5px solid #a5aaac;
	margin-right: 10px;
}

.comm-name {
	text-transform: uppercase;
	color: #3e454c; 
}
.comm-name a {
	text-transform: uppercase;
	color: #3e454c; 
}

.comm-date {
	text-transform: uppercase;
	font-size: 12px;
	color: #3e454c; 
}

.comm-name b {
	font-weight: bold;
}

.comm-name a:hover {
	text-decoration: none;
}

.comm-txt {
	font-size: 16px; line-height: 20px; margin-top: 10px; color:#3e454c; 
}

.answer-h {
	display: block;
	background:#3e454c; 
	width: 100px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	height: 30px;
	line-height: 30px;
	margin-top: 10px;
	border-radius: 2px;
}

.answer-h:hover {
	background:#ff7f66; 
}

.comm-comm ul {
	margin-left: 50px; list-style: none;
}


.admin {
	background:#91c4dc; 
	margin: 0 10px 15px 0; 
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}


.admin .comm-avatar img {
	border: 5px solid #fff;
}

.admin .comm-name, .admin .comm-name a {
	color: #454545;
}

.admin .comm-date {
	color: #454545;
}

.admin .comm-txt {
	color:#454545; 
}

.admin .answer-h {
	background: #fff; color:  #3e454c;  
}

.admin .answer-h:hover {
	background: #ff7f66; color:  #fff;  
}


.comm-pagin {
	margin: 10px; float: right;
}

/*
	мини профиль
*/

.avatar-prof {
	width: 40px;
	height: 40px;
	border: 3px solid #454545;
	margin: 10px;
	float: left;
}
.avatar-prof img {
	width: 40px;
	height: 40px;
}

.s1 {
	font-size: 12px;
	margin: 7px 0 0 0;
	line-height: 15px;
}

#forgot{display: none;}

.ui-autocomplete{
	width: 200px;
	font-size: 13px !important;
}

.error {
	margin: 5px 5px 5px 220px;
	padding: 10px;
	border: #FF0033 solid 1px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #FFEDED;
	font-size: 13px;
	height: auto; 
	font-weight: bold;
	width:300px;
	color: #FF0033;
}

.ok{
	margin: 40px;
	color: #669966;
	font-size: 22px;
	font-weight: bold;
}

.highlight { background-color: yellow; }

.ui-autocomplete-category {
	font-weight: bold;
	padding: .2em .4em;
	margin: .8em 0 .2em;
	line-height: 1.5;
}

.table-tools {padding: 20px 0 20px 0;}

.table1 {
 width: 99%;
 margin: 10px 0 10px 0; 
 padding: 0; 
 border-spacing: 0px; 
 border-collapse: collapse; 
}

.table1 th  { 
 border: 1px groove #c9c9c9; 
 border-collapse:collapse; 
 vertical-align: middle;
 background: #4f81bd;
 color:#fff;
 text-align: center;
 font-weight: bold;
 padding: 1px; 
}


.table1 td { 
 border: 1px groove #c9c9c9; 
 background: #fff;
 border-collapse:collapse;
 padding: 2px 2px 2px 2px; 
 text-align: center;
}

.table1 .left{text-align: left;}

.table1 tr { 
 border: 1px groove #c9c9c9; 
 border-collapse:collapse;
}

.table-color td {background-color: #ccccff;}

.table2 { 
 border: 1px groove #fff; 
 border-collapse:collapse;  
 background: #fff;
}

.table2 th  { 
 border: 1px groove #fff; 
 border-collapse:collapse; 
 vertical-align: middle;
 background: #6699FF;
 text-align: center;
 font-weight: bold;
 padding: 0; 
}

.table2 td { 
 border: 1px groove #fff; 
 background: #fff;
 border-collapse:collapse;
 vertical-align: top;
 padding: 5px; 
 margin: 5px; 
 width: 50%;
}

.table2 tr { 
 border: 1px groove #fff; 
 border-collapse:collapse;
}

/*.table2 tr  :first-child{ 
 border-right: 1px groove #c9c9c9; 
 border-collapse:collapse;
}*/

.table3 {
	width: 100%;
	margin: 10px 0 10px 0; 
	padding: 0; 
	border-spacing: 0px; 
	border-collapse: collapse; 
}

.table3 th  { 
 border: 1px groove #c9c9c9; 
 border-collapse:collapse; 
 vertical-align: middle;
 background: #4f81bd;
 color:#fff;
 text-align: center;
 font-weight: bold;
 padding: 4px; 
 
/* fcecd3  //#6699FF;*/ 
}


.table3 td { 
 border: 1px groove #c9c9c9; 
 background: #fff;
 border-collapse:collapse;
 padding: 2px 0 2px 5px; 
 text-align: left;
}

.table3 tr { 
 border: 1px groove #c9c9c9; 
 border-collapse:collapse;
}

.add-to-cart{
cursor:pointer;
color:#4181a1;
}

.add-to-cart:hover{
color:#e95a3e;
}

/* Form */
#form-ok p{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin: 5px 0 5px 0;
}

#form-ok,#form-wrap{display: none;}
#form-wrap p{margin-bottom: 5px;}

#form-wrap .info {
	width:100%;
	margin: 0 0 5px 0;
	line-height: 1.1;
}

#form-wrap label{
	width: 100px;
	float: left;
}

#form-wrap input{
	width: 300px;
}

#form-wrap textarea{
	width: 300px;
	height:80px;	
}

.form{
	margin-left: 20px;
	font-size: 13px;
	color: #454545;
}

.form p{
	margin-bottom: 15px;
}

.form .info{
	margin-left: 200px;
	margin-bottom: 20px;
	width:100%;
}

.form label{
	width: 200px;
	float: left;
	padding-top: 5px;
}
.form input{
	width: 300px;
}

.form textarea{
	width: 300px;
	max-width: 400px;
	min-width: 300px;
	height:100px;	
}

.form input[type="checkbox"]{
	width: auto;
}

.form .edit, .form .edit-check{
	padding: 9px;
	border: 1px solid #E5E5E5;
	border-radius: 5px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	background: #fff url('/images/bg.jpg') left top repeat-x;
	color: #666666;
}

.form .edit:hover, .form .edit:focus,
.form .edit-check:hover, .form .edit-check:focus {
	border-color: #C9C9C9;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	color: #333333;
}

.form  .submit {
	width:auto;
	margin-left: 200px;
	display: block;
	margin: 20px 12px 0px 0px;
	padding: 5px 20px 5px 20px;
}

.form  .submit:hover{
		cursor: pointer;
}

.error-message{
	color: #FF0033;
}
.reg-check,
.reg-cross,
.reg-loader{
	display: inline-block;
	width: 16px;
	height: 16px;
}
.reg-check{background: url(/images/check.png);}
.reg-cross{background: url(/images/cross.png);}
.reg-loader{background: url(/images/loader2.gif);}

/*-------------------------
	Расширенный поиск
--------------------------*/

.advanced-search {
	position: relative;
	background: #fff;
	width:98%;
	float: left;
	margin: 5px 5px 10px 5px;
	padding: 3px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;

	-o-box-shadow: 0 1px 2px #91c4dc;
	-ms-box-shadow: 0 1px 2px #91c4dc;
	-moz-box-shadow: 0 1px 2px #91c4dc;
	-webkit-box-shadow: 0 1px 2px #91c4dc;
	 box-shadow: 0 1px 2px #91c4dc;
}

.advanced-search h3{
	border-bottom:1px solid #e2e2e2;
}

.advanced-search  .submit {
	width:auto;
	margin: 20px 12px 0px 0px;
	padding: 3px 20px 3px 20px;
}

.advanced-search #text-search{
	width: 500px;
	margin: 5px 0 15px 20px;
	padding: 5px;
	border: 1px solid #E5E5E5;
	border-radius: 5px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}


.advanced-search label{
	vertical-align: baseline;
}

.advanced-search input[type="checkbox"]{
	width: auto;
	margin: 5px 0 5px 20px;
}

/*-------------------------
	The footer
--------------------------*/

.footer-wrap{
	position:relative;
	width:100%;
	clear:both;
	color:#ccc;
	font-size:12px;
	background-color:#012846; /*31353a*/
}


/* Set a width to the outermost UL and center it */

.footer{
	width:720px;
	margin:0 auto;
	padding: 50px 0 50px 0;
}


.footer ul{
	list-style: none;
	margin-left: 10px;
}

.footer-contacts, .footer-catalog, .footer-home{
	width:30%;
	display:inline-block;
	vertical-align: top; 
	font-size: 12px;
}

.footer-catalog{	
	font-weight:bold;
	line-height:1.5;
}	

.footer .footer-title{
	width: 95%;
	margin-right: 10%;
	padding: 9px 0;
	line-height: 18px;
	background-color: #058cc7;
	font-weight: bold;
	font-size: 14px;
	color:#fff;
	text-transform: uppercase;
	margin-bottom: 20px;
	cursor:default;
	text-align: center;
	
}

.footer .footer-title a{
	color:#fff;
	text-decoration: none; 
}

.footer .footer-title a:hover{
	color:#990000;
}

.footer .footer-copy, .footer .footer-copy p{
	position: relative;
	color: #e4e4e4 !important;
	text-decoration: none !important;
	font-size: 11px;
	float:left;
	margin: 0 0 5px 0;
}

.footer-contacts .footer-phone{
	background:url(/images/iphone-24.png) no-repeat left center;
	padding: 0 0 4px 30px;
}

.footer-contacts .footer-addres{
	background:url(/images/pin-24.png) no-repeat left center;
	padding: 0 0 4px 30px;
	line-height: 1.5;
	text-transform: none;
}

.footer-contacts .footer-mail{
	background:url(/images/mail-24.png) no-repeat left center;
	padding: 0 0 4px 30px;
	text-transform: none;
}

.footer a{
	color:#ddd;
	text-decoration: none; 
}

.footer a:hover{
	color:#ffffff;
}

.footer-home .footer-title {
	background-color: #0096d6;
}

.footer-catalog .footer-title {
	background-color: #e9ac40;
}

.footer-contacts .footer-title {
	background-color: #d75ba2;
}

.footer-wrap .cusoft{
	padding: 15px;
	color:#336699;
	text-align: right;
}

.footer-wrap .cusoft a{
	color:#6699CC;
	text-decoration: none;
}

.footer-wrap .cusoft a:hover{
	color:#99CCFF;
	text-decoration: underline;
}

.producers {
	clear: both;
	margin: 10px 10px 10px 10px;
	float: left;
	padding-bottom: 10px;
	width: 98%;
	border-bottom:1px solid #e2e2e2;
}

/* задаём размер панели, границу и центрируем */
#tabs {border:0; width:100%; clear: both; margin:0 0 0 0;}
/* удаляем маркеры в элементах списка, т. е. закладках */
#tabs #tabs-ul {list-style-type:none; margin-left:-10px; margin-top:0;}

/* располагаем вкладки в ряд, задаём фон, шрифт, границу справа */
#tabs-ul li {float:left; 
	/*font:bold 14px arial,sans-serif;*/
	font-family:  Arial, Sans-serif, Verdana;
	font-weight: normal;
	font-size: 14px;

	height:26px; 
	padding-top: 5px;
	margin-right: 2px;
	padding-bottom: 9px;
	padding-left: 0;
/*	padding: 5px 5px 9px 0;*/
	border:1px solid #fff; border-bottom:0;
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	color:#666666;
	background:#e4e4e4;
	vertical-align:bottom;
}
	
/* выравниваем текст в заголовке закладки, устанавливаем курсор */
#tabs li span.tab {cursor:pointer; display:block; padding:0.5em 1em; margin: 2px 4px 2px 4px;}
/* выключаем видимость содержимого вкладок, задаём общий фон 
и верхнюю границу */
#tabs .mod{background:#edd; display:none; padding-top: 15px;}
/* задаём цвет текст заголовка включенной вкладки */
#tabs li.on span {color:#fff; border-bottom:0; padding-bottom:15px;}

/* задаём фон всех включенных блоков */
#tabs li.on {
	font-weight: bold;
	border:1px solid #336699; border-bottom:0; 	
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	background:#336699;
}

/* задаём фон всех включенных блоков */
#tabs  .on {
	background:#fff;
	border-top: 1px solid #e4e4e4; /*336699;*/
}

/* отображаем содержимое включенных вкладок, 
clear:both заставляет их учитывать наличие "плавающих" float
заголовков закладок */
#tabs div.on {clear:both;display:block;}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 2048px),
@media only screen and (max-width : 2048px) {
	#autocomplete{width: 1250px;}
}

@media only screen and (max-width : 1920px) {
	#autocomplete{width: 800px;}
}

@media only screen and (max-width : 1600px) {
	#autocomplete{width: 700px;}
}

@media only screen and (max-width : 1440px) {
	#autocomplete{width: 600px;}
}

@media only screen and (max-width : 1360px) {
	#autocomplete{width: 550px;}
}

@media only screen and (max-width : 1288px) {
	#autocomplete{width: 520px;}
}

@media only screen and (max-width : 1150px) {
	#autocomplete{width: 440px; }
}

@media only screen and (max-width : 1100px) {
	#autocomplete{width: 360px;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	#autocomplete{width: 240px;}
	.slogan {font-size: 14px;margin: 20px 0 0 10px;}
	.logo, .logo img {width: 200px;}
	.head-phone .number{	font-size:18px;}
	.header-right {width: 250px;	 float: left; margin-left:10px;}
	.content {margin: 10px 5px 20px 10px;}
	#topmenu ul.wrap li {font-size: 12px;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.sidebar-wrap, .logo, .footer-catalog {display: none;}
	#autocomplete{width: 240px;}
	.footer{width:360px;}
	.footer-contacts, .footer-home{	width:50%;}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	#autocomplete{width: 240px;}
}

#goTop {
	position: fixed;
	bottom: 50px;
	right: 20px;
	background: none;
	cursor: pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
	filter: alpha(opacity=80); /* IE7 */
	opacity: 0.8;
}

#goTop:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
	filter: alpha(opacity=100); /* IE7 */
	opacity: 1;
}

.block-body .banner-head {
margin:0;padding:10px;
text-align:center;
font-size: 12px
}

.banner-head img {margin-top:15px;}

.block-body .banner-head  a{font-size: 12px;color: #4181a1;text-decoration: none;font-weight: bold;}
.banner-head  a:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=110)"; /* IE 8 */
	filter: alpha(opacity=110); /* IE7 */
	opacity: 1.1;
	-webkit-filter: brightness(110%);
}

.by-row {
	position: relative;
	display: inline-block;
	height: auto;
	background: #fff;
	float: left;
	margin: 3px;
	min-width:100px;
	max-width:400px;
}
.center{
	position: relative;
	float: center;
}